Update debug drawer layout

This commit is contained in:
Xin Wang
2026-02-09 11:17:14 +08:00
parent c5ff3ea261
commit f4aa432f0e

View File

@@ -1619,14 +1619,6 @@ export const DebugDrawer: React.FC<{
TTS
</label>
</div>
<div className="flex gap-2">
<Button size="sm" variant="secondary" onClick={() => ensureWsSession()} disabled={wsStatus === 'connecting'}>
Connect
</Button>
<Button size="sm" variant="ghost" onClick={closeWs}>
Disconnect
</Button>
</div>
{wsError && <p className="text-xs text-red-400">{wsError}</p>}
<div className="rounded-md border border-white/10 bg-black/30">
@@ -1670,13 +1662,6 @@ export const DebugDrawer: React.FC<{
textSessionStarted ? (
<div className="flex-1 flex flex-col min-h-0 space-y-2">
<div className="flex flex-col h-full animate-in fade-in">
<div className="h-1/3 min-h-[150px] shrink-0 border border-white/5 rounded-md bg-black/20 flex flex-col items-center justify-center text-muted-foreground space-y-4 mb-2 relative overflow-hidden">
<div className="h-24 w-24 rounded-full bg-primary/10 flex items-center justify-center animate-pulse relative z-10">
<MessageSquare className="h-10 w-10 text-primary" />
</div>
<p className="text-sm relative z-10">...</p>
</div>
<h4 className="text-xs font-medium text-muted-foreground px-1 mb-1 uppercase tracking-tight"></h4>
<TranscriptionLog />
</div>
<Button variant="destructive" size="sm" className="w-full h-10 font-bold" onClick={closeWs}>
@@ -1809,7 +1794,7 @@ export const DebugDrawer: React.FC<{
{settingsDrawerOpen ? '>>' : '<<'}
</span>
<Wrench className="h-4 w-4" />
<span className="text-[10px] tracking-widest [writing-mode:vertical-rl] rotate-180"></span>
<span className="text-[10px] tracking-widest [writing-mode:vertical-rl]"></span>
</button>
<div className="absolute inset-y-0 right-0 w-[78vw] max-w-md overflow-hidden pointer-events-none">
<div className={`h-full transition-transform duration-300 ease-out will-change-transform ${settingsDrawerOpen ? 'translate-x-0 pointer-events-auto' : 'translate-x-full pointer-events-none'}`}>