@blade-hq/agent-kit 0.5.6 → 0.5.10

package/dist/{chunk-VPWN6VS4.js → chunk-G2LJZTPX.js}

@@ -8,14 +8,15 @@ import {
   getCodeLanguageFromFilename,
   parseAskUserQuestion,
   useHighlightedCodeHtml
-} from "./chunk-PX53WJ2C.js";
+} from "./chunk-GIE2Q2MB.js";
 import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger,
   resolveSessionFilePreviewTarget
-} from "./chunk-NOUG4L43.js";
+} from "./chunk-X3S36RR2.js";
 import {
+  apiFetchResponse,
   buildMessageContent,
   buildToolPreviewKey,
   contentPreview,
@@ -57,7 +58,7 @@ import {
   useUiBridgeStore,
   useUiStore,
   writeFile
-} from "./chunk-D7IT5PRL.js";
+} from "./chunk-UM7G65GH.js";
 import {
   registerBridgeIframe,
   tapBridgeEvent
@@ -66,7 +67,7 @@ import {
   ModelOption,
   ModelsConfig,
   ModelsResource
-} from "./chunk-CBO2A567.js";
+} from "./chunk-ETHPRRT2.js";
 import {
   cn,
   copyToClipboard
@@ -77,7 +78,7 @@ import {
 
 // src/react/components/chat/ChatView.tsx
 import { Eye } from "lucide-react";
-import { useCallback as useCallback13 } from "react";
+import { useCallback as useCallback13, useMemo as useMemo18 } from "react";
 
 // src/react/hooks/use-chat.ts
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -2121,11 +2122,22 @@ function isImageAttachment(attachment) {
 function buildSubmitPayload(text, attachments, pendingContexts, onBeforeSend) {
   const validAttachments = attachments.filter((attachment) => attachment.status !== "failed");
   const payload = buildMessageContent(text, validAttachments);
-  const contextParts = pendingContexts.map((context) => ({
-    type: "text",
-    text: `[\u4E0A\u4E0B\u6587: ${context.label}]
+  const contextParts = pendingContexts.flatMap((context) => {
+    const parts = [
+      {
+        type: "text",
+        text: `[\u4E0A\u4E0B\u6587: ${context.label}]
 ${context.content}`
-  }));
+      }
+    ];
+    if (context.imageUrl) {
+      parts.push({
+        type: "image_url",
+        image_url: { url: context.imageUrl }
+      });
+    }
+    return parts;
+  });
   const mergedPayload = contextParts.length === 0 ? payload : typeof payload === "string" ? payload.trim() ? [...contextParts, { type: "text", text: payload }] : contextParts : [...contextParts, ...payload];
   return onBeforeSend ? onBeforeSend(mergedPayload) : mergedPayload;
 }
@@ -2430,12 +2442,23 @@ function ComposerContextPill({
   id,
   label,
   content,
+  imageUrl,
   onRemove
 }) {
   const [showDetail, setShowDetail] = useState8(false);
   const tokenK = formatTokenK(content);
   return /* @__PURE__ */ jsxs8(Fragment2, { children: [
     /* @__PURE__ */ jsxs8("div", { className: "flex shrink-0 items-center gap-1.5 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--accent))] px-2.5 py-1 text-[11px] text-[hsl(var(--foreground))]", children: [
+      imageUrl ? /* @__PURE__ */ jsx9(
+        "button",
+        {
+          type: "button",
+          onClick: () => setShowDetail(true),
+          className: "h-6 w-6 overflow-hidden rounded-md border border-[hsl(var(--border))] bg-white",
+          title: "\u67E5\u770B\u9009\u4E2D\u533A\u57DF\u622A\u56FE",
+          children: /* @__PURE__ */ jsx9("img", { src: imageUrl, alt: "\u9009\u4E2D\u533A\u57DF\u622A\u56FE", className: "h-full w-full object-cover" })
+        }
+      ) : null,
       /* @__PURE__ */ jsx9(
         "button",
         {
@@ -2481,7 +2504,10 @@ function ComposerContextPill({
             onKeyDown: (e) => e.stopPropagation(),
             children: [
               /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between border-b border-[hsl(var(--border))] px-6 py-3", children: [
-                /* @__PURE__ */ jsx9("h4", { className: "text-xs font-semibold text-[hsl(var(--foreground))]", children: label }),
+                /* @__PURE__ */ jsxs8("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ jsx9("h4", { className: "truncate text-xs font-semibold text-[hsl(var(--foreground))]", children: label }),
+                  imageUrl ? /* @__PURE__ */ jsx9("p", { className: "mt-0.5 text-[11px] text-[hsl(var(--muted-foreground))]", children: "\u5DF2\u9644\u52A0\u9009\u4E2D\u533A\u57DF\u622A\u56FE\uFF0C\u975E\u591A\u6A21\u6001\u6A21\u578B\u4F1A\u81EA\u52A8\u5FFD\u7565\u56FE\u7247\u3002" }) : null
+                ] }),
                 /* @__PURE__ */ jsx9(
                   "button",
                   {
@@ -2492,7 +2518,10 @@ function ComposerContextPill({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx9("div", { className: "min-h-0 flex-1 overflow-y-auto px-6 py-4", children: /* @__PURE__ */ jsx9("pre", { className: "whitespace-pre-wrap break-words font-mono text-[11px] leading-[1.6] text-[hsl(var(--foreground)/0.85)]", children: content }) })
+              /* @__PURE__ */ jsxs8("div", { className: "min-h-0 flex-1 overflow-y-auto px-6 py-4", children: [
+                imageUrl ? /* @__PURE__ */ jsx9("div", { className: "mb-4 rounded-xl border border-[hsl(var(--border))] bg-white p-2", children: /* @__PURE__ */ jsx9("img", { src: imageUrl, alt: "\u9009\u4E2D\u533A\u57DF\u622A\u56FE", className: "max-h-72 max-w-full rounded-lg object-contain" }) }) : null,
+                /* @__PURE__ */ jsx9("pre", { className: "whitespace-pre-wrap break-words font-mono text-[11px] leading-[1.6] text-[hsl(var(--foreground)/0.85)]", children: content })
+              ] })
             ]
           }
         )
@@ -3387,6 +3416,7 @@ function ChatInput({
                       id: context.id,
                       label: context.label,
                       content: context.content,
+                      imageUrl: context.imageUrl,
                       onRemove: (contextId) => {
                         if (!activeSessionId) {
                           return;
@@ -3751,10 +3781,10 @@ function ConnectionBanner() {
 import { ChevronDown as ChevronDown3, Lightbulb as Lightbulb2, MessageSquare } from "lucide-react";
 import {
   useCallback as useCallback12,
-  useEffect as useEffect16,
+  useEffect as useEffect17,
   useEffectEvent as useEffectEvent4,
   useMemo as useMemo17,
-  useRef as useRef12,
+  useRef as useRef13,
   useState as useState21
 } from "react";
 
@@ -4184,7 +4214,7 @@ function useStickToBottomContext() {
 
 // src/react/components/chat/AssistantTurnBlock.tsx
 import { AlertCircle, BookOpen, Check as Check4, ChevronRight as ChevronRight5 } from "lucide-react";
-import { useCallback as useCallback11, useEffect as useEffect14, useMemo as useMemo15, useRef as useRef11, useState as useState18 } from "react";
+import { memo as memo3, useCallback as useCallback11, useEffect as useEffect15, useMemo as useMemo15, useRef as useRef12, useState as useState18 } from "react";
 
 // src/react/routes.ts
 var MEMORIES_ROUTE = "/memories";
@@ -4466,7 +4496,7 @@ ReasoningContent.displayName = "ReasoningContent";
 
 // src/react/components/chat/AgentLoopBlock.tsx
 import { Bot, Check as Check3, ChevronRight as ChevronRight4, FileText as FileText6, Loader2 as Loader24, MessageSquareMore as MessageSquareMore2 } from "lucide-react";
-import { useEffect as useEffect13, useMemo as useMemo14, useState as useState17 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo14, useState as useState17 } from "react";
 
 // src/react/components/chat/ResourceIframe.tsx
 import { useEffect as useEffect10, useEffectEvent as useEffectEvent3, useRef as useRef9, useState as useState11 } from "react";
@@ -5752,7 +5782,8 @@ function buildAskUserPayload(argumentsJson) {
 }
 
 // src/react/components/chat/UserMessageBubble.tsx
-import { useState as useState16 } from "react";
+import { useQueries } from "@tanstack/react-query";
+import { useEffect as useEffect13, useRef as useRef11, useState as useState16 } from "react";
 
 // src/react/lib/preview-dispatch.ts
 var IMAGE_EXTS = [
@@ -6253,29 +6284,47 @@ function UserMessageBubble({ message, className }) {
       )
     ] }) });
   }
-  const imageTextAttachments = activeSessionId ? textAttachments.flatMap((attachment) => {
-    if (!isImageTextAttachment(attachment.name, attachment.uploadedPath)) {
-      return [];
-    }
-    const pathForUrl = attachment.uploadedPath ?? attachment.name;
-    return [
-      {
-        ...attachment,
-        url: buildSessionFileUrl(activeSessionId, pathForUrl)
-      }
-    ];
+  const imageTextAttachmentMeta = activeSessionId ? textAttachments.flatMap((attachment) => {
+    if (!isImageTextAttachment(attachment.name, attachment.uploadedPath)) return [];
+    return [{ ...attachment, filePath: attachment.uploadedPath ?? attachment.name }];
   }) : [];
   const nonImageTextAttachments = textAttachments.filter(
     (attachment) => !isImageTextAttachment(attachment.name, attachment.uploadedPath)
   );
+  const imageAttachmentQueries = useQueries({
+    queries: imageTextAttachmentMeta.map((att) => ({
+      queryKey: ["session-image", activeSessionId, att.filePath],
+      queryFn: async ({ signal }) => {
+        const apiPath = `/api/sessions/${encodeURIComponent(activeSessionId)}/files/${encodeURIComponent(att.filePath)}`;
+        const res = await apiFetchResponse(apiPath, { signal });
+        const blob = await res.blob();
+        return URL.createObjectURL(blob);
+      },
+      enabled: !!activeSessionId
+    }))
+  });
+  const blobUrlMapRef = useRef11(/* @__PURE__ */ new Map());
+  for (let i = 0; i < imageAttachmentQueries.length; i++) {
+    const url = imageAttachmentQueries[i].data;
+    const key = imageTextAttachmentMeta[i]?.filePath ?? String(i);
+    const prev = blobUrlMapRef.current.get(key);
+    if (prev && url && prev !== url) URL.revokeObjectURL(prev);
+    if (url) blobUrlMapRef.current.set(key, url);
+  }
+  useEffect13(() => {
+    const urls = blobUrlMapRef.current;
+    return () => {
+      for (const u of urls.values()) URL.revokeObjectURL(u);
+    };
+  }, []);
   const lightboxImages = [
     ...imageParts.map((part) => ({
       src: part.image_url.url,
       alt: "\u7528\u6237\u4E0A\u4F20\u7684\u56FE\u7247"
     })),
-    ...imageTextAttachments.map((attachment) => ({
-      src: attachment.url,
-      alt: attachment.name || "\u7528\u6237\u4E0A\u4F20\u7684\u56FE\u7247"
+    ...imageAttachmentQueries.map((q, i) => ({
+      src: q.data ?? "",
+      alt: imageTextAttachmentMeta[i]?.name || "\u7528\u6237\u4E0A\u4F20\u7684\u56FE\u7247"
     }))
   ];
   const [lightboxIndex, setLightboxIndex] = useState16(null);
@@ -6299,7 +6348,7 @@ function UserMessageBubble({ message, className }) {
     setPreview({ filename: attachment.name, url, mode });
   };
   return /* @__PURE__ */ jsx28("div", { className: cn("flex justify-end", className), children: /* @__PURE__ */ jsxs23("div", { className: "group flex max-w-[72%] flex-col items-end gap-3", children: [
-    (imageParts.length > 0 || imageTextAttachments.length > 0) && /* @__PURE__ */ jsxs23("div", { className: "grid gap-2", children: [
+    (imageParts.length > 0 || imageTextAttachmentMeta.length > 0) && /* @__PURE__ */ jsxs23("div", { className: "grid gap-2", children: [
       imageParts.map((part, idx) => /* @__PURE__ */ jsx28(
         "button",
         {
@@ -6318,24 +6367,34 @@ function UserMessageBubble({ message, className }) {
         },
         part.image_url.url
       )),
-      imageTextAttachments.map((attachment, idx) => /* @__PURE__ */ jsx28(
-        "button",
-        {
-          type: "button",
-          onClick: () => setLightboxIndex(imageParts.length + idx),
-          className: "cursor-zoom-in",
-          title: "\u67E5\u770B\u5927\u56FE",
-          children: /* @__PURE__ */ jsx28(
-            "img",
-            {
-              src: attachment.url,
-              alt: attachment.name || "\u7528\u6237\u4E0A\u4F20\u7684\u56FE\u7247",
-              className: "max-h-64 rounded-xl border border-[hsl(var(--user-msg-border))] object-cover"
-            }
-          )
-        },
-        `${attachment.uploadedPath}:${attachment.name}`
-      ))
+      imageTextAttachmentMeta.map((att, idx) => {
+        const blobUrl = imageAttachmentQueries[idx]?.data;
+        return blobUrl ? /* @__PURE__ */ jsx28(
+          "button",
+          {
+            type: "button",
+            onClick: () => setLightboxIndex(imageParts.length + idx),
+            className: "cursor-zoom-in",
+            title: "\u67E5\u770B\u5927\u56FE",
+            children: /* @__PURE__ */ jsx28(
+              "img",
+              {
+                src: blobUrl,
+                alt: att.name || "\u7528\u6237\u4E0A\u4F20\u7684\u56FE\u7247",
+                className: "max-h-64 rounded-xl border border-[hsl(var(--user-msg-border))] object-cover"
+              }
+            )
+          },
+          `${att.uploadedPath}:${att.name}`
+        ) : imageAttachmentQueries[idx]?.isError ? null : /* @__PURE__ */ jsx28(
+          "div",
+          {
+            className: "flex h-20 items-center justify-center rounded-xl border border-[hsl(var(--user-msg-border))] bg-[hsl(var(--muted)/0.3)] text-xs text-[hsl(var(--muted-foreground))]",
+            children: "\u52A0\u8F7D\u4E2D..."
+          },
+          `${att.uploadedPath}:${att.name}`
+        );
+      })
     ] }),
     lightboxImages.length > 0 && /* @__PURE__ */ jsx28(
       ImageLightbox,
@@ -6496,7 +6555,7 @@ function AgentLoopBlock({ toolCall, sessionId, reasoning }) {
     ),
     [childMessages]
   );
-  useEffect13(() => {
+  useEffect14(() => {
     if (hasAwaitingAnswer) {
       setExpanded(true);
     }
@@ -6820,6 +6879,8 @@ function getLoopCardStyles(status) {
 
 // src/react/components/chat/AssistantTurnBlock.tsx
 import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+var EMPTY_MESSAGES3 = [];
+var EMPTY_AGENT_LOOPS2 = {};
 function defaultTurnDisplayMode({
   forceExpanded,
   hasActionableToolCall
@@ -6954,7 +7015,7 @@ function collectTurnMessages({
   });
   return merged;
 }
-function AssistantTurnBlock({
+function AssistantTurnBlockBase({
   sessionId,
   messages: rawMessages,
   isStreaming = false,
@@ -6967,6 +7028,10 @@ function AssistantTurnBlock({
 }) {
   const messages = Array.isArray(rawMessages) ? rawMessages : [];
   const allToolCalls = useMemo15(() => messages.flatMap((m) => m.tool_calls ?? []), [messages]);
+  const hasAgentToolCall = useMemo15(
+    () => allToolCalls.some((toolCall) => formatToolName(toolCall.name) === "Agent"),
+    [allToolCalls]
+  );
   const hasActionableToolCall = useMemo15(
     () => allToolCalls.some(
       (tc) => tc.status === "error" || tc.status === "cancelled" || formatToolName(tc.name) === "AskUserQuestion" && tc.status === "awaiting_answer"
@@ -6976,18 +7041,22 @@ function AssistantTurnBlock({
   const [displayMode, setDisplayMode] = useState18(
     defaultTurnDisplayMode({ forceExpanded, hasActionableToolCall })
   );
-  const wasStreamingRef = useRef11(isStreaming);
-  useEffect14(() => {
+  const wasStreamingRef = useRef12(isStreaming);
+  useEffect15(() => {
     if (wasStreamingRef.current && !isStreaming && !forceExpanded) {
       setDisplayMode(defaultTurnDisplayMode({ forceExpanded, hasActionableToolCall }));
     }
     wasStreamingRef.current = isStreaming;
   }, [forceExpanded, hasActionableToolCall, isStreaming]);
-  const sessionMessages = useChatStore((state) => state.messages[sessionId] ?? []);
-  const agentLoops = useChatStore((state) => state.agentLoops[sessionId] ?? {});
+  const sessionMessages = useChatStore(
+    (state) => hasAgentToolCall ? state.messages[sessionId] ?? EMPTY_MESSAGES3 : EMPTY_MESSAGES3
+  );
+  const agentLoops = useChatStore(
+    (state) => hasAgentToolCall ? state.agentLoops[sessionId] ?? EMPTY_AGENT_LOOPS2 : EMPTY_AGENT_LOOPS2
+  );
   const turnMessages = useMemo15(
-    () => collectTurnMessages({ rootMessages: messages, sessionMessages, agentLoops }),
-    [agentLoops, messages, sessionMessages]
+    () => hasAgentToolCall ? collectTurnMessages({ rootMessages: messages, sessionMessages, agentLoops }) : messages,
+    [agentLoops, hasAgentToolCall, messages, sessionMessages]
   );
   const resourceBlocks = useMemo15(() => getInlineResourceBlocks(turnMessages), [turnMessages]);
   const finalMessage = useMemo15(() => getLastTextMessage(turnMessages), [turnMessages]);
@@ -7061,6 +7130,10 @@ function AssistantTurnBlock({
     }
   );
 }
+function areAssistantTurnBlockPropsEqual(prev, next) {
+  return prev.turnKey === next.turnKey && prev.sessionId === next.sessionId && prev.messages === next.messages && prev.isStreaming === next.isStreaming && prev.isLastTurn === next.isLastTurn && prev.askAnswers === next.askAnswers && prev.onAnswer === next.onAnswer && prev.sessionStatus === next.sessionStatus && prev.level === next.level && prev.forceExpanded === next.forceExpanded && prev.customization === next.customization;
+}
+var AssistantTurnBlock = memo3(AssistantTurnBlockBase, areAssistantTurnBlockPropsEqual);
 function AssistantMessages({
   messages,
   isStreaming,
@@ -7630,7 +7703,7 @@ import {
   TerminalSquare,
   WandSparkles
 } from "lucide-react";
-import { useEffect as useEffect15, useMemo as useMemo16, useState as useState20 } from "react";
+import { useEffect as useEffect16, useMemo as useMemo16, useState as useState20 } from "react";
 import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
 var EMPTY_EVENTS = [];
 function formatElapsedDuration(durationMs) {
@@ -7710,7 +7783,7 @@ function getTurnStartedAt(events) {
 }
 function useElapsedDuration(startedAt, active) {
   const [now, setNow] = useState20(() => Date.now());
-  useEffect15(() => {
+  useEffect16(() => {
     if (!active || startedAt == null) {
       return;
     }
@@ -7846,45 +7919,34 @@ function getAssistantTurnPreview(messages) {
   return "\u672C\u8F6E\u56DE\u590D";
 }
 function getMessageMeasureSignature(message) {
-  const contentSize = typeof message.content === "string" ? message.content.length : message.content.reduce((size, part) => size + JSON.stringify(part).length, 0);
+  const contentSize = typeof message.content === "string" ? message.content.length : message.content.length;
   return [
     message.entry_id ?? message.timestamp ?? message.role,
     message.status ?? "",
     message.reasoning?.length ?? 0,
     message.tool_calls?.length ?? 0,
+    message.blocks?.length ?? 0,
     contentSize
   ].join(":");
 }
 function getMessagesMeasureSignature(messages) {
   return messages.map((message) => getMessageMeasureSignature(message)).join("|");
 }
-function safeJson(value) {
-  try {
-    return JSON.stringify(value);
-  } catch {
-    return String(value);
-  }
-}
-function hashString(value) {
-  let hash = 0;
-  for (let index = 0; index < value.length; index += 1) {
-    hash = hash * 31 + value.charCodeAt(index) | 0;
-  }
-  return hash.toString(36);
-}
-function getMessageRenderSignature(message) {
+function getMessageResetSignature(message) {
+  const contentSize = typeof message.content === "string" ? message.content.length : message.content.length;
+  const toolSignature = message.tool_calls?.map((toolCall) => `${toolCall.id}:${toolCall.status}:${toolCall.result == null ? 0 : 1}`).join(",") ?? "";
   return [
     message.entry_id ?? message.timestamp ?? message.role,
     message.status ?? "",
-    hashString(safeJson(message.content)),
-    hashString(message.reasoning ?? ""),
-    hashString(safeJson(message.tool_calls ?? [])),
-    hashString(safeJson(message.blocks ?? [])),
-    hashString(safeJson(message.memory_refs ?? []))
+    contentSize,
+    message.reasoning?.length ?? 0,
+    message.blocks?.length ?? 0,
+    message.memory_refs?.length ?? 0,
+    toolSignature
   ].join(":");
 }
-function getMessagesRenderSignature(messages) {
-  return messages.map((message) => getMessageRenderSignature(message)).join("|");
+function getMessagesResetSignature(messages) {
+  return messages.map((message) => getMessageResetSignature(message)).join("|");
 }
 function findScrollContainer(start) {
   let current = start;
@@ -7909,7 +7971,17 @@ function MessageList({
   const agentLoops = useChatStore((state) => state.agentLoops[sessionId]);
   const askAnswers = useChatStore((state) => state.askAnswers[sessionId]);
   const agentLoopNameSet = useMemo17(() => new Set(Object.keys(agentLoops ?? {})), [agentLoops]);
+  const assistantMessagesCacheRef = useRef13(/* @__PURE__ */ new Map());
   const renderBlocks = useMemo17(() => {
+    const stableAssistantMessages = (key, buffer) => {
+      const previous = assistantMessagesCacheRef.current.get(key);
+      if (previous && previous.length === buffer.length && previous.every((message, index) => message === buffer[index])) {
+        return previous;
+      }
+      const next = [...buffer];
+      assistantMessagesCacheRef.current.set(key, next);
+      return next;
+    };
     const visible = messages.filter((message) => {
       const loopName = message.loop_name ?? "root";
       if (loopName !== "root") return false;
@@ -7927,13 +7999,15 @@ function MessageList({
       assistantTurnCount += 1;
       const last = assistantBuffer[assistantBuffer.length - 1];
       const isStreaming = assistantBuffer.some((message) => message.status === "streaming");
+      const key = last.entry_id ?? `assistant-${blocks.length}`;
+      const stableMessages = stableAssistantMessages(key, assistantBuffer);
       blocks.push({
         type: "assistant_turn",
-        messages: assistantBuffer,
-        key: last.entry_id ?? `assistant-${blocks.length}`,
+        messages: stableMessages,
+        key,
         anchorId: `chat-turn-${assistantTurnCount}`,
         isStreaming,
-        railTitle: lastUserPreview || getAssistantTurnPreview(assistantBuffer)
+        railTitle: lastUserPreview || getAssistantTurnPreview(stableMessages)
       });
       assistantBuffer = [];
     };
@@ -7972,6 +8046,14 @@ function MessageList({
       });
     }
     flushAssistant();
+    const activeAssistantKeys = new Set(
+      blocks.filter((block) => block.type === "assistant_turn").map((block) => block.key)
+    );
+    for (const key of assistantMessagesCacheRef.current.keys()) {
+      if (!activeAssistantKeys.has(key)) {
+        assistantMessagesCacheRef.current.delete(key);
+      }
+    }
     return blocks;
   }, [agentLoopNameSet, messages]);
   const hasInterruptedTurn = useMemo17(
@@ -8001,9 +8083,9 @@ function MessageList({
     ) ?? null,
     [lastTurnId, renderBlocks]
   );
-  const containerRef = useRef12(null);
-  const scrollContainerRef = useRef12(null);
-  const frameRef = useRef12(null);
+  const containerRef = useRef13(null);
+  const scrollContainerRef = useRef13(null);
+  const frameRef = useRef13(null);
   const [activeTurnId, setActiveTurnId] = useState21(lastTurnId);
   const layoutSignature = useMemo17(
     () => getMessagesMeasureSignature(messages),
@@ -8045,7 +8127,7 @@ function MessageList({
       measureActiveTurn();
     });
   });
-  useEffect16(() => {
+  useEffect17(() => {
     scrollContainerRef.current = findScrollContainer(containerRef.current);
     const sc = scrollContainerRef.current;
     if (!sc) return;
@@ -8061,7 +8143,7 @@ function MessageList({
       }
     };
   }, [scheduleMeasure]);
-  useEffect16(() => {
+  useEffect17(() => {
     scheduleMeasure();
   }, [lastTurnId, layoutSignature, scheduleMeasure]);
   const handleSelectTurn = useCallback12((turnId) => {
@@ -8191,7 +8273,7 @@ function MessageListContent({
                 {
                   label: "\u52A9\u624B\u6D88\u606F",
                   details: block.key,
-                  resetKey: getMessagesRenderSignature(block.messages),
+                  resetKey: getMessagesResetSignature(block.messages),
                   children: customization?.components?.AssistantTurn ? /* @__PURE__ */ jsx35(
                     customization.components.AssistantTurn,
                     {
@@ -8324,7 +8406,10 @@ function ChatView({
     },
     [send]
   );
-  const customization = { classNames, components, renderers };
+  const customization = useMemo18(
+    () => ({ classNames, components, renderers }),
+    [classNames, components, renderers]
+  );
   const SkillStatus = components?.SkillStatusBar;
   return /* @__PURE__ */ jsxs31("div", { className: `flex min-h-0 flex-1 flex-col overflow-hidden ${classNames?.root ?? ""}`, children: [
     isViewer && /* @__PURE__ */ jsxs31("div", { className: `flex items-center justify-center gap-2 border-b border-[hsl(var(--border))] bg-[hsl(var(--card))] py-2 text-xs text-[hsl(var(--muted-foreground))] ${classNames?.viewerBanner ?? ""}`, children: [
@@ -8420,4 +8505,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-VPWN6VS4.js.map
+//# sourceMappingURL=chunk-G2LJZTPX.js.map