@blade-hq/agent-react 2608.0.5-beta.0 → 2608.0.5

package/dist/index.js

@@ -99,453 +99,8 @@ function useAgentSession(sessionId, options = {}) {
   return { session, state, error };
 }
 
-// src/hooks/use-replay.ts
-import { DEFAULT_REPLAY_SPEED } from "@blade-hq/agent-client";
-import { useCallback, useEffect as useEffect2, useState as useState2 } from "react";
-var replayCreating = /* @__PURE__ */ new Set();
-function useReplay(session) {
-  const client = useBladeClient();
-  const sessionId = session?.sessionId ?? null;
-  const [replay, setReplay] = useState2(null);
-  const [viewerRole, setViewerRole] = useState2(null);
-  const [sourceRunning, setSourceRunning] = useState2(false);
-  const [mismatch, setMismatch] = useState2(null);
-  const [preview, setPreview] = useState2({ status: "loading" });
-  const [isStarting, setIsStarting] = useState2(false);
-  const [error, setError] = useState2(null);
-  const [draftSpeed, setDraftSpeed] = useState2(DEFAULT_REPLAY_SPEED);
-  useEffect2(() => {
-    if (!session) {
-      setReplay(null);
-      setViewerRole(null);
-      setSourceRunning(false);
-      return;
-    }
-    const pull = () => {
-      const state = session.getState();
-      setReplay(state.replay);
-      setViewerRole(state.viewerRole);
-      setSourceRunning(state.isStreaming || state.status === "running");
-    };
-    pull();
-    return session.subscribe(pull);
-  }, [session]);
-  const [lastSessionId, setLastSessionId] = useState2(sessionId);
-  if (sessionId !== lastSessionId) {
-    setLastSessionId(sessionId);
-    setMismatch(null);
-    setError(null);
-    setDraftSpeed(DEFAULT_REPLAY_SPEED);
-  }
-  useEffect2(() => {
-    setPreview({ status: "loading" });
-    if (!sessionId) return;
-    let alive = true;
-    client.sessions.getReplayPreview(sessionId).then((result) => {
-      if (!alive) return;
-      setPreview({
-        status: "ready",
-        supported: result.supported,
-        reason: result.reason ?? null
-      });
-    }).catch(() => {
-      if (alive) setPreview({ status: "ready", supported: true, reason: null });
-    });
-    return () => {
-      alive = false;
-    };
-  }, [client, sessionId, sourceRunning]);
-  useEffect2(() => {
-    if (!session) return;
-    return session.on("replayMismatch", ({ actualMessage, expectedMessage, respond }) => {
-      setMismatch({
-        actualMessage: actualMessage ?? "",
-        expectedMessage: expectedMessage ?? "",
-        resolve: (decision) => {
-          setMismatch(null);
-          respond(decision);
-        }
-      });
-    });
-  }, [session]);
-  const isReplay = replay?.isReplay ?? false;
-  const setSpeed = useCallback(
-    async (next) => {
-      setDraftSpeed(next);
-      if (!session) return;
-      setError(null);
-      try {
-        await session.setReplaySpeed(next);
-      } catch (err) {
-        setError(err instanceof Error ? err : new Error(String(err)));
-      }
-    },
-    [session]
-  );
-  const exitToAutonomous = useCallback(async () => {
-    if (!session) return;
-    setError(null);
-    const pending = mismatch;
-    if (pending) {
-      pending.resolve("continue_replay");
-      return;
-    }
-    try {
-      await session.exitReplay();
-    } catch (err) {
-      setError(err instanceof Error ? err : new Error(String(err)));
-    }
-  }, [session, mismatch]);
-  const startReplay = useCallback(
-    async (speed) => {
-      if (!sessionId) throw new Error("\u5F53\u524D\u6CA1\u6709\u53EF\u56DE\u653E\u7684\u4F1A\u8BDD");
-      if (replayCreating.has(sessionId)) throw new Error("\u6B63\u5728\u521B\u5EFA\u56DE\u653E\u4F1A\u8BDD\uFF0C\u8BF7\u7A0D\u5019");
-      replayCreating.add(sessionId);
-      setIsStarting(true);
-      setError(null);
-      try {
-        const result = await client.sessions.startReplaySession(sessionId, speed ?? draftSpeed);
-        return result.session_id;
-      } catch (err) {
-        const failure = err instanceof Error ? err : new Error(String(err));
-        setError(failure);
-        throw failure;
-      } finally {
-        replayCreating.delete(sessionId);
-        setIsStarting(false);
-      }
-    },
-    [client, sessionId, draftSpeed]
-  );
-  return {
-    isReplay,
-    speed: isReplay ? replay?.speed ?? 1 : draftSpeed,
-    setSpeed,
-    exitToAutonomous,
-    mismatch,
-    canControl: viewerRole !== "viewer",
-    canReplay: Boolean(sessionId) && preview.status === "ready" && preview.supported && viewerRole !== "viewer",
-    unsupportedReason: preview.status === "ready" && !preview.supported ? preview.reason : null,
-    startReplay,
-    isStarting,
-    error
-  };
-}
-
-// src/hooks/use-llm-chat.ts
-import { useCallback as useCallback2, useMemo as useMemo2, useRef as useRef2, useState as useState3 } from "react";
-var DEFAULT_HISTORY_TURNS = 12;
-var DEFAULT_MAX_TOOL_ROUNDS = 4;
-var syntheticIdSeq = 0;
-function useLlmChat(options) {
-  const [history, setHistory] = useState3([]);
-  const [streamingText, setStreamingText] = useState3(null);
-  const [streamingCalls, setStreamingCalls] = useState3([]);
-  const [failedToolIds, setFailedToolIds] = useState3([]);
-  const [error, setError] = useState3(null);
-  const [isStreaming, setIsStreaming] = useState3(false);
-  const abortRef = useRef2(null);
-  const generationRef = useRef2(0);
-  const historyRef = useRef2([]);
-  const optionsRef = useRef2(options);
-  optionsRef.current = options;
-  historyRef.current = history;
-  const stop = useCallback2(() => {
-    abortRef.current?.abort();
-    abortRef.current = null;
-  }, []);
-  const reset = useCallback2(() => {
-    generationRef.current += 1;
-    stop();
-    setHistory([]);
-    setStreamingText(null);
-    setStreamingCalls([]);
-    setFailedToolIds([]);
-    setError(null);
-    setIsStreaming(false);
-  }, [stop]);
-  const send = useCallback2(async (text) => {
-    const content = text.trim();
-    if (!content || abortRef.current) return false;
-    const opts = optionsRef.current;
-    const maxRounds = opts.maxToolRounds ?? DEFAULT_MAX_TOOL_ROUNDS;
-    const commit = (message) => {
-      historyRef.current = [...historyRef.current, message];
-      setHistory(historyRef.current);
-    };
-    setError(null);
-    setIsStreaming(true);
-    setStreamingText("");
-    setStreamingCalls([]);
-    commit({ role: "user", content });
-    let partial = "";
-    const controller = new AbortController();
-    abortRef.current = controller;
-    const generation = generationRef.current;
-    try {
-      for (let round = 0; ; round += 1) {
-        const result = await streamOnce(opts, historyRef.current, controller.signal, {
-          onText: (chunk) => {
-            partial += chunk;
-            setStreamingText((prev) => `${prev ?? ""}${chunk}`);
-          },
-          onToolCalls: (calls) => setStreamingCalls(calls)
-        });
-        const assistant = {
-          role: "assistant",
-          content: result.content,
-          ...result.toolCalls.length ? { tool_calls: result.toolCalls } : {}
-        };
-        setStreamingText(null);
-        setStreamingCalls([]);
-        commit(assistant);
-        if (!result.toolCalls.length) return true;
-        const bail = (reason) => {
-          for (const call of result.toolCalls) {
-            commit({ role: "tool", tool_call_id: call.id, content: JSON.stringify({ error: reason }) });
-          }
-          setFailedToolIds((prev) => [...prev, ...result.toolCalls.map((call) => call.id)]);
-        };
-        if (!opts.onToolCall) {
-          bail("\u8FD9\u4E2A\u5E94\u7528\u6CA1\u6709\u63D0\u4F9B\u5DE5\u5177\u6267\u884C\u5165\u53E3");
-          return true;
-        }
-        if (round >= maxRounds) {
-          bail(`\u5DE5\u5177\u8C03\u7528\u5DF2\u8FBE\u4E0A\u9650 ${maxRounds} \u8F6E\uFF0C\u6CA1\u6709\u6267\u884C`);
-          setError(`\u5DE5\u5177\u8C03\u7528\u8D85\u8FC7 ${maxRounds} \u8F6E\u4ECD\u672A\u7ED9\u51FA\u7ED3\u8BBA\uFF0C\u5DF2\u505C\u4E0B\u3002`);
-          return false;
-        }
-        for (const call of result.toolCalls) {
-          let output;
-          try {
-            const value = await opts.onToolCall({
-              id: call.id,
-              name: call.function.name,
-              arguments: call.function.arguments
-            });
-            output = typeof value === "string" ? value : JSON.stringify(value ?? null);
-          } catch (err) {
-            output = JSON.stringify({ error: err instanceof Error ? err.message : String(err) });
-            setFailedToolIds((prev) => [...prev, call.id]);
-          }
-          commit({ role: "tool", tool_call_id: call.id, content: output });
-        }
-        setStreamingText("");
-      }
-    } catch (err) {
-      setStreamingText(null);
-      setStreamingCalls([]);
-      if (controller.signal.aborted) {
-        if (generation !== generationRef.current) return false;
-        commit({ role: "assistant", content: partial ? `${partial}\uFF08\u5DF2\u505C\u6B62\uFF09` : "\uFF08\u5DF2\u505C\u6B62\uFF09" });
-        return false;
-      }
-      if (partial && generation === generationRef.current) {
-        commit({ role: "assistant", content: partial });
-      }
-      setError(err instanceof Error && err.message ? err.message : "\u5BF9\u8BDD\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
-      return false;
-    } finally {
-      if (abortRef.current === controller) abortRef.current = null;
-      setIsStreaming(false);
-    }
-  }, []);
-  const messages = useMemo2(
-    () => toChatMessages(history, streamingText, streamingCalls, failedToolIds),
-    [history, streamingText, streamingCalls, failedToolIds]
-  );
-  return { messages, isStreaming, error, send, stop, reset };
-}
-async function streamOnce(options, history, signal, handlers) {
-  const {
-    baseURL,
-    model,
-    apiKey,
-    headers,
-    system,
-    historyTurns = DEFAULT_HISTORY_TURNS,
-    temperature,
-    extraBody,
-    tools,
-    fetchImpl
-  } = options;
-  const trimmed = trimHistory(history, historyTurns);
-  const payload = {
-    model,
-    stream: true,
-    messages: system ? [{ role: "system", content: system }, ...trimmed] : trimmed,
-    ...tools?.length ? { tools } : {},
-    ...temperature === void 0 ? {} : { temperature },
-    ...extraBody
-  };
-  const doFetch = fetchImpl ?? globalThis.fetch;
-  const url = `${baseURL.replace(/\/$/, "")}/chat/completions`;
-  let response;
-  try {
-    response = await doFetch(url, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        ...apiKey ? { Authorization: `Bearer ${apiKey}` } : {},
-        ...headers
-      },
-      body: JSON.stringify(payload),
-      signal
-    });
-  } catch (err) {
-    if (signal.aborted) throw err;
-    throw new Error(`\u8FDE\u4E0D\u4E0A\u6A21\u578B\u670D\u52A1 ${url}\uFF1A${err instanceof Error ? err.message : String(err)}`);
-  }
-  if (!response.ok) {
-    throw new Error(await describeHttpError(response));
-  }
-  if (!response.body) {
-    throw new Error("\u6A21\u578B\u670D\u52A1\u6CA1\u6709\u8FD4\u56DE\u6D41\u5F0F\u54CD\u5E94");
-  }
-  let content = "";
-  const calls = [];
-  for await (const chunk of readSse(response.body, signal)) {
-    if (chunk.error) {
-      throw new Error(chunk.error);
-    }
-    if (chunk.text) {
-      content += chunk.text;
-      handlers.onText(chunk.text);
-    }
-    if (chunk.toolCallDeltas) {
-      for (const delta of chunk.toolCallDeltas) {
-        const index = delta.index ?? 0;
-        const existing = calls[index] ?? { id: "", type: "function", function: { name: "", arguments: "" } };
-        calls[index] = {
-          id: delta.id ?? existing.id,
-          type: "function",
-          function: {
-            name: delta.function?.name ?? existing.function.name,
-            arguments: `${existing.function.arguments}${delta.function?.arguments ?? ""}`
-          }
-        };
-      }
-      handlers.onToolCalls(calls.filter(Boolean).map((call) => ({ ...call })));
-    }
-  }
-  const normalized = calls.filter(Boolean).filter((call) => call.function.name).map((call) => {
-    if (call.id) return call;
-    syntheticIdSeq += 1;
-    return { ...call, id: `call_auto_${syntheticIdSeq}` };
-  });
-  return { content, toolCalls: normalized };
-}
-function trimHistory(history, historyTurns) {
-  const userIndexes = history.reduce((acc, msg, i) => {
-    if (msg.role === "user") acc.push(i);
-    return acc;
-  }, []);
-  if (userIndexes.length <= historyTurns) return history;
-  return history.slice(userIndexes[userIndexes.length - historyTurns]);
-}
-async function describeHttpError(response) {
-  const raw = await response.text().catch(() => "");
-  try {
-    const parsed = JSON.parse(raw);
-    const message = typeof parsed.error === "string" ? parsed.error : parsed.error?.message ?? (typeof parsed.detail === "string" ? parsed.detail : void 0);
-    if (message) return `\u6A21\u578B\u670D\u52A1\u8FD4\u56DE ${response.status}\uFF1A${message}`;
-  } catch {
-  }
-  const snippet = raw.trim().slice(0, 120);
-  return snippet ? `\u6A21\u578B\u670D\u52A1\u8FD4\u56DE ${response.status}\uFF1A${snippet}` : `\u6A21\u578B\u670D\u52A1\u8FD4\u56DE ${response.status}`;
-}
-async function* readSse(stream, signal) {
-  const reader = stream.getReader();
-  const decoder = new TextDecoder();
-  let buffer = "";
-  try {
-    while (!signal.aborted) {
-      const { done, value } = await reader.read();
-      if (done) {
-        const tail = parseSse(buffer);
-        if (tail && tail !== "done") yield tail;
-        break;
-      }
-      buffer = `${buffer}${decoder.decode(value, { stream: true })}`.replace(/\r\n/g, "\n");
-      let boundary = buffer.indexOf("\n\n");
-      while (boundary !== -1) {
-        const chunk = parseSse(buffer.slice(0, boundary));
-        buffer = buffer.slice(boundary + 2);
-        if (chunk === "done") return;
-        if (chunk) yield chunk;
-        boundary = buffer.indexOf("\n\n");
-      }
-    }
-  } finally {
-    reader.cancel().catch(() => {
-    });
-  }
-}
-function parseSse(raw) {
-  const dataLines = [];
-  for (const line of raw.split("\n")) {
-    if (line.startsWith("data:")) dataLines.push(line.slice(5).trim());
-  }
-  if (!dataLines.length) return null;
-  const data = dataLines.join("\n");
-  if (data === "[DONE]") return "done";
-  let parsed;
-  try {
-    parsed = JSON.parse(data);
-  } catch {
-    return null;
-  }
-  if (parsed.error) {
-    const message = typeof parsed.error === "string" ? parsed.error : parsed.error.message;
-    return { error: message || "\u6A21\u578B\u670D\u52A1\u8FD4\u56DE\u4E86\u9519\u8BEF" };
-  }
-  const delta = parsed.choices?.[0]?.delta;
-  if (!delta) return null;
-  return { text: delta.content, toolCallDeltas: delta.tool_calls };
-}
-function toChatMessages(history, streamingText, streamingCalls, failedToolIds) {
-  const results = /* @__PURE__ */ new Map();
-  for (const msg of history) {
-    if (msg.role === "tool") results.set(msg.tool_call_id, msg.content);
-  }
-  const messages = [];
-  for (const msg of history) {
-    if (msg.role === "tool") continue;
-    if (msg.role === "user") {
-      messages.push({ role: "user", content: msg.content, status: "completed" });
-      continue;
-    }
-    messages.push({
-      role: "assistant",
-      content: msg.content,
-      status: "completed",
-      ...msg.tool_calls?.length ? { tool_calls: msg.tool_calls.map((call) => toToolCallInfo(call, results, failedToolIds)) } : {}
-    });
-  }
-  if (streamingText !== null) {
-    messages.push({
-      role: "assistant",
-      content: streamingText,
-      status: "streaming",
-      ...streamingCalls.length ? { tool_calls: streamingCalls.map((call) => toToolCallInfo(call, results, failedToolIds)) } : {}
-    });
-  }
-  return messages;
-}
-function toToolCallInfo(call, results, failedToolIds) {
-  const result = results.get(call.id);
-  const failed = failedToolIds.includes(call.id);
-  return {
-    id: call.id,
-    name: call.function.name,
-    arguments: call.function.arguments,
-    ...result === void 0 ? {} : { result },
-    status: result === void 0 ? "pending" : failed ? "error" : "done"
-  };
-}
-
-// src/components/AgentChat.tsx
-import { BladeApiError, latestPostChatFollowup } from "@blade-hq/agent-client";
+// src/components/ChatView.tsx
+import { BladeApiError } from "@blade-hq/agent-client";
 
 // ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/createLucideIcon.js
 import { forwardRef as forwardRef2, createElement as createElement2 } from "react";
