@blade-hq/agent-kit 0.4.8 → 0.4.11

package/dist/{chunk-YFKHSFRB.js → chunk-Z4FPELIQ.js}

@@ -5,7 +5,7 @@ import {
 import {
   getAuthedUrl,
   useUiStore
-} from "./chunk-TWZHUASA.js";
+} from "./chunk-CDSCC4OQ.js";
 import {
   cn,
   copyToClipboard
@@ -43,6 +43,28 @@ var LANGUAGE_ALIASES = {
   yml: "yaml",
   zsh: "bash"
 };
+var FILE_EXTENSION_ALIASES = {
+  ".bash": "bash",
+  ".css": "css",
+  ".go": "go",
+  ".htm": "html",
+  ".html": "html",
+  ".js": "javascript",
+  ".json": "json",
+  ".jsonc": "json",
+  ".jsx": "jsx",
+  ".md": "markdown",
+  ".mdx": "markdown",
+  ".py": "python",
+  ".rs": "rust",
+  ".scss": "css",
+  ".sh": "bash",
+  ".ts": "typescript",
+  ".tsx": "tsx",
+  ".yaml": "yaml",
+  ".yml": "yaml",
+  ".zsh": "bash"
+};
 var highlighterPromise = null;
 var CACHE_MAX_SIZE = 200;
 var highlightCache = /* @__PURE__ */ new Map();
@@ -50,6 +72,12 @@ function normalizeCodeLanguage(language) {
   if (!language) return null;
   return LANGUAGE_ALIASES[language.trim().toLowerCase()] ?? null;
 }
+function getCodeLanguageFromFilename(filePath) {
+  if (!filePath) return null;
+  const dotIndex = filePath.lastIndexOf(".");
+  if (dotIndex < 0) return null;
+  return FILE_EXTENSION_ALIASES[filePath.slice(dotIndex).toLowerCase()] ?? null;
+}
 function useHighlightedCodeHtml(code, language) {
   const normalizedLanguage = useMemo(() => normalizeCodeLanguage(language), [language]);
   const [highlightedHtml, setHighlightedHtml] = useState(null);
@@ -126,7 +154,7 @@ async function loadCodeHighlighter() {
         html,
         javascript,
         json,
-        jsx7,
+        jsx8,
         markdown,
         python,
         rust,
@@ -144,7 +172,7 @@ async function loadCodeHighlighter() {
           html.default,
           javascript.default,
           json.default,
-          jsx7.default,
+          jsx8.default,
           markdown.default,
           python.default,
           rust.default,
@@ -343,15 +371,131 @@ function CardCodeBlock({ className, children, node, ...props }) {
 
 // src/react/components/markdown/MarkdownContent.tsx
 import { mermaid } from "@streamdown/mermaid";
-import { Check, Copy, Download } from "lucide-react";
+import { Check as Check2, Copy as Copy2, Download } from "lucide-react";
 import {
-  useEffect as useEffect2,
+  useEffect as useEffect3,
   useMemo as useMemo2,
   useRef,
-  useState as useState2
+  useState as useState3
 } from "react";
 import { Streamdown } from "streamdown";
+
+// src/react/components/markdown/ExternalLinkDialog.tsx
+import { Check, Copy, ExternalLink, X } from "lucide-react";
+import { useEffect as useEffect2, useState as useState2 } from "react";
+import { createPortal } from "react-dom";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function ExternalLinkDialog({ isOpen, onClose, onConfirm, url }) {
+  const [copied, setCopied] = useState2(false);
+  useEffect2(() => {
+    if (!isOpen) return;
+    const handleKey = (event) => {
+      if (event.key === "Escape") onClose();
+    };
+    window.addEventListener("keydown", handleKey);
+    return () => window.removeEventListener("keydown", handleKey);
+  }, [isOpen, onClose]);
+  useEffect2(() => {
+    if (!isOpen) setCopied(false);
+  }, [isOpen]);
+  if (!isOpen) return null;
+  const handleCopy = async () => {
+    const ok = await copyToClipboard(url);
+    if (ok) {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    }
+  };
+  return createPortal(
+    /* @__PURE__ */ jsx4(
+      "div",
+      {
+        className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4",
+        onClick: onClose,
+        onKeyDown: (event) => {
+          if (event.key === "Escape") onClose();
+        },
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": "external-link-dialog-title",
+        children: /* @__PURE__ */ jsxs3(
+          "div",
+          {
+            className: "w-full max-w-md overflow-hidden rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--background))] shadow-2xl",
+            onClick: (event) => event.stopPropagation(),
+            onKeyDown: (event) => event.stopPropagation(),
+            children: [
+              /* @__PURE__ */ jsxs3("div", { className: "flex items-start justify-between gap-3 px-5 pt-5", children: [
+                /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx4(ExternalLink, { size: 20, className: "text-[hsl(var(--foreground))]" }),
+                  /* @__PURE__ */ jsx4(
+                    "h3",
+                    {
+                      id: "external-link-dialog-title",
+                      className: "text-lg font-semibold text-[hsl(var(--foreground))]",
+                      children: "\u6253\u5F00\u5916\u90E8\u94FE\u63A5\uFF1F"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx4(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: onClose,
+                    title: "\u5173\u95ED",
+                    className: "flex h-7 w-7 items-center justify-center rounded-md text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]",
+                    children: /* @__PURE__ */ jsx4(X, { size: 14 })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs3("div", { className: "px-5 pt-2 pb-4", children: [
+                /* @__PURE__ */ jsx4("p", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u5373\u5C06\u8BBF\u95EE\u5916\u90E8\u7F51\u7AD9\uFF1A" }),
+                /* @__PURE__ */ jsx4("div", { className: "mt-3 break-all rounded-md bg-[hsl(var(--muted))] p-3 font-mono text-sm text-[hsl(var(--foreground))]", children: url })
+              ] }),
+              /* @__PURE__ */ jsxs3("div", { className: "flex justify-end gap-2 px-5 pb-5", children: [
+                /* @__PURE__ */ jsxs3(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: handleCopy,
+                    className: "inline-flex items-center gap-1.5 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--background))] px-3 py-1.5 text-sm font-medium text-[hsl(var(--foreground))] transition-colors hover:bg-[hsl(var(--accent))]",
+                    children: [
+                      copied ? /* @__PURE__ */ jsx4(Check, { size: 14 }) : /* @__PURE__ */ jsx4(Copy, { size: 14 }),
+                      /* @__PURE__ */ jsx4("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236\u94FE\u63A5" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs3(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      onConfirm();
+                      onClose();
+                    },
+                    className: "inline-flex items-center gap-1.5 rounded-md bg-[hsl(var(--primary))] px-3 py-1.5 text-sm font-semibold text-[hsl(var(--primary-foreground))] transition-opacity hover:opacity-90",
+                    children: [
+                      /* @__PURE__ */ jsx4(ExternalLink, { size: 14 }),
+                      /* @__PURE__ */ jsx4("span", { children: "\u6253\u5F00\u94FE\u63A5" })
+                    ]
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+
+// src/react/components/markdown/MarkdownContent.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var LINK_SAFETY_CONFIG = {
+  enabled: true,
+  renderModal: (props) => /* @__PURE__ */ jsx5(ExternalLinkDialog, { ...props })
+};
 var STREAMDOWN_PLUGINS = { mermaid };
 var SYSTEM_REMINDER_TAG = "system-reminder";
 var HIDDEN_SYSTEM_REMINDER_TAGS = {
@@ -362,9 +506,9 @@ var HIDDEN_SYSTEM_REMINDER_COMPONENTS = {
 };
 function CodeBlockPre({ children, node: _node, ...props }) {
   const preRef = useRef(null);
-  const [copied, setCopied] = useState2(false);
-  const [hasCodeNode, setHasCodeNode] = useState2(false);
-  useEffect2(() => {
+  const [copied, setCopied] = useState3(false);
+  const [hasCodeNode, setHasCodeNode] = useState3(false);
+  useEffect3(() => {
     setHasCodeNode(!!preRef.current?.querySelector("code"));
   }, []);
   const getRawCode = () => preRef.current?.querySelector("code")?.textContent ?? "";
@@ -387,10 +531,10 @@ function CodeBlockPre({ children, node: _node, ...props }) {
     a.click();
     URL.revokeObjectURL(url);
   };
-  return /* @__PURE__ */ jsxs3("div", { className: "relative group", children: [
-    /* @__PURE__ */ jsx4("pre", { ref: preRef, ...props, children }),
-    hasCodeNode && /* @__PURE__ */ jsxs3("div", { className: "absolute top-2 right-2 flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity", children: [
-      /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4("div", { className: "relative group", children: [
+    /* @__PURE__ */ jsx5("pre", { ref: preRef, ...props, children }),
+    hasCodeNode && /* @__PURE__ */ jsxs4("div", { className: "absolute top-2 right-2 flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity", children: [
+      /* @__PURE__ */ jsxs4(
         "button",
         {
           type: "button",
@@ -400,20 +544,20 @@ function CodeBlockPre({ children, node: _node, ...props }) {
             copied ? "text-[hsl(var(--primary))]" : "text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))] hover:bg-[hsl(var(--accent))]"
           ),
           children: [
-            copied ? /* @__PURE__ */ jsx4(Check, { size: 12 }) : /* @__PURE__ */ jsx4(Copy, { size: 12 }),
-            /* @__PURE__ */ jsx4("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
+            copied ? /* @__PURE__ */ jsx5(Check2, { size: 12 }) : /* @__PURE__ */ jsx5(Copy2, { size: 12 }),
+            /* @__PURE__ */ jsx5("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
           ]
         }
       ),
-      /* @__PURE__ */ jsxs3(
+      /* @__PURE__ */ jsxs4(
         "button",
         {
           type: "button",
           onClick: handleDownload,
           className: "flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[11px] transition-colors text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--foreground))] hover:bg-[hsl(var(--accent))]",
           children: [
-            /* @__PURE__ */ jsx4(Download, { size: 12 }),
-            /* @__PURE__ */ jsx4("span", { children: "\u4E0B\u8F7D" })
+            /* @__PURE__ */ jsx5(Download, { size: 12 }),
+            /* @__PURE__ */ jsx5("span", { children: "\u4E0B\u8F7D" })
           ]
         }
       )
@@ -463,10 +607,11 @@ function MarkdownContent({
     () => sessionId && typeof children === "string" ? resolveSessionImageMarkdown(children, sessionId) : children,
     [children, sessionId]
   );
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     Streamdown,
     {
       ...props,
+      linkSafety: LINK_SAFETY_CONFIG,
       mode: mode ?? "static",
       allowedTags: {
         ...allowedTags ?? {},
@@ -488,9 +633,9 @@ function MarkdownContent({
 }
 
 // src/react/components/chat/AskUserQuestionBlock.tsx
-import { Check as Check2, Loader2, MessageSquareMore } from "lucide-react";
-import { useEffect as useEffect3, useMemo as useMemo3, useState as useState3 } from "react";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Check as Check3, Loader2, MessageSquareMore } from "lucide-react";
+import { useEffect as useEffect4, useMemo as useMemo3, useState as useState4 } from "react";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function AskUserQuestionBlock({
   data,
   answered,
@@ -499,11 +644,11 @@ function AskUserQuestionBlock({
   answerData,
   onAnswer
 }) {
-  const [selections, setSelections] = useState3(/* @__PURE__ */ new Map());
-  const [customTexts, setCustomTexts] = useState3(/* @__PURE__ */ new Map());
-  const [usingCustom, setUsingCustom] = useState3(/* @__PURE__ */ new Set());
-  const [submitted, setSubmitted] = useState3(false);
-  useEffect3(() => {
+  const [selections, setSelections] = useState4(/* @__PURE__ */ new Map());
+  const [customTexts, setCustomTexts] = useState4(/* @__PURE__ */ new Map());
+  const [usingCustom, setUsingCustom] = useState4(/* @__PURE__ */ new Set());
+  const [submitted, setSubmitted] = useState4(false);
+  useEffect4(() => {
     if (sessionStatus === "failed" || sessionStatus === "interrupted") {
       setSubmitted(false);
     }
@@ -600,7 +745,7 @@ ${parts.join("\n")}`;
     setSubmitted(true);
     onAnswer(text, toolCallId, nextAnswerData);
   };
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       className: cn(
@@ -608,12 +753,12 @@ ${parts.join("\n")}`;
         answered ? "max-w-2xl space-y-3 p-3 text-xs text-[hsl(var(--muted-foreground))] opacity-80" : "max-w-lg space-y-5 p-4 text-sm"
       ),
       children: [
-        data.source_loop?.description && /* @__PURE__ */ jsxs4("div", { className: "rounded-lg bg-[hsl(var(--muted)/0.35)] px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
+        data.source_loop?.description && /* @__PURE__ */ jsxs5("div", { className: "rounded-lg bg-[hsl(var(--muted)/0.35)] px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
           "\u5B50\u667A\u80FD\u4F53\u300C",
           data.source_loop.description,
           "\u300D\u5728\u7B49\u5F85\u4F60\u7684\u56DE\u7B54"
         ] }),
-        data.questions.map((q, qIdx) => /* @__PURE__ */ jsx5(
+        data.questions.map((q, qIdx) => /* @__PURE__ */ jsx6(
           QuestionCard,
           {
             question: q,
@@ -628,7 +773,7 @@ ${parts.join("\n")}`;
           },
           q.question
         )),
-        !answered && !submitted && onAnswer && /* @__PURE__ */ jsx5(
+        !answered && !submitted && onAnswer && /* @__PURE__ */ jsx6(
           "button",
           {
             type: "button",
@@ -638,14 +783,14 @@ ${parts.join("\n")}`;
             children: allAnswered ? "\u786E\u8BA4" : "\u8BF7\u5148\u9009\u62E9\u4E00\u4E2A\u9009\u9879"
           }
         ),
-        submitted && !answered && /* @__PURE__ */ jsxs4(
+        submitted && !answered && /* @__PURE__ */ jsxs5(
           "button",
           {
             type: "button",
             disabled: true,
             className: "flex w-full items-center justify-center gap-2 rounded-lg bg-[hsl(var(--primary))] px-4 py-2 text-xs font-semibold text-[hsl(var(--primary-foreground))] opacity-80",
             children: [
-              /* @__PURE__ */ jsx5(Loader2, { size: 14, className: "animate-spin" }),
+              /* @__PURE__ */ jsx6(Loader2, { size: 14, className: "animate-spin" }),
               "\u786E\u8BA4\u4E2D"
             ]
           }
@@ -666,23 +811,23 @@ function QuestionCard({
   onCustomChange
 }) {
   const multi = question.multiSelect ?? false;
-  return /* @__PURE__ */ jsxs4("div", { children: [
-    /* @__PURE__ */ jsxs4("div", { className: cn("flex items-start gap-2", answered ? "mb-2" : "mb-3"), children: [
-      /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs5("div", { children: [
+    /* @__PURE__ */ jsxs5("div", { className: cn("flex items-start gap-2", answered ? "mb-2" : "mb-3"), children: [
+      /* @__PURE__ */ jsx6(
         MessageSquareMore,
         {
           size: answered ? 12 : 13,
           className: "mt-0.5 shrink-0 text-[hsl(var(--primary))]"
         }
       ),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx6(
         "div",
         {
           className: cn(
             "min-w-0 flex-1 font-medium text-[hsl(var(--foreground))]",
             answered ? "text-xs" : "text-sm"
           ),
-          children: /* @__PURE__ */ jsx5(
+          children: /* @__PURE__ */ jsx6(
             MarkdownContent,
             {
               className: cn(
@@ -696,10 +841,10 @@ function QuestionCard({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs4("div", { className: cn("flex flex-col pl-5", answered ? "gap-1" : "gap-1.5"), children: [
+    /* @__PURE__ */ jsxs5("div", { className: cn("flex flex-col pl-5", answered ? "gap-1" : "gap-1.5"), children: [
       question.options.map((opt, optIdx) => {
         const isSel = selected.has(optIdx);
-        return /* @__PURE__ */ jsxs4(
+        return /* @__PURE__ */ jsxs5(
           "button",
           {
             type: "button",
@@ -713,15 +858,15 @@ function QuestionCard({
               answered && "cursor-default opacity-70"
             ),
             children: [
-              multi && /* @__PURE__ */ jsx5(
+              multi && /* @__PURE__ */ jsx6(
                 "div",
                 {
                   className: cn(
                     "mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors",
                     isSel && !answered ? "border-[hsl(var(--primary-foreground)/0.6)] bg-[hsl(var(--primary-foreground)/0.2)]" : isSel ? "border-[hsl(var(--primary)/0.45)] bg-[hsl(var(--primary)/0.12)]" : "border-[hsl(var(--border))]"
                   ),
-                  children: isSel && /* @__PURE__ */ jsx5(
-                    Check2,
+                  children: isSel && /* @__PURE__ */ jsx6(
+                    Check3,
                     {
                       size: 9,
                       className: answered ? "text-[hsl(var(--primary))]" : "text-[hsl(var(--primary-foreground))]"
@@ -729,9 +874,9 @@ function QuestionCard({
                   )
                 }
               ),
-              /* @__PURE__ */ jsxs4("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx5("div", { className: cn("font-medium", answered ? "text-xs" : "text-[13px]"), children: opt.label }),
-                opt.description && /* @__PURE__ */ jsx5(
+              /* @__PURE__ */ jsxs5("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx6("div", { className: cn("font-medium", answered ? "text-xs" : "text-[13px]"), children: opt.label }),
+                opt.description && /* @__PURE__ */ jsx6(
                   "div",
                   {
                     className: cn(
@@ -748,7 +893,7 @@ function QuestionCard({
           opt.label
         );
       }),
-      answered && !isCustom ? null : /* @__PURE__ */ jsxs4(
+      answered && !isCustom ? null : /* @__PURE__ */ jsxs5(
         "div",
         {
           className: cn(
@@ -758,8 +903,8 @@ function QuestionCard({
             answered && "cursor-default opacity-70"
           ),
           children: [
-            /* @__PURE__ */ jsx5("span", { className: "shrink-0 text-xs text-[hsl(var(--muted-foreground))]", children: "\u5176\u4ED6\uFF1A" }),
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx6("span", { className: "shrink-0 text-xs text-[hsl(var(--muted-foreground))]", children: "\u5176\u4ED6\uFF1A" }),
+            /* @__PURE__ */ jsx6(
               "input",
               {
                 type: "text",
@@ -1150,8 +1295,8 @@ function extractRefs(content) {
 
 // src/react/components/plan/PlanSummaryCard.tsx
 import { CheckCircle2, ChevronRight, PencilLine, Play, Sparkles } from "lucide-react";
-import { useMemo as useMemo4, useState as useState4 } from "react";
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useMemo as useMemo4, useState as useState5 } from "react";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function PlanSummaryCard({
   messages,
   sessionStatus,
@@ -1171,25 +1316,25 @@ function PlanSummaryCard({
     }
     setActiveRightTab("situation");
   };
-  return /* @__PURE__ */ jsxs5("div", { className: "flex w-full flex-col gap-4 rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card)/0.55)] p-4", children: [
-    /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6("div", { className: "flex w-full flex-col gap-4 rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card)/0.55)] p-4", children: [
+    /* @__PURE__ */ jsxs6(
       "button",
       {
         type: "button",
         onClick: openPlanPanel,
         className: "flex w-full flex-col gap-4 text-left transition-colors hover:text-[hsl(var(--foreground))]",
         children: [
-          /* @__PURE__ */ jsxs5("div", { className: "flex items-start justify-between gap-3", children: [
-            /* @__PURE__ */ jsxs5("div", { className: "min-w-0 space-y-2", children: [
-              /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
-                /* @__PURE__ */ jsx6(Sparkles, { size: 12 }),
-                /* @__PURE__ */ jsx6("span", { children: "\u89C4\u5212\u6458\u8981" })
+          /* @__PURE__ */ jsxs6("div", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs6("div", { className: "min-w-0 space-y-2", children: [
+              /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
+                /* @__PURE__ */ jsx7(Sparkles, { size: 12 }),
+                /* @__PURE__ */ jsx7("span", { children: "\u89C4\u5212\u6458\u8981" })
               ] }),
-              /* @__PURE__ */ jsx6("div", { className: "truncate text-base font-medium text-[hsl(var(--foreground))]", children: data.intent || "\u5F53\u524D\u89C4\u5212" }),
-              /* @__PURE__ */ jsx6("div", { className: "flex flex-wrap items-center gap-2 text-xs", children: summaryState.kind === "progress" ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
-                /* @__PURE__ */ jsx6("span", { className: "rounded-full bg-[hsl(var(--accent))] px-2.5 py-1 text-[hsl(var(--foreground))]", children: summaryState.label }),
-                /* @__PURE__ */ jsx6("span", { className: "font-mono tracking-[0.25em] text-[hsl(var(--muted-foreground))]", children: summaryState.dots })
-              ] }) : /* @__PURE__ */ jsx6(
+              /* @__PURE__ */ jsx7("div", { className: "truncate text-base font-medium text-[hsl(var(--foreground))]", children: data.intent || "\u5F53\u524D\u89C4\u5212" }),
+              /* @__PURE__ */ jsx7("div", { className: "flex flex-wrap items-center gap-2 text-xs", children: summaryState.kind === "progress" ? /* @__PURE__ */ jsxs6(Fragment2, { children: [
+                /* @__PURE__ */ jsx7("span", { className: "rounded-full bg-[hsl(var(--accent))] px-2.5 py-1 text-[hsl(var(--foreground))]", children: summaryState.label }),
+                /* @__PURE__ */ jsx7("span", { className: "font-mono tracking-[0.25em] text-[hsl(var(--muted-foreground))]", children: summaryState.dots })
+              ] }) : /* @__PURE__ */ jsx7(
                 "span",
                 {
                   className: cn(
@@ -1202,7 +1347,7 @@ function PlanSummaryCard({
                 }
               ) })
             ] }),
-            /* @__PURE__ */ jsx6(
+            /* @__PURE__ */ jsx7(
               ChevronRight,
               {
                 size: 16,
@@ -1211,31 +1356,31 @@ function PlanSummaryCard({
               }
             )
           ] }),
-          summaryState.kind === "complete" && /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
-            /* @__PURE__ */ jsxs5("span", { className: "rounded-full border border-[hsl(var(--border))] px-2.5 py-1", children: [
+          summaryState.kind === "complete" && /* @__PURE__ */ jsxs6("div", { className: "flex flex-wrap items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
+            /* @__PURE__ */ jsxs6("span", { className: "rounded-full border border-[hsl(var(--border))] px-2.5 py-1", children: [
               data.selectedSkills.length,
               " \u4E2A\u6280\u80FD"
             ] }),
-            /* @__PURE__ */ jsxs5("span", { className: "rounded-full border border-[hsl(var(--border))] px-2.5 py-1", children: [
+            /* @__PURE__ */ jsxs6("span", { className: "rounded-full border border-[hsl(var(--border))] px-2.5 py-1", children: [
               stepCount,
               " \u4E2A\u6B65\u9AA4"
             ] }),
-            /* @__PURE__ */ jsxs5("span", { className: "inline-flex items-center gap-1 text-[hsl(var(--muted-foreground))]", children: [
-              /* @__PURE__ */ jsx6(CheckCircle2, { size: 12 }),
+            /* @__PURE__ */ jsxs6("span", { className: "inline-flex items-center gap-1 text-[hsl(var(--muted-foreground))]", children: [
+              /* @__PURE__ */ jsx7(CheckCircle2, { size: 12 }),
               "\u53F3\u4FA7\u67E5\u770B\u8BE6\u60C5"
             ] })
           ] })
         ]
       }
     ),
-    canConfirm && /* @__PURE__ */ jsx6(PlanConfirmationPanel, { onConfirmPlan })
+    canConfirm && /* @__PURE__ */ jsx7(PlanConfirmationPanel, { onConfirmPlan })
   ] });
 }
 function PlanConfirmationPanel({
   onConfirmPlan
 }) {
-  const [isEditing, setIsEditing] = useState4(false);
-  const [revisionText, setRevisionText] = useState4("");
+  const [isEditing, setIsEditing] = useState5(false);
+  const [revisionText, setRevisionText] = useState5("");
   const submitRevision = () => {
     const trimmed = revisionText.trim();
     if (!trimmed) return;
@@ -1243,35 +1388,35 @@ function PlanConfirmationPanel({
     setRevisionText("");
     setIsEditing(false);
   };
-  return /* @__PURE__ */ jsxs5("div", { className: "space-y-3 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--background)/0.45)] p-3", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap gap-2", children: [
-      /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6("div", { className: "space-y-3 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--background)/0.45)] p-3", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ jsxs6(
         "button",
         {
           type: "button",
           onClick: () => onConfirmPlan?.("execute"),
           className: "inline-flex items-center gap-1.5 rounded-lg bg-[hsl(var(--primary))] px-3 py-2 text-sm font-medium text-[hsl(var(--primary-foreground))] transition-opacity hover:opacity-90",
           children: [
-            /* @__PURE__ */ jsx6(Play, { size: 14 }),
+            /* @__PURE__ */ jsx7(Play, { size: 14 }),
             "\u5F00\u59CB\u6267\u884C"
           ]
         }
       ),
-      /* @__PURE__ */ jsxs5(
+      /* @__PURE__ */ jsxs6(
         "button",
         {
           type: "button",
           onClick: () => setIsEditing((value) => !value),
           className: "inline-flex items-center gap-1.5 rounded-lg border border-[hsl(var(--border))] px-3 py-2 text-sm text-[hsl(var(--foreground))] transition-colors hover:bg-[hsl(var(--accent))]",
           children: [
-            /* @__PURE__ */ jsx6(PencilLine, { size: 14 }),
+            /* @__PURE__ */ jsx7(PencilLine, { size: 14 }),
             "\u4FEE\u6539"
           ]
         }
       )
     ] }),
-    isEditing && /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx6(
+    isEditing && /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx7(
         "textarea",
         {
           value: revisionText,
@@ -1280,7 +1425,7 @@ function PlanConfirmationPanel({
           className: "min-h-24 w-full resize-y rounded-lg border border-[hsl(var(--border))] bg-transparent px-3 py-2 text-sm text-[hsl(var(--foreground))] outline-none placeholder:text-[hsl(var(--muted-foreground))]"
         }
       ),
-      /* @__PURE__ */ jsx6("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx7(
         "button",
         {
           type: "button",
@@ -1387,6 +1532,7 @@ function extractLatestPlanMessages(messages) {
 
 export {
   normalizeCodeLanguage,
+  getCodeLanguageFromFilename,
   useHighlightedCodeHtml,
   CardContext,
   useCardContext,
@@ -1398,4 +1544,4 @@ export {
   PlanSummaryCard,
   extractLatestPlanMessages
 };
-//# sourceMappingURL=chunk-YFKHSFRB.js.map
+//# sourceMappingURL=chunk-Z4FPELIQ.js.map