@bolloon/bolloon-agent 0.2.12 → 0.2.14

package/dist/web/client-loop-status.js

@@ -0,0 +1,220 @@
+/**
+ * client-loop-status.ts — client.ts 拆出的循环状态条 UI 模块
+ *
+ * 包含:
+ *   - LOOP_STATUS_TOOLS: 关心的 system tool 集合
+ *   - loopBarState: 'loading' / 'retrying' / 'done'
+ *   - renderLoopStatusBar(): 渲染状态条 (含 retry badge)
+ *   - markLoopBarDone() / hideLoopStatusBar() / applyLoopBarState()
+ *   - inspectLoopResult(): 点击"检查"按钮拉循环产物
+ *   - openLoopInspectModal(): 弹窗展示
+ *
+ * 从 src/web/client.ts 抽出 (2026-07-06).
+ *
+ * 浏览器侧: 通过 <script type="module"> 加载, 模块主动挂到 window.LoopStatus
+ * tsx 跑测试: 走 require() 同名拿
+ */
+const LOOP_STATUS_TOOLS = new Set(['loop', 'compactor', 'recovery', 'system']);
+let loopBarState = 'loading';
+let loopBarLastSummary = '';
+const loopStatusBar = document.getElementById('loop-status-bar');
+const loopStatusText = document.getElementById('loop-status-text');
+const loopStatusMeta = document.getElementById('loop-status-meta');
+function renderLoopStatusBar(tool, content) {
+    if (!loopStatusBar || !loopStatusText)
+        return;
+    const t = String(tool || '').toLowerCase();
+    if (!LOOP_STATUS_TOOLS.has(t)) {
+        console.log('[SSE] status (tool=' + t + ', ignored by UI):', content?.slice(0, 80));
+        return;
+    }
+    const retryMatch = String(content || '').match(/自动重试(?: loop)?\s+(\d+)\/(\d+)/);
+    const retryFinal = /自动重试\s+\d+\s*次后仍失败/.test(String(content || ''));
+    loopStatusBar.hidden = false;
+    // 2026-07-06: 静默 pivot "循环 N/M" 文字 — 只显示 spinner 动画, 不暴露计数进度
+    //   LLM 自己约束结束时机, 没有 hard cap. retrying 仍保留文字 (有意义提示).
+    const isPivotLoopMsg = /🔄\s*循环\s*\d+\s*\/\s*\d+/.test(String(content || ''));
+    let mainText;
+    if (isPivotLoopMsg && !retryMatch) {
+        mainText = ''; // 静默 — UI 用 spinner 表达"工作中"
+    }
+    else {
+        mainText = String(content || '')
+            .replace(/^[\u{1F000}-\u{1FFFF}\u{2600}-\u{27BF}]\s*/u, '')
+            .replace(/^↻\s*/, '')
+            .replace(/^⛔\s*/, '')
+            .replace(/^⚠️\s*/, '')
+            .slice(0, 200);
+    }
+    loopStatusText.textContent = mainText;
+    if (retryMatch) {
+        loopBarState = 'retrying';
+        const retryEl = document.getElementById('loop-status-retry');
+        if (retryEl) {
+            retryEl.hidden = false;
+            retryEl.textContent = `自动重试 ${retryMatch[1]}/${retryMatch[2]}`;
+        }
+    }
+    else if (retryFinal) {
+        loopBarState = 'done';
+        const retryEl = document.getElementById('loop-status-retry');
+        if (retryEl)
+            retryEl.hidden = true;
+    }
+    else {
+        if (loopBarState !== 'loading')
+            loopBarState = 'loading';
+        const retryEl = document.getElementById('loop-status-retry');
+        if (retryEl)
+            retryEl.hidden = true;
+    }
+    applyLoopBarState();
+}
+function markLoopBarDone(summary) {
+    loopBarState = 'done';
+    if (summary)
+        loopBarLastSummary = summary;
+    applyLoopBarState();
+}
+function applyLoopBarState() {
+    if (!loopStatusBar)
+        return;
+    loopStatusBar.dataset.state = loopBarState;
+    const checkBtn = document.getElementById('loop-status-check');
+    if (checkBtn)
+        checkBtn.hidden = loopBarState !== 'done';
+}
+function hideLoopStatusBar() {
+    if (!loopStatusBar)
+        return;
+    loopStatusBar.hidden = true;
+    loopBarState = 'loading';
+    loopBarLastSummary = '';
+    const retryEl = document.getElementById('loop-status-retry');
+    if (retryEl)
+        retryEl.hidden = true;
+    applyLoopBarState();
+}
+async function inspectLoopResult() {
+    const checkBtn = document.getElementById('loop-status-check');
+    if (checkBtn) {
+        checkBtn.disabled = true;
+        checkBtn.textContent = '⏳ 加载...';
+    }
+    try {
+        const channelId = window.currentChannelId || '';
+        const r = await fetch(`/api/loop/inspect?channelId=${encodeURIComponent(channelId)}`);
+        const j = await r.json().catch(() => ({}));
+        openLoopInspectModal(j);
+    }
+    catch (err) {
+        console.error('[inspect] error:', err);
+        if (typeof window.showSimpleToast === 'function')
+            window.showSimpleToast('✗ 检查失败');
+    }
+    finally {
+        if (checkBtn) {
+            checkBtn.disabled = false;
+            checkBtn.textContent = '✓ 检查';
+        }
+    }
+}
+function openLoopInspectModal(data) {
+    const existing = document.getElementById('loop-inspect-modal');
+    if (existing)
+        existing.remove();
+    const modal = document.createElement('div');
+    modal.id = 'loop-inspect-modal';
+    modal.className = 'modal active';
+    modal.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1000;';
+    const panel = document.createElement('div');
+    panel.className = 'modal-panel';
+    panel.style.cssText = 'background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:20px;max-width:720px;width:90%;max-height:80vh;overflow:auto;position:relative;';
+    const title = document.createElement('h3');
+    title.textContent = '🔍 循环检查';
+    title.style.cssText = 'margin:0 0 12px;font-size:16px;';
+    panel.appendChild(title);
+    const close = document.createElement('button');
+    close.textContent = '×';
+    close.style.cssText = 'position:absolute;top:8px;right:12px;background:transparent;border:0;font-size:24px;cursor:pointer;color:var(--text-secondary);';
+    close.onclick = () => modal.remove();
+    panel.appendChild(close);
+    if (data.error) {
+        const e = document.createElement('div');
+        e.style.cssText = 'padding:8px 12px;background:rgba(239,68,68,0.12);color:var(--error,#ef4444);border-radius:4px;margin-bottom:12px;font-size:13px;';
+        e.textContent = '⚠️ ' + data.error;
+        panel.appendChild(e);
+    }
+    if (data.summary) {
+        const s = document.createElement('div');
+        s.style.cssText = 'padding:8px 12px;background:var(--bg-tertiary);border-radius:4px;margin-bottom:12px;font-size:13px;';
+        s.textContent = data.summary;
+        panel.appendChild(s);
+    }
+    if (data.tokens && (data.tokens.input || data.tokens.output)) {
+        const t = document.createElement('div');
+        t.style.cssText = 'font-size:12px;color:var(--text-muted);margin-bottom:12px;';
+        t.textContent = `token: input ${data.tokens.input || 0} · output ${data.tokens.output || 0}`;
+        panel.appendChild(t);
+    }
+    if (Array.isArray(data.steps) && data.steps.length > 0) {
+        const h = document.createElement('div');
+        h.textContent = `步骤 (${data.steps.length})`;
+        h.style.cssText = 'font-weight:600;margin-bottom:8px;';
+        panel.appendChild(h);
+        for (const step of data.steps) {
+            const row = document.createElement('div');
+            row.style.cssText = 'padding:6px 10px;margin-bottom:4px;background:var(--bg-secondary);border-left:3px solid var(--accent);border-radius:3px;font-size:12px;';
+            const icon = step.status === 'ok' || step.status === 'completed' ? '✓' : step.status === 'error' || step.status === 'failed' ? '✗' : '○';
+            const dur = step.durationMs ? ` (${(step.durationMs / 1000).toFixed(1)}s)` : '';
+            row.innerHTML = `<b>${icon} ${window.escapeHtml ? window.escapeHtml(step.name) : step.name}</b>${dur}`;
+            if (step.output) {
+                const pre = document.createElement('pre');
+                pre.style.cssText = 'margin:4px 0 0;padding:6px;background:var(--bg);border-radius:3px;font-size:11px;white-space:pre-wrap;word-break:break-word;max-height:120px;overflow:auto;';
+                pre.textContent = String(step.output).slice(0, 800);
+                row.appendChild(pre);
+            }
+            panel.appendChild(row);
+        }
+    }
+    if (data.finalReply) {
+        const h = document.createElement('div');
+        h.textContent = '最终回复';
+        h.style.cssText = 'font-weight:600;margin:12px 0 8px;';
+        panel.appendChild(h);
+        const r = document.createElement('div');
+        r.style.cssText = 'padding:8px 12px;background:var(--bg-secondary);border-radius:4px;font-size:13px;white-space:pre-wrap;word-break:break-word;';
+        r.textContent = data.finalReply;
+        panel.appendChild(r);
+    }
+    if (!data.error && !data.summary && (!data.steps || data.steps.length === 0) && !data.finalReply) {
+        const empty = document.createElement('div');
+        empty.style.cssText = 'text-align:center;padding:24px;color:var(--text-muted);font-size:13px;';
+        empty.textContent = '无循环产出 (可能已 abort, 或没产生 step)';
+        panel.appendChild(empty);
+    }
+    modal.appendChild(panel);
+    modal.onclick = (e) => { if (e.target === modal)
+        modal.remove(); };
+    document.body.appendChild(modal);
+}
+// ESM / CommonJS 双向导出
+// 浏览器侧: <script type="module"> 加载, 模块主动挂到 window.LoopStatus
+// tsx 跑测试: 走 require() 同名拿
+const LoopStatusExports = {
+    renderLoopStatusBar,
+    markLoopBarDone,
+    applyLoopBarState,
+    hideLoopStatusBar,
+    inspectLoopResult,
+    openLoopInspectModal,
+    get loopBarState() { return loopBarState; },
+    get loopBarLastSummary() { return loopBarLastSummary; },
+};
+if (typeof window !== 'undefined') {
+    window.LoopStatus = LoopStatusExports;
+}
+if (typeof module !== 'undefined' && module.exports) {
+    module.exports = LoopStatusExports;
+}
+export { renderLoopStatusBar, markLoopBarDone, applyLoopBarState, hideLoopStatusBar, inspectLoopResult, openLoopInspectModal, };

