Update public/index.html

public/index.html

@@ -10,34 +10,27 @@
     :root{
       --bg:#edf3fb; --panel:#fff; --line:#dce5f3; --text:#1f2937; --sub:#64748b;
       --brand:#3498ff; --self:#dff6c8; --other:#fff; --code:#f6f8ff;
-      --tool:#f8fafc; --important:#a855f7;
-      --tip:#22c55e; --note:#3b82f6; --warn:#f59e0b; --err:#ef4444;
     }
     *{box-sizing:border-box}
     html,body{height:100%;margin:0;font-family:Inter,"Noto Sans SC",system-ui}
     body{background:var(--bg);color:var(--text);overflow:hidden}
-    input[type="checkbox"], input[type="radio"] { accent-color: #22c55e; }
-
     .app{height:100%;width:100vw;display:grid;grid-template-columns:300px minmax(0,1fr);transition:.2s}
     .app.debug-open{grid-template-columns:300px minmax(0,1fr) 350px}
     .panel{min-height:0;display:flex;flex-direction:column;min-width:0}
-    .left{background:var(--panel);border-right:1px solid var(--line);z-index:42}
+    .left{background:#fff;border-right:1px solid var(--line);z-index:42}
     .main{background:var(--bg);min-width:0}
     .right{background:#0f172a;color:#d9e9ff;border-left:1px solid #233754;display:none;min-width:0}
     .app.debug-open .right{display:flex}
-    .head{height:62px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line);background:#fff}
+    .head{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line);background:#fff;flex-shrink:0}
     .scroll{overflow:auto;min-height:0}
-    .muted{font-size:12px;color:var(--sub)}
+    .muted{font-size:12px;color:#64748b}
     .avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#4fa8ff,#7bc7ff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
     .btn{border:1px solid #cfdbef;background:#f7fbff;border-radius:11px;padding:8px 10px;cursor:pointer}
-    .btn:hover{background:#ecf4ff}
     .search{padding:10px;border-bottom:1px solid var(--line)}
     .search input{width:100%;padding:10px 12px;border:1px solid #c9d8ef;border-radius:12px;outline:none}
-    .search input:focus{border-color:#6fb1ff}
     .channel{display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px;cursor:pointer;margin:4px 8px}
     .channel:hover{background:#f1f6ff}
     .channel.active{background:#e7f1ff}
-
     .messages{
       padding:14px 16px;
       background-image:radial-gradient(circle at 1px 1px,rgba(70,110,170,.08) 1px,transparent 0);
@@ -55,109 +48,82 @@
       border-radius:8px; padding:6px 8px; margin-bottom:10px;
       display:none;
     }
+    #offlineBar{
+      position:absolute;top:10px;left:50%;transform:translateX(-50%);
+      z-index:30;background:#fffbeb;color:#92400e;border:1px solid #fcd34d;
+      border-radius:999px;padding:6px 12px;font-size:12px;display:none;
+    }
+    /* 关键：消息少时仍贴底 */
     #msgList{
-      margin-top:auto; /* 消息少时贴底 */
+      min-height:100%;
       display:flex;
       flex-direction:column;
+      justify-content:flex-end;
     }
 
     .row{display:flex;margin-bottom:12px;width:100%}
     .row.self{justify-content:flex-end}
-    .row.tool-center{justify-content:center}
     .bubble{
-      position:relative;
       max-width:min(680px,86%);
       border:1px solid #dce6f4;border-radius:16px;padding:10px 12px;
       box-shadow:0 1px 4px rgba(20,30,50,.08);
+      background:#fff;
       overflow:hidden;
-      background:var(--other);
-    }
-    .bubble.self{background:var(--self)}
-    .bubble.other{background:var(--other)}
-    .bubble.tool{
-      background:var(--tool);
-      border-style:dashed;
-      border-color:#94a3b8;
-      box-shadow:none;
-      max-width:min(760px,92%);
-    }
-    .bubble-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;}
+    }
+    .bubble.self{background:#dff6c8}
+    .bubble-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
     .sender{font-size:12px;color:#2563eb;font-weight:600}
-    .sender.tool{color:#475569}
-    .bubble-copy{font-size:11px; padding:3px 8px; border-radius:8px;border:1px solid #d6e2f2;background:#fff;cursor:pointer;flex-shrink:0;}
+    .bubble-copy{font-size:11px;padding:3px 8px;border-radius:8px;border:1px solid #d6e2f2;background:#fff;cursor:pointer}
     .meta{font-size:11px;color:#6b7280;text-align:right;margin-top:6px}
 
-    .composer{background:#fff;border-top:1px solid var(--line);padding:10px;flex-shrink:0;position:relative}
+    .composer{background:#fff;border-top:1px solid var(--line);padding:10px;flex-shrink:0}
     .mode-row{display:flex;gap:8px;margin-bottom:8px}
     .mode-btn{border:1px solid #cfdbef;background:#f7fbff;padding:6px 10px;border-radius:10px;cursor:pointer}
     .mode-btn.active{background:#e6f1ff;border-color:#8cb5f4}
     .input-row{display:flex;align-items:flex-end;gap:8px;position:relative}
-    .send{width:44px;height:44px;border:none;border-radius:12px;background:var(--brand);color:#fff;cursor:pointer}
+    .send{width:44px;height:44px;border:none;border-radius:12px;background:#3498ff;color:#fff;cursor:pointer}
     textarea{width:100%;min-height:42px;max-height:240px;resize:vertical;border:1px solid #c8d8ef;border-radius:14px;padding:10px 12px;outline:none}
-    textarea:focus{border-color:#66aafc;box-shadow:0 0 0 3px rgba(102,170,252,.2)}
     .preview{font-size:12px;margin-bottom:8px}
     .chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;border:1px solid #bfd6ff;background:#ecf5ff;color:#1e3a8a;margin:2px}
     .hold{width:100%;padding:12px;border-radius:12px;border:1px dashed #7aa9f7;background:#f0f7ff;cursor:pointer}
 
-    #cmdSuggest{
-      position:absolute;left:54px;right:54px;bottom:58px;z-index:25;
-      background:#fff;border:1px solid #d5e2f3;border-radius:12px;
-      box-shadow:0 8px 24px rgba(15,23,42,.12);display:none;max-height:200px;overflow:auto;
-    }
-    .cmd-item{padding:8px 10px;cursor:pointer;border-bottom:1px solid #edf2fb}
-    .cmd-item:last-child{border-bottom:none}
-    .cmd-item:hover,.cmd-item.active{background:#eef5ff}
-    .cmd-name{font-family:ui-monospace,Consolas,monospace;color:#1d4ed8;font-size:12px}
-    .cmd-desc{font-size:11px;color:#64748b;margin-top:2px}
-
     .md{font-size:14px;line-height:1.65;word-break:break-word}
     .md p{margin:.35em 0}
-    .md img{max-width:min(420px,100%);height:auto;border-radius:12px;border:1px solid #d6e2f2;cursor:zoom-in;display:block;margin:8px 0;box-shadow:0 2px 8px rgba(15,23,42,.06)}
+    .md img{max-width:min(420px,100%);height:auto;border-radius:12px;border:1px solid #d6e2f2;cursor:zoom-in;display:block;margin:8px 0}
     .md pre{margin:.5em 0}
     .md a{color:#2563eb;text-decoration:underline}
-    .md ul,.md ol{padding-left:20px;margin:.35em 0}
-    .md li{margin:.22em 0}
-    .md code:not(.katex *){
-      background:#eaf0ff;border:1px solid #d2ddff;padding:1px 6px;border-radius:6px;
-    }
 
-    .render-card{
-      border:1px solid #d8e3f5;border-radius:12px;background:#f8fbff;
-      margin:.45em 0;overflow:hidden;
-    }
-    .render-head{
-      display:flex;align-items:center;justify-content:space-between;
-      gap:8px;padding:8px 10px;background:#edf4ff;border-bottom:1px solid #d8e4fb;font-size:12px;
-    }
-    .render-actions button{
-      border:1px solid #c7d8f7;background:#fff;border-radius:7px;padding:3px 7px;cursor:pointer;margin-left:6px;
-      font-size:12px;
-    }
-    .render-body{padding:10px;min-height:48px;overflow:auto}
+    .render-card{border:1px solid #d8e3f5;border-radius:12px;background:#f8fbff;margin:.45em 0;overflow:hidden}
+    .render-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#edf4ff;border-bottom:1px solid #d8e4fb;font-size:12px}
+    .render-actions button{border:1px solid #c7d8f7;background:#fff;border-radius:7px;padding:3px 7px;cursor:pointer;margin-left:6px}
+    .render-body{padding:10px;overflow:auto;min-height:42px}
+    .render-svg-wrap svg{max-width:100%;height:auto}
     .render-placeholder{font-size:12px;color:#64748b}
     .render-error{font-size:12px;color:#b91c1c;white-space:pre-wrap}
-    .render-svg-wrap svg{max-width:100%;height:auto}
+
     .wx-audio{display:inline-flex;align-items:center;gap:8px;background:#e7f1ff;border:1px solid #b8d2ff;border-radius:999px;padding:7px 12px;cursor:pointer}
     .wx-audio.playing{background:#d7eaff}
-    .tool-chip{margin-top:8px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:9px 10px;font-size:12px;color:#334155;display:flex;align-items:center;justify-content:space-between;gap:8px;}
 
-    #offlineBar{
-      position:absolute;top:10px;left:50%;transform:translateX(-50%);
-      z-index:35;background:#fffbeb;color:#92400e;border:1px solid #fcd34d;
-      border-radius:999px;padding:6px 12px;font-size:12px;display:none;
+    #cmdSuggest{
+      position:absolute;left:54px;right:54px;bottom:58px;z-index:25;
+      background:#fff;border:1px solid #d5e2f3;border-radius:12px;
+      box-shadow:0 8px 24px rgba(15,23,42,.12);display:none;max-height:220px;overflow:auto;
     }
+    .cmd-item{padding:8px 10px;cursor:pointer;border-bottom:1px solid #edf2fb}
+    .cmd-item:last-child{border-bottom:none}
+    .cmd-item:hover,.cmd-item.active{background:#eef5ff}
+    .cmd-name{font-family:ui-monospace,Consolas,monospace;color:#1d4ed8;font-size:12px}
+    .cmd-desc{font-size:11px;color:#64748b;margin-top:2px}
 
     .mobile-only{display:none}
-    #mobileMask{
-      position:fixed;inset:0;background:rgba(0,0,0,.28);z-index:41;display:none;
-    }
+    #mobileMask{position:fixed;inset:0;background:rgba(0,0,0,.28);z-index:41;display:none}
     #mobileMask.show{display:block}
 
-    @media (max-width: 960px){
+    @media (max-width:960px){
       .app,.app.debug-open{grid-template-columns:1fr;width:100vw}
       .left{
         position:fixed;left:0;top:0;bottom:0;width:86vw;max-width:340px;
-        z-index:42;transform:translateX(-100%);transition:.2s;border-right:1px solid #d8e4f3;
+        transform:translateX(-100%);transition:.2s;z-index:42;border-right:1px solid #d8e4f3;
       }
       .left.show{transform:translateX(0)}
       .right{
@@ -168,7 +134,7 @@
       .mobile-only{display:inline-block}
       .bubble{max-width:96%}
       .head{padding:0 8px}
-      .messages{padding:10px 10px 8px}
+      .messages{padding:10px}
       #cmdSuggest{left:48px;right:48px;bottom:56px}
     }
 
@@ -177,7 +143,7 @@
     .modal-card{width:min(92vw,860px);max-height:88vh;background:#fff;border-radius:14px;padding:14px;overflow:auto}
     .field{margin-bottom:10px}
     .field label{display:block;font-size:12px;color:#64748b;margin-bottom:5px}
-    .field input,.field textarea,.field select{width:100%;padding:9px 10px;border:1px solid #cbd8ed;border-radius:10px}
+    .field input,.field textarea{width:100%;padding:9px 10px;border:1px solid #cbd8ed;border-radius:10px}
     .field textarea{min-height:92px;font-family:ui-monospace,Consolas,monospace;font-size:12px}
     .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
     .modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
@@ -185,27 +151,18 @@
     #mediaTop{position:absolute;top:16px;right:24px;display:flex;gap:10px}
     #mediaTop button{border:none;border-radius:10px;padding:9px 11px;cursor:pointer}
     #mediaContent img,#mediaContent video{max-width:90vw;max-height:84vh;border-radius:12px}
-
     #toolDetail{
-      position:fixed; top:0; right:-560px; width:min(560px,95vw); height:100vh;
-      background:#fff; z-index:70; box-shadow:-8px 0 24px rgba(15,23,42,.15);
-      transition:.22s; border-left:1px solid #dbe5f3; display:flex; flex-direction:column;
+      position:fixed;top:0;right:-560px;width:min(560px,95vw);height:100vh;background:#fff;z-index:70;
+      box-shadow:-8px 0 24px rgba(15,23,42,.15);transition:.22s;border-left:1px solid #dbe5f3;display:flex;flex-direction:column;
     }
     #toolDetail.show{right:0}
-    #toolDetailHead{
-      height:56px; border-bottom:1px solid #e2e8f0; display:flex; align-items:center; justify-content:space-between;
-      padding:0 12px; flex-shrink:0; font-weight:600;
-    }
-    #toolDetailBody{flex:1; overflow:auto; padding:10px;}
-    #toolDetailBody pre{
-      margin:0; white-space:pre-wrap; word-break:break-word;
-      background:#f8fafc; border:1px solid #e2e8f0; border-radius:10px; padding:10px; font-size:12px;
-    }
-
+    #toolDetailHead{height:56px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-weight:600}
+    #toolDetailBody{flex:1;overflow:auto;padding:10px}
+    #toolDetailBody pre{margin:0;white-space:pre-wrap;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px;font-size:12px}
     #toast{
       position:fixed;left:50%;bottom:24px;transform:translateX(-50%);
-      background:rgba(15,23,42,.92);color:#fff;padding:8px 12px;border-radius:10px;
-      font-size:12px;z-index:999;opacity:0;pointer-events:none;transition:.18s;
+      background:rgba(15,23,42,.92);color:#fff;padding:8px 12px;border-radius:10px;font-size:12px;
+      z-index:999;opacity:0;pointer-events:none;transition:.18s;
     }
     #toast.show{opacity:1}
   </style>
@@ -232,7 +189,10 @@
         <div style="display:flex;align-items:center;gap:10px;min-width:0">
           <button id="btnOpenLeft" class="btn mobile-only">☰</button>
           <div id="headAvatar" class="avatar">C</div>
-          <div style="min-width:0"><div id="headName" style="font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">请选择频道</div><div class="muted">OpenClaw Socket 历史流</div></div>
+          <div style="min-width:0">
+            <div id="headName" style="font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">请选择频道</div>
+            <div class="muted">OpenClaw Socket 历史流</div>
+          </div>
         </div>
         <div style="display:flex;gap:8px;flex-shrink:0">
           <button id="btnSettings" class="btn">设置</button>
@@ -255,13 +215,13 @@
         <div id="textMode">
           <div class="input-row">
             <label class="btn">📎<input id="fileInput" type="file" multiple accept="image/*,video/*,audio/*" style="display:none"></label>
-            <textarea id="input" rows="1" placeholder="输入消息（支持Markdown/公式/mermaid/echarts/vega/graphviz/plantuml）"></textarea>
+            <textarea id="input" rows="1" placeholder="输入消息（支持 Markdown/KaTeX/mermaid/echarts/vega/graphviz/plantuml）"></textarea>
             <button id="sendBtn" class="send">➤</button>
             <div id="cmdSuggest"></div>
           </div>
         </div>
         <div id="voiceMode" style="display:none">
-          <button id="holdBtn" class="hold">按住说话，松开发送（仅语音，不自动转写）</button>
+          <button id="holdBtn" class="hold">按住说话，松开发送（纯语音）</button>
         </div>
       </div>
     </main>
@@ -279,11 +239,11 @@
     <div class="modal-card">
       <h3 style="margin-top:0">设置</h3>
       <div class="grid-2">
-        <div class="field"><label>网关地址（可连其他服务）</label><input id="setApiBase" placeholder="例如：https://xxx.com" /></div>
-        <div class="field"><label>连接密码（CONNECT_PASSWORD）</label><input id="setPassword" /></div>
+        <div class="field"><label>网关地址</label><input id="setApiBase" /></div>
+        <div class="field"><label>连接密码</label><input id="setPassword" /></div>
       </div>
       <div class="grid-2">
-        <div class="field"><label>机器人用户名（botUsername）</label><input id="setBotUsername" /></div>
+        <div class="field"><label>机器人用户名</label><input id="setBotUsername" /></div>
         <div class="field"><label>SSE拉流间隔（ms）</label><input id="setStreamInterval" type="number" min="800" step="100" /></div>
       </div>
       <div class="field"><label>默认消息条数（limit）</label><input id="setMessageLimit" type="number" min="20" step="10" /></div>
@@ -325,19 +285,74 @@
   <div id="toast"></div>
 
   <script>
-    const appEl = document.getElementById('app');
-
-    const DEFAULT_COMMANDS = [
-      { cmd:'/help', desc:'查看帮助' },
+    const MANDATORY_CMDS = [
       { cmd:'/new', desc:'新会话' },
       { cmd:'/reset', desc:'重置上下文' },
+      { cmd:'/status', desc:'查看状态' }
+    ];
+    const BASE_CMDS = [
+      { cmd:'/help', desc:'查看帮助' },
+      ...MANDATORY_CMDS,
       { cmd:'/clear', desc:'清空会话' },
-      { cmd:'/history', desc:'查看历史信息' },
-      { cmd:'/status', desc:'查看状态' },
-      { cmd:'/model', desc:'切换模型（如果服务端支持）' },
-      { cmd:'/tools', desc:'查看可用工具' }
+      { cmd:'/history', desc:'查看历史' },
+      { cmd:'/model', desc:'切换模型（服务端支持时）' },
+      { cmd:'/tools', desc:'查看工具' }
     ];
 
+    const D = {
+      app: document.getElementById('app'),
+      leftPanel: document.getElementById('leftPanel'),
+      rightPanel: document.getElementById('rightPanel'),
+      messages: document.getElementById('messages'),
+      msgList: document.getElementById('msgList'),
+      topLoader: document.getElementById('topLoader'),
+      offlineBar: document.getElementById('offlineBar'),
+      channelList: document.getElementById('channelList'),
+      channelCount: document.getElementById('channelCount'),
+      searchInput: document.getElementById('searchInput'),
+      headName: document.getElementById('headName'),
+      headAvatar: document.getElementById('headAvatar'),
+      input: document.getElementById('input'),
+      fileInput: document.getElementById('fileInput'),
+      preview: document.getElementById('preview'),
+      logs: document.getElementById('logs'),
+      toast: document.getElementById('toast'),
+      modeText: document.getElementById('modeText'),
+      modeVoice: document.getElementById('modeVoice'),
+      textMode: document.getElementById('textMode'),
+      voiceMode: document.getElementById('voiceMode'),
+      holdBtn: document.getElementById('holdBtn'),
+      settingsModal: document.getElementById('settingsModal'),
+      mediaModal: document.getElementById('mediaModal'),
+      mediaContent: document.getElementById('mediaContent'),
+      mediaDownload: document.getElementById('mediaDownload'),
+      toolDetail: document.getElementById('toolDetail'),
+      toolDetailTitle: document.getElementById('toolDetailTitle'),
+      toolDetailBody: document.getElementById('toolDetailBody'),
+      cmdSuggest: document.getElementById('cmdSuggest'),
+      mobileMask: document.getElementById('mobileMask'),
+
+      btnOpenLeft: document.getElementById('btnOpenLeft'),
+      btnCloseLeft: document.getElementById('btnCloseLeft'),
+      btnSettings: document.getElementById('btnSettings'),
+      btnLogs: document.getElementById('btnLogs'),
+      btnCloseLogs: document.getElementById('btnCloseLogs'),
+      sendBtn: document.getElementById('sendBtn'),
+      setCancel: document.getElementById('setCancel'),
+      setSave: document.getElementById('setSave'),
+      mediaClose: document.getElementById('mediaClose'),
+      toolDetailClose: document.getElementById('toolDetailClose'),
+
+      setApiBase: document.getElementById('setApiBase'),
+      setPassword: document.getElementById('setPassword'),
+      setBotUsername: document.getElementById('setBotUsername'),
+      setStreamInterval: document.getElementById('setStreamInterval'),
+      setMessageLimit: document.getElementById('setMessageLimit'),
+      setDebug: document.getElementById('setDebug'),
+      setUnsafe: document.getElementById('setUnsafe'),
+      setUiProfile: document.getElementById('setUiProfile')
+    };
+
     const S = {
       cfg: { runtimeConfig: { botUsername: 'openman', streamInterval: 1500, defaultMessageLimit: 120, uiProfile: {} } },
       settings: {
@@ -353,79 +368,52 @@
       current: null,
       files: [],
       es: null,
-      msgStore: new Map(), // cid -> { ids:Set,lastId,loadedLimit,loadingMore,hasMore,scrollTop,reconnectTry }
+      msgStore: new Map(),
       rec: null,
       recording: false,
       chunks: [],
       activeAudio: null,
       seenServerLogs: new Set(),
-      commandList: DEFAULT_COMMANDS,
+      cmdList: [...BASE_CMDS],
       cmdActive: -1,
+      _cmdCurrentList: [],
       pluginObserver: null,
-      chartInstances: new Map(), // domId -> instance
+      chartInstances: new Map(),
+      streamToken: 0,
       offline: !navigator.onLine
     };
 
-    const E = {
-      left: leftPanel, right: rightPanel, messages, topLoader: document.getElementById('topLoader'),
-      msgList: document.getElementById('msgList'),
-      channelList, channelCount, searchInput,
-      headName, headAvatar, input, fileInput, preview, logs, toast: document.getElementById('toast'),
-      modeText, modeVoice, textMode, voiceMode, holdBtn,
-      settingsModal, mediaModal, mediaContent, mediaDownload,
-      toolDetail: document.getElementById('toolDetail'),
-      toolDetailTitle: document.getElementById('toolDetailTitle'),
-      toolDetailBody: document.getElementById('toolDetailBody'),
-      cmdSuggest: document.getElementById('cmdSuggest'),
-      mobileMask: document.getElementById('mobileMask'),
-      offlineBar: document.getElementById('offlineBar')
-    };
-
-    function apiBaseTrim() {
-      const b = (S.settings.apiBase || '').trim();
-      return b ? b.replace(/\/+$/, '') : '';
-    }
-    function apiUrl(path) {
-      const base = apiBaseTrim();
-      return base ? `${base}${path}` : path;
-    }
+    function apiBaseTrim(){ const b=(S.settings.apiBase||'').trim(); return b ? b.replace(/\/+$/,'') : ''; }
+    function apiUrl(path){ const base = apiBaseTrim(); return base ? `${base}${path}` : path; }
     function scrollKey(cid){ return `scroll_${cid}`; }
     function draftKey(cid){ return `draft_${cid}`; }
     function cacheKey(cid){ return `cache_msgs_${cid}`; }
 
     function toast(msg){
-      E.toast.textContent = msg;
-      E.toast.classList.add('show');
-      clearTimeout(E.toast._t);
-      E.toast._t = setTimeout(()=>E.toast.classList.remove('show'), 1400);
-    }
-
-    function log(type, msg){
-      if(type === 'info' && S.settings.debugLogs !== 'true') return;
-      const t = new Date().toLocaleTimeString('zh-CN',{hour12:false});
-      const p = type === 'error' ? '❌' : type === 'warn' ? '⚠️' : '📌';
-      const line = `[${t}] ${p} ${msg}`;
-      (type === 'error' ? console.error : console.log)(line);
-      E.logs.textContent += line + '\n';
-      E.logs.scrollTop = E.logs.scrollHeight;
-    }
-
-    async function apiFetch(path, opt={}){
+      D.toast.textContent = msg;
+      D.toast.classList.add('show');
+      clearTimeout(D.toast._t);
+      D.toast._t = setTimeout(()=>D.toast.classList.remove('show'), 1300);
+    }
+    function log(type,msg){
+      if(type==='info' && S.settings.debugLogs!=='true') return;
+      const t=new Date().toLocaleTimeString('zh-CN',{hour12:false});
+      const p=type==='error'?'❌':type==='warn'?'⚠️':'📌';
+      const line=`[${t}] ${p} ${msg}`;
+      (type==='error'?console.error:console.log)(line);
+      D.logs.textContent += line + '\n';
+      D.logs.scrollTop = D.logs.scrollHeight;
+    }
+
+    async function apiFetch(path,opt={}){
       const headers = new Headers(opt.headers || {});
       if(S.settings.connectPassword) headers.set('x-connect-password', S.settings.connectPassword);
-
-      const controller = new AbortController();
-      const t = setTimeout(()=>controller.abort(), opt.timeout || 20000);
-      try{
-        const rsp = await fetch(apiUrl(path), { ...opt, headers, signal: controller.signal });
-        if(rsp.status === 401) throw new Error('连接密码错误或未提供');
-        return rsp;
-      } finally {
-        clearTimeout(t);
-      }
+      const rsp = await fetch(apiUrl(path), { ...opt, headers });
+      if(rsp.status===401) throw new Error('连接密码错误或未提供');
+      return rsp;
     }
 
-    function escapeHtml(s=''){return String(s).replace(/[&<>"']/g,m=>({ '&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;' }[m]))}
+    function escapeHtml(s=''){ return String(s).replace(/[&<>"']/g,m=>({ '&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;' }[m])); }
     function extType(url=''){
       const u = String(url).toLowerCase();
       if(u.endsWith('#audio') || /[?&]type=audio/.test(u)) return 'audio';
@@ -437,50 +425,48 @@
 
     function ensureStore(cid){
       if(!S.msgStore.has(cid)) S.msgStore.set(cid,{
-        ids:new Set(), lastId:null,
-        loadedLimit:50, loadingMore:false, hasMore:true, scrollTop:0, reconnectTry:0
+        ids:new Set(), lastId:null, loadedLimit:50, loadingMore:false, hasMore:true, scrollTop:0, reconnectTry:0
       });
       return S.msgStore.get(cid);
     }
     function nearBottom(el,th=120){ return el.scrollHeight - el.scrollTop - el.clientHeight < th; }
+
     function saveCurrentScroll(){
       if(!S.current) return;
       const cid = S.current.id;
       const st = ensureStore(cid);
-      st.scrollTop = E.messages.scrollTop;
+      st.scrollTop = D.messages.scrollTop;
       localStorage.setItem(scrollKey(cid), String(st.scrollTop));
-      localStorage.setItem(draftKey(cid), E.input.value || '');
+      localStorage.setItem(draftKey(cid), D.input.value || '');
     }
     function restoreChannelScroll(cid){
       const st = ensureStore(cid);
       const v = localStorage.getItem(scrollKey(cid));
       let t = Number(v || st.scrollTop || 0);
       if(!Number.isFinite(t) || t < 0) t = 0;
-      E.messages.scrollTop = t;
+      D.messages.scrollTop = t;
     }
     function restoreDraft(cid){
-      E.input.value = localStorage.getItem(draftKey(cid)) || '';
+      D.input.value = localStorage.getItem(draftKey(cid)) || '';
       autoGrow();
+      refreshCmdSuggest();
     }
 
     function formatTimeFromMessage(m){
-      const candidates = [m.timestamp, m.created_at, m.updated_at];
-      let d = null;
+      const candidates=[m.timestamp,m.created_at,m.updated_at];
+      let d=null;
       for(const c of candidates){
-        if(c == null) continue;
-        if(typeof c === 'number' || /^\d+$/.test(String(c))){
-          let n = Number(c);
-          if(n < 1e11) n = n * 1000;
-          const t = new Date(n);
-          if(!isNaN(t.getTime())) { d = t; break; }
+        if(c==null) continue;
+        if(typeof c==='number' || /^\d+$/.test(String(c))){
+          let n=Number(c); if(n<1e11) n*=1000;
+          const t=new Date(n); if(!isNaN(t.getTime())){d=t;break;}
         }else{
-          const t = new Date(c);
-          if(!isNaN(t.getTime())) { d = t; break; }
+          const t=new Date(c); if(!isNaN(t.getTime())){d=t;break;}
         }
       }
-      if(!d) d = new Date();
-      const pad = x => String(x).padStart(2,'0');
-      return `${d.getFullYear()}.${pad(d.getMonth()+1)}.${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
+      if(!d) d=new Date();
+      const p=x=>String(x).padStart(2,'0');
+      return `${d.getFullYear()}.${p(d.getMonth()+1)}.${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}`;
     }
 
     function loadScriptAny(urls){
@@ -491,7 +477,7 @@
           const s=document.createElement('script');
           s.src=urls[i++]; s.async=true;
           s.onload=()=>resolve();
-          s.onerror=()=>{ s.remove(); next(); };
+          s.onerror=()=>{s.remove();next();};
           document.head.appendChild(s);
         };
         next();
@@ -505,7 +491,7 @@
           const l=document.createElement('link');
           l.rel='stylesheet'; l.href=urls[i++];
           l.onload=()=>resolve();
-          l.onerror=()=>{ l.remove(); next(); };
+          l.onerror=()=>{l.remove();next();};
           document.head.appendChild(l);
         };
         next();
@@ -522,10 +508,6 @@
           'https://cdn.jsdelivr.net/npm/dompurify@3.1.6/dist/purify.min.js',
           'https://unpkg.com/dompurify@3.1.6/dist/purify.min.js'
         ]),
-        window.mermaid ? Promise.resolve() : loadScriptAny([
-          'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js',
-          'https://unpkg.com/mermaid@10/dist/mermaid.min.js'
-        ]),
         loadCssAny([
           'https://cdn.jsdelivr.net/npm/katex@0.16.10/dist/katex.min.css',
           'https://unpkg.com/katex@0.16.10/dist/katex.min.css'
@@ -534,24 +516,18 @@
           'https://cdn.jsdelivr.net/npm/katex@0.16.10/dist/katex.min.js',
           'https://unpkg.com/katex@0.16.10/dist/katex.min.js'
         ]),
-        window.renderMathInElement ? Promise.resolve() : loadScriptAny([
-          'https://cdn.jsdelivr.net/npm/katex@0.16.10/dist/contrib/auto-render.min.js',
-          'https://unpkg.com/katex@0.16.10/dist/contrib/auto-render.min.js'
+        window.mermaid ? Promise.resolve() : loadScriptAny([
+          'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js'
         ]),
         window.echarts ? Promise.resolve() : loadScriptAny([
-          'https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js',
-          'https://unpkg.com/echarts@5/dist/echarts.min.js'
+          'https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js'
         ]),
         (window.vega && window.vegaLite && window.vegaEmbed) ? Promise.resolve() : loadScriptAny([
           'https://cdn.jsdelivr.net/npm/vega@5/build/vega.min.js'
-        ]).then(()=>loadScriptAny([
-          'https://cdn.jsdelivr.net/npm/vega-lite@5/build/vega-lite.min.js'
-        ])).then(()=>loadScriptAny([
-          'https://cdn.jsdelivr.net/npm/vega-embed@6/build/vega-embed.min.js'
-        ])),
+        ]).then(()=>loadScriptAny(['https://cdn.jsdelivr.net/npm/vega-lite@5/build/vega-lite.min.js']))
+          .then(()=>loadScriptAny(['https://cdn.jsdelivr.net/npm/vega-embed@6/build/vega-embed.min.js'])),
         window.Viz ? Promise.resolve() : loadScriptAny([
-          'https://cdn.jsdelivr.net/npm/viz.js@2.1.2/viz.js',
-          'https://unpkg.com/viz.js@2.1.2/viz.js'
+          'https://cdn.jsdelivr.net/npm/viz.js@2.1.2/viz.js'
         ]),
         window.flowchart ? Promise.resolve() : loadScriptAny([
           'https://cdn.jsdelivr.net/npm/flowchart.js@1.18.0/release/flowchart.min.js'
@@ -560,48 +536,62 @@
       if(window.mermaid) mermaid.initialize({startOnLoad:false,securityLevel:'strict',theme:'default'});
     }
 
-    function protectMath(md=''){
+    // ---- KaTeX 强制渲染（修复 $...$ / $$...$$）----
+    function renderMathTokens(md=''){
       const tokens = [];
-      let i = 0;
-      let txt = String(md);
-
-      // block $$...$$
-      txt = txt.replace(/\$\$([\s\S]+?)\$\$/g, (m)=>{
-        const k = `@@MATH_BLOCK_${i++}@@`;
-        tokens.push({k,v:m});
+      let idx = 0;
+      let text = String(md);
+
+      // code block 先保护
+      const codeBlocks = [];
+      text = text.replace(/```[\s\S]*?```/g, (m)=>{
+        const k = `@@CODEBLOCK_${codeBlocks.length}@@`;
+        codeBlocks.push(m);
         return k;
       });
 
-      // inline $...$
-      txt = txt.replace(/(^|[^\\])\$([^\n$]+?)\$/g, (m,p1,p2)=>{
-        const k = `@@MATH_INLINE_${i++}@@`;
-        tokens.push({k,v:`$${p2}$`});
-        return `${p1}${k}`;
+      // block math
+      text = text.replace(/\$\$([\s\S]+?)\$\$/g, (_,expr)=>{
+        const key = `@@MATH_${idx++}@@`;
+        let html = `$$${expr}$$`;
+        if(window.katex){
+          try{ html = katex.renderToString(expr, {displayMode:true, throwOnError:false}); }catch{}
+        }
+        tokens.push({key, html});
+        return key;
       });
 
-      return { txt, tokens };
-    }
-    function restoreMath(html, tokens){
-      let out = html;
-      for(const t of tokens){
-        out = out.split(t.k).join(t.v);
-      }
-      return out;
+      // inline math
+      text = text.replace(/(^|[^\\])\$([^\n$]+?)\$/g, (m,pfx,expr)=>{
+        const key = `@@MATH_${idx++}@@`;
+        let html = `$${expr}$`;
+        if(window.katex){
+          try{ html = katex.renderToString(expr, {displayMode:false, throwOnError:false}); }catch{}
+        }
+        tokens.push({key, html});
+        return `${pfx}${key}`;
+      });
+
+      // 还原 code block
+      text = text.replace(/@@CODEBLOCK_(\d+)@@/g, (_,i)=>codeBlocks[Number(i)] || '');
+
+      return { text, tokens };
     }
 
     function markdownToHtml(md=''){
       if(window.marked){
-        marked.setOptions({ gfm:true, breaks:true, mangle:false, headerIds:false });
+        marked.setOptions({gfm:true,breaks:true,mangle:false,headerIds:false});
         return marked.parse(md);
       }
       return escapeHtml(md).replace(/\n/g,'<br>');
     }
 
     function renderMd(raw=''){
-      const p = protectMath(raw);
-      let html = markdownToHtml(p.txt);
-      html = restoreMath(html, p.tokens);
-
+      const p = renderMathTokens(raw);
+      let html = markdownToHtml(p.text);
+      for(const t of p.tokens){
+        html = html.split(t.key).join(t.html);
+      }
       if(window.DOMPurify){
         html = DOMPurify.sanitize(html,{
           USE_PROFILES:{html:true},
@@ -612,41 +602,6 @@
       return html;
     }
 
-    async function renderMathIn(root){
-      // 优先 KaTeX 自动渲染
-      if(window.renderMathInElement){
-        try{
-          renderMathInElement(root, {
-            delimiters: [
-              {left: "$$", right: "$$", display: true},
-              {left: "$", right: "$", display: false},
-              {left: "\\(", right: "\\)", display: false},
-              {left: "\\[", right: "\\]", display: true}
-            ],
-            throwOnError: false,
-            ignoredTags: ["script", "noscript", "style", "textarea", "pre", "code"]
-          });
-          return;
-        }catch(e){
-          log('warn','KaTeX渲染失败: '+e.message);
-        }
-      }
-    }
-
-    function openToolDetail(title, obj){
-      E.toolDetailTitle.textContent = title;
-      let pretty = '';
-      try { pretty = JSON.stringify(obj, null, 2); } catch { pretty = String(obj); }
-      E.toolDetailBody.innerHTML = `<pre>${escapeHtml(pretty)}</pre>`;
-      E.toolDetail.classList.add('show');
-    }
-
-    function buildCopyText(m){
-      const t = msgText(m);
-      const files = (m?.data?.files || []).map(x=>x.url || x?.file?.url).filter(Boolean);
-      return [t, files.length?('\n'+files.join('\n')):''].join('\n').trim();
-    }
-
     function msgText(m){
       if(typeof m.content==='string') return m.content;
       if(Array.isArray(m.content)) return m.content.map(x=>x?.text||'').join('\n');
@@ -655,27 +610,25 @@
     }
 
     function isSelf(m){
-      if (m.role === 'toolResult') return false;
-      const botName = (S.settings.botUsername || S.cfg?.runtimeConfig?.botUsername || 'openman').toLowerCase();
-      const n = (m?.user?.name || '').toLowerCase();
-      if(m.role === 'user') return true;
-      if(m.role === 'assistant') return false;
-      if(n && n !== botName) return true;
-      return false;
+      const bot=(S.settings.botUsername||S.cfg?.runtimeConfig?.botUsername||'openman').toLowerCase();
+      const n=(m?.user?.name||'').toLowerCase();
+      if(m.role==='user') return true;
+      if(m.role==='assistant') return false;
+      return !!(n && n!==bot);
     }
 
     function openMedia(url,type){
-      E.mediaContent.innerHTML = type==='image'
+      D.mediaContent.innerHTML = type==='image'
         ? `<img src="${escapeHtml(url)}">`
         : `<video src="${escapeHtml(url)}" controls autoplay></video>`;
-      E.mediaDownload.href = url;
-      E.mediaModal.classList.add('show');
+      D.mediaDownload.href = url;
+      D.mediaModal.classList.add('show');
     }
 
     function toggleWxAudio(wx,audio){
       if(S.activeAudio && S.activeAudio!==audio) S.activeAudio.pause();
-      if(audio.paused){ audio.play(); wx.classList.add('playing'); S.activeAudio=audio; }
-      else { audio.pause(); wx.classList.remove('playing'); }
+      if(audio.paused){audio.play();wx.classList.add('playing');S.activeAudio=audio;}
+      else{audio.pause();wx.classList.remove('playing');}
       audio.onended=()=>wx.classList.remove('playing');
       audio.onpause=()=>wx.classList.remove('playing');
       audio.onplay=()=>wx.classList.add('playing');
@@ -690,139 +643,89 @@
       const blob = new Blob([svgData], {type:'image/svg+xml;charset=utf-8'});
       const url = URL.createObjectURL(blob);
       const img = new Image();
-      await new Promise((resolve,reject)=>{
-        img.onload=resolve; img.onerror=reject; img.src=url;
-      });
+      await new Promise((resolve,reject)=>{ img.onload=resolve; img.onerror=reject; img.src=url; });
       const c = document.createElement('canvas');
-      c.width = img.width || 1000;
-      c.height = img.height || 600;
+      c.width = img.width || 1000; c.height = img.height || 600;
       const ctx = c.getContext('2d');
-      ctx.fillStyle = '#fff';
-      ctx.fillRect(0,0,c.width,c.height);
-      ctx.drawImage(img,0,0);
+      ctx.fillStyle = '#fff'; ctx.fillRect(0,0,c.width,c.height); ctx.drawImage(img,0,0);
       URL.revokeObjectURL(url);
       c.toBlob((b)=>{
-        const a = document.createElement('a');
-        a.href = URL.createObjectURL(b);
-        a.download = filename;
-        a.click();
+        const a=document.createElement('a');
+        a.href=URL.createObjectURL(b); a.download=filename; a.click();
         setTimeout(()=>URL.revokeObjectURL(a.href),1200);
       }, 'image/png');
     }
 
     const Renderers = {
-      mermaid: {
-        match: (lang)=>['mermaid','mindmap','sequence','flowchart-mermaid'].includes(lang),
+      mermaid:{
+        match:l=>['mermaid','mindmap','sequence'].includes(l),
         render: async (code, body)=>{
           if(!window.mermaid) throw new Error('mermaid 未加载');
           const id='mmd_'+Math.random().toString(36).slice(2);
-          const source = (code || '').trim();
-          const { svg } = await mermaid.render(id, source);
+          const { svg } = await mermaid.render(id, code.trim());
           body.innerHTML = `<div class="render-svg-wrap">${svg}</div>`;
         }
       },
-      echarts: {
-        match: (lang)=>lang==='echarts',
+      echarts:{
+        match:l=>l==='echarts',
         render: async (code, body, card)=>{
           if(!window.echarts) throw new Error('echarts 未加载');
-          let opt;
-          try{ opt = JSON.parse(code); }catch{
-            throw new Error('echarts 需要合法 JSON option');
-          }
-          const d = document.createElement('div');
-          d.style.height = '360px';
-          d.style.minWidth = '280px';
-          body.innerHTML = '';
-          body.appendChild(d);
-          const chart = echarts.init(d, null, {renderer:'canvas'});
-          chart.setOption(opt, true);
-          const id = card.dataset.pid;
-          S.chartInstances.set(id, chart);
-
+          let opt; try{ opt=JSON.parse(code);}catch{ throw new Error('echarts 需要 JSON option'); }
+          const d=document.createElement('div');
+          d.style.height='360px'; body.innerHTML=''; body.appendChild(d);
+          const chart=echarts.init(d); chart.setOption(opt,true);
+          S.chartInstances.set(card.dataset.pid, chart);
           const ro = new ResizeObserver(()=>chart.resize());
-          ro.observe(d);
-          card._ro = ro;
+          ro.observe(d); card._ro = ro;
         },
-        export: async (card)=>{
+        export: async(card)=>{
           const chart = S.chartInstances.get(card.dataset.pid);
           if(!chart) throw new Error('图表未就绪');
           const url = chart.getDataURL({type:'png',pixelRatio:2,backgroundColor:'#fff'});
-          const a = document.createElement('a');
-          a.href = url; a.download = `echarts_${Date.now()}.png`; a.click();
+          const a=document.createElement('a'); a.href=url; a.download=`echarts_${Date.now()}.png`; a.click();
         }
       },
-      vega: {
-        match: (lang)=>['vega','vegalite','vega-lite'].includes(lang),
-        render: async (code, body)=>{
+      vega:{
+        match:l=>['vega','vega-lite','vegalite'].includes(l),
+        render: async(code, body)=>{
           if(!window.vegaEmbed) throw new Error('vega-embed 未加载');
-          let spec;
-          try{ spec = JSON.parse(code); }catch{
-            throw new Error('vega/vega-lite 需要合法 JSON spec');
-          }
-          body.innerHTML = '<div></div>';
-          await vegaEmbed(body.firstElementChild, spec, {actions:false, renderer:'svg'});
+          let spec; try{ spec=JSON.parse(code);}catch{ throw new Error('vega spec 必须是 JSON'); }
+          body.innerHTML='<div></div>';
+          await vegaEmbed(body.firstElementChild, spec, {actions:false,renderer:'svg'});
         }
       },
-      graphviz: {
-        match: (lang)=>['graphviz','dot'].includes(lang),
-        render: async (code, body)=>{
+      graphviz:{
+        match:l=>['graphviz','dot'].includes(l),
+        render: async(code, body)=>{
           if(!window.Viz) throw new Error('Viz.js 未加载');
           const viz = new Viz();
           const svg = await viz.renderString(code);
           body.innerHTML = `<div class="render-svg-wrap">${sanitizeSvgText(svg)}</div>`;
         }
       },
-      flowchart: {
-        match: (lang)=>lang==='flowchart',
-        render: async (code, body)=>{
+      flowchart:{
+        match:l=>l==='flowchart',
+        render: async(code, body)=>{
           if(!window.flowchart) throw new Error('flowchart.js 未加载');
           const id='fc_'+Math.random().toString(36).slice(2);
-          body.innerHTML = `<div id="${id}" class="render-svg-wrap"></div>`;
-          const chart = flowchart.parse(code);
-          chart.drawSVG(id, {lineWidth:2,fontSize:14});
+          body.innerHTML=`<div id="${id}" class="render-svg-wrap"></div>`;
+          flowchart.parse(code).drawSVG(id, {lineWidth:2,fontSize:14});
         }
       },
-      plantuml: {
-        match: (lang)=>lang==='plantuml',
-        render: async (code, body)=>{
-          // 使用 kroki 公共接口（纯前端）
-          const rsp = await fetch('https://kroki.io/plantuml/svg', {
-            method: 'POST',
-            headers: {'Content-Type':'text/plain'},
-            body: code
-          });
+      plantuml:{
+        match:l=>l==='plantuml',
+        render: async(code, body)=>{
+          const rsp = await fetch('https://kroki.io/plantuml/svg',{method:'POST',headers:{'Content-Type':'text/plain'},body:code});
           if(!rsp.ok) throw new Error('plantuml 渲染失败');
           const svg = await rsp.text();
           body.innerHTML = `<div class="render-svg-wrap">${sanitizeSvgText(svg)}</div>`;
         }
-      },
-      htmlpreview: {
-        match: (lang)=>['html-preview','htmlpreview','html'].includes(lang),
-        render: async (code, body)=>{
-          const iframe = document.createElement('iframe');
-          iframe.style.width = '100%';
-          iframe.style.minHeight = '260px';
-          iframe.style.border = '1px solid #dbe5f3';
-          iframe.style.borderRadius = '10px';
-          iframe.setAttribute('sandbox', 'allow-same-origin');
-          iframe.srcdoc = String(code);
-          body.innerHTML = '';
-          body.appendChild(iframe);
-        }
-      },
-      svg: {
-        match: (lang)=>lang==='svg',
-        render: async (code, body)=>{
-          body.innerHTML = `<div class="render-svg-wrap">${sanitizeSvgText(code)}</div>`;
-        }
       }
     };
 
     function getRenderer(lang=''){
-      const l = (lang || '').toLowerCase().trim();
-      for(const r of Object.values(Renderers)){
-        if(r.match(l)) return r;
-      }
+      const l = String(lang).toLowerCase().trim();
+      for(const r of Object.values(Renderers)){ if(r.match(l)) return r; }
       return null;
     }
 
@@ -833,116 +736,69 @@
           if(!en.isIntersecting) return;
           const card = en.target;
           S.pluginObserver.unobserve(card);
-          if(card.dataset.rendered === '1') return;
-          card.dataset.rendered = '1';
-
-          const lang = card.dataset.lang || '';
-          const code = card.dataset.code || '';
-          const body = card.querySelector('.render-body');
-          const renderer = getRenderer(lang);
-          if(!renderer){
+          if(card.dataset.rendered==='1') return;
+          card.dataset.rendered='1';
+
+          const lang=card.dataset.lang||'';
+          const code=card.dataset.code||'';
+          const body=card.querySelector('.render-body');
+          const r=getRenderer(lang);
+
+          if(!r){
             body.innerHTML = `<pre style="margin:0;white-space:pre-wrap">${escapeHtml(code)}</pre>`;
             return;
           }
-          try{
-            await renderer.render(code, body, card);
-          }catch(e){
-            body.innerHTML = `<div class="render-error">渲染失败：${escapeHtml(e.message || String(e))}</div>`;
-          }
+          try{ await r.render(code, body, card); }
+          catch(e){ body.innerHTML = `<div class="render-error">渲染失败：${escapeHtml(e.message||String(e))}</div>`; }
         });
-      }, {root: E.messages, threshold: 0.1});
+      }, {root:D.messages, threshold:0.1});
       return S.pluginObserver;
     }
 
     function registerPluginBlocks(root){
-      const preCodes = root.querySelectorAll('pre > code');
       const io = ensurePluginObserver();
-
-      preCodes.forEach((codeEl)=>{
+      root.querySelectorAll('pre > code').forEach(codeEl=>{
         const pre = codeEl.parentElement;
-        const className = codeEl.className || '';
-        const lang = (className.match(/language-([a-zA-Z0-9_-]+)/)?.[1] || '').toLowerCase();
+        const lang = (codeEl.className.match(/language-([a-zA-Z0-9_-]+)/)?.[1] || '').toLowerCase();
         const raw = codeEl.textContent || '';
         const renderer = getRenderer(lang);
 
-        // 非插件语言：保留普通代码，但增强复制/下载
-        if(!renderer){
-          const wrap=document.createElement('div');
-          wrap.className='render-card';
-          wrap.innerHTML=`
-            <div class="render-head">
-              <span>${escapeHtml(lang || 'code')}</span>
-              <span class="render-actions">
-                <button class="copy">复制</button>
-                <button class="save">保存</button>
-              </span>
-            </div>
-            <div class="render-body"><pre style="margin:0;white-space:pre-wrap"><code>${escapeHtml(raw)}</code></pre></div>
-          `;
-          pre.replaceWith(wrap);
-          wrap.querySelector('.copy').onclick=async()=>{await navigator.clipboard.writeText(raw);toast('代码已复制')};
-          wrap.querySelector('.save').onclick=()=>{
-            const a=document.createElement('a');
-            a.href=URL.createObjectURL(new Blob([raw],{type:'text/plain;charset=utf-8'}));
-            a.download=`code_${Date.now()}.${lang||'txt'}`;
-            a.click();
-            setTimeout(()=>URL.revokeObjectURL(a.href),1200);
-            toast('代码已保存');
-          };
-          return;
-        }
-
-        const pid = 'p_'+Math.random().toString(36).slice(2);
-        const card = document.createElement('div');
-        card.className = 'render-card';
-        card.dataset.pid = pid;
-        card.dataset.lang = lang;
-        card.dataset.code = raw;
-        card.dataset.rendered = '0';
+        const pid='p_'+Math.random().toString(36).slice(2);
+        const card=document.createElement('div');
+        card.className='render-card';
+        card.dataset.pid=pid; card.dataset.lang=lang; card.dataset.code=raw; card.dataset.rendered='0';
 
         card.innerHTML = `
           <div class="render-head">
-            <span>🔧 ${escapeHtml(lang)} 渲染</span>
+            <span>${renderer ? `🔧 ${escapeHtml(lang)} 渲染` : escapeHtml(lang || 'code')}</span>
             <span class="render-actions">
               <button class="copy">复制源码</button>
-              <button class="svg">导出PNG</button>
+              <button class="png">导出PNG</button>
               <button class="raw">源码</button>
             </span>
           </div>
-          <div class="render-body"><div class="render-placeholder">滚动到可视区域后自动渲染...</div></div>
+          <div class="render-body"><div class="render-placeholder">${renderer ? '滚动到可视区域后自动渲染...' : ''}</div><pre style="margin:0;white-space:pre-wrap;display:${renderer?'none':'block'}">${escapeHtml(raw)}</pre></div>
         `;
         pre.replaceWith(card);
 
-        card.querySelector('.copy').onclick = async()=> {
-          await navigator.clipboard.writeText(raw);
-          toast('源码已复制');
-        };
-        card.querySelector('.raw').onclick = ()=> {
-          openToolDetail(`${lang} source`, raw);
-        };
-        card.querySelector('.svg').onclick = async()=> {
+        card.querySelector('.copy').onclick=async()=>{ await navigator.clipboard.writeText(raw); toast('源码已复制'); };
+        card.querySelector('.raw').onclick=()=>openToolDetail(`${lang || 'code'} source`, raw);
+        card.querySelector('.png').onclick=async()=>{
           try{
             const r = getRenderer(lang);
-            if(r?.export){
-              await r.export(card);
-              toast('导出成功');
-              return;
-            }
+            if(r?.export){ await r.export(card); toast('导出成功'); return; }
             const svg = card.querySelector('svg');
             if(!svg) throw new Error('当前渲染器不支持导出PNG');
-            await exportSvgAsPng(svg, `${lang}_${Date.now()}.png`);
+            await exportSvgAsPng(svg, `${lang||'render'}_${Date.now()}.png`);
             toast('导出成功');
-          }catch(e){
-            toast(e.message || '导出失败');
-          }
+          }catch(e){ toast(e.message || '导出失败'); }
         };
 
-        io.observe(card);
+        if(renderer) io.observe(card);
       });
     }
 
     async function enhance(root){
-      // 链接自动转多媒体
       root.querySelectorAll('a[href]').forEach(a=>{
         const href=a.getAttribute('href')||'';
         const t=extType(href);
@@ -960,108 +816,88 @@
       });
 
       root.querySelectorAll('img').forEach(img=>img.onclick=()=>openMedia(img.src,'image'));
-
       registerPluginBlocks(root);
-      await renderMathIn(root);
+    }
+
+    function buildCopyText(m){
+      const t = msgText(m);
+      const files = (m?.data?.files || []).map(x=>x.url || x?.file?.url).filter(Boolean);
+      return [t, files.length?('\n'+files.join('\n')):''].join('\n').trim();
+    }
+
+    function openToolDetail(title,obj){
+      D.toolDetailTitle.textContent = title;
+      let pretty='';
+      try{ pretty=JSON.stringify(obj,null,2);}catch{ pretty=String(obj); }
+      D.toolDetailBody.innerHTML = `<pre>${escapeHtml(pretty)}</pre>`;
+      D.toolDetail.classList.add('show');
     }
 
     async function buildMsg(m){
       const self = isSelf(m);
-      const isToolResultRole = (m.role === 'toolResult');
-      const toolCalls = Array.isArray(m?.data?.toolCalls) ? m.data.toolCalls : [];
-      const toolResults = Array.isArray(m?.data?.toolResults) ? m.data.toolResults : [];
-      const hasToolPayload = toolCalls.length > 0 || toolResults.length > 0;
-      const rawText = msgText(m).trim();
-      const files = (m && typeof m.data === 'object' && Array.isArray(m.data.files)) ? m.data.files : [];
-      if (m.role === 'assistant' && !rawText && files.length === 0 && !hasToolPayload) return null;
-
-      const isToolOnlyBubble = isToolResultRole || (m.role === 'assistant' && hasToolPayload && !rawText && files.length===0);
-      const row=document.createElement('div');
-      row.className='row'+(self?' self':'') + (isToolOnlyBubble ? ' tool-center' : '');
-      row.dataset.id=m.id||'';
-
-      const bubble=document.createElement('div');
-      bubble.className='bubble '+(isToolOnlyBubble ? 'tool' : (self?'self':'other'));
-
-      const sender = self ? 'User' : (isToolResultRole ? 'Tool' : (m?.user?.name || 'Assistant'));
-      const html = (!isToolResultRole && rawText) ? renderMd(rawText) : '';
-
-      let filesHtml='';
-      if(files.length && !isToolResultRole){
-        filesHtml+='<div style="margin-top:8px;display:flex;flex-wrap:wrap;gap:8px">';
+      const raw = msgText(m).trim();
+      const files = Array.isArray(m?.data?.files) ? m.data.files : [];
+      if(!raw && !files.length) return null;
+
+      const row = document.createElement('div');
+      row.className = 'row' + (self ? ' self' : '');
+      row.dataset.id = m.id || '';
+
+      const bubble = document.createElement('div');
+      bubble.className = 'bubble' + (self ? ' self' : '');
+
+      let filesHtml = '';
+      if(files.length){
+        filesHtml += '<div style="margin-top:8px;display:flex;flex-wrap:wrap;gap:8px">';
         for(const it of files){
-          const f=it.file||it; const url=it.url||f.url||''; if(!url) continue;
-          const t=extType(url);
-          if(t==='image') filesHtml+=`<img src="${escapeHtml(url)}">`;
-          else if(t==='video') filesHtml+=`<video src="${escapeHtml(url)}" controls style="max-width:340px;border-radius:10px"></video>`;
-          else if(t==='audio') filesHtml+=`<span class="wx-audio" data-audio="${escapeHtml(url)}">🔊 语音</span>`;
-          else filesHtml+=`<a href="${escapeHtml(url)}" target="_blank" rel="noopener">${escapeHtml(f.filename||'文件')}</a>`;
+          const f = it.file || it;
+          const url = it.url || f.url || '';
+          if(!url) continue;
+          const t = extType(url);
+          if(t==='image') filesHtml += `<img src="${escapeHtml(url)}">`;
+          else if(t==='video') filesHtml += `<video src="${escapeHtml(url)}" controls style="max-width:340px;border-radius:10px"></video>`;
+          else if(t==='audio') filesHtml += `<span class="wx-audio" data-audio="${escapeHtml(url)}">🔊 语音</span>`;
+          else filesHtml += `<a href="${escapeHtml(url)}" target="_blank" rel="noopener">${escapeHtml(f.filename||'文件')}</a>`;
         }
-        filesHtml+='</div>';
-      }
-
-      let toolHtml = '';
-      if (m.role === 'assistant' && toolCalls.length > 0) {
-        toolHtml += `<div class="tool-chip">🛠️ 已发起 ${toolCalls.length} 个工具调用 <button class="btn btn-tool-view" data-kind="call">查看详情</button></div>`;
-      }
-      if (isToolResultRole) {
-        const payload = toolResults.length ? toolResults : (rawText ? { text: rawText } : m);
-        toolHtml += `<div class="tool-chip">📦 ToolResult（默认折叠）<button class="btn btn-tool-view" data-kind="role-result">查看详情</button></div>`;
-        m.__toolResultPayload = payload;
-      } else if (toolResults.length > 0) {
-        toolHtml += `<div class="tool-chip">📦 收到 ${toolResults.length} 个工具结果 <button class="btn btn-tool-view" data-kind="result">查看详情</button></div>`;
+        filesHtml += '</div>';
       }
 
-      bubble.innerHTML=`
+      bubble.innerHTML = `
         <div class="bubble-toolbar">
-          <div class="sender ${isToolResultRole?'tool':''}">${escapeHtml(sender)}</div>
+          <div class="sender">${escapeHtml(self ? 'User' : (m?.user?.name || 'Assistant'))}</div>
           <button class="bubble-copy">复制</button>
         </div>
-        ${html ? `<div class="md">${html}</div>` : ''}
+        <div class="md">${renderMd(raw)}</div>
         ${filesHtml}
-        ${toolHtml}
         <div class="meta">${formatTimeFromMessage(m)}</div>
       `;
       row.appendChild(bubble);
 
       bubble.querySelector('.bubble-copy').onclick = async()=>{
         await navigator.clipboard.writeText(buildCopyText(m));
-        toast('对话已复制');
+        toast('已复制');
       };
-      bubble.querySelectorAll('.btn-tool-view').forEach(btn=>{
-        btn.onclick = ()=>{
-          const kind = btn.getAttribute('data-kind');
-          if (kind === 'call') openToolDetail('Tool Calls', toolCalls);
-          else if (kind === 'role-result') openToolDetail('Tool Result', m.__toolResultPayload || m);
-          else openToolDetail('Tool Results', toolResults);
-        };
-      });
 
       await enhance(bubble);
-
       bubble.querySelectorAll('.wx-audio[data-audio]').forEach(n=>{
-        const a=new Audio(n.getAttribute('data-audio').replace('#audio',''));
-        n.onclick=()=>toggleWxAudio(n,a);
+        const a = new Audio(n.getAttribute('data-audio').replace('#audio',''));
+        n.onclick = ()=>toggleWxAudio(n,a);
       });
-      bubble.querySelectorAll('img').forEach(img=>img.onclick=()=>openMedia(img.src,'image'));
 
       return row;
     }
 
     function pruneDomIfNeeded(){
-      // 轻量虚拟化：DOM上限保护，防止超长会话卡顿
-      const maxNodes = 280;
-      const rows = E.msgList.querySelectorAll('.row');
+      const maxNodes = 300;
+      const rows = D.msgList.querySelectorAll('.row');
       if(rows.length <= maxNodes) return;
-      const removeCount = rows.length - maxNodes;
-      for(let i=0;i<removeCount;i++){
-        rows[i].remove();
-      }
+      const need = rows.length - maxNodes;
+      for(let i=0;i<need;i++) rows[i].remove();
     }
 
-    function saveChannelCache(cid, orderedMessages){
+    function saveChannelCache(cid, list){
       try{
-        const slim = orderedMessages.slice(-140);
+        const slim = list.slice(-120);
         localStorage.setItem(cacheKey(cid), JSON.stringify(slim));
       }catch{}
     }
@@ -1074,42 +910,37 @@
       }catch{return []}
     }
 
-    async function appendMessages(cid,list){
+    async function appendMessages(cid, list){
       const st=ensureStore(cid);
-      const keep=nearBottom(E.messages);
-      let appended = 0;
+      const keep=nearBottom(D.messages);
       for(const m of list){
-        if(!m||!m.id) continue;
-        if(st.ids.has(m.id)) continue;
+        if(!m || !m.id || st.ids.has(m.id)) continue;
         const node = await buildMsg(m);
-        if (!node) continue;
-        st.ids.add(m.id); st.lastId=m.id;
-        E.msgList.appendChild(node);
-        appended++;
+        if(!node) continue;
+        st.ids.add(m.id);
+        st.lastId = m.id;
+        D.msgList.appendChild(node);
       }
       pruneDomIfNeeded();
-      if(keep || appended>0) E.messages.scrollTop=E.messages.scrollHeight;
+      if(keep) D.messages.scrollTop = D.messages.scrollHeight;
     }
 
     async function prependOlderMessages(cid, list){
-      const st = ensureStore(cid);
-      const prevHeight = E.messages.scrollHeight;
-      const frag = document.createDocumentFragment();
-      let added = 0;
-      for (const m of list) {
-        if(!m || !m.id) continue;
-        if(st.ids.has(m.id)) continue;
+      const st=ensureStore(cid);
+      const prevHeight = D.messages.scrollHeight;
+      const frag=document.createDocumentFragment();
+      let added=0;
+      for(const m of list){
+        if(!m || !m.id || st.ids.has(m.id)) continue;
         const node = await buildMsg(m);
-        if (!node) continue;
+        if(!node) continue;
         st.ids.add(m.id);
         frag.appendChild(node);
         added++;
       }
-      const firstMsg = E.msgList.firstChild;
-      if (firstMsg) E.msgList.insertBefore(frag, firstMsg);
-      else E.msgList.appendChild(frag);
-      const newHeight = E.messages.scrollHeight;
-      E.messages.scrollTop += (newHeight - prevHeight);
+      if(D.msgList.firstChild) D.msgList.insertBefore(frag, D.msgList.firstChild);
+      else D.msgList.appendChild(frag);
+      D.messages.scrollTop += (D.messages.scrollHeight - prevHeight);
       return added;
     }
 
@@ -1121,64 +952,59 @@
         saveChannelCache(cid, list);
         return list;
       }catch(e){
-        log('warn', `在线拉取失败，使用本地缓存: ${e.message}`);
-        const cached = readChannelCache(cid);
-        return cached;
+        log('warn', '在线读取失败，使用缓存: '+e.message);
+        return readChannelCache(cid);
       }
     }
 
     async function loadOlderAtTop(){
-      if (!S.current) return;
-      const cid = S.current.id;
-      const st = ensureStore(cid);
-      if (st.loadingMore || !st.hasMore) return;
-      st.loadingMore = true;
-      E.topLoader.style.display = 'block';
-      try {
-        const oldCount = st.ids.size;
+      if(!S.current) return;
+      const cid=S.current.id;
+      const st=ensureStore(cid);
+      if(st.loadingMore || !st.hasMore) return;
+      st.loadingMore=true;
+      D.topLoader.style.display='block';
+      try{
+        const oldCount=st.ids.size;
         st.loadedLimit += 50;
         const list = await fetchChannelMessages(cid, st.loadedLimit);
         const added = await prependOlderMessages(cid, list);
-        if (added === 0 || st.ids.size === oldCount) {
-          st.hasMore = false;
-          E.topLoader.textContent = '没有更多历史消息了';
-          setTimeout(() => { E.topLoader.style.display = 'none'; E.topLoader.textContent = '正在加载更早消息...'; }, 900);
-        } else {
-          E.topLoader.style.display = 'none';
-        }
-      } catch (e) {
-        log('warn', '加载更早消息失败: ' + e.message);
-        E.topLoader.style.display = 'none';
-      } finally {
-        st.loadingMore = false;
+        if(added===0 || st.ids.size===oldCount){
+          st.hasMore=false;
+          D.topLoader.textContent='没有更多历史消息了';
+          setTimeout(()=>{D.topLoader.style.display='none';D.topLoader.textContent='正在加载更早消息...';},900);
+        }else D.topLoader.style.display='none';
+      }catch(e){
+        log('warn','加载更早失败:'+e.message);
+        D.topLoader.style.display='none';
+      }finally{
+        st.loadingMore=false;
       }
     }
 
     async function loadChannels(){
       const r=await apiFetch('/api/channels');
       S.channels=await r.json();
-      E.channelCount.textContent=String(S.channels.length||0);
+      D.channelCount.textContent=String(S.channels.length||0);
       renderChannels();
       const saved = localStorage.getItem('lastChannelId');
-      if (saved && S.channels.some(c=>c.id===saved)) {
-        await switchChannel(saved);
-      } else if(!S.current && S.channels.length) {
-        await switchChannel(S.channels[0].id);
-      }
+      if(saved && S.channels.some(c=>c.id===saved)) await switchChannel(saved);
+      else if(S.channels.length) await switchChannel(S.channels[0].id);
     }
 
     function renderChannels(){
-      const kw=E.searchInput.value.trim().toLowerCase();
-      const arr=(S.channels||[]).filter(c=>!kw||c.name.toLowerCase().includes(kw)||c.id.toLowerCase().includes(kw));
-      E.channelList.innerHTML=arr.map(c=>`
+      const kw=D.searchInput.value.trim().toLowerCase();
+      const arr=(S.channels||[]).filter(c=>!kw || c.name.toLowerCase().includes(kw) || c.id.toLowerCase().includes(kw));
+      D.channelList.innerHTML = arr.map(c=>`
         <div class="channel ${S.current?.id===c.id?'active':''}" data-id="${c.id}">
           <div class="avatar">${escapeHtml((c.name||'C')[0].toUpperCase())}</div>
           <div style="min-width:0">
             <div style="font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">${escapeHtml(c.name)}</div>
             <div class="muted" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis">${escapeHtml(c.id)}</div>
           </div>
-        </div>`).join('');
-      E.channelList.querySelectorAll('.channel').forEach(n=>n.onclick=()=>switchChannel(n.dataset.id));
+        </div>
+      `).join('');
+      D.channelList.querySelectorAll('.channel').forEach(n=>n.onclick=()=>switchChannel(n.dataset.id));
     }
 
     async function switchChannel(cid){
@@ -1186,41 +1012,47 @@
       const c=S.channels.find(x=>x.id===cid); if(!c) return;
       S.current=c;
       localStorage.setItem('lastChannelId', cid);
-      renderChannels();
-      E.headName.textContent=c.name;
-      E.headAvatar.textContent=(c.name||'C')[0].toUpperCase();
 
-      E.msgList.innerHTML='';
+      renderChannels();
+      D.headName.textContent=c.name;
+      D.headAvatar.textContent=(c.name||'C')[0].toUpperCase();
 
+      D.msgList.innerHTML='';
       const st=ensureStore(cid);
-      st.ids.clear();
-      st.lastId=null;
-      st.hasMore=true;
-      st.loadedLimit = 50;
+      st.ids.clear(); st.lastId=null; st.hasMore=true; st.loadedLimit=50;
 
       const list = await fetchChannelMessages(cid, st.loadedLimit);
       await appendMessages(cid, list);
 
       connectStream(cid);
 
-      E.left.classList.remove('show');
-      E.mobileMask.classList.remove('show');
+      D.leftPanel.classList.remove('show');
+      D.mobileMask.classList.remove('show');
 
       restoreDraft(cid);
 
-      const savedTop = localStorage.getItem(scrollKey(cid));
-      if (savedTop !== null) {
-        requestAnimationFrame(() => { restoreChannelScroll(cid); });
-      } else {
-        E.messages.scrollTop = E.messages.scrollHeight;
-      }
+      // 少消息或首次进入：强制贴底
+      requestAnimationFrame(()=>{
+        const rows = D.msgList.querySelectorAll('.row').length;
+        if(rows < 20){
+          D.messages.scrollTop = D.messages.scrollHeight;
+        }else{
+          const savedTop = localStorage.getItem(scrollKey(cid));
+          if(savedTop !== null) restoreChannelScroll(cid);
+          else D.messages.scrollTop = D.messages.scrollHeight;
+        }
+      });
     }
 
-    function closeStream(){ if(S.es){S.es.close();S.es=null;} }
+    function closeStream(){
+      if(S.es){ try{S.es.close();}catch{} S.es=null; }
+    }
 
     function connectStream(cid){
       closeStream();
       const st=ensureStore(cid);
+      S.streamToken += 1;
+      const token = S.streamToken;
 
       const q=new URLSearchParams();
       if(st.lastId) q.set('last_id',st.lastId);
@@ -1228,33 +1060,31 @@
       q.set('limit', String(Math.max(st.loadedLimit, Number(S.settings.messageLimit || S.cfg?.runtimeConfig?.defaultMessageLimit || 120))));
       q.set('interval', String(Math.max(800, Number(S.settings.streamInterval || S.cfg?.runtimeConfig?.streamInterval || 1500))));
 
-      S.es=new EventSource(apiUrl(`/api/messages/${cid}/stream?${q.toString()}`));
+      const es = new EventSource(apiUrl(`/api/messages/${cid}/stream?${q.toString()}`));
+      S.es = es;
+
+      es.onopen = ()=>{ st.reconnectTry = 0; log('info', 'SSE已连接'); };
 
-      S.es.addEventListener('messages',async ev=>{
+      es.addEventListener('messages', async(ev)=>{
+        if(token !== S.streamToken) return;
         try{
-          const p=JSON.parse(ev.data||'{}');
-          const items = p.items || [];
-          await appendMessages(cid, items);
-
-          // 更新本地缓存：简单追加
-          const cached = readChannelCache(cid);
-          const ids = new Set(cached.map(x=>x.id));
-          for(const it of items){
-            if(it?.id && !ids.has(it.id)) cached.push(it);
-          }
-          saveChannelCache(cid, cached);
-          st.reconnectTry = 0;
-        } catch(e){
+          const p = JSON.parse(ev.data || '{}');
+          await appendMessages(cid, p.items || []);
+        }catch(e){
           log('warn','SSE解析失败:'+e.message);
         }
       });
 
-      S.es.onerror=()=>{
+      es.onerror = ()=>{
+        if(token !== S.streamToken) return;
         closeStream();
         st.reconnectTry = Math.min((st.reconnectTry || 0) + 1, 8);
-        const delay = Math.min(1000 * Math.pow(1.7, st.reconnectTry), 20000);
-        log('warn',`SSE断开，${Math.round(delay/1000)}秒后重连`);
-        setTimeout(()=>{ if(S.current?.id===cid) connectStream(cid); }, delay);
+        const delay = Math.min(1200 * Math.pow(1.7, st.reconnectTry), 25000);
+        log('warn', `SSE断开，${Math.round(delay/1000)}秒后重连`);
+        setTimeout(()=>{
+          if(token !== S.streamToken) return;
+          if(S.current?.id===cid) connectStream(cid);
+        }, delay);
       };
     }
 
@@ -1268,9 +1098,12 @@
     }
 
     function renderPreview(){
-      if(!S.files.length){E.preview.innerHTML='';return;}
-      E.preview.innerHTML=S.files.map((f,i)=>`<span class="chip">${f.type.startsWith('image/')?'🖼️':f.type.startsWith('video/')?'🎥':'🎤'} ${escapeHtml(f.name)} <button data-i="${i}" style="border:none;background:transparent;color:#ef4444;cursor:pointer">×</button></span>`).join('');
-      E.preview.querySelectorAll('[data-i]').forEach(b=>b.onclick=()=>{S.files.splice(+b.dataset.i,1);renderPreview();});
+      if(!S.files.length){ D.preview.innerHTML=''; return; }
+      D.preview.innerHTML = S.files.map((f,i)=>`
+        <span class="chip">${f.type.startsWith('image/')?'🖼️':f.type.startsWith('video/')?'🎥':'🎤'} ${escapeHtml(f.name)}
+          <button data-i="${i}" style="border:none;background:transparent;color:#ef4444;cursor:pointer">×</button>
+        </span>`).join('');
+      D.preview.querySelectorAll('[data-i]').forEach(b=>b.onclick=()=>{S.files.splice(+b.dataset.i,1);renderPreview();});
     }
 
     async function uploadFile(file){
@@ -1278,25 +1111,22 @@
       const r=await apiFetch('/api/upload',{
         method:'POST',
         headers:{'Content-Type':'application/json'},
-        body:JSON.stringify({ filename:file.name,base64:String(b64).split(',')[1],mimeType:file.type })
+        body:JSON.stringify({filename:file.name,base64:String(b64).split(',')[1],mimeType:file.type})
       });
-      const d=await r.json(); if(!d.url) throw new Error('上传失败');
+      const d=await r.json();
+      if(!d.url) throw new Error('上传失败');
       return d.url;
     }
 
     async function sendNow(){
       if(!S.current) return alert('请先选择频道');
-
-      const text=E.input.value.trim();
+      const text = D.input.value.trim();
       if(!text && !S.files.length) return;
 
       const links=[];
       for(const f of S.files){
-        try{
-          links.push({url:await uploadFile(f),type:f.type});
-        }catch(e){
-          log('error','附件上传失败:'+e.message);
-        }
+        try{ links.push({url:await uploadFile(f),type:f.type}); }
+        catch(e){ log('error','附件上传失败:'+e.message); }
       }
 
       let full=text;
@@ -1316,10 +1146,8 @@
         body:JSON.stringify({text:full})
       });
 
-      E.input.value='';
-      autoGrow();
-      S.files=[];
-      renderPreview();
+      D.input.value=''; autoGrow();
+      S.files=[]; renderPreview();
       localStorage.setItem(draftKey(S.current.id), '');
       hideCmdSuggest();
     }
@@ -1330,7 +1158,7 @@
       return '';
     }
     function extByMime(m=''){
-      const s = m.toLowerCase();
+      const s=m.toLowerCase();
       if(s.includes('ogg')) return 'ogg';
       if(s.includes('webm')) return 'webm';
       if(s.includes('wav')) return 'wav';
@@ -1338,97 +1166,91 @@
     }
 
     async function startRecord(){
-      if(!S.current||S.recording) return;
+      if(!S.current || S.recording) return;
       try{
         const stream=await navigator.mediaDevices.getUserMedia({audio:true});
         const mime=pickMime();
-        const rec=mime?new MediaRecorder(stream,{mimeType:mime}):new MediaRecorder(stream);
+        const rec=mime ? new MediaRecorder(stream,{mimeType:mime}) : new MediaRecorder(stream);
         S.rec=rec; S.chunks=[];
-
         rec.ondataavailable=e=>{ if(e.data && e.data.size) S.chunks.push(e.data); };
         rec.onstop=async()=>{
           try{
             const finalMime = rec.mimeType || mime || 'audio/ogg';
             const blob=new Blob(S.chunks,{type:finalMime});
-            const ext = extByMime(finalMime);
-            const file=new File([blob],`voice_${Date.now()}.${ext}`,{type:finalMime});
+            const file=new File([blob], `voice_${Date.now()}.${extByMime(finalMime)}`, {type:finalMime});
             const url=await uploadFile(file);
             await apiFetch(`/api/send/${S.current.id}`,{
               method:'POST',
               headers:{'Content-Type':'application/json'},
               body:JSON.stringify({text:`[语音](${url}#audio)`})
             });
-          }catch(e){
-            log('error','语音发送失败:'+e.message);
-          }finally{
-            stream.getTracks().forEach(t=>t.stop());
-          }
+          }catch(e){ log('error','语音发送失败:'+e.message); }
+          finally{ stream.getTracks().forEach(t=>t.stop()); }
         };
-
         rec.start();
         S.recording=true;
-        E.holdBtn.textContent='录音中... 松开发送';
-      }catch(e){
-        log('error','录音失败:'+e.message);
-      }
+        D.holdBtn.textContent='录音中... 松开发送';
+      }catch(e){ log('error','录音失败:'+e.message); }
     }
     function stopRecord(){
       if(!S.recording) return;
       S.recording=false;
-      E.holdBtn.textContent='按住说话，松开发送（仅语音，不自动转写）';
-      try{S.rec&&S.rec.stop();}catch{}
+      D.holdBtn.textContent='按住说话，松开发送（纯语音）';
+      try{ S.rec && S.rec.stop(); }catch{}
     }
 
     async function loadConfig(){
       try{
         const r=await fetch(apiUrl('/api/config'));
         S.cfg=await r.json();
-        if(Array.isArray(S.cfg?.defaultCommands) && S.cfg.defaultCommands.length){
-          S.commandList = S.cfg.defaultCommands;
-        }
+        // 合并命令，确保 /new /reset /status 必有
+        const fromServer = Array.isArray(S.cfg?.defaultCommands) ? S.cfg.defaultCommands : [];
+        const map = new Map();
+        [...BASE_CMDS, ...fromServer, ...MANDATORY_CMDS].forEach(x=>{
+          if(!x?.cmd) return;
+          map.set(x.cmd, {cmd:x.cmd, desc:x.desc || ''});
+        });
+        S.cmdList = [...map.values()];
       }catch(e){ log('warn','读取配置失败:'+e.message); }
     }
 
     async function pullServerLogs(){
       try{
-        const r = await apiFetch('/api/logs');
-        const arr = await r.json();
+        const r=await apiFetch('/api/logs');
+        const arr=await r.json();
         if(!Array.isArray(arr)) return;
         for(let i=arr.length-1;i>=0;i--){
-          const line = arr[i];
+          const line=arr[i];
           if(S.seenServerLogs.has(line)) continue;
           S.seenServerLogs.add(line);
-          if(S.seenServerLogs.size>500){
-            S.seenServerLogs = new Set([...S.seenServerLogs].slice(-350));
-          }
-          E.logs.textContent += `[server] ${line}\n`;
+          if(S.seenServerLogs.size>500) S.seenServerLogs = new Set([...S.seenServerLogs].slice(-350));
+          D.logs.textContent += `[server] ${line}\n`;
         }
-        E.logs.scrollTop = E.logs.scrollHeight;
+        D.logs.scrollTop = D.logs.scrollHeight;
       }catch{}
     }
 
     function openSettings(){
-      setApiBase.value = S.settings.apiBase || '';
-      setPassword.value = S.settings.connectPassword || '';
-      setBotUsername.value = S.settings.botUsername || S.cfg?.runtimeConfig?.botUsername || 'openman';
-      setStreamInterval.value = S.settings.streamInterval || S.cfg?.runtimeConfig?.streamInterval || 1500;
-      setMessageLimit.value = S.settings.messageLimit || S.cfg?.runtimeConfig?.defaultMessageLimit || 120;
-      setDebug.checked = (S.settings.debugLogs === 'true');
-      setUnsafe.checked = (S.settings.allowUnsafe === 'true');
-      const ui = S.cfg?.runtimeConfig?.uiProfile || {};
-      setUiProfile.value = JSON.stringify(ui, null, 2);
-      E.settingsModal.classList.add('show');
-    }
-    function closeSettings(){ E.settingsModal.classList.remove('show'); }
+      D.setApiBase.value = S.settings.apiBase || '';
+      D.setPassword.value = S.settings.connectPassword || '';
+      D.setBotUsername.value = S.settings.botUsername || S.cfg?.runtimeConfig?.botUsername || 'openman';
+      D.setStreamInterval.value = S.settings.streamInterval || S.cfg?.runtimeConfig?.streamInterval || 1500;
+      D.setMessageLimit.value = S.settings.messageLimit || S.cfg?.runtimeConfig?.defaultMessageLimit || 120;
+      D.setDebug.checked = S.settings.debugLogs === 'true';
+      D.setUnsafe.checked = S.settings.allowUnsafe === 'true';
+      D.setUiProfile.value = JSON.stringify(S.cfg?.runtimeConfig?.uiProfile || {}, null, 2);
+      D.settingsModal.classList.add('show');
+    }
+    function closeSettings(){ D.settingsModal.classList.remove('show'); }
 
     async function saveSettings(){
-      S.settings.apiBase = setApiBase.value.trim();
-      S.settings.connectPassword = setPassword.value.trim();
-      S.settings.botUsername = setBotUsername.value.trim();
-      S.settings.streamInterval = String(Math.max(800, Number(setStreamInterval.value || 1500)));
-      S.settings.messageLimit = String(Math.max(20, Number(setMessageLimit.value || 120)));
-      S.settings.debugLogs = setDebug.checked ? 'true' : 'false';
-      S.settings.allowUnsafe = setUnsafe.checked ? 'true' : 'false';
+      S.settings.apiBase = D.setApiBase.value.trim();
+      S.settings.connectPassword = D.setPassword.value.trim();
+      S.settings.botUsername = D.setBotUsername.value.trim();
+      S.settings.streamInterval = String(Math.max(800, Number(D.setStreamInterval.value || 1500)));
+      S.settings.messageLimit = String(Math.max(20, Number(D.setMessageLimit.value || 120)));
+      S.settings.debugLogs = D.setDebug.checked ? 'true' : 'false';
+      S.settings.allowUnsafe = D.setUnsafe.checked ? 'true' : 'false';
 
       localStorage.setItem('apiBase', S.settings.apiBase);
       localStorage.setItem('connectPassword', S.settings.connectPassword);
@@ -1438,114 +1260,109 @@
       localStorage.setItem('debugLogs', S.settings.debugLogs);
       localStorage.setItem('allowUnsafe', S.settings.allowUnsafe);
 
-      let uiProfile = {};
-      try{
-        uiProfile = JSON.parse(setUiProfile.value || '{}');
-      }catch{
-        toast('环境映射JSON格式错误');
-        return;
-      }
+      let uiProfile={};
+      try{ uiProfile = JSON.parse(D.setUiProfile.value || '{}'); }
+      catch{ toast('环境映射JSON格式错误'); return; }
 
       try{
         await apiFetch('/api/runtime-settings',{
-          method:'POST',
-          headers:{'Content-Type':'application/json'},
+          method:'POST', headers:{'Content-Type':'application/json'},
           body:JSON.stringify({
-            botUsername: S.settings.botUsername || undefined,
-            streamInterval: Number(S.settings.streamInterval),
-            defaultMessageLimit: Number(S.settings.messageLimit),
-            debugLogs: S.settings.debugLogs === 'true',
+            botUsername:S.settings.botUsername || undefined,
+            streamInterval:Number(S.settings.streamInterval),
+            defaultMessageLimit:Number(S.settings.messageLimit),
+            debugLogs:S.settings.debugLogs==='true',
             uiProfile
           })
         });
-      }catch(e){
-        log('warn','后端运行设置更新失败:'+e.message);
-      }
+      }catch(e){ log('warn','后端设置更新失败:'+e.message); }
 
       closeSettings();
-      if(S.current) await switchChannel(S.current.id); else await loadChannels();
+      if(S.current) await switchChannel(S.current.id);
       toast('设置已保存');
     }
 
     function autoGrow(){
-      E.input.style.height='auto';
-      E.input.style.height=Math.min(E.input.scrollHeight,240)+'px';
+      D.input.style.height='auto';
+      D.input.style.height=Math.min(D.input.scrollHeight,240)+'px';
     }
 
     function showCmdSuggest(list){
       if(!list.length){ hideCmdSuggest(); return; }
-      E.cmdSuggest.innerHTML = list.map((x,idx)=>`
+      D.cmdSuggest.innerHTML = list.map((x,idx)=>`
         <div class="cmd-item ${idx===S.cmdActive?'active':''}" data-idx="${idx}">
           <div class="cmd-name">${escapeHtml(x.cmd)}</div>
           <div class="cmd-desc">${escapeHtml(x.desc || '')}</div>
         </div>
       `).join('');
-      E.cmdSuggest.style.display = 'block';
-      E.cmdSuggest.querySelectorAll('.cmd-item').forEach(el=>{
+      D.cmdSuggest.style.display='block';
+      D.cmdSuggest.querySelectorAll('.cmd-item').forEach(el=>{
         el.onclick=()=>{
-          const i = Number(el.dataset.idx);
+          const i=Number(el.dataset.idx);
           applyCommand(list[i]?.cmd || '');
         };
       });
     }
     function hideCmdSuggest(){
-      E.cmdSuggest.style.display = 'none';
-      E.cmdSuggest.innerHTML = '';
-      S.cmdActive = -1;
+      D.cmdSuggest.style.display='none';
+      D.cmdSuggest.innerHTML='';
+      S.cmdActive=-1;
+      S._cmdCurrentList=[];
     }
     function applyCommand(cmd){
       if(!cmd) return;
-      E.input.value = cmd + ' ';
+      D.input.value = cmd + ' ';
       autoGrow();
       hideCmdSuggest();
-      E.input.focus();
-      localStorage.setItem(draftKey(S.current?.id || 'default'), E.input.value);
+      D.input.focus();
+      if(S.current) localStorage.setItem(draftKey(S.current.id), D.input.value);
     }
     function refreshCmdSuggest(){
-      const t = E.input.value || '';
-      const trim = t.trim();
-      if(!trim.startsWith('/')) return hideCmdSuggest();
-
-      const q = trim.toLowerCase();
-      const list = S.commandList.filter(x=>x.cmd.toLowerCase().includes(q)).slice(0,8);
-      if(!list.length) return hideCmdSuggest();
+      const t=(D.input.value || '').trim();
+      if(!t.startsWith('/')) return hideCmdSuggest();
+      const q=t.toLowerCase();
+      const list = S.cmdList.filter(x=>x.cmd.toLowerCase().includes(q)).slice(0,10);
       S._cmdCurrentList = list;
+      if(!list.length) return hideCmdSuggest();
+      if(S.cmdActive < 0) S.cmdActive = 0;
       if(S.cmdActive >= list.length) S.cmdActive = 0;
       showCmdSuggest(list);
     }
 
     function bind(){
-      btnOpenLeft.onclick=()=>{E.left.classList.add('show');E.mobileMask.classList.add('show');};
-      btnCloseLeft.onclick=()=>{E.left.classList.remove('show');E.mobileMask.classList.remove('show');};
-      E.mobileMask.onclick=()=>{E.left.classList.remove('show');E.mobileMask.classList.remove('show');};
+      D.btnOpenLeft.onclick=()=>{ D.leftPanel.classList.add('show'); D.mobileMask.classList.add('show'); };
+      D.btnCloseLeft.onclick=()=>{ D.leftPanel.classList.remove('show'); D.mobileMask.classList.remove('show'); };
+      D.mobileMask.onclick=()=>{ D.leftPanel.classList.remove('show'); D.mobileMask.classList.remove('show'); };
+
+      D.btnLogs.onclick=()=>D.app.classList.toggle('debug-open');
+      D.btnCloseLogs.onclick=()=>D.app.classList.remove('debug-open');
 
-      btnLogs.onclick=()=>appEl.classList.toggle('debug-open');
-      btnCloseLogs.onclick=()=>appEl.classList.remove('debug-open');
+      D.btnSettings.onclick=openSettings;
+      D.setCancel.onclick=closeSettings;
+      D.setSave.onclick=saveSettings;
 
-      btnSettings.onclick=openSettings;
-      setCancel.onclick=closeSettings;
-      setSave.onclick=saveSettings;
+      D.mediaClose.onclick=()=>D.mediaModal.classList.remove('show');
+      D.mediaModal.addEventListener('click',e=>{ if(e.target===D.mediaModal) D.mediaModal.classList.remove('show'); });
 
-      mediaClose.onclick=()=>E.mediaModal.classList.remove('show');
-      E.mediaModal.addEventListener('click',e=>{ if(e.target===E.mediaModal) E.mediaModal.classList.remove('show'); });
+      D.toolDetailClose.onclick=()=>D.toolDetail.classList.remove('show');
 
-      toolDetailClose.onclick = ()=>E.toolDetail.classList.remove('show');
-      E.searchInput.addEventListener('input',renderChannels);
+      D.searchInput.addEventListener('input',renderChannels);
 
-      E.fileInput.addEventListener('change',e=>{
+      D.fileInput.addEventListener('change',e=>{
         S.files.push(...Array.from(e.target.files||[]));
         renderPreview();
         e.target.value='';
       });
 
-      // 输入框粘贴图片
-      E.input.addEventListener('paste',(e)=>{
-        const items = Array.from(e.clipboardData?.items || []);
-        const imgs = [];
+      D.input.addEventListener('paste',(e)=>{
+        const items=Array.from(e.clipboardData?.items || []);
+        const imgs=[];
         for(const it of items){
-          if(it.kind === 'file' && it.type.startsWith('image/')){
-            const f = it.getAsFile();
-            if(f) imgs.push(new File([f], `paste_${Date.now()}_${Math.random().toString(36).slice(2)}.${(f.type.split('/')[1]||'png').replace('+xml','')}`, {type:f.type}));
+          if(it.kind==='file' && it.type.startsWith('image/')){
+            const f=it.getAsFile();
+            if(f){
+              imgs.push(new File([f], `paste_${Date.now()}_${Math.random().toString(36).slice(2)}.${(f.type.split('/')[1]||'png').replace('+xml','')}`, {type:f.type}));
+            }
           }
         }
         if(imgs.length){
@@ -1556,32 +1373,34 @@
         }
       });
 
-      // 拖拽上传
       ['dragenter','dragover'].forEach(evt=>{
-        E.input.addEventListener(evt, (e)=>{e.preventDefault(); e.stopPropagation();});
+        D.input.addEventListener(evt,e=>{ e.preventDefault(); e.stopPropagation(); });
       });
-      E.input.addEventListener('drop', (e)=>{
+      D.input.addEventListener('drop',e=>{
         e.preventDefault();
-        const files = Array.from(e.dataTransfer?.files || []);
-        if(files.length){
-          S.files.push(...files);
+        const fs=Array.from(e.dataTransfer?.files || []);
+        if(fs.length){
+          S.files.push(...fs);
           renderPreview();
-          toast(`已添加 ${files.length} 个附件`);
+          toast(`已添加 ${fs.length} 个附件`);
         }
       });
 
-      sendBtn.onclick=sendNow;
-      E.input.addEventListener('input',()=>{
+      D.sendBtn.onclick=sendNow;
+
+      D.input.addEventListener('input',()=>{
         autoGrow();
-        if(S.current) localStorage.setItem(draftKey(S.current.id), E.input.value || '');
+        if(S.current) localStorage.setItem(draftKey(S.current.id), D.input.value || '');
         refreshCmdSuggest();
       });
 
-      E.input.addEventListener('keydown',e=>{
-        if(E.cmdSuggest.style.display==='block' && S._cmdCurrentList?.length){
+      D.input.addEventListener('focus', refreshCmdSuggest);
+
+      D.input.addEventListener('keydown',e=>{
+        if(D.cmdSuggest.style.display==='block' && S._cmdCurrentList.length){
           if(e.key==='ArrowDown'){
             e.preventDefault();
-            S.cmdActive = (S.cmdActive + 1 + S._cmdCurrentList.length) % S._cmdCurrentList.length;
+            S.cmdActive = (S.cmdActive + 1) % S._cmdCurrentList.length;
             showCmdSuggest(S._cmdCurrentList);
             return;
           }
@@ -1597,46 +1416,46 @@
             return;
           }
         }
-        if(e.key==='Enter'&&!e.shiftKey){
+        if(e.key==='Enter' && !e.shiftKey){
           e.preventDefault();
           sendNow();
         }
       });
-      E.input.addEventListener('blur',()=>setTimeout(hideCmdSuggest,120));
+      D.input.addEventListener('blur',()=>setTimeout(hideCmdSuggest,120));
 
-      E.modeText.onclick=()=>{E.modeText.classList.add('active');E.modeVoice.classList.remove('active');E.textMode.style.display='';E.voiceMode.style.display='none';};
-      E.modeVoice.onclick=()=>{E.modeVoice.classList.add('active');E.modeText.classList.remove('active');E.textMode.style.display='none';E.voiceMode.style.display='';};
+      D.modeText.onclick=()=>{ D.modeText.classList.add('active'); D.modeVoice.classList.remove('active'); D.textMode.style.display=''; D.voiceMode.style.display='none'; };
+      D.modeVoice.onclick=()=>{ D.modeVoice.classList.add('active'); D.modeText.classList.remove('active'); D.textMode.style.display='none'; D.voiceMode.style.display=''; };
 
       const s=()=>startRecord(), t=()=>stopRecord();
-      E.holdBtn.addEventListener('mousedown',s);
-      E.holdBtn.addEventListener('mouseup',t);
-      E.holdBtn.addEventListener('mouseleave',t);
-      E.holdBtn.addEventListener('touchstart',e=>{e.preventDefault();s();},{passive:false});
-      E.holdBtn.addEventListener('touchend',e=>{e.preventDefault();t();},{passive:false});
-      E.holdBtn.addEventListener('touchcancel',t);
-
-      let lock = false;
-      E.messages.addEventListener('scroll', async () => {
+      D.holdBtn.addEventListener('mousedown',s);
+      D.holdBtn.addEventListener('mouseup',t);
+      D.holdBtn.addEventListener('mouseleave',t);
+      D.holdBtn.addEventListener('touchstart',e=>{e.preventDefault();s();},{passive:false});
+      D.holdBtn.addEventListener('touchend',e=>{e.preventDefault();t();},{passive:false});
+      D.holdBtn.addEventListener('touchcancel',t);
+
+      let lock=false;
+      D.messages.addEventListener('scroll', async()=>{
         saveCurrentScroll();
-        if (lock) return;
-        if (E.messages.scrollTop <= 24) {
-          lock = true;
+        if(lock) return;
+        if(D.messages.scrollTop<=24){
+          lock=true;
           await loadOlderAtTop();
-          lock = false;
+          lock=false;
         }
       });
 
       window.addEventListener('beforeunload', saveCurrentScroll);
 
       window.addEventListener('online', ()=>{
-        S.offline = false;
-        E.offlineBar.style.display='none';
+        S.offline=false;
+        D.offlineBar.style.display='none';
         toast('网络已恢复');
         if(S.current) connectStream(S.current.id);
       });
       window.addEventListener('offline', ()=>{
-        S.offline = true;
-        E.offlineBar.style.display='block';
+        S.offline=true;
+        D.offlineBar.style.display='block';
         closeStream();
         toast('网络已断开，使用本地缓存');
       });
@@ -1644,12 +1463,7 @@
 
     async function initPWA(){
       if('serviceWorker' in navigator){
-        try{
-          await navigator.serviceWorker.register('/sw.js');
-          log('info','Service Worker 已注册');
-        }catch(e){
-          log('warn','Service Worker 注册失败: '+e.message);
-        }
+        try{ await navigator.serviceWorker.register('/sw.js'); }catch(e){ log('warn','SW注册失败:'+e.message); }
       }
     }
 
@@ -1660,11 +1474,11 @@
       await loadConfig();
       await loadEnhancers();
 
-      if(S.offline) E.offlineBar.style.display='block';
+      if(S.offline) D.offlineBar.style.display='block';
 
       try{
         await loadChannels();
-        setInterval(pullServerLogs, 3000);
+        setInterval(pullServerLogs,3000);
       }catch(e){
         log('error','初始化失败:'+e.message);
         alert('初始化失败：'+e.message);