myagent-ai 1.23.19 → 1.23.21

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

@@ -0,0 +1,221 @@
+// ========== Platforms ==========
+(function(){
+try {
+// ========== Platforms ==========
+async function renderPlatforms(){
+  const ps=await api('/api/platforms');
+  if(ps.error){$('content').innerHTML='<div class="empty" style="color:var(--danger)">加载失败: '+escHtml(ps.error)+'</div>';return}
+  const icons={telegram:'📱',discord:'🎮',feishu:'🐦',qq:'🐧',wechat:'💚',whatsapp:'💬'};
+  let html=`<div class="flex justify-between items-center mb-16">
+    <div style="color:var(--text2);font-size:13px">共 ${ps.length} 个平台实例</div>
+    <button class="btn btn-primary" onclick="showAddPlatformModal()">+ 添加平台</button></div>`;
+  if(!ps.length){html+='<div class="empty">暂无聊天平台配置，点击上方按钮添加</div>';$('content').innerHTML=html;return}
+  html+='<div class="grid">';
+  for(const p of ps){
+    const pid=p.id||p.platform;
+    const displayName=p.display_name||(icons[p.platform]||'📡')+' '+p.platform;
+    const bindInfo=p.bind_agent?'绑定: '+escHtml(p.bind_agent):(p.bind_agents&&p.bind_agents.length?'绑定: '+p.bind_agents.map(a=>escHtml(a)).join(', '):'');
+    const _supportsQR=['telegram','wechat','whatsapp'].includes(p.platform);
+    html+=`<div class="card"><div class="flex justify-between items-center">
+      <h3 style="color:var(--text)">${icons[p.platform]||'📡'} ${escHtml(p.display_name||p.platform)}</h3>
+      <span class="badge ${p.enabled?'badge-green':'badge-red'}">${p.enabled?'已启用':'未启用'}</span>
+    </div><p style="font-size:13px;color:var(--text2);margin-top:8px">Token: ${p.token?'已配置':'未配置'} ${p.app_id?'· App ID: '+escHtml(p.app_id):''}</p>
+    ${bindInfo?'<p style="font-size:12px;color:var(--text3);margin-top:4px">'+bindInfo+'</p>':''}
+    <div class="mt-8 flex gap-8">
+      <button class="btn btn-sm ${p.enabled?'btn-danger':'btn-success'}" onclick="togglePlatform('${escHtml(pid)}',${!p.enabled})">${p.enabled?'停用':'启用'}</button>
+      <button class="btn btn-sm btn-ghost" onclick="showEditPlatformModal('${escHtml(pid)}')">配置</button>
+      ${_supportsQR?'<button class="btn btn-sm btn-primary" onclick="showPlatformQRModal(\''+escHtml(pid)+'\')">📱 QR绑定</button>':''}
+    </div></div>`;
+  }
+  html+='</div>';$('content').innerHTML=html;
+}
+async function togglePlatform(id,enable){
+  const r=await api(`/api/platforms/${id}`,{method:'PUT',body:JSON.stringify({enabled})});
+  if(r.error){showToast('操作失败: '+r.error,'danger');return}
+  showToast(enable?'平台已启用':'平台已停用',enable?'success':'info');
+  renderPlatforms();
+}
+function showAddPlatformModal(){
+  $('modalContainer').innerHTML=`<div class="modal-overlay" onclick="closeModal()"><div class="modal" onclick="event.stopPropagation()" style="max-width:520px">
+    <h3>+ 添加聊天平台</h3>
+    <div class="form-group"><label>平台类型</label><select id="apType" onchange="onPlatformTypeChange()">
+      <option value="telegram">Telegram</option><option value="discord">Discord</option>
+      <option value="feishu">飞书</option><option value="qq">QQ</option><option value="wechat">微信</option>
+      <option value="whatsapp">WhatsApp</option>
+    </select></div>
+    <div class="form-group"><label>Token / Access Token</label><input id="apToken" placeholder="Bot Token 或 Access Token"></div>
+    <div id="apAppIdGroup" class="form-group"><label>App ID</label><input id="apAppId" placeholder="应用ID (可选)"></div>
+    <div id="apWebhookGroup" class="form-group"><label>Webhook URL</label><input id="apWebhook" placeholder="Webhook 地址 (可选)"></div>
+    <div class="form-group"><label>绑定 Agent</label>
+      <div class="flex gap-8">
+        <input id="apBindAgent" placeholder="手输 Agent ID (可选)" style="flex:1">
+        <button class="btn btn-sm btn-ghost" onclick="showAgentSelectorForPlatform('apBindAgent','apBindAgents')">选择 Agent</button>
+      </div>
+      <div id="apBindAgents" style="font-size:11px;color:var(--text3);margin-top:4px"></div>
+      <div class="hint">手输 Agent ID 或点击"选择 Agent"从部门中选择。支持绑定多个 Agent。</div>
+    </div>
+    <div class="flex gap-8 mt-16"><button class="btn btn-primary" onclick="doAddPlatform()">添加</button><button class="btn btn-ghost" onclick="closeModal()">取消</button></div>
+  </div></div>`;
+}
+function onPlatformTypeChange(){
+  var t=$('apType').value;
+  var showAppId=(t==='feishu'||t==='whatsapp');
+  var showWebhook=(t==='whatsapp');
+  if($('apAppIdGroup'))$('apAppIdGroup').style.display=showAppId?'':'none';
+  if($('apWebhookGroup'))$('apWebhookGroup').style.display=showWebhook?'':'none';
+}
+async function doAddPlatform(){
+  var bindAgent=$('apBindAgent').value.trim();
+  var bindAgents=[];
+  var selectedEls=document.querySelectorAll('#apBindAgents .selected-agent-tag');
+  selectedEls.forEach(function(el){var v=el.getAttribute('data-agent');if(v)bindAgents.push(v);});
+  if(bindAgent)bindAgents.unshift(bindAgent);
+  bindAgents=[...new Set(bindAgents)];
+  const r=await api('/api/platforms',{method:'POST',body:JSON.stringify({platform:$('apType').value,token:$('apToken').value,app_id:$('apAppId').value,webhook_url:$('apWebhook').value,bind_agent:bindAgents[0]||'',bind_agents:bindAgents})});
+  if(r.error){showToast(r.error,'danger');return}closeModal();showToast('已添加: '+(r.display_name||r.platform),'success');renderPlatforms();
+}
+async function showEditPlatformModal(id){
+  const p=await api(`/api/platforms/${id}`);
+  if(p.error){showToast(p.error,'danger');return}
+  const pid=p.id||id;
+  var bindAgentVal=p.bind_agent||'';
+  var bindAgentsArr=p.bind_agents||[];
+  $('modalContainer').innerHTML=`<div class="modal-overlay" onclick="closeModal()"><div class="modal" onclick="event.stopPropagation()" style="max-width:520px">
+    <h3>配置 ${escHtml(p.display_name||p.platform)}</h3>
+    <div class="form-group"><label>显示名称</label><input id="epDisplayName" value="${escHtml(p.display_name||'')}" placeholder="留空自动生成"></div>
+    <div class="form-group"><label>Token / Access Token</label><input id="epToken" value="${escHtml(p.token||'')}" placeholder="Bot Token"></div>
+    <div id="epAppIdGroup" class="form-group"><label>App ID</label><input id="epAppId" value="${escHtml(p.app_id||'')}" placeholder="应用ID"></div>
+    <div class="form-group"><label>App Secret</label><input id="epSecret" type="password" placeholder="${p.has_secret?'已配置（留空不修改）':'未配置'}"></div>
+    <div id="epWebhookGroup" class="form-group"><label>Webhook URL</label><input id="epWebhook" value="${escHtml(p.webhook_url||'')}" placeholder="Webhook 地址"></div>
+    <div class="form-group"><label>允许用户 (逗号分隔)</label><input id="epUsers" value="${escHtml((p.allowed_users||[]).join(','))}" placeholder="user1,user2"></div>
+    <div class="form-group"><label>绑定 Agent</label>
+      <div class="flex gap-8">
+        <input id="epBindAgent" value="${escHtml(bindAgentVal)}" placeholder="手输 Agent ID (可选)" style="flex:1">
+        <button class="btn btn-sm btn-ghost" onclick="showAgentSelectorForPlatform('epBindAgent','epBindAgents')">选择 Agent</button>
+      </div>
+      <div id="epBindAgents" style="font-size:11px;color:var(--text3);margin-top:4px">${bindAgentsArr.map(function(a){return '<span class="selected-agent-tag" data-agent="'+escHtml(a)+'" style="display:inline-block;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 6px;margin:2px;font-size:11px;cursor:pointer" onclick="this.remove()" title="点击移除">'+escHtml(a)+' ×</span>';}).join('')}</div>
+      <div class="hint">手输 Agent ID 或点击"选择 Agent"从部门中选择。一个平台可以绑定多个 Agent。</div>
+    </div>
+    <div class="flex gap-8 mt-16"><button class="btn btn-primary" onclick="doSavePlatform('${escHtml(pid)}')">保存</button><button class="btn btn-danger" onclick="doDeletePlatform('${escHtml(pid)}')">删除平台</button><button class="btn btn-ghost" onclick="closeModal()">关闭</button></div>
+  </div></div>`;
+}
+async function doSavePlatform(id){
+  var bindAgent=$('epBindAgent').value.trim();
+  var bindAgents=[];
+  var selectedEls=document.querySelectorAll('#epBindAgents .selected-agent-tag');
+  selectedEls.forEach(function(el){var v=el.getAttribute('data-agent');if(v)bindAgents.push(v);});
+  if(bindAgent)bindAgents.unshift(bindAgent);
+  bindAgents=[...new Set(bindAgents)];
+  const r=await api(`/api/platforms/${id}`,{method:'PUT',body:JSON.stringify({display_name:$('epDisplayName').value,token:$('epToken').value,app_id:$('epAppId').value,app_secret:$('epSecret').value||undefined,webhook_url:$('epWebhook').value,allowed_users:$('epUsers').value.split(',').map(s=>s.trim()).filter(Boolean),bind_agent:bindAgents[0]||'',bind_agents:bindAgents})});
+  if(r.error){showToast(r.error,'danger');return}closeModal();showToast('已保存','success');renderPlatforms();
+}
+async function doDeletePlatform(id){
+  showConfirm('删除平台','确认删除该平台实例吗？',async()=>{
+    const r=await api(`/api/platforms/${id}`,{method:'DELETE'});if(r.error){showToast(r.error,'danger');closeModal();return}closeModal();showToast('已删除','success');renderPlatforms();
+  });
+}
+
+// [v1.20.3] QR 码绑定模态框
+let _qrPollTimer=null;
+async function showPlatformQRModal(platformId){
+  if(_qrPollTimer){clearInterval(_qrPollTimer);_qrPollTimer=null}
+  $('modalContainer').innerHTML='<div class="modal-overlay" onclick="closeModal();if(_qrPollTimer){clearInterval(_qrPollTimer);_qrPollTimer=null}"><div class="modal" onclick="event.stopPropagation()" style="max-width:420px;text-align:center"><h3>📱 QR 码绑定</h3><p style="font-size:13px;color:var(--text2);margin:8px 0">使用手机扫描下方二维码以绑定账号</p><div id="qrStatus" style="margin:12px 0;padding:12px;border-radius:var(--radius-sm);background:var(--bg3);font-size:13px;color:var(--text2)">正在请求 QR 码...</div><div id="qrCodeContainer" style="display:flex;justify-content:center;padding:16px 0"><div id="qrCodeImg" style="width:256px;height:256px;border:1px solid var(--bg4);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:13px">加载中...</div></div><div id="qrActions" style="display:none;margin-top:12px"><button class="btn btn-sm btn-ghost" onclick="requestNewQR(\''+escHtml(platformId)+'\')">🔄 刷新 QR 码</button></div><div class="flex gap-8 mt-16"><button class="btn btn-ghost" onclick="closeModal();if(_qrPollTimer){clearInterval(_qrPollTimer);_qrPollTimer=null}">关闭</button></div></div></div>';
+  var r=await api('/api/platforms/'+encodeURIComponent(platformId)+'/qr',{method:'POST'});
+  if(r.error){$('qrStatus').textContent='错误: '+escHtml(r.error);return}
+  if(r.qr_code){
+    $('qrCodeImg').innerHTML='<img src="data:image/png;base64,'+r.qr_code+'" style="width:256px;height:256px;border-radius:8px" alt="QR Code">';
+    $('qrStatus').innerHTML='<span style="color:var(--warn)">⏳ 等待扫码...</span>';
+    $('qrActions').style.display='block';
+  }else if(r.status==='connected'){
+    $('qrStatus').innerHTML='<span style="color:var(--success)">✅ 已连接</span>';
+    $('qrCodeImg').innerHTML='<div style="color:var(--success);font-size:24px;padding:40px">✅<br><span style="font-size:14px">已成功连接</span></div>';
+  }else{$('qrStatus').textContent=r.error||'QR 码生成失败，请检查平台配置';}
+  _qrPollTimer=setInterval(async()=>{
+    try{
+      var s=await api('/api/platforms/'+encodeURIComponent(platformId)+'/qr');
+      if(s.status==='connected'){
+        $('qrStatus').innerHTML='<span style="color:var(--success)">✅ 已连接</span>';
+        $('qrCodeImg').innerHTML='<div style="color:var(--success);font-size:24px;padding:40px">✅<br><span style="font-size:14px">已成功连接</span></div>';
+        $('qrActions').style.display='none';
+        clearInterval(_qrPollTimer);_qrPollTimer=null;
+        showToast('QR 绑定成功！','success');renderPlatforms();
+      }else if(s.status==='waiting_scan'&&s.qr_code){
+        $('qrCodeImg').innerHTML='<img src="data:image/png;base64,'+s.qr_code+'" style="width:256px;height:256px;border-radius:8px" alt="QR Code">';
+        $('qrStatus').innerHTML='<span style="color:var(--warn)">⏳ 等待扫码...</span>';
+        $('qrActions').style.display='block';
+      }else if(s.status==='disconnected'){
+        $('qrStatus').innerHTML='<span style="color:var(--danger)">❌ 已断开</span>';
+        $('qrActions').style.display='block';
+      }
+    }catch(e){}
+  },3000);
+}
+async function requestNewQR(platformId){
+  $('qrStatus').textContent='正在刷新 QR 码...';
+  $('qrCodeImg').innerHTML='加载中...';
+  var r=await api('/api/platforms/'+encodeURIComponent(platformId)+'/qr',{method:'POST'});
+  if(r.error){$('qrStatus').textContent='错误: '+escHtml(r.error);return}
+  if(r.qr_code){
+    $('qrCodeImg').innerHTML='<img src="data:image/png;base64,'+r.qr_code+'" style="width:256px;height:256px;border-radius:8px" alt="QR Code">';
+    $('qrStatus').innerHTML='<span style="color:var(--warn)">⏳ 等待扫码...</span>';
+  }
+}
+
+// Agent 选择器（从部门树选择 Agent）
+async function showAgentSelectorForPlatform(inputId,containerId){
+  try{
+    var agents=await api('/api/agents');
+    if(!Array.isArray(agents)){showToast('加载 Agent 列表失败','danger');return}
+    var agentList=agents.filter(function(a){return!a.system&&a.path!=='default'});
+    var deptMap={};
+    agentList.forEach(function(a){
+      var dept=a.department||'未分组';
+      if(!deptMap[dept])deptMap[dept]=[];
+      deptMap[dept].push(a);
+    });
+    var html='<div class="modal-overlay" onclick="closeModal()"><div class="modal" onclick="event.stopPropagation()" style="max-width:480px;max-height:70vh;overflow-y:auto">';
+    html+='<h3>选择 Agent</h3>';
+    for(var dept in deptMap){
+      html+='<div style="margin-bottom:12px"><div style="font-size:13px;font-weight:600;color:var(--text2);margin-bottom:4px">📁 '+escHtml(dept)+'</div>';
+      deptMap[dept].forEach(function(a){
+        var selected=false;
+        var existing=document.querySelectorAll('#'+containerId+' .selected-agent-tag');
+        existing.forEach(function(el){if(el.getAttribute('data-agent')===a.path)selected=true;});
+        html+='<label style="display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer;font-size:13px"><input type="checkbox" value="'+escHtml(a.path)+'" '+(selected?'checked':'')+' onchange="toggleAgentSelection(this,\''+inputId+'\',\''+containerId+'\')"> '+(a.avatar_emoji||'🤖')+' '+escHtml(a.name)+' <span style="color:var(--text3);font-size:11px">('+escHtml(a.path)+')</span></label>';
+      });
+      html+='</div>';
+    }
+    html+='<div class="flex gap-8 mt-16"><button class="btn btn-primary" onclick="closeModal()">确定</button></div></div></div>';
+    $('modalContainer').innerHTML=html;
+  }catch(e){showToast('加载失败: '+e.message,'danger')}
+}
+function toggleAgentSelection(cb,inputId,containerId){
+  var agentPath=cb.value;
+  var container=document.getElementById(containerId);
+  if(cb.checked){
+    // 添加 tag
+    if(!container.querySelector('[data-agent="'+agentPath+'"]')){
+      var tag=document.createElement('span');
+      tag.className='selected-agent-tag';
+      tag.setAttribute('data-agent',agentPath);
+      tag.style.cssText='display:inline-block;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 6px;margin:2px;font-size:11px;cursor:pointer';
+      tag.title='点击移除';
+      tag.textContent=agentPath+' ×';
+      tag.onclick=function(){this.remove();};
+      container.appendChild(tag);
+    }
+    // 同步到输入框
+    var first=container.querySelector('.selected-agent-tag');
+    if(first)document.getElementById(inputId).value=first.getAttribute('data-agent');
+  }else{
+    var existing=container.querySelector('[data-agent="'+agentPath+'"]');
+    if(existing)existing.remove();
+    var first=container.querySelector('.selected-agent-tag');
+    document.getElementById(inputId).value=first?first.getAttribute('data-agent'):'';
+  }
+}
+
+if (typeof window._adminRenderers === 'undefined') window._adminRenderers = {};
+window._adminRenderers['platforms'] = renderPlatforms;
+} catch(e) { console.error('[admin-platforms] load error:', e); }
+})();

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

@@ -0,0 +1,182 @@
+// ========== Sessions ==========
+(function(){
+try {
+// ========== Sessions ==========
+async function renderSessions(){
+  const ss=await api('/api/sessions');
+  let html='<div class="table-wrap"><table><tr><th>会话</th><th>Agent</th><th>消息数</th><th>最后活动</th><th>操作</th></tr>';
+  for(const s of (ss||[])){
+    // 从 session_id 提取 agent 名 (格式: agent_web_timestamp)
+    const parts=(s.id||'').split('_web_');
+    const agentName=parts[0]||'default';
+    const displayName=s.display_name||s.id;
+    html+=`<tr><td title="${escHtml(s.id)}">${escHtml(displayName.length>30?displayName.slice(0,30)+'...':displayName)}</td><td>${escHtml(agentName)}</td><td>${s.messages}</td><td>${s.last?.slice(0,19)||''}</td>
+      <td><button class="btn btn-sm" style="background:var(--success);color:#fff" onclick="enterSession('${escHtml(s.id)}','${escHtml(agentName)}')">切入</button>
+      <button class="btn btn-sm btn-ghost" onclick="viewSession('${s.id}')">查看</button>
+      <button class="btn btn-sm btn-danger" onclick="clearSession('${s.id}')">清除</button></td></tr>`;}
+  html+='</table></div>';if(!ss||!ss.length)html='<div class="empty">暂无会话</div>';
+  $('content').innerHTML=html;
+}
+async function viewSession(sid){
+  window._viewSessionSid=sid;window._viewSessionOffset=0;
+  _navSubState='view:'+sid;
+  navigateTo('sessions','view:'+sid,_loadSessionMessages);
+}
+async function _loadSessionMessages(){
+  const sid=window._viewSessionSid;if(!sid)return;
+  const offset=window._viewSessionOffset||0;
+  const msgs=await api(`/api/sessions/${encodeURIComponent(sid)}/messages?limit=100&offset=${offset}`);
+  if(!Array.isArray(msgs)){showToast('加载失败','danger');return}
+  const hasMore=msgs.length>=100;
+  let html='<h3 style="margin-bottom:12px">会话: '+escHtml(sid)+' <span class="badge badge-blue">'+msgs.length+' 条</span></h3>';
+  html+='<div style="max-height:600px;overflow-y:auto">';
+  for(let i=0;i<msgs.length;i++){
+    const m=msgs[i];
+    const mid='msg_'+i;
+    const role=m.role||'assistant';
+    const key=m.key||'';
+    if(role==='tool'){
+      const isResult=key==='tool_result';
+      const isCall=key==='tool_call';
+      const icon=isResult?'📋':(isCall?'⚙️':'🔧');
+      const label=isResult?'工具执行结果':(isCall?'工具调用':'工具过程');
+      const isOk=isResult&&!((m.content||'').includes('失败'));
+      const badge=isResult?`<span class="badge ${isOk?'badge-green':'badge-red'}" style="margin-left:6px">${isOk?'成功':'失败'}</span>`:'';
+      const tc=(m.content||'');
+      const tcTrunc=tc.length>800;
+      html+=`<details style="margin:4px 0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden" ${tcTrunc?'':'open'}><summary style="padding:8px 12px;cursor:pointer;font-size:13px;color:var(--text2);background:var(--surface2)">${icon} ${label}${badge}</summary><div style="padding:8px 12px;background:var(--surface);font-size:12px;white-space:pre-wrap;word-break:break-all;color:var(--text2)">${escHtml(tcTrunc?tc.slice(0,800)+'... (共'+tc.length+'字符)':'')}</div></details>`;
+    } else {
+      const isUser=role==='user';
+      const bg=isUser?'var(--primary)':'var(--surface2)';
+      const fg=isUser?'#fff':'var(--text)';
+      const avatar=isUser?'👤':'🤖';
+      const time=(m.time||'').slice(0,19);
+      const content=(m.content||'');
+      const long=content.length>500;
+      const displayContent=long?content.slice(0,500)+'... (共'+content.length+'字符)':content;
+      html+=`<div style="margin:8px 0;display:flex;gap:8px;${isUser?'flex-direction:row-reverse':''}">`;
+      html+=`<div style="flex-shrink:0;font-size:16px;margin-top:2px">${avatar}</div>`;
+      html+=`<div class="msg-bubble-wrap" style="min-width:0"><div style="font-size:11px;color:var(--text3);margin-bottom:2px;${isUser?'text-align:right':''}">${isUser?'用户':'助手'} <span style="margin-left:4px">${time}</span></div>`;
+      html+=`<div style="background:${bg};color:${fg};padding:10px 14px;border-radius:var(--radius);font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word">${escHtml(displayContent)}</div>`;
+      if(long)html+=`<button class="btn btn-sm btn-ghost" style="margin-top:4px;font-size:11px" onclick="this.previousElementSibling.textContent=this.dataset.full;this.remove()" data-full="${escHtml(content).replace(/"/g,'&quot;')}">展开全部 (${content.length}字符)</button>`;
+      html+=`</div></div>`;
+    }
+  }
+  html+='</div>';
+  if(hasMore)html+=`<button class="btn btn-ghost mt-8" onclick="window._viewSessionOffset=${offset+100};_loadSessionMessages()">加载更多...</button>`;
+  html+='<div class="flex gap-8 mt-8"><button class="btn btn-ghost" onclick="goBack()">返回</button>';
+  html+=`<button class="btn" style="background:var(--accent);color:#fff" onclick="viewSessionRaw('${escHtml(sid)}')">Raw 原始消息</button>`;
+  html+=`<button class="btn btn-primary" onclick="enterSession('${escHtml(sid)}','${escHtml(sid.split('_web_')[0]||'default')}')">在聊天中查看完整记录</button></div>`;
+  $('content').innerHTML=html;
+}
+// ========== Raw 原始消息查看 ==========
+async function viewSessionRaw(sid){
+  window._viewSessionSid=sid;
+  _navSubState='raw:'+sid;
+  // 不用 navigateTo 因为需要先 fetch 数据再渲染，直接记录历史后继续
+  _navHistory.push({page:currentPage,sub:window._navSubState});
+  if(_navHistory.length>6)_navHistory.shift();
+  var hash='sessions'+'~raw:'+sid;
+  history.pushState({page:'sessions',sub:'raw:'+sid},'','#'+hash);
+
+  const msgs=await api(`/api/session/raw?sid=${encodeURIComponent(sid)}&limit=5000`);
+  if(!Array.isArray(msgs)){showToast('加载失败','danger');return}
+  // 按时间分组（同秒内合并）
+  const keyLabelMap={'llm_output':'LLM 输出','llm_input':'LLM 输入','tool_call':'工具调用','tool_result':'工具结果','tool_result_raw':'工具原始数据','reasoning':'推理过程','conversation_insight':'会话洞察','':'对话','llm_request':'LLM 请求'};
+  let html=`<h3 style="margin-bottom:12px">Raw: ${escHtml(sid)} <span class="badge badge-blue">${msgs.length} 条</span></h3>`;
+  // 筛选按钮
+  html+=`<div style="margin-bottom:10px;display:flex;gap:6px;flex-wrap:wrap" id="rawFilterBar">`;
+  html+=`<button class="btn btn-sm" style="background:var(--accent);color:#fff" data-filter="all" onclick="rawFilter('all',this)">全部</button>`;
+  // 收集所有 key 类型
+  const keys=[...new Set(msgs.map(m=>m.key||''))];
+  for(const k of keys){
+    const label=keyLabelMap[k]||k||'对话';
+    const count=msgs.filter(m=>(m.key||'')===k).length;
+    html+=`<button class="btn btn-sm btn-ghost" data-filter="${escHtml(k)}" onclick="rawFilter('${escHtml(k)}',this)">${escHtml(label)} (${count})</button>`;
+  }
+  html+=`</div>`;
+  // 时间索引导航
+  html+=`<div class="raw-time-nav" id="rawTimeNav"></div>`;
+  // 消息列表
+  html+=`<div style="max-height:65vh;overflow-y:auto;font-family:monospace" id="rawMsgList">`;
+  for(let i=0;i<msgs.length;i++){
+    const m=msgs[i];
+    const role=m.role||'?';
+    const key=m.key||'';
+    const time=(m.time||'').slice(0,19);
+    const content=(m.content||'');
+    const keyLabel=keyLabelMap[key]||key;
+    // 颜色标识
+    let borderColor='var(--border)';
+    let bgColor='var(--surface)';
+    if(key==='llm_input'){borderColor='#06b6d4';bgColor='#001a1f'}
+    else if(key==='llm_output'){borderColor='#e6a817';bgColor='#1a1700'}
+    else if(key==='tool_call'){borderColor='#3b82f6';bgColor='#001029'}
+    else if(key==='tool_result'){borderColor='#22c55e';bgColor='#001a0d'}
+    else if(key==='tool_result_raw'){borderColor='#10b981';bgColor='#001510'}
+    else if(key==='reasoning'){borderColor='#a855f7';bgColor='#0d0020'}
+    else if(role==='user'){borderColor='var(--primary)';bgColor='var(--surface)'}
+    else if(role==='assistant'){borderColor='#6b7280';bgColor='var(--surface2)'}
+    const mid='raw_'+i;
+    html+=`<div class="raw-item" data-key="${escHtml(key)}" data-time="${escHtml(time)}" style="margin:2px 0;border-left:3px solid ${borderColor};background:${bgColor};border-radius:0 4px 4px 0;overflow:hidden">`;
+    html+=`<div style="padding:4px 10px;font-size:11px;color:var(--text3);display:flex;justify-content:space-between;align-items:center;cursor:pointer" onclick="document.getElementById('${mid}').classList.toggle('raw-collapsed')">`;
+    html+=`<span><span style="color:var(--text);font-weight:600">${escHtml(role)}</span>`;
+    if(keyLabel)html+=` <span class="badge badge-blue" style="font-size:10px">${escHtml(keyLabel)}</span>`;
+    html+=`</span>`;
+    html+=`<span>${escHtml(time)} <span style="margin-left:4px;opacity:0.5">${content.length}字符</span></span>`;
+    html+=`</div>`;
+    html+=`<div id="${mid}" class="raw-body" style="padding:4px 10px 8px;font-size:12px;white-space:pre-wrap;word-break:break-all;color:var(--text2);max-height:400px;overflow-y:auto;transition:max-height 0.2s">`;
+    html+=escHtml(content.length>8000?content.slice(0,8000)+'\n... (共'+content.length+'字符)':content);
+    if(content.length>8000)html+=`<button class="btn btn-sm btn-ghost" style="margin-top:4px;font-size:10px" onclick="event.stopPropagation();this.parentElement.textContent=this.dataset.full;this.remove()" data-full="${escHtml(content).replace(/"/g,'&quot;')}">展开全部 (${content.length}字符)</button>`;
+    html+=`</div></div>`;
+  }
+  html+=`</div>`;
+  html+=`<div class="flex gap-8 mt-8"><button class="btn btn-ghost" onclick="goBack()">返回查看</button>`;
+  html+=`<button class="btn btn-ghost" onclick="goBack()">返回会话列表</button></div>`;
+  $('content').innerHTML=html;
+  // 生成时间索引
+  _buildTimeNav(msgs);
+}
+function rawFilter(key,btn){
+  const items=document.querySelectorAll('.raw-item');
+  for(const item of items){
+    if(key==='all'||item.dataset.key===key){item.style.display=''}
+    else{item.style.display='none'}
+  }
+  // 更新按钮样式
+  const bar=document.getElementById('rawFilterBar');
+  if(bar){
+    bar.querySelectorAll('.btn').forEach(b=>{b.className='btn btn-sm btn-ghost'});
+    if(btn)btn.className='btn btn-sm';
+    if(btn)btn.style.background='var(--accent)';
+    if(btn)btn.style.color='#fff';
+  }
+}
+function _buildTimeNav(msgs){
+  // 按分钟分组生成时间跳转锚点
+  const nav=document.getElementById('rawTimeNav');
+  if(!nav||!msgs.length)return;
+  const minutes={};
+  for(let i=0;i<msgs.length;i++){
+    const t=(msgs[i].time||'').slice(0,16); // YYYY-MM-DDTHH:MM
+    if(!minutes[t])minutes[t]=[];
+    minutes[t].push(i);
+  }
+  const times=Object.keys(minutes);
+  if(times.length<=1)return;
+  let navHtml='<span style="color:var(--text3);font-size:12px">时间索引:</span> ';
+  for(const t of times){
+    navHtml+=`<a href="javascript:void(0)" class="raw-time-link" onclick="document.querySelectorAll('.raw-item')[${minutes[t][0]}].scrollIntoView({behavior:'smooth',block:'center'})">${escHtml(t.slice(11))}</a>`;
+  }
+  nav.innerHTML=navHtml;
+}
+async function clearSession(sid){await api(`/api/sessions/${encodeURIComponent(sid)}`,{method:'DELETE'});renderSessions()}
+// 切入会话: 打开聊天页面并自动加载指定会话
+function enterSession(sid,agentName){
+  window.location.href='/ui/chat/chat_container.html?agent='+encodeURIComponent(agentName)+'&mode=exec&session='+encodeURIComponent(sid);
+}
+
+if (typeof window._adminRenderers === 'undefined') window._adminRenderers = {};
+window._adminRenderers['sessions'] = renderSessions;
+} catch(e) { console.error('[admin-sessions] load error:', e); }
+})();

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

