@axiom-lattice/react-sdk 2.1.83 → 2.1.85

package/dist/index.mjs

@@ -4117,6 +4117,9 @@ var useChatUIContext = () => {
 // src/components/Chat/LatticeChat.tsx
 import { createStyles as createStyles38 } from "antd-style";
 
+// src/components/Chat/ColumnLayout.tsx
+import { PanelLeft, X } from "lucide-react";
+
 // src/components/Chat/useStyle.tsx
 import { createStyles as createStyles2 } from "antd-style";
 var useStyle = createStyles2(({ token, css }) => {
@@ -4137,6 +4140,11 @@ var useStyle = createStyles2(({ token, css }) => {
       .ant-prompts {
         color: ${token.colorText};
       }
+
+      @media (max-width: 768px) {
+        padding: 0;
+        gap: 0;
+      }
     `,
     header: css`
       min-height: 40px;
@@ -4145,6 +4153,11 @@ var useStyle = createStyles2(({ 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;
@@ -4152,12 +4165,20 @@ var useStyle = createStyles2(({ 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;
@@ -4174,6 +4195,25 @@ var useStyle = createStyles2(({ token, css }) => {
       &.expanded {
         width: 240px;
       }
+
+      @media (max-width: 768px) {
+        position: fixed;
+        left: 0;
+        top: 0;
+        bottom: 0;
+        z-index: 100;
+        background: ${token.colorBgLayout};
+        box-shadow: ${token.boxShadow};
+        width: 0;
+
+        &.expanded {
+          width: 280px;
+          border-right: 1px solid ${token.colorBorder};
+        }
+      }
+    `,
+    menuSnap: css`
+      transition: none !important;
     `,
     menuToggle: css`
       position: relative;
@@ -4245,6 +4285,53 @@ var useStyle = createStyles2(({ token, css }) => {
         white-space: pre-wrap;
         word-break: break-all;
       }
+
+      @media (max-width: 768px) {
+        min-width: 0;
+        border-radius: 0;
+        border: none;
+        gap: 8px;
+      }
+    `,
+    mobileMenuToggle: css`
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 32px;
+      height: 32px;
+      border-radius: ${token.borderRadius}px;
+      border: 1px solid ${token.colorBorder};
+      background: ${token.colorBgContainer};
+      color: ${token.colorTextSecondary};
+      cursor: pointer;
+      transition: all 0.2s ease;
+
+      &:hover {
+        background: ${token.colorPrimaryBg};
+        color: ${token.colorPrimary};
+      }
+    `,
+    mobilePanelClose: css`
+      position: absolute;
+      top: 12px;
+      right: 12px;
+      z-index: 5;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 36px;
+      height: 36px;
+      border-radius: ${token.borderRadius}px;
+      border: none;
+      background: rgba(0, 0, 0, 0.06);
+      color: ${token.colorTextSecondary};
+      cursor: pointer;
+      transition: all 0.2s ease;
+
+      &:hover {
+        background: rgba(0, 0, 0, 0.12);
+        color: ${token.colorText};
+      }
     `,
     chat: css`
       width: 100%;
@@ -4277,6 +4364,10 @@ var useStyle = createStyles2(({ token, css }) => {
         background-repeat: no-repeat;
         background-position: bottom;
       }
+
+      @media (max-width: 768px) {
+        padding: 4px;
+      }
     `,
     detailPanel: css`
       display: flex;
@@ -4314,6 +4405,29 @@ var useStyle = createStyles2(({ 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;
@@ -4331,6 +4445,22 @@ var useStyle = createStyles2(({ 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;
@@ -4896,6 +5026,26 @@ var useStyle = createStyles2(({ token, css }) => {
   };
 });
 
+// src/hooks/useMediaQuery.ts
+import { useState as useState21, useEffect as useEffect14 } from "react";
+function useMediaQuery(query) {
+  const [matches, setMatches] = useState21(() => {
+    if (typeof window !== "undefined") {
+      return window.matchMedia(query).matches;
+    }
+    return false;
+  });
+  useEffect14(() => {
+    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
 import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 var ColumnLayout = ({
@@ -4914,30 +5064,75 @@ var ColumnLayout = ({
     toolsVisible,
     toolSelectedCard,
     contentAppSelectedCard,
-    menuCollapsed
+    menuCollapsed,
+    setMenuCollapsed,
+    closeDetail,
+    closeTools
   } = useChatUIContext();
-  const isMenuCollapsed = menuCollapsed || detailVisible;
+  const isMobile = useMediaQuery("(max-width: 768px)");
+  const isMenuCollapsed = menuCollapsed ?? (isMobile || detailVisible);
+  const isAutoCollapsed = detailVisible && !isMobile;
   const menuStateClass = isMenuCollapsed ? "collapsed" : "expanded";
   const hasSidePanelsOpen = detailVisible || toolsVisible;
   const resolvedDetailSize = toolsVisible && (detailSize || "large") === "large" ? "middle" : detailSize || "large";
   return /* @__PURE__ */ jsxs5("div", { className: `fina_chat ${styles.layout}`, children: [
-    menu && /* @__PURE__ */ jsxs5("div", { className: `${styles.menu} ${menuStateClass}`, children: [
+    menu && /* @__PURE__ */ jsxs5("div", { className: `${styles.menu} ${menuStateClass} ${isAutoCollapsed ? styles.menuSnap : ""}`, children: [
       logo,
       menu
     ] }),
     /* @__PURE__ */ jsxs5("div", { className: styles.contentArea, children: [
-      header && /* @__PURE__ */ jsx12("div", { className: styles.header, children: header }),
-      /* @__PURE__ */ jsxs5("div", { className: styles.columns, children: [
-        /* @__PURE__ */ jsx12("div", { className: `${styles.mainContent} ${hasSidePanelsOpen ? "open" : ""}`, children: /* @__PURE__ */ jsx12("div", { className: `${styles.chat} ${contentAppSelectedCard ? "full_content_width" : ""}`, children: main }) }),
-        /* @__PURE__ */ jsx12(
-          "div",
+      (header || isMobile) && /* @__PURE__ */ jsxs5("div", { className: styles.header, children: [
+        isMobile && /* @__PURE__ */ jsx12(
+          "button",
           {
-            className: `${styles.detailPanel} ${detailVisible ? `open ${resolvedDetailSize}` : ""}`,
-            children: detailVisible && detailSelectedCard && detail ? /* @__PURE__ */ jsx12("div", { className: styles.detailContent, children: detail }) : null
+            className: styles.mobileMenuToggle,
+            onClick: () => setMenuCollapsed(!isMenuCollapsed),
+            "aria-label": "Toggle menu",
+            children: /* @__PURE__ */ jsx12(PanelLeft, { size: 18 })
           }
         ),
-        /* @__PURE__ */ jsx12("div", { className: `${styles.toolPanel} ${toolsVisible ? "open" : ""}`, children: toolsVisible && tools ? /* @__PURE__ */ jsx12("div", { className: styles.detailContent, children: tools }) : null })
-      ] })
+        header
+      ] }),
+      /* @__PURE__ */ jsxs5(
+        "div",
+        {
+          className: styles.columns,
+          style: { gap: hasSidePanelsOpen ? void 0 : 0 },
+          children: [
+            /* @__PURE__ */ jsx12("div", { className: `${styles.mainContent} ${hasSidePanelsOpen ? "open" : ""}`, children: /* @__PURE__ */ jsx12("div", { className: `${styles.chat} ${contentAppSelectedCard ? "full_content_width" : ""}`, children: main }) }),
+            /* @__PURE__ */ jsxs5(
+              "div",
+              {
+                className: `${styles.detailPanel} ${detailVisible ? `open ${resolvedDetailSize}` : ""}`,
+                children: [
+                  detailVisible && isMobile && /* @__PURE__ */ jsx12(
+                    "button",
+                    {
+                      className: styles.mobilePanelClose,
+                      onClick: closeDetail,
+                      "aria-label": "Close detail panel",
+                      children: /* @__PURE__ */ jsx12(X, { size: 20 })
+                    }
+                  ),
+                  detailVisible && detailSelectedCard && detail ? /* @__PURE__ */ jsx12("div", { className: styles.detailContent, children: detail }) : null
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs5("div", { className: `${styles.toolPanel} ${toolsVisible ? "open" : ""}`, children: [
+              toolsVisible && isMobile && /* @__PURE__ */ jsx12(
+                "button",
+                {
+                  className: styles.mobilePanelClose,
+                  onClick: closeTools,
+                  "aria-label": "Close tool panel",
+                  children: /* @__PURE__ */ jsx12(X, { size: 20 })
+                }
+              ),
+              toolsVisible && tools ? /* @__PURE__ */ jsx12("div", { className: styles.detailContent, children: tools }) : null
+            ] })
+          ]
+        }
+      )
     ] })
   ] });
 };
@@ -4951,11 +5146,11 @@ import {
 
 // src/components/GenUI/elements/confirm_feedback.tsx
 import { Button as Button9, Space as Space3, Typography as Typography4 } from "antd";
-import { useState as useState26 } from "react";
+import { useState as useState27 } from "react";
 
 // src/components/GenUI/MDResponse.tsx
 import XMarkdown from "@ant-design/x-markdown";
-import React13, { useRef as useRef11, useState as useState25, useMemo as useMemo7, useDeferredValue } from "react";
+import React13, { useRef as useRef11, useState as useState26, useMemo as useMemo7, useDeferredValue } from "react";
 import { createStyles as createStyles6 } from "antd-style";
 
 // src/components/GenUI/Code.tsx
@@ -4963,13 +5158,13 @@ import { CodeHighlighter, Mermaid } from "@ant-design/x";
 
 // src/components/GenUI/ReactInfographic.tsx
 import { Infographic } from "@antv/infographic";
-import { useRef as useRef8, useEffect as useEffect14 } from "react";
+import { useRef as useRef8, useEffect as useEffect15 } from "react";
 import { jsx as jsx13 } from "react/jsx-runtime";
 var ReactInfographic = (props) => {
   const { children } = props;
   const $container = useRef8(null);
   let infographicInstance = useRef8(null);
-  useEffect14(() => {
+  useEffect15(() => {
     if ($container.current) {
       infographicInstance.current = new Infographic({
         container: $container.current,
@@ -4984,7 +5179,7 @@ var ReactInfographic = (props) => {
       infographicInstance.current?.destroy();
     };
   }, []);
-  useEffect14(() => {
+  useEffect15(() => {
     const a = `infographic sequence-steps-simple
 data
   sequences
@@ -5000,14 +5195,14 @@ data
 };
 
 // src/components/GenUI/ReactChart.tsx
-import { useEffect as useEffect15, useRef as useRef9, useState as useState22 } from "react";
+import { useEffect as useEffect16, useRef as useRef9, useState as useState23 } from "react";
 import * as echarts from "echarts";
 import { Card as Card5 } from "antd";
 import { parse } from "best-effort-json-parser";
 
 // src/components/GenUI/elements/generic_data_table.tsx
 import { Table, Typography as Typography3, Button as Button5, Flex, Space as Space2 } from "antd";
-import { useState as useState21 } from "react";
+import { useState as useState22 } from "react";
 import { DownloadOutlined, ExpandAltOutlined } from "@ant-design/icons";
 
 // src/components/Chat/SideAppBrowserContext.tsx
@@ -5027,7 +5222,7 @@ import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
 var { Text: Text3 } = Typography3;
 var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = true }) => {
   const { dataSource, message: message23 } = data ?? {};
-  const [expandedRowKeys, setExpandedRowKeys] = useState21([]);
+  const [expandedRowKeys, setExpandedRowKeys] = useState22([]);
   const openSideApp = useSideAppOpener();
   const processedData = dataSource?.map((item, index) => ({
     ...item,
@@ -5507,8 +5702,8 @@ var ReactChart = (props) => {
   const chartRef = useRef9(null);
   const chartInstance = useRef9(null);
   const resizeObserverRef = useRef9(null);
-  const [tableData, setTableData] = useState22(null);
-  useEffect15(() => {
+  const [tableData, setTableData] = useState23(null);
+  useEffect16(() => {
     if (!chartRef.current) {
       return;
     }
@@ -5581,7 +5776,7 @@ var ReactChart = (props) => {
       window.removeEventListener("resize", handleResize);
     };
   }, [children]);
-  useEffect15(() => {
+  useEffect16(() => {
     return () => {
       if (resizeObserverRef.current) {
         resizeObserverRef.current.disconnect();
@@ -5641,12 +5836,12 @@ import { Collapse } from "antd";
 import { createStyles as createStyles5 } from "antd-style";
 
 // src/components/GenUI/FileRenderer.tsx
-import { useEffect as useEffect17, useState as useState24, useMemo as useMemo3 } from "react";
+import { useEffect as useEffect18, useState as useState25, useMemo as useMemo3 } from "react";
 import { Spin as Spin2, Alert as Alert4, Button as Button7 } from "antd";
 import { createStyles as createStyles4 } from "antd-style";
 
 // src/components/GenUI/MarkdownViewer.tsx
-import React9, { useState as useState23, useEffect as useEffect16, useRef as useRef10 } from "react";
+import React9, { useState as useState24, useEffect as useEffect17, useRef as useRef10 } from "react";
 import { Button as Button6, Tooltip, message } from "antd";
 import {
   CopyOutlined,
@@ -5919,9 +6114,9 @@ var MarkdownViewer = ({
   style
 }) => {
   const { styles, cx } = useStyles();
-  const [copied, setCopied] = useState23(false);
+  const [copied, setCopied] = useState24(false);
   const contentRef = useRef10(null);
-  useEffect16(() => {
+  useEffect17(() => {
     if (copied) {
       const timer = setTimeout(() => setCopied(false), 2e3);
       return () => clearTimeout(timer);
@@ -6174,11 +6369,11 @@ var FileRenderer = ({
   showHeader = true
 }) => {
   const { styles } = useStyles2();
-  const [content, setContent] = useState24("");
-  const [loading, setLoading] = useState24(true);
-  const [error, setError] = useState24(null);
+  const [content, setContent] = useState25("");
+  const [loading, setLoading] = useState25(true);
+  const [error, setError] = useState25(null);
   const category = useMemo3(() => getFileCategory(fileName), [fileName]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (category === "markdown" || category === "text") {
       setLoading(true);
       setError(null);
@@ -6734,7 +6929,7 @@ var ConfirmFeedback = ({
 }) => {
   const { message: message23, type, config, feedback, options } = data ?? {};
   const { sendMessage } = useAgentChat();
-  const [clicked, setClicked] = useState26(false);
+  const [clicked, setClicked] = useState27(false);
   return /* @__PURE__ */ jsxs11(Space3, { direction: "vertical", style: { width: "100%" }, children: [
     /* @__PURE__ */ jsx24(MDResponse, { content: message23 }),
     options ? /* @__PURE__ */ jsx24(Space3, { style: { justifyContent: "flex-end", width: "100%" }, children: options?.map((option) => /* @__PURE__ */ jsx24(
@@ -6813,7 +7008,7 @@ var ConfirmFeedback = ({
 
 // src/components/GenUI/elements/clarify_feedback.tsx
 import { Button as Button10, Space as Space4, Typography as Typography5, List, Checkbox, Input as Input3 } from "antd";
-import { useState as useState27 } from "react";
+import { useState as useState28 } from "react";
 import { Fragment as Fragment3, jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
 var { Text: Text5 } = Typography5;
 var ClarifyFeedback = ({
@@ -6822,9 +7017,9 @@ var ClarifyFeedback = ({
 }) => {
   const { questions } = data ?? {};
   const { sendMessage } = useAgentChat();
-  const [currentStep, setCurrentStep] = useState27(0);
-  const [answers, setAnswers] = useState27({});
-  const [submitted, setSubmitted] = useState27(false);
+  const [currentStep, setCurrentStep] = useState28(0);
+  const [answers, setAnswers] = useState28({});
+  const [submitted, setSubmitted] = useState28(false);
   const currentQuestion = questions?.[currentStep];
   const totalQuestions = questions?.length || 0;
   const handleOptionChange = (selected) => {
@@ -7337,7 +7532,7 @@ import {
   DownOutlined,
   UpOutlined
 } from "@ant-design/icons";
-import { useState as useState28, useEffect as useEffect19 } from "react";
+import { useState as useState29, useEffect as useEffect20 } from "react";
 import { jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
 var { Text: Text7 } = Typography8;
 var useStyle3 = createStyles8(({ token, css }) => ({
@@ -7382,10 +7577,10 @@ var Todo = ({
     const allCompleted = data.every((item) => item.status === "completed");
     return allPending || allCompleted;
   };
-  const [isExpanded, setIsExpanded] = useState28(
+  const [isExpanded, setIsExpanded] = useState29(
     () => smartCollapse ? getDefaultExpanded() : false
   );
-  useEffect19(() => {
+  useEffect20(() => {
     if (smartCollapse) {
       setIsExpanded(getDefaultExpanded());
     }
@@ -7576,7 +7771,7 @@ var WriteTodos = ({
 };
 
 // src/components/GenUI/FileExplorer.tsx
-import { useState as useState29, useEffect as useEffect20, useMemo as useMemo8 } from "react";
+import { useState as useState30, useEffect as useEffect21, useMemo as useMemo8 } from "react";
 import { Splitter, Tree, Empty } from "antd";
 import {
   FolderOutlined,
@@ -7860,10 +8055,10 @@ var FileExplorer = ({
 }) => {
   const { files } = data ?? {};
   const { styles, cx } = useStyles5();
-  const [fileList, setFileList] = useState29([]);
-  const [selectedKey, setSelectedKey] = useState29("");
-  const [expandedKeys, setExpandedKeys] = useState29([]);
-  useEffect20(() => {
+  const [fileList, setFileList] = useState30([]);
+  const [selectedKey, setSelectedKey] = useState30("");
+  const [expandedKeys, setExpandedKeys] = useState30([]);
+  useEffect21(() => {
     let list = [];
     if (Array.isArray(files)) {
       list = files;
@@ -7883,7 +8078,7 @@ var FileExplorer = ({
     () => buildTreeData(fileList, expandedKeys),
     [fileList, expandedKeys]
   );
-  useEffect20(() => {
+  useEffect21(() => {
     if (treeData.length > 0 && expandedKeys.length === 0) {
       const getAllKeys = (nodes) => {
         let keys = [];
@@ -7977,7 +8172,7 @@ import {
   Button as Button13
 } from "antd";
 import dayjs from "dayjs";
-import { useState as useState30 } from "react";
+import { useState as useState31 } from "react";
 import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
 var AttachmentsCard = ({
   data,
@@ -7991,7 +8186,7 @@ var AttachmentsCard = ({
   const baseURL = config.baseURL;
   const fileBaseURL = `${baseURL}/api/assistants/${assistantId}/threads/${threadId}/sandbox/downloadfile?path=`;
   const { Text: Text48 } = Typography10;
-  const [showAll, setShowAll] = useState30(false);
+  const [showAll, setShowAll] = useState31(false);
   const openSideApp = useSideAppOpener();
   const getStyles = () => {
     switch (size) {
@@ -8173,7 +8368,7 @@ var AttachmentsCard = ({
 
 // src/components/GenUI/elements/attachments_viewer_side_app.tsx
 import { Button as Button14, Empty as Empty2, Skeleton } from "antd";
-import { useEffect as useEffect21, useState as useState31 } from "react";
+import { useEffect as useEffect22, useState as useState32 } from "react";
 
 // src/components/GenUI/RenderMDFromURL.tsx
 import { jsx as jsx35 } from "react/jsx-runtime";
@@ -8194,13 +8389,13 @@ function AttachmentsViewerSideApp({
   data,
   component_key
 }) {
-  const [loading, setLoading] = useState31(false);
+  const [loading, setLoading] = useState32(false);
   const { file_id, url, full_url } = data ?? {};
-  const [fileUri, setFileUri] = useState31({
+  const [fileUri, setFileUri] = useState32({
     url: full_url || "",
     fileName: extractFileName(file_id || "")
   });
-  useEffect21(() => {
+  useEffect22(() => {
     setFileUri({
       url: full_url || "",
       fileName: extractFileName(file_id || "")
@@ -8244,7 +8439,7 @@ function AttachmentsViewerSideApp({
 import { Button as Button15, Space as Space10, Typography as Typography11 } from "antd";
 
 // src/components/GenUI/elements/ContentPreviewCollapse.tsx
-import { useRef as useRef12, useState as useState32, useEffect as useEffect22, useCallback as useCallback20 } from "react";
+import { useRef as useRef12, useState as useState33, useEffect as useEffect23, useCallback as useCallback20 } from "react";
 import { Collapse as Collapse5 } from "antd";
 import { createStyles as createStyles10 } from "antd-style";
 import { DownOutlined as DownOutlined3, UpOutlined as UpOutlined2 } from "@ant-design/icons";
@@ -8314,8 +8509,8 @@ var ContentPreviewCollapse = ({
   showAllText = "Show all content",
   showLessText = "Show less"
 }) => {
-  const [showFullContent, setShowFullContent] = useState32(false);
-  const [isOverflowing, setIsOverflowing] = useState32(false);
+  const [showFullContent, setShowFullContent] = useState33(false);
+  const [isOverflowing, setIsOverflowing] = useState33(false);
   const contentRef = useRef12(null);
   const showShadow = isOverflowing && !showFullContent;
   const { styles, cx } = useStyle4({ showShadow });
@@ -8325,7 +8520,7 @@ var ContentPreviewCollapse = ({
       setIsOverflowing(scrollHeight > collapsedMaxHeight);
     }
   }, [collapsedMaxHeight]);
-  useEffect22(() => {
+  useEffect23(() => {
     const element = contentRef.current;
     if (!element) return;
     checkOverflow();
@@ -8819,10 +9014,10 @@ import ErrorBoundary from "antd/es/alert/ErrorBoundary";
 import {
   memo,
   useCallback as useCallback21,
-  useEffect as useEffect23,
+  useEffect as useEffect24,
   useMemo as useMemo9,
   useRef as useRef13,
-  useState as useState33
+  useState as useState34
 } from "react";
 import { jsx as jsx42 } from "react/jsx-runtime";
 var LazyBubble = ({
@@ -8831,9 +9026,9 @@ var LazyBubble = ({
   autoLoadRightPanel
 }) => {
   const ref = useRef13(null);
-  const [isVisible, setIsVisible] = useState33(false);
-  const [wasEverVisible, setWasEverVisible] = useState33(false);
-  useEffect23(() => {
+  const [isVisible, setIsVisible] = useState34(false);
+  const [wasEverVisible, setWasEverVisible] = useState34(false);
+  useEffect24(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
         const visible = entry.isIntersecting;
@@ -8853,7 +9048,7 @@ var LazyBubble = ({
       }
     };
   }, [wasEverVisible]);
-  useEffect23(() => {
+  useEffect24(() => {
     autoLoadRightPanel?.();
   }, []);
   const getPlaceholder = () => {
@@ -8886,7 +9081,7 @@ var MessageList = ({
   const { styles } = useStyle();
   const openSideApp = useSideAppOpener();
   const messageLengthRef = useRef13(messages?.length ?? 0);
-  useEffect23(() => {
+  useEffect24(() => {
     if (messages?.length) {
       messageLengthRef.current = messages?.length;
     }
@@ -8996,7 +9191,7 @@ import {
   Space as Space30,
   Typography as Typography42
 } from "antd";
-import React51, { useCallback as useCallback33, useContext as useContext11, useEffect as useEffect45, useRef as useRef23, useState as useState65 } from "react";
+import React51, { useCallback as useCallback33, useContext as useContext11, useEffect as useEffect47, useRef as useRef23, useState as useState66 } from "react";
 import { BrainCircuit as BrainCircuit3 } from "lucide-react";
 
 // src/components/GenUI/HITLContainer.tsx
@@ -9070,7 +9265,7 @@ var HITLContainer = () => {
 import { Typography as Typography15, Space as Space14, Button as Button18, message as message4 } from "antd";
 import { createStyles as createStyles13 } from "antd-style";
 import { ClockCircleOutlined as ClockCircleOutlined2, DownOutlined as DownOutlined4, RightOutlined as RightOutlined3, LoadingOutlined as LoadingOutlined3, DeleteOutlined } from "@ant-design/icons";
-import { useState as useState34 } from "react";
+import { useState as useState35 } from "react";
 import { jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
 var useStyle7 = createStyles13(({ css, token }) => ({
   container: css`
@@ -9160,9 +9355,9 @@ var useStyle7 = createStyles13(({ css, token }) => ({
 var PendingMessagesContainer = () => {
   const { styles } = useStyle7();
   const { pendingMessages, sendMessage, removePendingMessage } = useAgentChat();
-  const [expanded, setExpanded] = useState34(true);
-  const [sendingId, setSendingId] = useState34(null);
-  const [deletingId, setDeletingId] = useState34(null);
+  const [expanded, setExpanded] = useState35(true);
+  const [sendingId, setSendingId] = useState35(null);
+  const [deletingId, setDeletingId] = useState35(null);
   if (!pendingMessages || pendingMessages.length === 0) return null;
   const handleSendMessage = async (msg) => {
     if (sendingId || deletingId) return;
@@ -9617,7 +9812,7 @@ var FileExplorerButton = ({}) => {
 };
 
 // src/components/Chat/ScheduleButton.tsx
-import { useState as useState35, useCallback as useCallback22, useEffect as useEffect24 } from "react";
+import { useState as useState36, useCallback as useCallback22, useEffect as useEffect25 } from "react";
 import { Tooltip as Tooltip6, Button as Button20, Spin as Spin3 } from "antd";
 import { CalendarOutlined } from "@ant-design/icons";
 import { ScheduledTaskStatus } from "@axiom-lattice/client-sdk";
@@ -9628,9 +9823,9 @@ var ScheduleButton = ({
   const { threadId, assistantId } = useAgentChat();
   const { openSideApp } = useChatUIContext();
   const client = useClient(assistantId || "");
-  const [scheduledTasks, setScheduledTasks] = useState35([]);
-  const [loading, setLoading] = useState35(false);
-  const [taskCount, setTaskCount] = useState35(0);
+  const [scheduledTasks, setScheduledTasks] = useState36([]);
+  const [loading, setLoading] = useState36(false);
+  const [taskCount, setTaskCount] = useState36(0);
   const fetchScheduledTasks = useCallback22(async () => {
     if (!threadId) return;
     setLoading(true);
@@ -9649,7 +9844,7 @@ var ScheduleButton = ({
       setLoading(false);
     }
   }, [client, threadId]);
-  useEffect24(() => {
+  useEffect25(() => {
     fetchScheduledTasks();
   }, [fetchScheduledTasks]);
   if (!threadId) {
@@ -10057,19 +10252,19 @@ var ThreadManagementButtons = () => {
 import React43, {
   createContext as createContext9,
   useContext as useContext10,
-  useState as useState57,
+  useState as useState58,
   useCallback as useCallback31,
-  useEffect as useEffect40
+  useEffect as useEffect42
 } from "react";
 import { WorkspaceClient, Client as Client2 } from "@axiom-lattice/client-sdk";
 
 // src/components/Chat/WorkspaceResourceManager.tsx
-import { useMemo as useMemo20, useEffect as useEffect39, useRef as useRef17, useState as useState56 } from "react";
+import { useMemo as useMemo20, useEffect as useEffect41, useRef as useRef17, useState as useState57 } from "react";
 import { FolderOpen as FolderOpen2, Activity as Activity3, Database as Database4, Plug as Plug2, Bot as Bot2, Wrench, Zap, LogOut as LogOut3, Building2 as Building23, Key, Share2, History, Inbox, FlaskConical as FlaskConical3 } from "lucide-react";
 import { Modal as Modal13, Avatar as Avatar8, Popover as Popover2, Button as Button41 } from "antd";
 
 // src/components/Chat/Menu.tsx
-import React19, { useState as useState36, useMemo as useMemo10, useCallback as useCallback24 } from "react";
+import React19, { useState as useState37, useEffect as useEffect26, useMemo as useMemo10, useCallback as useCallback24 } from "react";
 import { Drawer } from "antd";
 import { Plus, ChevronRight, ChevronDown, Cpu, PanelLeftClose } from "lucide-react";
 import { createStyles as createStyles16 } from "antd-style";
@@ -10181,10 +10376,15 @@ var Menu = ({
   const { styles: menuStyles } = useMenuStyles();
   const { styles } = useStyle();
   const isControlled = collapsed !== void 0;
-  const [internalIsIconView, setInternalIsIconView] = useState36(!defaultExpanded);
+  const [internalIsIconView, setInternalIsIconView] = useState37(!defaultExpanded);
   const isIconView = isControlled ? collapsed : internalIsIconView;
-  const [drawerStates, setDrawerStates] = useState36({});
-  const [expandedInlineDrawers, setExpandedInlineDrawers] = useState36(
+  useEffect26(() => {
+    if (!isControlled) {
+      onCollapsedChange?.(isIconView);
+    }
+  }, []);
+  const [drawerStates, setDrawerStates] = useState37({});
+  const [expandedInlineDrawers, setExpandedInlineDrawers] = useState37(
     () => {
       const defaultExpanded2 = /* @__PURE__ */ new Set();
       items.forEach((item) => {
@@ -10384,13 +10584,13 @@ var Menu = ({
 };
 
 // src/components/Chat/ProjectCardList.tsx
-import { useState as useState38 } from "react";
+import { useState as useState39 } from "react";
 import { Button as Button24, Empty as Empty3, Spin as Spin4, Card as Card11, Typography as Typography16, theme as theme2 } from "antd";
 import { createStyles as createStyles17 } from "antd-style";
 import { Plus as Plus2, LayoutGrid, List as List3, FolderOpen } from "lucide-react";
 
 // src/components/Chat/CreateProjectModal.tsx
-import { useState as useState37 } from "react";
+import { useState as useState38 } from "react";
 import { Modal as Modal2, Input as Input4, Form as Form3 } from "antd";
 import { jsx as jsx57, jsxs as jsxs32 } from "react/jsx-runtime";
 var CreateProjectModal = ({
@@ -10399,7 +10599,7 @@ var CreateProjectModal = ({
   onCreate
 }) => {
   const [form] = Form3.useForm();
-  const [isSubmitting, setIsSubmitting] = useState37(false);
+  const [isSubmitting, setIsSubmitting] = useState38(false);
   const handleSubmit = async (values) => {
     setIsSubmitting(true);
     try {
@@ -10752,8 +10952,8 @@ var useStyle8 = createStyles17(({ css, token }) => ({
 var ProjectCardList = () => {
   const { styles } = useStyle8();
   const { token } = theme2.useToken();
-  const [viewMode, setViewMode] = useState38("grid");
-  const [isCreateModalOpen, setIsCreateModalOpen] = useState38(false);
+  const [viewMode, setViewMode] = useState39("grid");
+  const [isCreateModalOpen, setIsCreateModalOpen] = useState39(false);
   const {
     projects,
     loading,
@@ -10896,7 +11096,7 @@ var ProjectCardList = () => {
 };
 
 // src/components/Chat/MetricsConfigDrawerContent.tsx
-import { useState as useState39, useEffect as useEffect25 } from "react";
+import { useState as useState40, useEffect as useEffect27 } from "react";
 import { Activity, Plus as Plus3, Edit2, Trash2, TestTube2, Loader2, Database, Settings, ChevronRight as ChevronRight2, ChevronLeft as ChevronLeft2, Check as Check2 } from "lucide-react";
 import { Card as Card12, Button as Button25, Space as Space16, Typography as Typography17, Tag as Tag6, Modal as Modal3, message as message5, Input as Input5, Select, Popconfirm, Steps, Checkbox as Checkbox2, Spin as Spin5, theme as theme3 } from "antd";
 import { jsx as jsx59, jsxs as jsxs34 } from "react/jsx-runtime";
@@ -10907,13 +11107,13 @@ var MetricsConfigDrawerContent = () => {
   const { config } = useLatticeChatShellContext();
   const { token } = useToken2();
   const { get, post, put, del } = useApi();
-  const [configs, setConfigs] = useState39([]);
-  const [loading, setLoading] = useState39(false);
-  const [testingId, setTestingId] = useState39(null);
-  const [formModalOpen, setFormModalOpen] = useState39(false);
-  const [editingConfig, setEditingConfig] = useState39(null);
+  const [configs, setConfigs] = useState40([]);
+  const [loading, setLoading] = useState40(false);
+  const [testingId, setTestingId] = useState40(null);
+  const [formModalOpen, setFormModalOpen] = useState40(false);
+  const [editingConfig, setEditingConfig] = useState40(null);
   const tenantId = config.headers?.["x-tenant-id"] || "default";
-  useEffect25(() => {
+  useEffect27(() => {
     loadConfigs();
   }, [tenantId]);
   const loadConfigs = async () => {
@@ -11112,14 +11312,14 @@ var MetricsConfigFormModal = ({
   const { token } = useToken2();
   const { get, post, put } = useApi();
   const tenantId = config.headers?.["x-tenant-id"] || "default";
-  const [currentStep, setCurrentStep] = useState39(0);
-  const [saving, setSaving] = useState39(false);
-  const [fetchingDatasources, setFetchingDatasources] = useState39(false);
-  const [availableDatasources, setAvailableDatasources] = useState39([]);
-  const [selectedViewDatasource, setSelectedViewDatasource] = useState39(null);
-  const [availableMetrics, setAvailableMetrics] = useState39([]);
-  const [fetchingMetrics, setFetchingMetrics] = useState39(false);
-  const [formData, setFormData] = useState39({
+  const [currentStep, setCurrentStep] = useState40(0);
+  const [saving, setSaving] = useState40(false);
+  const [fetchingDatasources, setFetchingDatasources] = useState40(false);
+  const [availableDatasources, setAvailableDatasources] = useState40([]);
+  const [selectedViewDatasource, setSelectedViewDatasource] = useState40(null);
+  const [availableMetrics, setAvailableMetrics] = useState40([]);
+  const [fetchingMetrics, setFetchingMetrics] = useState40(false);
+  const [formData, setFormData] = useState40({
     key: editingConfig?.key || "",
     name: editingConfig?.name || "",
     description: editingConfig?.description || "",
@@ -11159,12 +11359,12 @@ var MetricsConfigFormModal = ({
       selectedDataSources: editingConfig?.config?.selectedDataSources || []
     });
   };
-  useEffect25(() => {
+  useEffect27(() => {
     if (open) {
       resetForm();
     }
   }, [open, editingConfig]);
-  useEffect25(() => {
+  useEffect27(() => {
     if (currentStep === 1 && availableDatasources.length === 0 && !fetchingDatasources) {
       handleFetchDatasources();
     }
@@ -11562,7 +11762,7 @@ var MetricsConfigFormModal = ({
 };
 
 // src/components/Chat/DatabaseConfigDrawerContent.tsx
-import { useState as useState40, useEffect as useEffect26 } from "react";
+import { useState as useState41, useEffect as useEffect28 } from "react";
 import { createStyles as createStyles18 } from "antd-style";
 import { Database as Database2, Plus as Plus4, Edit2 as Edit22, Trash2 as Trash22, TestTube2 as TestTube22, Loader2 as Loader22 } from "lucide-react";
 import { Card as Card13, Button as Button26, Space as Space17, Typography as Typography18, Tag as Tag7, Modal as Modal4, message as message6, Input as Input6, Select as Select2, Popconfirm as Popconfirm2 } from "antd";
@@ -11636,12 +11836,12 @@ var DatabaseConfigDrawerContent = ({
   const { styles } = useStyles7();
   const { config } = useLatticeChatShellContext();
   const { get, post, put, del } = useApi();
-  const [configs, setConfigs] = useState40([]);
-  const [loading, setLoading] = useState40(false);
-  const [testingId, setTestingId] = useState40(null);
-  const [formModalOpen, setFormModalOpen] = useState40(false);
-  const [editingConfig, setEditingConfig] = useState40(null);
-  useEffect26(() => {
+  const [configs, setConfigs] = useState41([]);
+  const [loading, setLoading] = useState41(false);
+  const [testingId, setTestingId] = useState41(null);
+  const [formModalOpen, setFormModalOpen] = useState41(false);
+  const [editingConfig, setEditingConfig] = useState41(null);
+  useEffect28(() => {
     loadConfigs();
   }, [tenantId]);
   const loadConfigs = async () => {
@@ -11850,7 +12050,7 @@ var DatabaseConfigFormModal = ({
 }) => {
   const { config } = useLatticeChatShellContext();
   const { post, put } = useApi();
-  const [formData, setFormData] = useState40({
+  const [formData, setFormData] = useState41({
     key: editingConfig?.key || "",
     name: editingConfig?.name || "",
     description: editingConfig?.description || "",
@@ -11862,7 +12062,7 @@ var DatabaseConfigFormModal = ({
     password: editingConfig?.config.password || "",
     connectionString: editingConfig?.config.connectionString || ""
   });
-  const [saving, setSaving] = useState40(false);
+  const [saving, setSaving] = useState41(false);
   const handleSubmit = async () => {
     setSaving(true);
     try {
@@ -12074,7 +12274,7 @@ var DatabaseConfigFormModal = ({
 };
 
 // src/components/Chat/McpConfigDrawerContent.tsx
-import { useState as useState41, useEffect as useEffect27 } from "react";
+import { useState as useState42, useEffect as useEffect29 } from "react";
 import { Plug, Plus as Plus5, Edit2 as Edit23, Trash2 as Trash23, TestTube2 as TestTube23, Loader2 as Loader23, Settings as Settings2, Database as Database3, ChevronRight as ChevronRight3, ChevronLeft as ChevronLeft3, Check as Check3, Terminal, Globe, Server } from "lucide-react";
 import { Card as Card14, Button as Button27, Space as Space18, Typography as Typography19, Tag as Tag8, Modal as Modal5, message as message7, Input as Input7, Select as Select3, Popconfirm as Popconfirm3, Steps as Steps2, Checkbox as Checkbox3, Spin as Spin6, theme as theme4, Collapse as Collapse7 } from "antd";
 import { Fragment as Fragment9, jsx as jsx61, jsxs as jsxs36 } from "react/jsx-runtime";
@@ -12088,12 +12288,12 @@ var McpConfigDrawerContent = ({
   const { config } = useLatticeChatShellContext();
   const { token } = useToken3();
   const { get, post, put, del } = useApi();
-  const [configs, setConfigs] = useState41([]);
-  const [loading, setLoading] = useState41(false);
-  const [testingId, setTestingId] = useState41(null);
-  const [formModalOpen, setFormModalOpen] = useState41(false);
-  const [editingConfig, setEditingConfig] = useState41(null);
-  useEffect27(() => {
+  const [configs, setConfigs] = useState42([]);
+  const [loading, setLoading] = useState42(false);
+  const [testingId, setTestingId] = useState42(null);
+  const [formModalOpen, setFormModalOpen] = useState42(false);
+  const [editingConfig, setEditingConfig] = useState42(null);
+  useEffect29(() => {
     loadConfigs();
   }, [tenantId]);
   const loadConfigs = async () => {
@@ -12307,11 +12507,11 @@ var McpConfigFormModal = ({
   const { config } = useLatticeChatShellContext();
   const { token } = useToken3();
   const { post, put } = useApi();
-  const [currentStep, setCurrentStep] = useState41(0);
-  const [saving, setSaving] = useState41(false);
-  const [fetchingTools, setFetchingTools] = useState41(false);
-  const [availableTools, setAvailableTools] = useState41([]);
-  const [formData, setFormData] = useState41({
+  const [currentStep, setCurrentStep] = useState42(0);
+  const [saving, setSaving] = useState42(false);
+  const [fetchingTools, setFetchingTools] = useState42(false);
+  const [availableTools, setAvailableTools] = useState42([]);
+  const [formData, setFormData] = useState42({
     key: editingConfig?.key || "",
     name: editingConfig?.name || "",
     description: editingConfig?.description || "",
@@ -12351,12 +12551,12 @@ var McpConfigFormModal = ({
       selectedTools: editingConfig?.selectedTools || []
     });
   };
-  useEffect27(() => {
+  useEffect29(() => {
     if (open) {
       resetForm();
     }
   }, [open, editingConfig]);
-  useEffect27(() => {
+  useEffect29(() => {
     if (currentStep === 1 && availableTools.length === 0 && !fetchingTools) {
       handleFetchTools();
     }
@@ -12707,7 +12907,7 @@ var McpConfigFormModal = ({
 };
 
 // src/components/Chat/AssistantFlow.tsx
-import { useMemo as useMemo13, useEffect as useEffect30, useState as useState45, useCallback as useCallback27, useRef as useRef15 } from "react";
+import { useMemo as useMemo13, useEffect as useEffect32, useState as useState46, useCallback as useCallback27, useRef as useRef15 } from "react";
 import {
   ReactFlow,
   Background,
@@ -13513,7 +13713,7 @@ var AssistantNode = ({
 var AssistantNode_default = AssistantNode;
 
 // src/components/Chat/AgentConfigPanel.tsx
-import { useState as useState42, useEffect as useEffect28, useMemo as useMemo12, useCallback as useCallback25, useRef as useRef14 } from "react";
+import { useState as useState43, useEffect as useEffect30, useMemo as useMemo12, useCallback as useCallback25, useRef as useRef14 } from "react";
 import {
   Form as Form4,
   Input as Input8,
@@ -13560,7 +13760,7 @@ var { TextArea: TextArea4 } = Input8;
 var { Text: Text18, Title: Title4 } = Typography21;
 var SectionCard = ({ title, icon, badge, children, defaultExpanded = true }) => {
   const { token } = theme6.useToken();
-  const [expanded, setExpanded] = useState42(defaultExpanded);
+  const [expanded, setExpanded] = useState43(defaultExpanded);
   return /* @__PURE__ */ jsxs38(
     Card15,
     {
@@ -13774,11 +13974,11 @@ var getMiddlewareTypeDefinition = (middlewareType, availableTypes) => {
   return availableTypes?.find((t) => t.type === middlewareType);
 };
 var SkillListField = ({ propertyKey, label, value, onChange, token }) => {
-  const [skills, setSkills] = useState42([]);
-  const [loading, setLoading] = useState42(false);
+  const [skills, setSkills] = useState43([]);
+  const [loading, setLoading] = useState43(false);
   const { get } = useApi();
   const fetchedRef = useRef14(false);
-  useEffect28(() => {
+  useEffect30(() => {
     if (fetchedRef.current) return;
     fetchedRef.current = true;
     const fetchSkills = async () => {
@@ -13885,11 +14085,11 @@ var SkillListField = ({ propertyKey, label, value, onChange, token }) => {
   ] }, propertyKey) });
 };
 var DatabaseListField = ({ propertyKey, label, value, onChange, token }) => {
-  const [databases, setDatabases] = useState42([]);
-  const [loading, setLoading] = useState42(false);
+  const [databases, setDatabases] = useState43([]);
+  const [loading, setLoading] = useState43(false);
   const { get } = useApi();
   const fetchedRef = useRef14(false);
-  useEffect28(() => {
+  useEffect30(() => {
     if (fetchedRef.current) return;
     fetchedRef.current = true;
     const fetchDatabases = async () => {
@@ -14000,11 +14200,11 @@ var DatabaseListField = ({ propertyKey, label, value, onChange, token }) => {
   ] }, propertyKey) });
 };
 var MetricsListField = ({ propertyKey, label, value, onChange, token }) => {
-  const [servers, setServers] = useState42([]);
-  const [loading, setLoading] = useState42(false);
+  const [servers, setServers] = useState43([]);
+  const [loading, setLoading] = useState43(false);
   const { get } = useApi();
   const fetchedRef = useRef14(false);
-  useEffect28(() => {
+  useEffect30(() => {
     if (fetchedRef.current) return;
     fetchedRef.current = true;
     const fetchMetricsServers = async () => {
@@ -14116,7 +14316,7 @@ var MetricsListField = ({ propertyKey, label, value, onChange, token }) => {
 };
 var TopologyEdgeField = ({ propertyKey, label, value, onChange, token }) => {
   const edges = Array.isArray(value) ? value : [];
-  const [newEdge, setNewEdge] = useState42({ from: "", to: "", purpose: "" });
+  const [newEdge, setNewEdge] = useState43({ from: "", to: "", purpose: "" });
   const handleAdd = () => {
     if (!newEdge.from.trim() || !newEdge.to.trim() || !newEdge.purpose.trim()) return;
     onChange([...edges, { ...newEdge }]);
@@ -14209,7 +14409,7 @@ var TopologyEdgeField = ({ propertyKey, label, value, onChange, token }) => {
   ] }, propertyKey) });
 };
 var MiddlewareSectionCard = ({ middleware, middlewareType, onToggle, onConfigChange, token }) => {
-  const [expanded, setExpanded] = useState42(middleware.enabled);
+  const [expanded, setExpanded] = useState43(middleware.enabled);
   const getIcon = () => {
     switch (middleware.type) {
       case "browser":
@@ -14375,17 +14575,17 @@ var AgentConfigPanel = ({
   const { token } = theme6.useToken();
   const { config } = useLatticeChatShellContext();
   const { get } = useApi();
-  const [toolsLoading, setToolsLoading] = useState42(false);
-  const [saving, setSaving] = useState42(false);
-  const [deleting, setDeleting] = useState42(false);
-  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState42(false);
-  const [tools, setTools] = useState42([]);
-  const [selectedTools, setSelectedTools] = useState42([]);
-  const [selectedSubAgents, setSelectedSubAgents] = useState42([]);
-  const [agentPrompt, setAgentPrompt] = useState42("");
-  const [isPromptModalOpen, setIsPromptModalOpen] = useState42(false);
-  const [agentType, setAgentType] = useState42("react");
-  const [middleware, setMiddleware] = useState42([]);
+  const [toolsLoading, setToolsLoading] = useState43(false);
+  const [saving, setSaving] = useState43(false);
+  const [deleting, setDeleting] = useState43(false);
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState43(false);
+  const [tools, setTools] = useState43([]);
+  const [selectedTools, setSelectedTools] = useState43([]);
+  const [selectedSubAgents, setSelectedSubAgents] = useState43([]);
+  const [agentPrompt, setAgentPrompt] = useState43("");
+  const [isPromptModalOpen, setIsPromptModalOpen] = useState43(false);
+  const [agentType, setAgentType] = useState43("react");
+  const [middleware, setMiddleware] = useState43([]);
   const parsedConfig = useMemo12(() => {
     if (!assistant?.graphDefinition) {
       return null;
@@ -14450,7 +14650,7 @@ var AgentConfigPanel = ({
       setToolsLoading(false);
     }
   }, [get, visible]);
-  useEffect28(() => {
+  useEffect30(() => {
     if (visible && assistant) {
       fetchTools();
       if (parsedConfig) {
@@ -15106,7 +15306,7 @@ var AgentConfigPanel = ({
 var AgentConfigPanel_default = AgentConfigPanel;
 
 // src/components/Chat/CreateAssistantModal.tsx
-import { useState as useState44, useCallback as useCallback26 } from "react";
+import { useState as useState45, useCallback as useCallback26 } from "react";
 import {
   Modal as Modal7,
   Form as Form5,
@@ -15122,7 +15322,7 @@ import {
 import { PlusOutlined as PlusOutlined3, ForkOutlined as ForkOutlined2 } from "@ant-design/icons";
 
 // src/components/Chat/ParentAgentSelector.tsx
-import { useEffect as useEffect29, useState as useState43 } from "react";
+import { useEffect as useEffect31, useState as useState44 } from "react";
 import { Select as Select5, Typography as Typography22 } from "antd";
 import { jsx as jsx64, jsxs as jsxs39 } from "react/jsx-runtime";
 var { Text: Text19 } = Typography22;
@@ -15131,10 +15331,10 @@ var ParentAgentSelector = ({
   value,
   placeholder = "Select a parent agent to extend..."
 }) => {
-  const [assistants, setAssistants] = useState43([]);
-  const [loading, setLoading] = useState43(false);
+  const [assistants, setAssistants] = useState44([]);
+  const [loading, setLoading] = useState44(false);
   const { get } = useApi();
-  useEffect29(() => {
+  useEffect31(() => {
     const fetchAssistants = async () => {
       setLoading(true);
       try {
@@ -15274,10 +15474,10 @@ var CreateAssistantModal = ({
   onSuccess
 }) => {
   const [form] = Form5.useForm();
-  const [loading, setLoading] = useState44(false);
-  const [creationMode, setCreationMode] = useState44("scratch");
-  const [parentAssistant, setParentAssistant] = useState44(null);
-  const [subAgentDecisions, setSubAgentDecisions] = useState44([]);
+  const [loading, setLoading] = useState45(false);
+  const [creationMode, setCreationMode] = useState45("scratch");
+  const [parentAssistant, setParentAssistant] = useState45(null);
+  const [subAgentDecisions, setSubAgentDecisions] = useState45([]);
   const { get, post } = useApi();
   const { token } = theme8.useToken();
   const resetExtendState = useCallback26(() => {
@@ -15666,11 +15866,11 @@ var AssistantFlowInner = ({ onChat }) => {
   const { setCenter, fitView } = useReactFlow();
   const [nodes, setNodes, onNodesChange] = useNodesState([]);
   const [edges, setEdges, onEdgesChange] = useEdgesState([]);
-  const [assistants, setAssistants] = useState45([]);
-  const [assistantsLoading, setAssistantsLoading] = useState45(false);
-  const [configPanelVisible, setConfigPanelVisible] = useState45(false);
-  const [selectedAssistant, setSelectedAssistant] = useState45(null);
-  const [isCreateModalOpen, setIsCreateModalOpen] = useState45(false);
+  const [assistants, setAssistants] = useState46([]);
+  const [assistantsLoading, setAssistantsLoading] = useState46(false);
+  const [configPanelVisible, setConfigPanelVisible] = useState46(false);
+  const [selectedAssistant, setSelectedAssistant] = useState46(null);
+  const [isCreateModalOpen, setIsCreateModalOpen] = useState46(false);
   const { get, del, put } = useApi();
   const { config } = useLatticeChatShellContext();
   const { token } = theme9.useToken();
@@ -15718,10 +15918,10 @@ var AssistantFlowInner = ({ onChat }) => {
       setAssistantsLoading(false);
     }
   };
-  useEffect30(() => {
+  useEffect32(() => {
     fetchAssistants();
   }, []);
-  useEffect30(() => {
+  useEffect32(() => {
     if (!assistants || assistants.length === 0) {
       setNodes([]);
       setEdges([]);
@@ -15985,7 +16185,7 @@ var AssistantFlowInner = ({ onChat }) => {
     });
     lastCreatedAssistantRef.current = createdAssistant;
   };
-  useEffect30(() => {
+  useEffect32(() => {
     if (selectedAssistant) {
       const node = nodes.find((n) => n.id === selectedAssistant.id);
       if (node) {
@@ -15993,7 +16193,7 @@ var AssistantFlowInner = ({ onChat }) => {
       }
     }
   }, [selectedAssistant, nodes, setCenter]);
-  useEffect30(() => {
+  useEffect32(() => {
     if (assistants.length > 0 && selectedAssistant) {
       const assistant = assistants.find((a) => a.id === selectedAssistant.id);
       if (assistant && !configPanelVisible) {
@@ -16002,7 +16202,7 @@ var AssistantFlowInner = ({ onChat }) => {
     }
   }, [assistants, selectedAssistant, configPanelVisible]);
   const lastCreatedAssistantRef = useRef15(null);
-  useEffect30(() => {
+  useEffect32(() => {
     if (lastCreatedAssistantRef.current && !assistants.find((a) => a.id === lastCreatedAssistantRef.current?.id)) {
       lastCreatedAssistantRef.current = null;
     }
@@ -16117,7 +16317,7 @@ var AssistantFlow = (props) => /* @__PURE__ */ jsx67(ReactFlowProvider, { childr
 var AssistantFlow_default = AssistantFlow;
 
 // src/components/Chat/SkillFlow.tsx
-import { useMemo as useMemo15, useEffect as useEffect32, useState as useState48 } from "react";
+import { useMemo as useMemo15, useEffect as useEffect34, useState as useState49 } from "react";
 import {
   ReactFlow as ReactFlow2,
   Background as Background2,
@@ -16131,7 +16331,7 @@ import { Button as Button33, theme as theme12 } from "antd";
 import { PlusOutlined as PlusOutlined7 } from "@ant-design/icons";
 
 // src/components/Chat/SkillNode.tsx
-import { useEffect as useEffect31, useMemo as useMemo14, useState as useState46 } from "react";
+import { useEffect as useEffect33, useMemo as useMemo14, useState as useState47 } from "react";
 import { Handle as Handle2, Position as Position2 } from "@xyflow/react";
 import {
   Avatar as Avatar5,
@@ -16196,7 +16396,7 @@ var SkillNode = ({ data }) => {
   if (!skill) {
     return null;
   }
-  const [currentSkill, setCurrentSkill] = useState46(skill);
+  const [currentSkill, setCurrentSkill] = useState47(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;
@@ -16218,20 +16418,20 @@ var SkillNode = ({ data }) => {
   const handleCopy = (text) => {
     navigator.clipboard.writeText(text);
   };
-  const [isEditing, setIsEditing] = useState46(false);
-  const [draftSkill, setDraftSkill] = useState46({
+  const [isEditing, setIsEditing] = useState47(false);
+  const [draftSkill, setDraftSkill] = useState47({
     ...skill,
     id: skill.name
   });
-  const [metadataRows, setMetadataRows] = useState46(
+  const [metadataRows, setMetadataRows] = useState47(
     metadataEntries.map(([key, value]) => ({
       key,
       value
     }))
   );
-  const [isModalOpen, setIsModalOpen] = useState46(false);
-  const [saving, setSaving] = useState46(false);
-  useEffect31(() => {
+  const [isModalOpen, setIsModalOpen] = useState47(false);
+  const [saving, setSaving] = useState47(false);
+  useEffect33(() => {
     setIsEditing(false);
     setCurrentSkill(skill);
     setDraftSkill({ ...skill, id: skill.name });
@@ -17334,7 +17534,7 @@ var SkillNode = ({ data }) => {
 var SkillNode_default = SkillNode;
 
 // src/components/Chat/CreateSkillModal.tsx
-import { useState as useState47 } from "react";
+import { useState as useState48 } from "react";
 import {
   Modal as Modal9,
   Form as Form6,
@@ -17356,11 +17556,11 @@ var CreateSkillModal = ({
   onSuccess
 }) => {
   const [form] = Form6.useForm();
-  const [loading, setLoading] = useState47(false);
+  const [loading, setLoading] = useState48(false);
   const { post } = useApi();
   const { token } = theme11.useToken();
   const defaultMetadataRows = [{ key: "category", value: "global" }];
-  const [metadataRows, setMetadataRows] = useState47(defaultMetadataRows);
+  const [metadataRows, setMetadataRows] = useState48(defaultMetadataRows);
   const handleSubmit = async () => {
     try {
       const values = await form.validateFields();
@@ -17630,9 +17830,9 @@ import { jsx as jsx70, jsxs as jsxs45 } from "react/jsx-runtime";
 var SkillFlowInner = ({ onNodeClick }) => {
   const [nodes, setNodes, onNodesChange] = useNodesState2([]);
   const [edges, setEdges, onEdgesChange] = useEdgesState2([]);
-  const [isCreateModalOpen, setIsCreateModalOpen] = useState48(false);
-  const [skills, setSkills] = useState48([]);
-  const [skillsLoading, setSkillsLoading] = useState48(false);
+  const [isCreateModalOpen, setIsCreateModalOpen] = useState49(false);
+  const [skills, setSkills] = useState49([]);
+  const [skillsLoading, setSkillsLoading] = useState49(false);
   const { token } = theme12.useToken();
   const { get } = useApi();
   const nodeTypes2 = useMemo15(
@@ -17655,10 +17855,10 @@ var SkillFlowInner = ({ onNodeClick }) => {
       setSkillsLoading(false);
     }
   };
-  useEffect32(() => {
+  useEffect34(() => {
     fetchSkills();
   }, []);
-  useEffect32(() => {
+  useEffect34(() => {
     if (!skills || skills.length === 0) {
       setNodes([]);
       setEdges([]);
@@ -17867,7 +18067,7 @@ var SkillFlow_default = SkillFlow;
 // src/components/Chat/ToolsList.tsx
 import { List as List6, Avatar as Avatar6, theme as theme13, Alert as Alert7, Button as Button34, Tag as Tag13 } from "antd";
 import { ReloadOutlined } from "@ant-design/icons";
-import { useEffect as useEffect33, useState as useState49, useCallback as useCallback28 } from "react";
+import { useEffect as useEffect35, useState as useState50, useCallback as useCallback28 } from "react";
 import { jsx as jsx71, jsxs as jsxs46 } from "react/jsx-runtime";
 var ToolsList = ({
   onToolSelect,
@@ -17875,12 +18075,12 @@ var ToolsList = ({
 }) => {
   const { token } = theme13.useToken();
   const { get } = useApi();
-  const [state, setState] = useState49({
+  const [state, setState] = useState50({
     tools: [],
     isLoading: false,
     error: null
   });
-  const [selectedToolId, setSelectedToolId] = useState49(null);
+  const [selectedToolId, setSelectedToolId] = useState50(null);
   const fetchTools = useCallback28(async () => {
     setState((prev) => ({ ...prev, isLoading: true, error: null }));
     try {
@@ -17913,7 +18113,7 @@ var ToolsList = ({
   const handleRefresh = useCallback28(() => {
     fetchTools();
   }, [fetchTools]);
-  useEffect33(() => {
+  useEffect35(() => {
     if (autoLoad) {
       fetchTools();
     }
@@ -18103,7 +18303,7 @@ var ToolsList = ({
 };
 
 // src/components/Chat/TopologyAutomationView.tsx
-import { useEffect as useEffect35, useState as useState50, useCallback as useCallback29, useMemo as useMemo17 } from "react";
+import { useEffect as useEffect37, useState as useState51, useCallback as useCallback29, useMemo as useMemo17 } from "react";
 import {
   ReactFlow as ReactFlow3,
   Background as Background3,
@@ -18355,7 +18555,7 @@ var CopilotPanel = ({
 };
 
 // src/components/Chat/CreateWorkflowModal.tsx
-import { useEffect as useEffect34 } from "react";
+import { useEffect as useEffect36 } from "react";
 import { Modal as Modal10, Form as Form7, Input as Input13 } from "antd";
 import { jsx as jsx74 } from "react/jsx-runtime";
 function extractName(purpose) {
@@ -18380,7 +18580,7 @@ var CreateWorkflowModal = ({
 }) => {
   const { post } = useApi();
   const [form] = Form7.useForm();
-  useEffect34(() => {
+  useEffect36(() => {
     if (open) {
       form.resetFields();
     }
@@ -18570,9 +18770,9 @@ function TopologyFlowInner({
 }) {
   const [nodes, setNodes, onNodesChange] = useNodesState3(initialNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState3(initialEdges);
-  const [specModalOpen, setSpecModalOpen] = useState50(false);
+  const [specModalOpen, setSpecModalOpen] = useState51(false);
   const nodeTypes2 = useMemo17(() => ({ topologyNode: TopologyNode_default }), []);
-  useEffect35(() => {
+  useEffect37(() => {
     setNodes(initialNodes);
     setEdges(initialEdges);
   }, [initialNodes, initialEdges, setNodes, setEdges]);
@@ -18780,14 +18980,14 @@ function TopologyFlowInner({
 }
 var TopologyAutomationView = () => {
   const { get, del } = useApi();
-  const [agents, setAgents] = useState50([]);
-  const [agentNameMap, setAgentNameMap] = useState50(/* @__PURE__ */ new Map());
-  const [selectedWorkflowId, setSelectedWorkflowId] = useState50(null);
-  const [copilotOpen, setCopilotOpen] = useState50(true);
-  const [initialLoading, setInitialLoading] = useState50(true);
-  const [error, setError] = useState50(null);
-  const [isCreateModalOpen, setIsCreateModalOpen] = useState50(false);
-  const [initialMessage, setInitialMessage] = useState50(null);
+  const [agents, setAgents] = useState51([]);
+  const [agentNameMap, setAgentNameMap] = useState51(/* @__PURE__ */ new Map());
+  const [selectedWorkflowId, setSelectedWorkflowId] = useState51(null);
+  const [copilotOpen, setCopilotOpen] = useState51(true);
+  const [initialLoading, setInitialLoading] = useState51(true);
+  const [error, setError] = useState51(null);
+  const [isCreateModalOpen, setIsCreateModalOpen] = useState51(false);
+  const [initialMessage, setInitialMessage] = useState51(null);
   const workflowTools = useMemo17(
     () => [
       "create_agent",
@@ -18822,7 +19022,7 @@ var TopologyAutomationView = () => {
     }
     setError(null);
   }, [get]);
-  useEffect35(() => {
+  useEffect37(() => {
     let cancelled = false;
     const load = async () => {
       try {
@@ -18991,7 +19191,7 @@ var TopologyAutomationView = () => {
 };
 
 // src/components/Chat/TopologyRuntimeView.tsx
-import { useEffect as useEffect36, useState as useState51, useMemo as useMemo18, useCallback as useCallback30, useRef as useRef16 } from "react";
+import { useEffect as useEffect38, useState as useState52, useMemo as useMemo18, useCallback as useCallback30, useRef as useRef16 } from "react";
 import {
   Spin as Spin9,
   Empty as Empty6,
@@ -19305,16 +19505,16 @@ function FlowCanvas({ steps }) {
   const initialEdges = useEdgesFromSteps(steps);
   const [nodes, setNodes, onNodesChange] = useNodesState4(initialNodes);
   const [edges, setEdges, onEdgesChange] = useEdgesState4(initialEdges);
-  const [selectedNodeId, setSelectedNodeId] = useState51(null);
+  const [selectedNodeId, setSelectedNodeId] = useState52(null);
   const selectedStep = useMemo18(
     () => steps.find((s) => s.id === selectedNodeId) || null,
     [steps, selectedNodeId]
   );
-  useEffect36(() => {
+  useEffect38(() => {
     setNodes(initialNodes);
     setEdges(initialEdges);
   }, [initialNodes, initialEdges, setNodes, setEdges]);
-  useEffect36(() => {
+  useEffect38(() => {
     if (selectedNodeId) {
       setNodes(
         (nds) => nds.map((n) => ({
@@ -19509,8 +19709,8 @@ function RunSummaryBanner({ run, agentName }) {
 }
 var RunDetail = ({ run, agentName, open, onClose, onRunUpdate, autoRefresh, onAutoRefreshChange }) => {
   const { get } = useApi();
-  const [steps, setSteps] = useState51([]);
-  const [loading, setLoading] = useState51(false);
+  const [steps, setSteps] = useState52([]);
+  const [loading, setLoading] = useState52(false);
   const stepsPollTimeoutRef = useRef16(null);
   const stepsPollSessionRef = useRef16(0);
   const fetchSteps = useCallback30(async () => {
@@ -19531,12 +19731,12 @@ var RunDetail = ({ run, agentName, open, onClose, onRunUpdate, autoRefresh, onAu
     } catch {
     }
   }, [get, run.id, onRunUpdate]);
-  useEffect36(() => {
+  useEffect38(() => {
     if (!open) return;
     setLoading(true);
     fetchSteps().finally(() => setLoading(false));
   }, [open, run.id, fetchSteps]);
-  useEffect36(() => {
+  useEffect38(() => {
     if (stepsPollTimeoutRef.current) {
       clearTimeout(stepsPollTimeoutRef.current);
       stepsPollTimeoutRef.current = null;
@@ -19598,12 +19798,12 @@ var RunDetail = ({ run, agentName, open, onClose, onRunUpdate, autoRefresh, onAu
 var POLLING_INTERVAL = 3e3;
 var TopologyRuntimeView = () => {
   const { get, del } = useApi();
-  const [runs, setRuns] = useState51([]);
-  const [agentNames, setAgentNames] = useState51({});
-  const [loading, setLoading] = useState51(true);
-  const [error, setError] = useState51(null);
-  const [selectedRun, setSelectedRun] = useState51(null);
-  const [autoRefresh, setAutoRefresh] = useState51(true);
+  const [runs, setRuns] = useState52([]);
+  const [agentNames, setAgentNames] = useState52({});
+  const [loading, setLoading] = useState52(true);
+  const [error, setError] = useState52(null);
+  const [selectedRun, setSelectedRun] = useState52(null);
+  const [autoRefresh, setAutoRefresh] = useState52(true);
   const pollingSessionRef = useRef16(0);
   const handleRunUpdate = useCallback30((updated) => {
     setRuns(
@@ -19650,7 +19850,7 @@ var TopologyRuntimeView = () => {
       setLoading(false);
     }
   }, [get]);
-  useEffect36(() => {
+  useEffect38(() => {
     let cancelled = false;
     const init2 = async () => {
       try {
@@ -19686,7 +19886,7 @@ var TopologyRuntimeView = () => {
       cancelled = true;
     };
   }, [get]);
-  useEffect36(() => {
+  useEffect38(() => {
     return () => {
       pollingSessionRef.current = 0;
     };
@@ -19794,15 +19994,15 @@ var TopologyRuntimeView = () => {
 };
 
 // src/components/Chat/TopologyInboxView.tsx
-import { useEffect as useEffect37, useState as useState52 } from "react";
+import { useEffect as useEffect39, useState as useState53 } from "react";
 import { Card as Card18, Typography as Typography31, Spin as Spin10, Empty as Empty7, List as List8, Button as Button37, Space as Space24, Tag as Tag17 } from "antd";
 import { InboxOutlined, ReloadOutlined as ReloadOutlined3 } from "@ant-design/icons";
 import { jsx as jsx77, jsxs as jsxs51 } from "react/jsx-runtime";
 var { Text: Text28, Title: Title6 } = Typography31;
 var TopologyInboxView = () => {
   const { get } = useApi();
-  const [items, setItems] = useState52([]);
-  const [loading, setLoading] = useState52(true);
+  const [items, setItems] = useState53([]);
+  const [loading, setLoading] = useState53(true);
   const fetchInbox = async () => {
     setLoading(true);
     try {
@@ -19829,7 +20029,7 @@ var TopologyInboxView = () => {
       setLoading(false);
     }
   };
-  useEffect37(() => {
+  useEffect39(() => {
     fetchInbox();
   }, [get]);
   return /* @__PURE__ */ jsxs51("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
@@ -19912,7 +20112,7 @@ var TopologyInboxView = () => {
 };
 
 // src/components/Eval/EvalPanel.tsx
-import React41, { useState as useState55, useMemo as useMemo19 } from "react";
+import React41, { useState as useState56, useMemo as useMemo19 } from "react";
 import { createStyles as createStyles22 } from "antd-style";
 import { Button as Button40, Card as Card22, Typography as Typography35, Row as Row3, Col as Col3, Tag as Tag20, theme as theme15, Dropdown as Dropdown2, Popconfirm as Popconfirm9, message as message14 } from "antd";
 import { Play as Play2, FlaskConical as FlaskConical2, TestTube2 as TestTube26, TrendingUp, CheckCircle as CheckCircle2, XCircle as XCircle2, ArrowRight as ArrowRight2, ChevronDown as ChevronDown3, Trash2 as Trash27, Clock } from "lucide-react";
@@ -20029,7 +20229,7 @@ var EvalSuiteCardList = ({ projectId, onSelectSuite }) => {
 };
 
 // src/components/Eval/EvalSuiteDetail.tsx
-import { useState as useState53 } from "react";
+import { useState as useState54 } from "react";
 import { createStyles as createStyles20 } from "antd-style";
 import { Button as Button38, Card as Card20, Typography as Typography33, Modal as Modal12, Form as Form8, Input as Input14, Select as Select6, Table as Table3, Popconfirm as Popconfirm7, Empty as Empty9 } from "antd";
 import { Play, Plus as Plus6, Trash2 as Trash25, Bot, MessageSquare, FlaskConical } from "lucide-react";
@@ -20133,9 +20333,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] = useState53(false);
+  const [modalOpen, setModalOpen] = useState54(false);
   const [form] = Form8.useForm();
-  const [agents, setAgents] = useState53([]);
+  const [agents, setAgents] = useState54([]);
   const suite = suites.find((s) => s.id === suiteId) || {};
   const loadAgents = async () => {
     try {
@@ -20268,7 +20468,7 @@ var EvalSuiteDetail = ({ projectId, suiteId, onBack, onRun }) => {
 };
 
 // src/components/Eval/EvalRunResults.tsx
-import { useEffect as useEffect38, useState as useState54 } from "react";
+import { useEffect as useEffect40, useState as useState55 } from "react";
 import { createStyles as createStyles21 } from "antd-style";
 import { Button as Button39, Card as Card21, Typography as Typography34, Progress as Progress4, Tag as Tag19, Table as Table4, Empty as Empty10, Popconfirm as Popconfirm8, message as message13 } from "antd";
 import { CheckCircle, XCircle, Trash2 as Trash26 } from "lucide-react";
@@ -20357,9 +20557,9 @@ var useStyle11 = createStyles21(({ token, css }) => ({
 var EvalRunResults = ({ runId, onBack }) => {
   const { styles } = useStyle11();
   const client = useClient("__GLOBAL__");
-  const [run, setRun] = useState54(null);
+  const [run, setRun] = useState55(null);
   const { status: streamingStatus, progress, connected } = useEvalRunStream(runId);
-  useEffect38(() => {
+  useEffect40(() => {
     client.eval.runs.get(runId).then(setRun).catch(console.error);
   }, [runId, client]);
   if (!run) {
@@ -20710,10 +20910,10 @@ var EvalPanel = () => {
   const { styles, cx } = useStyle12();
   const { token } = theme15.useToken();
   const { projects } = useEvalProjects();
-  const [projectId, setProjectId] = useState55("");
-  const [page, setPage] = useState55("dashboard");
-  const [suiteId, setSuiteId] = useState55("");
-  const [runId, setRunId] = useState55("");
+  const [projectId, setProjectId] = useState56("");
+  const [page, setPage] = useState56("dashboard");
+  const [suiteId, setSuiteId] = useState56("");
+  const [runId, setRunId] = useState56("");
   React41.useEffect(() => {
     if (!projectId && projects.length > 0) {
       setProjectId(projects[0].id);
@@ -20901,8 +21101,8 @@ var EvalPanel = () => {
     ] });
   }
   const SuiteListPage = () => {
-    const [showAdd, setShowAdd] = useState55(false);
-    const [name, setName] = useState55("");
+    const [showAdd, setShowAdd] = useState56(false);
+    const [name, setName] = useState56("");
     const { create } = useEvalSuites(projectId);
     const handleAdd = async () => {
       if (!name.trim()) return;
@@ -21086,7 +21286,7 @@ var WorkspaceResourceManager = ({
   const { openContentApp, menuCollapsed, setMenuCollapsed } = useChatUIContext();
   const hasOpenedDefault = useRef17(false);
   const hasRegistered = useRef17(false);
-  useEffect39(() => {
+  useEffect41(() => {
     if (!hasRegistered.current) {
       hasRegistered.current = true;
       regsiterElement("workspace_projects", {
@@ -21145,8 +21345,8 @@ var WorkspaceResourceManager = ({
   const { user, logout, tenants, currentTenant, selectTenant, isLoading } = useAuth();
   const { setWorkspace, setProject } = useWorkspaceContext();
   const { config } = useLatticeChatShellContext();
-  const [tenantModalOpen, setTenantModalOpen] = useState56(false);
-  const [changePasswordOpen, setChangePasswordOpen] = useState56(false);
+  const [tenantModalOpen, setTenantModalOpen] = useState57(false);
+  const [changePasswordOpen, setChangePasswordOpen] = useState57(false);
   const menuItems = useMemo20(() => {
     const items = config.workspaceMenuItems?.length ? [...config.workspaceMenuItems] : [...DEFAULT_WORKSPACE_MENU_ITEMS];
     return items.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
@@ -21178,7 +21378,7 @@ var WorkspaceResourceManager = ({
       });
     }
   };
-  useEffect39(() => {
+  useEffect41(() => {
     if (!hasOpenedDefault.current && menuItems.length > 0) {
       hasOpenedDefault.current = true;
       const firstRoute = menuItems.find((item) => item.type === "route");
@@ -21394,8 +21594,8 @@ var WorkspaceContextProvider = ({
     }
     return null;
   };
-  const [workspaceId, setWorkspaceId] = useState57(getInitialWorkspaceId);
-  const [projectId, setProjectId] = useState57(getInitialProjectId);
+  const [workspaceId, setWorkspaceId] = useState58(getInitialWorkspaceId);
+  const [projectId, setProjectId] = useState58(getInitialProjectId);
   React43.useEffect(() => {
     const wsId = getInitialWorkspaceId();
     const pjId = getInitialProjectId();
@@ -21403,13 +21603,13 @@ var WorkspaceContextProvider = ({
       Client2.setWorkspaceContext(wsId || void 0, pjId || void 0);
     }
   }, []);
-  useEffect40(() => {
+  useEffect42(() => {
     Client2.setWorkspaceContext(workspaceId || void 0, projectId || void 0);
   }, [workspaceId, projectId]);
-  const [workspaces, setWorkspaces] = useState57([]);
-  const [projects, setProjects] = useState57([]);
-  const [loading, setLoading] = useState57(false);
-  const [error, setError] = useState57(null);
+  const [workspaces, setWorkspaces] = useState58([]);
+  const [projects, setProjects] = useState58([]);
+  const [loading, setLoading] = useState58(false);
+  const [error, setError] = useState58(null);
   const client = React43.useMemo(() => {
     const authApiKey = isAuthenticated ? sessionStorage.getItem("lattice_token") || config.apiKey || "" : config.apiKey || "";
     return new WorkspaceClient({
@@ -21430,7 +21630,7 @@ var WorkspaceContextProvider = ({
     setWorkspaces([]);
     resetSelectedWorkspace();
   }, [resetSelectedWorkspace, setWorkspaces]);
-  useEffect40(() => {
+  useEffect42(() => {
     resetWS();
     refreshWorkspaces();
   }, [tenantId]);
@@ -21463,28 +21663,28 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, workspaceId]);
-  useEffect40(() => {
+  useEffect42(() => {
     if (workspaceId && typeof window !== "undefined") {
       sessionStorage.setItem("workspaceId", workspaceId);
     }
   }, [workspaceId]);
-  useEffect40(() => {
+  useEffect42(() => {
     if (projectId && typeof window !== "undefined") {
       sessionStorage.setItem("projectId", projectId);
     }
   }, [projectId]);
-  useEffect40(() => {
+  useEffect42(() => {
     refreshWorkspaces().catch((err) => {
       console.warn("Failed to load workspaces:", err);
     });
   }, [refreshWorkspaces]);
-  useEffect40(() => {
+  useEffect42(() => {
     if (workspaces.length > 0 && !workspaceId) {
       const firstWorkspace = workspaces[0];
       setWorkspaceId(firstWorkspace.id);
     }
   }, [workspaces, workspaceId]);
-  useEffect40(() => {
+  useEffect42(() => {
     if (workspaceId) {
       refreshProjects(workspaceId);
     } else {
@@ -21700,15 +21900,15 @@ var WorkspaceContextProvider = ({
 };
 
 // src/components/Chat/DatabasePicker.tsx
-import { useRef as useRef18, useState as useState58 } from "react";
+import { useRef as useRef18, useState as useState59 } from "react";
 import { Modal as Modal14, List as List9, Checkbox as Checkbox5, Spin as Spin12, Empty as Empty11, Typography as Typography36, Button as Button42, Space as Space25, Tooltip as Tooltip14 } from "antd";
 import { Database as Database5 } from "lucide-react";
 import { Fragment as Fragment14, jsx as jsx84, jsxs as jsxs57 } from "react/jsx-runtime";
 var DatabasePicker = ({ senderRef, iconOnly }) => {
-  const [modalOpen, setModalOpen] = useState58(false);
-  const [databases, setDatabases] = useState58([]);
-  const [loading, setLoading] = useState58(false);
-  const [selectedDatabases, setSelectedDatabases] = useState58([]);
+  const [modalOpen, setModalOpen] = useState59(false);
+  const [databases, setDatabases] = useState59([]);
+  const [loading, setLoading] = useState59(false);
+  const [selectedDatabases, setSelectedDatabases] = useState59([]);
   const { get } = useApi();
   const fetchedRef = useRef18(false);
   const loadDatabases = async () => {
@@ -21850,15 +22050,15 @@ var DatabasePicker = ({ senderRef, iconOnly }) => {
 };
 
 // src/components/Chat/SkillPicker.tsx
-import { useRef as useRef19, useState as useState59 } from "react";
+import { useRef as useRef19, useState as useState60 } from "react";
 import { Modal as Modal15, List as List10, Checkbox as Checkbox6, Spin as Spin13, Empty as Empty12, Typography as Typography37, Button as Button43, Space as Space26, Tooltip as Tooltip15 } from "antd";
 import { BrainCircuit } from "lucide-react";
 import { Fragment as Fragment15, jsx as jsx85, jsxs as jsxs58 } from "react/jsx-runtime";
 var SkillPicker = ({ senderRef, iconOnly }) => {
-  const [modalOpen, setModalOpen] = useState59(false);
-  const [skills, setSkills] = useState59([]);
-  const [loading, setLoading] = useState59(false);
-  const [selectedSkills, setSelectedSkills] = useState59([]);
+  const [modalOpen, setModalOpen] = useState60(false);
+  const [skills, setSkills] = useState60([]);
+  const [loading, setLoading] = useState60(false);
+  const [selectedSkills, setSelectedSkills] = useState60([]);
   const { get } = useApi();
   const fetchedRef = useRef19(false);
   const loadSkills = async () => {
@@ -22000,14 +22200,14 @@ var SkillPicker = ({ senderRef, iconOnly }) => {
 };
 
 // src/components/Chat/AgentPicker.tsx
-import { useRef as useRef20, useState as useState60 } from "react";
+import { useRef as useRef20, useState as useState61 } from "react";
 import { Modal as Modal16, List as List11, Empty as Empty13, Typography as Typography38, Button as Button44, Tooltip as Tooltip16 } from "antd";
 import { Bot as Bot3 } from "lucide-react";
 import { Fragment as Fragment16, jsx as jsx86, jsxs as jsxs59 } from "react/jsx-runtime";
 var AgentPicker = ({ senderRef, iconOnly }) => {
-  const [modalOpen, setModalOpen] = useState60(false);
-  const [loading, setLoading] = useState60(false);
-  const [selectedAgent, setSelectedAgent] = useState60(null);
+  const [modalOpen, setModalOpen] = useState61(false);
+  const [loading, setLoading] = useState61(false);
+  const [selectedAgent, setSelectedAgent] = useState61(null);
   const { assistants, currentAssistant, selectAssistant } = useAssistantContext();
   const fetchedRef = useRef20(false);
   const handleOpenModal = () => {
@@ -22116,7 +22316,7 @@ var AgentPicker = ({ senderRef, iconOnly }) => {
 };
 
 // src/components/Chat/MetricsDataSourcePicker.tsx
-import { useEffect as useEffect42, useState as useState61, useRef as useRef21 } from "react";
+import { useEffect as useEffect44, useState as useState62, useRef as useRef21 } from "react";
 import { Modal as Modal17, List as List12, Spin as Spin15, Empty as Empty14, Typography as Typography39, Button as Button45, Tag as Tag21, Tooltip as Tooltip17 } from "antd";
 import { Database as Database6, Check as Check4, Server as Server3 } from "lucide-react";
 import { Fragment as Fragment17, jsx as jsx87, jsxs as jsxs60 } from "react/jsx-runtime";
@@ -22125,9 +22325,9 @@ var MetricsDataSourcePicker = ({
   senderRef,
   iconOnly
 }) => {
-  const [modalOpen, setModalOpen] = useState61(false);
-  const [loading, setLoading] = useState61(false);
-  const [dataSources, setDataSources] = useState61([]);
+  const [modalOpen, setModalOpen] = useState62(false);
+  const [loading, setLoading] = useState62(false);
+  const [dataSources, setDataSources] = useState62([]);
   const { config } = useLatticeChatShellContext();
   const { customRunConfig, updateCustomRunConfig } = useConversationContext();
   const { get } = useApi();
@@ -22205,7 +22405,7 @@ var MetricsDataSourcePicker = ({
       console.error("Failed to save datasource to sessionStorage:", error);
     }
   };
-  useEffect42(() => {
+  useEffect44(() => {
     if (hasInitializedRef.current) return;
     hasInitializedRef.current = true;
     loadDataSources().then(() => {
@@ -22456,7 +22656,7 @@ var MetricsDataSourcePicker = ({
 };
 
 // src/components/Chat/ModelSelector.tsx
-import { useState as useState62, useEffect as useEffect43, useCallback as useCallback32, useRef as useRef22 } from "react";
+import { useState as useState63, useEffect as useEffect45, useCallback as useCallback32, useRef as useRef22 } from "react";
 import { Select as Select7 } from "antd";
 import { jsx as jsx88 } from "react/jsx-runtime";
 var ModelSelector = ({
@@ -22465,11 +22665,11 @@ var ModelSelector = ({
   defaultModelKey = "default",
   style
 }) => {
-  const [models, setModels] = useState62([]);
-  const [isLoading, setIsLoading] = useState62(false);
-  const [internalValue, setInternalValue] = useState62(null);
-  const [dropdownOpen, setDropdownOpen] = useState62(false);
-  const [isHovered, setIsHovered] = useState62(false);
+  const [models, setModels] = useState63([]);
+  const [isLoading, setIsLoading] = useState63(false);
+  const [internalValue, setInternalValue] = useState63(null);
+  const [dropdownOpen, setDropdownOpen] = useState63(false);
+  const [isHovered, setIsHovered] = useState63(false);
   const hasFetchedRef = useRef22(false);
   const hasSetDefaultRef = useRef22(false);
   const { get } = useApi();
@@ -22501,7 +22701,7 @@ var ModelSelector = ({
       setIsLoading(false);
     }
   }, [get, defaultModelKey]);
-  useEffect43(() => {
+  useEffect45(() => {
     fetchModels();
   }, [fetchModels]);
   const handleChange = (modelKey) => {
@@ -22564,7 +22764,7 @@ import {
 } from "@ant-design/icons";
 import { Prompts } from "@ant-design/x";
 import { Space as Space28, Typography as Typography40, Spin as Spin16 } from "antd";
-import { useEffect as useEffect44, useState as useState63, useMemo as useMemo21 } from "react";
+import { useEffect as useEffect46, useState as useState64, useMemo as useMemo21 } from "react";
 import { BrainCircuit as BrainCircuit2 } from "lucide-react";
 import { jsx as jsx89, jsxs as jsxs61 } from "react/jsx-runtime";
 var categoryConfig = {
@@ -22649,12 +22849,12 @@ var SkillCategoryPrompts = ({
   senderRef,
   visible = true
 }) => {
-  const [skills, setSkills] = useState63([]);
-  const [loading, setLoading] = useState63(false);
-  const [showAll, setShowAll] = useState63(false);
+  const [skills, setSkills] = useState64([]);
+  const [loading, setLoading] = useState64(false);
+  const [showAll, setShowAll] = useState64(false);
   const { get } = useApi();
   const MAX_SIMPLE_ITEMS = 10;
-  useEffect44(() => {
+  useEffect46(() => {
     const loadSkills = async () => {
       setLoading(true);
       try {
@@ -22833,7 +23033,7 @@ import {
 } from "@ant-design/icons";
 import { Prompts as Prompts2 } from "@ant-design/x";
 import { Space as Space29, Tabs } from "antd";
-import { useState as useState64, useMemo as useMemo22 } from "react";
+import { useState as useState65, useMemo as useMemo22 } from "react";
 import { jsx as jsx90, jsxs as jsxs62 } from "react/jsx-runtime";
 var defaultCategoryIcons = {
   financial: /* @__PURE__ */ jsx90(DollarOutlined, {}),
@@ -23052,7 +23252,7 @@ var BusinessAnalysisPrompts = ({
   simpleModeTitle = "Quick Analysis",
   expandModeTitle = "Analysis Categories"
 }) => {
-  const [showAll, setShowAll] = useState64(false);
+  const [showAll, setShowAll] = useState65(false);
   const { config } = useLatticeChatShellContext();
   const analysisData = useMemo22(() => {
     const customData = config.quickPromptsData;
@@ -23225,10 +23425,10 @@ var Chating = ({
   initialMessage,
   onInitialMessageSent
 }) => {
-  const [content, setContent] = useState65("");
-  const [attachedFiles, setAttachedFiles] = useState65([]);
+  const [content, setContent] = useState66("");
+  const [attachedFiles, setAttachedFiles] = useState66([]);
   const { styles } = useStyle();
-  const [headerOpen, setHeaderOpen] = useState65(false);
+  const [headerOpen, setHeaderOpen] = useState66(false);
   const attachmentsRef = useRef23(null);
   const senderRef = React51.useRef(null);
   const {
@@ -23253,8 +23453,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] = useState65(0);
-  useEffect45(() => {
+  const [typingFrameIndex, setTypingFrameIndex] = useState66(0);
+  useEffect47(() => {
     if (!isStreaming) return;
     const interval = setInterval(() => {
       setTypingFrameIndex((prev) => (prev + 1) % typingFrames.length);
@@ -23265,13 +23465,13 @@ var Chating = ({
   const systemContextSentRef = useRef23(false);
   const initialMessageSentRef = useRef23(false);
   const prevLoadingRef = useRef23(false);
-  useEffect45(() => {
+  useEffect47(() => {
     systemContextSentRef.current = false;
   }, [threadId]);
-  useEffect45(() => {
+  useEffect47(() => {
     initialMessageSentRef.current = false;
   }, [threadId]);
-  useEffect45(() => {
+  useEffect47(() => {
     const wasLoading = prevLoadingRef.current;
     prevLoadingRef.current = isLoading;
     if (wasLoading && !isLoading && initialMessage && threadId && !initialMessageSentRef.current) {
@@ -23283,16 +23483,16 @@ var Chating = ({
       onInitialMessageSent?.();
     }
   }, [isLoading, initialMessage, threadId, sendMessage, onInitialMessageSent]);
-  const [modelConfig, setModelConfig] = useState65(null);
+  const [modelConfig, setModelConfig] = useState66(null);
   const handleModelChange = useCallback33((config2) => {
     setModelConfig(config2);
     if (config2) {
       updateCustomRunConfig({ modelConfig: config2 });
     }
   }, [updateCustomRunConfig]);
-  const [isEmptyState, setIsEmptyState] = useState65(showEmptyState && messages.length === 0 && !pendingMessages?.length);
-  const [isTransitioning, setIsTransitioning] = useState65(false);
-  useEffect45(() => {
+  const [isEmptyState, setIsEmptyState] = useState66(showEmptyState && messages.length === 0 && !pendingMessages?.length);
+  const [isTransitioning, setIsTransitioning] = useState66(false);
+  useEffect47(() => {
     if (!showEmptyState) {
       setIsEmptyState(false);
       return;
@@ -23317,9 +23517,9 @@ var Chating = ({
   const listPathByFolder = workspaceContext?.listPathByFolder ?? (async () => []);
   const workspaceId = workspaceContext?.workspaceId ?? null;
   const projectId = workspaceContext?.projectId ?? null;
-  const [workspaceFiles, setWorkspaceFiles] = useState65([]);
-  const [suggestionsLoading, setSuggestionsLoading] = useState65(false);
-  const [suggestionsOpen, setSuggestionsOpen] = useState65(false);
+  const [workspaceFiles, setWorkspaceFiles] = useState66([]);
+  const [suggestionsLoading, setSuggestionsLoading] = useState66(false);
+  const [suggestionsOpen, setSuggestionsOpen] = useState66(false);
   const getFileIcon3 = (filename) => {
     const ext = filename.split(".").pop()?.toLowerCase();
     const iconStyle = { fontSize: 16 };
@@ -23379,7 +23579,7 @@ var Chating = ({
       setSuggestionsLoading(false);
     }
   };
-  useEffect45(() => {
+  useEffect47(() => {
     regsiterElement("action_show_attachments_uploader", {
       card_view: () => null,
       action: (data) => {
@@ -23577,8 +23777,8 @@ ${nextContent}`;
     ...showRefreshButton ? [refreshButton] : [],
     /* @__PURE__ */ jsx91(ThreadManagementButtons, {}, "thread-buttons")
   ];
-  const [skills, setSkills] = useState65([]);
-  const [skillsLoading, setSkillsLoading] = useState65(false);
+  const [skills, setSkills] = useState66([]);
+  const [skillsLoading, setSkillsLoading] = useState66(false);
   const { get: apiGet } = useApi();
   const loadSkills = async () => {
     if (skills.length > 0) return;
@@ -23602,7 +23802,7 @@ ${nextContent}`;
     return isEmpty ? "Type / to see available skills, or @ to reference files" : void 0;
   };
   const renderSender = (isEmpty) => {
-    const [suggestionMode, setSuggestionMode] = useState65(null);
+    const [suggestionMode, setSuggestionMode] = useState66(null);
     const suggestionItems = suggestionMode === "skills" ? skills.map((skill) => ({
       value: skill.name,
       icon: /* @__PURE__ */ jsx91(BrainCircuit3, { size: 14, style: { color: "#722ed1" } }),
@@ -23981,7 +24181,7 @@ var InternetSearchCard = ({
 };
 
 // src/components/GenUI/elements/schedule_viewer.tsx
-import { useState as useState66, useEffect as useEffect46, useCallback as useCallback34 } from "react";
+import { useState as useState67, useEffect as useEffect48, useCallback as useCallback34 } from "react";
 import {
   Tag as Tag22,
   Button as Button48,
@@ -24145,9 +24345,9 @@ var ScheduleViewer = ({ data }) => {
   const { styles } = useStyles8();
   const { threadId, assistantId, tasks: initialTasks, onRefresh } = data ?? {};
   const client = useClient(assistantId || "");
-  const [tasks, setTasks] = useState66(initialTasks || []);
-  const [loading, setLoading] = useState66(false);
-  const [actionLoading, setActionLoading] = useState66(null);
+  const [tasks, setTasks] = useState67(initialTasks || []);
+  const [loading, setLoading] = useState67(false);
+  const [actionLoading, setActionLoading] = useState67(null);
   const handleRefresh = useCallback34(async () => {
     if (!threadId) return;
     setLoading(true);
@@ -24210,12 +24410,12 @@ var ScheduleViewer = ({ data }) => {
     },
     [client, handleRefresh]
   );
-  useEffect46(() => {
+  useEffect48(() => {
     if (threadId && (!initialTasks || initialTasks.length === 0)) {
       handleRefresh();
     }
   }, [threadId]);
-  useEffect46(() => {
+  useEffect48(() => {
     if (initialTasks) {
       setTasks(initialTasks);
     }
@@ -24683,13 +24883,13 @@ var TeamGraph = ({ data }) => {
 var TeamGraph_default = TeamGraph;
 
 // src/components/GenUI/elements/TeamWorkspace/index.tsx
-import { useState as useState71, useMemo as useMemo27 } from "react";
+import { useState as useState72, useMemo as useMemo27 } from "react";
 import { Layout, Spin as Spin18, Button as Button52 } from "antd";
 import { RefreshCw } from "lucide-react";
 import { createStyles as createStyles33 } from "antd-style";
 
 // src/components/GenUI/elements/TeamWorkspace/TeamWorkspaceMenu.tsx
-import React53, { useState as useState67 } from "react";
+import React53, { useState as useState68 } from "react";
 import {
   LayoutDashboard,
   Inbox as Inbox2,
@@ -24883,7 +25083,7 @@ var TeamWorkspaceMenu = ({
   onItemClick
 }) => {
   const { styles } = useStyles9();
-  const [isExpanded, setIsExpanded] = useState67(false);
+  const [isExpanded, setIsExpanded] = useState68(false);
   const mainItems = items.filter((item) => !item.group);
   const teammateItems = items.filter((item) => item.group === "Teammates");
   const teamItems = items.filter((item) => item.group === "Team");
@@ -25360,7 +25560,7 @@ var TeamDashboard = ({
 };
 
 // src/components/GenUI/elements/TeamWorkspace/IssuesView.tsx
-import { useState as useState69, useMemo as useMemo24 } from "react";
+import { useState as useState70, useMemo as useMemo24 } from "react";
 import { Typography as Typography51, Badge as Badge8, Empty as Empty17, Tooltip as Tooltip21 } from "antd";
 import {
   CheckCircle2 as CheckCircle24,
@@ -25375,7 +25575,7 @@ import {
 import { createStyles as createStyles28 } from "antd-style";
 
 // src/components/GenUI/elements/TeamWorkspace/TaskDetailModal.tsx
-import { useState as useState68 } from "react";
+import { useState as useState69 } from "react";
 import { Modal as Modal18, Typography as Typography50, Tag as Tag24, Divider as Divider7, Tabs as Tabs2, Timeline } from "antd";
 import { createStyles as createStyles27 } from "antd-style";
 import {
@@ -25800,7 +26000,7 @@ var TaskDetailModal = ({
   onClose
 }) => {
   const { styles } = useStyles11();
-  const [activeTab, setActiveTab] = useState68("comments");
+  const [activeTab, setActiveTab] = useState69("comments");
   if (!task) return null;
   const statusConfig2 = getStatusConfig2(task.status);
   const tabItems = [
@@ -26226,7 +26426,7 @@ var formatDate2 = (timestamp) => {
   });
 };
 var ListGroupComponent = ({ group, styles, defaultExpanded = true, onTaskClick }) => {
-  const [isExpanded, setIsExpanded] = useState69(defaultExpanded);
+  const [isExpanded, setIsExpanded] = useState70(defaultExpanded);
   return /* @__PURE__ */ jsxs72("div", { className: styles.listGroup, children: [
     /* @__PURE__ */ jsxs72(
       "div",
@@ -26269,9 +26469,9 @@ var IssuesView = ({
   teammates
 }) => {
   const { styles } = useStyles12();
-  const [viewMode, setViewMode] = useState69("list");
-  const [selectedTask, setSelectedTask] = useState69(null);
-  const [modalVisible, setModalVisible] = useState69(false);
+  const [viewMode, setViewMode] = useState70("list");
+  const [selectedTask, setSelectedTask] = useState70(null);
+  const [modalVisible, setModalVisible] = useState70(false);
   const listGroups = useMemo24(() => {
     const groups = [
       {
@@ -26882,7 +27082,7 @@ var TeamMemberChat = ({
 };
 
 // src/components/GenUI/elements/MailboxPanel.tsx
-import { useState as useState70, useMemo as useMemo26 } from "react";
+import { useState as useState71, useMemo as useMemo26 } from "react";
 import { Typography as Typography55, Empty as Empty18 } from "antd";
 import { createStyles as createStyles32 } from "antd-style";
 import {
@@ -27305,7 +27505,7 @@ var getMessagePreview = (content) => {
   return firstLine.length > 80 ? firstLine.slice(0, 80) + "..." : firstLine;
 };
 var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageClick }) => {
-  const [isExpanded, setIsExpanded] = useState70(defaultExpanded);
+  const [isExpanded, setIsExpanded] = useState71(defaultExpanded);
   return /* @__PURE__ */ jsxs76("div", { className: styles.listGroup, children: [
     /* @__PURE__ */ jsxs76(
       "div",
@@ -27360,8 +27560,8 @@ var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageC
 };
 var MailboxPanel = ({ data }) => {
   const { styles } = useStyles16();
-  const [selectedMessage, setSelectedMessage] = useState70(null);
-  const [modalVisible, setModalVisible] = useState70(false);
+  const [selectedMessage, setSelectedMessage] = useState71(null);
+  const [modalVisible, setModalVisible] = useState71(false);
   const { teamMailbox = [] } = data || {};
   const messageGroups = useMemo26(() => {
     const groupsMap = /* @__PURE__ */ new Map();
@@ -27491,7 +27691,7 @@ var TeamWorkspace = ({
     isLoading,
     refresh
   } = useTeamWorkspaceData(parent_thread_id || null, assistantId);
-  const [activeMenuId, setActiveMenuId] = useState71("dashboard");
+  const [activeMenuId, setActiveMenuId] = useState72("dashboard");
   const menuItems = useMemo27(() => {
     const items = [
       {
@@ -27974,7 +28174,7 @@ var TaskBoard = ({
 };
 
 // src/components/GenUI/elements/Mailbox.tsx
-import { useState as useState72, useMemo as useMemo29, useRef as useRef24, useEffect as useEffect47 } from "react";
+import { useState as useState73, useMemo as useMemo29, useRef as useRef24, useEffect as useEffect49 } from "react";
 import { jsx as jsx109, jsxs as jsxs80 } from "react/jsx-runtime";
 var useStyle16 = () => {
   return {
@@ -28260,7 +28460,7 @@ var renderMessageWithMentions = (content, mentions, styles) => {
 var TeamChat = ({ data }) => {
   const styles = useStyle16();
   const { teamName, currentUser, teammates, messages, onSendMessage } = data || {};
-  const [inputValue, setInputValue] = useState72("");
+  const [inputValue, setInputValue] = useState73("");
   const messagesEndRef = useRef24(null);
   const sortedMessages = useMemo29(() => {
     return [...messages || []].sort(
@@ -28270,7 +28470,7 @@ var TeamChat = ({ data }) => {
   const mentions = useMemo29(() => {
     return teammates?.map((t) => t.name) || [];
   }, [teammates]);
-  useEffect47(() => {
+  useEffect49(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [sortedMessages]);
   const handleSend = () => {
@@ -28444,7 +28644,7 @@ import { Button as Button53, Typography as Typography56 } from "antd";
 import { ExpandOutlined as ExpandOutlined2 } from "@ant-design/icons";
 
 // src/streaming-html/StreamingHTMLRenderer.tsx
-import React61, { useEffect as useEffect48, useRef as useRef25, useCallback as useCallback35, useState as useState73 } from "react";
+import React61, { useEffect as useEffect50, useRef as useRef25, useCallback as useCallback35, useState as useState74 } from "react";
 
 // src/streaming-html/show-widget-css-generator.ts
 function generateShowWidgetCSS(tokens) {
@@ -29145,12 +29345,12 @@ var StreamingHTMLRenderer = ({
   const isScriptExecuted = useRef25(false);
   const [iframeHeight, setIframeHeight] = React61.useState(0);
   const [iframeWidth, setIframeWidth] = React61.useState(void 0);
-  const [currentMessageIndex, setCurrentMessageIndex] = useState73(0);
-  const [showLoading, setShowLoading] = useState73(true);
-  useEffect48(() => {
+  const [currentMessageIndex, setCurrentMessageIndex] = useState74(0);
+  const [showLoading, setShowLoading] = useState74(true);
+  useEffect50(() => {
     isCompleteRef.current = isComplete;
   }, [isComplete]);
-  useEffect48(() => {
+  useEffect50(() => {
     if (iframeHeight > 0) {
       setShowLoading(false);
       return;
@@ -29226,7 +29426,7 @@ var StreamingHTMLRenderer = ({
       onError?.(streamingError);
     }
   }, [onError]);
-  useEffect48(() => {
+  useEffect50(() => {
     const handleMessage = (event) => {
       const iframe = iframeRef.current;
       if (!iframe || event.source !== iframe.contentWindow) {
@@ -29279,7 +29479,7 @@ var StreamingHTMLRenderer = ({
       window.removeEventListener("message", handleMessage);
     };
   }, [onError, onPrompt, sendChunk, executeScripts]);
-  useEffect48(() => {
+  useEffect50(() => {
     if (html === prevHTMLRef.current) {
       return;
     }
@@ -29290,12 +29490,12 @@ var StreamingHTMLRenderer = ({
       sendChunk(newChunk);
     }
   }, [html, sendChunk]);
-  useEffect48(() => {
+  useEffect50(() => {
     if (isComplete && isReadyRef.current) {
       executeScripts();
     }
   }, [isComplete, executeScripts]);
-  useEffect48(() => {
+  useEffect50(() => {
     const container = containerRef.current;
     if (!container) return;
     const antBubble = container.closest(".ant-bubble");
@@ -29321,7 +29521,7 @@ var StreamingHTMLRenderer = ({
       resizeObserverRef.current = null;
     };
   }, []);
-  useEffect48(() => {
+  useEffect50(() => {
     return () => {
       isReadyRef.current = false;
       pendingChunksRef.current = [];
@@ -29634,7 +29834,7 @@ var regsiterElement = (language, ElementMeta) => {
 // src/components/Chat/SideAppViewBrowser.tsx
 import { Dropdown as Dropdown3, Tooltip as Tooltip23 } from "antd";
 import { createStyles as createStyles34 } from "antd-style";
-import { useEffect as useEffect49, useMemo as useMemo30, useState as useState74 } from "react";
+import { useEffect as useEffect51, useMemo as useMemo30, useState as useState75 } from "react";
 import { Fragment as Fragment21, jsx as jsx113, jsxs as jsxs83 } from "react/jsx-runtime";
 var useStyle17 = createStyles34(({ token, css }) => {
   return {
@@ -29835,11 +30035,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] = useState74(
+  const [activeKey, setActiveKey] = useState75(
     JSON.stringify(selectedCard)
   );
-  const [hoveredTab, setHoveredTab] = useState74(null);
-  const [items, setItems] = useState74([]);
+  const [hoveredTab, setHoveredTab] = useState75(null);
+  const [items, setItems] = useState75([]);
   const add = (key, label, children, componentKey) => {
     const newPanes = [...items, { label, children, key, componentKey }];
     setItems(newPanes);
@@ -29866,7 +30066,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
   const switchTab = (key) => {
     setActiveKey(key);
   };
-  useEffect49(() => {
+  useEffect51(() => {
     if (!selectedCard) return;
     const key = JSON.stringify(selectedCard);
     if (items.find((item) => item.key === key)) {
@@ -29975,7 +30175,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
 };
 
 // src/components/Chat/ProjectSelector.tsx
-import { useState as useState75, useCallback as useCallback38, useMemo as useMemo31, useRef as useRef26 } from "react";
+import { useState as useState76, useCallback as useCallback38, useMemo as useMemo31, useRef as useRef26 } from "react";
 import { Modal as Modal20, Input as Input15, Button as Button54, message as message18 } from "antd";
 import { createStyles as createStyles35 } from "antd-style";
 import { Folder, ChevronDown as ChevronDown6, Building2 as Building24 } from "lucide-react";
@@ -30211,13 +30411,13 @@ var ProjectSelector = ({
     setProject,
     createProject
   } = useWorkspaceContext();
-  const [isWorkspaceListOpen, setIsWorkspaceListOpen] = useState75(false);
+  const [isWorkspaceListOpen, setIsWorkspaceListOpen] = useState76(false);
   const workspaceDropdownRef = useRef26(null);
-  const [isProjectListOpen, setIsProjectListOpen] = useState75(false);
-  const [isModalOpen, setIsModalOpen] = useState75(false);
-  const [projectName, setProjectName] = useState75("");
-  const [validationError, setValidationError] = useState75(null);
-  const [isCreating, setIsCreating] = useState75(false);
+  const [isProjectListOpen, setIsProjectListOpen] = useState76(false);
+  const [isModalOpen, setIsModalOpen] = useState76(false);
+  const [projectName, setProjectName] = useState76("");
+  const [validationError, setValidationError] = useState76(null);
+  const [isCreating, setIsCreating] = useState76(false);
   const projectNameInputRef = useRef26(null);
   const currentProject = useMemo31(() => {
     return projects.find((p) => p.id === projectId);
@@ -30386,7 +30586,7 @@ var ProjectSelector = ({
 };
 
 // src/components/Chat/ToolPanelFiles.tsx
-import { useCallback as useCallback39, useEffect as useEffect50, useMemo as useMemo32, useState as useState76 } from "react";
+import { useCallback as useCallback39, useEffect as useEffect52, useMemo as useMemo32, useState as useState77 } from "react";
 import { message as message19 } from "antd";
 
 // src/components/Chat/FileDirectoryPanel.tsx
@@ -30745,12 +30945,12 @@ var ToolPanelFiles = () => {
     uploadFileToFolder
   } = useWorkspaceContext();
   const { currentAssistant } = useAssistantContext();
-  const [folderEntries, setFolderEntries] = useState76({});
-  const [folderLoading, setFolderLoading] = useState76({});
-  const [directoryChildren, setDirectoryChildren] = useState76({});
-  const [directoryLoading, setDirectoryLoading] = useState76({});
-  const [directoryExpanded, setDirectoryExpanded] = useState76({});
-  const [uploadingFolder, setUploadingFolder] = useState76(null);
+  const [folderEntries, setFolderEntries] = useState77({});
+  const [folderLoading, setFolderLoading] = useState77({});
+  const [directoryChildren, setDirectoryChildren] = useState77({});
+  const [directoryLoading, setDirectoryLoading] = useState77({});
+  const [directoryExpanded, setDirectoryExpanded] = useState77({});
+  const [uploadingFolder, setUploadingFolder] = useState77(null);
   const resourceFolders = useMemo32(() => {
     return config.resourceFolders && config.resourceFolders.length > 0 ? config.resourceFolders : [{ name: "/", displayName: "Project Assets", allowUpload: true }];
   }, [config.resourceFolders]);
@@ -30812,7 +31012,7 @@ var ToolPanelFiles = () => {
       setDirectoryLoading((prev) => ({ ...prev, [path]: false }));
     }
   }, [directoryExpanded, listPath, currentAssistant?.id]);
-  useEffect50(() => {
+  useEffect52(() => {
     resourceFolders.forEach((folder) => {
       void loadAssetsForFolder(folder, false);
     });
@@ -31072,7 +31272,7 @@ var AgentConversations = ({
 import { useContext as useContext12 } from "react";
 
 // src/components/Chat/ChatSidebar.tsx
-import { useState as useState77, useMemo as useMemo34, useCallback as useCallback41 } from "react";
+import { useState as useState78, useMemo as useMemo34, useCallback as useCallback41 } from "react";
 import { Drawer as Drawer3, Avatar as Avatar14, Popover as Popover3, Button as Button56 } from "antd";
 import {
   History as History2,
@@ -31310,8 +31510,8 @@ var ChatSidebar = ({
   const { sideAppVisible, menuCollapsed, setMenuCollapsed } = useChatUIContext();
   const { user, logout } = useAuth();
   const { createThread } = useConversationContext();
-  const [drawerStates, setDrawerStates] = useState77({});
-  const [changePasswordOpen, setChangePasswordOpen] = useState77(false);
+  const [drawerStates, setDrawerStates] = useState78({});
+  const [changePasswordOpen, setChangePasswordOpen] = useState78(false);
   const {
     sidebarMode,
     sidebarShowToggle,
@@ -31570,7 +31770,7 @@ var LatticeChatView = (props) => {
 };
 
 // src/components/Chat/SettingsModal.tsx
-import { useState as useState78, useEffect as useEffect51, useRef as useRef27 } from "react";
+import { useState as useState79, useEffect as useEffect53, useRef as useRef27 } from "react";
 import {
   Modal as Modal22,
   Input as Input16,
@@ -31959,7 +32159,7 @@ var SettingsModal = ({
 }) => {
   const { styles } = useStyles23();
   const { config: shellConfig, updateConfigValue } = useLatticeChatShellContext();
-  const [connections, setConnections] = useState78(() => {
+  const [connections, setConnections] = useState79(() => {
     if (typeof window !== "undefined") {
       try {
         const stored = localStorage.getItem("lattice_server_connections");
@@ -31982,21 +32182,21 @@ var SettingsModal = ({
     }
     return [];
   });
-  const [serverConfigs, setServerConfigs] = useState78({});
+  const [serverConfigs, setServerConfigs] = useState79({});
   const connectionsRef = useRef27(connections);
-  useEffect51(() => {
+  useEffect53(() => {
     connectionsRef.current = connections;
   }, [connections]);
-  const [activeTabKey, setActiveTabKey] = useState78(
+  const [activeTabKey, setActiveTabKey] = useState79(
     connections.length > 0 ? connections[0].id : ""
   );
-  const [activeMenu, setActiveMenu] = useState78("environment");
-  const [loading, setLoading] = useState78(false);
-  const [showAddServerModal, setShowAddServerModal] = useState78(false);
-  const [newServerUrl, setNewServerUrl] = useState78("");
-  const [newServerName, setNewServerName] = useState78("");
-  const [newServerApiKey, setNewServerApiKey] = useState78("");
-  const [addingServer, setAddingServer] = useState78(false);
+  const [activeMenu, setActiveMenu] = useState79("environment");
+  const [loading, setLoading] = useState79(false);
+  const [showAddServerModal, setShowAddServerModal] = useState79(false);
+  const [newServerUrl, setNewServerUrl] = useState79("");
+  const [newServerName, setNewServerName] = useState79("");
+  const [newServerApiKey, setNewServerApiKey] = useState79("");
+  const [addingServer, setAddingServer] = useState79(false);
   const saveConnections = (newConnections) => {
     setConnections(newConnections);
     if (typeof window !== "undefined") {
@@ -32186,7 +32386,7 @@ var SettingsModal = ({
       console.error("Failed to load models configuration:", error);
     }
   };
-  useEffect51(() => {
+  useEffect53(() => {
     if (open && activeTabKey) {
       initializeServerConfig(activeTabKey);
       const connection = connections.find((c) => c.id === activeTabKey);
@@ -32195,7 +32395,7 @@ var SettingsModal = ({
       }
     }
   }, [open, activeTabKey]);
-  useEffect51(() => {
+  useEffect53(() => {
     if (open && activeTabKey) {
       const connection = connections.find((c) => c.id === activeTabKey);
       if (connection?.connected) {
@@ -32975,7 +33175,7 @@ var LatticeChatShell = (props) => {
 };
 
 // src/components/Chat/ChannelInstallationsDrawerContent.tsx
-import { useEffect as useEffect52, useState as useState79 } from "react";
+import { useEffect as useEffect54, useState as useState80 } from "react";
 import {
   Button as Button58,
   Card as Card30,
@@ -32993,10 +33193,10 @@ import { jsx as jsx126, jsxs as jsxs91 } from "react/jsx-runtime";
 var { Text: Text47, Title: Title17 } = Typography58;
 var ChannelInstallationsDrawerContent = () => {
   const { get, post, put, del } = useApi();
-  const [installations, setInstallations] = useState79([]);
-  const [loading, setLoading] = useState79(false);
-  const [formModalOpen, setFormModalOpen] = useState79(false);
-  const [editingInstallation, setEditingInstallation] = useState79(null);
+  const [installations, setInstallations] = useState80([]);
+  const [loading, setLoading] = useState80(false);
+  const [formModalOpen, setFormModalOpen] = useState80(false);
+  const [editingInstallation, setEditingInstallation] = useState80(null);
   const loadInstallations = async () => {
     setLoading(true);
     try {
@@ -33017,7 +33217,7 @@ var ChannelInstallationsDrawerContent = () => {
       setLoading(false);
     }
   };
-  useEffect52(() => {
+  useEffect54(() => {
     loadInstallations();
   }, []);
   const handleDelete = async (installation) => {
@@ -33165,7 +33365,7 @@ var ChannelInstallationsDrawerContent = () => {
 };
 var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCancel, onSave }) => {
   const [form] = Form9.useForm();
-  useEffect52(() => {
+  useEffect54(() => {
     if (installation) {
       const config = installation.config;
       form.setFieldsValue({