feat(app): declutter sidebar corner into a single chrome strip#4017
Merged
Conversation
13 elements across 3 rows become 4 elements in 1 strip (collapse, search, recording-status dot, notification bell). The monitor, mic, speaker and phone icons fold into one status dot with a detail popover (per-device pause/resume, meeting start/stop). The bell badge drops the numeric count for a quiet unread dot. The wordmark is removed, nav starts immediately, matching Claude and Codex app chrome. Follows DESIGN.md (when in doubt, remove) and progressive disclosure: chrome answers only "is it recording?", detail lives one click away. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Collapsing no longer leaves a 72px icon-only column. The sidebar disappears and the floating top-left strip reduces to two elements: expand toggle + recording-status dot (Claude / Codex style). Cmd+B and the focused-meeting auto-collapse now give the content the full window. Removes the dead collapsed branches from the nav (one-per-line icon rows, tooltip wrappers, justify-center ternaries) and the collapsed prop + width token from AppSidebar. CollapsedChatSidebarButton in chat-sidebar.tsx is now unused, left for a follow-up removal. Co-Authored-By: Claude Fable 5 <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.
why
The top-left corner stacked 13 visual elements into ~240x70px: traffic lights, collapse, search, the wordmark, then a row of monitor/mic/speaker icons (each with counts and 4 opacity micro-states), a divider, a bell with a "9+" numeric badge, and a phone toggle. That is debug-level detail promoted to permanent chrome, and the opposite of DESIGN.md ("when in doubt, remove") and the progressive disclosure principle.
before / after / collapsed
what changed
components/recording-status.tsxnotes
notification-bell-triggerand popover testids unchanged (windows-user-journey e2e untouched); no e2e spec touches the old icon rail; new testidsrecording-status-trigger,recording-status-popover,recording-status-meeting-toggle,notification-bell-unread-dotuseOverlayDatapolling removed from the home page (was only feeding the icon opacity micro-states)CollapsedChatSidebarButtonin chat-sidebar.tsx is now unused, left in place for a follow-up removal to keep this diff reviewablebun run buildpasses on both commits🤖 Generated with Claude Code