@axiom-lattice/react-sdk 2.1.83 → 2.1.84

package/dist/index.js

@@ -4224,6 +4224,11 @@ var useStyle = (0, import_antd_style2.createStyles)(({ token, css }) => {
       .ant-prompts {
         color: ${token.colorText};
       }
+
+      @media (max-width: 768px) {
+        padding: 0;
+        gap: 0;
+      }
     `,
     header: css`
       min-height: 40px;
@@ -4232,6 +4237,11 @@ var useStyle = (0, import_antd_style2.createStyles)(({ token, css }) => {
       padding: 0 ${token.padding}px;
       box-sizing: border-box;
       flex-shrink: 0;
+
+      @media (max-width: 768px) {
+        padding: 0 8px;
+        min-height: 36px;
+      }
     `,
     contentArea: css`
       flex: 1;
@@ -4239,12 +4249,20 @@ var useStyle = (0, import_antd_style2.createStyles)(({ token, css }) => {
       flex-direction: column;
       overflow: hidden;
       gap: 8px;
+
+      @media (max-width: 768px) {
+        gap: 4px;
+      }
     `,
     columns: css`
       flex: 1;
       display: flex;
       gap: 8px;
       overflow: hidden;
+
+      @media (max-width: 768px) {
+        gap: 0;
+      }
     `,
     menu: css`
       // background: ${token.colorBgContainer}90;
@@ -4261,6 +4279,22 @@ var useStyle = (0, import_antd_style2.createStyles)(({ token, css }) => {
       &.expanded {
         width: 240px;
       }
+
+      @media (max-width: 768px) {
+        position: fixed;
+        left: 0;
+        top: 0;
+        bottom: 0;
+        z-index: 100;
+        background: ${token.colorBgLayout};
+        border-right: 1px solid ${token.colorBorder};
+        box-shadow: ${token.boxShadow};
+        width: 0;
+
+        &.expanded {
+          width: 240px;
+        }
+      }
     `,
     menuToggle: css`
       position: relative;
@@ -4332,6 +4366,13 @@ var useStyle = (0, import_antd_style2.createStyles)(({ token, css }) => {
         white-space: pre-wrap;
         word-break: break-all;
       }
+
+      @media (max-width: 768px) {
+        min-width: 0;
+        border-radius: 0;
+        border: none;
+        gap: 8px;
+      }
     `,
     chat: css`
       width: 100%;
@@ -4364,6 +4405,10 @@ var useStyle = (0, import_antd_style2.createStyles)(({ token, css }) => {
         background-repeat: no-repeat;
         background-position: bottom;
       }
+
+      @media (max-width: 768px) {
+        padding: 4px;
+      }
     `,
     detailPanel: css`
       display: flex;
@@ -4401,6 +4446,29 @@ var useStyle = (0, import_antd_style2.createStyles)(({ token, css }) => {
         bottom: 16px;
         top: 2px;
       }
+
+      @media (max-width: 768px) {
+        border-radius: 0;
+
+        &.open {
+          position: fixed;
+          top: 0;
+          right: 0;
+          bottom: 0;
+          left: 0;
+          width: 100vw !important;
+          height: 100dvh;
+          z-index: 50;
+          border: none;
+        }
+
+        &.small,
+        &.middle,
+        &.large,
+        &.full {
+          width: 100vw !important;
+        }
+      }
     `,
     toolPanel: css`
       display: flex;
@@ -4418,6 +4486,22 @@ var useStyle = (0, import_antd_style2.createStyles)(({ token, css }) => {
         box-shadow: ${token.boxShadow};
         border-color: ${token.colorBorder};
       }
+
+      @media (max-width: 768px) {
+        border-radius: 0;
+
+        &.open {
+          position: fixed;
+          top: 0;
+          right: 0;
+          bottom: 0;
+          left: 0;
+          width: 100vw !important;
+          height: 100dvh;
+          z-index: 50;
+          border: none;
+        }
+      }
     `,
     detailContent: css`
       // padding: 8px 8px;
@@ -4983,6 +5067,26 @@ var useStyle = (0, import_antd_style2.createStyles)(({ token, css }) => {
   };
 });
 
+// src/hooks/useMediaQuery.ts
+var import_react21 = require("react");
+function useMediaQuery(query) {
+  const [matches, setMatches] = (0, import_react21.useState)(() => {
+    if (typeof window !== "undefined") {
+      return window.matchMedia(query).matches;
+    }
+    return false;
+  });
+  (0, import_react21.useEffect)(() => {
+    const mql = window.matchMedia(query);
+    const handler = (event) => {
+      setMatches(event.matches);
+    };
+    mql.addEventListener("change", handler);
+    return () => mql.removeEventListener("change", handler);
+  }, [query]);
+  return matches;
+}
+
 // src/components/Chat/ColumnLayout.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var ColumnLayout = ({
@@ -5003,7 +5107,8 @@ var ColumnLayout = ({
     contentAppSelectedCard,
     menuCollapsed
   } = useChatUIContext();
-  const isMenuCollapsed = menuCollapsed || detailVisible;
+  const isMobile = useMediaQuery("(max-width: 768px)");
+  const isMenuCollapsed = menuCollapsed ?? (isMobile || detailVisible);
   const menuStateClass = isMenuCollapsed ? "collapsed" : "expanded";
   const hasSidePanelsOpen = detailVisible || toolsVisible;
   const resolvedDetailSize = toolsVisible && (detailSize || "large") === "large" ? "middle" : detailSize || "large";
@@ -5014,17 +5119,24 @@ var ColumnLayout = ({
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: styles.contentArea, children: [
       header && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: styles.header, children: header }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: styles.columns, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `${styles.mainContent} ${hasSidePanelsOpen ? "open" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `${styles.chat} ${contentAppSelectedCard ? "full_content_width" : ""}`, children: main }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          "div",
-          {
-            className: `${styles.detailPanel} ${detailVisible ? `open ${resolvedDetailSize}` : ""}`,
-            children: detailVisible && detailSelectedCard && detail ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: styles.detailContent, children: detail }) : null
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `${styles.toolPanel} ${toolsVisible ? "open" : ""}`, children: toolsVisible && tools ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: styles.detailContent, children: tools }) : null })
-      ] })
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+        "div",
+        {
+          className: styles.columns,
+          style: { gap: hasSidePanelsOpen ? void 0 : 0 },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `${styles.mainContent} ${hasSidePanelsOpen ? "open" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `${styles.chat} ${contentAppSelectedCard ? "full_content_width" : ""}`, children: main }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              "div",
+              {
+                className: `${styles.detailPanel} ${detailVisible ? `open ${resolvedDetailSize}` : ""}`,
+                children: detailVisible && detailSelectedCard && detail ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: styles.detailContent, children: detail }) : null
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `${styles.toolPanel} ${toolsVisible ? "open" : ""}`, children: toolsVisible && tools ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: styles.detailContent, children: tools }) : null })
+          ]
+        }
+      )
     ] })
   ] });
 };
@@ -5034,11 +5146,11 @@ var import_icons43 = require("@ant-design/icons");
 
 // src/components/GenUI/elements/confirm_feedback.tsx
 var import_antd12 = require("antd");
-var import_react31 = require("react");
+var import_react32 = require("react");
 
 // src/components/GenUI/MDResponse.tsx
 var import_x_markdown = __toESM(require("@ant-design/x-markdown"));
-var import_react30 = __toESM(require("react"));
+var import_react31 = __toESM(require("react"));
 var import_antd_style6 = require("antd-style");
 
 // src/components/GenUI/Code.tsx
