fix(web): unify composer control rounding

[kototok903]

What Changed

Added rounded-[var(--control-radius)] to shared composer control class (composerControlClassName) to unify rounding on button-backed and select-backed composer controls.

Why

The button-backed Model and Traits pickers inherited the shared 8px control radius (from rounded-[var(--control-radius)] in Button), but the select-backed Runtime mode picker inherited the generic 10px radius (from rounded-lg in Select). This causes Runtime mode control look inconsistent with the rest of the UI.

Defining the explicit radius in the shared class unifies it for all composer controls.

UI Changes

Before

After

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes
• I included a video for animation/interaction changes (N/A)

---

Note

Low Risk
Cosmetic Tailwind class change on chat composer controls only; no logic or data impact.

Overview
Adds rounded-[var(--control-radius)] to the shared composerControlClassName used by ComposerControl and ComposerSelectControl, so button-backed and select-backed composer controls (e.g. Runtime mode vs Model/Traits) share the same corner radius instead of mixing Button’s control token with SelectTrigger’s rounded-lg.

^{Reviewed by Cursor Bugbot for commit 425c5ab. Bugbot is set up for automated code reviews on this repo. Configure here.}

Note

Apply --control-radius border radius to composer controls

Adds rounded-[var(--control-radius)] to composerControlClassName in ComposerControl.tsx so all composer controls use a consistent, theme-driven border radius.

^{Macroscope summarized 425c5ab.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. 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: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 65fc8d78-ed72-4e6d-a64c-46da3e5352d9

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

---

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

[macroscopeapp]

Approvability

Verdict: Approved 425c5ab

This is a purely cosmetic CSS change that adds consistent border-radius styling to the composer control using an existing CSS variable. No runtime behavior is affected.

^{You can customize Macroscope's approvability policy. Learn more.}