@blade-hq/agent-react 2610.0.0-beta.25 → 2610.0.0-beta.27

package/dist/index.js

@@ -1859,16 +1859,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 {
@@ -1877,38 +1867,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() : "";
@@ -1931,15 +1889,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);
@@ -2541,6 +2490,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;
@@ -2569,9 +2538,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")
@@ -2583,6 +2553,7 @@ function ToolCallBlock({
   answered,
   answerData,
   sessionStatus,
+  isActiveQuestion,
   renderer
 }) {
   const [expanded, setExpanded] = useState9(false);
@@ -2598,7 +2569,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) {
@@ -2620,9 +2592,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);
@@ -2810,11 +2789,70 @@ 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":
+    case "WebFetch":
+      return "\u7F51\u7EDC\u68C0\u7D22";
+    case "Bash":
+    case "BgBash":
+      return "\u547D\u4EE4\u6267\u884C";
+    case "Read":
+    case "ReadSkill":
+      return "\u5185\u5BB9\u8BFB\u53D6";
+    case "Write":
+    case "Edit":
+    case "MultiEdit":
+      return "\u6587\u4EF6\u5904\u7406";
+    case "Grep":
+    case "Glob":
+      return "\u5185\u5BB9\u641C\u7D22";
+    case "Agent":
+      return "\u5B50\u4EFB\u52A1";
+    case "search_skills":
+      return "\u6280\u80FD\u68C0\u7D22";
+    case "get_skill_content":
+      return "\u8BFB\u53D6\u6280\u80FD";
+    case "run_skill_tool":
+      return "\u6267\u884C\u6280\u80FD";
+    default:
+      return businessToolDisplayName(toolCall) || "\u6267\u884C\u6B65\u9AA4";
+  }
+}
+function executionToolIntent(toolCall) {
+  const normalizedName = formatToolName(toolCall.name);
+  let args = null;
+  try {
+    const parsed = JSON.parse(toolCall.arguments);
+    args = parsed && typeof parsed === "object" && !Array.isArray(parsed) ? parsed : null;
+  } catch {
+    args = null;
+  }
+  const getString = (key) => {
+    const value = args?.[key];
+    return typeof value === "string" ? value.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") {
+    return getString("skill_name") || getString("skill");
+  }
+  if (normalizedName === "FinishTask") return getString("title");
+  return "";
+}
 function ExecutionToolRow({ toolCall }) {
   const normalizedName = formatToolName(toolCall.name);
+  const typeLabel = executionToolTypeLabel(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))]"
@@ -2824,25 +2862,9 @@ function ExecutionToolRow({ toolCall }) {
     "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__ */ jsx11("div", { "data-testid": "execution-tool-intent", className: rowClassName, children: icon });
-  }
-  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"),
-        "aria-expanded": fileOpen,
-        onClick: () => setFileOpen((open) => !open),
-        children: [
-          icon,
-          /* @__PURE__ */ jsx11(ChevronRight, { size: 14, className: cn("shrink-0 transition-transform", fileOpen && "rotate-90"), "aria-hidden": "true" })
-        ]
-      }
-    ),
-    fileOpen ? /* @__PURE__ */ jsx11("div", { className: "ml-[18px] truncate text-xs leading-[22px] text-[hsl(var(--muted-foreground))]", title: filePath, children: 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({
@@ -2873,6 +2895,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"
   );
@@ -3029,6 +3052,7 @@ function AssistantTurnBlock({
             onAnswer,
             answered: sessionStatus !== "waiting_for_input",
             sessionStatus,
+            isActiveQuestion: toolCall.id === activeQuestionId,
             renderer: toolCallRenderer
           },
           toolCall.id
@@ -3100,49 +3124,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;
@@ -3175,18 +3159,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
       ] })
     ] }) });
   }
@@ -3194,7 +3178,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);
@@ -3216,7 +3200,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,
@@ -3227,9 +3211,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" })
         ]
       }
     );
