Add expandable command and file-change activity boxes

[Quicksaver]

Summary

This adds richer expandable activity boxes for command and file-change work-log rows in the chat timeline. Command rows can now show the command, raw command, exit code, duration, stdout/stderr or fallback output, and file-change rows can show changed paths plus inline unified diffs when patch data is available.

The implementation keeps this data in the derived work-log model, extracts command result and patch metadata from provider payloads, and renders the richer details without losing the existing compact row behavior.

What Changed

• Preserved command output metadata in WorkLogEntry, including stdout, stderr, fallback output, exit code, and duration.
• Added bounded file-change patch extraction from provider payloads, including Codex-style nested file-change records and simple content diffs normalized into unified patches.
• Kept stable arrival order for unsequenced same-timestamp activity events so streamed output chunks are not scrambled by random event ids.
• Added expandable command details in MessagesTimeline with command/raw-command sections, status chips, tail-truncated output, and full-output expansion.
• Added expandable file-change details in MessagesTimeline with changed-file chips and inline diff rendering through the existing diff rendering utilities.
• Kept generic tool expansion behavior for rows that are neither command nor file-change details, while excluding collab-agent rows so their nested activity UI remains authoritative.
• Hardened command-output extraction so blank completed stdout falls back to aggregated output while live incremental whitespace chunks are still preserved exactly.
• Hardened command-output merging so shorter completed snapshots and shorter line-complete updated snapshots do not corrupt already merged command output, while prefix-like incremental chunks still append exactly.
• Refined shorter-prefix command-output merging so single-line repeated-prefix snapshots do not duplicate output, while ambiguous multiline prefix chunks still preserve incremental stream data.
• Addressed follow-up review findings by restoring deterministic same-timestamp ordering outside matching streamed tool updates, preserving merged file-change patches, synthesizing deleted-file patches, keeping MCP JSON expansion, and showing changed files missing from parsed inline diffs.
• Addressed final activity-detail review findings by preventing basename-only changed files from matching unrelated inline diff suffixes and preserving deterministic ordering for same-timestamp unkeyed tool updates.
• Addressed latest activity-detail review findings by showing changed-file previews for file-change rows that also carry command metadata, and by preserving nested keyboard controls inside expandable work rows.
• Refactored command/file activity detail derivation into MessagesTimeline.logic.ts so MessagesTimeline.tsx now consumes derived detail objects while preserving upstream work-toggle row modeling and anchored-list behavior.
• After merging upstream/main, reused the exported changedFileMatchesDiffPath helper from MessagesTimeline.logic.ts in MessagesTimeline.tsx so changed-file chips and inline diffs keep the same basename/path matching behavior without duplicated local matching logic.
• After the upstream timeline minimap merge, moved compact activity-row heading/preview/display-text derivation into deriveWorkEntryDisplay() so MessagesTimeline.tsx keeps rendering row text and ARIA labels from one tested logic helper.
• Added shared timeline anchoring metrics and tests so live-follow, manual navigation, and thread changes preserve predictable scroll behavior.
• Fixed timeline anchor/minimap edge cases by clearing failed optimistic anchors, guarding nullable scroll nodes, and avoiding broad click interception in timeline navigation.
• Cancel live-follow on keyboard scroll keys and native scrollbar gutter interactions while preserving editable-field keyboard behavior.
• Addressed latest Macroscope review findings by keeping changed-file-only file-read rows in generic detail panels and preserving repeated MCP argument objects while still redacting true circular references.
• Added focused coverage for command output extraction, output merging, file-change patch extraction, renderable command output helpers, and timeline rendering of command/file-change rows.

Why

Individual command and diff events are mostly opaque currently. We can somewhat see what the agent is doing, but we don't have a clear picture of what each command actually outputs, or what each file change actually produced.

