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

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" }],
@@ -1128,7 +1103,7 @@ function ConnectionBanner({ connection, className }) {
 
 // src/components/MessageList.tsx
 import { isHiddenInternalMessage } from "@blade-hq/agent-client";
-import { useCallback as useCallback6, useEffect as useEffect8, useMemo as useMemo7, useRef as useRef8, useState as useState12 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect8, useMemo as useMemo7, useRef as useRef9, 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 useRef4, useState as useState5 } from "react";
@@ -1841,8 +1816,37 @@ function Shimmer({ children = "\u6B63\u5728\u601D\u8003...", className }) {
 import { useState as useState9 } from "react";
 
 // src/components/AskUserQuestionBlock.tsx
-import { useEffect as useEffect6, useMemo as useMemo6, useState as useState8 } from "react";
+import { useEffect as useEffect6, useMemo as useMemo6, useRef as useRef7, useState as useState8 } from "react";
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var CUSTOM_TEXTAREA_MAX_HEIGHT = 160;
+function resizeCustomTextarea(textarea) {
+  textarea.style.height = "auto";
+  textarea.style.height = `${Math.min(textarea.scrollHeight, CUSTOM_TEXTAREA_MAX_HEIGHT)}px`;
+  textarea.style.overflowY = textarea.scrollHeight > CUSTOM_TEXTAREA_MAX_HEIGHT ? "auto" : "hidden";
+}
+function useAutoResizeTextarea(value) {
+  const textareaRef = useRef7(null);
+  useEffect6(() => {
+    const textarea = textareaRef.current;
+    if (textarea?.value === value) resizeCustomTextarea(textarea);
+  }, [value]);
+  useEffect6(() => {
+    const textarea = textareaRef.current;
+    if (!textarea || typeof ResizeObserver === "undefined") return;
+    let previousWidth = textarea.clientWidth;
+    const observer = new ResizeObserver(([entry]) => {
+      if (!entry || entry.contentRect.width === previousWidth) return;
+      previousWidth = entry.contentRect.width;
+      resizeCustomTextarea(textarea);
+    });
+    observer.observe(textarea);
+    return () => observer.disconnect();
+  }, []);
+  return textareaRef;
+}
+function indentAnswerContinuationLines(answer) {
+  return answer.replaceAll("\n", "\n  ");
+}
 function AskUserQuestionBlock({
   data,
   answered,
@@ -1939,7 +1943,9 @@ function AskUserQuestionBlock({
         Array.from(usingCustom).map((qIdx) => [qIdx, (customTexts.get(qIdx) ?? "").trim()]).filter(([, text2]) => text2.length > 0)
       )
     };
-    const parts = data.questions.map((q, i) => `- ${q.question} -> ${getAnswer(i)}`);
+    const parts = data.questions.map(
+      (q, i) => `- ${q.question} -> ${indentAnswerContinuationLines(getAnswer(i) ?? "")}`
+    );
     const text = `\u5173\u4E8E\u9700\u8981\u786E\u8BA4\u7684\u95EE\u9898\uFF0C\u7528\u6237\u7684\u56DE\u7B54\u5982\u4E0B\uFF1A
 ${parts.join("\n")}`;
     setSubmitted(true);
@@ -2011,6 +2017,7 @@ function QuestionCard({
   onCustomChange
 }) {
   const multi = question.multiSelect ?? false;
+  const customTextareaRef = useAutoResizeTextarea(customText);
   return /* @__PURE__ */ jsxs7("div", { children: [
     /* @__PURE__ */ jsxs7("div", { className: cn("flex items-start gap-2", answered ? "mb-2" : "mb-3"), children: [
       /* @__PURE__ */ jsx9(
@@ -2087,25 +2094,26 @@ function QuestionCard({
         "div",
         {
           className: cn(
-            "flex items-center gap-2 rounded-lg border transition-all",
+            "flex items-start gap-2 rounded-lg border transition-all focus-within:ring-2 focus-within:ring-[hsl(var(--ring)/0.35)]",
             answered ? "px-2.5 py-1.5" : "px-3 py-2.5",
             isCustom ? "border-[hsl(var(--ring)/0.6)] bg-[hsl(var(--accent))]" : "border-[hsl(var(--border))] hover:border-[hsl(var(--ring)/0.3)] hover:bg-[hsl(var(--accent))]",
             answered && "cursor-default opacity-70"
           ),
           children: [
-            /* @__PURE__ */ jsx9("span", { className: "shrink-0 text-xs text-[hsl(var(--muted-foreground))]", children: "\u5176\u4ED6\uFF1A" }),
+            /* @__PURE__ */ jsx9("span", { className: "shrink-0 pt-1 text-xs text-[hsl(var(--muted-foreground))]", children: "\u5176\u4ED6\uFF1A" }),
             /* @__PURE__ */ jsx9(
-              "input",
+              "textarea",
               {
-                type: "text",
+                ref: customTextareaRef,
+                rows: 2,
                 value: customText,
-                disabled: answered,
+                readOnly: answered,
                 onChange: (e) => onCustomChange(qIdx, e.target.value),
                 onFocus: () => onCustomFocus(qIdx),
                 "aria-label": "\u81EA\u5B9A\u4E49\u56DE\u7B54",
                 placeholder: "\u8F93\u5165\u4F60\u7684\u7B54\u6848...",
                 className: cn(
-                  "min-w-0 flex-1 bg-transparent text-[hsl(var(--foreground))] outline-none placeholder:text-[hsl(var(--muted-foreground)/0.5)]",
+                  "min-h-10 min-w-0 flex-1 resize-none bg-transparent leading-5 text-[hsl(var(--foreground))] outline-none placeholder:text-[hsl(var(--muted-foreground)/0.5)]",
                   answered ? "text-xs" : "text-sm"
                 )
               }
@@ -2436,7 +2444,7 @@ var RenderErrorBoundary = class extends Component {
 };
 
 // src/components/PostChatFollowupBlock.tsx
-import { useCallback as useCallback5, useEffect as useEffect7, useRef as useRef7, useState as useState11 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect7, useRef as useRef8, useState as useState11 } from "react";
 import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function emitInteraction(callback, event) {
   try {
@@ -2447,9 +2455,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 +2485,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
     }
   );
 }
@@ -2566,8 +2575,8 @@ function ResultFeedback({
   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 reportedShown = useRef8(false);
+  const latestChoice = useRef8(null);
   const eligible = followup.feedback_eligible === true && Boolean(sessionId) && !isViewer;
   useEffect7(() => {
     if (!eligible || reportedShown.current) return;
@@ -2691,10 +2700,10 @@ function PostChatFollowupBlock({
   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 adopted = useRef8(/* @__PURE__ */ new Set());
+  const reportedSuggestions = useRef8(false);
+  const reportedArtifacts = useRef8(/* @__PURE__ */ new Set());
+  const openedArtifacts = useRef8(/* @__PURE__ */ new Set());
   const artifacts = followup.final_artifacts ?? [];
   const visibleArtifacts = expanded ? artifacts : artifacts.slice(0, 3);
   useEffect7(() => {
@@ -3071,7 +3080,7 @@ function MessageList({
 }
 function AutoScrollOnUserSend({ userMessageCount }) {
   const { scrollToBottom } = useStickToBottomContext();
-  const previousCountRef = useRef8(userMessageCount);
+  const previousCountRef = useRef9(userMessageCount);
   useEffect8(() => {
     if (userMessageCount > previousCountRef.current) {
       scrollToBottom("instant");
@@ -3083,7 +3092,7 @@ function AutoScrollOnUserSend({ userMessageCount }) {
 function ScrollToBottomButton() {
   const { isAtBottom, scrollToBottom } = useStickToBottomContext();
   const [visible, setVisible] = useState12(false);
-  const hideTimerRef = useRef8(null);
+  const hideTimerRef = useRef9(null);
   useEffect8(() => {
     if (isAtBottom) {
       if (!hideTimerRef.current) {
@@ -3696,10 +3705,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: