@bolloon/bolloon-agent 0.3.23 → 0.3.25

package/dist/web/client.js

@@ -60,6 +60,11 @@
     const state = stateMap.get(timelineEl);
     if (!state) return;
     const { steps, expanded, showAll } = state;
+    if (steps.length === 0) {
+      timelineEl.style.display = "none";
+      return;
+    }
+    timelineEl.style.display = "";
     const titleEl = timelineEl.querySelector("[data-current-tool]");
     if (titleEl) titleEl.textContent = computeTitle(steps);
     const dotsEl = timelineEl.querySelector("[data-dots]");
@@ -789,7 +794,8 @@
     hasStreamingText: () => hasStreamingText,
     injectRecoveredText: () => injectRecoveredText,
     replaceStreamingText: () => replaceStreamingText,
-    resetRendererState: () => resetRendererState
+    resetRendererState: () => resetRendererState,
+    seedDedupState: () => seedDedupState
   });
   function hasStreamingText() {
     return streamingText.length > 0;
@@ -1000,11 +1006,44 @@
     container.appendChild(content);
     return container;
   }
+  function normalizeMarkdownTables(text) {
+    if (!text || !text.includes("|")) return text;
+    const lines = text.split("\n");
+    const out = [];
+    let inTable = false;
+    let inCode = false;
+    for (let i = 0; i < lines.length; i++) {
+      const line = lines[i];
+      const trimmed = line.trim();
+      if (/^\s*```/.test(line)) {
+        inCode = !inCode;
+        out.push(line);
+        inTable = false;
+        continue;
+      }
+      if (inCode) {
+        out.push(line);
+        continue;
+      }
+      if (trimmed.startsWith("|") || /^\|?\s*:?-{2,}\s*(\|\s*:?-{2,}\s*)*\|?\s*$/.test(trimmed)) {
+        out.push(line);
+        inTable = true;
+      } else {
+        if (inTable && out.length > 0 && out[out.length - 1].trim() !== "") {
+          out.push("");
+        }
+        inTable = false;
+        out.push(line);
+      }
+    }
+    return out.join("\n");
+  }
   function buildBubble(text, type) {
     const bubble = document.createElement("div");
     bubble.className = `bubble bubble-${type}`;
     const marked2 = window.marked;
-    bubble.innerHTML = marked2 ? marked2.parse(text) : escapeHtml(text);
+    const normalized = marked2 ? normalizeMarkdownTables(text) : text;
+    bubble.innerHTML = marked2 ? marked2.parse(normalized) : escapeHtml(text);
     return bubble;
   }
   function buildMessageActions(div, rawContent, ctx) {
@@ -1183,6 +1222,10 @@
       scrollToBottomTimer = null;
     }
   }
+  function seedDedupState(lastType, lastContent) {
+    if (lastType === "user") lastUserCommand = lastContent || "";
+    else if (lastType === "ai") lastAiContent = lastContent || "";
+  }
   var streamingMessageEl, streamingTextNode, streamingText, lastUserCommand, lastAiContent, stepEventBuffer, scrollToBottomTimer, MessageRenderer;
   var init_message_renderer = __esm({
     "src/web/ui/message-renderer.ts"() {
@@ -1204,7 +1247,8 @@
         flushStepEventBuffer,
         escapeHtml,
         getMessagesContainerForCurrent,
-        resetRendererState
+        resetRendererState,
+        seedDedupState
       };
       if (typeof window !== "undefined") {
         window.MR = MessageRenderer;
@@ -1463,6 +1507,7 @@
   var MR_hasStreamingText = () => _getMR().hasStreamingText?.() ?? false;
   var MR_replaceStreamingText = (text) => _getMR().replaceStreamingText?.(text);
   var MR_injectRecoveredText = (text, ctx) => _getMR().injectRecoveredText?.(text, ctx ?? getRendererCtx());
+  var MR_seedDedupState = (lastType, lastContent) => _getMR().seedDedupState?.(lastType, lastContent);
   var knownToolNames = /* @__PURE__ */ new Set();
   function getRendererCtx() {
     return {
@@ -1661,6 +1706,29 @@
 
 `;
                 addMessage2(prefix + (msg.text || "(\u7A7A\u56DE\u590D)"), "ai", false, log);
+                if (msg.channelId && msg.fromPublicKey) {
+                  try {
+                    const key = `bolloon.rcmCache.${msg.fromPublicKey}.${msg.channelId}`;
+                    let arr = [];
+                    try {
+                      const raw = localStorage.getItem(key);
+                      if (raw) arr = JSON.parse(raw);
+                    } catch {
+                      arr = [];
+                    }
+                    if (!Array.isArray(arr)) arr = [];
+                    const entry = { type: "ai", content: msg.text || "", timestamp: (/* @__PURE__ */ new Date()).toISOString(), source: "remote" };
+                    const dup = arr.some((m) => m.type === "ai" && m.content === entry.content);
+                    if (!dup) {
+                      arr.push(entry);
+                      try {
+                        localStorage.setItem(key, JSON.stringify(arr.slice(-200)));
+                      } catch {
+                      }
+                    }
+                  } catch {
+                  }
+                }
               }
               log.scrollTop = log.scrollHeight;
             } else {
@@ -1701,6 +1769,28 @@
                 thinkingEl.textContent = "\u{1F4AD} \u5BF9\u65B9\u6B63\u5728\u601D\u8003: " + (msg.partial || "").slice(-200);
                 log.scrollTop = log.scrollHeight;
               }
+            } else if (phase === "step") {
+              const stepType = msg.stepType;
+              if (stepType === "step_start" || stepType === "step_done" || stepType === "step_error") {
+                handleStepEvent2({
+                  type: stepType,
+                  tool: msg.tool,
+                  content: msg.content,
+                  success: msg.success,
+                  output: msg.output,
+                  error: msg.error,
+                  args: msg.args
+                });
+                const thinkingEl = document.getElementById("rcm-thinking-live");
+                if (thinkingEl && stepType === "step_start") {
+                  thinkingEl.textContent = `\u{1F527} \u5BF9\u65B9\u6B63\u5728\u8C03\u7528\u5DE5\u5177: ${msg.tool || "..."}`;
+                } else if (thinkingEl && stepType === "step_done") {
+                  thinkingEl.textContent = `\u2705 \u5BF9\u65B9\u5DE5\u5177\u8C03\u7528\u5B8C\u6210: ${msg.tool || ""}`;
+                } else if (thinkingEl && stepType === "step_error") {
+                  thinkingEl.textContent = `\u274C \u5BF9\u65B9\u5DE5\u5177\u8C03\u7528\u5931\u8D25: ${msg.tool || ""}`;
+                }
+                log.scrollTop = log.scrollHeight;
+              }
             }
           } else if (msg.type === "cross-mention-received") {
             const allModals = document.querySelectorAll('.rcm-mention-toast, [id^="rcm-log"]');
@@ -1715,7 +1805,20 @@
             }
           } else if (msg.type === "remote-channel-update") {
             const peerId = msg.peerId;
-            const channels2 = msg.channels || [];
+            let channels2 = msg.channels || [];
+            const removedKey = `bolloon.removedRemoteChannels`;
+            let removedSet = /* @__PURE__ */ new Set();
+            try {
+              removedSet = new Set(JSON.parse(localStorage.getItem(removedKey) || "[]"));
+            } catch {
+            }
+            if (removedSet.size > 0) {
+              const before = channels2.length;
+              channels2 = channels2.filter((c) => !removedSet.has(`${peerId}::${c.id}`));
+              if (channels2.length !== before) {
+                console.log(`[v3] \u8FC7\u6EE4 ${before - channels2.length} \u4E2A\u5DF2\u5220\u9664\u7684\u8FDC\u7AEF channel (${peerId.substring(0, 8)}...)`);
+              }
+            }
             const peerName = msg.peerName || null;
             let group = remoteChannels.find((g) => g.peerId === peerId);
             if (!group) {
@@ -2217,6 +2320,7 @@
       }
       expandedAgents.add(channelId);
       console.log("[selectChannel] \u9891\u9053:", channel.name, "session:", currentSessionId);
+      updateSendToolsToggleVisibility();
     } else {
       console.warn("[selectChannel] channel \u4E0D\u5B58\u5728:", channelId);
       if (channelNameEl) channelNameEl.textContent = safeChannelName("(channel \u5DF2\u5220\u9664)");
@@ -2261,6 +2365,10 @@
           frag.appendChild(tmpContainer.firstChild);
         }
         container.appendChild(frag);
+        if (dedupedMsgs.length > 0) {
+          const lastMsg = dedupedMsgs[dedupedMsgs.length - 1];
+          MR_seedDedupState(lastMsg.type, lastMsg.content);
+        }
         if (dedupedMsgs.length !== msgs.length) {
           console.log(`[loadSession] \u53BB\u91CD ${msgs.length - dedupedMsgs.length} \u6761\u76F8\u90BB\u91CD\u590D\u6D88\u606F (${msgs.length} \u2192 ${dedupedMsgs.length})`);
         }
@@ -2691,6 +2799,8 @@ ${data.error || "channel not found"}`, "error");
           channelDid,
           attachments: attachmentsForSend
           // 后端解析为 LLM contextHint
+          // 2026-08-02: 本地对话不传 autoInvokeTools (工具开关只针对远程 P2P 对话),
+          //   本地走 channel 自身 autoInvokeTools 配置
         })
       });
       if (!res.ok) {
@@ -2703,6 +2813,38 @@ ${data.error || "channel not found"}`, "error");
       setSendMode("idle");
     }
   }
+  var sendToolsEnabled = true;
+  try {
+    const saved = localStorage.getItem("bolloon.sendToolsEnabled");
+    if (saved !== null) sendToolsEnabled = saved === "1";
+  } catch {
+  }
+  var sendToolsToggleBtn = document.getElementById("send-tools-toggle");
+  var sendToolsLabel = document.getElementById("send-tools-label");
+  function updateSendToolsToggleUI() {
+    if (!sendToolsToggleBtn || !sendToolsLabel) return;
+    sendToolsLabel.textContent = sendToolsEnabled ? "\u5DE5\u5177:\u5F00" : "\u5DE5\u5177:\u5173";
+    sendToolsToggleBtn.style.borderColor = sendToolsEnabled ? "var(--accent, #4f46e5)" : "var(--border)";
+    sendToolsToggleBtn.style.color = sendToolsEnabled ? "var(--accent, #4f46e5)" : "var(--text-muted)";
+    try {
+      localStorage.setItem("bolloon.sendToolsEnabled", sendToolsEnabled ? "1" : "0");
+    } catch {
+    }
+  }
+  function updateSendToolsToggleVisibility() {
+    if (!sendToolsToggleBtn) return;
+    const ch = channels.find((c) => c.id === currentChannelId);
+    const isRemote = !!(ch && ch.ownerPublicKey) || !ch;
+    sendToolsToggleBtn.style.display = isRemote ? "flex" : "none";
+  }
+  if (sendToolsToggleBtn) {
+    sendToolsToggleBtn.onclick = () => {
+      sendToolsEnabled = !sendToolsEnabled;
+      updateSendToolsToggleUI();
+      if (typeof showSimpleToast === "function") showSimpleToast(sendToolsEnabled ? "\u{1F527} \u672C\u6B21\u53D1\u9001\u5C06\u542F\u7528\u5DE5\u5177\u8C03\u7528" : "\u{1F527} \u672C\u6B21\u53D1\u9001\u5C06\u7981\u7528\u5DE5\u5177\u8C03\u7528");
+    };
+    updateSendToolsToggleUI();
+  }
   function persistLastMessageToServer(type, content) {
     if (!currentChannelId || !currentSessionId) return;
     fetch(`/sessions/${currentChannelId}/${currentSessionId}`, {
@@ -2911,6 +3053,139 @@ ${data.error || "channel not found"}`, "error");
   }, true);
   refreshMentionChannels();
   setInterval(refreshMentionChannels, 5e3);
+  var SLASH_COMMANDS = [
+    { cmd: "plan", desc: "\u521B\u5EFA\u6267\u884C\u8BA1\u5212 (create_plan)", args: "\u76EE\u6807; \u6B65\u9AA41,\u6B65\u9AA42..." },
+    { cmd: "todo", desc: "\u52FE\u9009\u8BA1\u5212\u6B65\u9AA4\u5B8C\u6210 (update_plan)", args: "\u8BA1\u5212ID; \u6B65\u9AA4ID; done/blocked" },
+    { cmd: "review", desc: "\u5BA1\u67E5\u8BA1\u5212\u5B8C\u6210\u5EA6 (review_plan)", args: "\u8BA1\u5212ID; \u603B\u7ED3" },
+    { cmd: "task", desc: "\u521B\u5EFA\u4EFB\u52A1 (create_task)", args: "\u63CF\u8FF0" },
+    { cmd: "goal", desc: "\u6682\u505C\u76EE\u6807 (park_goal)", args: "\u76EE\u6807ID; \u539F\u56E0" },
+    { cmd: "skill", desc: "\u6C89\u6DC0\u6280\u80FD (create_skill)", args: "\u6280\u80FD\u540D; \u63CF\u8FF0; \u6B65\u9AA4" },
+    { cmd: "add-friend", desc: "\u6DFB\u52A0 P2P \u597D\u53CB", args: "\u516C\u94A5; \u5907\u6CE8" },
+    { cmd: "help", desc: "\u663E\u793A\u53EF\u7528\u547D\u4EE4", args: "" }
+  ];
+  var slashDropdownEl = null;
+  var slashHighlightIdx = 0;
+  var slashAnchor = -1;
+  var slashBlockEnd = -1;
+  function getCurrentSlashQuery() {
+    const pos = input.selectionStart || input.value.length;
+    const before = input.value.slice(0, pos);
+    const m = before.match(/\/([A-Za-z-]{0,20})$/);
+    return m ? { query: m[1], anchor: pos - m[0].length } : null;
+  }
+  function closeSlashDropdown() {
+    if (slashDropdownEl) {
+      slashDropdownEl.remove();
+      slashDropdownEl = null;
+    }
+    slashHighlightIdx = 0;
+    slashAnchor = -1;
+    slashBlockEnd = -1;
+  }
+  function applySlashCommand(cmdObj) {
+    const anchor = slashAnchor;
+    const blockEnd = slashBlockEnd >= 0 ? slashBlockEnd : anchor + 1 + (getCurrentSlashQuery()?.query || "").length;
+    if (anchor < 0 || anchor > input.value.length || input.value[anchor] !== "/") {
+      closeSlashDropdown();
+      return;
+    }
+    const before = input.value.slice(0, anchor);
+    const after = input.value.slice(blockEnd);
+    const insert = `/${cmdObj.cmd} `;
+    input.value = before + insert + after;
+    const newPos = before.length + insert.length;
+    input.focus();
+    input.setSelectionRange(newPos, newPos);
+    closeSlashDropdown();
+    if (cmdObj.args && typeof showSimpleToast === "function") {
+      showSimpleToast(`\u{1F4A1} /${cmdObj.cmd} \u7528\u6CD5: ${cmdObj.args}`);
+    }
+  }
+  function renderSlashDropdown(items) {
+    if (!slashDropdownEl) {
+      slashDropdownEl = document.createElement("div");
+      slashDropdownEl.id = "slash-dropdown";
+      slashDropdownEl.style.cssText = "position:fixed;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,0.15);max-height:240px;overflow-y:auto;z-index:10000;font-size:13px;min-width:280px;";
+      document.body.appendChild(slashDropdownEl);
+    }
+    const rect = input.getBoundingClientRect();
+    slashDropdownEl.style.left = rect.left + "px";
+    slashDropdownEl.style.bottom = window.innerHeight - rect.top + 4 + "px";
+    const headerHtml = `<div style="padding:6px 10px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:11px;color:#6b7280;display:flex;justify-content:space-between;align-items:center;">
+    <span>\u26A1 \u547D\u4EE4 (\u56DE\u8F66\u9009\u4E2D \u2192 \u63D2\u5165\u8F93\u5165\u6846)</span>
+    <span style="color:#9ca3af;">\u2191\u2193 \u79FB\u52A8 \xB7 Esc \u5173\u95ED</span>
+  </div>`;
+    if (items.length === 0) {
+      slashDropdownEl.innerHTML = headerHtml + '<div style="padding:10px 12px;color:#6b7280;font-size:12px;">\u6CA1\u6709\u5339\u914D\u7684\u547D\u4EE4</div>';
+    } else {
+      const rows = items.map((c, i) => {
+        const bg = i === slashHighlightIdx ? "#eff6ff" : "#fff";
+        const borderLeft = i === slashHighlightIdx ? "3px solid #93c5fd" : "3px solid transparent";
+        return `<div class="slash-item" data-idx="${i}" style="padding:8px 12px;cursor:pointer;background:${bg};border-bottom:1px solid #f3f4f6;display:flex;align-items:center;gap:8px;border-left:${borderLeft};">
+        <span style="font-weight:600;color:#4f46e5;min-width:70px;">/${c.cmd}</span>
+        <span style="flex:1;color:#374151;">${c.desc}</span>
+      </div>`;
+      }).join("");
+      slashDropdownEl.innerHTML = headerHtml + rows;
+      slashDropdownEl.querySelectorAll(".slash-item").forEach((el, i) => {
+        el.onclick = () => applySlashCommand(items[i]);
+      });
+    }
+  }
+  function updateSlashDropdown() {
+    const m = getCurrentSlashQuery();
+    if (!m) {
+      closeSlashDropdown();
+      return;
+    }
+    if (slashAnchor === -1) slashAnchor = m.anchor;
+    slashBlockEnd = m.anchor + 1 + m.query.length;
+    const q = m.query.toLowerCase();
+    const filtered = SLASH_COMMANDS.filter((c) => c.cmd.startsWith(q)).slice(0, 8);
+    if (slashHighlightIdx >= filtered.length) slashHighlightIdx = 0;
+    renderSlashDropdown(filtered);
+  }
+  var _origInputHandler = input.oninput;
+  input.addEventListener("input", () => {
+    const pos = input.selectionStart || input.value.length;
+    const before = input.value.slice(0, pos);
+    if (before.endsWith("/") || slashDropdownEl && getCurrentSlashQuery()) {
+      updateSlashDropdown();
+    } else if (!getCurrentMentionQuery()) {
+      closeSlashDropdown();
+    }
+  });
+  input.addEventListener("keydown", (e) => {
+    if (!slashDropdownEl) return;
+    const items = slashDropdownEl.querySelectorAll(".slash-item");
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      e.stopPropagation();
+      if (items.length === 0) return;
+      slashHighlightIdx = (slashHighlightIdx + 1) % items.length;
+      const q = (getCurrentSlashQuery()?.query || "").toLowerCase();
+      updateSlashDropdown();
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      e.stopPropagation();
+      if (items.length === 0) return;
+      slashHighlightIdx = (slashHighlightIdx - 1 + items.length) % items.length;
+      updateSlashDropdown();
+    } else if (e.key === "Enter" || e.key === "Tab") {
+      if (items.length > 0) {
+        e.preventDefault();
+        e.stopPropagation();
+        const q = (getCurrentSlashQuery()?.query || "").toLowerCase();
+        const filtered = SLASH_COMMANDS.filter((c) => c.cmd.startsWith(q)).slice(0, 8);
+        const cur = filtered[slashHighlightIdx];
+        if (cur) applySlashCommand(cur);
+      }
+    } else if (e.key === "Escape") {
+      e.preventDefault();
+      e.stopPropagation();
+      closeSlashDropdown();
+    }
+  }, true);
   function setupMentionAutocomplete(inputEl) {
     if (!inputEl || inputEl.__mentionBound) return;
     inputEl.__mentionBound = true;
@@ -3395,6 +3670,53 @@ ${data.error || "channel not found"}`, "error");
       if (nameEl) nameEl.textContent = identity.name || "\u533F\u540D";
       if (didEl) didEl.textContent = identity.didShort ? `did:key:${identity.didShort}` : "";
       if (letterEl) letterEl.textContent = letter;
+      if (nameEl) {
+        nameEl.onclick = () => {
+          const current = nameEl.textContent || "";
+          const input2 = document.createElement("input");
+          input2.type = "text";
+          input2.value = current;
+          input2.maxLength = 40;
+          input2.style.cssText = "width:100%;background:var(--bg);border:1px solid var(--accent);border-radius:4px;color:var(--text);font-size:12px;padding:2px 6px;";
+          nameEl.replaceWith(input2);
+          input2.focus();
+          input2.select();
+          const commit = async (save) => {
+            const newName = input2.value.trim();
+            if (save && newName && newName !== current) {
+              try {
+                const r = await fetch("/api/user/identity", {
+                  method: "PUT",
+                  headers: { "Content-Type": "application/json" },
+                  body: JSON.stringify({ name: newName })
+                });
+                if (r.ok) {
+                  const updated = await r.json();
+                  nameEl.textContent = updated.name || newName;
+                  const letterEl2 = document.getElementById("avatar-letter");
+                  if (letterEl2) letterEl2.textContent = (updated.name || "?").charAt(0).toUpperCase();
+                  if (typeof showSimpleToast === "function") showSimpleToast("\u2713 \u540D\u5B57\u5DF2\u66F4\u65B0");
+                }
+              } catch (e) {
+              }
+            }
+            if (!input2.isConnected) return;
+            nameEl.textContent = input2.value.trim() || current;
+            input2.replaceWith(nameEl);
+          };
+          input2.onblur = () => commit(true);
+          input2.onkeydown = (e) => {
+            if (e.key === "Enter") {
+              e.preventDefault();
+              input2.blur();
+            }
+            if (e.key === "Escape") {
+              input2.blur();
+              commit(false);
+            }
+          };
+        };
+      }
     } catch (e) {
     }
   }
@@ -4368,13 +4690,24 @@ ${data.error || "channel not found"}`, "error");
                    style="background:transparent;border:1px solid var(--border);color:var(--text);cursor:pointer;width:22px;height:22px;border-radius:4px;font-size:12px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;flex:0 0 auto;">\u{1F4E4}</button>
          </div>
         <div class="remote-peer-channels" style="margin-top:4px;margin-left:8px;">
-          ${peerChannels.length === 0 ? '<div style="font-size:10px;color:var(--text-muted);padding:2px 4px;">(\u5BF9\u65B9\u8FD8\u6CA1\u5206\u4EAB channel \u7ED9\u4F60)</div>' : peerChannels.map((c) => `
-              <div class="remote-channel-row" data-peer-id="${escapeHtml2(peer.publicKey)}" data-channel-id="${escapeHtml2(c.id)}"
-                   style="display:flex;align-items:center;gap:6px;padding:4px 6px;cursor:pointer;border-radius:4px;font-size:12px;">
-                <span>\u{1F916}</span>
-                <span style="flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" title="${escapeHtml2(safeChannelName(c.name, ""))}">${escapeHtml2(safeChannelName(c.name))}</span>
-              </div>
-            `).join("")}
+          ${peerChannels.length === 0 ? '<div style="font-size:10px;color:var(--text-muted);padding:2px 4px;">(\u5BF9\u65B9\u8FD8\u6CA1\u5206\u4EAB channel \u7ED9\u4F60)</div>' : (() => {
+        let removedSet = /* @__PURE__ */ new Set();
+        try {
+          removedSet = new Set(JSON.parse(localStorage.getItem("bolloon.removedRemoteChannels") || "[]"));
+        } catch {
+        }
+        const visible = peerChannels.filter((c) => !removedSet.has(`${peer.publicKey}::${c.id}`));
+        if (visible.length === 0) return '<div style="font-size:10px;color:var(--text-muted);padding:2px 4px;">(\u5DF2\u5168\u90E8\u79FB\u9664)</div>';
+        return visible.map((c) => `
+                  <div class="remote-channel-row" data-peer-id="${escapeHtml2(peer.publicKey)}" data-channel-id="${escapeHtml2(c.id)}"
+                       style="display:flex;align-items:center;gap:6px;padding:4px 6px;cursor:pointer;border-radius:4px;font-size:12px;">
+                    <span>\u{1F916}</span>
+                    <span style="flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" title="${escapeHtml2(safeChannelName(c.name, ""))}">${escapeHtml2(safeChannelName(c.name))}</span>
+                    <button class="remote-channel-del" data-peer-id="${escapeHtml2(peer.publicKey)}" data-channel-id="${escapeHtml2(c.id)}" title="\u4ECE\u672C\u5730\u79FB\u9664 (\u4E0D\u518D\u663E\u793A\u8BE5\u8FDC\u7AEF channel)"
+                            style="background:transparent;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;width:20px;height:20px;border-radius:4px;font-size:11px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;flex:0 0 auto;">\u{1F5D1}\uFE0F</button>
+                  </div>
+                `).join("");
+      })()}
         </div>
       </li>
     `;
@@ -4396,6 +4729,33 @@ ${data.error || "channel not found"}`, "error");
         openRemoteChannelChat(peerId, channelId, channelName);
       });
     });
+    list.querySelectorAll(".remote-channel-del").forEach((btn) => {
+      btn.addEventListener("click", (e) => {
+        e.stopPropagation();
+        const peerId = btn.dataset.peerId;
+        const channelId = btn.dataset.channelId;
+        try {
+          const key = "bolloon.removedRemoteChannels";
+          let arr = [];
+          try {
+            arr = JSON.parse(localStorage.getItem(key) || "[]");
+          } catch {
+            arr = [];
+          }
+          if (!Array.isArray(arr)) arr = [];
+          const entry = `${peerId}::${channelId}`;
+          if (!arr.includes(entry)) arr.push(entry);
+          localStorage.setItem(key, JSON.stringify(arr));
+        } catch {
+        }
+        const group = remoteChannels.find((g) => g.peerId === peerId);
+        if (group && Array.isArray(group.channels)) {
+          group.channels = group.channels.filter((c) => c.id !== channelId);
+        }
+        renderRemoteChannels();
+        showSimpleToast("\u{1F5D1}\uFE0F \u5DF2\u4ECE\u672C\u5730\u79FB\u9664\u8BE5\u8FDC\u7AEF channel (\u5BF9\u65B9\u91CD\u65B0\u5206\u4EAB\u540E\u4F1A\u518D\u6B21\u51FA\u73B0, \u9664\u975E\u5237\u65B0\u540E\u4ECD\u88AB\u8FC7\u6EE4)");
+      });
+    });
     list.querySelectorAll(".remote-peer-header").forEach((row) => {
       const shareBtn = row.querySelector(".peer-share-btn");
       if (shareBtn) {
@@ -4465,6 +4825,7 @@ ${data.error || "channel not found"}`, "error");
                     style="width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:4px;background:var(--bg-main);color:var(--text);font-family:inherit;font-size:13px;box-sizing:border-box;resize:vertical;">${escapeHtml2(currentNotes)}</textarea>
         </div>
         <div class="friend-req-actions">
+          <button id="epm-delete" class="friend-req-btn-deny" style="border-color:var(--danger,#e05d5d);color:var(--danger,#e05d5d);margin-right:auto;">\u{1F5D1}\uFE0F \u5220\u9664\u597D\u53CB</button>
           <button id="epm-cancel" class="friend-req-btn-deny">\u53D6\u6D88</button>
           <button id="epm-save" class="friend-req-btn-accept">\u4FDD\u5B58</button>
         </div>
@@ -4474,6 +4835,30 @@ ${data.error || "channel not found"}`, "error");
     document.body.insertAdjacentHTML("beforeend", html);
     const close = () => document.getElementById("edit-peer-modal")?.remove();
     document.getElementById("epm-cancel").onclick = close;
+    document.getElementById("epm-delete").onclick = async () => {
+      if (!confirm(`\u786E\u5B9A\u5220\u9664\u597D\u53CB "${currentName}" \u5417\uFF1F
+\u5BF9\u65B9\u5206\u4EAB\u7ED9\u4F60\u7684 channel \u5C06\u4E0D\u518D\u663E\u793A\uFF0C\u4F60\u5206\u4EAB\u7ED9\u5BF9\u65B9\u7684 channel \u4E5F\u4F1A\u64A4\u56DE\u3002`)) return;
+      try {
+        const delKey = peerPublicKey || peerName;
+        const r = await fetch(`/api/p2p-peers/${encodeURIComponent(delKey)}`, { method: "DELETE" });
+        if (!r.ok) {
+          const data = await r.json().catch(() => ({}));
+          throw new Error(data.error || `HTTP ${r.status}`);
+        }
+        console.log("[v3] \u5220\u9664\u597D\u53CB\u6210\u529F:", currentName);
+        showSimpleToast(`\u2705 \u5DF2\u5220\u9664 ${currentName}`);
+        close();
+        const r2 = await fetch("/api/p2p-peers");
+        if (r2.ok) {
+          const d2 = await r2.json();
+          knownPeers = Array.isArray(d2.peers) ? d2.peers : [];
+        }
+        renderRemoteChannels();
+      } catch (err) {
+        console.error("[v3] \u5220\u9664\u597D\u53CB\u5931\u8D25:", err);
+        alert("\u5220\u9664\u5931\u8D25: " + (err.message || err));
+      }
+    };
     document.getElementById("epm-save").onclick = async () => {
       const newName = document.getElementById("epm-name").value.trim() || currentName;
       const newNotes = document.getElementById("epm-notes").value;
@@ -4601,6 +4986,10 @@ ${data.error || "channel not found"}`, "error");
         </div>
         <div id="rcm-log" class="messages remote-chat-log"></div>
         <div class="remote-chat-input-row">
+          <button id="rcm-tools-toggle" class="remote-chat-tools-toggle" title="\u672C\u6B21\u53D1\u9001\u662F\u5426\u5141\u8BB8\u5BF9\u65B9\u8C03\u7528\u5DE5\u5177 (\u70B9\u51FB\u5207\u6362)"
+                  style="display:flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--border,#444);color:var(--text-muted,#909088);border-radius:6px;padding:5px 9px;font-size:11px;cursor:pointer;white-space:nowrap;flex-shrink:0;">
+            \u{1F527} <span id="rcm-tools-label">\u5DE5\u5177:\u5F00</span>
+          </button>
           <input id="rcm-input" type="text" placeholder="\u8F93\u5165\u6D88\u606F, \u53D1\u9001\u5230\u8FDC\u7AEF channel..." class="remote-chat-input">
           <button id="rcm-send" class="remote-chat-btn-send">\u53D1\u9001</button>
         </div>
@@ -4613,6 +5002,16 @@ ${data.error || "channel not found"}`, "error");
     const sendBtn2 = document.getElementById("rcm-send");
     const thinkingEl = document.getElementById("rcm-thinking");
     let historyRefreshTimer = null;
+    const overlayEl = document.getElementById("remote-chat-modal");
+    overlayEl.addEventListener("mousedown", (e) => {
+      if (e.target === overlayEl) {
+        if (historyRefreshTimer) {
+          clearInterval(historyRefreshTimer);
+          historyRefreshTimer = null;
+        }
+        overlayEl.remove();
+      }
+    });
     document.getElementById("rcm-close").onclick = () => {
       if (historyRefreshTimer) {
         clearInterval(historyRefreshTimer);
@@ -4714,11 +5113,22 @@ ${data.error || "channel not found"}`, "error");
           log.scrollTop = log.scrollHeight;
         }, 50);
       }
+      try {
+        const cacheMsgs = msgs.map((m) => ({
+          type: m.type === "user" ? "user" : "ai",
+          content: m.content || "",
+          timestamp: m.timestamp || (/* @__PURE__ */ new Date()).toISOString(),
+          source: m.source || "remote"
+        }));
+        writeRcmCache(cacheMsgs);
+      } catch {
+      }
     }
     const doSend = async () => {
       const text = inputEl.value.trim();
       if (!text) return;
       append(text, "user");
+      cacheRemoteMessage(peerPublicKey, channelId, { type: "user", content: text, timestamp: (/* @__PURE__ */ new Date()).toISOString() });
       inputEl.value = "";
       sendBtn2.disabled = true;
       sendBtn2.textContent = "...";
@@ -4726,7 +5136,8 @@ ${data.error || "channel not found"}`, "error");
         const res = await fetch("/api/remote-channels/chat-send", {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ targetPublicKey: peerPublicKey, channelId, text })
+          // 2026-08-02: 透传工具开关 (P2P 🔧 toggle, 只对本次远端消息生效)
+          body: JSON.stringify({ targetPublicKey: peerPublicKey, channelId, text, autoInvokeTools: rcmToolsEnabled })
         });
         const data = await res.json();
         if (!res.ok) throw new Error(data.error || "send failed");
@@ -4744,7 +5155,94 @@ ${data.error || "channel not found"}`, "error");
     setupMentionAutocomplete(inputEl);
     inputEl.focus();
     startV3GlobalSSE();
-    loadHistory(false);
+    let rcmToolsEnabled = true;
+    try {
+      const saved = localStorage.getItem("bolloon.rcmToolsEnabled");
+      if (saved !== null) rcmToolsEnabled = saved === "1";
+    } catch {
+    }
+    const rcmToolsBtn = document.getElementById("rcm-tools-toggle");
+    const rcmToolsLabel = document.getElementById("rcm-tools-label");
+    function updateRcmToolsUI() {
+      if (!rcmToolsLabel) return;
+      rcmToolsLabel.textContent = rcmToolsEnabled ? "\u5DE5\u5177:\u5F00" : "\u5DE5\u5177:\u5173";
+      if (rcmToolsBtn) {
+        rcmToolsBtn.style.borderColor = rcmToolsEnabled ? "#4f46e5" : "var(--border,#444)";
+        rcmToolsBtn.style.color = rcmToolsEnabled ? "#4f46e5" : "var(--text-muted,#909088)";
+      }
+      try {
+        localStorage.setItem("bolloon.rcmToolsEnabled", rcmToolsEnabled ? "1" : "0");
+      } catch {
+      }
+    }
+    if (rcmToolsBtn) {
+      rcmToolsBtn.onclick = () => {
+        rcmToolsEnabled = !rcmToolsEnabled;
+        updateRcmToolsUI();
+      };
+      updateRcmToolsUI();
+    }
+    const rcmCacheKey = `bolloon.rcmCache.${peerPublicKey}.${channelId}`;
+    const MAX_CACHE_MSGS = 200;
+    function readRcmCache() {
+      try {
+        const raw = localStorage.getItem(rcmCacheKey);
+        if (!raw) return [];
+        const arr = JSON.parse(raw);
+        return Array.isArray(arr) ? arr : [];
+      } catch {
+        return [];
+      }
+    }
+    function writeRcmCache(msgs) {
+      try {
+        const trimmed = Array.isArray(msgs) ? msgs.slice(-MAX_CACHE_MSGS) : [];
+        localStorage.setItem(rcmCacheKey, JSON.stringify(trimmed));
+      } catch {
+      }
+    }
+    function cacheRemoteMessage(pk, chId, msg) {
+      const key = `bolloon.rcmCache.${pk}.${chId}`;
+      let arr = [];
+      try {
+        const raw = localStorage.getItem(key);
+        if (raw) arr = JSON.parse(raw);
+      } catch {
+        arr = [];
+      }
+      if (!Array.isArray(arr)) arr = [];
+      const dup = arr.some((m) => m.type === msg.type && m.content === msg.content && m.timestamp === msg.timestamp);
+      if (!dup) {
+        arr.push(msg);
+        try {
+          localStorage.setItem(key, JSON.stringify(arr.slice(-MAX_CACHE_MSGS)));
+        } catch {
+        }
+      }
+    }
+    const cached = readRcmCache();
+    if (cached.length > 0) {
+      log.innerHTML = "";
+      for (const m of cached) {
+        const type = m.type === "user" ? "user" : "ai";
+        let prefix = "";
+        if (m.type === "user") {
+          prefix = m.source === "remote" ? `\u{1F310} \u8FDC\u7AEF\u8BBF\u5BA2
+
+` : "";
+        } else {
+          prefix = m.source === "remote" ? `\u{1F916} \u8FDC\u7AEF LLM
+
+` : "";
+        }
+        addMessage2(prefix + (m.content || ""), type, false, log, [], m.timestamp);
+      }
+      thinkingEl.style.display = "none";
+      loadHistory(true);
+      log.scrollTop = log.scrollHeight;
+    } else {
+      loadHistory(false);
+    }
     historyRefreshTimer = setInterval(() => loadHistory(true), 15e3);
   }
   var showMyIdBtn = document.getElementById("show-my-p2p-id-btn");
@@ -4844,6 +5342,9 @@ ${data.error || "channel not found"}`, "error");
           <label style="display:block;margin-bottom:6px;font-size:12px;color:var(--text-secondary);">\u7533\u8BF7\u6D88\u606F\uFF08\u53EF\u9009\uFF09</label>
           <input id="afm-msg" type="text" value="\u60F3\u52A0\u4F60\u4E3A P2P \u597D\u53CB, \u5171\u4EAB channel \u534F\u4F5C"
                  style="width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:4px;background:var(--bg-main);color:var(--text);font-family:inherit;font-size:13px;box-sizing:border-box;margin-bottom:12px;">
+          <label style="display:block;margin-bottom:6px;font-size:12px;color:var(--text-secondary);">\u5907\u6CE8\uFF08\u81EA\u6211\u4ECB\u7ECD/\u6765\u6E90, \u5BF9\u65B9\u63A5\u53D7\u65F6\u4F1A\u770B\u5230, \u4FBF\u4E8E\u5206\u8FA8\uFF09</label>
+          <textarea id="afm-note" rows="2" placeholder="\u5982: \u6211\u662F\u5C0F\u5251\u7684 Bolloon, \u6765\u81EA\u676D\u5DDE, \u60F3\u4E00\u8D77\u505A P2P \u667A\u80FD\u4F53\u534F\u4F5C\u6D4B\u8BD5"
+                    style="width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:4px;background:var(--bg-main);color:var(--text);font-family:inherit;font-size:13px;box-sizing:border-box;resize:vertical;margin-bottom:12px;"></textarea>
           <div id="afm-status" style="display:none;font-size:12px;margin-bottom:8px;"></div>
           <p style="margin:0;color:var(--text-muted);font-size:11px;">\u5BF9\u65B9\u9700\u5DF2\u542F\u52A8 Bolloon \u5E76\u5728\u7EBF. \u63A5\u53D7\u540E\u53CC\u65B9\u4E92\u52A0\u597D\u53CB, \u5BF9\u65B9\u5206\u4EAB\u7684 channel \u4F1A\u81EA\u52A8\u51FA\u73B0.</p>
         </div>
@@ -4868,6 +5369,7 @@ ${data.error || "channel not found"}`, "error");
       const name = document.getElementById("afm-name").value.trim();
       const publicKey = document.getElementById("afm-pk").value.trim();
       const message = document.getElementById("afm-msg").value.trim();
+      const note = document.getElementById("afm-note")?.value.trim() || "";
       if (!publicKey) {
         setStatus("\u8BF7\u7C98\u8D34\u5BF9\u65B9\u7684 publicKey", "#b91c1c");
         return;
@@ -4886,7 +5388,7 @@ ${data.error || "channel not found"}`, "error");
         const res = await fetch("/api/friend-request", {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ targetPublicKey: publicKey, name: name || void 0, message: message || void 0 })
+          body: JSON.stringify({ targetPublicKey: publicKey, name: name || void 0, message: message || void 0, note: note || void 0 })
         });
         const data = await res.json();
         if (res.status === 502) {
@@ -4925,6 +5427,7 @@ ${data.error || "channel not found"}`, "error");
   }
   function showFriendRequestModal(req) {
     document.getElementById("friend-request-modal")?.remove();
+    const reqNote = req.note || req.message || "";
     const html = `
     <div id="friend-request-modal" class="friend-req-overlay">
       <div class="friend-req-shell">
@@ -4936,12 +5439,12 @@ ${data.error || "channel not found"}`, "error");
           </div>
         </div>
         <div class="friend-req-body">
-          <p style="margin:0 0 8px;">${escapeHtml2(req.message || "\u60F3\u52A0\u4F60\u4E3A P2P \u597D\u53CB")}</p>
+          ${reqNote ? `<div style="margin:0 0 10px;padding:8px 10px;background:var(--bg-active);border:1px solid var(--border);border-radius:6px;font-size:12px;color:var(--text);white-space:pre-wrap;word-break:break-word;">\u{1F4AC} ${escapeHtml2(reqNote)}</div>` : ""}
           <p style="margin:0;color:var(--text-muted);font-size:11px;">\u63A5\u53D7\u540E: \u53CC\u65B9\u4E92\u52A0\u597D\u53CB, \u5BF9\u65B9\u5206\u4EAB\u7684 channel \u4F1A\u81EA\u52A8\u51FA\u73B0\u5728 P2P \u597D\u53CB\u533A.</p>
         </div>
         <div class="friend-req-actions">
           <button id="frm-deny" class="friend-req-btn-deny">\u62D2\u7EDD</button>
-          <button id="frm-accept" class="friend-req-btn-accept">\u63A5\u53D7</button>
+          <button id="frm-accept" class="friend-req-btn-accept" style="font-weight:700;">\u2705 \u4E00\u952E\u901A\u8FC7</button>
         </div>
       </div>
     </div>
@@ -4955,7 +5458,7 @@ ${data.error || "channel not found"}`, "error");
         const res = await fetch("/api/friend-accept", {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ fromPublicKey: req.fromPublicKey, name: req.fromName })
+          body: JSON.stringify({ fromPublicKey: req.fromPublicKey, name: req.fromName, requestId: req.requestId })
         });
         const data = await res.json();
         if (!res.ok) throw new Error(data.error || "accept failed");