@blade-hq/agent-react 2610.0.0-beta.15 → 2610.0.0-beta.17

package/dist/index.js

@@ -1588,6 +1588,17 @@ function getStringArgValue(args, key) {
   const value = args?.[key];
   return typeof value === "string" ? value.trim() : "";
 }
+var SKILL_ENTRY_FILE_NAMES = /* @__PURE__ */ new Set(["skill.md", "command.md"]);
+var NON_SKILL_DIR_NAMES = /* @__PURE__ */ new Set([".", "..", ".agent", ".agents", ".claude", "skill_data", "skills"]);
+function getSkillNameFromFilePath(filePath) {
+  if (!filePath) return null;
+  const segments = filePath.split(/[\\/]+/).filter(Boolean);
+  const fileName = segments.pop();
+  if (!fileName || !SKILL_ENTRY_FILE_NAMES.has(fileName.toLowerCase())) return null;
+  const dirName = segments.pop();
+  if (!dirName || NON_SKILL_DIR_NAMES.has(dirName.toLowerCase())) return null;
+  return dirName;
+}
 function formatToolName(name) {
   const trimmed = name.trim();
   if (!trimmed) return name;
@@ -1612,6 +1623,12 @@ function getToolDisplayLabel(toolCall) {
     const skillName = getStringArgValue(args, "skill") || getStringArgValue(args, "skill_name");
     return skillName ? `${baseLabel}\u300C${skillName}\u300D` : baseLabel;
   }
+  if (normalized === "Read") {
+    const skillName = getSkillNameFromFilePath(
+      getStringArgValue(args, "file_path") || getStringArgValue(args, "path")
+    );
+    if (skillName) return `\u8BFB\u53D6\u6280\u80FD\u300C${skillName}\u300D`;
+  }
   if (normalized === "FinishTask") {
     const title = getStringArgValue(args, "title");
     return title ? `${baseLabel}\uFF1A${title}` : baseLabel;
@@ -1858,6 +1875,7 @@ function AskUserQuestionBlock({
   const [selections, setSelections] = useState8(/* @__PURE__ */ new Map());
   const [customTexts, setCustomTexts] = useState8(/* @__PURE__ */ new Map());
   const [usingCustom, setUsingCustom] = useState8(/* @__PURE__ */ new Set());
+  const [note, setNote] = useState8("");
   const [submitted, setSubmitted] = useState8(false);
   useEffect6(() => {
     if (sessionStatus === "failed" || sessionStatus === "interrupted") {
@@ -1866,7 +1884,7 @@ function AskUserQuestionBlock({
   }, [sessionStatus]);
   const displayAnswerState = useMemo6(() => {
     if (!(answered && answerData)) {
-      return { selections, customTexts, usingCustom };
+      return { selections, customTexts, usingCustom, note };
     }
     const nextSelections = /* @__PURE__ */ new Map();
     const nextCustomTexts = /* @__PURE__ */ new Map();
@@ -1882,9 +1900,10 @@ function AskUserQuestionBlock({
     return {
       selections: nextSelections,
       customTexts: nextCustomTexts,
-      usingCustom: nextUsingCustom
+      usingCustom: nextUsingCustom,
+      note: answerData.note ?? ""
     };
-  }, [answerData, answered, customTexts, selections, usingCustom]);
+  }, [answerData, answered, customTexts, note, selections, usingCustom]);
   const toggleOption = (qIdx, optIdx, multi) => {
     if (answered || submitted) return;
     setSelections((prev) => {
@@ -1932,6 +1951,7 @@ function AskUserQuestionBlock({
   const allAnswered = data.questions.every((_, i) => getAnswer(i) !== null);
   const handleSubmit = () => {
     if (answered || submitted || !allAnswered || !onAnswer) return;
+    const trimmedNote = note.trim();
     const nextAnswerData = {
       selections: Object.fromEntries(
         Array.from(selections.entries()).map(([qIdx, optionIndexes]) => [
@@ -1941,13 +1961,17 @@ function AskUserQuestionBlock({
       ),
       custom: Object.fromEntries(
         Array.from(usingCustom).map((qIdx) => [qIdx, (customTexts.get(qIdx) ?? "").trim()]).filter(([, text2]) => text2.length > 0)
-      )
+      ),
+      ...trimmedNote ? { note: trimmedNote } : {}
     };
     const parts = data.questions.map(
       (q, i) => `- ${q.question} -> ${indentAnswerContinuationLines(getAnswer(i) ?? "")}`
     );
-    const text = `\u5173\u4E8E\u9700\u8981\u786E\u8BA4\u7684\u95EE\u9898\uFF0C\u7528\u6237\u7684\u56DE\u7B54\u5982\u4E0B\uFF1A
-${parts.join("\n")}`;
+    const text = [
+      `\u5173\u4E8E\u9700\u8981\u786E\u8BA4\u7684\u95EE\u9898\uFF0C\u7528\u6237\u7684\u56DE\u7B54\u5982\u4E0B\uFF1A
+${parts.join("\n")}`,
+      trimmedNote ? `\u8865\u5145\u8BF4\u660E\uFF1A${indentAnswerContinuationLines(trimmedNote)}` : ""
+    ].filter(Boolean).join("\n");
     setSubmitted(true);
     onAnswer(text, toolCallId, nextAnswerData);
   };
@@ -1979,6 +2003,15 @@ ${parts.join("\n")}`;
           },
           q.question
         )),
+        /* @__PURE__ */ jsx9(
+          NoteField,
+          {
+            answered,
+            submitted,
+            note: displayAnswerState.note,
+            onChange: setNote
+          }
+        ),
         !answered && !submitted && onAnswer && /* @__PURE__ */ jsx9(
           "button",
           {
@@ -2124,6 +2157,49 @@ function QuestionCard({
     ] })
   ] });
 }
+function NoteField({
+  answered,
+  submitted,
+  note,
+  onChange
+}) {
+  const textareaRef = useAutoResizeTextarea(note);
+  const readOnly = answered || submitted;
+  if (answered && !note.trim()) return null;
+  return /* @__PURE__ */ jsxs7(
+    "label",
+    {
+      className: cn(
+        "block rounded-lg border transition-all focus-within:ring-2 focus-within:ring-[hsl(var(--ring)/0.35)]",
+        answered ? "px-2.5 py-1.5" : "px-3 py-2.5",
+        note.trim() ? "border-[hsl(var(--ring)/0.6)] bg-[hsl(var(--accent))]" : "border-[hsl(var(--border))] hover:border-[hsl(var(--ring)/0.3)] hover:bg-[hsl(var(--accent))]",
+        readOnly && "cursor-default opacity-70"
+      ),
+      children: [
+        /* @__PURE__ */ jsx9("span", { className: "mb-1.5 block text-xs text-[hsl(var(--muted-foreground))]", children: "\u8865\u5145\u8BF4\u660E\uFF08\u53EF\u9009\uFF09" }),
+        /* @__PURE__ */ jsx9(
+          "textarea",
+          {
+            ref: textareaRef,
+            rows: 2,
+            value: note,
+            readOnly,
+            onChange: (event) => {
+              if (readOnly) return;
+              onChange(event.target.value);
+            },
+            "aria-label": "\u8865\u5145\u8BF4\u660E",
+            placeholder: "\u9009\u5B8C\u8FD8\u53EF\u4EE5\u518D\u8BB2\u4E24\u53E5\uFF0C\u7A7A\u7740\u5C31\u5F53\u6CA1\u6709",
+            className: cn(
+              "min-h-10 w-full resize-none bg-transparent leading-5 text-[hsl(var(--foreground))] outline-none placeholder:text-[hsl(var(--muted-foreground)/0.5)]",
+              answered ? "text-xs" : "text-sm"
+            )
+          }
+        )
+      ]
+    }
+  );
+}
 function parseAskUserQuestion(toolResult) {
   if (!toolResult) return null;
   try {
@@ -2391,9 +2467,49 @@ function AssistantTurnBlock({
   ] });
 }
 
+// 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 jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function getFirstComponentName(componentStack) {
   const match = componentStack.match(/\n\s+at\s+([^\s(]+)/);
   return match?.[1] ?? null;
@@ -2426,18 +2542,18 @@ var RenderErrorBoundary = class extends Component {
       return children;
     }
     const componentName = getFirstComponentName(componentStack);
-    return /* @__PURE__ */ jsx12("div", { className: "blade-chat-render-error rounded-xl border border-amber-500/30 bg-amber-500/8 px-4 py-3 text-sm text-amber-100", children: /* @__PURE__ */ jsxs10("div", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ jsx12(TriangleAlert, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
-      /* @__PURE__ */ jsxs10("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs10("div", { className: "font-medium", children: [
+    return /* @__PURE__ */ jsx13("div", { className: "blade-chat-render-error rounded-xl border border-amber-500/30 bg-amber-500/8 px-4 py-3 text-sm text-amber-100", children: /* @__PURE__ */ jsxs11("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx13(TriangleAlert, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
+      /* @__PURE__ */ jsxs11("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "font-medium", children: [
           label,
           "\u6E32\u67D3\u5931\u8D25"
         ] }),
-        /* @__PURE__ */ jsxs10("div", { className: "mt-1 break-words text-xs leading-5 text-amber-100/75", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "mt-1 break-words text-xs leading-5 text-amber-100/75", children: [
           componentName ? `\u7EC4\u4EF6\uFF1A${componentName}\u3002` : null,
           error.message || "\u53D1\u751F\u4E86\u672A\u9884\u671F\u7684\u6E32\u67D3\u9519\u8BEF\u3002"
         ] }),
-        details ? /* @__PURE__ */ jsx12("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
+        details ? /* @__PURE__ */ jsx13("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
       ] })
     ] }) });
   }
@@ -2445,7 +2561,7 @@ var RenderErrorBoundary = class extends Component {
 
 // src/components/PostChatFollowupBlock.tsx
 import { useCallback as useCallback5, useEffect as useEffect7, useRef as useRef8, useState as useState11 } from "react";
-import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function emitInteraction(callback, event) {
   try {
     callback?.(event);
@@ -2467,7 +2583,7 @@ function ArtifactCard({
   const [downloading, setDownloading] = useState11(false);
   const name = artifact.label || basename(artifact.target);
   if (artifact.kind === "link") {
-    return /* @__PURE__ */ jsxs11(
+    return /* @__PURE__ */ jsxs12(
       "a",
       {
         href: artifact.target,
@@ -2478,9 +2594,9 @@ function ArtifactCard({
 ${artifact.target}`,
         className: "group relative flex min-w-0 items-center gap-1.5 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-2 py-1.5 text-xs text-[hsl(var(--card-foreground))] hover:bg-[hsl(var(--accent))]",
         children: [
-          /* @__PURE__ */ jsx13(Globe, { size: 15, className: "shrink-0 text-[hsl(var(--primary))]" }),
-          /* @__PURE__ */ jsx13("span", { className: "min-w-0 flex-1 truncate font-medium", children: name }),
-          /* @__PURE__ */ jsx13(ArrowUpRight, { size: 13, className: "absolute right-2 opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100" })
+          /* @__PURE__ */ jsx14(Globe, { size: 15, className: "shrink-0 text-[hsl(var(--primary))]" }),
+          /* @__PURE__ */ jsx14("span", { className: "min-w-0 flex-1 truncate font-medium", children: name }),
+          /* @__PURE__ */ jsx14(ArrowUpRight, { size: 13, className: "absolute right-2 opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100" })
         ]
       }
     );
@@ -2515,7 +2631,7 @@ ${artifact.target}`,
       setDownloading(false);
     }
   };
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "a",
     {
       href: downloadUrl,
@@ -2543,17 +2659,17 @@ function feedbackReasonLabel(reason) {
 }
 function HistoricalResultFeedback({ feedback }) {
   const label = feedbackReasonLabel(feedback.reason);
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "section",
     {
       "aria-label": "\u5386\u53F2\u7ED3\u679C\u53CD\u9988",
       className: "mt-3 w-fit max-w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.2)] px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]",
       children: [
-        /* @__PURE__ */ jsxs11("span", { children: [
+        /* @__PURE__ */ jsxs12("span", { children: [
           "\u4F60\u5BF9\u6B64\u8F6E\u7ED3\u679C\u7684\u8BC4\u4EF7\uFF1A",
           feedback.helpful ? "\u6709\u5E2E\u52A9" : "\u6CA1\u5E2E\u52A9"
         ] }),
-        label ? /* @__PURE__ */ jsxs11("span", { children: [
+        label ? /* @__PURE__ */ jsxs12("span", { children: [
           " \xB7 ",
           label
         ] }) : null
@@ -2628,15 +2744,15 @@ function ResultFeedback({
     [client, followup.assistant_entry_id, onFeedbackSaved, onInteraction, sessionId]
   );
   if (!eligible) return null;
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "section",
     {
       "aria-label": "\u7ED3\u679C\u53CD\u9988",
       className: "flex flex-col gap-2 border-t border-[hsl(var(--border))] pt-3",
       children: [
-        /* @__PURE__ */ jsx13("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u76EE\u524D\u7684\u6574\u4F53\u7ED3\u679C\u6709\u5E2E\u52A9\u5417\uFF1F" }),
-        /* @__PURE__ */ jsxs11("div", { className: "flex flex-wrap gap-1.5", children: [
-          /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u76EE\u524D\u7684\u6574\u4F53\u7ED3\u679C\u6709\u5E2E\u52A9\u5417\uFF1F" }),
+        /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap gap-1.5", children: [
+          /* @__PURE__ */ jsx14(
             "button",
             {
               type: "button",
@@ -2647,7 +2763,7 @@ function ResultFeedback({
               children: "\u6709\u5E2E\u52A9"
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             "button",
             {
               type: "button",
@@ -2659,7 +2775,7 @@ function ResultFeedback({
             }
           )
         ] }),
-        helpful === false ? /* @__PURE__ */ jsx13("div", { className: "flex flex-wrap gap-1.5", "aria-label": "\u6CA1\u5E2E\u52A9\u7684\u4E3B\u8981\u539F\u56E0", children: FEEDBACK_REASONS.map((item) => /* @__PURE__ */ jsx13(
+        helpful === false ? /* @__PURE__ */ jsx14("div", { className: "flex flex-wrap gap-1.5", "aria-label": "\u6CA1\u5E2E\u52A9\u7684\u4E3B\u8981\u539F\u56E0", children: FEEDBACK_REASONS.map((item) => /* @__PURE__ */ jsx14(
           "button",
           {
             type: "button",
@@ -2671,9 +2787,9 @@ function ResultFeedback({
           },
           item.value
         )) }) : null,
-        saveError ? /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 text-xs text-[hsl(var(--destructive))]", children: [
-          /* @__PURE__ */ jsx13("span", { children: "\u53CD\u9988\u6682\u672A\u4FDD\u5B58\uFF0C\u53EF\u91CD\u8BD5" }),
-          /* @__PURE__ */ jsx13(
+        saveError ? /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 text-xs text-[hsl(var(--destructive))]", children: [
+          /* @__PURE__ */ jsx14("span", { children: "\u53CD\u9988\u6682\u672A\u4FDD\u5B58\uFF0C\u53EF\u91CD\u8BD5" }),
+          /* @__PURE__ */ jsx14(
             "button",
             {
               type: "button",
@@ -2685,7 +2801,7 @@ function ResultFeedback({
               children: "\u91CD\u8BD5"
             }
           )
-        ] }) : saved ? /* @__PURE__ */ jsx13("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u5DF2\u4FDD\u5B58\uFF0C\u53EF\u968F\u65F6\u4FEE\u6539" }) : null
+        ] }) : saved ? /* @__PURE__ */ jsx14("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u5DF2\u4FDD\u5B58\uFF0C\u53EF\u968F\u65F6\u4FEE\u6539" }) : null
       ]
     }
   );
@@ -2752,15 +2868,15 @@ function PostChatFollowupBlock({
   );
   if (!followup.recaption && artifacts.length === 0 && followup.suggestions.length === 0 && !followup.feedback_eligible)
     return null;
-  return /* @__PURE__ */ jsxs11("div", { className: "mt-3 flex w-fit max-w-full flex-col gap-3 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.28)] p-3 sm:max-w-[680px]", children: [
-    followup.recaption || artifacts.length > 0 ? /* @__PURE__ */ jsxs11("section", { "aria-label": "\u672C\u8F6E\u5C0F\u7ED3", className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-1.5 text-xs font-medium text-[hsl(var(--muted-foreground))]", children: [
-        /* @__PURE__ */ jsx13(Sparkles, { size: 14 }),
+  return /* @__PURE__ */ jsxs12("div", { className: "mt-3 flex w-fit max-w-full flex-col gap-3 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.28)] p-3 sm:max-w-[680px]", children: [
+    followup.recaption || artifacts.length > 0 ? /* @__PURE__ */ jsxs12("section", { "aria-label": "\u672C\u8F6E\u5C0F\u7ED3", className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1.5 text-xs font-medium text-[hsl(var(--muted-foreground))]", children: [
+        /* @__PURE__ */ jsx14(Sparkles, { size: 14 }),
         "\u672C\u8F6E\u5C0F\u7ED3"
       ] }),
-      followup.recaption ? /* @__PURE__ */ jsx13("p", { className: "text-[13px] leading-5", children: followup.recaption }) : null,
-      artifacts.length > 0 ? /* @__PURE__ */ jsxs11(Fragment2, { children: [
-        /* @__PURE__ */ jsx13("div", { className: "grid max-w-full grid-cols-3 gap-1.5", children: visibleArtifacts.map((artifact, artifactIndex) => /* @__PURE__ */ jsx13(
+      followup.recaption ? /* @__PURE__ */ jsx14("p", { className: "text-[13px] leading-5", children: followup.recaption }) : null,
+      artifacts.length > 0 ? /* @__PURE__ */ jsxs12(Fragment2, { children: [
+        /* @__PURE__ */ jsx14("div", { className: "grid max-w-full grid-cols-3 gap-1.5", children: visibleArtifacts.map((artifact, artifactIndex) => /* @__PURE__ */ jsx14(
           ArtifactCard,
           {
             artifact,
@@ -2772,7 +2888,7 @@ function PostChatFollowupBlock({
           },
           `${artifact.kind}:${artifactIndex}`
         )) }),
-        artifacts.length > 3 ? /* @__PURE__ */ jsxs11(
+        artifacts.length > 3 ? /* @__PURE__ */ jsxs12(
           "button",
           {
             type: "button",
@@ -2781,15 +2897,15 @@ function PostChatFollowupBlock({
             className: "flex w-fit items-center gap-0.5 text-[11px] text-[hsl(var(--muted-foreground))]",
             children: [
               expanded ? "\u6536\u8D77" : `\u5C55\u5F00 ${artifacts.length - 3} \u4E2A`,
-              /* @__PURE__ */ jsx13(ChevronDown, { size: 13, className: expanded ? "rotate-180" : void 0 })
+              /* @__PURE__ */ jsx14(ChevronDown, { size: 13, className: expanded ? "rotate-180" : void 0 })
             ]
           }
         ) : null
       ] }) : null
     ] }) : null,
-    followup.suggestions.length > 0 ? /* @__PURE__ */ jsxs11("section", { "aria-label": "\u4E0B\u4E00\u6B65\u5EFA\u8BAE", className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ jsx13("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u4E0B\u4E00\u6B65\u53EF\u4EE5" }),
-      followup.suggestions.map((suggestion, suggestionIndex) => /* @__PURE__ */ jsxs11(
+    followup.suggestions.length > 0 ? /* @__PURE__ */ jsxs12("section", { "aria-label": "\u4E0B\u4E00\u6B65\u5EFA\u8BAE", className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx14("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u4E0B\u4E00\u6B65\u53EF\u4EE5" }),
+      followup.suggestions.map((suggestion, suggestionIndex) => /* @__PURE__ */ jsxs12(
         "button",
         {
           type: "button",
@@ -2808,14 +2924,14 @@ function PostChatFollowupBlock({
           },
           className: "group flex items-center gap-2 rounded-xl bg-[hsl(var(--muted)/0.62)] px-3 py-2 text-left text-[13px] disabled:cursor-default disabled:opacity-60",
           children: [
-            /* @__PURE__ */ jsx13("span", { children: suggestion }),
-            /* @__PURE__ */ jsx13(ArrowRight, { size: 14, className: "ml-auto shrink-0" })
+            /* @__PURE__ */ jsx14("span", { children: suggestion }),
+            /* @__PURE__ */ jsx14(ArrowRight, { size: 14, className: "ml-auto shrink-0" })
           ]
         },
         suggestion
       ))
     ] }) : null,
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       ResultFeedback,
       {
         followup,
@@ -2831,7 +2947,7 @@ function PostChatFollowupBlock({
 
 // src/components/UserMessageBubble.tsx
 import { getFileParts, getImageParts, getTextContent as getTextContent2 } from "@blade-hq/agent-client";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function isUserMessage(message) {
   return message.role === "user";
 }
@@ -2843,8 +2959,8 @@ function UserMessageBubble({ message, className }) {
   const text = getTextContent2(message.content).trim();
   const fileParts = getFileParts(message.content);
   const imageParts = getImageParts(message.content);
-  return /* @__PURE__ */ jsx14("div", { className: cn("blade-chat-user-row flex justify-end", className), children: /* @__PURE__ */ jsxs12("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: [
-    imageParts.length > 0 && /* @__PURE__ */ jsx14("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx14(
+  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(
       "img",
       {
         src: part.image_url.url,
@@ -2853,21 +2969,21 @@ function UserMessageBubble({ message, className }) {
       },
       part.image_url.url
     )) }),
-    fileParts.length > 0 && /* @__PURE__ */ jsx14("div", { className: "flex flex-col items-end gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs12(
+    fileParts.length > 0 && /* @__PURE__ */ jsx15("div", { className: "flex flex-col items-end gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs13(
       "div",
       {
         className: "flex items-center gap-1.5 rounded-lg border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--muted)/0.3)] px-2.5 py-1.5 text-xs text-[hsl(var(--muted-foreground))]",
         children: [
-          /* @__PURE__ */ jsx14(FileText, { size: 12, className: "shrink-0" }),
-          /* @__PURE__ */ jsx14("span", { className: "max-w-56 truncate", title: part.name, children: part.name })
+          /* @__PURE__ */ jsx15(FileText, { size: 12, className: "shrink-0" }),
+          /* @__PURE__ */ jsx15("span", { className: "max-w-56 truncate", title: part.name, children: part.name })
         ]
       },
       `${part.name}-${part.data.length}`
     )) }),
-    text && /* @__PURE__ */ jsx14("div", { className: "blade-chat-user-bubble max-w-full rounded-[20px] rounded-br-[6px] border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-[18px] py-[13px] text-sm leading-[1.65] text-[hsl(var(--user-msg-fg))]", children: /* @__PURE__ */ jsx14(MarkdownContent, { className: "blade-chat-prose", children: text }) }),
-    text && isSending(message) && /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1 pr-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))/0.85]", children: [
-      /* @__PURE__ */ jsx14(LoaderCircle, { size: 11, className: "animate-spin", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx14("span", { children: "\u53D1\u9001\u4E2D" })
+    text && /* @__PURE__ */ 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" })
     ] })
   ] }) });
 }
@@ -2876,11 +2992,11 @@ function ErrorMessageBlock({
   className
 }) {
   const text = getTextContent2(message.content);
-  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 }) });
+  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 }) });
 }
 
 // src/components/MessageList.tsx
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function parseModeChange(message) {
   if (message.kind !== "mode_change" || typeof message.content !== "string") {
     return null;
@@ -2933,6 +3049,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 === "compaction") return true;
       return message.role !== "tool" || getPlanningDividerKind(message) !== null;
     });
@@ -2967,6 +3084,15 @@ 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;
@@ -3002,15 +3128,15 @@ function MessageList({
     }
     return blocks;
   }, [messages, isStreaming]);
-  return /* @__PURE__ */ jsx15("div", { className: cn("blade-chat-messages relative min-h-0 flex-1", className), children: /* @__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" })
+  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__ */ jsx15("div", { "data-entry-id": block.message.entry_id, children: isUserMessage(block.message) ? /* @__PURE__ */ jsx15(UserMessageBubble, { message: block.message }) : isErrorMessage(block.message) ? /* @__PURE__ */ jsx15(ErrorMessageBlock, { message: block.message }) : null }, block.key);
+          return /* @__PURE__ */ 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(
@@ -3021,14 +3147,14 @@ function MessageList({
               (message) => message.entry_id === postChatFollowup.assistant_entry_id
             )
           );
-          return /* @__PURE__ */ jsx15("div", { "data-entry-id": block.messages[0]?.entry_id, children: /* @__PURE__ */ jsxs13(
+          return /* @__PURE__ */ 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__ */ jsx15(
+                /* @__PURE__ */ jsx16(
                   AssistantTurnBlock,
                   {
                     messages: block.messages,
@@ -3040,8 +3166,8 @@ function MessageList({
                     sessionId
                   }
                 ),
-                blockFeedback && !hasActiveFollowup ? /* @__PURE__ */ jsx15(HistoricalResultFeedback, { feedback: blockFeedback }) : null,
-                hasActiveFollowup && postChatFollowup ? /* @__PURE__ */ jsx15(
+                blockFeedback && !hasActiveFollowup ? /* @__PURE__ */ jsx16(HistoricalResultFeedback, { feedback: blockFeedback }) : null,
+                hasActiveFollowup && postChatFollowup ? /* @__PURE__ */ jsx16(
                   PostChatFollowupBlock,
                   {
                     followup: postChatFollowup,
@@ -3057,25 +3183,28 @@ 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__ */ jsxs13(
+          return /* @__PURE__ */ jsxs14(
             "div",
             {
               className: "flex items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]",
               children: [
-                /* @__PURE__ */ jsx15(Layers, { size: 12 }),
-                /* @__PURE__ */ jsx15("span", { children: "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
+                /* @__PURE__ */ jsx16(Layers, { size: 12 }),
+                /* @__PURE__ */ jsx16("span", { children: "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
               ]
             },
             block.key
           );
         }
-        return /* @__PURE__ */ jsx15(PlanningDivider, { kind: block.kind }, block.key);
+        return /* @__PURE__ */ jsx16(PlanningDivider, { kind: block.kind }, block.key);
       }),
-      sessionStatus === "interrupted" && !isStreaming ? /* @__PURE__ */ jsx15("div", { className: "flex", children: /* @__PURE__ */ jsx15("div", { className: "rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.12em] text-amber-300", children: "\u5DF2\u4E2D\u65AD" }) }) : null
+      sessionStatus === "interrupted" && !isStreaming ? /* @__PURE__ */ 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__ */ jsx15(AutoScrollOnUserSend, { userMessageCount: messages.filter((m) => isUserMessage(m)).length }),
-    /* @__PURE__ */ jsx15(ScrollToBottomButton, {})
+    /* @__PURE__ */ jsx16(AutoScrollOnUserSend, { userMessageCount: messages.filter((m) => isUserMessage(m)).length }),
+    /* @__PURE__ */ jsx16(ScrollToBottomButton, {})
   ] }) });
 }
 function AutoScrollOnUserSend({ userMessageCount }) {
@@ -3124,7 +3253,7 @@ function ScrollToBottomButton() {
     scrollToBottom();
   }, [scrollToBottom]);
   if (!visible) return null;
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "button",
     {
       type: "button",
@@ -3132,25 +3261,25 @@ function ScrollToBottomButton() {
       "aria-label": "\u6EDA\u52A8\u5230\u5E95\u90E8",
       className: "blade-chat-scroll-bottom absolute bottom-4 right-4 flex items-center gap-1 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-3 py-1.5 text-xs text-[hsl(var(--muted-foreground))] shadow-lg transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]",
       children: [
-        /* @__PURE__ */ jsx15(ChevronDown, { size: 14 }),
-        /* @__PURE__ */ jsx15("span", { className: "blade-chat-scroll-bottom-label", children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
+        /* @__PURE__ */ jsx16(ChevronDown, { size: 14 }),
+        /* @__PURE__ */ jsx16("span", { className: "blade-chat-scroll-bottom-label", children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
       ]
     }
   );
 }
 function PlanningDivider({ kind }) {
-  return /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3 py-1", children: [
-    /* @__PURE__ */ jsx15("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
-    /* @__PURE__ */ jsxs13("div", { className: "inline-flex items-center gap-1.5 rounded-full border border-amber-500/30 bg-amber-500/10 px-3 py-1 text-[11px] text-amber-300", children: [
-      /* @__PURE__ */ jsx15(Lightbulb, { size: 12 }),
-      /* @__PURE__ */ jsx15("span", { children: kind === "enter" ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
+  return /* @__PURE__ */ 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" })
     ] }),
-    /* @__PURE__ */ jsx15("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
+    /* @__PURE__ */ jsx16("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
   ] });
 }
 
 // src/components/ChatSurface.tsx
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function themeAttr(theme) {
   return theme === "dark" ? "dark" : void 0;
 }
@@ -3182,7 +3311,7 @@ function ChatSurface({
   beforeInput,
   banner
 }) {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       "data-theme": themeAttr(theme),
@@ -3191,14 +3320,14 @@ function ChatSurface({
         classNames?.root
       ),
       children: [
-        /* @__PURE__ */ jsx16(ConnectionBanner, { connection, className: classNames?.banner }),
+        /* @__PURE__ */ jsx17(ConnectionBanner, { connection, className: classNames?.banner }),
         banner,
-        errorMessage && /* @__PURE__ */ jsxs14("div", { className: "blade-chat-error-bar flex items-start gap-2 border-b px-4 py-3 text-sm", children: [
-          /* @__PURE__ */ jsx16(CircleAlert, { size: 16, className: "mt-0.5 shrink-0" }),
-          /* @__PURE__ */ jsx16("span", { children: errorMessage })
+        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 })
         ] }),
         slots?.header,
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           MessageList,
           {
             messages,
@@ -3219,7 +3348,7 @@ function ChatSurface({
           }
         ),
         beforeInput,
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           ChatInput,
           {
             value: inputText,
@@ -3239,7 +3368,7 @@ function ChatSurface({
 }
 
 // src/components/AgentChat.tsx
-import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function isUnauthorizedError(error) {
   return error instanceof BladeApiError && error.status === 401;
 }
@@ -3258,11 +3387,11 @@ function LoginCard({ client, onLoggedIn }) {
       setLoggingIn(false);
     }
   };
-  return /* @__PURE__ */ jsx17("div", { className: "blade-chat-login flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsxs15("div", { className: "flex w-full max-w-sm flex-col items-center gap-4 rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-6 py-8 text-center", children: [
-    /* @__PURE__ */ jsx17(LockKeyhole, { size: 28, className: "text-[hsl(var(--muted-foreground))]" }),
-    /* @__PURE__ */ jsx17("div", { className: "text-base font-medium text-[hsl(var(--foreground))]", children: "\u9700\u8981\u767B\u5F55\u540E\u4F7F\u7528" }),
-    /* @__PURE__ */ jsx17("div", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u767B\u5F55\u540E\u5373\u53EF\u4E0E\u667A\u80FD\u4F53\u5BF9\u8BDD\uFF0C\u4F60\u7684\u4F1A\u8BDD\u5185\u5BB9\u4EC5\u81EA\u5DF1\u53EF\u89C1\u3002" }),
-    /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ 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(
       "button",
       {
         type: "button",
@@ -3272,7 +3401,7 @@ function LoginCard({ client, onLoggedIn }) {
         children: loggingIn ? "\u767B\u5F55\u4E2D\u2026" : "\u767B\u5F55"
       }
     ),
-    loginError && /* @__PURE__ */ jsx17("div", { className: "text-xs text-[hsl(var(--destructive))]", children: loginError })
+    loginError && /* @__PURE__ */ jsx18("div", { className: "text-xs text-[hsl(var(--destructive))]", children: loginError })
   ] }) });
 }
 function AgentChat(props) {
@@ -3280,12 +3409,12 @@ function AgentChat(props) {
   const [attempt, setAttempt] = useState13(0);
   const [needLogin, setNeedLogin] = useState13(() => !client.hasToken());
   if (needLogin) {
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx18(
       "div",
       {
         "data-theme": themeAttr(props.theme),
         className: cn("blade-chat flex min-h-0 flex-1 flex-col", props.classNames?.root),
-        children: /* @__PURE__ */ jsx17(
+        children: /* @__PURE__ */ jsx18(
           LoginCard,
           {
             client,
@@ -3298,7 +3427,7 @@ function AgentChat(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx17(ChatSessionView, { ...props, onUnauthorized: () => setNeedLogin(true) }, attempt);
+  return /* @__PURE__ */ jsx18(ChatSessionView, { ...props, onUnauthorized: () => setNeedLogin(true) }, attempt);
 }
 function ChatSessionView({
   sessionId,
@@ -3407,7 +3536,7 @@ ${content}`);
     setStopRequested(true);
     void session?.stop();
   };
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     ChatSurface,
     {
       theme,
@@ -3417,8 +3546,8 @@ ${content}`);
       slots,
       placeholder,
       connection: state?.connection ?? "connecting",
-      banner: /* @__PURE__ */ jsxs15(Fragment3, { children: [
-        /* @__PURE__ */ jsx17(
+      banner: /* @__PURE__ */ jsxs16(Fragment3, { children: [
+        /* @__PURE__ */ jsx18(
           ReplayBar,
           {
             isReplay: replay.isReplay,
@@ -3428,7 +3557,7 @@ ${content}`);
             onExit: () => void replay.exitToAutonomous()
           }
         ),
-        /* @__PURE__ */ jsx17(ReplayMismatchPrompt, { mismatch: replay.mismatch })
+        /* @__PURE__ */ jsx18(ReplayMismatchPrompt, { mismatch: replay.mismatch })
       ] }),
       errorMessage,
       messages: state?.messages ?? [],
@@ -3461,7 +3590,7 @@ import { useEffect as useEffect10, useMemo as useMemo9, useState as useState15 }
 
 // src/components/LlmAdvancedSettings.tsx
 import { useState as useState14 } from "react";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs17 } 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" },
@@ -3512,8 +3641,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__ */ jsxs16("div", { className: "blade-chat-advanced border-t border-[hsl(var(--border))] px-4 py-2 text-xs", children: [
-    /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17("div", { className: "blade-chat-advanced border-t border-[hsl(var(--border))] px-4 py-2 text-xs", children: [
+    /* @__PURE__ */ jsxs17(
       "button",
       {
         type: "button",
@@ -3523,16 +3652,16 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
         },
         className: "flex items-center gap-1.5 text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))]",
         children: [
-          /* @__PURE__ */ jsx18(Settings2, { size: 13 }),
+          /* @__PURE__ */ jsx19(Settings2, { size: 13 }),
           "\u9AD8\u7EA7\u8BBE\u7F6E",
-          dirty && /* @__PURE__ */ jsx18("span", { className: "text-[hsl(var(--primary))]", children: "\uFF08\u5DF2\u81EA\u5B9A\u4E49\uFF09" })
+          dirty && /* @__PURE__ */ jsx19("span", { className: "text-[hsl(var(--primary))]", children: "\uFF08\u5DF2\u81EA\u5B9A\u4E49\uFF09" })
         ]
       }
     ),
-    open && /* @__PURE__ */ jsxs16("div", { className: "mt-2 flex flex-col gap-2", children: [
-      fields.map((field) => /* @__PURE__ */ jsxs16("label", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx18("span", { className: "text-[hsl(var(--muted-foreground))]", children: field.label }),
-        /* @__PURE__ */ jsx18(
+    open && /* @__PURE__ */ 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(
           "input",
           {
             type: field.secret ? "password" : "text",
@@ -3543,9 +3672,9 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
           }
         )
       ] }, field.id)),
-      normalized.apiKey && /* @__PURE__ */ jsx18("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u5BC6\u94A5\u4F1A\u5B58\u5728\u8FD9\u53F0\u6D4F\u89C8\u5668\u91CC\u3002\u53EA\u5728\u4F60\u4FE1\u5F97\u8FC7\u8FD9\u53F0\u673A\u5668\u65F6\u586B\u3002" }),
-      /* @__PURE__ */ jsxs16("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx18(
+      normalized.apiKey && /* @__PURE__ */ 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(
           "button",
           {
             type: "button",
@@ -3560,7 +3689,7 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
             children: "\u4FDD\u5B58"
           }
         ),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19(
           "button",
           {
             type: "button",
@@ -3579,7 +3708,7 @@ function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
 }
 
 // src/components/LlmChat.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function LlmChat({
   classNames,
   renderers,
@@ -3608,7 +3737,7 @@ ${text}` : text),
   useEffect10(() => {
     onReady?.(handle);
   }, [handle, onReady]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ChatSurface,
     {
       theme,
@@ -3633,7 +3762,7 @@ ${text}` : text),
         setStopRequested(true);
         stop();
       },
-      beforeInput: advanced ? /* @__PURE__ */ jsx19(
+      beforeInput: advanced ? /* @__PURE__ */ jsx20(
         LlmAdvancedSettingsBar,
         {
           settings: advanced,
@@ -3651,14 +3780,14 @@ ${text}` : text),
 }
 
 // src/components/ChatView.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function ChatView(props) {
   const { mode, llm, onLlmReady, ...rest } = props;
   if (mode === "llm") {
     if (!llm) {
       throw new Error('ChatView: mode="llm" \u9700\u8981\u540C\u65F6\u4F20 llm={{ baseURL, model }}');
     }
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx21(
       LlmChat,
       {
         ...llm,
@@ -3671,7 +3800,7 @@ function ChatView(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx20(AgentChat, { ...rest });
+  return /* @__PURE__ */ jsx21(AgentChat, { ...rest });
 }
 
 // src/index.ts
@@ -3680,6 +3809,7 @@ export {
   AgentChat,
   BladeProvider,
   ChatView,
+  ContextCard,
   LlmChat,
   MarkdownContent,
   ReplayBar,