fix(web): replace Lineage timers with Stop on hover

[Bil0000]

Lineage's Stop button can cover a related agent's status text, and its hover background can end before the Stop control.

Keep the row full width. Show the timer at rest, then replace the timer or status text with Stop on hover or keyboard focus. The full row shares one hover background, including Stop. This removes the empty Stop slot at rest and keeps the title in place. Stop and navigation remain separate buttons, with the same stop behavior. Touch and non-hover pointers keep Stop visible.

Validation:

• vp test run apps/web/src/components/chat/ThreadRelationshipsControl.agents.test.tsx apps/web/src/components/chat/ThreadRelationshipsControl.test.tsx: 11 tests passed
• Web vp run typecheck: passed
• Targeted lint, formatting, and git diff --check: passed
• ponytail-review: Lean already. Ship.

Visual check: captured from the real web app at this commit through T3's Browser panel, using an isolated test project and a running-subagent fixture. Verified the full-width row, timer/Stop visibility, unchanged title geometry, and Tab/Shift+Tab focus. No provider turn was started. Touch emulation was not available in this browser pass.

Before (reported screenshot):

After, real app at rest:

After, real app with the Lineage row hovered:

Real app video: at rest, hovering the row, then hovering Stop. 17 seconds, 4x playback.

refined-hover.mp4

Model: gpt-6.1-sol, high reasoning effort. Harness: Codex.

[macroscopeapp]

Approvability

Verdict: Approved at b2e1f50

Macroscope's review found this PR approvable — This is a small, self-contained web UI fix that keeps existing Lineage stop controls from covering timer or status text. It changes only layout and visibility styling for the affected rows, with no schema, configuration, deployment, or new workflow impact.

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

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

• Configuration used: Path: .coderabbit.config.ts
• Review profile: CHILL
• Plan: Advanced
• Run ID: 689c71e0-bc69-4150-843f-77c05600e749

📥 Commits

Reviewing files that changed from the base of the PR and between 73dca7b and b2e1f50.

📒 Files selected for processing (2)

• apps/web/src/components/chat/ThreadDetailsControl.tsx
• apps/web/src/components/chat/ThreadRelationshipsControl.tsx

Included review availability: This review used your included allowance. Your plan provides up to 10 included reviews per hour; 8 remain after this review.

---

📝 Walkthrough

Walkthrough

Stoppable subagent rows now use grouped row styling. Their elapsed-time or status label hides on hover, focus, and coarse or no-hover devices.

Changes

Subagent stop-control row styling

Layer / File(s)	Summary
Style stoppable relationship rows apps/web/src/components/chat/ThreadDetailsControl.tsx, apps/web/src/components/chat/ThreadRelationshipsControl.tsx	The group-row part applies shared row styles with transparent hover backgrounds. When a subagent can be stopped, the relationship row uses split-group styling and its elapsed-time or status label uses a visibility class that hides it on hover, focus, and coarse or no-hover devices. Other rows retain the plain row styling.

Priority: ⬇️ Low

Estimated code review effort: 1 (Trivial) | ~5 minutes

Change: Bug fix

Suggested reviewers: t3dotgg

Merge Risk: ⚪ Minimal · up to b2e1f

The change adjusts stoppable-row presentation while preserving access to Stop across focus and touch states. No demonstrated issue blocks merging.

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 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.
Approvability	✅ Passed	The pull request changes only two chat UI components. It adjusts row styling and trailing-label visibility, and reuses the existing Stop control. It does not change a product default, suppress static …
Title check	✅ Passed	The title clearly describes the main change: replacing the Lineage timer with the Stop control on hover.
Description check	✅ Passed	The description explains the problem, the behavior change, and focused verification. It also includes visual evidence. It does not explain why this focused fix needs no prior issue or maintainer appro…

✨ Finishing Touches

🧪 Generate unit tests (beta)

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

Dismissing prior approval to re-evaluate b2e1f50

[Bil0000]

The earlier Browser setup blocker is resolved. At b2e1f50, the PR description now includes fresh images and video captured from the real web app with isolated test data. Hover and Tab/Shift+Tab were verified; touch emulation remains unverified. The current body replaces the old visual-check limitation and describes the final timer-to-Stop behavior.