Repository navigation
Add a contact detail pane to the Contacts page - #9
Merged
Merged
Conversation
Selecting a contact in the list now shows all of its details in a pane to the right, mirroring the Packets screen's inspector. - Contacts tab is a two-pane flex split: the list (toolbar + table) on the left, a "Contact" detail pane on the right; each scrolls independently at full height so the detail stays put while scrolling a long list. - Row click selects (tr.clickable/tr.selected highlight); the delete checkbox uses @click.stop so it doesn't disturb the detail selection. - Detail shows every contact column: name, type, full public key, flags, out path (flood / direct / <hex> (N hops)), path hash mode, location, last advert, last modified, first seen, last synced. No new API — the list already returns SELECT *; selection is tracked by pubkey so it survives reloads and resolves to none if the row is deleted. - Rebuild webapi/static assets. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds a detail pane to the right of the Contacts listing that shows all of a contact's details when a row is selected — modeled on the Packets screen's inspector pane.
Changes (
web-ui/src/views/Manage.vue).contacts-split) — the list (search/filter/delete toolbar + table) in a left.pane, and a Contact detail.paneon the right. Each pane scrolls independently at full height, so the detail stays put while you scroll a long (up to 500-row) list.tr.clickable+tr.selectedhighlight, same as Packets); the pane reads "select a contact" until then. The per-row delete checkbox uses@click.stopso toggling delete-selection doesn't change the detail view.flood (no path)/direct (0 hops)/<hex> (N hops)), path hash mode, location (lat, lon), last advert, last modified, first seen, last synced.SELECT *, so the full row is in hand. Selection is tracked by pubkey (not the row object), so it survives a contacts reload and resolves to "none" if the row was deleted.webapi/static/assets.Testing
web-uibuilds clean (npm run build). Front-end only — no API or schema changes. (A live visual check needs the bot running against a radio with contacts, which isn't available in CI.)🤖 Generated with Claude Code