@infinilabs/ai-chat 0.0.6 → 0.0.7

package/dist/{index-DcX2yplL.js → index-BHdLRgqe.js}

@@ -7963,7 +7963,7 @@ const handleApiError = (error) => {
   }
   return error;
 };
-const Get = (url, params = {}, clearFn) => new Promise((resolve) => {
+const Get = (url, params = {}, clearFn, headers = {}) => new Promise((resolve) => {
   const appStore = JSON.parse(localStorage.getItem("app-store") || "{}");
   const meta = import.meta;
   const isDev2 = meta.env?.DEV === true;
@@ -7983,7 +7983,7 @@ const Get = (url, params = {}, clearFn) => new Promise((resolve) => {
   if (!baseURL || baseURL === "undefined" || shouldProxy) {
     baseURL = "";
   }
-  axios.get(baseURL + url, { params, withCredentials: true }).then((result) => {
+  axios.get(baseURL + url, { params, headers, withCredentials: true }).then((result) => {
     let res;
     {
       res = result?.data;
@@ -8380,6 +8380,8 @@ const useChatStore = create$3()(
       setCurrentAssistant: (assistant) => set2(() => ({ currentAssistant: assistant })),
       assistantList: [],
       setAssistantList: (assistantList) => set2(() => ({ assistantList })),
+      historyVersion: 0,
+      incrementHistoryVersion: () => set2((state2) => ({ historyVersion: state2.historyVersion + 1 })),
       updateLastMessage: (updates) => set2((state2) => {
         if (!state2.activeChat || !state2.activeChat.messages) return {};
         const messages2 = [...state2.activeChat.messages];
@@ -8400,7 +8402,6 @@ const useChatStore = create$3()(
       name: "chat-state",
       // storage: createJSONStorage(() => sessionStorage),
       partialize: (state2) => ({
-        activeChat: state2.activeChat,
         currentAssistant: state2.currentAssistant,
         messages: state2.messages
       })
@@ -101034,12 +101035,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-DVSD85nP.js"), "loader")
+      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-DvM0Q75H.js"), "loader")
     },
     ...[
       {
         name: "cose-bilkent",
-        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-DJ2WeYZ5.js"), "loader")
+        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-CyE2f5v1.js"), "loader")
       }
     ]
   ]);
@@ -101070,7 +101071,7 @@ var detector = /* @__PURE__ */ __name((txt) => {
   return /^\s*C4Context|C4Container|C4Component|C4Dynamic|C4Deployment/.test(txt);
 }, "detector");
 var loader = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./c4Diagram-YG6GDRKO-DsU8_ML7.js");
+  const { diagram: diagram2 } = await import("./c4Diagram-YG6GDRKO-Dvcxbz07.js");
   return { id: id$1, diagram: diagram2 };
 }, "loader");
 var plugin = {
@@ -101087,7 +101088,7 @@ var detector2 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*graph/.test(txt);
 }, "detector");
 var loader2 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-DSP0bX8T.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-CnUvEJ6N.js");
   return { id: id2, diagram: diagram2 };
 }, "loader");
 var plugin2 = {
@@ -101110,7 +101111,7 @@ var detector3 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*flowchart/.test(txt);
 }, "detector");
 var loader3 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-DSP0bX8T.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-CnUvEJ6N.js");
   return { id: id3, diagram: diagram2 };
 }, "loader");
 var plugin3 = {
@@ -101124,7 +101125,7 @@ var detector4 = /* @__PURE__ */ __name((txt) => {
   return /^\s*erDiagram/.test(txt);
 }, "detector");
 var loader4 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-BRTCQdcw.js");
+  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-kfWbxIeE.js");
   return { id: id4, diagram: diagram2 };
 }, "loader");
 var plugin4 = {
@@ -101138,7 +101139,7 @@ var detector5 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gitGraph/.test(txt);
 }, "detector");
 var loader5 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./gitGraphDiagram-NY62KEGX-CJG-AN4Y.js");
+  const { diagram: diagram2 } = await import("./gitGraphDiagram-NY62KEGX-CBDq78vr.js");
   return { id: id5, diagram: diagram2 };
 }, "loader");
 var plugin5 = {
@@ -101152,7 +101153,7 @@ var detector6 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gantt/.test(txt);
 }, "detector");
 var loader6 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-Cvl6oaBd.js");
+  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-UCLUnU5F.js");
   return { id: id6, diagram: diagram2 };
 }, "loader");
 var plugin6 = {
@@ -101166,7 +101167,7 @@ var detector7 = /* @__PURE__ */ __name((txt) => {
   return /^\s*info/.test(txt);
 }, "detector");
 var loader7 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./infoDiagram-WHAUD3N6-CTO9yCOz.js");
+  const { diagram: diagram2 } = await import("./infoDiagram-WHAUD3N6-CLw0IpJT.js");
   return { id: id7, diagram: diagram2 };
 }, "loader");
 var info = {
@@ -101179,7 +101180,7 @@ var detector8 = /* @__PURE__ */ __name((txt) => {
   return /^\s*pie/.test(txt);
 }, "detector");
 var loader8 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-DLQ-EwaQ.js");
+  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-DQDTUrhR.js");
   return { id: id8, diagram: diagram2 };
 }, "loader");
 var pie = {
@@ -101192,7 +101193,7 @@ var detector9 = /* @__PURE__ */ __name((txt) => {
   return /^\s*quadrantChart/.test(txt);
 }, "detector");
 var loader9 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-CJj848fA.js");
+  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-BvNd2KO3.js");
   return { id: id9, diagram: diagram2 };
 }, "loader");
 var plugin7 = {
@@ -101206,7 +101207,7 @@ var detector10 = /* @__PURE__ */ __name((txt) => {
   return /^\s*xychart(-beta)?/.test(txt);
 }, "detector");
 var loader10 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./xychartDiagram-PRI3JC2R-DP7N5vo2.js");
+  const { diagram: diagram2 } = await import("./xychartDiagram-PRI3JC2R-C05fuDHV.js");
   return { id: id10, diagram: diagram2 };
 }, "loader");
 var plugin8 = {
@@ -101220,7 +101221,7 @@ var detector11 = /* @__PURE__ */ __name((txt) => {
   return /^\s*requirement(Diagram)?/.test(txt);
 }, "detector");
 var loader11 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./requirementDiagram-UZGBJVZJ-D1iU7B61.js");
+  const { diagram: diagram2 } = await import("./requirementDiagram-UZGBJVZJ-C1R3DT9w.js");
   return { id: id11, diagram: diagram2 };
 }, "loader");
 var plugin9 = {
@@ -101234,7 +101235,7 @@ var detector12 = /* @__PURE__ */ __name((txt) => {
   return /^\s*sequenceDiagram/.test(txt);
 }, "detector");
 var loader12 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-CuLpCcT3.js");
+  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-BBAJND3Z.js");
   return { id: id12, diagram: diagram2 };
 }, "loader");
 var plugin10 = {
@@ -101251,7 +101252,7 @@ var detector13 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*classDiagram/.test(txt);
 }, "detector");
 var loader13 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./classDiagram-2ON5EDUG-C51zet7j.js");
+  const { diagram: diagram2 } = await import("./classDiagram-2ON5EDUG-r7wHFJfu.js");
   return { id: id13, diagram: diagram2 };
 }, "loader");
 var plugin11 = {
@@ -101268,7 +101269,7 @@ var detector14 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*classDiagram-v2/.test(txt);
 }, "detector");
 var loader14 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./classDiagram-v2-WZHVMYZB-C51zet7j.js");
+  const { diagram: diagram2 } = await import("./classDiagram-v2-WZHVMYZB-r7wHFJfu.js");
   return { id: id14, diagram: diagram2 };
 }, "loader");
 var plugin12 = {
@@ -101285,7 +101286,7 @@ var detector15 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*stateDiagram/.test(txt);
 }, "detector");
 var loader15 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-FKZM4ZOC-CNDACMW6.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-FKZM4ZOC-FZaGrX69.js");
   return { id: id15, diagram: diagram2 };
 }, "loader");
 var plugin13 = {
@@ -101305,7 +101306,7 @@ var detector16 = /* @__PURE__ */ __name((txt, config2) => {
   return false;
 }, "detector");
 var loader16 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-BKemucR5.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-plJxQnPB.js");
   return { id: id16, diagram: diagram2 };
 }, "loader");
 var plugin14 = {
@@ -101319,7 +101320,7 @@ var detector17 = /* @__PURE__ */ __name((txt) => {
   return /^\s*journey/.test(txt);
 }, "detector");
 var loader17 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-D-Tr7qjw.js");
+  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-BFOg0sVA.js");
   return { id: id17, diagram: diagram2 };
 }, "loader");
 var plugin15 = {
@@ -101386,7 +101387,7 @@ var detector18 = /* @__PURE__ */ __name((txt, config2 = {}) => {
   return false;
 }, "detector");
 var loader18 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-DSP0bX8T.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-CnUvEJ6N.js");
   return { id: id18, diagram: diagram2 };
 }, "loader");
 var plugin16 = {
@@ -101400,7 +101401,7 @@ var detector19 = /* @__PURE__ */ __name((txt) => {
   return /^\s*timeline/.test(txt);
 }, "detector");
 var loader19 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./timeline-definition-IT6M3QCI-Ch7o5h82.js");
+  const { diagram: diagram2 } = await import("./timeline-definition-IT6M3QCI-ueZGjot0.js");
   return { id: id19, diagram: diagram2 };
 }, "loader");
 var plugin17 = {
@@ -101414,7 +101415,7 @@ var detector20 = /* @__PURE__ */ __name((txt) => {
   return /^\s*mindmap/.test(txt);
 }, "detector");
 var loader20 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./mindmap-definition-VGOIOE7T-1WNeodj9.js");
+  const { diagram: diagram2 } = await import("./mindmap-definition-VGOIOE7T-COkQKYvR.js");
   return { id: id20, diagram: diagram2 };
 }, "loader");
 var plugin18 = {
@@ -101428,7 +101429,7 @@ var detector21 = /* @__PURE__ */ __name((txt) => {
   return /^\s*kanban/.test(txt);
 }, "detector");
 var loader21 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./kanban-definition-3W4ZIXB7-C1DIHieh.js");
+  const { diagram: diagram2 } = await import("./kanban-definition-3W4ZIXB7-eCOM-ozi.js");
   return { id: id21, diagram: diagram2 };
 }, "loader");
 var plugin19 = {
@@ -101442,7 +101443,7 @@ var detector22 = /* @__PURE__ */ __name((txt) => {
   return /^\s*sankey(-beta)?/.test(txt);
 }, "detector");
 var loader22 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sankeyDiagram-TZEHDZUN-B9WNO6gf.js");
+  const { diagram: diagram2 } = await import("./sankeyDiagram-TZEHDZUN-D5VFuvtL.js");
   return { id: id22, diagram: diagram2 };
 }, "loader");
 var plugin20 = {
@@ -101456,7 +101457,7 @@ var detector23 = /* @__PURE__ */ __name((txt) => {
   return /^\s*packet(-beta)?/.test(txt);
 }, "detector");
 var loader23 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-S2PKOQOG-H40ft6Yd.js");
+  const { diagram: diagram2 } = await import("./diagram-S2PKOQOG-XLSm_Pmp.js");
   return { id: id23, diagram: diagram2 };
 }, "loader");
 var packet = {
@@ -101469,7 +101470,7 @@ var detector24 = /* @__PURE__ */ __name((txt) => {
   return /^\s*radar-beta/.test(txt);
 }, "detector");
 var loader24 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-QEK2KX5R-_kEjITk2.js");
+  const { diagram: diagram2 } = await import("./diagram-QEK2KX5R-DRvW8ABv.js");
   return { id: id24, diagram: diagram2 };
 }, "loader");
 var radar = {
@@ -101482,7 +101483,7 @@ var detector25 = /* @__PURE__ */ __name((txt) => {
   return /^\s*block(-beta)?/.test(txt);
 }, "detector");
 var loader25 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./blockDiagram-VD42YOAC-BvAgfaH8.js");
+  const { diagram: diagram2 } = await import("./blockDiagram-VD42YOAC-CBpZQzBu.js");
   return { id: id25, diagram: diagram2 };
 }, "loader");
 var plugin21 = {
@@ -101496,7 +101497,7 @@ var detector26 = /* @__PURE__ */ __name((txt) => {
   return /^\s*architecture/.test(txt);
 }, "detector");
 var loader26 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-Dj5Hk41e.js");
+  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-IzalRFc-.js");
   return { id: id26, diagram: diagram2 };
 }, "loader");
 var architecture = {
@@ -101510,7 +101511,7 @@ var detector27 = /* @__PURE__ */ __name((txt) => {
   return /^\s*treemap/.test(txt);
 }, "detector");
 var loader27 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-CbtSF1gt.js");
+  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-BJ7KAP8l.js");
   return { id: id27, diagram: diagram2 };
 }, "loader");
 var treemap = {
@@ -113969,6 +113970,107 @@ const ff = memo(
 ), Tf = memo(
   forwardRef((e2, t2) => /* @__PURE__ */ l2.jsx(I18nextProvider, { i18n: yi, children: /* @__PURE__ */ l2.jsx(ff, { ...e2, ref: t2 }) }))
 );
+const Greetings = ({ t: tProp }) => {
+  const { t: tOriginal } = useTranslation();
+  const t2 = tProp || tOriginal;
+  const currentAssistant = useChatStore(
+    (state2) => state2.currentAssistant
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Tf,
+    {
+      message: {
+        _id: "greetings",
+        _source: {
+          type: "assistant",
+          message: currentAssistant?._source?.chat_settings?.greeting_message || t2("assistant.chat.greetings")
+        }
+      },
+      currentAssistant
+    },
+    "greetings"
+  );
+};
+function useChatScroll(scrollContainerRef) {
+  const userScrollingRef = useRef(false);
+  const scrollTimeoutRef = useRef();
+  const lastScrollHeightRef = useRef(0);
+  const programmaticScrollRef = useRef(false);
+  const isNearBottom = (container) => {
+    const { scrollTop, scrollHeight, clientHeight } = container;
+    return Math.abs(scrollHeight - scrollTop - clientHeight) < 150;
+  };
+  const scrollToBottom = useCallback(
+    debounce$1((force) => {
+      const container = scrollContainerRef.current;
+      if (!container) return;
+      const contentChanged = lastScrollHeightRef.current !== container.scrollHeight;
+      lastScrollHeightRef.current = container.scrollHeight;
+      if (force || !userScrollingRef.current || contentChanged && isNearBottom(container)) {
+        programmaticScrollRef.current = true;
+        container.scrollTo({
+          top: container.scrollHeight,
+          behavior: "smooth"
+        });
+      }
+    }, 50),
+    [scrollContainerRef]
+  );
+  useEffect(() => {
+    const container = scrollContainerRef.current;
+    if (!container) return;
+    lastScrollHeightRef.current = container.scrollHeight;
+    const observer = new MutationObserver(() => {
+      if (!userScrollingRef.current) {
+        scrollToBottom();
+      }
+    });
+    observer.observe(container, {
+      childList: true,
+      subtree: true,
+      characterData: true
+    });
+    return () => {
+      observer.disconnect();
+    };
+  }, [scrollContainerRef, scrollToBottom]);
+  useEffect(() => {
+    const container = scrollContainerRef.current;
+    if (!container) return;
+    const handleScroll = () => {
+      if (programmaticScrollRef.current) {
+        programmaticScrollRef.current = false;
+        return;
+      }
+      if (scrollTimeoutRef.current) {
+        clearTimeout(scrollTimeoutRef.current);
+      }
+      const near = isNearBottom(container);
+      if (!near) {
+        userScrollingRef.current = true;
+      }
+      scrollTimeoutRef.current = setTimeout(() => {
+        if (isNearBottom(container)) {
+          userScrollingRef.current = false;
+        }
+      }, 300);
+    };
+    container.addEventListener("scroll", handleScroll);
+    return () => {
+      container.removeEventListener("scroll", handleScroll);
+      if (scrollTimeoutRef.current) {
+        clearTimeout(scrollTimeoutRef.current);
+      }
+    };
+  }, [scrollContainerRef]);
+  const resetUserScrolling = useCallback(() => {
+    userScrollingRef.current = false;
+  }, []);
+  return {
+    resetUserScrolling,
+    scrollToBottom
+  };
+}
 var NOTHING = /* @__PURE__ */ Symbol.for("immer-nothing");
 var DRAFTABLE = /* @__PURE__ */ Symbol.for("immer-draftable");
 var DRAFT_STATE = /* @__PURE__ */ Symbol.for("immer-state");
@@ -114889,80 +114991,6 @@ const useConnectStore = create$3()(
     )
   )
 );
-const Greetings = ({ t: tProp }) => {
-  const { t: tOriginal } = useTranslation();
-  const t2 = tProp || tOriginal;
-  const currentAssistant = useConnectStore(
-    (state2) => state2.currentAssistant
-  );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Tf,
-    {
-      message: {
-        _id: "greetings",
-        _source: {
-          type: "assistant",
-          message: currentAssistant?._source?.chat_settings?.greeting_message || t2("assistant.chat.greetings")
-        }
-      }
-    },
-    "greetings"
-  );
-};
-function useChatScroll(messagesEndRef) {
-  const [userScrolling, setUserScrolling] = useState(false);
-  const scrollTimeoutRef = useRef();
-  const lastScrollHeightRef = useRef(0);
-  const isNearBottom = (container) => {
-    const { scrollTop, scrollHeight, clientHeight } = container;
-    return Math.abs(scrollHeight - scrollTop - clientHeight) < 150;
-  };
-  const scrollToBottom = useCallback(
-    debounce$1(() => {
-      const container = messagesEndRef.current?.parentElement;
-      if (!container) return;
-      const contentChanged = lastScrollHeightRef.current !== container.scrollHeight;
-      lastScrollHeightRef.current = container.scrollHeight;
-      if (!userScrolling || contentChanged && isNearBottom(container)) {
-        container.scrollTo({
-          top: container.scrollHeight,
-          behavior: "smooth"
-        });
-      }
-    }, 50),
-    [userScrolling, messagesEndRef]
-  );
-  useEffect(() => {
-    const container = messagesEndRef.current?.parentElement;
-    if (!container) return;
-    lastScrollHeightRef.current = container.scrollHeight;
-    const handleScroll = () => {
-      if (scrollTimeoutRef.current) {
-        clearTimeout(scrollTimeoutRef.current);
-      }
-      const near = isNearBottom(container);
-      if (!near) {
-        setUserScrolling(true);
-      }
-      scrollTimeoutRef.current = setTimeout(() => {
-        if (isNearBottom(container)) {
-          setUserScrolling(false);
-        }
-      }, 300);
-    };
-    container.addEventListener("scroll", handleScroll);
-    return () => {
-      container.removeEventListener("scroll", handleScroll);
-      if (scrollTimeoutRef.current) {
-        clearTimeout(scrollTimeoutRef.current);
-      }
-    };
-  }, [messagesEndRef]);
-  return {
-    userScrolling,
-    scrollToBottom
-  };
-}
 const ScrollToBottom = ({ scrollRef, isAtBottom }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Button,
@@ -115034,21 +115062,22 @@ const ChatContent = ({
   const curChatEnd = useChatStore((state2) => state2.curChatEnd);
   const assistantList = useChatStore((state2) => state2.assistantList);
   const currentAssistant = useChatStore((state2) => state2.currentAssistant);
-  const messagesEndRef = useRef(null);
-  const { scrollToBottom } = useChatScroll(messagesEndRef);
   const scrollRef = useRef(null);
+  const messagesEndRef = useRef(null);
+  const { scrollToBottom, resetUserScrolling } = useChatScroll(scrollRef);
   const [isAtBottom, setIsAtBottom] = useState(true);
   const [prevChatId, setPrevChatId] = useState(activeChat?._id);
   if (activeChat?._id !== prevChatId) {
     setPrevChatId(activeChat?._id);
     setIsAtBottom(true);
+    resetUserScrolling();
   }
   useEffect(() => {
     setCurrentSessionId(activeChat?._id);
   }, [activeChat?._id, setCurrentSessionId]);
   useEffect(() => {
-    scrollToBottom();
-  }, [activeChat?._id, curChatEnd, scrollToBottom]);
+    scrollToBottom(true);
+  }, [activeChat?._id, activeChat?.messages?.length, scrollToBottom]);
   useEffect(() => {
     return () => {
       scrollToBottom.cancel();
@@ -115060,15 +115089,15 @@ const ChatContent = ({
     setIsAtBottom(isAtBottom2);
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-hidden flex flex-col justify-between relative user-select-text", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
         ref: scrollRef,
         className: "flex-1 w-full overflow-x-hidden overflow-y-auto custom-scrollbar relative",
         onScroll: handleScroll,
-        children: [
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-4xl mx-auto", children: [
           (!activeChat || activeChat?.messages?.length === 0) && /* @__PURE__ */ jsxRuntimeExports.jsx(Greetings, { t: t2 }),
-          activeChat?.messages?.map((message2, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          activeChat?.messages?.map((message2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
             Tf,
             {
               message: message2,
@@ -115077,7 +115106,7 @@ const ChatContent = ({
               formatUrl: formatUrl2,
               assistantList
             },
-            `${message2._id || "msg"}-${index2}`
+            message2._id
           )),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             ActiveChatMessage,
@@ -115109,7 +115138,7 @@ const ChatContent = ({
             "timedout"
           ) : null,
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: messagesEndRef })
-        ]
+        ] })
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollToBottom, { scrollRef, isAtBottom })
@@ -115172,7 +115201,7 @@ async function streamPost({
 }
 const InnerChatAI = memo(
   forwardRef(
-    ({ BaseUrl, formatUrl: formatUrl2, t: tProp }, ref2) => {
+    ({ BaseUrl, formatUrl: formatUrl2, headers: headersProp = {}, t: tProp }, ref2) => {
       useIconfontScript();
       const { t: tOriginal } = useTranslation();
       const t2 = tProp || tOriginal;
@@ -115182,6 +115211,7 @@ const InnerChatAI = memo(
       const activeChat = useChatStore((state2) => state2.activeChat);
       const setActiveChat = useChatStore((state2) => state2.setActiveChat);
       const currentAssistant = useChatStore((state2) => state2.currentAssistant);
+      const incrementHistoryVersion = useChatStore((state2) => state2.incrementHistoryVersion);
       const [timedoutShow, setTimedoutShow] = useState(false);
       const [Question, setQuestion] = useState("");
       const curIdRef = useRef("");
@@ -115195,6 +115225,7 @@ const InnerChatAI = memo(
             if (msg.includes('"user"') && msg.includes("_source") && msg.includes("result")) {
               const parsed = JSON.parse(msg);
               let nextChat;
+              const latestActiveChat = useChatStore.getState().activeChat;
               if (Array.isArray(parsed)) {
                 const hits = parsed;
                 const first = hits[0];
@@ -115206,7 +115237,7 @@ const InnerChatAI = memo(
                     curSessionIdRef.current = sessionId;
                   }
                 }
-                const baseChat = activeChat || {
+                const baseChat = latestActiveChat || {
                   _id: first?._id ?? ""
                 };
                 nextChat = {
@@ -115225,13 +115256,13 @@ const InnerChatAI = memo(
                   curSessionIdRef.current = sessionId;
                 }
                 const messageItem = {
-                  _id: withPayload._id ?? (typeof id28 === "string" ? id28 : "") ?? activeChat?._id ?? "",
+                  _id: withPayload._id ?? (typeof id28 === "string" ? id28 : "") ?? latestActiveChat?._id ?? "",
                   _source: {
                     ...withPayload._source || {},
                     ...payload
                   }
                 };
-                const baseChat = activeChat || {
+                const baseChat = latestActiveChat || {
                   _id: messageItem._id
                 };
                 nextChat = {
@@ -115255,7 +115286,7 @@ const InnerChatAI = memo(
             console.error("Failed to parse chat message:", error);
           }
         },
-        [activeChat, setActiveChat, setCurChatEnd]
+        [setActiveChat, setCurChatEnd]
       );
       const prepareChatSession = useCallback(async (value) => {
         activeMessageRef.current?.reset();
@@ -115268,7 +115299,7 @@ const InnerChatAI = memo(
             const [err, res] = await Get(`/chat/${chatId}/_history`, {
               from: 0,
               size: 1e3
-            });
+            }, void 0, headersProp);
             if (err || !res) return;
             const hits = res?.hits?.hits ?? [];
             const currentActive = useChatStore.getState().activeChat;
@@ -115282,7 +115313,7 @@ const InnerChatAI = memo(
             console.error(e2);
           }
         },
-        [setActiveChat]
+        [setActiveChat, headersProp]
       );
       const createNewChat = useCallback(
         async (params) => {
@@ -115307,10 +115338,12 @@ const InnerChatAI = memo(
               attachments
             },
             queryParams,
+            headers: headersProp,
             onMessage: handleStreamMessage
           });
+          incrementHistoryVersion();
         },
-        [handleStreamMessage, prepareChatSession, currentAssistant]
+        [handleStreamMessage, prepareChatSession, currentAssistant, headersProp, incrementHistoryVersion]
       );
       const sendMessage = useCallback(
         async (chat, params) => {
@@ -115320,8 +115353,10 @@ const InnerChatAI = memo(
           if (!text2 && (!attachments || attachments.length === 0)) {
             return;
           }
-          await prepareChatSession(text2);
+          setTimedoutShow(false);
+          setQuestion(text2);
           await fetchHistory(chat._id);
+          activeMessageRef.current?.reset();
           const queryParams = {
             search: params.search ?? !!(currentAssistant?._source?.deep_research_enabled ?? true),
             deep_thinking: params.deep_thinking ?? !!(currentAssistant?._source?.deep_think_enabled ?? true),
@@ -115334,16 +115369,17 @@ const InnerChatAI = memo(
             url: `/chat/${chat._id}/_chat`,
             body: { message: text2, attachments },
             queryParams,
+            headers: headersProp,
             onMessage: handleStreamMessage
           });
         },
         [
-          prepareChatSession,
           fetchHistory,
           currentAssistant?._source?.deep_research_enabled,
           currentAssistant?._source?.deep_think_enabled,
           currentAssistant?._id,
-          handleStreamMessage
+          handleStreamMessage,
+          headersProp
         ]
       );
       const handleSendMessage = useCallback(
@@ -115362,14 +115398,16 @@ const InnerChatAI = memo(
           try {
             await Post(
               `/chat/${activeChat._id}/_cancel?message_id=${curIdRef.current}`,
-              void 0
+              void 0,
+              {},
+              headersProp
             );
           } catch (e2) {
             console.error(e2);
           }
         }
         setCurChatEnd(true);
-      }, [activeChat, setCurChatEnd]);
+      }, [activeChat, setCurChatEnd, headersProp]);
       const onSelectChat = useCallback(
         async (chat) => {
           activeMessageRef.current?.reset();
@@ -115388,12 +115426,16 @@ const InnerChatAI = memo(
       const lastActiveChatIdRef = useRef(void 0);
       useEffect(() => {
         if (activeChat?._id && activeChat._id !== lastActiveChatIdRef.current) {
+          const prevId = lastActiveChatIdRef.current;
           lastActiveChatIdRef.current = activeChat._id;
-          setTimeout(() => {
-            onSelectChat(activeChat);
-          }, 0);
+          if (!curChatEnd) return;
+          if (prevId !== void 0) {
+            setTimeout(() => {
+              onSelectChat(activeChat);
+            }, 0);
+          }
         }
-      }, [activeChat, onSelectChat]);
+      }, [activeChat?._id, curChatEnd, onSelectChat]);
       const getFileUrl = useCallback(
         (path) => `${baseUrl?.replace(/\/$/, "")}/files/${encodeURIComponent(path)}`,
         [baseUrl]
@@ -116109,6 +116151,7 @@ const HistoryList = (props) => {
 function InnerHistory({
   BaseUrl,
   Token: Token2,
+  headers: headersProp = {},
   locale = "en",
   t: tProp
 }) {
@@ -116118,6 +116161,7 @@ function InnerHistory({
   const setChats = useChatStore((state2) => state2.setChats);
   const activeChat = useChatStore((state2) => state2.activeChat);
   const setActiveChat = useChatStore((state2) => state2.setActiveChat);
+  const historyVersion = useChatStore((state2) => state2.historyVersion);
   const [messageApi, contextHolder] = message.useMessage();
   const [keyword, setKeyword] = useState("");
   const [renamingId, setRenamingId] = useState("");
@@ -116133,33 +116177,38 @@ function InnerHistory({
     }
     const store = { state: { endpoint_http: BaseUrl } };
     localStorage.setItem("app-store", JSON.stringify(store));
+    const mergedHeaders = { ...headersProp };
     if (Token2) {
-      const headers = { "X-API-TOKEN": Token2 };
-      localStorage.setItem("headers", JSON.stringify(headers));
+      mergedHeaders["X-API-TOKEN"] = Token2;
+    }
+    if (Object.keys(mergedHeaders).length > 0) {
+      localStorage.setItem("headers", JSON.stringify(mergedHeaders));
     }
-  }, [BaseUrl, Token2]);
+  }, [BaseUrl, Token2, headersProp]);
   const fetchChatHistory = useCallback(async () => {
     try {
       const [err, res] = await Get("/chat/_history", {
         from: 0,
         size: 100,
         keyword
-      });
+      }, void 0, headersProp);
       if (err) {
         return;
       }
       const hits = res?.hits?.hits || [];
       setChats(hits);
-      if (hits.length > 0) {
-        setActiveChat(hits[0]);
-      }
     } catch (e2) {
       console.error(e2);
     }
-  }, [keyword, setChats, setActiveChat]);
+  }, [keyword, setChats, headersProp]);
   useEffect(() => {
     fetchChatHistory();
   }, [fetchChatHistory]);
+  useEffect(() => {
+    if (historyVersion > 0) {
+      fetchChatHistory();
+    }
+  }, [historyVersion, fetchChatHistory]);
   const onSelect = useCallback(
     async (chat) => {
       setActiveChat(chat);
@@ -116171,7 +116220,7 @@ function InnerHistory({
       const key = "rename_message";
       try {
         setRenamingId(chatId);
-        const [err] = await Put(`/chat/${chatId}`, { title });
+        const [err] = await Put(`/chat/${chatId}`, { title }, {}, headersProp);
         if (err) {
           messageApi.open({
             key,
@@ -116187,14 +116236,14 @@ function InnerHistory({
         setRenamingId("");
       }
     },
-    [messageApi, t2, fetchChatHistory]
+    [messageApi, t2, fetchChatHistory, headersProp]
   );
   const onRemove2 = useCallback(
     async (chatId) => {
       const key = "delete_message";
       try {
         setDeletingId(chatId);
-        const [err] = await Delete(`/chat/${chatId}`);
+        const [err] = await Delete(`/chat/${chatId}`, {}, headersProp);
         if (err) {
           messageApi.open({
             key,
@@ -116215,7 +116264,7 @@ function InnerHistory({
         setDeletingId("");
       }
     },
-    [messageApi, t2, fetchChatHistory]
+    [messageApi, t2, fetchChatHistory, headersProp]
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     contextHolder,
@@ -119322,7 +119371,7 @@ function cn(...inputs) {
 const MAX_HEIGHT = 240;
 const AutoResizeTextarea = forwardRef(
   ({
-    input,
+    input = "",
     setInput,
     handleKeyDown,
     chatPlaceholder,