@xinghunm/ai-chat 0.3.0 → 0.4.0

package/dist/index.js

@@ -1069,6 +1069,83 @@ var buildAnchoredTimelineSegments = ({
 };
 
 // src/components/chat-thread/hooks/use-timeline-block-anchors.ts
+var createTimelineAnchorState = ({
+  messageId,
+  currentBlockKeys
+}) => ({
+  messageId,
+  previousBlockKeys: currentBlockKeys,
+  timelineBlockAnchors: {},
+  visibleTimelineBlockKeys: {}
+});
+var timelineAnchorReducer = (state, action) => {
+  switch (action.type) {
+    case "reset-message":
+      if (state.messageId === action.messageId) {
+        return state;
+      }
+      return createTimelineAnchorState(action);
+    case "sync-anchors": {
+      const previousBlockKeys = new Set(state.previousBlockKeys);
+      const nextAnchors = action.currentBlockKeys.reduce(
+        (acc, blockKey) => {
+          const existingAnchor = state.timelineBlockAnchors[blockKey];
+          if (existingAnchor !== void 0) {
+            acc[blockKey] = existingAnchor;
+            return acc;
+          }
+          if (!previousBlockKeys.has(blockKey)) {
+            acc[blockKey] = action.timelineTextStreamLength;
+          }
+          return acc;
+        },
+        {}
+      );
+      const hasAnchorChanged = Object.keys(nextAnchors).length !== Object.keys(state.timelineBlockAnchors).length || Object.entries(nextAnchors).some(
+        ([blockKey, anchor]) => state.timelineBlockAnchors[blockKey] !== anchor
+      );
+      const hasPreviousKeysChanged = action.currentBlockKeys.length !== state.previousBlockKeys.length || action.currentBlockKeys.some(
+        (blockKey, index) => state.previousBlockKeys[index] !== blockKey
+      );
+      if (!hasAnchorChanged && !hasPreviousKeysChanged) {
+        return state;
+      }
+      return {
+        ...state,
+        previousBlockKeys: action.currentBlockKeys,
+        timelineBlockAnchors: hasAnchorChanged ? nextAnchors : state.timelineBlockAnchors
+      };
+    }
+    case "sync-visible": {
+      const nextVisibleBlockKeys = action.currentBlockKeys.reduce(
+        (acc, blockKey) => {
+          if (state.visibleTimelineBlockKeys[blockKey]) {
+            acc[blockKey] = true;
+            return acc;
+          }
+          const anchor = action.effectiveTimelineBlockAnchors[blockKey];
+          if (anchor !== void 0 && anchor <= action.displayedTimelineTextLength) {
+            acc[blockKey] = true;
+          }
+          return acc;
+        },
+        {}
+      );
+      const hasVisibleBlockChanged = Object.keys(nextVisibleBlockKeys).length !== Object.keys(state.visibleTimelineBlockKeys).length || Object.keys(nextVisibleBlockKeys).some(
+        (blockKey) => !state.visibleTimelineBlockKeys[blockKey]
+      );
+      if (!hasVisibleBlockChanged) {
+        return state;
+      }
+      return {
+        ...state,
+        visibleTimelineBlockKeys: nextVisibleBlockKeys
+      };
+    }
+    default:
+      return state;
+  }
+};
 var useTimelineBlockAnchors = ({
   blocks,
   displayedTimelineTextLength,
@@ -1076,8 +1153,6 @@ var useTimelineBlockAnchors = ({
   message,
   messageRenderOrder
 }) => {
-  const [timelineBlockAnchors, setTimelineBlockAnchors] = (0, import_react6.useState)({});
-  const [visibleTimelineBlockKeys, setVisibleTimelineBlockKeys] = (0, import_react6.useState)({});
   const currentTimelineBlockKeys = (0, import_react6.useMemo)(
     () => blocks.map((block, index) => getTimelineBlockKey(block, index)).filter((blockKey) => Boolean(blockKey)),
     [blocks]
@@ -1086,20 +1161,22 @@ var useTimelineBlockAnchors = ({
     () => getTimelineDisplayUnitCount(getTimelineTextStream(message.content, blocks)),
     [blocks, message.content]
   );
-  const previousTimelineStateRef = (0, import_react6.useRef)({
-    messageId: message.id,
-    blockKeys: currentTimelineBlockKeys,
-    textLength: timelineTextStreamLength
-  });
+  const [state, dispatch] = (0, import_react6.useReducer)(
+    timelineAnchorReducer,
+    {
+      messageId: message.id,
+      currentBlockKeys: currentTimelineBlockKeys
+    },
+    createTimelineAnchorState
+  );
   const effectiveTimelineBlockAnchors = (0, import_react6.useMemo)(() => {
     if (messageRenderOrder !== "timeline" || !isAssistantStreaming) {
-      return timelineBlockAnchors;
+      return state.timelineBlockAnchors;
     }
-    const previousTimelineState = previousTimelineStateRef.current;
-    const previousBlockKeys = new Set(previousTimelineState.blockKeys);
+    const previousBlockKeys = new Set(state.previousBlockKeys);
     return currentTimelineBlockKeys.reduce(
       (acc, blockKey) => {
-        const existingAnchor = timelineBlockAnchors[blockKey];
+        const existingAnchor = state.timelineBlockAnchors[blockKey];
         if (existingAnchor !== void 0) {
           acc[blockKey] = existingAnchor;
           return acc;
@@ -1109,107 +1186,52 @@ var useTimelineBlockAnchors = ({
         }
         return acc;
       },
-      { ...timelineBlockAnchors }
+      { ...state.timelineBlockAnchors }
     );
   }, [
     currentTimelineBlockKeys,
     isAssistantStreaming,
     messageRenderOrder,
-    timelineBlockAnchors,
+    state.previousBlockKeys,
+    state.timelineBlockAnchors,
     timelineTextStreamLength
   ]);
   (0, import_react6.useEffect)(() => {
-    const previousTimelineState = previousTimelineStateRef.current;
-    if (previousTimelineState.messageId !== message.id) {
-      if (Object.keys(timelineBlockAnchors).length > 0) {
-        setTimelineBlockAnchors({});
-      }
-      if (Object.keys(visibleTimelineBlockKeys).length > 0) {
-        setVisibleTimelineBlockKeys({});
-      }
-      previousTimelineStateRef.current = {
-        messageId: message.id,
-        blockKeys: currentTimelineBlockKeys,
-        textLength: timelineTextStreamLength
-      };
+    dispatch({
+      type: "reset-message",
+      messageId: message.id,
+      currentBlockKeys: currentTimelineBlockKeys
+    });
+  }, [currentTimelineBlockKeys, message.id]);
+  (0, import_react6.useEffect)(() => {
+    if (messageRenderOrder !== "timeline" || !isAssistantStreaming) {
       return;
     }
-    if (messageRenderOrder === "timeline" && isAssistantStreaming) {
-      const previousBlockKeys = new Set(previousTimelineState.blockKeys);
-      const nextAnchors = currentTimelineBlockKeys.reduce(
-        (acc, blockKey) => {
-          const existingAnchor = timelineBlockAnchors[blockKey];
-          if (existingAnchor !== void 0) {
-            acc[blockKey] = existingAnchor;
-            return acc;
-          }
-          if (!previousBlockKeys.has(blockKey)) {
-            acc[blockKey] = timelineTextStreamLength;
-          }
-          return acc;
-        },
-        {}
-      );
-      const hasAnchorChanged = Object.keys(nextAnchors).length !== Object.keys(timelineBlockAnchors).length || Object.entries(nextAnchors).some(
-        ([blockKey, anchor]) => timelineBlockAnchors[blockKey] !== anchor
-      );
-      if (hasAnchorChanged) {
-        setTimelineBlockAnchors(nextAnchors);
-      }
-    } else if (messageRenderOrder !== "timeline" && Object.keys(timelineBlockAnchors).length > 0) {
-      setTimelineBlockAnchors({});
-    }
-    previousTimelineStateRef.current = {
-      messageId: message.id,
-      blockKeys: currentTimelineBlockKeys,
-      textLength: timelineTextStreamLength
-    };
-  }, [
-    currentTimelineBlockKeys,
-    isAssistantStreaming,
-    message.id,
-    message.content,
-    messageRenderOrder,
-    timelineBlockAnchors,
-    timelineTextStreamLength,
-    visibleTimelineBlockKeys
-  ]);
+    dispatch({
+      type: "sync-anchors",
+      currentBlockKeys: currentTimelineBlockKeys,
+      timelineTextStreamLength
+    });
+  }, [currentTimelineBlockKeys, isAssistantStreaming, messageRenderOrder, timelineTextStreamLength]);
   (0, import_react6.useEffect)(() => {
     if (messageRenderOrder !== "timeline") {
-      if (Object.keys(visibleTimelineBlockKeys).length > 0) {
-        setVisibleTimelineBlockKeys({});
-      }
       return;
     }
-    const nextVisibleBlockKeys = currentTimelineBlockKeys.reduce(
-      (acc, blockKey) => {
-        if (visibleTimelineBlockKeys[blockKey]) {
-          acc[blockKey] = true;
-          return acc;
-        }
-        const anchor = effectiveTimelineBlockAnchors[blockKey];
-        if (anchor !== void 0 && anchor <= displayedTimelineTextLength) {
-          acc[blockKey] = true;
-        }
-        return acc;
-      },
-      {}
-    );
-    const hasVisibleBlockChanged = Object.keys(nextVisibleBlockKeys).length !== Object.keys(visibleTimelineBlockKeys).length || Object.keys(nextVisibleBlockKeys).some((blockKey) => !visibleTimelineBlockKeys[blockKey]);
-    if (hasVisibleBlockChanged) {
-      setVisibleTimelineBlockKeys(nextVisibleBlockKeys);
-    }
+    dispatch({
+      type: "sync-visible",
+      currentBlockKeys: currentTimelineBlockKeys,
+      effectiveTimelineBlockAnchors,
+      displayedTimelineTextLength
+    });
   }, [
     currentTimelineBlockKeys,
     displayedTimelineTextLength,
     effectiveTimelineBlockAnchors,
-    messageRenderOrder,
-    timelineBlockAnchors,
-    visibleTimelineBlockKeys
+    messageRenderOrder
   ]);
   return {
-    timelineBlockAnchors: effectiveTimelineBlockAnchors,
-    visibleTimelineBlockKeys
+    timelineBlockAnchors: messageRenderOrder === "timeline" ? effectiveTimelineBlockAnchors : {},
+    visibleTimelineBlockKeys: messageRenderOrder === "timeline" ? state.visibleTimelineBlockKeys : {}
   };
 };
 

package/dist/index.mjs

@@ -600,7 +600,7 @@ var AiChatProvider = (props) => {
 };
 
 // src/components/chat-thread/index.tsx
-import { useCallback as useCallback2, useLayoutEffect, useMemo as useMemo4, useRef as useRef5, useState as useState5 } from "react";
+import { useCallback as useCallback2, useLayoutEffect, useMemo as useMemo4, useRef as useRef4, useState as useState4 } from "react";
 import styled9 from "@emotion/styled";
 
 // src/context/use-chat-context.ts
@@ -621,7 +621,7 @@ var useChatStore = (selector) => {
 var CHAT_THREAD_SCROLL_TOP_GAP = 16;
 
 // src/components/chat-thread/components/chat-message-item.tsx
-import { Fragment, memo, useState as useState4 } from "react";
+import { Fragment, memo, useState as useState3 } from "react";
 import styled7 from "@emotion/styled";
 import { keyframes } from "@emotion/react";
 import ReactMarkdown from "react-markdown";
@@ -870,7 +870,7 @@ var useChatMessageReveal = (message) => {
 };
 
 // src/components/chat-thread/hooks/use-timeline-block-anchors.ts
-import { useEffect as useEffect2, useMemo as useMemo3, useRef as useRef3, useState as useState2 } from "react";
+import { useEffect as useEffect2, useMemo as useMemo3, useReducer as useReducer2 } from "react";
 
 // src/components/chat-thread/lib/chat-message-timeline.ts
 var stringifyTimelineKeyPart = (value) => {
@@ -1022,6 +1022,83 @@ var buildAnchoredTimelineSegments = ({
 };
 
 // src/components/chat-thread/hooks/use-timeline-block-anchors.ts
+var createTimelineAnchorState = ({
+  messageId,
+  currentBlockKeys
+}) => ({
+  messageId,
+  previousBlockKeys: currentBlockKeys,
+  timelineBlockAnchors: {},
+  visibleTimelineBlockKeys: {}
+});
+var timelineAnchorReducer = (state, action) => {
+  switch (action.type) {
+    case "reset-message":
+      if (state.messageId === action.messageId) {
+        return state;
+      }
+      return createTimelineAnchorState(action);
+    case "sync-anchors": {
+      const previousBlockKeys = new Set(state.previousBlockKeys);
+      const nextAnchors = action.currentBlockKeys.reduce(
+        (acc, blockKey) => {
+          const existingAnchor = state.timelineBlockAnchors[blockKey];
+          if (existingAnchor !== void 0) {
+            acc[blockKey] = existingAnchor;
+            return acc;
+          }
+          if (!previousBlockKeys.has(blockKey)) {
+            acc[blockKey] = action.timelineTextStreamLength;
+          }
+          return acc;
+        },
+        {}
+      );
+      const hasAnchorChanged = Object.keys(nextAnchors).length !== Object.keys(state.timelineBlockAnchors).length || Object.entries(nextAnchors).some(
+        ([blockKey, anchor]) => state.timelineBlockAnchors[blockKey] !== anchor
+      );
+      const hasPreviousKeysChanged = action.currentBlockKeys.length !== state.previousBlockKeys.length || action.currentBlockKeys.some(
+        (blockKey, index) => state.previousBlockKeys[index] !== blockKey
+      );
+      if (!hasAnchorChanged && !hasPreviousKeysChanged) {
+        return state;
+      }
+      return {
+        ...state,
+        previousBlockKeys: action.currentBlockKeys,
+        timelineBlockAnchors: hasAnchorChanged ? nextAnchors : state.timelineBlockAnchors
+      };
+    }
+    case "sync-visible": {
+      const nextVisibleBlockKeys = action.currentBlockKeys.reduce(
+        (acc, blockKey) => {
+          if (state.visibleTimelineBlockKeys[blockKey]) {
+            acc[blockKey] = true;
+            return acc;
+          }
+          const anchor = action.effectiveTimelineBlockAnchors[blockKey];
+          if (anchor !== void 0 && anchor <= action.displayedTimelineTextLength) {
+            acc[blockKey] = true;
+          }
+          return acc;
+        },
+        {}
+      );
+      const hasVisibleBlockChanged = Object.keys(nextVisibleBlockKeys).length !== Object.keys(state.visibleTimelineBlockKeys).length || Object.keys(nextVisibleBlockKeys).some(
+        (blockKey) => !state.visibleTimelineBlockKeys[blockKey]
+      );
+      if (!hasVisibleBlockChanged) {
+        return state;
+      }
+      return {
+        ...state,
+        visibleTimelineBlockKeys: nextVisibleBlockKeys
+      };
+    }
+    default:
+      return state;
+  }
+};
 var useTimelineBlockAnchors = ({
   blocks,
   displayedTimelineTextLength,
@@ -1029,8 +1106,6 @@ var useTimelineBlockAnchors = ({
   message,
   messageRenderOrder
 }) => {
-  const [timelineBlockAnchors, setTimelineBlockAnchors] = useState2({});
-  const [visibleTimelineBlockKeys, setVisibleTimelineBlockKeys] = useState2({});
   const currentTimelineBlockKeys = useMemo3(
     () => blocks.map((block, index) => getTimelineBlockKey(block, index)).filter((blockKey) => Boolean(blockKey)),
     [blocks]
@@ -1039,20 +1114,22 @@ var useTimelineBlockAnchors = ({
     () => getTimelineDisplayUnitCount(getTimelineTextStream(message.content, blocks)),
     [blocks, message.content]
   );
-  const previousTimelineStateRef = useRef3({
-    messageId: message.id,
-    blockKeys: currentTimelineBlockKeys,
-    textLength: timelineTextStreamLength
-  });
+  const [state, dispatch] = useReducer2(
+    timelineAnchorReducer,
+    {
+      messageId: message.id,
+      currentBlockKeys: currentTimelineBlockKeys
+    },
+    createTimelineAnchorState
+  );
   const effectiveTimelineBlockAnchors = useMemo3(() => {
     if (messageRenderOrder !== "timeline" || !isAssistantStreaming) {
-      return timelineBlockAnchors;
+      return state.timelineBlockAnchors;
     }
-    const previousTimelineState = previousTimelineStateRef.current;
-    const previousBlockKeys = new Set(previousTimelineState.blockKeys);
+    const previousBlockKeys = new Set(state.previousBlockKeys);
     return currentTimelineBlockKeys.reduce(
       (acc, blockKey) => {
-        const existingAnchor = timelineBlockAnchors[blockKey];
+        const existingAnchor = state.timelineBlockAnchors[blockKey];
         if (existingAnchor !== void 0) {
           acc[blockKey] = existingAnchor;
           return acc;
@@ -1062,107 +1139,52 @@ var useTimelineBlockAnchors = ({
         }
         return acc;
       },
-      { ...timelineBlockAnchors }
+      { ...state.timelineBlockAnchors }
     );
   }, [
     currentTimelineBlockKeys,
     isAssistantStreaming,
     messageRenderOrder,
-    timelineBlockAnchors,
+    state.previousBlockKeys,
+    state.timelineBlockAnchors,
     timelineTextStreamLength
   ]);
   useEffect2(() => {
-    const previousTimelineState = previousTimelineStateRef.current;
-    if (previousTimelineState.messageId !== message.id) {
-      if (Object.keys(timelineBlockAnchors).length > 0) {
-        setTimelineBlockAnchors({});
-      }
-      if (Object.keys(visibleTimelineBlockKeys).length > 0) {
-        setVisibleTimelineBlockKeys({});
-      }
-      previousTimelineStateRef.current = {
-        messageId: message.id,
-        blockKeys: currentTimelineBlockKeys,
-        textLength: timelineTextStreamLength
-      };
+    dispatch({
+      type: "reset-message",
+      messageId: message.id,
+      currentBlockKeys: currentTimelineBlockKeys
+    });
+  }, [currentTimelineBlockKeys, message.id]);
+  useEffect2(() => {
+    if (messageRenderOrder !== "timeline" || !isAssistantStreaming) {
       return;
     }
-    if (messageRenderOrder === "timeline" && isAssistantStreaming) {
-      const previousBlockKeys = new Set(previousTimelineState.blockKeys);
-      const nextAnchors = currentTimelineBlockKeys.reduce(
-        (acc, blockKey) => {
-          const existingAnchor = timelineBlockAnchors[blockKey];
-          if (existingAnchor !== void 0) {
-            acc[blockKey] = existingAnchor;
-            return acc;
-          }
-          if (!previousBlockKeys.has(blockKey)) {
-            acc[blockKey] = timelineTextStreamLength;
-          }
-          return acc;
-        },
-        {}
-      );
-      const hasAnchorChanged = Object.keys(nextAnchors).length !== Object.keys(timelineBlockAnchors).length || Object.entries(nextAnchors).some(
-        ([blockKey, anchor]) => timelineBlockAnchors[blockKey] !== anchor
-      );
-      if (hasAnchorChanged) {
-        setTimelineBlockAnchors(nextAnchors);
-      }
-    } else if (messageRenderOrder !== "timeline" && Object.keys(timelineBlockAnchors).length > 0) {
-      setTimelineBlockAnchors({});
-    }
-    previousTimelineStateRef.current = {
-      messageId: message.id,
-      blockKeys: currentTimelineBlockKeys,
-      textLength: timelineTextStreamLength
-    };
-  }, [
-    currentTimelineBlockKeys,
-    isAssistantStreaming,
-    message.id,
-    message.content,
-    messageRenderOrder,
-    timelineBlockAnchors,
-    timelineTextStreamLength,
-    visibleTimelineBlockKeys
-  ]);
+    dispatch({
+      type: "sync-anchors",
+      currentBlockKeys: currentTimelineBlockKeys,
+      timelineTextStreamLength
+    });
+  }, [currentTimelineBlockKeys, isAssistantStreaming, messageRenderOrder, timelineTextStreamLength]);
   useEffect2(() => {
     if (messageRenderOrder !== "timeline") {
-      if (Object.keys(visibleTimelineBlockKeys).length > 0) {
-        setVisibleTimelineBlockKeys({});
-      }
       return;
     }
-    const nextVisibleBlockKeys = currentTimelineBlockKeys.reduce(
-      (acc, blockKey) => {
-        if (visibleTimelineBlockKeys[blockKey]) {
-          acc[blockKey] = true;
-          return acc;
-        }
-        const anchor = effectiveTimelineBlockAnchors[blockKey];
-        if (anchor !== void 0 && anchor <= displayedTimelineTextLength) {
-          acc[blockKey] = true;
-        }
-        return acc;
-      },
-      {}
-    );
-    const hasVisibleBlockChanged = Object.keys(nextVisibleBlockKeys).length !== Object.keys(visibleTimelineBlockKeys).length || Object.keys(nextVisibleBlockKeys).some((blockKey) => !visibleTimelineBlockKeys[blockKey]);
-    if (hasVisibleBlockChanged) {
-      setVisibleTimelineBlockKeys(nextVisibleBlockKeys);
-    }
+    dispatch({
+      type: "sync-visible",
+      currentBlockKeys: currentTimelineBlockKeys,
+      effectiveTimelineBlockAnchors,
+      displayedTimelineTextLength
+    });
   }, [
     currentTimelineBlockKeys,
     displayedTimelineTextLength,
     effectiveTimelineBlockAnchors,
-    messageRenderOrder,
-    timelineBlockAnchors,
-    visibleTimelineBlockKeys
+    messageRenderOrder
   ]);
   return {
-    timelineBlockAnchors: effectiveTimelineBlockAnchors,
-    visibleTimelineBlockKeys
+    timelineBlockAnchors: messageRenderOrder === "timeline" ? effectiveTimelineBlockAnchors : {},
+    visibleTimelineBlockKeys: messageRenderOrder === "timeline" ? state.visibleTimelineBlockKeys : {}
   };
 };
 
@@ -1376,7 +1398,7 @@ var Value = styled3.span`
 `;
 
 // src/components/chat-thread/components/pde-ai-questionnaire-card.tsx
-import { useState as useState3 } from "react";
+import { useState as useState2 } from "react";
 import styled4 from "@emotion/styled";
 import { jsx as jsx5, jsxs as jsxs3 } from "@emotion/react/jsx-runtime";
 var OTHER_OPTION_VALUE = "__other__";
@@ -1478,10 +1500,10 @@ var PDEAIQuestionnaireCardInner = ({
   interactive = false,
   onSubmit
 }) => {
-  const [answers, setAnswers] = useState3(
+  const [answers, setAnswers] = useState2(
     () => createInitialAnswers(questionnaire)
   );
-  const [errorMessage, setErrorMessage] = useState3(null);
+  const [errorMessage, setErrorMessage] = useState2(null);
   const handleSubmit = () => {
     const missingQuestions = questionnaire.questions.filter(
       (question) => question.required && isMissingRequiredAnswer(question, answers)
@@ -1917,7 +1939,7 @@ var Detail = styled5.li`
 
 // src/components/chat-thread/components/image-viewer.tsx
 import styled6 from "@emotion/styled";
-import { useEffect as useEffect3, useRef as useRef4 } from "react";
+import { useEffect as useEffect3, useRef as useRef3 } from "react";
 import { jsx as jsx7 } from "@emotion/react/jsx-runtime";
 var Overlay = styled6.div`
   position: fixed;
@@ -1936,7 +1958,7 @@ var Img = styled6.img`
   border-radius: 4px;
 `;
 var ImageViewer = ({ src, alt, onClose }) => {
-  const overlayRef = useRef4(null);
+  const overlayRef = useRef3(null);
   useEffect3(() => {
     const handleKey = (e) => {
       if (e.key === "Escape")
@@ -2109,7 +2131,7 @@ var ChatMessageItemView = ({
   renderMessageBlock
 }) => {
   const { labels, messageRenderOrder = "blocks-first" } = useChatContext();
-  const [activeImage, setActiveImage] = useState4(void 0);
+  const [activeImage, setActiveImage] = useState3(void 0);
   const {
     displayedBlocks,
     displayedContent,
@@ -2685,7 +2707,7 @@ var ChatThreadView = ({
   onQuestionnaireSubmit,
   renderMessageBlock
 }) => {
-  const containerRef = useRef5(null);
+  const containerRef = useRef4(null);
   const conversationTurns = useMemo4(
     () => groupConversationTurns(historyMessages, streamingMessage),
     [historyMessages, streamingMessage]
@@ -2693,9 +2715,9 @@ var ChatThreadView = ({
   const latestTurn = conversationTurns[conversationTurns.length - 1];
   const previousTurns = conversationTurns.slice(0, -1);
   const latestUserMessageId = latestTurn?.userMessage?.id;
-  const latestUserMessageRef = useRef5(null);
-  const reservedSpaceFrameRef = useRef5(null);
-  const [latestTurnMinHeight, setLatestTurnMinHeight] = useState5(0);
+  const latestUserMessageRef = useRef4(null);
+  const reservedSpaceFrameRef = useRef4(null);
+  const [latestTurnMinHeight, setLatestTurnMinHeight] = useState4(0);
   const measureLatestTurnMinHeight = useCallback2(() => {
     const container = containerRef.current;
     if (!container)
@@ -2948,7 +2970,7 @@ var RetryButton = styled9.button`
 `;
 
 // src/components/chat-composer/index.tsx
-import { useEffect as useEffect6, useRef as useRef8 } from "react";
+import { useEffect as useEffect6, useRef as useRef7 } from "react";
 import styled14 from "@emotion/styled";
 
 // src/components/chat-composer/lib/chat-composer.ts
@@ -3060,10 +3082,10 @@ var resolveSendSession = ({
 };
 
 // src/components/chat-composer/hooks/use-chat-composer.ts
-import { useCallback as useCallback3, useEffect as useEffect5, useRef as useRef7, useState as useState7 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect5, useRef as useRef6, useState as useState6 } from "react";
 
 // src/components/chat-composer/hooks/use-composer-attachments.ts
-import { useEffect as useEffect4, useRef as useRef6, useState as useState6 } from "react";
+import { useEffect as useEffect4, useRef as useRef5, useState as useState5 } from "react";
 var SUPPORTED_IMAGE_MIME_TYPES = /* @__PURE__ */ new Set(["image/png", "image/jpeg", "image/webp"]);
 var MAX_COMPOSER_ATTACHMENTS = 10;
 var createObjectUrl = (file) => typeof URL !== "undefined" && typeof URL.createObjectURL === "function" ? URL.createObjectURL(file) : "";
@@ -3077,8 +3099,8 @@ var releaseComposerAttachments = (attachments) => {
   attachments.forEach((attachment) => revokeObjectUrl(attachment.previewUrl));
 };
 var useComposerAttachments = () => {
-  const [attachments, setAttachments] = useState6([]);
-  const attachmentsRef = useRef6([]);
+  const [attachments, setAttachments] = useState5([]);
+  const attachmentsRef = useRef5([]);
   useEffect4(() => {
     attachmentsRef.current = attachments;
   }, [attachments]);
@@ -3195,9 +3217,9 @@ var useChatComposer = () => {
   const clearSessionError = useChatStore((s) => s.clearSessionError);
   const setPreferredMode = useChatStore((s) => s.setPreferredMode);
   const setSessionMode = useChatStore((s) => s.setSessionMode);
-  const [availableModels, setAvailableModels] = useState7([]);
-  const [isModelsLoading, setIsModelsLoading] = useState7(true);
-  const [isModelsError, setIsModelsError] = useState7(false);
+  const [availableModels, setAvailableModels] = useState6([]);
+  const [isModelsLoading, setIsModelsLoading] = useState6(true);
+  const [isModelsError, setIsModelsError] = useState6(false);
   const fetchModels = useCallback3(async () => {
     setIsModelsLoading(true);
     setIsModelsError(false);
@@ -3214,14 +3236,14 @@ var useChatComposer = () => {
     void fetchModels();
   }, [fetchModels]);
   const hasModels = availableModels.length > 0;
-  const [value, setValue] = useState7("");
-  const [selectedModel, setSelectedModel] = useState7("");
-  const [selectedMode, setSelectedModeLocal] = useState7(DEFAULT_CHAT_AGENT_MODE);
-  const [attachmentNotice, setAttachmentNotice] = useState7(null);
+  const [value, setValue] = useState6("");
+  const [selectedModel, setSelectedModel] = useState6("");
+  const [selectedMode, setSelectedModeLocal] = useState6(DEFAULT_CHAT_AGENT_MODE);
+  const [attachmentNotice, setAttachmentNotice] = useState6(null);
   const { attachments, appendFiles, removeAttachment, takeMessageAttachments } = useComposerAttachments();
-  const abortControllerRef = useRef7(null);
-  const stopRequestRef = useRef7(null);
-  const lastRequestRef = useRef7(null);
+  const abortControllerRef = useRef6(null);
+  const stopRequestRef = useRef6(null);
+  const lastRequestRef = useRef6(null);
   useEffect5(() => {
     setSelectedModel(
       (current) => resolveSelectedChatModel({ currentModel: current, availableModels, isModelsLoading })
@@ -3513,14 +3535,14 @@ var useChatComposer = () => {
 };
 
 // src/components/chat-composer/components/chat-composer-attachment-list.tsx
-import { useState as useState8 } from "react";
+import { useState as useState7 } from "react";
 import styled10 from "@emotion/styled";
 import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs8 } from "@emotion/react/jsx-runtime";
 var ChatComposerAttachmentList = ({
   attachments,
   onRemoveAttachment
 }) => {
-  const [activeImage, setActiveImage] = useState8(null);
+  const [activeImage, setActiveImage] = useState7(null);
   if (!attachments.length) {
     return null;
   }
@@ -4012,7 +4034,7 @@ var ChatComposerView = ({
   onStop,
   onSend
 }) => {
-  const imageInputRef = useRef8(null);
+  const imageInputRef = useRef7(null);
   const canSend = canSendChatMessage({
     value,
     attachmentCount: attachments.length,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xinghunm/ai-chat",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "AI chat React component library",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",