@bolloon/bolloon-agent 0.6.5 → 0.6.7

package/dist/web/client.js

@@ -33,6 +33,15 @@
   var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
   // src/web/ui/step-timeline.ts
+  function formatDuration(ms) {
+    if (!Number.isFinite(ms) || ms < 0) return "(\u8017\u65F6\u672A\u77E5)";
+    if (ms < 1e3) return `${ms}ms`;
+    const s = ms / 1e3;
+    if (s < 60) return `${s.toFixed(1)}s`;
+    const m = Math.floor(s / 60);
+    const rem = Math.round(s % 60);
+    return `${m}m${rem}s`;
+  }
   function readExpanded(channelId) {
     if (!channelId) return false;
     try {
@@ -152,7 +161,10 @@
         }
         node.setAttribute("data-status", step.status);
         const label = node.querySelector(".step-timeline-label");
-        if (label) label.textContent = step.name;
+        if (label) {
+          const dur = step.durationMs !== void 0 && step.status !== "active" ? ` \xB7 ${formatDuration(step.durationMs)}` : "";
+          label.textContent = step.name + dur;
+        }
         const argsEl = node.querySelector(".step-timeline-args");
         if (argsEl) {
           const argStr = step.args && Object.keys(step.args).length > 0 ? JSON.stringify(step.args).slice(0, 60) : "";
@@ -296,6 +308,7 @@
         steps[targetIdx].status = data.success === false ? "error" : "done";
         if (data.output) steps[targetIdx].output = data.output;
         if (data.error) steps[targetIdx].error = data.error;
+        if (data.durationMs !== void 0) steps[targetIdx].durationMs = data.durationMs;
       } else {
         steps[targetIdx].status = "error";
         if (data.error) steps[targetIdx].error = data.error;
@@ -595,21 +608,10 @@
     if (remaining.trim()) {
       remaining = filterFillerText(remaining);
     }
-    const finalIdx = remaining.indexOf("<final gen>");
-    let beforeFinalText = remaining;
-    if (finalIdx >= 0) {
-      beforeFinalText = remaining.substring(0, finalIdx);
-    }
-    const textContent = beforeFinalText.trim();
+    const textContent = remaining.trim();
     if (textContent) {
       segments.push({ type: "text", content: textContent });
     }
-    if (finalIdx >= 0) {
-      const afterFinal = remaining.substring(finalIdx + "<final gen>".length).trim();
-      if (afterFinal) {
-        segments.push({ type: "final", content: afterFinal });
-      }
-    }
     return segments;
   }
   function extractAndPush(type, text, out, re) {
@@ -879,11 +881,7 @@
     div.className = `message message-${type}`;
     let cleanContent = content;
     if (type === "ai") {
-      cleanContent = cleanContent.replace(/<think>[\s\S]*?<\/think>/g, "");
-      const finalGenIdx = cleanContent.indexOf("<final gen>");
-      if (finalGenIdx >= 0) {
-        cleanContent = cleanContent.substring(0, finalGenIdx).trim();
-      }
+      cleanContent = cleanContent.replace(/ thinking[\s\S]*?<\/think>/g, "");
     }
     const knownToolNames2 = ctx && ctx.knownToolNames || /* @__PURE__ */ new Set();
     const segments = segmentChatReply(cleanContent, { knownToolNames: knownToolNames2 });
@@ -1207,7 +1205,8 @@
       args: data.args,
       success: data.success,
       output: data.output,
-      error: data.error
+      error: data.error,
+      durationMs: data.durationMs
     });
   }
   function flushStepEventBuffer(channelId, ctx) {
@@ -1547,6 +1546,8 @@
   var renderLoopStatusBar2 = (...args) => _getLS().renderLoopStatusBar?.(...args);
   var hideLoopStatusBar2 = (...args) => _getLS().hideLoopStatusBar?.(...args);
   var sidebarToggle = document.getElementById("sidebar-toggle");
+  var sidebarCollapsedBar = document.getElementById("sidebar-collapsed-bar");
+  var sidebarExpandBtn = document.getElementById("sidebar-expand-btn");
   var themeToggle = document.getElementById("theme-toggle");
   var channelList = document.getElementById("channel-list");
   var newChannelBtn = document.getElementById("new-channel-btn");
@@ -1720,13 +1721,16 @@
     isSidebarCollapsed = !isSidebarCollapsed;
     if (isSidebarCollapsed) {
       sidebar.classList.add("collapsed");
+      if (sidebarCollapsedBar) sidebarCollapsedBar.classList.remove("hidden");
     } else {
       sidebar.classList.remove("collapsed");
+      if (sidebarCollapsedBar) sidebarCollapsedBar.classList.add("hidden");
     }
   }
   function expandSidebar() {
     isSidebarCollapsed = false;
     sidebar.classList.remove("collapsed");
+    if (sidebarCollapsedBar) sidebarCollapsedBar.classList.add("hidden");
   }
   async function loadChannels() {
     try {
@@ -1736,7 +1740,6 @@
         const text = await res.text().catch(() => "");
         if (!text.trim().startsWith("[") && !text.trim().startsWith("{")) {
           console.warn("[\u52A0\u8F7D\u9891\u9053] \u68C0\u6D4B\u5230 IPFS \u9759\u6001\u6A21\u5F0F (\u65E0\u540E\u7AEF server), \u529F\u80FD\u53D7\u9650");
-          showStaticModeNotice();
           return;
         }
       }
@@ -1762,17 +1765,6 @@
       console.error("[\u52A0\u8F7D\u9891\u9053] \u5931\u8D25:", err);
     }
   }
-  function showStaticModeNotice() {
-    if (document.getElementById("ipfs-static-notice")) return;
-    const notice = document.createElement("div");
-    notice.id = "ipfs-static-notice";
-    notice.style.cssText = "position:fixed;bottom:60px;left:50%;transform:translateX(-50%);z-index:9999;background:#1a1a18;border:1px solid #c4d640;color:#d8d8c8;padding:10px 16px;border-radius:8px;font-size:12px;box-shadow:0 4px 20px rgba(0,0,0,.5);max-width:560px;text-align:center;";
-    notice.innerHTML = `\u{1F4E1} <b style="color:#c4d640">IPFS \u9759\u6001\u6A21\u5F0F</b> \u2014 \u6B64\u9875\u9762\u901A\u8FC7 IPNS \u4ECE\u53BB\u4E2D\u5FC3\u5316\u7F51\u7EDC\u52A0\u8F7D.<br>\u5B8C\u6574\u529F\u80FD (\u5BF9\u8BDD/\u5DE5\u5177/\u5224\u65AD\u529B) \u9700\u8FDE\u63A5\u672C\u5730 Bolloon server: <code style="color:#c4d640">bolloon --web</code>`;
-    document.body.appendChild(notice);
-    setTimeout(() => {
-      notice.remove();
-    }, 15e3);
-  }
   var gwGroups = [];
   var gwNetworks = [];
   var gwActiveChat = null;
@@ -3232,6 +3224,13 @@ ${data.error || "channel not found"}`, "error");
   async function sendMessage() {
     const text = input.value.trim();
     if (!text) return;
+    if (text === "/world" || text === "/chat") {
+      const panel = text === "/world" ? "world" : "chat";
+      if (typeof switchPanel === "function") switchPanel(panel);
+      input.value = "";
+      if (typeof showSimpleToast === "function") showSimpleToast(panel === "world" ? "\u{1F30D} \u5DF2\u5207\u6362\u5230\u4E16\u754C\u6A21\u5F0F" : "\u{1F4AC} \u5DF2\u5207\u6362\u5230\u804A\u5929\u6A21\u5F0F");
+      return;
+    }
     setSendMode("abort");
     const container = messagesContainers.get(currentChannelId) || messagesEl;
     addMessage2(text, "user", true, container);
@@ -3528,6 +3527,8 @@ ${data.error || "channel not found"}`, "error");
     { 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: "world", desc: "\u5207\u6362\u5230\u4E16\u754C\u6A21\u5F0F (\u673A\u4F1A\u6D41)", args: "" },
