fix(web): highlight tool inputs and remove nested work log indentation

[Yash-Singh1]

Problem

Tool inputs in the item inspector lacked JSON syntax highlighting. Work log detail rows also inherited hover styling and indentation that made nested details appear misaligned.

Change

Add theme-aware JSON highlighting for valid JSON tool inputs, with plain text as the fallback. Remove hover background styling from interactive work log rows and apply indentation only to text details. Remove the extra mobile work log detail indentation.

Scope and approval

This focused fix corrects tool input readability and work log detail layout. It does not add a new capability or change user workflows.

Verification

Not provided.

Screenshots

Before	After

[macroscopeapp]

Approvability

Verdict: Approved at 675be11

Macroscope's review found this PR approvable — This is a narrowly scoped UI fix: it adjusts work-log spacing/hover presentation and adds theme-aware JSON coloring to existing tool-input displays with plain-text fallbacks. It introduces no new workflow, schema, configuration, or production infrastructure behavior.

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

[github-actions]

Thread transfer impact

✅ Thread transfer remains within every enforced ceiling.

Provider	Metric	Main baseline	This PR	Impact	PR ceiling
Codex	Total thread wire	4.9 KiB	4.9 KiB	0 B (0.0%)	6.8 KiB	✅
Codex	Thread snapshot wire	3.7 KiB	3.7 KiB	0 B (0.0%)	4.9 KiB	✅
Codex	Live turn WebSocket wire	1.1 KiB	1.1 KiB	0 B (0.0%)	2.0 KiB	✅
Codex	Live turn WebSocket decoded	20.4 KiB	20.4 KiB	0 B (0.0%)	29.3 KiB	✅
Codex	Live turn messages	1	1	0 (0.0%)	8	✅
Claude	Total thread wire	4.9 KiB	4.9 KiB	0 B (0.0%)	6.8 KiB	✅
Claude	Thread snapshot wire	3.7 KiB	3.7 KiB	0 B (0.0%)	4.9 KiB	✅
Claude	Live turn WebSocket wire	1.2 KiB	1.2 KiB	0 B (0.0%)	2.0 KiB	✅
Claude	Live turn WebSocket decoded	20.8 KiB	20.8 KiB	0 B (0.0%)	29.3 KiB	✅
Claude	Live turn messages	2	2	0 (0.0%)	8	✅

Baseline: 00eb8f6 · PR result: 675be11 · 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: 106.1 KiB
• Claude decoded thread snapshot: 106.4 KiB

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

[coderabbitai]

Navigate logical layers of code changes, visualize relationships, and explore their blast radius.

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

• Configuration used: Repository: pingdotgg/t3code/.coderabbit.yaml
• Review profile: CHILL
• Plan: Team
• Run ID: 08b7b8cf-bd0a-43b8-b4b9-25cb41f18792

📥 Commits

Reviewing files that changed from the base of the PR and between 00eb8f6 and 675be11.

📒 Files selected for processing (3)

• apps/mobile/src/features/threads/thread-work-log.tsx
• apps/web/src/components/chat/V2ItemInspector.tsx
• apps/web/src/components/chat/WorkLog.tsx

Included review availability: This review used your included allowance. 9 included reviews remain after this review. Your included PR review attempts over the past 7 days set your current allowance at 10 reviews per hour.

---

📝 Walkthrough

Walkthrough

The changes add optional JSON syntax highlighting to command-execution and dynamic-tool inputs. They also adjust expanded work-log detail spacing and web work-log row and cursor styling.

Changes

JSON input highlighting

Layer / File(s)	Summary
JSON highlighting in chat inputs apps/web/src/components/chat/V2ItemInspector.tsx	StructuredValue can render valid JSON with syntax highlighting and fall back to plain text. Command-execution and dynamic-tool inputs enable highlighting.

Work-log styling

Layer / File(s)	Summary
Work-log row and detail styling apps/mobile/src/features/threads/thread-work-log.tsx, apps/web/src/components/chat/WorkLog.tsx	Mobile expanded non-reasoning details no longer have a left inset or border. Web work-log rows no longer have a hover background, and all detail kinds use the common cursor class.

Priority: ⬇️ Low

Estimated code review effort: 2 (Simple) | ~10 minutes

Change: Bug fix

Suggested reviewers: juliusmarminge

Merge Risk: ⚪ Minimal · up to 675be

The highlighting and work-log styling changes have no confirmed merge-blocking issue.

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 5 functions across 3 files.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Title check	✅ Passed	The title clearly summarizes the main changes: JSON highlighting for tool inputs and reduced work log indentation.
Description check	✅ Passed	The description covers the problem, changes, and scope, and includes before-and-after screenshots. It does not report focused tests or manual checks, or state what could not be checked.

• Fix all pre-merge checks with AI

✨ Finishing Touches 💡 1

📝 Generate docstrings 💡

• Commit to this branch
• Create a new PR

🧪 Generate unit tests (beta)

• Commit to this branch
• Create a new PR

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

---

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