myagent-ai 1.23.20 → 1.23.21

package/web/ui/index.html

@@ -354,2781 +354,20 @@ tr:hover{background:var(--surface2)}
 </div>
 <div id="modalContainer"></div>
 
-<script>
-const API='';
-const pages={dashboard:'📊 仪表盘',agents:'🤖 Agent 管理',platforms:'🌐 聊天平台',organization:'🏢 组织管理',departments:'🏛 部门管理',sessions:'💬 会话管理',memory:'🧠 记忆管理',permissions:'🔑 权限管理',llm:'🧬 大模型设置',system:'⚙️ 系统配置',executor:'🔧 执行引擎',skills:'🛠 技能管理',files:'📁 工作目录',logs:'📜 查看日志',tasks:'📌 任务记录'};
-let currentPage='dashboard';
-let allAgentsCache=[];
-let allModelsCache=[];
-let allDeptsCache=[];
-
-function esc(s){if(!s)return'';return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');}
-
-async function api(url,opts={}){
-  try{
-    const r=await fetch(API+url,{headers:{'Content-Type':'application/json'},...opts});
-    const rawText=await r.text();
-    let data;
-    try{data=JSON.parse(rawText)}catch(e){console.error('API not JSON:',API+url,r.status,rawText.substring(0,200));return {error:'服务器返回了非JSON响应 ('+r.status+')'}}
-    return data;
-  }catch(e){showToast('请求失败: '+e.message,'danger');return {error:e.message}}
-}
-function $(id){return document.getElementById(id)}
-function escHtml(s){return String(s||'').replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&#39;')}
-/* [v1.20.2] 安全地将任意文本插入 JS 模板字符串中 textarea 元素：转义反引号、${ 和 </textarea */
-function escTpl(s){return String(s||'').replace(/\\/g,'\\\\').replace(/`/g,'\\`').replace(/\$\{/g,'\\${').replace(/<\/textarea/gi,'<\\/textarea')}
-function fmtDate(d){if(!d)return'-';try{return new Date(d).toLocaleString('zh-CN',{month:'2-digit',day:'2-digit',hour:'2-digit',minute:'2-digit'})}catch(e){return d.slice(0,16)}}
-function fmtTimeAgo(d){if(!d)return'-';const s=Math.floor((Date.now()-new Date(d))/1000);if(s<60)return s+'秒前';if(s<3600)return Math.floor(s/60)+'分钟前';if(s<86400)return Math.floor(s/3600)+'小时前';return Math.floor(s/86400)+'天前'}
-function showToast(msg,type='info',duration=3000){
-  const colors={success:'var(--success)',danger:'var(--danger)',warn:'var(--warn)',info:'var(--primary)'};
-  const el=document.createElement('div');el.className='toast';el.style.background=colors[type]||colors.info;el.style.color='#fff';
-  el.style.whiteSpace='pre-line';el.style.maxWidth='420px';el.style.textAlign='left';
-  el.textContent=msg;document.body.appendChild(el);setTimeout(()=>el.remove(),duration);
-}
-
-// ── 版本号 & 更新检查 ──
-async function loadVersion(){
-  try{
-    const r=await api('/api/status');
-    if(r.version){
-      $('sidebarVersion').textContent='v'+r.version;
-    }
-  }catch(e){}
-}
-async function checkUpdate(manual){
-  try{
-    const r=await api('/api/update/check',{method:'POST'});
-    if(r.error){if(manual) showToast('检查更新失败: '+r.error,'danger'); return}
-    if(r.has_update){
-      $('updateBadge').style.display='inline';
-      showToast('发现新版本 v'+r.latest_version,'warn');
-    }else{
-      $('updateBadge').style.display='none';
-      if(manual) showToast('已是最新版本 v'+r.current_version,'success');
-    }
-  }catch(e){if(manual) showToast('检查更新失败','danger')}
-}
-async function doUpdate(){
-  if(!confirm('确定要更新到最新版本吗？更新后将自动重启。'))return;
-  try{
-    const r=await api('/api/update/apply',{method:'POST',body:JSON.stringify({type:'full'})});
-    if(r.error){showToast('更新失败: '+r.error,'danger');return}
-    showToast('更新已开始，服务将自动重启...','success');
-  }catch(e){showToast('更新失败','danger')}
-}
-// 页面加载时获取版本号，30秒后自动检查更新
-// ── Theme Management ──
-function initTheme(){const s=localStorage.getItem('myagent-theme')||'claude';document.documentElement.setAttribute('data-theme',s);updateThemeIcon(s)}
-function toggleTheme(){const c=document.documentElement.getAttribute('data-theme')||'claude';const n=c==='claude'?'dark':'claude';document.documentElement.setAttribute('data-theme',n);localStorage.setItem('myagent-theme',n);updateThemeIcon(n)}
-function updateThemeIcon(t){const b=document.getElementById('themeToggle');if(!b)return;if(t==='dark'){b.innerHTML='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="18" height="18"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>';b.title='切换到 Claude 风格'}else{b.innerHTML='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="18" height="18"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>';b.title='切换到夜间模式'}}
-// ── Sidebar Collapse ──
-function toggleSidebar(){const s=document.getElementById('adminSidebar');const t=document.getElementById('sidebarToggle');if(!s)return;s.classList.toggle('collapsed');const isCollapsed=s.classList.contains('collapsed');t.textContent=isCollapsed?'▶':'◀';localStorage.setItem('myagent-admin-sidebar-collapsed',isCollapsed);closeMobileSidebar()}
-// Initialize
-initTheme();
-document.getElementById('themeToggle')?.addEventListener('click',toggleTheme);
-if(localStorage.getItem('myagent-admin-sidebar-collapsed')==='true'){document.getElementById('adminSidebar')?.classList.add('collapsed');const t=document.getElementById('sidebarToggle');if(t)t.textContent='▶'}
-
-// ── Mobile Sidebar ──
-function toggleMobileSidebar(){
-  const s=document.getElementById('adminSidebar');
-  const o=document.getElementById('adminMobileOverlay');
-  const isOpen=s.classList.contains('mobile-open');
-  if(isOpen){closeMobileSidebar();}else{s.classList.add('mobile-open');o.classList.add('active');}
-}
-function closeMobileSidebar(){
-  document.getElementById('adminSidebar').classList.remove('mobile-open');
-  document.getElementById('adminMobileOverlay').classList.remove('active');
-}
-// Show hamburger on mobile + tap sidebar to expand on mobile
-function checkMobile(){
-  const btn=document.getElementById('mobileMenuBtn');
-  if(btn)btn.style.display=window.innerWidth<=768?'grid':'none';
-}
-window.addEventListener('resize',checkMobile);
-checkMobile();
-// [v1.18.10] 移动端点击侧滑栏窄栏区域也可展开
-document.getElementById('adminSidebar')?.addEventListener('click',function(e){
-  if(window.innerWidth>768)return;
-  // 如果已经是展开状态，不处理（让 nav-item 的 onclick 正常执行）
-  if(this.classList.contains('mobile-open'))return;
-  // 只在点击侧滑栏本身（非具体按钮/链接）时展开
-  if(e.target.closest('.nav-item')||e.target.closest('a')||e.target.closest('button'))return;
-  toggleMobileSidebar();
-});
-
-loadVersion();
-setTimeout(()=>checkUpdate(false),30000);
-function showConfirm(title,msg,onOk){
-  // 使用 data 属性存储回调，onclick 中调用它并正确处理 async
-  const id='confirmCallback';
-  window[id]=async()=>{try{await onOk();}catch(e){console.error(e);}delete window[id];};
-  $('modalContainer').innerHTML=`<div class="confirm-overlay" onclick="closeModal()"><div class="confirm-box" onclick="event.stopPropagation()">
-    <h4>${title}</h4><p>${msg}</p><div class="btns">
-    <button class="btn btn-danger" onclick="${id}();closeModal()">确认</button>
-    <button class="btn btn-ghost" onclick="closeModal()">取消</button></div></div></div>`;
-}
-
-function showPage(page, addHistory){
-  closeMobileSidebar();
-  currentPage=page;
-  $('content').setAttribute('data-page',page);
-  document.querySelectorAll('.nav-item').forEach((n,i)=>n.classList.toggle('active',Object.keys(pages)[i]===page));
-  $('pageTitle').textContent=pages[page]||page;
-  const renderers={dashboard:renderDashboard,agents:renderAgents,platforms:renderPlatforms,organization:renderOrganization,departments:renderDepartments,sessions:renderSessions,memory:renderMemory,permissions:renderPermissions,llm:renderLLM,system:renderSystem,executor:renderExecutor,skills:renderSkills,files:renderFiles,logs:renderLogs,tasks:renderTasks};
-  if(renderers[page]){
-    try{renderers[page]();}catch(e){console.error('Page render error:',e);$('content').innerHTML='<div class="empty" style="color:var(--danger)">页面加载失败: '+escHtml(e.message)+'</div>';}
-  }
-  // 记录到浏览器历史
-  if(addHistory!==false){
-    var _sub=window._navSubState||null;
-    var hash=page+(_sub?'~'+_sub:'');
-    history.pushState({page:page,sub:_sub},'','#'+hash);
-  }
-}
-
-// 导航历史系统：记录子页面跳转（如 viewSession、viewSessionRaw）
-// _navHistory: [{page,sub}] 最多6步
-var _navHistory=[];
-var _navSubState=null;
-
-function navigateTo(page, sub, renderFn){
-  // 保存当前状态到历史
-  _navHistory.push({page:currentPage,sub:window._navSubState});
-  if(_navHistory.length>6)_navHistory.shift();
-  currentPage=page;
-  _navSubState=sub;
-  $('content').setAttribute('data-page',page);
-  // 更新 URL hash
-  var hash=page+(sub?'~'+sub:'');
-  history.pushState({page:page,sub:sub},'','#'+hash);
-  // 更新导航高亮
-  document.querySelectorAll('.nav-item').forEach((n,i)=>n.classList.toggle('active',Object.keys(pages)[i]===page));
-  // 渲染页面
-  if(renderFn){
-    try{renderFn();}catch(e){console.error('Navigate render error:',e);}
-  }
-}
-
-function goBack(){
-  if(_navHistory.length>0){
-    var prev=_navHistory.pop();
-    currentPage=prev.page;
-    _navSubState=prev.sub;
-    var hash=prev.page+(prev.sub?'~'+prev.sub:'');
-    history.pushState({page:prev.page,sub:prev.sub},'','#'+hash);
-    // 找到对应的渲染函数
-    var renderers={dashboard:renderDashboard,agents:renderAgents,platforms:renderPlatforms,organization:renderOrganization,departments:renderDepartments,sessions:renderSessions,memory:renderMemory,permissions:renderPermissions,llm:renderLLM,system:renderSystem,executor:renderExecutor,skills:renderSkills,files:renderFiles,logs:renderLogs,tasks:renderTasks};
-    if(renderers[prev.page]){
-      try{renderers[prev.page]();}catch(e){}
-    }
-    document.querySelectorAll('.nav-item').forEach((n,i)=>n.classList.toggle('active',Object.keys(pages)[i]===prev.page));
-  }else{
-    // 没有内部历史，尝试浏览器后退
-    history.back();
-  }
-}
-
-// 浏览器前进/后退按钮支持
-window.addEventListener('popstate',function(e){
-  var s=e.state;
-  if(s&&s.page){
-    currentPage=s.page;
-    _navSubState=s.sub||null;
-    document.querySelectorAll('.nav-item').forEach((n,i)=>n.classList.toggle('active',Object.keys(pages)[i]===s.page));
-    var renderers={dashboard:renderDashboard,agents:renderAgents,platforms:renderPlatforms,organization:renderOrganization,departments:renderDepartments,sessions:renderSessions,memory:renderMemory,permissions:renderPermissions,llm:renderLLM,system:renderSystem,executor:renderExecutor,skills:renderSkills,files:renderFiles,logs:renderLogs,tasks:renderTasks};
-    if(renderers[s.page]){
-      try{renderers[s.page]();}catch(e){}
-    }
-  }
-});
-
-// ========== Dashboard ==========
-async function renderDashboard(){
-  const s = await api('/api/status');
-  const gl = s.global_llm || {};
-  const models = s.models || [];
-  const mem = s.memory || {};
-  const q = s.queue || {};
-  const runningAgents = s.running_agents || [];
-
-  // ── 辅助函数 ──
-  const modeLabel = m => ({text:'文本',image:'图片',video:'视频',audio:'音频'}[m] || m);
-  const modeIcon = m => ({text:'T',image:'🖼',video:'🎬',audio:'🎤'}[m] || m);
-  const providerLabel = p => ({openai:'OpenAI',anthropic:'Anthropic',ollama:'Ollama',zhipu:'智谱',custom:'自定义',gemini:'Google'}[p] || p);
-  const hasImage = modes => (modes || []).includes('image');
-  const isGlobalFallback = m => m.is_global_fallback && m.enabled;
-
-  // 找到全局默认模型（从模型库中 is_global_fallback 的启用模型）
-  const globalModel = models.find(m => isGlobalFallback(m)) || null;
-
-  // input_modes 标签 HTML
-  const modesHtml = (modes) => {
-    if (!modes || modes.length === 0) return '';
-    return '<div class="dash-model-modes">' + modes.map(m =>
-      '<span class="dash-mode-tag ' + m + '">' + modeLabel(m) + '</span>'
-    ).join('') + '</div>';
-  };
-
-  // 模型卡片 HTML
-  const modelCardHtml = (m, isActive) => {
-    const multimodal = hasImage(m.input_modes);
-    return '<div class="dash-model-card' + (isActive ? ' active' : '') + '">' +
-      '<div class="dash-model-icon ' + (multimodal ? 'multimodal' : 'text') + '">' +
-        (multimodal ? '🖼' : '💬') +
-      '</div>' +
-      '<div class="dash-model-info">' +
-        '<div class="dash-model-name">' + esc(m.name || m.model || m.id) + '</div>' +
-        '<div class="dash-model-provider">' + providerLabel(m.provider) + (m.model && m.model !== m.id ? ' · ' + esc(m.model) : '') + '</div>' +
-        modesHtml(m.input_modes) +
-      '</div>' +
-      (isActive ? '<span class="dash-active-badge">默认</span>' : '') +
-    '</div>';
-  };
-
-  // ── 顶部统计卡片 ──
-  var statsHtml = '<div class="grid" style="grid-template-columns:repeat(auto-fill,minmax(180px,1fr))">' +
-    '<div class="stat"><div class="label">版本</div><div class="value" style="font-size:18px">' + esc(s.version || '-') + '</div></div>' +
-    '<div class="stat"><div class="label">已注册技能</div><div class="value">' + (s.skills || 0) + '</div></div>' +
-    '<div class="stat"><div class="label">模型库</div><div class="value">' + models.length + '</div></div>' +
-    '<div class="stat"><div class="label">记忆条目</div><div class="value">' + (mem.total_count || 0) + '</div></div>' +
-    '<div class="stat"><div class="label">会话数</div><div class="value">' + (mem.session_count || 0) + '</div></div>' +
-    '<div class="stat"><div class="label">全局记忆</div><div class="value">' + (mem.global_count || 0) + '</div></div>' +
-    (q.total_submitted ? '<div class="stat"><div class="label">任务队列</div><div class="value">' + q.total_submitted + '</div></div>' : '') +
-  '</div>';
-
-  // ── 模型区域 ──
-  var modelSection = '';
-  if (models.length > 0) {
-    var enabledModels = models.filter(m => m.enabled);
-    var disabledModels = models.filter(m => !m.enabled);
-
-    modelSection = '<div class="dash-section">' +
-      '<div class="dash-section-title"><span class="icon">🤖</span> 模型配置</div>';
-
-    // 默认模型高亮展示
-    if (globalModel) {
-      modelSection += '<div style="margin-bottom:12px">' +
-        '<div style="font-size:12px;color:var(--text3);margin-bottom:8px">当前全局默认模型</div>' +
-        modelCardHtml(globalModel, true) +
-      '</div>';
-    } else {
-      // 没有在模型库中找到全局默认，用 config.llm 显示
-      modelSection += '<div style="margin-bottom:12px">' +
-        '<div style="font-size:12px;color:var(--text3);margin-bottom:8px">当前全局模型</div>' +
-        modelCardHtml({id:gl.model, name:gl.model, provider:gl.provider, model:gl.model, input_modes:gl.input_modes, enabled:true}, true) +
-      '</div>';
-    }
-
-    // 按类型分类
-    var textModels = enabledModels.filter(m => !hasImage(m.input_modes));
-    var multiModels = enabledModels.filter(m => hasImage(m.input_modes));
-
-    // 多模态模型（支持图片的）
-    if (multiModels.length > 0) {
-      modelSection += '<div style="font-size:12px;color:var(--text3);margin-bottom:8px;margin-top:12px">多模态模型（支持图片输入）</div>' +
-        '<div class="grid" style="grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin-bottom:8px">' +
-        multiModels.map(m => modelCardHtml(m, false)).join('') +
-        '</div>';
-    }
-
-    // 纯文本模型
-    if (textModels.length > 0) {
-      modelSection += '<div style="font-size:12px;color:var(--text3);margin-bottom:8px;margin-top:12px">文本模型</div>' +
-        '<div class="grid" style="grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin-bottom:8px">' +
-        textModels.map(m => modelCardHtml(m, false)).join('') +
-        '</div>';
-    }
-
-    // 已禁用模型
-    if (disabledModels.length > 0) {
-      modelSection += '<div style="font-size:12px;color:var(--text3);margin-bottom:8px;margin-top:12px;opacity:.6">已禁用 (' + disabledModels.length + ')</div>' +
-        '<div class="grid" style="grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px">' +
-        disabledModels.map(m => {
-          var card = modelCardHtml(m, false);
-          return card.replace('dash-model-card"', 'dash-model-card" style="opacity:.5"');
-        }).join('') +
-        '</div>';
-    }
-
-    modelSection += '</div>';
-  }
-
-  // ── 运行中的 Agent ──
-  var runningSection = '<div class="dash-section">' +
-    '<div class="dash-section-title"><span class="icon">⚡</span> 运行中的任务</div>';
-
-  if (runningAgents.length > 0) {
-    runningSection += '<div style="display:flex;flex-direction:column;gap:8px">';
-    for (var ra of runningAgents) {
-      var agentName = ra.agent_path || '未知';
-      var taskMsg = ra.message || '处理中...';
-      var timeStr = '';
-      if (ra.started_at) {
-        var elapsed = Math.round((Date.now() / 1000) - ra.started_at);
-        if (elapsed < 60) timeStr = elapsed + '秒前';
-        else if (elapsed < 3600) timeStr = Math.floor(elapsed / 60) + '分钟前';
-        else timeStr = Math.floor(elapsed / 3600) + '小时前';
-      }
-      runningSection += '<div class="dash-running-item">' +
-        '<div class="dash-running-dot"></div>' +
-        '<div style="flex:1;min-width:0">' +
-          '<div class="dash-running-agent">' + esc(agentName) + '</div>' +
-          '<div class="dash-running-task" title="' + esc(taskMsg) + '">' + esc(taskMsg) + '</div>' +
-        '</div>' +
-        (timeStr ? '<div class="dash-running-time">' + timeStr + '</div>' : '') +
-      '</div>';
-    }
-    runningSection += '</div>';
-  } else {
-    runningSection += '<div class="dash-empty">当前没有运行中的任务</div>';
-  }
-  runningSection += '</div>';
-
-  // ── 组装 ──
-  $('content').innerHTML = statsHtml + modelSection + runningSection;
-}
-
-// ========== Agents (FULL REWRITE) ==========
-async function renderAgents(){
-  const [agents,models,depts]=await Promise.all([api('/api/agents'),api('/api/models'),api('/api/departments')]);
-  allAgentsCache=Array.isArray(agents)?agents:[];allModelsCache=Array.isArray(models)?models:[];allDeptsCache=Array.isArray(depts)?depts:(depts?.tree||[]);
-  const deptMap={};(function buildDeptMap(list,pfx){
-    for(const d of list||[]){const path=pfx?(pfx+'/'+d.name):d.name;deptMap[path]={name:d.name,path};buildDeptMap(d.children||[],path)}
-  })(allDeptsCache,'');
-  let html=`<div class="flex justify-between items-center mb-16 flex-wrap gap-8">
-    <div style="color:var(--text2);font-size:13px">共 ${allAgentsCache.length} 个 Agent</div>
-    <div class="flex gap-8"><input id="agentSearch" placeholder="搜索 Agent..." style="width:220px" oninput="filterAgents()">
-    <button class="btn btn-primary" onclick="openCreateAgentModal()">+ 新建 Agent</button></div></div>`;
-  html+='<div id="agentList" class="grid" style="grid-template-columns:repeat(auto-fill,minmax(340px,1fr))">';
-  for(const a of allAgentsCache){
-    html+=agentCardHtml(a,deptMap);
-  }
-  html+='</div>';
-  $('content').innerHTML=html;
-}
-
-function agentCardHtml(a,deptMap){
-  const isSys=!!a.system;
-  const execMode=a.execution_mode==='local';
-  const modelName=a.model_id||a.model||'默认';
-  const dept=deptMap?.[a.department]||null;
-  const emoji=a.avatar_emoji||'🤖';
-  const color=a.avatar_color||'#6366f1';
-  const avatarHtml=a.avatar_image?'<img src="'+escHtml(a.avatar_image)+'" style="width:100%;height:100%;object-fit:cover">':emoji;
-  const enabled=a.enabled!==false;
-  return `<div class="agent-card" data-name="${escHtml(a.name||'')}" data-desc="${escHtml(a.description||'')}">
-    <div class="avatar" style="background:${color}22;border:2px solid ${color};overflow:hidden">${avatarHtml}</div>
-    <div class="info">
-      <h4>${escHtml(a.name||a.path)} ${isSys?'<span class="badge badge-purple">系统</span>':''} ${!enabled?'<span class="badge badge-red">已禁用</span>':''}</h4>
-      <p>${escHtml(a.description||'无描述')}</p>
-      <div class="meta">
-        <span class="tag" title="ID">${escHtml(a.id||'-')}</span>
-        <span class="tag">${execMode?'🟢本地':'🟡沙盒'}</span>
-        <span class="tag">🤖 ${escHtml(modelName)}</span>
-        ${a.session_count?`<span class="tag">💬 ${a.session_count}</span>`:''}
-        ${dept?`<span class="tag">🏢 ${escHtml(dept.name)}</span>`:''}
-        ${a.created_at?`<span class="tag">${fmtDate(a.created_at)}</span>`:''}
-      </div>
-    </div>
-    <div class="flex flex-col gap-8" style="flex-shrink:0">
-      <button class="btn btn-sm" style="background:var(--success);color:#fff" onclick="event.stopPropagation();chatWithAgent('${escHtml(a.path)}')">对话</button>
-      <button class="btn btn-sm btn-ghost" onclick="event.stopPropagation();showWorkdirModal('${escHtml(a.path)}')">📁 工作目录</button>
-      <button class="btn btn-sm btn-primary" onclick="event.stopPropagation();openEditAgentModal('${escHtml(a.path)}')">编辑</button>
-      ${!isSys?`<button class="btn btn-sm btn-danger" onclick="event.stopPropagation();confirmDeleteAgent('${escHtml(a.path).replace(/'/g,"\\'")}','${escHtml(a.name||a.path).replace(/'/g,"\\'")}')">删除</button>`:''}
-    </div>
-  </div>`;
-}
-
-function filterAgents(){
-  const q=($('agentSearch')?.value||'').toLowerCase();
-  document.querySelectorAll('#agentList .agent-card').forEach(el=>{
-    const n=(el.dataset.name||'').toLowerCase();const d=(el.dataset.desc||'').toLowerCase();
-    el.style.display=(n.includes(q)||d.includes(q))?'':'none';
-  });
-}
-
-// [v1.18.5] 工作目录文件浏览
-let _workdirCurrentPath='';
-async function showWorkdirModal(agentPath){
-  _workdirCurrentPath='';
-  const title='📁 工作目录'+(agentPath?' ('+escHtml(agentPath)+')':'');
-  $('modalContainer').innerHTML=`<div class="modal-overlay" onclick="closeModal()"><div class="modal modal-wide" onclick="event.stopPropagation()" style="max-width:600px">
-    <div class="flex justify-between items-center mb-16">
-      <h3>${title}</h3>
-      <div class="flex gap-8"><button class="btn btn-sm btn-ghost" onclick="loadWorkdirFiles('')">根目录</button><button class="btn btn-sm btn-ghost" onclick="loadWorkdirFiles(_workdirCurrentPath)">刷新</button></div>
-    </div>
-    <div id="workdirBreadcrumb" style="font-size:12px;color:var(--text3);margin-bottom:8px"></div>
-    <div id="workdirContent"><div class="empty">加载中...</div></div>
-    <div class="flex gap-8 mt-16"><button class="btn btn-ghost" onclick="closeModal()">关闭</button></div>
-  </div></div>`;
-  loadWorkdirFiles('');
-}
-async function loadWorkdirFiles(subPath,recursive){
-  _workdirCurrentPath=subPath||'';
-  const params=new URLSearchParams();
-  if(subPath)params.set('path',subPath);
-  if(recursive)params.set('recursive','1');
-  const files=await api('/api/workdir/files?'+params.toString());
-  const bc=document.getElementById('workdirBreadcrumb');
-  const el=document.getElementById('workdirContent');
-  if(!el)return;
-  // 面包屑导航
-  if(subPath){
-    const parts=subPath.split('/');let crumbs=['<span style="cursor:pointer" onclick="loadWorkdirFiles(\'\')">根目录</span>'];
-    let acc='';
-    for(let i=0;i<parts.length;i++){acc+=(acc?'/':'')+parts[i];crumbs.push(' / <span style="cursor:pointer" onclick="loadWorkdirFiles(\''+acc+'\')">'+escHtml(parts[i])+'</span>')}
-    if(bc)bc.innerHTML=crumbs.join('');
-  }else{if(bc)bc.innerHTML='根目录'}
-  if(!files||!files.length){el.innerHTML='<div class="empty">暂无文件</div>';return}
-  // 排序：目录在前，文件在后
-  const dirs=files.filter(f=>f.type==='dir').sort((a,b)=>a.name.localeCompare(b.name));
-  const fils=files.filter(f=>f.type==='file').sort((a,b)=>a.name.localeCompare(b.name));
-  let html='<div class="table-wrap"><table><tr><th>名称</th><th>大小</th><th></th></tr>';
-  for(const d of dirs){
-    const dp=d.path||d.name;
-    html+=`<tr style="cursor:pointer" onclick="loadWorkdirFiles('${escHtml(dp)}')"><td>📂 ${escHtml(d.name)}</td><td>-</td><td></td></tr>`;
-  }
-  for(const f of fils){
-    const fp=f.path||f.name;
-    const sizeStr=f.size>1048576?(f.size/1048576).toFixed(1)+' MB':f.size>1024?(f.size/1024).toFixed(1)+' KB':f.size+' B';
-    html+=`<tr><td style="cursor:pointer" onclick="downloadWorkdirFile('${escHtml(fp)}')">📄 ${escHtml(f.name)}</td><td>${sizeStr}</td>
-      <td><button class="btn btn-sm btn-ghost" onclick="downloadWorkdirFile('${escHtml(fp)}')">下载</button></td></tr>`;
-  }
-  html+='</table></div>';
-  el.innerHTML=html;
-}
-function downloadWorkdirFile(relPath){
-  const link=document.createElement('a');
-  link.href=API+'/api/workdir/download/'+encodeURIComponent(relPath);
-  link.download='';
-  document.body.appendChild(link);
-  link.click();
-  document.body.removeChild(link);
-}
-
-// Create Agent Modal
-function _flattenDepts(list,pfx,result){
-  result=result||[];
-  for(const d of list||[]){const path=pfx?(pfx+'/'+d.name):d.name;result.push({name:d.name,path,emoji:d.emoji});_flattenDepts(d.children||[],path,result);}
-  return result;
-}
-function openCreateAgentModal(){
-  const modelOpts=allModelsCache.map(m=>`<option value="${escHtml(m.id)}">${escHtml(m.name)} (${escHtml(m.provider)})</option>`).join('');
-  $('modalContainer').innerHTML=`<div class="modal-overlay" onclick="closeModal()"><div class="modal modal-wide" onclick="event.stopPropagation()">
-    <h3>🧠 新建 Agent</h3>
-    <div class="form-row">
-      <div class="form-group"><label>名称 *</label><input id="caName" placeholder="Agent 名称"></div>
-      <div class="form-group"><label>描述</label><input id="caDesc" placeholder="Agent 描述"></div>
-    </div>
-    <div class="form-row">
-      <div class="form-group"><label>头像</label>
-        <div class="flex gap-8 items-center" style="flex-wrap:wrap">
-          <div id="caAvatarPreview" class="avatar" style="width:48px;height:48px;background:#6366f122;border:2px solid #6366f1;font-size:24px">🤖</div>
-          <div style="flex:1;min-width:200px">
-            <div class="flex gap-8 items-center">
-              <input id="caEmoji" placeholder="🤖" maxlength="4" style="width:60px" oninput="$('caAvatarPreview').textContent=this.value||'🤖'">
-              <label class="btn btn-sm" style="cursor:pointer"><input type="file" accept="image/*" hidden onchange="handleAvatarUpload(this,'ca')">
-                📷 上传图片
-              </label>
-            </div>
-            <div id="caCropArea" style="display:none;margin-top:8px">
-              <div style="position:relative;display:inline-block">
-                <img id="caCropImg" draggable="false" style="max-width:300px;max-height:200px;border:1px solid #ddd;cursor:crosshair;user-select:none;-webkit-user-drag:none" onmousedown="startCrop(event,'ca')" ontouchstart="startCropTouch(event,'ca')">
-                <div id="caCropOverlay" style="position:absolute;border:2px dashed #4f46e5;background:rgba(79,70,229,0.15);display:none;pointer-events:none"></div>
-              </div>
-              <div class="flex gap-8 mt-8">
-                <button class="btn btn-sm btn-primary" onclick="confirmAvatarCrop('ca','${name||''}')">✂️ 裁剪并使用</button>
-                <button class="btn btn-sm btn-ghost" onclick="cancelAvatarCrop('ca')">取消</button>
-              </div>
-            </div>
-            <input type="hidden" id="caAvatarImage" value="">
-          </div>
-        </div>
-      </div>
-      <div class="form-group"><label>头像颜色</label><div class="flex gap-8 items-center"><input id="caColor" value="#6366f1" type="color" style="width:48px;height:34px;padding:2px"><input id="caColorText" value="#6366f1" style="flex:1" oninput="$('caColor').value=this.value"></div></div>
-    </div>
-    <div class="form-row">
-      <div class="form-group"><label>执行模式</label><select id="caExecMode"><option value="sandbox">沙盒 (Docker)</option><option value="local">本机</option></select></div>
-      <div class="form-group"><label>绑定模型</label><select id="caModelId"><option value="">使用全局默认</option>${modelOpts}</select></div>
-    </div>
-    <div class="form-group"><label>系统提示</label><textarea id="caPrompt" rows="4" placeholder="输入 Agent 的系统提示..."></textarea></div>
-    <div class="form-row">
-      <div class="form-group"><label>工作目录</label><input id="caWorkDir" placeholder="留空使用默认"></div>
-      <div class="form-group"><label>所属部门</label><select id="caDept"><option value="">无</option>${_flattenDepts(allDeptsCache).map(d=>`<option value="${escHtml(d.path)}">${escHtml((d.emoji||'📁')+' '+d.path)}</option>`).join('')}</select></div>
-    </div>
-    <div class="flex gap-8 mt-16">
-      <button class="btn btn-primary" onclick="doCreateAgent()">创建</button>
-      <button class="btn btn-ghost" onclick="closeModal()">取消</button>
-    </div>
-  </div></div>`;
-}
-
-async function doCreateAgent(){
-  const name=$('caName').value.trim();
-  if(!name){showToast('请输入名称','danger');return}
-  const r=await api('/api/agents',{method:'POST',body:JSON.stringify({
-    name,description:$('caDesc').value,avatar_emoji:$('caEmoji').value,
-    avatar_color:$('caColorText').value,execution_mode:$('caExecMode').value,
-    model_id:$('caModelId').value,system_prompt:$('caPrompt').value,
-    work_dir:$('caWorkDir').value,department:$('caDept').value,
-    avatar_image:$('caAvatarImage')?.value||''
-  })});
-  if(r.error){showToast(r.error,'danger');return}
-  closeModal();showToast('Agent 创建成功','success');renderAgents();
-}
-
-// Edit Agent Modal
-async function openEditAgentModal(path){
-  window._currentEditAgentPath=path;
-  const a=await api(`/api/agents/${encodeURIComponent(path)}`);
-  if(a.error){showToast(a.error,'danger');return}
-  const isSys=!!a.system;
-  const modelOpts=allModelsCache.map(m=>`<option value="${escHtml(m.id)}" ${a.model_id===m.id?'selected':''}>${escHtml(m.name)} (${escHtml(m.provider)})</option>`).join('');
-  const backupOpts=allModelsCache.filter(m=>m.id!==a.model_id).map(m=>`<option value="${escHtml(m.id)}" ${(a.backup_model_ids||[]).includes(m.id)?'selected':''}>${escHtml(m.name)}</option>`).join('');
-  const deptOpts=_flattenDepts(allDeptsCache).map(d=>`<option value="${escHtml(d.path)}" ${a.department===d.path||a.department===d.name?'selected':''}>${escHtml((d.emoji||'📁')+' '+d.path)}</option>`).join('');
-
-  $('modalContainer').innerHTML=`<div class="modal-overlay" onclick="closeModal()"><div class="modal modal-wide" onclick="event.stopPropagation()">
-    <h3>🧠 ${escHtml(a.name||path)} ${isSys?'<span class="badge badge-purple">系统</span>':''}</h3>
-    <div class="tabs" id="editAgentTabs">
-      <div class="tab active" onclick="agentTabSwitch(this,'atBasic')">基本信息</div>
-      <div class="tab" onclick="agentTabSwitch(this,'atSoul')">人格系统</div>
-      <div class="tab" onclick="agentTabSwitch(this,'atKB')">知识库</div>
-      <div class="tab" onclick="agentTabSwitch(this,'atSessions')">会话历史</div>
-      <div class="tab" onclick="agentTabSwitch(this,'atSettings')">设置</div>
-      <div class="tab" onclick="agentTabSwitch(this,'atPerms')">🔑 权限</div>
-    </div>
-
-    <!-- 基本信息 -->
-    <div id="atBasic">
-      <div class="form-row">
-        <div class="form-group"><label>名称</label><input id="eaName" value="${escHtml(a.name||'')}" ${isSys?'disabled':''}></div>
-        <div class="form-group"><label>描述</label><input id="eaDesc" value="${escHtml(a.description||'')}" ${isSys?'disabled':''}></div>
-      </div>
-      <div class="form-row">
-        <div class="form-group"><label>头像</label>
-          <div class="flex gap-8 items-center" style="flex-wrap:wrap">
-            <div id="eaAvatarPreview" class="avatar" style="width:48px;height:48px;background:${escHtml(a.avatar_color||'#6366f1')}22;border:2px solid ${escHtml(a.avatar_color||'#6366f1')};font-size:24px;overflow:hidden">${a.avatar_image?'<img src="'+escHtml(a.avatar_image)+'" style="width:100%;height:100%;object-fit:cover">':escHtml(a.avatar_emoji||'🤖')}</div>
-            <div style="flex:1;min-width:200px">
-              <div class="flex gap-8 items-center">
-                <input id="eaEmoji" value="${escHtml(a.avatar_emoji||'')}" style="width:60px" oninput="if(!$('eaAvatarImage').value){$('eaAvatarPreview').textContent=this.value||'🤖';$('eaAvatarPreview').innerHTML=''}" ${isSys?'disabled':''}>
-                <label class="btn btn-sm" style="cursor:pointer" ${isSys?'style=\"pointer-events:none;opacity:0.5\"':''}><input type="file" accept="image/*" hidden onchange="handleAvatarUpload(this,'ea')" ${isSys?'disabled':''}>
-                  📷 上传图片
-                </label>
-                ${a.avatar_image?'<button class="btn btn-sm btn-ghost" onclick="removeAvatarImage(&quot;'+escHtml(path)+'&quot;)">🗑️ 移除图片</button>':''}
-              </div>
-              <div id="eaCropArea" style="display:none;margin-top:8px">
-                <div style="position:relative;display:inline-block">
-                  <img id="eaCropImg" draggable="false" style="max-width:300px;max-height:200px;border:1px solid #ddd;cursor:crosshair;user-select:none;-webkit-user-drag:none" onmousedown="startCrop(event,'ea')" ontouchstart="startCropTouch(event,'ea')">
-                  <div id="eaCropOverlay" style="position:absolute;border:2px dashed #4f46e5;background:rgba(79,70,229,0.15);display:none;pointer-events:none"></div>
-                </div>
-                <div class="flex gap-8 mt-8">
-                  <button class="btn btn-sm btn-primary" onclick="confirmAvatarCrop('ea','${escHtml(path)}')">✂️ 裁剪并使用</button>
-                  <button class="btn btn-sm btn-ghost" onclick="cancelAvatarCrop('ea')">取消</button>
-                </div>
-              </div>
-              <input type="hidden" id="eaAvatarImage" value="${escHtml(a.avatar_image||'')}">
-            </div>
-          </div>
-        </div>
-        <div class="form-group"><label>头像颜色</label><div class="flex gap-8 items-center"><input id="eaColor" value="${escHtml(a.avatar_color||'#6366f1')}" type="color" style="width:48px;height:34px;padding:2px" ${isSys?'disabled':''}><input id="eaColorText" value="${escHtml(a.avatar_color||'#6366f1')}" style="flex:1" oninput="$('eaColor').value=this.value" ${isSys?'disabled':''}></div></div>
-      </div>
-      <div class="form-group"><label>绑定模型</label><select id="eaModelId"><option value="">使用全局默认</option>${modelOpts}</select></div>
-      <div class="form-group"><label>备用模型</label><select id="eaBackupModels" multiple style="min-height:60px">${backupOpts}</select><div style="font-size:11px;color:var(--text2);margin-top:4px">按住 Ctrl/Cmd 多选</div></div>
-      <div class="form-row">
-        <div class="form-group"><label>Agent ID <span style="color:var(--text2)">(只读)</span></label><input id="eaId" value="${escHtml(a.id||'-')}" disabled></div>
-        <div class="form-group"><label>创建时间 <span style="color:var(--text2)">(只读)</span></label><input id="eaCreated" value="${fmtDate(a.created_at)}" disabled></div>
-      </div>
-      <div class="form-group"><label>工作目录</label><input id="eaWorkDir" value="${escHtml(a.work_dir||'')}" placeholder="留空使用默认"></div>
-      <div class="form-group"><label>系统提示</label><textarea id="eaPrompt" rows="4" ${isSys?'disabled':''}></textarea></div>
-      <div class="flex gap-8 mt-16">
-        <button class="btn btn-primary" onclick="doSaveAgent('${escHtml(path)}')">保存</button>
-        <button class="btn btn-ghost" onclick="closeModal()">关闭</button>
-      </div>
-    </div>
-
-    <!-- 人格系统 -->
-    <div id="atSoul" class="hidden">
-      <div class="form-group"><label>soul.md</label><textarea id="eaSoul" rows="10" style="min-height:200px"></textarea>
-        <button class="btn btn-sm btn-primary mt-8" onclick="doSaveSoul('${escHtml(path)}')">保存 Soul</button></div>
-      <div class="form-group"><label>identity.md</label><textarea id="eaIdentity" rows="10" style="min-height:200px"></textarea>
-        <button class="btn btn-sm btn-primary mt-8" onclick="doSaveIdentity('${escHtml(path)}')">保存 Identity</button></div>
-      <div class="form-group"><label>user.md</label><textarea id="eaUser" rows="6" style="min-height:120px"></textarea>
-        <button class="btn btn-sm btn-primary mt-8" onclick="doSaveUser('${escHtml(path)}')">保存 User</button></div>
-    </div>
-
-    <!-- 知识库 -->
-    <div id="atKB" class="hidden">
-      <div id="kbContent"><div class="empty">加载中...</div></div>
-    </div>
-
-    <!-- 会话历史 -->
-    <div id="atSessions" class="hidden">
-      <div id="sessionsContent"><div class="empty">加载中...</div></div>
-    </div>
-
-    <!-- 设置 -->
-    <div id="atSettings" class="hidden">
-      <div class="form-group"><label>启用状态</label>
-        <label class="toggle"><input type="checkbox" id="eaEnabled" ${a.enabled!==false?'checked':''}><span class="slider"></span></label></div>
-      <div class="form-group"><label>部门</label><select id="eaDept"><option value="">无</option>${_flattenDepts(allDeptsCache).map(d=>`<option value="${escHtml(d.path)}" ${a.department===d.path||a.department===d.name?'selected':''}>${escHtml((d.emoji||'📁')+' '+d.path)}</option>`).join('')}</select></div>
-      <div class="flex gap-8 mt-16">
-        <button class="btn btn-primary" onclick="doSaveAgentSettings('${escHtml(path)}')">保存设置</button>
-      </div>
-    </div>
-
-    <!-- 权限 -->
-    <div id="atPerms" class="hidden">
-      <div id="atPermsContent"><div class="empty">加载中...</div></div>
-    </div>
-  </div></div>`;
-  // [v1.20.2] 安全设置 textarea 内容（避免模板字符串注入和 HTML 实体问题）
-  if($('eaPrompt'))$('eaPrompt').value=a.system_prompt||'';
-  if($('eaSoul'))$('eaSoul').value=a.soul||'';
-  if($('eaIdentity'))$('eaIdentity').value=a.identity||'';
-  if($('eaUser'))$('eaUser').value=a.user||'';
-}
-
-function agentTabSwitch(el,tabId){
-  el.parentElement.querySelectorAll('.tab').forEach(t=>t.classList.remove('active'));
-  el.classList.add('active');
-  const allTabs=['atBasic','atSoul','atKB','atSessions','atSettings','atPerms'];
-  allTabs.forEach(id=>$(id).classList.toggle('hidden',id!==tabId));
-  // Lazy load
-  if(tabId==='atKB')loadAgentKB();
-  if(tabId==='atSessions')loadAgentSessions();
-  if(tabId==='atPerms')loadAgentPerms();
-}
-
-async function doSaveAgent(path){
-  const r=await api(`/api/agents/${encodeURIComponent(path)}`,{method:'PUT',body:JSON.stringify({
-    name:$('eaName').value,
-    description:$('eaDesc').value,avatar_emoji:$('eaEmoji').value,avatar_color:$('eaColorText').value,
-    model_id:$('eaModelId').value,
-    backup_model_ids:Array.from($('eaBackupModels').selectedOptions).map(o=>o.value),
-    work_dir:$('eaWorkDir').value,system_prompt:$('eaPrompt').value,
-    avatar_image:$('eaAvatarImage')?.value||''
-  })});
-  if(r.error){showToast(r.error,'danger');return}
-  showToast('已保存','success');
-  // [v1.20.2] 如果 agent 被重命名，更新当前编辑路径，防止后续保存出现 not found
-  if(r.renamed_to){window._currentEditAgentPath=r.renamed_to}
-  renderAgents();
-}
-
-async function doSaveAgentSettings(path){
-  const r=await api(`/api/agents/${encodeURIComponent(path)}`,{method:'PUT',body:JSON.stringify({
-    enabled:$('eaEnabled').checked,department:$('eaDept').value
-  })});
-  if(r.error){showToast(r.error,'danger');return}
-  showToast('设置已保存','success');
-}
-
-async function doSaveSoul(path){const r=await api(`/api/agents/${encodeURIComponent(path)}/soul`,{method:'PUT',body:JSON.stringify({soul:$('eaSoul').value})});if(r.error){showToast(r.error,'danger');return}showToast('Soul.md 已保存','success')}
-async function doSaveIdentity(path){const r=await api(`/api/agents/${encodeURIComponent(path)}/identity`,{method:'PUT',body:JSON.stringify({identity:$('eaIdentity').value})});if(r.error){showToast(r.error,'danger');return}showToast('Identity.md 已保存','success')}
-async function doSaveUser(path){const r=await api(`/api/agents/${encodeURIComponent(path)}/user`,{method:'PUT',body:JSON.stringify({user:$('eaUser').value})});if(r.error){showToast(r.error,'danger');return}showToast('User.md 已保存','success')}
-
-async function loadAgentKB(){
-  // Find current agent path from the modal title or store it
-  const title=$('editAgentTabs')?.parentElement?.querySelector('h3')?.textContent||'';
-  const match=title.match(/🧠\s+(.+)/);
-  if(!match)return;
-  // We need the agent path - store it during openEditAgentModal
-  const path=window._currentEditAgentPath;
-  if(!path)return;
-  const kb=await api(`/api/agents/${encodeURIComponent(path)}/knowledge`);
-  const files=Array.isArray(kb)?kb:(kb?.files||[]);
-  let html=`<div class="flex justify-between items-center mb-16">
-    <h4 style="font-size:14px;color:var(--text2)">知识库文件 (${files.length})</h4>
-    <button class="btn btn-sm btn-primary" onclick="uploadAgentKB('${escHtml(path)}',false)">上传文件</button> <button class="btn btn-sm btn-secondary" onclick="uploadAgentKB('${escHtml(path)}',true)">📁 上传文件夹</button></div>`;
-  if(files.length===0){html+='<div class="empty">暂无知识库文件</div>';}
-  else{html+='<div class="table-wrap"><table><tr><th>文件名</th><th>大小</th><th>操作</th></tr>';
-    for(const f of files){html+=`<tr><td>${escHtml(f.name||f.filename||'')}</td><td>${f.size?f.size>1024?(f.size/1024).toFixed(1)+' KB':f.size+' B':'-'}</td>
-      <td><button class="btn btn-sm btn-ghost" onclick="viewAgentKB('${escHtml(path)}','${escHtml(f.name||f.filename||'')}')">查看</button>
-      <button class="btn btn-sm btn-danger" onclick="deleteAgentKB('${escHtml(path)}','${escHtml(f.name||f.filename||'')}')">删除</button></td></tr>`}
-    html+='</table></div>';}
-  $('kbContent').innerHTML=html;
-}
-
-async function uploadAgentKB(path,folderMode){
-  const input=document.createElement('input');input.type='file';input.multiple=true;
-  if(folderMode){input.webkitdirectory=true;}
-  input.onchange=async()=>{
-    const fd=new FormData();
-    for(const f of input.files){
-      if(f.webkitRelativePath){fd.append('files',f,{headers:{'X-File-Path':f.webkitRelativePath}});}
-      else{fd.append('files',f);}
-    }
-    showToast('正在上传...','info');
-    const r=await fetch(API+`/api/agents/${encodeURIComponent(path)}/knowledge/upload`,{method:'POST',body:fd});
-    const data=await r.json();
-    if(data.error){showToast(data.error,'danger');return}
-    const total=data.results?data.results.length:0;
-    const okCount=data.results?data.results.filter(x=>x.ok).length:0;
-    showToast(`上传完成: ${okCount}/${total} 文件成功`,okCount===total?'success':'warning');
-    loadAgentKB(path);
-  };input.click();
-}
-async function viewAgentKB(path,filename){
-  const r=await fetch(API+'/api/agents/'+encodeURIComponent(path)+'/knowledge/file?path='+encodeURIComponent(filename));
-  const ct=r.headers.get('content-type')||'';
-  if(ct.includes('application/json')){
-    const data=await r.json();
-    if(data.error){showToast(data.error,'danger');return}
-    const content=typeof data==='string'?data:(data.content||JSON.stringify(data,null,2));
-    $('modalContainer').innerHTML=`<div class="modal-overlay" onclick="closeModal()"><div class="modal" onclick="event.stopPropagation()" style="max-width:800px">
-      <h3>${escHtml(filename)}</h3>
-      <div class="log-viewer" style="max-height:60vh;white-space:pre-wrap">${escHtml(content.slice(0,5000))}${content.length>5000?'\n...(已截断)':''}</div>
-      <div class="flex gap-8 mt-16"><button class="btn btn-ghost" onclick="closeModal()">关闭</button></div>
-    </div></div>`;
-  } else {
-    // 二进制文件 — 下载
-    const blob=await r.blob();
-    const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download=filename;a.click();
-    URL.revokeObjectURL(a.href);
-  }
-}
-async function deleteAgentKB(path,filename){
-  if(!confirm('确认删除 '+filename+'?'))return;
-  await api(`/api/agents/${encodeURIComponent(path)}/knowledge?path=${encodeURIComponent(filename)}`,{method:'DELETE'});
-  showToast('已删除','success');loadAgentKB(path);
-}
-
-async function loadAgentSessions(){
-  const path=window._currentEditAgentPath;if(!path)return;
-  const data=await api(`/api/agents/${encodeURIComponent(path)}/sessions`);
-  const sessions=Array.isArray(data)?data:(data?.sessions||[]);
-  let html=`<div class="flex justify-between items-center mb-16"><h4 style="font-size:14px;color:var(--text2)">会话 (${sessions.length})</h4></div>`;
-  if(sessions.length===0){html+='<div class="empty">暂无会话</div>';}
-  else{html+='<div class="table-wrap"><table><tr><th>会话</th><th>消息数</th><th>最后活动</th><th></th></tr>';
-    for(const s of sessions){const dn=s.display_name||s.id;html+=`<tr><td style="max-width:200px;overflow:hidden;text-overflow:ellipsis" title="${escHtml(s.id)}">${escHtml(dn.length>25?dn.slice(0,25)+'...':dn)}</td><td>${s.messages||0}</td><td>${fmtTimeAgo(s.last)}</td><td><button class="btn btn-sm" style="background:var(--success);color:#fff" onclick="enterSession('${escHtml(s.id)}','${escHtml(path)}')">切入</button> <button class="btn btn-sm btn-ghost" onclick="viewSessionMsgs('${escHtml(s.id)}')">查看</button></td></tr>`}
-    html+='</table></div>';}
-  $('sessionsContent').innerHTML=html;
-}
-
-async function viewSessionMsgs(sid){
-  const msgs=await api(`/api/sessions/${encodeURIComponent(sid)}/messages?limit=100`);
-  if(!Array.isArray(msgs)){$('sessionsContent').innerHTML='<div class="empty">加载失败</div>';return;}
-  let html='<h4 style="margin-bottom:12px">会话消息 <span class="badge badge-blue">'+msgs.length+' 条</span></h4>';
-  html+='<div style="max-height:500px;overflow-y:auto">';
-  for(const m of msgs){
-    const role=m.role||'assistant';
-    const key=m.key||'';
-    const content=m.content||'';
-    const time=(m.time||'').slice(0,19);
-    if(role==='tool'){
-      const isResult=key==='tool_result';
-      const isCall=key==='tool_call';
-      const icon=isResult?'📋':(isCall?'⚙️':'🔧');
-      const label=isResult?'工具执行结果':(isCall?'工具调用':'工具过程');
-      const isOk=isResult&&!content.includes('失败');
-      const badge=isResult?`<span class="badge ${isOk?'badge-green':'badge-red'}" style="margin-left:6px">${isOk?'成功':'失败'}</span>`:'';
-      html+=`<details style="margin:6px 0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden"><summary style="padding:8px 12px;cursor:pointer;font-size:13px;color:var(--text2);background:var(--surface2)">${icon} ${label}${badge}</summary><div style="padding:8px 12px;background:var(--surface);font-size:12px;white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto;color:var(--text2)">${escHtml(content.length>1500?content.slice(0,1500)+'\\n... (共'+content.length+'字符)':content)}</div></details>`;
-    }else{
-      const isUser=role==='user';
-      const bg=isUser?'var(--primary)':'var(--surface2)';
-      const fg=isUser?'#fff':'var(--text)';
-      const align=isUser?'text-align:right':'';
-      const avatar=isUser?'👤':'🤖';
-      const displayContent=content.length>500?content.slice(0,500)+'...':content;
-      html+=`<div style="margin:8px 0;display:flex;gap:8px;${align}">`;
-      if(!isUser)html+=`<div style="flex-shrink:0;font-size:16px;margin-top:2px">${avatar}</div>`;
-      html+=`<div class="msg-bubble-wrap" style="min-width:0"><div style="font-size:11px;color:var(--text3);margin-bottom:2px">${isUser?'用户':'助手'} <span style="margin-left:4px">${time}</span></div><div style="background:${bg};color:${fg};padding:10px 14px;border-radius:var(--radius);font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word">${escHtml(displayContent)}</div></div>`;
-      if(isUser)html+=`<div style="flex-shrink:0;font-size:16px;margin-top:2px">${avatar}</div>`;
-      html+=`</div>`;
-    }
-  }
-  html+='</div><div class="flex gap-8 mt-8"><button class="btn btn-ghost" onclick="loadAgentSessions()">返回</button></div>';
-  $('sessionsContent').innerHTML=html;
-}
-
-async function loadAgentPerms(){
-  const path=window._currentEditAgentPath;if(!path)return;
-  const [agentPerms,globalPerms,agentInfo]=await Promise.all([
-    api('/api/permissions/'+encodeURIComponent(path)),
-    api('/api/permissions'),
-    api(`/api/agents/${encodeURIComponent(path)}`)
-  ]);
-  const perms=globalPerms.all_permissions||[];
-  const labels=globalPerms.labels||{};
-  const defaults=globalPerms.defaults||{};
-  const ap=agentPerms.permissions||{};
-  const execMode=agentInfo.execution_mode||'sandbox';
-  const isSys=!!agentInfo.system;
-
-  // ── 执行模式卡片 ──
-  let html='<div class="card" style="margin-bottom:16px">';
-  html+='<h3 style="font-size:14px;color:var(--text2);margin-bottom:8px">⚡ 执行环境</h3>';
-  html+='<p style="color:var(--text2);font-size:12px;margin-bottom:12px">选择 Agent 代码执行的运行环境。沙盒模式隔离更安全，本机模式可使用全部本地资源。</p>';
-  html+='<div style="display:flex;gap:12px">';
-  html+=`<label style="flex:1;display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:var(--radius);border:2px solid ${execMode==='sandbox'?'var(--primary)':'var(--border)'};cursor:pointer;background:${execMode==='sandbox'?'var(--accent-light)':'transparent'};transition:all .15s" onclick="document.getElementById('permExecSandbox').checked=true;updateExecModeUI()">`;
-  html+=`<input type="radio" name="permExecMode" id="permExecSandbox" value="sandbox" ${execMode==='sandbox'?'checked':''} style="display:none">`;
-  html+=`<span style="font-size:28px">🐳</span><div><div style="font-weight:600;font-size:14px">沙盒模式</div><div style="font-size:11px;color:var(--text2);margin-top:2px">Docker 容器隔离，安全受限</div></div></label>`;
-  html+=`<label style="flex:1;display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:var(--radius);border:2px solid ${execMode==='local'?'var(--primary)':'var(--border)'};cursor:pointer;background:${execMode==='local'?'var(--accent-light)':'transparent'};transition:all .15s" onclick="document.getElementById('permExecLocal').checked=true;updateExecModeUI()">`;
-  html+=`<input type="radio" name="permExecMode" id="permExecLocal" value="local" ${execMode==='local'?'checked':''} style="display:none">`;
-  html+=`<span style="font-size:28px">💻</span><div><div style="font-weight:600;font-size:14px">本机模式</div><div style="font-size:11px;color:var(--text2);margin-top:2px">直接在本机运行，完整权限</div></div></label>`;
-  html+='</div></div>';
-
-  // ── 功能权限卡片 ──
-  html+='<div class="card" style="margin-bottom:16px">';
-  html+='<h3 style="font-size:14px;color:var(--text2);margin-bottom:8px">🔑 功能权限</h3>';
-  html+='<p style="color:var(--text2);font-size:12px;margin-bottom:12px">精细控制 Agent 的各项能力。未设置的项目将使用全局默认值。</p>';
-  html+='<div class="grid grid-3" style="gap:12px">';
-  for(const p of perms){
-    const label=labels[p]||p;
-    const defVal=defaults[p]!==false;
-    const curVal=ap[p]!==undefined?ap[p]:defVal;
-    const checked=curVal?'checked':'';
-    const isDefault=ap[p]===undefined?'<span style=\"color:var(--text3);font-size:11px;margin-left:4px\">(默认)</span>':'';
-    html+=`<div class="form-group" style="display:flex;align-items:center;gap:10px"><label style="flex:1;font-weight:500">${label}${isDefault}</label><input type="checkbox" id="agent_perm_${p}" ${checked} style="width:18px;height:18px;cursor:pointer"></div>`;
-  }
-  html+='</div></div>';
-
-  // ── 操作按钮 ──
-  html+='<div class="flex gap-8">';
-  html+='<button class="btn btn-primary" onclick="saveAgentPermsFromTab()">💾 保存全部</button>';
-  html+='<button class="btn btn-ghost" onclick="resetAgentPermsFromTab()">🔄 重置功能权限为默认</button>';
-  html+='</div>';
-  $('atPermsContent').innerHTML=html;
-}
-function updateExecModeUI(){
-  const sandbox=document.getElementById('permExecSandbox');
-  const local=document.getElementById('permExecLocal');
-  if(!sandbox||!local)return;
-  const isLocal=local.checked;
-  [sandbox.parentElement,local.parentElement].forEach(el=>{
-    const radio=el.querySelector('input[type=radio]');
-    if(radio.checked){el.style.borderColor='var(--primary)';el.style.background='var(--accent-light)'}
-    else{el.style.borderColor='var(--border)';el.style.background='transparent'}
-  });
-}
-async function saveAgentPermsFromTab(){
-  const path=window._currentEditAgentPath;if(!path)return;
-  // 1. 保存执行模式
-  const execSandbox=document.getElementById('permExecSandbox');
-  const execLocal=document.getElementById('permExecLocal');
-  const newExecMode=(execSandbox&&execSandbox.checked)?'sandbox':((execLocal&&execLocal.checked)?'local':'sandbox');
-  const execR=await api(`/api/agents/${encodeURIComponent(path)}`,{method:'PUT',body:JSON.stringify({execution_mode:newExecMode})});
-  if(execR.error){showToast('执行模式保存失败: '+execR.error,'danger');return}
-
-  // 2. 保存功能权限
-  const [agentPerms,globalPerms]=await Promise.all([
-    api('/api/permissions/'+encodeURIComponent(path)),
-    api('/api/permissions')
-  ]);
-  const perms=globalPerms.all_permissions||[];
-  const defaults=globalPerms.defaults||{};
-  const data={};
-  for(const p of perms){
-    const el=document.getElementById('agent_perm_'+p);
-    if(!el)continue;
-    const defVal=defaults[p]!==false;
-    const curVal=el.checked;
-    if(curVal!==defVal){data[p]=curVal}
-  }
-  const r=await api('/api/permissions/'+encodeURIComponent(path),{method:'PUT',body:JSON.stringify(data)});
-  if(r.error){showToast('权限保存失败: '+r.error,'danger');return}
-  showToast('权限配置已保存','success');
-}
-async function resetAgentPermsFromTab(){
-  const path=window._currentEditAgentPath;if(!path)return;
-  if(!confirm('确认将此 Agent 的权限重置为全局默认值？'))return;
-  const r=await api('/api/permissions/'+encodeURIComponent(path),{method:'DELETE'});
-  if(r.error){showToast(r.error,'danger');return}
-  showToast('已重置为默认权限','success');
-  loadAgentPerms();
-}
-
-function confirmDeleteAgent(path,name){
-  showConfirm('删除 Agent','确认删除 Agent "'+escHtml(name)+'" 吗？\n\n删除后将同时清理：\n  📁 工作目录及所有文件\n  💬 该 Agent 的所有会话历史\n  🧠 相关记忆数据\n  🔗 所有子 Agent\n\n⚠️ 此操作不可撤销！',async()=>{
-    const r=await api(`/api/agents/${encodeURIComponent(path)}`,{method:'DELETE'});
-    if(r.error){showToast(r.error,'danger');return}
-    closeModal();showToast('已删除','success');renderAgents();
-  });
-}
-
-// 直接以执行模式打开与指定 Agent 的对话
-function chatWithAgent(path){
-  window.location.href='/ui/chat/chat_container.html?agent='+encodeURIComponent(path)+'&mode=exec';
-}
-
-// ========== Platforms ==========
-async function renderPlatforms(){
-  const ps=await api('/api/platforms');
-  if(ps.error){$('content').innerHTML='<div class="empty" style="color:var(--danger)">加载失败: '+escHtml(ps.error)+'</div>';return}
-  const icons={telegram:'📱',discord:'🎮',feishu:'🐦',qq:'🐧',wechat:'💚',whatsapp:'💬'};
-  let html=`<div class="flex justify-between items-center mb-16">
-    <div style="color:var(--text2);font-size:13px">共 ${ps.length} 个平台实例</div>
-    <button class="btn btn-primary" onclick="showAddPlatformModal()">+ 添加平台</button></div>`;
-  if(!ps.length){html+='<div class="empty">暂无聊天平台配置，点击上方按钮添加</div>';$('content').innerHTML=html;return}
-  html+='<div class="grid">';
-  for(const p of ps){
-    const pid=p.id||p.platform;
-    const displayName=p.display_name||(icons[p.platform]||'📡')+' '+p.platform;
-    const bindInfo=p.bind_agent?'绑定: '+escHtml(p.bind_agent):(p.bind_agents&&p.bind_agents.length?'绑定: '+p.bind_agents.map(a=>escHtml(a)).join(', '):'');
-    const _supportsQR=['telegram','wechat','whatsapp'].includes(p.platform);
-    html+=`<div class="card"><div class="flex justify-between items-center">
-      <h3 style="color:var(--text)">${icons[p.platform]||'📡'} ${escHtml(p.display_name||p.platform)}</h3>
-      <span class="badge ${p.enabled?'badge-green':'badge-red'}">${p.enabled?'已启用':'未启用'}</span>
-    </div><p style="font-size:13px;color:var(--text2);margin-top:8px">Token: ${p.token?'已配置':'未配置'} ${p.app_id?'· App ID: '+escHtml(p.app_id):''}</p>
-    ${bindInfo?'<p style="font-size:12px;color:var(--text3);margin-top:4px">'+bindInfo+'</p>':''}
-    <div class="mt-8 flex gap-8">
-      <button class="btn btn-sm ${p.enabled?'btn-danger':'btn-success'}" onclick="togglePlatform('${escHtml(pid)}',${!p.enabled})">${p.enabled?'停用':'启用'}</button>
-      <button class="btn btn-sm btn-ghost" onclick="showEditPlatformModal('${escHtml(pid)}')">配置</button>
-      ${_supportsQR?'<button class="btn btn-sm btn-primary" onclick="showPlatformQRModal(\''+escHtml(pid)+'\')">📱 QR绑定</button>':''}
-    </div></div>`;
-  }
-  html+='</div>';$('content').innerHTML=html;
-}
-async function togglePlatform(id,enable){
-  const r=await api(`/api/platforms/${id}`,{method:'PUT',body:JSON.stringify({enabled})});
-  if(r.error){showToast('操作失败: '+r.error,'danger');return}
-  showToast(enable?'平台已启用':'平台已停用',enable?'success':'info');
-  renderPlatforms();
-}
-function showAddPlatformModal(){
-  $('modalContainer').innerHTML=`<div class="modal-overlay" onclick="closeModal()"><div class="modal" onclick="event.stopPropagation()" style="max-width:520px">
-    <h3>+ 添加聊天平台</h3>
-    <div class="form-group"><label>平台类型</label><select id="apType" onchange="onPlatformTypeChange()">
-      <option value="telegram">Telegram</option><option value="discord">Discord</option>
-      <option value="feishu">飞书</option><option value="qq">QQ</option><option value="wechat">微信</option>
-      <option value="whatsapp">WhatsApp</option>
-    </select></div>
-    <div class="form-group"><label>Token / Access Token</label><input id="apToken" placeholder="Bot Token 或 Access Token"></div>
-    <div id="apAppIdGroup" class="form-group"><label>App ID</label><input id="apAppId" placeholder="应用ID (可选)"></div>
-    <div id="apWebhookGroup" class="form-group"><label>Webhook URL</label><input id="apWebhook" placeholder="Webhook 地址 (可选)"></div>
-    <div class="form-group"><label>绑定 Agent</label>
-      <div class="flex gap-8">
-        <input id="apBindAgent" placeholder="手输 Agent ID (可选)" style="flex:1">
-        <button class="btn btn-sm btn-ghost" onclick="showAgentSelectorForPlatform('apBindAgent','apBindAgents')">选择 Agent</button>
-      </div>
-      <div id="apBindAgents" style="font-size:11px;color:var(--text3);margin-top:4px"></div>
-      <div class="hint">手输 Agent ID 或点击"选择 Agent"从部门中选择。支持绑定多个 Agent。</div>
-    </div>
-    <div class="flex gap-8 mt-16"><button class="btn btn-primary" onclick="doAddPlatform()">添加</button><button class="btn btn-ghost" onclick="closeModal()">取消</button></div>
-  </div></div>`;
-}
-function onPlatformTypeChange(){
-  var t=$('apType').value;
-  var showAppId=(t==='feishu'||t==='whatsapp');
-  var showWebhook=(t==='whatsapp');
-  if($('apAppIdGroup'))$('apAppIdGroup').style.display=showAppId?'':'none';
-  if($('apWebhookGroup'))$('apWebhookGroup').style.display=showWebhook?'':'none';
-}
-async function doAddPlatform(){
-  var bindAgent=$('apBindAgent').value.trim();
-  var bindAgents=[];
-  var selectedEls=document.querySelectorAll('#apBindAgents .selected-agent-tag');
-  selectedEls.forEach(function(el){var v=el.getAttribute('data-agent');if(v)bindAgents.push(v);});
-  if(bindAgent)bindAgents.unshift(bindAgent);
-  bindAgents=[...new Set(bindAgents)];
-  const r=await api('/api/platforms',{method:'POST',body:JSON.stringify({platform:$('apType').value,token:$('apToken').value,app_id:$('apAppId').value,webhook_url:$('apWebhook').value,bind_agent:bindAgents[0]||'',bind_agents:bindAgents})});
-  if(r.error){showToast(r.error,'danger');return}closeModal();showToast('已添加: '+(r.display_name||r.platform),'success');renderPlatforms();
-}
-async function showEditPlatformModal(id){
-  const p=await api(`/api/platforms/${id}`);
-  if(p.error){showToast(p.error,'danger');return}
-  const pid=p.id||id;
-  var bindAgentVal=p.bind_agent||'';
-  var bindAgentsArr=p.bind_agents||[];
-  $('modalContainer').innerHTML=`<div class="modal-overlay" onclick="closeModal()"><div class="modal" onclick="event.stopPropagation()" style="max-width:520px">
-    <h3>配置 ${escHtml(p.display_name||p.platform)}</h3>
-    <div class="form-group"><label>显示名称</label><input id="epDisplayName" value="${escHtml(p.display_name||'')}" placeholder="留空自动生成"></div>
-    <div class="form-group"><label>Token / Access Token</label><input id="epToken" value="${escHtml(p.token||'')}" placeholder="Bot Token"></div>
-    <div id="epAppIdGroup" class="form-group"><label>App ID</label><input id="epAppId" value="${escHtml(p.app_id||'')}" placeholder="应用ID"></div>
-    <div class="form-group"><label>App Secret</label><input id="epSecret" type="password" placeholder="${p.has_secret?'已配置（留空不修改）':'未配置'}"></div>
-    <div id="epWebhookGroup" class="form-group"><label>Webhook URL</label><input id="epWebhook" value="${escHtml(p.webhook_url||'')}" placeholder="Webhook 地址"></div>
-    <div class="form-group"><label>允许用户 (逗号分隔)</label><input id="epUsers" value="${escHtml((p.allowed_users||[]).join(','))}" placeholder="user1,user2"></div>
-    <div class="form-group"><label>绑定 Agent</label>
-      <div class="flex gap-8">
-        <input id="epBindAgent" value="${escHtml(bindAgentVal)}" placeholder="手输 Agent ID (可选)" style="flex:1">
-        <button class="btn btn-sm btn-ghost" onclick="showAgentSelectorForPlatform('epBindAgent','epBindAgents')">选择 Agent</button>
-      </div>
-      <div id="epBindAgents" style="font-size:11px;color:var(--text3);margin-top:4px">${bindAgentsArr.map(function(a){return '<span class="selected-agent-tag" data-agent="'+escHtml(a)+'" style="display:inline-block;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 6px;margin:2px;font-size:11px;cursor:pointer" onclick="this.remove()" title="点击移除">'+escHtml(a)+' ×</span>';}).join('')}</div>
-      <div class="hint">手输 Agent ID 或点击"选择 Agent"从部门中选择。一个平台可以绑定多个 Agent。</div>
-    </div>
-    <div class="flex gap-8 mt-16"><button class="btn btn-primary" onclick="doSavePlatform('${escHtml(pid)}')">保存</button><button class="btn btn-danger" onclick="doDeletePlatform('${escHtml(pid)}')">删除平台</button><button class="btn btn-ghost" onclick="closeModal()">关闭</button></div>
-  </div></div>`;
-}
-async function doSavePlatform(id){
-  var bindAgent=$('epBindAgent').value.trim();
-  var bindAgents=[];
-  var selectedEls=document.querySelectorAll('#epBindAgents .selected-agent-tag');
-  selectedEls.forEach(function(el){var v=el.getAttribute('data-agent');if(v)bindAgents.push(v);});
-  if(bindAgent)bindAgents.unshift(bindAgent);
-  bindAgents=[...new Set(bindAgents)];
-  const r=await api(`/api/platforms/${id}`,{method:'PUT',body:JSON.stringify({display_name:$('epDisplayName').value,token:$('epToken').value,app_id:$('epAppId').value,app_secret:$('epSecret').value||undefined,webhook_url:$('epWebhook').value,allowed_users:$('epUsers').value.split(',').map(s=>s.trim()).filter(Boolean),bind_agent:bindAgents[0]||'',bind_agents:bindAgents})});
-  if(r.error){showToast(r.error,'danger');return}closeModal();showToast('已保存','success');renderPlatforms();
-}
-async function doDeletePlatform(id){
-  showConfirm('删除平台','确认删除该平台实例吗？',async()=>{
-    const r=await api(`/api/platforms/${id}`,{method:'DELETE'});if(r.error){showToast(r.error,'danger');closeModal();return}closeModal();showToast('已删除','success');renderPlatforms();
-  });
-}
-
-// [v1.20.3] QR 码绑定模态框
-let _qrPollTimer=null;
-async function showPlatformQRModal(platformId){
-  if(_qrPollTimer){clearInterval(_qrPollTimer);_qrPollTimer=null}
-  $('modalContainer').innerHTML='<div class="modal-overlay" onclick="closeModal();if(_qrPollTimer){clearInterval(_qrPollTimer);_qrPollTimer=null}"><div class="modal" onclick="event.stopPropagation()" style="max-width:420px;text-align:center"><h3>📱 QR 码绑定</h3><p style="font-size:13px;color:var(--text2);margin:8px 0">使用手机扫描下方二维码以绑定账号</p><div id="qrStatus" style="margin:12px 0;padding:12px;border-radius:var(--radius-sm);background:var(--bg3);font-size:13px;color:var(--text2)">正在请求 QR 码...</div><div id="qrCodeContainer" style="display:flex;justify-content:center;padding:16px 0"><div id="qrCodeImg" style="width:256px;height:256px;border:1px solid var(--bg4);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:13px">加载中...</div></div><div id="qrActions" style="display:none;margin-top:12px"><button class="btn btn-sm btn-ghost" onclick="requestNewQR(\''+escHtml(platformId)+'\')">🔄 刷新 QR 码</button></div><div class="flex gap-8 mt-16"><button class="btn btn-ghost" onclick="closeModal();if(_qrPollTimer){clearInterval(_qrPollTimer);_qrPollTimer=null}">关闭</button></div></div></div>';
-  var r=await api('/api/platforms/'+encodeURIComponent(platformId)+'/qr',{method:'POST'});
-  if(r.error){$('qrStatus').textContent='错误: '+escHtml(r.error);return}
-  if(r.qr_code){
-    $('qrCodeImg').innerHTML='<img src="data:image/png;base64,'+r.qr_code+'" style="width:256px;height:256px;border-radius:8px" alt="QR Code">';
-    $('qrStatus').innerHTML='<span style="color:var(--warn)">⏳ 等待扫码...</span>';
-    $('qrActions').style.display='block';
-  }else if(r.status==='connected'){
-    $('qrStatus').innerHTML='<span style="color:var(--success)">✅ 已连接</span>';
-    $('qrCodeImg').innerHTML='<div style="color:var(--success);font-size:24px;padding:40px">✅<br><span style="font-size:14px">已成功连接</span></div>';
-  }else{$('qrStatus').textContent=r.error||'QR 码生成失败，请检查平台配置';}
-  _qrPollTimer=setInterval(async()=>{
-    try{
-      var s=await api('/api/platforms/'+encodeURIComponent(platformId)+'/qr');
-      if(s.status==='connected'){
-        $('qrStatus').innerHTML='<span style="color:var(--success)">✅ 已连接</span>';
-        $('qrCodeImg').innerHTML='<div style="color:var(--success);font-size:24px;padding:40px">✅<br><span style="font-size:14px">已成功连接</span></div>';
-        $('qrActions').style.display='none';
-        clearInterval(_qrPollTimer);_qrPollTimer=null;
-        showToast('QR 绑定成功！','success');renderPlatforms();
-      }else if(s.status==='waiting_scan'&&s.qr_code){
-        $('qrCodeImg').innerHTML='<img src="data:image/png;base64,'+s.qr_code+'" style="width:256px;height:256px;border-radius:8px" alt="QR Code">';
-        $('qrStatus').innerHTML='<span style="color:var(--warn)">⏳ 等待扫码...</span>';
-        $('qrActions').style.display='block';
-      }else if(s.status==='disconnected'){
-        $('qrStatus').innerHTML='<span style="color:var(--danger)">❌ 已断开</span>';
-        $('qrActions').style.display='block';
-      }
-    }catch(e){}
-  },3000);
-}
-async function requestNewQR(platformId){
-  $('qrStatus').textContent='正在刷新 QR 码...';
-  $('qrCodeImg').innerHTML='加载中...';
-  var r=await api('/api/platforms/'+encodeURIComponent(platformId)+'/qr',{method:'POST'});
-  if(r.error){$('qrStatus').textContent='错误: '+escHtml(r.error);return}
-  if(r.qr_code){
-    $('qrCodeImg').innerHTML='<img src="data:image/png;base64,'+r.qr_code+'" style="width:256px;height:256px;border-radius:8px" alt="QR Code">';
-    $('qrStatus').innerHTML='<span style="color:var(--warn)">⏳ 等待扫码...</span>';
-  }
-}
-
-// Agent 选择器（从部门树选择 Agent）
-async function showAgentSelectorForPlatform(inputId,containerId){
-  try{
-    var agents=await api('/api/agents');
-    if(!Array.isArray(agents)){showToast('加载 Agent 列表失败','danger');return}
-    var agentList=agents.filter(function(a){return!a.system&&a.path!=='default'});
-    var deptMap={};
-    agentList.forEach(function(a){
-      var dept=a.department||'未分组';
-      if(!deptMap[dept])deptMap[dept]=[];
-      deptMap[dept].push(a);
-    });
-    var html='<div class="modal-overlay" onclick="closeModal()"><div class="modal" onclick="event.stopPropagation()" style="max-width:480px;max-height:70vh;overflow-y:auto">';
-    html+='<h3>选择 Agent</h3>';
-    for(var dept in deptMap){
-      html+='<div style="margin-bottom:12px"><div style="font-size:13px;font-weight:600;color:var(--text2);margin-bottom:4px">📁 '+escHtml(dept)+'</div>';
-      deptMap[dept].forEach(function(a){
-        var selected=false;
-        var existing=document.querySelectorAll('#'+containerId+' .selected-agent-tag');
-        existing.forEach(function(el){if(el.getAttribute('data-agent')===a.path)selected=true;});
-        html+='<label style="display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer;font-size:13px"><input type="checkbox" value="'+escHtml(a.path)+'" '+(selected?'checked':'')+' onchange="toggleAgentSelection(this,\''+inputId+'\',\''+containerId+'\')"> '+(a.avatar_emoji||'🤖')+' '+escHtml(a.name)+' <span style="color:var(--text3);font-size:11px">('+escHtml(a.path)+')</span></label>';
-      });
-      html+='</div>';
-    }
-    html+='<div class="flex gap-8 mt-16"><button class="btn btn-primary" onclick="closeModal()">确定</button></div></div></div>';
-    $('modalContainer').innerHTML=html;
-  }catch(e){showToast('加载失败: '+e.message,'danger')}
-}
-function toggleAgentSelection(cb,inputId,containerId){
-  var agentPath=cb.value;
-  var container=document.getElementById(containerId);
-  if(cb.checked){
-    // 添加 tag
-    if(!container.querySelector('[data-agent="'+agentPath+'"]')){
-      var tag=document.createElement('span');
-      tag.className='selected-agent-tag';
-      tag.setAttribute('data-agent',agentPath);
-      tag.style.cssText='display:inline-block;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 6px;margin:2px;font-size:11px;cursor:pointer';
-      tag.title='点击移除';
-      tag.textContent=agentPath+' ×';
-      tag.onclick=function(){this.remove();};
-      container.appendChild(tag);
-    }
-    // 同步到输入框
-    var first=container.querySelector('.selected-agent-tag');
-    if(first)document.getElementById(inputId).value=first.getAttribute('data-agent');
-  }else{
-    var existing=container.querySelector('[data-agent="'+agentPath+'"]');
-    if(existing)existing.remove();
-    var first=container.querySelector('.selected-agent-tag');
-    document.getElementById(inputId).value=first?first.getAttribute('data-agent'):'';
-  }
-}
-
-// ========== Sessions ==========
-async function renderSessions(){
-  const ss=await api('/api/sessions');
-  let html='<div class="table-wrap"><table><tr><th>会话</th><th>Agent</th><th>消息数</th><th>最后活动</th><th>操作</th></tr>';
-  for(const s of (ss||[])){
-    // 从 session_id 提取 agent 名 (格式: agent_web_timestamp)
-    const parts=(s.id||'').split('_web_');
-    const agentName=parts[0]||'default';
-    const displayName=s.display_name||s.id;
-    html+=`<tr><td title="${escHtml(s.id)}">${escHtml(displayName.length>30?displayName.slice(0,30)+'...':displayName)}</td><td>${escHtml(agentName)}</td><td>${s.messages}</td><td>${s.last?.slice(0,19)||''}</td>
-      <td><button class="btn btn-sm" style="background:var(--success);color:#fff" onclick="enterSession('${escHtml(s.id)}','${escHtml(agentName)}')">切入</button>
-      <button class="btn btn-sm btn-ghost" onclick="viewSession('${s.id}')">查看</button>
-      <button class="btn btn-sm btn-danger" onclick="clearSession('${s.id}')">清除</button></td></tr>`;}
-  html+='</table></div>';if(!ss||!ss.length)html='<div class="empty">暂无会话</div>';
-  $('content').innerHTML=html;
-}
-async function viewSession(sid){
-  window._viewSessionSid=sid;window._viewSessionOffset=0;
-  _navSubState='view:'+sid;
-  navigateTo('sessions','view:'+sid,_loadSessionMessages);
-}
-async function _loadSessionMessages(){
-  const sid=window._viewSessionSid;if(!sid)return;
-  const offset=window._viewSessionOffset||0;
-  const msgs=await api(`/api/sessions/${encodeURIComponent(sid)}/messages?limit=100&offset=${offset}`);
-  if(!Array.isArray(msgs)){showToast('加载失败','danger');return}
-  const hasMore=msgs.length>=100;
-  let html='<h3 style="margin-bottom:12px">会话: '+escHtml(sid)+' <span class="badge badge-blue">'+msgs.length+' 条</span></h3>';
-  html+='<div style="max-height:600px;overflow-y:auto">';
-  for(let i=0;i<msgs.length;i++){
-    const m=msgs[i];
-    const mid='msg_'+i;
-    const role=m.role||'assistant';
-    const key=m.key||'';
-    if(role==='tool'){
-      const isResult=key==='tool_result';
-      const isCall=key==='tool_call';
-      const icon=isResult?'📋':(isCall?'⚙️':'🔧');
-      const label=isResult?'工具执行结果':(isCall?'工具调用':'工具过程');
-      const isOk=isResult&&!((m.content||'').includes('失败'));
-      const badge=isResult?`<span class="badge ${isOk?'badge-green':'badge-red'}" style="margin-left:6px">${isOk?'成功':'失败'}</span>`:'';
-      const tc=(m.content||'');
-      const tcTrunc=tc.length>800;
-      html+=`<details style="margin:4px 0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden" ${tcTrunc?'':'open'}><summary style="padding:8px 12px;cursor:pointer;font-size:13px;color:var(--text2);background:var(--surface2)">${icon} ${label}${badge}</summary><div style="padding:8px 12px;background:var(--surface);font-size:12px;white-space:pre-wrap;word-break:break-all;color:var(--text2)">${escHtml(tcTrunc?tc.slice(0,800)+'... (共'+tc.length+'字符)':'')}</div></details>`;
-    } else {
-      const isUser=role==='user';
-      const bg=isUser?'var(--primary)':'var(--surface2)';
-      const fg=isUser?'#fff':'var(--text)';
-      const avatar=isUser?'👤':'🤖';
-      const time=(m.time||'').slice(0,19);
-      const content=(m.content||'');
-      const long=content.length>500;
-      const displayContent=long?content.slice(0,500)+'... (共'+content.length+'字符)':content;
-      html+=`<div style="margin:8px 0;display:flex;gap:8px;${isUser?'flex-direction:row-reverse':''}">`;
-      html+=`<div style="flex-shrink:0;font-size:16px;margin-top:2px">${avatar}</div>`;
-      html+=`<div class="msg-bubble-wrap" style="min-width:0"><div style="font-size:11px;color:var(--text3);margin-bottom:2px;${isUser?'text-align:right':''}">${isUser?'用户':'助手'} <span style="margin-left:4px">${time}</span></div>`;
-      html+=`<div style="background:${bg};color:${fg};padding:10px 14px;border-radius:var(--radius);font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word">${escHtml(displayContent)}</div>`;
-      if(long)html+=`<button class="btn btn-sm btn-ghost" style="margin-top:4px;font-size:11px" onclick="this.previousElementSibling.textContent=this.dataset.full;this.remove()" data-full="${escHtml(content).replace(/"/g,'&quot;')}">展开全部 (${content.length}字符)</button>`;
-      html+=`</div></div>`;
-    }
-  }
-  html+='</div>';
-  if(hasMore)html+=`<button class="btn btn-ghost mt-8" onclick="window._viewSessionOffset=${offset+100};_loadSessionMessages()">加载更多...</button>`;
-  html+='<div class="flex gap-8 mt-8"><button class="btn btn-ghost" onclick="goBack()">返回</button>';
-  html+=`<button class="btn" style="background:var(--accent);color:#fff" onclick="viewSessionRaw('${escHtml(sid)}')">Raw 原始消息</button>`;
-  html+=`<button class="btn btn-primary" onclick="enterSession('${escHtml(sid)}','${escHtml(sid.split('_web_')[0]||'default')}')">在聊天中查看完整记录</button></div>`;
-  $('content').innerHTML=html;
-}
-// ========== Raw 原始消息查看 ==========
-async function viewSessionRaw(sid){
-  window._viewSessionSid=sid;
-  _navSubState='raw:'+sid;
-  // 不用 navigateTo 因为需要先 fetch 数据再渲染，直接记录历史后继续
-  _navHistory.push({page:currentPage,sub:window._navSubState});
-  if(_navHistory.length>6)_navHistory.shift();
-  var hash='sessions'+'~raw:'+sid;
-  history.pushState({page:'sessions',sub:'raw:'+sid},'','#'+hash);
-
-  const msgs=await api(`/api/session/raw?sid=${encodeURIComponent(sid)}&limit=5000`);
-  if(!Array.isArray(msgs)){showToast('加载失败','danger');return}
-  // 按时间分组（同秒内合并）
-  const keyLabelMap={'llm_output':'LLM 输出','llm_input':'LLM 输入','tool_call':'工具调用','tool_result':'工具结果','tool_result_raw':'工具原始数据','reasoning':'推理过程','conversation_insight':'会话洞察','':'对话','llm_request':'LLM 请求'};
-  let html=`<h3 style="margin-bottom:12px">Raw: ${escHtml(sid)} <span class="badge badge-blue">${msgs.length} 条</span></h3>`;
-  // 筛选按钮
-  html+=`<div style="margin-bottom:10px;display:flex;gap:6px;flex-wrap:wrap" id="rawFilterBar">`;
-  html+=`<button class="btn btn-sm" style="background:var(--accent);color:#fff" data-filter="all" onclick="rawFilter('all',this)">全部</button>`;
-  // 收集所有 key 类型
-  const keys=[...new Set(msgs.map(m=>m.key||''))];
-  for(const k of keys){
-    const label=keyLabelMap[k]||k||'对话';
-    const count=msgs.filter(m=>(m.key||'')===k).length;
-    html+=`<button class="btn btn-sm btn-ghost" data-filter="${escHtml(k)}" onclick="rawFilter('${escHtml(k)}',this)">${escHtml(label)} (${count})</button>`;
-  }
-  html+=`</div>`;
-  // 时间索引导航
-  html+=`<div class="raw-time-nav" id="rawTimeNav"></div>`;
-  // 消息列表
-  html+=`<div style="max-height:65vh;overflow-y:auto;font-family:monospace" id="rawMsgList">`;
-  for(let i=0;i<msgs.length;i++){
-    const m=msgs[i];
-    const role=m.role||'?';
-    const key=m.key||'';
-    const time=(m.time||'').slice(0,19);
-    const content=(m.content||'');
-    const keyLabel=keyLabelMap[key]||key;
-    // 颜色标识
-    let borderColor='var(--border)';
-    let bgColor='var(--surface)';
-    if(key==='llm_input'){borderColor='#06b6d4';bgColor='#001a1f'}
-    else if(key==='llm_output'){borderColor='#e6a817';bgColor='#1a1700'}
-    else if(key==='tool_call'){borderColor='#3b82f6';bgColor='#001029'}
-    else if(key==='tool_result'){borderColor='#22c55e';bgColor='#001a0d'}
-    else if(key==='tool_result_raw'){borderColor='#10b981';bgColor='#001510'}
-    else if(key==='reasoning'){borderColor='#a855f7';bgColor='#0d0020'}
-    else if(role==='user'){borderColor='var(--primary)';bgColor='var(--surface)'}
-    else if(role==='assistant'){borderColor='#6b7280';bgColor='var(--surface2)'}
-    const mid='raw_'+i;
-    html+=`<div class="raw-item" data-key="${escHtml(key)}" data-time="${escHtml(time)}" style="margin:2px 0;border-left:3px solid ${borderColor};background:${bgColor};border-radius:0 4px 4px 0;overflow:hidden">`;
-    html+=`<div style="padding:4px 10px;font-size:11px;color:var(--text3);display:flex;justify-content:space-between;align-items:center;cursor:pointer" onclick="document.getElementById('${mid}').classList.toggle('raw-collapsed')">`;
-    html+=`<span><span style="color:var(--text);font-weight:600">${escHtml(role)}</span>`;
-    if(keyLabel)html+=` <span class="badge badge-blue" style="font-size:10px">${escHtml(keyLabel)}</span>`;
-    html+=`</span>`;
-    html+=`<span>${escHtml(time)} <span style="margin-left:4px;opacity:0.5">${content.length}字符</span></span>`;
-    html+=`</div>`;
-    html+=`<div id="${mid}" class="raw-body" style="padding:4px 10px 8px;font-size:12px;white-space:pre-wrap;word-break:break-all;color:var(--text2);max-height:400px;overflow-y:auto;transition:max-height 0.2s">`;
-    html+=escHtml(content.length>8000?content.slice(0,8000)+'\n... (共'+content.length+'字符)':content);
-    if(content.length>8000)html+=`<button class="btn btn-sm btn-ghost" style="margin-top:4px;font-size:10px" onclick="event.stopPropagation();this.parentElement.textContent=this.dataset.full;this.remove()" data-full="${escHtml(content).replace(/"/g,'&quot;')}">展开全部 (${content.length}字符)</button>`;
-    html+=`</div></div>`;
-  }
-  html+=`</div>`;
-  html+=`<div class="flex gap-8 mt-8"><button class="btn btn-ghost" onclick="goBack()">返回查看</button>`;
-  html+=`<button class="btn btn-ghost" onclick="goBack()">返回会话列表</button></div>`;
-  $('content').innerHTML=html;
-  // 生成时间索引
-  _buildTimeNav(msgs);
-}
-function rawFilter(key,btn){
-  const items=document.querySelectorAll('.raw-item');
-  for(const item of items){
-    if(key==='all'||item.dataset.key===key){item.style.display=''}
-    else{item.style.display='none'}
-  }
-  // 更新按钮样式
-  const bar=document.getElementById('rawFilterBar');
-  if(bar){
-    bar.querySelectorAll('.btn').forEach(b=>{b.className='btn btn-sm btn-ghost'});
-    if(btn)btn.className='btn btn-sm';
-    if(btn)btn.style.background='var(--accent)';
-    if(btn)btn.style.color='#fff';
-  }
-}
-function _buildTimeNav(msgs){
-  // 按分钟分组生成时间跳转锚点
-  const nav=document.getElementById('rawTimeNav');
-  if(!nav||!msgs.length)return;
-  const minutes={};
-  for(let i=0;i<msgs.length;i++){
-    const t=(msgs[i].time||'').slice(0,16); // YYYY-MM-DDTHH:MM
-    if(!minutes[t])minutes[t]=[];
-    minutes[t].push(i);
-  }
-  const times=Object.keys(minutes);
-  if(times.length<=1)return;
-  let navHtml='<span style="color:var(--text3);font-size:12px">时间索引:</span> ';
-  for(const t of times){
-    navHtml+=`<a href="javascript:void(0)" class="raw-time-link" onclick="document.querySelectorAll('.raw-item')[${minutes[t][0]}].scrollIntoView({behavior:'smooth',block:'center'})">${escHtml(t.slice(11))}</a>`;
-  }
-  nav.innerHTML=navHtml;
-}
-async function clearSession(sid){await api(`/api/sessions/${encodeURIComponent(sid)}`,{method:'DELETE'});renderSessions()}
-// 切入会话: 打开聊天页面并自动加载指定会话
-function enterSession(sid,agentName){
-  window.location.href='/ui/chat/chat_container.html?agent='+encodeURIComponent(agentName)+'&mode=exec&session='+encodeURIComponent(sid);
-}
-
-// ========== Memory ==========
-let _memCategory='global';
-let _memAgentFilter='';  // [v1.18.9] agent筛选
-async function renderMemory(){
-  // [v1.18.9] 加载 agent 列表供筛选
-  let agentOpts='<option value="">全部 Agent</option>';
-  try{const ags=await api('/api/agents');
-    if(ags&&ags.length){for(const a of ags){agentOpts+=`<option value="${escHtml(a.path||a.name)}" ${_memAgentFilter===(a.path||a.name)?'selected':''}>${escHtml(a.name||a.path)}</option>`;}
-  }}catch(e){}
-  let stats={},lt=[];
-  try{stats=await api('/api/memory/stats')}catch(e){stats={error:e.message}}
-  try{lt=await api('/api/memory/list?category='+encodeURIComponent(_memCategory))}catch(e){lt=[]}
-  if(stats.error){$('content').innerHTML='<div class="empty" style="color:var(--danger)">记忆系统异常: '+escHtml(stats.error)+'</div>';return}
-  // [v1.18.9] 按 agent 筛选
-  if(_memAgentFilter){lt=lt.filter(e=>(e.agent_id||e.session_id||'').includes(_memAgentFilter));}
-  const cats=[{k:'global',l:'全局记忆'},{k:'session',l:'会话记忆'}];
-  let tabHtml='<div class="flex gap-8 mb-8" style="flex-wrap:wrap">';
-  for(const c of cats){
-    const active=c.k===_memCategory?'btn-primary':'btn-ghost';
-    const count=stats[c.k+'_count']||0;
-    tabHtml+=`<button class="btn ${active}" onclick="_memCategory='${c.k}';renderMemory()">${c.l} (${count})</button>`;
-  }
-  tabHtml+='</div>';
-  let html=`<div class="grid grid-3" style="margin-bottom:16px">
-    <div class="stat"><div class="label">总计</div><div class="value">${stats.total_count||0}</div></div>
-    <div class="stat"><div class="label">全局记忆</div><div class="value">${stats.global_count||0}</div></div>
-    <div class="stat"><div class="label">会话记忆</div><div class="value">${stats.session_count||0}</div></div></div>`;
-  html+=tabHtml;
-  html+='<div class="flex gap-8 mb-16" style="flex-wrap:wrap"><select id="memAgentFilter" onchange="_memAgentFilter=this.value;renderMemory()" style="width:auto;min-width:140px">'+agentOpts+'</select><input id="memSearch" placeholder="搜索记忆..." onkeydown="if(event.key===\'Enter\')searchMemory()" style="max-width:300px"><button class="btn btn-primary" onclick="searchMemory()">搜索</button><button class="btn btn-ghost" onclick="cleanupMemory()">清理过期</button></div>';
-  if(lt&&lt.length){
-    const isSession=_memCategory==='session';
-    html+='<div class="mem-list">';
-    for(const e of lt){
-      const content=(e.content||e.summary||'')||(e.role==='user'?'[用户消息]':e.role==='assistant'?'[助手回复]':'[系统]');
-      let contentPreview=escHtml(content.slice(0,300));
-      if(content.length>300)contentPreview+=`<span style="color:var(--text3)">... (${content.length}字)</span>`;
-      html+=`<div class="mem-card">
-        <div class="mem-card-header">
-          <span class="mem-key">${escHtml(e.key||e.role||'-')}</span>
-          <div class="mem-meta">
-            <span class="tag">${escHtml(e.role||'')}</span>
-            ${!isSession&&e.importance!=null?'<span class="tag tag-imp">'+e.importance.toFixed(2)+'</span>':''}
-            ${e.session_id?'<span class="mem-session" title="'+escHtml(e.session_id)+'">'+escHtml((e.session_id||'').split('_web_')[0])+'</span>':''}
-          </div>
-        </div>
-        <div class="mem-content">${contentPreview}</div>
-        <div class="mem-actions"><button class="btn btn-sm btn-danger" onclick="deleteMemory('${e.id}')">删除</button></div>
-      </div>`;
-    }
-    html+='</div>';
-  }else{
-    html+='<div class="empty">暂无'+(_memCategory==='session'?'会话':'全局')+'记忆</div>';
-  }
-  $('content').innerHTML=html;
-}
-async function searchMemory(){
-  const q=$('memSearch').value;if(!q)return;
-  const r=await api('/api/memory/search?q='+encodeURIComponent(q));
-  let html='<h3>搜索结果: '+(r.length||0)+' 条</h3>';
-  if(r&&r.length){
-    html+='<div class="mem-list">';
-    for(const e of r){
-      const content=(e.content||'').slice(0,300);
-      html+=`<div class="mem-card">
-        <div class="mem-card-header">
-          <span class="mem-key">${escHtml(e.key||'')}</span>
-          <div class="mem-meta">
-            <span class="tag">${e.category||''}</span>
-            <span class="tag">${escHtml(e.role||'')}</span>
-            <span class="mem-session">${escHtml((e.session_id||'').split('_web_')[0])}</span>
-          </div>
-        </div>
-        <div class="mem-content">${escHtml(content)}</div>
-      </div>`;
-    }
-    html+='</div>';
-  }else{
-    html+='<div class="empty">未找到匹配的记忆</div>';
-  }
-  html+='<button class="btn btn-ghost mt-8" onclick="goBack()">返回</button>';$('content').innerHTML=html;
-}
-async function deleteMemory(id){await api(`/api/memory/${id}`,{method:'DELETE'});renderMemory()}
-async function cleanupMemory(){const r=await api('/api/memory/cleanup',{method:'POST'});showToast('清理了 '+(r.cleaned||0)+' 条','success');renderMemory()}
-
-// ========== 权限管理 ==========
-let _permsCache=null;
-async function renderPermissions(){
-  const r=await api('/api/permissions');
-  if(r.error){$('content').innerHTML='<div class="empty" style="color:var(--danger)">加载失败: '+escHtml(r.error)+'</div>';return}
-  _permsCache=r;
-  const labels=r.labels||{};
-  const perms=r.all_permissions||[];
-  const defaults=r.defaults||{};
-  const agents=r.agents||{};
-
-  // 全局默认权限
-  let html='<div class="card"><h3>全局默认权限</h3><p style="color:var(--text2);font-size:13px;margin-bottom:12px">新 Agent 将继承这些默认权限设置</p>';
-  html+='<div class="grid grid-3" style="gap:12px">';
-  for(const p of perms){
-    const label=labels[p]||p;
-    const val=defaults[p]!==false?'checked':'';
-    html+=`<div class="form-group" style="display:flex;align-items:center;gap:10px"><label style="flex:1;font-weight:500">${label} <span style="color:var(--text3);font-size:11px">(${p})</span></label><input type="checkbox" id="perm_def_${p}" ${val} style="width:18px;height:18px;cursor:pointer"></div>`;
-  }
-  html+='</div><div class="flex gap-8 mt-16"><button class="btn btn-primary" onclick="saveDefaultPerms()">保存默认权限</button></div></div>';
-
-  // Agent 权限覆盖
-  const agentKeys=Object.keys(agents);
-  if(agentKeys.length>0){
-    html+='<div class="card"><h3>Agent 权限覆盖</h3><p style="color:var(--text2);font-size:13px;margin-bottom:12px">以下 Agent 使用自定义权限（覆盖默认值）</p><div class="table-wrap"><table><tr><th>Agent</th>';
-    for(const p of perms){html+=`<th>${labels[p]||p}</th>`;}
-    html+='<th>操作</th></tr>';
-    for(const name of agentKeys){
-      const ap=agents[name]||{};
-      html+=`<tr><td>${escHtml(name)}</td>`;
-      for(const p of perms){
-        const v=ap[p]!==false;
-        html+=`<td style="text-align:center">${v?'<span style="color:var(--success)">✓</span>':'<span style="color:var(--danger)">✗</span>'}</td>`;
-      }
-      html+=`<td><button class="btn btn-sm btn-ghost" onclick="editAgentPerms('${escHtml(name)}')">编辑</button> <button class="btn btn-sm btn-danger" onclick="resetAgentPerms('${escHtml(name)}')">重置</button></td></tr>`;
-    }
-    html+='</table></div></div>';
-  }
-
-  $('content').innerHTML=html;
-}
-
-async function saveDefaultPerms(){
-  if(!_permsCache)return;
-  const perms=_permsCache.all_permissions||[];
-  const data={};
-  for(const p of perms){
-    const el=document.getElementById('perm_def_'+p);
-    if(el)data[p]=el.checked;
-  }
-  const r=await api('/api/permissions/defaults',{method:'PUT',body:JSON.stringify(data)});
-  if(r.error){showToast(r.error,'danger');return}
-  showToast('默认权限已保存','success');
-}
-
-async function editAgentPerms(name){
-  if(!_permsCache)return;
-  const labels=_permsCache.labels||{};
-  const perms=_permsCache.all_permissions||[];
-  const defaults=_permsCache.defaults||{};
-  // 获取当前 agent 权限和 agent 信息（含执行模式）
-  let agentPerms={};
-  let agentExecMode='sandbox';
-  try{
-    const [r,ai]=await Promise.all([
-      api('/api/permissions/'+encodeURIComponent(name)),
-      api('/api/agents/'+encodeURIComponent(name))
-    ]);
-    agentPerms=r.permissions||{};
-    agentExecMode=ai.execution_mode||'sandbox';
-  }catch(e){agentPerms={...defaults}}
-
-  let html='<h3>编辑 Agent 权限: '+escHtml(name)+'</h3>';
-
-  // 执行模式选择
-  html+='<div style="margin-bottom:16px"><div style="font-size:13px;color:var(--text2);margin-bottom:8px;font-weight:600">⚡ 执行环境</div>';
-  html+='<div style="display:flex;gap:12px">';
-  html+=`<label id="modalExecSandboxLabel" style="flex:1;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius);border:2px solid ${agentExecMode==='sandbox'?'var(--primary)':'var(--border)'};cursor:pointer;background:${agentExecMode==='sandbox'?'var(--accent-light)':'transparent'};transition:all .15s" onclick="document.getElementById('modalExecSandbox').checked=true;updateModalExecUI()">`;
-  html+=`<input type="radio" name="modalExecMode" id="modalExecSandbox" value="sandbox" ${agentExecMode==='sandbox'?'checked':''} style="display:none">`;
-  html+=`<span style="font-size:24px">🐳</span><div><div style="font-weight:600;font-size:13px">沙盒模式</div><div style="font-size:11px;color:var(--text2)">Docker 容器隔离</div></div></label>`;
-  html+=`<label id="modalExecLocalLabel" style="flex:1;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius);border:2px solid ${agentExecMode==='local'?'var(--primary)':'var(--border)'};cursor:pointer;background:${agentExecMode==='local'?'var(--accent-light)':'transparent'};transition:all .15s" onclick="document.getElementById('modalExecLocal').checked=true;updateModalExecUI()">`;
-  html+=`<input type="radio" name="modalExecMode" id="modalExecLocal" value="local" ${agentExecMode==='local'?'checked':''} style="display:none">`;
-  html+=`<span style="font-size:24px">💻</span><div><div style="font-weight:600;font-size:13px">本机模式</div><div style="font-size:11px;color:var(--text2)">完整本地权限</div></div></label>`;
-  html+='</div></div>';
-
-  // 功能权限
-  html+='<div style="font-size:13px;color:var(--text2);margin-bottom:8px;font-weight:600">🔑 功能权限</div>';
-  html+='<div class="grid grid-3" style="gap:12px">';
-  for(const p of perms){
-    const label=labels[p]||p;
-    const defVal=defaults[p]!==false;
-    const curVal=agentPerms[p]!==undefined?agentPerms[p]:defVal;
-    const checked=curVal?'checked':'';
-    html+=`<div class="form-group" style="display:flex;align-items:center;gap:10px"><label style="flex:1;font-weight:500">${label}</label><input type="checkbox" id="perm_agent_${p}" ${checked} style="width:18px;height:18px;cursor:pointer"></div>`;
-  }
-  html+='</div><div class="flex gap-8 mt-16"><button class="btn btn-primary" onclick="saveAgentPerms(\''+escHtml(name)+'\')">💾 保存</button><button class="btn btn-ghost" onclick="renderPermissions()">取消</button></div>';
-  $('modalContainer').innerHTML='<div class="modal-overlay" onclick="closeModal()"><div class="modal" onclick="event.stopPropagation()">'+html+'</div></div>';
-}
-
-function updateModalExecUI(){
-  const sandbox=document.getElementById('modalExecSandbox');
-  const local=document.getElementById('modalExecLocal');
-  if(!sandbox||!local)return;
-  [sandbox.parentElement,local.parentElement].forEach(el=>{
-    const radio=el.querySelector('input[type=radio]');
-    if(radio.checked){el.style.borderColor='var(--primary)';el.style.background='var(--accent-light)'}
-    else{el.style.borderColor='var(--border)';el.style.background='transparent'}
-  });
-}
-
-async function saveAgentPerms(name){
-  if(!_permsCache)return;
-  // 1. 保存执行模式
-  const modalSandbox=document.getElementById('modalExecSandbox');
-  const modalLocal=document.getElementById('modalExecLocal');
-  if(modalSandbox||modalLocal){
-    const newMode=(modalSandbox&&modalSandbox.checked)?'sandbox':((modalLocal&&modalLocal.checked)?'local':null);
-    if(newMode){
-      await api('/api/agents/'+encodeURIComponent(name),{method:'PUT',body:JSON.stringify({execution_mode:newMode})});
-    }
-  }
-  // 2. 保存功能权限
-  const perms=_permsCache.all_permissions||[];
-  const data={};
-  for(const p of perms){
-    const el=document.getElementById('perm_agent_'+p);
-    if(el)data[p]=el.checked;
-  }
-  const r=await api('/api/permissions/'+encodeURIComponent(name),{method:'PUT',body:JSON.stringify(data)});
-  if(r.error){showToast(r.error,'danger');return}
-  closeModal();showToast('Agent 权限已更新','success');renderPermissions();
-}
-
-async function resetAgentPerms(name){
-  if(!confirm('确认重置 "'+name+'" 的权限为默认值？'))return;
-  const r=await api('/api/permissions/'+encodeURIComponent(name),{method:'DELETE'});
-  if(r.error){showToast(r.error,'danger');return}
-  showToast('已重置为默认权限','success');renderPermissions();
-}
-
-// ========== LLM ==========
-async function renderLLM(){
-  const [u,models]=await Promise.all([api('/api/llm/usage'),api('/api/models')]);
-  // 更新模型缓存
-  allModelsCache=Array.isArray(models)?models:[];
-  let html='';
-  // 用量统计
-  html+=`<div class="card"><h3>用量统计</h3><div class="grid grid-4">
-    <div class="stat"><div class="label">调用次数</div><div class="value">${u.call_count||0}</div></div>
-    <div class="stat"><div class="label">Prompt Tokens</div><div class="value">${u.total_prompt_tokens||0}</div></div>
-    <div class="stat"><div class="label">Completion Tokens</div><div class="value">${u.total_completion_tokens||0}</div></div>
-    <div class="stat"><div class="label">估算费用</div><div class="value">$${(u.total_cost_usd||0).toFixed(4)}</div></div></div></div>`;
-  // 模型库列表
-  const modelList=models||[];
-  const enabledModels=modelList.filter(m=>m.enabled);
-  html+=`<div class="card"><div class="flex justify-between items-center mb-16">
-    <h3 style="margin:0">模型库 (${modelList.length})</h3>
-    <div class="flex gap-8">
-      <span class="badge badge-green">${enabledModels.length} 已启用</span>
-      <button class="btn btn-sm btn-primary" onclick="showAddModelModal()">+ 添加模型</button>
-    </div></div>`;
-  if(!modelList.length){
-    html+='<div class="empty">暂无自定义模型，点击上方按钮添加。</div>';
-  }else{
-    html+='<div class="table-wrap"><table style="font-size:12px"><tr><th>ID</th><th>名称</th><th>Provider</th><th>模型</th><th>上下文</th><th>输入</th><th>推理</th><th>兜底</th><th>状态</th><th>操作</th></tr>';
-    const providerColors={openai:'badge-green',anthropic:'badge-yellow',ollama:'badge-purple',zhipu:'badge-blue',custom:'badge-red',deepseek:'badge-blue',moonshot:'badge-purple',qwen:'badge-yellow',modelscope:'badge-purple'};
-    for(const m of modelList){
-      const badgeClass=providerColors[m.provider]||'badge-green';
-      const inputModes=m.input_modes?m.input_modes.join(','):'text';
-      const isFallback=m.is_global_fallback!==false;
-      html+=`<tr>
-        <td><code>${escHtml(m.id)}</code></td>
-        <td>${escHtml(m.name||'')}</td>
-        <td><span class="badge ${badgeClass}">${escHtml(m.provider||'')}</span></td>
-        <td style="max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="${escHtml(m.model||'')}">${escHtml(m.model||'')}</td>
-        <td>${(m.context_window||128000).toLocaleString()}</td>
-        <td>${escHtml(inputModes)}</td>
-        <td>${m.reasoning?'<span class="badge badge-purple">是</span>':'-'}</td>
-        <td><span style="cursor:help" title="作为保障系统运行的最终兜底模型">${isFallback?'<span class="badge badge-green">&#9745;</span>':'<span class="badge badge-red">&#9744;</span>'}</span></td>
-        <td>${m.enabled?'<span class="badge badge-green">启用</span>':'<span class="badge badge-red">禁用</span>'}</td>
-        <td><button class="btn btn-sm btn-ghost" onclick="showEditModelModal(encodeURIComponent('${escHtml(m.id)}'))">编辑</button>
-        <button class="btn btn-sm btn-success" onclick="testModel(encodeURIComponent('${escHtml(m.id)}'))">测试</button>
-        <button class="btn btn-sm btn-danger" onclick="deleteModel('${escHtml(m.id)}','${escHtml(String(m.name||'').replace(/'/g,"\\'"))}')">删除</button></td></tr>`;
-    }
-    html+='</table></div>';
-  }
-  html+='</div>';
-  $('content').innerHTML=html;
-}
-// saveLLM / testLLM / showTestCode / hideTestCode 已移除（全局模型配置卡片已删除）
-async function testModel(modelId){
-  modelId=decodeURIComponent(modelId);
-  const model=allModelsCache.find(m=>m.id===modelId);
-  if(!model){showToast('模型不存在','danger');return;}
-  const btn=event.target;btn.textContent='测试中...';btn.disabled=true;
-  // 直接发送模型自身配置，使用独立的测试接口，不经过任何兜底/fallback逻辑
-  // [v1.16.18] 传递 input_modes，让后端测试对应的多模态能力
-  const payload={model:model.model,base_url:model.base_url,provider:model.provider,temperature:model.temperature||0.1,api_key:model.api_key||''};
-  if(model.api_type)payload.api_type=model.api_type;
-  if(model.input_modes&&model.input_modes.length)payload.input_modes=model.input_modes;
-  const r=await api('/api/llm/test',{method:'POST',body:JSON.stringify(payload)});
-  btn.textContent='测试';btn.disabled=false;
-  // [v1.16.18] 显示详细的测试结果
-  if(r.ok){
-    if(r.tests){
-      // 有多模态测试结果
-      const parts=['文本连接: OK'+(r.text_response?' ('+r.text_response+')':'')];
-      if(r.tests.image===true)parts.push('图片识别: OK'+(r.tests.image_response?' ('+r.tests.image_response+')':''));
-      else if(r.tests.image===false)parts.push('图片识别: FAIL'+(r.tests.image_error?' - '+r.tests.image_error:''));
-      if(r.tests.video===null)parts.push('视频: 跳过（需要真实文件）');
-      if(r.tests.audio===null)parts.push('音频: 跳过（需要真实文件）');
-      showToast(parts.join('\n'),'success',8000);
-    }else{
-      showToast('连接成功: '+(r.text_response||r.response),'success');
-    }
-  }else{
-    const msg=r.error||'连接失败';
-    if(r.detail)showToast(msg+'\n'+r.detail,'danger',8000);
-    else showToast(msg,'danger');
-  }
-}
-// ── Model Library Modal ──
-function showAddModelModal(editId){
-  const model=allModelsCache.find(m=>m.id===editId);
-  const isEdit=!!model;
-  const id=model?model.id:'';
-  const name=model?model.name:'';
-  const provider=model?model.provider:'custom';
-  const apiType=model?model.api_type:'openai-completions';
-  const baseUrl=model?model.base_url:'';
-  const apiKey=model&&model.api_key?model.api_key:'';
-  const contextWindow=model?model.context_window:128000;
-  const temperature=model?model.temperature:0.1;
-  const inputModesArr=model&&model.input_modes?model.input_modes:['text'];
-  const reasoning=model?model.reasoning:false;
-  const maxTokens=model&&model.max_tokens?model.max_tokens:4096;
-  const isFallback=model?model.is_global_fallback!==false:true;
-  const provOpts=['custom','openai','anthropic','ollama','zhipu','deepseek','moonshot','qwen','modelscope'].map(p=>`<option value="${p}" ${provider===p?'selected':''}>${p}</option>`).join('');
-  const apiTypeOpts=['openai-completions','openai-chat','anthropic','ollama'].map(t=>`<option value="${t}" ${apiType===t?'selected':''}>${t}</option>`).join('');
-  const isCustomApiType=apiType==='custom'||!['openai-completions','openai-chat','anthropic','ollama'].includes(apiType);
-  const inputModesChecked=['text','image','video','audio'].map(m=>`<label style="display:inline-flex;align-items:center;gap:4px;margin-right:12px"><input type="checkbox" class="mlInputMode" value="${m}" ${inputModesArr.indexOf(m)>-1?'checked':''}>${m}</label>`).join('');
-  $('modalContainer').innerHTML=`<div class="modal-overlay" onclick="closeModal()"><div class="modal" onclick="event.stopPropagation()">
-    <h3>${isEdit?'编辑模型':'添加模型'}</h3>
-    <div class="form-row">
-      <div class="form-group"><label>模型 ID ${isEdit?'(只读)':''}</label><input id="mlId" value="${escHtml(id)}" placeholder="如 gpt-4o" ${isEdit?'disabled style="opacity:.6"':''}></div>
-      <div class="form-group"><label>显示名称</label><input id="mlName" value="${escHtml(name)}" placeholder="如 我的 GPT-4o"></div>
-    </div>
-    <div class="form-row">
-      <div class="form-group"><label>Provider</label><select id="mlProvider">${provOpts}</select></div>
-      <div class="form-group">
-        <label>API 类型</label>
-        <select id="mlApiTypeSelect" onchange="toggleApiTypeInput('ml')">
-          ${apiTypeOpts}
-          <option value="custom" ${isCustomApiType?'selected':''}>custom (自定义)</option>
-        </select>
-      </div>
-    </div>
-    <div id="mlApiTypeCustomWrap" style="${isCustomApiType?'':'display:none'}" class="form-group">
-      <label>自定义 API 类型</label>
-      <input id="mlApiTypeCustom" value="${isCustomApiType?escHtml(apiType):''}" placeholder="输入自定义 API 类型">
-    </div>
-    <div class="form-group"><label>Base URL</label><input id="mlBaseUrl" value="${escHtml(baseUrl)}" placeholder="https://api.example.com/v1"></div>
-    <div class="form-group"><label>API Key</label><input id="mlApiKey" type="text" value="${escHtml(apiKey)}" placeholder="sk-..." style="width:100%"></div>
-    <div class="form-row">
-      <div class="form-group"><label>上下文窗口</label><input id="mlContextWindow" type="number" value="${contextWindow}" placeholder="128000"></div>
-      <div class="form-group"><label>最大输出</label><input id="mlMaxTokens" type="number" value="${maxTokens}" placeholder="4096"></div>
-    </div>
-    <div class="form-row">
-      <div class="form-group"><label>Temperature</label><input id="mlTemp" type="number" step="0.1" value="${temperature}" placeholder="0.1"></div>
-      <div class="form-group" style="display:flex;align-items:center">
-        <input id="mlReasoning" type="checkbox" ${reasoning?'checked':''} style="margin-right:6px"><label for="mlReasoning" style="margin:0">支持推理</label>
-      </div>
-    </div>
-    <div class="form-group"><label>输入模式</label><div style="padding:8px 0">${inputModesChecked}</div></div>
-    <div class="form-group" style="display:flex;align-items:center">
-      <input id="mlGlobalFallback" type="checkbox" ${isFallback?'checked':''} style="margin-right:6px"><label for="mlGlobalFallback" style="margin:0;cursor:help" title="作为保障系统运行的最终兜底模型">全局兜底</label>
-    </div>
-    <div class="flex gap-8 mt-16"><button class="btn btn-primary" onclick="doSaveModel('${escHtml(editId)}')">${isEdit?'保存':'添加'}</button><button class="btn btn-ghost" onclick="closeModal()">取消</button></div>
-  </div></div>`;
-}
-function toggleApiTypeInput(prefix){
-  const select=document.getElementById(prefix+'ApiTypeSelect');
-  const customWrap=document.getElementById(prefix+'ApiTypeCustomWrap');
-  if(customWrap){
-    customWrap.style.display=select.value==='custom'?'block':'none';
-  }
-}
-function showEditModelModal(id){showAddModelModal(decodeURIComponent(id))}
-async function doSaveModel(editId){
-  const inputModes=Array.from(document.querySelectorAll('.mlInputMode:checked')).map(c=>c.value);
-  const apiTypeSelect=$('mlApiTypeSelect').value;
-  const apiType=apiTypeSelect==='custom'?($('mlApiTypeCustom').value||'custom'):apiTypeSelect;
-  const payload={
-    name:$('mlName').value||$('mlId').value,
-    provider:$('mlProvider').value,
-    api_type:apiType,
-    model:$('mlId').value,
-    base_url:$('mlBaseUrl').value,
-    context_window:parseInt($('mlContextWindow').value)||128000,
-    max_tokens:parseInt($('mlMaxTokens').value)||4096,
-    temperature:parseFloat($('mlTemp').value)||0.1,
-    input_modes:inputModes,
-    reasoning:$('mlReasoning').checked,
-    is_global_fallback:$('mlGlobalFallback').checked
-  };
-  // api_key 始终发送，确保保存生效
-  const apiKeyEl=$('mlApiKey');
-  if(apiKeyEl)payload.api_key=apiKeyEl.value;
-  let r;
-  if(editId){
-    r=await api(`/api/models/${encodeURIComponent(editId)}`,{method:'PUT',body:JSON.stringify(payload)});
-  }else{
-    payload.id=$('mlId').value;if(!payload.id){showToast('模型ID不能为空','danger');return}
-    r=await api('/api/models',{method:'POST',body:JSON.stringify(payload)});
-  }
-  if(r.error){showToast(r.error,'danger');return}closeModal();showToast(editId?'已保存':'已添加','success');renderLLM();
-}
-async function deleteModel(id,name){
-  showConfirm('删除模型','确认删除模型 "'+escHtml(name)+'" 吗？',async()=>{
-    const r=await api(`/api/models/${id}`,{method:'DELETE'});if(r.error){showToast(r.error,'danger');closeModal();return}closeModal();showToast('已删除','success');renderLLM();
-  });
-}
-
-// ========== Executor ==========
-async function renderExecutor(){
-  const e=await api('/api/executor');if(!e)return;
-  const isSandbox=e.mode==='sandbox';const dockerOk=e.docker_available;
-  const lock=e.lock||{};
-  const sandboxType=e.sandbox_type||'';
-  const sandboxDesc=e.sandbox_desc||'';
-  let html=`<div class="card"><h3>执行模式</h3>
-    <div style="display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap">
-      <label style="display:flex;align-items:center;gap:6px;cursor:pointer;padding:16px 24px;border-radius:var(--radius);border:2px solid ${!isSandbox?'var(--primary)':'var(--border)'};background:${!isSandbox?'#6366f122':'transparent'};flex:1;min-width:200px">
-        <input type="radio" name="execMode" value="local" ${!isSandbox?'checked':''} onchange="switchMode('local')">
-        <div><strong>🖥️ 本机执行</strong><br><span style="font-size:12px;color:var(--text2)">直接在本机运行代码，功能完整，速度最快</span></div></label>
-      <label style="display:flex;align-items:center;gap:6px;cursor:pointer;padding:16px 24px;border-radius:var(--radius);border:2px solid ${isSandbox?'var(--primary)':'var(--border)'};background:${isSandbox?'#6366f122':'transparent'};flex:1;min-width:200px">
-        <input type="radio" name="execMode" value="sandbox" ${isSandbox?'checked':''} onchange="switchMode('sandbox')" ${!dockerOk?'disabled':''}>
-        <div><strong>📦 沙盒执行</strong><br><span style="font-size:12px;color:var(--text2)">${dockerOk?'Docker 隔离容器':'轻量级进程沙盒'}${!dockerOk?' (Docker 不可用)':''}</span></div></label></div>
-    <div style="font-size:13px;color:var(--text2);display:flex;flex-wrap:wrap;gap:8px">
-      <span>当前模式: <span class="badge ${isSandbox?'badge-yellow':'badge-green'}">${isSandbox?'沙盒':'本机'}</span></span>
-      ${isSandbox?`<span>沙盒类型: <span class="tag">${sandboxType==='docker'?'Docker':'轻量级进程'}</span></span>`:''}
-      <span>Docker: <span class="badge ${dockerOk?'badge-green':'badge-red'}">${dockerOk?'可用':'不可用'}</span></span>
-      <span>累计执行: <span class="tag">${e.execution_count||0} 次</span></span>
-    </div>
-    <div style="margin-top:8px;padding:10px 14px;border-radius:var(--radius);background:var(--surface);font-size:12px;color:var(--text2);line-height:1.6">${escHtml(sandboxDesc)}</div>
-    </div>`;
-  // 执行锁状态
-  html+=`<div class="card"><h3>🔒 全局执行锁</h3>
-    <div style="font-size:13px">
-      ${lock.locked?
-        `<span class="badge badge-red">已锁定</span> <strong>${escHtml(lock.locked_by||'')}</strong> — 锁定于 ${escHtml(lock.locked_at||'')}
-        <div style="margin-top:8px"><button class="btn btn-sm btn-danger" onclick="releaseLock()">🔓 释放锁</button></div>`:
-        `<span class="badge badge-green">未锁定</span> — 所有 Agent 可自由运行`
-      }
-      <div style="margin-top:6px;font-size:12px;color:var(--text3)">${isSandbox?'沙盒模式不走全局锁，支持多 Agent 并发执行':'本机模式下多个 Agent 共享此锁，同一时间只有一个 Agent 可以执行代码'}</div>
-    </div></div>`;
-  // 沙盒设置
-  html+=`<div class="card"><h3>沙盒设置</h3><div class="form-row">
-    <div class="form-group"><label>Docker 镜像</label><input id="sbImage" value="${escHtml(e.sandbox_image||'python:3.12-slim')}"></div>
-    <div class="form-group"><label>内存限制</label><input id="sbMemory" value="${escHtml(e.sandbox_memory||'512m')}" placeholder="512m"></div>
-    <div class="form-group"><label>网络访问</label><select id="sbNetwork"><option ${!e.sandbox_network?'selected':''} value="false">禁止 (更安全)</option><option ${e.sandbox_network?'selected':''} value="true">允许</option></select></div></div>
-    <div class="flex gap-8 mt-16"><button class="btn btn-primary" onclick="saveExecutor()">保存设置</button></div></div>`;
-  // 执行参数
-  html+=`<div class="card"><h3>执行参数</h3><div class="form-row">
-    <div class="form-group"><label>超时时间 (秒)</label><input id="exTimeout" type="number" value="${e.timeout||300}"></div>
-    <div class="form-group"><label>自动修复</label><select id="exAutoFix"><option ${e.auto_fix?'selected':''} value="true">开启</option><option ${!e.auto_fix?'selected':''} value="false">关闭</option></select></div>
-    <div class="form-group"><label>最大输出长度</label><input id="exMaxOutput" type="number" value="${e.max_output_length||50000}"></div></div>
-    <div class="flex gap-8 mt-16"><button class="btn btn-primary" onclick="saveExecutor()">保存参数</button></div></div>`;
-  $('content').innerHTML=html;
-}
-async function switchMode(mode){const r=await api('/api/executor',{method:'PUT',body:JSON.stringify({execution_mode:mode})});if(!r.ok){showToast('切换失败: '+(r.error||''),'danger');renderExecutor();}else{showToast('已切换','success');renderExecutor();}}
-async function saveExecutor(){
-  const body={sandbox_image:$('sbImage').value,sandbox_memory:$('sbMemory').value,sandbox_network:$('sbNetwork').value==='true',timeout:parseInt($('exTimeout').value),auto_fix:$('exAutoFix').value==='true',max_output_length:parseInt($('exMaxOutput').value)};
-  const r=await api('/api/executor',{method:'PUT',body:JSON.stringify(body)});
-  if(r.ok)showToast('已保存','success');else showToast('保存失败: '+(r.error||''),'danger');
-  renderExecutor();
-}
-async function releaseLock(){
-  const r=await api('/api/execution-lock',{method:'POST',body:JSON.stringify({action:'release'})});
-  if(r.ok)showToast('锁已释放','success');else showToast('释放失败: '+(r.error||''),'danger');
-  renderExecutor();
-}
-
-// ========== Skills ==========
-// [v1.23.0] CLI 命令分类配置（与 registry.py CLI_CATEGORY_LABELS/ICONS 同步）
-const CLI_CAT_ICONS={perception:'\u{1F441}',search:'\u{1F50D}',file:'\u{1F4C1}',document:'\u{1F4C4}',system:'\u{1F4BB}',browser:'\u{1F310}',gui:'\u{1F5A5}',memory:'\u{1F9E0}'};
-const CLI_CAT_LABELS={perception:'感知',search:'搜索',file:'文件操作',document:'文档生成',system:'系统',browser:'浏览器',gui:'GUI 桌面',memory:'记忆'};
-
-async function renderSkills(){
-  const cats=await api('/api/skills?view=categorized');
-  const bt=cats.builtin_tools||[];
-  const cc=cats.cli_commands||[];
-  const ps=cats.python_skills||[];
-  const sg=cats.skill_guides||[];
-  const total=bt.length+cc.length+ps.length+sg.length;
-  const disabledAll=[...ps,...sg].filter(s=>s.disabled).length;
-
-  let html=`<div class="flex justify-between items-center mb-16 flex-wrap gap-8">
-    <div style="color:var(--text2);font-size:13px">
-      共 <strong>${total}</strong> 个工具/技能 (内置${bt.length} · CLI${cc.length} · Python${ps.length} · 指南${sg.length}) · ${disabledAll} 已禁用
-    </div>
-    <div class="flex gap-8"><input id="skillSearch" placeholder="搜索工具/技能/CLI命令..." style="width:220px" oninput="filterSkills()">
-    </div></div>`;
-
-  // ── 第一区: 内置平台工具 (LLM 直接调用) ──
-  if(bt.length){
-    html+=`<div class="card" style="padding:0;overflow:hidden;margin-bottom:16px">
-      <h3 style="padding:12px 16px;margin:0;display:flex;align-items:center;gap:8px">
-        <span>⚙️</span> 内置平台工具
-        <span class="badge badge-blue">${bt.length}</span>
-        <span style="font-size:11px;color:var(--text2);font-weight:normal;margin-left:auto">LLM 直接调用 · 不可禁用</span>
-      </h3>`;
-    for(const s of bt){html+=builtinRowHtml(s);}
-    html+='</div>';
-  }
-
-  // ── 第二区: CLI 命令 (通过 command 工具间接调用) ──
-  if(cc.length){
-    // 按分类分组显示
-    const groups={};
-    for(const c of cc){
-      const cat=c.category||'other';
-      if(!groups[cat])groups[cat]=[];
-      groups[cat].push(c);
-    }
-    html+=`<div class="card" style="padding:0;overflow:hidden;margin-bottom:16px">
-      <h3 style="padding:12px 16px;margin:0;display:flex;align-items:center;gap:8px">
-        <span>⚡</span> CLI 命令
-        <span class="badge badge-cyan">${cc.length}</span>
-        <span style="font-size:11px;color:var(--text2);font-weight:normal;margin-left:auto">通过 command 工具调用 · 不可禁用</span>
-      </h3>`;
-    for(const [cat,cmds] of Object.entries(groups)){
-      const icon=CLI_CAT_ICONS[cat]||'🔧';
-      const label=CLI_CAT_LABELS[cat]||cat;
-      html+=`<div style="padding:8px 16px 4px;font-size:12px;color:var(--text2);font-weight:600">${icon} ${label} (${cmds.length})</div>`;
-      for(const s of cmds){html+=cliCmdRowHtml(s);}
-    }
-    html+='</div>';
-  }
-
-  // ── 第三区: Python 可执行技能 ──
-  if(ps.length){
-    html+=`<div class="card" style="padding:0;overflow:hidden;margin-bottom:16px">
-      <h3 style="padding:12px 16px;margin:0;display:flex;align-items:center;gap:8px">
-        <span>🔧</span> Python 技能
-        <span class="badge badge-green">${ps.length}</span>
-        <span style="font-size:11px;color:var(--text2);font-weight:normal;margin-left:auto">CLI 底层实现 · SkillRegistry 管理</span>
-      </h3>`;
-    for(const s of ps){html+=skillRowHtml(s);}
-    html+='</div>';
-  }
-
-  // ── 第四区: 技能指南 (RAG) ──
-  if(sg.length){
-    html+=`<div class="card" style="padding:0;overflow:hidden;margin-bottom:16px">
-      <h3 style="padding:12px 16px;margin:0;display:flex;align-items:center;gap:8px">
-        <span>📝</span> 技能指南
-        <span class="badge badge-purple">${sg.length}</span>
-        <span style="font-size:11px;color:var(--text2);font-weight:normal;margin-left:auto">Markdown Prompt · RAG 按需检索</span>
-      </h3>`;
-    for(const s of sg){html+=guideRowHtml(s);}
-    html+='</div>';
-  }
-
-  if(!total)html+='<div class="empty">暂无工具/技能</div>';
-  $('content').innerHTML=html;
-}
-
-/** 内置平台工具行 (只读，无 toggle) */
-function builtinRowHtml(s){
-  const paramCount=(s.parameters||[]).length;
-  const paramTag=paramCount>0?`<span class="tag">${paramCount} 参数</span>`:'';
-  const catBadge=s.category?`<span class="badge badge-blue">${escHtml(s.category)}</span>`:'';
-  return `<div class="skill-row" data-name="${escHtml(s.name||'')}" data-desc="${escHtml(s.description||'')}">
-    <div style="flex-shrink:0;width:36px;text-align:center;font-size:18px">⚙️</div>
-    <div class="skill-info">
-      <div class="skill-name">${escHtml(s.name)} <span class="badge badge-blue">内置</span></div>
-      <div class="skill-desc">${escHtml(s.description||'暂无描述')}</div>
-    </div>
-    <div class="flex gap-8 items-center" style="flex-shrink:0">
-      ${catBadge}${paramTag}
-      <button class="btn btn-sm btn-ghost" onclick="viewSkillDetail('${escHtml(s.name)}')">详情</button>
-    </div>
-  </div>`;
-}
-
-/** CLI 命令行 (只读，无 toggle，紧凑显示) */
-function cliCmdRowHtml(s){
-  const cliText=s.cli?`<code style="font-size:11px;color:var(--accent);background:var(--surface2);padding:2px 6px;border-radius:3px">${escHtml(s.cli)}</code>`:'';
-  const aliasTag=(s.aliases||[]).length>0?`<span class="tag">${s.aliases.map(a=>'alias: '+a).join(', ')}</span>`:'';
-  return `<div class="skill-row" data-name="${escHtml(s.name||'')}" data-desc="${escHtml(s.description||'')}" style="padding:8px 16px 8px 48px">
-    <div class="skill-info">
-      <div class="skill-name" style="font-size:13px">${escHtml(s.name)} <span class="badge badge-cyan" style="font-size:10px">CLI</span> ${aliasTag}</div>
-      <div class="skill-desc" style="font-size:12px">${escHtml(s.description||'')} ${cliText}</div>
-    </div>
-    <div class="flex gap-8 items-center" style="flex-shrink:0">
-      <button class="btn btn-sm btn-ghost" onclick="viewSkillDetail('${escHtml(s.name)}')">详情</button>
-    </div>
-  </div>`;
-}
-
-/** Python 可执行技能行 (可 toggle) */
-function skillRowHtml(s){
-  const isDisabled=s.disabled;
-  const paramCount=(s.parameters||[]).length;
-  const paramTag=paramCount>0?`<span class="tag">${paramCount} 参数</span>`:'';
-  const catBadge=s.category?`<span class="badge badge-blue">${escHtml(s.category)}</span>`:'';
-  return `<div class="skill-row" data-name="${escHtml(s.name||'')}" data-desc="${escHtml(s.description||'')}">
-    <div style="flex-shrink:0;width:36px;text-align:center;font-size:18px">🔧</div>
-    <div class="skill-info">
-      <div class="skill-name">${escHtml(s.name)} ${isDisabled?'<span class="badge badge-red">已禁用</span>':''} ${s.dangerous?'<span class="badge badge-red">⚠ 危险</span>':''}</div>
-      <div class="skill-desc">${escHtml(s.description||'暂无描述')}</div>
-    </div>
-    <div class="flex gap-8 items-center" style="flex-shrink:0">
-      ${catBadge}${paramTag}
-      <label class="toggle" title="${isDisabled?'启用':'禁用'}"><input type="checkbox" ${!isDisabled?'checked':''} onchange="toggleSkill('${escHtml(s.name)}',this.checked)"><span class="slider"></span></label>
-      <button class="btn btn-sm btn-ghost" onclick="viewSkillDetail('${escHtml(s.name)}')">详情</button>
-    </div>
-  </div>`;
-}
-
-/** 技能指南行 (可 toggle + 参考资料) */
-function guideRowHtml(s){
-  const isDisabled=s.disabled;
-  const refTag=(s.references||[]).length>0?`<span class="tag">${s.references.length} 参考资料</span>`:'';
-  const tplTag=s.has_templates?'<span class="tag">含模板</span>':'';
-  const scriptTag=s.has_scripts?'<span class="tag">含脚本</span>`:'';
-  const catBadge=s.category?`<span class="badge badge-purple">${escHtml(s.category)}</span>`:'';
-  return `<div class="skill-row" data-name="${escHtml(s.name||'')}" data-desc="${escHtml(s.description||'')}">
-    <div style="flex-shrink:0;width:36px;text-align:center;font-size:18px">📝</div>
-    <div class="skill-info">
-      <div class="skill-name">${escHtml(s.name)} ${isDisabled?'<span class="badge badge-red">已禁用</span>':''}</div>
-      <div class="skill-desc">${escHtml(s.description||'暂无描述')}</div>
-    </div>
-    <div class="flex gap-8 items-center" style="flex-shrink:0">
-      ${catBadge}${refTag}${tplTag}${scriptTag}
-      <label class="toggle" title="${isDisabled?'启用':'禁用'}"><input type="checkbox" ${!isDisabled?'checked':''} onchange="toggleSkill('${escHtml(s.name)}',this.checked)"><span class="slider"></span></label>
-      <button class="btn btn-sm btn-ghost" onclick="viewSkillDetail('${escHtml(s.name)}')">详情</button>
-    </div>
-  </div>`;
-}
-
-function filterSkills(){
-  const q=($('skillSearch')?.value||'').toLowerCase();
-  document.querySelectorAll('.skill-row').forEach(el=>{
-    const n=(el.dataset.name||'').toLowerCase();const d=(el.dataset.desc||'').toLowerCase();
-    el.style.display=(n.includes(q)||d.includes(q))?'':'none';
-  });
-}
-
-async function toggleSkill(name,enabled){
-  const r=await api(`/api/skills/${encodeURIComponent(name)}/toggle`,{method:'POST',body:JSON.stringify({enabled})});
-  if(r.error){showToast(r.error,'danger');return}
-  showToast(enabled?'已启用':'已禁用','success');renderSkills();
-}
-
-async function viewSkillDetail(name){
-  const s=await api(`/api/skills/${encodeURIComponent(name)}`);
-  if(s.error){showToast(s.error,'danger');return}
-
-  // 判断类型标签
-  const st=s.skill_type||'';
-  let typeLabel,typeBadge;
-  if(st==='builtin_platform'||st==='builtin_agent_tool'){
-    typeLabel='内置平台工具';typeBadge='<span class="badge badge-blue">内置平台</span>';
-  }else if(st==='cli_command'){
-    typeLabel='CLI 命令';typeBadge='<span class="badge badge-cyan">CLI 命令</span>';
-  }else if(st==='markdown'){
-    typeLabel='技能指南 (RAG)';typeBadge='<span class="badge badge-purple">技能指南</span>';
-  }else{
-    typeLabel='Python 可执行技能';typeBadge='<span class="badge badge-green">Python 技能</span>';
-  }
-
-  // CLI 命令显示调用方式
-  const cliInfo=s.cli?`<div class="form-group"><label>调用方式</label><div><code style="font-size:13px;color:var(--accent);background:var(--surface2);padding:4px 8px;border-radius:4px">${escHtml(s.cli)}</code></div></div>`:'';
-  const aliasInfo=(s.aliases||[]).length>0?`<div class="form-group"><label>别名</label><div>${s.aliases.map(a=>`<code style="font-size:12px;background:var(--surface2);padding:2px 6px;border-radius:3px">${escHtml(a)}</code>`).join(' ')}</div></div>`:'';
-
-  let html=`<h3>${escHtml(s.name)}</h3>
-    <div class="form-group"><label>描述</label><div style="font-size:13px;color:var(--text)">${escHtml(s.description||'无')}</div></div>
-    <div class="form-row">
-      <div class="form-group"><label>类型</label><div>${typeBadge}</div></div>
-      <div class="form-group"><label>类别</label><div><span class="badge badge-blue">${escHtml(s.category||'general')}</span></div></div>
-    </div>
-    ${s.note?`<div class="form-group"><label>备注</label><div style="font-size:13px;color:var(--text2)">${escHtml(s.note)}</div></div>`:''}
-    ${cliInfo}${aliasInfo}
-    <div class="form-group"><label>危险操作</label><div>${s.dangerous?'<span class="badge badge-red">是</span>':'<span class="badge badge-green">否</span>'}</div></div>
-    ${(s.parameters||[]).length>0?`<div class="form-group"><label>参数 (${s.parameters.length})</label>
-    <div class="table-wrap"><table><tr><th>名称</th><th>类型</th><th>必需</th><th>描述</th></tr>
-    ${s.parameters.map(p=>`<tr><td><code>${escHtml(p.name)}</code></td><td>${p.type||'string'}</td><td>${p.required?'✅':'❌'}</td><td>${escHtml(p.description||'')}</td></tr>`).join('')}
-    </table></div></div>`:''}`;
-  $('modalContainer').innerHTML=`<div class="modal-overlay" onclick="closeModal()"><div class="modal" onclick="event.stopPropagation()">${html}<div class="flex gap-8 mt-16"><button class="btn btn-ghost" onclick="closeModal()">关闭</button></div></div></div>`;
-}
-
-// ========== Files ==========
-var _workdirAgent=''; // 当前选中的 agent（空=全局工作目录）
-async function renderFiles(){
-  try{
-  const [wd,agents]=await Promise.all([api('/api/workdir').catch(()=>({})),api('/api/agents').catch(()=>[])]);
-  const agentList=Array.isArray(agents)?agents.filter(a=>!a.system&&a.path!=='default'):[];
-  const wdPath=wd&&wd.path?wd.path:'';
-  let html=`<div class="flex items-center gap-8 mb-16 flex-wrap">
-    <span style="font-size:14px;color:var(--text2)">📁 工作目录: <strong>${escHtml(wdPath)}</strong></span>
-    <select id="workdirAgentSelect" onchange="onWorkdirAgentChange()" style="width:auto">
-      <option value="">全局工作目录</option>
-      ${agentList.map(a=>`<option value="${escHtml(a.path)}" ${_workdirAgent===a.path?'selected':''}>${escHtml((a.avatar_emoji||'🤖')+' '+a.name)} (${escHtml(a.path)})</option>`).join('')}
-    </select>
-    <button class="btn btn-sm btn-ghost" onclick="changeWorkdir()">更改全局</button>
-    <button class="btn btn-sm btn-ghost" onclick="renderFiles()">🔄 刷新</button></div>
-    <div id="workdirContent">加载中...</div>`;
-  $('content').innerHTML=html;
-  loadWorkdirContent('');
-  }catch(e){console.error('renderFiles error:',e);$('content').innerHTML='<div class="empty" style="color:var(--danger)">加载失败: '+escHtml(e.message||'未知错误')+'</div>';}
-}
-function onWorkdirAgentChange(){
-  _workdirAgent=$('workdirAgentSelect').value;
-  loadWorkdirContent('');
-}
-async function loadWorkdirContent(subPath){
-  const params=new URLSearchParams();
-  if(subPath)params.set('path',subPath);
-  const files=await api('/api/workdir/files?'+params.toString());
-  const el=document.getElementById('workdirContent');
-  if(!el)return;
-  // 面包屑
-  var bcHtml='';
-  if(subPath){
-    var parts=subPath.split('/');var crumbs=['<span style="cursor:pointer;color:var(--primary)" onclick="loadWorkdirContent(\'\')">根目录</span>'];var acc='';
-    for(var i=0;i<parts.length;i++){acc+=(acc?'/':'')+parts[i];crumbs.push(' / <span style="cursor:pointer;color:var(--primary)" onclick="loadWorkdirContent(\''+acc+'\')">'+escHtml(parts[i])+'</span>');}
-    bcHtml=crumbs.join('');
-  }else{bcHtml='<span style="color:var(--text3)">根目录</span>';}
-  // Agent 工作目录信息
-  if(_workdirAgent){
-    var agentCfg=await api('/api/agents/'+encodeURIComponent(_workdirAgent)).catch(()=>null);
-    if(agentCfg&&agentCfg.work_dir){
-      bcHtml+=` <span style="margin-left:12px;font-size:11px;color:var(--text3)">Agent 工作目录: ${escHtml(agentCfg.work_dir)}</span>`;
-    }
-  }
-  var html=`<div style="font-size:12px;margin-bottom:8px">${bcHtml}</div>`;
-  html+='<div class="table-wrap"><table><tr><th>名称</th><th>大小</th><th></th></tr>';
-  if(!files||!files.length){
-    html+='<tr><td colspan="3" class="empty">目录为空</td></tr>';
-  }else{
-    // 排序：目录在前
-    var dirs=files.filter(f=>f.type==='dir').sort((a,b)=>a.name.localeCompare(b.name));
-    var fils=files.filter(f=>f.type==='file').sort((a,b)=>a.name.localeCompare(b.name));
-    for(const d of dirs){
-      var dp=d.path||d.name;
-      html+=`<tr style="cursor:pointer" onclick="loadWorkdirContent('${escHtml(dp)}')"><td>📂 ${escHtml(d.name)}</td><td>-</td><td></td></tr>`;
-    }
-    for(const f of fils){
-      var fp=f.path||f.name;
-      var sizeStr=f.size>1048576?(f.size/1048576).toFixed(1)+' MB':f.size>1024?(f.size/1024).toFixed(1)+' KB':f.size+' B';
-      html+=`<tr><td>📄 ${escHtml(f.name)}</td><td>${sizeStr}</td>
-        <td><button class="btn btn-sm btn-ghost" onclick="downloadWorkdirFileGlobal('${escHtml(fp)}')">下载</button></td></tr>`;
-    }
-  }
-  html+='</table></div>';
-  el.innerHTML=html;
-}
-function downloadWorkdirFileGlobal(relPath){
-  var link=document.createElement('a');
-  link.href=API+'/api/workdir/download/'+encodeURIComponent(relPath);
-  link.download='';
-  document.body.appendChild(link);link.click();document.body.removeChild(link);
-}
-async function changeWorkdir(){const p=prompt('新路径:');if(!p)return;await api('/api/workdir',{method:'PUT',body:JSON.stringify({path:p})});showToast('已更新','success');renderFiles();}
-
-// ========== Logs ==========
-async function renderLogs(){
-  let html=`<div class="flex gap-8 mb-16 flex-wrap">
-    <select id="logLines" style="width:auto"><option value="100">100 行</option><option value="500" selected>500 行</option><option value="1000">1000 行</option><option value="2000">2000 行</option></select>
-    <select id="logLevel" style="width:auto"><option value="">全部级别</option><option value="ERROR">ERROR</option><option value="WARNING">WARNING</option><option value="INFO">INFO</option><option value="DEBUG">DEBUG</option></select>
-    <button class="btn btn-primary" onclick="loadLogs()">刷新</button>
-    <button class="btn btn-ghost" onclick="toggleLogStream()" id="streamBtn">▶ 实时日志</button>
-    <button class="btn btn-sm btn-ghost" onclick="clearLogViewer()" title="清空显示">🗑️ 清屏</button></div>
-  <div class="log-viewer" id="logViewer" style="height:calc(100vh - 240px);font-family:monospace;font-size:12px;line-height:1.6;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px">加载中...</div>`;
-  $('content').innerHTML=html;loadLogs();
-}
-async function loadLogs(){
-  const lines=$('logLines').value;const level=$('logLevel').value;
-  const logs=await api(`/api/logs?lines=${lines}${level?'&level='+level:''}`);
-  const viewer=$('logViewer');
-  viewer.innerHTML='';
-  if(!logs||!logs.length){viewer.innerHTML='<div style="color:var(--text3)">暂无日志</div>';return;}
-  for(const l of logs){appendLogLine(viewer,l);}
-  viewer.scrollTop=viewer.scrollHeight;
-}
-function appendLogLine(viewer,line){
-  var div=document.createElement('div');
-  div.style.cssText='white-space:pre-wrap;word-break:break-all;padding:1px 0;border-bottom:1px solid var(--border)';
-  // 高亮 ERROR/WARNING
-  if(line.includes('ERROR')||line.includes('CRITICAL')){div.style.color='var(--danger)';div.style.fontWeight='600';}
-  else if(line.includes('WARNING')){div.style.color='#f59e0b';}
-  else if(line.includes('DEBUG')){div.style.color='var(--text3)';}
-  div.textContent=line;
-  viewer.appendChild(div);
-}
-function clearLogViewer(){if($('logViewer'))$('logViewer').innerHTML='';}
-let logStreamActive=false;let _logES=null;
-async function toggleLogStream(){
-  if(logStreamActive){
-    logStreamActive=false;
-    if(_logES){_logES.close();_logES=null;}
-    $('streamBtn').textContent='▶ 实时日志';
-    $('streamBtn').style.background='';return;
-  }
-  logStreamActive=true;$('streamBtn').textContent='⏹ 停止实时';$('streamBtn').style.background='var(--danger)22';
-  _logES=new EventSource(API+'/api/logs/stream');
-  _logES.onmessage=function(e){
-    try{
-      var lines=JSON.parse(e.data).split('\n');
-      var viewer=$('logViewer');if(!viewer)return;
-      for(const l of lines){if(l.trim())appendLogLine(viewer,l);}
-      viewer.scrollTop=viewer.scrollHeight;
-      while(viewer.children.length>3000)viewer.removeChild(viewer.firstChild);
-    }catch(ex){}
-  };
-  // [v1.18.7] 断线自动重连
-  _logES.onerror=function(){
-    if(_logES){_logES.close();_logES=null;}
-    if(logStreamActive){
-      $('streamBtn').textContent='⟳ 重连中...';
-      setTimeout(function(){
-        if(logStreamActive){toggleLogStream();}// 重新连接
-      },3000);
-    }
-  };
-}
-
-// ========== Tasks ==========
-async function renderTasks(){
-  // [v1.18.7] 同时获取实时 task plan 和持久化任务
-  const [planR,persistR]=await Promise.all([api('/api/task-plan/all').catch(()=>({plans:[],total_keys:0})),api('/api/tasks').catch(()=>({tasks:[],total:0}))]);
-  const plans=planR.plans||[];
-  const persistTasks=persistR.tasks||[];
-  // 统计
-  var totalPlans=0,totalDone=0,totalPending=0,totalRunning=0;
-  for(const p of plans){totalPlans+=p.total;totalDone+=p.done;totalPending+=p.pending;totalRunning+=p.running;}
-  // 持久化任务统计
-  var ptPending=0,ptRunning=0,ptCompleted=0,ptFailed=0;
-  for(const t of persistTasks){if(t.status==='pending')ptPending++;else if(t.status==='running')ptRunning++;else if(t.status==='completed')ptCompleted++;else if(t.status==='failed')ptFailed++;}
-  let html=`<div class="card" style="margin-bottom:16px"><h3>📊 概览</h3>
-    <div class="grid grid-4" style="margin-top:12px">
-      <div class="stat"><div class="label">活跃 Task Plan</div><div class="value">${plans.length}</div><div style="font-size:11px;color:var(--text3)">${totalPlans} 项任务</div></div>
-      <div class="stat"><div class="label">待执行</div><div class="value">${totalPending}</div><div style="font-size:11px;color:var(--text3)">pending</div></div>
-      <div class="stat"><div class="label">已完成</div><div class="value" style="color:var(--success)">${totalDone}</div><div style="font-size:11px;color:var(--text3)">done</div></div>
-      <div class="stat"><div class="label">执行中</div><div class="value" style="color:var(--info)">${totalRunning}</div><div style="font-size:11px;color:var(--text3)">running</div></div>
-    </div>
-    ${persistTasks.length?`<div style="margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:13px;color:var(--text2)">
-      持久化任务: ${ptPending} 待处理 · ${ptRunning} 运行中 · <span style="color:var(--success)">${ptCompleted} 已完成</span> · <span style="color:var(--danger)">${ptFailed} 失败</span>
-    </div>`:''}
-  </div>`;
-  html+=`<div class="flex gap-8 mb-16 flex-wrap">
-    <button class="btn btn-sm btn-ghost" onclick="renderTasks()">🔄 刷新</button></div>`;
-  // 实时 Task Plan 列表
-  if(plans.length){
-    html+='<h3 style="margin-bottom:8px">📋 实时任务计划 ('+plans.length+' 个活跃)</h3>';
-    for(const p of plans){
-      html+=`<div class="card" style="margin-bottom:12px;padding:12px 16px">
-        <div class="flex justify-between items-center mb-8" style="flex-wrap:wrap;gap:8px">
-          <div><strong>${escHtml(p.label)}</strong> <span class="tag">${p.type==='session'?'会话':'Agent'}</span></div>
-          <div class="flex gap-4" style="font-size:12px">
-            <span class="badge badge-yellow">${p.pending} 待执行</span>
-            <span class="badge badge-blue">${p.running} 执行中</span>
-            <span class="badge badge-green">${p.done} 已完成</span>
-          </div>
-        </div>
-        <div style="margin-top:4px">`;
-      for(var i=0;i<p.tasks.length;i++){
-        var t=p.tasks[i];
-        var st=t.status||'pending';
-        var stBadge=st==='done'?'<span class="badge badge-green" style="font-size:10px">✓ done</span>':
-          st==='running'?'<span class="badge badge-blue" style="font-size:10px">⟳ running</span>':
-          '<span class="badge badge-yellow" style="font-size:10px">○ pending</span>';
-        var checked=st==='done'?'checked':'';
-        html+=`<div style="display:flex;align-items:center;gap:8px;padding:3px 0;font-size:13px;${st==='done'?'text-decoration:line-through;color:var(--text3)':''}">
-          <input type="checkbox" ${checked} style="flex-shrink:0" onclick="toggleTaskPlanItem('${escHtml(p.key)}',${i},this.checked)">
-          <span style="flex:1">${escHtml(t.text||'')}</span>${stBadge}
-        </div>`;
-      }
-      html+=`</div></div>`;
-    }
-  }
-  if(!plans.length){
-    html+='<div class="empty" style="margin-bottom:16px">暂无活跃的实时任务计划</div>';
-  }
-  // 持久化任务列表
-  if(persistTasks.length){
-    html+=`<h3 style="margin-bottom:8px;margin-top:16px">💾 持久化任务 (${persistTasks.length} 条)</h3>`;
-    html+='<div class="table-wrap"><table><tr><th>任务ID</th><th>描述</th><th>来源</th><th>状态</th><th>时间</th><th>操作</th></tr>';
-    for(const t of persistTasks){
-      var statusBadge=t.status==='completed'?'<span class="badge badge-green">已完成</span>':
-        t.status==='running'?'<span class="badge badge-blue">运行中</span>':
-        t.status==='failed'?'<span class="badge badge-red">失败</span>':
-        '<span class="badge badge-yellow">待处理</span>';
-      var meta=t.metadata||{};
-      var source=meta.source==='group_chat'?'群聊':meta.source||'';
-      html+=`<tr data-status="${t.status}">
-        <td style="font-family:monospace;font-size:11px;max-width:120px;overflow:hidden;text-overflow:ellipsis" title="${escHtml(t.task_id)}">${escHtml(t.task_id)}</td>
-        <td style="max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="${escHtml(t.description)}">${escHtml((t.description||'').slice(0,100))}</td>
-        <td>${source}${meta.group_name?' / '+escHtml(meta.group_name):''}</td>
-        <td>${statusBadge}</td>
-        <td style="font-size:12px;white-space:nowrap">${fmtTimeAgo(t.updated_at)}</td>
-        <td class="flex gap-8">
-          ${t.status==='failed'||t.status==='pending'?`<button class="btn btn-sm btn-primary" onclick="retryTask('${escHtml(t.task_id)}')">重试</button>`:''}
-          <button class="btn btn-sm btn-danger" onclick="deleteTask('${escHtml(t.task_id)}')">删除</button>
-        </td></tr>`;
-    }
-    html+='</table></div>';
-  }
-  if(!plans.length&&!persistTasks.length){
-    html+='<div class="empty">暂无任务记录</div>';
-  }
-  $('content').innerHTML=html;
-}
-
-async function toggleTaskPlanItem(key,idx,checked){
-  await api('/api/task-plan/all');
-  // 直接调用 task-plan API 修改状态
-  const r=await api('/api/task-plan?agent='+encodeURIComponent(key));
-  if(!r||!r.tasks)return;
-  var tasks=r.tasks;
-  if(idx>=0&&idx<tasks.length){
-    tasks[idx].status=checked?'done':'pending';
-    await api('/api/task-plan',{method:'PUT',body:JSON.stringify({agent:key,session:r.session,tasks:tasks})});
-    renderTasks();
-  }
-}
-
-function filterTasks(){
-  const s=$('taskStatusFilter')?.value||'';
-  document.querySelectorAll('#taskList tr').forEach(tr=>{
-    if(!tr.dataset.status)return;
-    tr.style.display=(!s||tr.dataset.status===s)?'':'none';
-  });
-}
-
-async function retryTask(taskId){
-  showToast('正在重试...','info');
-  const r=await api(`/api/tasks/${encodeURIComponent(taskId)}/retry`,{method:'POST'});
-  if(r.error){showToast('重试失败: '+r.error,'danger');return;}
-  showToast('任务已重新提交','success');renderTasks();
-}
-
-async function deleteTask(taskId){
-  showConfirm('删除任务','确认删除此任务记录？此操作不可恢复。',async()=>{
-    const r=await api(`/api/tasks/${encodeURIComponent(taskId)}`,{method:'DELETE'});
-    if(r.error){showToast(r.error,'danger');closeModal();return;}
-    closeModal();showToast('已删除','success');renderTasks();
-  });
-}
-
-let _deptTreeNeedsRefresh=false;
-function closeModal(){$('modalContainer').innerHTML='';if(_deptTreeNeedsRefresh){_deptTreeNeedsRefresh=false;renderDepartments()}}
-
-// ========== Organization ==========
-async function renderOrganization(){
-  const [org,info]=await Promise.all([api('/api/organization'),api('/api/organization/info')]);
-  if(org.error){$('content').innerHTML='<div class="empty" style="color:var(--danger)">加载失败: '+escHtml(org.error)+'</div>';return}
-  const cfg=org.organization||org;
-  const inf=info.info||info||{};
-  let html=`<div class="card"><h3>组织配置</h3>
-    <div class="form-row">
-      <div class="form-group"><label>启用组织管理</label><label class="toggle"><input type="checkbox" id="orgEnabled" ${cfg.enabled?'checked':''}><span class="slider"></span></label></div>
-      <div class="form-group"><label>知识库管理员</label><input id="orgAdmin" value="${escHtml(cfg.knowledge_admin||'')}" placeholder="管理员用户名"></div>
-    </div>
-    <div class="flex gap-8 mt-16"><button class="btn btn-primary" onclick="saveOrgConfig()">保存配置</button></div></div>`;
-  html+=`<div class="card"><h3>组织信息</h3>
-    <div class="form-row">
-      <div class="form-group"><label>组织名称</label><input id="orgName" value="${escHtml(inf.name||'')}" placeholder="我的组织"></div>
-      <div class="form-group"><label>组织描述</label><input id="orgDesc" value="${escHtml(inf.description||'')}" placeholder="组织简介"></div>
-      <div class="form-group"><label>联系方式</label><input id="orgContact" value="${escHtml(inf.contact||'')}" placeholder="联系邮箱或电话"></div>
-      <div class="form-group"><label>网站</label><input id="orgWebsite" value="${escHtml(inf.website||'')}" placeholder="https://..."></div>
-    </div>
-    <div class="flex gap-8 mt-16"><button class="btn btn-primary" onclick="saveOrgInfo()">保存信息</button></div></div>`;
-  // 知识库 — 未启用组织时隐藏
-  const orgEnabled=cfg.enabled;
-  html+=`<div class="card" id="orgKBCard"><div class="flex justify-between items-center mb-16">
-    <h3 style="margin:0">组织知识库</h3>
-    <div id="orgKBActions">${orgEnabled?'<button class="btn btn-sm btn-primary" onclick="uploadOrgKnowledge(false)">上传文件</button> <button class="btn btn-sm btn-secondary" onclick="uploadOrgKnowledge(true)">📁 上传文件夹</button>':''}</div></div>
-    <div id="orgKBList"><div class="empty">${orgEnabled?'加载中...':'组织管理未启用，请先启用后再使用知识库'}</div></div></div>`;
-  $('content').innerHTML=html;
-  if(orgEnabled)loadOrgKnowledge();
-}
-async function saveOrgConfig(){
-  const r=await api('/api/organization',{method:'PUT',body:JSON.stringify({enabled:$('orgEnabled').checked,knowledge_admin:$('orgAdmin').value})});
-  if(r.error){showToast(r.error,'danger');return}showToast('已保存','success');renderOrganization();
-}
-async function saveOrgInfo(){
-  const r=await api('/api/organization/info',{method:'PUT',body:JSON.stringify({name:$('orgName').value,description:$('orgDesc').value,contact:$('orgContact').value,website:$('orgWebsite').value})});
-  if(r.error){showToast(r.error,'danger');return}showToast('已保存','success');
-}
-async function loadOrgKnowledge(){
-  const files=await api('/api/organization/knowledge');
-  const el=document.getElementById('orgKBList');if(!el)return;
-  if(!files||!files.length){el.innerHTML='<div class="empty">暂无知识库文件</div>';return}
-  let html='<div class="table-wrap"><table><tr><th>文件名</th><th>大小</th><th>操作</th></tr>';
-  for(const f of files){
-    html+=`<tr><td>${escHtml(f.name||f.path)}</td><td>${f.size?f.size>1024?(f.size/1024).toFixed(1)+' KB':f.size+' B':'-'}</td>
-      <td><button class="btn btn-sm btn-ghost" onclick="viewOrgKBFile('${escHtml(f.path||f.name)}')">查看</button>
-      <button class="btn btn-sm btn-ghost" onclick="downloadOrgKBFile('${escHtml(f.path||f.name)}')">下载</button>
-      <button class="btn btn-sm btn-danger" onclick="deleteOrgKBFile('${escHtml(f.path||f.name)}')">删除</button></td></tr>`;
-  }
-  html+='</table></div>';el.innerHTML=html;
-}
-function uploadOrgKnowledge(folderMode){
-  const input=document.createElement('input');input.type='file';input.multiple=true;
-  if(folderMode){input.webkitdirectory=true;}
-  input.onchange=async()=>{
-    const fd=new FormData();
-    for(const f of input.files){
-      // 文件夹上传时保留相对路径
-      if(f.webkitRelativePath){fd.append('files',f,{headers:{'X-File-Path':f.webkitRelativePath}});}
-      else{fd.append('files',f);}
-    }
-    showToast('正在上传...','info');
-    const r=await fetch(API+'/api/organization/knowledge/upload',{method:'POST',body:fd});
-    const data=await r.json();
-    if(data.error){showToast(data.error,'danger');return}
-    const total=data.results?data.results.length:0;
-    const okCount=data.results?data.results.filter(x=>x.ok).length:0;
-    showToast(`上传完成: ${okCount}/${total} 文件成功`,okCount===total?'success':'warning');
-    loadOrgKnowledge();
-  };input.click();
-}
-async function viewOrgKBFile(path){
-  const r=await fetch(API+'/api/organization/knowledge/file?path='+encodeURIComponent(path));
-  const data=await r.json();
-  if(data.error){showToast(data.error,'danger');return}
-  const content=typeof data==='string'?data:(data.content||JSON.stringify(data,null,2));
-  $('modalContainer').innerHTML=`<div class="modal-overlay" onclick="closeModal()"><div class="modal" onclick="event.stopPropagation()" style="max-width:800px">
-    <h3>${escHtml(path)}</h3>
-    <div class="log-viewer" style="max-height:60vh;white-space:pre-wrap">${escHtml(content.slice(0,5000))}${content.length>5000?'\\n...(已截断)':''}</div>
-    <div class="flex gap-8 mt-16"><button class="btn btn-ghost" onclick="closeModal()">关闭</button></div>
-  </div></div>`;
-}
-async function downloadOrgKBFile(path){
-  const a=document.createElement('a');
-  a.href=API+'/api/organization/knowledge/file?path='+encodeURIComponent(path)+'&download=1';
-  a.download=path.split('/').pop();
-  a.click();
-}
-async function deleteOrgKBFile(path){
-  showConfirm('删除文件','确认删除 "'+escHtml(path)+'" 吗？',async()=>{
-    const r=await api('/api/organization/knowledge?path='+encodeURIComponent(path),{method:'DELETE'});
-    if(r.error){showToast(r.error,'danger');closeModal();return}closeModal();showToast('已删除','success');loadOrgKnowledge();
-  });
-}
-
-// ========== Departments ==========
-async function renderDepartments(){
-  const [tree,agents]=await Promise.all([api('/api/departments'),api('/api/agents')]);
-  if(tree.error){$('content').innerHTML='<div class="empty" style="color:var(--danger)">加载失败: '+escHtml(tree.error)+'</div>';return}
-  allAgentsCache=Array.isArray(agents)?agents:allAgentsCache;
-  const depts=Array.isArray(tree)?tree:(tree.children||[]);
-  let html=`<div class="flex justify-between items-center mb-16">
-    <div style="color:var(--text2);font-size:13px">共 ${countDepts(depts)} 个部门</div>
-    <button class="btn btn-primary" onclick="showCreateDeptModal()">+ 创建部门</button></div>`;
-  if(!depts.length){html+='<div class="empty">暂无部门，点击上方按钮创建</div>';$('content').innerHTML=html;return}
-  html+='<div id="deptTree">';
-  html+=renderDeptTree(depts,0);
-  html+='</div>';
-  $('content').innerHTML=html;
-}
-function countDepts(list){let c=0;for(const d of list||[]){c++;c+=countDepts(d.children||[])}return c}
-function renderDeptTree(list,depth){
-  let html='';
-  for(const d of list||[]){
-    const hasChildren=(d.children||[]).length>0;
-    const indent=depth*24;
-    html+=`<div style="margin-left:${indent}px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;background:var(--surface);padding:12px 16px">
-      <div class="flex justify-between items-center">
-        <div class="flex items-center gap-8">
-          <span style="font-size:20px">${escHtml(d.emoji||'📁')}</span>
-          <div><div style="font-weight:600">${escHtml(d.name)} <span class="tag">${d.agent_count||0} 成员</span></div>
-          <div style="font-size:12px;color:var(--text2)">${escHtml(d.description||'无描述')} ${hasChildren?'· '+d.children.length+' 个子部门':''}</div></div>
-        </div>
-        <div class="flex gap-8">
-          <button class="btn btn-sm btn-ghost" onclick="showDeptDetail('${escHtml(d.path||d.name)}')">详情/管理成员</button>
-          <button class="btn btn-sm btn-primary" onclick="showCreateDeptModal('${escHtml(d.path||d.name)}')">子部门</button>
-          <button class="btn btn-sm btn-danger" onclick="deleteDept('${escHtml(d.path||d.name)}','${escHtml(d.name)}')">删除</button>
-        </div>
-      </div>
-      ${hasChildren?renderDeptTree(d.children,depth+1):''}
-    </div>`;
-  }
-  return html;
-}
-function showCreateDeptModal(parent){
-  $('modalContainer').innerHTML=`<div class="modal-overlay" onclick="closeModal()"><div class="modal" onclick="event.stopPropagation()">
-    <h3>${parent?'创建子部门':'创建部门'}</h3>
-    ${parent?'<div class="form-group"><label>父部门</label><input value="'+escHtml(parent)+'" disabled></div>':''}
-    <div class="form-row">
-      <div class="form-group"><label>部门名称 *</label><input id="deptName" placeholder="部门名称"></div>
-      <div class="form-group"><label>Emoji</label><input id="deptEmoji" placeholder="📁" maxlength="4"></div>
-    </div>
-    <div class="form-group"><label>描述</label><textarea id="deptDesc" rows="3" placeholder="部门描述..."></textarea></div>
-    <div class="flex gap-8 mt-16"><button class="btn btn-primary" onclick="doCreateDept('${escHtml(parent||'')}')">创建</button><button class="btn btn-ghost" onclick="closeModal()">取消</button></div>
-  </div></div>`;
-}
-async function doCreateDept(parent){
-  const r=await api('/api/departments',{method:'POST',body:JSON.stringify({name:$('deptName').value,emoji:$('deptEmoji').value,description:$('deptDesc').value,parent})});
-  if(r.error){showToast(r.error,'danger');return}closeModal();showToast('已创建','success');renderDepartments();
-}
-async function deleteDept(path,name){
-  showConfirm('删除部门','确认删除部门 "'+escHtml(name)+'" 及其所有子部门吗？',async()=>{
-    const r=await api(`/api/departments/${encodeURIComponent(path)}`,{method:'DELETE'});
-    if(r.error){showToast(r.error,'danger');closeModal();return}closeModal();showToast('已删除','success');renderDepartments();
-  });
-}
-async function showDeptDetail(path){
-  try {
-  const [dept,info,agents]=await Promise.all([api(`/api/departments/${encodeURIComponent(path)}`),api(`/api/departments/${encodeURIComponent(path)}/info`),api('/api/agents')]);
-  if(dept.error){showToast(dept.error,'danger');return}
-  // 刷新 allAgentsCache 确保最新
-  allAgentsCache=Array.isArray(agents)?agents:allAgentsCache;
-  // 描述和负责人从 dept 元数据读取（非 info API 的 dept.md 内容）
-  const deptDesc=dept.description||'';
-  const deptHead=dept.head||'';
-  // 获取所有 agent 用于添加
-  const allAgents=Array.isArray(allAgentsCache)?allAgentsCache:[];
-  const currentAgents=Array.isArray(dept.agents)?dept.agents:[];
-  // 构建可选 agent 列表（排除已添加的）
-  const availAgents=allAgents.filter(a=>!currentAgents.includes(a.path||a.name));
-  const agentOptions=availAgents.map(a=>`<option value="${escHtml(a.path||a.name)}">${escHtml((a.avatar_emoji||'🤖')+' '+(a.name||a.path))}</option>`).join('');
-  // 已有 agent 列表 — 改为行列表形式，每行带删除按钮
-  const agentListHtml=currentAgents.length?`<div style="display:flex;flex-direction:column;gap:6px">${currentAgents.map(aName=>{
-    const aInfo=allAgents.find(a=>(a.path||a.name)===aName);
-    const label=aInfo?((aInfo.avatar_emoji||'🤖')+' '+(aInfo.name||aName)):aName;
-    const isHead=aName===deptHead;
-    return `<div style="display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--surface2);border-radius:8px;border:1px solid var(--border)">
-      <div style="display:flex;align-items:center;gap:8px">
-        <span>${isHead?'👑':'🤖'}</span>
-        <span style="font-weight:500">${escHtml(label)}</span>
-        ${isHead?'<span class="tag" style="font-size:11px">部长</span>':''}
-      </div>
-      <button class="btn btn-sm btn-danger" onclick="removeDeptAgent('${escHtml(path)}','${escHtml(aName)}')" style="padding:2px 10px;font-size:12px">删除</button>
-    </div>`;
-  }).join('')}</div>`:'<div style="padding:16px;text-align:center;color:var(--text3);font-size:13px;background:var(--surface2);border-radius:8px;border:1px dashed var(--border)">暂无成员</div>';
-
-  $('modalContainer').innerHTML=`<div class="modal-overlay" onclick="closeModal()"><div class="modal modal-wide" onclick="event.stopPropagation()">
-    <h3>${escHtml(dept.emoji||'📁')} ${escHtml(dept.name)}</h3>
-    <div class="form-row">
-      <div class="form-group"><label>部门名称</label><input id="ddName" value="${escHtml(dept.name||'')}"></div>
-      <div class="form-group"><label>Emoji</label><input id="ddEmoji" value="${escHtml(dept.emoji||'')}" maxlength="4"></div>
-    </div>
-    <div class="form-group"><label>描述</label><textarea id="ddDesc" rows="3">${escHtml(deptDesc)}</textarea></div>
-    <div class="form-group"><label>负责人</label><select id="ddHead"><option value="">请选择...</option>${currentAgents.map(aName=>{const aInfo=allAgents.find(a=>(a.path||a.name)===aName);const label=aInfo?((aInfo.avatar_emoji||'🤖')+' '+(aInfo.name||aName)):aName;return '<option value="'+escHtml(aName)+'"'+(aName===deptHead?' selected':'')+'>'+escHtml(label)+'</option>'}).join('')}${availAgents.map(a=>'<option value="'+escHtml(a.path||a.name)+'"'+((a.path||a.name)===deptHead?' selected':'')+'>'+escHtml((a.avatar_emoji||'🤖')+' '+(a.name||a.path))+'</option>').join('')}</select></div>
-    <hr style="border:none;border-top:1px solid var(--border);margin:20px 0">
-    <h4>🤖 部门成员 <span class="badge badge-blue">${currentAgents.length}</span></h4>
-    <div id="deptAgentList" style="margin:8px 0">${agentListHtml}</div>
-    ${agentOptions?`<div class="flex gap-8 mt-8"><select id="ddAddAgent" style="flex:1"><option value="">选择 Agent 添加...</option>${agentOptions}</select><button class="btn btn-sm btn-primary" onclick="addDeptAgent('${escHtml(path)}')">添加</button></div>`:'<div style="font-size:12px;color:var(--text3);margin-top:4px">所有 Agent 都已添加</div>'}
-    <hr style="border:none;border-top:1px solid var(--border);margin:20px 0">
-    <div class="flex gap-8">
-      <button class="btn btn-ghost" onclick="loadDeptKB('${escHtml(path)}')">查看知识库</button>
-    </div>
-    <div id="deptKBArea" style="margin-top:16px"></div>
-    <hr style="border:none;border-top:1px solid var(--border);margin:20px 0">
-    <div class="flex gap-8" style="justify-content:flex-end">
-      <button class="btn btn-primary" onclick="saveDeptInfo('${escHtml(path)}')">保存</button>
-      <button class="btn btn-ghost" onclick="closeModal()">关闭</button>
-    </div>
-  </div></div>`;
-  } catch(e) {
-    console.error('showDeptDetail error:', e);
-    showToast('加载部门详情失败: '+e.message, 'danger');
-  }
-}
-async function addDeptAgent(path){
-  const sel=document.getElementById('ddAddAgent');
-  const btn=sel?sel.nextElementSibling:null;
-  if(!sel||!sel.value){showToast('请选择要添加的 Agent','danger');return}
-  if(sel.disabled||btn?.disabled)return;
-  if(sel)sel.disabled=true;if(btn)btn.disabled=true;
-  try{
-  const r=await api(`/api/departments/${encodeURIComponent(path)}/agents`,{method:'PUT',body:JSON.stringify({agents:[sel.value],action:'add'})});
-  if(r.error||r.ok===false){showToast(r.error||r.message||'添加失败','danger');return}
-  showToast('已添加','success');_deptTreeNeedsRefresh=true;showDeptDetail(path);
-  }finally{if(sel)sel.disabled=false;if(btn)btn.disabled=false}
-}
-async function removeDeptAgent(path,agentName){
-  const r=await api(`/api/departments/${encodeURIComponent(path)}/agents`,{method:'PUT',body:JSON.stringify({agents:[agentName],action:'remove'})});
-  if(r.error||r.ok===false){showToast(r.error||r.message||'移除失败','danger');return}
-  showToast('已移除','success');_deptTreeNeedsRefresh=true;showDeptDetail(path);
-}
-async function saveDeptInfo(path){
-  // 同时保存名称、emoji 和元数据（描述、负责人）
-  const [metaRes,deptRes]=await Promise.all([
-    api(`/api/departments/${encodeURIComponent(path)}/info`,{method:'PUT',body:JSON.stringify({description:$('ddDesc').value,head_name:$('ddHead').value})}),
-    api(`/api/departments/${encodeURIComponent(path)}`,{method:'PUT',body:JSON.stringify({name:$('ddName').value,emoji:$('ddEmoji').value})})
-  ]);
-  if(metaRes.error){showToast(metaRes.error,'danger');return}
-  if(deptRes.error){showToast(deptRes.error,'danger');return}
-  showToast('已保存','success');
-  renderDepartments();
-}
-async function loadDeptKB(path){
-  const files=await api(`/api/departments/${encodeURIComponent(path)}/knowledge`);
-  const el=document.getElementById('deptKBArea');if(!el)return;
-  let html='<h4 style="margin-bottom:8px">部门知识库</h4>';
-  html+='<div style="margin-bottom:8px"><button class="btn btn-sm btn-primary" onclick="uploadDeptKB(\''+escHtml(path)+'\',false)">上传文件</button> <button class="btn btn-sm btn-secondary" onclick="uploadDeptKB(\''+escHtml(path)+'\',true)">📁 上传文件夹</button></div>';
-  if(!files||!files.length){html+='<div class="empty" style="margin-top:12px">暂无知识库文件</div>';el.innerHTML=html;return}
-  html+='<div class="table-wrap"><table><tr><th>文件</th><th>操作</th></tr>';
-  for(const f of files){
-    html+=`<tr><td>${escHtml(f.name||f.path)}</td>
-      <td><button class="btn btn-sm btn-ghost" onclick="viewDeptKBFile('${escHtml(path)}','${escHtml(f.path||f.name)}')">查看</button>
-      <button class="btn btn-sm btn-danger" onclick="deleteDeptKBFile('${escHtml(path)}','${escHtml(f.path||f.name)}')">删除</button></td></tr>`;
-  }
-  html+='</table></div>';el.innerHTML=html;
-}
-async function uploadDeptKB(path,folderMode){
-  const input=document.createElement('input');input.type='file';input.multiple=true;
-  if(folderMode){input.webkitdirectory=true;}
-  input.onchange=async()=>{
-    const fd=new FormData();
-    for(const f of input.files){
-      if(f.webkitRelativePath){fd.append('files',f,{headers:{'X-File-Path':f.webkitRelativePath}});}
-      else{fd.append('files',f);}
-    }
-    showToast('正在上传...','info');
-    const r=await fetch(API+`/api/departments/${encodeURIComponent(path)}/knowledge/upload`,{method:'POST',body:fd});
-    const data=await r.json();
-    if(data.error){showToast(data.error,'danger');return}
-    const total=data.results?data.results.length:0;
-    const okCount=data.results?data.results.filter(x=>x.ok).length:0;
-    showToast(`上传完成: ${okCount}/${total} 文件成功`,okCount===total?'success':'warning');
-    loadDeptKB(path);
-  };input.click();
-}
-
-// ========== System Config ==========
-async function renderSystem(){
-  $('content').innerHTML=`
-  <div class="card">
-    <h3>🕐 时区设置</h3>
-    <p style="font-size:13px;color:var(--text2);margin-bottom:12px">设置系统时区，影响提示词中的当前时间、记忆时间戳、日志时间等所有时间显示</p>
-    <div style="display:flex;align-items:center;gap:12px;margin-bottom:12px">
-      <select id="sysTimezone" style="flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg2);color:var(--text);font-size:14px"></select>
-      <button class="btn btn-primary" id="sysTzSaveBtn" onclick="sysSaveTimezone()">保存</button>
-    </div>
-    <div id="sysTzMsg"></div>
-  </div>
-  <div class="card">
-    <h3>📤 导出备份</h3>
-    <p style="font-size:13px;color:var(--text2);margin-bottom:12px">将当前完整配置导出为 JSON 文件，用于备份或迁移</p>
-    <div class="flex gap-8">
-      <button class="btn btn-ghost" id="sysExportSafe" onclick="sysExport(false)">导出（脱敏）</button>
-      <button class="btn btn-danger" id="sysExportFull" onclick="sysExport(true)">导出（含密钥）</button>
-    </div>
-    <div id="sysExportMsg"></div>
-  </div>
-  <div class="card">
-    <h3>📥 导入配置</h3>
-    <p style="font-size:13px;color:var(--text2);margin-bottom:12px">从之前导出的 JSON 备份文件恢复配置</p>
-    <div class="drop-zone" id="sysDropZone" onclick="document.getElementById('sysFileInput').click()" ondragover="event.preventDefault();this.classList.add('dragover')" ondragleave="this.classList.remove('dragover')" ondrop="sysHandleDrop(event)">
-      <div style="font-size:28px;margin-bottom:8px;opacity:.5">📁</div>
-      <div style="font-size:13px">点击选择文件或拖拽 JSON 到此处</div>
-      <div style="font-size:11px;color:var(--text2);margin-top:4px">支持 myagent_config_*.json 格式</div>
-      <input type="file" id="sysFileInput" accept=".json" onchange="sysHandleFile(this)" style="display:none">
-    </div>
-    <div style="display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:var(--text2)">
-      <input type="checkbox" id="sysOverwrite" style="width:16px;height:16px;accent-color:var(--primary)">
-      <label for="sysOverwrite">完全覆盖当前配置（否则智能合并）</label>
-    </div>
-    <div id="sysImportMsg"></div>
-  </div>
-  <div class="card">
-    <h3>👁️ 配置预览</h3>
-    <div class="config-preview" id="sysConfigPreview">加载中...</div>
-  </div>`;
-  sysLoadTimezone();
-  sysLoadPreview();
-}
-
-const COMMON_TIMEZONES=['Asia/Shanghai','Asia/Kuala_Lumpur','Asia/Singapore','Asia/Tokyo','Asia/Seoul','Asia/Ho_Chi_Minh','Asia/Bangkok','Asia/Jakarta','Asia/Kolkata','Asia/Dubai','Europe/London','Europe/Paris','Europe/Berlin','Europe/Moscow','America/New_York','America/Chicago','America/Denver','America/Los_Angeles','Australia/Sydney','Pacific/Auckland','UTC'];
-
-async function sysLoadTimezone(){
-  try{
-    const r=await api('/api/config/get',{method:'POST',body:JSON.stringify({key:'timezone'})});
-    const sel=$('sysTimezone');
-    sel.innerHTML=COMMON_TIMEZONES.map(tz=>`<option value="${tz}"${tz===(r.value||'Asia/Shanghai')?' selected':''}>${tz}</option>`).join('');
-  }catch(e){console.error('Load timezone failed:',e);}
-}
-
-async function sysSaveTimezone(){
-  const btn=$('sysTzSaveBtn');btn.disabled=true;
-  sysSetMsg('sysTzMsg','loading','正在保存时区...');
-  try{
-    const tz=$('sysTimezone').value;
-    const r=await api('/api/config/set',{method:'POST',body:JSON.stringify({key:'timezone',value:tz})});
-    if(r.ok){sysSetMsg('sysTzMsg','success','✅ 时区已保存为 '+tz);showToast('时区已更新为 '+tz,'success');}
-    else{sysSetMsg('sysTzMsg','error','❌ 保存失败: '+(r.error||'未知错误'));}
-  }catch(e){sysSetMsg('sysTzMsg','error','❌ 保存失败: '+e.message);}
-  btn.disabled=false;
-}
-
-function sysSetMsg(id,type,msg){
-  const el=$(id);if(!el)return;
-  el.className='status-msg '+type;el.textContent=msg;
-  if(type!=='loading')setTimeout(()=>{if(el.className.includes(type))el.className='status-msg';},8000);
-}
-
-async function sysExport(includeSecrets){
-  const btnId=includeSecrets?'sysExportFull':'sysExportSafe';
-  const btn=$(btnId);btn.disabled=true;
-  sysSetMsg('sysExportMsg','loading','正在导出配置...');
-  try{
-    const resp=await fetch(API+'/api/config/export',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({include_secrets:includeSecrets})});
-    if(!resp.ok){const err=await resp.json();throw new Error(err.error||'导出失败');}
-    const blob=await resp.blob();
-    const disposition=resp.headers.get('Content-Disposition')||'';
-    const match=disposition.match(/filename="([^"]+)"/);
-    const filename=match?match[1]:'myagent_config.json';
-    const url=URL.createObjectURL(blob);const a=document.createElement('a');
-    a.href=url;a.download=filename;document.body.appendChild(a);a.click();
-    document.body.removeChild(a);URL.revokeObjectURL(url);
-    sysSetMsg('sysExportMsg','success','✅ 配置已导出: '+filename);showToast('配置已导出','success');
-  }catch(e){sysSetMsg('sysExportMsg','error','❌ 导出失败: '+e.message);}
-  btn.disabled=false;
-}
-
-function sysHandleDrop(event){
-  event.preventDefault();event.stopPropagation();
-  $('sysDropZone').classList.remove('dragover');
-  const files=event.dataTransfer.files;
-  if(files.length>0&&files[0].name.endsWith('.json')){sysImportFile(files[0]);}
-  else{showToast('请拖入 JSON 文件','danger');}
-}
-function sysHandleFile(input){if(input.files.length>0)sysImportFile(input.files[0]);input.value='';}
-
-async function sysImportFile(file){
-  const overwrite=$('sysOverwrite').checked;
-  sysSetMsg('sysImportMsg','loading','正在读取 '+file.name+'...');
-  try{
-    const text=await file.text();
-    let data;try{data=JSON.parse(text);}catch(e){sysSetMsg('sysImportMsg','error','文件不是有效的 JSON');return;}
-    sysSetMsg('sysImportMsg','loading','正在导入配置...');
-    if(overwrite)data._overwrite=true;
-    const r=await api('/api/config/import',{method:'POST',body:JSON.stringify(data)});
-    if(r.ok){
-      const changed=r.changed_keys||[];
-      let msg='✅ '+r.message;
-      if(changed.length>0)msg+=' ('+changed.slice(0,5).join(', ')+(changed.length>5?'...':'')+')';
-      sysSetMsg('sysImportMsg','success',msg);showToast(r.message,'success');sysLoadPreview();
-    }else{sysSetMsg('sysImportMsg','error','❌ 导入失败: '+(r.message||'未知错误'));}
-  }catch(e){sysSetMsg('sysImportMsg','error','❌ 导入失败: '+e.message);}
-}
-
-async function sysLoadPreview(){
-  const el=$('sysConfigPreview');if(!el)return;
-  try{
-    const cfg=await api('/api/config');const c=cfg.config||cfg;
-    const lines=[];
-    if(c.llm){
-      lines.push('<span class="key">LLM:</span> '+escHtml(c.llm.provider+'/'+c.llm.model));
-      lines.push('<span class="key">Base URL:</span> '+escHtml(c.llm.base_url||'default'));
-      lines.push('<span class="key">Temperature:</span> '+c.llm.temperature+' | Max Tokens: '+c.llm.max_tokens);
-    }
-    if(c.executor){
-      lines.push('<span class="key">执行引擎:</span> '+escHtml(c.executor.execution_mode||'local')+' | Timeout: '+(c.executor.timeout||300)+'s');
-    }
-    if(c.memory){
-      lines.push('<span class="key">记忆:</span> 会话 '+(c.memory.max_session||50)+' 轮 | 自动总结: '+(c.memory.auto_summarize?'开':'关'));
-    }
-    if(c.agent){
-      lines.push('<span class="key">Agent:</span> 最大迭代 '+(c.agent.max_iterations||30)+' | 并行 '+(c.agent.max_parallel||3));
-    }
-    if(c.chat_platforms&&c.chat_platforms.length>0){
-      const platforms=c.chat_platforms.filter(p=>p.enabled).map(p=>p.platform);
-      if(platforms.length>0)lines.push('<span class="key">聊天平台:</span> '+escHtml(platforms.join(', ')));
-    }
-    if(c.log_level)lines.push('<span class="key">日志级别:</span> '+escHtml(c.log_level));
-    if(cfg._meta){lines.push('');lines.push('<span class="key">备份信息:</span> '+escHtml(cfg._meta.exported_at||'N/A'));}
-    el.innerHTML=lines.join('\n')||'暂无配置信息';
-  }catch(e){el.textContent='加载配置失败: '+e.message;}
-}
-
-// Init
-(function(){
-  var hash=window.location.hash.slice(1)||'';
-  var page=hash?hash.split('~')[0]:'';
-  var sub=hash?hash.slice(page.length+1):'';
-  // 兼容旧 URL query param ?page=xxx
-  if(!page){
-    var params=new URLSearchParams(window.location.search);
-    page=params.get('page')||'dashboard';
-  }
-  if(sub)_navSubState=sub;
-  if(pages[page]){
-    history.replaceState({page:page,sub:sub||null},'','#'+page+(sub?'~'+sub:''));
-    showPage(page,false);
-  }else{
-    history.replaceState({page:'dashboard',sub:null},'','#dashboard');
-    showPage('dashboard',false);
-  }
-})();
-setInterval(()=>{api('/api/status').catch(()=>{})},30000);
-
-/* ── 头像上传 + 裁剪 ── */
-var _cropState={prefix:'',dragging:false,sx:0,sy:0};
-function handleAvatarUpload(input,prefix){
-  var file=input.files[0];if(!file)return;
-  if(file.size>5*1024*1024){showToast('图片不能超过 5MB','danger');return}
-  var reader=new FileReader();
-  reader.onload=function(e){
-    var img=$(prefix+'CropImg');img.src=e.target.result;
-    $(prefix+'CropArea').style.display='block';
-    $(prefix+'CropOverlay').style.display='none';
-    _cropState.prefix=prefix;
-  };
-  reader.readAsDataURL(file);
-}
-/* [v1.18.8] 修复: e.preventDefault() 阻止浏览器原生图片拖拽 + 坐标统一用 clientX/Y */
-function startCrop(e,prefix){
-  e.preventDefault();e.stopPropagation();
-  var rect=e.target.getBoundingClientRect();
-  var cx=e.clientX-rect.left,cy=e.clientY-rect.top;
-  _cropState={prefix:prefix,dragging:true,sx:cx,sy:cy};
-  var overlay=$(prefix+'CropOverlay');
-  overlay.style.display='block';
-  overlay.style.left=cx+'px';overlay.style.top=cy+'px';
-  overlay.style.width='0';overlay.style.height='0';
-  document.addEventListener('mousemove',doCrop);document.addEventListener('mouseup',endCrop);
-}
-/* [v1.18.8] 触摸设备支持 */
-function startCropTouch(e,prefix){
-  e.preventDefault();e.stopPropagation();
-  var t=e.touches[0];if(!t)return;
-  var rect=e.target.getBoundingClientRect();
-  var cx=t.clientX-rect.left,cy=t.clientY-rect.top;
-  _cropState={prefix:prefix,dragging:true,sx:cx,sy:cy};
-  var overlay=$(prefix+'CropOverlay');
-  overlay.style.display='block';
-  overlay.style.left=cx+'px';overlay.style.top=cy+'px';
-  overlay.style.width='0';overlay.style.height='0';
-  document.addEventListener('touchmove',doCropTouch,{passive:false});document.addEventListener('touchend',endCropTouch);
-}
-function doCropTouch(e){
-  e.preventDefault();
-  if(!_cropState.dragging||!e.touches[0])return;
-  var t=e.touches[0];
-  _doCropMove(t.clientX,t.clientY);
-}
-function endCropTouch(){
-  _cropState.dragging=false;
-  document.removeEventListener('touchmove',doCropTouch);document.removeEventListener('touchend',endCropTouch);
-}
-function doCrop(e){
-  if(!_cropState.dragging)return;
-  _doCropMove(e.clientX,e.clientY);
-}
-function _doCropMove(clientX,clientY){
-  var img=$(_cropState.prefix+'CropImg'),rect=img.getBoundingClientRect();
-  var overlay=$(_cropState.prefix+'CropOverlay');
-  var cx=clientX-rect.left,cy=clientY-rect.top;
-  var x1=Math.min(_cropState.sx,cx),y1=Math.min(_cropState.sy,cy);
-  var x2=Math.max(_cropState.sx,cx),y2=Math.max(_cropState.sy,cy);
-  x2=Math.min(x2,rect.width);y2=Math.min(y2,rect.height);
-  x1=Math.max(x1,0);y1=Math.max(y1,0);
-  var w=x2-x1,h=y2-y1;if(w<5||h<5)return;
-  overlay.style.left=x1+'px';overlay.style.top=y1+'px';overlay.style.width=w+'px';overlay.style.height=h+'px';
-}
-function endCrop(){_cropState.dragging=false;document.removeEventListener('mousemove',doCrop);document.removeEventListener('mouseup',endCrop);}
-function cancelAvatarCrop(prefix){$(prefix+'CropArea').style.display='none';}
-function confirmAvatarCrop(prefix,agentPath){
-  var img=$(prefix+'CropImg'),overlay=$(prefix+'CropOverlay');
-  if(!img||!overlay){showToast('裁剪数据异常','danger');return}
-  // [v1.18.7] 防止 clientWidth=0 导致 NaN
-  var clientW=Math.max(img.clientWidth,1),clientH=Math.max(img.clientHeight,1);
-  var naturalW=img.naturalWidth||clientW,naturalH=img.naturalHeight||clientH;
-  var scale=naturalW/clientW;
-  if(!isFinite(scale)||scale<=0)scale=1;
-  var cx=Math.round(parseFloat(overlay.style.left||'0')*scale);
-  var cy=Math.round(parseFloat(overlay.style.top||'0')*scale);
-  var cw=Math.round(parseFloat(overlay.style.width||'0')*scale);
-  var ch=Math.round(parseFloat(overlay.style.height||'0')*scale);
-  if(cw<10||ch<10||isNaN(cx)||isNaN(cy)){showToast('请拖动选择裁剪区域','danger');return}
-  var src=$(prefix+'CropImg').src;
-  if(!src||!src.startsWith('data:image')){showToast('请先上传图片','danger');return}
-  var blob=dataURItoBlob(src);
-  if(!blob||blob.size===0){showToast('图片数据异常','danger');return}
-  var formData=new FormData();
-  formData.append('file',blob,'avatar.png');
-  showToast('正在上传裁剪...','info');
-  fetch('/api/agents/'+encodeURIComponent(agentPath)+'/avatar?crop_x='+cx+'&crop_y='+cy+'&crop_w='+cw+'&crop_h='+ch+'&size=128',{
-    method:'POST',body:formData
-  }).then(r=>r.json()).then(d=>{
-    if(d.ok){$(prefix+'AvatarImage').value=d.url;$(prefix+'AvatarPreview').innerHTML='<img src="'+d.url+'" style="width:100%;height:100%;object-fit:cover">';$(prefix+'CropArea').style.display='none';showToast('头像已更新','success');}
-    else showToast(d.error||'上传失败','danger');
-  }).catch(e=>showToast('上传失败: '+e,'danger'));
-}
-function dataURItoBlob(dataURI){
-  if(!dataURI||typeof dataURI!=='string')return null;
-  var parts=dataURI.split(',');
-  if(parts.length<2)return null;
-  var mimeMatch=parts[0].match(/:(.*?);/);
-  var mime=mimeMatch?mimeMatch[1]:'image/png';
-  try{var b=atob(parts[1]),a=new Uint8Array(b.length);for(var i=0;i<b.length;i++)a[i]=b.charCodeAt(i);return new Blob([a],{type:mime});}
-  catch(e){return null}
-}
-async function removeAvatarImage(agentPath){
-  var ad=await api('/api/agents/'+encodeURIComponent(agentPath));if(!ad||!ad.avatar_image)return;
-  await api('/api/agents/'+encodeURIComponent(agentPath),{method:'PUT',body:JSON.stringify({avatar_image:''})});
-  $('eaAvatarImage').value='';$('eaAvatarPreview').innerHTML=escHtml(ad.avatar_emoji||'🤖');showToast('已移除头像图片','success');
-}
-</script>
+<script src="admin/admin-core.js"></script>
+<script src="admin/admin-dashboard.js"></script>
+<script src="admin/admin-agents.js"></script>
+<script src="admin/admin-platforms.js"></script>
+<script src="admin/admin-sessions.js"></script>
+<script src="admin/admin-memory.js"></script>
+<script src="admin/admin-permissions.js"></script>
+<script src="admin/admin-llm.js"></script>
+<script src="admin/admin-executor.js"></script>
+<script src="admin/admin-skills.js"></script>
+<script src="admin/admin-files.js"></script>
+<script src="admin/admin-logs.js"></script>
+<script src="admin/admin-tasks.js"></script>
+<script src="admin/admin-org.js"></script>
+<script src="admin/admin-system.js"></script>
 </body>
 </html>