@axiom-lattice/react-sdk 2.1.89 → 2.1.91

package/dist/index.mjs

@@ -91,8 +91,8 @@ var AuthProvider = ({
       onLoginSuccess?.(userData, tenantList || []);
       return { requiresTenantSelection, hasTenants };
     } catch (err) {
-      const message25 = err instanceof Error ? err.message : "Login failed";
-      setError(message25);
+      const message26 = err instanceof Error ? err.message : "Login failed";
+      setError(message26);
       throw err;
     } finally {
       setIsLoading(false);
@@ -116,8 +116,8 @@ var AuthProvider = ({
       }
       return { message: data.message || "Registration successful!", token: data.data?.token };
     } catch (err) {
-      const message25 = err instanceof Error ? err.message : "Registration failed";
-      setError(message25);
+      const message26 = err instanceof Error ? err.message : "Registration failed";
+      setError(message26);
       throw err;
     } finally {
       setIsLoading(false);
@@ -171,8 +171,8 @@ var AuthProvider = ({
       }
       onTenantSelected?.(tenantData);
     } catch (err) {
-      const message25 = err instanceof Error ? err.message : "Failed to select tenant";
-      setError(message25);
+      const message26 = err instanceof Error ? err.message : "Failed to select tenant";
+      setError(message26);
       throw err;
     } finally {
       setIsLoading(false);
@@ -211,8 +211,8 @@ var AuthProvider = ({
       setTenants(tenantList);
       sessionStorage.setItem("lattice_tenants", JSON.stringify(tenantList));
     } catch (err) {
-      const message25 = err instanceof Error ? err.message : "Failed to fetch tenants";
-      setError(message25);
+      const message26 = err instanceof Error ? err.message : "Failed to fetch tenants";
+      setError(message26);
     } finally {
       setIsLoading(false);
     }
@@ -242,8 +242,8 @@ var AuthProvider = ({
       setUser(data);
       sessionStorage.setItem("lattice_user", JSON.stringify(data));
     } catch (err) {
-      const message25 = err instanceof Error ? err.message : "Failed to refresh user";
-      setError(message25);
+      const message26 = err instanceof Error ? err.message : "Failed to refresh user";
+      setError(message26);
     } finally {
       setIsLoading(false);
     }
@@ -279,8 +279,8 @@ var AuthProvider = ({
       const result = await response.json();
       return result;
     } catch (err) {
-      const message25 = err instanceof Error ? err.message : "Failed to change password";
-      setError(message25);
+      const message26 = err instanceof Error ? err.message : "Failed to change password";
+      setError(message26);
       throw err;
     } finally {
       setIsLoading(false);
@@ -494,7 +494,7 @@ function useChat(threadId, assistantId, options = {}) {
         throw new Error("Thread ID is required to send messages");
       }
       const { input, command, streaming = true } = data;
-      const { message: message25, files, ...rest } = input || {};
+      const { message: message26, files, ...rest } = input || {};
       setState((prev) => ({
         ...prev,
         isLoading: true,
@@ -503,7 +503,7 @@ function useChat(threadId, assistantId, options = {}) {
       }));
       const userMessage = {
         id: uuidv4(),
-        content: message25 || command?.resume?.message || "",
+        content: message26 || command?.resume?.message || "",
         files,
         role: "human"
       };
@@ -756,6 +756,7 @@ var AssistantContext = createContext3({
   currentAssistant: null,
   isLoading: false,
   error: null,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   listAssistants: async () => {
   },
   getAssistant: async () => {
@@ -767,12 +768,16 @@ var AssistantContext = createContext3({
   updateAssistant: async () => {
     throw new Error("Not implemented");
   },
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   deleteAssistant: async () => {
   },
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   selectAssistant: async () => {
   },
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   clearCurrentAssistant: () => {
   },
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   refresh: async () => {
   }
 });
@@ -1388,13 +1393,17 @@ var DEFAULT_CONFIG = {
 };
 var LatticeChatShellContext = createContext4({
   config: DEFAULT_CONFIG,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   updateConfig: () => {
   },
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   updateConfigValue: () => {
   },
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   resetConfig: () => {
   },
   settingsModalOpen: false,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   setSettingsModalOpen: () => {
   }
 });
@@ -1491,24 +1500,31 @@ var ConversationContext = createContext5({
   threads: [],
   isLoading: false,
   error: null,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   setThread: () => {
   },
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   selectThread: () => {
   },
   createThread: async () => {
     throw new Error("Not implemented");
   },
   listThreads: async () => [],
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   updateThread: async () => {
   },
   getThreadById: () => null,
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   deleteThread: async () => {
   },
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   clearThread: () => {
   },
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   refresh: async () => {
   },
   customRunConfig: {},
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   updateCustomRunConfig: () => {
   }
 });
@@ -1523,8 +1539,8 @@ function convertThreadToConversationThread(thread, label) {
 function getThreadMetadata(label) {
   return label ? { label } : {};
 }
-function generateLabelFromMessage(message25) {
-  const cleanMessage = message25.replace(/```attachments[\s\S]*?```/g, "").trim();
+function generateLabelFromMessage(message26) {
+  const cleanMessage = message26.replace(/```attachments[\s\S]*?```/g, "").trim();
   if (!cleanMessage) {
     return "";
   }
@@ -1538,7 +1554,8 @@ var ConversationContextProvider = ({
 }) => {
   const { currentAssistant } = useAssistantContext();
   const assistantId = currentAssistant?.id || null;
-  const {} = useLatticeChatShellContext();
+  const _unused = useLatticeChatShellContext();
+  void _unused;
   const client = useClient(assistantId || "");
   const [threads, setThreads] = useState6([]);
   const [threadId, setThreadId] = useState6(null);
@@ -1885,7 +1902,7 @@ function AgentThreadProvider({
         if (currentCreatedAt) {
           lastAgentStateCreatedAtRef.current = currentCreatedAt;
         }
-        let needUpdateFields = {};
+        const needUpdateFields = {};
         needUpdateFields.agentState = agentState;
         needUpdateFields.interrupts = agentState?.tasks?.flatMap((task) => {
           return task.interrupts.map((interrupt) => {
@@ -1996,7 +2013,7 @@ function AgentThreadProvider({
         throw new Error("Thread ID is required to send messages");
       }
       const { input, command, streaming = true, mode } = data;
-      const { message: message25, files, ...rest } = input || {};
+      const { message: message26, files, ...rest } = input || {};
       setState((prev) => ({
         ...prev,
         isLoading: true,
@@ -2005,7 +2022,7 @@ function AgentThreadProvider({
       }));
       const userMessage = {
         id: uuidv42(),
-        content: message25 || command?.resume?.message || "",
+        content: message26 || command?.resume?.message || "",
         files,
         role: "human"
       };
@@ -2023,8 +2040,8 @@ function AgentThreadProvider({
         ]
       }));
       const isFirstMessage = messageCountRef.current === 0;
-      if (isFirstMessage && message25 && conversationContext) {
-        const label = generateLabelFromMessage(message25);
+      if (isFirstMessage && message26 && conversationContext) {
+        const label = generateLabelFromMessage(message26);
         if (label) {
           conversationContext.updateThread({
             id: threadId,
@@ -2046,6 +2063,7 @@ function AgentThreadProvider({
                 mode,
                 ...rest
               },
+              // eslint-disable-next-line @typescript-eslint/no-empty-function
               () => {
               },
               // Empty handler - resumeStream will handle chunks
@@ -2238,7 +2256,7 @@ function AgentThreadProvider({
       if (currentCreatedAt) {
         lastAgentStateCreatedAtRef.current = currentCreatedAt;
       }
-      let needUpdateFields = {};
+      const needUpdateFields = {};
       needUpdateFields.agentState = agentState;
       needUpdateFields.todos = agentState?.values?.todos;
       needUpdateFields.tasks = agentState?.values?.tasks;
@@ -3920,8 +3938,8 @@ function useTenants(options) {
       const { data } = await response.json();
       setTenants(data || []);
     } catch (err) {
-      const message25 = err instanceof Error ? err.message : "Failed to fetch tenants";
-      setError(message25);
+      const message26 = err instanceof Error ? err.message : "Failed to fetch tenants";
+      setError(message26);
     } finally {
       setIsLoading(false);
     }
@@ -3963,8 +3981,8 @@ function useUsers(options) {
       const { data } = await response.json();
       setUsers(data || []);
     } catch (err) {
-      const message25 = err instanceof Error ? err.message : "Failed to fetch users";
-      setError(message25);
+      const message26 = err instanceof Error ? err.message : "Failed to fetch users";
+      setError(message26);
     } finally {
       setIsLoading(false);
     }
@@ -4201,25 +4219,25 @@ var FilePanelToggle = () => {
 };
 
 // src/components/Chat/PinToMenuButton.tsx
-import React71, { useState as useState78, useEffect as useEffect54, useCallback as useCallback40 } from "react";
-import { Button as Button56, Input as Input17, Modal as Modal21, Tooltip as Tooltip26, message as message19 } from "antd";
+import React72, { useState as useState79, useEffect as useEffect55, useCallback as useCallback41 } from "react";
+import { Button as Button57, Input as Input18, Modal as Modal22, Tooltip as Tooltip26, message as message20 } from "antd";
 import { Pin } from "lucide-react";
 
 // src/context/WorkspaceContext.tsx
-import React70, {
+import React71, {
   createContext as createContext9,
   useContext as useContext11,
-  useState as useState77,
-  useCallback as useCallback39,
-  useEffect as useEffect53,
-  useRef as useRef28
+  useState as useState78,
+  useCallback as useCallback40,
+  useEffect as useEffect54,
+  useRef as useRef29
 } from "react";
 import { WorkspaceClient, Client as Client3 } from "@axiom-lattice/client-sdk";
 
 // src/components/Chat/WorkspaceResourceManager.tsx
-import { useMemo as useMemo34, useEffect as useEffect52, useRef as useRef27, useState as useState76 } from "react";
+import { useMemo as useMemo35, useEffect as useEffect53, useRef as useRef28, useState as useState77 } from "react";
 import { FolderOpen as FolderOpen3, Activity as Activity4, Database as Database7, Plug as Plug2, Bot as Bot5, Wrench as Wrench2, Zap as Zap2, LogOut as LogOut3, Building2 as Building23, Key, Share2, History, Inbox as Inbox3, FlaskConical as FlaskConical3 } from "lucide-react";
-import { Modal as Modal20, Avatar as Avatar12, Popover as Popover3, Button as Button55 } from "antd";
+import { Modal as Modal21, Avatar as Avatar12, Popover as Popover3, Button as Button56 } from "antd";
 
 // src/components/Chat/ColumnLayout.tsx
 import { PanelLeft, X } from "lucide-react";
@@ -13445,11 +13463,11 @@ var ConfirmFeedback = ({
   data,
   interactive = true
 }) => {
-  const { message: message25, type, config, feedback, options } = data ?? {};
+  const { message: message26, type, config, feedback, options } = data ?? {};
   const { sendMessage } = useAgentChat();
   const [clicked, setClicked] = useState36(false);
   return /* @__PURE__ */ jsxs22(Space9, { direction: "vertical", style: { width: "100%" }, children: [
-    /* @__PURE__ */ jsx31(MDResponse, { content: message25 }),
+    /* @__PURE__ */ jsx31(MDResponse, { content: message26 }),
     options ? /* @__PURE__ */ jsx31(Space9, { style: { justifyContent: "flex-end", width: "100%" }, children: options?.map((option) => /* @__PURE__ */ jsx31(
       Button17,
       {
@@ -13772,7 +13790,7 @@ var useSideAppOpener = () => {
 import { jsx as jsx33, jsxs as jsxs24 } from "react/jsx-runtime";
 var { Text: Text16 } = Typography16;
 var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = true }) => {
-  const { dataSource, message: message25 } = data ?? {};
+  const { dataSource, message: message26 } = data ?? {};
   const [expandedRowKeys, setExpandedRowKeys] = useState38([]);
   const openSideApp = useSideAppOpener();
   const processedData = dataSource?.map((item, index) => ({
@@ -13871,7 +13889,7 @@ var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = t
       type: "text/csv;charset=utf-8;"
     });
     const link = document.createElement("a");
-    const filename = `${message25 || "data"}_${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.csv`;
+    const filename = `${message26 || "data"}_${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.csv`;
     link.href = URL.createObjectURL(blob);
     link.download = filename;
     document.body.appendChild(link);
@@ -13892,7 +13910,7 @@ var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = t
           tableLayout: "fixed",
           style: { width: "100% !important" },
           title: () => /* @__PURE__ */ jsxs24(Flex, { justify: "space-between", align: "center", children: [
-            /* @__PURE__ */ jsx33(Space11, { children: /* @__PURE__ */ jsx33(Text16, { strong: true, style: { fontSize: 16 }, children: message25 || "" }) }),
+            /* @__PURE__ */ jsx33(Space11, { children: /* @__PURE__ */ jsx33(Text16, { strong: true, style: { fontSize: 16 }, children: message26 || "" }) }),
             /* @__PURE__ */ jsxs24(Space11, { children: [
               /* @__PURE__ */ jsx33(
                 Button19,
@@ -13914,8 +13932,8 @@ var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = t
                   onClick: () => {
                     openSideApp({
                       component_key: "generic_data_table",
-                      message: message25 || "",
-                      data: { dataSource, message: message25 }
+                      message: message26 || "",
+                      data: { dataSource, message: message26 }
                     });
                   },
                   children: /* @__PURE__ */ jsx33(ExpandAltOutlined, {})
@@ -15336,7 +15354,7 @@ var AttachmentsCard = ({
   const { config } = useLatticeChatShellContext();
   const baseURL = config.baseURL;
   const fileBaseURL = `${baseURL}/api/assistants/${assistantId}/threads/${threadId}/sandbox/downloadfile?path=`;
-  const { Text: Text51 } = Typography21;
+  const { Text: Text52 } = Typography21;
   const [showAll, setShowAll] = useState42(false);
   const openSideApp = useSideAppOpener();
   const getStyles = () => {
@@ -15410,7 +15428,7 @@ var AttachmentsCard = ({
     );
   };
   const renderFileDescription = (item) => /* @__PURE__ */ jsx43(Space16, { direction: "vertical", size: size === "small" ? 2 : 4, children: /* @__PURE__ */ jsx43(Space16, { children: /* @__PURE__ */ jsx43(
-    Text51,
+    Text52,
     {
       type: "secondary",
       style: {
@@ -15484,7 +15502,7 @@ var AttachmentsCard = ({
         }
       ),
       item.files && /* @__PURE__ */ jsxs31("div", { style: { paddingLeft: "12px" }, children: [
-        /* @__PURE__ */ jsxs31(Text51, { type: "secondary", style: { fontSize: "12px" }, children: [
+        /* @__PURE__ */ jsxs31(Text52, { type: "secondary", style: { fontSize: "12px" }, children: [
           "Contains ",
           item.files.length,
           " file(s)"
@@ -16323,7 +16341,7 @@ import {
 } from "react";
 import { jsx as jsx52 } from "react/jsx-runtime";
 var LazyBubble = ({
-  message: message25,
+  message: message26,
   renderContent,
   autoLoadRightPanel
 }) => {
@@ -16354,10 +16372,10 @@ var LazyBubble = ({
     autoLoadRightPanel?.();
   }, []);
   const getPlaceholder = () => {
-    const estimatedHeight = message25.content ? Math.min(100, message25.content.length / 5) : 100;
+    const estimatedHeight = message26.content ? Math.min(100, message26.content.length / 5) : 100;
     return /* @__PURE__ */ jsx52("div", { style: { height: `${estimatedHeight}px`, minHeight: "50px" } });
   };
-  return /* @__PURE__ */ jsx52(ErrorBoundary, { children: /* @__PURE__ */ jsx52("div", { ref, style: { width: "100%" }, children: isVisible || wasEverVisible ? renderContent(message25) : getPlaceholder() }) });
+  return /* @__PURE__ */ jsx52(ErrorBoundary, { children: /* @__PURE__ */ jsx52("div", { ref, style: { width: "100%" }, children: isVisible || wasEverVisible ? renderContent(message26) : getPlaceholder() }) });
 };
 var MemoizedBubbleList = memo(
   ({
@@ -16388,8 +16406,8 @@ var MessageList = ({
       messageLengthRef.current = messages?.length;
     }
   }, [messages?.length]);
-  const renderContent = useCallback24((message25) => {
-    const { content } = message25;
+  const renderContent = useCallback24((message26) => {
+    const { content } = message26;
     try {
       const json = JSON.parse(content);
       if (json.action && json.message) {
@@ -16397,7 +16415,7 @@ var MessageList = ({
       }
     } catch (error) {
     }
-    const tool_calls_md = message25.tool_calls?.map((tool_call) => {
+    const tool_calls_md = message26.tool_calls?.map((tool_call) => {
       return `\`\`\`tool_call
 ${JSON.stringify(tool_call)}
 \`\`\``;
@@ -16406,17 +16424,17 @@ ${JSON.stringify(tool_call)}
     return /* @__PURE__ */ jsx52(Space19, { direction: "vertical", style: { width: "100%" }, children: /* @__PURE__ */ jsx52(MDResponse, { content: content_md }) });
   }, []);
   const items = useMemo11(
-    () => messages.map((message25, index) => ({
-      key: message25.id,
-      role: message25.role,
+    () => messages.map((message26, index) => ({
+      key: message26.id,
+      role: message26.role,
       typing: false,
       content: /* @__PURE__ */ jsx52(
         LazyBubble,
         {
-          message: message25,
+          message: message26,
           renderContent,
           autoLoadRightPanel: () => {
-            const { content, role: role2 } = message25;
+            const { content, role: role2 } = message26;
             const isNewAddedMessage = messageLengthRef.current > 1 && messageLengthRef.current + 1 === messages.length;
             if (index === messages.length - 1 && isNewAddedMessage && role2 === "ai") {
               try {
@@ -16764,7 +16782,7 @@ import { Space as Space22 } from "antd";
 // src/components/Chat/TodoProgress.tsx
 import { Popover, Tooltip as Tooltip6, Progress } from "antd";
 import { jsx as jsx55, jsxs as jsxs39 } from "react/jsx-runtime";
-var TodoProgress = ({}) => {
+var TodoProgress = (_props) => {
   const { openSideApp } = useChatUIContext();
   const { todos } = useAgentChat();
   if (!todos || todos.length === 0) {
@@ -16920,7 +16938,7 @@ var TodoProgress = ({}) => {
 // src/components/Chat/TaskProgress.tsx
 import { Tooltip as Tooltip7, Progress as Progress2 } from "antd";
 import { jsx as jsx56, jsxs as jsxs40 } from "react/jsx-runtime";
-var TaskProgress = ({}) => {
+var TaskProgress = (_props) => {
   const { tasks } = useAgentChat();
   const { openSideApp } = useChatUIContext();
   if (!tasks || tasks.length === 0) {
@@ -17083,7 +17101,7 @@ var ProgressTracker = () => {
 import { Tooltip as Tooltip8, Button as Button30 } from "antd";
 import { FileDoneOutlined } from "@ant-design/icons";
 import { jsx as jsx58 } from "react/jsx-runtime";
-var FileExplorerButton = ({}) => {
+var FileExplorerButton = (_props) => {
   const { agentState } = useAgentChat();
   const { openSideApp } = useChatUIContext();
   const files = agentState?.values?.files || [];
@@ -22903,12 +22921,12 @@ var formatDate3 = (timestamp) => {
   });
 };
 var MailboxDetailModal = ({
-  message: message25,
+  message: message26,
   visible,
   onClose
 }) => {
   const { styles } = useStyles14();
-  if (!message25) return null;
+  if (!message26) return null;
   return /* @__PURE__ */ jsx86(
     Modal15,
     {
@@ -22931,12 +22949,12 @@ var MailboxDetailModal = ({
       children: /* @__PURE__ */ jsxs63("div", { className: styles.modalContent, children: [
         /* @__PURE__ */ jsxs63("div", { className: styles.header, children: [
           /* @__PURE__ */ jsx86("div", { className: styles.messageIcon, children: /* @__PURE__ */ jsx86(Mail2, { size: 20 }) }),
-          /* @__PURE__ */ jsx86(Text35, { className: styles.messageId, children: message25.id }),
-          !message25.read && /* @__PURE__ */ jsx86(Tag20, { color: "red", children: "Unread" })
+          /* @__PURE__ */ jsx86(Text35, { className: styles.messageId, children: message26.id }),
+          !message26.read && /* @__PURE__ */ jsx86(Tag20, { color: "red", children: "Unread" })
         ] }),
         /* @__PURE__ */ jsxs63(Title11, { level: 4, className: styles.title, children: [
           "Message from ",
-          message25.from
+          message26.from
         ] }),
         /* @__PURE__ */ jsxs63("div", { className: styles.metaSection, children: [
           /* @__PURE__ */ jsxs63("div", { className: styles.metaItem, children: [
@@ -22946,11 +22964,11 @@ var MailboxDetailModal = ({
                 "div",
                 {
                   className: styles.avatar,
-                  style: { background: getAvatarColor7(message25.from) },
-                  children: getInitials7(message25.from)
+                  style: { background: getAvatarColor7(message26.from) },
+                  children: getInitials7(message26.from)
                 }
               ),
-              /* @__PURE__ */ jsx86("span", { children: message25.from })
+              /* @__PURE__ */ jsx86("span", { children: message26.from })
             ] })
           ] }),
           /* @__PURE__ */ jsxs63("div", { className: styles.metaItem, children: [
@@ -22960,29 +22978,29 @@ var MailboxDetailModal = ({
                 "div",
                 {
                   className: styles.avatar,
-                  style: { background: getAvatarColor7(message25.to) },
-                  children: getInitials7(message25.to)
+                  style: { background: getAvatarColor7(message26.to) },
+                  children: getInitials7(message26.to)
                 }
               ),
-              /* @__PURE__ */ jsx86("span", { children: message25.to })
+              /* @__PURE__ */ jsx86("span", { children: message26.to })
             ] })
           ] }),
           /* @__PURE__ */ jsxs63("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ jsx86(Text35, { className: styles.metaLabel, children: "Time" }),
             /* @__PURE__ */ jsxs63("div", { className: styles.metaValue, children: [
               /* @__PURE__ */ jsx86(Calendar2, { size: 14 }),
-              /* @__PURE__ */ jsx86("span", { children: formatDate3(message25.timestamp) })
+              /* @__PURE__ */ jsx86("span", { children: formatDate3(message26.timestamp) })
             ] })
           ] }),
           /* @__PURE__ */ jsxs63("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ jsx86(Text35, { className: styles.metaLabel, children: "Type" }),
-            /* @__PURE__ */ jsx86("div", { className: styles.metaValue, children: /* @__PURE__ */ jsx86(Tag20, { color: message25.type === "broadcast" ? "blue" : "default", children: message25.type }) })
+            /* @__PURE__ */ jsx86("div", { className: styles.metaValue, children: /* @__PURE__ */ jsx86(Tag20, { color: message26.type === "broadcast" ? "blue" : "default", children: message26.type }) })
           ] })
         ] }),
         /* @__PURE__ */ jsx86(Divider8, {}),
         /* @__PURE__ */ jsxs63("div", { className: styles.contentSection, children: [
           /* @__PURE__ */ jsx86(Text35, { className: styles.contentLabel, children: "Message Content" }),
-          /* @__PURE__ */ jsx86("div", { className: styles.contentBox, children: /* @__PURE__ */ jsx86(Paragraph2, { className: styles.messageContent, children: message25.content }) })
+          /* @__PURE__ */ jsx86("div", { className: styles.contentBox, children: /* @__PURE__ */ jsx86(Paragraph2, { className: styles.messageContent, children: message26.content }) })
         ] })
       ] })
     }
@@ -23211,26 +23229,26 @@ var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageC
         ]
       }
     ),
-    isExpanded && /* @__PURE__ */ jsx87("div", { className: styles.listGroupContent, children: group.messages.map((message25) => /* @__PURE__ */ jsxs64(
+    isExpanded && /* @__PURE__ */ jsx87("div", { className: styles.listGroupContent, children: group.messages.map((message26) => /* @__PURE__ */ jsxs64(
       "div",
       {
-        className: `${styles.listItem} ${!message25.read ? styles.listItemUnread : ""}`,
-        onClick: () => onMessageClick(message25),
+        className: `${styles.listItem} ${!message26.read ? styles.listItemUnread : ""}`,
+        onClick: () => onMessageClick(message26),
         children: [
-          /* @__PURE__ */ jsx87("div", { className: styles.listItemIcon, children: !message25.read ? /* @__PURE__ */ jsx87("div", { className: styles.unreadBadge }) : /* @__PURE__ */ jsx87(Circle2, { size: 8, style: { color: "#d9d9d9" } }) }),
+          /* @__PURE__ */ jsx87("div", { className: styles.listItemIcon, children: !message26.read ? /* @__PURE__ */ jsx87("div", { className: styles.unreadBadge }) : /* @__PURE__ */ jsx87(Circle2, { size: 8, style: { color: "#d9d9d9" } }) }),
           /* @__PURE__ */ jsxs64("div", { className: styles.listItemContent, children: [
-            /* @__PURE__ */ jsx87("span", { className: styles.listItemPreview, children: getMessagePreview(message25.content) }),
+            /* @__PURE__ */ jsx87("span", { className: styles.listItemPreview, children: getMessagePreview(message26.content) }),
             /* @__PURE__ */ jsxs64("span", { className: styles.listItemMeta, children: [
               "To: ",
-              message25.to,
+              message26.to,
               " \u2022 ",
-              message25.type
+              message26.type
             ] })
           ] }),
-          /* @__PURE__ */ jsx87("div", { className: styles.listItemRight, children: /* @__PURE__ */ jsx87("span", { className: styles.listItemDate, children: formatDate4(message25.timestamp) }) })
+          /* @__PURE__ */ jsx87("div", { className: styles.listItemRight, children: /* @__PURE__ */ jsx87("span", { className: styles.listItemDate, children: formatDate4(message26.timestamp) }) })
         ]
       },
-      message25.id
+      message26.id
     )) })
   ] });
 };
@@ -23241,12 +23259,12 @@ var MailboxPanel = ({ data }) => {
   const { teamMailbox = [] } = data || {};
   const messageGroups = useMemo17(() => {
     const groupsMap = /* @__PURE__ */ new Map();
-    teamMailbox.forEach((message25) => {
-      const sender = message25.from;
+    teamMailbox.forEach((message26) => {
+      const sender = message26.from;
       if (!groupsMap.has(sender)) {
         groupsMap.set(sender, []);
       }
-      groupsMap.get(sender).push(message25);
+      groupsMap.get(sender).push(message26);
     });
     const groups = Array.from(groupsMap.entries()).map(([sender, messages]) => ({
       sender,
@@ -23263,8 +23281,8 @@ var MailboxPanel = ({ data }) => {
     return groups;
   }, [teamMailbox]);
   const totalUnread = teamMailbox.filter((m) => !m.read).length;
-  const handleMessageClick = (message25) => {
-    setSelectedMessage(message25);
+  const handleMessageClick = (message26) => {
+    setSelectedMessage(message26);
     setModalVisible(true);
   };
   const handleCloseModal = () => {
@@ -25108,11 +25126,11 @@ var StreamingHTMLRenderer = ({
       if (!iframe || event.source !== iframe.contentWindow) {
         return;
       }
-      const message25 = event.data;
-      if (!message25 || typeof message25 !== "object") {
+      const message26 = event.data;
+      if (!message26 || typeof message26 !== "object") {
         return;
       }
-      switch (message25.type) {
+      switch (message26.type) {
         case "iframe-ready":
           console.log("[StreamingHTMLRenderer] Iframe ready");
           isReadyRef.current = true;
@@ -25127,25 +25145,26 @@ var StreamingHTMLRenderer = ({
           }
           break;
         case "iframe-height":
-          if (typeof message25.height === "number" && message25.height > 0) {
-            setIframeHeight(message25.height);
+          if (typeof message26.height === "number" && message26.height > 0) {
+            setIframeHeight(message26.height);
           }
           break;
-        case "iframe-error":
+        case "iframe-error": {
           const streamingError = {
             type: "RENDER_ERROR",
-            message: message25.error || "Unknown iframe error"
+            message: message26.error || "Unknown iframe error"
           };
           onError?.(streamingError);
           break;
+        }
         case "widget-prompt":
-          if (typeof message25.text === "string") {
-            onPrompt?.(message25.text);
+          if (typeof message26.text === "string") {
+            onPrompt?.(message26.text);
           }
           break;
         case "widget-open-link":
-          if (typeof message25.url === "string") {
-            window.open(message25.url, "_blank", "noopener,noreferrer");
+          if (typeof message26.url === "string") {
+            window.open(message26.url, "_blank", "noopener,noreferrer");
           }
           break;
       }
@@ -25517,7 +25536,7 @@ import { jsx as jsx95 } from "react/jsx-runtime";
 var ReactInfographic = (props) => {
   const { children } = props;
   const $container = useRef21(null);
-  let infographicInstance = useRef21(null);
+  const infographicInstance = useRef21(null);
   useEffect41(() => {
     if ($container.current) {
       infographicInstance.current = new Infographic({
@@ -28262,8 +28281,8 @@ var TopologyRuntimeView = () => {
       setRuns((prev) => prev.filter((r) => r.id !== runId));
       setSelectedRun((prev) => prev?.id === runId ? null : prev);
     } catch (err) {
-      const message25 = err instanceof Error ? err.message : "Failed to delete run";
-      setError(message25);
+      const message26 = err instanceof Error ? err.message : "Failed to delete run";
+      setError(message26);
     }
   }, [del]);
   const refreshRuns = useCallback36(async () => {
@@ -28700,7 +28719,7 @@ var CreateWorkflowModal = ({
     const values = await form.validateFields();
     const purpose = (values.purpose || "").trim();
     const name = extractName(purpose);
-    const id = `wf-${shortHash(purpose)}`;
+    const id = `wf-${shortHash(purpose + Date.now())}`;
     const graphDefinition = type === "workflow" ? {
       key: id,
       name,
@@ -28844,7 +28863,7 @@ var MIDDLEWARE_COLORS = {
 };
 var DEFAULT_MW_COLOR = { bg: "rgba(107,114,128,0.08)", text: "#4b5563", border: "rgba(107,114,128,0.2)" };
 function getToolAcronym(name) {
-  const parts = name.split(/[_\-]+/).filter(Boolean);
+  const parts = name.split(/[_-]+/).filter(Boolean);
   if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase();
   return parts.map((p) => p[0]).join("").toUpperCase().slice(0, 2);
 }
@@ -30898,10 +30917,10 @@ var EvalPanel = () => {
 };
 
 // src/components/Chat/PersonalAssistantPage.tsx
-import { useEffect as useEffect50, useState as useState74, useCallback as useCallback38, useRef as useRef26 } from "react";
-import { Card as Card29, Button as Button54, Input as Input16, Typography as Typography59, message as message18, Dropdown as Dropdown3, Modal as Modal19 } from "antd";
-import { createStyles as createStyles35 } from "antd-style";
-import { Bot as Bot4, Sparkles as Sparkles3, ArrowRight as ArrowRight4, ArrowLeft as ArrowLeft3, Smile, Zap, Heart, Lightbulb, Edit3, MoreHorizontal, Trash2 as Trash28 } from "lucide-react";
+import { useEffect as useEffect51, useState as useState75, useCallback as useCallback39, useRef as useRef27 } from "react";
+import { Card as Card29, Button as Button55, Input as Input17, Typography as Typography60, message as message19, Dropdown as Dropdown3, Modal as Modal20 } from "antd";
+import { createStyles as createStyles36 } from "antd-style";
+import { Bot as Bot4, Sparkles as Sparkles3, ArrowRight as ArrowRight4, ArrowLeft as ArrowLeft3, Smile, Zap, Heart, Lightbulb, Edit3, MoreHorizontal, Link2 as Link23, Trash2 as Trash29 } from "lucide-react";
 import { Client as Client2 } from "@axiom-lattice/client-sdk";
 
 // src/components/Chat/LatticeAgentWorkspace.tsx
@@ -30913,10 +30932,911 @@ var LatticeAgentWorkspace = ({
   ...chatProps
 }) => /* @__PURE__ */ jsx117(WorkspaceContextProvider, { workspaceId, projectId, children: /* @__PURE__ */ jsx117(AssistantContextProvider, { autoLoad: true, initialAssistantId: assistant_id, children: /* @__PURE__ */ jsx117(LatticeChat, { showProjectSelector: false, assistant_id, ...chatProps }) }) });
 
-// src/components/Chat/PersonalAssistantPage.tsx
+// src/components/Chat/PersonalAssistantChannelModal.tsx
+import { useEffect as useEffect50, useState as useState74, useCallback as useCallback38, useMemo as useMemo32, useRef as useRef26 } from "react";
+import {
+  Button as Button54,
+  Form as Form9,
+  Input as Input16,
+  Modal as Modal19,
+  Popconfirm as Popconfirm11,
+  Spin as Spin20,
+  Switch as Switch4,
+  Typography as Typography59,
+  message as message18,
+  Select as Select8,
+  QRCode
+} from "antd";
+import { createStyles as createStyles35 } from "antd-style";
+import { Trash2 as Trash28, X as X2, Link2 as Link22, User as User6, UserPlus } from "lucide-react";
 import { Fragment as Fragment23, jsx as jsx118, jsxs as jsxs85 } from "react/jsx-runtime";
-var { Title: Title16, Text: Text48, Paragraph: Paragraph4 } = Typography59;
+var { Text: Text48 } = Typography59;
+var AVATAR_COLORS = [
+  "var(--color-primary, #6366f1)",
+  "var(--color-success, #22c55e)",
+  "var(--color-warning, #f59e0b)",
+  "var(--color-error, #ef4444)"
+];
+var CHANNEL_LABEL_MAP = {
+  lark: "Feishu / Lark",
+  wechat: "WeChat / \u5FAE\u4FE1"
+};
+var channelOptions = [
+  { value: "lark", label: "Feishu / Lark" },
+  { value: "wechat", label: "WeChat / \u5FAE\u4FE1" }
+];
 var useStyles19 = createStyles35(({ css, token }) => ({
+  body: css`
+    display: flex;
+    height: 460px;
+  `,
+  leftPanel: css`
+    width: 240px;
+    flex-shrink: 0;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  `,
+  leftHeader: css`
+    padding: 14px 16px 10px;
+    flex-shrink: 0;
+  `,
+  leftHeaderText: css`
+    font-size: 12px;
+    font-weight: 600;
+    color: ${token.colorTextSecondary};
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+  `,
+  channelList: css`
+    flex: 1;
+    overflow-y: auto;
+    padding: 0 8px;
+  `,
+  channelItem: css`
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 10px 12px;
+    border-radius: 10px;
+    cursor: pointer;
+    transition: background 0.15s;
+    margin-bottom: 2px;
+    position: relative;
+    &:hover {
+      background: ${token.colorBgTextHover};
+    }
+  `,
+  channelItemSelected: css`
+    background: ${token.colorPrimaryBg};
+    &::before {
+      content: '';
+      position: absolute;
+      left: 0;
+      top: 50%;
+      transform: translateY(-50%);
+      width: 3px;
+      height: 28px;
+      background: ${token.colorPrimary};
+      border-radius: 0 3px 3px 0;
+    }
+  `,
+  channelAvatar: css`
+    width: 36px;
+    height: 36px;
+    border-radius: 50%;
+    color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 16px;
+    font-weight: 600;
+    flex-shrink: 0;
+  `,
+  channelInfo: css`
+      flex: 1;
+      min-width: 0;
+    `,
+  channelName: css`
+      font-size: 13px;
+      font-weight: 500;
+      color: ${token.colorText};
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    `,
+  channelType: css`
+      font-size: 11px;
+      color: ${token.colorTextTertiary};
+    `,
+  channelDisabled: css`
+      opacity: 0.45;
+    `,
+  statusDot: css`
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      flex-shrink: 0;
+      margin-left: auto;
+      transition: background 0.2s;
+    `,
+  addChannelBtn: css`
+      margin: 8px;
+      flex-shrink: 0;
+    `,
+  rightPanel: css`
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+    `,
+  rightBody: css`
+      flex: 1;
+      padding: 20px 24px;
+      overflow-y: auto;
+    `,
+  emptyState: css`
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+      text-align: center;
+    `,
+  formSectionTitle: css`
+      font-size: 14px;
+      font-weight: 600;
+      margin-bottom: 16px;
+    `,
+  bindingSection: css`
+      margin-top: 20px;
+      padding: 14px;
+      border: 1px dashed ${token.colorBorder};
+      border-radius: ${token.borderRadius}px;
+      background: ${token.colorBgLayout};
+    `,
+  bindingHeader: css`
+      font-size: 13px;
+      font-weight: 600;
+      margin-bottom: 4px;
+    `,
+  bindingHint: css`
+      font-size: 12px;
+      color: ${token.colorTextTertiary};
+      margin-bottom: 10px;
+    `,
+  contactItem: css`
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 8px 10px;
+      border-radius: 8px;
+      transition: background 0.15s;
+      &:hover {
+        background: ${token.colorBgTextHover};
+      }
+    `,
+  contactAvatar: css`
+      width: 32px;
+      height: 32px;
+      border-radius: 50%;
+      background: ${token.colorFill};
+      color: ${token.colorTextSecondary};
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+    `,
+  contactInfo: css`
+      flex: 1;
+      min-width: 0;
+    `,
+  contactName: css`
+      font-size: 13px;
+      color: ${token.colorText};
+    `,
+  contactId: css`
+      font-size: 11px;
+      color: ${token.colorTextTertiary};
+    `,
+  addBindingRow: css`
+      display: flex;
+      gap: 8px;
+      align-items: center;
+      margin-top: 8px;
+    `,
+  footer: css`
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 12px 24px;
+      border-top: 1px solid ${token.colorBorderSecondary};
+      flex-shrink: 0;
+    `
+}));
+var PersonalAssistantChannelModal = ({
+  assistantId,
+  open,
+  onClose
+}) => {
+  const { styles, cx } = useStyles19();
+  const { get, post, put, del } = useApi();
+  const { personalAssistant } = useAuth();
+  const projectId = personalAssistant?.projectId || "default";
+  const workspaceId = personalAssistant?.workspaceId || "default";
+  const [loading, setLoading] = useState74(false);
+  const [installations, setInstallations] = useState74([]);
+  const [selectedId, setSelectedId] = useState74(null);
+  const [formMode, setFormMode] = useState74("view");
+  const [selectedChannel, setSelectedChannel] = useState74("lark");
+  const [form] = Form9.useForm();
+  const [allowOthers, setAllowOthers] = useState74(true);
+  const [saving, setSaving] = useState74(false);
+  const [togglingId, setTogglingId] = useState74(null);
+  const [bindings, setBindings] = useState74([]);
+  const [bindingsLoading, setBindingsLoading] = useState74(false);
+  const [bindingForm] = Form9.useForm();
+  const [addingBinding, setAddingBinding] = useState74(false);
+  const [qrLoading, setQrLoading] = useState74(false);
+  const [qrCodeUrl, setQrCodeUrl] = useState74(null);
+  const [qrStatus, setQrStatus] = useState74("idle");
+  const qrCodeRef = useRef26(null);
+  const qrPollRef = useRef26(null);
+  const clearQrPoll = useCallback38(() => {
+    if (qrPollRef.current) {
+      clearInterval(qrPollRef.current);
+      qrPollRef.current = null;
+    }
+  }, []);
+  const resetQrState = useCallback38(() => {
+    clearQrPoll();
+    setQrLoading(false);
+    setQrCodeUrl(null);
+    setQrStatus("idle");
+    qrCodeRef.current = null;
+  }, [clearQrPoll]);
+  const fetchQrCode = useCallback38(async () => {
+    setQrLoading(true);
+    setQrStatus("loading");
+    setQrCodeUrl(null);
+    try {
+      const res = await get(
+        "/api/channels/wechat/setup/qrcode"
+      );
+      if (res.success && res.data) {
+        qrCodeRef.current = res.data.qrcode;
+        setQrCodeUrl(res.data.qrcodeImgUrl);
+        setQrStatus("wait");
+        clearQrPoll();
+        qrPollRef.current = setInterval(async () => {
+          try {
+            const statusRes = await get(`/api/channels/wechat/setup/status?qrcode=${encodeURIComponent(qrCodeRef.current)}`);
+            if (statusRes.success && statusRes.data) {
+              const s = statusRes.data.status;
+              if (s === "confirmed" && statusRes.data.botToken) {
+                setQrStatus("confirmed");
+                clearQrPoll();
+                form.setFieldsValue({
+                  botToken: statusRes.data.botToken,
+                  uin: statusRes.data.uin
+                });
+                message18.success("WeChat login confirmed!");
+              } else if (s === "expired") {
+                setQrStatus("expired");
+                clearQrPoll();
+              } else if (s === "scaned") {
+                setQrStatus("scaned");
+              } else if (s === "wait") {
+                setQrStatus("wait");
+              }
+            }
+          } catch {
+          }
+        }, 2e3);
+      } else {
+        setQrStatus("error");
+        message18.error("Failed to get QR code");
+      }
+    } catch {
+      setQrStatus("error");
+      message18.error("Failed to get QR code");
+    } finally {
+      setQrLoading(false);
+    }
+  }, [get, clearQrPoll, form]);
+  useEffect50(() => {
+    return () => {
+      if (qrPollRef.current) clearInterval(qrPollRef.current);
+    };
+  }, []);
+  const loadInstallations = useCallback38(async () => {
+    setLoading(true);
+    try {
+      const res = await get("/api/channel-installations");
+      if (res.success) {
+        setInstallations(res.data?.records ?? []);
+      } else {
+        message18.error(res.message || "Failed to load channel installations");
+      }
+    } catch {
+      message18.error("Failed to load channel installations");
+    } finally {
+      setLoading(false);
+    }
+  }, [get]);
+  const loadBindings = useCallback38(async (installationId) => {
+    setBindingsLoading(true);
+    try {
+      const res = await get(`/api/channel-bindings?channelInstallationId=${installationId}`);
+      if (res.success) {
+        setBindings(res.data?.records ?? []);
+      } else {
+        message18.error(res.message || "Failed to load bindings");
+      }
+    } catch (error) {
+      console.error("Failed to load bindings:", error);
+      message18.error("Failed to load bindings");
+    } finally {
+      setBindingsLoading(false);
+    }
+  }, [get]);
+  useEffect50(() => {
+    if (open) {
+      loadInstallations();
+      resetState();
+    }
+  }, [open, loadInstallations]);
+  const resetState = () => {
+    setSelectedId(null);
+    setFormMode("view");
+    setSelectedChannel("lark");
+    form.resetFields();
+    bindingForm.resetFields();
+    setBindings([]);
+    setAllowOthers(true);
+    setAddingBinding(false);
+    resetQrState();
+  };
+  const handleToggleEnabled = async (installation) => {
+    const newEnabled = !installation.enabled;
+    setTogglingId(installation.id);
+    try {
+      const res = await put(
+        `/api/channel-installations/${installation.id}`,
+        { enabled: newEnabled }
+      );
+      if (res.success) {
+        setInstallations(
+          (prev) => prev.map((i) => i.id === installation.id ? { ...i, enabled: newEnabled } : i)
+        );
+        message18.success(newEnabled ? "Channel enabled" : "Channel disabled");
+      } else {
+        message18.error(res.message || "Failed to toggle channel");
+      }
+    } catch {
+      message18.error("Failed to toggle channel");
+    } finally {
+      setTogglingId(null);
+    }
+  };
+  const selectChannel = (installation) => {
+    setSelectedId(installation.id);
+    setFormMode("edit");
+    setSelectedChannel(installation.channel);
+    setAllowOthers(!installation.rejectWhenNoBinding);
+    if (installation.channel === "lark") {
+      form.setFieldsValue({
+        name: installation.name,
+        appId: installation.config.appId,
+        appSecret: installation.config.appSecret,
+        verificationToken: installation.config.verificationToken,
+        encryptKey: installation.config.encryptKey
+      });
+    } else if (installation.channel === "wechat") {
+      form.setFieldsValue({
+        name: installation.name,
+        botToken: installation.config.botToken,
+        uin: installation.config.uin
+      });
+    }
+    loadBindings(installation.id);
+  };
+  const openCreateForm = () => {
+    setSelectedId(null);
+    setFormMode("create");
+    setSelectedChannel("lark");
+    setBindings([]);
+    setAllowOthers(true);
+    form.resetFields();
+    bindingForm.resetFields();
+    setAddingBinding(false);
+    resetQrState();
+  };
+  const cancelForm = () => {
+    if (formMode === "edit") {
+      setSelectedId(null);
+    }
+    setFormMode("view");
+    setBindings([]);
+    form.resetFields();
+    bindingForm.resetFields();
+    setAddingBinding(false);
+    resetQrState();
+  };
+  const handleAddBinding = async () => {
+    if (!selectedId) return;
+    setAddingBinding(true);
+    try {
+      const values = await bindingForm.validateFields();
+      const res = await post(
+        "/api/channel-bindings",
+        {
+          channel: selectedChannel,
+          channelInstallationId: selectedId,
+          senderId: values.senderId,
+          agentId: assistantId,
+          senderDisplayName: values.senderDisplayName || void 0,
+          workspaceId,
+          projectId
+        }
+      );
+      if (res.success && res.data) {
+        setBindings((prev) => [...prev, res.data]);
+        bindingForm.resetFields();
+        message18.success("Binding added");
+      } else {
+        message18.error(res.message || "Failed to add binding");
+      }
+    } catch (error) {
+      console.error("Failed to add binding:", error);
+      message18.error("Failed to add binding");
+    } finally {
+      setAddingBinding(false);
+    }
+  };
+  const handleDeleteBinding = async (bindingId) => {
+    try {
+      const res = await del(`/api/channel-bindings/${bindingId}`);
+      if (res.success) {
+        setBindings((prev) => prev.filter((b) => b.id !== bindingId));
+        message18.success("Binding removed");
+      } else {
+        message18.error(res.message || "Failed to remove binding");
+      }
+    } catch {
+      message18.error("Failed to remove binding");
+    }
+  };
+  const handleSave = async () => {
+    try {
+      const values = await form.validateFields();
+      setSaving(true);
+      const config = selectedChannel === "lark" ? {
+        appId: values.appId,
+        appSecret: values.appSecret,
+        verificationToken: values.verificationToken,
+        encryptKey: values.encryptKey,
+        assistantId
+      } : {
+        botToken: values.botToken,
+        uin: values.uin
+      };
+      if (formMode === "edit" && selectedId) {
+        const res = await put(
+          `/api/channel-installations/${selectedId}`,
+          {
+            name: values.name,
+            config,
+            rejectWhenNoBinding: !allowOthers,
+            fallbackAgentId: assistantId
+          }
+        );
+        if (res.success) {
+          message18.success("Installation updated");
+          cancelForm();
+          loadInstallations();
+        } else {
+          message18.error(res.message || "Failed to update installation");
+        }
+      } else {
+        const res = await post(
+          "/api/channel-installations",
+          {
+            channel: "lark",
+            name: values.name,
+            config,
+            rejectWhenNoBinding: !allowOthers,
+            fallbackAgentId: assistantId
+          }
+        );
+        if (res.success && res.data) {
+          message18.success("Installation created");
+          if (!allowOthers) {
+            setSelectedId(res.data.id);
+            setFormMode("edit");
+            setBindings([]);
+            message18.info("Now add users who can access this channel");
+          } else {
+            cancelForm();
+            loadInstallations();
+          }
+        } else {
+          message18.error(res.message || "Failed to create installation");
+        }
+      }
+    } catch (error) {
+      console.error("Failed to save installation:", error);
+      message18.error("Failed to save installation");
+    } finally {
+      setSaving(false);
+    }
+  };
+  const handleDelete = async () => {
+    if (!selectedId) return;
+    try {
+      const res = await del(
+        `/api/channel-installations/${selectedId}`
+      );
+      if (res.success) {
+        message18.success("Installation deleted");
+        cancelForm();
+        loadInstallations();
+      } else {
+        message18.error(res.message || "Failed to delete installation");
+      }
+    } catch {
+      message18.error("Failed to delete installation");
+    }
+  };
+  const selectedInstallation = useMemo32(
+    () => installations.find((i) => i.id === selectedId),
+    [installations, selectedId]
+  );
+  const getAvatarColor10 = (index) => AVATAR_COLORS[index % AVATAR_COLORS.length];
+  const renderLeftPanel = () => /* @__PURE__ */ jsxs85("div", { className: styles.leftPanel, children: [
+    /* @__PURE__ */ jsx118("div", { className: styles.leftHeader, children: /* @__PURE__ */ jsx118("span", { className: styles.leftHeaderText, children: "Channels" }) }),
+    /* @__PURE__ */ jsxs85("div", { className: styles.channelList, children: [
+      installations.map((inst, idx) => {
+        const isSelected = selectedId === inst.id && formMode === "edit";
+        const avatarColor = getAvatarColor10(idx);
+        const initial = (inst.name || (inst.channel === "wechat" ? "WeChat Bot" : "Feishu Bot")).charAt(0).toUpperCase();
+        return /* @__PURE__ */ jsxs85(
+          "div",
+          {
+            className: cx(
+              styles.channelItem,
+              isSelected && styles.channelItemSelected,
+              !inst.enabled && styles.channelDisabled
+            ),
+            onClick: () => selectChannel(inst),
+            children: [
+              /* @__PURE__ */ jsx118(
+                "div",
+                {
+                  className: styles.channelAvatar,
+                  style: { background: avatarColor },
+                  children: initial
+                }
+              ),
+              /* @__PURE__ */ jsxs85("div", { className: styles.channelInfo, children: [
+                /* @__PURE__ */ jsx118("div", { className: styles.channelName, children: inst.name || (inst.channel === "wechat" ? "WeChat Bot" : "Feishu Bot") }),
+                /* @__PURE__ */ jsx118("div", { className: styles.channelType, children: CHANNEL_LABEL_MAP[inst.channel] || inst.channel })
+              ] }),
+              /* @__PURE__ */ jsx118(
+                "div",
+                {
+                  className: styles.statusDot,
+                  style: {
+                    background: togglingId === inst.id ? "var(--color-warning, #f59e0b)" : inst.enabled ? "var(--color-success, #22c55e)" : "var(--color-border, #d9d9d9)"
+                  }
+                }
+              )
+            ]
+          },
+          inst.id
+        );
+      }),
+      installations.length === 0 && !loading && /* @__PURE__ */ jsx118("div", { style: { padding: "24px 12px", textAlign: "center" }, children: /* @__PURE__ */ jsx118(Text48, { type: "secondary", style: { fontSize: 12 }, children: "No channels yet" }) })
+    ] }),
+    /* @__PURE__ */ jsx118("div", { className: styles.addChannelBtn, children: /* @__PURE__ */ jsx118(
+      Button54,
+      {
+        block: true,
+        icon: /* @__PURE__ */ jsx118(Link22, { size: 14 }),
+        onClick: openCreateForm,
+        children: "Connect"
+      }
+    ) })
+  ] });
+  const renderRightContent = () => {
+    if (formMode === "view" && !selectedId) {
+      return /* @__PURE__ */ jsxs85("div", { className: styles.emptyState, children: [
+        /* @__PURE__ */ jsx118(Link22, { size: 40, style: { opacity: 0.25, marginBottom: 16 } }),
+        /* @__PURE__ */ jsx118(Text48, { style: { fontSize: 14, color: "var(--color-text-secondary, #666)" }, children: "Select a channel from the left or add a new one" })
+      ] });
+    }
+    const isEdit = formMode === "edit" && selectedId !== null;
+    return /* @__PURE__ */ jsxs85("div", { className: styles.rightBody, children: [
+      /* @__PURE__ */ jsx118("div", { className: styles.formSectionTitle, children: isEdit ? "Edit Channel" : "New Channel" }),
+      /* @__PURE__ */ jsxs85(Form9, { form, layout: "vertical", children: [
+        /* @__PURE__ */ jsx118(Form9.Item, { label: "Channel Type", children: /* @__PURE__ */ jsx118(
+          Select8,
+          {
+            options: channelOptions,
+            value: selectedChannel,
+            onChange: (val) => {
+              setSelectedChannel(val);
+              form.resetFields();
+            },
+            disabled: isEdit
+          }
+        ) }),
+        selectedChannel === "lark" && /* @__PURE__ */ jsxs85(Fragment23, { children: [
+          /* @__PURE__ */ jsx118(Form9.Item, { name: "name", label: "Display Name", children: /* @__PURE__ */ jsx118(Input16, { placeholder: "e.g. My Feishu Bot" }) }),
+          /* @__PURE__ */ jsx118(
+            Form9.Item,
+            {
+              name: "appId",
+              label: "App ID",
+              rules: [{ required: true, message: "App ID is required" }],
+              children: /* @__PURE__ */ jsx118(Input16, { placeholder: "cli_xxxxxx" })
+            }
+          ),
+          /* @__PURE__ */ jsx118(
+            Form9.Item,
+            {
+              name: "appSecret",
+              label: "App Secret",
+              rules: [{ required: true, message: "App Secret is required" }],
+              children: /* @__PURE__ */ jsx118(Input16.Password, { placeholder: "Your app secret" })
+            }
+          ),
+          /* @__PURE__ */ jsx118(Form9.Item, { name: "verificationToken", label: "Verification Token", children: /* @__PURE__ */ jsx118(Input16, { placeholder: "Optional" }) }),
+          /* @__PURE__ */ jsx118(Form9.Item, { name: "encryptKey", label: "Encrypt Key", children: /* @__PURE__ */ jsx118(Input16, { placeholder: "Optional" }) })
+        ] }),
+        selectedChannel === "wechat" && /* @__PURE__ */ jsxs85(Fragment23, { children: [
+          /* @__PURE__ */ jsx118(Form9.Item, { name: "name", label: "Display Name", children: /* @__PURE__ */ jsx118(Input16, { placeholder: "e.g. My WeChat Bot" }) }),
+          !isEdit && /* @__PURE__ */ jsxs85(
+            "div",
+            {
+              style: {
+                marginBottom: 16,
+                padding: 16,
+                background: "var(--color-fill-tertiary, #f5f5f5)",
+                borderRadius: 12,
+                textAlign: "center"
+              },
+              children: [
+                qrStatus === "idle" && /* @__PURE__ */ jsxs85(Fragment23, { children: [
+                  /* @__PURE__ */ jsx118(Text48, { type: "secondary", style: { fontSize: 12, display: "block", marginBottom: 12 }, children: "Scan the QR code with WeChat to get a bot token" }),
+                  /* @__PURE__ */ jsx118(
+                    Button54,
+                    {
+                      type: "primary",
+                      icon: /* @__PURE__ */ jsx118(Link22, { size: 14 }),
+                      loading: qrLoading,
+                      onClick: fetchQrCode,
+                      children: "Get QR Code"
+                    }
+                  )
+                ] }),
+                qrStatus === "loading" && /* @__PURE__ */ jsxs85("div", { style: { padding: "20px 0" }, children: [
+                  /* @__PURE__ */ jsx118(Spin20, {}),
+                  /* @__PURE__ */ jsx118(Text48, { type: "secondary", style: { display: "block", marginTop: 8, fontSize: 12 }, children: "Generating QR code..." })
+                ] }),
+                (qrStatus === "wait" || qrStatus === "scaned") && qrCodeUrl && /* @__PURE__ */ jsxs85("div", { children: [
+                  /* @__PURE__ */ jsx118(QRCode, { value: qrCodeUrl, size: 180 }),
+                  /* @__PURE__ */ jsx118(
+                    Text48,
+                    {
+                      strong: true,
+                      style: {
+                        display: "block",
+                        fontSize: 13,
+                        marginTop: 12,
+                        color: qrStatus === "scaned" ? "var(--color-success, #22c55e)" : void 0
+                      },
+                      children: qrStatus === "scaned" ? "Scanned! Confirm on your phone..." : "Scan with WeChat"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx118(Text48, { type: "secondary", style: { fontSize: 11, marginTop: 4, display: "block" }, children: "QR expires in 5 minutes" })
+                ] }),
+                qrStatus === "confirmed" && /* @__PURE__ */ jsxs85("div", { style: { padding: "12px 0" }, children: [
+                  /* @__PURE__ */ jsx118(Text48, { strong: true, style: { fontSize: 14, color: "var(--color-success, #22c55e)", display: "block" }, children: "Login confirmed!" }),
+                  /* @__PURE__ */ jsx118(Text48, { type: "secondary", style: { fontSize: 12 }, children: "Bot token has been filled automatically" })
+                ] }),
+                qrStatus === "expired" && /* @__PURE__ */ jsxs85("div", { children: [
+                  /* @__PURE__ */ jsx118(Text48, { type: "secondary", style: { fontSize: 12, display: "block", marginBottom: 8 }, children: "QR code expired. Get a new one." }),
+                  /* @__PURE__ */ jsx118(
+                    Button54,
+                    {
+                      size: "small",
+                      loading: qrLoading,
+                      onClick: fetchQrCode,
+                      children: "Retry"
+                    }
+                  )
+                ] }),
+                qrStatus === "error" && /* @__PURE__ */ jsxs85("div", { children: [
+                  /* @__PURE__ */ jsx118(Text48, { type: "danger", style: { fontSize: 12, display: "block", marginBottom: 8 }, children: "Failed to load QR code" }),
+                  /* @__PURE__ */ jsx118(
+                    Button54,
+                    {
+                      size: "small",
+                      loading: qrLoading,
+                      onClick: fetchQrCode,
+                      children: "Retry"
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx118(
+            Form9.Item,
+            {
+              name: "botToken",
+              label: "Bot Token",
+              rules: [{ required: true, message: "Bot Token is required" }],
+              children: /* @__PURE__ */ jsx118(
+                Input16.Password,
+                {
+                  placeholder: "Auto-filled after QR scan",
+                  disabled: isEdit
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx118(Form9.Item, { name: "uin", label: "UIN", children: /* @__PURE__ */ jsx118(Input16, { placeholder: "Auto-filled from QR login", disabled: true }) })
+        ] }),
+        isEdit && selectedInstallation && /* @__PURE__ */ jsxs85("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 16 }, children: [
+          /* @__PURE__ */ jsxs85("div", { children: [
+            /* @__PURE__ */ jsx118(Text48, { strong: true, style: { fontSize: 14 }, children: "Enabled" }),
+            /* @__PURE__ */ jsx118("br", {}),
+            /* @__PURE__ */ jsx118(Text48, { type: "secondary", style: { fontSize: 12 }, children: selectedInstallation.enabled ? "Listener service is active" : "Listener service is stopped" })
+          ] }),
+          /* @__PURE__ */ jsx118(
+            Switch4,
+            {
+              checked: selectedInstallation.enabled,
+              loading: togglingId === selectedInstallation.id,
+              onChange: () => handleToggleEnabled(selectedInstallation)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs85("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 16 }, children: [
+          /* @__PURE__ */ jsxs85("div", { children: [
+            /* @__PURE__ */ jsx118(Text48, { strong: true, style: { fontSize: 14 }, children: "Anyone can message" }),
+            /* @__PURE__ */ jsx118("br", {}),
+            /* @__PURE__ */ jsx118(Text48, { type: "secondary", style: { fontSize: 12 }, children: "When enabled, anyone with access to this channel can chat with your assistant" })
+          ] }),
+          /* @__PURE__ */ jsx118(Switch4, { checked: allowOthers, onChange: setAllowOthers })
+        ] })
+      ] }),
+      !allowOthers && isEdit && /* @__PURE__ */ jsxs85("div", { className: styles.bindingSection, children: [
+        /* @__PURE__ */ jsx118("div", { className: styles.bindingHeader, children: "Who can chat" }),
+        /* @__PURE__ */ jsx118("div", { className: styles.bindingHint, children: "Only people you add here can message your assistant" }),
+        bindingsLoading ? /* @__PURE__ */ jsx118(Spin20, { size: "small", style: { display: "block", margin: "12px 0" } }) : bindings.length === 0 ? /* @__PURE__ */ jsx118(Text48, { type: "secondary", style: { fontSize: 12 }, children: "No contacts added yet" }) : /* @__PURE__ */ jsx118("div", { style: { display: "flex", flexDirection: "column", gap: 2 }, children: bindings.map((b) => /* @__PURE__ */ jsxs85("div", { className: styles.contactItem, children: [
+          /* @__PURE__ */ jsx118("div", { className: styles.contactAvatar, children: /* @__PURE__ */ jsx118(User6, { size: 14 }) }),
+          /* @__PURE__ */ jsxs85("div", { className: styles.contactInfo, children: [
+            /* @__PURE__ */ jsx118("div", { className: styles.contactName, children: b.senderDisplayName || b.senderId }),
+            b.senderDisplayName && /* @__PURE__ */ jsx118("div", { className: styles.contactId, children: b.senderId })
+          ] }),
+          /* @__PURE__ */ jsx118(
+            Button54,
+            {
+              type: "text",
+              size: "small",
+              danger: true,
+              icon: /* @__PURE__ */ jsx118(X2, { size: 12 }),
+              onClick: () => handleDeleteBinding(b.id)
+            }
+          )
+        ] }, b.id)) }),
+        addingBinding ? /* @__PURE__ */ jsxs85("div", { className: styles.addBindingRow, children: [
+          /* @__PURE__ */ jsxs85(
+            Form9,
+            {
+              form: bindingForm,
+              layout: "inline",
+              style: { flex: 1, display: "flex", gap: 8 },
+              children: [
+                /* @__PURE__ */ jsx118(
+                  Form9.Item,
+                  {
+                    name: "senderId",
+                    rules: [{ required: true, message: "Required" }],
+                    style: { flex: 1, marginBottom: 0 },
+                    children: /* @__PURE__ */ jsx118(Input16, { size: "small", placeholder: "Feishu Open ID" })
+                  }
+                ),
+                /* @__PURE__ */ jsx118(
+                  Form9.Item,
+                  {
+                    name: "senderDisplayName",
+                    style: { flex: 1, marginBottom: 0 },
+                    children: /* @__PURE__ */ jsx118(Input16, { size: "small", placeholder: "Display name (optional)" })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx118(Button54, { size: "small", type: "primary", onClick: handleAddBinding, children: "Add" }),
+          /* @__PURE__ */ jsx118(
+            Button54,
+            {
+              size: "small",
+              onClick: () => {
+                setAddingBinding(false);
+                bindingForm.resetFields();
+              },
+              children: "Cancel"
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx118(
+          Button54,
+          {
+            type: "dashed",
+            size: "small",
+            icon: /* @__PURE__ */ jsx118(UserPlus, { size: 12 }),
+            onClick: () => setAddingBinding(true),
+            style: { marginTop: 8 },
+            children: "Add Contact"
+          }
+        )
+      ] }),
+      !allowOthers && !isEdit && /* @__PURE__ */ jsx118("div", { className: styles.bindingSection, children: /* @__PURE__ */ jsx118(Text48, { type: "secondary", style: { fontSize: 12 }, children: "Once saved, come back here to add the people you'd like to chat with." }) })
+    ] });
+  };
+  const renderFooter = () => {
+    if (formMode === "view") return null;
+    const isEdit = formMode === "edit" && selectedId !== null;
+    return /* @__PURE__ */ jsxs85("div", { className: styles.footer, children: [
+      /* @__PURE__ */ jsx118("div", { children: isEdit && /* @__PURE__ */ jsx118(
+        Popconfirm11,
+        {
+          title: "Remove this channel?",
+          description: "All bindings for this installation will also be lost.",
+          onConfirm: handleDelete,
+          okText: "Delete",
+          okType: "danger",
+          cancelText: "Cancel",
+          children: /* @__PURE__ */ jsx118(Button54, { danger: true, icon: /* @__PURE__ */ jsx118(Trash28, { size: 14 }), children: "Delete" })
+        }
+      ) }),
+      /* @__PURE__ */ jsxs85("div", { style: { display: "flex", gap: 8 }, children: [
+        /* @__PURE__ */ jsx118(Button54, { onClick: cancelForm, children: "Cancel" }),
+        /* @__PURE__ */ jsx118(Button54, { type: "primary", loading: saving, onClick: handleSave, children: isEdit ? "Save" : "Create" })
+      ] })
+    ] });
+  };
+  return /* @__PURE__ */ jsx118(
+    Modal19,
+    {
+      title: /* @__PURE__ */ jsxs85("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+        /* @__PURE__ */ jsx118(Link22, { size: 18 }),
+        /* @__PURE__ */ jsx118("span", { children: "Connect Channels" })
+      ] }),
+      open,
+      onCancel: onClose,
+      footer: renderFooter(),
+      width: 720,
+      destroyOnClose: true,
+      styles: {
+        body: { padding: 0 }
+      },
+      children: loading ? /* @__PURE__ */ jsx118("div", { style: { display: "flex", justifyContent: "center", padding: 48, height: 460 }, children: /* @__PURE__ */ jsx118(Spin20, {}) }) : /* @__PURE__ */ jsxs85("div", { className: styles.body, children: [
+        renderLeftPanel(),
+        /* @__PURE__ */ jsx118("div", { className: styles.rightPanel, children: renderRightContent() })
+      ] })
+    }
+  );
+};
+
+// src/components/Chat/PersonalAssistantPage.tsx
+import { Fragment as Fragment24, jsx as jsx119, jsxs as jsxs86 } from "react/jsx-runtime";
+var { Title: Title16, Text: Text49, Paragraph: Paragraph4 } = Typography60;
+var useStyles20 = createStyles36(({ css, token }) => ({
   container: css` display: flex; flex-direction: column; height: 100%; padding: 24px; overflow-y: auto; `,
   setupWrap: css` max-width: 520px; margin: 30px auto 0; `,
   card: css` border-radius: ${token.borderRadiusLG}px; `,
@@ -30952,11 +31872,11 @@ var useStyles19 = createStyles35(({ css, token }) => ({
   chatFill: css` flex: 1; min-height: 0; `
 }));
 var PERSONALITIES = [
-  { key: "warm_caring", icon: /* @__PURE__ */ jsx118(Heart, { size: 20 }), bg: "#fef2f2", fg: "#ef4444", title: "Warm & Caring", desc: "Gentle, patient, emotionally supportive \u2014 like a close friend who always has your back." },
-  { key: "witty_playful", icon: /* @__PURE__ */ jsx118(Smile, { size: 20 }), bg: "#fefce8", fg: "#eab308", title: "Witty & Playful", desc: "Quick with a joke, a little mischievous, keeps things light." },
-  { key: "energetic_motivator", icon: /* @__PURE__ */ jsx118(Zap, { size: 20 }), bg: "#eff6ff", fg: "#3b82f6", title: "Energetic Motivator", desc: "High-energy hype machine. Celebrates wins, never lets you give up." },
-  { key: "wise_mentor", icon: /* @__PURE__ */ jsx118(Lightbulb, { size: 20 }), bg: "#f5f3ff", fg: "#8b5cf6", title: "Wise Mentor", desc: "Calm, thoughtful, insightful. Asks the right questions." },
-  { key: "custom", icon: /* @__PURE__ */ jsx118(Edit3, { size: 20 }), bg: "#f5f5f5", fg: "#737373", title: "Custom", desc: "Describe your own \u2014 a mix or something completely unique." }
+  { key: "warm_caring", icon: /* @__PURE__ */ jsx119(Heart, { size: 20 }), bg: "#fef2f2", fg: "#ef4444", title: "Warm & Caring", desc: "Gentle, patient, emotionally supportive \u2014 like a close friend who always has your back." },
+  { key: "witty_playful", icon: /* @__PURE__ */ jsx119(Smile, { size: 20 }), bg: "#fefce8", fg: "#eab308", title: "Witty & Playful", desc: "Quick with a joke, a little mischievous, keeps things light." },
+  { key: "energetic_motivator", icon: /* @__PURE__ */ jsx119(Zap, { size: 20 }), bg: "#eff6ff", fg: "#3b82f6", title: "Energetic Motivator", desc: "High-energy hype machine. Celebrates wins, never lets you give up." },
+  { key: "wise_mentor", icon: /* @__PURE__ */ jsx119(Lightbulb, { size: 20 }), bg: "#f5f3ff", fg: "#8b5cf6", title: "Wise Mentor", desc: "Calm, thoughtful, insightful. Asks the right questions." },
+  { key: "custom", icon: /* @__PURE__ */ jsx119(Edit3, { size: 20 }), bg: "#f5f5f5", fg: "#737373", title: "Custom", desc: "Describe your own \u2014 a mix or something completely unique." }
 ];
 var PERSONALITY_MAP = {
   warm_caring: "\u4F60\u662F\u4E00\u4E2A\u6E29\u6696\u3001\u8D34\u5FC3\u7684\u966A\u4F34\u8005\u3002\u4F60\u8BF4\u8BDD\u6E29\u67D4\uFF0C\u6709\u8010\u5FC3\uFF0C\u5584\u4E8E\u503E\u542C\u3002\u4F60\u7684\u5B58\u5728\u5C31\u50CF\u4E00\u676F\u70ED\u8336\u2014\u2014\u5B89\u9759\u5730\u966A\u4F34\uFF0C\u4F46\u603B\u662F\u5728\u90A3\u91CC\u3002",
@@ -30965,23 +31885,24 @@ var PERSONALITY_MAP = {
   wise_mentor: "\u4F60\u51B7\u9759\u3001\u6DF1\u601D\u3001\u6709\u6D1E\u5BDF\u529B\u3002\u4F60\u901A\u8FC7\u63D0\u95EE\u5F15\u5BFC\u7528\u6237\u81EA\u5DF1\u53D1\u73B0\u3002\u4F60\u770B\u91CD\u6210\u957F\u548C\u53CD\u601D\uFF0C\u98CE\u683C\u6C89\u7A33\u4F46\u4E0D\u51B7\u6F20\u3002"
 };
 var PersonalAssistantPage = () => {
-  const { styles } = useStyles19();
+  const { styles } = useStyles20();
   const { get, post, del } = useApi();
   const { personalAssistant, setPersonalAssistant } = useAuth();
   const auth = useAuthOptional();
   const userName = auth?.user?.name || auth?.user?.email?.split("@")[0];
-  const [creating, setCreating] = useState74(false);
-  const [chatMode, setChatMode] = useState74(false);
-  const [threadId, setThreadId] = useState74("");
-  const [step, setStep] = useState74(0);
-  const [name, setName] = useState74("");
-  const [personalityKey, setPersonalityKey] = useState74(null);
-  const [customPersonality, setCustomPersonality] = useState74("");
+  const [creating, setCreating] = useState75(false);
+  const [chatMode, setChatMode] = useState75(false);
+  const [threadId, setThreadId] = useState75("");
+  const [step, setStep] = useState75(0);
+  const [name, setName] = useState75("");
+  const [personalityKey, setPersonalityKey] = useState75(null);
+  const [customPersonality, setCustomPersonality] = useState75("");
+  const [channelModalOpen, setChannelModalOpen] = useState75(false);
   const personalityText = personalityKey === "custom" ? customPersonality : personalityKey ? PERSONALITY_MAP[personalityKey] : "";
   const assistantId = personalAssistant?.assistantId || null;
   const projectId = personalAssistant?.projectId || "default";
   const workspaceId = personalAssistant?.workspaceId || "default";
-  const handleCreate = useCallback38(async () => {
+  const handleCreate = useCallback39(async () => {
     if (!name.trim()) return;
     try {
       setCreating(true);
@@ -30990,19 +31911,19 @@ var PersonalAssistantPage = () => {
         { name: name.trim(), personality: personalityText }
       );
       if (!b.success) {
-        message18.error(b.message);
+        message19.error(b.message);
         return;
       }
       const info = { assistantId: b.data.id, projectId: b.data.projectId, workspaceId: b.data.workspaceId || "default" };
       setPersonalAssistant(info);
-      message18.success("Done!");
+      message19.success("Done!");
     } catch {
-      message18.error("Network error");
+      message19.error("Network error");
     } finally {
       setCreating(false);
     }
   }, [name, personalityText, post]);
-  const resolveThread = useCallback38(async (assistantId2) => {
+  const resolveThread = useCallback39(async (assistantId2) => {
     Client2.setWorkspaceContext(workspaceId || void 0, projectId || void 0);
     const day = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
     const list = await get(
@@ -31016,8 +31937,8 @@ var PersonalAssistantPage = () => {
     );
     return created.data.id;
   }, [get, post, workspaceId, projectId]);
-  const lastDate = useRef26("");
-  useEffect50(() => {
+  const lastDate = useRef27("");
+  useEffect51(() => {
     if (!assistantId) return;
     let timer;
     const enter = () => {
@@ -31038,8 +31959,8 @@ var PersonalAssistantPage = () => {
     enter();
     return () => clearTimeout(timer);
   }, [assistantId, resolveThread]);
-  const handleDelete = useCallback38(async () => {
-    Modal19.confirm({
+  const handleDelete = useCallback39(async () => {
+    Modal20.confirm({
       title: "Delete your personal assistant?",
       content: "This will permanently delete your assistant, all chat history, and your personal project. This action cannot be undone.",
       okText: "Delete Everything",
@@ -31054,62 +31975,80 @@ var PersonalAssistantPage = () => {
           setName("");
           setPersonalityKey(null);
           setCustomPersonality("");
-          message18.success("Personal assistant deleted");
+          message19.success("Personal assistant deleted");
         } catch {
-          message18.error("Network error");
+          message19.error("Network error");
         }
       }
     });
   }, [del, setPersonalAssistant]);
   const moreItems = [
-    { key: "delete", icon: /* @__PURE__ */ jsx118(Trash28, { size: 16 }), label: "Delete", danger: true, onClick: handleDelete }
+    { key: "delete", icon: /* @__PURE__ */ jsx119(Trash29, { size: 16 }), label: "Delete", danger: true, onClick: handleDelete }
   ];
   if (chatMode && assistantId && threadId) {
-    return /* @__PURE__ */ jsx118(
-      LatticeAgentWorkspace,
-      {
-        assistant_id: assistantId,
-        thread_id: threadId,
-        workspaceId,
-        projectId,
-        menu: null,
-        emptyPlaceholder: /* @__PURE__ */ jsxs85("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", height: "100%", color: "#999", gap: 8 }, children: [
-          /* @__PURE__ */ jsxs85(Text48, { type: "secondary", style: { fontSize: 16 }, children: [
-            "Today is ",
-            (/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { weekday: "long", month: "long", day: "numeric", year: "numeric" })
+    return /* @__PURE__ */ jsxs86(Fragment24, { children: [
+      /* @__PURE__ */ jsx119(
+        LatticeAgentWorkspace,
+        {
+          assistant_id: assistantId,
+          thread_id: threadId,
+          workspaceId,
+          projectId,
+          menu: null,
+          emptyPlaceholder: /* @__PURE__ */ jsxs86("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", height: "100%", color: "#999", gap: 8 }, children: [
+            /* @__PURE__ */ jsxs86(Text49, { type: "secondary", style: { fontSize: 16 }, children: [
+              "Today is ",
+              (/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { weekday: "long", month: "long", day: "numeric", year: "numeric" })
+            ] }),
+            /* @__PURE__ */ jsx119(Text49, { type: "secondary", children: "What can I help you with?" })
           ] }),
-          /* @__PURE__ */ jsx118(Text48, { type: "secondary", children: "What can I help you with?" })
-        ] }),
-        emptyStateGreeting: /* @__PURE__ */ jsxs85(Fragment23, { children: [
-          "Hey",
-          userName ? /* @__PURE__ */ jsxs85(Fragment23, { children: [
-            ", ",
-            /* @__PURE__ */ jsx118("span", { style: { color: "#6366f1", fontWeight: 600 }, children: userName })
-          ] }) : ""
-        ] }),
-        emptyStateQuestion: `Today is ${(/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { weekday: "long", month: "long", day: "numeric", year: "numeric" })} \u2014 What can I help you with?`,
-        showSkillPrompts: false,
-        showQuickAnalysis: false,
-        showDatabaseSlot: false,
-        showSkillSlot: false,
-        showAgentSlot: false,
-        headerRight: /* @__PURE__ */ jsxs85(Fragment23, { children: [
-          /* @__PURE__ */ jsx118(FilePanelToggle, {}),
-          /* @__PURE__ */ jsx118(Dropdown3, { menu: { items: moreItems }, trigger: ["click"], placement: "bottomRight", children: /* @__PURE__ */ jsx118(Button54, { type: "text", icon: /* @__PURE__ */ jsx118(MoreHorizontal, { size: 18 }) }) })
-        ] })
-      }
-    );
+          emptyStateGreeting: /* @__PURE__ */ jsxs86(Fragment24, { children: [
+            "Hey",
+            userName ? /* @__PURE__ */ jsxs86(Fragment24, { children: [
+              ", ",
+              /* @__PURE__ */ jsx119("span", { style: { color: "#6366f1", fontWeight: 600 }, children: userName })
+            ] }) : ""
+          ] }),
+          emptyStateQuestion: `Today is ${(/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { weekday: "long", month: "long", day: "numeric", year: "numeric" })} \u2014 What can I help you with?`,
+          showSkillPrompts: false,
+          showQuickAnalysis: false,
+          showDatabaseSlot: false,
+          showSkillSlot: false,
+          showAgentSlot: false,
+          headerRight: /* @__PURE__ */ jsxs86(Fragment24, { children: [
+            /* @__PURE__ */ jsx119(
+              HeaderIconButton,
+              {
+                ariaLabel: "Channel settings",
+                icon: /* @__PURE__ */ jsx119(Link23, { size: 16 }),
+                onClick: () => setChannelModalOpen(true)
+              }
+            ),
+            /* @__PURE__ */ jsx119(FilePanelToggle, {}),
+            /* @__PURE__ */ jsx119(Dropdown3, { menu: { items: moreItems }, trigger: ["click"], placement: "bottomRight", children: /* @__PURE__ */ jsx119(Button55, { type: "text", icon: /* @__PURE__ */ jsx119(MoreHorizontal, { size: 18 }) }) })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx119(
+        PersonalAssistantChannelModal,
+        {
+          assistantId,
+          open: channelModalOpen,
+          onClose: () => setChannelModalOpen(false)
+        }
+      )
+    ] });
   }
   const can0 = name.trim().length > 0;
   const can1 = personalityKey !== null && (personalityKey !== "custom" || customPersonality.trim().length > 0);
-  return /* @__PURE__ */ jsx118("div", { className: styles.container, children: /* @__PURE__ */ jsxs85("div", { className: styles.setupWrap, children: [
-    /* @__PURE__ */ jsx118("div", { className: styles.stepIndicator, children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx118("div", { className: `${styles.stepDot} ${i === step ? styles.stepDotActive : i < step ? styles.stepDotDone : styles.stepDotPending}` }, i)) }),
-    step === 0 && /* @__PURE__ */ jsxs85(Card29, { className: styles.card, children: [
-      /* @__PURE__ */ jsx118("div", { className: styles.avatar, children: /* @__PURE__ */ jsx118(Sparkles3, { size: 26 }) }),
-      /* @__PURE__ */ jsx118(Title16, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "What would you like to call them?" }),
-      /* @__PURE__ */ jsx118(Paragraph4, { type: "secondary", style: { textAlign: "center", margin: "0 0 24px" }, children: "This is the name you'll use every day \u2014 your go-to nickname for your AI sidekick." }),
-      /* @__PURE__ */ jsx118(
-        Input16,
+  return /* @__PURE__ */ jsx119("div", { className: styles.container, children: /* @__PURE__ */ jsxs86("div", { className: styles.setupWrap, children: [
+    /* @__PURE__ */ jsx119("div", { className: styles.stepIndicator, children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx119("div", { className: `${styles.stepDot} ${i === step ? styles.stepDotActive : i < step ? styles.stepDotDone : styles.stepDotPending}` }, i)) }),
+    step === 0 && /* @__PURE__ */ jsxs86(Card29, { className: styles.card, children: [
+      /* @__PURE__ */ jsx119("div", { className: styles.avatar, children: /* @__PURE__ */ jsx119(Sparkles3, { size: 26 }) }),
+      /* @__PURE__ */ jsx119(Title16, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "What would you like to call them?" }),
+      /* @__PURE__ */ jsx119(Paragraph4, { type: "secondary", style: { textAlign: "center", margin: "0 0 24px" }, children: "This is the name you'll use every day \u2014 your go-to nickname for your AI sidekick." }),
+      /* @__PURE__ */ jsx119(
+        Input17,
         {
           size: "large",
           placeholder: 'e.g. "Jarvis", "Buddy"',
@@ -31120,13 +32059,13 @@ var PersonalAssistantPage = () => {
           style: { marginBottom: 20 }
         }
       ),
-      /* @__PURE__ */ jsx118(Button54, { type: "primary", block: true, size: "large", disabled: !can0, onClick: () => setStep(1), icon: /* @__PURE__ */ jsx118(ArrowRight4, { size: 18 }), children: "Next" })
+      /* @__PURE__ */ jsx119(Button55, { type: "primary", block: true, size: "large", disabled: !can0, onClick: () => setStep(1), icon: /* @__PURE__ */ jsx119(ArrowRight4, { size: 18 }), children: "Next" })
     ] }),
-    step === 1 && /* @__PURE__ */ jsxs85(Card29, { className: styles.card, children: [
-      /* @__PURE__ */ jsx118("div", { className: styles.avatar, children: /* @__PURE__ */ jsx118(Smile, { size: 26 }) }),
-      /* @__PURE__ */ jsx118(Title16, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "What's their vibe?" }),
-      /* @__PURE__ */ jsx118(Paragraph4, { type: "secondary", style: { textAlign: "center", margin: "0 0 20px" }, children: "Pick the personality that feels right. This shapes how they talk and support you." }),
-      /* @__PURE__ */ jsx118("div", { className: styles.personalityGrid, children: PERSONALITIES.map((p) => /* @__PURE__ */ jsxs85(
+    step === 1 && /* @__PURE__ */ jsxs86(Card29, { className: styles.card, children: [
+      /* @__PURE__ */ jsx119("div", { className: styles.avatar, children: /* @__PURE__ */ jsx119(Smile, { size: 26 }) }),
+      /* @__PURE__ */ jsx119(Title16, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "What's their vibe?" }),
+      /* @__PURE__ */ jsx119(Paragraph4, { type: "secondary", style: { textAlign: "center", margin: "0 0 20px" }, children: "Pick the personality that feels right. This shapes how they talk and support you." }),
+      /* @__PURE__ */ jsx119("div", { className: styles.personalityGrid, children: PERSONALITIES.map((p) => /* @__PURE__ */ jsxs86(
         "div",
         {
           className: `${styles.personalityOption} ${personalityKey === p.key ? styles.personalityOptionSelected : ""}`,
@@ -31135,17 +32074,17 @@ var PersonalAssistantPage = () => {
             if (p.key !== "custom") setCustomPersonality("");
           },
           children: [
-            /* @__PURE__ */ jsx118("div", { className: styles.personalityIcon, style: { background: p.bg, color: p.fg }, children: p.icon }),
-            /* @__PURE__ */ jsxs85("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ jsx118(Text48, { strong: true, style: { fontSize: 15 }, children: p.title }),
-              /* @__PURE__ */ jsx118(Paragraph4, { type: "secondary", style: { margin: "4px 0 0", fontSize: 13, lineHeight: 1.5 }, children: p.desc })
+            /* @__PURE__ */ jsx119("div", { className: styles.personalityIcon, style: { background: p.bg, color: p.fg }, children: p.icon }),
+            /* @__PURE__ */ jsxs86("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ jsx119(Text49, { strong: true, style: { fontSize: 15 }, children: p.title }),
+              /* @__PURE__ */ jsx119(Paragraph4, { type: "secondary", style: { margin: "4px 0 0", fontSize: 13, lineHeight: 1.5 }, children: p.desc })
             ] })
           ]
         },
         p.key
       )) }),
-      personalityKey === "custom" && /* @__PURE__ */ jsx118(
-        Input16.TextArea,
+      personalityKey === "custom" && /* @__PURE__ */ jsx119(
+        Input17.TextArea,
         {
           rows: 3,
           placeholder: "Describe in your own words...",
@@ -31155,41 +32094,41 @@ var PersonalAssistantPage = () => {
           style: { marginTop: 12 }
         }
       ),
-      /* @__PURE__ */ jsxs85("div", { style: { display: "flex", gap: 12, marginTop: 20 }, children: [
-        /* @__PURE__ */ jsx118(Button54, { size: "large", icon: /* @__PURE__ */ jsx118(ArrowLeft3, { size: 18 }), onClick: () => setStep(0), children: "Back" }),
-        /* @__PURE__ */ jsx118(Button54, { type: "primary", block: true, size: "large", disabled: !can1, onClick: () => setStep(2), icon: /* @__PURE__ */ jsx118(ArrowRight4, { size: 18 }), children: "Next" })
+      /* @__PURE__ */ jsxs86("div", { style: { display: "flex", gap: 12, marginTop: 20 }, children: [
+        /* @__PURE__ */ jsx119(Button55, { size: "large", icon: /* @__PURE__ */ jsx119(ArrowLeft3, { size: 18 }), onClick: () => setStep(0), children: "Back" }),
+        /* @__PURE__ */ jsx119(Button55, { type: "primary", block: true, size: "large", disabled: !can1, onClick: () => setStep(2), icon: /* @__PURE__ */ jsx119(ArrowRight4, { size: 18 }), children: "Next" })
       ] })
     ] }),
-    step === 2 && /* @__PURE__ */ jsxs85(Card29, { className: styles.card, children: [
-      /* @__PURE__ */ jsx118("div", { className: styles.avatar, children: /* @__PURE__ */ jsx118(Bot4, { size: 26 }) }),
-      /* @__PURE__ */ jsx118(Title16, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "Almost ready!" }),
-      /* @__PURE__ */ jsx118(Paragraph4, { type: "secondary", style: { textAlign: "center", margin: "0 0 24px" }, children: "Your assistant will have private memory and learn about you over time." }),
-      /* @__PURE__ */ jsxs85(Card29, { size: "small", style: { background: "#fafafa", borderRadius: 12, marginBottom: 20 }, children: [
-        /* @__PURE__ */ jsx118(Text48, { type: "secondary", style: { fontSize: 12, textTransform: "uppercase", letterSpacing: 1 }, children: "Name" }),
-        /* @__PURE__ */ jsx118("br", {}),
-        /* @__PURE__ */ jsx118(Text48, { strong: true, style: { fontSize: 18 }, children: name || "(not set)" }),
-        /* @__PURE__ */ jsxs85("div", { style: { marginTop: 10 }, children: [
-          /* @__PURE__ */ jsx118(Text48, { type: "secondary", style: { fontSize: 12, textTransform: "uppercase", letterSpacing: 1 }, children: "Personality" }),
-          /* @__PURE__ */ jsx118("br", {}),
-          /* @__PURE__ */ jsx118(Text48, { style: { fontSize: 14 }, children: personalityKey === "custom" ? customPersonality.slice(0, 100) : PERSONALITIES.find((p) => p.key === personalityKey)?.title })
+    step === 2 && /* @__PURE__ */ jsxs86(Card29, { className: styles.card, children: [
+      /* @__PURE__ */ jsx119("div", { className: styles.avatar, children: /* @__PURE__ */ jsx119(Bot4, { size: 26 }) }),
+      /* @__PURE__ */ jsx119(Title16, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "Almost ready!" }),
+      /* @__PURE__ */ jsx119(Paragraph4, { type: "secondary", style: { textAlign: "center", margin: "0 0 24px" }, children: "Your assistant will have private memory and learn about you over time." }),
+      /* @__PURE__ */ jsxs86(Card29, { size: "small", style: { background: "#fafafa", borderRadius: 12, marginBottom: 20 }, children: [
+        /* @__PURE__ */ jsx119(Text49, { type: "secondary", style: { fontSize: 12, textTransform: "uppercase", letterSpacing: 1 }, children: "Name" }),
+        /* @__PURE__ */ jsx119("br", {}),
+        /* @__PURE__ */ jsx119(Text49, { strong: true, style: { fontSize: 18 }, children: name || "(not set)" }),
+        /* @__PURE__ */ jsxs86("div", { style: { marginTop: 10 }, children: [
+          /* @__PURE__ */ jsx119(Text49, { type: "secondary", style: { fontSize: 12, textTransform: "uppercase", letterSpacing: 1 }, children: "Personality" }),
+          /* @__PURE__ */ jsx119("br", {}),
+          /* @__PURE__ */ jsx119(Text49, { style: { fontSize: 14 }, children: personalityKey === "custom" ? customPersonality.slice(0, 100) : PERSONALITIES.find((p) => p.key === personalityKey)?.title })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs85("div", { style: { display: "flex", gap: 12 }, children: [
-        /* @__PURE__ */ jsx118(Button54, { size: "large", icon: /* @__PURE__ */ jsx118(ArrowLeft3, { size: 18 }), onClick: () => setStep(1), children: "Back" }),
-        /* @__PURE__ */ jsx118(Button54, { type: "primary", block: true, size: "large", loading: creating, onClick: handleCreate, icon: /* @__PURE__ */ jsx118(Sparkles3, { size: 18 }), children: "Create My Assistant" })
+      /* @__PURE__ */ jsxs86("div", { style: { display: "flex", gap: 12 }, children: [
+        /* @__PURE__ */ jsx119(Button55, { size: "large", icon: /* @__PURE__ */ jsx119(ArrowLeft3, { size: 18 }), onClick: () => setStep(1), children: "Back" }),
+        /* @__PURE__ */ jsx119(Button55, { type: "primary", block: true, size: "large", loading: creating, onClick: handleCreate, icon: /* @__PURE__ */ jsx119(Sparkles3, { size: 18 }), children: "Create My Assistant" })
       ] })
     ] })
   ] }) });
 };
 
 // src/components/Chat/CustomMenuPage.tsx
-import { Spin as Spin21 } from "antd";
+import { Spin as Spin22 } from "antd";
 
 // src/components/Chat/AgentConversations.tsx
 import { Conversations } from "@ant-design/x";
 import { theme as theme16 } from "antd";
-import { useMemo as useMemo32 } from "react";
-import { jsx as jsx119 } from "react/jsx-runtime";
+import { useMemo as useMemo33 } from "react";
+import { jsx as jsx120 } from "react/jsx-runtime";
 var AgentConversations = ({
   enableThreadCreation = true,
   enableThreadList = true
@@ -31209,7 +32148,7 @@ var AgentConversations = ({
     background: "transparent",
     borderRadius: token.borderRadius
   };
-  const threadItems = useMemo32(() => {
+  const threadItems = useMemo33(() => {
     return threads || [];
   }, [threads]);
   const items = threadItems.map((thread2) => ({
@@ -31228,7 +32167,7 @@ var AgentConversations = ({
   const creation = enableThreadCreation ? {
     onClick: newChatClick
   } : void 0;
-  return /* @__PURE__ */ jsx119(
+  return /* @__PURE__ */ jsx120(
     Conversations,
     {
       creation,
@@ -31244,7 +32183,7 @@ var AgentConversations = ({
 };
 
 // src/components/Chat/CustomMenuPage.tsx
-import { jsx as jsx120, jsxs as jsxs86 } from "react/jsx-runtime";
+import { jsx as jsx121, jsxs as jsxs87 } from "react/jsx-runtime";
 var IFRAME_STYLE = {
   width: "100%",
   height: "100%",
@@ -31254,24 +32193,24 @@ var AgentChatWithThread = ({ assistantId }) => {
   const { thread } = useConversationContext();
   const { menuCollapsed } = useChatUIContext();
   if (!thread) {
-    return /* @__PURE__ */ jsx120("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "100%" }, children: /* @__PURE__ */ jsx120(Spin21, { tip: "Creating conversation..." }) });
+    return /* @__PURE__ */ jsx121("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "100%" }, children: /* @__PURE__ */ jsx121(Spin22, { tip: "Creating conversation..." }) });
   }
-  return /* @__PURE__ */ jsx120(
+  return /* @__PURE__ */ jsx121(
     LatticeChat,
     {
       thread_id: thread.id,
       assistant_id: assistantId,
       showProjectSelector: false,
-      menu: menuCollapsed ? void 0 : /* @__PURE__ */ jsx120(AgentConversations, {})
+      menu: menuCollapsed ? void 0 : /* @__PURE__ */ jsx121(AgentConversations, {})
     }
   );
 };
 var CustomMenuPage = ({ component_key }) => {
   const parsed = parseCustomMenuId(component_key);
   if (!parsed) {
-    return /* @__PURE__ */ jsxs86("div", { style: { padding: 24 }, children: [
-      /* @__PURE__ */ jsx120("p", { style: { color: "#999" }, children: "Invalid menu item" }),
-      /* @__PURE__ */ jsxs86("pre", { style: { fontSize: 11, color: "#aaa" }, children: [
+    return /* @__PURE__ */ jsxs87("div", { style: { padding: 24 }, children: [
+      /* @__PURE__ */ jsx121("p", { style: { color: "#999" }, children: "Invalid menu item" }),
+      /* @__PURE__ */ jsxs87("pre", { style: { fontSize: 11, color: "#aaa" }, children: [
         "component_key: ",
         component_key || "(empty)"
       ] })
@@ -31279,39 +32218,39 @@ var CustomMenuPage = ({ component_key }) => {
   }
   switch (parsed.contentType) {
     case "agent":
-      return /* @__PURE__ */ jsx120(
+      return /* @__PURE__ */ jsx121(
         WorkspaceContextProvider,
         {
           workspaceId: parsed.workspaceId || void 0,
           projectId: parsed.projectId || void 0,
-          children: /* @__PURE__ */ jsx120(
+          children: /* @__PURE__ */ jsx121(
             AssistantContextProvider,
             {
               autoLoad: true,
               initialAssistantId: parsed.payload,
-              children: /* @__PURE__ */ jsx120(ConversationContextProvider, { children: /* @__PURE__ */ jsx120(AgentChatWithThread, { assistantId: parsed.payload }) })
+              children: /* @__PURE__ */ jsx121(ConversationContextProvider, { children: /* @__PURE__ */ jsx121(AgentChatWithThread, { assistantId: parsed.payload }) })
             }
           )
         }
       );
     case "html": {
       const url = decodeURIComponent(parsed.payload);
-      return /* @__PURE__ */ jsx120("iframe", { src: url, style: IFRAME_STYLE, title: "Custom HTML Page" });
+      return /* @__PURE__ */ jsx121("iframe", { src: url, style: IFRAME_STYLE, title: "Custom HTML Page" });
     }
     case "custom": {
       const element = getElement(parsed.payload);
       if (element?.side_app_view) {
         const Comp = element.side_app_view;
-        return /* @__PURE__ */ jsx120(Comp, { component_key: parsed.payload, data: void 0 });
+        return /* @__PURE__ */ jsx121(Comp, { component_key: parsed.payload, data: void 0 });
       }
-      return /* @__PURE__ */ jsxs86("div", { style: { padding: 24, color: "#999" }, children: [
+      return /* @__PURE__ */ jsxs87("div", { style: { padding: 24, color: "#999" }, children: [
         'Component "',
         parsed.payload,
         '" not found'
       ] });
     }
     default:
-      return /* @__PURE__ */ jsxs86("div", { style: { padding: 24, color: "#999" }, children: [
+      return /* @__PURE__ */ jsxs87("div", { style: { padding: 24, color: "#999" }, children: [
         "Unknown content type: ",
         parsed.contentType
       ] });
@@ -31325,10 +32264,10 @@ import {
   MoreOutlined as MoreOutlined3
 } from "@ant-design/icons";
 import { Dropdown as Dropdown4, Tooltip as Tooltip25 } from "antd";
-import { createStyles as createStyles36 } from "antd-style";
-import { useEffect as useEffect51, useMemo as useMemo33, useState as useState75 } from "react";
-import { Fragment as Fragment24, jsx as jsx121, jsxs as jsxs87 } from "react/jsx-runtime";
-var useStyle17 = createStyles36(({ token, css }) => {
+import { createStyles as createStyles37 } from "antd-style";
+import { useEffect as useEffect52, useMemo as useMemo34, useState as useState76 } from "react";
+import { Fragment as Fragment25, jsx as jsx122, jsxs as jsxs88 } from "react/jsx-runtime";
+var useStyle17 = createStyles37(({ token, css }) => {
   return {
     container: css`
       display: flex;
@@ -31504,15 +32443,15 @@ var useStyle17 = createStyles36(({ token, css }) => {
 });
 var EmptySideAppView = ({ component_key, data }) => {
   if (data?.component) {
-    return /* @__PURE__ */ jsx121(Fragment24, { children: data.component });
+    return /* @__PURE__ */ jsx122(Fragment25, { children: data.component });
   }
-  return /* @__PURE__ */ jsxs87("div", { children: [
-    /* @__PURE__ */ jsx121("p", { children: "Component view not found" }),
-    /* @__PURE__ */ jsx121("pre", { children: JSON.stringify({ component_key, data }, null, 2) })
+  return /* @__PURE__ */ jsxs88("div", { children: [
+    /* @__PURE__ */ jsx122("p", { children: "Component view not found" }),
+    /* @__PURE__ */ jsx122("pre", { children: JSON.stringify({ component_key, data }, null, 2) })
   ] });
 };
 var getTabIcon = (componentKey) => {
-  return /* @__PURE__ */ jsx121(AppstoreOutlined, { style: { fontSize: 12, opacity: 0.6 } });
+  return /* @__PURE__ */ jsx122(AppstoreOutlined, { style: { fontSize: 12, opacity: 0.6 } });
 };
 var SideAppViewBrowser = ({ region = "side" }) => {
   const { styles } = useStyle17();
@@ -31527,11 +32466,11 @@ var SideAppViewBrowser = ({ region = "side" }) => {
   const selectedCard = region === "side" ? sideAppSelectedCard : contextAppSelectedCard;
   const closeApp = region === "side" ? closeSideApp : closeContentApp;
   const openApp = region === "side" ? openSideApp : openContentApp;
-  const [activeKey, setActiveKey] = useState75(
+  const [activeKey, setActiveKey] = useState76(
     JSON.stringify(selectedCard)
   );
-  const [hoveredTab, setHoveredTab] = useState75(null);
-  const [items, setItems] = useState75([]);
+  const [hoveredTab, setHoveredTab] = useState76(null);
+  const [items, setItems] = useState76([]);
   const add = (key, label, children, componentKey) => {
     const newPanes = [...items, { label, children, key, componentKey }];
     setItems(newPanes);
@@ -31558,7 +32497,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
   const switchTab = (key) => {
     setActiveKey(key);
   };
-  useEffect51(() => {
+  useEffect52(() => {
     if (!selectedCard) return;
     const key = JSON.stringify(selectedCard);
     if (items.find((item) => item.key === key)) {
@@ -31573,7 +32512,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
     add(
       key,
       selectedCard?.message || selectedCard?.data?.message || "Unnamed",
-      /* @__PURE__ */ jsx121(
+      /* @__PURE__ */ jsx122(
         SideAppView,
         {
           component_key: selectedCard?.component_key || "",
@@ -31587,7 +32526,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
   const activeItem = items.find((item) => item.key === activeKey);
   const dropdownItems = items.map((item) => ({
     key: item.key,
-    label: /* @__PURE__ */ jsxs87(
+    label: /* @__PURE__ */ jsxs88(
       "div",
       {
         style: {
@@ -31598,8 +32537,8 @@ var SideAppViewBrowser = ({ region = "side" }) => {
         },
         children: [
           getTabIcon(item.componentKey),
-          /* @__PURE__ */ jsx121("span", { style: { flex: 1 }, children: item.label }),
-          /* @__PURE__ */ jsx121(
+          /* @__PURE__ */ jsx122("span", { style: { flex: 1 }, children: item.label }),
+          /* @__PURE__ */ jsx122(
             CloseOutlined4,
             {
               style: { fontSize: 10, opacity: 0.5 },
@@ -31614,13 +32553,13 @@ var SideAppViewBrowser = ({ region = "side" }) => {
     ),
     onClick: () => switchTab(item.key)
   }));
-  const sideAppBrowserValue = useMemo33(
+  const sideAppBrowserValue = useMemo34(
     () => ({ openApp }),
     [openApp]
   );
-  return /* @__PURE__ */ jsxs87("div", { className: styles.container, children: [
-    /* @__PURE__ */ jsxs87("div", { className: styles.header, children: [
-      /* @__PURE__ */ jsx121("div", { className: styles.tabsStrip, children: items.map((item) => /* @__PURE__ */ jsx121(Tooltip25, { title: item.label, placement: "bottom", children: /* @__PURE__ */ jsxs87(
+  return /* @__PURE__ */ jsxs88("div", { className: styles.container, children: [
+    /* @__PURE__ */ jsxs88("div", { className: styles.header, children: [
+      /* @__PURE__ */ jsx122("div", { className: styles.tabsStrip, children: items.map((item) => /* @__PURE__ */ jsx122(Tooltip25, { title: item.label, placement: "bottom", children: /* @__PURE__ */ jsxs88(
         "div",
         {
           "data-tab-key": item.key,
@@ -31630,8 +32569,8 @@ var SideAppViewBrowser = ({ region = "side" }) => {
           onMouseLeave: () => setHoveredTab(null),
           children: [
             getTabIcon(item.componentKey),
-            /* @__PURE__ */ jsx121("span", { className: styles.tabLabel, children: item.label }),
-            /* @__PURE__ */ jsx121(
+            /* @__PURE__ */ jsx122("span", { className: styles.tabLabel, children: item.label }),
+            /* @__PURE__ */ jsx122(
               "span",
               {
                 className: `${styles.closeIndicator} ${hoveredTab === item.key || item.key === activeKey ? "always-visible" : ""}`,
@@ -31639,48 +32578,48 @@ var SideAppViewBrowser = ({ region = "side" }) => {
                   e.stopPropagation();
                   remove(item.key);
                 },
-                children: /* @__PURE__ */ jsx121(CloseOutlined4, { style: { fontSize: 10 } })
+                children: /* @__PURE__ */ jsx122(CloseOutlined4, { style: { fontSize: 10 } })
               }
             )
           ]
         }
       ) }, item.key)) }),
-      /* @__PURE__ */ jsxs87("div", { className: styles.actions, children: [
-        items.length > 0 && /* @__PURE__ */ jsx121("div", { className: styles.tabCounter, children: items.length }),
-        items.length > 1 && /* @__PURE__ */ jsx121(
+      /* @__PURE__ */ jsxs88("div", { className: styles.actions, children: [
+        items.length > 0 && /* @__PURE__ */ jsx122("div", { className: styles.tabCounter, children: items.length }),
+        items.length > 1 && /* @__PURE__ */ jsx122(
           Dropdown4,
           {
             menu: { items: dropdownItems },
             placement: "bottomRight",
             trigger: ["click"],
-            children: /* @__PURE__ */ jsx121("button", { className: styles.actionBtn, title: "All tabs", children: /* @__PURE__ */ jsx121(MoreOutlined3, {}) })
+            children: /* @__PURE__ */ jsx122("button", { className: styles.actionBtn, title: "All tabs", children: /* @__PURE__ */ jsx122(MoreOutlined3, {}) })
           }
         ),
-        /* @__PURE__ */ jsx121(Tooltip25, { title: "Close", children: /* @__PURE__ */ jsx121("button", { className: styles.actionBtn, onClick: closeApp, children: /* @__PURE__ */ jsx121(CloseOutlined4, {}) }) })
+        /* @__PURE__ */ jsx122(Tooltip25, { title: "Close", children: /* @__PURE__ */ jsx122("button", { className: styles.actionBtn, onClick: closeApp, children: /* @__PURE__ */ jsx122(CloseOutlined4, {}) }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx121("div", { className: styles.content, children: /* @__PURE__ */ jsx121(SideAppBrowserContext.Provider, { value: sideAppBrowserValue, children: activeItem ? /* @__PURE__ */ jsx121("div", { className: styles.contentWrapper, children: activeItem.children }, activeItem.key) : /* @__PURE__ */ jsxs87("div", { className: styles.emptyState, children: [
-      /* @__PURE__ */ jsx121(AppstoreOutlined, { className: "icon" }),
-      /* @__PURE__ */ jsx121("span", { children: "Select an app to start" })
+    /* @__PURE__ */ jsx122("div", { className: styles.content, children: /* @__PURE__ */ jsx122(SideAppBrowserContext.Provider, { value: sideAppBrowserValue, children: activeItem ? /* @__PURE__ */ jsx122("div", { className: styles.contentWrapper, children: activeItem.children }, activeItem.key) : /* @__PURE__ */ jsxs88("div", { className: styles.emptyState, children: [
+      /* @__PURE__ */ jsx122(AppstoreOutlined, { className: "icon" }),
+      /* @__PURE__ */ jsx122("span", { children: "Select an app to start" })
     ] }) }) })
   ] });
 };
 
 // src/components/Chat/WorkspaceResourceManager.tsx
-import { jsx as jsx122, jsxs as jsxs88 } from "react/jsx-runtime";
+import { jsx as jsx123, jsxs as jsxs89 } from "react/jsx-runtime";
 var DEFAULT_WORKSPACE_MENU_ITEMS = [
   {
     id: "personal_assistant",
     type: "route",
     name: "Personal Assistant",
-    icon: /* @__PURE__ */ jsx122(Bot5, { size: 20 }),
+    icon: /* @__PURE__ */ jsx123(Bot5, { size: 20 }),
     order: -10
   },
   {
     id: "workspace_projects",
     type: "route",
     name: "Projects",
-    icon: /* @__PURE__ */ jsx122(FolderOpen3, { size: 20 }),
+    icon: /* @__PURE__ */ jsx123(FolderOpen3, { size: 20 }),
     order: 0
   },
   {
@@ -31688,7 +32627,7 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
     builtin: "metrics",
     type: "route",
     name: "Metrics",
-    icon: /* @__PURE__ */ jsx122(Activity4, { size: 20 }),
+    icon: /* @__PURE__ */ jsx123(Activity4, { size: 20 }),
     order: 10,
     group: "DataSource"
   },
@@ -31697,7 +32636,7 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
     builtin: "database",
     type: "route",
     name: "Database",
-    icon: /* @__PURE__ */ jsx122(Database7, { size: 20 }),
+    icon: /* @__PURE__ */ jsx123(Database7, { size: 20 }),
     order: 20,
     group: "DataSource"
   },
@@ -31705,7 +32644,7 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
     id: "topology-runtimes",
     type: "route",
     name: "Runtime",
-    icon: /* @__PURE__ */ jsx122(History, { size: 20 }),
+    icon: /* @__PURE__ */ jsx123(History, { size: 20 }),
     order: 26,
     group: "Process"
   },
@@ -31713,7 +32652,7 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
     id: "topology-inbox",
     type: "route",
     name: "Inbox",
-    icon: /* @__PURE__ */ jsx122(Inbox3, { size: 20 }),
+    icon: /* @__PURE__ */ jsx123(Inbox3, { size: 20 }),
     order: 27,
     group: "Process"
   },
@@ -31721,7 +32660,7 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
     id: "workflows",
     type: "route",
     name: "Automations",
-    icon: /* @__PURE__ */ jsx122(Share2, { size: 20 }),
+    icon: /* @__PURE__ */ jsx123(Share2, { size: 20 }),
     order: 25,
     group: "Process"
   },
@@ -31729,7 +32668,7 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
     id: "eval",
     type: "route",
     name: "Eval",
-    icon: /* @__PURE__ */ jsx122(FlaskConical3, { size: 20 }),
+    icon: /* @__PURE__ */ jsx123(FlaskConical3, { size: 20 }),
     order: 28,
     group: "Process"
   },
@@ -31738,7 +32677,7 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
     builtin: "assistants",
     type: "route",
     name: "Assistants",
-    icon: /* @__PURE__ */ jsx122(Bot5, { size: 20 }),
+    icon: /* @__PURE__ */ jsx123(Bot5, { size: 20 }),
     order: 30,
     group: "Settings"
   },
@@ -31747,7 +32686,7 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
     builtin: "skills",
     type: "route",
     name: "Skills",
-    icon: /* @__PURE__ */ jsx122(Zap2, { size: 20 }),
+    icon: /* @__PURE__ */ jsx123(Zap2, { size: 20 }),
     order: 35,
     group: "Settings"
   },
@@ -31756,7 +32695,7 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
     builtin: "mcp",
     type: "route",
     name: "MCP",
-    icon: /* @__PURE__ */ jsx122(Plug2, { size: 20 }),
+    icon: /* @__PURE__ */ jsx123(Plug2, { size: 20 }),
     order: 40,
     group: "Settings"
   },
@@ -31765,7 +32704,7 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
     builtin: "tools",
     type: "route",
     name: "Tools",
-    icon: /* @__PURE__ */ jsx122(Wrench2, { size: 20 }),
+    icon: /* @__PURE__ */ jsx123(Wrench2, { size: 20 }),
     order: 50,
     group: "Settings"
   },
@@ -31774,13 +32713,13 @@ var DEFAULT_WORKSPACE_MENU_ITEMS = [
     builtin: "switch-tenant",
     type: "action",
     name: "Switch tenant",
-    icon: /* @__PURE__ */ jsx122(Building23, { size: 20 }),
+    icon: /* @__PURE__ */ jsx123(Building23, { size: 20 }),
     order: 900,
     group: "Account"
   }
 ];
 var createWrapper = (Component) => {
-  return () => /* @__PURE__ */ jsx122(Component, { ...{} });
+  return () => /* @__PURE__ */ jsx123(Component, { ...{} });
 };
 var WorkspaceResourceManager = ({
   workspaceId,
@@ -31788,9 +32727,9 @@ var WorkspaceResourceManager = ({
   logo
 }) => {
   const { openContentApp, menuCollapsed, setMenuCollapsed } = useChatUIContext();
-  const hasOpenedDefault = useRef27(false);
-  const hasRegistered = useRef27(false);
-  useEffect52(() => {
+  const hasOpenedDefault = useRef28(false);
+  const hasRegistered = useRef28(false);
+  useEffect53(() => {
     if (!hasRegistered.current) {
       hasRegistered.current = true;
       regsiterElement("workspace_projects", {
@@ -31819,7 +32758,7 @@ var WorkspaceResourceManager = ({
       });
       regsiterElement("workspace_tools", {
         card_view: () => null,
-        side_app_view: createWrapper(() => /* @__PURE__ */ jsx122(
+        side_app_view: createWrapper(() => /* @__PURE__ */ jsx123(
           ToolsList,
           {
             onToolSelect: (tool) => {
@@ -31854,10 +32793,10 @@ var WorkspaceResourceManager = ({
   const { setWorkspace, setProject } = useWorkspaceContext();
   const { config } = useLatticeChatShellContext();
   const { get } = useApi();
-  const [tenantModalOpen, setTenantModalOpen] = useState76(false);
-  const [changePasswordOpen, setChangePasswordOpen] = useState76(false);
-  const [fetchedCustomMenuItems, setFetchedCustomMenuItems] = useState76([]);
-  useEffect52(() => {
+  const [tenantModalOpen, setTenantModalOpen] = useState77(false);
+  const [changePasswordOpen, setChangePasswordOpen] = useState77(false);
+  const [fetchedCustomMenuItems, setFetchedCustomMenuItems] = useState77([]);
+  useEffect53(() => {
     const fetchCustomMenu = async () => {
       try {
         const json = await get("/api/menu-items?menuTarget=workspace");
@@ -31870,7 +32809,7 @@ var WorkspaceResourceManager = ({
     };
     fetchCustomMenu();
   }, [get]);
-  useEffect52(() => {
+  useEffect53(() => {
     for (const item of fetchedCustomMenuItems) {
       regsiterElement(item.id, {
         card_view: () => null,
@@ -31878,7 +32817,7 @@ var WorkspaceResourceManager = ({
       });
     }
   }, [fetchedCustomMenuItems]);
-  const menuItems = useMemo34(() => {
+  const menuItems = useMemo35(() => {
     const workspaceMenu = config.workspaceMenuItems?.length ? config.workspaceMenuItems : void 0;
     if (workspaceMenu) {
       return [...workspaceMenu].sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
@@ -31914,7 +32853,7 @@ var WorkspaceResourceManager = ({
       });
     }
   };
-  useEffect52(() => {
+  useEffect53(() => {
     if (!hasOpenedDefault.current && menuItems.length > 0) {
       hasOpenedDefault.current = true;
       const firstRoute = menuItems.find((item) => item.type === "route");
@@ -31923,26 +32862,26 @@ var WorkspaceResourceManager = ({
       }
     }
   }, []);
-  const userMenuItems = /* @__PURE__ */ jsxs88("div", { style: { minWidth: 160 }, children: [
-    /* @__PURE__ */ jsxs88("div", { style: { padding: "8px 12px", borderBottom: "1px solid #f0f0f0" }, children: [
-      /* @__PURE__ */ jsx122("div", { style: { fontWeight: 500 }, children: user?.name || user?.email }),
-      /* @__PURE__ */ jsx122("div", { style: { fontSize: 12, color: "#666" }, children: user?.email })
+  const userMenuItems = /* @__PURE__ */ jsxs89("div", { style: { minWidth: 160 }, children: [
+    /* @__PURE__ */ jsxs89("div", { style: { padding: "8px 12px", borderBottom: "1px solid #f0f0f0" }, children: [
+      /* @__PURE__ */ jsx123("div", { style: { fontWeight: 500 }, children: user?.name || user?.email }),
+      /* @__PURE__ */ jsx123("div", { style: { fontSize: 12, color: "#666" }, children: user?.email })
     ] }),
-    /* @__PURE__ */ jsxs88(
-      Button55,
+    /* @__PURE__ */ jsxs89(
+      Button56,
       {
         type: "text",
         block: true,
         style: { justifyContent: "flex-start", padding: "8px 12px" },
         onClick: () => setChangePasswordOpen(true),
         children: [
-          /* @__PURE__ */ jsx122(Key, { size: 16, style: { marginRight: 8 } }),
+          /* @__PURE__ */ jsx123(Key, { size: 16, style: { marginRight: 8 } }),
           "Change Password"
         ]
       }
     ),
-    /* @__PURE__ */ jsxs88(
-      Button55,
+    /* @__PURE__ */ jsxs89(
+      Button56,
       {
         type: "text",
         block: true,
@@ -31950,13 +32889,13 @@ var WorkspaceResourceManager = ({
         style: { justifyContent: "flex-start", padding: "8px 12px" },
         onClick: logout,
         children: [
-          /* @__PURE__ */ jsx122(LogOut3, { size: 16, style: { marginRight: 8 } }),
+          /* @__PURE__ */ jsx123(LogOut3, { size: 16, style: { marginRight: 8 } }),
           "Logout"
         ]
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs88(
+  return /* @__PURE__ */ jsxs89(
     "div",
     {
       style: {
@@ -31966,10 +32905,10 @@ var WorkspaceResourceManager = ({
         height: "100%"
       },
       children: [
-        /* @__PURE__ */ jsx122(
+        /* @__PURE__ */ jsx123(
           ColumnLayout,
           {
-            menu: /* @__PURE__ */ jsx122(
+            menu: /* @__PURE__ */ jsx123(
               Menu,
               {
                 items: menuItems,
@@ -31980,13 +32919,13 @@ var WorkspaceResourceManager = ({
                 defaultExpanded: config.workspaceMenuDefaultExpanded ?? true,
                 collapsed: menuCollapsed,
                 onCollapsedChange: setMenuCollapsed,
-                footer: ({ isIconMode }) => user && /* @__PURE__ */ jsx122(
+                footer: ({ isIconMode }) => user && /* @__PURE__ */ jsx123(
                   Popover3,
                   {
                     content: userMenuItems,
                     placement: "rightTop",
                     trigger: "click",
-                    children: /* @__PURE__ */ jsxs88(
+                    children: /* @__PURE__ */ jsxs89(
                       "div",
                       {
                         style: {
@@ -32000,7 +32939,7 @@ var WorkspaceResourceManager = ({
                           transition: "all 0.2s"
                         },
                         children: [
-                          /* @__PURE__ */ jsx122(
+                          /* @__PURE__ */ jsx123(
                             Avatar12,
                             {
                               size: isIconMode ? 32 : 36,
@@ -32012,8 +32951,8 @@ var WorkspaceResourceManager = ({
                               children: (user.name?.charAt(0) || user.email.charAt(0)).toUpperCase()
                             }
                           ),
-                          !isIconMode && /* @__PURE__ */ jsxs88("div", { style: { flex: 1, minWidth: 0 }, children: [
-                            /* @__PURE__ */ jsx122(
+                          !isIconMode && /* @__PURE__ */ jsxs89("div", { style: { flex: 1, minWidth: 0 }, children: [
+                            /* @__PURE__ */ jsx123(
                               "div",
                               {
                                 style: {
@@ -32025,7 +32964,7 @@ var WorkspaceResourceManager = ({
                                 children: user.name || user.email
                               }
                             ),
-                            /* @__PURE__ */ jsx122(
+                            /* @__PURE__ */ jsx123(
                               "div",
                               {
                                 style: {
@@ -32047,11 +32986,11 @@ var WorkspaceResourceManager = ({
               }
             ),
             logo,
-            main: /* @__PURE__ */ jsx122(SideAppViewBrowser, { region: "content" })
+            main: /* @__PURE__ */ jsx123(SideAppViewBrowser, { region: "content" })
           }
         ),
-        /* @__PURE__ */ jsx122(
-          Modal20,
+        /* @__PURE__ */ jsx123(
+          Modal21,
           {
             open: tenantModalOpen,
             onCancel: () => setTenantModalOpen(false),
@@ -32067,7 +33006,7 @@ var WorkspaceResourceManager = ({
                 boxShadow: "none"
               }
             },
-            children: /* @__PURE__ */ jsx122(
+            children: /* @__PURE__ */ jsx123(
               TenantSelector,
               {
                 tenants: tenants.map((t) => t.tenant).filter(Boolean),
@@ -32082,7 +33021,7 @@ var WorkspaceResourceManager = ({
             )
           }
         ),
-        /* @__PURE__ */ jsx122(
+        /* @__PURE__ */ jsx123(
           ChangePasswordModal,
           {
             open: changePasswordOpen,
@@ -32098,11 +33037,11 @@ var WorkspaceResourceUIContext = ({
   workspaceName,
   logo
 }) => {
-  return /* @__PURE__ */ jsx122(ChatUIContextProvider, { children: /* @__PURE__ */ jsx122(WorkspaceResourceManager, { workspaceId, workspaceName, logo }) });
+  return /* @__PURE__ */ jsx123(ChatUIContextProvider, { children: /* @__PURE__ */ jsx123(WorkspaceResourceManager, { workspaceId, workspaceName, logo }) });
 };
 
 // src/context/WorkspaceContext.tsx
-import { jsx as jsx123 } from "react/jsx-runtime";
+import { jsx as jsx124 } from "react/jsx-runtime";
 var WorkspaceContext = createContext9(null);
 var useWorkspaceContext = () => {
   const context = useContext11(WorkspaceContext);
@@ -32129,23 +33068,23 @@ var WorkspaceContextProvider = ({
     if (typeof window !== "undefined") return sessionStorage.getItem("projectId");
     return null;
   };
-  const [workspaceId, setWorkspaceId] = useState77(getInitialWorkspaceId);
-  const [projectId, setProjectId] = useState77(getInitialProjectId);
-  React70.useEffect(() => {
+  const [workspaceId, setWorkspaceId] = useState78(getInitialWorkspaceId);
+  const [projectId, setProjectId] = useState78(getInitialProjectId);
+  React71.useEffect(() => {
     const wsId = getInitialWorkspaceId();
     const pjId = getInitialProjectId();
     if (wsId || pjId) {
       Client3.setWorkspaceContext(wsId || void 0, pjId || void 0);
     }
   }, []);
-  useEffect53(() => {
+  useEffect54(() => {
     Client3.setWorkspaceContext(workspaceId || void 0, projectId || void 0);
   }, [workspaceId, projectId]);
-  const [workspaces, setWorkspaces] = useState77([]);
-  const [projects, setProjects] = useState77([]);
-  const [loading, setLoading] = useState77(false);
-  const [error, setError] = useState77(null);
-  const client = React70.useMemo(() => {
+  const [workspaces, setWorkspaces] = useState78([]);
+  const [projects, setProjects] = useState78([]);
+  const [loading, setLoading] = useState78(false);
+  const [error, setError] = useState78(null);
+  const client = React71.useMemo(() => {
     const authApiKey = isAuthenticated ? sessionStorage.getItem("lattice_token") || config.apiKey || "" : config.apiKey || "";
     return new WorkspaceClient({
       baseURL: config.baseURL,
@@ -32154,22 +33093,22 @@ var WorkspaceContextProvider = ({
       transport: "sse"
     }, tenantId);
   }, [config.baseURL, config.apiKey, tenantId, isAuthenticated]);
-  const resetSelectedWorkspace = useCallback39(() => {
+  const resetSelectedWorkspace = useCallback40(() => {
     setProjects([]);
     setWorkspaceId(null);
     sessionStorage.removeItem("workspaceId");
     setProjectId(defaultProjectId ?? null);
     sessionStorage.removeItem("projectId");
   }, [setProjects, setWorkspaceId, setProjectId, defaultProjectId]);
-  const resetWS = useCallback39(() => {
+  const resetWS = useCallback40(() => {
     setWorkspaces([]);
     resetSelectedWorkspace();
   }, [resetSelectedWorkspace, setWorkspaces]);
-  useEffect53(() => {
+  useEffect54(() => {
     resetWS();
     refreshWorkspaces();
   }, [tenantId]);
-  const refreshWorkspaces = useCallback39(async () => {
+  const refreshWorkspaces = useCallback40(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -32181,7 +33120,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client]);
-  const refreshProjects = useCallback39(async (wsId) => {
+  const refreshProjects = useCallback40(async (wsId) => {
     const targetWorkspaceId = wsId || workspaceId;
     if (!targetWorkspaceId) {
       setProjects([]);
@@ -32198,29 +33137,29 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, workspaceId]);
-  useEffect53(() => {
+  useEffect54(() => {
     if (workspaceId && typeof window !== "undefined") {
       sessionStorage.setItem("workspaceId", workspaceId);
     }
   }, [workspaceId]);
-  useEffect53(() => {
+  useEffect54(() => {
     if (projectId && typeof window !== "undefined") {
       sessionStorage.setItem("projectId", projectId);
     }
   }, [projectId]);
-  useEffect53(() => {
+  useEffect54(() => {
     refreshWorkspaces().catch((err) => {
       console.warn("Failed to load workspaces:", err);
     });
   }, [refreshWorkspaces]);
-  useEffect53(() => {
+  useEffect54(() => {
     if (workspaces.length > 0 && !workspaceId) {
       const firstWorkspace = workspaces[0];
       setWorkspaceId(firstWorkspace.id);
     }
   }, [workspaces, workspaceId]);
-  const prevWorkspaceId = useRef28(workspaceId);
-  useEffect53(() => {
+  const prevWorkspaceId = useRef29(workspaceId);
+  useEffect54(() => {
     if (workspaceId) {
       refreshProjects(workspaceId);
     } else {
@@ -32231,7 +33170,7 @@ var WorkspaceContextProvider = ({
     }
     prevWorkspaceId.current = workspaceId;
   }, [workspaceId, refreshProjects]);
-  const createWorkspace = useCallback39(async (data) => {
+  const createWorkspace = useCallback40(async (data) => {
     setLoading(true);
     setError(null);
     try {
@@ -32246,7 +33185,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, refreshWorkspaces]);
-  const updateWorkspace = useCallback39(async (id, updates) => {
+  const updateWorkspace = useCallback40(async (id, updates) => {
     setLoading(true);
     setError(null);
     try {
@@ -32261,7 +33200,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, refreshWorkspaces]);
-  const deleteWorkspace = useCallback39(async (id) => {
+  const deleteWorkspace = useCallback40(async (id) => {
     setLoading(true);
     setError(null);
     try {
@@ -32278,7 +33217,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, workspaceId, refreshWorkspaces]);
-  const createProject = useCallback39(async (wsId, data) => {
+  const createProject = useCallback40(async (wsId, data) => {
     setLoading(true);
     setError(null);
     try {
@@ -32293,7 +33232,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, refreshProjects]);
-  const updateProject = useCallback39(async (wsId, id, updates) => {
+  const updateProject = useCallback40(async (wsId, id, updates) => {
     setLoading(true);
     setError(null);
     try {
@@ -32308,7 +33247,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, refreshProjects]);
-  const deleteProject = useCallback39(async (wsId, id) => {
+  const deleteProject = useCallback40(async (wsId, id) => {
     setLoading(true);
     setError(null);
     try {
@@ -32325,7 +33264,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, projectId, refreshProjects]);
-  const listPath = useCallback39(
+  const listPath = useCallback40(
     async (path = "/", assistantId) => {
       if (!workspaceId || !projectId) {
         return [];
@@ -32344,7 +33283,7 @@ var WorkspaceContextProvider = ({
     },
     [client, workspaceId, projectId]
   );
-  const listPathByFolder = useCallback39(
+  const listPathByFolder = useCallback40(
     async (folder, assistantId) => {
       let normalizedPath = folder;
       if (normalizedPath.startsWith("~/")) {
@@ -32357,7 +33296,7 @@ var WorkspaceContextProvider = ({
     },
     [listPath]
   );
-  const uploadFile = useCallback39(
+  const uploadFile = useCallback40(
     async (path, file, assistantId) => {
       if (!workspaceId || !projectId) {
         throw new Error("Workspace and project must be selected before uploading files");
@@ -32377,7 +33316,7 @@ var WorkspaceContextProvider = ({
     },
     [client, workspaceId, projectId]
   );
-  const uploadFileToFolder = useCallback39(
+  const uploadFileToFolder = useCallback40(
     async (folder, file, assistantId) => {
       let normalizedFolder = folder;
       if (normalizedFolder.startsWith("~/")) {
@@ -32387,7 +33326,7 @@ var WorkspaceContextProvider = ({
     },
     [uploadFile]
   );
-  const getFileViewUrl = useCallback39(
+  const getFileViewUrl = useCallback40(
     (filePath, assistantId) => {
       if (!workspaceId || !projectId) {
         return "";
@@ -32429,7 +33368,7 @@ var WorkspaceContextProvider = ({
       await createProject(workspaceId, { name, description });
     }
   };
-  return /* @__PURE__ */ jsx123(WorkspaceContext.Provider, { value, children: projectId ? children : /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsx124(WorkspaceContext.Provider, { value, children: projectId ? children : /* @__PURE__ */ jsx124(
     WorkspaceResourceUIContext,
     {
       workspaceId: workspaceId || "",
@@ -32439,24 +33378,24 @@ var WorkspaceContextProvider = ({
 };
 
 // src/components/Chat/PinToMenuButton.tsx
-import { Fragment as Fragment25, jsx as jsx124, jsxs as jsxs89 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx125, jsxs as jsxs90 } from "react/jsx-runtime";
 var MODAL_BODY_STYLE = {
   display: "flex",
   flexDirection: "column",
   gap: 12
 };
 var PinToMenuButton = ({ assistantId }) => {
-  const workspaceCtx = React71.useContext(WorkspaceContext);
+  const workspaceCtx = React72.useContext(WorkspaceContext);
   const { config } = useLatticeChatShellContext();
   const { post, get, del } = useApi();
-  const [open, setOpen] = useState78(false);
-  const [group, setGroup] = useState78("");
-  const [name, setName] = useState78("");
-  const [loading, setLoading] = useState78(false);
-  const [isPinned, setIsPinned] = useState78(false);
-  const [pinnedItemId, setPinnedItemId] = useState78(null);
-  const [checking, setChecking] = useState78(true);
-  const checkPinned = useCallback40(async () => {
+  const [open, setOpen] = useState79(false);
+  const [group, setGroup] = useState79("");
+  const [name, setName] = useState79("");
+  const [loading, setLoading] = useState79(false);
+  const [isPinned, setIsPinned] = useState79(false);
+  const [pinnedItemId, setPinnedItemId] = useState79(null);
+  const [checking, setChecking] = useState79(true);
+  const checkPinned = useCallback41(async () => {
     if (!assistantId || !config.enableCustomMenu) {
       setChecking(false);
       return;
@@ -32483,13 +33422,13 @@ var PinToMenuButton = ({ assistantId }) => {
       setChecking(false);
     }
   }, [assistantId, config.enableCustomMenu, get]);
-  useEffect54(() => {
+  useEffect55(() => {
     checkPinned();
   }, [checkPinned]);
   if (!assistantId || !config.enableCustomMenu) return null;
   const handlePin = async () => {
     if (!name.trim()) {
-      message19.warning("Please enter a menu name");
+      message20.warning("Please enter a menu name");
       return;
     }
     setLoading(true);
@@ -32508,16 +33447,16 @@ var PinToMenuButton = ({ assistantId }) => {
       };
       const json = await post("/api/menu-items", body);
       if (json.success) {
-        message19.success("Pinned to menu");
+        message20.success("Pinned to menu");
         setOpen(false);
         setGroup("");
         setName("");
         checkPinned();
       } else {
-        message19.error(json.message || "Failed to pin");
+        message20.error(json.message || "Failed to pin");
       }
     } catch {
-      message19.error("Failed to pin to menu");
+      message20.error("Failed to pin to menu");
     } finally {
       setLoading(false);
     }
@@ -32528,14 +33467,14 @@ var PinToMenuButton = ({ assistantId }) => {
     try {
       const json = await del(`/api/menu-items/${pinnedItemId}`);
       if (json.success) {
-        message19.success("Unpinned from menu");
+        message20.success("Unpinned from menu");
         setIsPinned(false);
         setPinnedItemId(null);
       } else {
-        message19.error(json.message || "Failed to unpin");
+        message20.error(json.message || "Failed to unpin");
       }
     } catch {
-      message19.error("Failed to unpin from menu");
+      message20.error("Failed to unpin from menu");
     } finally {
       setLoading(false);
     }
@@ -32547,19 +33486,19 @@ var PinToMenuButton = ({ assistantId }) => {
       setOpen(true);
     }
   };
-  return /* @__PURE__ */ jsxs89(Fragment25, { children: [
-    /* @__PURE__ */ jsx124(Tooltip26, { title: isPinned ? "Unpin from Menu" : "Pin to Menu", children: /* @__PURE__ */ jsx124(
-      Button56,
+  return /* @__PURE__ */ jsxs90(Fragment26, { children: [
+    /* @__PURE__ */ jsx125(Tooltip26, { title: isPinned ? "Unpin from Menu" : "Pin to Menu", children: /* @__PURE__ */ jsx125(
+      Button57,
       {
         type: "text",
         size: "small",
-        icon: isPinned ? /* @__PURE__ */ jsx124(Pin, { size: 14, fill: "currentColor" }) : /* @__PURE__ */ jsx124(Pin, { size: 14 }),
+        icon: isPinned ? /* @__PURE__ */ jsx125(Pin, { size: 14, fill: "currentColor" }) : /* @__PURE__ */ jsx125(Pin, { size: 14 }),
         onClick: handleClick,
         loading: checking || loading && isPinned
       }
     ) }),
-    /* @__PURE__ */ jsx124(
-      Modal21,
+    /* @__PURE__ */ jsx125(
+      Modal22,
       {
         title: "Pin to Menu",
         open,
@@ -32567,17 +33506,17 @@ var PinToMenuButton = ({ assistantId }) => {
         onCancel: () => setOpen(false),
         confirmLoading: loading,
         okText: "Pin",
-        children: /* @__PURE__ */ jsxs89("div", { style: MODAL_BODY_STYLE, children: [
-          /* @__PURE__ */ jsx124(
-            Input17,
+        children: /* @__PURE__ */ jsxs90("div", { style: MODAL_BODY_STYLE, children: [
+          /* @__PURE__ */ jsx125(
+            Input18,
             {
               placeholder: "Menu name (required)",
               value: name,
               onChange: (e) => setName(e.target.value)
             }
           ),
-          /* @__PURE__ */ jsx124(
-            Input17,
+          /* @__PURE__ */ jsx125(
+            Input18,
             {
               placeholder: "Group (optional, e.g. Process)",
               value: group,
@@ -32591,16 +33530,16 @@ var PinToMenuButton = ({ assistantId }) => {
 };
 
 // src/components/Chat/LatticeChat.tsx
-import { createStyles as createStyles39 } from "antd-style";
+import { createStyles as createStyles40 } from "antd-style";
 
 // src/components/Chat/ProjectSelector.tsx
-import { useState as useState79, useCallback as useCallback41, useMemo as useMemo35, useRef as useRef29 } from "react";
-import { Modal as Modal22, Input as Input18, Button as Button57, message as message20 } from "antd";
-import { createStyles as createStyles37 } from "antd-style";
+import { useState as useState80, useCallback as useCallback42, useMemo as useMemo36, useRef as useRef30 } from "react";
+import { Modal as Modal23, Input as Input19, Button as Button58, message as message21 } from "antd";
+import { createStyles as createStyles38 } from "antd-style";
 import { Folder, ChevronDown as ChevronDown6, Building2 as Building24 } from "lucide-react";
-import { Fragment as Fragment26, jsx as jsx125, jsxs as jsxs90 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx126, jsxs as jsxs91 } from "react/jsx-runtime";
 var PROJECT_NAME_MAX_LENGTH = 50;
-var useStyles20 = createStyles37(({ token, css }) => ({
+var useStyles21 = createStyles38(({ token, css }) => ({
   container: css`
     position: relative;
   `,
@@ -32820,7 +33759,7 @@ var useStyles20 = createStyles37(({ token, css }) => ({
 var ProjectSelector = ({
   disableDropdown = true
 }) => {
-  const { styles } = useStyles20();
+  const { styles } = useStyles21();
   const {
     workspaceId,
     workspaces,
@@ -32830,34 +33769,34 @@ var ProjectSelector = ({
     setProject,
     createProject
   } = useWorkspaceContext();
-  const [isWorkspaceListOpen, setIsWorkspaceListOpen] = useState79(false);
-  const workspaceDropdownRef = useRef29(null);
-  const [isProjectListOpen, setIsProjectListOpen] = useState79(false);
-  const [isModalOpen, setIsModalOpen] = useState79(false);
-  const [projectName, setProjectName] = useState79("");
-  const [validationError, setValidationError] = useState79(null);
-  const [isCreating, setIsCreating] = useState79(false);
-  const projectNameInputRef = useRef29(null);
-  const currentProject = useMemo35(() => {
+  const [isWorkspaceListOpen, setIsWorkspaceListOpen] = useState80(false);
+  const workspaceDropdownRef = useRef30(null);
+  const [isProjectListOpen, setIsProjectListOpen] = useState80(false);
+  const [isModalOpen, setIsModalOpen] = useState80(false);
+  const [projectName, setProjectName] = useState80("");
+  const [validationError, setValidationError] = useState80(null);
+  const [isCreating, setIsCreating] = useState80(false);
+  const projectNameInputRef = useRef30(null);
+  const currentProject = useMemo36(() => {
     return projects.find((p) => p.id === projectId);
   }, [projects, projectId]);
-  const currentWorkspace = useMemo35(() => {
+  const currentWorkspace = useMemo36(() => {
     return workspaces.find((w) => w.id === workspaceId);
   }, [workspaces, workspaceId]);
-  const handleSelectProject = useCallback41((selectedProjectId) => {
+  const handleSelectProject = useCallback42((selectedProjectId) => {
     setProject(selectedProjectId);
     setIsProjectListOpen(false);
   }, [setProject]);
-  const handleWorkspaceClick = useCallback41(() => {
+  const handleWorkspaceClick = useCallback42(() => {
     setProject(null);
   }, [setProject]);
-  const toggleProjectList = useCallback41(() => {
+  const toggleProjectList = useCallback42(() => {
     setIsProjectListOpen((prev) => !prev);
   }, []);
-  const toggleWorkspaceList = useCallback41(() => {
+  const toggleWorkspaceList = useCallback42(() => {
     setIsWorkspaceListOpen((prev) => !prev);
   }, []);
-  const validateProjectName = useCallback41((name) => {
+  const validateProjectName = useCallback42((name) => {
     const trimmed = name.trim();
     if (!trimmed) return "Project name is required";
     if (trimmed.length > PROJECT_NAME_MAX_LENGTH) {
@@ -32865,10 +33804,10 @@ var ProjectSelector = ({
     }
     return null;
   }, []);
-  const handleOpenModal = useCallback41((e) => {
+  const handleOpenModal = useCallback42((e) => {
     e.stopPropagation();
     if (!workspaceId) {
-      message20.warning("Please select a workspace first");
+      message21.warning("Please select a workspace first");
       return;
     }
     setProjectName("");
@@ -32876,7 +33815,7 @@ var ProjectSelector = ({
     setIsModalOpen(true);
     setTimeout(() => projectNameInputRef.current?.input?.focus(), 100);
   }, [workspaceId]);
-  const handleCloseModal = useCallback41(() => {
+  const handleCloseModal = useCallback42(() => {
     setIsModalOpen(false);
     setProjectName("");
     setValidationError(null);
@@ -32886,7 +33825,7 @@ var ProjectSelector = ({
     setProjectName(value);
     setValidationError(validateProjectName(value));
   };
-  const handleCreateProject = useCallback41(async () => {
+  const handleCreateProject = useCallback42(async () => {
     if (!workspaceId) return;
     const trimmed = projectName.trim();
     const error = validateProjectName(trimmed);
@@ -32902,7 +33841,7 @@ var ProjectSelector = ({
       setProjectName("");
       setValidationError(null);
       setProject(project.id);
-      message20.success(`Project "${project.name}" created`);
+      message21.success(`Project "${project.name}" created`);
     } catch (err) {
       const errMsg = err instanceof Error ? err.message : "Failed to create project";
       setValidationError(errMsg);
@@ -32918,49 +33857,49 @@ var ProjectSelector = ({
     }
   };
   const isProjectNameValid = !validateProjectName(projectName.trim());
-  return /* @__PURE__ */ jsxs90(Fragment26, { children: [
-    /* @__PURE__ */ jsx125("div", { className: styles.container, children: /* @__PURE__ */ jsxs90("div", { className: styles.selectorWrapper, children: [
-      /* @__PURE__ */ jsx125("div", { style: { position: "relative" }, ref: workspaceDropdownRef, children: /* @__PURE__ */ jsx125(
+  return /* @__PURE__ */ jsxs91(Fragment27, { children: [
+    /* @__PURE__ */ jsx126("div", { className: styles.container, children: /* @__PURE__ */ jsxs91("div", { className: styles.selectorWrapper, children: [
+      /* @__PURE__ */ jsx126("div", { style: { position: "relative" }, ref: workspaceDropdownRef, children: /* @__PURE__ */ jsx126(
         "button",
         {
           className: styles.workspaceButton,
           onClick: handleWorkspaceClick,
           title: currentWorkspace?.name || "Select Workspace",
-          children: /* @__PURE__ */ jsx125("div", { className: styles.workspaceButtonIcon, children: /* @__PURE__ */ jsx125(Building24, { size: 16 }) })
+          children: /* @__PURE__ */ jsx126("div", { className: styles.workspaceButtonIcon, children: /* @__PURE__ */ jsx126(Building24, { size: 16 }) })
         }
       ) }),
-      /* @__PURE__ */ jsx125("span", { className: styles.divider, children: "/" }),
-      /* @__PURE__ */ jsxs90(
+      /* @__PURE__ */ jsx126("span", { className: styles.divider, children: "/" }),
+      /* @__PURE__ */ jsxs91(
         "div",
         {
           className: styles.projectTrigger,
           onClick: disableDropdown ? void 0 : toggleProjectList,
           style: { cursor: disableDropdown ? "default" : "pointer" },
           children: [
-            /* @__PURE__ */ jsx125("div", { className: styles.projectTriggerIcon, children: /* @__PURE__ */ jsx125(Folder, { size: 16 }) }),
-            /* @__PURE__ */ jsx125("div", { className: styles.projectTriggerInfo, children: /* @__PURE__ */ jsx125("div", { className: styles.projectTriggerName, children: currentProject?.name || "Select Project" }) }),
-            !disableDropdown && /* @__PURE__ */ jsx125("div", { className: `${styles.projectTriggerArrow} ${isProjectListOpen ? "expanded" : ""}`, children: /* @__PURE__ */ jsx125(ChevronDown6, { size: 14 }) })
+            /* @__PURE__ */ jsx126("div", { className: styles.projectTriggerIcon, children: /* @__PURE__ */ jsx126(Folder, { size: 16 }) }),
+            /* @__PURE__ */ jsx126("div", { className: styles.projectTriggerInfo, children: /* @__PURE__ */ jsx126("div", { className: styles.projectTriggerName, children: currentProject?.name || "Select Project" }) }),
+            !disableDropdown && /* @__PURE__ */ jsx126("div", { className: `${styles.projectTriggerArrow} ${isProjectListOpen ? "expanded" : ""}`, children: /* @__PURE__ */ jsx126(ChevronDown6, { size: 14 }) })
           ]
         }
       ),
-      !disableDropdown && isProjectListOpen && /* @__PURE__ */ jsxs90("div", { className: styles.projectDropdown, children: [
-        projects.map((project) => /* @__PURE__ */ jsxs90(
+      !disableDropdown && isProjectListOpen && /* @__PURE__ */ jsxs91("div", { className: styles.projectDropdown, children: [
+        projects.map((project) => /* @__PURE__ */ jsxs91(
           "div",
           {
             className: `${styles.projectDropdownItem} ${project.id === projectId ? "active" : ""}`,
             onClick: () => handleSelectProject(project.id),
             children: [
-              /* @__PURE__ */ jsx125("div", { className: styles.projectDropdownItemIcon, children: /* @__PURE__ */ jsx125(Folder, { size: 14 }) }),
-              /* @__PURE__ */ jsx125("div", { className: project.id === projectId ? styles.projectDropdownItemNameActive : styles.projectDropdownItemName, children: project.name })
+              /* @__PURE__ */ jsx126("div", { className: styles.projectDropdownItemIcon, children: /* @__PURE__ */ jsx126(Folder, { size: 14 }) }),
+              /* @__PURE__ */ jsx126("div", { className: project.id === projectId ? styles.projectDropdownItemNameActive : styles.projectDropdownItemName, children: project.name })
             ]
           },
           project.id
         )),
-        projects.length === 0 && /* @__PURE__ */ jsx125("div", { className: styles.emptyState, children: "No projects" })
+        projects.length === 0 && /* @__PURE__ */ jsx126("div", { className: styles.emptyState, children: "No projects" })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs90(
-      Modal22,
+    /* @__PURE__ */ jsxs91(
+      Modal23,
       {
         title: "Create New Project",
         open: isModalOpen,
@@ -32971,10 +33910,10 @@ var ProjectSelector = ({
         maskClosable: !isCreating,
         keyboard: true,
         closable: true,
-        footer: /* @__PURE__ */ jsxs90("div", { className: styles.modalFooter, children: [
-          /* @__PURE__ */ jsx125(Button57, { onClick: handleCloseModal, disabled: isCreating, children: "Cancel" }),
-          /* @__PURE__ */ jsx125(
-            Button57,
+        footer: /* @__PURE__ */ jsxs91("div", { className: styles.modalFooter, children: [
+          /* @__PURE__ */ jsx126(Button58, { onClick: handleCloseModal, disabled: isCreating, children: "Cancel" }),
+          /* @__PURE__ */ jsx126(
+            Button58,
             {
               type: "primary",
               onClick: handleCreateProject,
@@ -32985,8 +33924,8 @@ var ProjectSelector = ({
           )
         ] }),
         children: [
-          /* @__PURE__ */ jsx125(
-            Input18,
+          /* @__PURE__ */ jsx126(
+            Input19,
             {
               ref: projectNameInputRef,
               value: projectName,
@@ -32997,7 +33936,7 @@ var ProjectSelector = ({
               status: validationError ? "error" : void 0
             }
           ),
-          validationError && /* @__PURE__ */ jsx125("div", { style: { color: "#ff4d4f", fontSize: "12px", marginTop: "4px" }, children: validationError })
+          validationError && /* @__PURE__ */ jsx126("div", { style: { color: "#ff4d4f", fontSize: "12px", marginTop: "4px" }, children: validationError })
         ]
       }
     )
@@ -33005,16 +33944,16 @@ var ProjectSelector = ({
 };
 
 // src/components/Chat/ToolPanelFiles.tsx
-import { useCallback as useCallback42, useEffect as useEffect55, useMemo as useMemo36, useState as useState80 } from "react";
-import { message as message21 } from "antd";
+import { useCallback as useCallback43, useEffect as useEffect56, useMemo as useMemo37, useState as useState81 } from "react";
+import { message as message22 } from "antd";
 
 // src/components/Chat/FileDirectoryPanel.tsx
-import React73 from "react";
-import { Spin as Spin22 } from "antd";
+import React74 from "react";
+import { Spin as Spin23 } from "antd";
 import { ChevronRight as ChevronRight8, FolderOpen as FolderOpen4, Upload } from "lucide-react";
-import { createStyles as createStyles38 } from "antd-style";
-import { Fragment as Fragment27, jsx as jsx126, jsxs as jsxs91 } from "react/jsx-runtime";
-var useStyles21 = createStyles38(({ token, css }) => ({
+import { createStyles as createStyles39 } from "antd-style";
+import { Fragment as Fragment28, jsx as jsx127, jsxs as jsxs92 } from "react/jsx-runtime";
+var useStyles22 = createStyles39(({ token, css }) => ({
   container: css`
     height: 100%;
     overflow-y: auto;
@@ -33240,27 +34179,27 @@ var FileDirectoryPanel = ({
   onToggleDirectory,
   onAssetClick
 }) => {
-  const { styles } = useStyles21();
-  const renderEntry = React73.useCallback((entry, depth) => {
+  const { styles } = useStyles22();
+  const renderEntry = React74.useCallback((entry, depth) => {
     const entryName = getEntryName(entry);
     if (entry.is_dir) {
       const isExpanded = directoryExpanded[entry.path] || false;
       const children = directoryChildren[entry.path] || [];
       const isLoading = directoryLoading[entry.path] || false;
-      return /* @__PURE__ */ jsxs91("div", { className: styles.treeChildren, children: [
-        /* @__PURE__ */ jsxs91("div", { className: styles.treeRow, children: [
-          Array.from({ length: depth }).map((_, index) => /* @__PURE__ */ jsx126("span", { className: styles.treeIndent }, `${entry.path}-indent-${index}`)),
-          /* @__PURE__ */ jsx126(
+      return /* @__PURE__ */ jsxs92("div", { className: styles.treeChildren, children: [
+        /* @__PURE__ */ jsxs92("div", { className: styles.treeRow, children: [
+          Array.from({ length: depth }).map((_, index) => /* @__PURE__ */ jsx127("span", { className: styles.treeIndent }, `${entry.path}-indent-${index}`)),
+          /* @__PURE__ */ jsx127(
             "button",
             {
               type: "button",
               className: styles.treeToggle,
               "aria-label": `${isExpanded ? "collapse" : "expand"} ${entryName}`,
               onClick: () => void onToggleDirectory(entry.path),
-              children: /* @__PURE__ */ jsx126(ChevronRight8, { size: 14, style: { transform: isExpanded ? "rotate(90deg)" : void 0 } })
+              children: /* @__PURE__ */ jsx127(ChevronRight8, { size: 14, style: { transform: isExpanded ? "rotate(90deg)" : void 0 } })
             }
           ),
-          /* @__PURE__ */ jsxs91(
+          /* @__PURE__ */ jsxs92(
             "button",
             {
               type: "button",
@@ -33269,19 +34208,19 @@ var FileDirectoryPanel = ({
               onClick: () => void onToggleDirectory(entry.path),
               title: entryName,
               children: [
-                /* @__PURE__ */ jsx126("div", { className: styles.assetIcon, children: /* @__PURE__ */ jsx126(FolderOpen4, { size: 14 }) }),
-                /* @__PURE__ */ jsx126("div", { className: styles.assetInfo, children: /* @__PURE__ */ jsx126("div", { className: styles.assetName, children: entryName }) })
+                /* @__PURE__ */ jsx127("div", { className: styles.assetIcon, children: /* @__PURE__ */ jsx127(FolderOpen4, { size: 14 }) }),
+                /* @__PURE__ */ jsx127("div", { className: styles.assetInfo, children: /* @__PURE__ */ jsx127("div", { className: styles.assetName, children: entryName }) })
               ]
             }
           )
         ] }),
-        isExpanded ? isLoading ? /* @__PURE__ */ jsx126("div", { className: styles.loading, children: /* @__PURE__ */ jsx126(Spin22, { size: "small" }) }) : children.length > 0 ? children.map((child) => renderEntry(child, depth + 1)) : /* @__PURE__ */ jsx126("div", { className: styles.emptyState, children: "No files in this folder" }) : null
+        isExpanded ? isLoading ? /* @__PURE__ */ jsx127("div", { className: styles.loading, children: /* @__PURE__ */ jsx127(Spin23, { size: "small" }) }) : children.length > 0 ? children.map((child) => renderEntry(child, depth + 1)) : /* @__PURE__ */ jsx127("div", { className: styles.emptyState, children: "No files in this folder" }) : null
       ] }, entry.path);
     }
-    return /* @__PURE__ */ jsxs91("div", { className: styles.treeRow, children: [
-      Array.from({ length: depth }).map((_, index) => /* @__PURE__ */ jsx126("span", { className: styles.treeIndent }, `${entry.path}-indent-${index}`)),
-      /* @__PURE__ */ jsx126("span", { className: styles.treeSpacer }),
-      /* @__PURE__ */ jsxs91(
+    return /* @__PURE__ */ jsxs92("div", { className: styles.treeRow, children: [
+      Array.from({ length: depth }).map((_, index) => /* @__PURE__ */ jsx127("span", { className: styles.treeIndent }, `${entry.path}-indent-${index}`)),
+      /* @__PURE__ */ jsx127("span", { className: styles.treeSpacer }),
+      /* @__PURE__ */ jsxs92(
         "button",
         {
           type: "button",
@@ -33290,10 +34229,10 @@ var FileDirectoryPanel = ({
           "aria-label": `open ${entryName}`,
           title: entryName,
           children: [
-            /* @__PURE__ */ jsx126("div", { className: styles.assetIcon, children: getFileIcon(entryName) }),
-            /* @__PURE__ */ jsxs91("div", { className: styles.assetInfo, children: [
-              /* @__PURE__ */ jsx126("div", { className: styles.assetName, children: entryName }),
-              /* @__PURE__ */ jsx126("div", { className: styles.assetMeta, children: formatDate5(entry.modified_at) })
+            /* @__PURE__ */ jsx127("div", { className: styles.assetIcon, children: getFileIcon(entryName) }),
+            /* @__PURE__ */ jsxs92("div", { className: styles.assetInfo, children: [
+              /* @__PURE__ */ jsx127("div", { className: styles.assetName, children: entryName }),
+              /* @__PURE__ */ jsx127("div", { className: styles.assetMeta, children: formatDate5(entry.modified_at) })
             ] })
           ]
         }
@@ -33301,20 +34240,20 @@ var FileDirectoryPanel = ({
     ] }, entry.path);
   }, [directoryChildren, directoryExpanded, directoryLoading, onAssetClick, onToggleDirectory, styles]);
   if (!projectId) {
-    return /* @__PURE__ */ jsx126("div", { className: styles.emptyState, children: "Please select a project to browse files" });
+    return /* @__PURE__ */ jsx127("div", { className: styles.emptyState, children: "Please select a project to browse files" });
   }
-  return /* @__PURE__ */ jsxs91("div", { className: styles.container, children: [
-    /* @__PURE__ */ jsxs91("h3", { className: styles.header, children: [
-      /* @__PURE__ */ jsx126(FolderOpen4, { size: 16 }),
-      /* @__PURE__ */ jsx126("span", { children: "Files" })
+  return /* @__PURE__ */ jsxs92("div", { className: styles.container, children: [
+    /* @__PURE__ */ jsxs92("h3", { className: styles.header, children: [
+      /* @__PURE__ */ jsx127(FolderOpen4, { size: 16 }),
+      /* @__PURE__ */ jsx127("span", { children: "Files" })
     ] }),
     resourceFolders.map((folder) => {
       const entries = folderEntries[folder.name] || [];
       const isLoading = folderLoading[folder.name] || false;
       const itemCount = entries.length;
-      return /* @__PURE__ */ jsxs91("div", { className: styles.section, children: [
-        /* @__PURE__ */ jsxs91("div", { className: styles.sectionHeader, children: [
-          /* @__PURE__ */ jsx126(
+      return /* @__PURE__ */ jsxs92("div", { className: styles.section, children: [
+        /* @__PURE__ */ jsxs92("div", { className: styles.sectionHeader, children: [
+          /* @__PURE__ */ jsx127(
             "span",
             {
               className: styles.sectionTitle,
@@ -33323,24 +34262,24 @@ var FileDirectoryPanel = ({
               children: folder.displayName || folder.name
             }
           ),
-          /* @__PURE__ */ jsx126("span", { className: styles.badge, children: itemCount })
+          /* @__PURE__ */ jsx127("span", { className: styles.badge, children: itemCount })
         ] }),
-        isLoading ? /* @__PURE__ */ jsx126("div", { className: styles.loading, children: /* @__PURE__ */ jsx126(Spin22, { size: "small" }) }) : /* @__PURE__ */ jsxs91("div", { className: styles.assetList, children: [
+        isLoading ? /* @__PURE__ */ jsx127("div", { className: styles.loading, children: /* @__PURE__ */ jsx127(Spin23, { size: "small" }) }) : /* @__PURE__ */ jsxs92("div", { className: styles.assetList, children: [
           entries.map((entry) => renderEntry(entry, 0)),
-          entries.length === 0 ? /* @__PURE__ */ jsx126("div", { className: styles.emptyState, children: "No files in this folder" }) : null,
-          folder.allowUpload ? /* @__PURE__ */ jsx126(
+          entries.length === 0 ? /* @__PURE__ */ jsx127("div", { className: styles.emptyState, children: "No files in this folder" }) : null,
+          folder.allowUpload ? /* @__PURE__ */ jsx127(
             "button",
             {
               type: "button",
               className: styles.uploadBtn,
               onClick: () => void onUploadFolder(folder.name),
               disabled: !workspaceId || !projectId || uploadingFolder === folder.name,
-              children: uploadingFolder === folder.name ? /* @__PURE__ */ jsxs91(Fragment27, { children: [
-                /* @__PURE__ */ jsx126(Spin22, { size: "small" }),
-                /* @__PURE__ */ jsx126("span", { children: "Uploading..." })
-              ] }) : /* @__PURE__ */ jsxs91(Fragment27, { children: [
-                /* @__PURE__ */ jsx126(Upload, { size: 14 }),
-                /* @__PURE__ */ jsx126("span", { children: "Upload" })
+              children: uploadingFolder === folder.name ? /* @__PURE__ */ jsxs92(Fragment28, { children: [
+                /* @__PURE__ */ jsx127(Spin23, { size: "small" }),
+                /* @__PURE__ */ jsx127("span", { children: "Uploading..." })
+              ] }) : /* @__PURE__ */ jsxs92(Fragment28, { children: [
+                /* @__PURE__ */ jsx127(Upload, { size: 14 }),
+                /* @__PURE__ */ jsx127("span", { children: "Upload" })
               ] })
             }
           ) : null
@@ -33351,7 +34290,7 @@ var FileDirectoryPanel = ({
 };
 
 // src/components/Chat/ToolPanelFiles.tsx
-import { jsx as jsx127 } from "react/jsx-runtime";
+import { jsx as jsx128 } from "react/jsx-runtime";
 var ToolPanelFiles = () => {
   const { config } = useLatticeChatShellContext();
   const { openSideApp } = useChatUIContext();
@@ -33364,16 +34303,16 @@ var ToolPanelFiles = () => {
     uploadFileToFolder
   } = useWorkspaceContext();
   const { currentAssistant } = useAssistantContext();
-  const [folderEntries, setFolderEntries] = useState80({});
-  const [folderLoading, setFolderLoading] = useState80({});
-  const [directoryChildren, setDirectoryChildren] = useState80({});
-  const [directoryLoading, setDirectoryLoading] = useState80({});
-  const [directoryExpanded, setDirectoryExpanded] = useState80({});
-  const [uploadingFolder, setUploadingFolder] = useState80(null);
-  const resourceFolders = useMemo36(() => {
+  const [folderEntries, setFolderEntries] = useState81({});
+  const [folderLoading, setFolderLoading] = useState81({});
+  const [directoryChildren, setDirectoryChildren] = useState81({});
+  const [directoryLoading, setDirectoryLoading] = useState81({});
+  const [directoryExpanded, setDirectoryExpanded] = useState81({});
+  const [uploadingFolder, setUploadingFolder] = useState81(null);
+  const resourceFolders = useMemo37(() => {
     return config.resourceFolders && config.resourceFolders.length > 0 ? config.resourceFolders : [{ name: "/", displayName: "Project Assets", allowUpload: true }];
   }, [config.resourceFolders]);
-  const loadAssetsForFolder = useCallback42(
+  const loadAssetsForFolder = useCallback43(
     async (folder, clearSubdirectoryCache = true) => {
       if (!workspaceId || !projectId) {
         setFolderEntries((prev) => ({ ...prev, [folder.name]: [] }));
@@ -33413,7 +34352,7 @@ var ToolPanelFiles = () => {
     },
     [workspaceId, projectId, listPathByFolder, currentAssistant?.id]
   );
-  const handleToggleDirectory = useCallback42(async (path) => {
+  const handleToggleDirectory = useCallback43(async (path) => {
     const isExpanded = directoryExpanded[path] || false;
     if (isExpanded) {
       setDirectoryExpanded((prev) => ({ ...prev, [path]: false }));
@@ -33431,15 +34370,15 @@ var ToolPanelFiles = () => {
       setDirectoryLoading((prev) => ({ ...prev, [path]: false }));
     }
   }, [directoryExpanded, listPath, currentAssistant?.id]);
-  useEffect55(() => {
+  useEffect56(() => {
     resourceFolders.forEach((folder) => {
       void loadAssetsForFolder(folder, false);
     });
   }, [resourceFolders, loadAssetsForFolder]);
-  const handleAssetClick = useCallback42((asset) => {
+  const handleAssetClick = useCallback43((asset) => {
     const fileUrl = getFileViewUrl(asset.path, currentAssistant?.id);
     if (!fileUrl) {
-      message21.warning("Please select a workspace and project first.");
+      message22.warning("Please select a workspace and project first.");
       return;
     }
     openSideApp({
@@ -33452,9 +34391,9 @@ var ToolPanelFiles = () => {
       message: `Preview: ${asset.name || asset.path}`
     });
   }, [getFileViewUrl, openSideApp, currentAssistant?.id]);
-  const handleUploadFolder = useCallback42(async (folderName) => {
+  const handleUploadFolder = useCallback43(async (folderName) => {
     if (!workspaceId || !projectId) {
-      message21.warning("Please select a workspace and project before uploading.");
+      message22.warning("Please select a workspace and project before uploading.");
       return;
     }
     const input = document.createElement("input");
@@ -33468,14 +34407,14 @@ var ToolPanelFiles = () => {
       setUploadingFolder(folderName);
       try {
         await uploadFileToFolder(folderName, file, currentAssistant?.id);
-        message21.success(`Uploaded "${file.name}" successfully`);
+        message22.success(`Uploaded "${file.name}" successfully`);
         const folder = resourceFolders.find((item) => item.name === folderName);
         if (folder) {
           await loadAssetsForFolder(folder);
         }
       } catch (error) {
         const errMsg = error instanceof Error ? error.message : "Failed to upload file";
-        message21.error(errMsg);
+        message22.error(errMsg);
       } finally {
         setUploadingFolder(null);
         input.remove();
@@ -33483,7 +34422,7 @@ var ToolPanelFiles = () => {
     };
     input.click();
   }, [workspaceId, projectId, uploadFileToFolder, resourceFolders, loadAssetsForFolder, currentAssistant?.id]);
-  return /* @__PURE__ */ jsx127(
+  return /* @__PURE__ */ jsx128(
     FileDirectoryPanel,
     {
       workspaceId,
@@ -33504,8 +34443,8 @@ var ToolPanelFiles = () => {
 };
 
 // src/components/Chat/LatticeChat.tsx
-import { Fragment as Fragment28, jsx as jsx128, jsxs as jsxs92 } from "react/jsx-runtime";
-var useStyles22 = createStyles39(({ css }) => ({
+import { Fragment as Fragment29, jsx as jsx129, jsxs as jsxs93 } from "react/jsx-runtime";
+var useStyles23 = createStyles40(({ css }) => ({
   wrapper: css`
     display: flex;
     flex-direction: column;
@@ -33535,31 +34474,31 @@ var useStyles22 = createStyles39(({ css }) => ({
 var LatticeChatContent = (props) => {
   const { assistant_id: assistantId, thread_id = "", menu, header, headerRight, showProjectSelector, emptyPlaceholder, ...chatingProps } = props;
   const { config } = useLatticeChatShellContext();
-  const { styles } = useStyles22();
+  const { styles } = useStyles23();
   const showWorkspaceSelector = showProjectSelector ?? config.enableWorkspace;
-  const layoutHeader = /* @__PURE__ */ jsxs92("div", { className: styles.headerBar, children: [
-    /* @__PURE__ */ jsx128("div", { className: styles.headerLeft, children: showWorkspaceSelector ? /* @__PURE__ */ jsx128(ProjectSelector, {}) : null }),
-    /* @__PURE__ */ jsx128("div", { className: styles.headerRight, children: headerRight !== void 0 ? headerRight : /* @__PURE__ */ jsxs92(Fragment28, { children: [
-      /* @__PURE__ */ jsx128(PinToMenuButton, { assistantId }),
-      /* @__PURE__ */ jsx128(FilePanelToggle, {})
+  const layoutHeader = /* @__PURE__ */ jsxs93("div", { className: styles.headerBar, children: [
+    /* @__PURE__ */ jsx129("div", { className: styles.headerLeft, children: showWorkspaceSelector ? /* @__PURE__ */ jsx129(ProjectSelector, {}) : null }),
+    /* @__PURE__ */ jsx129("div", { className: styles.headerRight, children: headerRight !== void 0 ? headerRight : /* @__PURE__ */ jsxs93(Fragment29, { children: [
+      /* @__PURE__ */ jsx129(PinToMenuButton, { assistantId }),
+      /* @__PURE__ */ jsx129(FilePanelToggle, {})
     ] }) })
   ] });
-  return /* @__PURE__ */ jsxs92("div", { className: styles.wrapper, children: [
+  return /* @__PURE__ */ jsxs93("div", { className: styles.wrapper, children: [
     header,
-    /* @__PURE__ */ jsx128(
+    /* @__PURE__ */ jsx129(
       ColumnLayout,
       {
         menu,
         header: layoutHeader,
-        main: thread_id ? /* @__PURE__ */ jsx128(Chating, { ...chatingProps }) : emptyPlaceholder ?? /* @__PURE__ */ jsx128("div", { children: "Please create a conversation first" }),
-        detail: /* @__PURE__ */ jsx128(SideAppViewBrowser, {}),
-        tools: /* @__PURE__ */ jsx128(ToolPanelFiles, {})
+        main: thread_id ? /* @__PURE__ */ jsx129(Chating, { ...chatingProps }) : emptyPlaceholder ?? /* @__PURE__ */ jsx129("div", { children: "Please create a conversation first" }),
+        detail: /* @__PURE__ */ jsx129(SideAppViewBrowser, {}),
+        tools: /* @__PURE__ */ jsx129(ToolPanelFiles, {})
       }
     )
   ] });
 };
 var LatticeChat = (props) => {
-  return /* @__PURE__ */ jsx128(
+  return /* @__PURE__ */ jsx129(
     AgentThreadProvider,
     {
       assistantId: props.assistant_id,
@@ -33569,7 +34508,7 @@ var LatticeChat = (props) => {
         enableReturnStateWhenStreamCompleted: true,
         enableResumeStream: true
       },
-      children: /* @__PURE__ */ jsx128(ChatUIContextProvider, { children: /* @__PURE__ */ jsx128(LatticeChatContent, { ...props }) })
+      children: /* @__PURE__ */ jsx129(ChatUIContextProvider, { children: /* @__PURE__ */ jsx129(LatticeChatContent, { ...props }) })
     }
   );
 };
@@ -33578,8 +34517,8 @@ var LatticeChat = (props) => {
 import { useContext as useContext12 } from "react";
 
 // src/components/Chat/ChatSidebar.tsx
-import { useState as useState81, useMemo as useMemo37, useCallback as useCallback44 } from "react";
-import { Drawer as Drawer3, Avatar as Avatar13, Popover as Popover4, Button as Button58 } from "antd";
+import { useState as useState82, useMemo as useMemo38, useCallback as useCallback45 } from "react";
+import { Drawer as Drawer3, Avatar as Avatar13, Popover as Popover4, Button as Button59 } from "antd";
 import {
   History as History2,
   LogOut as LogOut4,
@@ -33589,12 +34528,12 @@ import {
 } from "lucide-react";
 
 // src/components/Chat/ThreadHistoryMenuContent.tsx
-import React75, { useCallback as useCallback43 } from "react";
-import { createStyles as createStyles40 } from "antd-style";
-import { MessageSquare as MessageSquare4, Trash2 as Trash29 } from "lucide-react";
-import { message as message22, Modal as Modal23 } from "antd";
-import { jsx as jsx129, jsxs as jsxs93 } from "react/jsx-runtime";
-var useStyles23 = createStyles40(({ token, css }) => ({
+import React76, { useCallback as useCallback44 } from "react";
+import { createStyles as createStyles41 } from "antd-style";
+import { MessageSquare as MessageSquare4, Trash2 as Trash210 } from "lucide-react";
+import { message as message23, Modal as Modal24 } from "antd";
+import { jsx as jsx130, jsxs as jsxs94 } from "react/jsx-runtime";
+var useStyles24 = createStyles41(({ token, css }) => ({
   container: css`
     padding: 4px;
     font-size: 13px;
@@ -33695,7 +34634,7 @@ var useStyles23 = createStyles40(({ token, css }) => ({
   `
 }));
 var ThreadHistoryMenuContent = () => {
-  const { styles } = useStyles23();
+  const { styles } = useStyles24();
   const {
     threads,
     threadId,
@@ -33703,10 +34642,10 @@ var ThreadHistoryMenuContent = () => {
     deleteThread,
     isLoading
   } = useConversationContext();
-  const handleDeleteThread = useCallback43(
+  const handleDeleteThread = useCallback44(
     async (e, threadIdToDelete) => {
       e.stopPropagation();
-      Modal23.confirm({
+      Modal24.confirm({
         title: "Delete Conversation",
         content: "Are you sure you want to delete this conversation? This action cannot be undone.",
         okText: "Delete",
@@ -33715,16 +34654,16 @@ var ThreadHistoryMenuContent = () => {
         onOk: async () => {
           try {
             await deleteThread(threadIdToDelete);
-            message22.success("Conversation deleted");
+            message23.success("Conversation deleted");
           } catch (error) {
-            message22.error("Failed to delete conversation");
+            message23.error("Failed to delete conversation");
           }
         }
       });
     },
     [deleteThread]
   );
-  const sortedThreads = React75.useMemo(() => {
+  const sortedThreads = React76.useMemo(() => {
     return [...threads].sort((a, b) => {
       const dateA = a.updatedAt ? new Date(a.updatedAt).getTime() : 0;
       const dateB = b.updatedAt ? new Date(b.updatedAt).getTime() : 0;
@@ -33732,30 +34671,30 @@ var ThreadHistoryMenuContent = () => {
     });
   }, [threads]);
   if (isLoading) {
-    return /* @__PURE__ */ jsx129("div", { className: styles.container, children: /* @__PURE__ */ jsx129("div", { className: styles.loading, children: "Loading conversations..." }) });
+    return /* @__PURE__ */ jsx130("div", { className: styles.container, children: /* @__PURE__ */ jsx130("div", { className: styles.loading, children: "Loading conversations..." }) });
   }
-  return /* @__PURE__ */ jsx129("div", { className: styles.container, children: sortedThreads.length === 0 ? /* @__PURE__ */ jsx129("div", { className: styles.emptyState, children: "No conversations yet" }) : /* @__PURE__ */ jsx129("div", { className: styles.threadList, children: sortedThreads.map((thread) => /* @__PURE__ */ jsxs93(
+  return /* @__PURE__ */ jsx130("div", { className: styles.container, children: sortedThreads.length === 0 ? /* @__PURE__ */ jsx130("div", { className: styles.emptyState, children: "No conversations yet" }) : /* @__PURE__ */ jsx130("div", { className: styles.threadList, children: sortedThreads.map((thread) => /* @__PURE__ */ jsxs94(
     "div",
     {
       className: `${styles.threadItem} ${thread.id === threadId ? "active" : ""}`,
       onClick: () => selectThread(thread.id),
       title: thread.label,
       children: [
-        /* @__PURE__ */ jsx129("div", { className: styles.threadIcon, children: /* @__PURE__ */ jsx129(MessageSquare4, { size: 14 }) }),
-        /* @__PURE__ */ jsx129(
+        /* @__PURE__ */ jsx130("div", { className: styles.threadIcon, children: /* @__PURE__ */ jsx130(MessageSquare4, { size: 14 }) }),
+        /* @__PURE__ */ jsx130(
           "div",
           {
             className: thread.id === threadId ? styles.threadNameActive : styles.threadName,
             children: thread.label
           }
         ),
-        /* @__PURE__ */ jsx129(
+        /* @__PURE__ */ jsx130(
           "button",
           {
             className: styles.deleteBtn,
             onClick: (e) => handleDeleteThread(e, thread.id),
             title: "Delete conversation",
-            children: /* @__PURE__ */ jsx129(Trash29, { size: 12 })
+            children: /* @__PURE__ */ jsx130(Trash210, { size: 12 })
           }
         )
       ]
@@ -33765,7 +34704,7 @@ var ThreadHistoryMenuContent = () => {
 };
 
 // src/components/Chat/ChatSidebar.tsx
-import { Fragment as Fragment29, jsx as jsx130, jsxs as jsxs94 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx131, jsxs as jsxs95 } from "react/jsx-runtime";
 var DRAWER_STYLES2 = {
   wrapper: {
     background: "transparent",
@@ -33790,7 +34729,7 @@ var DEFAULT_MENU_ITEMS = [
     builtin: "new-analysis",
     type: "action",
     name: "New Analysis",
-    icon: /* @__PURE__ */ jsx130(PlusCircle, { size: 20 }),
+    icon: /* @__PURE__ */ jsx131(PlusCircle, { size: 20 }),
     order: 0
   },
   {
@@ -33798,13 +34737,13 @@ var DEFAULT_MENU_ITEMS = [
     builtin: "thread-history",
     type: "drawer",
     name: "History",
-    icon: /* @__PURE__ */ jsx130(History2, { size: 20 }),
+    icon: /* @__PURE__ */ jsx131(History2, { size: 20 }),
     order: 1,
     title: "Conversation History",
     width: 320,
     inline: true,
     inlineDefaultExpanded: true,
-    content: /* @__PURE__ */ jsx130(ThreadHistoryMenuContent, {})
+    content: /* @__PURE__ */ jsx131(ThreadHistoryMenuContent, {})
   }
 ];
 var ChatSidebar = ({
@@ -33816,8 +34755,8 @@ var ChatSidebar = ({
   const { sideAppVisible, menuCollapsed, setMenuCollapsed } = useChatUIContext();
   const { user, logout } = useAuth();
   const { createThread } = useConversationContext();
-  const [drawerStates, setDrawerStates] = useState81({});
-  const [changePasswordOpen, setChangePasswordOpen] = useState81(false);
+  const [drawerStates, setDrawerStates] = useState82({});
+  const [changePasswordOpen, setChangePasswordOpen] = useState82(false);
   const {
     sidebarMode,
     sidebarShowToggle,
@@ -33826,11 +34765,11 @@ var ChatSidebar = ({
     sidebarLogoIcon
   } = config;
   const isExpandedMode = sidebarMode === "expanded";
-  const menuItems = useMemo37(() => {
+  const menuItems = useMemo38(() => {
     const items = customMenuItems.length > 0 ? [...customMenuItems] : [...DEFAULT_MENU_ITEMS];
     return items.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
   }, [customMenuItems]);
-  const handleMenuClick = useCallback44(async (item) => {
+  const handleMenuClick = useCallback45(async (item) => {
     if (item.builtin === "settings") {
       setSettingsModalOpen(true);
       onSettingsClick?.();
@@ -33853,44 +34792,44 @@ var ChatSidebar = ({
       }
     }
   }, [onSettingsClick, setSettingsModalOpen, createThread, logout]);
-  const handleCloseDrawer = useCallback44((itemId) => {
+  const handleCloseDrawer = useCallback45((itemId) => {
     setDrawerStates((prev) => ({ ...prev, [itemId]: false }));
   }, []);
-  const handleNewAnalysis = useCallback44(async () => {
+  const handleNewAnalysis = useCallback45(async () => {
     try {
       await createThread("New Analysis");
     } catch (error) {
       console.error("Failed to create new thread:", error);
     }
   }, [createThread]);
-  const renderDrawerContent = useCallback44((item) => {
+  const renderDrawerContent = useCallback45((item) => {
     switch (item.builtin) {
       case "thread-history":
-        return /* @__PURE__ */ jsx130(ThreadHistoryMenuContent, {});
+        return /* @__PURE__ */ jsx131(ThreadHistoryMenuContent, {});
       default:
         return item.content;
     }
   }, []);
-  const userMenuItems = /* @__PURE__ */ jsxs94("div", { style: { minWidth: 160 }, children: [
-    /* @__PURE__ */ jsxs94("div", { style: { padding: "8px 12px", borderBottom: "1px solid #f0f0f0" }, children: [
-      /* @__PURE__ */ jsx130("div", { style: { fontWeight: 500 }, children: user?.name || user?.email }),
-      /* @__PURE__ */ jsx130("div", { style: { fontSize: 12, color: "#666" }, children: user?.email })
+  const userMenuItems = /* @__PURE__ */ jsxs95("div", { style: { minWidth: 160 }, children: [
+    /* @__PURE__ */ jsxs95("div", { style: { padding: "8px 12px", borderBottom: "1px solid #f0f0f0" }, children: [
+      /* @__PURE__ */ jsx131("div", { style: { fontWeight: 500 }, children: user?.name || user?.email }),
+      /* @__PURE__ */ jsx131("div", { style: { fontSize: 12, color: "#666" }, children: user?.email })
     ] }),
-    /* @__PURE__ */ jsxs94(
-      Button58,
+    /* @__PURE__ */ jsxs95(
+      Button59,
       {
         type: "text",
         block: true,
         style: { justifyContent: "flex-start", padding: "8px 12px" },
         onClick: () => setChangePasswordOpen(true),
         children: [
-          /* @__PURE__ */ jsx130(Key2, { size: 16, style: { marginRight: 8 } }),
+          /* @__PURE__ */ jsx131(Key2, { size: 16, style: { marginRight: 8 } }),
           "Change Password"
         ]
       }
     ),
-    /* @__PURE__ */ jsxs94(
-      Button58,
+    /* @__PURE__ */ jsxs95(
+      Button59,
       {
         type: "text",
         block: true,
@@ -33898,14 +34837,14 @@ var ChatSidebar = ({
         style: { justifyContent: "flex-start", padding: "8px 12px" },
         onClick: logout,
         children: [
-          /* @__PURE__ */ jsx130(LogOut4, { size: 16, style: { marginRight: 8 } }),
+          /* @__PURE__ */ jsx131(LogOut4, { size: 16, style: { marginRight: 8 } }),
           "Logout"
         ]
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs94(Fragment29, { children: [
-    /* @__PURE__ */ jsx130(
+  return /* @__PURE__ */ jsxs95(Fragment30, { children: [
+    /* @__PURE__ */ jsx131(
       Menu,
       {
         items: menuItems,
@@ -33919,13 +34858,13 @@ var ChatSidebar = ({
         forceIconMode: sideAppVisible,
         collapsed: menuCollapsed,
         onCollapsedChange: setMenuCollapsed,
-        footer: ({ isIconMode }) => user && /* @__PURE__ */ jsx130(
+        footer: ({ isIconMode }) => user && /* @__PURE__ */ jsx131(
           Popover4,
           {
             content: userMenuItems,
             placement: "rightTop",
             trigger: "click",
-            children: /* @__PURE__ */ jsxs94(
+            children: /* @__PURE__ */ jsxs95(
               "div",
               {
                 style: {
@@ -33939,7 +34878,7 @@ var ChatSidebar = ({
                   transition: "all 0.2s"
                 },
                 children: [
-                  /* @__PURE__ */ jsx130(
+                  /* @__PURE__ */ jsx131(
                     Avatar13,
                     {
                       size: isIconMode ? 32 : 36,
@@ -33951,8 +34890,8 @@ var ChatSidebar = ({
                       children: (user.name?.charAt(0) || user.email.charAt(0)).toUpperCase()
                     }
                   ),
-                  !isIconMode && /* @__PURE__ */ jsxs94("div", { style: { flex: 1, minWidth: 0 }, children: [
-                    /* @__PURE__ */ jsx130(
+                  !isIconMode && /* @__PURE__ */ jsxs95("div", { style: { flex: 1, minWidth: 0 }, children: [
+                    /* @__PURE__ */ jsx131(
                       "div",
                       {
                         style: {
@@ -33964,7 +34903,7 @@ var ChatSidebar = ({
                         children: user.name || user.email
                       }
                     ),
-                    /* @__PURE__ */ jsx130(
+                    /* @__PURE__ */ jsx131(
                       "div",
                       {
                         style: {
@@ -33985,19 +34924,19 @@ var ChatSidebar = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx130(
+    /* @__PURE__ */ jsx131(
       ChangePasswordModal,
       {
         open: changePasswordOpen,
         onClose: () => setChangePasswordOpen(false)
       }
     ),
-    menuItems.filter((item) => item.type === "drawer" && !item.inline).map((item) => /* @__PURE__ */ jsx130(
+    menuItems.filter((item) => item.type === "drawer" && !item.inline).map((item) => /* @__PURE__ */ jsx131(
       Drawer3,
       {
-        title: /* @__PURE__ */ jsxs94("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
-          /* @__PURE__ */ jsx130("span", { style: { fontSize: 16, fontWeight: 600, textTransform: "uppercase", letterSpacing: 0.5 }, children: item.title || item.name }),
-          /* @__PURE__ */ jsx130(
+        title: /* @__PURE__ */ jsxs95("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
+          /* @__PURE__ */ jsx131("span", { style: { fontSize: 16, fontWeight: 600, textTransform: "uppercase", letterSpacing: 0.5 }, children: item.title || item.name }),
+          /* @__PURE__ */ jsx131(
             "button",
             {
               onClick: () => handleCloseDrawer(item.id),
@@ -34012,7 +34951,7 @@ var ChatSidebar = ({
                 background: "rgba(255, 255, 255, 0.5)",
                 cursor: "pointer"
               },
-              children: /* @__PURE__ */ jsx130(PanelLeftClose2, { size: 24 })
+              children: /* @__PURE__ */ jsx131(PanelLeftClose2, { size: 24 })
             }
           )
         ] }),
@@ -34043,7 +34982,7 @@ var ChatSidebar = ({
 };
 
 // src/components/Chat/LatticeChatView.tsx
-import { jsx as jsx131 } from "react/jsx-runtime";
+import { jsx as jsx132 } from "react/jsx-runtime";
 var LatticeChatView = (props) => {
   const shellContext = useContext12(LatticeChatShellContext);
   const { showSideMenu, sideMenuItems } = shellContext.config;
@@ -34052,7 +34991,7 @@ var LatticeChatView = (props) => {
   const {
     config: { baseURL }
   } = useLatticeChatShellContext();
-  return assistantId && thread ? /* @__PURE__ */ jsx131(
+  return assistantId && thread ? /* @__PURE__ */ jsx132(
     AxiomLatticeProvider,
     {
       config: {
@@ -34061,14 +35000,14 @@ var LatticeChatView = (props) => {
         assistantId,
         transport: "sse"
       },
-      children: /* @__PURE__ */ jsx131(
+      children: /* @__PURE__ */ jsx132(
         LatticeChat,
         {
           thread_id: thread?.id,
           assistant_id: assistantId,
           name: currentAssistant?.name,
           description: currentAssistant?.description,
-          menu: showSideMenu ? /* @__PURE__ */ jsx131(ChatSidebar, { customMenuItems: sideMenuItems }) : void 0
+          menu: showSideMenu ? /* @__PURE__ */ jsx132(ChatSidebar, { customMenuItems: sideMenuItems }) : void 0
         }
       )
     }
@@ -34076,17 +35015,17 @@ var LatticeChatView = (props) => {
 };
 
 // src/components/Chat/SettingsModal.tsx
-import { useState as useState82, useEffect as useEffect56, useRef as useRef30 } from "react";
+import { useState as useState83, useEffect as useEffect57, useRef as useRef31 } from "react";
 import {
-  Modal as Modal24,
-  Input as Input19,
-  Button as Button59,
-  message as message23,
+  Modal as Modal25,
+  Input as Input20,
+  Button as Button60,
+  message as message24,
   notification as notification5,
-  Typography as Typography60,
+  Typography as Typography61,
   Alert as Alert9,
-  Select as Select8,
-  Switch as Switch4,
+  Select as Select9,
+  Switch as Switch5,
   Space as Space39,
   Tabs as Tabs4
 } from "antd";
@@ -34102,11 +35041,11 @@ import {
   PlusOutlined as PlusOutlined9,
   CloudServerOutlined
 } from "@ant-design/icons";
-import { createStyles as createStyles41 } from "antd-style";
-import { Fragment as Fragment30, jsx as jsx132, jsxs as jsxs95 } from "react/jsx-runtime";
-var { Text: Text49, Title: Title17 } = Typography60;
-var { TextArea: TextArea9 } = Input19;
-var useStyles24 = createStyles41(({ token, css }) => ({
+import { createStyles as createStyles42 } from "antd-style";
+import { Fragment as Fragment31, jsx as jsx133, jsxs as jsxs96 } from "react/jsx-runtime";
+var { Text: Text50, Title: Title17 } = Typography61;
+var { TextArea: TextArea9 } = Input20;
+var useStyles25 = createStyles42(({ token, css }) => ({
   //   settingsModal: css`
   //     .ant-modal {
   //       max-width: 100vw !important;
@@ -34451,21 +35390,21 @@ var SETTINGS_MENU_ITEMS = [
   {
     key: "environment",
     label: "Environment Variables",
-    icon: /* @__PURE__ */ jsx132(EnvironmentOutlined, {})
+    icon: /* @__PURE__ */ jsx133(EnvironmentOutlined, {})
   },
   {
     key: "models",
     label: "Model Configuration",
-    icon: /* @__PURE__ */ jsx132(ApiOutlined, {})
+    icon: /* @__PURE__ */ jsx133(ApiOutlined, {})
   }
 ];
 var SettingsModal = ({
   open,
   onClose
 }) => {
-  const { styles } = useStyles24();
+  const { styles } = useStyles25();
   const { config: shellConfig, updateConfigValue } = useLatticeChatShellContext();
-  const [connections, setConnections] = useState82(() => {
+  const [connections, setConnections] = useState83(() => {
     if (typeof window !== "undefined") {
       try {
         const stored = localStorage.getItem("lattice_server_connections");
@@ -34488,21 +35427,21 @@ var SettingsModal = ({
     }
     return [];
   });
-  const [serverConfigs, setServerConfigs] = useState82({});
-  const connectionsRef = useRef30(connections);
-  useEffect56(() => {
+  const [serverConfigs, setServerConfigs] = useState83({});
+  const connectionsRef = useRef31(connections);
+  useEffect57(() => {
     connectionsRef.current = connections;
   }, [connections]);
-  const [activeTabKey, setActiveTabKey] = useState82(
+  const [activeTabKey, setActiveTabKey] = useState83(
     connections.length > 0 ? connections[0].id : ""
   );
-  const [activeMenu, setActiveMenu] = useState82("environment");
-  const [loading, setLoading] = useState82(false);
-  const [showAddServerModal, setShowAddServerModal] = useState82(false);
-  const [newServerUrl, setNewServerUrl] = useState82("");
-  const [newServerName, setNewServerName] = useState82("");
-  const [newServerApiKey, setNewServerApiKey] = useState82("");
-  const [addingServer, setAddingServer] = useState82(false);
+  const [activeMenu, setActiveMenu] = useState83("environment");
+  const [loading, setLoading] = useState83(false);
+  const [showAddServerModal, setShowAddServerModal] = useState83(false);
+  const [newServerUrl, setNewServerUrl] = useState83("");
+  const [newServerName, setNewServerName] = useState83("");
+  const [newServerApiKey, setNewServerApiKey] = useState83("");
+  const [addingServer, setAddingServer] = useState83(false);
   const saveConnections = (newConnections) => {
     setConnections(newConnections);
     if (typeof window !== "undefined") {
@@ -34641,7 +35580,7 @@ var SettingsModal = ({
       }
     } catch (error) {
       console.error("Failed to load configuration:", error);
-      message23.error("Failed to load current configuration");
+      message24.error("Failed to load current configuration");
     }
   };
   const loadModelsConfig = async (serverId) => {
@@ -34692,7 +35631,7 @@ var SettingsModal = ({
       console.error("Failed to load models configuration:", error);
     }
   };
-  useEffect56(() => {
+  useEffect57(() => {
     if (open && activeTabKey) {
       initializeServerConfig(activeTabKey);
       const connection = connections.find((c) => c.id === activeTabKey);
@@ -34701,7 +35640,7 @@ var SettingsModal = ({
       }
     }
   }, [open, activeTabKey]);
-  useEffect56(() => {
+  useEffect57(() => {
     if (open && activeTabKey) {
       const connection = connections.find((c) => c.id === activeTabKey);
       if (connection?.connected) {
@@ -34715,7 +35654,7 @@ var SettingsModal = ({
   }, [open, activeTabKey, activeMenu]);
   const handleAddServer = async () => {
     if (!newServerUrl.trim()) {
-      message23.error("Please enter a server URL");
+      message24.error("Please enter a server URL");
       return;
     }
     let normalizedUrl = newServerUrl.trim();
@@ -34778,12 +35717,12 @@ var SettingsModal = ({
   const handleSave = async () => {
     const connection = connections.find((c) => c.id === activeTabKey);
     if (!connection || !connection.connected) {
-      message23.error("Please connect to a server first");
+      message24.error("Please connect to a server first");
       return;
     }
     const url = connection.url;
     if (!url) {
-      message23.error("Please connect to a server first");
+      message24.error("Please connect to a server first");
       return;
     }
     try {
@@ -34847,7 +35786,7 @@ var SettingsModal = ({
         const data = await response.json();
         if (response.ok && data.success) {
           if (data.requiresRestart && data.requiresRestart.length > 0) {
-            message23.warning(
+            message24.warning(
               `Configuration saved. Please restart the server for ${data.requiresRestart.join(
                 ", "
               )} to take effect.`,
@@ -34861,12 +35800,12 @@ var SettingsModal = ({
           }
           if (data.warnings && data.warnings.length > 0) {
             data.warnings.forEach((warning) => {
-              message23.warning(warning, 5);
+              message24.warning(warning, 5);
             });
           }
           onClose();
         } else {
-          message23.error(data.error || "Failed to save configuration");
+          message24.error(data.error || "Failed to save configuration");
         }
       } else if (activeMenu === "models") {
         const validModels = config.models.filter(
@@ -34891,12 +35830,12 @@ var SettingsModal = ({
           });
           onClose();
         } else {
-          message23.error(data.error || "Failed to save model configuration");
+          message24.error(data.error || "Failed to save model configuration");
         }
       }
     } catch (error) {
       console.error("Failed to save configuration:", error);
-      message23.error(error.message || "Failed to save configuration");
+      message24.error(error.message || "Failed to save configuration");
     } finally {
       setLoading(false);
     }
@@ -34912,25 +35851,25 @@ var SettingsModal = ({
         }
       }));
     };
-    return /* @__PURE__ */ jsxs95("div", { className: styles.formContainer, children: [
-      /* @__PURE__ */ jsx132(
+    return /* @__PURE__ */ jsxs96("div", { className: styles.formContainer, children: [
+      /* @__PURE__ */ jsx133(
         Alert9,
         {
           message: "Configuration Effect",
-          description: /* @__PURE__ */ jsxs95("div", { children: [
-            /* @__PURE__ */ jsxs95("div", { style: { marginBottom: 8 }, children: [
-              /* @__PURE__ */ jsx132(
+          description: /* @__PURE__ */ jsxs96("div", { children: [
+            /* @__PURE__ */ jsxs96("div", { style: { marginBottom: 8 }, children: [
+              /* @__PURE__ */ jsx133(
                 CheckCircleOutlined8,
                 {
                   style: { color: "#52c41a", marginRight: 8 }
                 }
               ),
-              /* @__PURE__ */ jsx132("strong", { children: "Immediately effective:" }),
+              /* @__PURE__ */ jsx133("strong", { children: "Immediately effective:" }),
               " QUEUE_SERVICE_TYPE, REDIS_URL, REDIS_PASSWORD, QUEUE_NAME"
             ] }),
-            /* @__PURE__ */ jsxs95("div", { children: [
-              /* @__PURE__ */ jsx132(ReloadOutlined6, { style: { color: "#faad14", marginRight: 8 } }),
-              /* @__PURE__ */ jsx132("strong", { children: "Requires restart:" }),
+            /* @__PURE__ */ jsxs96("div", { children: [
+              /* @__PURE__ */ jsx133(ReloadOutlined6, { style: { color: "#faad14", marginRight: 8 } }),
+              /* @__PURE__ */ jsx133("strong", { children: "Requires restart:" }),
               " PORT (server must be restarted to change port)"
             ] })
           ] }),
@@ -34939,8 +35878,8 @@ var SettingsModal = ({
           className: styles.alertCard
         }
       ),
-      /* @__PURE__ */ jsx132("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ jsx132(Text49, { type: "secondary", style: { fontSize: 14, lineHeight: 1.6 }, children: "Configure environment variables in .env format (key=value). One variable per line. Leave password fields empty to keep current values." }) }),
-      /* @__PURE__ */ jsx132(
+      /* @__PURE__ */ jsx133("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ jsx133(Text50, { type: "secondary", style: { fontSize: 14, lineHeight: 1.6 }, children: "Configure environment variables in .env format (key=value). One variable per line. Leave password fields empty to keep current values." }) }),
+      /* @__PURE__ */ jsx133(
         TextArea9,
         {
           value: config.envText,
@@ -35017,10 +35956,10 @@ QUEUE_NAME=tasks`,
         }));
       }
     };
-    return /* @__PURE__ */ jsxs95("div", { className: styles.formContainer, children: [
-      /* @__PURE__ */ jsx132("div", { style: { marginBottom: 32 }, children: /* @__PURE__ */ jsx132(Text49, { 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__ */ jsxs95("div", { className: styles.card, children: [
-        /* @__PURE__ */ jsxs95(
+    return /* @__PURE__ */ jsxs96("div", { className: styles.formContainer, children: [
+      /* @__PURE__ */ jsx133("div", { style: { marginBottom: 32 }, children: /* @__PURE__ */ jsx133(Text50, { 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__ */ jsxs96("div", { className: styles.card, children: [
+        /* @__PURE__ */ jsxs96(
           "div",
           {
             style: {
@@ -35032,13 +35971,13 @@ QUEUE_NAME=tasks`,
               borderBottom: "1px solid rgba(0, 0, 0, 0.06)"
             },
             children: [
-              /* @__PURE__ */ jsxs95("div", { children: [
-                /* @__PURE__ */ jsxs95(Text49, { strong: true, style: { fontSize: 16 }, children: [
+              /* @__PURE__ */ jsxs96("div", { children: [
+                /* @__PURE__ */ jsxs96(Text50, { strong: true, style: { fontSize: 16 }, children: [
                   "Model ",
                   index + 1
                 ] }),
-                model.key && /* @__PURE__ */ jsxs95(
-                  Text49,
+                model.key && /* @__PURE__ */ jsxs96(
+                  Text50,
                   {
                     type: "secondary",
                     style: { marginLeft: 8, fontSize: 12 },
@@ -35050,8 +35989,8 @@ QUEUE_NAME=tasks`,
                   }
                 )
               ] }),
-              config.models.length > 1 && /* @__PURE__ */ jsx132(
-                Button59,
+              config.models.length > 1 && /* @__PURE__ */ jsx133(
+                Button60,
                 {
                   type: "text",
                   danger: true,
@@ -35067,11 +36006,11 @@ QUEUE_NAME=tasks`,
             ]
           }
         ),
-        /* @__PURE__ */ jsxs95(Space39, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
-          /* @__PURE__ */ jsxs95("div", { children: [
-            /* @__PURE__ */ jsx132(Text49, { className: styles.formLabel, children: "Key *" }),
-            /* @__PURE__ */ jsx132(
-              Input19,
+        /* @__PURE__ */ jsxs96(Space39, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
+          /* @__PURE__ */ jsxs96("div", { children: [
+            /* @__PURE__ */ jsx133(Text50, { className: styles.formLabel, children: "Key *" }),
+            /* @__PURE__ */ jsx133(
+              Input20,
               {
                 placeholder: "e.g., default, gpt-4, claude",
                 value: model.key,
@@ -35079,12 +36018,12 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ jsx132(Text49, { className: styles.formDescription, children: "Unique identifier for this model" })
+            /* @__PURE__ */ jsx133(Text50, { className: styles.formDescription, children: "Unique identifier for this model" })
           ] }),
-          /* @__PURE__ */ jsxs95("div", { children: [
-            /* @__PURE__ */ jsx132(Text49, { className: styles.formLabel, children: "Provider *" }),
-            /* @__PURE__ */ jsx132(
-              Select8,
+          /* @__PURE__ */ jsxs96("div", { children: [
+            /* @__PURE__ */ jsx133(Text50, { className: styles.formLabel, children: "Provider *" }),
+            /* @__PURE__ */ jsx133(
+              Select9,
               {
                 style: { width: "100%", height: 40 },
                 value: model.provider,
@@ -35099,10 +36038,10 @@ QUEUE_NAME=tasks`,
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs95("div", { children: [
-            /* @__PURE__ */ jsx132(Text49, { className: styles.formLabel, children: "Model Name *" }),
-            /* @__PURE__ */ jsx132(
-              Input19,
+          /* @__PURE__ */ jsxs96("div", { children: [
+            /* @__PURE__ */ jsx133(Text50, { className: styles.formLabel, children: "Model Name *" }),
+            /* @__PURE__ */ jsx133(
+              Input20,
               {
                 placeholder: "e.g., gpt-4, claude-3-opus, kimi-k2-250905",
                 value: model.model,
@@ -35111,10 +36050,10 @@ QUEUE_NAME=tasks`,
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs95("div", { children: [
-            /* @__PURE__ */ jsx132(Text49, { className: styles.formLabel, children: "API Key" }),
-            /* @__PURE__ */ jsx132(
-              Input19.Password,
+          /* @__PURE__ */ jsxs96("div", { children: [
+            /* @__PURE__ */ jsx133(Text50, { className: styles.formLabel, children: "API Key" }),
+            /* @__PURE__ */ jsx133(
+              Input20.Password,
               {
                 placeholder: "Enter your API key",
                 value: model.apiKey,
@@ -35122,12 +36061,12 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ jsx132(Text49, { className: styles.formDescription, children: "API key for the model provider. Leave empty to use environment variable." })
+            /* @__PURE__ */ jsx133(Text50, { className: styles.formDescription, children: "API key for the model provider. Leave empty to use environment variable." })
           ] }),
-          /* @__PURE__ */ jsxs95("div", { children: [
-            /* @__PURE__ */ jsx132(Text49, { className: styles.formLabel, children: "Base URL" }),
-            /* @__PURE__ */ jsx132(
-              Input19,
+          /* @__PURE__ */ jsxs96("div", { children: [
+            /* @__PURE__ */ jsx133(Text50, { className: styles.formLabel, children: "Base URL" }),
+            /* @__PURE__ */ jsx133(
+              Input20,
               {
                 placeholder: "e.g., https://api.openai.com/v1",
                 value: model.baseURL,
@@ -35135,23 +36074,23 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ jsx132(Text49, { className: styles.formDescription, children: "Optional custom base URL for the API" })
+            /* @__PURE__ */ jsx133(Text50, { className: styles.formDescription, children: "Optional custom base URL for the API" })
           ] }),
-          /* @__PURE__ */ jsx132("div", { children: /* @__PURE__ */ jsxs95(Space39, { children: [
-            /* @__PURE__ */ jsx132(
-              Switch4,
+          /* @__PURE__ */ jsx133("div", { children: /* @__PURE__ */ jsxs96(Space39, { children: [
+            /* @__PURE__ */ jsx133(
+              Switch5,
               {
                 checked: model.streaming,
                 onChange: (checked) => handleModelChange(index, "streaming", checked)
               }
             ),
-            /* @__PURE__ */ jsx132(Text49, { children: "Enable Streaming" })
+            /* @__PURE__ */ jsx133(Text50, { children: "Enable Streaming" })
           ] }) }),
-          /* @__PURE__ */ jsxs95("div", { style: { display: "flex", gap: 20 }, children: [
-            /* @__PURE__ */ jsxs95("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ jsx132(Text49, { className: styles.formLabel, children: "Max Tokens" }),
-              /* @__PURE__ */ jsx132(
-                Input19,
+          /* @__PURE__ */ jsxs96("div", { style: { display: "flex", gap: 20 }, children: [
+            /* @__PURE__ */ jsxs96("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ jsx133(Text50, { className: styles.formLabel, children: "Max Tokens" }),
+              /* @__PURE__ */ jsx133(
+                Input20,
                 {
                   type: "number",
                   placeholder: "e.g., 4096",
@@ -35165,10 +36104,10 @@ QUEUE_NAME=tasks`,
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs95("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ jsx132(Text49, { className: styles.formLabel, children: "Temperature" }),
-              /* @__PURE__ */ jsx132(
-                Input19,
+            /* @__PURE__ */ jsxs96("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ jsx133(Text50, { className: styles.formLabel, children: "Temperature" }),
+              /* @__PURE__ */ jsx133(
+                Input20,
                 {
                   type: "number",
                   step: "0.1",
@@ -35186,8 +36125,8 @@ QUEUE_NAME=tasks`,
           ] })
         ] })
       ] }, index)),
-      /* @__PURE__ */ jsx132(
-        Button59,
+      /* @__PURE__ */ jsx133(
+        Button60,
         {
           type: "dashed",
           onClick: handleAddModel,
@@ -35214,8 +36153,8 @@ QUEUE_NAME=tasks`,
   );
   const currentConnection = connections.find((c) => c.id === activeTabKey);
   const renderTabLabel = (connection) => {
-    return /* @__PURE__ */ jsxs95("div", { style: { display: "flex", alignItems: "center" }, children: [
-      /* @__PURE__ */ jsx132(
+    return /* @__PURE__ */ jsxs96("div", { style: { display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx133(
         CloudServerOutlined,
         {
           style: {
@@ -35224,14 +36163,14 @@ QUEUE_NAME=tasks`,
           }
         }
       ),
-      /* @__PURE__ */ jsx132("span", { children: connection.name }),
-      connection.connected && /* @__PURE__ */ jsx132(
+      /* @__PURE__ */ jsx133("span", { children: connection.name }),
+      connection.connected && /* @__PURE__ */ jsx133(
         CheckCircleFilled,
         {
           style: { color: "#52c41a", fontSize: 12, marginLeft: 8 }
         }
       ),
-      connection.error && !connection.connecting && /* @__PURE__ */ jsx132(
+      connection.error && !connection.connecting && /* @__PURE__ */ jsx133(
         CloseCircleFilled,
         {
           style: { color: "#ff4d4f", fontSize: 12, marginLeft: 8 }
@@ -35242,35 +36181,35 @@ QUEUE_NAME=tasks`,
   const tabItems = connections.map((connection) => ({
     key: connection.id,
     label: renderTabLabel(connection),
-    children: /* @__PURE__ */ jsx132("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ jsx132(Fragment30, { children: /* @__PURE__ */ jsxs95("div", { style: { display: "flex", height: "100%" }, children: [
-      /* @__PURE__ */ jsx132("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ jsxs95(
+    children: /* @__PURE__ */ jsx133("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ jsx133(Fragment31, { children: /* @__PURE__ */ jsxs96("div", { style: { display: "flex", height: "100%" }, children: [
+      /* @__PURE__ */ jsx133("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ jsxs96(
         "div",
         {
           className: `${styles.menuItem} ${activeMenu === item.key ? "active" : ""}`,
           onClick: () => setActiveMenu(item.key),
           children: [
-            /* @__PURE__ */ jsx132("span", { className: styles.menuItemIcon, children: item.icon }),
-            /* @__PURE__ */ jsx132("span", { className: styles.menuItemText, children: item.label })
+            /* @__PURE__ */ jsx133("span", { className: styles.menuItemIcon, children: item.icon }),
+            /* @__PURE__ */ jsx133("span", { className: styles.menuItemText, children: item.label })
           ]
         },
         item.key
       )) }),
-      /* @__PURE__ */ jsxs95("div", { className: styles.content, children: [
-        /* @__PURE__ */ jsxs95("div", { className: styles.contentHeader, children: [
-          /* @__PURE__ */ jsxs95("div", { className: styles.contentHeaderLeft, children: [
-            /* @__PURE__ */ jsx132(Title17, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
-            /* @__PURE__ */ jsxs95(Text49, { className: styles.contentDescription, children: [
+      /* @__PURE__ */ jsxs96("div", { className: styles.content, children: [
+        /* @__PURE__ */ jsxs96("div", { className: styles.contentHeader, children: [
+          /* @__PURE__ */ jsxs96("div", { className: styles.contentHeaderLeft, children: [
+            /* @__PURE__ */ jsx133(Title17, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
+            /* @__PURE__ */ jsxs96(Text50, { 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__ */ jsxs95("div", { className: styles.contentHeaderRight, children: [
-            /* @__PURE__ */ jsx132(Button59, { onClick: onClose, children: "Cancel" }),
-            /* @__PURE__ */ jsx132(
-              Button59,
+          /* @__PURE__ */ jsxs96("div", { className: styles.contentHeaderRight, children: [
+            /* @__PURE__ */ jsx133(Button60, { onClick: onClose, children: "Cancel" }),
+            /* @__PURE__ */ jsx133(
+              Button60,
               {
                 type: "primary",
-                icon: /* @__PURE__ */ jsx132(SaveOutlined2, {}),
+                icon: /* @__PURE__ */ jsx133(SaveOutlined2, {}),
                 onClick: handleSave,
                 loading,
                 children: "Save Configuration"
@@ -35278,9 +36217,9 @@ QUEUE_NAME=tasks`,
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx132("div", { className: styles.contentBody, children: renderContent(connection.id) })
+        /* @__PURE__ */ jsx133("div", { className: styles.contentBody, children: renderContent(connection.id) })
       ] })
-    ] }) }) : /* @__PURE__ */ jsx132(
+    ] }) }) : /* @__PURE__ */ jsx133(
       "div",
       {
         style: {
@@ -35292,29 +36231,29 @@ QUEUE_NAME=tasks`,
           gap: 16,
           padding: 48
         },
-        children: connection.connecting ? /* @__PURE__ */ jsxs95(Fragment30, { children: [
-          /* @__PURE__ */ jsx132(LinkOutlined2, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
-          /* @__PURE__ */ jsx132(Title17, { level: 4, children: "Connecting..." }),
-          /* @__PURE__ */ jsxs95(Text49, { type: "secondary", style: { textAlign: "center" }, children: [
+        children: connection.connecting ? /* @__PURE__ */ jsxs96(Fragment31, { children: [
+          /* @__PURE__ */ jsx133(LinkOutlined2, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
+          /* @__PURE__ */ jsx133(Title17, { level: 4, children: "Connecting..." }),
+          /* @__PURE__ */ jsxs96(Text50, { type: "secondary", style: { textAlign: "center" }, children: [
             "Connecting to ",
             connection.url
           ] })
-        ] }) : /* @__PURE__ */ jsxs95(Fragment30, { children: [
-          /* @__PURE__ */ jsx132(LinkOutlined2, { style: { fontSize: 64, color: "#d9d9d9" } }),
-          /* @__PURE__ */ jsx132(Title17, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
-          /* @__PURE__ */ jsx132(
-            Text49,
+        ] }) : /* @__PURE__ */ jsxs96(Fragment31, { children: [
+          /* @__PURE__ */ jsx133(LinkOutlined2, { style: { fontSize: 64, color: "#d9d9d9" } }),
+          /* @__PURE__ */ jsx133(Title17, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
+          /* @__PURE__ */ jsx133(
+            Text50,
             {
               type: "secondary",
               style: { textAlign: "center", maxWidth: 400 },
               children: connection.error ? `Failed to connect to ${connection.url}. Please check the server URL and try again.` : `Click "Reconnect" to connect to ${connection.url}`
             }
           ),
-          /* @__PURE__ */ jsx132(
-            Button59,
+          /* @__PURE__ */ jsx133(
+            Button60,
             {
               type: "primary",
-              icon: /* @__PURE__ */ jsx132(LinkOutlined2, {}),
+              icon: /* @__PURE__ */ jsx133(LinkOutlined2, {}),
               onClick: () => checkConnection(connection.id),
               loading: connection.connecting,
               style: { marginTop: 16 },
@@ -35326,9 +36265,9 @@ QUEUE_NAME=tasks`,
     ) }),
     closable: connections.length > 1
   }));
-  return /* @__PURE__ */ jsxs95(Fragment30, { children: [
-    /* @__PURE__ */ jsx132(
-      Modal24,
+  return /* @__PURE__ */ jsxs96(Fragment31, { children: [
+    /* @__PURE__ */ jsx133(
+      Modal25,
       {
         open,
         onCancel: onClose,
@@ -35336,7 +36275,7 @@ QUEUE_NAME=tasks`,
         width: "80%",
         footer: null,
         title: "Settings",
-        children: /* @__PURE__ */ jsx132("div", { children: /* @__PURE__ */ jsx132(
+        children: /* @__PURE__ */ jsx133("div", { children: /* @__PURE__ */ jsx133(
           Tabs4,
           {
             activeKey: activeTabKey,
@@ -35350,7 +36289,7 @@ QUEUE_NAME=tasks`,
               }
             },
             items: tabItems,
-            addIcon: /* @__PURE__ */ jsxs95(
+            addIcon: /* @__PURE__ */ jsxs96(
               "div",
               {
                 style: {
@@ -35360,8 +36299,8 @@ QUEUE_NAME=tasks`,
                   padding: "4px 8px"
                 },
                 children: [
-                  /* @__PURE__ */ jsx132(PlusOutlined9, {}),
-                  /* @__PURE__ */ jsx132("span", { children: "Add Server" })
+                  /* @__PURE__ */ jsx133(PlusOutlined9, {}),
+                  /* @__PURE__ */ jsx133("span", { children: "Add Server" })
                 ]
               }
             )
@@ -35369,8 +36308,8 @@ QUEUE_NAME=tasks`,
         ) })
       }
     ),
-    /* @__PURE__ */ jsx132(
-      Modal24,
+    /* @__PURE__ */ jsx133(
+      Modal25,
       {
         title: "Add New Server",
         open: showAddServerModal,
@@ -35383,11 +36322,11 @@ QUEUE_NAME=tasks`,
         },
         confirmLoading: addingServer,
         className: styles.addServerModal,
-        children: /* @__PURE__ */ jsxs95(Space39, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
-          /* @__PURE__ */ jsxs95("div", { children: [
-            /* @__PURE__ */ jsx132(Text49, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
-            /* @__PURE__ */ jsx132(
-              Input19,
+        children: /* @__PURE__ */ jsxs96(Space39, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
+          /* @__PURE__ */ jsxs96("div", { children: [
+            /* @__PURE__ */ jsx133(Text50, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
+            /* @__PURE__ */ jsx133(
+              Input20,
               {
                 placeholder: "e.g., Production Server",
                 value: newServerName,
@@ -35395,12 +36334,12 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ jsx132(Text49, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: Leave empty to use URL as name" })
+            /* @__PURE__ */ jsx133(Text50, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: Leave empty to use URL as name" })
           ] }),
-          /* @__PURE__ */ jsxs95("div", { children: [
-            /* @__PURE__ */ jsx132(Text49, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
-            /* @__PURE__ */ jsx132(
-              Input19,
+          /* @__PURE__ */ jsxs96("div", { children: [
+            /* @__PURE__ */ jsx133(Text50, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
+            /* @__PURE__ */ jsx133(
+              Input20,
               {
                 placeholder: "e.g., http://localhost:4001",
                 value: newServerUrl,
@@ -35408,12 +36347,12 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ jsx132(Text49, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Enter the full URL of the gateway server" })
+            /* @__PURE__ */ jsx133(Text50, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Enter the full URL of the gateway server" })
           ] }),
-          /* @__PURE__ */ jsxs95("div", { children: [
-            /* @__PURE__ */ jsx132(Text49, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
-            /* @__PURE__ */ jsx132(
-              Input19.Password,
+          /* @__PURE__ */ jsxs96("div", { children: [
+            /* @__PURE__ */ jsx133(Text50, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
+            /* @__PURE__ */ jsx133(
+              Input20.Password,
               {
                 placeholder: "Optional: Enter API key for authentication",
                 value: newServerApiKey,
@@ -35421,7 +36360,7 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ jsx132(Text49, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: API key for server authentication" })
+            /* @__PURE__ */ jsx133(Text50, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: API key for server authentication" })
           ] })
         ] })
       }
@@ -35430,10 +36369,10 @@ QUEUE_NAME=tasks`,
 };
 
 // src/components/Chat/AgentServerSetting.tsx
-import { jsx as jsx133 } from "react/jsx-runtime";
+import { jsx as jsx134 } from "react/jsx-runtime";
 var AgentServerSetting = () => {
   const { settingsModalOpen, setSettingsModalOpen } = useLatticeChatShellContext();
-  return /* @__PURE__ */ jsx133(
+  return /* @__PURE__ */ jsx134(
     SettingsModal,
     {
       open: settingsModalOpen,
@@ -35443,24 +36382,24 @@ var AgentServerSetting = () => {
 };
 
 // src/components/Chat/LatticeChatShell.tsx
-import { Fragment as Fragment31, jsx as jsx134, jsxs as jsxs96 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx135, jsxs as jsxs97 } from "react/jsx-runtime";
 var ShellContent = ({
   initialAssistantId,
   enableWorkspace
 }) => {
   const { currentTenant } = useAuth();
-  return /* @__PURE__ */ jsx134(Fragment31, { children: enableWorkspace ? /* @__PURE__ */ jsxs96(WorkspaceContextProvider, { children: [
-    /* @__PURE__ */ jsx134(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ jsx134(ConversationContextProvider, { children: /* @__PURE__ */ jsx134(LatticeChatView, {}) }) }),
-    /* @__PURE__ */ jsx134(AgentServerSetting, {})
-  ] }) : /* @__PURE__ */ jsxs96(Fragment31, { children: [
-    /* @__PURE__ */ jsx134(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ jsx134(ConversationContextProvider, { children: /* @__PURE__ */ jsx134(LatticeChatView, {}) }) }),
-    /* @__PURE__ */ jsx134(AgentServerSetting, {})
+  return /* @__PURE__ */ jsx135(Fragment32, { children: enableWorkspace ? /* @__PURE__ */ jsxs97(WorkspaceContextProvider, { children: [
+    /* @__PURE__ */ jsx135(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ jsx135(ConversationContextProvider, { children: /* @__PURE__ */ jsx135(LatticeChatView, {}) }) }),
+    /* @__PURE__ */ jsx135(AgentServerSetting, {})
+  ] }) : /* @__PURE__ */ jsxs97(Fragment32, { children: [
+    /* @__PURE__ */ jsx135(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ jsx135(ConversationContextProvider, { children: /* @__PURE__ */ jsx135(LatticeChatView, {}) }) }),
+    /* @__PURE__ */ jsx135(AgentServerSetting, {})
   ] }) });
 };
 var LatticeChatShell = (props) => {
   const { enableAssistantCreation, enableAssistantEditing, enableWorkspace: enableWorkspaceProp, ...restProps } = props;
   const enableWorkspace = enableWorkspaceProp ?? restProps.initialConfig?.enableWorkspace ?? false;
-  return /* @__PURE__ */ jsx134(
+  return /* @__PURE__ */ jsx135(
     LatticeChatShellContextProvider,
     {
       initialConfig: {
@@ -35469,7 +36408,7 @@ var LatticeChatShell = (props) => {
         enableWorkspace,
         ...restProps.initialConfig
       },
-      children: /* @__PURE__ */ jsx134(
+      children: /* @__PURE__ */ jsx135(
         ShellContent,
         {
           initialAssistantId: restProps.initialConfig?.assistantId,
@@ -35481,28 +36420,28 @@ var LatticeChatShell = (props) => {
 };
 
 // src/components/Chat/ChannelInstallationsDrawerContent.tsx
-import { useEffect as useEffect57, useState as useState83 } from "react";
+import { useEffect as useEffect58, useState as useState84 } from "react";
 import {
-  Button as Button60,
+  Button as Button61,
   Card as Card30,
-  Form as Form9,
-  Input as Input20,
-  Modal as Modal25,
-  Popconfirm as Popconfirm12,
-  Spin as Spin23,
+  Form as Form10,
+  Input as Input21,
+  Modal as Modal26,
+  Popconfirm as Popconfirm13,
+  Spin as Spin24,
   Tag as Tag30,
-  Typography as Typography61,
-  message as message24
+  Typography as Typography62,
+  message as message25
 } from "antd";
-import { Edit2 as Edit24, Plus as Plus9, RadioTower, Trash2 as Trash210 } from "lucide-react";
-import { jsx as jsx135, jsxs as jsxs97 } from "react/jsx-runtime";
-var { Text: Text50, Title: Title18 } = Typography61;
+import { Edit2 as Edit24, Plus as Plus10, RadioTower, Trash2 as Trash211 } from "lucide-react";
+import { jsx as jsx136, jsxs as jsxs98 } from "react/jsx-runtime";
+var { Text: Text51, Title: Title18 } = Typography62;
 var ChannelInstallationsDrawerContent = () => {
   const { get, post, put, del } = useApi();
-  const [installations, setInstallations] = useState83([]);
-  const [loading, setLoading] = useState83(false);
-  const [formModalOpen, setFormModalOpen] = useState83(false);
-  const [editingInstallation, setEditingInstallation] = useState83(null);
+  const [installations, setInstallations] = useState84([]);
+  const [loading, setLoading] = useState84(false);
+  const [formModalOpen, setFormModalOpen] = useState84(false);
+  const [editingInstallation, setEditingInstallation] = useState84(null);
   const loadInstallations = async () => {
     setLoading(true);
     try {
@@ -35513,17 +36452,17 @@ var ChannelInstallationsDrawerContent = () => {
         setInstallations(result.data?.records ?? []);
       } else {
         setInstallations([]);
-        message24.error(result.message || "Failed to load channel installations");
+        message25.error(result.message || "Failed to load channel installations");
       }
     } catch (error) {
       console.error("Failed to load channel installations:", error);
       setInstallations([]);
-      message24.error("Failed to load channel installations");
+      message25.error("Failed to load channel installations");
     } finally {
       setLoading(false);
     }
   };
-  useEffect57(() => {
+  useEffect58(() => {
     loadInstallations();
   }, []);
   const handleDelete = async (installation) => {
@@ -35535,17 +36474,17 @@ var ChannelInstallationsDrawerContent = () => {
         setInstallations(
           (current) => current.filter((item) => item.id !== installation.id)
         );
-        message24.success("Installation deleted");
+        message25.success("Installation deleted");
       } else {
-        message24.error(result.message || "Failed to delete installation");
+        message25.error(result.message || "Failed to delete installation");
       }
     } catch (error) {
       console.error("Failed to delete channel installation:", error);
-      message24.error("Failed to delete installation");
+      message25.error("Failed to delete installation");
     }
   };
-  return /* @__PURE__ */ jsxs97("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ jsx135("div", { style: { padding: 16 }, children: /* @__PURE__ */ jsxs97(
+  return /* @__PURE__ */ jsxs98("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx136("div", { style: { padding: 16 }, children: /* @__PURE__ */ jsxs98(
       "div",
       {
         style: {
@@ -35554,12 +36493,12 @@ var ChannelInstallationsDrawerContent = () => {
           alignItems: "center"
         },
         children: [
-          /* @__PURE__ */ jsx135(Title18, { level: 5, style: { margin: 0 }, children: "Channel Installations" }),
-          /* @__PURE__ */ jsx135(
-            Button60,
+          /* @__PURE__ */ jsx136(Title18, { level: 5, style: { margin: 0 }, children: "Channel Installations" }),
+          /* @__PURE__ */ jsx136(
+            Button61,
             {
               type: "primary",
-              icon: /* @__PURE__ */ jsx135(Plus9, { size: 16 }),
+              icon: /* @__PURE__ */ jsx136(Plus10, { size: 16 }),
               onClick: () => {
                 setEditingInstallation(null);
                 setFormModalOpen(true);
@@ -35570,7 +36509,7 @@ var ChannelInstallationsDrawerContent = () => {
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx135("div", { style: { flex: 1, overflowY: "auto", padding: 16 }, children: loading ? /* @__PURE__ */ jsx135("div", { style: { display: "flex", justifyContent: "center", padding: 32 }, children: /* @__PURE__ */ jsx135(Spin23, {}) }) : installations.length === 0 ? /* @__PURE__ */ jsxs97(
+    /* @__PURE__ */ jsx136("div", { style: { flex: 1, overflowY: "auto", padding: 16 }, children: loading ? /* @__PURE__ */ jsx136("div", { style: { display: "flex", justifyContent: "center", padding: 32 }, children: /* @__PURE__ */ jsx136(Spin24, {}) }) : installations.length === 0 ? /* @__PURE__ */ jsxs98(
       "div",
       {
         style: {
@@ -35581,15 +36520,15 @@ var ChannelInstallationsDrawerContent = () => {
           padding: "48px 16px"
         },
         children: [
-          /* @__PURE__ */ jsx135(RadioTower, { size: 48, style: { marginBottom: 16, opacity: 0.5 } }),
-          /* @__PURE__ */ jsx135(Text50, { strong: true, style: { fontSize: 15 }, children: "No channel installations" }),
-          /* @__PURE__ */ jsx135(Text50, { type: "secondary", style: { marginTop: 8 }, children: 'Click "Add Installation" to create one' })
+          /* @__PURE__ */ jsx136(RadioTower, { size: 48, style: { marginBottom: 16, opacity: 0.5 } }),
+          /* @__PURE__ */ jsx136(Text51, { strong: true, style: { fontSize: 15 }, children: "No channel installations" }),
+          /* @__PURE__ */ jsx136(Text51, { type: "secondary", style: { marginTop: 8 }, children: 'Click "Add Installation" to create one' })
         ]
       }
-    ) : /* @__PURE__ */ jsx135("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: installations.map((installation) => {
+    ) : /* @__PURE__ */ jsx136("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: installations.map((installation) => {
       const webhookPath = installation.channel === "lark" ? `/api/channels/lark/installations/${installation.id}/events` : null;
-      return /* @__PURE__ */ jsxs97(Card30, { size: "small", children: [
-        /* @__PURE__ */ jsxs97(
+      return /* @__PURE__ */ jsxs98(Card30, { size: "small", children: [
+        /* @__PURE__ */ jsxs98(
           "div",
           {
             style: {
@@ -35599,12 +36538,12 @@ var ChannelInstallationsDrawerContent = () => {
               marginBottom: 10
             },
             children: [
-              /* @__PURE__ */ jsx135(Text50, { strong: true, style: { fontSize: 15 }, children: installation.name || installation.id }),
-              /* @__PURE__ */ jsx135(Tag30, { color: "blue", children: installation.channel })
+              /* @__PURE__ */ jsx136(Text51, { strong: true, style: { fontSize: 15 }, children: installation.name || installation.id }),
+              /* @__PURE__ */ jsx136(Tag30, { color: "blue", children: installation.channel })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs97(
+        /* @__PURE__ */ jsxs98(
           "div",
           {
             style: {
@@ -35614,19 +36553,19 @@ var ChannelInstallationsDrawerContent = () => {
               marginBottom: 12
             },
             children: [
-              /* @__PURE__ */ jsxs97(Text50, { type: "secondary", style: { fontSize: 12 }, children: [
+              /* @__PURE__ */ jsxs98(Text51, { type: "secondary", style: { fontSize: 12 }, children: [
                 "ID: ",
                 installation.id
               ] }),
-              webhookPath ? /* @__PURE__ */ jsx135(Text50, { code: true, style: { fontSize: 12 }, children: webhookPath }) : /* @__PURE__ */ jsx135(Text50, { type: "secondary", style: { fontSize: 12 }, children: "Unsupported channel configuration UI" })
+              webhookPath ? /* @__PURE__ */ jsx136(Text51, { code: true, style: { fontSize: 12 }, children: webhookPath }) : /* @__PURE__ */ jsx136(Text51, { type: "secondary", style: { fontSize: 12 }, children: "Unsupported channel configuration UI" })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs97("div", { style: { display: "flex", gap: 8 }, children: [
-          /* @__PURE__ */ jsx135(
-            Button60,
+        /* @__PURE__ */ jsxs98("div", { style: { display: "flex", gap: 8 }, children: [
+          /* @__PURE__ */ jsx136(
+            Button61,
             {
-              icon: /* @__PURE__ */ jsx135(Edit24, { size: 14 }),
+              icon: /* @__PURE__ */ jsx136(Edit24, { size: 14 }),
               onClick: () => {
                 setEditingInstallation(installation);
                 setFormModalOpen(true);
@@ -35634,8 +36573,8 @@ var ChannelInstallationsDrawerContent = () => {
               children: "Edit"
             }
           ),
-          /* @__PURE__ */ jsx135(
-            Popconfirm12,
+          /* @__PURE__ */ jsx136(
+            Popconfirm13,
             {
               title: "Delete Channel Installation",
               description: `Are you sure you want to delete "${installation.name || installation.id}"?`,
@@ -35643,13 +36582,13 @@ var ChannelInstallationsDrawerContent = () => {
               okText: "Delete",
               okType: "danger",
               cancelText: "Cancel",
-              children: /* @__PURE__ */ jsx135(Button60, { danger: true, icon: /* @__PURE__ */ jsx135(Trash210, { size: 14 }), children: "Delete" })
+              children: /* @__PURE__ */ jsx136(Button61, { danger: true, icon: /* @__PURE__ */ jsx136(Trash211, { size: 14 }), children: "Delete" })
             }
           )
         ] })
       ] }, installation.id);
     }) }) }),
-    formModalOpen ? /* @__PURE__ */ jsx135(
+    formModalOpen ? /* @__PURE__ */ jsx136(
       LarkChannelInstallationFormModal,
       {
         installation: editingInstallation,
@@ -35670,8 +36609,8 @@ var ChannelInstallationsDrawerContent = () => {
   ] });
 };
 var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCancel, onSave }) => {
-  const [form] = Form9.useForm();
-  useEffect57(() => {
+  const [form] = Form10.useForm();
+  useEffect58(() => {
     if (installation) {
       const config = installation.config;
       form.setFieldsValue({
@@ -35704,10 +36643,10 @@ var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCance
           payload2
         );
         if (result2.success) {
-          message24.success("Installation updated");
+          message25.success("Installation updated");
           onSave();
         } else {
-          message24.error(result2.message || "Failed to update installation");
+          message25.error(result2.message || "Failed to update installation");
         }
         return;
       }
@@ -35721,20 +36660,20 @@ var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCance
         payload
       );
       if (result.success) {
-        message24.success("Installation created");
+        message25.success("Installation created");
         onSave();
       } else {
-        message24.error(result.message || "Failed to create installation");
+        message25.error(result.message || "Failed to create installation");
       }
     } catch (error) {
       console.error("Failed to save channel installation:", error);
-      message24.error(
+      message25.error(
         installation ? "Failed to update installation" : "Failed to create installation"
       );
     }
   };
-  return /* @__PURE__ */ jsx135(
-    Modal25,
+  return /* @__PURE__ */ jsx136(
+    Modal26,
     {
       open,
       title: installation ? "Edit Installation" : "Add Installation",
@@ -35742,29 +36681,29 @@ var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCance
       onOk: handleSubmit,
       okText: installation ? "Save" : "Create",
       destroyOnHidden: true,
-      children: /* @__PURE__ */ jsxs97(Form9, { form, layout: "vertical", children: [
-        /* @__PURE__ */ jsx135(Form9.Item, { label: "Channel", children: /* @__PURE__ */ jsx135(Input20, { value: "lark", disabled: true }) }),
-        /* @__PURE__ */ jsx135(Form9.Item, { name: "name", label: "Name", children: /* @__PURE__ */ jsx135(Input20, {}) }),
-        /* @__PURE__ */ jsx135(
-          Form9.Item,
+      children: /* @__PURE__ */ jsxs98(Form10, { form, layout: "vertical", children: [
+        /* @__PURE__ */ jsx136(Form10.Item, { label: "Channel", children: /* @__PURE__ */ jsx136(Input21, { value: "lark", disabled: true }) }),
+        /* @__PURE__ */ jsx136(Form10.Item, { name: "name", label: "Name", children: /* @__PURE__ */ jsx136(Input21, {}) }),
+        /* @__PURE__ */ jsx136(
+          Form10.Item,
           {
             name: "appId",
             label: "App ID",
             rules: [{ required: true, message: "App ID is required" }],
-            children: /* @__PURE__ */ jsx135(Input20, {})
+            children: /* @__PURE__ */ jsx136(Input21, {})
           }
         ),
-        /* @__PURE__ */ jsx135(
-          Form9.Item,
+        /* @__PURE__ */ jsx136(
+          Form10.Item,
           {
             name: "appSecret",
             label: "App Secret",
             rules: [{ required: true, message: "App Secret is required" }],
-            children: /* @__PURE__ */ jsx135(Input20, {})
+            children: /* @__PURE__ */ jsx136(Input21, {})
           }
         ),
-        /* @__PURE__ */ jsx135(Form9.Item, { name: "verificationToken", label: "Verification Token", children: /* @__PURE__ */ jsx135(Input20, {}) }),
-        /* @__PURE__ */ jsx135(Form9.Item, { name: "encryptKey", label: "Encrypt Key", children: /* @__PURE__ */ jsx135(Input20, {}) })
+        /* @__PURE__ */ jsx136(Form10.Item, { name: "verificationToken", label: "Verification Token", children: /* @__PURE__ */ jsx136(Input21, {}) }),
+        /* @__PURE__ */ jsx136(Form10.Item, { name: "encryptKey", label: "Encrypt Key", children: /* @__PURE__ */ jsx136(Input21, {}) })
       ] })
     }
   );
@@ -35808,6 +36747,7 @@ export {
   MDViewFormItem,
   MetricsConfigDrawerContent,
   ModelSelector,
+  PersonalAssistantChannelModal,
   PersonalAssistantPage,
   ProtectedRoute,
   RegisterForm,