@blade-hq/agent-kit 0.4.5 → 0.4.7

package/dist/chunk-X6MEYCU7.js

@@ -0,0 +1,1401 @@
+import {
+  CardJSON,
+  cardRegistry
+} from "./chunk-2UP7MG3J.js";
+import {
+  getAuthedUrl,
+  useUiStore
+} from "./chunk-4VWLTG5L.js";
+import {
+  cn,
+  copyToClipboard
+} from "./chunk-7LEKQI47.js";
+
+// src/react/lib/code-highlight.ts
+import { useEffect, useMemo, useState } from "react";
+var DARK_THEME = "github-dark-default";
+var LIGHT_THEME = "github-light-default";
+var LANGUAGE_ALIASES = {
+  bash: "bash",
+  css: "css",
+  go: "go",
+  golang: "go",
+  htm: "html",
+  html: "html",
+  javascript: "javascript",
+  js: "javascript",
+  json: "json",
+  jsonc: "json",
+  jsx: "jsx",
+  markdown: "markdown",
+  md: "markdown",
+  py: "python",
+  python: "python",
+  rs: "rust",
+  rust: "rust",
+  scss: "css",
+  sh: "bash",
+  shell: "bash",
+  ts: "typescript",
+  tsx: "tsx",
+  typescript: "typescript",
+  yaml: "yaml",
+  yml: "yaml",
+  zsh: "bash"
+};
+var highlighterPromise = null;
+var CACHE_MAX_SIZE = 200;
+var highlightCache = /* @__PURE__ */ new Map();
+function normalizeCodeLanguage(language) {
+  if (!language) return null;
+  return LANGUAGE_ALIASES[language.trim().toLowerCase()] ?? null;
+}
+function useHighlightedCodeHtml(code, language) {
+  const normalizedLanguage = useMemo(() => normalizeCodeLanguage(language), [language]);
+  const [highlightedHtml, setHighlightedHtml] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    setHighlightedHtml(null);
+    if (!normalizedLanguage) {
+      return () => {
+        cancelled = true;
+      };
+    }
+    void highlightCodeToInnerHtml(code, normalizedLanguage).then((result) => {
+      if (!cancelled) {
+        setHighlightedHtml(result);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [code, normalizedLanguage]);
+  return { highlightedHtml, language: normalizedLanguage };
+}
+async function highlightCodeToInnerHtml(code, language) {
+  const cacheKey = `${language}\0${code}`;
+  const cached = highlightCache.get(cacheKey);
+  if (cached) {
+    return cached;
+  }
+  const request = loadCodeHighlighter().then((highlighter) => {
+    const html = highlighter.codeToHtml(code, {
+      lang: language,
+      themes: { light: LIGHT_THEME, dark: DARK_THEME },
+      defaultColor: false
+    });
+    return extractInnerCodeHtml(html);
+  }).catch(() => {
+    highlightCache.delete(cacheKey);
+    return null;
+  });
+  if (highlightCache.size >= CACHE_MAX_SIZE) {
+    const oldest = highlightCache.keys().next().value;
+    if (oldest !== void 0) highlightCache.delete(oldest);
+  }
+  highlightCache.set(cacheKey, request);
+  return request;
+}
+async function loadCodeHighlighter() {
+  if (!highlighterPromise) {
+    highlighterPromise = Promise.all([
+      import("shiki/core"),
+      import("shiki/engine/javascript"),
+      import("@shikijs/langs/bash"),
+      import("@shikijs/langs/css"),
+      import("@shikijs/langs/go"),
+      import("@shikijs/langs/html"),
+      import("@shikijs/langs/javascript"),
+      import("@shikijs/langs/json"),
+      import("@shikijs/langs/jsx"),
+      import("@shikijs/langs/markdown"),
+      import("@shikijs/langs/python"),
+      import("@shikijs/langs/rust"),
+      import("@shikijs/langs/tsx"),
+      import("@shikijs/langs/typescript"),
+      import("@shikijs/langs/yaml"),
+      import("@shikijs/themes/github-dark-default"),
+      import("@shikijs/themes/github-light-default")
+    ]).then(
+      ([
+        core,
+        engine,
+        bash,
+        css,
+        go,
+        html,
+        javascript,
+        json,
+        jsx7,
+        markdown,
+        python,
+        rust,
+        tsx,
+        typescript,
+        yaml,
+        darkTheme,
+        lightTheme
+      ]) => core.createHighlighterCore({
+        engine: engine.createJavaScriptRegexEngine(),
+        langs: [
+          bash.default,
+          css.default,
+          go.default,
+          html.default,
+          javascript.default,
+          json.default,
+          jsx7.default,
+          markdown.default,
+          python.default,
+          rust.default,
+          tsx.default,
+          typescript.default,
+          yaml.default
+        ],
+        themes: [darkTheme.default, lightTheme.default]
+      })
+    ).catch((err) => {
+      highlighterPromise = null;
+      throw err;
+    });
+  }
+  return highlighterPromise;
+}
+function extractInnerCodeHtml(html) {
+  const match = html.match(/<code[^>]*>([\s\S]*)<\/code><\/pre>\s*$/);
+  return match?.[1] ?? null;
+}
+
+// src/react/components/card/CardContext.tsx
+import { createContext, useContext } from "react";
+var CardContext = createContext({});
+var useCardContext = () => useContext(CardContext);
+
+// src/react/components/card/CardCodeBlock.tsx
+import { useIsCodeFenceIncomplete } from "streamdown";
+
+// src/react/components/card/CardRenderer.tsx
+import { Component } from "react";
+
+// src/react/components/card/CardStates.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function CardLoadingState({ content }) {
+  return /* @__PURE__ */ jsxs("div", { className: "my-4 rounded-md border border-[hsl(var(--primary)/0.2)] bg-[hsl(var(--primary)/0.05)] p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-[hsl(var(--primary))] border-t-transparent" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-[hsl(var(--primary))]", children: "\u6B63\u5728\u52A0\u8F7D\u5361\u7247\u6570\u636E..." })
+    ] }),
+    /* @__PURE__ */ jsxs("details", { className: "mt-2", children: [
+      /* @__PURE__ */ jsx("summary", { className: "cursor-pointer text-xs text-[hsl(var(--primary)/0.7)]", children: "\u67E5\u770B\u63A5\u6536\u4E2D\u7684\u6570\u636E" }),
+      /* @__PURE__ */ jsx("pre", { className: "mt-1 whitespace-pre-wrap rounded bg-[hsl(var(--primary)/0.1)] p-2 font-mono text-xs text-[hsl(var(--primary)/0.8)]", children: content })
+    ] })
+  ] });
+}
+function CardErrorState({ content, message }) {
+  return /* @__PURE__ */ jsxs("div", { className: "my-4 rounded-md border border-red-500/20 bg-red-500/5 p-4", children: [
+    /* @__PURE__ */ jsx("p", { className: "mb-2 text-sm text-red-400", children: message || "\u5361\u7247\u6570\u636E\u89E3\u6790\u5931\u8D25" }),
+    /* @__PURE__ */ jsxs("details", { className: "mt-2", children: [
+      /* @__PURE__ */ jsx("summary", { className: "cursor-pointer text-xs text-red-400/70 hover:underline", children: "\u67E5\u770B\u539F\u59CB\u4EE3\u7801\u5757" }),
+      /* @__PURE__ */ jsx("pre", { className: "mt-2 overflow-x-auto whitespace-pre-wrap rounded bg-red-500/10 p-3 font-mono text-xs text-red-400/80", children: content })
+    ] })
+  ] });
+}
+function CardWarningState({ content, message }) {
+  return /* @__PURE__ */ jsxs("div", { className: "my-4 rounded-md border border-yellow-500/20 bg-yellow-500/5 p-4", children: [
+    /* @__PURE__ */ jsx("p", { className: "mb-2 text-sm text-yellow-400", children: message || "\u6570\u636E\u683C\u5F0F\u4E0D\u7B26\u5408\u5361\u7247\u8981\u6C42" }),
+    /* @__PURE__ */ jsxs("details", { className: "mt-2", children: [
+      /* @__PURE__ */ jsx("summary", { className: "cursor-pointer text-xs text-yellow-400/70", children: "\u67E5\u770B\u539F\u59CB\u6570\u636E" }),
+      /* @__PURE__ */ jsx("pre", { className: "mt-1 whitespace-pre-wrap rounded bg-yellow-500/10 p-2 font-mono text-xs text-yellow-400/80", children: content })
+    ] })
+  ] });
+}
+
+// src/react/components/card/CardRenderer.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function looksIncomplete(text) {
+  const t = text.trim();
+  if (!t) return true;
+  const openBraces = (t.match(/{/g) || []).length;
+  const closeBraces = (t.match(/}/g) || []).length;
+  const openBrackets = (t.match(/\[/g) || []).length;
+  const closeBrackets = (t.match(/]/g) || []).length;
+  const quotes = (t.match(/"/g) || []).length;
+  return !t.endsWith("}") && !t.endsWith("]") || openBraces !== closeBraces || openBrackets !== closeBrackets || t.endsWith(",") || t.endsWith(":") || quotes % 2 !== 0;
+}
+var CardErrorBoundary = class extends Component {
+  state = { hasError: false };
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+  componentDidCatch(error, info) {
+    console.error("Card render error:", error, info);
+  }
+  render() {
+    if (this.state.hasError) return this.props.fallback;
+    return this.props.children;
+  }
+};
+function OpenInPreviewButton({ card }) {
+  const pushArtifact = useUiStore((s) => s.pushArtifact);
+  return /* @__PURE__ */ jsx2(
+    "button",
+    {
+      type: "button",
+      onClick: () => pushArtifact({
+        type: "card",
+        content: JSON.stringify(card, null, 2),
+        title: card.title || card.type,
+        key: `card-${card.id}`
+      }),
+      className: "absolute right-2 top-2 rounded bg-[hsl(var(--accent))] px-1.5 py-0.5 text-[10px] text-[hsl(var(--muted-foreground))] opacity-0 transition-opacity group-hover/card:opacity-100 hover:text-[hsl(var(--foreground))]",
+      children: "\u9884\u89C8"
+    }
+  );
+}
+function CardRenderer({ raw, blockPosition, isCodeFenceIncomplete }) {
+  const { sessionId, messageId, sendMessage } = useCardContext();
+  const trimmed = raw.trim();
+  if (!trimmed) return /* @__PURE__ */ jsx2(CardLoadingState, { content: "" });
+  if (isCodeFenceIncomplete) {
+    return /* @__PURE__ */ jsx2(CardLoadingState, { content: trimmed });
+  }
+  const parsed = CardJSON.safeParseJSON(trimmed);
+  if (!parsed.ok) {
+    if (looksIncomplete(trimmed)) {
+      return /* @__PURE__ */ jsx2(CardLoadingState, { content: trimmed });
+    }
+    return /* @__PURE__ */ jsx2(CardErrorState, { content: trimmed, message: parsed.error });
+  }
+  const cards = CardJSON.toCardArray(parsed.value);
+  if (!cards) {
+    return /* @__PURE__ */ jsx2(CardWarningState, { content: trimmed, message: "JSON \u683C\u5F0F\u6B63\u786E\u4F46\u4E0D\u7B26\u5408\u5361\u7247\u7ED3\u6784" });
+  }
+  const cardsWithIds = cards.map((c, i) => {
+    if (c.id) return c;
+    return {
+      ...c,
+      id: `${messageId || "msg"}-block-${blockPosition ?? 0}-card-${i}`
+    };
+  });
+  return /* @__PURE__ */ jsx2(Fragment, { children: cardsWithIds.map((card) => {
+    const CardComponent = cardRegistry.get(card.type);
+    if (!CardComponent) {
+      return /* @__PURE__ */ jsx2(
+        CardWarningState,
+        {
+          content: JSON.stringify(card, null, 2),
+          message: `\u672A\u77E5\u7684\u5361\u7247\u7C7B\u578B: ${card.type}`
+        },
+        card.id
+      );
+    }
+    return /* @__PURE__ */ jsx2("div", { className: "group/card relative my-4", children: /* @__PURE__ */ jsxs2(
+      CardErrorBoundary,
+      {
+        fallback: /* @__PURE__ */ jsx2(
+          CardErrorState,
+          {
+            content: JSON.stringify(card, null, 2),
+            message: "\u5361\u7247\u6E32\u67D3\u51FA\u9519"
+          }
+        ),
+        children: [
+          /* @__PURE__ */ jsx2(CardComponent, { card, sendMessage, sessionId }),
+          /* @__PURE__ */ jsx2(OpenInPreviewButton, { card })
+        ]
+      }
+    ) }, card.id);
+  }) });
+}
+
+// src/react/components/card/CardCodeBlock.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function CardCodeBlock({ className, children, node, ...props }) {
+  const isIncomplete = useIsCodeFenceIncomplete();
+  const match = /language-(\S+)/.exec(className || "");
+  const lang = match?.[1];
+  const isInline = !className;
+  const raw = String(children ?? "");
+  const normalizedLang = normalizeCodeLanguage(lang);
+  const { highlightedHtml } = useHighlightedCodeHtml(raw, normalizedLang);
+  if (!isInline && CardJSON.isCardsLanguage(lang)) {
+    return /* @__PURE__ */ jsx3(
+      CardRenderer,
+      {
+        raw,
+        blockPosition: node?.position?.start?.line,
+        isCodeFenceIncomplete: isIncomplete
+      }
+    );
+  }
+  if (!isInline && highlightedHtml) {
+    return /* @__PURE__ */ jsx3(
+      "code",
+      {
+        className,
+        ...props,
+        dangerouslySetInnerHTML: { __html: highlightedHtml }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx3("code", { className, ...props, children });
+}
+
+// src/react/components/markdown/MarkdownContent.tsx
+import { mermaid } from "@streamdown/mermaid";
+import { Check, Copy, Download } from "lucide-react";
+import {
+  useEffect as useEffect2,
+  useMemo as useMemo2,
+  useRef,
+  useState as useState2
+} from "react";
+import { Streamdown } from "streamdown";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var STREAMDOWN_PLUGINS = { mermaid };
+var SYSTEM_REMINDER_TAG = "system-reminder";
+var HIDDEN_SYSTEM_REMINDER_TAGS = {
+  [SYSTEM_REMINDER_TAG]: []
+};
+var HIDDEN_SYSTEM_REMINDER_COMPONENTS = {
+  [SYSTEM_REMINDER_TAG]: () => null
+};
+function CodeBlockPre({ children, node: _node, ...props }) {
+  const preRef = useRef(null);
+  const [copied, setCopied] = useState2(false);
+  const [hasCodeNode, setHasCodeNode] = useState2(false);
+  useEffect2(() => {
+    setHasCodeNode(!!preRef.current?.querySelector("code"));
+  }, []);
+  const getRawCode = () => preRef.current?.querySelector("code")?.textContent ?? "";
+  const handleCopy = async () => {
+    const ok = await copyToClipboard(getRawCode());
+    if (ok) {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    }
+  };
+  const handleDownload = () => {
+    const codeEl = preRef.current?.querySelector("code");
+    const text = codeEl?.textContent ?? "";
+    const ext = codeEl?.className.match(/language-(\S+)/)?.[1] ?? "txt";
+    const blob = new Blob([text], { type: "text/plain" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `code.${ext}`;
+    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(
+        "button",
+        {
+          type: "button",
+          onClick: handleCopy,
+          className: cn(
+            "flex items-center gap-1 rounded-md px-1.5 py-0.5 text-[11px] transition-colors",
+            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" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs3(
+        "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" })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function isExternalImageSrc(src) {
+  if (!src) return false;
+  if (src.startsWith("data:") || src.startsWith("blob:")) return true;
+  if (/^[a-zA-Z][a-zA-Z0-9+.-]*:/.test(src)) return true;
+  if (src.startsWith("/")) return true;
+  return false;
+}
+function decodeMarkdownPath(src) {
+  try {
+    return decodeURIComponent(src);
+  } catch {
+    return src;
+  }
+}
+var MARKDOWN_IMAGE_PATTERN = /!\[((?:\\.|[^\]\\])*)\]\(\s*(?:<([^>\n]+)>|([^\s)]+))(\s+(?:"[^"]*"|'[^']*'|\([^)]*\)))?\s*\)/g;
+function resolveSessionImageMarkdown(children, sessionId) {
+  return children.replace(
+    MARKDOWN_IMAGE_PATTERN,
+    (match, alt, angleSrc, plainSrc, title = "") => {
+      const src = angleSrc ?? plainSrc;
+      if (!src || isExternalImageSrc(src)) {
+        return match;
+      }
+      const resolved = getAuthedUrl(
+        `/api/sessions/${encodeURIComponent(sessionId)}/files/${encodeURIComponent(decodeMarkdownPath(src))}`
+      );
+      return `![${alt}](<${resolved}>${title})`;
+    }
+  );
+}
+function MarkdownContent({
+  allowedTags,
+  children,
+  components,
+  mode,
+  plugins,
+  sessionId,
+  ...props
+}) {
+  const resolvedChildren = useMemo2(
+    () => sessionId && typeof children === "string" ? resolveSessionImageMarkdown(children, sessionId) : children,
+    [children, sessionId]
+  );
+  return /* @__PURE__ */ jsx4(
+    Streamdown,
+    {
+      ...props,
+      mode: mode ?? "static",
+      allowedTags: {
+        ...allowedTags ?? {},
+        ...HIDDEN_SYSTEM_REMINDER_TAGS
+      },
+      components: {
+        code: CardCodeBlock,
+        pre: CodeBlockPre,
+        ...components ?? {},
+        ...HIDDEN_SYSTEM_REMINDER_COMPONENTS
+      },
+      plugins: {
+        ...STREAMDOWN_PLUGINS,
+        ...plugins ?? {}
+      },
+      children: resolvedChildren
+    }
+  );
+}
+
+// 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";
+function AskUserQuestionBlock({
+  data,
+  answered,
+  toolCallId,
+  sessionStatus,
+  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(() => {
+    if (sessionStatus === "failed" || sessionStatus === "interrupted") {
+      setSubmitted(false);
+    }
+  }, [sessionStatus]);
+  const displayAnswerState = useMemo3(() => {
+    if (!(answered && answerData)) {
+      return {
+        selections,
+        customTexts,
+        usingCustom
+      };
+    }
+    const nextSelections = /* @__PURE__ */ new Map();
+    const nextCustomTexts = /* @__PURE__ */ new Map();
+    const nextUsingCustom = /* @__PURE__ */ new Set();
+    for (const [questionKey, optionIndexes] of Object.entries(answerData.selections)) {
+      nextSelections.set(Number(questionKey), new Set(optionIndexes));
+    }
+    for (const [questionKey, text] of Object.entries(answerData.custom)) {
+      const qIdx = Number(questionKey);
+      nextCustomTexts.set(qIdx, text);
+      nextUsingCustom.add(qIdx);
+    }
+    return {
+      selections: nextSelections,
+      customTexts: nextCustomTexts,
+      usingCustom: nextUsingCustom
+    };
+  }, [answerData, answered, customTexts, selections, usingCustom]);
+  const displaySelections = displayAnswerState.selections;
+  const displayCustomTexts = displayAnswerState.customTexts;
+  const displayUsingCustom = displayAnswerState.usingCustom;
+  const toggleOption = (qIdx, optIdx, multi) => {
+    if (answered || submitted) return;
+    setSelections((prev) => {
+      const next = new Map(prev);
+      const current = new Set(next.get(qIdx) ?? []);
+      if (multi) {
+        if (current.has(optIdx)) current.delete(optIdx);
+        else current.add(optIdx);
+      } else {
+        current.clear();
+        current.add(optIdx);
+      }
+      next.set(qIdx, current);
+      return next;
+    });
+    setUsingCustom((prev) => {
+      const next = new Set(prev);
+      next.delete(qIdx);
+      return next;
+    });
+  };
+  const handleCustomFocus = (qIdx) => {
+    if (answered || submitted) return;
+    setSelections((prev) => {
+      const next = new Map(prev);
+      next.delete(qIdx);
+      return next;
+    });
+    setUsingCustom((prev) => new Set(prev).add(qIdx));
+  };
+  const setCustomText = (qIdx, text) => {
+    if (answered || submitted) return;
+    setCustomTexts((prev) => new Map(prev).set(qIdx, text));
+  };
+  const getAnswer = (qIdx) => {
+    const q = data.questions[qIdx];
+    if (usingCustom.has(qIdx)) {
+      const text = (customTexts.get(qIdx) ?? "").trim();
+      return text || null;
+    }
+    const sel = selections.get(qIdx);
+    if (!sel || sel.size === 0) return null;
+    return [...sel].sort().map((i) => q.options[i].label).join(", ");
+  };
+  const allAnswered = data.questions.every((_, i) => getAnswer(i) !== null);
+  const handleSubmit = () => {
+    if (answered || submitted || !allAnswered || !onAnswer) return;
+    const nextAnswerData = {
+      selections: Object.fromEntries(
+        Array.from(selections.entries()).map(([qIdx, optionIndexes]) => [
+          qIdx,
+          Array.from(optionIndexes).sort((a, b) => a - b)
+        ])
+      ),
+      custom: Object.fromEntries(
+        Array.from(usingCustom).map((qIdx) => [qIdx, (customTexts.get(qIdx) ?? "").trim()]).filter(([, text2]) => text2.length > 0)
+      )
+    };
+    const parts = data.questions.map((q, i) => `- ${q.question} -> ${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")}`;
+    setSubmitted(true);
+    onAnswer(text, toolCallId, nextAnswerData);
+  };
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      className: cn(
+        "ml-4 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))]",
+        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: [
+          "\u5B50\u667A\u80FD\u4F53\u300C",
+          data.source_loop.description,
+          "\u300D\u5728\u7B49\u5F85\u4F60\u7684\u56DE\u7B54"
+        ] }),
+        data.questions.map((q, qIdx) => /* @__PURE__ */ jsx5(
+          QuestionCard,
+          {
+            question: q,
+            qIdx,
+            answered,
+            selected: displaySelections.get(qIdx) ?? /* @__PURE__ */ new Set(),
+            isCustom: displayUsingCustom.has(qIdx),
+            customText: displayCustomTexts.get(qIdx) ?? "",
+            onToggle: toggleOption,
+            onCustomFocus: handleCustomFocus,
+            onCustomChange: setCustomText
+          },
+          q.question
+        )),
+        !answered && !submitted && onAnswer && /* @__PURE__ */ jsx5(
+          "button",
+          {
+            type: "button",
+            onClick: handleSubmit,
+            disabled: !allAnswered,
+            className: "w-full rounded-lg bg-[hsl(var(--primary))] px-4 py-2 text-xs font-semibold text-[hsl(var(--primary-foreground))] transition-opacity hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60",
+            children: allAnswered ? "\u786E\u8BA4" : "\u8BF7\u5148\u9009\u62E9\u4E00\u4E2A\u9009\u9879"
+          }
+        ),
+        submitted && !answered && /* @__PURE__ */ jsxs4(
+          "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" }),
+              "\u786E\u8BA4\u4E2D"
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function QuestionCard({
+  question,
+  qIdx,
+  answered,
+  selected,
+  isCustom,
+  customText,
+  onToggle,
+  onCustomFocus,
+  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(
+        MessageSquareMore,
+        {
+          size: answered ? 12 : 13,
+          className: "mt-0.5 shrink-0 text-[hsl(var(--primary))]"
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        "div",
+        {
+          className: cn(
+            "min-w-0 flex-1 font-medium text-[hsl(var(--foreground))]",
+            answered ? "text-xs" : "text-sm"
+          ),
+          children: /* @__PURE__ */ jsx5(
+            MarkdownContent,
+            {
+              className: cn(
+                "prose prose-sm prose-invert max-w-none [&_li>p]:inline [&_ol]:my-1 [&_p]:my-1 [&_p:first-child]:mt-0 [&_p:last-child]:mb-0 [&_ul]:my-1",
+                answered ? "text-xs" : "text-sm"
+              ),
+              controls: { code: true },
+              children: question.question
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs4("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(
+          "button",
+          {
+            type: "button",
+            disabled: answered,
+            onClick: () => onToggle(qIdx, optIdx, multi),
+            className: cn(
+              "flex items-start gap-2.5 rounded-lg border text-left transition-all",
+              answered ? "px-2.5 py-1.5" : "px-3 py-2.5",
+              isSel && !answered ? "border-[hsl(var(--primary)/0.8)] bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))]" : isSel ? "border-[hsl(var(--primary)/0.45)] bg-[hsl(var(--primary)/0.08)] text-[hsl(var(--foreground))]" : "border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.2)]",
+              !answered && !isSel && "hover:border-[hsl(var(--ring)/0.4)] hover:bg-[hsl(var(--accent))]",
+              answered && "cursor-default opacity-70"
+            ),
+            children: [
+              multi && /* @__PURE__ */ jsx5(
+                "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,
+                    {
+                      size: 9,
+                      className: answered ? "text-[hsl(var(--primary))]" : "text-[hsl(var(--primary-foreground))]"
+                    }
+                  )
+                }
+              ),
+              /* @__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(
+                  "div",
+                  {
+                    className: cn(
+                      "mt-0.5",
+                      answered ? "text-[11px]" : "text-xs",
+                      isSel && !answered ? "opacity-75" : "text-[hsl(var(--muted-foreground))]"
+                    ),
+                    children: opt.description
+                  }
+                )
+              ] })
+            ]
+          },
+          opt.label
+        );
+      }),
+      answered && !isCustom ? null : /* @__PURE__ */ jsxs4(
+        "div",
+        {
+          className: cn(
+            "flex items-center gap-2 rounded-lg border transition-all",
+            answered ? "px-2.5 py-1.5" : "px-3 py-2.5",
+            isCustom ? "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))]",
+            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(
+              "input",
+              {
+                type: "text",
+                value: customText,
+                disabled: answered,
+                onChange: (e) => onCustomChange(qIdx, e.target.value),
+                onFocus: () => onCustomFocus(qIdx),
+                "aria-label": "\u81EA\u5B9A\u4E49\u56DE\u7B54",
+                placeholder: "\u8F93\u5165\u4F60\u7684\u7B54\u6848...",
+                className: cn(
+                  "min-w-0 flex-1 bg-transparent 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 {
+    const parsed = JSON.parse(toolResult);
+    let questions = parsed?.questions;
+    if (typeof questions === "string") {
+      try {
+        questions = JSON.parse(questions);
+      } catch {
+        return null;
+      }
+    }
+    if (Array.isArray(questions) && questions.every(isQuestionItem)) {
+      return { ...parsed, questions };
+    }
+  } catch {
+  }
+  return null;
+}
+function isQuestionItem(value) {
+  if (!value || typeof value !== "object") return false;
+  const question = value.question;
+  const options = value.options;
+  return typeof question === "string" && Array.isArray(options) && options.every(isOptionItem);
+}
+function isOptionItem(value) {
+  if (!value || typeof value !== "object") return false;
+  const option = value;
+  return typeof option.label === "string" && typeof option.description === "string";
+}
+
+// src/react/components/plan/parse-plan-tree.ts
+import { load } from "js-yaml";
+function isNonEmptyString(value) {
+  return typeof value === "string" && value.trim().length > 0;
+}
+function isPlanStep(value) {
+  if (!value || typeof value !== "object") return false;
+  const step = value;
+  if (!isNonEmptyString(step.label)) return false;
+  if ("skill" in step && step.skill !== void 0 && !isNonEmptyString(step.skill)) return false;
+  if ("children" in step && !Array.isArray(step.children)) return false;
+  const children = Array.isArray(step.children) ? step.children : [];
+  if (children.length > 0 && !isNonEmptyString(step.skill)) return false;
+  return children.every((child) => isPlanStep(child));
+}
+function isPlanDocument(value) {
+  if (!value || typeof value !== "object") return false;
+  const doc = value;
+  if (!isNonEmptyString(doc.title) || !isNonEmptyString(doc.objective)) return false;
+  if (!Array.isArray(doc.steps) || doc.steps.length === 0) return false;
+  if (!doc.steps.every((step) => isPlanStep(step))) return false;
+  if ("notes" in doc) {
+    if (!Array.isArray(doc.notes)) return false;
+    if (!doc.notes.every((note) => isNonEmptyString(note))) return false;
+  }
+  return true;
+}
+function getPlanDocumentError(value) {
+  if (!value || typeof value !== "object") return "PLAN.yaml \u9876\u5C42\u7ED3\u6784\u5FC5\u987B\u662F\u5BF9\u8C61";
+  const doc = value;
+  if (!isNonEmptyString(doc.title)) return "PLAN.yaml \u7F3A\u5C11\u975E\u7A7A title";
+  if (!isNonEmptyString(doc.objective)) return "PLAN.yaml \u7F3A\u5C11\u975E\u7A7A objective";
+  if (!Array.isArray(doc.steps) || doc.steps.length === 0) return "PLAN.yaml \u7F3A\u5C11\u975E\u7A7A steps";
+  if (!doc.steps.every((step) => isPlanStep(step))) {
+    return "PLAN.yaml \u6B65\u9AA4\u7ED3\u6784\u65E0\u6548\uFF0C\u8BF7\u68C0\u67E5 label / skill / children";
+  }
+  if ("notes" in doc) {
+    if (!Array.isArray(doc.notes) || !doc.notes.every((note) => isNonEmptyString(note))) {
+      return "PLAN.yaml notes \u5FC5\u987B\u662F\u975E\u7A7A\u5B57\u7B26\u4E32\u5217\u8868";
+    }
+  }
+  return "PLAN.yaml \u7ED3\u6784\u65E0\u6548";
+}
+function toPlanStatus(value) {
+  if (!isNonEmptyString(value)) return "pending";
+  const normalized = value.trim().toLowerCase();
+  return normalized === "pending" || normalized === "running" || normalized === "done" || normalized === "failed" ? normalized : "pending";
+}
+function applyPlanStatusesById(root, statuses) {
+  const nextStatus = statuses[root.id] ?? root.status;
+  const children = Array.isArray(root.children) ? root.children : [];
+  return {
+    ...root,
+    status: nextStatus,
+    children: children.map((child) => applyPlanStatusesById(child, statuses))
+  };
+}
+function parsePlanTreeResult(content) {
+  if (!content.trim()) {
+    return { plan: null, error: null };
+  }
+  let parsed;
+  try {
+    parsed = load(content);
+  } catch (error) {
+    return {
+      plan: null,
+      error: error instanceof Error ? `PLAN.yaml YAML \u8BED\u6CD5\u9519\u8BEF\uFF1A${error.message}` : "PLAN.yaml YAML \u8BED\u6CD5\u9519\u8BEF"
+    };
+  }
+  if (!isPlanDocument(parsed)) {
+    return { plan: null, error: getPlanDocumentError(parsed) };
+  }
+  const createNode = (step, depth, fallbackId) => {
+    const children = Array.isArray(step.children) ? step.children : [];
+    return {
+      id: isNonEmptyString(step.id) ? step.id.trim() : fallbackId,
+      label: step.label.trim(),
+      skillRef: isNonEmptyString(step.skill) ? step.skill.trim() : null,
+      status: toPlanStatus(step.status),
+      children: children.map((child, index) => createNode(child, depth + 1, `${fallbackId}.${index + 1}`)),
+      depth
+    };
+  };
+  const root = {
+    id: "plan-root",
+    label: parsed.title.trim(),
+    skillRef: null,
+    status: "pending",
+    children: parsed.steps.map((step, index) => createNode(step, 1, `${index + 1}`)),
+    depth: 0
+  };
+  const notes = [parsed.objective.trim(), ...(parsed.notes ?? []).map((note) => note.trim())];
+  return { plan: { root, notes }, error: null };
+}
+
+// src/react/components/plan/parse-plan-messages.ts
+function resultAsString(result) {
+  if (typeof result === "string") return result;
+  return null;
+}
+var PAUSE_TOOLS = /* @__PURE__ */ new Set(["AskUserQuestion", "ExitPlanMode"]);
+var READ_FILE_TOOLS = /* @__PURE__ */ new Set(["Read"]);
+var PLAN_WRITE_TOOLS = /* @__PURE__ */ new Set(["Write"]);
+var PLAN_EDIT_TOOLS = /* @__PURE__ */ new Set(["Edit"]);
+function getSkillId(payload) {
+  if (!payload) {
+    return "";
+  }
+  if (typeof payload.skill_id === "string" && payload.skill_id) {
+    return payload.skill_id;
+  }
+  if (typeof payload.name === "string" && payload.name) {
+    return payload.name;
+  }
+  return "";
+}
+function getSkillDisplayName(payload) {
+  if (!payload || typeof payload.display_name !== "string") {
+    return void 0;
+  }
+  const displayName = payload.display_name.trim();
+  if (!displayName) {
+    return void 0;
+  }
+  const skillId = getSkillId(payload);
+  return displayName === skillId ? void 0 : displayName;
+}
+function parseModeChange(message) {
+  if (message.kind !== "mode_change" || typeof message.content !== "string") {
+    return null;
+  }
+  try {
+    const parsed = JSON.parse(message.content);
+    if (typeof parsed.from === "string" && typeof parsed.to === "string") {
+      return { from: parsed.from, to: parsed.to };
+    }
+  } catch {
+  }
+  return null;
+}
+function isPlanningBoundaryMessage(message) {
+  if (message.kind === "planning_enter" || message.kind === "planning_exit") {
+    return true;
+  }
+  const modeChange = parseModeChange(message);
+  if (!modeChange) {
+    return false;
+  }
+  return modeChange.to === "planning" || modeChange.from === "planning";
+}
+function parsePlanMessages(allMessages) {
+  const messages = Array.isArray(allMessages) ? allMessages : [];
+  let intent = "";
+  for (const msg of messages) {
+    if (!msg.tool_calls) continue;
+    const searchTc = msg.tool_calls.find(
+      (tc) => tc.name === "search_skills" || tc.name === "SearchSkills"
+    );
+    if (searchTc) {
+      try {
+        intent = JSON.parse(searchTc.arguments).query ?? "";
+      } catch {
+      }
+      if (intent) break;
+    }
+  }
+  const plannerMsgs = messages.filter(
+    (message) => !isPlanningBoundaryMessage(message)
+  );
+  const searchResults = [];
+  const searchMap = /* @__PURE__ */ new Map();
+  const selectedSkills = [];
+  const selectedSet = /* @__PURE__ */ new Set();
+  const askQuestions = [];
+  const readFiles = [];
+  let lastPauseTool = null;
+  let planContent = "";
+  let planContentPriority = 0;
+  let latestStatuses = {};
+  const setPlanContent = (nextContent, priority) => {
+    if (typeof nextContent !== "string" || !nextContent.trim()) {
+      return;
+    }
+    if (priority < planContentPriority) {
+      return;
+    }
+    planContent = nextContent;
+    planContentPriority = priority;
+  };
+  const applyPlanEdit = (args) => {
+    const oldString = typeof args.old_string === "string" ? args.old_string : "";
+    const newString = typeof args.new_string === "string" ? args.new_string : "";
+    if (!planContent || !oldString || !planContent.includes(oldString)) {
+      return;
+    }
+    planContent = planContent.replace(oldString, newString);
+  };
+  const maybeParsePlanStatus = (msg) => {
+    if (msg.kind !== "plan_status") return;
+    if (typeof msg.content !== "string" || !msg.content.trim()) return;
+    try {
+      const data = JSON.parse(msg.content);
+      setPlanContent(data.plan_yaml, 3);
+      if (data.statuses && typeof data.statuses === "object" && !Array.isArray(data.statuses)) {
+        latestStatuses = Object.fromEntries(
+          Object.entries(data.statuses).filter((entry) => typeof entry[0] === "string" && typeof entry[1] === "string").map(([stepId, status]) => [stepId, normalizePlanStatus(status)])
+        );
+      }
+    } catch {
+    }
+  };
+  for (const msg of plannerMsgs) {
+    maybeParsePlanStatus(msg);
+    if (!msg.tool_calls) continue;
+    for (const tc of msg.tool_calls) {
+      if ((tc.name === "search_skills" || tc.name === "SearchSkills") && resultAsString(tc.result)) {
+        try {
+          const parsed = JSON.parse(resultAsString(tc.result));
+          const results = Array.isArray(parsed) ? parsed : Array.isArray(parsed?.results) ? parsed.results : [];
+          for (const r of results) {
+            const skillId = getSkillId(r);
+            if (!skillId || searchMap.has(skillId)) continue;
+            const skill = {
+              skillId,
+              displayName: getSkillDisplayName(r),
+              description: r.description ?? ""
+            };
+            searchMap.set(skillId, skill);
+            searchResults.push(skill);
+          }
+        } catch {
+        }
+      }
+      if ((tc.name === "get_skill_content" || tc.name === "GetSkillContent") && resultAsString(tc.result)) {
+        try {
+          const data = JSON.parse(resultAsString(tc.result));
+          const skillId = getSkillId(data);
+          if (!skillId || selectedSet.has(skillId)) continue;
+          let existing = searchMap.get(skillId);
+          if (!existing) {
+            existing = {
+              skillId,
+              displayName: getSkillDisplayName(data),
+              description: data.description ?? ""
+            };
+            searchMap.set(skillId, existing);
+            searchResults.push(existing);
+          }
+          existing.displayName ??= getSkillDisplayName(data);
+          existing.content = data.content;
+          existing.references = extractRefs(data.content ?? "");
+          selectedSkills.push(existing);
+          selectedSet.add(skillId);
+        } catch {
+        }
+      }
+      if (tc.name === "AskUserQuestion" && resultAsString(tc.result)) {
+        const data = parseAskUserQuestion(resultAsString(tc.result));
+        if (data) {
+          askQuestions.push({ toolCallId: tc.id, data });
+        }
+      }
+      if (READ_FILE_TOOLS.has(tc.name) && tc.arguments) {
+        try {
+          const args = JSON.parse(tc.arguments);
+          if (typeof args.file_path === "string" && args.file_path) {
+            readFiles.push({ path: args.file_path, status: tc.status ?? "done" });
+          }
+        } catch {
+        }
+      }
+      if (PLAN_WRITE_TOOLS.has(tc.name) && tc.arguments && tc.status === "done" && !(typeof tc.result === "string" && tc.result.startsWith("\u9519\u8BEF"))) {
+        try {
+          const args = JSON.parse(tc.arguments);
+          if (typeof args.file_path === "string" && (args.file_path === "PLAN.yaml" || args.file_path.endsWith("/PLAN.yaml")) && typeof args.content === "string") {
+            setPlanContent(args.content, 1);
+          }
+        } catch {
+        }
+      }
+      if (PLAN_EDIT_TOOLS.has(tc.name) && tc.arguments && tc.status === "done" && !(typeof tc.result === "string" && tc.result.startsWith("\u9519\u8BEF"))) {
+        try {
+          const args = JSON.parse(tc.arguments);
+          if (typeof args.file_path === "string" && (args.file_path === "PLAN.yaml" || args.file_path.endsWith("/PLAN.yaml"))) {
+            applyPlanEdit(args);
+          }
+        } catch {
+        }
+      }
+      if (PAUSE_TOOLS.has(tc.name) && tc.status === "done") {
+        lastPauseTool = tc.name;
+      }
+      if (tc.name === "ExitPlanMode" && resultAsString(tc.result)) {
+        try {
+          const data = JSON.parse(resultAsString(tc.result));
+          setPlanContent(data.plan, 2);
+        } catch {
+        }
+      }
+    }
+  }
+  const { plan: parsedPlan, error: parseError } = parsePlanTreeResult(planContent);
+  const plan = parsedPlan == null ? null : {
+    ...parsedPlan,
+    root: applyPlanStatusesById(parsedPlan.root, latestStatuses)
+  };
+  return {
+    intent,
+    searchResults,
+    selectedSkills,
+    plan,
+    hasPlanContent: planContent.trim().length > 0,
+    parseError,
+    askQuestions,
+    readFiles,
+    lastPauseTool
+  };
+}
+function normalizePlanStatus(value) {
+  const normalized = value.trim().toLowerCase();
+  return normalized === "running" || normalized === "done" || normalized === "failed" ? normalized : "pending";
+}
+function extractRefs(content) {
+  const seen = /* @__PURE__ */ new Set();
+  const refs = [];
+  for (const m of content.matchAll(/\[\[([^\]]+)\]\]/g)) {
+    const ref = m[1].trim();
+    if (ref && !seen.has(ref)) {
+      seen.add(ref);
+      refs.push(ref);
+    }
+  }
+  return refs;
+}
+
+// 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";
+function PlanSummaryCard({
+  messages,
+  sessionStatus,
+  onConfirmPlan
+}) {
+  const data = useMemo4(() => parsePlanMessages(messages), [messages]);
+  const rightPanelCollapsed = useUiStore((state) => state.rightPanelCollapsed);
+  const toggleRightPanel = useUiStore((state) => state.toggleRightPanel);
+  const setActiveRightTab = useUiStore((state) => state.setActiveRightTab);
+  const summaryState = useMemo4(() => getSummaryState(data, sessionStatus), [data, sessionStatus]);
+  const stepCount = useMemo4(() => countPlanSteps(data.plan), [data.plan]);
+  const isWaitingForInput = sessionStatus === "waiting_for_input";
+  const canConfirm = Boolean(onConfirmPlan) && isWaitingForInput && data.lastPauseTool === "ExitPlanMode";
+  const openPlanPanel = () => {
+    if (rightPanelCollapsed) {
+      toggleRightPanel();
+    }
+    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(
+      "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__ */ 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(
+                "span",
+                {
+                  className: cn(
+                    "rounded-full px-2.5 py-1",
+                    summaryState.kind === "complete" && "bg-[hsl(var(--primary)/0.12)] text-[hsl(var(--primary))]",
+                    summaryState.kind === "failed" && "bg-[hsl(var(--destructive)/0.12)] text-[hsl(var(--destructive))]",
+                    summaryState.kind === "interrupted" && "bg-orange-500/12 text-orange-300"
+                  ),
+                  children: summaryState.label
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsx6(
+              ChevronRight,
+              {
+                size: 16,
+                className: "mt-1 shrink-0 text-[hsl(var(--muted-foreground))]",
+                "aria-hidden": "true"
+              }
+            )
+          ] }),
+          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: [
+              data.selectedSkills.length,
+              " \u4E2A\u6280\u80FD"
+            ] }),
+            /* @__PURE__ */ jsxs5("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 }),
+              "\u53F3\u4FA7\u67E5\u770B\u8BE6\u60C5"
+            ] })
+          ] })
+        ]
+      }
+    ),
+    canConfirm && /* @__PURE__ */ jsx6(PlanConfirmationPanel, { onConfirmPlan })
+  ] });
+}
+function PlanConfirmationPanel({
+  onConfirmPlan
+}) {
+  const [isEditing, setIsEditing] = useState4(false);
+  const [revisionText, setRevisionText] = useState4("");
+  const submitRevision = () => {
+    const trimmed = revisionText.trim();
+    if (!trimmed) return;
+    onConfirmPlan?.("revise", trimmed);
+    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(
+        "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 }),
+            "\u5F00\u59CB\u6267\u884C"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs5(
+        "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 }),
+            "\u4FEE\u6539"
+          ]
+        }
+      )
+    ] }),
+    isEditing && /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx6(
+        "textarea",
+        {
+          value: revisionText,
+          onChange: (event) => setRevisionText(event.target.value),
+          placeholder: "\u8F93\u5165\u4FEE\u6539\u5EFA\u8BAE...",
+          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(
+        "button",
+        {
+          type: "button",
+          disabled: !revisionText.trim(),
+          onClick: submitRevision,
+          className: "rounded-lg bg-[hsl(var(--primary))] px-3 py-1.5 text-xs font-medium text-[hsl(var(--primary-foreground))] transition-opacity hover:opacity-90 disabled:opacity-30",
+          children: "\u63D0\u4EA4\u4FEE\u6539\u610F\u89C1"
+        }
+      ) })
+    ] })
+  ] });
+}
+function getSummaryState(data, sessionStatus) {
+  if (sessionStatus === "failed") {
+    return { kind: "failed", label: "\u51FA\u9519" };
+  }
+  if (sessionStatus === "interrupted") {
+    return { kind: "interrupted", label: "\u5DF2\u4E2D\u65AD" };
+  }
+  if (data.parseError) {
+    return { kind: "failed", label: "\u89E3\u6790\u5931\u8D25" };
+  }
+  if (data.hasPlanContent || data.plan != null) {
+    return { kind: "complete", label: "\u5DF2\u751F\u6210" };
+  }
+  if (data.selectedSkills.length > 0) {
+    return { kind: "progress", label: "\u6280\u80FD\u5206\u6790\u4E2D", dots: "\u25CF\u25CF\u25CB" };
+  }
+  if (data.searchResults.length > 0) {
+    return { kind: "progress", label: "\u6280\u80FD\u53D1\u73B0\u4E2D", dots: "\u25CF\u25CB\u25CB" };
+  }
+  return { kind: "progress", label: "\u89C4\u5212\u51C6\u5907\u4E2D", dots: "\u25CB\u25CB\u25CB" };
+}
+function countPlanSteps(plan) {
+  if (!plan) return 0;
+  const countNode = (node) => {
+    const children = Array.isArray(node.children) ? node.children : [];
+    return 1 + children.reduce((total, child) => total + countNode(child), 0);
+  };
+  if (plan.root.id === "plan-root") {
+    const children = Array.isArray(plan.root.children) ? plan.root.children : [];
+    return children.reduce((total, child) => total + countNode(child), 0);
+  }
+  return countNode(plan.root);
+}
+
+// src/react/components/plan/extract-plan-messages.ts
+function parseModeChange2(message) {
+  if (message.kind !== "mode_change" || typeof message.content !== "string") {
+    return null;
+  }
+  try {
+    const parsed = JSON.parse(message.content);
+    if (typeof parsed.from === "string" && typeof parsed.to === "string") {
+      return { from: parsed.from, to: parsed.to };
+    }
+  } catch {
+  }
+  return null;
+}
+function isPlanningEnter(message) {
+  if (message.kind === "planning_enter") {
+    return true;
+  }
+  const modeChange = parseModeChange2(message);
+  return modeChange?.to === "planning";
+}
+function isPlanningExit(message) {
+  if (message.kind === "planning_exit") {
+    return true;
+  }
+  const modeChange = parseModeChange2(message);
+  return modeChange?.from === "planning";
+}
+function extractLatestPlanMessages(messages) {
+  const safeMessages = Array.isArray(messages) ? messages : [];
+  let enterIndex = -1;
+  let exitIndex = -1;
+  for (let i = safeMessages.length - 1; i >= 0; i -= 1) {
+    const message = safeMessages[i];
+    if (isPlanningExit(message) && exitIndex === -1) {
+      exitIndex = i;
+      continue;
+    }
+    if (isPlanningEnter(message)) {
+      enterIndex = i;
+      break;
+    }
+  }
+  if (enterIndex === -1) {
+    return [];
+  }
+  return safeMessages.slice(enterIndex + 1).filter((message, offset) => {
+    const absoluteIndex = enterIndex + 1 + offset;
+    if (isPlanningEnter(message) || isPlanningExit(message)) {
+      return false;
+    }
+    if (exitIndex !== -1 && absoluteIndex > exitIndex) {
+      return message.kind === "plan_status";
+    }
+    return true;
+  });
+}
+
+export {
+  normalizeCodeLanguage,
+  useHighlightedCodeHtml,
+  CardContext,
+  useCardContext,
+  CardCodeBlock,
+  MarkdownContent,
+  AskUserQuestionBlock,
+  parseAskUserQuestion,
+  parsePlanMessages,
+  PlanSummaryCard,
+  extractLatestPlanMessages
+};
+//# sourceMappingURL=chunk-X6MEYCU7.js.map