fix(web): increase contrast of question option descriptions

[xxashxx-svg]

Fixes #3701

What

Option descriptions in the question tool (pending user input panel) were rendered with text-muted-foreground/50 — the already-muted foreground token at half opacity. Over the composer's translucent bg-muted/20 surface, and especially in dark mode on macOS where a blurred desktop shows through, that lands well below comfortable reading contrast (see the issue's screenshots).

Change

One line in ComposerPendingUserInputPanel.tsx: text-muted-foreground/50 → text-muted-foreground.

Full-opacity text-muted-foreground is the design system's standard treatment for secondary/description text — it's what DialogDescription (ui/dialog.tsx) and menu group labels (ui/menu.tsx) use — so this brings the question panel in line with the rest of the app rather than inventing a new shade. The text-xs size (vs the label's text-sm font-medium) already keeps the description visually subordinate to the option label, so no hierarchy is lost.

This matches the issue reporter's own testing, where removing the heavy dimming was "a vast improvement."

Scoped deliberately to the line users complained about — the panel's other decorative uses of opacity-modified tokens (header, shortcut hints) are legible and untouched.

🤖 Generated with Claude Code

---

Note

Low Risk
Single Tailwind class change on description text only; no logic, API, or data handling impact.

Overview
Improves readability of option descriptions in the chat composer’s pending user-input (question) panel by dropping the extra opacity on secondary text.

In ComposerPendingUserInputPanel.tsx, description copy under each choice button changes from text-muted-foreground/50 to text-muted-foreground, matching how other secondary text is styled (e.g. DialogDescription). Labels stay text-sm font-medium; descriptions remain text-xs, so visual hierarchy is unchanged—only contrast on the translucent option rows is improved.

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

Note

Increase contrast of question option descriptions in ComposerPendingUserInputCard

Changes the description text class from text-muted-foreground/50 to text-muted-foreground in ComposerPendingUserInputPanel.tsx, making option descriptions more readable within choice buttons.

^{Macroscope summarized c31dfc9.}

[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

Run ID: cdaae65e-2e63-4bd7-a147-2cd5cb069bea

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

---

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

Single-line CSS class change that increases text opacity for better contrast. Purely visual styling adjustment with no runtime behavior impact.

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