@blade-hq/agent-react 2608.0.5-beta.1 → 2608.0.6

package/README.md

@@ -104,7 +104,7 @@ await session?.send("你好")
 <MarkdownContent content={markdownText} />
 ```
 
-传了 `sessionId` 才会把智能体产出文件的 `MEDIA:` 行折叠成下载卡片（下载要用它）。`ChatView` 内部已经传好，只有单独用 `MarkdownContent` 时需要自己给：
+传了 `sessionId` 才会把智能体产出文件的 `MEDIA:` 行折叠成以文件名为文本的下载链接（下载要用它）。`ChatView` 内部已经传好，只有单独用 `MarkdownContent` 时需要自己给：
 
 ```tsx
 <MarkdownContent sessionId={sessionId}>{markdownText}</MarkdownContent>

package/dist/components/AssistantTurnBlock.d.ts

@@ -7,7 +7,7 @@ interface Props {
     onAnswer?: (answer: string, toolCallId: string, answerData: AskUserAnswerData) => void;
     sessionStatus?: string;
     toolCallRenderer?: ToolCallRenderer;
-    /** 传给 Markdown 渲染，用于把 MEDIA 行折叠成文件下载卡片。 */
+    /** 传给 Markdown 渲染，用于把 MEDIA 行折叠成文件下载链接。 */
     sessionId?: string;
 }
 /**

package/dist/components/ConnectionBanner.d.ts

@@ -3,6 +3,6 @@ interface Props {
     connection: ConnectionStatus;
     className?: string;
 }
-/** 连接状态提示条：数据来自 SessionState.connection，正常连接时不渲染。 */
+/** 连接状态提示条：短暂断线静默，超过容错时间后再逐级提示。 */
 export declare function ConnectionBanner({ connection, className }: Props): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/FileCard.d.ts

@@ -8,9 +8,9 @@ export type FileCardProps = ComponentPropsWithRef<"span"> & ExtraProps & {
     sessionId?: string;
 };
 /**
- * 智能体产出文件的下载卡片（由 MEDIA 行折叠而来）。
+ * 智能体产出文件的下载链接（由 MEDIA 行折叠而来）。
  *
- * 整张卡片只有一个动作：下载。第一方界面点卡片是「在右侧预览」，那依赖 app 的 artifact
- * 面板，SDK 里没有这块，所以不摆预览入口也不写预览文案——UI 不能承诺不存在的能力。
+ * href 让 Vue/纯 HTML 宿主看到标准的「文件名→URL」语义；普通点击仍交给
+ * downloadFile，避免跨域时 download 属性被忽略，也确保使用点击时的最新 token。
  */
 export declare function FileCard({ node, "data-path": pathAttribute, "data-name": nameAttribute, dataPath, dataName, sessionId, children, className, ...props }: FileCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/MarkdownContent.d.ts

@@ -4,13 +4,13 @@ export interface MarkdownContentProps {
     /** 流式渲染传 "streaming"，历史静态内容默认 "static"。 */
     mode?: "streaming" | "static";
     /**
-     * 会话 id。传了才会把 `MEDIA:` 行折叠成文件下载卡片——下载要用它。
+     * 会话 id。传了才会把 `MEDIA:` 行折叠成文件下载链接——下载要用它。
      * 不要给用户消息传：用户自己在输入框打一行 `MEDIA:` 不该被当成平台产物。
      */
     sessionId?: string;
 }
 /**
- * SDK 版 Markdown 渲染：附带代码块复制按钮、智能体产出文件的下载卡片；
+ * SDK 版 Markdown 渲染：附带代码块复制按钮、智能体产出文件的下载链接；
  * 相比第一方版本去掉了 mermaid、外链确认弹窗与文件预览。
  */
 export declare function MarkdownContent({ children, className, mode, sessionId }: MarkdownContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/MessageList.d.ts

@@ -10,7 +10,7 @@ interface Props {
     toolCallRenderer?: ToolCallRenderer;
     emptyState?: ReactNode;
     className?: string;
-    /** 传给助手消息的 Markdown 渲染，用于把 MEDIA 行折叠成文件下载卡片。 */
+    /** 传给助手消息的 Markdown 渲染，用于把 MEDIA 行折叠成文件下载链接。 */
     sessionId?: string;
 }
 /**

package/dist/index.js

@@ -173,13 +173,6 @@ 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-up.js
 var ArrowUp = createLucideIcon("ArrowUp", [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
@@ -247,31 +240,6 @@ var Copy = createLucideIcon("Copy", [
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ]);
 
-// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/download.js
-var Download = createLucideIcon("Download", [
-  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
-  ["polyline", { points: "7 10 12 15 17 10", key: "2ggqvy" }],
-  ["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" }],
@@ -281,31 +249,6 @@ var FileText = createLucideIcon("FileText", [
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ]);
 
-// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/file.js
-var File = createLucideIcon("File", [
-  ["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" }]
-]);
-
-// ../../node_modules/.pnpm/lucide-react@0.468.0_react@19.2.4/node_modules/lucide-react/dist/esm/icons/film.js
-var Film = createLucideIcon("Film", [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
-  ["path", { d: "M7 3v18", key: "bbkbws" }],
-  ["path", { d: "M3 7.5h4", key: "zfgn84" }],
-  ["path", { d: "M3 12h18", key: "1i2n21" }],
-  ["path", { d: "M3 16.5h4", key: "1230mu" }],
-  ["path", { d: "M17 3v18", key: "in4fa5" }],
-  ["path", { d: "M17 7.5h4", key: "myr1c1" }],
-  ["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/layers.js
 var Layers = createLucideIcon("Layers", [
   [
@@ -369,13 +312,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/square.js
 var Square = createLucideIcon("Square", [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
@@ -401,7 +337,7 @@ var X = createLucideIcon("X", [
 ]);
 
 // src/components/ChatView.tsx
-import { useEffect as useEffect6, useState as useState10 } from "react";
+import { useEffect as useEffect7, useState as useState11 } from "react";
 
 // src/lib/utils.ts
 function cn(...inputs) {
@@ -487,24 +423,74 @@ function ChatInput({
 }
 
 // src/components/ConnectionBanner.tsx
+import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var CONNECTION_NOTICE_DELAY_MS = 3e3;
+var CONNECTION_ERROR_DELAY_MS = 15e3;
+function useConnectionNoticePhase(connected) {
+  const [phase, setPhase] = useState2("hidden");
+  const connectedRef = useRef2(connected);
+  const timersRef = useRef2([]);
+  connectedRef.current = connected;
+  useEffect2(() => {
+    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 = useRef2(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__ */ jsx3("div", { className: cn("blade-chat-banner bg-[hsl(var(--background))] px-5 pt-3", className), children: /* @__PURE__ */ jsxs2(
     "div",
     {
       className: cn(
         "mx-auto flex max-w-3xl items-start gap-3 rounded-2xl border px-4 py-3",
-        reconnecting ? "border-amber-500/25 bg-amber-500/10 text-amber-100" : "border-rose-500/25 bg-rose-500/10 text-rose-100"
+        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__ */ jsx3("span", { className: "mt-0.5 shrink-0", children: reconnecting ? /* @__PURE__ */ jsx3(LoaderCircle, { size: 14, className: "animate-spin" }) : /* @__PURE__ */ jsx3(TriangleAlert, { size: 14 }) }),
+        /* @__PURE__ */ jsx3("span", { className: "mt-0.5 shrink-0", children: recovering ? /* @__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" })
+          /* @__PURE__ */ jsx3("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__ */ jsx3("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" })
         ] })
       ]
     }
@@ -513,10 +499,10 @@ function ConnectionBanner({ connection, className }) {
 
 // src/components/MessageList.tsx
 import { isHiddenInternalMessage } from "@blade-hq/agent-client";
-import { useCallback as useCallback3, useEffect as useEffect5, useMemo as useMemo6, useRef as useRef5, useState as useState9 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect6, useMemo as useMemo6, useRef as useRef6, useState as useState10 } 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, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
+import { useCallback, useMemo as useMemo2, useRef as useRef3, useState as useState3 } from "react";
 var DEFAULT_SPRING_ANIMATION = {
   /**
    * A value from 0 to 1, on how much to damp the animation.
@@ -553,10 +539,10 @@ globalThis.document?.addEventListener("click", () => {
   mouseDown = false;
 });
 var useStickToBottom = (options = {}) => {
-  const [escapedFromLock, updateEscapedFromLock] = useState2(false);
-  const [isAtBottom, updateIsAtBottom] = useState2(options.initial !== false);
-  const [isNearBottom, setIsNearBottom] = useState2(false);
-  const optionsRef = useRef2(null);
+  const [escapedFromLock, updateEscapedFromLock] = useState3(false);
+  const [isAtBottom, updateIsAtBottom] = useState3(options.initial !== false);
+  const [isNearBottom, setIsNearBottom] = useState3(false);
+  const optionsRef = useRef3(null);
   optionsRef.current = options;
   const isSelecting = useCallback(() => {
     if (!mouseDown) {
@@ -860,11 +846,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 useEffect2, useImperativeHandle, useLayoutEffect, useMemo as useMemo3, useRef as useRef3 } from "react";
+import { createContext as createContext2, useContext as useContext2, useEffect as useEffect3, useImperativeHandle, useLayoutEffect, useMemo as useMemo3, useRef as useRef4 } from "react";
 var StickToBottomContext = createContext2(null);
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect2;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect3;
 function StickToBottom({ instance, children, resize, initial, mass, damping, stiffness, targetScrollTop: currentTargetScrollTop, contextRef, ...props }) {
-  const customTargetScrollTop = useRef3(null);
+  const customTargetScrollTop = useRef4(null);
   const targetScrollTop = React.useCallback((target, elements) => {
     const get = context?.targetScrollTop ?? currentTargetScrollTop;
     return get?.(target, elements) ?? target;
@@ -941,10 +927,10 @@ function useStickToBottomContext() {
 
 // src/components/AssistantTurnBlock.tsx
 import { getTextContent, normalizeMessageContent } from "@blade-hq/agent-client";
-import { useState as useState8 } from "react";
+import { useState as useState9 } from "react";
 
 // src/components/AgentLoopBlock.tsx
-import { useState as useState3 } from "react";
+import { useState as useState4 } from "react";
 
 // src/components/display-utils.ts
 var TOOL_NAME_ALIASES = {
@@ -1076,7 +1062,7 @@ function parseAgentDescription(argumentsJson) {
   }
 }
 function AgentLoopBlock({ toolCall }) {
-  const [expanded, setExpanded] = useState3(false);
+  const [expanded, setExpanded] = useState4(false);
   const description = parseAgentDescription(toolCall.arguments);
   const running = toolCall.status === "pending" || toolCall.status === "awaiting_answer";
   const failed = toolCall.status === "error" || toolCall.status === "cancelled";
@@ -1141,10 +1127,10 @@ function AgentLoopBlock({ toolCall }) {
 
 // src/components/MarkdownContent.tsx
 import {
-  useEffect as useEffect3,
+  useEffect as useEffect4,
   useMemo as useMemo4,
-  useRef as useRef4,
-  useState as useState5
+  useRef as useRef5,
+  useState as useState6
 } from "react";
 
 // src/lib/media-tags.ts
@@ -1191,26 +1177,8 @@ function collapseMediaTags(text, options) {
 }
 
 // src/components/FileCard.tsx
-import { useState as useState4 } from "react";
+import { useState as useState5 } 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;
 }
@@ -1234,14 +1202,18 @@ function FileCard({
   ...props
 }) {
   const client = useBladeClient();
-  const [downloading, setDownloading] = useState4(false);
-  const [failed, setFailed] = useState4(false);
+  const [downloading, setDownloading] = useState5(false);
+  const [failed, setFailed] = useState5(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 () => {
+  const downloadUrl = disabled ? void 0 : client.buildAuthedUrl(
+    `/api/sessions/${encodeURIComponent(sessionId)}/files/${encodeURIComponent(path)}`
+  );
+  const handleDownload = async (event) => {
+    if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
+    event.preventDefault();
     if (disabled || downloading || !sessionId) return;
     setDownloading(true);
     setFailed(false);
@@ -1254,19 +1226,18 @@ function FileCard({
     }
   };
   return /* @__PURE__ */ jsxs4("span", { ...props, className: cn("blade-chat-file-card", className), children: [
-    /* @__PURE__ */ jsxs4(
-      "button",
+    /* @__PURE__ */ jsx5(
+      "a",
       {
-        type: "button",
+        href: downloadUrl,
+        download: name,
         onClick: handleDownload,
-        disabled: disabled || downloading,
+        "aria-disabled": disabled || void 0,
+        "aria-busy": downloading || void 0,
         "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" })
-        ]
+        title: failed ? "\u4E0B\u8F7D\u5931\u8D25\uFF0C\u70B9\u51FB\u91CD\u8BD5" : name,
+        className: "blade-chat-file-link",
+        children: name
       }
     ),
     failed && /* @__PURE__ */ jsx5("span", { className: "blade-chat-file-card-error", children: "\u4E0B\u8F7D\u5931\u8D25" })
@@ -1277,10 +1248,10 @@ function FileCard({
 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 = useRef4(null);
-  const [copied, setCopied] = useState5(false);
-  const [language, setLanguage] = useState5("");
-  useEffect3(() => {
+  const preRef = useRef5(null);
+  const [copied, setCopied] = useState6(false);
+  const [language, setLanguage] = useState6("");
+  useEffect4(() => {
     const codeEl = preRef.current?.querySelector("code");
     setLanguage(codeEl?.className.match(/language-(\S+)/)?.[1] ?? "");
   }, []);
@@ -1365,10 +1336,10 @@ function Shimmer({ children = "\u6B63\u5728\u601D\u8003...", className }) {
 }
 
 // src/components/ToolCallBlock.tsx
-import { useState as useState7 } from "react";
+import { useState as useState8 } from "react";
 
 // src/components/AskUserQuestionBlock.tsx
-import { useEffect as useEffect4, useMemo as useMemo5, useState as useState6 } from "react";
+import { useEffect as useEffect5, useMemo as useMemo5, useState as useState7 } from "react";
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function AskUserQuestionBlock({
   data,
@@ -1378,11 +1349,11 @@ function AskUserQuestionBlock({
   answerData,
   onAnswer
 }) {
-  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(() => {
+  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(() => {
     if (sessionStatus === "failed" || sessionStatus === "interrupted") {
       setSubmitted(false);
     }
@@ -1709,7 +1680,7 @@ function ToolCallBlock({
   sessionStatus,
   renderer
 }) {
-  const [expanded, setExpanded] = useState7(false);
+  const [expanded, setExpanded] = useState8(false);
   const normalizedName = formatToolName(toolCall.name);
   if (renderer) {
     const custom = renderer(toolCall);
@@ -1811,7 +1782,7 @@ function buildAskUserPayload(argumentsJson) {
 // src/components/AssistantTurnBlock.tsx
 import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function ThinkingBlock({ reasoning, isStreaming }) {
-  const [open, setOpen] = useState8(false);
+  const [open, setOpen] = useState9(false);
   return /* @__PURE__ */ jsxs8("div", { className: "blade-chat-thinking ml-4 text-sm", children: [
     /* @__PURE__ */ jsxs8(
       "button",
@@ -2184,8 +2155,8 @@ function MessageList({
 }
 function AutoScrollOnUserSend({ userMessageCount }) {
   const { scrollToBottom } = useStickToBottomContext();
-  const previousCountRef = useRef5(userMessageCount);
-  useEffect5(() => {
+  const previousCountRef = useRef6(userMessageCount);
+  useEffect6(() => {
     if (userMessageCount > previousCountRef.current) {
       scrollToBottom("instant");
     }
@@ -2195,9 +2166,9 @@ function AutoScrollOnUserSend({ userMessageCount }) {
 }
 function ScrollToBottomButton() {
   const { isAtBottom, scrollToBottom } = useStickToBottomContext();
-  const [visible, setVisible] = useState9(false);
-  const hideTimerRef = useRef5(null);
-  useEffect5(() => {
+  const [visible, setVisible] = useState10(false);
+  const hideTimerRef = useRef6(null);
+  useEffect6(() => {
     if (isAtBottom) {
       if (!hideTimerRef.current) {
         hideTimerRef.current = setTimeout(() => {
@@ -2262,8 +2233,8 @@ function isUnauthorizedError(error) {
   return error instanceof BladeApiError && error.status === 401;
 }
 function LoginCard({ client, onLoggedIn }) {
-  const [loggingIn, setLoggingIn] = useState10(false);
-  const [loginError, setLoginError] = useState10(null);
+  const [loggingIn, setLoggingIn] = useState11(false);
+  const [loginError, setLoginError] = useState11(null);
   const handleLogin = async () => {
     setLoggingIn(true);
     setLoginError(null);
@@ -2295,8 +2266,8 @@ function LoginCard({ client, onLoggedIn }) {
 }
 function ChatView(props) {
   const client = useBladeClient();
-  const [attempt, setAttempt] = useState10(0);
-  const [needLogin, setNeedLogin] = useState10(() => !client.hasToken());
+  const [attempt, setAttempt] = useState11(0);
+  const [needLogin, setNeedLogin] = useState11(() => !client.hasToken());
   if (needLogin) {
     return /* @__PURE__ */ jsx14(
       "div",
@@ -2335,14 +2306,14 @@ function ChatSessionView({
     createOptions,
     onSessionCreated
   });
-  const [stopRequested, setStopRequested] = useState10(false);
-  const [inputText, setInputText] = useState10("");
-  useEffect6(() => {
+  const [stopRequested, setStopRequested] = useState11(false);
+  const [inputText, setInputText] = useState11("");
+  useEffect7(() => {
     if (session) {
       onSessionReady?.(session);
     }
   }, [session, onSessionReady]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!session) return;
     const offAttach = session.on("attachRequested", ({ label, content }) => {
       setInputText((prev) => `${prev ? `${prev}
@@ -2358,12 +2329,12 @@ ${content}`);
       offInsert();
     };
   }, [session]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (isUnauthorizedError(error)) {
       onUnauthorized();
     }
   }, [error, onUnauthorized]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!session || !commands) return;
     const unsubscribes = Object.entries(commands).map(
       ([action, handler]) => session.onCommand(action, (payload) => handler(payload))
@@ -2458,7 +2429,6 @@ 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-up.js:
 lucide-react/dist/esm/icons/bot.js:
 lucide-react/dist/esm/icons/brain.js:
@@ -2467,20 +2437,13 @@ lucide-react/dist/esm/icons/chevron-down.js:
 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/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/square.js:
 lucide-react/dist/esm/icons/triangle-alert.js:
 lucide-react/dist/esm/icons/x.js: