wx44wx/AI-VideoAssistant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Polish voice debug drawer

Browse Source
This commit is contained in:
Xin Wang
2026-02-09 17:42:56 +08:00
parent 088943166c
commit 220f394f85
1 changed files with 3 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/pages/Assistants.tsx
View File

@@ -2016,22 +2016,16 @@ export const DebugDrawer: React.FC<{
<div className="flex-1 flex flex-col min-h-0 space-y-2"> <div className="flex-1 flex flex-col min-h-0 space-y-2">
{mode === 'voice' ? ( {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="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" /> <TranscriptionLog scrollRef={scrollRef} messages={messages} isLoading={isLoading} className="flex-1 min-h-0 h-full" />
</div> </div>
) : ( ) : (
<div className="flex flex-col h-full min-h-0 space-y-2 animate-in fade-in"> <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="h-3/5 shrink-0 flex flex-col gap-2">
<div className="flex gap-2 shrink-0"> <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>)} {devices.filter(d => d.kind === 'videoinput').map(d => <option key={d.deviceId} value={d.deviceId}>{d.label || 'Camera'}</option>)}
</select> </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>)} {devices.filter(d => d.kind === 'audioinput').map(d => <option key={d.deviceId} value={d.deviceId}>{d.label || 'Mic'}</option>)}
</select> </select>
</div> </div>
@@ -2052,7 +2046,7 @@ export const DebugDrawer: React.FC<{
{mode === 'voice' && ( {mode === 'voice' && (
<div className="w-full flex items-center gap-2 pb-1"> <div className="w-full flex items-center gap-2 pb-1">
<select <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} value={selectedMic}
onChange={(e) => setSelectedMic(e.target.value)} onChange={(e) => setSelectedMic(e.target.value)}
> >