Give the home/attachments/inbox navigator one shared pill anatomy so the active label expands and collapses as a single smooth motion: constant px-[7px] padding with the label in a grid column animating 0fr to 1fr, tooltips kept mounted via Base UI's disabled prop, and the scope control as one always-mounted uncontrolled DropdownMenu that vetoes the menu and navigates when off the scope routes. The unread badge scales in and out, and the scope chevron rotates while its menu is open. The tooltip anchors to a wrapper span because a disabled tooltip stamps data-trigger-disabled on its trigger element, which Base UI's shared floating logic would read as the menu trigger being disabled. |
||
|---|---|---|
| .. | ||
| docs | ||
| patches | ||
| public | ||
| scripts | ||
| src | ||
| tests | ||
| .gitignore | ||
| biome.json | ||
| components.json | ||
| index.html | ||
| package.json | ||
| pnpm-lock.yaml | ||
| pnpm-workspace.yaml | ||
| tsconfig.json | ||
| vite.config.mts | ||
| vitest.config.mts | ||