@axiom-lattice/react-sdk 2.1.61 → 2.1.62

package/dist/index.js

@@ -40,6 +40,7 @@ __export(index_exports, {
   AuthProvider: () => AuthProvider,
   AxiomLatticeProvider: () => AxiomLatticeProvider,
   ChangePasswordModal: () => ChangePasswordModal,
+  ChannelInstallationsDrawerContent: () => ChannelInstallationsDrawerContent,
   ChatUIContext: () => ChatUIContext,
   ChatUIContextProvider: () => ChatUIContextProvider,
   Chating: () => Chating,
@@ -47,6 +48,7 @@ __export(index_exports, {
   ConversationContext: () => ConversationContext,
   ConversationContextProvider: () => ConversationContextProvider,
   CreateAssistantModal: () => CreateAssistantModal_default,
+  DEFAULT_MIDDLEWARE_TYPES: () => DEFAULT_MIDDLEWARE_TYPES,
   FileExplorer: () => FileExplorer,
   LatticeChat: () => LatticeChat,
   LatticeChatShell: () => LatticeChatShell,
@@ -185,8 +187,8 @@ var AuthProvider = ({
       onLoginSuccess?.(userData, tenantList || []);
       return { requiresTenantSelection, hasTenants };
     } catch (err) {
-      const message20 = err instanceof Error ? err.message : "Login failed";
-      setError(message20);
+      const message21 = err instanceof Error ? err.message : "Login failed";
+      setError(message21);
       throw err;
     } finally {
       setIsLoading(false);
@@ -210,8 +212,8 @@ var AuthProvider = ({
       }
       return { message: data.message || "Registration successful!", token: data.data?.token };
     } catch (err) {
-      const message20 = err instanceof Error ? err.message : "Registration failed";
-      setError(message20);
+      const message21 = err instanceof Error ? err.message : "Registration failed";
+      setError(message21);
       throw err;
     } finally {
       setIsLoading(false);
@@ -258,8 +260,8 @@ var AuthProvider = ({
       }
       onTenantSelected?.(tenantData);
     } catch (err) {
-      const message20 = err instanceof Error ? err.message : "Failed to select tenant";
-      setError(message20);
+      const message21 = err instanceof Error ? err.message : "Failed to select tenant";
+      setError(message21);
       throw err;
     } finally {
       setIsLoading(false);
@@ -298,8 +300,8 @@ var AuthProvider = ({
       setTenants(tenantList);
       sessionStorage.setItem("lattice_tenants", JSON.stringify(tenantList));
     } catch (err) {
-      const message20 = err instanceof Error ? err.message : "Failed to fetch tenants";
-      setError(message20);
+      const message21 = err instanceof Error ? err.message : "Failed to fetch tenants";
+      setError(message21);
     } finally {
       setIsLoading(false);
     }
@@ -329,8 +331,8 @@ var AuthProvider = ({
       setUser(data);
       sessionStorage.setItem("lattice_user", JSON.stringify(data));
     } catch (err) {
-      const message20 = err instanceof Error ? err.message : "Failed to refresh user";
-      setError(message20);
+      const message21 = err instanceof Error ? err.message : "Failed to refresh user";
+      setError(message21);
     } finally {
       setIsLoading(false);
     }
@@ -366,8 +368,8 @@ var AuthProvider = ({
       const result = await response.json();
       return result;
     } catch (err) {
-      const message20 = err instanceof Error ? err.message : "Failed to change password";
-      setError(message20);
+      const message21 = err instanceof Error ? err.message : "Failed to change password";
+      setError(message21);
       throw err;
     } finally {
       setIsLoading(false);
@@ -565,7 +567,7 @@ function useChat(threadId, assistantId, options = {}) {
         throw new Error("Thread ID is required to send messages");
       }
       const { input, command, streaming = true } = data;
-      const { message: message20, files, ...rest } = input || {};
+      const { message: message21, files, ...rest } = input || {};
       setState((prev) => ({
         ...prev,
         isLoading: true,
@@ -574,7 +576,7 @@ function useChat(threadId, assistantId, options = {}) {
       }));
       const userMessage = {
         id: Date.now().toString(),
-        content: message20 || command?.resume?.message || "",
+        content: message21 || command?.resume?.message || "",
         files,
         role: "human"
       };
@@ -1346,6 +1348,36 @@ var DEFAULT_MIDDLEWARE_TYPES = [
       timezone: "UTC"
     },
     tools: []
+  },
+  {
+    type: "scheduler",
+    name: "Scheduler",
+    description: "Enables the agent to schedule future work that re-enters through addMessage",
+    schema: {
+      type: "object",
+      title: "Scheduler Configuration",
+      description: "Configure retry behavior for scheduled tasks",
+      properties: {
+        defaultMaxRetries: {
+          type: "integer",
+          title: "Default Max Retries",
+          description: "Default retry count for scheduled tasks created through the middleware",
+          default: 0,
+          minimum: 0,
+          widget: "numberInput"
+        }
+      }
+    },
+    defaultConfig: {
+      defaultMaxRetries: 0
+    },
+    tools: [
+      { id: "schedule_at", name: "Schedule At", description: "Schedule a task for an absolute time" },
+      { id: "schedule_after", name: "Schedule After", description: "Schedule a task after a relative delay" },
+      { id: "schedule_recurring", name: "Schedule Recurring", description: "Schedule a recurring task with a cron expression" },
+      { id: "cancel_scheduled_task", name: "Cancel Scheduled Task", description: "Cancel an existing scheduled task" },
+      { id: "list_scheduled_tasks", name: "List Scheduled Tasks", description: "List scheduled tasks in the current agent context" }
+    ]
   }
 ];
 var DEFAULT_CONFIG = {
@@ -1509,8 +1541,8 @@ function convertThreadToConversationThread(thread, label) {
 function getThreadMetadata(label) {
   return label ? { label } : {};
 }
-function generateLabelFromMessage(message20) {
-  const cleanMessage = message20.replace(/```attachments[\s\S]*?```/g, "").trim();
+function generateLabelFromMessage(message21) {
+  const cleanMessage = message21.replace(/```attachments[\s\S]*?```/g, "").trim();
   if (!cleanMessage) {
     return "";
   }
@@ -1702,8 +1734,13 @@ var ConversationContextProvider = ({
       setIsLoading(true);
       setError(null);
       try {
+        const existingThread = await client.threads.get(newThread.id);
+        const existingMetadata = existingThread.metadata || {};
         await client.threads.update(newThread.id, {
-          metadata: getThreadMetadata(newThread.label)
+          metadata: {
+            ...existingMetadata,
+            label: newThread.label
+          }
         });
         await loadThreads();
       } catch (err) {
@@ -1953,7 +1990,7 @@ function AgentThreadProvider({
         throw new Error("Thread ID is required to send messages");
       }
       const { input, command, streaming = true, mode } = data;
-      const { message: message20, files, ...rest } = input || {};
+      const { message: message21, files, ...rest } = input || {};
       setState((prev) => ({
         ...prev,
         isLoading: true,
@@ -1962,7 +1999,7 @@ function AgentThreadProvider({
       }));
       const userMessage = {
         id: (0, import_uuid.v4)(),
-        content: message20 || command?.resume?.message || "",
+        content: message21 || command?.resume?.message || "",
         files,
         role: "human"
       };
@@ -1980,8 +2017,8 @@ function AgentThreadProvider({
         ]
       }));
       const isFirstMessage = messageCountRef.current === 0;
-      if (isFirstMessage && message20 && conversationContext) {
-        const label = generateLabelFromMessage(message20);
+      if (isFirstMessage && message21 && conversationContext) {
+        const label = generateLabelFromMessage(message21);
         if (label) {
           conversationContext.updateThread({
             id: threadId,
@@ -3656,8 +3693,8 @@ function useTenants(options) {
       const { data } = await response.json();
       setTenants(data || []);
     } catch (err) {
-      const message20 = err instanceof Error ? err.message : "Failed to fetch tenants";
-      setError(message20);
+      const message21 = err instanceof Error ? err.message : "Failed to fetch tenants";
+      setError(message21);
     } finally {
       setIsLoading(false);
     }
@@ -3699,8 +3736,8 @@ function useUsers(options) {
       const { data } = await response.json();
       setUsers(data || []);
     } catch (err) {
-      const message20 = err instanceof Error ? err.message : "Failed to fetch users";
-      setError(message20);
+      const message21 = err instanceof Error ? err.message : "Failed to fetch users";
+      setError(message21);
     } finally {
       setIsLoading(false);
     }
@@ -3742,6 +3779,9 @@ function useUsers(options) {
 // src/index.ts
 __reExport(index_exports, require("@axiom-lattice/protocols"), module.exports);
 
+// src/components/Chat/LatticeChat.tsx
+var import_lucide_react27 = require("lucide-react");
+
 // src/components/Chat/ChatUIContext.tsx
 var import_react15 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
@@ -3749,6 +3789,21 @@ var emptyHandler = () => {
   throw new Error("ChatUIContextProvider not found");
 };
 var ChatUIContext = (0, import_react15.createContext)({
+  detailVisible: false,
+  setDetailVisible: emptyHandler,
+  detailSize: "large",
+  setDetailSize: emptyHandler,
+  detailSelectedCard: null,
+  setDetailSelectedCard: emptyHandler,
+  openDetail: emptyHandler,
+  closeDetail: emptyHandler,
+  toolsVisible: false,
+  setToolsVisible: emptyHandler,
+  toggleTools: emptyHandler,
+  toolSelectedCard: null,
+  setToolSelectedCard: emptyHandler,
+  openTools: emptyHandler,
+  closeTools: emptyHandler,
   sideAppVisible: false,
   setSideAppVisible: emptyHandler,
   sideAppSize: "large",
@@ -3769,44 +3824,72 @@ var ChatUIContext = (0, import_react15.createContext)({
 var ChatUIContextProvider = ({
   children
 }) => {
-  const [sideAppVisible, setSideAppVisible] = (0, import_react15.useState)(false);
+  const [detailVisible, setDetailVisible] = (0, import_react15.useState)(false);
   const [contentAppVisible, setcontentAppVisible] = (0, import_react15.useState)(false);
-  const [sideAppSize, setSideAppSize] = (0, import_react15.useState)("large");
-  const [sideAppSelectedCard, setSideAppSelectedCard] = (0, import_react15.useState)(null);
+  const [detailSize, setDetailSize] = (0, import_react15.useState)("large");
+  const [detailSelectedCard, setDetailSelectedCard] = (0, import_react15.useState)(null);
+  const [toolsVisible, setToolsVisible] = (0, import_react15.useState)(false);
+  const [toolSelectedCard, setToolSelectedCard] = (0, import_react15.useState)(null);
   const [contentAppSelectedCard, setContentAppSelectedCard] = (0, import_react15.useState)(null);
   const [menuCollapsed, setMenuCollapsed] = (0, import_react15.useState)(false);
-  const openSideApp = (0, import_react15.useCallback)(
-    (card) => {
-      setSideAppSelectedCard(card);
-      setSideAppVisible(true);
-    },
-    [setSideAppSelectedCard, setSideAppVisible]
-  );
-  const openContentApp = (0, import_react15.useCallback)(
-    (card) => {
-      setContentAppSelectedCard(card);
-      setcontentAppVisible(true);
-    },
-    [setContentAppSelectedCard, setcontentAppVisible]
-  );
+  const openDetail = (0, import_react15.useCallback)((card) => {
+    setDetailSelectedCard(card);
+    setDetailVisible(true);
+  }, []);
+  const closeDetail = (0, import_react15.useCallback)(() => {
+    setDetailSelectedCard(null);
+    setDetailVisible(false);
+  }, []);
+  const openTools = (0, import_react15.useCallback)((card) => {
+    setToolSelectedCard(card);
+    setToolsVisible(true);
+  }, []);
+  const closeTools = (0, import_react15.useCallback)(() => {
+    setToolSelectedCard(null);
+    setToolsVisible(false);
+  }, []);
+  const openSideApp = (0, import_react15.useCallback)((card) => {
+    openDetail(card);
+  }, [openDetail]);
+  const openContentApp = (0, import_react15.useCallback)((card) => {
+    setContentAppSelectedCard(card);
+    setcontentAppVisible(true);
+  }, []);
   const closeSideApp = (0, import_react15.useCallback)(() => {
-    setSideAppSelectedCard(null);
-    setSideAppVisible(false);
-  }, [setSideAppSelectedCard, setSideAppVisible]);
+    closeDetail();
+  }, [closeDetail]);
   const closeContentApp = (0, import_react15.useCallback)(() => {
     setContentAppSelectedCard(null);
     setcontentAppVisible(false);
-  }, [setContentAppSelectedCard, setcontentAppVisible]);
+  }, []);
+  const toggleTools = (0, import_react15.useCallback)(() => {
+    setToolsVisible((prev) => !prev);
+  }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     ChatUIContext.Provider,
     {
       value: {
-        sideAppVisible,
-        setSideAppVisible,
-        sideAppSize,
-        setSideAppSize,
-        sideAppSelectedCard,
-        setSideAppSelectedCard,
+        detailVisible,
+        setDetailVisible,
+        detailSize,
+        setDetailSize,
+        detailSelectedCard,
+        setDetailSelectedCard,
+        openDetail,
+        closeDetail,
+        toolsVisible,
+        setToolsVisible,
+        toggleTools,
+        toolSelectedCard,
+        setToolSelectedCard,
+        openTools,
+        closeTools,
+        sideAppVisible: detailVisible,
+        setSideAppVisible: setDetailVisible,
+        sideAppSize: detailSize,
+        setSideAppSize: setDetailSize,
+        sideAppSelectedCard: detailSelectedCard,
+        setSideAppSelectedCard: setDetailSelectedCard,
         openSideApp,
         closeSideApp,
         openContentApp,
@@ -3826,6 +3909,9 @@ var useChatUIContext = () => {
   return (0, import_react15.useContext)(ChatUIContext);
 };
 
+// src/components/Chat/LatticeChat.tsx
+var import_antd_style34 = require("antd-style");
+
 // src/components/Chat/useStyle.tsx
 var import_antd_style2 = require("antd-style");
 var useStyle = (0, import_antd_style2.createStyles)(({ token, css }) => {
@@ -4024,6 +4110,23 @@ var useStyle = (0, import_antd_style2.createStyles)(({ token, css }) => {
         top: 2px;
       }
     `,
+    toolPanel: css`
+      display: flex;
+      flex-direction: column;
+      width: 0;
+      background: ${token.colorBgContainer};
+      transition: all 0.3s ease;
+      overflow: hidden;
+      flex-shrink: 0;
+      border-radius: ${token.borderRadiusLG}px;
+      border: 1px solid transparent;
+
+      &.open {
+        width: 320px;
+        box-shadow: ${token.boxShadow};
+        border-color: ${token.colorBorder};
+      }
+    `,
     detailContent: css`
       // padding: 8px 8px;
       height: 100%;
@@ -4591,39 +4694,44 @@ var useStyle = (0, import_antd_style2.createStyles)(({ token, css }) => {
 // src/components/Chat/ColumnLayout.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var ColumnLayout = ({
-  left,
-  right,
+  main,
+  detail,
+  tools,
   logo,
   menu,
   header
 }) => {
   const { styles } = useStyle();
-  const { sideAppVisible, sideAppSize, sideAppSelectedCard, contentAppSelectedCard, menuCollapsed } = useChatUIContext();
+  const {
+    detailVisible,
+    detailSize,
+    detailSelectedCard,
+    toolsVisible,
+    toolSelectedCard,
+    contentAppSelectedCard,
+    menuCollapsed
+  } = useChatUIContext();
+  const isMenuCollapsed = menuCollapsed || detailVisible;
+  const menuStateClass = isMenuCollapsed ? "collapsed" : "expanded";
+  const hasSidePanelsOpen = detailVisible || toolsVisible;
+  const resolvedDetailSize = toolsVisible && (detailSize || "large") === "large" ? "middle" : detailSize || "large";
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `fina_chat ${styles.layout}`, children: [
-    menu && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-      "div",
-      {
-        className: `${styles.menu} ${"open"} ${sideAppVisible || menuCollapsed ? "collapsed" : "expanded"}`,
-        children: [
-          logo,
-          menu
-        ]
-      }
-    ),
+    menu && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `${styles.menu} ${menuStateClass}`, children: [
+      logo,
+      menu
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: styles.contentArea, children: [
       header && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: styles.header, children: header }),
       /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: styles.columns, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `${styles.mainContent} ${sideAppVisible ? "open" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `${styles.chat} ${contentAppSelectedCard ? "full_content_width" : ""}`, children: left }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `${styles.mainContent} ${hasSidePanelsOpen ? "open" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `${styles.chat} ${contentAppSelectedCard ? "full_content_width" : ""}`, children: main }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "div",
           {
-            className: `${styles.detailPanel} ${sideAppVisible ? `open ${sideAppSize || "large"}` : ""}`,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, {}),
-              sideAppSelectedCard && sideAppVisible && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: styles.detailContent, children: right }) })
-            ]
+            className: `${styles.detailPanel} ${detailVisible ? `open ${resolvedDetailSize}` : ""}`,
+            children: detailVisible && detailSelectedCard && detail ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: styles.detailContent, children: detail }) : null
           }
-        )
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `${styles.toolPanel} ${toolsVisible ? "open" : ""}`, children: toolsVisible && tools ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: styles.detailContent, children: tools }) : null })
       ] })
     ] })
   ] });
@@ -4695,7 +4803,7 @@ var import_icons3 = require("@ant-design/icons");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var { Text: Text3 } = import_antd5.Typography;
 var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = true }) => {
-  const { dataSource, message: message20 } = data ?? {};
+  const { dataSource, message: message21 } = data ?? {};
   const [expandedRowKeys, setExpandedRowKeys] = (0, import_react17.useState)([]);
   const { openSideApp } = useChatUIContext();
   const processedData = dataSource?.map((item, index) => ({
@@ -4794,7 +4902,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 = `${message20 || "data"}_${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.csv`;
+    const filename = `${message21 || "data"}_${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.csv`;
     link.href = URL.createObjectURL(blob);
     link.download = filename;
     document.body.appendChild(link);
@@ -4815,7 +4923,7 @@ var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = t
           tableLayout: "fixed",
           style: { width: "100% !important" },
           title: () => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_antd5.Flex, { justify: "space-between", align: "center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd5.Space, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text3, { strong: true, style: { fontSize: 16 }, children: message20 || "" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd5.Space, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Text3, { strong: true, style: { fontSize: 16 }, children: message21 || "" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_antd5.Space, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                 import_antd5.Button,
@@ -4837,8 +4945,8 @@ var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = t
                   onClick: () => {
                     openSideApp({
                       component_key: "generic_data_table",
-                      message: message20 || "",
-                      data: { dataSource, message: message20 }
+                      message: message21 || "",
+                      data: { dataSource, message: message21 }
                     });
                   },
                   children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_icons3.ExpandAltOutlined, {})
@@ -6262,11 +6370,11 @@ var ConfirmFeedback = ({
   data,
   interactive = true
 }) => {
-  const { message: message20, type, config, feedback, options } = data ?? {};
+  const { message: message21, type, config, feedback, options } = data ?? {};
   const { sendMessage } = useAgentChat();
   const [clicked, setClicked] = (0, import_react25.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_antd12.Space, { direction: "vertical", style: { width: "100%" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(MDResponse, { content: message20 }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(MDResponse, { content: message21 }),
     options ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_antd12.Space, { style: { justifyContent: "flex-end", width: "100%" }, children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       import_antd12.Button,
       {
@@ -7490,7 +7598,7 @@ var AttachmentsCard = ({
   const { config } = useLatticeChatShellContext();
   const baseURL = config.baseURL;
   const fileBaseURL = `${baseURL}/api/assistants/${assistantId}/threads/${threadId}/sandbox/downloadfile?path=`;
-  const { Text: Text38 } = import_antd19.Typography;
+  const { Text: Text39 } = import_antd19.Typography;
   const [showAll, setShowAll] = (0, import_react29.useState)(false);
   const { openSideApp } = useChatUIContext();
   const getStyles = () => {
@@ -7564,7 +7672,7 @@ var AttachmentsCard = ({
     );
   };
   const renderFileDescription = (item) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_antd19.Space, { direction: "vertical", size: size === "small" ? 2 : 4, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_antd19.Space, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-    Text38,
+    Text39,
     {
       type: "secondary",
       style: {
@@ -7638,7 +7746,7 @@ var AttachmentsCard = ({
         }
       ),
       item.files && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { style: { paddingLeft: "12px" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Text38, { type: "secondary", style: { fontSize: "12px" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Text39, { type: "secondary", style: { fontSize: "12px" }, children: [
           "Contains ",
           item.files.length,
           " file(s)"
@@ -8293,7 +8401,7 @@ var import_ErrorBoundary = __toESM(require("antd/es/alert/ErrorBoundary"));
 var import_react32 = require("react");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var LazyBubble = ({
-  message: message20,
+  message: message21,
   renderContent,
   autoLoadRightPanel
 }) => {
@@ -8324,10 +8432,10 @@ var LazyBubble = ({
     autoLoadRightPanel?.();
   }, []);
   const getPlaceholder = () => {
-    const estimatedHeight = message20.content ? Math.min(100, message20.content.length / 5) : 100;
+    const estimatedHeight = message21.content ? Math.min(100, message21.content.length / 5) : 100;
     return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { style: { height: `${estimatedHeight}px`, minHeight: "50px" } });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_ErrorBoundary.default, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { ref, style: { width: "100%" }, children: isVisible || wasEverVisible ? renderContent(message20) : getPlaceholder() }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_ErrorBoundary.default, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { ref, style: { width: "100%" }, children: isVisible || wasEverVisible ? renderContent(message21) : getPlaceholder() }) });
 };
 var MemoizedBubbleList = (0, import_react32.memo)(
   ({
@@ -8358,8 +8466,8 @@ var MessageList = ({
       messageLengthRef.current = messages?.length;
     }
   }, [messages?.length]);
-  const renderContent = (0, import_react32.useCallback)((message20) => {
-    const { content } = message20;
+  const renderContent = (0, import_react32.useCallback)((message21) => {
+    const { content } = message21;
     try {
       const json = JSON.parse(content);
       if (json.action && json.message) {
@@ -8367,7 +8475,7 @@ var MessageList = ({
       }
     } catch (error) {
     }
-    const tool_calls_md = message20.tool_calls?.map((tool_call) => {
+    const tool_calls_md = message21.tool_calls?.map((tool_call) => {
       return `\`\`\`tool_call
 ${JSON.stringify(tool_call)}
 \`\`\``;
@@ -8376,17 +8484,17 @@ ${JSON.stringify(tool_call)}
     return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_antd25.Space, { direction: "vertical", style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(MDResponse, { content: content_md }) });
   }, []);
   const items = (0, import_react32.useMemo)(
-    () => messages.map((message20, index) => ({
-      key: message20.id,
-      role: message20.role,
+    () => messages.map((message21, index) => ({
+      key: message21.id,
+      role: message21.role,
       typing: false,
       content: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         LazyBubble,
         {
-          message: message20,
+          message: message21,
           renderContent,
           autoLoadRightPanel: () => {
-            const { content, role: role2 } = message20;
+            const { content, role: role2 } = message21;
             const isNewAddedMessage = messageLengthRef.current > 1 && messageLengthRef.current + 1 === messages.length;
             if (index === messages.length - 1 && isNewAddedMessage && role2 === "ai") {
               try {
@@ -10217,7 +10325,7 @@ var ProjectCardList = () => {
     }
     setIsCreateModalOpen(false);
   };
-  const formatDate5 = (date) => {
+  const formatDate6 = (date) => {
     const d = typeof date === "string" ? new Date(date) : date;
     return d.toLocaleDateString("en-US", {
       month: "short",
@@ -10308,7 +10416,7 @@ var ProjectCardList = () => {
               /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("h3", { className: styles.projectName, children: project.name }),
               /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: styles.projectDate, children: [
                 "Created ",
-                formatDate5(project.createdAt)
+                formatDate6(project.createdAt)
               ] })
             ] })
           ] }) })
@@ -10326,7 +10434,7 @@ var ProjectCardList = () => {
           /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: styles.listProjectName, children: project.name }),
           /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("span", { className: styles.listProjectDate, children: [
             "Created ",
-            formatDate5(project.createdAt)
+            formatDate6(project.createdAt)
           ] })
         ] })
       ] }, project.id))
@@ -15451,7 +15559,7 @@ var SkillNode = ({ data }) => {
     ) : [],
     [currentSkill.metadata]
   );
-  const formatDate5 = (value) => {
+  const formatDate6 = (value) => {
     if (!value) return "";
     const date = value instanceof Date ? value : new Date(value);
     if (Number.isNaN(date.getTime())) return "";
@@ -16059,7 +16167,7 @@ var SkillNode = ({ data }) => {
                 },
                 children: [
                   "Created: ",
-                  formatDate5(currentSkill.createdAt)
+                  formatDate6(currentSkill.createdAt)
                 ]
               }
             ),
@@ -16073,7 +16181,7 @@ var SkillNode = ({ data }) => {
                 },
                 children: [
                   "Updated: ",
-                  formatDate5(currentSkill.updatedAt)
+                  formatDate6(currentSkill.updatedAt)
                 ]
               }
             )
@@ -17630,8 +17738,7 @@ var WorkspaceResourceManager = ({
               }
             ),
             logo,
-            left: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(SideAppViewBrowser, { region: "content" }),
-            right: null
+            main: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(SideAppViewBrowser, { region: "content" })
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
@@ -20317,6 +20424,11 @@ var useStyles8 = (0, import_antd_style20.createStyles)(({ token, css }) => ({
     padding: 2px 6px;
     border-radius: 4px;
     font-size: 12px;
+  `,
+  messageContent: css`
+    margin-top: 4px;
+    max-width: 300px;
+    word-break: break-word;
   `
 }));
 var getStatusColor = (status) => {
@@ -20502,7 +20614,8 @@ var ScheduleViewer = ({ data }) => {
           /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: styles.taskHeader, children: [
             /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { children: [
               /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: styles.taskType, children: task.taskType }),
-              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: styles.taskId, children: task.taskId })
+              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: styles.taskId, children: task.taskId }),
+              task.payload?.message?.content && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: styles.messageContent, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Text26, { type: "secondary", style: { fontSize: 12 }, children: task.payload.message.content }) })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_antd64.Tag, { color: getStatusColor(task.status), icon: getStatusIcon2(task.status), children: task.status.toUpperCase() })
           ] }),
@@ -20542,19 +20655,6 @@ var ScheduleViewer = ({ data }) => {
             /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_icons34.ExclamationCircleOutlined, { style: { marginRight: 4 } }),
             task.lastError
           ] }) }),
-          task.metadata && Object.keys(task.metadata).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
-            import_antd64.Descriptions,
-            {
-              size: "small",
-              column: 1,
-              style: { marginTop: 12 },
-              items: Object.entries(task.metadata).map(([key, value]) => ({
-                key,
-                label: key,
-                children: typeof value === "object" ? JSON.stringify(value) : String(value)
-              }))
-            }
-          ),
           isActive && renderActions(task)
         ]
       },
@@ -23213,12 +23313,12 @@ var formatDate3 = (timestamp) => {
   });
 };
 var MailboxDetailModal = ({
-  message: message20,
+  message: message21,
   visible,
   onClose
 }) => {
   const { styles } = useStyles15();
-  if (!message20) return null;
+  if (!message21) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     import_antd74.Modal,
     {
@@ -23241,12 +23341,12 @@ var MailboxDetailModal = ({
       children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: styles.modalContent, children: [
         /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: styles.header, children: [
           /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: styles.messageIcon, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react22.Mail, { size: 20 }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Text35, { className: styles.messageId, children: message20.id }),
-          !message20.read && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_antd74.Tag, { color: "red", children: "Unread" })
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Text35, { className: styles.messageId, children: message21.id }),
+          !message21.read && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_antd74.Tag, { color: "red", children: "Unread" })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(Title11, { level: 4, className: styles.title, children: [
           "Message from ",
-          message20.from
+          message21.from
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: styles.metaSection, children: [
           /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: styles.metaItem, children: [
@@ -23256,11 +23356,11 @@ var MailboxDetailModal = ({
                 "div",
                 {
                   className: styles.avatar,
-                  style: { background: getAvatarColor7(message20.from) },
-                  children: getInitials7(message20.from)
+                  style: { background: getAvatarColor7(message21.from) },
+                  children: getInitials7(message21.from)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: message20.from })
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: message21.from })
             ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: styles.metaItem, children: [
@@ -23270,29 +23370,29 @@ var MailboxDetailModal = ({
                 "div",
                 {
                   className: styles.avatar,
-                  style: { background: getAvatarColor7(message20.to) },
-                  children: getInitials7(message20.to)
+                  style: { background: getAvatarColor7(message21.to) },
+                  children: getInitials7(message21.to)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: message20.to })
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: message21.to })
             ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Text35, { className: styles.metaLabel, children: "Time" }),
             /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: styles.metaValue, children: [
               /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_lucide_react22.Calendar, { size: 14 }),
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: formatDate3(message20.timestamp) })
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: formatDate3(message21.timestamp) })
             ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Text35, { className: styles.metaLabel, children: "Type" }),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: styles.metaValue, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_antd74.Tag, { color: message20.type === "broadcast" ? "blue" : "default", children: message20.type }) })
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: styles.metaValue, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_antd74.Tag, { color: message21.type === "broadcast" ? "blue" : "default", children: message21.type }) })
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_antd74.Divider, {}),
         /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: styles.contentSection, children: [
           /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Text35, { className: styles.contentLabel, children: "Message Content" }),
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: styles.contentBox, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Paragraph2, { className: styles.messageContent, children: message20.content }) })
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: styles.contentBox, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Paragraph2, { className: styles.messageContent, children: message21.content }) })
         ] })
       ] })
     }
@@ -23521,26 +23621,26 @@ var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageC
         ]
       }
     ),
-    isExpanded && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.listGroupContent, children: group.messages.map((message20) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+    isExpanded && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.listGroupContent, children: group.messages.map((message21) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
       "div",
       {
-        className: `${styles.listItem} ${!message20.read ? styles.listItemUnread : ""}`,
-        onClick: () => onMessageClick(message20),
+        className: `${styles.listItem} ${!message21.read ? styles.listItemUnread : ""}`,
+        onClick: () => onMessageClick(message21),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.listItemIcon, children: !message20.read ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.unreadBadge }) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_lucide_react23.Circle, { size: 8, style: { color: "#d9d9d9" } }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.listItemIcon, children: !message21.read ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.unreadBadge }) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_lucide_react23.Circle, { size: 8, style: { color: "#d9d9d9" } }) }),
           /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: styles.listItemContent, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: styles.listItemPreview, children: getMessagePreview(message20.content) }),
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: styles.listItemPreview, children: getMessagePreview(message21.content) }),
             /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("span", { className: styles.listItemMeta, children: [
               "To: ",
-              message20.to,
+              message21.to,
               " \u2022 ",
-              message20.type
+              message21.type
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.listItemRight, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: styles.listItemDate, children: formatDate4(message20.timestamp) }) })
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.listItemRight, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: styles.listItemDate, children: formatDate4(message21.timestamp) }) })
         ]
       },
-      message20.id
+      message21.id
     )) })
   ] });
 };
@@ -23551,12 +23651,12 @@ var MailboxPanel = ({ data }) => {
   const { teamMailbox = [] } = data || {};
   const messageGroups = (0, import_react72.useMemo)(() => {
     const groupsMap = /* @__PURE__ */ new Map();
-    teamMailbox.forEach((message20) => {
-      const sender = message20.from;
+    teamMailbox.forEach((message21) => {
+      const sender = message21.from;
       if (!groupsMap.has(sender)) {
         groupsMap.set(sender, []);
       }
-      groupsMap.get(sender).push(message20);
+      groupsMap.get(sender).push(message21);
     });
     const groups = Array.from(groupsMap.entries()).map(([sender, messages]) => ({
       sender,
@@ -23573,8 +23673,8 @@ var MailboxPanel = ({ data }) => {
     return groups;
   }, [teamMailbox]);
   const totalUnread = teamMailbox.filter((m) => !m.read).length;
-  const handleMessageClick = (message20) => {
-    setSelectedMessage(message20);
+  const handleMessageClick = (message21) => {
+    setSelectedMessage(message21);
     setModalVisible(true);
   };
   const handleCloseModal = () => {
@@ -25418,11 +25518,11 @@ var StreamingHTMLRenderer = ({
       if (!iframe || event.source !== iframe.contentWindow) {
         return;
       }
-      const message20 = event.data;
-      if (!message20 || typeof message20 !== "object") {
+      const message21 = event.data;
+      if (!message21 || typeof message21 !== "object") {
         return;
       }
-      switch (message20.type) {
+      switch (message21.type) {
         case "iframe-ready":
           console.log("[StreamingHTMLRenderer] Iframe ready");
           isReadyRef.current = true;
@@ -25437,25 +25537,25 @@ var StreamingHTMLRenderer = ({
           }
           break;
         case "iframe-height":
-          if (typeof message20.height === "number" && message20.height > 0) {
-            setIframeHeight(message20.height);
+          if (typeof message21.height === "number" && message21.height > 0) {
+            setIframeHeight(message21.height);
           }
           break;
         case "iframe-error":
           const streamingError = {
             type: "RENDER_ERROR",
-            message: message20.error || "Unknown iframe error"
+            message: message21.error || "Unknown iframe error"
           };
           onError?.(streamingError);
           break;
         case "widget-prompt":
-          if (typeof message20.text === "string") {
-            onPrompt?.(message20.text);
+          if (typeof message21.text === "string") {
+            onPrompt?.(message21.text);
           }
           break;
         case "widget-open-link":
-          if (typeof message20.url === "string") {
-            window.open(message20.url, "_blank", "noopener,noreferrer");
+          if (typeof message21.url === "string") {
+            window.open(message21.url, "_blank", "noopener,noreferrer");
           }
           break;
       }
@@ -26554,129 +26654,42 @@ var ProjectSelector = () => {
   ] });
 };
 
-// src/components/Chat/LatticeChat.tsx
-var import_jsx_runtime105 = require("react/jsx-runtime");
-var LatticeChat = (props) => {
-  const { assistant_id, thread_id = "", menu, header, ...chatingProps } = props;
-  const { config } = useLatticeChatShellContext();
-  const showWorkspaceSelector = config.enableWorkspace;
-  const leftTop = showWorkspaceSelector ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ProjectSelector, {}) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
-    AgentThreadProvider,
-    {
-      assistantId: assistant_id,
-      threadId: thread_id,
-      options: {
-        streaming: true,
-        enableReturnStateWhenStreamCompleted: true,
-        enableResumeStream: true
-      },
-      children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ChatUIContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
-        "div",
-        {
-          style: {
-            display: "flex",
-            flexDirection: "column",
-            width: "100%",
-            height: "100%"
-          },
-          children: [
-            header,
-            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
-              ColumnLayout,
-              {
-                menu,
-                header: leftTop,
-                left: thread_id ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Chating, { ...chatingProps }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { children: "Please create a conversation first" }),
-                right: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(SideAppViewBrowser, {})
-              }
-            )
-          ]
-        }
-      ) })
-    }
-  );
-};
-
-// src/components/Chat/AgentConversations.tsx
-var import_x7 = require("@ant-design/x");
-var import_antd80 = require("antd");
-var import_react81 = require("react");
-var import_jsx_runtime106 = require("react/jsx-runtime");
-var AgentConversations = ({
-  enableThreadCreation = true,
-  enableThreadList = true
-}) => {
-  const { token } = import_antd80.theme.useToken();
-  const { currentAssistant } = useAssistantContext();
-  const {
-    assistantId,
-    thread,
-    selectThread,
-    createThread,
-    listThreads,
-    threads
-  } = useConversationContext();
-  const style = {
-    width: "100%",
-    background: "transparent",
-    borderRadius: token.borderRadius
-  };
-  const threadItems = (0, import_react81.useMemo)(() => {
-    return threads || [];
-  }, [threads]);
-  const items = threadItems.map((thread2) => ({
-    key: thread2.id,
-    label: thread2.label
-  }));
-  const newChatClick = async () => {
-    if (!assistantId) {
-      return;
-    }
-    await createThread();
-  };
-  if (!enableThreadList) {
-    return null;
-  }
-  const creation = enableThreadCreation ? {
-    onClick: newChatClick
-  } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
-    import_x7.Conversations,
-    {
-      creation,
-      items,
-      activeKey: thread?.id,
-      style,
-      groupable: true,
-      onActiveChange: (key) => {
-        selectThread(key);
-      }
-    }
-  );
-};
-
-// src/components/Chat/LatticeChatView.tsx
-var import_react85 = require("react");
-
-// src/components/Chat/ChatSidebar.tsx
-var import_react84 = require("react");
-var import_antd83 = require("antd");
-var import_lucide_react28 = require("lucide-react");
-
-// src/components/Chat/ProjectsMenuContent.tsx
+// src/components/Chat/ToolPanelFiles.tsx
 var import_react82 = require("react");
 var import_antd81 = require("antd");
-var import_antd_style32 = require("antd-style");
+
+// src/components/Chat/FileDirectoryPanel.tsx
+var import_react81 = __toESM(require("react"));
+var import_antd80 = require("antd");
 var import_lucide_react26 = require("lucide-react");
-var import_jsx_runtime107 = require("react/jsx-runtime");
-var PROJECT_NAME_MAX_LENGTH2 = 50;
+var import_antd_style32 = require("antd-style");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var useStyles19 = (0, import_antd_style32.createStyles)(({ token, css }) => ({
   container: css`
-    padding: 4px;
+    padding: 12px;
     font-size: 13px;
     background: transparent;
   `,
+  header: css`
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 12px;
+    padding: 0 4px;
+    font-size: 15px;
+    line-height: 1.4;
+    font-weight: 600;
+    color: ${token.colorText};
+    letter-spacing: -0.01em;
+    padding-bottom: 8px;
+    border-bottom: 1px solid ${token.colorBorderSecondary};
+
+    svg {
+      width: 16px;
+      height: 16px;
+      color: ${token.colorTextSecondary};
+    }
+  `,
   section: css`
     margin-bottom: 12px;
   `,
@@ -26690,7 +26703,7 @@ var useStyles19 = (0, import_antd_style32.createStyles)(({ token, css }) => ({
   sectionTitle: css`
     font-size: 10px;
     font-weight: 600;
-    letter-spacing: 0.5px;
+    letter-spacing: 0.05em;
     color: ${token.colorTextSecondary};
     text-transform: uppercase;
     cursor: pointer;
@@ -26701,28 +26714,6 @@ var useStyles19 = (0, import_antd_style32.createStyles)(({ token, css }) => ({
       color: ${token.colorPrimary};
     }
   `,
-  sectionAction: css`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 20px;
-    height: 20px;
-    border-radius: 4px;
-    border: none;
-    background: transparent;
-    cursor: pointer;
-    transition: all 0.15s ease;
-
-    &:hover {
-      background: ${token.colorBgTextHover};
-    }
-
-    svg {
-      width: 14px;
-      height: 14px;
-      color: ${token.colorTextSecondary};
-    }
-  `,
   badge: css`
     display: flex;
     align-items: center;
@@ -26731,96 +26722,74 @@ var useStyles19 = (0, import_antd_style32.createStyles)(({ token, css }) => ({
     height: 16px;
     padding: 0 4px;
     border-radius: 8px;
-    background: rgba(0, 0, 0, 0.06);
+    background: ${token.colorFillSecondary};
     font-size: 10px;
-    font-weight: 600;
+    font-weight: 500;
     color: ${token.colorTextSecondary};
   `,
-  projectList: css`
+  assetList: css`
     display: flex;
     flex-direction: column;
     gap: 2px;
   `,
-  projectItem: css`
+  assetItem: css`
     display: flex;
     align-items: center;
     gap: 8px;
-    padding: 6px 8px;
-    border-radius: 6px;
+    width: 100%;
+    padding: 5px 8px;
+    border-radius: 4px;
     cursor: pointer;
     transition: all 0.15s ease;
-    border: 1px solid transparent;
+    border: none;
+    background: transparent;
+    text-align: left;
 
     &:hover {
       background: ${token.colorBgTextHover};
-      border-color: ${token.colorBorder};
-    }
-
-    &.active {
-      background: ${token.colorPrimaryBg};
-      border-color: ${token.colorPrimary};
     }
   `,
-  projectIcon: css`
+  treeRow: css`
     display: flex;
     align-items: center;
+    gap: 8px;
+    width: 100%;
+  `,
+  treeIndent: css`
+    flex-shrink: 0;
+    width: 12px;
+  `,
+  treeToggle: css`
+    display: inline-flex;
+    align-items: center;
     justify-content: center;
+    width: 18px;
+    height: 18px;
+    padding: 0;
+    border: none;
+    border-radius: 4px;
+    background: transparent;
+    color: ${token.colorTextSecondary};
+    cursor: pointer;
 
-    svg {
-      width: 16px;
-      height: 16px;
-      color: ${token.colorPrimary};
+    &:hover {
+      background: ${token.colorBgTextHover};
+      color: ${token.colorText};
     }
   `,
-  projectIconInactive: css`
+  treeSpacer: css`
+    flex-shrink: 0;
+    width: 18px;
+    height: 18px;
+  `,
+  assetIcon: css`
     display: flex;
     align-items: center;
     justify-content: center;
-
-    svg {
-      width: 16px;
-      height: 16px;
-      color: ${token.colorTextSecondary};
-    }
-  `,
-  projectName: css`
-    font-size: 13px;
-    font-weight: 600;
-    color: ${token.colorPrimary};
-    flex: 1;
-  `,
-  projectNameInactive: css`
-    font-size: 13px;
-    font-weight: 500;
-    color: ${token.colorText};
-    flex: 1;
-  `,
-  assetList: css`
-    display: flex;
-    flex-direction: column;
-    gap: 2px;
-  `,
-  assetItem: css`
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 5px 8px;
-    border-radius: 4px;
-    cursor: pointer;
-    transition: all 0.15s ease;
-
-    &:hover {
-      background: ${token.colorBgTextHover};
-    }
-  `,
-  assetIcon: css`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 20px;
-    height: 20px;
-    border-radius: 4px;
-    background: rgba(0, 0, 0, 0.04);
+    width: 20px;
+    height: 20px;
+    border-radius: 4px;
+    background: rgba(0, 0, 0, 0.04);
 
     svg {
       width: 14px;
@@ -26843,6 +26812,11 @@ var useStyles19 = (0, import_antd_style32.createStyles)(({ token, css }) => ({
     font-size: 10px;
     color: ${token.colorTextSecondary};
   `,
+  treeChildren: css`
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  `,
   emptyState: css`
     padding: 12px;
     text-align: center;
@@ -26886,262 +26860,245 @@ var useStyles19 = (0, import_antd_style32.createStyles)(({ token, css }) => ({
       width: 14px;
       height: 14px;
     }
-  `,
-  projectSelector: css`
-    margin-bottom: 12px;
-  `,
-  projectTrigger: css`
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    cursor: pointer;
-    padding: 8px;
-    border-radius: 8px;
-    transition: all 0.2s ease;
-    border: 1px solid transparent;
-
-    &:hover {
-      background: ${token.colorBgTextHover};
-      border-color: ${token.colorBorder};
-    }
-  `,
-  projectTriggerIcon: css`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 28px;
-    height: 28px;
-    border-radius: 6px;
-    background: ${token.colorPrimaryBg};
-
-    svg {
-      width: 16px;
-      height: 16px;
-      color: ${token.colorPrimary};
-    }
-  `,
-  projectTriggerInfo: css`
-    flex: 1;
-    min-width: 0;
-  `,
-  projectTriggerName: css`
-    font-size: 13px;
-    font-weight: 600;
-    color: ${token.colorText};
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  `,
-  projectTriggerArrow: css`
-    display: flex;
-    align-items: center;
-
-    svg {
-      width: 14px;
-      height: 14px;
-      color: ${token.colorTextSecondary};
-      transition: transform 0.2s ease;
-    }
-
-    &.expanded svg {
-      transform: rotate(180deg);
-    }
-  `,
-  projectDropdown: css`
-    display: flex;
-    flex-direction: column;
-    gap: 2px;
-    margin-top: 4px;
-    padding: 4px;
-    background: ${token.colorBgContainer};
-    border-radius: 8px;
-    border: 1px solid ${token.colorBorder};
-  `,
-  projectDropdownItem: css`
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    padding: 8px 10px;
-    border-radius: 6px;
-    cursor: pointer;
-    transition: all 0.15s ease;
-
-    &:hover {
-      background: ${token.colorBgTextHover};
-    }
-
-    &.active {
-      background: ${token.colorPrimaryBg};
-    }
-  `,
-  projectDropdownItemIcon: css`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    svg {
-      width: 14px;
-      height: 14px;
-      color: ${token.colorTextSecondary};
-    }
-  `,
-  projectDropdownItemName: css`
-    font-size: 12px;
-    font-weight: 500;
-    color: ${token.colorText};
-    flex: 1;
-  `,
-  projectDropdownItemNameActive: css`
-    font-size: 12px;
-    font-weight: 600;
-    color: ${token.colorPrimary};
-    flex: 1;
-  `,
-  modalWrap: css`
-    .ant-modal-content {
-      border-radius: 12px;
-      overflow: hidden;
-    }
-  `,
-  formLabel: css`
-    display: block;
-    font-size: 13px;
-    font-weight: 600;
-    color: ${token.colorText};
-    margin-bottom: 8px;
-  `,
-  formInput: css`
-    border-radius: 8px;
-  `,
-  formError: css`
-    font-size: 12px;
-    color: ${token.colorError};
-    margin-top: 6px;
-  `,
-  modalFooter: css`
-    display: flex;
-    justify-content: flex-end;
-    gap: 8px;
   `
 }));
-var ProjectsMenuContent = () => {
+var formatDate5 = (dateStr) => {
+  if (!dateStr) return "";
+  const date = new Date(dateStr);
+  return date.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+};
+var getFileName = (path) => {
+  if (!path) return "";
+  const parts = path.split(/[/\\]/);
+  return parts[parts.length - 1];
+};
+var getEntryName = (entry) => getFileName(entry.name || entry.path);
+var FileDirectoryPanel = ({
+  workspaceId,
+  projectId,
+  resourceFolders,
+  folderEntries,
+  folderLoading,
+  directoryChildren,
+  directoryLoading,
+  directoryExpanded,
+  uploadingFolder,
+  onRefreshFolder,
+  onUploadFolder,
+  onToggleDirectory,
+  onAssetClick
+}) => {
   const { styles } = useStyles19();
+  const renderEntry = import_react81.default.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__ */ (0, import_jsx_runtime105.jsxs)("div", { className: styles.treeChildren, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: styles.treeRow, children: [
+          Array.from({ length: depth }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: styles.treeIndent }, `${entry.path}-indent-${index}`)),
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+            "button",
+            {
+              type: "button",
+              className: styles.treeToggle,
+              "aria-label": `${isExpanded ? "collapse" : "expand"} ${entryName}`,
+              onClick: () => void onToggleDirectory(entry.path),
+              children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react26.ChevronRight, { size: 14, style: { transform: isExpanded ? "rotate(90deg)" : void 0 } })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
+            "button",
+            {
+              type: "button",
+              className: styles.assetItem,
+              "aria-label": `toggle ${entryName}`,
+              onClick: () => void onToggleDirectory(entry.path),
+              title: entryName,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: styles.assetIcon, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react26.FolderOpen, { size: 14 }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: styles.assetInfo, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: styles.assetName, children: entryName }) })
+              ]
+            }
+          )
+        ] }),
+        isExpanded ? isLoading ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: styles.loading, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_antd80.Spin, { size: "small" }) }) : children.length > 0 ? children.map((child) => renderEntry(child, depth + 1)) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: styles.emptyState, children: "No files in this folder" }) : null
+      ] }, entry.path);
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: styles.treeRow, children: [
+      Array.from({ length: depth }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: styles.treeIndent }, `${entry.path}-indent-${index}`)),
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: styles.treeSpacer }),
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: styles.assetItem,
+          onClick: () => onAssetClick(entry),
+          "aria-label": `open ${entryName}`,
+          title: entryName,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: styles.assetIcon, children: getFileIcon2(entryName) }),
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: styles.assetInfo, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: styles.assetName, children: entryName }),
+              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: styles.assetMeta, children: formatDate5(entry.modified_at) })
+            ] })
+          ]
+        }
+      )
+    ] }, entry.path);
+  }, [directoryChildren, directoryExpanded, directoryLoading, onAssetClick, onToggleDirectory, styles]);
+  if (!projectId) {
+    return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: styles.emptyState, children: "Please select a project to browse files" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: styles.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("h3", { className: styles.header, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react26.FolderOpen, { size: 16 }),
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { children: "Files" })
+    ] }),
+    resourceFolders.map((folder) => {
+      const entries = folderEntries[folder.name] || [];
+      const isLoading = folderLoading[folder.name] || false;
+      const itemCount = entries.length;
+      return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: styles.section, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: styles.sectionHeader, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+            "span",
+            {
+              className: styles.sectionTitle,
+              onClick: () => void onRefreshFolder(folder),
+              title: "Click to refresh",
+              children: folder.displayName || folder.name
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: styles.badge, children: itemCount })
+        ] }),
+        isLoading ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: styles.loading, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_antd80.Spin, { size: "small" }) }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: styles.assetList, children: [
+          entries.map((entry) => renderEntry(entry, 0)),
+          entries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: styles.emptyState, children: "No files in this folder" }) : null,
+          folder.allowUpload ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+            "button",
+            {
+              type: "button",
+              className: styles.uploadBtn,
+              onClick: () => void onUploadFolder(folder.name),
+              disabled: !workspaceId || !projectId || uploadingFolder === folder.name,
+              children: uploadingFolder === folder.name ? /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_antd80.Spin, { size: "small" }),
+                /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { children: "Uploading..." })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react26.Upload, { size: 14 }),
+                /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { children: "Upload" })
+              ] })
+            }
+          ) : null
+        ] })
+      ] }, folder.name);
+    })
+  ] });
+};
+
+// src/components/Chat/ToolPanelFiles.tsx
+var import_jsx_runtime106 = require("react/jsx-runtime");
+var ToolPanelFiles = () => {
   const { config } = useLatticeChatShellContext();
   const { openSideApp } = useChatUIContext();
   const {
     workspaceId,
     projectId,
-    projects,
-    setProject,
+    listPath,
     listPathByFolder,
-    createProject,
     getFileViewUrl,
     uploadFileToFolder
   } = useWorkspaceContext();
-  const [folderAssets, setFolderAssets] = (0, import_react82.useState)({});
+  const [folderEntries, setFolderEntries] = (0, import_react82.useState)({});
   const [folderLoading, setFolderLoading] = (0, import_react82.useState)({});
-  const [isProjectListOpen, setIsProjectListOpen] = (0, import_react82.useState)(false);
+  const [directoryChildren, setDirectoryChildren] = (0, import_react82.useState)({});
+  const [directoryLoading, setDirectoryLoading] = (0, import_react82.useState)({});
+  const [directoryExpanded, setDirectoryExpanded] = (0, import_react82.useState)({});
   const [uploadingFolder, setUploadingFolder] = (0, import_react82.useState)(null);
-  const [isModalOpen, setIsModalOpen] = (0, import_react82.useState)(false);
-  const [projectName, setProjectName] = (0, import_react82.useState)("");
-  const [validationError, setValidationError] = (0, import_react82.useState)(null);
-  const [isCreating, setIsCreating] = (0, import_react82.useState)(false);
-  const projectNameInputRef = (0, import_react82.useRef)(null);
   const resourceFolders = (0, import_react82.useMemo)(() => {
     return config.resourceFolders && config.resourceFolders.length > 0 ? config.resourceFolders : [{ name: "/", displayName: "Project Assets", allowUpload: true }];
   }, [config.resourceFolders]);
-  const currentProject = (0, import_react82.useMemo)(() => {
-    return projects.find((p) => p.id === projectId);
-  }, [projects, projectId]);
   const loadAssetsForFolder = (0, import_react82.useCallback)(async (folder) => {
     if (!workspaceId || !projectId) {
-      setFolderAssets((prev) => ({ ...prev, [folder.name]: [] }));
+      setFolderEntries((prev) => ({ ...prev, [folder.name]: [] }));
       return;
     }
     setFolderLoading((prev) => ({ ...prev, [folder.name]: true }));
     try {
       const items = await listPathByFolder(folder.name);
-      setFolderAssets((prev) => ({ ...prev, [folder.name]: items.filter((item) => !item.is_dir) }));
+      setFolderEntries((prev) => ({ ...prev, [folder.name]: items }));
+      setDirectoryChildren((prev) => {
+        const next = { ...prev };
+        const folderPath = folder.name === "/" ? "/" : folder.name.replace(/\/$/, "");
+        Object.keys(next).forEach((key) => {
+          if (key === folderPath || key.startsWith(`${folderPath}/`)) {
+            delete next[key];
+          }
+        });
+        return next;
+      });
+      setDirectoryExpanded((prev) => {
+        const next = { ...prev };
+        const folderPath = folder.name === "/" ? "/" : folder.name.replace(/\/$/, "");
+        Object.keys(next).forEach((key) => {
+          if (key === folderPath || key.startsWith(`${folderPath}/`)) {
+            delete next[key];
+          }
+        });
+        return next;
+      });
     } catch (error) {
       console.error(`Failed to load assets for folder ${folder.name}:`, error);
-      setFolderAssets((prev) => ({ ...prev, [folder.name]: [] }));
+      setFolderEntries((prev) => ({ ...prev, [folder.name]: [] }));
     } finally {
       setFolderLoading((prev) => ({ ...prev, [folder.name]: false }));
     }
   }, [workspaceId, projectId, listPathByFolder]);
-  (0, import_react82.useEffect)(() => {
-    resourceFolders.forEach((folder) => {
-      loadAssetsForFolder(folder);
-    });
-  }, [workspaceId, projectId, loadAssetsForFolder, resourceFolders]);
-  const handleSelectProject = (0, import_react82.useCallback)((selectedProjectId) => {
-    setProject(selectedProjectId);
-    setIsProjectListOpen(false);
-  }, [setProject]);
-  const toggleProjectList = (0, import_react82.useCallback)(() => {
-    setIsProjectListOpen((prev) => !prev);
-  }, []);
-  const validateProjectName = (0, import_react82.useCallback)((name) => {
-    const trimmed = name.trim();
-    if (!trimmed) return "Project name is required";
-    if (trimmed.length > PROJECT_NAME_MAX_LENGTH2) {
-      return `Name must be ${PROJECT_NAME_MAX_LENGTH2} characters or less`;
-    }
-    return null;
-  }, []);
-  const handleOpenModal = (0, import_react82.useCallback)(() => {
-    if (!workspaceId) {
-      import_antd81.message.warning("Please select a workspace first");
+  const handleToggleDirectory = (0, import_react82.useCallback)(async (path) => {
+    const isExpanded = directoryExpanded[path] || false;
+    if (isExpanded) {
+      setDirectoryExpanded((prev) => ({ ...prev, [path]: false }));
       return;
     }
-    setProjectName("");
-    setValidationError(null);
-    setIsModalOpen(true);
-    setTimeout(() => projectNameInputRef.current?.input?.focus(), 100);
-  }, [workspaceId]);
-  const handleCloseModal = (0, import_react82.useCallback)(() => {
-    setIsModalOpen(false);
-    setProjectName("");
-    setValidationError(null);
-  }, []);
-  const handleProjectNameChange = (e) => {
-    const value = e.target.value;
-    setProjectName(value);
-    setValidationError(validateProjectName(value));
-  };
-  const handleCreateProject = (0, import_react82.useCallback)(async () => {
-    if (!workspaceId) return;
-    const trimmed = projectName.trim();
-    const error = validateProjectName(trimmed);
-    if (error) {
-      setValidationError(error);
+    setDirectoryExpanded((prev) => ({ ...prev, [path]: true }));
+    if (directoryChildren[path]) {
       return;
     }
-    setIsCreating(true);
-    setValidationError(null);
+    setDirectoryLoading((prev) => ({ ...prev, [path]: true }));
     try {
-      const project = await createProject(workspaceId, { name: trimmed });
-      setIsModalOpen(false);
-      setProjectName("");
-      setValidationError(null);
-      setProject(project.id);
-      import_antd81.message.success(`Project "${project.name}" created`);
-    } catch (err) {
-      const errMsg = err instanceof Error ? err.message : "Failed to create project";
-      setValidationError(errMsg);
+      const items = await listPath(path);
+      setDirectoryChildren((prev) => ({ ...prev, [path]: items }));
+    } catch (error) {
+      console.error(`Failed to load directory ${path}:`, error);
+      setDirectoryChildren((prev) => ({ ...prev, [path]: [] }));
     } finally {
-      setIsCreating(false);
+      setDirectoryLoading((prev) => ({ ...prev, [path]: false }));
     }
-  }, [workspaceId, projectName, validateProjectName, createProject, setProject]);
-  const handleModalKeyDown = (e) => {
-    if (e.key === "Enter" && !e.shiftKey) {
-      e.preventDefault();
-      const error = validateProjectName(projectName.trim());
-      if (!error) handleCreateProject();
+  }, [directoryChildren, directoryExpanded, listPath]);
+  (0, import_react82.useEffect)(() => {
+    resourceFolders.forEach((folder) => {
+      void loadAssetsForFolder(folder);
+    });
+  }, [resourceFolders, loadAssetsForFolder]);
+  const handleAssetClick = (0, import_react82.useCallback)((asset) => {
+    const fileUrl = getFileViewUrl(asset.path);
+    if (!fileUrl) {
+      import_antd81.message.warning("Please select a workspace and project first.");
+      return;
     }
-  };
-  const isProjectNameValid = !validateProjectName(projectName.trim());
-  const handleUploadClick = async (folderName) => {
+    openSideApp({
+      component_key: "attachments",
+      data: {
+        file_id: asset.path,
+        message: `Preview: ${asset.name || asset.path}`,
+        full_url: fileUrl
+      },
+      message: `Preview: ${asset.name || asset.path}`
+    });
+  }, [getFileViewUrl, openSideApp]);
+  const handleUploadFolder = (0, import_react82.useCallback)(async (folderName) => {
     if (!workspaceId || !projectId) {
       import_antd81.message.warning("Please select a workspace and project before uploading.");
       return;
@@ -27158,7 +27115,7 @@ var ProjectsMenuContent = () => {
       try {
         await uploadFileToFolder(folderName, file);
         import_antd81.message.success(`Uploaded "${file.name}" successfully`);
-        const folder = resourceFolders.find((f) => f.name === folderName);
+        const folder = resourceFolders.find((item) => item.name === folderName);
         if (folder) {
           await loadAssetsForFolder(folder);
         }
@@ -27171,143 +27128,226 @@ var ProjectsMenuContent = () => {
       }
     };
     input.click();
-  };
-  const handleAssetClick = (asset) => {
-    const fileUrl = getFileViewUrl(asset.path);
-    if (!fileUrl) {
-      import_antd81.message.warning("Please select a workspace and project first.");
-      return;
+  }, [workspaceId, projectId, uploadFileToFolder, resourceFolders, loadAssetsForFolder]);
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+    FileDirectoryPanel,
+    {
+      workspaceId,
+      projectId,
+      resourceFolders,
+      folderEntries,
+      folderLoading,
+      directoryChildren,
+      directoryLoading,
+      directoryExpanded,
+      uploadingFolder,
+      onRefreshFolder: loadAssetsForFolder,
+      onUploadFolder: handleUploadFolder,
+      onToggleDirectory: handleToggleDirectory,
+      onAssetClick: handleAssetClick
     }
-    openSideApp({
-      component_key: "attachments",
-      data: {
-        file_id: asset.path,
-        message: `Preview: ${asset.name || asset.path}`,
-        full_url: fileUrl
-      },
-      message: `Preview: ${asset.name || asset.path}`
-    });
-  };
-  const formatDate5 = (dateStr) => {
-    if (!dateStr) return "";
-    const date = new Date(dateStr);
-    return date.toLocaleDateString("en-US", { month: "short", day: "numeric" });
-  };
-  const getFileName = (path) => {
-    if (!path) return "";
-    const parts = path.split(/[/\\]/);
-    return parts[parts.length - 1];
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: styles.container, children: [
-    resourceFolders.map((folder) => {
-      const assets = folderAssets[folder.name] || [];
-      const isLoading = folderLoading[folder.name] || false;
-      return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: styles.section, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: styles.sectionHeader, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
-            "span",
-            {
-              className: styles.sectionTitle,
-              onClick: () => loadAssetsForFolder(folder),
-              title: "Click to refresh",
-              children: folder.displayName || folder.name
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: styles.badge, children: assets.length })
-        ] }),
-        isLoading ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: styles.loading, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_antd81.Spin, { size: "small" }) }) : /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: styles.assetList, children: [
-          assets.map((asset) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
-            "div",
-            {
-              className: styles.assetItem,
-              onClick: () => handleAssetClick(asset),
-              title: getFileName(asset.name || asset.path),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: styles.assetIcon, children: getFileIcon2(getFileName(asset.name || asset.path)) }),
-                /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: styles.assetInfo, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: styles.assetName, children: getFileName(asset.name || asset.path) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: styles.assetMeta, children: formatDate5(asset.modified_at) })
-                ] })
-              ]
-            },
-            asset.path
-          )),
-          assets.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: styles.emptyState, children: "No files in this folder" }),
-          folder.allowUpload && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
-            "button",
-            {
-              type: "button",
-              className: styles.uploadBtn,
-              onClick: () => handleUploadClick(folder.name),
-              disabled: !workspaceId || !projectId || uploadingFolder === folder.name,
-              children: uploadingFolder === folder.name ? /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_jsx_runtime107.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_antd81.Spin, { size: "small" }),
-                /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: "Uploading..." })
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_jsx_runtime107.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react26.Upload, { size: 14 }),
-                /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: "Upload" })
-              ] })
-            }
-          )
-        ] })
-      ] }, folder.name);
-    }),
-    /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
-      import_antd81.Modal,
-      {
-        title: "Create New Project",
-        open: isModalOpen,
-        onCancel: handleCloseModal,
-        wrapClassName: styles.modalWrap,
-        centered: true,
-        destroyOnClose: true,
-        maskClosable: !isCreating,
-        keyboard: true,
-        closable: true,
-        footer: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: styles.modalFooter, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_antd81.Button, { onClick: handleCloseModal, disabled: isCreating, children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
-            import_antd81.Button,
-            {
-              type: "primary",
-              onClick: handleCreateProject,
-              disabled: !isProjectNameValid,
-              loading: isCreating,
-              children: "Create Project"
-            }
-          )
-        ] }),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("label", { className: styles.formLabel, htmlFor: "project-name", children: "Project Name" }),
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
-            import_antd81.Input,
-            {
-              id: "project-name",
-              ref: projectNameInputRef,
-              className: styles.formInput,
-              placeholder: "e.g., Q4 Analysis, Marketing Campaign...",
-              value: projectName,
-              onChange: handleProjectNameChange,
-              onKeyDown: handleModalKeyDown,
-              maxLength: PROJECT_NAME_MAX_LENGTH2,
-              status: validationError ? "error" : void 0,
-              disabled: isCreating
-            }
-          ),
-          validationError && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: styles.formError, role: "alert", children: validationError })
-        ]
+  );
+};
+
+// src/components/Chat/HeaderIconButton.tsx
+var import_antd82 = require("antd");
+var import_antd_style33 = require("antd-style");
+var import_jsx_runtime107 = require("react/jsx-runtime");
+var useStyles20 = (0, import_antd_style33.createStyles)(({ token, css }) => ({
+  button: css`
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    border-radius: 8px;
+    border: 1px solid transparent;
+    background: transparent;
+    color: inherit;
+    transition: all 0.2s ease;
+
+    &:hover {
+      background: ${token.colorBgTextHover};
+      border-color: ${token.colorBorderSecondary};
+    }
+
+    &[aria-pressed="true"] {
+      background: ${token.colorBgTextHover};
+      border-color: ${token.colorBorderSecondary};
+    }
+  `
+}));
+var HeaderIconButton = ({
+  ariaLabel,
+  icon,
+  onClick,
+  pressed = false
+}) => {
+  const { styles } = useStyles20();
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+    import_antd82.Button,
+    {
+      type: "text",
+      size: "small",
+      className: styles.button,
+      icon,
+      onClick,
+      "aria-label": ariaLabel,
+      "aria-pressed": pressed
+    }
+  );
+};
+
+// src/components/Chat/LatticeChat.tsx
+var import_jsx_runtime108 = require("react/jsx-runtime");
+var useStyles21 = (0, import_antd_style34.createStyles)(({ css }) => ({
+  wrapper: css`
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+  `,
+  headerBar: css`
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    width: 100%;
+  `,
+  headerLeft: css`
+    display: flex;
+    align-items: center;
+    min-width: 0;
+    flex: 1;
+  `,
+  headerRight: css`
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    flex-shrink: 0;
+  `
+}));
+var LatticeChatContent = (props) => {
+  const { assistant_id: _assistantId, thread_id = "", menu, header, ...chatingProps } = props;
+  const { config } = useLatticeChatShellContext();
+  const { styles } = useStyles21();
+  const { toolsVisible, toggleTools } = useChatUIContext();
+  const showWorkspaceSelector = config.enableWorkspace;
+  const layoutHeader = /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: styles.headerBar, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: styles.headerLeft, children: showWorkspaceSelector ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ProjectSelector, {}) : null }),
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: styles.headerRight, children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+      HeaderIconButton,
+      {
+        ariaLabel: "Toggle file directory",
+        icon: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_lucide_react27.FolderOpen, { size: 16 }),
+        onClick: toggleTools,
+        pressed: toolsVisible
+      }
+    ) })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: styles.wrapper, children: [
+    header,
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+      ColumnLayout,
+      {
+        menu,
+        header: layoutHeader,
+        main: thread_id ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Chating, { ...chatingProps }) : /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { children: "Please create a conversation first" }),
+        detail: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(SideAppViewBrowser, {}),
+        tools: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ToolPanelFiles, {})
       }
     )
   ] });
 };
+var LatticeChat = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+    AgentThreadProvider,
+    {
+      assistantId: props.assistant_id,
+      threadId: props.thread_id || "",
+      options: {
+        streaming: true,
+        enableReturnStateWhenStreamCompleted: true,
+        enableResumeStream: true
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ChatUIContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(LatticeChatContent, { ...props }) })
+    }
+  );
+};
+
+// src/components/Chat/AgentConversations.tsx
+var import_x7 = require("@ant-design/x");
+var import_antd83 = require("antd");
+var import_react83 = require("react");
+var import_jsx_runtime109 = require("react/jsx-runtime");
+var AgentConversations = ({
+  enableThreadCreation = true,
+  enableThreadList = true
+}) => {
+  const { token } = import_antd83.theme.useToken();
+  const { currentAssistant } = useAssistantContext();
+  const {
+    assistantId,
+    thread,
+    selectThread,
+    createThread,
+    listThreads,
+    threads
+  } = useConversationContext();
+  const style = {
+    width: "100%",
+    background: "transparent",
+    borderRadius: token.borderRadius
+  };
+  const threadItems = (0, import_react83.useMemo)(() => {
+    return threads || [];
+  }, [threads]);
+  const items = threadItems.map((thread2) => ({
+    key: thread2.id,
+    label: thread2.label
+  }));
+  const newChatClick = async () => {
+    if (!assistantId) {
+      return;
+    }
+    await createThread();
+  };
+  if (!enableThreadList) {
+    return null;
+  }
+  const creation = enableThreadCreation ? {
+    onClick: newChatClick
+  } : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+    import_x7.Conversations,
+    {
+      creation,
+      items,
+      activeKey: thread?.id,
+      style,
+      groupable: true,
+      onActiveChange: (key) => {
+        selectThread(key);
+      }
+    }
+  );
+};
+
+// src/components/Chat/LatticeChatView.tsx
+var import_react86 = require("react");
+
+// src/components/Chat/ChatSidebar.tsx
+var import_react85 = require("react");
+var import_antd85 = require("antd");
+var import_lucide_react29 = require("lucide-react");
 
 // src/components/Chat/ThreadHistoryMenuContent.tsx
-var import_react83 = __toESM(require("react"));
-var import_antd_style33 = require("antd-style");
-var import_lucide_react27 = require("lucide-react");
-var import_antd82 = require("antd");
-var import_jsx_runtime108 = require("react/jsx-runtime");
-var useStyles20 = (0, import_antd_style33.createStyles)(({ token, css }) => ({
+var import_react84 = __toESM(require("react"));
+var import_antd_style35 = require("antd-style");
+var import_lucide_react28 = require("lucide-react");
+var import_antd84 = require("antd");
+var import_jsx_runtime110 = require("react/jsx-runtime");
+var useStyles22 = (0, import_antd_style35.createStyles)(({ token, css }) => ({
   container: css`
     padding: 4px;
     font-size: 13px;
@@ -27408,7 +27448,7 @@ var useStyles20 = (0, import_antd_style33.createStyles)(({ token, css }) => ({
   `
 }));
 var ThreadHistoryMenuContent = () => {
-  const { styles } = useStyles20();
+  const { styles } = useStyles22();
   const {
     threads,
     threadId,
@@ -27416,10 +27456,10 @@ var ThreadHistoryMenuContent = () => {
     deleteThread,
     isLoading
   } = useConversationContext();
-  const handleDeleteThread = (0, import_react83.useCallback)(
+  const handleDeleteThread = (0, import_react84.useCallback)(
     async (e, threadIdToDelete) => {
       e.stopPropagation();
-      import_antd82.Modal.confirm({
+      import_antd84.Modal.confirm({
         title: "Delete Conversation",
         content: "Are you sure you want to delete this conversation? This action cannot be undone.",
         okText: "Delete",
@@ -27428,16 +27468,16 @@ var ThreadHistoryMenuContent = () => {
         onOk: async () => {
           try {
             await deleteThread(threadIdToDelete);
-            import_antd82.message.success("Conversation deleted");
+            import_antd84.message.success("Conversation deleted");
           } catch (error) {
-            import_antd82.message.error("Failed to delete conversation");
+            import_antd84.message.error("Failed to delete conversation");
           }
         }
       });
     },
     [deleteThread]
   );
-  const sortedThreads = import_react83.default.useMemo(() => {
+  const sortedThreads = import_react84.default.useMemo(() => {
     return [...threads].sort((a, b) => {
       const dateA = a.updatedAt ? new Date(a.updatedAt).getTime() : 0;
       const dateB = b.updatedAt ? new Date(b.updatedAt).getTime() : 0;
@@ -27445,30 +27485,30 @@ var ThreadHistoryMenuContent = () => {
     });
   }, [threads]);
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: styles.container, children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: styles.loading, children: "Loading conversations..." }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: styles.container, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: styles.loading, children: "Loading conversations..." }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: styles.container, children: sortedThreads.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: styles.emptyState, children: "No conversations yet" }) : /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: styles.threadList, children: sortedThreads.map((thread) => /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: styles.container, children: sortedThreads.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: styles.emptyState, children: "No conversations yet" }) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: styles.threadList, children: sortedThreads.map((thread) => /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
     "div",
     {
       className: `${styles.threadItem} ${thread.id === threadId ? "active" : ""}`,
       onClick: () => selectThread(thread.id),
       title: thread.label,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: styles.threadIcon, children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_lucide_react27.MessageSquare, { size: 14 }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: styles.threadIcon, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_lucide_react28.MessageSquare, { size: 14 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
           "div",
           {
             className: thread.id === threadId ? styles.threadNameActive : styles.threadName,
             children: thread.label
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
           "button",
           {
             className: styles.deleteBtn,
             onClick: (e) => handleDeleteThread(e, thread.id),
             title: "Delete conversation",
-            children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_lucide_react27.Trash2, { size: 12 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_lucide_react28.Trash2, { size: 12 })
           }
         )
       ]
@@ -27478,7 +27518,7 @@ var ThreadHistoryMenuContent = () => {
 };
 
 // src/components/Chat/ChatSidebar.tsx
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_jsx_runtime111 = require("react/jsx-runtime");
 var DRAWER_STYLES2 = {
   wrapper: {
     background: "transparent",
@@ -27504,7 +27544,7 @@ var DEFAULT_MENU_ITEMS = [
     builtin: "new-analysis",
     type: "action",
     name: "New Analysis",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react28.PlusCircle, { size: 20 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_lucide_react29.PlusCircle, { size: 20 }),
     order: 0
   },
   // Second: Thread History (inline drawer)
@@ -27513,28 +27553,15 @@ var DEFAULT_MENU_ITEMS = [
     builtin: "thread-history",
     type: "drawer",
     name: "History",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react28.History, { size: 20 }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_lucide_react29.History, { size: 20 }),
     order: 1,
     title: "Conversation History",
     width: 320,
     inline: true,
-    inlineDefaultExpanded: false,
-    content: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(ThreadHistoryMenuContent, {})
-  },
-  // Third: Projects (inline drawer)
-  {
-    id: "files",
-    builtin: "projects",
-    type: "drawer",
-    name: "Project Files",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react28.FolderOpen, {}),
-    order: 2,
-    title: "Project Files",
-    width: 320,
-    inline: true,
     inlineDefaultExpanded: true,
-    content: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(ProjectsMenuContent, {})
+    content: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(ThreadHistoryMenuContent, {})
   }
+  // Project Files removed - now accessed via header toggle
 ];
 var ChatSidebar = ({
   onSettingsClick,
@@ -27545,8 +27572,8 @@ var ChatSidebar = ({
   const { sideAppVisible, menuCollapsed, setMenuCollapsed } = useChatUIContext();
   const { user, logout } = useAuth();
   const { createThread } = useConversationContext();
-  const [drawerStates, setDrawerStates] = (0, import_react84.useState)({});
-  const [changePasswordOpen, setChangePasswordOpen] = (0, import_react84.useState)(false);
+  const [drawerStates, setDrawerStates] = (0, import_react85.useState)({});
+  const [changePasswordOpen, setChangePasswordOpen] = (0, import_react85.useState)(false);
   const {
     sidebarMode,
     sidebarShowToggle,
@@ -27555,14 +27582,14 @@ var ChatSidebar = ({
     sidebarLogoIcon
   } = config;
   const isExpandedMode = sidebarMode === "expanded";
-  const menuItems = (0, import_react84.useMemo)(() => {
+  const menuItems = (0, import_react85.useMemo)(() => {
     const items = [...DEFAULT_MENU_ITEMS];
     for (const item of customMenuItems) {
       items.push(item);
     }
     return items.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
   }, [customMenuItems]);
-  const handleMenuClick = (0, import_react84.useCallback)(async (item) => {
+  const handleMenuClick = (0, import_react85.useCallback)(async (item) => {
     if (item.builtin === "settings") {
       setSettingsModalOpen(true);
       onSettingsClick?.();
@@ -27585,46 +27612,44 @@ var ChatSidebar = ({
       }
     }
   }, [onSettingsClick, setSettingsModalOpen, createThread, logout]);
-  const handleCloseDrawer = (0, import_react84.useCallback)((itemId) => {
+  const handleCloseDrawer = (0, import_react85.useCallback)((itemId) => {
     setDrawerStates((prev) => ({ ...prev, [itemId]: false }));
   }, []);
-  const handleNewAnalysis = (0, import_react84.useCallback)(async () => {
+  const handleNewAnalysis = (0, import_react85.useCallback)(async () => {
     try {
       await createThread("New Analysis");
     } catch (error) {
       console.error("Failed to create new thread:", error);
     }
   }, [createThread]);
-  const renderDrawerContent = (0, import_react84.useCallback)((item) => {
+  const renderDrawerContent = (0, import_react85.useCallback)((item) => {
     switch (item.builtin) {
-      case "projects":
-        return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(ProjectsMenuContent, {});
       case "thread-history":
-        return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(ThreadHistoryMenuContent, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(ThreadHistoryMenuContent, {});
       default:
         return item.content;
     }
   }, []);
-  const userMenuItems = /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { style: { minWidth: 160 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { style: { padding: "8px 12px", borderBottom: "1px solid #f0f0f0" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { style: { fontWeight: 500 }, children: user?.name || user?.email }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { style: { fontSize: 12, color: "#666" }, children: user?.email })
+  const userMenuItems = /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { style: { minWidth: 160 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { style: { padding: "8px 12px", borderBottom: "1px solid #f0f0f0" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { style: { fontWeight: 500 }, children: user?.name || user?.email }),
+      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { style: { fontSize: 12, color: "#666" }, children: user?.email })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
-      import_antd83.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+      import_antd85.Button,
       {
         type: "text",
         block: true,
         style: { justifyContent: "flex-start", padding: "8px 12px" },
         onClick: () => setChangePasswordOpen(true),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react28.Key, { size: 16, style: { marginRight: 8 } }),
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_lucide_react29.Key, { size: 16, style: { marginRight: 8 } }),
           "Change Password"
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
-      import_antd83.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+      import_antd85.Button,
       {
         type: "text",
         block: true,
@@ -27632,14 +27657,14 @@ var ChatSidebar = ({
         style: { justifyContent: "flex-start", padding: "8px 12px" },
         onClick: logout,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react28.LogOut, { size: 16, style: { marginRight: 8 } }),
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_lucide_react29.LogOut, { size: 16, style: { marginRight: 8 } }),
           "Logout"
         ]
       }
     )
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_jsx_runtime111.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       Menu,
       {
         items: menuItems,
@@ -27653,13 +27678,13 @@ var ChatSidebar = ({
         forceIconMode: sideAppVisible,
         collapsed: menuCollapsed,
         onCollapsedChange: setMenuCollapsed,
-        footer: ({ isIconMode }) => user && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
-          import_antd83.Popover,
+        footer: ({ isIconMode }) => user && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+          import_antd85.Popover,
           {
             content: userMenuItems,
             placement: "rightTop",
             trigger: "click",
-            children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
               "div",
               {
                 style: {
@@ -27673,8 +27698,8 @@ var ChatSidebar = ({
                   transition: "all 0.2s"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
-                    import_antd83.Avatar,
+                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+                    import_antd85.Avatar,
                     {
                       size: isIconMode ? 32 : 36,
                       style: {
@@ -27685,8 +27710,8 @@ var ChatSidebar = ({
                       children: (user.name?.charAt(0) || user.email.charAt(0)).toUpperCase()
                     }
                   ),
-                  !isIconMode && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+                  !isIconMode && /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                       "div",
                       {
                         style: {
@@ -27698,7 +27723,7 @@ var ChatSidebar = ({
                         children: user.name || user.email
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
                       "div",
                       {
                         style: {
@@ -27719,19 +27744,19 @@ var ChatSidebar = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       ChangePasswordModal,
       {
         open: changePasswordOpen,
         onClose: () => setChangePasswordOpen(false)
       }
     ),
-    menuItems.filter((item) => item.type === "drawer" && !item.inline).map((item) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
-      import_antd83.Drawer,
+    menuItems.filter((item) => item.type === "drawer" && !item.inline).map((item) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+      import_antd85.Drawer,
       {
-        title: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { style: { fontSize: 16, fontWeight: 600, textTransform: "uppercase", letterSpacing: 0.5 }, children: item.title || item.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+        title: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { style: { fontSize: 16, fontWeight: 600, textTransform: "uppercase", letterSpacing: 0.5 }, children: item.title || item.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
             "button",
             {
               onClick: () => handleCloseDrawer(item.id),
@@ -27746,7 +27771,7 @@ var ChatSidebar = ({
                 background: "rgba(255, 255, 255, 0.5)",
                 cursor: "pointer"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react28.PanelLeftClose, { size: 24 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_lucide_react29.PanelLeftClose, { size: 24 })
             }
           )
         ] }),
@@ -27777,16 +27802,16 @@ var ChatSidebar = ({
 };
 
 // src/components/Chat/LatticeChatView.tsx
-var import_jsx_runtime110 = require("react/jsx-runtime");
+var import_jsx_runtime112 = require("react/jsx-runtime");
 var LatticeChatView = (props) => {
-  const shellContext = (0, import_react85.useContext)(LatticeChatShellContext);
+  const shellContext = (0, import_react86.useContext)(LatticeChatShellContext);
   const { showSideMenu, sideMenuItems } = shellContext.config;
   const { assistantId, thread } = useConversationContext();
   const { currentAssistant } = useAssistantContext();
   const {
     config: { baseURL }
   } = useLatticeChatShellContext();
-  return assistantId && thread ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  return assistantId && thread ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
     AxiomLatticeProvider,
     {
       config: {
@@ -27795,14 +27820,14 @@ var LatticeChatView = (props) => {
         assistantId,
         transport: "sse"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
         LatticeChat,
         {
           thread_id: thread?.id,
           assistant_id: assistantId,
           name: currentAssistant?.name,
           description: currentAssistant?.description,
-          menu: showSideMenu ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(ChatSidebar, { customMenuItems: sideMenuItems }) : void 0
+          menu: showSideMenu ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(ChatSidebar, { customMenuItems: sideMenuItems }) : void 0
         }
       )
     }
@@ -27810,14 +27835,14 @@ var LatticeChatView = (props) => {
 };
 
 // src/components/Chat/SettingsModal.tsx
-var import_react86 = require("react");
-var import_antd84 = require("antd");
+var import_react87 = require("react");
+var import_antd86 = require("antd");
 var import_icons39 = require("@ant-design/icons");
-var import_antd_style34 = require("antd-style");
-var import_jsx_runtime111 = require("react/jsx-runtime");
-var { Text: Text37, Title: Title13 } = import_antd84.Typography;
-var { TextArea: TextArea8 } = import_antd84.Input;
-var useStyles21 = (0, import_antd_style34.createStyles)(({ token, css }) => ({
+var import_antd_style36 = require("antd-style");
+var import_jsx_runtime113 = require("react/jsx-runtime");
+var { Text: Text37, Title: Title13 } = import_antd86.Typography;
+var { TextArea: TextArea8 } = import_antd86.Input;
+var useStyles23 = (0, import_antd_style36.createStyles)(({ token, css }) => ({
   //   settingsModal: css`
   //     .ant-modal {
   //       max-width: 100vw !important;
@@ -28162,21 +28187,21 @@ var SETTINGS_MENU_ITEMS = [
   {
     key: "environment",
     label: "Environment Variables",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_icons39.EnvironmentOutlined, {})
+    icon: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons39.EnvironmentOutlined, {})
   },
   {
     key: "models",
     label: "Model Configuration",
-    icon: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_icons39.ApiOutlined, {})
+    icon: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons39.ApiOutlined, {})
   }
 ];
 var SettingsModal = ({
   open,
   onClose
 }) => {
-  const { styles } = useStyles21();
+  const { styles } = useStyles23();
   const { config: shellConfig, updateConfigValue } = useLatticeChatShellContext();
-  const [connections, setConnections] = (0, import_react86.useState)(() => {
+  const [connections, setConnections] = (0, import_react87.useState)(() => {
     if (typeof window !== "undefined") {
       try {
         const stored = localStorage.getItem("lattice_server_connections");
@@ -28199,21 +28224,21 @@ var SettingsModal = ({
     }
     return [];
   });
-  const [serverConfigs, setServerConfigs] = (0, import_react86.useState)({});
-  const connectionsRef = (0, import_react86.useRef)(connections);
-  (0, import_react86.useEffect)(() => {
+  const [serverConfigs, setServerConfigs] = (0, import_react87.useState)({});
+  const connectionsRef = (0, import_react87.useRef)(connections);
+  (0, import_react87.useEffect)(() => {
     connectionsRef.current = connections;
   }, [connections]);
-  const [activeTabKey, setActiveTabKey] = (0, import_react86.useState)(
+  const [activeTabKey, setActiveTabKey] = (0, import_react87.useState)(
     connections.length > 0 ? connections[0].id : ""
   );
-  const [activeMenu, setActiveMenu] = (0, import_react86.useState)("environment");
-  const [loading, setLoading] = (0, import_react86.useState)(false);
-  const [showAddServerModal, setShowAddServerModal] = (0, import_react86.useState)(false);
-  const [newServerUrl, setNewServerUrl] = (0, import_react86.useState)("");
-  const [newServerName, setNewServerName] = (0, import_react86.useState)("");
-  const [newServerApiKey, setNewServerApiKey] = (0, import_react86.useState)("");
-  const [addingServer, setAddingServer] = (0, import_react86.useState)(false);
+  const [activeMenu, setActiveMenu] = (0, import_react87.useState)("environment");
+  const [loading, setLoading] = (0, import_react87.useState)(false);
+  const [showAddServerModal, setShowAddServerModal] = (0, import_react87.useState)(false);
+  const [newServerUrl, setNewServerUrl] = (0, import_react87.useState)("");
+  const [newServerName, setNewServerName] = (0, import_react87.useState)("");
+  const [newServerApiKey, setNewServerApiKey] = (0, import_react87.useState)("");
+  const [addingServer, setAddingServer] = (0, import_react87.useState)(false);
   const saveConnections = (newConnections) => {
     setConnections(newConnections);
     if (typeof window !== "undefined") {
@@ -28352,7 +28377,7 @@ var SettingsModal = ({
       }
     } catch (error) {
       console.error("Failed to load configuration:", error);
-      import_antd84.message.error("Failed to load current configuration");
+      import_antd86.message.error("Failed to load current configuration");
     }
   };
   const loadModelsConfig = async (serverId) => {
@@ -28403,7 +28428,7 @@ var SettingsModal = ({
       console.error("Failed to load models configuration:", error);
     }
   };
-  (0, import_react86.useEffect)(() => {
+  (0, import_react87.useEffect)(() => {
     if (open && activeTabKey) {
       initializeServerConfig(activeTabKey);
       const connection = connections.find((c) => c.id === activeTabKey);
@@ -28412,7 +28437,7 @@ var SettingsModal = ({
       }
     }
   }, [open, activeTabKey]);
-  (0, import_react86.useEffect)(() => {
+  (0, import_react87.useEffect)(() => {
     if (open && activeTabKey) {
       const connection = connections.find((c) => c.id === activeTabKey);
       if (connection?.connected) {
@@ -28426,7 +28451,7 @@ var SettingsModal = ({
   }, [open, activeTabKey, activeMenu]);
   const handleAddServer = async () => {
     if (!newServerUrl.trim()) {
-      import_antd84.message.error("Please enter a server URL");
+      import_antd86.message.error("Please enter a server URL");
       return;
     }
     let normalizedUrl = newServerUrl.trim();
@@ -28452,7 +28477,7 @@ var SettingsModal = ({
     setNewServerUrl("");
     setNewServerName("");
     setNewServerApiKey("");
-    import_antd84.notification.success({
+    import_antd86.notification.success({
       message: "Added",
       description: "Server added successfully"
     });
@@ -28472,7 +28497,7 @@ var SettingsModal = ({
         setActiveTabKey("");
       }
     }
-    import_antd84.notification.success({
+    import_antd86.notification.success({
       message: "Deleted",
       description: "Server deleted"
     });
@@ -28489,12 +28514,12 @@ var SettingsModal = ({
   const handleSave = async () => {
     const connection = connections.find((c) => c.id === activeTabKey);
     if (!connection || !connection.connected) {
-      import_antd84.message.error("Please connect to a server first");
+      import_antd86.message.error("Please connect to a server first");
       return;
     }
     const url = connection.url;
     if (!url) {
-      import_antd84.message.error("Please connect to a server first");
+      import_antd86.message.error("Please connect to a server first");
       return;
     }
     try {
@@ -28558,26 +28583,26 @@ var SettingsModal = ({
         const data = await response.json();
         if (response.ok && data.success) {
           if (data.requiresRestart && data.requiresRestart.length > 0) {
-            import_antd84.message.warning(
+            import_antd86.message.warning(
               `Configuration saved. Please restart the server for ${data.requiresRestart.join(
                 ", "
               )} to take effect.`,
               5
             );
           } else {
-            import_antd84.notification.success({
+            import_antd86.notification.success({
               message: "Saved",
               description: "Configuration saved and applied successfully"
             });
           }
           if (data.warnings && data.warnings.length > 0) {
             data.warnings.forEach((warning) => {
-              import_antd84.message.warning(warning, 5);
+              import_antd86.message.warning(warning, 5);
             });
           }
           onClose();
         } else {
-          import_antd84.message.error(data.error || "Failed to save configuration");
+          import_antd86.message.error(data.error || "Failed to save configuration");
         }
       } else if (activeMenu === "models") {
         const validModels = config.models.filter(
@@ -28596,18 +28621,18 @@ var SettingsModal = ({
         });
         const data = await response.json();
         if (response.ok && data.success) {
-          import_antd84.notification.success({
+          import_antd86.notification.success({
             message: "Saved",
             description: "Model configuration saved and registered successfully"
           });
           onClose();
         } else {
-          import_antd84.message.error(data.error || "Failed to save model configuration");
+          import_antd86.message.error(data.error || "Failed to save model configuration");
         }
       }
     } catch (error) {
       console.error("Failed to save configuration:", error);
-      import_antd84.message.error(error.message || "Failed to save configuration");
+      import_antd86.message.error(error.message || "Failed to save configuration");
     } finally {
       setLoading(false);
     }
@@ -28623,25 +28648,25 @@ var SettingsModal = ({
         }
       }));
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: styles.formContainer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-        import_antd84.Alert,
+    return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: styles.formContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+        import_antd86.Alert,
         {
           message: "Configuration Effect",
-          description: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { style: { marginBottom: 8 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+          description: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { style: { marginBottom: 8 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                 import_icons39.CheckCircleOutlined,
                 {
                   style: { color: "#52c41a", marginRight: 8 }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("strong", { children: "Immediately effective:" }),
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("strong", { children: "Immediately effective:" }),
               " QUEUE_SERVICE_TYPE, REDIS_URL, REDIS_PASSWORD, QUEUE_NAME"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_icons39.ReloadOutlined, { style: { color: "#faad14", marginRight: 8 } }),
-              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("strong", { children: "Requires restart:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons39.ReloadOutlined, { style: { color: "#faad14", marginRight: 8 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("strong", { children: "Requires restart:" }),
               " PORT (server must be restarted to change port)"
             ] })
           ] }),
@@ -28650,8 +28675,8 @@ var SettingsModal = ({
           className: styles.alertCard
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text37, { 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__ */ (0, import_jsx_runtime111.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text37, { 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__ */ (0, import_jsx_runtime113.jsx)(
         TextArea8,
         {
           value: config.envText,
@@ -28728,10 +28753,10 @@ QUEUE_NAME=tasks`,
         }));
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: styles.formContainer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { style: { marginBottom: 32 }, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text37, { type: "secondary", style: { fontSize: 14, lineHeight: 1.6 }, children: "Configure model lattices. Each model will be registered with the provided key and can be used by agents." }) }),
-      config.models.map((model, index) => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: styles.card, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: styles.formContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { style: { marginBottom: 32 }, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text37, { type: "secondary", style: { fontSize: 14, lineHeight: 1.6 }, children: "Configure model lattices. Each model will be registered with the provided key and can be used by agents." }) }),
+      config.models.map((model, index) => /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: styles.card, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
           "div",
           {
             style: {
@@ -28743,12 +28768,12 @@ QUEUE_NAME=tasks`,
               borderBottom: "1px solid rgba(0, 0, 0, 0.06)"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Text37, { strong: true, style: { fontSize: 16 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(Text37, { strong: true, style: { fontSize: 16 }, children: [
                   "Model ",
                   index + 1
                 ] }),
-                model.key && /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+                model.key && /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
                   Text37,
                   {
                     type: "secondary",
@@ -28761,8 +28786,8 @@ QUEUE_NAME=tasks`,
                   }
                 )
               ] }),
-              config.models.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-                import_antd84.Button,
+              config.models.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+                import_antd86.Button,
                 {
                   type: "text",
                   danger: true,
@@ -28778,11 +28803,11 @@ QUEUE_NAME=tasks`,
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_antd84.Space, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text37, { className: styles.formLabel, children: "Key *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-              import_antd84.Input,
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_antd86.Space, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text37, { className: styles.formLabel, children: "Key *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+              import_antd86.Input,
               {
                 placeholder: "e.g., default, gpt-4, claude",
                 value: model.key,
@@ -28790,12 +28815,12 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text37, { className: styles.formDescription, children: "Unique identifier for this model" })
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text37, { className: styles.formDescription, children: "Unique identifier for this model" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text37, { className: styles.formLabel, children: "Provider *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-              import_antd84.Select,
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text37, { className: styles.formLabel, children: "Provider *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+              import_antd86.Select,
               {
                 style: { width: "100%", height: 40 },
                 value: model.provider,
@@ -28810,10 +28835,10 @@ QUEUE_NAME=tasks`,
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text37, { className: styles.formLabel, children: "Model Name *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-              import_antd84.Input,
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text37, { className: styles.formLabel, children: "Model Name *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+              import_antd86.Input,
               {
                 placeholder: "e.g., gpt-4, claude-3-opus, kimi-k2-250905",
                 value: model.model,
@@ -28822,10 +28847,10 @@ QUEUE_NAME=tasks`,
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text37, { className: styles.formLabel, children: "API Key" }),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-              import_antd84.Input.Password,
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text37, { className: styles.formLabel, children: "API Key" }),
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+              import_antd86.Input.Password,
               {
                 placeholder: "Enter your API key",
                 value: model.apiKey,
@@ -28833,12 +28858,12 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text37, { className: styles.formDescription, children: "API key for the model provider. Leave empty to use environment variable." })
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text37, { className: styles.formDescription, children: "API key for the model provider. Leave empty to use environment variable." })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text37, { className: styles.formLabel, children: "Base URL" }),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-              import_antd84.Input,
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text37, { className: styles.formLabel, children: "Base URL" }),
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+              import_antd86.Input,
               {
                 placeholder: "e.g., https://api.openai.com/v1",
                 value: model.baseURL,
@@ -28846,23 +28871,23 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text37, { className: styles.formDescription, children: "Optional custom base URL for the API" })
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text37, { className: styles.formDescription, children: "Optional custom base URL for the API" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_antd84.Space, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-              import_antd84.Switch,
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_antd86.Space, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+              import_antd86.Switch,
               {
                 checked: model.streaming,
                 onChange: (checked) => handleModelChange(index, "streaming", checked)
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text37, { children: "Enable Streaming" })
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text37, { children: "Enable Streaming" })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { style: { display: "flex", gap: 20 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text37, { className: styles.formLabel, children: "Max Tokens" }),
-              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-                import_antd84.Input,
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { style: { display: "flex", gap: 20 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text37, { className: styles.formLabel, children: "Max Tokens" }),
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+                import_antd86.Input,
                 {
                   type: "number",
                   placeholder: "e.g., 4096",
@@ -28876,10 +28901,10 @@ QUEUE_NAME=tasks`,
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text37, { className: styles.formLabel, children: "Temperature" }),
-              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-                import_antd84.Input,
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text37, { className: styles.formLabel, children: "Temperature" }),
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+                import_antd86.Input,
                 {
                   type: "number",
                   step: "0.1",
@@ -28897,8 +28922,8 @@ QUEUE_NAME=tasks`,
           ] })
         ] })
       ] }, index)),
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-        import_antd84.Button,
+      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+        import_antd86.Button,
         {
           type: "dashed",
           onClick: handleAddModel,
@@ -28925,8 +28950,8 @@ QUEUE_NAME=tasks`,
   );
   const currentConnection = connections.find((c) => c.id === activeTabKey);
   const renderTabLabel = (connection) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { style: { display: "flex", alignItems: "center" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { style: { display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
         import_icons39.CloudServerOutlined,
         {
           style: {
@@ -28935,14 +28960,14 @@ QUEUE_NAME=tasks`,
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: connection.name }),
-      connection.connected && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { children: connection.name }),
+      connection.connected && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
         import_icons39.CheckCircleFilled,
         {
           style: { color: "#52c41a", fontSize: 12, marginLeft: 8 }
         }
       ),
-      connection.error && !connection.connecting && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+      connection.error && !connection.connecting && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
         import_icons39.CloseCircleFilled,
         {
           style: { color: "#ff4d4f", fontSize: 12, marginLeft: 8 }
@@ -28953,35 +28978,35 @@ QUEUE_NAME=tasks`,
   const tabItems = connections.map((connection) => ({
     key: connection.id,
     label: renderTabLabel(connection),
-    children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_jsx_runtime111.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { style: { display: "flex", height: "100%" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_jsx_runtime113.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { style: { display: "flex", height: "100%" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
         "div",
         {
           className: `${styles.menuItem} ${activeMenu === item.key ? "active" : ""}`,
           onClick: () => setActiveMenu(item.key),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: styles.menuItemIcon, children: item.icon }),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: styles.menuItemText, children: item.label })
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: styles.menuItemIcon, children: item.icon }),
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: styles.menuItemText, children: item.label })
           ]
         },
         item.key
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: styles.content, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: styles.contentHeader, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: styles.contentHeaderLeft, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Title13, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Text37, { className: styles.contentDescription, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: styles.content, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: styles.contentHeader, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: styles.contentHeaderLeft, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Title13, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(Text37, { className: styles.contentDescription, children: [
               activeMenu === "environment" && "Manage environment variables for the gateway server",
               activeMenu === "models" && "Configure and register model lattices for use by agents"
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: styles.contentHeaderRight, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_antd84.Button, { onClick: onClose, children: "Cancel" }),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-              import_antd84.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: styles.contentHeaderRight, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_antd86.Button, { onClick: onClose, children: "Cancel" }),
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+              import_antd86.Button,
               {
                 type: "primary",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_icons39.SaveOutlined, {}),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons39.SaveOutlined, {}),
                 onClick: handleSave,
                 loading,
                 children: "Save Configuration"
@@ -28989,9 +29014,9 @@ QUEUE_NAME=tasks`,
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: styles.contentBody, children: renderContent(connection.id) })
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: styles.contentBody, children: renderContent(connection.id) })
       ] })
-    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
       "div",
       {
         style: {
@@ -29003,17 +29028,17 @@ QUEUE_NAME=tasks`,
           gap: 16,
           padding: 48
         },
-        children: connection.connecting ? /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_jsx_runtime111.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_icons39.LinkOutlined, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Title13, { level: 4, children: "Connecting..." }),
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(Text37, { type: "secondary", style: { textAlign: "center" }, children: [
+        children: connection.connecting ? /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_jsx_runtime113.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons39.LinkOutlined, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Title13, { level: 4, children: "Connecting..." }),
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(Text37, { type: "secondary", style: { textAlign: "center" }, children: [
             "Connecting to ",
             connection.url
           ] })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_jsx_runtime111.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_icons39.LinkOutlined, { style: { fontSize: 64, color: "#d9d9d9" } }),
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Title13, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_jsx_runtime113.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons39.LinkOutlined, { style: { fontSize: 64, color: "#d9d9d9" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Title13, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
             Text37,
             {
               type: "secondary",
@@ -29021,11 +29046,11 @@ QUEUE_NAME=tasks`,
               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__ */ (0, import_jsx_runtime111.jsx)(
-            import_antd84.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+            import_antd86.Button,
             {
               type: "primary",
-              icon: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_icons39.LinkOutlined, {}),
+              icon: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons39.LinkOutlined, {}),
               onClick: () => checkConnection(connection.id),
               loading: connection.connecting,
               style: { marginTop: 16 },
@@ -29037,9 +29062,9 @@ QUEUE_NAME=tasks`,
     ) }),
     closable: connections.length > 1
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_jsx_runtime111.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-      import_antd84.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_jsx_runtime113.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+      import_antd86.Modal,
       {
         open,
         onCancel: onClose,
@@ -29047,8 +29072,8 @@ QUEUE_NAME=tasks`,
         width: "80%",
         footer: null,
         title: "Settings",
-        children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-          import_antd84.Tabs,
+        children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+          import_antd86.Tabs,
           {
             activeKey: activeTabKey,
             onChange: handleTabChange,
@@ -29061,7 +29086,7 @@ QUEUE_NAME=tasks`,
               }
             },
             items: tabItems,
-            addIcon: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+            addIcon: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
               "div",
               {
                 style: {
@@ -29071,8 +29096,8 @@ QUEUE_NAME=tasks`,
                   padding: "4px 8px"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_icons39.PlusOutlined, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: "Add Server" })
+                  /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_icons39.PlusOutlined, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { children: "Add Server" })
                 ]
               }
             )
@@ -29080,8 +29105,8 @@ QUEUE_NAME=tasks`,
         ) })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-      import_antd84.Modal,
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+      import_antd86.Modal,
       {
         title: "Add New Server",
         open: showAddServerModal,
@@ -29094,11 +29119,11 @@ QUEUE_NAME=tasks`,
         },
         confirmLoading: addingServer,
         className: styles.addServerModal,
-        children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_antd84.Space, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-              import_antd84.Input,
+        children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_antd86.Space, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+              import_antd86.Input,
               {
                 placeholder: "e.g., Production Server",
                 value: newServerName,
@@ -29106,12 +29131,12 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: Leave empty to use URL as name" })
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: Leave empty to use URL as name" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-              import_antd84.Input,
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+              import_antd86.Input,
               {
                 placeholder: "e.g., http://localhost:4001",
                 value: newServerUrl,
@@ -29119,12 +29144,12 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Enter the full URL of the gateway server" })
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Enter the full URL of the gateway server" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-              import_antd84.Input.Password,
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+              import_antd86.Input.Password,
               {
                 placeholder: "Optional: Enter API key for authentication",
                 value: newServerApiKey,
@@ -29132,7 +29157,7 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: API key for server authentication" })
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: API key for server authentication" })
           ] })
         ] })
       }
@@ -29141,10 +29166,10 @@ QUEUE_NAME=tasks`,
 };
 
 // src/components/Chat/AgentServerSetting.tsx
-var import_jsx_runtime112 = require("react/jsx-runtime");
+var import_jsx_runtime114 = require("react/jsx-runtime");
 var AgentServerSetting = () => {
   const { settingsModalOpen, setSettingsModalOpen } = useLatticeChatShellContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
     SettingsModal,
     {
       open: settingsModalOpen,
@@ -29154,24 +29179,24 @@ var AgentServerSetting = () => {
 };
 
 // src/components/Chat/LatticeChatShell.tsx
-var import_jsx_runtime113 = require("react/jsx-runtime");
+var import_jsx_runtime115 = require("react/jsx-runtime");
 var ShellContent = ({
   initialAssistantId,
   enableWorkspace
 }) => {
   const { currentTenant } = useAuth();
-  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_jsx_runtime113.Fragment, { children: enableWorkspace ? /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(WorkspaceContextProvider, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(ConversationContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(LatticeChatView, {}) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(AgentServerSetting, {})
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_jsx_runtime113.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(ConversationContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(LatticeChatView, {}) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(AgentServerSetting, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_jsx_runtime115.Fragment, { children: enableWorkspace ? /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(WorkspaceContextProvider, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(ConversationContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(LatticeChatView, {}) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(AgentServerSetting, {})
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(import_jsx_runtime115.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(ConversationContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(LatticeChatView, {}) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(AgentServerSetting, {})
   ] }) });
 };
 var LatticeChatShell = (props) => {
   const { enableAssistantCreation, enableAssistantEditing, enableWorkspace: enableWorkspaceProp, ...restProps } = props;
   const enableWorkspace = enableWorkspaceProp ?? restProps.initialConfig?.enableWorkspace ?? false;
-  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
     LatticeChatShellContextProvider,
     {
       initialConfig: {
@@ -29180,7 +29205,7 @@ var LatticeChatShell = (props) => {
         enableWorkspace,
         ...restProps.initialConfig
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
         ShellContent,
         {
           initialAssistantId: restProps.initialConfig?.assistantId,
@@ -29190,6 +29215,336 @@ var LatticeChatShell = (props) => {
     }
   );
 };
+
+// src/components/Chat/ChannelInstallationsDrawerContent.tsx
+var import_react88 = require("react");
+var import_antd87 = require("antd");
+var import_lucide_react30 = require("lucide-react");
+var import_jsx_runtime116 = require("react/jsx-runtime");
+var { Text: Text38, Title: Title14 } = import_antd87.Typography;
+var MAPPING_MODE_OPTIONS = [
+  { label: "User", value: "user" },
+  { label: "Group", value: "group" },
+  { label: "Hybrid", value: "hybrid" }
+];
+var ChannelInstallationsDrawerContent = () => {
+  const { get, post, put, del } = useApi();
+  const [installations, setInstallations] = (0, import_react88.useState)([]);
+  const [loading, setLoading] = (0, import_react88.useState)(false);
+  const [formModalOpen, setFormModalOpen] = (0, import_react88.useState)(false);
+  const [editingInstallation, setEditingInstallation] = (0, import_react88.useState)(null);
+  const loadInstallations = async () => {
+    setLoading(true);
+    try {
+      const result = await get(
+        "/api/channel-installations"
+      );
+      if (result.success) {
+        setInstallations(result.data?.records ?? []);
+      } else {
+        setInstallations([]);
+        import_antd87.message.error(result.message || "Failed to load channel installations");
+      }
+    } catch (error) {
+      console.error("Failed to load channel installations:", error);
+      setInstallations([]);
+      import_antd87.message.error("Failed to load channel installations");
+    } finally {
+      setLoading(false);
+    }
+  };
+  (0, import_react88.useEffect)(() => {
+    loadInstallations();
+  }, []);
+  const handleDelete = async (installation) => {
+    try {
+      const result = await del(
+        `/api/channel-installations/${installation.id}`
+      );
+      if (result.success) {
+        setInstallations(
+          (current) => current.filter((item) => item.id !== installation.id)
+        );
+        import_antd87.message.success("Installation deleted");
+      } else {
+        import_antd87.message.error(result.message || "Failed to delete installation");
+      }
+    } catch (error) {
+      console.error("Failed to delete channel installation:", error);
+      import_antd87.message.error("Failed to delete installation");
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { style: { padding: 16 }, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Title14, { level: 5, style: { margin: 0 }, children: "Channel Installations" }),
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+            import_antd87.Button,
+            {
+              type: "primary",
+              icon: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react30.Plus, { size: 16 }),
+              onClick: () => {
+                setEditingInstallation(null);
+                setFormModalOpen(true);
+              },
+              children: "Add Installation"
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { style: { flex: 1, overflowY: "auto", padding: 16 }, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: 32 }, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd87.Spin, {}) }) : installations.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+      "div",
+      {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          padding: "48px 16px"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react30.RadioTower, { size: 48, style: { marginBottom: 16, opacity: 0.5 } }),
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text38, { strong: true, style: { fontSize: 15 }, children: "No channel installations" }),
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text38, { type: "secondary", style: { marginTop: 8 }, children: 'Click "Add Installation" to create one' })
+        ]
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("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__ */ (0, import_jsx_runtime116.jsxs)(import_antd87.Card, { size: "small", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "flex-start",
+              marginBottom: 10
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text38, { strong: true, style: { fontSize: 15 }, children: installation.name || installation.id }),
+              /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd87.Tag, { color: "blue", children: installation.channel })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              gap: 6,
+              marginBottom: 12
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Text38, { type: "secondary", style: { fontSize: 12 }, children: [
+                "ID: ",
+                installation.id
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Text38, { style: { fontSize: 13 }, children: [
+                "Assistant ID: ",
+                installation.config.assistantId
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Text38, { style: { fontSize: 13 }, children: [
+                "Mapping Mode: ",
+                installation.config.mappingMode
+              ] }),
+              installation.config.workspaceId ? /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Text38, { style: { fontSize: 13 }, children: [
+                "Workspace ID: ",
+                installation.config.workspaceId
+              ] }) : null,
+              installation.config.projectId ? /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(Text38, { style: { fontSize: 13 }, children: [
+                "Project ID: ",
+                installation.config.projectId
+              ] }) : null,
+              webhookPath ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text38, { code: true, style: { fontSize: 12 }, children: webhookPath }) : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(Text38, { type: "secondary", style: { fontSize: 12 }, children: "Unsupported channel configuration UI" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { style: { display: "flex", gap: 8 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+            import_antd87.Button,
+            {
+              icon: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react30.Edit2, { size: 14 }),
+              onClick: () => {
+                setEditingInstallation(installation);
+                setFormModalOpen(true);
+              },
+              children: "Edit"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+            import_antd87.Popconfirm,
+            {
+              title: "Delete Channel Installation",
+              description: `Are you sure you want to delete "${installation.name || installation.id}"?`,
+              onConfirm: () => handleDelete(installation),
+              okText: "Delete",
+              okType: "danger",
+              cancelText: "Cancel",
+              children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd87.Button, { danger: true, icon: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react30.Trash2, { size: 14 }), children: "Delete" })
+            }
+          )
+        ] })
+      ] }, installation.id);
+    }) }) }),
+    formModalOpen ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+      LarkChannelInstallationFormModal,
+      {
+        installation: editingInstallation,
+        open: formModalOpen,
+        post,
+        put,
+        onCancel: () => {
+          setFormModalOpen(false);
+          setEditingInstallation(null);
+        },
+        onSave: () => {
+          setFormModalOpen(false);
+          setEditingInstallation(null);
+          loadInstallations();
+        }
+      }
+    ) : null
+  ] });
+};
+var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCancel, onSave }) => {
+  const [form] = import_antd87.Form.useForm();
+  (0, import_react88.useEffect)(() => {
+    if (installation) {
+      form.setFieldsValue({
+        name: installation.name,
+        appId: installation.config.appId,
+        appSecret: installation.config.appSecret,
+        verificationToken: installation.config.verificationToken,
+        encryptKey: installation.config.encryptKey,
+        mappingMode: installation.config.mappingMode,
+        assistantId: installation.config.assistantId,
+        workspaceId: installation.config.workspaceId,
+        projectId: installation.config.projectId
+      });
+      return;
+    }
+    form.resetFields();
+    form.setFieldsValue({
+      mappingMode: "hybrid"
+    });
+  }, [installation, form]);
+  const handleSubmit = async () => {
+    const values = await form.validateFields();
+    const config = {
+      appId: values.appId,
+      appSecret: values.appSecret,
+      verificationToken: values.verificationToken,
+      encryptKey: values.encryptKey,
+      mappingMode: values.mappingMode,
+      assistantId: values.assistantId,
+      workspaceId: values.workspaceId,
+      projectId: values.projectId
+    };
+    try {
+      if (installation) {
+        const payload2 = {
+          name: values.name,
+          config
+        };
+        const result2 = await put(
+          `/api/channel-installations/${installation.id}`,
+          payload2
+        );
+        if (result2.success) {
+          import_antd87.message.success("Installation updated");
+          onSave();
+        } else {
+          import_antd87.message.error(result2.message || "Failed to update installation");
+        }
+        return;
+      }
+      const payload = {
+        channel: "lark",
+        name: values.name,
+        config
+      };
+      const result = await post(
+        "/api/channel-installations",
+        payload
+      );
+      if (result.success) {
+        import_antd87.message.success("Installation created");
+        onSave();
+      } else {
+        import_antd87.message.error(result.message || "Failed to create installation");
+      }
+    } catch (error) {
+      console.error("Failed to save channel installation:", error);
+      import_antd87.message.error(
+        installation ? "Failed to update installation" : "Failed to create installation"
+      );
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+    import_antd87.Modal,
+    {
+      open,
+      title: installation ? "Edit Installation" : "Add Installation",
+      onCancel,
+      onOk: handleSubmit,
+      okText: installation ? "Save" : "Create",
+      destroyOnHidden: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(import_antd87.Form, { form, layout: "vertical", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd87.Form.Item, { label: "Channel", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd87.Input, { value: "lark", disabled: true }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd87.Form.Item, { name: "name", label: "Name", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd87.Input, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+          import_antd87.Form.Item,
+          {
+            name: "appId",
+            label: "App ID",
+            rules: [{ required: true, message: "App ID is required" }],
+            children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd87.Input, {})
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+          import_antd87.Form.Item,
+          {
+            name: "appSecret",
+            label: "App Secret",
+            rules: [{ required: true, message: "App Secret is required" }],
+            children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd87.Input, {})
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd87.Form.Item, { name: "verificationToken", label: "Verification Token", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd87.Input, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd87.Form.Item, { name: "encryptKey", label: "Encrypt Key", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd87.Input, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+          import_antd87.Form.Item,
+          {
+            name: "mappingMode",
+            label: "Mapping Mode",
+            rules: [{ required: true, message: "Mapping Mode is required" }],
+            children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd87.Select, { options: MAPPING_MODE_OPTIONS })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+          import_antd87.Form.Item,
+          {
+            name: "assistantId",
+            label: "Assistant ID",
+            rules: [{ required: true, message: "Assistant ID is required" }],
+            children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd87.Input, {})
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd87.Form.Item, { name: "workspaceId", label: "Workspace ID", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd87.Input, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd87.Form.Item, { name: "projectId", label: "Project ID", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd87.Input, {}) })
+      ] })
+    }
+  );
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AgentConversations,
@@ -29201,6 +29556,7 @@ var LatticeChatShell = (props) => {
   AuthProvider,
   AxiomLatticeProvider,
   ChangePasswordModal,
+  ChannelInstallationsDrawerContent,
   ChatUIContext,
   ChatUIContextProvider,
   Chating,
@@ -29208,6 +29564,7 @@ var LatticeChatShell = (props) => {
   ConversationContext,
   ConversationContextProvider,
   CreateAssistantModal,
+  DEFAULT_MIDDLEWARE_TYPES,
   FileExplorer,
   LatticeChat,
   LatticeChatShell,