feat(web): Add provider button sits with the provider list

[t3dotgg]

The "Add provider" button sat at the far right of the Providers header, next to the refresh status. It was easy to miss.

Now it sits with the providers:

• An Add provider row at the bottom of the provider list.
• A + right after the "Providers" title.

Both open the same dialog and hide in read-only sessions. SettingsSection gets a small titleAction slot for the title button.

Before	After

Verified in a local dev server: both controls show in an editable session, and clicking the new row opens the Add provider dialog. Existing panel tests cover the read-only case.

Reviewed with sol-loop: 1 round with GPT-6.1 Sol on medium.

Created with Claude Opus 5.5 in Claude Code (via T3 Code).

🤖 Generated with Claude Code

[macroscopeapp]

Approvability

Verdict: Approved at a1e8f39

Macroscope's review found this PR approvable — This is a contained UI refinement that repositions the existing provider-add action and adds a clearly labeled list-row shortcut, with both actions sharing the existing dialog and read-only gating. The shared layout extension is optional and presentation-only, with no schema, backend, deployment, or sensitive-area impact.

^{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	5.0 KiB	5.0 KiB	0 B (0.0%)	6.8 KiB	✅
Codex	Thread snapshot wire	3.8 KiB	3.8 KiB	0 B (0.0%)	4.9 KiB	✅
Codex	Live turn WebSocket wire	1.2 KiB	1.2 KiB	0 B (0.0%)	2.0 KiB	✅
Codex	Live turn WebSocket decoded	20.9 KiB	20.9 KiB	0 B (0.0%)	29.3 KiB	✅
Codex	Live turn messages	2	2	0 (0.0%)	8	✅
Claude	Total thread wire	5.0 KiB	5.0 KiB	0 B (0.0%)	6.8 KiB	✅
Claude	Thread snapshot wire	3.8 KiB	3.8 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	21.2 KiB	21.2 KiB	0 B (0.0%)	29.3 KiB	✅
Claude	Live turn messages	2	2	0 (0.0%)	8	✅

Baseline: 0ce6b9d · PR result: a1e8f39 · 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: 108.5 KiB
• Claude decoded thread snapshot: 108.8 KiB

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

[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: Team
• Run ID: 098143ac-e354-4d79-994f-9f1a0df01849

📥 Commits

Reviewing files that changed from the base of the PR and between 0ce6b9d and a1e8f39.

📒 Files selected for processing (2)

• apps/web/src/components/settings/ProviderSettingsPanel.tsx
• apps/web/src/components/settings/settingsLayout.tsx

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

---

📝 Walkthrough

Walkthrough

The provider settings panel moves the add-provider action from the refresh header to the section title and below the provider rows. Both actions open the existing dialog and appear only when the environment is editable.

Changes

Provider Settings

Layer / File(s)	Summary
Section title action apps/web/src/components/settings/settingsLayout.tsx	SettingsSection accepts an optional titleAction prop and renders it beside the section title.
Provider add actions apps/web/src/components/settings/ProviderSettingsPanel.tsx	The editable provider panel adds actions beside the section title and after the provider rows. It removes the action from the refresh header. Both actions open the existing add-provider dialog.

Priority: ⬇️ Low

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

Change: Feature

Suggested reviewers: juliusmarminge

Merge Risk: ⚪ Minimal · up to a1e8f

Provider addition remains available through the new controls in editable settings, while existing provider rows and sections retain their behavior. No material merge risk is evident.

🚥 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 describes the main change: moving the Add provider action beside the provider list. It is concise and follows the repository's conventional commit style.
Description check	✅ Passed	The description clearly explains the problem, the UI changes, the read-only behavior, verification results, and includes before-and-after screenshots. It does not explicitly document scope approval or…

✨ Finishing Touches

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