diff --git a/web/pages/Assistants.tsx b/web/pages/Assistants.tsx
index f5d54fa..0f18265 100644
--- a/web/pages/Assistants.tsx
+++ b/web/pages/Assistants.tsx
@@ -1,6 +1,6 @@
 
 import React, { useState, useEffect, useRef } from 'react';
-import { Plus, Search, Play, Copy, Trash2, Edit2, Mic, MessageSquare, Save, Video, PhoneOff, Camera, ArrowLeftRight, Send, Phone, MoreHorizontal, Rocket, AlertTriangle, PhoneCall, CameraOff, Image, Images, CloudSun, Calendar, TrendingUp, Coins, Wrench, Globe, Terminal, X, ClipboardCheck, Sparkles, Volume2, Timer, ChevronDown, Link as LinkIcon, Database, Server, Zap, ExternalLink, Key, BrainCircuit, Ear, Book, Filter } from 'lucide-react';
+import { Plus, Search, Play, Copy, Trash2, Edit2, Mic, MessageSquare, Save, Video, PhoneOff, Camera, ArrowLeftRight, Send, Phone, MoreHorizontal, Rocket, AlertTriangle, PhoneCall, CameraOff, Image, Images, CloudSun, Calendar, TrendingUp, Coins, Wrench, Globe, Terminal, X, ClipboardCheck, Sparkles, Volume2, Timer, ChevronDown, ChevronLeft, ChevronRight, Link as LinkIcon, Database, Server, Zap, ExternalLink, Key, BrainCircuit, Ear, Book, Filter } from 'lucide-react';
 import { Button, Input, Card, Badge, Drawer, Dialog } from '../components/UI';
 import { ASRModel, Assistant, KnowledgeBase, LLMModel, TabValue, Voice } from '../types';
 import { createAssistant, deleteAssistant, fetchASRModels, fetchAssistantRuntimeConfig, fetchAssistants, fetchKnowledgeBases, fetchLLMModels, fetchVoices, updateAssistant as updateAssistantApi } from '../services/backendApi';
@@ -1605,28 +1605,10 @@ export const DebugDrawer: React.FC<{
           ))}
         </div>
 
-        <div className="shrink-0 mb-3 rounded-md border border-white/10 bg-black/20">
-          <button
-            className="w-full px-3 py-2 text-left text-xs text-muted-foreground hover:text-foreground flex items-center justify-between"
-            onClick={() => setResolvedConfigOpen((v) => !v)}
-          >
-            <span>Resolved Runtime Config (read-only)</span>
-            <div className="flex items-center gap-2">
-              <span className="text-[10px] uppercase tracking-wider opacity-70">
-                {resolvedConfigOpen ? 'Collapse' : 'Expand'}
-              </span>
-              <ChevronDown className={`h-3.5 w-3.5 transition-transform ${resolvedConfigOpen ? 'rotate-180' : ''}`} />
-            </div>
-          </button>
-          {resolvedConfigOpen && (
-            <pre className="px-3 pb-3 text-[11px] leading-5 text-cyan-100/90 whitespace-pre-wrap break-all max-h-52 overflow-auto">
-              {resolvedConfigView || 'Connect to load resolved config...'}
-            </pre>
-          )}
-        </div>
-
-        <div className="flex-1 overflow-hidden flex flex-col min-h-0 mb-4">
-          {mode === 'text' ? (
+        <div className="flex-1 min-h-0 flex">
+          <div className="flex-1 min-w-0 flex flex-col">
+            <div className="flex-1 overflow-hidden flex flex-col min-h-0 mb-4">
+              {mode === 'text' ? (
              textSessionStarted ? (
               <div className="flex flex-col gap-2 h-full min-h-0">
                 <div className="shrink-0 rounded-md border border-white/10 bg-white/5 p-2 flex items-center gap-2">
@@ -1668,7 +1650,7 @@ export const DebugDrawer: React.FC<{
                 </Button>
               </div>
              )
-          ) : callStatus === 'idle' ? (
+              ) : callStatus === 'idle' ? (
              <div className="flex-1 flex flex-col items-center justify-center space-y-6 border border-white/5 rounded-xl bg-black/20 animate-in fade-in zoom-in-95">
                 <div className="relative">
                     <div className="absolute inset-0 bg-primary/20 rounded-full blur-2xl animate-pulse"></div>
@@ -1732,17 +1714,41 @@ export const DebugDrawer: React.FC<{
                     <PhoneOff className="mr-2 h-4 w-4" /> 挂断通话
                 </Button>
             </div>
-          )}
-        </div>
+              )}
+            </div>
 
-        {(mode !== 'text' || textSessionStarted) && (
-          <div className="shrink-0 space-y-2">
-              <div className="flex space-x-2">
-                  <Input value={inputText} onChange={e => setInputText(e.target.value)} placeholder={mode === 'text' ? "输入消息..." : "输入文本模拟交互..."} onKeyDown={e => e.key === 'Enter' && handleSend()} disabled={isLoading || (mode === 'text' ? !textSessionStarted : callStatus !== 'active')} className="flex-1" />
-                  <Button size="icon" onClick={handleSend} disabled={isLoading || (mode === 'text' ? !textSessionStarted : callStatus !== 'active')}><Send className="h-4 w-4" /></Button>
+            {(mode !== 'text' || textSessionStarted) && (
+              <div className="shrink-0 space-y-2">
+                  <div className="flex space-x-2">
+                      <Input value={inputText} onChange={e => setInputText(e.target.value)} placeholder={mode === 'text' ? "输入消息..." : "输入文本模拟交互..."} onKeyDown={e => e.key === 'Enter' && handleSend()} disabled={isLoading || (mode === 'text' ? !textSessionStarted : callStatus !== 'active')} className="flex-1" />
+                      <Button size="icon" onClick={handleSend} disabled={isLoading || (mode === 'text' ? !textSessionStarted : callStatus !== 'active')}><Send className="h-4 w-4" /></Button>
+                  </div>
               </div>
+            )}
           </div>
-        )}
+
+          <div className="shrink-0 flex items-center px-1">
+            <button
+              className="h-10 w-7 rounded-md border border-white/10 bg-white/5 hover:bg-white/10 text-muted-foreground hover:text-foreground transition-colors flex items-center justify-center"
+              onClick={() => setResolvedConfigOpen((v) => !v)}
+              title={resolvedConfigOpen ? '收起运行时配置' : '展开运行时配置'}
+            >
+              {resolvedConfigOpen ? <ChevronRight className="h-4 w-4" /> : <ChevronLeft className="h-4 w-4" />}
+            </button>
+          </div>
+
+          <div className={`shrink-0 overflow-hidden transition-all duration-300 ease-out ${resolvedConfigOpen ? 'w-80 opacity-100 ml-2' : 'w-0 opacity-0 ml-0'}`}>
+            <div className="h-full rounded-xl border border-white/10 bg-black/20 flex flex-col">
+              <div className="px-3 py-2 border-b border-white/10 flex items-center justify-between">
+                <span className="text-xs text-muted-foreground uppercase tracking-wider">Resolved Runtime Config</span>
+                <Badge variant="outline" className="text-[10px]">read-only</Badge>
+              </div>
+              <pre className="flex-1 p-3 text-[11px] leading-5 text-cyan-100/90 whitespace-pre-wrap break-all overflow-auto">
+                {resolvedConfigView || 'Connect to load resolved config...'}
+              </pre>
+            </div>
+          </div>
+        </div>
       </div>
     </Drawer>
   );