[teamleaderleo]

Follow-up to #32817 (the web Session Info panel is the default again).

Leo, on the Session Info panel: "buttons stay in swift, summary panel in react", "i just want a good one". His list, in this order: "1. Machines showing up so I know if it's cloud or not 2. context 3. Subagents/background tasks running 4. Sources... you can technically use that area to add them".

What changes

• Default section order (sectionOrder.ts DEFAULT_ORDER): Environment (the machine row: this Mac, SSH or Cloud) → Context → Usage → Subagents → Background tasks → Sources → Changes → Outputs → Connectors.
  • Usage keeps its place right after Context (cmux NEXT: Session Info's Usage and the sidebar hover card show what each session spends (carry #27923) #28773: a folded row valued at this chat's 24h cost).
  • The sections he did not name follow Sources. No section is dropped.
  • A saved order (any drag, any pane) still wins. The stored format is unchanged, so there is no migration. A person who never dragged gets the new order.
  • Block membership (GROUP_SECTIONS, which draws the hairlines and reads the Session Info: drag a section's six-dot handle to reorder it #27291 per-block format) is unchanged. The hairlines now fall between Usage and Subagents, between Background tasks and Sources, and before Connectors.
  • The page also builds the native panel's model from sectionOrder(), so the native panel gets the same order.
• Width stages (no code change, now pinned by test/session-info-width-stages.test.ts), checked against Session Info: the page draws it by default again, with the native panel's header buttons (held for Leo) #32817 and Session Info always pushes the chat left, never covers it; a narrow pane narrows it and waits to open #32591:
  • 1800px pane: it floats in the free right gutter.
  • 900px pane: it pushes the chat left at its own width.
  • 370px pane: it pushes at its 200px floor and waits for the toggle.
  • No tall pane of any width draws it over the chat.
  • A short pane's popover is the only stage over the chat. Session Info always pushes the chat left, never covers it; a narrow pane narrows it and waits to open #32591 ("always pushes the chat left, never covers it") removed covering the chat in a narrow pane, and this PR keeps it removed.
• Gallery: agent-pane.chat-inspector / full now asserts the default order in its play. The notes for full and reorder-dragging describe the new order.
• Tests: the order fixtures in session-info-section-order.test.tsx and session-info-section-order-browser.test.tsx follow the new default. The drag offsets are recomputed for the new section tops.

References

cmux-design-references ids (private, not attached): claude/live/session-info-environment-and-context-panel, claude/live/session-info-popover-remote-control-context (the machine first, then context), claude/live/claude-right-panel-running-tasks (running tasks and agents in the rail), chatgpt/live/sidebar-session-info-rail-sections (subagents and sources in one panel), cmux/live/session-info-summary-panel-regressed.

Spec: leo-workspace design/session-info.md, updated in a separate notes PR with the order rule.

Changelog

Changed: Session Info lists the machine first, then Context, running subagents and background tasks, then Sources.

Observed / Not run

• Observed: scripts/web-lint.sh passed and prepush-gate.py reported no new violations. Test results from cmux-ci test are in a comment below.
• Not run: no local gallery capture.

Agent session: agent session

🤖 Generated with Claude Code

---

^{Open in [code]smith · Need help on this PR? Tag @codesmith-bot with what you need.}

---

Summary by cubic

Changes the Session Info panel's default section order so the machine appears first, then Context, running subagents and background tasks, then Sources. A saved order from any drag still wins, and the stored format is unchanged, so no migration is needed.

• New default order: Environment, Context, Usage, Subagents, Background tasks, Sources, Changes, Outputs, Connectors. Usage keeps its spot after Context, and the sections Leo didn't name follow Sources; none is dropped.
• Block membership and hairline styling are unchanged, so the hairlines now fall between Usage and Subagents, between Background tasks and Sources, and before Connectors.
• Adds a test pinning the existing width stages (floating in the gutter at wide panes, pushing the chat at mid widths, waiting for the toggle at the 200px floor); no layout code changed.
• The gallery's full chat now asserts the default order.

^{Written for commit 118a79b. Summary will update on new commits.}

[cursor]

Bugbot needs on-demand usage enabled

Bugbot uses usage-based billing for this team and requires on-demand usage to be enabled.

A team admin can enable on-demand usage in the Cursor dashboard.

[github-actions]

cmux status _{(one comment, edited in place; each line is updated by the job that owns it)}

Review 118a79b: HQ feed card · gallery before/after runs · checks

App of this head (app.zip, kept 1 day)

gh workflow run reload-build.yml -R manaflow-ai/cmux --ref feat-cmux-next -f tag=pr32850 -f ref=lane/si-order-machine-first -f platform=macos -f backend_mode=local

Gallery before/after for 118a79b: the capture produced no images (run).

Probably yours: inline-html-svg-preview-browser.test.ts, popup-reduce-motion.test.ts, popup-reduce-motion.test.ts fails here but not on main's latest full suite. Seen on other PRs too (likely flaky): RowGrammar.test.tsx, agent-pane-write-row-label.test.tsx, agent-pane-write-row-label.test.tsx and 2 more. This PR merged before its CI finished: fix forward on main.

CI failed on 118a79bc8a (run 41564844210 attempt 1): 1 code, 1 unknown.

Job	Verdict	Why
web / react-apps-base-check (4)	code	a web test failed
web / react-apps-check	unknown	no known signature; failed step: Check webview test shards

Failures:

• seen on other PRs RowGrammar.test.tsx the trailing column and chevron use the shared flex row contract: failed (job)
• seen on other PRs agent-pane-write-row-label.test.tsx a Write named before its input reads Writing a file, not Write: failed (job)
• seen on other PRs agent-pane-write-row-label.test.tsx a Write waiting on a permission keeps its own title: failed (job)
• seen on other PRs find-import-pressed.test.tsx dark > disabled Find actions keep their paint while held: failed (job)
• seen on other PRs glass-never-opaque.test.ts every tooltip and hover card in the page code is glass: failed (job)
• new in this PR inline-html-svg-preview-browser.test.ts chromium: the document's script never runs, and the height still reports: failed (job)
• new in this PR popup-reduce-motion.test.ts a dialog and its backdrop fade in and out: failed (job)
• new in this PR popup-reduce-motion.test.ts a dialog and its backdrop fade in and out under Reduce Motion: failed (job)

Matched log lines

web / react-apps-base-check (4): (fail) the trailing column and chevron use the shared flex row contract [0.36ms]

Not re-run automatically: web / react-apps-base-check (4), web / react-apps-check are not machine failures.

Written by scripts/ci/classify_failures.py (ci-failure-attribution.yml); signatures are its SIGNATURES table. A machine verdict is the runner's fault, not this PR's; yours means the failing file is one this PR changes, also red on main that main's latest full suite fails the same way, seen on other PRs that it failed on another pull request's run lately.

red: web / Web status; a job it gathers is red on this change (its line here); do not merge until green; see lane-rules
red: web / react-apps-base-check (4); NEW webview test reds: test/session-info.test.tsx > with only started chats Subagents is still drawn, and the running line's count lands on it; do not merge until green; see lane-rules
red: web / react-apps-check; a job it gathers is red on this change (its line here); do not merge until green; see lane-rules

Shipped in:

• cmux NEXT nightly 1.0.0-nightly.4156852011001 (2f3ccfed7d)
• cmux NEXT nightly 1.0.0-nightly.4157013432001 (f338fc81fd)

[teamleaderleo]

Review (claude-opus-5-5 medium subagent): SHIP at 118a79b

Review (subagent claude-opus-5-5 medium): SHIP at 118a79b

Visual verdict: no images. The diff changes the default section order only; the gallery full play asserts it.

The reviewer worked the new section tops through by hand and checked the drag and probe arithmetic, the fill() and mergeShown results, the hairline runs (matching the native separator's change-of-block rule), the width-stage math against SessionInfo.tsx, and that the legacy per-block format still parses.

Follow-ups: [follow-up] native/model.ts:119 and the header comment of session-info-section-order.test.tsx still describe the old three-block default.