@blade-hq/agent-react 2610.0.0-beta.30 → 2610.0.0-beta.32

package/dist/index.js

@@ -30,11 +30,14 @@ function useAgentSession(sessionId, options = {}) {
   const connRef = useRef({
     id: null,
     session: null,
+    cleanup: null,
     gen: 0
   });
   const createdIdPromiseRef = useRef(null);
   const onCreatedRef = useRef(options.onSessionCreated);
   onCreatedRef.current = options.onSessionCreated;
+  const onConnectedRef = useRef(options.onSessionConnected);
+  onConnectedRef.current = options.onSessionConnected;
   const createOptionsRef = useRef(options.createOptions);
   createOptionsRef.current = options.createOptions;
   const sessionIdRef = useRef(sessionId);
@@ -42,6 +45,7 @@ function useAgentSession(sessionId, options = {}) {
   const connect = useMemo(() => {
     return (targetId) => {
       const gen = ++connRef.current.gen;
+      let pendingCleanup = null;
       const idPromise = targetId ? Promise.resolve(targetId) : (
         // biome-ignore lint/suspicious/noAssignInExpressions: ??= 挂 ref 是 StrictMode 下"只创建一次"的关键
         createdIdPromiseRef.current ??= client.sessions.create(createOptionsRef.current ?? {}).then((created) => {
@@ -51,16 +55,25 @@ function useAgentSession(sessionId, options = {}) {
           return id;
         })
       );
-      idPromise.then((id) => client.hub.connect(id)).then((next) => {
+      idPromise.then(
+        (id) => client.hub.connect(id, {
+          setup: (next) => {
+            pendingCleanup = onConnectedRef.current?.(next) ?? null;
+          }
+        })
+      ).then((next) => {
         if (connRef.current.gen !== gen) {
+          pendingCleanup?.();
           next.dispose();
           return;
         }
         connRef.current.id = next.sessionId;
         connRef.current.session = next;
+        connRef.current.cleanup = pendingCleanup;
         setSession(next);
         setError(null);
       }).catch((err) => {
+        pendingCleanup?.();
         if (connRef.current.gen !== gen) return;
         createdIdPromiseRef.current = null;
         setError(err instanceof Error ? err : new Error(String(err)));
@@ -72,8 +85,11 @@ function useAgentSession(sessionId, options = {}) {
     return () => {
       connRef.current.gen++;
       const toRelease = connRef.current.session;
+      const cleanup = connRef.current.cleanup;
       connRef.current.id = null;
       connRef.current.session = null;
+      connRef.current.cleanup = null;
+      cleanup?.();
       setSession(null);
       if (toRelease) setTimeout(() => toRelease.dispose(), DISPOSE_DELAY_MS);
     };
@@ -83,8 +99,11 @@ function useAgentSession(sessionId, options = {}) {
     if (connRef.current.id === null) return;
     if (sessionId === connRef.current.id) return;
     const previous = connRef.current.session;
+    const cleanup = connRef.current.cleanup;
     connRef.current.id = null;
     connRef.current.session = null;
+    connRef.current.cleanup = null;
+    cleanup?.();
     if (previous) setTimeout(() => previous.dispose(), DISPOSE_DELAY_MS);
     connect(sessionId);
   }, [sessionId, connect]);
@@ -900,6 +919,17 @@ var CircleAlert = createLucideIcon("CircleAlert", [
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ]);
 
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/circle-dot.js
+var CircleDot = createLucideIcon("CircleDot", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/circle.js
+var Circle = createLucideIcon("Circle", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
+]);
+
 // ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/copy.js
 var Copy = createLucideIcon("Copy", [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
@@ -993,6 +1023,15 @@ var Lightbulb = createLucideIcon("Lightbulb", [
   ["path", { d: "M10 22h4", key: "ceow96" }]
 ]);
 
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/list-checks.js
+var ListChecks = createLucideIcon("ListChecks", [
+  ["path", { d: "m3 17 2 2 4-4", key: "1jhpwq" }],
+  ["path", { d: "m3 7 2 2 4-4", key: "1obspn" }],
+  ["path", { d: "M13 6h8", key: "15sg57" }],
+  ["path", { d: "M13 12h8", key: "h98zly" }],
+  ["path", { d: "M13 18h8", key: "oe0vm4" }]
+]);
+
 // ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/loader-circle.js
 var LoaderCircle = createLucideIcon("LoaderCircle", [
   ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
@@ -1023,6 +1062,14 @@ var Play = createLucideIcon("Play", [
   ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
 ]);
 
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/refresh-ccw.js
+var RefreshCcw = createLucideIcon("RefreshCcw", [
+  ["path", { d: "M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "14sxne" }],
+  ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
+  ["path", { d: "M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16", key: "1hlbsb" }],
+  ["path", { d: "M16 16h5v5", key: "ccwih5" }]
+]);
+
 // ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/search.js
 var Search = createLucideIcon("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
@@ -1094,7 +1141,7 @@ var X = createLucideIcon("X", [
 ]);
 
 // src/components/AgentChat.tsx
-import { useCallback as useCallback8, useEffect as useEffect11, useMemo as useMemo8, useState as useState13 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect12, useMemo as useMemo8, useState as useState14 } from "react";
 
 // src/lib/utils.ts
 function cn(...inputs) {
@@ -1221,11 +1268,349 @@ function ReplayMismatchPrompt({ mismatch, className }) {
   );
 }
 
+// src/components/PlanUpdateBlock.tsx
+import { useEffect as useEffect4, useRef as useRef4, useState as useState4 } from "react";
+
+// src/components/display-utils.ts
+var TOOL_NAME_ALIASES = {
+  agent: "Agent",
+  ask_user_question: "AskUserQuestion",
+  bash: "Bash",
+  bg_bash: "BgBash",
+  edit: "Edit",
+  exit_plan_mode: "ExitPlanMode",
+  file_edit: "Edit",
+  file_read: "Read",
+  file_write: "Write",
+  finish_task: "FinishTask",
+  glob: "Glob",
+  grep: "Grep",
+  kb_search: "KbSearch",
+  ls: "Ls",
+  multi_edit: "MultiEdit",
+  read: "Read",
+  read_skill: "ReadSkill",
+  update_plan: "UpdatePlan",
+  web_fetch: "WebFetch",
+  web_search: "WebSearch",
+  write: "Write"
+};
+var TOOL_DISPLAY_LABELS = {
+  Bash: "\u6267\u884C\u547D\u4EE4",
+  BgBash: "\u540E\u53F0\u6267\u884C\u547D\u4EE4",
+  Read: "\u8BFB\u53D6\u6587\u4EF6",
+  Write: "\u5199\u5165\u6587\u4EF6",
+  Edit: "\u7F16\u8F91\u6587\u4EF6",
+  MultiEdit: "\u7F16\u8F91\u6587\u4EF6",
+  Ls: "\u5217\u51FA\u76EE\u5F55",
+  Glob: "\u5339\u914D\u6587\u4EF6",
+  Grep: "\u641C\u7D22\u6587\u672C",
+  KbSearch: "\u68C0\u7D22\u77E5\u8BC6\u5E93",
+  WebSearch: "\u641C\u7D22\u7F51\u9875",
+  WebFetch: "\u6574\u7406\u7F51\u9875\u5185\u5BB9",
+  Agent: "\u6D3E\u751F\u5B50\u667A\u80FD\u4F53",
+  AskUserQuestion: "\u5411\u7528\u6237\u63D0\u95EE",
+  ReadSkill: "\u8BFB\u53D6\u6280\u80FD",
+  FinishTask: "\u4EFB\u52A1\u5B8C\u6210",
+  ExitPlanMode: "\u63D0\u4EA4\u8BA1\u5212",
+  ListSessions: "\u5217\u51FA\u5386\u53F2\u4F1A\u8BDD",
+  GetSessionHistory: "\u8BFB\u53D6\u4F1A\u8BDD\u5386\u53F2"
+};
+function safeParseJson(value) {
+  if (!value) return null;
+  try {
+    return JSON.parse(value);
+  } catch {
+    return null;
+  }
+}
+function getStringArgValue(args, key) {
+  const value = args?.[key];
+  return typeof value === "string" ? value.trim() : "";
+}
+var SKILL_ENTRY_FILE_NAMES = /* @__PURE__ */ new Set(["skill.md", "command.md"]);
+var NON_SKILL_DIR_NAMES = /* @__PURE__ */ new Set([".", "..", ".agent", ".agents", ".claude", "skill_data", "skills"]);
+function getSkillNameFromFilePath(filePath) {
+  if (!filePath) return null;
+  const segments = filePath.split(/[\\/]+/).filter(Boolean);
+  const fileName = segments.pop();
+  if (!fileName || !SKILL_ENTRY_FILE_NAMES.has(fileName.toLowerCase())) return null;
+  const dirName = segments.pop();
+  if (!dirName || NON_SKILL_DIR_NAMES.has(dirName.toLowerCase())) return null;
+  return dirName;
+}
+function formatToolName(name) {
+  const trimmed = name.trim();
+  if (!trimmed) return name;
+  const stripped = trimmed.split(":").pop()?.split("/").pop()?.split(".").pop()?.trim() || trimmed;
+  const normalized = stripped.replace(/([a-z0-9])([A-Z])/g, "$1_$2").replace(/[^a-zA-Z0-9]+/g, "_").replace(/^_+|_+$/g, "").toLowerCase();
+  return TOOL_NAME_ALIASES[normalized] ?? stripped;
+}
+function getToolDisplayLabel(toolCall) {
+  const normalized = formatToolName(toolCall.name);
+  const args = safeParseJson(toolCall.arguments);
+  const displayName = toolCall.display_name?.trim() ?? "";
+  const baseLabel = displayName || TOOL_DISPLAY_LABELS[normalized] || normalized;
+  const metaDisplayName = getStringArgValue(args, "_meta_display_name");
+  if (metaDisplayName) {
+    return metaDisplayName;
+  }
+  const description = getStringArgValue(args, "description");
+  if (normalized === "BgBash") {
+    return description ? `\u540E\u53F0\u6267\u884C\uFF1A${description}` : "\u540E\u53F0\u6267\u884C\u547D\u4EE4";
+  }
+  if (normalized === "ReadSkill") {
+    const skillName = getStringArgValue(args, "skill") || getStringArgValue(args, "skill_name");
+    return skillName ? `${baseLabel}\u300C${skillName}\u300D` : baseLabel;
+  }
+  if (normalized === "Read") {
+    const skillName = getSkillNameFromFilePath(
+      getStringArgValue(args, "file_path") || getStringArgValue(args, "path")
+    );
+    if (skillName) return `\u8BFB\u53D6\u6280\u80FD\u300C${skillName}\u300D`;
+  }
+  if (normalized === "FinishTask") {
+    const title = getStringArgValue(args, "title");
+    return title ? `${baseLabel}\uFF1A${title}` : baseLabel;
+  }
+  return description || baseLabel;
+}
+function getToolTone(status) {
+  if (status === "error" || status === "cancelled") return "red";
+  if (status === "awaiting_answer") return "amber";
+  if (status === "pending") return "blue";
+  return "emerald";
+}
+function getToolStatusLabel(status) {
+  if (status === "pending") return "\u8FD0\u884C\u4E2D";
+  if (status === "awaiting_answer") return "\u7B49\u5F85\u56DE\u7B54";
+  if (status === "error") return "\u9519\u8BEF";
+  if (status === "cancelled") return "\u5DF2\u53D6\u6D88";
+  return "\u5B8C\u6210";
+}
+function formatToolDuration(ms) {
+  if (ms < 1e3) return `${Math.round(ms)}ms`;
+  const seconds = ms / 1e3;
+  if (seconds < 60) return `${seconds.toFixed(1)}s`;
+  const minutes = Math.floor(seconds / 60);
+  const remainingSeconds = Math.round(seconds % 60);
+  return remainingSeconds > 0 ? `${minutes}m${remainingSeconds}s` : `${minutes}m`;
+}
+function formatToolArgs(args) {
+  try {
+    return JSON.stringify(JSON.parse(args), null, 2);
+  } catch {
+    return args;
+  }
+}
+var RESULT_PREVIEW_LIMIT = 4e3;
+function formatToolResult(result) {
+  const text = typeof result === "string" ? result : JSON.stringify(result, null, 2);
+  if (text == null) return "";
+  if (text.length <= RESULT_PREVIEW_LIMIT) return text;
+  return `${text.slice(0, RESULT_PREVIEW_LIMIT)}
+\u2026\uFF08\u7ED3\u679C\u8FC7\u957F\uFF0C\u5DF2\u622A\u65AD\uFF09`;
+}
+
+// src/components/PlanUpdateBlock.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var PLAN_STEP_STATUSES = /* @__PURE__ */ new Set(["pending", "in_progress", "completed"]);
+var PLAN_AUTO_COLLAPSE_MS = 5e3;
+function isPlanUpdateTool(toolCall) {
+  return formatToolName(toolCall.name) === "UpdatePlan";
+}
+function getPlanUpdateDisplayState(messages) {
+  let current = null;
+  let latestAttempt = null;
+  let latestAttemptStreaming = false;
+  for (const message of messages) {
+    if ((message.loop_name ?? "root") !== "root") continue;
+    for (const toolCall of message.tool_calls ?? []) {
+      if (!isPlanUpdateTool(toolCall)) continue;
+      latestAttempt = toolCall;
+      latestAttemptStreaming = message.status === "streaming";
+      if (toolCall.status === "done" && parsePlanUpdate(toolCall.arguments)) current = toolCall;
+    }
+  }
+  return {
+    current,
+    updating: latestAttempt?.status === "pending" && latestAttemptStreaming
+  };
+}
+function parsePlanUpdate(argumentsJson) {
+  try {
+    const raw = JSON.parse(argumentsJson);
+    if (!raw || typeof raw !== "object") return null;
+    const candidate = raw;
+    if (!Array.isArray(candidate.plan)) return null;
+    const plan = candidate.plan.map((item) => {
+      if (!item || typeof item !== "object") return null;
+      const step = item.step;
+      const status = item.status;
+      if (typeof step !== "string" || !step.trim() || typeof status !== "string" || !PLAN_STEP_STATUSES.has(status)) {
+        return null;
+      }
+      return { step: step.trim(), status };
+    });
+    if (plan.some((item) => item === null)) return null;
+    if (plan.filter((item) => item?.status === "in_progress").length > 1) return null;
+    return { plan };
+  } catch {
+    return null;
+  }
+}
+function pickCurrentPlanStep(plan) {
+  return plan.find((item) => item.status === "in_progress") ?? plan.find((item) => item.status === "pending") ?? plan[plan.length - 1] ?? null;
+}
+function PlanStepIcon({
+  status,
+  size = 17,
+  running = false
+}) {
+  if (status === "completed") {
+    return /* @__PURE__ */ jsx4(Check, { size, strokeWidth: 2, className: "shrink-0 text-emerald-500" });
+  }
+  if (status === "in_progress") {
+    return running ? /* @__PURE__ */ jsx4(LoaderCircle, { size, className: "shrink-0 animate-spin text-[hsl(var(--muted-foreground))]" }) : /* @__PURE__ */ jsx4(CircleDot, { size, className: "shrink-0 text-amber-500" });
+  }
+  return /* @__PURE__ */ jsx4(Circle, { size, className: "shrink-0 text-[hsl(var(--muted-foreground))]/60" });
+}
+function PlanUpdateBlock({
+  toolCall,
+  running = false,
+  autoReveal = false
+}) {
+  const updateKey = `${toolCall.id}:${toolCall.arguments}`;
+  const revealKey = autoReveal ? updateKey : null;
+  const [collapsed, setCollapsed] = useState4(!autoReveal);
+  const collapseTimerRef = useRef4(null);
+  const data = parsePlanUpdate(toolCall.arguments);
+  useEffect4(() => {
+    if (!revealKey) return;
+    if (collapseTimerRef.current) clearTimeout(collapseTimerRef.current);
+    setCollapsed(false);
+    collapseTimerRef.current = setTimeout(() => {
+      setCollapsed(true);
+      collapseTimerRef.current = null;
+    }, PLAN_AUTO_COLLAPSE_MS);
+  }, [revealKey]);
+  useEffect4(
+    () => () => {
+      if (collapseTimerRef.current) clearTimeout(collapseTimerRef.current);
+    },
+    []
+  );
+  if (!data) return null;
+  const completed = data.plan.filter((item) => item.status === "completed").length;
+  const currentStep = pickCurrentPlanStep(data.plan);
+  const pausedAtCurrentStep = !running && currentStep?.status === "in_progress";
+  return /* @__PURE__ */ jsxs3("section", { className: "overflow-hidden", children: [
+    /* @__PURE__ */ jsxs3(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": !collapsed,
+        onClick: () => {
+          if (collapseTimerRef.current) {
+            clearTimeout(collapseTimerRef.current);
+            collapseTimerRef.current = null;
+          }
+          setCollapsed((value) => !value);
+        },
+        className: cn(
+          "flex w-full items-center gap-2 px-3 py-2 text-left transition-colors hover:bg-[hsl(var(--muted)/0.3)]",
+          !collapsed && "border-b border-[hsl(var(--border))]"
+        ),
+        children: [
+          collapsed && currentStep ? /* @__PURE__ */ jsxs3("span", { className: "flex min-w-0 flex-1 items-center gap-1.5 text-xs text-[hsl(var(--foreground))]", children: [
+            /* @__PURE__ */ jsx4(PlanStepIcon, { status: currentStep.status, size: 14, running }),
+            /* @__PURE__ */ jsx4("span", { className: "truncate", children: currentStep.step }),
+            pausedAtCurrentStep ? /* @__PURE__ */ jsx4("span", { className: "shrink-0 text-[11px] text-amber-500", children: "\u5DF2\u6682\u505C" }) : null
+          ] }) : /* @__PURE__ */ jsxs3("span", { className: "flex min-w-0 flex-1 items-center gap-1.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: [
+            /* @__PURE__ */ jsx4(ListChecks, { size: 14, className: "shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx4("span", { className: "truncate", children: "\u4EFB\u52A1\u8FDB\u5EA6" }),
+            pausedAtCurrentStep ? /* @__PURE__ */ jsx4("span", { className: "shrink-0 text-amber-500", children: "\u5DF2\u6682\u505C" }) : null
+          ] }),
+          /* @__PURE__ */ jsxs3("span", { className: "shrink-0 text-[11px] tabular-nums text-[hsl(var(--muted-foreground))]", children: [
+            completed,
+            "/",
+            data.plan.length
+          ] }),
+          /* @__PURE__ */ jsx4(
+            ChevronDown,
+            {
+              size: 14,
+              className: cn(
+                "shrink-0 text-[hsl(var(--muted-foreground))] transition-transform duration-300 ease-out motion-reduce:transition-none",
+                !collapsed && "rotate-180"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx4(
+      "div",
+      {
+        "aria-hidden": collapsed,
+        className: cn(
+          "grid transition-[grid-template-rows,opacity] duration-300 ease-out motion-reduce:transition-none",
+          collapsed ? "grid-rows-[0fr] opacity-0" : "grid-rows-[1fr] opacity-100"
+        ),
+        children: /* @__PURE__ */ jsx4("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx4("div", { className: "flex max-h-40 flex-col gap-0.5 overflow-y-auto px-3 py-2", children: data.plan.length === 0 ? /* @__PURE__ */ jsx4("span", { className: "text-xs text-[hsl(var(--muted-foreground))]", children: "\u6682\u65E0\u4EFB\u52A1\u6B65\u9AA4" }) : data.plan.map((item, index) => /* @__PURE__ */ jsxs3("div", { className: "flex items-start gap-2 py-0.5", children: [
+          /* @__PURE__ */ jsx4("span", { className: "mt-[3px] flex shrink-0", children: /* @__PURE__ */ jsx4(PlanStepIcon, { status: item.status, size: 14, running }) }),
+          /* @__PURE__ */ jsx4(
+            "span",
+            {
+              className: cn(
+                "min-w-0 flex-1 break-words text-[13px] leading-5",
+                item.status === "completed" ? "text-[hsl(var(--muted-foreground))]" : item.status === "in_progress" ? "font-medium text-[hsl(var(--foreground))]" : "text-[hsl(var(--muted-foreground))]"
+              ),
+              children: item.step
+            }
+          )
+        ] }, `${index}-${item.step}`)) }) })
+      }
+    )
+  ] });
+}
+function CurrentPlanPanel({
+  messages,
+  running = false,
+  revealRevision = 0,
+  sessionId,
+  className
+}) {
+  const { current, updating } = getPlanUpdateDisplayState(messages);
+  const revealBaselinesRef = useRef4(/* @__PURE__ */ new Map([[sessionId, revealRevision]]));
+  const autoReveal = (revealBaselinesRef.current.get(sessionId) ?? 0) !== revealRevision;
+  useEffect4(() => {
+    if (!current) return;
+    revealBaselinesRef.current.set(sessionId, revealRevision);
+  }, [current, revealRevision, sessionId]);
+  if (!current && !updating) return null;
+  return /* @__PURE__ */ jsxs3("div", { className: cn("blade-chat-plan mx-auto w-full max-w-[748px] px-4", className), children: [
+    updating ? /* @__PURE__ */ jsxs3("div", { className: "mb-2 flex items-center gap-2 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
+      /* @__PURE__ */ jsx4(LoaderCircle, { size: 14, className: "shrink-0 animate-spin" }),
+      /* @__PURE__ */ jsx4("span", { children: "\u6B63\u5728\u66F4\u65B0\u4EFB\u52A1\u8FDB\u5EA6\u2026" })
+    ] }) : null,
+    current ? /* @__PURE__ */ jsx4(
+      PlanUpdateBlock,
+      {
+        toolCall: current,
+        running,
+        autoReveal
+      },
+      sessionId ?? "current-session"
+    ) : null
+  ] });
+}
+
 // src/components/ChatSurface.tsx
 import { chatErrorForDisplay as chatErrorForDisplay2 } from "@blade-hq/agent-client";
 
 // src/components/ChatInput.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function isImeCompositionKey(event) {
   return event.isComposing || event.keyCode === 229;
 }
@@ -1261,8 +1646,8 @@ function ChatInput({
       void handleSend();
     }
   };
-  return /* @__PURE__ */ jsx4("div", { className: cn("blade-chat-input border-t border-[hsl(var(--border))] py-3", className), children: /* @__PURE__ */ jsxs3("div", { className: "blade-chat-input-inner mx-auto flex max-w-[748px] items-end gap-2 rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-3 py-2", children: [
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5("div", { className: cn("blade-chat-input border-t border-[hsl(var(--border))] py-3", className), children: /* @__PURE__ */ jsxs4("div", { className: "blade-chat-input-inner mx-auto flex max-w-[748px] items-end gap-2 rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-3 py-2", children: [
+    /* @__PURE__ */ jsx5(
       "textarea",
       {
         value,
@@ -1279,7 +1664,7 @@ function ChatInput({
         className: "blade-chat-textarea max-h-48 min-h-[28px] flex-1 resize-none bg-transparent py-1 text-sm leading-6 text-[hsl(var(--foreground))] outline-none placeholder:text-[hsl(var(--muted-foreground)/0.6)]"
       }
     ),
-    isStreaming ? /* @__PURE__ */ jsx4(
+    isStreaming ? /* @__PURE__ */ jsx5(
       "button",
       {
         type: "button",
@@ -1288,9 +1673,9 @@ function ChatInput({
         "aria-label": isStopping ? "\u6B63\u5728\u505C\u6B62" : "\u505C\u6B62\u56DE\u590D",
         title: isStopping ? "\u6B63\u5728\u505C\u6B62" : "\u505C\u6B62\u56DE\u590D",
         className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[hsl(var(--muted))] text-[hsl(var(--foreground))] transition-opacity hover:opacity-90 disabled:opacity-60",
-        children: isStopping ? /* @__PURE__ */ jsx4(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx4(Square, { size: 12, fill: "currentColor" })
+        children: isStopping ? /* @__PURE__ */ jsx5(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx5(Square, { size: 12, fill: "currentColor" })
       }
-    ) : /* @__PURE__ */ jsx4(
+    ) : /* @__PURE__ */ jsx5(
       "button",
       {
         type: "button",
@@ -1299,23 +1684,23 @@ function ChatInput({
         "aria-label": "\u53D1\u9001\u6D88\u606F",
         title: "\u53D1\u9001\u6D88\u606F",
         className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))] transition-opacity hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-40",
-        children: /* @__PURE__ */ jsx4(ArrowUp, { size: 15 })
+        children: /* @__PURE__ */ jsx5(ArrowUp, { size: 15 })
       }
     )
   ] }) });
 }
 
 // src/components/ConnectionBanner.tsx
-import { useEffect as useEffect4, useRef as useRef4, useState as useState4 } from "react";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { useEffect as useEffect5, useRef as useRef5, useState as useState5 } from "react";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var CONNECTION_NOTICE_DELAY_MS = 3e3;
 var CONNECTION_ERROR_DELAY_MS = 15e3;
 function useConnectionNoticePhase(connected) {
-  const [phase, setPhase] = useState4("hidden");
-  const connectedRef = useRef4(connected);
-  const timersRef = useRef4([]);
+  const [phase, setPhase] = useState5("hidden");
+  const connectedRef = useRef5(connected);
+  const timersRef = useRef5([]);
   connectedRef.current = connected;
-  useEffect4(() => {
+  useEffect5(() => {
     const clearTimers = () => {
       for (const timer of timersRef.current) clearTimeout(timer);
       timersRef.current = [];
@@ -1355,14 +1740,14 @@ function useConnectionNoticePhase(connected) {
   return phase;
 }
 function ConnectionBanner({ connection, className }) {
-  const hasConnectedRef = useRef4(connection === "connected" || connection === "reconnecting");
+  const hasConnectedRef = useRef5(connection === "connected" || connection === "reconnecting");
   if (connection === "connected") hasConnectedRef.current = true;
   const connected = connection === "connected";
   const phase = useConnectionNoticePhase(connected);
   if (connected || phase === "hidden") return null;
   const recovering = phase === "recovering";
   const firstConnection = !hasConnectedRef.current;
-  return /* @__PURE__ */ jsx5("div", { className: cn("blade-chat-banner bg-[hsl(var(--background))] px-5 pt-3", className), children: /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsx6("div", { className: cn("blade-chat-banner bg-[hsl(var(--background))] px-5 pt-3", className), children: /* @__PURE__ */ jsxs5(
     "div",
     {
       className: cn(
@@ -1370,10 +1755,10 @@ function ConnectionBanner({ connection, className }) {
         recovering ? "border-amber-500/25 bg-amber-500/10 text-amber-100" : "border-rose-500/25 bg-rose-500/10 text-rose-100"
       ),
       children: [
-        /* @__PURE__ */ jsx5("span", { className: "mt-0.5 shrink-0", children: recovering ? /* @__PURE__ */ jsx5(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx5(TriangleAlert, { size: 14 }) }),
-        /* @__PURE__ */ jsxs4("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx5("div", { className: "text-sm font-medium", children: recovering ? firstConnection ? "\u6B63\u5728\u8FDE\u63A5\u2026" : "\u6B63\u5728\u6062\u590D\u8FDE\u63A5\u2026" : "\u6682\u65F6\u65E0\u6CD5\u8FDE\u63A5" }),
-          /* @__PURE__ */ jsx5("div", { className: "text-xs opacity-80", children: recovering ? "\u6062\u590D\u540E\u4F1A\u81EA\u52A8\u540C\u6B65\u6700\u65B0\u6D88\u606F\uFF0C\u8BF7\u7A0D\u5019" : "\u8BF7\u68C0\u67E5\u7F51\u7EDC\u6216\u670D\u52A1\u72B6\u6001\uFF0C\u7CFB\u7EDF\u4F1A\u7EE7\u7EED\u81EA\u52A8\u91CD\u8BD5" })
+        /* @__PURE__ */ jsx6("span", { className: "mt-0.5 shrink-0", children: recovering ? /* @__PURE__ */ jsx6(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx6(TriangleAlert, { size: 14 }) }),
+        /* @__PURE__ */ jsxs5("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx6("div", { className: "text-sm font-medium", children: recovering ? firstConnection ? "\u6B63\u5728\u8FDE\u63A5\u2026" : "\u6B63\u5728\u6062\u590D\u8FDE\u63A5\u2026" : "\u6682\u65F6\u65E0\u6CD5\u8FDE\u63A5" }),
+          /* @__PURE__ */ jsx6("div", { className: "text-xs opacity-80", children: recovering ? "\u6062\u590D\u540E\u4F1A\u81EA\u52A8\u540C\u6B65\u6700\u65B0\u6D88\u606F\uFF0C\u8BF7\u7A0D\u5019" : "\u8BF7\u68C0\u67E5\u7F51\u7EDC\u6216\u670D\u52A1\u72B6\u6001\uFF0C\u7CFB\u7EDF\u4F1A\u7EE7\u7EED\u81EA\u52A8\u91CD\u8BD5" })
         ] })
       ]
     }
@@ -1382,10 +1767,10 @@ function ConnectionBanner({ connection, className }) {
 
 // src/components/MessageList.tsx
 import { isHiddenInternalMessage } from "@blade-hq/agent-client";
-import { useCallback as useCallback7, useEffect as useEffect10, useMemo as useMemo7, useRef as useRef11, useState as useState12 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect11, useMemo as useMemo7, useRef as useRef12, useState as useState13 } from "react";
 
 // ../../node_modules/.pnpm/use-stick-to-bottom@1.1.3_react@19.2.4/node_modules/use-stick-to-bottom/dist/useStickToBottom.js
-import { useCallback as useCallback4, useMemo as useMemo3, useRef as useRef5, useState as useState5 } from "react";
+import { useCallback as useCallback4, useMemo as useMemo3, useRef as useRef6, useState as useState6 } from "react";
 var DEFAULT_SPRING_ANIMATION = {
   /**
    * A value from 0 to 1, on how much to damp the animation.
@@ -1422,10 +1807,10 @@ globalThis.document?.addEventListener("click", () => {
   mouseDown = false;
 });
 var useStickToBottom = (options = {}) => {
-  const [escapedFromLock, updateEscapedFromLock] = useState5(false);
-  const [isAtBottom, updateIsAtBottom] = useState5(options.initial !== false);
-  const [isNearBottom, setIsNearBottom] = useState5(false);
-  const optionsRef = useRef5(null);
+  const [escapedFromLock, updateEscapedFromLock] = useState6(false);
+  const [isAtBottom, updateIsAtBottom] = useState6(options.initial !== false);
+  const [isNearBottom, setIsNearBottom] = useState6(false);
+  const optionsRef = useRef6(null);
   optionsRef.current = options;
   const isSelecting = useCallback4(() => {
     if (!mouseDown) {
@@ -1729,11 +2114,11 @@ function mergeAnimations(...animations) {
 
 // ../../node_modules/.pnpm/use-stick-to-bottom@1.1.3_react@19.2.4/node_modules/use-stick-to-bottom/dist/StickToBottom.js
 import * as React from "react";
-import { createContext as createContext2, useContext as useContext2, useEffect as useEffect5, useImperativeHandle, useLayoutEffect, useMemo as useMemo4, useRef as useRef6 } from "react";
+import { createContext as createContext2, useContext as useContext2, useEffect as useEffect6, useImperativeHandle, useLayoutEffect, useMemo as useMemo4, useRef as useRef7 } from "react";
 var StickToBottomContext = createContext2(null);
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect5;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect6;
 function StickToBottom({ instance, children, resize, initial, mass, damping, stiffness, targetScrollTop: currentTargetScrollTop, contextRef, ...props }) {
-  const customTargetScrollTop = useRef6(null);
+  const customTargetScrollTop = useRef7(null);
   const targetScrollTop = React.useCallback((target, elements) => {
     const get = context?.targetScrollTop ?? currentTargetScrollTop;
     return get?.(target, elements) ?? target;
@@ -1815,153 +2200,11 @@ import {
   getTextContent,
   normalizeMessageContent
 } from "@blade-hq/agent-client";
-import { useEffect as useEffect8, useRef as useRef9, useState as useState10 } from "react";
-
-// src/components/AgentLoopBlock.tsx
-import { useState as useState6 } from "react";
-
-// src/components/display-utils.ts
-var TOOL_NAME_ALIASES = {
-  agent: "Agent",
-  ask_user_question: "AskUserQuestion",
-  bash: "Bash",
-  bg_bash: "BgBash",
-  edit: "Edit",
-  exit_plan_mode: "ExitPlanMode",
-  file_edit: "Edit",
-  file_read: "Read",
-  file_write: "Write",
-  finish_task: "FinishTask",
-  glob: "Glob",
-  grep: "Grep",
-  kb_search: "KbSearch",
-  ls: "Ls",
-  multi_edit: "MultiEdit",
-  read: "Read",
-  read_skill: "ReadSkill",
-  web_fetch: "WebFetch",
-  web_search: "WebSearch",
-  write: "Write"
-};
-var TOOL_DISPLAY_LABELS = {
-  Bash: "\u6267\u884C\u547D\u4EE4",
-  BgBash: "\u540E\u53F0\u6267\u884C\u547D\u4EE4",
-  Read: "\u8BFB\u53D6\u6587\u4EF6",
-  Write: "\u5199\u5165\u6587\u4EF6",
-  Edit: "\u7F16\u8F91\u6587\u4EF6",
-  MultiEdit: "\u7F16\u8F91\u6587\u4EF6",
-  Ls: "\u5217\u51FA\u76EE\u5F55",
-  Glob: "\u5339\u914D\u6587\u4EF6",
-  Grep: "\u641C\u7D22\u6587\u672C",
-  KbSearch: "\u68C0\u7D22\u77E5\u8BC6\u5E93",
-  WebSearch: "\u641C\u7D22\u7F51\u9875",
-  WebFetch: "\u6574\u7406\u7F51\u9875\u5185\u5BB9",
-  Agent: "\u6D3E\u751F\u5B50\u667A\u80FD\u4F53",
-  AskUserQuestion: "\u5411\u7528\u6237\u63D0\u95EE",
-  ReadSkill: "\u8BFB\u53D6\u6280\u80FD",
-  FinishTask: "\u4EFB\u52A1\u5B8C\u6210",
-  ExitPlanMode: "\u63D0\u4EA4\u8BA1\u5212",
-  ListSessions: "\u5217\u51FA\u5386\u53F2\u4F1A\u8BDD",
-  GetSessionHistory: "\u8BFB\u53D6\u4F1A\u8BDD\u5386\u53F2"
-};
-function safeParseJson(value) {
-  if (!value) return null;
-  try {
-    return JSON.parse(value);
-  } catch {
-    return null;
-  }
-}
-function getStringArgValue(args, key) {
-  const value = args?.[key];
-  return typeof value === "string" ? value.trim() : "";
-}
-var SKILL_ENTRY_FILE_NAMES = /* @__PURE__ */ new Set(["skill.md", "command.md"]);
-var NON_SKILL_DIR_NAMES = /* @__PURE__ */ new Set([".", "..", ".agent", ".agents", ".claude", "skill_data", "skills"]);
-function getSkillNameFromFilePath(filePath) {
-  if (!filePath) return null;
-  const segments = filePath.split(/[\\/]+/).filter(Boolean);
-  const fileName = segments.pop();
-  if (!fileName || !SKILL_ENTRY_FILE_NAMES.has(fileName.toLowerCase())) return null;
-  const dirName = segments.pop();
-  if (!dirName || NON_SKILL_DIR_NAMES.has(dirName.toLowerCase())) return null;
-  return dirName;
-}
-function formatToolName(name) {
-  const trimmed = name.trim();
-  if (!trimmed) return name;
-  const stripped = trimmed.split(":").pop()?.split("/").pop()?.split(".").pop()?.trim() || trimmed;
-  const normalized = stripped.replace(/([a-z0-9])([A-Z])/g, "$1_$2").replace(/[^a-zA-Z0-9]+/g, "_").replace(/^_+|_+$/g, "").toLowerCase();
-  return TOOL_NAME_ALIASES[normalized] ?? stripped;
-}
-function getToolDisplayLabel(toolCall) {
-  const normalized = formatToolName(toolCall.name);
-  const args = safeParseJson(toolCall.arguments);
-  const displayName = toolCall.display_name?.trim() ?? "";
-  const baseLabel = displayName || TOOL_DISPLAY_LABELS[normalized] || normalized;
-  const metaDisplayName = getStringArgValue(args, "_meta_display_name");
-  if (metaDisplayName) {
-    return metaDisplayName;
-  }
-  const description = getStringArgValue(args, "description");
-  if (normalized === "BgBash") {
-    return description ? `\u540E\u53F0\u6267\u884C\uFF1A${description}` : "\u540E\u53F0\u6267\u884C\u547D\u4EE4";
-  }
-  if (normalized === "ReadSkill") {
-    const skillName = getStringArgValue(args, "skill") || getStringArgValue(args, "skill_name");
-    return skillName ? `${baseLabel}\u300C${skillName}\u300D` : baseLabel;
-  }
-  if (normalized === "Read") {
-    const skillName = getSkillNameFromFilePath(
-      getStringArgValue(args, "file_path") || getStringArgValue(args, "path")
-    );
-    if (skillName) return `\u8BFB\u53D6\u6280\u80FD\u300C${skillName}\u300D`;
-  }
-  if (normalized === "FinishTask") {
-    const title = getStringArgValue(args, "title");
-    return title ? `${baseLabel}\uFF1A${title}` : baseLabel;
-  }
-  return description || baseLabel;
-}
-function getToolTone(status) {
-  if (status === "error" || status === "cancelled") return "red";
-  if (status === "awaiting_answer") return "amber";
-  if (status === "pending") return "blue";
-  return "emerald";
-}
-function getToolStatusLabel(status) {
-  if (status === "pending") return "\u8FD0\u884C\u4E2D";
-  if (status === "awaiting_answer") return "\u7B49\u5F85\u56DE\u7B54";
-  if (status === "error") return "\u9519\u8BEF";
-  if (status === "cancelled") return "\u5DF2\u53D6\u6D88";
-  return "\u5B8C\u6210";
-}
-function formatToolDuration(ms) {
-  if (ms < 1e3) return `${Math.round(ms)}ms`;
-  const seconds = ms / 1e3;
-  if (seconds < 60) return `${seconds.toFixed(1)}s`;
-  const minutes = Math.floor(seconds / 60);
-  const remainingSeconds = Math.round(seconds % 60);
-  return remainingSeconds > 0 ? `${minutes}m${remainingSeconds}s` : `${minutes}m`;
-}
-function formatToolArgs(args) {
-  try {
-    return JSON.stringify(JSON.parse(args), null, 2);
-  } catch {
-    return args;
-  }
-}
-var RESULT_PREVIEW_LIMIT = 4e3;
-function formatToolResult(result) {
-  const text = typeof result === "string" ? result : JSON.stringify(result, null, 2);
-  if (text == null) return "";
-  if (text.length <= RESULT_PREVIEW_LIMIT) return text;
-  return `${text.slice(0, RESULT_PREVIEW_LIMIT)}
-\u2026\uFF08\u7ED3\u679C\u8FC7\u957F\uFF0C\u5DF2\u622A\u65AD\uFF09`;
-}
+import { useEffect as useEffect9, useRef as useRef10, useState as useState11 } from "react";
 
 // src/components/AgentLoopBlock.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useState as useState7 } from "react";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function parseAgentDescription(argumentsJson) {
   try {
     const parsed = JSON.parse(argumentsJson);
@@ -1971,7 +2214,7 @@ function parseAgentDescription(argumentsJson) {
   }
 }
 function AgentLoopBlock({ toolCall }) {
-  const [expanded, setExpanded] = useState6(false);
+  const [expanded, setExpanded] = useState7(false);
   const description = parseAgentDescription(toolCall.arguments);
   const running = toolCall.status === "pending" || toolCall.status === "awaiting_answer";
   const failed = toolCall.status === "error" || toolCall.status === "cancelled";
@@ -1980,8 +2223,8 @@ function AgentLoopBlock({ toolCall }) {
     "size-3.5 shrink-0",
     failed ? "text-red-500" : "text-[hsl(var(--muted-foreground))]"
   );
-  return /* @__PURE__ */ jsxs5("div", { className: "blade-chat-agent-loop text-xs leading-[22px]", children: [
-    /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6("div", { className: "blade-chat-agent-loop text-xs leading-[22px]", children: [
+    /* @__PURE__ */ jsxs6(
       "button",
       {
         type: "button",
@@ -1996,12 +2239,12 @@ function AgentLoopBlock({ toolCall }) {
         ),
         title: `\u5B50\u4EFB\u52A1\uFF1A${description}`,
         children: [
-          running ? /* @__PURE__ */ jsx6(LoaderCircle, { className: cn(iconClass, "animate-spin"), "aria-hidden": "true" }) : toolCall.status === "error" ? /* @__PURE__ */ jsx6(CircleAlert, { className: iconClass, "aria-hidden": "true" }) : toolCall.status === "cancelled" ? /* @__PURE__ */ jsx6(X, { className: iconClass, "aria-hidden": "true" }) : /* @__PURE__ */ jsx6(Bot, { className: iconClass, "aria-hidden": "true" }),
-          /* @__PURE__ */ jsxs5("span", { className: "min-w-0 truncate", children: [
+          running ? /* @__PURE__ */ jsx7(LoaderCircle, { className: cn(iconClass, "animate-spin"), "aria-hidden": "true" }) : toolCall.status === "error" ? /* @__PURE__ */ jsx7(CircleAlert, { className: iconClass, "aria-hidden": "true" }) : toolCall.status === "cancelled" ? /* @__PURE__ */ jsx7(X, { className: iconClass, "aria-hidden": "true" }) : /* @__PURE__ */ jsx7(Bot, { className: iconClass, "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs6("span", { className: "min-w-0 truncate", children: [
             "\u5B50\u4EFB\u52A1\uFF1A",
             description
           ] }),
-          hasResult ? /* @__PURE__ */ jsx6(
+          hasResult ? /* @__PURE__ */ jsx7(
             ChevronRight,
             {
               size: 14,
@@ -2015,24 +2258,36 @@ function AgentLoopBlock({ toolCall }) {
         ]
       }
     ),
-    expanded && hasResult ? /* @__PURE__ */ jsx6("div", { className: "ml-[18px] mt-1.5 max-h-[400px] overflow-auto whitespace-pre-wrap text-xs leading-[22px] text-[hsl(var(--muted-foreground))]", children: formatToolResult(toolCall.result) }) : null
+    expanded && hasResult ? /* @__PURE__ */ jsx7("div", { className: "ml-[18px] mt-1.5 max-h-[400px] overflow-auto whitespace-pre-wrap text-xs leading-[22px] text-[hsl(var(--muted-foreground))]", children: formatToolResult(toolCall.result) }) : null
   ] });
 }
 
 // src/components/MarkdownContent.tsx
 import {
-  useEffect as useEffect6,
+  useEffect as useEffect7,
   useMemo as useMemo5,
-  useRef as useRef7,
-  useState as useState7
+  useRef as useRef8,
+  useState as useState8
 } from "react";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var SYSTEM_REMINDER_RE = /<system-reminder>[\s\S]*?<\/system-reminder>/gi;
+function normalizeAdjacentUrlFormatting(value) {
+  const protectedSegments = [];
+  const protectedValue = value.replace(/(`{1,3}[\s\S]*?`{1,3}|\[[^\]]*\]\([^)]*\))/g, (segment) => {
+    const index = protectedSegments.push(segment) - 1;
+    return `blade-url-protected-${index}-marker`;
+  });
+  const normalized = protectedValue.replace(
+    /(\*\*|__|~~|\*|_)(https?:\/\/[^\s<>]+?)\1(?=[\s。，、！？；：,.!?;:]|$)/g,
+    (_, marker, url) => `${marker}[${url}](<${url}>)${marker}`
+  );
+  return normalized.replace(/blade-url-protected-(\d+)-marker/g, (_, index) => protectedSegments[Number(index)]);
+}
 function CodeBlockPre({ children, node: _node, ...props }) {
-  const preRef = useRef7(null);
-  const [copied, setCopied] = useState7(false);
-  const [language, setLanguage] = useState7("");
-  useEffect6(() => {
+  const preRef = useRef8(null);
+  const [copied, setCopied] = useState8(false);
+  const [language, setLanguage] = useState8("");
+  useEffect7(() => {
     const codeEl = preRef.current?.querySelector("code");
     setLanguage(codeEl?.className.match(/language-(\S+)/)?.[1] ?? "");
   }, []);
@@ -2043,10 +2298,10 @@ function CodeBlockPre({ children, node: _node, ...props }) {
       setTimeout(() => setCopied(false), 2e3);
     }
   };
-  return /* @__PURE__ */ jsxs6("div", { className: "blade-chat-codeblock not-prose my-3 overflow-hidden rounded-xl border border-[hsl(var(--border))]", children: [
-    /* @__PURE__ */ jsxs6("div", { className: "blade-chat-codeblock-header flex h-[34px] items-center justify-between border-b border-[hsl(var(--border))] bg-[hsl(var(--muted))/0.5] pl-3.5 pr-1.5", children: [
-      /* @__PURE__ */ jsx7("span", { className: "font-mono text-[12px] text-[hsl(var(--muted-foreground))]", children: language || "code" }),
-      /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7("div", { className: "blade-chat-codeblock not-prose my-3 overflow-hidden rounded-xl border border-[hsl(var(--border))]", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "blade-chat-codeblock-header flex h-[34px] items-center justify-between border-b border-[hsl(var(--border))] bg-[hsl(var(--muted))/0.5] pl-3.5 pr-1.5", children: [
+      /* @__PURE__ */ jsx8("span", { className: "font-mono text-[12px] text-[hsl(var(--muted-foreground))]", children: language || "code" }),
+      /* @__PURE__ */ jsxs7(
         "button",
         {
           type: "button",
@@ -2056,13 +2311,13 @@ function CodeBlockPre({ children, node: _node, ...props }) {
             copied ? "text-[hsl(var(--primary))]" : "text-[hsl(var(--muted-foreground))] hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]"
           ),
           children: [
-            copied ? /* @__PURE__ */ jsx7(Check, { size: 12 }) : /* @__PURE__ */ jsx7(Copy, { size: 12 }),
-            /* @__PURE__ */ jsx7("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
+            copied ? /* @__PURE__ */ jsx8(Check, { size: 12 }) : /* @__PURE__ */ jsx8(Copy, { size: 12 }),
+            /* @__PURE__ */ jsx8("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       "pre",
       {
         ref: preRef,
@@ -2074,7 +2329,7 @@ function CodeBlockPre({ children, node: _node, ...props }) {
   ] });
 }
 function ExternalAnchor({ node: _node, children, ...props }) {
-  return /* @__PURE__ */ jsx7("a", { ...props, target: "_blank", rel: "noopener noreferrer", children });
+  return /* @__PURE__ */ jsx8("a", { ...props, target: "_blank", rel: "noopener noreferrer", children });
 }
 var MARKDOWN_COMPONENTS = {
   pre: CodeBlockPre,
@@ -2082,9 +2337,9 @@ var MARKDOWN_COMPONENTS = {
 };
 function MarkdownContent({ children, className, mode, sessionId }) {
   const resolvedChildren = useMemo5(() => {
-    return children.replace(SYSTEM_REMINDER_RE, "");
+    return normalizeAdjacentUrlFormatting(children.replace(SYSTEM_REMINDER_RE, ""));
   }, [children]);
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     _r,
     {
       className: cn("blade-chat-markdown break-words", className),
@@ -2097,17 +2352,17 @@ function MarkdownContent({ children, className, mode, sessionId }) {
 }
 
 // src/components/Shimmer.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function Shimmer({ children = "\u6B63\u5728\u601D\u8003...", className }) {
-  return /* @__PURE__ */ jsx8("span", { className: cn("blade-shimmer-text text-sm font-medium", className), children });
+  return /* @__PURE__ */ jsx9("span", { className: cn("blade-shimmer-text text-sm font-medium", className), children });
 }
 
 // src/components/ToolCallBlock.tsx
-import { useState as useState9 } from "react";
+import { useState as useState10 } from "react";
 
 // src/components/AskUserQuestionBlock.tsx
-import { useEffect as useEffect7, useMemo as useMemo6, useRef as useRef8, useState as useState8 } from "react";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useEffect as useEffect8, useMemo as useMemo6, useRef as useRef9, useState as useState9 } from "react";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var CUSTOM_TEXTAREA_MAX_HEIGHT = 160;
 function resizeCustomTextarea(textarea) {
   textarea.style.height = "auto";
@@ -2115,12 +2370,12 @@ function resizeCustomTextarea(textarea) {
   textarea.style.overflowY = textarea.scrollHeight > CUSTOM_TEXTAREA_MAX_HEIGHT ? "auto" : "hidden";
 }
 function useAutoResizeTextarea(value) {
-  const textareaRef = useRef8(null);
-  useEffect7(() => {
+  const textareaRef = useRef9(null);
+  useEffect8(() => {
     const textarea = textareaRef.current;
     if (textarea?.value === value) resizeCustomTextarea(textarea);
   }, [value]);
-  useEffect7(() => {
+  useEffect8(() => {
     const textarea = textareaRef.current;
     if (!textarea || typeof ResizeObserver === "undefined") return;
     let previousWidth = textarea.clientWidth;
@@ -2145,12 +2400,12 @@ function AskUserQuestionBlock({
   answerData,
   onAnswer
 }) {
-  const [selections, setSelections] = useState8(/* @__PURE__ */ new Map());
-  const [customTexts, setCustomTexts] = useState8(/* @__PURE__ */ new Map());
-  const [usingCustom, setUsingCustom] = useState8(/* @__PURE__ */ new Set());
-  const [note, setNote] = useState8("");
-  const [submitted, setSubmitted] = useState8(false);
-  useEffect7(() => {
+  const [selections, setSelections] = useState9(/* @__PURE__ */ new Map());
+  const [customTexts, setCustomTexts] = useState9(/* @__PURE__ */ new Map());
+  const [usingCustom, setUsingCustom] = useState9(/* @__PURE__ */ new Set());
+  const [note, setNote] = useState9("");
+  const [submitted, setSubmitted] = useState9(false);
+  useEffect8(() => {
     if (sessionStatus === "failed" || sessionStatus === "interrupted") {
       setSubmitted(false);
     }
@@ -2248,7 +2503,7 @@ ${parts.join("\n")}`,
     setSubmitted(true);
     onAnswer(text, toolCallId, nextAnswerData);
   };
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       className: cn(
@@ -2256,12 +2511,12 @@ ${parts.join("\n")}`,
         answered ? "max-w-2xl space-y-3 p-3 text-xs text-[hsl(var(--muted-foreground))] opacity-80" : "max-w-lg space-y-5 p-4 text-sm"
       ),
       children: [
-        data.source_loop?.description && /* @__PURE__ */ jsxs7("div", { className: "rounded-lg bg-[hsl(var(--muted)/0.35)] px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
+        data.source_loop?.description && /* @__PURE__ */ jsxs8("div", { className: "rounded-lg bg-[hsl(var(--muted)/0.35)] px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
           "\u5B50\u667A\u80FD\u4F53\u300C",
           data.source_loop.description,
           "\u300D\u5728\u7B49\u5F85\u4F60\u7684\u56DE\u7B54"
         ] }),
-        data.questions.map((q, qIdx) => /* @__PURE__ */ jsx9(
+        data.questions.map((q, qIdx) => /* @__PURE__ */ jsx10(
           QuestionCard,
           {
             question: q,
@@ -2276,7 +2531,7 @@ ${parts.join("\n")}`,
           },
           q.question
         )),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           NoteField,
           {
             answered,
@@ -2285,7 +2540,7 @@ ${parts.join("\n")}`,
             onChange: setNote
           }
         ),
-        !answered && !submitted && onAnswer && /* @__PURE__ */ jsx9(
+        !answered && !submitted && onAnswer && /* @__PURE__ */ jsx10(
           "button",
           {
             type: "button",
@@ -2295,14 +2550,14 @@ ${parts.join("\n")}`,
             children: allAnswered ? "\u786E\u8BA4" : "\u8BF7\u5148\u9009\u62E9\u4E00\u4E2A\u9009\u9879"
           }
         ),
-        submitted && !answered && /* @__PURE__ */ jsxs7(
+        submitted && !answered && /* @__PURE__ */ jsxs8(
           "button",
           {
             type: "button",
             disabled: true,
             className: "flex w-full items-center justify-center gap-2 rounded-lg bg-[hsl(var(--primary))] px-4 py-2 text-xs font-semibold text-[hsl(var(--primary-foreground))] opacity-80",
             children: [
-              /* @__PURE__ */ jsx9(LoaderCircle, { size: 14, className: "animate-spin" }),
+              /* @__PURE__ */ jsx10(LoaderCircle, { size: 14, className: "animate-spin" }),
               "\u786E\u8BA4\u4E2D"
             ]
           }
@@ -2324,30 +2579,30 @@ function QuestionCard({
 }) {
   const multi = question.multiSelect ?? false;
   const customTextareaRef = useAutoResizeTextarea(customText);
-  return /* @__PURE__ */ jsxs7("div", { children: [
-    /* @__PURE__ */ jsxs7("div", { className: cn("flex items-start gap-2", answered ? "mb-2" : "mb-3"), children: [
-      /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs8("div", { children: [
+    /* @__PURE__ */ jsxs8("div", { className: cn("flex items-start gap-2", answered ? "mb-2" : "mb-3"), children: [
+      /* @__PURE__ */ jsx10(
         MessageSquareMore,
         {
           size: answered ? 12 : 13,
           className: "mt-0.5 shrink-0 text-[hsl(var(--primary))]"
         }
       ),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx10(
         "div",
         {
           className: cn(
             "min-w-0 flex-1 font-medium text-[hsl(var(--foreground))]",
             answered ? "text-xs" : "text-sm"
           ),
-          children: /* @__PURE__ */ jsx9(MarkdownContent, { className: "blade-chat-prose", children: question.question })
+          children: /* @__PURE__ */ jsx10(MarkdownContent, { className: "blade-chat-prose", children: question.question })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs7("div", { className: cn("flex flex-col pl-5", answered ? "gap-1" : "gap-1.5"), children: [
+    /* @__PURE__ */ jsxs8("div", { className: cn("flex flex-col pl-5", answered ? "gap-1" : "gap-1.5"), children: [
       question.options.map((opt, optIdx) => {
         const isSel = selected.has(optIdx);
-        return /* @__PURE__ */ jsxs7(
+        return /* @__PURE__ */ jsxs8(
           "button",
           {
             type: "button",
@@ -2361,14 +2616,14 @@ function QuestionCard({
               answered && "cursor-default opacity-70"
             ),
             children: [
-              multi && /* @__PURE__ */ jsx9(
+              multi && /* @__PURE__ */ jsx10(
                 "div",
                 {
                   className: cn(
                     "mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors",
                     isSel && !answered ? "border-[hsl(var(--primary-foreground)/0.6)] bg-[hsl(var(--primary-foreground)/0.2)]" : isSel ? "border-[hsl(var(--primary)/0.45)] bg-[hsl(var(--primary)/0.12)]" : "border-[hsl(var(--border))]"
                   ),
-                  children: isSel && /* @__PURE__ */ jsx9(
+                  children: isSel && /* @__PURE__ */ jsx10(
                     Check,
                     {
                       size: 9,
@@ -2377,9 +2632,9 @@ function QuestionCard({
                   )
                 }
               ),
-              /* @__PURE__ */ jsxs7("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx9("div", { className: cn("font-medium", answered ? "text-xs" : "text-[13px]"), children: opt.label }),
-                opt.description && /* @__PURE__ */ jsx9(
+              /* @__PURE__ */ jsxs8("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx10("div", { className: cn("font-medium", answered ? "text-xs" : "text-[13px]"), children: opt.label }),
+                opt.description && /* @__PURE__ */ jsx10(
                   "div",
                   {
                     className: cn(
@@ -2396,7 +2651,7 @@ function QuestionCard({
           opt.label
         );
       }),
-      answered && !isCustom ? null : /* @__PURE__ */ jsxs7(
+      answered && !isCustom ? null : /* @__PURE__ */ jsxs8(
         "div",
         {
           className: cn(
@@ -2406,8 +2661,8 @@ function QuestionCard({
             answered && "cursor-default opacity-70"
           ),
           children: [
-            /* @__PURE__ */ jsx9("span", { className: "shrink-0 pt-1 text-xs text-[hsl(var(--muted-foreground))]", children: "\u5176\u4ED6\uFF1A" }),
-            /* @__PURE__ */ jsx9(
+            /* @__PURE__ */ jsx10("span", { className: "shrink-0 pt-1 text-xs text-[hsl(var(--muted-foreground))]", children: "\u5176\u4ED6\uFF1A" }),
+            /* @__PURE__ */ jsx10(
               "textarea",
               {
                 ref: customTextareaRef,
@@ -2439,7 +2694,7 @@ function NoteField({
   const textareaRef = useAutoResizeTextarea(note);
   const readOnly = answered || submitted;
   if (answered && !note.trim()) return null;
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "label",
     {
       className: cn(
@@ -2449,8 +2704,8 @@ function NoteField({
         readOnly && "cursor-default opacity-70"
       ),
       children: [
-        /* @__PURE__ */ jsx9("span", { className: "mb-1.5 block text-xs text-[hsl(var(--muted-foreground))]", children: "\u8865\u5145\u8BF4\u660E\uFF08\u53EF\u9009\uFF09" }),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10("span", { className: "mb-1.5 block text-xs text-[hsl(var(--muted-foreground))]", children: "\u8865\u5145\u8BF4\u660E\uFF08\u53EF\u9009\uFF09" }),
+        /* @__PURE__ */ jsx10(
           "textarea",
           {
             ref: textareaRef,
@@ -2539,7 +2794,7 @@ function normalizeOptionItem(value) {
 }
 
 // src/components/ToolCallBlock.tsx
-import { Fragment, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function resolveAskQuestionState({
   toolStatus,
   hasAnswerData,
@@ -2561,12 +2816,12 @@ function ToolCallBlock({
   isActiveQuestion,
   renderer
 }) {
-  const [expanded, setExpanded] = useState9(false);
+  const [expanded, setExpanded] = useState10(false);
   const normalizedName = formatToolName(toolCall.name);
   if (renderer) {
     const custom = renderer(toolCall);
     if (custom !== null && custom !== void 0) {
-      return /* @__PURE__ */ jsx10(Fragment, { children: custom });
+      return /* @__PURE__ */ jsx11(Fragment, { children: custom });
     }
   }
   if (normalizedName === "AskUserQuestion") {
@@ -2579,7 +2834,7 @@ function ToolCallBlock({
     });
     const canAnswer = questionState.awaitingAnswer && Boolean(onAnswer);
     if (askData) {
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx11(
         AskUserQuestionBlock,
         {
           data: askData,
@@ -2592,31 +2847,31 @@ function ToolCallBlock({
       );
     }
     if (toolCall.status === "pending") {
-      return /* @__PURE__ */ jsxs8("div", { className: "ml-4 flex max-w-lg items-center gap-2 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4 text-sm text-[hsl(var(--muted-foreground))]", children: [
-        /* @__PURE__ */ jsx10(LoaderCircle, { size: 14, className: "animate-spin" }),
-        /* @__PURE__ */ jsx10("span", { children: "\u6B63\u5728\u51C6\u5907\u95EE\u9898\u2026" })
+      return /* @__PURE__ */ jsxs9("div", { className: "ml-4 flex max-w-lg items-center gap-2 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4 text-sm text-[hsl(var(--muted-foreground))]", children: [
+        /* @__PURE__ */ jsx11(LoaderCircle, { size: 14, className: "animate-spin" }),
+        /* @__PURE__ */ jsx11("span", { children: "\u6B63\u5728\u51C6\u5907\u95EE\u9898\u2026" })
       ] });
     }
     const errorDetail = parseAskUserQuestionError(
       typeof toolCall.result === "string" ? toolCall.result : null
     );
-    return /* @__PURE__ */ jsxs8("div", { className: "ml-4 max-w-lg rounded-xl border border-amber-500/35 bg-amber-500/10 p-4 text-sm text-[hsl(var(--foreground))]", children: [
-      /* @__PURE__ */ jsx10("div", { className: "font-semibold", children: "\u9009\u62E9\u9898\u5185\u5BB9\u6682\u65F6\u65E0\u6CD5\u663E\u793A" }),
-      /* @__PURE__ */ jsx10("div", { className: "mt-1 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: errorDetail?.message ?? "\u6536\u5230\u7684\u4EA4\u4E92\u6570\u636E\u4E0D\u5B8C\u6574\u3002\u8BF7\u8BA9\u667A\u80FD\u4F53\u91CD\u65B0\u63D0\u95EE\u3002" }),
-      errorDetail?.detail ? /* @__PURE__ */ jsxs8("details", { className: "mt-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
-        /* @__PURE__ */ jsx10("summary", { className: "cursor-pointer", children: "\u67E5\u770B\u5177\u4F53\u539F\u56E0" }),
-        /* @__PURE__ */ jsx10("div", { className: "mt-1 break-words font-mono", children: errorDetail.detail })
+    return /* @__PURE__ */ jsxs9("div", { className: "ml-4 max-w-lg rounded-xl border border-amber-500/35 bg-amber-500/10 p-4 text-sm text-[hsl(var(--foreground))]", children: [
+      /* @__PURE__ */ jsx11("div", { className: "font-semibold", children: "\u9009\u62E9\u9898\u5185\u5BB9\u6682\u65F6\u65E0\u6CD5\u663E\u793A" }),
+      /* @__PURE__ */ jsx11("div", { className: "mt-1 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: errorDetail?.message ?? "\u6536\u5230\u7684\u4EA4\u4E92\u6570\u636E\u4E0D\u5B8C\u6574\u3002\u8BF7\u8BA9\u667A\u80FD\u4F53\u91CD\u65B0\u63D0\u95EE\u3002" }),
+      errorDetail?.detail ? /* @__PURE__ */ jsxs9("details", { className: "mt-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
+        /* @__PURE__ */ jsx11("summary", { className: "cursor-pointer", children: "\u67E5\u770B\u5177\u4F53\u539F\u56E0" }),
+        /* @__PURE__ */ jsx11("div", { className: "mt-1 break-words font-mono", children: errorDetail.detail })
       ] }) : null
     ] });
   }
   const tone = getToolTone(toolCall.status);
   const displayName = getToolDisplayLabel(toolCall);
   const toneClass = tone === "red" ? "border-l-[hsl(var(--muted-foreground)/0.5)]" : tone === "amber" ? "border-l-amber-400" : tone === "blue" ? "border-l-blue-500" : "border-l-[hsl(var(--primary))]";
-  const statusIcon = toolCall.status === "pending" ? /* @__PURE__ */ jsx10(LoaderCircle, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx10(MessageSquareMore, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx10(X, { size: 11 }) : /* @__PURE__ */ jsx10(Check, { size: 11 });
+  const statusIcon = toolCall.status === "pending" ? /* @__PURE__ */ jsx11(LoaderCircle, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx11(MessageSquareMore, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx11(X, { size: 11 }) : /* @__PURE__ */ jsx11(Check, { size: 11 });
   const statusTextClass = tone === "red" ? "text-[hsl(var(--muted-foreground))]" : tone === "amber" ? "text-amber-300" : tone === "blue" ? "text-blue-300" : "text-[hsl(var(--primary))]";
-  return /* @__PURE__ */ jsxs8("div", { className: "blade-chat-tool ml-4 text-xs", children: [
-    /* @__PURE__ */ jsxs8("div", { className: cn("border-l-[3px] flex items-center gap-2 px-3 py-2", toneClass), children: [
-      /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9("div", { className: "blade-chat-tool ml-4 text-xs", children: [
+    /* @__PURE__ */ jsxs9("div", { className: cn("border-l-[3px] flex items-center gap-2 px-3 py-2", toneClass), children: [
+      /* @__PURE__ */ jsxs9(
         "button",
         {
           type: "button",
@@ -2624,7 +2879,7 @@ function ToolCallBlock({
           className: "flex min-w-0 flex-1 items-center gap-2 text-left transition-colors hover:bg-white/3 focus-visible:ring-1 focus-visible:ring-[hsl(var(--ring))] focus:outline-none",
           "aria-expanded": expanded,
           children: [
-            /* @__PURE__ */ jsx10(
+            /* @__PURE__ */ jsx11(
               ChevronRight,
               {
                 size: 11,
@@ -2634,24 +2889,24 @@ function ToolCallBlock({
                 )
               }
             ),
-            /* @__PURE__ */ jsxs8("span", { className: cn("flex shrink-0 items-center gap-1 text-[10px]", statusTextClass), children: [
+            /* @__PURE__ */ jsxs9("span", { className: cn("flex shrink-0 items-center gap-1 text-[10px]", statusTextClass), children: [
               statusIcon,
-              /* @__PURE__ */ jsx10("span", { children: getToolStatusLabel(toolCall.status) })
+              /* @__PURE__ */ jsx11("span", { children: getToolStatusLabel(toolCall.status) })
             ] }),
-            /* @__PURE__ */ jsx10("span", { className: "min-w-0 flex-1 truncate font-medium text-[hsl(var(--foreground))]", children: displayName })
+            /* @__PURE__ */ jsx11("span", { className: "min-w-0 flex-1 truncate font-medium text-[hsl(var(--foreground))]", children: displayName })
           ]
         }
       ),
-      typeof toolCall.duration_ms === "number" && toolCall.duration_ms > 0 && /* @__PURE__ */ jsx10("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration(toolCall.duration_ms) })
+      typeof toolCall.duration_ms === "number" && toolCall.duration_ms > 0 && /* @__PURE__ */ jsx11("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration(toolCall.duration_ms) })
     ] }),
-    expanded && /* @__PURE__ */ jsxs8("div", { className: "blade-chat-tool-detail ml-4 mt-1 rounded-xl bg-[hsl(var(--card))] px-3 py-3", children: [
-      /* @__PURE__ */ jsx10("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u5DE5\u5177" }),
-      /* @__PURE__ */ jsx10("div", { className: "mb-3 font-mono text-[11px] text-[hsl(var(--foreground))]", children: normalizedName }),
-      /* @__PURE__ */ jsx10("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u53C2\u6570" }),
-      /* @__PURE__ */ jsx10("pre", { className: "overflow-x-auto whitespace-pre-wrap rounded-md bg-[hsl(var(--muted))] p-2 font-mono text-[11px] text-[hsl(var(--foreground))]", children: formatToolArgs(toolCall.arguments) }),
-      toolCall.result != null && /* @__PURE__ */ jsxs8(Fragment, { children: [
-        /* @__PURE__ */ jsx10("div", { className: "mb-1 mt-3 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
-        /* @__PURE__ */ jsx10("pre", { className: "max-h-[400px] overflow-auto whitespace-pre-wrap rounded-md bg-[hsl(var(--muted))] p-2 font-mono text-[11px] text-[hsl(var(--foreground))]", children: formatToolResult(toolCall.result) })
+    expanded && /* @__PURE__ */ jsxs9("div", { className: "blade-chat-tool-detail ml-4 mt-1 rounded-xl bg-[hsl(var(--card))] px-3 py-3", children: [
+      /* @__PURE__ */ jsx11("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u5DE5\u5177" }),
+      /* @__PURE__ */ jsx11("div", { className: "mb-3 font-mono text-[11px] text-[hsl(var(--foreground))]", children: normalizedName }),
+      /* @__PURE__ */ jsx11("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u53C2\u6570" }),
+      /* @__PURE__ */ jsx11("pre", { className: "overflow-x-auto whitespace-pre-wrap rounded-md bg-[hsl(var(--muted))] p-2 font-mono text-[11px] text-[hsl(var(--foreground))]", children: formatToolArgs(toolCall.arguments) }),
+      toolCall.result != null && /* @__PURE__ */ jsxs9(Fragment, { children: [
+        /* @__PURE__ */ jsx11("div", { className: "mb-1 mt-3 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
+        /* @__PURE__ */ jsx11("pre", { className: "max-h-[400px] overflow-auto whitespace-pre-wrap rounded-md bg-[hsl(var(--muted))] p-2 font-mono text-[11px] text-[hsl(var(--foreground))]", children: formatToolResult(toolCall.result) })
       ] })
     ] })
   ] });
@@ -2669,12 +2924,12 @@ function buildAskUserPayload(argumentsJson) {
 }
 
 // src/components/AssistantTurnBlock.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function ThinkingBlock({ reasoning, isStreaming }) {
-  const [open, setOpen] = useState10(false);
+  const [open, setOpen] = useState11(false);
   if (!isStreaming) return null;
-  return /* @__PURE__ */ jsxs9("div", { className: "blade-chat-thinking text-xs", children: [
-    /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10("div", { className: "blade-chat-thinking text-xs", children: [
+    /* @__PURE__ */ jsxs10(
       "button",
       {
         type: "button",
@@ -2682,8 +2937,8 @@ function ThinkingBlock({ reasoning, isStreaming }) {
         "aria-expanded": open,
         className: "group/thinking inline-flex items-center gap-1 text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))]",
         children: [
-          /* @__PURE__ */ jsx11(Shimmer, { className: "text-xs", children: "\u6B63\u5728\u601D\u8003" }),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(Shimmer, { className: "text-xs", children: "\u6B63\u5728\u601D\u8003" }),
+          /* @__PURE__ */ jsx12(
             ChevronRight,
             {
               size: 14,
@@ -2696,7 +2951,7 @@ function ThinkingBlock({ reasoning, isStreaming }) {
         ]
       }
     ),
-    open ? /* @__PURE__ */ jsx11("div", { className: "mt-1.5 whitespace-pre-wrap text-xs leading-[22px] text-[hsl(var(--muted-foreground))]", children: reasoning }) : null
+    open ? /* @__PURE__ */ jsx12("div", { className: "mt-1.5 whitespace-pre-wrap text-xs leading-[22px] text-[hsl(var(--muted-foreground))]", children: reasoning }) : null
   ] });
 }
 function getMessageText(message) {
@@ -2888,14 +3143,14 @@ function ExecutionToolRow({ toolCall }) {
     "size-3.5 shrink-0",
     failed ? "text-red-500" : "text-[hsl(var(--muted-foreground))]"
   );
-  const icon = toolCall.status === "pending" ? /* @__PURE__ */ jsx11(LoaderCircle, { className: cn(iconClass, "animate-spin"), "aria-hidden": "true" }) : toolCall.status === "error" ? /* @__PURE__ */ jsx11(CircleAlert, { className: iconClass, "aria-hidden": "true" }) : toolCall.status === "cancelled" ? /* @__PURE__ */ jsx11(X, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "WebSearch" || normalizedName === "WebFetch" ? /* @__PURE__ */ jsx11(Earth, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Bash" || normalizedName === "BgBash" ? /* @__PURE__ */ jsx11(Terminal, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Write" || normalizedName === "Edit" || normalizedName === "MultiEdit" ? /* @__PURE__ */ jsx11(FilePenLine, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Read" || normalizedName === "ReadSkill" || normalizedName === "get_skill_content" ? /* @__PURE__ */ jsx11(BookOpen, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Grep" || normalizedName === "Glob" || normalizedName === "search_skills" ? /* @__PURE__ */ jsx11(Search, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Agent" ? /* @__PURE__ */ jsx11(Bot, { className: iconClass, "aria-hidden": "true" }) : /* @__PURE__ */ jsx11(Wrench, { className: iconClass, "aria-hidden": "true" });
+  const icon = toolCall.status === "pending" ? /* @__PURE__ */ jsx12(LoaderCircle, { className: cn(iconClass, "animate-spin"), "aria-hidden": "true" }) : toolCall.status === "error" ? /* @__PURE__ */ jsx12(CircleAlert, { className: iconClass, "aria-hidden": "true" }) : toolCall.status === "cancelled" ? /* @__PURE__ */ jsx12(X, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "WebSearch" || normalizedName === "WebFetch" ? /* @__PURE__ */ jsx12(Earth, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Bash" || normalizedName === "BgBash" ? /* @__PURE__ */ jsx12(Terminal, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Write" || normalizedName === "Edit" || normalizedName === "MultiEdit" ? /* @__PURE__ */ jsx12(FilePenLine, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Read" || normalizedName === "ReadSkill" || normalizedName === "get_skill_content" ? /* @__PURE__ */ jsx12(BookOpen, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Grep" || normalizedName === "Glob" || normalizedName === "search_skills" ? /* @__PURE__ */ jsx12(Search, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Agent" ? /* @__PURE__ */ jsx12(Bot, { className: iconClass, "aria-hidden": "true" }) : /* @__PURE__ */ jsx12(Wrench, { className: iconClass, "aria-hidden": "true" });
   const rowClassName = cn(
     "flex min-w-0 items-center gap-1 py-1.5 text-xs leading-[22px]",
     failed ? "text-red-500" : "text-[hsl(var(--muted-foreground))]"
   );
-  return /* @__PURE__ */ jsxs9("div", { "data-testid": "execution-tool-intent", className: rowClassName, title: label, children: [
+  return /* @__PURE__ */ jsxs10("div", { "data-testid": "execution-tool-intent", className: rowClassName, title: label, children: [
     icon,
-    /* @__PURE__ */ jsx11("span", { className: "min-w-0 truncate", children: label })
+    /* @__PURE__ */ jsx12("span", { className: "min-w-0 truncate", children: label })
   ] });
 }
 function AssistantTurnBlock({
@@ -2905,8 +3160,15 @@ function AssistantTurnBlock({
   onAnswer,
   sessionStatus,
   toolCallRenderer,
+  hidePlanUpdateTools = false,
   sessionId
 }) {
+  const shouldHideToolCall = (message, toolCall) => {
+    if (!hidePlanUpdateTools || !isPlanUpdateTool(toolCall) || parsePlanUpdate(toolCall.arguments) === null) {
+      return false;
+    }
+    return toolCall.status === "done" || toolCall.status === "pending" && message.status === "streaming";
+  };
   const hasInterrupted = messages.some((message) => message.status === "interrupted");
   const hasFailedWithoutContent = messages.some(
     (message) => message.status === "failed" && !hasRenderableMessageContent(message)
@@ -2916,16 +3178,16 @@ function AssistantTurnBlock({
   const finalOrderedParts = finalMessage ? getOrderedMessageParts(
     finalMessage,
     (finalMessage.tool_calls ?? []).filter(
-      (toolCall) => formatToolName(toolCall.name) !== "AskUserQuestion"
+      (toolCall) => formatToolName(toolCall.name) !== "AskUserQuestion" && !shouldHideToolCall(finalMessage, toolCall)
     )
   ) : [];
   const hasExecutionProcess = messages.some(
-    (message) => message.reasoning || (message.tool_calls?.length ?? 0) > 0
+    (message) => message.reasoning || (message.tool_calls ?? []).some((toolCall) => !shouldHideToolCall(message, toolCall))
   );
   const latestReasoningIndex = isStreaming ? findLatestReasoningMessageIndex(messages) : -1;
   const hasActionableToolCall = messages.some(
     (message) => message.status === "failed" || message.status === "interrupted" || (message.tool_calls ?? []).some(
-      (toolCall) => toolCall.status === "error" || toolCall.status === "cancelled"
+      (toolCall) => !shouldHideToolCall(message, toolCall) && (toolCall.status === "error" || toolCall.status === "cancelled")
     )
   );
   const questionToolCalls = messages.flatMap(
@@ -2934,12 +3196,12 @@ function AssistantTurnBlock({
     )
   );
   const activeQuestionId = questionToolCalls.filter((toolCall) => toolCall.status === "pending").at(-1)?.id;
-  const [displayMode, setDisplayMode] = useState10(
+  const [displayMode, setDisplayMode] = useState11(
     () => isStreaming || hasActionableToolCall ? "detail" : "compact"
   );
-  const userSelectedDisplayModeRef = useRef9(false);
-  const wasStreamingRef = useRef9(isStreaming);
-  useEffect8(() => {
+  const userSelectedDisplayModeRef = useRef10(false);
+  const wasStreamingRef = useRef10(isStreaming);
+  useEffect9(() => {
     if (wasStreamingRef.current && !isStreaming && !userSelectedDisplayModeRef.current) {
       setDisplayMode(hasActionableToolCall ? "detail" : "compact");
     }
@@ -2947,11 +3209,11 @@ function AssistantTurnBlock({
   }, [hasActionableToolCall, isStreaming]);
   const effectiveMode = resolveTurnDisplayMode({ isStreaming, displayMode });
   const executionDurationMs = getExecutionDurationMs({ messages, isStreaming });
-  const [clock, setClock] = useState10(() => Date.now());
+  const [clock, setClock] = useState11(() => Date.now());
   const hasLiveStartTime = messages.some(
     (message) => message.timestamp != null && Number.isFinite(Date.parse(message.timestamp))
   );
-  useEffect8(() => {
+  useEffect9(() => {
     if (!isStreaming || !hasLiveStartTime) return;
     const timer = window.setInterval(() => setClock(Date.now()), 1e3);
     return () => window.clearInterval(timer);
@@ -2959,21 +3221,21 @@ function AssistantTurnBlock({
   const liveExecutionDurationMs = isStreaming ? getExecutionDurationMs({ messages, isStreaming, now: clock }) : executionDurationMs;
   const memoryRefs = collectMemoryRefs(messages);
   if (!hasExecutionProcess) {
-    return /* @__PURE__ */ jsxs9(
+    return /* @__PURE__ */ jsxs10(
       "div",
       {
         "aria-busy": isStreaming || void 0,
         className: "blade-chat-assistant-turn flex flex-col gap-3",
         children: [
-          memoryRefs.length > 0 ? /* @__PURE__ */ jsx11(MemoryRefsHint, { refs: memoryRefs }) : null,
-          hasInterrupted && /* @__PURE__ */ jsx11("div", { className: "ml-4 w-fit rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.12em] text-amber-300", children: "\u5DF2\u4E2D\u65AD" }),
-          hasFailedWithoutContent && /* @__PURE__ */ jsx11("div", { className: "ml-4 w-fit rounded-full border border-red-500/30 bg-red-500/10 px-2.5 py-1 text-[10px] font-medium text-red-400", children: "\u751F\u6210\u5931\u8D25" }),
+          memoryRefs.length > 0 ? /* @__PURE__ */ jsx12(MemoryRefsHint, { refs: memoryRefs }) : null,
+          hasInterrupted && /* @__PURE__ */ jsx12("div", { className: "ml-4 w-fit rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.12em] text-amber-300", children: "\u5DF2\u4E2D\u65AD" }),
+          hasFailedWithoutContent && /* @__PURE__ */ jsx12("div", { className: "ml-4 w-fit rounded-full border border-red-500/30 bg-red-500/10 px-2.5 py-1 text-[10px] font-medium text-red-400", children: "\u751F\u6210\u5931\u8D25" }),
           messages.map((message, index) => {
-            return hasRenderableMessageContent(message) ? /* @__PURE__ */ jsx11(
+            return hasRenderableMessageContent(message) ? /* @__PURE__ */ jsx12(
               "div",
               {
                 className: "flex flex-col gap-3",
-                children: /* @__PURE__ */ jsx11(
+                children: /* @__PURE__ */ jsx12(
                   AssistantMessageContent,
                   {
                     message,
@@ -2989,26 +3251,26 @@ function AssistantTurnBlock({
       }
     );
   }
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       "aria-busy": isStreaming || void 0,
       className: "blade-chat-assistant-turn flex flex-col gap-3",
       children: [
-        memoryRefs.length > 0 ? /* @__PURE__ */ jsx11(MemoryRefsHint, { refs: memoryRefs }) : null,
-        hasInterrupted && /* @__PURE__ */ jsx11("div", { className: "ml-4 w-fit rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.12em] text-amber-300", children: "\u5DF2\u4E2D\u65AD" }),
-        hasFailedWithoutContent && /* @__PURE__ */ jsx11("div", { className: "ml-4 w-fit rounded-full border border-red-500/30 bg-red-500/10 px-2.5 py-1 text-[10px] font-medium text-red-400", children: "\u751F\u6210\u5931\u8D25" }),
-        /* @__PURE__ */ jsxs9("div", { className: "flex w-full items-start gap-2.5", children: [
-          /* @__PURE__ */ jsx11(
+        memoryRefs.length > 0 ? /* @__PURE__ */ jsx12(MemoryRefsHint, { refs: memoryRefs }) : null,
+        hasInterrupted && /* @__PURE__ */ jsx12("div", { className: "ml-4 w-fit rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.12em] text-amber-300", children: "\u5DF2\u4E2D\u65AD" }),
+        hasFailedWithoutContent && /* @__PURE__ */ jsx12("div", { className: "ml-4 w-fit rounded-full border border-red-500/30 bg-red-500/10 px-2.5 py-1 text-[10px] font-medium text-red-400", children: "\u751F\u6210\u5931\u8D25" }),
+        /* @__PURE__ */ jsxs10("div", { className: "flex w-full items-start gap-2.5", children: [
+          /* @__PURE__ */ jsx12(
             "span",
             {
               className: "grid size-[30px] shrink-0 place-items-center rounded-full bg-[hsl(var(--muted)/0.55)] text-[hsl(var(--foreground))]",
               "aria-hidden": "true",
-              children: /* @__PURE__ */ jsx11(Bot, { size: 16 })
+              children: /* @__PURE__ */ jsx12(Bot, { size: 16 })
             }
           ),
-          /* @__PURE__ */ jsxs9("div", { className: "min-w-0 flex-1 pt-0.5", children: [
-            /* @__PURE__ */ jsxs9(
+          /* @__PURE__ */ jsxs10("div", { className: "min-w-0 flex-1 pt-0.5", children: [
+            /* @__PURE__ */ jsxs10(
               "button",
               {
                 type: "button",
@@ -3021,14 +3283,14 @@ function AssistantTurnBlock({
                 "data-testid": "assistant-execution-summary",
                 className: "inline-flex min-w-0 max-w-full select-none items-center gap-1 bg-transparent p-0 text-left text-xs leading-[22px] text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))] focus-visible:ring-1 focus-visible:ring-[hsl(var(--ring))] focus:outline-none",
                 children: [
-                  /* @__PURE__ */ jsx11("span", { className: "min-w-0 truncate", children: executionSummaryLabel({
+                  /* @__PURE__ */ jsx12("span", { className: "min-w-0 truncate", children: executionSummaryLabel({
                     messages,
                     isStreaming,
                     durationMs: liveExecutionDurationMs,
                     sessionStatus,
                     askAnswers
                   }) }),
-                  /* @__PURE__ */ jsx11(
+                  /* @__PURE__ */ jsx12(
                     ChevronRight,
                     {
                       size: 14,
@@ -3042,26 +3304,26 @@ function AssistantTurnBlock({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx11("div", { className: "mt-3 h-px w-full bg-[hsl(var(--border)/0.75)]" })
+            /* @__PURE__ */ jsx12("div", { className: "mt-3 h-px w-full bg-[hsl(var(--border)/0.75)]" })
           ] })
         ] }),
-        effectiveMode === "detail" ? /* @__PURE__ */ jsx11("div", { className: "ml-10 flex flex-col gap-3 pt-1", children: messages.map((message, index) => {
+        effectiveMode === "detail" ? /* @__PURE__ */ jsx12("div", { className: "ml-10 flex flex-col gap-3 pt-1", children: messages.map((message, index) => {
           const isLast = index === messages.length - 1;
           const streamingThis = isStreaming && isLast;
           const text = getMessageText(message);
           const toolCalls = (message.tool_calls ?? []).filter(
-            (toolCall) => formatToolName(toolCall.name) !== "AskUserQuestion"
+            (toolCall) => formatToolName(toolCall.name) !== "AskUserQuestion" && !shouldHideToolCall(message, toolCall)
           );
           const orderedParts = getOrderedMessageParts(message, toolCalls);
           const showReasoning = !!message.reasoning && isStreaming && index === latestReasoningIndex;
-          return /* @__PURE__ */ jsxs9(
+          return /* @__PURE__ */ jsxs10(
             "div",
             {
               className: "flex flex-col gap-3",
               children: [
-                showReasoning && message.reasoning ? /* @__PURE__ */ jsx11(ThinkingBlock, { reasoning: message.reasoning, isStreaming: streamingThis && !text }) : null,
+                showReasoning && message.reasoning ? /* @__PURE__ */ jsx12(ThinkingBlock, { reasoning: message.reasoning, isStreaming: streamingThis && !text }) : null,
                 orderedParts.length > 0 ? orderedParts.map(
-                  (part) => part.type === "text" ? /* @__PURE__ */ jsx11(
+                  (part) => part.type === "text" ? /* @__PURE__ */ jsx12(
                     AssistantMessageContent,
                     {
                       message: { ...message, content: part.content, tool_calls: turnToolCalls },
@@ -3070,11 +3332,11 @@ function AssistantTurnBlock({
                       compact: true
                     },
                     part.key
-                  ) : /* @__PURE__ */ jsx11("div", { className: "flex flex-col gap-0.5", children: part.toolCalls.map((toolCall) => {
+                  ) : /* @__PURE__ */ jsx12("div", { className: "flex flex-col gap-0.5", children: part.toolCalls.map((toolCall) => {
                     const custom = toolCallRenderer?.(toolCall);
-                    return custom !== null && custom !== void 0 ? /* @__PURE__ */ jsx11("div", { children: custom }, toolCall.id) : formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx11(AgentLoopBlock, { toolCall }, toolCall.id) : /* @__PURE__ */ jsx11(ExecutionToolRow, { toolCall }, toolCall.id);
+                    return custom !== null && custom !== void 0 ? /* @__PURE__ */ jsx12("div", { children: custom }, toolCall.id) : formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx12(AgentLoopBlock, { toolCall }, toolCall.id) : /* @__PURE__ */ jsx12(ExecutionToolRow, { toolCall }, toolCall.id);
                   }) }, part.key)
-                ) : hasRenderableMessageContent(message) && message !== finalMessage ? /* @__PURE__ */ jsx11(
+                ) : hasRenderableMessageContent(message) && message !== finalMessage ? /* @__PURE__ */ jsx12(
                   AssistantMessageContent,
                   {
                     message,
@@ -3083,16 +3345,16 @@ function AssistantTurnBlock({
                     compact: true
                   }
                 ) : null,
-                orderedParts.length === 0 && toolCalls.length > 0 ? /* @__PURE__ */ jsx11("div", { className: "flex flex-col gap-0.5", children: toolCalls.map((toolCall) => {
+                orderedParts.length === 0 && toolCalls.length > 0 ? /* @__PURE__ */ jsx12("div", { className: "flex flex-col gap-0.5", children: toolCalls.map((toolCall) => {
                   const custom = toolCallRenderer?.(toolCall);
-                  return custom !== null && custom !== void 0 ? /* @__PURE__ */ jsx11("div", { children: custom }, toolCall.id) : formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx11(AgentLoopBlock, { toolCall }, toolCall.id) : /* @__PURE__ */ jsx11(ExecutionToolRow, { toolCall }, toolCall.id);
+                  return custom !== null && custom !== void 0 ? /* @__PURE__ */ jsx12("div", { children: custom }, toolCall.id) : formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx12(AgentLoopBlock, { toolCall }, toolCall.id) : /* @__PURE__ */ jsx12(ExecutionToolRow, { toolCall }, toolCall.id);
                 }) }) : null
               ]
             },
             message.entry_id ?? `${message.timestamp ?? "assistant"}-${index}`
           );
         }) }) : null,
-        finalMessage && (effectiveMode === "compact" || finalOrderedParts.length === 0) ? /* @__PURE__ */ jsx11("div", { className: "ml-10", children: /* @__PURE__ */ jsx11(
+        finalMessage && (effectiveMode === "compact" || finalOrderedParts.length === 0) ? /* @__PURE__ */ jsx12("div", { className: "ml-10", children: /* @__PURE__ */ jsx12(
           AssistantMessageContent,
           {
             message: finalMessage,
@@ -3100,7 +3362,7 @@ function AssistantTurnBlock({
             streaming: isStreaming && finalMessage === messages[messages.length - 1]
           }
         ) }) : null,
-        questionToolCalls.map((toolCall) => /* @__PURE__ */ jsx11(
+        questionToolCalls.map((toolCall) => /* @__PURE__ */ jsx12(
           ToolCallBlock,
           {
             toolCall,
@@ -3125,22 +3387,22 @@ function collectMemoryRefs(messages) {
   return [...refs.values()];
 }
 function MemoryRefsHint({ refs }) {
-  const [expanded, setExpanded] = useState10(false);
+  const [expanded, setExpanded] = useState11(false);
   const label = refs.some((ref) => ref.skill_name) ? "\u53C2\u8003\u4E86\u8BE5\u6280\u80FD\u7684\u5386\u53F2\u7ECF\u9A8C" : "\u53C2\u8003\u4E86\u5386\u53F2\u7ECF\u9A8C";
-  return /* @__PURE__ */ jsxs9("div", { className: "blade-chat-memory-refs ml-1 w-full max-w-[680px]", children: [
-    /* @__PURE__ */ jsxs9("button", { type: "button", onClick: () => setExpanded((value) => !value), className: "inline-flex h-8 items-center gap-1.5 rounded-lg border border-[hsl(var(--primary)/0.22)] bg-[hsl(var(--primary)/0.07)] px-3 text-xs font-medium text-[hsl(var(--primary))]", children: [
-      /* @__PURE__ */ jsx11(BookOpen, { size: 12 }),
-      /* @__PURE__ */ jsxs9("span", { children: [
+  return /* @__PURE__ */ jsxs10("div", { className: "blade-chat-memory-refs ml-1 w-full max-w-[680px]", children: [
+    /* @__PURE__ */ jsxs10("button", { type: "button", onClick: () => setExpanded((value) => !value), className: "inline-flex h-8 items-center gap-1.5 rounded-lg border border-[hsl(var(--primary)/0.22)] bg-[hsl(var(--primary)/0.07)] px-3 text-xs font-medium text-[hsl(var(--primary))]", children: [
+      /* @__PURE__ */ jsx12(BookOpen, { size: 12 }),
+      /* @__PURE__ */ jsxs10("span", { children: [
         label,
         "\uFF08",
         refs.length,
         "\uFF09"
       ] }),
-      /* @__PURE__ */ jsx11(ChevronRight, { size: 10, className: cn("transition-transform", expanded && "rotate-90") })
+      /* @__PURE__ */ jsx12(ChevronRight, { size: 10, className: cn("transition-transform", expanded && "rotate-90") })
     ] }),
-    expanded ? /* @__PURE__ */ jsx11("div", { className: "mt-2 flex flex-col gap-2 rounded-xl border border-[hsl(var(--border)/0.8)] bg-[hsl(var(--muted)/0.28)] p-2.5", children: refs.map((ref) => /* @__PURE__ */ jsxs9("div", { className: "rounded-lg border border-[hsl(var(--border)/0.55)] bg-[hsl(var(--background)/0.72)] px-3 py-2.5 text-xs", children: [
-      /* @__PURE__ */ jsx11("p", { className: "line-clamp-2 break-words leading-5", children: ref.content_preview }),
-      ref.skill_name ? /* @__PURE__ */ jsx11("span", { className: "mt-1 inline-flex text-[10px] text-[hsl(var(--primary))]", children: ref.skill_name }) : null
+    expanded ? /* @__PURE__ */ jsx12("div", { className: "mt-2 flex flex-col gap-2 rounded-xl border border-[hsl(var(--border)/0.8)] bg-[hsl(var(--muted)/0.28)] p-2.5", children: refs.map((ref) => /* @__PURE__ */ jsxs10("div", { className: "rounded-lg border border-[hsl(var(--border)/0.55)] bg-[hsl(var(--background)/0.72)] px-3 py-2.5 text-xs", children: [
+      /* @__PURE__ */ jsx12("p", { className: "line-clamp-2 break-words leading-5", children: ref.content_preview }),
+      ref.skill_name ? /* @__PURE__ */ jsx12("span", { className: "mt-1 inline-flex text-[10px] text-[hsl(var(--primary))]", children: ref.skill_name }) : null
     ] }, ref.id)) }) : null
   ] });
 }
@@ -3154,15 +3416,15 @@ function AssistantMessageContent({
   const imageParts = getImageParts(message.content);
   const fileParts = getFileParts(message.content);
   const failed = message.status === "failed";
-  const failedBadge = failed ? /* @__PURE__ */ jsx11("div", { className: "w-fit rounded-full border border-red-500/30 bg-red-500/10 px-2.5 py-1 text-[10px] font-medium text-red-400", children: "\u751F\u6210\u5931\u8D25" }) : null;
-  const textContent = text ? /* @__PURE__ */ jsx11(
+  const failedBadge = failed ? /* @__PURE__ */ jsx12("div", { className: "w-fit rounded-full border border-red-500/30 bg-red-500/10 px-2.5 py-1 text-[10px] font-medium text-red-400", children: "\u751F\u6210\u5931\u8D25" }) : null;
+  const textContent = text ? /* @__PURE__ */ jsx12(
     "div",
     {
       className: cn(
         "blade-chat-assistant-text",
         compact ? "text-xs leading-[22px] text-[hsl(var(--foreground))]" : "text-[15px] leading-8 text-[hsl(var(--foreground))]"
       ),
-      children: /* @__PURE__ */ jsx11(
+      children: /* @__PURE__ */ jsx12(
         MarkdownContent,
         {
           mode: streaming ? "streaming" : "static",
@@ -3175,14 +3437,14 @@ function AssistantMessageContent({
   ) : null;
   if (imageParts.length === 0 && fileParts.length === 0) {
     if (!failed) return textContent;
-    return failedBadge || textContent ? /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-2", children: [
+    return failedBadge || textContent ? /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-2", children: [
       failedBadge,
       textContent
     ] }) : null;
   }
-  return /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-3", children: [
+  return /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-3", children: [
     failedBadge,
-    imageParts.length > 0 ? /* @__PURE__ */ jsx11("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx11(
+    imageParts.length > 0 ? /* @__PURE__ */ jsx12("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx12(
       "img",
       {
         src: part.image_url.url,
@@ -3191,14 +3453,14 @@ function AssistantMessageContent({
       },
       part.image_url.url
     )) }) : null,
-    fileParts.length > 0 ? /* @__PURE__ */ jsx11("div", { className: "flex flex-wrap gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs9(
+    fileParts.length > 0 ? /* @__PURE__ */ jsx12("div", { className: "flex flex-wrap gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs10(
       "div",
       {
         className: "flex min-w-0 items-center gap-1.5 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.3)] px-2.5 py-1.5 text-xs text-[hsl(var(--muted-foreground))]",
         title: part.name,
         children: [
-          /* @__PURE__ */ jsx11(FileText, { size: 12, className: "shrink-0" }),
-          /* @__PURE__ */ jsx11("span", { className: "max-w-56 truncate", children: part.name })
+          /* @__PURE__ */ jsx12(FileText, { size: 12, className: "shrink-0" }),
+          /* @__PURE__ */ jsx12("span", { className: "max-w-56 truncate", children: part.name })
         ]
       },
       `${part.name}-${part.data.slice(0, 32)}`
@@ -3209,7 +3471,7 @@ function AssistantMessageContent({
 
 // src/components/RenderErrorBoundary.tsx
 import { Component } from "react";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function getFirstComponentName(componentStack) {
   const match = componentStack.match(/\n\s+at\s+([^\s(]+)/);
   return match?.[1] ?? null;
@@ -3242,26 +3504,26 @@ var RenderErrorBoundary = class extends Component {
       return children;
     }
     const componentName = getFirstComponentName(componentStack);
-    return /* @__PURE__ */ jsx12("div", { className: "blade-chat-render-error rounded-xl border border-amber-500/30 bg-amber-500/8 px-4 py-3 text-sm text-amber-100", children: /* @__PURE__ */ jsxs10("div", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ jsx12(TriangleAlert, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
-      /* @__PURE__ */ jsxs10("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs10("div", { className: "font-medium", children: [
+    return /* @__PURE__ */ jsx13("div", { className: "blade-chat-render-error rounded-xl border border-amber-500/30 bg-amber-500/8 px-4 py-3 text-sm text-amber-100", children: /* @__PURE__ */ jsxs11("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx13(TriangleAlert, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
+      /* @__PURE__ */ jsxs11("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "font-medium", children: [
           label,
           "\u6E32\u67D3\u5931\u8D25"
         ] }),
-        /* @__PURE__ */ jsxs10("div", { className: "mt-1 break-words text-xs leading-5 text-amber-100/75", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "mt-1 break-words text-xs leading-5 text-amber-100/75", children: [
           componentName ? `\u7EC4\u4EF6\uFF1A${componentName}\u3002` : null,
           error.message || "\u53D1\u751F\u4E86\u672A\u9884\u671F\u7684\u6E32\u67D3\u9519\u8BEF\u3002"
         ] }),
-        details ? /* @__PURE__ */ jsx12("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
+        details ? /* @__PURE__ */ jsx13("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
       ] })
     ] }) });
   }
 };
 
 // src/components/PostChatFollowupBlock.tsx
-import { useCallback as useCallback6, useEffect as useEffect9, useRef as useRef10, useState as useState11 } from "react";
-import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { useCallback as useCallback6, useEffect as useEffect10, useRef as useRef11, useState as useState12 } from "react";
+import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function emitInteraction(callback, event) {
   try {
     callback?.(event);
@@ -3280,10 +3542,10 @@ function ArtifactCard({
   onArtifactOpened
 }) {
   const client = useBladeClient();
-  const [downloading, setDownloading] = useState11(false);
+  const [downloading, setDownloading] = useState12(false);
   const name = artifact.label || basename(artifact.target);
   if (artifact.kind === "link") {
-    return /* @__PURE__ */ jsxs11(
+    return /* @__PURE__ */ jsxs12(
       "a",
       {
         href: artifact.target,
@@ -3294,9 +3556,9 @@ function ArtifactCard({
 ${artifact.target}`,
         className: "group relative flex min-w-0 items-center gap-1.5 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-2 py-1.5 text-xs text-[hsl(var(--card-foreground))] hover:bg-[hsl(var(--accent))]",
         children: [
-          /* @__PURE__ */ jsx13(Globe, { size: 15, className: "shrink-0 text-[hsl(var(--primary))]" }),
-          /* @__PURE__ */ jsx13("span", { className: "min-w-0 flex-1 truncate font-medium", children: name }),
-          /* @__PURE__ */ jsx13(ArrowUpRight, { size: 13, className: "absolute right-2 opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100" })
+          /* @__PURE__ */ jsx14(Globe, { size: 15, className: "shrink-0 text-[hsl(var(--primary))]" }),
+          /* @__PURE__ */ jsx14("span", { className: "min-w-0 flex-1 truncate font-medium", children: name }),
+          /* @__PURE__ */ jsx14(ArrowUpRight, { size: 13, className: "absolute right-2 opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100" })
         ]
       }
     );
@@ -3331,7 +3593,7 @@ ${artifact.target}`,
       setDownloading(false);
     }
   };
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "a",
     {
       href: downloadUrl,
@@ -3359,17 +3621,17 @@ function feedbackReasonLabel(reason) {
 }
 function HistoricalResultFeedback({ feedback }) {
   const label = feedbackReasonLabel(feedback.reason);
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "section",
     {
       "aria-label": "\u5386\u53F2\u7ED3\u679C\u53CD\u9988",
       className: "mt-3 w-fit max-w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.2)] px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]",
       children: [
-        /* @__PURE__ */ jsxs11("span", { children: [
+        /* @__PURE__ */ jsxs12("span", { children: [
           "\u4F60\u5BF9\u6B64\u8F6E\u7ED3\u679C\u7684\u8BC4\u4EF7\uFF1A",
           feedback.helpful ? "\u6709\u5E2E\u52A9" : "\u6CA1\u5E2E\u52A9"
         ] }),
-        label ? /* @__PURE__ */ jsxs11("span", { children: [
+        label ? /* @__PURE__ */ jsxs12("span", { children: [
           " \xB7 ",
           label
         ] }) : null
@@ -3386,15 +3648,15 @@ function ResultFeedback({
   onFeedbackSaved
 }) {
   const client = useBladeClient();
-  const [saved, setSaved] = useState11(savedFeedback ?? null);
-  const [helpful, setHelpful] = useState11(savedFeedback?.helpful ?? null);
-  const [reason, setReason] = useState11(savedFeedback?.reason ?? null);
-  const [saving, setSaving] = useState11(false);
-  const [saveError, setSaveError] = useState11(false);
-  const reportedShown = useRef10(false);
-  const latestChoice = useRef10(null);
+  const [saved, setSaved] = useState12(savedFeedback ?? null);
+  const [helpful, setHelpful] = useState12(savedFeedback?.helpful ?? null);
+  const [reason, setReason] = useState12(savedFeedback?.reason ?? null);
+  const [saving, setSaving] = useState12(false);
+  const [saveError, setSaveError] = useState12(false);
+  const reportedShown = useRef11(false);
+  const latestChoice = useRef11(null);
   const eligible = followup.feedback_eligible === true && Boolean(sessionId) && !isViewer;
-  useEffect9(() => {
+  useEffect10(() => {
     if (!eligible || reportedShown.current) return;
     reportedShown.current = true;
     emitInteraction(onInteraction, {
@@ -3403,7 +3665,7 @@ function ResultFeedback({
       assistantEntryId: followup.assistant_entry_id
     });
   }, [eligible, followup.assistant_entry_id, onInteraction, sessionId]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!savedFeedback || latestChoice.current) return;
     setSaved(savedFeedback);
     setHelpful(savedFeedback.helpful);
@@ -3444,15 +3706,15 @@ function ResultFeedback({
     [client, followup.assistant_entry_id, onFeedbackSaved, onInteraction, sessionId]
   );
   if (!eligible) return null;
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "section",
     {
       "aria-label": "\u7ED3\u679C\u53CD\u9988",
       className: "flex flex-col gap-2 border-t border-[hsl(var(--border))] pt-3",
       children: [
-        /* @__PURE__ */ jsx13("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u76EE\u524D\u7684\u6574\u4F53\u7ED3\u679C\u6709\u5E2E\u52A9\u5417\uFF1F" }),
-        /* @__PURE__ */ jsxs11("div", { className: "flex flex-wrap gap-1.5", children: [
-          /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u76EE\u524D\u7684\u6574\u4F53\u7ED3\u679C\u6709\u5E2E\u52A9\u5417\uFF1F" }),
+        /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap gap-1.5", children: [
+          /* @__PURE__ */ jsx14(
             "button",
             {
               type: "button",
@@ -3463,7 +3725,7 @@ function ResultFeedback({
               children: "\u6709\u5E2E\u52A9"
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             "button",
             {
               type: "button",
@@ -3475,7 +3737,7 @@ function ResultFeedback({
             }
           )
         ] }),
-        helpful === false ? /* @__PURE__ */ jsx13("div", { className: "flex flex-wrap gap-1.5", "aria-label": "\u6CA1\u5E2E\u52A9\u7684\u4E3B\u8981\u539F\u56E0", children: FEEDBACK_REASONS.map((item) => /* @__PURE__ */ jsx13(
+        helpful === false ? /* @__PURE__ */ jsx14("div", { className: "flex flex-wrap gap-1.5", "aria-label": "\u6CA1\u5E2E\u52A9\u7684\u4E3B\u8981\u539F\u56E0", children: FEEDBACK_REASONS.map((item) => /* @__PURE__ */ jsx14(
           "button",
           {
             type: "button",
@@ -3487,9 +3749,9 @@ function ResultFeedback({
           },
           item.value
         )) }) : null,
-        saveError ? /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 text-xs text-[hsl(var(--destructive))]", children: [
-          /* @__PURE__ */ jsx13("span", { children: "\u53CD\u9988\u6682\u672A\u4FDD\u5B58\uFF0C\u53EF\u91CD\u8BD5" }),
-          /* @__PURE__ */ jsx13(
+        saveError ? /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 text-xs text-[hsl(var(--destructive))]", children: [
+          /* @__PURE__ */ jsx14("span", { children: "\u53CD\u9988\u6682\u672A\u4FDD\u5B58\uFF0C\u53EF\u91CD\u8BD5" }),
+          /* @__PURE__ */ jsx14(
             "button",
             {
               type: "button",
@@ -3501,7 +3763,7 @@ function ResultFeedback({
               children: "\u91CD\u8BD5"
             }
           )
-        ] }) : saved ? /* @__PURE__ */ jsx13("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u5DF2\u4FDD\u5B58\uFF0C\u53EF\u968F\u65F6\u4FEE\u6539" }) : null
+        ] }) : saved ? /* @__PURE__ */ jsx14("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u5DF2\u4FDD\u5B58\uFF0C\u53EF\u968F\u65F6\u4FEE\u6539" }) : null
       ]
     }
   );
@@ -3515,14 +3777,14 @@ function PostChatFollowupBlock({
   savedFeedback,
   onFeedbackSaved
 }) {
-  const [expanded, setExpanded] = useState11(false);
-  const adopted = useRef10(/* @__PURE__ */ new Set());
-  const reportedSuggestions = useRef10(false);
-  const reportedArtifacts = useRef10(/* @__PURE__ */ new Set());
-  const openedArtifacts = useRef10(/* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = useState12(false);
+  const adopted = useRef11(/* @__PURE__ */ new Set());
+  const reportedSuggestions = useRef11(false);
+  const reportedArtifacts = useRef11(/* @__PURE__ */ new Set());
+  const openedArtifacts = useRef11(/* @__PURE__ */ new Set());
   const artifacts = followup.final_artifacts ?? [];
   const visibleArtifacts = expanded ? artifacts : artifacts.slice(0, 3);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!reportedSuggestions.current && followup.suggestions.length > 0) {
       reportedSuggestions.current = true;
       emitInteraction(onInteraction, {
@@ -3568,15 +3830,15 @@ function PostChatFollowupBlock({
   );
   if (!followup.recaption && artifacts.length === 0 && followup.suggestions.length === 0 && !followup.feedback_eligible)
     return null;
-  return /* @__PURE__ */ jsxs11("div", { className: "mt-3 flex w-fit max-w-full flex-col gap-3 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.28)] p-3 sm:max-w-[680px]", children: [
-    followup.recaption || artifacts.length > 0 ? /* @__PURE__ */ jsxs11("section", { "aria-label": "\u672C\u8F6E\u5C0F\u7ED3", className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-1.5 text-xs font-medium text-[hsl(var(--muted-foreground))]", children: [
-        /* @__PURE__ */ jsx13(Sparkles, { size: 14 }),
+  return /* @__PURE__ */ jsxs12("div", { className: "mt-3 flex w-fit max-w-full flex-col gap-3 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.28)] p-3 sm:max-w-[680px]", children: [
+    followup.recaption || artifacts.length > 0 ? /* @__PURE__ */ jsxs12("section", { "aria-label": "\u672C\u8F6E\u5C0F\u7ED3", className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1.5 text-xs font-medium text-[hsl(var(--muted-foreground))]", children: [
+        /* @__PURE__ */ jsx14(Sparkles, { size: 14 }),
         "\u672C\u8F6E\u5C0F\u7ED3"
       ] }),
-      followup.recaption ? /* @__PURE__ */ jsx13("p", { className: "text-[13px] leading-5", children: followup.recaption }) : null,
-      artifacts.length > 0 ? /* @__PURE__ */ jsxs11(Fragment2, { children: [
-        /* @__PURE__ */ jsx13("div", { className: "grid max-w-full grid-cols-3 gap-1.5", children: visibleArtifacts.map((artifact, artifactIndex) => /* @__PURE__ */ jsx13(
+      followup.recaption ? /* @__PURE__ */ jsx14("p", { className: "text-[13px] leading-5", children: followup.recaption }) : null,
+      artifacts.length > 0 ? /* @__PURE__ */ jsxs12(Fragment2, { children: [
+        /* @__PURE__ */ jsx14("div", { className: "grid max-w-full grid-cols-3 gap-1.5", children: visibleArtifacts.map((artifact, artifactIndex) => /* @__PURE__ */ jsx14(
           ArtifactCard,
           {
             artifact,
@@ -3588,7 +3850,7 @@ function PostChatFollowupBlock({
           },
           `${artifact.kind}:${artifactIndex}`
         )) }),
-        artifacts.length > 3 ? /* @__PURE__ */ jsxs11(
+        artifacts.length > 3 ? /* @__PURE__ */ jsxs12(
           "button",
           {
             type: "button",
@@ -3597,15 +3859,15 @@ function PostChatFollowupBlock({
             className: "flex w-fit items-center gap-0.5 text-[11px] text-[hsl(var(--muted-foreground))]",
             children: [
               expanded ? "\u6536\u8D77" : `\u5C55\u5F00 ${artifacts.length - 3} \u4E2A`,
-              /* @__PURE__ */ jsx13(ChevronDown, { size: 13, className: expanded ? "rotate-180" : void 0 })
+              /* @__PURE__ */ jsx14(ChevronDown, { size: 13, className: expanded ? "rotate-180" : void 0 })
             ]
           }
         ) : null
       ] }) : null
     ] }) : null,
-    followup.suggestions.length > 0 ? /* @__PURE__ */ jsxs11("section", { "aria-label": "\u4E0B\u4E00\u6B65\u5EFA\u8BAE", className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ jsx13("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u4E0B\u4E00\u6B65\u53EF\u4EE5" }),
-      followup.suggestions.map((suggestion, suggestionIndex) => /* @__PURE__ */ jsxs11(
+    followup.suggestions.length > 0 ? /* @__PURE__ */ jsxs12("section", { "aria-label": "\u4E0B\u4E00\u6B65\u5EFA\u8BAE", className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx14("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u4E0B\u4E00\u6B65\u53EF\u4EE5" }),
+      followup.suggestions.map((suggestion, suggestionIndex) => /* @__PURE__ */ jsxs12(
         "button",
         {
           type: "button",
@@ -3624,14 +3886,14 @@ function PostChatFollowupBlock({
           },
           className: "group flex items-center gap-2 rounded-xl bg-[hsl(var(--muted)/0.62)] px-3 py-2 text-left text-[13px] disabled:cursor-default disabled:opacity-60",
           children: [
-            /* @__PURE__ */ jsx13("span", { children: suggestion }),
-            /* @__PURE__ */ jsx13(ArrowRight, { size: 14, className: "ml-auto shrink-0" })
+            /* @__PURE__ */ jsx14("span", { children: suggestion }),
+            /* @__PURE__ */ jsx14(ArrowRight, { size: 14, className: "ml-auto shrink-0" })
           ]
         },
         suggestion
       ))
     ] }) : null,
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       ResultFeedback,
       {
         followup,
@@ -3652,7 +3914,85 @@ import {
   getImageParts as getImageParts2,
   getTextContent as getTextContent2
 } from "@blade-hq/agent-client";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+
+// src/lib/whatif-prompt.ts
+var HEADER_RE = /^以下消息和 step 产物标记为 deprecated_by_rerun，请基于最新用户假设从 step(\d+) 开始完整重新推演，不要复用旧结论。$/;
+var QUOTE_HEADER_RE = /^\[步骤(\d+)\s*·\s*(.+?)\]$/;
+var USER_INPUT_TAG = "[\u7528\u6237\u8F93\u5165]";
+function parseWhatIfPrompt(text) {
+  const lines = text.replace(/\r\n/g, "\n").trimEnd().split("\n");
+  const headerMatch = lines[0]?.match(HEADER_RE);
+  if (!headerMatch) return null;
+  const userTagIdx = lines.indexOf(USER_INPUT_TAG);
+  const hasUserTag = userTagIdx >= 0;
+  const quoteBlockEndExclusive = hasUserTag ? userTagIdx : lines.length;
+  const quoteHeaderIdxs = [];
+  let quoteBlockFound = false;
+  for (let i = 1; i < quoteBlockEndExclusive; i++) {
+    if (!quoteBlockFound && lines[i].trim() === "[\u5F15\u7528]") {
+      quoteBlockFound = true;
+    } else if (quoteBlockFound && QUOTE_HEADER_RE.test(lines[i])) {
+      quoteHeaderIdxs.push(i);
+    }
+  }
+  let legacyUserTextStart = -1;
+  if (!hasUserTag && quoteHeaderIdxs.length > 0) {
+    const lastSnapshotStart = quoteHeaderIdxs.at(-1) + 1;
+    let i = lines.length - 1;
+    while (i >= lastSnapshotStart && lines[i].trim() === "") i -= 1;
+    while (i >= lastSnapshotStart && lines[i].trim() !== "") i -= 1;
+    if (i >= lastSnapshotStart) legacyUserTextStart = i + 1;
+  }
+  const quotes = quoteHeaderIdxs.map((headerIdx, index) => {
+    const match = lines[headerIdx].match(QUOTE_HEADER_RE);
+    const nextHeader = quoteHeaderIdxs[index + 1];
+    const end = nextHeader ?? (legacyUserTextStart >= 0 ? legacyUserTextStart : quoteBlockEndExclusive);
+    const snapshotLines = lines.slice(headerIdx + 1, end);
+    while (snapshotLines.at(-1)?.trim() === "") snapshotLines.pop();
+    return {
+      stepNumber: Number.parseInt(match[1], 10),
+      label: match[2].trim(),
+      snapshot: snapshotLines.join("\n")
+    };
+  });
+  const userTextStart = hasUserTag ? userTagIdx + 1 : legacyUserTextStart;
+  const userLines = userTextStart >= 0 ? lines.slice(userTextStart) : [];
+  while (userLines[0]?.trim() === "") userLines.shift();
+  while (userLines.at(-1)?.trim() === "") userLines.pop();
+  const fromStep = Number.parseInt(headerMatch[1], 10);
+  return {
+    fromStep: Number.isFinite(fromStep) ? fromStep : null,
+    quotes,
+    userText: userLines.join("\n")
+  };
+}
+
+// src/components/WhatIfUserBubble.tsx
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+function WhatIfUserBubble({ parsed, onQuoteClick }) {
+  const { fromStep, quotes, userText } = parsed;
+  return /* @__PURE__ */ jsxs13("div", { className: "flex flex-col items-end gap-2", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-1.5 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.5)] px-2.5 py-0.5 text-[10px] text-[hsl(var(--muted-foreground))]", children: [
+      /* @__PURE__ */ jsx15(RefreshCcw, { size: 10 }),
+      /* @__PURE__ */ jsx15("span", { children: fromStep != null ? `\u91CD\u8DD1\u81EA step ${fromStep}` : "\u91CD\u8DD1" })
+    ] }),
+    quotes.length > 0 && /* @__PURE__ */ jsx15("div", { className: "flex max-w-[min(72vw,42rem)] flex-col items-stretch gap-2", children: quotes.map((quote, index) => {
+      const clickable = quote.stepNumber != null && !!onQuoteClick;
+      const label = quote.stepNumber != null ? `\u6B65\u9AA4${quote.stepNumber} \xB7 ${quote.label}` : quote.label;
+      return /* @__PURE__ */ jsxs13("div", { className: "rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card)/0.8)] px-3 py-2 text-left", children: [
+        /* @__PURE__ */ jsxs13("button", { type: "button", disabled: !clickable, onClick: () => clickable && onQuoteClick(quote.stepNumber), className: "inline-flex max-w-full items-center gap-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))] disabled:cursor-default", title: clickable ? "\u8DF3\u8F6C\u5230\u5BF9\u5E94\u6B65\u9AA4\u5361\u7247" : void 0, children: [
+          /* @__PURE__ */ jsx15("span", { children: "\u21B3" }),
+          /* @__PURE__ */ jsx15("span", { className: "truncate", children: label })
+        ] }),
+        quote.snapshot ? /* @__PURE__ */ jsx15("div", { className: "mt-1 border-l-2 border-[hsl(var(--accent-foreground)/0.35)] pl-2 text-xs leading-relaxed text-[hsl(var(--foreground)/0.8)]", children: /* @__PURE__ */ jsx15(MarkdownContent, { className: "blade-chat-prose", children: quote.snapshot }) }) : null
+      ] }, `${quote.stepNumber ?? "x"}-${index}`);
+    }) }),
+    userText && /* @__PURE__ */ jsx15("div", { className: "rounded-2xl border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-4 py-2.5 text-sm leading-relaxed text-[hsl(var(--user-msg-fg))]", children: /* @__PURE__ */ jsx15(MarkdownContent, { className: "blade-chat-prose", children: userText }) })
+  ] });
+}
+
+// src/components/UserMessageBubble.tsx
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function isUserMessage(message) {
   return message.role === "user";
 }
@@ -3664,8 +4004,12 @@ function UserMessageBubble({ message, className }) {
   const text = getTextContent2(message.content).trim();
   const fileParts = getFileParts2(message.content);
   const imageParts = getImageParts2(message.content);
-  return /* @__PURE__ */ jsx14("div", { className: cn("blade-chat-user-row flex justify-end", className), children: /* @__PURE__ */ jsxs12("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: [
-    imageParts.length > 0 && /* @__PURE__ */ jsx14("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx14(
+  const whatifParsed = text && imageParts.length === 0 && fileParts.length === 0 ? parseWhatIfPrompt(text) : null;
+  if (whatifParsed) {
+    return /* @__PURE__ */ jsx16("div", { className: cn("blade-chat-user-row flex justify-end", className), children: /* @__PURE__ */ jsx16("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: /* @__PURE__ */ jsx16(WhatIfUserBubble, { parsed: whatifParsed }) }) });
+  }
+  return /* @__PURE__ */ jsx16("div", { className: cn("blade-chat-user-row flex justify-end", className), children: /* @__PURE__ */ jsxs14("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: [
+    imageParts.length > 0 && /* @__PURE__ */ jsx16("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx16(
       "img",
       {
         src: part.image_url.url,
@@ -3674,21 +4018,21 @@ function UserMessageBubble({ message, className }) {
       },
       part.image_url.url
     )) }),
-    fileParts.length > 0 && /* @__PURE__ */ jsx14("div", { className: "flex flex-col items-end gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs12(
+    fileParts.length > 0 && /* @__PURE__ */ jsx16("div", { className: "flex flex-col items-end gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs14(
       "div",
       {
         className: "flex items-center gap-1.5 rounded-lg border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--muted)/0.3)] px-2.5 py-1.5 text-xs text-[hsl(var(--muted-foreground))]",
         children: [
-          /* @__PURE__ */ jsx14(FileText, { size: 12, className: "shrink-0" }),
-          /* @__PURE__ */ jsx14("span", { className: "max-w-56 truncate", title: part.name, children: part.name })
+          /* @__PURE__ */ jsx16(FileText, { size: 12, className: "shrink-0" }),
+          /* @__PURE__ */ jsx16("span", { className: "max-w-56 truncate", title: part.name, children: part.name })
         ]
       },
       `${part.name}-${part.data.length}`
     )) }),
-    text && /* @__PURE__ */ jsx14("div", { className: "blade-chat-user-bubble max-w-full rounded-[20px] rounded-br-[6px] border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-[18px] py-[13px] text-sm leading-[1.65] text-[hsl(var(--user-msg-fg))]", children: /* @__PURE__ */ jsx14(MarkdownContent, { className: "blade-chat-prose", children: text }) }),
-    text && isSending(message) && /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1 pr-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))/0.85]", children: [
-      /* @__PURE__ */ jsx14(LoaderCircle, { size: 11, className: "animate-spin", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx14("span", { children: "\u53D1\u9001\u4E2D" })
+    text && /* @__PURE__ */ jsx16("div", { className: "blade-chat-user-bubble max-w-full rounded-[20px] rounded-br-[6px] border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-[18px] py-[13px] text-sm leading-[1.65] text-[hsl(var(--user-msg-fg))]", children: /* @__PURE__ */ jsx16(MarkdownContent, { className: "blade-chat-prose", children: text }) }),
+    text && isSending(message) && /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-1 pr-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))/0.85]", children: [
+      /* @__PURE__ */ jsx16(LoaderCircle, { size: 11, className: "animate-spin", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx16("span", { children: "\u53D1\u9001\u4E2D" })
     ] })
   ] }) });
 }
@@ -3697,11 +4041,11 @@ function ErrorMessageBlock({
   className
 }) {
   const text = chatErrorForDisplay(getTextContent2(message.content));
-  return /* @__PURE__ */ jsx14("div", { className: cn("blade-chat-error-row flex min-w-0 justify-start", className), children: /* @__PURE__ */ jsx14("div", { className: "blade-chat-error-block min-w-0 max-w-full whitespace-pre-wrap break-words border-l-[3px] border-[hsl(var(--border))] px-3 py-1 text-left text-sm leading-7 text-[hsl(var(--muted-foreground))] [overflow-wrap:anywhere]", children: text }) });
+  return /* @__PURE__ */ jsx16("div", { className: cn("blade-chat-error-row flex min-w-0 justify-start", className), children: /* @__PURE__ */ jsx16("div", { className: "blade-chat-error-block min-w-0 max-w-full whitespace-pre-wrap break-words border-l-[3px] border-[hsl(var(--border))] px-3 py-1 text-left text-sm leading-7 text-[hsl(var(--muted-foreground))] [overflow-wrap:anywhere]", children: text }) });
 }
 
 // src/components/MessageList.tsx
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function parseModeChange(message) {
   if (message.kind !== "mode_change" || typeof message.content !== "string") {
     return null;
@@ -3742,6 +4086,7 @@ function MessageList({
   askAnswers,
   onAnswer,
   toolCallRenderer,
+  hidePlanUpdateTools = false,
   emptyState,
   className,
   sessionId,
@@ -3827,23 +4172,23 @@ function MessageList({
     }
     return blocks;
   }, [messages, isStreaming]);
-  return /* @__PURE__ */ jsxs13("div", { className: cn("blade-chat-messages relative min-h-0 flex-1", className), children: [
-    isStreaming ? /* @__PURE__ */ jsx15("output", { className: "sr-only", children: "\u6B63\u5728\u751F\u6210\u56DE\u590D" }) : null,
-    /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs15("div", { className: cn("blade-chat-messages relative min-h-0 flex-1", className), children: [
+    isStreaming ? /* @__PURE__ */ jsx17("output", { className: "sr-only", children: "\u6B63\u5728\u751F\u6210\u56DE\u590D" }) : null,
+    /* @__PURE__ */ jsxs15(
       StickToBottom,
       {
         className: "h-full overflow-y-hidden",
         initial: "instant",
         resize: "instant",
         children: [
-          /* @__PURE__ */ jsx15(StickToBottom.Content, { className: "blade-chat-messages-scroll", children: /* @__PURE__ */ jsx15("div", { className: "blade-chat-messages-content mx-auto max-w-[748px]", children: /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 flex-col", children: [
-            renderBlocks.length === 0 ? emptyState ?? /* @__PURE__ */ jsxs13("div", { className: "blade-chat-empty", children: [
-              /* @__PURE__ */ jsx15(MessageSquare, { size: 40, strokeWidth: 1.5 }),
-              /* @__PURE__ */ jsx15("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
-              /* @__PURE__ */ jsx15("span", { className: "text-sm opacity-60", children: "\u5728\u4E0B\u65B9\u8F93\u5165\u6D88\u606F\u5F00\u59CB\u804A\u5929" })
+          /* @__PURE__ */ jsx17(StickToBottom.Content, { className: "blade-chat-messages-scroll", children: /* @__PURE__ */ jsx17("div", { className: "blade-chat-messages-content mx-auto max-w-[748px]", children: /* @__PURE__ */ jsxs15("div", { className: "flex min-w-0 flex-col", children: [
+            renderBlocks.length === 0 ? emptyState ?? /* @__PURE__ */ jsxs15("div", { className: "blade-chat-empty", children: [
+              /* @__PURE__ */ jsx17(MessageSquare, { size: 40, strokeWidth: 1.5 }),
+              /* @__PURE__ */ jsx17("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
+              /* @__PURE__ */ jsx17("span", { className: "text-sm opacity-60", children: "\u5728\u4E0B\u65B9\u8F93\u5165\u6D88\u606F\u5F00\u59CB\u804A\u5929" })
             ] }) : renderBlocks.map((block) => {
               if (block.type === "message") {
-                return /* @__PURE__ */ jsx15("div", { "data-entry-id": block.message.entry_id, children: isUserMessage(block.message) ? /* @__PURE__ */ jsx15(UserMessageBubble, { message: block.message }) : isErrorMessage(block.message) ? /* @__PURE__ */ jsx15(ErrorMessageBlock, { message: block.message }) : null }, block.key);
+                return /* @__PURE__ */ jsx17("div", { "data-entry-id": block.message.entry_id, children: isUserMessage(block.message) ? /* @__PURE__ */ jsx17(UserMessageBubble, { message: block.message }) : isErrorMessage(block.message) ? /* @__PURE__ */ jsx17(ErrorMessageBlock, { message: block.message }) : null }, block.key);
               }
               if (block.type === "assistant_turn") {
                 const blockFeedback = block.messages.map(
@@ -3854,14 +4199,14 @@ function MessageList({
                     (message) => message.entry_id === postChatFollowup.assistant_entry_id
                   )
                 );
-                return /* @__PURE__ */ jsx15("div", { "data-entry-id": block.messages[0]?.entry_id, children: /* @__PURE__ */ jsxs13(
+                return /* @__PURE__ */ jsx17("div", { "data-entry-id": block.messages[0]?.entry_id, children: /* @__PURE__ */ jsxs15(
                   RenderErrorBoundary,
                   {
                     label: "\u52A9\u624B\u6D88\u606F",
                     details: block.key,
                     resetKey: getMessageResetSignature(block.messages),
                     children: [
-                      /* @__PURE__ */ jsx15(
+                      /* @__PURE__ */ jsx17(
                         AssistantTurnBlock,
                         {
                           messages: block.messages,
@@ -3870,11 +4215,12 @@ function MessageList({
                           onAnswer,
                           sessionStatus,
                           toolCallRenderer,
+                          hidePlanUpdateTools,
                           sessionId
                         }
                       ),
-                      blockFeedback && !hasActiveFollowup ? /* @__PURE__ */ jsx15(HistoricalResultFeedback, { feedback: blockFeedback }) : null,
-                      hasActiveFollowup && postChatFollowup ? /* @__PURE__ */ jsx15(
+                      blockFeedback && !hasActiveFollowup ? /* @__PURE__ */ jsx17(HistoricalResultFeedback, { feedback: blockFeedback }) : null,
+                      hasActiveFollowup && postChatFollowup ? /* @__PURE__ */ jsx17(
                         PostChatFollowupBlock,
                         {
                           followup: postChatFollowup,
@@ -3891,23 +4237,23 @@ function MessageList({
                 ) }, block.key);
               }
               if (block.type === "compaction") {
-                return /* @__PURE__ */ jsxs13(
+                return /* @__PURE__ */ jsxs15(
                   "div",
                   {
                     className: "flex items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]",
                     children: [
-                      /* @__PURE__ */ jsx15(Layers, { size: 12 }),
-                      /* @__PURE__ */ jsx15("span", { children: "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
+                      /* @__PURE__ */ jsx17(Layers, { size: 12 }),
+                      /* @__PURE__ */ jsx17("span", { children: "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
                     ]
                   },
                   block.key
                 );
               }
-              return /* @__PURE__ */ jsx15(PlanningDivider, { kind: block.kind }, block.key);
+              return /* @__PURE__ */ jsx17(PlanningDivider, { kind: block.kind }, block.key);
             }),
-            sessionStatus === "interrupted" && !isStreaming ? /* @__PURE__ */ jsx15("div", { className: "flex", children: /* @__PURE__ */ jsx15("div", { className: "rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.12em] text-amber-300", children: "\u5DF2\u4E2D\u65AD" }) }) : null
+            sessionStatus === "interrupted" && !isStreaming ? /* @__PURE__ */ jsx17("div", { className: "flex", children: /* @__PURE__ */ jsx17("div", { className: "rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.12em] text-amber-300", children: "\u5DF2\u4E2D\u65AD" }) }) : null
           ] }) }) }),
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx17(
             PinLatestUserMessage,
             {
               userMessageCount: userMessages.length,
@@ -3916,7 +4262,7 @@ function MessageList({
             },
             sessionId ?? "no-session"
           ),
-          /* @__PURE__ */ jsx15(ScrollToBottomButton, {})
+          /* @__PURE__ */ jsx17(ScrollToBottomButton, {})
         ]
       },
       sessionId ?? "no-session"
@@ -3929,8 +4275,8 @@ function PinLatestUserMessage({
   targetKey
 }) {
   const { contentRef, scrollRef, scrollToBottom, stopScroll } = useStickToBottomContext();
-  const previousCountRef = useRef11(userMessageCount);
-  const spacerHeightRef = useRef11(0);
+  const previousCountRef = useRef12(userMessageCount);
+  const spacerHeightRef = useRef12(0);
   const getScrollElement = useCallback7(() => scrollRef.current, [scrollRef]);
   const getContentElement = useCallback7(() => contentRef.current, [contentRef]);
   const getTargetElement = useCallback7(() => {
@@ -3959,7 +4305,7 @@ function PinLatestUserMessage({
     stopAutoScroll: stopScroll,
     scrollToBottom
   });
-  useEffect10(() => {
+  useEffect11(() => {
     if (userMessageCount > previousCountRef.current && !shouldPinLatestUser) {
       scrollToBottom("instant");
     }
@@ -3969,9 +4315,9 @@ function PinLatestUserMessage({
 }
 function ScrollToBottomButton() {
   const { isAtBottom, scrollToBottom } = useStickToBottomContext();
-  const [visible, setVisible] = useState12(false);
-  const hideTimerRef = useRef11(null);
-  useEffect10(() => {
+  const [visible, setVisible] = useState13(false);
+  const hideTimerRef = useRef12(null);
+  useEffect11(() => {
     if (isAtBottom) {
       if (!hideTimerRef.current) {
         hideTimerRef.current = setTimeout(() => {
@@ -4002,7 +4348,7 @@ function ScrollToBottomButton() {
     scrollToBottom();
   }, [scrollToBottom]);
   if (!visible) return null;
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs15(
     "button",
     {
       type: "button",
@@ -4010,25 +4356,25 @@ function ScrollToBottomButton() {
       "aria-label": "\u6EDA\u52A8\u5230\u5E95\u90E8",
       className: "blade-chat-scroll-bottom absolute bottom-4 right-4 flex items-center gap-1 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-3 py-1.5 text-xs text-[hsl(var(--muted-foreground))] shadow-lg transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]",
       children: [
-        /* @__PURE__ */ jsx15(ChevronDown, { size: 14 }),
-        /* @__PURE__ */ jsx15("span", { className: "blade-chat-scroll-bottom-label", children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
+        /* @__PURE__ */ jsx17(ChevronDown, { size: 14 }),
+        /* @__PURE__ */ jsx17("span", { className: "blade-chat-scroll-bottom-label", children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
       ]
     }
   );
 }
 function PlanningDivider({ kind }) {
-  return /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3 py-1", children: [
-    /* @__PURE__ */ jsx15("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
-    /* @__PURE__ */ jsxs13("div", { className: "inline-flex items-center gap-1.5 rounded-full border border-amber-500/30 bg-amber-500/10 px-3 py-1 text-[11px] text-amber-300", children: [
-      /* @__PURE__ */ jsx15(Lightbulb, { size: 12 }),
-      /* @__PURE__ */ jsx15("span", { children: kind === "enter" ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
+  return /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-3 py-1", children: [
+    /* @__PURE__ */ jsx17("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
+    /* @__PURE__ */ jsxs15("div", { className: "inline-flex items-center gap-1.5 rounded-full border border-amber-500/30 bg-amber-500/10 px-3 py-1 text-[11px] text-amber-300", children: [
+      /* @__PURE__ */ jsx17(Lightbulb, { size: 12 }),
+      /* @__PURE__ */ jsx17("span", { children: kind === "enter" ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
     ] }),
-    /* @__PURE__ */ jsx15("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
+    /* @__PURE__ */ jsx17("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
   ] });
 }
 
 // src/components/ChatSurface.tsx
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function themeAttr(theme) {
   return theme === "dark" ? "dark" : void 0;
 }
@@ -4058,9 +4404,11 @@ function ChatSurface({
   onResultFeedbackSaved,
   onFollowupInteraction,
   beforeInput,
+  showPlanUpdates = false,
+  planRevealRevision = 0,
   banner
 }) {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       "data-theme": themeAttr(theme),
@@ -4069,14 +4417,14 @@ function ChatSurface({
         classNames?.root
       ),
       children: [
-        /* @__PURE__ */ jsx16(ConnectionBanner, { connection, className: classNames?.banner }),
+        /* @__PURE__ */ jsx18(ConnectionBanner, { connection, className: classNames?.banner }),
         banner,
-        errorMessage && /* @__PURE__ */ jsxs14("div", { className: "blade-chat-error-bar flex items-start gap-2 border-b px-4 py-3 text-sm", children: [
-          /* @__PURE__ */ jsx16(CircleAlert, { size: 16, className: "mt-0.5 shrink-0" }),
-          /* @__PURE__ */ jsx16("span", { className: "min-w-0 whitespace-pre-wrap break-words [overflow-wrap:anywhere]", children: chatErrorForDisplay2(errorMessage) })
+        errorMessage && /* @__PURE__ */ jsxs16("div", { className: "blade-chat-error-bar flex items-start gap-2 border-b px-4 py-3 text-sm", children: [
+          /* @__PURE__ */ jsx18(CircleAlert, { size: 16, className: "mt-0.5 shrink-0" }),
+          /* @__PURE__ */ jsx18("span", { className: "min-w-0 whitespace-pre-wrap break-words [overflow-wrap:anywhere]", children: chatErrorForDisplay2(errorMessage) })
         ] }),
         slots?.header,
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx18(
           MessageList,
           {
             messages,
@@ -4087,6 +4435,7 @@ function ChatSurface({
             askAnswers,
             onAnswer,
             toolCallRenderer: renderers?.toolCall,
+            hidePlanUpdateTools: showPlanUpdates,
             emptyState: slots?.emptyState,
             className: classNames?.messageList,
             sessionId,
@@ -4096,8 +4445,18 @@ function ChatSurface({
             onFollowupInteraction
           }
         ),
+        showPlanUpdates ? /* @__PURE__ */ jsx18(
+          CurrentPlanPanel,
+          {
+            messages,
+            running: isStreaming,
+            revealRevision: planRevealRevision,
+            sessionId,
+            className: "border-t border-[hsl(var(--border))]"
+          }
+        ) : null,
         beforeInput,
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx18(
           ChatInput,
           {
             value: inputText,
@@ -4117,13 +4476,13 @@ function ChatSurface({
 }
 
 // src/components/AgentChat.tsx
-import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 function isUnauthorizedError(error) {
   return error instanceof BladeApiError && error.status === 401;
 }
 function LoginCard({ client, onLoggedIn }) {
-  const [loggingIn, setLoggingIn] = useState13(false);
-  const [loginError, setLoginError] = useState13(null);
+  const [loggingIn, setLoggingIn] = useState14(false);
+  const [loginError, setLoginError] = useState14(null);
   const handleLogin = async () => {
     setLoggingIn(true);
     setLoginError(null);
@@ -4136,11 +4495,11 @@ function LoginCard({ client, onLoggedIn }) {
       setLoggingIn(false);
     }
   };
-  return /* @__PURE__ */ jsx17("div", { className: "blade-chat-login flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsxs15("div", { className: "flex w-full max-w-sm flex-col items-center gap-4 rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-6 py-8 text-center", children: [
-    /* @__PURE__ */ jsx17(LockKeyhole, { size: 28, className: "text-[hsl(var(--muted-foreground))]" }),
-    /* @__PURE__ */ jsx17("div", { className: "text-base font-medium text-[hsl(var(--foreground))]", children: "\u9700\u8981\u767B\u5F55\u540E\u4F7F\u7528" }),
-    /* @__PURE__ */ jsx17("div", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u767B\u5F55\u540E\u5373\u53EF\u4E0E\u667A\u80FD\u4F53\u5BF9\u8BDD\uFF0C\u4F60\u7684\u4F1A\u8BDD\u5185\u5BB9\u4EC5\u81EA\u5DF1\u53EF\u89C1\u3002" }),
-    /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19("div", { className: "blade-chat-login flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsxs17("div", { className: "flex w-full max-w-sm flex-col items-center gap-4 rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-6 py-8 text-center", children: [
+    /* @__PURE__ */ jsx19(LockKeyhole, { size: 28, className: "text-[hsl(var(--muted-foreground))]" }),
+    /* @__PURE__ */ jsx19("div", { className: "text-base font-medium text-[hsl(var(--foreground))]", children: "\u9700\u8981\u767B\u5F55\u540E\u4F7F\u7528" }),
+    /* @__PURE__ */ jsx19("div", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u767B\u5F55\u540E\u5373\u53EF\u4E0E\u667A\u80FD\u4F53\u5BF9\u8BDD\uFF0C\u4F60\u7684\u4F1A\u8BDD\u5185\u5BB9\u4EC5\u81EA\u5DF1\u53EF\u89C1\u3002" }),
+    /* @__PURE__ */ jsx19(
       "button",
       {
         type: "button",
@@ -4150,20 +4509,20 @@ function LoginCard({ client, onLoggedIn }) {
         children: loggingIn ? "\u767B\u5F55\u4E2D\u2026" : "\u767B\u5F55"
       }
     ),
-    loginError && /* @__PURE__ */ jsx17("div", { className: "text-xs text-[hsl(var(--destructive))]", children: loginError })
+    loginError && /* @__PURE__ */ jsx19("div", { className: "text-xs text-[hsl(var(--destructive))]", children: loginError })
   ] }) });
 }
 function AgentChat(props) {
   const client = useBladeClient();
-  const [attempt, setAttempt] = useState13(0);
-  const [needLogin, setNeedLogin] = useState13(() => !client.hasToken());
+  const [attempt, setAttempt] = useState14(0);
+  const [needLogin, setNeedLogin] = useState14(() => !client.hasToken());
   if (needLogin) {
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx19(
       "div",
       {
         "data-theme": themeAttr(props.theme),
         className: cn("blade-chat flex min-h-0 flex-1 flex-col", props.classNames?.root),
-        children: /* @__PURE__ */ jsx17(
+        children: /* @__PURE__ */ jsx19(
           LoginCard,
           {
             client,
@@ -4176,7 +4535,7 @@ function AgentChat(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx17(ChatSessionView, { ...props, onUnauthorized: () => setNeedLogin(true) }, attempt);
+  return /* @__PURE__ */ jsx19(ChatSessionView, { ...props, onUnauthorized: () => setNeedLogin(true) }, attempt);
 }
 function ChatSessionView({
   sessionId,
@@ -4193,17 +4552,33 @@ function ChatSessionView({
   onUnauthorized
 }) {
   const client = useBladeClient();
+  const [planRevealRevisions, setPlanRevealRevisions] = useState14(
+    () => /* @__PURE__ */ new Map()
+  );
+  const handleSessionConnected = useCallback8((connectedSession) => {
+    return connectedSession.on("toolResult", ({ toolCall, turn, source }) => {
+      if (source === "reconnect_replay" || (turn.loop_id || "root") !== "root" || toolCall.status !== "done" || !isPlanUpdateTool(toolCall) || !parsePlanUpdate(toolCall.arguments)) {
+        return;
+      }
+      setPlanRevealRevisions((current) => {
+        const next = new Map(current);
+        next.set(connectedSession.sessionId, (current.get(connectedSession.sessionId) ?? 0) + 1);
+        return next;
+      });
+    });
+  }, []);
   const { session, state, error } = useAgentSession(sessionId, {
     createOptions,
-    onSessionCreated
+    onSessionCreated,
+    onSessionConnected: handleSessionConnected
   });
   const replay = useReplay(session);
-  const [stopRequested, setStopRequested] = useState13(false);
-  const [inputText, setInputText] = useState13("");
-  const [resultFeedback, setResultFeedback] = useState13([]);
+  const [stopRequested, setStopRequested] = useState14(false);
+  const [inputText, setInputText] = useState14("");
+  const [resultFeedback, setResultFeedback] = useState14([]);
   const resolvedSessionId = session?.sessionId;
   const isViewer = state?.viewerRole === "viewer";
-  useEffect11(() => {
+  useEffect12(() => {
     setResultFeedback([]);
     if (!resolvedSessionId || isViewer) return;
     let cancelled = false;
@@ -4238,12 +4613,12 @@ function ChatSessionView({
       saved
     ]);
   }, []);
-  useEffect11(() => {
+  useEffect12(() => {
     if (session) {
       onSessionReady?.(session);
     }
   }, [session, onSessionReady]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!session) return;
     const offAttach = session.on("attachRequested", ({ label, content }) => {
       setInputText((prev) => `${prev ? `${prev}
@@ -4259,12 +4634,12 @@ ${content}`);
       offInsert();
     };
   }, [session]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (isUnauthorizedError(error)) {
       onUnauthorized();
     }
   }, [error, onUnauthorized]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!session || !commands) return;
     const unsubscribes = Object.entries(commands).map(
       ([action, handler]) => session.onCommand(action, (payload) => handler(payload))
@@ -4274,6 +4649,7 @@ ${content}`);
     };
   }, [session, commands]);
   const isStreaming = state?.isStreaming ?? false;
+  const planRevealRevision = resolvedSessionId ? planRevealRevisions.get(resolvedSessionId) ?? 0 : 0;
   const isStopping = stopRequested && isStreaming;
   const connectError = error && !isUnauthorizedError(error) ? error.message || "\u8FDE\u63A5\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5" : null;
   const errorMessage = connectError ?? state?.errorMessage ?? replay.error?.message ?? null;
@@ -4285,7 +4661,7 @@ ${content}`);
     setStopRequested(true);
     void session?.stop();
   };
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(
     ChatSurface,
     {
       theme,
@@ -4295,8 +4671,8 @@ ${content}`);
       slots,
       placeholder,
       connection: state?.connection ?? "connecting",
-      banner: /* @__PURE__ */ jsxs15(Fragment3, { children: [
-        /* @__PURE__ */ jsx17(
+      banner: /* @__PURE__ */ jsxs17(Fragment3, { children: [
+        /* @__PURE__ */ jsx19(
           ReplayBar,
           {
             isReplay: replay.isReplay,
@@ -4306,7 +4682,7 @@ ${content}`);
             onExit: () => void replay.exitToAutonomous()
           }
         ),
-        /* @__PURE__ */ jsx17(ReplayMismatchPrompt, { mismatch: replay.mismatch })
+        /* @__PURE__ */ jsx19(ReplayMismatchPrompt, { mismatch: replay.mismatch })
       ] }),
       errorMessage,
       messages: state?.messages ?? [],
@@ -4314,6 +4690,8 @@ ${content}`);
       resultFeedbackByEntry,
       onResultFeedbackSaved: handleResultFeedbackSaved,
       isStreaming,
+      showPlanUpdates: true,
+      planRevealRevision,
       isStopping,
       inputText,
       onInputChange: setInputText,
@@ -4335,11 +4713,11 @@ ${content}`);
 }
 
 // src/components/LlmChat.tsx
-import { useEffect as useEffect12, useMemo as useMemo9, useState as useState15 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo9, useState as useState16 } from "react";
 
 // src/components/LlmAdvancedSettings.tsx
-import { useState as useState14 } from "react";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useState as useState15 } from "react";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 var FIELDS = [
   { id: "baseURL", label: "\u6A21\u578B\u670D\u52A1\u5730\u5740", placeholder: "http://\u5185\u7F51\u5730\u5740/v1" },
   { id: "model", label: "\u6A21\u578B", placeholder: "\u6A21\u578B\u540D\u79F0" },
@@ -4385,13 +4763,13 @@ function writeOverride(settings, baseURL, override) {
 }
 function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
   const normalized = normalizeAdvanced(settings);
-  const [open, setOpen] = useState14(false);
-  const [draft, setDraft] = useState14(override);
+  const [open, setOpen] = useState15(false);
+  const [draft, setDraft] = useState15(override);
   if (!normalized) return null;
   const fields = FIELDS.filter((field) => normalized[field.id]);
   const dirty = Object.keys(override).length > 0;
-  return /* @__PURE__ */ jsxs16("div", { className: "blade-chat-advanced border-t border-[hsl(var(--border))] px-4 py-2 text-xs", children: [
-    /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs18("div", { className: "blade-chat-advanced border-t border-[hsl(var(--border))] px-4 py-2 text-xs", children: [
+    /* @__PURE__ */ jsxs18(
       "button",
       {
         type: "button",
@@ -4401,16 +4779,16 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
         },
         className: "flex items-center gap-1.5 text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))]",
         children: [
-          /* @__PURE__ */ jsx18(Settings2, { size: 13 }),
+          /* @__PURE__ */ jsx20(Settings2, { size: 13 }),
           "\u9AD8\u7EA7\u8BBE\u7F6E",
-          dirty && /* @__PURE__ */ jsx18("span", { className: "text-[hsl(var(--primary))]", children: "\uFF08\u5DF2\u81EA\u5B9A\u4E49\uFF09" })
+          dirty && /* @__PURE__ */ jsx20("span", { className: "text-[hsl(var(--primary))]", children: "\uFF08\u5DF2\u81EA\u5B9A\u4E49\uFF09" })
         ]
       }
     ),
-    open && /* @__PURE__ */ jsxs16("div", { className: "mt-2 flex flex-col gap-2", children: [
-      fields.map((field) => /* @__PURE__ */ jsxs16("label", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx18("span", { className: "text-[hsl(var(--muted-foreground))]", children: field.label }),
-        /* @__PURE__ */ jsx18(
+    open && /* @__PURE__ */ jsxs18("div", { className: "mt-2 flex flex-col gap-2", children: [
+      fields.map((field) => /* @__PURE__ */ jsxs18("label", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx20("span", { className: "text-[hsl(var(--muted-foreground))]", children: field.label }),
+        /* @__PURE__ */ jsx20(
           "input",
           {
             type: field.secret ? "password" : "text",
@@ -4421,9 +4799,9 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
           }
         )
       ] }, field.id)),
-      normalized.apiKey && /* @__PURE__ */ jsx18("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u5BC6\u94A5\u4F1A\u5B58\u5728\u8FD9\u53F0\u6D4F\u89C8\u5668\u91CC\u3002\u53EA\u5728\u4F60\u4FE1\u5F97\u8FC7\u8FD9\u53F0\u673A\u5668\u65F6\u586B\u3002" }),
-      /* @__PURE__ */ jsxs16("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx18(
+      normalized.apiKey && /* @__PURE__ */ jsx20("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u5BC6\u94A5\u4F1A\u5B58\u5728\u8FD9\u53F0\u6D4F\u89C8\u5668\u91CC\u3002\u53EA\u5728\u4F60\u4FE1\u5F97\u8FC7\u8FD9\u53F0\u673A\u5668\u65F6\u586B\u3002" }),
+      /* @__PURE__ */ jsxs18("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx20(
           "button",
           {
             type: "button",
@@ -4438,7 +4816,7 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
             children: "\u4FDD\u5B58"
           }
         ),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx20(
           "button",
           {
             type: "button",
@@ -4457,7 +4835,7 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
 }
 
 // src/components/LlmChat.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function LlmChat({
   classNames,
   renderers,
@@ -4469,11 +4847,11 @@ function LlmChat({
   onOverrideChange,
   ...options
 }) {
-  const [override, setOverride] = useState15(() => readOverride(advanced, options.baseURL));
+  const [override, setOverride] = useState16(() => readOverride(advanced, options.baseURL));
   const effective = { ...options, ...override };
   const { messages, isStreaming, error, send, stop, reset } = useLlmChat(effective);
-  const [inputText, setInputText] = useState15("");
-  const [stopRequested, setStopRequested] = useState15(false);
+  const [inputText, setInputText] = useState16("");
+  const [stopRequested, setStopRequested] = useState16(false);
   const handle = useMemo9(
     () => ({
       insertText: (text) => setInputText((prev) => prev ? `${prev}
@@ -4483,10 +4861,10 @@ ${text}` : text),
     }),
     [send, reset]
   );
-  useEffect12(() => {
+  useEffect13(() => {
     onReady?.(handle);
   }, [handle, onReady]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx21(
     ChatSurface,
     {
       theme,
@@ -4511,7 +4889,7 @@ ${text}` : text),
         setStopRequested(true);
         stop();
       },
-      beforeInput: advanced ? /* @__PURE__ */ jsx19(
+      beforeInput: advanced ? /* @__PURE__ */ jsx21(
         LlmAdvancedSettingsBar,
         {
           settings: advanced,
@@ -4529,14 +4907,14 @@ ${text}` : text),
 }
 
 // src/components/ChatView.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function ChatView(props) {
   const { mode, llm, onLlmReady, ...rest } = props;
   if (mode === "llm") {
     if (!llm) {
       throw new Error('ChatView: mode="llm" \u9700\u8981\u540C\u65F6\u4F20 llm={{ baseURL, model }}');
     }
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx22(
       LlmChat,
       {
         ...llm,
@@ -4549,23 +4927,24 @@ function ChatView(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx20(AgentChat, { ...rest });
+  return /* @__PURE__ */ jsx22(AgentChat, { ...rest });
 }
 
 // src/components/ContextCard.tsx
 import {
-  getContextDisplayState
+  getContextDisplayState,
+  getContextGroupDisplayState
 } from "@blade-hq/agent-client";
-import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 function ContextCard({ context, className }) {
   const display = getContextDisplayState(context);
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs19(
     "details",
     {
-      className: `blade-chat-context-card group rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-sm ${className ?? ""}`,
+      className: `blade-chat-context-card group/context-card rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-sm ${className ?? ""}`,
       children: [
-        /* @__PURE__ */ jsxs17("summary", { className: "blade-chat-context-summary flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 [&::-webkit-details-marker]:hidden", children: [
-          /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsxs19("summary", { className: "blade-chat-context-summary flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 [&::-webkit-details-marker]:hidden", children: [
+          /* @__PURE__ */ jsx23(
             Layers,
             {
               size: 15,
@@ -4573,24 +4952,60 @@ function ContextCard({ context, className }) {
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ jsxs17("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx21("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: display.title }),
-            /* @__PURE__ */ jsx21("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: display.summary })
+          /* @__PURE__ */ jsxs19("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx23("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: display.title }),
+            /* @__PURE__ */ jsx23("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: display.summary })
           ] }),
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx23(
             ChevronDown,
             {
               size: 14,
-              className: "blade-chat-context-chevron shrink-0 text-[hsl(var(--muted-foreground))] transition-transform group-open:rotate-180",
+              className: "blade-chat-context-chevron shrink-0 text-[hsl(var(--muted-foreground))] transition-transform group-open/context-card:rotate-180",
               "aria-hidden": "true"
             }
           )
         ] }),
-        /* @__PURE__ */ jsx21("div", { className: "blade-chat-context-detail border-t border-[hsl(var(--border))] px-3 py-2.5 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: display.detail })
+        /* @__PURE__ */ jsx23("div", { className: "blade-chat-context-detail border-t border-[hsl(var(--border))] px-3 py-2.5 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: display.detail })
       ]
     }
   );
 }
+function ContextGroupCard({ contexts, className }) {
+  if (contexts.length === 0) return null;
+  const single = contexts.length === 1 ? getContextDisplayState(contexts[0]) : null;
+  const group = single ? null : getContextGroupDisplayState(contexts);
+  return /* @__PURE__ */ jsxs19("details", { className: `blade-chat-context-card group/context-group rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-sm ${className ?? ""}`, children: [
+    /* @__PURE__ */ jsxs19("summary", { className: "blade-chat-context-summary flex cursor-pointer list-none items-center gap-2 px-3 py-2.5 [&::-webkit-details-marker]:hidden", children: [
+      /* @__PURE__ */ jsx23(
+        Layers,
+        {
+          size: 15,
+          className: "blade-chat-context-icon shrink-0 text-[hsl(var(--muted-foreground))]",
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsxs19("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx23("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: single ? single.title : `${group?.title} \xB7 ${group?.count} \u9879` }),
+        /* @__PURE__ */ jsx23("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: single ? single.summary : group?.summary })
+      ] }),
+      /* @__PURE__ */ jsx23(
+        ChevronDown,
+        {
+          size: 14,
+          className: "blade-chat-context-chevron shrink-0 text-[hsl(var(--muted-foreground))] transition-transform group-open/context-group:rotate-180",
+          "aria-hidden": "true"
+        }
+      )
+    ] }),
+    single ? /* @__PURE__ */ jsx23("div", { className: "blade-chat-context-detail border-t border-[hsl(var(--border))] px-3 py-2.5 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: single.detail }) : /* @__PURE__ */ jsx23("div", { className: "blade-chat-context-group-items flex flex-col gap-1.5 border-t border-[hsl(var(--border))] p-2", children: contexts.map((context) => /* @__PURE__ */ jsx23(
+      ContextCard,
+      {
+        context
+      },
+      `${context.context_kind}:${context.context_key}`
+    )) })
+  ] });
+}
 
 // src/lib/agent-computer-command.ts
 var COMPUTER_LAUNCH_COMMAND_PATTERN = /(?:^|[\n;&|(]\s*)computer\s+launch(?:\s|$)/;
@@ -4641,15 +5056,26 @@ export {
   BladeProvider,
   ChatView,
   ContextCard,
+  ContextGroupCard,
+  CurrentPlanPanel,
   LlmChat,
   MarkdownContent,
   MemoryRefsHint,
+  PLAN_AUTO_COLLAPSE_MS,
+  PlanUpdateBlock,
   ReplayBar,
   ReplayMismatchPrompt,
+  WhatIfUserBubble,
   classifyAgentComputerLaunchOutcome,
   collectMemoryRefs,
+  getPlanUpdateDisplayState,
   isAgentComputerCommand,
   isAgentComputerToolCall,
+  isPlanUpdateTool,
+  normalizeAdjacentUrlFormatting,
+  parsePlanUpdate,
+  parseWhatIfPrompt,
+  pickCurrentPlanStep,
   useAgentSession,
   useBladeClient,
   useLlmChat,
@@ -4671,6 +5097,8 @@ lucide-react/dist/esm/icons/check.js:
 lucide-react/dist/esm/icons/chevron-down.js:
 lucide-react/dist/esm/icons/chevron-right.js:
 lucide-react/dist/esm/icons/circle-alert.js:
+lucide-react/dist/esm/icons/circle-dot.js:
+lucide-react/dist/esm/icons/circle.js:
 lucide-react/dist/esm/icons/copy.js:
 lucide-react/dist/esm/icons/earth.js:
 lucide-react/dist/esm/icons/file-pen-line.js:
@@ -4678,11 +5106,13 @@ lucide-react/dist/esm/icons/file-text.js:
 lucide-react/dist/esm/icons/globe.js:
 lucide-react/dist/esm/icons/layers.js:
 lucide-react/dist/esm/icons/lightbulb.js:
+lucide-react/dist/esm/icons/list-checks.js:
 lucide-react/dist/esm/icons/loader-circle.js:
 lucide-react/dist/esm/icons/lock-keyhole.js:
 lucide-react/dist/esm/icons/message-square-more.js:
 lucide-react/dist/esm/icons/message-square.js:
 lucide-react/dist/esm/icons/play.js:
+lucide-react/dist/esm/icons/refresh-ccw.js:
 lucide-react/dist/esm/icons/search.js:
 lucide-react/dist/esm/icons/settings-2.js:
 lucide-react/dist/esm/icons/sparkles.js: