cmux NEXT Session Info: every section on one grid (draft: red measurement first)
Gallery: agent-pane.chat-inspector/grid-expanded, agent-pane.chat-inspector/layout-glance-open, agent-pane.chat-inspector/tasks-finished, agent-pane.chat-inspector/workflow-running, agent-pane.chat-inspector/workflow-agent-row-narrow
Leo, 2026-10-29: "we need to have better fing grids. We need to have the fing stuff aligned on f***ing grids and lines"
Session Info: every section (Environment, Context, Connectors, Changes, Sources, Outputs, Subagents, Background tasks, servers, workflow phases and agents, the finished fold) sits on the one row formula of leo-workspace design/grid.md section 3: lead icon centre 24, text 40, trailing control centre 24 in from the right edge, rows 28, inner gap 12 between a block's sections, block gap 24 between blocks with the hairline centred in it. Geometry only: no colour, no section removed. The six-dot handle keeps #29648's place at the right end of a section head, sized by the grid tokens; the section list (#29021) owns the gaps; the rules and groups gallery alternatives keep their own spacing. Section titles truncate before their counts reach the trailing control.
Carried onto current feat-cmux-next (merge, not rebase): base renamed the panel's code to session-info (#29921), so this PR's CSS was re-applied on the renamed files and classes. The grid tokens and test support (#27539, merged) are base's; this PR adds only the inward option to gridLines.ts, the session-info scenes (support/sessionInfoGridScenes.ts, fail level, replacing the per-section card scenes) and the clipped-heading check in grid-lines.test.ts. That also clears the earlier review BLOCK at 6f465dd6 (the old gridLines.ts skipped aria-hidden text, which broke the composer scenes): base's version has no such skip.
Measured (Linux Chromium, 420 and 720 px, light and dark)
| Line | Base | This PR | Grid |
|---|---|---|---|
| Environment, Connectors, Outputs, tasks, servers: lead cx / text x | 22 / 38 | 24 / 40 | 24 / 40 |
| Context rows: lead cx / text x | 19 / 32 | 24 / 40 | 24 / 40 |
| PR rows, subagents, source rows: lead cx / text x | 21 / 36 (sources 28) | 24 / 40 | 24 / 40 |
| Section titles: text x | 14 or 38 | 40 | 40 |
| Section folds: trail cx (from right) | 182 to 245 (after the title) | 24 | 24 |
| PR, servers, tasks: trail cx | 20 | 24 | 24 |
| Finished fold: lead cx / text x | 20 / 32 | 24 / 40 | 24 / 40 |
| Environment to Context to Connectors gap | 0 | 12 | 12 |
| Workflow title and phases: text x | 14 | 40 | 40 |
| Workflow stop / phase chevron: trail cx | 20 / 21 | 24 | 24 |
| Workflow agents: text x | 50 | 56 | 56 (one 16 indent) |
Runs (cmux-ci test, CMUX_BROWSER_TESTS=1 bun test test/browser/grid-lines.test.ts --test-name-pattern session-info):
- head 6cd82e5e: 12 pass, 0 fail, design-token ratchet passes: https://github.com/manaflow-ai/cmux/actions/runs/41277989971
- base (feat-cmux-next with only these scenes): 12 fail, 0 pass (the lines above).
Before / after (Chromium gallery DOM, 420 px; 1x captures from the test run, the gallery advisory run adds 2x)
| Before | After |
|---|---|
 |  |
 |  |
 |  |
 |  |
I viewed the after images: every row's icon, text and trailing mark sit on the same three lines down the whole panel; folds moved from just after the title to the trailing column.
Review: Codex gpt-6-astra (high, fast), SHIP at 6cd82e5e0b724e41e6dc75c4028d5fc11b64bae1, no findings.
Agent session: agent session
š¤ Generated with Claude Code