feat(web): UI refinements + product mission merge - #3
Merged
Conversation
Top bar symmetry - Replace ChatHeader's "Console" pill with a chevron toggle (PanelRight*). - Sidebar trigger always visible: inside the sidebar chrome when the sidebar is open, in the chat/splash/settings header (with macOS traffic-light inset) when collapsed. - Trigger icon switches between PanelLeft (open) and Menu hamburger (collapsed), matching the Cowork / Claude Code pattern. - Workbench wordmark + logo bumped from size-4/text-sm to size-6/text-base. - Add FolderKanban icon to the rail header's Console pill so the brand mark moves with the toggle. Right rail (console) - Drop the 40vh cap on the file tree so it fills the rail; outer ScrollArea handles overflow. - workspaceFileTree.ts now renders trailing-slash entries (submodules / nested git repos like `workbench/`, `workbench-pi-fix/`) as proper folder nodes with names + folder icons, not empty-name file rows. New regression test. - TaskPane: drop the placeholder "Plan mode stays visible" card; replace colored-dot status indicators with proper green-check / blue-spinner / outline-circle icons; filter raw "Tool call" entries out of the work log via a new isMeaningfulWorkEntry guard; rename section to "Recent activity". Splash composer (NoActiveThreadState) - Collapse the nested max-w-5xl + double max-w-4xl wrappers into a single max-w-[min(56rem,100%)] container. - Title fluid via clamp(); textarea text + padding + submit button + min-height all scale at the sm: breakpoint instead of fighting at narrow widths. - New transient pendingAutoSubmitStore so the splash can request "auto-send on next mount". ChatView consumes the flag once the draft prompt loads, then setTimeout(0)s onSend — type into splash, hit enter, chat starts immediately (no second enter). - Splash sidebar trigger inset matches ChatView's pattern. Branding - Add AnimatedWorkbenchLogo (block-float + soft drop-shadow) to Icons.tsx; SplashScreen now uses the animated variant at size-24. AGENTS.md - Replace the inherited "Project Snapshot" intro with a Workbench Mission section: folder-first AI workbench, locked product vocabulary (Workbench / Console / Task / Workspace), six core product principles. Original task-completion + maintainability content preserved further down. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
The Group A change added a chevron toggle in the chat top bar that collapses the right rail. The original close-rail chevron inside the RailHeader (PanelRightCloseIcon next to the Console pill) was left in place, so users now saw two stacked chevrons doing the same thing. Drop the inside-rail close button. Toggle now lives only in the chat header, matching the parallel left-sidebar trigger. Co-Authored-By: Claude Opus 4.7 (1M context) <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.
Summary
Top bar symmetry
Right rail (console)
Splash composer (
NoActiveThreadState)clamp(); textarea + submit + min-height all scale at thesm:breakpointpendingAutoSubmitStoreso splash can request "auto-send on next mount"; ChatView consumes the flag once draft prompt loads, thensetTimeout(0)s onSendBranding
AnimatedWorkbenchLogo(block-float + soft drop-shadow) toIcons.tsxSplashScreenuses the animated variant at size-24AGENTS.md
Test plan
context compaction)