@@ -3264,7 +3248,7 @@ ${artifact.target}`,
       setDownloading(false);
     }
   };
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(
     "a",
     {
       href: downloadUrl,
@@ -3292,17 +3276,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
@@ -3377,15 +3361,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",
@@ -3396,7 +3380,7 @@ function ResultFeedback({
               children: "\u6709\u5E2E\u52A9"
             }
           ),
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx13(
             "button",
             {
               type: "button",
@@ -3408,7 +3392,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",
@@ -3420,9 +3404,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",
@@ -3434,7 +3418,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
       ]
     }
   );
@@ -3501,15 +3485,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,
@@ -3521,7 +3505,7 @@ function PostChatFollowupBlock({
           },
           `${artifact.kind}:${artifactIndex}`
         )) }),
-        artifacts.length > 3 ? /* @__PURE__ */ jsxs12(
+        artifacts.length > 3 ? /* @__PURE__ */ jsxs11(
           "button",
           {
             type: "button",
@@ -3530,15 +3514,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",
@@ -3557,14 +3541,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,
@@ -3580,7 +3564,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";
 }
@@ -3592,8 +3576,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,
@@ -3602,21 +3586,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" })
     ] })
   ] }) });
 }
@@ -3625,11 +3609,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;
@@ -3685,7 +3669,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;
     });
@@ -3720,15 +3704,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;
@@ -3764,23 +3739,23 @@ function MessageList({
     }
     return blocks;
   }, [messages, isStreaming]);
-  return /* @__PURE__ */ jsxs14("div", { className: cn("blade-chat-messages relative min-h-0 flex-1", className), children: [
-    isStreaming ? /* @__PURE__ */ jsx16("output", { className: "sr-only", children: "\u6B63\u5728\u751F\u6210\u56DE\u590D" }) : null,
-    /* @__PURE__ */ jsxs14(
+  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__ */ 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" })
+          /* @__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__ */ 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);
+                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(
@@ -3791,14 +3766,14 @@ function MessageList({
                     (message) => message.entry_id === postChatFollowup.assistant_entry_id
                   )
                 );
-                return /* @__PURE__ */ jsx16("div", { "data-entry-id": block.messages[0]?.entry_id, children: /* @__PURE__ */ jsxs14(
+                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__ */ jsx16(
+                      /* @__PURE__ */ jsx15(
                         AssistantTurnBlock,
                         {
                           messages: block.messages,
@@ -3810,8 +3785,8 @@ function MessageList({
                           sessionId
                         }
                       ),
-                      blockFeedback && !hasActiveFollowup ? /* @__PURE__ */ jsx16(HistoricalResultFeedback, { feedback: blockFeedback }) : null,
-                      hasActiveFollowup && postChatFollowup ? /* @__PURE__ */ jsx16(
+                      blockFeedback && !hasActiveFollowup ? /* @__PURE__ */ jsx15(HistoricalResultFeedback, { feedback: blockFeedback }) : null,
+                      hasActiveFollowup && postChatFollowup ? /* @__PURE__ */ jsx15(
                         PostChatFollowupBlock,
                         {
                           followup: postChatFollowup,
@@ -3827,27 +3802,24 @@ function MessageList({
                   }
                 ) }, 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(
+                return /* @__PURE__ */ jsxs13(
                   "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" })
+                      /* @__PURE__ */ jsx15(Layers, { size: 12 }),
+                      /* @__PURE__ */ jsx15("span", { children: "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
                     ]
                   },
                   block.key
                 );
               }
-              return /* @__PURE__ */ jsx16(PlanningDivider, { kind: block.kind }, block.key);
+              return /* @__PURE__ */ jsx15(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
+            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__ */ jsx16(
+          /* @__PURE__ */ jsx15(
             PinLatestUserMessage,
             {
               userMessageCount: userMessages.length,
@@ -3856,7 +3828,7 @@ function MessageList({
             },
             sessionId ?? "no-session"
           ),
-          /* @__PURE__ */ jsx16(ScrollToBottomButton, {})
+          /* @__PURE__ */ jsx15(ScrollToBottomButton, {})
         ]
       },
       sessionId ?? "no-session"
@@ -3942,7 +3914,7 @@ function ScrollToBottomButton() {
     scrollToBottom();
   }, [scrollToBottom]);
   if (!visible) return null;
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs13(
     "button",
     {
       type: "button",
@@ -3950,25 +3922,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;
 }
@@ -4000,7 +3972,7 @@ function ChatSurface({
   beforeInput,
   banner
 }) {
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       "data-theme": themeAttr(theme),
@@ -4009,14 +3981,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,
@@ -4037,7 +4009,7 @@ function ChatSurface({
           }
         ),
         beforeInput,
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx16(
           ChatInput,
           {
             value: inputText,
@@ -4057,7 +4029,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;
 }
@@ -4076,11 +4048,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",
@@ -4090,7 +4062,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) {
@@ -4098,12 +4070,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,
@@ -4116,7 +4088,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,
@@ -4225,7 +4197,7 @@ ${content}`);
     setStopRequested(true);
     void session?.stop();
   };
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     ChatSurface,
     {
       theme,
@@ -4235,8 +4207,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,
@@ -4246,7 +4218,7 @@ ${content}`);
             onExit: () => void replay.exitToAutonomous()
           }
         ),
-        /* @__PURE__ */ jsx18(ReplayMismatchPrompt, { mismatch: replay.mismatch })
+        /* @__PURE__ */ jsx17(ReplayMismatchPrompt, { mismatch: replay.mismatch })
       ] }),
       errorMessage,
       messages: state?.messages ?? [],
@@ -4279,7 +4251,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" },
@@ -4330,8 +4302,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",
@@ -4341,16 +4313,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",
@@ -4361,9 +4333,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",
@@ -4378,7 +4350,7 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
             children: "\u4FDD\u5B58"
           }
         ),
-        /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx18(
           "button",
           {
             type: "button",
@@ -4397,7 +4369,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,
@@ -4426,7 +4398,7 @@ ${text}` : text),
   useEffect12(() => {
     onReady?.(handle);
   }, [handle, onReady]);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19(
     ChatSurface,
     {
       theme,
@@ -4451,7 +4423,7 @@ ${text}` : text),
         setStopRequested(true);
         stop();
       },
-      beforeInput: advanced ? /* @__PURE__ */ jsx20(
+      beforeInput: advanced ? /* @__PURE__ */ jsx19(
         LlmAdvancedSettingsBar,
         {
           settings: advanced,
@@ -4469,14 +4441,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,
@@ -4489,7 +4461,47 @@ 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