From 13789010bf03fa761c31e7a21c6c977e79866432 Mon Sep 17 00:00:00 2001
From: xxashxx-svg <xxanshxx9@gmail.com>
Date: Sat, 11 Jul 2026 01:40:54 +0530
Subject: [PATCH] fix(web): increase contrast of question option descriptions
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Option descriptions in the pending user input panel used
text-muted-foreground/50 — the already-muted token at half opacity — which
over the composer's translucent bg-muted/20 surface is very hard to read
in dark mode, especially with a blurred background behind the window.

Use full-opacity text-muted-foreground, matching how descriptions are
styled elsewhere (ui/dialog.tsx DialogDescription, menu group labels).
The text-xs size already keeps it visually secondary to the label.

Fixes #3701

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 apps/web/src/components/chat/ComposerPendingUserInputPanel.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/components/chat/ComposerPendingUserInputPanel.tsx b/apps/web/src/components/chat/ComposerPendingUserInputPanel.tsx
index d826eca0063..bd02a91b248 100644
--- a/apps/web/src/components/chat/ComposerPendingUserInputPanel.tsx
+++ b/apps/web/src/components/chat/ComposerPendingUserInputPanel.tsx
@@ -190,7 +190,7 @@ const ComposerPendingUserInputCard = memo(function ComposerPendingUserInputCard(
               <div className="min-w-0 flex-1 flex flex-col gap-0.5">
                 <span className="text-sm font-medium">{option.label}</span>
                 {option.description && option.description !== option.label ? (
-                  <span className="text-xs text-muted-foreground/50">{option.description}</span>
+                  <span className="text-xs text-muted-foreground">{option.description}</span>
                 ) : null}
               </div>
               {isSelected ? (