feat(web): unify workspace navigation

[maria-rcks]

What changed

• Adds one shared workspace header for chat, empty states, Settings, project settings, and onboarding.
• Moves Settings, Usage, and Pull Requests navigation into the sidebar footer, with one consistent Back action on those pages.
• Centralizes Settings content widths and scroll padding.

Screenshots

Direct parent on the left; this PR on the right. Same viewport and copied application state.

Settings layout

Before	After

Why

Workspace navigation and page headers were duplicated across several routes. This PR keeps only that shared layout work. Usage, Pull Requests, terminal, composer, tool lifecycle, and tool activity stay in separate reviews.

The independent thread action menu redesign remains in #7476.

Validation

• Focused workspace header and Settings layout tests
• Web typecheck
• Browser verification of the Settings header, wide content layout, and shared Back footer

Stack order

1. feat(web): unify workspace navigation #7153 workspace navigation, this PR
2. feat(web): redesign usage insights #7147 Usage
3. feat(web): refresh pull request details #7148 Pull Requests
4. feat(web): improve terminal workspace controls #7149 terminal
5. feat(web): attach composer state drawers #7150 composer
6. fix(server): preserve tool lifecycle identity #7151 tool lifecycle projection
7. feat(web): collapse tool activity into one line #7152 tool activity UI

Built with GPT-5.6-sol in the Codex harness.

---

Note

Low Risk
Mostly presentational refactors and shared navigation wiring; no auth, data, or API behavior changes in the diff.

Overview
Unifies workspace top-bar chrome by adding WorkspacePageHeader and swapping duplicated <header> / Electron title-bar markup in chat (ChatView), empty thread state, settings layout, project settings, and hosted onboarding for that shared wrapper (electron, reserveNativeControls, collapsed-sidebar inset, safe-area padding).

Consolidates sidebar footer navigation by extracting SidebarUtilityMenu from SidebarChromeFooter (Settings / Usage / Pull Requests icon shortcuts, Back when on settings, usage, or pull-requests routes, with history.back when possible). Settings sidebar footer now reuses the same menu instead of its own Back handler.

Tweaks settings content layout via SettingsPageContainerwidth presets (readable / wide / expanded) and updated scroll-area padding; Keybindings and Diagnostics opt into wider max widths. Titlebar geometry expectations move to WorkspacePageHeader in the chat index titlebar test.

^{Reviewed by Cursor Bugbot for commit f756913. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Unify workspace navigation headers into a shared WorkspacePageHeader component

• Introduces WorkspacePageHeader.tsx, a reusable header that centralizes top-bar geometry, drag-region behavior, and native-control inset padding for Electron.
• Replaces duplicated inline <header> markup and COLLAPSED_SIDEBAR_TITLEBAR_INSET_CLASS logic across chat, onboarding, settings, and project settings views.
• Centralizes sidebar footer utilities into a new SidebarUtilityMenu component in SidebarChrome.tsx; the Back button now prefers history.back() over navigating to /.
• Standardizes SettingsPageContainer with a width prop ('readable' | 'wide' | 'expanded') and consistent padding, replacing per-page max-w-* classNames.

^{Macroscope summarized f756913.}

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 7d6074b3-0eb4-4b5e-a908-0906b9374f98

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

Thread transfer impact

✅ Thread transfer remains within every enforced ceiling.

Provider	Metric	Main baseline	This PR	Impact	PR ceiling
Codex	Total thread wire	12.6 KiB	12.6 KiB	+11 B (+0.1%)	15.1 KiB	✅
Codex	Thread snapshot wire	6.3 KiB	6.3 KiB	+4 B (+0.1%)	7.3 KiB	✅
Codex	Live turn WebSocket wire	6.3 KiB	6.3 KiB	+7 B (+0.1%)	7.8 KiB	✅
Codex	Live turn WebSocket decoded	51.8 KiB	51.8 KiB	0 B (0.0%)	66.4 KiB	✅
Codex	Live turn messages	16	16	0 (0.0%)	21	✅
Claude	Total thread wire	12.6 KiB	12.6 KiB	−15 B (−0.1%)	15.1 KiB	✅
Claude	Thread snapshot wire	6.3 KiB	6.3 KiB	−4 B (−0.1%)	7.3 KiB	✅
Claude	Live turn WebSocket wire	6.3 KiB	6.3 KiB	−11 B (−0.2%)	7.8 KiB	✅
Claude	Live turn WebSocket decoded	52.7 KiB	52.7 KiB	0 B (0.0%)	66.4 KiB	✅
Claude	Live turn messages	16	16	0 (0.0%)	21	✅

Baseline: 36f4314 · PR result: f756913 · Source CI: success

Scenario and decoded snapshot size

10 historical turns, 5 command tools per turn, 878.9 KiB retained MCP result per historical turn, and a 1.05 MiB retained result in the measured turn.

• Codex decoded thread snapshot: 99.9 KiB
• Claude decoded thread snapshot: 100.6 KiB

Updated in place by a trusted workflow. PR artifacts are strictly validated and never executed.

UI Consistency

Reviewed the changed web UI surfaces (shared WorkspacePageHeader/WorkspacePageContainer extraction, sidebar row/footer rework, settings layout widths, toggle/segmented variants, context-menu fallback icons, composer chip metrics, themed toolbar variable swap).

Verified as safe:

• WorkspacePageHeader reproduces the previous per-surface geometry: --workspace-topbar-height resolves to 52px and to env(titlebar-area-height) under .wco, drag-region is still gated on Electron, COLLAPSED_SIDEBAR_TITLEBAR_INSET_CLASS is retained, data-chat-header still forwards (so the themed toolbar rules keep applying), and className is merged last so call sites keep ownership. Passing reserveNativeControls in the browser is inert because wco: only matches Electron's .wco root.
• --toolbar-control-foreground is defined in both the default token block and the html[data-theme-id] bridge, so the index.css swap does not drop a variable.
• SettingsPageContainer keeps the fade/padding pairing: [--topbar-scroll-fade-height:1.5rem] sm:[...] is required to neutralise the utility's @variant sm bump, and pt-6 matches the 1.5rem band, same as the pull-requests page.
• separatorBefore is honoured by both renderers of ContextMenuItem (Electron template + showContextMenuFallback), and the new copy submenu parent id is never dispatched.

Three consistency findings below; no visual or behavioural regression was identified.

^{Posted via Macroscope — UI Consistency}

Approvability

Verdict: Approved at f756913

Macroscope's review found this PR approvable — Mechanical refactor extracting duplicated header and sidebar menu styling into shared components (WorkspacePageHeader, SidebarUtilityMenu). No behavioral changes - same CSS classes applied from a centralized location. Tests updated accordingly.

^{You can add or adjust custom eligibility rules. Learn more.}

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit f181757. Configure here.}

Reviewed the changed web UI surfaces for shared-primitive, Tailwind-ownership and layout-preservation consistency. The header/container consolidation (WorkspacePageHeader/WorkspacePageContainer) preserves topbar height, WCO inset, drag region, safe-area padding and the collapsed-sidebar transition, the new micro button size correctly extends the primitive contract instead of hand-rolling the sidebar row actions, and the themed toolbar-control rule change is consistent with the existing [data-chat-header] control rule. Two smaller items below.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 27bb7f4

UI consistency review found three items in the changed web UI scope. Details inline.

^{Posted via Macroscope — UI Consistency}

Two consistency findings on the changed lines. Details inline.

^{Posted via Macroscope — UI Consistency}

Reviewed the UI changes for shared-component and Tailwind-ownership consistency. Two findings, both about the new shared contracts introduced here; the WorkspacePageHeader extraction, the Button size="micro"/icon-micro migration of the sidebar row actions, and the themed --toolbar-control-foreground alignment otherwise look correct and preserve focus-visible, coarse hit targets, drag regions and titlebar insets.

^{Posted via Macroscope — UI Consistency}

Two icon-consistency findings in the changed context-menu code. Everything else in this revision looks consistent: the new WorkspacePageHeader reproduces the Electron/WCO geometry it replaces (--workspace-topbar-height resolves to env(titlebar-area-height, 52px) under .wco, and wco: selectors outrank the new sm: padding on specificity), micro now shares icon-micro's radius/icon contract, the sidebar hover actions all run through Button variant="ghost-muted", the fallback divider matches MenuSeparator, and every SettingsPageContainer caller now uses the width prop instead of a call-site max-w-*.

^{Posted via Macroscope — UI Consistency}

UI consistency review: one finding — a shared component's API is widened with a prop that has no consumer in this PR. Everything else in the changed web UI looks consistent with the shared component system (the fallback menu divider now matches MenuSeparator, the fallback icon sizes match MenuItem's responsive contract, the sidebar lifecycle actions are on Button size="icon-micro"|"micro" variant="ghost-muted", micro shares icon-micro's radius, and WorkspacePageHeader/WorkspacePageContainer preserve the WCO inset, safe-area padding, drag region and collapsed-sidebar inset of the headers they replace).

^{Posted via Macroscope — UI Consistency}

One finding: the new shared page frame lands with a single consumer while a near-identical literal frame remains in the pull-requests route.

^{Posted via Macroscope — UI Consistency}

One finding: the new Copy submenu makes three previously top-level actions unreachable without a pointer in the browser context-menu fallback. Details inline.

^{Posted via Macroscope — UI Consistency}

Reviewed the shared-header extraction, the settings container/width contract, the sidebar row control migration, and the toolbar theming change. The WorkspacePageHeader migration preserves the previous geometry (--workspace-topbar-height already resolves env(titlebar-area-height) under .wco, and wco: outranks sm: on specificity, so the native-controls inset still wins), and the new micro size now matches icon-micro's radius. Two findings below.

^{Posted via Macroscope — UI Consistency}

UI consistency review: two findings in the sidebar row control migration and the scoped new-thread button. Everything else in the header/settings-layout consolidation looks consistent with the shared primitives.

^{Posted via Macroscope — UI Consistency}

One finding on the new micro button size: it sets text-xs (and a size-3 icon rule) without overriding the base's sm: step, so the contract flips at ≥640px. Details inline.

^{Posted via Macroscope — UI Consistency}

[maria-rcks]

What changed

• Adds one shared workspace header for chat, empty states, Settings, project settings, and onboarding.
• Moves Settings, Usage, and Pull Requests navigation into the sidebar footer, with one consistent Back action on those pages.
• Centralizes Settings content widths and scroll padding.

Screenshots

Direct parent on the left; this PR on the right. Same viewport and copied application state.

Settings layout

Before	After

Why

Workspace navigation and page headers were duplicated across several routes. This PR keeps only that shared layout work. Usage, Pull Requests, terminal, composer, tool lifecycle, and tool activity stay in separate reviews.

The independent thread action menu redesign remains in #7476.

Validation

• Focused workspace header and Settings layout tests
• Web typecheck
• Browser verification of the Settings header, wide content layout, and shared Back footer

Stack order

1. feat(web): unify workspace navigation #7153 workspace navigation, this PR
2. feat(web): redesign usage insights #7147 Usage
3. feat(web): refresh pull request details #7148 Pull Requests
4. feat(web): improve terminal workspace controls #7149 terminal
5. feat(web): attach composer state drawers #7150 composer
6. fix(server): preserve tool lifecycle identity #7151 tool lifecycle projection
7. feat(web): collapse tool activity into one line #7152 tool activity UI

Built with GPT-5.6-sol in the Codex harness.

---

Note

Low Risk
Mostly presentational refactors and shared navigation wiring; no auth, data, or API behavior changes in the diff.

Overview
Unifies workspace top-bar chrome by adding WorkspacePageHeader and swapping duplicated <header> / Electron title-bar markup in chat (ChatView), empty thread state, settings layout, project settings, and hosted onboarding for that shared wrapper (electron, reserveNativeControls, collapsed-sidebar inset, safe-area padding).

Consolidates sidebar footer navigation by extracting SidebarUtilityMenu from SidebarChromeFooter (Settings / Usage / Pull Requests icon shortcuts, Back when on settings, usage, or pull-requests routes, with history.back when possible). Settings sidebar footer now reuses the same menu instead of its own Back handler.

Tweaks settings content layout via SettingsPageContainerwidth presets (readable / wide / expanded) and updated scroll-area padding; Keybindings and Diagnostics opt into wider max widths. Titlebar geometry expectations move to WorkspacePageHeader in the chat index titlebar test.

^{Reviewed by Cursor Bugbot for commit f756913. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Unify workspace navigation headers into a shared WorkspacePageHeader component

• Introduces WorkspacePageHeader.tsx, a reusable header that centralizes top-bar geometry, drag-region behavior, and native-control inset padding for Electron.
• Replaces duplicated inline <header> markup and COLLAPSED_SIDEBAR_TITLEBAR_INSET_CLASS logic across chat, onboarding, settings, and project settings views.
• Centralizes sidebar footer utilities into a new SidebarUtilityMenu component in SidebarChrome.tsx; the Back button now prefers history.back() over navigating to /.
• Standardizes SettingsPageContainer with a width prop ('readable' | 'wide' | 'expanded') and consistent padding, replacing per-page max-w-* classNames.

^{Macroscope summarized f756913.}

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 7d6074b3-0eb4-4b5e-a908-0906b9374f98

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

Thread transfer impact

✅ Thread transfer remains within every enforced ceiling.

Provider	Metric	Main baseline	This PR	Impact	PR ceiling
Codex	Total thread wire	12.6 KiB	12.6 KiB	+11 B (+0.1%)	15.1 KiB	✅
Codex	Thread snapshot wire	6.3 KiB	6.3 KiB	+4 B (+0.1%)	7.3 KiB	✅
Codex	Live turn WebSocket wire	6.3 KiB	6.3 KiB	+7 B (+0.1%)	7.8 KiB	✅
Codex	Live turn WebSocket decoded	51.8 KiB	51.8 KiB	0 B (0.0%)	66.4 KiB	✅
Codex	Live turn messages	16	16	0 (0.0%)	21	✅
Claude	Total thread wire	12.6 KiB	12.6 KiB	−15 B (−0.1%)	15.1 KiB	✅
Claude	Thread snapshot wire	6.3 KiB	6.3 KiB	−4 B (−0.1%)	7.3 KiB	✅
Claude	Live turn WebSocket wire	6.3 KiB	6.3 KiB	−11 B (−0.2%)	7.8 KiB	✅
Claude	Live turn WebSocket decoded	52.7 KiB	52.7 KiB	0 B (0.0%)	66.4 KiB	✅
Claude	Live turn messages	16	16	0 (0.0%)	21	✅

Baseline: 36f4314 · PR result: f756913 · Source CI: success

Scenario and decoded snapshot size

10 historical turns, 5 command tools per turn, 878.9 KiB retained MCP result per historical turn, and a 1.05 MiB retained result in the measured turn.

• Codex decoded thread snapshot: 99.9 KiB
• Claude decoded thread snapshot: 100.6 KiB

Updated in place by a trusted workflow. PR artifacts are strictly validated and never executed.

UI Consistency

Reviewed the changed web UI surfaces (shared WorkspacePageHeader/WorkspacePageContainer extraction, sidebar row/footer rework, settings layout widths, toggle/segmented variants, context-menu fallback icons, composer chip metrics, themed toolbar variable swap).

Verified as safe:

• WorkspacePageHeader reproduces the previous per-surface geometry: --workspace-topbar-height resolves to 52px and to env(titlebar-area-height) under .wco, drag-region is still gated on Electron, COLLAPSED_SIDEBAR_TITLEBAR_INSET_CLASS is retained, data-chat-header still forwards (so the themed toolbar rules keep applying), and className is merged last so call sites keep ownership. Passing reserveNativeControls in the browser is inert because wco: only matches Electron's .wco root.
• --toolbar-control-foreground is defined in both the default token block and the html[data-theme-id] bridge, so the index.css swap does not drop a variable.
• SettingsPageContainer keeps the fade/padding pairing: [--topbar-scroll-fade-height:1.5rem] sm:[...] is required to neutralise the utility's @variant sm bump, and pt-6 matches the 1.5rem band, same as the pull-requests page.
• separatorBefore is honoured by both renderers of ContextMenuItem (Electron template + showContextMenuFallback), and the new copy submenu parent id is never dispatched.

Three consistency findings below; no visual or behavioural regression was identified.

^{Posted via Macroscope — UI Consistency}

Approvability

Verdict: Approved at f756913

Macroscope's review found this PR approvable — Mechanical refactor extracting duplicated header and sidebar menu styling into shared components (WorkspacePageHeader, SidebarUtilityMenu). No behavioral changes - same CSS classes applied from a centralized location. Tests updated accordingly.

^{You can add or adjust custom eligibility rules. Learn more.}

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit f181757. Configure here.}

Reviewed the changed web UI surfaces for shared-primitive, Tailwind-ownership and layout-preservation consistency. The header/container consolidation (WorkspacePageHeader/WorkspacePageContainer) preserves topbar height, WCO inset, drag region, safe-area padding and the collapsed-sidebar transition, the new micro button size correctly extends the primitive contract instead of hand-rolling the sidebar row actions, and the themed toolbar-control rule change is consistent with the existing [data-chat-header] control rule. Two smaller items below.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 27bb7f4

UI consistency review found three items in the changed web UI scope. Details inline.

^{Posted via Macroscope — UI Consistency}

Two consistency findings on the changed lines. Details inline.

^{Posted via Macroscope — UI Consistency}

Reviewed the UI changes for shared-component and Tailwind-ownership consistency. Two findings, both about the new shared contracts introduced here; the WorkspacePageHeader extraction, the Button size="micro"/icon-micro migration of the sidebar row actions, and the themed --toolbar-control-foreground alignment otherwise look correct and preserve focus-visible, coarse hit targets, drag regions and titlebar insets.

^{Posted via Macroscope — UI Consistency}

Two icon-consistency findings in the changed context-menu code. Everything else in this revision looks consistent: the new WorkspacePageHeader reproduces the Electron/WCO geometry it replaces (--workspace-topbar-height resolves to env(titlebar-area-height, 52px) under .wco, and wco: selectors outrank the new sm: padding on specificity), micro now shares icon-micro's radius/icon contract, the sidebar hover actions all run through Button variant="ghost-muted", the fallback divider matches MenuSeparator, and every SettingsPageContainer caller now uses the width prop instead of a call-site max-w-*.

^{Posted via Macroscope — UI Consistency}

UI consistency review: one finding — a shared component's API is widened with a prop that has no consumer in this PR. Everything else in the changed web UI looks consistent with the shared component system (the fallback menu divider now matches MenuSeparator, the fallback icon sizes match MenuItem's responsive contract, the sidebar lifecycle actions are on Button size="icon-micro"|"micro" variant="ghost-muted", micro shares icon-micro's radius, and WorkspacePageHeader/WorkspacePageContainer preserve the WCO inset, safe-area padding, drag region and collapsed-sidebar inset of the headers they replace).

^{Posted via Macroscope — UI Consistency}

One finding: the new shared page frame lands with a single consumer while a near-identical literal frame remains in the pull-requests route.

^{Posted via Macroscope — UI Consistency}

One finding: the new Copy submenu makes three previously top-level actions unreachable without a pointer in the browser context-menu fallback. Details inline.

^{Posted via Macroscope — UI Consistency}

Reviewed the shared-header extraction, the settings container/width contract, the sidebar row control migration, and the toolbar theming change. The WorkspacePageHeader migration preserves the previous geometry (--workspace-topbar-height already resolves env(titlebar-area-height) under .wco, and wco: outranks sm: on specificity, so the native-controls inset still wins), and the new micro size now matches icon-micro's radius. Two findings below.

^{Posted via Macroscope — UI Consistency}

UI consistency review: two findings in the sidebar row control migration and the scoped new-thread button. Everything else in the header/settings-layout consolidation looks consistent with the shared primitives.

^{Posted via Macroscope — UI Consistency}

One finding on the new micro button size: it sets text-xs (and a size-3 icon rule) without overriding the base's sm: step, so the contract flips at ≥640px. Details inline.

^{Posted via Macroscope — UI Consistency}

[maria-rcks]

What changed

• Adds one shared workspace header for chat, empty states, Settings, project settings, and onboarding.
• Moves Settings, Usage, and Pull Requests navigation into the sidebar footer, with one consistent Back action on those pages.
• Centralizes Settings content widths and scroll padding.

Screenshots

Direct parent on the left; this PR on the right. Same viewport and copied application state.

Settings layout

Before	After

Why

Workspace navigation and page headers were duplicated across several routes. This PR keeps only that shared layout work. Usage, Pull Requests, terminal, composer, tool lifecycle, and tool activity stay in separate reviews.

The independent thread action menu redesign remains in #7476.

Validation

• Focused workspace header and Settings layout tests
• Web typecheck
• Browser verification of the Settings header, wide content layout, and shared Back footer

Stack order

1. feat(web): unify workspace navigation #7153 workspace navigation, this PR
2. feat(web): redesign usage insights #7147 Usage
3. feat(web): refresh pull request details #7148 Pull Requests
4. feat(web): improve terminal workspace controls #7149 terminal
5. feat(web): attach composer state drawers #7150 composer
6. fix(server): preserve tool lifecycle identity #7151 tool lifecycle projection
7. feat(web): collapse tool activity into one line #7152 tool activity UI

Built with GPT-5.6-sol in the Codex harness.

---

Note

Low Risk
Mostly presentational refactors and shared navigation wiring; no auth, data, or API behavior changes in the diff.

Overview
Unifies workspace top-bar chrome by adding WorkspacePageHeader and swapping duplicated <header> / Electron title-bar markup in chat (ChatView), empty thread state, settings layout, project settings, and hosted onboarding for that shared wrapper (electron, reserveNativeControls, collapsed-sidebar inset, safe-area padding).

Consolidates sidebar footer navigation by extracting SidebarUtilityMenu from SidebarChromeFooter (Settings / Usage / Pull Requests icon shortcuts, Back when on settings, usage, or pull-requests routes, with history.back when possible). Settings sidebar footer now reuses the same menu instead of its own Back handler.

Tweaks settings content layout via SettingsPageContainerwidth presets (readable / wide / expanded) and updated scroll-area padding; Keybindings and Diagnostics opt into wider max widths. Titlebar geometry expectations move to WorkspacePageHeader in the chat index titlebar test.

^{Reviewed by Cursor Bugbot for commit f756913. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Unify workspace navigation headers into a shared WorkspacePageHeader component

• Introduces WorkspacePageHeader.tsx, a reusable header that centralizes top-bar geometry, drag-region behavior, and native-control inset padding for Electron.
• Replaces duplicated inline <header> markup and COLLAPSED_SIDEBAR_TITLEBAR_INSET_CLASS logic across chat, onboarding, settings, and project settings views.
• Centralizes sidebar footer utilities into a new SidebarUtilityMenu component in SidebarChrome.tsx; the Back button now prefers history.back() over navigating to /.
• Standardizes SettingsPageContainer with a width prop ('readable' | 'wide' | 'expanded') and consistent padding, replacing per-page max-w-* classNames.

^{Macroscope summarized f756913.}

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 7d6074b3-0eb4-4b5e-a908-0906b9374f98

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

Thread transfer impact

✅ Thread transfer remains within every enforced ceiling.

Provider	Metric	Main baseline	This PR	Impact	PR ceiling
Codex	Total thread wire	12.6 KiB	12.6 KiB	+11 B (+0.1%)	15.1 KiB	✅
Codex	Thread snapshot wire	6.3 KiB	6.3 KiB	+4 B (+0.1%)	7.3 KiB	✅
Codex	Live turn WebSocket wire	6.3 KiB	6.3 KiB	+7 B (+0.1%)	7.8 KiB	✅
Codex	Live turn WebSocket decoded	51.8 KiB	51.8 KiB	0 B (0.0%)	66.4 KiB	✅
Codex	Live turn messages	16	16	0 (0.0%)	21	✅
Claude	Total thread wire	12.6 KiB	12.6 KiB	−15 B (−0.1%)	15.1 KiB	✅
Claude	Thread snapshot wire	6.3 KiB	6.3 KiB	−4 B (−0.1%)	7.3 KiB	✅
Claude	Live turn WebSocket wire	6.3 KiB	6.3 KiB	−11 B (−0.2%)	7.8 KiB	✅
Claude	Live turn WebSocket decoded	52.7 KiB	52.7 KiB	0 B (0.0%)	66.4 KiB	✅
Claude	Live turn messages	16	16	0 (0.0%)	21	✅

Baseline: 36f4314 · PR result: f756913 · Source CI: success

Scenario and decoded snapshot size

10 historical turns, 5 command tools per turn, 878.9 KiB retained MCP result per historical turn, and a 1.05 MiB retained result in the measured turn.

• Codex decoded thread snapshot: 99.9 KiB
• Claude decoded thread snapshot: 100.6 KiB

Updated in place by a trusted workflow. PR artifacts are strictly validated and never executed.

UI Consistency

Reviewed the changed web UI surfaces (shared WorkspacePageHeader/WorkspacePageContainer extraction, sidebar row/footer rework, settings layout widths, toggle/segmented variants, context-menu fallback icons, composer chip metrics, themed toolbar variable swap).

Verified as safe:

• WorkspacePageHeader reproduces the previous per-surface geometry: --workspace-topbar-height resolves to 52px and to env(titlebar-area-height) under .wco, drag-region is still gated on Electron, COLLAPSED_SIDEBAR_TITLEBAR_INSET_CLASS is retained, data-chat-header still forwards (so the themed toolbar rules keep applying), and className is merged last so call sites keep ownership. Passing reserveNativeControls in the browser is inert because wco: only matches Electron's .wco root.
• --toolbar-control-foreground is defined in both the default token block and the html[data-theme-id] bridge, so the index.css swap does not drop a variable.
• SettingsPageContainer keeps the fade/padding pairing: [--topbar-scroll-fade-height:1.5rem] sm:[...] is required to neutralise the utility's @variant sm bump, and pt-6 matches the 1.5rem band, same as the pull-requests page.
• separatorBefore is honoured by both renderers of ContextMenuItem (Electron template + showContextMenuFallback), and the new copy submenu parent id is never dispatched.

Three consistency findings below; no visual or behavioural regression was identified.

^{Posted via Macroscope — UI Consistency}

Approvability

Verdict: Approved at f756913

Macroscope's review found this PR approvable — Mechanical refactor extracting duplicated header and sidebar menu styling into shared components (WorkspacePageHeader, SidebarUtilityMenu). No behavioral changes - same CSS classes applied from a centralized location. Tests updated accordingly.

^{You can add or adjust custom eligibility rules. Learn more.}

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit f181757. Configure here.}

Reviewed the changed web UI surfaces for shared-primitive, Tailwind-ownership and layout-preservation consistency. The header/container consolidation (WorkspacePageHeader/WorkspacePageContainer) preserves topbar height, WCO inset, drag region, safe-area padding and the collapsed-sidebar transition, the new micro button size correctly extends the primitive contract instead of hand-rolling the sidebar row actions, and the themed toolbar-control rule change is consistent with the existing [data-chat-header] control rule. Two smaller items below.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 27bb7f4

UI consistency review found three items in the changed web UI scope. Details inline.

^{Posted via Macroscope — UI Consistency}

Two consistency findings on the changed lines. Details inline.

^{Posted via Macroscope — UI Consistency}

Reviewed the UI changes for shared-component and Tailwind-ownership consistency. Two findings, both about the new shared contracts introduced here; the WorkspacePageHeader extraction, the Button size="micro"/icon-micro migration of the sidebar row actions, and the themed --toolbar-control-foreground alignment otherwise look correct and preserve focus-visible, coarse hit targets, drag regions and titlebar insets.

^{Posted via Macroscope — UI Consistency}

Two icon-consistency findings in the changed context-menu code. Everything else in this revision looks consistent: the new WorkspacePageHeader reproduces the Electron/WCO geometry it replaces (--workspace-topbar-height resolves to env(titlebar-area-height, 52px) under .wco, and wco: selectors outrank the new sm: padding on specificity), micro now shares icon-micro's radius/icon contract, the sidebar hover actions all run through Button variant="ghost-muted", the fallback divider matches MenuSeparator, and every SettingsPageContainer caller now uses the width prop instead of a call-site max-w-*.

^{Posted via Macroscope — UI Consistency}

UI consistency review: one finding — a shared component's API is widened with a prop that has no consumer in this PR. Everything else in the changed web UI looks consistent with the shared component system (the fallback menu divider now matches MenuSeparator, the fallback icon sizes match MenuItem's responsive contract, the sidebar lifecycle actions are on Button size="icon-micro"|"micro" variant="ghost-muted", micro shares icon-micro's radius, and WorkspacePageHeader/WorkspacePageContainer preserve the WCO inset, safe-area padding, drag region and collapsed-sidebar inset of the headers they replace).

^{Posted via Macroscope — UI Consistency}

One finding: the new shared page frame lands with a single consumer while a near-identical literal frame remains in the pull-requests route.

^{Posted via Macroscope — UI Consistency}

One finding: the new Copy submenu makes three previously top-level actions unreachable without a pointer in the browser context-menu fallback. Details inline.

^{Posted via Macroscope — UI Consistency}

Reviewed the shared-header extraction, the settings container/width contract, the sidebar row control migration, and the toolbar theming change. The WorkspacePageHeader migration preserves the previous geometry (--workspace-topbar-height already resolves env(titlebar-area-height) under .wco, and wco: outranks sm: on specificity, so the native-controls inset still wins), and the new micro size now matches icon-micro's radius. Two findings below.

^{Posted via Macroscope — UI Consistency}

UI consistency review: two findings in the sidebar row control migration and the scoped new-thread button. Everything else in the header/settings-layout consolidation looks consistent with the shared primitives.

^{Posted via Macroscope — UI Consistency}

One finding on the new micro button size: it sets text-xs (and a size-3 icon rule) without overriding the base's sm: step, so the contract flips at ≥640px. Details inline.

^{Posted via Macroscope — UI Consistency}

[maria-rcks]

What changed

• Adds one shared workspace header for chat, empty states, Settings, project settings, and onboarding.
• Moves Settings, Usage, and Pull Requests navigation into the sidebar footer, with one consistent Back action on those pages.
• Centralizes Settings content widths and scroll padding.

Screenshots

Direct parent on the left; this PR on the right. Same viewport and copied application state.

Settings layout

Before	After

Why

Workspace navigation and page headers were duplicated across several routes. This PR keeps only that shared layout work. Usage, Pull Requests, terminal, composer, tool lifecycle, and tool activity stay in separate reviews.

The independent thread action menu redesign remains in #7476.

Validation

• Focused workspace header and Settings layout tests
• Web typecheck
• Browser verification of the Settings header, wide content layout, and shared Back footer

Stack order

1. feat(web): unify workspace navigation #7153 workspace navigation, this PR
2. feat(web): redesign usage insights #7147 Usage
3. feat(web): refresh pull request details #7148 Pull Requests
4. feat(web): improve terminal workspace controls #7149 terminal
5. feat(web): attach composer state drawers #7150 composer
6. fix(server): preserve tool lifecycle identity #7151 tool lifecycle projection
7. feat(web): collapse tool activity into one line #7152 tool activity UI

Built with GPT-5.6-sol in the Codex harness.

---

Note

Low Risk
Mostly presentational refactors and shared navigation wiring; no auth, data, or API behavior changes in the diff.

Overview
Unifies workspace top-bar chrome by adding WorkspacePageHeader and swapping duplicated <header> / Electron title-bar markup in chat (ChatView), empty thread state, settings layout, project settings, and hosted onboarding for that shared wrapper (electron, reserveNativeControls, collapsed-sidebar inset, safe-area padding).

Consolidates sidebar footer navigation by extracting SidebarUtilityMenu from SidebarChromeFooter (Settings / Usage / Pull Requests icon shortcuts, Back when on settings, usage, or pull-requests routes, with history.back when possible). Settings sidebar footer now reuses the same menu instead of its own Back handler.

Tweaks settings content layout via SettingsPageContainerwidth presets (readable / wide / expanded) and updated scroll-area padding; Keybindings and Diagnostics opt into wider max widths. Titlebar geometry expectations move to WorkspacePageHeader in the chat index titlebar test.

^{Reviewed by Cursor Bugbot for commit f756913. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Unify workspace navigation headers into a shared WorkspacePageHeader component

• Introduces WorkspacePageHeader.tsx, a reusable header that centralizes top-bar geometry, drag-region behavior, and native-control inset padding for Electron.
• Replaces duplicated inline <header> markup and COLLAPSED_SIDEBAR_TITLEBAR_INSET_CLASS logic across chat, onboarding, settings, and project settings views.
• Centralizes sidebar footer utilities into a new SidebarUtilityMenu component in SidebarChrome.tsx; the Back button now prefers history.back() over navigating to /.
• Standardizes SettingsPageContainer with a width prop ('readable' | 'wide' | 'expanded') and consistent padding, replacing per-page max-w-* classNames.

^{Macroscope summarized f756913.}

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 7d6074b3-0eb4-4b5e-a908-0906b9374f98

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

Thread transfer impact

✅ Thread transfer remains within every enforced ceiling.

Provider	Metric	Main baseline	This PR	Impact	PR ceiling
Codex	Total thread wire	12.6 KiB	12.6 KiB	+11 B (+0.1%)	15.1 KiB	✅
Codex	Thread snapshot wire	6.3 KiB	6.3 KiB	+4 B (+0.1%)	7.3 KiB	✅
Codex	Live turn WebSocket wire	6.3 KiB	6.3 KiB	+7 B (+0.1%)	7.8 KiB	✅
Codex	Live turn WebSocket decoded	51.8 KiB	51.8 KiB	0 B (0.0%)	66.4 KiB	✅
Codex	Live turn messages	16	16	0 (0.0%)	21	✅
Claude	Total thread wire	12.6 KiB	12.6 KiB	−15 B (−0.1%)	15.1 KiB	✅
Claude	Thread snapshot wire	6.3 KiB	6.3 KiB	−4 B (−0.1%)	7.3 KiB	✅
Claude	Live turn WebSocket wire	6.3 KiB	6.3 KiB	−11 B (−0.2%)	7.8 KiB	✅
Claude	Live turn WebSocket decoded	52.7 KiB	52.7 KiB	0 B (0.0%)	66.4 KiB	✅
Claude	Live turn messages	16	16	0 (0.0%)	21	✅

Baseline: 36f4314 · PR result: f756913 · Source CI: success

Scenario and decoded snapshot size

10 historical turns, 5 command tools per turn, 878.9 KiB retained MCP result per historical turn, and a 1.05 MiB retained result in the measured turn.

• Codex decoded thread snapshot: 99.9 KiB
• Claude decoded thread snapshot: 100.6 KiB

Updated in place by a trusted workflow. PR artifacts are strictly validated and never executed.

UI Consistency

Reviewed the changed web UI surfaces (shared WorkspacePageHeader/WorkspacePageContainer extraction, sidebar row/footer rework, settings layout widths, toggle/segmented variants, context-menu fallback icons, composer chip metrics, themed toolbar variable swap).

Verified as safe:

• WorkspacePageHeader reproduces the previous per-surface geometry: --workspace-topbar-height resolves to 52px and to env(titlebar-area-height) under .wco, drag-region is still gated on Electron, COLLAPSED_SIDEBAR_TITLEBAR_INSET_CLASS is retained, data-chat-header still forwards (so the themed toolbar rules keep applying), and className is merged last so call sites keep ownership. Passing reserveNativeControls in the browser is inert because wco: only matches Electron's .wco root.
• --toolbar-control-foreground is defined in both the default token block and the html[data-theme-id] bridge, so the index.css swap does not drop a variable.
• SettingsPageContainer keeps the fade/padding pairing: [--topbar-scroll-fade-height:1.5rem] sm:[...] is required to neutralise the utility's @variant sm bump, and pt-6 matches the 1.5rem band, same as the pull-requests page.
• separatorBefore is honoured by both renderers of ContextMenuItem (Electron template + showContextMenuFallback), and the new copy submenu parent id is never dispatched.

Three consistency findings below; no visual or behavioural regression was identified.

^{Posted via Macroscope — UI Consistency}

Approvability

Verdict: Approved at f756913

Macroscope's review found this PR approvable — Mechanical refactor extracting duplicated header and sidebar menu styling into shared components (WorkspacePageHeader, SidebarUtilityMenu). No behavioral changes - same CSS classes applied from a centralized location. Tests updated accordingly.

^{You can add or adjust custom eligibility rules. Learn more.}

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit f181757. Configure here.}

Reviewed the changed web UI surfaces for shared-primitive, Tailwind-ownership and layout-preservation consistency. The header/container consolidation (WorkspacePageHeader/WorkspacePageContainer) preserves topbar height, WCO inset, drag region, safe-area padding and the collapsed-sidebar transition, the new micro button size correctly extends the primitive contract instead of hand-rolling the sidebar row actions, and the themed toolbar-control rule change is consistent with the existing [data-chat-header] control rule. Two smaller items below.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 27bb7f4

UI consistency review found three items in the changed web UI scope. Details inline.

^{Posted via Macroscope — UI Consistency}

Two consistency findings on the changed lines. Details inline.

^{Posted via Macroscope — UI Consistency}

Reviewed the UI changes for shared-component and Tailwind-ownership consistency. Two findings, both about the new shared contracts introduced here; the WorkspacePageHeader extraction, the Button size="micro"/icon-micro migration of the sidebar row actions, and the themed --toolbar-control-foreground alignment otherwise look correct and preserve focus-visible, coarse hit targets, drag regions and titlebar insets.

^{Posted via Macroscope — UI Consistency}

Two icon-consistency findings in the changed context-menu code. Everything else in this revision looks consistent: the new WorkspacePageHeader reproduces the Electron/WCO geometry it replaces (--workspace-topbar-height resolves to env(titlebar-area-height, 52px) under .wco, and wco: selectors outrank the new sm: padding on specificity), micro now shares icon-micro's radius/icon contract, the sidebar hover actions all run through Button variant="ghost-muted", the fallback divider matches MenuSeparator, and every SettingsPageContainer caller now uses the width prop instead of a call-site max-w-*.

^{Posted via Macroscope — UI Consistency}

UI consistency review: one finding — a shared component's API is widened with a prop that has no consumer in this PR. Everything else in the changed web UI looks consistent with the shared component system (the fallback menu divider now matches MenuSeparator, the fallback icon sizes match MenuItem's responsive contract, the sidebar lifecycle actions are on Button size="icon-micro"|"micro" variant="ghost-muted", micro shares icon-micro's radius, and WorkspacePageHeader/WorkspacePageContainer preserve the WCO inset, safe-area padding, drag region and collapsed-sidebar inset of the headers they replace).

^{Posted via Macroscope — UI Consistency}

One finding: the new shared page frame lands with a single consumer while a near-identical literal frame remains in the pull-requests route.

^{Posted via Macroscope — UI Consistency}

One finding: the new Copy submenu makes three previously top-level actions unreachable without a pointer in the browser context-menu fallback. Details inline.

^{Posted via Macroscope — UI Consistency}

Reviewed the shared-header extraction, the settings container/width contract, the sidebar row control migration, and the toolbar theming change. The WorkspacePageHeader migration preserves the previous geometry (--workspace-topbar-height already resolves env(titlebar-area-height) under .wco, and wco: outranks sm: on specificity, so the native-controls inset still wins), and the new micro size now matches icon-micro's radius. Two findings below.

^{Posted via Macroscope — UI Consistency}

UI consistency review: two findings in the sidebar row control migration and the scoped new-thread button. Everything else in the header/settings-layout consolidation looks consistent with the shared primitives.

^{Posted via Macroscope — UI Consistency}

One finding on the new micro button size: it sets text-xs (and a size-3 icon rule) without overriding the base's sm: step, so the contract flips at ≥640px. Details inline.

^{Posted via Macroscope — UI Consistency}

[maria-rcks]

What changed

• Adds one shared workspace header for chat, empty states, Settings, project settings, and onboarding.
• Moves Settings, Usage, and Pull Requests navigation into the sidebar footer, with one consistent Back action on those pages.
• Centralizes Settings content widths and scroll padding.

Screenshots

Direct parent on the left; this PR on the right. Same viewport and copied application state.

Settings layout

Before	After

Why

Workspace navigation and page headers were duplicated across several routes. This PR keeps only that shared layout work. Usage, Pull Requests, terminal, composer, tool lifecycle, and tool activity stay in separate reviews.

The independent thread action menu redesign remains in #7476.

Validation

• Focused workspace header and Settings layout tests
• Web typecheck
• Browser verification of the Settings header, wide content layout, and shared Back footer

Stack order

1. feat(web): unify workspace navigation #7153 workspace navigation, this PR
2. feat(web): redesign usage insights #7147 Usage
3. feat(web): refresh pull request details #7148 Pull Requests
4. feat(web): improve terminal workspace controls #7149 terminal
5. feat(web): attach composer state drawers #7150 composer
6. fix(server): preserve tool lifecycle identity #7151 tool lifecycle projection
7. feat(web): collapse tool activity into one line #7152 tool activity UI

Built with GPT-5.6-sol in the Codex harness.

---

Note

Low Risk
Mostly presentational refactors and shared navigation wiring; no auth, data, or API behavior changes in the diff.

Overview
Unifies workspace top-bar chrome by adding WorkspacePageHeader and swapping duplicated <header> / Electron title-bar markup in chat (ChatView), empty thread state, settings layout, project settings, and hosted onboarding for that shared wrapper (electron, reserveNativeControls, collapsed-sidebar inset, safe-area padding).

Consolidates sidebar footer navigation by extracting SidebarUtilityMenu from SidebarChromeFooter (Settings / Usage / Pull Requests icon shortcuts, Back when on settings, usage, or pull-requests routes, with history.back when possible). Settings sidebar footer now reuses the same menu instead of its own Back handler.

Tweaks settings content layout via SettingsPageContainerwidth presets (readable / wide / expanded) and updated scroll-area padding; Keybindings and Diagnostics opt into wider max widths. Titlebar geometry expectations move to WorkspacePageHeader in the chat index titlebar test.

^{Reviewed by Cursor Bugbot for commit f756913. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Unify workspace navigation headers into a shared WorkspacePageHeader component

• Introduces WorkspacePageHeader.tsx, a reusable header that centralizes top-bar geometry, drag-region behavior, and native-control inset padding for Electron.
• Replaces duplicated inline <header> markup and COLLAPSED_SIDEBAR_TITLEBAR_INSET_CLASS logic across chat, onboarding, settings, and project settings views.
• Centralizes sidebar footer utilities into a new SidebarUtilityMenu component in SidebarChrome.tsx; the Back button now prefers history.back() over navigating to /.
• Standardizes SettingsPageContainer with a width prop ('readable' | 'wide' | 'expanded') and consistent padding, replacing per-page max-w-* classNames.

^{Macroscope summarized f756913.}

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 7d6074b3-0eb4-4b5e-a908-0906b9374f98

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

Thread transfer impact

✅ Thread transfer remains within every enforced ceiling.

Provider	Metric	Main baseline	This PR	Impact	PR ceiling
Codex	Total thread wire	12.6 KiB	12.6 KiB	+11 B (+0.1%)	15.1 KiB	✅
Codex	Thread snapshot wire	6.3 KiB	6.3 KiB	+4 B (+0.1%)	7.3 KiB	✅
Codex	Live turn WebSocket wire	6.3 KiB	6.3 KiB	+7 B (+0.1%)	7.8 KiB	✅
Codex	Live turn WebSocket decoded	51.8 KiB	51.8 KiB	0 B (0.0%)	66.4 KiB	✅
Codex	Live turn messages	16	16	0 (0.0%)	21	✅
Claude	Total thread wire	12.6 KiB	12.6 KiB	−15 B (−0.1%)	15.1 KiB	✅
Claude	Thread snapshot wire	6.3 KiB	6.3 KiB	−4 B (−0.1%)	7.3 KiB	✅
Claude	Live turn WebSocket wire	6.3 KiB	6.3 KiB	−11 B (−0.2%)	7.8 KiB	✅
Claude	Live turn WebSocket decoded	52.7 KiB	52.7 KiB	0 B (0.0%)	66.4 KiB	✅
Claude	Live turn messages	16	16	0 (0.0%)	21	✅

Baseline: 36f4314 · PR result: f756913 · Source CI: success

Scenario and decoded snapshot size

10 historical turns, 5 command tools per turn, 878.9 KiB retained MCP result per historical turn, and a 1.05 MiB retained result in the measured turn.

• Codex decoded thread snapshot: 99.9 KiB
• Claude decoded thread snapshot: 100.6 KiB

Updated in place by a trusted workflow. PR artifacts are strictly validated and never executed.

UI Consistency

Reviewed the changed web UI surfaces (shared WorkspacePageHeader/WorkspacePageContainer extraction, sidebar row/footer rework, settings layout widths, toggle/segmented variants, context-menu fallback icons, composer chip metrics, themed toolbar variable swap).

Verified as safe:

• WorkspacePageHeader reproduces the previous per-surface geometry: --workspace-topbar-height resolves to 52px and to env(titlebar-area-height) under .wco, drag-region is still gated on Electron, COLLAPSED_SIDEBAR_TITLEBAR_INSET_CLASS is retained, data-chat-header still forwards (so the themed toolbar rules keep applying), and className is merged last so call sites keep ownership. Passing reserveNativeControls in the browser is inert because wco: only matches Electron's .wco root.
• --toolbar-control-foreground is defined in both the default token block and the html[data-theme-id] bridge, so the index.css swap does not drop a variable.
• SettingsPageContainer keeps the fade/padding pairing: [--topbar-scroll-fade-height:1.5rem] sm:[...] is required to neutralise the utility's @variant sm bump, and pt-6 matches the 1.5rem band, same as the pull-requests page.
• separatorBefore is honoured by both renderers of ContextMenuItem (Electron template + showContextMenuFallback), and the new copy submenu parent id is never dispatched.

Three consistency findings below; no visual or behavioural regression was identified.

^{Posted via Macroscope — UI Consistency}

Approvability

Verdict: Approved at f756913

Macroscope's review found this PR approvable — Mechanical refactor extracting duplicated header and sidebar menu styling into shared components (WorkspacePageHeader, SidebarUtilityMenu). No behavioral changes - same CSS classes applied from a centralized location. Tests updated accordingly.

^{You can add or adjust custom eligibility rules. Learn more.}

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit f181757. Configure here.}

Reviewed the changed web UI surfaces for shared-primitive, Tailwind-ownership and layout-preservation consistency. The header/container consolidation (WorkspacePageHeader/WorkspacePageContainer) preserves topbar height, WCO inset, drag region, safe-area padding and the collapsed-sidebar transition, the new micro button size correctly extends the primitive contract instead of hand-rolling the sidebar row actions, and the themed toolbar-control rule change is consistent with the existing [data-chat-header] control rule. Two smaller items below.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 27bb7f4

UI consistency review found three items in the changed web UI scope. Details inline.

^{Posted via Macroscope — UI Consistency}

Two consistency findings on the changed lines. Details inline.

^{Posted via Macroscope — UI Consistency}

Reviewed the UI changes for shared-component and Tailwind-ownership consistency. Two findings, both about the new shared contracts introduced here; the WorkspacePageHeader extraction, the Button size="micro"/icon-micro migration of the sidebar row actions, and the themed --toolbar-control-foreground alignment otherwise look correct and preserve focus-visible, coarse hit targets, drag regions and titlebar insets.

^{Posted via Macroscope — UI Consistency}

Two icon-consistency findings in the changed context-menu code. Everything else in this revision looks consistent: the new WorkspacePageHeader reproduces the Electron/WCO geometry it replaces (--workspace-topbar-height resolves to env(titlebar-area-height, 52px) under .wco, and wco: selectors outrank the new sm: padding on specificity), micro now shares icon-micro's radius/icon contract, the sidebar hover actions all run through Button variant="ghost-muted", the fallback divider matches MenuSeparator, and every SettingsPageContainer caller now uses the width prop instead of a call-site max-w-*.

^{Posted via Macroscope — UI Consistency}

UI consistency review: one finding — a shared component's API is widened with a prop that has no consumer in this PR. Everything else in the changed web UI looks consistent with the shared component system (the fallback menu divider now matches MenuSeparator, the fallback icon sizes match MenuItem's responsive contract, the sidebar lifecycle actions are on Button size="icon-micro"|"micro" variant="ghost-muted", micro shares icon-micro's radius, and WorkspacePageHeader/WorkspacePageContainer preserve the WCO inset, safe-area padding, drag region and collapsed-sidebar inset of the headers they replace).

^{Posted via Macroscope — UI Consistency}

One finding: the new shared page frame lands with a single consumer while a near-identical literal frame remains in the pull-requests route.

^{Posted via Macroscope — UI Consistency}

One finding: the new Copy submenu makes three previously top-level actions unreachable without a pointer in the browser context-menu fallback. Details inline.

^{Posted via Macroscope — UI Consistency}

Reviewed the shared-header extraction, the settings container/width contract, the sidebar row control migration, and the toolbar theming change. The WorkspacePageHeader migration preserves the previous geometry (--workspace-topbar-height already resolves env(titlebar-area-height) under .wco, and wco: outranks sm: on specificity, so the native-controls inset still wins), and the new micro size now matches icon-micro's radius. Two findings below.

^{Posted via Macroscope — UI Consistency}

UI consistency review: two findings in the sidebar row control migration and the scoped new-thread button. Everything else in the header/settings-layout consolidation looks consistent with the shared primitives.

^{Posted via Macroscope — UI Consistency}

One finding on the new micro button size: it sets text-xs (and a size-3 icon rule) without overriding the base's sm: step, so the contract flips at ≥640px. Details inline.

^{Posted via Macroscope — UI Consistency}

[maria-rcks]

What changed

• Adds one shared workspace header for chat, empty states, Settings, project settings, and onboarding.
• Moves Settings, Usage, and Pull Requests navigation into the sidebar footer, with one consistent Back action on those pages.
• Centralizes Settings content widths and scroll padding.

Screenshots

Direct parent on the left; this PR on the right. Same viewport and copied application state.

Settings layout

Before	After

Why

Workspace navigation and page headers were duplicated across several routes. This PR keeps only that shared layout work. Usage, Pull Requests, terminal, composer, tool lifecycle, and tool activity stay in separate reviews.

The independent thread action menu redesign remains in #7476.

Validation

• Focused workspace header and Settings layout tests
• Web typecheck
• Browser verification of the Settings header, wide content layout, and shared Back footer

Stack order

1. feat(web): unify workspace navigation #7153 workspace navigation, this PR
2. feat(web): redesign usage insights #7147 Usage
3. feat(web): refresh pull request details #7148 Pull Requests
4. feat(web): improve terminal workspace controls #7149 terminal
5. feat(web): attach composer state drawers #7150 composer
6. fix(server): preserve tool lifecycle identity #7151 tool lifecycle projection
7. feat(web): collapse tool activity into one line #7152 tool activity UI

Built with GPT-5.6-sol in the Codex harness.

---

Note

Low Risk
Mostly presentational refactors and shared navigation wiring; no auth, data, or API behavior changes in the diff.

Overview
Unifies workspace top-bar chrome by adding WorkspacePageHeader and swapping duplicated <header> / Electron title-bar markup in chat (ChatView), empty thread state, settings layout, project settings, and hosted onboarding for that shared wrapper (electron, reserveNativeControls, collapsed-sidebar inset, safe-area padding).

Consolidates sidebar footer navigation by extracting SidebarUtilityMenu from SidebarChromeFooter (Settings / Usage / Pull Requests icon shortcuts, Back when on settings, usage, or pull-requests routes, with history.back when possible). Settings sidebar footer now reuses the same menu instead of its own Back handler.

Tweaks settings content layout via SettingsPageContainerwidth presets (readable / wide / expanded) and updated scroll-area padding; Keybindings and Diagnostics opt into wider max widths. Titlebar geometry expectations move to WorkspacePageHeader in the chat index titlebar test.

^{Reviewed by Cursor Bugbot for commit f756913. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Unify workspace navigation headers into a shared WorkspacePageHeader component

• Introduces WorkspacePageHeader.tsx, a reusable header that centralizes top-bar geometry, drag-region behavior, and native-control inset padding for Electron.
• Replaces duplicated inline <header> markup and COLLAPSED_SIDEBAR_TITLEBAR_INSET_CLASS logic across chat, onboarding, settings, and project settings views.
• Centralizes sidebar footer utilities into a new SidebarUtilityMenu component in SidebarChrome.tsx; the Back button now prefers history.back() over navigating to /.
• Standardizes SettingsPageContainer with a width prop ('readable' | 'wide' | 'expanded') and consistent padding, replacing per-page max-w-* classNames.

^{Macroscope summarized f756913.}

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 7d6074b3-0eb4-4b5e-a908-0906b9374f98

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

Thread transfer impact

✅ Thread transfer remains within every enforced ceiling.

Provider	Metric	Main baseline	This PR	Impact	PR ceiling
Codex	Total thread wire	12.6 KiB	12.6 KiB	+11 B (+0.1%)	15.1 KiB	✅
Codex	Thread snapshot wire	6.3 KiB	6.3 KiB	+4 B (+0.1%)	7.3 KiB	✅
Codex	Live turn WebSocket wire	6.3 KiB	6.3 KiB	+7 B (+0.1%)	7.8 KiB	✅
Codex	Live turn WebSocket decoded	51.8 KiB	51.8 KiB	0 B (0.0%)	66.4 KiB	✅
Codex	Live turn messages	16	16	0 (0.0%)	21	✅
Claude	Total thread wire	12.6 KiB	12.6 KiB	−15 B (−0.1%)	15.1 KiB	✅
Claude	Thread snapshot wire	6.3 KiB	6.3 KiB	−4 B (−0.1%)	7.3 KiB	✅
Claude	Live turn WebSocket wire	6.3 KiB	6.3 KiB	−11 B (−0.2%)	7.8 KiB	✅
Claude	Live turn WebSocket decoded	52.7 KiB	52.7 KiB	0 B (0.0%)	66.4 KiB	✅
Claude	Live turn messages	16	16	0 (0.0%)	21	✅

Baseline: 36f4314 · PR result: f756913 · Source CI: success

Scenario and decoded snapshot size

10 historical turns, 5 command tools per turn, 878.9 KiB retained MCP result per historical turn, and a 1.05 MiB retained result in the measured turn.

• Codex decoded thread snapshot: 99.9 KiB
• Claude decoded thread snapshot: 100.6 KiB

Updated in place by a trusted workflow. PR artifacts are strictly validated and never executed.

UI Consistency

Reviewed the changed web UI surfaces (shared WorkspacePageHeader/WorkspacePageContainer extraction, sidebar row/footer rework, settings layout widths, toggle/segmented variants, context-menu fallback icons, composer chip metrics, themed toolbar variable swap).

Verified as safe:

• WorkspacePageHeader reproduces the previous per-surface geometry: --workspace-topbar-height resolves to 52px and to env(titlebar-area-height) under .wco, drag-region is still gated on Electron, COLLAPSED_SIDEBAR_TITLEBAR_INSET_CLASS is retained, data-chat-header still forwards (so the themed toolbar rules keep applying), and className is merged last so call sites keep ownership. Passing reserveNativeControls in the browser is inert because wco: only matches Electron's .wco root.
• --toolbar-control-foreground is defined in both the default token block and the html[data-theme-id] bridge, so the index.css swap does not drop a variable.
• SettingsPageContainer keeps the fade/padding pairing: [--topbar-scroll-fade-height:1.5rem] sm:[...] is required to neutralise the utility's @variant sm bump, and pt-6 matches the 1.5rem band, same as the pull-requests page.
• separatorBefore is honoured by both renderers of ContextMenuItem (Electron template + showContextMenuFallback), and the new copy submenu parent id is never dispatched.

Three consistency findings below; no visual or behavioural regression was identified.

^{Posted via Macroscope — UI Consistency}

Approvability

Verdict: Approved at f756913

Macroscope's review found this PR approvable — Mechanical refactor extracting duplicated header and sidebar menu styling into shared components (WorkspacePageHeader, SidebarUtilityMenu). No behavioral changes - same CSS classes applied from a centralized location. Tests updated accordingly.

^{You can add or adjust custom eligibility rules. Learn more.}

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit f181757. Configure here.}

Reviewed the changed web UI surfaces for shared-primitive, Tailwind-ownership and layout-preservation consistency. The header/container consolidation (WorkspacePageHeader/WorkspacePageContainer) preserves topbar height, WCO inset, drag region, safe-area padding and the collapsed-sidebar transition, the new micro button size correctly extends the primitive contract instead of hand-rolling the sidebar row actions, and the themed toolbar-control rule change is consistent with the existing [data-chat-header] control rule. Two smaller items below.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 27bb7f4

UI consistency review found three items in the changed web UI scope. Details inline.

^{Posted via Macroscope — UI Consistency}

Two consistency findings on the changed lines. Details inline.

^{Posted via Macroscope — UI Consistency}

Reviewed the UI changes for shared-component and Tailwind-ownership consistency. Two findings, both about the new shared contracts introduced here; the WorkspacePageHeader extraction, the Button size="micro"/icon-micro migration of the sidebar row actions, and the themed --toolbar-control-foreground alignment otherwise look correct and preserve focus-visible, coarse hit targets, drag regions and titlebar insets.

^{Posted via Macroscope — UI Consistency}

Two icon-consistency findings in the changed context-menu code. Everything else in this revision looks consistent: the new WorkspacePageHeader reproduces the Electron/WCO geometry it replaces (--workspace-topbar-height resolves to env(titlebar-area-height, 52px) under .wco, and wco: selectors outrank the new sm: padding on specificity), micro now shares icon-micro's radius/icon contract, the sidebar hover actions all run through Button variant="ghost-muted", the fallback divider matches MenuSeparator, and every SettingsPageContainer caller now uses the width prop instead of a call-site max-w-*.

^{Posted via Macroscope — UI Consistency}

UI consistency review: one finding — a shared component's API is widened with a prop that has no consumer in this PR. Everything else in the changed web UI looks consistent with the shared component system (the fallback menu divider now matches MenuSeparator, the fallback icon sizes match MenuItem's responsive contract, the sidebar lifecycle actions are on Button size="icon-micro"|"micro" variant="ghost-muted", micro shares icon-micro's radius, and WorkspacePageHeader/WorkspacePageContainer preserve the WCO inset, safe-area padding, drag region and collapsed-sidebar inset of the headers they replace).

^{Posted via Macroscope — UI Consistency}

One finding: the new shared page frame lands with a single consumer while a near-identical literal frame remains in the pull-requests route.

^{Posted via Macroscope — UI Consistency}

One finding: the new Copy submenu makes three previously top-level actions unreachable without a pointer in the browser context-menu fallback. Details inline.

^{Posted via Macroscope — UI Consistency}

Reviewed the shared-header extraction, the settings container/width contract, the sidebar row control migration, and the toolbar theming change. The WorkspacePageHeader migration preserves the previous geometry (--workspace-topbar-height already resolves env(titlebar-area-height) under .wco, and wco: outranks sm: on specificity, so the native-controls inset still wins), and the new micro size now matches icon-micro's radius. Two findings below.

^{Posted via Macroscope — UI Consistency}

UI consistency review: two findings in the sidebar row control migration and the scoped new-thread button. Everything else in the header/settings-layout consolidation looks consistent with the shared primitives.

^{Posted via Macroscope — UI Consistency}

One finding on the new micro button size: it sets text-xs (and a size-3 icon rule) without overriding the base's sm: step, so the contract flips at ≥640px. Details inline.

^{Posted via Macroscope — UI Consistency}

[maria-rcks]

What changed

• Adds one shared workspace header for chat, empty states, Settings, project settings, and onboarding.
• Moves Settings, Usage, and Pull Requests navigation into the sidebar footer, with one consistent Back action on those pages.
• Centralizes Settings content widths and scroll padding.

Screenshots

Direct parent on the left; this PR on the right. Same viewport and copied application state.

Settings layout

Before	After

Why

Workspace navigation and page headers were duplicated across several routes. This PR keeps only that shared layout work. Usage, Pull Requests, terminal, composer, tool lifecycle, and tool activity stay in separate reviews.

The independent thread action menu redesign remains in #7476.

Validation

• Focused workspace header and Settings layout tests
• Web typecheck
• Browser verification of the Settings header, wide content layout, and shared Back footer

Stack order

1. feat(web): unify workspace navigation #7153 workspace navigation, this PR
2. feat(web): redesign usage insights #7147 Usage
3. feat(web): refresh pull request details #7148 Pull Requests
4. feat(web): improve terminal workspace controls #7149 terminal
5. feat(web): attach composer state drawers #7150 composer
6. fix(server): preserve tool lifecycle identity #7151 tool lifecycle projection
7. feat(web): collapse tool activity into one line #7152 tool activity UI

Built with GPT-5.6-sol in the Codex harness.

---

Note

Low Risk
Mostly presentational refactors and shared navigation wiring; no auth, data, or API behavior changes in the diff.

Overview
Unifies workspace top-bar chrome by adding WorkspacePageHeader and swapping duplicated <header> / Electron title-bar markup in chat (ChatView), empty thread state, settings layout, project settings, and hosted onboarding for that shared wrapper (electron, reserveNativeControls, collapsed-sidebar inset, safe-area padding).

Consolidates sidebar footer navigation by extracting SidebarUtilityMenu from SidebarChromeFooter (Settings / Usage / Pull Requests icon shortcuts, Back when on settings, usage, or pull-requests routes, with history.back when possible). Settings sidebar footer now reuses the same menu instead of its own Back handler.

Tweaks settings content layout via SettingsPageContainerwidth presets (readable / wide / expanded) and updated scroll-area padding; Keybindings and Diagnostics opt into wider max widths. Titlebar geometry expectations move to WorkspacePageHeader in the chat index titlebar test.

^{Reviewed by Cursor Bugbot for commit f756913. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Unify workspace navigation headers into a shared WorkspacePageHeader component

• Introduces WorkspacePageHeader.tsx, a reusable header that centralizes top-bar geometry, drag-region behavior, and native-control inset padding for Electron.
• Replaces duplicated inline <header> markup and COLLAPSED_SIDEBAR_TITLEBAR_INSET_CLASS logic across chat, onboarding, settings, and project settings views.
• Centralizes sidebar footer utilities into a new SidebarUtilityMenu component in SidebarChrome.tsx; the Back button now prefers history.back() over navigating to /.
• Standardizes SettingsPageContainer with a width prop ('readable' | 'wide' | 'expanded') and consistent padding, replacing per-page max-w-* classNames.

^{Macroscope summarized f756913.}

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 7d6074b3-0eb4-4b5e-a908-0906b9374f98

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

Thread transfer impact

✅ Thread transfer remains within every enforced ceiling.

Provider	Metric	Main baseline	This PR	Impact	PR ceiling
Codex	Total thread wire	12.6 KiB	12.6 KiB	+11 B (+0.1%)	15.1 KiB	✅
Codex	Thread snapshot wire	6.3 KiB	6.3 KiB	+4 B (+0.1%)	7.3 KiB	✅
Codex	Live turn WebSocket wire	6.3 KiB	6.3 KiB	+7 B (+0.1%)	7.8 KiB	✅
Codex	Live turn WebSocket decoded	51.8 KiB	51.8 KiB	0 B (0.0%)	66.4 KiB	✅
Codex	Live turn messages	16	16	0 (0.0%)	21	✅
Claude	Total thread wire	12.6 KiB	12.6 KiB	−15 B (−0.1%)	15.1 KiB	✅
Claude	Thread snapshot wire	6.3 KiB	6.3 KiB	−4 B (−0.1%)	7.3 KiB	✅
Claude	Live turn WebSocket wire	6.3 KiB	6.3 KiB	−11 B (−0.2%)	7.8 KiB	✅
Claude	Live turn WebSocket decoded	52.7 KiB	52.7 KiB	0 B (0.0%)	66.4 KiB	✅
Claude	Live turn messages	16	16	0 (0.0%)	21	✅

Baseline: 36f4314 · PR result: f756913 · Source CI: success

Scenario and decoded snapshot size

10 historical turns, 5 command tools per turn, 878.9 KiB retained MCP result per historical turn, and a 1.05 MiB retained result in the measured turn.

• Codex decoded thread snapshot: 99.9 KiB
• Claude decoded thread snapshot: 100.6 KiB

Updated in place by a trusted workflow. PR artifacts are strictly validated and never executed.

UI Consistency

Reviewed the changed web UI surfaces (shared WorkspacePageHeader/WorkspacePageContainer extraction, sidebar row/footer rework, settings layout widths, toggle/segmented variants, context-menu fallback icons, composer chip metrics, themed toolbar variable swap).

Verified as safe:

• WorkspacePageHeader reproduces the previous per-surface geometry: --workspace-topbar-height resolves to 52px and to env(titlebar-area-height) under .wco, drag-region is still gated on Electron, COLLAPSED_SIDEBAR_TITLEBAR_INSET_CLASS is retained, data-chat-header still forwards (so the themed toolbar rules keep applying), and className is merged last so call sites keep ownership. Passing reserveNativeControls in the browser is inert because wco: only matches Electron's .wco root.
• --toolbar-control-foreground is defined in both the default token block and the html[data-theme-id] bridge, so the index.css swap does not drop a variable.
• SettingsPageContainer keeps the fade/padding pairing: [--topbar-scroll-fade-height:1.5rem] sm:[...] is required to neutralise the utility's @variant sm bump, and pt-6 matches the 1.5rem band, same as the pull-requests page.
• separatorBefore is honoured by both renderers of ContextMenuItem (Electron template + showContextMenuFallback), and the new copy submenu parent id is never dispatched.

Three consistency findings below; no visual or behavioural regression was identified.

^{Posted via Macroscope — UI Consistency}

Approvability

Verdict: Approved at f756913

Macroscope's review found this PR approvable — Mechanical refactor extracting duplicated header and sidebar menu styling into shared components (WorkspacePageHeader, SidebarUtilityMenu). No behavioral changes - same CSS classes applied from a centralized location. Tests updated accordingly.

^{You can add or adjust custom eligibility rules. Learn more.}

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit f181757. Configure here.}

Reviewed the changed web UI surfaces for shared-primitive, Tailwind-ownership and layout-preservation consistency. The header/container consolidation (WorkspacePageHeader/WorkspacePageContainer) preserves topbar height, WCO inset, drag region, safe-area padding and the collapsed-sidebar transition, the new micro button size correctly extends the primitive contract instead of hand-rolling the sidebar row actions, and the themed toolbar-control rule change is consistent with the existing [data-chat-header] control rule. Two smaller items below.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 27bb7f4

UI consistency review found three items in the changed web UI scope. Details inline.

^{Posted via Macroscope — UI Consistency}

Two consistency findings on the changed lines. Details inline.

^{Posted via Macroscope — UI Consistency}

Reviewed the UI changes for shared-component and Tailwind-ownership consistency. Two findings, both about the new shared contracts introduced here; the WorkspacePageHeader extraction, the Button size="micro"/icon-micro migration of the sidebar row actions, and the themed --toolbar-control-foreground alignment otherwise look correct and preserve focus-visible, coarse hit targets, drag regions and titlebar insets.

^{Posted via Macroscope — UI Consistency}

Two icon-consistency findings in the changed context-menu code. Everything else in this revision looks consistent: the new WorkspacePageHeader reproduces the Electron/WCO geometry it replaces (--workspace-topbar-height resolves to env(titlebar-area-height, 52px) under .wco, and wco: selectors outrank the new sm: padding on specificity), micro now shares icon-micro's radius/icon contract, the sidebar hover actions all run through Button variant="ghost-muted", the fallback divider matches MenuSeparator, and every SettingsPageContainer caller now uses the width prop instead of a call-site max-w-*.

^{Posted via Macroscope — UI Consistency}

UI consistency review: one finding — a shared component's API is widened with a prop that has no consumer in this PR. Everything else in the changed web UI looks consistent with the shared component system (the fallback menu divider now matches MenuSeparator, the fallback icon sizes match MenuItem's responsive contract, the sidebar lifecycle actions are on Button size="icon-micro"|"micro" variant="ghost-muted", micro shares icon-micro's radius, and WorkspacePageHeader/WorkspacePageContainer preserve the WCO inset, safe-area padding, drag region and collapsed-sidebar inset of the headers they replace).

^{Posted via Macroscope — UI Consistency}

One finding: the new shared page frame lands with a single consumer while a near-identical literal frame remains in the pull-requests route.

^{Posted via Macroscope — UI Consistency}

One finding: the new Copy submenu makes three previously top-level actions unreachable without a pointer in the browser context-menu fallback. Details inline.

^{Posted via Macroscope — UI Consistency}

Reviewed the shared-header extraction, the settings container/width contract, the sidebar row control migration, and the toolbar theming change. The WorkspacePageHeader migration preserves the previous geometry (--workspace-topbar-height already resolves env(titlebar-area-height) under .wco, and wco: outranks sm: on specificity, so the native-controls inset still wins), and the new micro size now matches icon-micro's radius. Two findings below.

^{Posted via Macroscope — UI Consistency}

UI consistency review: two findings in the sidebar row control migration and the scoped new-thread button. Everything else in the header/settings-layout consolidation looks consistent with the shared primitives.

^{Posted via Macroscope — UI Consistency}

One finding on the new micro button size: it sets text-xs (and a size-3 icon rule) without overriding the base's sm: step, so the contract flips at ≥640px. Details inline.

^{Posted via Macroscope — UI Consistency}

[maria-rcks]

What changed

• Adds one shared workspace header for chat, empty states, Settings, project settings, and onboarding.
• Moves Settings, Usage, and Pull Requests navigation into the sidebar footer, with one consistent Back action on those pages.
• Centralizes Settings content widths and scroll padding.

Screenshots

Direct parent on the left; this PR on the right. Same viewport and copied application state.

Settings layout

Before	After

Why

Workspace navigation and page headers were duplicated across several routes. This PR keeps only that shared layout work. Usage, Pull Requests, terminal, composer, tool lifecycle, and tool activity stay in separate reviews.

The independent thread action menu redesign remains in #7476.

Validation

• Focused workspace header and Settings layout tests
• Web typecheck
• Browser verification of the Settings header, wide content layout, and shared Back footer

Stack order

1. feat(web): unify workspace navigation #7153 workspace navigation, this PR
2. feat(web): redesign usage insights #7147 Usage
3. feat(web): refresh pull request details #7148 Pull Requests
4. feat(web): improve terminal workspace controls #7149 terminal
5. feat(web): attach composer state drawers #7150 composer
6. fix(server): preserve tool lifecycle identity #7151 tool lifecycle projection
7. feat(web): collapse tool activity into one line #7152 tool activity UI

Built with GPT-5.6-sol in the Codex harness.

---

Note

Low Risk
Mostly presentational refactors and shared navigation wiring; no auth, data, or API behavior changes in the diff.

Overview
Unifies workspace top-bar chrome by adding WorkspacePageHeader and swapping duplicated <header> / Electron title-bar markup in chat (ChatView), empty thread state, settings layout, project settings, and hosted onboarding for that shared wrapper (electron, reserveNativeControls, collapsed-sidebar inset, safe-area padding).

Consolidates sidebar footer navigation by extracting SidebarUtilityMenu from SidebarChromeFooter (Settings / Usage / Pull Requests icon shortcuts, Back when on settings, usage, or pull-requests routes, with history.back when possible). Settings sidebar footer now reuses the same menu instead of its own Back handler.

Tweaks settings content layout via SettingsPageContainerwidth presets (readable / wide / expanded) and updated scroll-area padding; Keybindings and Diagnostics opt into wider max widths. Titlebar geometry expectations move to WorkspacePageHeader in the chat index titlebar test.

^{Reviewed by Cursor Bugbot for commit f756913. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Unify workspace navigation headers into a shared WorkspacePageHeader component

• Introduces WorkspacePageHeader.tsx, a reusable header that centralizes top-bar geometry, drag-region behavior, and native-control inset padding for Electron.
• Replaces duplicated inline <header> markup and COLLAPSED_SIDEBAR_TITLEBAR_INSET_CLASS logic across chat, onboarding, settings, and project settings views.
• Centralizes sidebar footer utilities into a new SidebarUtilityMenu component in SidebarChrome.tsx; the Back button now prefers history.back() over navigating to /.
• Standardizes SettingsPageContainer with a width prop ('readable' | 'wide' | 'expanded') and consistent padding, replacing per-page max-w-* classNames.

^{Macroscope summarized f756913.}

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 7d6074b3-0eb4-4b5e-a908-0906b9374f98

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

Thread transfer impact

✅ Thread transfer remains within every enforced ceiling.

Provider	Metric	Main baseline	This PR	Impact	PR ceiling
Codex	Total thread wire	12.6 KiB	12.6 KiB	+11 B (+0.1%)	15.1 KiB	✅
Codex	Thread snapshot wire	6.3 KiB	6.3 KiB	+4 B (+0.1%)	7.3 KiB	✅
Codex	Live turn WebSocket wire	6.3 KiB	6.3 KiB	+7 B (+0.1%)	7.8 KiB	✅
Codex	Live turn WebSocket decoded	51.8 KiB	51.8 KiB	0 B (0.0%)	66.4 KiB	✅
Codex	Live turn messages	16	16	0 (0.0%)	21	✅
Claude	Total thread wire	12.6 KiB	12.6 KiB	−15 B (−0.1%)	15.1 KiB	✅
Claude	Thread snapshot wire	6.3 KiB	6.3 KiB	−4 B (−0.1%)	7.3 KiB	✅
Claude	Live turn WebSocket wire	6.3 KiB	6.3 KiB	−11 B (−0.2%)	7.8 KiB	✅
Claude	Live turn WebSocket decoded	52.7 KiB	52.7 KiB	0 B (0.0%)	66.4 KiB	✅
Claude	Live turn messages	16	16	0 (0.0%)	21	✅

Baseline: 36f4314 · PR result: f756913 · Source CI: success

Scenario and decoded snapshot size

10 historical turns, 5 command tools per turn, 878.9 KiB retained MCP result per historical turn, and a 1.05 MiB retained result in the measured turn.

• Codex decoded thread snapshot: 99.9 KiB
• Claude decoded thread snapshot: 100.6 KiB

Updated in place by a trusted workflow. PR artifacts are strictly validated and never executed.

UI Consistency

Reviewed the changed web UI surfaces (shared WorkspacePageHeader/WorkspacePageContainer extraction, sidebar row/footer rework, settings layout widths, toggle/segmented variants, context-menu fallback icons, composer chip metrics, themed toolbar variable swap).

Verified as safe:

• WorkspacePageHeader reproduces the previous per-surface geometry: --workspace-topbar-height resolves to 52px and to env(titlebar-area-height) under .wco, drag-region is still gated on Electron, COLLAPSED_SIDEBAR_TITLEBAR_INSET_CLASS is retained, data-chat-header still forwards (so the themed toolbar rules keep applying), and className is merged last so call sites keep ownership. Passing reserveNativeControls in the browser is inert because wco: only matches Electron's .wco root.
• --toolbar-control-foreground is defined in both the default token block and the html[data-theme-id] bridge, so the index.css swap does not drop a variable.
• SettingsPageContainer keeps the fade/padding pairing: [--topbar-scroll-fade-height:1.5rem] sm:[...] is required to neutralise the utility's @variant sm bump, and pt-6 matches the 1.5rem band, same as the pull-requests page.
• separatorBefore is honoured by both renderers of ContextMenuItem (Electron template + showContextMenuFallback), and the new copy submenu parent id is never dispatched.

Three consistency findings below; no visual or behavioural regression was identified.

^{Posted via Macroscope — UI Consistency}

Approvability

Verdict: Approved at f756913

Macroscope's review found this PR approvable — Mechanical refactor extracting duplicated header and sidebar menu styling into shared components (WorkspacePageHeader, SidebarUtilityMenu). No behavioral changes - same CSS classes applied from a centralized location. Tests updated accordingly.

^{You can add or adjust custom eligibility rules. Learn more.}

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit f181757. Configure here.}

Reviewed the changed web UI surfaces for shared-primitive, Tailwind-ownership and layout-preservation consistency. The header/container consolidation (WorkspacePageHeader/WorkspacePageContainer) preserves topbar height, WCO inset, drag region, safe-area padding and the collapsed-sidebar transition, the new micro button size correctly extends the primitive contract instead of hand-rolling the sidebar row actions, and the themed toolbar-control rule change is consistent with the existing [data-chat-header] control rule. Two smaller items below.

^{Posted via Macroscope — UI Consistency}

Dismissing prior approval to re-evaluate 27bb7f4

UI consistency review found three items in the changed web UI scope. Details inline.

^{Posted via Macroscope — UI Consistency}

Two consistency findings on the changed lines. Details inline.

^{Posted via Macroscope — UI Consistency}

Reviewed the UI changes for shared-component and Tailwind-ownership consistency. Two findings, both about the new shared contracts introduced here; the WorkspacePageHeader extraction, the Button size="micro"/icon-micro migration of the sidebar row actions, and the themed --toolbar-control-foreground alignment otherwise look correct and preserve focus-visible, coarse hit targets, drag regions and titlebar insets.

^{Posted via Macroscope — UI Consistency}

Two icon-consistency findings in the changed context-menu code. Everything else in this revision looks consistent: the new WorkspacePageHeader reproduces the Electron/WCO geometry it replaces (--workspace-topbar-height resolves to env(titlebar-area-height, 52px) under .wco, and wco: selectors outrank the new sm: padding on specificity), micro now shares icon-micro's radius/icon contract, the sidebar hover actions all run through Button variant="ghost-muted", the fallback divider matches MenuSeparator, and every SettingsPageContainer caller now uses the width prop instead of a call-site max-w-*.

^{Posted via Macroscope — UI Consistency}

UI consistency review: one finding — a shared component's API is widened with a prop that has no consumer in this PR. Everything else in the changed web UI looks consistent with the shared component system (the fallback menu divider now matches MenuSeparator, the fallback icon sizes match MenuItem's responsive contract, the sidebar lifecycle actions are on Button size="icon-micro"|"micro" variant="ghost-muted", micro shares icon-micro's radius, and WorkspacePageHeader/WorkspacePageContainer preserve the WCO inset, safe-area padding, drag region and collapsed-sidebar inset of the headers they replace).

^{Posted via Macroscope — UI Consistency}

One finding: the new shared page frame lands with a single consumer while a near-identical literal frame remains in the pull-requests route.

^{Posted via Macroscope — UI Consistency}

One finding: the new Copy submenu makes three previously top-level actions unreachable without a pointer in the browser context-menu fallback. Details inline.

^{Posted via Macroscope — UI Consistency}

Reviewed the shared-header extraction, the settings container/width contract, the sidebar row control migration, and the toolbar theming change. The WorkspacePageHeader migration preserves the previous geometry (--workspace-topbar-height already resolves env(titlebar-area-height) under .wco, and wco: outranks sm: on specificity, so the native-controls inset still wins), and the new micro size now matches icon-micro's radius. Two findings below.

^{Posted via Macroscope — UI Consistency}

UI consistency review: two findings in the sidebar row control migration and the scoped new-thread button. Everything else in the header/settings-layout consolidation looks consistent with the shared primitives.

^{Posted via Macroscope — UI Consistency}

One finding on the new micro button size: it sets text-xs (and a size-3 icon rule) without overriding the base's sm: step, so the contract flips at ≥640px. Details inline.

^{Posted via Macroscope — UI Consistency}