fix(web): keep branch restore action inline in narrow composers

[Saikrishna1876]

Problem

The branch change notice moves Restore branch and dismiss onto a second row below a 400px content width, even when the short notice and both controls fit. The reported screenshot reproduces this at a 368px banner width.

Change

Opt the branch mismatch notice into the existing compact banner layout. It keeps actions inline at the reported width and retains the existing wrapping fallback below a 320px content width. Restore, dismiss, and branch tooltips keep their current behavior. This shared component covers web and desktop; native mobile uses a separate layout.

Scope and approval

This is a focused layout bug fix using an existing banner option. It changes only the branch mismatch notice, with no new controls or workflow. Searched origin PRs and inspected related banner and branch fixes; none covers this wrapping defect.

Verification

• Web typecheck, targeted ChatView lint, formatting, and git diff checks passed. Lint reports existing React warnings.
• Existing ComposerBannerStack test passed.
• CodeRabbit CLI reviewed the change with no findings. Greptile could not review because the personal account has no connection to pingdotgg/t3code.
• In T3's Browser panel, the real branch mismatch notice uses the compact layout at 368px. The title and actions have matching vertical positions; Restore branch remains enabled. No checkout was triggered.
• A fixture using the production ComposerBannerStack and ComposerSurface components measured a 368px banner at 75.5px tall before and 51.5px after. Long branch names keep actions inside the banner. A 321px outer banner still wraps through the narrower fallback.
• Screenshots below show that production component fixture at the same width and 200% magnification. Native mobile and a packaged desktop build were not tested.

Before:

After:

Model: GPT-6.1-Sol. Harness: Codex in T3 Code.

[macroscopeapp]

Approvability

Verdict: Approved at 4b6fda6

Macroscope's review found this PR approvable — This one-line change opts the existing branch-mismatch notice into its compact layout so restore and dismiss actions remain inline in narrow composers. It introduces no new workflow or control and leaves the existing action behavior unchanged.

Notes:

• Diff unchanged. Approvability was decided on eligibility alone.

No code changes detected at 09bd9ea. Prior analysis still applies.

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

[coderabbitai]

Note

Reviews paused

It looks like this branch is under active development. To avoid overwhelming you with review comments due to an influx of new commits, CodeRabbit has automatically paused this review. You can configure this behavior by changing the reviews.auto_review.auto_pause_after_reviewed_commits setting.

Use the following commands to manage reviews:

• @coderabbitai resume to resume automatic reviews.
• @coderabbitai review to trigger a single review.

Use the checkboxes below for quick actions:

• ▶️ Resume reviews
• 🔍 Trigger review

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: 0addc31f-e8a8-475d-ac90-e541d12f3d0f

---

📥 Commits

Reviewing files that changed from the base of the PR and between 545d8e2 and 1eaecdc.

---

📒 Files selected for processing (1)

• apps/web/src/components/ChatView.tsx

---

🚧 Files skipped from review as they are similar to previous changes (1)

• apps/web/src/components/ChatView.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

The branch-mismatch composer banner item now sets compact to true.

Changes

Branch-mismatch banner

Layer / File(s)	Summary
Set the banner compact apps/web/src/components/ChatView.tsx	The branch-mismatch banner item now sets compact to true.

Priority: ⬇️ Low

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

Change: Bug fix

---

Merge Risk: ⚪ Minimal · up to 1eaec

No actionable issue is established for the compact banner change; it is mergeable after normal checks.

🚥 Pre-merge checks | ✅ 4

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly summarizes the main change: keeping the branch restore action inline in narrow composers.
Description check	✅ Passed	The description includes all required sections. It explains the problem, the focused change and scope, and the verification performed, including limitations and UI screenshots.
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.

---

---

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create a new PR

---

---

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

Autopilot is currently an internal CodeRabbit preview.

---

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

Dismissing prior approval to re-evaluate 4b6fda6

[Saikrishna1876]

CodeRabbit found no actionable issues. The docstring warning applies to the existing ChatView function, not a new function introduced by this PR. This change only adds the existing compact banner option, so docstring cleanup would be outside its scope under the repository's documentation rules.