@blade-hq/agent-react 2610.0.0-beta.26 → 2610.0.0-beta.28

package/dist/index.js

@@ -1861,16 +1861,6 @@ var TOOL_DISPLAY_LABELS = {
   ListSessions: "\u5217\u51FA\u5386\u53F2\u4F1A\u8BDD",
   GetSessionHistory: "\u8BFB\u53D6\u4F1A\u8BDD\u5386\u53F2"
 };
-var PRIORITY_FILE_KEYS = [
-  "file_path",
-  "output_file",
-  "output_path",
-  "path",
-  "filepath",
-  "target_file",
-  "destination",
-  "filename"
-];
 function safeParseJson(value) {
   if (!value) return null;
   try {
@@ -1879,38 +1869,6 @@ function safeParseJson(value) {
     return null;
   }
 }
-function isPlainObject(value) {
-  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
-}
-function findFileLikeValue(value, depth = 0, allowPlainString = false) {
-  if (depth > 3) return null;
-  if (typeof value === "string") {
-    const trimmed = value.trim();
-    if (!trimmed) return null;
-    if (allowPlainString || trimmed.includes("/") || /\.[a-z0-9]{1,8}$/i.test(trimmed)) {
-      return trimmed;
-    }
-    return null;
-  }
-  if (Array.isArray(value)) {
-    for (const item of value) {
-      const found = findFileLikeValue(item, depth + 1, allowPlainString);
-      if (found) return found;
-    }
-    return null;
-  }
-  if (isPlainObject(value)) {
-    for (const key of PRIORITY_FILE_KEYS) {
-      const direct = findFileLikeValue(value[key], depth + 1, true);
-      if (direct) return direct;
-    }
-    for (const nested of Object.values(value)) {
-      const found = findFileLikeValue(nested, depth + 1, allowPlainString);
-      if (found) return found;
-    }
-  }
-  return null;
-}
 function getStringArgValue(args, key) {
   const value = args?.[key];
   return typeof value === "string" ? value.trim() : "";
@@ -1933,15 +1891,6 @@ function formatToolName(name) {
   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 extractToolFilePath(toolCall) {
-  const formattedName = formatToolName(toolCall.name);
-  if (formattedName !== "Read" && formattedName !== "Write" && formattedName !== "Edit" && formattedName !== "MultiEdit") {
-    return null;
-  }
-  const filePath = findFileLikeValue(safeParseJson(toolCall.arguments));
-  if (!filePath || filePath.split("/").pop()?.toLowerCase() === "phase.json") return null;
-  return filePath;
-}
 function getToolDisplayLabel(toolCall) {
   const normalized = formatToolName(toolCall.name);
   const args = safeParseJson(toolCall.arguments);
@@ -2543,6 +2492,26 @@ function parseAskUserQuestion(toolResult) {
   }
   return null;
 }
+function parseAskUserQuestionError(toolResult) {
+  if (!toolResult) return null;
+  try {
+    const parsed = JSON.parse(toolResult);
+    let detail = null;
+    if (typeof parsed.error === "string") detail = parsed.error;
+    if (parsed.error && typeof parsed.error === "object") {
+      const message = parsed.error.message;
+      if (typeof message === "string") detail = message;
+    }
+    if (!detail && typeof parsed.message === "string") detail = parsed.message;
+    if (!detail) return null;
+    return {
+      message: parsed.error_code === "invalid_questions" ? "\u63D0\u95EE\u5185\u5BB9\u4E0D\u5B8C\u6574\uFF0C\u5F53\u524D\u6CA1\u6709\u7B49\u5F85\u4F60\u56DE\u7B54\u3002\u8BF7\u8BA9\u667A\u80FD\u4F53\u91CD\u65B0\u63D0\u95EE\u3002" : "\u8FD9\u6B21\u63D0\u95EE\u6CA1\u6709\u6210\u529F\uFF0C\u5F53\u524D\u6CA1\u6709\u7B49\u5F85\u4F60\u56DE\u7B54\u3002\u8BF7\u8BA9\u667A\u80FD\u4F53\u91CD\u65B0\u63D0\u95EE\u3002",
+      detail
+    };
+  } catch {
+    return null;
+  }
+}
 function normalizeQuestionItem(value) {
   if (!value || typeof value !== "object") return null;
   const item = value;
@@ -2571,9 +2540,10 @@ import { Fragment, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function resolveAskQuestionState({
   toolStatus,
   hasAnswerData,
-  fallbackAnswered
+  fallbackAnswered,
+  fallbackAwaiting
 }) {
-  const awaitingAnswer = !hasAnswerData && toolStatus === "awaiting_answer";
+  const awaitingAnswer = !hasAnswerData && (toolStatus === "awaiting_answer" || toolStatus === "pending" && fallbackAwaiting === true);
   return {
     awaitingAnswer,
     answered: hasAnswerData || !awaitingAnswer && (Boolean(fallbackAnswered) || toolStatus === "done" || toolStatus === "cancelled" || toolStatus === "error")
@@ -2585,6 +2555,7 @@ function ToolCallBlock({
   answered,
   answerData,
   sessionStatus,
+  isActiveQuestion,
   renderer
 }) {
   const [expanded, setExpanded] = useState9(false);
@@ -2600,7 +2571,8 @@ function ToolCallBlock({
     const questionState = resolveAskQuestionState({
       toolStatus: toolCall.status,
       hasAnswerData: Boolean(answerData),
-      fallbackAnswered: answered
+      fallbackAnswered: answered,
+      fallbackAwaiting: isActiveQuestion === true && (sessionStatus === "paused" || sessionStatus === "waiting_for_input")
     });
     const canAnswer = questionState.awaitingAnswer && Boolean(onAnswer);
     if (askData) {
@@ -2622,9 +2594,16 @@ function ToolCallBlock({
         /* @__PURE__ */ jsx10("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: "\u6536\u5230\u7684\u4EA4\u4E92\u6570\u636E\u4E0D\u5B8C\u6574\u3002\u8BF7\u8BA9\u667A\u80FD\u4F53\u91CD\u65B0\u63D0\u95EE\u3002" })
+      /* @__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 })
+      ] }) : null
     ] });
   }
   const tone = getToolTone(toolCall.status);
@@ -2690,6 +2669,7 @@ function buildAskUserPayload(argumentsJson) {
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function ThinkingBlock({ reasoning, isStreaming }) {
   const [open, setOpen] = useState10(false);
+  if (!isStreaming) return null;
   return /* @__PURE__ */ jsxs9("div", { className: "blade-chat-thinking text-xs", children: [
     /* @__PURE__ */ jsxs9(
       "button",
@@ -2699,7 +2679,7 @@ 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: [
-          isStreaming ? /* @__PURE__ */ jsx11(Shimmer, { className: "text-xs", children: "\u6B63\u5728\u601D\u8003" }) : /* @__PURE__ */ jsx11("span", { children: "\u5DF2\u601D\u8003" }),
+          /* @__PURE__ */ jsx11(Shimmer, { className: "text-xs", children: "\u6B63\u5728\u601D\u8003" }),
           /* @__PURE__ */ jsx11(
             ChevronRight,
             {
@@ -2713,7 +2693,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 })
+    open ? /* @__PURE__ */ jsx11("div", { className: "mt-1.5 whitespace-pre-wrap text-xs leading-[22px] text-[hsl(var(--muted-foreground))]", children: reasoning }) : null
   ] });
 }
 function getMessageText(message) {
@@ -2811,6 +2791,12 @@ function executionSummaryLabel({
   }
   return completedLabel;
 }
+function businessToolDisplayName(toolCall) {
+  const displayName = toolCall.display_name?.trim() ?? "";
+  if (!displayName) return "";
+  const rawName = toolCall.name.trim();
+  return displayName !== rawName && formatToolName(displayName) !== formatToolName(rawName) ? displayName : "";
+}
 function executionToolTypeLabel(toolCall) {
   switch (formatToolName(toolCall.name)) {
     case "WebSearch":
@@ -2838,7 +2824,7 @@ function executionToolTypeLabel(toolCall) {
     case "run_skill_tool":
       return "\u6267\u884C\u6280\u80FD";
     default:
-      return toolCall.display_name?.trim() || "\u6267\u884C\u6B65\u9AA4";
+      return businessToolDisplayName(toolCall) || "\u6267\u884C\u6B65\u9AA4";
   }
 }
 function executionToolIntent(toolCall) {
@@ -2854,7 +2840,7 @@ function executionToolIntent(toolCall) {
     const value = args?.[key];
     return typeof value === "string" ? value.trim() : "";
   };
-  const explicitIntent = getString("description") || getString("_meta_display_name") || getString("display_name") || toolCall.display_name?.trim() || "";
+  const explicitIntent = getString("description") || getString("_meta_display_name") || getString("display_name") || "";
   if (explicitIntent) return explicitIntent;
   if (normalizedName === "search_skills") return getString("query");
   if (normalizedName === "get_skill_content" || normalizedName === "ReadSkill") {
@@ -2869,58 +2855,18 @@ function ExecutionToolRow({ toolCall }) {
   const intent = executionToolIntent(toolCall);
   const label = intent ? `${typeLabel}\uFF1A${intent}` : typeLabel;
   const failed = toolCall.status === "error" || toolCall.status === "cancelled";
-  const filePath = toolCall.status === "done" && (normalizedName === "Write" || normalizedName === "Edit" || normalizedName === "MultiEdit") ? extractToolFilePath(toolCall) : null;
-  const [fileOpen, setFileOpen] = useState10(false);
   const iconClass = cn(
     "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" ? /* @__PURE__ */ jsx11(BookOpen, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "Grep" || normalizedName === "Glob" || normalizedName === "search_skills" ? /* @__PURE__ */ jsx11(Search, { className: iconClass, "aria-hidden": "true" }) : normalizedName === "get_skill_content" ? /* @__PURE__ */ jsx11(BookOpen, { 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__ */ 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 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))]"
   );
-  if (!filePath) {
-    return /* @__PURE__ */ jsxs9("div", { "data-testid": "execution-tool-intent", className: rowClassName, title: label, children: [
-      icon,
-      /* @__PURE__ */ jsx11("span", { className: "min-w-0 truncate", children: label })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs9("div", { className: "min-w-0", children: [
-    /* @__PURE__ */ jsxs9(
-      "button",
-      {
-        type: "button",
-        "data-testid": "execution-tool-intent",
-        className: cn(rowClassName, "w-full text-left"),
-        title: label,
-        "aria-expanded": fileOpen,
-        onClick: () => setFileOpen((open) => !open),
-        children: [
-          icon,
-          /* @__PURE__ */ jsx11("span", { className: "min-w-0 truncate", children: label }),
-          /* @__PURE__ */ jsx11(
-            ChevronRight,
-            {
-              size: 14,
-              className: cn("shrink-0 transition-transform", fileOpen && "rotate-90"),
-              "aria-hidden": "true"
-            }
-          )
-        ]
-      }
-    ),
-    fileOpen ? /* @__PURE__ */ jsxs9(
-      "div",
-      {
-        className: "ml-[18px] truncate text-xs leading-[22px] text-[hsl(var(--muted-foreground))]",
-        title: filePath,
-        children: [
-          "\u6587\u4EF6\uFF1A",
-          filePath
-        ]
-      }
-    ) : null
+  return /* @__PURE__ */ jsxs9("div", { "data-testid": "execution-tool-intent", className: rowClassName, title: label, children: [
+    icon,
+    /* @__PURE__ */ jsx11("span", { className: "min-w-0 truncate", children: label })
   ] });
 }
 function AssistantTurnBlock({
@@ -2951,6 +2897,7 @@ function AssistantTurnBlock({
       (toolCall) => formatToolName(toolCall.name) === "AskUserQuestion"
     )
   );
+  const activeQuestionId = questionToolCalls.filter((toolCall) => toolCall.status === "pending").at(-1)?.id;
   const [displayMode, setDisplayMode] = useState10(
     () => isStreaming || hasActionableToolCall ? "detail" : "compact"
   );
@@ -2975,132 +2922,146 @@ function AssistantTurnBlock({
   }, [hasLiveStartTime, isStreaming]);
   const liveExecutionDurationMs = isStreaming ? getExecutionDurationMs({ messages, isStreaming, now: clock }) : executionDurationMs;
   if (!hasExecutionProcess) {
-    return /* @__PURE__ */ jsxs9("div", { className: "blade-chat-assistant-turn flex flex-col gap-3", children: [
-      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" }),
-      messages.map((message, index) => {
-        return hasRenderableMessageContent(message) ? /* @__PURE__ */ jsx11(
-          "div",
-          {
-            className: "flex flex-col gap-3",
-            children: /* @__PURE__ */ jsx11(
-              AssistantMessageContent,
+    return /* @__PURE__ */ jsxs9(
+      "div",
+      {
+        "aria-busy": isStreaming || void 0,
+        className: "blade-chat-assistant-turn flex flex-col gap-3",
+        children: [
+          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" }),
+          messages.map((message, index) => {
+            return hasRenderableMessageContent(message) ? /* @__PURE__ */ jsx11(
+              "div",
               {
-                message,
-                sessionId,
-                streaming: isStreaming && index === messages.length - 1
-              }
-            )
-          },
-          message.entry_id ?? `${message.timestamp ?? "assistant"}-${index}`
-        ) : null;
-      }),
-      isStreaming && !finalMessage ? /* @__PURE__ */ jsx11(Shimmer, { className: "ml-4", children: "\u6B63\u5728\u751F\u6210..." }) : null
-    ] });
+                className: "flex flex-col gap-3",
+                children: /* @__PURE__ */ jsx11(
+                  AssistantMessageContent,
+                  {
+                    message,
+                    sessionId,
+                    streaming: isStreaming && index === messages.length - 1
+                  }
+                )
+              },
+              message.entry_id ?? `${message.timestamp ?? "assistant"}-${index}`
+            ) : null;
+          })
+        ]
+      }
+    );
   }
-  return /* @__PURE__ */ jsxs9("div", { className: "blade-chat-assistant-turn flex flex-col gap-3", children: [
-    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(
-        "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 })
-        }
-      ),
-      /* @__PURE__ */ jsxs9("div", { className: "min-w-0 flex-1 pt-0.5", children: [
-        /* @__PURE__ */ jsxs9(
-          "button",
-          {
-            type: "button",
-            onClick: () => {
-              userSelectedDisplayModeRef.current = true;
-              setDisplayMode(displayMode === "detail" ? "compact" : "detail");
-            },
-            "aria-expanded": effectiveMode === "detail",
-            "aria-label": effectiveMode === "detail" ? "\u6536\u8D77\u6267\u884C\u8FC7\u7A0B" : "\u5C55\u5F00\u6267\u884C\u8FC7\u7A0B",
-            "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({
-                messages,
-                isStreaming,
-                durationMs: liveExecutionDurationMs,
-                sessionStatus,
-                askAnswers
-              }) }),
-              /* @__PURE__ */ jsx11(
-                ChevronRight,
-                {
-                  size: 14,
-                  className: cn(
-                    "shrink-0 transition-transform duration-300",
-                    effectiveMode === "detail" && "rotate-90"
-                  ),
-                  "aria-hidden": "true"
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx11("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) => {
-      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"
-      );
-      const showReasoning = !!message.reasoning && (!isStreaming || index === latestReasoningIndex);
-      return /* @__PURE__ */ jsxs9(
-        "div",
-        {
-          className: "flex flex-col gap-3",
-          children: [
-            showReasoning && message.reasoning ? /* @__PURE__ */ jsx11(ThinkingBlock, { reasoning: message.reasoning, isStreaming: streamingThis && !text }) : null,
-            hasRenderableMessageContent(message) && message !== finalMessage ? /* @__PURE__ */ jsx11(
-              AssistantMessageContent,
+  return /* @__PURE__ */ jsxs9(
+    "div",
+    {
+      "aria-busy": isStreaming || void 0,
+      className: "blade-chat-assistant-turn flex flex-col gap-3",
+      children: [
+        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(
+            "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 })
+            }
+          ),
+          /* @__PURE__ */ jsxs9("div", { className: "min-w-0 flex-1 pt-0.5", children: [
+            /* @__PURE__ */ jsxs9(
+              "button",
               {
-                message,
-                sessionId,
-                streaming: streamingThis,
-                compact: true
+                type: "button",
+                onClick: () => {
+                  userSelectedDisplayModeRef.current = true;
+                  setDisplayMode(displayMode === "detail" ? "compact" : "detail");
+                },
+                "aria-expanded": effectiveMode === "detail",
+                "aria-label": effectiveMode === "detail" ? "\u6536\u8D77\u6267\u884C\u8FC7\u7A0B" : "\u5C55\u5F00\u6267\u884C\u8FC7\u7A0B",
+                "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({
+                    messages,
+                    isStreaming,
+                    durationMs: liveExecutionDurationMs,
+                    sessionStatus,
+                    askAnswers
+                  }) }),
+                  /* @__PURE__ */ jsx11(
+                    ChevronRight,
+                    {
+                      size: 14,
+                      className: cn(
+                        "shrink-0 transition-transform duration-300",
+                        effectiveMode === "detail" && "rotate-90"
+                      ),
+                      "aria-hidden": "true"
+                    }
+                  )
+                ]
               }
-            ) : null,
-            toolCalls.length > 0 ? /* @__PURE__ */ jsx11("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);
-            }) }) : null
-          ]
-        },
-        message.entry_id ?? `${message.timestamp ?? "assistant"}-${index}`
-      );
-    }) }) : null,
-    finalMessage ? /* @__PURE__ */ jsx11("div", { className: "ml-10", children: /* @__PURE__ */ jsx11(
-      AssistantMessageContent,
-      {
-        message: finalMessage,
-        sessionId,
-        streaming: isStreaming && finalMessage === messages[messages.length - 1]
-      }
-    ) }) : null,
-    questionToolCalls.map((toolCall) => /* @__PURE__ */ jsx11(
-      ToolCallBlock,
-      {
-        toolCall,
-        answerData: askAnswers?.[toolCall.id],
-        onAnswer,
-        answered: sessionStatus !== "waiting_for_input",
-        sessionStatus,
-        renderer: toolCallRenderer
-      },
-      toolCall.id
-    ))
-  ] });
+            ),
+            /* @__PURE__ */ jsx11("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) => {
+          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"
+          );
+          const showReasoning = !!message.reasoning && isStreaming && index === latestReasoningIndex;
+          return /* @__PURE__ */ jsxs9(
+            "div",
+            {
+              className: "flex flex-col gap-3",
+              children: [
+                showReasoning && message.reasoning ? /* @__PURE__ */ jsx11(ThinkingBlock, { reasoning: message.reasoning, isStreaming: streamingThis && !text }) : null,
+                hasRenderableMessageContent(message) && message !== finalMessage ? /* @__PURE__ */ jsx11(
+                  AssistantMessageContent,
+                  {
+                    message,
+                    sessionId,
+                    streaming: streamingThis,
+                    compact: true
+                  }
+                ) : null,
+                toolCalls.length > 0 ? /* @__PURE__ */ jsx11("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);
+                }) }) : null
+              ]
+            },
+            message.entry_id ?? `${message.timestamp ?? "assistant"}-${index}`
+          );
+        }) }) : null,
+        finalMessage ? /* @__PURE__ */ jsx11("div", { className: "ml-10", children: /* @__PURE__ */ jsx11(
+          AssistantMessageContent,
+          {
+            message: finalMessage,
+            sessionId,
+            streaming: isStreaming && finalMessage === messages[messages.length - 1]
+          }
+        ) }) : null,
+        questionToolCalls.map((toolCall) => /* @__PURE__ */ jsx11(
+          ToolCallBlock,
+          {
+            toolCall,
+            answerData: askAnswers?.[toolCall.id],
+            onAnswer,
+            answered: sessionStatus !== "waiting_for_input",
+            sessionStatus,
+            isActiveQuestion: toolCall.id === activeQuestionId,
+            renderer: toolCallRenderer
+          },
+          toolCall.id
+        ))
+      ]
+    }
+  );
 }
 function AssistantMessageContent({
   message,
@@ -3165,49 +3126,9 @@ function AssistantMessageContent({
   ] });
 }
 
-// src/components/ContextCard.tsx
-import {
-  getContextDisplayState
-} from "@blade-hq/agent-client";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
-function ContextCard({ context, className }) {
-  const display = getContextDisplayState(context);
-  return /* @__PURE__ */ jsxs10(
-    "details",
-    {
-      className: `blade-chat-context-card group rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] text-sm ${className ?? ""}`,
-      children: [
-        /* @__PURE__ */ jsxs10("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__ */ jsx12(
-            Layers,
-            {
-              size: 15,
-              className: "blade-chat-context-icon shrink-0 text-[hsl(var(--muted-foreground))]",
-              "aria-hidden": "true"
-            }
-          ),
-          /* @__PURE__ */ jsxs10("span", { className: "blade-chat-context-copy min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx12("span", { className: "blade-chat-context-title block font-medium text-[hsl(var(--foreground))]", children: display.title }),
-            /* @__PURE__ */ jsx12("span", { className: "blade-chat-context-status block truncate text-xs text-[hsl(var(--muted-foreground))]", children: display.summary })
-          ] }),
-          /* @__PURE__ */ jsx12(
-            ChevronDown,
-            {
-              size: 14,
-              className: "blade-chat-context-chevron shrink-0 text-[hsl(var(--muted-foreground))] transition-transform group-open:rotate-180",
-              "aria-hidden": "true"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx12("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 })
-      ]
-    }
-  );
-}
-
 // src/components/RenderErrorBoundary.tsx
 import { Component } from "react";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function getFirstComponentName(componentStack) {
   const match = componentStack.match(/\n\s+at\s+([^\s(]+)/);
   return match?.[1] ?? null;
@@ -3240,18 +3161,18 @@ var RenderErrorBoundary = class extends Component {
       return children;
     }
     const componentName = getFirstComponentName(componentStack);
-    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: [
+    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: [
           label,
           "\u6E32\u67D3\u5931\u8D25"
         ] }),
-        /* @__PURE__ */ jsxs11("div", { className: "mt-1 break-words text-xs leading-5 text-amber-100/75", children: [
+        /* @__PURE__ */ jsxs10("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__ */ jsx13("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
+        details ? /* @__PURE__ */ jsx12("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
       ] })
     ] }) });
   }
@@ -3259,7 +3180,7 @@ var RenderErrorBoundary = class extends Component {
 
 // 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 jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function emitInteraction(callback, event) {
   try {
     callback?.(event);
@@ -3281,7 +3202,7 @@ function ArtifactCard({
   const [downloading, setDownloading] = useState11(false);
   const name = artifact.label || basename(artifact.target);
   if (artifact.kind === "link") {
-    return /* @__PURE__ */ jsxs12(
+    return /* @__PURE__ */ jsxs11(
       "a",
       {
         href: artifact.target,
@@ -3292,9 +3213,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__ */ 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" })
+          /* @__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" })
         ]
       }
     );
@@ -3329,7 +3250,7 @@ ${artifact.target}`,
       setDownloading(false);
     }
   };
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     "a",
     {
       href: downloadUrl,
@@ -3357,17 +3278,17 @@ function feedbackReasonLabel(reason) {
 }
 function HistoricalResultFeedback({ feedback }) {
   const label = feedbackReasonLabel(feedback.reason);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs11(
     "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__ */ jsxs12("span", { children: [
+        /* @__PURE__ */ jsxs11("span", { children: [
           "\u4F60\u5BF9\u6B64\u8F6E\u7ED3\u679C\u7684\u8BC4\u4EF7\uFF1A",
           feedback.helpful ? "\u6709\u5E2E\u52A9" : "\u6CA1\u5E2E\u52A9"
         ] }),
-        label ? /* @__PURE__ */ jsxs12("span", { children: [
+        label ? /* @__PURE__ */ jsxs11("span", { children: [
           " \xB7 ",
           label
         ] }) : null
@@ -3442,15 +3363,15 @@ function ResultFeedback({
     [client, followup.assistant_entry_id, onFeedbackSaved, onInteraction, sessionId]
   );
   if (!eligible) return null;
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs11(
     "section",
     {
       "aria-label": "\u7ED3\u679C\u53CD\u9988",
       className: "flex flex-col gap-2 border-t border-[hsl(var(--border))] pt-3",
       children: [
-        /* @__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(
+        /* @__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(
             "button",
             {
               type: "button",
@@ -3461,7 +3382,7 @@ function ResultFeedback({
               children: "\u6709\u5E2E\u52A9"
             }
           ),
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx13(
             "button",
             {
               type: "button",
@@ -3473,7 +3394,7 @@ function ResultFeedback({
             }
           )
         ] }),
-        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(
+        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(
           "button",
           {
             type: "button",
@@ -3485,9 +3406,9 @@ function ResultFeedback({
           },
           item.value
         )) }) : null,
-        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(
+        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(
             "button",
             {
               type: "button",
@@ -3499,7 +3420,7 @@ function ResultFeedback({
               children: "\u91CD\u8BD5"
             }
           )
-        ] }) : saved ? /* @__PURE__ */ jsx14("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u5DF2\u4FDD\u5B58\uFF0C\u53EF\u968F\u65F6\u4FEE\u6539" }) : null
+        ] }) : saved ? /* @__PURE__ */ jsx13("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u5DF2\u4FDD\u5B58\uFF0C\u53EF\u968F\u65F6\u4FEE\u6539" }) : null
       ]
     }
   );
@@ -3566,15 +3487,15 @@ function PostChatFollowupBlock({
   );
   if (!followup.recaption && artifacts.length === 0 && followup.suggestions.length === 0 && !followup.feedback_eligible)
     return null;
-  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 }),
+  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 }),
         "\u672C\u8F6E\u5C0F\u7ED3"
       ] }),
-      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(
+      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(
           ArtifactCard,
           {
             artifact,
@@ -3586,7 +3507,7 @@ function PostChatFollowupBlock({
           },
           `${artifact.kind}:${artifactIndex}`
         )) }),
-        artifacts.length > 3 ? /* @__PURE__ */ jsxs12(
+        artifacts.length > 3 ? /* @__PURE__ */ jsxs11(
           "button",
           {
             type: "button",
@@ -3595,15 +3516,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__ */ jsx14(ChevronDown, { size: 13, className: expanded ? "rotate-180" : void 0 })
+              /* @__PURE__ */ jsx13(ChevronDown, { size: 13, className: expanded ? "rotate-180" : void 0 })
             ]
           }
         ) : null
       ] }) : null
     ] }) : null,
-    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(
+    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(
         "button",
         {
           type: "button",
@@ -3622,14 +3543,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__ */ jsx14("span", { children: suggestion }),
-            /* @__PURE__ */ jsx14(ArrowRight, { size: 14, className: "ml-auto shrink-0" })
+            /* @__PURE__ */ jsx13("span", { children: suggestion }),
+            /* @__PURE__ */ jsx13(ArrowRight, { size: 14, className: "ml-auto shrink-0" })
           ]
         },
         suggestion
       ))
     ] }) : null,
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx13(
       ResultFeedback,
       {
         followup,
@@ -3645,7 +3566,7 @@ function PostChatFollowupBlock({
 
 // src/components/UserMessageBubble.tsx
 import { getFileParts as getFileParts2, getImageParts as getImageParts2, getTextContent as getTextContent2 } from "@blade-hq/agent-client";
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function isUserMessage(message) {
   return message.role === "user";
 }
@@ -3657,8 +3578,8 @@ function UserMessageBubble({ message, className }) {
   const text = getTextContent2(message.content).trim();
   const fileParts = getFileParts2(message.content);
   const imageParts = getImageParts2(message.content);
-  return /* @__PURE__ */ jsx15("div", { className: cn("blade-chat-user-row flex justify-end", className), children: /* @__PURE__ */ jsxs13("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: [
-    imageParts.length > 0 && /* @__PURE__ */ jsx15("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx15(
+  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(
       "img",
       {
         src: part.image_url.url,
@@ -3667,21 +3588,21 @@ function UserMessageBubble({ message, className }) {
       },
       part.image_url.url
     )) }),
-    fileParts.length > 0 && /* @__PURE__ */ jsx15("div", { className: "flex flex-col items-end gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs13(
+    fileParts.length > 0 && /* @__PURE__ */ jsx14("div", { className: "flex flex-col items-end gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs12(
       "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__ */ jsx15(FileText, { size: 12, className: "shrink-0" }),
-          /* @__PURE__ */ jsx15("span", { className: "max-w-56 truncate", title: part.name, children: part.name })
+          /* @__PURE__ */ jsx14(FileText, { size: 12, className: "shrink-0" }),
+          /* @__PURE__ */ jsx14("span", { className: "max-w-56 truncate", title: part.name, children: part.name })
         ]
       },
       `${part.name}-${part.data.length}`
     )) }),
-    text && /* @__PURE__ */ jsx15("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__ */ jsx15(MarkdownContent, { className: "blade-chat-prose", children: text }) }),
-    text && isSending(message) && /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-1 pr-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))/0.85]", children: [
-      /* @__PURE__ */ jsx15(LoaderCircle, { size: 11, className: "animate-spin", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx15("span", { children: "\u53D1\u9001\u4E2D" })
+    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" })
     ] })
   ] }) });
 }
@@ -3690,11 +3611,11 @@ function ErrorMessageBlock({
   className
 }) {
   const text = getTextContent2(message.content);
-  return /* @__PURE__ */ jsx15("div", { className: cn("blade-chat-error-row flex justify-center", className), children: /* @__PURE__ */ jsx15("div", { className: "blade-chat-error-block max-w-[85%] border-l-[3px] border-[hsl(var(--border))] px-4 py-1 text-sm leading-7 text-[hsl(var(--muted-foreground))]", children: text }) });
+  return /* @__PURE__ */ jsx14("div", { className: cn("blade-chat-error-row flex justify-center", className), children: /* @__PURE__ */ jsx14("div", { className: "blade-chat-error-block max-w-[85%] border-l-[3px] border-[hsl(var(--border))] px-4 py-1 text-sm leading-7 text-[hsl(var(--muted-foreground))]", children: text }) });
 }
 
 // src/components/MessageList.tsx
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function parseModeChange(message) {
   if (message.kind !== "mode_change" || typeof message.content !== "string") {
     return null;
@@ -3750,7 +3671,7 @@ function MessageList({
     const visible = messages.filter((message) => {
       if ((message.loop_name ?? "root") !== "root") return false;
       if (isHiddenInternalMessage(message)) return false;
-      if (message.kind === "context") return Boolean(message.context);
+      if (message.kind === "context") return false;
       if (message.kind === "compaction") return true;
       return message.role !== "tool" || getPlanningDividerKind(message) !== null;
     });
@@ -3785,15 +3706,6 @@ function MessageList({
         blocks.push({ type: "compaction", key: message.entry_id ?? `compaction-${blocks.length}` });
         continue;
       }
-      if (message.kind === "context" && message.context) {
-        flushAssistant();
-        blocks.push({
-          type: "context",
-          message,
-          key: message.entry_id ?? `context-${blocks.length}`
-        });
-        continue;
-      }
       if (message.role === "assistant") {
         assistantBuffer.push(message);
         continue;
@@ -3829,101 +3741,101 @@ function MessageList({
     }
     return blocks;
   }, [messages, isStreaming]);
-  return /* @__PURE__ */ jsx16("div", { className: cn("blade-chat-messages relative min-h-0 flex-1", className), children: /* @__PURE__ */ jsxs14(
-    StickToBottom,
-    {
-      className: "h-full overflow-y-hidden",
-      initial: "instant",
-      resize: "instant",
-      children: [
-        /* @__PURE__ */ jsx16(StickToBottom.Content, { className: "blade-chat-messages-scroll", children: /* @__PURE__ */ jsx16("div", { className: "blade-chat-messages-content mx-auto max-w-[748px]", children: /* @__PURE__ */ jsxs14("div", { className: "flex min-w-0 flex-col", children: [
-          renderBlocks.length === 0 ? emptyState ?? /* @__PURE__ */ jsxs14("div", { className: "blade-chat-empty", children: [
-            /* @__PURE__ */ jsx16(MessageSquare, { size: 40, strokeWidth: 1.5 }),
-            /* @__PURE__ */ jsx16("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
-            /* @__PURE__ */ jsx16("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__ */ jsx16("div", { "data-entry-id": block.message.entry_id, children: isUserMessage(block.message) ? /* @__PURE__ */ jsx16(UserMessageBubble, { message: block.message }) : isErrorMessage(block.message) ? /* @__PURE__ */ jsx16(ErrorMessageBlock, { message: block.message }) : null }, block.key);
-            }
-            if (block.type === "assistant_turn") {
-              const blockFeedback = block.messages.map(
-                (message) => message.entry_id ? resultFeedbackByEntry.get(message.entry_id) : void 0
-              ).find((feedback) => feedback != null);
-              const hasActiveFollowup = Boolean(
-                postChatFollowup && block.messages.some(
-                  (message) => message.entry_id === postChatFollowup.assistant_entry_id
-                )
-              );
-              return /* @__PURE__ */ jsx16("div", { "data-entry-id": block.messages[0]?.entry_id, children: /* @__PURE__ */ jsxs14(
-                RenderErrorBoundary,
-                {
-                  label: "\u52A9\u624B\u6D88\u606F",
-                  details: block.key,
-                  resetKey: getMessageResetSignature(block.messages),
-                  children: [
-                    /* @__PURE__ */ jsx16(
-                      AssistantTurnBlock,
-                      {
-                        messages: block.messages,
-                        isStreaming: block.isStreaming,
-                        askAnswers,
-                        onAnswer,
-                        sessionStatus,
-                        toolCallRenderer,
-                        sessionId
-                      }
-                    ),
-                    blockFeedback && !hasActiveFollowup ? /* @__PURE__ */ jsx16(HistoricalResultFeedback, { feedback: blockFeedback }) : null,
-                    hasActiveFollowup && postChatFollowup ? /* @__PURE__ */ jsx16(
-                      PostChatFollowupBlock,
-                      {
-                        followup: postChatFollowup,
-                        sessionId,
-                        onSuggestion,
-                        isViewer,
-                        onInteraction: onFollowupInteraction,
-                        savedFeedback: blockFeedback,
-                        onFeedbackSaved: onResultFeedbackSaved
-                      }
-                    ) : null
-                  ]
-                }
-              ) }, block.key);
-            }
-            if (block.type === "context") {
-              return /* @__PURE__ */ jsx16("div", { "data-entry-id": block.message.entry_id, children: /* @__PURE__ */ jsx16(ContextCard, { context: block.message.context }) }, block.key);
-            }
-            if (block.type === "compaction") {
-              return /* @__PURE__ */ jsxs14(
-                "div",
-                {
-                  className: "flex items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]",
-                  children: [
-                    /* @__PURE__ */ jsx16(Layers, { size: 12 }),
-                    /* @__PURE__ */ jsx16("span", { children: "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
-                  ]
-                },
-                block.key
-              );
-            }
-            return /* @__PURE__ */ jsx16(PlanningDivider, { kind: block.kind }, block.key);
-          }),
-          sessionStatus === "interrupted" && !isStreaming ? /* @__PURE__ */ jsx16("div", { className: "flex", children: /* @__PURE__ */ jsx16("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__ */ jsx16(
-          PinLatestUserMessage,
-          {
-            userMessageCount: userMessages.length,
-            shouldPinLatestUser,
-            targetKey: latestUserMessage?.render_id ?? latestUserMessage?.entry_id ?? (latestUserMessage ? `user:${userMessages.length}` : null)
-          },
-          sessionId ?? "no-session"
-        ),
-        /* @__PURE__ */ jsx16(ScrollToBottomButton, {})
-      ]
-    },
-    sessionId ?? "no-session"
-  ) });
+  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(
+      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" })
+            ] }) : 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);
+              }
+              if (block.type === "assistant_turn") {
+                const blockFeedback = block.messages.map(
+                  (message) => message.entry_id ? resultFeedbackByEntry.get(message.entry_id) : void 0
+                ).find((feedback) => feedback != null);
+                const hasActiveFollowup = Boolean(
+                  postChatFollowup && block.messages.some(
+                    (message) => message.entry_id === postChatFollowup.assistant_entry_id
+                  )
+                );
+                return /* @__PURE__ */ jsx15("div", { "data-entry-id": block.messages[0]?.entry_id, children: /* @__PURE__ */ jsxs13(
+                  RenderErrorBoundary,
+                  {
+                    label: "\u52A9\u624B\u6D88\u606F",
+                    details: block.key,
+                    resetKey: getMessageResetSignature(block.messages),
+                    children: [
+                      /* @__PURE__ */ jsx15(
+                        AssistantTurnBlock,
+                        {
+                          messages: block.messages,
+                          isStreaming: block.isStreaming,
+                          askAnswers,
+                          onAnswer,
+                          sessionStatus,
+                          toolCallRenderer,
+                          sessionId
+                        }
+                      ),
+                      blockFeedback && !hasActiveFollowup ? /* @__PURE__ */ jsx15(HistoricalResultFeedback, { feedback: blockFeedback }) : null,
+                      hasActiveFollowup && postChatFollowup ? /* @__PURE__ */ jsx15(
+                        PostChatFollowupBlock,
+                        {
+                          followup: postChatFollowup,
+                          sessionId,
+                          onSuggestion,
+                          isViewer,
+                          onInteraction: onFollowupInteraction,
+                          savedFeedback: blockFeedback,
+                          onFeedbackSaved: onResultFeedbackSaved
+                        }
+                      ) : null
+                    ]
+                  }
+                ) }, block.key);
+              }
+              if (block.type === "compaction") {
+                return /* @__PURE__ */ jsxs13(
+                  "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" })
+                    ]
+                  },
+                  block.key
+                );
+              }
+              return /* @__PURE__ */ jsx15(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
+          ] }) }) }),
+          /* @__PURE__ */ jsx15(
+            PinLatestUserMessage,
+            {
+              userMessageCount: userMessages.length,
+              shouldPinLatestUser,
+              targetKey: latestUserMessage?.render_id ?? latestUserMessage?.entry_id ?? (latestUserMessage ? `user:${userMessages.length}` : null)
+            },
+            sessionId ?? "no-session"
+          ),
+          /* @__PURE__ */ jsx15(ScrollToBottomButton, {})
+        ]
+      },
+      sessionId ?? "no-session"
+    )
+  ] });
 }
 function PinLatestUserMessage({
   userMessageCount,
@@ -4004,7 +3916,7 @@ function ScrollToBottomButton() {
     scrollToBottom();
   }, [scrollToBottom]);
   if (!visible) return null;
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs13(
     "button",
     {
       type: "button",
@@ -4012,25 +3924,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__ */ jsx16(ChevronDown, { size: 14 }),
-        /* @__PURE__ */ jsx16("span", { className: "blade-chat-scroll-bottom-label", children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
+        /* @__PURE__ */ jsx15(ChevronDown, { size: 14 }),
+        /* @__PURE__ */ jsx15("span", { className: "blade-chat-scroll-bottom-label", children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
       ]
     }
   );
 }
 function PlanningDivider({ kind }) {
-  return /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-3 py-1", children: [
-    /* @__PURE__ */ jsx16("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
-    /* @__PURE__ */ jsxs14("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__ */ jsx16(Lightbulb, { size: 12 }),
-      /* @__PURE__ */ jsx16("span", { children: kind === "enter" ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
+  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" })
     ] }),
-    /* @__PURE__ */ jsx16("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
+    /* @__PURE__ */ jsx15("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 jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function themeAttr(theme) {
   return theme === "dark" ? "dark" : void 0;
 }
@@ -4062,7 +3974,7 @@ function ChatSurface({
   beforeInput,
   banner
 }) {
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       "data-theme": themeAttr(theme),
@@ -4071,14 +3983,14 @@ function ChatSurface({
         classNames?.root
       ),
       children: [
-        /* @__PURE__ */ jsx17(ConnectionBanner, { connection, className: classNames?.banner }),
+        /* @__PURE__ */ jsx16(ConnectionBanner, { connection, className: classNames?.banner }),
         banner,
-        errorMessage && /* @__PURE__ */ jsxs15("div", { className: "blade-chat-error-bar flex items-start gap-2 border-b px-4 py-3 text-sm", children: [
-          /* @__PURE__ */ jsx17(CircleAlert, { size: 16, className: "mt-0.5 shrink-0" }),
-          /* @__PURE__ */ jsx17("span", { children: errorMessage })
+        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", { children: errorMessage })
         ] }),
         slots?.header,
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx16(
           MessageList,
           {
             messages,
@@ -4099,7 +4011,7 @@ function ChatSurface({
           }
         ),
         beforeInput,
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx16(
           ChatInput,
           {
             value: inputText,
@@ -4119,7 +4031,7 @@ function ChatSurface({
 }
 
 // src/components/AgentChat.tsx
-import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function isUnauthorizedError(error) {
   return error instanceof BladeApiError && error.status === 401;
 }
@@ -4138,11 +4050,11 @@ function LoginCard({ client, onLoggedIn }) {
       setLoggingIn(false);
     }
   };
-  return /* @__PURE__ */ jsx18("div", { className: "blade-chat-login flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsxs16("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__ */ jsx18(LockKeyhole, { size: 28, className: "text-[hsl(var(--muted-foreground))]" }),
-    /* @__PURE__ */ jsx18("div", { className: "text-base font-medium text-[hsl(var(--foreground))]", children: "\u9700\u8981\u767B\u5F55\u540E\u4F7F\u7528" }),
-    /* @__PURE__ */ jsx18("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__ */ jsx18(
+  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(
       "button",
       {
         type: "button",
@@ -4152,7 +4064,7 @@ function LoginCard({ client, onLoggedIn }) {
         children: loggingIn ? "\u767B\u5F55\u4E2D\u2026" : "\u767B\u5F55"
       }
     ),
-    loginError && /* @__PURE__ */ jsx18("div", { className: "text-xs text-[hsl(var(--destructive))]", children: loginError })
+    loginError && /* @__PURE__ */ jsx17("div", { className: "text-xs text-[hsl(var(--destructive))]", children: loginError })
   ] }) });
 }
 function AgentChat(props) {
@@ -4160,12 +4072,12 @@ function AgentChat(props) {
   const [attempt, setAttempt] = useState13(0);
   const [needLogin, setNeedLogin] = useState13(() => !client.hasToken());
   if (needLogin) {
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx17(
       "div",
       {
         "data-theme": themeAttr(props.theme),
         className: cn("blade-chat flex min-h-0 flex-1 flex-col", props.classNames?.root),
-        children: /* @__PURE__ */ jsx18(
+        children: /* @__PURE__ */ jsx17(
           LoginCard,
           {
             client,
@@ -4178,7 +4090,7 @@ function AgentChat(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx18(ChatSessionView, { ...props, onUnauthorized: () => setNeedLogin(true) }, attempt);
+  return /* @__PURE__ */ jsx17(ChatSessionView, { ...props, onUnauthorized: () => setNeedLogin(true) }, attempt);
 }
 function ChatSessionView({
   sessionId,
@@ -4287,7 +4199,7 @@ ${content}`);
     setStopRequested(true);
     void session?.stop();
   };
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     ChatSurface,
     {
       theme,
@@ -4297,8 +4209,8 @@ ${content}`);
       slots,
       placeholder,
       connection: state?.connection ?? "connecting",
-      banner: /* @__PURE__ */ jsxs16(Fragment3, { children: [
-        /* @__PURE__ */ jsx18(
+      banner: /* @__PURE__ */ jsxs15(Fragment3, { children: [
+        /* @__PURE__ */ jsx17(
           ReplayBar,
           {
             isReplay: replay.isReplay,
@@ -4308,7 +4220,7 @@ ${content}`);
             onExit: () => void replay.exitToAutonomous()
           }
         ),
-        /* @__PURE__ */ jsx18(ReplayMismatchPrompt, { mismatch: replay.mismatch })
+        /* @__PURE__ */ jsx17(ReplayMismatchPrompt, { mismatch: replay.mismatch })
       ] }),
       errorMessage,
       messages: state?.messages ?? [],
@@ -4341,7 +4253,7 @@ import { useEffect as useEffect12, useMemo as useMemo9, useState as useState15 }
 
 // src/components/LlmAdvancedSettings.tsx
 import { useState as useState14 } from "react";
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs16 } 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" },
@@ -4392,8 +4304,8 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
   if (!normalized) return null;
   const fields = FIELDS.filter((field) => normalized[field.id]);
   const dirty = Object.keys(override).length > 0;
-  return /* @__PURE__ */ jsxs17("div", { className: "blade-chat-advanced border-t border-[hsl(var(--border))] px-4 py-2 text-xs", children: [
-    /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs16("div", { className: "blade-chat-advanced border-t border-[hsl(var(--border))] px-4 py-2 text-xs", children: [
+    /* @__PURE__ */ jsxs16(
       "button",
       {
         type: "button",
@@ -4403,16 +4315,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__ */ jsx19(Settings2, { size: 13 }),
+          /* @__PURE__ */ jsx18(Settings2, { size: 13 }),
           "\u9AD8\u7EA7\u8BBE\u7F6E",
-          dirty && /* @__PURE__ */ jsx19("span", { className: "text-[hsl(var(--primary))]", children: "\uFF08\u5DF2\u81EA\u5B9A\u4E49\uFF09" })
+          dirty && /* @__PURE__ */ jsx18("span", { className: "text-[hsl(var(--primary))]", children: "\uFF08\u5DF2\u81EA\u5B9A\u4E49\uFF09" })
         ]
       }
     ),
-    open && /* @__PURE__ */ jsxs17("div", { className: "mt-2 flex flex-col gap-2", children: [
-      fields.map((field) => /* @__PURE__ */ jsxs17("label", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx19("span", { className: "text-[hsl(var(--muted-foreground))]", children: field.label }),
-        /* @__PURE__ */ jsx19(
+    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(
           "input",
           {
             type: field.secret ? "password" : "text",
@@ -4423,9 +4335,9 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
           }
         )
       ] }, field.id)),
-      normalized.apiKey && /* @__PURE__ */ jsx19("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__ */ jsxs17("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx19(
+      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(
           "button",
           {
             type: "button",
@@ -4440,7 +4352,7 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
             children: "\u4FDD\u5B58"
           }
         ),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx18(
           "button",
           {
             type: "button",
@@ -4459,7 +4371,7 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
 }
 
 // src/components/LlmChat.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function LlmChat({
   classNames,
   renderers,
@@ -4488,7 +4400,7 @@ ${text}` : text),
   useEffect12(() => {
     onReady?.(handle);
   }, [handle, onReady]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19(
     ChatSurface,
     {
       theme,
@@ -4513,7 +4425,7 @@ ${text}` : text),
         setStopRequested(true);
         stop();
       },
-      beforeInput: advanced ? /* @__PURE__ */ jsx20(
+      beforeInput: advanced ? /* @__PURE__ */ jsx19(
         LlmAdvancedSettingsBar,
         {
           settings: advanced,
@@ -4531,14 +4443,14 @@ ${text}` : text),
 }
 
 // src/components/ChatView.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx20 } 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__ */ jsx21(
+    return /* @__PURE__ */ jsx20(
       LlmChat,
       {
         ...llm,
@@ -4551,7 +4463,89 @@ function ChatView(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx21(AgentChat, { ...rest });
+  return /* @__PURE__ */ jsx20(AgentChat, { ...rest });
+}
+
+// src/components/ContextCard.tsx
+import {
+  getContextDisplayState
+} from "@blade-hq/agent-client";
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+function ContextCard({ context, className }) {
+  const display = getContextDisplayState(context);
+  return /* @__PURE__ */ jsxs17(
+    "details",
+    {
+      className: `blade-chat-context-card group 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(
+            Layers,
+            {
+              size: 15,
+              className: "blade-chat-context-icon shrink-0 text-[hsl(var(--muted-foreground))]",
+              "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__ */ jsx21(
+            ChevronDown,
+            {
+              size: 14,
+              className: "blade-chat-context-chevron shrink-0 text-[hsl(var(--muted-foreground))] transition-transform group-open: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 })
+      ]
+    }
+  );
+}
+
+// src/lib/agent-computer-command.ts
+var COMPUTER_LAUNCH_COMMAND_PATTERN = /(?:^|[\n;&|(]\s*)computer\s+launch(?:\s|$)/;
+function isAgentComputerCommand(command) {
+  return COMPUTER_LAUNCH_COMMAND_PATTERN.test(command);
+}
+function isAgentComputerToolCall(argumentsJson) {
+  if (!argumentsJson) return false;
+  let command;
+  try {
+    const parsed = JSON.parse(argumentsJson);
+    if (typeof parsed !== "object" || parsed === null) return false;
+    command = parsed.command;
+  } catch {
+    return false;
+  }
+  return typeof command === "string" && isAgentComputerCommand(command);
+}
+var LAUNCH_SUCCESS_MARKER = "\u5DF2\u542F\u52A8 ";
+function resultContainsLaunchSuccessMarker(result, depth = 0) {
+  if (depth > 2) return false;
+  if (typeof result === "string") {
+    if (result.includes(LAUNCH_SUCCESS_MARKER)) return true;
+    try {
+      return resultContainsLaunchSuccessMarker(JSON.parse(result), depth + 1);
+    } catch {
+      return false;
+    }
+  }
+  if (typeof result === "object" && result !== null) {
+    for (const value of Object.values(result)) {
+      if (typeof value === "string" && value.includes(LAUNCH_SUCCESS_MARKER)) return true;
+    }
+  }
+  return false;
+}
+function classifyAgentComputerLaunchOutcome(toolCall) {
+  if (toolCall.status === "error" || toolCall.status === "cancelled") return "failed";
+  if (toolCall.status !== "done") return "pending";
+  if (toolCall.result === void 0 || toolCall.result === null) return "unknown";
+  return resultContainsLaunchSuccessMarker(toolCall.result) ? "succeeded" : "failed";
 }
 
 // src/index.ts
@@ -4565,6 +4559,9 @@ export {
   MarkdownContent,
   ReplayBar,
   ReplayMismatchPrompt,
+  classifyAgentComputerLaunchOutcome,
+  isAgentComputerCommand,
+  isAgentComputerToolCall,
   useAgentSession,
   useBladeClient,
   useLlmChat,