@axiom-lattice/react-sdk 2.1.16 → 2.1.18

package/dist/index.js

@@ -47,7 +47,6 @@ __export(index_exports, {
   LatticeChatShell: () => LatticeChatShell,
   LatticeChatShellContext: () => LatticeChatShellContext,
   LatticeChatShellContextProvider: () => LatticeChatShellContextProvider,
-  MDMermaid: () => MDMermaid,
   MDResponse: () => MDResponse,
   MDViewFormItem: () => MDViewFormItem,
   SideAppViewBrowser: () => SideAppViewBrowser,
@@ -638,7 +637,7 @@ function AgentThreadProvider({
     }
   }, []);
   const resumeStream = (0, import_react3.useCallback)(
-    (messageId) => {
+    (messageId, onMessageChunk) => {
       if (!threadId) {
         throw new Error("Thread ID is required to resume stream");
       }
@@ -672,7 +671,10 @@ function AgentThreadProvider({
       };
       const stopResumeStream = client.resumeStream(
         resumeStreamOptions,
-        handleStreamEvent,
+        (chunk) => {
+          onMessageChunk?.(chunk);
+          handleStreamEvent(chunk);
+        },
         async () => {
           setState((prev) => ({
             ...prev,
@@ -722,7 +724,6 @@ function AgentThreadProvider({
         lastAgentStateCreatedAtRef.current = currentCreatedAt;
       }
       let needUpdateFields = {};
-      let fetchedMessages = [];
       needUpdateFields.agentState = agentState;
       needUpdateFields.todos = agentState?.values?.todos;
       const interrupts = agentState?.tasks?.flatMap(
@@ -738,19 +739,24 @@ function AgentThreadProvider({
         }
       );
       needUpdateFields.interrupts = interrupts;
-      fetchedMessages = await client.getMessages({ threadId });
-      needUpdateFields.messages = fetchedMessages;
+      const fetchedMessages = await client.getMessages({ threadId });
       chunkMessageMerger.current.reset();
       chunkMessageMerger.current.initialMessages(fetchedMessages);
+      needUpdateFields.messages = chunkMessageMerger.current.getMessages();
       setState((prev) => ({
         ...prev,
         ...needUpdateFields,
         isLoading: false
       }));
-      if (options.enableResumeStream && fetchedMessages.length > 0) {
-        const lastMessage = fetchedMessages[fetchedMessages.length - 1];
-        chunkMessageMerger.current.removeMessageById(lastMessage.id);
-        resumeStream(lastMessage.id);
+      if (options.enableResumeStream && needUpdateFields.messages.length > 0) {
+        const lastMessage = needUpdateFields.messages[needUpdateFields.messages.length - 1];
+        let lastMessageIsRemoved = false;
+        resumeStream(lastMessage.id, (chunk) => {
+          if (!lastMessageIsRemoved) {
+            chunkMessageMerger.current.removeMessageById(lastMessage.id);
+            lastMessageIsRemoved = true;
+          }
+        });
       }
     } catch (error) {
       setState((prev) => ({
@@ -1324,99 +1330,244 @@ var ColumnLayout = ({
 };
 
 // src/components/Chat/SideAppViewBrowser.tsx
-var import_icons12 = require("@ant-design/icons");
+var import_icons13 = require("@ant-design/icons");
 
 // src/components/GenUI/elements/confirm_feedback.tsx
-var import_antd = require("antd");
-var import_react9 = require("react");
+var import_antd2 = require("antd");
+var import_react10 = require("react");
 
 // src/components/GenUI/MDResponse.tsx
-var import_react_markdown = __toESM(require("react-markdown"));
-var import_react_syntax_highlighter = require("react-syntax-highlighter");
-var import_prism = require("react-syntax-highlighter/dist/cjs/styles/prism");
-var import_remark_gfm = __toESM(require("remark-gfm"));
-var import_react8 = require("react");
+var import_x_markdown = __toESM(require("@ant-design/x-markdown"));
+var import_react9 = require("react");
 var import_antd_style2 = require("antd-style");
-var import_rehype_raw = __toESM(require("rehype-raw"));
 
-// src/components/GenUI/MDMermaid.tsx
-var import_mermaid = __toESM(require("mermaid"));
+// src/components/GenUI/Code.tsx
+var import_x = require("@ant-design/x");
+
+// src/components/GenUI/ReactInfographic.tsx
+var import_infographic = require("@antv/infographic");
 var import_react7 = require("react");
-var import_uuid = require("uuid");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var MDMermaid = ({ children = [] }) => {
-  const domId = (0, import_react7.useRef)(`dom${(0, import_uuid.v4)()}`);
-  const code = String(children);
-  const target = (0, import_react7.useRef)(null);
-  const targetInternal = (0, import_react7.useRef)(null);
+var ReactInfographic = (props) => {
+  const { children } = props;
+  const $container = (0, import_react7.useRef)(null);
+  let infographicInstance = (0, import_react7.useRef)(null);
   (0, import_react7.useEffect)(() => {
-    if (target.current && code) {
-      import_mermaid.default.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 }
-      });
-      import_mermaid.default.render(domId.current, code, target.current).then((result) => {
-        target.current.innerHTML = result.svg;
-      }).catch((error) => {
-        console.log(error);
+    if ($container.current) {
+      infographicInstance.current = new import_infographic.Infographic({
+        container: $container.current
       });
     }
-  }, [code]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { minWidth: 750 }, ref: target, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { id: domId.current, style: { display: "none" } }) });
+    return () => {
+      infographicInstance.current?.destroy();
+    };
+  }, []);
+  (0, import_react7.useEffect)(() => {
+    infographicInstance.current?.render(children);
+  }, [children]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ref: $container });
 };
 
-// src/components/GenUI/MDResponse.tsx
+// src/components/GenUI/Code.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var SyntaxHighlighter = import_react_syntax_highlighter.Prism;
+var Code = (props) => {
+  const { className, children } = props;
+  const language = className?.match(/language-(\w+)/)?.[1] || "";
+  let childrenStr;
+  if (typeof children === "string") {
+    childrenStr = children;
+  }
+  if (Array.isArray(children)) {
+    childrenStr = children.join("");
+  }
+  if (language) {
+    const Element = getElement(language)?.card_view;
+    if (Element) {
+      let childrenData;
+      try {
+        childrenData = JSON.parse(childrenStr);
+      } catch (error) {
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Element, { component_key: language, data: childrenData });
+    }
+    switch (language) {
+      case "infographic":
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ReactInfographic, { children });
+      case "mermaid":
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_x.Mermaid, { children });
+      default:
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_x.CodeHighlighter, { lang: language, children });
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_x.CodeHighlighter, { lang: language, children });
+};
+
+// src/components/GenUI/MDComponentWrap.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var MDComponentWrap = (Element) => {
+  return (props) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Element, { ...props });
+  };
+};
+
+// src/components/GenUI/elements/generic_data_table.tsx
+var import_antd = require("antd");
+var import_react8 = require("react");
+var import_icons = require("@ant-design/icons");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var { Text } = import_antd.Typography;
+var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = true }) => {
+  const { dataSource, message: message5 } = data ?? {};
+  const [expandedRowKeys, setExpandedRowKeys] = (0, import_react8.useState)([]);
+  const { openSideApp } = useChatUIContext();
+  const processedData = dataSource?.map((item, index) => ({
+    ...item,
+    key: `${index}_${JSON.stringify(item).slice(0, 20)}`
+  })) || [];
+  const generateColumns = (dataItem) => {
+    if (!dataItem || typeof dataItem !== "object") {
+      return [];
+    }
+    return Object.keys(dataItem).filter((key) => key !== "key" && key !== "expandItem").map((key) => ({
+      title: formatColumnTitle(key),
+      dataIndex: key,
+      key,
+      width: 150,
+      sorter: (a, b) => {
+        const aVal = a[key];
+        const bVal = b[key];
+        if (aVal === null || aVal === void 0) return 1;
+        if (bVal === null || bVal === void 0) return -1;
+        if (typeof aVal === "number" && typeof bVal === "number") {
+          return aVal - bVal;
+        }
+        const aDate = new Date(aVal);
+        const bDate = new Date(bVal);
+        if (!isNaN(aDate.getTime()) && !isNaN(bDate.getTime())) {
+          return aDate.getTime() - bDate.getTime();
+        }
+        return String(aVal).localeCompare(String(bVal), "zh-CN");
+      },
+      render: (value) => {
+        if (value === null || value === void 0) {
+          return "-";
+        }
+        if (typeof value === "object") {
+          return JSON.stringify(value);
+        }
+        return String(value);
+      }
+    }));
+  };
+  const formatColumnTitle = (key) => {
+    return key.replace(/([A-Z])/g, " $1").replace(/_/g, " ").replace(/^./, (str) => str.toUpperCase()).trim();
+  };
+  const columns = processedData.length > 0 ? generateColumns(processedData[0]) : [];
+  const expandedRowRender = (record) => {
+    const expandItem = record.expandItem;
+    if (!expandItem) {
+      return null;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { padding: "16px" }, children: [
+      expandItem.content && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { strong: true, style: { display: "block", marginBottom: "8px" }, children: "\u8BE6\u7EC6\u4FE1\u606F:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MDResponse, { content: expandItem.content })
+      ] }),
+      expandItem.dataSource && expandItem.dataSource.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { strong: true, style: { display: "block", marginBottom: "8px" }, children: "\u5B50\u8868\u6570\u636E:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          GenericDataTable,
+          {
+            component_key: `nested_${record.key}`,
+            data: {
+              dataSource: expandItem.dataSource,
+              message: void 0
+            },
+            interactive
+          }
+        )
+      ] })
+    ] });
+  };
+  const exportToExcel = () => {
+    if (!processedData || processedData.length === 0) return;
+    console.warn(
+      "Export to Excel not implemented in SDK yet (requires xlsx dependency)"
+    );
+  };
+  const hasExpandableRows = processedData.some((item) => item.expandItem);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_antd.Table,
+    {
+      size: "small",
+      title: () => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_antd.Flex, { justify: "space-between", align: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd.Space, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { strong: true, style: { fontSize: 16 }, children: message5 || "" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_antd.Space, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            import_antd.Button,
+            {
+              type: "text",
+              size: "small",
+              icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons.DownloadOutlined, {}),
+              onClick: exportToExcel,
+              disabled: !processedData || processedData.length === 0,
+              children: "\u5BFC\u51FAExcel"
+            }
+          ),
+          default_open_in_side_app && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+            import_antd.Button,
+            {
+              type: "link",
+              size: "small",
+              onClick: () => {
+                openSideApp({
+                  component_key: "generic_data_table",
+                  message: message5 || "",
+                  data: { dataSource, message: message5 }
+                });
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons.ExpandAltOutlined, {}),
+                "\u5C55\u5F00"
+              ]
+            }
+          )
+        ] })
+      ] }),
+      dataSource: processedData,
+      columns,
+      pagination: {
+        pageSize: 10,
+        showSizeChanger: true,
+        showQuickJumper: true,
+        showTotal: (total, range) => `\u7B2C ${range[0]}-${range[1]} \u6761/\u5171 ${total} \u6761`
+      },
+      scroll: { x: "max-content" },
+      expandable: hasExpandableRows ? {
+        expandedRowRender,
+        expandedRowKeys,
+        onExpandedRowsChange: (keys) => setExpandedRowKeys(keys),
+        rowExpandable: (record) => !!record.expandItem
+      } : void 0,
+      rowKey: "key",
+      bordered: true
+    }
+  );
+};
+
+// src/components/GenUI/mdComponents.tsx
+var genericdatatable = MDComponentWrap(GenericDataTable);
+var mdComponents = {
+  code: Code,
+  genericdatatable
+  //   row: Row,
+  //   col: Col,
+  //   input: Input,
+  //   button: Button,
+};
+
+// src/components/GenUI/MDResponse.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var useStyles = (0, import_antd_style2.createStyles)(({ token, css }) => ({
   markdownTableContainer: css`
     overflow-x: auto;
@@ -1506,117 +1657,33 @@ var MDResponse = ({
   noGenUI
 }) => {
   const { styles } = useStyles();
-  const config = (0, import_react8.useMemo)(
-    () => ({
-      components: {
-        a({ node, ...props }) {
-          if (embeddedLink) {
-            return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IFrameCard, { src: props.href });
-          } else return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("a", { ...props });
-        },
-        table({ node, ...props }) {
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles.markdownTableContainer, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("table", { className: styles.markdownTable, ...props }) });
-        },
-        th({ node, ...props }) {
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("th", { className: styles.markdownTh, ...props });
-        },
-        td({ node, ...props }) {
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { className: styles.markdownTd, ...props });
-        },
-        tr({ node, ...props }) {
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsx)(
-                Element,
-                {
-                  context,
-                  interactive,
-                  component_key: language,
-                  data: childrenData
-                }
-              );
-            }
-            switch (language) {
-              case "mermaid":
-                return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MDMermaid, { children });
-              default:
-                return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                  SyntaxHighlighter,
-                  {
-                    ...rest,
-                    PreTag: "div",
-                    language,
-                    style: import_prism.dark,
-                    children: String(children).replace(/\n$/, "")
-                  }
-                );
-            }
-          } else {
-            return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { ...rest, className, children });
-          }
-        }
-      },
-      remarkPlugins: [import_remark_gfm.default],
-      rehypePlugins: [import_rehype_raw.default]
-    }),
-    [userData, interactive, embeddedLink, styles]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles.markdownContainer, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_markdown.default, { ...config, children: content }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: styles.markdownContainer, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_x_markdown.default,
+    {
+      components: mdComponents,
+      content,
+      paragraphTag: "div"
+    }
+  ) });
 };
 var MDViewFormItem = ({ value }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MDResponse, { content: value || "" });
-};
-var IFrameCard = ({ src }) => {
-  const containerRef = (0, import_react8.useRef)(null);
-  const [width, setWidth] = (0, import_react8.useState)("640px");
-  const [height, setHeight] = (0, import_react8.useState)("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__ */ (0, import_jsx_runtime6.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("img", { src, style: { width: "100%" } }) });
-  } else {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("a", { href: src, target: "_black", children: src }) });
-  }
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(MDResponse, { content: value || "" });
 };
 
 // src/components/GenUI/elements/confirm_feedback.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var { Text } = import_antd.Typography;
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var { Text: Text2 } = import_antd2.Typography;
 var ConfirmFeedback = ({
   data,
   interactive = true
 }) => {
   const { message: message5, type, config, feedback, options } = data ?? {};
   const { sendMessage } = useAgentChat();
-  const [clicked, setClicked] = (0, import_react9.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_antd.Space, { direction: "vertical", style: { width: "100%" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MDResponse, { content: message5 }),
-    options ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_antd.Space, { style: { justifyContent: "flex-end", width: "100%" }, children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      import_antd.Button,
+  const [clicked, setClicked] = (0, import_react10.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_antd2.Space, { direction: "vertical", style: { width: "100%" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MDResponse, { content: message5 }),
+    options ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_antd2.Space, { style: { justifyContent: "flex-end", width: "100%" }, children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      import_antd2.Button,
       {
         title: option.description,
         disabled: !interactive || clicked || feedback,
@@ -1638,9 +1705,9 @@ var ConfirmFeedback = ({
         children: option.label
       },
       option.value
-    )) }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_antd.Space, { style: { justifyContent: "flex-end", width: "100%" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        import_antd.Button,
+    )) }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_antd2.Space, { style: { justifyContent: "flex-end", width: "100%" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        import_antd2.Button,
         {
           disabled: !interactive || clicked || feedback,
           style: {
@@ -1662,8 +1729,8 @@ var ConfirmFeedback = ({
           children: "\u786E\u8BA4"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        import_antd.Button,
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        import_antd2.Button,
         {
           disabled: !interactive || clicked || feedback,
           type: "default",
@@ -1689,155 +1756,10 @@ var ConfirmFeedback = ({
   ] });
 };
 
-// src/components/GenUI/elements/generic_data_table.tsx
-var import_antd2 = require("antd");
-var import_react10 = require("react");
-var import_icons = require("@ant-design/icons");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var { Text: Text2 } = import_antd2.Typography;
-var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = true }) => {
-  const { dataSource, message: message5 } = data ?? {};
-  const [expandedRowKeys, setExpandedRowKeys] = (0, import_react10.useState)([]);
-  const { openSideApp } = useChatUIContext();
-  const processedData = dataSource?.map((item, index) => ({
-    ...item,
-    key: `${index}_${JSON.stringify(item).slice(0, 20)}`
-  })) || [];
-  const generateColumns = (dataItem) => {
-    if (!dataItem || typeof dataItem !== "object") {
-      return [];
-    }
-    return Object.keys(dataItem).filter((key) => key !== "key" && key !== "expandItem").map((key) => ({
-      title: formatColumnTitle(key),
-      dataIndex: key,
-      key,
-      width: 150,
-      sorter: (a, b) => {
-        const aVal = a[key];
-        const bVal = b[key];
-        if (aVal === null || aVal === void 0) return 1;
-        if (bVal === null || bVal === void 0) return -1;
-        if (typeof aVal === "number" && typeof bVal === "number") {
-          return aVal - bVal;
-        }
-        const aDate = new Date(aVal);
-        const bDate = new Date(bVal);
-        if (!isNaN(aDate.getTime()) && !isNaN(bDate.getTime())) {
-          return aDate.getTime() - bDate.getTime();
-        }
-        return String(aVal).localeCompare(String(bVal), "zh-CN");
-      },
-      render: (value) => {
-        if (value === null || value === void 0) {
-          return "-";
-        }
-        if (typeof value === "object") {
-          return JSON.stringify(value);
-        }
-        return String(value);
-      }
-    }));
-  };
-  const formatColumnTitle = (key) => {
-    return key.replace(/([A-Z])/g, " $1").replace(/_/g, " ").replace(/^./, (str) => str.toUpperCase()).trim();
-  };
-  const columns = processedData.length > 0 ? generateColumns(processedData[0]) : [];
-  const expandedRowRender = (record) => {
-    const expandItem = record.expandItem;
-    if (!expandItem) {
-      return null;
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { padding: "16px" }, children: [
-      expandItem.content && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { marginBottom: "16px" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text2, { strong: true, style: { display: "block", marginBottom: "8px" }, children: "\u8BE6\u7EC6\u4FE1\u606F:" }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MDResponse, { content: expandItem.content })
-      ] }),
-      expandItem.dataSource && expandItem.dataSource.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text2, { strong: true, style: { display: "block", marginBottom: "8px" }, children: "\u5B50\u8868\u6570\u636E:" }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          GenericDataTable,
-          {
-            component_key: `nested_${record.key}`,
-            data: {
-              dataSource: expandItem.dataSource,
-              message: void 0
-            },
-            interactive
-          }
-        )
-      ] })
-    ] });
-  };
-  const exportToExcel = () => {
-    if (!processedData || processedData.length === 0) return;
-    console.warn(
-      "Export to Excel not implemented in SDK yet (requires xlsx dependency)"
-    );
-  };
-  const hasExpandableRows = processedData.some((item) => item.expandItem);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    import_antd2.Table,
-    {
-      size: "small",
-      title: () => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_antd2.Flex, { justify: "space-between", align: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_antd2.Space, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text2, { strong: true, style: { fontSize: 16 }, children: message5 || "" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_antd2.Space, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            import_antd2.Button,
-            {
-              type: "text",
-              size: "small",
-              icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons.DownloadOutlined, {}),
-              onClick: exportToExcel,
-              disabled: !processedData || processedData.length === 0,
-              children: "\u5BFC\u51FAExcel"
-            }
-          ),
-          default_open_in_side_app && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-            import_antd2.Button,
-            {
-              type: "link",
-              size: "small",
-              onClick: () => {
-                openSideApp({
-                  component_key: "generic_data_table",
-                  message: message5 || "",
-                  data: { dataSource, message: message5 }
-                });
-              },
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons.ExpandAltOutlined, {}),
-                "\u5C55\u5F00"
-              ]
-            }
-          )
-        ] })
-      ] }),
-      dataSource: processedData,
-      columns,
-      pagination: {
-        pageSize: 10,
-        showSizeChanger: true,
-        showQuickJumper: true,
-        showTotal: (total, range) => `\u7B2C ${range[0]}-${range[1]} \u6761/\u5171 ${total} \u6761`
-      },
-      scroll: { x: "max-content" },
-      expandable: hasExpandableRows ? {
-        expandedRowRender,
-        expandedRowKeys,
-        onExpandedRowsChange: (keys) => setExpandedRowKeys(keys),
-        rowExpandable: (record) => !!record.expandItem
-      } : void 0,
-      rowKey: "key",
-      bordered: true
-    }
-  );
-};
-
 // src/components/GenUI/elements/generic_data_table_side_app.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var GenericDataTableSideApp = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(GenericDataTable, { ...props, default_open_in_side_app: false });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(GenericDataTable, { ...props, default_open_in_side_app: false });
 };
 
 // src/components/GenUI/elements/ToolCall.tsx
@@ -1849,7 +1771,7 @@ var import_icons3 = require("@ant-design/icons");
 var import_antd3 = require("antd");
 var import_antd_style3 = require("antd-style");
 var import_icons2 = require("@ant-design/icons");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var { Text: Text3, Title } = import_antd3.Typography;
 var useStyle2 = (0, import_antd_style3.createStyles)(({ token, css }) => ({
   card: css`
@@ -1919,7 +1841,7 @@ var ToolCard = ({
 }) => {
   const { styles } = useStyle2();
   if (!data || !data.name) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_antd3.Card, { size: "small", className: styles.card, bordered: false, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text3, { type: "secondary", children: "Invalid tool data" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_antd3.Card, { size: "small", className: styles.card, bordered: false, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(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(" ");
@@ -1962,7 +1884,7 @@ var ToolCard = ({
     return typeof value;
   };
   const hasParameters = data.parameters && Object.keys(data.parameters).length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     import_antd3.Card,
     {
       size: "small",
@@ -1970,13 +1892,13 @@ var ToolCard = ({
       bordered: false,
       bodyStyle: { padding: "16px" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: styles.header, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_antd3.Space, { align: "center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_icons2.ToolOutlined, { style: { color: "#1890ff", fontSize: "18px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Title, { level: 5, className: styles.toolName, style: { margin: 0 }, children: formatToolName(data.name) }),
-            data.type && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_antd3.Tag, { color: "blue", className: styles.typeTag, children: data.type })
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: styles.header, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_antd3.Space, { align: "center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons2.ToolOutlined, { style: { color: "#1890ff", fontSize: "18px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Title, { level: 5, className: styles.toolName, style: { margin: 0 }, children: formatToolName(data.name) }),
+            data.type && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_antd3.Tag, { color: "blue", className: styles.typeTag, children: data.type })
           ] }),
-          data.description && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          data.description && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             Text3,
             {
               type: "secondary",
@@ -1985,19 +1907,19 @@ var ToolCard = ({
             }
           )
         ] }),
-        hasParameters ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_antd3.Space, { align: "center", style: { marginBottom: "12px" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_icons2.CodeOutlined, { style: { color: "#52c41a", fontSize: "14px" } }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Text3, { strong: true, style: { fontSize: "14px" }, children: [
+        hasParameters ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_antd3.Space, { align: "center", style: { marginBottom: "12px" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons2.CodeOutlined, { style: { color: "#52c41a", fontSize: "14px" } }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Text3, { strong: true, style: { fontSize: "14px" }, children: [
               "Parameters (",
               Object.keys(data.parameters).length,
               ")"
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: styles.parameterGrid, children: Object.entries(data.parameters).map(([key, value], index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: styles.parameterItem, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: styles.parameterName, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_antd3.Space, { align: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children: key }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: styles.parameterGrid, children: Object.entries(data.parameters).map(([key, value], index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: styles.parameterItem, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: styles.parameterName, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_antd3.Space, { align: "center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: key }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                 import_antd3.Tag,
                 {
                   color: getTypeColor(value),
@@ -2006,11 +1928,11 @@ var ToolCard = ({
                 }
               )
             ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: styles.parameterValue, children: formatParameterValue(value) })
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: styles.parameterValue, children: formatParameterValue(value) })
           ] }, index)) })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_antd3.Space, { align: "center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_icons2.CodeOutlined, { style: { color: "#d9d9d9", fontSize: "14px" } }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text3, { type: "secondary", style: { fontSize: "13px" }, children: "No parameters" })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_antd3.Space, { align: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons2.CodeOutlined, { style: { color: "#d9d9d9", fontSize: "14px" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text3, { type: "secondary", style: { fontSize: "13px" }, children: "No parameters" })
         ] })
       ]
     }
@@ -2018,15 +1940,15 @@ var ToolCard = ({
 };
 
 // src/components/GenUI/elements/ToolCall.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function getStatusIcon(status) {
   switch (status) {
     case "success":
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons3.CheckCircleOutlined, { style: { color: "#52c41a" } });
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons3.CheckCircleOutlined, { style: { color: "#52c41a" } });
     case "error":
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons3.InfoCircleOutlined, { style: { color: "#ff4d4f" } });
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons3.InfoCircleOutlined, { style: { color: "#ff4d4f" } });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons3.LoadingOutlined, { style: { color: "#1890ff" } });
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons3.LoadingOutlined, { style: { color: "#1890ff" } });
   }
 }
 var ToolCall = ({ data }) => {
@@ -2049,9 +1971,9 @@ var ToolCall = ({ data }) => {
       return "Error parsing args";
     }
   };
-  const header = /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_antd4.Flex, { align: "center", wrap: "wrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_antd4.Typography.Text, { strong: true, children: formatToolName(toolCallData.name) }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  const header = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_antd4.Flex, { align: "center", wrap: "wrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd4.Typography.Text, { strong: true, children: formatToolName(toolCallData.name) }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       import_antd4.Typography.Text,
       {
         type: "secondary",
@@ -2065,8 +1987,8 @@ var ToolCall = ({ data }) => {
     parameters: toolCallData.args,
     type: "tool_call"
   };
-  const content = /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { marginTop: "8px" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  const content = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { marginTop: "8px" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       ToolCard,
       {
         data: toolCardData,
@@ -2074,8 +1996,8 @@ var ToolCall = ({ data }) => {
         interactive: false
       }
     ),
-    toolCallData.response && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { marginTop: "12px" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    toolCallData.response && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { marginTop: "12px" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         import_antd4.Typography.Text,
         {
           strong: true,
@@ -2083,7 +2005,7 @@ var ToolCall = ({ data }) => {
           children: "Response:"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MDResponse, { content: toolCallData.response })
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(MDResponse, { content: toolCallData.response })
     ] })
   ] });
   const expandIcon = ({ isActive }) => {
@@ -2096,14 +2018,14 @@ var ToolCall = ({ data }) => {
       component_key: toolCallData.id
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     import_antd4.Collapse,
     {
       size: "small",
       bordered: false,
       defaultActiveKey: [],
       expandIcon,
-      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         import_CollapsePanel.default,
         {
           header,
@@ -2120,7 +2042,8 @@ var ToolCall = ({ data }) => {
 var import_antd5 = require("antd");
 var import_antd_style4 = require("antd-style");
 var import_icons4 = require("@ant-design/icons");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_react11 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var { Text: Text4 } = import_antd5.Typography;
 var useStyle3 = (0, import_antd_style4.createStyles)(({ token, css }) => ({
   card: css`
@@ -2151,17 +2074,19 @@ var useStyle3 = (0, import_antd_style4.createStyles)(({ token, css }) => ({
 var Todo = ({
   data,
   component_key,
-  interactive = true
+  interactive = true,
+  focusMode = false
 }) => {
   const { styles } = useStyle3();
+  const [isExpanded, setIsExpanded] = (0, import_react11.useState)(false);
   const getStatusIcon2 = (status) => {
     switch (status) {
       case "completed":
-        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons4.CheckCircleOutlined, { style: { color: "#52c41a" } });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons4.CheckCircleOutlined, { style: { color: "#52c41a" } });
       case "in_progress":
-        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons4.ArrowRightOutlined, { style: { fontWeight: "500" } });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons4.ArrowRightOutlined, { style: { fontWeight: "500" } });
       case "pending":
-        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons4.ClockCircleOutlined, { style: { color: "gray" } });
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons4.ClockCircleOutlined, { style: { color: "gray" } });
       default:
         return null;
     }
@@ -2202,36 +2127,69 @@ var Todo = ({
         return "";
     }
   };
+  const getFilteredData = () => {
+    if (!data || !Array.isArray(data)) {
+      return [];
+    }
+    if (!focusMode || data.length <= 3) {
+      return data;
+    }
+    const firstInProgressIndex = data.findIndex(
+      (item) => item.status === "in_progress"
+    );
+    if (firstInProgressIndex !== -1) {
+      return data.slice(firstInProgressIndex, firstInProgressIndex + 3);
+    }
+    const allCompleted = data.every((item) => item.status === "completed");
+    if (allCompleted) {
+      return data.slice(-3);
+    }
+    return data.slice(0, 3);
+  };
   if (!data || !Array.isArray(data)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       import_antd5.Card,
       {
         size: "small",
         className: `shadow-sm ${styles.card}`,
         bordered: false,
-        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text4, { type: "secondary", children: "No todo items available" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text4, { type: "secondary", children: "No todo items available" })
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_antd5.Card, { size: "small", className: `shadow-sm ${styles.card}`, bordered: false, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_antd5.Space, { direction: "vertical", style: { width: "100%" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  const filteredData = getFilteredData();
+  const hasMoreItems = filteredData.length < data.length;
+  const displayData = isExpanded ? data : filteredData;
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd5.Card, { size: "small", className: `shadow-sm ${styles.card}`, bordered: false, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_antd5.Space, { direction: "vertical", style: { width: "100%" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       import_antd5.List,
       {
         size: "small",
-        dataSource: data,
-        renderItem: (item, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        dataSource: displayData,
+        renderItem: (item, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           import_antd5.List.Item,
           {
             className: `${styles.todoItem} ${getItemClassName(item.status)}`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_antd5.Space, { align: "center", style: { width: "100%" }, children: [
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_antd5.Space, { align: "center", style: { width: "100%" }, children: [
               getStatusIcon2(item.status),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text4, { style: { flex: 1 }, children: item.content })
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text4, { style: { flex: 1 }, children: item.content })
             ] })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Text4, { type: "secondary", style: { fontSize: 12 }, children: [
+    hasMoreItems && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      import_antd5.Button,
+      {
+        type: "link",
+        size: "small",
+        icon: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons4.UpOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons4.DownOutlined, {}),
+        onClick: () => setIsExpanded(!isExpanded),
+        style: { padding: 0, height: "auto" },
+        children: isExpanded ? "Collapse" : `Show all ${data.length} items (${data.length - filteredData.length} hidden)`
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Text4, { type: "secondary", style: { fontSize: 12 }, children: [
       "Total items: ",
       data.length,
       " | Completed:",
@@ -2250,7 +2208,7 @@ var Todo = ({
 var import_antd6 = require("antd");
 var import_icons5 = require("@ant-design/icons");
 var import_CollapsePanel2 = __toESM(require("antd/es/collapse/CollapsePanel"));
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var { Text: Text5 } = import_antd6.Typography;
 var WriteTodos = ({
   data,
@@ -2264,11 +2222,11 @@ var WriteTodos = ({
     (item) => item.status === "completed"
   ).length;
   const expandIcon = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons5.UnorderedListOutlined, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons5.UnorderedListOutlined, {});
   };
-  const header = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_antd6.Space, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Text5, { strong: true, children: "Todos" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Text5, { style: { fontSize: 12 }, type: "secondary", children: [
+  const header = /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_antd6.Space, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Text5, { strong: true, children: "TODOs" }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Text5, { style: { fontSize: 12 }, type: "secondary", children: [
       completedCount,
       "/",
       totalCount,
@@ -2278,24 +2236,25 @@ var WriteTodos = ({
   if (!toolCallData) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     import_antd6.Collapse,
     {
       size: "small",
       bordered: false,
       defaultActiveKey: [toolCallData.id],
       expandIcon,
-      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         import_CollapsePanel2.default,
         {
           header,
           style: { minWidth: 400 },
-          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             Todo,
             {
               data: data.args.todos,
               component_key,
-              interactive
+              interactive,
+              focusMode: true
             }
           )
         },
@@ -2306,47 +2265,47 @@ var WriteTodos = ({
 };
 
 // src/components/GenUI/FileExplorer.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_antd7 = require("antd");
 var import_icons7 = require("@ant-design/icons");
 var import_antd_style5 = require("antd-style");
 
 // src/components/GenUI/elements/getFileIcon.tsx
 var import_icons6 = require("@ant-design/icons");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("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__ */ (0, import_jsx_runtime14.jsx)(import_icons6.CodeOutlined, { style: { ...iconStyle, color: "#3178c6" } });
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons6.CodeOutlined, { style: { ...iconStyle, color: "#3178c6" } });
     case "js":
     case "jsx":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons6.CodeOutlined, { style: { ...iconStyle, color: "#f7df1e" } });
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons6.CodeOutlined, { style: { ...iconStyle, color: "#f7df1e" } });
     case "html":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons6.Html5Outlined, { style: { ...iconStyle, color: "#e34c26" } });
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons6.Html5Outlined, { style: { ...iconStyle, color: "#e34c26" } });
     case "css":
     case "less":
     case "scss":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons6.FileUnknownOutlined, { style: { ...iconStyle, color: "#563d7c" } });
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons6.FileUnknownOutlined, { style: { ...iconStyle, color: "#563d7c" } });
     case "md":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons6.FileMarkdownOutlined, { style: { ...iconStyle, color: "#083fa1" } });
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons6.FileMarkdownOutlined, { style: { ...iconStyle, color: "#083fa1" } });
     case "json":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons6.FileTextOutlined, { style: { ...iconStyle, color: "#fbc02d" } });
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons6.FileTextOutlined, { style: { ...iconStyle, color: "#fbc02d" } });
     case "png":
     case "jpg":
     case "jpeg":
     case "gif":
     case "svg":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons6.FileImageOutlined, { style: { ...iconStyle, color: "#4caf50" } });
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons6.FileImageOutlined, { style: { ...iconStyle, color: "#4caf50" } });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons6.FileOutlined, { style: { ...iconStyle, color: "#9e9e9e" } });
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons6.FileOutlined, { style: { ...iconStyle, color: "#9e9e9e" } });
   }
 };
 
 // src/components/GenUI/FileExplorer.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var useStyles2 = (0, import_antd_style5.createStyles)(({ token, css }) => ({
   container: css`
     height: 100%;
@@ -2478,7 +2437,7 @@ var getFolderIcon = (expanded) => {
     color: "#dcb67a",
     verticalAlign: "middle"
   };
-  return expanded ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons7.FolderOpenOutlined, { style: iconStyle }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons7.FolderOutlined, { style: iconStyle });
+  return expanded ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons7.FolderOpenOutlined, { style: iconStyle }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons7.FolderOutlined, { style: iconStyle });
 };
 var sortTreeNodes = (nodes) => {
   return nodes.sort((a, b) => {
@@ -2503,7 +2462,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__ */ (0, import_jsx_runtime15.jsx)(
+        const title = part === "" && index === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "span",
           {
             style: {
@@ -2538,17 +2497,17 @@ var FileExplorer = ({
 }) => {
   const { files } = data ?? {};
   const { styles, cx } = useStyles2();
-  const [fileList, setFileList] = (0, import_react11.useState)([]);
-  const [selectedKey, setSelectedKey] = (0, import_react11.useState)("");
-  const [expandedKeys, setExpandedKeys] = (0, import_react11.useState)([]);
-  const [copied, setCopied] = (0, import_react11.useState)(false);
-  (0, import_react11.useEffect)(() => {
+  const [fileList, setFileList] = (0, import_react12.useState)([]);
+  const [selectedKey, setSelectedKey] = (0, import_react12.useState)("");
+  const [expandedKeys, setExpandedKeys] = (0, import_react12.useState)([]);
+  const [copied, setCopied] = (0, import_react12.useState)(false);
+  (0, import_react12.useEffect)(() => {
     if (copied) {
       const timer = setTimeout(() => setCopied(false), 2e3);
       return () => clearTimeout(timer);
     }
   }, [copied]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     let list = [];
     if (Array.isArray(files)) {
       list = files;
@@ -2564,11 +2523,11 @@ var FileExplorer = ({
       setSelectedKey(list[0].name);
     }
   }, [files]);
-  const treeData = (0, import_react11.useMemo)(
+  const treeData = (0, import_react12.useMemo)(
     () => buildTreeData(fileList, expandedKeys),
     [fileList, expandedKeys]
   );
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (treeData.length > 0 && expandedKeys.length === 0) {
       const getAllKeys = (nodes) => {
         let keys = [];
@@ -2585,7 +2544,7 @@ var FileExplorer = ({
       setExpandedKeys(getAllKeys(treeData));
     }
   }, [treeData.length]);
-  const selectedFile = (0, import_react11.useMemo)(() => {
+  const selectedFile = (0, import_react12.useMemo)(() => {
     return fileList.find((f) => f.name === selectedKey);
   }, [fileList, selectedKey]);
   const handleCopy = () => {
@@ -2612,7 +2571,7 @@ var FileExplorer = ({
   };
   const renderContent = () => {
     if (!selectedFile) {
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: styles.emptyState, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: styles.emptyState, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         import_antd7.Empty,
         {
           description: "Select a file to preview",
@@ -2621,38 +2580,38 @@ var FileExplorer = ({
       ) });
     }
     const content = Array.isArray(selectedFile.content) ? selectedFile.content.join("\n") : selectedFile.content;
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       "div",
       {
         style: { minHeight: "100%", display: "flex", flexDirection: "column" },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: styles.header, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd7.Tooltip, { title: "Copy Content", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: styles.header, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_antd7.Tooltip, { title: "Copy Content", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               import_antd7.Button,
               {
                 type: "text",
-                icon: copied ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons7.CheckOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons7.CopyOutlined, {}),
+                icon: copied ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons7.CheckOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons7.CopyOutlined, {}),
                 onClick: handleCopy,
                 size: "small"
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd7.Tooltip, { title: "Download File", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_antd7.Tooltip, { title: "Download File", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               import_antd7.Button,
               {
                 type: "text",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons7.DownloadOutlined, {}),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons7.DownloadOutlined, {}),
                 onClick: handleDownload,
                 size: "small"
               }
             ) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: styles.contentBody, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(MDResponse, { content }) })
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: styles.contentBody, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(MDResponse, { content }) })
         ]
       }
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: styles.container, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_antd7.Splitter, { className: styles.splitter, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd7.Splitter.Panel, { defaultSize: "25%", min: "15%", max: "40%", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: styles.leftPanel, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: styles.container, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_antd7.Splitter, { className: styles.splitter, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_antd7.Splitter.Panel, { defaultSize: "25%", min: "15%", max: "40%", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: styles.leftPanel, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       import_antd7.Tree,
       {
         showIcon: true,
@@ -2690,16 +2649,16 @@ var FileExplorer = ({
         }
       }
     ) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd7.Splitter.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: styles.rightPanel, children: renderContent() }) })
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_antd7.Splitter.Panel, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: styles.rightPanel, children: renderContent() }) })
   ] }) });
 };
 
 // src/components/GenUI/elements/attachments_card.tsx
-var import_x = require("@ant-design/x");
+var import_x2 = require("@ant-design/x");
 var import_antd8 = require("antd");
 var import_dayjs = __toESM(require("dayjs"));
-var import_react12 = require("react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_react13 = require("react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var AttachmentsCard = ({
   data,
   component_key,
@@ -2707,8 +2666,8 @@ var AttachmentsCard = ({
   columns = 1,
   showDownloadButton = false
 }) => {
-  const { Text: Text13 } = import_antd8.Typography;
-  const [showAll, setShowAll] = (0, import_react12.useState)(false);
+  const { Text: Text14 } = import_antd8.Typography;
+  const [showAll, setShowAll] = (0, import_react13.useState)(false);
   const { openSideApp } = useChatUIContext();
   const getStyles = () => {
     switch (size) {
@@ -2767,7 +2726,7 @@ var AttachmentsCard = ({
   };
   const DownloadButton = ({ item }) => {
     if (!showDownloadButton) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "div",
       {
         style: {
@@ -2781,8 +2740,8 @@ var AttachmentsCard = ({
       }
     );
   };
-  const renderFileDescription = (item) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_antd8.Space, { direction: "vertical", size: size === "small" ? 2 : 4, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_antd8.Space, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    Text13,
+  const renderFileDescription = (item) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_antd8.Space, { direction: "vertical", size: size === "small" ? 2 : 4, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_antd8.Space, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    Text14,
     {
       type: "secondary",
       style: {
@@ -2795,18 +2754,18 @@ var AttachmentsCard = ({
     const displayData2 = data || [];
     const shouldShowViewMore2 = displayData2.length > 4;
     const visibleData2 = showAll ? displayData2 : displayData2.slice(0, 4);
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_antd8.Flex, { vertical: true, gap: "small", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_antd8.Row, { gutter: [8, 8], children: visibleData2.map((item) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_antd8.Col, { span: 24 / columns, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_antd8.Flex, { vertical: true, gap: "small", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_antd8.Row, { gutter: [8, 8], children: visibleData2.map((item) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_antd8.Col, { span: 24 / columns, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "div",
         {
           onClick: (evt) => {
             evt.stopPropagation();
             handleItemClick(item);
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_antd8.Card, { size: styles.cardSize, style: getCardStyle(item), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DownloadButton, { item }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-              import_x.FileCard,
+          children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_antd8.Card, { size: styles.cardSize, style: getCardStyle(item), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DownloadButton, { item }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              import_x2.FileCard,
               {
                 style: getFileCardStyle(item),
                 name: item.name,
@@ -2814,7 +2773,7 @@ var AttachmentsCard = ({
                 description: renderFileDescription(item)
               }
             ),
-            item.files && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            item.files && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               AttachmentsCard,
               {
                 data: item.files,
@@ -2827,7 +2786,7 @@ var AttachmentsCard = ({
           ] })
         }
       ) }, item.id)) }),
-      shouldShowViewMore2 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      shouldShowViewMore2 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         import_antd8.Button,
         {
           type: "link",
@@ -2841,11 +2800,11 @@ var AttachmentsCard = ({
   const displayData = data || [];
   const shouldShowViewMore = displayData.length > 4;
   const visibleData = showAll ? displayData : displayData.slice(0, 4);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_antd8.Flex, { vertical: true, gap: size === "small" ? "small" : "middle", children: [
-    visibleData.map((item) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { onClick: () => handleItemClick(item), children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_antd8.Card, { size: styles.cardSize, style: getCardStyle(item), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DownloadButton, { item }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-        import_x.FileCard,
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_antd8.Flex, { vertical: true, gap: size === "small" ? "small" : "middle", children: [
+    visibleData.map((item) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { onClick: () => handleItemClick(item), children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_antd8.Card, { size: styles.cardSize, style: getCardStyle(item), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DownloadButton, { item }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        import_x2.FileCard,
         {
           style: getFileCardStyle(item),
           name: item.name,
@@ -2853,13 +2812,13 @@ var AttachmentsCard = ({
           description: renderFileDescription(item)
         }
       ),
-      item.files && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { paddingLeft: "12px" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Text13, { type: "secondary", style: { fontSize: "12px" }, children: [
+      item.files && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { paddingLeft: "12px" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Text14, { type: "secondary", style: { fontSize: "12px" }, children: [
           "\u5305\u542B\u6587\u4EF6(",
           item.files.length,
           ")"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           AttachmentsCard,
           {
             data: item.files,
@@ -2871,7 +2830,7 @@ var AttachmentsCard = ({
         )
       ] })
     ] }) }, item.id)),
-    shouldShowViewMore && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    shouldShowViewMore && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       import_antd8.Button,
       {
         type: "link",
@@ -2889,17 +2848,17 @@ var AttachmentsCard = ({
 
 // src/components/GenUI/elements/attachments_viewer_side_app.tsx
 var import_antd9 = require("antd");
-var import_react13 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_react14 = require("react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function AttachmentsViewerSideApp({
   data,
   component_key
 }) {
-  const [fileUri, setFileUri] = (0, import_react13.useState)();
-  const [loading, setLoading] = (0, import_react13.useState)(true);
-  const { file_id } = data ?? {};
+  const [fileUri, setFileUri] = (0, import_react14.useState)();
+  const [loading, setLoading] = (0, import_react14.useState)(false);
+  const { file_id, url } = data ?? {};
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_antd9.Skeleton, { active: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_antd9.Skeleton, { active: true });
   }
   const canPreviewInIframe = (fileName) => {
     if (!fileName) return false;
@@ -2934,18 +2893,18 @@ function AttachmentsViewerSideApp({
     return previewableExtensions.includes(extension);
   };
   const isPreviewable = fileUri?.fileName ? canPreviewInIframe(fileUri.fileName) : false;
-  return isPreviewable ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return isPreviewable || url ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "iframe",
     {
       style: { width: "100%", height: "100%", border: 0 },
-      src: fileUri?.url
+      src: fileUri?.url || url
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     import_antd9.Empty,
     {
-      description: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { children: "\u6682\u65F6\u4E0D\u652F\u6301\u9884\u89C8\uFF0C\u8BF7\u4E0B\u8F7D\u540E\u67E5\u770B\u3002" }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_antd9.Button, { type: "link", href: fileUri?.url, download: fileUri?.fileName, children: [
+      description: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { children: "\u6682\u65F6\u4E0D\u652F\u6301\u9884\u89C8\uFF0C\u8BF7\u4E0B\u8F7D\u540E\u67E5\u770B\u3002" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_antd9.Button, { type: "link", href: fileUri?.url, download: fileUri?.fileName, children: [
           "\u4E0B\u8F7D",
           fileUri?.fileName
         ] })
@@ -2959,12 +2918,12 @@ function AttachmentsViewerSideApp({
 var import_antd11 = require("antd");
 
 // src/components/GenUI/elements/ContentPreviewCollapse.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_antd10 = require("antd");
 var import_antd_style6 = require("antd-style");
 var import_icons8 = require("@ant-design/icons");
 var import_CollapsePanel3 = __toESM(require("antd/es/collapse/CollapsePanel"));
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var DEFAULT_COLLAPSED_MAX_HEIGHT = 180;
 var DEFAULT_EXPANDED_MAX_HEIGHT = 500;
 var useStyle4 = (0, import_antd_style6.createStyles)(
@@ -3029,18 +2988,18 @@ var ContentPreviewCollapse = ({
   showAllText = "Show all content",
   showLessText = "Show less"
 }) => {
-  const [showFullContent, setShowFullContent] = (0, import_react14.useState)(false);
-  const [isOverflowing, setIsOverflowing] = (0, import_react14.useState)(false);
-  const contentRef = (0, import_react14.useRef)(null);
+  const [showFullContent, setShowFullContent] = (0, import_react15.useState)(false);
+  const [isOverflowing, setIsOverflowing] = (0, import_react15.useState)(false);
+  const contentRef = (0, import_react15.useRef)(null);
   const showShadow = isOverflowing && !showFullContent;
   const { styles, cx } = useStyle4({ showShadow });
-  const checkOverflow = (0, import_react14.useCallback)(() => {
+  const checkOverflow = (0, import_react15.useCallback)(() => {
     if (contentRef.current) {
       const scrollHeight = contentRef.current.scrollHeight;
       setIsOverflowing(scrollHeight > collapsedMaxHeight);
     }
   }, [collapsedMaxHeight]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const element = contentRef.current;
     if (!element) return;
     checkOverflow();
@@ -3056,7 +3015,7 @@ var ContentPreviewCollapse = ({
     e.stopPropagation();
     setShowFullContent(!showFullContent);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_antd10.Collapse,
     {
       className: styles.collapse,
@@ -3064,29 +3023,29 @@ var ContentPreviewCollapse = ({
       bordered: false,
       defaultActiveKey: defaultExpanded ? [panelKey] : [],
       expandIcon,
-      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
         import_CollapsePanel3.default,
         {
           header,
           extra,
           style: { minWidth },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               "div",
               {
                 className: cx(styles.contentContainer, showFullContent && "expanded"),
                 style: {
                   maxHeight: showFullContent ? expandedMaxHeight : collapsedMaxHeight
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { ref: contentRef, className: styles.content, children })
+                children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { ref: contentRef, className: styles.content, children })
               }
             ),
-            isOverflowing && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: styles.toggleButton, onClick: handleToggleContent, children: showFullContent ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_icons8.UpOutlined, { style: { fontSize: 10 } }),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: showLessText })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_icons8.DownOutlined, { style: { fontSize: 10 } }),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: showAllText })
+            isOverflowing && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: styles.toggleButton, onClick: handleToggleContent, children: showFullContent ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons8.UpOutlined, { style: { fontSize: 10 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: showLessText })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_icons8.DownOutlined, { style: { fontSize: 10 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: showAllText })
             ] }) })
           ]
         },
@@ -3097,7 +3056,7 @@ var ContentPreviewCollapse = ({
 };
 
 // src/components/GenUI/elements/WriteFile.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var { Text: Text6 } = import_antd11.Typography;
 var WriteFile = ({
   data,
@@ -3111,9 +3070,9 @@ var WriteFile = ({
     return null;
   }
   const expandIcon = () => getFileIcon(file_path);
-  const header = /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_antd11.Space, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Text6, { strong: true, children: "New" }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Text6, { title: file_path, children: file_path?.split("/")?.pop() || "" })
+  const header = /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_antd11.Space, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text6, { strong: true, children: "New" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text6, { title: file_path, children: file_path?.split("/")?.pop() || "" })
   ] });
   const handleItemClick = (toolCallData2) => {
     openSideApp({
@@ -3125,13 +3084,13 @@ var WriteFile = ({
       }
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     ContentPreviewCollapse,
     {
       panelKey: toolCallData.id,
       header,
       expandIcon,
-      extra: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      extra: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         import_antd11.Button,
         {
           type: "link",
@@ -3143,7 +3102,7 @@ var WriteFile = ({
           children: "Diff View"
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(MDResponse, { content })
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MDResponse, { content })
     }
   );
 };
@@ -3151,10 +3110,10 @@ var WriteFile = ({
 // src/components/GenUI/elements/file_content_diff_view.tsx
 var import_react_diff_viewer = __toESM(require("@alexbruf/react-diff-viewer"));
 var import_react_diff_viewer2 = require("@alexbruf/react-diff-viewer/index.css");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var FileContentDiffView = ({ data, interactive = true, default_open_in_side_app = true }) => {
   const { old_code, new_code } = data;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     import_react_diff_viewer.default,
     {
       oldValue: old_code,
@@ -3166,7 +3125,7 @@ var FileContentDiffView = ({ data, interactive = true, default_open_in_side_app
 
 // src/components/GenUI/elements/EditFile.tsx
 var import_antd12 = require("antd");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var { Text: Text7 } = import_antd12.Typography;
 var EditFile = ({
   data,
@@ -3180,9 +3139,9 @@ var EditFile = ({
     return null;
   }
   const expandIcon = () => getFileIcon(file_path);
-  const header = /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_antd12.Space, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text7, { strong: true, children: "Edit" }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text7, { title: file_path, children: file_path?.split("/")?.pop() || "" })
+  const header = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_antd12.Space, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text7, { strong: true, children: "Edit" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text7, { title: file_path, children: file_path?.split("/")?.pop() || "" })
   ] });
   const handleItemClick = (toolCallData2) => {
     openSideApp({
@@ -3194,13 +3153,13 @@ var EditFile = ({
       }
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     ContentPreviewCollapse,
     {
       panelKey: toolCallData.id,
       header,
       expandIcon,
-      extra: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      extra: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         import_antd12.Button,
         {
           type: "link",
@@ -3212,7 +3171,7 @@ var EditFile = ({
           children: "Diff View"
         }
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MDResponse, { content: new_string })
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MDResponse, { content: new_string })
     }
   );
 };
@@ -3221,7 +3180,7 @@ var EditFile = ({
 var import_antd13 = require("antd");
 var import_antd_style7 = require("antd-style");
 var import_icons9 = require("@ant-design/icons");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var { Text: Text8 } = import_antd13.Typography;
 var useStyle5 = (0, import_antd_style7.createStyles)(({ token, css }) => ({
   card: css`
@@ -3389,14 +3348,14 @@ var TaskCard = ({
     switch (status2) {
       case "success":
         return {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons9.CheckCircleOutlined, { style: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons9.CheckCircleOutlined, { style: { fontSize: 16 } }),
           color: "success",
           text: "Completed",
           bgColor: "rgba(82, 196, 26, 0.1)"
         };
       case "error":
         return {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons9.CloseCircleOutlined, { style: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons9.CloseCircleOutlined, { style: { fontSize: 16 } }),
           color: "error",
           text: "Failed",
           bgColor: "rgba(255, 77, 79, 0.1)"
@@ -3404,7 +3363,7 @@ var TaskCard = ({
       case "pending":
       default:
         return {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons9.LoadingOutlined, { style: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons9.LoadingOutlined, { style: { fontSize: 16 } }),
           color: "processing",
           text: "In Progress",
           bgColor: "rgba(24, 144, 255, 0.1)"
@@ -3424,7 +3383,7 @@ var TaskCard = ({
       }
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     import_antd13.Card,
     {
       size: "small",
@@ -3433,28 +3392,28 @@ var TaskCard = ({
       onClick: handleCardClick,
       hoverable: interactive,
       bodyStyle: { padding: 0 },
-      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: styles.cardBody, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: styles.header, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: styles.titleSection, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: styles.iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons9.CarryOutOutlined, { style: { fontSize: 20, color: "#1890ff" } }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: styles.titleContent, children: [
-            subagent_type && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: styles.taskType, children: subagent_type }),
-            description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text8, { className: styles.description, children: description })
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: styles.cardBody, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: styles.header, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: styles.titleSection, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: styles.iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons9.CarryOutOutlined, { style: { fontSize: 20, color: "#1890ff" } }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: styles.titleContent, children: [
+            subagent_type && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: styles.taskType, children: subagent_type }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text8, { className: styles.description, children: description })
           ] })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: styles.footer, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: styles.footerLeft, children: [
-            assignee && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: styles.assigneeContainer, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: styles.footer, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: styles.footerLeft, children: [
+            assignee && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: styles.assigneeContainer, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                 import_antd13.Avatar,
                 {
                   size: 24,
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons9.UserOutlined, {}),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons9.UserOutlined, {}),
                   className: styles.assigneeAvatar
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text8, { className: styles.assigneeName, children: assignee })
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text8, { className: styles.assigneeName, children: assignee })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
               import_antd13.Tag,
               {
                 icon: statusConfig.icon,
@@ -3472,16 +3431,16 @@ var TaskCard = ({
               }
             )
           ] }),
-          interactive && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons9.RightOutlined, { className: styles.actionIcon })
+          interactive && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons9.RightOutlined, { className: styles.actionIcon })
         ] }),
-        showResponse && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+        showResponse && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
           "div",
           {
             className: styles.responseSection,
             onClick: (e) => e.stopPropagation(),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Text8, { className: styles.responseHeader, children: "Response" }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: styles.responseContent, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(MDResponse, { content: response }) })
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Text8, { className: styles.responseHeader, children: "Response" }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: styles.responseContent, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(MDResponse, { content: response }) })
             ]
           }
         )
@@ -3495,23 +3454,23 @@ var import_antd20 = require("antd");
 
 // src/components/Chat/Chating.tsx
 var import_icons11 = require("@ant-design/icons");
-var import_x4 = require("@ant-design/x");
+var import_x5 = require("@ant-design/x");
 
 // src/components/Chat/MessageList.tsx
-var import_x2 = require("@ant-design/x");
+var import_x3 = require("@ant-design/x");
 var import_antd14 = require("antd");
 var import_ErrorBoundary = __toESM(require("antd/es/alert/ErrorBoundary"));
-var import_react15 = require("react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var LazyBubble = ({
   message: message5,
   renderContent,
   autoLoadRightPanel
 }) => {
-  const ref = (0, import_react15.useRef)(null);
-  const [isVisible, setIsVisible] = (0, import_react15.useState)(false);
-  const [wasEverVisible, setWasEverVisible] = (0, import_react15.useState)(false);
-  (0, import_react15.useEffect)(() => {
+  const ref = (0, import_react16.useRef)(null);
+  const [isVisible, setIsVisible] = (0, import_react16.useState)(false);
+  const [wasEverVisible, setWasEverVisible] = (0, import_react16.useState)(false);
+  (0, import_react16.useEffect)(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
         const visible = entry.isIntersecting;
@@ -3531,22 +3490,22 @@ var LazyBubble = ({
       }
     };
   }, [wasEverVisible]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     autoLoadRightPanel?.();
   }, []);
   const getPlaceholder = () => {
     const estimatedHeight = message5.content ? Math.min(100, message5.content.length / 5) : 100;
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { style: { height: `${estimatedHeight}px`, minHeight: "50px" } });
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { style: { height: `${estimatedHeight}px`, minHeight: "50px" } });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_ErrorBoundary.default, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { ref, style: { width: "100%" }, children: isVisible || wasEverVisible ? renderContent(message5) : getPlaceholder() }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_ErrorBoundary.default, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { ref, style: { width: "100%" }, children: isVisible || wasEverVisible ? renderContent(message5) : getPlaceholder() }) });
 };
-var MemoizedBubbleList = (0, import_react15.memo)(
+var MemoizedBubbleList = (0, import_react16.memo)(
   ({
     items,
     role,
     className
-  }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-    import_x2.Bubble.List,
+  }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    import_x3.Bubble.List,
     {
       autoScroll: true,
       items,
@@ -3563,18 +3522,18 @@ var MessageList = ({
 }) => {
   const { styles } = useStyle();
   const { openSideApp } = useChatUIContext();
-  const messageLengthRef = (0, import_react15.useRef)(messages?.length ?? 0);
-  (0, import_react15.useEffect)(() => {
+  const messageLengthRef = (0, import_react16.useRef)(messages?.length ?? 0);
+  (0, import_react16.useEffect)(() => {
     if (messages?.length) {
       messageLengthRef.current = messages?.length;
     }
   }, [messages?.length]);
-  const renderContent = (0, import_react15.useCallback)((message5) => {
+  const renderContent = (0, import_react16.useCallback)((message5) => {
     const { content } = message5;
     try {
       const json = JSON.parse(content);
       if (json.action && json.message) {
-        return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MDResponse, { content: json.message });
+        return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(MDResponse, { content: json.message });
       }
     } catch (error) {
     }
@@ -3584,14 +3543,14 @@ ${JSON.stringify(tool_call)}
 \`\`\``;
     }) || [];
     const content_md = [content, ...tool_calls_md].join("\n");
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_antd14.Space, { direction: "vertical", style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MDResponse, { content: content_md }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_antd14.Space, { direction: "vertical", style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(MDResponse, { content: content_md }) });
   }, []);
-  const items = (0, import_react15.useMemo)(
+  const items = (0, import_react16.useMemo)(
     () => messages.map((message5, index) => ({
       key: message5.id,
       role: message5.role,
       typing: false,
-      content: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      content: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         LazyBubble,
         {
           message: message5,
@@ -3651,9 +3610,9 @@ ${JSON.stringify(tool_call)}
     }
   };
   if (items.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { style: { flex: 1 } });
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { style: { flex: 1 } });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     MemoizedBubbleList,
     {
       items,
@@ -3665,13 +3624,13 @@ ${JSON.stringify(tool_call)}
 
 // src/components/Chat/Chating.tsx
 var import_antd19 = require("antd");
-var import_react17 = __toESM(require("react"));
+var import_react18 = __toESM(require("react"));
 
 // src/components/GenUI/HITLContainer.tsx
 var import_antd15 = require("antd");
 var import_antd_style8 = require("antd-style");
 var import_CollapsePanel4 = __toESM(require("antd/es/collapse/CollapsePanel"));
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var { Text: Text9 } = import_antd15.Typography;
 var useStyle6 = (0, import_antd_style8.createStyles)(({ token, css }) => ({
   card: css`
@@ -3687,18 +3646,18 @@ var useStyle6 = (0, import_antd_style8.createStyles)(({ token, css }) => ({
 var HITLContainer = () => {
   const { styles } = useStyle6();
   const { interrupts } = useAgentChat();
-  return interrupts && interrupts.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return interrupts && interrupts.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     import_antd15.Collapse,
     {
       className: styles.card,
       size: "small",
       bordered: false,
       defaultActiveKey: ["hitl"],
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         import_CollapsePanel4.default,
         {
           showArrow: false,
-          header: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          header: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             import_antd15.Tag,
             {
               bordered: false,
@@ -3713,7 +3672,7 @@ var HITLContainer = () => {
               children: "\u7B49\u5F85\u53CD\u9988"
             }
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_antd15.Space, { direction: "vertical", style: { width: "100%" }, children: interrupts.map((interrupt) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(MDResponse, { content: interrupt.value }, interrupt.id)) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_antd15.Space, { direction: "vertical", style: { width: "100%" }, children: interrupts.map((interrupt) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(MDResponse, { content: interrupt.value }, interrupt.id)) })
         },
         "hitl"
       )
@@ -3726,7 +3685,7 @@ var import_antd18 = require("antd");
 
 // src/components/Chat/TodoProgress.tsx
 var import_antd16 = require("antd");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var TodoProgress = ({}) => {
   const { openSideApp } = useChatUIContext();
   const { todos } = useAgentChat();
@@ -3739,14 +3698,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__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     import_antd16.Popover,
     {
-      content: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { style: { width: 400 }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Todo, { data: todos, component_key: "header_todos" }) }),
+      content: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { width: 400 }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Todo, { data: todos, component_key: "header_todos" }) }),
       title: "Todos",
       trigger: "click",
       placement: "bottomRight",
-      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_antd16.Tooltip, { title: `${completedCount} / ${totalCount} tasks completed`, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { style: { cursor: "pointer", display: "inline-flex" }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_antd16.Tooltip, { title: `${completedCount} / ${totalCount} tasks completed`, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { cursor: "pointer", display: "inline-flex" }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         import_antd16.Progress,
         {
           type: "circle",
@@ -3757,7 +3716,7 @@ var TodoProgress = ({}) => {
           percent,
           status: hasInProgress ? "active" : "normal",
           width: 30,
-          format: () => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          format: () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             "div",
             {
               style: {
@@ -3766,7 +3725,7 @@ var TodoProgress = ({}) => {
                 alignItems: "center",
                 lineHeight: 1
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { style: { fontSize: 8 }, children: [
+              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { style: { fontSize: 8 }, children: [
                 completedCount,
                 "/",
                 totalCount
@@ -3782,7 +3741,7 @@ var TodoProgress = ({}) => {
 // src/components/Chat/FileExplorerButton.tsx
 var import_antd17 = require("antd");
 var import_icons10 = require("@ant-design/icons");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var FileExplorerButton = ({}) => {
   const { agentState } = useAgentChat();
   const { openSideApp } = useChatUIContext();
@@ -3791,11 +3750,11 @@ var FileExplorerButton = ({}) => {
     return null;
   }
   const fileCount = Object.keys(files).length;
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_antd17.Tooltip, { title: "File Explorer", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_antd17.Badge, { count: fileCount, size: "small", color: "blue", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_antd17.Tooltip, { title: "File Explorer", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_antd17.Badge, { count: fileCount, size: "small", color: "blue", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     import_antd17.Button,
     {
       type: "text",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_icons10.FileTextOutlined, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_icons10.FileTextOutlined, {}),
       onClick: () => openSideApp({
         component_key: "file_explorer",
         message: "File Explorer",
@@ -3806,13 +3765,13 @@ var FileExplorerButton = ({}) => {
 };
 
 // src/components/Chat/AgentHeader.tsx
-var import_x3 = require("@ant-design/x");
-var import_react16 = require("react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_x4 = require("@ant-design/x");
+var import_react17 = require("react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var { Text: Text10 } = import_antd18.Typography;
 var AgentHeader = (props) => {
   const { description, avatar, name, extra, extraMeta } = props;
-  const extraMetaComponents = (0, import_react16.useMemo)(() => {
+  const extraMetaComponents = (0, import_react17.useMemo)(() => {
     if (extraMeta && extraMeta.length > 0) {
       return extraMeta.map((meta) => {
         const Element = getElement(meta.id)?.card_view;
@@ -3821,7 +3780,7 @@ var AgentHeader = (props) => {
           try {
           } catch (error) {
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             Element,
             {
               component_key: meta.id,
@@ -3834,24 +3793,24 @@ var AgentHeader = (props) => {
     }
     return void 0;
   }, [extraMeta]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-      import_x3.Welcome,
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      import_x4.Welcome,
       {
         style: { padding: 8 },
         variant: "borderless",
-        description: description ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Text10, { ellipsis: { tooltip: description }, children: description }) : void 0,
-        icon: avatar ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_antd18.Avatar, { src: avatar, size: 48 }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_antd18.Avatar, { size: 48, children: name?.charAt(0).toUpperCase() }),
+        description: description ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text10, { ellipsis: { tooltip: description }, children: description }) : void 0,
+        icon: avatar ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_antd18.Avatar, { src: avatar, size: 48 }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_antd18.Avatar, { size: 48, children: name?.charAt(0).toUpperCase() }),
         title: name ? name : void 0,
-        extra: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_antd18.Space, { children: [
+        extra: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_antd18.Space, { children: [
           extra,
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TodoProgress, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(FileExplorerButton, {}),
-          extraMetaComponents && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_antd18.Space, { align: "center", style: { marginRight: 16 }, children: extraMetaComponents })
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TodoProgress, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(FileExplorerButton, {}),
+          extraMetaComponents && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_antd18.Space, { align: "center", style: { marginRight: 16 }, children: extraMetaComponents })
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       "div",
       {
         style: {
@@ -3863,7 +3822,7 @@ var AgentHeader = (props) => {
 };
 
 // src/components/Chat/Chating.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var Chating = ({
   avatar,
   name,
@@ -3879,12 +3838,12 @@ var Chating = ({
   showHITL = true,
   showRefreshButton = false
 }) => {
-  const [content, setContent] = (0, import_react17.useState)("");
-  const [attachedFiles, setAttachedFiles] = (0, import_react17.useState)([]);
+  const [content, setContent] = (0, import_react18.useState)("");
+  const [attachedFiles, setAttachedFiles] = (0, import_react18.useState)([]);
   const { styles } = useStyle();
-  const [headerOpen, setHeaderOpen] = (0, import_react17.useState)(false);
-  const attachmentsRef = (0, import_react17.useRef)(null);
-  const senderRef = import_react17.default.useRef(null);
+  const [headerOpen, setHeaderOpen] = (0, import_react18.useState)(false);
+  const attachmentsRef = (0, import_react18.useRef)(null);
+  const senderRef = import_react18.default.useRef(null);
   const {
     messages,
     sendMessage,
@@ -3896,7 +3855,7 @@ var Chating = ({
     tenantId,
     clearError
   } = useAgentChat();
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     regsiterElement("action_show_attachments_uploader", {
       card_view: () => null,
       action: (data) => {
@@ -3981,16 +3940,16 @@ var Chating = ({
     }
     return true;
   };
-  const attachmentsNode = /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_antd19.Badge, { dot: attachedFiles.length > 0 && !headerOpen, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  const attachmentsNode = /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_antd19.Badge, { dot: attachedFiles.length > 0 && !headerOpen, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     import_antd19.Button,
     {
       type: "text",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_icons11.PaperClipOutlined, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_icons11.PaperClipOutlined, {}),
       onClick: () => setHeaderOpen(!headerOpen)
     }
   ) });
-  const senderHeader = /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    import_x4.Sender.Header,
+  const senderHeader = /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    import_x5.Sender.Header,
     {
       title: "Attachments",
       open: headerOpen,
@@ -4001,8 +3960,8 @@ var Chating = ({
         }
       },
       forceRender: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-        import_x4.Attachments,
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        import_x5.Attachments,
         {
           ref: attachmentsRef,
           items: attachedFiles,
@@ -4023,7 +3982,7 @@ var Chating = ({
           multiple: true,
           maxCount: 10,
           placeholder: (type) => ({
-            icon: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_icons11.CloudUploadOutlined, {}),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_icons11.CloudUploadOutlined, {}),
             title: "\u4E0A\u4F20\u6587\u4EF6",
             description: attachment_placeholder
           })
@@ -4031,19 +3990,19 @@ var Chating = ({
       )
     }
   );
-  const refreshButton = /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  const refreshButton = /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     import_antd19.Button,
     {
       type: "text",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_icons11.ReloadOutlined, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_icons11.ReloadOutlined, {}),
       onClick: () => {
         loadMessages();
       }
     }
   );
   const headerExtra = showRefreshButton ? [refreshButton] : [];
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { children: showHeader && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { children: showHeader && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       AgentHeader,
       {
         description,
@@ -4053,9 +4012,9 @@ var Chating = ({
         extraMeta
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(MessageList, { messages, className: styles.messages }),
-    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", {}) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_x4.Prompts, { items: senderPromptsItems, onItemClick: onPromptsItemClick }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { style: { padding: "0 16px 8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(MessageList, { messages, className: styles.messages }),
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", {}) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_x5.Prompts, { items: senderPromptsItems, onItemClick: onPromptsItemClick }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { style: { padding: "0 16px 8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       import_antd19.Alert,
       {
         type: "error",
@@ -4065,9 +4024,9 @@ var Chating = ({
         message: `${error.message}`
       }
     ) }),
-    showHITL && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(HITLContainer, {}),
-    showSender && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-      import_x4.Sender,
+    showHITL && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(HITLContainer, {}),
+    showSender && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      import_x5.Sender,
       {
         disabled: interrupts && interrupts.length > 0,
         allowSpeech: false,
@@ -4092,11 +4051,11 @@ var Chating = ({
 };
 
 // src/components/GenUI/elements/task_detail.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var { Text: Text11 } = import_antd20.Typography;
 var TaskDetail = ({ data, component_key, interactive = true }) => {
   const { description, subagent_type, thread_id } = data || {};
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     AgentThreadProvider,
     {
       threadId: thread_id,
@@ -4106,7 +4065,7 @@ var TaskDetail = ({ data, component_key, interactive = true }) => {
         enableReturnStateWhenStreamCompleted: true,
         enableResumeStream: true
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { style: { overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { style: { overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         Chating,
         {
           showRefreshButton: true,
@@ -4120,6 +4079,170 @@ var TaskDetail = ({ data, component_key, interactive = true }) => {
   );
 };
 
+// src/components/GenUI/elements/internet_search_card.tsx
+var import_antd21 = require("antd");
+var import_icons12 = require("@ant-design/icons");
+var import_antd_style9 = require("antd-style");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var { Text: Text12 } = import_antd21.Typography;
+var useStyle7 = (0, import_antd_style9.createStyles)(({ token, css }) => ({
+  listContainer: css`
+    background: ${token.colorBgContainer};
+    border-radius: ${token.borderRadius}px;
+    padding: 8px 0;
+  `,
+  listItem: css`
+    padding: 12px 16px;
+    border-bottom: 1px solid ${token.colorBorderSecondary};
+    transition: background-color 0.2s ease;
+    cursor: pointer;
+
+    &:hover {
+      background: ${token.colorFillTertiary};
+    }
+
+    &:last-child {
+      border-bottom: none;
+    }
+  `,
+  itemContent: css`
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    width: 100%;
+  `,
+  iconWrapper: css`
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    background: ${token.colorPrimary};
+    color: white;
+    font-size: 14px;
+    font-weight: 600;
+  `,
+  titleWrapper: css`
+    flex: 1;
+    min-width: 0;
+  `,
+  title: css`
+    color: ${token.colorText};
+    font-size: ${token.fontSize}px;
+    line-height: 1.5;
+    margin: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+  source: css`
+    color: ${token.colorTextSecondary};
+    font-size: ${token.fontSizeSM}px;
+    margin: 0;
+    flex-shrink: 0;
+    margin-left: 16px;
+  `
+}));
+var getDomainFromUrl = (url) => {
+  try {
+    const urlObj = new URL(url);
+    return urlObj.hostname.replace(/^www\./, "");
+  } catch {
+    return url;
+  }
+};
+var getIconText = (domain) => {
+  if (!domain) return "?";
+  const parts = domain.split(".");
+  if (parts.length >= 2) {
+    const mainPart = parts[parts.length - 2];
+    return mainPart.substring(0, 2).toUpperCase();
+  }
+  return domain.substring(0, 2).toUpperCase();
+};
+var getIconColor = (domain) => {
+  const colors = [
+    "#1890ff",
+    // blue
+    "#52c41a",
+    // green
+    "#fa8c16",
+    // orange
+    "#eb2f96",
+    // pink
+    "#722ed1",
+    // purple
+    "#13c2c2",
+    // cyan
+    "#f5222d"
+    // red
+  ];
+  let hash = 0;
+  for (let i = 0; i < domain.length; i++) {
+    hash = domain.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  return colors[Math.abs(hash) % colors.length];
+};
+var InternetSearchCard = ({
+  data,
+  component_key,
+  interactive = true
+}) => {
+  const { styles } = useStyle7();
+  const toolCallData = data;
+  const { query } = toolCallData?.args || {};
+  const dataSource = JSON.parse(toolCallData.response || "[]");
+  const { openSideApp } = useChatUIContext();
+  if (!toolCallData) {
+    return null;
+  }
+  const header = /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_antd21.Space, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Text12, { strong: true, children: "Internet Search" }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Text12, { title: query, children: query })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    ContentPreviewCollapse,
+    {
+      panelKey: toolCallData.id,
+      header,
+      expandIcon: () => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_icons12.SearchOutlined, {}),
+      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        import_antd21.List,
+        {
+          size: "small",
+          dataSource,
+          renderItem: (item) => {
+            const url = item.url || "";
+            const domain = getDomainFromUrl(url);
+            const iconText = getIconText(domain);
+            const iconColor = getIconColor(domain);
+            return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_antd21.List.Item, { extra: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Text12, { className: styles.source, children: domain }), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_antd21.Space, { style: { width: "100%" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_antd21.Avatar, { style: { background: iconColor }, children: iconText }),
+              " ",
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                import_antd21.Button,
+                {
+                  type: "text",
+                  onClick: () => {
+                    openSideApp({
+                      component_key: "attachments",
+                      data: { url, message: item.title },
+                      message: item.title
+                    });
+                  },
+                  children: item.title
+                }
+              )
+            ] }) });
+          }
+        }
+      )
+    }
+  );
+};
+
 // src/components/GenUI/elements/builtIns.tsx
 var elements = {
   action_show_attachments_uploader: {
@@ -4147,6 +4270,9 @@ var elements = {
   write_todos: {
     card_view: WriteTodos
   },
+  internet_search: {
+    card_view: InternetSearchCard
+  },
   write_file: {
     card_view: WriteFile
   },
@@ -4185,11 +4311,11 @@ var regsiterElement = (language, ElementMeta) => {
 };
 
 // src/components/Chat/SideAppViewBrowser.tsx
-var import_antd21 = require("antd");
-var import_antd_style9 = require("antd-style");
-var import_react18 = require("react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var useStyle7 = (0, import_antd_style9.createStyles)(({ token, css }) => {
+var import_antd22 = require("antd");
+var import_antd_style10 = require("antd-style");
+var import_react19 = require("react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var useStyle8 = (0, import_antd_style10.createStyles)(({ token, css }) => {
   return {
     tabContainer: css`
       .ant-tabs-content-holder {
@@ -4208,13 +4334,13 @@ var useStyle7 = (0, import_antd_style9.createStyles)(({ token, css }) => {
   };
 });
 var EmptySideAppView = ({ component_key, data }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { children: "\u672A\u627E\u5230\u5BF9\u5E94\u7684\u7EC4\u4EF6\u89C6\u56FE" }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("pre", { children: JSON.stringify({ component_key, data }, null, 2) })
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { children: "\u672A\u627E\u5230\u5BF9\u5E94\u7684\u7EC4\u4EF6\u89C6\u56FE" }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("pre", { children: JSON.stringify({ component_key, data }, null, 2) })
   ] });
 };
 var SideAppViewBrowser = () => {
-  const { styles } = useStyle7();
+  const { styles } = useStyle8();
   const {
     sideAppSize,
     sideAppSelectedCard,
@@ -4222,10 +4348,10 @@ var SideAppViewBrowser = () => {
     openSideApp,
     closeSideApp
   } = useChatUIContext();
-  const [activeKey, setActiveKey] = (0, import_react18.useState)(
+  const [activeKey, setActiveKey] = (0, import_react19.useState)(
     JSON.stringify(sideAppSelectedCard)
   );
-  const [items, setItems] = (0, import_react18.useState)([]);
+  const [items, setItems] = (0, import_react19.useState)([]);
   const add = (key, label, children) => {
     const newActiveKey = key;
     const newPanes = [...items];
@@ -4261,7 +4387,7 @@ var SideAppViewBrowser = () => {
       remove(targetKey);
     }
   };
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     const SideAppView = getElement(sideAppSelectedCard?.component_key).side_app_view || EmptySideAppView;
     const key = JSON.stringify(sideAppSelectedCard);
     if (items.find((item) => item.key === key)) {
@@ -4271,7 +4397,7 @@ var SideAppViewBrowser = () => {
     add(
       key,
       sideAppSelectedCard?.message || sideAppSelectedCard?.data.message || "\u672A\u547D\u540D",
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         SideAppView,
         {
           component_key: sideAppSelectedCard?.component_key || "",
@@ -4312,26 +4438,26 @@ var SideAppViewBrowser = () => {
   const getSizeIcon = (size) => {
     switch (size) {
       case "middle":
-        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_icons12.CompressOutlined, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_icons13.CompressOutlined, {});
       case "large":
-        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_icons12.ExpandOutlined, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_icons13.ExpandOutlined, {});
       case "full":
-        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_icons12.FullscreenOutlined, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_icons13.FullscreenOutlined, {});
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_icons12.ExpandOutlined, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_icons13.ExpandOutlined, {});
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-    import_antd21.Tabs,
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_antd22.Tabs,
     {
       className: styles.tabContainer,
       type: "editable-card",
       style: { height: "100%" },
       hideAdd: true,
       tabBarExtraContent: {
-        right: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { style: { display: "flex", gap: "4px" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-            import_antd21.Button,
+        right: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { style: { display: "flex", gap: "4px" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            import_antd22.Button,
             {
               style: { margin: "8px 0" },
               size: "large",
@@ -4341,13 +4467,13 @@ var SideAppViewBrowser = () => {
               title: `\u5F53\u524D\u5C3A\u5BF8: ${getSizeLabel(sideAppSize)}, \u70B9\u51FB\u5207\u6362`
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-            import_antd21.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            import_antd22.Button,
             {
               style: { margin: "8px 0" },
               size: "large",
               type: "text",
-              icon: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_icons12.CloseOutlined, {}),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_icons13.CloseOutlined, {}),
               onClick: () => {
                 closeSideApp();
               }
@@ -4364,10 +4490,10 @@ var SideAppViewBrowser = () => {
 };
 
 // src/components/Chat/LatticeChat.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var LatticeChat = (props) => {
   const { assistant_id, thread_id = "", menu, ...chatingProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     AgentThreadProvider,
     {
       assistantId: assistant_id,
@@ -4377,12 +4503,12 @@ var LatticeChat = (props) => {
         enableReturnStateWhenStreamCompleted: true,
         enableResumeStream: true
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ChatUIContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ChatUIContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         ColumnLayout,
         {
           menu,
-          left: thread_id ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Chating, { ...chatingProps }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { children: "\u9700\u8981\u5148\u521B\u5EFA\u4F1A\u8BDD" }),
-          right: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SideAppViewBrowser, {})
+          left: thread_id ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Chating, { ...chatingProps }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: "\u9700\u8981\u5148\u521B\u5EFA\u4F1A\u8BDD" }),
+          right: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SideAppViewBrowser, {})
         }
       ) })
     }
@@ -4390,15 +4516,15 @@ var LatticeChat = (props) => {
 };
 
 // src/components/Chat/ConversationContext.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 
 // src/components/Chat/AssistantContext.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_client_sdk4 = require("@axiom-lattice/client-sdk");
 
 // src/components/Chat/LatticeChatShellContext.tsx
-var import_react19 = require("react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_react20 = require("react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var DEFAULT_CONFIG = {
   baseURL: "http://localhost:4001",
   apiKey: "",
@@ -4406,7 +4532,7 @@ var DEFAULT_CONFIG = {
   timeout: 3e5,
   headers: {}
 };
-var LatticeChatShellContext = (0, import_react19.createContext)({
+var LatticeChatShellContext = (0, import_react20.createContext)({
   config: DEFAULT_CONFIG,
   updateConfig: () => {
   },
@@ -4424,7 +4550,7 @@ var LatticeChatShellContextProvider = ({
   persistToLocalStorage = false,
   localStorageKey = "lattice_chat_shell_config"
 }) => {
-  const loadInitialConfig = (0, import_react19.useCallback)(() => {
+  const loadInitialConfig = (0, import_react20.useCallback)(() => {
     if (persistToLocalStorage && typeof window !== "undefined") {
       try {
         const stored = localStorage.getItem(localStorageKey);
@@ -4438,9 +4564,9 @@ var LatticeChatShellContextProvider = ({
     }
     return { ...DEFAULT_CONFIG, ...initialConfig };
   }, [persistToLocalStorage, localStorageKey, initialConfig]);
-  const [config, setConfig] = (0, import_react19.useState)(loadInitialConfig);
-  const [settingsModalOpen, setSettingsModalOpen] = (0, import_react19.useState)(false);
-  const saveToLocalStorage = (0, import_react19.useCallback)(
+  const [config, setConfig] = (0, import_react20.useState)(loadInitialConfig);
+  const [settingsModalOpen, setSettingsModalOpen] = (0, import_react20.useState)(false);
+  const saveToLocalStorage = (0, import_react20.useCallback)(
     (newConfig) => {
       if (persistToLocalStorage && typeof window !== "undefined") {
         try {
@@ -4452,7 +4578,7 @@ var LatticeChatShellContextProvider = ({
     },
     [persistToLocalStorage, localStorageKey]
   );
-  const updateConfig = (0, import_react19.useCallback)(
+  const updateConfig = (0, import_react20.useCallback)(
     (updates) => {
       setConfig((prev) => {
         const newConfig = { ...prev, ...updates };
@@ -4462,7 +4588,7 @@ var LatticeChatShellContextProvider = ({
     },
     [saveToLocalStorage]
   );
-  const updateConfigValue = (0, import_react19.useCallback)(
+  const updateConfigValue = (0, import_react20.useCallback)(
     (key, value) => {
       setConfig((prev) => {
         const newConfig = { ...prev, [key]: value };
@@ -4472,12 +4598,12 @@ var LatticeChatShellContextProvider = ({
     },
     [saveToLocalStorage]
   );
-  const resetConfig = (0, import_react19.useCallback)(() => {
+  const resetConfig = (0, import_react20.useCallback)(() => {
     const defaultConfig = { ...DEFAULT_CONFIG, ...initialConfig };
     setConfig(defaultConfig);
     saveToLocalStorage(defaultConfig);
   }, [initialConfig, saveToLocalStorage]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     LatticeChatShellContext.Provider,
     {
       value: {
@@ -4493,7 +4619,7 @@ var LatticeChatShellContextProvider = ({
   );
 };
 var useLatticeChatShellContext = () => {
-  const context = (0, import_react19.useContext)(LatticeChatShellContext);
+  const context = (0, import_react20.useContext)(LatticeChatShellContext);
   if (!context) {
     throw new Error(
       "useLatticeChatShellContext must be used within a LatticeChatShellContextProvider"
@@ -4503,8 +4629,8 @@ var useLatticeChatShellContext = () => {
 };
 
 // src/components/Chat/AssistantContext.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var AssistantContext = (0, import_react20.createContext)({
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var AssistantContext = (0, import_react21.createContext)({
   assistants: [],
   currentAssistant: null,
   isLoading: false,
@@ -4537,7 +4663,7 @@ var AssistantContextProvider = ({
   const {
     config: { baseURL, apiKey = "", transport = "sse" }
   } = useLatticeChatShellContext();
-  const client = (0, import_react20.useMemo)(
+  const client = (0, import_react21.useMemo)(
     () => new import_client_sdk4.Client({
       baseURL,
       apiKey,
@@ -4546,17 +4672,17 @@ var AssistantContextProvider = ({
     }),
     [baseURL, apiKey, transport]
   );
-  const [state, setState] = (0, import_react20.useState)({
+  const [state, setState] = (0, import_react21.useState)({
     assistants: [],
     currentAssistant: null,
     isLoading: false,
     error: null
   });
-  const assistantsRef = (0, import_react20.useRef)([]);
-  (0, import_react20.useEffect)(() => {
+  const assistantsRef = (0, import_react21.useRef)([]);
+  (0, import_react21.useEffect)(() => {
     assistantsRef.current = state.assistants;
   }, [state.assistants]);
-  const listAssistants = (0, import_react20.useCallback)(async () => {
+  const listAssistants = (0, import_react21.useCallback)(async () => {
     setState((prev) => ({ ...prev, isLoading: true, error: null }));
     try {
       const assistants = await client.assistants.list();
@@ -4573,7 +4699,7 @@ var AssistantContextProvider = ({
       }));
     }
   }, [client]);
-  const getAssistant = (0, import_react20.useCallback)(
+  const getAssistant = (0, import_react21.useCallback)(
     async (id) => {
       setState((prev) => ({ ...prev, isLoading: true, error: null }));
       try {
@@ -4596,7 +4722,7 @@ var AssistantContextProvider = ({
     },
     [client]
   );
-  const createAssistant = (0, import_react20.useCallback)(
+  const createAssistant = (0, import_react21.useCallback)(
     async (options) => {
       setState((prev) => ({ ...prev, isLoading: true, error: null }));
       try {
@@ -4618,7 +4744,7 @@ var AssistantContextProvider = ({
     },
     [client]
   );
-  const updateAssistant = (0, import_react20.useCallback)(
+  const updateAssistant = (0, import_react21.useCallback)(
     async (id, options) => {
       setState((prev) => ({ ...prev, isLoading: true, error: null }));
       try {
@@ -4643,7 +4769,7 @@ var AssistantContextProvider = ({
     },
     [client]
   );
-  const deleteAssistant = (0, import_react20.useCallback)(
+  const deleteAssistant = (0, import_react21.useCallback)(
     async (id) => {
       setState((prev) => ({ ...prev, isLoading: true, error: null }));
       try {
@@ -4665,7 +4791,7 @@ var AssistantContextProvider = ({
     },
     [client]
   );
-  const selectAssistant = (0, import_react20.useCallback)(
+  const selectAssistant = (0, import_react21.useCallback)(
     async (id) => {
       setState((prev) => ({ ...prev, isLoading: true, error: null }));
       try {
@@ -4696,21 +4822,21 @@ var AssistantContextProvider = ({
     },
     [client]
   );
-  const clearCurrentAssistant = (0, import_react20.useCallback)(() => {
+  const clearCurrentAssistant = (0, import_react21.useCallback)(() => {
     setState((prev) => ({
       ...prev,
       currentAssistant: null
     }));
   }, []);
-  const refresh = (0, import_react20.useCallback)(async () => {
+  const refresh = (0, import_react21.useCallback)(async () => {
     await listAssistants();
   }, [listAssistants]);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (autoLoad) {
       listAssistants();
     }
   }, [autoLoad, listAssistants]);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (state.assistants.length > 0) {
       const isCurrentAssistantValid = state.currentAssistant && state.assistants.some((a) => a.id === state.currentAssistant?.id);
       if (!isCurrentAssistantValid) {
@@ -4738,7 +4864,7 @@ var AssistantContextProvider = ({
       }
     }
   }, [initialAssistantId, state.assistants, state.currentAssistant]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     AssistantContext.Provider,
     {
       value: {
@@ -4757,7 +4883,7 @@ var AssistantContextProvider = ({
   );
 };
 var useAssistantContext = () => {
-  const context = (0, import_react20.useContext)(AssistantContext);
+  const context = (0, import_react21.useContext)(AssistantContext);
   if (!context) {
     throw new Error(
       "useAssistantContext must be used within an AssistantContextProvider"
@@ -4768,8 +4894,8 @@ var useAssistantContext = () => {
 
 // src/components/Chat/ConversationContext.tsx
 var import_client_sdk5 = require("@axiom-lattice/client-sdk");
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var ConversationContext = (0, import_react21.createContext)({
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var ConversationContext = (0, import_react22.createContext)({
   assistantId: null,
   thread: null,
   threadId: null,
@@ -4811,7 +4937,7 @@ var ConversationContextProvider = ({
   const {
     config: { baseURL, apiKey = "", transport = "sse" }
   } = useLatticeChatShellContext();
-  const client = (0, import_react21.useMemo)(
+  const client = (0, import_react22.useMemo)(
     () => new import_client_sdk5.Client({
       baseURL,
       apiKey,
@@ -4820,18 +4946,18 @@ var ConversationContextProvider = ({
     }),
     [baseURL, apiKey, assistantId, transport]
   );
-  const [threads, setThreads] = (0, import_react21.useState)([]);
-  const [threadId, setThreadId] = (0, import_react21.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react21.useState)(false);
-  const [error, setError] = (0, import_react21.useState)(null);
-  const loadedAssistantIdRef = (0, import_react21.useRef)(null);
-  const prevAssistantIdRef = (0, import_react21.useRef)(null);
-  const isLoadingRef = (0, import_react21.useRef)(false);
-  const clientRef = (0, import_react21.useRef)(client);
-  (0, import_react21.useEffect)(() => {
+  const [threads, setThreads] = (0, import_react22.useState)([]);
+  const [threadId, setThreadId] = (0, import_react22.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react22.useState)(false);
+  const [error, setError] = (0, import_react22.useState)(null);
+  const loadedAssistantIdRef = (0, import_react22.useRef)(null);
+  const prevAssistantIdRef = (0, import_react22.useRef)(null);
+  const isLoadingRef = (0, import_react22.useRef)(false);
+  const clientRef = (0, import_react22.useRef)(client);
+  (0, import_react22.useEffect)(() => {
     clientRef.current = client;
   }, [client]);
-  const loadThreads = (0, import_react21.useCallback)(async () => {
+  const loadThreads = (0, import_react22.useCallback)(async () => {
     const currentClient = clientRef.current;
     if (!assistantId || !currentClient.assistantId) {
       setThreads([]);
@@ -4890,7 +5016,7 @@ var ConversationContextProvider = ({
       isLoadingRef.current = false;
     }
   }, [assistantId]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     const currentClient = clientRef.current;
     const prevAssistantId = prevAssistantIdRef.current;
     const assistantChanged = prevAssistantId !== assistantId;
@@ -4909,20 +5035,20 @@ var ConversationContextProvider = ({
       prevAssistantIdRef.current = null;
     }
   }, [assistantId, loadThreads]);
-  const thread = (0, import_react21.useMemo)(() => {
+  const thread = (0, import_react22.useMemo)(() => {
     if (!assistantId || !threadId) {
       return null;
     }
     return threads.find((t) => t.id === threadId) || null;
   }, [assistantId, threadId, threads]);
-  const setThread = (0, import_react21.useCallback)((newThread) => {
+  const setThread = (0, import_react22.useCallback)((newThread) => {
     if (newThread) {
       setThreadId(newThread.id);
     } else {
       setThreadId(null);
     }
   }, []);
-  const selectThread = (0, import_react21.useCallback)(
+  const selectThread = (0, import_react22.useCallback)(
     (targetThreadId) => {
       const foundThread = threads.find((t) => t.id === targetThreadId);
       if (foundThread) {
@@ -4931,7 +5057,7 @@ var ConversationContextProvider = ({
     },
     [threads]
   );
-  const createThread = (0, import_react21.useCallback)(
+  const createThread = (0, import_react22.useCallback)(
     async (label) => {
       if (!assistantId || !client.assistantId) {
         throw new Error("No assistant selected");
@@ -4956,7 +5082,7 @@ var ConversationContextProvider = ({
     },
     [assistantId, client, loadThreads]
   );
-  const listThreads = (0, import_react21.useCallback)(async () => {
+  const listThreads = (0, import_react22.useCallback)(async () => {
     if (!assistantId || !client.assistantId) {
       return [];
     }
@@ -4977,7 +5103,7 @@ var ConversationContextProvider = ({
       setIsLoading(false);
     }
   }, [assistantId, client, threads]);
-  const updateThread = (0, import_react21.useCallback)(
+  const updateThread = (0, import_react22.useCallback)(
     async (newThread) => {
       if (!assistantId || !client.assistantId) {
         throw new Error("No assistant selected");
@@ -4999,13 +5125,13 @@ var ConversationContextProvider = ({
     },
     [assistantId, client, loadThreads]
   );
-  const getThreadById = (0, import_react21.useCallback)(
+  const getThreadById = (0, import_react22.useCallback)(
     (targetThreadId) => {
       return threads.find((t) => t.id === targetThreadId) || null;
     },
     [threads]
   );
-  const deleteThread = (0, import_react21.useCallback)(
+  const deleteThread = (0, import_react22.useCallback)(
     async (targetThreadId) => {
       if (!assistantId || !client.assistantId) {
         throw new Error("No assistant selected");
@@ -5028,10 +5154,10 @@ var ConversationContextProvider = ({
     },
     [threadId, assistantId, client, loadThreads]
   );
-  const clearThread = (0, import_react21.useCallback)(() => {
+  const clearThread = (0, import_react22.useCallback)(() => {
     setThreadId(null);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     ConversationContext.Provider,
     {
       value: {
@@ -5056,7 +5182,7 @@ var ConversationContextProvider = ({
   );
 };
 var useConversationContext = () => {
-  const context = (0, import_react21.useContext)(ConversationContext);
+  const context = (0, import_react22.useContext)(ConversationContext);
   if (!context) {
     throw new Error(
       "useConversationContext must be used within a ConversationContextProvider"
@@ -5066,12 +5192,12 @@ var useConversationContext = () => {
 };
 
 // src/components/Chat/AgentConversations.tsx
-var import_x5 = require("@ant-design/x");
-var import_antd22 = require("antd");
-var import_react22 = require("react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_x6 = require("@ant-design/x");
+var import_antd23 = require("antd");
+var import_react23 = require("react");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var AgentConversations = () => {
-  const { token } = import_antd22.theme.useToken();
+  const { token } = import_antd23.theme.useToken();
   const { currentAssistant } = useAssistantContext();
   const {
     assistantId,
@@ -5086,7 +5212,7 @@ var AgentConversations = () => {
     background: "transparent",
     borderRadius: token.borderRadius
   };
-  const threadItems = (0, import_react22.useMemo)(() => {
+  const threadItems = (0, import_react23.useMemo)(() => {
     return threads || [];
   }, [threads]);
   const items = threadItems.map((thread2) => ({
@@ -5099,8 +5225,8 @@ var AgentConversations = () => {
     }
     await createThread();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-    import_x5.Conversations,
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    import_x6.Conversations,
     {
       creation: {
         onClick: newChatClick
@@ -5117,16 +5243,16 @@ var AgentConversations = () => {
 };
 
 // src/components/Chat/ChatSidebar.tsx
-var import_react23 = require("react");
-var import_antd24 = require("antd");
-var import_icons13 = require("@ant-design/icons");
+var import_react24 = require("react");
+var import_antd25 = require("antd");
+var import_icons14 = require("@ant-design/icons");
 
 // src/components/Chat/AssistantList.tsx
-var import_x6 = require("@ant-design/x");
-var import_antd23 = require("antd");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_x7 = require("@ant-design/x");
+var import_antd24 = require("antd");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var AssistantList = () => {
-  const { token } = import_antd23.theme.useToken();
+  const { token } = import_antd24.theme.useToken();
   const { assistants, selectAssistant, currentAssistant } = useAssistantContext();
   const style = {
     width: "100%",
@@ -5136,8 +5262,8 @@ var AssistantList = () => {
   const items = assistants.map((assistant) => ({
     key: assistant.id,
     label: assistant.name,
-    icon: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-      import_antd23.Avatar,
+    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      import_antd24.Avatar,
       {
         size: "small",
         style: {
@@ -5148,8 +5274,8 @@ var AssistantList = () => {
       }
     )
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-    import_x6.Conversations,
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    import_x7.Conversations,
     {
       items,
       activeKey: currentAssistant?.id,
@@ -5162,9 +5288,9 @@ var AssistantList = () => {
 };
 
 // src/components/Chat/ChatSidebar.tsx
-var import_antd_style10 = require("antd-style");
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var useStyles3 = (0, import_antd_style10.createStyles)(({ token, css }) => ({
+var import_antd_style11 = require("antd-style");
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var useStyles3 = (0, import_antd_style11.createStyles)(({ token, css }) => ({
   sidebar: css`
     display: flex;
     flex-direction: column;
@@ -5341,7 +5467,7 @@ var ChatSidebar = ({
   const { styles } = useStyles3();
   const { setMenuCollapsed, menuCollapsed, sideAppVisible } = useChatUIContext();
   const { setSettingsModalOpen } = useLatticeChatShellContext();
-  const [isHovered, setIsHovered] = (0, import_react23.useState)(false);
+  const [isHovered, setIsHovered] = (0, import_react24.useState)(false);
   const handleToggleCollapse = () => {
     setMenuCollapsed(!menuCollapsed);
   };
@@ -5358,87 +5484,87 @@ var ChatSidebar = ({
   const handleMouseLeave = () => {
     setIsHovered(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       "div",
       {
         className: styles.sidebar,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
-        children: !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: styles.content, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: styles.section, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: styles.sectionTitle, children: "Assistants" }),
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AssistantList, {})
+        children: !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: styles.content, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: styles.section, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: styles.sectionTitle, children: "Assistants" }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AssistantList, {})
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_antd24.Divider, { className: styles.divider }),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: styles.section, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: styles.sectionTitle, children: "Threads" }),
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AgentConversations, {})
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_antd25.Divider, { className: styles.divider }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: styles.section, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: styles.sectionTitle, children: "Threads" }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AgentConversations, {})
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: styles.footer, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: styles.footer, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               "button",
               {
                 className: styles.actionButton,
                 onClick: handleToggleCollapse,
                 title: isCollapsed ? "Expand sidebar" : "Collapse sidebar",
                 "aria-label": isCollapsed ? "Expand sidebar" : "Collapse sidebar",
-                children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_icons13.MenuUnfoldOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_icons13.MenuFoldOutlined, {})
+                children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_icons14.MenuUnfoldOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_icons14.MenuFoldOutlined, {})
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               "button",
               {
                 className: styles.actionButton,
                 onClick: handleSettingsClick,
                 title: "Settings",
                 "aria-label": "Settings",
-                children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_icons13.SettingOutlined, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_icons14.SettingOutlined, {})
               }
             )
           ] })
         ] })
       }
     ),
-    isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       "div",
       {
         className: `${styles.hoverOverlay} ${isHovered ? "visible" : ""}`,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: styles.hoverContent, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: styles.section, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: styles.sectionTitle, children: "Assistants" }),
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AssistantList, {})
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: styles.hoverContent, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: styles.section, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: styles.sectionTitle, children: "Assistants" }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AssistantList, {})
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_antd24.Divider, { className: styles.divider }),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: styles.section, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: styles.sectionTitle, children: "Threads" }),
-              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(AgentConversations, {})
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_antd25.Divider, { className: styles.divider }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: styles.section, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: styles.sectionTitle, children: "Threads" }),
+              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AgentConversations, {})
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: styles.footer, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: styles.footer, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               "button",
               {
                 className: styles.actionButton,
                 onClick: handleToggleCollapse,
                 title: isCollapsed ? "Expand sidebar" : "Collapse sidebar",
                 "aria-label": isCollapsed ? "Expand sidebar" : "Collapse sidebar",
-                children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_icons13.MenuUnfoldOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_icons13.MenuFoldOutlined, {})
+                children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_icons14.MenuUnfoldOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_icons14.MenuFoldOutlined, {})
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               "button",
               {
                 className: styles.actionButton,
                 onClick: handleSettingsClick,
                 title: "Settings",
                 "aria-label": "Settings",
-                children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_icons13.SettingOutlined, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_icons14.SettingOutlined, {})
               }
             )
           ] })
@@ -5449,14 +5575,14 @@ var ChatSidebar = ({
 };
 
 // src/components/Chat/LatticeChatView.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var LatticeChatView = (props) => {
   const { assistantId, thread } = useConversationContext();
   const { currentAssistant } = useAssistantContext();
   const {
     config: { baseURL }
   } = useLatticeChatShellContext();
-  return assistantId && thread ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return assistantId && thread ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     AxiomLatticeProvider,
     {
       config: {
@@ -5465,14 +5591,14 @@ var LatticeChatView = (props) => {
         assistantId,
         transport: "sse"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         LatticeChat,
         {
           thread_id: thread?.id,
           assistant_id: assistantId,
           name: currentAssistant?.name,
           description: currentAssistant?.description,
-          menu: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ChatSidebar, {})
+          menu: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ChatSidebar, {})
         }
       )
     }
@@ -5480,14 +5606,14 @@ var LatticeChatView = (props) => {
 };
 
 // src/components/Chat/SettingsModal.tsx
-var import_react24 = require("react");
-var import_antd25 = require("antd");
-var import_icons14 = require("@ant-design/icons");
-var import_antd_style11 = require("antd-style");
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var { Text: Text12, Title: Title2 } = import_antd25.Typography;
-var { TextArea } = import_antd25.Input;
-var useStyles4 = (0, import_antd_style11.createStyles)(({ token, css }) => ({
+var import_react25 = require("react");
+var import_antd26 = require("antd");
+var import_icons15 = require("@ant-design/icons");
+var import_antd_style12 = require("antd-style");
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var { Text: Text13, Title: Title2 } = import_antd26.Typography;
+var { TextArea } = import_antd26.Input;
+var useStyles4 = (0, import_antd_style12.createStyles)(({ token, css }) => ({
   //   settingsModal: css`
   //     .ant-modal {
   //       max-width: 100vw !important;
@@ -5833,12 +5959,12 @@ var SETTINGS_MENU_ITEMS = [
   {
     key: "environment",
     label: "Environment Variables",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_icons14.EnvironmentOutlined, {})
+    icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons15.EnvironmentOutlined, {})
   },
   {
     key: "models",
     label: "Model Configuration",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_icons14.ApiOutlined, {})
+    icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons15.ApiOutlined, {})
   }
 ];
 var SettingsModal = ({
@@ -5847,7 +5973,7 @@ var SettingsModal = ({
 }) => {
   const { styles } = useStyles4();
   const { config: shellConfig, updateConfigValue } = useLatticeChatShellContext();
-  const [connections, setConnections] = (0, import_react24.useState)(() => {
+  const [connections, setConnections] = (0, import_react25.useState)(() => {
     if (typeof window !== "undefined") {
       try {
         const stored = localStorage.getItem("lattice_server_connections");
@@ -5870,21 +5996,21 @@ var SettingsModal = ({
     }
     return [];
   });
-  const [serverConfigs, setServerConfigs] = (0, import_react24.useState)({});
-  const connectionsRef = (0, import_react24.useRef)(connections);
-  (0, import_react24.useEffect)(() => {
+  const [serverConfigs, setServerConfigs] = (0, import_react25.useState)({});
+  const connectionsRef = (0, import_react25.useRef)(connections);
+  (0, import_react25.useEffect)(() => {
     connectionsRef.current = connections;
   }, [connections]);
-  const [activeTabKey, setActiveTabKey] = (0, import_react24.useState)(
+  const [activeTabKey, setActiveTabKey] = (0, import_react25.useState)(
     connections.length > 0 ? connections[0].id : ""
   );
-  const [activeMenu, setActiveMenu] = (0, import_react24.useState)("environment");
-  const [loading, setLoading] = (0, import_react24.useState)(false);
-  const [showAddServerModal, setShowAddServerModal] = (0, import_react24.useState)(false);
-  const [newServerUrl, setNewServerUrl] = (0, import_react24.useState)("");
-  const [newServerName, setNewServerName] = (0, import_react24.useState)("");
-  const [newServerApiKey, setNewServerApiKey] = (0, import_react24.useState)("");
-  const [addingServer, setAddingServer] = (0, import_react24.useState)(false);
+  const [activeMenu, setActiveMenu] = (0, import_react25.useState)("environment");
+  const [loading, setLoading] = (0, import_react25.useState)(false);
+  const [showAddServerModal, setShowAddServerModal] = (0, import_react25.useState)(false);
+  const [newServerUrl, setNewServerUrl] = (0, import_react25.useState)("");
+  const [newServerName, setNewServerName] = (0, import_react25.useState)("");
+  const [newServerApiKey, setNewServerApiKey] = (0, import_react25.useState)("");
+  const [addingServer, setAddingServer] = (0, import_react25.useState)(false);
   const saveConnections = (newConnections) => {
     setConnections(newConnections);
     if (typeof window !== "undefined") {
@@ -6023,7 +6149,7 @@ var SettingsModal = ({
       }
     } catch (error) {
       console.error("Failed to load configuration:", error);
-      import_antd25.message.error("Failed to load current configuration");
+      import_antd26.message.error("Failed to load current configuration");
     }
   };
   const loadModelsConfig = async (serverId) => {
@@ -6074,7 +6200,7 @@ var SettingsModal = ({
       console.error("Failed to load models configuration:", error);
     }
   };
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (open && activeTabKey) {
       initializeServerConfig(activeTabKey);
       const connection = connections.find((c) => c.id === activeTabKey);
@@ -6083,7 +6209,7 @@ var SettingsModal = ({
       }
     }
   }, [open, activeTabKey]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (open && activeTabKey) {
       const connection = connections.find((c) => c.id === activeTabKey);
       if (connection?.connected) {
@@ -6097,7 +6223,7 @@ var SettingsModal = ({
   }, [open, activeTabKey, activeMenu]);
   const handleAddServer = async () => {
     if (!newServerUrl.trim()) {
-      import_antd25.message.error("Please enter a server URL");
+      import_antd26.message.error("Please enter a server URL");
       return;
     }
     let normalizedUrl = newServerUrl.trim();
@@ -6123,7 +6249,7 @@ var SettingsModal = ({
     setNewServerUrl("");
     setNewServerName("");
     setNewServerApiKey("");
-    import_antd25.message.success("Server added successfully");
+    import_antd26.message.success("Server added successfully");
   };
   const handleDeleteServer = (serverId) => {
     const newConnections = connections.filter((c) => c.id !== serverId);
@@ -6140,7 +6266,7 @@ var SettingsModal = ({
         setActiveTabKey("");
       }
     }
-    import_antd25.message.success("Server deleted");
+    import_antd26.message.success("Server deleted");
   };
   const handleTabChange = (newTabKey) => {
     setConnections(
@@ -6154,12 +6280,12 @@ var SettingsModal = ({
   const handleSave = async () => {
     const connection = connections.find((c) => c.id === activeTabKey);
     if (!connection || !connection.connected) {
-      import_antd25.message.error("Please connect to a server first");
+      import_antd26.message.error("Please connect to a server first");
       return;
     }
     const url = connection.url;
     if (!url) {
-      import_antd25.message.error("Please connect to a server first");
+      import_antd26.message.error("Please connect to a server first");
       return;
     }
     try {
@@ -6223,23 +6349,23 @@ var SettingsModal = ({
         const data = await response.json();
         if (response.ok && data.success) {
           if (data.requiresRestart && data.requiresRestart.length > 0) {
-            import_antd25.message.warning(
+            import_antd26.message.warning(
               `Configuration saved. Please restart the server for ${data.requiresRestart.join(
                 ", "
               )} to take effect.`,
               5
             );
           } else {
-            import_antd25.message.success("Configuration saved and applied successfully");
+            import_antd26.message.success("Configuration saved and applied successfully");
           }
           if (data.warnings && data.warnings.length > 0) {
             data.warnings.forEach((warning) => {
-              import_antd25.message.warning(warning, 5);
+              import_antd26.message.warning(warning, 5);
             });
           }
           onClose();
         } else {
-          import_antd25.message.error(data.error || "Failed to save configuration");
+          import_antd26.message.error(data.error || "Failed to save configuration");
         }
       } else if (activeMenu === "models") {
         const validModels = config.models.filter(
@@ -6258,17 +6384,17 @@ var SettingsModal = ({
         });
         const data = await response.json();
         if (response.ok && data.success) {
-          import_antd25.message.success(
+          import_antd26.message.success(
             "Model configuration saved and registered successfully"
           );
           onClose();
         } else {
-          import_antd25.message.error(data.error || "Failed to save model configuration");
+          import_antd26.message.error(data.error || "Failed to save model configuration");
         }
       }
     } catch (error) {
       console.error("Failed to save configuration:", error);
-      import_antd25.message.error(error.message || "Failed to save configuration");
+      import_antd26.message.error(error.message || "Failed to save configuration");
     } finally {
       setLoading(false);
     }
@@ -6284,25 +6410,25 @@ var SettingsModal = ({
         }
       }));
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: styles.formContainer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-        import_antd25.Alert,
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: styles.formContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        import_antd26.Alert,
         {
           message: "Configuration Effect",
-          description: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { style: { marginBottom: 8 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-                import_icons14.CheckCircleOutlined,
+          description: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { style: { marginBottom: 8 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                import_icons15.CheckCircleOutlined,
                 {
                   style: { color: "#52c41a", marginRight: 8 }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("strong", { children: "Immediately effective:" }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("strong", { children: "Immediately effective:" }),
               " QUEUE_SERVICE_TYPE, REDIS_URL, REDIS_PASSWORD, QUEUE_NAME"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_icons14.ReloadOutlined, { style: { color: "#faad14", marginRight: 8 } }),
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("strong", { children: "Requires restart:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons15.ReloadOutlined, { style: { color: "#faad14", marginRight: 8 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("strong", { children: "Requires restart:" }),
               " PORT (server must be restarted to change port)"
             ] })
           ] }),
@@ -6311,8 +6437,8 @@ var SettingsModal = ({
           className: styles.alertCard
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(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__ */ (0, import_jsx_runtime39.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text13, { 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__ */ (0, import_jsx_runtime42.jsx)(
         TextArea,
         {
           value: config.envText,
@@ -6389,10 +6515,10 @@ QUEUE_NAME=tasks`,
         }));
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: styles.formContainer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { style: { marginBottom: 32 }, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(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__ */ (0, import_jsx_runtime39.jsxs)("div", { className: styles.card, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: styles.formContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { style: { marginBottom: 32 }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text13, { 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__ */ (0, import_jsx_runtime42.jsxs)("div", { className: styles.card, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
           "div",
           {
             style: {
@@ -6404,13 +6530,13 @@ QUEUE_NAME=tasks`,
               borderBottom: "1px solid rgba(0, 0, 0, 0.06)"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Text12, { strong: true, style: { fontSize: 16 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Text13, { strong: true, style: { fontSize: 16 }, children: [
                   "Model ",
                   index + 1
                 ] }),
-                model.key && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
-                  Text12,
+                model.key && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+                  Text13,
                   {
                     type: "secondary",
                     style: { marginLeft: 8, fontSize: 12 },
@@ -6422,8 +6548,8 @@ QUEUE_NAME=tasks`,
                   }
                 )
               ] }),
-              config.models.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-                import_antd25.Button,
+              config.models.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                import_antd26.Button,
                 {
                   type: "text",
                   danger: true,
@@ -6439,11 +6565,11 @@ QUEUE_NAME=tasks`,
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_antd25.Space, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text12, { className: styles.formLabel, children: "Key *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-              import_antd25.Input,
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_antd26.Space, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text13, { className: styles.formLabel, children: "Key *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              import_antd26.Input,
               {
                 placeholder: "e.g., default, gpt-4, claude",
                 value: model.key,
@@ -6451,12 +6577,12 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text12, { className: styles.formDescription, children: "Unique identifier for this model" })
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text13, { className: styles.formDescription, children: "Unique identifier for this model" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text12, { className: styles.formLabel, children: "Provider *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-              import_antd25.Select,
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text13, { className: styles.formLabel, children: "Provider *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              import_antd26.Select,
               {
                 style: { width: "100%", height: 40 },
                 value: model.provider,
@@ -6471,10 +6597,10 @@ QUEUE_NAME=tasks`,
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text12, { className: styles.formLabel, children: "Model Name *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-              import_antd25.Input,
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text13, { className: styles.formLabel, children: "Model Name *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              import_antd26.Input,
               {
                 placeholder: "e.g., gpt-4, claude-3-opus, kimi-k2-250905",
                 value: model.model,
@@ -6483,10 +6609,10 @@ QUEUE_NAME=tasks`,
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text12, { className: styles.formLabel, children: "API Key" }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-              import_antd25.Input.Password,
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text13, { className: styles.formLabel, children: "API Key" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              import_antd26.Input.Password,
               {
                 placeholder: "Enter your API key",
                 value: model.apiKey,
@@ -6494,12 +6620,12 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text12, { className: styles.formDescription, children: "API key for the model provider. Leave empty to use environment variable." })
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text13, { className: styles.formDescription, children: "API key for the model provider. Leave empty to use environment variable." })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text12, { className: styles.formLabel, children: "Base URL" }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-              import_antd25.Input,
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text13, { className: styles.formLabel, children: "Base URL" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              import_antd26.Input,
               {
                 placeholder: "e.g., https://api.openai.com/v1",
                 value: model.baseURL,
@@ -6507,23 +6633,23 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text12, { className: styles.formDescription, children: "Optional custom base URL for the API" })
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text13, { className: styles.formDescription, children: "Optional custom base URL for the API" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_antd25.Space, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-              import_antd25.Switch,
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_antd26.Space, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              import_antd26.Switch,
               {
                 checked: model.streaming,
                 onChange: (checked) => handleModelChange(index, "streaming", checked)
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text12, { children: "Enable Streaming" })
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text13, { children: "Enable Streaming" })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { style: { display: "flex", gap: 20 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text12, { className: styles.formLabel, children: "Max Tokens" }),
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-                import_antd25.Input,
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { style: { display: "flex", gap: 20 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text13, { className: styles.formLabel, children: "Max Tokens" }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                import_antd26.Input,
                 {
                   type: "number",
                   placeholder: "e.g., 4096",
@@ -6537,10 +6663,10 @@ QUEUE_NAME=tasks`,
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text12, { className: styles.formLabel, children: "Temperature" }),
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-                import_antd25.Input,
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text13, { className: styles.formLabel, children: "Temperature" }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                import_antd26.Input,
                 {
                   type: "number",
                   step: "0.1",
@@ -6558,8 +6684,8 @@ QUEUE_NAME=tasks`,
           ] })
         ] })
       ] }, index)),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-        import_antd25.Button,
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        import_antd26.Button,
         {
           type: "dashed",
           onClick: handleAddModel,
@@ -6586,9 +6712,9 @@ QUEUE_NAME=tasks`,
   );
   const currentConnection = connections.find((c) => c.id === activeTabKey);
   const renderTabLabel = (connection) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { style: { display: "flex", alignItems: "center" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-        import_icons14.CloudServerOutlined,
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { style: { display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        import_icons15.CloudServerOutlined,
         {
           style: {
             marginRight: 8,
@@ -6596,15 +6722,15 @@ QUEUE_NAME=tasks`,
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: connection.name }),
-      connection.connected && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-        import_icons14.CheckCircleFilled,
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { children: connection.name }),
+      connection.connected && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        import_icons15.CheckCircleFilled,
         {
           style: { color: "#52c41a", fontSize: 12, marginLeft: 8 }
         }
       ),
-      connection.error && !connection.connecting && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-        import_icons14.CloseCircleFilled,
+      connection.error && !connection.connecting && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        import_icons15.CloseCircleFilled,
         {
           style: { color: "#ff4d4f", fontSize: 12, marginLeft: 8 }
         }
@@ -6614,35 +6740,35 @@ QUEUE_NAME=tasks`,
   const tabItems = connections.map((connection) => ({
     key: connection.id,
     label: renderTabLabel(connection),
-    children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { style: { display: "flex", height: "100%" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_jsx_runtime42.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { style: { display: "flex", height: "100%" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
         "div",
         {
           className: `${styles.menuItem} ${activeMenu === item.key ? "active" : ""}`,
           onClick: () => setActiveMenu(item.key),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: styles.menuItemIcon, children: item.icon }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: styles.menuItemText, children: item.label })
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: styles.menuItemIcon, children: item.icon }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: styles.menuItemText, children: item.label })
           ]
         },
         item.key
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: styles.content, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: styles.contentHeader, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: styles.contentHeaderLeft, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Title2, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Text12, { className: styles.contentDescription, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: styles.content, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: styles.contentHeader, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: styles.contentHeaderLeft, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Title2, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Text13, { 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__ */ (0, import_jsx_runtime39.jsxs)("div", { className: styles.contentHeaderRight, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_antd25.Button, { onClick: onClose, children: "Cancel" }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-              import_antd25.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: styles.contentHeaderRight, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_antd26.Button, { onClick: onClose, children: "Cancel" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              import_antd26.Button,
               {
                 type: "primary",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_icons14.SaveOutlined, {}),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons15.SaveOutlined, {}),
                 onClick: handleSave,
                 loading,
                 children: "Save Configuration"
@@ -6650,9 +6776,9 @@ QUEUE_NAME=tasks`,
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: styles.contentBody, children: renderContent(connection.id) })
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: styles.contentBody, children: renderContent(connection.id) })
       ] })
-    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       "div",
       {
         style: {
@@ -6664,29 +6790,29 @@ QUEUE_NAME=tasks`,
           gap: 16,
           padding: 48
         },
-        children: connection.connecting ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_icons14.LinkOutlined, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Title2, { level: 4, children: "Connecting..." }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Text12, { type: "secondary", style: { textAlign: "center" }, children: [
+        children: connection.connecting ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons15.LinkOutlined, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Title2, { level: 4, children: "Connecting..." }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Text13, { type: "secondary", style: { textAlign: "center" }, children: [
             "Connecting to ",
             connection.url
           ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_icons14.LinkOutlined, { style: { fontSize: 64, color: "#d9d9d9" } }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Title2, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-            Text12,
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons15.LinkOutlined, { style: { fontSize: 64, color: "#d9d9d9" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Title2, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            Text13,
             {
               type: "secondary",
               style: { textAlign: "center", maxWidth: 400 },
               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__ */ (0, import_jsx_runtime39.jsx)(
-            import_antd25.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            import_antd26.Button,
             {
               type: "primary",
-              icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_icons14.LinkOutlined, {}),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons15.LinkOutlined, {}),
               onClick: () => checkConnection(connection.id),
               loading: connection.connecting,
               style: { marginTop: 16 },
@@ -6698,9 +6824,9 @@ QUEUE_NAME=tasks`,
     ) }),
     closable: connections.length > 1
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-      import_antd25.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      import_antd26.Modal,
       {
         open,
         onCancel: onClose,
@@ -6708,8 +6834,8 @@ QUEUE_NAME=tasks`,
         width: "80%",
         footer: null,
         title: "Settings",
-        children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-          import_antd25.Tabs,
+        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          import_antd26.Tabs,
           {
             activeKey: activeTabKey,
             onChange: handleTabChange,
@@ -6722,7 +6848,7 @@ QUEUE_NAME=tasks`,
               }
             },
             items: tabItems,
-            addIcon: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+            addIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
               "div",
               {
                 style: {
@@ -6732,8 +6858,8 @@ QUEUE_NAME=tasks`,
                   padding: "4px 8px"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_icons14.PlusOutlined, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: "Add Server" })
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons15.PlusOutlined, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { children: "Add Server" })
                 ]
               }
             )
@@ -6741,8 +6867,8 @@ QUEUE_NAME=tasks`,
         ) })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-      import_antd25.Modal,
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      import_antd26.Modal,
       {
         title: "Add New Server",
         open: showAddServerModal,
@@ -6755,11 +6881,11 @@ QUEUE_NAME=tasks`,
         },
         confirmLoading: addingServer,
         className: styles.addServerModal,
-        children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_antd25.Space, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text12, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-              import_antd25.Input,
+        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_antd26.Space, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text13, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              import_antd26.Input,
               {
                 placeholder: "e.g., Production Server",
                 value: newServerName,
@@ -6767,12 +6893,12 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text12, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: Leave empty to use URL as name" })
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text13, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: Leave empty to use URL as name" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text12, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-              import_antd25.Input,
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text13, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              import_antd26.Input,
               {
                 placeholder: "e.g., http://localhost:4001",
                 value: newServerUrl,
@@ -6780,12 +6906,12 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text12, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Enter the full URL of the gateway server" })
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text13, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Enter the full URL of the gateway server" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text12, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-              import_antd25.Input.Password,
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text13, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              import_antd26.Input.Password,
               {
                 placeholder: "Optional: Enter API key for authentication",
                 value: newServerApiKey,
@@ -6793,7 +6919,7 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text12, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: API key for server authentication" })
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text13, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: API key for server authentication" })
           ] })
         ] })
       }
@@ -6802,10 +6928,10 @@ QUEUE_NAME=tasks`,
 };
 
 // src/components/Chat/AgentServerSetting.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var AgentServerSetting = () => {
   const { settingsModalOpen, setSettingsModalOpen } = useLatticeChatShellContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     SettingsModal,
     {
       open: settingsModalOpen,
@@ -6815,11 +6941,11 @@ var AgentServerSetting = () => {
 };
 
 // src/components/Chat/LatticeChatShell.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var LatticeChatShell = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(LatticeChatShellContextProvider, { ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AssistantContextProvider, { autoLoad: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ConversationContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(LatticeChatView, {}) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AgentServerSetting, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(LatticeChatShellContextProvider, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AssistantContextProvider, { autoLoad: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ConversationContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(LatticeChatView, {}) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AgentServerSetting, {})
   ] });
 };
 // Annotate the CommonJS export names for ESM import in node:
@@ -6840,7 +6966,6 @@ var LatticeChatShell = (props) => {
   LatticeChatShell,
   LatticeChatShellContext,
   LatticeChatShellContextProvider,
-  MDMermaid,
   MDResponse,
   MDViewFormItem,
   SideAppViewBrowser,