+    { cmd: "chat", desc: "\u5207\u6362\u5230\u804A\u5929\u6A21\u5F0F (\u5BF9\u8BDD)", args: "" },
     { cmd: "help", desc: "\u663E\u793A\u53EF\u7528\u547D\u4EE4", args: "" }
   ];
   var slashDropdownEl = null;
@@ -3550,6 +3551,14 @@ ${data.error || "channel not found"}`, "error");
     slashBlockEnd = -1;
   }
   function applySlashCommand(cmdObj) {
+    if (cmdObj.cmd === "world" || cmdObj.cmd === "chat") {
+      const panel = cmdObj.cmd === "world" ? "world" : "chat";
+      if (typeof switchPanel === "function") switchPanel(panel);
+      input.value = "";
+      closeSlashDropdown();
+      if (typeof showSimpleToast === "function") showSimpleToast(panel === "world" ? "\u{1F30D} \u5DF2\u5207\u6362\u5230\u4E16\u754C\u6A21\u5F0F" : "\u{1F4AC} \u5DF2\u5207\u6362\u5230\u804A\u5929\u6A21\u5F0F");
+      return;
+    }
     const anchor = slashAnchor;
     const blockEnd = slashBlockEnd >= 0 ? slashBlockEnd : anchor + 1 + (getCurrentSlashQuery()?.query || "").length;
     if (anchor < 0 || anchor > input.value.length || input.value[anchor] !== "/") {
@@ -4084,6 +4093,9 @@ ${data.error || "channel not found"}`, "error");
   if (sidebarToggle) {
     sidebarToggle.addEventListener("click", toggleSidebar);
   }