@@ -5046,13 +5158,13 @@ var import_x = require("@ant-design/x");
 
 // src/components/GenUI/ReactInfographic.tsx
 var import_infographic = require("@antv/infographic");
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var ReactInfographic = (props) => {
   const { children } = props;
-  const $container = (0, import_react21.useRef)(null);
-  let infographicInstance = (0, import_react21.useRef)(null);
-  (0, import_react21.useEffect)(() => {
+  const $container = (0, import_react22.useRef)(null);
+  let infographicInstance = (0, import_react22.useRef)(null);
+  (0, import_react22.useEffect)(() => {
     if ($container.current) {
       infographicInstance.current = new import_infographic.Infographic({
         container: $container.current,
@@ -5067,7 +5179,7 @@ var ReactInfographic = (props) => {
       infographicInstance.current?.destroy();
     };
   }, []);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     const a = `infographic sequence-steps-simple
 data
   sequences
@@ -5083,25 +5195,25 @@ data
 };
 
 // src/components/GenUI/ReactChart.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 var echarts = __toESM(require("echarts"));
 var import_antd6 = require("antd");
 var import_best_effort_json_parser = require("best-effort-json-parser");
 
 // src/components/GenUI/elements/generic_data_table.tsx
 var import_antd5 = require("antd");
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_icons3 = require("@ant-design/icons");
 
 // src/components/Chat/SideAppBrowserContext.tsx
-var import_react22 = require("react");
-var SideAppBrowserContext = (0, import_react22.createContext)(null);
+var import_react23 = require("react");
+var SideAppBrowserContext = (0, import_react23.createContext)(null);
 var useSideAppBrowser = () => {
-  return (0, import_react22.useContext)(SideAppBrowserContext);
+  return (0, import_react23.useContext)(SideAppBrowserContext);
 };
 var useSideAppOpener = () => {
   const { openSideApp } = useChatUIContext();
-  const browserCtx = (0, import_react22.useContext)(SideAppBrowserContext);
+  const browserCtx = (0, import_react23.useContext)(SideAppBrowserContext);
   return browserCtx?.openApp ?? openSideApp;
 };
 
@@ -5110,7 +5222,7 @@ var import_jsx_runtime14 = require("react/jsx-runtime");
 var { Text: Text3 } = import_antd5.Typography;
 var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = true }) => {
   const { dataSource, message: message23 } = data ?? {};
-  const [expandedRowKeys, setExpandedRowKeys] = (0, import_react23.useState)([]);
+  const [expandedRowKeys, setExpandedRowKeys] = (0, import_react24.useState)([]);
   const openSideApp = useSideAppOpener();
   const processedData = dataSource?.map((item, index) => ({
     ...item,
@@ -5587,11 +5699,11 @@ function parseAndValidateChartData(input) {
 }
 var ReactChart = (props) => {
   const { children } = props;
-  const chartRef = (0, import_react24.useRef)(null);
-  const chartInstance = (0, import_react24.useRef)(null);
-  const resizeObserverRef = (0, import_react24.useRef)(null);
-  const [tableData, setTableData] = (0, import_react24.useState)(null);
-  (0, import_react24.useEffect)(() => {
+  const chartRef = (0, import_react25.useRef)(null);
+  const chartInstance = (0, import_react25.useRef)(null);
+  const resizeObserverRef = (0, import_react25.useRef)(null);
+  const [tableData, setTableData] = (0, import_react25.useState)(null);
+  (0, import_react25.useEffect)(() => {
     if (!chartRef.current) {
       return;
     }
@@ -5664,7 +5776,7 @@ var ReactChart = (props) => {
       window.removeEventListener("resize", handleResize);
     };
   }, [children]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     return () => {
       if (resizeObserverRef.current) {
         resizeObserverRef.current.disconnect();
@@ -5719,17 +5831,17 @@ var ReactChart = (props) => {
 };
 
 // src/components/GenUI/Embed.tsx
-var import_react27 = require("react");
+var import_react28 = require("react");
 var import_antd9 = require("antd");
 var import_antd_style5 = require("antd-style");
 
 // src/components/GenUI/FileRenderer.tsx
-var import_react26 = require("react");
+var import_react27 = require("react");
 var import_antd8 = require("antd");
 var import_antd_style4 = require("antd-style");
 
 // src/components/GenUI/MarkdownViewer.tsx
-var import_react25 = __toESM(require("react"));
+var import_react26 = __toESM(require("react"));
 var import_antd7 = require("antd");
 var import_icons4 = require("@ant-design/icons");
 var import_jspdf = require("jspdf");
@@ -5996,9 +6108,9 @@ var MarkdownViewer = ({
   style
 }) => {
   const { styles, cx } = useStyles();
-  const [copied, setCopied] = (0, import_react25.useState)(false);
-  const contentRef = (0, import_react25.useRef)(null);
-  (0, import_react25.useEffect)(() => {
+  const [copied, setCopied] = (0, import_react26.useState)(false);
+  const contentRef = (0, import_react26.useRef)(null);
+  (0, import_react26.useEffect)(() => {
     if (copied) {
       const timer = setTimeout(() => setCopied(false), 2e3);
       return () => clearTimeout(timer);
@@ -6114,7 +6226,7 @@ var MarkdownViewer = ({
       import_antd7.message.error({ content: "Failed to generate PDF", key: "pdf" });
     }
   };
-  const displayContent = import_react25.default.useMemo(() => {
+  const displayContent = import_react26.default.useMemo(() => {
     const lang = getLanguageFromFileName(fileName);
     if (lang && lang !== "markdown" && lang !== "text") {
       return `\`\`\`${lang}
@@ -6251,11 +6363,11 @@ var FileRenderer = ({
   showHeader = true
 }) => {
   const { styles } = useStyles2();
-  const [content, setContent] = (0, import_react26.useState)("");
-  const [loading, setLoading] = (0, import_react26.useState)(true);
-  const [error, setError] = (0, import_react26.useState)(null);
-  const category = (0, import_react26.useMemo)(() => getFileCategory(fileName), [fileName]);
-  (0, import_react26.useEffect)(() => {
+  const [content, setContent] = (0, import_react27.useState)("");
+  const [loading, setLoading] = (0, import_react27.useState)(true);
+  const [error, setError] = (0, import_react27.useState)(null);
+  const category = (0, import_react27.useMemo)(() => getFileCategory(fileName), [fileName]);
+  (0, import_react27.useEffect)(() => {
     if (category === "markdown" || category === "text") {
       setLoading(true);
       setError(null);
@@ -6402,13 +6514,13 @@ var Embed = ({ children }) => {
   const { styles } = useStyles3();
   const { config } = useLatticeChatShellContext();
   const { threadId, assistantId } = useConversationContext();
-  const embedConfig = (0, import_react27.useMemo)(() => parseEmbedContent(children), [children]);
-  const fileUrl = (0, import_react27.useMemo)(() => {
+  const embedConfig = (0, import_react28.useMemo)(() => parseEmbedContent(children), [children]);
+  const fileUrl = (0, import_react28.useMemo)(() => {
     if (embedConfig.url) return embedConfig.url;
     if (!embedConfig.path || !config?.baseURL || !assistantId || !threadId) return null;
     return `${config.baseURL}/api/assistants/${assistantId}/threads/${threadId}/sandbox/downloadfile?path=${encodeURIComponent(embedConfig.path)}`;
   }, [embedConfig, config?.baseURL, assistantId, threadId]);
-  const displayTitle = (0, import_react27.useMemo)(() => {
+  const displayTitle = (0, import_react28.useMemo)(() => {
     if (embedConfig.title) return embedConfig.title;
     if (embedConfig.path) return embedConfig.path.split("/").pop() || embedConfig.path;
     if (embedConfig.url) {
@@ -6420,7 +6532,7 @@ var Embed = ({ children }) => {
     }
     return "Embedded File";
   }, [embedConfig]);
-  const fileIcon = (0, import_react27.useMemo)(() => {
+  const fileIcon = (0, import_react28.useMemo)(() => {
     const fileName = embedConfig.path || embedConfig.url || "";
     return getFileIcon(fileName);
   }, [embedConfig]);
@@ -6531,7 +6643,7 @@ var MDComponentWrap = (Element) => {
 
 // src/components/GenUI/elements/file_link.tsx
 var import_antd11 = require("antd");
-var import_react28 = require("react");
+var import_react29 = require("react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var FileLink = ({ data }) => {
   if (!data) {
@@ -6543,13 +6655,13 @@ var FileLink = ({ data }) => {
   const openSideApp = useSideAppOpener();
   const { threadId, assistantId } = useConversationContext();
   const { config } = useLatticeChatShellContext();
-  const fileBaseURL = (0, import_react28.useMemo)(() => {
+  const fileBaseURL = (0, import_react29.useMemo)(() => {
     if (!config?.baseURL || !assistantId || !threadId) {
       return null;
     }
     return `${config.baseURL}/api/assistants/${assistantId}/threads/${threadId}/sandbox/downloadfile?path=`;
   }, [config?.baseURL, assistantId, threadId]);
-  const handleItemClick = (0, import_react28.useCallback)((path) => {
+  const handleItemClick = (0, import_react29.useCallback)((path) => {
     if (!fileBaseURL) return;
     openSideApp({
       component_key: "attachments",
@@ -6568,7 +6680,7 @@ var FileLink = ({ data }) => {
 };
 
 // src/components/GenUI/elements/MarkdownTable.tsx
-var import_react29 = require("react");
+var import_react30 = require("react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var extractTableData = (domNode) => {
   if (!domNode || !domNode.children) {
@@ -6635,7 +6747,7 @@ var extractTableData = (domNode) => {
 };
 var MarkdownTable = (props) => {
   const { domNode } = props;
-  const tableData = (0, import_react29.useMemo)(() => {
+  const tableData = (0, import_react30.useMemo)(() => {
     return extractTableData(domNode);
   }, [domNode]);
   if (!tableData || tableData.dataSource.length === 0) {
@@ -6733,7 +6845,7 @@ var useStyles4 = (0, import_antd_style6.createStyles)(({ token, css }) => ({
     }
   `
 }));
-var MarkdownErrorBoundary = class extends import_react30.default.Component {
+var MarkdownErrorBoundary = class extends import_react31.default.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -6751,8 +6863,8 @@ var MarkdownErrorBoundary = class extends import_react30.default.Component {
     return this.props.children;
   }
 };
-var SafeXMarkdown = import_react30.default.memo(({ content, components, className }) => {
-  const deferredContent = (0, import_react30.useDeferredValue)(content);
+var SafeXMarkdown = import_react31.default.memo(({ content, components, className }) => {
+  const deferredContent = (0, import_react31.useDeferredValue)(content);
   if (typeof deferredContent !== "string") {
     console.warn("[MDResponse] Content is not a string:", typeof deferredContent, deferredContent);
   }
@@ -6776,7 +6888,7 @@ var MDResponseInner = ({
   noGenUI
 }) => {
   const { styles } = useStyles4();
-  const fallbackContent = (0, import_react30.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: styles.markdownContainer, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("pre", { style: { whiteSpace: "pre-wrap", wordBreak: "break-word" }, children: content }) }), [content, styles.markdownContainer]);
+  const fallbackContent = (0, import_react31.useMemo)(() => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: styles.markdownContainer, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("pre", { style: { whiteSpace: "pre-wrap", wordBreak: "break-word" }, children: content }) }), [content, styles.markdownContainer]);
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MarkdownErrorBoundary, { fallback: fallbackContent, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     SafeXMarkdown,
     {
@@ -6786,7 +6898,7 @@ var MDResponseInner = ({
     }
   ) });
 };
-var MDResponse = import_react30.default.memo(MDResponseInner);
+var MDResponse = import_react31.default.memo(MDResponseInner);
 MDResponse.displayName = "MDResponse";
 var MDViewFormItem = ({ value }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(MDResponse, { content: value || "" });
@@ -6801,7 +6913,7 @@ var ConfirmFeedback = ({
 }) => {
   const { message: message23, type, config, feedback, options } = data ?? {};
   const { sendMessage } = useAgentChat();
-  const [clicked, setClicked] = (0, import_react31.useState)(false);
+  const [clicked, setClicked] = (0, import_react32.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_antd12.Space, { direction: "vertical", style: { width: "100%" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(MDResponse, { content: message23 }),
     options ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_antd12.Space, { style: { justifyContent: "flex-end", width: "100%" }, children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
@@ -6880,7 +6992,7 @@ var ConfirmFeedback = ({
 
 // src/components/GenUI/elements/clarify_feedback.tsx
 var import_antd13 = require("antd");
-var import_react32 = require("react");
+var import_react33 = require("react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var { Text: Text5 } = import_antd13.Typography;
 var ClarifyFeedback = ({
@@ -6889,9 +7001,9 @@ var ClarifyFeedback = ({
 }) => {
   const { questions } = data ?? {};
   const { sendMessage } = useAgentChat();
-  const [currentStep, setCurrentStep] = (0, import_react32.useState)(0);
-  const [answers, setAnswers] = (0, import_react32.useState)({});
-  const [submitted, setSubmitted] = (0, import_react32.useState)(false);
+  const [currentStep, setCurrentStep] = (0, import_react33.useState)(0);
+  const [answers, setAnswers] = (0, import_react33.useState)({});
+  const [submitted, setSubmitted] = (0, import_react33.useState)(false);
   const currentQuestion = questions?.[currentStep];
   const totalQuestions = questions?.length || 0;
   const handleOptionChange = (selected) => {
@@ -7398,7 +7510,7 @@ var ToolCall = ({ data }) => {
 var import_antd16 = require("antd");
 var import_antd_style8 = require("antd-style");
 var import_icons9 = require("@ant-design/icons");
-var import_react33 = require("react");
+var import_react34 = require("react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var { Text: Text7 } = import_antd16.Typography;
 var useStyle3 = (0, import_antd_style8.createStyles)(({ token, css }) => ({
@@ -7443,10 +7555,10 @@ var Todo = ({
     const allCompleted = data.every((item) => item.status === "completed");
     return allPending || allCompleted;
   };
-  const [isExpanded, setIsExpanded] = (0, import_react33.useState)(
+  const [isExpanded, setIsExpanded] = (0, import_react34.useState)(
     () => smartCollapse ? getDefaultExpanded() : false
   );
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     if (smartCollapse) {
       setIsExpanded(getDefaultExpanded());
     }
@@ -7637,7 +7749,7 @@ var WriteTodos = ({
 };
 
 // src/components/GenUI/FileExplorer.tsx
-var import_react34 = require("react");
+var import_react35 = require("react");
 var import_antd18 = require("antd");
 var import_icons12 = require("@ant-design/icons");
 var import_antd_style9 = require("antd-style");
@@ -7905,10 +8017,10 @@ var FileExplorer = ({
 }) => {
   const { files } = data ?? {};
   const { styles, cx } = useStyles5();
-  const [fileList, setFileList] = (0, import_react34.useState)([]);
-  const [selectedKey, setSelectedKey] = (0, import_react34.useState)("");
-  const [expandedKeys, setExpandedKeys] = (0, import_react34.useState)([]);
-  (0, import_react34.useEffect)(() => {
+  const [fileList, setFileList] = (0, import_react35.useState)([]);
+  const [selectedKey, setSelectedKey] = (0, import_react35.useState)("");
+  const [expandedKeys, setExpandedKeys] = (0, import_react35.useState)([]);
+  (0, import_react35.useEffect)(() => {
     let list = [];
     if (Array.isArray(files)) {
       list = files;
@@ -7924,11 +8036,11 @@ var FileExplorer = ({
       setSelectedKey(list[0].name);
     }
   }, [files]);
-  const treeData = (0, import_react34.useMemo)(
+  const treeData = (0, import_react35.useMemo)(
     () => buildTreeData(fileList, expandedKeys),
     [fileList, expandedKeys]
   );
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (treeData.length > 0 && expandedKeys.length === 0) {
       const getAllKeys = (nodes) => {
         let keys = [];
@@ -7945,7 +8057,7 @@ var FileExplorer = ({
       setExpandedKeys(getAllKeys(treeData));
     }
   }, [treeData.length]);
-  const selectedFile = (0, import_react34.useMemo)(() => {
+  const selectedFile = (0, import_react35.useMemo)(() => {
     return fileList.find((f) => f.name === selectedKey);
   }, [fileList, selectedKey]);
   const renderContent = () => {
@@ -8014,7 +8126,7 @@ var FileExplorer = ({
 var import_x2 = require("@ant-design/x");
 var import_antd19 = require("antd");
 var import_dayjs = __toESM(require("dayjs"));
-var import_react35 = require("react");
+var import_react36 = require("react");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var AttachmentsCard = ({
   data,
@@ -8028,7 +8140,7 @@ var AttachmentsCard = ({
   const baseURL = config.baseURL;
   const fileBaseURL = `${baseURL}/api/assistants/${assistantId}/threads/${threadId}/sandbox/downloadfile?path=`;
   const { Text: Text48 } = import_antd19.Typography;
-  const [showAll, setShowAll] = (0, import_react35.useState)(false);
+  const [showAll, setShowAll] = (0, import_react36.useState)(false);
   const openSideApp = useSideAppOpener();
   const getStyles = () => {
     switch (size) {
@@ -8210,7 +8322,7 @@ var AttachmentsCard = ({
 
 // src/components/GenUI/elements/attachments_viewer_side_app.tsx
 var import_antd20 = require("antd");
-var import_react36 = require("react");
+var import_react37 = require("react");
 
 // src/components/GenUI/RenderMDFromURL.tsx
 var import_jsx_runtime35 = require("react/jsx-runtime");
@@ -8231,13 +8343,13 @@ function AttachmentsViewerSideApp({
   data,
   component_key
 }) {
-  const [loading, setLoading] = (0, import_react36.useState)(false);
+  const [loading, setLoading] = (0, import_react37.useState)(false);
   const { file_id, url, full_url } = data ?? {};
-  const [fileUri, setFileUri] = (0, import_react36.useState)({
+  const [fileUri, setFileUri] = (0, import_react37.useState)({
     url: full_url || "",
     fileName: extractFileName(file_id || "")
   });
-  (0, import_react36.useEffect)(() => {
+  (0, import_react37.useEffect)(() => {
     setFileUri({
       url: full_url || "",
       fileName: extractFileName(file_id || "")
@@ -8281,7 +8393,7 @@ function AttachmentsViewerSideApp({
 var import_antd22 = require("antd");
 
 // src/components/GenUI/elements/ContentPreviewCollapse.tsx
-var import_react37 = require("react");
+var import_react38 = require("react");
 var import_antd21 = require("antd");
 var import_antd_style10 = require("antd-style");
 var import_icons13 = require("@ant-design/icons");
@@ -8351,18 +8463,18 @@ var ContentPreviewCollapse = ({
   showAllText = "Show all content",
   showLessText = "Show less"
 }) => {
-  const [showFullContent, setShowFullContent] = (0, import_react37.useState)(false);
-  const [isOverflowing, setIsOverflowing] = (0, import_react37.useState)(false);
-  const contentRef = (0, import_react37.useRef)(null);
+  const [showFullContent, setShowFullContent] = (0, import_react38.useState)(false);
+  const [isOverflowing, setIsOverflowing] = (0, import_react38.useState)(false);
+  const contentRef = (0, import_react38.useRef)(null);
   const showShadow = isOverflowing && !showFullContent;
   const { styles, cx } = useStyle4({ showShadow });
-  const checkOverflow = (0, import_react37.useCallback)(() => {
+  const checkOverflow = (0, import_react38.useCallback)(() => {
     if (contentRef.current) {
       const scrollHeight = contentRef.current.scrollHeight;
       setIsOverflowing(scrollHeight > collapsedMaxHeight);
     }
   }, [collapsedMaxHeight]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     const element = contentRef.current;
     if (!element) return;
     checkOverflow();
@@ -8827,17 +8939,17 @@ var import_x6 = require("@ant-design/x");
 var import_x3 = require("@ant-design/x");
 var import_antd25 = require("antd");
 var import_ErrorBoundary = __toESM(require("antd/es/alert/ErrorBoundary"));
-var import_react38 = require("react");
+var import_react39 = require("react");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var LazyBubble = ({
   message: message23,
   renderContent,
   autoLoadRightPanel
 }) => {
-  const ref = (0, import_react38.useRef)(null);
-  const [isVisible, setIsVisible] = (0, import_react38.useState)(false);
-  const [wasEverVisible, setWasEverVisible] = (0, import_react38.useState)(false);
-  (0, import_react38.useEffect)(() => {
+  const ref = (0, import_react39.useRef)(null);
+  const [isVisible, setIsVisible] = (0, import_react39.useState)(false);
+  const [wasEverVisible, setWasEverVisible] = (0, import_react39.useState)(false);
+  (0, import_react39.useEffect)(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
         const visible = entry.isIntersecting;
@@ -8857,7 +8969,7 @@ var LazyBubble = ({
       }
     };
   }, [wasEverVisible]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     autoLoadRightPanel?.();
   }, []);
   const getPlaceholder = () => {
@@ -8866,7 +8978,7 @@ var LazyBubble = ({
   };
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_ErrorBoundary.default, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { ref, style: { width: "100%" }, children: isVisible || wasEverVisible ? renderContent(message23) : getPlaceholder() }) });
 };
-var MemoizedBubbleList = (0, import_react38.memo)(
+var MemoizedBubbleList = (0, import_react39.memo)(
   ({
     items,
     role,
@@ -8889,13 +9001,13 @@ var MessageList = ({
 }) => {
   const { styles } = useStyle();
   const openSideApp = useSideAppOpener();
-  const messageLengthRef = (0, import_react38.useRef)(messages?.length ?? 0);
-  (0, import_react38.useEffect)(() => {
+  const messageLengthRef = (0, import_react39.useRef)(messages?.length ?? 0);
+  (0, import_react39.useEffect)(() => {
     if (messages?.length) {
       messageLengthRef.current = messages?.length;
     }
   }, [messages?.length]);
-  const renderContent = (0, import_react38.useCallback)((message23) => {
+  const renderContent = (0, import_react39.useCallback)((message23) => {
     const { content } = message23;
     try {
       const json = JSON.parse(content);
@@ -8912,7 +9024,7 @@ ${JSON.stringify(tool_call)}
     const content_md = [content, ...tool_calls_md].join("\n");
     return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_antd25.Space, { direction: "vertical", style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(MDResponse, { content: content_md }) });
   }, []);
-  const items = (0, import_react38.useMemo)(
+  const items = (0, import_react39.useMemo)(
     () => messages.map((message23, index) => ({
       key: message23.id,
       role: message23.role,
@@ -8991,7 +9103,7 @@ ${JSON.stringify(tool_call)}
 
 // src/components/Chat/Chating.tsx
 var import_antd71 = require("antd");
-var import_react81 = __toESM(require("react"));
+var import_react82 = __toESM(require("react"));
 var import_lucide_react20 = require("lucide-react");
 
 // src/components/GenUI/HITLContainer.tsx
@@ -9060,7 +9172,7 @@ var HITLContainer = () => {
 var import_antd27 = require("antd");
 var import_antd_style13 = require("antd-style");
 var import_icons15 = require("@ant-design/icons");
-var import_react39 = require("react");
+var import_react40 = require("react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var useStyle7 = (0, import_antd_style13.createStyles)(({ css, token }) => ({
   container: css`
@@ -9150,9 +9262,9 @@ var useStyle7 = (0, import_antd_style13.createStyles)(({ css, token }) => ({
 var PendingMessagesContainer = () => {
   const { styles } = useStyle7();
   const { pendingMessages, sendMessage, removePendingMessage } = useAgentChat();
-  const [expanded, setExpanded] = (0, import_react39.useState)(true);
-  const [sendingId, setSendingId] = (0, import_react39.useState)(null);
-  const [deletingId, setDeletingId] = (0, import_react39.useState)(null);
+  const [expanded, setExpanded] = (0, import_react40.useState)(true);
+  const [sendingId, setSendingId] = (0, import_react40.useState)(null);
+  const [deletingId, setDeletingId] = (0, import_react40.useState)(null);
   if (!pendingMessages || pendingMessages.length === 0) return null;
   const handleSendMessage = async (msg) => {
     if (sendingId || deletingId) return;
@@ -9607,7 +9719,7 @@ var FileExplorerButton = ({}) => {
 };
 
 // src/components/Chat/ScheduleButton.tsx
-var import_react40 = require("react");
+var import_react41 = require("react");
 var import_antd31 = require("antd");
 var import_icons17 = require("@ant-design/icons");
 var import_client_sdk5 = require("@axiom-lattice/client-sdk");
@@ -9618,10 +9730,10 @@ var ScheduleButton = ({
   const { threadId, assistantId } = useAgentChat();
   const { openSideApp } = useChatUIContext();
   const client = useClient(assistantId || "");
-  const [scheduledTasks, setScheduledTasks] = (0, import_react40.useState)([]);
-  const [loading, setLoading] = (0, import_react40.useState)(false);
-  const [taskCount, setTaskCount] = (0, import_react40.useState)(0);
-  const fetchScheduledTasks = (0, import_react40.useCallback)(async () => {
+  const [scheduledTasks, setScheduledTasks] = (0, import_react41.useState)([]);
+  const [loading, setLoading] = (0, import_react41.useState)(false);
+  const [taskCount, setTaskCount] = (0, import_react41.useState)(0);
+  const fetchScheduledTasks = (0, import_react41.useCallback)(async () => {
     if (!threadId) return;
     setLoading(true);
     try {
@@ -9639,7 +9751,7 @@ var ScheduleButton = ({
       setLoading(false);
     }
   }, [client, threadId]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     fetchScheduledTasks();
   }, [fetchScheduledTasks]);
   if (!threadId) {
@@ -9933,7 +10045,7 @@ var AgentHeader = ({
 };
 
 // src/components/Chat/ThreadManagementButtons.tsx
-var import_react41 = require("react");
+var import_react42 = require("react");
 var import_antd35 = require("antd");
 var import_icons20 = require("@ant-design/icons");
 var import_jsx_runtime55 = require("react/jsx-runtime");
@@ -9946,7 +10058,7 @@ var CreateThreadButton = () => {
   if (!assistantId) {
     return null;
   }
-  const handleCreateThread = (0, import_react41.useCallback)(async () => {
+  const handleCreateThread = (0, import_react42.useCallback)(async () => {
     try {
       await createThread();
     } catch (error) {
@@ -9979,7 +10091,7 @@ var ThreadListButton = () => {
   if (!assistantId) {
     return null;
   }
-  const handleRefresh = (0, import_react41.useCallback)(async () => {
+  const handleRefresh = (0, import_react42.useCallback)(async () => {
     try {
       await listThreads();
     } catch (error) {
@@ -10023,8 +10135,8 @@ var ThreadListButton = () => {
   ) });
 };
 var ThreadManagementButtons = () => {
-  const shellContext = (0, import_react41.useContext)(LatticeChatShellContext);
-  const conversationContext = (0, import_react41.useContext)(ConversationContext);
+  const shellContext = (0, import_react42.useContext)(LatticeChatShellContext);
+  const conversationContext = (0, import_react42.useContext)(ConversationContext);
   if (!shellContext || !conversationContext) {
     return null;
   }
@@ -10044,16 +10156,16 @@ var ThreadManagementButtons = () => {
 };
 
 // src/context/WorkspaceContext.tsx
-var import_react73 = __toESM(require("react"));
+var import_react74 = __toESM(require("react"));
 var import_client_sdk6 = require("@axiom-lattice/client-sdk");
 
 // src/components/Chat/WorkspaceResourceManager.tsx
-var import_react72 = require("react");
+var import_react73 = require("react");
 var import_lucide_react14 = require("lucide-react");
 var import_antd63 = require("antd");
 
 // src/components/Chat/Menu.tsx
-var import_react42 = __toESM(require("react"));
+var import_react43 = __toESM(require("react"));
 var import_antd36 = require("antd");
 var import_lucide_react4 = require("lucide-react");
 var import_antd_style16 = require("antd-style");
@@ -10165,10 +10277,10 @@ var Menu = ({
   const { styles: menuStyles } = useMenuStyles();
   const { styles } = useStyle();
   const isControlled = collapsed !== void 0;
-  const [internalIsIconView, setInternalIsIconView] = (0, import_react42.useState)(!defaultExpanded);
+  const [internalIsIconView, setInternalIsIconView] = (0, import_react43.useState)(!defaultExpanded);
   const isIconView = isControlled ? collapsed : internalIsIconView;
-  const [drawerStates, setDrawerStates] = (0, import_react42.useState)({});
-  const [expandedInlineDrawers, setExpandedInlineDrawers] = (0, import_react42.useState)(
+  const [drawerStates, setDrawerStates] = (0, import_react43.useState)({});
+  const [expandedInlineDrawers, setExpandedInlineDrawers] = (0, import_react43.useState)(
     () => {
       const defaultExpanded2 = /* @__PURE__ */ new Set();
       items.forEach((item) => {
@@ -10182,8 +10294,8 @@ var Menu = ({
   const shouldShowIconMode = isIconView || forceIconMode;
   const isExpanded = !shouldShowIconMode;
   const isCollapsed = !isExpanded;
-  const groupedItems = (0, import_react42.useMemo)(() => groupMenuItems(items), [items]);
-  const handleItemClick = (0, import_react42.useCallback)(
+  const groupedItems = (0, import_react43.useMemo)(() => groupMenuItems(items), [items]);
+  const handleItemClick = (0, import_react43.useCallback)(
     (item) => {
       onItemClick?.(item);
       if (item.type === "drawer") {
@@ -10205,10 +10317,10 @@ var Menu = ({
     },
     [onItemClick, shouldShowIconMode]
   );
-  const handleCloseDrawer = (0, import_react42.useCallback)((itemId) => {
+  const handleCloseDrawer = (0, import_react43.useCallback)((itemId) => {
     setDrawerStates((prev) => ({ ...prev, [itemId]: false }));
   }, []);
-  const handleToggleExpand = (0, import_react42.useCallback)(() => {
+  const handleToggleExpand = (0, import_react43.useCallback)(() => {
     if (!forceIconMode) {
       const newValue = !isIconView;
       if (isControlled) {
@@ -10220,7 +10332,7 @@ var Menu = ({
   }, [forceIconMode, isIconView, isControlled, onCollapsedChange]);
   const renderIconMode = () => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: `${menuStyles.sidebar} ${styles.iconMode} ${className || ""}`, style, children: [
     /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: styles.iconModeLogo, children: logo || logoIcon || /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react4.Cpu, { size: 28, color: "#1677ff" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: styles.iconModeContainer, children: groupedItems.map(({ group, items: items2 }, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_react42.default.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: styles.iconModeContainer, children: groupedItems.map(({ group, items: items2 }, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_react43.default.Fragment, { children: [
       groupIndex > 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: styles.iconModeDivider }),
       /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: styles.iconModeGroup, children: items2.map((item) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         "button",
@@ -10271,7 +10383,7 @@ var Menu = ({
       items2.map((item) => {
         const isInline = item.inline ?? false;
         const isExpanded2 = expandedInlineDrawers.has(item.id);
-        return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_react42.default.Fragment, { children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_react43.default.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
             "button",
             {
@@ -10368,13 +10480,13 @@ var Menu = ({
 };
 
 // src/components/Chat/ProjectCardList.tsx
-var import_react44 = require("react");
+var import_react45 = require("react");
 var import_antd38 = require("antd");
 var import_antd_style17 = require("antd-style");
 var import_lucide_react5 = require("lucide-react");
 
 // src/components/Chat/CreateProjectModal.tsx
-var import_react43 = require("react");
+var import_react44 = require("react");
 var import_antd37 = require("antd");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var CreateProjectModal = ({
@@ -10383,7 +10495,7 @@ var CreateProjectModal = ({
   onCreate
 }) => {
   const [form] = import_antd37.Form.useForm();
-  const [isSubmitting, setIsSubmitting] = (0, import_react43.useState)(false);
+  const [isSubmitting, setIsSubmitting] = (0, import_react44.useState)(false);
   const handleSubmit = async (values) => {
     setIsSubmitting(true);
     try {
@@ -10736,8 +10848,8 @@ var useStyle8 = (0, import_antd_style17.createStyles)(({ css, token }) => ({
 var ProjectCardList = () => {
   const { styles } = useStyle8();
   const { token } = import_antd38.theme.useToken();
-  const [viewMode, setViewMode] = (0, import_react44.useState)("grid");
-  const [isCreateModalOpen, setIsCreateModalOpen] = (0, import_react44.useState)(false);
+  const [viewMode, setViewMode] = (0, import_react45.useState)("grid");
+  const [isCreateModalOpen, setIsCreateModalOpen] = (0, import_react45.useState)(false);
   const {
     projects,
     loading,
@@ -10880,7 +10992,7 @@ var ProjectCardList = () => {
 };
 
 // src/components/Chat/MetricsConfigDrawerContent.tsx
-var import_react45 = require("react");
+var import_react46 = require("react");
 var import_lucide_react6 = require("lucide-react");
 var import_antd39 = require("antd");
 var import_jsx_runtime59 = require("react/jsx-runtime");
@@ -10891,13 +11003,13 @@ var MetricsConfigDrawerContent = () => {
   const { config } = useLatticeChatShellContext();
   const { token } = useToken2();
   const { get, post, put, del } = useApi();
-  const [configs, setConfigs] = (0, import_react45.useState)([]);
-  const [loading, setLoading] = (0, import_react45.useState)(false);
-  const [testingId, setTestingId] = (0, import_react45.useState)(null);
-  const [formModalOpen, setFormModalOpen] = (0, import_react45.useState)(false);
-  const [editingConfig, setEditingConfig] = (0, import_react45.useState)(null);
+  const [configs, setConfigs] = (0, import_react46.useState)([]);
+  const [loading, setLoading] = (0, import_react46.useState)(false);
+  const [testingId, setTestingId] = (0, import_react46.useState)(null);
+  const [formModalOpen, setFormModalOpen] = (0, import_react46.useState)(false);
+  const [editingConfig, setEditingConfig] = (0, import_react46.useState)(null);
   const tenantId = config.headers?.["x-tenant-id"] || "default";
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     loadConfigs();
   }, [tenantId]);
   const loadConfigs = async () => {
@@ -11096,14 +11208,14 @@ var MetricsConfigFormModal = ({
   const { token } = useToken2();
   const { get, post, put } = useApi();
   const tenantId = config.headers?.["x-tenant-id"] || "default";
-  const [currentStep, setCurrentStep] = (0, import_react45.useState)(0);
-  const [saving, setSaving] = (0, import_react45.useState)(false);
-  const [fetchingDatasources, setFetchingDatasources] = (0, import_react45.useState)(false);
-  const [availableDatasources, setAvailableDatasources] = (0, import_react45.useState)([]);
-  const [selectedViewDatasource, setSelectedViewDatasource] = (0, import_react45.useState)(null);
-  const [availableMetrics, setAvailableMetrics] = (0, import_react45.useState)([]);
-  const [fetchingMetrics, setFetchingMetrics] = (0, import_react45.useState)(false);
-  const [formData, setFormData] = (0, import_react45.useState)({
+  const [currentStep, setCurrentStep] = (0, import_react46.useState)(0);
+  const [saving, setSaving] = (0, import_react46.useState)(false);
+  const [fetchingDatasources, setFetchingDatasources] = (0, import_react46.useState)(false);
+  const [availableDatasources, setAvailableDatasources] = (0, import_react46.useState)([]);
+  const [selectedViewDatasource, setSelectedViewDatasource] = (0, import_react46.useState)(null);
+  const [availableMetrics, setAvailableMetrics] = (0, import_react46.useState)([]);
+  const [fetchingMetrics, setFetchingMetrics] = (0, import_react46.useState)(false);
+  const [formData, setFormData] = (0, import_react46.useState)({
     key: editingConfig?.key || "",
     name: editingConfig?.name || "",
     description: editingConfig?.description || "",
@@ -11143,12 +11255,12 @@ var MetricsConfigFormModal = ({
       selectedDataSources: editingConfig?.config?.selectedDataSources || []
     });
   };
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (open) {
       resetForm();
     }
   }, [open, editingConfig]);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (currentStep === 1 && availableDatasources.length === 0 && !fetchingDatasources) {
       handleFetchDatasources();
     }
@@ -11546,7 +11658,7 @@ var MetricsConfigFormModal = ({
 };
 
 // src/components/Chat/DatabaseConfigDrawerContent.tsx
-var import_react46 = require("react");
+var import_react47 = require("react");
 var import_antd_style18 = require("antd-style");
 var import_lucide_react7 = require("lucide-react");
 var import_antd40 = require("antd");
@@ -11620,12 +11732,12 @@ var DatabaseConfigDrawerContent = ({
   const { styles } = useStyles7();
   const { config } = useLatticeChatShellContext();
   const { get, post, put, del } = useApi();
-  const [configs, setConfigs] = (0, import_react46.useState)([]);
-  const [loading, setLoading] = (0, import_react46.useState)(false);
-  const [testingId, setTestingId] = (0, import_react46.useState)(null);
-  const [formModalOpen, setFormModalOpen] = (0, import_react46.useState)(false);
-  const [editingConfig, setEditingConfig] = (0, import_react46.useState)(null);
-  (0, import_react46.useEffect)(() => {
+  const [configs, setConfigs] = (0, import_react47.useState)([]);
+  const [loading, setLoading] = (0, import_react47.useState)(false);
+  const [testingId, setTestingId] = (0, import_react47.useState)(null);
+  const [formModalOpen, setFormModalOpen] = (0, import_react47.useState)(false);
+  const [editingConfig, setEditingConfig] = (0, import_react47.useState)(null);
+  (0, import_react47.useEffect)(() => {
     loadConfigs();
   }, [tenantId]);
   const loadConfigs = async () => {
@@ -11834,7 +11946,7 @@ var DatabaseConfigFormModal = ({
 }) => {
   const { config } = useLatticeChatShellContext();
   const { post, put } = useApi();
-  const [formData, setFormData] = (0, import_react46.useState)({
+  const [formData, setFormData] = (0, import_react47.useState)({
     key: editingConfig?.key || "",
     name: editingConfig?.name || "",
     description: editingConfig?.description || "",
@@ -11846,7 +11958,7 @@ var DatabaseConfigFormModal = ({
     password: editingConfig?.config.password || "",
     connectionString: editingConfig?.config.connectionString || ""
   });
-  const [saving, setSaving] = (0, import_react46.useState)(false);
+  const [saving, setSaving] = (0, import_react47.useState)(false);
   const handleSubmit = async () => {
     setSaving(true);
     try {
@@ -12058,7 +12170,7 @@ var DatabaseConfigFormModal = ({
 };
 
 // src/components/Chat/McpConfigDrawerContent.tsx
-var import_react47 = require("react");
+var import_react48 = require("react");
 var import_lucide_react8 = require("lucide-react");
 var import_antd41 = require("antd");
 var import_jsx_runtime61 = require("react/jsx-runtime");
@@ -12072,12 +12184,12 @@ var McpConfigDrawerContent = ({
   const { config } = useLatticeChatShellContext();
   const { token } = useToken3();
   const { get, post, put, del } = useApi();
-  const [configs, setConfigs] = (0, import_react47.useState)([]);
-  const [loading, setLoading] = (0, import_react47.useState)(false);
-  const [testingId, setTestingId] = (0, import_react47.useState)(null);
-  const [formModalOpen, setFormModalOpen] = (0, import_react47.useState)(false);
-  const [editingConfig, setEditingConfig] = (0, import_react47.useState)(null);
-  (0, import_react47.useEffect)(() => {
+  const [configs, setConfigs] = (0, import_react48.useState)([]);
+  const [loading, setLoading] = (0, import_react48.useState)(false);
+  const [testingId, setTestingId] = (0, import_react48.useState)(null);
+  const [formModalOpen, setFormModalOpen] = (0, import_react48.useState)(false);
+  const [editingConfig, setEditingConfig] = (0, import_react48.useState)(null);
+  (0, import_react48.useEffect)(() => {
     loadConfigs();
   }, [tenantId]);
   const loadConfigs = async () => {
@@ -12291,11 +12403,11 @@ var McpConfigFormModal = ({
   const { config } = useLatticeChatShellContext();
   const { token } = useToken3();
   const { post, put } = useApi();
-  const [currentStep, setCurrentStep] = (0, import_react47.useState)(0);
-  const [saving, setSaving] = (0, import_react47.useState)(false);
-  const [fetchingTools, setFetchingTools] = (0, import_react47.useState)(false);
-  const [availableTools, setAvailableTools] = (0, import_react47.useState)([]);
-  const [formData, setFormData] = (0, import_react47.useState)({
+  const [currentStep, setCurrentStep] = (0, import_react48.useState)(0);
+  const [saving, setSaving] = (0, import_react48.useState)(false);
+  const [fetchingTools, setFetchingTools] = (0, import_react48.useState)(false);
+  const [availableTools, setAvailableTools] = (0, import_react48.useState)([]);
+  const [formData, setFormData] = (0, import_react48.useState)({
     key: editingConfig?.key || "",
     name: editingConfig?.name || "",
     description: editingConfig?.description || "",
@@ -12335,12 +12447,12 @@ var McpConfigFormModal = ({
       selectedTools: editingConfig?.selectedTools || []
     });
   };
-  (0, import_react47.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     if (open) {
       resetForm();
     }
   }, [open, editingConfig]);
-  (0, import_react47.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     if (currentStep === 1 && availableTools.length === 0 && !fetchingTools) {
       handleFetchTools();
     }
@@ -12691,13 +12803,13 @@ var McpConfigFormModal = ({
 };
 
 // src/components/Chat/AssistantFlow.tsx
-var import_react53 = require("react");
-var import_react54 = require("@xyflow/react");
+var import_react54 = require("react");
+var import_react55 = require("@xyflow/react");
 var import_style = require("@xyflow/react/dist/style.css");
 
 // src/components/Chat/AssistantNode.tsx
-var import_react48 = require("react");
-var import_react49 = require("@xyflow/react");
+var import_react49 = require("react");
+var import_react50 = require("@xyflow/react");
 var import_antd42 = require("antd");
 var import_icons21 = require("@ant-design/icons");
 var import_jsx_runtime62 = require("react/jsx-runtime");
@@ -12741,7 +12853,7 @@ var AssistantNode = ({
   }
   const badgeColor = getBadgeColor(assistant.id);
   const initials = assistant.name?.split(" ").map((n) => n.charAt(0)).join("").toUpperCase().slice(0, 2) || "A";
-  const { modelKey, tools, agentType, prompt, subAgents } = (0, import_react48.useMemo)(() => {
+  const { modelKey, tools, agentType, prompt, subAgents } = (0, import_react49.useMemo)(() => {
     if (!assistant.graphDefinition) {
       return {
         modelKey: void 0,
@@ -13146,7 +13258,7 @@ var AssistantNode = ({
         padding: 4
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react49.Handle, { type: "target", position: import_react49.Position.Top }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react50.Handle, { type: "target", position: import_react50.Position.Top }),
         /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
           "div",
           {
@@ -13470,7 +13582,7 @@ var AssistantNode = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react49.Handle, { type: "source", position: import_react49.Position.Bottom })
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react50.Handle, { type: "source", position: import_react50.Position.Bottom })
             ]
           }
         )
@@ -13481,7 +13593,7 @@ var AssistantNode = ({
 var AssistantNode_default = AssistantNode;
 
 // src/components/Chat/AgentConfigPanel.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 var import_antd43 = require("antd");
 var import_icons22 = require("@ant-design/icons");
 var import_lucide_react9 = require("lucide-react");
@@ -13490,7 +13602,7 @@ var { TextArea: TextArea4 } = import_antd43.Input;
 var { Text: Text18, Title: Title4 } = import_antd43.Typography;
 var SectionCard = ({ title, icon, badge, children, defaultExpanded = true }) => {
   const { token } = import_antd43.theme.useToken();
-  const [expanded, setExpanded] = (0, import_react50.useState)(defaultExpanded);
+  const [expanded, setExpanded] = (0, import_react51.useState)(defaultExpanded);
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
     import_antd43.Card,
     {
@@ -13704,11 +13816,11 @@ var getMiddlewareTypeDefinition = (middlewareType, availableTypes) => {
   return availableTypes?.find((t) => t.type === middlewareType);
 };
 var SkillListField = ({ propertyKey, label, value, onChange, token }) => {
-  const [skills, setSkills] = (0, import_react50.useState)([]);
-  const [loading, setLoading] = (0, import_react50.useState)(false);
+  const [skills, setSkills] = (0, import_react51.useState)([]);
+  const [loading, setLoading] = (0, import_react51.useState)(false);
   const { get } = useApi();
-  const fetchedRef = (0, import_react50.useRef)(false);
-  (0, import_react50.useEffect)(() => {
+  const fetchedRef = (0, import_react51.useRef)(false);
+  (0, import_react51.useEffect)(() => {
     if (fetchedRef.current) return;
     fetchedRef.current = true;
     const fetchSkills = async () => {
@@ -13815,11 +13927,11 @@ var SkillListField = ({ propertyKey, label, value, onChange, token }) => {
   ] }, propertyKey) });
 };
 var DatabaseListField = ({ propertyKey, label, value, onChange, token }) => {
-  const [databases, setDatabases] = (0, import_react50.useState)([]);
-  const [loading, setLoading] = (0, import_react50.useState)(false);
+  const [databases, setDatabases] = (0, import_react51.useState)([]);
+  const [loading, setLoading] = (0, import_react51.useState)(false);
   const { get } = useApi();
-  const fetchedRef = (0, import_react50.useRef)(false);
-  (0, import_react50.useEffect)(() => {
+  const fetchedRef = (0, import_react51.useRef)(false);
+  (0, import_react51.useEffect)(() => {
     if (fetchedRef.current) return;
     fetchedRef.current = true;
     const fetchDatabases = async () => {
@@ -13930,11 +14042,11 @@ var DatabaseListField = ({ propertyKey, label, value, onChange, token }) => {
   ] }, propertyKey) });
 };
 var MetricsListField = ({ propertyKey, label, value, onChange, token }) => {
-  const [servers, setServers] = (0, import_react50.useState)([]);
-  const [loading, setLoading] = (0, import_react50.useState)(false);
+  const [servers, setServers] = (0, import_react51.useState)([]);
+  const [loading, setLoading] = (0, import_react51.useState)(false);
   const { get } = useApi();
-  const fetchedRef = (0, import_react50.useRef)(false);
-  (0, import_react50.useEffect)(() => {
+  const fetchedRef = (0, import_react51.useRef)(false);
+  (0, import_react51.useEffect)(() => {
     if (fetchedRef.current) return;
     fetchedRef.current = true;
     const fetchMetricsServers = async () => {
@@ -14046,7 +14158,7 @@ var MetricsListField = ({ propertyKey, label, value, onChange, token }) => {
 };
 var TopologyEdgeField = ({ propertyKey, label, value, onChange, token }) => {
   const edges = Array.isArray(value) ? value : [];
-  const [newEdge, setNewEdge] = (0, import_react50.useState)({ from: "", to: "", purpose: "" });
+  const [newEdge, setNewEdge] = (0, import_react51.useState)({ from: "", to: "", purpose: "" });
   const handleAdd = () => {
     if (!newEdge.from.trim() || !newEdge.to.trim() || !newEdge.purpose.trim()) return;
     onChange([...edges, { ...newEdge }]);
@@ -14139,7 +14251,7 @@ var TopologyEdgeField = ({ propertyKey, label, value, onChange, token }) => {
   ] }, propertyKey) });
 };
 var MiddlewareSectionCard = ({ middleware, middlewareType, onToggle, onConfigChange, token }) => {
-  const [expanded, setExpanded] = (0, import_react50.useState)(middleware.enabled);
+  const [expanded, setExpanded] = (0, import_react51.useState)(middleware.enabled);
   const getIcon = () => {
     switch (middleware.type) {
       case "browser":
@@ -14305,18 +14417,18 @@ var AgentConfigPanel = ({
   const { token } = import_antd43.theme.useToken();
   const { config } = useLatticeChatShellContext();
   const { get } = useApi();
-  const [toolsLoading, setToolsLoading] = (0, import_react50.useState)(false);
-  const [saving, setSaving] = (0, import_react50.useState)(false);
-  const [deleting, setDeleting] = (0, import_react50.useState)(false);
-  const [isDeleteModalOpen, setIsDeleteModalOpen] = (0, import_react50.useState)(false);
-  const [tools, setTools] = (0, import_react50.useState)([]);
-  const [selectedTools, setSelectedTools] = (0, import_react50.useState)([]);
-  const [selectedSubAgents, setSelectedSubAgents] = (0, import_react50.useState)([]);
-  const [agentPrompt, setAgentPrompt] = (0, import_react50.useState)("");
-  const [isPromptModalOpen, setIsPromptModalOpen] = (0, import_react50.useState)(false);
-  const [agentType, setAgentType] = (0, import_react50.useState)("react");
-  const [middleware, setMiddleware] = (0, import_react50.useState)([]);
-  const parsedConfig = (0, import_react50.useMemo)(() => {
+  const [toolsLoading, setToolsLoading] = (0, import_react51.useState)(false);
+  const [saving, setSaving] = (0, import_react51.useState)(false);
+  const [deleting, setDeleting] = (0, import_react51.useState)(false);
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = (0, import_react51.useState)(false);
+  const [tools, setTools] = (0, import_react51.useState)([]);
+  const [selectedTools, setSelectedTools] = (0, import_react51.useState)([]);
+  const [selectedSubAgents, setSelectedSubAgents] = (0, import_react51.useState)([]);
+  const [agentPrompt, setAgentPrompt] = (0, import_react51.useState)("");
+  const [isPromptModalOpen, setIsPromptModalOpen] = (0, import_react51.useState)(false);
+  const [agentType, setAgentType] = (0, import_react51.useState)("react");
+  const [middleware, setMiddleware] = (0, import_react51.useState)([]);
+  const parsedConfig = (0, import_react51.useMemo)(() => {
     if (!assistant?.graphDefinition) {
       return null;
     }
@@ -14333,7 +14445,7 @@ var AgentConfigPanel = ({
       return null;
     }
   }, [assistant]);
-  const initializeMiddleware = (0, import_react50.useCallback)((types) => {
+  const initializeMiddleware = (0, import_react51.useCallback)((types) => {
     const middlewareTypes = types || [];
     return middlewareTypes.map((type, index) => ({
       id: `${type.type}-${index + 1}`,
@@ -14344,7 +14456,7 @@ var AgentConfigPanel = ({
       config: {}
     }));
   }, []);
-  const mergeMiddlewareConfig = (0, import_react50.useCallback)((savedConfigs, availableTypes) => {
+  const mergeMiddlewareConfig = (0, import_react51.useCallback)((savedConfigs, availableTypes) => {
     const types = availableTypes || [];
     const savedMap = new Map(savedConfigs?.map((cfg) => [cfg.type, cfg]) || []);
     return types.map((type, index) => {
@@ -14366,7 +14478,7 @@ var AgentConfigPanel = ({
       };
     });
   }, []);
-  const fetchTools = (0, import_react50.useCallback)(async () => {
+  const fetchTools = (0, import_react51.useCallback)(async () => {
     if (!visible) return;
     setToolsLoading(true);
     try {
@@ -14380,7 +14492,7 @@ var AgentConfigPanel = ({
       setToolsLoading(false);
     }
   }, [get, visible]);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     if (visible && assistant) {
       fetchTools();
       if (parsedConfig) {
@@ -15036,12 +15148,12 @@ var AgentConfigPanel = ({
 var AgentConfigPanel_default = AgentConfigPanel;
 
 // src/components/Chat/CreateAssistantModal.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 var import_antd46 = require("antd");
 var import_icons24 = require("@ant-design/icons");
 
 // src/components/Chat/ParentAgentSelector.tsx
-var import_react51 = require("react");
+var import_react52 = require("react");
 var import_antd44 = require("antd");
 var import_jsx_runtime64 = require("react/jsx-runtime");
 var { Text: Text19 } = import_antd44.Typography;
@@ -15050,10 +15162,10 @@ var ParentAgentSelector = ({
   value,
   placeholder = "Select a parent agent to extend..."
 }) => {
-  const [assistants, setAssistants] = (0, import_react51.useState)([]);
-  const [loading, setLoading] = (0, import_react51.useState)(false);
+  const [assistants, setAssistants] = (0, import_react52.useState)([]);
+  const [loading, setLoading] = (0, import_react52.useState)(false);
   const { get } = useApi();
-  (0, import_react51.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     const fetchAssistants = async () => {
       setLoading(true);
       try {
@@ -15193,17 +15305,17 @@ var CreateAssistantModal = ({
   onSuccess
 }) => {
   const [form] = import_antd46.Form.useForm();
-  const [loading, setLoading] = (0, import_react52.useState)(false);
-  const [creationMode, setCreationMode] = (0, import_react52.useState)("scratch");
-  const [parentAssistant, setParentAssistant] = (0, import_react52.useState)(null);
-  const [subAgentDecisions, setSubAgentDecisions] = (0, import_react52.useState)([]);
+  const [loading, setLoading] = (0, import_react53.useState)(false);
+  const [creationMode, setCreationMode] = (0, import_react53.useState)("scratch");
+  const [parentAssistant, setParentAssistant] = (0, import_react53.useState)(null);
+  const [subAgentDecisions, setSubAgentDecisions] = (0, import_react53.useState)([]);
   const { get, post } = useApi();
   const { token } = import_antd46.theme.useToken();
-  const resetExtendState = (0, import_react52.useCallback)(() => {
+  const resetExtendState = (0, import_react53.useCallback)(() => {
     setParentAssistant(null);
     setSubAgentDecisions([]);
   }, []);
-  const handleParentSelect = (0, import_react52.useCallback)(
+  const handleParentSelect = (0, import_react53.useCallback)(
     (assistant) => {
       setParentAssistant(assistant);
       if (!assistant) {
@@ -15228,7 +15340,7 @@ var CreateAssistantModal = ({
     },
     [form]
   );
-  const handleModeChange = (0, import_react52.useCallback)(
+  const handleModeChange = (0, import_react53.useCallback)(
     (mode) => {
       setCreationMode(mode);
       if (mode === "scratch") {
@@ -15582,33 +15694,33 @@ var import_antd47 = require("antd");
 var import_icons25 = require("@ant-design/icons");
 var import_jsx_runtime67 = require("react/jsx-runtime");
 var AssistantFlowInner = ({ onChat }) => {
-  const { setCenter, fitView } = (0, import_react54.useReactFlow)();
-  const [nodes, setNodes, onNodesChange] = (0, import_react54.useNodesState)([]);
-  const [edges, setEdges, onEdgesChange] = (0, import_react54.useEdgesState)([]);
-  const [assistants, setAssistants] = (0, import_react53.useState)([]);
-  const [assistantsLoading, setAssistantsLoading] = (0, import_react53.useState)(false);
-  const [configPanelVisible, setConfigPanelVisible] = (0, import_react53.useState)(false);
-  const [selectedAssistant, setSelectedAssistant] = (0, import_react53.useState)(null);
-  const [isCreateModalOpen, setIsCreateModalOpen] = (0, import_react53.useState)(false);
+  const { setCenter, fitView } = (0, import_react55.useReactFlow)();
+  const [nodes, setNodes, onNodesChange] = (0, import_react55.useNodesState)([]);
+  const [edges, setEdges, onEdgesChange] = (0, import_react55.useEdgesState)([]);
+  const [assistants, setAssistants] = (0, import_react54.useState)([]);
+  const [assistantsLoading, setAssistantsLoading] = (0, import_react54.useState)(false);
+  const [configPanelVisible, setConfigPanelVisible] = (0, import_react54.useState)(false);
+  const [selectedAssistant, setSelectedAssistant] = (0, import_react54.useState)(null);
+  const [isCreateModalOpen, setIsCreateModalOpen] = (0, import_react54.useState)(false);
   const { get, del, put } = useApi();
   const { config } = useLatticeChatShellContext();
   const { token } = import_antd47.theme.useToken();
   const { enableAssistantCreation = true, enableAssistantEditing = true } = config;
-  const nodeTypes2 = (0, import_react53.useMemo)(
+  const nodeTypes2 = (0, import_react54.useMemo)(
     () => ({
       assistant: AssistantNode_default
     }),
     []
   );
-  const handleConfigure = (0, import_react53.useCallback)((assistant) => {
+  const handleConfigure = (0, import_react54.useCallback)((assistant) => {
     setSelectedAssistant(assistant);
     setConfigPanelVisible(true);
   }, []);
-  const handleClosePanel = (0, import_react53.useCallback)(() => {
+  const handleClosePanel = (0, import_react54.useCallback)(() => {
     setConfigPanelVisible(false);
     setSelectedAssistant(null);
   }, []);
-  const handleSelectionChange = (0, import_react53.useCallback)(
+  const handleSelectionChange = (0, import_react54.useCallback)(
     ({ nodes: selectedNodes }) => {
       if (selectedNodes.length === 1 && enableAssistantEditing) {
         const nodeData = selectedNodes[0].data;
@@ -15637,10 +15749,10 @@ var AssistantFlowInner = ({ onChat }) => {
       setAssistantsLoading(false);
     }
   };
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     fetchAssistants();
   }, []);
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     if (!assistants || assistants.length === 0) {
       setNodes([]);
       setEdges([]);
@@ -15904,7 +16016,7 @@ var AssistantFlowInner = ({ onChat }) => {
     });
     lastCreatedAssistantRef.current = createdAssistant;
   };
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     if (selectedAssistant) {
       const node = nodes.find((n) => n.id === selectedAssistant.id);
       if (node) {
@@ -15912,7 +16024,7 @@ var AssistantFlowInner = ({ onChat }) => {
       }
     }
   }, [selectedAssistant, nodes, setCenter]);
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     if (assistants.length > 0 && selectedAssistant) {
       const assistant = assistants.find((a) => a.id === selectedAssistant.id);
       if (assistant && !configPanelVisible) {
@@ -15920,8 +16032,8 @@ var AssistantFlowInner = ({ onChat }) => {
       }
     }
   }, [assistants, selectedAssistant, configPanelVisible]);
-  const lastCreatedAssistantRef = (0, import_react53.useRef)(null);
-  (0, import_react53.useEffect)(() => {
+  const lastCreatedAssistantRef = (0, import_react54.useRef)(null);
+  (0, import_react54.useEffect)(() => {
     if (lastCreatedAssistantRef.current && !assistants.find((a) => a.id === lastCreatedAssistantRef.current?.id)) {
       lastCreatedAssistantRef.current = null;
     }
@@ -15963,7 +16075,7 @@ var AssistantFlowInner = ({ onChat }) => {
         },
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
-            import_react54.ReactFlow,
+            import_react55.ReactFlow,
             {
               nodes,
               edges,
@@ -15973,8 +16085,8 @@ var AssistantFlowInner = ({ onChat }) => {
               nodeTypes: nodeTypes2,
               fitView: true,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react54.Background, { color: "#eee", gap: 20 }),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react54.Controls, {})
+                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react55.Background, { color: "#eee", gap: 20 }),
+                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react55.Controls, {})
               ]
             }
           ),
@@ -16032,19 +16144,19 @@ var AssistantFlowInner = ({ onChat }) => {
     )
   ] });
 };
-var AssistantFlow = (props) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react54.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(AssistantFlowInner, { ...props }) });
+var AssistantFlow = (props) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react55.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(AssistantFlowInner, { ...props }) });
 var AssistantFlow_default = AssistantFlow;
 
 // src/components/Chat/SkillFlow.tsx
-var import_react58 = require("react");
-var import_react59 = require("@xyflow/react");
+var import_react59 = require("react");
+var import_react60 = require("@xyflow/react");
 var import_style2 = require("@xyflow/react/dist/style.css");
 var import_antd51 = require("antd");
 var import_icons28 = require("@ant-design/icons");
 
 // src/components/Chat/SkillNode.tsx
-var import_react55 = require("react");
-var import_react56 = require("@xyflow/react");
+var import_react56 = require("react");
+var import_react57 = require("@xyflow/react");
 var import_antd48 = require("antd");
 var import_icons26 = require("@ant-design/icons");
 var import_jsx_runtime68 = require("react/jsx-runtime");
@@ -16087,12 +16199,12 @@ var SkillNode = ({ data }) => {
   if (!skill) {
     return null;
   }
-  const [currentSkill, setCurrentSkill] = (0, import_react55.useState)(skill);
+  const [currentSkill, setCurrentSkill] = (0, import_react56.useState)(skill);
   const badgeColor = getBadgeColor2(currentSkill.name);
   const initials = currentSkill.name?.split("-").map((n) => n.charAt(0)).join("").toUpperCase().slice(0, 2) || "SK";
   const hasSubSkills = currentSkill.subSkills && currentSkill.subSkills.length > 0;
   const category = currentSkill.metadata && currentSkill.metadata.category || "global";
-  const metadataEntries = (0, import_react55.useMemo)(
+  const metadataEntries = (0, import_react56.useMemo)(
     () => currentSkill.metadata ? Object.entries(
       currentSkill.metadata
     ).filter(
@@ -16109,20 +16221,20 @@ var SkillNode = ({ data }) => {
   const handleCopy = (text) => {
     navigator.clipboard.writeText(text);
   };
-  const [isEditing, setIsEditing] = (0, import_react55.useState)(false);
-  const [draftSkill, setDraftSkill] = (0, import_react55.useState)({
+  const [isEditing, setIsEditing] = (0, import_react56.useState)(false);
+  const [draftSkill, setDraftSkill] = (0, import_react56.useState)({
     ...skill,
     id: skill.name
   });
-  const [metadataRows, setMetadataRows] = (0, import_react55.useState)(
+  const [metadataRows, setMetadataRows] = (0, import_react56.useState)(
     metadataEntries.map(([key, value]) => ({
       key,
       value
     }))
   );
-  const [isModalOpen, setIsModalOpen] = (0, import_react55.useState)(false);
-  const [saving, setSaving] = (0, import_react55.useState)(false);
-  (0, import_react55.useEffect)(() => {
+  const [isModalOpen, setIsModalOpen] = (0, import_react56.useState)(false);
+  const [saving, setSaving] = (0, import_react56.useState)(false);
+  (0, import_react56.useEffect)(() => {
     setIsEditing(false);
     setCurrentSkill(skill);
     setDraftSkill({ ...skill, id: skill.name });
@@ -16882,10 +16994,10 @@ var SkillNode = ({ data }) => {
       },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
-          import_react56.Handle,
+          import_react57.Handle,
           {
             type: "target",
-            position: import_react56.Position.Top,
+            position: import_react57.Position.Top,
             style: hiddenHandleStyle,
             isConnectable: false
           }
@@ -17210,10 +17322,10 @@ var SkillNode = ({ data }) => {
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
-          import_react56.Handle,
+          import_react57.Handle,
           {
             type: "source",
-            position: import_react56.Position.Bottom,
+            position: import_react57.Position.Bottom,
             style: hiddenHandleStyle,
             isConnectable: false
           }
@@ -17225,7 +17337,7 @@ var SkillNode = ({ data }) => {
 var SkillNode_default = SkillNode;
 
 // src/components/Chat/CreateSkillModal.tsx
-var import_react57 = require("react");
+var import_react58 = require("react");
 var import_antd49 = require("antd");
 var import_icons27 = require("@ant-design/icons");
 var import_antd50 = require("antd");
@@ -17238,11 +17350,11 @@ var CreateSkillModal = ({
   onSuccess
 }) => {
   const [form] = import_antd49.Form.useForm();
-  const [loading, setLoading] = (0, import_react57.useState)(false);
+  const [loading, setLoading] = (0, import_react58.useState)(false);
   const { post } = useApi();
   const { token } = import_antd50.theme.useToken();
   const defaultMetadataRows = [{ key: "category", value: "global" }];
-  const [metadataRows, setMetadataRows] = (0, import_react57.useState)(defaultMetadataRows);
+  const [metadataRows, setMetadataRows] = (0, import_react58.useState)(defaultMetadataRows);
   const handleSubmit = async () => {
     try {
       const values = await form.validateFields();
@@ -17510,14 +17622,14 @@ var CreateSkillModal_default = CreateSkillModal;
 // src/components/Chat/SkillFlow.tsx
 var import_jsx_runtime70 = require("react/jsx-runtime");
 var SkillFlowInner = ({ onNodeClick }) => {
-  const [nodes, setNodes, onNodesChange] = (0, import_react59.useNodesState)([]);
-  const [edges, setEdges, onEdgesChange] = (0, import_react59.useEdgesState)([]);
-  const [isCreateModalOpen, setIsCreateModalOpen] = (0, import_react58.useState)(false);
-  const [skills, setSkills] = (0, import_react58.useState)([]);
-  const [skillsLoading, setSkillsLoading] = (0, import_react58.useState)(false);
+  const [nodes, setNodes, onNodesChange] = (0, import_react60.useNodesState)([]);
+  const [edges, setEdges, onEdgesChange] = (0, import_react60.useEdgesState)([]);
+  const [isCreateModalOpen, setIsCreateModalOpen] = (0, import_react59.useState)(false);
+  const [skills, setSkills] = (0, import_react59.useState)([]);
+  const [skillsLoading, setSkillsLoading] = (0, import_react59.useState)(false);
   const { token } = import_antd51.theme.useToken();
   const { get } = useApi();
-  const nodeTypes2 = (0, import_react58.useMemo)(
+  const nodeTypes2 = (0, import_react59.useMemo)(
     () => ({
       skill: SkillNode_default
     }),
@@ -17537,10 +17649,10 @@ var SkillFlowInner = ({ onNodeClick }) => {
       setSkillsLoading(false);
     }
   };
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     fetchSkills();
   }, []);
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (!skills || skills.length === 0) {
       setNodes([]);
       setEdges([]);
@@ -17689,7 +17801,7 @@ var SkillFlowInner = ({ onNodeClick }) => {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { style: { width: "100%", height: "100%", background: "#fafafa", position: "relative" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
-      import_react59.ReactFlow,
+      import_react60.ReactFlow,
       {
         nodes,
         edges,
@@ -17698,8 +17810,8 @@ var SkillFlowInner = ({ onNodeClick }) => {
         nodeTypes: nodeTypes2,
         fitView: true,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react59.Background, { color: "#eee", gap: 20 }),
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react59.Controls, {})
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react60.Background, { color: "#eee", gap: 20 }),
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react60.Controls, {})
         ]
       }
     ),
@@ -17743,13 +17855,13 @@ var SkillFlowInner = ({ onNodeClick }) => {
     )
   ] });
 };
-var SkillFlow = (props) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react59.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(SkillFlowInner, { ...props }) });
+var SkillFlow = (props) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react60.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(SkillFlowInner, { ...props }) });
 var SkillFlow_default = SkillFlow;
 
 // src/components/Chat/ToolsList.tsx
 var import_antd52 = require("antd");
 var import_icons29 = require("@ant-design/icons");
-var import_react60 = require("react");
+var import_react61 = require("react");
 var import_jsx_runtime71 = require("react/jsx-runtime");
 var ToolsList = ({
   onToolSelect,
@@ -17757,13 +17869,13 @@ var ToolsList = ({
 }) => {
   const { token } = import_antd52.theme.useToken();
   const { get } = useApi();
-  const [state, setState] = (0, import_react60.useState)({
+  const [state, setState] = (0, import_react61.useState)({
     tools: [],
     isLoading: false,
     error: null
   });
-  const [selectedToolId, setSelectedToolId] = (0, import_react60.useState)(null);
-  const fetchTools = (0, import_react60.useCallback)(async () => {
+  const [selectedToolId, setSelectedToolId] = (0, import_react61.useState)(null);
+  const fetchTools = (0, import_react61.useCallback)(async () => {
     setState((prev) => ({ ...prev, isLoading: true, error: null }));
     try {
       const data = await get("/api/tools");
@@ -17785,17 +17897,17 @@ var ToolsList = ({
       }));
     }
   }, [get]);
-  const handleToolSelect = (0, import_react60.useCallback)(
+  const handleToolSelect = (0, import_react61.useCallback)(
     (tool) => {
       setSelectedToolId(tool.id);
       onToolSelect?.(tool);
     },
     [onToolSelect]
   );
-  const handleRefresh = (0, import_react60.useCallback)(() => {
+  const handleRefresh = (0, import_react61.useCallback)(() => {
     fetchTools();
   }, [fetchTools]);
-  (0, import_react60.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     if (autoLoad) {
       fetchTools();
     }
@@ -17985,14 +18097,14 @@ var ToolsList = ({
 };
 
 // src/components/Chat/TopologyAutomationView.tsx
-var import_react64 = require("react");
-var import_react65 = require("@xyflow/react");
+var import_react65 = require("react");
+var import_react66 = require("@xyflow/react");
 var import_style3 = require("@xyflow/react/dist/style.css");
 var import_antd56 = require("antd");
 var import_icons32 = require("@ant-design/icons");
 
 // src/components/Chat/TopologyNode.tsx
-var import_react61 = require("@xyflow/react");
+var import_react62 = require("@xyflow/react");
 var import_antd53 = require("antd");
 var import_icons30 = require("@ant-design/icons");
 var import_jsx_runtime72 = require("react/jsx-runtime");
@@ -18004,7 +18116,7 @@ var TopologyNode = ({ data }) => {
   if (!data) return null;
   const { agentName, description, outgoingEdges, incomingEdges } = data;
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { style: { padding: 4 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react61.Handle, { type: "target", position: import_react61.Position.Top }),
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react62.Handle, { type: "target", position: import_react62.Position.Top }),
     /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
       "div",
       {
@@ -18100,13 +18212,13 @@ var TopologyNode = ({ data }) => {
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react61.Handle, { type: "source", position: import_react61.Position.Bottom })
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react62.Handle, { type: "source", position: import_react62.Position.Bottom })
   ] });
 };
 var TopologyNode_default = TopologyNode;
 
 // src/components/Chat/CopilotPanel.tsx
-var import_react62 = require("react");
+var import_react63 = require("react");
 var import_antd54 = require("antd");
 var import_icons31 = require("@ant-design/icons");
 var import_jsx_runtime73 = require("react/jsx-runtime");
@@ -18120,13 +18232,13 @@ var CopilotPanel = ({
 }) => {
   const client = useClient("agent-architect");
   const threadId = workflowContext?.id ? `${client.tenantId}:${workflowContext.id}` : null;
-  const systemContext = (0, import_react62.useMemo)(() => {
+  const systemContext = (0, import_react63.useMemo)(() => {
     if (workflowContext?.id && workflowContext?.name) {
       return `[Context: You're viewing workflow "${workflowContext.name}" (agent: ${workflowContext.id})]`;
     }
     return void 0;
   }, [workflowContext]);
-  const initialMessageContent = (0, import_react62.useMemo)(() => {
+  const initialMessageContent = (0, import_react63.useMemo)(() => {
     if (!initialMessage || !workflowContext?.id) return void 0;
     return [
       `Purpose: ${initialMessage.trim()}`,
@@ -18227,7 +18339,7 @@ var CopilotPanel = ({
 };
 
 // src/components/Chat/CreateWorkflowModal.tsx
-var import_react63 = require("react");
+var import_react64 = require("react");
 var import_antd55 = require("antd");
 var import_jsx_runtime74 = require("react/jsx-runtime");
 function extractName(purpose) {
@@ -18252,7 +18364,7 @@ var CreateWorkflowModal = ({
 }) => {
   const { post } = useApi();
   const [form] = import_antd55.Form.useForm();
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (open) {
       form.resetFields();
     }
@@ -18423,7 +18535,7 @@ function buildGraph(agents, agentNameMap) {
     animated: true,
     type: "smoothstep",
     style: { stroke: "#6366f1", strokeWidth: 2 },
-    markerEnd: { type: import_react65.MarkerType.ArrowClosed, color: "#6366f1", width: 20, height: 20 },
+    markerEnd: { type: import_react66.MarkerType.ArrowClosed, color: "#6366f1", width: 20, height: 20 },
     labelStyle: { fill: "#6366f1", fontWeight: 500, fontSize: 12 },
     labelBgStyle: { fill: "#EEF2FF", fillOpacity: 0.9 },
     labelBgPadding: [8, 4],
@@ -18440,11 +18552,11 @@ function TopologyFlowInner({
   nodes: initialNodes,
   edges: initialEdges
 }) {
-  const [nodes, setNodes, onNodesChange] = (0, import_react65.useNodesState)(initialNodes);
-  const [edges, setEdges, onEdgesChange] = (0, import_react65.useEdgesState)(initialEdges);
-  const [specModalOpen, setSpecModalOpen] = (0, import_react64.useState)(false);
-  const nodeTypes2 = (0, import_react64.useMemo)(() => ({ topologyNode: TopologyNode_default }), []);
-  (0, import_react64.useEffect)(() => {
+  const [nodes, setNodes, onNodesChange] = (0, import_react66.useNodesState)(initialNodes);
+  const [edges, setEdges, onEdgesChange] = (0, import_react66.useEdgesState)(initialEdges);
+  const [specModalOpen, setSpecModalOpen] = (0, import_react65.useState)(false);
+  const nodeTypes2 = (0, import_react65.useMemo)(() => ({ topologyNode: TopologyNode_default }), []);
+  (0, import_react65.useEffect)(() => {
     setNodes(initialNodes);
     setEdges(initialEdges);
   }, [initialNodes, initialEdges, setNodes, setEdges]);
@@ -18532,7 +18644,7 @@ function TopologyFlowInner({
     ),
     /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { style: { flex: 1 }, children: selectedAgent ? /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { style: { position: "relative", height: "100%" }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
-        import_react65.ReactFlow,
+        import_react66.ReactFlow,
         {
           nodes,
           edges,
@@ -18543,10 +18655,10 @@ function TopologyFlowInner({
           minZoom: 0.1,
           maxZoom: 2,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react65.Background, { variant: import_react65.BackgroundVariant.Dots, gap: 20, size: 1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react65.Controls, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react66.Background, { variant: import_react66.BackgroundVariant.Dots, gap: 20, size: 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react66.Controls, {}),
             /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
-              import_react65.MiniMap,
+              import_react66.MiniMap,
               {
                 nodeStrokeWidth: 3,
                 pannable: true,
@@ -18652,15 +18764,15 @@ function TopologyFlowInner({
 }
 var TopologyAutomationView = () => {
   const { get, del } = useApi();
-  const [agents, setAgents] = (0, import_react64.useState)([]);
-  const [agentNameMap, setAgentNameMap] = (0, import_react64.useState)(/* @__PURE__ */ new Map());
-  const [selectedWorkflowId, setSelectedWorkflowId] = (0, import_react64.useState)(null);
-  const [copilotOpen, setCopilotOpen] = (0, import_react64.useState)(true);
-  const [initialLoading, setInitialLoading] = (0, import_react64.useState)(true);
-  const [error, setError] = (0, import_react64.useState)(null);
-  const [isCreateModalOpen, setIsCreateModalOpen] = (0, import_react64.useState)(false);
-  const [initialMessage, setInitialMessage] = (0, import_react64.useState)(null);
-  const workflowTools = (0, import_react64.useMemo)(
+  const [agents, setAgents] = (0, import_react65.useState)([]);
+  const [agentNameMap, setAgentNameMap] = (0, import_react65.useState)(/* @__PURE__ */ new Map());
+  const [selectedWorkflowId, setSelectedWorkflowId] = (0, import_react65.useState)(null);
+  const [copilotOpen, setCopilotOpen] = (0, import_react65.useState)(true);
+  const [initialLoading, setInitialLoading] = (0, import_react65.useState)(true);
+  const [error, setError] = (0, import_react65.useState)(null);
+  const [isCreateModalOpen, setIsCreateModalOpen] = (0, import_react65.useState)(false);
+  const [initialMessage, setInitialMessage] = (0, import_react65.useState)(null);
+  const workflowTools = (0, import_react65.useMemo)(
     () => [
       "create_agent",
       "create_processing_agent",
@@ -18670,7 +18782,7 @@ var TopologyAutomationView = () => {
     ],
     []
   );
-  const fetchData = (0, import_react64.useCallback)(async () => {
+  const fetchData = (0, import_react65.useCallback)(async () => {
     const [wfRes, assistantsRes] = await Promise.all([
       get("/api/workflows/definitions"),
       get("/api/assistants")
@@ -18694,7 +18806,7 @@ var TopologyAutomationView = () => {
     }
     setError(null);
   }, [get]);
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     let cancelled = false;
     const load = async () => {
       try {
@@ -18713,7 +18825,7 @@ var TopologyAutomationView = () => {
       cancelled = true;
     };
   }, [fetchData]);
-  const handleWorkflowCreated = (0, import_react64.useCallback)((id, purpose) => {
+  const handleWorkflowCreated = (0, import_react65.useCallback)((id, purpose) => {
     setIsCreateModalOpen(false);
     fetchData().then(() => {
       setSelectedWorkflowId(id);
@@ -18722,10 +18834,10 @@ var TopologyAutomationView = () => {
       }
     });
   }, [fetchData]);
-  const handleSelectWorkflow = (0, import_react64.useCallback)((id) => {
+  const handleSelectWorkflow = (0, import_react65.useCallback)((id) => {
     setSelectedWorkflowId(id);
   }, []);
-  const handleDeleteWorkflow = (0, import_react64.useCallback)(async (id) => {
+  const handleDeleteWorkflow = (0, import_react65.useCallback)(async (id) => {
     try {
       await del(`/api/assistants/${id}`);
       setSelectedWorkflowId(null);
@@ -18735,19 +18847,19 @@ var TopologyAutomationView = () => {
       setError(message23);
     }
   }, [del, fetchData]);
-  const selectedAgent = (0, import_react64.useMemo)(
+  const selectedAgent = (0, import_react65.useMemo)(
     () => agents.find((a) => a.id === selectedWorkflowId) || null,
     [agents, selectedWorkflowId]
   );
-  const selectedWorkflowName = (0, import_react64.useMemo)(
+  const selectedWorkflowName = (0, import_react65.useMemo)(
     () => selectedAgent?.name || null,
     [selectedAgent]
   );
-  const workflowContext = (0, import_react64.useMemo)(
+  const workflowContext = (0, import_react65.useMemo)(
     () => selectedWorkflowId && selectedWorkflowName ? { id: selectedWorkflowId, name: selectedWorkflowName } : null,
     [selectedWorkflowId, selectedWorkflowName]
   );
-  const { nodes, edges } = (0, import_react64.useMemo)(
+  const { nodes, edges } = (0, import_react65.useMemo)(
     () => selectedAgent ? buildGraph([selectedAgent], agentNameMap) : { nodes: [], edges: [] },
     [selectedAgent, agentNameMap]
   );
@@ -18787,7 +18899,7 @@ var TopologyAutomationView = () => {
         onCreated: handleWorkflowCreated
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react65.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { style: { display: "flex", height: "100%", width: "100%", overflow: "hidden" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react66.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { style: { display: "flex", height: "100%", width: "100%", overflow: "hidden" }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
         "div",
         {
@@ -18863,10 +18975,10 @@ var TopologyAutomationView = () => {
 };
 
 // src/components/Chat/TopologyRuntimeView.tsx
-var import_react66 = require("react");
+var import_react67 = require("react");
 var import_antd57 = require("antd");
 var import_icons33 = require("@ant-design/icons");
-var import_react67 = require("@xyflow/react");
+var import_react68 = require("@xyflow/react");
 var import_style4 = require("@xyflow/react/dist/style.css");
 var import_dagre = __toESM(require("dagre"));
 var import_jsx_runtime76 = require("react/jsx-runtime");
@@ -18910,7 +19022,7 @@ function StepNode({ data, selected }) {
   const shadow = isSelected ? `0 4px 14px ${ssc.color}20` : "0 1px 6px rgba(0,0,0,0.08)";
   const borderWidth = isSelected ? 2 : 1;
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { style: { padding: 4 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react67.Handle, { type: "target", position: import_react67.Position.Top }),
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react68.Handle, { type: "target", position: import_react68.Position.Top }),
     /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       "div",
       {
@@ -18970,12 +19082,12 @@ function StepNode({ data, selected }) {
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react67.Handle, { type: "source", position: import_react67.Position.Bottom })
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react68.Handle, { type: "source", position: import_react68.Position.Bottom })
   ] });
 }
 var nodeTypes = { stepNode: StepNode };
 function useLayoutedElements(steps) {
-  return (0, import_react66.useMemo)(() => {
+  return (0, import_react67.useMemo)(() => {
     if (steps.length === 0) return [];
     const g = new import_dagre.default.graphlib.Graph();
     g.setGraph({ rankdir: "TB", nodesep: 40, ranksep: 40 });
@@ -19001,7 +19113,7 @@ function useLayoutedElements(steps) {
   }, [steps]);
 }
 function useEdgesFromSteps(steps) {
-  return (0, import_react66.useMemo)(() => {
+  return (0, import_react67.useMemo)(() => {
     const edges = [];
     for (let i = 0; i < steps.length - 1; i++) {
       const fromStep = steps[i];
@@ -19015,7 +19127,7 @@ function useEdgesFromSteps(steps) {
         animated: true,
         label: purpose || void 0,
         style: { stroke: "#6366f1", strokeWidth: 2 },
-        markerEnd: { type: import_react67.MarkerType.ArrowClosed, color: "#6366f1", width: 20, height: 20 },
+        markerEnd: { type: import_react68.MarkerType.ArrowClosed, color: "#6366f1", width: 20, height: 20 },
         labelStyle: { fill: "#6366f1", fontWeight: 500, fontSize: 12 },
         labelBgStyle: { fill: "#EEF2FF", fillOpacity: 0.9 },
         labelBgPadding: [8, 4],
@@ -19142,18 +19254,18 @@ function StepDetailPopover({ step }) {
 function FlowCanvas({ steps }) {
   const initialNodes = useLayoutedElements(steps);
   const initialEdges = useEdgesFromSteps(steps);
-  const [nodes, setNodes, onNodesChange] = (0, import_react67.useNodesState)(initialNodes);
-  const [edges, setEdges, onEdgesChange] = (0, import_react67.useEdgesState)(initialEdges);
-  const [selectedNodeId, setSelectedNodeId] = (0, import_react66.useState)(null);
-  const selectedStep = (0, import_react66.useMemo)(
+  const [nodes, setNodes, onNodesChange] = (0, import_react68.useNodesState)(initialNodes);
+  const [edges, setEdges, onEdgesChange] = (0, import_react68.useEdgesState)(initialEdges);
+  const [selectedNodeId, setSelectedNodeId] = (0, import_react67.useState)(null);
+  const selectedStep = (0, import_react67.useMemo)(
     () => steps.find((s) => s.id === selectedNodeId) || null,
     [steps, selectedNodeId]
   );
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     setNodes(initialNodes);
     setEdges(initialEdges);
   }, [initialNodes, initialEdges, setNodes, setEdges]);
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     if (selectedNodeId) {
       setNodes(
         (nds) => nds.map((n) => ({
@@ -19163,13 +19275,13 @@ function FlowCanvas({ steps }) {
       );
     }
   }, [selectedNodeId, setNodes]);
-  const onNodeClick = (0, import_react66.useCallback)(
+  const onNodeClick = (0, import_react67.useCallback)(
     (_event, node) => {
       setSelectedNodeId(node.id);
     },
     []
   );
-  const onPaneClick = (0, import_react66.useCallback)(() => {
+  const onPaneClick = (0, import_react67.useCallback)(() => {
     setNodes(
       (nds) => nds.map((n) => ({
         ...n,
@@ -19180,7 +19292,7 @@ function FlowCanvas({ steps }) {
   }, [setNodes]);
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
-      import_react67.ReactFlow,
+      import_react68.ReactFlow,
       {
         nodes,
         edges,
@@ -19196,10 +19308,10 @@ function FlowCanvas({ steps }) {
         nodesDraggable: false,
         nodesConnectable: false,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react67.Background, { variant: import_react67.BackgroundVariant.Dots, gap: 20, size: 1 }),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react67.Controls, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react68.Background, { variant: import_react68.BackgroundVariant.Dots, gap: 20, size: 1 }),
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react68.Controls, {}),
           /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-            import_react67.MiniMap,
+            import_react68.MiniMap,
             {
               nodeStrokeWidth: 3,
               pannable: true,
@@ -19348,11 +19460,11 @@ function RunSummaryBanner({ run, agentName }) {
 }
 var RunDetail = ({ run, agentName, open, onClose, onRunUpdate, autoRefresh, onAutoRefreshChange }) => {
   const { get } = useApi();
-  const [steps, setSteps] = (0, import_react66.useState)([]);
-  const [loading, setLoading] = (0, import_react66.useState)(false);
-  const stepsPollTimeoutRef = (0, import_react66.useRef)(null);
-  const stepsPollSessionRef = (0, import_react66.useRef)(0);
-  const fetchSteps = (0, import_react66.useCallback)(async () => {
+  const [steps, setSteps] = (0, import_react67.useState)([]);
+  const [loading, setLoading] = (0, import_react67.useState)(false);
+  const stepsPollTimeoutRef = (0, import_react67.useRef)(null);
+  const stepsPollSessionRef = (0, import_react67.useRef)(0);
+  const fetchSteps = (0, import_react67.useCallback)(async () => {
     try {
       const [stepsRes, runsRes] = await Promise.all([
         get(
@@ -19370,12 +19482,12 @@ var RunDetail = ({ run, agentName, open, onClose, onRunUpdate, autoRefresh, onAu
     } catch {
     }
   }, [get, run.id, onRunUpdate]);
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     if (!open) return;
     setLoading(true);
     fetchSteps().finally(() => setLoading(false));
   }, [open, run.id, fetchSteps]);
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     if (stepsPollTimeoutRef.current) {
       clearTimeout(stepsPollTimeoutRef.current);
       stepsPollTimeoutRef.current = null;
@@ -19417,7 +19529,7 @@ var RunDetail = ({ run, agentName, open, onClose, onRunUpdate, autoRefresh, onAu
       styles: { body: { padding: "12px 0" } },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { style: { padding: "0 12px", marginBottom: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(RunSummaryBanner, { run, agentName }) }),
-        loading ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: 300 }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_antd57.Spin, { size: "large" }) }) : steps.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { style: { padding: "0 12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text27, { type: "secondary", children: "No step records yet" }) }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { style: { width: "100%", height: "calc(100vh - 200px)", position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react67.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(FlowCanvas, { steps }) }) }),
+        loading ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: 300 }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_antd57.Spin, { size: "large" }) }) : steps.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { style: { padding: "0 12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Text27, { type: "secondary", children: "No step records yet" }) }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { style: { width: "100%", height: "calc(100vh - 200px)", position: "relative" }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react68.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(FlowCanvas, { steps }) }) }),
         run.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { style: { padding: "0 12px", marginTop: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
           "div",
           {
@@ -19437,20 +19549,20 @@ var RunDetail = ({ run, agentName, open, onClose, onRunUpdate, autoRefresh, onAu
 var POLLING_INTERVAL = 3e3;
 var TopologyRuntimeView = () => {
   const { get, del } = useApi();
-  const [runs, setRuns] = (0, import_react66.useState)([]);
-  const [agentNames, setAgentNames] = (0, import_react66.useState)({});
-  const [loading, setLoading] = (0, import_react66.useState)(true);
-  const [error, setError] = (0, import_react66.useState)(null);
-  const [selectedRun, setSelectedRun] = (0, import_react66.useState)(null);
-  const [autoRefresh, setAutoRefresh] = (0, import_react66.useState)(true);
-  const pollingSessionRef = (0, import_react66.useRef)(0);
-  const handleRunUpdate = (0, import_react66.useCallback)((updated) => {
+  const [runs, setRuns] = (0, import_react67.useState)([]);
+  const [agentNames, setAgentNames] = (0, import_react67.useState)({});
+  const [loading, setLoading] = (0, import_react67.useState)(true);
+  const [error, setError] = (0, import_react67.useState)(null);
+  const [selectedRun, setSelectedRun] = (0, import_react67.useState)(null);
+  const [autoRefresh, setAutoRefresh] = (0, import_react67.useState)(true);
+  const pollingSessionRef = (0, import_react67.useRef)(0);
+  const handleRunUpdate = (0, import_react67.useCallback)((updated) => {
     setRuns(
       (prev) => prev.map((r) => r.id === updated.id ? updated : r)
     );
     setSelectedRun((prev) => prev?.id === updated.id ? updated : prev);
   }, []);
-  const handleDeleteRun = (0, import_react66.useCallback)(async (runId) => {
+  const handleDeleteRun = (0, import_react67.useCallback)(async (runId) => {
     try {
       await del(`/api/workflows/runs/${runId}`);
       setRuns((prev) => prev.filter((r) => r.id !== runId));
@@ -19460,7 +19572,7 @@ var TopologyRuntimeView = () => {
       setError(message23);
     }
   }, [del]);
-  const refreshRuns = (0, import_react66.useCallback)(async () => {
+  const refreshRuns = (0, import_react67.useCallback)(async () => {
     setLoading(true);
     try {
       const defsRes = await get("/api/workflows/definitions");
@@ -19489,7 +19601,7 @@ var TopologyRuntimeView = () => {
       setLoading(false);
     }
   }, [get]);
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     let cancelled = false;
     const init2 = async () => {
       try {
@@ -19525,7 +19637,7 @@ var TopologyRuntimeView = () => {
       cancelled = true;
     };
   }, [get]);
-  (0, import_react66.useEffect)(() => {
+  (0, import_react67.useEffect)(() => {
     return () => {
       pollingSessionRef.current = 0;
     };
@@ -19633,15 +19745,15 @@ var TopologyRuntimeView = () => {
 };
 
 // src/components/Chat/TopologyInboxView.tsx
-var import_react68 = require("react");
+var import_react69 = require("react");
 var import_antd58 = require("antd");
 var import_icons34 = require("@ant-design/icons");
 var import_jsx_runtime77 = require("react/jsx-runtime");
 var { Text: Text28, Title: Title6 } = import_antd58.Typography;
 var TopologyInboxView = () => {
   const { get } = useApi();
-  const [items, setItems] = (0, import_react68.useState)([]);
-  const [loading, setLoading] = (0, import_react68.useState)(true);
+  const [items, setItems] = (0, import_react69.useState)([]);
+  const [loading, setLoading] = (0, import_react69.useState)(true);
   const fetchInbox = async () => {
     setLoading(true);
     try {
@@ -19668,7 +19780,7 @@ var TopologyInboxView = () => {
       setLoading(false);
     }
   };
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     fetchInbox();
   }, [get]);
   return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
@@ -19751,7 +19863,7 @@ var TopologyInboxView = () => {
 };
 
 // src/components/Eval/EvalPanel.tsx
-var import_react71 = __toESM(require("react"));
+var import_react72 = __toESM(require("react"));
 var import_antd_style22 = require("antd-style");
 var import_antd62 = require("antd");
 var import_lucide_react13 = require("lucide-react");
@@ -19868,7 +19980,7 @@ var EvalSuiteCardList = ({ projectId, onSelectSuite }) => {
 };
 
 // src/components/Eval/EvalSuiteDetail.tsx
-var import_react69 = require("react");
+var import_react70 = require("react");
 var import_antd_style20 = require("antd-style");
 var import_antd60 = require("antd");
 var import_lucide_react11 = require("lucide-react");
@@ -19972,9 +20084,9 @@ var EvalSuiteDetail = ({ projectId, suiteId, onBack, onRun }) => {
   const { suites } = useEvalSuites(projectId);
   const { cases, create: createCase, remove: removeCase } = useEvalCases(projectId, suiteId);
   const { start } = useEvalRuns(projectId);
-  const [modalOpen, setModalOpen] = (0, import_react69.useState)(false);
+  const [modalOpen, setModalOpen] = (0, import_react70.useState)(false);
   const [form] = import_antd60.Form.useForm();
-  const [agents, setAgents] = (0, import_react69.useState)([]);
+  const [agents, setAgents] = (0, import_react70.useState)([]);
   const suite = suites.find((s) => s.id === suiteId) || {};
   const loadAgents = async () => {
     try {
@@ -20107,7 +20219,7 @@ var EvalSuiteDetail = ({ projectId, suiteId, onBack, onRun }) => {
 };
 
 // src/components/Eval/EvalRunResults.tsx
-var import_react70 = require("react");
+var import_react71 = require("react");
 var import_antd_style21 = require("antd-style");
 var import_antd61 = require("antd");
 var import_lucide_react12 = require("lucide-react");
@@ -20196,9 +20308,9 @@ var useStyle11 = (0, import_antd_style21.createStyles)(({ token, css }) => ({
 var EvalRunResults = ({ runId, onBack }) => {
   const { styles } = useStyle11();
   const client = useClient("__GLOBAL__");
-  const [run, setRun] = (0, import_react70.useState)(null);
+  const [run, setRun] = (0, import_react71.useState)(null);
   const { status: streamingStatus, progress, connected } = useEvalRunStream(runId);
-  (0, import_react70.useEffect)(() => {
+  (0, import_react71.useEffect)(() => {
     client.eval.runs.get(runId).then(setRun).catch(console.error);
   }, [runId, client]);
   if (!run) {
@@ -20549,18 +20661,18 @@ var EvalPanel = () => {
   const { styles, cx } = useStyle12();
   const { token } = import_antd62.theme.useToken();
   const { projects } = useEvalProjects();
-  const [projectId, setProjectId] = (0, import_react71.useState)("");
-  const [page, setPage] = (0, import_react71.useState)("dashboard");
-  const [suiteId, setSuiteId] = (0, import_react71.useState)("");
-  const [runId, setRunId] = (0, import_react71.useState)("");
-  import_react71.default.useEffect(() => {
+  const [projectId, setProjectId] = (0, import_react72.useState)("");
+  const [page, setPage] = (0, import_react72.useState)("dashboard");
+  const [suiteId, setSuiteId] = (0, import_react72.useState)("");
+  const [runId, setRunId] = (0, import_react72.useState)("");
+  import_react72.default.useEffect(() => {
     if (!projectId && projects.length > 0) {
       setProjectId(projects[0].id);
     }
   }, [projects, projectId]);
   const { suites } = useEvalSuites(projectId);
   const { runs, start, remove } = useEvalRuns(projectId);
-  const stats = (0, import_react71.useMemo)(() => {
+  const stats = (0, import_react72.useMemo)(() => {
     const totalCases = suites.reduce((s, x) => s + (x.caseCount ?? 0), 0);
     const latest = runs[0];
     const passRate = latest?.totalCases > 0 ? Math.round(latest.passedCases / latest.totalCases * 100) : null;
@@ -20740,8 +20852,8 @@ var EvalPanel = () => {
     ] });
   }
   const SuiteListPage = () => {
-    const [showAdd, setShowAdd] = (0, import_react71.useState)(false);
-    const [name, setName] = (0, import_react71.useState)("");
+    const [showAdd, setShowAdd] = (0, import_react72.useState)(false);
+    const [name, setName] = (0, import_react72.useState)("");
     const { create } = useEvalSuites(projectId);
     const handleAdd = async () => {
       if (!name.trim()) return;
@@ -20923,9 +21035,9 @@ var WorkspaceResourceManager = ({
   logo
 }) => {
   const { openContentApp, menuCollapsed, setMenuCollapsed } = useChatUIContext();
-  const hasOpenedDefault = (0, import_react72.useRef)(false);
-  const hasRegistered = (0, import_react72.useRef)(false);
-  (0, import_react72.useEffect)(() => {
+  const hasOpenedDefault = (0, import_react73.useRef)(false);
+  const hasRegistered = (0, import_react73.useRef)(false);
+  (0, import_react73.useEffect)(() => {
     if (!hasRegistered.current) {
       hasRegistered.current = true;
       regsiterElement("workspace_projects", {
@@ -20984,9 +21096,9 @@ var WorkspaceResourceManager = ({
   const { user, logout, tenants, currentTenant, selectTenant, isLoading } = useAuth();
   const { setWorkspace, setProject } = useWorkspaceContext();
   const { config } = useLatticeChatShellContext();
-  const [tenantModalOpen, setTenantModalOpen] = (0, import_react72.useState)(false);
-  const [changePasswordOpen, setChangePasswordOpen] = (0, import_react72.useState)(false);
-  const menuItems = (0, import_react72.useMemo)(() => {
+  const [tenantModalOpen, setTenantModalOpen] = (0, import_react73.useState)(false);
+  const [changePasswordOpen, setChangePasswordOpen] = (0, import_react73.useState)(false);
+  const menuItems = (0, import_react73.useMemo)(() => {
     const items = config.workspaceMenuItems?.length ? [...config.workspaceMenuItems] : [...DEFAULT_WORKSPACE_MENU_ITEMS];
     return items.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
   }, [config.workspaceMenuItems]);
@@ -21017,7 +21129,7 @@ var WorkspaceResourceManager = ({
       });
     }
   };
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     if (!hasOpenedDefault.current && menuItems.length > 0) {
       hasOpenedDefault.current = true;
       const firstRoute = menuItems.find((item) => item.type === "route");
@@ -21206,9 +21318,9 @@ var WorkspaceResourceUIContext = ({
 
 // src/context/WorkspaceContext.tsx
 var import_jsx_runtime83 = require("react/jsx-runtime");
-var WorkspaceContext = (0, import_react73.createContext)(null);
+var WorkspaceContext = (0, import_react74.createContext)(null);
 var useWorkspaceContext = () => {
-  const context = (0, import_react73.useContext)(WorkspaceContext);
+  const context = (0, import_react74.useContext)(WorkspaceContext);
   if (!context) {
     throw new Error("useWorkspaceContext must be used within a WorkspaceContextProvider");
   }
@@ -21233,23 +21345,23 @@ var WorkspaceContextProvider = ({
     }
     return null;
   };
-  const [workspaceId, setWorkspaceId] = (0, import_react73.useState)(getInitialWorkspaceId);
-  const [projectId, setProjectId] = (0, import_react73.useState)(getInitialProjectId);
-  import_react73.default.useEffect(() => {
+  const [workspaceId, setWorkspaceId] = (0, import_react74.useState)(getInitialWorkspaceId);
+  const [projectId, setProjectId] = (0, import_react74.useState)(getInitialProjectId);
+  import_react74.default.useEffect(() => {
     const wsId = getInitialWorkspaceId();
     const pjId = getInitialProjectId();
     if (wsId || pjId) {
       import_client_sdk6.Client.setWorkspaceContext(wsId || void 0, pjId || void 0);
     }
   }, []);
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     import_client_sdk6.Client.setWorkspaceContext(workspaceId || void 0, projectId || void 0);
   }, [workspaceId, projectId]);
-  const [workspaces, setWorkspaces] = (0, import_react73.useState)([]);
-  const [projects, setProjects] = (0, import_react73.useState)([]);
-  const [loading, setLoading] = (0, import_react73.useState)(false);
-  const [error, setError] = (0, import_react73.useState)(null);
-  const client = import_react73.default.useMemo(() => {
+  const [workspaces, setWorkspaces] = (0, import_react74.useState)([]);
+  const [projects, setProjects] = (0, import_react74.useState)([]);
+  const [loading, setLoading] = (0, import_react74.useState)(false);
+  const [error, setError] = (0, import_react74.useState)(null);
+  const client = import_react74.default.useMemo(() => {
     const authApiKey = isAuthenticated ? sessionStorage.getItem("lattice_token") || config.apiKey || "" : config.apiKey || "";
     return new import_client_sdk6.WorkspaceClient({
       baseURL: config.baseURL,
@@ -21258,22 +21370,22 @@ var WorkspaceContextProvider = ({
       transport: "sse"
     }, tenantId);
   }, [config.baseURL, config.apiKey, tenantId, isAuthenticated]);
-  const resetSelectedWorkspace = (0, import_react73.useCallback)(() => {
+  const resetSelectedWorkspace = (0, import_react74.useCallback)(() => {
     setProjects([]);
     setWorkspaceId(null);
     sessionStorage.removeItem("workspaceId");
     setProjectId(null);
     sessionStorage.removeItem("projectId");
   }, [setProjects, setWorkspaceId, setProjectId]);
-  const resetWS = (0, import_react73.useCallback)(() => {
+  const resetWS = (0, import_react74.useCallback)(() => {
     setWorkspaces([]);
     resetSelectedWorkspace();
   }, [resetSelectedWorkspace, setWorkspaces]);
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     resetWS();
     refreshWorkspaces();
   }, [tenantId]);
-  const refreshWorkspaces = (0, import_react73.useCallback)(async () => {
+  const refreshWorkspaces = (0, import_react74.useCallback)(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -21285,7 +21397,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client]);
-  const refreshProjects = (0, import_react73.useCallback)(async (wsId) => {
+  const refreshProjects = (0, import_react74.useCallback)(async (wsId) => {
     const targetWorkspaceId = wsId || workspaceId;
     if (!targetWorkspaceId) {
       setProjects([]);
@@ -21302,28 +21414,28 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, workspaceId]);
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     if (workspaceId && typeof window !== "undefined") {
       sessionStorage.setItem("workspaceId", workspaceId);
     }
   }, [workspaceId]);
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     if (projectId && typeof window !== "undefined") {
       sessionStorage.setItem("projectId", projectId);
     }
   }, [projectId]);
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     refreshWorkspaces().catch((err) => {
       console.warn("Failed to load workspaces:", err);
     });
   }, [refreshWorkspaces]);
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     if (workspaces.length > 0 && !workspaceId) {
       const firstWorkspace = workspaces[0];
       setWorkspaceId(firstWorkspace.id);
     }
   }, [workspaces, workspaceId]);
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     if (workspaceId) {
       refreshProjects(workspaceId);
     } else {
@@ -21331,7 +21443,7 @@ var WorkspaceContextProvider = ({
     }
     setProjectId(null);
   }, [workspaceId, refreshProjects]);
-  const createWorkspace = (0, import_react73.useCallback)(async (data) => {
+  const createWorkspace = (0, import_react74.useCallback)(async (data) => {
     setLoading(true);
     setError(null);
     try {
@@ -21346,7 +21458,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, refreshWorkspaces]);
-  const updateWorkspace = (0, import_react73.useCallback)(async (id, updates) => {
+  const updateWorkspace = (0, import_react74.useCallback)(async (id, updates) => {
     setLoading(true);
     setError(null);
     try {
@@ -21361,7 +21473,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, refreshWorkspaces]);
-  const deleteWorkspace = (0, import_react73.useCallback)(async (id) => {
+  const deleteWorkspace = (0, import_react74.useCallback)(async (id) => {
     setLoading(true);
     setError(null);
     try {
@@ -21378,7 +21490,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, workspaceId, refreshWorkspaces]);
-  const createProject = (0, import_react73.useCallback)(async (wsId, data) => {
+  const createProject = (0, import_react74.useCallback)(async (wsId, data) => {
     setLoading(true);
     setError(null);
     try {
@@ -21393,7 +21505,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, refreshProjects]);
-  const updateProject = (0, import_react73.useCallback)(async (wsId, id, updates) => {
+  const updateProject = (0, import_react74.useCallback)(async (wsId, id, updates) => {
     setLoading(true);
     setError(null);
     try {
@@ -21408,7 +21520,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, refreshProjects]);
-  const deleteProject = (0, import_react73.useCallback)(async (wsId, id) => {
+  const deleteProject = (0, import_react74.useCallback)(async (wsId, id) => {
     setLoading(true);
     setError(null);
     try {
@@ -21425,7 +21537,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, projectId, refreshProjects]);
-  const listPath = (0, import_react73.useCallback)(
+  const listPath = (0, import_react74.useCallback)(
     async (path = "/", assistantId) => {
       if (!workspaceId || !projectId) {
         return [];
@@ -21444,7 +21556,7 @@ var WorkspaceContextProvider = ({
     },
     [client, workspaceId, projectId]
   );
-  const listPathByFolder = (0, import_react73.useCallback)(
+  const listPathByFolder = (0, import_react74.useCallback)(
     async (folder, assistantId) => {
       let normalizedPath = folder;
       if (normalizedPath.startsWith("~/")) {
@@ -21457,7 +21569,7 @@ var WorkspaceContextProvider = ({
     },
     [listPath]
   );
-  const uploadFile = (0, import_react73.useCallback)(
+  const uploadFile = (0, import_react74.useCallback)(
     async (path, file, assistantId) => {
       if (!workspaceId || !projectId) {
         throw new Error("Workspace and project must be selected before uploading files");
@@ -21477,7 +21589,7 @@ var WorkspaceContextProvider = ({
     },
     [client, workspaceId, projectId]
   );
-  const uploadFileToFolder = (0, import_react73.useCallback)(
+  const uploadFileToFolder = (0, import_react74.useCallback)(
     async (folder, file, assistantId) => {
       let normalizedFolder = folder;
       if (normalizedFolder.startsWith("~/")) {
@@ -21487,7 +21599,7 @@ var WorkspaceContextProvider = ({
     },
     [uploadFile]
   );
-  const getFileViewUrl = (0, import_react73.useCallback)(
+  const getFileViewUrl = (0, import_react74.useCallback)(
     (filePath, assistantId) => {
       if (!workspaceId || !projectId) {
         return "";
@@ -21539,17 +21651,17 @@ var WorkspaceContextProvider = ({
 };
 
 // src/components/Chat/DatabasePicker.tsx
-var import_react74 = require("react");
+var import_react75 = require("react");
 var import_antd64 = require("antd");
 var import_lucide_react15 = require("lucide-react");
 var import_jsx_runtime84 = require("react/jsx-runtime");
 var DatabasePicker = ({ senderRef, iconOnly }) => {
-  const [modalOpen, setModalOpen] = (0, import_react74.useState)(false);
-  const [databases, setDatabases] = (0, import_react74.useState)([]);
-  const [loading, setLoading] = (0, import_react74.useState)(false);
-  const [selectedDatabases, setSelectedDatabases] = (0, import_react74.useState)([]);
+  const [modalOpen, setModalOpen] = (0, import_react75.useState)(false);
+  const [databases, setDatabases] = (0, import_react75.useState)([]);
+  const [loading, setLoading] = (0, import_react75.useState)(false);
+  const [selectedDatabases, setSelectedDatabases] = (0, import_react75.useState)([]);
   const { get } = useApi();
-  const fetchedRef = (0, import_react74.useRef)(false);
+  const fetchedRef = (0, import_react75.useRef)(false);
   const loadDatabases = async () => {
     setLoading(true);
     try {
@@ -21689,17 +21801,17 @@ var DatabasePicker = ({ senderRef, iconOnly }) => {
 };
 
 // src/components/Chat/SkillPicker.tsx
-var import_react75 = require("react");
+var import_react76 = require("react");
 var import_antd65 = require("antd");
 var import_lucide_react16 = require("lucide-react");
 var import_jsx_runtime85 = require("react/jsx-runtime");
 var SkillPicker = ({ senderRef, iconOnly }) => {
-  const [modalOpen, setModalOpen] = (0, import_react75.useState)(false);
-  const [skills, setSkills] = (0, import_react75.useState)([]);
-  const [loading, setLoading] = (0, import_react75.useState)(false);
-  const [selectedSkills, setSelectedSkills] = (0, import_react75.useState)([]);
+  const [modalOpen, setModalOpen] = (0, import_react76.useState)(false);
+  const [skills, setSkills] = (0, import_react76.useState)([]);
+  const [loading, setLoading] = (0, import_react76.useState)(false);
+  const [selectedSkills, setSelectedSkills] = (0, import_react76.useState)([]);
   const { get } = useApi();
-  const fetchedRef = (0, import_react75.useRef)(false);
+  const fetchedRef = (0, import_react76.useRef)(false);
   const loadSkills = async () => {
     setLoading(true);
     try {
@@ -21839,16 +21951,16 @@ var SkillPicker = ({ senderRef, iconOnly }) => {
 };
 
 // src/components/Chat/AgentPicker.tsx
-var import_react76 = require("react");
+var import_react77 = require("react");
 var import_antd66 = require("antd");
 var import_lucide_react17 = require("lucide-react");
 var import_jsx_runtime86 = require("react/jsx-runtime");
 var AgentPicker = ({ senderRef, iconOnly }) => {
-  const [modalOpen, setModalOpen] = (0, import_react76.useState)(false);
-  const [loading, setLoading] = (0, import_react76.useState)(false);
-  const [selectedAgent, setSelectedAgent] = (0, import_react76.useState)(null);
+  const [modalOpen, setModalOpen] = (0, import_react77.useState)(false);
+  const [loading, setLoading] = (0, import_react77.useState)(false);
+  const [selectedAgent, setSelectedAgent] = (0, import_react77.useState)(null);
   const { assistants, currentAssistant, selectAssistant } = useAssistantContext();
-  const fetchedRef = (0, import_react76.useRef)(false);
+  const fetchedRef = (0, import_react77.useRef)(false);
   const handleOpenModal = () => {
     setSelectedAgent(currentAssistant?.id || null);
     setModalOpen(true);
@@ -21955,7 +22067,7 @@ var AgentPicker = ({ senderRef, iconOnly }) => {
 };
 
 // src/components/Chat/MetricsDataSourcePicker.tsx
-var import_react77 = require("react");
+var import_react78 = require("react");
 var import_antd67 = require("antd");
 var import_lucide_react18 = require("lucide-react");
 var import_jsx_runtime87 = require("react/jsx-runtime");
@@ -21964,13 +22076,13 @@ var MetricsDataSourcePicker = ({
   senderRef,
   iconOnly
 }) => {
-  const [modalOpen, setModalOpen] = (0, import_react77.useState)(false);
-  const [loading, setLoading] = (0, import_react77.useState)(false);
-  const [dataSources, setDataSources] = (0, import_react77.useState)([]);
+  const [modalOpen, setModalOpen] = (0, import_react78.useState)(false);
+  const [loading, setLoading] = (0, import_react78.useState)(false);
+  const [dataSources, setDataSources] = (0, import_react78.useState)([]);
   const { config } = useLatticeChatShellContext();
   const { customRunConfig, updateCustomRunConfig } = useConversationContext();
   const { get } = useApi();
-  const hasInitializedRef = (0, import_react77.useRef)(false);
+  const hasInitializedRef = (0, import_react78.useRef)(false);
   const loadDataSources = async () => {
     setLoading(true);
     try {
@@ -22044,7 +22156,7 @@ var MetricsDataSourcePicker = ({
       console.error("Failed to save datasource to sessionStorage:", error);
     }
   };
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (hasInitializedRef.current) return;
     hasInitializedRef.current = true;
     loadDataSources().then(() => {
@@ -22295,7 +22407,7 @@ var MetricsDataSourcePicker = ({
 };
 
 // src/components/Chat/ModelSelector.tsx
-var import_react78 = require("react");
+var import_react79 = require("react");
 var import_antd68 = require("antd");
 var import_jsx_runtime88 = require("react/jsx-runtime");
 var ModelSelector = ({
@@ -22304,22 +22416,22 @@ var ModelSelector = ({
   defaultModelKey = "default",
   style
 }) => {
-  const [models, setModels] = (0, import_react78.useState)([]);
-  const [isLoading, setIsLoading] = (0, import_react78.useState)(false);
-  const [internalValue, setInternalValue] = (0, import_react78.useState)(null);
-  const [dropdownOpen, setDropdownOpen] = (0, import_react78.useState)(false);
-  const [isHovered, setIsHovered] = (0, import_react78.useState)(false);
-  const hasFetchedRef = (0, import_react78.useRef)(false);
-  const hasSetDefaultRef = (0, import_react78.useRef)(false);
+  const [models, setModels] = (0, import_react79.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react79.useState)(false);
+  const [internalValue, setInternalValue] = (0, import_react79.useState)(null);
+  const [dropdownOpen, setDropdownOpen] = (0, import_react79.useState)(false);
+  const [isHovered, setIsHovered] = (0, import_react79.useState)(false);
+  const hasFetchedRef = (0, import_react79.useRef)(false);
+  const hasSetDefaultRef = (0, import_react79.useRef)(false);
   const { get } = useApi();
   const selectedModelConfig = value !== void 0 ? value : internalValue;
-  const setSelectedModelConfig = (0, import_react78.useCallback)((config) => {
+  const setSelectedModelConfig = (0, import_react79.useCallback)((config) => {
     if (value === void 0) {
       setInternalValue(config);
     }
     onChange?.(config);
   }, [value, onChange]);
-  const fetchModels = (0, import_react78.useCallback)(async () => {
+  const fetchModels = (0, import_react79.useCallback)(async () => {
     if (hasFetchedRef.current) return;
     hasFetchedRef.current = true;
     setIsLoading(true);
@@ -22340,7 +22452,7 @@ var ModelSelector = ({
       setIsLoading(false);
     }
   }, [get, defaultModelKey]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     fetchModels();
   }, [fetchModels]);
   const handleChange = (modelKey) => {
@@ -22387,7 +22499,7 @@ var ModelSelector = ({
 var import_icons35 = require("@ant-design/icons");
 var import_x4 = require("@ant-design/x");
 var import_antd69 = require("antd");
-var import_react79 = require("react");
+var import_react80 = require("react");
 var import_lucide_react19 = require("lucide-react");
 var import_jsx_runtime89 = require("react/jsx-runtime");
 var categoryConfig = {
@@ -22472,12 +22584,12 @@ var SkillCategoryPrompts = ({
   senderRef,
   visible = true
 }) => {
-  const [skills, setSkills] = (0, import_react79.useState)([]);
-  const [loading, setLoading] = (0, import_react79.useState)(false);
-  const [showAll, setShowAll] = (0, import_react79.useState)(false);
+  const [skills, setSkills] = (0, import_react80.useState)([]);
+  const [loading, setLoading] = (0, import_react80.useState)(false);
+  const [showAll, setShowAll] = (0, import_react80.useState)(false);
   const { get } = useApi();
   const MAX_SIMPLE_ITEMS = 10;
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     const loadSkills = async () => {
       setLoading(true);
       try {
@@ -22495,7 +22607,7 @@ var SkillCategoryPrompts = ({
       loadSkills();
     }
   }, [get, visible]);
-  const groupedSkills = (0, import_react79.useMemo)(() => {
+  const groupedSkills = (0, import_react80.useMemo)(() => {
     const groups = {};
     skills.forEach((skill) => {
       const category = skill.metadata?.category || "global";
@@ -22650,7 +22762,7 @@ var SkillCategoryPrompts_default = SkillCategoryPrompts;
 var import_icons36 = require("@ant-design/icons");
 var import_x5 = require("@ant-design/x");
 var import_antd70 = require("antd");
-var import_react80 = require("react");
+var import_react81 = require("react");
 var import_jsx_runtime90 = require("react/jsx-runtime");
 var defaultCategoryIcons = {
   financial: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_icons36.DollarOutlined, {}),
@@ -22869,9 +22981,9 @@ var BusinessAnalysisPrompts = ({
   simpleModeTitle = "Quick Analysis",
   expandModeTitle = "Analysis Categories"
 }) => {
-  const [showAll, setShowAll] = (0, import_react80.useState)(false);
+  const [showAll, setShowAll] = (0, import_react81.useState)(false);
   const { config } = useLatticeChatShellContext();
-  const analysisData = (0, import_react80.useMemo)(() => {
+  const analysisData = (0, import_react81.useMemo)(() => {
     const customData = config.quickPromptsData;
     if (customData && Array.isArray(customData) && customData.length > 0) {
       return customData.map((category) => ({
@@ -22891,7 +23003,7 @@ var BusinessAnalysisPrompts = ({
       color: defaultCategoryColors[category.key] || "#8C8C8C"
     }));
   }, [config.quickPromptsData]);
-  const allItems = (0, import_react80.useMemo)(() => {
+  const allItems = (0, import_react81.useMemo)(() => {
     const items = [];
     analysisData.forEach((category) => {
       category.items.forEach((item) => {
@@ -23042,12 +23154,12 @@ var Chating = ({
   initialMessage,
   onInitialMessageSent
 }) => {
-  const [content, setContent] = (0, import_react81.useState)("");
-  const [attachedFiles, setAttachedFiles] = (0, import_react81.useState)([]);
+  const [content, setContent] = (0, import_react82.useState)("");
+  const [attachedFiles, setAttachedFiles] = (0, import_react82.useState)([]);
   const { styles } = useStyle();
-  const [headerOpen, setHeaderOpen] = (0, import_react81.useState)(false);
-  const attachmentsRef = (0, import_react81.useRef)(null);
-  const senderRef = import_react81.default.useRef(null);
+  const [headerOpen, setHeaderOpen] = (0, import_react82.useState)(false);
+  const attachmentsRef = (0, import_react82.useRef)(null);
+  const senderRef = import_react82.default.useRef(null);
   const {
     assistantId,
     threadId,
@@ -23070,8 +23182,8 @@ var Chating = ({
   const hasPendingMessages = pendingMessages?.length > 0;
   const isInputDisabled = interrupts && interrupts.length > 0;
   const typingFrames = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
-  const [typingFrameIndex, setTypingFrameIndex] = (0, import_react81.useState)(0);
-  (0, import_react81.useEffect)(() => {
+  const [typingFrameIndex, setTypingFrameIndex] = (0, import_react82.useState)(0);
+  (0, import_react82.useEffect)(() => {
     if (!isStreaming) return;
     const interval = setInterval(() => {
       setTypingFrameIndex((prev) => (prev + 1) % typingFrames.length);
@@ -23079,16 +23191,16 @@ var Chating = ({
     return () => clearInterval(interval);
   }, [isStreaming]);
   const conversationContext = useConversationContext();
-  const systemContextSentRef = (0, import_react81.useRef)(false);
-  const initialMessageSentRef = (0, import_react81.useRef)(false);
-  const prevLoadingRef = (0, import_react81.useRef)(false);
-  (0, import_react81.useEffect)(() => {
+  const systemContextSentRef = (0, import_react82.useRef)(false);
+  const initialMessageSentRef = (0, import_react82.useRef)(false);
+  const prevLoadingRef = (0, import_react82.useRef)(false);
+  (0, import_react82.useEffect)(() => {
     systemContextSentRef.current = false;
   }, [threadId]);
-  (0, import_react81.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     initialMessageSentRef.current = false;
   }, [threadId]);
-  (0, import_react81.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     const wasLoading = prevLoadingRef.current;
     prevLoadingRef.current = isLoading;
     if (wasLoading && !isLoading && initialMessage && threadId && !initialMessageSentRef.current) {
@@ -23100,16 +23212,16 @@ var Chating = ({
       onInitialMessageSent?.();
     }
   }, [isLoading, initialMessage, threadId, sendMessage, onInitialMessageSent]);
-  const [modelConfig, setModelConfig] = (0, import_react81.useState)(null);
-  const handleModelChange = (0, import_react81.useCallback)((config2) => {
+  const [modelConfig, setModelConfig] = (0, import_react82.useState)(null);
+  const handleModelChange = (0, import_react82.useCallback)((config2) => {
     setModelConfig(config2);
     if (config2) {
       updateCustomRunConfig({ modelConfig: config2 });
     }
   }, [updateCustomRunConfig]);
-  const [isEmptyState, setIsEmptyState] = (0, import_react81.useState)(showEmptyState && messages.length === 0 && !pendingMessages?.length);
-  const [isTransitioning, setIsTransitioning] = (0, import_react81.useState)(false);
-  (0, import_react81.useEffect)(() => {
+  const [isEmptyState, setIsEmptyState] = (0, import_react82.useState)(showEmptyState && messages.length === 0 && !pendingMessages?.length);
+  const [isTransitioning, setIsTransitioning] = (0, import_react82.useState)(false);
+  (0, import_react82.useEffect)(() => {
     if (!showEmptyState) {
       setIsEmptyState(false);
       return;
@@ -23129,14 +23241,14 @@ var Chating = ({
   const { baseURL } = config;
   const user = useAuthOptional()?.user;
   const displayUserName = user?.name || user?.email?.split("@")[0] || "there";
-  const workspaceContext = (0, import_react81.useContext)(WorkspaceContext);
+  const workspaceContext = (0, import_react82.useContext)(WorkspaceContext);
   const listPath = workspaceContext?.listPath ?? (async () => []);
   const listPathByFolder = workspaceContext?.listPathByFolder ?? (async () => []);
   const workspaceId = workspaceContext?.workspaceId ?? null;
   const projectId = workspaceContext?.projectId ?? null;
-  const [workspaceFiles, setWorkspaceFiles] = (0, import_react81.useState)([]);
-  const [suggestionsLoading, setSuggestionsLoading] = (0, import_react81.useState)(false);
-  const [suggestionsOpen, setSuggestionsOpen] = (0, import_react81.useState)(false);
+  const [workspaceFiles, setWorkspaceFiles] = (0, import_react82.useState)([]);
+  const [suggestionsLoading, setSuggestionsLoading] = (0, import_react82.useState)(false);
+  const [suggestionsOpen, setSuggestionsOpen] = (0, import_react82.useState)(false);
   const getFileIcon3 = (filename) => {
     const ext = filename.split(".").pop()?.toLowerCase();
     const iconStyle = { fontSize: 16 };
@@ -23196,7 +23308,7 @@ var Chating = ({
       setSuggestionsLoading(false);
     }
   };
-  (0, import_react81.useEffect)(() => {
+  (0, import_react82.useEffect)(() => {
     regsiterElement("action_show_attachments_uploader", {
       card_view: () => null,
       action: (data) => {
@@ -23394,8 +23506,8 @@ ${nextContent}`;
     ...showRefreshButton ? [refreshButton] : [],
     /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ThreadManagementButtons, {}, "thread-buttons")
   ];
-  const [skills, setSkills] = (0, import_react81.useState)([]);
-  const [skillsLoading, setSkillsLoading] = (0, import_react81.useState)(false);
+  const [skills, setSkills] = (0, import_react82.useState)([]);
+  const [skillsLoading, setSkillsLoading] = (0, import_react82.useState)(false);
   const { get: apiGet } = useApi();
   const loadSkills = async () => {
     if (skills.length > 0) return;
@@ -23419,7 +23531,7 @@ ${nextContent}`;
     return isEmpty ? "Type / to see available skills, or @ to reference files" : void 0;
   };
   const renderSender = (isEmpty) => {
-    const [suggestionMode, setSuggestionMode] = (0, import_react81.useState)(null);
+    const [suggestionMode, setSuggestionMode] = (0, import_react82.useState)(null);
     const suggestionItems = suggestionMode === "skills" ? skills.map((skill) => ({
       value: skill.name,
       icon: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_lucide_react20.BrainCircuit, { size: 14, style: { color: "#722ed1" } }),
@@ -23796,7 +23908,7 @@ var InternetSearchCard = ({
 };
 
 // src/components/GenUI/elements/schedule_viewer.tsx
-var import_react82 = require("react");
+var import_react83 = require("react");
 var import_antd74 = require("antd");
 var import_icons39 = require("@ant-design/icons");
 var import_antd_style24 = require("antd-style");
@@ -23935,10 +24047,10 @@ var ScheduleViewer = ({ data }) => {
   const { styles } = useStyles8();
   const { threadId, assistantId, tasks: initialTasks, onRefresh } = data ?? {};
   const client = useClient(assistantId || "");
-  const [tasks, setTasks] = (0, import_react82.useState)(initialTasks || []);
-  const [loading, setLoading] = (0, import_react82.useState)(false);
-  const [actionLoading, setActionLoading] = (0, import_react82.useState)(null);
-  const handleRefresh = (0, import_react82.useCallback)(async () => {
+  const [tasks, setTasks] = (0, import_react83.useState)(initialTasks || []);
+  const [loading, setLoading] = (0, import_react83.useState)(false);
+  const [actionLoading, setActionLoading] = (0, import_react83.useState)(null);
+  const handleRefresh = (0, import_react83.useCallback)(async () => {
     if (!threadId) return;
     setLoading(true);
     try {
@@ -23952,7 +24064,7 @@ var ScheduleViewer = ({ data }) => {
       setLoading(false);
     }
   }, [client, threadId, onRefresh]);
-  const handleCancel = (0, import_react82.useCallback)(
+  const handleCancel = (0, import_react83.useCallback)(
     async (taskId) => {
       setActionLoading(taskId);
       try {
@@ -23968,7 +24080,7 @@ var ScheduleViewer = ({ data }) => {
     },
     [client, handleRefresh]
   );
-  const handlePause = (0, import_react82.useCallback)(
+  const handlePause = (0, import_react83.useCallback)(
     async (taskId) => {
       setActionLoading(taskId);
       try {
@@ -23984,7 +24096,7 @@ var ScheduleViewer = ({ data }) => {
     },
     [client, handleRefresh]
   );
-  const handleResume = (0, import_react82.useCallback)(
+  const handleResume = (0, import_react83.useCallback)(
     async (taskId) => {
       setActionLoading(taskId);
       try {
@@ -24000,12 +24112,12 @@ var ScheduleViewer = ({ data }) => {
     },
     [client, handleRefresh]
   );
-  (0, import_react82.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     if (threadId && (!initialTasks || initialTasks.length === 0)) {
       handleRefresh();
     }
   }, [threadId]);
-  (0, import_react82.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     if (initialTasks) {
       setTasks(initialTasks);
     }
@@ -24473,13 +24585,13 @@ var TeamGraph = ({ data }) => {
 var TeamGraph_default = TeamGraph;
 
 // src/components/GenUI/elements/TeamWorkspace/index.tsx
-var import_react90 = require("react");
+var import_react91 = require("react");
 var import_antd86 = require("antd");
 var import_lucide_react28 = require("lucide-react");
 var import_antd_style33 = require("antd-style");
 
 // src/components/GenUI/elements/TeamWorkspace/TeamWorkspaceMenu.tsx
-var import_react83 = __toESM(require("react"));
+var import_react84 = __toESM(require("react"));
 var import_lucide_react22 = require("lucide-react");
 var import_antd78 = require("antd");
 var import_antd_style25 = require("antd-style");
@@ -24665,7 +24777,7 @@ var TeamWorkspaceMenu = ({
   onItemClick
 }) => {
   const { styles } = useStyles9();
-  const [isExpanded, setIsExpanded] = (0, import_react83.useState)(false);
+  const [isExpanded, setIsExpanded] = (0, import_react84.useState)(false);
   const mainItems = items.filter((item) => !item.group);
   const teammateItems = items.filter((item) => item.group === "Teammates");
   const teamItems = items.filter((item) => item.group === "Team");
@@ -24693,7 +24805,7 @@ var TeamWorkspaceMenu = ({
     if (showTooltip && !isExpanded) {
       return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_antd78.Tooltip, { title: item.name, placement: "right", children: content }, item.id);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react83.default.Fragment, { children: content }, item.id);
+    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react84.default.Fragment, { children: content }, item.id);
   };
   const renderGroup = (groupItems, groupLabel, showDivider) => {
     if (groupItems.length === 0) return null;
@@ -24739,13 +24851,13 @@ var import_lucide_react23 = require("lucide-react");
 var import_antd_style26 = require("antd-style");
 
 // src/components/GenUI/elements/TeamWorkspace/hooks/useTeamWorkspaceData.ts
-var import_react84 = require("react");
+var import_react85 = require("react");
 function useTeamWorkspaceData(threadId, assistantId) {
   const { agentState, isLoading, error, refresh } = useAgentState(threadId, assistantId, {
     pollingInterval: 5e3,
     autoStart: true
   });
-  const data = (0, import_react84.useMemo)(() => {
+  const data = (0, import_react85.useMemo)(() => {
     const team = agentState?.values?.team || null;
     const tasks = agentState?.values?.tasks || [];
     const mailbox = agentState?.values?.team_mailbox || [];
@@ -25134,13 +25246,13 @@ var TeamDashboard = ({
 };
 
 // src/components/GenUI/elements/TeamWorkspace/IssuesView.tsx
-var import_react86 = require("react");
+var import_react87 = require("react");
 var import_antd81 = require("antd");
 var import_lucide_react25 = require("lucide-react");
 var import_antd_style28 = require("antd-style");
 
 // src/components/GenUI/elements/TeamWorkspace/TaskDetailModal.tsx
-var import_react85 = require("react");
+var import_react86 = require("react");
 var import_antd80 = require("antd");
 var import_antd_style27 = require("antd-style");
 var import_lucide_react24 = require("lucide-react");
@@ -25555,7 +25667,7 @@ var TaskDetailModal = ({
   onClose
 }) => {
   const { styles } = useStyles11();
-  const [activeTab, setActiveTab] = (0, import_react85.useState)("comments");
+  const [activeTab, setActiveTab] = (0, import_react86.useState)("comments");
   if (!task) return null;
   const statusConfig2 = getStatusConfig2(task.status);
   const tabItems = [
@@ -25981,7 +26093,7 @@ var formatDate2 = (timestamp) => {
   });
 };
 var ListGroupComponent = ({ group, styles, defaultExpanded = true, onTaskClick }) => {
-  const [isExpanded, setIsExpanded] = (0, import_react86.useState)(defaultExpanded);
+  const [isExpanded, setIsExpanded] = (0, import_react87.useState)(defaultExpanded);
   return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: styles.listGroup, children: [
     /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
       "div",
@@ -26024,10 +26136,10 @@ var IssuesView = ({
   teammates
 }) => {
   const { styles } = useStyles12();
-  const [viewMode, setViewMode] = (0, import_react86.useState)("list");
-  const [selectedTask, setSelectedTask] = (0, import_react86.useState)(null);
-  const [modalVisible, setModalVisible] = (0, import_react86.useState)(false);
-  const listGroups = (0, import_react86.useMemo)(() => {
+  const [viewMode, setViewMode] = (0, import_react87.useState)("list");
+  const [selectedTask, setSelectedTask] = (0, import_react87.useState)(null);
+  const [modalVisible, setModalVisible] = (0, import_react87.useState)(false);
+  const listGroups = (0, import_react87.useMemo)(() => {
     const groups = [
       {
         id: "pending",
@@ -26066,7 +26178,7 @@ var IssuesView = ({
     });
     return groups;
   }, [tasks]);
-  const tasksByStatus = (0, import_react86.useMemo)(() => {
+  const tasksByStatus = (0, import_react87.useMemo)(() => {
     const grouped = {
       pending: [],
       claimed: [],
@@ -26199,8 +26311,8 @@ var IssuesView = ({
 };
 
 // src/components/GenUI/elements/TeamWorkspace/TeamOrgCanvas.tsx
-var import_react87 = __toESM(require("react"));
-var import_react88 = require("@xyflow/react");
+var import_react88 = __toESM(require("react"));
+var import_react89 = require("@xyflow/react");
 var import_style5 = require("@xyflow/react/dist/style.css");
 var import_antd82 = require("antd");
 var import_antd_style29 = require("antd-style");
@@ -26356,8 +26468,8 @@ var TeamOrgCanvasInner = ({
   tasks
 }) => {
   const { styles } = useStyles13();
-  const { fitView } = (0, import_react88.useReactFlow)();
-  const taskStatsByTeammate = (0, import_react87.useMemo)(() => {
+  const { fitView } = (0, import_react89.useReactFlow)();
+  const taskStatsByTeammate = (0, import_react88.useMemo)(() => {
     const stats = {};
     teammates.forEach((t) => {
       stats[t.name] = { completed: 0, inProgress: 0, pending: 0 };
@@ -26375,7 +26487,7 @@ var TeamOrgCanvasInner = ({
     });
     return stats;
   }, [teammates, tasks]);
-  const { nodes, edges } = (0, import_react87.useMemo)(() => {
+  const { nodes, edges } = (0, import_react88.useMemo)(() => {
     const newNodes = [];
     const newEdges = [];
     const teamLeadId = team?.teamLeadId || "team_lead";
@@ -26430,9 +26542,9 @@ var TeamOrgCanvasInner = ({
     });
     return { nodes: newNodes, edges: newEdges };
   }, [team, teammates, taskStatsByTeammate]);
-  const [flowNodes, setNodes, onNodesChange] = (0, import_react88.useNodesState)(nodes);
-  const [flowEdges, setEdges, onEdgesChange] = (0, import_react88.useEdgesState)(edges);
-  import_react87.default.useEffect(() => {
+  const [flowNodes, setNodes, onNodesChange] = (0, import_react89.useNodesState)(nodes);
+  const [flowEdges, setEdges, onEdgesChange] = (0, import_react89.useEdgesState)(edges);
+  import_react88.default.useEffect(() => {
     setNodes(nodes);
     setEdges(edges);
     setTimeout(() => fitView({ padding: 0.2 }), 100);
@@ -26452,7 +26564,7 @@ var TeamOrgCanvasInner = ({
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: styles.canvas, children: [
       /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
-        import_react88.ReactFlow,
+        import_react89.ReactFlow,
         {
           nodes: flowNodes,
           edges: flowEdges,
@@ -26462,8 +26574,8 @@ var TeamOrgCanvasInner = ({
           fitView: true,
           attributionPosition: "bottom-right",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react88.Background, { color: "#eee", gap: 20 }),
-            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react88.Controls, {})
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react89.Background, { color: "#eee", gap: 20 }),
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react89.Controls, {})
           ]
         }
       ),
@@ -26503,7 +26615,7 @@ var TeamOrgCanvasInner = ({
     ] })
   ] });
 };
-var TeamOrgCanvas = (props) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react88.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(TeamOrgCanvasInner, { ...props }) });
+var TeamOrgCanvas = (props) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react89.ReactFlowProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(TeamOrgCanvasInner, { ...props }) });
 
 // src/components/GenUI/elements/TeamWorkspace/TeamMemberChat.tsx
 var import_antd83 = require("antd");
@@ -26629,7 +26741,7 @@ var TeamMemberChat = ({
 };
 
 // src/components/GenUI/elements/MailboxPanel.tsx
-var import_react89 = require("react");
+var import_react90 = require("react");
 var import_antd85 = require("antd");
 var import_antd_style32 = require("antd-style");
 var import_lucide_react27 = require("lucide-react");
@@ -27047,7 +27159,7 @@ var getMessagePreview = (content) => {
   return firstLine.length > 80 ? firstLine.slice(0, 80) + "..." : firstLine;
 };
 var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageClick }) => {
-  const [isExpanded, setIsExpanded] = (0, import_react89.useState)(defaultExpanded);
+  const [isExpanded, setIsExpanded] = (0, import_react90.useState)(defaultExpanded);
   return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: styles.listGroup, children: [
     /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
       "div",
@@ -27102,10 +27214,10 @@ var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageC
 };
 var MailboxPanel = ({ data }) => {
   const { styles } = useStyles16();
-  const [selectedMessage, setSelectedMessage] = (0, import_react89.useState)(null);
-  const [modalVisible, setModalVisible] = (0, import_react89.useState)(false);
+  const [selectedMessage, setSelectedMessage] = (0, import_react90.useState)(null);
+  const [modalVisible, setModalVisible] = (0, import_react90.useState)(false);
   const { teamMailbox = [] } = data || {};
-  const messageGroups = (0, import_react89.useMemo)(() => {
+  const messageGroups = (0, import_react90.useMemo)(() => {
     const groupsMap = /* @__PURE__ */ new Map();
     teamMailbox.forEach((message23) => {
       const sender = message23.from;
@@ -27233,8 +27345,8 @@ var TeamWorkspace = ({
     isLoading,
     refresh
   } = useTeamWorkspaceData(parent_thread_id || null, assistantId);
-  const [activeMenuId, setActiveMenuId] = (0, import_react90.useState)("dashboard");
-  const menuItems = (0, import_react90.useMemo)(() => {
+  const [activeMenuId, setActiveMenuId] = (0, import_react91.useState)("dashboard");
+  const menuItems = (0, import_react91.useMemo)(() => {
     const items = [
       {
         id: "dashboard",
@@ -27371,7 +27483,7 @@ var TeamWorkspace = ({
 };
 
 // src/components/GenUI/elements/TaskBoard.tsx
-var import_react91 = require("react");
+var import_react92 = require("react");
 
 // src/components/GenUI/elements/TaskBoardCard.tsx
 var import_jsx_runtime107 = require("react/jsx-runtime");
@@ -27650,7 +27762,7 @@ var TaskBoard = ({
   const { tasks: contextTasks } = useAgentChat();
   const { tasks: propTasks, onAddTask, teammates } = data || {};
   const tasks = contextTasks || propTasks || [];
-  const tasksByStatus = (0, import_react91.useMemo)(() => {
+  const tasksByStatus = (0, import_react92.useMemo)(() => {
     const grouped = {
       pending: [],
       in_progress: [],
@@ -27716,7 +27828,7 @@ var TaskBoard = ({
 };
 
 // src/components/GenUI/elements/Mailbox.tsx
-var import_react92 = require("react");
+var import_react93 = require("react");
 var import_jsx_runtime109 = require("react/jsx-runtime");
 var useStyle16 = () => {
   return {
@@ -28002,17 +28114,17 @@ var renderMessageWithMentions = (content, mentions, styles) => {
 var TeamChat = ({ data }) => {
   const styles = useStyle16();
   const { teamName, currentUser, teammates, messages, onSendMessage } = data || {};
-  const [inputValue, setInputValue] = (0, import_react92.useState)("");
-  const messagesEndRef = (0, import_react92.useRef)(null);
-  const sortedMessages = (0, import_react92.useMemo)(() => {
+  const [inputValue, setInputValue] = (0, import_react93.useState)("");
+  const messagesEndRef = (0, import_react93.useRef)(null);
+  const sortedMessages = (0, import_react93.useMemo)(() => {
     return [...messages || []].sort(
       (a, b) => new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime()
     );
   }, [messages]);
-  const mentions = (0, import_react92.useMemo)(() => {
+  const mentions = (0, import_react93.useMemo)(() => {
     return teammates?.map((t) => t.name) || [];
   }, [teammates]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [sortedMessages]);
   const handleSend = () => {
@@ -28181,12 +28293,12 @@ var TeamChat = ({ data }) => {
 };
 
 // src/components/GenUI/elements/ShowWidget.tsx
-var import_react94 = require("react");
+var import_react95 = require("react");
 var import_antd87 = require("antd");
 var import_icons42 = require("@ant-design/icons");
 
 // src/streaming-html/StreamingHTMLRenderer.tsx
-var import_react93 = __toESM(require("react"));
+var import_react94 = __toESM(require("react"));
 
 // src/streaming-html/show-widget-css-generator.ts
 function generateShowWidgetCSS(tokens) {
@@ -28877,22 +28989,22 @@ var StreamingHTMLRenderer = ({
   title,
   loadingMessages
 }) => {
-  const iframeRef = (0, import_react93.useRef)(null);
-  const containerRef = (0, import_react93.useRef)(null);
-  const resizeObserverRef = (0, import_react93.useRef)(null);
-  const prevHTMLRef = (0, import_react93.useRef)("");
-  const isReadyRef = (0, import_react93.useRef)(false);
-  const pendingChunksRef = (0, import_react93.useRef)([]);
-  const isCompleteRef = (0, import_react93.useRef)(isComplete);
-  const isScriptExecuted = (0, import_react93.useRef)(false);
-  const [iframeHeight, setIframeHeight] = import_react93.default.useState(0);
-  const [iframeWidth, setIframeWidth] = import_react93.default.useState(void 0);
-  const [currentMessageIndex, setCurrentMessageIndex] = (0, import_react93.useState)(0);
-  const [showLoading, setShowLoading] = (0, import_react93.useState)(true);
-  (0, import_react93.useEffect)(() => {
+  const iframeRef = (0, import_react94.useRef)(null);
+  const containerRef = (0, import_react94.useRef)(null);
+  const resizeObserverRef = (0, import_react94.useRef)(null);
+  const prevHTMLRef = (0, import_react94.useRef)("");
+  const isReadyRef = (0, import_react94.useRef)(false);
+  const pendingChunksRef = (0, import_react94.useRef)([]);
+  const isCompleteRef = (0, import_react94.useRef)(isComplete);
+  const isScriptExecuted = (0, import_react94.useRef)(false);
+  const [iframeHeight, setIframeHeight] = import_react94.default.useState(0);
+  const [iframeWidth, setIframeWidth] = import_react94.default.useState(void 0);
+  const [currentMessageIndex, setCurrentMessageIndex] = (0, import_react94.useState)(0);
+  const [showLoading, setShowLoading] = (0, import_react94.useState)(true);
+  (0, import_react94.useEffect)(() => {
     isCompleteRef.current = isComplete;
   }, [isComplete]);
-  (0, import_react93.useEffect)(() => {
+  (0, import_react94.useEffect)(() => {
     if (iframeHeight > 0) {
       setShowLoading(false);
       return;
@@ -28917,7 +29029,7 @@ var StreamingHTMLRenderer = ({
     }, 1500);
     return () => clearInterval(interval);
   }, [iframeHeight, loadingMessages]);
-  const executeScripts = (0, import_react93.useCallback)(() => {
+  const executeScripts = (0, import_react94.useCallback)(() => {
     if (isScriptExecuted.current) {
       console.log("[StreamingHTMLRenderer]  scripts is executed");
       return;
@@ -28944,7 +29056,7 @@ var StreamingHTMLRenderer = ({
       onError?.(streamingError);
     }
   }, [onError]);
-  const sendChunk = (0, import_react93.useCallback)((chunk) => {
+  const sendChunk = (0, import_react94.useCallback)((chunk) => {
     const iframe = iframeRef.current;
     if (!iframe || !iframe.contentWindow) {
       return;
@@ -28968,7 +29080,7 @@ var StreamingHTMLRenderer = ({
       onError?.(streamingError);
     }
   }, [onError]);
-  (0, import_react93.useEffect)(() => {
+  (0, import_react94.useEffect)(() => {
     const handleMessage = (event) => {
       const iframe = iframeRef.current;
       if (!iframe || event.source !== iframe.contentWindow) {
@@ -29021,7 +29133,7 @@ var StreamingHTMLRenderer = ({
       window.removeEventListener("message", handleMessage);
     };
   }, [onError, onPrompt, sendChunk, executeScripts]);
-  (0, import_react93.useEffect)(() => {
+  (0, import_react94.useEffect)(() => {
     if (html === prevHTMLRef.current) {
       return;
     }
@@ -29032,12 +29144,12 @@ var StreamingHTMLRenderer = ({
       sendChunk(newChunk);
     }
   }, [html, sendChunk]);
-  (0, import_react93.useEffect)(() => {
+  (0, import_react94.useEffect)(() => {
     if (isComplete && isReadyRef.current) {
       executeScripts();
     }
   }, [isComplete, executeScripts]);
-  (0, import_react93.useEffect)(() => {
+  (0, import_react94.useEffect)(() => {
     const container = containerRef.current;
     if (!container) return;
     const antBubble = container.closest(".ant-bubble");
@@ -29063,7 +29175,7 @@ var StreamingHTMLRenderer = ({
       resizeObserverRef.current = null;
     };
   }, []);
-  (0, import_react93.useEffect)(() => {
+  (0, import_react94.useEffect)(() => {
     return () => {
       isReadyRef.current = false;
       pendingChunksRef.current = [];
@@ -29166,14 +29278,14 @@ var ShowWidget = ({
       console.warn("Failed to parse tool response:", e);
     }
   }
-  const sendPrompt = (0, import_react94.useCallback)((text) => {
+  const sendPrompt = (0, import_react95.useCallback)((text) => {
     sendMessage({
       input: {
         message: text
       }
     });
   }, [sendMessage]);
-  const handleOpenInSideApp = (0, import_react94.useCallback)(() => {
+  const handleOpenInSideApp = (0, import_react95.useCallback)(() => {
     openSideApp({
       component_key: "show_widget",
       data: {
@@ -29242,14 +29354,14 @@ var ShowWidget = ({
 };
 
 // src/components/GenUI/elements/ShowWidgetApp.tsx
-var import_react95 = require("react");
+var import_react96 = require("react");
 var import_jsx_runtime112 = require("react/jsx-runtime");
 var ShowWidgetApp = ({
   data
 }) => {
   const { widget_code, title } = data || {};
   const { sendMessage } = useAgentChat();
-  const sendPrompt = (0, import_react95.useCallback)(
+  const sendPrompt = (0, import_react96.useCallback)(
     (text) => {
       sendMessage({
         input: {
@@ -29376,7 +29488,7 @@ var regsiterElement = (language, ElementMeta) => {
 // src/components/Chat/SideAppViewBrowser.tsx
 var import_antd88 = require("antd");
 var import_antd_style34 = require("antd-style");
-var import_react96 = require("react");
+var import_react97 = require("react");
 var import_jsx_runtime113 = require("react/jsx-runtime");
 var useStyle17 = (0, import_antd_style34.createStyles)(({ token, css }) => {
   return {
@@ -29577,11 +29689,11 @@ var SideAppViewBrowser = ({ region = "side" }) => {
   const selectedCard = region === "side" ? sideAppSelectedCard : contextAppSelectedCard;
   const closeApp = region === "side" ? closeSideApp : closeContentApp;
   const openApp = region === "side" ? openSideApp : openContentApp;
-  const [activeKey, setActiveKey] = (0, import_react96.useState)(
+  const [activeKey, setActiveKey] = (0, import_react97.useState)(
     JSON.stringify(selectedCard)
   );
-  const [hoveredTab, setHoveredTab] = (0, import_react96.useState)(null);
-  const [items, setItems] = (0, import_react96.useState)([]);
+  const [hoveredTab, setHoveredTab] = (0, import_react97.useState)(null);
+  const [items, setItems] = (0, import_react97.useState)([]);
   const add = (key, label, children, componentKey) => {
     const newPanes = [...items, { label, children, key, componentKey }];
     setItems(newPanes);
@@ -29608,7 +29720,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
   const switchTab = (key) => {
     setActiveKey(key);
   };
-  (0, import_react96.useEffect)(() => {
+  (0, import_react97.useEffect)(() => {
     if (!selectedCard) return;
     const key = JSON.stringify(selectedCard);
     if (items.find((item) => item.key === key)) {
@@ -29664,7 +29776,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
     ),
     onClick: () => switchTab(item.key)
   }));
-  const sideAppBrowserValue = (0, import_react96.useMemo)(
+  const sideAppBrowserValue = (0, import_react97.useMemo)(
     () => ({ openApp }),
     [openApp]
   );
@@ -29717,7 +29829,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
 };
 
 // src/components/Chat/ProjectSelector.tsx
-var import_react97 = require("react");
+var import_react98 = require("react");
 var import_antd89 = require("antd");
 var import_antd_style35 = require("antd-style");
 var import_lucide_react29 = require("lucide-react");
@@ -29953,34 +30065,34 @@ var ProjectSelector = ({
     setProject,
     createProject
   } = useWorkspaceContext();
-  const [isWorkspaceListOpen, setIsWorkspaceListOpen] = (0, import_react97.useState)(false);
-  const workspaceDropdownRef = (0, import_react97.useRef)(null);
-  const [isProjectListOpen, setIsProjectListOpen] = (0, import_react97.useState)(false);
-  const [isModalOpen, setIsModalOpen] = (0, import_react97.useState)(false);
-  const [projectName, setProjectName] = (0, import_react97.useState)("");
-  const [validationError, setValidationError] = (0, import_react97.useState)(null);
-  const [isCreating, setIsCreating] = (0, import_react97.useState)(false);
-  const projectNameInputRef = (0, import_react97.useRef)(null);
-  const currentProject = (0, import_react97.useMemo)(() => {
+  const [isWorkspaceListOpen, setIsWorkspaceListOpen] = (0, import_react98.useState)(false);
+  const workspaceDropdownRef = (0, import_react98.useRef)(null);
+  const [isProjectListOpen, setIsProjectListOpen] = (0, import_react98.useState)(false);
+  const [isModalOpen, setIsModalOpen] = (0, import_react98.useState)(false);
+  const [projectName, setProjectName] = (0, import_react98.useState)("");
+  const [validationError, setValidationError] = (0, import_react98.useState)(null);
+  const [isCreating, setIsCreating] = (0, import_react98.useState)(false);
+  const projectNameInputRef = (0, import_react98.useRef)(null);
+  const currentProject = (0, import_react98.useMemo)(() => {
     return projects.find((p) => p.id === projectId);
   }, [projects, projectId]);
-  const currentWorkspace = (0, import_react97.useMemo)(() => {
+  const currentWorkspace = (0, import_react98.useMemo)(() => {
     return workspaces.find((w) => w.id === workspaceId);
   }, [workspaces, workspaceId]);
-  const handleSelectProject = (0, import_react97.useCallback)((selectedProjectId) => {
+  const handleSelectProject = (0, import_react98.useCallback)((selectedProjectId) => {
     setProject(selectedProjectId);
     setIsProjectListOpen(false);
   }, [setProject]);
-  const handleWorkspaceClick = (0, import_react97.useCallback)(() => {
+  const handleWorkspaceClick = (0, import_react98.useCallback)(() => {
     setProject(null);
   }, [setProject]);
-  const toggleProjectList = (0, import_react97.useCallback)(() => {
+  const toggleProjectList = (0, import_react98.useCallback)(() => {
     setIsProjectListOpen((prev) => !prev);
   }, []);
-  const toggleWorkspaceList = (0, import_react97.useCallback)(() => {
+  const toggleWorkspaceList = (0, import_react98.useCallback)(() => {
     setIsWorkspaceListOpen((prev) => !prev);
   }, []);
-  const validateProjectName = (0, import_react97.useCallback)((name) => {
+  const validateProjectName = (0, import_react98.useCallback)((name) => {
     const trimmed = name.trim();
     if (!trimmed) return "Project name is required";
     if (trimmed.length > PROJECT_NAME_MAX_LENGTH) {
@@ -29988,7 +30100,7 @@ var ProjectSelector = ({
     }
     return null;
   }, []);
-  const handleOpenModal = (0, import_react97.useCallback)((e) => {
+  const handleOpenModal = (0, import_react98.useCallback)((e) => {
     e.stopPropagation();
     if (!workspaceId) {
       import_antd89.message.warning("Please select a workspace first");
@@ -29999,7 +30111,7 @@ var ProjectSelector = ({
     setIsModalOpen(true);
     setTimeout(() => projectNameInputRef.current?.input?.focus(), 100);
   }, [workspaceId]);
-  const handleCloseModal = (0, import_react97.useCallback)(() => {
+  const handleCloseModal = (0, import_react98.useCallback)(() => {
     setIsModalOpen(false);
     setProjectName("");
     setValidationError(null);
@@ -30009,7 +30121,7 @@ var ProjectSelector = ({
     setProjectName(value);
     setValidationError(validateProjectName(value));
   };
-  const handleCreateProject = (0, import_react97.useCallback)(async () => {
+  const handleCreateProject = (0, import_react98.useCallback)(async () => {
     if (!workspaceId) return;
     const trimmed = projectName.trim();
     const error = validateProjectName(trimmed);
@@ -30128,11 +30240,11 @@ var ProjectSelector = ({
 };
 
 // src/components/Chat/ToolPanelFiles.tsx
-var import_react99 = require("react");
+var import_react100 = require("react");
 var import_antd91 = require("antd");
 
 // src/components/Chat/FileDirectoryPanel.tsx
-var import_react98 = __toESM(require("react"));
+var import_react99 = __toESM(require("react"));
 var import_antd90 = require("antd");
 var import_lucide_react30 = require("lucide-react");
 var import_antd_style36 = require("antd-style");
@@ -30364,7 +30476,7 @@ var FileDirectoryPanel = ({
   onAssetClick
 }) => {
   const { styles } = useStyles19();
-  const renderEntry = import_react98.default.useCallback((entry, depth) => {
+  const renderEntry = import_react99.default.useCallback((entry, depth) => {
     const entryName = getEntryName(entry);
     if (entry.is_dir) {
       const isExpanded = directoryExpanded[entry.path] || false;
@@ -30487,16 +30599,16 @@ var ToolPanelFiles = () => {
     uploadFileToFolder
   } = useWorkspaceContext();
   const { currentAssistant } = useAssistantContext();
-  const [folderEntries, setFolderEntries] = (0, import_react99.useState)({});
-  const [folderLoading, setFolderLoading] = (0, import_react99.useState)({});
-  const [directoryChildren, setDirectoryChildren] = (0, import_react99.useState)({});
-  const [directoryLoading, setDirectoryLoading] = (0, import_react99.useState)({});
-  const [directoryExpanded, setDirectoryExpanded] = (0, import_react99.useState)({});
-  const [uploadingFolder, setUploadingFolder] = (0, import_react99.useState)(null);
-  const resourceFolders = (0, import_react99.useMemo)(() => {
+  const [folderEntries, setFolderEntries] = (0, import_react100.useState)({});
+  const [folderLoading, setFolderLoading] = (0, import_react100.useState)({});
+  const [directoryChildren, setDirectoryChildren] = (0, import_react100.useState)({});
+  const [directoryLoading, setDirectoryLoading] = (0, import_react100.useState)({});
+  const [directoryExpanded, setDirectoryExpanded] = (0, import_react100.useState)({});
+  const [uploadingFolder, setUploadingFolder] = (0, import_react100.useState)(null);
+  const resourceFolders = (0, import_react100.useMemo)(() => {
     return config.resourceFolders && config.resourceFolders.length > 0 ? config.resourceFolders : [{ name: "/", displayName: "Project Assets", allowUpload: true }];
   }, [config.resourceFolders]);
-  const loadAssetsForFolder = (0, import_react99.useCallback)(
+  const loadAssetsForFolder = (0, import_react100.useCallback)(
     async (folder, clearSubdirectoryCache = true) => {
       if (!workspaceId || !projectId) {
         setFolderEntries((prev) => ({ ...prev, [folder.name]: [] }));
@@ -30536,7 +30648,7 @@ var ToolPanelFiles = () => {
     },
     [workspaceId, projectId, listPathByFolder, currentAssistant?.id]
   );
-  const handleToggleDirectory = (0, import_react99.useCallback)(async (path) => {
+  const handleToggleDirectory = (0, import_react100.useCallback)(async (path) => {
     const isExpanded = directoryExpanded[path] || false;
     if (isExpanded) {
       setDirectoryExpanded((prev) => ({ ...prev, [path]: false }));
@@ -30554,12 +30666,12 @@ var ToolPanelFiles = () => {
       setDirectoryLoading((prev) => ({ ...prev, [path]: false }));
     }
   }, [directoryExpanded, listPath, currentAssistant?.id]);
-  (0, import_react99.useEffect)(() => {
+  (0, import_react100.useEffect)(() => {
     resourceFolders.forEach((folder) => {
       void loadAssetsForFolder(folder, false);
     });
   }, [resourceFolders, loadAssetsForFolder]);
-  const handleAssetClick = (0, import_react99.useCallback)((asset) => {
+  const handleAssetClick = (0, import_react100.useCallback)((asset) => {
     const fileUrl = getFileViewUrl(asset.path, currentAssistant?.id);
     if (!fileUrl) {
       import_antd91.message.warning("Please select a workspace and project first.");
@@ -30575,7 +30687,7 @@ var ToolPanelFiles = () => {
       message: `Preview: ${asset.name || asset.path}`
     });
   }, [getFileViewUrl, openSideApp, currentAssistant?.id]);
-  const handleUploadFolder = (0, import_react99.useCallback)(async (folderName) => {
+  const handleUploadFolder = (0, import_react100.useCallback)(async (folderName) => {
     if (!workspaceId || !projectId) {
       import_antd91.message.warning("Please select a workspace and project before uploading.");
       return;
@@ -30755,7 +30867,7 @@ var LatticeChat = (props) => {
 // src/components/Chat/AgentConversations.tsx
 var import_x7 = require("@ant-design/x");
 var import_antd93 = require("antd");
-var import_react100 = require("react");
+var import_react101 = require("react");
 var import_jsx_runtime119 = require("react/jsx-runtime");
 var AgentConversations = ({
   enableThreadCreation = true,
@@ -30776,7 +30888,7 @@ var AgentConversations = ({
     background: "transparent",
     borderRadius: token.borderRadius
   };
-  const threadItems = (0, import_react100.useMemo)(() => {
+  const threadItems = (0, import_react101.useMemo)(() => {
     return threads || [];
   }, [threads]);
   const items = threadItems.map((thread2) => ({
@@ -30811,15 +30923,15 @@ var AgentConversations = ({
 };
 
 // src/components/Chat/LatticeChatView.tsx
-var import_react103 = require("react");
+var import_react104 = require("react");
 
 // src/components/Chat/ChatSidebar.tsx
-var import_react102 = require("react");
+var import_react103 = require("react");
 var import_antd95 = require("antd");
 var import_lucide_react33 = require("lucide-react");
 
 // src/components/Chat/ThreadHistoryMenuContent.tsx
-var import_react101 = __toESM(require("react"));
+var import_react102 = __toESM(require("react"));
 var import_antd_style39 = require("antd-style");
 var import_lucide_react32 = require("lucide-react");
 var import_antd94 = require("antd");
@@ -30933,7 +31045,7 @@ var ThreadHistoryMenuContent = () => {
     deleteThread,
     isLoading
   } = useConversationContext();
-  const handleDeleteThread = (0, import_react101.useCallback)(
+  const handleDeleteThread = (0, import_react102.useCallback)(
     async (e, threadIdToDelete) => {
       e.stopPropagation();
       import_antd94.Modal.confirm({
@@ -30954,7 +31066,7 @@ var ThreadHistoryMenuContent = () => {
     },
     [deleteThread]
   );
-  const sortedThreads = import_react101.default.useMemo(() => {
+  const sortedThreads = import_react102.default.useMemo(() => {
     return [...threads].sort((a, b) => {
       const dateA = a.updatedAt ? new Date(a.updatedAt).getTime() : 0;
       const dateB = b.updatedAt ? new Date(b.updatedAt).getTime() : 0;
@@ -31046,8 +31158,8 @@ var ChatSidebar = ({
   const { sideAppVisible, menuCollapsed, setMenuCollapsed } = useChatUIContext();
   const { user, logout } = useAuth();
   const { createThread } = useConversationContext();
-  const [drawerStates, setDrawerStates] = (0, import_react102.useState)({});
-  const [changePasswordOpen, setChangePasswordOpen] = (0, import_react102.useState)(false);
+  const [drawerStates, setDrawerStates] = (0, import_react103.useState)({});
+  const [changePasswordOpen, setChangePasswordOpen] = (0, import_react103.useState)(false);
   const {
     sidebarMode,
     sidebarShowToggle,
@@ -31056,11 +31168,11 @@ var ChatSidebar = ({
     sidebarLogoIcon
   } = config;
   const isExpandedMode = sidebarMode === "expanded";
-  const menuItems = (0, import_react102.useMemo)(() => {
+  const menuItems = (0, import_react103.useMemo)(() => {
     const items = customMenuItems.length > 0 ? [...customMenuItems] : [...DEFAULT_MENU_ITEMS];
     return items.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
   }, [customMenuItems]);
-  const handleMenuClick = (0, import_react102.useCallback)(async (item) => {
+  const handleMenuClick = (0, import_react103.useCallback)(async (item) => {
     if (item.builtin === "settings") {
       setSettingsModalOpen(true);
       onSettingsClick?.();
@@ -31083,17 +31195,17 @@ var ChatSidebar = ({
       }
     }
   }, [onSettingsClick, setSettingsModalOpen, createThread, logout]);
-  const handleCloseDrawer = (0, import_react102.useCallback)((itemId) => {
+  const handleCloseDrawer = (0, import_react103.useCallback)((itemId) => {
     setDrawerStates((prev) => ({ ...prev, [itemId]: false }));
   }, []);
-  const handleNewAnalysis = (0, import_react102.useCallback)(async () => {
+  const handleNewAnalysis = (0, import_react103.useCallback)(async () => {
     try {
       await createThread("New Analysis");
     } catch (error) {
       console.error("Failed to create new thread:", error);
     }
   }, [createThread]);
-  const renderDrawerContent = (0, import_react102.useCallback)((item) => {
+  const renderDrawerContent = (0, import_react103.useCallback)((item) => {
     switch (item.builtin) {
       case "thread-history":
         return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ThreadHistoryMenuContent, {});
@@ -31275,7 +31387,7 @@ var ChatSidebar = ({
 // src/components/Chat/LatticeChatView.tsx
 var import_jsx_runtime122 = require("react/jsx-runtime");
 var LatticeChatView = (props) => {
-  const shellContext = (0, import_react103.useContext)(LatticeChatShellContext);
+  const shellContext = (0, import_react104.useContext)(LatticeChatShellContext);
   const { showSideMenu, sideMenuItems } = shellContext.config;
   const { assistantId, thread } = useConversationContext();
   const { currentAssistant } = useAssistantContext();
@@ -31306,7 +31418,7 @@ var LatticeChatView = (props) => {
 };
 
 // src/components/Chat/SettingsModal.tsx
-var import_react104 = require("react");
+var import_react105 = require("react");
 var import_antd96 = require("antd");
 var import_icons44 = require("@ant-design/icons");
 var import_antd_style40 = require("antd-style");
@@ -31672,7 +31784,7 @@ var SettingsModal = ({
 }) => {
   const { styles } = useStyles23();
   const { config: shellConfig, updateConfigValue } = useLatticeChatShellContext();
-  const [connections, setConnections] = (0, import_react104.useState)(() => {
+  const [connections, setConnections] = (0, import_react105.useState)(() => {
     if (typeof window !== "undefined") {
       try {
         const stored = localStorage.getItem("lattice_server_connections");
@@ -31695,21 +31807,21 @@ var SettingsModal = ({
     }
     return [];
   });
-  const [serverConfigs, setServerConfigs] = (0, import_react104.useState)({});
-  const connectionsRef = (0, import_react104.useRef)(connections);
-  (0, import_react104.useEffect)(() => {
+  const [serverConfigs, setServerConfigs] = (0, import_react105.useState)({});
+  const connectionsRef = (0, import_react105.useRef)(connections);
+  (0, import_react105.useEffect)(() => {
     connectionsRef.current = connections;
   }, [connections]);
-  const [activeTabKey, setActiveTabKey] = (0, import_react104.useState)(
+  const [activeTabKey, setActiveTabKey] = (0, import_react105.useState)(
     connections.length > 0 ? connections[0].id : ""
   );
-  const [activeMenu, setActiveMenu] = (0, import_react104.useState)("environment");
-  const [loading, setLoading] = (0, import_react104.useState)(false);
-  const [showAddServerModal, setShowAddServerModal] = (0, import_react104.useState)(false);
-  const [newServerUrl, setNewServerUrl] = (0, import_react104.useState)("");
-  const [newServerName, setNewServerName] = (0, import_react104.useState)("");
-  const [newServerApiKey, setNewServerApiKey] = (0, import_react104.useState)("");
-  const [addingServer, setAddingServer] = (0, import_react104.useState)(false);
+  const [activeMenu, setActiveMenu] = (0, import_react105.useState)("environment");
+  const [loading, setLoading] = (0, import_react105.useState)(false);
+  const [showAddServerModal, setShowAddServerModal] = (0, import_react105.useState)(false);
+  const [newServerUrl, setNewServerUrl] = (0, import_react105.useState)("");
+  const [newServerName, setNewServerName] = (0, import_react105.useState)("");
+  const [newServerApiKey, setNewServerApiKey] = (0, import_react105.useState)("");
+  const [addingServer, setAddingServer] = (0, import_react105.useState)(false);
   const saveConnections = (newConnections) => {
     setConnections(newConnections);
     if (typeof window !== "undefined") {
@@ -31899,7 +32011,7 @@ var SettingsModal = ({
       console.error("Failed to load models configuration:", error);
     }
   };
-  (0, import_react104.useEffect)(() => {
+  (0, import_react105.useEffect)(() => {
     if (open && activeTabKey) {
       initializeServerConfig(activeTabKey);
       const connection = connections.find((c) => c.id === activeTabKey);
@@ -31908,7 +32020,7 @@ var SettingsModal = ({
       }
     }
   }, [open, activeTabKey]);
-  (0, import_react104.useEffect)(() => {
+  (0, import_react105.useEffect)(() => {
     if (open && activeTabKey) {
       const connection = connections.find((c) => c.id === activeTabKey);
       if (connection?.connected) {
@@ -32688,17 +32800,17 @@ var LatticeChatShell = (props) => {
 };
 
 // src/components/Chat/ChannelInstallationsDrawerContent.tsx
-var import_react105 = require("react");
+var import_react106 = require("react");
 var import_antd97 = require("antd");
 var import_lucide_react34 = require("lucide-react");
 var import_jsx_runtime126 = require("react/jsx-runtime");
 var { Text: Text47, Title: Title17 } = import_antd97.Typography;
 var ChannelInstallationsDrawerContent = () => {
   const { get, post, put, del } = useApi();
-  const [installations, setInstallations] = (0, import_react105.useState)([]);
-  const [loading, setLoading] = (0, import_react105.useState)(false);
-  const [formModalOpen, setFormModalOpen] = (0, import_react105.useState)(false);
-  const [editingInstallation, setEditingInstallation] = (0, import_react105.useState)(null);
+  const [installations, setInstallations] = (0, import_react106.useState)([]);
+  const [loading, setLoading] = (0, import_react106.useState)(false);
+  const [formModalOpen, setFormModalOpen] = (0, import_react106.useState)(false);
+  const [editingInstallation, setEditingInstallation] = (0, import_react106.useState)(null);
   const loadInstallations = async () => {
     setLoading(true);
     try {
@@ -32719,7 +32831,7 @@ var ChannelInstallationsDrawerContent = () => {
       setLoading(false);
     }
   };
-  (0, import_react105.useEffect)(() => {
+  (0, import_react106.useEffect)(() => {
     loadInstallations();
   }, []);
   const handleDelete = async (installation) => {
@@ -32867,7 +32979,7 @@ var ChannelInstallationsDrawerContent = () => {
 };
 var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCancel, onSave }) => {
   const [form] = import_antd97.Form.useForm();
-  (0, import_react105.useEffect)(() => {
+  (0, import_react106.useEffect)(() => {
     if (installation) {
       const config = installation.config;
       form.setFieldsValue({