@axiom-lattice/react-sdk 2.1.61 → 2.1.62

package/dist/index.mjs

@@ -86,8 +86,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);
@@ -111,8 +111,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);
@@ -159,8 +159,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);
@@ -199,8 +199,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);
     }
@@ -230,8 +230,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);
     }
@@ -267,8 +267,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);
@@ -466,7 +466,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,
@@ -475,7 +475,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"
       };
@@ -1276,6 +1276,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 = {
@@ -1439,8 +1469,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 "";
   }
@@ -1632,8 +1662,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) {
@@ -1883,7 +1918,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,
@@ -1892,7 +1927,7 @@ function AgentThreadProvider({
       }));
       const userMessage = {
         id: uuidv4(),
-        content: message20 || command?.resume?.message || "",
+        content: message21 || command?.resume?.message || "",
         files,
         role: "human"
       };
@@ -1910,8 +1945,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,
@@ -3586,8 +3621,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);
     }
@@ -3629,8 +3664,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);
     }
@@ -3672,6 +3707,9 @@ function useUsers(options) {
 // src/index.ts
 export * from "@axiom-lattice/protocols";
 
+// src/components/Chat/LatticeChat.tsx
+import { FolderOpen as FolderOpen4 } from "lucide-react";
+
 // src/components/Chat/ChatUIContext.tsx
 import { createContext as createContext7, useCallback as useCallback12, useContext as useContext7, useState as useState15 } from "react";
 import { jsx as jsx11 } from "react/jsx-runtime";
@@ -3679,6 +3717,21 @@ var emptyHandler = () => {
   throw new Error("ChatUIContextProvider not found");
 };
 var ChatUIContext = createContext7({
+  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",
@@ -3699,44 +3752,72 @@ var ChatUIContext = createContext7({
 var ChatUIContextProvider = ({
   children
 }) => {
-  const [sideAppVisible, setSideAppVisible] = useState15(false);
+  const [detailVisible, setDetailVisible] = useState15(false);
   const [contentAppVisible, setcontentAppVisible] = useState15(false);
-  const [sideAppSize, setSideAppSize] = useState15("large");
-  const [sideAppSelectedCard, setSideAppSelectedCard] = useState15(null);
+  const [detailSize, setDetailSize] = useState15("large");
+  const [detailSelectedCard, setDetailSelectedCard] = useState15(null);
+  const [toolsVisible, setToolsVisible] = useState15(false);
+  const [toolSelectedCard, setToolSelectedCard] = useState15(null);
   const [contentAppSelectedCard, setContentAppSelectedCard] = useState15(null);
   const [menuCollapsed, setMenuCollapsed] = useState15(false);
-  const openSideApp = useCallback12(
-    (card) => {
-      setSideAppSelectedCard(card);
-      setSideAppVisible(true);
-    },
-    [setSideAppSelectedCard, setSideAppVisible]
-  );
-  const openContentApp = useCallback12(
-    (card) => {
-      setContentAppSelectedCard(card);
-      setcontentAppVisible(true);
-    },
-    [setContentAppSelectedCard, setcontentAppVisible]
-  );
+  const openDetail = useCallback12((card) => {
+    setDetailSelectedCard(card);
+    setDetailVisible(true);
+  }, []);
+  const closeDetail = useCallback12(() => {
+    setDetailSelectedCard(null);
+    setDetailVisible(false);
+  }, []);
+  const openTools = useCallback12((card) => {
+    setToolSelectedCard(card);
+    setToolsVisible(true);
+  }, []);
+  const closeTools = useCallback12(() => {
+    setToolSelectedCard(null);
+    setToolsVisible(false);
+  }, []);
+  const openSideApp = useCallback12((card) => {
+    openDetail(card);
+  }, [openDetail]);
+  const openContentApp = useCallback12((card) => {
+    setContentAppSelectedCard(card);
+    setcontentAppVisible(true);
+  }, []);
   const closeSideApp = useCallback12(() => {
-    setSideAppSelectedCard(null);
-    setSideAppVisible(false);
-  }, [setSideAppSelectedCard, setSideAppVisible]);
+    closeDetail();
+  }, [closeDetail]);
   const closeContentApp = useCallback12(() => {
     setContentAppSelectedCard(null);
     setcontentAppVisible(false);
-  }, [setContentAppSelectedCard, setcontentAppVisible]);
+  }, []);
+  const toggleTools = useCallback12(() => {
+    setToolsVisible((prev) => !prev);
+  }, []);
   return /* @__PURE__ */ jsx11(
     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,
@@ -3756,6 +3837,9 @@ var useChatUIContext = () => {
   return useContext7(ChatUIContext);
 };
 
+// src/components/Chat/LatticeChat.tsx
+import { createStyles as createStyles34 } from "antd-style";
+
 // src/components/Chat/useStyle.tsx
 import { createStyles as createStyles2 } from "antd-style";
 var useStyle = createStyles2(({ token, css }) => {
@@ -3954,6 +4038,23 @@ var useStyle = createStyles2(({ 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%;
@@ -4519,41 +4620,46 @@ var useStyle = createStyles2(({ token, css }) => {
 });
 
 // src/components/Chat/ColumnLayout.tsx
-import { Fragment as Fragment2, jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs5 } from "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__ */ jsxs5("div", { className: `fina_chat ${styles.layout}`, children: [
-    menu && /* @__PURE__ */ jsxs5(
-      "div",
-      {
-        className: `${styles.menu} ${"open"} ${sideAppVisible || menuCollapsed ? "collapsed" : "expanded"}`,
-        children: [
-          logo,
-          menu
-        ]
-      }
-    ),
+    menu && /* @__PURE__ */ jsxs5("div", { className: `${styles.menu} ${menuStateClass}`, children: [
+      logo,
+      menu
+    ] }),
     /* @__PURE__ */ jsxs5("div", { className: styles.contentArea, children: [
       header && /* @__PURE__ */ jsx12("div", { className: styles.header, children: header }),
       /* @__PURE__ */ jsxs5("div", { className: styles.columns, children: [
-        /* @__PURE__ */ jsx12("div", { className: `${styles.mainContent} ${sideAppVisible ? "open" : ""}`, children: /* @__PURE__ */ jsx12("div", { className: `${styles.chat} ${contentAppSelectedCard ? "full_content_width" : ""}`, children: left }) }),
-        /* @__PURE__ */ jsxs5(
+        /* @__PURE__ */ jsx12("div", { className: `${styles.mainContent} ${hasSidePanelsOpen ? "open" : ""}`, children: /* @__PURE__ */ jsx12("div", { className: `${styles.chat} ${contentAppSelectedCard ? "full_content_width" : ""}`, children: main }) }),
+        /* @__PURE__ */ jsx12(
           "div",
           {
-            className: `${styles.detailPanel} ${sideAppVisible ? `open ${sideAppSize || "large"}` : ""}`,
-            children: [
-              /* @__PURE__ */ jsx12(Fragment2, {}),
-              sideAppSelectedCard && sideAppVisible && /* @__PURE__ */ jsx12(Fragment2, { children: /* @__PURE__ */ jsx12("div", { className: styles.detailContent, children: right }) })
-            ]
+            className: `${styles.detailPanel} ${detailVisible ? `open ${resolvedDetailSize}` : ""}`,
+            children: detailVisible && detailSelectedCard && detail ? /* @__PURE__ */ jsx12("div", { className: styles.detailContent, children: detail }) : null
           }
-        )
+        ),
+        /* @__PURE__ */ jsx12("div", { className: `${styles.toolPanel} ${toolsVisible ? "open" : ""}`, children: toolsVisible && tools ? /* @__PURE__ */ jsx12("div", { className: styles.detailContent, children: tools }) : null })
       ] })
     ] })
   ] });
@@ -4572,7 +4678,7 @@ import { useState as useState21 } from "react";
 
 // src/components/GenUI/MDResponse.tsx
 import XMarkdown from "@ant-design/x-markdown";
-import React12, { useRef as useRef10, useState as useState20, useMemo as useMemo7, useDeferredValue } from "react";
+import React13, { useRef as useRef10, useState as useState20, useMemo as useMemo7, useDeferredValue } from "react";
 import { createStyles as createStyles6 } from "antd-style";
 
 // src/components/GenUI/Code.tsx
@@ -4629,7 +4735,7 @@ import { DownloadOutlined, ExpandAltOutlined } from "@ant-design/icons";
 import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
 var { Text: Text3 } = Typography3;
 var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = true }) => {
-  const { dataSource, message: message20 } = data ?? {};
+  const { dataSource, message: message21 } = data ?? {};
   const [expandedRowKeys, setExpandedRowKeys] = useState16([]);
   const { openSideApp } = useChatUIContext();
   const processedData = dataSource?.map((item, index) => ({
@@ -4728,7 +4834,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);
@@ -4749,7 +4855,7 @@ var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = t
           tableLayout: "fixed",
           style: { width: "100% !important" },
           title: () => /* @__PURE__ */ jsxs6(Flex, { justify: "space-between", align: "center", children: [
-            /* @__PURE__ */ jsx14(Space2, { children: /* @__PURE__ */ jsx14(Text3, { strong: true, style: { fontSize: 16 }, children: message20 || "" }) }),
+            /* @__PURE__ */ jsx14(Space2, { children: /* @__PURE__ */ jsx14(Text3, { strong: true, style: { fontSize: 16 }, children: message21 || "" }) }),
             /* @__PURE__ */ jsxs6(Space2, { children: [
               /* @__PURE__ */ jsx14(
                 Button5,
@@ -4771,8 +4877,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__ */ jsx14(ExpandAltOutlined, {})
@@ -5945,13 +6051,13 @@ var MDComponentWrap = (Element) => {
 // src/components/GenUI/elements/file_link.tsx
 import { Button as Button8 } from "antd";
 import { useMemo as useMemo5, useCallback as useCallback13 } from "react";
-import { Fragment as Fragment3, jsx as jsx21 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx21 } from "react/jsx-runtime";
 var FileLink = ({ data }) => {
   if (!data) {
     return null;
   }
   if (!isFileName(data)) {
-    return /* @__PURE__ */ jsx21(Fragment3, { children: data });
+    return /* @__PURE__ */ jsx21(Fragment2, { children: data });
   }
   const { openSideApp } = useChatUIContext();
   const { threadId, assistantId } = useConversationContext();
@@ -6146,7 +6252,7 @@ var useStyles4 = createStyles6(({ token, css }) => ({
     }
   `
 }));
-var MarkdownErrorBoundary = class extends React12.Component {
+var MarkdownErrorBoundary = class extends React13.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -6164,7 +6270,7 @@ var MarkdownErrorBoundary = class extends React12.Component {
     return this.props.children;
   }
 };
-var SafeXMarkdown = React12.memo(({ content, components, className }) => {
+var SafeXMarkdown = React13.memo(({ content, components, className }) => {
   const deferredContent = useDeferredValue(content);
   if (typeof deferredContent !== "string") {
     console.warn("[MDResponse] Content is not a string:", typeof deferredContent, deferredContent);
@@ -6199,7 +6305,7 @@ var MDResponseInner = ({
     }
   ) });
 };
-var MDResponse = React12.memo(MDResponseInner);
+var MDResponse = React13.memo(MDResponseInner);
 MDResponse.displayName = "MDResponse";
 var MDViewFormItem = ({ value }) => {
   return /* @__PURE__ */ jsx23(MDResponse, { content: value || "" });
@@ -6212,11 +6318,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] = useState21(false);
   return /* @__PURE__ */ jsxs11(Space3, { direction: "vertical", style: { width: "100%" }, children: [
-    /* @__PURE__ */ jsx24(MDResponse, { content: message20 }),
+    /* @__PURE__ */ jsx24(MDResponse, { content: message21 }),
     options ? /* @__PURE__ */ jsx24(Space3, { style: { justifyContent: "flex-end", width: "100%" }, children: options?.map((option) => /* @__PURE__ */ jsx24(
       Button9,
       {
@@ -6294,7 +6400,7 @@ var ConfirmFeedback = ({
 // src/components/GenUI/elements/clarify_feedback.tsx
 import { Button as Button10, Space as Space4, Typography as Typography5, List, Checkbox, Input as Input3 } from "antd";
 import { useState as useState22 } from "react";
-import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
 var { Text: Text5 } = Typography5;
 var ClarifyFeedback = ({
   data,
@@ -6403,7 +6509,7 @@ var ClarifyFeedback = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx25(Space4, { direction: "vertical", style: { width: "100%" }, size: 4, children: currentQuestion.type === "single" ? /* @__PURE__ */ jsxs12(Fragment4, { children: [
+    /* @__PURE__ */ jsx25(Space4, { direction: "vertical", style: { width: "100%" }, size: 4, children: currentQuestion.type === "single" ? /* @__PURE__ */ jsxs12(Fragment3, { children: [
       /* @__PURE__ */ jsx25(
         List,
         {
@@ -7470,7 +7576,7 @@ var AttachmentsCard = ({
   const { config } = useLatticeChatShellContext();
   const baseURL = config.baseURL;
   const fileBaseURL = `${baseURL}/api/assistants/${assistantId}/threads/${threadId}/sandbox/downloadfile?path=`;
-  const { Text: Text38 } = Typography10;
+  const { Text: Text39 } = Typography10;
   const [showAll, setShowAll] = useState25(false);
   const { openSideApp } = useChatUIContext();
   const getStyles = () => {
@@ -7544,7 +7650,7 @@ var AttachmentsCard = ({
     );
   };
   const renderFileDescription = (item) => /* @__PURE__ */ jsx34(Space9, { direction: "vertical", size: size === "small" ? 2 : 4, children: /* @__PURE__ */ jsx34(Space9, { children: /* @__PURE__ */ jsx34(
-    Text38,
+    Text39,
     {
       type: "secondary",
       style: {
@@ -7618,7 +7724,7 @@ var AttachmentsCard = ({
         }
       ),
       item.files && /* @__PURE__ */ jsxs18("div", { style: { paddingLeft: "12px" }, children: [
-        /* @__PURE__ */ jsxs18(Text38, { type: "secondary", style: { fontSize: "12px" }, children: [
+        /* @__PURE__ */ jsxs18(Text39, { type: "secondary", style: { fontSize: "12px" }, children: [
           "Contains ",
           item.files.length,
           " file(s)"
@@ -7669,7 +7775,7 @@ var RenderMDFromURL = ({ url, file_id }) => {
 };
 
 // src/components/GenUI/elements/attachments_viewer_side_app.tsx
-import { Fragment as Fragment5, jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
 function AttachmentsViewerSideApp({
   data,
   component_key
@@ -7708,7 +7814,7 @@ function AttachmentsViewerSideApp({
   return /* @__PURE__ */ jsx36(
     Empty2,
     {
-      description: /* @__PURE__ */ jsxs19(Fragment5, { children: [
+      description: /* @__PURE__ */ jsxs19(Fragment4, { children: [
         /* @__PURE__ */ jsx36("div", { children: "Preview not supported. Please download to view." }),
         /* @__PURE__ */ jsxs19(Button14, { type: "link", href: fileUri?.url, download: fileUri?.fileName, children: [
           "Download ",
@@ -7729,7 +7835,7 @@ import { Collapse as Collapse5 } from "antd";
 import { createStyles as createStyles10 } from "antd-style";
 import { DownOutlined as DownOutlined3, UpOutlined as UpOutlined2 } from "@ant-design/icons";
 import CollapsePanel3 from "antd/es/collapse/CollapsePanel";
-import { Fragment as Fragment6, jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
 var DEFAULT_COLLAPSED_MAX_HEIGHT = 180;
 var DEFAULT_EXPANDED_MAX_HEIGHT = 500;
 var useStyle4 = createStyles10(
@@ -7846,10 +7952,10 @@ var ContentPreviewCollapse = ({
                 children: /* @__PURE__ */ jsx37("div", { ref: contentRef, className: styles.content, children })
               }
             ),
-            isOverflowing && /* @__PURE__ */ jsx37("div", { className: styles.toggleButton, onClick: handleToggleContent, children: showFullContent ? /* @__PURE__ */ jsxs20(Fragment6, { children: [
+            isOverflowing && /* @__PURE__ */ jsx37("div", { className: styles.toggleButton, onClick: handleToggleContent, children: showFullContent ? /* @__PURE__ */ jsxs20(Fragment5, { children: [
               /* @__PURE__ */ jsx37(UpOutlined2, { style: { fontSize: 10 } }),
               /* @__PURE__ */ jsx37("span", { children: showLessText })
-            ] }) : /* @__PURE__ */ jsxs20(Fragment6, { children: [
+            ] }) : /* @__PURE__ */ jsxs20(Fragment5, { children: [
               /* @__PURE__ */ jsx37(DownOutlined3, { style: { fontSize: 10 } }),
               /* @__PURE__ */ jsx37("span", { children: showAllText })
             ] }) })
@@ -8306,7 +8412,7 @@ import {
 } from "react";
 import { jsx as jsx42 } from "react/jsx-runtime";
 var LazyBubble = ({
-  message: message20,
+  message: message21,
   renderContent,
   autoLoadRightPanel
 }) => {
@@ -8337,10 +8443,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__ */ jsx42("div", { style: { height: `${estimatedHeight}px`, minHeight: "50px" } });
   };
-  return /* @__PURE__ */ jsx42(ErrorBoundary, { children: /* @__PURE__ */ jsx42("div", { ref, style: { width: "100%" }, children: isVisible || wasEverVisible ? renderContent(message20) : getPlaceholder() }) });
+  return /* @__PURE__ */ jsx42(ErrorBoundary, { children: /* @__PURE__ */ jsx42("div", { ref, style: { width: "100%" }, children: isVisible || wasEverVisible ? renderContent(message21) : getPlaceholder() }) });
 };
 var MemoizedBubbleList = memo(
   ({
@@ -8371,8 +8477,8 @@ var MessageList = ({
       messageLengthRef.current = messages?.length;
     }
   }, [messages?.length]);
-  const renderContent = useCallback16((message20) => {
-    const { content } = message20;
+  const renderContent = useCallback16((message21) => {
+    const { content } = message21;
     try {
       const json = JSON.parse(content);
       if (json.action && json.message) {
@@ -8380,7 +8486,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)}
 \`\`\``;
@@ -8389,17 +8495,17 @@ ${JSON.stringify(tool_call)}
     return /* @__PURE__ */ jsx42(Space12, { direction: "vertical", style: { width: "100%" }, children: /* @__PURE__ */ jsx42(MDResponse, { content: content_md }) });
   }, []);
   const items = useMemo9(
-    () => messages.map((message20, index) => ({
-      key: message20.id,
-      role: message20.role,
+    () => messages.map((message21, index) => ({
+      key: message21.id,
+      role: message21.role,
       typing: false,
       content: /* @__PURE__ */ jsx42(
         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 {
@@ -8476,7 +8582,7 @@ import {
   Space as Space28,
   Typography as Typography33
 } from "antd";
-import React42, { useCallback as useCallback26, useContext as useContext10, useEffect as useEffect35, useRef as useRef21, useState as useState54 } from "react";
+import React43, { useCallback as useCallback26, useContext as useContext10, useEffect as useEffect35, useRef as useRef21, useState as useState54 } from "react";
 import { BrainCircuit as BrainCircuit3 } from "lucide-react";
 
 // src/components/GenUI/HITLContainer.tsx
@@ -9426,7 +9532,7 @@ var AgentHeader = ({
 import { useCallback as useCallback18, useContext as useContext8 } from "react";
 import { Tooltip as Tooltip9, Button as Button23, Dropdown } from "antd";
 import { HistoryOutlined, PlusOutlined } from "@ant-design/icons";
-import { Fragment as Fragment7, jsx as jsx55, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx55, jsxs as jsxs30 } from "react/jsx-runtime";
 var CreateThreadButton = () => {
   const { createThread, assistantId, isLoading } = useConversationContext();
   const { config } = useLatticeChatShellContext();
@@ -9527,14 +9633,14 @@ var ThreadManagementButtons = () => {
   if (!conversationContext.assistantId) {
     return null;
   }
-  return /* @__PURE__ */ jsxs30(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs30(Fragment6, { children: [
     showCreateButton && /* @__PURE__ */ jsx55(CreateThreadButton, {}),
     showListButton && /* @__PURE__ */ jsx55(ThreadListButton, {})
   ] });
 };
 
 // src/context/WorkspaceContext.tsx
-import React34, {
+import React35, {
   createContext as createContext8,
   useContext as useContext9,
   useState as useState46,
@@ -9549,11 +9655,11 @@ import { FolderOpen as FolderOpen2, Activity as Activity3, Database as Database4
 import { Modal as Modal10, Avatar as Avatar7, Popover as Popover2, Button as Button35 } from "antd";
 
 // src/components/Chat/Menu.tsx
-import React18, { useState as useState31, useMemo as useMemo10, useCallback as useCallback19 } from "react";
+import React19, { useState as useState31, useMemo as useMemo10, useCallback as useCallback19 } from "react";
 import { Drawer } from "antd";
 import { Plus, ChevronRight, ChevronDown, Cpu, PanelLeftClose } from "lucide-react";
 import { createStyles as createStyles16 } from "antd-style";
-import { Fragment as Fragment8, jsx as jsx56, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx56, jsxs as jsxs31 } from "react/jsx-runtime";
 var DRAWER_STYLES = {
   wrapper: {
     background: "transparent",
@@ -9716,7 +9822,7 @@ var Menu = ({
   }, [forceIconMode, isIconView, isControlled, onCollapsedChange]);
   const renderIconMode = () => /* @__PURE__ */ jsxs31("div", { className: `${menuStyles.sidebar} ${styles.iconMode} ${className || ""}`, style, children: [
     /* @__PURE__ */ jsx56("div", { className: styles.iconModeLogo, children: logo || logoIcon || /* @__PURE__ */ jsx56(Cpu, { size: 28, color: "#1677ff" }) }),
-    /* @__PURE__ */ jsx56("div", { className: styles.iconModeContainer, children: groupedItems.map(({ group, items: items2 }, groupIndex) => /* @__PURE__ */ jsxs31(React18.Fragment, { children: [
+    /* @__PURE__ */ jsx56("div", { className: styles.iconModeContainer, children: groupedItems.map(({ group, items: items2 }, groupIndex) => /* @__PURE__ */ jsxs31(React19.Fragment, { children: [
       groupIndex > 0 && /* @__PURE__ */ jsx56("div", { className: styles.iconModeDivider }),
       /* @__PURE__ */ jsx56("div", { className: styles.iconModeGroup, children: items2.map((item) => /* @__PURE__ */ jsx56(
         "button",
@@ -9767,7 +9873,7 @@ var Menu = ({
       items2.map((item) => {
         const isInline = item.inline ?? false;
         const isExpanded2 = expandedInlineDrawers.has(item.id);
-        return /* @__PURE__ */ jsxs31(React18.Fragment, { children: [
+        return /* @__PURE__ */ jsxs31(React19.Fragment, { children: [
           /* @__PURE__ */ jsxs31(
             "button",
             {
@@ -9789,7 +9895,7 @@ var Menu = ({
     ] }, group || "ungrouped")) }),
     footer && /* @__PURE__ */ jsx56("div", { style: { marginTop: "auto", paddingTop: 16, borderTop: "1px solid rgba(0, 0, 0, 0.06)" }, children: typeof footer === "function" ? footer({ isIconMode: shouldShowIconMode }) : footer })
   ] });
-  return /* @__PURE__ */ jsxs31(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs31(Fragment7, { children: [
     shouldShowIconMode ? renderIconMode() : renderExpandedMode(),
     items.filter((item) => item.type === "drawer").map((item) => /* @__PURE__ */ jsx56(
       Drawer,
@@ -10250,7 +10356,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",
@@ -10341,7 +10447,7 @@ var ProjectCardList = () => {
               /* @__PURE__ */ jsx58("h3", { className: styles.projectName, children: project.name }),
               /* @__PURE__ */ jsxs33("span", { className: styles.projectDate, children: [
                 "Created ",
-                formatDate5(project.createdAt)
+                formatDate6(project.createdAt)
               ] })
             ] })
           ] }) })
@@ -10359,7 +10465,7 @@ var ProjectCardList = () => {
           /* @__PURE__ */ jsx58("span", { className: styles.listProjectName, children: project.name }),
           /* @__PURE__ */ jsxs33("span", { className: styles.listProjectDate, children: [
             "Created ",
-            formatDate5(project.createdAt)
+            formatDate6(project.createdAt)
           ] })
         ] })
       ] }, project.id))
@@ -11046,7 +11152,7 @@ import { useState as useState35, useEffect as useEffect21 } from "react";
 import { createStyles as createStyles18 } from "antd-style";
 import { Database as Database2, Plus as Plus4, Edit2 as Edit22, Trash2 as Trash22, TestTube2 as TestTube22, Loader2 as Loader22 } from "lucide-react";
 import { Card as Card13, Button as Button26, Space as Space17, Typography as Typography18, Tag as Tag7, Modal as Modal4, message as message6, Input as Input6, Select as Select2, Popconfirm as Popconfirm2 } from "antd";
-import { Fragment as Fragment9, jsx as jsx60, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx60, jsxs as jsxs35 } from "react/jsx-runtime";
 var { Text: Text15 } = Typography18;
 var { TextArea: TextArea2 } = Input6;
 var useStyles7 = createStyles18(({ token, css }) => ({
@@ -11236,7 +11342,7 @@ var DatabaseConfigDrawerContent = ({
         configItem.id
       ] }),
       configItem.description && /* @__PURE__ */ jsx60("div", { style: { fontSize: 13, color: "#666", marginBottom: 12 }, children: configItem.description }),
-      /* @__PURE__ */ jsx60("div", { style: { marginBottom: 12 }, children: configItem.config.connectionString ? /* @__PURE__ */ jsx60(Tag7, { color: "success", style: { fontSize: 11 }, children: "Connection String Mode" }) : /* @__PURE__ */ jsxs35(Fragment9, { children: [
+      /* @__PURE__ */ jsx60("div", { style: { marginBottom: 12 }, children: configItem.config.connectionString ? /* @__PURE__ */ jsx60(Tag7, { color: "success", style: { fontSize: 11 }, children: "Connection String Mode" }) : /* @__PURE__ */ jsxs35(Fragment8, { children: [
         /* @__PURE__ */ jsxs35(Text15, { code: true, style: { fontSize: 12, marginRight: 8 }, children: [
           configItem.config.host || "localhost",
           ":",
@@ -11557,7 +11663,7 @@ var DatabaseConfigFormModal = ({
 import { useState as useState36, useEffect as useEffect22 } from "react";
 import { Plug, Plus as Plus5, Edit2 as Edit23, Trash2 as Trash23, TestTube2 as TestTube23, Loader2 as Loader23, Settings as Settings2, Database as Database3, ChevronRight as ChevronRight3, ChevronLeft as ChevronLeft3, Check as Check3, Terminal, Globe, Server } from "lucide-react";
 import { Card as Card14, Button as Button27, Space as Space18, Typography as Typography19, Tag as Tag8, Modal as Modal5, message as message7, Input as Input7, Select as Select3, Popconfirm as Popconfirm3, Steps as Steps2, Checkbox as Checkbox3, Spin as Spin6, theme as theme4, Collapse as Collapse7 } from "antd";
-import { Fragment as Fragment10, jsx as jsx61, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx61, jsxs as jsxs36 } from "react/jsx-runtime";
 var { Text: Text16, Title: Title3 } = Typography19;
 var { TextArea: TextArea3 } = Input7;
 var { useToken: useToken3 } = theme4;
@@ -12015,7 +12121,7 @@ var McpConfigFormModal = ({
               }
             )
           ] }),
-          formData.transport === "stdio" ? /* @__PURE__ */ jsxs36(Fragment10, { children: [
+          formData.transport === "stdio" ? /* @__PURE__ */ jsxs36(Fragment9, { children: [
             /* @__PURE__ */ jsxs36("div", { children: [
               /* @__PURE__ */ jsx61(Text16, { strong: true, children: "Command" }),
               /* @__PURE__ */ jsx61(
@@ -13032,7 +13138,7 @@ import {
   DeleteOutlined as DeleteOutlined2
 } from "@ant-design/icons";
 import { Activity as Activity2 } from "lucide-react";
-import { Fragment as Fragment11, jsx as jsx63, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx63, jsxs as jsxs38 } from "react/jsx-runtime";
 var { TextArea: TextArea4 } = Input8;
 var { Text: Text18, Title: Title4 } = Typography21;
 var SectionCard = ({ title, icon, badge, children, defaultExpanded = true }) => {
@@ -13115,7 +13221,7 @@ var SectionCard = ({ title, icon, badge, children, defaultExpanded = true }) =>
 var renderConfigField = (propertyKey, property, value, onChange, token) => {
   const label = /* @__PURE__ */ jsxs38("span", { children: [
     property.title || propertyKey,
-    property.description && /* @__PURE__ */ jsxs38(Fragment11, { children: [
+    property.description && /* @__PURE__ */ jsxs38(Fragment10, { children: [
       "\xA0",
       /* @__PURE__ */ jsx63(Tooltip11, { title: property.description, children: /* @__PURE__ */ jsx63(QuestionCircleOutlined, { style: { color: token.colorTextSecondary, cursor: "pointer" } }) })
     ] })
@@ -14226,7 +14332,7 @@ var AgentConfigPanel = ({
                       description: "No tools available",
                       image: Empty4.PRESENTED_IMAGE_SIMPLE
                     }
-                  ) : /* @__PURE__ */ jsxs38(Fragment11, { children: [
+                  ) : /* @__PURE__ */ jsxs38(Fragment10, { children: [
                     /* @__PURE__ */ jsxs38(
                       "div",
                       {
@@ -14282,7 +14388,7 @@ var AgentConfigPanel = ({
                       description: "No other agents available",
                       image: Empty4.PRESENTED_IMAGE_SIMPLE
                     }
-                  ) : /* @__PURE__ */ jsxs38(Fragment11, { children: [
+                  ) : /* @__PURE__ */ jsxs38(Fragment10, { children: [
                     /* @__PURE__ */ jsxs38(
                       "div",
                       {
@@ -14633,7 +14739,7 @@ var SubAgentInheritList = ({
 };
 
 // src/components/Chat/CreateAssistantModal.tsx
-import { Fragment as Fragment12, jsx as jsx66, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx66, jsxs as jsxs41 } from "react/jsx-runtime";
 var { TextArea: TextArea5 } = Input10;
 var { Text: Text21 } = Typography24;
 var CreateAssistantModal = ({
@@ -15006,7 +15112,7 @@ var CreateAssistantModal = ({
             ]
           }
         ),
-        showSubAgentList && /* @__PURE__ */ jsxs41(Fragment12, { children: [
+        showSubAgentList && /* @__PURE__ */ jsxs41(Fragment11, { children: [
           /* @__PURE__ */ jsx66(Divider4, { style: { margin: "12px 0" } }),
           /* @__PURE__ */ jsx66(Text21, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Sub-Agents" }),
           /* @__PURE__ */ jsx66(
@@ -15522,7 +15628,7 @@ import {
   CopyOutlined as CopyOutlined2,
   PlusOutlined as PlusOutlined4
 } from "@ant-design/icons";
-import { Fragment as Fragment13, jsx as jsx68, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx68, jsxs as jsxs43 } from "react/jsx-runtime";
 var { Text: Text22 } = Typography25;
 var { TextArea: TextArea6 } = Input11;
 var getBadgeColor2 = (name) => {
@@ -15575,7 +15681,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 "";
@@ -15969,7 +16075,7 @@ var SkillNode = ({ data }) => {
             ] })
           }
         ),
-        isEditing ? editingView : /* @__PURE__ */ jsxs43(Fragment13, { children: [
+        isEditing ? editingView : /* @__PURE__ */ jsxs43(Fragment12, { children: [
           currentSkill.description && /* @__PURE__ */ jsx68("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ jsxs43(
             Text22,
             {
@@ -16183,7 +16289,7 @@ var SkillNode = ({ data }) => {
                 },
                 children: [
                   "Created: ",
-                  formatDate5(currentSkill.createdAt)
+                  formatDate6(currentSkill.createdAt)
                 ]
               }
             ),
@@ -16197,7 +16303,7 @@ var SkillNode = ({ data }) => {
                 },
                 children: [
                   "Updated: ",
-                  formatDate5(currentSkill.updatedAt)
+                  formatDate6(currentSkill.updatedAt)
                 ]
               }
             )
@@ -16275,7 +16381,7 @@ var SkillNode = ({ data }) => {
               justifyContent: "space-between",
               gap: 8
             },
-            children: isEditing ? /* @__PURE__ */ jsxs43(Fragment13, { children: [
+            children: isEditing ? /* @__PURE__ */ jsxs43(Fragment12, { children: [
               /* @__PURE__ */ jsx68(
                 Button31,
                 {
@@ -16303,7 +16409,7 @@ var SkillNode = ({ data }) => {
                   children: "Save"
                 }
               )
-            ] }) : /* @__PURE__ */ jsxs43(Fragment13, { children: [
+            ] }) : /* @__PURE__ */ jsxs43(Fragment12, { children: [
               /* @__PURE__ */ jsx68(
                 Button31,
                 {
@@ -17763,8 +17869,7 @@ var WorkspaceResourceManager = ({
               }
             ),
             logo,
-            left: /* @__PURE__ */ jsx72(SideAppViewBrowser, { region: "content" }),
-            right: null
+            main: /* @__PURE__ */ jsx72(SideAppViewBrowser, { region: "content" })
           }
         ),
         /* @__PURE__ */ jsx72(
@@ -17848,7 +17953,7 @@ var WorkspaceContextProvider = ({
   };
   const [workspaceId, setWorkspaceId] = useState46(getInitialWorkspaceId);
   const [projectId, setProjectId] = useState46(getInitialProjectId);
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     const wsId = getInitialWorkspaceId();
     const pjId = getInitialProjectId();
     if (wsId || pjId) {
@@ -17862,7 +17967,7 @@ var WorkspaceContextProvider = ({
   const [projects, setProjects] = useState46([]);
   const [loading, setLoading] = useState46(false);
   const [error, setError] = useState46(null);
-  const client = React34.useMemo(() => {
+  const client = React35.useMemo(() => {
     return new WorkspaceClient({
       baseURL: config.baseURL,
       apiKey: config.apiKey || "",
@@ -18145,7 +18250,7 @@ var WorkspaceContextProvider = ({
 import { useRef as useRef16, useState as useState47 } from "react";
 import { Modal as Modal11, List as List7, Checkbox as Checkbox5, Spin as Spin8, Empty as Empty5, Typography as Typography27, Button as Button36, Space as Space23, Tooltip as Tooltip13 } from "antd";
 import { Database as Database5 } from "lucide-react";
-import { Fragment as Fragment14, jsx as jsx74, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx74, jsxs as jsxs48 } from "react/jsx-runtime";
 var DatabasePicker = ({ senderRef, iconOnly }) => {
   const [modalOpen, setModalOpen] = useState47(false);
   const [databases, setDatabases] = useState47([]);
@@ -18200,7 +18305,7 @@ var DatabasePicker = ({ senderRef, iconOnly }) => {
     setModalOpen(false);
     setSelectedDatabases([]);
   };
-  return /* @__PURE__ */ jsxs48(Fragment14, { children: [
+  return /* @__PURE__ */ jsxs48(Fragment13, { children: [
     /* @__PURE__ */ jsx74(Tooltip13, { title: iconOnly ? "Database" : void 0, children: /* @__PURE__ */ jsx74(
       Button36,
       {
@@ -18295,7 +18400,7 @@ var DatabasePicker = ({ senderRef, iconOnly }) => {
 import { useRef as useRef17, useState as useState48 } from "react";
 import { Modal as Modal12, List as List8, Checkbox as Checkbox6, Spin as Spin9, Empty as Empty6, Typography as Typography28, Button as Button37, Space as Space24, Tooltip as Tooltip14 } from "antd";
 import { BrainCircuit } from "lucide-react";
-import { Fragment as Fragment15, jsx as jsx75, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx75, jsxs as jsxs49 } from "react/jsx-runtime";
 var SkillPicker = ({ senderRef, iconOnly }) => {
   const [modalOpen, setModalOpen] = useState48(false);
   const [skills, setSkills] = useState48([]);
@@ -18350,7 +18455,7 @@ var SkillPicker = ({ senderRef, iconOnly }) => {
     setModalOpen(false);
     setSelectedSkills([]);
   };
-  return /* @__PURE__ */ jsxs49(Fragment15, { children: [
+  return /* @__PURE__ */ jsxs49(Fragment14, { children: [
     /* @__PURE__ */ jsx75(Tooltip14, { title: iconOnly ? "Skills" : void 0, children: /* @__PURE__ */ jsx75(
       Button37,
       {
@@ -18445,7 +18550,7 @@ var SkillPicker = ({ senderRef, iconOnly }) => {
 import { useRef as useRef18, useState as useState49 } from "react";
 import { Modal as Modal13, List as List9, Empty as Empty7, Typography as Typography29, Button as Button38, Tooltip as Tooltip15 } from "antd";
 import { Bot as Bot2 } from "lucide-react";
-import { Fragment as Fragment16, jsx as jsx76, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx76, jsxs as jsxs50 } from "react/jsx-runtime";
 var AgentPicker = ({ senderRef, iconOnly }) => {
   const [modalOpen, setModalOpen] = useState49(false);
   const [loading, setLoading] = useState49(false);
@@ -18465,7 +18570,7 @@ var AgentPicker = ({ senderRef, iconOnly }) => {
   const handleAgentClick = (agentId) => {
     setSelectedAgent(agentId);
   };
-  return /* @__PURE__ */ jsxs50(Fragment16, { children: [
+  return /* @__PURE__ */ jsxs50(Fragment15, { children: [
     /* @__PURE__ */ jsx76(Tooltip15, { title: iconOnly ? currentAssistant?.name || "Agent" : void 0, children: /* @__PURE__ */ jsx76(
       Button38,
       {
@@ -18561,7 +18666,7 @@ var AgentPicker = ({ senderRef, iconOnly }) => {
 import { useEffect as useEffect32, useState as useState50, useRef as useRef19 } from "react";
 import { Modal as Modal14, List as List10, Spin as Spin11, Empty as Empty8, Typography as Typography30, Button as Button39, Tag as Tag14, Tooltip as Tooltip16 } from "antd";
 import { Database as Database6, Check as Check4, Server as Server2 } from "lucide-react";
-import { Fragment as Fragment17, jsx as jsx77, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx77, jsxs as jsxs51 } from "react/jsx-runtime";
 var SESSION_STORAGE_KEY = "metrics_datasource_selection";
 var MetricsDataSourcePicker = ({
   senderRef,
@@ -18705,7 +18810,7 @@ var MetricsDataSourcePicker = ({
     acc[ds.serverName].push(ds);
     return acc;
   }, {});
-  return /* @__PURE__ */ jsxs51(Fragment17, { children: [
+  return /* @__PURE__ */ jsxs51(Fragment16, { children: [
     /* @__PURE__ */ jsx77(Tooltip16, { title: iconOnly ? getSelectedName() || "Select Data Source" : dataSources.length === 0 ? "No data sources available" : void 0, children: /* @__PURE__ */ jsx77(
       Button39,
       {
@@ -19638,7 +19743,7 @@ var BusinessAnalysisPrompts = ({
 };
 
 // src/components/Chat/Chating.tsx
-import { Fragment as Fragment18, jsx as jsx81, jsxs as jsxs54 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx81, jsxs as jsxs54 } from "react/jsx-runtime";
 var slotConfig = [];
 var Chating = ({
   avatar,
@@ -19665,7 +19770,7 @@ var Chating = ({
   const { styles } = useStyle();
   const [headerOpen, setHeaderOpen] = useState54(false);
   const attachmentsRef = useRef21(null);
-  const senderRef = React42.useRef(null);
+  const senderRef = React43.useRef(null);
   const {
     assistantId,
     threadId,
@@ -20101,7 +20206,7 @@ var Chating = ({
       }
     );
   };
-  return /* @__PURE__ */ jsxs54(Fragment18, { children: [
+  return /* @__PURE__ */ jsxs54(Fragment17, { children: [
     /* @__PURE__ */ jsx81(
       "div",
       {
@@ -20140,7 +20245,7 @@ var Chating = ({
         className: `${styles.emptyStateContainer} ${isTransitioning ? styles.exiting : ""}`,
         children: [
           /* @__PURE__ */ jsxs54("div", { className: styles.welcomeSection, children: [
-            /* @__PURE__ */ jsx81("div", { className: styles.greeting, children: emptyStateGreeting ? emptyStateGreeting : /* @__PURE__ */ jsxs54(Fragment18, { children: [
+            /* @__PURE__ */ jsx81("div", { className: styles.greeting, children: emptyStateGreeting ? emptyStateGreeting : /* @__PURE__ */ jsxs54(Fragment17, { children: [
               welcomePrefix,
               " ",
               /* @__PURE__ */ jsx81("span", { className: "user-name", children: displayUserName })
@@ -20168,7 +20273,7 @@ var Chating = ({
         ]
       }
     ),
-    !isEmptyState && /* @__PURE__ */ jsxs54(Fragment18, { children: [
+    !isEmptyState && /* @__PURE__ */ jsxs54(Fragment17, { children: [
       /* @__PURE__ */ jsx81(
         MessageList,
         {
@@ -20401,8 +20506,7 @@ import {
   Tooltip as Tooltip17,
   Popconfirm as Popconfirm4,
   message as message14,
-  Card as Card16,
-  Descriptions
+  Card as Card16
 } from "antd";
 import {
   ClockCircleOutlined as ClockCircleOutlined3,
@@ -20500,6 +20604,11 @@ var useStyles8 = createStyles20(({ 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) => {
@@ -20685,7 +20794,8 @@ var ScheduleViewer = ({ data }) => {
           /* @__PURE__ */ jsxs56("div", { className: styles.taskHeader, children: [
             /* @__PURE__ */ jsxs56("div", { children: [
               /* @__PURE__ */ jsx84("div", { className: styles.taskType, children: task.taskType }),
-              /* @__PURE__ */ jsx84("div", { className: styles.taskId, children: task.taskId })
+              /* @__PURE__ */ jsx84("div", { className: styles.taskId, children: task.taskId }),
+              task.payload?.message?.content && /* @__PURE__ */ jsx84("div", { className: styles.messageContent, children: /* @__PURE__ */ jsx84(Text26, { type: "secondary", style: { fontSize: 12 }, children: task.payload.message.content }) })
             ] }),
             /* @__PURE__ */ jsx84(Tag15, { color: getStatusColor(task.status), icon: getStatusIcon2(task.status), children: task.status.toUpperCase() })
           ] }),
@@ -20725,19 +20835,6 @@ var ScheduleViewer = ({ data }) => {
             /* @__PURE__ */ jsx84(ExclamationCircleOutlined, { style: { marginRight: 4 } }),
             task.lastError
           ] }) }),
-          task.metadata && Object.keys(task.metadata).length > 0 && /* @__PURE__ */ jsx84(
-            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)
         ]
       },
@@ -21106,7 +21203,7 @@ import { RefreshCw } from "lucide-react";
 import { createStyles as createStyles29 } from "antd-style";
 
 // src/components/GenUI/elements/TeamWorkspace/TeamWorkspaceMenu.tsx
-import React44, { useState as useState56 } from "react";
+import React45, { useState as useState56 } from "react";
 import {
   LayoutDashboard,
   Inbox,
@@ -21118,7 +21215,7 @@ import {
 } from "lucide-react";
 import { Tooltip as Tooltip18, Badge as Badge6 } from "antd";
 import { createStyles as createStyles21 } from "antd-style";
-import { Fragment as Fragment19, jsx as jsx88, jsxs as jsxs60 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx88, jsxs as jsxs60 } from "react/jsx-runtime";
 var useStyles9 = createStyles21(({ token, css }) => ({
   container: css`
     display: flex;
@@ -21328,11 +21425,11 @@ var TeamWorkspaceMenu = ({
     if (showTooltip && !isExpanded) {
       return /* @__PURE__ */ jsx88(Tooltip18, { title: item.name, placement: "right", children: content }, item.id);
     }
-    return /* @__PURE__ */ jsx88(React44.Fragment, { children: content }, item.id);
+    return /* @__PURE__ */ jsx88(React45.Fragment, { children: content }, item.id);
   };
   const renderGroup = (groupItems, groupLabel, showDivider) => {
     if (groupItems.length === 0) return null;
-    return /* @__PURE__ */ jsxs60(Fragment19, { children: [
+    return /* @__PURE__ */ jsxs60(Fragment18, { children: [
       showDivider && /* @__PURE__ */ jsx88("div", { className: styles.groupDivider }),
       /* @__PURE__ */ jsxs60("div", { className: styles.menuGroup, children: [
         isExpanded && groupLabel && /* @__PURE__ */ jsx88("div", { className: styles.groupLabel, children: groupLabel }),
@@ -21806,7 +21903,7 @@ import {
   Activity as Activity4,
   GitCommit
 } from "lucide-react";
-import { Fragment as Fragment20, jsx as jsx90, jsxs as jsxs62 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx90, jsxs as jsxs62 } from "react/jsx-runtime";
 var { Title: Title7, Text: Text31, Paragraph } = Typography41;
 var useStyles11 = createStyles23(({ token, css }) => ({
   modalContent: css`
@@ -22291,7 +22388,7 @@ var TaskDetailModal = ({
           ] }),
           /* @__PURE__ */ jsxs62("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ jsx90(Text31, { className: styles.metaLabel, children: "Assignee" }),
-            /* @__PURE__ */ jsx90("div", { className: styles.metaValue, children: task.assignee ? /* @__PURE__ */ jsxs62(Fragment20, { children: [
+            /* @__PURE__ */ jsx90("div", { className: styles.metaValue, children: task.assignee ? /* @__PURE__ */ jsxs62(Fragment19, { children: [
               /* @__PURE__ */ jsx90(
                 "div",
                 {
@@ -22861,7 +22958,7 @@ var IssuesView = ({
 };
 
 // src/components/GenUI/elements/TeamWorkspace/TeamOrgCanvas.tsx
-import React47, { useMemo as useMemo21 } from "react";
+import React48, { useMemo as useMemo21 } from "react";
 import {
   ReactFlow as ReactFlow3,
   Background as Background3,
@@ -23102,7 +23199,7 @@ var TeamOrgCanvasInner = ({
   }, [team, teammates, taskStatsByTeammate]);
   const [flowNodes, setNodes, onNodesChange] = useNodesState3(nodes);
   const [flowEdges, setEdges, onEdgesChange] = useEdgesState3(edges);
-  React47.useEffect(() => {
+  React48.useEffect(() => {
     setNodes(nodes);
     setEdges(edges);
     setTimeout(() => fitView({ padding: 0.2 }), 100);
@@ -23444,12 +23541,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__ */ jsx94(
     Modal16,
     {
@@ -23472,12 +23569,12 @@ var MailboxDetailModal = ({
       children: /* @__PURE__ */ jsxs66("div", { className: styles.modalContent, children: [
         /* @__PURE__ */ jsxs66("div", { className: styles.header, children: [
           /* @__PURE__ */ jsx94("div", { className: styles.messageIcon, children: /* @__PURE__ */ jsx94(Mail2, { size: 20 }) }),
-          /* @__PURE__ */ jsx94(Text35, { className: styles.messageId, children: message20.id }),
-          !message20.read && /* @__PURE__ */ jsx94(Tag20, { color: "red", children: "Unread" })
+          /* @__PURE__ */ jsx94(Text35, { className: styles.messageId, children: message21.id }),
+          !message21.read && /* @__PURE__ */ jsx94(Tag20, { color: "red", children: "Unread" })
         ] }),
         /* @__PURE__ */ jsxs66(Title11, { level: 4, className: styles.title, children: [
           "Message from ",
-          message20.from
+          message21.from
         ] }),
         /* @__PURE__ */ jsxs66("div", { className: styles.metaSection, children: [
           /* @__PURE__ */ jsxs66("div", { className: styles.metaItem, children: [
@@ -23487,11 +23584,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__ */ jsx94("span", { children: message20.from })
+              /* @__PURE__ */ jsx94("span", { children: message21.from })
             ] })
           ] }),
           /* @__PURE__ */ jsxs66("div", { className: styles.metaItem, children: [
@@ -23501,29 +23598,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__ */ jsx94("span", { children: message20.to })
+              /* @__PURE__ */ jsx94("span", { children: message21.to })
             ] })
           ] }),
           /* @__PURE__ */ jsxs66("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ jsx94(Text35, { className: styles.metaLabel, children: "Time" }),
             /* @__PURE__ */ jsxs66("div", { className: styles.metaValue, children: [
               /* @__PURE__ */ jsx94(Calendar2, { size: 14 }),
-              /* @__PURE__ */ jsx94("span", { children: formatDate3(message20.timestamp) })
+              /* @__PURE__ */ jsx94("span", { children: formatDate3(message21.timestamp) })
             ] })
           ] }),
           /* @__PURE__ */ jsxs66("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ jsx94(Text35, { className: styles.metaLabel, children: "Type" }),
-            /* @__PURE__ */ jsx94("div", { className: styles.metaValue, children: /* @__PURE__ */ jsx94(Tag20, { color: message20.type === "broadcast" ? "blue" : "default", children: message20.type }) })
+            /* @__PURE__ */ jsx94("div", { className: styles.metaValue, children: /* @__PURE__ */ jsx94(Tag20, { color: message21.type === "broadcast" ? "blue" : "default", children: message21.type }) })
           ] })
         ] }),
         /* @__PURE__ */ jsx94(Divider8, {}),
         /* @__PURE__ */ jsxs66("div", { className: styles.contentSection, children: [
           /* @__PURE__ */ jsx94(Text35, { className: styles.contentLabel, children: "Message Content" }),
-          /* @__PURE__ */ jsx94("div", { className: styles.contentBox, children: /* @__PURE__ */ jsx94(Paragraph2, { className: styles.messageContent, children: message20.content }) })
+          /* @__PURE__ */ jsx94("div", { className: styles.contentBox, children: /* @__PURE__ */ jsx94(Paragraph2, { className: styles.messageContent, children: message21.content }) })
         ] })
       ] })
     }
@@ -23752,26 +23849,26 @@ var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageC
         ]
       }
     ),
-    isExpanded && /* @__PURE__ */ jsx95("div", { className: styles.listGroupContent, children: group.messages.map((message20) => /* @__PURE__ */ jsxs67(
+    isExpanded && /* @__PURE__ */ jsx95("div", { className: styles.listGroupContent, children: group.messages.map((message21) => /* @__PURE__ */ jsxs67(
       "div",
       {
-        className: `${styles.listItem} ${!message20.read ? styles.listItemUnread : ""}`,
-        onClick: () => onMessageClick(message20),
+        className: `${styles.listItem} ${!message21.read ? styles.listItemUnread : ""}`,
+        onClick: () => onMessageClick(message21),
         children: [
-          /* @__PURE__ */ jsx95("div", { className: styles.listItemIcon, children: !message20.read ? /* @__PURE__ */ jsx95("div", { className: styles.unreadBadge }) : /* @__PURE__ */ jsx95(Circle2, { size: 8, style: { color: "#d9d9d9" } }) }),
+          /* @__PURE__ */ jsx95("div", { className: styles.listItemIcon, children: !message21.read ? /* @__PURE__ */ jsx95("div", { className: styles.unreadBadge }) : /* @__PURE__ */ jsx95(Circle2, { size: 8, style: { color: "#d9d9d9" } }) }),
           /* @__PURE__ */ jsxs67("div", { className: styles.listItemContent, children: [
-            /* @__PURE__ */ jsx95("span", { className: styles.listItemPreview, children: getMessagePreview(message20.content) }),
+            /* @__PURE__ */ jsx95("span", { className: styles.listItemPreview, children: getMessagePreview(message21.content) }),
             /* @__PURE__ */ jsxs67("span", { className: styles.listItemMeta, children: [
               "To: ",
-              message20.to,
+              message21.to,
               " \u2022 ",
-              message20.type
+              message21.type
             ] })
           ] }),
-          /* @__PURE__ */ jsx95("div", { className: styles.listItemRight, children: /* @__PURE__ */ jsx95("span", { className: styles.listItemDate, children: formatDate4(message20.timestamp) }) })
+          /* @__PURE__ */ jsx95("div", { className: styles.listItemRight, children: /* @__PURE__ */ jsx95("span", { className: styles.listItemDate, children: formatDate4(message21.timestamp) }) })
         ]
       },
-      message20.id
+      message21.id
     )) })
   ] });
 };
@@ -23782,12 +23879,12 @@ var MailboxPanel = ({ data }) => {
   const { teamMailbox = [] } = data || {};
   const messageGroups = useMemo22(() => {
     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,
@@ -23804,8 +23901,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 = () => {
@@ -24861,7 +24958,7 @@ import { Button as Button47, Typography as Typography47 } from "antd";
 import { ExpandOutlined as ExpandOutlined2 } from "@ant-design/icons";
 
 // src/streaming-html/StreamingHTMLRenderer.tsx
-import React52, { useEffect as useEffect38, useRef as useRef23, useCallback as useCallback28, useState as useState62 } from "react";
+import React53, { useEffect as useEffect38, useRef as useRef23, useCallback as useCallback28, useState as useState62 } from "react";
 
 // src/streaming-html/show-widget-css-generator.ts
 function generateShowWidgetCSS(tokens) {
@@ -25560,8 +25657,8 @@ var StreamingHTMLRenderer = ({
   const pendingChunksRef = useRef23([]);
   const isCompleteRef = useRef23(isComplete);
   const isScriptExecuted = useRef23(false);
-  const [iframeHeight, setIframeHeight] = React52.useState(0);
-  const [iframeWidth, setIframeWidth] = React52.useState(void 0);
+  const [iframeHeight, setIframeHeight] = React53.useState(0);
+  const [iframeWidth, setIframeWidth] = React53.useState(void 0);
   const [currentMessageIndex, setCurrentMessageIndex] = useState62(0);
   const [showLoading, setShowLoading] = useState62(true);
   useEffect38(() => {
@@ -25649,11 +25746,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;
@@ -25668,25 +25765,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;
       }
@@ -26052,7 +26149,7 @@ var regsiterElement = (language, ElementMeta) => {
 import { Dropdown as Dropdown2, Tooltip as Tooltip22 } from "antd";
 import { createStyles as createStyles30 } from "antd-style";
 import { useEffect as useEffect39, useState as useState63 } from "react";
-import { Fragment as Fragment21, jsx as jsx103, jsxs as jsxs74 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx103, jsxs as jsxs74 } from "react/jsx-runtime";
 var useStyle13 = createStyles30(({ token, css }) => {
   return {
     container: css`
@@ -26229,7 +26326,7 @@ var useStyle13 = createStyles30(({ token, css }) => {
 });
 var EmptySideAppView = ({ component_key, data }) => {
   if (data?.component) {
-    return /* @__PURE__ */ jsx103(Fragment21, { children: data.component });
+    return /* @__PURE__ */ jsx103(Fragment20, { children: data.component });
   }
   return /* @__PURE__ */ jsxs74("div", { children: [
     /* @__PURE__ */ jsx103("p", { children: "Component view not found" }),
@@ -26389,7 +26486,7 @@ import { useState as useState64, useCallback as useCallback31, useMemo as useMem
 import { Modal as Modal17, Input as Input13, Button as Button48, message as message16 } from "antd";
 import { createStyles as createStyles31 } from "antd-style";
 import { Folder, ChevronDown as ChevronDown4, Building2 as Building24 } from "lucide-react";
-import { Fragment as Fragment22, jsx as jsx104, jsxs as jsxs75 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx104, jsxs as jsxs75 } from "react/jsx-runtime";
 var PROJECT_NAME_MAX_LENGTH = 50;
 var useStyles18 = createStyles31(({ token, css }) => ({
   container: css`
@@ -26707,7 +26804,7 @@ var ProjectSelector = () => {
     }
   };
   const isProjectNameValid = !validateProjectName(projectName.trim());
-  return /* @__PURE__ */ jsxs75(Fragment22, { children: [
+  return /* @__PURE__ */ jsxs75(Fragment21, { children: [
     /* @__PURE__ */ jsx104("div", { className: styles.container, children: /* @__PURE__ */ jsxs75("div", { className: styles.selectorWrapper, children: [
       /* @__PURE__ */ jsx104("div", { style: { position: "relative" }, ref: workspaceDropdownRef, children: /* @__PURE__ */ jsx104(
         "button",
@@ -26785,136 +26882,42 @@ var ProjectSelector = () => {
   ] });
 };
 
-// src/components/Chat/LatticeChat.tsx
-import { jsx as jsx105, jsxs as jsxs76 } from "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__ */ jsx105(ProjectSelector, {}) : null;
-  return /* @__PURE__ */ jsx105(
-    AgentThreadProvider,
-    {
-      assistantId: assistant_id,
-      threadId: thread_id,
-      options: {
-        streaming: true,
-        enableReturnStateWhenStreamCompleted: true,
-        enableResumeStream: true
-      },
-      children: /* @__PURE__ */ jsx105(ChatUIContextProvider, { children: /* @__PURE__ */ jsxs76(
-        "div",
-        {
-          style: {
-            display: "flex",
-            flexDirection: "column",
-            width: "100%",
-            height: "100%"
-          },
-          children: [
-            header,
-            /* @__PURE__ */ jsx105(
-              ColumnLayout,
-              {
-                menu,
-                header: leftTop,
-                left: thread_id ? /* @__PURE__ */ jsx105(Chating, { ...chatingProps }) : /* @__PURE__ */ jsx105("div", { children: "Please create a conversation first" }),
-                right: /* @__PURE__ */ jsx105(SideAppViewBrowser, {})
-              }
-            )
-          ]
-        }
-      ) })
-    }
-  );
-};
-
-// src/components/Chat/AgentConversations.tsx
-import { Conversations } from "@ant-design/x";
-import { theme as theme14 } from "antd";
-import { useMemo as useMemo27 } from "react";
-import { jsx as jsx106 } from "react/jsx-runtime";
-var AgentConversations = ({
-  enableThreadCreation = true,
-  enableThreadList = true
-}) => {
-  const { token } = theme14.useToken();
-  const { currentAssistant } = useAssistantContext();
-  const {
-    assistantId,
-    thread,
-    selectThread,
-    createThread,
-    listThreads,
-    threads
-  } = useConversationContext();
-  const style = {
-    width: "100%",
-    background: "transparent",
-    borderRadius: token.borderRadius
-  };
-  const threadItems = useMemo27(() => {
-    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__ */ jsx106(
-    Conversations,
-    {
-      creation,
-      items,
-      activeKey: thread?.id,
-      style,
-      groupable: true,
-      onActiveChange: (key) => {
-        selectThread(key);
-      }
-    }
-  );
-};
-
-// src/components/Chat/LatticeChatView.tsx
-import { useContext as useContext11 } from "react";
-
-// src/components/Chat/ChatSidebar.tsx
-import { useState as useState66, useMemo as useMemo29, useCallback as useCallback34 } from "react";
-import { Drawer as Drawer2, Avatar as Avatar13, Popover as Popover3, Button as Button50 } from "antd";
-import {
-  History,
-  LogOut as LogOut4,
-  FolderOpen as FolderOpen4,
-  PlusCircle,
-  PanelLeftClose as PanelLeftClose2,
-  Key as Key2
-} from "lucide-react";
+// src/components/Chat/ToolPanelFiles.tsx
+import { useCallback as useCallback32, useEffect as useEffect40, useMemo as useMemo27, useState as useState65 } from "react";
+import { message as message17 } from "antd";
 
-// src/components/Chat/ProjectsMenuContent.tsx
-import { useState as useState65, useEffect as useEffect40, useCallback as useCallback32, useMemo as useMemo28, useRef as useRef25 } from "react";
-import { Spin as Spin15, Modal as Modal18, Input as Input14, Button as Button49, message as message17 } from "antd";
+// src/components/Chat/FileDirectoryPanel.tsx
+import React58 from "react";
+import { Spin as Spin15 } from "antd";
+import { ChevronRight as ChevronRight7, FolderOpen as FolderOpen3, Upload } from "lucide-react";
 import { createStyles as createStyles32 } from "antd-style";
-import { Upload } from "lucide-react";
-import { Fragment as Fragment23, jsx as jsx107, jsxs as jsxs77 } from "react/jsx-runtime";
-var PROJECT_NAME_MAX_LENGTH2 = 50;
+import { Fragment as Fragment22, jsx as jsx105, jsxs as jsxs76 } from "react/jsx-runtime";
 var useStyles19 = createStyles32(({ 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;
   `,
@@ -26928,7 +26931,7 @@ var useStyles19 = createStyles32(({ 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;
@@ -26939,28 +26942,6 @@ var useStyles19 = createStyles32(({ 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;
@@ -26969,100 +26950,78 @@ var useStyles19 = createStyles32(({ 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;
+    width: 20px;
+    height: 20px;
+    border-radius: 4px;
+    background: rgba(0, 0, 0, 0.04);
 
     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);
-
-    svg {
-      width: 14px;
-      height: 14px;
+      width: 14px;
+      height: 14px;
     }
   `,
   assetInfo: css`
@@ -27081,6 +27040,11 @@ var useStyles19 = createStyles32(({ token, css }) => ({
     font-size: 10px;
     color: ${token.colorTextSecondary};
   `,
+  treeChildren: css`
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  `,
   emptyState: css`
     padding: 12px;
     text-align: center;
@@ -27124,262 +27088,245 @@ var useStyles19 = createStyles32(({ 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 = React58.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__ */ jsxs76("div", { className: styles.treeChildren, children: [
+        /* @__PURE__ */ jsxs76("div", { className: styles.treeRow, children: [
+          Array.from({ length: depth }).map((_, index) => /* @__PURE__ */ jsx105("span", { className: styles.treeIndent }, `${entry.path}-indent-${index}`)),
+          /* @__PURE__ */ jsx105(
+            "button",
+            {
+              type: "button",
+              className: styles.treeToggle,
+              "aria-label": `${isExpanded ? "collapse" : "expand"} ${entryName}`,
+              onClick: () => void onToggleDirectory(entry.path),
+              children: /* @__PURE__ */ jsx105(ChevronRight7, { size: 14, style: { transform: isExpanded ? "rotate(90deg)" : void 0 } })
+            }
+          ),
+          /* @__PURE__ */ jsxs76(
+            "button",
+            {
+              type: "button",
+              className: styles.assetItem,
+              "aria-label": `toggle ${entryName}`,
+              onClick: () => void onToggleDirectory(entry.path),
+              title: entryName,
+              children: [
+                /* @__PURE__ */ jsx105("div", { className: styles.assetIcon, children: /* @__PURE__ */ jsx105(FolderOpen3, { size: 14 }) }),
+                /* @__PURE__ */ jsx105("div", { className: styles.assetInfo, children: /* @__PURE__ */ jsx105("div", { className: styles.assetName, children: entryName }) })
+              ]
+            }
+          )
+        ] }),
+        isExpanded ? isLoading ? /* @__PURE__ */ jsx105("div", { className: styles.loading, children: /* @__PURE__ */ jsx105(Spin15, { size: "small" }) }) : children.length > 0 ? children.map((child) => renderEntry(child, depth + 1)) : /* @__PURE__ */ jsx105("div", { className: styles.emptyState, children: "No files in this folder" }) : null
+      ] }, entry.path);
+    }
+    return /* @__PURE__ */ jsxs76("div", { className: styles.treeRow, children: [
+      Array.from({ length: depth }).map((_, index) => /* @__PURE__ */ jsx105("span", { className: styles.treeIndent }, `${entry.path}-indent-${index}`)),
+      /* @__PURE__ */ jsx105("span", { className: styles.treeSpacer }),
+      /* @__PURE__ */ jsxs76(
+        "button",
+        {
+          type: "button",
+          className: styles.assetItem,
+          onClick: () => onAssetClick(entry),
+          "aria-label": `open ${entryName}`,
+          title: entryName,
+          children: [
+            /* @__PURE__ */ jsx105("div", { className: styles.assetIcon, children: getFileIcon2(entryName) }),
+            /* @__PURE__ */ jsxs76("div", { className: styles.assetInfo, children: [
+              /* @__PURE__ */ jsx105("div", { className: styles.assetName, children: entryName }),
+              /* @__PURE__ */ jsx105("div", { className: styles.assetMeta, children: formatDate5(entry.modified_at) })
+            ] })
+          ]
+        }
+      )
+    ] }, entry.path);
+  }, [directoryChildren, directoryExpanded, directoryLoading, onAssetClick, onToggleDirectory, styles]);
+  if (!projectId) {
+    return /* @__PURE__ */ jsx105("div", { className: styles.emptyState, children: "Please select a project to browse files" });
+  }
+  return /* @__PURE__ */ jsxs76("div", { className: styles.container, children: [
+    /* @__PURE__ */ jsxs76("h3", { className: styles.header, children: [
+      /* @__PURE__ */ jsx105(FolderOpen3, { size: 16 }),
+      /* @__PURE__ */ jsx105("span", { children: "Files" })
+    ] }),
+    resourceFolders.map((folder) => {
+      const entries = folderEntries[folder.name] || [];
+      const isLoading = folderLoading[folder.name] || false;
+      const itemCount = entries.length;
+      return /* @__PURE__ */ jsxs76("div", { className: styles.section, children: [
+        /* @__PURE__ */ jsxs76("div", { className: styles.sectionHeader, children: [
+          /* @__PURE__ */ jsx105(
+            "span",
+            {
+              className: styles.sectionTitle,
+              onClick: () => void onRefreshFolder(folder),
+              title: "Click to refresh",
+              children: folder.displayName || folder.name
+            }
+          ),
+          /* @__PURE__ */ jsx105("span", { className: styles.badge, children: itemCount })
+        ] }),
+        isLoading ? /* @__PURE__ */ jsx105("div", { className: styles.loading, children: /* @__PURE__ */ jsx105(Spin15, { size: "small" }) }) : /* @__PURE__ */ jsxs76("div", { className: styles.assetList, children: [
+          entries.map((entry) => renderEntry(entry, 0)),
+          entries.length === 0 ? /* @__PURE__ */ jsx105("div", { className: styles.emptyState, children: "No files in this folder" }) : null,
+          folder.allowUpload ? /* @__PURE__ */ jsx105(
+            "button",
+            {
+              type: "button",
+              className: styles.uploadBtn,
+              onClick: () => void onUploadFolder(folder.name),
+              disabled: !workspaceId || !projectId || uploadingFolder === folder.name,
+              children: uploadingFolder === folder.name ? /* @__PURE__ */ jsxs76(Fragment22, { children: [
+                /* @__PURE__ */ jsx105(Spin15, { size: "small" }),
+                /* @__PURE__ */ jsx105("span", { children: "Uploading..." })
+              ] }) : /* @__PURE__ */ jsxs76(Fragment22, { children: [
+                /* @__PURE__ */ jsx105(Upload, { size: 14 }),
+                /* @__PURE__ */ jsx105("span", { children: "Upload" })
+              ] })
+            }
+          ) : null
+        ] })
+      ] }, folder.name);
+    })
+  ] });
+};
+
+// src/components/Chat/ToolPanelFiles.tsx
+import { jsx as jsx106 } from "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] = useState65({});
+  const [folderEntries, setFolderEntries] = useState65({});
   const [folderLoading, setFolderLoading] = useState65({});
-  const [isProjectListOpen, setIsProjectListOpen] = useState65(false);
+  const [directoryChildren, setDirectoryChildren] = useState65({});
+  const [directoryLoading, setDirectoryLoading] = useState65({});
+  const [directoryExpanded, setDirectoryExpanded] = useState65({});
   const [uploadingFolder, setUploadingFolder] = useState65(null);
-  const [isModalOpen, setIsModalOpen] = useState65(false);
-  const [projectName, setProjectName] = useState65("");
-  const [validationError, setValidationError] = useState65(null);
-  const [isCreating, setIsCreating] = useState65(false);
-  const projectNameInputRef = useRef25(null);
-  const resourceFolders = useMemo28(() => {
+  const resourceFolders = useMemo27(() => {
     return config.resourceFolders && config.resourceFolders.length > 0 ? config.resourceFolders : [{ name: "/", displayName: "Project Assets", allowUpload: true }];
   }, [config.resourceFolders]);
-  const currentProject = useMemo28(() => {
-    return projects.find((p) => p.id === projectId);
-  }, [projects, projectId]);
   const loadAssetsForFolder = useCallback32(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]);
-  useEffect40(() => {
-    resourceFolders.forEach((folder) => {
-      loadAssetsForFolder(folder);
-    });
-  }, [workspaceId, projectId, loadAssetsForFolder, resourceFolders]);
-  const handleSelectProject = useCallback32((selectedProjectId) => {
-    setProject(selectedProjectId);
-    setIsProjectListOpen(false);
-  }, [setProject]);
-  const toggleProjectList = useCallback32(() => {
-    setIsProjectListOpen((prev) => !prev);
-  }, []);
-  const validateProjectName = useCallback32((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 = useCallback32(() => {
-    if (!workspaceId) {
-      message17.warning("Please select a workspace first");
+  const handleToggleDirectory = useCallback32(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 = useCallback32(() => {
-    setIsModalOpen(false);
-    setProjectName("");
-    setValidationError(null);
-  }, []);
-  const handleProjectNameChange = (e) => {
-    const value = e.target.value;
-    setProjectName(value);
-    setValidationError(validateProjectName(value));
-  };
-  const handleCreateProject = useCallback32(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);
-      message17.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]);
+  useEffect40(() => {
+    resourceFolders.forEach((folder) => {
+      void loadAssetsForFolder(folder);
+    });
+  }, [resourceFolders, loadAssetsForFolder]);
+  const handleAssetClick = useCallback32((asset) => {
+    const fileUrl = getFileViewUrl(asset.path);
+    if (!fileUrl) {
+      message17.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 = useCallback32(async (folderName) => {
     if (!workspaceId || !projectId) {
       message17.warning("Please select a workspace and project before uploading.");
       return;
@@ -27396,7 +27343,7 @@ var ProjectsMenuContent = () => {
       try {
         await uploadFileToFolder(folderName, file);
         message17.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);
         }
@@ -27409,143 +27356,232 @@ var ProjectsMenuContent = () => {
       }
     };
     input.click();
-  };
-  const handleAssetClick = (asset) => {
-    const fileUrl = getFileViewUrl(asset.path);
-    if (!fileUrl) {
-      message17.warning("Please select a workspace and project first.");
-      return;
+  }, [workspaceId, projectId, uploadFileToFolder, resourceFolders, loadAssetsForFolder]);
+  return /* @__PURE__ */ jsx106(
+    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__ */ jsxs77("div", { className: styles.container, children: [
-    resourceFolders.map((folder) => {
-      const assets = folderAssets[folder.name] || [];
-      const isLoading = folderLoading[folder.name] || false;
-      return /* @__PURE__ */ jsxs77("div", { className: styles.section, children: [
-        /* @__PURE__ */ jsxs77("div", { className: styles.sectionHeader, children: [
-          /* @__PURE__ */ jsx107(
-            "span",
-            {
-              className: styles.sectionTitle,
-              onClick: () => loadAssetsForFolder(folder),
-              title: "Click to refresh",
-              children: folder.displayName || folder.name
-            }
-          ),
-          /* @__PURE__ */ jsx107("span", { className: styles.badge, children: assets.length })
-        ] }),
-        isLoading ? /* @__PURE__ */ jsx107("div", { className: styles.loading, children: /* @__PURE__ */ jsx107(Spin15, { size: "small" }) }) : /* @__PURE__ */ jsxs77("div", { className: styles.assetList, children: [
-          assets.map((asset) => /* @__PURE__ */ jsxs77(
-            "div",
-            {
-              className: styles.assetItem,
-              onClick: () => handleAssetClick(asset),
-              title: getFileName(asset.name || asset.path),
-              children: [
-                /* @__PURE__ */ jsx107("div", { className: styles.assetIcon, children: getFileIcon2(getFileName(asset.name || asset.path)) }),
-                /* @__PURE__ */ jsxs77("div", { className: styles.assetInfo, children: [
-                  /* @__PURE__ */ jsx107("div", { className: styles.assetName, children: getFileName(asset.name || asset.path) }),
-                  /* @__PURE__ */ jsx107("div", { className: styles.assetMeta, children: formatDate5(asset.modified_at) })
-                ] })
-              ]
-            },
-            asset.path
-          )),
-          assets.length === 0 && /* @__PURE__ */ jsx107("div", { className: styles.emptyState, children: "No files in this folder" }),
-          folder.allowUpload && /* @__PURE__ */ jsx107(
-            "button",
-            {
-              type: "button",
-              className: styles.uploadBtn,
-              onClick: () => handleUploadClick(folder.name),
-              disabled: !workspaceId || !projectId || uploadingFolder === folder.name,
-              children: uploadingFolder === folder.name ? /* @__PURE__ */ jsxs77(Fragment23, { children: [
-                /* @__PURE__ */ jsx107(Spin15, { size: "small" }),
-                /* @__PURE__ */ jsx107("span", { children: "Uploading..." })
-              ] }) : /* @__PURE__ */ jsxs77(Fragment23, { children: [
-                /* @__PURE__ */ jsx107(Upload, { size: 14 }),
-                /* @__PURE__ */ jsx107("span", { children: "Upload" })
-              ] })
-            }
-          )
-        ] })
-      ] }, folder.name);
-    }),
-    /* @__PURE__ */ jsxs77(
-      Modal18,
-      {
-        title: "Create New Project",
-        open: isModalOpen,
-        onCancel: handleCloseModal,
-        wrapClassName: styles.modalWrap,
-        centered: true,
-        destroyOnClose: true,
-        maskClosable: !isCreating,
-        keyboard: true,
-        closable: true,
-        footer: /* @__PURE__ */ jsxs77("div", { className: styles.modalFooter, children: [
-          /* @__PURE__ */ jsx107(Button49, { onClick: handleCloseModal, disabled: isCreating, children: "Cancel" }),
-          /* @__PURE__ */ jsx107(
-            Button49,
-            {
-              type: "primary",
-              onClick: handleCreateProject,
-              disabled: !isProjectNameValid,
-              loading: isCreating,
-              children: "Create Project"
-            }
-          )
-        ] }),
-        children: [
-          /* @__PURE__ */ jsx107("label", { className: styles.formLabel, htmlFor: "project-name", children: "Project Name" }),
-          /* @__PURE__ */ jsx107(
-            Input14,
-            {
-              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__ */ jsx107("div", { className: styles.formError, role: "alert", children: validationError })
-        ]
+  );
+};
+
+// src/components/Chat/HeaderIconButton.tsx
+import { Button as Button49 } from "antd";
+import { createStyles as createStyles33 } from "antd-style";
+import { jsx as jsx107 } from "react/jsx-runtime";
+var useStyles20 = createStyles33(({ 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__ */ jsx107(
+    Button49,
+    {
+      type: "text",
+      size: "small",
+      className: styles.button,
+      icon,
+      onClick,
+      "aria-label": ariaLabel,
+      "aria-pressed": pressed
+    }
+  );
+};
+
+// src/components/Chat/LatticeChat.tsx
+import { jsx as jsx108, jsxs as jsxs77 } from "react/jsx-runtime";
+var useStyles21 = createStyles34(({ 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__ */ jsxs77("div", { className: styles.headerBar, children: [
+    /* @__PURE__ */ jsx108("div", { className: styles.headerLeft, children: showWorkspaceSelector ? /* @__PURE__ */ jsx108(ProjectSelector, {}) : null }),
+    /* @__PURE__ */ jsx108("div", { className: styles.headerRight, children: /* @__PURE__ */ jsx108(
+      HeaderIconButton,
+      {
+        ariaLabel: "Toggle file directory",
+        icon: /* @__PURE__ */ jsx108(FolderOpen4, { size: 16 }),
+        onClick: toggleTools,
+        pressed: toolsVisible
+      }
+    ) })
+  ] });
+  return /* @__PURE__ */ jsxs77("div", { className: styles.wrapper, children: [
+    header,
+    /* @__PURE__ */ jsx108(
+      ColumnLayout,
+      {
+        menu,
+        header: layoutHeader,
+        main: thread_id ? /* @__PURE__ */ jsx108(Chating, { ...chatingProps }) : /* @__PURE__ */ jsx108("div", { children: "Please create a conversation first" }),
+        detail: /* @__PURE__ */ jsx108(SideAppViewBrowser, {}),
+        tools: /* @__PURE__ */ jsx108(ToolPanelFiles, {})
       }
     )
   ] });
 };
+var LatticeChat = (props) => {
+  return /* @__PURE__ */ jsx108(
+    AgentThreadProvider,
+    {
+      assistantId: props.assistant_id,
+      threadId: props.thread_id || "",
+      options: {
+        streaming: true,
+        enableReturnStateWhenStreamCompleted: true,
+        enableResumeStream: true
+      },
+      children: /* @__PURE__ */ jsx108(ChatUIContextProvider, { children: /* @__PURE__ */ jsx108(LatticeChatContent, { ...props }) })
+    }
+  );
+};
+
+// src/components/Chat/AgentConversations.tsx
+import { Conversations } from "@ant-design/x";
+import { theme as theme14 } from "antd";
+import { useMemo as useMemo28 } from "react";
+import { jsx as jsx109 } from "react/jsx-runtime";
+var AgentConversations = ({
+  enableThreadCreation = true,
+  enableThreadList = true
+}) => {
+  const { token } = theme14.useToken();
+  const { currentAssistant } = useAssistantContext();
+  const {
+    assistantId,
+    thread,
+    selectThread,
+    createThread,
+    listThreads,
+    threads
+  } = useConversationContext();
+  const style = {
+    width: "100%",
+    background: "transparent",
+    borderRadius: token.borderRadius
+  };
+  const threadItems = useMemo28(() => {
+    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__ */ jsx109(
+    Conversations,
+    {
+      creation,
+      items,
+      activeKey: thread?.id,
+      style,
+      groupable: true,
+      onActiveChange: (key) => {
+        selectThread(key);
+      }
+    }
+  );
+};
+
+// src/components/Chat/LatticeChatView.tsx
+import { useContext as useContext11 } from "react";
+
+// src/components/Chat/ChatSidebar.tsx
+import { useState as useState66, useMemo as useMemo29, useCallback as useCallback34 } from "react";
+import { Drawer as Drawer2, Avatar as Avatar13, Popover as Popover3, Button as Button50 } from "antd";
+import {
+  History,
+  LogOut as LogOut4,
+  PlusCircle,
+  PanelLeftClose as PanelLeftClose2,
+  Key as Key2
+} from "lucide-react";
 
 // src/components/Chat/ThreadHistoryMenuContent.tsx
-import React59, { useCallback as useCallback33 } from "react";
-import { createStyles as createStyles33 } from "antd-style";
+import React61, { useCallback as useCallback33 } from "react";
+import { createStyles as createStyles35 } from "antd-style";
 import { MessageSquare as MessageSquare2, Trash2 as Trash24 } from "lucide-react";
-import { message as message18, Modal as Modal19 } from "antd";
-import { jsx as jsx108, jsxs as jsxs78 } from "react/jsx-runtime";
-var useStyles20 = createStyles33(({ token, css }) => ({
+import { message as message18, Modal as Modal18 } from "antd";
+import { jsx as jsx110, jsxs as jsxs78 } from "react/jsx-runtime";
+var useStyles22 = createStyles35(({ token, css }) => ({
   container: css`
     padding: 4px;
     font-size: 13px;
@@ -27646,7 +27682,7 @@ var useStyles20 = createStyles33(({ token, css }) => ({
   `
 }));
 var ThreadHistoryMenuContent = () => {
-  const { styles } = useStyles20();
+  const { styles } = useStyles22();
   const {
     threads,
     threadId,
@@ -27657,7 +27693,7 @@ var ThreadHistoryMenuContent = () => {
   const handleDeleteThread = useCallback33(
     async (e, threadIdToDelete) => {
       e.stopPropagation();
-      Modal19.confirm({
+      Modal18.confirm({
         title: "Delete Conversation",
         content: "Are you sure you want to delete this conversation? This action cannot be undone.",
         okText: "Delete",
@@ -27675,7 +27711,7 @@ var ThreadHistoryMenuContent = () => {
     },
     [deleteThread]
   );
-  const sortedThreads = React59.useMemo(() => {
+  const sortedThreads = React61.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;
@@ -27683,30 +27719,30 @@ var ThreadHistoryMenuContent = () => {
     });
   }, [threads]);
   if (isLoading) {
-    return /* @__PURE__ */ jsx108("div", { className: styles.container, children: /* @__PURE__ */ jsx108("div", { className: styles.loading, children: "Loading conversations..." }) });
+    return /* @__PURE__ */ jsx110("div", { className: styles.container, children: /* @__PURE__ */ jsx110("div", { className: styles.loading, children: "Loading conversations..." }) });
   }
-  return /* @__PURE__ */ jsx108("div", { className: styles.container, children: sortedThreads.length === 0 ? /* @__PURE__ */ jsx108("div", { className: styles.emptyState, children: "No conversations yet" }) : /* @__PURE__ */ jsx108("div", { className: styles.threadList, children: sortedThreads.map((thread) => /* @__PURE__ */ jsxs78(
+  return /* @__PURE__ */ jsx110("div", { className: styles.container, children: sortedThreads.length === 0 ? /* @__PURE__ */ jsx110("div", { className: styles.emptyState, children: "No conversations yet" }) : /* @__PURE__ */ jsx110("div", { className: styles.threadList, children: sortedThreads.map((thread) => /* @__PURE__ */ jsxs78(
     "div",
     {
       className: `${styles.threadItem} ${thread.id === threadId ? "active" : ""}`,
       onClick: () => selectThread(thread.id),
       title: thread.label,
       children: [
-        /* @__PURE__ */ jsx108("div", { className: styles.threadIcon, children: /* @__PURE__ */ jsx108(MessageSquare2, { size: 14 }) }),
-        /* @__PURE__ */ jsx108(
+        /* @__PURE__ */ jsx110("div", { className: styles.threadIcon, children: /* @__PURE__ */ jsx110(MessageSquare2, { size: 14 }) }),
+        /* @__PURE__ */ jsx110(
           "div",
           {
             className: thread.id === threadId ? styles.threadNameActive : styles.threadName,
             children: thread.label
           }
         ),
-        /* @__PURE__ */ jsx108(
+        /* @__PURE__ */ jsx110(
           "button",
           {
             className: styles.deleteBtn,
             onClick: (e) => handleDeleteThread(e, thread.id),
             title: "Delete conversation",
-            children: /* @__PURE__ */ jsx108(Trash24, { size: 12 })
+            children: /* @__PURE__ */ jsx110(Trash24, { size: 12 })
           }
         )
       ]
@@ -27716,7 +27752,7 @@ var ThreadHistoryMenuContent = () => {
 };
 
 // src/components/Chat/ChatSidebar.tsx
-import { Fragment as Fragment24, jsx as jsx109, jsxs as jsxs79 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx111, jsxs as jsxs79 } from "react/jsx-runtime";
 var DRAWER_STYLES2 = {
   wrapper: {
     background: "transparent",
@@ -27742,7 +27778,7 @@ var DEFAULT_MENU_ITEMS = [
     builtin: "new-analysis",
     type: "action",
     name: "New Analysis",
-    icon: /* @__PURE__ */ jsx109(PlusCircle, { size: 20 }),
+    icon: /* @__PURE__ */ jsx111(PlusCircle, { size: 20 }),
     order: 0
   },
   // Second: Thread History (inline drawer)
@@ -27751,28 +27787,15 @@ var DEFAULT_MENU_ITEMS = [
     builtin: "thread-history",
     type: "drawer",
     name: "History",
-    icon: /* @__PURE__ */ jsx109(History, { size: 20 }),
+    icon: /* @__PURE__ */ jsx111(History, { size: 20 }),
     order: 1,
     title: "Conversation History",
     width: 320,
     inline: true,
-    inlineDefaultExpanded: false,
-    content: /* @__PURE__ */ jsx109(ThreadHistoryMenuContent, {})
-  },
-  // Third: Projects (inline drawer)
-  {
-    id: "files",
-    builtin: "projects",
-    type: "drawer",
-    name: "Project Files",
-    icon: /* @__PURE__ */ jsx109(FolderOpen4, {}),
-    order: 2,
-    title: "Project Files",
-    width: 320,
-    inline: true,
     inlineDefaultExpanded: true,
-    content: /* @__PURE__ */ jsx109(ProjectsMenuContent, {})
+    content: /* @__PURE__ */ jsx111(ThreadHistoryMenuContent, {})
   }
+  // Project Files removed - now accessed via header toggle
 ];
 var ChatSidebar = ({
   onSettingsClick,
@@ -27835,18 +27858,16 @@ var ChatSidebar = ({
   }, [createThread]);
   const renderDrawerContent = useCallback34((item) => {
     switch (item.builtin) {
-      case "projects":
-        return /* @__PURE__ */ jsx109(ProjectsMenuContent, {});
       case "thread-history":
-        return /* @__PURE__ */ jsx109(ThreadHistoryMenuContent, {});
+        return /* @__PURE__ */ jsx111(ThreadHistoryMenuContent, {});
       default:
         return item.content;
     }
   }, []);
   const userMenuItems = /* @__PURE__ */ jsxs79("div", { style: { minWidth: 160 }, children: [
     /* @__PURE__ */ jsxs79("div", { style: { padding: "8px 12px", borderBottom: "1px solid #f0f0f0" }, children: [
-      /* @__PURE__ */ jsx109("div", { style: { fontWeight: 500 }, children: user?.name || user?.email }),
-      /* @__PURE__ */ jsx109("div", { style: { fontSize: 12, color: "#666" }, children: user?.email })
+      /* @__PURE__ */ jsx111("div", { style: { fontWeight: 500 }, children: user?.name || user?.email }),
+      /* @__PURE__ */ jsx111("div", { style: { fontSize: 12, color: "#666" }, children: user?.email })
     ] }),
     /* @__PURE__ */ jsxs79(
       Button50,
@@ -27856,7 +27877,7 @@ var ChatSidebar = ({
         style: { justifyContent: "flex-start", padding: "8px 12px" },
         onClick: () => setChangePasswordOpen(true),
         children: [
-          /* @__PURE__ */ jsx109(Key2, { size: 16, style: { marginRight: 8 } }),
+          /* @__PURE__ */ jsx111(Key2, { size: 16, style: { marginRight: 8 } }),
           "Change Password"
         ]
       }
@@ -27870,14 +27891,14 @@ var ChatSidebar = ({
         style: { justifyContent: "flex-start", padding: "8px 12px" },
         onClick: logout,
         children: [
-          /* @__PURE__ */ jsx109(LogOut4, { size: 16, style: { marginRight: 8 } }),
+          /* @__PURE__ */ jsx111(LogOut4, { size: 16, style: { marginRight: 8 } }),
           "Logout"
         ]
       }
     )
   ] });
-  return /* @__PURE__ */ jsxs79(Fragment24, { children: [
-    /* @__PURE__ */ jsx109(
+  return /* @__PURE__ */ jsxs79(Fragment23, { children: [
+    /* @__PURE__ */ jsx111(
       Menu,
       {
         items: menuItems,
@@ -27891,7 +27912,7 @@ var ChatSidebar = ({
         forceIconMode: sideAppVisible,
         collapsed: menuCollapsed,
         onCollapsedChange: setMenuCollapsed,
-        footer: ({ isIconMode }) => user && /* @__PURE__ */ jsx109(
+        footer: ({ isIconMode }) => user && /* @__PURE__ */ jsx111(
           Popover3,
           {
             content: userMenuItems,
@@ -27911,7 +27932,7 @@ var ChatSidebar = ({
                   transition: "all 0.2s"
                 },
                 children: [
-                  /* @__PURE__ */ jsx109(
+                  /* @__PURE__ */ jsx111(
                     Avatar13,
                     {
                       size: isIconMode ? 32 : 36,
@@ -27924,7 +27945,7 @@ var ChatSidebar = ({
                     }
                   ),
                   !isIconMode && /* @__PURE__ */ jsxs79("div", { style: { flex: 1, minWidth: 0 }, children: [
-                    /* @__PURE__ */ jsx109(
+                    /* @__PURE__ */ jsx111(
                       "div",
                       {
                         style: {
@@ -27936,7 +27957,7 @@ var ChatSidebar = ({
                         children: user.name || user.email
                       }
                     ),
-                    /* @__PURE__ */ jsx109(
+                    /* @__PURE__ */ jsx111(
                       "div",
                       {
                         style: {
@@ -27957,19 +27978,19 @@ var ChatSidebar = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx109(
+    /* @__PURE__ */ jsx111(
       ChangePasswordModal,
       {
         open: changePasswordOpen,
         onClose: () => setChangePasswordOpen(false)
       }
     ),
-    menuItems.filter((item) => item.type === "drawer" && !item.inline).map((item) => /* @__PURE__ */ jsx109(
+    menuItems.filter((item) => item.type === "drawer" && !item.inline).map((item) => /* @__PURE__ */ jsx111(
       Drawer2,
       {
         title: /* @__PURE__ */ jsxs79("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
-          /* @__PURE__ */ jsx109("span", { style: { fontSize: 16, fontWeight: 600, textTransform: "uppercase", letterSpacing: 0.5 }, children: item.title || item.name }),
-          /* @__PURE__ */ jsx109(
+          /* @__PURE__ */ jsx111("span", { style: { fontSize: 16, fontWeight: 600, textTransform: "uppercase", letterSpacing: 0.5 }, children: item.title || item.name }),
+          /* @__PURE__ */ jsx111(
             "button",
             {
               onClick: () => handleCloseDrawer(item.id),
@@ -27984,7 +28005,7 @@ var ChatSidebar = ({
                 background: "rgba(255, 255, 255, 0.5)",
                 cursor: "pointer"
               },
-              children: /* @__PURE__ */ jsx109(PanelLeftClose2, { size: 24 })
+              children: /* @__PURE__ */ jsx111(PanelLeftClose2, { size: 24 })
             }
           )
         ] }),
@@ -28015,7 +28036,7 @@ var ChatSidebar = ({
 };
 
 // src/components/Chat/LatticeChatView.tsx
-import { jsx as jsx110 } from "react/jsx-runtime";
+import { jsx as jsx112 } from "react/jsx-runtime";
 var LatticeChatView = (props) => {
   const shellContext = useContext11(LatticeChatShellContext);
   const { showSideMenu, sideMenuItems } = shellContext.config;
@@ -28024,7 +28045,7 @@ var LatticeChatView = (props) => {
   const {
     config: { baseURL }
   } = useLatticeChatShellContext();
-  return assistantId && thread ? /* @__PURE__ */ jsx110(
+  return assistantId && thread ? /* @__PURE__ */ jsx112(
     AxiomLatticeProvider,
     {
       config: {
@@ -28033,14 +28054,14 @@ var LatticeChatView = (props) => {
         assistantId,
         transport: "sse"
       },
-      children: /* @__PURE__ */ jsx110(
+      children: /* @__PURE__ */ jsx112(
         LatticeChat,
         {
           thread_id: thread?.id,
           assistant_id: assistantId,
           name: currentAssistant?.name,
           description: currentAssistant?.description,
-          menu: showSideMenu ? /* @__PURE__ */ jsx110(ChatSidebar, { customMenuItems: sideMenuItems }) : void 0
+          menu: showSideMenu ? /* @__PURE__ */ jsx112(ChatSidebar, { customMenuItems: sideMenuItems }) : void 0
         }
       )
     }
@@ -28048,10 +28069,10 @@ var LatticeChatView = (props) => {
 };
 
 // src/components/Chat/SettingsModal.tsx
-import { useState as useState67, useEffect as useEffect41, useRef as useRef26 } from "react";
+import { useState as useState67, useEffect as useEffect41, useRef as useRef25 } from "react";
 import {
-  Modal as Modal20,
-  Input as Input15,
+  Modal as Modal19,
+  Input as Input14,
   Button as Button51,
   message as message19,
   notification as notification5,
@@ -28074,11 +28095,11 @@ import {
   PlusOutlined as PlusOutlined7,
   CloudServerOutlined
 } from "@ant-design/icons";
-import { createStyles as createStyles34 } from "antd-style";
-import { Fragment as Fragment25, jsx as jsx111, jsxs as jsxs80 } from "react/jsx-runtime";
+import { createStyles as createStyles36 } from "antd-style";
+import { Fragment as Fragment24, jsx as jsx113, jsxs as jsxs80 } from "react/jsx-runtime";
 var { Text: Text37, Title: Title13 } = Typography48;
-var { TextArea: TextArea8 } = Input15;
-var useStyles21 = createStyles34(({ token, css }) => ({
+var { TextArea: TextArea8 } = Input14;
+var useStyles23 = createStyles36(({ token, css }) => ({
   //   settingsModal: css`
   //     .ant-modal {
   //       max-width: 100vw !important;
@@ -28423,19 +28444,19 @@ var SETTINGS_MENU_ITEMS = [
   {
     key: "environment",
     label: "Environment Variables",
-    icon: /* @__PURE__ */ jsx111(EnvironmentOutlined, {})
+    icon: /* @__PURE__ */ jsx113(EnvironmentOutlined, {})
   },
   {
     key: "models",
     label: "Model Configuration",
-    icon: /* @__PURE__ */ jsx111(ApiOutlined, {})
+    icon: /* @__PURE__ */ jsx113(ApiOutlined, {})
   }
 ];
 var SettingsModal = ({
   open,
   onClose
 }) => {
-  const { styles } = useStyles21();
+  const { styles } = useStyles23();
   const { config: shellConfig, updateConfigValue } = useLatticeChatShellContext();
   const [connections, setConnections] = useState67(() => {
     if (typeof window !== "undefined") {
@@ -28461,7 +28482,7 @@ var SettingsModal = ({
     return [];
   });
   const [serverConfigs, setServerConfigs] = useState67({});
-  const connectionsRef = useRef26(connections);
+  const connectionsRef = useRef25(connections);
   useEffect41(() => {
     connectionsRef.current = connections;
   }, [connections]);
@@ -28885,24 +28906,24 @@ var SettingsModal = ({
       }));
     };
     return /* @__PURE__ */ jsxs80("div", { className: styles.formContainer, children: [
-      /* @__PURE__ */ jsx111(
+      /* @__PURE__ */ jsx113(
         Alert9,
         {
           message: "Configuration Effect",
           description: /* @__PURE__ */ jsxs80("div", { children: [
             /* @__PURE__ */ jsxs80("div", { style: { marginBottom: 8 }, children: [
-              /* @__PURE__ */ jsx111(
+              /* @__PURE__ */ jsx113(
                 CheckCircleOutlined8,
                 {
                   style: { color: "#52c41a", marginRight: 8 }
                 }
               ),
-              /* @__PURE__ */ jsx111("strong", { children: "Immediately effective:" }),
+              /* @__PURE__ */ jsx113("strong", { children: "Immediately effective:" }),
               " QUEUE_SERVICE_TYPE, REDIS_URL, REDIS_PASSWORD, QUEUE_NAME"
             ] }),
             /* @__PURE__ */ jsxs80("div", { children: [
-              /* @__PURE__ */ jsx111(ReloadOutlined4, { style: { color: "#faad14", marginRight: 8 } }),
-              /* @__PURE__ */ jsx111("strong", { children: "Requires restart:" }),
+              /* @__PURE__ */ jsx113(ReloadOutlined4, { style: { color: "#faad14", marginRight: 8 } }),
+              /* @__PURE__ */ jsx113("strong", { children: "Requires restart:" }),
               " PORT (server must be restarted to change port)"
             ] })
           ] }),
@@ -28911,8 +28932,8 @@ var SettingsModal = ({
           className: styles.alertCard
         }
       ),
-      /* @__PURE__ */ jsx111("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ jsx111(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__ */ jsx111(
+      /* @__PURE__ */ jsx113("div", { style: { marginBottom: 24 }, children: /* @__PURE__ */ jsx113(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__ */ jsx113(
         TextArea8,
         {
           value: config.envText,
@@ -28990,7 +29011,7 @@ QUEUE_NAME=tasks`,
       }
     };
     return /* @__PURE__ */ jsxs80("div", { className: styles.formContainer, children: [
-      /* @__PURE__ */ jsx111("div", { style: { marginBottom: 32 }, children: /* @__PURE__ */ jsx111(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." }) }),
+      /* @__PURE__ */ jsx113("div", { style: { marginBottom: 32 }, children: /* @__PURE__ */ jsx113(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__ */ jsxs80("div", { className: styles.card, children: [
         /* @__PURE__ */ jsxs80(
           "div",
@@ -29022,7 +29043,7 @@ QUEUE_NAME=tasks`,
                   }
                 )
               ] }),
-              config.models.length > 1 && /* @__PURE__ */ jsx111(
+              config.models.length > 1 && /* @__PURE__ */ jsx113(
                 Button51,
                 {
                   type: "text",
@@ -29041,9 +29062,9 @@ QUEUE_NAME=tasks`,
         ),
         /* @__PURE__ */ jsxs80(Space37, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
           /* @__PURE__ */ jsxs80("div", { children: [
-            /* @__PURE__ */ jsx111(Text37, { className: styles.formLabel, children: "Key *" }),
-            /* @__PURE__ */ jsx111(
-              Input15,
+            /* @__PURE__ */ jsx113(Text37, { className: styles.formLabel, children: "Key *" }),
+            /* @__PURE__ */ jsx113(
+              Input14,
               {
                 placeholder: "e.g., default, gpt-4, claude",
                 value: model.key,
@@ -29051,11 +29072,11 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ jsx111(Text37, { className: styles.formDescription, children: "Unique identifier for this model" })
+            /* @__PURE__ */ jsx113(Text37, { className: styles.formDescription, children: "Unique identifier for this model" })
           ] }),
           /* @__PURE__ */ jsxs80("div", { children: [
-            /* @__PURE__ */ jsx111(Text37, { className: styles.formLabel, children: "Provider *" }),
-            /* @__PURE__ */ jsx111(
+            /* @__PURE__ */ jsx113(Text37, { className: styles.formLabel, children: "Provider *" }),
+            /* @__PURE__ */ jsx113(
               Select7,
               {
                 style: { width: "100%", height: 40 },
@@ -29072,9 +29093,9 @@ QUEUE_NAME=tasks`,
             )
           ] }),
           /* @__PURE__ */ jsxs80("div", { children: [
-            /* @__PURE__ */ jsx111(Text37, { className: styles.formLabel, children: "Model Name *" }),
-            /* @__PURE__ */ jsx111(
-              Input15,
+            /* @__PURE__ */ jsx113(Text37, { className: styles.formLabel, children: "Model Name *" }),
+            /* @__PURE__ */ jsx113(
+              Input14,
               {
                 placeholder: "e.g., gpt-4, claude-3-opus, kimi-k2-250905",
                 value: model.model,
@@ -29084,9 +29105,9 @@ QUEUE_NAME=tasks`,
             )
           ] }),
           /* @__PURE__ */ jsxs80("div", { children: [
-            /* @__PURE__ */ jsx111(Text37, { className: styles.formLabel, children: "API Key" }),
-            /* @__PURE__ */ jsx111(
-              Input15.Password,
+            /* @__PURE__ */ jsx113(Text37, { className: styles.formLabel, children: "API Key" }),
+            /* @__PURE__ */ jsx113(
+              Input14.Password,
               {
                 placeholder: "Enter your API key",
                 value: model.apiKey,
@@ -29094,12 +29115,12 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ jsx111(Text37, { className: styles.formDescription, children: "API key for the model provider. Leave empty to use environment variable." })
+            /* @__PURE__ */ jsx113(Text37, { className: styles.formDescription, children: "API key for the model provider. Leave empty to use environment variable." })
           ] }),
           /* @__PURE__ */ jsxs80("div", { children: [
-            /* @__PURE__ */ jsx111(Text37, { className: styles.formLabel, children: "Base URL" }),
-            /* @__PURE__ */ jsx111(
-              Input15,
+            /* @__PURE__ */ jsx113(Text37, { className: styles.formLabel, children: "Base URL" }),
+            /* @__PURE__ */ jsx113(
+              Input14,
               {
                 placeholder: "e.g., https://api.openai.com/v1",
                 value: model.baseURL,
@@ -29107,23 +29128,23 @@ QUEUE_NAME=tasks`,
                 style: { height: 40 }
               }
             ),
-            /* @__PURE__ */ jsx111(Text37, { className: styles.formDescription, children: "Optional custom base URL for the API" })
+            /* @__PURE__ */ jsx113(Text37, { className: styles.formDescription, children: "Optional custom base URL for the API" })
           ] }),
-          /* @__PURE__ */ jsx111("div", { children: /* @__PURE__ */ jsxs80(Space37, { children: [
-            /* @__PURE__ */ jsx111(
+          /* @__PURE__ */ jsx113("div", { children: /* @__PURE__ */ jsxs80(Space37, { children: [
+            /* @__PURE__ */ jsx113(
               Switch3,
               {
                 checked: model.streaming,
                 onChange: (checked) => handleModelChange(index, "streaming", checked)
               }
             ),
-            /* @__PURE__ */ jsx111(Text37, { children: "Enable Streaming" })
+            /* @__PURE__ */ jsx113(Text37, { children: "Enable Streaming" })
           ] }) }),
           /* @__PURE__ */ jsxs80("div", { style: { display: "flex", gap: 20 }, children: [
             /* @__PURE__ */ jsxs80("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ jsx111(Text37, { className: styles.formLabel, children: "Max Tokens" }),
-              /* @__PURE__ */ jsx111(
-                Input15,
+              /* @__PURE__ */ jsx113(Text37, { className: styles.formLabel, children: "Max Tokens" }),
+              /* @__PURE__ */ jsx113(
+                Input14,
                 {
                   type: "number",
                   placeholder: "e.g., 4096",
@@ -29138,9 +29159,9 @@ QUEUE_NAME=tasks`,
               )
             ] }),
             /* @__PURE__ */ jsxs80("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ jsx111(Text37, { className: styles.formLabel, children: "Temperature" }),
-              /* @__PURE__ */ jsx111(
-                Input15,
+              /* @__PURE__ */ jsx113(Text37, { className: styles.formLabel, children: "Temperature" }),
+              /* @__PURE__ */ jsx113(
+                Input14,
                 {
                   type: "number",
                   step: "0.1",
@@ -29158,7 +29179,7 @@ QUEUE_NAME=tasks`,
           ] })
         ] })
       ] }, index)),
-      /* @__PURE__ */ jsx111(
+      /* @__PURE__ */ jsx113(
         Button51,
         {
           type: "dashed",
@@ -29187,7 +29208,7 @@ QUEUE_NAME=tasks`,
   const currentConnection = connections.find((c) => c.id === activeTabKey);
   const renderTabLabel = (connection) => {
     return /* @__PURE__ */ jsxs80("div", { style: { display: "flex", alignItems: "center" }, children: [
-      /* @__PURE__ */ jsx111(
+      /* @__PURE__ */ jsx113(
         CloudServerOutlined,
         {
           style: {
@@ -29196,14 +29217,14 @@ QUEUE_NAME=tasks`,
           }
         }
       ),
-      /* @__PURE__ */ jsx111("span", { children: connection.name }),
-      connection.connected && /* @__PURE__ */ jsx111(
+      /* @__PURE__ */ jsx113("span", { children: connection.name }),
+      connection.connected && /* @__PURE__ */ jsx113(
         CheckCircleFilled,
         {
           style: { color: "#52c41a", fontSize: 12, marginLeft: 8 }
         }
       ),
-      connection.error && !connection.connecting && /* @__PURE__ */ jsx111(
+      connection.error && !connection.connecting && /* @__PURE__ */ jsx113(
         CloseCircleFilled,
         {
           style: { color: "#ff4d4f", fontSize: 12, marginLeft: 8 }
@@ -29214,15 +29235,15 @@ QUEUE_NAME=tasks`,
   const tabItems = connections.map((connection) => ({
     key: connection.id,
     label: renderTabLabel(connection),
-    children: /* @__PURE__ */ jsx111("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ jsx111(Fragment25, { children: /* @__PURE__ */ jsxs80("div", { style: { display: "flex", height: "100%" }, children: [
-      /* @__PURE__ */ jsx111("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ jsxs80(
+    children: /* @__PURE__ */ jsx113("div", { className: styles.tabContent, children: connection.connected ? /* @__PURE__ */ jsx113(Fragment24, { children: /* @__PURE__ */ jsxs80("div", { style: { display: "flex", height: "100%" }, children: [
+      /* @__PURE__ */ jsx113("div", { className: styles.sidebar, children: SETTINGS_MENU_ITEMS.map((item) => /* @__PURE__ */ jsxs80(
         "div",
         {
           className: `${styles.menuItem} ${activeMenu === item.key ? "active" : ""}`,
           onClick: () => setActiveMenu(item.key),
           children: [
-            /* @__PURE__ */ jsx111("span", { className: styles.menuItemIcon, children: item.icon }),
-            /* @__PURE__ */ jsx111("span", { className: styles.menuItemText, children: item.label })
+            /* @__PURE__ */ jsx113("span", { className: styles.menuItemIcon, children: item.icon }),
+            /* @__PURE__ */ jsx113("span", { className: styles.menuItemText, children: item.label })
           ]
         },
         item.key
@@ -29230,19 +29251,19 @@ QUEUE_NAME=tasks`,
       /* @__PURE__ */ jsxs80("div", { className: styles.content, children: [
         /* @__PURE__ */ jsxs80("div", { className: styles.contentHeader, children: [
           /* @__PURE__ */ jsxs80("div", { className: styles.contentHeaderLeft, children: [
-            /* @__PURE__ */ jsx111(Title13, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
+            /* @__PURE__ */ jsx113(Title13, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
             /* @__PURE__ */ jsxs80(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__ */ jsxs80("div", { className: styles.contentHeaderRight, children: [
-            /* @__PURE__ */ jsx111(Button51, { onClick: onClose, children: "Cancel" }),
-            /* @__PURE__ */ jsx111(
+            /* @__PURE__ */ jsx113(Button51, { onClick: onClose, children: "Cancel" }),
+            /* @__PURE__ */ jsx113(
               Button51,
               {
                 type: "primary",
-                icon: /* @__PURE__ */ jsx111(SaveOutlined2, {}),
+                icon: /* @__PURE__ */ jsx113(SaveOutlined2, {}),
                 onClick: handleSave,
                 loading,
                 children: "Save Configuration"
@@ -29250,9 +29271,9 @@ QUEUE_NAME=tasks`,
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx111("div", { className: styles.contentBody, children: renderContent(connection.id) })
+        /* @__PURE__ */ jsx113("div", { className: styles.contentBody, children: renderContent(connection.id) })
       ] })
-    ] }) }) : /* @__PURE__ */ jsx111(
+    ] }) }) : /* @__PURE__ */ jsx113(
       "div",
       {
         style: {
@@ -29264,17 +29285,17 @@ QUEUE_NAME=tasks`,
           gap: 16,
           padding: 48
         },
-        children: connection.connecting ? /* @__PURE__ */ jsxs80(Fragment25, { children: [
-          /* @__PURE__ */ jsx111(LinkOutlined2, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
-          /* @__PURE__ */ jsx111(Title13, { level: 4, children: "Connecting..." }),
+        children: connection.connecting ? /* @__PURE__ */ jsxs80(Fragment24, { children: [
+          /* @__PURE__ */ jsx113(LinkOutlined2, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
+          /* @__PURE__ */ jsx113(Title13, { level: 4, children: "Connecting..." }),
           /* @__PURE__ */ jsxs80(Text37, { type: "secondary", style: { textAlign: "center" }, children: [
             "Connecting to ",
             connection.url
           ] })
-        ] }) : /* @__PURE__ */ jsxs80(Fragment25, { children: [
-          /* @__PURE__ */ jsx111(LinkOutlined2, { style: { fontSize: 64, color: "#d9d9d9" } }),
-          /* @__PURE__ */ jsx111(Title13, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
-          /* @__PURE__ */ jsx111(
+        ] }) : /* @__PURE__ */ jsxs80(Fragment24, { children: [
+          /* @__PURE__ */ jsx113(LinkOutlined2, { style: { fontSize: 64, color: "#d9d9d9" } }),
+          /* @__PURE__ */ jsx113(Title13, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
+          /* @__PURE__ */ jsx113(
             Text37,
             {
               type: "secondary",
@@ -29282,11 +29303,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__ */ jsx111(
+          /* @__PURE__ */ jsx113(
             Button51,
             {
               type: "primary",
-              icon: /* @__PURE__ */ jsx111(LinkOutlined2, {}),
+              icon: /* @__PURE__ */ jsx113(LinkOutlined2, {}),
               onClick: () => checkConnection(connection.id),
               loading: connection.connecting,
               style: { marginTop: 16 },
@@ -29298,9 +29319,9 @@ QUEUE_NAME=tasks`,
     ) }),
     closable: connections.length > 1
   }));
-  return /* @__PURE__ */ jsxs80(Fragment25, { children: [
-    /* @__PURE__ */ jsx111(
-      Modal20,
+  return /* @__PURE__ */ jsxs80(Fragment24, { children: [
+    /* @__PURE__ */ jsx113(
+      Modal19,
       {
         open,
         onCancel: onClose,
@@ -29308,7 +29329,7 @@ QUEUE_NAME=tasks`,
         width: "80%",
         footer: null,
         title: "Settings",
-        children: /* @__PURE__ */ jsx111("div", { children: /* @__PURE__ */ jsx111(
+        children: /* @__PURE__ */ jsx113("div", { children: /* @__PURE__ */ jsx113(
           Tabs3,
           {
             activeKey: activeTabKey,
@@ -29332,8 +29353,8 @@ QUEUE_NAME=tasks`,
                   padding: "4px 8px"
                 },
                 children: [
-                  /* @__PURE__ */ jsx111(PlusOutlined7, {}),
-                  /* @__PURE__ */ jsx111("span", { children: "Add Server" })
+                  /* @__PURE__ */ jsx113(PlusOutlined7, {}),
+                  /* @__PURE__ */ jsx113("span", { children: "Add Server" })
                 ]
               }
             )
@@ -29341,8 +29362,8 @@ QUEUE_NAME=tasks`,
         ) })
       }
     ),
-    /* @__PURE__ */ jsx111(
-      Modal20,
+    /* @__PURE__ */ jsx113(
+      Modal19,
       {
         title: "Add New Server",
         open: showAddServerModal,
@@ -29357,9 +29378,9 @@ QUEUE_NAME=tasks`,
         className: styles.addServerModal,
         children: /* @__PURE__ */ jsxs80(Space37, { direction: "vertical", style: { width: "100%" }, size: "large", children: [
           /* @__PURE__ */ jsxs80("div", { children: [
-            /* @__PURE__ */ jsx111(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
-            /* @__PURE__ */ jsx111(
-              Input15,
+            /* @__PURE__ */ jsx113(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
+            /* @__PURE__ */ jsx113(
+              Input14,
               {
                 placeholder: "e.g., Production Server",
                 value: newServerName,
@@ -29367,12 +29388,12 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ jsx111(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: Leave empty to use URL as name" })
+            /* @__PURE__ */ jsx113(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: Leave empty to use URL as name" })
           ] }),
           /* @__PURE__ */ jsxs80("div", { children: [
-            /* @__PURE__ */ jsx111(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
-            /* @__PURE__ */ jsx111(
-              Input15,
+            /* @__PURE__ */ jsx113(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
+            /* @__PURE__ */ jsx113(
+              Input14,
               {
                 placeholder: "e.g., http://localhost:4001",
                 value: newServerUrl,
@@ -29380,12 +29401,12 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ jsx111(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Enter the full URL of the gateway server" })
+            /* @__PURE__ */ jsx113(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Enter the full URL of the gateway server" })
           ] }),
           /* @__PURE__ */ jsxs80("div", { children: [
-            /* @__PURE__ */ jsx111(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
-            /* @__PURE__ */ jsx111(
-              Input15.Password,
+            /* @__PURE__ */ jsx113(Text37, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
+            /* @__PURE__ */ jsx113(
+              Input14.Password,
               {
                 placeholder: "Optional: Enter API key for authentication",
                 value: newServerApiKey,
@@ -29393,7 +29414,7 @@ QUEUE_NAME=tasks`,
                 onPressEnter: handleAddServer
               }
             ),
-            /* @__PURE__ */ jsx111(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: API key for server authentication" })
+            /* @__PURE__ */ jsx113(Text37, { type: "secondary", style: { fontSize: 12, marginTop: 4 }, children: "Optional: API key for server authentication" })
           ] })
         ] })
       }
@@ -29402,10 +29423,10 @@ QUEUE_NAME=tasks`,
 };
 
 // src/components/Chat/AgentServerSetting.tsx
-import { jsx as jsx112 } from "react/jsx-runtime";
+import { jsx as jsx114 } from "react/jsx-runtime";
 var AgentServerSetting = () => {
   const { settingsModalOpen, setSettingsModalOpen } = useLatticeChatShellContext();
-  return /* @__PURE__ */ jsx112(
+  return /* @__PURE__ */ jsx114(
     SettingsModal,
     {
       open: settingsModalOpen,
@@ -29415,24 +29436,24 @@ var AgentServerSetting = () => {
 };
 
 // src/components/Chat/LatticeChatShell.tsx
-import { Fragment as Fragment26, jsx as jsx113, jsxs as jsxs81 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx115, jsxs as jsxs81 } from "react/jsx-runtime";
 var ShellContent = ({
   initialAssistantId,
   enableWorkspace
 }) => {
   const { currentTenant } = useAuth();
-  return /* @__PURE__ */ jsx113(Fragment26, { children: enableWorkspace ? /* @__PURE__ */ jsxs81(WorkspaceContextProvider, { children: [
-    /* @__PURE__ */ jsx113(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ jsx113(ConversationContextProvider, { children: /* @__PURE__ */ jsx113(LatticeChatView, {}) }) }),
-    /* @__PURE__ */ jsx113(AgentServerSetting, {})
-  ] }) : /* @__PURE__ */ jsxs81(Fragment26, { children: [
-    /* @__PURE__ */ jsx113(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ jsx113(ConversationContextProvider, { children: /* @__PURE__ */ jsx113(LatticeChatView, {}) }) }),
-    /* @__PURE__ */ jsx113(AgentServerSetting, {})
+  return /* @__PURE__ */ jsx115(Fragment25, { children: enableWorkspace ? /* @__PURE__ */ jsxs81(WorkspaceContextProvider, { children: [
+    /* @__PURE__ */ jsx115(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ jsx115(ConversationContextProvider, { children: /* @__PURE__ */ jsx115(LatticeChatView, {}) }) }),
+    /* @__PURE__ */ jsx115(AgentServerSetting, {})
+  ] }) : /* @__PURE__ */ jsxs81(Fragment25, { children: [
+    /* @__PURE__ */ jsx115(AssistantContextProvider, { autoLoad: true, initialAssistantId, children: /* @__PURE__ */ jsx115(ConversationContextProvider, { children: /* @__PURE__ */ jsx115(LatticeChatView, {}) }) }),
+    /* @__PURE__ */ jsx115(AgentServerSetting, {})
   ] }) });
 };
 var LatticeChatShell = (props) => {
   const { enableAssistantCreation, enableAssistantEditing, enableWorkspace: enableWorkspaceProp, ...restProps } = props;
   const enableWorkspace = enableWorkspaceProp ?? restProps.initialConfig?.enableWorkspace ?? false;
-  return /* @__PURE__ */ jsx113(
+  return /* @__PURE__ */ jsx115(
     LatticeChatShellContextProvider,
     {
       initialConfig: {
@@ -29441,7 +29462,7 @@ var LatticeChatShell = (props) => {
         enableWorkspace,
         ...restProps.initialConfig
       },
-      children: /* @__PURE__ */ jsx113(
+      children: /* @__PURE__ */ jsx115(
         ShellContent,
         {
           initialAssistantId: restProps.initialConfig?.assistantId,
@@ -29451,6 +29472,348 @@ var LatticeChatShell = (props) => {
     }
   );
 };
+
+// src/components/Chat/ChannelInstallationsDrawerContent.tsx
+import { useEffect as useEffect42, useState as useState68 } from "react";
+import {
+  Button as Button52,
+  Card as Card23,
+  Form as Form7,
+  Input as Input15,
+  Modal as Modal20,
+  Popconfirm as Popconfirm6,
+  Select as Select8,
+  Spin as Spin16,
+  Tag as Tag22,
+  Typography as Typography49,
+  message as message20
+} from "antd";
+import { Edit2 as Edit24, Plus as Plus8, RadioTower, Trash2 as Trash25 } from "lucide-react";
+import { jsx as jsx116, jsxs as jsxs82 } from "react/jsx-runtime";
+var { Text: Text38, Title: Title14 } = Typography49;
+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] = useState68([]);
+  const [loading, setLoading] = useState68(false);
+  const [formModalOpen, setFormModalOpen] = useState68(false);
+  const [editingInstallation, setEditingInstallation] = useState68(null);
+  const loadInstallations = async () => {
+    setLoading(true);
+    try {
+      const result = await get(
+        "/api/channel-installations"
+      );
+      if (result.success) {
+        setInstallations(result.data?.records ?? []);
+      } else {
+        setInstallations([]);
+        message20.error(result.message || "Failed to load channel installations");
+      }
+    } catch (error) {
+      console.error("Failed to load channel installations:", error);
+      setInstallations([]);
+      message20.error("Failed to load channel installations");
+    } finally {
+      setLoading(false);
+    }
+  };
+  useEffect42(() => {
+    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)
+        );
+        message20.success("Installation deleted");
+      } else {
+        message20.error(result.message || "Failed to delete installation");
+      }
+    } catch (error) {
+      console.error("Failed to delete channel installation:", error);
+      message20.error("Failed to delete installation");
+    }
+  };
+  return /* @__PURE__ */ jsxs82("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx116("div", { style: { padding: 16 }, children: /* @__PURE__ */ jsxs82(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center"
+        },
+        children: [
+          /* @__PURE__ */ jsx116(Title14, { level: 5, style: { margin: 0 }, children: "Channel Installations" }),
+          /* @__PURE__ */ jsx116(
+            Button52,
+            {
+              type: "primary",
+              icon: /* @__PURE__ */ jsx116(Plus8, { size: 16 }),
+              onClick: () => {
+                setEditingInstallation(null);
+                setFormModalOpen(true);
+              },
+              children: "Add Installation"
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx116("div", { style: { flex: 1, overflowY: "auto", padding: 16 }, children: loading ? /* @__PURE__ */ jsx116("div", { style: { display: "flex", justifyContent: "center", padding: 32 }, children: /* @__PURE__ */ jsx116(Spin16, {}) }) : installations.length === 0 ? /* @__PURE__ */ jsxs82(
+      "div",
+      {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          padding: "48px 16px"
+        },
+        children: [
+          /* @__PURE__ */ jsx116(RadioTower, { size: 48, style: { marginBottom: 16, opacity: 0.5 } }),
+          /* @__PURE__ */ jsx116(Text38, { strong: true, style: { fontSize: 15 }, children: "No channel installations" }),
+          /* @__PURE__ */ jsx116(Text38, { type: "secondary", style: { marginTop: 8 }, children: 'Click "Add Installation" to create one' })
+        ]
+      }
+    ) : /* @__PURE__ */ jsx116("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__ */ jsxs82(Card23, { size: "small", children: [
+        /* @__PURE__ */ jsxs82(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "flex-start",
+              marginBottom: 10
+            },
+            children: [
+              /* @__PURE__ */ jsx116(Text38, { strong: true, style: { fontSize: 15 }, children: installation.name || installation.id }),
+              /* @__PURE__ */ jsx116(Tag22, { color: "blue", children: installation.channel })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs82(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              gap: 6,
+              marginBottom: 12
+            },
+            children: [
+              /* @__PURE__ */ jsxs82(Text38, { type: "secondary", style: { fontSize: 12 }, children: [
+                "ID: ",
+                installation.id
+              ] }),
+              /* @__PURE__ */ jsxs82(Text38, { style: { fontSize: 13 }, children: [
+                "Assistant ID: ",
+                installation.config.assistantId
+              ] }),
+              /* @__PURE__ */ jsxs82(Text38, { style: { fontSize: 13 }, children: [
+                "Mapping Mode: ",
+                installation.config.mappingMode
+              ] }),
+              installation.config.workspaceId ? /* @__PURE__ */ jsxs82(Text38, { style: { fontSize: 13 }, children: [
+                "Workspace ID: ",
+                installation.config.workspaceId
+              ] }) : null,
+              installation.config.projectId ? /* @__PURE__ */ jsxs82(Text38, { style: { fontSize: 13 }, children: [
+                "Project ID: ",
+                installation.config.projectId
+              ] }) : null,
+              webhookPath ? /* @__PURE__ */ jsx116(Text38, { code: true, style: { fontSize: 12 }, children: webhookPath }) : /* @__PURE__ */ jsx116(Text38, { type: "secondary", style: { fontSize: 12 }, children: "Unsupported channel configuration UI" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs82("div", { style: { display: "flex", gap: 8 }, children: [
+          /* @__PURE__ */ jsx116(
+            Button52,
+            {
+              icon: /* @__PURE__ */ jsx116(Edit24, { size: 14 }),
+              onClick: () => {
+                setEditingInstallation(installation);
+                setFormModalOpen(true);
+              },
+              children: "Edit"
+            }
+          ),
+          /* @__PURE__ */ jsx116(
+            Popconfirm6,
+            {
+              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__ */ jsx116(Button52, { danger: true, icon: /* @__PURE__ */ jsx116(Trash25, { size: 14 }), children: "Delete" })
+            }
+          )
+        ] })
+      ] }, installation.id);
+    }) }) }),
+    formModalOpen ? /* @__PURE__ */ jsx116(
+      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] = Form7.useForm();
+  useEffect42(() => {
+    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) {
+          message20.success("Installation updated");
+          onSave();
+        } else {
+          message20.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) {
+        message20.success("Installation created");
+        onSave();
+      } else {
+        message20.error(result.message || "Failed to create installation");
+      }
+    } catch (error) {
+      console.error("Failed to save channel installation:", error);
+      message20.error(
+        installation ? "Failed to update installation" : "Failed to create installation"
+      );
+    }
+  };
+  return /* @__PURE__ */ jsx116(
+    Modal20,
+    {
+      open,
+      title: installation ? "Edit Installation" : "Add Installation",
+      onCancel,
+      onOk: handleSubmit,
+      okText: installation ? "Save" : "Create",
+      destroyOnHidden: true,
+      children: /* @__PURE__ */ jsxs82(Form7, { form, layout: "vertical", children: [
+        /* @__PURE__ */ jsx116(Form7.Item, { label: "Channel", children: /* @__PURE__ */ jsx116(Input15, { value: "lark", disabled: true }) }),
+        /* @__PURE__ */ jsx116(Form7.Item, { name: "name", label: "Name", children: /* @__PURE__ */ jsx116(Input15, {}) }),
+        /* @__PURE__ */ jsx116(
+          Form7.Item,
+          {
+            name: "appId",
+            label: "App ID",
+            rules: [{ required: true, message: "App ID is required" }],
+            children: /* @__PURE__ */ jsx116(Input15, {})
+          }
+        ),
+        /* @__PURE__ */ jsx116(
+          Form7.Item,
+          {
+            name: "appSecret",
+            label: "App Secret",
+            rules: [{ required: true, message: "App Secret is required" }],
+            children: /* @__PURE__ */ jsx116(Input15, {})
+          }
+        ),
+        /* @__PURE__ */ jsx116(Form7.Item, { name: "verificationToken", label: "Verification Token", children: /* @__PURE__ */ jsx116(Input15, {}) }),
+        /* @__PURE__ */ jsx116(Form7.Item, { name: "encryptKey", label: "Encrypt Key", children: /* @__PURE__ */ jsx116(Input15, {}) }),
+        /* @__PURE__ */ jsx116(
+          Form7.Item,
+          {
+            name: "mappingMode",
+            label: "Mapping Mode",
+            rules: [{ required: true, message: "Mapping Mode is required" }],
+            children: /* @__PURE__ */ jsx116(Select8, { options: MAPPING_MODE_OPTIONS })
+          }
+        ),
+        /* @__PURE__ */ jsx116(
+          Form7.Item,
+          {
+            name: "assistantId",
+            label: "Assistant ID",
+            rules: [{ required: true, message: "Assistant ID is required" }],
+            children: /* @__PURE__ */ jsx116(Input15, {})
+          }
+        ),
+        /* @__PURE__ */ jsx116(Form7.Item, { name: "workspaceId", label: "Workspace ID", children: /* @__PURE__ */ jsx116(Input15, {}) }),
+        /* @__PURE__ */ jsx116(Form7.Item, { name: "projectId", label: "Project ID", children: /* @__PURE__ */ jsx116(Input15, {}) })
+      ] })
+    }
+  );
+};
 export {
   AgentConversations,
   AgentThreadProvider,
@@ -29461,6 +29824,7 @@ export {
   AuthProvider,
   AxiomLatticeProvider,
   ChangePasswordModal,
+  ChannelInstallationsDrawerContent,
   ChatUIContext,
   ChatUIContextProvider,
   Chating,
@@ -29468,6 +29832,7 @@ export {
   ConversationContext,
   ConversationContextProvider,
   CreateAssistantModal_default as CreateAssistantModal,
+  DEFAULT_MIDDLEWARE_TYPES,
   FileExplorer,
   LatticeChat,
   LatticeChatShell,