@axiom-lattice/react-sdk 2.1.18 → 2.1.19

package/dist/index.mjs

@@ -1291,7 +1291,7 @@ import { useState as useState9 } from "react";
 
 // src/components/GenUI/MDResponse.tsx
 import XMarkdown from "@ant-design/x-markdown";
-import { useRef as useRef5, useState as useState8 } from "react";
+import { useRef as useRef5, useState as useState8, useMemo as useMemo2 } from "react";
 import { createStyles as createStyles2 } from "antd-style";
 
 // src/components/GenUI/Code.tsx
@@ -1521,6 +1521,7 @@ var mdComponents = {
 
 // src/components/GenUI/MDResponse.tsx
 import { jsx as jsx9 } from "react/jsx-runtime";
+var memoizedMdComponents = mdComponents;
 var useStyles = createStyles2(({ token, css }) => ({
   markdownTableContainer: css`
     overflow-x: auto;
@@ -1610,10 +1611,11 @@ var MDResponse = ({
   noGenUI
 }) => {
   const { styles } = useStyles();
+  const stableComponents = useMemo2(() => memoizedMdComponents, []);
   return /* @__PURE__ */ jsx9("div", { className: styles.markdownContainer, children: /* @__PURE__ */ jsx9(
     XMarkdown,
     {
-      components: mdComponents,
+      components: stableComponents,
       content,
       paragraphTag: "div"
     }
@@ -2228,7 +2230,7 @@ var WriteTodos = ({
 };
 
 // src/components/GenUI/FileExplorer.tsx
-import { useState as useState11, useEffect as useEffect6, useMemo as useMemo2 } from "react";
+import { useState as useState11, useEffect as useEffect6, useMemo as useMemo3 } from "react";
 import { Splitter, Tree, Empty, Button as Button4, Tooltip, message } from "antd";
 import {
   FolderOutlined,
@@ -2500,7 +2502,7 @@ var FileExplorer = ({
       setSelectedKey(list[0].name);
     }
   }, [files]);
-  const treeData = useMemo2(
+  const treeData = useMemo3(
     () => buildTreeData(fileList, expandedKeys),
     [fileList, expandedKeys]
   );
@@ -2521,7 +2523,7 @@ var FileExplorer = ({
       setExpandedKeys(getAllKeys(treeData));
     }
   }, [treeData.length]);
-  const selectedFile = useMemo2(() => {
+  const selectedFile = useMemo3(() => {
     return fileList.find((f) => f.name === selectedKey);
   }, [fileList, selectedKey]);
   const handleCopy = () => {
@@ -3464,7 +3466,7 @@ import {
   memo,
   useCallback as useCallback7,
   useEffect as useEffect9,
-  useMemo as useMemo3,
+  useMemo as useMemo4,
   useRef as useRef7,
   useState as useState15
 } from "react";
@@ -3552,7 +3554,7 @@ ${JSON.stringify(tool_call)}
     const content_md = [content, ...tool_calls_md].join("\n");
     return /* @__PURE__ */ jsx25(Space10, { direction: "vertical", style: { width: "100%" }, children: /* @__PURE__ */ jsx25(MDResponse, { content: content_md }) });
   }, []);
-  const items = useMemo3(
+  const items = useMemo4(
     () => messages.map((message5, index) => ({
       key: message5.id,
       role: message5.role,
@@ -3636,7 +3638,7 @@ import {
   Button as Button11,
   message as message3
 } from "antd";
-import React6, { useEffect as useEffect10, useRef as useRef8, useState as useState16 } from "react";
+import React7, { useEffect as useEffect10, useRef as useRef8, useState as useState16 } from "react";
 
 // src/components/GenUI/HITLContainer.tsx
 import {
@@ -3783,12 +3785,12 @@ var FileExplorerButton = ({}) => {
 
 // src/components/Chat/AgentHeader.tsx
 import { Welcome } from "@ant-design/x";
-import { useMemo as useMemo4 } from "react";
+import { useMemo as useMemo5 } from "react";
 import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
 var { Text: Text10 } = Typography12;
 var AgentHeader = (props) => {
   const { description, avatar, name, extra, extraMeta } = props;
-  const extraMetaComponents = useMemo4(() => {
+  const extraMetaComponents = useMemo5(() => {
     if (extraMeta && extraMeta.length > 0) {
       return extraMeta.map((meta) => {
         const Element = getElement(meta.id)?.card_view;
@@ -3860,7 +3862,7 @@ var Chating = ({
   const { styles } = useStyle();
   const [headerOpen, setHeaderOpen] = useState16(false);
   const attachmentsRef = useRef8(null);
-  const senderRef = React6.useRef(null);
+  const senderRef = React7.useRef(null);
   const {
     messages,
     sendMessage,
@@ -4540,7 +4542,7 @@ import {
   useCallback as useCallback10,
   useContext as useContext6,
   useEffect as useEffect13,
-  useMemo as useMemo6,
+  useMemo as useMemo7,
   useRef as useRef10,
   useState as useState20
 } from "react";
@@ -4551,7 +4553,7 @@ import {
   useCallback as useCallback9,
   useContext as useContext5,
   useEffect as useEffect12,
-  useMemo as useMemo5,
+  useMemo as useMemo6,
   useRef as useRef9,
   useState as useState19
 } from "react";
@@ -4705,7 +4707,7 @@ var AssistantContextProvider = ({
   const {
     config: { baseURL, apiKey = "", transport = "sse" }
   } = useLatticeChatShellContext();
-  const client = useMemo5(
+  const client = useMemo6(
     () => new Client2({
       baseURL,
       apiKey,
@@ -4979,7 +4981,7 @@ var ConversationContextProvider = ({
   const {
     config: { baseURL, apiKey = "", transport = "sse" }
   } = useLatticeChatShellContext();
-  const client = useMemo6(
+  const client = useMemo7(
     () => new Client3({
       baseURL,
       apiKey,
@@ -5077,7 +5079,7 @@ var ConversationContextProvider = ({
       prevAssistantIdRef.current = null;
     }
   }, [assistantId, loadThreads]);
-  const thread = useMemo6(() => {
+  const thread = useMemo7(() => {
     if (!assistantId || !threadId) {
       return null;
     }
@@ -5236,7 +5238,7 @@ var useConversationContext = () => {
 // src/components/Chat/AgentConversations.tsx
 import { Conversations } from "@ant-design/x";
 import { theme } from "antd";
-import { useMemo as useMemo7 } from "react";
+import { useMemo as useMemo8 } from "react";
 import { jsx as jsx38 } from "react/jsx-runtime";
 var AgentConversations = () => {
   const { token } = theme.useToken();
@@ -5254,7 +5256,7 @@ var AgentConversations = () => {
     background: "transparent",
     borderRadius: token.borderRadius
   };
-  const threadItems = useMemo7(() => {
+  const threadItems = useMemo8(() => {
     return threads || [];
   }, [threads]);
   const items = threadItems.map((thread2) => ({