feat(web): add workspace panes and transitions by maria-rcks · Pull Request #28845 · pingdotgg/t3code

maria-rcks · 2026-11-01T19:25:58Z

Part 6 of 6 of the T3 Code redesign. Chats, files, terminals and the browser open as panes in a workspace instead of fixed side panels.

workspace panes with tab strips: reorder by drag, overflow scrolling that reveals the active tab, restoring closed tabs, and terminal panes in tab drop targets.
layout hints and a guided tour introduce the workspace and stay inside the viewport on mobile.
⌥⌘ + scroll moves between columns. Pane backgrounds paint without a retained compositor layer, and hints follow compositor motion without a continuous repaint.
the usage page reuses the floating settings shell.

The niri parts are behind Settings > Labs > Scrolling workspaces, off by default: the sideways scrolling strip and swipes, extra workspaces and the overview, and the layout tour and hints. With it off, panes shrink to fit; splits, tabs, side panes and per-project layout templates stay on for everyone. cmd+N and cmd+shift+O open main's project picker when there are several projects, and new threads replace the focused tab instead of opening a new one.

Needs approval: Theo for vite.config.ts (lint ceilings only); Theo or Julius for packages/contracts (ipc, keybindings, server, settings, including the new scrollingWorkspacesEnabled client setting, which decodes to false).

Stack

Do not merge: this stack still needs review. Each PR targets the one below it.

feat(web): establish redesign primitives and shell #28839 1-primitives-shell
feat(web): redesign composer and conversation timeline #28840 2-composer-timeline
feat(web): redesign review panels and supporting pages #28841 3-panels-pages
feat(web): redesign settings and setup surfaces #28842 4-settings-setup
feat(web): style dictation with the redesign primitives #28844 5-voice
feat(web): add workspace panes and transitions #28845 6-workspace-panes (this PR)

Evidence

Captured against base 5ba6597504b681819ff657e5e0808c54b37edb42 and head f6f00d4f4fe175e66f5d7fc6018ace6a1c841ca3, using separate seeded worktrees and the same replay scenarios at 1280 × 720. Dark mode unless labeled light. No code, PR, or branch changes.

Chat, terminal, and the same server/package.json file: the fixed right panel becomes an independent workspace column.

Browser: the same example.com page remains usable beside the chat and terminal, with the file and browser represented as workspace tabs.

Workspace tab strip: overflow scrolling and active filename reveal were exercised with package.json, README.md, tsconfig.json, vite.config.ts, and the browser. Measured 466 px of tab content in a 326 px viewport; selecting vite.config.ts revealed its filename. Native drag reordered vite.config.ts before README.md and before tsconfig.json in separate passes. The base has no workspace pane tab strip; its fixed panel baseline is shown above.

Restore a closed chat: Ctrl+Shift+T reopened Replay: todo-list with its existing conversation. Closing and restoring a browser also retained its URL and page. Chat-tab restore has no equivalent on the base.

Layout introduction and guided tour are new on this layer. Opened Show me, advanced through all five steps, entered the overview lesson, and finished back in the workspace.

Usage adopts the floating settings shell. Both refs show the same real provider error, with matching selections, in dark mode.

Usage, matching light-mode pair.

Nine-second recording: native tab drag, horizontal column scrolling, closing the chat, and restoring it. Reviewed the exported sequence, then played the uploaded video to completion and checked seeking.

Findings and limits:

The recording shows a brief empty pane during chat restoration around 5–6 seconds, before its conversation returns. This is observed app behavior, not a successful no-blank-frame result.
Usage retrieval is unverified: both refs report Codex could not read usage (JSON-RPC -32600). No usage data was fabricated.
This is a Linux web browser. Ctrl+Alt plus horizontal scroll moved the workspace strip from 223 px to 0 px. The macOS ⌥⌘ path, Electron desktop, native mobile, and three-finger gestures remain unverified.
Browser automation intermittently disconnected. Native drag succeeded after targeting the visible pane specifically; exploratory pointer-event checks were not used in the final recording.
No automated test suite or production-build checks were run for this evidence-only task.

Verification

Every layer, rebased on main 9469095, passes typecheck, knip, lint and format on Blacksmith on its own. At layer 6, the web suite passes (unit and browser). The desktop suite fails one libsecret test, which fails the same way on main. GitHub CI runs the full suite on every layer.

Done with Claude Code (Opus 5.5) and Codex (gpt-6.1-sol high) children in T3 Code.

🤖 Generated with Claude Code

macroscopeapp · 2026-11-01T19:26:26Z

Macroscope skipped reviewing this pull request. Per-review cost limit exceeded (workspace setting).

This review would cost an estimated $35.38, which exceeds your per-review limit of $15.00.

The top 3 files driving up this estimate:

File	Diff Size	Estimate
`apps/web/src/layout/SurfaceHost.tsx`	84.45KB	$3.09
`apps/web/src/layout/layoutModel.ts`	78.31KB	$2.87
`apps/web/src/layout/Overview.tsx`	55.80KB	$2.04

Tip

To get this pull request reviewed, you can:

Comment @macroscope-app on this PR to request a manual review (monthly spend limits still apply).
Exclude the file(s) above from review by adding a pattern to your .macroscope/ignore.md — note that creating this file replaces Macroscope's built-in default ignores rather than extending them.
Raise your cost limit in your workspace billing settings.

^{Turn off this reminder going forward}

macroscopeapp · 2026-11-01T19:27:51Z

Approvability

Verdict: Needs Human Approval

Macroscope's review found this PR requires human approval — The workspace-pane changes also enable 150 ms panel animations by default and introduce new lint-suppression directives. These default and diagnostic-policy changes require human review.

Needs human approval because:

Per-review cost limit exceeded (workspace setting). Approvability relies on correctness review in order to determine eligibility

^{Review your spending limits in Billing settings, or comment @macroscope-app review this PR to bypass the limit and review now. You can add or adjust custom eligibility rules. Learn more.}

github-actions · 2026-11-01T19:29:34Z

Thread transfer impact

✅ Thread transfer remains within every enforced ceiling.

ℹ️ No successful main baseline artifact is available yet. This run establishes the initial measurement.

Provider	Metric	Main baseline	This PR	Impact	PR ceiling
Codex	Total thread wire	—	5.0 KiB	—	6.8 KiB	✅
Codex	Thread snapshot wire	—	3.8 KiB	—	4.9 KiB	✅
Codex	Live turn WebSocket wire	—	1.2 KiB	—	2.0 KiB	✅
Codex	Live turn WebSocket decoded	—	21.5 KiB	—	24.4 KiB	✅
Codex	Live turn messages	—	1	—	8	✅
Claude	Total thread wire	—	5.0 KiB	—	6.8 KiB	✅
Claude	Thread snapshot wire	—	3.8 KiB	—	4.9 KiB	✅
Claude	Live turn WebSocket wire	—	1.2 KiB	—	2.0 KiB	✅
Claude	Live turn WebSocket decoded	—	21.9 KiB	—	24.4 KiB	✅
Claude	Live turn messages	—	1	—	8	✅

Baseline: unavailable · PR result: 84ea585 · 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: 108.5 KiB
Claude decoded thread snapshot: 108.8 KiB

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

coderabbitai · 2026-11-01T20:11:39Z

Finishing Touches

Generate docstrings

Commit to this branch
Create a new PR

Generate unit tests (beta)

Commit to this branch
Create a new PR

Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

The table in a user bubble keeps its box, rules and header. Only its colors were meant to change.

The stable-row memo ignored continuesWorkLog, an open wake-up fold's revealed rows, and a worktree card's placement, so the list kept an old row and drew stale spacing.

Leaves the sidebar thread row and the model picker provider rail as they were; their captures showed more than a hover change.

…d it

…case

Checks visible timeline lists a second after a turn ends, the fold collapses, the thread is shown or the row count changes, confirms the gap a few seconds later, keeps the last 20 reports in localStorage and shows one toast per thread with a copy action. Exposes window.t3dev.gapReports, copyGapReports and checkGapsNow. Remove once the gap's cause is fixed.

A pull request open as a tab beside a chat answered only the copy-number shortcut, so Cmd+Shift+C did nothing there. The pull request detail now answers copy link while its pane is focused, through the same copy target and confirmation as the thread and the Pull requests page.

… them up with rows

Each tab's header rendered its own tab strip, so switching tabs swapped the strip out from under anything drawn in it. The strip is now one node per pane that the shown header holds; each header portals its tabs into its own layer, which stays mounted while the header is hidden and moves into the strip when it shows. The strip carries the joined tab's shape, placed under the active tab once per tab change and hidden until the connected pane tabs draw it. Looks unchanged.

From md up, a pane's top is a bar in the chrome's color. The focused pane's active tab is a piece of the pane rising into it, joined by concave ears, with one lit rim from its top round the ears and 36px out along the pane's edge, where it fades. An unfocused pane's active tab is a soft pill. Switching tabs slides the shape to the new tab over the panel animation duration with ease-out, transform only, and the labels fade between tiers on the same clock; focus moving between panes cross-fades the shape and the pill. Reduced motion and a duration of 0 turn both off. Light, black chrome keeps today's notch: its paint is scoped to .black-chrome and the modal pane, so it can be deleted on its own.

On the connected bar the joined tab names its kind (Diff, Files) and its breadcrumb and scope controls follow it on the bar as plain controls, so a wide breadcrumb no longer stretches the joined tab out of the strip. The breadcrumb gives way before the tabs when the pane is narrow. Black chrome and phones keep it inside the tab.

…when it lands The shape waited for the switch's commit and the incoming chat's layout, about 120 ms, while the labels changed at once. It now starts sliding on the press, measured from the tabs as they are, on its own compositor layers, so it keeps moving while the switch renders; a press that does not end in that tab showing brings it back. Labels read as active only under the landed shape. Every title gets the active one's room, so activating a tab moves no other tab. Where tabs are scrolled out, the strip fades at that edge as scroll areas do.

… half-width pane On the bar the breadcrumb shares the row with the pane's tabs, so the diff treats it as crowded: the head ref folds away below 36rem and the view controls fold into their menu, leaving the scope and the base in full.

maria-rcks added the DO NOT MERGE Experimental pull request. Do not merge. label Nov 1, 2026

github-actions Bot added the vouch:trusted PR author is trusted by repo permissions or the VOUCHED list. label Nov 1, 2026

This was referenced Nov 1, 2026

feat(web): establish redesign primitives and shell #28839

Open

feat(web): redesign composer and conversation timeline #28840

Open

This was referenced Nov 1, 2026

feat(web): redesign review panels and supporting pages #28841

Open

feat(web): redesign settings and setup surfaces #28842

Open

feat(web): style dictation with the redesign primitives #28844

Open

github-actions Bot added the size:XXL 1,000+ changed lines (additions + deletions). label Nov 1, 2026

maria-rcks added this pull request to stack #28864 November 1, 2026 20:00

maria-rcks force-pushed the maria/redesign/6-workspace-panes branch from f6f00d4 to b653b87 Compare November 1, 2026 20:11

maria-rcks force-pushed the maria/redesign/6-workspace-panes branch from b653b87 to f0dd9b6 Compare November 1, 2026 20:52

maria-rcks force-pushed the maria/redesign/6-workspace-panes branch from f0dd9b6 to ba88740 Compare November 1, 2026 21:42

maria-rcks force-pushed the maria/redesign/6-workspace-panes branch from ba88740 to 91b0851 Compare November 2, 2026 00:06

maria-rcks force-pushed the maria/redesign/6-workspace-panes branch from 91b0851 to 814c2e3 Compare November 2, 2026 01:30

maria-rcks added 30 commits November 12, 2026 04:55

fix(web): keep started thread branch controls in details

533534a

fix(web): keep markdown tables on the user bubble surface

f8e33f2

revert(web): restore the boxed table styling in message bubbles

fc2694e

The table in a user bubble keeps its box, rules and header. Only its colors were meant to change.

fix(web): show hover on composer and work disclosures

8ea53c5

chore(web): remove redundant details press overrides

138b3f8

fix(web): keep phone chrome on theme colors

bd189f0

fix(web): keep locked workspace details passive

b270949

fix(web): align stash with the composer tray chips

04d3cef

feat(web): show model switches beneath their messages

e15b3a1

fix(web): match message table colors to their bubbles

80ce6f8

fix(mobile): keep ios content below the native header

0bb510e

fix(mobile): show themed chrome around ios content sheets

bf60d4c

fix(web): keep timeline row spacing current when neighbors change

555c6ea

The stable-row memo ignored continuesWorkLog, an open wake-up fold's revealed rows, and a worktree card's placement, so the list kept an old row and drew stale spacing.

fix(web): show keyboard focus on reachable controls

819015d

fix(web): match hover states on verified rows

40c1b46

Leaves the sidebar thread row and the model picker provider rail as they were; their captures showed more than a hover change.

fix(web): give main's language select the settings row controls

b64c38f

style(web): format the translated settings rows

50e98bf

fix(web): read the worktree-pending check from shared where main move…

9643a97

…d it

test(web): drop the removed shortcut context from main's right panel …

09d6d6a

…case

test(server): give main's new Claude fakes the context-usage stub

2f8a8ca

fix(web): match queued automation rows to queued messages

fa44fc1

fix(web): open pull request details without an update loop

4dda2b8

fix(mobile): give ios list filters room below the sheet edge and line…

eadb5f6

… them up with rows

Navigation Menu

Repository navigation

feat(web): add workspace panes and transitions - #28845

feat(web): add workspace panes and transitions#28845
maria-rcks wants to merge 389 commits into
maria/redesign/5-voicefrom
maria/redesign/6-workspace-panes

maria-rcks commented Nov 1, 2026 •

edited

Loading

Uh oh!

macroscopeapp Bot commented Nov 1, 2026 •

edited

Loading

Uh oh!

macroscopeapp Bot commented Nov 1, 2026 •

edited

Loading

Uh oh!

github-actions Bot commented Nov 1, 2026 •

edited

Loading

Uh oh!

coderabbitai Bot commented Nov 1, 2026 •

edited

Loading

Uh oh!

This branch has not been deployed

Reviewers

Uh oh!

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

Conversation

maria-rcks commented Nov 1, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Stack

Evidence

Verification

Uh oh!

macroscopeapp Bot commented Nov 1, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

macroscopeapp Bot commented Nov 1, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Approvability

Uh oh!

github-actions Bot commented Nov 1, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Thread transfer impact

Uh oh!

coderabbitai Bot commented Nov 1, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

This branch has not been deployed

Reviewers

Uh oh!

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

maria-rcks commented Nov 1, 2026 •

edited

Loading

macroscopeapp Bot commented Nov 1, 2026 •

edited

Loading

macroscopeapp Bot commented Nov 1, 2026 •

edited

Loading

github-actions Bot commented Nov 1, 2026 •

edited

Loading

coderabbitai Bot commented Nov 1, 2026 •

edited

Loading