Imporve text debug drawer

This commit is contained in:
Xin Wang
2026-02-09 11:48:27 +08:00
parent 91ebe26f49
commit b390ad2171

View File

@@ -1681,7 +1681,7 @@ export const DebugDrawer: React.FC<{
return ( return (
<> <>
<Drawer isOpen={isOpen} onClose={() => { handleHangup(); onClose(); }} title={`调试: ${assistant.name}`}> <Drawer isOpen={isOpen} onClose={() => { handleHangup(); onClose(); }} title={`调试: ${assistant.name}`}>
<div className="relative flex flex-col h-full"> <div className="relative flex flex-col h-full min-h-0 overflow-hidden">
<div className="flex items-center gap-2 mb-4 shrink-0"> <div className="flex items-center gap-2 mb-4 shrink-0">
<div className="flex-1 flex justify-center bg-white/5 p-1 rounded-lg"> <div className="flex-1 flex justify-center bg-white/5 p-1 rounded-lg">
{(['text', 'voice', 'video'] as const).map(m => ( {(['text', 'voice', 'video'] as const).map(m => (
@@ -1699,7 +1699,7 @@ export const DebugDrawer: React.FC<{
<div className={`flex-1 overflow-hidden flex flex-col min-h-0 ${mode === 'text' && textSessionStarted ? 'mb-0' : 'mb-4'}`}> <div className={`flex-1 overflow-hidden flex flex-col min-h-0 ${mode === 'text' && textSessionStarted ? 'mb-0' : 'mb-4'}`}>
{mode === 'text' ? ( {mode === 'text' ? (
textSessionStarted ? ( textSessionStarted ? (
<div className="flex-1 flex min-h-0 animate-in fade-in"> <div className="flex-1 flex min-h-0 overflow-hidden animate-in fade-in">
<TranscriptionLog /> <TranscriptionLog />
</div> </div>
) : wsStatus === 'connecting' ? ( ) : wsStatus === 'connecting' ? (
@@ -1801,7 +1801,7 @@ export const DebugDrawer: React.FC<{
)} )}
</div> </div>
<div className={mode === 'text' && textSessionStarted ? 'shrink-0' : 'shrink-0 space-y-2'}> <div className={mode === 'text' && textSessionStarted ? 'shrink-0 mt-2' : 'shrink-0 space-y-2 mt-2'}>
<div className="w-full flex items-center gap-2 min-w-0"> <div className="w-full flex items-center gap-2 min-w-0">
{mode === 'text' && textSessionStarted && ( {mode === 'text' && textSessionStarted && (
<Button <Button