@axiom-lattice/react-sdk 2.1.16 → 2.1.17

package/dist/index.mjs

@@ -1283,92 +1283,67 @@ import { Button, Space, Typography } from "antd";
 import { useState as useState8 } from "react";
 
 // src/components/GenUI/MDResponse.tsx
-import ReactMarkdown from "react-markdown";
-import { Prism } from "react-syntax-highlighter";
-import { dark } from "react-syntax-highlighter/dist/cjs/styles/prism";
-import remarkGfm from "remark-gfm";
-import { useMemo as useMemo2, useRef as useRef5, useState as useState7 } from "react";
+import XMarkdown from "@ant-design/x-markdown";
+import { useRef as useRef5, useState as useState7 } from "react";
 import { createStyles as createStyles2 } from "antd-style";
-import rehypeRaw from "rehype-raw";
 
-// src/components/GenUI/MDMermaid.tsx
-import mermaid from "mermaid";
-import { useEffect as useEffect5, useRef as useRef4 } from "react";
-import { v4 } from "uuid";
+// src/components/GenUI/Code.tsx
+import { CodeHighlighter, Mermaid } from "@ant-design/x";
+
+// src/components/GenUI/ReactInfographic.tsx
+import { Infographic } from "@antv/infographic";
+import { useRef as useRef4, useEffect as useEffect5 } from "react";
 import { jsx as jsx5 } from "react/jsx-runtime";
-var MDMermaid = ({ children = [] }) => {
-  const domId = useRef4(`dom${v4()}`);
-  const code = String(children);
-  const target = useRef4(null);
-  const targetInternal = useRef4(null);
+var ReactInfographic = (props) => {
+  const { children } = props;
+  const $container = useRef4(null);
+  let infographicInstance = useRef4(null);
   useEffect5(() => {
-    if (target.current && code) {
-      mermaid.initialize({
-        startOnLoad: true,
-        theme: "default",
-        securityLevel: "loose",
-        themeCSS: `
-          g.classGroup rect {
-            fill: #282a36;
-            stroke: #6272a4;
-          } 
-          g.classGroup text {
-            fill: #f8f8f2;
-          }
-          g.classGroup line {
-            stroke: #f8f8f2;
-            stroke-width: 0.5;
-          }
-          .classLabel .box {
-            stroke: #21222c;
-            stroke-width: 3;
-            fill: #21222c;
-            opacity: 1;
-          }
-          .classLabel .label {
-            fill: #f1fa8c;
-          }
-          .relation {
-            stroke: #ff79c6;
-            stroke-width: 1;
-          }
-          #compositionStart, #compositionEnd {
-            fill: #bd93f9;
-            stroke: #bd93f9;
-            stroke-width: 1;
-          }
-          #aggregationEnd, #aggregationStart {
-            fill: #21222c;
-            stroke: #50fa7b;
-            stroke-width: 1;
-          }
-          #dependencyStart, #dependencyEnd {
-            fill: #00bcd4;
-            stroke: #00bcd4;
-            stroke-width: 1;
-          } 
-          #extensionStart, #extensionEnd {
-            fill: #f8f8f2;
-            stroke: #f8f8f2;
-            stroke-width: 1;
-          }
-          `,
-        fontFamily: "Fira Code",
-        sequence: { showSequenceNumbers: true }
-      });
-      mermaid.render(domId.current, code, target.current).then((result) => {
-        target.current.innerHTML = result.svg;
-      }).catch((error) => {
-        console.log(error);
+    if ($container.current) {
+      infographicInstance.current = new Infographic({
+        container: $container.current
       });
     }
-  }, [code]);
-  return /* @__PURE__ */ jsx5("div", { style: { minWidth: 750 }, ref: target, children: /* @__PURE__ */ jsx5("code", { id: domId.current, style: { display: "none" } }) });
+    return () => {
+      infographicInstance.current?.destroy();
+    };
+  }, []);
+  useEffect5(() => {
+    infographicInstance.current?.render(children);
+  }, [children]);
+  return /* @__PURE__ */ jsx5("div", { ref: $container });
 };
 
-// src/components/GenUI/MDResponse.tsx
+// src/components/GenUI/Code.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
-var SyntaxHighlighter = Prism;
+var Code = (props) => {
+  const { className, children } = props;
+  const language = className?.match(/language-(\w+)/)?.[1] || "";
+  if (typeof children !== "string") return null;
+  if (language) {
+    const Element = getElement(language)?.card_view;
+    if (Element) {
+      let childrenData;
+      try {
+        childrenData = JSON.parse(children);
+      } catch (error) {
+      }
+      return /* @__PURE__ */ jsx6(Element, { component_key: language, data: childrenData });
+    }
+    switch (language) {
+      case "infographic":
+        return /* @__PURE__ */ jsx6(ReactInfographic, { children });
+      case "mermaid":
+        return /* @__PURE__ */ jsx6(Mermaid, { children });
+      default:
+        return /* @__PURE__ */ jsx6(CodeHighlighter, { lang: language, children });
+    }
+  }
+  return /* @__PURE__ */ jsx6(CodeHighlighter, { lang: language, children });
+};
+
+// src/components/GenUI/MDResponse.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
 var useStyles = createStyles2(({ token, css }) => ({
   markdownTableContainer: css`
     overflow-x: auto;
@@ -1458,105 +1433,14 @@ var MDResponse = ({
   noGenUI
 }) => {
   const { styles } = useStyles();
-  const config = useMemo2(
-    () => ({
-      components: {
-        a({ node, ...props }) {
-          if (embeddedLink) {
-            return /* @__PURE__ */ jsx6(IFrameCard, { src: props.href });
-          } else return /* @__PURE__ */ jsx6("a", { ...props });
-        },
-        table({ node, ...props }) {
-          return /* @__PURE__ */ jsx6("div", { className: styles.markdownTableContainer, children: /* @__PURE__ */ jsx6("table", { className: styles.markdownTable, ...props }) });
-        },
-        th({ node, ...props }) {
-          return /* @__PURE__ */ jsx6("th", { className: styles.markdownTh, ...props });
-        },
-        td({ node, ...props }) {
-          return /* @__PURE__ */ jsx6("td", { className: styles.markdownTd, ...props });
-        },
-        tr({ node, ...props }) {
-          return /* @__PURE__ */ jsx6("tr", { className: styles.markdownTr, ...props });
-        },
-        code({ children, className, node, ...rest }) {
-          const match = /language-(\w+)/.exec(className || "");
-          const language = match?.[1];
-          if (language) {
-            const Element = getElement(language)?.card_view;
-            if (Element) {
-              let childrenData;
-              try {
-                childrenData = JSON.parse(children);
-              } catch (error) {
-              }
-              return /* @__PURE__ */ jsx6(
-                Element,
-                {
-                  context,
-                  interactive,
-                  component_key: language,
-                  data: childrenData
-                }
-              );
-            }
-            switch (language) {
-              case "mermaid":
-                return /* @__PURE__ */ jsx6(MDMermaid, { children });
-              default:
-                return /* @__PURE__ */ jsx6(
-                  SyntaxHighlighter,
-                  {
-                    ...rest,
-                    PreTag: "div",
-                    language,
-                    style: dark,
-                    children: String(children).replace(/\n$/, "")
-                  }
-                );
-            }
-          } else {
-            return /* @__PURE__ */ jsx6("code", { ...rest, className, children });
-          }
-        }
-      },
-      remarkPlugins: [remarkGfm],
-      rehypePlugins: [rehypeRaw]
-    }),
-    [userData, interactive, embeddedLink, styles]
-  );
-  return /* @__PURE__ */ jsx6("div", { className: styles.markdownContainer, children: /* @__PURE__ */ jsx6(ReactMarkdown, { ...config, children: content }) });
+  return /* @__PURE__ */ jsx7("div", { className: styles.markdownContainer, children: /* @__PURE__ */ jsx7(XMarkdown, { components: { code: Code }, paragraphTag: "div", children: content }) });
 };
 var MDViewFormItem = ({ value }) => {
-  return /* @__PURE__ */ jsx6(MDResponse, { content: value || "" });
-};
-var IFrameCard = ({ src }) => {
-  const containerRef = useRef5(null);
-  const [width, setWidth] = useState7("640px");
-  const [height, setHeight] = useState7("320px");
-  const valid_images = [
-    "jpg",
-    "jpeg",
-    "png",
-    "gif",
-    "bmp",
-    "svg",
-    "tif",
-    "tiff",
-    "webp"
-  ];
-  if (!src) {
-    return null;
-  }
-  const spitedSrc = src.split(".");
-  if (valid_images.includes(spitedSrc[spitedSrc.length - 1].toLowerCase())) {
-    return /* @__PURE__ */ jsx6("div", { children: /* @__PURE__ */ jsx6("img", { src, style: { width: "100%" } }) });
-  } else {
-    return /* @__PURE__ */ jsx6("div", { children: /* @__PURE__ */ jsx6("a", { href: src, target: "_black", children: src }) });
-  }
+  return /* @__PURE__ */ jsx7(MDResponse, { content: value || "" });
 };
 
 // src/components/GenUI/elements/confirm_feedback.tsx
-import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
 var { Text } = Typography;
 var ConfirmFeedback = ({
   data,
@@ -1566,8 +1450,8 @@ var ConfirmFeedback = ({
   const { sendMessage } = useAgentChat();
   const [clicked, setClicked] = useState8(false);
   return /* @__PURE__ */ jsxs2(Space, { direction: "vertical", style: { width: "100%" }, children: [
-    /* @__PURE__ */ jsx7(MDResponse, { content: message5 }),
-    options ? /* @__PURE__ */ jsx7(Space, { style: { justifyContent: "flex-end", width: "100%" }, children: options?.map((option) => /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(MDResponse, { content: message5 }),
+    options ? /* @__PURE__ */ jsx8(Space, { style: { justifyContent: "flex-end", width: "100%" }, children: options?.map((option) => /* @__PURE__ */ jsx8(
       Button,
       {
         title: option.description,
@@ -1591,7 +1475,7 @@ var ConfirmFeedback = ({
       },
       option.value
     )) }) : /* @__PURE__ */ jsxs2(Space, { style: { justifyContent: "flex-end", width: "100%" }, children: [
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx8(
         Button,
         {
           disabled: !interactive || clicked || feedback,
@@ -1614,7 +1498,7 @@ var ConfirmFeedback = ({
           children: "\u786E\u8BA4"
         }
       ),
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx8(
         Button,
         {
           disabled: !interactive || clicked || feedback,
@@ -1645,7 +1529,7 @@ var ConfirmFeedback = ({
 import { Table, Typography as Typography2, Button as Button2, Flex, Space as Space2 } from "antd";
 import { useState as useState9 } from "react";
 import { DownloadOutlined, ExpandAltOutlined } from "@ant-design/icons";
-import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
 var { Text: Text2 } = Typography2;
 var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = true }) => {
   const { dataSource, message: message5 } = data ?? {};
@@ -1701,12 +1585,12 @@ var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = t
     }
     return /* @__PURE__ */ jsxs3("div", { style: { padding: "16px" }, children: [
       expandItem.content && /* @__PURE__ */ jsxs3("div", { style: { marginBottom: "16px" }, children: [
-        /* @__PURE__ */ jsx8(Text2, { strong: true, style: { display: "block", marginBottom: "8px" }, children: "\u8BE6\u7EC6\u4FE1\u606F:" }),
-        /* @__PURE__ */ jsx8(MDResponse, { content: expandItem.content })
+        /* @__PURE__ */ jsx9(Text2, { strong: true, style: { display: "block", marginBottom: "8px" }, children: "\u8BE6\u7EC6\u4FE1\u606F:" }),
+        /* @__PURE__ */ jsx9(MDResponse, { content: expandItem.content })
       ] }),
       expandItem.dataSource && expandItem.dataSource.length > 0 && /* @__PURE__ */ jsxs3("div", { children: [
-        /* @__PURE__ */ jsx8(Text2, { strong: true, style: { display: "block", marginBottom: "8px" }, children: "\u5B50\u8868\u6570\u636E:" }),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(Text2, { strong: true, style: { display: "block", marginBottom: "8px" }, children: "\u5B50\u8868\u6570\u636E:" }),
+        /* @__PURE__ */ jsx9(
           GenericDataTable,
           {
             component_key: `nested_${record.key}`,
@@ -1727,19 +1611,19 @@ var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = t
     );
   };
   const hasExpandableRows = processedData.some((item) => item.expandItem);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     Table,
     {
       size: "small",
       title: () => /* @__PURE__ */ jsxs3(Flex, { justify: "space-between", align: "center", children: [
-        /* @__PURE__ */ jsx8(Space2, { children: /* @__PURE__ */ jsx8(Text2, { strong: true, style: { fontSize: 16 }, children: message5 || "" }) }),
+        /* @__PURE__ */ jsx9(Space2, { children: /* @__PURE__ */ jsx9(Text2, { strong: true, style: { fontSize: 16 }, children: message5 || "" }) }),
         /* @__PURE__ */ jsxs3(Space2, { children: [
-          /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsx9(
             Button2,
             {
               type: "text",
               size: "small",
-              icon: /* @__PURE__ */ jsx8(DownloadOutlined, {}),
+              icon: /* @__PURE__ */ jsx9(DownloadOutlined, {}),
               onClick: exportToExcel,
               disabled: !processedData || processedData.length === 0,
               children: "\u5BFC\u51FAExcel"
@@ -1758,7 +1642,7 @@ var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = t
                 });
               },
               children: [
-                /* @__PURE__ */ jsx8(ExpandAltOutlined, {}),
+                /* @__PURE__ */ jsx9(ExpandAltOutlined, {}),
                 "\u5C55\u5F00"
               ]
             }
@@ -1787,9 +1671,9 @@ var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = t
 };
 
 // src/components/GenUI/elements/generic_data_table_side_app.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var GenericDataTableSideApp = (props) => {
-  return /* @__PURE__ */ jsx9(GenericDataTable, { ...props, default_open_in_side_app: false });
+  return /* @__PURE__ */ jsx10(GenericDataTable, { ...props, default_open_in_side_app: false });
 };
 
 // src/components/GenUI/elements/ToolCall.tsx
@@ -1805,7 +1689,7 @@ import {
 import { Card as Card2, Typography as Typography3, Space as Space3, Tag } from "antd";
 import { createStyles as createStyles3 } from "antd-style";
 import { ToolOutlined, CodeOutlined } from "@ant-design/icons";
-import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
 var { Text: Text3, Title } = Typography3;
 var useStyle2 = createStyles3(({ token, css }) => ({
   card: css`
@@ -1875,7 +1759,7 @@ var ToolCard = ({
 }) => {
   const { styles } = useStyle2();
   if (!data || !data.name) {
-    return /* @__PURE__ */ jsx10(Card2, { size: "small", className: styles.card, bordered: false, children: /* @__PURE__ */ jsx10(Text3, { type: "secondary", children: "Invalid tool data" }) });
+    return /* @__PURE__ */ jsx11(Card2, { size: "small", className: styles.card, bordered: false, children: /* @__PURE__ */ jsx11(Text3, { type: "secondary", children: "Invalid tool data" }) });
   }
   const formatToolName = (name) => {
     return name.replace(/([a-z])([A-Z])/g, "$1 $2").split(/[_-]/).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
@@ -1928,11 +1812,11 @@ var ToolCard = ({
       children: [
         /* @__PURE__ */ jsxs4("div", { className: styles.header, children: [
           /* @__PURE__ */ jsxs4(Space3, { align: "center", children: [
-            /* @__PURE__ */ jsx10(ToolOutlined, { style: { color: "#1890ff", fontSize: "18px" } }),
-            /* @__PURE__ */ jsx10(Title, { level: 5, className: styles.toolName, style: { margin: 0 }, children: formatToolName(data.name) }),
-            data.type && /* @__PURE__ */ jsx10(Tag, { color: "blue", className: styles.typeTag, children: data.type })
+            /* @__PURE__ */ jsx11(ToolOutlined, { style: { color: "#1890ff", fontSize: "18px" } }),
+            /* @__PURE__ */ jsx11(Title, { level: 5, className: styles.toolName, style: { margin: 0 }, children: formatToolName(data.name) }),
+            data.type && /* @__PURE__ */ jsx11(Tag, { color: "blue", className: styles.typeTag, children: data.type })
           ] }),
-          data.description && /* @__PURE__ */ jsx10(
+          data.description && /* @__PURE__ */ jsx11(
             Text3,
             {
               type: "secondary",
@@ -1943,17 +1827,17 @@ var ToolCard = ({
         ] }),
         hasParameters ? /* @__PURE__ */ jsxs4("div", { children: [
           /* @__PURE__ */ jsxs4(Space3, { align: "center", style: { marginBottom: "12px" }, children: [
-            /* @__PURE__ */ jsx10(CodeOutlined, { style: { color: "#52c41a", fontSize: "14px" } }),
+            /* @__PURE__ */ jsx11(CodeOutlined, { style: { color: "#52c41a", fontSize: "14px" } }),
             /* @__PURE__ */ jsxs4(Text3, { strong: true, style: { fontSize: "14px" }, children: [
               "Parameters (",
               Object.keys(data.parameters).length,
               ")"
             ] })
           ] }),
-          /* @__PURE__ */ jsx10("div", { className: styles.parameterGrid, children: Object.entries(data.parameters).map(([key, value], index) => /* @__PURE__ */ jsxs4("div", { className: styles.parameterItem, children: [
-            /* @__PURE__ */ jsx10("div", { className: styles.parameterName, children: /* @__PURE__ */ jsxs4(Space3, { align: "center", children: [
-              /* @__PURE__ */ jsx10("span", { children: key }),
-              /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11("div", { className: styles.parameterGrid, children: Object.entries(data.parameters).map(([key, value], index) => /* @__PURE__ */ jsxs4("div", { className: styles.parameterItem, children: [
+            /* @__PURE__ */ jsx11("div", { className: styles.parameterName, children: /* @__PURE__ */ jsxs4(Space3, { align: "center", children: [
+              /* @__PURE__ */ jsx11("span", { children: key }),
+              /* @__PURE__ */ jsx11(
                 Tag,
                 {
                   color: getTypeColor(value),
@@ -1962,11 +1846,11 @@ var ToolCard = ({
                 }
               )
             ] }) }),
-            /* @__PURE__ */ jsx10("div", { className: styles.parameterValue, children: formatParameterValue(value) })
+            /* @__PURE__ */ jsx11("div", { className: styles.parameterValue, children: formatParameterValue(value) })
           ] }, index)) })
         ] }) : /* @__PURE__ */ jsxs4(Space3, { align: "center", children: [
-          /* @__PURE__ */ jsx10(CodeOutlined, { style: { color: "#d9d9d9", fontSize: "14px" } }),
-          /* @__PURE__ */ jsx10(Text3, { type: "secondary", style: { fontSize: "13px" }, children: "No parameters" })
+          /* @__PURE__ */ jsx11(CodeOutlined, { style: { color: "#d9d9d9", fontSize: "14px" } }),
+          /* @__PURE__ */ jsx11(Text3, { type: "secondary", style: { fontSize: "13px" }, children: "No parameters" })
         ] })
       ]
     }
@@ -1974,15 +1858,15 @@ var ToolCard = ({
 };
 
 // src/components/GenUI/elements/ToolCall.tsx
-import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 function getStatusIcon(status) {
   switch (status) {
     case "success":
-      return /* @__PURE__ */ jsx11(CheckCircleOutlined, { style: { color: "#52c41a" } });
+      return /* @__PURE__ */ jsx12(CheckCircleOutlined, { style: { color: "#52c41a" } });
     case "error":
-      return /* @__PURE__ */ jsx11(InfoCircleOutlined, { style: { color: "#ff4d4f" } });
+      return /* @__PURE__ */ jsx12(InfoCircleOutlined, { style: { color: "#ff4d4f" } });
     default:
-      return /* @__PURE__ */ jsx11(LoadingOutlined, { style: { color: "#1890ff" } });
+      return /* @__PURE__ */ jsx12(LoadingOutlined, { style: { color: "#1890ff" } });
   }
 }
 var ToolCall = ({ data }) => {
@@ -2006,8 +1890,8 @@ var ToolCall = ({ data }) => {
     }
   };
   const header = /* @__PURE__ */ jsxs5(Flex2, { align: "center", wrap: "wrap", children: [
-    /* @__PURE__ */ jsx11(Typography4.Text, { strong: true, children: formatToolName(toolCallData.name) }),
-    /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx12(Typography4.Text, { strong: true, children: formatToolName(toolCallData.name) }),
+    /* @__PURE__ */ jsx12(
       Typography4.Text,
       {
         type: "secondary",
@@ -2022,7 +1906,7 @@ var ToolCall = ({ data }) => {
     type: "tool_call"
   };
   const content = /* @__PURE__ */ jsxs5("div", { style: { marginTop: "8px" }, children: [
-    /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx12(
       ToolCard,
       {
         data: toolCardData,
@@ -2031,7 +1915,7 @@ var ToolCall = ({ data }) => {
       }
     ),
     toolCallData.response && /* @__PURE__ */ jsxs5("div", { style: { marginTop: "12px" }, children: [
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx12(
         Typography4.Text,
         {
           strong: true,
@@ -2039,7 +1923,7 @@ var ToolCall = ({ data }) => {
           children: "Response:"
         }
       ),
-      /* @__PURE__ */ jsx11(MDResponse, { content: toolCallData.response })
+      /* @__PURE__ */ jsx12(MDResponse, { content: toolCallData.response })
     ] })
   ] });
   const expandIcon = ({ isActive }) => {
@@ -2052,14 +1936,14 @@ var ToolCall = ({ data }) => {
       component_key: toolCallData.id
     });
   }
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     Collapse,
     {
       size: "small",
       bordered: false,
       defaultActiveKey: [],
       expandIcon,
-      children: /* @__PURE__ */ jsx11(
+      children: /* @__PURE__ */ jsx12(
         CollapsePanel,
         {
           header,
@@ -2080,7 +1964,7 @@ import {
   CheckCircleOutlined as CheckCircleOutlined2,
   ClockCircleOutlined
 } from "@ant-design/icons";
-import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 var { Text: Text4 } = Typography5;
 var useStyle3 = createStyles4(({ token, css }) => ({
   card: css`
@@ -2117,11 +2001,11 @@ var Todo = ({
   const getStatusIcon2 = (status) => {
     switch (status) {
       case "completed":
-        return /* @__PURE__ */ jsx12(CheckCircleOutlined2, { style: { color: "#52c41a" } });
+        return /* @__PURE__ */ jsx13(CheckCircleOutlined2, { style: { color: "#52c41a" } });
       case "in_progress":
-        return /* @__PURE__ */ jsx12(ArrowRightOutlined, { style: { fontWeight: "500" } });
+        return /* @__PURE__ */ jsx13(ArrowRightOutlined, { style: { fontWeight: "500" } });
       case "pending":
-        return /* @__PURE__ */ jsx12(ClockCircleOutlined, { style: { color: "gray" } });
+        return /* @__PURE__ */ jsx13(ClockCircleOutlined, { style: { color: "gray" } });
       default:
         return null;
     }
@@ -2163,29 +2047,29 @@ var Todo = ({
     }
   };
   if (!data || !Array.isArray(data)) {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       Card3,
       {
         size: "small",
         className: `shadow-sm ${styles.card}`,
         bordered: false,
-        children: /* @__PURE__ */ jsx12(Text4, { type: "secondary", children: "No todo items available" })
+        children: /* @__PURE__ */ jsx13(Text4, { type: "secondary", children: "No todo items available" })
       }
     );
   }
-  return /* @__PURE__ */ jsx12(Card3, { size: "small", className: `shadow-sm ${styles.card}`, bordered: false, children: /* @__PURE__ */ jsxs6(Space5, { direction: "vertical", style: { width: "100%" }, children: [
-    /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(Card3, { size: "small", className: `shadow-sm ${styles.card}`, bordered: false, children: /* @__PURE__ */ jsxs6(Space5, { direction: "vertical", style: { width: "100%" }, children: [
+    /* @__PURE__ */ jsx13(
       List,
       {
         size: "small",
         dataSource: data,
-        renderItem: (item, index) => /* @__PURE__ */ jsx12(
+        renderItem: (item, index) => /* @__PURE__ */ jsx13(
           List.Item,
           {
             className: `${styles.todoItem} ${getItemClassName(item.status)}`,
             children: /* @__PURE__ */ jsxs6(Space5, { align: "center", style: { width: "100%" }, children: [
               getStatusIcon2(item.status),
-              /* @__PURE__ */ jsx12(Text4, { style: { flex: 1 }, children: item.content })
+              /* @__PURE__ */ jsx13(Text4, { style: { flex: 1 }, children: item.content })
             ] })
           }
         )
@@ -2210,7 +2094,7 @@ var Todo = ({
 import { Space as Space6, Collapse as Collapse2, Typography as Typography6 } from "antd";
 import { UnorderedListOutlined } from "@ant-design/icons";
 import CollapsePanel2 from "antd/es/collapse/CollapsePanel";
-import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 var { Text: Text5 } = Typography6;
 var WriteTodos = ({
   data,
@@ -2224,10 +2108,10 @@ var WriteTodos = ({
     (item) => item.status === "completed"
   ).length;
   const expandIcon = () => {
-    return /* @__PURE__ */ jsx13(UnorderedListOutlined, {});
+    return /* @__PURE__ */ jsx14(UnorderedListOutlined, {});
   };
   const header = /* @__PURE__ */ jsxs7(Space6, { children: [
-    /* @__PURE__ */ jsx13(Text5, { strong: true, children: "Todos" }),
+    /* @__PURE__ */ jsx14(Text5, { strong: true, children: "Todos" }),
     /* @__PURE__ */ jsxs7(Text5, { style: { fontSize: 12 }, type: "secondary", children: [
       completedCount,
       "/",
@@ -2238,19 +2122,19 @@ var WriteTodos = ({
   if (!toolCallData) {
     return null;
   }
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     Collapse2,
     {
       size: "small",
       bordered: false,
       defaultActiveKey: [toolCallData.id],
       expandIcon,
-      children: /* @__PURE__ */ jsx13(
+      children: /* @__PURE__ */ jsx14(
         CollapsePanel2,
         {
           header,
           style: { minWidth: 400 },
-          children: /* @__PURE__ */ jsx13(
+          children: /* @__PURE__ */ jsx14(
             Todo,
             {
               data: data.args.todos,
@@ -2266,7 +2150,7 @@ var WriteTodos = ({
 };
 
 // src/components/GenUI/FileExplorer.tsx
-import { useState as useState10, useEffect as useEffect6, useMemo as useMemo3 } from "react";
+import { useState as useState10, useEffect as useEffect6, useMemo as useMemo2 } from "react";
 import { Splitter, Tree, Empty, Button as Button3, Tooltip, message } from "antd";
 import {
   FolderOutlined,
@@ -2287,40 +2171,40 @@ import {
   FileUnknownOutlined,
   Html5Outlined
 } from "@ant-design/icons";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var getFileIcon = (filename) => {
   const ext = filename?.split(".")?.pop()?.toLowerCase();
   const iconStyle = { fontSize: 14, marginRight: 4, verticalAlign: "middle" };
   switch (ext) {
     case "ts":
     case "tsx":
-      return /* @__PURE__ */ jsx14(CodeOutlined2, { style: { ...iconStyle, color: "#3178c6" } });
+      return /* @__PURE__ */ jsx15(CodeOutlined2, { style: { ...iconStyle, color: "#3178c6" } });
     case "js":
     case "jsx":
-      return /* @__PURE__ */ jsx14(CodeOutlined2, { style: { ...iconStyle, color: "#f7df1e" } });
+      return /* @__PURE__ */ jsx15(CodeOutlined2, { style: { ...iconStyle, color: "#f7df1e" } });
     case "html":
-      return /* @__PURE__ */ jsx14(Html5Outlined, { style: { ...iconStyle, color: "#e34c26" } });
+      return /* @__PURE__ */ jsx15(Html5Outlined, { style: { ...iconStyle, color: "#e34c26" } });
     case "css":
     case "less":
     case "scss":
-      return /* @__PURE__ */ jsx14(FileUnknownOutlined, { style: { ...iconStyle, color: "#563d7c" } });
+      return /* @__PURE__ */ jsx15(FileUnknownOutlined, { style: { ...iconStyle, color: "#563d7c" } });
     case "md":
-      return /* @__PURE__ */ jsx14(FileMarkdownOutlined, { style: { ...iconStyle, color: "#083fa1" } });
+      return /* @__PURE__ */ jsx15(FileMarkdownOutlined, { style: { ...iconStyle, color: "#083fa1" } });
     case "json":
-      return /* @__PURE__ */ jsx14(FileTextOutlined, { style: { ...iconStyle, color: "#fbc02d" } });
+      return /* @__PURE__ */ jsx15(FileTextOutlined, { style: { ...iconStyle, color: "#fbc02d" } });
     case "png":
     case "jpg":
     case "jpeg":
     case "gif":
     case "svg":
-      return /* @__PURE__ */ jsx14(FileImageOutlined, { style: { ...iconStyle, color: "#4caf50" } });
+      return /* @__PURE__ */ jsx15(FileImageOutlined, { style: { ...iconStyle, color: "#4caf50" } });
     default:
-      return /* @__PURE__ */ jsx14(FileOutlined, { style: { ...iconStyle, color: "#9e9e9e" } });
+      return /* @__PURE__ */ jsx15(FileOutlined, { style: { ...iconStyle, color: "#9e9e9e" } });
   }
 };
 
 // src/components/GenUI/FileExplorer.tsx
-import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
 var useStyles2 = createStyles5(({ token, css }) => ({
   container: css`
     height: 100%;
@@ -2452,7 +2336,7 @@ var getFolderIcon = (expanded) => {
     color: "#dcb67a",
     verticalAlign: "middle"
   };
-  return expanded ? /* @__PURE__ */ jsx15(FolderOpenOutlined, { style: iconStyle }) : /* @__PURE__ */ jsx15(FolderOutlined, { style: iconStyle });
+  return expanded ? /* @__PURE__ */ jsx16(FolderOpenOutlined, { style: iconStyle }) : /* @__PURE__ */ jsx16(FolderOutlined, { style: iconStyle });
 };
 var sortTreeNodes = (nodes) => {
   return nodes.sort((a, b) => {
@@ -2477,7 +2361,7 @@ var buildTreeData = (files, expandedKeys) => {
       const key = parts.slice(0, index + 1).join("/");
       let existingNode = currentLevel.find((node) => node.key === key);
       if (!existingNode) {
-        const title = part === "" && index === 0 ? /* @__PURE__ */ jsx15(
+        const title = part === "" && index === 0 ? /* @__PURE__ */ jsx16(
           "span",
           {
             style: {
@@ -2538,7 +2422,7 @@ var FileExplorer = ({
       setSelectedKey(list[0].name);
     }
   }, [files]);
-  const treeData = useMemo3(
+  const treeData = useMemo2(
     () => buildTreeData(fileList, expandedKeys),
     [fileList, expandedKeys]
   );
@@ -2559,7 +2443,7 @@ var FileExplorer = ({
       setExpandedKeys(getAllKeys(treeData));
     }
   }, [treeData.length]);
-  const selectedFile = useMemo3(() => {
+  const selectedFile = useMemo2(() => {
     return fileList.find((f) => f.name === selectedKey);
   }, [fileList, selectedKey]);
   const handleCopy = () => {
@@ -2586,7 +2470,7 @@ var FileExplorer = ({
   };
   const renderContent = () => {
     if (!selectedFile) {
-      return /* @__PURE__ */ jsx15("div", { className: styles.emptyState, children: /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx16("div", { className: styles.emptyState, children: /* @__PURE__ */ jsx16(
         Empty,
         {
           description: "Select a file to preview",
@@ -2601,32 +2485,32 @@ var FileExplorer = ({
         style: { minHeight: "100%", display: "flex", flexDirection: "column" },
         children: [
           /* @__PURE__ */ jsxs8("div", { className: styles.header, children: [
-            /* @__PURE__ */ jsx15(Tooltip, { title: "Copy Content", children: /* @__PURE__ */ jsx15(
+            /* @__PURE__ */ jsx16(Tooltip, { title: "Copy Content", children: /* @__PURE__ */ jsx16(
               Button3,
               {
                 type: "text",
-                icon: copied ? /* @__PURE__ */ jsx15(CheckOutlined, {}) : /* @__PURE__ */ jsx15(CopyOutlined, {}),
+                icon: copied ? /* @__PURE__ */ jsx16(CheckOutlined, {}) : /* @__PURE__ */ jsx16(CopyOutlined, {}),
                 onClick: handleCopy,
                 size: "small"
               }
             ) }),
-            /* @__PURE__ */ jsx15(Tooltip, { title: "Download File", children: /* @__PURE__ */ jsx15(
+            /* @__PURE__ */ jsx16(Tooltip, { title: "Download File", children: /* @__PURE__ */ jsx16(
               Button3,
               {
                 type: "text",
-                icon: /* @__PURE__ */ jsx15(DownloadOutlined2, {}),
+                icon: /* @__PURE__ */ jsx16(DownloadOutlined2, {}),
                 onClick: handleDownload,
                 size: "small"
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsx15("div", { className: styles.contentBody, children: /* @__PURE__ */ jsx15(MDResponse, { content }) })
+          /* @__PURE__ */ jsx16("div", { className: styles.contentBody, children: /* @__PURE__ */ jsx16(MDResponse, { content }) })
         ]
       }
     );
   };
-  return /* @__PURE__ */ jsx15("div", { className: styles.container, children: /* @__PURE__ */ jsxs8(Splitter, { className: styles.splitter, children: [
-    /* @__PURE__ */ jsx15(Splitter.Panel, { defaultSize: "25%", min: "15%", max: "40%", children: /* @__PURE__ */ jsx15("div", { className: styles.leftPanel, children: /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16("div", { className: styles.container, children: /* @__PURE__ */ jsxs8(Splitter, { className: styles.splitter, children: [
+    /* @__PURE__ */ jsx16(Splitter.Panel, { defaultSize: "25%", min: "15%", max: "40%", children: /* @__PURE__ */ jsx16("div", { className: styles.leftPanel, children: /* @__PURE__ */ jsx16(
       Tree,
       {
         showIcon: true,
@@ -2664,7 +2548,7 @@ var FileExplorer = ({
         }
       }
     ) }) }),
-    /* @__PURE__ */ jsx15(Splitter.Panel, { children: /* @__PURE__ */ jsx15("div", { className: styles.rightPanel, children: renderContent() }) })
+    /* @__PURE__ */ jsx16(Splitter.Panel, { children: /* @__PURE__ */ jsx16("div", { className: styles.rightPanel, children: renderContent() }) })
   ] }) });
 };
 
@@ -2681,7 +2565,7 @@ import {
 } from "antd";
 import dayjs from "dayjs";
 import { useState as useState11 } from "react";
-import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
 var AttachmentsCard = ({
   data,
   component_key,
@@ -2749,7 +2633,7 @@ var AttachmentsCard = ({
   };
   const DownloadButton = ({ item }) => {
     if (!showDownloadButton) return null;
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx17(
       "div",
       {
         style: {
@@ -2763,7 +2647,7 @@ var AttachmentsCard = ({
       }
     );
   };
-  const renderFileDescription = (item) => /* @__PURE__ */ jsx16(Space7, { direction: "vertical", size: size === "small" ? 2 : 4, children: /* @__PURE__ */ jsx16(Space7, { children: /* @__PURE__ */ jsx16(
+  const renderFileDescription = (item) => /* @__PURE__ */ jsx17(Space7, { direction: "vertical", size: size === "small" ? 2 : 4, children: /* @__PURE__ */ jsx17(Space7, { children: /* @__PURE__ */ jsx17(
     Text13,
     {
       type: "secondary",
@@ -2778,7 +2662,7 @@ var AttachmentsCard = ({
     const shouldShowViewMore2 = displayData2.length > 4;
     const visibleData2 = showAll ? displayData2 : displayData2.slice(0, 4);
     return /* @__PURE__ */ jsxs9(Flex3, { vertical: true, gap: "small", children: [
-      /* @__PURE__ */ jsx16(Row, { gutter: [8, 8], children: visibleData2.map((item) => /* @__PURE__ */ jsx16(Col, { span: 24 / columns, children: /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17(Row, { gutter: [8, 8], children: visibleData2.map((item) => /* @__PURE__ */ jsx17(Col, { span: 24 / columns, children: /* @__PURE__ */ jsx17(
         "div",
         {
           onClick: (evt) => {
@@ -2786,8 +2670,8 @@ var AttachmentsCard = ({
             handleItemClick(item);
           },
           children: /* @__PURE__ */ jsxs9(Card4, { size: styles.cardSize, style: getCardStyle(item), children: [
-            /* @__PURE__ */ jsx16(DownloadButton, { item }),
-            /* @__PURE__ */ jsx16(
+            /* @__PURE__ */ jsx17(DownloadButton, { item }),
+            /* @__PURE__ */ jsx17(
               FileCard,
               {
                 style: getFileCardStyle(item),
@@ -2796,7 +2680,7 @@ var AttachmentsCard = ({
                 description: renderFileDescription(item)
               }
             ),
-            item.files && /* @__PURE__ */ jsx16(
+            item.files && /* @__PURE__ */ jsx17(
               AttachmentsCard,
               {
                 data: item.files,
@@ -2809,7 +2693,7 @@ var AttachmentsCard = ({
           ] })
         }
       ) }, item.id)) }),
-      shouldShowViewMore2 && /* @__PURE__ */ jsx16(
+      shouldShowViewMore2 && /* @__PURE__ */ jsx17(
         Button4,
         {
           type: "link",
@@ -2824,9 +2708,9 @@ var AttachmentsCard = ({
   const shouldShowViewMore = displayData.length > 4;
   const visibleData = showAll ? displayData : displayData.slice(0, 4);
   return /* @__PURE__ */ jsxs9(Flex3, { vertical: true, gap: size === "small" ? "small" : "middle", children: [
-    visibleData.map((item) => /* @__PURE__ */ jsx16("div", { onClick: () => handleItemClick(item), children: /* @__PURE__ */ jsxs9(Card4, { size: styles.cardSize, style: getCardStyle(item), children: [
-      /* @__PURE__ */ jsx16(DownloadButton, { item }),
-      /* @__PURE__ */ jsx16(
+    visibleData.map((item) => /* @__PURE__ */ jsx17("div", { onClick: () => handleItemClick(item), children: /* @__PURE__ */ jsxs9(Card4, { size: styles.cardSize, style: getCardStyle(item), children: [
+      /* @__PURE__ */ jsx17(DownloadButton, { item }),
+      /* @__PURE__ */ jsx17(
         FileCard,
         {
           style: getFileCardStyle(item),
@@ -2841,7 +2725,7 @@ var AttachmentsCard = ({
           item.files.length,
           ")"
         ] }),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           AttachmentsCard,
           {
             data: item.files,
@@ -2853,7 +2737,7 @@ var AttachmentsCard = ({
         )
       ] })
     ] }) }, item.id)),
-    shouldShowViewMore && /* @__PURE__ */ jsx16(
+    shouldShowViewMore && /* @__PURE__ */ jsx17(
       Button4,
       {
         type: "link",
@@ -2872,7 +2756,7 @@ var AttachmentsCard = ({
 // src/components/GenUI/elements/attachments_viewer_side_app.tsx
 import { Button as Button5, Empty as Empty2, Skeleton } from "antd";
 import { useState as useState12 } from "react";
-import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
 function AttachmentsViewerSideApp({
   data,
   component_key
@@ -2881,7 +2765,7 @@ function AttachmentsViewerSideApp({
   const [loading, setLoading] = useState12(true);
   const { file_id } = data ?? {};
   if (loading) {
-    return /* @__PURE__ */ jsx17(Skeleton, { active: true });
+    return /* @__PURE__ */ jsx18(Skeleton, { active: true });
   }
   const canPreviewInIframe = (fileName) => {
     if (!fileName) return false;
@@ -2916,17 +2800,17 @@ function AttachmentsViewerSideApp({
     return previewableExtensions.includes(extension);
   };
   const isPreviewable = fileUri?.fileName ? canPreviewInIframe(fileUri.fileName) : false;
-  return isPreviewable ? /* @__PURE__ */ jsx17(
+  return isPreviewable ? /* @__PURE__ */ jsx18(
     "iframe",
     {
       style: { width: "100%", height: "100%", border: 0 },
       src: fileUri?.url
     }
-  ) : /* @__PURE__ */ jsx17(
+  ) : /* @__PURE__ */ jsx18(
     Empty2,
     {
       description: /* @__PURE__ */ jsxs10(Fragment2, { children: [
-        /* @__PURE__ */ jsx17("div", { children: "\u6682\u65F6\u4E0D\u652F\u6301\u9884\u89C8\uFF0C\u8BF7\u4E0B\u8F7D\u540E\u67E5\u770B\u3002" }),
+        /* @__PURE__ */ jsx18("div", { children: "\u6682\u65F6\u4E0D\u652F\u6301\u9884\u89C8\uFF0C\u8BF7\u4E0B\u8F7D\u540E\u67E5\u770B\u3002" }),
         /* @__PURE__ */ jsxs10(Button5, { type: "link", href: fileUri?.url, download: fileUri?.fileName, children: [
           "\u4E0B\u8F7D",
           fileUri?.fileName
@@ -2946,7 +2830,7 @@ import { Collapse as Collapse4 } from "antd";
 import { createStyles as createStyles6 } from "antd-style";
 import { DownOutlined as DownOutlined2, UpOutlined } from "@ant-design/icons";
 import CollapsePanel3 from "antd/es/collapse/CollapsePanel";
-import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
 var DEFAULT_COLLAPSED_MAX_HEIGHT = 180;
 var DEFAULT_EXPANDED_MAX_HEIGHT = 500;
 var useStyle4 = createStyles6(
@@ -3038,7 +2922,7 @@ var ContentPreviewCollapse = ({
     e.stopPropagation();
     setShowFullContent(!showFullContent);
   };
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     Collapse4,
     {
       className: styles.collapse,
@@ -3053,22 +2937,22 @@ var ContentPreviewCollapse = ({
           extra,
           style: { minWidth },
           children: [
-            /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx19(
               "div",
               {
                 className: cx(styles.contentContainer, showFullContent && "expanded"),
                 style: {
                   maxHeight: showFullContent ? expandedMaxHeight : collapsedMaxHeight
                 },
-                children: /* @__PURE__ */ jsx18("div", { ref: contentRef, className: styles.content, children })
+                children: /* @__PURE__ */ jsx19("div", { ref: contentRef, className: styles.content, children })
               }
             ),
-            isOverflowing && /* @__PURE__ */ jsx18("div", { className: styles.toggleButton, onClick: handleToggleContent, children: showFullContent ? /* @__PURE__ */ jsxs11(Fragment3, { children: [
-              /* @__PURE__ */ jsx18(UpOutlined, { style: { fontSize: 10 } }),
-              /* @__PURE__ */ jsx18("span", { children: showLessText })
+            isOverflowing && /* @__PURE__ */ jsx19("div", { className: styles.toggleButton, onClick: handleToggleContent, children: showFullContent ? /* @__PURE__ */ jsxs11(Fragment3, { children: [
+              /* @__PURE__ */ jsx19(UpOutlined, { style: { fontSize: 10 } }),
+              /* @__PURE__ */ jsx19("span", { children: showLessText })
             ] }) : /* @__PURE__ */ jsxs11(Fragment3, { children: [
-              /* @__PURE__ */ jsx18(DownOutlined2, { style: { fontSize: 10 } }),
-              /* @__PURE__ */ jsx18("span", { children: showAllText })
+              /* @__PURE__ */ jsx19(DownOutlined2, { style: { fontSize: 10 } }),
+              /* @__PURE__ */ jsx19("span", { children: showAllText })
             ] }) })
           ]
         },
@@ -3079,7 +2963,7 @@ var ContentPreviewCollapse = ({
 };
 
 // src/components/GenUI/elements/WriteFile.tsx
-import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
 var { Text: Text6 } = Typography8;
 var WriteFile = ({
   data,
@@ -3094,8 +2978,8 @@ var WriteFile = ({
   }
   const expandIcon = () => getFileIcon(file_path);
   const header = /* @__PURE__ */ jsxs12(Space8, { children: [
-    /* @__PURE__ */ jsx19(Text6, { strong: true, children: "New" }),
-    /* @__PURE__ */ jsx19(Text6, { title: file_path, children: file_path?.split("/")?.pop() || "" })
+    /* @__PURE__ */ jsx20(Text6, { strong: true, children: "New" }),
+    /* @__PURE__ */ jsx20(Text6, { title: file_path, children: file_path?.split("/")?.pop() || "" })
   ] });
   const handleItemClick = (toolCallData2) => {
     openSideApp({
@@ -3107,13 +2991,13 @@ var WriteFile = ({
       }
     });
   };
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ContentPreviewCollapse,
     {
       panelKey: toolCallData.id,
       header,
       expandIcon,
-      extra: /* @__PURE__ */ jsx19(
+      extra: /* @__PURE__ */ jsx20(
         Button6,
         {
           type: "link",
@@ -3125,7 +3009,7 @@ var WriteFile = ({
           children: "Diff View"
         }
       ),
-      children: /* @__PURE__ */ jsx19(MDResponse, { content })
+      children: /* @__PURE__ */ jsx20(MDResponse, { content })
     }
   );
 };
@@ -3133,10 +3017,10 @@ var WriteFile = ({
 // src/components/GenUI/elements/file_content_diff_view.tsx
 import ReactDiffViewer from "@alexbruf/react-diff-viewer";
 import "@alexbruf/react-diff-viewer/index.css";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var FileContentDiffView = ({ data, interactive = true, default_open_in_side_app = true }) => {
   const { old_code, new_code } = data;
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     ReactDiffViewer,
     {
       oldValue: old_code,
@@ -3148,7 +3032,7 @@ var FileContentDiffView = ({ data, interactive = true, default_open_in_side_app
 
 // src/components/GenUI/elements/EditFile.tsx
 import { Button as Button7, Space as Space9, Typography as Typography9 } from "antd";
-import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
 var { Text: Text7 } = Typography9;
 var EditFile = ({
   data,
@@ -3163,8 +3047,8 @@ var EditFile = ({
   }
   const expandIcon = () => getFileIcon(file_path);
   const header = /* @__PURE__ */ jsxs13(Space9, { children: [
-    /* @__PURE__ */ jsx21(Text7, { strong: true, children: "Edit" }),
-    /* @__PURE__ */ jsx21(Text7, { title: file_path, children: file_path?.split("/")?.pop() || "" })
+    /* @__PURE__ */ jsx22(Text7, { strong: true, children: "Edit" }),
+    /* @__PURE__ */ jsx22(Text7, { title: file_path, children: file_path?.split("/")?.pop() || "" })
   ] });
   const handleItemClick = (toolCallData2) => {
     openSideApp({
@@ -3176,13 +3060,13 @@ var EditFile = ({
       }
     });
   };
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     ContentPreviewCollapse,
     {
       panelKey: toolCallData.id,
       header,
       expandIcon,
-      extra: /* @__PURE__ */ jsx21(
+      extra: /* @__PURE__ */ jsx22(
         Button7,
         {
           type: "link",
@@ -3194,7 +3078,7 @@ var EditFile = ({
           children: "Diff View"
         }
       ),
-      children: /* @__PURE__ */ jsx21(MDResponse, { content: new_string })
+      children: /* @__PURE__ */ jsx22(MDResponse, { content: new_string })
     }
   );
 };
@@ -3210,7 +3094,7 @@ import {
   RightOutlined as RightOutlined2,
   CarryOutOutlined
 } from "@ant-design/icons";
-import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
 var { Text: Text8 } = Typography10;
 var useStyle5 = createStyles7(({ token, css }) => ({
   card: css`
@@ -3378,14 +3262,14 @@ var TaskCard = ({
     switch (status2) {
       case "success":
         return {
-          icon: /* @__PURE__ */ jsx22(CheckCircleOutlined3, { style: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx23(CheckCircleOutlined3, { style: { fontSize: 16 } }),
           color: "success",
           text: "Completed",
           bgColor: "rgba(82, 196, 26, 0.1)"
         };
       case "error":
         return {
-          icon: /* @__PURE__ */ jsx22(CloseCircleOutlined, { style: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx23(CloseCircleOutlined, { style: { fontSize: 16 } }),
           color: "error",
           text: "Failed",
           bgColor: "rgba(255, 77, 79, 0.1)"
@@ -3393,7 +3277,7 @@ var TaskCard = ({
       case "pending":
       default:
         return {
-          icon: /* @__PURE__ */ jsx22(LoadingOutlined2, { style: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx23(LoadingOutlined2, { style: { fontSize: 16 } }),
           color: "processing",
           text: "In Progress",
           bgColor: "rgba(24, 144, 255, 0.1)"
@@ -3413,7 +3297,7 @@ var TaskCard = ({
       }
     });
   };
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     Card5,
     {
       size: "small",
@@ -3423,27 +3307,27 @@ var TaskCard = ({
       hoverable: interactive,
       bodyStyle: { padding: 0 },
       children: /* @__PURE__ */ jsxs14("div", { className: styles.cardBody, children: [
-        /* @__PURE__ */ jsx22("div", { className: styles.header, children: /* @__PURE__ */ jsxs14("div", { className: styles.titleSection, children: [
-          /* @__PURE__ */ jsx22("div", { className: styles.iconWrapper, children: /* @__PURE__ */ jsx22(CarryOutOutlined, { style: { fontSize: 20, color: "#1890ff" } }) }),
+        /* @__PURE__ */ jsx23("div", { className: styles.header, children: /* @__PURE__ */ jsxs14("div", { className: styles.titleSection, children: [
+          /* @__PURE__ */ jsx23("div", { className: styles.iconWrapper, children: /* @__PURE__ */ jsx23(CarryOutOutlined, { style: { fontSize: 20, color: "#1890ff" } }) }),
           /* @__PURE__ */ jsxs14("div", { className: styles.titleContent, children: [
-            subagent_type && /* @__PURE__ */ jsx22("div", { className: styles.taskType, children: subagent_type }),
-            description && /* @__PURE__ */ jsx22(Text8, { className: styles.description, children: description })
+            subagent_type && /* @__PURE__ */ jsx23("div", { className: styles.taskType, children: subagent_type }),
+            description && /* @__PURE__ */ jsx23(Text8, { className: styles.description, children: description })
           ] })
         ] }) }),
         /* @__PURE__ */ jsxs14("div", { className: styles.footer, children: [
           /* @__PURE__ */ jsxs14("div", { className: styles.footerLeft, children: [
             assignee && /* @__PURE__ */ jsxs14("div", { className: styles.assigneeContainer, children: [
-              /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsx23(
                 Avatar,
                 {
                   size: 24,
-                  icon: /* @__PURE__ */ jsx22(UserOutlined, {}),
+                  icon: /* @__PURE__ */ jsx23(UserOutlined, {}),
                   className: styles.assigneeAvatar
                 }
               ),
-              /* @__PURE__ */ jsx22(Text8, { className: styles.assigneeName, children: assignee })
+              /* @__PURE__ */ jsx23(Text8, { className: styles.assigneeName, children: assignee })
             ] }),
-            /* @__PURE__ */ jsx22(
+            /* @__PURE__ */ jsx23(
               Tag3,
               {
                 icon: statusConfig.icon,
@@ -3461,7 +3345,7 @@ var TaskCard = ({
               }
             )
           ] }),
-          interactive && /* @__PURE__ */ jsx22(RightOutlined2, { className: styles.actionIcon })
+          interactive && /* @__PURE__ */ jsx23(RightOutlined2, { className: styles.actionIcon })
         ] }),
         showResponse && /* @__PURE__ */ jsxs14(
           "div",
@@ -3469,8 +3353,8 @@ var TaskCard = ({
             className: styles.responseSection,
             onClick: (e) => e.stopPropagation(),
             children: [
-              /* @__PURE__ */ jsx22(Text8, { className: styles.responseHeader, children: "Response" }),
-              /* @__PURE__ */ jsx22("div", { className: styles.responseContent, children: /* @__PURE__ */ jsx22(MDResponse, { content: response }) })
+              /* @__PURE__ */ jsx23(Text8, { className: styles.responseHeader, children: "Response" }),
+              /* @__PURE__ */ jsx23("div", { className: styles.responseContent, children: /* @__PURE__ */ jsx23(MDResponse, { content: response }) })
             ]
           }
         )
@@ -3502,11 +3386,11 @@ import {
   memo,
   useCallback as useCallback7,
   useEffect as useEffect9,
-  useMemo as useMemo4,
+  useMemo as useMemo3,
   useRef as useRef7,
   useState as useState14
 } from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var LazyBubble = ({
   message: message5,
   renderContent,
@@ -3540,16 +3424,16 @@ var LazyBubble = ({
   }, []);
   const getPlaceholder = () => {
     const estimatedHeight = message5.content ? Math.min(100, message5.content.length / 5) : 100;
-    return /* @__PURE__ */ jsx23("div", { style: { height: `${estimatedHeight}px`, minHeight: "50px" } });
+    return /* @__PURE__ */ jsx24("div", { style: { height: `${estimatedHeight}px`, minHeight: "50px" } });
   };
-  return /* @__PURE__ */ jsx23(ErrorBoundary, { children: /* @__PURE__ */ jsx23("div", { ref, style: { width: "100%" }, children: isVisible || wasEverVisible ? renderContent(message5) : getPlaceholder() }) });
+  return /* @__PURE__ */ jsx24(ErrorBoundary, { children: /* @__PURE__ */ jsx24("div", { ref, style: { width: "100%" }, children: isVisible || wasEverVisible ? renderContent(message5) : getPlaceholder() }) });
 };
 var MemoizedBubbleList = memo(
   ({
     items,
     role,
     className
-  }) => /* @__PURE__ */ jsx23(
+  }) => /* @__PURE__ */ jsx24(
     Bubble.List,
     {
       autoScroll: true,
@@ -3578,7 +3462,7 @@ var MessageList = ({
     try {
       const json = JSON.parse(content);
       if (json.action && json.message) {
-        return /* @__PURE__ */ jsx23(MDResponse, { content: json.message });
+        return /* @__PURE__ */ jsx24(MDResponse, { content: json.message });
       }
     } catch (error) {
     }
@@ -3588,14 +3472,14 @@ ${JSON.stringify(tool_call)}
 \`\`\``;
     }) || [];
     const content_md = [content, ...tool_calls_md].join("\n");
-    return /* @__PURE__ */ jsx23(Space10, { direction: "vertical", style: { width: "100%" }, children: /* @__PURE__ */ jsx23(MDResponse, { content: content_md }) });
+    return /* @__PURE__ */ jsx24(Space10, { direction: "vertical", style: { width: "100%" }, children: /* @__PURE__ */ jsx24(MDResponse, { content: content_md }) });
   }, []);
-  const items = useMemo4(
+  const items = useMemo3(
     () => messages.map((message5, index) => ({
       key: message5.id,
       role: message5.role,
       typing: false,
-      content: /* @__PURE__ */ jsx23(
+      content: /* @__PURE__ */ jsx24(
         LazyBubble,
         {
           message: message5,
@@ -3655,9 +3539,9 @@ ${JSON.stringify(tool_call)}
     }
   };
   if (items.length === 0) {
-    return /* @__PURE__ */ jsx23("div", { style: { flex: 1 } });
+    return /* @__PURE__ */ jsx24("div", { style: { flex: 1 } });
   }
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     MemoizedBubbleList,
     {
       items,
@@ -3685,7 +3569,7 @@ import {
 } from "antd";
 import { createStyles as createStyles8 } from "antd-style";
 import CollapsePanel4 from "antd/es/collapse/CollapsePanel";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var { Text: Text9 } = Typography11;
 var useStyle6 = createStyles8(({ token, css }) => ({
   card: css`
@@ -3701,18 +3585,18 @@ var useStyle6 = createStyles8(({ token, css }) => ({
 var HITLContainer = () => {
   const { styles } = useStyle6();
   const { interrupts } = useAgentChat();
-  return interrupts && interrupts.length > 0 ? /* @__PURE__ */ jsx24(
+  return interrupts && interrupts.length > 0 ? /* @__PURE__ */ jsx25(
     Collapse5,
     {
       className: styles.card,
       size: "small",
       bordered: false,
       defaultActiveKey: ["hitl"],
-      children: /* @__PURE__ */ jsx24(
+      children: /* @__PURE__ */ jsx25(
         CollapsePanel4,
         {
           showArrow: false,
-          header: /* @__PURE__ */ jsx24(
+          header: /* @__PURE__ */ jsx25(
             Tag4,
             {
               bordered: false,
@@ -3727,7 +3611,7 @@ var HITLContainer = () => {
               children: "\u7B49\u5F85\u53CD\u9988"
             }
           ),
-          children: /* @__PURE__ */ jsx24(Space11, { direction: "vertical", style: { width: "100%" }, children: interrupts.map((interrupt) => /* @__PURE__ */ jsx24(MDResponse, { content: interrupt.value }, interrupt.id)) })
+          children: /* @__PURE__ */ jsx25(Space11, { direction: "vertical", style: { width: "100%" }, children: interrupts.map((interrupt) => /* @__PURE__ */ jsx25(MDResponse, { content: interrupt.value }, interrupt.id)) })
         },
         "hitl"
       )
@@ -3740,7 +3624,7 @@ import { Avatar as Avatar2, Space as Space12, Typography as Typography12 } from
 
 // src/components/Chat/TodoProgress.tsx
 import { Popover, Tooltip as Tooltip2, Progress } from "antd";
-import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
 var TodoProgress = ({}) => {
   const { openSideApp } = useChatUIContext();
   const { todos } = useAgentChat();
@@ -3753,14 +3637,14 @@ var TodoProgress = ({}) => {
   const totalCount = todos.length;
   const hasInProgress = todos.some((item) => item.status === "in_progress");
   const percent = Math.round(completedCount / totalCount * 100);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     Popover,
     {
-      content: /* @__PURE__ */ jsx25("div", { style: { width: 400 }, children: /* @__PURE__ */ jsx25(Todo, { data: todos, component_key: "header_todos" }) }),
+      content: /* @__PURE__ */ jsx26("div", { style: { width: 400 }, children: /* @__PURE__ */ jsx26(Todo, { data: todos, component_key: "header_todos" }) }),
       title: "Todos",
       trigger: "click",
       placement: "bottomRight",
-      children: /* @__PURE__ */ jsx25(Tooltip2, { title: `${completedCount} / ${totalCount} tasks completed`, children: /* @__PURE__ */ jsx25("div", { style: { cursor: "pointer", display: "inline-flex" }, children: /* @__PURE__ */ jsx25(
+      children: /* @__PURE__ */ jsx26(Tooltip2, { title: `${completedCount} / ${totalCount} tasks completed`, children: /* @__PURE__ */ jsx26("div", { style: { cursor: "pointer", display: "inline-flex" }, children: /* @__PURE__ */ jsx26(
         Progress,
         {
           type: "circle",
@@ -3771,7 +3655,7 @@ var TodoProgress = ({}) => {
           percent,
           status: hasInProgress ? "active" : "normal",
           width: 30,
-          format: () => /* @__PURE__ */ jsx25(
+          format: () => /* @__PURE__ */ jsx26(
             "div",
             {
               style: {
@@ -3796,7 +3680,7 @@ var TodoProgress = ({}) => {
 // src/components/Chat/FileExplorerButton.tsx
 import { Tooltip as Tooltip3, Badge, Button as Button9 } from "antd";
 import { FileTextOutlined as FileTextOutlined4 } from "@ant-design/icons";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var FileExplorerButton = ({}) => {
   const { agentState } = useAgentChat();
   const { openSideApp } = useChatUIContext();
@@ -3805,11 +3689,11 @@ var FileExplorerButton = ({}) => {
     return null;
   }
   const fileCount = Object.keys(files).length;
-  return /* @__PURE__ */ jsx26(Tooltip3, { title: "File Explorer", children: /* @__PURE__ */ jsx26(Badge, { count: fileCount, size: "small", color: "blue", children: /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(Tooltip3, { title: "File Explorer", children: /* @__PURE__ */ jsx27(Badge, { count: fileCount, size: "small", color: "blue", children: /* @__PURE__ */ jsx27(
     Button9,
     {
       type: "text",
-      icon: /* @__PURE__ */ jsx26(FileTextOutlined4, {}),
+      icon: /* @__PURE__ */ jsx27(FileTextOutlined4, {}),
       onClick: () => openSideApp({
         component_key: "file_explorer",
         message: "File Explorer",
@@ -3821,12 +3705,12 @@ var FileExplorerButton = ({}) => {
 
 // src/components/Chat/AgentHeader.tsx
 import { Welcome } from "@ant-design/x";
-import { useMemo as useMemo5 } from "react";
-import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useMemo as useMemo4 } from "react";
+import { jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
 var { Text: Text10 } = Typography12;
 var AgentHeader = (props) => {
   const { description, avatar, name, extra, extraMeta } = props;
-  const extraMetaComponents = useMemo5(() => {
+  const extraMetaComponents = useMemo4(() => {
     if (extraMeta && extraMeta.length > 0) {
       return extraMeta.map((meta) => {
         const Element = getElement(meta.id)?.card_view;
@@ -3835,7 +3719,7 @@ var AgentHeader = (props) => {
           try {
           } catch (error) {
           }
-          return /* @__PURE__ */ jsx27(
+          return /* @__PURE__ */ jsx28(
             Element,
             {
               component_key: meta.id,
@@ -3849,23 +3733,23 @@ var AgentHeader = (props) => {
     return void 0;
   }, [extraMeta]);
   return /* @__PURE__ */ jsxs16("div", { children: [
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(
       Welcome,
       {
         style: { padding: 8 },
         variant: "borderless",
-        description: description ? /* @__PURE__ */ jsx27(Text10, { ellipsis: { tooltip: description }, children: description }) : void 0,
-        icon: avatar ? /* @__PURE__ */ jsx27(Avatar2, { src: avatar, size: 48 }) : /* @__PURE__ */ jsx27(Avatar2, { size: 48, children: name?.charAt(0).toUpperCase() }),
+        description: description ? /* @__PURE__ */ jsx28(Text10, { ellipsis: { tooltip: description }, children: description }) : void 0,
+        icon: avatar ? /* @__PURE__ */ jsx28(Avatar2, { src: avatar, size: 48 }) : /* @__PURE__ */ jsx28(Avatar2, { size: 48, children: name?.charAt(0).toUpperCase() }),
         title: name ? name : void 0,
         extra: /* @__PURE__ */ jsxs16(Space12, { children: [
           extra,
-          /* @__PURE__ */ jsx27(TodoProgress, {}),
-          /* @__PURE__ */ jsx27(FileExplorerButton, {}),
-          extraMetaComponents && /* @__PURE__ */ jsx27(Space12, { align: "center", style: { marginRight: 16 }, children: extraMetaComponents })
+          /* @__PURE__ */ jsx28(TodoProgress, {}),
+          /* @__PURE__ */ jsx28(FileExplorerButton, {}),
+          extraMetaComponents && /* @__PURE__ */ jsx28(Space12, { align: "center", style: { marginRight: 16 }, children: extraMetaComponents })
         ] })
       }
     ),
-    /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28(
       "div",
       {
         style: {
@@ -3877,7 +3761,7 @@ var AgentHeader = (props) => {
 };
 
 // src/components/Chat/Chating.tsx
-import { Fragment as Fragment4, jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
 var Chating = ({
   avatar,
   name,
@@ -3995,15 +3879,15 @@ var Chating = ({
     }
     return true;
   };
-  const attachmentsNode = /* @__PURE__ */ jsx28(Badge2, { dot: attachedFiles.length > 0 && !headerOpen, children: /* @__PURE__ */ jsx28(
+  const attachmentsNode = /* @__PURE__ */ jsx29(Badge2, { dot: attachedFiles.length > 0 && !headerOpen, children: /* @__PURE__ */ jsx29(
     Button10,
     {
       type: "text",
-      icon: /* @__PURE__ */ jsx28(PaperClipOutlined, {}),
+      icon: /* @__PURE__ */ jsx29(PaperClipOutlined, {}),
       onClick: () => setHeaderOpen(!headerOpen)
     }
   ) });
-  const senderHeader = /* @__PURE__ */ jsx28(
+  const senderHeader = /* @__PURE__ */ jsx29(
     Sender.Header,
     {
       title: "Attachments",
@@ -4015,7 +3899,7 @@ var Chating = ({
         }
       },
       forceRender: true,
-      children: /* @__PURE__ */ jsx28(
+      children: /* @__PURE__ */ jsx29(
         Attachments,
         {
           ref: attachmentsRef,
@@ -4037,7 +3921,7 @@ var Chating = ({
           multiple: true,
           maxCount: 10,
           placeholder: (type) => ({
-            icon: /* @__PURE__ */ jsx28(CloudUploadOutlined, {}),
+            icon: /* @__PURE__ */ jsx29(CloudUploadOutlined, {}),
             title: "\u4E0A\u4F20\u6587\u4EF6",
             description: attachment_placeholder
           })
@@ -4045,11 +3929,11 @@ var Chating = ({
       )
     }
   );
-  const refreshButton = /* @__PURE__ */ jsx28(
+  const refreshButton = /* @__PURE__ */ jsx29(
     Button10,
     {
       type: "text",
-      icon: /* @__PURE__ */ jsx28(ReloadOutlined, {}),
+      icon: /* @__PURE__ */ jsx29(ReloadOutlined, {}),
       onClick: () => {
         loadMessages();
       }
@@ -4057,7 +3941,7 @@ var Chating = ({
   );
   const headerExtra = showRefreshButton ? [refreshButton] : [];
   return /* @__PURE__ */ jsxs17(Fragment4, { children: [
-    /* @__PURE__ */ jsx28("div", { children: showHeader && /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx29("div", { children: showHeader && /* @__PURE__ */ jsx29(
       AgentHeader,
       {
         description,
@@ -4067,9 +3951,9 @@ var Chating = ({
         extraMeta
       }
     ) }),
-    /* @__PURE__ */ jsx28(MessageList, { messages, className: styles.messages }),
-    isLoading ? /* @__PURE__ */ jsx28("div", {}) : /* @__PURE__ */ jsx28(Prompts, { items: senderPromptsItems, onItemClick: onPromptsItemClick }),
-    error && /* @__PURE__ */ jsx28("div", { style: { padding: "0 16px 8px" }, children: /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx29(MessageList, { messages, className: styles.messages }),
+    isLoading ? /* @__PURE__ */ jsx29("div", {}) : /* @__PURE__ */ jsx29(Prompts, { items: senderPromptsItems, onItemClick: onPromptsItemClick }),
+    error && /* @__PURE__ */ jsx29("div", { style: { padding: "0 16px 8px" }, children: /* @__PURE__ */ jsx29(
       Alert2,
       {
         type: "error",
@@ -4079,8 +3963,8 @@ var Chating = ({
         message: `${error.message}`
       }
     ) }),
-    showHITL && /* @__PURE__ */ jsx28(HITLContainer, {}),
-    showSender && /* @__PURE__ */ jsx28(
+    showHITL && /* @__PURE__ */ jsx29(HITLContainer, {}),
+    showSender && /* @__PURE__ */ jsx29(
       Sender,
       {
         disabled: interrupts && interrupts.length > 0,
@@ -4106,11 +3990,11 @@ var Chating = ({
 };
 
 // src/components/GenUI/elements/task_detail.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var { Text: Text11 } = Typography13;
 var TaskDetail = ({ data, component_key, interactive = true }) => {
   const { description, subagent_type, thread_id } = data || {};
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     AgentThreadProvider,
     {
       threadId: thread_id,
@@ -4120,7 +4004,7 @@ var TaskDetail = ({ data, component_key, interactive = true }) => {
         enableReturnStateWhenStreamCompleted: true,
         enableResumeStream: true
       },
-      children: /* @__PURE__ */ jsx29("div", { style: { overflow: "hidden" }, children: /* @__PURE__ */ jsx29(
+      children: /* @__PURE__ */ jsx30("div", { style: { overflow: "hidden" }, children: /* @__PURE__ */ jsx30(
         Chating,
         {
           showRefreshButton: true,
@@ -4202,7 +4086,7 @@ var regsiterElement = (language, ElementMeta) => {
 import { Button as Button11, Tabs } from "antd";
 import { createStyles as createStyles9 } from "antd-style";
 import { useEffect as useEffect11, useState as useState16 } from "react";
-import { jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
 var useStyle7 = createStyles9(({ token, css }) => {
   return {
     tabContainer: css`
@@ -4223,8 +4107,8 @@ var useStyle7 = createStyles9(({ token, css }) => {
 });
 var EmptySideAppView = ({ component_key, data }) => {
   return /* @__PURE__ */ jsxs18("div", { children: [
-    /* @__PURE__ */ jsx30("p", { children: "\u672A\u627E\u5230\u5BF9\u5E94\u7684\u7EC4\u4EF6\u89C6\u56FE" }),
-    /* @__PURE__ */ jsx30("pre", { children: JSON.stringify({ component_key, data }, null, 2) })
+    /* @__PURE__ */ jsx31("p", { children: "\u672A\u627E\u5230\u5BF9\u5E94\u7684\u7EC4\u4EF6\u89C6\u56FE" }),
+    /* @__PURE__ */ jsx31("pre", { children: JSON.stringify({ component_key, data }, null, 2) })
   ] });
 };
 var SideAppViewBrowser = () => {
@@ -4285,7 +4169,7 @@ var SideAppViewBrowser = () => {
     add(
       key,
       sideAppSelectedCard?.message || sideAppSelectedCard?.data.message || "\u672A\u547D\u540D",
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx31(
         SideAppView,
         {
           component_key: sideAppSelectedCard?.component_key || "",
@@ -4326,16 +4210,16 @@ var SideAppViewBrowser = () => {
   const getSizeIcon = (size) => {
     switch (size) {
       case "middle":
-        return /* @__PURE__ */ jsx30(CompressOutlined, {});
+        return /* @__PURE__ */ jsx31(CompressOutlined, {});
       case "large":
-        return /* @__PURE__ */ jsx30(ExpandOutlined, {});
+        return /* @__PURE__ */ jsx31(ExpandOutlined, {});
       case "full":
-        return /* @__PURE__ */ jsx30(FullscreenOutlined, {});
+        return /* @__PURE__ */ jsx31(FullscreenOutlined, {});
       default:
-        return /* @__PURE__ */ jsx30(ExpandOutlined, {});
+        return /* @__PURE__ */ jsx31(ExpandOutlined, {});
     }
   };
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     Tabs,
     {
       className: styles.tabContainer,
@@ -4344,7 +4228,7 @@ var SideAppViewBrowser = () => {
       hideAdd: true,
       tabBarExtraContent: {
         right: /* @__PURE__ */ jsxs18("div", { style: { display: "flex", gap: "4px" }, children: [
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx31(
             Button11,
             {
               style: { margin: "8px 0" },
@@ -4355,13 +4239,13 @@ var SideAppViewBrowser = () => {
               title: `\u5F53\u524D\u5C3A\u5BF8: ${getSizeLabel(sideAppSize)}, \u70B9\u51FB\u5207\u6362`
             }
           ),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx31(
             Button11,
             {
               style: { margin: "8px 0" },
               size: "large",
               type: "text",
-              icon: /* @__PURE__ */ jsx30(CloseOutlined, {}),
+              icon: /* @__PURE__ */ jsx31(CloseOutlined, {}),
               onClick: () => {
                 closeSideApp();
               }
@@ -4378,10 +4262,10 @@ var SideAppViewBrowser = () => {
 };
 
 // src/components/Chat/LatticeChat.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var LatticeChat = (props) => {
   const { assistant_id, thread_id = "", menu, ...chatingProps } = props;
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     AgentThreadProvider,
     {
       assistantId: assistant_id,
@@ -4391,12 +4275,12 @@ var LatticeChat = (props) => {
         enableReturnStateWhenStreamCompleted: true,
         enableResumeStream: true
       },
-      children: /* @__PURE__ */ jsx31(ChatUIContextProvider, { children: /* @__PURE__ */ jsx31(
+      children: /* @__PURE__ */ jsx32(ChatUIContextProvider, { children: /* @__PURE__ */ jsx32(
         ColumnLayout,
         {
           menu,
-          left: thread_id ? /* @__PURE__ */ jsx31(Chating, { ...chatingProps }) : /* @__PURE__ */ jsx31("div", { children: "\u9700\u8981\u5148\u521B\u5EFA\u4F1A\u8BDD" }),
-          right: /* @__PURE__ */ jsx31(SideAppViewBrowser, {})
+          left: thread_id ? /* @__PURE__ */ jsx32(Chating, { ...chatingProps }) : /* @__PURE__ */ jsx32("div", { children: "\u9700\u8981\u5148\u521B\u5EFA\u4F1A\u8BDD" }),
+          right: /* @__PURE__ */ jsx32(SideAppViewBrowser, {})
         }
       ) })
     }
@@ -4409,7 +4293,7 @@ import {
   useCallback as useCallback10,
   useContext as useContext6,
   useEffect as useEffect13,
-  useMemo as useMemo7,
+  useMemo as useMemo6,
   useRef as useRef10,
   useState as useState19
 } from "react";
@@ -4420,7 +4304,7 @@ import {
   useCallback as useCallback9,
   useContext as useContext5,
   useEffect as useEffect12,
-  useMemo as useMemo6,
+  useMemo as useMemo5,
   useRef as useRef9,
   useState as useState18
 } from "react";
@@ -4435,7 +4319,7 @@ import {
   useContext as useContext4,
   useState as useState17
 } from "react";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var DEFAULT_CONFIG = {
   baseURL: "http://localhost:4001",
   apiKey: "",
@@ -4514,7 +4398,7 @@ var LatticeChatShellContextProvider = ({
     setConfig(defaultConfig);
     saveToLocalStorage(defaultConfig);
   }, [initialConfig, saveToLocalStorage]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     LatticeChatShellContext.Provider,
     {
       value: {
@@ -4540,7 +4424,7 @@ var useLatticeChatShellContext = () => {
 };
 
 // src/components/Chat/AssistantContext.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var AssistantContext = createContext5({
   assistants: [],
   currentAssistant: null,
@@ -4574,7 +4458,7 @@ var AssistantContextProvider = ({
   const {
     config: { baseURL, apiKey = "", transport = "sse" }
   } = useLatticeChatShellContext();
-  const client = useMemo6(
+  const client = useMemo5(
     () => new Client2({
       baseURL,
       apiKey,
@@ -4775,7 +4659,7 @@ var AssistantContextProvider = ({
       }
     }
   }, [initialAssistantId, state.assistants, state.currentAssistant]);
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     AssistantContext.Provider,
     {
       value: {
@@ -4805,7 +4689,7 @@ var useAssistantContext = () => {
 
 // src/components/Chat/ConversationContext.tsx
 import { Client as Client3 } from "@axiom-lattice/client-sdk";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var ConversationContext = createContext6({
   assistantId: null,
   thread: null,
@@ -4848,7 +4732,7 @@ var ConversationContextProvider = ({
   const {
     config: { baseURL, apiKey = "", transport = "sse" }
   } = useLatticeChatShellContext();
-  const client = useMemo7(
+  const client = useMemo6(
     () => new Client3({
       baseURL,
       apiKey,
@@ -4946,7 +4830,7 @@ var ConversationContextProvider = ({
       prevAssistantIdRef.current = null;
     }
   }, [assistantId, loadThreads]);
-  const thread = useMemo7(() => {
+  const thread = useMemo6(() => {
     if (!assistantId || !threadId) {
       return null;
     }
@@ -5068,7 +4952,7 @@ var ConversationContextProvider = ({
   const clearThread = useCallback10(() => {
     setThreadId(null);
   }, []);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     ConversationContext.Provider,
     {
       value: {
@@ -5105,8 +4989,8 @@ var useConversationContext = () => {
 // src/components/Chat/AgentConversations.tsx
 import { Conversations } from "@ant-design/x";
 import { theme } from "antd";
-import { useMemo as useMemo8 } from "react";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { useMemo as useMemo7 } from "react";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var AgentConversations = () => {
   const { token } = theme.useToken();
   const { currentAssistant } = useAssistantContext();
@@ -5123,7 +5007,7 @@ var AgentConversations = () => {
     background: "transparent",
     borderRadius: token.borderRadius
   };
-  const threadItems = useMemo8(() => {
+  const threadItems = useMemo7(() => {
     return threads || [];
   }, [threads]);
   const items = threadItems.map((thread2) => ({
@@ -5136,7 +5020,7 @@ var AgentConversations = () => {
     }
     await createThread();
   };
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     Conversations,
     {
       creation: {
@@ -5165,7 +5049,7 @@ import {
 // src/components/Chat/AssistantList.tsx
 import { Conversations as Conversations2 } from "@ant-design/x";
 import { Avatar as Avatar3, theme as theme2 } from "antd";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var AssistantList = () => {
   const { token } = theme2.useToken();
   const { assistants, selectAssistant, currentAssistant } = useAssistantContext();
@@ -5177,7 +5061,7 @@ var AssistantList = () => {
   const items = assistants.map((assistant) => ({
     key: assistant.id,
     label: assistant.name,
-    icon: /* @__PURE__ */ jsx36(
+    icon: /* @__PURE__ */ jsx37(
       Avatar3,
       {
         size: "small",
@@ -5189,7 +5073,7 @@ var AssistantList = () => {
       }
     )
   }));
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     Conversations2,
     {
       items,
@@ -5204,7 +5088,7 @@ var AssistantList = () => {
 
 // src/components/Chat/ChatSidebar.tsx
 import { createStyles as createStyles10 } from "antd-style";
-import { Fragment as Fragment5, jsx as jsx37, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx38, jsxs as jsxs19 } from "react/jsx-runtime";
 var useStyles3 = createStyles10(({ token, css }) => ({
   sidebar: css`
     display: flex;
@@ -5400,7 +5284,7 @@ var ChatSidebar = ({
     setIsHovered(false);
   };
   return /* @__PURE__ */ jsxs19(Fragment5, { children: [
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx38(
       "div",
       {
         className: styles.sidebar,
@@ -5409,34 +5293,34 @@ var ChatSidebar = ({
         children: !isCollapsed && /* @__PURE__ */ jsxs19(Fragment5, { children: [
           /* @__PURE__ */ jsxs19("div", { className: styles.content, children: [
             /* @__PURE__ */ jsxs19("div", { className: styles.section, children: [
-              /* @__PURE__ */ jsx37("div", { className: styles.sectionTitle, children: "Assistants" }),
-              /* @__PURE__ */ jsx37(AssistantList, {})
+              /* @__PURE__ */ jsx38("div", { className: styles.sectionTitle, children: "Assistants" }),
+              /* @__PURE__ */ jsx38(AssistantList, {})
             ] }),
-            /* @__PURE__ */ jsx37(Divider2, { className: styles.divider }),
+            /* @__PURE__ */ jsx38(Divider2, { className: styles.divider }),
             /* @__PURE__ */ jsxs19("div", { className: styles.section, children: [
-              /* @__PURE__ */ jsx37("div", { className: styles.sectionTitle, children: "Threads" }),
-              /* @__PURE__ */ jsx37(AgentConversations, {})
+              /* @__PURE__ */ jsx38("div", { className: styles.sectionTitle, children: "Threads" }),
+              /* @__PURE__ */ jsx38(AgentConversations, {})
             ] })
           ] }),
           /* @__PURE__ */ jsxs19("div", { className: styles.footer, children: [
-            /* @__PURE__ */ jsx37(
+            /* @__PURE__ */ jsx38(
               "button",
               {
                 className: styles.actionButton,
                 onClick: handleToggleCollapse,
                 title: isCollapsed ? "Expand sidebar" : "Collapse sidebar",
                 "aria-label": isCollapsed ? "Expand sidebar" : "Collapse sidebar",
-                children: isCollapsed ? /* @__PURE__ */ jsx37(MenuUnfoldOutlined, {}) : /* @__PURE__ */ jsx37(MenuFoldOutlined, {})
+                children: isCollapsed ? /* @__PURE__ */ jsx38(MenuUnfoldOutlined, {}) : /* @__PURE__ */ jsx38(MenuFoldOutlined, {})
               }
             ),
-            /* @__PURE__ */ jsx37(
+            /* @__PURE__ */ jsx38(
               "button",
               {
                 className: styles.actionButton,
                 onClick: handleSettingsClick,
                 title: "Settings",
                 "aria-label": "Settings",
-                children: /* @__PURE__ */ jsx37(SettingOutlined, {})
+                children: /* @__PURE__ */ jsx38(SettingOutlined, {})
               }
             )
           ] })
@@ -5452,34 +5336,34 @@ var ChatSidebar = ({
         children: [
           /* @__PURE__ */ jsxs19("div", { className: styles.hoverContent, children: [
             /* @__PURE__ */ jsxs19("div", { className: styles.section, children: [
-              /* @__PURE__ */ jsx37("div", { className: styles.sectionTitle, children: "Assistants" }),
-              /* @__PURE__ */ jsx37(AssistantList, {})
+              /* @__PURE__ */ jsx38("div", { className: styles.sectionTitle, children: "Assistants" }),
+              /* @__PURE__ */ jsx38(AssistantList, {})
             ] }),
-            /* @__PURE__ */ jsx37(Divider2, { className: styles.divider }),
+            /* @__PURE__ */ jsx38(Divider2, { className: styles.divider }),
             /* @__PURE__ */ jsxs19("div", { className: styles.section, children: [
-              /* @__PURE__ */ jsx37("div", { className: styles.sectionTitle, children: "Threads" }),
-              /* @__PURE__ */ jsx37(AgentConversations, {})
+              /* @__PURE__ */ jsx38("div", { className: styles.sectionTitle, children: "Threads" }),
+              /* @__PURE__ */ jsx38(AgentConversations, {})
             ] })
           ] }),
           /* @__PURE__ */ jsxs19("div", { className: styles.footer, children: [
-            /* @__PURE__ */ jsx37(
+            /* @__PURE__ */ jsx38(
               "button",
               {
                 className: styles.actionButton,
                 onClick: handleToggleCollapse,
                 title: isCollapsed ? "Expand sidebar" : "Collapse sidebar",
                 "aria-label": isCollapsed ? "Expand sidebar" : "Collapse sidebar",
-                children: isCollapsed ? /* @__PURE__ */ jsx37(MenuUnfoldOutlined, {}) : /* @__PURE__ */ jsx37(MenuFoldOutlined, {})
+                children: isCollapsed ? /* @__PURE__ */ jsx38(MenuUnfoldOutlined, {}) : /* @__PURE__ */ jsx38(MenuFoldOutlined, {})
               }
             ),
-            /* @__PURE__ */ jsx37(
+            /* @__PURE__ */ jsx38(
               "button",
               {
                 className: styles.actionButton,
                 onClick: handleSettingsClick,
                 title: "Settings",
                 "aria-label": "Settings",
-                children: /* @__PURE__ */ jsx37(SettingOutlined, {})
+                children: /* @__PURE__ */ jsx38(SettingOutlined, {})
               }
             )
           ] })
@@ -5490,14 +5374,14 @@ var ChatSidebar = ({
 };
 
 // src/components/Chat/LatticeChatView.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var LatticeChatView = (props) => {
   const { assistantId, thread } = useConversationContext();
   const { currentAssistant } = useAssistantContext();
   const {
     config: { baseURL }
   } = useLatticeChatShellContext();
-  return assistantId && thread ? /* @__PURE__ */ jsx38(
+  return assistantId && thread ? /* @__PURE__ */ jsx39(
     AxiomLatticeProvider,
     {
       config: {
@@ -5506,14 +5390,14 @@ var LatticeChatView = (props) => {
         assistantId,
         transport: "sse"
       },
-      children: /* @__PURE__ */ jsx38(
+      children: /* @__PURE__ */ jsx39(
         LatticeChat,
         {
           thread_id: thread?.id,
           assistant_id: assistantId,
           name: currentAssistant?.name,
           description: currentAssistant?.description,
-          menu: /* @__PURE__ */ jsx38(ChatSidebar, {})
+          menu: /* @__PURE__ */ jsx39(ChatSidebar, {})
         }
       )
     }
@@ -5547,7 +5431,7 @@ import {
   CloudServerOutlined
 } from "@ant-design/icons";
 import { createStyles as createStyles11 } from "antd-style";
-import { Fragment as Fragment6, jsx as jsx39, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx40, jsxs as jsxs20 } from "react/jsx-runtime";
 var { Text: Text12, Title: Title2 } = Typography14;
 var { TextArea } = Input;
 var useStyles4 = createStyles11(({ token, css }) => ({
@@ -5896,12 +5780,12 @@ var SETTINGS_MENU_ITEMS = [
   {
     key: "environment",
     label: "Environment Variables",
-    icon: /* @__PURE__ */ jsx39(EnvironmentOutlined, {})
+    icon: /* @__PURE__ */ jsx40(EnvironmentOutlined, {})
   },
   {
     key: "models",
     label: "Model Configuration",
-    icon: /* @__PURE__ */ jsx39(ApiOutlined, {})
+    icon: /* @__PURE__ */ jsx40(ApiOutlined, {})
   }
 ];
 var SettingsModal = ({
@@ -6348,24 +6232,24 @@ var SettingsModal = ({
       }));
     };
     return /* @__PURE__ */ jsxs20("div", { className: styles.formContainer, children: [
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx40(
         Alert3,
         {
           message: "Configuration Effect",
           description: /* @__PURE__ */ jsxs20("div", { children: [
             /* @__PURE__ */ jsxs20("div", { style: { marginBottom: 8 }, children: [
-              /* @__PURE__ */ jsx39(
+              /* @__PURE__ */ jsx40(
                 CheckCircleOutlined4,
                 {
                   style: { color: "#52c41a", marginRight: 8 }
                 }
               ),
-              /* @__PURE__ */ jsx39("strong", { children: "Immediately effective:" }),
+              /* @__PURE__ */ jsx40("strong", { children: "Immediately effective:" }),
               " QUEUE_SERVICE_TYPE, REDIS_URL, REDIS_PASSWORD, QUEUE_NAME"
             ] }),
             /* @__PURE__ */ jsxs20("div", { children: [
-              /* @__PURE__ */ jsx39(ReloadOutlined2, { style: { color: "#faad14", marginRight: 8 } }),
-              /* @__PURE__ */ jsx39("strong", { children: "Requires restart:" }),
+              /* @__PURE__ */ jsx40(ReloadOutlined2, { style: { color: "#faad14", marginRight: 8 } }),
+              /* @__PURE__ */ jsx40("strong", { children: "Requires restart:" }),
               " PORT (server must be restarted to change port)"
             ] })
           ] }),
@@ -6374,8 +6258,8 @@ var SettingsModal = ({
           className: styles.alertCard
         }
       ),
-      /* @__PURE__ */ jsx39("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ jsx39(Text12, { type: "secondary", style: { fontSize: 14, lineHeight: 1.6 }, children: "Configure environment variables in .env format (key=value). One variable per line. Leave password fields empty to keep current values." }) }),
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx40("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ jsx40(Text12, { type: "secondary", style: { fontSize: 14, lineHeight: 1.6 }, children: "Configure environment variables in .env format (key=value). One variable per line. Leave password fields empty to keep current values." }) }),
+      /* @__PURE__ */ jsx40(
         TextArea,
         {
           value: config.envText,
@@ -6453,7 +6337,7 @@ QUEUE_NAME=tasks`,
       }
     };
     return /* @__PURE__ */ jsxs20("div", { className: styles.formContainer, children: [
-      /* @__PURE__ */ jsx39("div", { style: { marginBottom: 32 }, children: /* @__PURE__ */ jsx39(Text12, { type: "secondary", style: { fontSize: 14, lineHeight: 1.6 }, children: "Configure model lattices. Each model will be registered with the provided key and can be used by agents." }) }),
+      /* @__PURE__ */ jsx40("div", { style: { marginBottom: 32 }, children: /* @__PURE__ */ jsx40(Text12, { type: "secondary", style: { fontSize: 14, lineHeight: 1.6 }, children: "Configure model lattices. Each model will be registered with the provided key and can be used by agents." }) }),
       config.models.map((model, index) => /* @__PURE__ */ jsxs20("div", { className: styles.card, children: [
         /* @__PURE__ */ jsxs20(
           "div",
@@ -6485,7 +6369,7 @@ QUEUE_NAME=tasks`,
                   }
                 )
               ] }),
-              config.models.length > 1 && /* @__PURE__ */ jsx39(
+              config.models.length > 1 && /* @__PURE__ */ jsx40(
                 Button12,
                 {
                   type: "text",
@@ -6504,8 +6388,8 @@ QUEUE_NAME=tasks`,
         ),
         /* @__PURE__ */ jsxs20(Space13, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
           /* @__PURE__ */ jsxs20("div", { children: [
-            /* @__PURE__ */ jsx39(Text12, { className: styles.formLabel, children: "Key *" }),
-            /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsx40(Text12, { className: styles.formLabel, children: "Key *" }),
+            /* @__PURE__ */ jsx40(
               Input,
               {
                 placeholder: "e.g., default, gpt-4, claude",
@@ -6514,11 +6398,11 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ jsx39(Text12, { className: styles.formDescription, children: "Unique identifier for this model" })
+            /* @__PURE__ */ jsx40(Text12, { className: styles.formDescription, children: "Unique identifier for this model" })
           ] }),
           /* @__PURE__ */ jsxs20("div", { children: [
-            /* @__PURE__ */ jsx39(Text12, { className: styles.formLabel, children: "Provider *" }),
-            /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsx40(Text12, { className: styles.formLabel, children: "Provider *" }),
+            /* @__PURE__ */ jsx40(
               Select,
               {
                 style: { width: "100%", height: 40 },
@@ -6535,8 +6419,8 @@ QUEUE_NAME=tasks`,
             )
           ] }),
           /* @__PURE__ */ jsxs20("div", { children: [
-            /* @__PURE__ */ jsx39(Text12, { className: styles.formLabel, children: "Model Name *" }),
-            /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsx40(Text12, { className: styles.formLabel, children: "Model Name *" }),
+            /* @__PURE__ */ jsx40(
               Input,
               {
                 placeholder: "e.g., gpt-4, claude-3-opus, kimi-k2-250905",
@@ -6547,8 +6431,8 @@ QUEUE_NAME=tasks`,
             )
           ] }),
           /* @__PURE__ */ jsxs20("div", { children: [
-            /* @__PURE__ */ jsx39(Text12, { className: styles.formLabel, children: "API Key" }),
-            /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsx40(Text12, { className: styles.formLabel, children: "API Key" }),
+            /* @__PURE__ */ jsx40(
               Input.Password,
               {
                 placeholder: "Enter your API key",
@@ -6557,11 +6441,11 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ jsx39(Text12, { className: styles.formDescription, children: "API key for the model provider. Leave empty to use environment variable." })
+            /* @__PURE__ */ jsx40(Text12, { className: styles.formDescription, children: "API key for the model provider. Leave empty to use environment variable." })
           ] }),
           /* @__PURE__ */ jsxs20("div", { children: [
-            /* @__PURE__ */ jsx39(Text12, { className: styles.formLabel, children: "Base URL" }),
-            /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsx40(Text12, { className: styles.formLabel, children: "Base URL" }),
+            /* @__PURE__ */ jsx40(
               Input,
               {
                 placeholder: "e.g., https://api.openai.com/v1",
@@ -6570,22 +6454,22 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ jsx39(Text12, { className: styles.formDescription, children: "Optional custom base URL for the API" })
+            /* @__PURE__ */ jsx40(Text12, { className: styles.formDescription, children: "Optional custom base URL for the API" })
           ] }),
-          /* @__PURE__ */ jsx39("div", { children: /* @__PURE__ */ jsxs20(Space13, { children: [
-            /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsx40("div", { children: /* @__PURE__ */ jsxs20(Space13, { children: [
+            /* @__PURE__ */ jsx40(
               Switch,
               {
                 checked: model.streaming,
                 onChange: (checked) => handleModelChange(index, "streaming", checked)
               }
             ),
-            /* @__PURE__ */ jsx39(Text12, { children: "Enable Streaming" })
+            /* @__PURE__ */ jsx40(Text12, { children: "Enable Streaming" })
           ] }) }),
           /* @__PURE__ */ jsxs20("div", { style: { display: "flex", gap: 20 }, children: [
             /* @__PURE__ */ jsxs20("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ jsx39(Text12, { className: styles.formLabel, children: "Max Tokens" }),
-              /* @__PURE__ */ jsx39(
+              /* @__PURE__ */ jsx40(Text12, { className: styles.formLabel, children: "Max Tokens" }),
+              /* @__PURE__ */ jsx40(
                 Input,
                 {
                   type: "number",
@@ -6601,8 +6485,8 @@ QUEUE_NAME=tasks`,
               )
             ] }),
             /* @__PURE__ */ jsxs20("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ jsx39(Text12, { className: styles.formLabel, children: "Temperature" }),
-              /* @__PURE__ */ jsx39(
+              /* @__PURE__ */ jsx40(Text12, { className: styles.formLabel, children: "Temperature" }),
+              /* @__PURE__ */ jsx40(
                 Input,
                 {
                   type: "number",
@@ -6621,7 +6505,7 @@ QUEUE_NAME=tasks`,
           ] })
         ] })
       ] }, index)),
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx40(
         Button12,
         {
           type: "dashed",
@@ -6650,7 +6534,7 @@ QUEUE_NAME=tasks`,
   const currentConnection = connections.find((c) => c.id === activeTabKey);
   const renderTabLabel = (connection) => {
     return /* @__PURE__ */ jsxs20("div", { style: { display: "flex", alignItems: "center" }, children: [
-      /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx40(
         CloudServerOutlined,
         {
           style: {
@@ -6659,14 +6543,14 @@ QUEUE_NAME=tasks`,
           }
         }
       ),
-      /* @__PURE__ */ jsx39("span", { children: connection.name }),
-      connection.connected && /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx40("span", { children: connection.name }),
+      connection.connected && /* @__PURE__ */ jsx40(
         CheckCircleFilled,
         {
           style: { color: "#52c41a", fontSize: 12, marginLeft: 8 }
         }
       ),
-      connection.error && !connection.connecting && /* @__PURE__ */ jsx39(
+      connection.error && !connection.connecting && /* @__PURE__ */ jsx40(
         CloseCircleFilled,
         {
           style: { color: "#ff4d4f", fontSize: 12, marginLeft: 8 }
@@ -6677,15 +6561,15 @@ QUEUE_NAME=tasks`,
   const tabItems = connections.map((connection) => ({
     key: connection.id,
     label: renderTabLabel(connection),
-    children: /* @__PURE__ */ jsx39("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ jsx39(Fragment6, { children: /* @__PURE__ */ jsxs20("div", { style: { display: "flex", height: "100%" }, children: [
-      /* @__PURE__ */ jsx39("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ jsxs20(
+    children: /* @__PURE__ */ jsx40("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ jsx40(Fragment6, { children: /* @__PURE__ */ jsxs20("div", { style: { display: "flex", height: "100%" }, children: [
+      /* @__PURE__ */ jsx40("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ jsxs20(
         "div",
         {
           className: `${styles.menuItem} ${activeMenu === item.key ? "active" : ""}`,
           onClick: () => setActiveMenu(item.key),
           children: [
-            /* @__PURE__ */ jsx39("span", { className: styles.menuItemIcon, children: item.icon }),
-            /* @__PURE__ */ jsx39("span", { className: styles.menuItemText, children: item.label })
+            /* @__PURE__ */ jsx40("span", { className: styles.menuItemIcon, children: item.icon }),
+            /* @__PURE__ */ jsx40("span", { className: styles.menuItemText, children: item.label })
           ]
         },
         item.key
@@ -6693,19 +6577,19 @@ QUEUE_NAME=tasks`,
       /* @__PURE__ */ jsxs20("div", { className: styles.content, children: [
         /* @__PURE__ */ jsxs20("div", { className: styles.contentHeader, children: [
           /* @__PURE__ */ jsxs20("div", { className: styles.contentHeaderLeft, children: [
-            /* @__PURE__ */ jsx39(Title2, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
+            /* @__PURE__ */ jsx40(Title2, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
             /* @__PURE__ */ jsxs20(Text12, { className: styles.contentDescription, children: [
               activeMenu === "environment" && "Manage environment variables for the gateway server",
               activeMenu === "models" && "Configure and register model lattices for use by agents"
             ] })
           ] }),
           /* @__PURE__ */ jsxs20("div", { className: styles.contentHeaderRight, children: [
-            /* @__PURE__ */ jsx39(Button12, { onClick: onClose, children: "Cancel" }),
-            /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsx40(Button12, { onClick: onClose, children: "Cancel" }),
+            /* @__PURE__ */ jsx40(
               Button12,
               {
                 type: "primary",
-                icon: /* @__PURE__ */ jsx39(SaveOutlined, {}),
+                icon: /* @__PURE__ */ jsx40(SaveOutlined, {}),
                 onClick: handleSave,
                 loading,
                 children: "Save Configuration"
@@ -6713,9 +6597,9 @@ QUEUE_NAME=tasks`,
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx39("div", { className: styles.contentBody, children: renderContent(connection.id) })
+        /* @__PURE__ */ jsx40("div", { className: styles.contentBody, children: renderContent(connection.id) })
       ] })
-    ] }) }) : /* @__PURE__ */ jsx39(
+    ] }) }) : /* @__PURE__ */ jsx40(
       "div",
       {
         style: {
@@ -6728,16 +6612,16 @@ QUEUE_NAME=tasks`,
           padding: 48
         },
         children: connection.connecting ? /* @__PURE__ */ jsxs20(Fragment6, { children: [
-          /* @__PURE__ */ jsx39(LinkOutlined, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
-          /* @__PURE__ */ jsx39(Title2, { level: 4, children: "Connecting..." }),
+          /* @__PURE__ */ jsx40(LinkOutlined, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
+          /* @__PURE__ */ jsx40(Title2, { level: 4, children: "Connecting..." }),
           /* @__PURE__ */ jsxs20(Text12, { type: "secondary", style: { textAlign: "center" }, children: [
             "Connecting to ",
             connection.url
           ] })
         ] }) : /* @__PURE__ */ jsxs20(Fragment6, { children: [
-          /* @__PURE__ */ jsx39(LinkOutlined, { style: { fontSize: 64, color: "#d9d9d9" } }),
-          /* @__PURE__ */ jsx39(Title2, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
-          /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsx40(LinkOutlined, { style: { fontSize: 64, color: "#d9d9d9" } }),
+          /* @__PURE__ */ jsx40(Title2, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
+          /* @__PURE__ */ jsx40(
             Text12,
             {
               type: "secondary",
@@ -6745,11 +6629,11 @@ QUEUE_NAME=tasks`,
               children: connection.error ? `Failed to connect to ${connection.url}. Please check the server URL and try again.` : `Click "Reconnect" to connect to ${connection.url}`
             }
           ),
-          /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsx40(
             Button12,
             {
               type: "primary",
-              icon: /* @__PURE__ */ jsx39(LinkOutlined, {}),
+              icon: /* @__PURE__ */ jsx40(LinkOutlined, {}),
               onClick: () => checkConnection(connection.id),
               loading: connection.connecting,
               style: { marginTop: 16 },
@@ -6762,7 +6646,7 @@ QUEUE_NAME=tasks`,
     closable: connections.length > 1
   }));
   return /* @__PURE__ */ jsxs20(Fragment6, { children: [
-    /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx40(
       Modal,
       {
         open,
@@ -6771,7 +6655,7 @@ QUEUE_NAME=tasks`,
         width: "80%",
         footer: null,
         title: "Settings",
-        children: /* @__PURE__ */ jsx39("div", { children: /* @__PURE__ */ jsx39(
+        children: /* @__PURE__ */ jsx40("div", { children: /* @__PURE__ */ jsx40(
           Tabs2,
           {
             activeKey: activeTabKey,
@@ -6795,8 +6679,8 @@ QUEUE_NAME=tasks`,
                   padding: "4px 8px"
                 },
                 children: [
-                  /* @__PURE__ */ jsx39(PlusOutlined, {}),
-                  /* @__PURE__ */ jsx39("span", { children: "Add Server" })
+                  /* @__PURE__ */ jsx40(PlusOutlined, {}),
+                  /* @__PURE__ */ jsx40("span", { children: "Add Server" })
                 ]
               }
             )
@@ -6804,7 +6688,7 @@ QUEUE_NAME=tasks`,
         ) })
       }
     ),
-    /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx40(
       Modal,
       {
         title: "Add New Server",
@@ -6820,8 +6704,8 @@ QUEUE_NAME=tasks`,
         className: styles.addServerModal,
         children: /* @__PURE__ */ jsxs20(Space13, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
           /* @__PURE__ */ jsxs20("div", { children: [
-            /* @__PURE__ */ jsx39(Text12, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
-            /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsx40(Text12, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
+            /* @__PURE__ */ jsx40(
               Input,
               {
                 placeholder: "e.g., Production Server",
@@ -6830,11 +6714,11 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ jsx39(Text12, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: Leave empty to use URL as name" })
+            /* @__PURE__ */ jsx40(Text12, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: Leave empty to use URL as name" })
           ] }),
           /* @__PURE__ */ jsxs20("div", { children: [
-            /* @__PURE__ */ jsx39(Text12, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
-            /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsx40(Text12, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
+            /* @__PURE__ */ jsx40(
               Input,
               {
                 placeholder: "e.g., http://localhost:4001",
@@ -6843,11 +6727,11 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ jsx39(Text12, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Enter the full URL of the gateway server" })
+            /* @__PURE__ */ jsx40(Text12, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Enter the full URL of the gateway server" })
           ] }),
           /* @__PURE__ */ jsxs20("div", { children: [
-            /* @__PURE__ */ jsx39(Text12, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
-            /* @__PURE__ */ jsx39(
+            /* @__PURE__ */ jsx40(Text12, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
+            /* @__PURE__ */ jsx40(
               Input.Password,
               {
                 placeholder: "Optional: Enter API key for authentication",
@@ -6856,7 +6740,7 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ jsx39(Text12, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: API key for server authentication" })
+            /* @__PURE__ */ jsx40(Text12, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: API key for server authentication" })
           ] })
         ] })
       }
@@ -6865,10 +6749,10 @@ QUEUE_NAME=tasks`,
 };
 
 // src/components/Chat/AgentServerSetting.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var AgentServerSetting = () => {
   const { settingsModalOpen, setSettingsModalOpen } = useLatticeChatShellContext();
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     SettingsModal,
     {
       open: settingsModalOpen,
@@ -6878,11 +6762,11 @@ var AgentServerSetting = () => {
 };
 
 // src/components/Chat/LatticeChatShell.tsx
-import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs21 } from "react/jsx-runtime";
 var LatticeChatShell = (props) => {
   return /* @__PURE__ */ jsxs21(LatticeChatShellContextProvider, { ...props, children: [
-    /* @__PURE__ */ jsx41(AssistantContextProvider, { autoLoad: true, children: /* @__PURE__ */ jsx41(ConversationContextProvider, { children: /* @__PURE__ */ jsx41(LatticeChatView, {}) }) }),
-    /* @__PURE__ */ jsx41(AgentServerSetting, {})
+    /* @__PURE__ */ jsx42(AssistantContextProvider, { autoLoad: true, children: /* @__PURE__ */ jsx42(ConversationContextProvider, { children: /* @__PURE__ */ jsx42(LatticeChatView, {}) }) }),
+    /* @__PURE__ */ jsx42(AgentServerSetting, {})
   ] });
 };
 export {
@@ -6902,7 +6786,6 @@ export {
   LatticeChatShell,
   LatticeChatShellContext,
   LatticeChatShellContextProvider,
-  MDMermaid,
   MDResponse,
   MDViewFormItem,
   SideAppViewBrowser,