@axiom-lattice/react-sdk 2.1.49 → 2.1.50

package/dist/index.mjs

@@ -3079,8 +3079,8 @@ var TenantSelector = ({
   onLogout,
   isLoading = false,
   className = "",
-  title = "Select Workspace",
-  description = "Choose a workspace to continue"
+  title = "Select Tenant",
+  description = "Choose a tenant to continue"
 }) => {
   const [selectedId, setSelectedId] = useState12(currentTenantId || null);
   const [isSubmitting, setIsSubmitting] = useState12(false);
@@ -3513,7 +3513,7 @@ var useStyle = createStyles2(({ token, css }) => {
       position: relative;
 
       &.full_content_width {
-        max-width: 2000px;
+        max-width: 3000px;
       }
 
       &.drawer-open {
@@ -3785,7 +3785,7 @@ var useStyle = createStyles2(({ token, css }) => {
       display: flex;
       align-items: center;
       gap: 12px;
-      padding: 4px 12px;
+      padding: 4px 8px;
       margin-bottom: 16px;
       font-size: 18px;
       font-weight: 600;
@@ -8052,7 +8052,7 @@ import {
   Space as Space27,
   Typography as Typography32
 } from "antd";
-import React40, { useContext as useContext10, useEffect as useEffect34, useRef as useRef20, useState as useState50 } from "react";
+import React40, { useContext as useContext10, useEffect as useEffect34, useRef as useRef20, useState as useState51 } from "react";
 import { BrainCircuit as BrainCircuit3 } from "lucide-react";
 
 // src/components/GenUI/HITLContainer.tsx
@@ -8855,15 +8855,16 @@ var ThreadManagementButtons = () => {
 import React33, {
   createContext as createContext8,
   useContext as useContext9,
-  useState as useState43,
+  useState as useState44,
   useCallback as useCallback24,
   useEffect as useEffect30
 } from "react";
 import { WorkspaceClient, Client as Client2 } from "@axiom-lattice/client-sdk";
 
 // src/components/Chat/WorkspaceResourceManager.tsx
-import { useMemo as useMemo16, useEffect as useEffect29, useRef as useRef15 } from "react";
-import { FolderOpen as FolderOpen2, Activity as Activity3, Database as Database4, Plug as Plug2, Bot, Wrench, Zap } from "lucide-react";
+import { useMemo as useMemo16, useEffect as useEffect29, useRef as useRef15, useState as useState43 } from "react";
+import { FolderOpen as FolderOpen2, Activity as Activity3, Database as Database4, Plug as Plug2, Bot, Wrench, Zap, LogOut as LogOut3, Building2 as Building23 } from "lucide-react";
+import { Modal as Modal9 } from "antd";
 
 // src/components/Chat/Menu.tsx
 import React17, { useState as useState29, useMemo as useMemo10, useCallback as useCallback19 } from "react";
@@ -16768,7 +16769,7 @@ var ToolsList = ({
 };
 
 // src/components/Chat/WorkspaceResourceManager.tsx
-import { jsx as jsx69 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs44 } from "react/jsx-runtime";
 var createWrapper = (Component) => {
   return () => /* @__PURE__ */ jsx69(Component, { ...{} });
 };
@@ -16820,6 +16821,9 @@ var WorkspaceResourceManager = ({
       });
     }
   }, []);
+  const { logout, tenants, currentTenant, selectTenant, isLoading } = useAuth();
+  const { setWorkspace, setProject } = useWorkspaceContext();
+  const [tenantModalOpen, setTenantModalOpen] = useState43(false);
   const menuItems = useMemo16(() => {
     return [
       // Projects - opens in SideApp via route type
@@ -16886,10 +16890,38 @@ var WorkspaceResourceManager = ({
         icon: /* @__PURE__ */ jsx69(Wrench, { size: 20 }),
         order: 50,
         group: "Settings"
+      },
+      // Switch Tenant action
+      {
+        id: "switch_tenant",
+        builtin: "switch-tenant",
+        type: "action",
+        name: "Switch tenant",
+        icon: /* @__PURE__ */ jsx69(Building23, { size: 20 }),
+        order: 900,
+        group: "Account"
+      },
+      // Logout action
+      {
+        id: "logout",
+        builtin: "logout",
+        type: "action",
+        name: "Logout",
+        icon: /* @__PURE__ */ jsx69(LogOut3, { size: 20 }),
+        order: 1e3,
+        group: "Account"
       }
     ];
   }, [workspaceName]);
   const handleItemClick = (item) => {
+    if (item.type === "action" && item.builtin === "logout") {
+      logout();
+      return;
+    }
+    if (item.type === "action" && item.builtin === "switch-tenant") {
+      setTenantModalOpen(true);
+      return;
+    }
     if (item.type === "route") {
       const componentKeyMap = {
         workspace_projects: "workspace_projects",
@@ -16920,7 +16952,7 @@ var WorkspaceResourceManager = ({
       });
     }
   }, [openContentApp]);
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsxs44(
     "div",
     {
       style: {
@@ -16929,27 +16961,60 @@ var WorkspaceResourceManager = ({
         width: "100%",
         height: "100%"
       },
-      children: /* @__PURE__ */ jsx69(
-        ColumnLayout,
-        {
-          menu: /* @__PURE__ */ jsx69(
-            Menu,
-            {
-              items: menuItems,
-              onItemClick: handleItemClick,
-              logo,
-              logoText: workspaceName || "Workspace",
-              showToggle: true,
-              defaultExpanded: true,
-              collapsed: menuCollapsed,
-              onCollapsedChange: setMenuCollapsed
-            }
-          ),
-          logo,
-          left: /* @__PURE__ */ jsx69(SideAppViewBrowser, { region: "content" }),
-          right: null
-        }
-      )
+      children: [
+        /* @__PURE__ */ jsx69(
+          ColumnLayout,
+          {
+            menu: /* @__PURE__ */ jsx69(
+              Menu,
+              {
+                items: menuItems,
+                onItemClick: handleItemClick,
+                logo,
+                logoText: workspaceName || "Workspace",
+                showToggle: true,
+                defaultExpanded: true,
+                collapsed: menuCollapsed,
+                onCollapsedChange: setMenuCollapsed
+              }
+            ),
+            logo,
+            left: /* @__PURE__ */ jsx69(SideAppViewBrowser, { region: "content" }),
+            right: null
+          }
+        ),
+        /* @__PURE__ */ jsx69(
+          Modal9,
+          {
+            open: tenantModalOpen,
+            onCancel: () => setTenantModalOpen(false),
+            footer: null,
+            width: 520,
+            closable: false,
+            styles: {
+              mask: {
+                backgroundColor: "transparent"
+              },
+              content: {
+                backgroundColor: "transparent",
+                boxShadow: "none"
+              }
+            },
+            children: /* @__PURE__ */ jsx69(
+              TenantSelector,
+              {
+                tenants: tenants.map((t) => t.tenant).filter(Boolean),
+                currentTenantId: currentTenant?.id,
+                onSelect: async (tenant) => {
+                  await selectTenant(tenant.id);
+                  setTenantModalOpen(false);
+                },
+                isLoading
+              }
+            )
+          }
+        )
+      ]
     }
   );
 };
@@ -16972,9 +17037,10 @@ var useWorkspaceContext = () => {
   return context;
 };
 var WorkspaceContextProvider = ({
-  children,
-  tenantId: initialTenantId = "default"
+  children
 }) => {
+  const { currentTenant } = useAuth();
+  const tenantId = currentTenant?.id || "";
   const { config } = useLatticeChatShellContext();
   const axiomClient = useClient("__GLOBAL__");
   const getInitialWorkspaceId = () => {
@@ -16989,29 +17055,8 @@ var WorkspaceContextProvider = ({
     }
     return null;
   };
-  const getInitialTenantId = () => {
-    if (typeof window !== "undefined") {
-      return sessionStorage.getItem("tenantId") || initialTenantId;
-    }
-    return initialTenantId;
-  };
-  const [tenantId, setTenantIdState] = useState43(getInitialTenantId);
-  const [workspaceId, setWorkspaceId] = useState43(getInitialWorkspaceId);
-  const [projectId, setProjectId] = useState43(getInitialProjectId);
-  const setTenantId = useCallback24((id) => {
-    setTenantIdState(id);
-    if (typeof window !== "undefined") {
-      sessionStorage.setItem("tenantId", id);
-    }
-    if (axiomClient) {
-      axiomClient.setTenantId(id);
-    }
-  }, [axiomClient]);
-  useEffect30(() => {
-    if (initialTenantId && initialTenantId !== tenantId) {
-      setTenantId(initialTenantId);
-    }
-  }, [initialTenantId, tenantId, setTenantId]);
+  const [workspaceId, setWorkspaceId] = useState44(getInitialWorkspaceId);
+  const [projectId, setProjectId] = useState44(getInitialProjectId);
   React33.useEffect(() => {
     const wsId = getInitialWorkspaceId();
     const pjId = getInitialProjectId();
@@ -17022,10 +17067,10 @@ var WorkspaceContextProvider = ({
   useEffect30(() => {
     Client2.setWorkspaceContext(workspaceId || void 0, projectId || void 0);
   }, [workspaceId, projectId]);
-  const [workspaces, setWorkspaces] = useState43([]);
-  const [projects, setProjects] = useState43([]);
-  const [loading, setLoading] = useState43(false);
-  const [error, setError] = useState43(null);
+  const [workspaces, setWorkspaces] = useState44([]);
+  const [projects, setProjects] = useState44([]);
+  const [loading, setLoading] = useState44(false);
+  const [error, setError] = useState44(null);
   const client = React33.useMemo(() => {
     return new WorkspaceClient({
       baseURL: config.baseURL,
@@ -17034,6 +17079,21 @@ var WorkspaceContextProvider = ({
       transport: "sse"
     }, tenantId);
   }, [config.baseURL, config.apiKey, tenantId]);
+  const resetSelectedWorkspace = useCallback24(() => {
+    setProjects([]);
+    setWorkspaceId(null);
+    sessionStorage.removeItem("workspaceId");
+    setProjectId(null);
+    sessionStorage.removeItem("projectId");
+  }, [setProjects, setWorkspaceId, setProjectId]);
+  const resetWS = useCallback24(() => {
+    setWorkspaces([]);
+    resetSelectedWorkspace();
+  }, [resetSelectedWorkspace, setWorkspaces]);
+  useEffect30(() => {
+    resetWS();
+    refreshWorkspaces();
+  }, [tenantId]);
   const refreshWorkspaces = useCallback24(async () => {
     setLoading(true);
     setError(null);
@@ -17128,7 +17188,7 @@ var WorkspaceContextProvider = ({
     try {
       await client.deleteWorkspace(id);
       if (workspaceId === id) {
-        setWorkspaceId(null);
+        resetSelectedWorkspace();
       }
       await refreshWorkspaces();
     } catch (e) {
@@ -17249,14 +17309,12 @@ var WorkspaceContextProvider = ({
     [client, workspaceId, projectId]
   );
   const value = {
-    tenantId,
     workspaceId,
     projectId,
     workspaces,
     projects,
     loading,
     error,
-    setTenantId,
     setWorkspace: setWorkspaceId,
     setProject: setProjectId,
     createWorkspace,
@@ -17293,15 +17351,15 @@ var WorkspaceContextProvider = ({
 };
 
 // src/components/Chat/DatabasePicker.tsx
-import { useRef as useRef16, useState as useState44 } from "react";
-import { Modal as Modal9, List as List7, Checkbox as Checkbox5, Spin as Spin8, Empty as Empty5, Typography as Typography26, Button as Button33, Space as Space22, Tooltip as Tooltip13 } from "antd";
+import { useRef as useRef16, useState as useState45 } from "react";
+import { Modal as Modal10, List as List7, Checkbox as Checkbox5, Spin as Spin8, Empty as Empty5, Typography as Typography26, Button as Button33, Space as Space22, Tooltip as Tooltip13 } from "antd";
 import { Database as Database5 } from "lucide-react";
-import { Fragment as Fragment14, jsx as jsx71, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx71, jsxs as jsxs45 } from "react/jsx-runtime";
 var DatabasePicker = ({ senderRef, iconOnly }) => {
-  const [modalOpen, setModalOpen] = useState44(false);
-  const [databases, setDatabases] = useState44([]);
-  const [loading, setLoading] = useState44(false);
-  const [selectedDatabases, setSelectedDatabases] = useState44([]);
+  const [modalOpen, setModalOpen] = useState45(false);
+  const [databases, setDatabases] = useState45([]);
+  const [loading, setLoading] = useState45(false);
+  const [selectedDatabases, setSelectedDatabases] = useState45([]);
   const { get } = useApi();
   const fetchedRef = useRef16(false);
   const loadDatabases = async () => {
@@ -17335,7 +17393,7 @@ var DatabasePicker = ({ senderRef, iconOnly }) => {
               type: "tag",
               key: `db_${dbKey}_${Date.now()}`,
               props: {
-                label: /* @__PURE__ */ jsxs44(Space22, { size: 1, children: [
+                label: /* @__PURE__ */ jsxs45(Space22, { size: 1, children: [
                   /* @__PURE__ */ jsx71(Database5, { size: 10 }),
                   " ",
                   /* @__PURE__ */ jsx71(Typography26.Text, { children: db.name || dbKey })
@@ -17351,7 +17409,7 @@ var DatabasePicker = ({ senderRef, iconOnly }) => {
     setModalOpen(false);
     setSelectedDatabases([]);
   };
-  return /* @__PURE__ */ jsxs44(Fragment14, { children: [
+  return /* @__PURE__ */ jsxs45(Fragment14, { children: [
     /* @__PURE__ */ jsx71(Tooltip13, { title: iconOnly ? "Database" : void 0, children: /* @__PURE__ */ jsx71(
       Button33,
       {
@@ -17374,7 +17432,7 @@ var DatabasePicker = ({ senderRef, iconOnly }) => {
       }
     ) }),
     /* @__PURE__ */ jsx71(
-      Modal9,
+      Modal10,
       {
         title: "Select Database",
         open: modalOpen,
@@ -17443,15 +17501,15 @@ var DatabasePicker = ({ senderRef, iconOnly }) => {
 };
 
 // src/components/Chat/SkillPicker.tsx
-import { useRef as useRef17, useState as useState45 } from "react";
-import { Modal as Modal10, List as List8, Checkbox as Checkbox6, Spin as Spin9, Empty as Empty6, Typography as Typography27, Button as Button34, Space as Space23, Tooltip as Tooltip14 } from "antd";
+import { useRef as useRef17, useState as useState46 } from "react";
+import { Modal as Modal11, List as List8, Checkbox as Checkbox6, Spin as Spin9, Empty as Empty6, Typography as Typography27, Button as Button34, Space as Space23, Tooltip as Tooltip14 } from "antd";
 import { BrainCircuit } from "lucide-react";
-import { Fragment as Fragment15, jsx as jsx72, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx72, jsxs as jsxs46 } from "react/jsx-runtime";
 var SkillPicker = ({ senderRef, iconOnly }) => {
-  const [modalOpen, setModalOpen] = useState45(false);
-  const [skills, setSkills] = useState45([]);
-  const [loading, setLoading] = useState45(false);
-  const [selectedSkills, setSelectedSkills] = useState45([]);
+  const [modalOpen, setModalOpen] = useState46(false);
+  const [skills, setSkills] = useState46([]);
+  const [loading, setLoading] = useState46(false);
+  const [selectedSkills, setSelectedSkills] = useState46([]);
   const { get } = useApi();
   const fetchedRef = useRef17(false);
   const loadSkills = async () => {
@@ -17485,7 +17543,7 @@ var SkillPicker = ({ senderRef, iconOnly }) => {
               type: "tag",
               key: `skill_${skillId}_${Date.now()}`,
               props: {
-                label: /* @__PURE__ */ jsxs45(Space23, { size: 1, children: [
+                label: /* @__PURE__ */ jsxs46(Space23, { size: 1, children: [
                   /* @__PURE__ */ jsx72(BrainCircuit, { size: 12 }),
                   " ",
                   /* @__PURE__ */ jsx72(Typography27.Text, { children: skill.name })
@@ -17501,7 +17559,7 @@ var SkillPicker = ({ senderRef, iconOnly }) => {
     setModalOpen(false);
     setSelectedSkills([]);
   };
-  return /* @__PURE__ */ jsxs45(Fragment15, { children: [
+  return /* @__PURE__ */ jsxs46(Fragment15, { children: [
     /* @__PURE__ */ jsx72(Tooltip14, { title: iconOnly ? "Skills" : void 0, children: /* @__PURE__ */ jsx72(
       Button34,
       {
@@ -17524,7 +17582,7 @@ var SkillPicker = ({ senderRef, iconOnly }) => {
       }
     ) }),
     /* @__PURE__ */ jsx72(
-      Modal10,
+      Modal11,
       {
         title: "Select Skills",
         open: modalOpen,
@@ -17593,14 +17651,14 @@ var SkillPicker = ({ senderRef, iconOnly }) => {
 };
 
 // src/components/Chat/AgentPicker.tsx
-import { useRef as useRef18, useState as useState46 } from "react";
-import { Modal as Modal11, List as List9, Empty as Empty7, Typography as Typography28, Button as Button35, Tooltip as Tooltip15 } from "antd";
+import { useRef as useRef18, useState as useState47 } from "react";
+import { Modal as Modal12, List as List9, Empty as Empty7, Typography as Typography28, Button as Button35, Tooltip as Tooltip15 } from "antd";
 import { Bot as Bot2 } from "lucide-react";
-import { Fragment as Fragment16, jsx as jsx73, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx73, jsxs as jsxs47 } from "react/jsx-runtime";
 var AgentPicker = ({ senderRef, iconOnly }) => {
-  const [modalOpen, setModalOpen] = useState46(false);
-  const [loading, setLoading] = useState46(false);
-  const [selectedAgent, setSelectedAgent] = useState46(null);
+  const [modalOpen, setModalOpen] = useState47(false);
+  const [loading, setLoading] = useState47(false);
+  const [selectedAgent, setSelectedAgent] = useState47(null);
   const { assistants, currentAssistant, selectAssistant } = useAssistantContext();
   const fetchedRef = useRef18(false);
   const handleOpenModal = () => {
@@ -17616,7 +17674,7 @@ var AgentPicker = ({ senderRef, iconOnly }) => {
   const handleAgentClick = (agentId) => {
     setSelectedAgent(agentId);
   };
-  return /* @__PURE__ */ jsxs46(Fragment16, { children: [
+  return /* @__PURE__ */ jsxs47(Fragment16, { children: [
     /* @__PURE__ */ jsx73(Tooltip15, { title: iconOnly ? currentAssistant?.name || "Agent" : void 0, children: /* @__PURE__ */ jsx73(
       Button35,
       {
@@ -17639,7 +17697,7 @@ var AgentPicker = ({ senderRef, iconOnly }) => {
       }
     ) }),
     /* @__PURE__ */ jsx73(
-      Modal11,
+      Modal12,
       {
         title: "Select Agent",
         open: modalOpen,
@@ -17709,18 +17767,18 @@ var AgentPicker = ({ senderRef, iconOnly }) => {
 };
 
 // src/components/Chat/MetricsDataSourcePicker.tsx
-import { useEffect as useEffect32, useState as useState47, useRef as useRef19 } from "react";
-import { Modal as Modal12, List as List10, Spin as Spin11, Empty as Empty8, Typography as Typography29, Button as Button36, Tag as Tag14, Tooltip as Tooltip16 } from "antd";
+import { useEffect as useEffect32, useState as useState48, useRef as useRef19 } from "react";
+import { Modal as Modal13, List as List10, Spin as Spin11, Empty as Empty8, Typography as Typography29, Button as Button36, Tag as Tag14, Tooltip as Tooltip16 } from "antd";
 import { Database as Database6, Check as Check4, Server as Server2 } from "lucide-react";
-import { Fragment as Fragment17, jsx as jsx74, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx74, jsxs as jsxs48 } from "react/jsx-runtime";
 var SESSION_STORAGE_KEY = "metrics_datasource_selection";
 var MetricsDataSourcePicker = ({
   senderRef,
   iconOnly
 }) => {
-  const [modalOpen, setModalOpen] = useState47(false);
-  const [loading, setLoading] = useState47(false);
-  const [dataSources, setDataSources] = useState47([]);
+  const [modalOpen, setModalOpen] = useState48(false);
+  const [loading, setLoading] = useState48(false);
+  const [dataSources, setDataSources] = useState48([]);
   const { config } = useLatticeChatShellContext();
   const { customRunConfig, updateCustomRunConfig } = useConversationContext();
   const { get } = useApi();
@@ -17801,19 +17859,25 @@ var MetricsDataSourcePicker = ({
   useEffect32(() => {
     if (hasInitializedRef.current) return;
     hasInitializedRef.current = true;
-    loadDataSources();
-    const hasExistingSelection = customRunConfig?.metricsDataSource;
-    if (hasExistingSelection) {
-      saveToSessionStorage(
-        hasExistingSelection.serverKey,
-        hasExistingSelection.datasourceId
-      );
-      return;
-    }
-    const restored = restoreFromSessionStorage();
-    if (!restored) {
-      setModalOpen(true);
-    }
+    loadDataSources().then(() => {
+      const hasExistingSelection = customRunConfig?.metricsDataSource;
+      if (hasExistingSelection) {
+        saveToSessionStorage(
+          hasExistingSelection.serverKey,
+          hasExistingSelection.datasourceId
+        );
+        return;
+      }
+      const restored = restoreFromSessionStorage();
+      if (!restored) {
+        setDataSources((currentDataSources) => {
+          if (currentDataSources.length > 0) {
+            setModalOpen(true);
+          }
+          return currentDataSources;
+        });
+      }
+    });
   }, []);
   const getSelectedDataSource = () => {
     const metricsDataSource = customRunConfig?.metricsDataSource;
@@ -17850,13 +17914,14 @@ var MetricsDataSourcePicker = ({
     acc[ds.serverName].push(ds);
     return acc;
   }, {});
-  return /* @__PURE__ */ jsxs47(Fragment17, { children: [
-    /* @__PURE__ */ jsx74(Tooltip16, { title: iconOnly ? getSelectedName() || "Select Data Source" : void 0, children: /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsxs48(Fragment17, { children: [
+    /* @__PURE__ */ jsx74(Tooltip16, { title: iconOnly ? getSelectedName() || "Select Data Source" : dataSources.length === 0 ? "No data sources available" : void 0, children: /* @__PURE__ */ jsx74(
       Button36,
       {
         icon: /* @__PURE__ */ jsx74(Database6, { size: iconOnly ? 18 : 18 }),
         onClick: handleOpenModal,
         type: "text",
+        disabled: dataSources.length === 0,
         style: {
           height: 32,
           width: iconOnly ? 32 : void 0,
@@ -17874,7 +17939,7 @@ var MetricsDataSourcePicker = ({
       }
     ) }),
     /* @__PURE__ */ jsx74(
-      Modal12,
+      Modal13,
       {
         title: /* @__PURE__ */ jsx74("div", { style: { fontSize: 16, fontWeight: 600 }, children: "Select Metrics Data Source" }),
         open: modalOpen,
@@ -17894,8 +17959,8 @@ var MetricsDataSourcePicker = ({
             description: "No Metrics Data Sources Available",
             image: Empty8.PRESENTED_IMAGE_SIMPLE
           }
-        ) : /* @__PURE__ */ jsx74("div", { style: { display: "flex", flexDirection: "column", gap: 24 }, children: Object.entries(groupedDataSources).map(([serverName, sources]) => /* @__PURE__ */ jsxs47("div", { children: [
-          /* @__PURE__ */ jsxs47(
+        ) : /* @__PURE__ */ jsx74("div", { style: { display: "flex", flexDirection: "column", gap: 24 }, children: Object.entries(groupedDataSources).map(([serverName, sources]) => /* @__PURE__ */ jsxs48("div", { children: [
+          /* @__PURE__ */ jsxs48(
             "div",
             {
               style: {
@@ -17946,7 +18011,7 @@ var MetricsDataSourcePicker = ({
                       transition: "all 0.15s ease"
                     },
                     onClick: () => handleSelect(dataSource),
-                    children: /* @__PURE__ */ jsxs47(
+                    children: /* @__PURE__ */ jsxs48(
                       "div",
                       {
                         style: {
@@ -17956,7 +18021,7 @@ var MetricsDataSourcePicker = ({
                           width: "100%"
                         },
                         children: [
-                          /* @__PURE__ */ jsxs47(
+                          /* @__PURE__ */ jsxs48(
                             "div",
                             {
                               style: {
@@ -17987,7 +18052,7 @@ var MetricsDataSourcePicker = ({
                                     )
                                   }
                                 ),
-                                /* @__PURE__ */ jsxs47("div", { children: [
+                                /* @__PURE__ */ jsxs48("div", { children: [
                                   /* @__PURE__ */ jsx74(
                                     Typography29.Text,
                                     {
@@ -18061,9 +18126,9 @@ import {
 } from "@ant-design/icons";
 import { Prompts } from "@ant-design/x";
 import { Space as Space25, Typography as Typography30, Spin as Spin12 } from "antd";
-import { useEffect as useEffect33, useState as useState48, useMemo as useMemo17 } from "react";
+import { useEffect as useEffect33, useState as useState49, useMemo as useMemo17 } from "react";
 import { BrainCircuit as BrainCircuit2 } from "lucide-react";
-import { jsx as jsx75, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs49 } from "react/jsx-runtime";
 var categoryConfig = {
   business_analysis: {
     icon: /* @__PURE__ */ jsx75(BarChartOutlined, {}),
@@ -18146,9 +18211,9 @@ var SkillCategoryPrompts = ({
   senderRef,
   visible = true
 }) => {
-  const [skills, setSkills] = useState48([]);
-  const [loading, setLoading] = useState48(false);
-  const [showAll, setShowAll] = useState48(false);
+  const [skills, setSkills] = useState49([]);
+  const [loading, setLoading] = useState49(false);
+  const [showAll, setShowAll] = useState49(false);
   const { get } = useApi();
   const MAX_SIMPLE_ITEMS = 10;
   useEffect33(() => {
@@ -18188,7 +18253,7 @@ var SkillCategoryPrompts = ({
             type: "tag",
             key: `skill_${skill.id}_${Date.now()}`,
             props: {
-              label: /* @__PURE__ */ jsxs48(Space25, { size: 1, children: [
+              label: /* @__PURE__ */ jsxs49(Space25, { size: 1, children: [
                 /* @__PURE__ */ jsx75(BrainCircuit2, { size: 12 }),
                 /* @__PURE__ */ jsx75(Typography30.Text, { children: skill.name })
               ] }),
@@ -18294,7 +18359,7 @@ var SkillCategoryPrompts = ({
         return /* @__PURE__ */ jsx75("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ jsx75(
           Prompts,
           {
-            title: /* @__PURE__ */ jsxs48(Space25, { children: [
+            title: /* @__PURE__ */ jsxs49(Space25, { children: [
               /* @__PURE__ */ jsx75("span", { style: { color: config.color }, children: config.icon }),
               /* @__PURE__ */ jsx75("span", { children: config.label })
             ] }),
@@ -18330,8 +18395,8 @@ import {
 } from "@ant-design/icons";
 import { Prompts as Prompts2 } from "@ant-design/x";
 import { Space as Space26, Tabs } from "antd";
-import { useState as useState49, useMemo as useMemo18 } from "react";
-import { jsx as jsx76, jsxs as jsxs49 } from "react/jsx-runtime";
+import { useState as useState50, useMemo as useMemo18 } from "react";
+import { jsx as jsx76, jsxs as jsxs50 } from "react/jsx-runtime";
 var defaultCategoryIcons = {
   financial: /* @__PURE__ */ jsx76(DollarOutlined, {}),
   sales: /* @__PURE__ */ jsx76(LineChartOutlined, {}),
@@ -18549,7 +18614,7 @@ var BusinessAnalysisPrompts = ({
   simpleModeTitle = "Quick Analysis",
   expandModeTitle = "Analysis Categories"
 }) => {
-  const [showAll, setShowAll] = useState49(false);
+  const [showAll, setShowAll] = useState50(false);
   const { config } = useLatticeChatShellContext();
   const analysisData = useMemo18(() => {
     const customData = config.quickPromptsData;
@@ -18661,7 +18726,7 @@ var BusinessAnalysisPrompts = ({
           defaultActiveKey: analysisData[0]?.key,
           items: analysisData.map((category) => ({
             key: category.key,
-            label: /* @__PURE__ */ jsxs49(Space26, { children: [
+            label: /* @__PURE__ */ jsxs50(Space26, { children: [
               /* @__PURE__ */ jsx76("span", { style: { color: category.color }, children: category.icon }),
               /* @__PURE__ */ jsx76("span", { children: category.title })
             ] }),
@@ -18693,7 +18758,7 @@ var BusinessAnalysisPrompts = ({
 };
 
 // src/components/Chat/Chating.tsx
-import { Fragment as Fragment18, jsx as jsx77, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx77, jsxs as jsxs51 } from "react/jsx-runtime";
 var slotConfig = [];
 var Chating = ({
   avatar,
@@ -18713,10 +18778,10 @@ var Chating = ({
   emptyStateQuestion = "Ready to turn data into insightful charts in seconds?",
   welcomePrefix = "Hey"
 }) => {
-  const [content, setContent] = useState50("");
-  const [attachedFiles, setAttachedFiles] = useState50([]);
+  const [content, setContent] = useState51("");
+  const [attachedFiles, setAttachedFiles] = useState51([]);
   const { styles } = useStyle();
-  const [headerOpen, setHeaderOpen] = useState50(false);
+  const [headerOpen, setHeaderOpen] = useState51(false);
   const attachmentsRef = useRef20(null);
   const senderRef = React40.useRef(null);
   const {
@@ -18733,8 +18798,8 @@ var Chating = ({
     clearError
   } = useAgentChat();
   const conversationContext = useConversationContext();
-  const [isEmptyState, setIsEmptyState] = useState50(messages.length === 0);
-  const [isTransitioning, setIsTransitioning] = useState50(false);
+  const [isEmptyState, setIsEmptyState] = useState51(messages.length === 0);
+  const [isTransitioning, setIsTransitioning] = useState51(false);
   useEffect34(() => {
     if (messages.length > 0 && isEmptyState) {
       setIsTransitioning(true);
@@ -18755,9 +18820,9 @@ var Chating = ({
   const listPathByFolder = workspaceContext?.listPathByFolder ?? (async () => []);
   const workspaceId = workspaceContext?.workspaceId ?? null;
   const projectId = workspaceContext?.projectId ?? null;
-  const [workspaceFiles, setWorkspaceFiles] = useState50([]);
-  const [suggestionsLoading, setSuggestionsLoading] = useState50(false);
-  const [suggestionsOpen, setSuggestionsOpen] = useState50(false);
+  const [workspaceFiles, setWorkspaceFiles] = useState51([]);
+  const [suggestionsLoading, setSuggestionsLoading] = useState51(false);
+  const [suggestionsOpen, setSuggestionsOpen] = useState51(false);
   const getFileIcon3 = (filename) => {
     const ext = filename.split(".").pop()?.toLowerCase();
     const iconStyle = { fontSize: 16 };
@@ -18965,8 +19030,8 @@ var Chating = ({
     if (!hasSlotButtons && !actionNode) {
       return null;
     }
-    return /* @__PURE__ */ jsxs50(Flex5, { justify: "space-between", align: "center", style: { padding: "8px 0" }, children: [
-      /* @__PURE__ */ jsxs50(Flex5, { align: "center", gap: 8, children: [
+    return /* @__PURE__ */ jsxs51(Flex5, { justify: "space-between", align: "center", style: { padding: "8px 0" }, children: [
+      /* @__PURE__ */ jsxs51(Flex5, { align: "center", gap: 8, children: [
         /* @__PURE__ */ jsx77(Badge5, { dot: attachedFiles.length > 0 && !headerOpen, children: /* @__PURE__ */ jsx77(
           Button37,
           {
@@ -18976,7 +19041,7 @@ var Chating = ({
           }
         ) }),
         /* @__PURE__ */ jsx77(Divider6, { type: "vertical", style: { margin: 0 } }),
-        hasSlotButtons && /* @__PURE__ */ jsxs50(Flex5, { align: "center", gap: 8, children: [
+        hasSlotButtons && /* @__PURE__ */ jsxs51(Flex5, { align: "center", gap: 8, children: [
           showAgentSlot && /* @__PURE__ */ jsx77(AgentPicker, { senderRef, iconOnly: true }),
           showDatabaseSlot && /* @__PURE__ */ jsx77(DatabasePicker, { senderRef, iconOnly: true }),
           showSkillSlot && /* @__PURE__ */ jsx77(SkillPicker, { senderRef, iconOnly: true }),
@@ -19000,8 +19065,8 @@ var Chating = ({
     ...showRefreshButton ? [refreshButton] : [],
     /* @__PURE__ */ jsx77(ThreadManagementButtons, {}, "thread-buttons")
   ];
-  const [skills, setSkills] = useState50([]);
-  const [skillsLoading, setSkillsLoading] = useState50(false);
+  const [skills, setSkills] = useState51([]);
+  const [skillsLoading, setSkillsLoading] = useState51(false);
   const { get: apiGet } = useApi();
   const loadSkills = async () => {
     if (skills.length > 0) return;
@@ -19018,7 +19083,7 @@ var Chating = ({
     }
   };
   const renderSender = (isEmpty) => {
-    const [suggestionMode, setSuggestionMode] = useState50(null);
+    const [suggestionMode, setSuggestionMode] = useState51(null);
     const suggestionItems = suggestionMode === "skills" ? skills.map((skill) => ({
       value: skill.name,
       icon: /* @__PURE__ */ jsx77(BrainCircuit3, { size: 14, style: { color: "#722ed1" } }),
@@ -19040,7 +19105,7 @@ var Chating = ({
                 type: "tag",
                 key: `skill_${itemVal}_${Date.now()}`,
                 props: {
-                  label: /* @__PURE__ */ jsxs50(Space27, { size: 1, children: [
+                  label: /* @__PURE__ */ jsxs51(Space27, { size: 1, children: [
                     /* @__PURE__ */ jsx77(BrainCircuit3, { size: 12 }),
                     /* @__PURE__ */ jsx77(Typography32.Text, { children: itemVal })
                   ] }),
@@ -19110,7 +19175,7 @@ var Chating = ({
       }
     );
   };
-  return /* @__PURE__ */ jsxs50(Fragment18, { children: [
+  return /* @__PURE__ */ jsxs51(Fragment18, { children: [
     /* @__PURE__ */ jsx77(
       "div",
       {
@@ -19143,13 +19208,13 @@ var Chating = ({
         )
       }
     ),
-    isEmptyState && /* @__PURE__ */ jsxs50(
+    isEmptyState && /* @__PURE__ */ jsxs51(
       "div",
       {
         className: `${styles.emptyStateContainer} ${isTransitioning ? styles.exiting : ""}`,
         children: [
-          /* @__PURE__ */ jsxs50("div", { className: styles.welcomeSection, children: [
-            /* @__PURE__ */ jsx77("div", { className: styles.greeting, children: emptyStateGreeting ? emptyStateGreeting : /* @__PURE__ */ jsxs50(Fragment18, { children: [
+          /* @__PURE__ */ jsxs51("div", { className: styles.welcomeSection, children: [
+            /* @__PURE__ */ jsx77("div", { className: styles.greeting, children: emptyStateGreeting ? emptyStateGreeting : /* @__PURE__ */ jsxs51(Fragment18, { children: [
               welcomePrefix,
               " ",
               /* @__PURE__ */ jsx77("span", { className: "user-name", children: displayUserName })
@@ -19177,7 +19242,7 @@ var Chating = ({
         ]
       }
     ),
-    !isEmptyState && /* @__PURE__ */ jsxs50(Fragment18, { children: [
+    !isEmptyState && /* @__PURE__ */ jsxs51(Fragment18, { children: [
       /* @__PURE__ */ jsx77(
         MessageList,
         {
@@ -19237,7 +19302,7 @@ import {
   SearchOutlined
 } from "@ant-design/icons";
 import { createStyles as createStyles17 } from "antd-style";
-import { jsx as jsx79, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs52 } from "react/jsx-runtime";
 var { Text: Text25 } = Typography34;
 var useStyle8 = createStyles17(({ token, css }) => ({
   listContainer: css`
@@ -19352,7 +19417,7 @@ var InternetSearchCard = ({
   if (!toolCallData) {
     return null;
   }
-  const header = /* @__PURE__ */ jsxs51(Space28, { children: [
+  const header = /* @__PURE__ */ jsxs52(Space28, { children: [
     /* @__PURE__ */ jsx79(Text25, { strong: true, children: "Internet Search" }),
     /* @__PURE__ */ jsx79(Text25, { title: query, children: query })
   ] });
@@ -19372,7 +19437,7 @@ var InternetSearchCard = ({
             const domain = getDomainFromUrl(url);
             const iconText = getIconText(domain);
             const iconColor = getIconColor(domain);
-            return /* @__PURE__ */ jsx79(List11.Item, { extra: /* @__PURE__ */ jsx79(Text25, { className: styles.source, children: domain }), children: /* @__PURE__ */ jsxs51(Space28, { style: { width: "100%" }, children: [
+            return /* @__PURE__ */ jsx79(List11.Item, { extra: /* @__PURE__ */ jsx79(Text25, { className: styles.source, children: domain }), children: /* @__PURE__ */ jsxs52(Space28, { style: { width: "100%" }, children: [
               /* @__PURE__ */ jsx79(Avatar7, { style: { background: iconColor }, children: iconText }),
               " ",
               /* @__PURE__ */ jsx79(
@@ -19398,7 +19463,7 @@ var InternetSearchCard = ({
 };
 
 // src/components/GenUI/elements/schedule_viewer.tsx
-import { useState as useState51, useEffect as useEffect35, useCallback as useCallback25 } from "react";
+import { useState as useState52, useEffect as useEffect35, useCallback as useCallback25 } from "react";
 import {
   Tag as Tag15,
   Button as Button39,
@@ -19431,7 +19496,7 @@ import {
   ScheduledTaskStatus as ScheduledTaskStatus2,
   ScheduleExecutionType
 } from "@axiom-lattice/client-sdk";
-import { jsx as jsx80, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs53 } from "react/jsx-runtime";
 dayjs2.extend(relativeTime);
 var { Text: Text26, Title: Title5 } = Typography35;
 var useStyles7 = createStyles18(({ token, css }) => ({
@@ -19558,9 +19623,9 @@ var ScheduleViewer = ({ data }) => {
   const { styles } = useStyles7();
   const { threadId, assistantId, tasks: initialTasks, onRefresh } = data ?? {};
   const client = useClient(assistantId || "");
-  const [tasks, setTasks] = useState51(initialTasks || []);
-  const [loading, setLoading] = useState51(false);
-  const [actionLoading, setActionLoading] = useState51(null);
+  const [tasks, setTasks] = useState52(initialTasks || []);
+  const [loading, setLoading] = useState52(false);
+  const [actionLoading, setActionLoading] = useState52(null);
   const handleRefresh = useCallback25(async () => {
     if (!threadId) return;
     setLoading(true);
@@ -19638,7 +19703,7 @@ var ScheduleViewer = ({ data }) => {
     const isPending = task.status === ScheduledTaskStatus2.PENDING;
     const isPaused = task.status === ScheduledTaskStatus2.PAUSED;
     const isCron = task.executionType === ScheduleExecutionType.CRON;
-    return /* @__PURE__ */ jsxs52(Space29, { className: styles.actions, children: [
+    return /* @__PURE__ */ jsxs53(Space29, { className: styles.actions, children: [
       isPending && isCron && /* @__PURE__ */ jsx80(Tooltip17, { title: "Pause", children: /* @__PURE__ */ jsx80(
         Button39,
         {
@@ -19683,53 +19748,53 @@ var ScheduleViewer = ({ data }) => {
   };
   const renderTask = (task) => {
     const isActive = task.status === ScheduledTaskStatus2.PENDING || task.status === ScheduledTaskStatus2.PAUSED;
-    return /* @__PURE__ */ jsxs52(
+    return /* @__PURE__ */ jsxs53(
       Card16,
       {
         className: styles.taskCard,
         size: "small",
         bordered: true,
         children: [
-          /* @__PURE__ */ jsxs52("div", { className: styles.taskHeader, children: [
-            /* @__PURE__ */ jsxs52("div", { children: [
+          /* @__PURE__ */ jsxs53("div", { className: styles.taskHeader, children: [
+            /* @__PURE__ */ jsxs53("div", { children: [
               /* @__PURE__ */ jsx80("div", { className: styles.taskType, children: task.taskType }),
               /* @__PURE__ */ jsx80("div", { className: styles.taskId, children: task.taskId })
             ] }),
             /* @__PURE__ */ jsx80(Tag15, { color: getStatusColor(task.status), icon: getStatusIcon2(task.status), children: task.status.toUpperCase() })
           ] }),
-          /* @__PURE__ */ jsxs52("div", { className: styles.metaRow, children: [
-            /* @__PURE__ */ jsx80(Tooltip17, { title: "Execution Type", children: /* @__PURE__ */ jsxs52("div", { className: styles.metaItem, children: [
+          /* @__PURE__ */ jsxs53("div", { className: styles.metaRow, children: [
+            /* @__PURE__ */ jsx80(Tooltip17, { title: "Execution Type", children: /* @__PURE__ */ jsxs53("div", { className: styles.metaItem, children: [
               /* @__PURE__ */ jsx80(FieldTimeOutlined, {}),
               /* @__PURE__ */ jsx80("span", { children: task.executionType === ScheduleExecutionType.CRON ? "Recurring" : "One-time" })
             ] }) }),
-            task.cronExpression && /* @__PURE__ */ jsx80(Tooltip17, { title: "Cron Expression", children: /* @__PURE__ */ jsxs52("div", { className: styles.metaItem, children: [
+            task.cronExpression && /* @__PURE__ */ jsx80(Tooltip17, { title: "Cron Expression", children: /* @__PURE__ */ jsxs53("div", { className: styles.metaItem, children: [
               /* @__PURE__ */ jsx80(ClockCircleOutlined2, {}),
               /* @__PURE__ */ jsx80("code", { className: styles.cronExpression, children: task.cronExpression })
             ] }) }),
-            task.nextRunAt && /* @__PURE__ */ jsx80(Tooltip17, { title: `Next run: ${formatTime(task.nextRunAt)}`, children: /* @__PURE__ */ jsxs52("div", { className: styles.metaItem, children: [
+            task.nextRunAt && /* @__PURE__ */ jsx80(Tooltip17, { title: `Next run: ${formatTime(task.nextRunAt)}`, children: /* @__PURE__ */ jsxs53("div", { className: styles.metaItem, children: [
               /* @__PURE__ */ jsx80(ClockCircleOutlined2, {}),
-              /* @__PURE__ */ jsxs52("span", { children: [
+              /* @__PURE__ */ jsxs53("span", { children: [
                 "Next: ",
                 getRelativeTime(task.nextRunAt)
               ] })
             ] }) }),
-            task.executeAt && !task.cronExpression && /* @__PURE__ */ jsx80(Tooltip17, { title: `Execute at: ${formatTime(task.executeAt)}`, children: /* @__PURE__ */ jsxs52("div", { className: styles.metaItem, children: [
+            task.executeAt && !task.cronExpression && /* @__PURE__ */ jsx80(Tooltip17, { title: `Execute at: ${formatTime(task.executeAt)}`, children: /* @__PURE__ */ jsxs53("div", { className: styles.metaItem, children: [
               /* @__PURE__ */ jsx80(ClockCircleOutlined2, {}),
-              /* @__PURE__ */ jsxs52("span", { children: [
+              /* @__PURE__ */ jsxs53("span", { children: [
                 "At: ",
                 getRelativeTime(task.executeAt)
               ] })
             ] }) }),
-            task.runCount > 0 && /* @__PURE__ */ jsx80(Tooltip17, { title: "Run count", children: /* @__PURE__ */ jsxs52("div", { className: styles.metaItem, children: [
+            task.runCount > 0 && /* @__PURE__ */ jsx80(Tooltip17, { title: "Run count", children: /* @__PURE__ */ jsxs53("div", { className: styles.metaItem, children: [
               /* @__PURE__ */ jsx80(SyncOutlined2, {}),
-              /* @__PURE__ */ jsxs52("span", { children: [
+              /* @__PURE__ */ jsxs53("span", { children: [
                 "Runs: ",
                 task.runCount,
                 task.maxRuns ? ` / ${task.maxRuns}` : ""
               ] })
             ] }) })
           ] }),
-          task.lastError && /* @__PURE__ */ jsx80("div", { style: { marginTop: 8 }, children: /* @__PURE__ */ jsxs52(Text26, { type: "danger", style: { fontSize: 12 }, children: [
+          task.lastError && /* @__PURE__ */ jsx80("div", { style: { marginTop: 8 }, children: /* @__PURE__ */ jsxs53(Text26, { type: "danger", style: { fontSize: 12 }, children: [
             /* @__PURE__ */ jsx80(ExclamationCircleOutlined, { style: { marginRight: 4 } }),
             task.lastError
           ] }) }),
@@ -19752,8 +19817,8 @@ var ScheduleViewer = ({ data }) => {
       task.taskId
     );
   };
-  return /* @__PURE__ */ jsxs52("div", { className: styles.container, children: [
-    /* @__PURE__ */ jsxs52("div", { className: styles.header, children: [
+  return /* @__PURE__ */ jsxs53("div", { className: styles.container, children: [
+    /* @__PURE__ */ jsxs53("div", { className: styles.header, children: [
       /* @__PURE__ */ jsx80(Title5, { level: 5, style: { margin: 0 }, children: "Scheduled Tasks" }),
       /* @__PURE__ */ jsx80(Tooltip17, { title: "Refresh", children: /* @__PURE__ */ jsx80(
         Button39,
@@ -19765,7 +19830,7 @@ var ScheduleViewer = ({ data }) => {
         }
       ) })
     ] }),
-    loading && tasks.length === 0 ? /* @__PURE__ */ jsxs52("div", { className: styles.emptyContainer, children: [
+    loading && tasks.length === 0 ? /* @__PURE__ */ jsxs53("div", { className: styles.emptyContainer, children: [
       /* @__PURE__ */ jsx80(Spin13, { size: "large" }),
       /* @__PURE__ */ jsx80(Text26, { type: "secondary", style: { marginTop: 16 }, children: "Loading scheduled tasks..." })
     ] }) : tasks.length === 0 ? /* @__PURE__ */ jsx80("div", { className: styles.emptyContainer, children: /* @__PURE__ */ jsx80(
@@ -19781,7 +19846,7 @@ var ScheduleViewer = ({ data }) => {
 // src/components/GenUI/elements/browser_view_card.tsx
 import { Button as Button40, Flex as Flex6, Typography as Typography36 } from "antd";
 import { CheckCircleOutlined as CheckCircleOutlined7, InfoCircleOutlined as InfoCircleOutlined5, LoadingOutlined as LoadingOutlined3 } from "@ant-design/icons";
-import { jsx as jsx81, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs54 } from "react/jsx-runtime";
 var { Text: Text27 } = Typography36;
 var BrowserViewer = ({
   data,
@@ -19824,7 +19889,7 @@ var BrowserViewer = ({
       return "Error parsing args";
     }
   };
-  const header = /* @__PURE__ */ jsxs53(Flex6, { align: "center", wrap: "wrap", children: [
+  const header = /* @__PURE__ */ jsxs54(Flex6, { align: "center", wrap: "wrap", children: [
     /* @__PURE__ */ jsx81(Typography36.Text, { strong: true, children: formatToolName(toolCallData.name) }),
     /* @__PURE__ */ jsx81(
       Typography36.Text,
@@ -19873,7 +19938,7 @@ var BrowserViewer = ({
 
 // src/components/GenUI/elements/execute_code.tsx
 import { Button as Button41, Space as Space31, Typography as Typography37 } from "antd";
-import { jsx as jsx82, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs55 } from "react/jsx-runtime";
 var { Text: Text28 } = Typography37;
 var ExecuteCode = ({
   data,
@@ -19900,7 +19965,7 @@ var ExecuteCode = ({
   const content = `\`\`\`${language}
 ${code}
 \`\`\``;
-  return /* @__PURE__ */ jsxs54(
+  return /* @__PURE__ */ jsxs55(
     ContentPreviewCollapse,
     {
       panelKey: toolCallData.id,
@@ -19930,7 +19995,7 @@ ${code}
 import { Card as Card17, Typography as Typography38, Avatar as Avatar8, Tag as Tag16, List as List13, Space as Space32, Button as Button42, Skeleton as Skeleton2 } from "antd";
 import { UserOutlined as UserOutlined5, TeamOutlined as TeamOutlined2 } from "@ant-design/icons";
 import { Monitor } from "lucide-react";
-import { jsx as jsx83, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs56 } from "react/jsx-runtime";
 var { Text: Text29 } = Typography38;
 var extractTeamInfo = (response) => {
   if (!response) return null;
@@ -20026,12 +20091,12 @@ var TeamGraph = ({ data }) => {
   if (teammates.length === 0) {
     return /* @__PURE__ */ jsx83(Card17, { style: { width: "100%" }, bodyStyle: { padding: 12 }, children: /* @__PURE__ */ jsx83(Skeleton2, { active: true }) });
   }
-  return /* @__PURE__ */ jsxs55(
+  return /* @__PURE__ */ jsxs56(
     Card17,
     {
       style: { width: "100%" },
       bodyStyle: { padding: 12 },
-      title: /* @__PURE__ */ jsxs55(Space32, { children: [
+      title: /* @__PURE__ */ jsxs56(Space32, { children: [
         /* @__PURE__ */ jsx83(TeamOutlined2, {}),
         /* @__PURE__ */ jsx83("span", { children: "Team Members" })
       ] }),
@@ -20049,8 +20114,8 @@ var TeamGraph = ({ data }) => {
           List13,
           {
             dataSource: teammates,
-            renderItem: (teammate) => /* @__PURE__ */ jsxs55(List13.Item, { style: { display: "block" }, children: [
-              /* @__PURE__ */ jsxs55(Space32, { align: "center", size: 12, children: [
+            renderItem: (teammate) => /* @__PURE__ */ jsxs56(List13.Item, { style: { display: "block" }, children: [
+              /* @__PURE__ */ jsxs56(Space32, { align: "center", size: 12, children: [
                 /* @__PURE__ */ jsx83(
                   Avatar8,
                   {
@@ -20066,7 +20131,7 @@ var TeamGraph = ({ data }) => {
                     children: getInitials10(teammate?.name || "")
                   }
                 ),
-                /* @__PURE__ */ jsxs55("div", { style: { flex: 1 }, children: [
+                /* @__PURE__ */ jsxs56("div", { style: { flex: 1 }, children: [
                   /* @__PURE__ */ jsx83(Text29, { strong: true, style: { display: "block" }, children: teammate?.name || "Unnamed" }),
                   /* @__PURE__ */ jsx83(
                     Tag16,
@@ -20082,8 +20147,8 @@ var TeamGraph = ({ data }) => {
             ] })
           }
         ),
-        tasks.length > 0 && /* @__PURE__ */ jsxs55("div", { style: { marginTop: 16, paddingTop: 16, borderTop: "1px solid #f0f0f0" }, children: [
-          /* @__PURE__ */ jsxs55(Text29, { strong: true, style: { display: "block", marginBottom: 8 }, children: [
+        tasks.length > 0 && /* @__PURE__ */ jsxs56("div", { style: { marginTop: 16, paddingTop: 16, borderTop: "1px solid #f0f0f0" }, children: [
+          /* @__PURE__ */ jsxs56(Text29, { strong: true, style: { display: "block", marginBottom: 8 }, children: [
             "Pending Tasks (",
             tasks.filter((t) => t.status === "pending").length,
             ")"
@@ -20093,7 +20158,7 @@ var TeamGraph = ({ data }) => {
             {
               size: "small",
               dataSource: tasks.filter((t) => t.status === "pending"),
-              renderItem: (task) => /* @__PURE__ */ jsx83(List13.Item, { style: { padding: "8px 0" }, children: /* @__PURE__ */ jsxs55("div", { children: [
+              renderItem: (task) => /* @__PURE__ */ jsx83(List13.Item, { style: { padding: "8px 0" }, children: /* @__PURE__ */ jsxs56("div", { children: [
                 /* @__PURE__ */ jsx83(Text29, { style: { fontSize: 12, color: "#7A7A7A" }, children: task.id }),
                 /* @__PURE__ */ jsx83(Text29, { strong: true, style: { display: "block", fontSize: 13 }, children: task.title }),
                 task.description && /* @__PURE__ */ jsx83(Text29, { type: "secondary", style: { fontSize: 11 }, children: task.description.length > 100 ? task.description.slice(0, 100) + "..." : task.description })
@@ -20108,13 +20173,13 @@ var TeamGraph = ({ data }) => {
 var TeamGraph_default = TeamGraph;
 
 // src/components/GenUI/elements/TeamWorkspace/index.tsx
-import { useState as useState56, useMemo as useMemo23 } from "react";
+import { useState as useState57, useMemo as useMemo23 } from "react";
 import { Layout, Spin as Spin14, Button as Button43 } from "antd";
 import { RefreshCw } from "lucide-react";
 import { createStyles as createStyles27 } from "antd-style";
 
 // src/components/GenUI/elements/TeamWorkspace/TeamWorkspaceMenu.tsx
-import React42, { useState as useState52 } from "react";
+import React42, { useState as useState53 } from "react";
 import {
   LayoutDashboard,
   Inbox,
@@ -20126,7 +20191,7 @@ import {
 } from "lucide-react";
 import { Tooltip as Tooltip18, Badge as Badge6 } from "antd";
 import { createStyles as createStyles19 } from "antd-style";
-import { Fragment as Fragment19, jsx as jsx84, jsxs as jsxs56 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx84, jsxs as jsxs57 } from "react/jsx-runtime";
 var useStyles8 = createStyles19(({ token, css }) => ({
   container: css`
     display: flex;
@@ -20308,12 +20373,12 @@ var TeamWorkspaceMenu = ({
   onItemClick
 }) => {
   const { styles } = useStyles8();
-  const [isExpanded, setIsExpanded] = useState52(false);
+  const [isExpanded, setIsExpanded] = useState53(false);
   const mainItems = items.filter((item) => !item.group);
   const teammateItems = items.filter((item) => item.group === "Teammates");
   const teamItems = items.filter((item) => item.group === "Team");
   const renderMenuItem = (item, showTooltip) => {
-    const content = /* @__PURE__ */ jsxs56(
+    const content = /* @__PURE__ */ jsxs57(
       "div",
       {
         className: `${styles.menuItem} ${!isExpanded ? styles.menuItemCollapsed : ""} ${activeItem === item.id ? "active" : ""}`,
@@ -20340,15 +20405,15 @@ var TeamWorkspaceMenu = ({
   };
   const renderGroup = (groupItems, groupLabel, showDivider) => {
     if (groupItems.length === 0) return null;
-    return /* @__PURE__ */ jsxs56(Fragment19, { children: [
+    return /* @__PURE__ */ jsxs57(Fragment19, { children: [
       showDivider && /* @__PURE__ */ jsx84("div", { className: styles.groupDivider }),
-      /* @__PURE__ */ jsxs56("div", { className: styles.menuGroup, children: [
+      /* @__PURE__ */ jsxs57("div", { className: styles.menuGroup, children: [
         isExpanded && groupLabel && /* @__PURE__ */ jsx84("div", { className: styles.groupLabel, children: groupLabel }),
         groupItems.map((item) => renderMenuItem(item, true))
       ] })
     ] });
   };
-  return /* @__PURE__ */ jsxs56(
+  return /* @__PURE__ */ jsxs57(
     "div",
     {
       className: `${styles.container} ${isExpanded ? styles.containerExpanded : styles.containerCollapsed}`,
@@ -20362,7 +20427,7 @@ var TeamWorkspaceMenu = ({
             children: isExpanded ? /* @__PURE__ */ jsx84(ChevronLeft4, { size: 16 }) : /* @__PURE__ */ jsx84(ChevronRight4, { size: 16 })
           }
         ),
-        /* @__PURE__ */ jsxs56("div", { className: styles.menuContent, children: [
+        /* @__PURE__ */ jsxs57("div", { className: styles.menuContent, children: [
           renderGroup(mainItems, null, false),
           renderGroup(teammateItems, "Teammates", mainItems.length > 0),
           renderGroup(
@@ -20435,7 +20500,7 @@ function useTeamWorkspaceData(threadId, assistantId) {
 }
 
 // src/components/GenUI/elements/TeamWorkspace/TeamDashboard.tsx
-import { jsx as jsx85, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs58 } from "react/jsx-runtime";
 var { Title: Title6, Text: Text30 } = Typography39;
 var useStyles9 = createStyles20(({ token, css }) => ({
   container: css`
@@ -20655,17 +20720,17 @@ var ActivityItem = ({ activity, styles }) => {
     const content = activity.content;
     const maxLength = 60;
     const displayContent = content.length > maxLength ? content.slice(0, maxLength) + "..." : content;
-    return /* @__PURE__ */ jsxs57("span", { className: styles.activityText, children: [
+    return /* @__PURE__ */ jsxs58("span", { className: styles.activityText, children: [
       /* @__PURE__ */ jsx85("span", { className: styles.activityHighlight, children: activity.from }),
       " ",
-      activity.type === "broadcast" && /* @__PURE__ */ jsxs57("span", { style: { color: "#1890ff", fontWeight: 500 }, children: [
+      activity.type === "broadcast" && /* @__PURE__ */ jsxs58("span", { style: { color: "#1890ff", fontWeight: 500 }, children: [
         "[broadcast] ",
         " "
       ] }),
       displayContent
     ] });
   };
-  return /* @__PURE__ */ jsx85("div", { className: styles.listItem, children: /* @__PURE__ */ jsxs57("div", { className: styles.activityItem, children: [
+  return /* @__PURE__ */ jsx85("div", { className: styles.listItem, children: /* @__PURE__ */ jsxs58("div", { className: styles.activityItem, children: [
     /* @__PURE__ */ jsx85(
       "div",
       {
@@ -20682,9 +20747,9 @@ var TaskItem = ({
   task,
   styles
 }) => {
-  return /* @__PURE__ */ jsx85(Tooltip19, { title: task.title, placement: "topLeft", children: /* @__PURE__ */ jsx85("div", { className: styles.listItem, children: /* @__PURE__ */ jsxs57("div", { className: styles.taskItem, children: [
+  return /* @__PURE__ */ jsx85(Tooltip19, { title: task.title, placement: "topLeft", children: /* @__PURE__ */ jsx85("div", { className: styles.listItem, children: /* @__PURE__ */ jsxs58("div", { className: styles.taskItem, children: [
     /* @__PURE__ */ jsx85(StatusIcon, { status: task.status, className: styles.taskStatusIcon }),
-    /* @__PURE__ */ jsxs57("div", { className: styles.taskContent, children: [
+    /* @__PURE__ */ jsxs58("div", { className: styles.taskContent, children: [
       /* @__PURE__ */ jsx85("span", { className: styles.taskTitle, children: task.title }),
       task.assignee && /* @__PURE__ */ jsx85(Tooltip19, { title: task.assignee, children: /* @__PURE__ */ jsx85(
         "div",
@@ -20705,12 +20770,12 @@ var TeamDashboard = ({
   team
 }) => {
   const { styles } = useStyles9();
-  return /* @__PURE__ */ jsxs57("div", { className: styles.container, children: [
-    /* @__PURE__ */ jsxs57("div", { className: styles.header, children: [
+  return /* @__PURE__ */ jsxs58("div", { className: styles.container, children: [
+    /* @__PURE__ */ jsxs58("div", { className: styles.header, children: [
       /* @__PURE__ */ jsx85(Title6, { level: 3, className: styles.title, children: "Team Dashboard" }),
       /* @__PURE__ */ jsx85(Text30, { className: styles.subtitle, children: team?.teamId ? `Team ID: ${team.teamId} \u2022 ${stats.totalTasks} tasks \u2022 ${stats.totalActivities} activities` : "Overview of team activities and tasks" })
     ] }),
-    /* @__PURE__ */ jsxs57(Row2, { gutter: [16, 16], className: styles.statsRow, children: [
+    /* @__PURE__ */ jsxs58(Row2, { gutter: [16, 16], className: styles.statsRow, children: [
       /* @__PURE__ */ jsx85(Col2, { span: 6, children: /* @__PURE__ */ jsx85(Card18, { className: styles.statCard, children: /* @__PURE__ */ jsx85(
         Statistic,
         {
@@ -20748,11 +20813,11 @@ var TeamDashboard = ({
         }
       ) }) })
     ] }),
-    /* @__PURE__ */ jsxs57(Row2, { gutter: [16, 16], className: styles.contentRow, children: [
+    /* @__PURE__ */ jsxs58(Row2, { gutter: [16, 16], className: styles.contentRow, children: [
       /* @__PURE__ */ jsx85(Col2, { span: 12, children: /* @__PURE__ */ jsx85(
         Card18,
         {
-          title: /* @__PURE__ */ jsxs57("span", { children: [
+          title: /* @__PURE__ */ jsxs58("span", { children: [
             /* @__PURE__ */ jsx85(Mail, { size: 18, style: { marginRight: 8, verticalAlign: "middle" } }),
             "Recent Activities"
           ] }),
@@ -20771,7 +20836,7 @@ var TeamDashboard = ({
       /* @__PURE__ */ jsx85(Col2, { span: 12, children: /* @__PURE__ */ jsx85(
         Card18,
         {
-          title: /* @__PURE__ */ jsxs57("span", { children: [
+          title: /* @__PURE__ */ jsxs58("span", { children: [
             /* @__PURE__ */ jsx85(Users, { size: 18, style: { marginRight: 8, verticalAlign: "middle" } }),
             "Recent Tasks"
           ] }),
@@ -20785,7 +20850,7 @@ var TeamDashboard = ({
 };
 
 // src/components/GenUI/elements/TeamWorkspace/IssuesView.tsx
-import { useState as useState54, useMemo as useMemo20 } from "react";
+import { useState as useState55, useMemo as useMemo20 } from "react";
 import { Typography as Typography41, Badge as Badge7, Empty as Empty11, Tooltip as Tooltip20 } from "antd";
 import {
   CheckCircle2 as CheckCircle23,
@@ -20800,8 +20865,8 @@ import {
 import { createStyles as createStyles22 } from "antd-style";
 
 // src/components/GenUI/elements/TeamWorkspace/TaskDetailModal.tsx
-import { useState as useState53 } from "react";
-import { Modal as Modal13, Typography as Typography40, Tag as Tag17, Divider as Divider7, Tabs as Tabs2, Timeline } from "antd";
+import { useState as useState54 } from "react";
+import { Modal as Modal14, Typography as Typography40, Tag as Tag17, Divider as Divider7, Tabs as Tabs2, Timeline } from "antd";
 import { createStyles as createStyles21 } from "antd-style";
 import {
   CheckCircle2 as CheckCircle22,
@@ -20814,7 +20879,7 @@ import {
   Activity as Activity4,
   GitCommit
 } from "lucide-react";
-import { Fragment as Fragment20, jsx as jsx86, jsxs as jsxs58 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx86, jsxs as jsxs59 } from "react/jsx-runtime";
 var { Title: Title7, Text: Text31, Paragraph } = Typography40;
 var useStyles10 = createStyles21(({ token, css }) => ({
   modalContent: css`
@@ -21155,7 +21220,7 @@ var CommentsTab = ({ task, styles }) => {
   if (comments.length === 0) {
     return /* @__PURE__ */ jsx86("div", { className: styles.emptyState, children: "No comments yet" });
   }
-  return /* @__PURE__ */ jsx86("div", { className: styles.commentsSection, children: comments.map((comment) => /* @__PURE__ */ jsxs58("div", { className: styles.commentItem, children: [
+  return /* @__PURE__ */ jsx86("div", { className: styles.commentsSection, children: comments.map((comment) => /* @__PURE__ */ jsxs59("div", { className: styles.commentItem, children: [
     /* @__PURE__ */ jsx86(
       "div",
       {
@@ -21164,19 +21229,19 @@ var CommentsTab = ({ task, styles }) => {
         children: comment.initials
       }
     ),
-    /* @__PURE__ */ jsxs58("div", { className: styles.commentContent, children: [
-      /* @__PURE__ */ jsxs58("div", { className: styles.commentHeader, children: [
+    /* @__PURE__ */ jsxs59("div", { className: styles.commentContent, children: [
+      /* @__PURE__ */ jsxs59("div", { className: styles.commentHeader, children: [
         /* @__PURE__ */ jsx86("span", { className: styles.commentAuthor, children: comment.author }),
         /* @__PURE__ */ jsx86("span", { className: styles.commentTime, children: formatRelativeTime(comment.time) })
       ] }),
-      comment.type === "result" ? /* @__PURE__ */ jsxs58("div", { className: styles.resultComment, children: [
-        /* @__PURE__ */ jsxs58("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 8 }, children: [
+      comment.type === "result" ? /* @__PURE__ */ jsxs59("div", { className: styles.resultComment, children: [
+        /* @__PURE__ */ jsxs59("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 8 }, children: [
           /* @__PURE__ */ jsx86(CheckCircle22, { size: 16, style: { color: "#22c55e" } }),
           /* @__PURE__ */ jsx86(Text31, { style: { color: "#22c55e", fontWeight: 600 }, children: "Result" })
         ] }),
         /* @__PURE__ */ jsx86(Paragraph, { style: { margin: 0 }, children: comment.content })
-      ] }) : comment.type === "error" ? /* @__PURE__ */ jsxs58("div", { className: styles.errorComment, children: [
-        /* @__PURE__ */ jsxs58("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 8 }, children: [
+      ] }) : comment.type === "error" ? /* @__PURE__ */ jsxs59("div", { className: styles.errorComment, children: [
+        /* @__PURE__ */ jsxs59("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 8 }, children: [
           /* @__PURE__ */ jsx86(AlertCircle2, { size: 16, style: { color: "#ef4444" } }),
           /* @__PURE__ */ jsx86(Text31, { style: { color: "#ef4444", fontWeight: 600 }, children: "Error" })
         ] }),
@@ -21191,9 +21256,9 @@ var ActivityTab = ({ task, styles }) => {
     {
       dot: /* @__PURE__ */ jsx86("div", { className: styles.timelineDot, children: /* @__PURE__ */ jsx86(GitCommit, { size: 16 }) }),
       color: statusConfig.color,
-      children: /* @__PURE__ */ jsxs58("div", { className: styles.timelineContent, children: [
+      children: /* @__PURE__ */ jsxs59("div", { className: styles.timelineContent, children: [
         /* @__PURE__ */ jsx86("div", { className: styles.timelineTitle, children: "Status Updated" }),
-        /* @__PURE__ */ jsxs58("div", { className: styles.timelineTime, children: [
+        /* @__PURE__ */ jsxs59("div", { className: styles.timelineTime, children: [
           "Changed to ",
           statusConfig.text,
           " on ",
@@ -21204,7 +21269,7 @@ var ActivityTab = ({ task, styles }) => {
     {
       dot: /* @__PURE__ */ jsx86("div", { className: styles.timelineDot, children: /* @__PURE__ */ jsx86(Calendar, { size: 16 }) }),
       color: "#6b7280",
-      children: /* @__PURE__ */ jsxs58("div", { className: styles.timelineContent, children: [
+      children: /* @__PURE__ */ jsxs59("div", { className: styles.timelineContent, children: [
         /* @__PURE__ */ jsx86("div", { className: styles.timelineTitle, children: "Task Created" }),
         /* @__PURE__ */ jsx86("div", { className: styles.timelineTime, children: formatDate(task.createdAt) })
       ] })
@@ -21225,13 +21290,13 @@ var TaskDetailModal = ({
   onClose
 }) => {
   const { styles } = useStyles10();
-  const [activeTab, setActiveTab] = useState53("comments");
+  const [activeTab, setActiveTab] = useState54("comments");
   if (!task) return null;
   const statusConfig = getStatusConfig2(task.status);
   const tabItems = [
     {
       key: "comments",
-      label: /* @__PURE__ */ jsxs58("span", { children: [
+      label: /* @__PURE__ */ jsxs59("span", { children: [
         /* @__PURE__ */ jsx86(MessageSquare, { size: 14, style: { marginRight: 6 } }),
         "Comments"
       ] }),
@@ -21239,7 +21304,7 @@ var TaskDetailModal = ({
     },
     {
       key: "activity",
-      label: /* @__PURE__ */ jsxs58("span", { children: [
+      label: /* @__PURE__ */ jsxs59("span", { children: [
         /* @__PURE__ */ jsx86(Activity4, { size: 14, style: { marginRight: 6 } }),
         "Activity"
       ] }),
@@ -21247,7 +21312,7 @@ var TaskDetailModal = ({
     }
   ];
   return /* @__PURE__ */ jsx86(
-    Modal13,
+    Modal14,
     {
       title: null,
       open: visible,
@@ -21265,8 +21330,8 @@ var TaskDetailModal = ({
           padding: 24
         }
       },
-      children: /* @__PURE__ */ jsxs58("div", { className: styles.modalContent, children: [
-        /* @__PURE__ */ jsxs58("div", { className: styles.header, children: [
+      children: /* @__PURE__ */ jsxs59("div", { className: styles.modalContent, children: [
+        /* @__PURE__ */ jsxs59("div", { className: styles.header, children: [
           /* @__PURE__ */ jsx86(
             "div",
             {
@@ -21279,10 +21344,10 @@ var TaskDetailModal = ({
         ] }),
         /* @__PURE__ */ jsx86(Title7, { level: 3, className: styles.title, children: task.title }),
         task.description && /* @__PURE__ */ jsx86("div", { className: styles.description, children: /* @__PURE__ */ jsx86(Paragraph, { style: { margin: 0 }, children: task.description }) }),
-        /* @__PURE__ */ jsxs58("div", { className: styles.metaSection, children: [
-          /* @__PURE__ */ jsxs58("div", { className: styles.metaItem, children: [
+        /* @__PURE__ */ jsxs59("div", { className: styles.metaSection, children: [
+          /* @__PURE__ */ jsxs59("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ jsx86(Text31, { className: styles.metaLabel, children: "Status" }),
-            /* @__PURE__ */ jsxs58(
+            /* @__PURE__ */ jsxs59(
               "div",
               {
                 className: styles.statusTag,
@@ -21297,9 +21362,9 @@ var TaskDetailModal = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs58("div", { className: styles.metaItem, children: [
+          /* @__PURE__ */ jsxs59("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ jsx86(Text31, { className: styles.metaLabel, children: "Assignee" }),
-            /* @__PURE__ */ jsx86("div", { className: styles.metaValue, children: task.assignee ? /* @__PURE__ */ jsxs58(Fragment20, { children: [
+            /* @__PURE__ */ jsx86("div", { className: styles.metaValue, children: task.assignee ? /* @__PURE__ */ jsxs59(Fragment20, { children: [
               /* @__PURE__ */ jsx86(
                 "div",
                 {
@@ -21311,25 +21376,25 @@ var TaskDetailModal = ({
               /* @__PURE__ */ jsx86("span", { children: task.assignee })
             ] }) : /* @__PURE__ */ jsx86("span", { style: { color: "#999" }, children: "Unassigned" }) })
           ] }),
-          /* @__PURE__ */ jsxs58("div", { className: styles.metaItem, children: [
+          /* @__PURE__ */ jsxs59("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ jsx86(Text31, { className: styles.metaLabel, children: "Created" }),
-            /* @__PURE__ */ jsxs58("div", { className: styles.metaValue, children: [
+            /* @__PURE__ */ jsxs59("div", { className: styles.metaValue, children: [
               /* @__PURE__ */ jsx86(Calendar, { size: 14 }),
               /* @__PURE__ */ jsx86("span", { children: formatDate(task.createdAt) })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs58("div", { className: styles.metaItem, children: [
+          /* @__PURE__ */ jsxs59("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ jsx86(Text31, { className: styles.metaLabel, children: "Updated" }),
-            /* @__PURE__ */ jsxs58("div", { className: styles.metaValue, children: [
+            /* @__PURE__ */ jsxs59("div", { className: styles.metaValue, children: [
               /* @__PURE__ */ jsx86(Calendar, { size: 14 }),
               /* @__PURE__ */ jsx86("span", { children: formatDate(task.updatedAt) })
             ] })
           ] })
         ] }),
         /* @__PURE__ */ jsx86(Divider7, {}),
-        task.dependencies?.length > 0 && /* @__PURE__ */ jsxs58("div", { className: styles.dependenciesSection, children: [
+        task.dependencies?.length > 0 && /* @__PURE__ */ jsxs59("div", { className: styles.dependenciesSection, children: [
           /* @__PURE__ */ jsx86(Text31, { className: styles.sectionTitle, children: "Dependencies" }),
-          /* @__PURE__ */ jsx86("div", { className: styles.dependencyList, children: task.dependencies.map((dep) => /* @__PURE__ */ jsxs58(Tag17, { className: styles.dependencyTag, children: [
+          /* @__PURE__ */ jsx86("div", { className: styles.dependencyList, children: task.dependencies.map((dep) => /* @__PURE__ */ jsxs59(Tag17, { className: styles.dependencyTag, children: [
             /* @__PURE__ */ jsx86(Link, { size: 12 }),
             " ",
             dep
@@ -21349,7 +21414,7 @@ var TaskDetailModal = ({
 };
 
 // src/components/GenUI/elements/TeamWorkspace/IssuesView.tsx
-import { jsx as jsx87, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs60 } from "react/jsx-runtime";
 var { Title: Title8, Text: Text32 } = Typography41;
 var getInitials4 = (name) => {
   return name.split(/[\s_-]/).map((n) => n.charAt(0)).join("").toUpperCase().slice(0, 2);
@@ -21651,9 +21716,9 @@ var formatDate2 = (timestamp) => {
   });
 };
 var ListGroupComponent = ({ group, styles, defaultExpanded = true, onTaskClick }) => {
-  const [isExpanded, setIsExpanded] = useState54(defaultExpanded);
-  return /* @__PURE__ */ jsxs59("div", { className: styles.listGroup, children: [
-    /* @__PURE__ */ jsxs59(
+  const [isExpanded, setIsExpanded] = useState55(defaultExpanded);
+  return /* @__PURE__ */ jsxs60("div", { className: styles.listGroup, children: [
+    /* @__PURE__ */ jsxs60(
       "div",
       {
         className: styles.listGroupHeader,
@@ -21665,14 +21730,14 @@ var ListGroupComponent = ({ group, styles, defaultExpanded = true, onTaskClick }
         ]
       }
     ),
-    isExpanded && /* @__PURE__ */ jsx87("div", { className: styles.listGroupContent, children: group.tasks.map((task) => /* @__PURE__ */ jsxs59("div", { className: styles.listItem, onClick: () => onTaskClick(task), children: [
+    isExpanded && /* @__PURE__ */ jsx87("div", { className: styles.listGroupContent, children: group.tasks.map((task) => /* @__PURE__ */ jsxs60("div", { className: styles.listItem, onClick: () => onTaskClick(task), children: [
       /* @__PURE__ */ jsx87("div", { className: styles.listItemIcon, children: /* @__PURE__ */ jsx87(StatusIcon2, { status: task.status }) }),
-      /* @__PURE__ */ jsxs59("div", { className: styles.listItemContent, children: [
+      /* @__PURE__ */ jsxs60("div", { className: styles.listItemContent, children: [
         /* @__PURE__ */ jsx87("span", { className: styles.listItemId, children: task.id }),
         /* @__PURE__ */ jsx87(Tooltip20, { title: task.title, children: /* @__PURE__ */ jsx87("span", { className: styles.listItemTitle, children: task.title }) })
       ] }),
-      /* @__PURE__ */ jsxs59("div", { className: styles.listItemRight, children: [
-        task.assignee ? /* @__PURE__ */ jsx87(Tooltip20, { title: task.assignee, children: /* @__PURE__ */ jsxs59("div", { className: styles.listItemAssignee, children: [
+      /* @__PURE__ */ jsxs60("div", { className: styles.listItemRight, children: [
+        task.assignee ? /* @__PURE__ */ jsx87(Tooltip20, { title: task.assignee, children: /* @__PURE__ */ jsxs60("div", { className: styles.listItemAssignee, children: [
           /* @__PURE__ */ jsx87(
             "div",
             {
@@ -21694,9 +21759,9 @@ var IssuesView = ({
   teammates
 }) => {
   const { styles } = useStyles11();
-  const [viewMode, setViewMode] = useState54("list");
-  const [selectedTask, setSelectedTask] = useState54(null);
-  const [modalVisible, setModalVisible] = useState54(false);
+  const [viewMode, setViewMode] = useState55("list");
+  const [selectedTask, setSelectedTask] = useState55(null);
+  const [modalVisible, setModalVisible] = useState55(false);
   const listGroups = useMemo20(() => {
     const groups = [
       {
@@ -21764,13 +21829,13 @@ var IssuesView = ({
     ];
     return /* @__PURE__ */ jsx87("div", { className: styles.kanbanContainer, children: columns.map((column) => {
       const columnTasks = tasksByStatus[column.id] || [];
-      return /* @__PURE__ */ jsxs59("div", { className: styles.kanbanColumn, children: [
+      return /* @__PURE__ */ jsxs60("div", { className: styles.kanbanColumn, children: [
         /* @__PURE__ */ jsx87(
           "div",
           {
             className: styles.columnHeader,
             style: { borderBottomColor: column.color },
-            children: /* @__PURE__ */ jsxs59("span", { className: styles.columnTitle, children: [
+            children: /* @__PURE__ */ jsxs60("span", { className: styles.columnTitle, children: [
               /* @__PURE__ */ jsx87(
                 Badge7,
                 {
@@ -21782,9 +21847,9 @@ var IssuesView = ({
             ] })
           }
         ),
-        columnTasks.map((task) => /* @__PURE__ */ jsxs59("div", { className: styles.taskCard, children: [
+        columnTasks.map((task) => /* @__PURE__ */ jsxs60("div", { className: styles.taskCard, children: [
           /* @__PURE__ */ jsx87("div", { className: styles.taskTitle, children: task.title }),
-          /* @__PURE__ */ jsxs59("div", { className: styles.taskMeta, children: [
+          /* @__PURE__ */ jsxs60("div", { className: styles.taskMeta, children: [
             /* @__PURE__ */ jsx87(Text32, { type: "secondary", children: task.id }),
             task.assignee && /* @__PURE__ */ jsx87(Tooltip20, { title: task.assignee, children: /* @__PURE__ */ jsx87(
               "div",
@@ -21814,7 +21879,7 @@ var IssuesView = ({
     setModalVisible(false);
     setSelectedTask(null);
   };
-  const renderListView = () => /* @__PURE__ */ jsxs59("div", { className: styles.listContainer, children: [
+  const renderListView = () => /* @__PURE__ */ jsxs60("div", { className: styles.listContainer, children: [
     listGroups.map((group) => /* @__PURE__ */ jsx87(
       ListGroupComponent,
       {
@@ -21827,17 +21892,17 @@ var IssuesView = ({
     )),
     listGroups.length === 0 && /* @__PURE__ */ jsx87("div", { style: { padding: 48, textAlign: "center" }, children: /* @__PURE__ */ jsx87(Empty11, { description: "No issues found" }) })
   ] });
-  return /* @__PURE__ */ jsxs59("div", { className: styles.container, children: [
-    /* @__PURE__ */ jsxs59("div", { className: styles.header, children: [
-      /* @__PURE__ */ jsxs59("div", { children: [
+  return /* @__PURE__ */ jsxs60("div", { className: styles.container, children: [
+    /* @__PURE__ */ jsxs60("div", { className: styles.header, children: [
+      /* @__PURE__ */ jsxs60("div", { children: [
         /* @__PURE__ */ jsx87(Title8, { level: 3, className: styles.title, children: "Issues" }),
-        /* @__PURE__ */ jsxs59(Text32, { type: "secondary", children: [
+        /* @__PURE__ */ jsxs60(Text32, { type: "secondary", children: [
           tasks?.length || 0,
           " tasks \u2022 Team: ",
           teamId
         ] })
       ] }),
-      /* @__PURE__ */ jsxs59("div", { className: styles.viewToggle, children: [
+      /* @__PURE__ */ jsxs60("div", { className: styles.viewToggle, children: [
         /* @__PURE__ */ jsx87(
           "button",
           {
@@ -21882,7 +21947,7 @@ import {
 import "@xyflow/react/dist/style.css";
 import { Typography as Typography42, Tag as Tag18, Space as Space34 } from "antd";
 import { createStyles as createStyles23 } from "antd-style";
-import { jsx as jsx88, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs61 } from "react/jsx-runtime";
 var { Title: Title9, Text: Text33 } = Typography42;
 var useStyles12 = createStyles23(({ token, css }) => ({
   container: css`
@@ -21983,8 +22048,8 @@ var getAvatarColor5 = (name) => {
 var TeamMemberNode = ({ data }) => {
   const { styles } = useStyles12();
   const { name, role, description, isLead, taskStats } = data;
-  return /* @__PURE__ */ jsxs60("div", { className: styles.nodeCard, children: [
-    /* @__PURE__ */ jsxs60("div", { className: styles.nodeHeader, children: [
+  return /* @__PURE__ */ jsxs61("div", { className: styles.nodeCard, children: [
+    /* @__PURE__ */ jsxs61("div", { className: styles.nodeHeader, children: [
       /* @__PURE__ */ jsx88(
         "div",
         {
@@ -21996,8 +22061,8 @@ var TeamMemberNode = ({ data }) => {
           children: getInitials5(name)
         }
       ),
-      /* @__PURE__ */ jsxs60("div", { children: [
-        /* @__PURE__ */ jsxs60("div", { className: styles.nodeTitle, children: [
+      /* @__PURE__ */ jsxs61("div", { children: [
+        /* @__PURE__ */ jsxs61("div", { className: styles.nodeTitle, children: [
           name,
           isLead && /* @__PURE__ */ jsx88(Tag18, { color: "blue", style: { marginLeft: 8, fontSize: 10 }, children: "Lead" })
         ] }),
@@ -22012,16 +22077,16 @@ var TeamMemberNode = ({ data }) => {
         children: description.length > 50 ? description.slice(0, 50) + "..." : description
       }
     ),
-    taskStats && /* @__PURE__ */ jsxs60("div", { className: styles.nodeStats, children: [
-      taskStats.completed > 0 && /* @__PURE__ */ jsxs60(Tag18, { color: "success", className: styles.statTag, children: [
+    taskStats && /* @__PURE__ */ jsxs61("div", { className: styles.nodeStats, children: [
+      taskStats.completed > 0 && /* @__PURE__ */ jsxs61(Tag18, { color: "success", className: styles.statTag, children: [
         "\u2713 ",
         taskStats.completed
       ] }),
-      taskStats.inProgress > 0 && /* @__PURE__ */ jsxs60(Tag18, { color: "warning", className: styles.statTag, children: [
+      taskStats.inProgress > 0 && /* @__PURE__ */ jsxs61(Tag18, { color: "warning", className: styles.statTag, children: [
         "\u27F3 ",
         taskStats.inProgress
       ] }),
-      taskStats.pending > 0 && /* @__PURE__ */ jsxs60(Tag18, { className: styles.statTag, children: [
+      taskStats.pending > 0 && /* @__PURE__ */ jsxs61(Tag18, { className: styles.statTag, children: [
         "\u25CB ",
         taskStats.pending
       ] })
@@ -22118,18 +22183,18 @@ var TeamOrgCanvasInner = ({
   const nodeTypes = {
     teamMember: TeamMemberNode
   };
-  return /* @__PURE__ */ jsxs60("div", { className: styles.container, children: [
-    /* @__PURE__ */ jsxs60("div", { className: styles.header, children: [
+  return /* @__PURE__ */ jsxs61("div", { className: styles.container, children: [
+    /* @__PURE__ */ jsxs61("div", { className: styles.header, children: [
       /* @__PURE__ */ jsx88(Title9, { level: 3, className: styles.title, children: "Team Organization" }),
-      /* @__PURE__ */ jsxs60(Text33, { type: "secondary", children: [
+      /* @__PURE__ */ jsxs61(Text33, { type: "secondary", children: [
         teammates.length + 1,
         " members \u2022 ",
         tasks.length,
         " tasks"
       ] })
     ] }),
-    /* @__PURE__ */ jsxs60("div", { className: styles.canvas, children: [
-      /* @__PURE__ */ jsxs60(
+    /* @__PURE__ */ jsxs61("div", { className: styles.canvas, children: [
+      /* @__PURE__ */ jsxs61(
         ReactFlow3,
         {
           nodes: flowNodes,
@@ -22145,9 +22210,9 @@ var TeamOrgCanvasInner = ({
           ]
         }
       ),
-      /* @__PURE__ */ jsx88("div", { className: styles.legend, children: /* @__PURE__ */ jsxs60(Space34, { direction: "vertical", size: "small", children: [
+      /* @__PURE__ */ jsx88("div", { className: styles.legend, children: /* @__PURE__ */ jsxs61(Space34, { direction: "vertical", size: "small", children: [
         /* @__PURE__ */ jsx88(Text33, { strong: true, style: { fontSize: 12 }, children: "Legend" }),
-        /* @__PURE__ */ jsxs60(Space34, { size: "small", children: [
+        /* @__PURE__ */ jsxs61(Space34, { size: "small", children: [
           /* @__PURE__ */ jsx88(
             "div",
             {
@@ -22162,7 +22227,7 @@ var TeamOrgCanvasInner = ({
           ),
           /* @__PURE__ */ jsx88(Text33, { style: { fontSize: 11 }, children: "Team Lead" })
         ] }),
-        /* @__PURE__ */ jsxs60(Space34, { size: "small", children: [
+        /* @__PURE__ */ jsxs61(Space34, { size: "small", children: [
           /* @__PURE__ */ jsx88(
             "div",
             {
@@ -22186,7 +22251,7 @@ var TeamOrgCanvas = (props) => /* @__PURE__ */ jsx88(ReactFlowProvider3, { child
 // src/components/GenUI/elements/TeamWorkspace/TeamMemberChat.tsx
 import { Typography as Typography43, Tag as Tag19 } from "antd";
 import { createStyles as createStyles24 } from "antd-style";
-import { jsx as jsx89, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs62 } from "react/jsx-runtime";
 var { Title: Title10, Text: Text34 } = Typography43;
 var useStyles13 = createStyles24(({ token, css }) => ({
   container: css`
@@ -22270,8 +22335,8 @@ var TeamMemberChat = ({
         enableReturnStateWhenStreamCompleted: true,
         enableResumeStream: true
       },
-      children: /* @__PURE__ */ jsxs61("div", { className: styles.container, children: [
-        /* @__PURE__ */ jsxs61("div", { className: styles.header, children: [
+      children: /* @__PURE__ */ jsxs62("div", { className: styles.container, children: [
+        /* @__PURE__ */ jsxs62("div", { className: styles.header, children: [
           /* @__PURE__ */ jsx89(
             "div",
             {
@@ -22280,11 +22345,11 @@ var TeamMemberChat = ({
               children: getInitials6(teammate.name)
             }
           ),
-          /* @__PURE__ */ jsxs61("div", { className: styles.headerInfo, children: [
+          /* @__PURE__ */ jsxs62("div", { className: styles.headerInfo, children: [
             /* @__PURE__ */ jsx89(Title10, { level: 4, className: styles.title, children: teammate.name }),
-            /* @__PURE__ */ jsxs61("div", { children: [
+            /* @__PURE__ */ jsxs62("div", { children: [
               /* @__PURE__ */ jsx89(Tag19, { color: "blue", children: teammate.role }),
-              teammate.description && /* @__PURE__ */ jsxs61(Text34, { className: styles.role, children: [
+              teammate.description && /* @__PURE__ */ jsxs62(Text34, { className: styles.role, children: [
                 "\u2022 ",
                 teammate.description
               ] })
@@ -22307,7 +22372,7 @@ var TeamMemberChat = ({
 };
 
 // src/components/GenUI/elements/MailboxPanel.tsx
-import { useState as useState55, useMemo as useMemo22 } from "react";
+import { useState as useState56, useMemo as useMemo22 } from "react";
 import { Typography as Typography45, Empty as Empty12 } from "antd";
 import { createStyles as createStyles26 } from "antd-style";
 import {
@@ -22318,10 +22383,10 @@ import {
 } from "lucide-react";
 
 // src/components/GenUI/elements/MailboxDetailModal.tsx
-import { Modal as Modal14, Typography as Typography44, Tag as Tag20, Divider as Divider8 } from "antd";
+import { Modal as Modal15, Typography as Typography44, Tag as Tag20, Divider as Divider8 } from "antd";
 import { createStyles as createStyles25 } from "antd-style";
 import { Mail as Mail2, Calendar as Calendar2 } from "lucide-react";
-import { jsx as jsx90, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs63 } from "react/jsx-runtime";
 var { Title: Title11, Text: Text35, Paragraph: Paragraph2 } = Typography44;
 var useStyles14 = createStyles25(({ token, css }) => ({
   modalContent: css`
@@ -22459,7 +22524,7 @@ var MailboxDetailModal = ({
   const { styles } = useStyles14();
   if (!message18) return null;
   return /* @__PURE__ */ jsx90(
-    Modal14,
+    Modal15,
     {
       title: null,
       open: visible,
@@ -22477,20 +22542,20 @@ var MailboxDetailModal = ({
           padding: 24
         }
       },
-      children: /* @__PURE__ */ jsxs62("div", { className: styles.modalContent, children: [
-        /* @__PURE__ */ jsxs62("div", { className: styles.header, children: [
+      children: /* @__PURE__ */ jsxs63("div", { className: styles.modalContent, children: [
+        /* @__PURE__ */ jsxs63("div", { className: styles.header, children: [
           /* @__PURE__ */ jsx90("div", { className: styles.messageIcon, children: /* @__PURE__ */ jsx90(Mail2, { size: 20 }) }),
           /* @__PURE__ */ jsx90(Text35, { className: styles.messageId, children: message18.id }),
           !message18.read && /* @__PURE__ */ jsx90(Tag20, { color: "red", children: "Unread" })
         ] }),
-        /* @__PURE__ */ jsxs62(Title11, { level: 4, className: styles.title, children: [
+        /* @__PURE__ */ jsxs63(Title11, { level: 4, className: styles.title, children: [
           "Message from ",
           message18.from
         ] }),
-        /* @__PURE__ */ jsxs62("div", { className: styles.metaSection, children: [
-          /* @__PURE__ */ jsxs62("div", { className: styles.metaItem, children: [
+        /* @__PURE__ */ jsxs63("div", { className: styles.metaSection, children: [
+          /* @__PURE__ */ jsxs63("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ jsx90(Text35, { className: styles.metaLabel, children: "From" }),
-            /* @__PURE__ */ jsxs62("div", { className: styles.metaValue, children: [
+            /* @__PURE__ */ jsxs63("div", { className: styles.metaValue, children: [
               /* @__PURE__ */ jsx90(
                 "div",
                 {
@@ -22502,9 +22567,9 @@ var MailboxDetailModal = ({
               /* @__PURE__ */ jsx90("span", { children: message18.from })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs62("div", { className: styles.metaItem, children: [
+          /* @__PURE__ */ jsxs63("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ jsx90(Text35, { className: styles.metaLabel, children: "To" }),
-            /* @__PURE__ */ jsxs62("div", { className: styles.metaValue, children: [
+            /* @__PURE__ */ jsxs63("div", { className: styles.metaValue, children: [
               /* @__PURE__ */ jsx90(
                 "div",
                 {
@@ -22516,20 +22581,20 @@ var MailboxDetailModal = ({
               /* @__PURE__ */ jsx90("span", { children: message18.to })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs62("div", { className: styles.metaItem, children: [
+          /* @__PURE__ */ jsxs63("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ jsx90(Text35, { className: styles.metaLabel, children: "Time" }),
-            /* @__PURE__ */ jsxs62("div", { className: styles.metaValue, children: [
+            /* @__PURE__ */ jsxs63("div", { className: styles.metaValue, children: [
               /* @__PURE__ */ jsx90(Calendar2, { size: 14 }),
               /* @__PURE__ */ jsx90("span", { children: formatDate3(message18.timestamp) })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs62("div", { className: styles.metaItem, children: [
+          /* @__PURE__ */ jsxs63("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ jsx90(Text35, { className: styles.metaLabel, children: "Type" }),
             /* @__PURE__ */ jsx90("div", { className: styles.metaValue, children: /* @__PURE__ */ jsx90(Tag20, { color: message18.type === "broadcast" ? "blue" : "default", children: message18.type }) })
           ] })
         ] }),
         /* @__PURE__ */ jsx90(Divider8, {}),
-        /* @__PURE__ */ jsxs62("div", { className: styles.contentSection, children: [
+        /* @__PURE__ */ jsxs63("div", { className: styles.contentSection, children: [
           /* @__PURE__ */ jsx90(Text35, { className: styles.contentLabel, children: "Message Content" }),
           /* @__PURE__ */ jsx90("div", { className: styles.contentBox, children: /* @__PURE__ */ jsx90(Paragraph2, { className: styles.messageContent, children: message18.content }) })
         ] })
@@ -22539,7 +22604,7 @@ var MailboxDetailModal = ({
 };
 
 // src/components/GenUI/elements/MailboxPanel.tsx
-import { jsx as jsx91, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs64 } from "react/jsx-runtime";
 var { Title: Title12, Text: Text36 } = Typography45;
 var useStyles15 = createStyles26(({ token, css }) => ({
   container: css`
@@ -22730,9 +22795,9 @@ var getMessagePreview = (content) => {
   return firstLine.length > 80 ? firstLine.slice(0, 80) + "..." : firstLine;
 };
 var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageClick }) => {
-  const [isExpanded, setIsExpanded] = useState55(defaultExpanded);
-  return /* @__PURE__ */ jsxs63("div", { className: styles.listGroup, children: [
-    /* @__PURE__ */ jsxs63(
+  const [isExpanded, setIsExpanded] = useState56(defaultExpanded);
+  return /* @__PURE__ */ jsxs64("div", { className: styles.listGroup, children: [
+    /* @__PURE__ */ jsxs64(
       "div",
       {
         className: styles.listGroupHeader,
@@ -22748,10 +22813,10 @@ var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageC
             }
           ),
           /* @__PURE__ */ jsx91("span", { className: styles.listGroupTitle, children: group.sender }),
-          /* @__PURE__ */ jsxs63("span", { className: styles.listGroupCount, children: [
+          /* @__PURE__ */ jsxs64("span", { className: styles.listGroupCount, children: [
             group.messages.length,
             " messages",
-            group.unreadCount > 0 && /* @__PURE__ */ jsxs63("span", { style: { color: "#ff4d4f", marginLeft: 8 }, children: [
+            group.unreadCount > 0 && /* @__PURE__ */ jsxs64("span", { style: { color: "#ff4d4f", marginLeft: 8 }, children: [
               "(",
               group.unreadCount,
               " unread)"
@@ -22760,16 +22825,16 @@ var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageC
         ]
       }
     ),
-    isExpanded && /* @__PURE__ */ jsx91("div", { className: styles.listGroupContent, children: group.messages.map((message18) => /* @__PURE__ */ jsxs63(
+    isExpanded && /* @__PURE__ */ jsx91("div", { className: styles.listGroupContent, children: group.messages.map((message18) => /* @__PURE__ */ jsxs64(
       "div",
       {
         className: `${styles.listItem} ${!message18.read ? styles.listItemUnread : ""}`,
         onClick: () => onMessageClick(message18),
         children: [
           /* @__PURE__ */ jsx91("div", { className: styles.listItemIcon, children: !message18.read ? /* @__PURE__ */ jsx91("div", { className: styles.unreadBadge }) : /* @__PURE__ */ jsx91(Circle2, { size: 8, style: { color: "#d9d9d9" } }) }),
-          /* @__PURE__ */ jsxs63("div", { className: styles.listItemContent, children: [
+          /* @__PURE__ */ jsxs64("div", { className: styles.listItemContent, children: [
             /* @__PURE__ */ jsx91("span", { className: styles.listItemPreview, children: getMessagePreview(message18.content) }),
-            /* @__PURE__ */ jsxs63("span", { className: styles.listItemMeta, children: [
+            /* @__PURE__ */ jsxs64("span", { className: styles.listItemMeta, children: [
               "To: ",
               message18.to,
               " \u2022 ",
@@ -22785,8 +22850,8 @@ var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageC
 };
 var MailboxPanel = ({ data }) => {
   const { styles } = useStyles15();
-  const [selectedMessage, setSelectedMessage] = useState55(null);
-  const [modalVisible, setModalVisible] = useState55(false);
+  const [selectedMessage, setSelectedMessage] = useState56(null);
+  const [modalVisible, setModalVisible] = useState56(false);
   const { teamMailbox = [] } = data || {};
   const messageGroups = useMemo22(() => {
     const groupsMap = /* @__PURE__ */ new Map();
@@ -22820,13 +22885,13 @@ var MailboxPanel = ({ data }) => {
     setModalVisible(false);
     setSelectedMessage(null);
   };
-  return /* @__PURE__ */ jsxs63("div", { className: styles.container, children: [
-    /* @__PURE__ */ jsx91("div", { className: styles.header, children: /* @__PURE__ */ jsxs63("div", { children: [
-      /* @__PURE__ */ jsxs63(Title12, { level: 3, className: styles.title, children: [
+  return /* @__PURE__ */ jsxs64("div", { className: styles.container, children: [
+    /* @__PURE__ */ jsx91("div", { className: styles.header, children: /* @__PURE__ */ jsxs64("div", { children: [
+      /* @__PURE__ */ jsxs64(Title12, { level: 3, className: styles.title, children: [
         /* @__PURE__ */ jsx91(Mail3, { size: 20, style: { marginRight: 8, verticalAlign: "middle" } }),
         "Mailbox"
       ] }),
-      /* @__PURE__ */ jsxs63(Text36, { type: "secondary", children: [
+      /* @__PURE__ */ jsxs64(Text36, { type: "secondary", children: [
         teamMailbox.length,
         " messages \u2022 ",
         messageGroups.length,
@@ -22856,7 +22921,7 @@ var MailboxPanel = ({ data }) => {
 };
 
 // src/components/GenUI/elements/TeamWorkspace/index.tsx
-import { jsx as jsx92, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs65 } from "react/jsx-runtime";
 var { Content } = Layout;
 var useStyles16 = createStyles27(({ token, css }) => ({
   container: css`
@@ -22916,7 +22981,7 @@ var TeamWorkspace = ({
     isLoading,
     refresh
   } = useTeamWorkspaceData(parent_thread_id || null, assistantId);
-  const [activeMenuId, setActiveMenuId] = useState56("dashboard");
+  const [activeMenuId, setActiveMenuId] = useState57("dashboard");
   const menuItems = useMemo23(() => {
     const items = [
       {
@@ -23027,7 +23092,7 @@ var TeamWorkspace = ({
         return null;
     }
   };
-  return /* @__PURE__ */ jsxs64("div", { className: styles.container, children: [
+  return /* @__PURE__ */ jsxs65("div", { className: styles.container, children: [
     /* @__PURE__ */ jsx92(
       TeamWorkspaceMenu,
       {
@@ -23036,7 +23101,7 @@ var TeamWorkspace = ({
         onItemClick: handleMenuClick
       }
     ),
-    /* @__PURE__ */ jsxs64(Content, { className: styles.content, children: [
+    /* @__PURE__ */ jsxs65(Content, { className: styles.content, children: [
       /* @__PURE__ */ jsx92(
         Button43,
         {
@@ -23057,7 +23122,7 @@ var TeamWorkspace = ({
 import { useMemo as useMemo24 } from "react";
 
 // src/components/GenUI/elements/TaskBoardCard.tsx
-import { jsx as jsx93, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs66 } from "react/jsx-runtime";
 var useStyle9 = (status, isCompleted) => {
   return {
     card: {
@@ -23177,7 +23242,7 @@ var TaskBoardCard = ({
       } else if (isDepCompleted) {
         badgeStyle = styles.depBadgeCompleted;
       }
-      return /* @__PURE__ */ jsxs65(
+      return /* @__PURE__ */ jsxs66(
         "span",
         {
           style: {
@@ -23194,17 +23259,17 @@ var TaskBoardCard = ({
       );
     });
   };
-  return /* @__PURE__ */ jsxs65("div", { style: styles.card, children: [
-    /* @__PURE__ */ jsxs65("div", { style: styles.header, children: [
+  return /* @__PURE__ */ jsxs66("div", { style: styles.card, children: [
+    /* @__PURE__ */ jsxs66("div", { style: styles.header, children: [
       /* @__PURE__ */ jsx93("span", { style: styles.taskId, children: task.id }),
-      task.assignee && /* @__PURE__ */ jsxs65("span", { style: styles.assignee, children: [
+      task.assignee && /* @__PURE__ */ jsxs66("span", { style: styles.assignee, children: [
         "@",
         task.assignee
       ] })
     ] }),
     /* @__PURE__ */ jsx93("h3", { style: styles.title, children: task.title }),
     task.description && /* @__PURE__ */ jsx93("p", { style: styles.description, children: task.description }),
-    /* @__PURE__ */ jsxs65("div", { style: styles.depRow, children: [
+    /* @__PURE__ */ jsxs66("div", { style: styles.depRow, children: [
       /* @__PURE__ */ jsx93("span", { style: styles.depLabel, children: "Deps:" }),
       renderDependencyBadges()
     ] })
@@ -23212,7 +23277,7 @@ var TaskBoardCard = ({
 };
 
 // src/components/GenUI/elements/TaskBoard.tsx
-import { jsx as jsx94, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs67 } from "react/jsx-runtime";
 var COLUMNS = [
   { id: "pending", title: "Pending", color: "#7A7A7A" },
   { id: "in_progress", title: "In Progress", color: "#E42313" },
@@ -23360,14 +23425,14 @@ var TaskBoard = ({
       onAddTask();
     }
   };
-  return /* @__PURE__ */ jsxs66("div", { style: styles.container, children: [
-    /* @__PURE__ */ jsxs66("div", { style: styles.header, children: [
-      /* @__PURE__ */ jsxs66("div", { style: styles.titleSection, children: [
+  return /* @__PURE__ */ jsxs67("div", { style: styles.container, children: [
+    /* @__PURE__ */ jsxs67("div", { style: styles.header, children: [
+      /* @__PURE__ */ jsxs67("div", { style: styles.titleSection, children: [
         /* @__PURE__ */ jsx94("h1", { style: styles.pageTitle, children: "Task Board" }),
         /* @__PURE__ */ jsx94("p", { style: styles.pageSubtitle, children: "Track team progress and task status" })
       ] }),
-      /* @__PURE__ */ jsx94("div", { style: styles.actions, children: /* @__PURE__ */ jsxs66("button", { style: styles.addButton, onClick: handleAddTask, children: [
-        /* @__PURE__ */ jsxs66("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+      /* @__PURE__ */ jsx94("div", { style: styles.actions, children: /* @__PURE__ */ jsxs67("button", { style: styles.addButton, onClick: handleAddTask, children: [
+        /* @__PURE__ */ jsxs67("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
           /* @__PURE__ */ jsx94("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
           /* @__PURE__ */ jsx94("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
         ] }),
@@ -23376,9 +23441,9 @@ var TaskBoard = ({
     ] }),
     /* @__PURE__ */ jsx94("div", { style: styles.boardContainer, children: COLUMNS.map((column) => {
       const columnTasks = tasksByStatus[column.id] || [];
-      return /* @__PURE__ */ jsxs66("div", { style: styles.column, children: [
-        /* @__PURE__ */ jsxs66("div", { style: styles.columnHeader, children: [
-          /* @__PURE__ */ jsxs66("div", { style: styles.columnTitle, children: [
+      return /* @__PURE__ */ jsxs67("div", { style: styles.column, children: [
+        /* @__PURE__ */ jsxs67("div", { style: styles.columnHeader, children: [
+          /* @__PURE__ */ jsxs67("div", { style: styles.columnTitle, children: [
             /* @__PURE__ */ jsx94("div", { style: { ...styles.statusDot, background: column.color } }),
             /* @__PURE__ */ jsx94("span", { style: styles.columnLabel, children: column.title })
           ] }),
@@ -23399,8 +23464,8 @@ var TaskBoard = ({
 };
 
 // src/components/GenUI/elements/Mailbox.tsx
-import { useState as useState57, useMemo as useMemo25, useRef as useRef21, useEffect as useEffect36 } from "react";
-import { jsx as jsx95, jsxs as jsxs67 } from "react/jsx-runtime";
+import { useState as useState58, useMemo as useMemo25, useRef as useRef21, useEffect as useEffect36 } from "react";
+import { jsx as jsx95, jsxs as jsxs68 } from "react/jsx-runtime";
 var useStyle11 = () => {
   return {
     container: {
@@ -23669,7 +23734,7 @@ var renderMessageWithMentions = (content, mentions, styles) => {
         parts.push(content.slice(lastIndex, index));
       }
       parts.push(
-        /* @__PURE__ */ jsxs67("span", { style: styles.mention, children: [
+        /* @__PURE__ */ jsxs68("span", { style: styles.mention, children: [
           "@",
           mention
         ] }, mention)
@@ -23685,7 +23750,7 @@ var renderMessageWithMentions = (content, mentions, styles) => {
 var TeamChat = ({ data }) => {
   const styles = useStyle11();
   const { teamName, currentUser, teammates, messages, onSendMessage } = data || {};
-  const [inputValue, setInputValue] = useState57("");
+  const [inputValue, setInputValue] = useState58("");
   const messagesEndRef = useRef21(null);
   const sortedMessages = useMemo25(() => {
     return [...messages || []].sort(
@@ -23713,19 +23778,19 @@ var TeamChat = ({ data }) => {
   const getStatusColor2 = (status) => {
     return STATUS_COLORS[status] || STATUS_COLORS.offline;
   };
-  return /* @__PURE__ */ jsxs67("div", { style: styles.container, children: [
-    /* @__PURE__ */ jsx95("div", { style: styles.header, children: /* @__PURE__ */ jsxs67("div", { style: styles.titleSection, children: [
+  return /* @__PURE__ */ jsxs68("div", { style: styles.container, children: [
+    /* @__PURE__ */ jsx95("div", { style: styles.header, children: /* @__PURE__ */ jsxs68("div", { style: styles.titleSection, children: [
       /* @__PURE__ */ jsx95("h2", { style: styles.teamName, children: teamName || "Team Chat" }),
-      /* @__PURE__ */ jsxs67("p", { style: styles.teamDesc, children: [
+      /* @__PURE__ */ jsxs68("p", { style: styles.teamDesc, children: [
         teammates?.length || 0,
         " member",
         teammates?.length !== 1 ? "s" : ""
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs67("div", { style: styles.mainContainer, children: [
-      /* @__PURE__ */ jsxs67("div", { style: styles.sidebar, children: [
+    /* @__PURE__ */ jsxs68("div", { style: styles.mainContainer, children: [
+      /* @__PURE__ */ jsxs68("div", { style: styles.sidebar, children: [
         /* @__PURE__ */ jsx95("div", { style: styles.sidebarHeader, children: /* @__PURE__ */ jsx95("p", { style: styles.sidebarTitle, children: "Team Members" }) }),
-        teammates?.map((member) => /* @__PURE__ */ jsxs67("div", { style: styles.member, children: [
+        teammates?.map((member) => /* @__PURE__ */ jsxs68("div", { style: styles.member, children: [
           /* @__PURE__ */ jsx95(
             "div",
             {
@@ -23736,8 +23801,8 @@ var TeamChat = ({ data }) => {
               children: /* @__PURE__ */ jsx95("span", { style: styles.avatarText, children: getInitials9(member.name) })
             }
           ),
-          /* @__PURE__ */ jsxs67("div", { style: styles.memberInfo, children: [
-            /* @__PURE__ */ jsxs67("p", { style: styles.memberName, children: [
+          /* @__PURE__ */ jsxs68("div", { style: styles.memberInfo, children: [
+            /* @__PURE__ */ jsxs68("p", { style: styles.memberName, children: [
               member.name,
               member.name === currentUser && " (You)"
             ] }),
@@ -23754,11 +23819,11 @@ var TeamChat = ({ data }) => {
           )
         ] }, member.name))
       ] }),
-      /* @__PURE__ */ jsxs67("div", { style: styles.chatArea, children: [
-        /* @__PURE__ */ jsxs67("div", { style: styles.messages, children: [
+      /* @__PURE__ */ jsxs68("div", { style: styles.chatArea, children: [
+        /* @__PURE__ */ jsxs68("div", { style: styles.messages, children: [
           sortedMessages.map((msg) => {
             const isSelf = msg.from === currentUser;
-            return /* @__PURE__ */ jsxs67(
+            return /* @__PURE__ */ jsxs68(
               "div",
               {
                 style: {
@@ -23776,7 +23841,7 @@ var TeamChat = ({ data }) => {
                       children: /* @__PURE__ */ jsx95("span", { style: styles.avatarText, children: getInitials9(msg.from) })
                     }
                   ),
-                  /* @__PURE__ */ jsxs67(
+                  /* @__PURE__ */ jsxs68(
                     "div",
                     {
                       style: {
@@ -23784,7 +23849,7 @@ var TeamChat = ({ data }) => {
                         ...isSelf ? { alignItems: "flex-end" } : {}
                       },
                       children: [
-                        /* @__PURE__ */ jsxs67("div", { style: styles.messageHeader, children: [
+                        /* @__PURE__ */ jsxs68("div", { style: styles.messageHeader, children: [
                           /* @__PURE__ */ jsx95(
                             "span",
                             {
@@ -23827,7 +23892,7 @@ var TeamChat = ({ data }) => {
           }),
           /* @__PURE__ */ jsx95("div", { ref: messagesEndRef })
         ] }),
-        /* @__PURE__ */ jsxs67("div", { style: styles.inputArea, children: [
+        /* @__PURE__ */ jsxs68("div", { style: styles.inputArea, children: [
           /* @__PURE__ */ jsx95("div", { style: styles.input, children: /* @__PURE__ */ jsx95(
             "input",
             {
@@ -23839,8 +23904,8 @@ var TeamChat = ({ data }) => {
               style: styles.inputText
             }
           ) }),
-          /* @__PURE__ */ jsxs67("button", { style: styles.sendButton, onClick: handleSend, children: [
-            /* @__PURE__ */ jsxs67(
+          /* @__PURE__ */ jsxs68("button", { style: styles.sendButton, onClick: handleSend, children: [
+            /* @__PURE__ */ jsxs68(
               "svg",
               {
                 width: "16",
@@ -23962,8 +24027,8 @@ var regsiterElement = (language, ElementMeta) => {
 // src/components/Chat/SideAppViewBrowser.tsx
 import { Dropdown as Dropdown2, Tooltip as Tooltip22 } from "antd";
 import { createStyles as createStyles28 } from "antd-style";
-import { useEffect as useEffect37, useState as useState58 } from "react";
-import { Fragment as Fragment21, jsx as jsx96, jsxs as jsxs68 } from "react/jsx-runtime";
+import { useEffect as useEffect37, useState as useState59 } from "react";
+import { Fragment as Fragment21, jsx as jsx96, jsxs as jsxs69 } from "react/jsx-runtime";
 var useStyle12 = createStyles28(({ token, css }) => {
   return {
     container: css`
@@ -24142,7 +24207,7 @@ var EmptySideAppView = ({ component_key, data }) => {
   if (data?.component) {
     return /* @__PURE__ */ jsx96(Fragment21, { children: data.component });
   }
-  return /* @__PURE__ */ jsxs68("div", { children: [
+  return /* @__PURE__ */ jsxs69("div", { children: [
     /* @__PURE__ */ jsx96("p", { children: "Component view not found" }),
     /* @__PURE__ */ jsx96("pre", { children: JSON.stringify({ component_key, data }, null, 2) })
   ] });
@@ -24160,11 +24225,11 @@ var SideAppViewBrowser = ({ region = "side" }) => {
   } = useChatUIContext();
   const selectedCard = region === "side" ? sideAppSelectedCard : contextAppSelectedCard;
   const closeApp = region === "side" ? closeSideApp : closeContentApp;
-  const [activeKey, setActiveKey] = useState58(
+  const [activeKey, setActiveKey] = useState59(
     JSON.stringify(selectedCard)
   );
-  const [hoveredTab, setHoveredTab] = useState58(null);
-  const [items, setItems] = useState58([]);
+  const [hoveredTab, setHoveredTab] = useState59(null);
+  const [items, setItems] = useState59([]);
   const add = (key, label, children, componentKey) => {
     const newPanes = [...items, { label, children, key, componentKey }];
     setItems(newPanes);
@@ -24220,7 +24285,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
   const activeItem = items.find((item) => item.key === activeKey);
   const dropdownItems = items.map((item) => ({
     key: item.key,
-    label: /* @__PURE__ */ jsxs68(
+    label: /* @__PURE__ */ jsxs69(
       "div",
       {
         style: {
@@ -24247,9 +24312,9 @@ var SideAppViewBrowser = ({ region = "side" }) => {
     ),
     onClick: () => switchTab(item.key)
   }));
-  return /* @__PURE__ */ jsxs68("div", { className: styles.container, children: [
-    /* @__PURE__ */ jsxs68("div", { className: styles.header, children: [
-      /* @__PURE__ */ jsx96("div", { className: styles.tabsStrip, children: items.map((item) => /* @__PURE__ */ jsx96(Tooltip22, { title: item.label, placement: "bottom", children: /* @__PURE__ */ jsxs68(
+  return /* @__PURE__ */ jsxs69("div", { className: styles.container, children: [
+    /* @__PURE__ */ jsxs69("div", { className: styles.header, children: [
+      /* @__PURE__ */ jsx96("div", { className: styles.tabsStrip, children: items.map((item) => /* @__PURE__ */ jsx96(Tooltip22, { title: item.label, placement: "bottom", children: /* @__PURE__ */ jsxs69(
         "div",
         {
           "data-tab-key": item.key,
@@ -24274,7 +24339,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
           ]
         }
       ) }, item.key)) }),
-      /* @__PURE__ */ jsxs68("div", { className: styles.actions, children: [
+      /* @__PURE__ */ jsxs69("div", { className: styles.actions, children: [
         items.length > 0 && /* @__PURE__ */ jsx96("div", { className: styles.tabCounter, children: items.length }),
         items.length > 1 && /* @__PURE__ */ jsx96(
           Dropdown2,
@@ -24288,7 +24353,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
         /* @__PURE__ */ jsx96(Tooltip22, { title: "Close", children: /* @__PURE__ */ jsx96("button", { className: styles.actionBtn, onClick: closeApp, children: /* @__PURE__ */ jsx96(CloseOutlined2, {}) }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx96("div", { className: styles.content, children: activeItem ? /* @__PURE__ */ jsx96("div", { className: styles.contentWrapper, children: activeItem.children }, activeItem.key) : /* @__PURE__ */ jsxs68("div", { className: styles.emptyState, children: [
+    /* @__PURE__ */ jsx96("div", { className: styles.content, children: activeItem ? /* @__PURE__ */ jsx96("div", { className: styles.contentWrapper, children: activeItem.children }, activeItem.key) : /* @__PURE__ */ jsxs69("div", { className: styles.emptyState, children: [
       /* @__PURE__ */ jsx96(AppstoreOutlined, { className: "icon" }),
       /* @__PURE__ */ jsx96("span", { children: "Select an app to start" })
     ] }) })
@@ -24296,11 +24361,11 @@ var SideAppViewBrowser = ({ region = "side" }) => {
 };
 
 // src/components/Chat/ProjectSelector.tsx
-import { useState as useState59, useCallback as useCallback26, useMemo as useMemo26, useRef as useRef22 } from "react";
-import { Modal as Modal15, Input as Input12, Button as Button44, message as message14 } from "antd";
+import { useState as useState60, useCallback as useCallback26, useMemo as useMemo26, useRef as useRef22 } from "react";
+import { Modal as Modal16, Input as Input12, Button as Button44, message as message14 } from "antd";
 import { createStyles as createStyles29 } from "antd-style";
-import { Folder, ChevronDown as ChevronDown4, Building2 as Building23 } from "lucide-react";
-import { Fragment as Fragment22, jsx as jsx97, jsxs as jsxs69 } from "react/jsx-runtime";
+import { Folder, ChevronDown as ChevronDown4, Building2 as Building24 } from "lucide-react";
+import { Fragment as Fragment22, jsx as jsx97, jsxs as jsxs70 } from "react/jsx-runtime";
 var PROJECT_NAME_MAX_LENGTH = 50;
 var useStyles17 = createStyles29(({ token, css }) => ({
   container: css`
@@ -24530,13 +24595,13 @@ var ProjectSelector = () => {
     setProject,
     createProject
   } = useWorkspaceContext();
-  const [isWorkspaceListOpen, setIsWorkspaceListOpen] = useState59(false);
+  const [isWorkspaceListOpen, setIsWorkspaceListOpen] = useState60(false);
   const workspaceDropdownRef = useRef22(null);
-  const [isProjectListOpen, setIsProjectListOpen] = useState59(false);
-  const [isModalOpen, setIsModalOpen] = useState59(false);
-  const [projectName, setProjectName] = useState59("");
-  const [validationError, setValidationError] = useState59(null);
-  const [isCreating, setIsCreating] = useState59(false);
+  const [isProjectListOpen, setIsProjectListOpen] = useState60(false);
+  const [isModalOpen, setIsModalOpen] = useState60(false);
+  const [projectName, setProjectName] = useState60("");
+  const [validationError, setValidationError] = useState60(null);
+  const [isCreating, setIsCreating] = useState60(false);
   const projectNameInputRef = useRef22(null);
   const currentProject = useMemo26(() => {
     return projects.find((p) => p.id === projectId);
@@ -24618,25 +24683,25 @@ var ProjectSelector = () => {
     }
   };
   const isProjectNameValid = !validateProjectName(projectName.trim());
-  return /* @__PURE__ */ jsxs69(Fragment22, { children: [
-    /* @__PURE__ */ jsx97("div", { className: styles.container, children: /* @__PURE__ */ jsxs69("div", { className: styles.selectorWrapper, children: [
+  return /* @__PURE__ */ jsxs70(Fragment22, { children: [
+    /* @__PURE__ */ jsx97("div", { className: styles.container, children: /* @__PURE__ */ jsxs70("div", { className: styles.selectorWrapper, children: [
       /* @__PURE__ */ jsx97("div", { style: { position: "relative" }, ref: workspaceDropdownRef, children: /* @__PURE__ */ jsx97(
         "button",
         {
           className: styles.workspaceButton,
           onClick: handleWorkspaceClick,
           title: currentWorkspace?.name || "Select Workspace",
-          children: /* @__PURE__ */ jsx97("div", { className: styles.workspaceButtonIcon, children: /* @__PURE__ */ jsx97(Building23, { size: 16 }) })
+          children: /* @__PURE__ */ jsx97("div", { className: styles.workspaceButtonIcon, children: /* @__PURE__ */ jsx97(Building24, { size: 16 }) })
         }
       ) }),
       /* @__PURE__ */ jsx97("span", { className: styles.divider, children: "/" }),
-      /* @__PURE__ */ jsxs69("div", { className: styles.projectTrigger, onClick: toggleProjectList, children: [
+      /* @__PURE__ */ jsxs70("div", { className: styles.projectTrigger, onClick: toggleProjectList, children: [
         /* @__PURE__ */ jsx97("div", { className: styles.projectTriggerIcon, children: /* @__PURE__ */ jsx97(Folder, { size: 16 }) }),
         /* @__PURE__ */ jsx97("div", { className: styles.projectTriggerInfo, children: /* @__PURE__ */ jsx97("div", { className: styles.projectTriggerName, children: currentProject?.name || "Select Project" }) }),
         /* @__PURE__ */ jsx97("div", { className: `${styles.projectTriggerArrow} ${isProjectListOpen ? "expanded" : ""}`, children: /* @__PURE__ */ jsx97(ChevronDown4, { size: 14 }) })
       ] }),
-      isProjectListOpen && /* @__PURE__ */ jsxs69("div", { className: styles.projectDropdown, children: [
-        projects.map((project) => /* @__PURE__ */ jsxs69(
+      isProjectListOpen && /* @__PURE__ */ jsxs70("div", { className: styles.projectDropdown, children: [
+        projects.map((project) => /* @__PURE__ */ jsxs70(
           "div",
           {
             className: `${styles.projectDropdownItem} ${project.id === projectId ? "active" : ""}`,
@@ -24651,8 +24716,8 @@ var ProjectSelector = () => {
         projects.length === 0 && /* @__PURE__ */ jsx97("div", { className: styles.emptyState, children: "No projects" })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs69(
-      Modal15,
+    /* @__PURE__ */ jsxs70(
+      Modal16,
       {
         title: "Create New Project",
         open: isModalOpen,
@@ -24663,7 +24728,7 @@ var ProjectSelector = () => {
         maskClosable: !isCreating,
         keyboard: true,
         closable: true,
-        footer: /* @__PURE__ */ jsxs69("div", { className: styles.modalFooter, children: [
+        footer: /* @__PURE__ */ jsxs70("div", { className: styles.modalFooter, children: [
           /* @__PURE__ */ jsx97(Button44, { onClick: handleCloseModal, disabled: isCreating, children: "Cancel" }),
           /* @__PURE__ */ jsx97(
             Button44,
@@ -24697,7 +24762,7 @@ var ProjectSelector = () => {
 };
 
 // src/components/Chat/LatticeChat.tsx
-import { jsx as jsx98, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs71 } from "react/jsx-runtime";
 var LatticeChat = (props) => {
   const { assistant_id, thread_id = "", menu, header, ...chatingProps } = props;
   const { config } = useLatticeChatShellContext();
@@ -24713,7 +24778,7 @@ var LatticeChat = (props) => {
         enableReturnStateWhenStreamCompleted: true,
         enableResumeStream: true
       },
-      children: /* @__PURE__ */ jsx98(ChatUIContextProvider, { children: /* @__PURE__ */ jsxs70(
+      children: /* @__PURE__ */ jsx98(ChatUIContextProvider, { children: /* @__PURE__ */ jsxs71(
         "div",
         {
           style: {
@@ -24802,22 +24867,22 @@ var AgentConversations = ({
 import { useContext as useContext11 } from "react";
 
 // src/components/Chat/ChatSidebar.tsx
-import { useState as useState61, useMemo as useMemo29, useCallback as useCallback29 } from "react";
+import { useState as useState62, useMemo as useMemo29, useCallback as useCallback29 } from "react";
 import { Drawer as Drawer2 } from "antd";
 import {
   History,
-  LogOut as LogOut3,
+  LogOut as LogOut4,
   FolderOpen as FolderOpen4,
   PlusCircle,
   PanelLeftClose as PanelLeftClose2
 } from "lucide-react";
 
 // src/components/Chat/ProjectsMenuContent.tsx
-import { useState as useState60, useEffect as useEffect38, useCallback as useCallback27, useMemo as useMemo28, useRef as useRef23 } from "react";
-import { Spin as Spin15, Modal as Modal16, Input as Input13, Button as Button45, message as message15 } from "antd";
+import { useState as useState61, useEffect as useEffect38, useCallback as useCallback27, useMemo as useMemo28, useRef as useRef23 } from "react";
+import { Spin as Spin15, Modal as Modal17, Input as Input13, Button as Button45, message as message15 } from "antd";
 import { createStyles as createStyles30 } from "antd-style";
 import { Upload } from "lucide-react";
-import { Fragment as Fragment23, jsx as jsx100, jsxs as jsxs71 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx100, jsxs as jsxs72 } from "react/jsx-runtime";
 var PROJECT_NAME_MAX_LENGTH2 = 50;
 var useStyles18 = createStyles30(({ token, css }) => ({
   container: css`
@@ -25186,14 +25251,14 @@ var ProjectsMenuContent = () => {
     getFileViewUrl,
     uploadFileToFolder
   } = useWorkspaceContext();
-  const [folderAssets, setFolderAssets] = useState60({});
-  const [folderLoading, setFolderLoading] = useState60({});
-  const [isProjectListOpen, setIsProjectListOpen] = useState60(false);
-  const [uploadingFolder, setUploadingFolder] = useState60(null);
-  const [isModalOpen, setIsModalOpen] = useState60(false);
-  const [projectName, setProjectName] = useState60("");
-  const [validationError, setValidationError] = useState60(null);
-  const [isCreating, setIsCreating] = useState60(false);
+  const [folderAssets, setFolderAssets] = useState61({});
+  const [folderLoading, setFolderLoading] = useState61({});
+  const [isProjectListOpen, setIsProjectListOpen] = useState61(false);
+  const [uploadingFolder, setUploadingFolder] = useState61(null);
+  const [isModalOpen, setIsModalOpen] = useState61(false);
+  const [projectName, setProjectName] = useState61("");
+  const [validationError, setValidationError] = useState61(null);
+  const [isCreating, setIsCreating] = useState61(false);
   const projectNameInputRef = useRef23(null);
   const resourceFolders = useMemo28(() => {
     return config.resourceFolders && config.resourceFolders.length > 0 ? config.resourceFolders : [{ name: "/", displayName: "Project Assets", allowUpload: true }];
@@ -25346,12 +25411,12 @@ var ProjectsMenuContent = () => {
     const parts = path.split(/[/\\]/);
     return parts[parts.length - 1];
   };
-  return /* @__PURE__ */ jsxs71("div", { className: styles.container, children: [
+  return /* @__PURE__ */ jsxs72("div", { className: styles.container, children: [
     resourceFolders.map((folder) => {
       const assets = folderAssets[folder.name] || [];
       const isLoading = folderLoading[folder.name] || false;
-      return /* @__PURE__ */ jsxs71("div", { className: styles.section, children: [
-        /* @__PURE__ */ jsxs71("div", { className: styles.sectionHeader, children: [
+      return /* @__PURE__ */ jsxs72("div", { className: styles.section, children: [
+        /* @__PURE__ */ jsxs72("div", { className: styles.sectionHeader, children: [
           /* @__PURE__ */ jsx100(
             "span",
             {
@@ -25363,8 +25428,8 @@ var ProjectsMenuContent = () => {
           ),
           /* @__PURE__ */ jsx100("span", { className: styles.badge, children: assets.length })
         ] }),
-        isLoading ? /* @__PURE__ */ jsx100("div", { className: styles.loading, children: /* @__PURE__ */ jsx100(Spin15, { size: "small" }) }) : /* @__PURE__ */ jsxs71("div", { className: styles.assetList, children: [
-          assets.map((asset) => /* @__PURE__ */ jsxs71(
+        isLoading ? /* @__PURE__ */ jsx100("div", { className: styles.loading, children: /* @__PURE__ */ jsx100(Spin15, { size: "small" }) }) : /* @__PURE__ */ jsxs72("div", { className: styles.assetList, children: [
+          assets.map((asset) => /* @__PURE__ */ jsxs72(
             "div",
             {
               className: styles.assetItem,
@@ -25372,7 +25437,7 @@ var ProjectsMenuContent = () => {
               title: getFileName(asset.name || asset.path),
               children: [
                 /* @__PURE__ */ jsx100("div", { className: styles.assetIcon, children: getFileIcon2(getFileName(asset.name || asset.path)) }),
-                /* @__PURE__ */ jsxs71("div", { className: styles.assetInfo, children: [
+                /* @__PURE__ */ jsxs72("div", { className: styles.assetInfo, children: [
                   /* @__PURE__ */ jsx100("div", { className: styles.assetName, children: getFileName(asset.name || asset.path) }),
                   /* @__PURE__ */ jsx100("div", { className: styles.assetMeta, children: formatDate5(asset.modified_at) })
                 ] })
@@ -25388,10 +25453,10 @@ var ProjectsMenuContent = () => {
               className: styles.uploadBtn,
               onClick: () => handleUploadClick(folder.name),
               disabled: !workspaceId || !projectId || uploadingFolder === folder.name,
-              children: uploadingFolder === folder.name ? /* @__PURE__ */ jsxs71(Fragment23, { children: [
+              children: uploadingFolder === folder.name ? /* @__PURE__ */ jsxs72(Fragment23, { children: [
                 /* @__PURE__ */ jsx100(Spin15, { size: "small" }),
                 /* @__PURE__ */ jsx100("span", { children: "Uploading..." })
-              ] }) : /* @__PURE__ */ jsxs71(Fragment23, { children: [
+              ] }) : /* @__PURE__ */ jsxs72(Fragment23, { children: [
                 /* @__PURE__ */ jsx100(Upload, { size: 14 }),
                 /* @__PURE__ */ jsx100("span", { children: "Upload" })
               ] })
@@ -25400,8 +25465,8 @@ var ProjectsMenuContent = () => {
         ] })
       ] }, folder.name);
     }),
-    /* @__PURE__ */ jsxs71(
-      Modal16,
+    /* @__PURE__ */ jsxs72(
+      Modal17,
       {
         title: "Create New Project",
         open: isModalOpen,
@@ -25412,7 +25477,7 @@ var ProjectsMenuContent = () => {
         maskClosable: !isCreating,
         keyboard: true,
         closable: true,
-        footer: /* @__PURE__ */ jsxs71("div", { className: styles.modalFooter, children: [
+        footer: /* @__PURE__ */ jsxs72("div", { className: styles.modalFooter, children: [
           /* @__PURE__ */ jsx100(Button45, { onClick: handleCloseModal, disabled: isCreating, children: "Cancel" }),
           /* @__PURE__ */ jsx100(
             Button45,
@@ -25453,8 +25518,8 @@ var ProjectsMenuContent = () => {
 import React54, { useCallback as useCallback28 } from "react";
 import { createStyles as createStyles31 } from "antd-style";
 import { MessageSquare as MessageSquare2, Trash2 as Trash24 } from "lucide-react";
-import { message as message16, Modal as Modal17 } from "antd";
-import { jsx as jsx101, jsxs as jsxs72 } from "react/jsx-runtime";
+import { message as message16, Modal as Modal18 } from "antd";
+import { jsx as jsx101, jsxs as jsxs73 } from "react/jsx-runtime";
 var useStyles19 = createStyles31(({ token, css }) => ({
   container: css`
     padding: 4px;
@@ -25567,7 +25632,7 @@ var ThreadHistoryMenuContent = () => {
   const handleDeleteThread = useCallback28(
     async (e, threadIdToDelete) => {
       e.stopPropagation();
-      Modal17.confirm({
+      Modal18.confirm({
         title: "Delete Conversation",
         content: "Are you sure you want to delete this conversation? This action cannot be undone.",
         okText: "Delete",
@@ -25595,7 +25660,7 @@ var ThreadHistoryMenuContent = () => {
   if (isLoading) {
     return /* @__PURE__ */ jsx101("div", { className: styles.container, children: /* @__PURE__ */ jsx101("div", { className: styles.loading, children: "Loading conversations..." }) });
   }
-  return /* @__PURE__ */ jsx101("div", { className: styles.container, children: sortedThreads.length === 0 ? /* @__PURE__ */ jsx101("div", { className: styles.emptyState, children: "No conversations yet" }) : /* @__PURE__ */ jsx101("div", { className: styles.threadList, children: sortedThreads.map((thread) => /* @__PURE__ */ jsxs72(
+  return /* @__PURE__ */ jsx101("div", { className: styles.container, children: sortedThreads.length === 0 ? /* @__PURE__ */ jsx101("div", { className: styles.emptyState, children: "No conversations yet" }) : /* @__PURE__ */ jsx101("div", { className: styles.threadList, children: sortedThreads.map((thread) => /* @__PURE__ */ jsxs73(
     "div",
     {
       className: `${styles.threadItem} ${thread.id === threadId ? "active" : ""}`,
@@ -25626,7 +25691,7 @@ var ThreadHistoryMenuContent = () => {
 };
 
 // src/components/Chat/ChatSidebar.tsx
-import { Fragment as Fragment24, jsx as jsx102, jsxs as jsxs73 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx102, jsxs as jsxs74 } from "react/jsx-runtime";
 var DRAWER_STYLES2 = {
   wrapper: {
     background: "transparent",
@@ -25689,7 +25754,7 @@ var DEFAULT_MENU_ITEMS = [
     builtin: "logout",
     type: "action",
     name: "Logout",
-    icon: /* @__PURE__ */ jsx102(LogOut3, { size: 20 }),
+    icon: /* @__PURE__ */ jsx102(LogOut4, { size: 20 }),
     order: 1e3,
     group: "Account"
   }
@@ -25703,7 +25768,7 @@ var ChatSidebar = ({
   const { sideAppVisible, menuCollapsed, setMenuCollapsed } = useChatUIContext();
   const { logout } = useAuth();
   const { createThread } = useConversationContext();
-  const [drawerStates, setDrawerStates] = useState61({});
+  const [drawerStates, setDrawerStates] = useState62({});
   const {
     sidebarMode,
     sidebarShowToggle,
@@ -25764,7 +25829,7 @@ var ChatSidebar = ({
         return item.content;
     }
   }, []);
-  return /* @__PURE__ */ jsxs73(Fragment24, { children: [
+  return /* @__PURE__ */ jsxs74(Fragment24, { children: [
     /* @__PURE__ */ jsx102(
       Menu,
       {
@@ -25784,7 +25849,7 @@ var ChatSidebar = ({
     menuItems.filter((item) => item.type === "drawer" && !item.inline).map((item) => /* @__PURE__ */ jsx102(
       Drawer2,
       {
-        title: /* @__PURE__ */ jsxs73("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
+        title: /* @__PURE__ */ jsxs74("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
           /* @__PURE__ */ jsx102("span", { style: { fontSize: 16, fontWeight: 600, textTransform: "uppercase", letterSpacing: 0.5 }, children: item.title || item.name }),
           /* @__PURE__ */ jsx102(
             "button",
@@ -25865,9 +25930,9 @@ var LatticeChatView = (props) => {
 };
 
 // src/components/Chat/SettingsModal.tsx
-import { useState as useState62, useEffect as useEffect39, useRef as useRef24 } from "react";
+import { useState as useState63, useEffect as useEffect39, useRef as useRef24 } from "react";
 import {
-  Modal as Modal18,
+  Modal as Modal19,
   Input as Input14,
   Button as Button46,
   message as message17,
@@ -25892,7 +25957,7 @@ import {
   CloudServerOutlined
 } from "@ant-design/icons";
 import { createStyles as createStyles32 } from "antd-style";
-import { Fragment as Fragment25, jsx as jsx104, jsxs as jsxs74 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx104, jsxs as jsxs75 } from "react/jsx-runtime";
 var { Text: Text37, Title: Title13 } = Typography46;
 var { TextArea: TextArea8 } = Input14;
 var useStyles20 = createStyles32(({ token, css }) => ({
@@ -26254,7 +26319,7 @@ var SettingsModal = ({
 }) => {
   const { styles } = useStyles20();
   const { config: shellConfig, updateConfigValue } = useLatticeChatShellContext();
-  const [connections, setConnections] = useState62(() => {
+  const [connections, setConnections] = useState63(() => {
     if (typeof window !== "undefined") {
       try {
         const stored = localStorage.getItem("lattice_server_connections");
@@ -26277,21 +26342,21 @@ var SettingsModal = ({
     }
     return [];
   });
-  const [serverConfigs, setServerConfigs] = useState62({});
+  const [serverConfigs, setServerConfigs] = useState63({});
   const connectionsRef = useRef24(connections);
   useEffect39(() => {
     connectionsRef.current = connections;
   }, [connections]);
-  const [activeTabKey, setActiveTabKey] = useState62(
+  const [activeTabKey, setActiveTabKey] = useState63(
     connections.length > 0 ? connections[0].id : ""
   );
-  const [activeMenu, setActiveMenu] = useState62("environment");
-  const [loading, setLoading] = useState62(false);
-  const [showAddServerModal, setShowAddServerModal] = useState62(false);
-  const [newServerUrl, setNewServerUrl] = useState62("");
-  const [newServerName, setNewServerName] = useState62("");
-  const [newServerApiKey, setNewServerApiKey] = useState62("");
-  const [addingServer, setAddingServer] = useState62(false);
+  const [activeMenu, setActiveMenu] = useState63("environment");
+  const [loading, setLoading] = useState63(false);
+  const [showAddServerModal, setShowAddServerModal] = useState63(false);
+  const [newServerUrl, setNewServerUrl] = useState63("");
+  const [newServerName, setNewServerName] = useState63("");
+  const [newServerApiKey, setNewServerApiKey] = useState63("");
+  const [addingServer, setAddingServer] = useState63(false);
   const saveConnections = (newConnections) => {
     setConnections(newConnections);
     if (typeof window !== "undefined") {
@@ -26701,13 +26766,13 @@ var SettingsModal = ({
         }
       }));
     };
-    return /* @__PURE__ */ jsxs74("div", { className: styles.formContainer, children: [
+    return /* @__PURE__ */ jsxs75("div", { className: styles.formContainer, children: [
       /* @__PURE__ */ jsx104(
         Alert8,
         {
           message: "Configuration Effect",
-          description: /* @__PURE__ */ jsxs74("div", { children: [
-            /* @__PURE__ */ jsxs74("div", { style: { marginBottom: 8 }, children: [
+          description: /* @__PURE__ */ jsxs75("div", { children: [
+            /* @__PURE__ */ jsxs75("div", { style: { marginBottom: 8 }, children: [
               /* @__PURE__ */ jsx104(
                 CheckCircleOutlined8,
                 {
@@ -26717,7 +26782,7 @@ var SettingsModal = ({
               /* @__PURE__ */ jsx104("strong", { children: "Immediately effective:" }),
               " QUEUE_SERVICE_TYPE, REDIS_URL, REDIS_PASSWORD, QUEUE_NAME"
             ] }),
-            /* @__PURE__ */ jsxs74("div", { children: [
+            /* @__PURE__ */ jsxs75("div", { children: [
               /* @__PURE__ */ jsx104(ReloadOutlined4, { style: { color: "#faad14", marginRight: 8 } }),
               /* @__PURE__ */ jsx104("strong", { children: "Requires restart:" }),
               " PORT (server must be restarted to change port)"
@@ -26806,10 +26871,10 @@ QUEUE_NAME=tasks`,
         }));
       }
     };
-    return /* @__PURE__ */ jsxs74("div", { className: styles.formContainer, children: [
+    return /* @__PURE__ */ jsxs75("div", { className: styles.formContainer, children: [
       /* @__PURE__ */ jsx104("div", { style: { marginBottom: 32 }, children: /* @__PURE__ */ jsx104(Text37, { type: "secondary", style: { fontSize: 14, lineHeight: 1.6 }, children: "Configure model lattices. Each model will be registered with the provided key and can be used by agents." }) }),
-      config.models.map((model, index) => /* @__PURE__ */ jsxs74("div", { className: styles.card, children: [
-        /* @__PURE__ */ jsxs74(
+      config.models.map((model, index) => /* @__PURE__ */ jsxs75("div", { className: styles.card, children: [
+        /* @__PURE__ */ jsxs75(
           "div",
           {
             style: {
@@ -26821,12 +26886,12 @@ QUEUE_NAME=tasks`,
               borderBottom: "1px solid rgba(0, 0, 0, 0.06)"
             },
             children: [
-              /* @__PURE__ */ jsxs74("div", { children: [
-                /* @__PURE__ */ jsxs74(Text37, { strong: true, style: { fontSize: 16 }, children: [
+              /* @__PURE__ */ jsxs75("div", { children: [
+                /* @__PURE__ */ jsxs75(Text37, { strong: true, style: { fontSize: 16 }, children: [
                   "Model ",
                   index + 1
                 ] }),
-                model.key && /* @__PURE__ */ jsxs74(
+                model.key && /* @__PURE__ */ jsxs75(
                   Text37,
                   {
                     type: "secondary",
@@ -26856,8 +26921,8 @@ QUEUE_NAME=tasks`,
             ]
           }
         ),
-        /* @__PURE__ */ jsxs74(Space35, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
-          /* @__PURE__ */ jsxs74("div", { children: [
+        /* @__PURE__ */ jsxs75(Space35, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
+          /* @__PURE__ */ jsxs75("div", { children: [
             /* @__PURE__ */ jsx104(Text37, { className: styles.formLabel, children: "Key *" }),
             /* @__PURE__ */ jsx104(
               Input14,
@@ -26870,7 +26935,7 @@ QUEUE_NAME=tasks`,
             ),
             /* @__PURE__ */ jsx104(Text37, { className: styles.formDescription, children: "Unique identifier for this model" })
           ] }),
-          /* @__PURE__ */ jsxs74("div", { children: [
+          /* @__PURE__ */ jsxs75("div", { children: [
             /* @__PURE__ */ jsx104(Text37, { className: styles.formLabel, children: "Provider *" }),
             /* @__PURE__ */ jsx104(
               Select6,
@@ -26888,7 +26953,7 @@ QUEUE_NAME=tasks`,
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs74("div", { children: [
+          /* @__PURE__ */ jsxs75("div", { children: [
             /* @__PURE__ */ jsx104(Text37, { className: styles.formLabel, children: "Model Name *" }),
             /* @__PURE__ */ jsx104(
               Input14,
@@ -26900,7 +26965,7 @@ QUEUE_NAME=tasks`,
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs74("div", { children: [
+          /* @__PURE__ */ jsxs75("div", { children: [
             /* @__PURE__ */ jsx104(Text37, { className: styles.formLabel, children: "API Key" }),
             /* @__PURE__ */ jsx104(
               Input14.Password,
@@ -26913,7 +26978,7 @@ QUEUE_NAME=tasks`,
             ),
             /* @__PURE__ */ jsx104(Text37, { className: styles.formDescription, children: "API key for the model provider. Leave empty to use environment variable." })
           ] }),
-          /* @__PURE__ */ jsxs74("div", { children: [
+          /* @__PURE__ */ jsxs75("div", { children: [
             /* @__PURE__ */ jsx104(Text37, { className: styles.formLabel, children: "Base URL" }),
             /* @__PURE__ */ jsx104(
               Input14,
@@ -26926,7 +26991,7 @@ QUEUE_NAME=tasks`,
             ),
             /* @__PURE__ */ jsx104(Text37, { className: styles.formDescription, children: "Optional custom base URL for the API" })
           ] }),
-          /* @__PURE__ */ jsx104("div", { children: /* @__PURE__ */ jsxs74(Space35, { children: [
+          /* @__PURE__ */ jsx104("div", { children: /* @__PURE__ */ jsxs75(Space35, { children: [
             /* @__PURE__ */ jsx104(
               Switch3,
               {
@@ -26936,8 +27001,8 @@ QUEUE_NAME=tasks`,
             ),
             /* @__PURE__ */ jsx104(Text37, { children: "Enable Streaming" })
           ] }) }),
-          /* @__PURE__ */ jsxs74("div", { style: { display: "flex", gap: 20 }, children: [
-            /* @__PURE__ */ jsxs74("div", { style: { flex: 1 }, children: [
+          /* @__PURE__ */ jsxs75("div", { style: { display: "flex", gap: 20 }, children: [
+            /* @__PURE__ */ jsxs75("div", { style: { flex: 1 }, children: [
               /* @__PURE__ */ jsx104(Text37, { className: styles.formLabel, children: "Max Tokens" }),
               /* @__PURE__ */ jsx104(
                 Input14,
@@ -26954,7 +27019,7 @@ QUEUE_NAME=tasks`,
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs74("div", { style: { flex: 1 }, children: [
+            /* @__PURE__ */ jsxs75("div", { style: { flex: 1 }, children: [
               /* @__PURE__ */ jsx104(Text37, { className: styles.formLabel, children: "Temperature" }),
               /* @__PURE__ */ jsx104(
                 Input14,
@@ -27003,7 +27068,7 @@ QUEUE_NAME=tasks`,
   );
   const currentConnection = connections.find((c) => c.id === activeTabKey);
   const renderTabLabel = (connection) => {
-    return /* @__PURE__ */ jsxs74("div", { style: { display: "flex", alignItems: "center" }, children: [
+    return /* @__PURE__ */ jsxs75("div", { style: { display: "flex", alignItems: "center" }, children: [
       /* @__PURE__ */ jsx104(
         CloudServerOutlined,
         {
@@ -27031,8 +27096,8 @@ QUEUE_NAME=tasks`,
   const tabItems = connections.map((connection) => ({
     key: connection.id,
     label: renderTabLabel(connection),
-    children: /* @__PURE__ */ jsx104("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ jsx104(Fragment25, { children: /* @__PURE__ */ jsxs74("div", { style: { display: "flex", height: "100%" }, children: [
-      /* @__PURE__ */ jsx104("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ jsxs74(
+    children: /* @__PURE__ */ jsx104("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ jsx104(Fragment25, { children: /* @__PURE__ */ jsxs75("div", { style: { display: "flex", height: "100%" }, children: [
+      /* @__PURE__ */ jsx104("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ jsxs75(
         "div",
         {
           className: `${styles.menuItem} ${activeMenu === item.key ? "active" : ""}`,
@@ -27044,16 +27109,16 @@ QUEUE_NAME=tasks`,
         },
         item.key
       )) }),
-      /* @__PURE__ */ jsxs74("div", { className: styles.content, children: [
-        /* @__PURE__ */ jsxs74("div", { className: styles.contentHeader, children: [
-          /* @__PURE__ */ jsxs74("div", { className: styles.contentHeaderLeft, children: [
+      /* @__PURE__ */ jsxs75("div", { className: styles.content, children: [
+        /* @__PURE__ */ jsxs75("div", { className: styles.contentHeader, children: [
+          /* @__PURE__ */ jsxs75("div", { className: styles.contentHeaderLeft, children: [
             /* @__PURE__ */ jsx104(Title13, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
-            /* @__PURE__ */ jsxs74(Text37, { className: styles.contentDescription, children: [
+            /* @__PURE__ */ jsxs75(Text37, { className: styles.contentDescription, children: [
               activeMenu === "environment" && "Manage environment variables for the gateway server",
               activeMenu === "models" && "Configure and register model lattices for use by agents"
             ] })
           ] }),
-          /* @__PURE__ */ jsxs74("div", { className: styles.contentHeaderRight, children: [
+          /* @__PURE__ */ jsxs75("div", { className: styles.contentHeaderRight, children: [
             /* @__PURE__ */ jsx104(Button46, { onClick: onClose, children: "Cancel" }),
             /* @__PURE__ */ jsx104(
               Button46,
@@ -27081,14 +27146,14 @@ QUEUE_NAME=tasks`,
           gap: 16,
           padding: 48
         },
-        children: connection.connecting ? /* @__PURE__ */ jsxs74(Fragment25, { children: [
+        children: connection.connecting ? /* @__PURE__ */ jsxs75(Fragment25, { children: [
           /* @__PURE__ */ jsx104(LinkOutlined2, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
           /* @__PURE__ */ jsx104(Title13, { level: 4, children: "Connecting..." }),
-          /* @__PURE__ */ jsxs74(Text37, { type: "secondary", style: { textAlign: "center" }, children: [
+          /* @__PURE__ */ jsxs75(Text37, { type: "secondary", style: { textAlign: "center" }, children: [
             "Connecting to ",
             connection.url
           ] })
-        ] }) : /* @__PURE__ */ jsxs74(Fragment25, { children: [
+        ] }) : /* @__PURE__ */ jsxs75(Fragment25, { children: [
           /* @__PURE__ */ jsx104(LinkOutlined2, { style: { fontSize: 64, color: "#d9d9d9" } }),
           /* @__PURE__ */ jsx104(Title13, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
           /* @__PURE__ */ jsx104(
@@ -27115,9 +27180,9 @@ QUEUE_NAME=tasks`,
     ) }),
     closable: connections.length > 1
   }));
-  return /* @__PURE__ */ jsxs74(Fragment25, { children: [
+  return /* @__PURE__ */ jsxs75(Fragment25, { children: [
     /* @__PURE__ */ jsx104(
-      Modal18,
+      Modal19,
       {
         open,
         onCancel: onClose,
@@ -27139,7 +27204,7 @@ QUEUE_NAME=tasks`,
               }
             },
             items: tabItems,
-            addIcon: /* @__PURE__ */ jsxs74(
+            addIcon: /* @__PURE__ */ jsxs75(
               "div",
               {
                 style: {
@@ -27159,7 +27224,7 @@ QUEUE_NAME=tasks`,
       }
     ),
     /* @__PURE__ */ jsx104(
-      Modal18,
+      Modal19,
       {
         title: "Add New Server",
         open: showAddServerModal,
@@ -27172,8 +27237,8 @@ QUEUE_NAME=tasks`,
         },
         confirmLoading: addingServer,
         className: styles.addServerModal,
-        children: /* @__PURE__ */ jsxs74(Space35, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
-          /* @__PURE__ */ jsxs74("div", { children: [
+        children: /* @__PURE__ */ jsxs75(Space35, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
+          /* @__PURE__ */ jsxs75("div", { children: [
             /* @__PURE__ */ jsx104(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
             /* @__PURE__ */ jsx104(
               Input14,
@@ -27186,7 +27251,7 @@ QUEUE_NAME=tasks`,
             ),
             /* @__PURE__ */ jsx104(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: Leave empty to use URL as name" })
           ] }),
-          /* @__PURE__ */ jsxs74("div", { children: [
+          /* @__PURE__ */ jsxs75("div", { children: [
             /* @__PURE__ */ jsx104(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
             /* @__PURE__ */ jsx104(
               Input14,
@@ -27199,7 +27264,7 @@ QUEUE_NAME=tasks`,
             ),
             /* @__PURE__ */ jsx104(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Enter the full URL of the gateway server" })
           ] }),
-          /* @__PURE__ */ jsxs74("div", { children: [
+          /* @__PURE__ */ jsxs75("div", { children: [
             /* @__PURE__ */ jsx104(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
             /* @__PURE__ */ jsx104(
               Input14.Password,
@@ -27232,17 +27297,16 @@ var AgentServerSetting = () => {
 };
 
 // src/components/Chat/LatticeChatShell.tsx
-import { Fragment as Fragment26, jsx as jsx106, jsxs as jsxs75 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx106, jsxs as jsxs76 } from "react/jsx-runtime";
 var ShellContent = ({
   initialAssistantId,
   enableWorkspace
 }) => {
   const { currentTenant } = useAuth();
-  const tenantId = currentTenant?.id;
-  return /* @__PURE__ */ jsx106(Fragment26, { children: enableWorkspace ? /* @__PURE__ */ jsxs75(WorkspaceContextProvider, { tenantId, children: [
+  return /* @__PURE__ */ jsx106(Fragment26, { children: enableWorkspace ? /* @__PURE__ */ jsxs76(WorkspaceContextProvider, { children: [
     /* @__PURE__ */ jsx106(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ jsx106(ConversationContextProvider, { children: /* @__PURE__ */ jsx106(LatticeChatView, {}) }) }),
     /* @__PURE__ */ jsx106(AgentServerSetting, {})
-  ] }) : /* @__PURE__ */ jsxs75(Fragment26, { children: [
+  ] }) : /* @__PURE__ */ jsxs76(Fragment26, { children: [
     /* @__PURE__ */ jsx106(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ jsx106(ConversationContextProvider, { children: /* @__PURE__ */ jsx106(LatticeChatView, {}) }) }),
     /* @__PURE__ */ jsx106(AgentServerSetting, {})
   ] }) });