@blade-hq/agent-kit 1.0.27 → 1.0.28

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

@@ -13,10 +13,10 @@ import {
   getCodeLanguageFromFilename,
   parseAskUserQuestion,
   useHighlightedCodeHtml
-} from "./chunk-TE6G6NVX.js";
+} from "./chunk-OGHUIKCY.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
@@ -2935,7 +2938,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]);
@@ -3528,7 +3536,7 @@ function ChatInput({
       onSend(nextPayload, {
         targetSessionId: uploadTargetSessionId,
         model: selectedModel || null,
-        thinkingOverride: sessionThinking != null || thinkingPreference != null ? thinkingEnabled : void 0
+        thinkingOverride: thinkingAvailable && (sessionThinking != null || thinkingPreference != null) ? thinkingEnabled : void 0
       });
       if (text.trim()) {
         inputHistory.addEntry(text);
@@ -3859,7 +3867,7 @@ function ChatInput({
                             }
                           )
                         ] }) : null,
-                        /* @__PURE__ */ jsx10(
+                        thinkingAvailable ? /* @__PURE__ */ jsx10(
                           ThinkingToggle,
                           {
                             enabled: thinkingEnabled,
@@ -3868,7 +3876,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" }),
@@ -8218,6 +8226,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 +8319,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 +8411,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 +8460,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 +8532,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 +8671,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 +8694,8 @@ function MessageList({
               ) }),
               /* @__PURE__ */ jsx37(ScrollToBottomButton, {})
             ]
-          }
+          },
+          scrollEntryId ?? "latest"
         )
       ]
     }
@@ -8581,31 +8740,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 +8789,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 +8904,8 @@ function ChatView({
   inputLabel,
   onDoubleEscape,
   composerHint,
+  scrollToStartKey,
+  scrollToEntryKey,
   classNames,
   components,
   renderers
@@ -8789,7 +8960,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 +9051,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-BGNKHPCD.js.map