From 220f394f854fd21072fcb41baa7ff6dae35d30e8 Mon Sep 17 00:00:00 2001
From: Xin Wang <wangx184@chinatelecom.cn>
Date: Mon, 9 Feb 2026 17:42:56 +0800
Subject: [PATCH] Polish voice debug drawer

---
 web/pages/Assistants.tsx | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/web/pages/Assistants.tsx b/web/pages/Assistants.tsx
index 1af4b2f..164f77e 100644
--- a/web/pages/Assistants.tsx
+++ b/web/pages/Assistants.tsx
@@ -2016,22 +2016,16 @@ export const DebugDrawer: React.FC<{
                 <div className="flex-1 flex flex-col min-h-0 space-y-2">
                   {mode === 'voice' ? (
                     <div className="h-[68vh] min-h-[420px] max-h-[68vh] w-full flex flex-col min-h-0 overflow-hidden animate-in fade-in">
-                      <div className="mb-2 flex items-center justify-end gap-2 shrink-0">
-                        <div className="px-2 py-1 rounded border border-white/10 bg-black/20 text-[11px] text-muted-foreground inline-flex items-center gap-1.5">
-                          <span className="h-1.5 w-1.5 rounded-full bg-green-400 animate-pulse" />
-                          通话中
-                        </div>
-                      </div>
                       <TranscriptionLog scrollRef={scrollRef} messages={messages} isLoading={isLoading} className="flex-1 min-h-0 h-full" />
                     </div>
                   ) : (
                     <div className="flex flex-col h-full min-h-0 space-y-2 animate-in fade-in">
                       <div className="h-3/5 shrink-0 flex flex-col gap-2">
                         <div className="flex gap-2 shrink-0">
-                          <select className="flex-1 text-xs bg-white/5 border border-white/10 rounded px-2 py-1 text-foreground" value={selectedCamera} onChange={e => setSelectedCamera(e.target.value)}>
+                          <select className="flex-1 text-xs rounded-md border border-white/10 bg-white/5 px-2 py-1 text-foreground appearance-none cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/50 [&>option]:bg-card [&>option]:text-foreground" value={selectedCamera} onChange={e => setSelectedCamera(e.target.value)}>
                             {devices.filter(d => d.kind === 'videoinput').map(d => <option key={d.deviceId} value={d.deviceId}>{d.label || 'Camera'}</option>)}
                           </select>
-                          <select className="flex-1 text-xs bg-white/5 border border-white/10 rounded px-2 py-1 text-foreground" value={selectedMic} onChange={e => setSelectedMic(e.target.value)}>
+                          <select className="flex-1 text-xs rounded-md border border-white/10 bg-white/5 px-2 py-1 text-foreground appearance-none cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/50 [&>option]:bg-card [&>option]:text-foreground" value={selectedMic} onChange={e => setSelectedMic(e.target.value)}>
                             {devices.filter(d => d.kind === 'audioinput').map(d => <option key={d.deviceId} value={d.deviceId}>{d.label || 'Mic'}</option>)}
                           </select>
                         </div>
@@ -2052,7 +2046,7 @@ export const DebugDrawer: React.FC<{
               {mode === 'voice' && (
                 <div className="w-full flex items-center gap-2 pb-1">
                   <select
-                    className="flex-1 text-xs bg-white/5 border border-white/10 rounded px-2 py-1 text-foreground"
+                    className="flex-1 text-xs rounded-md border border-white/10 bg-white/5 px-2 py-1 text-foreground appearance-none cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary/50 [&>option]:bg-card [&>option]:text-foreground"
                     value={selectedMic}
                     onChange={(e) => setSelectedMic(e.target.value)}
                   >