fix(web): settled and snoozed lines line up with the messages above them

[RakshithBhat03]

The "Settled 2d ago · Un-settle" line at the end of a thread sat 12px to the right of everything above it. Message text, the "Worked for" fold, and the copy/fork row all start at the same edge, and the status line was the only thing indented past it.

ThreadStatusLine came over from the composer banner stack in #16631 and kept px-4. Timeline rows have no horizontal padding of their own and assistant content only adds px-1, so I changed the status line to px-1 too. The snoozed and "Woke from snooze" lines use the same component, so they line up now as well. Mobile has no equivalent line in the chat, so nothing changes there.

Before
After

Lint and format check pass on the changed file. I checked it in the web app on an isolated dev server with a copy of real settled threads, in dark mode at 2x. The dashed line marks the shared text edge. I didn't check desktop separately because it renders the same web component.

---

Made by Claude Opus 5.5 in T3 Code through the Claude Code harness.

[macroscopeapp]

Approvability

Verdict: Approved at 91a5ce8

Macroscope's review found this PR approvable — This is a one-line styling correction that only adjusts the horizontal padding of settled, snoozed, and wake status lines so they align with the messages above them. It has no impact on application logic, data, APIs, defaults, or static-analysis configuration.

^{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: 3d66cf6e-6699-42f9-b3e1-b8543fb42621

📥 Commits

Reviewing files that changed from the base of the PR and between a4c9494 and 91a5ce8.

📒 Files selected for processing (1)

• apps/web/src/components/chat/ThreadStatusLine.tsx

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

---

📝 Walkthrough

Walkthrough

ThreadStatusLine now uses px-1 instead of px-4 for horizontal padding.

Changes

Thread status line

Layer / File(s)	Summary
Update thread status line padding apps/web/src/components/chat/ThreadStatusLine.tsx	The horizontal padding changes from px-4 to px-1.

Priority: ⬇️ Low

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

Change: Bug fix

Suggested reviewers: t3dotgg

Merge Risk: ⚪ Minimal · up to 91a5c

The status line’s inset is tightened to align it with thread content. No material user-facing risk remains.

🚥 Pre-merge checks | ✅ 4

✅ 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 and concisely describes the primary UI alignment fix for settled and snoozed status lines.
Description check	✅ Passed	The description explains the problem, identifies the padding change, documents affected states, and includes before/after screenshots and focused verification. It does not provide a separate scope and…

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