@axiom-lattice/react-sdk 2.1.97 → 2.1.98

package/dist/index.js

@@ -220,8 +220,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);
@@ -245,8 +245,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);
@@ -305,8 +305,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);
@@ -345,8 +345,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);
     }
@@ -376,8 +376,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);
     }
@@ -413,8 +413,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);
@@ -633,7 +633,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,
@@ -642,7 +642,7 @@ function useChat(threadId, assistantId, options = {}) {
       }));
       const userMessage = {
         id: (0, import_uuid.v4)(),
-        content: message28 || command?.resume?.message || "",
+        content: message30 || command?.resume?.message || "",
         files,
         role: "human"
       };
@@ -1649,8 +1649,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 "";
   }
@@ -2123,7 +2123,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,
@@ -2132,7 +2132,7 @@ function AgentThreadProvider({
       }));
       const userMessage = {
         id: (0, import_uuid2.v4)(),
-        content: message28 || command?.resume?.message || "",
+        content: message30 || command?.resume?.message || "",
         files,
         role: "human"
       };
@@ -2150,8 +2150,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,
@@ -4048,8 +4048,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);
     }
@@ -4091,8 +4091,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);
     }
@@ -4338,7 +4338,7 @@ var import_react108 = __toESM(require("react"));
 var import_client_sdk8 = require("@axiom-lattice/client-sdk");
 
 // src/components/Chat/WorkspaceResourceManager.tsx
-var import_react107 = require("react");
+var import_react107 = __toESM(require("react"));
 var import_lucide_react37 = require("lucide-react");
 var import_antd97 = require("antd");
 
@@ -5470,7 +5470,8 @@ var Menu = ({
   onCollapsedChange,
   className,
   style,
-  footer
+  footer,
+  getContextMenuItems
 }) => {
   const { styles: menuStyles } = useMenuStyles();
   const { styles } = useStyle();
@@ -5537,17 +5538,21 @@ var Menu = ({
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: styles.iconModeLogo, children: logo || logoIcon || /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.Cpu, { size: 28, color: "#1677ff" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: styles.iconModeContainer, children: groupedItems.map(({ group, items: items2 }, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react22.default.Fragment, { children: [
       groupIndex > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: styles.iconModeDivider }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: styles.iconModeGroup, children: items2.map((item) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-        "button",
-        {
-          className: styles.iconModeButton,
-          onClick: () => handleItemClick(item),
-          title: item.name,
-          "aria-label": item.name,
-          children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: item.icon })
-        },
-        item.id
-      )) })
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: styles.iconModeGroup, children: items2.map((item) => {
+        const ctxItems = getContextMenuItems?.(item);
+        const btn = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          "button",
+          {
+            className: styles.iconModeButton,
+            onClick: () => handleItemClick(item),
+            title: item.name,
+            "aria-label": item.name,
+            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: item.icon })
+          },
+          item.id
+        );
+        return ctxItems ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd6.Dropdown, { menu: { items: ctxItems }, trigger: ["contextMenu"], children: btn }, item.id) : btn;
+      }) })
     ] }, group || `group-${groupIndex}`)) }),
     showToggle && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "button",
@@ -5586,22 +5591,25 @@ var Menu = ({
       items2.map((item) => {
         const isInline = item.inline ?? false;
         const isExpanded2 = expandedInlineDrawers.has(item.id);
+        const ctxItems = getContextMenuItems?.(item);
+        const btn = /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+          "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__ */ (0, import_jsx_runtime15.jsx)("span", { className: "menu-icon", children: item.icon }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "menu-label", children: item.name }),
+              isInline && !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: styles.inlineDrawerIndicator, children: isExpanded2 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.ChevronDown, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.ChevronRight, { size: 16 }) })
+            ]
+          }
+        );
+        const buttonWithContextMenu = ctxItems ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd6.Dropdown, { menu: { items: ctxItems }, trigger: ["contextMenu"], children: btn }, item.id) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react22.default.Fragment, { children: btn }, item.id);
         return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_react22.default.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-            "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__ */ (0, import_jsx_runtime15.jsx)("span", { className: "menu-icon", children: item.icon }),
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "menu-label", children: item.name }),
-                isInline && !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: styles.inlineDrawerIndicator, children: isExpanded2 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.ChevronDown, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.ChevronRight, { size: 16 }) })
-              ]
-            }
-          ),
+          buttonWithContextMenu,
           isInline && isExpanded2 && !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: styles.inlineDrawerContainer, children: item.content })
         ] }, item.id);
       })
