@blade-hq/agent-kit 1.0.27 → 1.0.29

package/dist/{chunk-M72OL7ZJ.js → chunk-HCQDDDOX.js}

@@ -1,6 +1,6 @@
 import {
   getClient
-} from "./chunk-SBASG3M2.js";
+} from "./chunk-UWNQ4PXK.js";
 import {
   __export
 } from "./chunk-PZ5AY32C.js";
@@ -20,4 +20,4 @@ export {
   unpublishApp,
   published_apps_exports
 };
-//# sourceMappingURL=chunk-M72OL7ZJ.js.map
+//# sourceMappingURL=chunk-HCQDDDOX.js.map

package/dist/{chunk-X2NJKKXR.js → chunk-N2OE5MVV.js}

@@ -13,10 +13,10 @@ import {
   getCodeLanguageFromFilename,
   parseAskUserQuestion,
   useHighlightedCodeHtml
-} from "./chunk-TE6G6NVX.js";
+} from "./chunk-YXHPJGXR.js";
 import {
   resolveSessionFilePreviewTarget
-} from "./chunk-C2FKVGJU.js";
+} from "./chunk-PYYDXV2A.js";
 import {
   apiFetchResponse,
   buildMessageContent,
@@ -60,7 +60,7 @@ import {
   useUiBridgeStore,
   useUiStore,
   writeFile
-} from "./chunk-SBASG3M2.js";
+} from "./chunk-UWNQ4PXK.js";
 import {
   registerBridgeIframe,
   tapBridgeEvent
@@ -69,7 +69,7 @@ import {
   ModelOption,
   ModelsConfig,
   ModelsResource
-} from "./chunk-34GDDOWY.js";
+} from "./chunk-YJ6BX3FU.js";
 import {
   cn,
   copyToClipboard
@@ -704,6 +704,7 @@ function useModelConfig() {
   return {
     models: data?.models ?? [],
     defaultModel: data?.default ?? "",
+    thinkingAvailable: data?.thinkingAvailable ?? false,
     isLoading
   };
 }
@@ -1000,9 +1001,9 @@ function useInputHistory(sessionId) {
 // src/react/hooks/use-resolved-model.ts
 import { useMemo as useMemo3 } from "react";
 function useResolvedModel(activeSessionModel) {
-  const { models, defaultModel, isLoading } = useModelConfig();
+  const { models, defaultModel, thinkingAvailable, isLoading } = useModelConfig();
   const { preferredModel } = usePreferredModel();
-  return useMemo3(() => {
+  const resolved = useMemo3(() => {
     if (isLoading) {
       const optimistic = activeSessionModel || preferredModel || defaultModel || "";
       return {
@@ -1027,6 +1028,8 @@ function useResolvedModel(activeSessionModel) {
     }
     return { resolvedModel: "", hasAvailableModel: false, isLoading };
   }, [activeSessionModel, preferredModel, defaultModel, models, isLoading]);
+  const selectedThinkingAvailable = models.find((model) => model.id === resolved.resolvedModel)?.thinkingAvailable ?? thinkingAvailable;
+  return { ...resolved, thinkingAvailable: selectedThinkingAvailable };
 }
 
 // src/react/lib/attachment-upload.ts
@@ -2849,6 +2852,7 @@ function ChatInput({
   onCommand,
   canShareSession = false,
   slotAboveTextarea,
+  slotBeforeSend,
   externalDraft,
   externalAttachments,
   maxWidthClassName = "max-w-3xl",
@@ -2935,7 +2939,12 @@ function ChatInput({
   const draftAppends = useUiBridgeStore(
     (state) => activeSessionId ? state.draftAppends[activeSessionId] : void 0
   );
-  const { resolvedModel, hasAvailableModel, isLoading: isModelLoading } = useResolvedModel(activeSessionModel);
+  const {
+    resolvedModel,
+    hasAvailableModel,
+    thinkingAvailable,
+    isLoading: isModelLoading
+  } = useResolvedModel(activeSessionModel);
   useEffect7(() => {
     setSelectedModel(resolvedModel);
   }, [resolvedModel]);
@@ -3301,6 +3310,7 @@ function ChatInput({
     setRewindDraft(activeSessionId, null);
   }, [activeSessionId, editor, rewindDraft, setRewindDraft]);
   const submittingRef = useRef5(false);
+  const [isSubmitting, setIsSubmitting] = useState8(false);
   useEffect7(() => {
     let changed = false;
     const nextLocalIds = /* @__PURE__ */ new Set();
@@ -3425,6 +3435,7 @@ function ChatInput({
       return;
     }
     submittingRef.current = true;
+    setIsSubmitting(true);
     try {
       const json = editor?.getJSON();
       const rawText = serializeEditorContent(json);
@@ -3437,9 +3448,15 @@ function ChatInput({
       let uploadTargetSessionId;
       if (pendingFiles.length > 0) {
         let uploadSessionId = activeSessionId;
+        let pendingFilesHandled = false;
         if (!uploadSessionId && ensureSession) {
           try {
-            uploadSessionId = await ensureSession(text || "\u65B0\u4F1A\u8BDD");
+            const ensured = await ensureSession(text || "\u65B0\u4F1A\u8BDD", {
+              model: selectedModel || null,
+              thinkingOverride: thinkingAvailable && (sessionThinking != null || thinkingPreference != null) ? thinkingEnabled : void 0
+            });
+            uploadSessionId = typeof ensured === "string" ? ensured : ensured.sessionId;
+            pendingFilesHandled = typeof ensured === "object" && ensured.pendingFilesHandled === true;
           } catch {
             setComposerAttachments(
               (prev) => prev.map(
@@ -3451,7 +3468,12 @@ function ChatInput({
         }
         if (uploadSessionId) {
           uploadTargetSessionId = uploadSessionId;
-          if (pendingFiles.length > 0) {
+          if (pendingFilesHandled) {
+            updatedAttachments = composerAttachments.map(
+              (attachment) => pendingFiles.some((pending) => pending.id === attachment.id) ? { ...attachment, status: "uploaded", uploadedPath: attachment.name } : attachment
+            );
+            setComposerAttachments(updatedAttachments);
+          } else if (pendingFiles.length > 0) {
             setComposerAttachments(
               (prev) => prev.map(
                 (a) => a.kind === "file" && a.status === "pending" ? { ...a, status: "uploading", uploadProgress: 0 } : a
@@ -3525,17 +3547,23 @@ function ChatInput({
       if (activeSessionId && activePendingContexts.length > 0) {
         consumePendingContexts(activeSessionId);
       }
-      onSend(nextPayload, {
-        targetSessionId: uploadTargetSessionId,
-        model: selectedModel || null,
-        thinkingOverride: sessionThinking != null || thinkingPreference != null ? thinkingEnabled : void 0
-      });
+      try {
+        await onSend(nextPayload, {
+          targetSessionId: uploadTargetSessionId,
+          model: selectedModel || null,
+          thinkingOverride: thinkingAvailable && (sessionThinking != null || thinkingPreference != null) ? thinkingEnabled : void 0
+        });
+      } catch (error) {
+        toast.error(error instanceof Error ? error.message : "\u53D1\u9001\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5");
+        return;
+      }
       if (text.trim()) {
         inputHistory.addEntry(text);
       }
       resetComposer();
     } finally {
       submittingRef.current = false;
+      setIsSubmitting(false);
     }
   };
   const removeAttachment = (id) => {
@@ -3561,7 +3589,7 @@ function ChatInput({
     (attachment) => attachment.status === "uploading"
   );
   const hasValidAttachments = composerAttachments.some((attachment) => attachment.status !== "failed");
-  const isSendDisabled = connectionStatus !== "connected" || isModelLoading || !hasAvailableModel || hasUploadingFiles || !input.trim() && !hasValidAttachments && !hasRenderedAttachments && !hasPendingContexts;
+  const isSendDisabled = connectionStatus !== "connected" || isModelLoading || !hasAvailableModel || isSubmitting || hasUploadingFiles || !input.trim() && !hasValidAttachments && !hasRenderedAttachments && !hasPendingContexts;
   return /* @__PURE__ */ jsxs9(Fragment2, { children: [
     /* @__PURE__ */ jsx10("div", { className: `bg-[hsl(var(--background))] px-5 py-3 ${className ?? ""}`, children: /* @__PURE__ */ jsxs9("div", { className: `mx-auto ${maxWidthClassName} ${innerClassName ?? ""}`, children: [
       activeSessionId ? /* @__PURE__ */ jsx10(BackgroundTasksPill, { sessionId: activeSessionId }) : null,
@@ -3859,7 +3887,7 @@ function ChatInput({
                             }
                           )
                         ] }) : null,
-                        /* @__PURE__ */ jsx10(
+                        thinkingAvailable ? /* @__PURE__ */ jsx10(
                           ThinkingToggle,
                           {
                             enabled: thinkingEnabled,
@@ -3868,7 +3896,7 @@ function ChatInput({
                               setPreferredThinkingEnabled(next);
                             }
                           }
-                        ),
+                        ) : null,
                         /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 px-3 py-2", children: [
                           /* @__PURE__ */ jsx10(Sparkles2, { size: 13 }),
                           /* @__PURE__ */ jsx10("span", { className: "shrink-0", children: "\u6A21\u578B" }),
@@ -3929,6 +3957,7 @@ function ChatInput({
                         children: !asrEnabled ? /* @__PURE__ */ jsx10(MicOff, { size: 13 }) : isRecording ? /* @__PURE__ */ jsx10(VoiceWaveform, { level: voiceLevel, size: 18 }) : /* @__PURE__ */ jsx10(Mic, { size: 13 })
                       }
                     ),
+                    slotBeforeSend,
                     isStreaming ? /* @__PURE__ */ jsx10(
                       "button",
                       {
@@ -3948,7 +3977,7 @@ function ChatInput({
                         "aria-label": "\u53D1\u9001\u6D88\u606F",
                         title: isModelLoading ? "\u6B63\u5728\u52A0\u8F7D\u6A21\u578B\u914D\u7F6E" : !hasAvailableModel ? "\u6CA1\u6709\u53EF\u7528\u6A21\u578B\uFF0C\u8BF7\u68C0\u67E5\u6A21\u578B\u670D\u52A1\u914D\u7F6E" : "\u53D1\u9001\u6D88\u606F",
                         className: "flex h-7 w-7 items-center justify-center rounded-lg bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))] transition-opacity hover:opacity-80 disabled:opacity-25",
-                        children: /* @__PURE__ */ jsx10(Send, { size: 13 })
+                        children: isSubmitting ? /* @__PURE__ */ jsx10(Loader22, { size: 13, className: "animate-spin" }) : /* @__PURE__ */ jsx10(Send, { size: 13 })
                       }
                     )
                   ] })
@@ -5997,7 +6026,7 @@ function ToolCallBlock({
   }, [shouldAutoExpandWhileStreaming]);
   const resolvedSessionStatus = sessionStatus ?? sessions.find((session) => session.id === resolvedSessionId)?.status;
   const resolvedAnswerData = answerData ?? storedAnswerData;
-  const resolvedAnswered = answered ?? (!!resolvedAnswerData && resolvedSessionStatus !== "waiting_for_input");
+  const resolvedAnswered = toolCall.status === "awaiting_answer" ? false : answered ?? (!!resolvedAnswerData && resolvedSessionStatus !== "waiting_for_input");
   const resolvedOnAnswer = onAnswer ?? answerCallback;
   const uiMeta = useMemo13(() => {
     const block = turnBlocks?.find(
@@ -6007,9 +6036,8 @@ function ToolCallBlock({
   }, [toolCall.id, turnBlocks]);
   if (normalizedName === "AskUserQuestion") {
     const askData = parseAskUserQuestion(typeof toolCall.result === "string" ? toolCall.result : null) ?? parseAskUserQuestion(buildAskUserPayload(toolCall.arguments));
-    const canAnswer = toolCall.status === "awaiting_answer" && Boolean(resolvedOnAnswer) && Boolean(resolvedSessionStatus);
-    const shouldRenderQuestion = Boolean(askData) && (canAnswer || resolvedAnswered || toolCall.status === "done");
-    if (askData && shouldRenderQuestion) {
+    const canAnswer = toolCall.status === "awaiting_answer" && resolvedSessionStatus === "waiting_for_input" && Boolean(resolvedOnAnswer);
+    if (askData) {
       const questionBlock = /* @__PURE__ */ jsx22(
         AskUserQuestionBlock,
         {
@@ -6029,6 +6057,14 @@ function ToolCallBlock({
         /* @__PURE__ */ jsx22("div", { className: "ml-4", children: /* @__PURE__ */ jsx22(ThinkingBadge, { reasoning, variant: "block" }) })
       ] });
     }
+    return /* @__PURE__ */ jsxs18("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__ */ jsx22("div", { className: "font-semibold", children: "\u9009\u62E9\u9898\u5185\u5BB9\u6682\u65F6\u65E0\u6CD5\u663E\u793A" }),
+      /* @__PURE__ */ jsxs18("div", { className: "mt-1 text-xs leading-5 text-[hsl(var(--muted-foreground))]", children: [
+        "\u6536\u5230\u7684\u4EA4\u4E92\u6570\u636E\u4E0D\u5B8C\u6574\u6216\u7248\u672C\u4E0D\u517C\u5BB9\u3002\u8BF7\u91CD\u8BD5\uFF1B\u82E5\u95EE\u9898\u6301\u7EED\uFF0C\u8BF7\u63D0\u4F9B\u4EA4\u4E92\u7F16\u53F7",
+        /* @__PURE__ */ jsx22("span", { className: "ml-1 font-mono", children: toolCall.id }),
+        "\u3002"
+      ] })
+    ] });
   }
   const filePath = extractToolFilePath(toolCall);
   const tone = getToolTone(toolCall.status);
@@ -8218,6 +8254,21 @@ function TurnNavRail({
   );
 }
 
+// src/react/components/chat/scroll-anchor.ts
+var ENTRY_SCROLL_MARGIN_PX = 24;
+function normalizeScrollEntryKey(value) {
+  const text = value?.trim();
+  return text ? text : null;
+}
+function calculateAnchoredScrollTop({
+  scrollTop,
+  containerTop,
+  targetTop,
+  margin = ENTRY_SCROLL_MARGIN_PX
+}) {
+  return Math.max(0, scrollTop + targetTop - containerTop - margin);
+}
+
 // src/react/components/chat/MessageList.tsx
 import { jsx as jsx37, jsxs as jsxs32 } from "react/jsx-runtime";
 function parseModeChange(message) {
@@ -8296,13 +8347,20 @@ function findScrollContainer(start) {
   }
   return null;
 }
+function findEntryAnchor(root, entryId) {
+  return Array.from(root.querySelectorAll("[data-entry-id]")).find(
+    (el) => el.dataset.entryId === entryId
+  ) ?? null;
+}
 function MessageList({
   sessionId,
   messages: rawMessages,
   onAnswer,
   sessionStatus,
   onConfirmPlan,
-  customization
+  customization,
+  scrollToStartKey,
+  scrollToEntryKey
 }) {
   const messages = Array.isArray(rawMessages) ? rawMessages : [];
   const agentLoops = useChatStore((state) => state.agentLoops[sessionId]);
@@ -8381,7 +8439,8 @@ function MessageList({
       blocks.push({
         type: "message",
         message,
-        key: message.entry_id ?? `${message.role}-${blocks.length}`
+        key: message.entry_id ?? `${message.role}-${blocks.length}`,
+        anchorId: message.entry_id ? `chat-entry-${message.entry_id}` : null
       });
     }
     flushAssistant();
@@ -8429,9 +8488,18 @@ function MessageList({
     ) ?? null,
     [lastTurnId, renderBlocks]
   );
+  const scrollEntryId = useMemo18(() => normalizeScrollEntryKey(scrollToEntryKey), [scrollToEntryKey]);
+  const shouldAnchorEntry = Boolean(scrollEntryId);
+  const hasMessages = messages.length > 0;
   const containerRef = useRef13(null);
   const scrollContainerRef = useRef13(null);
   const frameRef = useRef13(null);
+  const startScrollFrameRef = useRef13(null);
+  const startScrollTimeoutRef = useRef13(null);
+  const entryScrollFrameRef = useRef13(null);
+  const entryScrollTimeoutRefs = useRef13([]);
+  const appliedStartScrollKeyRef = useRef13(null);
+  const appliedEntryScrollKeyRef = useRef13(null);
   const [activeTurnId, setActiveTurnId] = useState21(lastTurnId);
   const layoutSignature = useMemo18(
     () => getMessagesMeasureSignature(messages),
@@ -8492,6 +8560,123 @@ function MessageList({
   useEffect18(() => {
     scheduleMeasure();
   }, [lastTurnId, layoutSignature, scheduleMeasure]);
+  const scrollToSessionStart = useEffectEvent4(() => {
+    const container = scrollContainerRef.current ?? findScrollContainer(containerRef.current);
+    if (!container) return;
+    container.scrollTo({ top: 0, behavior: "auto" });
+    setActiveTurnId(null);
+  });
+  useEffect18(() => {
+    if (!scrollToStartKey || !hasMessages) return;
+    const applyKey = scrollToStartKey;
+    if (appliedStartScrollKeyRef.current === applyKey) return;
+    appliedStartScrollKeyRef.current = applyKey;
+    if (startScrollFrameRef.current != null) {
+      window.cancelAnimationFrame(startScrollFrameRef.current);
+    }
+    if (startScrollTimeoutRef.current != null) {
+      window.clearTimeout(startScrollTimeoutRef.current);
+    }
+    startScrollFrameRef.current = window.requestAnimationFrame(() => {
+      startScrollFrameRef.current = null;
+      scrollToSessionStart();
+      startScrollTimeoutRef.current = window.setTimeout(() => {
+        startScrollTimeoutRef.current = null;
+        scrollToSessionStart();
+      }, 80);
+    });
+    return () => {
+      if (startScrollFrameRef.current != null) {
+        window.cancelAnimationFrame(startScrollFrameRef.current);
+        startScrollFrameRef.current = null;
+      }
+      if (startScrollTimeoutRef.current != null) {
+        window.clearTimeout(startScrollTimeoutRef.current);
+        startScrollTimeoutRef.current = null;
+      }
+    };
+  }, [hasMessages, scrollToSessionStart, scrollToStartKey]);
+  const scrollToEntry = useEffectEvent4((entryId) => {
+    const root = containerRef.current;
+    if (!root) return false;
+    const target = findEntryAnchor(root, entryId);
+    if (!target) return false;
+    stickContextRef.current?.stopScroll();
+    const container = scrollContainerRef.current ?? findScrollContainer(root);
+    if (container) {
+      const containerRect = container.getBoundingClientRect();
+      const targetRect = target.getBoundingClientRect();
+      container.scrollTo({
+        top: calculateAnchoredScrollTop({
+          scrollTop: container.scrollTop,
+          containerTop: containerRect.top,
+          targetTop: targetRect.top
+        }),
+        behavior: "auto"
+      });
+    } else {
+      target.scrollIntoView({ behavior: "auto", block: "start" });
+    }
+    setActiveTurnId(target.dataset.turnId ?? null);
+    return true;
+  });
+  const getAnchorTargetScrollTop = useCallback12(
+    (defaultTargetScrollTop, { scrollElement, contentElement }) => {
+      if (!scrollEntryId) return defaultTargetScrollTop;
+      const target = findEntryAnchor(contentElement, scrollEntryId);
+      if (!target) return defaultTargetScrollTop;
+      const containerRect = scrollElement.getBoundingClientRect();
+      const targetRect = target.getBoundingClientRect();
+      return calculateAnchoredScrollTop({
+        scrollTop: scrollElement.scrollTop,
+        containerTop: containerRect.top,
+        targetTop: targetRect.top
+      });
+    },
+    [scrollEntryId]
+  );
+  useEffect18(() => {
+    if (!scrollEntryId || !hasMessages) return;
+    const entryId = scrollEntryId;
+    const applyKey = scrollEntryId;
+    if (appliedEntryScrollKeyRef.current === applyKey) return;
+    appliedEntryScrollKeyRef.current = applyKey;
+    if (entryScrollFrameRef.current != null) {
+      window.cancelAnimationFrame(entryScrollFrameRef.current);
+    }
+    for (const timeoutId of entryScrollTimeoutRefs.current) {
+      window.clearTimeout(timeoutId);
+    }
+    entryScrollTimeoutRefs.current = [];
+    entryScrollFrameRef.current = window.requestAnimationFrame(() => {
+      entryScrollFrameRef.current = null;
+      const attempts = [0, 60, 160, 360, 700, 1200];
+      let matched = false;
+      for (const delay of attempts) {
+        const timeoutId = window.setTimeout(() => {
+          matched = scrollToEntry(entryId) || matched;
+        }, delay);
+        entryScrollTimeoutRefs.current.push(timeoutId);
+      }
+      const fallbackId = window.setTimeout(() => {
+        entryScrollTimeoutRefs.current = [];
+        if (!matched && !scrollToEntry(entryId)) {
+          scrollToSessionStart();
+        }
+      }, 1400);
+      entryScrollTimeoutRefs.current.push(fallbackId);
+    });
+    return () => {
+      if (entryScrollFrameRef.current != null) {
+        window.cancelAnimationFrame(entryScrollFrameRef.current);
+        entryScrollFrameRef.current = null;
+      }
+      for (const timeoutId of entryScrollTimeoutRefs.current) {
+        window.clearTimeout(timeoutId);
+      }
+      entryScrollTimeoutRefs.current = [];
+    };
+  }, [hasMessages, scrollEntryId, scrollToEntry, scrollToSessionStart]);
   const handleSelectTurn = useCallback12((turnId) => {
     document.getElementById(turnId)?.scrollIntoView({ behavior: "smooth", block: "start" });
   }, []);
@@ -8514,8 +8699,9 @@ function MessageList({
           {
             contextRef: stickContextRef,
             className: "h-full overflow-y-hidden",
-            initial: "instant",
+            initial: shouldAnchorEntry ? "instant" : "instant",
             resize: stickyTurn ? { damping: 0.8, stiffness: 0.08, mass: 1 } : "instant",
+            targetScrollTop: shouldAnchorEntry ? getAnchorTargetScrollTop : void 0,
             children: [
               /* @__PURE__ */ jsx37(StickToBottom.Content, { className: "px-5 py-6", children: /* @__PURE__ */ jsx37(
                 MessageListContent,
@@ -8536,7 +8722,8 @@ function MessageList({
               ) }),
               /* @__PURE__ */ jsx37(ScrollToBottomButton, {})
             ]
-          }
+          },
+          scrollEntryId ?? "latest"
         )
       ]
     }
@@ -8581,31 +8768,40 @@ function MessageListContent({
       /* @__PURE__ */ jsx37("span", { className: "text-sm opacity-60", children: "\u5728\u4E0B\u65B9\u8F93\u5165\u6D88\u606F\u5F00\u59CB\u804A\u5929" })
     ] }) : renderBlocks.map((block, blockIndex) => {
       if (block.type === "message") {
-        return /* @__PURE__ */ jsx37("div", { className: "msg-animate", children: isUserMessage(block.message) ? customization?.components?.UserMessage ? /* @__PURE__ */ jsx37(
-          customization.components.UserMessage,
-          {
-            message: block.message,
-            className: customization.classNames?.userMessage
-          }
-        ) : /* @__PURE__ */ jsx37(
-          UserMessageBubble,
-          {
-            message: block.message,
-            className: customization?.classNames?.userMessage
-          }
-        ) : isErrorMessage(block.message) ? customization?.components?.ErrorMessage ? /* @__PURE__ */ jsx37(
-          customization.components.ErrorMessage,
-          {
-            message: block.message,
-            className: customization.classNames?.errorMessage
-          }
-        ) : /* @__PURE__ */ jsx37(
-          ErrorMessageBlock,
+        return /* @__PURE__ */ jsx37(
+          "div",
           {
-            message: block.message,
-            className: customization?.classNames?.errorMessage
-          }
-        ) : null }, block.key);
+            id: block.anchorId ?? void 0,
+            "data-entry-id": block.message.entry_id,
+            className: "msg-animate scroll-mt-6",
+            children: isUserMessage(block.message) ? customization?.components?.UserMessage ? /* @__PURE__ */ jsx37(
+              customization.components.UserMessage,
+              {
+                message: block.message,
+                className: customization.classNames?.userMessage
+              }
+            ) : /* @__PURE__ */ jsx37(
+              UserMessageBubble,
+              {
+                message: block.message,
+                className: customization?.classNames?.userMessage
+              }
+            ) : isErrorMessage(block.message) ? customization?.components?.ErrorMessage ? /* @__PURE__ */ jsx37(
+              customization.components.ErrorMessage,
+              {
+                message: block.message,
+                className: customization.classNames?.errorMessage
+              }
+            ) : /* @__PURE__ */ jsx37(
+              ErrorMessageBlock,
+              {
+                message: block.message,
+                className: customization?.classNames?.errorMessage
+              }
+            ) : null
+          },
+          block.key
+        );
       }
       if (block.type === "assistant_turn") {
         const nextBlock = renderBlocks[blockIndex + 1];
@@ -8621,6 +8817,7 @@ function MessageListContent({
           {
             id: block.anchorId,
             "data-turn-id": block.anchorId,
+            "data-entry-id": block.messages[0]?.entry_id,
             className: "msg-animate flex scroll-mt-6 flex-col gap-4",
             children: [
               /* @__PURE__ */ jsx37(
@@ -8735,6 +8932,8 @@ function ChatView({
   inputLabel,
   onDoubleEscape,
   composerHint,
+  scrollToStartKey,
+  scrollToEntryKey,
   classNames,
   components,
   renderers
@@ -8789,7 +8988,9 @@ function ChatView({
         onAnswer: isViewer ? void 0 : (msg, toolCallId, answerData) => send(msg, mode, { tool_call_id: toolCallId, ...answerData }),
         sessionStatus,
         onConfirmPlan: isViewer ? void 0 : onConfirmPlan,
-        customization
+        customization,
+        scrollToStartKey,
+        scrollToEntryKey
       },
       sessionId
     ),
@@ -8878,4 +9079,4 @@ use-stick-to-bottom/dist/StickToBottom.js:
    *  Licensed under the MIT License. See License.txt in the project root for license information.
    *--------------------------------------------------------------------------------------------*)
 */
-//# sourceMappingURL=chunk-X2NJKKXR.js.map
+//# sourceMappingURL=chunk-N2OE5MVV.js.map