improve(ui): bring back openclaw brand, remove desktop topbar + breadcrumbs#101017
Conversation
848bfbe to
772dfa7
Compare
|
@clawsweeper review |
|
🦞🧹 I asked ClawSweeper to review this item again. |
|
Codex review: needs maintainer review before merge. Reviewed July 8, 2026, 9:45 AM ET / 13:45 UTC. Summary PR surface: Source +308, Tests +21. Total +329 across 54 files. Reproducibility: not applicable. this is a user-visible Control UI layout improvement, and the relevant evidence is the after-state screenshots plus source inspection rather than a bug reproduction. Review metrics: 1 noteworthy metric.
Merge readiness Overall follows the weaker of proof and patch quality, so missing proof can cap an otherwise strong patch. Rank-up moves:
Risk before merge
Maintainer options:
Next step before merge
Maintainer decision needed
Security Review detailsBest possible solution: Land this UI direction after assignee or UX maintainer acceptance and green exact-head CI; if the direction is contested, split the accepted sidebar polish from the disputed topbar/navigation changes. Do we have a high-confidence way to reproduce the issue? Not applicable; this is a user-visible Control UI layout improvement, and the relevant evidence is the after-state screenshots plus source inspection rather than a bug reproduction. Is this the best way to solve the issue? Yes, conditionally; moving navigation controls into the existing sidebar and workspace rail is a coherent implementation shape, but final acceptance depends on maintainer UX direction. AGENTS.md: found and applied where relevant. Codex review notes: model internal, reasoning high; reviewed against 64015e71dd5a. Label changesLabel changes:
Label justifications:
Evidence reviewedPR surface: Source +308, Tests +21. Total +329 across 54 files. View PR surface stats
What I checked:
Likely related people:
What the crustacean ranks mean
Shiny media proof means a screenshot, video, or linked artifact directly shows the changed behavior. Runtime, network, CSP, and security claims still need visible diagnostics. How this review workflow works
Review history (5 earlier review cycles)
|
772dfa7 to
3461f7d
Compare
3461f7d to
5460d99
Compare
713ac5d to
4649409
Compare
4649409 to
b0495ee
Compare
b0495ee to
769baa3
Compare
|
Merged using rebase. Changes after review:
Verification:
Landed as Thanks @vyctorbrzezowski! |
brand is important 🤓
What Problem This Solves
The desktop chat topbar was carrying controls that did not need to live there. The breadcrumb was not useful, and Search plus the sidebar toggle fit better in the existing sidebar pattern.
This PR brings the OpenClaw brand back to the sidebar, places Search and the sidebar toggle next to it, adds Cmd+B to open and close the sidebar, and keeps the mobile topbar with centered OpenClaw branding plus a Search icon.
It also folds in the remaining sidebar polish from #100963 and #100918: compact sidebar timestamps, scoped visual session highlighting, a single-icon color-mode toggle, sidebar sorting popover placement, compact rail search, and collapsed-rail active-state cleanup.
Screenshots
Mobile topbar in this PR:
Desktop sidebar and chat shell in this PR:
Why This Change Was Made
This keeps desktop navigation controls in the sidebar, where the app already has a calm and consistent pattern for global navigation. The terminal action moves to the chat workspace rail, so it stays available without bringing back the desktop topbar.
Mobile keeps the topbar because that is still the right place for drawer navigation and Search on small screens. It now shows the OpenClaw brand in the center and relegates Search to an icon on the right.
User Impact
Desktop users get the brand back in the sidebar, fewer controls in the chat header area, and a keyboard shortcut for opening and closing the sidebar. Sidebar session rows keep the previous focus behavior for keyboard access, while the selected-session highlight is scoped to Chat. The color-mode control is a single footer icon that cycles modes on click.
Mobile users get a branded topbar with navigation on the left and Search on the right.
Evidence
git diff --checknode_modules/.bin/oxfmt --check ui/src/app/app-host.ts ui/src/components/app-sidebar.ts ui/src/components/app-topbar.ts ui/src/components/theme-mode-toggle.ts ui/src/components/terminal/terminal-panel.ts ui/src/pages/chat/chat-pane.ts ui/src/pages/chat/chat-state.ts ui/src/pages/chat/components/chat-session-workspace.ts ui/src/e2e/sidebar-customization.e2e.test.ts ui/src/styles/layout.css ui/src/styles/layout.mobile.css ui/src/i18n/locales/en.tsnode --import tsx scripts/control-ui-i18n.ts checknode_modules/.bin/vitest run ui/src/e2e/sidebar-customization.e2e.test.ts --config test/vitest/vitest.ui-e2e.config.tscd ui && ../node_modules/.bin/vite build