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

package/README.md

@@ -151,7 +151,6 @@ 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,9 +18,6 @@ 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,6 +697,13 @@ 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" }],
@@ -706,6 +713,24 @@ 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" }],
@@ -2422,6 +2447,9 @@ 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,
@@ -2452,48 +2480,44 @@ ${artifact.target}`,
       }
     );
   }
-  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",
+  const Icon2 = isVideo(artifact.target) ? Film : File;
+  return /* @__PURE__ */ jsxs11(
+    "button",
     {
-      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
+      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" })
+      ]
     }
   );
 }
@@ -3672,7 +3696,10 @@ 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: