myagent-ai 1.23.19 → 1.23.21

package/web/ui/admin/admin-core.js

@@ -0,0 +1,322 @@
+/* ── admin-core.js — Shared infrastructure (loaded FIRST) ── */
+
+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')}
+}
+
+// ── 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=window._adminRenderers||{};
+  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=window._adminRenderers||{};
+    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=window._adminRenderers||{};
+    if(renderers[s.page]){
+      try{renderers[s.page]();}catch(e){}
+    }
+  }
+});
+
+let _deptTreeNeedsRefresh=false;
+function closeModal(){$('modalContainer').innerHTML='';if(_deptTreeNeedsRefresh){_deptTreeNeedsRefresh=false;renderDepartments()}}
+
+// 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');
+}

package/web/ui/admin/admin-dashboard.js

@@ -0,0 +1,153 @@
+// ========== Dashboard ==========
+(function(){
+try {
+// ========== 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;
+}
+
+if (typeof window._adminRenderers === 'undefined') window._adminRenderers = {};
+window._adminRenderers['dashboard'] = renderDashboard;
+} catch(e) { console.error('[admin-dashboard] load error:', e); }
+})();

package/web/ui/admin/admin-executor.js

@@ -0,0 +1,67 @@
+// ========== Executor ==========
+(function(){
+try {
+// ========== 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();
+}
+
+if (typeof window._adminRenderers === 'undefined') window._adminRenderers = {};
+window._adminRenderers['executor'] = renderExecutor;
+} catch(e) { console.error('[admin-executor] load error:', e); }
+})();

package/web/ui/admin/admin-files.js

@@ -0,0 +1,81 @@
+// ========== Files ==========
+(function(){
+try {
+// ========== 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();}
+
+if (typeof window._adminRenderers === 'undefined') window._adminRenderers = {};
+window._adminRenderers['files'] = renderFiles;
+} catch(e) { console.error('[admin-files] load error:', e); }
+})();