myagent-ai 1.23.19 → 1.23.21

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

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

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

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

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

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