[companion] fix(settings): stack the agent environment editor

[andrebrait]

Review-only companion for kahme247/ompweb#191.

Same head and matching upstream base; the diff is identical. Merge decisions stay on the upstream PR.

Summary by CodeRabbit

• Bug Fixes
  • The Agent environment variables editor now appears below its title and description, spans the settings card width, and grows to fit its contents.

[coderabbitai]

Navigate logical layers of code changes, visualize relationships, and explore their blast radius.

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

• Configuration used: defaults
• Review profile: CHILL
• Plan: Advanced
• Run ID: d2f3675a-04ac-4983-bf77-e266836ac93b

📥 Commits

Reviewing files that changed from the base of the PR and between d99fb6c and fcc30d9.

📒 Files selected for processing (3)

• CHANGELOG.md
• app/globals.css
• components/SettingsConfig.tsx

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

---

📝 Walkthrough

Walkthrough

The Agent environment variables editor now sits below its title and description, matches the page width, and grows its textarea with its contents.

Changes

Agent environment editor layout

Layer / File(s)	Summary
Editor layout and sizing components/SettingsConfig.tsx, app/globals.css, CHANGELOG.md	The Agent environment controls use the settings-card-block layout. Matching settings cards stack controls vertically, stretch them to the card width, and use a 10px gap. The textarea grows with its contents. The changelog describes these changes.

Priority: ⬇️ Low

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

Change: Bug fix

Suggested reviewers: kahme247

Merge Risk: ⚪ Minimal · up to fcc30

The editor layout change matches its card structure, and no concrete merge-blocking behavior is established. Automatic textarea growth may depend on browser support, which this repository does not specify.

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly and concisely describes the main change: stacking the agent environment editor in settings.
Docstring Coverage	✅ Passed	Docstring coverage is 100.00% which is sufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 1 functions across 1 files. (2 skipped: 2 …
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 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

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

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

[andrebrait]

@coderabbitai review

[coderabbitai]

✅ Action performed

Review finished.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.

[Copilot]

Copilot review overview

🟢 Approval recommended

The focused layout changes match the upstream PR’s stated behavior without introducing unresolved issues.

Review effort: Balanced
Findings: None

What changed in this PR

Stacks the agent environment editor below its description and enables content-based textarea growth.

Changes:

• Adds a reusable full-width settings-card layout.
• Enables automatic textarea height growth.
• Documents the UI fix.

File	Description
components/​SettingsConfig.tsx	Marks the editor as full-width and enables content sizing.
app/​globals.css	Adds stacked layout styling for block controls.
CHANGELOG.md	Documents the editor layout fix.

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

[andrebrait]

Upstream kahme247#191 merged.