myagent-ai 1.23.19 → 1.23.21

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

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

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

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