Skip to content

Polish profile popover, pricing modal spacing, and dropdown hover styling - #5752

Open
cmgardella wants to merge 2 commits into
ai-assistant-panel-design-polishfrom
profile-popover-and-dropdown-polish
Open

Polish profile popover, pricing modal spacing, and dropdown hover styling#5752
cmgardella wants to merge 2 commits into
ai-assistant-panel-design-polishfrom
profile-popover-and-dropdown-polish

Conversation

@cmgardella

Copy link
Copy Markdown
Contributor

Summary

  • Restyled the profile popover: lighter divider color, teal "Upgrade Plan" CTA matching "Sign Out"'s style/font, custom hover colors for the black and teal buttons, removed the credit icon next to "Not available on Free plan", flat #EFEDED daily-grant note with no border, and precise 20px spacing around the "Buy more credits" CTA
  • Added 50px of space above the pricing modal's headline while keeping scroll-snap stable via a matching scroll-padding-top
  • Added a 100%-opacity white stroke on hover for the search, AI assistant, and profile avatar icon buttons, matching the rest of the app's icon-button hover treatment
  • Made the workspace chooser's "View All" sort dropdown and the hosted-site-url dropdown's hover state span edge-to-edge like the standard boxel dropdown/menu pattern, instead of being inset from the platter

Stacked on #5728 so this diff only shows the new changes.

Test plan

  • Open the pricing modal (avatar menu → Upgrade Plan) and confirm the headline has breathing room at top and scroll-snap still works
  • Open the profile popover and confirm Upgrade Plan/Sign Out/Buy more credits styling and spacing
  • Hover the search, AI assistant, and avatar icon buttons and confirm the white stroke goes to full opacity
  • Open the workspace chooser "View All" dropdown and a workspace's hosted-site-url dropdown and confirm hover fills edge-to-edge

🤖 Generated with Claude Code

- Fix skill-selector footer buttons touching with no gap when stacked;
size them to content and lay out via flex-wrap
- Remove leftover scroll-shadow ("chin") artifact on the LLM select list
and restyle its footer actions to match the skill-menu pill buttons
- Resize the Past Sessions popover to inset 30px from both panel edges,
match its header font to the panel title, and restyle background,
border, dividers, and hover colors
- Fix a nested double-stroke on the session "more options" dropdown by
neutralizing the wormholed BoxelDropdown content wrapper's own border/shadow
- Auto-close the "more options" dropdown on mouse-out (hover-intent debounce)
instead of requiring a click elsewhere, and clear lingering focus styling
- Give the currently-active session row a hover state even while its
options menu is open
- Restyle the workspace chooser's "View All" sort dropdown (default state
matches the chooser background; open state uses a dark platter with a
white 25%-opacity stroke, white text, and a teal active-item checkmark)
…ling
- Restyled the profile popover: lighter divider, teal Upgrade Plan CTA
matching Sign Out's style/font, custom hover colors for black/teal
buttons, removed the credit icon next to "Not available on Free
plan", flat #EFEDED daily-grant note with no border, and precise
20px spacing around the Buy More Credits CTA
- Added 50px of breathing room above the pricing modal's headline
while keeping scroll-snap stable via matching scroll-padding-top
- Added a 100%-opacity white stroke on hover for the search, AI
assistant, and profile avatar icon buttons, matching the rest of
the app's icon button hover treatment
- Made the workspace chooser's "View All" sort dropdown and the
hosted-site-url dropdown's hover state span edge-to-edge like the
standard boxel dropdown/menu pattern, instead of being inset from
the platter
@github-actions

github-actionsBot commented Aug 12, 2026

Copy link
Copy Markdown
Contributor

Preview deployments

Host Test Results

1 files 1 suites 3h 1m 30s ⏱️
3 883 tests 3 869 ✅ 14 💤 0 ❌
3 902 runs 3 888 ✅ 14 💤 0 ❌

Results for commit 775b9f5.

Realm Server Test Results

1 files 1 suites 14m 42s ⏱️
2 086 tests 2 086 ✅ 0 💤 0 ❌
2 165 runs 2 165 ✅ 0 💤 0 ❌

Results for commit 775b9f5.

@burieberry
burieberryforce-pushed the ai-assistant-panel-design-polish branch 3 times, most recently from b0b5c46 to a240bdeCompareAugust 13, 2026 16:50
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@cmgardella@lukemelia