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

package/README.md

@@ -151,6 +151,7 @@ await replay.exitToAutonomous()                // 退出回放，之后真的运
 全部 props 见 `ChatViewProps`。样式说明：
 
 `onFollowupInteraction` 使用 `FollowupInteractionEvent`，覆盖下一步建议展示/采纳、成果展示/打开/下载以及结果评分。SDK 不内置 PostHog 等分析厂商；宿主回调抛错也不会中断用户点击或下载。
+文件成果以文件名为文本的标准下载链接展示；Vue / 纯 HTML 使用的 `<blade-chat>` 与 `ChatView` 行为一致。
 
 - 必须引入一份样式，按宿主有没有 Tailwind 二选一：
   - **`style.full.css`**（默认选它）：布局兜底 + 编译好的 Tailwind 产物，自包含，宿主没装 Tailwind 也是完整视觉。

package/dist/embed/entry.d.ts

@@ -18,6 +18,9 @@ declare function getChat(element: Element | null): Promise<AgentSession>;
 declare const BladeAgent: {
     BladeClient: typeof agentClient.BladeClient;
     BladeApiError: typeof agentClient.BladeApiError;
+    EMPTY_PLATFORM_ENDPOINTS: agentClient.PlatformEndpoints;
+    loadPlatformEndpoints: typeof agentClient.loadPlatformEndpoints;
+    resolveServiceUrl: typeof agentClient.resolveServiceUrl;
     SDK_NAME: "agent-client";
     SDK_VERSION: string;
     AgentSession: typeof AgentSession;

package/dist/index.js

@@ -697,13 +697,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-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" }],
@@ -713,24 +706,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/globe.js
 var Globe = createLucideIcon("Globe", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
@@ -2447,9 +2422,6 @@ function emitInteraction(callback, event) {
 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,
@@ -2480,44 +2452,48 @@ ${artifact.target}`,
       }
     );
   }
-  const Icon2 = isVideo(artifact.target) ? Film : File;
-  return /* @__PURE__ */ jsxs11(
-    "button",
+  const fileName = basename(artifact.target);
+  const downloadUrl = sessionId ? client.buildAuthedUrl(
+    `/api/sessions/${encodeURIComponent(sessionId)}/files/${encodeURIComponent(artifact.target)}`
+  ) : void 0;
+  const handleDownload = async (event) => {
+    if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
+    event.preventDefault();
+    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, fileName);
+      emitInteraction(onInteraction, {
+        type: "artifact_download_succeeded",
+        sessionId,
+        assistantEntryId,
+        artifactIndex,
+        artifactKind: "file"
+      });
+    } catch {
+    } finally {
+      setDownloading(false);
+    }
+  };
+  return /* @__PURE__ */ jsx13(
+    "a",
     {
-      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" })
-      ]
+      href: downloadUrl,
+      download: fileName,
+      onClick: handleDownload,
+      title: fileName,
+      "aria-label": `\u4E0B\u8F7D\u6587\u4EF6\uFF1A${fileName}`,
+      "aria-disabled": !sessionId || void 0,
+      "aria-busy": downloading || void 0,
+      className: "min-w-0 cursor-pointer break-all text-xs text-[hsl(var(--primary))] underline aria-disabled:cursor-not-allowed aria-disabled:opacity-60 aria-busy:cursor-wait",
+      children: fileName
     }
   );
 }
@@ -3696,10 +3672,7 @@ 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-text.js:
-lucide-react/dist/esm/icons/file.js:
-lucide-react/dist/esm/icons/film.js:
 lucide-react/dist/esm/icons/globe.js:
 lucide-react/dist/esm/icons/layers.js:
 lucide-react/dist/esm/icons/lightbulb.js: