fix(web): semantic branch naming hint lines up with its setting

[limineol]

Problem

In Settings → Source Control → Text generation, choosing Semantic prefix for Worktree branch naming shows its explanation ("The model chooses a prefix that describes the work…") as a bare paragraph inside the settings card instead of inside a settings row. It has no row padding, so the text sits against the card's left border, and it uses 14px text instead of the 12px row description style. It spans the full card width and gets its own divider, so it reads as an orphan row.

Reproduce: Settings → Source Control → Worktree branch naming → Semantic prefix.

Change

Remove the standalone paragraph and pass the same copy through the existing status slot of the Worktree branch naming SettingsRow. It now renders in that row's text column with the row's padding and text style. The copy is unchanged, and Static prefix and Custom instructions already render through SettingsRow, so they are unaffected.

Scope and approval

This is a very small, focused fix for an obvious layout bug: one text block was rendered outside the settings row layout. It changes no behavior, copy, or settings, and touches one file.

Verification

Reproduced on main and checked the fix locally on macOS, in the web client (vp run dev) and the Electron client (vp run dev:desktop):

• Before: the paragraph started at x=345 against the card edge (row text starts at x=361), at 14px/20px, 846px wide.
• After: the text starts at x=361, at 12px, inside the row's text column, with no extra divider.
• Checked light mode, dark mode, and the narrow stacked row layout (under 32rem). Static prefix, Custom instructions, and every Source control writing style option are unchanged.
• Ran a DOM audit of every settings page for text placed directly in a settings card without row padding. This paragraph was the only hit.
• vp lint apps/web/src/components/settings/BranchNamingSettings.tsx and tsc --noEmit for @t3tools/web pass.

Not checked: mobile. Its branch naming settings already render per-mode descriptions in choice rows and do not have this paragraph.

Before	After

Dark mode and narrow layout

Model and harness: Claude Opus 5.5, Claude Code (in T3 Code).

[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: 5bbc69dd-2c23-46d0-b2a7-a0f897957008

📥 Commits

Reviewing files that changed from the base of the PR and between 7ac5ec6 and a0ad045.

📒 Files selected for processing (1)

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

When branch naming is set to semantic and is not mixed, the settings row now displays the model-prefix explanation as its status. The separate explanatory paragraph was removed.

Changes

Branch naming settings

Layer / File(s)	Summary
Show semantic-prefix explanation in settings row apps/web/src/components/settings/BranchNamingSettings.tsx	When the mode is semantic and not mixed, the naming row shows the model-prefix explanation as its status. The separate paragraph was removed.

Priority: ⬇️ Low

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

Change: Bug fix

Suggested reviewers: t3dotgg

Merge Risk: ⚪ Minimal · up to a0ad0

The semantic-prefix guidance appears in the naming row where intended. No material merge risk is evident; the change is ready for normal checks.

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly and concisely describes the fix to the semantic branch-naming hint.
Description check	✅ Passed	The description covers the problem, change, scope and approval rationale, and verification. It includes before-and-after screenshots and states that mobile was not checked.
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 apps/web/src/components/settings/BranchNamingSettings.tsx. It moves the existing semantic-mode explanation into SettingsRow’s existing status prop; the mode conditi…

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