myagent-ai 1.23.19 → 1.23.21

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

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