Usually that's fine, most times we inspect the end result and trust the agent. Sometimes it's good to inspect a little deeper. For commands we can help steer by debugging their output, or just compare the results with manual runs. For diffs we can see better follow along the multiple changes an agent makes, or even inspect changes to git-ignored files (which don't appear on the main diff panel).

Validation

• (cd apps/web && pnpm exec vp test run --passWithNoTests --project unit src/session-logic.test.ts) passed: 1 file, 79 tests.
• (cd apps/web && pnpm exec vp test run --passWithNoTests --project unit src/components/chat/MessagesTimeline.test.tsx) passed: 1 file, 13 tests.
• pnpm exec vp run --filter @t3tools/web test -- src/components/chat/MessagesTimeline.test.tsx passed on the final branch state: 145 files, 1318 tests.
• pnpm exec vp run --filter @t3tools/web test -- src/session-logic.test.ts src/components/chat/MessagesTimeline.logic.test.ts src/components/chat/MessagesTimeline.test.tsx passed after the activity-detail review fixes: 140 files, 1240 tests.
• pnpm exec vp run --filter @t3tools/web test -- src/session-logic.test.ts src/components/chat/MessagesTimeline.logic.test.ts passed after the final activity-detail review fixes: 140 files, 1242 tests.
• (cd apps/web && pnpm exec vp test run --passWithNoTests --project unit src/components/chat/MessagesTimeline.test.tsx src/components/chat/MessagesTimeline.logic.test.ts src/session-logic.test.ts) passed after the post-merge derivation refactor: 3 files, 150 tests.
• (cd apps/web && pnpm exec vp test run --passWithNoTests --project unit src/components/chat/MessagesTimeline.logic.test.ts src/components/chat/MessagesTimeline.test.tsx) passed after the latest activity-detail review fixes: 2 files, 64 tests.
• pnpm exec vp test -- apps/web/src/components/chat/MessagesTimeline.logic.test.ts apps/web/src/components/chat/MessagesTimeline.test.tsx passed after the upstream-merge display derivation cleanup: 2 files, 66 tests.
• git diff --check passed.
• pnpm exec vp check passed with 20 existing warnings outside this branch's changed files.
• pnpm exec vp run typecheck passed across all packages.
• git diff --check passed again during the 2026-06-30 PR comment refresh.
• pnpm exec vp check passed again during the 2026-06-30 PR comment refresh with the same 20 existing warnings.
• pnpm exec vp run typecheck passed again during the 2026-06-30 PR comment refresh across all packages.
• pnpm exec vp test -- apps/web/src/components/chat/MessagesTimeline.logic.test.ts passed after the 2026-07-03 Macroscope review fixes: 1 file, 56 tests.
• git diff --check passed after the 2026-07-03 Macroscope review fixes.
• pnpm exec vp check passed after the 2026-07-03 Macroscope review fixes with 27 existing warnings outside the changed files.
• pnpm exec vp run typecheck passed after the 2026-07-03 Macroscope review fixes across all packages.

Proof

before:

after:

expanded command output with tail truncation:

expanded inline file-change diffs:

---

Note

Medium Risk
Large UI and session-logic surface area with complex incremental output merging and provider-specific patch parsing; mistakes could mis-order streamed activity or leak sensitive MCP fields, though redaction and extensive tests mitigate this.

Overview
Chat timeline work-log rows can expand into structured detail panels instead of a single generic preformatted block.

Data layer: WorkLogEntry now carries command streams (stdout/stderr/legacy output), exit code, duration, and patch text. session-logic extracts these from provider payloads, merges incremental tool.updated output without regressing to shorter snapshots, normalizes Codex-style file diffs into unified patches, and stabilizes ordering for same-timestamp streamed updates.

Presentation: New workLogEntryDetails centralizes expandability rules, command/file/generic detail derivation, output tail truncation, changed-file chips vs inline diffs, and redacted MCP JSON serialization. MessagesTimeline renders command sections (raw command, status chips, expandable stdout/stderr), file-change inline diffs via existing diff utilities, and improved row headings/previews/ARIA. Collab-agent rows stay out of command/file expansion; path matching for diffs lives in diffRendering.

Coverage is added across logic, session derivation, and static timeline markup tests.

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

Note

Add expandable command and file-change activity boxes to the session work log

• Work log entries now extract and surface command output streams (stdout/stderr), exit codes, durations, and unified patch text from tool activity payloads in session-logic.ts.
• Expanded rows in MessagesTimeline.tsx render structured detail sections: command details with output tail/expand controls, file-change details with inline diffs or raw patches, and a generic fallback for other tools.
• New utilities in workLogEntryDetails.ts derive display state (truncation, headings, previews, file chips) and handle sensitive-field redaction for MCP tool data serialization.
• Path matching between changed-file entries and diff paths is handled by new helpers in diffRendering.ts with cross-platform normalization.
• Output merging across incremental tool.updated/tool.completed events now prefers longer cumulative snapshots and avoids regressions to shorter ones.

^{Macroscope summarized d6b5f60.}

[coderabbitai]

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

Run ID: 320eb7dc-e88a-4d34-90ef-19db20870d6c

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

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

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.}

[macroscopeapp]

Approvability

Verdict: Needs human review

This PR introduces a significant new feature - expandable activity boxes for command executions and file changes in the chat timeline. It adds multiple new UI components, extends core data interfaces, and includes substantial new logic for command output rendering and diff display. While well-tested, the scope of new user-facing functionality warrants human review.

^{You can customize Macroscope's approvability policy. Learn more.}