@bolloon/bolloon-agent 0.2.11 → 0.2.12

package/dist/web/client.js

@@ -1,6 +1,1362 @@
 "use strict";
 (() => {
-  var import_safe_name = require("./util/safe-name.js");
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+    get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+  }) : x)(function(x) {
+    if (typeof require !== "undefined") return require.apply(this, arguments);
+    throw Error('Dynamic require of "' + x + '" is not supported');
+  });
+  var __esm = (fn, res) => function __init() {
+    return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+  };
+  var __export = (target, all) => {
+    for (var name in all)
+      __defProp(target, name, { get: all[name], enumerable: true });
+  };
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+  // src/web/ui/step-timeline.ts
+  function readExpanded(channelId) {
+    if (!channelId) return false;
+    try {
+      return localStorage.getItem(STORAGE_PREFIX + channelId) === "1";
+    } catch {
+      return false;
+    }
+  }
+  function writeExpanded(channelId, expanded) {
+    if (!channelId) return;
+    try {
+      localStorage.setItem(STORAGE_PREFIX + channelId, expanded ? "1" : "0");
+    } catch {
+    }
+  }
+  function computeTitle(steps) {
+    if (steps.length === 0) return "\u6267\u884C\u6B65\u9AA4";
+    const activeIdx = steps.findIndex((s) => s.status === "active");
+    if (activeIdx >= 0) return `\u25CF \u6267\u884C\u4E2D \xB7 ${steps[activeIdx].name}`;
+    const lastErrorIdx = (() => {
+      for (let i = steps.length - 1; i >= 0; i--) {
+        if (steps[i].status === "error") return i;
+      }
+      return -1;
+    })();
+    if (lastErrorIdx >= 0) return `\u2717 \u5931\u8D25 \xB7 ${steps[lastErrorIdx].name}`;
+    return `\u2713 \u5DF2\u5B8C\u6210 \xB7 ${steps.length} \u6B65`;
+  }
+  function render(timelineEl) {
+    const state = stateMap.get(timelineEl);
+    if (!state) return;
+    const { steps, expanded, showAll } = state;
+    const titleEl = timelineEl.querySelector("[data-current-tool]");
+    if (titleEl) titleEl.textContent = computeTitle(steps);
+    const dotsEl = timelineEl.querySelector("[data-dots]");
+    if (dotsEl) {
+      const existing = Array.from(dotsEl.children);
+      for (let i = 0; i < steps.length; i++) {
+        const step = steps[i];
+        let dot = existing[i];
+        if (!dot) {
+          dot = document.createElement("span");
+          dot.className = "step-dot";
+          dot.setAttribute("data-index", String(i));
+          dotsEl.appendChild(dot);
+        }
+        dot.setAttribute("data-status", step.status);
+        dot.setAttribute("title", `${step.name} \xB7 ${step.status}`);
+      }
+      while (dotsEl.children.length > steps.length) {
+        dotsEl.removeChild(dotsEl.lastChild);
+      }
+    }
+    const listEl = timelineEl.querySelector("[data-list]");
+    if (listEl) {
+      const hiddenCount = Math.max(0, steps.length - MAX_VISIBLE_NODES);
+      const visibleSteps = showAll ? steps : steps.slice(-MAX_VISIBLE_NODES);
+      const existing = Array.from(listEl.children);
+      let htmlIdx = 0;
+      if (!showAll && hiddenCount > 0) {
+        let moreBtn = existing[htmlIdx];
+        if (!moreBtn || !moreBtn.classList.contains("step-timeline-more")) {
+          moreBtn = document.createElement("li");
+          moreBtn.className = "step-timeline-more";
+          moreBtn.setAttribute("role", "button");
+          moreBtn.textContent = `+ ${hiddenCount} \u66F4\u591A`;
+          moreBtn.onclick = () => {
+            state.showAll = true;
+            render(timelineEl);
+          };
+          if (existing[htmlIdx] && existing[htmlIdx] !== moreBtn) {
+            listEl.replaceChild(moreBtn, existing[htmlIdx]);
+          } else {
+            listEl.appendChild(moreBtn);
+          }
+        } else {
+          moreBtn.textContent = `+ ${hiddenCount} \u66F4\u591A`;
+        }
+        htmlIdx++;
+      }
+      for (let i = 0; i < visibleSteps.length; i++) {
+        const step = visibleSteps[i];
+        const realIndex = showAll ? i : steps.length - visibleSteps.length + i;
+        let node = existing[htmlIdx];
+        if (!node || !node.classList.contains("step-timeline-node")) {
+          node = document.createElement("li");
+          node.className = "step-timeline-node";
+          node.setAttribute("data-index", String(realIndex));
+          const marker = document.createElement("span");
+          marker.className = "step-timeline-marker";
+          const label2 = document.createElement("span");
+          label2.className = "step-timeline-label";
+          const args = document.createElement("span");
+          args.className = "step-timeline-args";
+          node.appendChild(marker);
+          node.appendChild(label2);
+          node.appendChild(args);
+          if (existing[htmlIdx] && existing[htmlIdx] !== node) {
+            listEl.replaceChild(node, existing[htmlIdx]);
+          } else {
+            listEl.appendChild(node);
+          }
+        } else {
+          node.setAttribute("data-index", String(realIndex));
+        }
+        node.setAttribute("data-status", step.status);
+        const label = node.querySelector(".step-timeline-label");
+        if (label) label.textContent = step.name;
+        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) : "";
+          argsEl.textContent = argStr;
+          argsEl.style.display = argStr ? "" : "none";
+        }
+        htmlIdx++;
+      }
+      while (listEl.children.length > htmlIdx) {
+        listEl.removeChild(listEl.lastChild);
+      }
+    }
+    if (steps.length === 0) {
+      timelineEl.setAttribute("data-empty", "true");
+    } else {
+      timelineEl.removeAttribute("data-empty");
+    }
+    const body = timelineEl.querySelector("[data-body]");
+    if (body) {
+      if (expanded) {
+        body.style.maxHeight = body.scrollHeight + "px";
+        setTimeout(() => {
+          if (state.expanded) body.style.maxHeight = "";
+        }, 300);
+      } else {
+        body.style.maxHeight = "0";
+      }
+    }
+    const arrow = timelineEl.querySelector(".step-timeline-arrow");
+    if (arrow) arrow.style.transform = expanded ? "rotate(180deg)" : "rotate(0deg)";
+    if (expanded && listEl) {
+      listEl.scrollTop = listEl.scrollHeight;
+    }
+  }
+  function createEmptyStepTimeline(channelId = null) {
+    const root = document.createElement("div");
+    root.className = "step-timeline";
+    root.setAttribute("data-step-timeline", "");
+    root.setAttribute("data-empty", "true");
+    const summary = document.createElement("div");
+    summary.className = "step-timeline-summary";
+    summary.setAttribute("data-summary", "");
+    const titleSpan = document.createElement("span");
+    titleSpan.className = "step-timeline-title";
+    const titleContent = document.createElement("span");
+    titleContent.setAttribute("data-current-tool", "");
+    titleContent.textContent = "\u6267\u884C\u6B65\u9AA4";
+    titleSpan.appendChild(titleContent);
+    const dots = document.createElement("div");
+    dots.className = "step-timeline-dots";
+    dots.setAttribute("data-dots", "");
+    const arrow = document.createElement("span");
+    arrow.className = "step-timeline-arrow";
+    arrow.textContent = "\u25BE";
+    summary.appendChild(titleSpan);
+    summary.appendChild(dots);
+    summary.appendChild(arrow);
+    summary.onclick = () => {
+      const state = stateMap.get(root);
+      if (!state) return;
+      state.expanded = !state.expanded;
+      writeExpanded(state.channelId, state.expanded);
+      render(root);
+    };
+    const body = document.createElement("div");
+    body.className = "step-timeline-body";
+    body.setAttribute("data-body", "");
+    const list = document.createElement("ul");
+    list.className = "step-timeline-list";
+    list.setAttribute("data-list", "");
+    body.appendChild(list);
+    root.appendChild(summary);
+    root.appendChild(body);
+    const initialExpanded = readExpanded(channelId);
+    stateMap.set(root, {
+      steps: [],
+      currentIndex: -1,
+      expanded: initialExpanded,
+      channelId: channelId || null,
+      showAll: false
+    });
+    render(root);
+    return root;
+  }
+  function mountStepTimeline(messageEl, channelId) {
+    const existing = messageEl.querySelector("[data-step-timeline]");
+    if (existing) {
+      const state = stateMap.get(existing);
+      if (state && channelId && !state.channelId) state.channelId = channelId;
+      return existing;
+    }
+    const bubble = messageEl.querySelector(".bubble");
+    const actions = messageEl.querySelector(".message-actions");
+    const timeline = createEmptyStepTimeline(channelId);
+    if (actions && actions.parentNode === messageEl) {
+      messageEl.insertBefore(timeline, actions);
+    } else if (bubble && bubble.parentNode === messageEl) {
+      bubble.parentNode.insertBefore(timeline, bubble.nextSibling);
+    } else {
+      messageEl.appendChild(timeline);
+    }
+    return timeline;
+  }
+  function pushStepToTimeline(timelineEl, eventType, data) {
+    const state = stateMap.get(timelineEl);
+    if (!state) return;
+    const { steps } = state;
+    if (eventType === "step_start") {
+      state.currentIndex = steps.length;
+      steps.push({
+        name: data.tool,
+        status: "active",
+        args: data.args,
+        eventType
+      });
+    } else {
+      let targetIdx = state.currentIndex;
+      if (targetIdx < 0 || !steps[targetIdx] || steps[targetIdx].name !== data.tool) {
+        for (let i = steps.length - 1; i >= 0; i--) {
+          if (steps[i].name === data.tool && steps[i].status === "active") {
+            targetIdx = i;
+            break;
+          }
+        }
+      }
+      if (targetIdx < 0) {
+        targetIdx = steps.length;
+        steps.push({ name: data.tool, status: "error", eventType });
+      }
+      if (eventType === "step_done") {
+        steps[targetIdx].status = data.success === false ? "error" : "done";
+        if (data.output) steps[targetIdx].output = data.output;
+        if (data.error) steps[targetIdx].error = data.error;
+      } else {
+        steps[targetIdx].status = "error";
+        if (data.error) steps[targetIdx].error = data.error;
+      }
+      steps[targetIdx].eventType = eventType;
+      state.currentIndex = -1;
+    }
+    render(timelineEl);
+  }
+  function migrateStepTimeline(fromEl, toEl) {
+    const fromTimeline = fromEl.querySelector("[data-step-timeline]");
+    const toTimeline = toEl.querySelector("[data-step-timeline]");
+    if (!fromTimeline) return;
+    if (toTimeline && toTimeline !== fromTimeline) {
+      toTimeline.remove();
+    }
+    if (toTimeline !== fromTimeline) {
+      toEl.appendChild(fromTimeline);
+    }
+    const state = stateMap.get(fromTimeline);
+    if (state) {
+      render(fromTimeline);
+    }
+  }
+  function getStepTimeline(messageEl) {
+    if (!messageEl) return null;
+    return messageEl.querySelector("[data-step-timeline]");
+  }
+  var MAX_VISIBLE_NODES, STORAGE_PREFIX, stateMap;
+  var init_step_timeline = __esm({
+    "src/web/ui/step-timeline.ts"() {
+      "use strict";
+      MAX_VISIBLE_NODES = 8;
+      STORAGE_PREFIX = "bolloon.stepTimeline.expanded.";
+      stateMap = /* @__PURE__ */ new WeakMap();
+    }
+  });
+
+  // src/agents/parse-tool-call.ts
+  function defaultResolveAlias(name, tools) {
+    if (tools.has(name)) return name;
+    const lower = name.toLowerCase();
+    const aliasMap = {
+      read: "read_file",
+      edit: "edit_file",
+      write: "write_file",
+      rm: "delete_file",
+      mv: "move_file",
+      bash: "shell_exec",
+      shell: "shell_exec",
+      sh: "shell_exec",
+      cat: "read_file",
+      test: "vitest_run",
+      vitest: "vitest_run",
+      typecheck: "tsc_check",
+      tsc: "tsc_check",
+      log: "git_log",
+      show: "git_show",
+      diff: "git_diff",
+      commit: "git_commit",
+      push: "git_push",
+      branch: "git_branch",
+      checkout: "git_branch",
+      stash: "git_stash",
+      todo_write: "create_task",
+      todowrite: "create_task",
+      task: "create_task"
+    };
+    const aliased = aliasMap[lower];
+    if (aliased && tools.has(aliased)) return aliased;
+    if (tools.has(lower)) return lower;
+    return null;
+  }
+  function autoSplitCommand(args) {
+    if (typeof args.command === "string" && args.command.includes(" ") && !args.args) {
+      const parts = args.command.split(/\s+/);
+      args.command = parts[0];
+      args.args = parts.slice(1).join(" ");
+    }
+  }
+  function resolve(ctx, name) {
+    if (ctx.resolveAlias) return ctx.resolveAlias(name);
+    return defaultResolveAlias(name, ctx.tools);
+  }
+  function parseToolCall(content, ctx) {
+    if (!content) return null;
+    const strippedContent = content.replace(/<think[\s\S]*?<\/think/g, "");
+    const jsonPatterns = [
+      // markdown json code block + OpenAI  块, 同时匹配 arguments/input 字段
+      /(?:```(?:json|json5)?\s*\n?)?\{[\s\S]*?"name"\s*:\s*["'](\w+)["']\s*,\s*["']?(?:arguments|input)["']?\s*:\s*(\{[\s\S]*?\})\s*\}/
+    ];
+    for (const p of jsonPatterns) {
+      const m = content.match(p);
+      if (m) {
+        const name = m[1];
+        let args = {};
+        try {
+          const parsed = JSON.parse(m[2]);
+          if (parsed && typeof parsed === "object") {
+            args = Object.fromEntries(Object.entries(parsed).map(([k, v]) => [k, String(v)]));
+          }
+        } catch {
+        }
+        autoSplitCommand(args);
+        const resolved = resolve(ctx, name);
+        if (resolved) {
+          return { name: resolved, args };
+        }
+      }
+    }
+    const toolsCallMatch = content.match(/<tools:call\s+name=["'](\w+)["']>([\s\S]*?)<\/tools:call>/);
+    if (toolsCallMatch) {
+      const name = toolsCallMatch[1];
+      const inner = toolsCallMatch[2];
+      const args = {};
+      const argTags = inner.matchAll(/<tools:call\s+name=["'](\w+)["']>([\s\S]*?)<\/tools:call>/g);
+      for (const m of argTags) {
+        args[m[1]] = m[2].trim();
+      }
+      const resolved = resolve(ctx, name);
+      if (resolved) {
+        return { name: resolved, args };
+      }
+      if (args.command) {
+        const cmdFirst = args.command.split(/\s+/)[0];
+        if (SHELL_KEYWORDS.includes(cmdFirst)) {
+          return { name: "shell_exec", args };
+        }
+      }
+    }
+    const patterns = [
+      // minimax/Hermes 自闭合 XML 格式 <invoke name="X">...</invoke>
+      new RegExp(`<invoke\\s+name=["']([\\w]+)["']>([\\s\\S]*?)</invoke>`),
+      // <function_calls> 包裹
+      new RegExp(`<function_calls>[\\s\\S]*?<invoke\\s+name=["']([\\w]+)["']>([\\s\\S]*?)</invoke>[\\s\\S]*?</function_calls>`),
+      // <function_calls><tool name="X"><param name="Y">value</param></tool></function_calls>
+      new RegExp(`<function_calls>[\\s\\S]*?<tool\\s+name=["']([\\w]+)["']>([\\s\\S]*?)</tool>[\\s\\S]*?</function_calls>`),
+      /调用工具[：:]\s*(\w+)\s*\(([^)]*)\)/,
+      /使用工具[：:]\s*(\w+)\s*\(([^)]*)\)/,
+      /tool[_\w]*[：:]\s*(\w+)\s*\(([^)]*)\)/i,
+      /(\w+)\s*\(\s*([^)]*)\s*\)/,
+      // 对象字面量格式 {tool => "get_identity", args => {...}}
+      /\{\s*tool\s*=>\s*["'](\w+)["']\s*(?:,\s*args\s*=>\s*(\{[\s\S]*?\}))?\s*\}/,
+      // tool => "get_identity" (无 args 包裹)
+      /\btool\s*=>\s*["'](\w+)["']/,
+      // [TOOL_CALL] 块内 JSON 形式 {"name": "x", "args": {...}}
+      /\[TOOL_CALL\][\s\S]*?\{\s*"name"\s*:\s*"(\w+)"\s*,\s*"args"\s*:\s*(\{[\s\S]*?\})/i,
+      // "tool_name {json_args}" 形式 (单行, 无 name 字段)
+      /(?:^|\n)(\w+)\s+(\{[\s\S]*?\})(?=\n|$)/,
+      // XML 格式 <tool_name>...<arg>value</arg>...</tool_name>
+      /<(\w+)>([\s\S]*?)<\/\1>/
+    ];
+    for (const pattern of patterns) {
+      const match = strippedContent.match(pattern);
+      if (!match) continue;
+      const name = match[1];
+      let args = {};
+      const rawArgs = match[2] || "";
+      if (rawArgs && rawArgs.trim().startsWith("{")) {
+        try {
+          const parsed = JSON.parse(rawArgs);
+          if (parsed && typeof parsed === "object") {
+            args = Object.fromEntries(Object.entries(parsed).map(([k, v]) => [k, String(v)]));
+          }
+        } catch {
+          const argPairs = rawArgs.split(",").map((s) => s.trim()).filter(Boolean);
+          for (const pair of argPairs) {
+            const [key, ...valueParts] = pair.split(":").map((s) => s.trim().replace(/['"]/g, ""));
+            if (key) args[key] = valueParts.join(":") || "";
+          }
+        }
+      } else if (rawArgs && /<[\w]/.test(rawArgs) && /<\/\w+>/.test(rawArgs)) {
+        const paramRe = /<parameter\s+name=["'](\w+)["']>([\s\S]*?)<\/parameter>/g;
+        const paramReShort = /<param\s+name=["'](\w+)["']>([\s\S]*?)<\/param>/g;
+        let pMatch;
+        while ((pMatch = paramRe.exec(rawArgs)) !== null) {
+          const argName = pMatch[1];
+          const argValue = pMatch[2].trim();
+          if (argName && argValue) {
+            args[argName] = argValue;
+          }
+        }
+        if (Object.keys(args).length === 0) {
+          let sMatch;
+          paramReShort.lastIndex = 0;
+          while ((sMatch = paramReShort.exec(rawArgs)) !== null) {
+            const argName = sMatch[1];
+            const argValue = sMatch[2].trim().replace(/^["']|["']$/g, "");
+            if (argName && argValue) {
+              args[argName] = argValue;
+            }
+          }
+        }
+        if (Object.keys(args).length === 0) {
+          const xmlArgPattern = /<(\w+)>([\s\S]*?)<\/\1>/g;
+          let xmlMatch;
+          while ((xmlMatch = xmlArgPattern.exec(rawArgs)) !== null) {
+            const argName = xmlMatch[1];
+            const argValue = xmlMatch[2].trim();
+            if (argName && argValue) {
+              args[argName] = argValue;
+            }
+          }
+        }
+      } else if (rawArgs) {
+        const argPairs = rawArgs.split(",").map((s) => s.trim()).filter(Boolean);
+        for (const pair of argPairs) {
+          const [key, ...valueParts] = pair.split(":").map((s) => s.trim().replace(/['"]/g, ""));
+          if (key) args[key] = valueParts.join(":") || "";
+        }
+      }
+      const resolved = ctx.tools.has(name) ? name : resolve(ctx, name);
+      if (resolved) {
+        autoSplitCommand(args);
+        return { name: resolved, args };
+      }
+      if (rawArgs && /<\w+>[\s\S]*<\/\w+>/.test(strippedContent)) {
+        break;
+      }
+    }
+    const xmlTagMatch = strippedContent.match(/<(\w+)>([\s\S]*?)<\/\1>/);
+    if (xmlTagMatch) {
+      const outerTag = xmlTagMatch[1];
+      const inner = xmlTagMatch[2];
+      if (!resolve(ctx, outerTag)) {
+        const cmdMatch = inner.match(/<command>([\s\S]*?)<\/command>/);
+        if (cmdMatch) {
+          const cmd = cmdMatch[1].trim();
+          const cmdFirst = cmd.split(/\s+/)[0];
+          if (SHELL_KEYWORDS.includes(cmdFirst)) {
+            const args = {};
+            const remaining = cmd.slice(cmdFirst.length).trim();
+            if (remaining) {
+              args.command = cmdFirst;
+              args.args = remaining;
+            } else {
+              args.command = cmd;
+            }
+            const argsM = inner.match(/<args>([\s\S]*?)<\/args>/);
+            if (argsM && argsM[1].trim()) {
+              args.args = argsM[1].trim();
+            }
+            return { name: "shell_exec", args };
+          }
+        }
+      }
+    }
+    return null;
+  }
+  var SHELL_KEYWORDS;
+  var init_parse_tool_call = __esm({
+    "src/agents/parse-tool-call.ts"() {
+      "use strict";
+      SHELL_KEYWORDS = ["git", "npx", "npm", "tsx", "tsc", "vitest", "node", "mkdir", "touch", "ls", "echo", "cat", "head", "tail", "wc", "pwd", "date"];
+    }
+  });
+
+  // src/agents/chat-segmenter.ts
+  function segmentChatReply(reply, ctx) {
+    if (!reply) return [];
+    const segments = [];
+    let remaining = reply;
+    if (!remaining.startsWith("<think>")) {
+      remaining = extractLeadingThinking(remaining, segments);
+    }
+    remaining = extractAndPush("think", remaining, segments, /<think>([\s\S]*?)<\/think>/g);
+    remaining = extractAndPush("env_details", remaining, segments, /<environment_details>([\s\S]*?)<\/environment_details>/g);
+    remaining = stripToolCallMarkers(remaining, segments, ctx);
+    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();
+    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) {
+    const matches = [];
+    const localRe = new RegExp(re.source, re.flags);
+    let m;
+    while ((m = localRe.exec(text)) !== null) {
+      const content = m[1] ? m[1].trim() : "";
+      matches.push({
+        start: m.index,
+        end: m.index + m[0].length,
+        content
+      });
+      if (m[0].length === 0) localRe.lastIndex++;
+    }
+    if (matches.length === 0) return text;
+    for (const m2 of matches) {
+      if (m2.content) out.push({ type, content: m2.content });
+    }
+    let next = "";
+    let cursor = 0;
+    for (const m2 of matches) {
+      next += text.substring(cursor, m2.start);
+      cursor = m2.end;
+    }
+    next += text.substring(cursor);
+    return next;
+  }
+  function extractLeadingThinking(text, out) {
+    const firstLineEnd = text.indexOf("\n");
+    const firstLine = firstLineEnd === -1 ? text : text.substring(0, firstLineEnd);
+    const rest = firstLineEnd === -1 ? "" : text.substring(firstLineEnd + 1);
+    const thinkingStartRe = /^(让我|我先|我应该|先来|先|接下来|好的[,，]?\s*我|让我先|先看看|让我看看|思考|考虑)/;
+    const enThinkingStartRe = /^(Let me|I'll|I will|First,|Next,|Now,|So,|Alright[,.]\s+(?:let me|I'll|I will))/i;
+    if (firstLine.trim().length === 0) {
+      return text;
+    }
+    if (firstLine.length <= 120 && (thinkingStartRe.test(firstLine) || enThinkingStartRe.test(firstLine))) {
+      out.push({ type: "think", content: firstLine.trim() });
+      return rest;
+    }
+    if (firstLine.length <= 80 && (thinkingStartRe.test(firstLine) || enThinkingStartRe.test(firstLine))) {
+      out.push({ type: "think", content: firstLine.trim() });
+      return rest;
+    }
+    return text;
+  }
+  function filterFillerText(text) {
+    const lines = text.split("\n");
+    const filtered = [];
+    for (const line of lines) {
+      const t = line.trim();
+      if (!t) continue;
+      if (/^(好|好了|好的|完成|完成了|任务完成|可以|可以了|答完了|说完了|就这样|完了|done|ok|OK|Okay|okay|alright|fine|let me check|我来)\.?$/i.test(t)) {
+        continue;
+      }
+      filtered.push(line);
+    }
+    return filtered.join("\n").trim();
+  }
+  function stripToolCallMarkers(text, out, ctx) {
+    let result = text.replace(/\[TOOL_CALL\][\s\S]*?\[\/TOOL_CALL\]/g, (m) => {
+      const parsed = parseToolCall(m, { tools: ctx.knownToolNames });
+      if (parsed) out.push({ type: "tool_call", tool: { name: parsed.name, args: parsed.args } });
+      return "";
+    });
+    result = result.replace(/<tool_call>[\s\S]*?<\/tool_call>/gi, (m) => {
+      const parsed = parseToolCall(m, { tools: ctx.knownToolNames });
+      if (parsed) out.push({ type: "tool_call", tool: { name: parsed.name, args: parsed.args } });
+      return "";
+    });
+    result = result.replace(/<invoke\s+name=["']([\w]+)["']>([\s\S]*?)<\/invoke>/g, (_m, name, inner) => {
+      if (ctx.knownToolNames.has(name)) {
+        const args = extractSimpleArgs(inner);
+        out.push({ type: "tool_call", tool: { name, args } });
+      }
+      return "";
+    });
+    result = result.replace(/<function_calls>[\s\S]*?<\/function_calls>/g, (m) => {
+      const parsed = parseToolCall(m, { tools: ctx.knownToolNames });
+      if (parsed) out.push({ type: "tool_call", tool: { name: parsed.name, args: parsed.args } });
+      return "";
+    });
+    result = result.replace(
+      /\{\s*"name"\s*:\s*"([\w]+)"\s*,\s*"(?:arguments|input|args|params)"\s*:\s*(\{[\s\S]*?\})\s*\}/g,
+      (_m, name, argsJson) => {
+        if (!ctx.knownToolNames.has(name)) return "";
+        let args = {};
+        try {
+          const parsed = JSON.parse(argsJson);
+          if (parsed && typeof parsed === "object") {
+            args = Object.fromEntries(Object.entries(parsed).map(([k, v]) => [k, String(v)]));
+          }
+        } catch {
+        }
+        out.push({ type: "tool_call", tool: { name, args } });
+        return "";
+      }
+    );
+    result = result.replace(/\{\s*tool\s*=>\s*["']([\w]+)["']\s*(?:,\s*args\s*=>\s*(\{[\s\S]*?\}))?\s*\}/g, (_m, name, argsJson) => {
+      if (!ctx.knownToolNames.has(name)) return "";
+      let args = {};
+      if (argsJson) {
+        try {
+          const parsed = JSON.parse(argsJson);
+          if (parsed && typeof parsed === "object") {
+            args = Object.fromEntries(Object.entries(parsed).map(([k, v]) => [k, String(v)]));
+          }
+        } catch {
+        }
+      }
+      out.push({ type: "tool_call", tool: { name, args } });
+      return "";
+    });
+    result = result.replace(/\[Function[^\]]*\]\s*/g, "");
+    result = stripUnclosedToolCallTags(result);
+    return result;
+  }
+  function stripUnclosedToolCallTags(text) {
+    const startTags = [
+      { tag: "<tool_call>", closeTag: "</tool_call>", openRe: /<tool_call>/g },
+      { tag: "<invoke ", closeTag: "</invoke>", openRe: /<invoke\s+name=["']([\w]+)["']>/g },
+      { tag: "<function_calls>", closeTag: "</function_calls>", openRe: /<function_calls>/g },
+      { tag: "[TOOL_CALL]", closeTag: "[/TOOL_CALL]", openRe: /\[TOOL_CALL\]/g }
+    ];
+    let result = text;
+    for (const { tag, closeTag, openRe } of startTags) {
+      let m;
+      while ((m = openRe.exec(result)) !== null) {
+        const tail = result.substring(m.index);
+        const closeIdx = tail.indexOf(closeTag);
+        if (closeIdx === -1) {
+          const nextBlank = result.indexOf("\n\n", m.index);
+          const endIdx = nextBlank === -1 ? result.length : nextBlank;
+          result = result.substring(0, m.index) + result.substring(endIdx);
+          break;
+        }
+      }
+    }
+    return result;
+  }
+  function extractSimpleArgs(inner) {
+    const args = {};
+    const paramRe = /<parameter\s+name=["'](\w+)["']>([\s\S]*?)<\/parameter>/g;
+    let m;
+    while ((m = paramRe.exec(inner)) !== null) {
+      args[m[1]] = m[2].trim();
+    }
+    if (Object.keys(args).length === 0) {
+      const shortRe = /<param\s+name=["'](\w+)["']>([\s\S]*?)<\/param>/g;
+      while ((m = shortRe.exec(inner)) !== null) {
+        args[m[1]] = m[2].trim().replace(/^["']|["']$/g, "");
+      }
+    }
+    if (Object.keys(args).length === 0) {
+      const cmdM = inner.match(/<command>([\s\S]*?)<\/command>/);
+      const argsM = inner.match(/<args>([\s\S]*?)<\/args>/);
+      if (cmdM) {
+        const cmd = cmdM[1].trim();
+        if (cmd.includes(" ") && !argsM) {
+          const parts = cmd.split(/\s+/);
+          args.command = parts[0];
+          args.args = parts.slice(1).join(" ");
+        } else {
+          args.command = cmd;
+        }
+      }
+      if (argsM) args.args = argsM[1].trim();
+    }
+    return args;
+  }
+  var init_chat_segmenter = __esm({
+    "src/agents/chat-segmenter.ts"() {
+      "use strict";
+      init_parse_tool_call();
+    }
+  });
+
+  // src/web/ui/message-renderer.ts
+  var message_renderer_exports = {};
+  __export(message_renderer_exports, {
+    MessageRenderer: () => MessageRenderer,
+    addMessage: () => addMessage,
+    escapeHtml: () => escapeHtml,
+    finalizeTimelineAsMessage: () => finalizeTimelineAsMessage,
+    getMessagesContainerForCurrent: () => getMessagesContainerForCurrent,
+    handleStepEvent: () => handleStepEvent,
+    handleStreamTokenEvent: () => handleStreamTokenEvent,
+    hasStreamingText: () => hasStreamingText,
+    injectRecoveredText: () => injectRecoveredText,
+    replaceStreamingText: () => replaceStreamingText,
+    resetRendererState: () => resetRendererState
+  });
+  function hasStreamingText() {
+    return streamingText.length > 0;
+  }
+  function replaceStreamingText(fullContent) {
+    if (!streamingTextNode || !streamingMessageEl) {
+      return;
+    }
+    streamingTextNode.nodeValue = String(fullContent || "");
+    streamingText = String(fullContent || "");
+  }
+  function injectRecoveredText(partialText, ctx = { messagesEl: null, messagesContainers: /* @__PURE__ */ new Map(), currentChannelId: null }) {
+    if (streamingMessageEl && streamingTextNode) {
+      streamingTextNode.nodeValue = String(partialText || "");
+      streamingText = String(partialText || "");
+      return;
+    }
+    handleStreamTokenEvent(
+      {
+        type: "token",
+        streamType: "token",
+        content: String(partialText || ""),
+        delta: String(partialText || "")
+      },
+      ctx
+    );
+  }
+  function scheduleScrollToBottom(container) {
+    if (!container) return;
+    if (scrollToBottomTimer) return;
+    scrollToBottomTimer = setTimeout(() => {
+      container.scrollTop = container.scrollHeight;
+      scrollToBottomTimer = null;
+    }, 60);
+  }
+  function getMessagesContainerForCurrent(currentChannelId2, messagesContainers2, messagesEl2) {
+    if (currentChannelId2 && messagesContainers2.get(currentChannelId2)) {
+      return messagesContainers2.get(currentChannelId2) || null;
+    }
+    return messagesEl2;
+  }
+  function escapeHtml(s) {
+    return String(s ?? "").replace(/[&<>"']/g, (c) => ({
+      "&": "&amp;",
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;"
+    })[c]);
+  }
+  function addMessage(content, type, save = true, container, usedJudgmentIds = [], ctx = { messagesEl: null, messagesContainers: /* @__PURE__ */ new Map(), currentChannelId: null }) {
+    const messagesEl2 = ctx.messagesEl || (typeof document !== "undefined" ? document.getElementById("messages") : null);
+    const messagesContainers2 = ctx.messagesContainers || /* @__PURE__ */ new Map();
+    const currentChannelId2 = ctx.currentChannelId;
+    const msgContainer = container || getMessagesContainerForCurrent(currentChannelId2, messagesContainers2, messagesEl2);
+    if (!save && msgContainer && msgContainer.children.length > 200) {
+      const toRemove = msgContainer.children.length - 200;
+      for (let i = 0; i < toRemove; i++) {
+        const first = msgContainer.firstElementChild;
+        if (first) msgContainer.removeChild(first);
+      }
+    }
+    if (save) {
+      const lastContent = type === "user" ? lastUserCommand : lastAiContent;
+      if (lastContent && content === lastContent) {
+        console.log(`[addMessage] \u8DF3\u8FC7\u91CD\u590D\u7684 ${type} \u6D88\u606F`);
+        return;
+      }
+      if (type === "user") lastUserCommand = content;
+      else lastAiContent = content;
+    }
+    const div = document.createElement("div");
+    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();
+      }
+    }
+    const knownToolNames = ctx && ctx.knownToolNames || /* @__PURE__ */ new Set();
+    const segments = segmentChatReply(cleanContent, { knownToolNames });
+    if (segments.length === 0) {
+      return;
+    }
+    let thinkContainer = null;
+    let renderedAny = false;
+    for (const seg of segments) {
+      if (seg.type === "think" && seg.content) {
+        thinkContainer = buildThinkContainer(seg.content);
+        div.appendChild(thinkContainer);
+        renderedAny = true;
+      } else if (seg.type === "env_details" && seg.content) {
+        div.appendChild(buildEnvContainer(seg.content));
+        renderedAny = true;
+      } else if (seg.type === "text" && seg.content) {
+        if (thinkContainer) div.appendChild(thinkContainer);
+        thinkContainer = null;
+        div.appendChild(buildBubble(seg.content, type));
+        renderedAny = true;
+      } else if (seg.type === "final" && seg.content) {
+        if (thinkContainer) div.appendChild(thinkContainer);
+        thinkContainer = null;
+        const finalEl = buildBubble(seg.content, type);
+        finalEl.classList.add("bubble-final");
+        div.appendChild(finalEl);
+        renderedAny = true;
+      } else if (seg.type === "tool_call" && seg.tool) {
+        if (ctx && ctx.toolCallCallback) {
+          ctx.toolCallCallback(seg.tool, div);
+        }
+        renderedAny = true;
+      }
+    }
+    if (!renderedAny) {
+      return;
+    }
+    const rawContent = segments.filter((s) => s.type === "text" || s.type === "final").map((s) => s.content || "").join("\n");
+    const time = document.createElement("div");
+    time.className = "time";
+    time.textContent = (/* @__PURE__ */ new Date()).toLocaleTimeString("zh-CN", { hour: "2-digit", minute: "2-digit" });
+    if (type === "ai") {
+      div.appendChild(buildMessageActions(div, rawContent, ctx));
+    }
+    if (type === "ai" && Array.isArray(usedJudgmentIds) && usedJudgmentIds.length > 0) {
+      const link = document.createElement("a");
+      link.className = "used-judgments-link";
+      link.textContent = `\u{1F4CE} \u53C2\u8003 ${usedJudgmentIds.length} \u6761\u539F\u5219`;
+      link.onclick = (e) => {
+        e.preventDefault();
+        if (typeof ctx.openJudgmentsModalWithFilter === "function") {
+          ctx.openJudgmentsModalWithFilter(usedJudgmentIds);
+        }
+      };
+      div.appendChild(link);
+    }
+    if (type === "ai" && msgContainer) {
+      mountStepTimeline(div, currentChannelId2);
+    }
+    div.appendChild(time);
+    if (msgContainer) {
+      msgContainer.appendChild(div);
+      scheduleScrollToBottom(msgContainer);
+    }
+  }
+  function buildThinkContainer(thinkContent) {
+    const container = document.createElement("div");
+    container.className = "think-container";
+    const toggle = document.createElement("div");
+    toggle.className = "think-toggle";
+    toggle.innerHTML = '\u{1F4AD} \u601D\u8003\u8FC7\u7A0B <span class="think-arrow">\u25B8</span>';
+    toggle.onclick = function() {
+      const details = container.querySelector(".think-content");
+      const arrow = toggle.querySelector(".think-arrow");
+      if (!details || !arrow) return;
+      if (details.style.display === "none") {
+        details.style.display = "block";
+        arrow.textContent = "\u25BE";
+      } else {
+        details.style.display = "none";
+        arrow.textContent = "\u25B8";
+      }
+    };
+    const content = document.createElement("div");
+    content.className = "think-content";
+    content.style.display = "none";
+    content.innerHTML = `<pre>${escapeHtml(thinkContent)}</pre>`;
+    container.appendChild(toggle);
+    container.appendChild(content);
+    return container;
+  }
+  function buildEnvContainer(envDetails) {
+    const container = document.createElement("div");
+    container.className = "env-container";
+    const toggle = document.createElement("div");
+    toggle.className = "env-toggle";
+    toggle.innerHTML = '\u2699\uFE0F \u73AF\u5883\u4FE1\u606F <span class="env-arrow">\u25B8</span>';
+    toggle.onclick = function() {
+      const details = container.querySelector(".environment-details");
+      const arrow = toggle.querySelector(".env-arrow");
+      if (!details || !arrow) return;
+      if (details.style.display === "none") {
+        details.style.display = "block";
+        arrow.textContent = "\u25BE";
+      } else {
+        details.style.display = "none";
+        arrow.textContent = "\u25B8";
+      }
+    };
+    const content = document.createElement("div");
+    content.className = "environment-details";
+    content.style.display = "none";
+    content.innerHTML = `<pre>${escapeHtml(envDetails)}</pre>`;
+    container.appendChild(toggle);
+    container.appendChild(content);
+    return container;
+  }
+  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);
+    return bubble;
+  }
+  function buildMessageActions(div, rawContent, ctx) {
+    const actions = document.createElement("div");
+    actions.className = "message-actions";
+    const copyBtn = document.createElement("button");
+    copyBtn.className = "action-btn copy-btn";
+    copyBtn.innerHTML = copyIcon() + " \u590D\u5236";
+    copyBtn.title = "\u590D\u5236\u6D88\u606F";
+    copyBtn.onclick = () => {
+      navigator.clipboard.writeText(rawContent).then(() => {
+        copyBtn.innerHTML = checkIcon() + " \u5DF2\u590D\u5236";
+        setTimeout(() => {
+          copyBtn.innerHTML = copyIcon() + " \u590D\u5236";
+        }, 2e3);
+      });
+    };
+    actions.appendChild(copyBtn);
+    const saveJudgmentBtn = document.createElement("button");
+    saveJudgmentBtn.className = "action-btn save-as-judgment";
+    saveJudgmentBtn.title = "AI \u84B8\u998F\u4E3A 30-80 \u5B57\u5224\u65AD\u529B + \u81EA\u52A8\u6F14\u5316\u5BF9\u9F50";
+    saveJudgmentBtn.setAttribute("data-decision", rawContent.substring(0, 800));
+    if (ctx.currentChannelId) saveJudgmentBtn.setAttribute("data-channel-id", ctx.currentChannelId);
+    saveJudgmentBtn.innerHTML = shieldIcon() + " \u84B8\u998F\u4E3A\u5224\u65AD";
+    actions.appendChild(saveJudgmentBtn);
+    const regenBtn = document.createElement("button");
+    regenBtn.className = "action-btn regenerate-btn";
+    regenBtn.innerHTML = refreshIcon(false) + " \u91CD\u65B0\u56DE\u7B54";
+    regenBtn.title = "\u91CD\u65B0\u751F\u6210\u56DE\u590D";
+    regenBtn.onclick = () => {
+      regenBtn.innerHTML = refreshIcon(true) + " \u751F\u6210\u4E2D...";
+      regenBtn.disabled = true;
+      const messages = div.parentElement?.querySelectorAll(".message") || [];
+      let lastUserMsg = "";
+      for (let i = messages.length - 1; i >= 0; i--) {
+        const msg = messages[i];
+        if (msg.classList.contains("message-user")) {
+          const bubble = msg.querySelector(".bubble");
+          if (bubble) {
+            lastUserMsg = bubble.textContent || bubble.innerText || "";
+            break;
+          }
+        }
+      }
+      fetch("/regenerate", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ channelId: ctx.currentChannelId, userMessage: lastUserMsg })
+      }).then((res) => {
+        if (!res.ok) throw new Error("regenerate failed");
+      }).catch((err) => {
+        console.error("\u91CD\u65B0\u751F\u6210\u5931\u8D25:", err);
+        regenBtn.innerHTML = refreshIcon(false) + " \u5931\u8D25";
+        setTimeout(() => {
+          regenBtn.innerHTML = refreshIcon(false) + " \u91CD\u65B0\u56DE\u7B54";
+          regenBtn.disabled = false;
+        }, 2e3);
+      });
+    };
+    actions.appendChild(regenBtn);
+    return actions;
+  }
+  function copyIcon() {
+    return '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>';
+  }
+  function checkIcon() {
+    return '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg>';
+  }
+  function shieldIcon() {
+    return '<svg width="14" height="14" 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><path d="M9 12l2 2 4-4"></path></svg>';
+  }
+  function refreshIcon(spin = false) {
+    const cls = spin ? ' class="spin"' : "";
+    return `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"${cls}><path d="M21 2v6h-6M3 12a9 9 0 0 1 15-6.7L21 8M3 22v-6h6M21 12a9 9 0 0 1-15 6.7L3 16"></path></svg>`;
+  }
+  function handleStreamTokenEvent(data, ctx = { messagesEl: null, messagesContainers: /* @__PURE__ */ new Map(), currentChannelId: null }) {
+    const messagesEl2 = ctx.messagesEl || (typeof document !== "undefined" ? document.getElementById("messages") : null);
+    const messagesContainers2 = ctx.messagesContainers || /* @__PURE__ */ new Map();
+    const currentChannelId2 = ctx.currentChannelId;
+    const container = getMessagesContainerForCurrent(currentChannelId2, messagesContainers2, messagesEl2);
+    if (!container) return;
+    const delta = data.content || "";
+    if (!delta) return;
+    if (!streamingMessageEl || !streamingMessageEl.isConnected) {
+      streamingMessageEl = document.createElement("div");
+      streamingMessageEl.className = "message message-ai message-streaming";
+      streamingTextNode = document.createTextNode("");
+      streamingMessageEl.appendChild(streamingTextNode);
+      streamingText = "";
+      mountStepTimeline(streamingMessageEl, currentChannelId2);
+      container.appendChild(streamingMessageEl);
+      if (typeof ctx.setTimelineState === "function") {
+        ctx.setTimelineState("streaming");
+      }
+      scheduleScrollToBottom(container);
+    }
+    if (data.streamType === "token") {
+      if (streamingTextNode) streamingTextNode.nodeValue = delta;
+      streamingText = delta;
+    } else {
+      if (streamingTextNode) streamingTextNode.appendData(delta);
+      streamingText += delta;
+    }
+    scheduleScrollToBottom(container);
+  }
+  function finalizeTimelineAsMessage(ctx = { messagesEl: null, messagesContainers: /* @__PURE__ */ new Map(), currentChannelId: null }) {
+    const messagesEl2 = ctx.messagesEl || (typeof document !== "undefined" ? document.getElementById("messages") : null);
+    const messagesContainers2 = ctx.messagesContainers || /* @__PURE__ */ new Map();
+    const currentChannelId2 = ctx.currentChannelId;
+    const container = getMessagesContainerForCurrent(currentChannelId2, messagesContainers2, messagesEl2);
+    if (streamingText.trim().length > 0) {
+      const oldStreamingEl = streamingMessageEl;
+      if (oldStreamingEl && oldStreamingEl.parentNode) {
+        oldStreamingEl.parentNode.removeChild(oldStreamingEl);
+      }
+      addMessage(streamingText, "ai", true, container, ctx.lastUsedJudgmentIds || [], ctx);
+      if (oldStreamingEl && container) {
+        const newAiMsg = container.querySelector(".message-ai:last-of-type");
+        if (newAiMsg && newAiMsg !== oldStreamingEl) {
+          migrateStepTimeline(oldStreamingEl, newAiMsg);
+        }
+      }
+    }
+    streamingMessageEl = null;
+    streamingTextNode = null;
+    streamingText = "";
+    if (typeof ctx.setTimelineState === "function") {
+      ctx.setTimelineState("done");
+    }
+  }
+  function handleStepEvent(data, ctx = { messagesEl: null, messagesContainers: /* @__PURE__ */ new Map(), currentChannelId: null }) {
+    const messagesEl2 = ctx.messagesEl || (typeof document !== "undefined" ? document.getElementById("messages") : null);
+    const messagesContainers2 = ctx.messagesContainers || /* @__PURE__ */ new Map();
+    const currentChannelId2 = ctx.currentChannelId;
+    const container = getMessagesContainerForCurrent(currentChannelId2, messagesContainers2, messagesEl2);
+    if (!container) return;
+    if (!data || !data.type) return;
+    let target = streamingMessageEl && streamingMessageEl.isConnected ? streamingMessageEl : null;
+    if (!target) {
+      const aiMsgs = container.querySelectorAll(".message-ai");
+      if (aiMsgs.length === 0) return;
+      target = aiMsgs[aiMsgs.length - 1];
+    }
+    if (!target) return;
+    const timeline = getStepTimeline(target);
+    if (!timeline) return;
+    pushStepToTimeline(timeline, data.type, {
+      tool: data.tool || "unknown",
+      args: data.args,
+      success: data.success,
+      output: data.output,
+      error: data.error
+    });
+  }
+  function resetRendererState() {
+    streamingMessageEl = null;
+    streamingTextNode = null;
+    streamingText = "";
+    lastUserCommand = "";
+    lastAiContent = "";
+    if (scrollToBottomTimer) {
+      clearTimeout(scrollToBottomTimer);
+      scrollToBottomTimer = null;
+    }
+  }
+  var streamingMessageEl, streamingTextNode, streamingText, lastUserCommand, lastAiContent, scrollToBottomTimer, MessageRenderer;
+  var init_message_renderer = __esm({
+    "src/web/ui/message-renderer.ts"() {
+      "use strict";
+      init_step_timeline();
+      init_chat_segmenter();
+      streamingMessageEl = null;
+      streamingTextNode = null;
+      streamingText = "";
+      lastUserCommand = "";
+      lastAiContent = "";
+      scrollToBottomTimer = null;
+      MessageRenderer = {
+        addMessage,
+        handleStreamTokenEvent,
+        finalizeTimelineAsMessage,
+        handleStepEvent,
+        escapeHtml,
+        getMessagesContainerForCurrent,
+        resetRendererState
+      };
+      if (typeof window !== "undefined") {
+        window.MR = MessageRenderer;
+      }
+    }
+  });
+
+  // src/web/client-loop-status.ts
+  var client_loop_status_exports = {};
+  __export(client_loop_status_exports, {
+    applyLoopBarState: () => applyLoopBarState,
+    hideLoopStatusBar: () => hideLoopStatusBar,
+    inspectLoopResult: () => inspectLoopResult,
+    markLoopBarDone: () => markLoopBarDone,
+    openLoopInspectModal: () => openLoopInspectModal,
+    renderLoopStatusBar: () => renderLoopStatusBar
+  });
+  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;
+    const isPivotLoopMsg = /🔄\s*循环\s*\d+\s*\/\s*\d+/.test(String(content || ""));
+    let mainText;
+    if (isPivotLoopMsg && !retryMatch) {
+      mainText = "";
+    } 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 = `\u81EA\u52A8\u91CD\u8BD5 ${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 = "\u23F3 \u52A0\u8F7D...";
+    }
+    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("\u2717 \u68C0\u67E5\u5931\u8D25");
+    } finally {
+      if (checkBtn) {
+        checkBtn.disabled = false;
+        checkBtn.textContent = "\u2713 \u68C0\u67E5";
+      }
+    }
+  }
+  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 = "\u{1F50D} \u5FAA\u73AF\u68C0\u67E5";
+    title.style.cssText = "margin:0 0 12px;font-size:16px;";
+    panel.appendChild(title);
+    const close = document.createElement("button");
+    close.textContent = "\xD7";
+    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 = "\u26A0\uFE0F " + 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} \xB7 output ${data.tokens.output || 0}`;
+      panel.appendChild(t);
+    }
+    if (Array.isArray(data.steps) && data.steps.length > 0) {
+      const h = document.createElement("div");
+      h.textContent = `\u6B65\u9AA4 (${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" ? "\u2713" : step.status === "error" || step.status === "failed" ? "\u2717" : "\u25CB";
+        const dur = step.durationMs ? ` (${(step.durationMs / 1e3).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 = "\u6700\u7EC8\u56DE\u590D";
+      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 = "\u65E0\u5FAA\u73AF\u4EA7\u51FA (\u53EF\u80FD\u5DF2 abort, \u6216\u6CA1\u4EA7\u751F step)";
+      panel.appendChild(empty);
+    }
+    modal.appendChild(panel);
+    modal.onclick = (e) => {
+      if (e.target === modal) modal.remove();
+    };
+    document.body.appendChild(modal);
+  }
+  var LOOP_STATUS_TOOLS, loopBarState, loopBarLastSummary, loopStatusBar, loopStatusText, loopStatusMeta, LoopStatusExports;
+  var init_client_loop_status = __esm({
+    "src/web/client-loop-status.ts"() {
+      "use strict";
+      LOOP_STATUS_TOOLS = /* @__PURE__ */ new Set(["loop", "compactor", "recovery", "system"]);
+      loopBarState = "loading";
+      loopBarLastSummary = "";
+      loopStatusBar = document.getElementById("loop-status-bar");
+      loopStatusText = document.getElementById("loop-status-text");
+      loopStatusMeta = document.getElementById("loop-status-meta");
+      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;
+      }
+    }
+  });
+
+  // src/web/util/safe-name.ts
+  function safeChannelName(input2, fallback) {
+    return safeNameInternal(input2, fallback ?? "(\u672A\u547D\u540D)", ["undefined", "null", "NaN"]);
+  }
+  function safeNameInternal(input2, fallback, invalidLiterals) {
+    if (input2 === void 0 || input2 === null) return fallback;
+    if (typeof input2 === "number" && Number.isNaN(input2)) return fallback;
+    const s = String(input2).trim();
+    if (!s) return fallback;
+    for (const lit of invalidLiterals) {
+      if (s === lit) return fallback;
+    }
+    return s;
+  }
+
+  // src/web/client.ts
   if (typeof marked === "undefined") {
     window.marked = { parse: (text) => String(text).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\n/g, "<br>") };
   }
@@ -19,9 +1375,9 @@
       return orig(...args);
     };
   })();
-  let MR = {};
+  var MR = {};
   try {
-    if (typeof require !== "undefined") MR = require("./ui/message-renderer.js") || {};
+    if (typeof __require !== "undefined") MR = (init_message_renderer(), __toCommonJS(message_renderer_exports)) || {};
   } catch (e) {
   }
   function _getMR() {
@@ -29,13 +1385,13 @@
     if (typeof window !== "undefined" && window.MR) return window.MR;
     return {};
   }
-  const MR_addMessage = (...args) => _getMR().addMessage?.(...args);
-  const MR_finalizeTimelineAsMessage = (...args) => _getMR().finalizeTimelineAsMessage?.(...args);
-  const MR_handleStepEvent = (...args) => _getMR().handleStepEvent?.(...args);
-  const MR_escapeHtml = (s) => _getMR().escapeHtml?.(s);
-  const MR_hasStreamingText = () => _getMR().hasStreamingText?.() ?? false;
-  const MR_replaceStreamingText = (text) => _getMR().replaceStreamingText?.(text);
-  const MR_injectRecoveredText = (text, ctx) => _getMR().injectRecoveredText?.(text, ctx ?? getRendererCtx());
+  var MR_addMessage = (...args) => _getMR().addMessage?.(...args);
+  var MR_finalizeTimelineAsMessage = (...args) => _getMR().finalizeTimelineAsMessage?.(...args);
+  var MR_handleStepEvent = (...args) => _getMR().handleStepEvent?.(...args);
+  var MR_escapeHtml = (s) => _getMR().escapeHtml?.(s);
+  var MR_hasStreamingText = () => _getMR().hasStreamingText?.() ?? false;
+  var MR_replaceStreamingText = (text) => _getMR().replaceStreamingText?.(text);
+  var MR_injectRecoveredText = (text, ctx) => _getMR().injectRecoveredText?.(text, ctx ?? getRendererCtx());
   function getRendererCtx() {
     return {
       messagesEl,
@@ -46,13 +1402,13 @@
       // 引用 client.js 函数, 通过参数注入避免循环 import
     };
   }
-  const messagesEl = document.getElementById("messages");
-  const input = document.getElementById("input");
-  const sendBtn = document.getElementById("send");
-  const sidebar = document.getElementById("sidebar");
-  let LS = {};
+  var messagesEl = document.getElementById("messages");
+  var input = document.getElementById("input");
+  var sendBtn = document.getElementById("send");
+  var sidebar = document.getElementById("sidebar");
+  var LS = {};
   try {
-    if (typeof require !== "undefined") LS = require("./client-loop-status.js") || {};
+    if (typeof __require !== "undefined") LS = (init_client_loop_status(), __toCommonJS(client_loop_status_exports)) || {};
   } catch (e) {
   }
   function _getLS() {
@@ -60,28 +1416,28 @@
     if (typeof window !== "undefined" && window.LoopStatus) return window.LoopStatus;
     return {};
   }
-  const renderLoopStatusBar = (...args) => _getLS().renderLoopStatusBar?.(...args);
-  const hideLoopStatusBar = (...args) => _getLS().hideLoopStatusBar?.(...args);
-  const sidebarToggle = document.getElementById("sidebar-toggle");
-  const themeToggle = document.getElementById("theme-toggle");
-  const channelList = document.getElementById("channel-list");
-  const newChannelBtn = document.getElementById("new-channel-btn");
-  const newChannelInput = document.getElementById("new-channel-input");
-  const channelNameEl = document.getElementById("channel-name");
-  let eventSources = /* @__PURE__ */ new Map();
-  let currentChannelId = null;
-  let currentAgentId = "";
-  let channels = [];
-  let remoteChannels = [];
-  let isSidebarCollapsed = false;
-  let reconnectAttempts = /* @__PURE__ */ new Map();
-  let reconnectTimers = /* @__PURE__ */ new Map();
-  let heartbeatTimers = /* @__PURE__ */ new Map();
-  const lastKnownSeq = /* @__PURE__ */ new Map();
-  const lastSeenMsgIds = /* @__PURE__ */ new Map();
-  const COLLAPSED_PEERS_KEY = "bolloon.p2p.collapsedPeers";
-  const SEEN_PEERS_KEY = "bolloon.p2p.seenPeers";
-  let collapsedPeers = function loadCollapsed() {
+  var renderLoopStatusBar2 = (...args) => _getLS().renderLoopStatusBar?.(...args);
+  var hideLoopStatusBar2 = (...args) => _getLS().hideLoopStatusBar?.(...args);
+  var sidebarToggle = document.getElementById("sidebar-toggle");
+  var themeToggle = document.getElementById("theme-toggle");
+  var channelList = document.getElementById("channel-list");
+  var newChannelBtn = document.getElementById("new-channel-btn");
+  var newChannelInput = document.getElementById("new-channel-input");
+  var channelNameEl = document.getElementById("channel-name");
+  var eventSources = /* @__PURE__ */ new Map();
+  var currentChannelId = null;
+  var currentAgentId = "";
+  var channels = [];
+  var remoteChannels = [];
+  var isSidebarCollapsed = false;
+  var reconnectAttempts = /* @__PURE__ */ new Map();
+  var reconnectTimers = /* @__PURE__ */ new Map();
+  var heartbeatTimers = /* @__PURE__ */ new Map();
+  var lastKnownSeq = /* @__PURE__ */ new Map();
+  var lastSeenMsgIds = /* @__PURE__ */ new Map();
+  var COLLAPSED_PEERS_KEY = "bolloon.p2p.collapsedPeers";
+  var SEEN_PEERS_KEY = "bolloon.p2p.seenPeers";
+  var collapsedPeers = function loadCollapsed() {
     try {
       const raw = localStorage.getItem(COLLAPSED_PEERS_KEY);
       return new Set(raw ? JSON.parse(raw) : []);
@@ -89,7 +1445,7 @@
       return /* @__PURE__ */ new Set();
     }
   }();
-  let seenPeers = function loadSeen() {
+  var seenPeers = function loadSeen() {
     try {
       const raw = localStorage.getItem(SEEN_PEERS_KEY);
       return new Set(raw ? JSON.parse(raw) : []);
@@ -139,10 +1495,10 @@
     renderRemoteChannels();
     if (typeof window.__syncP2PToggleAllBtn === "function") window.__syncP2PToggleAllBtn();
   }
-  let messagesContainers = /* @__PURE__ */ new Map();
-  let sessionMessages = /* @__PURE__ */ new Map();
-  let currentSessionId = null;
-  let expandedAgents = /* @__PURE__ */ new Set();
+  var messagesContainers = /* @__PURE__ */ new Map();
+  var sessionMessages = /* @__PURE__ */ new Map();
+  var currentSessionId = null;
+  var expandedAgents = /* @__PURE__ */ new Set();
   function generateId() {
     return crypto.randomUUID();
   }
@@ -205,7 +1561,7 @@
       console.error("[\u52A0\u8F7D\u9891\u9053] \u5931\u8D25:", err);
     }
   }
-  let v3GlobalEventSource = null;
+  var v3GlobalEventSource = null;
   function startV3GlobalSSE() {
     if (v3GlobalEventSource) return;
     try {
@@ -229,7 +1585,7 @@
                 const prefix = `\u{1F916} \u8FDC\u7AEF AI \u56DE\u590D
 
 `;
-                addMessage(prefix + (msg.text || "(\u7A7A\u56DE\u590D)"), "ai", false, log);
+                addMessage2(prefix + (msg.text || "(\u7A7A\u56DE\u590D)"), "ai", false, log);
               }
               log.scrollTop = log.scrollHeight;
             } else {
@@ -251,7 +1607,7 @@
               if (judgments.bound && judgments.bound.length > 0) {
                 jh += '<div style="color:#78350f;margin-bottom:4px;"><b>\u786C\u7ED1\u5B9A</b> (\u5FC5\u987B\u9075\u5FAA):</div>';
                 for (const j of judgments.bound) {
-                  jh += `<div style="margin:2px 0;padding-left:8px;">\u2022 <b>${escapeHtml((j.decision || "").slice(0, 80))}</b>${j.reasons && j.reasons.length ? '<br><span style="color:#92400e;font-size:11px;">\u7406\u7531: ' + escapeHtml(j.reasons.join("; ").slice(0, 80)) + "</span>" : ""}</div>`;
+                  jh += `<div style="margin:2px 0;padding-left:8px;">\u2022 <b>${escapeHtml2((j.decision || "").slice(0, 80))}</b>${j.reasons && j.reasons.length ? '<br><span style="color:#92400e;font-size:11px;">\u7406\u7531: ' + escapeHtml2(j.reasons.join("; ").slice(0, 80)) + "</span>" : ""}</div>`;
                 }
               }
               if (judgments.candidates && judgments.candidates.length > 0) {
@@ -278,7 +1634,7 @@
               const toast = document.createElement("div");
               toast.style.cssText = "margin:6px 0;padding:8px 10px;background:#fce7f3;border-left:3px solid #ec4899;border-radius:4px;font-size:12px;color:#831843;";
               const fromTxt = msg.source === "ai-mention-remote" ? `\u8FDC\u7AEF\u8282\u70B9 ${(msg.fromPublicKey || "").substring(0, 8)}\u2026 \u7684 ${msg.originChannelName}` : `${msg.originChannelName} (\u672C\u5730)`;
-              toast.innerHTML = `\u{1F4E1} <b>${fromTxt}</b> @-mention \u2192 \u5F53\u524D channel: <i>${escapeHtml((msg.text || "").slice(0, 100))}</i>${msg.text && msg.text.length > 100 ? "\u2026" : ""}`;
+              toast.innerHTML = `\u{1F4E1} <b>${fromTxt}</b> @-mention \u2192 \u5F53\u524D channel: <i>${escapeHtml2((msg.text || "").slice(0, 100))}</i>${msg.text && msg.text.length > 100 ? "\u2026" : ""}`;
               log.appendChild(toast);
               log.scrollTop = log.scrollHeight;
             }
@@ -363,7 +1719,7 @@
         currentSessionId = null;
         if (currentChannelId) {
           const ch = channels.find((c) => c.id === currentChannelId);
-          if (channelNameEl) channelNameEl.textContent = (0, import_safe_name.safeChannelName)(ch?.name, "Bolloon Agent");
+          if (channelNameEl) channelNameEl.textContent = safeChannelName(ch?.name, "Bolloon Agent");
           await selectChannel(currentChannelId);
         } else {
           messagesEl.innerHTML = "";
@@ -427,7 +1783,7 @@
       if (container) {
         container.innerHTML = "";
         showChannelView(currentChannelId);
-        addMessage("\u4F60\u597D\uFF01\u65B0\u4F1A\u8BDD\u5DF2\u5F00\u59CB\uFF0C\u6709\u4EC0\u4E48\u6211\u53EF\u4EE5\u5E2E\u4F60\u7684\u5417\uFF1F", "ai", false, container);
+        addMessage2("\u4F60\u597D\uFF01\u65B0\u4F1A\u8BDD\u5DF2\u5F00\u59CB\uFF0C\u6709\u4EC0\u4E48\u6211\u53EF\u4EE5\u5E2E\u4F60\u7684\u5417\uFF1F", "ai", false, container);
       }
       expandedAgents.add(currentChannelId);
       renderChannels();
@@ -514,8 +1870,8 @@
       console.error("Failed to delete session:", err);
     }
   }
-  let _saveSessionMessagesDirty = false;
-  let _saveSessionMessagesTimer = null;
+  var _saveSessionMessagesDirty = false;
+  var _saveSessionMessagesTimer = null;
   function saveCurrentSessionMessages() {
     if (!currentChannelId || !currentSessionId) return;
     _saveSessionMessagesDirty = true;
@@ -540,8 +1896,8 @@
     scheduleChannelsRefresh();
     await new Promise((r) => setTimeout(r, 600));
   }
-  let channelRefreshTimer = null;
-  let channelRefreshInFlight = null;
+  var channelRefreshTimer = null;
+  var channelRefreshInFlight = null;
   function scheduleChannelsRefresh() {
     if (channelRefreshTimer) return;
     channelRefreshTimer = setTimeout(async () => {
@@ -637,12 +1993,12 @@
         <polyline points="9 18 15 12 9 6"></polyline>
       </svg>
       <div class="channel-icon">\u{1F4AC}</div>
-      <span class="channel-name" title="${escapeHtml((0, import_safe_name.safeChannelName)(ch.name, ""))}">${escapeHtml((0, import_safe_name.safeChannelName)(ch.name))}</span>
+      <span class="channel-name" title="${escapeHtml2(safeChannelName(ch.name, ""))}">${escapeHtml2(safeChannelName(ch.name))}</span>
       <span class="agent-row-meta">
         ${walletBadge2}
         ${toolsBadge}
         ${sessionCount > 1 ? `<span class="agent-session-count" title="${sessionCount} \u4E2A\u4F1A\u8BDD">${sessionCount}</span>` : ""}
-        ${currentSessLabel ? `<span class="agent-current-session" title="\u5F53\u524D\u4F1A\u8BDD\uFF1A${escapeHtml(currentSessLabel)}">\xB7 ${escapeHtml(currentSessLabel)}</span>` : ""}
+        ${currentSessLabel ? `<span class="agent-current-session" title="\u5F53\u524D\u4F1A\u8BDD\uFF1A${escapeHtml2(currentSessLabel)}">\xB7 ${escapeHtml2(currentSessLabel)}</span>` : ""}
         <button class="agent-config-btn" title="\u914D\u7F6E\u667A\u80FD\u4F53 (\u94B1\u5305 / \u5DE5\u5177)">
           <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
             <circle cx="12" cy="12" r="3"></circle>
@@ -704,7 +2060,7 @@
           sessLi.className = `session-item ${isActive ? "active" : ""}`;
           sessLi.dataset.sessionId = sess.id;
           sessLi.innerHTML = `
-          <span class="session-name" title="${escapeHtml(formatSessionName(sess))}">${escapeHtml(formatSessionName(sess))}</span>
+          <span class="session-name" title="${escapeHtml2(formatSessionName(sess))}">${escapeHtml2(formatSessionName(sess))}</span>
           <button class="session-delete" title="\u5220\u9664\u4F1A\u8BDD">\xD7</button>
         `;
           sessLi.addEventListener("click", (ev) => {
@@ -743,7 +2099,7 @@
     const id = sess.id || "";
     return id ? `\u4F1A\u8BDD ${id.slice(-6)}` : "\u65B0\u4F1A\u8BDD";
   }
-  const escapeHtml = MR_escapeHtml || ((s) => String(s ?? "").replace(/[&<>"']/g, (c) => ({
+  var escapeHtml2 = MR_escapeHtml || ((s) => String(s ?? "").replace(/[&<>"']/g, (c) => ({
     "&": "&amp;",
     "<": "&lt;",
     ">": "&gt;",
@@ -779,7 +2135,7 @@
     }
     const channel = channels.find((c) => c.id === channelId);
     if (channel) {
-      if (channelNameEl) channelNameEl.textContent = (0, import_safe_name.safeChannelName)(channel.name);
+      if (channelNameEl) channelNameEl.textContent = safeChannelName(channel.name);
       currentSessionId = targetSessionId || channel.currentSessionId || "default";
       if (targetSessionId) {
         channel.currentSessionId = targetSessionId;
@@ -806,18 +2162,18 @@
         const tmpContainer = document.createElement("div");
         tmpContainer.style.display = "none";
         for (const msg of msgs) {
-          addMessage(msg.content, msg.type, false, tmpContainer, msg.metadata?.usedJudgmentIds || []);
+          addMessage2(msg.content, msg.type, false, tmpContainer, msg.metadata?.usedJudgmentIds || []);
         }
         while (tmpContainer.firstChild) {
           frag.appendChild(tmpContainer.firstChild);
         }
         container.appendChild(frag);
       } else {
-        addMessage("\u4F60\u597D\uFF01\u6211\u662F Bolloon Agent\u3002\u6709\u4EC0\u4E48\u6211\u53EF\u4EE5\u5E2E\u4F60\u7684\u5417\uFF1F", "ai", false, container);
+        addMessage2("\u4F60\u597D\uFF01\u6211\u662F Bolloon Agent\u3002\u6709\u4EC0\u4E48\u6211\u53EF\u4EE5\u5E2E\u4F60\u7684\u5417\uFF1F", "ai", false, container);
       }
     } catch (err) {
       console.error("[selectChannel] \u52A0\u8F7D session \u5931\u8D25:", err);
-      addMessage("\u4F60\u597D\uFF01\u6211\u662F Bolloon Agent\u3002\u6709\u4EC0\u4E48\u6211\u53EF\u4EE5\u5E2E\u4F60\u7684\u5417\uFF1F", "ai", false, container);
+      addMessage2("\u4F60\u597D\uFF01\u6211\u662F Bolloon Agent\u3002\u6709\u4EC0\u4E48\u6211\u53EF\u4EE5\u5E2E\u4F60\u7684\u5417\uFF1F", "ai", false, container);
     }
   }
   async function loadSession(channelId, sessionId = null) {
@@ -830,29 +2186,30 @@
       container.innerHTML = "";
       if (session.messages && session.messages.length > 0) {
         session.messages.forEach((msg) => {
-          addMessage(msg.content, msg.type, false, container, msg.metadata?.usedJudgmentIds || []);
+          addMessage2(msg.content, msg.type, false, container, msg.metadata?.usedJudgmentIds || []);
         });
       } else {
-        addMessage("\u4F60\u597D\uFF01\u6211\u662F Bolloon Agent\u3002\u6709\u4EC0\u4E48\u6211\u53EF\u4EE5\u5E2E\u4F60\u7684\u5417\uFF1F", "ai", false, container);
+        addMessage2("\u4F60\u597D\uFF01\u6211\u662F Bolloon Agent\u3002\u6709\u4EC0\u4E48\u6211\u53EF\u4EE5\u5E2E\u4F60\u7684\u5417\uFF1F", "ai", false, container);
       }
     } catch (err) {
       console.error("Failed to load session:", err);
       container.innerHTML = "";
-      addMessage("\u4F60\u597D\uFF01\u6211\u662F Bolloon Agent\u3002\u6709\u4EC0\u4E48\u6211\u53EF\u4EE5\u5E2E\u4F60\u7684\u5417\uFF1F", "ai", false, container);
+      addMessage2("\u4F60\u597D\uFF01\u6211\u662F Bolloon Agent\u3002\u6709\u4EC0\u4E48\u6211\u53EF\u4EE5\u5E2E\u4F60\u7684\u5417\uFF1F", "ai", false, container);
     }
   }
-  function addMessage(content, type, save = true, container, usedJudgmentIds = []) {
+  function addMessage2(content, type, save = true, container, usedJudgmentIds = []) {
     return MR_addMessage(content, type, save, container, usedJudgmentIds, getRendererCtx());
   }
-  function finalizeTimelineAsMessage() {
+  function finalizeTimelineAsMessage2() {
     return MR_finalizeTimelineAsMessage(getRendererCtx());
   }
-  function handleStepEvent(data) {
+  function handleStepEvent2(data) {
     return MR_handleStepEvent(data, getRendererCtx());
   }
-  let lastUsedJudgmentIds = [];
-  let selfImproveCardSeq = 0;
-  function getMessagesContainerForCurrent() {
+  var lastUsedJudgmentIds = [];
+  var currentPreviewBubble = null;
+  var selfImproveCardSeq = 0;
+  function getMessagesContainerForCurrent2() {
     if (currentChannelId && messagesContainers.get(currentChannelId)) {
       return messagesContainers.get(currentChannelId);
     }
@@ -885,7 +2242,7 @@
     return card;
   }
   function handleSelfImproveTriggered(data) {
-    const container = getMessagesContainerForCurrent();
+    const container = getMessagesContainerForCurrent2();
     if (!container) return;
     const card = makeSelfImproveCard(data);
     card.querySelector(".self-improve-title").textContent = `\u{1F9E0} \u81EA\u8FED\u4EE3\u89E6\u53D1 \xB7 ${data.eventKind || "unknown"}`;
@@ -900,7 +2257,7 @@
     card.scrollIntoView({ block: "end", behavior: "smooth" });
   }
   function handleSelfImproveResult(data) {
-    const container = getMessagesContainerForCurrent();
+    const container = getMessagesContainerForCurrent2();
     if (!container) return;
     const card = makeSelfImproveCard(data);
     const ok = !!data.success;
@@ -1019,14 +2376,14 @@
               const container = messagesContainers.get(targetChannelId) || messagesEl;
               if (msg.type === "ai") {
                 if (!MR_hasStreamingText()) {
-                  addMessage(msg.content, "ai", true, container, lastUsedJudgmentIds || []);
+                  addMessage2(msg.content, "ai", true, container, lastUsedJudgmentIds || []);
                 } else {
                   MR_replaceStreamingText?.(msg.content);
                   MR_finalizeTimelineAsMessage(getRendererCtx());
                 }
               } else if (msg.type === "user") {
                 if (msg.source === "remote" || msg.source === "local") {
-                  addMessage(msg.content, "user", true, container);
+                  addMessage2(msg.content, "user", true, container);
                 }
               }
             }
@@ -1107,10 +2464,26 @@
         const container = messagesContainers.get(msgChannelId) || messagesEl;
         if (data.type === "user") {
           if (data.source === "remote") {
-            addMessage(data.content, "user", true, container);
+            addMessage2(data.content, "user", true, container);
           }
         } else if (data.type === "ai") {
-          addMessage(data.content || "", "ai", true, container, lastUsedJudgmentIds || []);
+          addMessage2(data.content || "", "ai", true, container, lastUsedJudgmentIds || []);
+          if (currentPreviewBubble) {
+            currentPreviewBubble.remove();
+            currentPreviewBubble = null;
+          }
+        } else if (data.type === "reply-preview") {
+          const previewContent = data.content || "";
+          if (!currentPreviewBubble) {
+            currentPreviewBubble = addMessage2(previewContent, "ai", true, container, []);
+            if (currentPreviewBubble) {
+              currentPreviewBubble.classList.add("preview");
+            }
+          } else {
+            currentPreviewBubble.replaceWith(addMessage2(previewContent, "ai", true, container, []));
+            const msgs = container.querySelectorAll(".message-ai.preview");
+            currentPreviewBubble = msgs.length > 0 ? msgs[msgs.length - 1] : null;
+          }
         } else if (data.type === "stream") {
           if (false) handleStreamTokenEvent(data);
         } else if (data.type === "regenerating") {
@@ -1121,12 +2494,12 @@
           }
           setSendMode("abort");
         } else if (data.type === "status") {
-          renderLoopStatusBar(data.tool, data.content);
+          renderLoopStatusBar2(data.tool, data.content);
         } else if (data.type === "step_start" || data.type === "step_done" || data.type === "step_error") {
-          handleStepEvent(data);
+          handleStepEvent2(data);
         } else if (data.type === "done") {
-          finalizeTimelineAsMessage();
-          hideLoopStatusBar();
+          finalizeTimelineAsMessage2();
+          hideLoopStatusBar2();
           setSendMode("idle");
         } else if (data.type === "renamed") {
           const channel = channels.find((c) => c.id === data.channelId);
@@ -1134,18 +2507,18 @@
             channel.name = data.newName;
             renderChannels();
             if (currentChannelId === data.channelId && channelNameEl) {
-              channelNameEl.textContent = (0, import_safe_name.safeChannelName)(data.newName);
+              channelNameEl.textContent = safeChannelName(data.newName);
             }
           }
         } else if (data.type === "error") {
           const errContent = String(data.content || "\u672A\u77E5\u9519\u8BEF");
-          addMessage(`\u26A0\uFE0F ${errContent}`, "ai", false, container);
+          addMessage2(`\u26A0\uFE0F ${errContent}`, "ai", false, container);
           if (typeof showSimpleToast === "function") {
             showSimpleToast("\u26A0\uFE0F " + errContent.slice(0, 200));
           } else {
             console.error("[SSE] error:", errContent);
           }
-          hideLoopStatusBar();
+          hideLoopStatusBar2();
           setSendMode("idle");
         } else if (data.type === "task_status" || data.type === "workflow_step" || data.type === "workflow_loop") {
           if (data.type === "workflow_step" && (data.step === "AI \u601D\u8003" || data.step === "\u5F00\u59CB\u601D\u8003")) {
@@ -1171,11 +2544,15 @@
   async function sendMessage() {
     const text = input.value.trim();
     if (!text) return;
+    setSendMode("abort");
     const container = messagesContainers.get(currentChannelId) || messagesEl;
-    addMessage(text, "user", true, container);
+    addMessage2(text, "user", true, container);
     if (container) container.scrollTop = container.scrollHeight;
+    if (currentPreviewBubble) {
+      currentPreviewBubble.remove();
+      currentPreviewBubble = null;
+    }
     input.value = "";
-    setSendMode("abort");
     persistLastMessageToServer("user", text);
     const channel = channels.find((c) => c.id === currentChannelId);
     const channelDid = channel?.did || "";
@@ -1191,11 +2568,11 @@
         })
       });
       if (!res.ok) {
-        addMessage("\u53D1\u9001\u5931\u8D25", "ai");
+        addMessage2("\u53D1\u9001\u5931\u8D25", "ai");
         setSendMode("idle");
       }
     } catch (err) {
-      addMessage("\u8FDE\u63A5\u9519\u8BEF", "ai");
+      addMessage2("\u8FDE\u63A5\u9519\u8BEF", "ai");
       console.error("Send error", err);
       setSendMode("idle");
     }
@@ -1232,13 +2609,13 @@
       abortCurrentRun();
     }
   });
-  let mentionChannels = [];
-  let mentionDropdownEl = null;
-  let mentionHighlightIdx = -1;
-  let mentionQuery = null;
-  let mentionAnchor = -1;
-  let mentionBlockEnd = -1;
-  let mentionDocMousedownBound = false;
+  var mentionChannels = [];
+  var mentionDropdownEl = null;
+  var mentionHighlightIdx = -1;
+  var mentionQuery = null;
+  var mentionAnchor = -1;
+  var mentionBlockEnd = -1;
+  var mentionDocMousedownBound = false;
   function ensureMentionDocMousedown() {
     if (mentionDocMousedownBound) return;
     mentionDocMousedownBound = true;
@@ -1257,7 +2634,7 @@
       const remote = [];
       for (const p of remoteData.peers || []) {
         for (const c of p.channels || []) {
-          remote.push({ id: c.id, name: (0, import_safe_name.safeChannelName)(c.name, "(\u8FDC\u7AEF\u672A\u547D\u540D)"), source: "remote", ownerPublicKey: p.peerId });
+          remote.push({ id: c.id, name: safeChannelName(c.name, "(\u8FDC\u7AEF\u672A\u547D\u540D)"), source: "remote", ownerPublicKey: p.peerId });
         }
       }
       mentionChannels = [
@@ -1305,9 +2682,9 @@
         const owner = !isLocal && c.ownerPublicKey ? ` <span style="color:#9ca3af;font-size:11px;">(${c.ownerPublicKey.substring(0, 8)}\u2026)</span>` : "";
         const bg = i === mentionHighlightIdx ? "#eff6ff" : "#fff";
         const borderLeft = i === mentionHighlightIdx ? "3px solid #93c5fd" : "3px solid transparent";
-        return `<div class="mention-item" data-idx="${i}" data-channel-id="${escapeHtml(c.id)}" data-channel-name="${escapeHtml((0, import_safe_name.safeChannelName)(c.name, ""))}" style="padding:8px 12px;cursor:pointer;background:${bg};border-bottom:1px solid #f3f4f6;display:flex;align-items:center;gap:8px;border-left:${borderLeft};">
+        return `<div class="mention-item" data-idx="${i}" data-channel-id="${escapeHtml2(c.id)}" data-channel-name="${escapeHtml2(safeChannelName(c.name, ""))}" 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-size:10px;color:${isLocal ? "#059669" : "#2563eb"};background:${isLocal ? "#d1fae5" : "#dbeafe"};padding:1px 6px;border-radius:3px;white-space:nowrap;">${tag}</span>
-        <span style="flex:1;">${escapeHtml((0, import_safe_name.safeChannelName)(c.name))}</span>${owner}
+        <span style="flex:1;">${escapeHtml2(safeChannelName(c.name))}</span>${owner}
       </div>`;
       }).join("");
       mentionDropdownEl.innerHTML = headerHtml + rows;
@@ -1342,7 +2719,7 @@
     }
     const before = input.value.slice(0, anchor);
     const after = input.value.slice(blockEnd);
-    const insert = `@${(0, import_safe_name.safeChannelName)(channel.name)} `;
+    const insert = `@${safeChannelName(channel.name)} `;
     input.value = before + insert + after;
     const newPos = before.length + insert.length;
     input.focus();
@@ -1368,7 +2745,7 @@
     }
     mentionQuery = m.query;
     const q = m.query.toLowerCase();
-    const items = mentionChannels.filter((c) => (0, import_safe_name.safeChannelName)(c.name).toLowerCase().includes(q)).slice(0, 8);
+    const items = mentionChannels.filter((c) => safeChannelName(c.name).toLowerCase().includes(q)).slice(0, 8);
     mentionHighlightIdx = items.length > 0 ? 0 : -1;
     renderMentionDropdown(items);
   }
@@ -1383,21 +2760,21 @@
       if (items.length === 0) return;
       mentionHighlightIdx = (mentionHighlightIdx + 1) % items.length;
       const q = (mentionQuery || "").toLowerCase();
-      const filtered = mentionChannels.filter((c) => (0, import_safe_name.safeChannelName)(c.name).toLowerCase().includes(q)).slice(0, 8);
+      const filtered = mentionChannels.filter((c) => safeChannelName(c.name).toLowerCase().includes(q)).slice(0, 8);
       renderMentionDropdown(filtered);
     } else if (e.key === "ArrowUp") {
       e.preventDefault();
       if (items.length === 0) return;
       mentionHighlightIdx = (mentionHighlightIdx - 1 + items.length) % items.length;
       const q = (mentionQuery || "").toLowerCase();
-      const filtered = mentionChannels.filter((c) => (0, import_safe_name.safeChannelName)(c.name).toLowerCase().includes(q)).slice(0, 8);
+      const filtered = mentionChannels.filter((c) => safeChannelName(c.name).toLowerCase().includes(q)).slice(0, 8);
       renderMentionDropdown(filtered);
     } else if (e.key === "Enter" || e.key === "Tab") {
       if (items.length > 0) {
         e.preventDefault();
         e.stopPropagation();
         const q = (mentionQuery || "").toLowerCase();
-        const filtered = mentionChannels.filter((c) => (0, import_safe_name.safeChannelName)(c.name).toLowerCase().includes(q)).slice(0, 8);
+        const filtered = mentionChannels.filter((c) => safeChannelName(c.name).toLowerCase().includes(q)).slice(0, 8);
         const cur = filtered[mentionHighlightIdx];
         if (cur) applyMention(cur);
       }
@@ -1440,7 +2817,7 @@
       }
       const before = inputEl.value.slice(0, anchor);
       const after = inputEl.value.slice(blockEnd);
-      const insert = `@${(0, import_safe_name.safeChannelName)(channel.name)} `;
+      const insert = `@${safeChannelName(channel.name)} `;
       inputEl.value = before + insert + after;
       const newPos = before.length + insert.length;
       inputEl.focus();
@@ -1466,9 +2843,9 @@
           const owner = !isLocal && c.ownerPublicKey ? ` <span style="color:#9ca3af;font-size:11px;">(${c.ownerPublicKey.substring(0, 8)}\u2026)</span>` : "";
           const bg = i === localHighlight ? "#eff6ff" : "#fff";
           const borderLeft = i === localHighlight ? "3px solid #93c5fd" : "3px solid transparent";
-          return `<div class="mention-item" data-idx="${i}" data-channel-id="${escapeHtml(c.id)}" data-channel-name="${escapeHtml((0, import_safe_name.safeChannelName)(c.name, ""))}" style="padding:8px 12px;cursor:pointer;background:${bg};border-bottom:1px solid #f3f4f6;display:flex;align-items:center;gap:8px;border-left:${borderLeft};">
+          return `<div class="mention-item" data-idx="${i}" data-channel-id="${escapeHtml2(c.id)}" data-channel-name="${escapeHtml2(safeChannelName(c.name, ""))}" 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-size:10px;color:${isLocal ? "#059669" : "#2563eb"};background:${isLocal ? "#d1fae5" : "#dbeafe"};padding:1px 6px;border-radius:3px;white-space:nowrap;">${tag}</span>
-        <span style="flex:1;">${escapeHtml((0, import_safe_name.safeChannelName)(c.name))}</span>${owner}
+        <span style="flex:1;">${escapeHtml2(safeChannelName(c.name))}</span>${owner}
       </div>`;
         }).join("");
         inputEl.__mentionDD.querySelectorAll(".mention-item").forEach((el) => {
@@ -1510,7 +2887,7 @@
       }
       localQuery = m.query;
       const q = m.query.toLowerCase();
-      const items = mentionChannels.filter((c) => (0, import_safe_name.safeChannelName)(c.name).toLowerCase().includes(q)).slice(0, 8);
+      const items = mentionChannels.filter((c) => safeChannelName(c.name).toLowerCase().includes(q)).slice(0, 8);
       localHighlight = items.length > 0 ? 0 : -1;
       renderLocal(items);
     }
@@ -1523,19 +2900,19 @@
         if (items.length === 0) return;
         localHighlight = (localHighlight + 1) % items.length;
         const q = (localQuery || "").toLowerCase();
-        renderLocal(mentionChannels.filter((c) => (0, import_safe_name.safeChannelName)(c.name).toLowerCase().includes(q)).slice(0, 8));
+        renderLocal(mentionChannels.filter((c) => safeChannelName(c.name).toLowerCase().includes(q)).slice(0, 8));
       } else if (e.key === "ArrowUp") {
         e.preventDefault();
         if (items.length === 0) return;
         localHighlight = (localHighlight - 1 + items.length) % items.length;
         const q = (localQuery || "").toLowerCase();
-        renderLocal(mentionChannels.filter((c) => (0, import_safe_name.safeChannelName)(c.name).toLowerCase().includes(q)).slice(0, 8));
+        renderLocal(mentionChannels.filter((c) => safeChannelName(c.name).toLowerCase().includes(q)).slice(0, 8));
       } else if (e.key === "Enter" || e.key === "Tab") {
         if (items.length > 0) {
           e.preventDefault();
           e.stopPropagation();
           const q = (localQuery || "").toLowerCase();
-          const filtered = mentionChannels.filter((c) => (0, import_safe_name.safeChannelName)(c.name).toLowerCase().includes(q)).slice(0, 8);
+          const filtered = mentionChannels.filter((c) => safeChannelName(c.name).toLowerCase().includes(q)).slice(0, 8);
           const cur = filtered[localHighlight];
           if (cur) applyLocal(cur);
         }
@@ -1545,7 +2922,7 @@
       }
     }, true);
   }
-  const inputArea = document.querySelector(".input-area");
+  var inputArea = document.querySelector(".input-area");
   if (input && inputArea) {
     const onDragOver = (e) => {
       if (e.dataTransfer && Array.from(e.dataTransfer.types || []).includes("application/x-bolloon-judgment")) {
@@ -1584,14 +2961,14 @@
   if (themeToggle) {
     themeToggle.addEventListener("click", toggleTheme);
   }
-  const apiConfigBtn = document.getElementById("api-config-btn");
+  var apiConfigBtn = document.getElementById("api-config-btn");
   if (apiConfigBtn) {
     apiConfigBtn.addEventListener("click", () => {
       window.location.href = "/api-config";
     });
   }
-  const walletBtn = document.getElementById("wallet-btn");
-  const walletBadge = document.getElementById("wallet-badge");
+  var walletBtn = document.getElementById("wallet-btn");
+  var walletBadge = document.getElementById("wallet-badge");
   if (walletBtn) {
     walletBtn.addEventListener("click", openWalletModal);
   }
@@ -1663,7 +3040,7 @@
       await createChannel("\u9ED8\u8BA4\u4F1A\u8BDD");
     }
   }
-  const p2pNetworkBtn = document.getElementById("p2p-network-btn");
+  var p2pNetworkBtn = document.getElementById("p2p-network-btn");
   if (p2pNetworkBtn) {
     p2pNetworkBtn.addEventListener("click", () => {
       if (typeof window.showP2PModal === "function") {
@@ -1671,18 +3048,18 @@
       }
     });
   }
-  const judgmentsModal = document.getElementById("judgments-modal");
-  const judgmentsBtn = document.getElementById("judgments-btn");
-  const judgmentsModalClose = document.getElementById("judgments-modal-close");
-  const judgmentDecision = document.getElementById("judgment-decision");
-  const judgmentReason = document.getElementById("judgment-reason");
-  const judgmentDomain = document.getElementById("judgment-domain");
-  const judgmentStakes = document.getElementById("judgment-stakes");
-  const judgmentSubmitBtn = document.getElementById("judgment-submit-btn");
-  const judgmentError = document.getElementById("judgment-error");
-  const judgmentsList = document.getElementById("judgments-list");
-  const judgmentsBadge = document.getElementById("judgments-badge");
-  let judgmentsLoaded = false;
+  var judgmentsModal = document.getElementById("judgments-modal");
+  var judgmentsBtn = document.getElementById("judgments-btn");
+  var judgmentsModalClose = document.getElementById("judgments-modal-close");
+  var judgmentDecision = document.getElementById("judgment-decision");
+  var judgmentReason = document.getElementById("judgment-reason");
+  var judgmentDomain = document.getElementById("judgment-domain");
+  var judgmentStakes = document.getElementById("judgment-stakes");
+  var judgmentSubmitBtn = document.getElementById("judgment-submit-btn");
+  var judgmentError = document.getElementById("judgment-error");
+  var judgmentsList = document.getElementById("judgments-list");
+  var judgmentsBadge = document.getElementById("judgments-badge");
+  var judgmentsLoaded = false;
   function showJudgmentsModal() {
     if (judgmentsModal) judgmentsModal.classList.add("active");
     if (!judgmentsLoaded) loadJudgments();
@@ -1720,9 +3097,9 @@
   function hideJudgmentsModal() {
     if (judgmentsModal) judgmentsModal.classList.remove("active");
   }
-  let currentJudgmentTab = "channel";
-  let currentStatusFilter = "all";
-  let lastJudgmentsCache = [];
+  var currentJudgmentTab = "channel";
+  var currentStatusFilter = "all";
+  var lastJudgmentsCache = [];
   function renderJudgments(items) {
     if (!judgmentsList) return;
     const all = items || [];
@@ -1730,7 +3107,7 @@
     const chNameEl = document.getElementById("judgments-tab-channel-name");
     const currentCh = currentChannelId ? channels.find((c) => c.id === currentChannelId) : null;
     if (chNameEl) {
-      chNameEl.textContent = currentCh ? `(${(0, import_safe_name.safeChannelName)(currentCh.name)})` : "(\u672A\u9009)";
+      chNameEl.textContent = currentCh ? `(${safeChannelName(currentCh.name)})` : "(\u672A\u9009)";
     }
     if (all.length === 0) {
       judgmentsList.innerHTML = '<div class="task-empty">\u8FD8\u6CA1\u6709\u5224\u65AD, \u5728\u4E0A\u9762\u8BB0\u5F55\u7B2C\u4E00\u6761\u5427</div>';
@@ -1756,7 +3133,7 @@
     );
     const bound = all.filter((j) => boundIds.has(j.id));
     const unbound = all.filter((j) => !boundIds.has(j.id));
-    if (titleEl) titleEl.textContent = `${(0, import_safe_name.safeChannelName)(currentCh.name)} \u7684\u5224\u65AD\u529B (\u5DF2\u7ED1 ${bound.length} / \u5171 ${all.length})`;
+    if (titleEl) titleEl.textContent = `${safeChannelName(currentCh.name)} \u7684\u5224\u65AD\u529B (\u5DF2\u7ED1 ${bound.length} / \u5171 ${all.length})`;
     let html = "";
     if (bound.length > 0) {
       html += `<div style="font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:0.5px;padding:8px 4px 4px;">\u5DF2\u7ED1\u5B9A (${bound.length})</div>`;
@@ -1771,37 +3148,37 @@
   function renderJudgmentItems(items, opts) {
     const { showBindToggle, isBound } = opts || {};
     return items.map((j) => {
-      const reason = j.reasons && j.reasons[0] ? escapeHtml(j.reasons[0]) : "";
-      const domain = j.context && j.context.domain ? escapeHtml(j.context.domain) : "general";
-      const stakes = j.context && j.context.stakes ? escapeHtml(j.context.stakes) : "medium";
+      const reason = j.reasons && j.reasons[0] ? escapeHtml2(j.reasons[0]) : "";
+      const domain = j.context && j.context.domain ? escapeHtml2(j.context.domain) : "general";
+      const stakes = j.context && j.context.stakes ? escapeHtml2(j.context.stakes) : "medium";
       const isSuperseded = j.status === "superseded";
       const isRejected = j.status === "rejected";
       const dimmedStyle = isSuperseded || isRejected ? "opacity:0.55;background:#f3f4f6;" : "";
       const statusTag = isSuperseded ? `<span style="display:inline-block;background:#fef3c7;color:#92400e;font-size:10px;padding:1px 6px;border-radius:3px;margin-left:6px;" title="\u5DF2\u88AB\u65B0\u5224\u65AD\u529B\u6F14\u5316\u66FF\u4EE3">\u5DF2\u8FC7\u65F6</span>` : isRejected ? `<span style="display:inline-block;background:#fee2e2;color:#991b1b;font-size:10px;padding:1px 6px;border-radius:3px;margin-left:6px;">\u5DF2\u62D2\u7EDD</span>` : "";
-      const evolveNote = isSuperseded && j.supersededBy ? `<div style="font-size:10px;color:#6b7280;margin-top:2px;">\u88AB\u65B0\u6761\u66FF\u4EE3 \xB7 ${escapeHtml(j.evolutionReason || "merged")} \xB7 ${escapeHtml(j.evolvedAt || "").substring(0, 10)}</div>` : "";
-      const bindBtn = showBindToggle ? isBound ? `<button class="judgment-toggle-btn" data-id="${escapeHtml(j.id)}" data-action="unbind" title="\u4ECE\u5F53\u524D channel \u79FB\u9664" style="background:none;border:1px solid #fca5a5;color:#b91c1c;padding:1px 8px;border-radius:3px;cursor:pointer;font-size:11px;">\xD7 \u79FB\u9664</button>` : `<button class="judgment-toggle-btn" data-id="${escapeHtml(j.id)}" data-action="bind" title="\u52A0\u8FDB\u5F53\u524D channel" style="background:none;border:1px solid #6b7280;color:#6b7280;padding:1px 8px;border-radius:3px;cursor:pointer;font-size:11px;">+ \u52A0\u5165</button>` : "";
+      const evolveNote = isSuperseded && j.supersededBy ? `<div style="font-size:10px;color:#6b7280;margin-top:2px;">\u88AB\u65B0\u6761\u66FF\u4EE3 \xB7 ${escapeHtml2(j.evolutionReason || "merged")} \xB7 ${escapeHtml2(j.evolvedAt || "").substring(0, 10)}</div>` : "";
+      const bindBtn = showBindToggle ? isBound ? `<button class="judgment-toggle-btn" data-id="${escapeHtml2(j.id)}" data-action="unbind" title="\u4ECE\u5F53\u524D channel \u79FB\u9664" style="background:none;border:1px solid #fca5a5;color:#b91c1c;padding:1px 8px;border-radius:3px;cursor:pointer;font-size:11px;">\xD7 \u79FB\u9664</button>` : `<button class="judgment-toggle-btn" data-id="${escapeHtml2(j.id)}" data-action="bind" title="\u52A0\u8FDB\u5F53\u524D channel" style="background:none;border:1px solid #6b7280;color:#6b7280;padding:1px 8px;border-radius:3px;cursor:pointer;font-size:11px;">+ \u52A0\u5165</button>` : "";
       return `
       <div class="task-item completed judgment-row"
-           data-judgment-id="${escapeHtml(j.id)}"
+           data-judgment-id="${escapeHtml2(j.id)}"
            draggable="true"
            style="cursor:grab;${dimmedStyle}">
         <div class="task-item-header">
           <label class="judgment-checkbox" style="display:flex;align-items:center;cursor:pointer;margin-right:8px;" onclick="event.stopPropagation();">
-            <input type="checkbox" class="judgment-select-cb" data-id="${escapeHtml(j.id)}" style="cursor:pointer;" onclick="event.stopPropagation();">
+            <input type="checkbox" class="judgment-select-cb" data-id="${escapeHtml2(j.id)}" style="cursor:pointer;" onclick="event.stopPropagation();">
           </label>
           <div class="task-item-title">
-            <span class="judgment-decision">${escapeHtml(j.decision)}</span>${statusTag}
+            <span class="judgment-decision">${escapeHtml2(j.decision)}</span>${statusTag}
           </div>
           <span class="task-item-status completed">${stakes}</span>
         </div>
         ${reason ? `<div class="task-item-desc" style="color:#555;font-size:13px;margin-top:4px;">\u7406\u7531: ${reason}</div>` : ""}
         ${evolveNote}
         <div class="task-item-meta" style="color:#999;font-size:11px;margin-top:4px;display:flex;justify-content:space-between;align-items:center;">
-          <span>${domain} \xB7 ${escapeHtml(j.timestamp)} \xB7 ${escapeHtml(j.id)}</span>
+          <span>${domain} \xB7 ${escapeHtml2(j.timestamp)} \xB7 ${escapeHtml2(j.id)}</span>
           <span style="display:flex;gap:4px;">
             ${bindBtn}
-            <button class="judgment-edit-btn" data-id="${escapeHtml(j.id)}" title="\u7F16\u8F91\u5224\u65AD" style="background:none;border:1px solid #d1d5db;color:#374151;padding:1px 8px;border-radius:3px;cursor:pointer;font-size:11px;">\u7F16\u8F91</button>
-            <button class="judgment-del-btn" data-id="${escapeHtml(j.id)}" title="\u5220\u9664\u5224\u65AD" style="background:none;border:1px solid #fca5a5;color:#b91c1c;padding:1px 8px;border-radius:3px;cursor:pointer;font-size:11px;">\u5220\u9664</button>
+            <button class="judgment-edit-btn" data-id="${escapeHtml2(j.id)}" title="\u7F16\u8F91\u5224\u65AD" style="background:none;border:1px solid #d1d5db;color:#374151;padding:1px 8px;border-radius:3px;cursor:pointer;font-size:11px;">\u7F16\u8F91</button>
+            <button class="judgment-del-btn" data-id="${escapeHtml2(j.id)}" title="\u5220\u9664\u5224\u65AD" style="background:none;border:1px solid #fca5a5;color:#b91c1c;padding:1px 8px;border-radius:3px;cursor:pointer;font-size:11px;">\u5220\u9664</button>
           </span>
         </div>
       </div>
@@ -1856,7 +3233,7 @@
       }
       judgmentsLoaded = true;
     } catch (e) {
-      if (judgmentsList) judgmentsList.innerHTML = '<div class="task-empty">\u52A0\u8F7D\u5931\u8D25: ' + escapeHtml(e.message) + "</div>";
+      if (judgmentsList) judgmentsList.innerHTML = '<div class="task-empty">\u52A0\u8F7D\u5931\u8D25: ' + escapeHtml2(e.message) + "</div>";
     }
   }
   function renderViolations(items) {
@@ -1866,18 +3243,18 @@
       return;
     }
     judgmentsList.innerHTML = items.map((v) => {
-      const ts = escapeHtml((v.ts || "").substring(0, 19).replace("T", " "));
-      const userPrev = escapeHtml(v.userInputPreview || "");
-      const aiPrev = escapeHtml(v.aiReplyPreview || "");
+      const ts = escapeHtml2((v.ts || "").substring(0, 19).replace("T", " "));
+      const userPrev = escapeHtml2(v.userInputPreview || "");
+      const aiPrev = escapeHtml2(v.aiReplyPreview || "");
       const principles = (v.result?.violatedPrinciples || []).map(
         (p) => `<div style="margin-top:3px;padding:4px 8px;background:#fef2f2;border-radius:3px;">
-        <span style="color:#dc2626;">\u26A0</span> <strong>${escapeHtml(p.principle || "")}</strong>
-        <span style="color:#991b1b;">\u2014 ${escapeHtml(p.reason || "")}</span>
+        <span style="color:#dc2626;">\u26A0</span> <strong>${escapeHtml2(p.principle || "")}</strong>
+        <span style="color:#991b1b;">\u2014 ${escapeHtml2(p.reason || "")}</span>
       </div>`
       ).join("");
       return `
       <div class="task-item" style="border-left:3px solid #dc2626;padding:8px 12px;background:#fffbfb;">
-        <div style="font-size:11px;color:#6b7280;margin-bottom:4px;">${ts} \xB7 confidence=${escapeHtml(String(v.result?.confidence ?? 0))}</div>
+        <div style="font-size:11px;color:#6b7280;margin-bottom:4px;">${ts} \xB7 confidence=${escapeHtml2(String(v.result?.confidence ?? 0))}</div>
         <div style="font-size:12px;color:#1f2937;"><strong>\u7528\u6237:</strong> ${userPrev}</div>
         <div style="font-size:12px;color:#1f2937;margin-top:2px;"><strong>AI:</strong> ${aiPrev}</div>
         <div style="margin-top:6px;">${principles}</div>
@@ -1888,7 +3265,7 @@
   function renderAdaptiveSuggestions(data) {
     if (!judgmentsList) return;
     const { judgmentsTotal, usageEntriesScanned, suggestions, scannedAt } = data;
-    const ts = escapeHtml((scannedAt || "").substring(0, 19).replace("T", " "));
+    const ts = escapeHtml2((scannedAt || "").substring(0, 19).replace("T", " "));
     if (!suggestions || suggestions.length === 0) {
       judgmentsList.innerHTML = `
       <div class="task-empty">\u{1F4CA} \u81EA\u9002\u5E94\u626B\u63CF: \u65E0\u5EFA\u8BAE
@@ -1912,21 +3289,21 @@
       const style = KIND_STYLE[s.kind] || KIND_STYLE.unused;
       const m = s.metrics || {};
       return `
-      <div class="task-item" data-suggestion-key="${escapeHtml(s.key)}"
+      <div class="task-item" data-suggestion-key="${escapeHtml2(s.key)}"
            style="border-left:3px solid ${style.color};padding:8px 12px;background:${style.bg};margin-bottom:6px;">
         <div style="display:flex;align-items:center;gap:6px;margin-bottom:4px;">
           <span style="color:${style.color};font-weight:600;font-size:12px;">${style.label}</span>
           <span style="font-size:11px;color:#6b7280;">${s.action === "boost" ? "\u5EFA\u8BAE\u52A0\u6743" : s.action === "deprecate" ? "\u5EFA\u8BAE\u5E9F\u5F03" : "\u5EFA\u8BAE\u5BA1\u89C6"}</span>
         </div>
-        <div style="font-size:12px;color:#1f2937;margin-bottom:4px;"><strong>${escapeHtml(s.decision)}</strong></div>
-        <div style="font-size:11px;color:#6b7280;margin-bottom:6px;">${escapeHtml(s.reason)}</div>
+        <div style="font-size:12px;color:#1f2937;margin-bottom:4px;"><strong>${escapeHtml2(s.decision)}</strong></div>
+        <div style="font-size:11px;color:#6b7280;margin-bottom:6px;">${escapeHtml2(s.reason)}</div>
         <div style="font-size:11px;color:#9ca3af;margin-bottom:6px;">
           7\u5929 ${m.usage7d || 0} \xB7 30\u5929 ${m.usage30d || 0} \xB7 \u5171 ${m.totalUsage || 0} \xB7 \u4E0A\u6B21\u7528 ${m.daysSinceLastUse || 0} \u5929\u524D
         </div>
         <div style="display:flex;gap:6px;">
-          <button class="adaptive-accept" data-key="${escapeHtml(s.key)}" data-id="${escapeHtml(s.judgmentId)}" data-action-kind="${escapeHtml(s.action)}"
+          <button class="adaptive-accept" data-key="${escapeHtml2(s.key)}" data-id="${escapeHtml2(s.judgmentId)}" data-action-kind="${escapeHtml2(s.action)}"
                   style="background:#059669;color:#fff;border:none;padding:2px 10px;border-radius:3px;cursor:pointer;font-size:11px;">\u2713 \u63A5\u53D7</button>
-          <button class="adaptive-reject" data-key="${escapeHtml(s.key)}" data-id="${escapeHtml(s.judgmentId)}" data-action-kind="${escapeHtml(s.action)}"
+          <button class="adaptive-reject" data-key="${escapeHtml2(s.key)}" data-id="${escapeHtml2(s.judgmentId)}" data-action-kind="${escapeHtml2(s.action)}"
                   style="background:none;border:1px solid #d1d5db;color:#6b7280;padding:2px 10px;border-radius:3px;cursor:pointer;font-size:11px;">\u2717 \u62D2\u7EDD</button>
         </div>
       </div>
@@ -1995,18 +3372,18 @@
       return;
     }
     const rows = items.map((p, idx) => `
-    <div class="task-item" data-causal-idx="${idx}" data-judgment-a="${escapeHtml(p.judgmentA)}" data-judgment-b="${escapeHtml(p.judgmentB)}"
+    <div class="task-item" data-causal-idx="${idx}" data-judgment-a="${escapeHtml2(p.judgmentA)}" data-judgment-b="${escapeHtml2(p.judgmentB)}"
          style="border-left:3px solid #7c3aed;padding:8px 12px;background:#faf5ff;margin-bottom:6px;">
       <div style="display:flex;align-items:center;gap:6px;margin-bottom:4px;">
-        <span style="color:#7c3aed;font-weight:600;font-size:12px;">${escapeHtml(p.causalDirection)}</span>
+        <span style="color:#7c3aed;font-weight:600;font-size:12px;">${escapeHtml2(p.causalDirection)}</span>
         <span style="font-size:11px;color:#6b7280;">MI=${p.mutualInfo} \xB7 co=${p.coOccurrence}</span>
       </div>
-      <div style="font-size:11px;color:#374151;margin-bottom:4px;">${escapeHtml(p.explanation || "(\u65E0 LLM \u89E3\u91CA)")}</div>
-      <div style="font-size:10px;color:#9ca3af;">A: ${escapeHtml(p.judgmentA)} \u2194 B: ${escapeHtml(p.judgmentB)}</div>
+      <div style="font-size:11px;color:#374151;margin-bottom:4px;">${escapeHtml2(p.explanation || "(\u65E0 LLM \u89E3\u91CA)")}</div>
+      <div style="font-size:10px;color:#9ca3af;">A: ${escapeHtml2(p.judgmentA)} \u2194 B: ${escapeHtml2(p.judgmentB)}</div>
       <div style="margin-top:6px;display:flex;gap:6px;">
-        <button class="causal-intervention-a" data-jid="${escapeHtml(p.judgmentA)}"
+        <button class="causal-intervention-a" data-jid="${escapeHtml2(p.judgmentA)}"
                 style="background:#7c3aed;color:#fff;border:none;padding:2px 10px;border-radius:3px;cursor:pointer;font-size:11px;">\u{1F52C} do(A)</button>
-        <button class="causal-intervention-b" data-jid="${escapeHtml(p.judgmentB)}"
+        <button class="causal-intervention-b" data-jid="${escapeHtml2(p.judgmentB)}"
                 style="background:#7c3aed;color:#fff;border:none;padding:2px 10px;border-radius:3px;cursor:pointer;font-size:11px;">\u{1F52C} do(B)</button>
       </div>
       <div class="causal-result" data-jid="" style="display:none;margin-top:6px;padding:6px;background:#f3e8ff;border-radius:3px;font-size:11px;"></div>
@@ -2050,11 +3427,11 @@
           const color = Math.abs(effect) > 0.5 ? "#dc2626" : Math.abs(effect) > 0.2 ? "#d97706" : "#059669";
           resultDiv.innerHTML = `
           <div style="color:${color};font-weight:600;">do-calculus: causalEffect = ${sign}${effect} (${data.marginalContribution})</div>
-          <div style="color:#374151;margin-top:4px;">${escapeHtml(data.reasoning)}</div>
+          <div style="color:#374151;margin-top:4px;">${escapeHtml2(data.reasoning)}</div>
           <div style="color:#9ca3af;margin-top:4px;">confidence=${data.confidence}</div>
         `;
         } catch (err) {
-          resultDiv.innerHTML = `<div style="color:#dc2626;">\u5931\u8D25: ${escapeHtml(err.message)}</div>`;
+          resultDiv.innerHTML = `<div style="color:#dc2626;">\u5931\u8D25: ${escapeHtml2(err.message)}</div>`;
         } finally {
           btn.disabled = false;
         }
@@ -2138,9 +3515,9 @@
       }
     });
   }
-  const judgmentSelectAll = document.getElementById("judgment-select-all");
-  const judgmentSelectedCount = document.getElementById("judgment-selected-count");
-  const judgmentBulkDeleteBtn = document.getElementById("judgment-bulk-delete-btn");
+  var judgmentSelectAll = document.getElementById("judgment-select-all");
+  var judgmentSelectedCount = document.getElementById("judgment-selected-count");
+  var judgmentBulkDeleteBtn = document.getElementById("judgment-bulk-delete-btn");
   function getSelectedJudgmentIds() {
     if (!judgmentsList) return [];
     return Array.from(judgmentsList.querySelectorAll(".judgment-select-cb")).filter((cb) => cb.checked).map((cb) => cb.getAttribute("data-id")).filter(Boolean);
@@ -2288,8 +3665,37 @@
       if (e.target === judgmentsModal) hideJudgmentsModal();
     });
   }
-  const judgmentImportBtn = document.getElementById("judgment-import-btn");
-  const judgmentImportFile = document.getElementById("judgment-import-file");
+  var judgmentImportBtn = document.getElementById("judgment-import-btn");
+  var judgmentImportFile = document.getElementById("judgment-import-file");
+  var judgmentCleanupBtn = document.getElementById("judgment-cleanup-btn");
+  async function runCleanupJudgments(dryRun) {
+    const url = dryRun ? "/api/judgments/cleanup-dry" : "/api/judgments/cleanup";
+    const method = dryRun ? "GET" : "POST";
+    if (judgmentCleanupBtn) judgmentCleanupBtn.disabled = true;
+    const origText = judgmentCleanupBtn?.textContent;
+    if (judgmentCleanupBtn) judgmentCleanupBtn.textContent = dryRun ? "\u{1F50D} \u626B\u63CF\u2026" : "\u2699\uFE0F \u6E05\u7406\u4E2D\u2026";
+    try {
+      const res = await fetch(url, { method });
+      const json = await res.json().catch(() => ({}));
+      if (!res.ok) {
+        showJudgmentError("\u6E05\u7406\u5931\u8D25: " + (json.error || res.status));
+        return;
+      }
+      if (dryRun) {
+        showJudgmentOk(`\u626B\u63CF: ${json.totalBefore} \u6761 \u2192 \u4FDD\u7559 ${json.totalAfter}, \u5C06\u88AB\u8F6F\u5220\u9664 ${json.removed} \u6761 (loadAll \u6D4B\u8BD5/\u6D4B\u8BD5\u539F\u5219\u7B49\u542F\u53D1\u5F0F)`);
+      } else {
+        showJudgmentOk(`\u6E05\u7406\u5B8C\u6210: ${json.totalBefore} \u2192 ${json.totalAfter} \u6761 (\u8F6F\u5220\u9664 ${json.removed} \u6761)`);
+        if (typeof loadJudgments === "function") await loadJudgments();
+      }
+    } catch (err) {
+      showJudgmentError("\u6E05\u7406\u8BF7\u6C42\u5931\u8D25: " + (err?.message || err));
+    } finally {
+      if (judgmentCleanupBtn) {
+        judgmentCleanupBtn.disabled = false;
+        judgmentCleanupBtn.textContent = origText || "\u6E05\u7406\u6D4B\u8BD5\u6570\u636E";
+      }
+    }
+  }
   function showJudgmentError(msg) {
     if (!judgmentError) return;
     judgmentError.textContent = msg;
@@ -2303,12 +3709,12 @@
     judgmentError.style.color = "#15803d";
   }
   function fileToBase64(file) {
-    return new Promise((resolve, reject) => {
+    return new Promise((resolve2, reject) => {
       const r = new FileReader();
       r.onload = () => {
         const s = String(r.result || "");
         const idx = s.indexOf(",");
-        resolve(idx >= 0 ? s.substring(idx + 1) : s);
+        resolve2(idx >= 0 ? s.substring(idx + 1) : s);
       };
       r.onerror = () => reject(r.error || new Error("read failed"));
       r.readAsDataURL(file);
@@ -2346,6 +3752,15 @@
       if (f) importJudgmentFile(f);
     });
   }
+  if (judgmentCleanupBtn) {
+    judgmentCleanupBtn.addEventListener("click", async () => {
+      if (!window.confirm("\u5C06\u4F1A\u8F6F\u5220\u9664\u6240\u6709\u300C\u6D4B\u8BD5\u704C\u6C34\u300D\u5224\u65AD\u529B (loadAll \u6D4B\u8BD5/\u6D4B\u8BD5\u539F\u5219\u7B49\u542F\u53D1\u5F0F\u5339\u914D).\n\u4E0B\u4E00\u6B65\u5C06\u5148 dry-run \u9884\u89C8, \u4E8C\u6B21\u786E\u8BA4\u518D\u771F\u6E05.")) return;
+      const dry = await runCleanupJudgments(true);
+      if (dry === false) return;
+      if (!window.confirm("\u786E\u8BA4\u6E05\u7406\u5417? \u8F6F\u5220\u9664\u53EF\u8FFD\u6EAF, \u72B6\u6001\u6807\u8BB0\u4E3A rejected, \u4E0D\u5F71\u54CD\u5DF2 active \u6570\u636E.")) return;
+      await runCleanupJudgments(false);
+    });
+  }
   document.addEventListener("click", async (e) => {
     const btn = e.target.closest && e.target.closest(".save-as-judgment");
     if (!btn) return;
@@ -2445,8 +3860,8 @@
     }
     popup.innerHTML = `
     <div style="font-weight:600;margin-bottom:4px;">\u5DF2\u84B8\u998F\u4E3A\u5224\u65AD\u529B</div>
-    <div style="background:#f9fafb;padding:6px 8px;border-radius:4px;line-height:1.4;">${escapeHtml(value)}</div>
-    ${evidence ? `<div style="font-size:11px;color:#6b7280;margin-top:4px;">\u8BC1\u636E: ${escapeHtml(evidence)}</div>` : ""}
+    <div style="background:#f9fafb;padding:6px 8px;border-radius:4px;line-height:1.4;">${escapeHtml2(value)}</div>
+    ${evidence ? `<div style="font-size:11px;color:#6b7280;margin-top:4px;">\u8BC1\u636E: ${escapeHtml2(evidence)}</div>` : ""}
     ${evolveNote}
     <div style="display:flex;gap:6px;margin-top:8px;">
       <button class="dc-edit" style="background:none;border:1px solid #d1d5db;color:#374151;padding:2px 10px;border-radius:3px;cursor:pointer;font-size:11px;">\u7F16\u8F91</button>
@@ -2473,7 +3888,7 @@
   if (judgmentSubmitBtn) judgmentSubmitBtn.addEventListener("click", submitJudgment);
   loadJudgments();
   setInterval(loadJudgments, 1e4);
-  let knownPeers = [];
+  var knownPeers = [];
   async function loadRemoteChannels() {
     try {
       const res = await fetch("/api/p2p-peers");
@@ -2536,22 +3951,22 @@
       const caretChar = "\u25BE";
       return `
       <li class="remote-peer-group ${isCollapsed ? "collapsed" : ""}" style="margin-bottom:10px;${strangerStyle}">
-        <div class="remote-peer-header" data-peer-name="${escapeHtml(peer.name)}" data-peer-pk="${escapeHtml(peer.publicKey)}"
+        <div class="remote-peer-header" data-peer-name="${escapeHtml2(peer.name)}" data-peer-pk="${escapeHtml2(peer.publicKey)}"
              style="display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--bg-hover);border-radius:4px;cursor:pointer;">
-          <button class="peer-caret-btn" data-toggle-peer="${escapeHtml(peer.publicKey)}" title="\u6298\u53E0/\u5C55\u5F00"
+          <button class="peer-caret-btn" data-toggle-peer="${escapeHtml2(peer.publicKey)}" title="\u6298\u53E0/\u5C55\u5F00"
                   style="background:var(--bg-active);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;">${caretChar}</button>
           <span style="font-size:13px;">${strangerIcon}</span>
-          <span style="flex:1;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" title="${escapeHtml(peer.publicKey)}">${escapeHtml(peer.name)}</span>
+          <span style="flex:1;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" title="${escapeHtml2(peer.publicKey)}">${escapeHtml2(peer.name)}</span>
           <span style="font-size:9px;color:var(--text-muted);">${peerChannels.length > 0 ? `${peerChannels.length} ch \xB7 ` : ""}${lastConn}</span>
-          <button class="peer-share-btn" title="\u5206\u4EAB channel \u7ED9 ${escapeHtml(peer.name)}"
+          <button class="peer-share-btn" title="\u5206\u4EAB channel \u7ED9 ${escapeHtml2(peer.name)}"
                   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="${escapeHtml(peer.publicKey)}" data-channel-id="${escapeHtml(c.id)}"
+              <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="${escapeHtml((0, import_safe_name.safeChannelName)(c.name, ""))}">${escapeHtml((0, import_safe_name.safeChannelName)(c.name))}</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("")}
         </div>
@@ -2619,16 +4034,16 @@
           <span style="font-size:18px;">\u270F\uFE0F</span>
           <div style="flex:1;min-width:0;">
             <div class="friend-req-title">\u7F16\u8F91\u597D\u53CB</div>
-            <div class="friend-req-meta">publicKey: ${escapeHtml(peerPublicKey.substring(0, 16))}\u2026</div>
+            <div class="friend-req-meta">publicKey: ${escapeHtml2(peerPublicKey.substring(0, 16))}\u2026</div>
           </div>
         </div>
         <div class="friend-req-body">
           <label style="display:block;margin-bottom:6px;font-size:12px;color:var(--text-secondary);">\u663E\u793A\u540D\u5B57</label>
-          <input id="epm-name" type="text" value="${escapeHtml(currentName)}"
+          <input id="epm-name" type="text" value="${escapeHtml2(currentName)}"
                  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 (\u81EA\u7531\u6587\u672C, \u4F8B\u5982\u5408\u4F5C\u9886\u57DF / \u600E\u4E48\u8BA4\u8BC6\u7684)</label>
           <textarea id="epm-notes" rows="4" placeholder="\u4F8B\u5982: 2026-06 \u5408\u4F5C LLM \u4EE3\u53D1\u9A8C\u8BC1"
-                    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;">${escapeHtml(currentNotes)}</textarea>
+                    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-cancel" class="friend-req-btn-deny">\u53D6\u6D88</button>
@@ -2679,11 +4094,11 @@
       const isShared = Array.isArray(ch.shared_with_peers) && ch.shared_with_peers.includes(peerPublicKey);
       return `
           <label class="share-modal-row">
-            <input type="checkbox" data-cid="${escapeHtml(ch.id)}" ${isShared ? "checked" : ""} class="share-modal-cb">
+            <input type="checkbox" data-cid="${escapeHtml2(ch.id)}" ${isShared ? "checked" : ""} class="share-modal-cb">
             <div class="share-modal-row-info">
-              <div class="share-modal-row-name">${escapeHtml(ch.name || "(\u672A\u547D\u540D)")}</div>
+              <div class="share-modal-row-name">${escapeHtml2(ch.name || "(\u672A\u547D\u540D)")}</div>
               <div class="share-modal-row-meta">
-                ${isShared ? "\u2713 \u5DF2\u5206\u4EAB" : "\u672A\u5206\u4EAB"} \xB7 ${escapeHtml(ch.id.slice(0, 24))}\u2026
+                ${isShared ? "\u2713 \u5DF2\u5206\u4EAB" : "\u672A\u5206\u4EAB"} \xB7 ${escapeHtml2(ch.id.slice(0, 24))}\u2026
               </div>
             </div>
           </label>
@@ -2695,8 +4110,8 @@
         <div class="friend-req-header">
           <span style="font-size:18px;">\u{1F4E4}</span>
           <div style="flex:1;min-width:0;">
-            <div class="friend-req-title">\u5206\u4EAB channel \u7ED9 ${escapeHtml(peerName)}</div>
-            <div class="friend-req-meta">${escapeHtml(peerPublicKey.substring(0, 16))}\u2026</div>
+            <div class="friend-req-title">\u5206\u4EAB channel \u7ED9 ${escapeHtml2(peerName)}</div>
+            <div class="friend-req-meta">${escapeHtml2(peerPublicKey.substring(0, 16))}\u2026</div>
           </div>
           <button id="spm-close" class="friend-req-btn-close">\xD7</button>
         </div>
@@ -2756,8 +4171,8 @@
       <div class="remote-chat-shell">
         <div class="remote-chat-header">
           <div style="flex:1;min-width:0;">
-            <div class="remote-chat-title">\u{1F310} \u8DDF ${escapeHtml(channelName)} \u804A\u5929</div>
-            <div class="remote-chat-meta">\u8FDC\u7AEF peer: ${escapeHtml(peerPublicKey.substring(0, 16))}\u2026 \xB7 ${escapeHtml(channelId)}</div>
+            <div class="remote-chat-title">\u{1F310} \u8DDF ${escapeHtml2(channelName)} \u804A\u5929</div>
+            <div class="remote-chat-meta">\u8FDC\u7AEF peer: ${escapeHtml2(peerPublicKey.substring(0, 16))}\u2026 \xB7 ${escapeHtml2(channelId)}</div>
           </div>
           <button id="rcm-refresh-history" title="\u91CD\u65B0\u62C9\u5386\u53F2" class="remote-chat-btn-secondary">\u21BB \u5386\u53F2</button>
           <button id="rcm-close" class="remote-chat-btn-close">\xD7</button>
@@ -2788,7 +4203,7 @@
     };
     document.getElementById("rcm-refresh-history").onclick = () => loadHistory(false);
     const append = (text, role) => {
-      addMessage(text, role === "user" ? "user" : "ai", false, log);
+      addMessage2(text, role === "user" ? "user" : "ai", false, log);
       log.scrollTop = log.scrollHeight;
     };
     const appendSystem = (text, kind = "info") => {
@@ -2844,7 +4259,7 @@
         jh.className = "remote-chat-judgments";
         let h = `<div class="remote-chat-judgments-title">\u{1F6E1}\uFE0F \u5BF9\u65B9 channel \u7ED1\u5B9A\u7684\u5224\u65AD\u529B (${judgments.bound.length} \u6761\u786C\u7EA6\u675F)</div>`;
         for (const j of judgments.bound) {
-          h += `<div class="remote-chat-judgment-item">\u2022 <b>${escapeHtml((j.decision || "").slice(0, 100))}</b>${j.domain ? `<span class="remote-chat-judgment-tag"> [${escapeHtml(j.domain)}${j.stakes ? "/" + escapeHtml(j.stakes) : ""}]</span>` : ""}${j.reasons && j.reasons.length ? '<br><span class="remote-chat-judgment-reason">\u7406\u7531: ' + escapeHtml(j.reasons.join("; ").slice(0, 100)) + "</span>" : ""}</div>`;
+          h += `<div class="remote-chat-judgment-item">\u2022 <b>${escapeHtml2((j.decision || "").slice(0, 100))}</b>${j.domain ? `<span class="remote-chat-judgment-tag"> [${escapeHtml2(j.domain)}${j.stakes ? "/" + escapeHtml2(j.stakes) : ""}]</span>` : ""}${j.reasons && j.reasons.length ? '<br><span class="remote-chat-judgment-reason">\u7406\u7531: ' + escapeHtml2(j.reasons.join("; ").slice(0, 100)) + "</span>" : ""}</div>`;
         }
         if (judgments.candidates && judgments.candidates.length > 0) {
           h += `<div class="remote-chat-judgments-foot">+ ${judgments.candidates.length} \u6761\u5019\u9009\u5224\u65AD\u529B (LLM \u53EF\u81EA\u9009\u53C2\u8003)</div>`;
@@ -2874,7 +4289,7 @@
 
 `;
           }
-          addMessage(prefix + (m.content || ""), type, false, log);
+          addMessage2(prefix + (m.content || ""), type, false, log);
         }
         setTimeout(() => {
           log.scrollTop = log.scrollHeight;
@@ -2913,7 +4328,7 @@
     loadHistory(false);
     historyRefreshTimer = setInterval(() => loadHistory(true), 15e3);
   }
-  const showMyIdBtn = document.getElementById("show-my-p2p-id-btn");
+  var showMyIdBtn = document.getElementById("show-my-p2p-id-btn");
   if (showMyIdBtn) {
     showMyIdBtn.addEventListener("click", async (e) => {
       e.stopPropagation();
@@ -2946,7 +4361,7 @@
         body.innerHTML = `
         <div style="font-size:12px;color:#6b7280;margin-bottom:8px;">\u628A\u4E0B\u9762\u8FD9\u4E32\u53D1\u7ED9\u597D\u53CB, \u597D\u53CB\u5728 P2P \u597D\u53CB\u533A\u70B9 "+ \u597D\u53CB" \u7C98\u8D34\u5373\u53EF\u52A0\u4F60:</div>
         <div style="display:flex;gap:6px;align-items:center;margin-bottom:12px;">
-          <code id="mpim-pk" style="flex:1;padding:8px 10px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;font-family:monospace;font-size:11px;word-break:break-all;line-height:1.4;">${escapeHtml(pk)}</code>
+          <code id="mpim-pk" style="flex:1;padding:8px 10px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;font-family:monospace;font-size:11px;word-break:break-all;line-height:1.4;">${escapeHtml2(pk)}</code>
           <button id="mpim-copy" style="padding:8px 14px;background:#2563eb;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;white-space:nowrap;">\u{1F4CB} \u590D\u5236</button>
         </div>
         <div id="mpim-status" style="font-size:12px;color:#059669;min-height:16px;"></div>
@@ -2977,11 +4392,11 @@
         };
       } catch (err) {
         const body = document.getElementById("mpim-body");
-        if (body) body.innerHTML = `<div style="color:#b91c1c;font-size:13px;">\u2717 \u83B7\u53D6\u5931\u8D25: ${escapeHtml(err.message || String(err))}</div>`;
+        if (body) body.innerHTML = `<div style="color:#b91c1c;font-size:13px;">\u2717 \u83B7\u53D6\u5931\u8D25: ${escapeHtml2(err.message || String(err))}</div>`;
       }
     });
   }
-  const addPeerBtn = document.getElementById("add-p2p-peer-btn");
+  var addPeerBtn = document.getElementById("add-p2p-peer-btn");
   if (addPeerBtn) {
     addPeerBtn.addEventListener("click", async (e) => {
       e.stopPropagation();
@@ -3037,11 +4452,11 @@
           <span style="font-size:20px;">\u{1F91D}</span>
           <div style="flex:1;min-width:0;">
             <div class="friend-req-title">\u597D\u53CB\u7533\u8BF7</div>
-            <div class="friend-req-meta">\u6765\u81EA ${escapeHtml(req.fromName)} (${escapeHtml(req.fromPublicKey.substring(0, 16))}\u2026)</div>
+            <div class="friend-req-meta">\u6765\u81EA ${escapeHtml2(req.fromName)} (${escapeHtml2(req.fromPublicKey.substring(0, 16))}\u2026)</div>
           </div>
         </div>
         <div class="friend-req-body">
-          <p style="margin:0 0 8px;">${escapeHtml(req.message || "\u60F3\u52A0\u4F60\u4E3A P2P \u597D\u53CB")}</p>
+          <p style="margin:0 0 8px;">${escapeHtml2(req.message || "\u60F3\u52A0\u4F60\u4E3A P2P \u597D\u53CB")}</p>
           <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">
@@ -3094,7 +4509,7 @@
       setTimeout(() => el.remove(), 320);
     }, 3e3);
   }
-  const p2pToggleAllBtn = document.getElementById("p2p-toggle-all-btn");
+  var p2pToggleAllBtn = document.getElementById("p2p-toggle-all-btn");
   if (p2pToggleAllBtn) {
     let syncToggleAllBtn = function() {
       const allPks = /* @__PURE__ */ new Set([
@@ -3117,7 +4532,7 @@
         p2pToggleAllBtn.title = "\u70B9\u51FB\u6298\u53E0\u6240\u6709 P2P \u597D\u53CB";
       }
     };
-    var syncToggleAllBtn2 = syncToggleAllBtn;
+    syncToggleAllBtn2 = syncToggleAllBtn;
     p2pToggleAllBtn.addEventListener("click", (e) => {
       e.stopPropagation();
       const allPks = /* @__PURE__ */ new Set([
@@ -3138,7 +4553,8 @@
     window.__syncP2PToggleAllBtn = syncToggleAllBtn;
     syncToggleAllBtn();
   }
-  const refreshSharedBtn = document.getElementById("refresh-shared-btn");
+  var syncToggleAllBtn2;
+  var refreshSharedBtn = document.getElementById("refresh-shared-btn");
   if (refreshSharedBtn) {
     refreshSharedBtn.addEventListener("click", async (e) => {
       e.stopPropagation();
@@ -3163,17 +4579,17 @@
   loadRemoteChannels();
   setInterval(loadRemoteChannels, 8e3);
   startV3GlobalSSE();
-  const localSection = document.querySelector(".sidebar-section");
-  const remoteSection = document.getElementById("remote-agents-section");
+  var localSection = document.querySelector(".sidebar-section");
+  var remoteSection = document.getElementById("remote-agents-section");
   if (localSection) localSection.classList.add("local-flex");
   if (remoteSection) remoteSection.classList.add("remote-flex");
-  const remoteHeader = document.getElementById("remote-agents-header");
+  var remoteHeader = document.getElementById("remote-agents-header");
   if (remoteHeader && remoteSection) {
     remoteHeader.addEventListener("click", (e) => {
       remoteSection.classList.toggle("collapsed");
     });
   }
-  const splitHandle = document.getElementById("sidebar-split-handle");
+  var splitHandle = document.getElementById("sidebar-split-handle");
   if (splitHandle && localSection && remoteSection) {
     const updateFlexVars = (localRatio, remoteRatio) => {
       localSection.style.setProperty("--local-flex", String(localRatio));
@@ -3217,17 +4633,17 @@
       updateFlexVars(1, 1);
     });
   }
-  const walletModal = document.getElementById("wallet-modal");
-  const walletModalClose = document.getElementById("wallet-modal-close");
-  const walletBindAddress = document.getElementById("wallet-bind-address");
-  const walletGenerateBtn = document.getElementById("wallet-generate-btn");
-  const walletAutoTools = document.getElementById("wallet-auto-tools");
-  const walletBindBtn = document.getElementById("wallet-bind-btn");
-  const walletUnbindBtn = document.getElementById("wallet-unbind-btn");
-  const walletNewInfo = document.getElementById("wallet-new-info");
-  const walletListEl = document.getElementById("wallet-list");
-  let walletModalPendingSecret = null;
-  let walletModalPendingMnemonic = null;
+  var walletModal = document.getElementById("wallet-modal");
+  var walletModalClose = document.getElementById("wallet-modal-close");
+  var walletBindAddress = document.getElementById("wallet-bind-address");
+  var walletGenerateBtn = document.getElementById("wallet-generate-btn");
+  var walletAutoTools = document.getElementById("wallet-auto-tools");
+  var walletBindBtn = document.getElementById("wallet-bind-btn");
+  var walletUnbindBtn = document.getElementById("wallet-unbind-btn");
+  var walletNewInfo = document.getElementById("wallet-new-info");
+  var walletListEl = document.getElementById("wallet-list");
+  var walletModalPendingSecret = null;
+  var walletModalPendingMnemonic = null;
   if (walletModalClose) {
     walletModalClose.addEventListener("click", closeWalletModal);
   }
@@ -3287,7 +4703,7 @@
         walletModalPendingSecret = null;
         walletModalPendingMnemonic = null;
         walletNewInfo.style.display = "block";
-        walletNewInfo.innerHTML = "\u2705 \u7ED1\u5B9A\u6210\u529F<br><strong>\u5730\u5740:</strong> <code>" + escapeHtml(updated.walletAddress) + "</code><br><strong>\u7B7E\u540D DID:</strong> <code>" + escapeHtml(did) + '</code><br><small style="color:#9c9;">\u670D\u52A1\u7AEF\u5DF2\u7528 recoverMessage \u6821\u9A8C\u7B7E\u540D, \u8BC1\u660E\u4F60\u6301\u6709\u8BE5\u94B1\u5305\u79C1\u94A5\u3002</small>';
+        walletNewInfo.innerHTML = "\u2705 \u7ED1\u5B9A\u6210\u529F<br><strong>\u5730\u5740:</strong> <code>" + escapeHtml2(updated.walletAddress) + "</code><br><strong>\u7B7E\u540D DID:</strong> <code>" + escapeHtml2(did) + '</code><br><small style="color:#9c9;">\u670D\u52A1\u7AEF\u5DF2\u7528 recoverMessage \u6821\u9A8C\u7B7E\u540D, \u8BC1\u660E\u4F60\u6301\u6709\u8BE5\u94B1\u5305\u79C1\u94A5\u3002</small>';
       } catch (err) {
         alert("\u7ED1\u5B9A\u5931\u8D25: " + err.message);
       }
@@ -3345,24 +4761,24 @@
       const row = document.createElement("div");
       row.className = "wallet-row" + (isActive ? " is-active" : "");
       row.innerHTML = `
-      <span class="wallet-chain">${escapeHtml(chain)}</span>
+      <span class="wallet-chain">${escapeHtml2(chain)}</span>
       <div class="wallet-info">
-        <span class="wallet-agent" title="${escapeHtml(ch.name || "")}">${escapeHtml(ch.name || "(\u672A\u547D\u540D)")}</span>
-        <span class="wallet-address" title="${escapeHtml(ch.walletAddress)}">${escapeHtml(ch.walletAddress)}</span>
+        <span class="wallet-agent" title="${escapeHtml2(ch.name || "")}">${escapeHtml2(ch.name || "(\u672A\u547D\u540D)")}</span>
+        <span class="wallet-address" title="${escapeHtml2(ch.walletAddress)}">${escapeHtml2(ch.walletAddress)}</span>
       </div>
       <div class="wallet-actions">
-        <button class="wallet-mini-btn" data-action="copy" data-addr="${escapeHtml(ch.walletAddress)}" title="\u590D\u5236\u5730\u5740">
+        <button class="wallet-mini-btn" data-action="copy" data-addr="${escapeHtml2(ch.walletAddress)}" title="\u590D\u5236\u5730\u5740">
           <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
             <rect x="9" y="9" width="13" height="13" rx="2"></rect>
             <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
           </svg>
         </button>
-        <button class="wallet-mini-btn" data-action="goto" data-id="${escapeHtml(ch.id)}" title="\u5207\u6362\u5230\u8BE5\u667A\u80FD\u4F53">
+        <button class="wallet-mini-btn" data-action="goto" data-id="${escapeHtml2(ch.id)}" title="\u5207\u6362\u5230\u8BE5\u667A\u80FD\u4F53">
           <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
             <path d="M5 12h14M12 5l7 7-7 7"></path>
           </svg>
         </button>
-        <button class="wallet-mini-btn" data-action="unbind" data-id="${escapeHtml(ch.id)}" title="\u89E3\u7ED1">
+        <button class="wallet-mini-btn" data-action="unbind" data-id="${escapeHtml2(ch.id)}" title="\u89E3\u7ED1">
           <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
             <line x1="18" y1="6" x2="6" y2="18"></line>
             <line x1="6" y1="6" x2="18" y2="18"></line>
@@ -3421,18 +4837,18 @@
     return "?";
   }
   init();
-  const agentAddModal = document.getElementById("agent-add-modal");
-  const agentAddTitle = document.getElementById("agent-add-title");
-  const agentAddModalClose = document.getElementById("agent-add-modal-close");
-  const agentAddName = document.getElementById("agent-add-name");
-  const agentAddWallet = document.getElementById("agent-add-wallet");
-  const agentAddAutoTools = document.getElementById("agent-add-auto-tools");
-  const agentAddConfirmBtn = document.getElementById("agent-add-confirm-btn");
-  const agentAddCancelBtn = document.getElementById("agent-add-cancel-btn");
-  const agentAddWalletInfo = document.getElementById("agent-add-wallet-info");
-  const agentGenerateWalletBtn = document.getElementById("agent-generate-wallet-btn");
-  let pendingWalletSecret = null;
-  let pendingWalletMnemonic = null;
+  var agentAddModal = document.getElementById("agent-add-modal");
+  var agentAddTitle = document.getElementById("agent-add-title");
+  var agentAddModalClose = document.getElementById("agent-add-modal-close");
+  var agentAddName = document.getElementById("agent-add-name");
+  var agentAddWallet = document.getElementById("agent-add-wallet");
+  var agentAddAutoTools = document.getElementById("agent-add-auto-tools");
+  var agentAddConfirmBtn = document.getElementById("agent-add-confirm-btn");
+  var agentAddCancelBtn = document.getElementById("agent-add-cancel-btn");
+  var agentAddWalletInfo = document.getElementById("agent-add-wallet-info");
+  var agentGenerateWalletBtn = document.getElementById("agent-generate-wallet-btn");
+  var pendingWalletSecret = null;
+  var pendingWalletMnemonic = null;
   function openAgentAddModal(existingChannel) {
     if (!agentAddModal) return;
     if (existingChannel) {
@@ -3481,17 +4897,17 @@
   function formatWalletInfoHtml({ address, privateKey, mnemonic }) {
     const parts = [
       "\u2713 \u5DF2\u751F\u6210\u771F\u5B9E EVM \u94B1\u5305 (BIP-39 + secp256k1 + EIP-55)",
-      "<strong>\u5730\u5740:</strong> <code>" + escapeHtml(address) + "</code>"
+      "<strong>\u5730\u5740:</strong> <code>" + escapeHtml2(address) + "</code>"
     ];
     if (mnemonic) {
       parts.push(
         "<strong>\u52A9\u8BB0\u8BCD (12 \u8BCD, \u8BF7\u6284\u5199\u4FDD\u5B58):</strong>",
-        '<code style="color:#fc6;word-break:break-all;">' + escapeHtml(mnemonic) + "</code>"
+        '<code style="color:#fc6;word-break:break-all;">' + escapeHtml2(mnemonic) + "</code>"
       );
     }
     parts.push(
       "<strong>\u79C1\u94A5 (0x + 32 \u5B57\u8282):</strong>",
-      '<code style="color:#f88;word-break:break-all;">' + escapeHtml(privateKey) + "</code>",
+      '<code style="color:#f88;word-break:break-all;">' + escapeHtml2(privateKey) + "</code>",
       '<small style="color:#f88;">\u26A0 \u52A9\u8BB0\u8BCD + \u79C1\u94A5\u5747\u4EC5\u5728\u672C\u6D4F\u89C8\u5668\u5185\u5B58, \u5173\u95ED\u9875\u9762\u540E\u65E0\u6CD5\u627E\u56DE\u3002</small>',
       '<small style="color:#999;">\u7B7E\u540D\u7ED1\u5B9A\u5230 channel DID (EIP-191 personal_sign) \u4F1A\u53D1\u9001\u5230\u670D\u52A1\u7AEF, \u7528\u4E8E\u8BC1\u660E\u94B1\u5305\u6240\u6709\u6743\u3002</small>'
     );
@@ -3508,7 +4924,7 @@
         pendingWalletMnemonic = wallet.mnemonic;
         agentAddWalletInfo.innerHTML = formatWalletInfoHtml(wallet);
       } catch (err) {
-        agentAddWalletInfo.innerHTML = "\u2717 \u751F\u6210\u94B1\u5305\u5931\u8D25: " + escapeHtml(err.message);
+        agentAddWalletInfo.innerHTML = "\u2717 \u751F\u6210\u94B1\u5305\u5931\u8D25: " + escapeHtml2(err.message);
       }
     });
   }