package/dist/web/client.js

@@ -2142,6 +2142,16 @@
       }
       expandedAgents.add(channelId);
       console.log("[selectChannel] \u9891\u9053:", channel.name, "session:", currentSessionId);
+    } else {
+      console.warn("[selectChannel] channel \u4E0D\u5B58\u5728:", channelId);
+      if (channelNameEl) channelNameEl.textContent = safeChannelName("(channel \u5DF2\u5220\u9664)");
+      currentSessionId = targetSessionId || "default";
+      const orphanContainer = ensureMessageContainer(channelId);
+      showChannelView(channelId);
+      orphanContainer.innerHTML = "";
+      appendSystem(`\u26A0\uFE0F Channel ${channelId} \u5DF2\u4E0D\u5B58\u5728, \u65E0\u6CD5\u7EE7\u7EED\u5BF9\u8BDD\u3002
+\u8BF7\u5237\u65B0\u9875\u9762 (F5) \u6216\u5728\u5DE6\u4FA7\u9009\u62E9\u5176\u4ED6 channel\u3002`, "error");
+      return;
     }
     const t0 = performance.now();
     renderChannelsLite(channelId, currentSessionId);
@@ -2182,6 +2192,13 @@
     const targetSessionId = sessionId || currentSessionId || "default";
     try {
       const res = await fetch(`/sessions/${channelId}?sessionId=${encodeURIComponent(targetSessionId)}`);
+      if (res.status === 404) {
+        const data = await res.json().catch(() => ({}));
+        container.innerHTML = "";
+        appendSystem(`\u26A0\uFE0F Channel ${channelId} \u5DF2\u4E0D\u5B58\u5728, \u65E0\u6CD5\u52A0\u8F7D\u5386\u53F2\u6D88\u606F\u3002
+${data.error || "channel not found"}`, "error");
+        return;
+      }
       const session = await res.json();
       container.innerHTML = "";
       if (session.messages && session.messages.length > 0) {
@@ -4206,7 +4223,7 @@
       addMessage2(text, role === "user" ? "user" : "ai", false, log);
       log.scrollTop = log.scrollHeight;
     };
-    const appendSystem = (text, kind = "info") => {
+    const appendSystem2 = (text, kind = "info") => {
       const el = document.createElement("div");
       el.className = `remote-chat-sysmsg remote-chat-sysmsg-${kind}`;
       el.textContent = text;
@@ -4240,13 +4257,13 @@
         const res = await fetch(`/api/remote-channels/chat-history?targetPublicKey=${encodeURIComponent(peerPublicKey)}&channelId=${encodeURIComponent(channelId)}`);
         const data = await res.json();
         if (!res.ok) {
-          appendSystem(`\u62C9\u53D6\u5931\u8D25: ${data.error || "unknown"}`, "error");
+          appendSystem2(`\u62C9\u53D6\u5931\u8D25: ${data.error || "unknown"}`, "error");
           thinkingEl.style.display = "none";
           return;
         }
         renderHistory(data);
       } catch (err) {
-        appendSystem(`\u62C9\u53D6\u5F02\u5E38: ${err.message}`, "error");
+        appendSystem2(`\u62C9\u53D6\u5F02\u5E38: ${err.message}`, "error");
       } finally {
         thinkingEl.style.display = "none";
       }
@@ -4269,7 +4286,7 @@
       }
       const msgs = data.messages || [];
       if (msgs.length === 0) {
-        appendSystem("\u8FD8\u6CA1\u6709\u5386\u53F2\u6D88\u606F, \u5728\u4E0B\u9762\u53D1\u7B2C\u4E00\u6761\u5427", "info");
+        appendSystem2("\u8FD8\u6CA1\u6709\u5386\u53F2\u6D88\u606F, \u5728\u4E0B\u9762\u53D1\u7B2C\u4E00\u6761\u5427", "info");
       } else {
         for (const m of msgs) {
           const type = m.type === "user" ? "user" : "ai";
@@ -4312,7 +4329,7 @@
         const data = await res.json();
         if (!res.ok) throw new Error(data.error || "send failed");
       } catch (err) {
-        appendSystem("\u53D1\u9001\u5931\u8D25: " + (err.message || err), "error");
+        appendSystem2("\u53D1\u9001\u5931\u8D25: " + (err.message || err), "error");
       } finally {
         sendBtn2.disabled = false;
         sendBtn2.textContent = "\u53D1\u9001";