@blade-hq/agent-react 1.1.1

package/dist/index.js

@@ -0,0 +1,1527 @@
+// src/context.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var BladeClientContext = createContext(null);
+function BladeProvider({ client, children }) {
+  return /* @__PURE__ */ jsx(BladeClientContext.Provider, { value: client, children });
+}
+function useBladeClient() {
+  const client = useContext(BladeClientContext);
+  if (!client) {
+    throw new Error("useBladeClient \u5FC5\u987B\u5728 <BladeProvider> \u5185\u4F7F\u7528");
+  }
+  return client;
+}
+
+// src/hooks/use-agent-session.ts
+import { useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+var EMPTY_SUBSCRIBE = () => () => {
+};
+var DISPOSE_DELAY_MS = 1e3;
+function useAgentSession(sessionId, options = {}) {
+  const client = useBladeClient();
+  const [session, setSession] = useState(null);
+  const [error, setError] = useState(null);
+  const connRef = useRef({
+    id: null,
+    session: null,
+    gen: 0
+  });
+  const createdIdPromiseRef = useRef(null);
+  const onCreatedRef = useRef(options.onSessionCreated);
+  onCreatedRef.current = options.onSessionCreated;
+  const createOptionsRef = useRef(options.createOptions);
+  createOptionsRef.current = options.createOptions;
+  const sessionIdRef = useRef(sessionId);
+  sessionIdRef.current = sessionId;
+  const connect = useMemo(() => {
+    return (targetId) => {
+      const gen = ++connRef.current.gen;
+      const idPromise = targetId ? Promise.resolve(targetId) : (
+        // biome-ignore lint/suspicious/noAssignInExpressions: ??= 挂 ref 是 StrictMode 下"只创建一次"的关键
+        createdIdPromiseRef.current ??= client.sessions.create(createOptionsRef.current ?? {}).then((created) => {
+          const id = created.sessionId;
+          created.dispose();
+          onCreatedRef.current?.(id);
+          return id;
+        })
+      );
+      idPromise.then((id) => client.hub.connect(id)).then((next) => {
+        if (connRef.current.gen !== gen) {
+          next.dispose();
+          return;
+        }
+        connRef.current.id = next.sessionId;
+        connRef.current.session = next;
+        setSession(next);
+        setError(null);
+      }).catch((err) => {
+        if (connRef.current.gen !== gen) return;
+        createdIdPromiseRef.current = null;
+        setError(err instanceof Error ? err : new Error(String(err)));
+      });
+    };
+  }, [client]);
+  useEffect(() => {
+    connect(sessionIdRef.current);
+    return () => {
+      connRef.current.gen++;
+      const toRelease = connRef.current.session;
+      connRef.current.id = null;
+      connRef.current.session = null;
+      setSession(null);
+      if (toRelease) setTimeout(() => toRelease.dispose(), DISPOSE_DELAY_MS);
+    };
+  }, [connect]);
+  useEffect(() => {
+    if (!sessionId) return;
+    if (connRef.current.id === null) return;
+    if (sessionId === connRef.current.id) return;
+    const previous = connRef.current.session;
+    connRef.current.id = null;
+    connRef.current.session = null;
+    if (previous) setTimeout(() => previous.dispose(), DISPOSE_DELAY_MS);
+    connect(sessionId);
+  }, [sessionId, connect]);
+  const store = useMemo(
+    () => ({
+      subscribe: session ? (listener) => session.subscribe(listener) : EMPTY_SUBSCRIBE,
+      getSnapshot: () => session ? session.getState() : null
+    }),
+    [session]
+  );
+  const state = useSyncExternalStore(store.subscribe, store.getSnapshot, store.getSnapshot);
+  return { session, state, error };
+}
+
+// src/components/ChatView.tsx
+import { BladeApiError, VersionMismatchError } from "@blade-hq/agent-client";
+import { CircleAlert, LockKeyhole } from "lucide-react";
+import { useEffect as useEffect5, useState as useState7 } from "react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+function cn(...inputs) {
+  return clsx(inputs);
+}
+async function copyToClipboard(text) {
+  try {
+    await navigator.clipboard.writeText(text);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+// src/components/ChatInput.tsx
+import { ArrowUp, Loader2, Square } from "lucide-react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function ChatInput({
+  value,
+  onValueChange,
+  onSend,
+  onStop,
+  isStreaming,
+  isStopping = false,
+  placeholder = "\u8F93\u5165\u6D88\u606F\u2026",
+  className
+}) {
+  const trimmed = value.trim();
+  const canSend = trimmed.length > 0 && !isStreaming;
+  const handleSend = () => {
+    if (!canSend) return;
+    onSend(trimmed);
+    onValueChange("");
+  };
+  const handleKeyDown = (event) => {
+    if (event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing) {
+      event.preventDefault();
+      handleSend();
+    }
+  };
+  return /* @__PURE__ */ jsx2("div", { className: cn("blade-chat-input border-t border-[hsl(var(--border))] px-4 py-3", className), children: /* @__PURE__ */ jsxs("div", { className: "blade-chat-input-inner mx-auto flex max-w-[748px] items-end gap-2 rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-3 py-2", children: [
+    /* @__PURE__ */ jsx2(
+      "textarea",
+      {
+        value,
+        onChange: (event) => onValueChange(event.target.value),
+        onKeyDown: handleKeyDown,
+        onInput: (event) => {
+          const el = event.currentTarget;
+          el.style.height = "auto";
+          el.style.height = `${Math.min(el.scrollHeight, 192)}px`;
+        },
+        rows: 1,
+        placeholder,
+        "aria-label": "\u804A\u5929\u8F93\u5165",
+        className: "blade-chat-textarea max-h-48 min-h-[28px] flex-1 resize-none bg-transparent py-1 text-sm leading-6 text-[hsl(var(--foreground))] outline-none placeholder:text-[hsl(var(--muted-foreground)/0.6)]"
+      }
+    ),
+    isStreaming ? /* @__PURE__ */ jsx2(
+      "button",
+      {
+        type: "button",
+        onClick: onStop,
+        disabled: isStopping,
+        "aria-label": isStopping ? "\u6B63\u5728\u505C\u6B62" : "\u505C\u6B62\u56DE\u590D",
+        title: isStopping ? "\u6B63\u5728\u505C\u6B62" : "\u505C\u6B62\u56DE\u590D",
+        className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[hsl(var(--muted))] text-[hsl(var(--foreground))] transition-opacity hover:opacity-90 disabled:opacity-60",
+        children: isStopping ? /* @__PURE__ */ jsx2(Loader2, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx2(Square, { size: 12, fill: "currentColor" })
+      }
+    ) : /* @__PURE__ */ jsx2(
+      "button",
+      {
+        type: "button",
+        onClick: handleSend,
+        disabled: !canSend,
+        "aria-label": "\u53D1\u9001\u6D88\u606F",
+        title: "\u53D1\u9001\u6D88\u606F",
+        className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))] transition-opacity hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-40",
+        children: /* @__PURE__ */ jsx2(ArrowUp, { size: 15 })
+      }
+    )
+  ] }) });
+}
+
+// src/components/ConnectionBanner.tsx
+import { AlertTriangle, LoaderCircle } from "lucide-react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function ConnectionBanner({ connection, className }) {
+  if (connection === "connected" || connection === "connecting") {
+    return null;
+  }
+  const reconnecting = connection === "reconnecting";
+  return /* @__PURE__ */ jsx3("div", { className: cn("blade-chat-banner bg-[hsl(var(--background))] px-5 pt-3", className), children: /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: cn(
+        "mx-auto flex max-w-3xl items-start gap-3 rounded-2xl border px-4 py-3",
+        reconnecting ? "border-amber-500/25 bg-amber-500/10 text-amber-100" : "border-rose-500/25 bg-rose-500/10 text-rose-100"
+      ),
+      children: [
+        /* @__PURE__ */ jsx3("span", { className: "mt-0.5 shrink-0", children: reconnecting ? /* @__PURE__ */ jsx3(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx3(AlertTriangle, { size: 14 }) }),
+        /* @__PURE__ */ jsxs2("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx3("div", { className: "text-sm font-medium", children: reconnecting ? "\u8FDE\u63A5\u5DF2\u65AD\u5F00\uFF0C\u6B63\u5728\u91CD\u8FDE\u2026" : "\u8FDE\u63A5\u5DF2\u65AD\u5F00" }),
+          /* @__PURE__ */ jsx3("div", { className: "text-xs opacity-80", children: "\u6D88\u606F\u540C\u6B65\u53EF\u80FD\u4F1A\u5EF6\u8FDF\uFF0C\u7CFB\u7EDF\u4F1A\u7EE7\u7EED\u81EA\u52A8\u91CD\u8BD5" })
+        ] })
+      ]
+    }
+  ) });
+}
+
+// src/components/MessageList.tsx
+import { isHiddenInternalMessage } from "@blade-hq/agent-client";
+import { ChevronDown as ChevronDown2, Layers, Lightbulb, MessageSquare } from "lucide-react";
+import { useEffect as useEffect4, useMemo as useMemo4, useRef as useRef3 } from "react";
+import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
+
+// src/components/AssistantTurnBlock.tsx
+import { getTextContent, normalizeMessageContent } from "@blade-hq/agent-client";
+import { Brain, ChevronDown } from "lucide-react";
+import { useState as useState6 } from "react";
+
+// src/components/AgentLoopBlock.tsx
+import { Bot, Check, ChevronRight, Loader2 as Loader22, X } from "lucide-react";
+import { useState as useState2 } from "react";
+
+// src/components/display-utils.ts
+var TOOL_NAME_ALIASES = {
+  agent: "Agent",
+  ask_user_question: "AskUserQuestion",
+  bash: "Bash",
+  bg_bash: "BgBash",
+  edit: "Edit",
+  exit_plan_mode: "ExitPlanMode",
+  file_edit: "Edit",
+  file_read: "Read",
+  file_write: "Write",
+  finish_task: "FinishTask",
+  glob: "Glob",
+  grep: "Grep",
+  ls: "Ls",
+  read: "Read",
+  read_skill: "ReadSkill",
+  web_fetch: "WebFetch",
+  web_search: "WebSearch",
+  write: "Write"
+};
+var TOOL_DISPLAY_LABELS = {
+  Bash: "\u6267\u884C\u547D\u4EE4",
+  BgBash: "\u540E\u53F0\u6267\u884C\u547D\u4EE4",
+  Read: "\u8BFB\u53D6\u6587\u4EF6",
+  Write: "\u5199\u5165\u6587\u4EF6",
+  Edit: "\u7F16\u8F91\u6587\u4EF6",
+  Ls: "\u5217\u51FA\u76EE\u5F55",
+  Glob: "\u5339\u914D\u6587\u4EF6",
+  Grep: "\u641C\u7D22\u6587\u672C",
+  WebSearch: "\u641C\u7D22\u7F51\u9875",
+  WebFetch: "\u6574\u7406\u7F51\u9875\u5185\u5BB9",
+  Agent: "\u6D3E\u751F\u5B50\u667A\u80FD\u4F53",
+  AskUserQuestion: "\u5411\u7528\u6237\u63D0\u95EE",
+  ReadSkill: "\u8BFB\u53D6\u6280\u80FD",
+  FinishTask: "\u4EFB\u52A1\u5B8C\u6210",
+  ExitPlanMode: "\u63D0\u4EA4\u8BA1\u5212",
+  ListSessions: "\u5217\u51FA\u5386\u53F2\u4F1A\u8BDD",
+  GetSessionHistory: "\u8BFB\u53D6\u4F1A\u8BDD\u5386\u53F2"
+};
+function safeParseJson(value) {
+  if (!value) return null;
+  try {
+    return JSON.parse(value);
+  } catch {
+    return null;
+  }
+}
+function getStringArgValue(args, key) {
+  const value = args?.[key];
+  return typeof value === "string" ? value.trim() : "";
+}
+function formatToolName(name) {
+  const trimmed = name.trim();
+  if (!trimmed) return name;
+  const stripped = trimmed.split(":").pop()?.split("/").pop()?.split(".").pop()?.trim() || trimmed;
+  const normalized = stripped.replace(/([a-z0-9])([A-Z])/g, "$1_$2").replace(/[^a-zA-Z0-9]+/g, "_").replace(/^_+|_+$/g, "").toLowerCase();
+  return TOOL_NAME_ALIASES[normalized] ?? stripped;
+}
+function getToolDisplayLabel(toolCall) {
+  const normalized = formatToolName(toolCall.name);
+  const args = safeParseJson(toolCall.arguments);
+  const displayName = toolCall.display_name?.trim() ?? "";
+  const baseLabel = displayName || TOOL_DISPLAY_LABELS[normalized] || normalized;
+  const metaDisplayName = getStringArgValue(args, "_meta_display_name");
+  if (metaDisplayName) {
+    return metaDisplayName;
+  }
+  const description = getStringArgValue(args, "description");
+  if (normalized === "BgBash") {
+    return description ? `\u540E\u53F0\u6267\u884C\uFF1A${description}` : "\u540E\u53F0\u6267\u884C\u547D\u4EE4";
+  }
+  if (normalized === "ReadSkill") {
+    const skillName = getStringArgValue(args, "skill") || getStringArgValue(args, "skill_name");
+    return skillName ? `${baseLabel}\u300C${skillName}\u300D` : baseLabel;
+  }
+  if (normalized === "FinishTask") {
+    const title = getStringArgValue(args, "title");
+    return title ? `${baseLabel}\uFF1A${title}` : baseLabel;
+  }
+  return description || baseLabel;
+}
+function getToolTone(status) {
+  if (status === "error" || status === "cancelled") return "red";
+  if (status === "awaiting_answer") return "amber";
+  if (status === "pending") return "blue";
+  return "emerald";
+}
+function getToolStatusLabel(status) {
+  if (status === "pending") return "\u8FD0\u884C\u4E2D";
+  if (status === "awaiting_answer") return "\u7B49\u5F85\u56DE\u7B54";
+  if (status === "error") return "\u9519\u8BEF";
+  if (status === "cancelled") return "\u5DF2\u53D6\u6D88";
+  return "\u5B8C\u6210";
+}
+function formatToolDuration(ms) {
+  if (ms < 1e3) return `${Math.round(ms)}ms`;
+  const seconds = ms / 1e3;
+  if (seconds < 60) return `${seconds.toFixed(1)}s`;
+  const minutes = Math.floor(seconds / 60);
+  const remainingSeconds = Math.round(seconds % 60);
+  return remainingSeconds > 0 ? `${minutes}m${remainingSeconds}s` : `${minutes}m`;
+}
+function formatToolArgs(args) {
+  try {
+    return JSON.stringify(JSON.parse(args), null, 2);
+  } catch {
+    return args;
+  }
+}
+var RESULT_PREVIEW_LIMIT = 4e3;
+function formatToolResult(result) {
+  const text = typeof result === "string" ? result : JSON.stringify(result, null, 2);
+  if (text == null) return "";
+  if (text.length <= RESULT_PREVIEW_LIMIT) return text;
+  return `${text.slice(0, RESULT_PREVIEW_LIMIT)}
+\u2026\uFF08\u7ED3\u679C\u8FC7\u957F\uFF0C\u5DF2\u622A\u65AD\uFF09`;
+}
+
+// src/components/AgentLoopBlock.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function parseAgentDescription(argumentsJson) {
+  try {
+    const parsed = JSON.parse(argumentsJson);
+    return typeof parsed?.description === "string" && parsed.description ? parsed.description : "\u5B50\u667A\u80FD\u4F53";
+  } catch {
+    return "\u5B50\u667A\u80FD\u4F53";
+  }
+}
+function AgentLoopBlock({ toolCall }) {
+  const [expanded, setExpanded] = useState2(false);
+  const description = parseAgentDescription(toolCall.arguments);
+  const running = toolCall.status === "pending" || toolCall.status === "awaiting_answer";
+  const failed = toolCall.status === "error" || toolCall.status === "cancelled";
+  return /* @__PURE__ */ jsxs3("div", { className: "blade-chat-agent-loop ml-4 text-xs", children: [
+    /* @__PURE__ */ jsxs3(
+      "div",
+      {
+        className: cn(
+          "border-l-[3px] flex items-center gap-2 px-3 py-2",
+          failed ? "border-l-[hsl(var(--muted-foreground)/0.5)]" : running ? "border-l-blue-500" : "border-l-[hsl(var(--primary))]"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs3(
+            "button",
+            {
+              type: "button",
+              onClick: () => setExpanded(!expanded),
+              className: "flex min-w-0 flex-1 items-center gap-2 text-left transition-colors hover:bg-white/3 focus-visible:ring-1 focus-visible:ring-[hsl(var(--ring))] focus:outline-none",
+              "aria-expanded": expanded,
+              children: [
+                /* @__PURE__ */ jsx4(
+                  ChevronRight,
+                  {
+                    size: 11,
+                    className: cn(
+                      "shrink-0 text-[hsl(var(--muted-foreground))] transition-transform",
+                      expanded && "rotate-90"
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx4(Bot, { size: 12, className: "shrink-0 text-[hsl(var(--muted-foreground))]" }),
+                /* @__PURE__ */ jsxs3(
+                  "span",
+                  {
+                    className: cn(
+                      "flex shrink-0 items-center gap-1 text-[10px]",
+                      failed ? "text-[hsl(var(--muted-foreground))]" : running ? "text-blue-300" : "text-[hsl(var(--primary))]"
+                    ),
+                    children: [
+                      running ? /* @__PURE__ */ jsx4(Loader22, { size: 11, className: "animate-spin" }) : failed ? /* @__PURE__ */ jsx4(X, { size: 11 }) : /* @__PURE__ */ jsx4(Check, { size: 11 }),
+                      /* @__PURE__ */ jsx4("span", { children: running ? "\u6267\u884C\u4E2D" : failed ? "\u5DF2\u7EC8\u6B62" : "\u5B8C\u6210" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs3("span", { className: "min-w-0 flex-1 truncate font-medium text-[hsl(var(--foreground))]", children: [
+                  "\u5B50\u667A\u80FD\u4F53\uFF1A",
+                  description
+                ] })
+              ]
+            }
+          ),
+          typeof toolCall.duration_ms === "number" && toolCall.duration_ms > 0 && /* @__PURE__ */ jsx4("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration(toolCall.duration_ms) })
+        ]
+      }
+    ),
+    expanded && toolCall.result != null && /* @__PURE__ */ jsxs3("div", { className: "ml-4 mt-1 rounded-xl bg-[hsl(var(--card))] px-3 py-3", children: [
+      /* @__PURE__ */ jsx4("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
+      /* @__PURE__ */ jsx4("pre", { className: "max-h-[400px] overflow-auto whitespace-pre-wrap rounded-md bg-[hsl(var(--muted))] p-2 font-mono text-[11px] text-[hsl(var(--foreground))]", children: formatToolResult(toolCall.result) })
+    ] })
+  ] });
+}
+
+// src/components/MarkdownContent.tsx
+import { Check as Check2, Copy } from "lucide-react";
+import {
+  useEffect as useEffect2,
+  useMemo as useMemo2,
+  useRef as useRef2,
+  useState as useState3
+} from "react";
+import { Streamdown } from "streamdown";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var SYSTEM_REMINDER_RE = /<system-reminder>[\s\S]*?<\/system-reminder>/gi;
+function CodeBlockPre({ children, node: _node, ...props }) {
+  const preRef = useRef2(null);
+  const [copied, setCopied] = useState3(false);
+  const [language, setLanguage] = useState3("");
+  useEffect2(() => {
+    const codeEl = preRef.current?.querySelector("code");
+    setLanguage(codeEl?.className.match(/language-(\S+)/)?.[1] ?? "");
+  }, []);
+  const handleCopy = async () => {
+    const ok = await copyToClipboard(preRef.current?.querySelector("code")?.textContent ?? "");
+    if (ok) {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    }
+  };
+  return /* @__PURE__ */ jsxs4("div", { className: "blade-chat-codeblock not-prose my-3 overflow-hidden rounded-xl border border-[hsl(var(--border))]", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "blade-chat-codeblock-header flex h-[34px] items-center justify-between border-b border-[hsl(var(--border))] bg-[hsl(var(--muted))/0.5] pl-3.5 pr-1.5", children: [
+      /* @__PURE__ */ jsx5("span", { className: "font-mono text-[12px] text-[hsl(var(--muted-foreground))]", children: language || "code" }),
+      /* @__PURE__ */ jsxs4(
+        "button",
+        {
+          type: "button",
+          onClick: handleCopy,
+          className: cn(
+            "flex h-6 items-center gap-1 rounded-md px-1.5 text-[11px] transition-colors",
+            copied ? "text-[hsl(var(--primary))]" : "text-[hsl(var(--muted-foreground))] hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]"
+          ),
+          children: [
+            copied ? /* @__PURE__ */ jsx5(Check2, { size: 12 }) : /* @__PURE__ */ jsx5(Copy, { size: 12 }),
+            /* @__PURE__ */ jsx5("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx5(
+      "pre",
+      {
+        ref: preRef,
+        ...props,
+        className: cn(props.className, "blade-chat-codeblock-body m-0 overflow-x-auto"),
+        children
+      }
+    )
+  ] });
+}
+function ExternalAnchor({ node: _node, children, ...props }) {
+  return /* @__PURE__ */ jsx5("a", { ...props, target: "_blank", rel: "noopener noreferrer", children });
+}
+var MARKDOWN_COMPONENTS = {
+  pre: CodeBlockPre,
+  a: ExternalAnchor
+};
+function MarkdownContent({ children, className, mode }) {
+  const resolvedChildren = useMemo2(() => children.replace(SYSTEM_REMINDER_RE, ""), [children]);
+  return /* @__PURE__ */ jsx5(
+    Streamdown,
+    {
+      className: cn("blade-chat-markdown break-words", className),
+      mode: mode ?? "static",
+      components: MARKDOWN_COMPONENTS,
+      children: resolvedChildren
+    }
+  );
+}
+
+// src/components/Shimmer.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+function Shimmer({ children = "\u6B63\u5728\u601D\u8003...", className }) {
+  return /* @__PURE__ */ jsx6("span", { className: cn("blade-shimmer-text text-sm font-medium", className), children });
+}
+
+// src/components/ToolCallBlock.tsx
+import { Check as Check4, ChevronRight as ChevronRight2, Loader2 as Loader24, MessageSquareMore as MessageSquareMore2, X as X2 } from "lucide-react";
+import { useState as useState5 } from "react";
+
+// src/components/AskUserQuestionBlock.tsx
+import { Check as Check3, Loader2 as Loader23, MessageSquareMore } from "lucide-react";
+import { useEffect as useEffect3, useMemo as useMemo3, useState as useState4 } from "react";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function AskUserQuestionBlock({
+  data,
+  answered,
+  toolCallId,
+  sessionStatus,
+  answerData,
+  onAnswer
+}) {
+  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);
+  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 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__ */ jsxs5(
+    "div",
+    {
+      className: cn(
+        "blade-chat-ask-card 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__ */ 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__ */ jsx7(
+          QuestionCard,
+          {
+            question: q,
+            qIdx,
+            answered,
+            selected: displayAnswerState.selections.get(qIdx) ?? /* @__PURE__ */ new Set(),
+            isCustom: displayAnswerState.usingCustom.has(qIdx),
+            customText: displayAnswerState.customTexts.get(qIdx) ?? "",
+            onToggle: toggleOption,
+            onCustomFocus: handleCustomFocus,
+            onCustomChange: setCustomText
+          },
+          q.question
+        )),
+        !answered && !submitted && onAnswer && /* @__PURE__ */ jsx7(
+          "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__ */ 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__ */ jsx7(Loader23, { 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__ */ jsxs5("div", { children: [
+    /* @__PURE__ */ jsxs5("div", { className: cn("flex items-start gap-2", answered ? "mb-2" : "mb-3"), children: [
+      /* @__PURE__ */ jsx7(
+        MessageSquareMore,
+        {
+          size: answered ? 12 : 13,
+          className: "mt-0.5 shrink-0 text-[hsl(var(--primary))]"
+        }
+      ),
+      /* @__PURE__ */ jsx7(
+        "div",
+        {
+          className: cn(
+            "min-w-0 flex-1 font-medium text-[hsl(var(--foreground))]",
+            answered ? "text-xs" : "text-sm"
+          ),
+          children: /* @__PURE__ */ jsx7(MarkdownContent, { className: "blade-chat-prose", children: question.question })
+        }
+      )
+    ] }),
+    /* @__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__ */ jsxs5(
+          "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__ */ jsx7(
+                "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__ */ jsx7(
+                    Check3,
+                    {
+                      size: 9,
+                      className: answered ? "text-[hsl(var(--primary))]" : "text-[hsl(var(--primary-foreground))]"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxs5("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx7("div", { className: cn("font-medium", answered ? "text-xs" : "text-[13px]"), children: opt.label }),
+                opt.description && /* @__PURE__ */ jsx7(
+                  "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__ */ jsxs5(
+        "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__ */ jsx7("span", { className: "shrink-0 text-xs text-[hsl(var(--muted-foreground))]", children: "\u5176\u4ED6\uFF1A" }),
+            /* @__PURE__ */ jsx7(
+              "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.length > 0) {
+      const normalized = questions.map(normalizeQuestionItem);
+      if (normalized.every((question) => question !== null)) {
+        return { ...parsed, questions: normalized };
+      }
+    }
+  } catch {
+  }
+  return null;
+}
+function normalizeQuestionItem(value) {
+  if (!value || typeof value !== "object") return null;
+  const item = value;
+  if (typeof item.question !== "string" || !Array.isArray(item.options)) return null;
+  const options = item.options.map(normalizeOptionItem);
+  if (!options.every((option) => option !== null)) return null;
+  return {
+    question: item.question,
+    options,
+    multiSelect: item.multiSelect === true || item.multi_select === true
+  };
+}
+function normalizeOptionItem(value) {
+  if (typeof value === "string") return { label: value, description: "" };
+  if (!value || typeof value !== "object") return null;
+  const option = value;
+  if (typeof option.label !== "string") return null;
+  return {
+    label: option.label,
+    description: typeof option.description === "string" ? option.description : ""
+  };
+}
+
+// src/components/ToolCallBlock.tsx
+import { Fragment, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function ToolCallBlock({
+  toolCall,
+  onAnswer,
+  answered,
+  answerData,
+  sessionStatus,
+  renderer
+}) {
+  const [expanded, setExpanded] = useState5(false);
+  const normalizedName = formatToolName(toolCall.name);
+  if (renderer) {
+    const custom = renderer(toolCall);
+    if (custom !== null && custom !== void 0) {
+      return /* @__PURE__ */ jsx8(Fragment, { children: custom });
+    }
+  }
+  if (normalizedName === "AskUserQuestion") {
+    const askData = parseAskUserQuestion(typeof toolCall.result === "string" ? toolCall.result : null) ?? parseAskUserQuestion(buildAskUserPayload(toolCall.arguments));
+    const canAnswer = toolCall.status === "awaiting_answer" && sessionStatus === "waiting_for_input" && Boolean(onAnswer);
+    if (askData) {
+      return /* @__PURE__ */ jsx8(
+        AskUserQuestionBlock,
+        {
+          data: askData,
+          answered: Boolean(answered) || toolCall.status === "done",
+          toolCallId: toolCall.id,
+          sessionStatus: sessionStatus ?? "",
+          answerData,
+          onAnswer: canAnswer ? onAnswer : void 0
+        }
+      );
+    }
+    if (toolCall.status === "pending") {
+      return /* @__PURE__ */ jsxs6("div", { className: "ml-4 flex max-w-lg items-center gap-2 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-4 text-sm text-[hsl(var(--muted-foreground))]", children: [
+        /* @__PURE__ */ jsx8(Loader24, { size: 14, className: "animate-spin" }),
+        /* @__PURE__ */ jsx8("span", { children: "\u6B63\u5728\u51C6\u5907\u95EE\u9898\u2026" })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs6("div", { className: "ml-4 max-w-lg rounded-xl border border-amber-500/35 bg-amber-500/10 p-4 text-sm text-[hsl(var(--foreground))]", children: [
+      /* @__PURE__ */ jsx8("div", { className: "font-semibold", children: "\u9009\u62E9\u9898\u5185\u5BB9\u6682\u65F6\u65E0\u6CD5\u663E\u793A" }),
+      /* @__PURE__ */ jsx8("div", { className: "mt-1 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: "\u6536\u5230\u7684\u4EA4\u4E92\u6570\u636E\u4E0D\u5B8C\u6574\u3002\u8BF7\u8BA9\u667A\u80FD\u4F53\u91CD\u65B0\u63D0\u95EE\u3002" })
+    ] });
+  }
+  const tone = getToolTone(toolCall.status);
+  const displayName = getToolDisplayLabel(toolCall);
+  const toneClass = tone === "red" ? "border-l-[hsl(var(--muted-foreground)/0.5)]" : tone === "amber" ? "border-l-amber-400" : tone === "blue" ? "border-l-blue-500" : "border-l-[hsl(var(--primary))]";
+  const statusIcon = toolCall.status === "pending" ? /* @__PURE__ */ jsx8(Loader24, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx8(MessageSquareMore2, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx8(X2, { size: 11 }) : /* @__PURE__ */ jsx8(Check4, { size: 11 });
+  const statusTextClass = tone === "red" ? "text-[hsl(var(--muted-foreground))]" : tone === "amber" ? "text-amber-300" : tone === "blue" ? "text-blue-300" : "text-[hsl(var(--primary))]";
+  return /* @__PURE__ */ jsxs6("div", { className: "blade-chat-tool ml-4 text-xs", children: [
+    /* @__PURE__ */ jsxs6("div", { className: cn("border-l-[3px] flex items-center gap-2 px-3 py-2", toneClass), children: [
+      /* @__PURE__ */ jsxs6(
+        "button",
+        {
+          type: "button",
+          onClick: () => setExpanded(!expanded),
+          className: "flex min-w-0 flex-1 items-center gap-2 text-left transition-colors hover:bg-white/3 focus-visible:ring-1 focus-visible:ring-[hsl(var(--ring))] focus:outline-none",
+          "aria-expanded": expanded,
+          children: [
+            /* @__PURE__ */ jsx8(
+              ChevronRight2,
+              {
+                size: 11,
+                className: cn(
+                  "shrink-0 text-[hsl(var(--muted-foreground))] transition-transform",
+                  expanded && "rotate-90"
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxs6("span", { className: cn("flex shrink-0 items-center gap-1 text-[10px]", statusTextClass), children: [
+              statusIcon,
+              /* @__PURE__ */ jsx8("span", { children: getToolStatusLabel(toolCall.status) })
+            ] }),
+            /* @__PURE__ */ jsx8("span", { className: "min-w-0 flex-1 truncate font-medium text-[hsl(var(--foreground))]", children: displayName })
+          ]
+        }
+      ),
+      typeof toolCall.duration_ms === "number" && toolCall.duration_ms > 0 && /* @__PURE__ */ jsx8("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration(toolCall.duration_ms) })
+    ] }),
+    expanded && /* @__PURE__ */ jsxs6("div", { className: "blade-chat-tool-detail ml-4 mt-1 rounded-xl bg-[hsl(var(--card))] px-3 py-3", children: [
+      /* @__PURE__ */ jsx8("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u5DE5\u5177" }),
+      /* @__PURE__ */ jsx8("div", { className: "mb-3 font-mono text-[11px] text-[hsl(var(--foreground))]", children: normalizedName }),
+      /* @__PURE__ */ jsx8("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u53C2\u6570" }),
+      /* @__PURE__ */ jsx8("pre", { className: "overflow-x-auto whitespace-pre-wrap rounded-md bg-[hsl(var(--muted))] p-2 font-mono text-[11px] text-[hsl(var(--foreground))]", children: formatToolArgs(toolCall.arguments) }),
+      toolCall.result != null && /* @__PURE__ */ jsxs6(Fragment, { children: [
+        /* @__PURE__ */ jsx8("div", { className: "mb-1 mt-3 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
+        /* @__PURE__ */ jsx8("pre", { className: "max-h-[400px] overflow-auto whitespace-pre-wrap rounded-md bg-[hsl(var(--muted))] p-2 font-mono text-[11px] text-[hsl(var(--foreground))]", children: formatToolResult(toolCall.result) })
+      ] })
+    ] })
+  ] });
+}
+function buildAskUserPayload(argumentsJson) {
+  try {
+    const parsed = JSON.parse(argumentsJson);
+    if (parsed && typeof parsed === "object" && Array.isArray(parsed.questions)) {
+      return JSON.stringify({ questions: parsed.questions });
+    }
+  } catch {
+    return null;
+  }
+  return null;
+}
+
+// src/components/AssistantTurnBlock.tsx
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function ThinkingBlock({ reasoning, isStreaming }) {
+  const [open, setOpen] = useState6(false);
+  return /* @__PURE__ */ jsxs7("div", { className: "blade-chat-thinking ml-4 text-sm", children: [
+    /* @__PURE__ */ jsxs7(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen(!open),
+        "aria-expanded": open,
+        className: "inline-flex items-center gap-1.5 text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))]",
+        children: [
+          /* @__PURE__ */ jsx9(Brain, { size: 12, className: "shrink-0" }),
+          isStreaming ? /* @__PURE__ */ jsx9(Shimmer, { className: "text-xs", children: "\u6B63\u5728\u601D\u8003..." }) : /* @__PURE__ */ jsx9("span", { children: "\u601D\u8003\u8FC7\u7A0B" }),
+          /* @__PURE__ */ jsx9(
+            ChevronDown,
+            {
+              size: 12,
+              className: cn("shrink-0 transition-transform", open && "rotate-180")
+            }
+          )
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx9("div", { className: "mt-1.5 whitespace-pre-wrap border-l-2 border-[hsl(var(--border))] pl-3 text-[11px] leading-5 text-[hsl(var(--muted-foreground))]", children: reasoning })
+  ] });
+}
+function getMessageText(message) {
+  return getTextContent(normalizeMessageContent(message.content)).trim();
+}
+function AssistantTurnBlock({
+  messages,
+  isStreaming = false,
+  askAnswers,
+  onAnswer,
+  sessionStatus,
+  toolCallRenderer
+}) {
+  const hasInterrupted = messages.some((message) => message.status === "interrupted");
+  const hasAnyContent = messages.some(
+    (message) => getMessageText(message) || message.reasoning || (message.tool_calls?.length ?? 0) > 0
+  );
+  return /* @__PURE__ */ jsxs7("div", { className: "blade-chat-assistant-turn flex flex-col gap-3", children: [
+    hasInterrupted && /* @__PURE__ */ jsx9("div", { className: "ml-4 w-fit rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.12em] text-amber-300", children: "\u5DF2\u4E2D\u65AD" }),
+    messages.map((message, index) => {
+      const isLast = index === messages.length - 1;
+      const streamingThis = isStreaming && isLast;
+      const text = getMessageText(message);
+      const toolCalls = message.tool_calls ?? [];
+      return /* @__PURE__ */ jsxs7(
+        "div",
+        {
+          className: "flex flex-col gap-3",
+          children: [
+            message.reasoning && /* @__PURE__ */ jsx9(ThinkingBlock, { reasoning: message.reasoning, isStreaming: streamingThis && !text }),
+            text && /* @__PURE__ */ jsx9("div", { className: "blade-chat-assistant-text text-[15px] leading-8 text-[hsl(var(--foreground))]", children: /* @__PURE__ */ jsx9(
+              MarkdownContent,
+              {
+                mode: streamingThis ? "streaming" : "static",
+                className: "blade-chat-prose",
+                children: text
+              }
+            ) }),
+            toolCalls.length > 0 && /* @__PURE__ */ jsx9("div", { className: "flex flex-col gap-2", children: toolCalls.map(
+              (toolCall) => formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx9(AgentLoopBlock, { toolCall }, toolCall.id) : /* @__PURE__ */ jsx9(
+                ToolCallBlock,
+                {
+                  toolCall,
+                  answerData: askAnswers?.[toolCall.id],
+                  onAnswer,
+                  answered: sessionStatus !== "waiting_for_input",
+                  sessionStatus,
+                  renderer: toolCallRenderer
+                },
+                toolCall.id
+              )
+            ) })
+          ]
+        },
+        message.entry_id ?? `${message.timestamp ?? "assistant"}-${index}`
+      );
+    }),
+    isStreaming && !hasAnyContent && /* @__PURE__ */ jsx9(Shimmer, { className: "ml-4", children: "\u6B63\u5728\u751F\u6210..." })
+  ] });
+}
+
+// src/components/RenderErrorBoundary.tsx
+import { AlertTriangle as AlertTriangle2 } from "lucide-react";
+import { Component } from "react";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+function getFirstComponentName(componentStack) {
+  const match = componentStack.match(/\n\s+at\s+([^\s(]+)/);
+  return match?.[1] ?? null;
+}
+var RenderErrorBoundary = class extends Component {
+  state = {
+    componentStack: "",
+    error: null
+  };
+  static getDerivedStateFromError(error) {
+    return {
+      componentStack: "",
+      error
+    };
+  }
+  componentDidCatch(error, info) {
+    const componentStack = info.componentStack ?? "";
+    console.error(`${this.props.label} render error:`, error, info);
+    this.setState({ componentStack });
+  }
+  componentDidUpdate(prevProps) {
+    if (this.state.error && prevProps.resetKey !== this.props.resetKey) {
+      this.setState({ componentStack: "", error: null });
+    }
+  }
+  render() {
+    const { children, details, label } = this.props;
+    const { componentStack, error } = this.state;
+    if (!error) {
+      return children;
+    }
+    const componentName = getFirstComponentName(componentStack);
+    return /* @__PURE__ */ jsx10("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__ */ jsxs8("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx10(AlertTriangle2, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
+      /* @__PURE__ */ jsxs8("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs8("div", { className: "font-medium", children: [
+          label,
+          "\u6E32\u67D3\u5931\u8D25"
+        ] }),
+        /* @__PURE__ */ jsxs8("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__ */ jsx10("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
+      ] })
+    ] }) });
+  }
+};
+
+// src/components/UserMessageBubble.tsx
+import { getFileParts, getImageParts, getTextContent as getTextContent2 } from "@blade-hq/agent-client";
+import { FileText, Loader2 as Loader25 } from "lucide-react";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function isUserMessage(message) {
+  return message.role === "user";
+}
+function isErrorMessage(message) {
+  return message.role === "error";
+}
+var isSending = (message) => message.status === "streaming";
+function UserMessageBubble({ message, className }) {
+  const text = getTextContent2(message.content).trim();
+  const fileParts = getFileParts(message.content);
+  const imageParts = getImageParts(message.content);
+  return /* @__PURE__ */ jsx11("div", { className: cn("blade-chat-user-row flex justify-end", className), children: /* @__PURE__ */ jsxs9("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: [
+    imageParts.length > 0 && /* @__PURE__ */ jsx11("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx11(
+      "img",
+      {
+        src: part.image_url.url,
+        alt: "\u7528\u6237\u4E0A\u4F20\u7684\u56FE\u7247",
+        className: "max-h-64 rounded-xl border border-[hsl(var(--user-msg-border))] object-cover"
+      },
+      part.image_url.url
+    )) }),
+    fileParts.length > 0 && /* @__PURE__ */ jsx11("div", { className: "flex flex-col items-end gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs9(
+      "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__ */ jsx11(FileText, { size: 12, className: "shrink-0" }),
+          /* @__PURE__ */ jsx11("span", { className: "max-w-56 truncate", title: part.name, children: part.name })
+        ]
+      },
+      `${part.name}-${part.data.length}`
+    )) }),
+    text && /* @__PURE__ */ jsx11("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__ */ jsx11(MarkdownContent, { className: "blade-chat-prose", children: text }) }),
+    text && isSending(message) && /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-1 pr-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))/0.85]", children: [
+      /* @__PURE__ */ jsx11(Loader25, { size: 11, className: "animate-spin", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx11("span", { children: "\u53D1\u9001\u4E2D" })
+    ] })
+  ] }) });
+}
+function ErrorMessageBlock({
+  message,
+  className
+}) {
+  const text = getTextContent2(message.content);
+  return /* @__PURE__ */ jsx11("div", { className: cn("blade-chat-error-row flex justify-center", className), children: /* @__PURE__ */ jsx11("div", { className: "blade-chat-error-block max-w-[85%] border-l-[3px] border-[hsl(var(--destructive))] px-4 py-1 text-sm leading-7 text-[hsl(var(--destructive))]", children: text }) });
+}
+
+// src/components/MessageList.tsx
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+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 getPlanningDividerKind(message) {
+  const modeChange = parseModeChange(message);
+  if (modeChange?.to === "planning") return "enter";
+  if (modeChange?.from === "planning") return "exit";
+  return null;
+}
+function getMessageResetSignature(messages) {
+  return messages.map((message) => {
+    const contentSize = typeof message.content === "string" ? message.content.length : message.content.length;
+    const toolSignature = message.tool_calls?.map((toolCall) => `${toolCall.id}:${toolCall.status ?? ""}`).join(",") ?? "";
+    return [
+      message.entry_id ?? message.timestamp ?? message.role,
+      message.status ?? "",
+      contentSize,
+      toolSignature
+    ].join(":");
+  }).join("|");
+}
+function MessageList({
+  messages,
+  isStreaming,
+  sessionStatus,
+  askAnswers,
+  onAnswer,
+  toolCallRenderer,
+  emptyState,
+  className
+}) {
+  const renderBlocks = useMemo4(() => {
+    const visible = messages.filter((message) => {
+      if ((message.loop_name ?? "root") !== "root") return false;
+      if (isHiddenInternalMessage(message)) return false;
+      if (message.kind === "compaction") return true;
+      return message.role !== "tool" || getPlanningDividerKind(message) !== null;
+    });
+    const blocks = [];
+    let assistantBuffer = [];
+    let assistantTurnCount = 0;
+    const flushAssistant = () => {
+      if (assistantBuffer.length === 0) return;
+      assistantTurnCount += 1;
+      const first = assistantBuffer[0];
+      blocks.push({
+        type: "assistant_turn",
+        messages: assistantBuffer,
+        key: first.entry_id ?? `assistant-${assistantTurnCount}`,
+        isStreaming: assistantBuffer.some((message) => message.status === "streaming")
+      });
+      assistantBuffer = [];
+    };
+    for (const message of visible) {
+      const dividerKind = getPlanningDividerKind(message);
+      if (dividerKind) {
+        flushAssistant();
+        blocks.push({
+          type: "planning_divider",
+          kind: dividerKind,
+          key: message.entry_id ?? `${dividerKind}-${blocks.length}`
+        });
+        continue;
+      }
+      if (message.kind === "compaction") {
+        flushAssistant();
+        blocks.push({ type: "compaction", key: message.entry_id ?? `compaction-${blocks.length}` });
+        continue;
+      }
+      if (message.role === "assistant") {
+        assistantBuffer.push(message);
+        continue;
+      }
+      flushAssistant();
+      blocks.push({
+        type: "message",
+        message,
+        key: message.entry_id ?? `${message.role}-${blocks.length}`
+      });
+    }
+    flushAssistant();
+    const last = blocks[blocks.length - 1];
+    if (isStreaming) {
+      if (last?.type === "assistant_turn") {
+        last.isStreaming = true;
+      } else if (last?.type === "message" && isUserMessage(last.message)) {
+        blocks.push({
+          type: "assistant_turn",
+          messages: [
+            {
+              role: "assistant",
+              content: "",
+              entry_id: `pending-assistant-${last.key}`,
+              status: "streaming",
+              loop_name: "root"
+            }
+          ],
+          key: `pending-assistant-${last.key}`,
+          isStreaming: true
+        });
+      }
+    }
+    return blocks;
+  }, [messages, isStreaming]);
+  return /* @__PURE__ */ jsx12("div", { className: cn("blade-chat-messages relative min-h-0 flex-1", className), children: /* @__PURE__ */ jsxs10(StickToBottom, { className: "h-full overflow-y-hidden", initial: "instant", resize: "instant", children: [
+    /* @__PURE__ */ jsx12(StickToBottom.Content, { className: "px-5 pb-7 pt-8 sm:px-10 sm:pt-10", children: /* @__PURE__ */ jsx12("div", { className: "blade-chat-messages-content mx-auto max-w-[748px]", children: /* @__PURE__ */ jsxs10("div", { className: "flex min-w-0 flex-col gap-9", children: [
+      renderBlocks.length === 0 ? emptyState ?? /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center justify-center gap-3 py-24 text-[hsl(var(--muted-foreground))]", children: [
+        /* @__PURE__ */ jsx12(MessageSquare, { size: 40, strokeWidth: 1.5 }),
+        /* @__PURE__ */ jsx12("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
+        /* @__PURE__ */ jsx12("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__ */ jsx12("div", { "data-entry-id": block.message.entry_id, children: isUserMessage(block.message) ? /* @__PURE__ */ jsx12(UserMessageBubble, { message: block.message }) : isErrorMessage(block.message) ? /* @__PURE__ */ jsx12(ErrorMessageBlock, { message: block.message }) : null }, block.key);
+        }
+        if (block.type === "assistant_turn") {
+          return /* @__PURE__ */ jsx12("div", { "data-entry-id": block.messages[0]?.entry_id, children: /* @__PURE__ */ jsx12(
+            RenderErrorBoundary,
+            {
+              label: "\u52A9\u624B\u6D88\u606F",
+              details: block.key,
+              resetKey: getMessageResetSignature(block.messages),
+              children: /* @__PURE__ */ jsx12(
+                AssistantTurnBlock,
+                {
+                  messages: block.messages,
+                  isStreaming: block.isStreaming,
+                  askAnswers,
+                  onAnswer,
+                  sessionStatus,
+                  toolCallRenderer
+                }
+              )
+            }
+          ) }, block.key);
+        }
+        if (block.type === "compaction") {
+          return /* @__PURE__ */ jsxs10(
+            "div",
+            {
+              className: "flex items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]",
+              children: [
+                /* @__PURE__ */ jsx12(Layers, { size: 12 }),
+                /* @__PURE__ */ jsx12("span", { children: "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
+              ]
+            },
+            block.key
+          );
+        }
+        return /* @__PURE__ */ jsx12(PlanningDivider, { kind: block.kind }, block.key);
+      }),
+      sessionStatus === "interrupted" && !isStreaming ? /* @__PURE__ */ jsx12("div", { className: "flex", children: /* @__PURE__ */ jsx12("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__ */ jsx12(AutoScrollOnUserSend, { userMessageCount: messages.filter((m) => isUserMessage(m)).length }),
+    /* @__PURE__ */ jsx12(ScrollToBottomButton, {})
+  ] }) });
+}
+function AutoScrollOnUserSend({ userMessageCount }) {
+  const { scrollToBottom } = useStickToBottomContext();
+  const previousCountRef = useRef3(userMessageCount);
+  useEffect4(() => {
+    if (userMessageCount > previousCountRef.current) {
+      scrollToBottom("instant");
+    }
+    previousCountRef.current = userMessageCount;
+  }, [userMessageCount, scrollToBottom]);
+  return null;
+}
+function ScrollToBottomButton() {
+  const { isAtBottom, scrollToBottom } = useStickToBottomContext();
+  if (isAtBottom) return null;
+  return /* @__PURE__ */ jsxs10(
+    "button",
+    {
+      type: "button",
+      onClick: () => scrollToBottom(),
+      className: "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__ */ jsx12(ChevronDown2, { size: 14 }),
+        /* @__PURE__ */ jsx12("span", { children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
+      ]
+    }
+  );
+}
+function PlanningDivider({ kind }) {
+  return /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-3 py-1", children: [
+    /* @__PURE__ */ jsx12("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
+    /* @__PURE__ */ jsxs10("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__ */ jsx12(Lightbulb, { size: 12 }),
+      /* @__PURE__ */ jsx12("span", { children: kind === "enter" ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
+    ] }),
+    /* @__PURE__ */ jsx12("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
+  ] });
+}
+
+// src/components/ChatView.tsx
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+function isUnauthorizedError(error) {
+  return error instanceof BladeApiError && error.status === 401;
+}
+function LoginCard({ client, onLoggedIn }) {
+  const [loggingIn, setLoggingIn] = useState7(false);
+  const [loginError, setLoginError] = useState7(null);
+  const handleLogin = async () => {
+    setLoggingIn(true);
+    setLoginError(null);
+    try {
+      await client.login();
+      onLoggedIn();
+    } catch (error) {
+      setLoginError(error instanceof Error && error.message ? error.message : "\u767B\u5F55\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
+    } finally {
+      setLoggingIn(false);
+    }
+  };
+  return /* @__PURE__ */ jsx13("div", { className: "blade-chat-login flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsxs11("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__ */ jsx13(LockKeyhole, { size: 28, className: "text-[hsl(var(--muted-foreground))]" }),
+    /* @__PURE__ */ jsx13("div", { className: "text-base font-medium text-[hsl(var(--foreground))]", children: "\u9700\u8981\u767B\u5F55\u540E\u4F7F\u7528" }),
+    /* @__PURE__ */ jsx13("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__ */ jsx13(
+      "button",
+      {
+        type: "button",
+        onClick: handleLogin,
+        disabled: loggingIn,
+        className: "w-full rounded-lg bg-[hsl(var(--primary))] px-4 py-2 text-sm font-semibold text-[hsl(var(--primary-foreground))] transition-opacity hover:opacity-90 disabled:opacity-60",
+        children: loggingIn ? "\u767B\u5F55\u4E2D\u2026" : "\u767B\u5F55"
+      }
+    ),
+    loginError && /* @__PURE__ */ jsx13("div", { className: "text-xs text-[hsl(var(--destructive))]", children: loginError })
+  ] }) });
+}
+function VersionMismatchCard({ error }) {
+  return /* @__PURE__ */ jsx13("div", { className: "blade-chat-version-mismatch flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsxs11("div", { className: "flex w-full max-w-md flex-col gap-3 rounded-2xl border border-amber-500/30 bg-amber-500/10 px-6 py-6", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 text-sm font-medium text-amber-300", children: [
+      /* @__PURE__ */ jsx13(CircleAlert, { size: 16 }),
+      /* @__PURE__ */ jsx13("span", { children: "\u7248\u672C\u4E0D\u5339\u914D" })
+    ] }),
+    /* @__PURE__ */ jsx13("div", { className: "break-words text-sm leading-6 text-[hsl(var(--foreground))]", children: error.message })
+  ] }) });
+}
+function ChatView(props) {
+  const client = useBladeClient();
+  const [attempt, setAttempt] = useState7(0);
+  const [needLogin, setNeedLogin] = useState7(() => !client.hasToken());
+  if (needLogin) {
+    return /* @__PURE__ */ jsx13("div", { className: cn("blade-chat flex min-h-0 flex-1 flex-col", props.classNames?.root), children: /* @__PURE__ */ jsx13(
+      LoginCard,
+      {
+        client,
+        onLoggedIn: () => {
+          setNeedLogin(false);
+          setAttempt((value) => value + 1);
+        }
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx13(ChatSessionView, { ...props, onUnauthorized: () => setNeedLogin(true) }, attempt);
+}
+function ChatSessionView({
+  sessionId,
+  createOptions,
+  onSessionCreated,
+  onSessionReady,
+  commands,
+  classNames,
+  renderers,
+  slots,
+  placeholder,
+  onUnauthorized
+}) {
+  const { session, state, error } = useAgentSession(sessionId, {
+    createOptions,
+    onSessionCreated
+  });
+  const [stopRequested, setStopRequested] = useState7(false);
+  const [inputText, setInputText] = useState7("");
+  useEffect5(() => {
+    if (session) {
+      onSessionReady?.(session);
+    }
+  }, [session, onSessionReady]);
+  useEffect5(() => {
+    if (!session) return;
+    const offAttach = session.on("attachRequested", ({ label, content }) => {
+      setInputText((prev) => `${prev ? `${prev}
+
+` : ""}[${label}]
+${content}`);
+    });
+    const offInsert = session.on("insertTextRequested", ({ text }) => {
+      setInputText((prev) => prev + text);
+    });
+    return () => {
+      offAttach();
+      offInsert();
+    };
+  }, [session]);
+  useEffect5(() => {
+    if (isUnauthorizedError(error)) {
+      onUnauthorized();
+    }
+  }, [error, onUnauthorized]);
+  useEffect5(() => {
+    if (!session || !commands) return;
+    const unsubscribes = Object.entries(commands).map(
+      ([action, handler]) => session.onCommand(action, (payload) => handler(payload))
+    );
+    return () => {
+      for (const unsubscribe of unsubscribes) unsubscribe();
+    };
+  }, [session, commands]);
+  if (error instanceof VersionMismatchError) {
+    return /* @__PURE__ */ jsx13("div", { className: cn("blade-chat flex min-h-0 flex-1 flex-col", classNames?.root), children: /* @__PURE__ */ jsx13(VersionMismatchCard, { error }) });
+  }
+  const isStreaming = state?.isStreaming ?? false;
+  const isStopping = stopRequested && isStreaming;
+  const connectError = error && !isUnauthorizedError(error) ? error.message || "\u8FDE\u63A5\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5" : null;
+  const errorMessage = connectError ?? state?.errorMessage ?? null;
+  const handleSend = (text) => {
+    setStopRequested(false);
+    void session?.send(text, { mode: state?.mode ?? void 0 });
+  };
+  const handleStop = () => {
+    setStopRequested(true);
+    void session?.stop();
+  };
+  return /* @__PURE__ */ jsxs11(
+    "div",
+    {
+      className: cn(
+        "blade-chat flex min-h-0 flex-1 flex-col overflow-hidden",
+        classNames?.root
+      ),
+      children: [
+        /* @__PURE__ */ jsx13(
+          ConnectionBanner,
+          {
+            connection: state?.connection ?? "connecting",
+            className: classNames?.banner
+          }
+        ),
+        errorMessage && /* @__PURE__ */ jsxs11("div", { className: "blade-chat-error-bar flex items-start gap-2 border-b border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800 dark:border-red-800/30 dark:bg-red-950/30 dark:text-red-300", children: [
+          /* @__PURE__ */ jsx13(CircleAlert, { size: 16, className: "mt-0.5 shrink-0" }),
+          /* @__PURE__ */ jsx13("span", { children: errorMessage })
+        ] }),
+        slots?.header,
+        /* @__PURE__ */ jsx13(
+          MessageList,
+          {
+            messages: state?.messages ?? [],
+            isStreaming,
+            sessionStatus: state?.status ?? void 0,
+            askAnswers: state?.askAnswers,
+            onAnswer: (answer, toolCallId, answerData) => {
+              void session?.send(answer, {
+                mode: state?.mode ?? void 0,
+                askUserAnswer: { tool_call_id: toolCallId, ...answerData }
+              });
+            },
+            toolCallRenderer: renderers?.toolCall,
+            emptyState: slots?.emptyState,
+            className: classNames?.messageList
+          }
+        ),
+        /* @__PURE__ */ jsx13(
+          ChatInput,
+          {
+            value: inputText,
+            onValueChange: setInputText,
+            onSend: handleSend,
+            onStop: handleStop,
+            isStreaming,
+            isStopping,
+            placeholder,
+            className: classNames?.chatInput
+          }
+        ),
+        slots?.footer
+      ]
+    }
+  );
+}
+
+// src/index.ts
+export * from "@blade-hq/agent-client";
+export {
+  BladeProvider,
+  ChatView,
+  MarkdownContent,
+  useAgentSession,
+  useBladeClient
+};
+//# sourceMappingURL=index.js.map