@bolloon/bolloon-agent 0.1.13 → 0.1.14

package/dist/web/client.js

@@ -1,3 +1,8 @@
+// marked 库可能从 CDN 加载失败, 这里做安全降级 (避免 ReferenceError 让 addMessage 整体崩溃)
+if (typeof marked === 'undefined') {
+  window.marked = { parse: (text) => String(text).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\n/g, '<br>') };
+}
+
 const messagesEl = document.getElementById('messages');
 const input = document.getElementById('input');
 const sendBtn = document.getElementById('send');
@@ -10,7 +15,7 @@ const newChannelInput = document.getElementById('new-channel-input');
 const channelNameEl = document.getElementById('channel-name');
 const loadSessionBtn = document.getElementById('load-session-btn');
 const sessionFileInput = document.getElementById('session-file-input');
-const newSessionBtn = document.getElementById('new-session-btn');
+const newSessionBtn = document.getElementById('new-session-btn'); // 兼容旧引用（右上角按钮已移除）
 
 let eventSources = new Map(); // channelId -> EventSource
 let currentChannelId = null;
@@ -19,11 +24,13 @@ let channels = [];
 let isSidebarCollapsed = false;
 let reconnectAttempts = new Map(); // channelId -> attempts
 let reconnectTimers = new Map(); // channelId -> timer
+let heartbeatTimers = new Map(); // channelId -> setInterval handle (防止泄漏)
 let lastUserCommand = ''; // 防止用户消息重复显示
 let lastAiContent = ''; // 防止 AI 消息重复显示
 let messagesContainers = new Map(); // channelId -> messages container div
 let sessionMessages = new Map(); // channelId:sessionId -> messages array
 let currentSessionId = null; // 当前显示的 session ID
+let expandedAgents = new Set(); // 当前展开的 agent(channel) id 集合
 
 function generateId() {
   return crypto.randomUUID();
@@ -112,21 +119,13 @@ async function createChannel(name) {
     channels.push(channel);
     renderChannels();
     selectChannel(channel.id);
-    newChannelInput.value = '';
+    if (newChannelInput) newChannelInput.value = '';
 
     // 后台更新 DID（如果还没有的话）
     if (!channel.did || channel.did === 'undefined') {
       console.log('[创建频道] 后台生成 DID...');
-      // 触发后台刷新，DID 会在下次请求时更新
-      setTimeout(() => {
-        fetch('/channels').then(res => res.json()).then(allChannels => {
-          channels = allChannels;
-          const updated = channels.find(c => c.id === channel.id);
-          if (updated && updated.did && updated.did !== 'undefined') {
-            console.log('[创建频道] DID 生成完成:', updated.did);
-          }
-        });
-      }, 2000);
+      // 复用全局 channelRefreshTimer, 把多个刷新请求合并成一个 1.5s 后的请求
+      scheduleChannelsRefresh();
     }
   } catch (err) {
     console.error('Failed to create channel:', err);
@@ -135,15 +134,25 @@ async function createChannel(name) {
 
 async function deleteChannel(channelId, e) {
   e.stopPropagation();
+  if (!confirm('确定要删除该智能体及其所有会话吗？此操作不可撤销。')) return;
   try {
     await fetch(`/channels/${channelId}`, { method: 'DELETE' });
     channels = channels.filter(c => c.id !== channelId);
+    expandedAgents.delete(channelId);
+
+    // 释放浏览器侧引用 + DOM, 避免长时间使用后内存累积
+    cleanupChannelState(channelId);
+
     if (currentChannelId === channelId) {
       currentChannelId = channels[0]?.id || null;
+      currentSessionId = null;
       if (currentChannelId) {
-        await loadSession(currentChannelId);
+        const ch = channels.find(c => c.id === currentChannelId);
+        if (channelNameEl) channelNameEl.textContent = ch?.name || 'Bolloon Agent';
+        await selectChannel(currentChannelId);
       } else {
         messagesEl.innerHTML = '';
+        if (channelNameEl) channelNameEl.textContent = 'Bolloon Agent';
       }
     }
     renderChannels();
@@ -153,6 +162,38 @@ async function deleteChannel(channelId, e) {
   }
 }
 
+/** 释放一个 channel 在浏览器侧占用的所有资源 (DOM 容器, SSE, 缓存 session 消息) */
+function cleanupChannelState(channelId) {
+  // 1. SSE 连接
+  if (eventSources.has(channelId)) {
+    try { eventSources.get(channelId).close(); } catch {}
+    eventSources.delete(channelId);
+  }
+  // 2. 心跳 + 重连 timer
+  if (heartbeatTimers.has(channelId)) {
+    clearInterval(heartbeatTimers.get(channelId));
+    heartbeatTimers.delete(channelId);
+  }
+  if (reconnectTimers.has(channelId)) {
+    clearTimeout(reconnectTimers.get(channelId));
+    reconnectTimers.delete(channelId);
+  }
+  reconnectAttempts.delete(channelId);
+  // 3. 消息容器 DOM — 真从 #messages 里移除, 不只是隐藏
+  const container = messagesContainers.get(channelId);
+  if (container && container.parentNode) {
+    container.parentNode.removeChild(container);
+  }
+  messagesContainers.delete(channelId);
+  // 4. 缓存的所有 session 消息 (按 channel:session 索引)
+  const prefix = `${channelId}:`;
+  for (const key of sessionMessages.keys()) {
+    if (key === channelId || key.startsWith(prefix)) {
+      sessionMessages.delete(key);
+    }
+  }
+}
+
 async function createNewSession() {
   if (!currentChannelId) {
     console.log('[新会话] 没有选中的频道');
@@ -160,18 +201,7 @@ async function createNewSession() {
   }
   try {
     // 保存当前 session 的消息
-    const channel = channels.find(c => c.id === currentChannelId);
-    if (channel && currentSessionId) {
-      const container = messagesContainers.get(currentChannelId);
-      if (container) {
-        const messages = Array.from(container.querySelectorAll('.message')).map(msg => ({
-          type: msg.classList.contains('message-user') ? 'user' : 'ai',
-          content: msg.querySelector('.message-content')?.textContent || ''
-        }));
-        sessionMessages.set(`${currentChannelId}:${currentSessionId}`, messages);
-        console.log('[新会话] 保存旧 session 消息:', messages.length);
-      }
-    }
+    saveCurrentSessionMessages();
 
     const res = await fetch(`/channels/${currentChannelId}/sessions`, {
       method: 'POST'
@@ -180,6 +210,7 @@ async function createNewSession() {
     console.log('[新会话] 创建成功:', data);
 
     // 更新本地频道数据
+    const channel = channels.find(c => c.id === currentChannelId);
     if (channel) {
       if (!channel.sessions) channel.sessions = [];
       channel.sessions.push(data.session);
@@ -187,7 +218,6 @@ async function createNewSession() {
     }
 
     // 切换到新 session
-    const oldSessionId = currentSessionId;
     currentSessionId = data.currentSessionId;
 
     // 清空容器并加载新 session
@@ -198,41 +228,345 @@ async function createNewSession() {
       addMessage('你好！新会话已开始，有什么我可以帮你的吗？', 'ai', false, container);
     }
 
+    // 展开当前智能体，刷新侧边栏让新会话显示出来
+    expandedAgents.add(currentChannelId);
+    renderChannels();
+
     console.log('[新会话] 已切换到:', data.currentSessionId);
   } catch (err) {
     console.error('Failed to create new session:', err);
   }
 }
 
+async function createNewSessionForChannel(channelId, e) {
+  if (e) e.stopPropagation();
+  if (!channelId) return;
+
+  // 给自己创建：复用统一的 createNewSession
+  if (channelId === currentChannelId) {
+    if (currentSessionId) saveCurrentSessionMessages();
+    await createNewSession();
+    return;
+  }
+
+  // 给别的智能体创建：后端建好后直接 re-fetch 一次保持本地与后端一致
+  try {
+    const res = await fetch(`/channels/${channelId}/sessions`, { method: 'POST' });
+    if (!res.ok) throw new Error('create session failed');
+    const data = await res.json();
+    const channel = channels.find(c => c.id === channelId);
+    if (channel) {
+      if (!channel.sessions) channel.sessions = [];
+      channel.sessions.push(data.session);
+      channel.currentSessionId = data.currentSessionId;
+    }
+    expandedAgents.add(channelId);
+    renderChannels();
+  } catch (err) {
+    console.error('Failed to create new session:', err);
+  }
+}
+
+async function switchSession(channelId, sessionId, e) {
+  if (e) e.stopPropagation();
+  if (!channelId || !sessionId) return;
+  if (channelId === currentChannelId && sessionId === currentSessionId) return;
+
+  // 先保存当前 session 的本地消息
+  if (currentChannelId && currentSessionId) {
+    saveCurrentSessionMessages();
+  }
+
+  try {
+    const res = await fetch(`/channels/${channelId}/sessions/${sessionId}/switch`, { method: 'POST' });
+    if (!res.ok) throw new Error('switch failed');
+    const channel = channels.find(c => c.id === channelId);
+    if (channel) {
+      channel.currentSessionId = sessionId;
+      await saveChannels();
+    }
+
+    // 切换到目标 agent + session
+    await selectChannel(channelId, sessionId);
+    renderChannels();
+  } catch (err) {
+    console.error('Failed to switch session:', err);
+  }
+}
+
+async function deleteSession(channelId, sessionId, e) {
+  if (e) e.stopPropagation();
+  if (!confirm('确定要删除该会话吗？此操作不可撤销。')) return;
+  try {
+    const res = await fetch(`/channels/${channelId}/sessions/${sessionId}`, { method: 'DELETE' });
+    if (!res.ok) {
+      const err = await res.json().catch(() => ({}));
+      alert(err.error || '删除失败');
+      return;
+    }
+    const data = await res.json();
+    const channel = channels.find(c => c.id === channelId);
+    if (channel) {
+      if (channel.sessions) {
+        channel.sessions = channel.sessions.filter(s => s.id !== sessionId);
+      }
+      if (data.currentSessionId) {
+        channel.currentSessionId = data.currentSessionId;
+      }
+    }
+
+    // 如果删的是当前打开的会话，切换到新的当前会话
+    if (channelId === currentChannelId && sessionId === currentSessionId) {
+      if (data.currentSessionId) {
+        currentSessionId = data.currentSessionId;
+        const container = messagesContainers.get(channelId);
+        if (container) container.innerHTML = '';
+        await loadSession(channelId);
+      }
+    }
+    renderChannels();
+  } catch (err) {
+    console.error('Failed to delete session:', err);
+  }
+}
+
+let _saveSessionMessagesDirty = false;
+let _saveSessionMessagesTimer = null;
+function saveCurrentSessionMessages() {
+  if (!currentChannelId || !currentSessionId) return;
+  // 内存保护: 多次快速调用合并成一个, 避免在切会话时反复 .textContent 读 DOM
+  // (每个 textContent 会序列化整棵子树, 200 条消息 = 几百 MB 临时字符串)
+  _saveSessionMessagesDirty = true;
+  if (_saveSessionMessagesTimer) return;
+  _saveSessionMessagesTimer = setTimeout(() => {
+    _saveSessionMessagesTimer = null;
+    if (!_saveSessionMessagesDirty) return;
+    _saveSessionMessagesDirty = false;
+    if (!currentChannelId || !currentSessionId) return;
+    const container = messagesContainers.get(currentChannelId);
+    if (!container) return;
+    const messages = Array.from(container.querySelectorAll('.message')).map(msg => ({
+      type: msg.classList.contains('message-user') ? 'user' : 'ai',
+      content: msg.querySelector('.message-content')?.textContent || ''
+    }));
+    if (messages.length > 0) {
+      sessionMessages.set(`${currentChannelId}:${currentSessionId}`, messages);
+    }
+  }, 50);
+}
+
+async function saveChannels() {
+  // 简单地 re-fetch，保持本地 channels 与服务端一致
+  // 改成走 scheduleChannelsRefresh, 多个调用合并成一个请求 — 减少内存峰值和后端压力
+  scheduleChannelsRefresh();
+  await new Promise(r => setTimeout(r, 600));
+}
+
+let channelRefreshTimer = null;
+let channelRefreshInFlight = null;
+function scheduleChannelsRefresh() {
+  if (channelRefreshTimer) return;
+  channelRefreshTimer = setTimeout(async () => {
+    channelRefreshTimer = null;
+    if (channelRefreshInFlight) return channelRefreshInFlight;
+    channelRefreshInFlight = (async () => {
+      try {
+        const res = await fetch('/channels');
+        if (res.ok) {
+          const fresh = await res.json();
+          channels = fresh;
+          renderChannels();
+        }
+      } catch (err) {
+        console.error('Failed to re-fetch channels:', err);
+      } finally {
+        channelRefreshInFlight = null;
+      }
+    })();
+    return channelRefreshInFlight;
+  }, 800);
+}
+
+function toggleAgentExpand(channelId, e) {
+  if (e) e.stopPropagation();
+  if (expandedAgents.has(channelId)) {
+    expandedAgents.delete(channelId);
+  } else {
+    expandedAgents.add(channelId);
+  }
+  renderChannels();
+}
+
 function renderChannels() {
   if (!channelList) return;
   channelList.innerHTML = '';
 
-  // 使用 DocumentFragment 减少 DOM 操作
   const fragment = document.createDocumentFragment();
 
+  // 滚动可见性监听只绑定一次 (channelList 是同一个 DOM 节点,
+  // renderChannels 每次清空 innerHTML 都会重渲, 不能重复 addEventListener)
+  if (!channelList._scrollListenersBound) {
+    const onUserScroll = () => {
+      channelList.classList.add('is-scrolling');
+      if (channelList._scrollIdleTimer) clearTimeout(channelList._scrollIdleTimer);
+      channelList._scrollIdleTimer = setTimeout(() => {
+        channelList.classList.remove('is-scrolling');
+      }, 1200);
+    };
+    channelList.addEventListener('wheel', onUserScroll, { passive: true });
+    channelList.addEventListener('touchmove', onUserScroll, { passive: true });
+    channelList.addEventListener('keydown', (ev) => {
+      if (['ArrowUp', 'ArrowDown', 'PageUp', 'PageDown', 'Home', 'End'].includes(ev.key)) {
+        onUserScroll();
+      }
+    });
+    channelList._scrollListenersBound = true;
+  }
+
   channels.forEach(ch => {
     const li = document.createElement('li');
-    li.className = `channel-item ${ch.id === currentChannelId ? 'active' : ''}`;
-    li.onclick = () => {
-      expandSidebar();
-      selectChannel(ch.id);
-    };
-    li.innerHTML = `
+    const isExpanded = expandedAgents.has(ch.id);
+    li.className = `agent-group ${isExpanded ? 'expanded' : ''}`;
+    li.dataset.channelId = ch.id;
+
+    // --- 智能体行 ---
+    const row = document.createElement('div');
+    row.className = `agent-row ${ch.id === currentChannelId ? 'active' : ''}`;
+
+    // 找到当前智能体（如果它是激活的）的当前 session
+    const currentSess = (ch.id === currentChannelId && Array.isArray(ch.sessions))
+      ? ch.sessions.find(s => s.id === ch.currentSessionId)
+      : null;
+    const currentSessLabel = currentSess ? formatSessionName(currentSess) : '';
+    const sessionCount = Array.isArray(ch.sessions) ? ch.sessions.length : 0;
+
+    const walletBadge = ch.walletAddress
+      ? `<span class="agent-wallet-badge" title="已绑定钱包: ${escapeHtml(ch.walletAddress)}">⛓</span>`
+      : '';
+    const toolsBadge = ch.autoInvokeTools
+      ? `<span class="agent-tools-badge" title="自动工具调用已开启">⚡</span>`
+      : '';
+
+    row.innerHTML = `
+      <svg class="agent-caret" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <polyline points="9 18 15 12 9 6"></polyline>
+      </svg>
       <div class="channel-icon">💬</div>
-      <span class="channel-name">${ch.name}</span>
-      <button class="channel-delete" data-id="${ch.id}">×</button>
+      <span class="channel-name" title="${escapeHtml(ch.name)}">${escapeHtml(ch.name)}</span>
+      <span class="agent-row-meta">
+        ${walletBadge}
+        ${toolsBadge}
+        ${sessionCount > 1 ? `<span class="agent-session-count" title="${sessionCount} 个会话">${sessionCount}</span>` : ''}
+        ${currentSessLabel ? `<span class="agent-current-session" title="当前会话：${escapeHtml(currentSessLabel)}">· ${escapeHtml(currentSessLabel)}</span>` : ''}
+        <button class="agent-config-btn" title="配置智能体 (钱包 / 工具)">
+          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <circle cx="12" cy="12" r="3"></circle>
+            <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
+          </svg>
+        </button>
+        <button class="channel-delete" title="删除智能体">×</button>
+        <button class="agent-new-session" title="新建会话">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <line x1="12" y1="5" x2="12" y2="19"></line>
+            <line x1="5" y1="12" x2="19" y2="12"></line>
+          </svg>
+        </button>
+      </span>
     `;
 
-    const deleteBtn = li.querySelector('.channel-delete');
-    if (deleteBtn) {
-      deleteBtn.onclick = (e) => deleteChannel(ch.id, e);
+    // 行点击：切换展开；点击名字/图标区域则切到该智能体
+    row.addEventListener('click', (ev) => {
+      // 如果点在删除/新会话/配置按钮上, 单独处理
+      if (ev.target.closest('.channel-delete')
+          || ev.target.closest('.agent-new-session')
+          || ev.target.closest('.agent-config-btn')) return;
+      if (ev.target.closest('.agent-caret')) {
+        toggleAgentExpand(ch.id, ev);
+        return;
+      }
+      toggleAgentExpand(ch.id, ev);
+      if (ch.id !== currentChannelId) {
+        expandSidebar();
+        selectChannel(ch.id);
+      }
+    });
+
+    // 智能体删除
+    row.querySelector('.channel-delete').addEventListener('click', (ev) => deleteChannel(ch.id, ev));
+    // 新会话按钮
+    row.querySelector('.agent-new-session').addEventListener('click', (ev) => createNewSessionForChannel(ch.id, ev));
+    // 配置按钮: 打开同一个 modal 编辑已有智能体
+    row.querySelector('.agent-config-btn').addEventListener('click', (ev) => {
+      ev.stopPropagation();
+      openAgentAddModal(ch);
+    });
+
+    li.appendChild(row);
+
+    // --- Session 列表（仅展开时渲染 DOM）---
+    const sessionUl = document.createElement('ul');
+    sessionUl.className = 'session-list';
+    if (isExpanded) {
+      const sessions = Array.isArray(ch.sessions) ? ch.sessions : [];
+      sessions.forEach(sess => {
+        const sessLi = document.createElement('li');
+        const isActive = ch.id === currentChannelId && sess.id === ch.currentSessionId;
+        sessLi.className = `session-item ${isActive ? 'active' : ''}`;
+        sessLi.innerHTML = `
+          <span class="session-name" title="${escapeHtml(formatSessionName(sess))}">${escapeHtml(formatSessionName(sess))}</span>
+          <button class="session-delete" title="删除会话">×</button>
+        `;
+        sessLi.addEventListener('click', (ev) => {
+          if (ev.target.closest('.session-delete')) return;
+          switchSession(ch.id, sess.id, ev);
+        });
+        sessLi.querySelector('.session-delete').addEventListener('click', (ev) => deleteSession(ch.id, sess.id, ev));
+        sessionUl.appendChild(sessLi);
+      });
     }
+    li.appendChild(sessionUl);
 
     fragment.appendChild(li);
   });
 
   channelList.appendChild(fragment);
+
+  // header 钱包徽章计数: 只在 channels 变化时刷新, 避免每次 renderChannels 都重算
+  refreshWalletBadge();
+
+  // 把当前激活的 channel 平滑滚到视口内 — 用户切换后不会看不到
+  // 只在非用户主动滚动状态下执行, 避免与正在进行的滚动冲突
+  if (currentChannelId) {
+    requestAnimationFrame(() => scrollActiveChannelIntoView(false));
+  }
+}
+
+/** 把当前激活的 channel 滚到侧边栏视口内 */
+function scrollActiveChannelIntoView(smooth = true) {
+  if (!channelList || !currentChannelId) return;
+  const active = channelList.querySelector(`.agent-group[data-channel-id="${currentChannelId}"]`);
+  if (!active) return;
+  const listRect = channelList.getBoundingClientRect();
+  const itemRect = active.getBoundingClientRect();
+  const margin = 24; // 视口上下各留 24px
+  if (itemRect.top < listRect.top + margin) {
+    channelList.scrollBy({ top: itemRect.top - listRect.top - margin, behavior: smooth ? 'smooth' : 'auto' });
+  } else if (itemRect.bottom > listRect.bottom - margin) {
+    channelList.scrollBy({ top: itemRect.bottom - listRect.bottom + margin, behavior: smooth ? 'smooth' : 'auto' });
+  }
+}
+
+function formatSessionName(sess) {
+  if (!sess) return '新会话';
+  if (sess.preview && sess.preview.trim()) return sess.preview.trim();
+  const id = sess.id || '';
+  return id ? `会话 ${id.slice(-6)}` : '新会话';
+}
+
+function escapeHtml(s) {
+  return String(s ?? '').replace(/[&<>"']/g, (c) => ({
+    '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;'
+  }[c]));
 }
 
 function renderCollapsedChannels() {
@@ -252,7 +586,7 @@ function ensureMessageContainer(channelId) {
 }
 
 function showChannelView(channelId) {
-  // Hide all channel message containers
+  // Hide all channel message containers (不要 innerHTML='' 销毁, 保留以便快速切换)
   messagesContainers.forEach((container, cid) => {
     container.style.display = 'none';
   });
@@ -261,30 +595,10 @@ function showChannelView(channelId) {
   if (container) {
     container.style.display = 'block';
   }
-  // Update messagesEl reference for functions that use it directly
-  messagesEl.innerHTML = '';
-  if (container) {
-    messagesEl.appendChild(container);
-  }
 }
 
-async function selectChannel(channelId) {
-  console.log('[selectChannel] 开始切换到:', channelId);
-
-  // 保存当前 session 的消息
-  if (currentChannelId && currentSessionId) {
-    const container = messagesContainers.get(currentChannelId);
-    if (container) {
-      const messages = Array.from(container.querySelectorAll('.message')).map(msg => ({
-        type: msg.classList.contains('message-user') ? 'user' : 'ai',
-        content: msg.querySelector('.message-content')?.textContent || ''
-      }));
-      if (messages.length > 0) {
-        sessionMessages.set(`${currentChannelId}:${currentSessionId}`, messages);
-        console.log('[selectChannel] 保存 session 消息:', messages.length);
-      }
-    }
-  }
+async function selectChannel(channelId, targetSessionId = null) {
+  console.log('[selectChannel] 开始切换到:', channelId, 'targetSession:', targetSessionId);
 
   // 立即更新当前频道 ID
   currentChannelId = channelId;
@@ -294,7 +608,12 @@ async function selectChannel(channelId) {
   const channel = channels.find(c => c.id === channelId);
   if (channel) {
     if (channelNameEl) channelNameEl.textContent = channel.name;
-    currentSessionId = channel.currentSessionId || 'default';
+    currentSessionId = targetSessionId || channel.currentSessionId || 'default';
+    if (targetSessionId) {
+      channel.currentSessionId = targetSessionId;
+    }
+    // 自动展开当前智能体的会话列表，让用户能切换会话
+    expandedAgents.add(channelId);
     console.log('[selectChannel] 频道:', channel.name, 'session:', currentSessionId);
   }
 
@@ -312,40 +631,30 @@ async function selectChannel(channelId) {
     connect(channelId);
   }
 
-  // 检查是否有保存的 session 消息
-  const sessionKey = `${channelId}:${currentSessionId}`;
-  const savedMessages = sessionMessages.get(sessionKey);
-
-  if (savedMessages && savedMessages.length > 0) {
-    console.log('[selectChannel] 加载已保存的 session 消息:', savedMessages.length);
-    container.innerHTML = '';
-    savedMessages.forEach(msg => {
-      addMessage(msg.content, msg.type, false, container);
-    });
-  } else if (container.innerHTML.trim() === '') {
-    // 如果容器是空的，加载 session
-    try {
-      const res = await fetch(`/sessions/${channelId}`);
-      const session = await res.json();
-      if (session.messages && session.messages.length > 0) {
-        session.messages.forEach(msg => {
-          addMessage(msg.content, msg.type, false, container);
-        });
-      } else {
-        addMessage('你好！我是 Bolloon Agent。有什么我可以帮你的吗？', 'ai', false, container);
-      }
-    } catch (err) {
-      console.error('[selectChannel] 加载 session 失败:', err);
+  // 直接从 server 拉 session 消息 (container 跨 session 共享, 先清空再加载)
+  container.innerHTML = '';
+  try {
+    const res = await fetch(`/sessions/${channelId}?sessionId=${encodeURIComponent(currentSessionId)}`);
+    const session = await res.json();
+    if (session.messages && session.messages.length > 0) {
+      session.messages.forEach(msg => {
+        addMessage(msg.content, msg.type, false, container);
+      });
+    } else {
       addMessage('你好！我是 Bolloon Agent。有什么我可以帮你的吗？', 'ai', false, container);
     }
+  } catch (err) {
+    console.error('[selectChannel] 加载 session 失败:', err);
+    addMessage('你好！我是 Bolloon Agent。有什么我可以帮你的吗？', 'ai', false, container);
   }
 }
 
-async function loadSession(channelId) {
+async function loadSession(channelId, sessionId = null) {
   const container = messagesContainers.get(channelId);
   if (!container) return;
+  const targetSessionId = sessionId || currentSessionId || 'default';
   try {
-    const res = await fetch(`/sessions/${channelId}`);
+    const res = await fetch(`/sessions/${channelId}?sessionId=${encodeURIComponent(targetSessionId)}`);
     const session = await res.json();
     container.innerHTML = '';
     if (session.messages && session.messages.length > 0) {
@@ -364,6 +673,18 @@ async function loadSession(channelId) {
 
 function addMessage(content, type, save = true, container) {
   const msgContainer = container || messagesContainers.get(currentChannelId) || messagesEl;
+
+  // 浏览器侧内存保护: 单个 channel 的消息容器超过 MAX_MESSAGES_PER_CHANNEL
+  // 就从最旧的开始淘汰。SSE 流式场景下不淘汰 (save=true 时不裁剪),
+  // 因为流消息一般很短; 只对长会话加载 (save=false) 做上限。
+  // 上限是 200 条: 大约相当于 100 轮对话, 足够日常使用, 又把 DOM 控制在 5MB 以内.
+  if (!save && msgContainer && msgContainer.children.length > 200) {
+    const toRemove = msgContainer.children.length - 200;
+    for (let i = 0; i < toRemove; i++) {
+      const first = msgContainer.firstElementChild;
+      if (first) msgContainer.removeChild(first);
+    }
+  }
   // 去重：只有 save=true 时（来自 SSE）才去重，save=false 时（来自 session 加载）直接显示
   if (save) {
     const lastContent = type === 'user' ? lastUserCommand : lastAiContent;
@@ -937,6 +1258,12 @@ function connect(channelId) {
     reconnectTimers.delete(targetChannelId);
   }
 
+  // 清除该频道的心跳定时器 (防止多次调用 connect 导致 setInterval 累积)
+  if (heartbeatTimers.has(targetChannelId)) {
+    clearInterval(heartbeatTimers.get(targetChannelId));
+    heartbeatTimers.delete(targetChannelId);
+  }
+
   // 关闭该频道的旧连接
   if (eventSources.has(targetChannelId)) {
     eventSources.get(targetChannelId).close();
@@ -958,24 +1285,54 @@ function connect(channelId) {
     reconnectAttempts.set(targetChannelId, 0);
   };
 
+  // 心跳超时: 如果 60s 没收到任何数据 (含 ping), 强制重建
+  // 覆盖网络半开 / 浏览器没触发 onerror 的情况
+  let lastEventTime = Date.now();
+  const heartbeatTimer = setInterval(() => {
+    if (!eventSources.has(targetChannelId)) {
+      clearInterval(heartbeatTimer);
+      return;
+    }
+    if (Date.now() - lastEventTime > 60000) {
+      console.warn('[SSE] 60s 无数据, 强制重建连接:', targetChannelId);
+      clearInterval(heartbeatTimer);
+      try { eventSource.close(); } catch {}
+      eventSources.delete(targetChannelId);
+      // 退避重连 (有上限)
+      const attempts = (reconnectAttempts.get(targetChannelId) || 0) + 1;
+      reconnectAttempts.set(targetChannelId, attempts);
+      const delay = Math.min(1000 * Math.pow(2, attempts - 1), 15000);
+      const timer = setTimeout(() => connect(targetChannelId), delay);
+      reconnectTimers.set(targetChannelId, timer);
+    }
+  }, 10000);
+
+  // onerror: 不要手动 close — 浏览器 EventSource 会自动重连
+  // 我们只需在 readyState 永久 CLOSED 时 (罕见) 才介入
   eventSource.onerror = () => {
-    console.error('[SSE] 连接错误 channelId:', targetChannelId);
-    eventSource.close();
-    eventSources.delete(targetChannelId);
-    const attempts = (reconnectAttempts.get(targetChannelId) || 0) + 1;
-    reconnectAttempts.set(targetChannelId, attempts);
-    const timer = setTimeout(() => connect(targetChannelId), Math.min(5000 * attempts, 30000));
-    reconnectTimers.set(targetChannelId, timer);
+    console.warn('[SSE] 错误, 浏览器自动重连中:', targetChannelId, 'readyState=', eventSource.readyState);
+    if (eventSource.readyState === EventSource.CLOSED) {
+      // 浏览器放弃重连, 我们接手
+      clearInterval(heartbeatTimer);
+      eventSources.delete(targetChannelId);
+      const attempts = (reconnectAttempts.get(targetChannelId) || 0) + 1;
+      reconnectAttempts.set(targetChannelId, attempts);
+      const delay = Math.min(1000 * Math.pow(2, attempts - 1), 15000);
+      const timer = setTimeout(() => connect(targetChannelId), delay);
+      reconnectTimers.set(targetChannelId, timer);
+    }
   };
 
   eventSource.onmessage = (e) => {
+    lastEventTime = Date.now();
     try {
       const data = JSON.parse(e.data);
       const msgChannelId = data.channelId || targetChannelId;
       console.log('[SSE] 收到消息:', data.type, 'channelId:', msgChannelId);
 
-      // 路由消息到正确的频道（即使该频道不是当前视图）
-      if (msgChannelId !== targetChannelId) {
+      // 路由消息到正确的频道
+      // 只有 envelope.channelId 存在且与目标不同时才丢弃 (空/undefined 视为广播给自己)
+      if (msgChannelId && msgChannelId !== targetChannelId) {
         console.log('[SSE] 忽略非目标频道消息');
         return;
       }
@@ -1000,6 +1357,11 @@ function connect(channelId) {
         handleStatusEvent(data, container);
       } else if (data.type === 'done') {
         hideTyping();
+        // AI 回复完, 把最后一条 ai 消息落盘 (兜底, 避免 server saveSession 漏写)
+        const lastAi = container.querySelector('.message-ai:last-of-type .message-content');
+        if (lastAi) {
+          persistLastMessageToServer('ai', lastAi.textContent || '');
+        }
       } else if (data.type === 'renamed') {
         const channel = channels.find(c => c.id === data.channelId);
         if (channel) {
@@ -1032,6 +1394,9 @@ async function sendMessage() {
   input.value = '';
   showTyping();
 
+  // 立即把用户消息落盘, 避免切走再切回时丢失
+  persistLastMessageToServer('user', text);
+
   // 获取当前频道的 DID
   const channel = channels.find(c => c.id === currentChannelId);
   const channelDid = channel?.did || '';
@@ -1059,6 +1424,21 @@ async function sendMessage() {
   }
 }
 
+// 主动落盘: 把当前 channelId/sessionId 最后一条消息 PATCH 到 server
+// fire-and-forget, 失败只打日志, 不影响 UI
+function persistLastMessageToServer(type, content) {
+  if (!currentChannelId || !currentSessionId) return;
+  fetch(`/sessions/${currentChannelId}/${currentSessionId}`, {
+    method: 'PATCH',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({
+      message: { type, content, timestamp: new Date().toISOString() }
+    })
+  }).catch(err => {
+    console.warn('[persist] 落盘失败:', err);
+  });
+}
+
 sendBtn.addEventListener('click', sendMessage);
 input.addEventListener('keydown', (e) => {
   if (e.key === 'Enter' && !e.shiftKey) {
@@ -1078,6 +1458,24 @@ if (apiConfigBtn) {
   });
 }
 
+// 钱包管理按钮
+const walletBtn = document.getElementById('wallet-btn');
+const walletBadge = document.getElementById('wallet-badge');
+if (walletBtn) {
+  walletBtn.addEventListener('click', openWalletModal);
+}
+/** 刷新 header 钱包徽章: 统计已绑定钱包的智能体数 */
+function refreshWalletBadge() {
+  if (!walletBadge) return;
+  const count = channels.filter(c => c.walletAddress).length;
+  if (count > 0) {
+    walletBadge.textContent = String(count);
+    walletBadge.style.display = '';
+  } else {
+    walletBadge.style.display = 'none';
+  }
+}
+
 if (sidebarToggle) {
   sidebarToggle.addEventListener('click', toggleSidebar);
 }
@@ -1125,12 +1523,6 @@ if (newChannelBtn) {
   });
 }
 
-if (newSessionBtn) {
-  newSessionBtn.addEventListener('click', () => {
-    createNewSession();
-  });
-}
-
 if (newChannelInput) {
   newChannelInput.addEventListener('keydown', (e) => {
     if (e.key === 'Enter') {
@@ -1562,6 +1954,350 @@ connect = async function() {
   };
 };
 
+// =====================================================
+// 钱包管理 (header 钱包按钮 → 全局管理面板)
+// =====================================================
+const walletModal = document.getElementById('wallet-modal');
+const walletModalClose = document.getElementById('wallet-modal-close');
+const walletBindAddress = document.getElementById('wallet-bind-address');
+const walletGenerateBtn = document.getElementById('wallet-generate-btn');
+const walletAutoTools = document.getElementById('wallet-auto-tools');
+const walletBindBtn = document.getElementById('wallet-bind-btn');
+const walletUnbindBtn = document.getElementById('wallet-unbind-btn');
+const walletNewInfo = document.getElementById('wallet-new-info');
+const walletListEl = document.getElementById('wallet-list');
+
+/** 本次会话生成的私钥, 仅用于提示, 永不上传 */
+let walletModalPendingSecret = null;
+
+function openWalletModal() {
+  if (!walletModal) return;
+  walletModalPendingSecret = null;
+  walletNewInfo.style.display = 'none';
+  walletNewInfo.innerHTML = '';
+  walletBindAddress.value = '';
+  // 用当前 channel 的状态预填
+  const ch = channels.find(c => c.id === currentChannelId);
+  if (ch) {
+    walletBindAddress.value = ch.walletAddress || '';
+    walletAutoTools.checked = !!ch.autoInvokeTools;
+  }
+  renderWalletList();
+  walletModal.classList.add('active');
+}
+
+function closeWalletModal() {
+  if (!walletModal) return;
+  walletModal.classList.remove('active');
+  walletModalPendingSecret = null;
+}
+
+if (walletModalClose) walletModalClose.addEventListener('click', closeWalletModal);
+
+if (walletGenerateBtn) {
+  walletGenerateBtn.addEventListener('click', () => {
+    const { address, privateKeyHex } = generateLocalWallet();
+    walletBindAddress.value = address;
+    walletModalPendingSecret = privateKeyHex;
+    walletNewInfo.style.display = 'block';
+    walletNewInfo.innerHTML = `
+      ✓ 已生成本地钱包<br>
+      <strong>地址:</strong> <code>${escapeHtml(address)}</code><br>
+      <strong>私钥 (本次会话, 刷新即丢):</strong> <code style="color:#f88;">${escapeHtml(privateKeyHex)}</code><br>
+      <small style="color:#f88;">⚠ 关闭页面后无法找回。仅地址会发送到服务端。</small>
+    `;
+  });
+}
+
+if (walletBindBtn) {
+  walletBindBtn.addEventListener('click', async () => {
+    if (!currentChannelId) {
+      alert('请先在侧边栏选择一个智能体');
+      return;
+    }
+    const address = (walletBindAddress.value || '').trim();
+    if (!address) {
+      alert('请输入钱包地址或点击「生成」');
+      return;
+    }
+    try {
+      const res = await fetch(`/channels/${currentChannelId}`, {
+        method: 'PATCH',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          walletAddress: address,
+          autoInvokeTools: !!walletAutoTools.checked
+        })
+      });
+      if (!res.ok) {
+        const err = await res.json().catch(() => ({}));
+        throw new Error(err.error || 'bind failed');
+      }
+      const updated = await res.json();
+      const idx = channels.findIndex(c => c.id === currentChannelId);
+      if (idx >= 0) channels[idx] = updated;
+      renderChannels();
+      renderWalletList();
+      walletModalPendingSecret = null;
+    } catch (err) {
+      alert('绑定失败: ' + err.message);
+    }
+  });
+}
+
+if (walletUnbindBtn) {
+  walletUnbindBtn.addEventListener('click', async () => {
+    if (!currentChannelId) {
+      alert('请先选择一个智能体');
+      return;
+    }
+    if (!confirm('解绑当前智能体的钱包?')) return;
+    try {
+      const res = await fetch(`/channels/${currentChannelId}`, {
+        method: 'PATCH',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ walletAddress: null })
+      });
+      if (!res.ok) throw new Error('unbind failed');
+      const updated = await res.json();
+      const idx = channels.findIndex(c => c.id === currentChannelId);
+      if (idx >= 0) channels[idx] = updated;
+      walletBindAddress.value = '';
+      renderChannels();
+      renderWalletList();
+    } catch (err) {
+      alert('解绑失败: ' + err.message);
+    }
+  });
+}
+
+/** 渲染"所有已绑定钱包"列表 */
+function renderWalletList() {
+  if (!walletListEl) return;
+  const bound = channels.filter(c => c.walletAddress);
+  if (bound.length === 0) {
+    walletListEl.innerHTML = '<div class="wallet-empty">暂未绑定钱包</div>';
+    return;
+  }
+  // 用 DocumentFragment 避免多次 reflow
+  const frag = document.createDocumentFragment();
+  bound.forEach(ch => {
+    const isActive = ch.id === currentChannelId;
+    const chain = detectChain(ch.walletAddress);
+    const row = document.createElement('div');
+    row.className = 'wallet-row' + (isActive ? ' is-active' : '');
+    row.innerHTML = `
+      <span class="wallet-chain">${escapeHtml(chain)}</span>
+      <div class="wallet-info">
+        <span class="wallet-agent" title="${escapeHtml(ch.name)}">${escapeHtml(ch.name)}</span>
+        <span class="wallet-address" title="${escapeHtml(ch.walletAddress)}">${escapeHtml(ch.walletAddress)}</span>
+      </div>
+      <div class="wallet-actions">
+        <button class="wallet-mini-btn" data-action="copy" data-addr="${escapeHtml(ch.walletAddress)}" title="复制地址">
+          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <rect x="9" y="9" width="13" height="13" rx="2"></rect>
+            <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
+          </svg>
+        </button>
+        <button class="wallet-mini-btn" data-action="goto" data-id="${escapeHtml(ch.id)}" title="切换到该智能体">
+          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <path d="M5 12h14M12 5l7 7-7 7"></path>
+          </svg>
+        </button>
+        <button class="wallet-mini-btn" data-action="unbind" data-id="${escapeHtml(ch.id)}" title="解绑">
+          <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+            <line x1="18" y1="6" x2="6" y2="18"></line>
+            <line x1="6" y1="6" x2="18" y2="18"></line>
+          </svg>
+        </button>
+      </div>
+    `;
+    frag.appendChild(row);
+  });
+  walletListEl.innerHTML = '';
+  walletListEl.appendChild(frag);
+
+  // 事件委托: 一次绑定处理三个动作
+  walletListEl.onclick = async (ev) => {
+    const btn = ev.target.closest('button[data-action]');
+    if (!btn) return;
+    const action = btn.dataset.action;
+    if (action === 'copy') {
+      try {
+        await navigator.clipboard.writeText(btn.dataset.addr);
+        btn.style.background = 'var(--accent)';
+        btn.style.color = 'var(--bg)';
+        setTimeout(() => { btn.style.background = ''; btn.style.color = ''; }, 800);
+      } catch {}
+    } else if (action === 'goto') {
+      closeWalletModal();
+      selectChannel(btn.dataset.id);
+    } else if (action === 'unbind') {
+      if (!confirm('解绑该智能体的钱包?')) return;
+      try {
+        const res = await fetch(`/channels/${btn.dataset.id}`, {
+          method: 'PATCH',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ walletAddress: null })
+        });
+        if (!res.ok) throw new Error('unbind failed');
+        const updated = await res.json();
+        const idx = channels.findIndex(c => c.id === btn.dataset.id);
+        if (idx >= 0) channels[idx] = updated;
+        renderChannels();
+        renderWalletList();
+        if (btn.dataset.id === currentChannelId) walletBindAddress.value = '';
+      } catch (err) {
+        alert('解绑失败: ' + err.message);
+      }
+    }
+  };
+}
+
+function detectChain(addr) {
+  if (!addr) return '?';
+  if (/^0x[0-9a-fA-F]{40}$/.test(addr)) return 'EVM';
+  if (/^0x[0-9a-fA-F]{64}$/.test(addr)) return 'SUI';
+  if (/^[1-9A-HJ-NP-Za-km-z]{32,44}$/.test(addr)) return 'SOL';
+  return '?';
+}
+
 // 启动应用
 init();
 
+// =====================================================
+// 智能体目录：catalog add 按钮 + 钱包注册 + 自动工具调用
+// =====================================================
+const catalogAddBtn = document.getElementById('catalog-add-btn');
+const agentAddModal = document.getElementById('agent-add-modal');
+const agentAddTitle = document.getElementById('agent-add-title');
+const agentAddModalClose = document.getElementById('agent-add-modal-close');
+const agentAddName = document.getElementById('agent-add-name');
+const agentAddWallet = document.getElementById('agent-add-wallet');
+const agentAddAutoTools = document.getElementById('agent-add-auto-tools');
+const agentAddConfirmBtn = document.getElementById('agent-add-confirm-btn');
+const agentAddCancelBtn = document.getElementById('agent-add-cancel-btn');
+const agentAddWalletInfo = document.getElementById('agent-add-wallet-info');
+const agentGenerateWalletBtn = document.getElementById('agent-generate-wallet-btn');
+
+/** 客户端只为提示, 不向服务端发送私钥 */
+let pendingWalletSecret = null;
+
+function openAgentAddModal(existingChannel) {
+  if (!agentAddModal) return;
+  if (existingChannel) {
+    agentAddTitle.textContent = '配置智能体：' + existingChannel.name;
+    agentAddName.value = existingChannel.name || '';
+    agentAddName.readOnly = true; // 改名走 PATCH
+    agentAddWallet.value = existingChannel.walletAddress || '';
+    agentAddAutoTools.checked = !!existingChannel.autoInvokeTools;
+    agentAddConfirmBtn.dataset.mode = 'update';
+    agentAddConfirmBtn.dataset.channelId = existingChannel.id;
+  } else {
+    agentAddTitle.textContent = '添加智能体';
+    agentAddName.value = '';
+    agentAddName.readOnly = false;
+    agentAddWallet.value = '';
+    agentAddAutoTools.checked = true;
+    agentAddConfirmBtn.dataset.mode = 'create';
+    delete agentAddConfirmBtn.dataset.channelId;
+  }
+  agentAddWalletInfo.style.display = 'none';
+  agentAddWalletInfo.innerHTML = '';
+  pendingWalletSecret = null;
+  agentAddModal.classList.add('active');
+}
+
+function closeAgentAddModal() {
+  if (!agentAddModal) return;
+  agentAddModal.classList.remove('active');
+  pendingWalletSecret = null;
+}
+
+/** 本地生成一个 EVM 风格地址 — 仅用于演示; 生产应使用 ethers/wagmi 等真实库 */
+function generateLocalWallet() {
+  const bytes = new Uint8Array(32);
+  crypto.getRandomValues(bytes);
+  const privateKeyHex = Array.from(bytes, b => b.toString(16).padStart(2, '0')).join('');
+  // 简化: 取末 20 字节当 address, 不做 keccak, 仅作为占位
+  const addrBytes = bytes.slice(12);
+  const address = '0x' + Array.from(addrBytes, b => b.toString(16).padStart(2, '0')).join('');
+  return { address, privateKeyHex };
+}
+
+if (agentGenerateWalletBtn) {
+  agentGenerateWalletBtn.addEventListener('click', () => {
+    try {
+      const { address, privateKeyHex } = generateLocalWallet();
+      agentAddWallet.value = address;
+      pendingWalletSecret = privateKeyHex;
+      agentAddWalletInfo.style.display = 'block';
+      agentAddWalletInfo.innerHTML = `
+        ✓ 已生成本地钱包<br>
+        <strong>地址:</strong> <code>${escapeHtml(address)}</code><br>
+        <strong>私钥 (仅本次会话, 刷新即丢):</strong> <code style="color:#f88;">${escapeHtml(privateKeyHex)}</code><br>
+        <small style="color:#f88;">⚠ 请抄写并妥善保存私钥, 关闭页面后无法找回。仅地址会发送到服务端。</small>
+      `;
+    } catch (err) {
+      agentAddWalletInfo.style.display = 'block';
+      agentAddWalletInfo.innerHTML = '✗ 生成钱包失败: ' + escapeHtml(err.message);
+    }
+  });
+}
+
+if (catalogAddBtn) {
+  catalogAddBtn.addEventListener('click', () => openAgentAddModal(null));
+}
+if (agentAddModalClose) agentAddModalClose.addEventListener('click', closeAgentAddModal);
+if (agentAddCancelBtn) agentAddCancelBtn.addEventListener('click', closeAgentAddModal);
+
+if (agentAddConfirmBtn) {
+  agentAddConfirmBtn.addEventListener('click', async () => {
+    const mode = agentAddConfirmBtn.dataset.mode || 'create';
+    const name = (agentAddName.value || '').trim();
+    if (!name && mode === 'create') {
+      alert('请输入智能体名称');
+      return;
+    }
+    const walletAddress = (agentAddWallet.value || '').trim();
+    const autoInvokeTools = !!agentAddAutoTools.checked;
+
+    try {
+      if (mode === 'create') {
+        const res = await fetch('/channels', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({
+            name,
+            agentId: currentAgentId,
+            walletAddress: walletAddress || undefined,
+            autoInvokeTools
+          })
+        });
+        if (!res.ok) throw new Error('create failed');
+        const channel = await res.json();
+        channels.push(channel);
+        renderChannels();
+        selectChannel(channel.id);
+      } else {
+        // update
+        const channelId = agentAddConfirmBtn.dataset.channelId;
+        const res = await fetch(`/channels/${channelId}`, {
+          method: 'PATCH',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ walletAddress: walletAddress || null, autoInvokeTools })
+        });
+        if (!res.ok) throw new Error('update failed');
+        const updated = await res.json();
+        const idx = channels.findIndex(c => c.id === channelId);
+        if (idx >= 0) channels[idx] = updated;
+        renderChannels();
+      }
+      closeAgentAddModal();
+    } catch (err) {
+      console.error('Failed to save agent:', err);
+      alert('保存失败: ' + err.message);
+    }
+  });
+}
+