@axiom-lattice/react-sdk 2.1.96 → 2.1.98

package/dist/index.mjs

@@ -97,8 +97,8 @@ var AuthProvider = ({
       onLoginSuccess?.(userData, tenantList || []);
       return { requiresTenantSelection, hasTenants };
     } catch (err) {
-      const message28 = err instanceof Error ? err.message : "Login failed";
-      setError(message28);
+      const message30 = err instanceof Error ? err.message : "Login failed";
+      setError(message30);
       throw err;
     } finally {
       setIsLoading(false);
@@ -122,8 +122,8 @@ var AuthProvider = ({
       }
       return { message: data.message || "Registration successful!", token: data.data?.token };
     } catch (err) {
-      const message28 = err instanceof Error ? err.message : "Registration failed";
-      setError(message28);
+      const message30 = err instanceof Error ? err.message : "Registration failed";
+      setError(message30);
       throw err;
     } finally {
       setIsLoading(false);
@@ -182,8 +182,8 @@ var AuthProvider = ({
       }
       onTenantSelected?.(tenantData);
     } catch (err) {
-      const message28 = err instanceof Error ? err.message : "Failed to select tenant";
-      setError(message28);
+      const message30 = err instanceof Error ? err.message : "Failed to select tenant";
+      setError(message30);
       throw err;
     } finally {
       setIsLoading(false);
@@ -222,8 +222,8 @@ var AuthProvider = ({
       setTenants(tenantList);
       sessionStorage.setItem("lattice_tenants", JSON.stringify(tenantList));
     } catch (err) {
-      const message28 = err instanceof Error ? err.message : "Failed to fetch tenants";
-      setError(message28);
+      const message30 = err instanceof Error ? err.message : "Failed to fetch tenants";
+      setError(message30);
     } finally {
       setIsLoading(false);
     }
@@ -253,8 +253,8 @@ var AuthProvider = ({
       setUser(data);
       sessionStorage.setItem("lattice_user", JSON.stringify(data));
     } catch (err) {
-      const message28 = err instanceof Error ? err.message : "Failed to refresh user";
-      setError(message28);
+      const message30 = err instanceof Error ? err.message : "Failed to refresh user";
+      setError(message30);
     } finally {
       setIsLoading(false);
     }
@@ -290,8 +290,8 @@ var AuthProvider = ({
       const result = await response.json();
       return result;
     } catch (err) {
-      const message28 = err instanceof Error ? err.message : "Failed to change password";
-      setError(message28);
+      const message30 = err instanceof Error ? err.message : "Failed to change password";
+      setError(message30);
       throw err;
     } finally {
       setIsLoading(false);
@@ -510,7 +510,7 @@ function useChat(threadId, assistantId, options = {}) {
         throw new Error("Thread ID is required to send messages");
       }
       const { input, command, streaming = true } = data;
-      const { message: message28, files, ...rest } = input || {};
+      const { message: message30, files, ...rest } = input || {};
       setState((prev) => ({
         ...prev,
         isLoading: true,
@@ -519,7 +519,7 @@ function useChat(threadId, assistantId, options = {}) {
       }));
       const userMessage = {
         id: uuidv4(),
-        content: message28 || command?.resume?.message || "",
+        content: message30 || command?.resume?.message || "",
         files,
         role: "human"
       };
@@ -1555,8 +1555,8 @@ function convertThreadToConversationThread(thread, label) {
 function getThreadMetadata(label) {
   return label ? { label } : {};
 }
-function generateLabelFromMessage(message28) {
-  const cleanMessage = message28.replace(/```attachments[\s\S]*?```/g, "").trim();
+function generateLabelFromMessage(message30) {
+  const cleanMessage = message30.replace(/```attachments[\s\S]*?```/g, "").trim();
   if (!cleanMessage) {
     return "";
   }
@@ -2029,7 +2029,7 @@ function AgentThreadProvider({
         throw new Error("Thread ID is required to send messages");
       }
       const { input, command, streaming = true, mode } = data;
-      const { message: message28, files, ...rest } = input || {};
+      const { message: message30, files, ...rest } = input || {};
       setState((prev) => ({
         ...prev,
         isLoading: true,
@@ -2038,7 +2038,7 @@ function AgentThreadProvider({
       }));
       const userMessage = {
         id: uuidv42(),
-        content: message28 || command?.resume?.message || "",
+        content: message30 || command?.resume?.message || "",
         files,
         role: "human"
       };
@@ -2056,8 +2056,8 @@ function AgentThreadProvider({
         ]
       }));
       const isFirstMessage = messageCountRef.current === 0;
-      if (isFirstMessage && message28 && conversationContext) {
-        const label = generateLabelFromMessage(message28);
+      if (isFirstMessage && message30 && conversationContext) {
+        const label = generateLabelFromMessage(message30);
         if (label) {
           conversationContext.updateThread({
             id: threadId,
@@ -3954,8 +3954,8 @@ function useTenants(options) {
       const { data } = await response.json();
       setTenants(data || []);
     } catch (err) {
-      const message28 = err instanceof Error ? err.message : "Failed to fetch tenants";
-      setError(message28);
+      const message30 = err instanceof Error ? err.message : "Failed to fetch tenants";
+      setError(message30);
     } finally {
       setIsLoading(false);
     }
@@ -3997,8 +3997,8 @@ function useUsers(options) {
       const { data } = await response.json();
       setUsers(data || []);
     } catch (err) {
-      const message28 = err instanceof Error ? err.message : "Failed to fetch users";
-      setError(message28);
+      const message30 = err instanceof Error ? err.message : "Failed to fetch users";
+      setError(message30);
     } finally {
       setIsLoading(false);
     }
@@ -4235,8 +4235,8 @@ var FilePanelToggle = () => {
 };
 
 // src/components/Chat/PinToMenuButton.tsx
-import React74, { useState as useState82, useEffect as useEffect57, useCallback as useCallback42 } from "react";
-import { Button as Button60, Input as Input19, Modal as Modal24, Tooltip as Tooltip26, message as message22 } from "antd";
+import React74, { useState as useState82, useCallback as useCallback43, useEffect as useEffect57 } from "react";
+import { Button as Button60, Input as Input19, Modal as Modal24, Tooltip as Tooltip26, AutoComplete, message as message23 } from "antd";
 import { Pin } from "lucide-react";
 
 // src/context/WorkspaceContext.tsx
@@ -4244,16 +4244,16 @@ import React73, {
   createContext as createContext9,
   useContext as useContext11,
   useState as useState81,
-  useCallback as useCallback41,
+  useCallback as useCallback42,
   useEffect as useEffect56,
   useRef as useRef30
 } from "react";
 import { WorkspaceClient, Client as Client3 } from "@axiom-lattice/client-sdk";
 
 // src/components/Chat/WorkspaceResourceManager.tsx
-import { useMemo as useMemo35, useEffect as useEffect55, useRef as useRef29, useState as useState80 } from "react";
-import { FolderOpen as FolderOpen3, Activity as Activity4, Database as Database7, Plug as Plug2, Bot as Bot5, Wrench as Wrench2, Zap as Zap2, LogOut as LogOut3, Building2 as Building23, Key, Share2, History, Inbox as Inbox3, FlaskConical as FlaskConical3 } from "lucide-react";
-import { Modal as Modal23, Avatar as Avatar12, Popover as Popover3, Button as Button59 } from "antd";
+import React72, { useMemo as useMemo35, useEffect as useEffect55, useRef as useRef29, useState as useState80, useCallback as useCallback41 } from "react";
+import { FolderOpen as FolderOpen3, Activity as Activity4, Database as Database7, Plug as Plug2, Bot as Bot5, Wrench as Wrench2, Zap as Zap2, LogOut as LogOut3, Building2 as Building23, Key, Share2, History, Inbox as Inbox3, FlaskConical as FlaskConical3, PinOff } from "lucide-react";
+import { Modal as Modal23, Avatar as Avatar12, Popover as Popover3, Button as Button59, message as message22 } from "antd";
 
 // src/components/Chat/ColumnLayout.tsx
 import { PanelLeft, X } from "lucide-react";
@@ -5277,7 +5277,7 @@ var ColumnLayout = ({
 
 // src/components/Chat/Menu.tsx
 import React8, { useState as useState22, useEffect as useEffect15, useMemo as useMemo3, useCallback as useCallback18 } from "react";
-import { Drawer } from "antd";
+import { Drawer, Dropdown } from "antd";
 import { Plus, ChevronRight, ChevronDown, Cpu, PanelLeftClose } from "lucide-react";
 import { createStyles as createStyles4 } from "antd-style";
 import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
@@ -5383,7 +5383,8 @@ var Menu = ({
   onCollapsedChange,
   className,
   style,
-  footer
+  footer,
+  getContextMenuItems
 }) => {
   const { styles: menuStyles } = useMenuStyles();
   const { styles } = useStyle();
@@ -5450,17 +5451,21 @@ var Menu = ({
     /* @__PURE__ */ jsx15("div", { className: styles.iconModeLogo, children: logo || logoIcon || /* @__PURE__ */ jsx15(Cpu, { size: 28, color: "#1677ff" }) }),
     /* @__PURE__ */ jsx15("div", { className: styles.iconModeContainer, children: groupedItems.map(({ group, items: items2 }, groupIndex) => /* @__PURE__ */ jsxs6(React8.Fragment, { children: [
       groupIndex > 0 && /* @__PURE__ */ jsx15("div", { className: styles.iconModeDivider }),
-      /* @__PURE__ */ jsx15("div", { className: styles.iconModeGroup, children: items2.map((item) => /* @__PURE__ */ jsx15(
-        "button",
-        {
-          className: styles.iconModeButton,
-          onClick: () => handleItemClick(item),
-          title: item.name,
-          "aria-label": item.name,
-          children: /* @__PURE__ */ jsx15("span", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: item.icon })
-        },
-        item.id
-      )) })
+      /* @__PURE__ */ jsx15("div", { className: styles.iconModeGroup, children: items2.map((item) => {
+        const ctxItems = getContextMenuItems?.(item);
+        const btn = /* @__PURE__ */ jsx15(
+          "button",
+          {
+            className: styles.iconModeButton,
+            onClick: () => handleItemClick(item),
+            title: item.name,
+            "aria-label": item.name,
+            children: /* @__PURE__ */ jsx15("span", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: item.icon })
+          },
+          item.id
+        );
+        return ctxItems ? /* @__PURE__ */ jsx15(Dropdown, { menu: { items: ctxItems }, trigger: ["contextMenu"], children: btn }, item.id) : btn;
+      }) })
     ] }, group || `group-${groupIndex}`)) }),
     showToggle && /* @__PURE__ */ jsx15(
       "button",
@@ -5499,22 +5504,25 @@ var Menu = ({
       items2.map((item) => {
         const isInline = item.inline ?? false;
         const isExpanded2 = expandedInlineDrawers.has(item.id);
+        const ctxItems = getContextMenuItems?.(item);
+        const btn = /* @__PURE__ */ jsxs6(
+          "button",
+          {
+            className: `${styles.menuItemExpanded} ${isCollapsed ? "collapsed" : ""} ${isExpanded2 ? styles.menuItemExpandedActive : ""}`,
+            onClick: () => handleItemClick(item),
+            title: isCollapsed ? item.name : void 0,
+            "aria-label": item.name,
+            "aria-expanded": isExpanded2,
+            children: [
+              /* @__PURE__ */ jsx15("span", { className: "menu-icon", children: item.icon }),
+              /* @__PURE__ */ jsx15("span", { className: "menu-label", children: item.name }),
+              isInline && !isCollapsed && /* @__PURE__ */ jsx15("span", { className: styles.inlineDrawerIndicator, children: isExpanded2 ? /* @__PURE__ */ jsx15(ChevronDown, { size: 16 }) : /* @__PURE__ */ jsx15(ChevronRight, { size: 16 }) })
+            ]
+          }
+        );
+        const buttonWithContextMenu = ctxItems ? /* @__PURE__ */ jsx15(Dropdown, { menu: { items: ctxItems }, trigger: ["contextMenu"], children: btn }, item.id) : /* @__PURE__ */ jsx15(React8.Fragment, { children: btn }, item.id);
         return /* @__PURE__ */ jsxs6(React8.Fragment, { children: [
-          /* @__PURE__ */ jsxs6(
-            "button",
-            {
-              className: `${styles.menuItemExpanded} ${isCollapsed ? "collapsed" : ""} ${isExpanded2 ? styles.menuItemExpandedActive : ""}`,
-              onClick: () => handleItemClick(item),
-              title: isCollapsed ? item.name : void 0,
-              "aria-label": item.name,
-              "aria-expanded": isExpanded2,
-              children: [
-                /* @__PURE__ */ jsx15("span", { className: "menu-icon", children: item.icon }),
-                /* @__PURE__ */ jsx15("span", { className: "menu-label", children: item.name }),
-                isInline && !isCollapsed && /* @__PURE__ */ jsx15("span", { className: styles.inlineDrawerIndicator, children: isExpanded2 ? /* @__PURE__ */ jsx15(ChevronDown, { size: 16 }) : /* @__PURE__ */ jsx15(ChevronRight, { size: 16 }) })
-              ]
-            }
-          ),
+          buttonWithContextMenu,
           isInline && isExpanded2 && !isCollapsed && /* @__PURE__ */ jsx15("div", { className: styles.inlineDrawerContainer, children: item.content })
         ] }, item.id);
       })
@@ -5677,7 +5685,8 @@ function encodeId(contentType, contentConfig, itemId) {
     const projectId = contentConfig.projectId || "";
     const assistantId = contentConfig.assistantId || "";
     const fileName = encodeURIComponent(contentConfig.fileName || "");
-    return `${CUSTOM_MENU_ID_PREFIX}:file:${resourcePath}:${workspaceId}:${projectId}:${assistantId}:${fileName}:${itemId}`;
+    const tenantId = contentConfig.tenantId || "";
+    return `${CUSTOM_MENU_ID_PREFIX}:file:${resourcePath}:${workspaceId}:${projectId}:${assistantId}:${fileName}:${tenantId}:${itemId}`;
   }
   return `${CUSTOM_MENU_ID_PREFIX}:unknown::${itemId}`;
 }
@@ -5696,14 +5705,23 @@ function parseCustomMenuId(id) {
     };
   }
   if (contentType === "file" && parts.length >= 8) {
+    const payload = decodeURIComponent(parts[2]);
+    const workspaceId = parts[3] ?? void 0;
+    const projectId = parts[4] ?? void 0;
+    const assistantId = parts[5] ?? void 0;
+    const fileName = decodeURIComponent(parts[6] || "");
+    const hasTenantId = parts.length >= 9;
+    const tenantId = hasTenantId ? parts[7] ?? void 0 : void 0;
+    const dbId = parts.slice(hasTenantId ? 8 : 7).join(":");
     return {
       contentType,
-      payload: decodeURIComponent(parts[2]),
-      workspaceId: parts[3] ?? void 0,
-      projectId: parts[4] ?? void 0,
-      assistantId: parts[5] ?? void 0,
-      fileName: decodeURIComponent(parts[6] || ""),
-      dbId: parts.slice(7).join(":")
+      payload,
+      workspaceId,
+      projectId,
+      assistantId,
+      fileName,
+      tenantId,
+      dbId
     };
   }
   return {
@@ -5713,7 +5731,8 @@ function parseCustomMenuId(id) {
   };
 }
 function menuItemToSideMenuItemConfig(item) {
-  const encodedId = encodeId(item.contentType, item.contentConfig, item.id);
+  const contentConfigWithTenant = item.tenantId ? { ...item.contentConfig, tenantId: item.tenantId } : item.contentConfig;
+  const encodedId = encodeId(item.contentType, contentConfigWithTenant, item.id);
   return {
     id: encodedId,
     type: "route",
@@ -13499,11 +13518,11 @@ var ConfirmFeedback = ({
   data,
   interactive = true
 }) => {
-  const { message: message28, type, config, feedback, options } = data ?? {};
+  const { message: message30, type, config, feedback, options } = data ?? {};
   const { sendMessage } = useAgentChat();
   const [clicked, setClicked] = useState36(false);
   return /* @__PURE__ */ jsxs22(Space9, { direction: "vertical", style: { width: "100%" }, children: [
-    /* @__PURE__ */ jsx31(MDResponse, { content: message28 }),
+    /* @__PURE__ */ jsx31(MDResponse, { content: message30 }),
     options ? /* @__PURE__ */ jsx31(Space9, { style: { justifyContent: "flex-end", width: "100%" }, children: options?.map((option) => /* @__PURE__ */ jsx31(
       Button17,
       {
@@ -13826,7 +13845,7 @@ var useSideAppOpener = () => {
 import { jsx as jsx33, jsxs as jsxs24 } from "react/jsx-runtime";
 var { Text: Text16 } = Typography16;
 var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = true }) => {
-  const { dataSource, message: message28 } = data ?? {};
+  const { dataSource, message: message30 } = data ?? {};
   const [expandedRowKeys, setExpandedRowKeys] = useState38([]);
   const openSideApp = useSideAppOpener();
   const processedData = dataSource?.map((item, index) => ({
@@ -13925,7 +13944,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 = `${message28 || "data"}_${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.csv`;
+    const filename = `${message30 || "data"}_${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.csv`;
     link.href = URL.createObjectURL(blob);
     link.download = filename;
     document.body.appendChild(link);
@@ -13946,7 +13965,7 @@ var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = t
           tableLayout: "fixed",
           style: { width: "100% !important" },
           title: () => /* @__PURE__ */ jsxs24(Flex, { justify: "space-between", align: "center", children: [
-            /* @__PURE__ */ jsx33(Space11, { children: /* @__PURE__ */ jsx33(Text16, { strong: true, style: { fontSize: 16 }, children: message28 || "" }) }),
+            /* @__PURE__ */ jsx33(Space11, { children: /* @__PURE__ */ jsx33(Text16, { strong: true, style: { fontSize: 16 }, children: message30 || "" }) }),
             /* @__PURE__ */ jsxs24(Space11, { children: [
               /* @__PURE__ */ jsx33(
                 Button19,
@@ -13968,8 +13987,8 @@ var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = t
                   onClick: () => {
                     openSideApp({
                       component_key: "generic_data_table",
-                      message: message28 || "",
-                      data: { dataSource, message: message28 }
+                      message: message30 || "",
+                      data: { dataSource, message: message30 }
                     });
                   },
                   children: /* @__PURE__ */ jsx33(ExpandAltOutlined, {})
@@ -16645,7 +16664,7 @@ import {
 } from "react";
 import { jsx as jsx53 } from "react/jsx-runtime";
 var LazyBubble = ({
-  message: message28,
+  message: message30,
   renderContent,
   autoLoadRightPanel
 }) => {
@@ -16676,10 +16695,10 @@ var LazyBubble = ({
     autoLoadRightPanel?.();
   }, []);
   const getPlaceholder = () => {
-    const estimatedHeight = message28.content ? Math.min(100, message28.content.length / 5) : 100;
+    const estimatedHeight = message30.content ? Math.min(100, message30.content.length / 5) : 100;
     return /* @__PURE__ */ jsx53("div", { style: { height: `${estimatedHeight}px`, minHeight: "50px" } });
   };
-  return /* @__PURE__ */ jsx53(ErrorBoundary, { children: /* @__PURE__ */ jsx53("div", { ref, style: { width: "100%" }, children: isVisible || wasEverVisible ? renderContent(message28) : getPlaceholder() }) });
+  return /* @__PURE__ */ jsx53(ErrorBoundary, { children: /* @__PURE__ */ jsx53("div", { ref, style: { width: "100%" }, children: isVisible || wasEverVisible ? renderContent(message30) : getPlaceholder() }) });
 };
 var MemoizedBubbleList = memo(
   ({
@@ -16710,8 +16729,8 @@ var MessageList = ({
       messageLengthRef.current = messages?.length;
     }
   }, [messages?.length]);
-  const renderContent = useCallback25((message28) => {
-    const { content } = message28;
+  const renderContent = useCallback25((message30) => {
+    const { content } = message30;
     try {
       const json = JSON.parse(content);
       if (json.action && json.message) {
@@ -16719,7 +16738,7 @@ var MessageList = ({
       }
     } catch (error) {
     }
-    const tool_calls_md = message28.tool_calls?.map((tool_call) => {
+    const tool_calls_md = message30.tool_calls?.map((tool_call) => {
       return `\`\`\`tool_call
 ${JSON.stringify(tool_call)}
 \`\`\``;
@@ -16728,17 +16747,17 @@ ${JSON.stringify(tool_call)}
     return /* @__PURE__ */ jsx53(Space21, { direction: "vertical", style: { width: "100%" }, children: /* @__PURE__ */ jsx53(MDResponse, { content: content_md }) });
   }, []);
   const items = useMemo11(
-    () => messages.map((message28, index) => ({
-      key: message28.id,
-      role: message28.role,
+    () => messages.map((message30, index) => ({
+      key: message30.id,
+      role: message30.role,
       typing: false,
       content: /* @__PURE__ */ jsx53(
         LazyBubble,
         {
-          message: message28,
+          message: message30,
           renderContent,
           autoLoadRightPanel: () => {
-            const { content, role: role2 } = message28;
+            const { content, role: role2 } = message30;
             const isNewAddedMessage = messageLengthRef.current > 1 && messageLengthRef.current + 1 === messages.length;
             if (index === messages.length - 1 && isNewAddedMessage && role2 === "ai") {
               try {
@@ -17763,7 +17782,7 @@ var AgentHeader = ({
 
 // src/components/Chat/ThreadManagementButtons.tsx
 import { useCallback as useCallback27, useContext as useContext9 } from "react";
-import { Tooltip as Tooltip12, Button as Button35, Dropdown } from "antd";
+import { Tooltip as Tooltip12, Button as Button35, Dropdown as Dropdown2 } from "antd";
 import { HistoryOutlined, PlusOutlined as PlusOutlined8 } from "@ant-design/icons";
 import { Fragment as Fragment11, jsx as jsx66, jsxs as jsxs45 } from "react/jsx-runtime";
 var CreateThreadButton = () => {
@@ -17835,7 +17854,7 @@ var ThreadListButton = () => {
     ] : []
   ];
   return /* @__PURE__ */ jsx66(Tooltip12, { title: "Conversation History", children: /* @__PURE__ */ jsx66(
-    Dropdown,
+    Dropdown2,
     {
       menu: { items },
       trigger: ["click"],
@@ -23225,12 +23244,12 @@ var formatDate3 = (timestamp) => {
   });
 };
 var MailboxDetailModal = ({
-  message: message28,
+  message: message30,
   visible,
   onClose
 }) => {
   const { styles } = useStyles14();
-  if (!message28) return null;
+  if (!message30) return null;
   return /* @__PURE__ */ jsx87(
     Modal16,
     {
@@ -23253,12 +23272,12 @@ var MailboxDetailModal = ({
       children: /* @__PURE__ */ jsxs64("div", { className: styles.modalContent, children: [
         /* @__PURE__ */ jsxs64("div", { className: styles.header, children: [
           /* @__PURE__ */ jsx87("div", { className: styles.messageIcon, children: /* @__PURE__ */ jsx87(Mail2, { size: 20 }) }),
-          /* @__PURE__ */ jsx87(Text36, { className: styles.messageId, children: message28.id }),
-          !message28.read && /* @__PURE__ */ jsx87(Tag21, { color: "red", children: "Unread" })
+          /* @__PURE__ */ jsx87(Text36, { className: styles.messageId, children: message30.id }),
+          !message30.read && /* @__PURE__ */ jsx87(Tag21, { color: "red", children: "Unread" })
         ] }),
         /* @__PURE__ */ jsxs64(Title12, { level: 4, className: styles.title, children: [
           "Message from ",
-          message28.from
+          message30.from
         ] }),
         /* @__PURE__ */ jsxs64("div", { className: styles.metaSection, children: [
           /* @__PURE__ */ jsxs64("div", { className: styles.metaItem, children: [
@@ -23268,11 +23287,11 @@ var MailboxDetailModal = ({
                 "div",
                 {
                   className: styles.avatar,
-                  style: { background: getAvatarColor7(message28.from) },
-                  children: getInitials7(message28.from)
+                  style: { background: getAvatarColor7(message30.from) },
+                  children: getInitials7(message30.from)
                 }
               ),
-              /* @__PURE__ */ jsx87("span", { children: message28.from })
+              /* @__PURE__ */ jsx87("span", { children: message30.from })
             ] })
           ] }),
           /* @__PURE__ */ jsxs64("div", { className: styles.metaItem, children: [
@@ -23282,29 +23301,29 @@ var MailboxDetailModal = ({
                 "div",
                 {
                   className: styles.avatar,
-                  style: { background: getAvatarColor7(message28.to) },
-                  children: getInitials7(message28.to)
+                  style: { background: getAvatarColor7(message30.to) },
+                  children: getInitials7(message30.to)
                 }
               ),
-              /* @__PURE__ */ jsx87("span", { children: message28.to })
+              /* @__PURE__ */ jsx87("span", { children: message30.to })
             ] })
           ] }),
           /* @__PURE__ */ jsxs64("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ jsx87(Text36, { className: styles.metaLabel, children: "Time" }),
             /* @__PURE__ */ jsxs64("div", { className: styles.metaValue, children: [
               /* @__PURE__ */ jsx87(Calendar2, { size: 14 }),
-              /* @__PURE__ */ jsx87("span", { children: formatDate3(message28.timestamp) })
+              /* @__PURE__ */ jsx87("span", { children: formatDate3(message30.timestamp) })
             ] })
           ] }),
           /* @__PURE__ */ jsxs64("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ jsx87(Text36, { className: styles.metaLabel, children: "Type" }),
-            /* @__PURE__ */ jsx87("div", { className: styles.metaValue, children: /* @__PURE__ */ jsx87(Tag21, { color: message28.type === "broadcast" ? "blue" : "default", children: message28.type }) })
+            /* @__PURE__ */ jsx87("div", { className: styles.metaValue, children: /* @__PURE__ */ jsx87(Tag21, { color: message30.type === "broadcast" ? "blue" : "default", children: message30.type }) })
           ] })
         ] }),
         /* @__PURE__ */ jsx87(Divider8, {}),
         /* @__PURE__ */ jsxs64("div", { className: styles.contentSection, children: [
           /* @__PURE__ */ jsx87(Text36, { className: styles.contentLabel, children: "Message Content" }),
-          /* @__PURE__ */ jsx87("div", { className: styles.contentBox, children: /* @__PURE__ */ jsx87(Paragraph2, { className: styles.messageContent, children: message28.content }) })
+          /* @__PURE__ */ jsx87("div", { className: styles.contentBox, children: /* @__PURE__ */ jsx87(Paragraph2, { className: styles.messageContent, children: message30.content }) })
         ] })
       ] })
     }
@@ -23533,26 +23552,26 @@ var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageC
         ]
       }
     ),
-    isExpanded && /* @__PURE__ */ jsx88("div", { className: styles.listGroupContent, children: group.messages.map((message28) => /* @__PURE__ */ jsxs65(
+    isExpanded && /* @__PURE__ */ jsx88("div", { className: styles.listGroupContent, children: group.messages.map((message30) => /* @__PURE__ */ jsxs65(
       "div",
       {
-        className: `${styles.listItem} ${!message28.read ? styles.listItemUnread : ""}`,
-        onClick: () => onMessageClick(message28),
+        className: `${styles.listItem} ${!message30.read ? styles.listItemUnread : ""}`,
+        onClick: () => onMessageClick(message30),
         children: [
-          /* @__PURE__ */ jsx88("div", { className: styles.listItemIcon, children: !message28.read ? /* @__PURE__ */ jsx88("div", { className: styles.unreadBadge }) : /* @__PURE__ */ jsx88(Circle2, { size: 8, style: { color: "#d9d9d9" } }) }),
+          /* @__PURE__ */ jsx88("div", { className: styles.listItemIcon, children: !message30.read ? /* @__PURE__ */ jsx88("div", { className: styles.unreadBadge }) : /* @__PURE__ */ jsx88(Circle2, { size: 8, style: { color: "#d9d9d9" } }) }),
           /* @__PURE__ */ jsxs65("div", { className: styles.listItemContent, children: [
-            /* @__PURE__ */ jsx88("span", { className: styles.listItemPreview, children: getMessagePreview(message28.content) }),
+            /* @__PURE__ */ jsx88("span", { className: styles.listItemPreview, children: getMessagePreview(message30.content) }),
             /* @__PURE__ */ jsxs65("span", { className: styles.listItemMeta, children: [
               "To: ",
-              message28.to,
+              message30.to,
               " \u2022 ",
-              message28.type
+              message30.type
             ] })
           ] }),
-          /* @__PURE__ */ jsx88("div", { className: styles.listItemRight, children: /* @__PURE__ */ jsx88("span", { className: styles.listItemDate, children: formatDate4(message28.timestamp) }) })
+          /* @__PURE__ */ jsx88("div", { className: styles.listItemRight, children: /* @__PURE__ */ jsx88("span", { className: styles.listItemDate, children: formatDate4(message30.timestamp) }) })
         ]
       },
-      message28.id
+      message30.id
     )) })
   ] });
 };
@@ -23563,12 +23582,12 @@ var MailboxPanel = ({ data }) => {
   const { teamMailbox = [] } = data || {};
   const messageGroups = useMemo17(() => {
     const groupsMap = /* @__PURE__ */ new Map();
-    teamMailbox.forEach((message28) => {
-      const sender = message28.from;
+    teamMailbox.forEach((message30) => {
+      const sender = message30.from;
       if (!groupsMap.has(sender)) {
         groupsMap.set(sender, []);
       }
-      groupsMap.get(sender).push(message28);
+      groupsMap.get(sender).push(message30);
     });
     const groups = Array.from(groupsMap.entries()).map(([sender, messages]) => ({
       sender,
@@ -23585,8 +23604,8 @@ var MailboxPanel = ({ data }) => {
     return groups;
   }, [teamMailbox]);
   const totalUnread = teamMailbox.filter((m) => !m.read).length;
-  const handleMessageClick = (message28) => {
-    setSelectedMessage(message28);
+  const handleMessageClick = (message30) => {
+    setSelectedMessage(message30);
     setModalVisible(true);
   };
   const handleCloseModal = () => {
@@ -25430,11 +25449,11 @@ var StreamingHTMLRenderer = ({
       if (!iframe || event.source !== iframe.contentWindow) {
         return;
       }
-      const message28 = event.data;
-      if (!message28 || typeof message28 !== "object") {
+      const message30 = event.data;
+      if (!message30 || typeof message30 !== "object") {
         return;
       }
-      switch (message28.type) {
+      switch (message30.type) {
         case "iframe-ready":
           console.log("[StreamingHTMLRenderer] Iframe ready");
           isReadyRef.current = true;
@@ -25449,26 +25468,26 @@ var StreamingHTMLRenderer = ({
           }
           break;
         case "iframe-height":
-          if (typeof message28.height === "number" && message28.height > 0) {
-            setIframeHeight(message28.height);
+          if (typeof message30.height === "number" && message30.height > 0) {
+            setIframeHeight(message30.height);
           }
           break;
         case "iframe-error": {
           const streamingError = {
             type: "RENDER_ERROR",
-            message: message28.error || "Unknown iframe error"
+            message: message30.error || "Unknown iframe error"
           };
           onError?.(streamingError);
           break;
         }
         case "widget-prompt":
-          if (typeof message28.text === "string") {
-            onPrompt?.(message28.text);
+          if (typeof message30.text === "string") {
+            onPrompt?.(message30.text);
           }
           break;
         case "widget-open-link":
-          if (typeof message28.url === "string") {
-            window.open(message28.url, "_blank", "noopener,noreferrer");
+          if (typeof message30.url === "string") {
+            window.open(message30.url, "_blank", "noopener,noreferrer");
           }
           break;
       }
@@ -28607,8 +28626,8 @@ var TopologyRuntimeView = () => {
       setRuns((prev) => prev.filter((r) => r.id !== runId));
       setSelectedRun((prev) => prev?.id === runId ? null : prev);
     } catch (err) {
-      const message28 = err instanceof Error ? err.message : "Failed to delete run";
-      setError(message28);
+      const message30 = err instanceof Error ? err.message : "Failed to delete run";
+      setError(message30);
     }
   }, [del]);
   const refreshRuns = useCallback37(async () => {
@@ -30187,7 +30206,7 @@ var WorkflowAutomationView = () => {
 // src/components/Eval/EvalPanel.tsx
 import React66, { useState as useState75, useMemo as useMemo31 } from "react";
 import { createStyles as createStyles34 } from "antd-style";
-import { Button as Button55, Card as Card28, Typography as Typography59, Row as Row4, Col as Col4, Tag as Tag29, theme as theme15, Dropdown as Dropdown2, Popconfirm as Popconfirm11, message as message18 } from "antd";
+import { Button as Button55, Card as Card28, Typography as Typography59, Row as Row4, Col as Col4, Tag as Tag29, theme as theme15, Dropdown as Dropdown3, Popconfirm as Popconfirm11, message as message18 } from "antd";
 import { Play as Play2, FlaskConical as FlaskConical2, TestTube2 as TestTube26, TrendingUp, CheckCircle as CheckCircle4, XCircle as XCircle3, ArrowRight as ArrowRight3, ChevronDown as ChevronDown5, Trash2 as Trash27, Clock as Clock5 } from "lucide-react";
 
 // src/components/Eval/EvalSuiteCardList.tsx
@@ -31021,7 +31040,7 @@ var EvalPanel = () => {
         ] }),
         /* @__PURE__ */ jsxs85("div", { className: styles.topRight, children: [
           /* @__PURE__ */ jsx117(
-            Dropdown2,
+            Dropdown3,
             {
               menu: {
                 items: projects.map((p) => ({
@@ -31244,7 +31263,7 @@ var EvalPanel = () => {
 
 // src/components/Chat/PersonalAssistantPage.tsx
 import { useEffect as useEffect52, useState as useState77, useCallback as useCallback40, useRef as useRef28 } from "react";
-import { Card as Card29, Button as Button57, Input as Input18, Typography as Typography61, message as message20, Dropdown as Dropdown3, Modal as Modal21 } from "antd";
+import { Card as Card29, Button as Button57, Input as Input18, Typography as Typography61, message as message20, Dropdown as Dropdown4, Modal as Modal21 } from "antd";
 import { createStyles as createStyles36 } from "antd-style";
 import { Bot as Bot4, Sparkles as Sparkles3, ArrowRight as ArrowRight4, ArrowLeft as ArrowLeft3, Smile, Zap, Heart, Lightbulb, Edit3, MoreHorizontal, MessagesSquare as MessagesSquare2, Trash2 as Trash29 } from "lucide-react";
 import { Client as Client2 } from "@axiom-lattice/client-sdk";
@@ -31495,6 +31514,7 @@ var PersonalAssistantChannelModal = ({
   const [selectedId, setSelectedId] = useState76(null);
   const [formMode, setFormMode] = useState76("view");
   const [selectedChannel, setSelectedChannel] = useState76("lark");
+  const [hasPickedChannel, setHasPickedChannel] = useState76(false);
   const [form] = Form9.useForm();
   const [allowOthers, setAllowOthers] = useState76(true);
   const [saving, setSaving] = useState76(false);
@@ -31509,6 +31529,7 @@ var PersonalAssistantChannelModal = ({
   const [qrCountdown, setQrCountdown] = useState76(0);
   const qrCodeRef = useRef27(null);
   const qrCountdownRef = useRef27(null);
+  const bindingsLoadIdRef = useRef27(null);
   const clearQrCountdown = useCallback39(() => {
     if (qrCountdownRef.current) {
       clearInterval(qrCountdownRef.current);
@@ -31607,19 +31628,25 @@ var PersonalAssistantChannelModal = ({
     }
   }, [get]);
   const loadBindings = useCallback39(async (installationId) => {
+    const requestId = installationId;
+    bindingsLoadIdRef.current = requestId;
     setBindingsLoading(true);
     try {
       const res = await get(`/api/channel-bindings?channelInstallationId=${installationId}`);
+      if (bindingsLoadIdRef.current !== requestId) return;
       if (res.success) {
         setBindings(res.data?.records ?? []);
       } else {
         message19.error(res.message || "Failed to load bindings");
       }
     } catch (error) {
+      if (bindingsLoadIdRef.current !== requestId) return;
       console.error("Failed to load bindings:", error);
       message19.error("Failed to load bindings");
     } finally {
-      setBindingsLoading(false);
+      if (bindingsLoadIdRef.current === requestId) {
+        setBindingsLoading(false);
+      }
     }
   }, [get]);
   useEffect51(() => {
@@ -31632,6 +31659,7 @@ var PersonalAssistantChannelModal = ({
     setSelectedId(null);
     setFormMode("view");
     setSelectedChannel("lark");
+    setHasPickedChannel(false);
     form.resetFields();
     bindingForm.resetFields();
     setBindings([]);
@@ -31665,7 +31693,8 @@ var PersonalAssistantChannelModal = ({
     setSelectedId(installation.id);
     setFormMode("edit");
     setSelectedChannel(installation.channel);
-    setAllowOthers(!installation.rejectWhenNoBinding);
+    setAllowOthers(installation.channel === "wechat" ? true : !installation.rejectWhenNoBinding);
+    form.resetFields();
     if (installation.channel === "lark") {
       form.setFieldsValue({
         name: installation.name,
@@ -31687,6 +31716,7 @@ var PersonalAssistantChannelModal = ({
     setSelectedId(null);
     setFormMode("create");
     setSelectedChannel("lark");
+    setHasPickedChannel(false);
     setBindings([]);
     setAllowOthers(true);
     form.resetFields();
@@ -31699,6 +31729,7 @@ var PersonalAssistantChannelModal = ({
       setSelectedId(null);
     }
     setFormMode("view");
+    setHasPickedChannel(false);
     setBindings([]);
     form.resetFields();
     bindingForm.resetFields();
@@ -31784,7 +31815,7 @@ var PersonalAssistantChannelModal = ({
         const res = await post(
           "/api/channel-installations",
           {
-            channel: "lark",
+            channel: selectedChannel,
             name: values.name,
             config,
             rejectWhenNoBinding: !allowOthers,
@@ -31797,6 +31828,7 @@ var PersonalAssistantChannelModal = ({
             setSelectedId(res.data.id);
             setFormMode("edit");
             setBindings([]);
+            loadInstallations();
             message19.info("Now add users who can access this channel");
           } else {
             cancelForm();
@@ -31897,20 +31929,54 @@ var PersonalAssistantChannelModal = ({
         /* @__PURE__ */ jsx119(Text49, { style: { fontSize: 14, color: "var(--color-text-secondary, #666)" }, children: "Select a channel from the left or add a new one" })
       ] });
     }
+    if (formMode === "create" && !hasPickedChannel) {
+      return /* @__PURE__ */ jsxs86("div", { className: styles.rightBody, children: [
+        /* @__PURE__ */ jsx119("div", { className: styles.formSectionTitle, children: "Choose Channel Type" }),
+        /* @__PURE__ */ jsx119("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: channelOptions.map((opt) => /* @__PURE__ */ jsxs86(
+          "div",
+          {
+            onClick: () => {
+              setSelectedChannel(opt.value);
+              setHasPickedChannel(true);
+              form.resetFields();
+            },
+            style: {
+              padding: "16px 20px",
+              border: "2px solid var(--color-border, #d9d9d9)",
+              borderRadius: 12,
+              cursor: "pointer",
+              display: "flex",
+              alignItems: "center",
+              gap: 12,
+              transition: "border-color 0.2s, background 0.2s"
+            },
+            onMouseEnter: (e) => {
+              e.currentTarget.style.borderColor = "var(--color-primary, #6366f1)";
+              e.currentTarget.style.background = "var(--color-primary-bg, #f0f0ff)";
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.borderColor = "var(--color-border, #d9d9d9)";
+              e.currentTarget.style.background = "transparent";
+            },
+            children: [
+              /* @__PURE__ */ jsx119(MessagesSquare, { size: 22, style: { opacity: 0.6 } }),
+              /* @__PURE__ */ jsx119("div", { children: /* @__PURE__ */ jsx119(Text49, { strong: true, style: { fontSize: 14 }, children: opt.label }) })
+            ]
+          },
+          opt.value
+        )) })
+      ] });
+    }
     const isEdit = formMode === "edit" && selectedId !== null;
     return /* @__PURE__ */ jsxs86("div", { className: styles.rightBody, children: [
-      /* @__PURE__ */ jsx119("div", { className: styles.formSectionTitle, children: isEdit ? "Edit Channel" : "New Channel" }),
+      /* @__PURE__ */ jsx119("div", { className: styles.formSectionTitle, children: isEdit ? "Edit Channel" : `New ${CHANNEL_LABEL_MAP[selectedChannel] || selectedChannel}` }),
       /* @__PURE__ */ jsxs86(Form9, { form, layout: "vertical", children: [
-        /* @__PURE__ */ jsx119(Form9.Item, { label: "Channel Type", children: /* @__PURE__ */ jsx119(
+        isEdit && /* @__PURE__ */ jsx119(Form9.Item, { label: "Channel Type", children: /* @__PURE__ */ jsx119(
           Select9,
           {
             options: channelOptions,
             value: selectedChannel,
-            onChange: (val) => {
-              setSelectedChannel(val);
-              form.resetFields();
-            },
-            disabled: isEdit
+            disabled: true
           }
         ) }),
         selectedChannel === "lark" && /* @__PURE__ */ jsxs86(Fragment23, { children: [
@@ -32055,7 +32121,7 @@ var PersonalAssistantChannelModal = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs86("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 16 }, children: [
+        selectedChannel !== "wechat" && /* @__PURE__ */ jsxs86("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 16 }, children: [
           /* @__PURE__ */ jsxs86("div", { children: [
             /* @__PURE__ */ jsx119(Text49, { strong: true, style: { fontSize: 14 }, children: "Anyone can message" }),
             /* @__PURE__ */ jsx119("br", {}),
@@ -32064,7 +32130,7 @@ var PersonalAssistantChannelModal = ({
           /* @__PURE__ */ jsx119(Switch4, { checked: allowOthers, onChange: setAllowOthers })
         ] })
       ] }),
-      !allowOthers && isEdit && /* @__PURE__ */ jsxs86("div", { className: styles.bindingSection, children: [
+      selectedChannel !== "wechat" && !allowOthers && isEdit && /* @__PURE__ */ jsxs86("div", { className: styles.bindingSection, children: [
         /* @__PURE__ */ jsx119("div", { className: styles.bindingHeader, children: "Who can chat" }),
         /* @__PURE__ */ jsx119("div", { className: styles.bindingHint, children: "Only people you add here can message your assistant" }),
         bindingsLoading ? /* @__PURE__ */ jsx119(Spin20, { size: "small", style: { display: "block", margin: "12px 0" } }) : bindings.length === 0 ? /* @__PURE__ */ jsx119(Text49, { type: "secondary", style: { fontSize: 12 }, children: "No contacts added yet" }) : /* @__PURE__ */ jsx119("div", { style: { display: "flex", flexDirection: "column", gap: 2 }, children: bindings.map((b) => /* @__PURE__ */ jsxs86("div", { className: styles.contactItem, children: [
@@ -32098,7 +32164,7 @@ var PersonalAssistantChannelModal = ({
                     name: "senderId",
                     rules: [{ required: true, message: "Required" }],
                     style: { flex: 1, marginBottom: 0 },
-                    children: /* @__PURE__ */ jsx119(Input17, { size: "small", placeholder: "Feishu Open ID" })
+                    children: /* @__PURE__ */ jsx119(Input17, { size: "small", placeholder: selectedChannel === "wechat" ? "WeChat Open ID" : "Feishu Open ID" })
                   }
                 ),
                 /* @__PURE__ */ jsx119(
@@ -32136,12 +32202,13 @@ var PersonalAssistantChannelModal = ({
           }
         )
       ] }),
-      !allowOthers && !isEdit && /* @__PURE__ */ jsx119("div", { className: styles.bindingSection, children: /* @__PURE__ */ jsx119(Text49, { type: "secondary", style: { fontSize: 12 }, children: "Once saved, come back here to add the people you'd like to chat with." }) })
+      selectedChannel !== "wechat" && !allowOthers && !isEdit && /* @__PURE__ */ jsx119("div", { className: styles.bindingSection, children: /* @__PURE__ */ jsx119(Text49, { type: "secondary", style: { fontSize: 12 }, children: "Once saved, come back here to add the people you'd like to chat with." }) })
     ] });
   };
   const renderFooter = () => {
     if (formMode === "view") return null;
     const isEdit = formMode === "edit" && selectedId !== null;
+    const isPicking = formMode === "create" && !hasPickedChannel;
     return /* @__PURE__ */ jsxs86("div", { className: styles.footer, children: [
       /* @__PURE__ */ jsx119("div", { children: isEdit && /* @__PURE__ */ jsx119(
         Popconfirm12,
@@ -32157,7 +32224,7 @@ var PersonalAssistantChannelModal = ({
       ) }),
       /* @__PURE__ */ jsxs86("div", { style: { display: "flex", gap: 8 }, children: [
         /* @__PURE__ */ jsx119(Button56, { onClick: cancelForm, children: "Cancel" }),
-        /* @__PURE__ */ jsx119(Button56, { type: "primary", loading: saving, onClick: handleSave, children: isEdit ? "Save" : "Create" })
+        !isPicking && /* @__PURE__ */ jsx119(Button56, { type: "primary", loading: saving, onClick: handleSave, children: isEdit ? "Save" : "Create" })
       ] })
     ] });
   };
@@ -32376,7 +32443,7 @@ var PersonalAssistantPage = () => {
               }
             ),
             /* @__PURE__ */ jsx120(FilePanelToggle, {}),
-            /* @__PURE__ */ jsx120(Dropdown3, { menu: { items: moreItems }, trigger: ["click"], placement: "bottomRight", children: /* @__PURE__ */ jsx120(Button57, { type: "text", icon: /* @__PURE__ */ jsx120(MoreHorizontal, { size: 18 }) }) })
+            /* @__PURE__ */ jsx120(Dropdown4, { menu: { items: moreItems }, trigger: ["click"], placement: "bottomRight", children: /* @__PURE__ */ jsx120(Button57, { type: "text", icon: /* @__PURE__ */ jsx120(MoreHorizontal, { size: 18 }) }) })
           ] })
         }
       ),
@@ -32564,15 +32631,10 @@ var FileView = ({ parsed }) => {
     path: resourcePath.startsWith("/") ? resourcePath : `/${resourcePath}`
   });
   if (parsed.assistantId) params.set("assistantId", parsed.assistantId);
+  if (parsed.tenantId) params.set("tenantId", parsed.tenantId);
   const url = `${baseURL}/api/workspaces/${parsed.workspaceId}/projects/${parsed.projectId}/viewfile?${params}`;
-  return /* @__PURE__ */ jsx122(
-    "iframe",
-    {
-      src: url,
-      style: IFRAME_STYLE,
-      title: parsed.fileName || resourcePath.split("/").pop() || "File"
-    }
-  );
+  const fileName = parsed.fileName || resourcePath.split("/").pop() || "File";
+  return /* @__PURE__ */ jsx122("div", { style: { width: "100%", height: "100%", overflow: "hidden" }, children: /* @__PURE__ */ jsx122(FileRenderer, { fileUrl: url, fileName, showHeader: true }) });
 };
 var CustomMenuPage = ({ component_key }) => {
   const parsed = parseCustomMenuId(component_key);
@@ -32630,7 +32692,7 @@ var CustomMenuPage = ({ component_key }) => {
 
 // src/components/Chat/SharesPage.tsx
 import { useEffect as useEffect53, useState as useState78 } from "react";
-import { Table as Table5, Button as Button58, Dropdown as Dropdown4, message as message21, Modal as Modal22, Tag as Tag30, Typography as Typography62 } from "antd";
+import { Table as Table5, Button as Button58, Dropdown as Dropdown5, message as message21, Modal as Modal22, Tag as Tag30, Typography as Typography62 } from "antd";
 import { CopyOutlined as CopyOutlined4, StopOutlined as StopOutlined3, MoreOutlined as MoreOutlined3 } from "@ant-design/icons";
 import { jsx as jsx123, jsxs as jsxs89 } from "react/jsx-runtime";
 var { Text: Text51 } = Typography62;
@@ -32706,7 +32768,7 @@ ${pwdText}`.trim());
     {
       title: "Actions",
       key: "actions",
-      render: (_, r) => /* @__PURE__ */ jsx123(Dropdown4, { trigger: ["click"], menu: { items: [
+      render: (_, r) => /* @__PURE__ */ jsx123(Dropdown5, { trigger: ["click"], menu: { items: [
         {
           key: "copy",
           icon: /* @__PURE__ */ jsx123(CopyOutlined4, {}),
@@ -32737,7 +32799,7 @@ import {
   AppstoreOutlined,
   MoreOutlined as MoreOutlined4
 } from "@ant-design/icons";
-import { Dropdown as Dropdown5, Tooltip as Tooltip25 } from "antd";
+import { Dropdown as Dropdown6, Tooltip as Tooltip25 } from "antd";
 import { createStyles as createStyles37 } from "antd-style";
 import { useEffect as useEffect54, useMemo as useMemo34, useState as useState79 } from "react";
 import { Fragment as Fragment25, jsx as jsx124, jsxs as jsxs90 } from "react/jsx-runtime";
@@ -33061,7 +33123,7 @@ var SideAppViewBrowser = ({ region = "side" }) => {
       /* @__PURE__ */ jsxs90("div", { className: styles.actions, children: [
         items.length > 0 && /* @__PURE__ */ jsx124("div", { className: styles.tabCounter, children: items.length }),
         items.length > 1 && /* @__PURE__ */ jsx124(
-          Dropdown5,
+          Dropdown6,
           {
             menu: { items: dropdownItems },
             placement: "bottomRight",
@@ -33282,19 +33344,27 @@ var WorkspaceResourceManager = ({
   const [tenantModalOpen, setTenantModalOpen] = useState80(false);
   const [changePasswordOpen, setChangePasswordOpen] = useState80(false);
   const [fetchedCustomMenuItems, setFetchedCustomMenuItems] = useState80([]);
-  useEffect55(() => {
-    const fetchCustomMenu = async () => {
-      try {
-        const json = await get("/api/menu-items?menuTarget=workspace");
-        if (json.success && json.data?.records) {
-          const items = json.data.records.map(menuItemToSideMenuItemConfig);
-          setFetchedCustomMenuItems(items);
-        }
-      } catch {
+  const { unpin: unpinMenuItem } = usePinMenuActions();
+  const fetchCustomMenu = useCallback41(async () => {
+    try {
+      const json = await get("/api/menu-items?menuTarget=workspace");
+      if (json.success && json.data?.records) {
+        const items = json.data.records.map(menuItemToSideMenuItemConfig);
+        setFetchedCustomMenuItems(items);
       }
-    };
-    fetchCustomMenu();
+    } catch {
+    }
   }, [get]);
+  useEffect55(() => {
+    fetchCustomMenu();
+  }, [fetchCustomMenu]);
+  useEffect55(() => {
+    const handler = () => {
+      fetchCustomMenu();
+    };
+    window.addEventListener("menu:refresh", handler);
+    return () => window.removeEventListener("menu:refresh", handler);
+  }, [fetchCustomMenu]);
   useEffect55(() => {
     for (const item of fetchedCustomMenuItems) {
       regsiterElement(item.id, {
@@ -33311,6 +33381,31 @@ var WorkspaceResourceManager = ({
     const merged = fetchedCustomMenuItems.length > 0 ? mergeMenuItems(DEFAULT_WORKSPACE_MENU_ITEMS, fetchedCustomMenuItems) : [...DEFAULT_WORKSPACE_MENU_ITEMS];
     return merged;
   }, [config.workspaceMenuItems, fetchedCustomMenuItems]);
+  const getContextMenuItems = useCallback41(
+    (item) => {
+      if (!item.id.startsWith(CUSTOM_MENU_ID_PREFIX)) return null;
+      const parts = item.id.split(":");
+      const dbId = parts[parts.length - 1];
+      if (!dbId) return null;
+      return [
+        {
+          key: "unpin",
+          icon: React72.createElement(PinOff, { size: 14 }),
+          label: "Unpin from Menu",
+          onClick: async () => {
+            try {
+              await unpinMenuItem(dbId);
+              message22.success("Unpinned from menu");
+              window.dispatchEvent(new CustomEvent("menu:refresh"));
+            } catch (err) {
+              message22.error(err.message || "Failed to unpin");
+            }
+          }
+        }
+      ];
+    },
+    [unpinMenuItem]
+  );
   const handleItemClick = (item) => {
     if (item.type === "action" && item.builtin === "switch-tenant") {
       setTenantModalOpen(true);
@@ -33400,6 +33495,7 @@ var WorkspaceResourceManager = ({
               {
                 items: menuItems,
                 onItemClick: handleItemClick,
+                getContextMenuItems,
                 logo,
                 logoText: workspaceName || "Workspace",
                 showToggle: true,
@@ -33580,14 +33676,14 @@ var WorkspaceContextProvider = ({
       transport: "sse"
     }, tenantId);
   }, [config.baseURL, config.apiKey, tenantId, isAuthenticated]);
-  const resetSelectedWorkspace = useCallback41(() => {
+  const resetSelectedWorkspace = useCallback42(() => {
     setProjects([]);
     setWorkspaceId(null);
     sessionStorage.removeItem("workspaceId");
     setProjectId(defaultProjectId ?? null);
     sessionStorage.removeItem("projectId");
   }, [setProjects, setWorkspaceId, setProjectId, defaultProjectId]);
-  const resetWS = useCallback41(() => {
+  const resetWS = useCallback42(() => {
     setWorkspaces([]);
     resetSelectedWorkspace();
   }, [resetSelectedWorkspace, setWorkspaces]);
@@ -33595,7 +33691,7 @@ var WorkspaceContextProvider = ({
     resetWS();
     refreshWorkspaces();
   }, [tenantId]);
-  const refreshWorkspaces = useCallback41(async () => {
+  const refreshWorkspaces = useCallback42(async () => {
     setLoading(true);
     setError(null);
     try {
@@ -33607,7 +33703,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client]);
-  const refreshProjects = useCallback41(async (wsId) => {
+  const refreshProjects = useCallback42(async (wsId) => {
     const targetWorkspaceId = wsId || workspaceId;
     if (!targetWorkspaceId) {
       setProjects([]);
@@ -33657,7 +33753,7 @@ var WorkspaceContextProvider = ({
     }
     prevWorkspaceId.current = workspaceId;
   }, [workspaceId, refreshProjects]);
-  const createWorkspace = useCallback41(async (data) => {
+  const createWorkspace = useCallback42(async (data) => {
     setLoading(true);
     setError(null);
     try {
@@ -33672,7 +33768,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, refreshWorkspaces]);
-  const updateWorkspace = useCallback41(async (id, updates) => {
+  const updateWorkspace = useCallback42(async (id, updates) => {
     setLoading(true);
     setError(null);
     try {
@@ -33687,7 +33783,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, refreshWorkspaces]);
-  const deleteWorkspace = useCallback41(async (id) => {
+  const deleteWorkspace = useCallback42(async (id) => {
     setLoading(true);
     setError(null);
     try {
@@ -33704,7 +33800,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, workspaceId, refreshWorkspaces]);
-  const createProject = useCallback41(async (wsId, data) => {
+  const createProject = useCallback42(async (wsId, data) => {
     setLoading(true);
     setError(null);
     try {
@@ -33719,7 +33815,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, refreshProjects]);
-  const updateProject = useCallback41(async (wsId, id, updates) => {
+  const updateProject = useCallback42(async (wsId, id, updates) => {
     setLoading(true);
     setError(null);
     try {
@@ -33734,7 +33830,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, refreshProjects]);
-  const deleteProject = useCallback41(async (wsId, id) => {
+  const deleteProject = useCallback42(async (wsId, id) => {
     setLoading(true);
     setError(null);
     try {
@@ -33751,7 +33847,7 @@ var WorkspaceContextProvider = ({
       setLoading(false);
     }
   }, [client, projectId, refreshProjects]);
-  const listPath = useCallback41(
+  const listPath = useCallback42(
     async (path = "/", assistantId) => {
       if (!workspaceId || !projectId) {
         return [];
@@ -33770,7 +33866,7 @@ var WorkspaceContextProvider = ({
     },
     [client, workspaceId, projectId]
   );
-  const listPathByFolder = useCallback41(
+  const listPathByFolder = useCallback42(
     async (folder, assistantId) => {
       let normalizedPath = folder;
       if (normalizedPath.startsWith("~/")) {
@@ -33783,7 +33879,7 @@ var WorkspaceContextProvider = ({
     },
     [listPath]
   );
-  const uploadFile = useCallback41(
+  const uploadFile = useCallback42(
     async (path, file, assistantId) => {
       if (!workspaceId || !projectId) {
         throw new Error("Workspace and project must be selected before uploading files");
@@ -33803,7 +33899,7 @@ var WorkspaceContextProvider = ({
     },
     [client, workspaceId, projectId]
   );
-  const uploadFileToFolder = useCallback41(
+  const uploadFileToFolder = useCallback42(
     async (folder, file, assistantId) => {
       let normalizedFolder = folder;
       if (normalizedFolder.startsWith("~/")) {
@@ -33813,7 +33909,7 @@ var WorkspaceContextProvider = ({
     },
     [uploadFile]
   );
-  const getFileViewUrl = useCallback41(
+  const getFileViewUrl = useCallback42(
     (filePath, assistantId) => {
       if (!workspaceId || !projectId) {
         return "";
@@ -33822,7 +33918,7 @@ var WorkspaceContextProvider = ({
     },
     [client, workspaceId, projectId]
   );
-  const shareFile = useCallback41(
+  const shareFile = useCallback42(
     async (filePath, assistantId, options) => {
       if (!workspaceId || !projectId) {
         throw new Error("Workspace and project must be selected");
@@ -33835,13 +33931,13 @@ var WorkspaceContextProvider = ({
     },
     [client, workspaceId, projectId]
   );
-  const listShares = useCallback41(
+  const listShares = useCallback42(
     async () => {
       return client.resources.listShares();
     },
     [client]
   );
-  const unshareFile = useCallback41(
+  const unshareFile = useCallback42(
     async (token) => {
       await client.resources.unshare(token);
     },
@@ -33894,6 +33990,122 @@ var WorkspaceContextProvider = ({
 
 // src/components/Chat/PinToMenuButton.tsx
 import { Fragment as Fragment26, jsx as jsx127, jsxs as jsxs92 } from "react/jsx-runtime";
+function buildPinContentConfig(params) {
+  const { contentType, assistantId, contentConfig, workspaceId, projectId } = params;
+  if (contentType === "agent") {
+    return {
+      agentId: assistantId,
+      workspaceId: workspaceId || void 0,
+      projectId: projectId || void 0
+    };
+  }
+  return {
+    ...contentConfig,
+    workspaceId: workspaceId || void 0,
+    projectId: projectId || void 0
+  };
+}
+async function checkPinStatus(get, params, enableCustomMenu) {
+  const { contentType, assistantId, contentConfig, isMatch } = params;
+  const hasTarget = contentType === "agent" ? !!assistantId : !!contentConfig;
+  if (!hasTarget || !enableCustomMenu) {
+    return { isPinned: false, pinnedId: null };
+  }
+  const json = await get("/api/menu-items?menuTarget=workspace");
+  if (json.success && json.data?.records) {
+    const matchFn = isMatch ?? ((cfg) => contentType === "agent" && cfg.agentId === assistantId);
+    const pinned = json.data.records.find(
+      (item) => item.contentType === contentType && matchFn(item.contentConfig)
+    );
+    if (pinned) {
+      return { isPinned: true, pinnedId: pinned.id };
+    }
+  }
+  return { isPinned: false, pinnedId: null };
+}
+async function pinItem(post, params) {
+  const { contentType, name, group } = params;
+  const contentConfig = buildPinContentConfig(params);
+  const body = {
+    menuTarget: "workspace",
+    contentType,
+    contentConfig,
+    group: group?.trim() || void 0,
+    name: name.trim(),
+    sortOrder: 0
+  };
+  const json = await post(
+    "/api/menu-items",
+    body
+  );
+  if (!json.success) {
+    throw new Error(json.message || "Failed to pin");
+  }
+  return { id: json.data.id };
+}
+async function unpinItem(del, pinnedId) {
+  const json = await del(`/api/menu-items/${pinnedId}`);
+  if (!json.success) {
+    throw new Error(json.message || "Failed to unpin");
+  }
+}
+function usePinMenuActions() {
+  const workspaceCtx = React74.useContext(WorkspaceContext);
+  const { config } = useLatticeChatShellContext();
+  const { post, get, del } = useApi();
+  const enableCustomMenu = config.enableCustomMenu ?? false;
+  const check = useCallback43(
+    async (params) => checkPinStatus(get, params, enableCustomMenu),
+    [get, enableCustomMenu]
+  );
+  const pin = useCallback43(
+    async (params) => pinItem(post, {
+      ...params,
+      workspaceId: workspaceCtx?.workspaceId,
+      projectId: workspaceCtx?.projectId
+    }),
+    [post, workspaceCtx]
+  );
+  const unpin = useCallback43(
+    async (pinnedId) => unpinItem(del, pinnedId),
+    [del]
+  );
+  return { check, pin, unpin, enableCustomMenu, get };
+}
+function extractGroups(items) {
+  const groups = /* @__PURE__ */ new Set();
+  for (const item of items) {
+    if (item.group?.trim()) {
+      groups.add(item.group.trim());
+    }
+  }
+  return Array.from(groups).sort();
+}
+function useMenuGroups() {
+  const { config } = useLatticeChatShellContext();
+  const defaultGroups = React74.useMemo(() => extractGroups(DEFAULT_WORKSPACE_MENU_ITEMS), []);
+  const configGroups = React74.useMemo(
+    () => extractGroups(config.workspaceMenuItems ?? []),
+    [config.workspaceMenuItems]
+  );
+  return React74.useMemo(
+    () => Array.from(/* @__PURE__ */ new Set([...defaultGroups, ...configGroups])).sort(),
+    [defaultGroups, configGroups]
+  );
+}
+async function fetchExistingGroups(get) {
+  const json = await get("/api/menu-items?menuTarget=workspace");
+  if (json.success && json.data?.records) {
+    const groups = /* @__PURE__ */ new Set();
+    for (const item of json.data.records) {
+      if (item.group?.trim()) {
+        groups.add(item.group.trim());
+      }
+    }
+    return Array.from(groups).sort();
+  }
+  return [];
+}
 var MODAL_BODY_STYLE = {
   display: "flex",
   flexDirection: "column",
@@ -33908,9 +34120,7 @@ var PinToMenuButton = ({
   label,
   block
 }) => {
-  const workspaceCtx = React74.useContext(WorkspaceContext);
-  const { config } = useLatticeChatShellContext();
-  const { post, get, del } = useApi();
+  const { check, pin, unpin, enableCustomMenu, get } = usePinMenuActions();
   const [open, setOpen] = useState82(false);
   const [group, setGroup] = useState82("");
   const [name, setName] = useState82("");
@@ -33918,77 +34128,61 @@ var PinToMenuButton = ({
   const [isPinned, setIsPinned] = useState82(false);
   const [pinnedItemId, setPinnedItemId] = useState82(null);
   const [checking, setChecking] = useState82(true);
+  const staticGroups = useMenuGroups();
+  const [existingGroups, setExistingGroups] = useState82(staticGroups);
+  useEffect57(() => {
+    setExistingGroups(staticGroups);
+  }, [staticGroups]);
+  useEffect57(() => {
+    if (open) {
+      fetchExistingGroups(get).then((apiGroups) => {
+        setExistingGroups(Array.from(/* @__PURE__ */ new Set([...staticGroups, ...apiGroups])).sort());
+      });
+    }
+  }, [open]);
   const hasTarget = contentType === "agent" ? !!assistantId : !!externalContentConfig;
-  const checkPinned = useCallback42(async () => {
-    if (!hasTarget || !config.enableCustomMenu) {
+  const checkPinned = useCallback43(async () => {
+    if (!hasTarget || !enableCustomMenu) {
       setChecking(false);
       return;
     }
     setChecking(true);
     try {
-      const json = await get(
-        "/api/menu-items?menuTarget=workspace"
-      );
-      if (json.success && json.data?.records) {
-        const matchFn = isMatch ?? ((cfg) => {
-          return contentType === "agent" && cfg.agentId === assistantId;
-        });
-        const pinned = json.data.records.find(
-          (item) => item.contentType === contentType && matchFn(item.contentConfig)
-        );
-        if (pinned) {
-          setIsPinned(true);
-          setPinnedItemId(pinned.id);
-        } else {
-          setIsPinned(false);
-          setPinnedItemId(null);
-        }
-      }
+      const result = await check({ contentType, assistantId, contentConfig: externalContentConfig, isMatch });
+      setIsPinned(result.isPinned);
+      setPinnedItemId(result.pinnedId);
     } catch {
     } finally {
       setChecking(false);
     }
-  }, [hasTarget, config.enableCustomMenu, get, contentType, assistantId, isMatch]);
+  }, [hasTarget, enableCustomMenu, check, contentType, assistantId, externalContentConfig, isMatch]);
   useEffect57(() => {
     checkPinned();
   }, [checkPinned]);
-  if (!hasTarget || !config.enableCustomMenu) return null;
+  if (!hasTarget || !enableCustomMenu) return null;
   const handlePin = async () => {
     if (!name.trim()) {
-      message22.warning("Please enter a menu name");
+      message23.warning("Please enter a menu name");
       return;
     }
     setLoading(true);
     try {
-      const contentConfig = contentType === "agent" ? {
-        agentId: assistantId,
-        workspaceId: workspaceCtx?.workspaceId || void 0,
-        projectId: workspaceCtx?.projectId || void 0
-      } : {
-        ...externalContentConfig,
-        workspaceId: workspaceCtx?.workspaceId || void 0,
-        projectId: workspaceCtx?.projectId || void 0
-      };
-      const body = {
-        menuTarget: "workspace",
+      await pin({
         contentType,
-        contentConfig,
-        group: group.trim() || void 0,
+        assistantId,
+        contentConfig: externalContentConfig,
+        isMatch,
         name: name.trim(),
-        sortOrder: 0
-      };
-      const json = await post("/api/menu-items", body);
-      if (json.success) {
-        message22.success("Pinned to menu");
-        setOpen(false);
-        setGroup("");
-        setName("");
-        checkPinned();
-      } else {
-        message22.error(json.message || "Failed to pin");
-      }
-    } catch {
-      message22.error("Failed to pin to menu");
+        group: group.trim() || void 0
+      });
+      message23.success("Pinned to menu");
+      window.dispatchEvent(new CustomEvent("menu:refresh"));
+      setOpen(false);
+      setGroup("");
+      setName("");
+      checkPinned();
+    } catch (err) {
+      message23.error(err.message || "Failed to pin to menu");
     } finally {
       setLoading(false);
     }
@@ -33997,16 +34191,13 @@ var PinToMenuButton = ({
     if (!pinnedItemId) return;
     setLoading(true);
     try {
-      const json = await del(`/api/menu-items/${pinnedItemId}`);
-      if (json.success) {
-        message22.success("Unpinned from menu");
-        setIsPinned(false);
-        setPinnedItemId(null);
-      } else {
-        message22.error(json.message || "Failed to unpin");
-      }
-    } catch {
-      message22.error("Failed to unpin from menu");
+      await unpin(pinnedItemId);
+      message23.success("Unpinned from menu");
+      window.dispatchEvent(new CustomEvent("menu:refresh"));
+      setIsPinned(false);
+      setPinnedItemId(null);
+    } catch (err) {
+      message23.error(err.message || "Failed to unpin from menu");
     } finally {
       setLoading(false);
     }
@@ -34060,11 +34251,13 @@ var PinToMenuButton = ({
             }
           ),
           /* @__PURE__ */ jsx127(
-            Input19,
+            AutoComplete,
             {
-              placeholder: "Group (optional, e.g. Process)",
+              placeholder: "Group (optional, select or type new)",
               value: group,
-              onChange: (e) => setGroup(e.target.value)
+              options: existingGroups.map((g) => ({ value: g })),
+              onChange: (val) => setGroup(val),
+              filterOption: (inputValue, option) => option?.value?.toUpperCase().includes(inputValue.toUpperCase()) ?? false
             }
           )
         ] })
@@ -34077,8 +34270,8 @@ var PinToMenuButton = ({
 import { createStyles as createStyles40 } from "antd-style";
 
 // src/components/Chat/ProjectSelector.tsx
-import { useState as useState83, useCallback as useCallback43, useMemo as useMemo36, useRef as useRef31 } from "react";
-import { Modal as Modal25, Input as Input20, Button as Button61, message as message23 } from "antd";
+import { useState as useState83, useCallback as useCallback44, useMemo as useMemo36, useRef as useRef31 } from "react";
+import { Modal as Modal25, Input as Input20, Button as Button61, message as message24 } from "antd";
 import { createStyles as createStyles38 } from "antd-style";
 import { Folder, ChevronDown as ChevronDown6, Building2 as Building24 } from "lucide-react";
 import { Fragment as Fragment27, jsx as jsx128, jsxs as jsxs93 } from "react/jsx-runtime";
@@ -34327,20 +34520,20 @@ var ProjectSelector = ({
   const currentWorkspace = useMemo36(() => {
     return workspaces.find((w) => w.id === workspaceId);
   }, [workspaces, workspaceId]);
-  const handleSelectProject = useCallback43((selectedProjectId) => {
+  const handleSelectProject = useCallback44((selectedProjectId) => {
     setProject(selectedProjectId);
     setIsProjectListOpen(false);
   }, [setProject]);
-  const handleWorkspaceClick = useCallback43(() => {
+  const handleWorkspaceClick = useCallback44(() => {
     setProject(null);
   }, [setProject]);
-  const toggleProjectList = useCallback43(() => {
+  const toggleProjectList = useCallback44(() => {
     setIsProjectListOpen((prev) => !prev);
   }, []);
-  const toggleWorkspaceList = useCallback43(() => {
+  const toggleWorkspaceList = useCallback44(() => {
     setIsWorkspaceListOpen((prev) => !prev);
   }, []);
-  const validateProjectName = useCallback43((name) => {
+  const validateProjectName = useCallback44((name) => {
     const trimmed = name.trim();
     if (!trimmed) return "Project name is required";
     if (trimmed.length > PROJECT_NAME_MAX_LENGTH) {
@@ -34348,10 +34541,10 @@ var ProjectSelector = ({
     }
     return null;
   }, []);
-  const handleOpenModal = useCallback43((e) => {
+  const handleOpenModal = useCallback44((e) => {
     e.stopPropagation();
     if (!workspaceId) {
-      message23.warning("Please select a workspace first");
+      message24.warning("Please select a workspace first");
       return;
     }
     setProjectName("");
@@ -34359,7 +34552,7 @@ var ProjectSelector = ({
     setIsModalOpen(true);
     setTimeout(() => projectNameInputRef.current?.input?.focus(), 100);
   }, [workspaceId]);
-  const handleCloseModal = useCallback43(() => {
+  const handleCloseModal = useCallback44(() => {
     setIsModalOpen(false);
     setProjectName("");
     setValidationError(null);
@@ -34369,7 +34562,7 @@ var ProjectSelector = ({
     setProjectName(value);
     setValidationError(validateProjectName(value));
   };
-  const handleCreateProject = useCallback43(async () => {
+  const handleCreateProject = useCallback44(async () => {
     if (!workspaceId) return;
     const trimmed = projectName.trim();
     const error = validateProjectName(trimmed);
@@ -34385,7 +34578,7 @@ var ProjectSelector = ({
       setProjectName("");
       setValidationError(null);
       setProject(project.id);
-      message23.success(`Project "${project.name}" created`);
+      message24.success(`Project "${project.name}" created`);
     } catch (err) {
       const errMsg = err instanceof Error ? err.message : "Failed to create project";
       setValidationError(errMsg);
@@ -34488,13 +34681,13 @@ var ProjectSelector = ({
 };
 
 // src/components/Chat/ToolPanelFiles.tsx
-import { useCallback as useCallback44, useEffect as useEffect58, useMemo as useMemo37, useState as useState85 } from "react";
-import { message as message24 } from "antd";
+import { useCallback as useCallback46, useEffect as useEffect59, useMemo as useMemo37, useState as useState85 } from "react";
+import { message as message26 } from "antd";
 
 // src/components/Chat/FileDirectoryPanel.tsx
-import React76, { useState as useState84 } from "react";
-import { Spin as Spin23, Dropdown as Dropdown6, Button as Button62 } from "antd";
-import { ChevronRight as ChevronRight8, FolderOpen as FolderOpen4, Upload } from "lucide-react";
+import React76, { useState as useState84, useCallback as useCallback45, useEffect as useEffect58 } from "react";
+import { Spin as Spin23, Dropdown as Dropdown7, Button as Button62, Input as Input21, Modal as Modal26, AutoComplete as AutoComplete2, message as message25 } from "antd";
+import { ChevronRight as ChevronRight8, FolderOpen as FolderOpen4, Upload, Pin as Pin2 } from "lucide-react";
 import { createStyles as createStyles39 } from "antd-style";
 import { MoreOutlined as MoreOutlined5, LinkOutlined as LinkOutlined5, DownloadOutlined as DownloadOutlined4, EyeOutlined } from "@ant-design/icons";
 import { Fragment as Fragment28, jsx as jsx129, jsxs as jsxs94 } from "react/jsx-runtime";
@@ -34711,6 +34904,11 @@ var getFileName = (path) => {
   return parts[parts.length - 1];
 };
 var getEntryName = (entry) => getFileName(entry.name || entry.path);
+var MODAL_BODY_STYLE2 = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 12
+};
 var FileDirectoryPanel = ({
   workspaceId,
   projectId,
@@ -34730,6 +34928,116 @@ var FileDirectoryPanel = ({
   const { currentAssistant } = useAssistantContext();
   const { getFileViewUrl } = useWorkspaceContext();
   const [sharePath, setSharePath] = useState84(null);
+  const { check: checkPin, pin: doPin, unpin: doUnpin, enableCustomMenu, get } = usePinMenuActions();
+  const staticGroups = useMenuGroups();
+  const [existingGroups, setExistingGroups] = useState84(staticGroups);
+  useEffect58(() => {
+    setExistingGroups(staticGroups);
+  }, [staticGroups]);
+  const [pinStates, setPinStates] = useState84({});
+  const [pinModalPath, setPinModalPath] = useState84(null);
+  const [pinName, setPinName] = useState84("");
+  const [pinGroup, setPinGroup] = useState84("");
+  const [pinLoading, setPinLoading] = useState84(false);
+  useEffect58(() => {
+    if (pinModalPath) {
+      fetchExistingGroups(get).then((apiGroups) => {
+        setExistingGroups(Array.from(/* @__PURE__ */ new Set([...staticGroups, ...apiGroups])).sort());
+      });
+    }
+  }, [pinModalPath]);
+  const handleDropdownOpen = useCallback45(
+    (filePath, open) => {
+      if (!open || !enableCustomMenu) return;
+      setPinStates((prev) => {
+        if (prev[filePath]) return prev;
+        return {
+          ...prev,
+          [filePath]: { isPinned: false, pinnedId: null, loading: true }
+        };
+      });
+      const params = {
+        contentType: "file",
+        contentConfig: {
+          resourcePath: filePath,
+          assistantId: currentAssistant?.id || "",
+          fileName: filePath.split("/").pop() || filePath
+        },
+        isMatch: (cfg) => cfg.resourcePath === filePath
+      };
+      checkPin(params).then((result) => {
+        setPinStates((prev) => ({
+          ...prev,
+          [filePath]: { ...result, loading: false }
+        }));
+      }).catch(() => {
+        setPinStates((prev) => ({
+          ...prev,
+          [filePath]: { isPinned: false, pinnedId: null, loading: false }
+        }));
+      });
+    },
+    [enableCustomMenu, checkPin, currentAssistant?.id]
+  );
+  const handlePinSubmit = async () => {
+    if (!pinModalPath || !pinName.trim()) {
+      message25.warning("Please enter a menu name");
+      return;
+    }
+    setPinLoading(true);
+    try {
+      const fileName = pinModalPath.split("/").pop() || pinModalPath;
+      await doPin({
+        contentType: "file",
+        name: pinName.trim(),
+        group: pinGroup.trim() || void 0,
+        contentConfig: {
+          resourcePath: pinModalPath,
+          assistantId: currentAssistant?.id || "",
+          fileName
+        },
+        isMatch: (cfg) => cfg.resourcePath === pinModalPath
+      });
+      message25.success("Pinned to menu");
+      window.dispatchEvent(new CustomEvent("menu:refresh"));
+      setPinModalPath(null);
+      setPinName("");
+      setPinGroup("");
+      setPinStates((prev) => {
+        const copy = { ...prev };
+        delete copy[pinModalPath];
+        return copy;
+      });
+    } catch (err) {
+      message25.error(err.message || "Failed to pin");
+    } finally {
+      setPinLoading(false);
+    }
+  };
+  const handleUnpin = useCallback45(
+    async (filePath, pinnedId) => {
+      setPinStates((prev) => ({
+        ...prev,
+        [filePath]: { ...prev[filePath], loading: true }
+      }));
+      try {
+        await doUnpin(pinnedId);
+        message25.success("Unpinned from menu");
+        window.dispatchEvent(new CustomEvent("menu:refresh"));
+        setPinStates((prev) => ({
+          ...prev,
+          [filePath]: { isPinned: false, pinnedId: null, loading: false }
+        }));
+      } catch (err) {
+        message25.error(err.message || "Failed to unpin");
+        setPinStates((prev) => ({
+          ...prev,
+          [filePath]: { ...prev[filePath], loading: false }
+        }));
+      }
+    },
+    [doUnpin]
+  );
   const renderEntry = React76.useCallback((entry, depth) => {
     const entryName = getEntryName(entry);
     if (entry.is_dir) {
@@ -34788,23 +35096,34 @@ var FileDirectoryPanel = ({
         }
       ),
       /* @__PURE__ */ jsx129(
-        PinToMenuButton,
-        {
-          contentType: "file",
-          contentConfig: {
-            resourcePath: entry.path,
-            assistantId: currentAssistant?.id || "",
-            fileName: entry.path.split("/").pop() || entry.path
-          },
-          isMatch: (cfg) => cfg.resourcePath === entry.path
-        }
-      ),
-      /* @__PURE__ */ jsx129(
-        Dropdown6,
+        Dropdown7,
         {
           trigger: ["click"],
+          onOpenChange: (open) => handleDropdownOpen(entry.path, open),
           menu: {
             items: [
+              ...enableCustomMenu ? pinStates[entry.path]?.isPinned ? [
+                {
+                  key: "unpin",
+                  icon: /* @__PURE__ */ jsx129(Pin2, { size: 14 }),
+                  label: "Unpin from Menu",
+                  onClick: () => {
+                    const state = pinStates[entry.path];
+                    if (state?.pinnedId) handleUnpin(entry.path, state.pinnedId);
+                  }
+                }
+              ] : [
+                {
+                  key: "pin",
+                  icon: /* @__PURE__ */ jsx129(Pin2, { size: 14 }),
+                  label: "Pin to Menu",
+                  onClick: () => {
+                    setPinModalPath(entry.path);
+                    setPinName("");
+                    setPinGroup("");
+                  }
+                }
+              ] : [],
               {
                 key: "preview",
                 icon: /* @__PURE__ */ jsx129(EyeOutlined, {}),
@@ -34842,7 +35161,7 @@ var FileDirectoryPanel = ({
         }
       )
     ] }, entry.path);
-  }, [directoryChildren, directoryExpanded, directoryLoading, onAssetClick, onToggleDirectory, styles, getFileViewUrl, currentAssistant?.id]);
+  }, [directoryChildren, directoryExpanded, directoryLoading, onAssetClick, onToggleDirectory, styles, getFileViewUrl, currentAssistant?.id, enableCustomMenu, pinStates, handleDropdownOpen, handleUnpin]);
   if (!projectId) {
     return /* @__PURE__ */ jsx129("div", { className: styles.emptyState, children: "Please select a project to browse files" });
   }
@@ -34899,6 +35218,37 @@ var FileDirectoryPanel = ({
         fileName: sharePath.split("/").pop(),
         onClose: () => setSharePath(null)
       }
+    ),
+    /* @__PURE__ */ jsx129(
+      Modal26,
+      {
+        title: "Pin to Menu",
+        open: !!pinModalPath,
+        onOk: handlePinSubmit,
+        onCancel: () => setPinModalPath(null),
+        confirmLoading: pinLoading,
+        okText: "Pin",
+        children: /* @__PURE__ */ jsxs94("div", { style: MODAL_BODY_STYLE2, children: [
+          /* @__PURE__ */ jsx129(
+            Input21,
+            {
+              placeholder: "Menu name (required)",
+              value: pinName,
+              onChange: (e) => setPinName(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsx129(
+            AutoComplete2,
+            {
+              placeholder: "Group (optional, select or type new)",
+              value: pinGroup,
+              options: existingGroups.map((g) => ({ value: g })),
+              onChange: (val) => setPinGroup(val),
+              filterOption: (inputValue, option) => option?.value?.toUpperCase().includes(inputValue.toUpperCase()) ?? false
+            }
+          )
+        ] })
+      }
     )
   ] });
 };
@@ -34926,7 +35276,7 @@ var ToolPanelFiles = () => {
   const resourceFolders = useMemo37(() => {
     return config.resourceFolders && config.resourceFolders.length > 0 ? config.resourceFolders : [{ name: "/", displayName: "Project Assets", allowUpload: true }];
   }, [config.resourceFolders]);
-  const loadAssetsForFolder = useCallback44(
+  const loadAssetsForFolder = useCallback46(
     async (folder, clearSubdirectoryCache = true) => {
       if (!workspaceId || !projectId) {
         setFolderEntries((prev) => ({ ...prev, [folder.name]: [] }));
@@ -34966,7 +35316,7 @@ var ToolPanelFiles = () => {
     },
     [workspaceId, projectId, listPathByFolder, currentAssistant?.id]
   );
-  const handleToggleDirectory = useCallback44(async (path) => {
+  const handleToggleDirectory = useCallback46(async (path) => {
     const isExpanded = directoryExpanded[path] || false;
     if (isExpanded) {
       setDirectoryExpanded((prev) => ({ ...prev, [path]: false }));
@@ -34984,15 +35334,15 @@ var ToolPanelFiles = () => {
       setDirectoryLoading((prev) => ({ ...prev, [path]: false }));
     }
   }, [directoryExpanded, listPath, currentAssistant?.id]);
-  useEffect58(() => {
+  useEffect59(() => {
     resourceFolders.forEach((folder) => {
       void loadAssetsForFolder(folder, false);
     });
   }, [resourceFolders, loadAssetsForFolder]);
-  const handleAssetClick = useCallback44((asset) => {
+  const handleAssetClick = useCallback46((asset) => {
     const fileUrl = getFileViewUrl(asset.path, currentAssistant?.id);
     if (!fileUrl) {
-      message24.warning("Please select a workspace and project first.");
+      message26.warning("Please select a workspace and project first.");
       return;
     }
     openSideApp({
@@ -35005,9 +35355,9 @@ var ToolPanelFiles = () => {
       message: `Preview: ${asset.name || asset.path}`
     });
   }, [getFileViewUrl, openSideApp, currentAssistant?.id]);
-  const handleUploadFolder = useCallback44(async (folderName) => {
+  const handleUploadFolder = useCallback46(async (folderName) => {
     if (!workspaceId || !projectId) {
-      message24.warning("Please select a workspace and project before uploading.");
+      message26.warning("Please select a workspace and project before uploading.");
       return;
     }
     const input = document.createElement("input");
@@ -35021,14 +35371,14 @@ var ToolPanelFiles = () => {
       setUploadingFolder(folderName);
       try {
         await uploadFileToFolder(folderName, file, currentAssistant?.id);
-        message24.success(`Uploaded "${file.name}" successfully`);
+        message26.success(`Uploaded "${file.name}" successfully`);
         const folder = resourceFolders.find((item) => item.name === folderName);
         if (folder) {
           await loadAssetsForFolder(folder);
         }
       } catch (error) {
         const errMsg = error instanceof Error ? error.message : "Failed to upload file";
-        message24.error(errMsg);
+        message26.error(errMsg);
       } finally {
         setUploadingFolder(null);
         input.remove();
@@ -35131,7 +35481,7 @@ var LatticeChat = (props) => {
 import { useContext as useContext12 } from "react";
 
 // src/components/Chat/ChatSidebar.tsx
-import { useState as useState86, useMemo as useMemo38, useCallback as useCallback46 } from "react";
+import { useState as useState86, useMemo as useMemo38, useCallback as useCallback48 } from "react";
 import { Drawer as Drawer3, Avatar as Avatar13, Popover as Popover4, Button as Button63 } from "antd";
 import {
   History as History2,
@@ -35142,10 +35492,10 @@ import {
 } from "lucide-react";
 
 // src/components/Chat/ThreadHistoryMenuContent.tsx
-import React78, { useCallback as useCallback45 } from "react";
+import React78, { useCallback as useCallback47 } from "react";
 import { createStyles as createStyles41 } from "antd-style";
 import { MessageSquare as MessageSquare4, Trash2 as Trash210 } from "lucide-react";
-import { message as message25, Modal as Modal26 } from "antd";
+import { message as message27, Modal as Modal27 } from "antd";
 import { jsx as jsx132, jsxs as jsxs96 } from "react/jsx-runtime";
 var useStyles24 = createStyles41(({ token, css }) => ({
   container: css`
@@ -35256,10 +35606,10 @@ var ThreadHistoryMenuContent = () => {
     deleteThread,
     isLoading
   } = useConversationContext();
-  const handleDeleteThread = useCallback45(
+  const handleDeleteThread = useCallback47(
     async (e, threadIdToDelete) => {
       e.stopPropagation();
-      Modal26.confirm({
+      Modal27.confirm({
         title: "Delete Conversation",
         content: "Are you sure you want to delete this conversation? This action cannot be undone.",
         okText: "Delete",
@@ -35268,9 +35618,9 @@ var ThreadHistoryMenuContent = () => {
         onOk: async () => {
           try {
             await deleteThread(threadIdToDelete);
-            message25.success("Conversation deleted");
+            message27.success("Conversation deleted");
           } catch (error) {
-            message25.error("Failed to delete conversation");
+            message27.error("Failed to delete conversation");
           }
         }
       });
@@ -35383,7 +35733,7 @@ var ChatSidebar = ({
     const items = customMenuItems.length > 0 ? [...customMenuItems] : [...DEFAULT_MENU_ITEMS];
     return items.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
   }, [customMenuItems]);
-  const handleMenuClick = useCallback46(async (item) => {
+  const handleMenuClick = useCallback48(async (item) => {
     if (item.builtin === "settings") {
       setSettingsModalOpen(true);
       onSettingsClick?.();
@@ -35406,17 +35756,17 @@ var ChatSidebar = ({
       }
     }
   }, [onSettingsClick, setSettingsModalOpen, createThread, logout]);
-  const handleCloseDrawer = useCallback46((itemId) => {
+  const handleCloseDrawer = useCallback48((itemId) => {
     setDrawerStates((prev) => ({ ...prev, [itemId]: false }));
   }, []);
-  const handleNewAnalysis = useCallback46(async () => {
+  const handleNewAnalysis = useCallback48(async () => {
     try {
       await createThread("New Analysis");
     } catch (error) {
       console.error("Failed to create new thread:", error);
     }
   }, [createThread]);
-  const renderDrawerContent = useCallback46((item) => {
+  const renderDrawerContent = useCallback48((item) => {
     switch (item.builtin) {
       case "thread-history":
         return /* @__PURE__ */ jsx133(ThreadHistoryMenuContent, {});
@@ -35629,12 +35979,12 @@ var LatticeChatView = (props) => {
 };
 
 // src/components/Chat/SettingsModal.tsx
-import { useState as useState87, useEffect as useEffect59, useRef as useRef32 } from "react";
+import { useState as useState87, useEffect as useEffect60, useRef as useRef32 } from "react";
 import {
-  Modal as Modal27,
-  Input as Input21,
+  Modal as Modal28,
+  Input as Input22,
   Button as Button64,
-  message as message26,
+  message as message28,
   notification as notification5,
   Typography as Typography63,
   Alert as Alert9,
@@ -35658,7 +36008,7 @@ import {
 import { createStyles as createStyles42 } from "antd-style";
 import { Fragment as Fragment31, jsx as jsx135, jsxs as jsxs98 } from "react/jsx-runtime";
 var { Text: Text52, Title: Title18 } = Typography63;
-var { TextArea: TextArea9 } = Input21;
+var { TextArea: TextArea9 } = Input22;
 var useStyles25 = createStyles42(({ token, css }) => ({
   //   settingsModal: css`
   //     .ant-modal {
@@ -36043,7 +36393,7 @@ var SettingsModal = ({
   });
   const [serverConfigs, setServerConfigs] = useState87({});
   const connectionsRef = useRef32(connections);
-  useEffect59(() => {
+  useEffect60(() => {
     connectionsRef.current = connections;
   }, [connections]);
   const [activeTabKey, setActiveTabKey] = useState87(
@@ -36194,7 +36544,7 @@ var SettingsModal = ({
       }
     } catch (error) {
       console.error("Failed to load configuration:", error);
-      message26.error("Failed to load current configuration");
+      message28.error("Failed to load current configuration");
     }
   };
   const loadModelsConfig = async (serverId) => {
@@ -36245,7 +36595,7 @@ var SettingsModal = ({
       console.error("Failed to load models configuration:", error);
     }
   };
-  useEffect59(() => {
+  useEffect60(() => {
     if (open && activeTabKey) {
       initializeServerConfig(activeTabKey);
       const connection = connections.find((c) => c.id === activeTabKey);
@@ -36254,7 +36604,7 @@ var SettingsModal = ({
       }
     }
   }, [open, activeTabKey]);
-  useEffect59(() => {
+  useEffect60(() => {
     if (open && activeTabKey) {
       const connection = connections.find((c) => c.id === activeTabKey);
       if (connection?.connected) {
@@ -36268,7 +36618,7 @@ var SettingsModal = ({
   }, [open, activeTabKey, activeMenu]);
   const handleAddServer = async () => {
     if (!newServerUrl.trim()) {
-      message26.error("Please enter a server URL");
+      message28.error("Please enter a server URL");
       return;
     }
     let normalizedUrl = newServerUrl.trim();
@@ -36331,12 +36681,12 @@ var SettingsModal = ({
   const handleSave = async () => {
     const connection = connections.find((c) => c.id === activeTabKey);
     if (!connection || !connection.connected) {
-      message26.error("Please connect to a server first");
+      message28.error("Please connect to a server first");
       return;
     }
     const url = connection.url;
     if (!url) {
-      message26.error("Please connect to a server first");
+      message28.error("Please connect to a server first");
       return;
     }
     try {
@@ -36400,7 +36750,7 @@ var SettingsModal = ({
         const data = await response.json();
         if (response.ok && data.success) {
           if (data.requiresRestart && data.requiresRestart.length > 0) {
-            message26.warning(
+            message28.warning(
               `Configuration saved. Please restart the server for ${data.requiresRestart.join(
                 ", "
               )} to take effect.`,
@@ -36414,12 +36764,12 @@ var SettingsModal = ({
           }
           if (data.warnings && data.warnings.length > 0) {
             data.warnings.forEach((warning) => {
-              message26.warning(warning, 5);
+              message28.warning(warning, 5);
             });
           }
           onClose();
         } else {
-          message26.error(data.error || "Failed to save configuration");
+          message28.error(data.error || "Failed to save configuration");
         }
       } else if (activeMenu === "models") {
         const validModels = config.models.filter(
@@ -36444,12 +36794,12 @@ var SettingsModal = ({
           });
           onClose();
         } else {
-          message26.error(data.error || "Failed to save model configuration");
+          message28.error(data.error || "Failed to save model configuration");
         }
       }
     } catch (error) {
       console.error("Failed to save configuration:", error);
-      message26.error(error.message || "Failed to save configuration");
+      message28.error(error.message || "Failed to save configuration");
     } finally {
       setLoading(false);
     }
@@ -36624,7 +36974,7 @@ QUEUE_NAME=tasks`,
           /* @__PURE__ */ jsxs98("div", { children: [
             /* @__PURE__ */ jsx135(Text52, { className: styles.formLabel, children: "Key *" }),
             /* @__PURE__ */ jsx135(
-              Input21,
+              Input22,
               {
                 placeholder: "e.g., default, gpt-4, claude",
                 value: model.key,
@@ -36655,7 +37005,7 @@ QUEUE_NAME=tasks`,
           /* @__PURE__ */ jsxs98("div", { children: [
             /* @__PURE__ */ jsx135(Text52, { className: styles.formLabel, children: "Model Name *" }),
             /* @__PURE__ */ jsx135(
-              Input21,
+              Input22,
               {
                 placeholder: "e.g., gpt-4, claude-3-opus, kimi-k2-250905",
                 value: model.model,
@@ -36667,7 +37017,7 @@ QUEUE_NAME=tasks`,
           /* @__PURE__ */ jsxs98("div", { children: [
             /* @__PURE__ */ jsx135(Text52, { className: styles.formLabel, children: "API Key" }),
             /* @__PURE__ */ jsx135(
-              Input21.Password,
+              Input22.Password,
               {
                 placeholder: "Enter your API key",
                 value: model.apiKey,
@@ -36680,7 +37030,7 @@ QUEUE_NAME=tasks`,
           /* @__PURE__ */ jsxs98("div", { children: [
             /* @__PURE__ */ jsx135(Text52, { className: styles.formLabel, children: "Base URL" }),
             /* @__PURE__ */ jsx135(
-              Input21,
+              Input22,
               {
                 placeholder: "e.g., https://api.openai.com/v1",
                 value: model.baseURL,
@@ -36704,7 +37054,7 @@ QUEUE_NAME=tasks`,
             /* @__PURE__ */ jsxs98("div", { style: { flex: 1 }, children: [
               /* @__PURE__ */ jsx135(Text52, { className: styles.formLabel, children: "Max Tokens" }),
               /* @__PURE__ */ jsx135(
-                Input21,
+                Input22,
                 {
                   type: "number",
                   placeholder: "e.g., 4096",
@@ -36721,7 +37071,7 @@ QUEUE_NAME=tasks`,
             /* @__PURE__ */ jsxs98("div", { style: { flex: 1 }, children: [
               /* @__PURE__ */ jsx135(Text52, { className: styles.formLabel, children: "Temperature" }),
               /* @__PURE__ */ jsx135(
-                Input21,
+                Input22,
                 {
                   type: "number",
                   step: "0.1",
@@ -36881,7 +37231,7 @@ QUEUE_NAME=tasks`,
   }));
   return /* @__PURE__ */ jsxs98(Fragment31, { children: [
     /* @__PURE__ */ jsx135(
-      Modal27,
+      Modal28,
       {
         open,
         onCancel: onClose,
@@ -36923,7 +37273,7 @@ QUEUE_NAME=tasks`,
       }
     ),
     /* @__PURE__ */ jsx135(
-      Modal27,
+      Modal28,
       {
         title: "Add New Server",
         open: showAddServerModal,
@@ -36940,7 +37290,7 @@ QUEUE_NAME=tasks`,
           /* @__PURE__ */ jsxs98("div", { children: [
             /* @__PURE__ */ jsx135(Text52, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server Name" }),
             /* @__PURE__ */ jsx135(
-              Input21,
+              Input22,
               {
                 placeholder: "e.g., Production Server",
                 value: newServerName,
@@ -36953,7 +37303,7 @@ QUEUE_NAME=tasks`,
           /* @__PURE__ */ jsxs98("div", { children: [
             /* @__PURE__ */ jsx135(Text52, { strong: true, style: { display: "block", marginBottom: 8 }, children: "Server URL *" }),
             /* @__PURE__ */ jsx135(
-              Input21,
+              Input22,
               {
                 placeholder: "e.g., http://localhost:4001",
                 value: newServerUrl,
@@ -36966,7 +37316,7 @@ QUEUE_NAME=tasks`,
           /* @__PURE__ */ jsxs98("div", { children: [
             /* @__PURE__ */ jsx135(Text52, { strong: true, style: { display: "block", marginBottom: 8 }, children: "API Key" }),
             /* @__PURE__ */ jsx135(
-              Input21.Password,
+              Input22.Password,
               {
                 placeholder: "Optional: Enter API key for authentication",
                 value: newServerApiKey,
@@ -37034,20 +37384,20 @@ var LatticeChatShell = (props) => {
 };
 
 // src/components/Chat/ChannelInstallationsDrawerContent.tsx
-import { useEffect as useEffect60, useState as useState88 } from "react";
+import { useEffect as useEffect61, useState as useState88 } from "react";
 import {
   Button as Button65,
   Card as Card30,
   Form as Form10,
-  Input as Input22,
-  Modal as Modal28,
+  Input as Input23,
+  Modal as Modal29,
   Popconfirm as Popconfirm14,
   Spin as Spin24,
   Tag as Tag32,
   Typography as Typography64,
-  message as message27
+  message as message29
 } from "antd";
-import { Edit2 as Edit24, Plus as Plus10, RadioTower, Trash2 as Trash211 } from "lucide-react";
+import { Edit2 as Edit24, Plus as Plus9, RadioTower, Trash2 as Trash211 } from "lucide-react";
 import { jsx as jsx138, jsxs as jsxs100 } from "react/jsx-runtime";
 var { Text: Text53, Title: Title19 } = Typography64;
 var ChannelInstallationsDrawerContent = () => {
@@ -37066,17 +37416,17 @@ var ChannelInstallationsDrawerContent = () => {
         setInstallations(result.data?.records ?? []);
       } else {
         setInstallations([]);
-        message27.error(result.message || "Failed to load channel installations");
+        message29.error(result.message || "Failed to load channel installations");
       }
     } catch (error) {
       console.error("Failed to load channel installations:", error);
       setInstallations([]);
-      message27.error("Failed to load channel installations");
+      message29.error("Failed to load channel installations");
     } finally {
       setLoading(false);
     }
   };
-  useEffect60(() => {
+  useEffect61(() => {
     loadInstallations();
   }, []);
   const handleDelete = async (installation) => {
@@ -37088,13 +37438,13 @@ var ChannelInstallationsDrawerContent = () => {
         setInstallations(
           (current) => current.filter((item) => item.id !== installation.id)
         );
-        message27.success("Installation deleted");
+        message29.success("Installation deleted");
       } else {
-        message27.error(result.message || "Failed to delete installation");
+        message29.error(result.message || "Failed to delete installation");
       }
     } catch (error) {
       console.error("Failed to delete channel installation:", error);
-      message27.error("Failed to delete installation");
+      message29.error("Failed to delete installation");
     }
   };
   return /* @__PURE__ */ jsxs100("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
@@ -37112,7 +37462,7 @@ var ChannelInstallationsDrawerContent = () => {
             Button65,
             {
               type: "primary",
-              icon: /* @__PURE__ */ jsx138(Plus10, { size: 16 }),
+              icon: /* @__PURE__ */ jsx138(Plus9, { size: 16 }),
               onClick: () => {
                 setEditingInstallation(null);
                 setFormModalOpen(true);
@@ -37224,7 +37574,7 @@ var ChannelInstallationsDrawerContent = () => {
 };
 var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCancel, onSave }) => {
   const [form] = Form10.useForm();
-  useEffect60(() => {
+  useEffect61(() => {
     if (installation) {
       const config = installation.config;
       form.setFieldsValue({
@@ -37257,10 +37607,10 @@ var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCance
           payload2
         );
         if (result2.success) {
-          message27.success("Installation updated");
+          message29.success("Installation updated");
           onSave();
         } else {
-          message27.error(result2.message || "Failed to update installation");
+          message29.error(result2.message || "Failed to update installation");
         }
         return;
       }
@@ -37274,20 +37624,20 @@ var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCance
         payload
       );
       if (result.success) {
-        message27.success("Installation created");
+        message29.success("Installation created");
         onSave();
       } else {
-        message27.error(result.message || "Failed to create installation");
+        message29.error(result.message || "Failed to create installation");
       }
     } catch (error) {
       console.error("Failed to save channel installation:", error);
-      message27.error(
+      message29.error(
         installation ? "Failed to update installation" : "Failed to create installation"
       );
     }
   };
   return /* @__PURE__ */ jsx138(
-    Modal28,
+    Modal29,
     {
       open,
       title: installation ? "Edit Installation" : "Add Installation",
@@ -37296,15 +37646,15 @@ var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCance
       okText: installation ? "Save" : "Create",
       destroyOnHidden: true,
       children: /* @__PURE__ */ jsxs100(Form10, { form, layout: "vertical", children: [
-        /* @__PURE__ */ jsx138(Form10.Item, { label: "Channel", children: /* @__PURE__ */ jsx138(Input22, { value: "lark", disabled: true }) }),
-        /* @__PURE__ */ jsx138(Form10.Item, { name: "name", label: "Name", children: /* @__PURE__ */ jsx138(Input22, {}) }),
+        /* @__PURE__ */ jsx138(Form10.Item, { label: "Channel", children: /* @__PURE__ */ jsx138(Input23, { value: "lark", disabled: true }) }),
+        /* @__PURE__ */ jsx138(Form10.Item, { name: "name", label: "Name", children: /* @__PURE__ */ jsx138(Input23, {}) }),
         /* @__PURE__ */ jsx138(
           Form10.Item,
           {
             name: "appId",
             label: "App ID",
             rules: [{ required: true, message: "App ID is required" }],
-            children: /* @__PURE__ */ jsx138(Input22, {})
+            children: /* @__PURE__ */ jsx138(Input23, {})
           }
         ),
         /* @__PURE__ */ jsx138(
@@ -37313,11 +37663,11 @@ var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCance
             name: "appSecret",
             label: "App Secret",
             rules: [{ required: true, message: "App Secret is required" }],
-            children: /* @__PURE__ */ jsx138(Input22, {})
+            children: /* @__PURE__ */ jsx138(Input23, {})
           }
         ),
-        /* @__PURE__ */ jsx138(Form10.Item, { name: "verificationToken", label: "Verification Token", children: /* @__PURE__ */ jsx138(Input22, {}) }),
-        /* @__PURE__ */ jsx138(Form10.Item, { name: "encryptKey", label: "Encrypt Key", children: /* @__PURE__ */ jsx138(Input22, {}) })
+        /* @__PURE__ */ jsx138(Form10.Item, { name: "verificationToken", label: "Verification Token", children: /* @__PURE__ */ jsx138(Input23, {}) }),
+        /* @__PURE__ */ jsx138(Form10.Item, { name: "encryptKey", label: "Encrypt Key", children: /* @__PURE__ */ jsx138(Input23, {}) })
       ] })
     }
   );