@axiom-lattice/react-sdk 2.1.84 → 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 }) => {
@@ -4200,15 +4203,18 @@ var useStyle = createStyles2(({ token, css }) => {
         bottom: 0;
         z-index: 100;
         background: ${token.colorBgLayout};
-        border-right: 1px solid ${token.colorBorder};
         box-shadow: ${token.boxShadow};
         width: 0;
 
         &.expanded {
-          width: 240px;
+          width: 280px;
+          border-right: 1px solid ${token.colorBorder};
         }
       }
     `,
+    menuSnap: css`
+      transition: none !important;
+    `,
     menuToggle: css`
       position: relative;
       bottom: 20px;
@@ -4287,6 +4293,46 @@ var useStyle = createStyles2(({ token, css }) => {
         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%;
       max-width: 1400px;
@@ -5018,20 +5064,35 @@ var ColumnLayout = ({
     toolsVisible,
     toolSelectedCard,
     contentAppSelectedCard,
-    menuCollapsed
+    menuCollapsed,
+    setMenuCollapsed,
+    closeDetail,
+    closeTools
   } = useChatUIContext();
   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 }),
+      (header || isMobile) && /* @__PURE__ */ jsxs5("div", { className: styles.header, children: [
+        isMobile && /* @__PURE__ */ jsx12(
+          "button",
+          {
+            className: styles.mobileMenuToggle,
+            onClick: () => setMenuCollapsed(!isMenuCollapsed),
+            "aria-label": "Toggle menu",
+            children: /* @__PURE__ */ jsx12(PanelLeft, { size: 18 })
+          }
+        ),
+        header
+      ] }),
       /* @__PURE__ */ jsxs5(
         "div",
         {
@@ -5039,14 +5100,36 @@ var ColumnLayout = ({
           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__ */ jsx12(
+            /* @__PURE__ */ jsxs5(
               "div",
               {
                 className: `${styles.detailPanel} ${detailVisible ? `open ${resolvedDetailSize}` : ""}`,
-                children: detailVisible && detailSelectedCard && detail ? /* @__PURE__ */ jsx12("div", { className: styles.detailContent, children: detail }) : null
+                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__ */ jsx12("div", { className: `${styles.toolPanel} ${toolsVisible ? "open" : ""}`, children: toolsVisible && tools ? /* @__PURE__ */ jsx12("div", { className: styles.detailContent, children: tools }) : 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
+            ] })
           ]
         }
       )
@@ -9108,7 +9191,7 @@ import {
   Space as Space30,
   Typography as Typography42
 } from "antd";
-import React51, { useCallback as useCallback33, useContext as useContext11, useEffect as useEffect46, useRef as useRef23, useState as useState66 } 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
@@ -10171,17 +10254,17 @@ import React43, {
   useContext as useContext10,
   useState as useState58,
   useCallback as useCallback31,
-  useEffect as useEffect41
+  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 useEffect40, useRef as useRef17, useState as useState57 } 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 useState37, 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";
@@ -10295,6 +10378,11 @@ var Menu = ({
   const isControlled = collapsed !== void 0;
   const [internalIsIconView, setInternalIsIconView] = useState37(!defaultExpanded);
   const isIconView = isControlled ? collapsed : internalIsIconView;
+  useEffect26(() => {
+    if (!isControlled) {
+      onCollapsedChange?.(isIconView);
+    }
+  }, []);
   const [drawerStates, setDrawerStates] = useState37({});
   const [expandedInlineDrawers, setExpandedInlineDrawers] = useState37(
     () => {
@@ -11008,7 +11096,7 @@ var ProjectCardList = () => {
 };
 
 // src/components/Chat/MetricsConfigDrawerContent.tsx
-import { useState as useState40, useEffect as useEffect26 } 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";
@@ -11025,7 +11113,7 @@ var MetricsConfigDrawerContent = () => {
   const [formModalOpen, setFormModalOpen] = useState40(false);
   const [editingConfig, setEditingConfig] = useState40(null);
   const tenantId = config.headers?.["x-tenant-id"] || "default";
-  useEffect26(() => {
+  useEffect27(() => {
     loadConfigs();
   }, [tenantId]);
   const loadConfigs = async () => {
@@ -11271,12 +11359,12 @@ var MetricsConfigFormModal = ({
       selectedDataSources: editingConfig?.config?.selectedDataSources || []
     });
   };
-  useEffect26(() => {
+  useEffect27(() => {
     if (open) {
       resetForm();
     }
   }, [open, editingConfig]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (currentStep === 1 && availableDatasources.length === 0 && !fetchingDatasources) {
       handleFetchDatasources();
     }
@@ -11674,7 +11762,7 @@ var MetricsConfigFormModal = ({
 };
 
 // src/components/Chat/DatabaseConfigDrawerContent.tsx
-import { useState as useState41, useEffect as useEffect27 } 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";
@@ -11753,7 +11841,7 @@ var DatabaseConfigDrawerContent = ({
   const [testingId, setTestingId] = useState41(null);
   const [formModalOpen, setFormModalOpen] = useState41(false);
   const [editingConfig, setEditingConfig] = useState41(null);
-  useEffect27(() => {
+  useEffect28(() => {
     loadConfigs();
   }, [tenantId]);
   const loadConfigs = async () => {
@@ -12186,7 +12274,7 @@ var DatabaseConfigFormModal = ({
 };
 
 // src/components/Chat/McpConfigDrawerContent.tsx
-import { useState as useState42, useEffect as useEffect28 } 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";
@@ -12205,7 +12293,7 @@ var McpConfigDrawerContent = ({
   const [testingId, setTestingId] = useState42(null);
   const [formModalOpen, setFormModalOpen] = useState42(false);
   const [editingConfig, setEditingConfig] = useState42(null);
-  useEffect28(() => {
+  useEffect29(() => {
     loadConfigs();
   }, [tenantId]);
   const loadConfigs = async () => {
@@ -12463,12 +12551,12 @@ var McpConfigFormModal = ({
       selectedTools: editingConfig?.selectedTools || []
     });
   };
-  useEffect28(() => {
+  useEffect29(() => {
     if (open) {
       resetForm();
     }
   }, [open, editingConfig]);
-  useEffect28(() => {
+  useEffect29(() => {
     if (currentStep === 1 && availableTools.length === 0 && !fetchingTools) {
       handleFetchTools();
     }
@@ -12819,7 +12907,7 @@ var McpConfigFormModal = ({
 };
 
 // src/components/Chat/AssistantFlow.tsx
-import { useMemo as useMemo13, useEffect as useEffect31, useState as useState46, 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,
@@ -13625,7 +13713,7 @@ var AssistantNode = ({
 var AssistantNode_default = AssistantNode;
 
 // src/components/Chat/AgentConfigPanel.tsx
-import { useState as useState43, useEffect as useEffect29, 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,
@@ -13890,7 +13978,7 @@ var SkillListField = ({ propertyKey, label, value, onChange, token }) => {
   const [loading, setLoading] = useState43(false);
   const { get } = useApi();
   const fetchedRef = useRef14(false);
-  useEffect29(() => {
+  useEffect30(() => {
     if (fetchedRef.current) return;
     fetchedRef.current = true;
     const fetchSkills = async () => {
@@ -14001,7 +14089,7 @@ var DatabaseListField = ({ propertyKey, label, value, onChange, token }) => {
   const [loading, setLoading] = useState43(false);
   const { get } = useApi();
   const fetchedRef = useRef14(false);
-  useEffect29(() => {
+  useEffect30(() => {
     if (fetchedRef.current) return;
     fetchedRef.current = true;
     const fetchDatabases = async () => {
@@ -14116,7 +14204,7 @@ var MetricsListField = ({ propertyKey, label, value, onChange, token }) => {
   const [loading, setLoading] = useState43(false);
   const { get } = useApi();
   const fetchedRef = useRef14(false);
-  useEffect29(() => {
+  useEffect30(() => {
     if (fetchedRef.current) return;
     fetchedRef.current = true;
     const fetchMetricsServers = async () => {
@@ -14562,7 +14650,7 @@ var AgentConfigPanel = ({
       setToolsLoading(false);
     }
   }, [get, visible]);
-  useEffect29(() => {
+  useEffect30(() => {
     if (visible && assistant) {
       fetchTools();
       if (parsedConfig) {
@@ -15234,7 +15322,7 @@ import {
 import { PlusOutlined as PlusOutlined3, ForkOutlined as ForkOutlined2 } from "@ant-design/icons";
 
 // src/components/Chat/ParentAgentSelector.tsx
-import { useEffect as useEffect30, useState as useState44 } 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;
@@ -15246,7 +15334,7 @@ var ParentAgentSelector = ({
   const [assistants, setAssistants] = useState44([]);
   const [loading, setLoading] = useState44(false);
   const { get } = useApi();
-  useEffect30(() => {
+  useEffect31(() => {
     const fetchAssistants = async () => {
       setLoading(true);
       try {
@@ -15830,10 +15918,10 @@ var AssistantFlowInner = ({ onChat }) => {
       setAssistantsLoading(false);
     }
   };
-  useEffect31(() => {
+  useEffect32(() => {
     fetchAssistants();
   }, []);
-  useEffect31(() => {
+  useEffect32(() => {
     if (!assistants || assistants.length === 0) {
       setNodes([]);
       setEdges([]);
@@ -16097,7 +16185,7 @@ var AssistantFlowInner = ({ onChat }) => {
     });
     lastCreatedAssistantRef.current = createdAssistant;
   };
-  useEffect31(() => {
+  useEffect32(() => {
     if (selectedAssistant) {
       const node = nodes.find((n) => n.id === selectedAssistant.id);
       if (node) {
@@ -16105,7 +16193,7 @@ var AssistantFlowInner = ({ onChat }) => {
       }
     }
   }, [selectedAssistant, nodes, setCenter]);
-  useEffect31(() => {
+  useEffect32(() => {
     if (assistants.length > 0 && selectedAssistant) {
       const assistant = assistants.find((a) => a.id === selectedAssistant.id);
       if (assistant && !configPanelVisible) {
@@ -16114,7 +16202,7 @@ var AssistantFlowInner = ({ onChat }) => {
     }
   }, [assistants, selectedAssistant, configPanelVisible]);
   const lastCreatedAssistantRef = useRef15(null);
-  useEffect31(() => {
+  useEffect32(() => {
     if (lastCreatedAssistantRef.current && !assistants.find((a) => a.id === lastCreatedAssistantRef.current?.id)) {
       lastCreatedAssistantRef.current = null;
     }
@@ -16229,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 useEffect33, useState as useState49 } from "react";
+import { useMemo as useMemo15, useEffect as useEffect34, useState as useState49 } from "react";
 import {
   ReactFlow as ReactFlow2,
   Background as Background2,
@@ -16243,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 useEffect32, useMemo as useMemo14, useState as useState47 } 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,
@@ -16343,7 +16431,7 @@ var SkillNode = ({ data }) => {
   );
   const [isModalOpen, setIsModalOpen] = useState47(false);
   const [saving, setSaving] = useState47(false);
-  useEffect32(() => {
+  useEffect33(() => {
     setIsEditing(false);
     setCurrentSkill(skill);
     setDraftSkill({ ...skill, id: skill.name });
@@ -17767,10 +17855,10 @@ var SkillFlowInner = ({ onNodeClick }) => {
       setSkillsLoading(false);
     }
   };
-  useEffect33(() => {
+  useEffect34(() => {
     fetchSkills();
   }, []);
-  useEffect33(() => {
+  useEffect34(() => {
     if (!skills || skills.length === 0) {
       setNodes([]);
       setEdges([]);
@@ -17979,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 useEffect34, useState as useState50, 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,
@@ -18025,7 +18113,7 @@ var ToolsList = ({
   const handleRefresh = useCallback28(() => {
     fetchTools();
   }, [fetchTools]);
-  useEffect34(() => {
+  useEffect35(() => {
     if (autoLoad) {
       fetchTools();
     }
@@ -18215,7 +18303,7 @@ var ToolsList = ({
 };
 
 // src/components/Chat/TopologyAutomationView.tsx
-import { useEffect as useEffect36, useState as useState51, 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,
@@ -18467,7 +18555,7 @@ var CopilotPanel = ({
 };
 
 // src/components/Chat/CreateWorkflowModal.tsx
-import { useEffect as useEffect35 } 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) {
@@ -18492,7 +18580,7 @@ var CreateWorkflowModal = ({
 }) => {
   const { post } = useApi();
   const [form] = Form7.useForm();
-  useEffect35(() => {
+  useEffect36(() => {
     if (open) {
       form.resetFields();
     }
@@ -18684,7 +18772,7 @@ function TopologyFlowInner({
   const [edges, setEdges, onEdgesChange] = useEdgesState3(initialEdges);
   const [specModalOpen, setSpecModalOpen] = useState51(false);
   const nodeTypes2 = useMemo17(() => ({ topologyNode: TopologyNode_default }), []);
-  useEffect36(() => {
+  useEffect37(() => {
     setNodes(initialNodes);
     setEdges(initialEdges);
   }, [initialNodes, initialEdges, setNodes, setEdges]);
@@ -18934,7 +19022,7 @@ var TopologyAutomationView = () => {
     }
     setError(null);
   }, [get]);
-  useEffect36(() => {
+  useEffect37(() => {
     let cancelled = false;
     const load = async () => {
       try {
@@ -19103,7 +19191,7 @@ var TopologyAutomationView = () => {
 };
 
 // src/components/Chat/TopologyRuntimeView.tsx
-import { useEffect as useEffect37, useState as useState52, 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,
@@ -19422,11 +19510,11 @@ function FlowCanvas({ steps }) {
     () => steps.find((s) => s.id === selectedNodeId) || null,
     [steps, selectedNodeId]
   );
-  useEffect37(() => {
+  useEffect38(() => {
     setNodes(initialNodes);
     setEdges(initialEdges);
   }, [initialNodes, initialEdges, setNodes, setEdges]);
-  useEffect37(() => {
+  useEffect38(() => {
     if (selectedNodeId) {
       setNodes(
         (nds) => nds.map((n) => ({
@@ -19643,12 +19731,12 @@ var RunDetail = ({ run, agentName, open, onClose, onRunUpdate, autoRefresh, onAu
     } catch {
     }
   }, [get, run.id, onRunUpdate]);
-  useEffect37(() => {
+  useEffect38(() => {
     if (!open) return;
     setLoading(true);
     fetchSteps().finally(() => setLoading(false));
   }, [open, run.id, fetchSteps]);
-  useEffect37(() => {
+  useEffect38(() => {
     if (stepsPollTimeoutRef.current) {
       clearTimeout(stepsPollTimeoutRef.current);
       stepsPollTimeoutRef.current = null;
@@ -19762,7 +19850,7 @@ var TopologyRuntimeView = () => {
       setLoading(false);
     }
   }, [get]);
-  useEffect37(() => {
+  useEffect38(() => {
     let cancelled = false;
     const init2 = async () => {
       try {
@@ -19798,7 +19886,7 @@ var TopologyRuntimeView = () => {
       cancelled = true;
     };
   }, [get]);
-  useEffect37(() => {
+  useEffect38(() => {
     return () => {
       pollingSessionRef.current = 0;
     };
@@ -19906,7 +19994,7 @@ var TopologyRuntimeView = () => {
 };
 
 // src/components/Chat/TopologyInboxView.tsx
-import { useEffect as useEffect38, useState as useState53 } 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";
@@ -19941,7 +20029,7 @@ var TopologyInboxView = () => {
       setLoading(false);
     }
   };
-  useEffect38(() => {
+  useEffect39(() => {
     fetchInbox();
   }, [get]);
   return /* @__PURE__ */ jsxs51("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
@@ -20380,7 +20468,7 @@ var EvalSuiteDetail = ({ projectId, suiteId, onBack, onRun }) => {
 };
 
 // src/components/Eval/EvalRunResults.tsx
-import { useEffect as useEffect39, useState as useState55 } 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";
@@ -20471,7 +20559,7 @@ var EvalRunResults = ({ runId, onBack }) => {
   const client = useClient("__GLOBAL__");
   const [run, setRun] = useState55(null);
   const { status: streamingStatus, progress, connected } = useEvalRunStream(runId);
-  useEffect39(() => {
+  useEffect40(() => {
     client.eval.runs.get(runId).then(setRun).catch(console.error);
   }, [runId, client]);
   if (!run) {
@@ -21198,7 +21286,7 @@ var WorkspaceResourceManager = ({
   const { openContentApp, menuCollapsed, setMenuCollapsed } = useChatUIContext();
   const hasOpenedDefault = useRef17(false);
   const hasRegistered = useRef17(false);
-  useEffect40(() => {
+  useEffect41(() => {
     if (!hasRegistered.current) {
       hasRegistered.current = true;
       regsiterElement("workspace_projects", {
@@ -21290,7 +21378,7 @@ var WorkspaceResourceManager = ({
       });
     }
   };
-  useEffect40(() => {
+  useEffect41(() => {
     if (!hasOpenedDefault.current && menuItems.length > 0) {
       hasOpenedDefault.current = true;
       const firstRoute = menuItems.find((item) => item.type === "route");
@@ -21515,7 +21603,7 @@ var WorkspaceContextProvider = ({
       Client2.setWorkspaceContext(wsId || void 0, pjId || void 0);
     }
   }, []);
-  useEffect41(() => {
+  useEffect42(() => {
     Client2.setWorkspaceContext(workspaceId || void 0, projectId || void 0);
   }, [workspaceId, projectId]);
   const [workspaces, setWorkspaces] = useState58([]);
@@ -21542,7 +21630,7 @@ var WorkspaceContextProvider = ({
     setWorkspaces([]);
     resetSelectedWorkspace();
   }, [resetSelectedWorkspace, setWorkspaces]);
-  useEffect41(() => {
+  useEffect42(() => {
     resetWS();
     refreshWorkspaces();
   }, [tenantId]);
@@ -21575,28 +21663,28 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, workspaceId]);
-  useEffect41(() => {
+  useEffect42(() => {
     if (workspaceId && typeof window !== "undefined") {
       sessionStorage.setItem("workspaceId", workspaceId);
     }
   }, [workspaceId]);
-  useEffect41(() => {
+  useEffect42(() => {
     if (projectId && typeof window !== "undefined") {
       sessionStorage.setItem("projectId", projectId);
     }
   }, [projectId]);
-  useEffect41(() => {
+  useEffect42(() => {
     refreshWorkspaces().catch((err) => {
       console.warn("Failed to load workspaces:", err);
     });
   }, [refreshWorkspaces]);
-  useEffect41(() => {
+  useEffect42(() => {
     if (workspaces.length > 0 && !workspaceId) {
       const firstWorkspace = workspaces[0];
       setWorkspaceId(firstWorkspace.id);
     }
   }, [workspaces, workspaceId]);
-  useEffect41(() => {
+  useEffect42(() => {
     if (workspaceId) {
       refreshProjects(workspaceId);
     } else {
@@ -22228,7 +22316,7 @@ var AgentPicker = ({ senderRef, iconOnly }) => {
 };
 
 // src/components/Chat/MetricsDataSourcePicker.tsx
-import { useEffect as useEffect43, useState as useState62, 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";
@@ -22317,7 +22405,7 @@ var MetricsDataSourcePicker = ({
       console.error("Failed to save datasource to sessionStorage:", error);
     }
   };
-  useEffect43(() => {
+  useEffect44(() => {
     if (hasInitializedRef.current) return;
     hasInitializedRef.current = true;
     loadDataSources().then(() => {
@@ -22568,7 +22656,7 @@ var MetricsDataSourcePicker = ({
 };
 
 // src/components/Chat/ModelSelector.tsx
-import { useState as useState63, useEffect as useEffect44, 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 = ({
@@ -22613,7 +22701,7 @@ var ModelSelector = ({
       setIsLoading(false);
     }
   }, [get, defaultModelKey]);
-  useEffect44(() => {
+  useEffect45(() => {
     fetchModels();
   }, [fetchModels]);
   const handleChange = (modelKey) => {
@@ -22676,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 useEffect45, useState as useState64, 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 = {
@@ -22766,7 +22854,7 @@ var SkillCategoryPrompts = ({
   const [showAll, setShowAll] = useState64(false);
   const { get } = useApi();
   const MAX_SIMPLE_ITEMS = 10;
-  useEffect45(() => {
+  useEffect46(() => {
     const loadSkills = async () => {
       setLoading(true);
       try {
@@ -23366,7 +23454,7 @@ var Chating = ({
   const isInputDisabled = interrupts && interrupts.length > 0;
   const typingFrames = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
   const [typingFrameIndex, setTypingFrameIndex] = useState66(0);
-  useEffect46(() => {
+  useEffect47(() => {
     if (!isStreaming) return;
     const interval = setInterval(() => {
       setTypingFrameIndex((prev) => (prev + 1) % typingFrames.length);
@@ -23377,13 +23465,13 @@ var Chating = ({
   const systemContextSentRef = useRef23(false);
   const initialMessageSentRef = useRef23(false);
   const prevLoadingRef = useRef23(false);
-  useEffect46(() => {
+  useEffect47(() => {
     systemContextSentRef.current = false;
   }, [threadId]);
-  useEffect46(() => {
+  useEffect47(() => {
     initialMessageSentRef.current = false;
   }, [threadId]);
-  useEffect46(() => {
+  useEffect47(() => {
     const wasLoading = prevLoadingRef.current;
     prevLoadingRef.current = isLoading;
     if (wasLoading && !isLoading && initialMessage && threadId && !initialMessageSentRef.current) {
@@ -23404,7 +23492,7 @@ var Chating = ({
   }, [updateCustomRunConfig]);
   const [isEmptyState, setIsEmptyState] = useState66(showEmptyState && messages.length === 0 && !pendingMessages?.length);
   const [isTransitioning, setIsTransitioning] = useState66(false);
-  useEffect46(() => {
+  useEffect47(() => {
     if (!showEmptyState) {
       setIsEmptyState(false);
       return;
@@ -23491,7 +23579,7 @@ var Chating = ({
       setSuggestionsLoading(false);
     }
   };
-  useEffect46(() => {
+  useEffect47(() => {
     regsiterElement("action_show_attachments_uploader", {
       card_view: () => null,
       action: (data) => {
@@ -24093,7 +24181,7 @@ var InternetSearchCard = ({
 };
 
 // src/components/GenUI/elements/schedule_viewer.tsx
-import { useState as useState67, useEffect as useEffect47, useCallback as useCallback34 } from "react";
+import { useState as useState67, useEffect as useEffect48, useCallback as useCallback34 } from "react";
 import {
   Tag as Tag22,
   Button as Button48,
@@ -24322,12 +24410,12 @@ var ScheduleViewer = ({ data }) => {
     },
     [client, handleRefresh]
   );
-  useEffect47(() => {
+  useEffect48(() => {
     if (threadId && (!initialTasks || initialTasks.length === 0)) {
       handleRefresh();
     }
   }, [threadId]);
-  useEffect47(() => {
+  useEffect48(() => {
     if (initialTasks) {
       setTasks(initialTasks);
     }
@@ -28086,7 +28174,7 @@ var TaskBoard = ({
 };
 
 // src/components/GenUI/elements/Mailbox.tsx
-import { useState as useState73, useMemo as useMemo29, useRef as useRef24, useEffect as useEffect48 } 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 {
@@ -28382,7 +28470,7 @@ var TeamChat = ({ data }) => {
   const mentions = useMemo29(() => {
     return teammates?.map((t) => t.name) || [];
   }, [teammates]);
-  useEffect48(() => {
+  useEffect49(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [sortedMessages]);
   const handleSend = () => {
@@ -28556,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 useEffect49, useRef as useRef25, useCallback as useCallback35, useState as useState74 } 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) {
@@ -29259,10 +29347,10 @@ var StreamingHTMLRenderer = ({
   const [iframeWidth, setIframeWidth] = React61.useState(void 0);
   const [currentMessageIndex, setCurrentMessageIndex] = useState74(0);
   const [showLoading, setShowLoading] = useState74(true);
-  useEffect49(() => {
+  useEffect50(() => {
     isCompleteRef.current = isComplete;
   }, [isComplete]);
-  useEffect49(() => {
+  useEffect50(() => {
     if (iframeHeight > 0) {
       setShowLoading(false);
       return;
@@ -29338,7 +29426,7 @@ var StreamingHTMLRenderer = ({
       onError?.(streamingError);
     }
   }, [onError]);
-  useEffect49(() => {
+  useEffect50(() => {
     const handleMessage = (event) => {
       const iframe = iframeRef.current;
       if (!iframe || event.source !== iframe.contentWindow) {
@@ -29391,7 +29479,7 @@ var StreamingHTMLRenderer = ({
       window.removeEventListener("message", handleMessage);
     };
   }, [onError, onPrompt, sendChunk, executeScripts]);
-  useEffect49(() => {
+  useEffect50(() => {
     if (html === prevHTMLRef.current) {
       return;
     }
@@ -29402,12 +29490,12 @@ var StreamingHTMLRenderer = ({
       sendChunk(newChunk);
     }
   }, [html, sendChunk]);
-  useEffect49(() => {
+  useEffect50(() => {
     if (isComplete && isReadyRef.current) {
       executeScripts();
     }
   }, [isComplete, executeScripts]);
-  useEffect49(() => {
+  useEffect50(() => {
     const container = containerRef.current;
     if (!container) return;
     const antBubble = container.closest(".ant-bubble");
@@ -29433,7 +29521,7 @@ var StreamingHTMLRenderer = ({
       resizeObserverRef.current = null;
     };
   }, []);
-  useEffect49(() => {
+  useEffect50(() => {
     return () => {
       isReadyRef.current = false;
       pendingChunksRef.current = [];
@@ -29746,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 useEffect50, useMemo as useMemo30, useState as useState75 } 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 {
@@ -29978,7 +30066,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
   const switchTab = (key) => {
     setActiveKey(key);
   };
-  useEffect50(() => {
+  useEffect51(() => {
     if (!selectedCard) return;
     const key = JSON.stringify(selectedCard);
     if (items.find((item) => item.key === key)) {
@@ -30498,7 +30586,7 @@ var ProjectSelector = ({
 };
 
 // src/components/Chat/ToolPanelFiles.tsx
-import { useCallback as useCallback39, useEffect as useEffect51, useMemo as useMemo32, useState as useState77 } 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
@@ -30924,7 +31012,7 @@ var ToolPanelFiles = () => {
       setDirectoryLoading((prev) => ({ ...prev, [path]: false }));
     }
   }, [directoryExpanded, listPath, currentAssistant?.id]);
-  useEffect51(() => {
+  useEffect52(() => {
     resourceFolders.forEach((folder) => {
       void loadAssetsForFolder(folder, false);
     });
@@ -31682,7 +31770,7 @@ var LatticeChatView = (props) => {
 };
 
 // src/components/Chat/SettingsModal.tsx
-import { useState as useState79, useEffect as useEffect52, useRef as useRef27 } from "react";
+import { useState as useState79, useEffect as useEffect53, useRef as useRef27 } from "react";
 import {
   Modal as Modal22,
   Input as Input16,
@@ -32096,7 +32184,7 @@ var SettingsModal = ({
   });
   const [serverConfigs, setServerConfigs] = useState79({});
   const connectionsRef = useRef27(connections);
-  useEffect52(() => {
+  useEffect53(() => {
     connectionsRef.current = connections;
   }, [connections]);
   const [activeTabKey, setActiveTabKey] = useState79(
@@ -32298,7 +32386,7 @@ var SettingsModal = ({
       console.error("Failed to load models configuration:", error);
     }
   };
-  useEffect52(() => {
+  useEffect53(() => {
     if (open && activeTabKey) {
       initializeServerConfig(activeTabKey);
       const connection = connections.find((c) => c.id === activeTabKey);
@@ -32307,7 +32395,7 @@ var SettingsModal = ({
       }
     }
   }, [open, activeTabKey]);
-  useEffect52(() => {
+  useEffect53(() => {
     if (open && activeTabKey) {
       const connection = connections.find((c) => c.id === activeTabKey);
       if (connection?.connected) {
@@ -33087,7 +33175,7 @@ var LatticeChatShell = (props) => {
 };
 
 // src/components/Chat/ChannelInstallationsDrawerContent.tsx
-import { useEffect as useEffect53, useState as useState80 } from "react";
+import { useEffect as useEffect54, useState as useState80 } from "react";
 import {
   Button as Button58,
   Card as Card30,
@@ -33129,7 +33217,7 @@ var ChannelInstallationsDrawerContent = () => {
       setLoading(false);
     }
   };
-  useEffect53(() => {
+  useEffect54(() => {
     loadInstallations();
   }, []);
   const handleDelete = async (installation) => {
@@ -33277,7 +33365,7 @@ var ChannelInstallationsDrawerContent = () => {
 };
 var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCancel, onSave }) => {
   const [form] = Form9.useForm();
-  useEffect53(() => {
+  useEffect54(() => {
     if (installation) {
       const config = installation.config;
       form.setFieldsValue({