Add inline subtitles to menu items and field descriptions#276
Merged
Conversation
wpfleger96
changed the title
Dropdown items in the agents screen gave no hint about what they did, making the interface opaque for new users and reducing accessibility for screen reader users relying on title text. Advanced dialog fields also had no descriptions, leaving users to guess what Relay URL, ACP command, MCP command, and turn timeout actually control. Radix DropdownMenuItem doesn't support Radix Tooltip natively (portal layering conflicts), so title attributes are used on all dropdown items as a lightweight, reliable fallback that works without any Radix portal workaround. Tooltip components were already in place for icon-only buttons in these sections.
HTML title attributes don't render in Tauri's WKWebView, making dropdown tooltips invisible. Switch to two-line menu items with muted subtitle text. Also add aria-describedby links for helper text and strip literal backtick characters from JSX strings.
wpfleger96
force-pushed
the
sprout-ux/menu-tooltips
branch
from
aca61d8 to
860d965
Compare
wesbillman
approved these changes
Apr 9, 2026
Collaborator
|
@wpfleger96 just a heads up, I reverted the menu items subtitls, they were a bit too noisy PR: #289 |
tlongwell-block
added a commit
that referenced
this pull request
Apr 11, 2026
…ona-migration * origin/main: feat(desktop): add Pulse social notes surface (#296) Fix flaky desktop smoke tests (#294) Add agent lifecycle controls to channel members sidebar (#291) Update nest_agents.md tagging info (#292) feat: add Sprout nest — persistent agent workspace at ~/.sprout (#290) Fix auth and SSRF vulns (#261) Add per-agent MCP toolset configuration to agent setup (#279) feat(desktop): team & persona import/edit flows (#288) Remove menu item subtitles and fix persona card overflow (#289) feat: Phase 1 video upload support (Blossom-compliant-ish) (#285) Add inline subtitles to menu items and field descriptions (#276) Improve ephemeral channel affordances and hide archived sidebar rows (#286) Fix @mention search to use word-boundary prefix matching (#278) Allow bot owners to remove their agents from any channel (#284) [codex] Polish agent selectors and settings layout (#283) # Conflicts: # desktop/scripts/check-file-sizes.mjs
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
2 participants
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.
This PR adds inline subtitle text to dropdown menu items and descriptive helper text to advanced dialog fields, making the agents UI more discoverable.
The agents screen had no contextual help — actions like "Mint token", "Spawn", and "Deploy" gave no hint of what they did. Advanced fields in the create-agent dialog (
relay_url, ACP command, MCP command, turn timeout) had no descriptions. HTMLtitleattributes don't render in Tauri's WKWebView, so a visible approach was needed.<span>below each action label inAgentActionsMenu(ManagedAgentRow.tsx),PersonasSection.tsx, andTeamsSection.tsx— always visible, works with keyboard nav, no Radix portal conflicts<p>description text below advanced setup fields inCreateAgentDialogSections.tsxaria-describedbyon all form inputs linking to their helper text for screen reader accessibility