@@ -0,0 +1,217 @@
+// ========== Skills ==========
+(function(){
+try {
+// ========== Skills ==========
+// [v1.23.0] CLI 命令分类配置（与 registry.py CLI_CATEGORY_LABELS/ICONS 同步）
+const CLI_CAT_ICONS={perception:'\u{1F441}',search:'\u{1F50D}',file:'\u{1F4C1}',document:'\u{1F4C4}',system:'\u{1F4BB}',browser:'\u{1F310}',gui:'\u{1F5A5}',memory:'\u{1F9E0}'};
+const CLI_CAT_LABELS={perception:'感知',search:'搜索',file:'文件操作',document:'文档生成',system:'系统',browser:'浏览器',gui:'GUI 桌面',memory:'记忆'};
+
+async function renderSkills(){
+  const cats=await api('/api/skills?view=categorized');
+  const bt=cats.builtin_tools||[];
+  const cc=cats.cli_commands||[];
+  const ps=cats.python_skills||[];
+  const sg=cats.skill_guides||[];
+  const total=bt.length+cc.length+ps.length+sg.length;
+  const disabledAll=[...ps,...sg].filter(s=>s.disabled).length;
+
+  let html=`<div class="flex justify-between items-center mb-16 flex-wrap gap-8">
+    <div style="color:var(--text2);font-size:13px">
+      共 <strong>${total}</strong> 个工具/技能 (内置${bt.length} · CLI${cc.length} · Python${ps.length} · 指南${sg.length}) · ${disabledAll} 已禁用
+    </div>
+    <div class="flex gap-8"><input id="skillSearch" placeholder="搜索工具/技能/CLI命令..." style="width:220px" oninput="filterSkills()">
+    </div></div>`;
+
+  // ── 第一区: 内置平台工具 (LLM 直接调用) ──
+  if(bt.length){
+    html+=`<div class="card" style="padding:0;overflow:hidden;margin-bottom:16px">
+      <h3 style="padding:12px 16px;margin:0;display:flex;align-items:center;gap:8px">
+        <span>⚙️</span> 内置平台工具
+        <span class="badge badge-blue">${bt.length}</span>
+        <span style="font-size:11px;color:var(--text2);font-weight:normal;margin-left:auto">LLM 直接调用 · 不可禁用</span>
+      </h3>`;
+    for(const s of bt){html+=builtinRowHtml(s);}
+    html+='</div>';
+  }
+
+  // ── 第二区: CLI 命令 (通过 command 工具间接调用) ──
+  if(cc.length){
+    // 按分类分组显示
+    const groups={};
+    for(const c of cc){
+      const cat=c.category||'other';
+      if(!groups[cat])groups[cat]=[];
+      groups[cat].push(c);
+    }
+    html+=`<div class="card" style="padding:0;overflow:hidden;margin-bottom:16px">
+      <h3 style="padding:12px 16px;margin:0;display:flex;align-items:center;gap:8px">
+        <span>⚡</span> CLI 命令
+        <span class="badge badge-cyan">${cc.length}</span>
+        <span style="font-size:11px;color:var(--text2);font-weight:normal;margin-left:auto">通过 command 工具调用 · 不可禁用</span>
+      </h3>`;
+    for(const [cat,cmds] of Object.entries(groups)){
+      const icon=CLI_CAT_ICONS[cat]||'🔧';
+      const label=CLI_CAT_LABELS[cat]||cat;
+      html+=`<div style="padding:8px 16px 4px;font-size:12px;color:var(--text2);font-weight:600">${icon} ${label} (${cmds.length})</div>`;
+      for(const s of cmds){html+=cliCmdRowHtml(s);}
+    }
+    html+='</div>';
+  }
+
+  // ── 第三区: Python 可执行技能 ──
+  if(ps.length){
+    html+=`<div class="card" style="padding:0;overflow:hidden;margin-bottom:16px">
+      <h3 style="padding:12px 16px;margin:0;display:flex;align-items:center;gap:8px">
+        <span>🔧</span> Python 技能
+        <span class="badge badge-green">${ps.length}</span>
+        <span style="font-size:11px;color:var(--text2);font-weight:normal;margin-left:auto">CLI 底层实现 · SkillRegistry 管理</span>
+      </h3>`;
+    for(const s of ps){html+=skillRowHtml(s);}
+    html+='</div>';
+  }
+
+  // ── 第四区: 技能指南 (RAG) ──
+  if(sg.length){
+    html+=`<div class="card" style="padding:0;overflow:hidden;margin-bottom:16px">
+      <h3 style="padding:12px 16px;margin:0;display:flex;align-items:center;gap:8px">
+        <span>📝</span> 技能指南
+        <span class="badge badge-purple">${sg.length}</span>
+        <span style="font-size:11px;color:var(--text2);font-weight:normal;margin-left:auto">Markdown Prompt · RAG 按需检索</span>
+      </h3>`;
+    for(const s of sg){html+=guideRowHtml(s);}
+    html+='</div>';
+  }
+
+  if(!total)html+='<div class="empty">暂无工具/技能</div>';
+  $('content').innerHTML=html;
+}
+
+/** 内置平台工具行 (只读，无 toggle) */
+function builtinRowHtml(s){
+  const paramCount=(s.parameters||[]).length;
+  const paramTag=paramCount>0?`<span class="tag">${paramCount} 参数</span>`:'';
+  const catBadge=s.category?`<span class="badge badge-blue">${escHtml(s.category)}</span>`:'';
+  return `<div class="skill-row" data-name="${escHtml(s.name||'')}" data-desc="${escHtml(s.description||'')}">
+    <div style="flex-shrink:0;width:36px;text-align:center;font-size:18px">⚙️</div>
+    <div class="skill-info">
+      <div class="skill-name">${escHtml(s.name)} <span class="badge badge-blue">内置</span></div>
+      <div class="skill-desc">${escHtml(s.description||'暂无描述')}</div>
+    </div>
+    <div class="flex gap-8 items-center" style="flex-shrink:0">
+      ${catBadge}${paramTag}
+      <button class="btn btn-sm btn-ghost" onclick="viewSkillDetail('${escHtml(s.name)}')">详情</button>
+    </div>
+  </div>`;
+}
+
+/** CLI 命令行 (只读，无 toggle，紧凑显示) */
+function cliCmdRowHtml(s){
+  const cliText=s.cli?`<code style="font-size:11px;color:var(--accent);background:var(--surface2);padding:2px 6px;border-radius:3px">${escHtml(s.cli)}</code>`:'';
+  const aliasTag=(s.aliases||[]).length>0?`<span class="tag">${s.aliases.map(a=>'alias: '+a).join(', ')}</span>`:'';
+  return `<div class="skill-row" data-name="${escHtml(s.name||'')}" data-desc="${escHtml(s.description||'')}" style="padding:8px 16px 8px 48px">
+    <div class="skill-info">
+      <div class="skill-name" style="font-size:13px">${escHtml(s.name)} <span class="badge badge-cyan" style="font-size:10px">CLI</span> ${aliasTag}</div>
+      <div class="skill-desc" style="font-size:12px">${escHtml(s.description||'')} ${cliText}</div>
+    </div>
+    <div class="flex gap-8 items-center" style="flex-shrink:0">
+      <button class="btn btn-sm btn-ghost" onclick="viewSkillDetail('${escHtml(s.name)}')">详情</button>
+    </div>
+  </div>`;
+}
+
+/** Python 可执行技能行 (可 toggle) */
+function skillRowHtml(s){
+  const isDisabled=s.disabled;
+  const paramCount=(s.parameters||[]).length;
+  const paramTag=paramCount>0?`<span class="tag">${paramCount} 参数</span>`:'';
+  const catBadge=s.category?`<span class="badge badge-blue">${escHtml(s.category)}</span>`:'';
+  return `<div class="skill-row" data-name="${escHtml(s.name||'')}" data-desc="${escHtml(s.description||'')}">
+    <div style="flex-shrink:0;width:36px;text-align:center;font-size:18px">🔧</div>
+    <div class="skill-info">
+      <div class="skill-name">${escHtml(s.name)} ${isDisabled?'<span class="badge badge-red">已禁用</span>':''} ${s.dangerous?'<span class="badge badge-red">⚠ 危险</span>':''}</div>
+      <div class="skill-desc">${escHtml(s.description||'暂无描述')}</div>
+    </div>
+    <div class="flex gap-8 items-center" style="flex-shrink:0">
+      ${catBadge}${paramTag}
+      <label class="toggle" title="${isDisabled?'启用':'禁用'}"><input type="checkbox" ${!isDisabled?'checked':''} onchange="toggleSkill('${escHtml(s.name)}',this.checked)"><span class="slider"></span></label>
+      <button class="btn btn-sm btn-ghost" onclick="viewSkillDetail('${escHtml(s.name)}')">详情</button>
+    </div>
+  </div>`;
+}
+
+/** 技能指南行 (可 toggle + 参考资料) */
+function guideRowHtml(s){
+  const isDisabled=s.disabled;
+  const refTag=(s.references||[]).length>0?`<span class="tag">${s.references.length} 参考资料</span>`:'';
+  const tplTag=s.has_templates?'<span class="tag">含模板</span>':'';
+  const scriptTag=s.has_scripts?'<span class="tag">含脚本</span>`:'';
+  const catBadge=s.category?`<span class="badge badge-purple">${escHtml(s.category)}</span>`:'';
+  return `<div class="skill-row" data-name="${escHtml(s.name||'')}" data-desc="${escHtml(s.description||'')}">
+    <div style="flex-shrink:0;width:36px;text-align:center;font-size:18px">📝</div>
+    <div class="skill-info">
+      <div class="skill-name">${escHtml(s.name)} ${isDisabled?'<span class="badge badge-red">已禁用</span>':''}</div>
+      <div class="skill-desc">${escHtml(s.description||'暂无描述')}</div>
+    </div>
+    <div class="flex gap-8 items-center" style="flex-shrink:0">
+      ${catBadge}${refTag}${tplTag}${scriptTag}
+      <label class="toggle" title="${isDisabled?'启用':'禁用'}"><input type="checkbox" ${!isDisabled?'checked':''} onchange="toggleSkill('${escHtml(s.name)}',this.checked)"><span class="slider"></span></label>
+      <button class="btn btn-sm btn-ghost" onclick="viewSkillDetail('${escHtml(s.name)}')">详情</button>
+    </div>
+  </div>`;
+}
+
+function filterSkills(){
+  const q=($('skillSearch')?.value||'').toLowerCase();
+  document.querySelectorAll('.skill-row').forEach(el=>{
+    const n=(el.dataset.name||'').toLowerCase();const d=(el.dataset.desc||'').toLowerCase();
+    el.style.display=(n.includes(q)||d.includes(q))?'':'none';
+  });
+}
+
+async function toggleSkill(name,enabled){
+  const r=await api(`/api/skills/${encodeURIComponent(name)}/toggle`,{method:'POST',body:JSON.stringify({enabled})});
+  if(r.error){showToast(r.error,'danger');return}
+  showToast(enabled?'已启用':'已禁用','success');renderSkills();
+}
+
+async function viewSkillDetail(name){
+  const s=await api(`/api/skills/${encodeURIComponent(name)}`);
+  if(s.error){showToast(s.error,'danger');return}
+
+  // 判断类型标签
+  const st=s.skill_type||'';
+  let typeLabel,typeBadge;
+  if(st==='builtin_platform'||st==='builtin_agent_tool'){
+    typeLabel='内置平台工具';typeBadge='<span class="badge badge-blue">内置平台</span>';
+  }else if(st==='cli_command'){
+    typeLabel='CLI 命令';typeBadge='<span class="badge badge-cyan">CLI 命令</span>';
+  }else if(st==='markdown'){
+    typeLabel='技能指南 (RAG)';typeBadge='<span class="badge badge-purple">技能指南</span>';
+  }else{
+    typeLabel='Python 可执行技能';typeBadge='<span class="badge badge-green">Python 技能</span>';
+  }
+
+  // CLI 命令显示调用方式
+  const cliInfo=s.cli?`<div class="form-group"><label>调用方式</label><div><code style="font-size:13px;color:var(--accent);background:var(--surface2);padding:4px 8px;border-radius:4px">${escHtml(s.cli)}</code></div></div>`:'';
+  const aliasInfo=(s.aliases||[]).length>0?`<div class="form-group"><label>别名</label><div>${s.aliases.map(a=>`<code style="font-size:12px;background:var(--surface2);padding:2px 6px;border-radius:3px">${escHtml(a)}</code>`).join(' ')}</div></div>`:'';
+
+  let html=`<h3>${escHtml(s.name)}</h3>
+    <div class="form-group"><label>描述</label><div style="font-size:13px;color:var(--text)">${escHtml(s.description||'无')}</div></div>
+    <div class="form-row">
+      <div class="form-group"><label>类型</label><div>${typeBadge}</div></div>
+      <div class="form-group"><label>类别</label><div><span class="badge badge-blue">${escHtml(s.category||'general')}</span></div></div>
+    </div>
+    ${s.note?`<div class="form-group"><label>备注</label><div style="font-size:13px;color:var(--text2)">${escHtml(s.note)}</div></div>`:''}
+    ${cliInfo}${aliasInfo}
+    <div class="form-group"><label>危险操作</label><div>${s.dangerous?'<span class="badge badge-red">是</span>':'<span class="badge badge-green">否</span>'}</div></div>
+    ${(s.parameters||[]).length>0?`<div class="form-group"><label>参数 (${s.parameters.length})</label>
+    <div class="table-wrap"><table><tr><th>名称</th><th>类型</th><th>必需</th><th>描述</th></tr>
+    ${s.parameters.map(p=>`<tr><td><code>${escHtml(p.name)}</code></td><td>${p.type||'string'}</td><td>${p.required?'✅':'❌'}</td><td>${escHtml(p.description||'')}</td></tr>`).join('')}
+    </table></div></div>`:''}`;
+  $('modalContainer').innerHTML=`<div class="modal-overlay" onclick="closeModal()"><div class="modal" onclick="event.stopPropagation()">${html}<div class="flex gap-8 mt-16"><button class="btn btn-ghost" onclick="closeModal()">关闭</button></div></div></div>`;
+}
+
+if (typeof window._adminRenderers === 'undefined') window._adminRenderers = {};
+window._adminRenderers['skills'] = renderSkills;
+} catch(e) { console.error('[admin-skills] load error:', e); }
+})();