protocol-proxy 2.8.2 → 2.9.0

package/public/app.js

@@ -17,6 +17,20 @@ let currentPage = 'dashboard';
 let providerPoolItems = [];
 let providerModelTags = [];
 let providerKeys = [];
+let assistantMessages = []; // 仅用于 UI 渲染
+let assistantProxyId = '';
+let assistantProviderId = ''; // 用于级联选择的模型列表
+let proxyProviders = []; // 当前代理的候选供应商列表
+let savedAssistantProxyId = ''; // 从设置恢复的上次选择
+let savedAssistantProviderId = '';
+let savedAssistantModel = '';
+let assistantAbortController = null;
+let assistantConversationId = '';
+let contextTokens = 0;
+let contextMaxTokens = 200000;
+let contextPercent = 0;
+let contextMessages = 0;
+let assistantMaxRounds = 10;
 
 // ---------- Theme ----------
 const THEMES = [
@@ -58,6 +72,19 @@ function cycleTheme() {
     const res = await fetch('/api/settings');
     const settings = await res.json();
     applyTheme(settings.theme || localStorage.getItem('theme') || 'dark');
+    if (settings.maxContext) contextMaxTokens = parseInt(settings.maxContext) || 200000;
+    if (settings.maxRounds) assistantMaxRounds = Math.max(1, Math.min(100, parseInt(settings.maxRounds) || 10));
+    // 更新设置页输入框（此时 DOM 已加载）
+    const mcInput = document.getElementById('settings-max-conversations');
+    if (mcInput && settings.maxConversations !== undefined) mcInput.value = settings.maxConversations;
+    const mcxInput = document.getElementById('settings-max-context');
+    if (mcxInput) mcxInput.value = contextMaxTokens;
+    const mrInput = document.getElementById('settings-max-rounds');
+    if (mrInput) mrInput.value = assistantMaxRounds;
+    // 恢复助手选择
+    if (settings.assistantProxyId) savedAssistantProxyId = settings.assistantProxyId;
+    if (settings.assistantProviderId) savedAssistantProviderId = settings.assistantProviderId;
+    if (settings.assistantModel) savedAssistantModel = settings.assistantModel;
   } catch {
     applyTheme(localStorage.getItem('theme') || 'dark');
   }
@@ -80,6 +107,7 @@ function navigateTo(page) {
     stats: '\u7528\u91cf\u7edf\u8ba1',
     'request-logs': '\u8bf7\u6c42\u65e5\u5fd7',
     'system-logs': '\u7cfb\u7edf\u65e5\u5fd7',
+    assistant: '\u667a\u63a7\u52a9\u624b',
     settings: '\u8bbe\u7f6e',
   };
   document.getElementById('page-title').textContent = titles[page] || page;
@@ -91,6 +119,7 @@ function navigateTo(page) {
   if (page === 'stats') loadStats();
   if (page === 'system-logs') loadLogs();
   if (page === 'request-logs') renderRequestLogs();
+  if (page === 'assistant') { populateAssistantProxySelect(); loadConversations(); }
 }
 
 document.querySelectorAll('.nav-item[data-page]').forEach(item => {
@@ -1573,6 +1602,21 @@ async function init() {
   // Auto-refresh
   setInterval(loadStats, 30000);
   setInterval(loadKeyHealth, 5 * 60 * 1000);
+
+  // Assistant textarea auto-resize
+  const assistantInput = document.getElementById('assistant-input');
+  if (assistantInput) {
+    assistantInput.addEventListener('input', function() {
+      this.style.height = 'auto';
+      this.style.height = Math.min(this.scrollHeight, 120) + 'px';
+    });
+    assistantInput.addEventListener('keydown', function(e) {
+      if (e.key === 'Enter' && !e.shiftKey) {
+        e.preventDefault();
+        sendAssistantMessage();
+      }
+    });
+  }
 }
 
 async function loadRequestLogHistory() {
@@ -1587,4 +1631,707 @@ async function loadRequestLogHistory() {
   }
 }
 
+// ---------- Assistant ----------
+
+function populateAssistantProxySelect() {
+  const select = document.getElementById('assistant-proxy-select');
+  if (!select) return;
+  const running = proxies.filter(p => p.running);
+  const current = select.value;
+  select.innerHTML = '<option value="">选择后端代理...</option>' +
+    running.map(p => `<option value="${escapeHtml(p.id)}">${escapeHtml(p.name)} (:${p.port})</option>`).join('');
+  const preferredId = (current && running.find(p => p.id === current)) ? current
+    : (savedAssistantProxyId && running.find(p => p.id === savedAssistantProxyId)) ? savedAssistantProxyId
+    : running.length > 0 ? running[0].id : '';
+  if (preferredId) {
+    select.value = preferredId;
+    assistantProxyId = preferredId;
+    document.getElementById('assistant-send-btn').disabled = false;
+    loadProxyProviders(preferredId);
+  } else {
+    assistantProxyId = '';
+    document.getElementById('assistant-send-btn').disabled = true;
+  }
+}
+
+function buildSystemPrompt() {
+  const now = new Date().toLocaleString('zh-CN', { hour12: false });
+  return `你是 Protocol Proxy 的智能助手，专门帮助管理员监控和排障。当前时间：${now}
+
+你有以下工具可以调用：
+
+系统查询：
+- get_system_status: 获取系统概览（代理运行状态、供应商数量、运行时长）
+- get_providers / get_provider: 获取供应商列表或详情
+- get_proxies / get_proxy: 获取代理列表或详情
+- get_usage_stats: 查询用量统计（支持按时间范围、代理筛选）
+- get_recent_requests: 获取最近请求日志
+- get_system_logs: 获取系统日志
+- get_key_health: 获取 API Key 健康检查结果
+- get_settings: 获取系统设置项
+- get_config_history: 获取配置快照历史
+
+文件与命令：
+- read_file: 读取任意文件内容（支持指定行范围，自动检测二进制文件）
+- write_file: 写入文件（会覆盖已有内容）
+- edit_file: 精确替换文件中的字符串（比 write_file 更安全，只替换匹配内容）
+- list_directory: 列出目录内容
+- search_files: 按文件名 glob 模式搜索文件
+- grep_search: 按正则表达式搜索文件内容（用于查找代码、日志关键字等）
+- execute_command: 执行 shell 命令
+
+规则：
+- 当用户询问系统状态、代理、供应商、日志、用量等运维相关问题时，调用工具获取实时数据后再回答
+- 当用户需要查看或修改文件、执行命令时，使用对应的文件和命令工具
+- 当用户只是打招呼、闲聊、或询问与系统无关的问题时，直接回答，不要调用工具
+- 不要凭空猜测系统状态，需要数据时必须调用工具
+- 执行写操作或危险命令前，先告知用户将要做什么
+
+你的职责：
+1. 回答关于代理配置和运行状态的问题
+2. 分析日志，指出异常和可能原因
+3. 根据数据给出优化建议（负载均衡、模型选择、故障切换策略）
+4. 用自然语言解释技术问题
+5. 如果发现问题，给出具体的修复步骤
+
+请用中文回答，保持专业且易懂。`;
+}
+
+async function sendAssistantMessage() {
+  if (assistantAbortController) return; // 已有请求进行中，防连点
+  const input = document.getElementById('assistant-input');
+  const text = input.value.trim();
+  if (!text || !assistantProxyId) return;
+
+  addAssistantMessage('user', text);
+  input.value = '';
+  input.style.height = 'auto';
+
+  const proxy = proxies.find(p => p.id === assistantProxyId);
+  if (!proxy) {
+    addAssistantMessage('assistant', '所选代理不存在或已停止，请重新选择。');
+    return;
+  }
+
+  const thinkingId = addAssistantMessage('thinking', '');
+  const myController = new AbortController();
+  assistantAbortController = myController;
+
+  try {
+    const providerVal = document.getElementById('assistant-provider-select')?.value || '';
+    const modelVal = document.getElementById('assistant-model-select')?.value || '';
+    const res = await fetch('/api/assistant/chat', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        proxyId: proxy.id, conversationId: assistantConversationId, message: text,
+        ...(providerVal && { providerId: providerVal }),
+        ...(modelVal && { model: modelVal }),
+      }),
+      signal: assistantAbortController.signal,
+    });
+
+    if (!res.ok) {
+      const err = await res.text().catch(() => 'Unknown error');
+      removeAssistantMessage(thinkingId);
+      addAssistantMessage('assistant', `请求失败: HTTP ${res.status}\n\n${err}`);
+      return;
+    }
+
+    const reader = res.body.getReader();
+    const decoder = new TextDecoder();
+    let buffer = '';
+    let fullContent = '';
+    let currentEvent = '';
+    let msgId = null;
+    let thinkingRemoved = false;
+
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done) break;
+
+      buffer += decoder.decode(value, { stream: true });
+      const lines = buffer.split('\n');
+      buffer = lines.pop();
+
+      for (const line of lines) {
+        const trimmed = line.trim();
+        if (!trimmed) continue;
+
+        if (trimmed.startsWith('event: ')) {
+          currentEvent = trimmed.slice(7);
+          continue;
+        }
+
+        if (!trimmed.startsWith('data: ')) continue;
+        let data;
+        try { data = JSON.parse(trimmed.slice(6)); } catch { continue; }
+
+        switch (currentEvent) {
+          case 'content': {
+            if (!thinkingRemoved) { removeAssistantMessage(thinkingId); thinkingRemoved = true; }
+            if (!msgId) {
+              msgId = addAssistantMessage('assistant', '');
+
+            }
+            fullContent += data.delta;
+            updateAssistantMessage(msgId, fullContent);
+            break;
+          }
+
+          case 'tool_calls': {
+            if (!thinkingRemoved) { removeAssistantMessage(thinkingId); thinkingRemoved = true; }
+            const calls = data.calls || [];
+            fullContent = '';
+            const callHtml = calls.map(tc => {
+              const argsStr = Object.keys(tc.arguments || {}).length > 0
+                ? `<span class="tool-call-args">${escapeHtml(JSON.stringify(tc.arguments))}</span>`
+                : '';
+              return `<div class="tool-call-item"><span class="tool-call-name">${escapeHtml(tc.name)}</span>${argsStr}</div>`;
+            }).join('');
+            addAssistantMessage('tool-calls', callHtml);
+            break;
+          }
+
+          case 'tool_result': {
+            const resultStr = JSON.stringify(data.result, null, 2);
+            addAssistantMessage('tool-result', { name: data.name, result: resultStr, tool_call_id: data.tool_call_id, is_error: data.is_error });
+            break;
+          }
+
+          case 'done': {
+            if (!thinkingRemoved) { removeAssistantMessage(thinkingId); thinkingRemoved = true; }
+            if (msgId) {
+              const msgObj = assistantMessages.find(m => m.id === msgId);
+              if (msgObj) {
+                // 将 reasoning_content 包装为 <think> 标签以便统一渲染
+                if (data.reasoning_content && !fullContent.includes('<think>')) {
+                  fullContent = `<think>${data.reasoning_content}</think>` + fullContent;
+                }
+                msgObj.content = fullContent;
+                updateAssistantMessage(msgId, fullContent);
+              }
+            }
+            break;
+          }
+
+          case 'error': {
+            if (!thinkingRemoved) { removeAssistantMessage(thinkingId); thinkingRemoved = true; }
+            addAssistantMessage('assistant', `错误: ${data.message}`);
+            break;
+          }
+
+          case 'context': {
+            contextTokens = data.tokens;
+            contextMaxTokens = data.maxTokens || contextMaxTokens;
+            contextPercent = data.percent;
+            contextMessages = data.messages;
+            updateContextBar();
+            break;
+          }
+
+          case 'compressed': {
+            if (data.summary) applyCompression(data);
+            break;
+          }
+
+          case 'compressing': {
+            break;
+          }
+
+          case 'conversation': {
+            assistantConversationId = data.id;
+            loadConversations();
+            break;
+          }
+        }
+      }
+    }
+
+    // 流结束时确保 thinking 点被移除
+    if (!thinkingRemoved) removeAssistantMessage(thinkingId);
+
+    // 流结束但没有收到 done 事件时，确保最终内容被保存
+    if (msgId && fullContent) {
+      const msgObj = assistantMessages.find(m => m.id === msgId);
+      if (msgObj && !msgObj.content) msgObj.content = fullContent;
+    }
+
+  } catch (err) {
+    removeAssistantMessage(thinkingId);
+    if (err.name === 'AbortError') {
+      addAssistantMessage('assistant', '已取消');
+    } else {
+      addAssistantMessage('assistant', `请求出错: ${err.message}`);
+    }
+  } finally {
+    if (assistantAbortController === myController) assistantAbortController = null;
+  }
+}
+
+function addAssistantMessage(role, content) {
+  const id = 'msg-' + Date.now() + '-' + Math.random().toString(36).slice(2);
+  assistantMessages.push({ id, role, content });
+
+  const chat = document.getElementById('assistant-chat');
+  if (!chat) return id;
+
+  const displayRoles = ['user', 'assistant', 'tool', 'tool-calls', 'tool-result'];
+  if (assistantMessages.filter(m => displayRoles.includes(m.role)).length === 1 && role === 'user') {
+    chat.innerHTML = '';
+  }
+
+  const div = document.createElement('div');
+  div.id = id;
+  div.className = `assistant-message ${role}`;
+
+  if (role === 'thinking') {
+    div.innerHTML = `<div class="assistant-dot"></div><div class="assistant-dot"></div><div class="assistant-dot"></div>`;
+  } else if (role === 'tool-calls') {
+    // content 已经是 HTML 字符串
+    div.innerHTML = `<div class="tool-calls-header">调用工具</div>${content}`;
+  } else if (role === 'tool-result') {
+    // content 是 {name, result, tool_call_id, is_error}
+    const toolData = typeof content === 'object' ? content : { name: 'unknown', result: content };
+    const resultId = 'result-' + id;
+    if (toolData.is_error) div.classList.add('tool-error');
+    div.innerHTML = `
+      <div class="tool-result-header" onclick="document.getElementById('${resultId}').classList.toggle('expanded')">
+        <span class="tool-result-name">${toolData.is_error ? '⚠ ' : ''}${escapeHtml(toolData.name)}</span>
+        <span class="tool-result-toggle">${toolData.is_error ? '错误详情 ▾' : '展开结果 ▾'}</span>
+      </div>
+      <div class="tool-result-body" id="${resultId}">
+        <pre>${escapeHtml(toolData.result)}</pre>
+      </div>`;
+    // 保存 tool_call_id 到消息对象
+    const msgObj = assistantMessages.find(m => m.id === id);
+    if (msgObj) {
+      msgObj.tool_call_id = toolData.tool_call_id;
+      msgObj.tool_name = toolData.name;
+      msgObj.content = toolData.result;
+    }
+  } else if (role === 'assistant') {
+    div.innerHTML = formatAssistantContent(content);
+  } else {
+    div.textContent = content;
+  }
+
+  chat.appendChild(div);
+  chat.scrollTop = chat.scrollHeight;
+  return id;
+}
+
+function updateAssistantMessage(id, content) {
+  const div = document.getElementById(id);
+  if (div) {
+    div.innerHTML = formatAssistantContent(content);
+    const chat = document.getElementById('assistant-chat');
+    if (chat) chat.scrollTop = chat.scrollHeight;
+  }
+}
+
+function removeAssistantMessage(id) {
+  const div = document.getElementById(id);
+  if (div) div.remove();
+  assistantMessages = assistantMessages.filter(m => m.id !== id);
+}
+
+function formatAssistantContent(text) {
+  if (!text) return '';
+  // 将 <think>...</think> 渲染为可折叠的思考块（在 escapeHtml 之前提取）
+  const thinkBlocks = [];
+  let processed = text.replace(/<think>([\s\S]*?)<\/think>/g, (_, think) => {
+    const idx = thinkBlocks.length;
+    thinkBlocks.push(think.trim());
+    return `\x00THINK_${idx}\x00`;
+  });
+  let html = escapeHtml(processed);
+  // 还原思考块为 HTML
+  html = html.replace(/\x00THINK_(\d+)\x00/g, (_, idx) => {
+    const thinkId = 'think-' + Date.now() + '-' + Math.random().toString(36).slice(2, 6);
+    return `<details class="think-block"><summary>思考过程</summary><div class="think-content" id="${thinkId}">${escapeHtml(thinkBlocks[parseInt(idx)])}</div></details>`;
+  });
+  // 代码块
+  html = html.replace(/```([\s\S]*?)```/g, '<pre><code>$1</code></pre>');
+  // 行内代码
+  html = html.replace(/`([^`]+)`/g, '<code>$1</code>');
+  // 段落
+  const paragraphs = html.split(/\n{2,}/);
+  html = paragraphs.map(p => {
+    p = p.trim();
+    if (!p) return '';
+    // 如果已经是 pre，不包 p
+    if (p.startsWith('<pre>')) return p;
+    // 列表项
+    if (p.startsWith('- ') || p.startsWith('* ')) {
+      const items = p.split('\n').filter(l => l.trim().startsWith('- ') || l.trim().startsWith('* '));
+      return '<ul>' + items.map(i => `<li>${i.trim().slice(2)}</li>`).join('') + '</ul>';
+    }
+    // 数字列表
+    if (/^\d+\./.test(p)) {
+      const items = p.split('\n').filter(l => /^\d+\./.test(l.trim()));
+      return '<ol>' + items.map(i => `<li>${i.trim().replace(/^\d+\.\s*/, '')}</li>`).join('') + '</ol>';
+    }
+    return '<p>' + p.replace(/\n/g, '<br>') + '</p>';
+  }).join('');
+  return html;
+}
+
+function clearAssistantChat() {
+  assistantMessages = [];
+  assistantConversationId = '';
+  assistantProviderId = '';
+  const trigger = document.getElementById('conversation-dropdown-trigger');
+  if (trigger) trigger.textContent = '新会话';
+  proxyProviders = [];
+  populateProviderSelect();
+  populateModelSelect();
+  contextTokens = 0;
+  contextPercent = 0;
+  contextMessages = 0;
+  updateContextBar();
+  const chat = document.getElementById('assistant-chat');
+  if (!chat) return;
+  chat.innerHTML = `
+    <div class="assistant-welcome">
+      <div class="assistant-welcome-icon">
+        <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>
+      </div>
+      <h3>智控助手</h3>
+      <p>我是你的 Protocol Proxy 智能助手，可以帮你：</p>
+      <ul>
+        <li>查询代理和供应商运行状态</li>
+        <li>分析日志，定位异常原因</li>
+        <li>解读配置并给出优化建议</li>
+        <li>自然语言排障与问答</li>
+      </ul>
+      <p class="assistant-hint">请先选择一个运行中的代理作为对话后端</p>
+    </div>
+  `;
+}
+
+function formatTokenCount(n) {
+  if (n >= 1000000) return (n / 1000000).toFixed(1) + 'M';
+  if (n >= 1000) return (n / 1000).toFixed(1) + 'K';
+  return String(n);
+}
+
+function updateContextBar() {
+  const bar = document.getElementById('assistant-context-bar');
+  if (!bar) return;
+  if (contextMessages === 0) {
+    bar.style.display = 'none';
+    return;
+  }
+  bar.style.display = 'flex';
+
+  document.getElementById('context-bar-tokens').textContent = formatTokenCount(contextTokens);
+  document.getElementById('context-bar-max').textContent = formatTokenCount(contextMaxTokens);
+  document.getElementById('context-bar-percent').textContent = contextPercent.toFixed(1);
+  document.getElementById('context-bar-messages').textContent = contextMessages;
+
+  const fill = document.getElementById('context-bar-fill');
+  const pct = Math.min(100, contextPercent);
+  fill.style.width = pct + '%';
+  fill.className = 'context-bar-fill' + (pct >= 80 ? ' high' : pct >= 50 ? ' mid' : '');
+
+  const compressBtn = document.getElementById('context-compress-btn');
+  if (compressBtn) {
+    compressBtn.style.display = pct >= 50 ? '' : 'none';
+  }
+}
+
+function updateMaxContext(value) {
+  const v = Math.max(10000, parseInt(value) || 200000);
+  contextMaxTokens = v;
+  fetch('/api/settings', { method: 'PUT', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ maxContext: v }) }).catch(() => {});
+  if (contextTokens > 0) {
+    contextPercent = Math.round(contextTokens / contextMaxTokens * 1000) / 10;
+    updateContextBar();
+  }
+}
+
+function updateMaxRounds(value) {
+  const v = Math.max(1, Math.min(100, parseInt(value) || 10));
+  assistantMaxRounds = v;
+  fetch('/api/settings', { method: 'PUT', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ maxRounds: v }) }).catch(() => {});
+}
+
+function updateMaxConversations(value) {
+  const v = Math.max(0, parseInt(value) || 0);
+  fetch('/api/settings', { method: 'PUT', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ maxConversations: v }) }).catch(() => {});
+}
+
+function toggleConversationDropdown() {
+  const menu = document.getElementById('conversation-dropdown-menu');
+  if (!menu) return;
+  menu.classList.toggle('open');
+}
+
+function updateConversationTriggerLabel() {
+  const trigger = document.getElementById('conversation-dropdown-trigger');
+  if (!trigger) return;
+  if (assistantConversationId) {
+    const item = document.querySelector(`.conversation-dropdown-item[data-id="${assistantConversationId}"] .conversation-dropdown-item-label`);
+    trigger.textContent = item ? item.textContent : assistantConversationId;
+  } else {
+    trigger.textContent = '新会话';
+  }
+}
+
+async function deleteConversationById(convId, event) {
+  event.stopPropagation();
+  const ok = await showConfirm('确定删除该会话？');
+  if (!ok) return;
+  try {
+    await fetch(`/api/assistant/conversations/${convId}`, { method: 'DELETE' });
+    if (assistantConversationId === convId) clearAssistantChat();
+    await loadConversations();
+    showToast('会话已删除');
+  } catch (err) {
+    showToast('删除失败: ' + err.message, true);
+  }
+}
+
+async function loadConversations() {
+  try {
+    const res = await fetch('/api/assistant/conversations');
+    const data = await res.json();
+    const menu = document.getElementById('conversation-dropdown-menu');
+    if (!menu) return;
+    const sorted = (data.conversations || []).slice().reverse();
+    menu.innerHTML = '';
+    for (const c of sorted) {
+      const date = new Date(c.lastActivity).toLocaleString('zh-CN', { hour12: false, month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' });
+      const label = (c.preview || '空会话').slice(0, 30) + ' — ' + date;
+      const item = document.createElement('div');
+      item.className = 'conversation-dropdown-item' + (c.id === assistantConversationId ? ' active' : '');
+      item.dataset.id = c.id;
+      item.innerHTML = `<span class="conversation-dropdown-item-label">${escapeHtml(label)}</span><button class="conversation-dropdown-item-delete" title="删除">×</button>`;
+      item.querySelector('.conversation-dropdown-item-label').onclick = () => {
+        menu.classList.remove('open');
+        document.getElementById('conversation-dropdown-trigger').textContent = label;
+        switchConversation(c.id);
+      };
+      item.querySelector('.conversation-dropdown-item-delete').onclick = (e) => deleteConversationById(c.id, e);
+      menu.appendChild(item);
+    }
+    updateConversationTriggerLabel();
+  } catch (err) {
+    showToast('加载会话列表失败: ' + err.message, true);
+  }
+}
+
+async function switchConversation(convId) {
+  // 中断进行中的请求，避免旧流的 DOM 更新与新会话冲突
+  if (assistantAbortController) {
+    assistantAbortController.abort();
+    assistantAbortController = null;
+  }
+  if (!convId) {
+    // 选择"新会话"
+    clearAssistantChat();
+    return;
+  }
+  assistantConversationId = convId;
+  assistantMessages = [];
+  const chat = document.getElementById('assistant-chat');
+  if (chat) chat.innerHTML = '';
+
+  // 重置上下文栏，避免显示前一个会话的 token 统计
+  contextTokens = 0;
+  contextPercent = 0;
+  contextMessages = 0;
+  updateContextBar();
+
+  try {
+    const res = await fetch(`/api/assistant/conversations/${convId}/messages`);
+    const data = await res.json();
+    if (data.proxyId) {
+      // 自动选中对应的代理
+      const select = document.getElementById('assistant-proxy-select');
+      if (select && select.querySelector(`option[value="${data.proxyId}"]`)) {
+        select.value = data.proxyId;
+        assistantProxyId = data.proxyId;
+        document.getElementById('assistant-send-btn').disabled = false;
+      }
+      loadProxyProviders(data.proxyId);
+    }
+    // 渲染压缩摘要（如果有）
+    if (data.compressionSummary) {
+      const chatEl = document.getElementById('assistant-chat');
+      if (chatEl) {
+        const details = document.createElement('details');
+        details.className = 'compression-summary';
+        details.innerHTML = `<summary>之前的对话已被压缩</summary><div class="compression-summary-content">${escapeHtml(data.compressionSummary)}</div>`;
+        chatEl.appendChild(details);
+      }
+    }
+    // 渲染历史消息
+    for (const m of (data.messages || [])) {
+      if (m.role === 'user') {
+        addAssistantMessage('user', m.content);
+      } else if (m.role === 'assistant') {
+        addAssistantMessage('assistant', m.content || '');
+      }
+    }
+  } catch (err) {
+    showToast('加载会话失败: ' + err.message, true);
+  }
+}
+
+
+async function compressAssistantContext() {
+  if (!assistantProxyId || !assistantConversationId) return;
+  const btn = document.getElementById('context-compress-btn');
+  if (btn) { btn.disabled = true; btn.textContent = '压缩中...'; }
+  try {
+    const res = await fetch('/api/assistant/chat', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        proxyId: assistantProxyId, conversationId: assistantConversationId, message: '', compress: true,
+        ...(document.getElementById('assistant-provider-select')?.value && { providerId: document.getElementById('assistant-provider-select').value }),
+        ...(document.getElementById('assistant-model-select')?.value && { model: document.getElementById('assistant-model-select').value }),
+      }),
+    });
+    const reader = res.body.getReader();
+    const decoder = new TextDecoder();
+    let buffer = '';
+    let currentEvent = '';
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done) break;
+      buffer += decoder.decode(value, { stream: true });
+      const lines = buffer.split('\n');
+      buffer = lines.pop();
+      for (const line of lines) {
+        const trimmed = line.trim();
+        if (!trimmed) continue;
+        if (trimmed.startsWith('event: ')) { currentEvent = trimmed.slice(7); continue; }
+        if (!trimmed.startsWith('data: ')) continue;
+        let data;
+        try { data = JSON.parse(trimmed.slice(6)); } catch { continue; }
+        if (currentEvent === 'compressed' && data.summary) applyCompression(data);
+        if (currentEvent === 'context') {
+          contextTokens = data.tokens;
+          contextMaxTokens = data.maxTokens;
+          contextPercent = data.percent;
+          contextMessages = data.messages;
+          updateContextBar();
+        }
+      }
+    }
+  } catch (err) {
+    showToast('压缩失败: ' + err.message, true);
+  } finally {
+    if (btn) { btn.disabled = false; btn.textContent = '压缩'; }
+  }
+}
+
+function applyCompression(data) {
+  // 后端已完成压缩，前端只更新显示
+  if (data.tokens != null) contextTokens = data.tokens;
+  if (data.maxTokens) contextMaxTokens = data.maxTokens;
+  contextPercent = Math.round(contextTokens / contextMaxTokens * 1000) / 10;
+  contextMessages = data.messages || 0;
+  updateContextBar();
+  if (data.summary) {
+    showToast(`已压缩 ${data.removedCount} 条消息，摘要已保存`);
+  }
+}
+
+// 加载代理的候选供应商列表
+async function loadProxyProviders(proxyId) {
+  assistantProviderId = '';
+  proxyProviders = [];
+  populateProviderSelect();
+  populateModelSelect();
+  if (!proxyId) return;
+  try {
+    const res = await fetch(`/api/assistant/proxy-providers/${proxyId}`);
+    const data = await res.json();
+    proxyProviders = data.providers || [];
+    // 恢复保存的供应商选择
+    if (savedAssistantProviderId && proxyProviders.find(p => p.id === savedAssistantProviderId)) {
+      assistantProviderId = savedAssistantProviderId;
+      savedAssistantProviderId = ''; // 只恢复一次
+    }
+    populateProviderSelect();
+    populateModelSelect();
+    // 恢复保存的模型选择
+    if (savedAssistantModel) {
+      const modelSelect = document.getElementById('assistant-model-select');
+      if (modelSelect && modelSelect.querySelector(`option[value="${savedAssistantModel}"]`)) {
+        modelSelect.value = savedAssistantModel;
+      }
+      savedAssistantModel = ''; // 只恢复一次
+    }
+  } catch (err) {
+    console.warn('[assistant] 加载供应商列表失败:', err.message);
+  }
+}
+
+function populateProviderSelect() {
+  const select = document.getElementById('assistant-provider-select');
+  if (!select) return;
+  select.innerHTML = '<option value="">自动（跟随代理）</option>' +
+    proxyProviders.map(p => `<option value="${escapeHtml(p.id)}">${escapeHtml(p.name)} (${escapeHtml(p.protocol)})</option>`).join('');
+  select.value = assistantProviderId;
+}
+
+function populateModelSelect() {
+  const select = document.getElementById('assistant-model-select');
+  if (!select) return;
+  const provider = proxyProviders.find(p => p.id === assistantProviderId);
+  const models = provider?.models || [];
+  select.innerHTML = '<option value="">自动（跟随代理）</option>' +
+    models.map(m => `<option value="${escapeHtml(m)}">${escapeHtml(m)}</option>`).join('');
+}
+
+// eslint-disable-next-line no-unused-vars
+function onAssistantProviderChange(value) {
+  assistantProviderId = value;
+  populateModelSelect();
+  saveAssistantSelection();
+}
+
+function saveAssistantSelection() {
+  const modelVal = document.getElementById('assistant-model-select')?.value || '';
+  fetch('/api/settings', {
+    method: 'PUT',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ assistantProxyId, assistantProviderId, assistantModel: modelVal }),
+  }).catch(() => {});
+}
+
+// 监听代理选择
+(function() {
+  const select = document.getElementById('assistant-proxy-select');
+  if (select) {
+    select.addEventListener('change', function() {
+      assistantProxyId = this.value;
+      const btn = document.getElementById('assistant-send-btn');
+      if (btn) btn.disabled = !this.value;
+      loadProxyProviders(this.value);
+      saveAssistantSelection();
+    });
+  }
+  // 监听模型选择
+  const modelSelect = document.getElementById('assistant-model-select');
+  if (modelSelect) {
+    modelSelect.addEventListener('change', function() {
+      saveAssistantSelection();
+    });
+  }
+})();
+
+// 点击外部关闭会话下拉
+document.addEventListener('click', (e) => {
+  const dropdown = document.getElementById('conversation-dropdown');
+  if (dropdown && !dropdown.contains(e.target)) {
+    document.getElementById('conversation-dropdown-menu')?.classList.remove('open');
+  }
+});
+
 init();