From f0e0196d352ca0b6d49b33b5920eff264aeec41d Mon Sep 17 00:00:00 2001
From: xintaofei <itpkcn@gmail.com>
Date: Sun, 12 Apr 2026 14:06:04 +0800
Subject: [PATCH] fix(frontend): remove explicit primary color from input bar
 controls

Drop text-primary/80 from expert dropdown icons and text-primary from
mode/config selector trigger buttons so they inherit the default
foreground color and transition naturally with themed hover states.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/chat/message-input.tsx           | 2 +-
 src/components/chat/mode-selector.tsx           | 5 +----
 src/components/chat/session-config-selector.tsx | 8 +-------
 3 files changed, 3 insertions(+), 12 deletions(-)

diff --git a/src/components/chat/message-input.tsx b/src/components/chat/message-input.tsx
index 37d2a03..f075ae9 100644
--- a/src/components/chat/message-input.tsx
+++ b/src/components/chat/message-input.tsx
@@ -1926,7 +1926,7 @@ export function MessageInput({
                             onClick={() => handleExpertPopoverSelect(expert)}
                             className="items-start gap-2"
                           >
-                            <Icon className="mt-0.5 size-4 shrink-0 text-primary/80" />
+                            <Icon className="mt-0.5 size-4 shrink-0" />
                             <div className="min-w-0 flex-1">
                               <div className="truncate font-medium">{name}</div>
                               {description && (
diff --git a/src/components/chat/mode-selector.tsx b/src/components/chat/mode-selector.tsx
index 925d082..b3e1569 100644
--- a/src/components/chat/mode-selector.tsx
+++ b/src/components/chat/mode-selector.tsx
@@ -11,7 +11,6 @@ import {
 } from "@/components/ui/dropdown-menu"
 import { DropdownRadioItemContent } from "@/components/chat/dropdown-radio-item-content"
 import type { SessionModeInfo } from "@/lib/types"
-import { cn } from "@/lib/utils"
 
 interface ModeSelectorProps {
   modes: SessionModeInfo[]
@@ -26,15 +25,13 @@ export function ModeSelector({
 }: ModeSelectorProps) {
   const selectedMode = modes.find((m) => m.id === selectedModeId)
   const label = selectedMode?.name ?? "Mode"
-  const isActive = Boolean(selectedMode)
-
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
         <Button
           variant="ghost"
           size="xs"
-          className={cn("gap-1 min-w-0", isActive && "text-primary")}
+          className="gap-1 min-w-0"
           title={selectedMode?.description ?? selectedMode?.name}
         >
           <span className="truncate">{label}</span>
diff --git a/src/components/chat/session-config-selector.tsx b/src/components/chat/session-config-selector.tsx
index c8a9402..3156fa3 100644
--- a/src/components/chat/session-config-selector.tsx
+++ b/src/components/chat/session-config-selector.tsx
@@ -14,7 +14,6 @@ import {
 } from "@/components/ui/dropdown-menu"
 import { DropdownRadioItemContent } from "@/components/chat/dropdown-radio-item-content"
 import type { SessionConfigOptionInfo } from "@/lib/types"
-import { cn } from "@/lib/utils"
 
 interface SessionConfigSelectorProps {
   option: SessionConfigOptionInfo
@@ -31,18 +30,13 @@ export function SessionConfigSelector({
     (item) => item.value === option.kind.current_value
   )
   const label = selected?.name ?? option.kind.current_value
-  const isActive = Boolean(selected)
-
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
         <Button
           variant="outline"
           size="xs"
-          className={cn(
-            "gap-1 min-w-0 bg-transparent",
-            isActive && "text-primary"
-          )}
+          className="gap-1 min-w-0 bg-transparent"
           title={option.description ?? option.name}
         >
           <span className="truncate">{label}</span>