Skip to content

refactor(ui): comprehensive UI craft review#1087

Merged
NevilleQingNY merged 1 commit intomainfrom
NevilleQingNY/ui-craft-review
Apr 15, 2026
Merged

refactor(ui): comprehensive UI craft review#1087
NevilleQingNY merged 1 commit intomainfrom
NevilleQingNY/ui-craft-review

Conversation

@NevilleQingNY
Copy link
Copy Markdown
Collaborator

Summary

  • Sidebar pinned items: StatusIcon/emoji, collapsible section, inline X close (desktop tab pattern), mask gradient text fade
  • PageHeader: shared component with mobile SidebarTrigger, replaces headers in all 11 dashboard pages
  • Tooltip: 200ms delay, no arrow, popover/border style
  • Detail panels: unified Issue/Project Detail — sidebarContent variable, mobile Sheet, all sections collapsible, auto-close on mobile
  • Button sizing: icon-xs → icon-sm globally (except editor bubble menu)
  • Breadcrumb: simplified to workspace > identifier
  • Tokens: remove unused canvas, remove SidebarInset shadow

Test plan

  • Sidebar: pinned items show status icons/emoji, X close on hover, collapsible section with count
  • All pages: PageHeader renders correctly, mobile trigger shows on small screens
  • Tooltip: 200ms delay, no arrow, border style
  • Issue Detail: breadcrumb shows workspace > identifier only, all sidebar sections collapsible, mobile Sheet works
  • Project Detail: same layout as Issue Detail, all sections collapsible, mobile Sheet works
  • Button sizes: icon-sm across agents, inbox, skills, comments
  • Dark mode: verify all changes look correct

🤖 Generated with Claude Code

@vercel
Copy link
Copy Markdown

vercel bot commented Apr 15, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

2 Skipped Deployments
Project Deployment Actions Updated (UTC)
multica-web Ignored Ignored Apr 15, 2026 11:08am
multica-web-production Ignored Ignored Apr 15, 2026 11:08am

Request Review

@NevilleQingNY NevilleQingNY force-pushed the NevilleQingNY/ui-craft-review branch from dbdce4f to cce67c7 Compare April 15, 2026 10:35
…l panels

Sidebar:
- Pinned items: StatusIcon for issues, emoji for projects, sm size, mask gradient text fade
- Pinned items: inline X close button (hidden → flex on hover, desktop tab pattern)
- Pinned section: collapsible with chevron + hover count
- Remove unused canvas token

Global components:
- PageHeader: shared component with built-in mobile SidebarTrigger (md:hidden)
- Replace header divs in all 11 dashboard pages with PageHeader
- Remove standalone mobile trigger bar from DashboardLayout
- Tooltip: 200ms delay, remove arrow, popover/border style
- Search dialog: add finalFocus={false}
- SidebarInset: remove shadow-sm
- Button sizing: icon-xs → icon-sm across all non-editor contexts

Issue Detail:
- Simplify breadcrumb to workspace > identifier
- Extract sidebarContent variable shared between ResizablePanel and mobile Sheet
- All sidebar sections collapsible (Properties, Parent issue, Details, Token usage)
- Auto-close sidebar on mobile breakpoint
- Collapsible section headers: text before chevron, !size-3 stroke-[2.5], hover bg

Project Detail:
- Match Issue Detail layout pattern (header inside left ResizablePanel)
- Extract sidebarContent, add mobile Sheet support
- All sidebar sections collapsible (Properties, Progress, Description)
- Header: move three-dot menu to right button group, unified breadcrumb layout
- Auto-close sidebar on mobile breakpoint

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@NevilleQingNY NevilleQingNY force-pushed the NevilleQingNY/ui-craft-review branch from cce67c7 to 393eb31 Compare April 15, 2026 11:08
@NevilleQingNY NevilleQingNY merged commit c38af55 into main Apr 15, 2026
5 checks passed
Sign up for free to 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.

1 participant