@blade-hq/agent-react 2610.0.0-beta.0 → 2610.0.0-beta.10

package/dist/index.js

@@ -545,7 +545,7 @@ function toToolCallInfo(call, results, failedToolIds) {
 }
 
 // src/components/AgentChat.tsx
-import { BladeApiError } from "@blade-hq/agent-client";
+import { BladeApiError, latestPostChatFollowup } 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,11 +618,16 @@ 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/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-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/arrow-up.js
@@ -699,24 +704,6 @@ 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" }],
@@ -744,11 +731,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/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/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/layers.js
@@ -814,13 +801,6 @@ 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/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/play.js
 var Play = createLucideIcon("Play", [
   ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
@@ -834,6 +814,21 @@ var Settings2 = createLucideIcon("Settings2", [
   ["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/square.js
 var Square = createLucideIcon("Square", [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
@@ -859,7 +854,7 @@ var X = createLucideIcon("X", [
 ]);
 
 // src/components/AgentChat.tsx
-import { useEffect as useEffect7, useState as useState12 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect9, useMemo as useMemo8, useState as useState13 } from "react";
 
 // src/lib/utils.ts
 function cn(...inputs) {
@@ -1057,24 +1052,74 @@ function ChatInput({
 }
 
 // src/components/ConnectionBanner.tsx
+import { useEffect as useEffect3, useRef as useRef3, useState as useState4 } from "react";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var CONNECTION_NOTICE_DELAY_MS = 3e3;
+var CONNECTION_ERROR_DELAY_MS = 15e3;
+function useConnectionNoticePhase(connected) {
+  const [phase, setPhase] = useState4("hidden");
+  const connectedRef = useRef3(connected);
+  const timersRef = useRef3([]);
+  connectedRef.current = connected;
+  useEffect3(() => {
+    const clearTimers = () => {
+      for (const timer of timersRef.current) clearTimeout(timer);
+      timersRef.current = [];
+    };
+    const startGracePeriod = () => {
+      clearTimers();
+      setPhase("hidden");
+      timersRef.current = [
+        setTimeout(() => setPhase("recovering"), CONNECTION_NOTICE_DELAY_MS),
+        setTimeout(() => setPhase("failed"), CONNECTION_ERROR_DELAY_MS)
+      ];
+    };
+    if (connected) {
+      clearTimers();
+      setPhase("hidden");
+    } else {
+      startGracePeriod();
+    }
+    const handleForeground = () => {
+      if (!connectedRef.current) startGracePeriod();
+    };
+    const handleVisibilityChange = () => {
+      if (document.visibilityState === "visible") handleForeground();
+    };
+    window.addEventListener("blade:app-active", handleForeground);
+    window.addEventListener("focus", handleForeground);
+    window.addEventListener("pageshow", handleForeground);
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    return () => {
+      clearTimers();
+      window.removeEventListener("blade:app-active", handleForeground);
+      window.removeEventListener("focus", handleForeground);
+      window.removeEventListener("pageshow", handleForeground);
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+    };
+  }, [connected]);
+  return phase;
+}
 function ConnectionBanner({ connection, className }) {
-  if (connection === "connected" || connection === "connecting") {
-    return null;
-  }
-  const reconnecting = connection === "reconnecting";
+  const hasConnectedRef = useRef3(connection === "connected" || connection === "reconnecting");
+  if (connection === "connected") hasConnectedRef.current = true;
+  const connected = connection === "connected";
+  const phase = useConnectionNoticePhase(connected);
+  if (connected || phase === "hidden") return null;
+  const recovering = phase === "recovering";
+  const firstConnection = !hasConnectedRef.current;
   return /* @__PURE__ */ jsx5("div", { className: cn("blade-chat-banner bg-[hsl(var(--background))] px-5 pt-3", className), children: /* @__PURE__ */ jsxs4(
     "div",
     {
       className: cn(
         "mx-auto flex max-w-3xl items-start gap-3 rounded-2xl border px-4 py-3",
-        reconnecting ? "border-amber-500/25 bg-amber-500/10 text-amber-100" : "border-rose-500/25 bg-rose-500/10 text-rose-100"
+        recovering ? "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__ */ jsx5("span", { className: "mt-0.5 shrink-0", children: recovering ? /* @__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__ */ jsx5("div", { className: "text-sm font-medium", children: recovering ? firstConnection ? "\u6B63\u5728\u8FDE\u63A5\u2026" : "\u6B63\u5728\u6062\u590D\u8FDE\u63A5\u2026" : "\u6682\u65F6\u65E0\u6CD5\u8FDE\u63A5" }),
+          /* @__PURE__ */ jsx5("div", { className: "text-xs opacity-80", children: recovering ? "\u6062\u590D\u540E\u4F1A\u81EA\u52A8\u540C\u6B65\u6700\u65B0\u6D88\u606F\uFF0C\u8BF7\u7A0D\u5019" : "\u8BF7\u68C0\u67E5\u7F51\u7EDC\u6216\u670D\u52A1\u72B6\u6001\uFF0C\u7CFB\u7EDF\u4F1A\u7EE7\u7EED\u81EA\u52A8\u91CD\u8BD5" })
         ] })
       ]
     }
@@ -1083,10 +1128,10 @@ function ConnectionBanner({ connection, className }) {
 
 // src/components/MessageList.tsx
 import { isHiddenInternalMessage } from "@blade-hq/agent-client";
-import { useCallback as useCallback5, useEffect as useEffect6, useMemo as useMemo7, useRef as useRef6, useState as useState11 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect8, useMemo as useMemo7, useRef as useRef8, useState as useState12 } 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 as useCallback3, useMemo as useMemo3, useRef as useRef4, useState as useState5 } from "react";
 var DEFAULT_SPRING_ANIMATION = {
   /**
    * A value from 0 to 1, on how much to damp the animation.
@@ -1123,10 +1168,10 @@ 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] = useState5(false);
+  const [isAtBottom, updateIsAtBottom] = useState5(options.initial !== false);
+  const [isNearBottom, setIsNearBottom] = useState5(false);
+  const optionsRef = useRef4(null);
   optionsRef.current = options;
   const isSelecting = useCallback3(() => {
     if (!mouseDown) {
@@ -1430,11 +1475,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 useEffect4, useImperativeHandle, useLayoutEffect, useMemo as useMemo4, useRef as useRef5 } from "react";
 var StickToBottomContext = createContext2(null);
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect3;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect4;
 function StickToBottom({ instance, children, resize, initial, mass, damping, stiffness, targetScrollTop: currentTargetScrollTop, contextRef, ...props }) {
-  const customTargetScrollTop = useRef4(null);
+  const customTargetScrollTop = useRef5(null);
   const targetScrollTop = React.useCallback((target, elements) => {
     const get = context?.targetScrollTop ?? currentTargetScrollTop;
     return get?.(target, elements) ?? target;
@@ -1514,7 +1559,7 @@ import { getTextContent, normalizeMessageContent } from "@blade-hq/agent-client"
 import { useState as useState10 } from "react";
 
 // src/components/AgentLoopBlock.tsx
-import { useState as useState5 } from "react";
+import { useState as useState6 } from "react";
 
 // src/components/display-utils.ts
 var TOOL_NAME_ALIASES = {
@@ -1646,7 +1691,7 @@ function parseAgentDescription(argumentsJson) {
   }
 }
 function AgentLoopBlock({ toolCall }) {
-  const [expanded, setExpanded] = useState5(false);
+  const [expanded, setExpanded] = useState6(false);
   const description = parseAgentDescription(toolCall.arguments);
   const running = toolCall.status === "pending" || toolCall.status === "awaiting_answer";
   const failed = toolCall.status === "error" || toolCall.status === "cancelled";
@@ -1711,146 +1756,18 @@ function AgentLoopBlock({ toolCall }) {
 
 // src/components/MarkdownContent.tsx
 import {
-  useEffect as useEffect4,
+  useEffect as useEffect5,
   useMemo as useMemo5,
-  useRef as useRef5,
+  useRef as useRef6,
   useState as useState7
 } from "react";
-
-// 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 useState6 } from "react";
 import { jsx as jsx7, jsxs as jsxs6 } 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] = useState6(false);
-  const [failed, setFailed] = useState6(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__ */ jsxs6("span", { ...props, className: cn("blade-chat-file-card", className), children: [
-    /* @__PURE__ */ jsxs6(
-      "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__ */ jsx7("span", { className: "blade-chat-file-card-icon", children: downloading ? /* @__PURE__ */ jsx7(LoaderCircle, { size: 15, className: "animate-spin" }) : /* @__PURE__ */ jsx7(Icon2, { size: 15 }) }),
-          /* @__PURE__ */ jsx7("span", { className: "blade-chat-file-card-name", children: name }),
-          /* @__PURE__ */ jsx7(Download, { size: 13, className: "blade-chat-file-card-action" })
-        ]
-      }
-    ),
-    failed && /* @__PURE__ */ jsx7("span", { className: "blade-chat-file-card-error", children: "\u4E0B\u8F7D\u5931\u8D25" })
-  ] });
-}
-
-// src/components/MarkdownContent.tsx
-import { jsx as jsx8, jsxs as jsxs7 } 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 preRef = useRef6(null);
   const [copied, setCopied] = useState7(false);
   const [language, setLanguage] = useState7("");
-  useEffect4(() => {
+  useEffect5(() => {
     const codeEl = preRef.current?.querySelector("code");
     setLanguage(codeEl?.className.match(/language-(\S+)/)?.[1] ?? "");
   }, []);
@@ -1861,10 +1778,10 @@ function CodeBlockPre({ children, node: _node, ...props }) {
       setTimeout(() => setCopied(false), 2e3);
     }
   };
-  return /* @__PURE__ */ jsxs7("div", { className: "blade-chat-codeblock not-prose my-3 overflow-hidden rounded-xl border border-[hsl(var(--border))]", children: [
-    /* @__PURE__ */ jsxs7("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__ */ jsx8("span", { className: "font-mono text-[12px] text-[hsl(var(--muted-foreground))]", children: language || "code" }),
-      /* @__PURE__ */ jsxs7(
+  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(
         "button",
         {
           type: "button",
@@ -1874,13 +1791,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__ */ jsx8(Check, { size: 12 }) : /* @__PURE__ */ jsx8(Copy, { size: 12 }),
-            /* @__PURE__ */ jsx8("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
+            copied ? /* @__PURE__ */ jsx7(Check, { size: 12 }) : /* @__PURE__ */ jsx7(Copy, { size: 12 }),
+            /* @__PURE__ */ jsx7("span", { children: copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236" })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx7(
       "pre",
       {
         ref: preRef,
@@ -1892,36 +1809,22 @@ function CodeBlockPre({ children, node: _node, ...props }) {
   ] });
 }
 function ExternalAnchor({ node: _node, children, ...props }) {
-  return /* @__PURE__ */ jsx8("a", { ...props, target: "_blank", rel: "noopener noreferrer", children });
+  return /* @__PURE__ */ jsx7("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 streaming = mode === "streaming";
   const resolvedChildren = useMemo5(() => {
-    const withoutReminders = children.replace(SYSTEM_REMINDER_RE, "");
-    if (!sessionId) return withoutReminders;
-    return collapseMediaTags(withoutReminders, { streaming });
-  }, [children, sessionId, streaming]);
-  const components = useMemo5(
-    () => ({
-      ...MARKDOWN_COMPONENTS,
-      [FILE_CARD_TAG]: (fileCardProps) => /* @__PURE__ */ jsx8(FileCard, { ...fileCardProps, sessionId })
-    }),
-    [sessionId]
-  );
-  return /* @__PURE__ */ jsx8(
+    return children.replace(SYSTEM_REMINDER_RE, "");
+  }, [children]);
+  return /* @__PURE__ */ jsx7(
     _r,
     {
       className: cn("blade-chat-markdown break-words", className),
       mode: mode ?? "static",
-      components,
-      allowedTags: CUSTOM_ALLOWED_TAGS,
+      components: MARKDOWN_COMPONENTS,
       children: resolvedChildren
     },
     sessionId ?? "no-session"
@@ -1929,17 +1832,17 @@ function MarkdownContent({ children, className, mode, sessionId }) {
 }
 
 // src/components/Shimmer.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function Shimmer({ children = "\u6B63\u5728\u601D\u8003...", className }) {
-  return /* @__PURE__ */ jsx9("span", { className: cn("blade-shimmer-text text-sm font-medium", className), children });
+  return /* @__PURE__ */ jsx8("span", { className: cn("blade-shimmer-text text-sm font-medium", className), children });
 }
 
 // src/components/ToolCallBlock.tsx
 import { useState as useState9 } from "react";
 
 // src/components/AskUserQuestionBlock.tsx
-import { useEffect as useEffect5, useMemo as useMemo6, useState as useState8 } from "react";
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useEffect as useEffect6, useMemo as useMemo6, useState as useState8 } from "react";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function AskUserQuestionBlock({
   data,
   answered,
@@ -1952,7 +1855,7 @@ function AskUserQuestionBlock({
   const [customTexts, setCustomTexts] = useState8(/* @__PURE__ */ new Map());
   const [usingCustom, setUsingCustom] = useState8(/* @__PURE__ */ new Set());
   const [submitted, setSubmitted] = useState8(false);
-  useEffect5(() => {
+  useEffect6(() => {
     if (sessionStatus === "failed" || sessionStatus === "interrupted") {
       setSubmitted(false);
     }
@@ -2042,7 +1945,7 @@ ${parts.join("\n")}`;
     setSubmitted(true);
     onAnswer(text, toolCallId, nextAnswerData);
   };
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       className: cn(
@@ -2050,12 +1953,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__ */ jsxs8("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__ */ jsxs7("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__ */ jsx10(
+        data.questions.map((q, qIdx) => /* @__PURE__ */ jsx9(
           QuestionCard,
           {
             question: q,
@@ -2070,7 +1973,7 @@ ${parts.join("\n")}`;
           },
           q.question
         )),
-        !answered && !submitted && onAnswer && /* @__PURE__ */ jsx10(
+        !answered && !submitted && onAnswer && /* @__PURE__ */ jsx9(
           "button",
           {
             type: "button",
@@ -2080,14 +1983,14 @@ ${parts.join("\n")}`;
             children: allAnswered ? "\u786E\u8BA4" : "\u8BF7\u5148\u9009\u62E9\u4E00\u4E2A\u9009\u9879"
           }
         ),
-        submitted && !answered && /* @__PURE__ */ jsxs8(
+        submitted && !answered && /* @__PURE__ */ jsxs7(
           "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__ */ jsx10(LoaderCircle, { size: 14, className: "animate-spin" }),
+              /* @__PURE__ */ jsx9(LoaderCircle, { size: 14, className: "animate-spin" }),
               "\u786E\u8BA4\u4E2D"
             ]
           }
@@ -2108,30 +2011,30 @@ function QuestionCard({
   onCustomChange
 }) {
   const multi = question.multiSelect ?? false;
-  return /* @__PURE__ */ jsxs8("div", { children: [
-    /* @__PURE__ */ jsxs8("div", { className: cn("flex items-start gap-2", answered ? "mb-2" : "mb-3"), children: [
-      /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs7("div", { children: [
+    /* @__PURE__ */ jsxs7("div", { className: cn("flex items-start gap-2", answered ? "mb-2" : "mb-3"), children: [
+      /* @__PURE__ */ jsx9(
         MessageSquareMore,
         {
           size: answered ? 12 : 13,
           className: "mt-0.5 shrink-0 text-[hsl(var(--primary))]"
         }
       ),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx9(
         "div",
         {
           className: cn(
             "min-w-0 flex-1 font-medium text-[hsl(var(--foreground))]",
             answered ? "text-xs" : "text-sm"
           ),
-          children: /* @__PURE__ */ jsx10(MarkdownContent, { className: "blade-chat-prose", children: question.question })
+          children: /* @__PURE__ */ jsx9(MarkdownContent, { className: "blade-chat-prose", children: question.question })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs8("div", { className: cn("flex flex-col pl-5", answered ? "gap-1" : "gap-1.5"), children: [
+    /* @__PURE__ */ jsxs7("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__ */ jsxs8(
+        return /* @__PURE__ */ jsxs7(
           "button",
           {
             type: "button",
@@ -2145,14 +2048,14 @@ function QuestionCard({
               answered && "cursor-default opacity-70"
             ),
             children: [
-              multi && /* @__PURE__ */ jsx10(
+              multi && /* @__PURE__ */ jsx9(
                 "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__ */ jsx10(
+                  children: isSel && /* @__PURE__ */ jsx9(
                     Check,
                     {
                       size: 9,
@@ -2161,9 +2064,9 @@ function QuestionCard({
                   )
                 }
               ),
-              /* @__PURE__ */ jsxs8("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx10("div", { className: cn("font-medium", answered ? "text-xs" : "text-[13px]"), children: opt.label }),
-                opt.description && /* @__PURE__ */ jsx10(
+              /* @__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(
                   "div",
                   {
                     className: cn(
@@ -2180,7 +2083,7 @@ function QuestionCard({
           opt.label
         );
       }),
-      answered && !isCustom ? null : /* @__PURE__ */ jsxs8(
+      answered && !isCustom ? null : /* @__PURE__ */ jsxs7(
         "div",
         {
           className: cn(
@@ -2190,8 +2093,8 @@ function QuestionCard({
             answered && "cursor-default opacity-70"
           ),
           children: [
-            /* @__PURE__ */ jsx10("span", { className: "shrink-0 text-xs text-[hsl(var(--muted-foreground))]", children: "\u5176\u4ED6\uFF1A" }),
-            /* @__PURE__ */ jsx10(
+            /* @__PURE__ */ jsx9("span", { className: "shrink-0 text-xs text-[hsl(var(--muted-foreground))]", children: "\u5176\u4ED6\uFF1A" }),
+            /* @__PURE__ */ jsx9(
               "input",
               {
                 type: "text",
@@ -2259,7 +2162,7 @@ function normalizeOptionItem(value) {
 }
 
 // src/components/ToolCallBlock.tsx
-import { Fragment, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function resolveAskQuestionState({
   toolStatus,
   hasAnswerData,
@@ -2284,7 +2187,7 @@ function ToolCallBlock({
   if (renderer) {
     const custom = renderer(toolCall);
     if (custom !== null && custom !== void 0) {
-      return /* @__PURE__ */ jsx11(Fragment, { children: custom });
+      return /* @__PURE__ */ jsx10(Fragment, { children: custom });
     }
   }
   if (normalizedName === "AskUserQuestion") {
@@ -2296,7 +2199,7 @@ function ToolCallBlock({
     });
     const canAnswer = questionState.awaitingAnswer && Boolean(onAnswer);
     if (askData) {
-      return /* @__PURE__ */ jsx11(
+      return /* @__PURE__ */ jsx10(
         AskUserQuestionBlock,
         {
           data: askData,
@@ -2309,24 +2212,24 @@ function ToolCallBlock({
       );
     }
     if (toolCall.status === "pending") {
-      return /* @__PURE__ */ jsxs9("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__ */ jsx11(LoaderCircle, { size: 14, className: "animate-spin" }),
-        /* @__PURE__ */ jsx11("span", { children: "\u6B63\u5728\u51C6\u5907\u95EE\u9898\u2026" })
+      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__ */ jsxs9("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__ */ jsx11("div", { className: "font-semibold", children: "\u9009\u62E9\u9898\u5185\u5BB9\u6682\u65F6\u65E0\u6CD5\u663E\u793A" }),
-      /* @__PURE__ */ jsx11("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__ */ 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" })
     ] });
   }
   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__ */ jsx11(LoaderCircle, { size: 11, className: "animate-spin" }) : toolCall.status === "awaiting_answer" ? /* @__PURE__ */ jsx11(MessageSquareMore, { size: 11 }) : toolCall.status === "cancelled" || toolCall.status === "error" ? /* @__PURE__ */ jsx11(X, { size: 11 }) : /* @__PURE__ */ jsx11(Check, { size: 11 });
+  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 statusTextClass = tone === "red" ? "text-[hsl(var(--muted-foreground))]" : tone === "amber" ? "text-amber-300" : tone === "blue" ? "text-blue-300" : "text-[hsl(var(--primary))]";
-  return /* @__PURE__ */ jsxs9("div", { className: "blade-chat-tool ml-4 text-xs", children: [
-    /* @__PURE__ */ jsxs9("div", { className: cn("border-l-[3px] flex items-center gap-2 px-3 py-2", toneClass), children: [
-      /* @__PURE__ */ jsxs9(
+  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(
         "button",
         {
           type: "button",
@@ -2334,7 +2237,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__ */ jsx11(
+            /* @__PURE__ */ jsx10(
               ChevronRight,
               {
                 size: 11,
@@ -2344,24 +2247,24 @@ function ToolCallBlock({
                 )
               }
             ),
-            /* @__PURE__ */ jsxs9("span", { className: cn("flex shrink-0 items-center gap-1 text-[10px]", statusTextClass), children: [
+            /* @__PURE__ */ jsxs8("span", { className: cn("flex shrink-0 items-center gap-1 text-[10px]", statusTextClass), children: [
               statusIcon,
-              /* @__PURE__ */ jsx11("span", { children: getToolStatusLabel(toolCall.status) })
+              /* @__PURE__ */ jsx10("span", { children: getToolStatusLabel(toolCall.status) })
             ] }),
-            /* @__PURE__ */ jsx11("span", { className: "min-w-0 flex-1 truncate font-medium text-[hsl(var(--foreground))]", children: displayName })
+            /* @__PURE__ */ jsx10("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__ */ jsx11("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__ */ jsx10("span", { className: "shrink-0 font-mono text-[10px] text-[hsl(var(--muted-foreground))]", children: formatToolDuration(toolCall.duration_ms) })
     ] }),
-    expanded && /* @__PURE__ */ jsxs9("div", { className: "blade-chat-tool-detail ml-4 mt-1 rounded-xl bg-[hsl(var(--card))] px-3 py-3", children: [
-      /* @__PURE__ */ jsx11("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u5DE5\u5177" }),
-      /* @__PURE__ */ jsx11("div", { className: "mb-3 font-mono text-[11px] text-[hsl(var(--foreground))]", children: normalizedName }),
-      /* @__PURE__ */ jsx11("div", { className: "mb-1 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u53C2\u6570" }),
-      /* @__PURE__ */ jsx11("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__ */ jsxs9(Fragment, { children: [
-        /* @__PURE__ */ jsx11("div", { className: "mb-1 mt-3 text-[10px] uppercase tracking-wider text-[hsl(var(--muted-foreground))]", children: "\u7ED3\u679C" }),
-        /* @__PURE__ */ jsx11("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__ */ 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) })
       ] })
     ] })
   ] });
@@ -2379,11 +2282,11 @@ function buildAskUserPayload(argumentsJson) {
 }
 
 // src/components/AssistantTurnBlock.tsx
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function ThinkingBlock({ reasoning, isStreaming }) {
   const [open, setOpen] = useState10(false);
-  return /* @__PURE__ */ jsxs10("div", { className: "blade-chat-thinking ml-4 text-sm", children: [
-    /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs9("div", { className: "blade-chat-thinking ml-4 text-sm", children: [
+    /* @__PURE__ */ jsxs9(
       "button",
       {
         type: "button",
@@ -2391,14 +2294,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__ */ jsx12(Brain, { size: 12, className: "shrink-0" }),
-          isStreaming ? /* @__PURE__ */ jsx12(Shimmer, { className: "text-xs", children: "\u6B63\u5728\u601D\u8003" }) : /* @__PURE__ */ jsx12("span", { children: "\u601D\u8003\u8FC7\u7A0B" }),
-          /* @__PURE__ */ jsxs10("span", { className: "text-[hsl(var(--muted-foreground))]/70", 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: [
             "\xB7 ",
             new Intl.NumberFormat("zh-CN").format(reasoning.length),
             " \u5B57"
           ] }),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx11(
             ChevronDown,
             {
               size: 12,
@@ -2408,7 +2311,7 @@ function ThinkingBlock({ reasoning, isStreaming }) {
         ]
       }
     ),
-    open && /* @__PURE__ */ jsx12("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__ */ 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 })
   ] });
 }
 function getMessageText(message) {
@@ -2434,21 +2337,21 @@ function AssistantTurnBlock({
     (message) => getMessageText(message) || message.reasoning || (message.tool_calls?.length ?? 0) > 0
   );
   const latestReasoningIndex = isStreaming ? findLatestReasoningMessageIndex(messages) : -1;
-  return /* @__PURE__ */ jsxs10("div", { className: "blade-chat-assistant-turn flex flex-col gap-3", children: [
-    hasInterrupted && /* @__PURE__ */ jsx12("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__ */ 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" }),
     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__ */ jsxs10(
+      return /* @__PURE__ */ jsxs9(
         "div",
         {
           className: "flex flex-col gap-3",
           children: [
-            showReasoning && message.reasoning && /* @__PURE__ */ jsx12(ThinkingBlock, { reasoning: message.reasoning, isStreaming: streamingThis && !text }),
-            text && /* @__PURE__ */ jsx12("div", { className: "blade-chat-assistant-text text-[15px] leading-8 text-[hsl(var(--foreground))]", children: /* @__PURE__ */ jsx12(
+            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(
               MarkdownContent,
               {
                 mode: streamingThis ? "streaming" : "static",
@@ -2457,8 +2360,8 @@ function AssistantTurnBlock({
                 children: text
               }
             ) }),
-            toolCalls.length > 0 && /* @__PURE__ */ jsx12("div", { className: "flex flex-col gap-2", children: toolCalls.map(
-              (toolCall) => formatToolName(toolCall.name) === "Agent" ? /* @__PURE__ */ jsx12(AgentLoopBlock, { toolCall }, toolCall.id) : /* @__PURE__ */ jsx12(
+            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(
                 ToolCallBlock,
                 {
                   toolCall,
@@ -2476,13 +2379,13 @@ function AssistantTurnBlock({
         message.entry_id ?? `${message.timestamp ?? "assistant"}-${index}`
       );
     }),
-    isStreaming && !hasAnyContent && /* @__PURE__ */ jsx12(Shimmer, { className: "ml-4", children: "\u6B63\u5728\u751F\u6210..." })
+    isStreaming && !hasAnyContent && /* @__PURE__ */ jsx11(Shimmer, { className: "ml-4", children: "\u6B63\u5728\u751F\u6210..." })
   ] });
 }
 
 // src/components/RenderErrorBoundary.tsx
 import { Component } from "react";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function getFirstComponentName(componentStack) {
   const match = componentStack.match(/\n\s+at\s+([^\s(]+)/);
   return match?.[1] ?? null;
@@ -2515,23 +2418,408 @@ var RenderErrorBoundary = class extends Component {
       return children;
     }
     const componentName = getFirstComponentName(componentStack);
-    return /* @__PURE__ */ jsx13("div", { className: "blade-chat-render-error rounded-xl border border-amber-500/30 bg-amber-500/8 px-4 py-3 text-sm text-amber-100", children: /* @__PURE__ */ jsxs11("div", { className: "flex items-start gap-2", children: [
-      /* @__PURE__ */ jsx13(TriangleAlert, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-300" }),
-      /* @__PURE__ */ jsxs11("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs11("div", { className: "font-medium", children: [
+    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: [
           label,
           "\u6E32\u67D3\u5931\u8D25"
         ] }),
-        /* @__PURE__ */ jsxs11("div", { className: "mt-1 break-words text-xs leading-5 text-amber-100/75", children: [
+        /* @__PURE__ */ jsxs10("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__ */ jsx13("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
+        details ? /* @__PURE__ */ jsx12("div", { className: "mt-1 truncate text-xs text-amber-100/55", children: details }) : null
       ] })
     ] }) });
   }
 };
 
+// src/components/PostChatFollowupBlock.tsx
+import { useCallback as useCallback5, useEffect as useEffect7, useRef as useRef7, useState as useState11 } 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;
+}
+function isVideo(path) {
+  return /\.(?:mp4|mov|webm|mkv|avi|m4v)$/i.test(path);
+}
+function ArtifactCard({
+  artifact,
+  sessionId,
+  assistantEntryId,
+  artifactIndex,
+  onInteraction,
+  onArtifactOpened
+}) {
+  const client = useBladeClient();
+  const [downloading, setDownloading] = useState11(false);
+  const name = artifact.label || basename(artifact.target);
+  if (artifact.kind === "link") {
+    return /* @__PURE__ */ jsxs11(
+      "a",
+      {
+        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))]",
+        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] = useState11(savedFeedback ?? null);
+  const [helpful, setHelpful] = useState11(savedFeedback?.helpful ?? null);
+  const [reason, setReason] = useState11(savedFeedback?.reason ?? null);
+  const [saving, setSaving] = useState11(false);
+  const [saveError, setSaveError] = useState11(false);
+  const reportedShown = useRef7(false);
+  const latestChoice = useRef7(null);
+  const eligible = followup.feedback_eligible === true && Boolean(sessionId) && !isViewer;
+  useEffect7(() => {
+    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]);
+  useEffect7(() => {
+    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] = useState11(false);
+  const adopted = useRef7(/* @__PURE__ */ new Set());
+  const reportedSuggestions = useRef7(false);
+  const reportedArtifacts = useRef7(/* @__PURE__ */ new Set());
+  const openedArtifacts = useRef7(/* @__PURE__ */ new Set());
+  const artifacts = followup.final_artifacts ?? [];
+  const visibleArtifacts = expanded ? artifacts : artifacts.slice(0, 3);
+  useEffect7(() => {
+    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";
@@ -2617,6 +2905,8 @@ function getMessageResetSignature(messages) {
 }
 function MessageList({
   messages,
+  postChatFollowup,
+  onSuggestion,
   isStreaming,
   sessionStatus,
   askAnswers,
@@ -2624,7 +2914,11 @@ function MessageList({
   toolCallRenderer,
   emptyState,
   className,
-  sessionId
+  sessionId,
+  isViewer = false,
+  onFollowupInteraction,
+  resultFeedbackByEntry = /* @__PURE__ */ new Map(),
+  onResultFeedbackSaved
 }) {
   const renderBlocks = useMemo7(() => {
     const visible = messages.filter((message) => {
@@ -2672,7 +2966,7 @@ function MessageList({
       blocks.push({
         type: "message",
         message,
-        key: message.entry_id ?? `${message.role}-${blocks.length}`
+        key: message.render_id ?? message.entry_id ?? `${message.role}-${blocks.length}`
       });
     }
     flushAssistant();
@@ -2710,24 +3004,47 @@ function MessageList({
           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);
         }
         if (block.type === "assistant_turn") {
-          return /* @__PURE__ */ jsx15("div", { "data-entry-id": block.messages[0]?.entry_id, children: /* @__PURE__ */ jsx15(
+          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(
             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
-                }
-              )
+              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
+              ]
             }
           ) }, block.key);
         }
@@ -2754,8 +3071,8 @@ function MessageList({
 }
 function AutoScrollOnUserSend({ userMessageCount }) {
   const { scrollToBottom } = useStickToBottomContext();
-  const previousCountRef = useRef6(userMessageCount);
-  useEffect6(() => {
+  const previousCountRef = useRef8(userMessageCount);
+  useEffect8(() => {
     if (userMessageCount > previousCountRef.current) {
       scrollToBottom("instant");
     }
@@ -2765,9 +3082,9 @@ function AutoScrollOnUserSend({ userMessageCount }) {
 }
 function ScrollToBottomButton() {
   const { isAtBottom, scrollToBottom } = useStickToBottomContext();
-  const [visible, setVisible] = useState11(false);
-  const hideTimerRef = useRef6(null);
-  useEffect6(() => {
+  const [visible, setVisible] = useState12(false);
+  const hideTimerRef = useRef8(null);
+  useEffect8(() => {
     if (isAtBottom) {
       if (!hideTimerRef.current) {
         hideTimerRef.current = setTimeout(() => {
@@ -2789,7 +3106,7 @@ function ScrollToBottomButton() {
       }
     };
   }, [isAtBottom]);
-  const handleClick = useCallback5(() => {
+  const handleClick = useCallback6(() => {
     if (hideTimerRef.current) {
       clearTimeout(hideTimerRef.current);
       hideTimerRef.current = null;
@@ -2837,16 +3154,22 @@ function ChatSurface({
   connection,
   errorMessage,
   messages,
+  postChatFollowup,
   isStreaming,
   isStopping,
   inputText,
   onInputChange,
+  onSuggestion,
   onSend,
   onStop,
   sessionStatus,
   askAnswers,
   onAnswer,
   sessionId,
+  isViewer,
+  resultFeedbackByEntry,
+  onResultFeedbackSaved,
+  onFollowupInteraction,
   beforeInput,
   banner
 }) {
@@ -2870,6 +3193,8 @@ function ChatSurface({
           MessageList,
           {
             messages,
+            postChatFollowup,
+            onSuggestion,
             isStreaming,
             sessionStatus,
             askAnswers,
@@ -2877,7 +3202,11 @@ function ChatSurface({
             toolCallRenderer: renderers?.toolCall,
             emptyState: slots?.emptyState,
             className: classNames?.messageList,
-            sessionId
+            sessionId,
+            isViewer,
+            resultFeedbackByEntry,
+            onResultFeedbackSaved,
+            onFollowupInteraction
           }
         ),
         beforeInput,
@@ -2901,13 +3230,13 @@ function ChatSurface({
 }
 
 // src/components/AgentChat.tsx
-import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+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] = useState13(false);
+  const [loginError, setLoginError] = useState13(null);
   const handleLogin = async () => {
     setLoggingIn(true);
     setLoginError(null);
@@ -2939,8 +3268,8 @@ function LoginCard({ client, onLoggedIn }) {
 }
 function AgentChat(props) {
   const client = useBladeClient();
-  const [attempt, setAttempt] = useState12(0);
-  const [needLogin, setNeedLogin] = useState12(() => !client.hasToken());
+  const [attempt, setAttempt] = useState13(0);
+  const [needLogin, setNeedLogin] = useState13(() => !client.hasToken());
   if (needLogin) {
     return /* @__PURE__ */ jsx17(
       "div",
@@ -2973,21 +3302,61 @@ 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("");
-  useEffect7(() => {
+  const [stopRequested, setStopRequested] = useState13(false);
+  const [inputText, setInputText] = useState13("");
+  const [resultFeedback, setResultFeedback] = useState13([]);
+  const resolvedSessionId = session?.sessionId;
+  const isViewer = state?.viewerRole === "viewer";
+  useEffect9(() => {
+    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
+    ]);
+  }, []);
+  useEffect9(() => {
     if (session) {
       onSessionReady?.(session);
     }
   }, [session, onSessionReady]);
-  useEffect7(() => {
+  useEffect9(() => {
     if (!session) return;
     const offAttach = session.on("attachRequested", ({ label, content }) => {
       setInputText((prev) => `${prev ? `${prev}
@@ -3003,12 +3372,12 @@ ${content}`);
       offInsert();
     };
   }, [session]);
-  useEffect7(() => {
+  useEffect9(() => {
     if (isUnauthorizedError(error)) {
       onUnauthorized();
     }
   }, [error, onUnauthorized]);
-  useEffect7(() => {
+  useEffect9(() => {
     if (!session || !commands) return;
     const unsubscribes = Object.entries(commands).map(
       ([action, handler]) => session.onCommand(action, (payload) => handler(payload))
@@ -3033,12 +3402,13 @@ ${content}`);
     ChatSurface,
     {
       theme,
+      onFollowupInteraction,
       classNames,
       renderers,
       slots,
       placeholder,
       connection: state?.connection ?? "connecting",
-      banner: /* @__PURE__ */ jsxs15(Fragment2, { children: [
+      banner: /* @__PURE__ */ jsxs15(Fragment3, { children: [
         /* @__PURE__ */ jsx17(
           ReplayBar,
           {
@@ -3053,10 +3423,14 @@ ${content}`);
       ] }),
       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,
@@ -3067,16 +3441,17 @@ ${content}`);
           askUserAnswer: { tool_call_id: toolCallId, ...answerData }
         });
       },
-      sessionId: session?.sessionId
+      sessionId: resolvedSessionId,
+      isViewer
     }
   );
 }
 
 // src/components/LlmChat.tsx
-import { useEffect as useEffect8, useMemo as useMemo8, useState as useState14 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo9, useState as useState15 } from "react";
 
 // src/components/LlmAdvancedSettings.tsx
-import { useState as useState13 } from "react";
+import { useState as useState14 } 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" },
@@ -3123,8 +3498,8 @@ function writeOverride(settings, baseURL, override) {
 }
 function LlmAdvancedSettingsBar({ settings, defaults, override, onChange }) {
   const normalized = normalizeAdvanced(settings);
-  const [open, setOpen] = useState13(false);
-  const [draft, setDraft] = useState13(override);
+  const [open, setOpen] = useState14(false);
+  const [draft, setDraft] = useState14(override);
   if (!normalized) return null;
   const fields = FIELDS.filter((field) => normalized[field.id]);
   const dirty = Object.keys(override).length > 0;
@@ -3207,12 +3582,12 @@ function LlmChat({
   onOverrideChange,
   ...options
 }) {
-  const [override, setOverride] = useState14(() => readOverride(advanced, options.baseURL));
+  const [override, setOverride] = useState15(() => 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 = useMemo8(
+  const [inputText, setInputText] = useState15("");
+  const [stopRequested, setStopRequested] = useState15(false);
+  const handle = useMemo9(
     () => ({
       insertText: (text) => setInputText((prev) => prev ? `${prev}
 ${text}` : text),
@@ -3221,7 +3596,7 @@ ${text}` : text),
     }),
     [send, reset]
   );
-  useEffect8(() => {
+  useEffect10(() => {
     onReady?.(handle);
   }, [handle, onReady]);
   return /* @__PURE__ */ jsx19(
@@ -3311,7 +3686,8 @@ 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/archive.js:
+lucide-react/dist/esm/icons/arrow-right.js:
+lucide-react/dist/esm/icons/arrow-up-right.js:
 lucide-react/dist/esm/icons/arrow-up.js:
 lucide-react/dist/esm/icons/bot.js:
 lucide-react/dist/esm/icons/brain.js:
@@ -3321,21 +3697,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/image.js:
+lucide-react/dist/esm/icons/globe.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/music.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/square.js:
 lucide-react/dist/esm/icons/triangle-alert.js:
 lucide-react/dist/esm/icons/x.js: