@axiom-lattice/react-sdk 2.1.21 → 2.1.23

package/dist/index.mjs

@@ -136,7 +136,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,
@@ -145,7 +145,7 @@ function useChat(threadId, options = {}) {
       }));
       const userMessage = {
         id: Date.now().toString(),
-        content: message5 || command?.resume?.message || "",
+        content: message6 || command?.resume?.message || "",
         files,
         role: "human"
       };
@@ -483,7 +483,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,
@@ -491,7 +491,7 @@ function AgentThreadProvider({
       }));
       const userMessage = {
         id: Date.now().toString(),
-        content: message5 || command?.resume?.message || "",
+        content: message6 || command?.resume?.message || "",
         files,
         role: "human"
       };
@@ -1094,6 +1094,7 @@ var useStyle = createStyles(({ token, css }) => {
       gap: 0px;
       transition: all 0.3s ease;
       flex-shrink: 0;
+      position: relative;
 
       &.drawer-open {
         min-width: 200px;
@@ -1177,6 +1178,14 @@ var useStyle = createStyles(({ token, css }) => {
       padding: 0 20px;
       flex: 1;
       overflow: hidden;
+      .ant-bubble:last-child {
+        margin-top: 80px;
+      }
+    `,
+    messagesWithHeader: css`
+      .ant-bubble:last-child {
+        margin-top: 80px;
+      }
     `,
     placeholder: css`
       padding-top: 32px;
@@ -1184,6 +1193,16 @@ var useStyle = createStyles(({ token, css }) => {
     sender: css`
       box-shadow: ${token.boxShadow};
     `,
+    fixedHeader: css`
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      z-index: 100;
+      background: ${token.colorBgContainer}00;
+      backdrop-filter: blur(4px) saturate(180%);
+      -webkit-backdrop-filter: blur(4px) saturate(180%);
+    `,
     logo: css`
       display: flex;
       height: 72px;
@@ -1287,11 +1306,11 @@ import {
 
 // src/components/GenUI/elements/confirm_feedback.tsx
 import { Button as Button2, Space as Space2, Typography as Typography2 } from "antd";
-import { useState as useState9 } from "react";
+import { useState as useState10 } from "react";
 
 // src/components/GenUI/MDResponse.tsx
 import XMarkdown from "@ant-design/x-markdown";
-import { useRef as useRef5, useState as useState8, useMemo as useMemo2 } from "react";
+import { useRef as useRef6, useState as useState9, useMemo as useMemo2 } from "react";
 import { createStyles as createStyles2 } from "antd-style";
 
 // src/components/GenUI/Code.tsx
@@ -1308,7 +1327,12 @@ var ReactInfographic = (props) => {
   useEffect5(() => {
     if ($container.current) {
       infographicInstance.current = new Infographic({
-        container: $container.current
+        container: $container.current,
+        width: "100%",
+        height: "100%"
+      });
+      infographicInstance.current.on("error", (error) => {
+        console.error(error);
       });
     }
     return () => {
@@ -1316,13 +1340,459 @@ var ReactInfographic = (props) => {
     };
   }, []);
   useEffect5(() => {
-    infographicInstance.current?.render(children);
+    const a = `infographic sequence-steps-simple
+data
+  sequences
+    - label Step 1
+    - label Step 2
+    - label Step 3
+  order asc`;
+    infographicInstance.current?.render(a);
+  }, [children, infographicInstance.current]);
+  return /* @__PURE__ */ jsx5("div", { style: { height: 600, width: 600 }, ref: $container });
+};
+
+// src/components/GenUI/ReactChart.tsx
+import { useEffect as useEffect6, useRef as useRef5, useState as useState7 } from "react";
+import * as echarts from "echarts";
+import { Card, Alert, Table } from "antd";
+import { parse } from "best-effort-json-parser";
+import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+function createDefaultEChartsConfig(tableData) {
+  if (!tableData || tableData.length === 0) {
+    return {
+      title: {
+        text: "Chart",
+        left: "left"
+      },
+      tooltip: {
+        trigger: "axis"
+      },
+      legend: {
+        right: 0,
+        orient: "vertical"
+      },
+      xAxis: {
+        type: "category",
+        data: []
+      },
+      yAxis: {
+        type: "value"
+      },
+      series: [
+        {
+          type: "line",
+          name: "Series 1",
+          data: []
+        }
+      ],
+      grid: {
+        left: "3%",
+        right: "4%",
+        bottom: "3%",
+        containLabel: true
+      }
+    };
+  }
+  const firstRow = tableData[0];
+  const keys = Object.keys(firstRow);
+  if (keys.length === 0) {
+    return createDefaultEChartsConfig([]);
+  }
+  const numericKeys = keys.filter((key) => {
+    const value = firstRow[key];
+    return typeof value === "number" || !isNaN(Number(value));
+  });
+  if (numericKeys.length > 0) {
+    const yKey = numericKeys[0];
+    const xKey = keys.find((k) => !numericKeys.includes(k)) || keys[0];
+    const xAxisData = tableData.map(
+      (row, idx) => row[xKey] !== void 0 ? String(row[xKey]) : `Item ${idx + 1}`
+    );
+    const seriesData = tableData.map((row) => {
+      const val = row[yKey];
+      return typeof val === "number" ? val : Number(val) || 0;
+    });
+    return {
+      title: {
+        text: "Chart",
+        left: "left"
+      },
+      tooltip: {
+        trigger: "axis"
+      },
+      legend: {
+        right: 0,
+        orient: "vertical",
+        data: [yKey]
+      },
+      xAxis: {
+        type: "category",
+        data: xAxisData
+      },
+      yAxis: {
+        type: "value"
+      },
+      series: [
+        {
+          type: "line",
+          name: yKey,
+          data: seriesData
+        }
+      ],
+      grid: {
+        left: "3%",
+        right: "4%",
+        bottom: "3%",
+        containLabel: true
+      }
+    };
+  }
+  return {
+    title: {
+      text: "Chart",
+      left: "left"
+    },
+    tooltip: {
+      trigger: "axis"
+    },
+    legend: {
+      right: 0,
+      orient: "vertical"
+    },
+    xAxis: {
+      type: "category",
+      data: tableData.map((_, idx) => `Item ${idx + 1}`)
+    },
+    yAxis: {
+      type: "value"
+    },
+    series: [
+      {
+        type: "bar",
+        name: "Count",
+        data: tableData.map(() => 1)
+      }
+    ],
+    grid: {
+      left: "3%",
+      right: "4%",
+      bottom: "3%",
+      containLabel: true
+    }
+  };
+}
+function validateAndEnhanceEChartsConfig(config) {
+  if (!config || typeof config !== "object") {
+    return null;
+  }
+  if (!config.series || !Array.isArray(config.series) || config.series.length === 0) {
+    return null;
+  }
+  const enhancedSeries = config.series.map((series, index) => {
+    if (!series || typeof series !== "object") {
+      return null;
+    }
+    if (!series.type || !series.data) {
+      return null;
+    }
+    if (!Array.isArray(series.data) || series.data.length === 0) {
+      return null;
+    }
+    const enhancedSeriesItem = {
+      ...series,
+      name: series.name || `Series ${index + 1}`
+    };
+    if (series.type === "pie") {
+      const pieData = series.data.map((item, idx) => {
+        if (typeof item === "object" && item !== null && "value" in item) {
+          return {
+            value: item.value,
+            name: item.name || `Item ${idx + 1}`
+          };
+        } else if (typeof item === "number") {
+          return {
+            value: item,
+            name: `Item ${idx + 1}`
+          };
+        }
+        return null;
+      }).filter((item) => item !== null);
+      if (pieData.length === 0) {
+        return null;
+      }
+      return {
+        ...enhancedSeriesItem,
+        data: pieData
+      };
+    }
+    return enhancedSeriesItem;
+  }).filter((series) => series !== null);
+  if (enhancedSeries.length === 0) {
+    return null;
+  }
+  const enhancedConfig = {
+    ...config,
+    series: enhancedSeries
+  };
+  const firstSeriesType = enhancedSeries[0].type;
+  if (firstSeriesType !== "pie") {
+    if (!enhancedConfig.xAxis) {
+      enhancedConfig.xAxis = {
+        type: "category",
+        data: []
+      };
+    } else if (typeof enhancedConfig.xAxis === "object" && !Array.isArray(enhancedConfig.xAxis)) {
+      const xAxis = enhancedConfig.xAxis;
+      if (!xAxis.type) {
+        xAxis.type = "category";
+      }
+      if (xAxis.type === "category" && !xAxis.data) {
+        const firstSeriesData = enhancedSeries[0].data;
+        if (Array.isArray(firstSeriesData) && firstSeriesData.length > 0) {
+          if (Array.isArray(firstSeriesData[0])) {
+            xAxis.data = firstSeriesData.map((item) => item[0]);
+          } else {
+            xAxis.data = firstSeriesData.map(
+              (_, idx) => `Item ${idx + 1}`
+            );
+          }
+        } else {
+          xAxis.data = [];
+        }
+      }
+      enhancedConfig.xAxis = xAxis;
+    }
+    if (!enhancedConfig.yAxis) {
+      enhancedConfig.yAxis = {
+        type: "value"
+      };
+    } else if (typeof enhancedConfig.yAxis === "object" && !Array.isArray(enhancedConfig.yAxis)) {
+      if (!enhancedConfig.yAxis.type) {
+        enhancedConfig.yAxis.type = "value";
+      }
+    }
+  }
+  if (!enhancedConfig.title) {
+    enhancedConfig.title = {
+      text: "Chart",
+      left: "left"
+    };
+  } else if (typeof enhancedConfig.title === "object") {
+    const title = enhancedConfig.title;
+    if (!title.left) {
+      title.left = "left";
+    }
+    if (!title.text) {
+      title.text = "Chart";
+    }
+    enhancedConfig.title = title;
+  }
+  if (!enhancedConfig.tooltip) {
+    enhancedConfig.tooltip = {
+      trigger: firstSeriesType === "pie" ? "item" : "axis"
+    };
+  }
+  if (!enhancedConfig.legend) {
+    if (enhancedSeries.length > 1) {
+      enhancedConfig.legend = {
+        right: 0,
+        orient: "vertical"
+      };
+    }
+  } else if (typeof enhancedConfig.legend === "object") {
+    const legend = enhancedConfig.legend;
+    enhancedConfig.legend = legend;
+  }
+  if (firstSeriesType !== "pie" && !enhancedConfig.grid) {
+    enhancedConfig.grid = {
+      left: "3%",
+      right: "4%",
+      bottom: "3%",
+      containLabel: true
+    };
+  }
+  return enhancedConfig;
+}
+function parseAndValidateChartData(input) {
+  let rawData = null;
+  try {
+    const inputStr = typeof input === "string" ? input : input.join("");
+    rawData = parse(inputStr);
+  } catch (error) {
+    return {
+      data: null,
+      error: `Failed to parse JSON: ${error instanceof Error ? error.message : String(error)}`
+    };
+  }
+  if (!rawData || typeof rawData !== "object") {
+    return {
+      data: null,
+      error: "Parsed data is not an object"
+    };
+  }
+  const isDirectEChartsConfig = rawData.series && Array.isArray(rawData.series) && rawData.series.length > 0;
+  const chartData = {
+    table: Array.isArray(rawData.table) ? rawData.table : void 0
+  };
+  let echartsConfig = null;
+  if (rawData.echarts) {
+    echartsConfig = rawData.echarts;
+  } else if (isDirectEChartsConfig) {
+    echartsConfig = rawData;
+  }
+  if (echartsConfig) {
+    const enhancedECharts = validateAndEnhanceEChartsConfig(echartsConfig);
+    if (!enhancedECharts) {
+      if (chartData.table && chartData.table.length > 0) {
+        chartData.echarts = createDefaultEChartsConfig(chartData.table);
+      } else {
+        return {
+          data: null,
+          error: "ECharts configuration is invalid or incomplete. Required: series array with at least one series containing type and data."
+        };
+      }
+    } else {
+      chartData.echarts = enhancedECharts;
+    }
+  } else {
+    if (chartData.table && chartData.table.length > 0) {
+      chartData.echarts = createDefaultEChartsConfig(chartData.table);
+    } else {
+      chartData.echarts = createDefaultEChartsConfig([]);
+    }
+  }
+  return { data: chartData, error: null };
+}
+var ReactChart = (props) => {
+  const { children } = props;
+  const chartRef = useRef5(null);
+  const chartInstance = useRef5(null);
+  const resizeObserverRef = useRef5(null);
+  const [error, setError] = useState7(null);
+  const [tableData, setTableData] = useState7(null);
+  useEffect6(() => {
+    if (!chartRef.current) {
+      return;
+    }
+    if (!chartInstance.current) {
+      chartInstance.current = echarts.init(chartRef.current);
+    }
+    let input = null;
+    if (typeof children === "string") {
+      input = children;
+    } else if (Array.isArray(children)) {
+      input = children;
+    }
+    if (!input) {
+      setError("Chart data input is missing");
+      return;
+    }
+    const { data: chartData, error: parseError } = parseAndValidateChartData(input);
+    if (parseError || !chartData) {
+      setError(parseError || "Failed to parse chart data");
+      return;
+    }
+    if (chartData.table && Array.isArray(chartData.table)) {
+      setTableData(chartData.table);
+    }
+    if (chartData.echarts) {
+      try {
+        chartInstance.current.setOption(chartData.echarts, true);
+        setError(null);
+      } catch (err) {
+        const errorMessage = err instanceof Error ? err.message : "Failed to render chart";
+        console.error("Failed to set ECharts option:", err);
+        setError(errorMessage);
+      }
+    }
+    const handleResize = () => {
+      if (chartInstance.current) {
+        chartInstance.current.resize();
+      }
+    };
+    if (resizeObserverRef.current) {
+      resizeObserverRef.current.disconnect();
+      resizeObserverRef.current = null;
+    }
+    if (chartRef.current && typeof ResizeObserver !== "undefined") {
+      resizeObserverRef.current = new ResizeObserver((entries) => {
+        requestAnimationFrame(() => {
+          handleResize();
+        });
+      });
+      resizeObserverRef.current.observe(chartRef.current);
+    }
+    window.addEventListener("resize", handleResize);
+    return () => {
+      if (resizeObserverRef.current) {
+        resizeObserverRef.current.disconnect();
+        resizeObserverRef.current = null;
+      }
+      window.removeEventListener("resize", handleResize);
+    };
   }, [children]);
-  return /* @__PURE__ */ jsx5("div", { ref: $container });
+  useEffect6(() => {
+    return () => {
+      if (resizeObserverRef.current) {
+        resizeObserverRef.current.disconnect();
+        resizeObserverRef.current = null;
+      }
+      if (chartInstance.current) {
+        chartInstance.current.dispose();
+        chartInstance.current = null;
+      }
+    };
+  }, []);
+  const generateColumns = (data) => {
+    if (!data || data.length === 0) return [];
+    const firstRow = data[0];
+    return Object.keys(firstRow).map((key) => ({
+      title: key.replace(/([A-Z])/g, " $1").replace(/_/g, " ").replace(/^./, (str) => str.toUpperCase()).trim(),
+      dataIndex: key,
+      key
+    }));
+  };
+  return /* @__PURE__ */ jsxs2(Card, { children: [
+    error && /* @__PURE__ */ jsx6(
+      Alert,
+      {
+        message: "Chart Error",
+        description: error,
+        type: "error",
+        showIcon: true,
+        style: { marginBottom: 16 }
+      }
+    ),
+    tableData && tableData.length > 0 && /* @__PURE__ */ jsx6("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ jsx6(
+      Table,
+      {
+        dataSource: tableData.map((item, index) => ({
+          ...item,
+          key: index
+        })),
+        columns: generateColumns(tableData),
+        pagination: false,
+        size: "small",
+        scroll: { x: "max-content" }
+      }
+    ) }),
+    /* @__PURE__ */ jsx6(
+      "div",
+      {
+        ref: chartRef,
+        style: {
+          width: "100%",
+          height: "400px",
+          minHeight: "300px"
+        }
+      }
+    )
+  ] });
 };
 
 // src/components/GenUI/Code.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var Code = (props) => {
   const { className, children } = props;
   const language = className?.match(/language-(\w+)/)?.[1] || "";
@@ -1341,37 +1811,39 @@ var Code = (props) => {
         childrenData = JSON.parse(childrenStr);
       } catch (error) {
       }
-      return /* @__PURE__ */ jsx6(Element, { component_key: language, data: childrenData });
+      return /* @__PURE__ */ jsx7(Element, { component_key: language, data: childrenData });
     }
     switch (language) {
       case "infographic":
-        return /* @__PURE__ */ jsx6(ReactInfographic, { children });
+        return /* @__PURE__ */ jsx7(ReactInfographic, { children });
       case "mermaid":
-        return /* @__PURE__ */ jsx6(Mermaid, { children });
+        return /* @__PURE__ */ jsx7(Mermaid, { children });
+      case "chart":
+        return /* @__PURE__ */ jsx7(ReactChart, { children });
       default:
-        return /* @__PURE__ */ jsx6(CodeHighlighter, { lang: language, children });
+        return /* @__PURE__ */ jsx7(CodeHighlighter, { lang: language, children });
     }
   }
-  return /* @__PURE__ */ jsx6(CodeHighlighter, { lang: language, children });
+  return /* @__PURE__ */ jsx7(CodeHighlighter, { lang: language, children });
 };
 
 // src/components/GenUI/MDComponentWrap.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var MDComponentWrap = (Element) => {
   return (props) => {
-    return /* @__PURE__ */ jsx7(Element, { ...props });
+    return /* @__PURE__ */ jsx8(Element, { ...props });
   };
 };
 
 // src/components/GenUI/elements/generic_data_table.tsx
-import { Table, Typography, Button, Flex, Space } from "antd";
-import { useState as useState7 } from "react";
+import { Table as Table2, Typography, Button, Flex, Space } from "antd";
+import { useState as useState8 } from "react";
 import { DownloadOutlined, ExpandAltOutlined } from "@ant-design/icons";
-import { jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
 var { Text } = Typography;
 var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = true }) => {
-  const { dataSource, message: message5 } = data ?? {};
-  const [expandedRowKeys, setExpandedRowKeys] = useState7([]);
+  const { dataSource, message: message6 } = data ?? {};
+  const [expandedRowKeys, setExpandedRowKeys] = useState8([]);
   const { openSideApp } = useChatUIContext();
   const processedData = dataSource?.map((item, index) => ({
     ...item,
@@ -1421,14 +1893,14 @@ var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = t
     if (!expandItem) {
       return null;
     }
-    return /* @__PURE__ */ jsxs2("div", { style: { padding: "16px" }, children: [
-      expandItem.content && /* @__PURE__ */ jsxs2("div", { style: { marginBottom: "16px" }, children: [
-        /* @__PURE__ */ jsx8(Text, { strong: true, style: { display: "block", marginBottom: "8px" }, children: "\u8BE6\u7EC6\u4FE1\u606F:" }),
-        /* @__PURE__ */ jsx8(MDResponse, { content: expandItem.content })
+    return /* @__PURE__ */ jsxs3("div", { style: { padding: "16px" }, children: [
+      expandItem.content && /* @__PURE__ */ jsxs3("div", { style: { marginBottom: "16px" }, children: [
+        /* @__PURE__ */ jsx9(Text, { strong: true, style: { display: "block", marginBottom: "8px" }, children: "\u8BE6\u7EC6\u4FE1\u606F:" }),
+        /* @__PURE__ */ jsx9(MDResponse, { content: expandItem.content })
       ] }),
-      expandItem.dataSource && expandItem.dataSource.length > 0 && /* @__PURE__ */ jsxs2("div", { children: [
-        /* @__PURE__ */ jsx8(Text, { strong: true, style: { display: "block", marginBottom: "8px" }, children: "\u5B50\u8868\u6570\u636E:" }),
-        /* @__PURE__ */ jsx8(
+      expandItem.dataSource && expandItem.dataSource.length > 0 && /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsx9(Text, { strong: true, style: { display: "block", marginBottom: "8px" }, children: "\u5B50\u8868\u6570\u636E:" }),
+        /* @__PURE__ */ jsx9(
           GenericDataTable,
           {
             component_key: `nested_${record.key}`,
@@ -1449,25 +1921,25 @@ var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = t
     );
   };
   const hasExpandableRows = processedData.some((item) => item.expandItem);
-  return /* @__PURE__ */ jsx8(
-    Table,
+  return /* @__PURE__ */ jsx9(
+    Table2,
     {
       size: "small",
-      title: () => /* @__PURE__ */ jsxs2(Flex, { justify: "space-between", align: "center", children: [
-        /* @__PURE__ */ jsx8(Space, { children: /* @__PURE__ */ jsx8(Text, { strong: true, style: { fontSize: 16 }, children: message5 || "" }) }),
-        /* @__PURE__ */ jsxs2(Space, { children: [
-          /* @__PURE__ */ jsx8(
+      title: () => /* @__PURE__ */ jsxs3(Flex, { justify: "space-between", align: "center", children: [
+        /* @__PURE__ */ jsx9(Space, { children: /* @__PURE__ */ jsx9(Text, { strong: true, style: { fontSize: 16 }, children: message6 || "" }) }),
+        /* @__PURE__ */ jsxs3(Space, { children: [
+          /* @__PURE__ */ jsx9(
             Button,
             {
               type: "text",
               size: "small",
-              icon: /* @__PURE__ */ jsx8(DownloadOutlined, {}),
+              icon: /* @__PURE__ */ jsx9(DownloadOutlined, {}),
               onClick: exportToExcel,
               disabled: !processedData || processedData.length === 0,
               children: "\u5BFC\u51FAExcel"
             }
           ),
-          default_open_in_side_app && /* @__PURE__ */ jsxs2(
+          default_open_in_side_app && /* @__PURE__ */ jsxs3(
             Button,
             {
               type: "link",
@@ -1475,12 +1947,12 @@ 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: [
-                /* @__PURE__ */ jsx8(ExpandAltOutlined, {}),
+                /* @__PURE__ */ jsx9(ExpandAltOutlined, {}),
                 "\u5C55\u5F00"
               ]
             }
@@ -1520,7 +1992,7 @@ var mdComponents = {
 };
 
 // src/components/GenUI/MDResponse.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var memoizedMdComponents = mdComponents;
 var useStyles = createStyles2(({ token, css }) => ({
   markdownTableContainer: css`
@@ -1612,7 +2084,7 @@ var MDResponse = ({
 }) => {
   const { styles } = useStyles();
   const stableComponents = useMemo2(() => memoizedMdComponents, []);
-  return /* @__PURE__ */ jsx9("div", { className: styles.markdownContainer, children: /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10("div", { className: styles.markdownContainer, children: /* @__PURE__ */ jsx10(
     XMarkdown,
     {
       components: stableComponents,
@@ -1622,22 +2094,22 @@ var MDResponse = ({
   ) });
 };
 var MDViewFormItem = ({ value }) => {
-  return /* @__PURE__ */ jsx9(MDResponse, { content: value || "" });
+  return /* @__PURE__ */ jsx10(MDResponse, { content: value || "" });
 };
 
 // src/components/GenUI/elements/confirm_feedback.tsx
-import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
 var { Text: Text2 } = Typography2;
 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] = useState9(false);
-  return /* @__PURE__ */ jsxs3(Space2, { direction: "vertical", style: { width: "100%" }, children: [
-    /* @__PURE__ */ jsx10(MDResponse, { content: message5 }),
-    options ? /* @__PURE__ */ jsx10(Space2, { style: { justifyContent: "flex-end", width: "100%" }, children: options?.map((option) => /* @__PURE__ */ jsx10(
+  const [clicked, setClicked] = useState10(false);
+  return /* @__PURE__ */ jsxs4(Space2, { direction: "vertical", style: { width: "100%" }, children: [
+    /* @__PURE__ */ jsx11(MDResponse, { content: message6 }),
+    options ? /* @__PURE__ */ jsx11(Space2, { style: { justifyContent: "flex-end", width: "100%" }, children: options?.map((option) => /* @__PURE__ */ jsx11(
       Button2,
       {
         title: option.description,
@@ -1660,8 +2132,8 @@ var ConfirmFeedback = ({
         children: option.label
       },
       option.value
-    )) }) : /* @__PURE__ */ jsxs3(Space2, { style: { justifyContent: "flex-end", width: "100%" }, children: [
-      /* @__PURE__ */ jsx10(
+    )) }) : /* @__PURE__ */ jsxs4(Space2, { style: { justifyContent: "flex-end", width: "100%" }, children: [
+      /* @__PURE__ */ jsx11(
         Button2,
         {
           disabled: !interactive || clicked || feedback,
@@ -1684,7 +2156,7 @@ var ConfirmFeedback = ({
           children: "\u786E\u8BA4"
         }
       ),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx11(
         Button2,
         {
           disabled: !interactive || clicked || feedback,
@@ -1712,9 +2184,9 @@ var ConfirmFeedback = ({
 };
 
 // src/components/GenUI/elements/generic_data_table_side_app.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var GenericDataTableSideApp = (props) => {
-  return /* @__PURE__ */ jsx11(GenericDataTable, { ...props, default_open_in_side_app: false });
+  return /* @__PURE__ */ jsx12(GenericDataTable, { ...props, default_open_in_side_app: false });
 };
 
 // src/components/GenUI/elements/ToolCall.tsx
@@ -1727,10 +2199,10 @@ import {
 } from "@ant-design/icons";
 
 // src/components/GenUI/elements/ToolCard.tsx
-import { Card as Card2, Typography as Typography3, Space as Space3, Tag } from "antd";
+import { Card as Card3, Typography as Typography3, Space as Space3, Tag } from "antd";
 import { createStyles as createStyles3 } from "antd-style";
 import { ToolOutlined, CodeOutlined } from "@ant-design/icons";
-import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
 var { Text: Text3, Title } = Typography3;
 var useStyle2 = createStyles3(({ token, css }) => ({
   card: css`
@@ -1800,7 +2272,7 @@ var ToolCard = ({
 }) => {
   const { styles } = useStyle2();
   if (!data || !data.name) {
-    return /* @__PURE__ */ jsx12(Card2, { size: "small", className: styles.card, bordered: false, children: /* @__PURE__ */ jsx12(Text3, { type: "secondary", children: "Invalid tool data" }) });
+    return /* @__PURE__ */ jsx13(Card3, { size: "small", className: styles.card, bordered: false, children: /* @__PURE__ */ jsx13(Text3, { type: "secondary", children: "Invalid tool data" }) });
   }
   const formatToolName = (name) => {
     return name.replace(/([a-z])([A-Z])/g, "$1 $2").split(/[_-]/).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
@@ -1843,21 +2315,21 @@ var ToolCard = ({
     return typeof value;
   };
   const hasParameters = data.parameters && Object.keys(data.parameters).length > 0;
-  return /* @__PURE__ */ jsxs4(
-    Card2,
+  return /* @__PURE__ */ jsxs5(
+    Card3,
     {
       size: "small",
       className: styles.card,
       bordered: false,
       bodyStyle: { padding: "16px" },
       children: [
-        /* @__PURE__ */ jsxs4("div", { className: styles.header, children: [
-          /* @__PURE__ */ jsxs4(Space3, { align: "center", children: [
-            /* @__PURE__ */ jsx12(ToolOutlined, { style: { color: "#1890ff", fontSize: "18px" } }),
-            /* @__PURE__ */ jsx12(Title, { level: 5, className: styles.toolName, style: { margin: 0 }, children: formatToolName(data.name) }),
-            data.type && /* @__PURE__ */ jsx12(Tag, { color: "blue", className: styles.typeTag, children: data.type })
+        /* @__PURE__ */ jsxs5("div", { className: styles.header, children: [
+          /* @__PURE__ */ jsxs5(Space3, { align: "center", children: [
+            /* @__PURE__ */ jsx13(ToolOutlined, { style: { color: "#1890ff", fontSize: "18px" } }),
+            /* @__PURE__ */ jsx13(Title, { level: 5, className: styles.toolName, style: { margin: 0 }, children: formatToolName(data.name) }),
+            data.type && /* @__PURE__ */ jsx13(Tag, { color: "blue", className: styles.typeTag, children: data.type })
           ] }),
-          data.description && /* @__PURE__ */ jsx12(
+          data.description && /* @__PURE__ */ jsx13(
             Text3,
             {
               type: "secondary",
@@ -1866,19 +2338,19 @@ var ToolCard = ({
             }
           )
         ] }),
-        hasParameters ? /* @__PURE__ */ jsxs4("div", { children: [
-          /* @__PURE__ */ jsxs4(Space3, { align: "center", style: { marginBottom: "12px" }, children: [
-            /* @__PURE__ */ jsx12(CodeOutlined, { style: { color: "#52c41a", fontSize: "14px" } }),
-            /* @__PURE__ */ jsxs4(Text3, { strong: true, style: { fontSize: "14px" }, children: [
+        hasParameters ? /* @__PURE__ */ jsxs5("div", { children: [
+          /* @__PURE__ */ jsxs5(Space3, { align: "center", style: { marginBottom: "12px" }, children: [
+            /* @__PURE__ */ jsx13(CodeOutlined, { style: { color: "#52c41a", fontSize: "14px" } }),
+            /* @__PURE__ */ jsxs5(Text3, { strong: true, style: { fontSize: "14px" }, children: [
               "Parameters (",
               Object.keys(data.parameters).length,
               ")"
             ] })
           ] }),
-          /* @__PURE__ */ jsx12("div", { className: styles.parameterGrid, children: Object.entries(data.parameters).map(([key, value], index) => /* @__PURE__ */ jsxs4("div", { className: styles.parameterItem, children: [
-            /* @__PURE__ */ jsx12("div", { className: styles.parameterName, children: /* @__PURE__ */ jsxs4(Space3, { align: "center", children: [
-              /* @__PURE__ */ jsx12("span", { children: key }),
-              /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13("div", { className: styles.parameterGrid, children: Object.entries(data.parameters).map(([key, value], index) => /* @__PURE__ */ jsxs5("div", { className: styles.parameterItem, children: [
+            /* @__PURE__ */ jsx13("div", { className: styles.parameterName, children: /* @__PURE__ */ jsxs5(Space3, { align: "center", children: [
+              /* @__PURE__ */ jsx13("span", { children: key }),
+              /* @__PURE__ */ jsx13(
                 Tag,
                 {
                   color: getTypeColor(value),
@@ -1887,11 +2359,11 @@ var ToolCard = ({
                 }
               )
             ] }) }),
-            /* @__PURE__ */ jsx12("div", { className: styles.parameterValue, children: formatParameterValue(value) })
+            /* @__PURE__ */ jsx13("div", { className: styles.parameterValue, children: formatParameterValue(value) })
           ] }, index)) })
-        ] }) : /* @__PURE__ */ jsxs4(Space3, { align: "center", children: [
-          /* @__PURE__ */ jsx12(CodeOutlined, { style: { color: "#d9d9d9", fontSize: "14px" } }),
-          /* @__PURE__ */ jsx12(Text3, { type: "secondary", style: { fontSize: "13px" }, children: "No parameters" })
+        ] }) : /* @__PURE__ */ jsxs5(Space3, { align: "center", children: [
+          /* @__PURE__ */ jsx13(CodeOutlined, { style: { color: "#d9d9d9", fontSize: "14px" } }),
+          /* @__PURE__ */ jsx13(Text3, { type: "secondary", style: { fontSize: "13px" }, children: "No parameters" })
         ] })
       ]
     }
@@ -1899,15 +2371,15 @@ var ToolCard = ({
 };
 
 // src/components/GenUI/elements/ToolCall.tsx
-import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
 function getStatusIcon(status) {
   switch (status) {
     case "success":
-      return /* @__PURE__ */ jsx13(CheckCircleOutlined, { style: { color: "#52c41a" } });
+      return /* @__PURE__ */ jsx14(CheckCircleOutlined, { style: { color: "#52c41a" } });
     case "error":
-      return /* @__PURE__ */ jsx13(InfoCircleOutlined, { style: { color: "#ff4d4f" } });
+      return /* @__PURE__ */ jsx14(InfoCircleOutlined, { style: { color: "#ff4d4f" } });
     default:
-      return /* @__PURE__ */ jsx13(LoadingOutlined, { style: { color: "#1890ff" } });
+      return /* @__PURE__ */ jsx14(LoadingOutlined, { style: { color: "#1890ff" } });
   }
 }
 var ToolCall = ({ data }) => {
@@ -1930,9 +2402,9 @@ var ToolCall = ({ data }) => {
       return "Error parsing args";
     }
   };
-  const header = /* @__PURE__ */ jsxs5(Flex2, { align: "center", wrap: "wrap", children: [
-    /* @__PURE__ */ jsx13(Typography4.Text, { strong: true, children: formatToolName(toolCallData.name) }),
-    /* @__PURE__ */ jsx13(
+  const header = /* @__PURE__ */ jsxs6(Flex2, { align: "center", wrap: "wrap", children: [
+    /* @__PURE__ */ jsx14(Typography4.Text, { strong: true, children: formatToolName(toolCallData.name) }),
+    /* @__PURE__ */ jsx14(
       Typography4.Text,
       {
         type: "secondary",
@@ -1946,8 +2418,8 @@ var ToolCall = ({ data }) => {
     parameters: toolCallData.args,
     type: "tool_call"
   };
-  const content = /* @__PURE__ */ jsxs5("div", { style: { marginTop: "8px" }, children: [
-    /* @__PURE__ */ jsx13(
+  const content = /* @__PURE__ */ jsxs6("div", { style: { marginTop: "8px" }, children: [
+    /* @__PURE__ */ jsx14(
       ToolCard,
       {
         data: toolCardData,
@@ -1955,8 +2427,8 @@ var ToolCall = ({ data }) => {
         interactive: false
       }
     ),
-    toolCallData.response && /* @__PURE__ */ jsxs5("div", { style: { marginTop: "12px" }, children: [
-      /* @__PURE__ */ jsx13(
+    toolCallData.response && /* @__PURE__ */ jsxs6("div", { style: { marginTop: "12px" }, children: [
+      /* @__PURE__ */ jsx14(
         Typography4.Text,
         {
           strong: true,
@@ -1964,7 +2436,7 @@ var ToolCall = ({ data }) => {
           children: "Response:"
         }
       ),
-      /* @__PURE__ */ jsx13(MDResponse, { content: toolCallData.response })
+      /* @__PURE__ */ jsx14(MDResponse, { content: toolCallData.response })
     ] })
   ] });
   const expandIcon = ({ isActive }) => {
@@ -1977,14 +2449,14 @@ var ToolCall = ({ data }) => {
       component_key: toolCallData.id
     });
   }
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     Collapse,
     {
       size: "small",
       bordered: false,
       defaultActiveKey: [],
       expandIcon,
-      children: /* @__PURE__ */ jsx13(
+      children: /* @__PURE__ */ jsx14(
         CollapsePanel,
         {
           header,
@@ -1998,7 +2470,7 @@ var ToolCall = ({ data }) => {
 };
 
 // src/components/GenUI/elements/Todo.tsx
-import { Card as Card3, List, Typography as Typography5, Space as Space5, Button as Button3 } from "antd";
+import { Card as Card4, List, Typography as Typography5, Space as Space5, Button as Button3 } from "antd";
 import { createStyles as createStyles4 } from "antd-style";
 import {
   ArrowRightOutlined,
@@ -2007,8 +2479,8 @@ import {
   DownOutlined,
   UpOutlined
 } from "@ant-design/icons";
-import { useState as useState10 } from "react";
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+import { useState as useState11 } from "react";
+import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
 var { Text: Text4 } = Typography5;
 var useStyle3 = createStyles4(({ token, css }) => ({
   card: css`
@@ -2043,20 +2515,20 @@ var Todo = ({
   focusMode = false
 }) => {
   const { styles } = useStyle3();
-  const [isExpanded, setIsExpanded] = useState10(false);
-  const getStatusIcon2 = (status) => {
+  const [isExpanded, setIsExpanded] = useState11(false);
+  const getStatusIcon3 = (status) => {
     switch (status) {
       case "completed":
-        return /* @__PURE__ */ jsx14(CheckCircleOutlined2, { style: { color: "#52c41a" } });
+        return /* @__PURE__ */ jsx15(CheckCircleOutlined2, { style: { color: "#52c41a" } });
       case "in_progress":
-        return /* @__PURE__ */ jsx14(ArrowRightOutlined, { style: { fontWeight: "500" } });
+        return /* @__PURE__ */ jsx15(ArrowRightOutlined, { style: { fontWeight: "500" } });
       case "pending":
-        return /* @__PURE__ */ jsx14(ClockCircleOutlined, { style: { color: "gray" } });
+        return /* @__PURE__ */ jsx15(ClockCircleOutlined, { style: { color: "gray" } });
       default:
         return null;
     }
   };
-  const getStatusColor = (status) => {
+  const getStatusColor2 = (status) => {
     switch (status) {
       case "completed":
         return "success";
@@ -2112,49 +2584,49 @@ var Todo = ({
     return data.slice(0, 3);
   };
   if (!data || !Array.isArray(data)) {
-    return /* @__PURE__ */ jsx14(
-      Card3,
+    return /* @__PURE__ */ jsx15(
+      Card4,
       {
         size: "small",
         className: `shadow-sm ${styles.card}`,
         bordered: false,
-        children: /* @__PURE__ */ jsx14(Text4, { type: "secondary", children: "No todo items available" })
+        children: /* @__PURE__ */ jsx15(Text4, { type: "secondary", children: "No todo items available" })
       }
     );
   }
   const filteredData = getFilteredData();
   const hasMoreItems = filteredData.length < data.length;
   const displayData = isExpanded ? data : filteredData;
-  return /* @__PURE__ */ jsx14(Card3, { size: "small", className: `shadow-sm ${styles.card}`, bordered: false, children: /* @__PURE__ */ jsxs6(Space5, { direction: "vertical", style: { width: "100%" }, children: [
-    /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(Card4, { size: "small", className: `shadow-sm ${styles.card}`, bordered: false, children: /* @__PURE__ */ jsxs7(Space5, { direction: "vertical", style: { width: "100%" }, children: [
+    /* @__PURE__ */ jsx15(
       List,
       {
         size: "small",
         dataSource: displayData,
-        renderItem: (item, index) => /* @__PURE__ */ jsx14(
+        renderItem: (item, index) => /* @__PURE__ */ jsx15(
           List.Item,
           {
             className: `${styles.todoItem} ${getItemClassName(item.status)}`,
-            children: /* @__PURE__ */ jsxs6(Space5, { align: "center", style: { width: "100%" }, children: [
-              getStatusIcon2(item.status),
-              /* @__PURE__ */ jsx14(Text4, { style: { flex: 1 }, children: item.content })
+            children: /* @__PURE__ */ jsxs7(Space5, { align: "center", style: { width: "100%" }, children: [
+              getStatusIcon3(item.status),
+              /* @__PURE__ */ jsx15(Text4, { style: { flex: 1 }, children: item.content })
             ] })
           }
         )
       }
     ),
-    hasMoreItems && /* @__PURE__ */ jsx14(
+    hasMoreItems && /* @__PURE__ */ jsx15(
       Button3,
       {
         type: "link",
         size: "small",
-        icon: isExpanded ? /* @__PURE__ */ jsx14(UpOutlined, {}) : /* @__PURE__ */ jsx14(DownOutlined, {}),
+        icon: isExpanded ? /* @__PURE__ */ jsx15(UpOutlined, {}) : /* @__PURE__ */ jsx15(DownOutlined, {}),
         onClick: () => setIsExpanded(!isExpanded),
         style: { padding: 0, height: "auto" },
         children: isExpanded ? "Collapse" : `Show all ${data.length} items (${data.length - filteredData.length} hidden)`
       }
     ),
-    /* @__PURE__ */ jsxs6(Text4, { type: "secondary", style: { fontSize: 12 }, children: [
+    /* @__PURE__ */ jsxs7(Text4, { type: "secondary", style: { fontSize: 12 }, children: [
       "Total items: ",
       data.length,
       " | Completed:",
@@ -2173,7 +2645,7 @@ var Todo = ({
 import { Space as Space6, Collapse as Collapse2, Typography as Typography6 } from "antd";
 import { UnorderedListOutlined } from "@ant-design/icons";
 import CollapsePanel2 from "antd/es/collapse/CollapsePanel";
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
 var { Text: Text5 } = Typography6;
 var WriteTodos = ({
   data,
@@ -2187,11 +2659,11 @@ var WriteTodos = ({
     (item) => item.status === "completed"
   ).length;
   const expandIcon = () => {
-    return /* @__PURE__ */ jsx15(UnorderedListOutlined, {});
+    return /* @__PURE__ */ jsx16(UnorderedListOutlined, {});
   };
-  const header = /* @__PURE__ */ jsxs7(Space6, { children: [
-    /* @__PURE__ */ jsx15(Text5, { strong: true, children: "TODOs" }),
-    /* @__PURE__ */ jsxs7(Text5, { style: { fontSize: 12 }, type: "secondary", children: [
+  const header = /* @__PURE__ */ jsxs8(Space6, { children: [
+    /* @__PURE__ */ jsx16(Text5, { strong: true, children: "TODOs" }),
+    /* @__PURE__ */ jsxs8(Text5, { style: { fontSize: 12 }, type: "secondary", children: [
       completedCount,
       "/",
       totalCount,
@@ -2201,19 +2673,19 @@ var WriteTodos = ({
   if (!toolCallData) {
     return null;
   }
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     Collapse2,
     {
       size: "small",
       bordered: false,
       defaultActiveKey: [toolCallData.id],
       expandIcon,
-      children: /* @__PURE__ */ jsx15(
+      children: /* @__PURE__ */ jsx16(
         CollapsePanel2,
         {
           header,
           style: { minWidth: 400 },
-          children: /* @__PURE__ */ jsx15(
+          children: /* @__PURE__ */ jsx16(
             Todo,
             {
               data: data.args.todos,
@@ -2230,15 +2702,19 @@ var WriteTodos = ({
 };
 
 // src/components/GenUI/FileExplorer.tsx
-import { useState as useState11, useEffect as useEffect6, useMemo as useMemo3 } from "react";
+import { useState as useState12, useEffect as useEffect7, useMemo as useMemo3, useRef as useRef7 } from "react";
 import { Splitter, Tree, Empty, Button as Button4, Tooltip, message } from "antd";
 import {
   FolderOutlined,
   FolderOpenOutlined,
   CopyOutlined,
   DownloadOutlined as DownloadOutlined2,
-  CheckOutlined
+  CheckOutlined,
+  FilePdfOutlined,
+  PictureOutlined
 } from "@ant-design/icons";
+import { jsPDF } from "jspdf";
+import html2canvas from "html2canvas";
 import { createStyles as createStyles5 } from "antd-style";
 
 // src/components/GenUI/elements/getFileIcon.tsx
@@ -2251,40 +2727,40 @@ import {
   FileUnknownOutlined,
   Html5Outlined
 } from "@ant-design/icons";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var getFileIcon = (filename) => {
   const ext = filename?.split(".")?.pop()?.toLowerCase();
   const iconStyle = { fontSize: 14, marginRight: 4, verticalAlign: "middle" };
   switch (ext) {
     case "ts":
     case "tsx":
-      return /* @__PURE__ */ jsx16(CodeOutlined2, { style: { ...iconStyle, color: "#3178c6" } });
+      return /* @__PURE__ */ jsx17(CodeOutlined2, { style: { ...iconStyle, color: "#3178c6" } });
     case "js":
     case "jsx":
-      return /* @__PURE__ */ jsx16(CodeOutlined2, { style: { ...iconStyle, color: "#f7df1e" } });
+      return /* @__PURE__ */ jsx17(CodeOutlined2, { style: { ...iconStyle, color: "#f7df1e" } });
     case "html":
-      return /* @__PURE__ */ jsx16(Html5Outlined, { style: { ...iconStyle, color: "#e34c26" } });
+      return /* @__PURE__ */ jsx17(Html5Outlined, { style: { ...iconStyle, color: "#e34c26" } });
     case "css":
     case "less":
     case "scss":
-      return /* @__PURE__ */ jsx16(FileUnknownOutlined, { style: { ...iconStyle, color: "#563d7c" } });
+      return /* @__PURE__ */ jsx17(FileUnknownOutlined, { style: { ...iconStyle, color: "#563d7c" } });
     case "md":
-      return /* @__PURE__ */ jsx16(FileMarkdownOutlined, { style: { ...iconStyle, color: "#083fa1" } });
+      return /* @__PURE__ */ jsx17(FileMarkdownOutlined, { style: { ...iconStyle, color: "#083fa1" } });
     case "json":
-      return /* @__PURE__ */ jsx16(FileTextOutlined, { style: { ...iconStyle, color: "#fbc02d" } });
+      return /* @__PURE__ */ jsx17(FileTextOutlined, { style: { ...iconStyle, color: "#fbc02d" } });
     case "png":
     case "jpg":
     case "jpeg":
     case "gif":
     case "svg":
-      return /* @__PURE__ */ jsx16(FileImageOutlined, { style: { ...iconStyle, color: "#4caf50" } });
+      return /* @__PURE__ */ jsx17(FileImageOutlined, { style: { ...iconStyle, color: "#4caf50" } });
     default:
-      return /* @__PURE__ */ jsx16(FileOutlined, { style: { ...iconStyle, color: "#9e9e9e" } });
+      return /* @__PURE__ */ jsx17(FileOutlined, { style: { ...iconStyle, color: "#9e9e9e" } });
   }
 };
 
 // src/components/GenUI/FileExplorer.tsx
-import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
 var useStyles2 = createStyles5(({ token, css }) => ({
   container: css`
     height: 100%;
@@ -2416,7 +2892,7 @@ var getFolderIcon = (expanded) => {
     color: "#dcb67a",
     verticalAlign: "middle"
   };
-  return expanded ? /* @__PURE__ */ jsx17(FolderOpenOutlined, { style: iconStyle }) : /* @__PURE__ */ jsx17(FolderOutlined, { style: iconStyle });
+  return expanded ? /* @__PURE__ */ jsx18(FolderOpenOutlined, { style: iconStyle }) : /* @__PURE__ */ jsx18(FolderOutlined, { style: iconStyle });
 };
 var sortTreeNodes = (nodes) => {
   return nodes.sort((a, b) => {
@@ -2441,7 +2917,7 @@ var buildTreeData = (files, expandedKeys) => {
       const key = parts.slice(0, index + 1).join("/");
       let existingNode = currentLevel.find((node) => node.key === key);
       if (!existingNode) {
-        const title = part === "" && index === 0 ? /* @__PURE__ */ jsx17(
+        const title = part === "" && index === 0 ? /* @__PURE__ */ jsx18(
           "span",
           {
             style: {
@@ -2476,17 +2952,18 @@ var FileExplorer = ({
 }) => {
   const { files } = data ?? {};
   const { styles, cx } = useStyles2();
-  const [fileList, setFileList] = useState11([]);
-  const [selectedKey, setSelectedKey] = useState11("");
-  const [expandedKeys, setExpandedKeys] = useState11([]);
-  const [copied, setCopied] = useState11(false);
-  useEffect6(() => {
+  const [fileList, setFileList] = useState12([]);
+  const [selectedKey, setSelectedKey] = useState12("");
+  const [expandedKeys, setExpandedKeys] = useState12([]);
+  const [copied, setCopied] = useState12(false);
+  const contentRef = useRef7(null);
+  useEffect7(() => {
     if (copied) {
       const timer = setTimeout(() => setCopied(false), 2e3);
       return () => clearTimeout(timer);
     }
   }, [copied]);
-  useEffect6(() => {
+  useEffect7(() => {
     let list = [];
     if (Array.isArray(files)) {
       list = files;
@@ -2506,7 +2983,7 @@ var FileExplorer = ({
     () => buildTreeData(fileList, expandedKeys),
     [fileList, expandedKeys]
   );
-  useEffect6(() => {
+  useEffect7(() => {
     if (treeData.length > 0 && expandedKeys.length === 0) {
       const getAllKeys = (nodes) => {
         let keys = [];
@@ -2548,9 +3025,128 @@ var FileExplorer = ({
     document.body.removeChild(a);
     URL.revokeObjectURL(url);
   };
+  const handleExportImage = async () => {
+    if (!selectedFile || !contentRef.current) return;
+    try {
+      message.loading({ content: "Generating image...", key: "image" });
+      const canvas = await html2canvas(contentRef.current, {
+        scale: 2,
+        useCORS: true,
+        logging: false,
+        backgroundColor: "#ffffff",
+        removeContainer: true
+      });
+      const imgData = canvas.toDataURL("image/png");
+      const link = document.createElement("a");
+      link.href = imgData;
+      const fileName = selectedFile.name.split("/").pop() || selectedFile.name;
+      const imageFileName = fileName.replace(/\.[^/.]+$/, "") + ".png";
+      link.download = imageFileName;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      message.success({ content: "Image exported successfully", key: "image" });
+    } catch (error) {
+      console.error("Error generating image:", error);
+      message.error({ content: "Failed to generate image", key: "image" });
+    }
+  };
+  const handleExportPDF = async () => {
+    if (!selectedFile || !contentRef.current) return;
+    try {
+      message.loading({ content: "Capturing content...", key: "pdf" });
+      const canvas = await html2canvas(contentRef.current, {
+        scale: 1.5,
+        // Reduced from 2 to improve performance
+        useCORS: true,
+        logging: false,
+        backgroundColor: "#ffffff",
+        removeContainer: true
+        // Clean up temporary elements
+      });
+      message.loading({ content: "Processing pages...", key: "pdf" });
+      const A4_WIDTH = 210;
+      const A4_HEIGHT = 297;
+      const MARGIN = 10;
+      const CONTENT_WIDTH = A4_WIDTH - MARGIN * 2;
+      const CONTENT_HEIGHT = A4_HEIGHT - MARGIN * 2;
+      const imgWidth = canvas.width;
+      const imgHeight = canvas.height;
+      const imgAspectRatio = imgWidth / imgHeight;
+      const pdfContentWidth = CONTENT_WIDTH;
+      const pdfContentHeight = pdfContentWidth / imgAspectRatio;
+      const pdf = new jsPDF({
+        orientation: "portrait",
+        unit: "mm",
+        format: "a4"
+      });
+      const pagesNeeded = Math.ceil(pdfContentHeight / CONTENT_HEIGHT);
+      const pageHeightPx = imgHeight / pagesNeeded;
+      const processPage = (index) => {
+        return new Promise((resolve) => {
+          setTimeout(() => {
+            if (index > 0) {
+              pdf.addPage();
+            }
+            const sourceY = index * pageHeightPx;
+            const sourceHeight = Math.min(pageHeightPx, imgHeight - sourceY);
+            const pageCanvas = document.createElement("canvas");
+            pageCanvas.width = imgWidth;
+            pageCanvas.height = Math.ceil(sourceHeight);
+            const pageCtx = pageCanvas.getContext("2d");
+            if (pageCtx) {
+              pageCtx.fillStyle = "#ffffff";
+              pageCtx.fillRect(0, 0, pageCanvas.width, pageCanvas.height);
+              pageCtx.drawImage(
+                canvas,
+                0,
+                sourceY,
+                imgWidth,
+                sourceHeight,
+                0,
+                0,
+                imgWidth,
+                sourceHeight
+              );
+              const pageImgData = pageCanvas.toDataURL("image/jpeg", 0.95);
+              const pageImgHeightMm = pageCanvas.height / imgHeight * pdfContentHeight;
+              pdf.addImage(
+                pageImgData,
+                "JPEG",
+                MARGIN,
+                MARGIN,
+                pdfContentWidth,
+                pageImgHeightMm
+              );
+            }
+            resolve();
+          }, 0);
+        });
+      };
+      for (let i = 0; i < pagesNeeded; i++) {
+        await processPage(i);
+        if (pagesNeeded > 5 && i % Math.ceil(pagesNeeded / 5) === 0) {
+          message.loading({
+            content: `Processing pages... (${i + 1}/${pagesNeeded})`,
+            key: "pdf"
+          });
+        }
+      }
+      const fileName = selectedFile.name.split("/").pop() || selectedFile.name;
+      const pdfFileName = fileName.replace(/\.[^/.]+$/, "") + ".pdf";
+      pdf.save(pdfFileName);
+      message.success({
+        content: `PDF exported successfully (${pagesNeeded} page${pagesNeeded > 1 ? "s" : ""})`,
+        key: "pdf"
+      });
+    } catch (error) {
+      console.error("Error generating PDF:", error);
+      message.error({ content: "Failed to generate PDF", key: "pdf" });
+    }
+  };
   const renderContent = () => {
     if (!selectedFile) {
-      return /* @__PURE__ */ jsx17("div", { className: styles.emptyState, children: /* @__PURE__ */ jsx17(
+      return /* @__PURE__ */ jsx18("div", { className: styles.emptyState, children: /* @__PURE__ */ jsx18(
         Empty,
         {
           description: "Select a file to preview",
@@ -2559,38 +3155,56 @@ var FileExplorer = ({
       ) });
     }
     const content = Array.isArray(selectedFile.content) ? selectedFile.content.join("\n") : selectedFile.content;
-    return /* @__PURE__ */ jsxs8(
+    return /* @__PURE__ */ jsxs9(
       "div",
       {
         style: { minHeight: "100%", display: "flex", flexDirection: "column" },
         children: [
-          /* @__PURE__ */ jsxs8("div", { className: styles.header, children: [
-            /* @__PURE__ */ jsx17(Tooltip, { title: "Copy Content", children: /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsxs9("div", { className: styles.header, children: [
+            /* @__PURE__ */ jsx18(Tooltip, { title: "Copy Content", children: /* @__PURE__ */ jsx18(
               Button4,
               {
                 type: "text",
-                icon: copied ? /* @__PURE__ */ jsx17(CheckOutlined, {}) : /* @__PURE__ */ jsx17(CopyOutlined, {}),
+                icon: copied ? /* @__PURE__ */ jsx18(CheckOutlined, {}) : /* @__PURE__ */ jsx18(CopyOutlined, {}),
                 onClick: handleCopy,
                 size: "small"
               }
             ) }),
-            /* @__PURE__ */ jsx17(Tooltip, { title: "Download File", children: /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx18(Tooltip, { title: "Download File", children: /* @__PURE__ */ jsx18(
               Button4,
               {
                 type: "text",
-                icon: /* @__PURE__ */ jsx17(DownloadOutlined2, {}),
+                icon: /* @__PURE__ */ jsx18(DownloadOutlined2, {}),
                 onClick: handleDownload,
                 size: "small"
               }
+            ) }),
+            /* @__PURE__ */ jsx18(Tooltip, { title: "Export as PDF", children: /* @__PURE__ */ jsx18(
+              Button4,
+              {
+                type: "text",
+                icon: /* @__PURE__ */ jsx18(FilePdfOutlined, {}),
+                onClick: handleExportPDF,
+                size: "small"
+              }
+            ) }),
+            /* @__PURE__ */ jsx18(Tooltip, { title: "Export as Image", children: /* @__PURE__ */ jsx18(
+              Button4,
+              {
+                type: "text",
+                icon: /* @__PURE__ */ jsx18(PictureOutlined, {}),
+                onClick: handleExportImage,
+                size: "small"
+              }
             ) })
           ] }),
-          /* @__PURE__ */ jsx17("div", { className: styles.contentBody, children: /* @__PURE__ */ jsx17(MDResponse, { content }) })
+          /* @__PURE__ */ jsx18("div", { className: styles.contentBody, ref: contentRef, children: /* @__PURE__ */ jsx18(MDResponse, { content }) })
         ]
       }
     );
   };
-  return /* @__PURE__ */ jsx17("div", { className: styles.container, children: /* @__PURE__ */ jsxs8(Splitter, { className: styles.splitter, children: [
-    /* @__PURE__ */ jsx17(Splitter.Panel, { defaultSize: "25%", min: "15%", max: "40%", children: /* @__PURE__ */ jsx17("div", { className: styles.leftPanel, children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18("div", { className: styles.container, children: /* @__PURE__ */ jsxs9(Splitter, { className: styles.splitter, children: [
+    /* @__PURE__ */ jsx18(Splitter.Panel, { defaultSize: "25%", min: "15%", max: "40%", children: /* @__PURE__ */ jsx18("div", { className: styles.leftPanel, children: /* @__PURE__ */ jsx18(
       Tree,
       {
         showIcon: true,
@@ -2628,14 +3242,14 @@ var FileExplorer = ({
         }
       }
     ) }) }),
-    /* @__PURE__ */ jsx17(Splitter.Panel, { children: /* @__PURE__ */ jsx17("div", { className: styles.rightPanel, children: renderContent() }) })
+    /* @__PURE__ */ jsx18(Splitter.Panel, { children: /* @__PURE__ */ jsx18("div", { className: styles.rightPanel, children: renderContent() }) })
   ] }) });
 };
 
 // src/components/GenUI/elements/attachments_card.tsx
 import { FileCard } from "@ant-design/x";
 import {
-  Card as Card4,
+  Card as Card5,
   Flex as Flex3,
   Space as Space7,
   Typography as Typography7,
@@ -2644,8 +3258,8 @@ import {
   Button as Button5
 } from "antd";
 import dayjs from "dayjs";
-import { useState as useState12 } from "react";
-import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
+import { useState as useState13 } from "react";
+import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
 var AttachmentsCard = ({
   data,
   component_key,
@@ -2653,8 +3267,8 @@ var AttachmentsCard = ({
   columns = 1,
   showDownloadButton = false
 }) => {
-  const { Text: Text14 } = Typography7;
-  const [showAll, setShowAll] = useState12(false);
+  const { Text: Text15 } = Typography7;
+  const [showAll, setShowAll] = useState13(false);
   const { openSideApp } = useChatUIContext();
   const getStyles = () => {
     switch (size) {
@@ -2713,7 +3327,7 @@ var AttachmentsCard = ({
   };
   const DownloadButton = ({ item }) => {
     if (!showDownloadButton) return null;
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx19(
       "div",
       {
         style: {
@@ -2727,8 +3341,8 @@ var AttachmentsCard = ({
       }
     );
   };
-  const renderFileDescription = (item) => /* @__PURE__ */ jsx18(Space7, { direction: "vertical", size: size === "small" ? 2 : 4, children: /* @__PURE__ */ jsx18(Space7, { children: /* @__PURE__ */ jsx18(
-    Text14,
+  const renderFileDescription = (item) => /* @__PURE__ */ jsx19(Space7, { direction: "vertical", size: size === "small" ? 2 : 4, children: /* @__PURE__ */ jsx19(Space7, { children: /* @__PURE__ */ jsx19(
+    Text15,
     {
       type: "secondary",
       style: {
@@ -2741,17 +3355,17 @@ var AttachmentsCard = ({
     const displayData2 = data || [];
     const shouldShowViewMore2 = displayData2.length > 4;
     const visibleData2 = showAll ? displayData2 : displayData2.slice(0, 4);
-    return /* @__PURE__ */ jsxs9(Flex3, { vertical: true, gap: "small", children: [
-      /* @__PURE__ */ jsx18(Row, { gutter: [8, 8], children: visibleData2.map((item) => /* @__PURE__ */ jsx18(Col, { span: 24 / columns, children: /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsxs10(Flex3, { vertical: true, gap: "small", children: [
+      /* @__PURE__ */ jsx19(Row, { gutter: [8, 8], children: visibleData2.map((item) => /* @__PURE__ */ jsx19(Col, { span: 24 / columns, children: /* @__PURE__ */ jsx19(
         "div",
         {
           onClick: (evt) => {
             evt.stopPropagation();
             handleItemClick(item);
           },
-          children: /* @__PURE__ */ jsxs9(Card4, { size: styles.cardSize, style: getCardStyle(item), children: [
-            /* @__PURE__ */ jsx18(DownloadButton, { item }),
-            /* @__PURE__ */ jsx18(
+          children: /* @__PURE__ */ jsxs10(Card5, { size: styles.cardSize, style: getCardStyle(item), children: [
+            /* @__PURE__ */ jsx19(DownloadButton, { item }),
+            /* @__PURE__ */ jsx19(
               FileCard,
               {
                 style: getFileCardStyle(item),
@@ -2760,7 +3374,7 @@ var AttachmentsCard = ({
                 description: renderFileDescription(item)
               }
             ),
-            item.files && /* @__PURE__ */ jsx18(
+            item.files && /* @__PURE__ */ jsx19(
               AttachmentsCard,
               {
                 data: item.files,
@@ -2773,7 +3387,7 @@ var AttachmentsCard = ({
           ] })
         }
       ) }, item.id)) }),
-      shouldShowViewMore2 && /* @__PURE__ */ jsx18(
+      shouldShowViewMore2 && /* @__PURE__ */ jsx19(
         Button5,
         {
           type: "link",
@@ -2787,10 +3401,10 @@ var AttachmentsCard = ({
   const displayData = data || [];
   const shouldShowViewMore = displayData.length > 4;
   const visibleData = showAll ? displayData : displayData.slice(0, 4);
-  return /* @__PURE__ */ jsxs9(Flex3, { vertical: true, gap: size === "small" ? "small" : "middle", children: [
-    visibleData.map((item) => /* @__PURE__ */ jsx18("div", { onClick: () => handleItemClick(item), children: /* @__PURE__ */ jsxs9(Card4, { size: styles.cardSize, style: getCardStyle(item), children: [
-      /* @__PURE__ */ jsx18(DownloadButton, { item }),
-      /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs10(Flex3, { vertical: true, gap: size === "small" ? "small" : "middle", children: [
+    visibleData.map((item) => /* @__PURE__ */ jsx19("div", { onClick: () => handleItemClick(item), children: /* @__PURE__ */ jsxs10(Card5, { size: styles.cardSize, style: getCardStyle(item), children: [
+      /* @__PURE__ */ jsx19(DownloadButton, { item }),
+      /* @__PURE__ */ jsx19(
         FileCard,
         {
           style: getFileCardStyle(item),
@@ -2799,13 +3413,13 @@ var AttachmentsCard = ({
           description: renderFileDescription(item)
         }
       ),
-      item.files && /* @__PURE__ */ jsxs9("div", { style: { paddingLeft: "12px" }, children: [
-        /* @__PURE__ */ jsxs9(Text14, { type: "secondary", style: { fontSize: "12px" }, children: [
+      item.files && /* @__PURE__ */ jsxs10("div", { style: { paddingLeft: "12px" }, children: [
+        /* @__PURE__ */ jsxs10(Text15, { type: "secondary", style: { fontSize: "12px" }, children: [
           "\u5305\u542B\u6587\u4EF6(",
           item.files.length,
           ")"
         ] }),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19(
           AttachmentsCard,
           {
             data: item.files,
@@ -2817,7 +3431,7 @@ var AttachmentsCard = ({
         )
       ] })
     ] }) }, item.id)),
-    shouldShowViewMore && /* @__PURE__ */ jsx18(
+    shouldShowViewMore && /* @__PURE__ */ jsx19(
       Button5,
       {
         type: "link",
@@ -2835,17 +3449,17 @@ var AttachmentsCard = ({
 
 // src/components/GenUI/elements/attachments_viewer_side_app.tsx
 import { Button as Button6, Empty as Empty2, Skeleton } from "antd";
-import { useState as useState13 } from "react";
-import { Fragment as Fragment2, jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
+import { useState as useState14 } from "react";
+import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
 function AttachmentsViewerSideApp({
   data,
   component_key
 }) {
-  const [fileUri, setFileUri] = useState13();
-  const [loading, setLoading] = useState13(false);
+  const [fileUri, setFileUri] = useState14();
+  const [loading, setLoading] = useState14(false);
   const { file_id, url } = data ?? {};
   if (loading) {
-    return /* @__PURE__ */ jsx19(Skeleton, { active: true });
+    return /* @__PURE__ */ jsx20(Skeleton, { active: true });
   }
   const canPreviewInIframe = (fileName) => {
     if (!fileName) return false;
@@ -2880,18 +3494,18 @@ function AttachmentsViewerSideApp({
     return previewableExtensions.includes(extension);
   };
   const isPreviewable = fileUri?.fileName ? canPreviewInIframe(fileUri.fileName) : false;
-  return isPreviewable || url ? /* @__PURE__ */ jsx19(
+  return isPreviewable || url ? /* @__PURE__ */ jsx20(
     "iframe",
     {
       style: { width: "100%", height: "100%", border: 0 },
       src: fileUri?.url || url
     }
-  ) : /* @__PURE__ */ jsx19(
+  ) : /* @__PURE__ */ jsx20(
     Empty2,
     {
-      description: /* @__PURE__ */ jsxs10(Fragment2, { children: [
-        /* @__PURE__ */ jsx19("div", { children: "\u6682\u65F6\u4E0D\u652F\u6301\u9884\u89C8\uFF0C\u8BF7\u4E0B\u8F7D\u540E\u67E5\u770B\u3002" }),
-        /* @__PURE__ */ jsxs10(Button6, { type: "link", href: fileUri?.url, download: fileUri?.fileName, children: [
+      description: /* @__PURE__ */ jsxs11(Fragment2, { children: [
+        /* @__PURE__ */ jsx20("div", { children: "\u6682\u65F6\u4E0D\u652F\u6301\u9884\u89C8\uFF0C\u8BF7\u4E0B\u8F7D\u540E\u67E5\u770B\u3002" }),
+        /* @__PURE__ */ jsxs11(Button6, { type: "link", href: fileUri?.url, download: fileUri?.fileName, children: [
           "\u4E0B\u8F7D",
           fileUri?.fileName
         ] })
@@ -2905,12 +3519,12 @@ function AttachmentsViewerSideApp({
 import { Button as Button7, Space as Space8, Typography as Typography8 } from "antd";
 
 // src/components/GenUI/elements/ContentPreviewCollapse.tsx
-import { useRef as useRef6, useState as useState14, useEffect as useEffect8, useCallback as useCallback6 } from "react";
+import { useRef as useRef8, useState as useState15, useEffect as useEffect9, useCallback as useCallback6 } from "react";
 import { Collapse as Collapse4 } from "antd";
 import { createStyles as createStyles6 } from "antd-style";
 import { DownOutlined as DownOutlined3, UpOutlined as UpOutlined2 } from "@ant-design/icons";
 import CollapsePanel3 from "antd/es/collapse/CollapsePanel";
-import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
 var DEFAULT_COLLAPSED_MAX_HEIGHT = 180;
 var DEFAULT_EXPANDED_MAX_HEIGHT = 500;
 var useStyle4 = createStyles6(
@@ -2975,9 +3589,9 @@ var ContentPreviewCollapse = ({
   showAllText = "Show all content",
   showLessText = "Show less"
 }) => {
-  const [showFullContent, setShowFullContent] = useState14(false);
-  const [isOverflowing, setIsOverflowing] = useState14(false);
-  const contentRef = useRef6(null);
+  const [showFullContent, setShowFullContent] = useState15(false);
+  const [isOverflowing, setIsOverflowing] = useState15(false);
+  const contentRef = useRef8(null);
   const showShadow = isOverflowing && !showFullContent;
   const { styles, cx } = useStyle4({ showShadow });
   const checkOverflow = useCallback6(() => {
@@ -2986,7 +3600,7 @@ var ContentPreviewCollapse = ({
       setIsOverflowing(scrollHeight > collapsedMaxHeight);
     }
   }, [collapsedMaxHeight]);
-  useEffect8(() => {
+  useEffect9(() => {
     const element = contentRef.current;
     if (!element) return;
     checkOverflow();
@@ -3002,7 +3616,7 @@ var ContentPreviewCollapse = ({
     e.stopPropagation();
     setShowFullContent(!showFullContent);
   };
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     Collapse4,
     {
       className: styles.collapse,
@@ -3010,29 +3624,29 @@ var ContentPreviewCollapse = ({
       bordered: false,
       defaultActiveKey: defaultExpanded ? [panelKey] : [],
       expandIcon,
-      children: /* @__PURE__ */ jsxs11(
+      children: /* @__PURE__ */ jsxs12(
         CollapsePanel3,
         {
           header,
           extra,
           style: { minWidth },
           children: [
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(
               "div",
               {
                 className: cx(styles.contentContainer, showFullContent && "expanded"),
                 style: {
                   maxHeight: showFullContent ? expandedMaxHeight : collapsedMaxHeight
                 },
-                children: /* @__PURE__ */ jsx20("div", { ref: contentRef, className: styles.content, children })
+                children: /* @__PURE__ */ jsx21("div", { ref: contentRef, className: styles.content, children })
               }
             ),
-            isOverflowing && /* @__PURE__ */ jsx20("div", { className: styles.toggleButton, onClick: handleToggleContent, children: showFullContent ? /* @__PURE__ */ jsxs11(Fragment3, { children: [
-              /* @__PURE__ */ jsx20(UpOutlined2, { style: { fontSize: 10 } }),
-              /* @__PURE__ */ jsx20("span", { children: showLessText })
-            ] }) : /* @__PURE__ */ jsxs11(Fragment3, { children: [
-              /* @__PURE__ */ jsx20(DownOutlined3, { style: { fontSize: 10 } }),
-              /* @__PURE__ */ jsx20("span", { children: showAllText })
+            isOverflowing && /* @__PURE__ */ jsx21("div", { className: styles.toggleButton, onClick: handleToggleContent, children: showFullContent ? /* @__PURE__ */ jsxs12(Fragment3, { children: [
+              /* @__PURE__ */ jsx21(UpOutlined2, { style: { fontSize: 10 } }),
+              /* @__PURE__ */ jsx21("span", { children: showLessText })
+            ] }) : /* @__PURE__ */ jsxs12(Fragment3, { children: [
+              /* @__PURE__ */ jsx21(DownOutlined3, { style: { fontSize: 10 } }),
+              /* @__PURE__ */ jsx21("span", { children: showAllText })
             ] }) })
           ]
         },
@@ -3043,7 +3657,7 @@ var ContentPreviewCollapse = ({
 };
 
 // src/components/GenUI/elements/WriteFile.tsx
-import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
 var { Text: Text6 } = Typography8;
 var WriteFile = ({
   data,
@@ -3057,9 +3671,9 @@ var WriteFile = ({
     return null;
   }
   const expandIcon = () => getFileIcon(file_path);
-  const header = /* @__PURE__ */ jsxs12(Space8, { children: [
-    /* @__PURE__ */ jsx21(Text6, { strong: true, children: "New" }),
-    /* @__PURE__ */ jsx21(Text6, { title: file_path, children: file_path?.split("/")?.pop() || "" })
+  const header = /* @__PURE__ */ jsxs13(Space8, { children: [
+    /* @__PURE__ */ jsx22(Text6, { strong: true, children: "New" }),
+    /* @__PURE__ */ jsx22(Text6, { title: file_path, children: file_path?.split("/")?.pop() || "" })
   ] });
   const handleItemClick = (toolCallData2) => {
     openSideApp({
@@ -3071,13 +3685,13 @@ var WriteFile = ({
       }
     });
   };
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     ContentPreviewCollapse,
     {
       panelKey: toolCallData.id,
       header,
       expandIcon,
-      extra: /* @__PURE__ */ jsx21(
+      extra: /* @__PURE__ */ jsx22(
         Button7,
         {
           type: "link",
@@ -3089,7 +3703,7 @@ var WriteFile = ({
           children: "Diff View"
         }
       ),
-      children: /* @__PURE__ */ jsx21(MDResponse, { content })
+      children: /* @__PURE__ */ jsx22(MDResponse, { content })
     }
   );
 };
@@ -3097,10 +3711,10 @@ var WriteFile = ({
 // src/components/GenUI/elements/file_content_diff_view.tsx
 import ReactDiffViewer from "@alexbruf/react-diff-viewer";
 import "@alexbruf/react-diff-viewer/index.css";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var FileContentDiffView = ({ data, interactive = true, default_open_in_side_app = true }) => {
   const { old_code, new_code } = data;
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     ReactDiffViewer,
     {
       oldValue: old_code,
@@ -3112,7 +3726,7 @@ var FileContentDiffView = ({ data, interactive = true, default_open_in_side_app
 
 // src/components/GenUI/elements/EditFile.tsx
 import { Button as Button8, Space as Space9, Typography as Typography9 } from "antd";
-import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
 var { Text: Text7 } = Typography9;
 var EditFile = ({
   data,
@@ -3126,9 +3740,9 @@ var EditFile = ({
     return null;
   }
   const expandIcon = () => getFileIcon(file_path);
-  const header = /* @__PURE__ */ jsxs13(Space9, { children: [
-    /* @__PURE__ */ jsx23(Text7, { strong: true, children: "Edit" }),
-    /* @__PURE__ */ jsx23(Text7, { title: file_path, children: file_path?.split("/")?.pop() || "" })
+  const header = /* @__PURE__ */ jsxs14(Space9, { children: [
+    /* @__PURE__ */ jsx24(Text7, { strong: true, children: "Edit" }),
+    /* @__PURE__ */ jsx24(Text7, { title: file_path, children: file_path?.split("/")?.pop() || "" })
   ] });
   const handleItemClick = (toolCallData2) => {
     openSideApp({
@@ -3140,13 +3754,13 @@ var EditFile = ({
       }
     });
   };
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     ContentPreviewCollapse,
     {
       panelKey: toolCallData.id,
       header,
       expandIcon,
-      extra: /* @__PURE__ */ jsx23(
+      extra: /* @__PURE__ */ jsx24(
         Button8,
         {
           type: "link",
@@ -3158,13 +3772,13 @@ var EditFile = ({
           children: "Diff View"
         }
       ),
-      children: /* @__PURE__ */ jsx23(MDResponse, { content: new_string })
+      children: /* @__PURE__ */ jsx24(MDResponse, { content: new_string })
     }
   );
 };
 
 // src/components/GenUI/elements/task_card.tsx
-import { Card as Card5, Typography as Typography10, Tag as Tag3, Avatar } from "antd";
+import { Card as Card6, Typography as Typography10, Tag as Tag3, Avatar } from "antd";
 import { createStyles as createStyles7 } from "antd-style";
 import {
   CheckCircleOutlined as CheckCircleOutlined3,
@@ -3174,7 +3788,7 @@ import {
   RightOutlined as RightOutlined2,
   CarryOutOutlined
 } from "@ant-design/icons";
-import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
 var { Text: Text8 } = Typography10;
 var useStyle5 = createStyles7(({ token, css }) => ({
   card: css`
@@ -3342,14 +3956,14 @@ var TaskCard = ({
     switch (status2) {
       case "success":
         return {
-          icon: /* @__PURE__ */ jsx24(CheckCircleOutlined3, { style: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx25(CheckCircleOutlined3, { style: { fontSize: 16 } }),
           color: "success",
           text: "Completed",
           bgColor: "rgba(82, 196, 26, 0.1)"
         };
       case "error":
         return {
-          icon: /* @__PURE__ */ jsx24(CloseCircleOutlined, { style: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx25(CloseCircleOutlined, { style: { fontSize: 16 } }),
           color: "error",
           text: "Failed",
           bgColor: "rgba(255, 77, 79, 0.1)"
@@ -3357,7 +3971,7 @@ var TaskCard = ({
       case "pending":
       default:
         return {
-          icon: /* @__PURE__ */ jsx24(LoadingOutlined2, { style: { fontSize: 16 } }),
+          icon: /* @__PURE__ */ jsx25(LoadingOutlined2, { style: { fontSize: 16 } }),
           color: "processing",
           text: "In Progress",
           bgColor: "rgba(24, 144, 255, 0.1)"
@@ -3377,8 +3991,8 @@ var TaskCard = ({
       }
     });
   };
-  return /* @__PURE__ */ jsx24(
-    Card5,
+  return /* @__PURE__ */ jsx25(
+    Card6,
     {
       size: "small",
       className: styles.card,
@@ -3386,28 +4000,28 @@ var TaskCard = ({
       onClick: handleCardClick,
       hoverable: interactive,
       bodyStyle: { padding: 0 },
-      children: /* @__PURE__ */ jsxs14("div", { className: styles.cardBody, children: [
-        /* @__PURE__ */ jsx24("div", { className: styles.header, children: /* @__PURE__ */ jsxs14("div", { className: styles.titleSection, children: [
-          /* @__PURE__ */ jsx24("div", { className: styles.iconWrapper, children: /* @__PURE__ */ jsx24(CarryOutOutlined, { style: { fontSize: 20, color: "#1890ff" } }) }),
-          /* @__PURE__ */ jsxs14("div", { className: styles.titleContent, children: [
-            subagent_type && /* @__PURE__ */ jsx24("div", { className: styles.taskType, children: subagent_type }),
-            description && /* @__PURE__ */ jsx24(Text8, { className: styles.description, children: description })
+      children: /* @__PURE__ */ jsxs15("div", { className: styles.cardBody, children: [
+        /* @__PURE__ */ jsx25("div", { className: styles.header, children: /* @__PURE__ */ jsxs15("div", { className: styles.titleSection, children: [
+          /* @__PURE__ */ jsx25("div", { className: styles.iconWrapper, children: /* @__PURE__ */ jsx25(CarryOutOutlined, { style: { fontSize: 20, color: "#1890ff" } }) }),
+          /* @__PURE__ */ jsxs15("div", { className: styles.titleContent, children: [
+            subagent_type && /* @__PURE__ */ jsx25("div", { className: styles.taskType, children: subagent_type }),
+            description && /* @__PURE__ */ jsx25(Text8, { className: styles.description, children: description })
           ] })
         ] }) }),
-        /* @__PURE__ */ jsxs14("div", { className: styles.footer, children: [
-          /* @__PURE__ */ jsxs14("div", { className: styles.footerLeft, children: [
-            assignee && /* @__PURE__ */ jsxs14("div", { className: styles.assigneeContainer, children: [
-              /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsxs15("div", { className: styles.footer, children: [
+          /* @__PURE__ */ jsxs15("div", { className: styles.footerLeft, children: [
+            assignee && /* @__PURE__ */ jsxs15("div", { className: styles.assigneeContainer, children: [
+              /* @__PURE__ */ jsx25(
                 Avatar,
                 {
                   size: 24,
-                  icon: /* @__PURE__ */ jsx24(UserOutlined, {}),
+                  icon: /* @__PURE__ */ jsx25(UserOutlined, {}),
                   className: styles.assigneeAvatar
                 }
               ),
-              /* @__PURE__ */ jsx24(Text8, { className: styles.assigneeName, children: assignee })
+              /* @__PURE__ */ jsx25(Text8, { className: styles.assigneeName, children: assignee })
             ] }),
-            /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx25(
               Tag3,
               {
                 icon: statusConfig.icon,
@@ -3425,16 +4039,16 @@ var TaskCard = ({
               }
             )
           ] }),
-          interactive && /* @__PURE__ */ jsx24(RightOutlined2, { className: styles.actionIcon })
+          interactive && /* @__PURE__ */ jsx25(RightOutlined2, { className: styles.actionIcon })
         ] }),
-        showResponse && /* @__PURE__ */ jsxs14(
+        showResponse && /* @__PURE__ */ jsxs15(
           "div",
           {
             className: styles.responseSection,
             onClick: (e) => e.stopPropagation(),
             children: [
-              /* @__PURE__ */ jsx24(Text8, { className: styles.responseHeader, children: "Response" }),
-              /* @__PURE__ */ jsx24("div", { className: styles.responseContent, children: /* @__PURE__ */ jsx24(MDResponse, { content: response }) })
+              /* @__PURE__ */ jsx25(Text8, { className: styles.responseHeader, children: "Response" }),
+              /* @__PURE__ */ jsx25("div", { className: styles.responseContent, children: /* @__PURE__ */ jsx25(MDResponse, { content: response }) })
             ]
           }
         )
@@ -3465,21 +4079,21 @@ import ErrorBoundary from "antd/es/alert/ErrorBoundary";
 import {
   memo,
   useCallback as useCallback7,
-  useEffect as useEffect9,
+  useEffect as useEffect10,
   useMemo as useMemo4,
-  useRef as useRef7,
-  useState as useState15
+  useRef as useRef9,
+  useState as useState16
 } from "react";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var LazyBubble = ({
-  message: message5,
+  message: message6,
   renderContent,
   autoLoadRightPanel
 }) => {
-  const ref = useRef7(null);
-  const [isVisible, setIsVisible] = useState15(false);
-  const [wasEverVisible, setWasEverVisible] = useState15(false);
-  useEffect9(() => {
+  const ref = useRef9(null);
+  const [isVisible, setIsVisible] = useState16(false);
+  const [wasEverVisible, setWasEverVisible] = useState16(false);
+  useEffect10(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
         const visible = entry.isIntersecting;
@@ -3499,21 +4113,21 @@ var LazyBubble = ({
       }
     };
   }, [wasEverVisible]);
-  useEffect9(() => {
+  useEffect10(() => {
     autoLoadRightPanel?.();
   }, []);
   const getPlaceholder = () => {
-    const estimatedHeight = message5.content ? Math.min(100, message5.content.length / 5) : 100;
-    return /* @__PURE__ */ jsx25("div", { style: { height: `${estimatedHeight}px`, minHeight: "50px" } });
+    const estimatedHeight = message6.content ? Math.min(100, message6.content.length / 5) : 100;
+    return /* @__PURE__ */ jsx26("div", { style: { height: `${estimatedHeight}px`, minHeight: "50px" } });
   };
-  return /* @__PURE__ */ jsx25(ErrorBoundary, { children: /* @__PURE__ */ jsx25("div", { ref, style: { width: "100%" }, children: isVisible || wasEverVisible ? renderContent(message5) : getPlaceholder() }) });
+  return /* @__PURE__ */ jsx26(ErrorBoundary, { children: /* @__PURE__ */ jsx26("div", { ref, style: { width: "100%" }, children: isVisible || wasEverVisible ? renderContent(message6) : getPlaceholder() }) });
 };
 var MemoizedBubbleList = memo(
   ({
     items,
     role,
     className
-  }) => /* @__PURE__ */ jsx25(
+  }) => /* @__PURE__ */ jsx26(
     Bubble.List,
     {
       autoScroll: true,
@@ -3531,41 +4145,41 @@ var MessageList = ({
 }) => {
   const { styles } = useStyle();
   const { openSideApp } = useChatUIContext();
-  const messageLengthRef = useRef7(messages?.length ?? 0);
-  useEffect9(() => {
+  const messageLengthRef = useRef9(messages?.length ?? 0);
+  useEffect10(() => {
     if (messages?.length) {
       messageLengthRef.current = messages?.length;
     }
   }, [messages?.length]);
-  const renderContent = useCallback7((message5) => {
-    const { content } = message5;
+  const renderContent = useCallback7((message6) => {
+    const { content } = message6;
     try {
       const json = JSON.parse(content);
       if (json.action && json.message) {
-        return /* @__PURE__ */ jsx25(MDResponse, { content: json.message });
+        return /* @__PURE__ */ jsx26(MDResponse, { content: json.message });
       }
     } 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)}
 \`\`\``;
     }) || [];
     const content_md = [content, ...tool_calls_md].join("\n");
-    return /* @__PURE__ */ jsx25(Space10, { direction: "vertical", style: { width: "100%" }, children: /* @__PURE__ */ jsx25(MDResponse, { content: content_md }) });
+    return /* @__PURE__ */ jsx26(Space10, { direction: "vertical", style: { width: "100%" }, children: /* @__PURE__ */ jsx26(MDResponse, { content: content_md }) });
   }, []);
   const items = useMemo4(
-    () => messages.map((message5, index) => ({
-      key: message5.id,
-      role: message5.role,
+    () => messages.map((message6, index) => ({
+      key: message6.id,
+      role: message6.role,
       typing: false,
-      content: /* @__PURE__ */ jsx25(
+      content: /* @__PURE__ */ jsx26(
         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 {
@@ -3619,9 +4233,9 @@ ${JSON.stringify(tool_call)}
     }
   };
   if (items.length === 0) {
-    return /* @__PURE__ */ jsx25("div", { style: { flex: 1 } });
+    return /* @__PURE__ */ jsx26("div", { style: { flex: 1 } });
   }
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     MemoizedBubbleList,
     {
       items,
@@ -3633,12 +4247,12 @@ ${JSON.stringify(tool_call)}
 
 // src/components/Chat/Chating.tsx
 import {
-  Alert as Alert2,
-  Badge as Badge2,
-  Button as Button11,
+  Alert as Alert3,
+  Badge as Badge3,
+  Button as Button12,
   message as message3
 } from "antd";
-import React7, { useEffect as useEffect10, useRef as useRef8, useState as useState16 } from "react";
+import React9, { useEffect as useEffect12, useRef as useRef10, useState as useState18 } from "react";
 
 // src/components/GenUI/HITLContainer.tsx
 import {
@@ -3649,7 +4263,7 @@ import {
 } from "antd";
 import { createStyles as createStyles8 } from "antd-style";
 import CollapsePanel4 from "antd/es/collapse/CollapsePanel";
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var { Text: Text9 } = Typography11;
 var useStyle6 = createStyles8(({ token, css }) => ({
   card: css`
@@ -3665,18 +4279,18 @@ var useStyle6 = createStyles8(({ token, css }) => ({
 var HITLContainer = () => {
   const { styles } = useStyle6();
   const { interrupts } = useAgentChat();
-  return interrupts && interrupts.length > 0 ? /* @__PURE__ */ jsx26(
+  return interrupts && interrupts.length > 0 ? /* @__PURE__ */ jsx27(
     Collapse5,
     {
       className: styles.card,
       size: "small",
       bordered: false,
       defaultActiveKey: ["hitl"],
-      children: /* @__PURE__ */ jsx26(
+      children: /* @__PURE__ */ jsx27(
         CollapsePanel4,
         {
           showArrow: false,
-          header: /* @__PURE__ */ jsx26(
+          header: /* @__PURE__ */ jsx27(
             Tag4,
             {
               bordered: false,
@@ -3691,7 +4305,7 @@ var HITLContainer = () => {
               children: "\u7B49\u5F85\u53CD\u9988"
             }
           ),
-          children: /* @__PURE__ */ jsx26(Space11, { direction: "vertical", style: { width: "100%" }, children: interrupts.map((interrupt) => /* @__PURE__ */ jsx26(MDResponse, { content: interrupt.value }, interrupt.id)) })
+          children: /* @__PURE__ */ jsx27(Space11, { direction: "vertical", style: { width: "100%" }, children: interrupts.map((interrupt) => /* @__PURE__ */ jsx27(MDResponse, { content: interrupt.value }, interrupt.id)) })
         },
         "hitl"
       )
@@ -3704,7 +4318,7 @@ import { Avatar as Avatar2, Space as Space12, Typography as Typography12 } from
 
 // src/components/Chat/TodoProgress.tsx
 import { Popover, Tooltip as Tooltip2, Progress } from "antd";
-import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
 var TodoProgress = ({}) => {
   const { openSideApp } = useChatUIContext();
   const { todos } = useAgentChat();
@@ -3717,14 +4331,14 @@ var TodoProgress = ({}) => {
   const totalCount = todos.length;
   const hasInProgress = todos.some((item) => item.status === "in_progress");
   const percent = Math.round(completedCount / totalCount * 100);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     Popover,
     {
-      content: /* @__PURE__ */ jsx27("div", { style: { width: 400 }, children: /* @__PURE__ */ jsx27(Todo, { data: todos, component_key: "header_todos" }) }),
+      content: /* @__PURE__ */ jsx28("div", { style: { width: 400 }, children: /* @__PURE__ */ jsx28(Todo, { data: todos, component_key: "header_todos" }) }),
       title: "Todos",
       trigger: "click",
       placement: "bottomRight",
-      children: /* @__PURE__ */ jsx27(Tooltip2, { title: `${completedCount} / ${totalCount} tasks completed`, children: /* @__PURE__ */ jsx27("div", { style: { cursor: "pointer", display: "inline-flex" }, children: /* @__PURE__ */ jsx27(
+      children: /* @__PURE__ */ jsx28(Tooltip2, { title: `${completedCount} / ${totalCount} tasks completed`, children: /* @__PURE__ */ jsx28("div", { style: { cursor: "pointer", display: "inline-flex" }, children: /* @__PURE__ */ jsx28(
         Progress,
         {
           type: "circle",
@@ -3735,7 +4349,7 @@ var TodoProgress = ({}) => {
           percent,
           status: hasInProgress ? "active" : "normal",
           width: 30,
-          format: () => /* @__PURE__ */ jsx27(
+          format: () => /* @__PURE__ */ jsx28(
             "div",
             {
               style: {
@@ -3744,7 +4358,7 @@ var TodoProgress = ({}) => {
                 alignItems: "center",
                 lineHeight: 1
               },
-              children: /* @__PURE__ */ jsxs15("span", { style: { fontSize: 8 }, children: [
+              children: /* @__PURE__ */ jsxs16("span", { style: { fontSize: 8 }, children: [
                 completedCount,
                 "/",
                 totalCount
@@ -3760,7 +4374,7 @@ var TodoProgress = ({}) => {
 // src/components/Chat/FileExplorerButton.tsx
 import { Tooltip as Tooltip3, Badge, Button as Button10 } from "antd";
 import { FileTextOutlined as FileTextOutlined4 } from "@ant-design/icons";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var FileExplorerButton = ({}) => {
   const { agentState } = useAgentChat();
   const { openSideApp } = useChatUIContext();
@@ -3769,11 +4383,11 @@ var FileExplorerButton = ({}) => {
     return null;
   }
   const fileCount = Object.keys(files).length;
-  return /* @__PURE__ */ jsx28(Tooltip3, { title: "File Explorer", children: /* @__PURE__ */ jsx28(Badge, { count: fileCount, size: "small", color: "blue", children: /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(Tooltip3, { title: "File Explorer", children: /* @__PURE__ */ jsx29(Badge, { count: fileCount, size: "small", color: "blue", children: /* @__PURE__ */ jsx29(
     Button10,
     {
       type: "text",
-      icon: /* @__PURE__ */ jsx28(FileTextOutlined4, {}),
+      icon: /* @__PURE__ */ jsx29(FileTextOutlined4, {}),
       onClick: () => openSideApp({
         component_key: "file_explorer",
         message: "File Explorer",
@@ -3783,10 +4397,72 @@ var FileExplorerButton = ({}) => {
   ) }) });
 };
 
+// src/components/Chat/ScheduleButton.tsx
+import { useState as useState17, useCallback as useCallback8, useEffect as useEffect11 } from "react";
+import { Tooltip as Tooltip4, Badge as Badge2, Button as Button11, Spin } from "antd";
+import { CalendarOutlined } from "@ant-design/icons";
+import { ScheduledTaskStatus } from "@axiom-lattice/client-sdk";
+import { jsx as jsx30 } from "react/jsx-runtime";
+var ScheduleButton = ({
+  tooltipText = "Scheduled Tasks"
+}) => {
+  const { threadId, assistantId } = useAgentChat();
+  const { openSideApp } = useChatUIContext();
+  const client = useAxiomLattice({ assistantId });
+  const [scheduledTasks, setScheduledTasks] = useState17([]);
+  const [loading, setLoading] = useState17(false);
+  const [taskCount, setTaskCount] = useState17(0);
+  const fetchScheduledTasks = useCallback8(async () => {
+    if (!threadId) return;
+    setLoading(true);
+    try {
+      const tasks = await client.schedules.getByThread({ threadId });
+      setScheduledTasks(tasks);
+      const activeCount = tasks.filter(
+        (task) => task.status === ScheduledTaskStatus.PENDING || task.status === ScheduledTaskStatus.PAUSED
+      ).length;
+      setTaskCount(activeCount);
+    } catch (error) {
+      console.error("Failed to fetch scheduled tasks:", error);
+      setScheduledTasks([]);
+      setTaskCount(0);
+    } finally {
+      setLoading(false);
+    }
+  }, [client, threadId]);
+  useEffect11(() => {
+    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__ */ jsx30(Tooltip4, { title: tooltipText, children: /* @__PURE__ */ jsx30(Badge2, { count: taskCount, size: "small", color: "blue", children: /* @__PURE__ */ jsx30(
+    Button11,
+    {
+      type: "text",
+      icon: loading ? /* @__PURE__ */ jsx30(Spin, { size: "small" }) : /* @__PURE__ */ jsx30(CalendarOutlined, {}),
+      onClick: handleClick,
+      disabled: loading
+    }
+  ) }) });
+};
+
 // src/components/Chat/AgentHeader.tsx
 import { Welcome } from "@ant-design/x";
 import { useMemo as useMemo5 } from "react";
-import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
 var { Text: Text10 } = Typography12;
 var AgentHeader = (props) => {
   const { description, avatar, name, extra, extraMeta } = props;
@@ -3799,7 +4475,7 @@ var AgentHeader = (props) => {
           try {
           } catch (error) {
           }
-          return /* @__PURE__ */ jsx29(
+          return /* @__PURE__ */ jsx31(
             Element,
             {
               component_key: meta.id,
@@ -3812,14 +4488,14 @@ var AgentHeader = (props) => {
     }
     return void 0;
   }, [extraMeta]);
-  return /* @__PURE__ */ jsxs16("div", { children: [
-    /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsxs17("div", { children: [
+    /* @__PURE__ */ jsx31(
       Welcome,
       {
         style: { padding: 8 },
         variant: "borderless",
-        description: description ? /* @__PURE__ */ jsx29(Text10, { ellipsis: { tooltip: description }, children: description }) : void 0,
-        icon: /* @__PURE__ */ jsx29(
+        description: description ? /* @__PURE__ */ jsx31(Text10, { ellipsis: { tooltip: description }, children: description }) : void 0,
+        icon: /* @__PURE__ */ jsx31(
           "div",
           {
             style: {
@@ -3827,19 +4503,20 @@ var AgentHeader = (props) => {
               alignItems: "center",
               justifyContent: "center"
             },
-            children: avatar ? /* @__PURE__ */ jsx29(Avatar2, { src: avatar, size: 48 }) : /* @__PURE__ */ jsx29(Avatar2, { size: 48, children: name?.charAt(0).toUpperCase() })
+            children: avatar ? /* @__PURE__ */ jsx31(Avatar2, { src: avatar, size: 48 }) : /* @__PURE__ */ jsx31(Avatar2, { size: 48, children: name?.charAt(0).toUpperCase() })
           }
         ),
         title: name ? name : void 0,
-        extra: /* @__PURE__ */ jsxs16(Space12, { children: [
+        extra: /* @__PURE__ */ jsxs17(Space12, { children: [
           extra,
-          /* @__PURE__ */ jsx29(TodoProgress, {}),
-          /* @__PURE__ */ jsx29(FileExplorerButton, {}),
-          extraMetaComponents && /* @__PURE__ */ jsx29(Space12, { align: "center", style: { marginRight: 16 }, children: extraMetaComponents })
+          /* @__PURE__ */ jsx31(TodoProgress, {}),
+          /* @__PURE__ */ jsx31(FileExplorerButton, {}),
+          /* @__PURE__ */ jsx31(ScheduleButton, {}),
+          extraMetaComponents && /* @__PURE__ */ jsx31(Space12, { align: "center", style: { marginRight: 16 }, children: extraMetaComponents })
         ] })
       }
     ),
-    /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx31(
       "div",
       {
         style: {
@@ -3851,7 +4528,7 @@ var AgentHeader = (props) => {
 };
 
 // src/components/Chat/Chating.tsx
-import { Fragment as Fragment4, jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
 var Chating = ({
   avatar,
   name,
@@ -3867,12 +4544,12 @@ var Chating = ({
   showHITL = true,
   showRefreshButton = false
 }) => {
-  const [content, setContent] = useState16("");
-  const [attachedFiles, setAttachedFiles] = useState16([]);
+  const [content, setContent] = useState18("");
+  const [attachedFiles, setAttachedFiles] = useState18([]);
   const { styles } = useStyle();
-  const [headerOpen, setHeaderOpen] = useState16(false);
-  const attachmentsRef = useRef8(null);
-  const senderRef = React7.useRef(null);
+  const [headerOpen, setHeaderOpen] = useState18(false);
+  const attachmentsRef = useRef10(null);
+  const senderRef = React9.useRef(null);
   const {
     messages,
     sendMessage,
@@ -3884,7 +4561,7 @@ var Chating = ({
     tenantId,
     clearError
   } = useAgentChat();
-  useEffect10(() => {
+  useEffect12(() => {
     regsiterElement("action_show_attachments_uploader", {
       card_view: () => null,
       action: (data) => {
@@ -3969,15 +4646,15 @@ var Chating = ({
     }
     return true;
   };
-  const attachmentsNode = /* @__PURE__ */ jsx30(Badge2, { dot: attachedFiles.length > 0 && !headerOpen, children: /* @__PURE__ */ jsx30(
-    Button11,
+  const attachmentsNode = /* @__PURE__ */ jsx32(Badge3, { dot: attachedFiles.length > 0 && !headerOpen, children: /* @__PURE__ */ jsx32(
+    Button12,
     {
       type: "text",
-      icon: /* @__PURE__ */ jsx30(PaperClipOutlined, {}),
+      icon: /* @__PURE__ */ jsx32(PaperClipOutlined, {}),
       onClick: () => setHeaderOpen(!headerOpen)
     }
   ) });
-  const senderHeader = /* @__PURE__ */ jsx30(
+  const senderHeader = /* @__PURE__ */ jsx32(
     Sender.Header,
     {
       title: "Attachments",
@@ -3989,7 +4666,7 @@ var Chating = ({
         }
       },
       forceRender: true,
-      children: /* @__PURE__ */ jsx30(
+      children: /* @__PURE__ */ jsx32(
         Attachments,
         {
           ref: attachmentsRef,
@@ -4011,7 +4688,7 @@ var Chating = ({
           multiple: true,
           maxCount: 10,
           placeholder: (type) => ({
-            icon: /* @__PURE__ */ jsx30(CloudUploadOutlined, {}),
+            icon: /* @__PURE__ */ jsx32(CloudUploadOutlined, {}),
             title: "\u4E0A\u4F20\u6587\u4EF6",
             description: attachment_placeholder
           })
@@ -4019,19 +4696,19 @@ var Chating = ({
       )
     }
   );
-  const refreshButton = /* @__PURE__ */ jsx30(
-    Button11,
+  const refreshButton = /* @__PURE__ */ jsx32(
+    Button12,
     {
       type: "text",
-      icon: /* @__PURE__ */ jsx30(ReloadOutlined, {}),
+      icon: /* @__PURE__ */ jsx32(ReloadOutlined, {}),
       onClick: () => {
         loadMessages();
       }
     }
   );
   const headerExtra = showRefreshButton ? [refreshButton] : [];
-  return /* @__PURE__ */ jsxs17(Fragment4, { children: [
-    /* @__PURE__ */ jsx30("div", { children: showHeader && /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs18(Fragment4, { children: [
+    /* @__PURE__ */ jsx32("div", { className: styles.fixedHeader, children: showHeader && /* @__PURE__ */ jsx32(
       AgentHeader,
       {
         description,
@@ -4041,10 +4718,10 @@ var Chating = ({
         extraMeta
       }
     ) }),
-    /* @__PURE__ */ jsx30(MessageList, { messages, className: styles.messages }),
-    isLoading ? /* @__PURE__ */ jsx30("div", {}) : /* @__PURE__ */ jsx30(Prompts, { items: senderPromptsItems, onItemClick: onPromptsItemClick }),
-    error && /* @__PURE__ */ jsx30("div", { style: { padding: "0 16px 8px" }, children: /* @__PURE__ */ jsx30(
-      Alert2,
+    /* @__PURE__ */ jsx32(MessageList, { messages, className: styles.messages }),
+    isLoading ? /* @__PURE__ */ jsx32("div", {}) : /* @__PURE__ */ jsx32(Prompts, { items: senderPromptsItems, onItemClick: onPromptsItemClick }),
+    error && /* @__PURE__ */ jsx32("div", { style: { padding: "0 16px 8px" }, children: /* @__PURE__ */ jsx32(
+      Alert3,
       {
         type: "error",
         banner: true,
@@ -4053,8 +4730,8 @@ var Chating = ({
         message: `${error.message}`
       }
     ) }),
-    showHITL && /* @__PURE__ */ jsx30(HITLContainer, {}),
-    showSender && /* @__PURE__ */ jsx30(
+    showHITL && /* @__PURE__ */ jsx32(HITLContainer, {}),
+    showSender && /* @__PURE__ */ jsx32(
       Sender,
       {
         disabled: interrupts && interrupts.length > 0,
@@ -4080,11 +4757,11 @@ var Chating = ({
 };
 
 // src/components/GenUI/elements/task_detail.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var { Text: Text11 } = Typography13;
 var TaskDetail = ({ data, component_key, interactive = true }) => {
   const { description, subagent_type, thread_id } = data || {};
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx33(
     AgentThreadProvider,
     {
       threadId: thread_id,
@@ -4094,7 +4771,7 @@ var TaskDetail = ({ data, component_key, interactive = true }) => {
         enableReturnStateWhenStreamCompleted: true,
         enableResumeStream: true
       },
-      children: /* @__PURE__ */ jsx31("div", { style: { overflow: "hidden" }, children: /* @__PURE__ */ jsx31(
+      children: /* @__PURE__ */ jsx33("div", { style: { overflow: "hidden" }, children: /* @__PURE__ */ jsx33(
         Chating,
         {
           showRefreshButton: true,
@@ -4109,12 +4786,12 @@ var TaskDetail = ({ data, component_key, interactive = true }) => {
 };
 
 // src/components/GenUI/elements/internet_search_card.tsx
-import { Avatar as Avatar3, Button as Button12, List as List2, Space as Space13, Typography as Typography14 } from "antd";
+import { Avatar as Avatar3, Button as Button13, List as List2, Space as Space13, Typography as Typography14 } from "antd";
 import {
   SearchOutlined
 } from "@ant-design/icons";
 import { createStyles as createStyles9 } from "antd-style";
-import { jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
 var { Text: Text12 } = Typography14;
 var useStyle7 = createStyles9(({ token, css }) => ({
   listContainer: css`
@@ -4229,17 +4906,17 @@ var InternetSearchCard = ({
   if (!toolCallData) {
     return null;
   }
-  const header = /* @__PURE__ */ jsxs18(Space13, { children: [
-    /* @__PURE__ */ jsx32(Text12, { strong: true, children: "Internet Search" }),
-    /* @__PURE__ */ jsx32(Text12, { title: query, children: query })
+  const header = /* @__PURE__ */ jsxs19(Space13, { children: [
+    /* @__PURE__ */ jsx34(Text12, { strong: true, children: "Internet Search" }),
+    /* @__PURE__ */ jsx34(Text12, { title: query, children: query })
   ] });
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx34(
     ContentPreviewCollapse,
     {
       panelKey: toolCallData.id,
       header,
-      expandIcon: () => /* @__PURE__ */ jsx32(SearchOutlined, {}),
-      children: /* @__PURE__ */ jsx32(
+      expandIcon: () => /* @__PURE__ */ jsx34(SearchOutlined, {}),
+      children: /* @__PURE__ */ jsx34(
         List2,
         {
           size: "small",
@@ -4249,11 +4926,11 @@ var InternetSearchCard = ({
             const domain = getDomainFromUrl(url);
             const iconText = getIconText(domain);
             const iconColor = getIconColor(domain);
-            return /* @__PURE__ */ jsx32(List2.Item, { extra: /* @__PURE__ */ jsx32(Text12, { className: styles.source, children: domain }), children: /* @__PURE__ */ jsxs18(Space13, { style: { width: "100%" }, children: [
-              /* @__PURE__ */ jsx32(Avatar3, { style: { background: iconColor }, children: iconText }),
+            return /* @__PURE__ */ jsx34(List2.Item, { extra: /* @__PURE__ */ jsx34(Text12, { className: styles.source, children: domain }), children: /* @__PURE__ */ jsxs19(Space13, { style: { width: "100%" }, children: [
+              /* @__PURE__ */ jsx34(Avatar3, { style: { background: iconColor }, children: iconText }),
               " ",
-              /* @__PURE__ */ jsx32(
-                Button12,
+              /* @__PURE__ */ jsx34(
+                Button13,
                 {
                   type: "text",
                   onClick: () => {
@@ -4274,6 +4951,387 @@ var InternetSearchCard = ({
   );
 };
 
+// src/components/GenUI/elements/schedule_viewer.tsx
+import { useState as useState19, useEffect as useEffect13, useCallback as useCallback9 } from "react";
+import {
+  Tag as Tag5,
+  Button as Button14,
+  Empty as Empty3,
+  Spin as Spin2,
+  Typography as Typography15,
+  Space as Space14,
+  Tooltip as Tooltip5,
+  Popconfirm,
+  message as message4,
+  Card as Card8,
+  Descriptions
+} from "antd";
+import {
+  ClockCircleOutlined as ClockCircleOutlined2,
+  PauseCircleOutlined,
+  PlayCircleOutlined,
+  StopOutlined,
+  ReloadOutlined as ReloadOutlined2,
+  CheckCircleOutlined as CheckCircleOutlined4,
+  CloseCircleOutlined as CloseCircleOutlined2,
+  ExclamationCircleOutlined,
+  SyncOutlined as SyncOutlined2,
+  FieldTimeOutlined
+} from "@ant-design/icons";
+import { createStyles as createStyles10 } from "antd-style";
+import dayjs2 from "dayjs";
+import relativeTime from "dayjs/plugin/relativeTime";
+import {
+  ScheduledTaskStatus as ScheduledTaskStatus2,
+  ScheduleExecutionType
+} from "@axiom-lattice/client-sdk";
+import { jsx as jsx35, jsxs as jsxs20 } from "react/jsx-runtime";
+dayjs2.extend(relativeTime);
+var { Text: Text13, Title: Title2 } = Typography15;
+var useStyles3 = createStyles10(({ 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 ScheduledTaskStatus2.PENDING:
+      return "processing";
+    case ScheduledTaskStatus2.RUNNING:
+      return "blue";
+    case ScheduledTaskStatus2.COMPLETED:
+      return "success";
+    case ScheduledTaskStatus2.FAILED:
+      return "error";
+    case ScheduledTaskStatus2.CANCELLED:
+      return "default";
+    case ScheduledTaskStatus2.PAUSED:
+      return "warning";
+    default:
+      return "default";
+  }
+};
+var getStatusIcon2 = (status) => {
+  switch (status) {
+    case ScheduledTaskStatus2.PENDING:
+      return /* @__PURE__ */ jsx35(ClockCircleOutlined2, {});
+    case ScheduledTaskStatus2.RUNNING:
+      return /* @__PURE__ */ jsx35(SyncOutlined2, { spin: true });
+    case ScheduledTaskStatus2.COMPLETED:
+      return /* @__PURE__ */ jsx35(CheckCircleOutlined4, {});
+    case ScheduledTaskStatus2.FAILED:
+      return /* @__PURE__ */ jsx35(CloseCircleOutlined2, {});
+    case ScheduledTaskStatus2.CANCELLED:
+      return /* @__PURE__ */ jsx35(StopOutlined, {});
+    case ScheduledTaskStatus2.PAUSED:
+      return /* @__PURE__ */ jsx35(PauseCircleOutlined, {});
+    default:
+      return /* @__PURE__ */ jsx35(ClockCircleOutlined2, {});
+  }
+};
+var formatTime = (timestamp) => {
+  if (!timestamp) return "-";
+  return dayjs2(timestamp).format("YYYY-MM-DD HH:mm:ss");
+};
+var getRelativeTime = (timestamp) => {
+  if (!timestamp) return "";
+  return dayjs2(timestamp).fromNow();
+};
+var ScheduleViewer = ({ data }) => {
+  const { styles } = useStyles3();
+  const { threadId, assistantId, tasks: initialTasks, onRefresh } = data ?? {};
+  const client = useAxiomLattice({ assistantId });
+  const [tasks, setTasks] = useState19(initialTasks || []);
+  const [loading, setLoading] = useState19(false);
+  const [actionLoading, setActionLoading] = useState19(null);
+  const handleRefresh = useCallback9(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);
+      message4.error("Failed to refresh scheduled tasks");
+    } finally {
+      setLoading(false);
+    }
+  }, [client, threadId, onRefresh]);
+  const handleCancel = useCallback9(
+    async (taskId) => {
+      setActionLoading(taskId);
+      try {
+        await client.schedules.cancel(taskId);
+        message4.success("Task cancelled successfully");
+        await handleRefresh();
+      } catch (error) {
+        console.error("Failed to cancel task:", error);
+        message4.error("Failed to cancel task");
+      } finally {
+        setActionLoading(null);
+      }
+    },
+    [client, handleRefresh]
+  );
+  const handlePause = useCallback9(
+    async (taskId) => {
+      setActionLoading(taskId);
+      try {
+        await client.schedules.pause(taskId);
+        message4.success("Task paused successfully");
+        await handleRefresh();
+      } catch (error) {
+        console.error("Failed to pause task:", error);
+        message4.error("Failed to pause task");
+      } finally {
+        setActionLoading(null);
+      }
+    },
+    [client, handleRefresh]
+  );
+  const handleResume = useCallback9(
+    async (taskId) => {
+      setActionLoading(taskId);
+      try {
+        await client.schedules.resume(taskId);
+        message4.success("Task resumed successfully");
+        await handleRefresh();
+      } catch (error) {
+        console.error("Failed to resume task:", error);
+        message4.error("Failed to resume task");
+      } finally {
+        setActionLoading(null);
+      }
+    },
+    [client, handleRefresh]
+  );
+  useEffect13(() => {
+    if (threadId && (!initialTasks || initialTasks.length === 0)) {
+      handleRefresh();
+    }
+  }, [threadId]);
+  useEffect13(() => {
+    if (initialTasks) {
+      setTasks(initialTasks);
+    }
+  }, [initialTasks]);
+  const renderActions = (task) => {
+    const isLoading = actionLoading === task.taskId;
+    const isPending = task.status === ScheduledTaskStatus2.PENDING;
+    const isPaused = task.status === ScheduledTaskStatus2.PAUSED;
+    const isCron = task.executionType === ScheduleExecutionType.CRON;
+    return /* @__PURE__ */ jsxs20(Space14, { className: styles.actions, children: [
+      isPending && isCron && /* @__PURE__ */ jsx35(Tooltip5, { title: "Pause", children: /* @__PURE__ */ jsx35(
+        Button14,
+        {
+          type: "text",
+          size: "small",
+          icon: /* @__PURE__ */ jsx35(PauseCircleOutlined, {}),
+          onClick: () => handlePause(task.taskId),
+          loading: isLoading
+        }
+      ) }),
+      isPaused && /* @__PURE__ */ jsx35(Tooltip5, { title: "Resume", children: /* @__PURE__ */ jsx35(
+        Button14,
+        {
+          type: "text",
+          size: "small",
+          icon: /* @__PURE__ */ jsx35(PlayCircleOutlined, {}),
+          onClick: () => handleResume(task.taskId),
+          loading: isLoading
+        }
+      ) }),
+      (isPending || isPaused) && /* @__PURE__ */ jsx35(
+        Popconfirm,
+        {
+          title: "Cancel this scheduled task?",
+          description: "This action cannot be undone.",
+          onConfirm: () => handleCancel(task.taskId),
+          okText: "Yes",
+          cancelText: "No",
+          children: /* @__PURE__ */ jsx35(Tooltip5, { title: "Cancel", children: /* @__PURE__ */ jsx35(
+            Button14,
+            {
+              type: "text",
+              size: "small",
+              danger: true,
+              icon: /* @__PURE__ */ jsx35(StopOutlined, {}),
+              loading: isLoading
+            }
+          ) })
+        }
+      )
+    ] });
+  };
+  const renderTask = (task) => {
+    const isActive = task.status === ScheduledTaskStatus2.PENDING || task.status === ScheduledTaskStatus2.PAUSED;
+    return /* @__PURE__ */ jsxs20(
+      Card8,
+      {
+        className: styles.taskCard,
+        size: "small",
+        bordered: true,
+        children: [
+          /* @__PURE__ */ jsxs20("div", { className: styles.taskHeader, children: [
+            /* @__PURE__ */ jsxs20("div", { children: [
+              /* @__PURE__ */ jsx35("div", { className: styles.taskType, children: task.taskType }),
+              /* @__PURE__ */ jsx35("div", { className: styles.taskId, children: task.taskId })
+            ] }),
+            /* @__PURE__ */ jsx35(Tag5, { color: getStatusColor(task.status), icon: getStatusIcon2(task.status), children: task.status.toUpperCase() })
+          ] }),
+          /* @__PURE__ */ jsxs20("div", { className: styles.metaRow, children: [
+            /* @__PURE__ */ jsx35(Tooltip5, { title: "Execution Type", children: /* @__PURE__ */ jsxs20("div", { className: styles.metaItem, children: [
+              /* @__PURE__ */ jsx35(FieldTimeOutlined, {}),
+              /* @__PURE__ */ jsx35("span", { children: task.executionType === ScheduleExecutionType.CRON ? "Recurring" : "One-time" })
+            ] }) }),
+            task.cronExpression && /* @__PURE__ */ jsx35(Tooltip5, { title: "Cron Expression", children: /* @__PURE__ */ jsxs20("div", { className: styles.metaItem, children: [
+              /* @__PURE__ */ jsx35(ClockCircleOutlined2, {}),
+              /* @__PURE__ */ jsx35("code", { className: styles.cronExpression, children: task.cronExpression })
+            ] }) }),
+            task.nextRunAt && /* @__PURE__ */ jsx35(Tooltip5, { title: `Next run: ${formatTime(task.nextRunAt)}`, children: /* @__PURE__ */ jsxs20("div", { className: styles.metaItem, children: [
+              /* @__PURE__ */ jsx35(ClockCircleOutlined2, {}),
+              /* @__PURE__ */ jsxs20("span", { children: [
+                "Next: ",
+                getRelativeTime(task.nextRunAt)
+              ] })
+            ] }) }),
+            task.executeAt && !task.cronExpression && /* @__PURE__ */ jsx35(Tooltip5, { title: `Execute at: ${formatTime(task.executeAt)}`, children: /* @__PURE__ */ jsxs20("div", { className: styles.metaItem, children: [
+              /* @__PURE__ */ jsx35(ClockCircleOutlined2, {}),
+              /* @__PURE__ */ jsxs20("span", { children: [
+                "At: ",
+                getRelativeTime(task.executeAt)
+              ] })
+            ] }) }),
+            task.runCount > 0 && /* @__PURE__ */ jsx35(Tooltip5, { title: "Run count", children: /* @__PURE__ */ jsxs20("div", { className: styles.metaItem, children: [
+              /* @__PURE__ */ jsx35(SyncOutlined2, {}),
+              /* @__PURE__ */ jsxs20("span", { children: [
+                "Runs: ",
+                task.runCount,
+                task.maxRuns ? ` / ${task.maxRuns}` : ""
+              ] })
+            ] }) })
+          ] }),
+          task.lastError && /* @__PURE__ */ jsx35("div", { style: { marginTop: 8 }, children: /* @__PURE__ */ jsxs20(Text13, { type: "danger", style: { fontSize: 12 }, children: [
+            /* @__PURE__ */ jsx35(ExclamationCircleOutlined, { style: { marginRight: 4 } }),
+            task.lastError
+          ] }) }),
+          task.metadata && Object.keys(task.metadata).length > 0 && /* @__PURE__ */ jsx35(
+            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__ */ jsxs20("div", { className: styles.container, children: [
+    /* @__PURE__ */ jsxs20("div", { className: styles.header, children: [
+      /* @__PURE__ */ jsx35(Title2, { level: 5, style: { margin: 0 }, children: "Scheduled Tasks" }),
+      /* @__PURE__ */ jsx35(Tooltip5, { title: "Refresh", children: /* @__PURE__ */ jsx35(
+        Button14,
+        {
+          type: "text",
+          icon: /* @__PURE__ */ jsx35(ReloadOutlined2, { spin: loading }),
+          onClick: handleRefresh,
+          loading
+        }
+      ) })
+    ] }),
+    loading && tasks.length === 0 ? /* @__PURE__ */ jsxs20("div", { className: styles.emptyContainer, children: [
+      /* @__PURE__ */ jsx35(Spin2, { size: "large" }),
+      /* @__PURE__ */ jsx35(Text13, { type: "secondary", style: { marginTop: 16 }, children: "Loading scheduled tasks..." })
+    ] }) : tasks.length === 0 ? /* @__PURE__ */ jsx35("div", { className: styles.emptyContainer, children: /* @__PURE__ */ jsx35(
+      Empty3,
+      {
+        image: Empty3.PRESENTED_IMAGE_SIMPLE,
+        description: "No scheduled tasks for this thread"
+      }
+    ) }) : /* @__PURE__ */ jsx35("div", { children: tasks.map(renderTask) })
+  ] });
+};
+
 // src/components/GenUI/elements/builtIns.tsx
 var elements = {
   action_show_attachments_uploader: {
@@ -4325,6 +5383,10 @@ var elements = {
   task: {
     card_view: TaskCard,
     side_app_view: TaskDetail
+  },
+  schedule_viewer: {
+    card_view: () => null,
+    side_app_view: ScheduleViewer
   }
 };
 
@@ -4342,11 +5404,11 @@ var regsiterElement = (language, ElementMeta) => {
 };
 
 // src/components/Chat/SideAppViewBrowser.tsx
-import { Button as Button13, Tabs } from "antd";
-import { createStyles as createStyles10 } from "antd-style";
-import { useEffect as useEffect11, useState as useState17 } from "react";
-import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
-var useStyle8 = createStyles10(({ token, css }) => {
+import { Button as Button15, Tabs } from "antd";
+import { createStyles as createStyles11 } from "antd-style";
+import { useEffect as useEffect14, useState as useState20 } from "react";
+import { jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
+var useStyle8 = createStyles11(({ token, css }) => {
   return {
     tabContainer: css`
       .ant-tabs-content-holder {
@@ -4365,9 +5427,9 @@ var useStyle8 = createStyles10(({ token, css }) => {
   };
 });
 var EmptySideAppView = ({ component_key, data }) => {
-  return /* @__PURE__ */ jsxs19("div", { children: [
-    /* @__PURE__ */ jsx33("p", { children: "\u672A\u627E\u5230\u5BF9\u5E94\u7684\u7EC4\u4EF6\u89C6\u56FE" }),
-    /* @__PURE__ */ jsx33("pre", { children: JSON.stringify({ component_key, data }, null, 2) })
+  return /* @__PURE__ */ jsxs21("div", { children: [
+    /* @__PURE__ */ jsx36("p", { children: "\u672A\u627E\u5230\u5BF9\u5E94\u7684\u7EC4\u4EF6\u89C6\u56FE" }),
+    /* @__PURE__ */ jsx36("pre", { children: JSON.stringify({ component_key, data }, null, 2) })
   ] });
 };
 var SideAppViewBrowser = () => {
@@ -4379,10 +5441,10 @@ var SideAppViewBrowser = () => {
     openSideApp,
     closeSideApp
   } = useChatUIContext();
-  const [activeKey, setActiveKey] = useState17(
+  const [activeKey, setActiveKey] = useState20(
     JSON.stringify(sideAppSelectedCard)
   );
-  const [items, setItems] = useState17([]);
+  const [items, setItems] = useState20([]);
   const add = (key, label, children) => {
     const newActiveKey = key;
     const newPanes = [...items];
@@ -4418,7 +5480,7 @@ var SideAppViewBrowser = () => {
       remove(targetKey);
     }
   };
-  useEffect11(() => {
+  useEffect14(() => {
     const SideAppView = getElement(sideAppSelectedCard?.component_key).side_app_view || EmptySideAppView;
     const key = JSON.stringify(sideAppSelectedCard);
     if (items.find((item) => item.key === key)) {
@@ -4428,7 +5490,7 @@ var SideAppViewBrowser = () => {
     add(
       key,
       sideAppSelectedCard?.message || sideAppSelectedCard?.data.message || "\u672A\u547D\u540D",
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx36(
         SideAppView,
         {
           component_key: sideAppSelectedCard?.component_key || "",
@@ -4469,16 +5531,16 @@ var SideAppViewBrowser = () => {
   const getSizeIcon = (size) => {
     switch (size) {
       case "middle":
-        return /* @__PURE__ */ jsx33(CompressOutlined, {});
+        return /* @__PURE__ */ jsx36(CompressOutlined, {});
       case "large":
-        return /* @__PURE__ */ jsx33(ExpandOutlined, {});
+        return /* @__PURE__ */ jsx36(ExpandOutlined, {});
       case "full":
-        return /* @__PURE__ */ jsx33(FullscreenOutlined, {});
+        return /* @__PURE__ */ jsx36(FullscreenOutlined, {});
       default:
-        return /* @__PURE__ */ jsx33(ExpandOutlined, {});
+        return /* @__PURE__ */ jsx36(ExpandOutlined, {});
     }
   };
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx36(
     Tabs,
     {
       className: styles.tabContainer,
@@ -4486,9 +5548,9 @@ var SideAppViewBrowser = () => {
       style: { height: "100%" },
       hideAdd: true,
       tabBarExtraContent: {
-        right: /* @__PURE__ */ jsxs19("div", { style: { display: "flex", gap: "4px" }, children: [
-          /* @__PURE__ */ jsx33(
-            Button13,
+        right: /* @__PURE__ */ jsxs21("div", { style: { display: "flex", gap: "4px" }, children: [
+          /* @__PURE__ */ jsx36(
+            Button15,
             {
               style: { margin: "8px 0" },
               size: "large",
@@ -4498,13 +5560,13 @@ var SideAppViewBrowser = () => {
               title: `\u5F53\u524D\u5C3A\u5BF8: ${getSizeLabel(sideAppSize)}, \u70B9\u51FB\u5207\u6362`
             }
           ),
-          /* @__PURE__ */ jsx33(
-            Button13,
+          /* @__PURE__ */ jsx36(
+            Button15,
             {
               style: { margin: "8px 0" },
               size: "large",
               type: "text",
-              icon: /* @__PURE__ */ jsx33(CloseOutlined, {}),
+              icon: /* @__PURE__ */ jsx36(CloseOutlined, {}),
               onClick: () => {
                 closeSideApp();
               }
@@ -4521,10 +5583,10 @@ var SideAppViewBrowser = () => {
 };
 
 // src/components/Chat/LatticeChat.tsx
-import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
 var LatticeChat = (props) => {
   const { assistant_id, thread_id = "", menu, header, ...chatingProps } = props;
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx37(
     AgentThreadProvider,
     {
       assistantId: assistant_id,
@@ -4534,7 +5596,7 @@ var LatticeChat = (props) => {
         enableReturnStateWhenStreamCompleted: true,
         enableResumeStream: true
       },
-      children: /* @__PURE__ */ jsx34(ChatUIContextProvider, { children: /* @__PURE__ */ jsxs20(
+      children: /* @__PURE__ */ jsx37(ChatUIContextProvider, { children: /* @__PURE__ */ jsxs22(
         "div",
         {
           style: {
@@ -4545,12 +5607,12 @@ var LatticeChat = (props) => {
           },
           children: [
             header,
-            /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx37(
               ColumnLayout,
               {
                 menu,
-                left: thread_id ? /* @__PURE__ */ jsx34(Chating, { ...chatingProps }) : /* @__PURE__ */ jsx34("div", { children: "\u9700\u8981\u5148\u521B\u5EFA\u4F1A\u8BDD" }),
-                right: /* @__PURE__ */ jsx34(SideAppViewBrowser, {})
+                left: thread_id ? /* @__PURE__ */ jsx37(Chating, { ...chatingProps }) : /* @__PURE__ */ jsx37("div", { children: "\u9700\u8981\u5148\u521B\u5EFA\u4F1A\u8BDD" }),
+                right: /* @__PURE__ */ jsx37(SideAppViewBrowser, {})
               }
             )
           ]
@@ -4563,23 +5625,23 @@ var LatticeChat = (props) => {
 // src/components/Chat/ConversationContext.tsx
 import {
   createContext as createContext6,
-  useCallback as useCallback10,
+  useCallback as useCallback12,
   useContext as useContext6,
-  useEffect as useEffect13,
+  useEffect as useEffect16,
   useMemo as useMemo7,
-  useRef as useRef10,
-  useState as useState20
+  useRef as useRef12,
+  useState as useState23
 } from "react";
 
 // src/components/Chat/AssistantContext.tsx
 import {
   createContext as createContext5,
-  useCallback as useCallback9,
+  useCallback as useCallback11,
   useContext as useContext5,
-  useEffect as useEffect12,
+  useEffect as useEffect15,
   useMemo as useMemo6,
-  useRef as useRef9,
-  useState as useState19
+  useRef as useRef11,
+  useState as useState22
 } from "react";
 import {
   Client as Client2
@@ -4588,11 +5650,11 @@ import {
 // src/components/Chat/LatticeChatShellContext.tsx
 import {
   createContext as createContext4,
-  useCallback as useCallback8,
+  useCallback as useCallback10,
   useContext as useContext4,
-  useState as useState18
+  useState as useState21
 } from "react";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var DEFAULT_CONFIG = {
   baseURL: "http://localhost:4001",
   apiKey: "",
@@ -4618,7 +5680,7 @@ var LatticeChatShellContextProvider = ({
   persistToLocalStorage = false,
   localStorageKey = "lattice_chat_shell_config"
 }) => {
-  const loadInitialConfig = useCallback8(() => {
+  const loadInitialConfig = useCallback10(() => {
     if (persistToLocalStorage && typeof window !== "undefined") {
       try {
         const stored = localStorage.getItem(localStorageKey);
@@ -4632,9 +5694,9 @@ var LatticeChatShellContextProvider = ({
     }
     return { ...DEFAULT_CONFIG, ...initialConfig };
   }, [persistToLocalStorage, localStorageKey, initialConfig]);
-  const [config, setConfig] = useState18(loadInitialConfig);
-  const [settingsModalOpen, setSettingsModalOpen] = useState18(false);
-  const saveToLocalStorage = useCallback8(
+  const [config, setConfig] = useState21(loadInitialConfig);
+  const [settingsModalOpen, setSettingsModalOpen] = useState21(false);
+  const saveToLocalStorage = useCallback10(
     (newConfig) => {
       if (persistToLocalStorage && typeof window !== "undefined") {
         try {
@@ -4646,7 +5708,7 @@ var LatticeChatShellContextProvider = ({
     },
     [persistToLocalStorage, localStorageKey]
   );
-  const updateConfig = useCallback8(
+  const updateConfig = useCallback10(
     (updates) => {
       setConfig((prev) => {
         const newConfig = { ...prev, ...updates };
@@ -4656,7 +5718,7 @@ var LatticeChatShellContextProvider = ({
     },
     [saveToLocalStorage]
   );
-  const updateConfigValue = useCallback8(
+  const updateConfigValue = useCallback10(
     (key, value) => {
       setConfig((prev) => {
         const newConfig = { ...prev, [key]: value };
@@ -4666,12 +5728,12 @@ var LatticeChatShellContextProvider = ({
     },
     [saveToLocalStorage]
   );
-  const resetConfig = useCallback8(() => {
+  const resetConfig = useCallback10(() => {
     const defaultConfig = { ...DEFAULT_CONFIG, ...initialConfig };
     setConfig(defaultConfig);
     saveToLocalStorage(defaultConfig);
   }, [initialConfig, saveToLocalStorage]);
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx38(
     LatticeChatShellContext.Provider,
     {
       value: {
@@ -4697,7 +5759,7 @@ var useLatticeChatShellContext = () => {
 };
 
 // src/components/Chat/AssistantContext.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var AssistantContext = createContext5({
   assistants: [],
   currentAssistant: null,
@@ -4740,17 +5802,17 @@ var AssistantContextProvider = ({
     }),
     [baseURL, apiKey, transport]
   );
-  const [state, setState] = useState19({
+  const [state, setState] = useState22({
     assistants: [],
     currentAssistant: null,
     isLoading: false,
     error: null
   });
-  const assistantsRef = useRef9([]);
-  useEffect12(() => {
+  const assistantsRef = useRef11([]);
+  useEffect15(() => {
     assistantsRef.current = state.assistants;
   }, [state.assistants]);
-  const listAssistants = useCallback9(async () => {
+  const listAssistants = useCallback11(async () => {
     setState((prev) => ({ ...prev, isLoading: true, error: null }));
     try {
       const assistants = await client.assistants.list();
@@ -4767,7 +5829,7 @@ var AssistantContextProvider = ({
       }));
     }
   }, [client]);
-  const getAssistant = useCallback9(
+  const getAssistant = useCallback11(
     async (id) => {
       setState((prev) => ({ ...prev, isLoading: true, error: null }));
       try {
@@ -4790,7 +5852,7 @@ var AssistantContextProvider = ({
     },
     [client]
   );
-  const createAssistant = useCallback9(
+  const createAssistant = useCallback11(
     async (options) => {
       setState((prev) => ({ ...prev, isLoading: true, error: null }));
       try {
@@ -4812,7 +5874,7 @@ var AssistantContextProvider = ({
     },
     [client]
   );
-  const updateAssistant = useCallback9(
+  const updateAssistant = useCallback11(
     async (id, options) => {
       setState((prev) => ({ ...prev, isLoading: true, error: null }));
       try {
@@ -4837,7 +5899,7 @@ var AssistantContextProvider = ({
     },
     [client]
   );
-  const deleteAssistant = useCallback9(
+  const deleteAssistant = useCallback11(
     async (id) => {
       setState((prev) => ({ ...prev, isLoading: true, error: null }));
       try {
@@ -4859,7 +5921,7 @@ var AssistantContextProvider = ({
     },
     [client]
   );
-  const selectAssistant = useCallback9(
+  const selectAssistant = useCallback11(
     async (id) => {
       setState((prev) => ({ ...prev, isLoading: true, error: null }));
       try {
@@ -4890,21 +5952,21 @@ var AssistantContextProvider = ({
     },
     [client]
   );
-  const clearCurrentAssistant = useCallback9(() => {
+  const clearCurrentAssistant = useCallback11(() => {
     setState((prev) => ({
       ...prev,
       currentAssistant: null
     }));
   }, []);
-  const refresh = useCallback9(async () => {
+  const refresh = useCallback11(async () => {
     await listAssistants();
   }, [listAssistants]);
-  useEffect12(() => {
+  useEffect15(() => {
     if (autoLoad) {
       listAssistants();
     }
   }, [autoLoad, listAssistants]);
-  useEffect12(() => {
+  useEffect15(() => {
     if (state.assistants.length > 0) {
       const isCurrentAssistantValid = state.currentAssistant && state.assistants.some((a) => a.id === state.currentAssistant?.id);
       if (!isCurrentAssistantValid) {
@@ -4932,7 +5994,7 @@ var AssistantContextProvider = ({
       }
     }
   }, [initialAssistantId, state.assistants, state.currentAssistant]);
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx39(
     AssistantContext.Provider,
     {
       value: {
@@ -4962,7 +6024,7 @@ var useAssistantContext = () => {
 
 // src/components/Chat/ConversationContext.tsx
 import { Client as Client3 } from "@axiom-lattice/client-sdk";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var ConversationContext = createContext6({
   assistantId: null,
   thread: null,
@@ -5014,18 +6076,18 @@ var ConversationContextProvider = ({
     }),
     [baseURL, apiKey, assistantId, transport]
   );
-  const [threads, setThreads] = useState20([]);
-  const [threadId, setThreadId] = useState20(null);
-  const [isLoading, setIsLoading] = useState20(false);
-  const [error, setError] = useState20(null);
-  const loadedAssistantIdRef = useRef10(null);
-  const prevAssistantIdRef = useRef10(null);
-  const isLoadingRef = useRef10(false);
-  const clientRef = useRef10(client);
-  useEffect13(() => {
+  const [threads, setThreads] = useState23([]);
+  const [threadId, setThreadId] = useState23(null);
+  const [isLoading, setIsLoading] = useState23(false);
+  const [error, setError] = useState23(null);
+  const loadedAssistantIdRef = useRef12(null);
+  const prevAssistantIdRef = useRef12(null);
+  const isLoadingRef = useRef12(false);
+  const clientRef = useRef12(client);
+  useEffect16(() => {
     clientRef.current = client;
   }, [client]);
-  const loadThreads = useCallback10(async () => {
+  const loadThreads = useCallback12(async () => {
     const currentClient = clientRef.current;
     if (!assistantId || !currentClient.assistantId) {
       setThreads([]);
@@ -5084,7 +6146,7 @@ var ConversationContextProvider = ({
       isLoadingRef.current = false;
     }
   }, [assistantId]);
-  useEffect13(() => {
+  useEffect16(() => {
     const currentClient = clientRef.current;
     const prevAssistantId = prevAssistantIdRef.current;
     const assistantChanged = prevAssistantId !== assistantId;
@@ -5109,14 +6171,14 @@ var ConversationContextProvider = ({
     }
     return threads.find((t) => t.id === threadId) || null;
   }, [assistantId, threadId, threads]);
-  const setThread = useCallback10((newThread) => {
+  const setThread = useCallback12((newThread) => {
     if (newThread) {
       setThreadId(newThread.id);
     } else {
       setThreadId(null);
     }
   }, []);
-  const selectThread = useCallback10(
+  const selectThread = useCallback12(
     (targetThreadId) => {
       const foundThread = threads.find((t) => t.id === targetThreadId);
       if (foundThread) {
@@ -5125,7 +6187,7 @@ var ConversationContextProvider = ({
     },
     [threads]
   );
-  const createThread = useCallback10(
+  const createThread = useCallback12(
     async (label) => {
       if (!assistantId || !client.assistantId) {
         throw new Error("No assistant selected");
@@ -5150,7 +6212,7 @@ var ConversationContextProvider = ({
     },
     [assistantId, client, loadThreads]
   );
-  const listThreads = useCallback10(async () => {
+  const listThreads = useCallback12(async () => {
     if (!assistantId || !client.assistantId) {
       return [];
     }
@@ -5171,7 +6233,7 @@ var ConversationContextProvider = ({
       setIsLoading(false);
     }
   }, [assistantId, client, threads]);
-  const updateThread = useCallback10(
+  const updateThread = useCallback12(
     async (newThread) => {
       if (!assistantId || !client.assistantId) {
         throw new Error("No assistant selected");
@@ -5193,13 +6255,13 @@ var ConversationContextProvider = ({
     },
     [assistantId, client, loadThreads]
   );
-  const getThreadById = useCallback10(
+  const getThreadById = useCallback12(
     (targetThreadId) => {
       return threads.find((t) => t.id === targetThreadId) || null;
     },
     [threads]
   );
-  const deleteThread = useCallback10(
+  const deleteThread = useCallback12(
     async (targetThreadId) => {
       if (!assistantId || !client.assistantId) {
         throw new Error("No assistant selected");
@@ -5222,10 +6284,10 @@ var ConversationContextProvider = ({
     },
     [threadId, assistantId, client, loadThreads]
   );
-  const clearThread = useCallback10(() => {
+  const clearThread = useCallback12(() => {
     setThreadId(null);
   }, []);
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx40(
     ConversationContext.Provider,
     {
       value: {
@@ -5263,7 +6325,7 @@ var useConversationContext = () => {
 import { Conversations } from "@ant-design/x";
 import { theme } from "antd";
 import { useMemo as useMemo8 } from "react";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var AgentConversations = () => {
   const { token } = theme.useToken();
   const { currentAssistant } = useAssistantContext();
@@ -5293,7 +6355,7 @@ var AgentConversations = () => {
     }
     await createThread();
   };
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx41(
     Conversations,
     {
       creation: {
@@ -5311,8 +6373,8 @@ var AgentConversations = () => {
 };
 
 // src/components/Chat/ChatSidebar.tsx
-import { useState as useState21, useEffect as useEffect14, useRef as useRef11 } from "react";
-import { Divider as Divider2, Tooltip as Tooltip4 } from "antd";
+import { useState as useState24, useEffect as useEffect17, useRef as useRef13 } from "react";
+import { Divider as Divider2, Tooltip as Tooltip6 } from "antd";
 import {
   MenuFoldOutlined,
   MenuUnfoldOutlined,
@@ -5322,7 +6384,7 @@ import {
 // src/components/Chat/AssistantList.tsx
 import { Conversations as Conversations2 } from "@ant-design/x";
 import { Avatar as Avatar4, theme as theme2 } from "antd";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var AssistantList = () => {
   const { token } = theme2.useToken();
   const { assistants, selectAssistant, currentAssistant } = useAssistantContext();
@@ -5334,7 +6396,7 @@ var AssistantList = () => {
   const items = assistants.map((assistant) => ({
     key: assistant.id,
     label: assistant.name,
-    icon: /* @__PURE__ */ jsx39(
+    icon: /* @__PURE__ */ jsx42(
       Avatar4,
       {
         size: "small",
@@ -5346,7 +6408,7 @@ var AssistantList = () => {
       }
     )
   }));
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx42(
     Conversations2,
     {
       items,
@@ -5360,9 +6422,9 @@ var AssistantList = () => {
 };
 
 // src/components/Chat/ChatSidebar.tsx
-import { createStyles as createStyles11 } from "antd-style";
-import { Fragment as Fragment5, jsx as jsx40, jsxs as jsxs21 } from "react/jsx-runtime";
-var useStyles3 = createStyles11(({ token, css }) => ({
+import { createStyles as createStyles12 } from "antd-style";
+import { Fragment as Fragment5, jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
+var useStyles4 = createStyles12(({ token, css }) => ({
   sidebar: css`
     display: flex;
     flex-direction: column;
@@ -5567,12 +6629,12 @@ var ChatSidebar = ({
   onSettingsClick,
   defaultCollapsed = false
 }) => {
-  const { styles } = useStyles3();
+  const { styles } = useStyles4();
   const { setMenuCollapsed, menuCollapsed, sideAppVisible } = useChatUIContext();
   const { setSettingsModalOpen } = useLatticeChatShellContext();
-  const [isHovered, setIsHovered] = useState21(false);
-  const [isFirstCollapse, setIsFirstCollapse] = useState21(false);
-  const prevIsCollapsedRef = useRef11(false);
+  const [isHovered, setIsHovered] = useState24(false);
+  const [isFirstCollapse, setIsFirstCollapse] = useState24(false);
+  const prevIsCollapsedRef = useRef13(false);
   const handleToggleCollapse = () => {
     setMenuCollapsed(!menuCollapsed);
   };
@@ -5581,7 +6643,7 @@ var ChatSidebar = ({
     onSettingsClick?.();
   };
   const isCollapsed = menuCollapsed || sideAppVisible;
-  useEffect14(() => {
+  useEffect17(() => {
     const prevIsCollapsed = prevIsCollapsedRef.current;
     if (isCollapsed) {
       const hasSeenFirstCollapse = localStorage.getItem(FIRST_COLLAPSE_KEY);
@@ -5610,54 +6672,54 @@ var ChatSidebar = ({
   const handleMouseLeave = () => {
     setIsHovered(false);
   };
-  return /* @__PURE__ */ jsxs21(Fragment5, { children: [
-    /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs23(Fragment5, { children: [
+    /* @__PURE__ */ jsxs23(
       "div",
       {
         className: `${styles.sidebar} ${isFirstCollapse ? "firstTimeHighlight" : ""}`,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         children: [
-          /* @__PURE__ */ jsx40(
-            Tooltip4,
+          /* @__PURE__ */ jsx43(
+            Tooltip6,
             {
               title: "Move the mouse over the collapsed sidebar to see the assistants and threads",
               open: isFirstCollapse,
               placement: "right",
-              children: isFirstCollapse && /* @__PURE__ */ jsx40("div", { style: { marginTop: "400px" } })
+              children: isFirstCollapse && /* @__PURE__ */ jsx43("div", { style: { marginTop: "400px" } })
             }
           ),
-          !isCollapsed && /* @__PURE__ */ jsxs21(Fragment5, { children: [
-            /* @__PURE__ */ jsxs21("div", { className: styles.content, children: [
-              /* @__PURE__ */ jsxs21("div", { className: styles.section, children: [
-                /* @__PURE__ */ jsx40("div", { className: styles.sectionTitle, children: "Assistants" }),
-                /* @__PURE__ */ jsx40(AssistantList, {})
+          !isCollapsed && /* @__PURE__ */ jsxs23(Fragment5, { children: [
+            /* @__PURE__ */ jsxs23("div", { className: styles.content, children: [
+              /* @__PURE__ */ jsxs23("div", { className: styles.section, children: [
+                /* @__PURE__ */ jsx43("div", { className: styles.sectionTitle, children: "Assistants" }),
+                /* @__PURE__ */ jsx43(AssistantList, {})
               ] }),
-              /* @__PURE__ */ jsx40(Divider2, { className: styles.divider }),
-              /* @__PURE__ */ jsxs21("div", { className: styles.section, children: [
-                /* @__PURE__ */ jsx40("div", { className: styles.sectionTitle, children: "Threads" }),
-                /* @__PURE__ */ jsx40(AgentConversations, {})
+              /* @__PURE__ */ jsx43(Divider2, { className: styles.divider }),
+              /* @__PURE__ */ jsxs23("div", { className: styles.section, children: [
+                /* @__PURE__ */ jsx43("div", { className: styles.sectionTitle, children: "Threads" }),
+                /* @__PURE__ */ jsx43(AgentConversations, {})
               ] })
             ] }),
-            /* @__PURE__ */ jsxs21("div", { className: styles.footer, children: [
-              /* @__PURE__ */ jsx40(
+            /* @__PURE__ */ jsxs23("div", { className: styles.footer, children: [
+              /* @__PURE__ */ jsx43(
                 "button",
                 {
                   className: styles.actionButton,
                   onClick: handleToggleCollapse,
                   title: isCollapsed ? "Expand sidebar" : "Collapse sidebar",
                   "aria-label": isCollapsed ? "Expand sidebar" : "Collapse sidebar",
-                  children: isCollapsed ? /* @__PURE__ */ jsx40(MenuUnfoldOutlined, {}) : /* @__PURE__ */ jsx40(MenuFoldOutlined, {})
+                  children: isCollapsed ? /* @__PURE__ */ jsx43(MenuUnfoldOutlined, {}) : /* @__PURE__ */ jsx43(MenuFoldOutlined, {})
                 }
               ),
-              /* @__PURE__ */ jsx40(
+              /* @__PURE__ */ jsx43(
                 "button",
                 {
                   className: styles.actionButton,
                   onClick: handleSettingsClick,
                   title: "Settings",
                   "aria-label": "Settings",
-                  children: /* @__PURE__ */ jsx40(SettingOutlined, {})
+                  children: /* @__PURE__ */ jsx43(SettingOutlined, {})
                 }
               )
             ] })
@@ -5665,43 +6727,43 @@ var ChatSidebar = ({
         ]
       }
     ),
-    isCollapsed && /* @__PURE__ */ jsxs21(
+    isCollapsed && /* @__PURE__ */ jsxs23(
       "div",
       {
         className: `${styles.hoverOverlay} ${isHovered ? "visible" : ""}`,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         children: [
-          /* @__PURE__ */ jsxs21("div", { className: styles.hoverContent, children: [
-            /* @__PURE__ */ jsxs21("div", { className: styles.section, children: [
-              /* @__PURE__ */ jsx40("div", { className: styles.sectionTitle, children: "Assistants" }),
-              /* @__PURE__ */ jsx40(AssistantList, {})
+          /* @__PURE__ */ jsxs23("div", { className: styles.hoverContent, children: [
+            /* @__PURE__ */ jsxs23("div", { className: styles.section, children: [
+              /* @__PURE__ */ jsx43("div", { className: styles.sectionTitle, children: "Assistants" }),
+              /* @__PURE__ */ jsx43(AssistantList, {})
             ] }),
-            /* @__PURE__ */ jsx40(Divider2, { className: styles.divider }),
-            /* @__PURE__ */ jsxs21("div", { className: styles.section, children: [
-              /* @__PURE__ */ jsx40("div", { className: styles.sectionTitle, children: "Threads" }),
-              /* @__PURE__ */ jsx40(AgentConversations, {})
+            /* @__PURE__ */ jsx43(Divider2, { className: styles.divider }),
+            /* @__PURE__ */ jsxs23("div", { className: styles.section, children: [
+              /* @__PURE__ */ jsx43("div", { className: styles.sectionTitle, children: "Threads" }),
+              /* @__PURE__ */ jsx43(AgentConversations, {})
             ] })
           ] }),
-          /* @__PURE__ */ jsxs21("div", { className: styles.footer, children: [
-            /* @__PURE__ */ jsx40(
+          /* @__PURE__ */ jsxs23("div", { className: styles.footer, children: [
+            /* @__PURE__ */ jsx43(
               "button",
               {
                 className: styles.actionButton,
                 onClick: handleToggleCollapse,
                 title: isCollapsed ? "Expand sidebar" : "Collapse sidebar",
                 "aria-label": isCollapsed ? "Expand sidebar" : "Collapse sidebar",
-                children: isCollapsed ? /* @__PURE__ */ jsx40(MenuUnfoldOutlined, {}) : /* @__PURE__ */ jsx40(MenuFoldOutlined, {})
+                children: isCollapsed ? /* @__PURE__ */ jsx43(MenuUnfoldOutlined, {}) : /* @__PURE__ */ jsx43(MenuFoldOutlined, {})
               }
             ),
-            /* @__PURE__ */ jsx40(
+            /* @__PURE__ */ jsx43(
               "button",
               {
                 className: styles.actionButton,
                 onClick: handleSettingsClick,
                 title: "Settings",
                 "aria-label": "Settings",
-                children: /* @__PURE__ */ jsx40(SettingOutlined, {})
+                children: /* @__PURE__ */ jsx43(SettingOutlined, {})
               }
             )
           ] })
@@ -5712,14 +6774,14 @@ var ChatSidebar = ({
 };
 
 // src/components/Chat/LatticeChatView.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 var LatticeChatView = (props) => {
   const { assistantId, thread } = useConversationContext();
   const { currentAssistant } = useAssistantContext();
   const {
     config: { baseURL }
   } = useLatticeChatShellContext();
-  return assistantId && thread ? /* @__PURE__ */ jsx41(
+  return assistantId && thread ? /* @__PURE__ */ jsx44(
     AxiomLatticeProvider,
     {
       config: {
@@ -5728,14 +6790,14 @@ var LatticeChatView = (props) => {
         assistantId,
         transport: "sse"
       },
-      children: /* @__PURE__ */ jsx41(
+      children: /* @__PURE__ */ jsx44(
         LatticeChat,
         {
           thread_id: thread?.id,
           assistant_id: assistantId,
           name: currentAssistant?.name,
           description: currentAssistant?.description,
-          menu: /* @__PURE__ */ jsx41(ChatSidebar, {})
+          menu: /* @__PURE__ */ jsx44(ChatSidebar, {})
         }
       )
     }
@@ -5743,24 +6805,24 @@ var LatticeChatView = (props) => {
 };
 
 // src/components/Chat/SettingsModal.tsx
-import { useState as useState22, useEffect as useEffect15, useRef as useRef12 } from "react";
+import { useState as useState25, useEffect as useEffect18, useRef as useRef14 } from "react";
 import {
   Modal,
   Input,
-  Button as Button14,
-  message as message4,
-  Typography as Typography15,
-  Alert as Alert3,
+  Button as Button16,
+  message as message5,
+  Typography as Typography16,
+  Alert as Alert4,
   Select,
   Switch,
-  Space as Space14,
+  Space as Space15,
   Tabs as Tabs2
 } from "antd";
 import {
   SaveOutlined,
   EnvironmentOutlined,
-  ReloadOutlined as ReloadOutlined2,
-  CheckCircleOutlined as CheckCircleOutlined4,
+  ReloadOutlined as ReloadOutlined3,
+  CheckCircleOutlined as CheckCircleOutlined5,
   ApiOutlined,
   LinkOutlined,
   CheckCircleFilled,
@@ -5768,11 +6830,11 @@ import {
   PlusOutlined,
   CloudServerOutlined
 } from "@ant-design/icons";
-import { createStyles as createStyles12 } from "antd-style";
-import { Fragment as Fragment6, jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
-var { Text: Text13, Title: Title2 } = Typography15;
+import { createStyles as createStyles13 } from "antd-style";
+import { Fragment as Fragment6, jsx as jsx45, jsxs as jsxs24 } from "react/jsx-runtime";
+var { Text: Text14, Title: Title3 } = Typography16;
 var { TextArea } = Input;
-var useStyles4 = createStyles12(({ token, css }) => ({
+var useStyles5 = createStyles13(({ token, css }) => ({
   //   settingsModal: css`
   //     .ant-modal {
   //       max-width: 100vw !important;
@@ -6118,21 +7180,21 @@ var SETTINGS_MENU_ITEMS = [
   {
     key: "environment",
     label: "Environment Variables",
-    icon: /* @__PURE__ */ jsx42(EnvironmentOutlined, {})
+    icon: /* @__PURE__ */ jsx45(EnvironmentOutlined, {})
   },
   {
     key: "models",
     label: "Model Configuration",
-    icon: /* @__PURE__ */ jsx42(ApiOutlined, {})
+    icon: /* @__PURE__ */ jsx45(ApiOutlined, {})
   }
 ];
 var SettingsModal = ({
   open,
   onClose
 }) => {
-  const { styles } = useStyles4();
+  const { styles } = useStyles5();
   const { config: shellConfig, updateConfigValue } = useLatticeChatShellContext();
-  const [connections, setConnections] = useState22(() => {
+  const [connections, setConnections] = useState25(() => {
     if (typeof window !== "undefined") {
       try {
         const stored = localStorage.getItem("lattice_server_connections");
@@ -6155,21 +7217,21 @@ var SettingsModal = ({
     }
     return [];
   });
-  const [serverConfigs, setServerConfigs] = useState22({});
-  const connectionsRef = useRef12(connections);
-  useEffect15(() => {
+  const [serverConfigs, setServerConfigs] = useState25({});
+  const connectionsRef = useRef14(connections);
+  useEffect18(() => {
     connectionsRef.current = connections;
   }, [connections]);
-  const [activeTabKey, setActiveTabKey] = useState22(
+  const [activeTabKey, setActiveTabKey] = useState25(
     connections.length > 0 ? connections[0].id : ""
   );
-  const [activeMenu, setActiveMenu] = useState22("environment");
-  const [loading, setLoading] = useState22(false);
-  const [showAddServerModal, setShowAddServerModal] = useState22(false);
-  const [newServerUrl, setNewServerUrl] = useState22("");
-  const [newServerName, setNewServerName] = useState22("");
-  const [newServerApiKey, setNewServerApiKey] = useState22("");
-  const [addingServer, setAddingServer] = useState22(false);
+  const [activeMenu, setActiveMenu] = useState25("environment");
+  const [loading, setLoading] = useState25(false);
+  const [showAddServerModal, setShowAddServerModal] = useState25(false);
+  const [newServerUrl, setNewServerUrl] = useState25("");
+  const [newServerName, setNewServerName] = useState25("");
+  const [newServerApiKey, setNewServerApiKey] = useState25("");
+  const [addingServer, setAddingServer] = useState25(false);
   const saveConnections = (newConnections) => {
     setConnections(newConnections);
     if (typeof window !== "undefined") {
@@ -6308,7 +7370,7 @@ var SettingsModal = ({
       }
     } catch (error) {
       console.error("Failed to load configuration:", error);
-      message4.error("Failed to load current configuration");
+      message5.error("Failed to load current configuration");
     }
   };
   const loadModelsConfig = async (serverId) => {
@@ -6359,7 +7421,7 @@ var SettingsModal = ({
       console.error("Failed to load models configuration:", error);
     }
   };
-  useEffect15(() => {
+  useEffect18(() => {
     if (open && activeTabKey) {
       initializeServerConfig(activeTabKey);
       const connection = connections.find((c) => c.id === activeTabKey);
@@ -6368,7 +7430,7 @@ var SettingsModal = ({
       }
     }
   }, [open, activeTabKey]);
-  useEffect15(() => {
+  useEffect18(() => {
     if (open && activeTabKey) {
       const connection = connections.find((c) => c.id === activeTabKey);
       if (connection?.connected) {
@@ -6382,7 +7444,7 @@ var SettingsModal = ({
   }, [open, activeTabKey, activeMenu]);
   const handleAddServer = async () => {
     if (!newServerUrl.trim()) {
-      message4.error("Please enter a server URL");
+      message5.error("Please enter a server URL");
       return;
     }
     let normalizedUrl = newServerUrl.trim();
@@ -6408,7 +7470,7 @@ var SettingsModal = ({
     setNewServerUrl("");
     setNewServerName("");
     setNewServerApiKey("");
-    message4.success("Server added successfully");
+    message5.success("Server added successfully");
   };
   const handleDeleteServer = (serverId) => {
     const newConnections = connections.filter((c) => c.id !== serverId);
@@ -6425,7 +7487,7 @@ var SettingsModal = ({
         setActiveTabKey("");
       }
     }
-    message4.success("Server deleted");
+    message5.success("Server deleted");
   };
   const handleTabChange = (newTabKey) => {
     setConnections(
@@ -6439,12 +7501,12 @@ var SettingsModal = ({
   const handleSave = async () => {
     const connection = connections.find((c) => c.id === activeTabKey);
     if (!connection || !connection.connected) {
-      message4.error("Please connect to a server first");
+      message5.error("Please connect to a server first");
       return;
     }
     const url = connection.url;
     if (!url) {
-      message4.error("Please connect to a server first");
+      message5.error("Please connect to a server first");
       return;
     }
     try {
@@ -6508,23 +7570,23 @@ var SettingsModal = ({
         const data = await response.json();
         if (response.ok && data.success) {
           if (data.requiresRestart && data.requiresRestart.length > 0) {
-            message4.warning(
+            message5.warning(
               `Configuration saved. Please restart the server for ${data.requiresRestart.join(
                 ", "
               )} to take effect.`,
               5
             );
           } else {
-            message4.success("Configuration saved and applied successfully");
+            message5.success("Configuration saved and applied successfully");
           }
           if (data.warnings && data.warnings.length > 0) {
             data.warnings.forEach((warning) => {
-              message4.warning(warning, 5);
+              message5.warning(warning, 5);
             });
           }
           onClose();
         } else {
-          message4.error(data.error || "Failed to save configuration");
+          message5.error(data.error || "Failed to save configuration");
         }
       } else if (activeMenu === "models") {
         const validModels = config.models.filter(
@@ -6543,17 +7605,17 @@ var SettingsModal = ({
         });
         const data = await response.json();
         if (response.ok && data.success) {
-          message4.success(
+          message5.success(
             "Model configuration saved and registered successfully"
           );
           onClose();
         } else {
-          message4.error(data.error || "Failed to save model configuration");
+          message5.error(data.error || "Failed to save model configuration");
         }
       }
     } catch (error) {
       console.error("Failed to save configuration:", error);
-      message4.error(error.message || "Failed to save configuration");
+      message5.error(error.message || "Failed to save configuration");
     } finally {
       setLoading(false);
     }
@@ -6569,25 +7631,25 @@ var SettingsModal = ({
         }
       }));
     };
-    return /* @__PURE__ */ jsxs22("div", { className: styles.formContainer, children: [
-      /* @__PURE__ */ jsx42(
-        Alert3,
+    return /* @__PURE__ */ jsxs24("div", { className: styles.formContainer, children: [
+      /* @__PURE__ */ jsx45(
+        Alert4,
         {
           message: "Configuration Effect",
-          description: /* @__PURE__ */ jsxs22("div", { children: [
-            /* @__PURE__ */ jsxs22("div", { style: { marginBottom: 8 }, children: [
-              /* @__PURE__ */ jsx42(
-                CheckCircleOutlined4,
+          description: /* @__PURE__ */ jsxs24("div", { children: [
+            /* @__PURE__ */ jsxs24("div", { style: { marginBottom: 8 }, children: [
+              /* @__PURE__ */ jsx45(
+                CheckCircleOutlined5,
                 {
                   style: { color: "#52c41a", marginRight: 8 }
                 }
               ),
-              /* @__PURE__ */ jsx42("strong", { children: "Immediately effective:" }),
+              /* @__PURE__ */ jsx45("strong", { children: "Immediately effective:" }),
               " QUEUE_SERVICE_TYPE, REDIS_URL, REDIS_PASSWORD, QUEUE_NAME"
             ] }),
-            /* @__PURE__ */ jsxs22("div", { children: [
-              /* @__PURE__ */ jsx42(ReloadOutlined2, { style: { color: "#faad14", marginRight: 8 } }),
-              /* @__PURE__ */ jsx42("strong", { children: "Requires restart:" }),
+            /* @__PURE__ */ jsxs24("div", { children: [
+              /* @__PURE__ */ jsx45(ReloadOutlined3, { style: { color: "#faad14", marginRight: 8 } }),
+              /* @__PURE__ */ jsx45("strong", { children: "Requires restart:" }),
               " PORT (server must be restarted to change port)"
             ] })
           ] }),
@@ -6596,8 +7658,8 @@ var SettingsModal = ({
           className: styles.alertCard
         }
       ),
-      /* @__PURE__ */ jsx42("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ jsx42(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__ */ jsx42(
+      /* @__PURE__ */ jsx45("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ jsx45(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__ */ jsx45(
         TextArea,
         {
           value: config.envText,
@@ -6674,10 +7736,10 @@ QUEUE_NAME=tasks`,
         }));
       }
     };
-    return /* @__PURE__ */ jsxs22("div", { className: styles.formContainer, children: [
-      /* @__PURE__ */ jsx42("div", { style: { marginBottom: 32 }, children: /* @__PURE__ */ jsx42(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__ */ jsxs22("div", { className: styles.card, children: [
-        /* @__PURE__ */ jsxs22(
+    return /* @__PURE__ */ jsxs24("div", { className: styles.formContainer, children: [
+      /* @__PURE__ */ jsx45("div", { style: { marginBottom: 32 }, children: /* @__PURE__ */ jsx45(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__ */ jsxs24("div", { className: styles.card, children: [
+        /* @__PURE__ */ jsxs24(
           "div",
           {
             style: {
@@ -6689,13 +7751,13 @@ QUEUE_NAME=tasks`,
               borderBottom: "1px solid rgba(0, 0, 0, 0.06)"
             },
             children: [
-              /* @__PURE__ */ jsxs22("div", { children: [
-                /* @__PURE__ */ jsxs22(Text13, { strong: true, style: { fontSize: 16 }, children: [
+              /* @__PURE__ */ jsxs24("div", { children: [
+                /* @__PURE__ */ jsxs24(Text14, { strong: true, style: { fontSize: 16 }, children: [
                   "Model ",
                   index + 1
                 ] }),
-                model.key && /* @__PURE__ */ jsxs22(
-                  Text13,
+                model.key && /* @__PURE__ */ jsxs24(
+                  Text14,
                   {
                     type: "secondary",
                     style: { marginLeft: 8, fontSize: 12 },
@@ -6707,8 +7769,8 @@ QUEUE_NAME=tasks`,
                   }
                 )
               ] }),
-              config.models.length > 1 && /* @__PURE__ */ jsx42(
-                Button14,
+              config.models.length > 1 && /* @__PURE__ */ jsx45(
+                Button16,
                 {
                   type: "text",
                   danger: true,
@@ -6724,10 +7786,10 @@ QUEUE_NAME=tasks`,
             ]
           }
         ),
-        /* @__PURE__ */ jsxs22(Space14, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
-          /* @__PURE__ */ jsxs22("div", { children: [
-            /* @__PURE__ */ jsx42(Text13, { className: styles.formLabel, children: "Key *" }),
-            /* @__PURE__ */ jsx42(
+        /* @__PURE__ */ jsxs24(Space15, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
+          /* @__PURE__ */ jsxs24("div", { children: [
+            /* @__PURE__ */ jsx45(Text14, { className: styles.formLabel, children: "Key *" }),
+            /* @__PURE__ */ jsx45(
               Input,
               {
                 placeholder: "e.g., default, gpt-4, claude",
@@ -6736,11 +7798,11 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ jsx42(Text13, { className: styles.formDescription, children: "Unique identifier for this model" })
+            /* @__PURE__ */ jsx45(Text14, { className: styles.formDescription, children: "Unique identifier for this model" })
           ] }),
-          /* @__PURE__ */ jsxs22("div", { children: [
-            /* @__PURE__ */ jsx42(Text13, { className: styles.formLabel, children: "Provider *" }),
-            /* @__PURE__ */ jsx42(
+          /* @__PURE__ */ jsxs24("div", { children: [
+            /* @__PURE__ */ jsx45(Text14, { className: styles.formLabel, children: "Provider *" }),
+            /* @__PURE__ */ jsx45(
               Select,
               {
                 style: { width: "100%", height: 40 },
@@ -6756,9 +7818,9 @@ QUEUE_NAME=tasks`,
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs22("div", { children: [
-            /* @__PURE__ */ jsx42(Text13, { className: styles.formLabel, children: "Model Name *" }),
-            /* @__PURE__ */ jsx42(
+          /* @__PURE__ */ jsxs24("div", { children: [
+            /* @__PURE__ */ jsx45(Text14, { className: styles.formLabel, children: "Model Name *" }),
+            /* @__PURE__ */ jsx45(
               Input,
               {
                 placeholder: "e.g., gpt-4, claude-3-opus, kimi-k2-250905",
@@ -6768,9 +7830,9 @@ QUEUE_NAME=tasks`,
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs22("div", { children: [
-            /* @__PURE__ */ jsx42(Text13, { className: styles.formLabel, children: "API Key" }),
-            /* @__PURE__ */ jsx42(
+          /* @__PURE__ */ jsxs24("div", { children: [
+            /* @__PURE__ */ jsx45(Text14, { className: styles.formLabel, children: "API Key" }),
+            /* @__PURE__ */ jsx45(
               Input.Password,
               {
                 placeholder: "Enter your API key",
@@ -6779,11 +7841,11 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ jsx42(Text13, { className: styles.formDescription, children: "API key for the model provider. Leave empty to use environment variable." })
+            /* @__PURE__ */ jsx45(Text14, { className: styles.formDescription, children: "API key for the model provider. Leave empty to use environment variable." })
           ] }),
-          /* @__PURE__ */ jsxs22("div", { children: [
-            /* @__PURE__ */ jsx42(Text13, { className: styles.formLabel, children: "Base URL" }),
-            /* @__PURE__ */ jsx42(
+          /* @__PURE__ */ jsxs24("div", { children: [
+            /* @__PURE__ */ jsx45(Text14, { className: styles.formLabel, children: "Base URL" }),
+            /* @__PURE__ */ jsx45(
               Input,
               {
                 placeholder: "e.g., https://api.openai.com/v1",
@@ -6792,22 +7854,22 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ jsx42(Text13, { className: styles.formDescription, children: "Optional custom base URL for the API" })
+            /* @__PURE__ */ jsx45(Text14, { className: styles.formDescription, children: "Optional custom base URL for the API" })
           ] }),
-          /* @__PURE__ */ jsx42("div", { children: /* @__PURE__ */ jsxs22(Space14, { children: [
-            /* @__PURE__ */ jsx42(
+          /* @__PURE__ */ jsx45("div", { children: /* @__PURE__ */ jsxs24(Space15, { children: [
+            /* @__PURE__ */ jsx45(
               Switch,
               {
                 checked: model.streaming,
                 onChange: (checked) => handleModelChange(index, "streaming", checked)
               }
             ),
-            /* @__PURE__ */ jsx42(Text13, { children: "Enable Streaming" })
+            /* @__PURE__ */ jsx45(Text14, { children: "Enable Streaming" })
           ] }) }),
-          /* @__PURE__ */ jsxs22("div", { style: { display: "flex", gap: 20 }, children: [
-            /* @__PURE__ */ jsxs22("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ jsx42(Text13, { className: styles.formLabel, children: "Max Tokens" }),
-              /* @__PURE__ */ jsx42(
+          /* @__PURE__ */ jsxs24("div", { style: { display: "flex", gap: 20 }, children: [
+            /* @__PURE__ */ jsxs24("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ jsx45(Text14, { className: styles.formLabel, children: "Max Tokens" }),
+              /* @__PURE__ */ jsx45(
                 Input,
                 {
                   type: "number",
@@ -6822,9 +7884,9 @@ QUEUE_NAME=tasks`,
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs22("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ jsx42(Text13, { className: styles.formLabel, children: "Temperature" }),
-              /* @__PURE__ */ jsx42(
+            /* @__PURE__ */ jsxs24("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ jsx45(Text14, { className: styles.formLabel, children: "Temperature" }),
+              /* @__PURE__ */ jsx45(
                 Input,
                 {
                   type: "number",
@@ -6843,8 +7905,8 @@ QUEUE_NAME=tasks`,
           ] })
         ] })
       ] }, index)),
-      /* @__PURE__ */ jsx42(
-        Button14,
+      /* @__PURE__ */ jsx45(
+        Button16,
         {
           type: "dashed",
           onClick: handleAddModel,
@@ -6871,8 +7933,8 @@ QUEUE_NAME=tasks`,
   );
   const currentConnection = connections.find((c) => c.id === activeTabKey);
   const renderTabLabel = (connection) => {
-    return /* @__PURE__ */ jsxs22("div", { style: { display: "flex", alignItems: "center" }, children: [
-      /* @__PURE__ */ jsx42(
+    return /* @__PURE__ */ jsxs24("div", { style: { display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx45(
         CloudServerOutlined,
         {
           style: {
@@ -6881,14 +7943,14 @@ QUEUE_NAME=tasks`,
           }
         }
       ),
-      /* @__PURE__ */ jsx42("span", { children: connection.name }),
-      connection.connected && /* @__PURE__ */ jsx42(
+      /* @__PURE__ */ jsx45("span", { children: connection.name }),
+      connection.connected && /* @__PURE__ */ jsx45(
         CheckCircleFilled,
         {
           style: { color: "#52c41a", fontSize: 12, marginLeft: 8 }
         }
       ),
-      connection.error && !connection.connecting && /* @__PURE__ */ jsx42(
+      connection.error && !connection.connecting && /* @__PURE__ */ jsx45(
         CloseCircleFilled,
         {
           style: { color: "#ff4d4f", fontSize: 12, marginLeft: 8 }
@@ -6899,35 +7961,35 @@ QUEUE_NAME=tasks`,
   const tabItems = connections.map((connection) => ({
     key: connection.id,
     label: renderTabLabel(connection),
-    children: /* @__PURE__ */ jsx42("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ jsx42(Fragment6, { children: /* @__PURE__ */ jsxs22("div", { style: { display: "flex", height: "100%" }, children: [
-      /* @__PURE__ */ jsx42("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ jsxs22(
+    children: /* @__PURE__ */ jsx45("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ jsx45(Fragment6, { children: /* @__PURE__ */ jsxs24("div", { style: { display: "flex", height: "100%" }, children: [
+      /* @__PURE__ */ jsx45("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ jsxs24(
         "div",
         {
           className: `${styles.menuItem} ${activeMenu === item.key ? "active" : ""}`,
           onClick: () => setActiveMenu(item.key),
           children: [
-            /* @__PURE__ */ jsx42("span", { className: styles.menuItemIcon, children: item.icon }),
-            /* @__PURE__ */ jsx42("span", { className: styles.menuItemText, children: item.label })
+            /* @__PURE__ */ jsx45("span", { className: styles.menuItemIcon, children: item.icon }),
+            /* @__PURE__ */ jsx45("span", { className: styles.menuItemText, children: item.label })
           ]
         },
         item.key
       )) }),
-      /* @__PURE__ */ jsxs22("div", { className: styles.content, children: [
-        /* @__PURE__ */ jsxs22("div", { className: styles.contentHeader, children: [
-          /* @__PURE__ */ jsxs22("div", { className: styles.contentHeaderLeft, children: [
-            /* @__PURE__ */ jsx42(Title2, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
-            /* @__PURE__ */ jsxs22(Text13, { className: styles.contentDescription, children: [
+      /* @__PURE__ */ jsxs24("div", { className: styles.content, children: [
+        /* @__PURE__ */ jsxs24("div", { className: styles.contentHeader, children: [
+          /* @__PURE__ */ jsxs24("div", { className: styles.contentHeaderLeft, children: [
+            /* @__PURE__ */ jsx45(Title3, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
+            /* @__PURE__ */ jsxs24(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__ */ jsxs22("div", { className: styles.contentHeaderRight, children: [
-            /* @__PURE__ */ jsx42(Button14, { onClick: onClose, children: "Cancel" }),
-            /* @__PURE__ */ jsx42(
-              Button14,
+          /* @__PURE__ */ jsxs24("div", { className: styles.contentHeaderRight, children: [
+            /* @__PURE__ */ jsx45(Button16, { onClick: onClose, children: "Cancel" }),
+            /* @__PURE__ */ jsx45(
+              Button16,
               {
                 type: "primary",
-                icon: /* @__PURE__ */ jsx42(SaveOutlined, {}),
+                icon: /* @__PURE__ */ jsx45(SaveOutlined, {}),
                 onClick: handleSave,
                 loading,
                 children: "Save Configuration"
@@ -6935,9 +7997,9 @@ QUEUE_NAME=tasks`,
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx42("div", { className: styles.contentBody, children: renderContent(connection.id) })
+        /* @__PURE__ */ jsx45("div", { className: styles.contentBody, children: renderContent(connection.id) })
       ] })
-    ] }) }) : /* @__PURE__ */ jsx42(
+    ] }) }) : /* @__PURE__ */ jsx45(
       "div",
       {
         style: {
@@ -6949,29 +8011,29 @@ QUEUE_NAME=tasks`,
           gap: 16,
           padding: 48
         },
-        children: connection.connecting ? /* @__PURE__ */ jsxs22(Fragment6, { children: [
-          /* @__PURE__ */ jsx42(LinkOutlined, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
-          /* @__PURE__ */ jsx42(Title2, { level: 4, children: "Connecting..." }),
-          /* @__PURE__ */ jsxs22(Text13, { type: "secondary", style: { textAlign: "center" }, children: [
+        children: connection.connecting ? /* @__PURE__ */ jsxs24(Fragment6, { children: [
+          /* @__PURE__ */ jsx45(LinkOutlined, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
+          /* @__PURE__ */ jsx45(Title3, { level: 4, children: "Connecting..." }),
+          /* @__PURE__ */ jsxs24(Text14, { type: "secondary", style: { textAlign: "center" }, children: [
             "Connecting to ",
             connection.url
           ] })
-        ] }) : /* @__PURE__ */ jsxs22(Fragment6, { children: [
-          /* @__PURE__ */ jsx42(LinkOutlined, { style: { fontSize: 64, color: "#d9d9d9" } }),
-          /* @__PURE__ */ jsx42(Title2, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
-          /* @__PURE__ */ jsx42(
-            Text13,
+        ] }) : /* @__PURE__ */ jsxs24(Fragment6, { children: [
+          /* @__PURE__ */ jsx45(LinkOutlined, { style: { fontSize: 64, color: "#d9d9d9" } }),
+          /* @__PURE__ */ jsx45(Title3, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
+          /* @__PURE__ */ jsx45(
+            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__ */ jsx42(
-            Button14,
+          /* @__PURE__ */ jsx45(
+            Button16,
             {
               type: "primary",
-              icon: /* @__PURE__ */ jsx42(LinkOutlined, {}),
+              icon: /* @__PURE__ */ jsx45(LinkOutlined, {}),
               onClick: () => checkConnection(connection.id),
               loading: connection.connecting,
               style: { marginTop: 16 },
@@ -6983,8 +8045,8 @@ QUEUE_NAME=tasks`,
     ) }),
     closable: connections.length > 1
   }));
-  return /* @__PURE__ */ jsxs22(Fragment6, { children: [
-    /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsxs24(Fragment6, { children: [
+    /* @__PURE__ */ jsx45(
       Modal,
       {
         open,
@@ -6993,7 +8055,7 @@ QUEUE_NAME=tasks`,
         width: "80%",
         footer: null,
         title: "Settings",
-        children: /* @__PURE__ */ jsx42("div", { children: /* @__PURE__ */ jsx42(
+        children: /* @__PURE__ */ jsx45("div", { children: /* @__PURE__ */ jsx45(
           Tabs2,
           {
             activeKey: activeTabKey,
@@ -7007,7 +8069,7 @@ QUEUE_NAME=tasks`,
               }
             },
             items: tabItems,
-            addIcon: /* @__PURE__ */ jsxs22(
+            addIcon: /* @__PURE__ */ jsxs24(
               "div",
               {
                 style: {
@@ -7017,8 +8079,8 @@ QUEUE_NAME=tasks`,
                   padding: "4px 8px"
                 },
                 children: [
-                  /* @__PURE__ */ jsx42(PlusOutlined, {}),
-                  /* @__PURE__ */ jsx42("span", { children: "Add Server" })
+                  /* @__PURE__ */ jsx45(PlusOutlined, {}),
+                  /* @__PURE__ */ jsx45("span", { children: "Add Server" })
                 ]
               }
             )
@@ -7026,7 +8088,7 @@ QUEUE_NAME=tasks`,
         ) })
       }
     ),
-    /* @__PURE__ */ jsx42(
+    /* @__PURE__ */ jsx45(
       Modal,
       {
         title: "Add New Server",
@@ -7040,10 +8102,10 @@ QUEUE_NAME=tasks`,
         },
         confirmLoading: addingServer,
         className: styles.addServerModal,
-        children: /* @__PURE__ */ jsxs22(Space14, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
-          /* @__PURE__ */ jsxs22("div", { children: [
-            /* @__PURE__ */ jsx42(Text13, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
-            /* @__PURE__ */ jsx42(
+        children: /* @__PURE__ */ jsxs24(Space15, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
+          /* @__PURE__ */ jsxs24("div", { children: [
+            /* @__PURE__ */ jsx45(Text14, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
+            /* @__PURE__ */ jsx45(
               Input,
               {
                 placeholder: "e.g., Production Server",
@@ -7052,11 +8114,11 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ jsx42(Text13, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: Leave empty to use URL as name" })
+            /* @__PURE__ */ jsx45(Text14, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: Leave empty to use URL as name" })
           ] }),
-          /* @__PURE__ */ jsxs22("div", { children: [
-            /* @__PURE__ */ jsx42(Text13, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
-            /* @__PURE__ */ jsx42(
+          /* @__PURE__ */ jsxs24("div", { children: [
+            /* @__PURE__ */ jsx45(Text14, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
+            /* @__PURE__ */ jsx45(
               Input,
               {
                 placeholder: "e.g., http://localhost:4001",
@@ -7065,11 +8127,11 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ jsx42(Text13, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Enter the full URL of the gateway server" })
+            /* @__PURE__ */ jsx45(Text14, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Enter the full URL of the gateway server" })
           ] }),
-          /* @__PURE__ */ jsxs22("div", { children: [
-            /* @__PURE__ */ jsx42(Text13, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
-            /* @__PURE__ */ jsx42(
+          /* @__PURE__ */ jsxs24("div", { children: [
+            /* @__PURE__ */ jsx45(Text14, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
+            /* @__PURE__ */ jsx45(
               Input.Password,
               {
                 placeholder: "Optional: Enter API key for authentication",
@@ -7078,7 +8140,7 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ jsx42(Text13, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: API key for server authentication" })
+            /* @__PURE__ */ jsx45(Text14, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: API key for server authentication" })
           ] })
         ] })
       }
@@ -7087,10 +8149,10 @@ QUEUE_NAME=tasks`,
 };
 
 // src/components/Chat/AgentServerSetting.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var AgentServerSetting = () => {
   const { settingsModalOpen, setSettingsModalOpen } = useLatticeChatShellContext();
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx46(
     SettingsModal,
     {
       open: settingsModalOpen,
@@ -7100,11 +8162,11 @@ var AgentServerSetting = () => {
 };
 
 // src/components/Chat/LatticeChatShell.tsx
-import { jsx as jsx44, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs25 } from "react/jsx-runtime";
 var LatticeChatShell = (props) => {
-  return /* @__PURE__ */ jsxs23(LatticeChatShellContextProvider, { ...props, children: [
-    /* @__PURE__ */ jsx44(AssistantContextProvider, { autoLoad: true, children: /* @__PURE__ */ jsx44(ConversationContextProvider, { children: /* @__PURE__ */ jsx44(LatticeChatView, {}) }) }),
-    /* @__PURE__ */ jsx44(AgentServerSetting, {})
+  return /* @__PURE__ */ jsxs25(LatticeChatShellContextProvider, { ...props, children: [
+    /* @__PURE__ */ jsx47(AssistantContextProvider, { autoLoad: true, children: /* @__PURE__ */ jsx47(ConversationContextProvider, { children: /* @__PURE__ */ jsx47(LatticeChatView, {}) }) }),
+    /* @__PURE__ */ jsx47(AgentServerSetting, {})
   ] });
 };
 export {
@@ -7126,6 +8188,7 @@ export {
   LatticeChatShellContextProvider,
   MDResponse,
   MDViewFormItem,
+  ScheduleButton,
   SideAppViewBrowser,
   getElement,
   regsiterElement,