fix(frontend): improve playground config panel layout

[mmabrouk]

Summary

Two small fixes to how the playground left panel renders custom configs.

1. "Config" header for scalar-only configs

Before: a custom app whose schema exposes only top-level scalars (e.g. {temperature, system_prompt}) renders a header-less list of inputs, with no visual anchor at the top of the panel.

After: a static "Config" header appears whenever no top-level object section already provides one. Object sections like prompt, advanced_settings, and feedback_config keep their existing collapsible headers, so no double headers.

2. Breathing room between textarea label and box

Before: LabeledField uses gap-1 (4px) between label and control. Looks cramped when the control is a multi-line <textarea>.

After: a new optional gap prop on LabeledField (defaults to xs, unchanged for every existing caller). TextInputControl opts into gap="sm" (8px) when the field is multi-line.

Test plan

• Open a custom app with only top-level scalars: "Config" header visible at top.
• Open a standard prompt app: "Prompt" / "Advanced settings" headers unchanged, no extra "Config" above.
• Open any variant with a multi-line text field (e.g. system_prompt): 8px between label and textarea, not 4px.
• Single-line text inputs, sliders, selects: visually unchanged.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
agenta-documentation	Ready	Preview, Comment	May 28, 2026 8:36pm

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 26c1007d-2f1a-4f45-bed5-408103db6b3d

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix/playground-config-layout

---

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 and usage tips.}