@@ -5764,7 +5772,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}`;
 }
@@ -5783,14 +5792,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 {
@@ -5800,7 +5818,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",
@@ -13451,11 +13470,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] = (0, import_react42.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_antd23.Space, { direction: "vertical", style: { width: "100%" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(MDResponse, { content: message28 }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(MDResponse, { content: message30 }),
     options ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_antd23.Space, { style: { justifyContent: "flex-end", width: "100%" }, children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       import_antd23.Button,
       {
@@ -13778,7 +13797,7 @@ var useSideAppOpener = () => {
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var { Text: Text16 } = import_antd25.Typography;
 var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = true }) => {
-  const { dataSource, message: message28 } = data ?? {};
+  const { dataSource, message: message30 } = data ?? {};
   const [expandedRowKeys, setExpandedRowKeys] = (0, import_react45.useState)([]);
   const openSideApp = useSideAppOpener();
   const processedData = dataSource?.map((item, index) => ({
@@ -13877,7 +13896,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);
@@ -13898,7 +13917,7 @@ var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = t
           tableLayout: "fixed",
           style: { width: "100% !important" },
           title: () => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_antd25.Flex, { justify: "space-between", align: "center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_antd25.Space, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Text16, { strong: true, style: { fontSize: 16 }, children: message28 || "" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_antd25.Space, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Text16, { strong: true, style: { fontSize: 16 }, children: message30 || "" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_antd25.Space, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 import_antd25.Button,
@@ -13920,8 +13939,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__ */ (0, import_jsx_runtime33.jsx)(import_icons12.ExpandAltOutlined, {})
@@ -16528,7 +16547,7 @@ var import_ErrorBoundary = __toESM(require("antd/es/alert/ErrorBoundary"));
 var import_react54 = require("react");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var LazyBubble = ({
-  message: message28,
+  message: message30,
   renderContent,
   autoLoadRightPanel
 }) => {
@@ -16559,10 +16578,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__ */ (0, import_jsx_runtime53.jsx)("div", { style: { height: `${estimatedHeight}px`, minHeight: "50px" } });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_ErrorBoundary.default, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { ref, style: { width: "100%" }, children: isVisible || wasEverVisible ? renderContent(message28) : getPlaceholder() }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_ErrorBoundary.default, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { ref, style: { width: "100%" }, children: isVisible || wasEverVisible ? renderContent(message30) : getPlaceholder() }) });
 };
 var MemoizedBubbleList = (0, import_react54.memo)(
   ({
@@ -16593,8 +16612,8 @@ var MessageList = ({
       messageLengthRef.current = messages?.length;
     }
   }, [messages?.length]);
-  const renderContent = (0, import_react54.useCallback)((message28) => {
-    const { content } = message28;
+  const renderContent = (0, import_react54.useCallback)((message30) => {
+    const { content } = message30;
     try {
       const json = JSON.parse(content);
       if (json.action && json.message) {
@@ -16602,7 +16621,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)}
 \`\`\``;