@@ -618,16 +173,11 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component2;
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/arrow-right.js
-var ArrowRight = createLucideIcon("ArrowRight", [
-  ["path", { d: "M5 12h14", key: "1ays0h" }],
-  ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
-]);
-
-// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/arrow-up-right.js
-var ArrowUpRight = createLucideIcon("ArrowUpRight", [
-  ["path", { d: "M7 7h10v10", key: "1tivn9" }],
-  ["path", { d: "M7 17 17 7", key: "1vkiza" }]
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/archive.js
+var Archive = createLucideIcon("Archive", [
+  ["rect", { width: "20", height: "5", x: "2", y: "3", rx: "1", key: "1wp1u1" }],
+  ["path", { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8", key: "1s80jp" }],
+  ["path", { d: "M10 12h4", key: "a56b0p" }]
 ]);
 
 // ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/arrow-up.js
@@ -704,6 +254,24 @@ var Download = createLucideIcon("Download", [
   ["line", { x1: "12", x2: "12", y1: "15", y2: "3", key: "1vk2je" }]
 ]);
 
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/file-code-2.js
+var FileCode2 = createLucideIcon("FileCode2", [
+  ["path", { d: "M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4", key: "1pf5j1" }],
+  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
+  ["path", { d: "m5 12-3 3 3 3", key: "oke12k" }],
+  ["path", { d: "m9 18 3-3-3-3", key: "112psh" }]
+]);
+
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/file-spreadsheet.js
+var FileSpreadsheet = createLucideIcon("FileSpreadsheet", [
+  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
+  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
+  ["path", { d: "M8 13h2", key: "yr2amv" }],
+  ["path", { d: "M14 13h2", key: "un5t4a" }],
+  ["path", { d: "M8 17h2", key: "2yhykz" }],
+  ["path", { d: "M14 17h2", key: "10kma7" }]
+]);
+
 // ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/file-text.js
 var FileText = createLucideIcon("FileText", [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
@@ -731,11 +299,11 @@ var Film = createLucideIcon("Film", [
   ["path", { d: "M17 16.5h4", key: "go4c1d" }]
 ]);
 
-// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/globe.js
-var Globe = createLucideIcon("Globe", [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
-  ["path", { d: "M2 12h20", key: "9i4pu4" }]
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/image.js
+var Image = createLucideIcon("Image", [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
+  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
+  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
 ]);
 
 // ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/layers.js
@@ -801,32 +369,11 @@ var MessageSquare = createLucideIcon("MessageSquare", [
   ["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z", key: "1lielz" }]
 ]);
 
-// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/play.js
-var Play = createLucideIcon("Play", [
-  ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
-]);
-
-// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/settings-2.js
-var Settings2 = createLucideIcon("Settings2", [
-  ["path", { d: "M20 7h-9", key: "3s1dr2" }],
-  ["path", { d: "M14 17H5", key: "gfn3mx" }],
-  ["circle", { cx: "17", cy: "17", r: "3", key: "18b49y" }],
-  ["circle", { cx: "7", cy: "7", r: "3", key: "dfmy0x" }]
-]);
-
-// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/sparkles.js
-var Sparkles = createLucideIcon("Sparkles", [
-  [
-    "path",
-    {
-      d: "M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z",
-      key: "4pj2yx"
-    }
-  ],
-  ["path", { d: "M20 3v4", key: "1olli1" }],
-  ["path", { d: "M22 5h-4", key: "1gvqau" }],
-  ["path", { d: "M4 17v2", key: "vumght" }],
-  ["path", { d: "M5 18H3", key: "zchphs" }]
+// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/music.js
+var Music = createLucideIcon("Music", [
+  ["path", { d: "M9 18V5l12-2v13", key: "1jmyc2" }],
+  ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
+  ["circle", { cx: "18", cy: "16", r: "3", key: "1hluhg" }]
 ]);
 
 // ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/square.js
@@ -853,8 +400,8 @@ var X = createLucideIcon("X", [
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ]);
 
-// src/components/AgentChat.tsx
-import { useCallback as useCallback7, useEffect as useEffect8, useMemo as useMemo8, useState as useState12 } from "react";
+// src/components/ChatView.tsx
+import { useEffect as useEffect6, useState as useState10 } from "react";
 
 // src/lib/utils.ts
 function cn(...inputs) {
@@ -869,120 +416,8 @@ async function copyToClipboard(text) {
   }
 }
 
-// src/components/ReplayBar.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var SPEED_OPTIONS = [1, 2, 5];
-function ReplayBar({
-  isReplay,
-  speed,
-  onSpeedChange,
-  onExit,
-  canControl = true,
-  className
-}) {
-  if (!isReplay) return null;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex flex-wrap items-center gap-2 border-b border-[hsl(var(--border))] bg-[hsl(var(--muted))]/40 px-4 py-2 text-xs",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 font-medium text-[hsl(var(--foreground))]", children: [
-          /* @__PURE__ */ jsx2(Play, { size: 13 }),
-          "\u56DE\u653E\u6A21\u5F0F"
-        ] }),
-        /* @__PURE__ */ jsx2("span", { className: "text-[hsl(var(--muted-foreground))]", children: "\u6B63\u5728\u91CD\u73B0\u4E4B\u524D\u7684\u5BF9\u8BDD" }),
-        /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx2("div", { className: "flex items-center gap-0.5 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] p-0.5", children: SPEED_OPTIONS.map((option) => /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => onSpeedChange(option),
-              "aria-pressed": speed === option,
-              disabled: !canControl,
-              className: cn(
-                "h-6 rounded px-2 font-medium transition-colors",
-                speed === option ? "bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))]" : "text-[hsl(var(--muted-foreground))] hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]",
-                !canControl && "cursor-not-allowed opacity-50"
-              ),
-              children: [
-                option,
-                "x"
-              ]
-            },
-            option
-          )) }),
-          /* @__PURE__ */ jsx2(
-            "button",
-            {
-              type: "button",
-              onClick: onExit,
-              disabled: !canControl,
-              className: cn(
-                "h-7 rounded-md border border-[hsl(var(--border))] px-2.5 text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]",
-                !canControl && "cursor-not-allowed opacity-50 hover:bg-transparent"
-              ),
-              children: "\u9000\u51FA\u56DE\u653E"
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-
-// src/components/ReplayMismatchPrompt.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function ReplayMismatchPrompt({ mismatch, className }) {
-  if (!mismatch) return null;
-  return /* @__PURE__ */ jsxs2(
-    "div",
-    {
-      className: cn(
-        "mx-auto my-3 max-w-3xl rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-4 py-3 text-sm",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx3("div", { className: "font-medium text-[hsl(var(--foreground))]", children: "\u8FD9\u53E5\u8BDD\u548C\u4E4B\u524D\u5F55\u5236\u7684\u4E0D\u4E00\u6837" }),
-        /* @__PURE__ */ jsxs2("dl", { className: "mt-2 space-y-1 text-xs text-[hsl(var(--muted-foreground))]", children: [
-          /* @__PURE__ */ jsxs2("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ jsx3("dt", { className: "shrink-0", children: "\u5F55\u5236\u7684\u662F" }),
-            /* @__PURE__ */ jsx3("dd", { className: "min-w-0 break-words text-[hsl(var(--foreground))]", children: mismatch.expectedMessage || "\uFF08\u7A7A\uFF09" })
-          ] }),
-          /* @__PURE__ */ jsxs2("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ jsx3("dt", { className: "shrink-0", children: "\u4F60\u8F93\u5165\u7684" }),
-            /* @__PURE__ */ jsx3("dd", { className: "min-w-0 break-words text-[hsl(var(--foreground))]", children: mismatch.actualMessage || "\uFF08\u7A7A\uFF09" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "mt-3 flex flex-wrap gap-2", children: [
-          /* @__PURE__ */ jsx3(
-            "button",
-            {
-              type: "button",
-              onClick: () => mismatch.resolve("keep_replay"),
-              className: "h-8 rounded-md bg-[hsl(var(--primary))] px-3 text-xs font-medium text-[hsl(var(--primary-foreground))] transition-opacity hover:opacity-90",
-              children: "\u6309\u5F55\u5236\u5185\u5BB9\u7EE7\u7EED"
-            }
-          ),
-          /* @__PURE__ */ jsx3(
-            "button",
-            {
-              type: "button",
-              onClick: () => mismatch.resolve("continue_replay"),
-              className: "h-8 rounded-md border border-[hsl(var(--border))] px-3 text-xs text-[hsl(var(--muted-foreground))] transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]",
-              children: "\u4ECE\u8FD9\u91CC\u5F00\u59CB\u771F\u7684\u8FD0\u884C"
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-
 // src/components/ChatInput.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function ChatInput({
   value,
   onValueChange,
@@ -1007,8 +442,8 @@ function ChatInput({
       void handleSend();
     }
   };
-  return /* @__PURE__ */ jsx4("div", { className: cn("blade-chat-input border-t border-[hsl(var(--border))] py-3", className), children: /* @__PURE__ */ jsxs3("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__ */ jsx4(
+  return /* @__PURE__ */ jsx2("div", { className: cn("blade-chat-input border-t border-[hsl(var(--border))] 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,
@@ -1025,7 +460,7 @@ function ChatInput({
         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__ */ jsx4(
+    isStreaming ? /* @__PURE__ */ jsx2(
       "button",
       {
         type: "button",
@@ -1034,9 +469,9 @@ function ChatInput({
         "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__ */ jsx4(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx4(Square, { size: 12, fill: "currentColor" })
+        children: isStopping ? /* @__PURE__ */ jsx2(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx2(Square, { size: 12, fill: "currentColor" })
       }
-    ) : /* @__PURE__ */ jsx4(
+    ) : /* @__PURE__ */ jsx2(
       "button",
       {
         type: "button",
@@ -1045,20 +480,20 @@ function ChatInput({
         "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__ */ jsx4(ArrowUp, { size: 15 })
+        children: /* @__PURE__ */ jsx2(ArrowUp, { size: 15 })
       }
     )
   ] }) });
 }
 
 // src/components/ConnectionBanner.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+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__ */ jsx5("div", { className: cn("blade-chat-banner bg-[hsl(var(--background))] px-5 pt-3", className), children: /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsx3("div", { className: cn("blade-chat-banner bg-[hsl(var(--background))] px-5 pt-3", className), children: /* @__PURE__ */ jsxs2(
     "div",
     {
       className: cn(
@@ -1066,10 +501,10 @@ function ConnectionBanner({ connection, className }) {
         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__ */ jsx5("span", { className: "mt-0.5 shrink-0", children: reconnecting ? /* @__PURE__ */ jsx5(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx5(TriangleAlert, { size: 14 }) }),
-        /* @__PURE__ */ jsxs4("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx5("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__ */ jsx5("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" })
+        /* @__PURE__ */ jsx3("span", { className: "mt-0.5 shrink-0", children: reconnecting ? /* @__PURE__ */ jsx3(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx3(TriangleAlert, { 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" })
         ] })
       ]
     }
@@ -1078,10 +513,10 @@ function ConnectionBanner({ connection, className }) {
 
 // src/components/MessageList.tsx
 import { isHiddenInternalMessage } from "@blade-hq/agent-client";
-import { useCallback as useCallback6, useEffect as useEffect7, useMemo as useMemo7, useRef as useRef7, useState as useState11 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect5, useMemo as useMemo6, useRef as useRef5, useState as useState9 } from "react";
 
 // ../../node_modules/.pnpm/use-stick-to-bottom@1.1.3_react@19.2.4/node_modules/use-stick-to-bottom/dist/useStickToBottom.js
-import { useCallback as useCallback3, useMemo as useMemo3, useRef as useRef3, useState as useState4 } from "react";
+import { useCallback, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
 var DEFAULT_SPRING_ANIMATION = {
   /**
    * A value from 0 to 1, on how much to damp the animation.
@@ -1118,12 +553,12 @@ globalThis.document?.addEventListener("click", () => {
   mouseDown = false;
 });
 var useStickToBottom = (options = {}) => {
-  const [escapedFromLock, updateEscapedFromLock] = useState4(false);
-  const [isAtBottom, updateIsAtBottom] = useState4(options.initial !== false);
-  const [isNearBottom, setIsNearBottom] = useState4(false);
-  const optionsRef = useRef3(null);
+  const [escapedFromLock, updateEscapedFromLock] = useState2(false);
+  const [isAtBottom, updateIsAtBottom] = useState2(options.initial !== false);
+  const [isNearBottom, setIsNearBottom] = useState2(false);
+  const optionsRef = useRef2(null);
   optionsRef.current = options;
-  const isSelecting = useCallback3(() => {
+  const isSelecting = useCallback(() => {
     if (!mouseDown) {
       return false;
     }
@@ -1134,15 +569,15 @@ var useStickToBottom = (options = {}) => {
     const range = selection.getRangeAt(0);
     return range.commonAncestorContainer.contains(scrollRef.current) || scrollRef.current?.contains(range.commonAncestorContainer);
   }, []);
-  const setIsAtBottom = useCallback3((isAtBottom2) => {
+  const setIsAtBottom = useCallback((isAtBottom2) => {
     state.isAtBottom = isAtBottom2;
     updateIsAtBottom(isAtBottom2);
   }, []);
-  const setEscapedFromLock = useCallback3((escapedFromLock2) => {
+  const setEscapedFromLock = useCallback((escapedFromLock2) => {
     state.escapedFromLock = escapedFromLock2;
     updateEscapedFromLock(escapedFromLock2);
   }, []);
-  const state = useMemo3(() => {
+  const state = useMemo2(() => {
     let lastCalculation;
     return {
       escapedFromLock,
@@ -1195,7 +630,7 @@ var useStickToBottom = (options = {}) => {
       }
     };
   }, []);
-  const scrollToBottom = useCallback3((scrollOptions = {}) => {
+  const scrollToBottom = useCallback((scrollOptions = {}) => {
     if (typeof scrollOptions === "string") {
       scrollOptions = { animation: scrollOptions };
     }
@@ -1280,11 +715,11 @@ var useStickToBottom = (options = {}) => {
     }
     return next();
   }, [setIsAtBottom, isSelecting, state]);
-  const stopScroll = useCallback3(() => {
+  const stopScroll = useCallback(() => {
     setEscapedFromLock(true);
     setIsAtBottom(false);
   }, [setEscapedFromLock, setIsAtBottom]);
-  const handleScroll = useCallback3(({ target }) => {
+  const handleScroll = useCallback(({ target }) => {
     if (target !== scrollRef.current) {
       return;
     }
@@ -1323,7 +758,7 @@ var useStickToBottom = (options = {}) => {
       }
     }, 1);
   }, [setEscapedFromLock, setIsAtBottom, isSelecting, state]);
-  const handleWheel = useCallback3(({ target, deltaY }) => {
+  const handleWheel = useCallback(({ target, deltaY }) => {
     let element = target;
     while (!["scroll", "auto"].includes(getComputedStyle(element).overflow)) {
       if (!element.parentElement) {
@@ -1393,7 +828,7 @@ var useStickToBottom = (options = {}) => {
   };
 };
 function useRefCallback(callback, deps) {
-  const result = useCallback3((ref) => {
+  const result = useCallback((ref) => {
     result.current = ref;
     return callback(ref);
   }, deps);
@@ -1425,11 +860,11 @@ function mergeAnimations(...animations) {
 
 // ../../node_modules/.pnpm/use-stick-to-bottom@1.1.3_react@19.2.4/node_modules/use-stick-to-bottom/dist/StickToBottom.js
 import * as React from "react";
-import { createContext as createContext2, useContext as useContext2, useEffect as useEffect3, useImperativeHandle, useLayoutEffect, useMemo as useMemo4, useRef as useRef4 } from "react";
+import { createContext as createContext2, useContext as useContext2, useEffect as useEffect2, useImperativeHandle, useLayoutEffect, useMemo as useMemo3, useRef as useRef3 } from "react";
 var StickToBottomContext = createContext2(null);
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect3;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect2;
 function StickToBottom({ instance, children, resize, initial, mass, damping, stiffness, targetScrollTop: currentTargetScrollTop, contextRef, ...props }) {
-  const customTargetScrollTop = useRef4(null);
+  const customTargetScrollTop = useRef3(null);
   const targetScrollTop = React.useCallback((target, elements) => {
     const get = context?.targetScrollTop ?? currentTargetScrollTop;
     return get?.(target, elements) ?? target;
@@ -1443,7 +878,7 @@ function StickToBottom({ instance, children, resize, initial, mass, damping, sti
     targetScrollTop
   });
   const { scrollRef, contentRef, scrollToBottom, stopScroll, isAtBottom, escapedFromLock, state } = instance ?? defaultInstance;
-  const context = useMemo4(() => ({
+  const context = useMemo3(() => ({
     scrollToBottom,
     stopScroll,
     scrollRef,
@@ -1506,10 +941,10 @@ function useStickToBottomContext() {
 
 // src/components/AssistantTurnBlock.tsx
 import { getTextContent, normalizeMessageContent } from "@blade-hq/agent-client";
-import { useState as useState9 } from "react";
+import { useState as useState8 } from "react";
 
 // src/components/AgentLoopBlock.tsx
-import { useState as useState5 } from "react";
+import { useState as useState3 } from "react";
 
 // src/components/display-utils.ts
 var TOOL_NAME_ALIASES = {
@@ -1631,7 +1066,7 @@ function formatToolResult(result) {
 }
 
 // src/components/AgentLoopBlock.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function parseAgentDescription(argumentsJson) {
   try {
     const parsed = JSON.parse(argumentsJson);
@@ -1641,12 +1076,12 @@ function parseAgentDescription(argumentsJson) {
   }
 }
 function AgentLoopBlock({ toolCall }) {
-  const [expanded, setExpanded] = useState5(false);
+  const [expanded, setExpanded] = useState3(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__ */ jsxs5("div", { className: "blade-chat-agent-loop ml-4 text-xs", children: [
-    /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs3("div", { className: "blade-chat-agent-loop ml-4 text-xs", children: [
+    /* @__PURE__ */ jsxs3(
       "div",
       {
         className: cn(
@@ -1654,7 +1089,7 @@ function AgentLoopBlock({ toolCall }) {
           failed ? "border-l-[hsl(var(--muted-foreground)/0.5)]" : running ? "border-l-blue-500" : "border-l-[hsl(var(--primary))]"
         ),
         children: [
-          /* @__PURE__ */ jsxs5(
+          /* @__PURE__ */ jsxs3(
             "button",
             {
               type: "button",
@@ -1662,7 +1097,7 @@ function AgentLoopBlock({ toolCall }) {
               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__ */ jsx6(
+                /* @__PURE__ */ jsx4(
                   ChevronRight,
                   {
                     size: 11,
@@ -1672,8 +1107,8 @@ function AgentLoopBlock({ toolCall }) {
                     )
                   }
                 ),
-                /* @__PURE__ */ jsx6(Bot, { size: 12, className: "shrink-0 text-[hsl(var(--muted-foreground))]" }),
-                /* @__PURE__ */ jsxs5(
+                /* @__PURE__ */ jsx4(Bot, { size: 12, className: "shrink-0 text-[hsl(var(--muted-foreground))]" }),
+                /* @__PURE__ */ jsxs3(
                   "span",
                   {
                     className: cn(
@@ -1681,43 +1116,171 @@ function AgentLoopBlock({ toolCall }) {
                       failed ? "text-[hsl(var(--muted-foreground))]" : running ? "text-blue-300" : "text-[hsl(var(--primary))]"
                     ),
                     children: [
-                      running ? /* @__PURE__ */ jsx6(LoaderCircle, { size: 11, className: "animate-spin" }) : failed ? /* @__PURE__ */ jsx6(X, { size: 11 }) : /* @__PURE__ */ jsx6(Check, { size: 11 }),
-                      /* @__PURE__ */ jsx6("span", { children: running ? "\u6267\u884C\u4E2D" : failed ? "\u5DF2\u7EC8\u6B62" : "\u5B8C\u6210" })
+                      running ? /* @__PURE__ */ jsx4(LoaderCircle, { 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__ */ jsxs5("span", { className: "min-w-0 flex-1 truncate font-medium text-[hsl(var(--foreground))]", children: [
+                /* @__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__ */ jsx6("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration(toolCall.duration_ms) })
+          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__ */ jsxs5("div", { className: "ml-4 mt-1 rounded-xl bg-[hsl(var(--card))] px-3 py-3", children: [
-      /* @__PURE__ */ jsx6("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
-      /* @__PURE__ */ jsx6("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) })
+    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 {
-  useEffect as useEffect4,
-  useMemo as useMemo5,
-  useRef as useRef5,
-  useState as useState6
+  useEffect as useEffect3,
+  useMemo as useMemo4,
+  useRef as useRef4,
+  useState as useState5
 } from "react";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+
+// src/lib/media-tags.ts
+var FILE_CARD_TAG = "blade-file-card";
+var MEDIA_LINE_RE = /^[ \t]*(?:[-*+][ \t]+|\d+\.[ \t]+)?(?<wrap>[`"'*_]*)MEDIA:[ \t]*(?<path>.+?)\k<wrap>[ \t]*[。，、；;,]?[ \t]*\r?$/gm;
+var MEDIA_LINE_START_RE = /^[ \t]*(?:[-*+][ \t]+|\d+\.[ \t]+)?[`"'*_]*MEDIA:/;
+function basename(path) {
+  return path.split(/[/\\]/).filter(Boolean).pop() || path;
+}
+function unwrapMediaPath(path) {
+  if (!path.startsWith("<")) return path;
+  const closingBracket = path.indexOf(">");
+  if (closingBracket < 0) return null;
+  return `${path.slice(1, closingBracket)}${path.slice(closingBracket + 1)}`;
+}
+function isSafeMediaPath(path) {
+  if (!path) return false;
+  return !path.split(/[/\\]/).includes("..");
+}
+function escapeAttribute(value) {
+  return value.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function foldMediaLines(text) {
+  return text.replace(MEDIA_LINE_RE, (match, _wrap, rawPath) => {
+    const path = unwrapMediaPath(rawPath);
+    if (path === null) return match;
+    const name = basename(path);
+    if (!isSafeMediaPath(path)) {
+      return `\`${name}\``;
+    }
+    return `<${FILE_CARD_TAG} data-path="${escapeAttribute(path)}" data-name="${escapeAttribute(name)}">${escapeAttribute(name)}</${FILE_CARD_TAG}>`;
+  });
+}
+function collapseMediaTags(text, options) {
+  if (!text.includes("MEDIA:")) return text;
+  if (!options?.streaming) return foldMediaLines(text);
+  const newlineIndex = text.lastIndexOf("\n");
+  const head = newlineIndex < 0 ? "" : text.slice(0, newlineIndex + 1);
+  const lastLine = newlineIndex < 0 ? text : text.slice(newlineIndex + 1);
+  if (MEDIA_LINE_START_RE.test(lastLine)) {
+    return foldMediaLines(head);
+  }
+  return foldMediaLines(head) + lastLine;
+}
+
+// src/components/FileCard.tsx
+import { useState as useState4 } from "react";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var IMAGE_EXTS = /* @__PURE__ */ new Set(["png", "jpg", "jpeg", "gif", "svg", "webp", "ico", "bmp"]);
+var SHEET_EXTS = /* @__PURE__ */ new Set(["xlsx", "xls", "xlsm", "xlsb", "csv"]);
+var TEXT_EXTS = /* @__PURE__ */ new Set(["txt", "md", "markdown", "pdf", "doc", "docx", "rtf"]);
+var CODE_EXTS = /* @__PURE__ */ new Set(["js", "jsx", "ts", "tsx", "py", "go", "json", "yaml", "yml", "html", "css"]);
+var VIDEO_EXTS = /* @__PURE__ */ new Set(["mp4", "webm", "mov", "mkv", "avi"]);
+var AUDIO_EXTS = /* @__PURE__ */ new Set(["mp3", "wav", "ogg", "m4a", "flac"]);
+var ARCHIVE_EXTS = /* @__PURE__ */ new Set(["zip", "tar", "gz", "tgz", "rar", "7z"]);
+function getFileIcon(name) {
+  const ext = name.split(".").pop()?.toLowerCase() ?? "";
+  if (IMAGE_EXTS.has(ext)) return Image;
+  if (SHEET_EXTS.has(ext)) return FileSpreadsheet;
+  if (TEXT_EXTS.has(ext)) return FileText;
+  if (CODE_EXTS.has(ext)) return FileCode2;
+  if (VIDEO_EXTS.has(ext)) return Film;
+  if (AUDIO_EXTS.has(ext)) return Music;
+  if (ARCHIVE_EXTS.has(ext)) return Archive;
+  return File;
+}
+function stringValue(value) {
+  return typeof value === "string" ? value : void 0;
+}
+function extractChildrenText(children) {
+  if (typeof children === "string") return children;
+  if (Array.isArray(children)) return children.map(extractChildrenText).join("");
+  if (children && typeof children === "object" && "props" in children) {
+    return extractChildrenText(children.props?.children);
+  }
+  return "";
+}
+function FileCard({
+  node,
+  "data-path": pathAttribute,
+  "data-name": nameAttribute,
+  dataPath,
+  dataName,
+  sessionId,
+  children,
+  className,
+  ...props
+}) {
+  const client = useBladeClient();
+  const [downloading, setDownloading] = useState4(false);
+  const [failed, setFailed] = useState4(false);
+  const nodeProperties = node && typeof node === "object" && "properties" in node ? node.properties : void 0;
+  const path = pathAttribute ?? dataPath ?? stringValue(nodeProperties?.["data-path"]) ?? stringValue(nodeProperties?.dataPath) ?? "";
+  const name = nameAttribute ?? dataName ?? stringValue(nodeProperties?.["data-name"]) ?? stringValue(nodeProperties?.dataName) ?? extractChildrenText(children) ?? "";
+  const disabled = !sessionId || !isSafeMediaPath(path);
+  const Icon2 = getFileIcon(name);
+  const handleDownload = async () => {
+    if (disabled || downloading || !sessionId) return;
+    setDownloading(true);
+    setFailed(false);
+    try {
+      await client.sessions.downloadFile(sessionId, path, name);
+    } catch {
+      setFailed(true);
+    } finally {
+      setDownloading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs4("span", { ...props, className: cn("blade-chat-file-card", className), children: [
+    /* @__PURE__ */ jsxs4(
+      "button",
+      {
+        type: "button",
+        onClick: handleDownload,
+        disabled: disabled || downloading,
+        "aria-label": `\u4E0B\u8F7D\u6587\u4EF6\uFF1A${name}`,
+        title: failed ? "\u4E0B\u8F7D\u5931\u8D25\uFF0C\u70B9\u51FB\u91CD\u8BD5" : `\u4E0B\u8F7D ${name}`,
+        children: [
+          /* @__PURE__ */ jsx5("span", { className: "blade-chat-file-card-icon", children: downloading ? /* @__PURE__ */ jsx5(LoaderCircle, { size: 15, className: "animate-spin" }) : /* @__PURE__ */ jsx5(Icon2, { size: 15 }) }),
+          /* @__PURE__ */ jsx5("span", { className: "blade-chat-file-card-name", children: name }),
+          /* @__PURE__ */ jsx5(Download, { size: 13, className: "blade-chat-file-card-action" })
+        ]
+      }
+    ),
+    failed && /* @__PURE__ */ jsx5("span", { className: "blade-chat-file-card-error", children: "\u4E0B\u8F7D\u5931\u8D25" })
+  ] });
+}
+
+// src/components/MarkdownContent.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var SYSTEM_REMINDER_RE = /<system-reminder>[\s\S]*?<\/system-reminder>/gi;
 function CodeBlockPre({ children, node: _node, ...props }) {
-  const preRef = useRef5(null);
-  const [copied, setCopied] = useState6(false);
-  const [language, setLanguage] = useState6("");
-  useEffect4(() => {
+  const preRef = useRef4(null);
+  const [copied, setCopied] = useState5(false);
+  const [language, setLanguage] = useState5("");
+  useEffect3(() => {
     const codeEl = preRef.current?.querySelector("code");
     setLanguage(codeEl?.className.match(/language-(\S+)/)?.[1] ?? "");
   }, []);
@@ -1728,10 +1291,10 @@ function CodeBlockPre({ children, node: _node, ...props }) {
       setTimeout(() => setCopied(false), 2e3);
     }
   };
-  return /* @__PURE__ */ jsxs6("div", { className: "blade-chat-codeblock not-prose my-3 overflow-hidden rounded-xl border border-[hsl(var(--border))]", children: [
-    /* @__PURE__ */ jsxs6("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__ */ jsx7("span", { className: "font-mono text-[12px] text-[hsl(var(--muted-foreground))]", children: language || "code" }),
-      /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs5("div", { className: "blade-chat-codeblock not-prose my-3 overflow-hidden rounded-xl border border-[hsl(var(--border))]", children: [
+    /* @__PURE__ */ jsxs5("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__ */ jsx6("span", { className: "font-mono text-[12px] text-[hsl(var(--muted-foreground))]", children: language || "code" }),
+      /* @__PURE__ */ jsxs5(
         "button",
         {
           type: "button",
@@ -1741,13 +1304,13 @@ function CodeBlockPre({ children, node: _node, ...props }) {
             copied ? "text-[hsl(var(--primary))]" : "text-[hsl(var(--muted-foreground))] hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]"
           ),
           children: [
-            copied ? /* @__PURE__ */ jsx7(Check, { size: 12 }) : /* @__PURE__ */ jsx7(Copy, { size: 12 }),
-            /* @__PURE__ */ jsx7("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
+            copied ? /* @__PURE__ */ jsx6(Check, { size: 12 }) : /* @__PURE__ */ jsx6(Copy, { size: 12 }),
+            /* @__PURE__ */ jsx6("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx6(
       "pre",
       {
         ref: preRef,
@@ -1759,22 +1322,36 @@ function CodeBlockPre({ children, node: _node, ...props }) {
   ] });
 }
 function ExternalAnchor({ node: _node, children, ...props }) {
-  return /* @__PURE__ */ jsx7("a", { ...props, target: "_blank", rel: "noopener noreferrer", children });
+  return /* @__PURE__ */ jsx6("a", { ...props, target: "_blank", rel: "noopener noreferrer", children });
 }
 var MARKDOWN_COMPONENTS = {
   pre: CodeBlockPre,
   a: ExternalAnchor
 };
+var CUSTOM_ALLOWED_TAGS = {
+  [FILE_CARD_TAG]: ["dataPath", "dataName", "data-path", "data-name"]
+};
 function MarkdownContent({ children, className, mode, sessionId }) {
-  const resolvedChildren = useMemo5(() => {
-    return children.replace(SYSTEM_REMINDER_RE, "");
-  }, [children]);
-  return /* @__PURE__ */ jsx7(
+  const streaming = mode === "streaming";
+  const resolvedChildren = useMemo4(() => {
+    const withoutReminders = children.replace(SYSTEM_REMINDER_RE, "");
+    if (!sessionId) return withoutReminders;
+    return collapseMediaTags(withoutReminders, { streaming });
+  }, [children, sessionId, streaming]);
+  const components = useMemo4(
+    () => ({
+      ...MARKDOWN_COMPONENTS,
+      [FILE_CARD_TAG]: (fileCardProps) => /* @__PURE__ */ jsx6(FileCard, { ...fileCardProps, sessionId })
+    }),
+    [sessionId]
+  );
+  return /* @__PURE__ */ jsx6(
     _r,
     {
       className: cn("blade-chat-markdown break-words", className),
       mode: mode ?? "static",
-      components: MARKDOWN_COMPONENTS,
+      components,
+      allowedTags: CUSTOM_ALLOWED_TAGS,
       children: resolvedChildren
     },
     sessionId ?? "no-session"
@@ -1782,17 +1359,17 @@ function MarkdownContent({ children, className, mode, sessionId }) {
 }
 
 // src/components/Shimmer.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function Shimmer({ children = "\u6B63\u5728\u601D\u8003...", className }) {
-  return /* @__PURE__ */ jsx8("span", { className: cn("blade-shimmer-text text-sm font-medium", className), children });
+  return /* @__PURE__ */ jsx7("span", { className: cn("blade-shimmer-text text-sm font-medium", className), children });
 }
 
 // src/components/ToolCallBlock.tsx
-import { useState as useState8 } from "react";
+import { useState as useState7 } from "react";
 
 // src/components/AskUserQuestionBlock.tsx
-import { useEffect as useEffect5, useMemo as useMemo6, useState as useState7 } from "react";
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useEffect as useEffect4, useMemo as useMemo5, useState as useState6 } from "react";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function AskUserQuestionBlock({
   data,
   answered,
@@ -1801,16 +1378,16 @@ function AskUserQuestionBlock({
   answerData,
   onAnswer
 }) {
-  const [selections, setSelections] = useState7(/* @__PURE__ */ new Map());
-  const [customTexts, setCustomTexts] = useState7(/* @__PURE__ */ new Map());
-  const [usingCustom, setUsingCustom] = useState7(/* @__PURE__ */ new Set());
-  const [submitted, setSubmitted] = useState7(false);
-  useEffect5(() => {
+  const [selections, setSelections] = useState6(/* @__PURE__ */ new Map());
+  const [customTexts, setCustomTexts] = useState6(/* @__PURE__ */ new Map());
+  const [usingCustom, setUsingCustom] = useState6(/* @__PURE__ */ new Set());
+  const [submitted, setSubmitted] = useState6(false);
+  useEffect4(() => {
     if (sessionStatus === "failed" || sessionStatus === "interrupted") {
       setSubmitted(false);
     }
   }, [sessionStatus]);
-  const displayAnswerState = useMemo6(() => {
+  const displayAnswerState = useMemo5(() => {
     if (!(answered && answerData)) {
       return { selections, customTexts, usingCustom };
     }
@@ -1895,7 +1472,7 @@ ${parts.join("\n")}`;
     setSubmitted(true);
     onAnswer(text, toolCallId, nextAnswerData);
   };
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       className: cn(
@@ -1903,12 +1480,12 @@ ${parts.join("\n")}`;
         answered ? "max-w-2xl space-y-3 p-3 text-xs text-[hsl(var(--muted-foreground))] opacity-80" : "max-w-lg space-y-5 p-4 text-sm"
       ),
       children: [
-        data.source_loop?.description && /* @__PURE__ */ jsxs7("div", { className: "rounded-lg bg-[hsl(var(--muted)/0.35)] px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]", children: [
+        data.source_loop?.description && /* @__PURE__ */ jsxs6("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__ */ jsx9(
+        data.questions.map((q, qIdx) => /* @__PURE__ */ jsx8(
           QuestionCard,
           {
             question: q,
@@ -1923,7 +1500,7 @@ ${parts.join("\n")}`;
           },
           q.question
         )),
-        !answered && !submitted && onAnswer && /* @__PURE__ */ jsx9(
+        !answered && !submitted && onAnswer && /* @__PURE__ */ jsx8(
           "button",
           {
             type: "button",
@@ -1933,14 +1510,14 @@ ${parts.join("\n")}`;
             children: allAnswered ? "\u786E\u8BA4" : "\u8BF7\u5148\u9009\u62E9\u4E00\u4E2A\u9009\u9879"
           }
         ),
-        submitted && !answered && /* @__PURE__ */ jsxs7(
+        submitted && !answered && /* @__PURE__ */ jsxs6(
           "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__ */ jsx9(LoaderCircle, { size: 14, className: "animate-spin" }),
+              /* @__PURE__ */ jsx8(LoaderCircle, { size: 14, className: "animate-spin" }),
               "\u786E\u8BA4\u4E2D"
             ]
           }
@@ -1961,30 +1538,30 @@ function QuestionCard({
   onCustomChange
 }) {
   const multi = question.multiSelect ?? false;
-  return /* @__PURE__ */ jsxs7("div", { children: [
-    /* @__PURE__ */ jsxs7("div", { className: cn("flex items-start gap-2", answered ? "mb-2" : "mb-3"), children: [
-      /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs6("div", { children: [
+    /* @__PURE__ */ jsxs6("div", { className: cn("flex items-start gap-2", answered ? "mb-2" : "mb-3"), children: [
+      /* @__PURE__ */ jsx8(
         MessageSquareMore,
         {
           size: answered ? 12 : 13,
           className: "mt-0.5 shrink-0 text-[hsl(var(--primary))]"
         }
       ),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx8(
         "div",
         {
           className: cn(
             "min-w-0 flex-1 font-medium text-[hsl(var(--foreground))]",
             answered ? "text-xs" : "text-sm"
           ),
-          children: /* @__PURE__ */ jsx9(MarkdownContent, { className: "blade-chat-prose", children: question.question })
+          children: /* @__PURE__ */ jsx8(MarkdownContent, { className: "blade-chat-prose", children: question.question })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs7("div", { className: cn("flex flex-col pl-5", answered ? "gap-1" : "gap-1.5"), children: [
+    /* @__PURE__ */ jsxs6("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__ */ jsxs7(
+        return /* @__PURE__ */ jsxs6(
           "button",
           {
             type: "button",
@@ -1998,14 +1575,14 @@ function QuestionCard({
               answered && "cursor-default opacity-70"
             ),
             children: [
-              multi && /* @__PURE__ */ jsx9(
+              multi && /* @__PURE__ */ jsx8(
                 "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__ */ jsx9(
+                  children: isSel && /* @__PURE__ */ jsx8(
                     Check,
                     {
                       size: 9,
@@ -2014,9 +1591,9 @@ function QuestionCard({
                   )
                 }
               ),
-              /* @__PURE__ */ jsxs7("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx9("div", { className: cn("font-medium", answered ? "text-xs" : "text-[13px]"), children: opt.label }),
-                opt.description && /* @__PURE__ */ jsx9(
+              /* @__PURE__ */ jsxs6("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx8("div", { className: cn("font-medium", answered ? "text-xs" : "text-[13px]"), children: opt.label }),
+                opt.description && /* @__PURE__ */ jsx8(
                   "div",
                   {
                     className: cn(
@@ -2033,7 +1610,7 @@ function QuestionCard({
           opt.label
         );
       }),
-      answered && !isCustom ? null : /* @__PURE__ */ jsxs7(
+      answered && !isCustom ? null : /* @__PURE__ */ jsxs6(
         "div",
         {
           className: cn(
@@ -2043,8 +1620,8 @@ function QuestionCard({
             answered && "cursor-default opacity-70"
           ),
           children: [
-            /* @__PURE__ */ jsx9("span", { className: "shrink-0 text-xs text-[hsl(var(--muted-foreground))]", children: "\u5176\u4ED6\uFF1A" }),
-            /* @__PURE__ */ jsx9(
+            /* @__PURE__ */ jsx8("span", { className: "shrink-0 text-xs text-[hsl(var(--muted-foreground))]", children: "\u5176\u4ED6\uFF1A" }),
+            /* @__PURE__ */ jsx8(
               "input",
               {
                 type: "text",
@@ -2112,7 +1689,7 @@ function normalizeOptionItem(value) {
 }
 
 // src/components/ToolCallBlock.tsx
-import { Fragment, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function resolveAskQuestionState({
   toolStatus,
   hasAnswerData,
@@ -2132,12 +1709,12 @@ function ToolCallBlock({
   sessionStatus,
   renderer
 }) {
-  const [expanded, setExpanded] = useState8(false);
+  const [expanded, setExpanded] = useState7(false);
   const normalizedName = formatToolName(toolCall.name);
   if (renderer) {
     const custom = renderer(toolCall);
     if (custom !== null && custom !== void 0) {
-      return /* @__PURE__ */ jsx10(Fragment, { children: custom });
+      return /* @__PURE__ */ jsx9(Fragment, { children: custom });
     }
   }
   if (normalizedName === "AskUserQuestion") {
@@ -2149,7 +1726,7 @@ function ToolCallBlock({
     });
     const canAnswer = questionState.awaitingAnswer && Boolean(onAnswer);
     if (askData) {
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx9(
         AskUserQuestionBlock,
         {
           data: askData,
@@ -2162,24 +1739,24 @@ function ToolCallBlock({
       );
     }
     if (toolCall.status === "pending") {
-      return /* @__PURE__ */ jsxs8("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__ */ jsx10(LoaderCircle, { size: 14, className: "animate-spin" }),
-        /* @__PURE__ */ jsx10("span", { children: "\u6B63\u5728\u51C6\u5907\u95EE\u9898\u2026" })
+      return /* @__PURE__ */ jsxs7("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__ */ jsx9(LoaderCircle, { size: 14, className: "animate-spin" }),
+        /* @__PURE__ */ jsx9("span", { children: "\u6B63\u5728\u51C6\u5907\u95EE\u9898\u2026" })
       ] });
     }
-    return /* @__PURE__ */ jsxs8("div", { className: "ml-4 max-w-lg rounded-xl border border-amber-500/35 bg-amber-500/10 p-4 text-sm text-[hsl(var(--foreground))]", children: [
-      /* @__PURE__ */ jsx10("div", { className: "font-semibold", children: "\u9009\u62E9\u9898\u5185\u5BB9\u6682\u65F6\u65E0\u6CD5\u663E\u793A" }),
-      /* @__PURE__ */ jsx10("div", { className: "mt-1 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: "\u6536\u5230\u7684\u4EA4\u4E92\u6570\u636E\u4E0D\u5B8C\u6574\u3002\u8BF7\u8BA9\u667A\u80FD\u4F53\u91CD\u65B0\u63D0\u95EE\u3002" })
+    return /* @__PURE__ */ jsxs7("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__ */ jsx9("div", { className: "font-semibold", children: "\u9009\u62E9\u9898\u5185\u5BB9\u6682\u65F6\u65E0\u6CD5\u663E\u793A" }),
+      /* @__PURE__ */ jsx9("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__ */ jsx10(LoaderCircle, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx10(MessageSquareMore, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx10(X, { size: 11 }) : /* @__PURE__ */ jsx10(Check, { size: 11 });
+  const statusIcon = toolCall.status === "pending" ? /* @__PURE__ */ jsx9(LoaderCircle, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx9(MessageSquareMore, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx9(X, { size: 11 }) : /* @__PURE__ */ jsx9(Check, { 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__ */ jsxs8("div", { className: "blade-chat-tool ml-4 text-xs", children: [
-    /* @__PURE__ */ jsxs8("div", { className: cn("border-l-[3px] flex items-center gap-2 px-3 py-2", toneClass), children: [
-      /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs7("div", { className: "blade-chat-tool ml-4 text-xs", children: [
+    /* @__PURE__ */ jsxs7("div", { className: cn("border-l-[3px] flex items-center gap-2 px-3 py-2", toneClass), children: [
+      /* @__PURE__ */ jsxs7(
         "button",
         {
           type: "button",
@@ -2187,7 +1764,7 @@ function ToolCallBlock({
           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__ */ jsx10(
+            /* @__PURE__ */ jsx9(
               ChevronRight,
               {
                 size: 11,
@@ -2197,24 +1774,24 @@ function ToolCallBlock({
                 )
               }
             ),
-            /* @__PURE__ */ jsxs8("span", { className: cn("flex shrink-0 items-center gap-1 text-[10px]", statusTextClass), children: [
+            /* @__PURE__ */ jsxs7("span", { className: cn("flex shrink-0 items-center gap-1 text-[10px]", statusTextClass), children: [
               statusIcon,
-              /* @__PURE__ */ jsx10("span", { children: getToolStatusLabel(toolCall.status) })
+              /* @__PURE__ */ jsx9("span", { children: getToolStatusLabel(toolCall.status) })
             ] }),
-            /* @__PURE__ */ jsx10("span", { className: "min-w-0 flex-1 truncate font-medium text-[hsl(var(--foreground))]", children: displayName })
+            /* @__PURE__ */ jsx9("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__ */ jsx10("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration(toolCall.duration_ms) })
+      typeof toolCall.duration_ms === "number" && toolCall.duration_ms > 0 && /* @__PURE__ */ jsx9("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration(toolCall.duration_ms) })
     ] }),
-    expanded && /* @__PURE__ */ jsxs8("div", { className: "blade-chat-tool-detail ml-4 mt-1 rounded-xl bg-[hsl(var(--card))] px-3 py-3", children: [
-      /* @__PURE__ */ jsx10("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u5DE5\u5177" }),
-      /* @__PURE__ */ jsx10("div", { className: "mb-3 font-mono text-[11px] text-[hsl(var(--foreground))]", children: normalizedName }),
-      /* @__PURE__ */ jsx10("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u53C2\u6570" }),
-      /* @__PURE__ */ jsx10("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__ */ jsxs8(Fragment, { children: [
-        /* @__PURE__ */ jsx10("div", { className: "mb-1 mt-3 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
-        /* @__PURE__ */ jsx10("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) })
+    expanded && /* @__PURE__ */ jsxs7("div", { className: "blade-chat-tool-detail ml-4 mt-1 rounded-xl bg-[hsl(var(--card))] px-3 py-3", children: [
+      /* @__PURE__ */ jsx9("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u5DE5\u5177" }),
+      /* @__PURE__ */ jsx9("div", { className: "mb-3 font-mono text-[11px] text-[hsl(var(--foreground))]", children: normalizedName }),
+      /* @__PURE__ */ jsx9("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u53C2\u6570" }),
+      /* @__PURE__ */ jsx9("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__ */ jsxs7(Fragment, { children: [
+        /* @__PURE__ */ jsx9("div", { className: "mb-1 mt-3 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
+        /* @__PURE__ */ jsx9("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) })
       ] })
     ] })
   ] });
@@ -2232,11 +1809,11 @@ function buildAskUserPayload(argumentsJson) {
 }
 
 // src/components/AssistantTurnBlock.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function ThinkingBlock({ reasoning, isStreaming }) {
-  const [open, setOpen] = useState9(false);
-  return /* @__PURE__ */ jsxs9("div", { className: "blade-chat-thinking ml-4 text-sm", children: [
-    /* @__PURE__ */ jsxs9(
+  const [open, setOpen] = useState8(false);
+  return /* @__PURE__ */ jsxs8("div", { className: "blade-chat-thinking ml-4 text-sm", children: [
+    /* @__PURE__ */ jsxs8(
       "button",
       {
         type: "button",
@@ -2244,14 +1821,14 @@ function ThinkingBlock({ reasoning, isStreaming }) {
         "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__ */ jsx11(Brain, { size: 12, className: "shrink-0" }),
-          isStreaming ? /* @__PURE__ */ jsx11(Shimmer, { className: "text-xs", children: "\u6B63\u5728\u601D\u8003" }) : /* @__PURE__ */ jsx11("span", { children: "\u601D\u8003\u8FC7\u7A0B" }),
-          /* @__PURE__ */ jsxs9("span", { className: "text-[hsl(var(--muted-foreground))]/70", children: [
+          /* @__PURE__ */ jsx10(Brain, { size: 12, className: "shrink-0" }),
+          isStreaming ? /* @__PURE__ */ jsx10(Shimmer, { className: "text-xs", children: "\u6B63\u5728\u601D\u8003" }) : /* @__PURE__ */ jsx10("span", { children: "\u601D\u8003\u8FC7\u7A0B" }),
+          /* @__PURE__ */ jsxs8("span", { className: "text-[hsl(var(--muted-foreground))]/70", children: [
             "\xB7 ",
             new Intl.NumberFormat("zh-CN").format(reasoning.length),
             " \u5B57"
           ] }),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx10(
             ChevronDown,
             {
               size: 12,
@@ -2261,7 +1838,7 @@ function ThinkingBlock({ reasoning, isStreaming }) {
         ]
       }
     ),
-    open && /* @__PURE__ */ jsx11("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 })
+    open && /* @__PURE__ */ jsx10("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) {
@@ -2287,21 +1864,21 @@ function AssistantTurnBlock({
     (message) => getMessageText(message) || message.reasoning || (message.tool_calls?.length ?? 0) > 0
   );
   const latestReasoningIndex = isStreaming ? findLatestReasoningMessageIndex(messages) : -1;
-  return /* @__PURE__ */ jsxs9("div", { className: "blade-chat-assistant-turn flex flex-col gap-3", children: [
-    hasInterrupted && /* @__PURE__ */ jsx11("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" }),
+  return /* @__PURE__ */ jsxs8("div", { className: "blade-chat-assistant-turn flex flex-col gap-3", children: [
+    hasInterrupted && /* @__PURE__ */ jsx10("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 ?? [];
       const showReasoning = !!message.reasoning && (!isStreaming || index === latestReasoningIndex);
-      return /* @__PURE__ */ jsxs9(
+      return /* @__PURE__ */ jsxs8(
         "div",
         {
           className: "flex flex-col gap-3",
           children: [
-            showReasoning && message.reasoning && /* @__PURE__ */ jsx11(ThinkingBlock, { reasoning: message.reasoning, isStreaming: streamingThis && !text }),
-            text && /* @__PURE__ */ jsx11("div", { className: "blade-chat-assistant-text text-[15px] leading-8 text-[hsl(var(--foreground))]", children: /* @__PURE__ */ jsx11(
+            showReasoning && message.reasoning && /* @__PURE__ */ jsx10(ThinkingBlock, { reasoning: message.reasoning, isStreaming: streamingThis && !text }),
+            text && /* @__PURE__ */ jsx10("div", { className: "blade-chat-assistant-text text-[15px] leading-8 text-[hsl(var(--foreground))]", children: /* @__PURE__ */ jsx10(
               MarkdownContent,
               {
                 mode: streamingThis ? "streaming" : "static",
@@ -2310,8 +1887,8 @@ function AssistantTurnBlock({
                 children: text
               }
             ) }),
-            toolCalls.length > 0 && /* @__PURE__ */ jsx11("div", { className: "flex flex-col gap-2", children: toolCalls.map(
-              (toolCall) => formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx11(AgentLoopBlock, { toolCall }, toolCall.id) : /* @__PURE__ */ jsx11(
+            toolCalls.length > 0 && /* @__PURE__ */ jsx10("div", { className: "flex flex-col gap-2", children: toolCalls.map(
+              (toolCall) => formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx10(AgentLoopBlock, { toolCall }, toolCall.id) : /* @__PURE__ */ jsx10(
                 ToolCallBlock,
                 {
                   toolCall,
@@ -2329,13 +1906,13 @@ function AssistantTurnBlock({
         message.entry_id ?? `${message.timestamp ?? "assistant"}-${index}`
       );
     }),
-    isStreaming && !hasAnyContent && /* @__PURE__ */ jsx11(Shimmer, { className: "ml-4", children: "\u6B63\u5728\u751F\u6210..." })
+    isStreaming && !hasAnyContent && /* @__PURE__ */ jsx10(Shimmer, { className: "ml-4", children: "\u6B63\u5728\u751F\u6210..." })
   ] });
 }
 
 // src/components/RenderErrorBoundary.tsx
 import { Component } from "react";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function getFirstComponentName(componentStack) {
   const match = componentStack.match(/\n\s+at\s+([^\s(]+)/);
   return match?.[1] ?? null;
@@ -2368,447 +1945,62 @@ var RenderErrorBoundary = class extends Component {
       return children;
     }
     const componentName = getFirstComponentName(componentStack);
-    return /* @__PURE__ */ jsx12("div", { className: "blade-chat-render-error rounded-xl border border-amber-500/30 bg-amber-500/8 px-4 py-3 text-sm text-amber-100", children: /* @__PURE__ */ jsxs10("div", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ jsx12(TriangleAlert, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
-      /* @__PURE__ */ jsxs10("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs10("div", { className: "font-medium", children: [
+    return /* @__PURE__ */ jsx11("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__ */ jsxs9("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx11(TriangleAlert, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
+      /* @__PURE__ */ jsxs9("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "font-medium", children: [
           label,
           "\u6E32\u67D3\u5931\u8D25"
         ] }),
-        /* @__PURE__ */ jsxs10("div", { className: "mt-1 break-words text-xs leading-5 text-amber-100/75", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "mt-1 break-words text-xs leading-5 text-amber-100/75", children: [
           componentName ? `\u7EC4\u4EF6\uFF1A${componentName}\u3002` : null,
           error.message || "\u53D1\u751F\u4E86\u672A\u9884\u671F\u7684\u6E32\u67D3\u9519\u8BEF\u3002"
         ] }),
-        details ? /* @__PURE__ */ jsx12("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
+        details ? /* @__PURE__ */ jsx11("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
       ] })
     ] }) });
   }
 };
 
-// src/components/PostChatFollowupBlock.tsx
-import { useCallback as useCallback5, useEffect as useEffect6, useRef as useRef6, useState as useState10 } from "react";
-import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
-function emitInteraction(callback, event) {
-  try {
-    callback?.(event);
-  } catch {
-  }
-}
-function basename(path) {
-  return path.split(/[\\/]/).filter(Boolean).pop() || path;
+// src/components/UserMessageBubble.tsx
+import { getFileParts, getImageParts, getTextContent as getTextContent2 } from "@blade-hq/agent-client";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+function isUserMessage(message) {
+  return message.role === "user";
 }
-function isVideo(path) {
-  return /\.(?:mp4|mov|webm|mkv|avi|m4v)$/i.test(path);
+function isErrorMessage(message) {
+  return message.role === "error";
 }
-function ArtifactCard({
-  artifact,
-  sessionId,
-  assistantEntryId,
-  artifactIndex,
-  onInteraction,
-  onArtifactOpened
-}) {
-  const client = useBladeClient();
-  const [downloading, setDownloading] = useState10(false);
-  const name = artifact.label || basename(artifact.target);
-  if (artifact.kind === "link") {
-    return /* @__PURE__ */ jsxs11(
-      "a",
+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__ */ jsx12("div", { className: cn("blade-chat-user-row flex justify-end", className), children: /* @__PURE__ */ jsxs10("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: [
+    imageParts.length > 0 && /* @__PURE__ */ jsx12("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx12(
+      "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__ */ jsx12("div", { className: "flex flex-col items-end gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs10(
+      "div",
       {
-        href: artifact.target,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        onClick: () => onArtifactOpened(artifactIndex, "link"),
-        title: `${name}
-${artifact.target}`,
-        className: "group relative flex min-w-0 items-center gap-1.5 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-2 py-1.5 text-xs text-[hsl(var(--card-foreground))] hover:bg-[hsl(var(--accent))]",
+        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__ */ jsx13(Globe, { size: 15, className: "shrink-0 text-[hsl(var(--primary))]" }),
-          /* @__PURE__ */ jsx13("span", { className: "min-w-0 flex-1 truncate font-medium", children: name }),
-          /* @__PURE__ */ jsx13(ArrowUpRight, { size: 13, className: "absolute right-2 opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100" })
-        ]
-      }
-    );
-  }
-  const Icon2 = isVideo(artifact.target) ? Film : File;
-  return /* @__PURE__ */ jsxs11(
-    "button",
-    {
-      type: "button",
-      disabled: !sessionId || downloading,
-      onClick: async () => {
-        if (!sessionId || downloading) return;
-        setDownloading(true);
-        emitInteraction(onInteraction, {
-          type: "artifact_download_started",
-          sessionId,
-          assistantEntryId,
-          artifactIndex,
-          artifactKind: "file"
-        });
-        try {
-          await client.sessions.downloadFile(sessionId, artifact.target, basename(artifact.target));
-          emitInteraction(onInteraction, {
-            type: "artifact_download_succeeded",
-            sessionId,
-            assistantEntryId,
-            artifactIndex,
-            artifactKind: "file"
-          });
-        } catch {
-        } finally {
-          setDownloading(false);
-        }
-      },
-      title: name,
-      "aria-label": `\u4E0B\u8F7D ${name}`,
-      className: "group relative flex min-w-0 items-center gap-1.5 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-2 py-1.5 text-left text-xs text-[hsl(var(--card-foreground))] hover:bg-[hsl(var(--accent))] disabled:opacity-60",
-      children: [
-        /* @__PURE__ */ jsx13(Icon2, { size: 15, className: "shrink-0 text-[hsl(var(--primary))]" }),
-        /* @__PURE__ */ jsx13("span", { className: "min-w-0 flex-1 truncate font-medium", children: name }),
-        /* @__PURE__ */ jsx13(Download, { size: 13, className: "absolute right-2 opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100" })
-      ]
-    }
-  );
-}
-var FEEDBACK_REASONS = [
-  { value: "not_solved", label: "\u6CA1\u89E3\u51B3\u95EE\u9898" },
-  { value: "inaccurate", label: "\u5185\u5BB9\u4E0D\u51C6\u786E" },
-  { value: "incomplete", label: "\u5185\u5BB9\u4E0D\u5B8C\u6574" },
-  { value: "needs_major_changes", label: "\u9700\u8981\u5927\u91CF\u4FEE\u6539" },
-  { value: "too_slow", label: "\u592A\u6162" },
-  { value: "other", label: "\u5176\u4ED6" }
-];
-function feedbackReasonLabel(reason) {
-  return FEEDBACK_REASONS.find((item) => item.value === reason)?.label ?? null;
-}
-function HistoricalResultFeedback({ feedback }) {
-  const label = feedbackReasonLabel(feedback.reason);
-  return /* @__PURE__ */ jsxs11(
-    "section",
-    {
-      "aria-label": "\u5386\u53F2\u7ED3\u679C\u53CD\u9988",
-      className: "mt-3 w-fit max-w-full rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.2)] px-3 py-2 text-xs text-[hsl(var(--muted-foreground))]",
-      children: [
-        /* @__PURE__ */ jsxs11("span", { children: [
-          "\u4F60\u5BF9\u6B64\u8F6E\u7ED3\u679C\u7684\u8BC4\u4EF7\uFF1A",
-          feedback.helpful ? "\u6709\u5E2E\u52A9" : "\u6CA1\u5E2E\u52A9"
-        ] }),
-        label ? /* @__PURE__ */ jsxs11("span", { children: [
-          " \xB7 ",
-          label
-        ] }) : null
-      ]
-    }
-  );
-}
-function ResultFeedback({
-  followup,
-  sessionId,
-  isViewer,
-  onInteraction,
-  savedFeedback,
-  onFeedbackSaved
-}) {
-  const client = useBladeClient();
-  const [saved, setSaved] = useState10(savedFeedback ?? null);
-  const [helpful, setHelpful] = useState10(savedFeedback?.helpful ?? null);
-  const [reason, setReason] = useState10(savedFeedback?.reason ?? null);
-  const [saving, setSaving] = useState10(false);
-  const [saveError, setSaveError] = useState10(false);
-  const reportedShown = useRef6(false);
-  const latestChoice = useRef6(null);
-  const eligible = followup.feedback_eligible === true && Boolean(sessionId) && !isViewer;
-  useEffect6(() => {
-    if (!eligible || reportedShown.current) return;
-    reportedShown.current = true;
-    emitInteraction(onInteraction, {
-      type: "result_feedback_shown",
-      sessionId,
-      assistantEntryId: followup.assistant_entry_id
-    });
-  }, [eligible, followup.assistant_entry_id, onInteraction, sessionId]);
-  useEffect6(() => {
-    if (!savedFeedback || latestChoice.current) return;
-    setSaved(savedFeedback);
-    setHelpful(savedFeedback.helpful);
-    setReason(savedFeedback.reason);
-  }, [savedFeedback]);
-  const submit = useCallback5(
-    async (nextHelpful, nextReason) => {
-      if (!sessionId) return;
-      const choice = { helpful: nextHelpful, reason: nextReason };
-      latestChoice.current = choice;
-      setHelpful(nextHelpful);
-      setReason(nextReason);
-      setSaving(true);
-      setSaveError(false);
-      try {
-        const result = await client.sessions.putResultFeedback(
-          sessionId,
-          followup.assistant_entry_id,
-          choice
-        );
-        if (latestChoice.current !== choice) return;
-        setSaved(result);
-        onFeedbackSaved?.(result);
-        emitInteraction(onInteraction, {
-          type: "result_feedback_submitted",
-          sessionId,
-          assistantEntryId: followup.assistant_entry_id,
-          helpful: result.helpful,
-          reason: result.reason,
-          updatedAt: result.updated_at
-        });
-      } catch {
-        if (latestChoice.current === choice) setSaveError(true);
-      } finally {
-        if (latestChoice.current === choice) setSaving(false);
-      }
-    },
-    [client, followup.assistant_entry_id, onFeedbackSaved, onInteraction, sessionId]
-  );
-  if (!eligible) return null;
-  return /* @__PURE__ */ jsxs11(
-    "section",
-    {
-      "aria-label": "\u7ED3\u679C\u53CD\u9988",
-      className: "flex flex-col gap-2 border-t border-[hsl(var(--border))] pt-3",
-      children: [
-        /* @__PURE__ */ jsx13("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u76EE\u524D\u7684\u6574\u4F53\u7ED3\u679C\u6709\u5E2E\u52A9\u5417\uFF1F" }),
-        /* @__PURE__ */ jsxs11("div", { className: "flex flex-wrap gap-1.5", children: [
-          /* @__PURE__ */ jsx13(
-            "button",
-            {
-              type: "button",
-              "aria-pressed": helpful === true,
-              disabled: saving,
-              onClick: () => void submit(true, null),
-              className: "rounded-lg border border-[hsl(var(--border))] px-2.5 py-1.5 text-xs aria-pressed:bg-[hsl(var(--primary)/0.1)] disabled:opacity-60",
-              children: "\u6709\u5E2E\u52A9"
-            }
-          ),
-          /* @__PURE__ */ jsx13(
-            "button",
-            {
-              type: "button",
-              "aria-pressed": helpful === false,
-              disabled: saving,
-              onClick: () => void submit(false, reason),
-              className: "rounded-lg border border-[hsl(var(--border))] px-2.5 py-1.5 text-xs aria-pressed:bg-[hsl(var(--primary)/0.1)] disabled:opacity-60",
-              children: "\u6CA1\u5E2E\u52A9"
-            }
-          )
-        ] }),
-        helpful === false ? /* @__PURE__ */ jsx13("div", { className: "flex flex-wrap gap-1.5", "aria-label": "\u6CA1\u5E2E\u52A9\u7684\u4E3B\u8981\u539F\u56E0", children: FEEDBACK_REASONS.map((item) => /* @__PURE__ */ jsx13(
-          "button",
-          {
-            type: "button",
-            "aria-pressed": reason === item.value,
-            disabled: saving,
-            onClick: () => void submit(false, item.value),
-            className: "rounded-full bg-[hsl(var(--muted)/0.62)] px-2.5 py-1 text-[11px] aria-pressed:bg-[hsl(var(--primary)/0.14)] disabled:opacity-60",
-            children: item.label
-          },
-          item.value
-        )) }) : null,
-        saveError ? /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 text-xs text-[hsl(var(--destructive))]", children: [
-          /* @__PURE__ */ jsx13("span", { children: "\u53CD\u9988\u6682\u672A\u4FDD\u5B58\uFF0C\u53EF\u91CD\u8BD5" }),
-          /* @__PURE__ */ jsx13(
-            "button",
-            {
-              type: "button",
-              className: "underline",
-              onClick: () => {
-                const choice = latestChoice.current;
-                if (choice) void submit(choice.helpful, choice.reason);
-              },
-              children: "\u91CD\u8BD5"
-            }
-          )
-        ] }) : saved ? /* @__PURE__ */ jsx13("div", { className: "text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u5DF2\u4FDD\u5B58\uFF0C\u53EF\u968F\u65F6\u4FEE\u6539" }) : null
-      ]
-    }
-  );
-}
-function PostChatFollowupBlock({
-  followup,
-  sessionId,
-  onSuggestion,
-  isViewer = false,
-  onInteraction,
-  savedFeedback,
-  onFeedbackSaved
-}) {
-  const [expanded, setExpanded] = useState10(false);
-  const adopted = useRef6(/* @__PURE__ */ new Set());
-  const reportedSuggestions = useRef6(false);
-  const reportedArtifacts = useRef6(/* @__PURE__ */ new Set());
-  const openedArtifacts = useRef6(/* @__PURE__ */ new Set());
-  const artifacts = followup.final_artifacts ?? [];
-  const visibleArtifacts = expanded ? artifacts : artifacts.slice(0, 3);
-  useEffect6(() => {
-    if (!reportedSuggestions.current && followup.suggestions.length > 0) {
-      reportedSuggestions.current = true;
-      emitInteraction(onInteraction, {
-        type: "suggestions_shown",
-        sessionId,
-        assistantEntryId: followup.assistant_entry_id,
-        count: followup.suggestions.length
-      });
-    }
-    for (let artifactIndex = 0; artifactIndex < visibleArtifacts.length; artifactIndex += 1) {
-      if (reportedArtifacts.current.has(artifactIndex)) continue;
-      const artifact = visibleArtifacts[artifactIndex];
-      if (!artifact) continue;
-      reportedArtifacts.current.add(artifactIndex);
-      emitInteraction(onInteraction, {
-        type: "artifact_shown",
-        sessionId,
-        assistantEntryId: followup.assistant_entry_id,
-        artifactIndex,
-        artifactKind: artifact.kind
-      });
-    }
-  }, [
-    followup.assistant_entry_id,
-    followup.suggestions.length,
-    onInteraction,
-    sessionId,
-    visibleArtifacts
-  ]);
-  const reportArtifactOpened = useCallback5(
-    (artifactIndex, artifactKind) => {
-      if (openedArtifacts.current.has(artifactIndex)) return;
-      openedArtifacts.current.add(artifactIndex);
-      emitInteraction(onInteraction, {
-        type: "artifact_opened",
-        sessionId,
-        assistantEntryId: followup.assistant_entry_id,
-        artifactIndex,
-        artifactKind
-      });
-    },
-    [followup.assistant_entry_id, onInteraction, sessionId]
-  );
-  if (!followup.recaption && artifacts.length === 0 && followup.suggestions.length === 0 && !followup.feedback_eligible)
-    return null;
-  return /* @__PURE__ */ jsxs11("div", { className: "mt-3 flex w-fit max-w-full flex-col gap-3 rounded-xl border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.28)] p-3 sm:max-w-[680px]", children: [
-    followup.recaption || artifacts.length > 0 ? /* @__PURE__ */ jsxs11("section", { "aria-label": "\u672C\u8F6E\u5C0F\u7ED3", className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-1.5 text-xs font-medium text-[hsl(var(--muted-foreground))]", children: [
-        /* @__PURE__ */ jsx13(Sparkles, { size: 14 }),
-        "\u672C\u8F6E\u5C0F\u7ED3"
-      ] }),
-      followup.recaption ? /* @__PURE__ */ jsx13("p", { className: "text-[13px] leading-5", children: followup.recaption }) : null,
-      artifacts.length > 0 ? /* @__PURE__ */ jsxs11(Fragment2, { children: [
-        /* @__PURE__ */ jsx13("div", { className: "grid max-w-full grid-cols-3 gap-1.5", children: visibleArtifacts.map((artifact, artifactIndex) => /* @__PURE__ */ jsx13(
-          ArtifactCard,
-          {
-            artifact,
-            sessionId,
-            assistantEntryId: followup.assistant_entry_id,
-            artifactIndex,
-            onInteraction,
-            onArtifactOpened: reportArtifactOpened
-          },
-          `${artifact.kind}:${artifactIndex}`
-        )) }),
-        artifacts.length > 3 ? /* @__PURE__ */ jsxs11(
-          "button",
-          {
-            type: "button",
-            onClick: () => setExpanded((value) => !value),
-            "aria-expanded": expanded,
-            className: "flex w-fit items-center gap-0.5 text-[11px] text-[hsl(var(--muted-foreground))]",
-            children: [
-              expanded ? "\u6536\u8D77" : `\u5C55\u5F00 ${artifacts.length - 3} \u4E2A`,
-              /* @__PURE__ */ jsx13(ChevronDown, { size: 13, className: expanded ? "rotate-180" : void 0 })
-            ]
-          }
-        ) : null
-      ] }) : null
-    ] }) : null,
-    followup.suggestions.length > 0 ? /* @__PURE__ */ jsxs11("section", { "aria-label": "\u4E0B\u4E00\u6B65\u5EFA\u8BAE", className: "flex flex-col gap-1.5", children: [
-      /* @__PURE__ */ jsx13("div", { className: "text-xs font-medium text-[hsl(var(--muted-foreground))]", children: "\u4E0B\u4E00\u6B65\u53EF\u4EE5" }),
-      followup.suggestions.map((suggestion, suggestionIndex) => /* @__PURE__ */ jsxs11(
-        "button",
-        {
-          type: "button",
-          disabled: isViewer,
-          onClick: () => {
-            if (!adopted.current.has(suggestionIndex)) {
-              adopted.current.add(suggestionIndex);
-              emitInteraction(onInteraction, {
-                type: "suggestion_adopted",
-                sessionId,
-                assistantEntryId: followup.assistant_entry_id,
-                suggestionIndex
-              });
-            }
-            onSuggestion?.(suggestion);
-          },
-          className: "group flex items-center gap-2 rounded-xl bg-[hsl(var(--muted)/0.62)] px-3 py-2 text-left text-[13px] disabled:cursor-default disabled:opacity-60",
-          children: [
-            /* @__PURE__ */ jsx13("span", { children: suggestion }),
-            /* @__PURE__ */ jsx13(ArrowRight, { size: 14, className: "ml-auto shrink-0" })
-          ]
-        },
-        suggestion
-      ))
-    ] }) : null,
-    /* @__PURE__ */ jsx13(
-      ResultFeedback,
-      {
-        followup,
-        sessionId,
-        isViewer,
-        onInteraction,
-        savedFeedback,
-        onFeedbackSaved
-      }
-    )
-  ] });
-}
-
-// src/components/UserMessageBubble.tsx
-import { getFileParts, getImageParts, getTextContent as getTextContent2 } from "@blade-hq/agent-client";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
-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__ */ jsx14("div", { className: cn("blade-chat-user-row flex justify-end", className), children: /* @__PURE__ */ jsxs12("div", { className: "blade-chat-user-col flex max-w-[72%] flex-col items-end gap-3", children: [
-    imageParts.length > 0 && /* @__PURE__ */ jsx14("div", { className: "grid gap-2", children: imageParts.map((part) => /* @__PURE__ */ jsx14(
-      "img",
-      {
-        src: part.image_url.url,
-        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__ */ jsx14("div", { className: "flex flex-col items-end gap-1.5", children: fileParts.map((part) => /* @__PURE__ */ jsxs12(
-      "div",
-      {
-        className: "flex items-center gap-1.5 rounded-lg border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--muted)/0.3)] px-2.5 py-1.5 text-xs text-[hsl(var(--muted-foreground))]",
-        children: [
-          /* @__PURE__ */ jsx14(FileText, { size: 12, className: "shrink-0" }),
-          /* @__PURE__ */ jsx14("span", { className: "max-w-56 truncate", title: part.name, children: part.name })
+          /* @__PURE__ */ jsx12(FileText, { size: 12, className: "shrink-0" }),
+          /* @__PURE__ */ jsx12("span", { className: "max-w-56 truncate", title: part.name, children: part.name })
         ]
       },
       `${part.name}-${part.data.length}`
     )) }),
-    text && /* @__PURE__ */ jsx14("div", { className: "blade-chat-user-bubble max-w-full rounded-[20px] rounded-br-[6px] border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--user-msg-bg))] px-[18px] py-[13px] text-sm leading-[1.65] text-[hsl(var(--user-msg-fg))]", children: /* @__PURE__ */ jsx14(MarkdownContent, { className: "blade-chat-prose", children: text }) }),
-    text && isSending(message) && /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1 pr-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))/0.85]", children: [
-      /* @__PURE__ */ jsx14(LoaderCircle, { size: 11, className: "animate-spin", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx14("span", { children: "\u53D1\u9001\u4E2D" })
+    text && /* @__PURE__ */ jsx12("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__ */ jsx12(MarkdownContent, { className: "blade-chat-prose", children: text }) }),
+    text && isSending(message) && /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1 pr-1 text-[11px] font-medium text-[hsl(var(--muted-foreground))/0.85]", children: [
+      /* @__PURE__ */ jsx12(LoaderCircle, { size: 11, className: "animate-spin", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx12("span", { children: "\u53D1\u9001\u4E2D" })
     ] })
   ] }) });
 }
@@ -2817,11 +2009,11 @@ function ErrorMessageBlock({
   className
 }) {
   const text = getTextContent2(message.content);
-  return /* @__PURE__ */ jsx14("div", { className: cn("blade-chat-error-row flex justify-center", className), children: /* @__PURE__ */ jsx14("div", { className: "blade-chat-error-block max-w-[85%] border-l-[3px] border-[hsl(var(--border))] px-4 py-1 text-sm leading-7 text-[hsl(var(--muted-foreground))]", children: text }) });
+  return /* @__PURE__ */ jsx12("div", { className: cn("blade-chat-error-row flex justify-center", className), children: /* @__PURE__ */ jsx12("div", { className: "blade-chat-error-block max-w-[85%] border-l-[3px] border-[hsl(var(--border))] px-4 py-1 text-sm leading-7 text-[hsl(var(--muted-foreground))]", children: text }) });
 }
 
 // src/components/MessageList.tsx
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function parseModeChange(message) {
   if (message.kind !== "mode_change" || typeof message.content !== "string") {
     return null;
@@ -2855,8 +2047,6 @@ function getMessageResetSignature(messages) {
 }
 function MessageList({
   messages,
-  postChatFollowup,
-  onSuggestion,
   isStreaming,
   sessionStatus,
   askAnswers,
@@ -2864,13 +2054,9 @@ function MessageList({
   toolCallRenderer,
   emptyState,
   className,
-  sessionId,
-  isViewer = false,
-  onFollowupInteraction,
-  resultFeedbackByEntry = /* @__PURE__ */ new Map(),
-  onResultFeedbackSaved
+  sessionId
 }) {
-  const renderBlocks = useMemo7(() => {
+  const renderBlocks = useMemo6(() => {
     const visible = messages.filter((message) => {
       if ((message.loop_name ?? "root") !== "root") return false;
       if (isHiddenInternalMessage(message)) return false;
@@ -2943,86 +2129,63 @@ function MessageList({
     }
     return blocks;
   }, [messages, isStreaming]);
-  return /* @__PURE__ */ jsx15("div", { className: cn("blade-chat-messages relative min-h-0 flex-1", className), children: /* @__PURE__ */ jsxs13(StickToBottom, { className: "h-full overflow-y-hidden", initial: "instant", resize: "instant", children: [
-    /* @__PURE__ */ jsx15(StickToBottom.Content, { className: "blade-chat-messages-scroll", children: /* @__PURE__ */ jsx15("div", { className: "blade-chat-messages-content mx-auto max-w-[748px]", children: /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 flex-col", children: [
-      renderBlocks.length === 0 ? emptyState ?? /* @__PURE__ */ jsxs13("div", { className: "blade-chat-empty", children: [
-        /* @__PURE__ */ jsx15(MessageSquare, { size: 40, strokeWidth: 1.5 }),
-        /* @__PURE__ */ jsx15("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
-        /* @__PURE__ */ jsx15("span", { className: "text-sm opacity-60", children: "\u5728\u4E0B\u65B9\u8F93\u5165\u6D88\u606F\u5F00\u59CB\u804A\u5929" })
+  return /* @__PURE__ */ jsx13("div", { className: cn("blade-chat-messages relative min-h-0 flex-1", className), children: /* @__PURE__ */ jsxs11(StickToBottom, { className: "h-full overflow-y-hidden", initial: "instant", resize: "instant", children: [
+    /* @__PURE__ */ jsx13(StickToBottom.Content, { className: "blade-chat-messages-scroll", children: /* @__PURE__ */ jsx13("div", { className: "blade-chat-messages-content mx-auto max-w-[748px]", children: /* @__PURE__ */ jsxs11("div", { className: "flex min-w-0 flex-col", children: [
+      renderBlocks.length === 0 ? emptyState ?? /* @__PURE__ */ jsxs11("div", { className: "blade-chat-empty", children: [
+        /* @__PURE__ */ jsx13(MessageSquare, { size: 40, strokeWidth: 1.5 }),
+        /* @__PURE__ */ jsx13("span", { className: "text-base font-medium", children: "\u5F00\u59CB\u5BF9\u8BDD" }),
+        /* @__PURE__ */ jsx13("span", { className: "text-sm opacity-60", children: "\u5728\u4E0B\u65B9\u8F93\u5165\u6D88\u606F\u5F00\u59CB\u804A\u5929" })
       ] }) : renderBlocks.map((block) => {
         if (block.type === "message") {
-          return /* @__PURE__ */ jsx15("div", { "data-entry-id": block.message.entry_id, children: isUserMessage(block.message) ? /* @__PURE__ */ jsx15(UserMessageBubble, { message: block.message }) : isErrorMessage(block.message) ? /* @__PURE__ */ jsx15(ErrorMessageBlock, { message: block.message }) : null }, block.key);
+          return /* @__PURE__ */ jsx13("div", { "data-entry-id": block.message.entry_id, children: isUserMessage(block.message) ? /* @__PURE__ */ jsx13(UserMessageBubble, { message: block.message }) : isErrorMessage(block.message) ? /* @__PURE__ */ jsx13(ErrorMessageBlock, { message: block.message }) : null }, block.key);
         }
         if (block.type === "assistant_turn") {
-          const blockFeedback = block.messages.map(
-            (message) => message.entry_id ? resultFeedbackByEntry.get(message.entry_id) : void 0
-          ).find((feedback) => feedback != null);
-          const hasActiveFollowup = Boolean(
-            postChatFollowup && block.messages.some(
-              (message) => message.entry_id === postChatFollowup.assistant_entry_id
-            )
-          );
-          return /* @__PURE__ */ jsx15("div", { "data-entry-id": block.messages[0]?.entry_id, children: /* @__PURE__ */ jsxs13(
+          return /* @__PURE__ */ jsx13("div", { "data-entry-id": block.messages[0]?.entry_id, children: /* @__PURE__ */ jsx13(
             RenderErrorBoundary,
             {
               label: "\u52A9\u624B\u6D88\u606F",
               details: block.key,
               resetKey: getMessageResetSignature(block.messages),
-              children: [
-                /* @__PURE__ */ jsx15(
-                  AssistantTurnBlock,
-                  {
-                    messages: block.messages,
-                    isStreaming: block.isStreaming,
-                    askAnswers,
-                    onAnswer,
-                    sessionStatus,
-                    toolCallRenderer,
-                    sessionId
-                  }
-                ),
-                blockFeedback && !hasActiveFollowup ? /* @__PURE__ */ jsx15(HistoricalResultFeedback, { feedback: blockFeedback }) : null,
-                hasActiveFollowup && postChatFollowup ? /* @__PURE__ */ jsx15(
-                  PostChatFollowupBlock,
-                  {
-                    followup: postChatFollowup,
-                    sessionId,
-                    onSuggestion,
-                    isViewer,
-                    onInteraction: onFollowupInteraction,
-                    savedFeedback: blockFeedback,
-                    onFeedbackSaved: onResultFeedbackSaved
-                  }
-                ) : null
-              ]
+              children: /* @__PURE__ */ jsx13(
+                AssistantTurnBlock,
+                {
+                  messages: block.messages,
+                  isStreaming: block.isStreaming,
+                  askAnswers,
+                  onAnswer,
+                  sessionStatus,
+                  toolCallRenderer,
+                  sessionId
+                }
+              )
             }
           ) }, block.key);
         }
         if (block.type === "compaction") {
-          return /* @__PURE__ */ jsxs13(
+          return /* @__PURE__ */ jsxs11(
             "div",
             {
               className: "flex items-center gap-2 text-xs text-[hsl(var(--muted-foreground))]",
               children: [
-                /* @__PURE__ */ jsx15(Layers, { size: 12 }),
-                /* @__PURE__ */ jsx15("span", { children: "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
+                /* @__PURE__ */ jsx13(Layers, { size: 12 }),
+                /* @__PURE__ */ jsx13("span", { children: "\u4E0A\u4E0B\u6587\u5DF2\u538B\u7F29" })
               ]
             },
             block.key
           );
         }
-        return /* @__PURE__ */ jsx15(PlanningDivider, { kind: block.kind }, block.key);
+        return /* @__PURE__ */ jsx13(PlanningDivider, { kind: block.kind }, block.key);
       }),
-      sessionStatus === "interrupted" && !isStreaming ? /* @__PURE__ */ jsx15("div", { className: "flex", children: /* @__PURE__ */ jsx15("div", { className: "rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.12em] text-amber-300", children: "\u5DF2\u4E2D\u65AD" }) }) : null
+      sessionStatus === "interrupted" && !isStreaming ? /* @__PURE__ */ jsx13("div", { className: "flex", children: /* @__PURE__ */ jsx13("div", { className: "rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-[10px] font-medium uppercase tracking-[0.12em] text-amber-300", children: "\u5DF2\u4E2D\u65AD" }) }) : null
     ] }) }) }),
-    /* @__PURE__ */ jsx15(AutoScrollOnUserSend, { userMessageCount: messages.filter((m) => isUserMessage(m)).length }),
-    /* @__PURE__ */ jsx15(ScrollToBottomButton, {})
+    /* @__PURE__ */ jsx13(AutoScrollOnUserSend, { userMessageCount: messages.filter((m) => isUserMessage(m)).length }),
+    /* @__PURE__ */ jsx13(ScrollToBottomButton, {})
   ] }) });
 }
 function AutoScrollOnUserSend({ userMessageCount }) {
   const { scrollToBottom } = useStickToBottomContext();
-  const previousCountRef = useRef7(userMessageCount);
-  useEffect7(() => {
+  const previousCountRef = useRef5(userMessageCount);
+  useEffect5(() => {
     if (userMessageCount > previousCountRef.current) {
       scrollToBottom("instant");
     }
@@ -3032,9 +2195,9 @@ function AutoScrollOnUserSend({ userMessageCount }) {
 }
 function ScrollToBottomButton() {
   const { isAtBottom, scrollToBottom } = useStickToBottomContext();
-  const [visible, setVisible] = useState11(false);
-  const hideTimerRef = useRef7(null);
-  useEffect7(() => {
+  const [visible, setVisible] = useState9(false);
+  const hideTimerRef = useRef5(null);
+  useEffect5(() => {
     if (isAtBottom) {
       if (!hideTimerRef.current) {
         hideTimerRef.current = setTimeout(() => {
@@ -3056,7 +2219,7 @@ function ScrollToBottomButton() {
       }
     };
   }, [isAtBottom]);
-  const handleClick = useCallback6(() => {
+  const handleClick = useCallback3(() => {
     if (hideTimerRef.current) {
       clearTimeout(hideTimerRef.current);
       hideTimerRef.current = null;
@@ -3065,7 +2228,7 @@ function ScrollToBottomButton() {
     scrollToBottom();
   }, [scrollToBottom]);
   if (!visible) return null;
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs11(
     "button",
     {
       type: "button",
@@ -3073,120 +2236,34 @@ function ScrollToBottomButton() {
       "aria-label": "\u6EDA\u52A8\u5230\u5E95\u90E8",
       className: "blade-chat-scroll-bottom absolute bottom-4 right-4 flex items-center gap-1 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-3 py-1.5 text-xs text-[hsl(var(--muted-foreground))] shadow-lg transition-colors hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--foreground))]",
       children: [
-        /* @__PURE__ */ jsx15(ChevronDown, { size: 14 }),
-        /* @__PURE__ */ jsx15("span", { className: "blade-chat-scroll-bottom-label", children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
+        /* @__PURE__ */ jsx13(ChevronDown, { size: 14 }),
+        /* @__PURE__ */ jsx13("span", { className: "blade-chat-scroll-bottom-label", children: "\u6EDA\u52A8\u5230\u5E95\u90E8" })
       ]
     }
   );
 }
 function PlanningDivider({ kind }) {
-  return /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3 py-1", children: [
-    /* @__PURE__ */ jsx15("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
-    /* @__PURE__ */ jsxs13("div", { className: "inline-flex items-center gap-1.5 rounded-full border border-amber-500/30 bg-amber-500/10 px-3 py-1 text-[11px] text-amber-300", children: [
-      /* @__PURE__ */ jsx15(Lightbulb, { size: 12 }),
-      /* @__PURE__ */ jsx15("span", { children: kind === "enter" ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
+  return /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-3 py-1", children: [
+    /* @__PURE__ */ jsx13("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" }),
+    /* @__PURE__ */ jsxs11("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__ */ jsx13(Lightbulb, { size: 12 }),
+      /* @__PURE__ */ jsx13("span", { children: kind === "enter" ? "\u8FDB\u5165\u89C4\u5212\u6A21\u5F0F" : "\u89C4\u5212\u5B8C\u6210" })
     ] }),
-    /* @__PURE__ */ jsx15("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
+    /* @__PURE__ */ jsx13("div", { className: "h-px flex-1 bg-gradient-to-r from-transparent via-amber-400/40 to-transparent" })
   ] });
 }
 
-// src/components/ChatSurface.tsx
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+// src/components/ChatView.tsx
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function themeAttr(theme) {
   return theme === "dark" ? "dark" : void 0;
 }
-function ChatSurface({
-  theme,
-  classNames,
-  renderers,
-  slots,
-  placeholder,
-  connection,
-  errorMessage,
-  messages,
-  postChatFollowup,
-  isStreaming,
-  isStopping,
-  inputText,
-  onInputChange,
-  onSuggestion,
-  onSend,
-  onStop,
-  sessionStatus,
-  askAnswers,
-  onAnswer,
-  sessionId,
-  isViewer,
-  resultFeedbackByEntry,
-  onResultFeedbackSaved,
-  onFollowupInteraction,
-  beforeInput,
-  banner
-}) {
-  return /* @__PURE__ */ jsxs14(
-    "div",
-    {
-      "data-theme": themeAttr(theme),
-      className: cn(
-        "blade-chat flex min-h-0 flex-1 flex-col overflow-hidden",
-        classNames?.root
-      ),
-      children: [
-        /* @__PURE__ */ jsx16(ConnectionBanner, { connection, className: classNames?.banner }),
-        banner,
-        errorMessage && /* @__PURE__ */ jsxs14("div", { className: "blade-chat-error-bar flex items-start gap-2 border-b px-4 py-3 text-sm", children: [
-          /* @__PURE__ */ jsx16(CircleAlert, { size: 16, className: "mt-0.5 shrink-0" }),
-          /* @__PURE__ */ jsx16("span", { children: errorMessage })
-        ] }),
-        slots?.header,
-        /* @__PURE__ */ jsx16(
-          MessageList,
-          {
-            messages,
-            postChatFollowup,
-            onSuggestion,
-            isStreaming,
-            sessionStatus,
-            askAnswers,
-            onAnswer,
-            toolCallRenderer: renderers?.toolCall,
-            emptyState: slots?.emptyState,
-            className: classNames?.messageList,
-            sessionId,
-            isViewer,
-            resultFeedbackByEntry,
-            onResultFeedbackSaved,
-            onFollowupInteraction
-          }
-        ),
-        beforeInput,
-        /* @__PURE__ */ jsx16(
-          ChatInput,
-          {
-            value: inputText,
-            onValueChange: onInputChange,
-            onSend,
-            onStop,
-            isStreaming,
-            isStopping,
-            placeholder,
-            className: classNames?.chatInput
-          }
-        ),
-        slots?.footer
-      ]
-    }
-  );
-}
-
-// src/components/AgentChat.tsx
-import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function isUnauthorizedError(error) {
   return error instanceof BladeApiError && error.status === 401;
 }
 function LoginCard({ client, onLoggedIn }) {
-  const [loggingIn, setLoggingIn] = useState12(false);
-  const [loginError, setLoginError] = useState12(null);
+  const [loggingIn, setLoggingIn] = useState10(false);
+  const [loginError, setLoginError] = useState10(null);
   const handleLogin = async () => {
     setLoggingIn(true);
     setLoginError(null);
@@ -3199,11 +2276,11 @@ function LoginCard({ client, onLoggedIn }) {
       setLoggingIn(false);
     }
   };
-  return /* @__PURE__ */ jsx17("div", { className: "blade-chat-login flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsxs15("div", { className: "flex w-full max-w-sm flex-col items-center gap-4 rounded-2xl border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-6 py-8 text-center", children: [
-    /* @__PURE__ */ jsx17(LockKeyhole, { size: 28, className: "text-[hsl(var(--muted-foreground))]" }),
-    /* @__PURE__ */ jsx17("div", { className: "text-base font-medium text-[hsl(var(--foreground))]", children: "\u9700\u8981\u767B\u5F55\u540E\u4F7F\u7528" }),
-    /* @__PURE__ */ jsx17("div", { className: "text-sm text-[hsl(var(--muted-foreground))]", children: "\u767B\u5F55\u540E\u5373\u53EF\u4E0E\u667A\u80FD\u4F53\u5BF9\u8BDD\uFF0C\u4F60\u7684\u4F1A\u8BDD\u5185\u5BB9\u4EC5\u81EA\u5DF1\u53EF\u89C1\u3002" }),
-    /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx14("div", { className: "blade-chat-login flex flex-1 items-center justify-center p-6", children: /* @__PURE__ */ jsxs12("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__ */ jsx14(LockKeyhole, { size: 28, className: "text-[hsl(var(--muted-foreground))]" }),
+    /* @__PURE__ */ jsx14("div", { className: "text-base font-medium text-[hsl(var(--foreground))]", children: "\u9700\u8981\u767B\u5F55\u540E\u4F7F\u7528" }),
+    /* @__PURE__ */ jsx14("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__ */ jsx14(
       "button",
       {
         type: "button",
@@ -3213,20 +2290,20 @@ function LoginCard({ client, onLoggedIn }) {
         children: loggingIn ? "\u767B\u5F55\u4E2D\u2026" : "\u767B\u5F55"
       }
     ),
-    loginError && /* @__PURE__ */ jsx17("div", { className: "text-xs text-[hsl(var(--destructive))]", children: loginError })
+    loginError && /* @__PURE__ */ jsx14("div", { className: "text-xs text-[hsl(var(--destructive))]", children: loginError })
   ] }) });
 }
-function AgentChat(props) {
+function ChatView(props) {
   const client = useBladeClient();
-  const [attempt, setAttempt] = useState12(0);
-  const [needLogin, setNeedLogin] = useState12(() => !client.hasToken());
+  const [attempt, setAttempt] = useState10(0);
+  const [needLogin, setNeedLogin] = useState10(() => !client.hasToken());
   if (needLogin) {
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx14(
       "div",
       {
         "data-theme": themeAttr(props.theme),
         className: cn("blade-chat flex min-h-0 flex-1 flex-col", props.classNames?.root),
-        children: /* @__PURE__ */ jsx17(
+        children: /* @__PURE__ */ jsx14(
           LoginCard,
           {
             client,
@@ -3239,7 +2316,7 @@ function AgentChat(props) {
       }
     );
   }
-  return /* @__PURE__ */ jsx17(ChatSessionView, { ...props, onUnauthorized: () => setNeedLogin(true) }, attempt);
+  return /* @__PURE__ */ jsx14(ChatSessionView, { ...props, onUnauthorized: () => setNeedLogin(true) }, attempt);
 }
 function ChatSessionView({
   sessionId,
@@ -3252,61 +2329,20 @@ function ChatSessionView({
   slots,
   placeholder,
   theme,
-  onFollowupInteraction,
   onUnauthorized
 }) {
-  const client = useBladeClient();
   const { session, state, error } = useAgentSession(sessionId, {
     createOptions,
     onSessionCreated
   });
-  const replay = useReplay(session);
-  const [stopRequested, setStopRequested] = useState12(false);
-  const [inputText, setInputText] = useState12("");
-  const [resultFeedback, setResultFeedback] = useState12([]);
-  const resolvedSessionId = session?.sessionId;
-  const isViewer = state?.viewerRole === "viewer";
-  useEffect8(() => {
-    setResultFeedback([]);
-    if (!resolvedSessionId || isViewer) return;
-    let cancelled = false;
-    void client.sessions.listResultFeedback(resolvedSessionId).then(
-      (items) => {
-        if (cancelled) return;
-        setResultFeedback((current) => {
-          const merged = new Map(items.map((item) => [item.assistant_entry_id, item]));
-          for (const item of current) {
-            const fetched = merged.get(item.assistant_entry_id);
-            if (!fetched || fetched.updated_at < item.updated_at) {
-              merged.set(item.assistant_entry_id, item);
-            }
-          }
-          return [...merged.values()];
-        });
-      },
-      () => {
-      }
-    );
-    return () => {
-      cancelled = true;
-    };
-  }, [client, isViewer, resolvedSessionId]);
-  const resultFeedbackByEntry = useMemo8(
-    () => new Map(resultFeedback.map((item) => [item.assistant_entry_id, item])),
-    [resultFeedback]
-  );
-  const handleResultFeedbackSaved = useCallback7((saved) => {
-    setResultFeedback((current) => [
-      ...current.filter((item) => item.assistant_entry_id !== saved.assistant_entry_id),
-      saved
-    ]);
-  }, []);
-  useEffect8(() => {
+  const [stopRequested, setStopRequested] = useState10(false);
+  const [inputText, setInputText] = useState10("");
+  useEffect6(() => {
     if (session) {
       onSessionReady?.(session);
     }
   }, [session, onSessionReady]);
-  useEffect8(() => {
+  useEffect6(() => {
     if (!session) return;
     const offAttach = session.on("attachRequested", ({ label, content }) => {
       setInputText((prev) => `${prev ? `${prev}
@@ -3322,12 +2358,12 @@ ${content}`);
       offInsert();
     };
   }, [session]);
-  useEffect8(() => {
+  useEffect6(() => {
     if (isUnauthorizedError(error)) {
       onUnauthorized();
     }
   }, [error, onUnauthorized]);
-  useEffect8(() => {
+  useEffect6(() => {
     if (!session || !commands) return;
     const unsubscribes = Object.entries(commands).map(
       ([action, handler]) => session.onCommand(action, (payload) => handler(payload))
@@ -3339,7 +2375,7 @@ ${content}`);
   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 ?? replay.error?.message ?? null;
+  const errorMessage = connectError ?? state?.errorMessage ?? null;
   const handleSend = (text) => {
     setStopRequested(false);
     return session?.send(text, { mode: state?.mode ?? void 0 }) ?? Promise.resolve(false);
@@ -3348,287 +2384,73 @@ ${content}`);
     setStopRequested(true);
     void session?.stop();
   };
-  return /* @__PURE__ */ jsx17(
-    ChatSurface,
+  return /* @__PURE__ */ jsxs12(
+    "div",
     {
-      theme,
-      onFollowupInteraction,
-      classNames,
-      renderers,
-      slots,
-      placeholder,
-      connection: state?.connection ?? "connecting",
-      banner: /* @__PURE__ */ jsxs15(Fragment3, { children: [
-        /* @__PURE__ */ jsx17(
-          ReplayBar,
+      "data-theme": themeAttr(theme),
+      className: cn(
+        "blade-chat flex min-h-0 flex-1 flex-col overflow-hidden",
+        classNames?.root
+      ),
+      children: [
+        /* @__PURE__ */ jsx14(
+          ConnectionBanner,
           {
-            isReplay: replay.isReplay,
-            speed: replay.speed,
-            canControl: replay.canControl,
-            onSpeedChange: (next) => void replay.setSpeed(next),
-            onExit: () => void replay.exitToAutonomous()
+            connection: state?.connection ?? "connecting",
+            className: classNames?.banner
           }
         ),
-        /* @__PURE__ */ jsx17(ReplayMismatchPrompt, { mismatch: replay.mismatch })
-      ] }),
-      errorMessage,
-      messages: state?.messages ?? [],
-      postChatFollowup: latestPostChatFollowup(state?.turns ?? []),
-      resultFeedbackByEntry,
-      onResultFeedbackSaved: handleResultFeedbackSaved,
-      isStreaming,
-      isStopping,
-      inputText,
-      onInputChange: setInputText,
-      onSuggestion: setInputText,
-      onSend: handleSend,
-      onStop: handleStop,
-      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 }
-        });
-      },
-      sessionId: resolvedSessionId,
-      isViewer
-    }
-  );
-}
-
-// src/components/LlmChat.tsx
-import { useEffect as useEffect9, useMemo as useMemo9, useState as useState14 } from "react";
-
-// src/components/LlmAdvancedSettings.tsx
-import { useState as useState13 } from "react";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
-var FIELDS = [
-  { id: "baseURL", label: "\u6A21\u578B\u670D\u52A1\u5730\u5740", placeholder: "http://\u5185\u7F51\u5730\u5740/v1" },
-  { id: "model", label: "\u6A21\u578B", placeholder: "\u6A21\u578B\u540D\u79F0" },
-  { id: "apiKey", label: "\u5BC6\u94A5", placeholder: "\u7559\u7A7A\u8868\u793A\u4E0D\u6539", secret: true }
-];
-function normalizeAdvanced(value) {
-  if (!value) return null;
-  const config = value === true ? {} : value;
-  return {
-    baseURL: config.baseURL ?? true,
-    model: config.model ?? true,
-    apiKey: config.apiKey ?? false,
-    storage: config.storage ?? "local"
-  };
-}
-function storageKeyFor(settings, baseURL) {
-  const explicit = typeof settings === "object" ? settings.storageKey : void 0;
-  return `blade-llm-override:${explicit ?? baseURL}`;
-}
-function readOverride(settings, baseURL) {
-  const normalized = normalizeAdvanced(settings);
-  if (!normalized || normalized.storage !== "local" || typeof localStorage === "undefined") return {};
-  try {
-    const raw = localStorage.getItem(storageKeyFor(settings, baseURL));
-    if (!raw) return {};
-    const stored = JSON.parse(raw);
-    return Object.fromEntries(
-      Object.entries(stored).filter(([key]) => normalized[key])
-    );
-  } catch {
-    return {};
-  }
-}
-function writeOverride(settings, baseURL, override) {
-  const normalized = normalizeAdvanced(settings);
-  if (!normalized || normalized.storage !== "local" || typeof localStorage === "undefined") return;
-  try {
-    const key = storageKeyFor(settings, baseURL);
-    if (Object.keys(override).length === 0) localStorage.removeItem(key);
-    else localStorage.setItem(key, JSON.stringify(override));
-  } catch {
-  }
-}
-function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
-  const normalized = normalizeAdvanced(settings);
-  const [open, setOpen] = useState13(false);
-  const [draft, setDraft] = useState13(override);
-  if (!normalized) return null;
-  const fields = FIELDS.filter((field) => normalized[field.id]);
-  const dirty = Object.keys(override).length > 0;
-  return /* @__PURE__ */ jsxs16("div", { className: "blade-chat-advanced border-t border-[hsl(var(--border))] px-4 py-2 text-xs", children: [
-    /* @__PURE__ */ jsxs16(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          setDraft(override);
-          setOpen((value) => !value);
-        },
-        className: "flex items-center gap-1.5 text-[hsl(var(--muted-foreground))] transition-colors hover:text-[hsl(var(--foreground))]",
-        children: [
-          /* @__PURE__ */ jsx18(Settings2, { size: 13 }),
-          "\u9AD8\u7EA7\u8BBE\u7F6E",
-          dirty && /* @__PURE__ */ jsx18("span", { className: "text-[hsl(var(--primary))]", children: "\uFF08\u5DF2\u81EA\u5B9A\u4E49\uFF09" })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsxs16("div", { className: "mt-2 flex flex-col gap-2", children: [
-      fields.map((field) => /* @__PURE__ */ jsxs16("label", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx18("span", { className: "text-[hsl(var(--muted-foreground))]", children: field.label }),
-        /* @__PURE__ */ jsx18(
-          "input",
-          {
-            type: field.secret ? "password" : "text",
-            value: draft[field.id] ?? "",
-            placeholder: field.id === "apiKey" ? field.placeholder : defaults[field.id] || field.placeholder,
-            onChange: (event) => setDraft({ ...draft, [field.id]: event.target.value }),
-            className: "rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--background))] px-2 py-1 text-xs text-[hsl(var(--foreground))] outline-none"
-          }
-        )
-      ] }, field.id)),
-      normalized.apiKey && /* @__PURE__ */ jsx18("p", { className: "text-[hsl(var(--muted-foreground))]", children: "\u5BC6\u94A5\u4F1A\u5B58\u5728\u8FD9\u53F0\u6D4F\u89C8\u5668\u91CC\u3002\u53EA\u5728\u4F60\u4FE1\u5F97\u8FC7\u8FD9\u53F0\u673A\u5668\u65F6\u586B\u3002" }),
-      /* @__PURE__ */ jsxs16("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx18(
-          "button",
+        errorMessage && /* @__PURE__ */ jsxs12("div", { className: "blade-chat-error-bar flex items-start gap-2 border-b px-4 py-3 text-sm", children: [
+          /* @__PURE__ */ jsx14(CircleAlert, { size: 16, className: "mt-0.5 shrink-0" }),
+          /* @__PURE__ */ jsx14("span", { children: errorMessage })
+        ] }),
+        slots?.header,
+        /* @__PURE__ */ jsx14(
+          MessageList,
           {
-            type: "button",
-            onClick: () => {
-              const next = Object.fromEntries(
-                Object.entries(draft).filter(([, value]) => String(value ?? "").trim() !== "")
-              );
-              onChange(next);
-              setOpen(false);
+            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 }
+              });
             },
-            className: "rounded-md bg-[hsl(var(--primary))] px-2.5 py-1 font-medium text-[hsl(var(--primary-foreground))]",
-            children: "\u4FDD\u5B58"
+            toolCallRenderer: renderers?.toolCall,
+            emptyState: slots?.emptyState,
+            className: classNames?.messageList,
+            sessionId: session?.sessionId
           }
         ),
-        /* @__PURE__ */ jsx18(
-          "button",
+        /* @__PURE__ */ jsx14(
+          ChatInput,
           {
-            type: "button",
-            onClick: () => {
-              setDraft({});
-              onChange({});
-              setOpen(false);
-            },
-            className: "rounded-md border border-[hsl(var(--border))] px-2.5 py-1 text-[hsl(var(--foreground))]",
-            children: "\u6062\u590D\u9ED8\u8BA4"
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-
-// src/components/LlmChat.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
-function LlmChat({
-  classNames,
-  renderers,
-  slots,
-  placeholder,
-  theme,
-  onReady,
-  advanced,
-  onOverrideChange,
-  ...options
-}) {
-  const [override, setOverride] = useState14(() => readOverride(advanced, options.baseURL));
-  const effective = { ...options, ...override };
-  const { messages, isStreaming, error, send, stop, reset } = useLlmChat(effective);
-  const [inputText, setInputText] = useState14("");
-  const [stopRequested, setStopRequested] = useState14(false);
-  const handle = useMemo9(
-    () => ({
-      insertText: (text) => setInputText((prev) => prev ? `${prev}
-${text}` : text),
-      send,
-      reset
-    }),
-    [send, reset]
-  );
-  useEffect9(() => {
-    onReady?.(handle);
-  }, [handle, onReady]);
-  return /* @__PURE__ */ jsx19(
-    ChatSurface,
-    {
-      theme,
-      classNames,
-      renderers,
-      slots,
-      placeholder,
-      connection: "connected",
-      errorMessage: error,
-      messages,
-      isStreaming,
-      isStopping: stopRequested && isStreaming,
-      inputText,
-      onInputChange: setInputText,
-      onSend: async (text) => {
-        setStopRequested(false);
-        if (!text.trim() || isStreaming) return false;
-        void send(text);
-        return true;
-      },
-      onStop: () => {
-        setStopRequested(true);
-        stop();
-      },
-      beforeInput: advanced ? /* @__PURE__ */ jsx19(
-        LlmAdvancedSettingsBar,
-        {
-          settings: advanced,
-          defaults: { baseURL: options.baseURL, model: options.model },
-          override,
-          onChange: (next) => {
-            setOverride(next);
-            writeOverride(advanced, options.baseURL, next);
-            onOverrideChange?.(next);
+            value: inputText,
+            onValueChange: setInputText,
+            onSend: handleSend,
+            onStop: handleStop,
+            isStreaming,
+            isStopping,
+            placeholder,
+            className: classNames?.chatInput
           }
-        }
-      ) : void 0
+        ),
+        slots?.footer
+      ]
     }
   );
 }
 
-// src/components/ChatView.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
-function ChatView(props) {
-  const { mode, llm, onLlmReady, ...rest } = props;
-  if (mode === "llm") {
-    if (!llm) {
-      throw new Error('ChatView: mode="llm" \u9700\u8981\u540C\u65F6\u4F20 llm={{ baseURL, model }}');
-    }
-    return /* @__PURE__ */ jsx20(
-      LlmChat,
-      {
-        ...llm,
-        classNames: rest.classNames,
-        renderers: rest.renderers,
-        slots: rest.slots,
-        placeholder: rest.placeholder,
-        theme: rest.theme,
-        onReady: onLlmReady
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx20(AgentChat, { ...rest });
-}
-
 // src/index.ts
 export * from "@blade-hq/agent-client";
 export {
-  AgentChat,
   BladeProvider,
   ChatView,
-  LlmChat,
   MarkdownContent,
-  ReplayBar,
-  ReplayMismatchPrompt,
   useAgentSession,
-  useBladeClient,
-  useLlmChat,
-  useReplay
+  useBladeClient
 };
 /*! Bundled license information:
 
@@ -3636,8 +2458,7 @@ lucide-react/dist/esm/shared/src/utils.js:
 lucide-react/dist/esm/defaultAttributes.js:
 lucide-react/dist/esm/Icon.js:
 lucide-react/dist/esm/createLucideIcon.js:
-lucide-react/dist/esm/icons/arrow-right.js:
-lucide-react/dist/esm/icons/arrow-up-right.js:
+lucide-react/dist/esm/icons/archive.js:
 lucide-react/dist/esm/icons/arrow-up.js:
 lucide-react/dist/esm/icons/bot.js:
 lucide-react/dist/esm/icons/brain.js:
@@ -3647,19 +2468,19 @@ lucide-react/dist/esm/icons/chevron-right.js:
 lucide-react/dist/esm/icons/circle-alert.js:
 lucide-react/dist/esm/icons/copy.js:
 lucide-react/dist/esm/icons/download.js:
+lucide-react/dist/esm/icons/file-code-2.js:
+lucide-react/dist/esm/icons/file-spreadsheet.js:
 lucide-react/dist/esm/icons/file-text.js:
 lucide-react/dist/esm/icons/file.js:
 lucide-react/dist/esm/icons/film.js:
-lucide-react/dist/esm/icons/globe.js:
+lucide-react/dist/esm/icons/image.js:
 lucide-react/dist/esm/icons/layers.js:
 lucide-react/dist/esm/icons/lightbulb.js:
 lucide-react/dist/esm/icons/loader-circle.js:
 lucide-react/dist/esm/icons/lock-keyhole.js:
 lucide-react/dist/esm/icons/message-square-more.js:
 lucide-react/dist/esm/icons/message-square.js:
-lucide-react/dist/esm/icons/play.js:
-lucide-react/dist/esm/icons/settings-2.js:
-lucide-react/dist/esm/icons/sparkles.js:
+lucide-react/dist/esm/icons/music.js:
 lucide-react/dist/esm/icons/square.js:
 lucide-react/dist/esm/icons/triangle-alert.js:
 lucide-react/dist/esm/icons/x.js: