@axiom-lattice/react-sdk 2.1.21 → 2.1.22

package/dist/index.js

@@ -49,6 +49,7 @@ __export(index_exports, {
   LatticeChatShellContextProvider: () => LatticeChatShellContextProvider,
   MDResponse: () => MDResponse,
   MDViewFormItem: () => MDViewFormItem,
+  ScheduleButton: () => ScheduleButton,
   SideAppViewBrowser: () => SideAppViewBrowser,
   getElement: () => getElement,
   regsiterElement: () => regsiterElement,
@@ -197,7 +198,7 @@ function useChat(threadId, options = {}) {
         stopStreamingRef.current = null;
       }
       const { input, command, streaming = true } = data;
-      const { message: message5, files, ...rest } = input || {};
+      const { message: message6, files, ...rest } = input || {};
       setState((prev) => ({
         ...prev,
         isLoading: true,
@@ -206,7 +207,7 @@ function useChat(threadId, options = {}) {
       }));
       const userMessage = {
         id: Date.now().toString(),
-        content: message5 || command?.resume?.message || "",
+        content: message6 || command?.resume?.message || "",
         files,
         role: "human"
       };
@@ -535,7 +536,7 @@ function AgentThreadProvider({
         stopStreamingRef.current = null;
       }
       const { input, command, streaming = true } = data;
-      const { message: message5, files, ...rest } = input || {};
+      const { message: message6, files, ...rest } = input || {};
       setState((prev) => ({
         ...prev,
         isLoading: true,
@@ -543,7 +544,7 @@ function AgentThreadProvider({
       }));
       const userMessage = {
         id: Date.now().toString(),
-        content: message5 || command?.resume?.message || "",
+        content: message6 || command?.resume?.message || "",
         files,
         role: "human"
       };
@@ -1330,7 +1331,7 @@ var ColumnLayout = ({
 };
 
 // src/components/Chat/SideAppViewBrowser.tsx
-var import_icons13 = require("@ant-design/icons");
+var import_icons15 = require("@ant-design/icons");
 
 // src/components/GenUI/elements/confirm_feedback.tsx
 var import_antd2 = require("antd");
@@ -1417,7 +1418,7 @@ 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 { dataSource, message: message6 } = data ?? {};
   const [expandedRowKeys, setExpandedRowKeys] = (0, import_react8.useState)([]);
   const { openSideApp } = useChatUIContext();
   const processedData = dataSource?.map((item, index) => ({
@@ -1501,7 +1502,7 @@ var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = t
     {
       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.jsx)(import_antd.Space, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text, { strong: true, style: { fontSize: 16 }, children: message6 || "" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_antd.Space, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             import_antd.Button,
@@ -1522,8 +1523,8 @@ var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = t
               onClick: () => {
                 openSideApp({
                   component_key: "generic_data_table",
-                  message: message5 || "",
-                  data: { dataSource, message: message5 }
+                  message: message6 || "",
+                  data: { dataSource, message: message6 }
                 });
               },
               children: [
@@ -1679,11 +1680,11 @@ var ConfirmFeedback = ({
   data,
   interactive = true
 }) => {
-  const { message: message5, type, config, feedback, options } = data ?? {};
+  const { message: message6, type, config, feedback, options } = data ?? {};
   const { sendMessage } = useAgentChat();
   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 }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MDResponse, { content: message6 }),
     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,
       {
@@ -2081,7 +2082,7 @@ var Todo = ({
 }) => {
   const { styles } = useStyle3();
   const [isExpanded, setIsExpanded] = (0, import_react11.useState)(false);
-  const getStatusIcon2 = (status) => {
+  const getStatusIcon3 = (status) => {
     switch (status) {
       case "completed":
         return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons4.CheckCircleOutlined, { style: { color: "#52c41a" } });
@@ -2093,7 +2094,7 @@ var Todo = ({
         return null;
     }
   };
-  const getStatusColor = (status) => {
+  const getStatusColor2 = (status) => {
     switch (status) {
       case "completed":
         return "success";
@@ -2173,7 +2174,7 @@ var Todo = ({
           {
             className: `${styles.todoItem} ${getItemClassName(item.status)}`,
             children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_antd5.Space, { align: "center", style: { width: "100%" }, children: [
-              getStatusIcon2(item.status),
+              getStatusIcon3(item.status),
               /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text4, { style: { flex: 1 }, children: item.content })
             ] })
           }
@@ -2668,7 +2669,7 @@ var AttachmentsCard = ({
   columns = 1,
   showDownloadButton = false
 }) => {
-  const { Text: Text14 } = import_antd8.Typography;
+  const { Text: Text15 } = import_antd8.Typography;
   const [showAll, setShowAll] = (0, import_react13.useState)(false);
   const { openSideApp } = useChatUIContext();
   const getStyles = () => {
@@ -2743,7 +2744,7 @@ var AttachmentsCard = ({
     );
   };
   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,
+    Text15,
     {
       type: "secondary",
       style: {
@@ -2815,7 +2816,7 @@ var AttachmentsCard = ({
         }
       ),
       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: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Text15, { type: "secondary", style: { fontSize: "12px" }, children: [
           "\u5305\u542B\u6587\u4EF6(",
           item.files.length,
           ")"
@@ -3452,10 +3453,10 @@ var TaskCard = ({
 };
 
 // src/components/GenUI/elements/task_detail.tsx
-var import_antd20 = require("antd");
+var import_antd21 = require("antd");
 
 // src/components/Chat/Chating.tsx
-var import_icons11 = require("@ant-design/icons");
+var import_icons12 = require("@ant-design/icons");
 var import_x5 = require("@ant-design/x");
 
 // src/components/Chat/MessageList.tsx
@@ -3465,7 +3466,7 @@ var import_ErrorBoundary = __toESM(require("antd/es/alert/ErrorBoundary"));
 var import_react16 = require("react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var LazyBubble = ({
-  message: message5,
+  message: message6,
   renderContent,
   autoLoadRightPanel
 }) => {
@@ -3496,10 +3497,10 @@ var LazyBubble = ({
     autoLoadRightPanel?.();
   }, []);
   const getPlaceholder = () => {
-    const estimatedHeight = message5.content ? Math.min(100, message5.content.length / 5) : 100;
+    const estimatedHeight = message6.content ? Math.min(100, message6.content.length / 5) : 100;
     return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { style: { height: `${estimatedHeight}px`, minHeight: "50px" } });
   };
-  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() }) });
+  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(message6) : getPlaceholder() }) });
 };
 var MemoizedBubbleList = (0, import_react16.memo)(
   ({
@@ -3530,8 +3531,8 @@ var MessageList = ({
       messageLengthRef.current = messages?.length;
     }
   }, [messages?.length]);
-  const renderContent = (0, import_react16.useCallback)((message5) => {
-    const { content } = message5;
+  const renderContent = (0, import_react16.useCallback)((message6) => {
+    const { content } = message6;
     try {
       const json = JSON.parse(content);
       if (json.action && json.message) {
@@ -3539,7 +3540,7 @@ var MessageList = ({
       }
     } catch (error) {
     }
-    const tool_calls_md = message5.tool_calls?.map((tool_call) => {
+    const tool_calls_md = message6.tool_calls?.map((tool_call) => {
       return `\`\`\`tool_call
 ${JSON.stringify(tool_call)}
 \`\`\``;
@@ -3548,17 +3549,17 @@ ${JSON.stringify(tool_call)}
     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_react16.useMemo)(
-    () => messages.map((message5, index) => ({
-      key: message5.id,
-      role: message5.role,
+    () => messages.map((message6, index) => ({
+      key: message6.id,
+      role: message6.role,
       typing: false,
       content: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         LazyBubble,
         {
-          message: message5,
+          message: message6,
           renderContent,
           autoLoadRightPanel: () => {
-            const { content, role: role2 } = message5;
+            const { content, role: role2 } = message6;
             const isNewAddedMessage = messageLengthRef.current > 1 && messageLengthRef.current + 1 === messages.length;
             if (index === messages.length - 1 && isNewAddedMessage && role2 === "ai") {
               try {
@@ -3625,8 +3626,8 @@ ${JSON.stringify(tool_call)}
 };
 
 // src/components/Chat/Chating.tsx
-var import_antd19 = require("antd");
-var import_react18 = __toESM(require("react"));
+var import_antd20 = require("antd");
+var import_react19 = __toESM(require("react"));
 
 // src/components/GenUI/HITLContainer.tsx
 var import_antd15 = require("antd");
@@ -3683,7 +3684,7 @@ var HITLContainer = () => {
 };
 
 // src/components/Chat/AgentHeader.tsx
-var import_antd18 = require("antd");
+var import_antd19 = require("antd");
 
 // src/components/Chat/TodoProgress.tsx
 var import_antd16 = require("antd");
@@ -3766,14 +3767,76 @@ var FileExplorerButton = ({}) => {
   ) }) });
 };
 
-// src/components/Chat/AgentHeader.tsx
-var import_x4 = require("@ant-design/x");
+// src/components/Chat/ScheduleButton.tsx
 var import_react17 = require("react");
+var import_antd18 = require("antd");
+var import_icons11 = require("@ant-design/icons");
+var import_client_sdk4 = require("@axiom-lattice/client-sdk");
 var import_jsx_runtime29 = require("react/jsx-runtime");
-var { Text: Text10 } = import_antd18.Typography;
+var ScheduleButton = ({
+  tooltipText = "Scheduled Tasks"
+}) => {
+  const { threadId, assistantId } = useAgentChat();
+  const { openSideApp } = useChatUIContext();
+  const client = useAxiomLattice({ assistantId });
+  const [scheduledTasks, setScheduledTasks] = (0, import_react17.useState)([]);
+  const [loading, setLoading] = (0, import_react17.useState)(false);
+  const [taskCount, setTaskCount] = (0, import_react17.useState)(0);
+  const fetchScheduledTasks = (0, import_react17.useCallback)(async () => {
+    if (!threadId) return;
+    setLoading(true);
+    try {
+      const tasks = await client.schedules.getByThread({ threadId });
+      setScheduledTasks(tasks);
+      const activeCount = tasks.filter(
+        (task) => task.status === import_client_sdk4.ScheduledTaskStatus.PENDING || task.status === import_client_sdk4.ScheduledTaskStatus.PAUSED
+      ).length;
+      setTaskCount(activeCount);
+    } catch (error) {
+      console.error("Failed to fetch scheduled tasks:", error);
+      setScheduledTasks([]);
+      setTaskCount(0);
+    } finally {
+      setLoading(false);
+    }
+  }, [client, threadId]);
+  (0, import_react17.useEffect)(() => {
+    fetchScheduledTasks();
+  }, [fetchScheduledTasks]);
+  if (!threadId) {
+    return null;
+  }
+  const handleClick = () => {
+    openSideApp({
+      component_key: "schedule_viewer",
+      message: "Scheduled Tasks",
+      data: {
+        threadId,
+        assistantId,
+        tasks: scheduledTasks,
+        onRefresh: fetchScheduledTasks
+      }
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_antd18.Tooltip, { title: tooltipText, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_antd18.Badge, { count: taskCount, size: "small", color: "blue", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    import_antd18.Button,
+    {
+      type: "text",
+      icon: loading ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_antd18.Spin, { size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_icons11.CalendarOutlined, {}),
+      onClick: handleClick,
+      disabled: loading
+    }
+  ) }) });
+};
+
+// src/components/Chat/AgentHeader.tsx
+var import_x4 = require("@ant-design/x");
+var import_react18 = require("react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var { Text: Text10 } = import_antd19.Typography;
 var AgentHeader = (props) => {
   const { description, avatar, name, extra, extraMeta } = props;
-  const extraMetaComponents = (0, import_react17.useMemo)(() => {
+  const extraMetaComponents = (0, import_react18.useMemo)(() => {
     if (extraMeta && extraMeta.length > 0) {
       return extraMeta.map((meta) => {
         const Element = getElement(meta.id)?.card_view;
@@ -3782,7 +3845,7 @@ var AgentHeader = (props) => {
           try {
           } catch (error) {
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             Element,
             {
               component_key: meta.id,
@@ -3795,14 +3858,14 @@ var AgentHeader = (props) => {
     }
     return void 0;
   }, [extraMeta]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       import_x4.Welcome,
       {
         style: { padding: 8 },
         variant: "borderless",
-        description: description ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Text10, { ellipsis: { tooltip: description }, children: description }) : void 0,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        description: description ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Text10, { ellipsis: { tooltip: description }, children: description }) : void 0,
+        icon: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "div",
           {
             style: {
@@ -3810,19 +3873,20 @@ var AgentHeader = (props) => {
               alignItems: "center",
               justifyContent: "center"
             },
-            children: 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() })
+            children: avatar ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_antd19.Avatar, { src: avatar, size: 48 }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_antd19.Avatar, { size: 48, children: name?.charAt(0).toUpperCase() })
           }
         ),
         title: name ? name : void 0,
-        extra: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_antd18.Space, { children: [
+        extra: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_antd19.Space, { children: [
           extra,
-          /* @__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_runtime30.jsx)(TodoProgress, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(FileExplorerButton, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ScheduleButton, {}),
+          extraMetaComponents && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_antd19.Space, { align: "center", style: { marginRight: 16 }, children: extraMetaComponents })
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "div",
       {
         style: {
@@ -3834,7 +3898,7 @@ var AgentHeader = (props) => {
 };
 
 // src/components/Chat/Chating.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var Chating = ({
   avatar,
   name,
@@ -3850,12 +3914,12 @@ var Chating = ({
   showHITL = true,
   showRefreshButton = false
 }) => {
-  const [content, setContent] = (0, import_react18.useState)("");
-  const [attachedFiles, setAttachedFiles] = (0, import_react18.useState)([]);
+  const [content, setContent] = (0, import_react19.useState)("");
+  const [attachedFiles, setAttachedFiles] = (0, import_react19.useState)([]);
   const { styles } = useStyle();
-  const [headerOpen, setHeaderOpen] = (0, import_react18.useState)(false);
-  const attachmentsRef = (0, import_react18.useRef)(null);
-  const senderRef = import_react18.default.useRef(null);
+  const [headerOpen, setHeaderOpen] = (0, import_react19.useState)(false);
+  const attachmentsRef = (0, import_react19.useRef)(null);
+  const senderRef = import_react19.default.useRef(null);
   const {
     messages,
     sendMessage,
@@ -3867,7 +3931,7 @@ var Chating = ({
     tenantId,
     clearError
   } = useAgentChat();
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     regsiterElement("action_show_attachments_uploader", {
       card_view: () => null,
       action: (data) => {
@@ -3889,7 +3953,7 @@ var Chating = ({
   const onSubmit = (nextContent) => {
     if (!nextContent && attachedFiles.length === 0) return;
     if (attachedFiles.filter((f) => f.status !== "done").length > 0) {
-      import_antd19.message.warning("\u6587\u4EF6\u8FD8\u5728\u4E0A\u4F20\u4E2D...");
+      import_antd20.message.warning("\u6587\u4EF6\u8FD8\u5728\u4E0A\u4F20\u4E2D...");
       return;
     }
     if (!nextContent && attachedFiles.length > 0) {
@@ -3933,7 +3997,7 @@ var Chating = ({
       setHeaderOpen(true);
     }
     if (info.file?.response?.error || info.file.status === "error") {
-      import_antd19.message.error(
+      import_antd20.message.error(
         `${info.file.name} file upload failed.${info.file?.response?.message}`
       );
     }
@@ -3945,22 +4009,22 @@ var Chating = ({
   const beforeUpload = (file) => {
     const isLessThan20MB = file.size / 1024 / 1024 < 20;
     if (!isLessThan20MB) {
-      import_antd19.message.error(
+      import_antd20.message.error(
         `File must be smaller than 20MB! ${file.name} is too large.`
       );
       return false;
     }
     return true;
   };
-  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,
+  const attachmentsNode = /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_antd20.Badge, { dot: attachedFiles.length > 0 && !headerOpen, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    import_antd20.Button,
     {
       type: "text",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_icons11.PaperClipOutlined, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_icons12.PaperClipOutlined, {}),
       onClick: () => setHeaderOpen(!headerOpen)
     }
   ) });
-  const senderHeader = /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  const senderHeader = /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     import_x5.Sender.Header,
     {
       title: "Attachments",
@@ -3972,7 +4036,7 @@ var Chating = ({
         }
       },
       forceRender: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         import_x5.Attachments,
         {
           ref: attachmentsRef,
@@ -3994,7 +4058,7 @@ var Chating = ({
           multiple: true,
           maxCount: 10,
           placeholder: (type) => ({
-            icon: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_icons11.CloudUploadOutlined, {}),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_icons12.CloudUploadOutlined, {}),
             title: "\u4E0A\u4F20\u6587\u4EF6",
             description: attachment_placeholder
           })
@@ -4002,19 +4066,19 @@ var Chating = ({
       )
     }
   );
-  const refreshButton = /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-    import_antd19.Button,
+  const refreshButton = /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    import_antd20.Button,
     {
       type: "text",
-      icon: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_icons11.ReloadOutlined, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_icons12.ReloadOutlined, {}),
       onClick: () => {
         loadMessages();
       }
     }
   );
   const headerExtra = showRefreshButton ? [refreshButton] : [];
-  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)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { children: showHeader && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       AgentHeader,
       {
         description,
@@ -4024,10 +4088,10 @@ var Chating = ({
         extraMeta
       }
     ) }),
-    /* @__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,
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(MessageList, { messages, className: styles.messages }),
+    isLoading ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", {}) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_x5.Prompts, { items: senderPromptsItems, onItemClick: onPromptsItemClick }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { style: { padding: "0 16px 8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      import_antd20.Alert,
       {
         type: "error",
         banner: true,
@@ -4036,8 +4100,8 @@ var Chating = ({
         message: `${error.message}`
       }
     ) }),
-    showHITL && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(HITLContainer, {}),
-    showSender && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    showHITL && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(HITLContainer, {}),
+    showSender && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       import_x5.Sender,
       {
         disabled: interrupts && interrupts.length > 0,
@@ -4063,11 +4127,11 @@ var Chating = ({
 };
 
 // src/components/GenUI/elements/task_detail.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var { Text: Text11 } = import_antd20.Typography;
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var { Text: Text11 } = import_antd21.Typography;
 var TaskDetail = ({ data, component_key, interactive = true }) => {
   const { description, subagent_type, thread_id } = data || {};
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     AgentThreadProvider,
     {
       threadId: thread_id,
@@ -4077,7 +4141,7 @@ var TaskDetail = ({ data, component_key, interactive = true }) => {
         enableReturnStateWhenStreamCompleted: true,
         enableResumeStream: true
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { style: { overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { style: { overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         Chating,
         {
           showRefreshButton: true,
@@ -4092,11 +4156,11 @@ 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_antd22 = require("antd");
+var import_icons13 = 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 import_jsx_runtime33 = require("react/jsx-runtime");
+var { Text: Text12 } = import_antd22.Typography;
 var useStyle7 = (0, import_antd_style9.createStyles)(({ token, css }) => ({
   listContainer: css`
     background: ${token.colorBgContainer};
@@ -4210,18 +4274,18 @@ var InternetSearchCard = ({
   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 })
+  const header = /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_antd22.Space, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Text12, { strong: true, children: "Internet Search" }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Text12, { title: query, children: query })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.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,
+      expandIcon: () => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_icons13.SearchOutlined, {}),
+      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        import_antd22.List,
         {
           size: "small",
           dataSource,
@@ -4230,11 +4294,11 @@ var InternetSearchCard = ({
             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 }),
+            return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_antd22.List.Item, { extra: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Text12, { className: styles.source, children: domain }), children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_antd22.Space, { style: { width: "100%" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_antd22.Avatar, { style: { background: iconColor }, children: iconText }),
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-                import_antd21.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                import_antd22.Button,
                 {
                   type: "text",
                   onClick: () => {
@@ -4255,6 +4319,361 @@ var InternetSearchCard = ({
   );
 };
 
+// src/components/GenUI/elements/schedule_viewer.tsx
+var import_react20 = require("react");
+var import_antd23 = require("antd");
+var import_icons14 = require("@ant-design/icons");
+var import_antd_style10 = require("antd-style");
+var import_dayjs2 = __toESM(require("dayjs"));
+var import_relativeTime = __toESM(require("dayjs/plugin/relativeTime"));
+var import_client_sdk5 = require("@axiom-lattice/client-sdk");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+import_dayjs2.default.extend(import_relativeTime.default);
+var { Text: Text13, Title: Title2 } = import_antd23.Typography;
+var useStyles3 = (0, import_antd_style10.createStyles)(({ token, css }) => ({
+  container: css`
+    height: 100%;
+    padding: 16px;
+    overflow: auto;
+    background: ${token.colorBgContainer};
+  `,
+  header: css`
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 16px;
+    padding-bottom: 12px;
+    border-bottom: 1px solid ${token.colorBorderSecondary};
+  `,
+  taskCard: css`
+    margin-bottom: 12px;
+    border-radius: ${token.borderRadiusLG}px;
+    transition: box-shadow 0.2s;
+
+    &:hover {
+      box-shadow: ${token.boxShadowSecondary};
+    }
+  `,
+  taskHeader: css`
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    margin-bottom: 8px;
+  `,
+  taskType: css`
+    font-weight: 600;
+    font-size: 14px;
+    color: ${token.colorText};
+  `,
+  taskId: css`
+    font-family: monospace;
+    font-size: 11px;
+    color: ${token.colorTextSecondary};
+    word-break: break-all;
+  `,
+  metaRow: css`
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16px;
+    margin-top: 8px;
+  `,
+  metaItem: css`
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 12px;
+    color: ${token.colorTextSecondary};
+  `,
+  actions: css`
+    display: flex;
+    gap: 4px;
+    margin-top: 12px;
+    padding-top: 12px;
+    border-top: 1px solid ${token.colorBorderSecondary};
+  `,
+  emptyContainer: css`
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 300px;
+  `,
+  cronExpression: css`
+    font-family: monospace;
+    background: ${token.colorFillSecondary};
+    padding: 2px 6px;
+    border-radius: 4px;
+    font-size: 12px;
+  `
+}));
+var getStatusColor = (status) => {
+  switch (status) {
+    case import_client_sdk5.ScheduledTaskStatus.PENDING:
+      return "processing";
+    case import_client_sdk5.ScheduledTaskStatus.RUNNING:
+      return "blue";
+    case import_client_sdk5.ScheduledTaskStatus.COMPLETED:
+      return "success";
+    case import_client_sdk5.ScheduledTaskStatus.FAILED:
+      return "error";
+    case import_client_sdk5.ScheduledTaskStatus.CANCELLED:
+      return "default";
+    case import_client_sdk5.ScheduledTaskStatus.PAUSED:
+      return "warning";
+    default:
+      return "default";
+  }
+};
+var getStatusIcon2 = (status) => {
+  switch (status) {
+    case import_client_sdk5.ScheduledTaskStatus.PENDING:
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_icons14.ClockCircleOutlined, {});
+    case import_client_sdk5.ScheduledTaskStatus.RUNNING:
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_icons14.SyncOutlined, { spin: true });
+    case import_client_sdk5.ScheduledTaskStatus.COMPLETED:
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_icons14.CheckCircleOutlined, {});
+    case import_client_sdk5.ScheduledTaskStatus.FAILED:
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_icons14.CloseCircleOutlined, {});
+    case import_client_sdk5.ScheduledTaskStatus.CANCELLED:
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_icons14.StopOutlined, {});
+    case import_client_sdk5.ScheduledTaskStatus.PAUSED:
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_icons14.PauseCircleOutlined, {});
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_icons14.ClockCircleOutlined, {});
+  }
+};
+var formatTime = (timestamp) => {
+  if (!timestamp) return "-";
+  return (0, import_dayjs2.default)(timestamp).format("YYYY-MM-DD HH:mm:ss");
+};
+var getRelativeTime = (timestamp) => {
+  if (!timestamp) return "";
+  return (0, import_dayjs2.default)(timestamp).fromNow();
+};
+var ScheduleViewer = ({ data }) => {
+  const { styles } = useStyles3();
+  const { threadId, assistantId, tasks: initialTasks, onRefresh } = data ?? {};
+  const client = useAxiomLattice({ assistantId });
+  const [tasks, setTasks] = (0, import_react20.useState)(initialTasks || []);
+  const [loading, setLoading] = (0, import_react20.useState)(false);
+  const [actionLoading, setActionLoading] = (0, import_react20.useState)(null);
+  const handleRefresh = (0, import_react20.useCallback)(async () => {
+    if (!threadId) return;
+    setLoading(true);
+    try {
+      const fetchedTasks = await client.schedules.getByThread({ threadId });
+      setTasks(fetchedTasks);
+      onRefresh?.();
+    } catch (error) {
+      console.error("Failed to refresh tasks:", error);
+      import_antd23.message.error("Failed to refresh scheduled tasks");
+    } finally {
+      setLoading(false);
+    }
+  }, [client, threadId, onRefresh]);
+  const handleCancel = (0, import_react20.useCallback)(
+    async (taskId) => {
+      setActionLoading(taskId);
+      try {
+        await client.schedules.cancel(taskId);
+        import_antd23.message.success("Task cancelled successfully");
+        await handleRefresh();
+      } catch (error) {
+        console.error("Failed to cancel task:", error);
+        import_antd23.message.error("Failed to cancel task");
+      } finally {
+        setActionLoading(null);
+      }
+    },
+    [client, handleRefresh]
+  );
+  const handlePause = (0, import_react20.useCallback)(
+    async (taskId) => {
+      setActionLoading(taskId);
+      try {
+        await client.schedules.pause(taskId);
+        import_antd23.message.success("Task paused successfully");
+        await handleRefresh();
+      } catch (error) {
+        console.error("Failed to pause task:", error);
+        import_antd23.message.error("Failed to pause task");
+      } finally {
+        setActionLoading(null);
+      }
+    },
+    [client, handleRefresh]
+  );
+  const handleResume = (0, import_react20.useCallback)(
+    async (taskId) => {
+      setActionLoading(taskId);
+      try {
+        await client.schedules.resume(taskId);
+        import_antd23.message.success("Task resumed successfully");
+        await handleRefresh();
+      } catch (error) {
+        console.error("Failed to resume task:", error);
+        import_antd23.message.error("Failed to resume task");
+      } finally {
+        setActionLoading(null);
+      }
+    },
+    [client, handleRefresh]
+  );
+  (0, import_react20.useEffect)(() => {
+    if (threadId && (!initialTasks || initialTasks.length === 0)) {
+      handleRefresh();
+    }
+  }, [threadId]);
+  (0, import_react20.useEffect)(() => {
+    if (initialTasks) {
+      setTasks(initialTasks);
+    }
+  }, [initialTasks]);
+  const renderActions = (task) => {
+    const isLoading = actionLoading === task.taskId;
+    const isPending = task.status === import_client_sdk5.ScheduledTaskStatus.PENDING;
+    const isPaused = task.status === import_client_sdk5.ScheduledTaskStatus.PAUSED;
+    const isCron = task.executionType === import_client_sdk5.ScheduleExecutionType.CRON;
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_antd23.Space, { className: styles.actions, children: [
+      isPending && isCron && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_antd23.Tooltip, { title: "Pause", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        import_antd23.Button,
+        {
+          type: "text",
+          size: "small",
+          icon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_icons14.PauseCircleOutlined, {}),
+          onClick: () => handlePause(task.taskId),
+          loading: isLoading
+        }
+      ) }),
+      isPaused && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_antd23.Tooltip, { title: "Resume", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        import_antd23.Button,
+        {
+          type: "text",
+          size: "small",
+          icon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_icons14.PlayCircleOutlined, {}),
+          onClick: () => handleResume(task.taskId),
+          loading: isLoading
+        }
+      ) }),
+      (isPending || isPaused) && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        import_antd23.Popconfirm,
+        {
+          title: "Cancel this scheduled task?",
+          description: "This action cannot be undone.",
+          onConfirm: () => handleCancel(task.taskId),
+          okText: "Yes",
+          cancelText: "No",
+          children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_antd23.Tooltip, { title: "Cancel", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            import_antd23.Button,
+            {
+              type: "text",
+              size: "small",
+              danger: true,
+              icon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_icons14.StopOutlined, {}),
+              loading: isLoading
+            }
+          ) })
+        }
+      )
+    ] });
+  };
+  const renderTask = (task) => {
+    const isActive = task.status === import_client_sdk5.ScheduledTaskStatus.PENDING || task.status === import_client_sdk5.ScheduledTaskStatus.PAUSED;
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+      import_antd23.Card,
+      {
+        className: styles.taskCard,
+        size: "small",
+        bordered: true,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: styles.taskHeader, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: styles.taskType, children: task.taskType }),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: styles.taskId, children: task.taskId })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_antd23.Tag, { color: getStatusColor(task.status), icon: getStatusIcon2(task.status), children: task.status.toUpperCase() })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: styles.metaRow, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_antd23.Tooltip, { title: "Execution Type", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: styles.metaItem, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_icons14.FieldTimeOutlined, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: task.executionType === import_client_sdk5.ScheduleExecutionType.CRON ? "Recurring" : "One-time" })
+            ] }) }),
+            task.cronExpression && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_antd23.Tooltip, { title: "Cron Expression", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: styles.metaItem, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_icons14.ClockCircleOutlined, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("code", { className: styles.cronExpression, children: task.cronExpression })
+            ] }) }),
+            task.nextRunAt && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_antd23.Tooltip, { title: `Next run: ${formatTime(task.nextRunAt)}`, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: styles.metaItem, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_icons14.ClockCircleOutlined, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { children: [
+                "Next: ",
+                getRelativeTime(task.nextRunAt)
+              ] })
+            ] }) }),
+            task.executeAt && !task.cronExpression && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_antd23.Tooltip, { title: `Execute at: ${formatTime(task.executeAt)}`, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: styles.metaItem, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_icons14.ClockCircleOutlined, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { children: [
+                "At: ",
+                getRelativeTime(task.executeAt)
+              ] })
+            ] }) }),
+            task.runCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_antd23.Tooltip, { title: "Run count", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: styles.metaItem, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_icons14.SyncOutlined, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { children: [
+                "Runs: ",
+                task.runCount,
+                task.maxRuns ? ` / ${task.maxRuns}` : ""
+              ] })
+            ] }) })
+          ] }),
+          task.lastError && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { style: { marginTop: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Text13, { type: "danger", style: { fontSize: 12 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_icons14.ExclamationCircleOutlined, { style: { marginRight: 4 } }),
+            task.lastError
+          ] }) }),
+          task.metadata && Object.keys(task.metadata).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            import_antd23.Descriptions,
+            {
+              size: "small",
+              column: 1,
+              style: { marginTop: 12 },
+              items: Object.entries(task.metadata).map(([key, value]) => ({
+                key,
+                label: key,
+                children: typeof value === "object" ? JSON.stringify(value) : String(value)
+              }))
+            }
+          ),
+          isActive && renderActions(task)
+        ]
+      },
+      task.taskId
+    );
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: styles.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: styles.header, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Title2, { level: 5, style: { margin: 0 }, children: "Scheduled Tasks" }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_antd23.Tooltip, { title: "Refresh", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        import_antd23.Button,
+        {
+          type: "text",
+          icon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_icons14.ReloadOutlined, { spin: loading }),
+          onClick: handleRefresh,
+          loading
+        }
+      ) })
+    ] }),
+    loading && tasks.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: styles.emptyContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_antd23.Spin, { size: "large" }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Text13, { type: "secondary", style: { marginTop: 16 }, children: "Loading scheduled tasks..." })
+    ] }) : tasks.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: styles.emptyContainer, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      import_antd23.Empty,
+      {
+        image: import_antd23.Empty.PRESENTED_IMAGE_SIMPLE,
+        description: "No scheduled tasks for this thread"
+      }
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: tasks.map(renderTask) })
+  ] });
+};
+
 // src/components/GenUI/elements/builtIns.tsx
 var elements = {
   action_show_attachments_uploader: {
@@ -4306,6 +4725,10 @@ var elements = {
   task: {
     card_view: TaskCard,
     side_app_view: TaskDetail
+  },
+  schedule_viewer: {
+    card_view: () => null,
+    side_app_view: ScheduleViewer
   }
 };
 
@@ -4323,11 +4746,11 @@ var regsiterElement = (language, ElementMeta) => {
 };
 
 // src/components/Chat/SideAppViewBrowser.tsx
-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 }) => {
+var import_antd24 = require("antd");
+var import_antd_style11 = require("antd-style");
+var import_react21 = require("react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var useStyle8 = (0, import_antd_style11.createStyles)(({ token, css }) => {
   return {
     tabContainer: css`
       .ant-tabs-content-holder {
@@ -4346,9 +4769,9 @@ var useStyle8 = (0, import_antd_style10.createStyles)(({ token, css }) => {
   };
 });
 var EmptySideAppView = ({ component_key, data }) => {
-  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) })
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { children: "\u672A\u627E\u5230\u5BF9\u5E94\u7684\u7EC4\u4EF6\u89C6\u56FE" }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("pre", { children: JSON.stringify({ component_key, data }, null, 2) })
   ] });
 };
 var SideAppViewBrowser = () => {
@@ -4360,10 +4783,10 @@ var SideAppViewBrowser = () => {
     openSideApp,
     closeSideApp
   } = useChatUIContext();
-  const [activeKey, setActiveKey] = (0, import_react19.useState)(
+  const [activeKey, setActiveKey] = (0, import_react21.useState)(
     JSON.stringify(sideAppSelectedCard)
   );
-  const [items, setItems] = (0, import_react19.useState)([]);
+  const [items, setItems] = (0, import_react21.useState)([]);
   const add = (key, label, children) => {
     const newActiveKey = key;
     const newPanes = [...items];
@@ -4399,7 +4822,7 @@ var SideAppViewBrowser = () => {
       remove(targetKey);
     }
   };
-  (0, import_react19.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     const SideAppView = getElement(sideAppSelectedCard?.component_key).side_app_view || EmptySideAppView;
     const key = JSON.stringify(sideAppSelectedCard);
     if (items.find((item) => item.key === key)) {
@@ -4409,7 +4832,7 @@ var SideAppViewBrowser = () => {
     add(
       key,
       sideAppSelectedCard?.message || sideAppSelectedCard?.data.message || "\u672A\u547D\u540D",
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         SideAppView,
         {
           component_key: sideAppSelectedCard?.component_key || "",
@@ -4450,26 +4873,26 @@ var SideAppViewBrowser = () => {
   const getSizeIcon = (size) => {
     switch (size) {
       case "middle":
-        return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_icons13.CompressOutlined, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_icons15.CompressOutlined, {});
       case "large":
-        return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_icons13.ExpandOutlined, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_icons15.ExpandOutlined, {});
       case "full":
-        return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_icons13.FullscreenOutlined, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_icons15.FullscreenOutlined, {});
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_icons13.ExpandOutlined, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_icons15.ExpandOutlined, {});
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-    import_antd22.Tabs,
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    import_antd24.Tabs,
     {
       className: styles.tabContainer,
       type: "editable-card",
       style: { height: "100%" },
       hideAdd: true,
       tabBarExtraContent: {
-        right: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { style: { display: "flex", gap: "4px" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-            import_antd22.Button,
+        right: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { style: { display: "flex", gap: "4px" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            import_antd24.Button,
             {
               style: { margin: "8px 0" },
               size: "large",
@@ -4479,13 +4902,13 @@ var SideAppViewBrowser = () => {
               title: `\u5F53\u524D\u5C3A\u5BF8: ${getSizeLabel(sideAppSize)}, \u70B9\u51FB\u5207\u6362`
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-            import_antd22.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            import_antd24.Button,
             {
               style: { margin: "8px 0" },
               size: "large",
               type: "text",
-              icon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_icons13.CloseOutlined, {}),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_icons15.CloseOutlined, {}),
               onClick: () => {
                 closeSideApp();
               }
@@ -4502,10 +4925,10 @@ var SideAppViewBrowser = () => {
 };
 
 // src/components/Chat/LatticeChat.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var LatticeChat = (props) => {
   const { assistant_id, thread_id = "", menu, header, ...chatingProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     AgentThreadProvider,
     {
       assistantId: assistant_id,
@@ -4515,7 +4938,7 @@ var LatticeChat = (props) => {
         enableReturnStateWhenStreamCompleted: true,
         enableResumeStream: true
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ChatUIContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ChatUIContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
         "div",
         {
           style: {
@@ -4526,12 +4949,12 @@ var LatticeChat = (props) => {
           },
           children: [
             header,
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               ColumnLayout,
               {
                 menu,
-                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, {})
+                left: thread_id ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Chating, { ...chatingProps }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { children: "\u9700\u8981\u5148\u521B\u5EFA\u4F1A\u8BDD" }),
+                right: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SideAppViewBrowser, {})
               }
             )
           ]
@@ -4542,15 +4965,15 @@ var LatticeChat = (props) => {
 };
 
 // src/components/Chat/ConversationContext.tsx
-var import_react22 = require("react");
+var import_react24 = require("react");
 
 // src/components/Chat/AssistantContext.tsx
-var import_react21 = require("react");
-var import_client_sdk4 = require("@axiom-lattice/client-sdk");
+var import_react23 = require("react");
+var import_client_sdk6 = require("@axiom-lattice/client-sdk");
 
 // src/components/Chat/LatticeChatShellContext.tsx
-var import_react20 = require("react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_react22 = require("react");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var DEFAULT_CONFIG = {
   baseURL: "http://localhost:4001",
   apiKey: "",
@@ -4558,7 +4981,7 @@ var DEFAULT_CONFIG = {
   timeout: 3e5,
   headers: {}
 };
-var LatticeChatShellContext = (0, import_react20.createContext)({
+var LatticeChatShellContext = (0, import_react22.createContext)({
   config: DEFAULT_CONFIG,
   updateConfig: () => {
   },
@@ -4576,7 +4999,7 @@ var LatticeChatShellContextProvider = ({
   persistToLocalStorage = false,
   localStorageKey = "lattice_chat_shell_config"
 }) => {
-  const loadInitialConfig = (0, import_react20.useCallback)(() => {
+  const loadInitialConfig = (0, import_react22.useCallback)(() => {
     if (persistToLocalStorage && typeof window !== "undefined") {
       try {
         const stored = localStorage.getItem(localStorageKey);
@@ -4590,9 +5013,9 @@ var LatticeChatShellContextProvider = ({
     }
     return { ...DEFAULT_CONFIG, ...initialConfig };
   }, [persistToLocalStorage, localStorageKey, initialConfig]);
-  const [config, setConfig] = (0, import_react20.useState)(loadInitialConfig);
-  const [settingsModalOpen, setSettingsModalOpen] = (0, import_react20.useState)(false);
-  const saveToLocalStorage = (0, import_react20.useCallback)(
+  const [config, setConfig] = (0, import_react22.useState)(loadInitialConfig);
+  const [settingsModalOpen, setSettingsModalOpen] = (0, import_react22.useState)(false);
+  const saveToLocalStorage = (0, import_react22.useCallback)(
     (newConfig) => {
       if (persistToLocalStorage && typeof window !== "undefined") {
         try {
@@ -4604,7 +5027,7 @@ var LatticeChatShellContextProvider = ({
     },
     [persistToLocalStorage, localStorageKey]
   );
-  const updateConfig = (0, import_react20.useCallback)(
+  const updateConfig = (0, import_react22.useCallback)(
     (updates) => {
       setConfig((prev) => {
         const newConfig = { ...prev, ...updates };
@@ -4614,7 +5037,7 @@ var LatticeChatShellContextProvider = ({
     },
     [saveToLocalStorage]
   );
-  const updateConfigValue = (0, import_react20.useCallback)(
+  const updateConfigValue = (0, import_react22.useCallback)(
     (key, value) => {
       setConfig((prev) => {
         const newConfig = { ...prev, [key]: value };
@@ -4624,12 +5047,12 @@ var LatticeChatShellContextProvider = ({
     },
     [saveToLocalStorage]
   );
-  const resetConfig = (0, import_react20.useCallback)(() => {
+  const resetConfig = (0, import_react22.useCallback)(() => {
     const defaultConfig = { ...DEFAULT_CONFIG, ...initialConfig };
     setConfig(defaultConfig);
     saveToLocalStorage(defaultConfig);
   }, [initialConfig, saveToLocalStorage]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     LatticeChatShellContext.Provider,
     {
       value: {
@@ -4645,7 +5068,7 @@ var LatticeChatShellContextProvider = ({
   );
 };
 var useLatticeChatShellContext = () => {
-  const context = (0, import_react20.useContext)(LatticeChatShellContext);
+  const context = (0, import_react22.useContext)(LatticeChatShellContext);
   if (!context) {
     throw new Error(
       "useLatticeChatShellContext must be used within a LatticeChatShellContextProvider"
@@ -4655,8 +5078,8 @@ var useLatticeChatShellContext = () => {
 };
 
 // src/components/Chat/AssistantContext.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var AssistantContext = (0, import_react21.createContext)({
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var AssistantContext = (0, import_react23.createContext)({
   assistants: [],
   currentAssistant: null,
   isLoading: false,
@@ -4689,8 +5112,8 @@ var AssistantContextProvider = ({
   const {
     config: { baseURL, apiKey = "", transport = "sse" }
   } = useLatticeChatShellContext();
-  const client = (0, import_react21.useMemo)(
-    () => new import_client_sdk4.Client({
+  const client = (0, import_react23.useMemo)(
+    () => new import_client_sdk6.Client({
       baseURL,
       apiKey,
       assistantId: "",
@@ -4698,17 +5121,17 @@ var AssistantContextProvider = ({
     }),
     [baseURL, apiKey, transport]
   );
-  const [state, setState] = (0, import_react21.useState)({
+  const [state, setState] = (0, import_react23.useState)({
     assistants: [],
     currentAssistant: null,
     isLoading: false,
     error: null
   });
-  const assistantsRef = (0, import_react21.useRef)([]);
-  (0, import_react21.useEffect)(() => {
+  const assistantsRef = (0, import_react23.useRef)([]);
+  (0, import_react23.useEffect)(() => {
     assistantsRef.current = state.assistants;
   }, [state.assistants]);
-  const listAssistants = (0, import_react21.useCallback)(async () => {
+  const listAssistants = (0, import_react23.useCallback)(async () => {
     setState((prev) => ({ ...prev, isLoading: true, error: null }));
     try {
       const assistants = await client.assistants.list();
@@ -4725,7 +5148,7 @@ var AssistantContextProvider = ({
       }));
     }
   }, [client]);
-  const getAssistant = (0, import_react21.useCallback)(
+  const getAssistant = (0, import_react23.useCallback)(
     async (id) => {
       setState((prev) => ({ ...prev, isLoading: true, error: null }));
       try {
@@ -4748,7 +5171,7 @@ var AssistantContextProvider = ({
     },
     [client]
   );
-  const createAssistant = (0, import_react21.useCallback)(
+  const createAssistant = (0, import_react23.useCallback)(
     async (options) => {
       setState((prev) => ({ ...prev, isLoading: true, error: null }));
       try {
@@ -4770,7 +5193,7 @@ var AssistantContextProvider = ({
     },
     [client]
   );
-  const updateAssistant = (0, import_react21.useCallback)(
+  const updateAssistant = (0, import_react23.useCallback)(
     async (id, options) => {
       setState((prev) => ({ ...prev, isLoading: true, error: null }));
       try {
@@ -4795,7 +5218,7 @@ var AssistantContextProvider = ({
     },
     [client]
   );
-  const deleteAssistant = (0, import_react21.useCallback)(
+  const deleteAssistant = (0, import_react23.useCallback)(
     async (id) => {
       setState((prev) => ({ ...prev, isLoading: true, error: null }));
       try {
@@ -4817,7 +5240,7 @@ var AssistantContextProvider = ({
     },
     [client]
   );
-  const selectAssistant = (0, import_react21.useCallback)(
+  const selectAssistant = (0, import_react23.useCallback)(
     async (id) => {
       setState((prev) => ({ ...prev, isLoading: true, error: null }));
       try {
@@ -4848,21 +5271,21 @@ var AssistantContextProvider = ({
     },
     [client]
   );
-  const clearCurrentAssistant = (0, import_react21.useCallback)(() => {
+  const clearCurrentAssistant = (0, import_react23.useCallback)(() => {
     setState((prev) => ({
       ...prev,
       currentAssistant: null
     }));
   }, []);
-  const refresh = (0, import_react21.useCallback)(async () => {
+  const refresh = (0, import_react23.useCallback)(async () => {
     await listAssistants();
   }, [listAssistants]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (autoLoad) {
       listAssistants();
     }
   }, [autoLoad, listAssistants]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (state.assistants.length > 0) {
       const isCurrentAssistantValid = state.currentAssistant && state.assistants.some((a) => a.id === state.currentAssistant?.id);
       if (!isCurrentAssistantValid) {
@@ -4890,7 +5313,7 @@ var AssistantContextProvider = ({
       }
     }
   }, [initialAssistantId, state.assistants, state.currentAssistant]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     AssistantContext.Provider,
     {
       value: {
@@ -4909,7 +5332,7 @@ var AssistantContextProvider = ({
   );
 };
 var useAssistantContext = () => {
-  const context = (0, import_react21.useContext)(AssistantContext);
+  const context = (0, import_react23.useContext)(AssistantContext);
   if (!context) {
     throw new Error(
       "useAssistantContext must be used within an AssistantContextProvider"
@@ -4919,9 +5342,9 @@ var useAssistantContext = () => {
 };
 
 // src/components/Chat/ConversationContext.tsx
-var import_client_sdk5 = require("@axiom-lattice/client-sdk");
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var ConversationContext = (0, import_react22.createContext)({
+var import_client_sdk7 = require("@axiom-lattice/client-sdk");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var ConversationContext = (0, import_react24.createContext)({
   assistantId: null,
   thread: null,
   threadId: null,
@@ -4963,8 +5386,8 @@ var ConversationContextProvider = ({
   const {
     config: { baseURL, apiKey = "", transport = "sse" }
   } = useLatticeChatShellContext();
-  const client = (0, import_react22.useMemo)(
-    () => new import_client_sdk5.Client({
+  const client = (0, import_react24.useMemo)(
+    () => new import_client_sdk7.Client({
       baseURL,
       apiKey,
       assistantId: assistantId || "",
@@ -4972,18 +5395,18 @@ var ConversationContextProvider = ({
     }),
     [baseURL, apiKey, assistantId, transport]
   );
-  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)(() => {
+  const [threads, setThreads] = (0, import_react24.useState)([]);
+  const [threadId, setThreadId] = (0, import_react24.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react24.useState)(false);
+  const [error, setError] = (0, import_react24.useState)(null);
+  const loadedAssistantIdRef = (0, import_react24.useRef)(null);
+  const prevAssistantIdRef = (0, import_react24.useRef)(null);
+  const isLoadingRef = (0, import_react24.useRef)(false);
+  const clientRef = (0, import_react24.useRef)(client);
+  (0, import_react24.useEffect)(() => {
     clientRef.current = client;
   }, [client]);
-  const loadThreads = (0, import_react22.useCallback)(async () => {
+  const loadThreads = (0, import_react24.useCallback)(async () => {
     const currentClient = clientRef.current;
     if (!assistantId || !currentClient.assistantId) {
       setThreads([]);
@@ -5042,7 +5465,7 @@ var ConversationContextProvider = ({
       isLoadingRef.current = false;
     }
   }, [assistantId]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     const currentClient = clientRef.current;
     const prevAssistantId = prevAssistantIdRef.current;
     const assistantChanged = prevAssistantId !== assistantId;
@@ -5061,20 +5484,20 @@ var ConversationContextProvider = ({
       prevAssistantIdRef.current = null;
     }
   }, [assistantId, loadThreads]);
-  const thread = (0, import_react22.useMemo)(() => {
+  const thread = (0, import_react24.useMemo)(() => {
     if (!assistantId || !threadId) {
       return null;
     }
     return threads.find((t) => t.id === threadId) || null;
   }, [assistantId, threadId, threads]);
-  const setThread = (0, import_react22.useCallback)((newThread) => {
+  const setThread = (0, import_react24.useCallback)((newThread) => {
     if (newThread) {
       setThreadId(newThread.id);
     } else {
       setThreadId(null);
     }
   }, []);
-  const selectThread = (0, import_react22.useCallback)(
+  const selectThread = (0, import_react24.useCallback)(
     (targetThreadId) => {
       const foundThread = threads.find((t) => t.id === targetThreadId);
       if (foundThread) {
@@ -5083,7 +5506,7 @@ var ConversationContextProvider = ({
     },
     [threads]
   );
-  const createThread = (0, import_react22.useCallback)(
+  const createThread = (0, import_react24.useCallback)(
     async (label) => {
       if (!assistantId || !client.assistantId) {
         throw new Error("No assistant selected");
@@ -5108,7 +5531,7 @@ var ConversationContextProvider = ({
     },
     [assistantId, client, loadThreads]
   );
-  const listThreads = (0, import_react22.useCallback)(async () => {
+  const listThreads = (0, import_react24.useCallback)(async () => {
     if (!assistantId || !client.assistantId) {
       return [];
     }
@@ -5129,7 +5552,7 @@ var ConversationContextProvider = ({
       setIsLoading(false);
     }
   }, [assistantId, client, threads]);
-  const updateThread = (0, import_react22.useCallback)(
+  const updateThread = (0, import_react24.useCallback)(
     async (newThread) => {
       if (!assistantId || !client.assistantId) {
         throw new Error("No assistant selected");
@@ -5151,13 +5574,13 @@ var ConversationContextProvider = ({
     },
     [assistantId, client, loadThreads]
   );
-  const getThreadById = (0, import_react22.useCallback)(
+  const getThreadById = (0, import_react24.useCallback)(
     (targetThreadId) => {
       return threads.find((t) => t.id === targetThreadId) || null;
     },
     [threads]
   );
-  const deleteThread = (0, import_react22.useCallback)(
+  const deleteThread = (0, import_react24.useCallback)(
     async (targetThreadId) => {
       if (!assistantId || !client.assistantId) {
         throw new Error("No assistant selected");
@@ -5180,10 +5603,10 @@ var ConversationContextProvider = ({
     },
     [threadId, assistantId, client, loadThreads]
   );
-  const clearThread = (0, import_react22.useCallback)(() => {
+  const clearThread = (0, import_react24.useCallback)(() => {
     setThreadId(null);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     ConversationContext.Provider,
     {
       value: {
@@ -5208,7 +5631,7 @@ var ConversationContextProvider = ({
   );
 };
 var useConversationContext = () => {
-  const context = (0, import_react22.useContext)(ConversationContext);
+  const context = (0, import_react24.useContext)(ConversationContext);
   if (!context) {
     throw new Error(
       "useConversationContext must be used within a ConversationContextProvider"
@@ -5219,11 +5642,11 @@ var useConversationContext = () => {
 
 // src/components/Chat/AgentConversations.tsx
 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 import_antd25 = require("antd");
+var import_react25 = require("react");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var AgentConversations = () => {
-  const { token } = import_antd23.theme.useToken();
+  const { token } = import_antd25.theme.useToken();
   const { currentAssistant } = useAssistantContext();
   const {
     assistantId,
@@ -5238,7 +5661,7 @@ var AgentConversations = () => {
     background: "transparent",
     borderRadius: token.borderRadius
   };
-  const threadItems = (0, import_react23.useMemo)(() => {
+  const threadItems = (0, import_react25.useMemo)(() => {
     return threads || [];
   }, [threads]);
   const items = threadItems.map((thread2) => ({
@@ -5251,7 +5674,7 @@ var AgentConversations = () => {
     }
     await createThread();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     import_x6.Conversations,
     {
       creation: {
@@ -5269,16 +5692,16 @@ var AgentConversations = () => {
 };
 
 // src/components/Chat/ChatSidebar.tsx
-var import_react24 = require("react");
-var import_antd25 = require("antd");
-var import_icons14 = require("@ant-design/icons");
+var import_react26 = require("react");
+var import_antd27 = require("antd");
+var import_icons16 = require("@ant-design/icons");
 
 // src/components/Chat/AssistantList.tsx
 var import_x7 = require("@ant-design/x");
-var import_antd24 = require("antd");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_antd26 = require("antd");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var AssistantList = () => {
-  const { token } = import_antd24.theme.useToken();
+  const { token } = import_antd26.theme.useToken();
   const { assistants, selectAssistant, currentAssistant } = useAssistantContext();
   const style = {
     width: "100%",
@@ -5288,8 +5711,8 @@ var AssistantList = () => {
   const items = assistants.map((assistant) => ({
     key: assistant.id,
     label: assistant.name,
-    icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-      import_antd24.Avatar,
+    icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      import_antd26.Avatar,
       {
         size: "small",
         style: {
@@ -5300,7 +5723,7 @@ var AssistantList = () => {
       }
     )
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     import_x7.Conversations,
     {
       items,
@@ -5314,9 +5737,9 @@ var AssistantList = () => {
 };
 
 // src/components/Chat/ChatSidebar.tsx
-var import_antd_style11 = require("antd-style");
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var useStyles3 = (0, import_antd_style11.createStyles)(({ token, css }) => ({
+var import_antd_style12 = require("antd-style");
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var useStyles4 = (0, import_antd_style12.createStyles)(({ token, css }) => ({
   sidebar: css`
     display: flex;
     flex-direction: column;
@@ -5521,12 +5944,12 @@ var ChatSidebar = ({
   onSettingsClick,
   defaultCollapsed = false
 }) => {
-  const { styles } = useStyles3();
+  const { styles } = useStyles4();
   const { setMenuCollapsed, menuCollapsed, sideAppVisible } = useChatUIContext();
   const { setSettingsModalOpen } = useLatticeChatShellContext();
-  const [isHovered, setIsHovered] = (0, import_react24.useState)(false);
-  const [isFirstCollapse, setIsFirstCollapse] = (0, import_react24.useState)(false);
-  const prevIsCollapsedRef = (0, import_react24.useRef)(false);
+  const [isHovered, setIsHovered] = (0, import_react26.useState)(false);
+  const [isFirstCollapse, setIsFirstCollapse] = (0, import_react26.useState)(false);
+  const prevIsCollapsedRef = (0, import_react26.useRef)(false);
   const handleToggleCollapse = () => {
     setMenuCollapsed(!menuCollapsed);
   };
@@ -5535,7 +5958,7 @@ var ChatSidebar = ({
     onSettingsClick?.();
   };
   const isCollapsed = menuCollapsed || sideAppVisible;
-  (0, import_react24.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     const prevIsCollapsed = prevIsCollapsedRef.current;
     if (isCollapsed) {
       const hasSeenFirstCollapse = localStorage.getItem(FIRST_COLLAPSE_KEY);
@@ -5564,54 +5987,54 @@ var ChatSidebar = ({
   const handleMouseLeave = () => {
     setIsHovered(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
       "div",
       {
         className: `${styles.sidebar} ${isFirstCollapse ? "firstTimeHighlight" : ""}`,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-            import_antd25.Tooltip,
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            import_antd27.Tooltip,
             {
               title: "Move the mouse over the collapsed sidebar to see the assistants and threads",
               open: isFirstCollapse,
               placement: "right",
-              children: isFirstCollapse && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { style: { marginTop: "400px" } })
+              children: isFirstCollapse && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { style: { marginTop: "400px" } })
             }
           ),
-          !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, {})
+          !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: styles.content, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: styles.section, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: styles.sectionTitle, children: "Assistants" }),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(AssistantList, {})
               ] }),
-              /* @__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_runtime42.jsx)(import_antd27.Divider, { className: styles.divider }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: styles.section, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: styles.sectionTitle, children: "Threads" }),
+                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(AgentConversations, {})
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: styles.footer, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: styles.footer, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.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_runtime40.jsx)(import_icons14.MenuUnfoldOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_icons14.MenuFoldOutlined, {})
+                  children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons16.MenuUnfoldOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons16.MenuFoldOutlined, {})
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                 "button",
                 {
                   className: styles.actionButton,
                   onClick: handleSettingsClick,
                   title: "Settings",
                   "aria-label": "Settings",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_icons14.SettingOutlined, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons16.SettingOutlined, {})
                 }
               )
             ] })
@@ -5619,43 +6042,43 @@ var ChatSidebar = ({
         ]
       }
     ),
-    isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+    isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
       "div",
       {
         className: `${styles.hoverOverlay} ${isHovered ? "visible" : ""}`,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         children: [
-          /* @__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_runtime42.jsxs)("div", { className: styles.hoverContent, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: styles.section, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: styles.sectionTitle, children: "Assistants" }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(AssistantList, {})
             ] }),
-            /* @__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_runtime42.jsx)(import_antd27.Divider, { className: styles.divider }),
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: styles.section, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: styles.sectionTitle, children: "Threads" }),
+              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(AgentConversations, {})
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: styles.footer, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: styles.footer, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime42.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_runtime40.jsx)(import_icons14.MenuUnfoldOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_icons14.MenuFoldOutlined, {})
+                children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons16.MenuUnfoldOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons16.MenuFoldOutlined, {})
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
               "button",
               {
                 className: styles.actionButton,
                 onClick: handleSettingsClick,
                 title: "Settings",
                 "aria-label": "Settings",
-                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_icons14.SettingOutlined, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons16.SettingOutlined, {})
               }
             )
           ] })
@@ -5666,14 +6089,14 @@ var ChatSidebar = ({
 };
 
 // src/components/Chat/LatticeChatView.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime43 = 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_runtime41.jsx)(
+  return assistantId && thread ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     AxiomLatticeProvider,
     {
       config: {
@@ -5682,14 +6105,14 @@ var LatticeChatView = (props) => {
         assistantId,
         transport: "sse"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
         LatticeChat,
         {
           thread_id: thread?.id,
           assistant_id: assistantId,
           name: currentAssistant?.name,
           description: currentAssistant?.description,
-          menu: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ChatSidebar, {})
+          menu: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ChatSidebar, {})
         }
       )
     }
@@ -5697,14 +6120,14 @@ var LatticeChatView = (props) => {
 };
 
 // src/components/Chat/SettingsModal.tsx
-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 }) => ({
+var import_react27 = require("react");
+var import_antd28 = require("antd");
+var import_icons17 = require("@ant-design/icons");
+var import_antd_style13 = require("antd-style");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var { Text: Text14, Title: Title3 } = import_antd28.Typography;
+var { TextArea } = import_antd28.Input;
+var useStyles5 = (0, import_antd_style13.createStyles)(({ token, css }) => ({
   //   settingsModal: css`
   //     .ant-modal {
   //       max-width: 100vw !important;
@@ -6050,21 +6473,21 @@ var SETTINGS_MENU_ITEMS = [
   {
     key: "environment",
     label: "Environment Variables",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons15.EnvironmentOutlined, {})
+    icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons17.EnvironmentOutlined, {})
   },
   {
     key: "models",
     label: "Model Configuration",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons15.ApiOutlined, {})
+    icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons17.ApiOutlined, {})
   }
 ];
 var SettingsModal = ({
   open,
   onClose
 }) => {
-  const { styles } = useStyles4();
+  const { styles } = useStyles5();
   const { config: shellConfig, updateConfigValue } = useLatticeChatShellContext();
-  const [connections, setConnections] = (0, import_react25.useState)(() => {
+  const [connections, setConnections] = (0, import_react27.useState)(() => {
     if (typeof window !== "undefined") {
       try {
         const stored = localStorage.getItem("lattice_server_connections");
@@ -6087,21 +6510,21 @@ var SettingsModal = ({
     }
     return [];
   });
-  const [serverConfigs, setServerConfigs] = (0, import_react25.useState)({});
-  const connectionsRef = (0, import_react25.useRef)(connections);
-  (0, import_react25.useEffect)(() => {
+  const [serverConfigs, setServerConfigs] = (0, import_react27.useState)({});
+  const connectionsRef = (0, import_react27.useRef)(connections);
+  (0, import_react27.useEffect)(() => {
     connectionsRef.current = connections;
   }, [connections]);
-  const [activeTabKey, setActiveTabKey] = (0, import_react25.useState)(
+  const [activeTabKey, setActiveTabKey] = (0, import_react27.useState)(
     connections.length > 0 ? connections[0].id : ""
   );
-  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 [activeMenu, setActiveMenu] = (0, import_react27.useState)("environment");
+  const [loading, setLoading] = (0, import_react27.useState)(false);
+  const [showAddServerModal, setShowAddServerModal] = (0, import_react27.useState)(false);
+  const [newServerUrl, setNewServerUrl] = (0, import_react27.useState)("");
+  const [newServerName, setNewServerName] = (0, import_react27.useState)("");
+  const [newServerApiKey, setNewServerApiKey] = (0, import_react27.useState)("");
+  const [addingServer, setAddingServer] = (0, import_react27.useState)(false);
   const saveConnections = (newConnections) => {
     setConnections(newConnections);
     if (typeof window !== "undefined") {
@@ -6240,7 +6663,7 @@ var SettingsModal = ({
       }
     } catch (error) {
       console.error("Failed to load configuration:", error);
-      import_antd26.message.error("Failed to load current configuration");
+      import_antd28.message.error("Failed to load current configuration");
     }
   };
   const loadModelsConfig = async (serverId) => {
@@ -6291,7 +6714,7 @@ var SettingsModal = ({
       console.error("Failed to load models configuration:", error);
     }
   };
-  (0, import_react25.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if (open && activeTabKey) {
       initializeServerConfig(activeTabKey);
       const connection = connections.find((c) => c.id === activeTabKey);
@@ -6300,7 +6723,7 @@ var SettingsModal = ({
       }
     }
   }, [open, activeTabKey]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     if (open && activeTabKey) {
       const connection = connections.find((c) => c.id === activeTabKey);
       if (connection?.connected) {
@@ -6314,7 +6737,7 @@ var SettingsModal = ({
   }, [open, activeTabKey, activeMenu]);
   const handleAddServer = async () => {
     if (!newServerUrl.trim()) {
-      import_antd26.message.error("Please enter a server URL");
+      import_antd28.message.error("Please enter a server URL");
       return;
     }
     let normalizedUrl = newServerUrl.trim();
@@ -6340,7 +6763,7 @@ var SettingsModal = ({
     setNewServerUrl("");
     setNewServerName("");
     setNewServerApiKey("");
-    import_antd26.message.success("Server added successfully");
+    import_antd28.message.success("Server added successfully");
   };
   const handleDeleteServer = (serverId) => {
     const newConnections = connections.filter((c) => c.id !== serverId);
@@ -6357,7 +6780,7 @@ var SettingsModal = ({
         setActiveTabKey("");
       }
     }
-    import_antd26.message.success("Server deleted");
+    import_antd28.message.success("Server deleted");
   };
   const handleTabChange = (newTabKey) => {
     setConnections(
@@ -6371,12 +6794,12 @@ var SettingsModal = ({
   const handleSave = async () => {
     const connection = connections.find((c) => c.id === activeTabKey);
     if (!connection || !connection.connected) {
-      import_antd26.message.error("Please connect to a server first");
+      import_antd28.message.error("Please connect to a server first");
       return;
     }
     const url = connection.url;
     if (!url) {
-      import_antd26.message.error("Please connect to a server first");
+      import_antd28.message.error("Please connect to a server first");
       return;
     }
     try {
@@ -6440,23 +6863,23 @@ var SettingsModal = ({
         const data = await response.json();
         if (response.ok && data.success) {
           if (data.requiresRestart && data.requiresRestart.length > 0) {
-            import_antd26.message.warning(
+            import_antd28.message.warning(
               `Configuration saved. Please restart the server for ${data.requiresRestart.join(
                 ", "
               )} to take effect.`,
               5
             );
           } else {
-            import_antd26.message.success("Configuration saved and applied successfully");
+            import_antd28.message.success("Configuration saved and applied successfully");
           }
           if (data.warnings && data.warnings.length > 0) {
             data.warnings.forEach((warning) => {
-              import_antd26.message.warning(warning, 5);
+              import_antd28.message.warning(warning, 5);
             });
           }
           onClose();
         } else {
-          import_antd26.message.error(data.error || "Failed to save configuration");
+          import_antd28.message.error(data.error || "Failed to save configuration");
         }
       } else if (activeMenu === "models") {
         const validModels = config.models.filter(
@@ -6475,17 +6898,17 @@ var SettingsModal = ({
         });
         const data = await response.json();
         if (response.ok && data.success) {
-          import_antd26.message.success(
+          import_antd28.message.success(
             "Model configuration saved and registered successfully"
           );
           onClose();
         } else {
-          import_antd26.message.error(data.error || "Failed to save model configuration");
+          import_antd28.message.error(data.error || "Failed to save model configuration");
         }
       }
     } catch (error) {
       console.error("Failed to save configuration:", error);
-      import_antd26.message.error(error.message || "Failed to save configuration");
+      import_antd28.message.error(error.message || "Failed to save configuration");
     } finally {
       setLoading(false);
     }
@@ -6501,25 +6924,25 @@ var SettingsModal = ({
         }
       }));
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: styles.formContainer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-        import_antd26.Alert,
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: styles.formContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        import_antd28.Alert,
         {
           message: "Configuration Effect",
-          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,
+          description: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { style: { marginBottom: 8 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                import_icons17.CheckCircleOutlined,
                 {
                   style: { color: "#52c41a", marginRight: 8 }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("strong", { children: "Immediately effective:" }),
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("strong", { children: "Immediately effective:" }),
               " QUEUE_SERVICE_TYPE, REDIS_URL, REDIS_PASSWORD, QUEUE_NAME"
             ] }),
-            /* @__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:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons17.ReloadOutlined, { style: { color: "#faad14", marginRight: 8 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("strong", { children: "Requires restart:" }),
               " PORT (server must be restarted to change port)"
             ] })
           ] }),
@@ -6528,8 +6951,8 @@ var SettingsModal = ({
           className: styles.alertCard
         }
       ),
-      /* @__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)(
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text14, { 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_runtime44.jsx)(
         TextArea,
         {
           value: config.envText,
@@ -6606,10 +7029,10 @@ QUEUE_NAME=tasks`,
         }));
       }
     };
-    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)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: styles.formContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { style: { marginBottom: 32 }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text14, { 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_runtime44.jsxs)("div", { className: styles.card, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
           "div",
           {
             style: {
@@ -6621,13 +7044,13 @@ QUEUE_NAME=tasks`,
               borderBottom: "1px solid rgba(0, 0, 0, 0.06)"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Text13, { strong: true, style: { fontSize: 16 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Text14, { strong: true, style: { fontSize: 16 }, children: [
                   "Model ",
                   index + 1
                 ] }),
-                model.key && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
-                  Text13,
+                model.key && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+                  Text14,
                   {
                     type: "secondary",
                     style: { marginLeft: 8, fontSize: 12 },
@@ -6639,8 +7062,8 @@ QUEUE_NAME=tasks`,
                   }
                 )
               ] }),
-              config.models.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                import_antd26.Button,
+              config.models.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                import_antd28.Button,
                 {
                   type: "text",
                   danger: true,
@@ -6656,11 +7079,11 @@ QUEUE_NAME=tasks`,
             ]
           }
         ),
-        /* @__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,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_antd28.Space, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text14, { className: styles.formLabel, children: "Key *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_antd28.Input,
               {
                 placeholder: "e.g., default, gpt-4, claude",
                 value: model.key,
@@ -6668,12 +7091,12 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text13, { className: styles.formDescription, children: "Unique identifier for this model" })
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text14, { className: styles.formDescription, children: "Unique identifier for this model" })
           ] }),
-          /* @__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,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text14, { className: styles.formLabel, children: "Provider *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_antd28.Select,
               {
                 style: { width: "100%", height: 40 },
                 value: model.provider,
@@ -6688,10 +7111,10 @@ QUEUE_NAME=tasks`,
               }
             )
           ] }),
-          /* @__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,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text14, { className: styles.formLabel, children: "Model Name *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_antd28.Input,
               {
                 placeholder: "e.g., gpt-4, claude-3-opus, kimi-k2-250905",
                 value: model.model,
@@ -6700,10 +7123,10 @@ QUEUE_NAME=tasks`,
               }
             )
           ] }),
-          /* @__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,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text14, { className: styles.formLabel, children: "API Key" }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_antd28.Input.Password,
               {
                 placeholder: "Enter your API key",
                 value: model.apiKey,
@@ -6711,12 +7134,12 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__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_runtime44.jsx)(Text14, { className: styles.formDescription, children: "API key for the model provider. Leave empty to use environment variable." })
           ] }),
-          /* @__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,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text14, { className: styles.formLabel, children: "Base URL" }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_antd28.Input,
               {
                 placeholder: "e.g., https://api.openai.com/v1",
                 value: model.baseURL,
@@ -6724,23 +7147,23 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text13, { className: styles.formDescription, children: "Optional custom base URL for the API" })
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text14, { className: styles.formDescription, children: "Optional custom base URL for the API" })
           ] }),
-          /* @__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,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_antd28.Space, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_antd28.Switch,
               {
                 checked: model.streaming,
                 onChange: (checked) => handleModelChange(index, "streaming", checked)
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text13, { children: "Enable Streaming" })
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text14, { children: "Enable Streaming" })
           ] }) }),
-          /* @__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,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { style: { display: "flex", gap: 20 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text14, { className: styles.formLabel, children: "Max Tokens" }),
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                import_antd28.Input,
                 {
                   type: "number",
                   placeholder: "e.g., 4096",
@@ -6754,10 +7177,10 @@ QUEUE_NAME=tasks`,
                 }
               )
             ] }),
-            /* @__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,
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text14, { className: styles.formLabel, children: "Temperature" }),
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                import_antd28.Input,
                 {
                   type: "number",
                   step: "0.1",
@@ -6775,8 +7198,8 @@ QUEUE_NAME=tasks`,
           ] })
         ] })
       ] }, index)),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-        import_antd26.Button,
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        import_antd28.Button,
         {
           type: "dashed",
           onClick: handleAddModel,
@@ -6803,9 +7226,9 @@ QUEUE_NAME=tasks`,
   );
   const currentConnection = connections.find((c) => c.id === activeTabKey);
   const renderTabLabel = (connection) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { style: { display: "flex", alignItems: "center" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-        import_icons15.CloudServerOutlined,
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { style: { display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        import_icons17.CloudServerOutlined,
         {
           style: {
             marginRight: 8,
@@ -6813,15 +7236,15 @@ QUEUE_NAME=tasks`,
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { children: connection.name }),
-      connection.connected && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-        import_icons15.CheckCircleFilled,
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { children: connection.name }),
+      connection.connected && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        import_icons17.CheckCircleFilled,
         {
           style: { color: "#52c41a", fontSize: 12, marginLeft: 8 }
         }
       ),
-      connection.error && !connection.connecting && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-        import_icons15.CloseCircleFilled,
+      connection.error && !connection.connecting && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        import_icons17.CloseCircleFilled,
         {
           style: { color: "#ff4d4f", fontSize: 12, marginLeft: 8 }
         }
@@ -6831,35 +7254,35 @@ QUEUE_NAME=tasks`,
   const tabItems = connections.map((connection) => ({
     key: connection.id,
     label: renderTabLabel(connection),
-    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)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { style: { display: "flex", height: "100%" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
         "div",
         {
           className: `${styles.menuItem} ${activeMenu === item.key ? "active" : ""}`,
           onClick: () => setActiveMenu(item.key),
           children: [
-            /* @__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 })
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: styles.menuItemIcon, children: item.icon }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: styles.menuItemText, children: item.label })
           ]
         },
         item.key
       )) }),
-      /* @__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: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: styles.content, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: styles.contentHeader, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: styles.contentHeaderLeft, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Title3, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Text14, { 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_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,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: styles.contentHeaderRight, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_antd28.Button, { onClick: onClose, children: "Cancel" }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_antd28.Button,
               {
                 type: "primary",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons15.SaveOutlined, {}),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons17.SaveOutlined, {}),
                 onClick: handleSave,
                 loading,
                 children: "Save Configuration"
@@ -6867,9 +7290,9 @@ QUEUE_NAME=tasks`,
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: styles.contentBody, children: renderContent(connection.id) })
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: styles.contentBody, children: renderContent(connection.id) })
       ] })
-    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "div",
       {
         style: {
@@ -6881,29 +7304,29 @@ QUEUE_NAME=tasks`,
           gap: 16,
           padding: 48
         },
-        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: [
+        children: connection.connecting ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons17.LinkOutlined, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Title3, { level: 4, children: "Connecting..." }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Text14, { type: "secondary", style: { textAlign: "center" }, children: [
             "Connecting to ",
             connection.url
           ] })
-        ] }) : /* @__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,
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons17.LinkOutlined, { style: { fontSize: 64, color: "#d9d9d9" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Title3, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            Text14,
             {
               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_runtime42.jsx)(
-            import_antd26.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            import_antd28.Button,
             {
               type: "primary",
-              icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons15.LinkOutlined, {}),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons17.LinkOutlined, {}),
               onClick: () => checkConnection(connection.id),
               loading: connection.connecting,
               style: { marginTop: 16 },
@@ -6915,9 +7338,9 @@ QUEUE_NAME=tasks`,
     ) }),
     closable: connections.length > 1
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-      import_antd26.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      import_antd28.Modal,
       {
         open,
         onCancel: onClose,
@@ -6925,8 +7348,8 @@ QUEUE_NAME=tasks`,
         width: "80%",
         footer: null,
         title: "Settings",
-        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-          import_antd26.Tabs,
+        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          import_antd28.Tabs,
           {
             activeKey: activeTabKey,
             onChange: handleTabChange,
@@ -6939,7 +7362,7 @@ QUEUE_NAME=tasks`,
               }
             },
             items: tabItems,
-            addIcon: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+            addIcon: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
               "div",
               {
                 style: {
@@ -6949,8 +7372,8 @@ QUEUE_NAME=tasks`,
                   padding: "4px 8px"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_icons15.PlusOutlined, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { children: "Add Server" })
+                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_icons17.PlusOutlined, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { children: "Add Server" })
                 ]
               }
             )
@@ -6958,8 +7381,8 @@ QUEUE_NAME=tasks`,
         ) })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-      import_antd26.Modal,
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      import_antd28.Modal,
       {
         title: "Add New Server",
         open: showAddServerModal,
@@ -6972,11 +7395,11 @@ QUEUE_NAME=tasks`,
         },
         confirmLoading: addingServer,
         className: styles.addServerModal,
-        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,
+        children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_antd28.Space, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text14, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_antd28.Input,
               {
                 placeholder: "e.g., Production Server",
                 value: newServerName,
@@ -6984,12 +7407,12 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__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_runtime44.jsx)(Text14, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: Leave empty to use URL as name" })
           ] }),
-          /* @__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,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text14, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_antd28.Input,
               {
                 placeholder: "e.g., http://localhost:4001",
                 value: newServerUrl,
@@ -6997,12 +7420,12 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__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_runtime44.jsx)(Text14, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Enter the full URL of the gateway server" })
           ] }),
-          /* @__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,
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text14, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              import_antd28.Input.Password,
               {
                 placeholder: "Optional: Enter API key for authentication",
                 value: newServerApiKey,
@@ -7010,7 +7433,7 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Text13, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: API key for server authentication" })
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text14, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: API key for server authentication" })
           ] })
         ] })
       }
@@ -7019,10 +7442,10 @@ QUEUE_NAME=tasks`,
 };
 
 // src/components/Chat/AgentServerSetting.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var AgentServerSetting = () => {
   const { settingsModalOpen, setSettingsModalOpen } = useLatticeChatShellContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     SettingsModal,
     {
       open: settingsModalOpen,
@@ -7032,11 +7455,11 @@ var AgentServerSetting = () => {
 };
 
 // src/components/Chat/LatticeChatShell.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var LatticeChatShell = (props) => {
-  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, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(LatticeChatShellContextProvider, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AssistantContextProvider, { autoLoad: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ConversationContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(LatticeChatView, {}) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AgentServerSetting, {})
   ] });
 };
 // Annotate the CommonJS export names for ESM import in node:
@@ -7059,6 +7482,7 @@ var LatticeChatShell = (props) => {
   LatticeChatShellContextProvider,
   MDResponse,
   MDViewFormItem,
+  ScheduleButton,
   SideAppViewBrowser,
   getElement,
   regsiterElement,