@@ -16611,17 +16630,17 @@ ${JSON.stringify(tool_call)}
     return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_antd40.Space, { direction: "vertical", style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(MDResponse, { content: content_md }) });
   }, []);
   const items = (0, import_react54.useMemo)(
-    () => messages.map((message28, index) => ({
-      key: message28.id,
-      role: message28.role,
+    () => messages.map((message30, index) => ({
+      key: message30.id,
+      role: message30.role,
       typing: false,
       content: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         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 {
@@ -22997,12 +23016,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__ */ (0, import_jsx_runtime87.jsx)(
     import_antd71.Modal,
     {
@@ -23025,12 +23044,12 @@ var MailboxDetailModal = ({
       children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: styles.modalContent, children: [
         /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: styles.header, children: [
           /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: styles.messageIcon, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react24.Mail, { size: 20 }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Text36, { className: styles.messageId, children: message28.id }),
-          !message28.read && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_antd71.Tag, { color: "red", children: "Unread" })
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Text36, { className: styles.messageId, children: message30.id }),
+          !message30.read && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_antd71.Tag, { color: "red", children: "Unread" })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(Title12, { level: 4, className: styles.title, children: [
           "Message from ",
-          message28.from
+          message30.from
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: styles.metaSection, children: [
           /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: styles.metaItem, children: [
@@ -23040,11 +23059,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__ */ (0, import_jsx_runtime87.jsx)("span", { children: message28.from })
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: message30.from })
             ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: styles.metaItem, children: [
@@ -23054,29 +23073,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__ */ (0, import_jsx_runtime87.jsx)("span", { children: message28.to })
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: message30.to })
             ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Text36, { className: styles.metaLabel, children: "Time" }),
             /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: styles.metaValue, children: [
               /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_lucide_react24.Calendar, { size: 14 }),
-              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: formatDate3(message28.timestamp) })
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: formatDate3(message30.timestamp) })
             ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Text36, { className: styles.metaLabel, children: "Type" }),
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: styles.metaValue, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_antd71.Tag, { color: message28.type === "broadcast" ? "blue" : "default", children: message28.type }) })
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: styles.metaValue, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_antd71.Tag, { color: message30.type === "broadcast" ? "blue" : "default", children: message30.type }) })
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_antd71.Divider, {}),
         /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: styles.contentSection, children: [
           /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Text36, { className: styles.contentLabel, children: "Message Content" }),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: styles.contentBox, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Paragraph2, { className: styles.messageContent, children: message28.content }) })
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: styles.contentBox, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Paragraph2, { className: styles.messageContent, children: message30.content }) })
         ] })
       ] })
     }
@@ -23305,26 +23324,26 @@ var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageC
         ]
       }
     ),
-    isExpanded && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: styles.listGroupContent, children: group.messages.map((message28) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    isExpanded && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: styles.listGroupContent, children: group.messages.map((message30) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
       "div",
       {
-        className: `${styles.listItem} ${!message28.read ? styles.listItemUnread : ""}`,
-        onClick: () => onMessageClick(message28),
+        className: `${styles.listItem} ${!message30.read ? styles.listItemUnread : ""}`,
+        onClick: () => onMessageClick(message30),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: styles.listItemIcon, children: !message28.read ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: styles.unreadBadge }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_lucide_react25.Circle, { size: 8, style: { color: "#d9d9d9" } }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: styles.listItemIcon, children: !message30.read ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: styles.unreadBadge }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_lucide_react25.Circle, { size: 8, style: { color: "#d9d9d9" } }) }),
           /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: styles.listItemContent, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: styles.listItemPreview, children: getMessagePreview(message28.content) }),
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: styles.listItemPreview, children: getMessagePreview(message30.content) }),
             /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: styles.listItemMeta, children: [
               "To: ",
-              message28.to,
+              message30.to,
               " \u2022 ",
-              message28.type
+              message30.type
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: styles.listItemRight, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: styles.listItemDate, children: formatDate4(message28.timestamp) }) })
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: styles.listItemRight, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: styles.listItemDate, children: formatDate4(message30.timestamp) }) })
         ]
       },
-      message28.id
+      message30.id
     )) })
   ] });
 };
@@ -23335,12 +23354,12 @@ var MailboxPanel = ({ data }) => {
   const { teamMailbox = [] } = data || {};
   const messageGroups = (0, import_react73.useMemo)(() => {
     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,
@@ -23357,8 +23376,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 = () => {
@@ -25202,11 +25221,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;
@@ -25221,26 +25240,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;
       }
@@ -28355,8 +28374,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 = (0, import_react91.useCallback)(async () => {
@@ -31206,6 +31225,7 @@ var PersonalAssistantChannelModal = ({
   const [selectedId, setSelectedId] = (0, import_react102.useState)(null);
   const [formMode, setFormMode] = (0, import_react102.useState)("view");
   const [selectedChannel, setSelectedChannel] = (0, import_react102.useState)("lark");
+  const [hasPickedChannel, setHasPickedChannel] = (0, import_react102.useState)(false);
   const [form] = import_antd91.Form.useForm();
   const [allowOthers, setAllowOthers] = (0, import_react102.useState)(true);
   const [saving, setSaving] = (0, import_react102.useState)(false);
@@ -31220,6 +31240,7 @@ var PersonalAssistantChannelModal = ({
   const [qrCountdown, setQrCountdown] = (0, import_react102.useState)(0);
   const qrCodeRef = (0, import_react102.useRef)(null);
   const qrCountdownRef = (0, import_react102.useRef)(null);
+  const bindingsLoadIdRef = (0, import_react102.useRef)(null);
   const clearQrCountdown = (0, import_react102.useCallback)(() => {
     if (qrCountdownRef.current) {
       clearInterval(qrCountdownRef.current);
@@ -31318,19 +31339,25 @@ var PersonalAssistantChannelModal = ({
     }
   }, [get]);
   const loadBindings = (0, import_react102.useCallback)(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 {
         import_antd91.message.error(res.message || "Failed to load bindings");
       }
     } catch (error) {
+      if (bindingsLoadIdRef.current !== requestId) return;
       console.error("Failed to load bindings:", error);
       import_antd91.message.error("Failed to load bindings");
     } finally {
-      setBindingsLoading(false);
+      if (bindingsLoadIdRef.current === requestId) {
+        setBindingsLoading(false);
+      }
     }
   }, [get]);
   (0, import_react102.useEffect)(() => {
@@ -31343,6 +31370,7 @@ var PersonalAssistantChannelModal = ({
     setSelectedId(null);
     setFormMode("view");
     setSelectedChannel("lark");
+    setHasPickedChannel(false);
     form.resetFields();
     bindingForm.resetFields();
     setBindings([]);
@@ -31376,7 +31404,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,
@@ -31398,6 +31427,7 @@ var PersonalAssistantChannelModal = ({
     setSelectedId(null);
     setFormMode("create");
     setSelectedChannel("lark");
+    setHasPickedChannel(false);
     setBindings([]);
     setAllowOthers(true);
     form.resetFields();
@@ -31410,6 +31440,7 @@ var PersonalAssistantChannelModal = ({
       setSelectedId(null);
     }
     setFormMode("view");
+    setHasPickedChannel(false);
     setBindings([]);
     form.resetFields();
     bindingForm.resetFields();
@@ -31495,7 +31526,7 @@ var PersonalAssistantChannelModal = ({
         const res = await post(
           "/api/channel-installations",
           {
-            channel: "lark",
+            channel: selectedChannel,
             name: values.name,
             config,
             rejectWhenNoBinding: !allowOthers,
@@ -31508,6 +31539,7 @@ var PersonalAssistantChannelModal = ({
             setSelectedId(res.data.id);
             setFormMode("edit");
             setBindings([]);
+            loadInstallations();
             import_antd91.message.info("Now add users who can access this channel");
           } else {
             cancelForm();
@@ -31608,20 +31640,54 @@ var PersonalAssistantChannelModal = ({
         /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(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__ */ (0, import_jsx_runtime119.jsxs)("div", { className: styles.rightBody, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: styles.formSectionTitle, children: "Choose Channel Type" }),
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: channelOptions.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
+          "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__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react35.MessagesSquare, { size: 22, style: { opacity: 0.6 } }),
+              /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Text49, { strong: true, style: { fontSize: 14 }, children: opt.label }) })
+            ]
+          },
+          opt.value
+        )) })
+      ] });
+    }
     const isEdit = formMode === "edit" && selectedId !== null;
     return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: styles.rightBody, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: styles.formSectionTitle, children: isEdit ? "Edit Channel" : "New Channel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: styles.formSectionTitle, children: isEdit ? "Edit Channel" : `New ${CHANNEL_LABEL_MAP[selectedChannel] || selectedChannel}` }),
       /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(import_antd91.Form, { form, layout: "vertical", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_antd91.Form.Item, { label: "Channel Type", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+        isEdit && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_antd91.Form.Item, { label: "Channel Type", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
           import_antd91.Select,
           {
             options: channelOptions,
             value: selectedChannel,
-            onChange: (val) => {
-              setSelectedChannel(val);
-              form.resetFields();
-            },
-            disabled: isEdit
+            disabled: true
           }
         ) }),
         selectedChannel === "lark" && /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(import_jsx_runtime119.Fragment, { children: [
@@ -31766,7 +31832,7 @@ var PersonalAssistantChannelModal = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 16 }, children: [
+        selectedChannel !== "wechat" && /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 16 }, children: [
           /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Text49, { strong: true, style: { fontSize: 14 }, children: "Anyone can message" }),
             /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("br", {}),
@@ -31775,7 +31841,7 @@ var PersonalAssistantChannelModal = ({
           /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_antd91.Switch, { checked: allowOthers, onChange: setAllowOthers })
         ] })
       ] }),
-      !allowOthers && isEdit && /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: styles.bindingSection, children: [
+      selectedChannel !== "wechat" && !allowOthers && isEdit && /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: styles.bindingSection, children: [
         /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: styles.bindingHeader, children: "Who can chat" }),
         /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: styles.bindingHint, children: "Only people you add here can message your assistant" }),
         bindingsLoading ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_antd91.Spin, { size: "small", style: { display: "block", margin: "12px 0" } }) : bindings.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Text49, { type: "secondary", style: { fontSize: 12 }, children: "No contacts added yet" }) : /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 2 }, children: bindings.map((b) => /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: styles.contactItem, children: [
@@ -31809,7 +31875,7 @@ var PersonalAssistantChannelModal = ({
                     name: "senderId",
                     rules: [{ required: true, message: "Required" }],
                     style: { flex: 1, marginBottom: 0 },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_antd91.Input, { size: "small", placeholder: "Feishu Open ID" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_antd91.Input, { size: "small", placeholder: selectedChannel === "wechat" ? "WeChat Open ID" : "Feishu Open ID" })
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
@@ -31847,12 +31913,13 @@ var PersonalAssistantChannelModal = ({
           }
         )
       ] }),
-      !allowOthers && !isEdit && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: styles.bindingSection, children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(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__ */ (0, import_jsx_runtime119.jsx)("div", { className: styles.bindingSection, children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(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__ */ (0, import_jsx_runtime119.jsxs)("div", { className: styles.footer, children: [
       /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { children: isEdit && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
         import_antd91.Popconfirm,
@@ -31868,7 +31935,7 @@ var PersonalAssistantChannelModal = ({
       ) }),
       /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { style: { display: "flex", gap: 8 }, children: [
         /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_antd91.Button, { onClick: cancelForm, children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_antd91.Button, { type: "primary", loading: saving, onClick: handleSave, children: isEdit ? "Save" : "Create" })
+        !isPicking && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_antd91.Button, { type: "primary", loading: saving, onClick: handleSave, children: isEdit ? "Save" : "Create" })
       ] })
     ] });
   };
@@ -32275,15 +32342,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__ */ (0, import_jsx_runtime122.jsx)(
-    "iframe",
-    {
-      src: url,
-      style: IFRAME_STYLE,
-      title: parsed.fileName || resourcePath.split("/").pop() || "File"
-    }
-  );
+  const fileName = parsed.fileName || resourcePath.split("/").pop() || "File";
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { style: { width: "100%", height: "100%", overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(FileRenderer, { fileUrl: url, fileName, showHeader: true }) });
 };
 var CustomMenuPage = ({ component_key }) => {
   const parsed = parseCustomMenuId(component_key);
@@ -32989,19 +33051,27 @@ var WorkspaceResourceManager = ({
   const [tenantModalOpen, setTenantModalOpen] = (0, import_react107.useState)(false);
   const [changePasswordOpen, setChangePasswordOpen] = (0, import_react107.useState)(false);
   const [fetchedCustomMenuItems, setFetchedCustomMenuItems] = (0, import_react107.useState)([]);
-  (0, import_react107.useEffect)(() => {
-    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 = (0, import_react107.useCallback)(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]);
+  (0, import_react107.useEffect)(() => {
+    fetchCustomMenu();
+  }, [fetchCustomMenu]);
+  (0, import_react107.useEffect)(() => {
+    const handler = () => {
+      fetchCustomMenu();
+    };
+    window.addEventListener("menu:refresh", handler);
+    return () => window.removeEventListener("menu:refresh", handler);
+  }, [fetchCustomMenu]);
   (0, import_react107.useEffect)(() => {
     for (const item of fetchedCustomMenuItems) {
       regsiterElement(item.id, {
@@ -33018,6 +33088,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 = (0, import_react107.useCallback)(
+    (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: import_react107.default.createElement(import_lucide_react37.PinOff, { size: 14 }),
+          label: "Unpin from Menu",
+          onClick: async () => {
+            try {
+              await unpinMenuItem(dbId);
+              import_antd97.message.success("Unpinned from menu");
+              window.dispatchEvent(new CustomEvent("menu:refresh"));
+            } catch (err) {
+              import_antd97.message.error(err.message || "Failed to unpin");
+            }
+          }
+        }
+      ];
+    },
+    [unpinMenuItem]
+  );
   const handleItemClick = (item) => {
     if (item.type === "action" && item.builtin === "switch-tenant") {
       setTenantModalOpen(true);
@@ -33107,6 +33202,7 @@ var WorkspaceResourceManager = ({
               {
                 items: menuItems,
                 onItemClick: handleItemClick,
+                getContextMenuItems,
                 logo,
                 logoText: workspaceName || "Workspace",
                 showToggle: true,
@@ -33601,6 +33697,122 @@ var WorkspaceContextProvider = ({
 
 // src/components/Chat/PinToMenuButton.tsx
 var import_jsx_runtime127 = require("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 = import_react109.default.useContext(WorkspaceContext);
+  const { config } = useLatticeChatShellContext();
+  const { post, get, del } = useApi();
+  const enableCustomMenu = config.enableCustomMenu ?? false;
+  const check = (0, import_react109.useCallback)(
+    async (params) => checkPinStatus(get, params, enableCustomMenu),
+    [get, enableCustomMenu]
+  );
+  const pin = (0, import_react109.useCallback)(
+    async (params) => pinItem(post, {
+      ...params,
+      workspaceId: workspaceCtx?.workspaceId,
+      projectId: workspaceCtx?.projectId
+    }),
+    [post, workspaceCtx]
+  );
+  const unpin = (0, import_react109.useCallback)(
+    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 = import_react109.default.useMemo(() => extractGroups(DEFAULT_WORKSPACE_MENU_ITEMS), []);
+  const configGroups = import_react109.default.useMemo(
+    () => extractGroups(config.workspaceMenuItems ?? []),
+    [config.workspaceMenuItems]
+  );
+  return import_react109.default.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",
@@ -33615,9 +33827,7 @@ var PinToMenuButton = ({
   label,
   block
 }) => {
-  const workspaceCtx = import_react109.default.useContext(WorkspaceContext);
-  const { config } = useLatticeChatShellContext();
-  const { post, get, del } = useApi();
+  const { check, pin, unpin, enableCustomMenu, get } = usePinMenuActions();
   const [open, setOpen] = (0, import_react109.useState)(false);
   const [group, setGroup] = (0, import_react109.useState)("");
   const [name, setName] = (0, import_react109.useState)("");
@@ -33625,41 +33835,38 @@ var PinToMenuButton = ({
   const [isPinned, setIsPinned] = (0, import_react109.useState)(false);
   const [pinnedItemId, setPinnedItemId] = (0, import_react109.useState)(null);
   const [checking, setChecking] = (0, import_react109.useState)(true);
+  const staticGroups = useMenuGroups();
+  const [existingGroups, setExistingGroups] = (0, import_react109.useState)(staticGroups);
+  (0, import_react109.useEffect)(() => {
+    setExistingGroups(staticGroups);
+  }, [staticGroups]);
+  (0, import_react109.useEffect)(() => {
+    if (open) {
+      fetchExistingGroups(get).then((apiGroups) => {
+        setExistingGroups(Array.from(/* @__PURE__ */ new Set([...staticGroups, ...apiGroups])).sort());
+      });
+    }
+  }, [open]);
   const hasTarget = contentType === "agent" ? !!assistantId : !!externalContentConfig;
   const checkPinned = (0, import_react109.useCallback)(async () => {
-    if (!hasTarget || !config.enableCustomMenu) {
+    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]);
   (0, import_react109.useEffect)(() => {
     checkPinned();
   }, [checkPinned]);
-  if (!hasTarget || !config.enableCustomMenu) return null;
+  if (!hasTarget || !enableCustomMenu) return null;
   const handlePin = async () => {
     if (!name.trim()) {
       import_antd98.message.warning("Please enter a menu name");
@@ -33667,35 +33874,22 @@ var PinToMenuButton = ({
     }
     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) {
-        import_antd98.message.success("Pinned to menu");
-        setOpen(false);
-        setGroup("");
-        setName("");
-        checkPinned();
-      } else {
-        import_antd98.message.error(json.message || "Failed to pin");
-      }
-    } catch {
-      import_antd98.message.error("Failed to pin to menu");
+        group: group.trim() || void 0
+      });
+      import_antd98.message.success("Pinned to menu");
+      window.dispatchEvent(new CustomEvent("menu:refresh"));
+      setOpen(false);
+      setGroup("");
+      setName("");
+      checkPinned();
+    } catch (err) {
+      import_antd98.message.error(err.message || "Failed to pin to menu");
     } finally {
       setLoading(false);
     }
@@ -33704,16 +33898,13 @@ var PinToMenuButton = ({
     if (!pinnedItemId) return;
     setLoading(true);
     try {
-      const json = await del(`/api/menu-items/${pinnedItemId}`);
-      if (json.success) {
-        import_antd98.message.success("Unpinned from menu");
-        setIsPinned(false);
-        setPinnedItemId(null);
-      } else {
-        import_antd98.message.error(json.message || "Failed to unpin");
-      }
-    } catch {
-      import_antd98.message.error("Failed to unpin from menu");
+      await unpin(pinnedItemId);
+      import_antd98.message.success("Unpinned from menu");
+      window.dispatchEvent(new CustomEvent("menu:refresh"));
+      setIsPinned(false);
+      setPinnedItemId(null);
+    } catch (err) {
+      import_antd98.message.error(err.message || "Failed to unpin from menu");
     } finally {
       setLoading(false);
     }
@@ -33767,11 +33958,13 @@ var PinToMenuButton = ({
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
-            import_antd98.Input,
+            import_antd98.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
             }
           )
         ] })
@@ -34418,6 +34611,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,
@@ -34437,6 +34635,116 @@ var FileDirectoryPanel = ({
   const { currentAssistant } = useAssistantContext();
   const { getFileViewUrl } = useWorkspaceContext();
   const [sharePath, setSharePath] = (0, import_react111.useState)(null);
+  const { check: checkPin, pin: doPin, unpin: doUnpin, enableCustomMenu, get } = usePinMenuActions();
+  const staticGroups = useMenuGroups();
+  const [existingGroups, setExistingGroups] = (0, import_react111.useState)(staticGroups);
+  (0, import_react111.useEffect)(() => {
+    setExistingGroups(staticGroups);
+  }, [staticGroups]);
+  const [pinStates, setPinStates] = (0, import_react111.useState)({});
+  const [pinModalPath, setPinModalPath] = (0, import_react111.useState)(null);
+  const [pinName, setPinName] = (0, import_react111.useState)("");
+  const [pinGroup, setPinGroup] = (0, import_react111.useState)("");
+  const [pinLoading, setPinLoading] = (0, import_react111.useState)(false);
+  (0, import_react111.useEffect)(() => {
+    if (pinModalPath) {
+      fetchExistingGroups(get).then((apiGroups) => {
+        setExistingGroups(Array.from(/* @__PURE__ */ new Set([...staticGroups, ...apiGroups])).sort());
+      });
+    }
+  }, [pinModalPath]);
+  const handleDropdownOpen = (0, import_react111.useCallback)(
+    (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()) {
+      import_antd100.message.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
+      });
+      import_antd100.message.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) {
+      import_antd100.message.error(err.message || "Failed to pin");
+    } finally {
+      setPinLoading(false);
+    }
+  };
+  const handleUnpin = (0, import_react111.useCallback)(
+    async (filePath, pinnedId) => {
+      setPinStates((prev) => ({
+        ...prev,
+        [filePath]: { ...prev[filePath], loading: true }
+      }));
+      try {
+        await doUnpin(pinnedId);
+        import_antd100.message.success("Unpinned from menu");
+        window.dispatchEvent(new CustomEvent("menu:refresh"));
+        setPinStates((prev) => ({
+          ...prev,
+          [filePath]: { isPinned: false, pinnedId: null, loading: false }
+        }));
+      } catch (err) {
+        import_antd100.message.error(err.message || "Failed to unpin");
+        setPinStates((prev) => ({
+          ...prev,
+          [filePath]: { ...prev[filePath], loading: false }
+        }));
+      }
+    },
+    [doUnpin]
+  );
   const renderEntry = import_react111.default.useCallback((entry, depth) => {
     const entryName = getEntryName(entry);
     if (entry.is_dir) {
@@ -34494,24 +34802,35 @@ var FileDirectoryPanel = ({
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
-        PinToMenuButton,
-        {
-          contentType: "file",
-          contentConfig: {
-            resourcePath: entry.path,
-            assistantId: currentAssistant?.id || "",
-            fileName: entry.path.split("/").pop() || entry.path
-          },
-          isMatch: (cfg) => cfg.resourcePath === entry.path
-        }
-      ),
       /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
         import_antd100.Dropdown,
         {
           trigger: ["click"],
+          onOpenChange: (open) => handleDropdownOpen(entry.path, open),
           menu: {
             items: [
+              ...enableCustomMenu ? pinStates[entry.path]?.isPinned ? [
+                {
+                  key: "unpin",
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_lucide_react40.Pin, { size: 14 }),
+                  label: "Unpin from Menu",
+                  onClick: () => {
+                    const state = pinStates[entry.path];
+                    if (state?.pinnedId) handleUnpin(entry.path, state.pinnedId);
+                  }
+                }
+              ] : [
+                {
+                  key: "pin",
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_lucide_react40.Pin, { size: 14 }),
+                  label: "Pin to Menu",
+                  onClick: () => {
+                    setPinModalPath(entry.path);
+                    setPinName("");
+                    setPinGroup("");
+                  }
+                }
+              ] : [],
               {
                 key: "preview",
                 icon: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_icons46.EyeOutlined, {}),
@@ -34549,7 +34868,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__ */ (0, import_jsx_runtime129.jsx)("div", { className: styles.emptyState, children: "Please select a project to browse files" });
   }
@@ -34606,6 +34925,37 @@ var FileDirectoryPanel = ({
         fileName: sharePath.split("/").pop(),
         onClose: () => setSharePath(null)
       }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+      import_antd100.Modal,
+      {
+        title: "Pin to Menu",
+        open: !!pinModalPath,
+        onOk: handlePinSubmit,
+        onCancel: () => setPinModalPath(null),
+        confirmLoading: pinLoading,
+        okText: "Pin",
+        children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { style: MODAL_BODY_STYLE2, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+            import_antd100.Input,
+            {
+              placeholder: "Menu name (required)",
+              value: pinName,
+              onChange: (e) => setPinName(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+            import_antd100.AutoComplete,
+            {
+              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
+            }
+          )
+        ] })
+      }
     )
   ] });
 };