@bolloon/bolloon-agent 0.6.4 → 0.6.6

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;
@@ -3111,6 +3103,8 @@ ${data.error || "channel not found"}`, "error");
     }, 1e4);
     eventSource.onerror = () => {
       console.warn("[SSE] \u9519\u8BEF, \u6D4F\u89C8\u5668\u81EA\u52A8\u91CD\u8FDE\u4E2D:", targetChannelId, "readyState=", eventSource.readyState);
+      hideLoopStatusBar2();
+      setSendMode("idle");
       if (eventSource.readyState === EventSource.CLOSED) {
         clearInterval(heartbeatTimer);
         eventSources.delete(targetChannelId);
@@ -3230,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);
@@ -3263,10 +3264,16 @@ ${data.error || "channel not found"}`, "error");
         })
       });
       if (!res.ok) {
-        addMessage2("\u53D1\u9001\u5931\u8D25", "ai");
+        hideLoopStatusBar2();
+        const errBody = await res.json().catch(() => ({}));
+        const reason = errBody?.error || errBody?.message || `HTTP ${res.status}`;
+        addMessage2(`\u26A0\uFE0F \u53D1\u9001\u5931\u8D25: ${reason}`, "ai");
         setSendMode("idle");
+        if (typeof showSimpleToast === "function") showSimpleToast("\u26A0\uFE0F " + String(reason).slice(0, 200));
+        return;
       }
     } catch (err) {
+      hideLoopStatusBar2();
       addMessage2("\u8FDE\u63A5\u9519\u8BEF", "ai");
       console.error("Send error", err);
       setSendMode("idle");
@@ -3520,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;
@@ -3542,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] !== "/") {
@@ -4076,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");
@@ -4994,27 +5014,18 @@ ${data.error || "channel not found"}`, "error");
   }
   var worldView = document.getElementById("world-view");
   var worldBtn = document.getElementById("world-btn");
-  var worldViewClose = document.getElementById("world-view-close");
-  var worldRefreshBtn = document.getElementById("world-refresh-btn");
-  var worldIntentInput = document.getElementById("world-intent-input");
-  var worldIntentPriority = document.getElementById("world-intent-priority");
-  var worldIntentBudget = document.getElementById("world-intent-budget");
-  var worldIntentSet = document.getElementById("world-intent-set");
-  var worldError = document.getElementById("world-intent-error");
+  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");
   var worldBadge = document.getElementById("world-badge");
-  var worldProfileInput = document.getElementById("world-profile-input");
-  var worldProfileSet = document.getElementById("world-profile-set");
   var worldLoaded = false;
   var worldPollTimer = null;
   var WORLD_POLL_MS = 3e4;
   function worldStatus(msg) {
-    if (worldError) {
-      worldError.textContent = msg || "";
-      worldError.style.display = msg ? "" : "none";
-    }
+    if (msg) console.info("[world]", msg);
   }
   async function fetchWorldIntents() {
     try {
@@ -5035,7 +5046,7 @@ ${data.error || "channel not found"}`, "error");
   function renderWorldIntents(intents) {
     if (!worldIntentsList) return;
     if (!intents.length) {
-      worldIntentsList.innerHTML = '<div class="form-hint" style="font-size:11px;">(\u8FD8\u6CA1\u6709\u610F\u56FE \u2014 \u53F3\u8FB9\u58F0\u660E\u4E00\u4E2A)</div>';
+      worldIntentsList.innerHTML = '<div class="form-hint" style="font-size:11px;">(\u8FD8\u6CA1\u6709\u610F\u56FE \u2014 \u5728\u5E95\u90E8\u8F93\u5165\u6846\u544A\u8BC9\u4E16\u754C\u4F60\u5728\u505A\u4EC0\u4E48)</div>';
       return;
     }
     const active = intents.filter((i) => i.status === "active");
@@ -5082,12 +5093,30 @@ ${data.error || "channel not found"}`, "error");
     }
     const cards = opps.map((o) => {
       const pct = Math.round(o.score * 100);
-      return `<div class="world-opp-card" style="border:1px solid var(--border,#3a3a36);border-radius:12px;padding:12px 14px;margin-bottom:10px;background:var(--bg-card,#222220);">
+      const inboxLine = o.inbox ? `<div style="font-size:11px;color:#8a8a80;margin-top:6px;border-top:1px dashed var(--border,#3a3a36);padding-top:6px;">
+      \u2709 \u5916\u90E8\u6295\u9012 \xB7 \u6765\u81EA <span style="color:#c4d640;">${String(o.inbox.providerName || o.inbox.providerDid || "").slice(0, 40)}</span>
+      \xB7 <span style="color:#6aaa6a;">\u2713 \u9A8C\u7B7E\u901A\u8FC7</span>
+      ${(o.inbox.refs || []).length ? "\xB7 " + o.inbox.refs.map((r) => `<a href="${String(r).replace(/</g, "&lt;")}" target="_blank" rel="noopener" style="color:#7a9ad4;">[\u5F15\u7528]</a>`).join(" ") : ""}
+    </div>` : "";
+      const searchLine = o.search ? `<div style="font-size:11px;color:#8a8a80;margin-top:6px;border-top:1px dashed var(--border,#3a3a36);padding-top:6px;">
+      \u{1F50E} AI \u4E3B\u52A8\u641C\u7D22 \xB7 <a href="${String(o.search.url || "").replace(/</g, "&lt;")}" target="_blank" rel="noopener" style="color:#7a9ad4;">\u6253\u5F00\u539F\u6587 \u2197</a>
+      \xB7 <span style="color:#6aaa6a;">\u6765\u6E90 ${o.search.source}</span>
+    </div>` : "";
+      const detailLine = `<div class="world-opp-detail" style="display:none;margin-top:8px;padding-top:8px;border-top:1px solid var(--border,#3a3a36);font-size:12px;color:#b8b8b0;line-height:1.6;">
+      <div style="font-weight:600;color:#f0f0ea;margin-bottom:4px;">\u5B8C\u6574\u5185\u5BB9</div>
+      <div>${String(o.summary || "(\u65E0\u66F4\u591A\u5185\u5BB9)").replace(/</g, "&lt;")}</div>
+      ${o.search?.url ? `<div style="margin-top:6px;">\u{1F517} <a href="${String(o.search.url).replace(/</g, "&lt;")}" target="_blank" rel="noopener" style="color:#7a9ad4;">${String(o.search.url).slice(0, 80)}</a></div>` : ""}
+      <div style="margin-top:6px;color:#606058;">\u5339\u914D ${pct}% \xB7 \u6765\u6E90 ${o.source} \xB7 id ${o.id}</div>
+    </div>`;
+      return `<div class="world-opp-card" data-opp-card="${o.id}" style="border:1px solid var(--border,#3a3a36);border-radius:12px;padding:12px 14px;margin-bottom:10px;background:var(--bg-card,#222220);cursor:pointer;transition:border-color 0.2s;">
       <div style="display:flex;justify-content:space-between;align-items:center;">
         <b style="font-size:14px;">${String(o.title || "").slice(0, 60).replace(/</g, "&lt;")}</b>
         <span style="color:#c4d640;font-weight:700;font-size:14px;">${pct}%</span>
       </div>
       <div style="font-size:12px;color:#909088;margin-top:4px;">${String(o.summary || "").slice(0, 90).replace(/</g, "&lt;")}</div>
+      ${inboxLine}
+      ${searchLine}
+      ${detailLine}
       <div style="margin-top:8px;display:flex;gap:8px;">
         <button class="btn-primary btn-sm" data-opp-action="accept" data-opp-id="${o.id}" style="font-size:11px;padding:3px 12px;">\u770B\u770B</button>
         <button class="btn-secondary btn-sm" data-opp-action="ignore" data-opp-id="${o.id}" style="font-size:11px;padding:3px 12px;">\u5FFD\u7565</button>
@@ -5096,26 +5125,39 @@ ${data.error || "channel not found"}`, "error");
     }).join("");
     worldOpportunities.innerHTML = cards;
     worldOpportunities.querySelectorAll("[data-opp-action]").forEach((btn) => {
-      btn.addEventListener("click", async () => {
+      btn.addEventListener("click", async (ev) => {
+        ev.stopPropagation();
         const id = btn.dataset.oppId;
         if (btn.dataset.oppAction === "ignore") {
           try {
             await fetch("/api/opportunities/" + id + "/ignore", { method: "POST" });
           } catch (e) {
           }
-          btn.closest(".world-opp-card").style.opacity = "0.3";
-          btn.closest(".world-opp-card").style.filter = "grayscale(1)";
+          const card = btn.closest(".world-opp-card");
+          if (card) {
+            card.style.opacity = "0.3";
+            card.style.filter = "grayscale(1)";
+          }
         } else {
           try {
             await fetch("/api/opportunities/" + id + "/accept", { method: "POST" });
           } catch (e) {
           }
-          const srcId = id.replace(/^opp_/, "ann-");
-          worldStatus("\u5DF2\u8BB0\u4E0B: " + srcId);
-          btn.closest(".world-opp-card").style.borderColor = "#c4d640";
+          toggleOppDetail(btn.closest(".world-opp-card"));
         }
       });
     });
+    worldOpportunities.querySelectorAll("[data-opp-card]").forEach((card) => {
+      card.addEventListener("click", () => toggleOppDetail(card));
+    });
+  }
+  function toggleOppDetail(card) {
+    if (!card) return;
+    const detail = card.querySelector(".world-opp-detail");
+    if (!detail) return;
+    const shown = detail.style.display !== "none";
+    detail.style.display = shown ? "none" : "block";
+    card.style.borderColor = shown ? "var(--border,#3a3a36)" : "#c4d640";
   }
   async function loadWorld() {
     worldLoaded = true;
@@ -5136,88 +5178,83 @@ ${data.error || "channel not found"}`, "error");
       worldPollTimer = null;
     }
   }
-  function showWorldView() {
-    if (worldView) {
-      worldView.hidden = false;
+  var tabWorld = document.getElementById("tab-world");
+  var tabChat = document.getElementById("tab-chat");
+  var loopStatusBar2 = document.getElementById("loop-status-bar");
+  function switchPanel(panel) {
+    if (!worldView || !messagesEl) return;
+    const isWorld = panel === "world";
+    worldView.style.display = isWorld ? "flex" : "none";
+    if (messagesEl) messagesEl.hidden = isWorld;
+    if (loopStatusBar2) loopStatusBar2.hidden = isWorld;
+    if (inputArea) inputArea.hidden = isWorld;
+    if (tabWorld) tabWorld.classList.toggle("active", isWorld);
+    if (tabChat) tabChat.classList.toggle("active", !isWorld);
+    if (isWorld) {
       if (!worldLoaded) loadWorld();
       else {
         fetchWorldIntents();
         refreshWorldOpportunities();
       }
       startWorldPoll();
+    } else {
+      stopWorldPoll();
     }
   }
-  function hideWorldView() {
-    if (worldView) worldView.hidden = true;
-    stopWorldPoll();
+  if (tabWorld) tabWorld.addEventListener("click", () => switchPanel("world"));
+  if (tabChat) tabChat.addEventListener("click", () => switchPanel("chat"));
+  if (worldBtn) worldBtn.addEventListener("click", () => switchPanel("world"));
+  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 (worldBtn) worldBtn.addEventListener("click", showWorldView);
-  if (worldViewClose) worldViewClose.addEventListener("click", hideWorldView);
-  if (worldRefreshBtn) worldRefreshBtn.addEventListener("click", () => {
-    fetchWorldIntents();
-    refreshWorldOpportunities();
+  if (worldColToggle) worldColToggle.addEventListener("click", () => {
+    toggleWorldIntentCol(worldIntentCol ? worldIntentCol.style.display === "none" : false);
   });
-  if (worldProfileSet) worldProfileSet.addEventListener("click", async () => {
-    const text = (worldProfileInput && worldProfileInput.value || "").trim();
-    if (!text) {
-      worldStatus("\u5148\u5199\u4E00\u53E5\u4F60\u662F\u8C01 / \u5728\u505A\u4EC0\u4E48");
+  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;
     }
-    if (worldProfileSet) worldProfileSet.disabled = true;
-    try {
-      const res = await fetch("/api/world/profile", {
-        method: "PUT",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ name: text, about: text, tags: (text.match(/[\u4e00-\u9fff]{2,}|[a-z][a-z0-9_-]{1,}/gi) || []).slice(0, 6) })
-      });
-      if (!res.ok) {
-        const err = await res.json().catch(() => ({}));
-        worldStatus("\u753B\u50CF\u4FDD\u5B58\u5931\u8D25: " + (err.error || "HTTP " + res.status));
-        return;
-      }
-      worldStatus("\u753B\u50CF\u5DF2\u4FDD\u5B58 \u2014 \u4E16\u754C\u5F00\u59CB\u6309\u5B83\u63A8\u9001");
-      await refreshWorldOpportunities();
-    } catch (e) {
-      worldStatus("\u753B\u50CF\u4FDD\u5B58\u5931\u8D25: " + (e && e.message ? e.message : e));
-    } finally {
-      if (worldProfileSet) worldProfileSet.disabled = false;
+    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 (worldIntentSet) worldIntentSet.addEventListener("click", async () => {
-    const text = (worldIntentInput && worldIntentInput.value || "").trim();
-    if (!text) {
-      worldStatus("\u5148\u5199\u4E00\u53E5\u4F60\u73B0\u5728\u5728\u505A\u4EC0\u4E48");
-      return;
-    }
-    if (worldIntentSet) worldIntentSet.disabled = true;
+    if (typeof showSimpleToast === "function") showSimpleToast("\u{1F30D} \u5DF2\u544A\u8BC9\u4E16\u754C\uFF1A" + text, "success");
     try {
-      const body = { text, priority: Number(worldIntentPriority ? worldIntentPriority.value : 3) };
-      if (worldIntentBudget && worldIntentBudget.value.trim()) body.budget = worldIntentBudget.value.trim();
-      const res = await fetch("/api/intents", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(body) });
+      const res = await fetch("/api/intents", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ text, priority: 3 }) });
       if (!res.ok) {
-        const err = await res.json().catch(() => ({}));
-        worldStatus("\u58F0\u660E\u5931\u8D25: " + (err.error || "HTTP " + res.status));
+        console.info("[world] \u58F0\u660E\u5931\u8D25 HTTP", res.status);
         return;
       }
-      if (worldIntentInput) worldIntentInput.value = "";
-      if (worldIntentBudget) worldIntentBudget.value = "";
       await fetchWorldIntents();
-      await refreshWorldOpportunities();
-      if (worldPollTimer) {
-        clearInterval(worldPollTimer);
-        startWorldPoll();
+      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) {
-      worldStatus("\u58F0\u660E\u5931\u8D25: " + (e && e.message ? e.message : e));
-    } finally {
-      if (worldIntentSet) worldIntentSet.disabled = false;
+      console.info("[world] \u58F0\u660E\u5931\u8D25", e);
     }
-  });
-  if (worldIntentInput) {
-    worldIntentInput.addEventListener("keydown", (e) => {
-      if (e.key === "Enter" && worldIntentSet) worldIntentSet.click();
-    });
   }
+  if (worldInputSend) worldInputSend.addEventListener("click", tellWorld);
+  if (worldInput) worldInput.addEventListener("keydown", (e) => {
+    if (e.key === "Enter") tellWorld();
+  });
   (async function autoWorldBadge() {
     try {
       await refreshWorldOpportunities();

package/dist/web/index.html

@@ -125,14 +125,28 @@
           <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>
         </div>
+        <!-- 2026-10-05 (leo): 世界/聊天切换放进原导航栏 (header) 中间 — 与钱包/配置同栏, 不再另起一行 -->
+        <div class="header-tabs">
+          <button id="tab-world" class="header-tab active" data-panel="world">🌍 世界 <span id="world-badge" class="task-badge" style="display:none;">0</span></button>
+          <button id="tab-chat" class="header-tab" data-panel="chat">💬 聊天</button>
+        </div>
         <div class="header-right">
           <button id="theme-toggle" class="theme-toggle" title="切换主题">
             <svg class="sun-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -165,15 +179,6 @@
             </svg>
             <span id="wallet-badge" class="task-badge" style="display:none;">0</span>
           </button>
-          <!-- 2026-10-05: World (Intent Console + Opportunity) — PC=Create 工作台入口 -->
-          <button id="world-btn" class="header-action" title="World — 我的意图与世界机会">
-            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-              <circle cx="12" cy="12" r="9"></circle>
-              <path d="M3 12h18"></path>
-              <path d="M12 3a14 14 0 0 1 0 18 14 14 0 0 1 0-18z"></path>
-            </svg>
-            <span id="world-badge" class="task-badge" style="display:none;">0</span>
-          </button>
           <button id="judgments-btn" class="header-action" title="我的判断">
             <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
               <path d="M12 2L4 6v6c0 5 3.5 9.5 8 10 4.5-.5 8-5 8-10V6l-8-4z"></path>
@@ -422,55 +427,43 @@
         </div>
       </div>
 
-      <!-- World View (2026-10-05, leo Intent Network) — Twitter 式整页: 中栏机会时间线自动流入 -->
-      <div id="world-view" hidden style="position:fixed;inset:0;z-index:999;background:var(--bg,#1a1a18);display:flex;flex-direction:column;">
-        <!-- 顶栏 -->
-        <div style="display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid var(--border,#3a3a36);">
-          <div style="font-weight:700;font-size:15px;">🌍 World <span style="color:#606058;font-weight:400;font-size:12px;">世界在给你送东西</span></div>
-          <div style="display:flex;gap:8px;align-items:center;">
-            <button id="world-refresh-btn" class="btn-secondary btn-sm" style="font-size:12px;">⟳ 刷新</button>
-            <button id="world-view-close" class="btn-secondary btn-sm" style="font-size:12px;">← 回到聊天</button>
-          </div>
-        </div>
-        <!-- Twitter 式三栏 -->
-        <div style="display:flex;flex:1;overflow:hidden;">
-          <!-- 左栏: 我的意图 (nav 风格) -->
-          <aside style="width:240px;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;max-width:680px;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>
-          <!-- 右栏: 声明意图 + 说明 -->
-          <aside style="width:280px;border-left:1px solid var(--border,#3a3a36);overflow-y:auto;padding:12px;flex-shrink:0;" id="world-right-col">
-            <div style="font-size:13px;font-weight:600;margin-bottom:6px;">先告诉我你是谁</div>
-            <input type="text" id="world-profile-input" placeholder="例: 我在做可控核聚变 + AI 仿真" style="width:100%;box-sizing:border-box;padding:8px;border-radius:8px;border:1px solid var(--border,#3a3a36);background:var(--bg-card,#222220);color:var(--text);font-size:13px;">
-            <button id="world-profile-set" class="btn-secondary btn-sm" style="width:100%;padding:6px;font-size:12px;margin:6px 0 14px;">存为画像 → 世界按它推送</button>
-            <div style="font-size:13px;font-weight:600;margin-bottom:8px;">我现在正在做什么</div>
-            <input type="text" id="world-intent-input" placeholder="例: 建立聚变创业项目 · 找科研合作" style="width:100%;box-sizing:border-box;padding:8px;border-radius:8px;border:1px solid var(--border,#3a3a36);background:var(--bg-card,#222220);color:var(--text);font-size:13px;">
-            <div style="display:flex;gap:8px;margin:8px 0;">
-              <select id="world-intent-priority" style="font-size:12px;padding:6px;background:var(--bg-card,#222220);color:var(--text);border:1px solid var(--border,#3a3a36);border-radius:6px;">
-                <option value="3">★★★</option><option value="5">★★★★★</option><option value="4">★★★★</option><option value="2">★★</option><option value="1">★</option>
-              </select>
-              <input type="text" id="world-intent-budget" placeholder="预算 ¥" style="font-size:12px;padding:6px;width:80px;background:var(--bg-card,#222220);color:var(--text);border:1px solid var(--border,#3a3a36);border-radius:6px;">
-            </div>
-            <button id="world-intent-set" class="btn-primary btn-sm" style="width:100%;padding:8px;font-size:13px;">声明 → 世界开始找</button>
-            <div id="world-intent-error" style="font-size:12px;color:#f59e0b;margin-top:8px;min-height:16px;"></div>
-            <div style="font-size:11px;color:#606058;margin-top:12px;line-height:1.6;">
-              世界会自己校准 —— 你「看看 / 忽略」的每个动作, 都让接下来的推送更准。
-            </div>
-          </aside>
+      <!-- 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;">
+        <!-- 面板头 (刷新按钮已按用户要求去掉; 内容自动流入) -->
+                <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"
+                 style="flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--border,#3a3a36);background:var(--bg-card,#222220);color:var(--text,#f0f0ea);font-size:13px;">
+          <button id="world-input-send" class="btn-primary btn-sm" style="padding:7px 16px;font-size:12px;">→ 世界</button>
         </div>
       </div>
 
-      <div class="messages" id="messages"></div>
+      <div class="messages" id="messages" hidden></div>
 
       <!-- 2026-06-15: 旧 loop-timeline-panel 删除 — 步骤状态条改在每条 AI 消息气泡内挂 step-timeline 组件 -->
       <!-- 2026-06-16: 循环 status bar — 渲染 tool='loop' | 'compactor' | 'recovery' 的 status 事件
@@ -484,7 +477,7 @@
         <button id="loop-status-check" class="loop-status-action" hidden type="button">✓ 检查</button>
       </div>
 
-      <div class="input-area">
+      <div class="input-area" hidden>
         <div class="input-wrapper">
           <button id="send-tools-toggle" class="send-tools-toggle" title="本次发送是否允许工具调用 (点击切换)"
                   style="display:none;align-items:center;gap:4px;background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:6px;padding:4px 8px;font-size:11px;cursor:pointer;white-space:nowrap;flex-shrink:0;">