+  if (sidebarExpandBtn) {
+    sidebarExpandBtn.addEventListener("click", expandSidebar);
+  }
   if (newChannelBtn) {
     newChannelBtn.addEventListener("click", () => {
       createChannel("\u667A\u80FD\u4F53");
@@ -5002,7 +5014,9 @@ ${data.error || "channel not found"}`, "error");
   }
   var worldView = document.getElementById("world-view");
   var worldBtn = document.getElementById("world-btn");
-  var worldRefreshBtn = document.getElementById("world-refresh-btn");
+  var worldIntentCol = document.getElementById("world-intent-col");
+  var worldColToggle = document.getElementById("world-col-toggle");
+  var worldColClose = document.getElementById("world-col-close");
   var worldIntentsList = document.getElementById("world-intents-list");
   var worldOpportunities = document.getElementById("world-opportunities");
   var worldStats = document.getElementById("world-stats");
@@ -5190,16 +5204,36 @@ ${data.error || "channel not found"}`, "error");
   if (tabWorld) tabWorld.addEventListener("click", () => switchPanel("world"));
   if (tabChat) tabChat.addEventListener("click", () => switchPanel("chat"));
   if (worldBtn) worldBtn.addEventListener("click", () => switchPanel("world"));
-  if (worldRefreshBtn) worldRefreshBtn.addEventListener("click", () => {
-    fetchWorldIntents();
-    refreshWorldOpportunities();
+  function toggleWorldIntentCol(show) {
+    if (!worldIntentCol) return;
+    worldIntentCol.style.display = show ? "" : "none";
+    if (worldColToggle) worldColToggle.textContent = show ? "\u25BE \u6211\u7684\u610F\u56FE" : "\u25B8 \u6211\u7684\u610F\u56FE";
+  }
+  if (worldColToggle) worldColToggle.addEventListener("click", () => {
+    toggleWorldIntentCol(worldIntentCol ? worldIntentCol.style.display === "none" : false);
   });
+  if (worldColClose) worldColClose.addEventListener("click", () => toggleWorldIntentCol(false));
   var worldInput = document.getElementById("world-input");
   var worldInputSend = document.getElementById("world-input-send");
   async function tellWorld() {
     const text = (worldInput && worldInput.value || "").trim();
     if (!text) return;
+    if (text === "/chat" || text === "/world") {
+      const panel = text === "/chat" ? "chat" : "world";
+      if (typeof switchPanel === "function") switchPanel(panel);
+      worldInput.value = "";
+      if (typeof showSimpleToast === "function") showSimpleToast(panel === "world" ? "\u{1F30D} \u5DF2\u5207\u6362\u5230\u4E16\u754C\u6A21\u5F0F" : "\u{1F4AC} \u5DF2\u5207\u6362\u5230\u804A\u5929\u6A21\u5F0F");
+      return;
+    }
     worldInput.value = "";
+    if (worldOpportunities) {
+      const echo = document.createElement("div");
+      echo.className = "world-opp-card";
+      echo.style.cssText = "border:1px dashed var(--accent,#c4d640);border-radius:12px;padding:10px 14px;margin-bottom:10px;background:var(--bg-card,#222220);font-size:13px;color:var(--text,#f0f0ea);";
+      echo.innerHTML = `<div style="font-weight:700;margin-bottom:4px;">\u270D \u4F60\u544A\u8BC9\u4E16\u754C</div><div>${String(text).replace(/</g, "&lt;")}</div><div style="color:#909088;font-size:11px;margin-top:6px;">\u5DF2\u58F0\u660E\u610F\u56FE \xB7 \u6B63\u5728\u4E3A\u4F60\u5339\u914D\u673A\u4F1A\u2026</div>`;
+      worldOpportunities.prepend(echo);
+    }
+    if (typeof showSimpleToast === "function") showSimpleToast("\u{1F30D} \u5DF2\u544A\u8BC9\u4E16\u754C\uFF1A" + text, "success");
     try {
       const res = await fetch("/api/intents", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ text, priority: 3 }) });
       if (!res.ok) {
@@ -5207,6 +5241,11 @@ ${data.error || "channel not found"}`, "error");
         return;
       }
       await fetchWorldIntents();
+      try {
+        await fetch("/api/world/search", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ topic: text }) });
+      } catch (e) {
+        console.info("[world] \u4E3B\u52A8\u641C\u7D22\u5931\u8D25", e);
+      }
       await refreshWorldOpportunities();
     } catch (e) {
       console.info("[world] \u58F0\u660E\u5931\u8D25", e);

package/dist/web/index.html

@@ -125,10 +125,19 @@
           <span class="status-text">已连接</span>
         </div>
       </div>
-    </aside>
+          </aside>
+
+          <!-- 2026-10-06 (用户): 左侧导航收起的恢复条 — 收起后滑出的方式不留下展开按钮就打不开, 补窄条 + 展开按钮 -->
+          <div class="sidebar-collapsed hidden" id="sidebar-collapsed-bar">
+            <button class="expand-btn" id="sidebar-expand-btn" title="展开侧边栏">
+              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <polyline points="9 18 15 12 9 6"></polyline>
+              </svg>
+            </button>
+          </div>
 
-    <main class="main">
-      <header class="header">
+          <main class="main">
+            <header class="header">
         <div class="header-left">
           <span class="channel-indicator" id="channel-indicator"></span>
           <h1 id="channel-name">Bolloon Agent</h1>
@@ -421,28 +430,31 @@
       <!-- World View (2026-10-05, leo Intent Network) — 主页内嵌面板 (不再全屏跳转):
            顶部 tab 切换 世界/聊天, 默认世界; 无嵌套无跳转 -->
       <div id="world-view" style="position:relative;background:var(--bg,#1a1a18);display:flex;flex-direction:column;flex:1;min-height:0;">
-        <!-- 面板头 (只剩刷新; 关闭按钮已由顶部 tab 取代) -->
-        <div style="display:flex;align-items:center;justify-content:space-between;padding:8px 18px;border-bottom:1px solid var(--border,#3a3a36);flex-shrink:0;">
-          <div style="font-weight:700;font-size:14px;">🌍 World <span style="color:#606058;font-weight:400;font-size:11px;">世界在给你送东西 · 自动流入</span></div>
-          <button id="world-refresh-btn" class="btn-secondary btn-sm" style="font-size:11px;padding:2px 10px;">⟳ 刷新</button>
-        </div>
-        <!-- Twitter 式两栏 (2026-10-05: 右侧输入栏删除 — 匹配是内置自动算法, 不需要用户填写) -->
-        <div style="display:flex;flex:1;overflow:hidden;">
-          <!-- 左栏: 我的意图 (nav 风格, 只读展示) -->
-          <aside style="width:220px;border-right:1px solid var(--border,#3a3a36);overflow-y:auto;padding:12px;flex-shrink:0;display:none;" id="world-left-col">
-            <div style="font-size:12px;color:#909088;font-weight:600;margin-bottom:8px;">我的意图 (Intent)</div>
-            <div id="world-intents-list" style="margin-bottom:12px;"><div class="form-hint">(还没有意图)</div></div>
-            <div style="font-size:12px;color:#909088;font-weight:600;margin-bottom:8px;">世界变化</div>
-            <div id="world-stats" style="font-size:12px;color:#606058;"></div>
-          </aside>
-          <!-- 中栏: 机会时间线 (Twitter feed 自动流入, 全宽) -->
-          <main style="flex:1;overflow-y:auto;padding:16px 24px;max-width:760px;margin:0 auto;width:100%;">
-            <div style="font-size:12px;color:#909088;margin-bottom:12px;">✦ 世界在给你送东西 (自动匹配, 持续流入)</div>
-            <div id="world-opportunities" style="min-height:120px;">
-              <div class="form-hint">世界正在观察…</div>
-            </div>
-          </main>
-        </div>
+        <!-- 面板头 (刷新按钮已按用户要求去掉; 内容自动流入) -->
+                <div style="display:flex;align-items:center;justify-content:space-between;padding:8px 18px;border-bottom:1px solid var(--border,#3a3a36);flex-shrink:0;">
+                  <div style="font-weight:700;font-size:14px;">🌍 World <span style="color:#606058;font-weight:400;font-size:11px;">世界在给你送东西 · 自动流入</span></div>
+                  <button id="world-col-toggle" class="btn-secondary btn-sm" style="font-size:11px;padding:3px 12px;" title="展开/折叠我的意图栏">▸ 我的意图</button>
+                </div>
+                <!-- Twitter 式两栏: 左 = 机会时间线, 右 = 我的意图 (可折叠, 2026-10-06 用户要求右置 + 折叠) -->
+                <div style="display:flex;flex:1;overflow:hidden;">
+                  <!-- 左栏: 机会时间线 (Twitter feed 自动流入, 全宽) -->
+                  <main style="flex:1;overflow-y:auto;padding:16px 24px;max-width:760px;margin:0 auto;width:100%;">
+                    <div style="font-size:12px;color:#909088;margin-bottom:12px;">✦ 世界在给你送东西 (自动匹配, 持续流入)</div>
+                    <div id="world-opportunities" style="min-height:120px;">
+                      <div class="form-hint">世界正在观察…</div>
+                    </div>
+                  </main>
+                  <!-- 右栏: 我的意图 (nav 风格, 可折叠隐藏) -->
+                  <aside style="width:240px;border-left:1px solid var(--border,#3a3a36);overflow-y:auto;padding:12px;flex-shrink:0;transition:width .2s;" id="world-intent-col">
+                    <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;">
+                      <div style="font-size:12px;color:#909088;font-weight:600;">我的意图 (Intent)</div>
+                      <button id="world-col-close" class="btn-secondary btn-sm" style="font-size:10px;padding:1px 7px;" title="折叠意图栏">✕</button>
+                    </div>
+                    <div id="world-intents-list" style="margin-bottom:12px;"><div class="form-hint">(还没有意图)</div></div>
+                    <div style="font-size:12px;color:#909088;font-weight:600;margin-bottom:8px;">世界变化</div>
+                    <div id="world-stats" style="font-size:12px;color:#606058;"></div>
+                  </aside>
+                </div>
         <!-- 2026-10-05 (leo): 世界底部输入框 — 想做什么直接说, 自动触发匹配 (不是聊天输入框) -->
         <div class="world-input-bar" style="display:flex;gap:8px;align-items:center;padding:10px 18px;border-top:1px solid var(--border,#3a3a36);flex-shrink:0;background:var(--bg-sidebar,#222220);">
           <input type="text" id="world-input" placeholder="告诉世界你在做什么 / 需要什么… (Enter 自动匹配)" autocomplete="off"