@axiom-lattice/react-sdk 2.1.94 → 2.1.95

package/dist/index.js

@@ -220,8 +220,8 @@ var AuthProvider = ({
       onLoginSuccess?.(userData, tenantList || []);
       return { requiresTenantSelection, hasTenants };
     } catch (err) {
-      const message29 = err instanceof Error ? err.message : "Login failed";
-      setError(message29);
+      const message28 = err instanceof Error ? err.message : "Login failed";
+      setError(message28);
       throw err;
     } finally {
       setIsLoading(false);
@@ -245,8 +245,8 @@ var AuthProvider = ({
       }
       return { message: data.message || "Registration successful!", token: data.data?.token };
     } catch (err) {
-      const message29 = err instanceof Error ? err.message : "Registration failed";
-      setError(message29);
+      const message28 = err instanceof Error ? err.message : "Registration failed";
+      setError(message28);
       throw err;
     } finally {
       setIsLoading(false);
@@ -305,8 +305,8 @@ var AuthProvider = ({
       }
       onTenantSelected?.(tenantData);
     } catch (err) {
-      const message29 = err instanceof Error ? err.message : "Failed to select tenant";
-      setError(message29);
+      const message28 = err instanceof Error ? err.message : "Failed to select tenant";
+      setError(message28);
       throw err;
     } finally {
       setIsLoading(false);
@@ -345,8 +345,8 @@ var AuthProvider = ({
       setTenants(tenantList);
       sessionStorage.setItem("lattice_tenants", JSON.stringify(tenantList));
     } catch (err) {
-      const message29 = err instanceof Error ? err.message : "Failed to fetch tenants";
-      setError(message29);
+      const message28 = err instanceof Error ? err.message : "Failed to fetch tenants";
+      setError(message28);
     } finally {
       setIsLoading(false);
     }
@@ -376,8 +376,8 @@ var AuthProvider = ({
       setUser(data);
       sessionStorage.setItem("lattice_user", JSON.stringify(data));
     } catch (err) {
-      const message29 = err instanceof Error ? err.message : "Failed to refresh user";
-      setError(message29);
+      const message28 = err instanceof Error ? err.message : "Failed to refresh user";
+      setError(message28);
     } finally {
       setIsLoading(false);
     }
@@ -413,8 +413,8 @@ var AuthProvider = ({
       const result = await response.json();
       return result;
     } catch (err) {
-      const message29 = err instanceof Error ? err.message : "Failed to change password";
-      setError(message29);
+      const message28 = err instanceof Error ? err.message : "Failed to change password";
+      setError(message28);
       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: message29, files, ...rest } = input || {};
+      const { message: message28, 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: message29 || command?.resume?.message || "",
+        content: message28 || command?.resume?.message || "",
         files,
         role: "human"
       };
@@ -1649,8 +1649,8 @@ function convertThreadToConversationThread(thread, label) {
 function getThreadMetadata(label) {
   return label ? { label } : {};
 }
-function generateLabelFromMessage(message29) {
-  const cleanMessage = message29.replace(/```attachments[\s\S]*?```/g, "").trim();
+function generateLabelFromMessage(message28) {
+  const cleanMessage = message28.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: message29, files, ...rest } = input || {};
+      const { message: message28, files, ...rest } = input || {};
       setState((prev) => ({
         ...prev,
         isLoading: true,
@@ -2132,7 +2132,7 @@ function AgentThreadProvider({
       }));
       const userMessage = {
         id: (0, import_uuid2.v4)(),
-        content: message29 || command?.resume?.message || "",
+        content: message28 || command?.resume?.message || "",
         files,
         role: "human"
       };
@@ -2150,8 +2150,8 @@ function AgentThreadProvider({
         ]
       }));
       const isFirstMessage = messageCountRef.current === 0;
-      if (isFirstMessage && message29 && conversationContext) {
-        const label = generateLabelFromMessage(message29);
+      if (isFirstMessage && message28 && conversationContext) {
+        const label = generateLabelFromMessage(message28);
         if (label) {
           conversationContext.updateThread({
             id: threadId,
@@ -4048,8 +4048,8 @@ function useTenants(options) {
       const { data } = await response.json();
       setTenants(data || []);
     } catch (err) {
-      const message29 = err instanceof Error ? err.message : "Failed to fetch tenants";
-      setError(message29);
+      const message28 = err instanceof Error ? err.message : "Failed to fetch tenants";
+      setError(message28);
     } finally {
       setIsLoading(false);
     }
@@ -4091,8 +4091,8 @@ function useUsers(options) {
       const { data } = await response.json();
       setUsers(data || []);
     } catch (err) {
-      const message29 = err instanceof Error ? err.message : "Failed to fetch users";
-      setError(message29);
+      const message28 = err instanceof Error ? err.message : "Failed to fetch users";
+      setError(message28);
     } finally {
       setIsLoading(false);
     }
@@ -13451,11 +13451,11 @@ var ConfirmFeedback = ({
   data,
   interactive = true
 }) => {
-  const { message: message29, type, config, feedback, options } = data ?? {};
+  const { message: message28, 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: message29 }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(MDResponse, { content: message28 }),
     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 +13778,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: message29 } = data ?? {};
+  const { dataSource, message: message28 } = data ?? {};
   const [expandedRowKeys, setExpandedRowKeys] = (0, import_react45.useState)([]);
   const openSideApp = useSideAppOpener();
   const processedData = dataSource?.map((item, index) => ({
@@ -13877,7 +13877,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 = `${message29 || "data"}_${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.csv`;
+    const filename = `${message28 || "data"}_${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.csv`;
     link.href = URL.createObjectURL(blob);
     link.download = filename;
     document.body.appendChild(link);
@@ -13898,7 +13898,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: message29 || "" }) }),
+            /* @__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.jsxs)(import_antd25.Space, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 import_antd25.Button,
@@ -13920,8 +13920,8 @@ var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = t
                   onClick: () => {
                     openSideApp({
                       component_key: "generic_data_table",
-                      message: message29 || "",
-                      data: { dataSource, message: message29 }
+                      message: message28 || "",
+                      data: { dataSource, message: message28 }
                     });
                   },
                   children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_icons12.ExpandAltOutlined, {})
@@ -15695,6 +15695,8 @@ var ShareModal = ({
   onUpdated
 }) => {
   const { shareFile } = useWorkspaceContext();
+  const { config: shellConfig } = useLatticeChatShellContext();
+  const baseURL = (shellConfig?.baseURL ?? "").replace(/\/$/, "");
   const isEditMode = !!existingToken;
   const [state, setState] = (0, import_react51.useState)(isEditMode ? "edit" : "creating");
   const [token, setToken] = (0, import_react51.useState)(existingToken ?? "");
@@ -15736,13 +15738,18 @@ var ShareModal = ({
     shareFile
   ]);
   const handleCopy = (0, import_react51.useCallback)(() => {
-    const fullUrl = `${window.location.origin}${url}`;
-    navigator.clipboard.writeText(fullUrl);
+    const fullUrl = `${baseURL}${url}`;
+    const titleText = title ? `${title}
+` : "";
+    const pwdText = visibility === "password" && password ? `Password: ${password}
+` : "";
+    navigator.clipboard.writeText(`${titleText}${fullUrl}
+${pwdText}`.trim());
     import_antd34.message.success("Copied to clipboard");
-  }, [url]);
+  }, [url, baseURL, title, visibility, password]);
   const handleOpen = (0, import_react51.useCallback)(() => {
-    window.open(url, "_blank");
-  }, [url]);
+    window.open(`${baseURL}${url}`, "_blank");
+  }, [url, baseURL]);
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     import_antd34.Modal,
     {
@@ -15809,7 +15816,7 @@ var ShareModal = ({
           !isEditMode && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.Button, { type: "primary", block: true, onClick: handleShare, children: "Create Share" })
         ] }),
         state === "result" && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_antd34.Space, { direction: "vertical", style: { width: "100%" }, size: "middle", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.Input, { value: url, readOnly: true, style: { fontFamily: "monospace" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.Input, { value: `${baseURL}${url}`, readOnly: true, style: { fontFamily: "monospace" } }),
           /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_antd34.Space, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.Button, { icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons21.CopyOutlined, {}), onClick: handleCopy, children: "Copy" }),
             /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.Button, { type: "primary", icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons21.LinkOutlined, {}), onClick: handleOpen, children: "Open" })
@@ -16467,7 +16474,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: message29,
+  message: message28,
   renderContent,
   autoLoadRightPanel
 }) => {
@@ -16498,10 +16505,10 @@ var LazyBubble = ({
     autoLoadRightPanel?.();
   }, []);
   const getPlaceholder = () => {
-    const estimatedHeight = message29.content ? Math.min(100, message29.content.length / 5) : 100;
+    const estimatedHeight = message28.content ? Math.min(100, message28.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(message29) : 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(message28) : getPlaceholder() }) });
 };
 var MemoizedBubbleList = (0, import_react54.memo)(
   ({
@@ -16532,8 +16539,8 @@ var MessageList = ({
       messageLengthRef.current = messages?.length;
     }
   }, [messages?.length]);
-  const renderContent = (0, import_react54.useCallback)((message29) => {
-    const { content } = message29;
+  const renderContent = (0, import_react54.useCallback)((message28) => {
+    const { content } = message28;
     try {
       const json = JSON.parse(content);
       if (json.action && json.message) {
@@ -16541,7 +16548,7 @@ var MessageList = ({
       }
     } catch (error) {
     }
-    const tool_calls_md = message29.tool_calls?.map((tool_call) => {
+    const tool_calls_md = message28.tool_calls?.map((tool_call) => {
       return `\`\`\`tool_call
 ${JSON.stringify(tool_call)}
 \`\`\``;
@@ -16550,17 +16557,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((message29, index) => ({
-      key: message29.id,
-      role: message29.role,
+    () => messages.map((message28, index) => ({
+      key: message28.id,
+      role: message28.role,
       typing: false,
       content: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         LazyBubble,
         {
-          message: message29,
+          message: message28,
           renderContent,
           autoLoadRightPanel: () => {
-            const { content, role: role2 } = message29;
+            const { content, role: role2 } = message28;
             const isNewAddedMessage = messageLengthRef.current > 1 && messageLengthRef.current + 1 === messages.length;
             if (index === messages.length - 1 && isNewAddedMessage && role2 === "ai") {
               try {
@@ -22936,12 +22943,12 @@ var formatDate3 = (timestamp) => {
   });
 };
 var MailboxDetailModal = ({
-  message: message29,
+  message: message28,
   visible,
   onClose
 }) => {
   const { styles } = useStyles14();
-  if (!message29) return null;
+  if (!message28) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
     import_antd71.Modal,
     {
@@ -22964,12 +22971,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: message29.id }),
-          !message29.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: message28.id }),
+          !message28.read && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_antd71.Tag, { color: "red", children: "Unread" })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(Title11, { level: 4, className: styles.title, children: [
           "Message from ",
-          message29.from
+          message28.from
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: styles.metaSection, children: [
           /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: styles.metaItem, children: [
@@ -22979,11 +22986,11 @@ var MailboxDetailModal = ({
                 "div",
                 {
                   className: styles.avatar,
-                  style: { background: getAvatarColor7(message29.from) },
-                  children: getInitials7(message29.from)
+                  style: { background: getAvatarColor7(message28.from) },
+                  children: getInitials7(message28.from)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: message29.from })
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: message28.from })
             ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: styles.metaItem, children: [
@@ -22993,29 +23000,29 @@ var MailboxDetailModal = ({
                 "div",
                 {
                   className: styles.avatar,
-                  style: { background: getAvatarColor7(message29.to) },
-                  children: getInitials7(message29.to)
+                  style: { background: getAvatarColor7(message28.to) },
+                  children: getInitials7(message28.to)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: message29.to })
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: message28.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(message29.timestamp) })
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: formatDate3(message28.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: message29.type === "broadcast" ? "blue" : "default", children: message29.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)(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: message29.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 }) })
         ] })
       ] })
     }
@@ -23244,26 +23251,26 @@ var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageC
         ]
       }
     ),
-    isExpanded && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: styles.listGroupContent, children: group.messages.map((message29) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    isExpanded && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: styles.listGroupContent, children: group.messages.map((message28) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
       "div",
       {
-        className: `${styles.listItem} ${!message29.read ? styles.listItemUnread : ""}`,
-        onClick: () => onMessageClick(message29),
+        className: `${styles.listItem} ${!message28.read ? styles.listItemUnread : ""}`,
+        onClick: () => onMessageClick(message28),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: styles.listItemIcon, children: !message29.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: !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.jsxs)("div", { className: styles.listItemContent, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: styles.listItemPreview, children: getMessagePreview(message29.content) }),
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: styles.listItemPreview, children: getMessagePreview(message28.content) }),
             /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: styles.listItemMeta, children: [
               "To: ",
-              message29.to,
+              message28.to,
               " \u2022 ",
-              message29.type
+              message28.type
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: styles.listItemRight, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: styles.listItemDate, children: formatDate4(message29.timestamp) }) })
+          /* @__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) }) })
         ]
       },
-      message29.id
+      message28.id
     )) })
   ] });
 };
@@ -23274,12 +23281,12 @@ var MailboxPanel = ({ data }) => {
   const { teamMailbox = [] } = data || {};
   const messageGroups = (0, import_react73.useMemo)(() => {
     const groupsMap = /* @__PURE__ */ new Map();
-    teamMailbox.forEach((message29) => {
-      const sender = message29.from;
+    teamMailbox.forEach((message28) => {
+      const sender = message28.from;
       if (!groupsMap.has(sender)) {
         groupsMap.set(sender, []);
       }
-      groupsMap.get(sender).push(message29);
+      groupsMap.get(sender).push(message28);
     });
     const groups = Array.from(groupsMap.entries()).map(([sender, messages]) => ({
       sender,
@@ -23296,8 +23303,8 @@ var MailboxPanel = ({ data }) => {
     return groups;
   }, [teamMailbox]);
   const totalUnread = teamMailbox.filter((m) => !m.read).length;
-  const handleMessageClick = (message29) => {
-    setSelectedMessage(message29);
+  const handleMessageClick = (message28) => {
+    setSelectedMessage(message28);
     setModalVisible(true);
   };
   const handleCloseModal = () => {
@@ -25141,11 +25148,11 @@ var StreamingHTMLRenderer = ({
       if (!iframe || event.source !== iframe.contentWindow) {
         return;
       }
-      const message29 = event.data;
-      if (!message29 || typeof message29 !== "object") {
+      const message28 = event.data;
+      if (!message28 || typeof message28 !== "object") {
         return;
       }
-      switch (message29.type) {
+      switch (message28.type) {
         case "iframe-ready":
           console.log("[StreamingHTMLRenderer] Iframe ready");
           isReadyRef.current = true;
@@ -25160,26 +25167,26 @@ var StreamingHTMLRenderer = ({
           }
           break;
         case "iframe-height":
-          if (typeof message29.height === "number" && message29.height > 0) {
-            setIframeHeight(message29.height);
+          if (typeof message28.height === "number" && message28.height > 0) {
+            setIframeHeight(message28.height);
           }
           break;
         case "iframe-error": {
           const streamingError = {
             type: "RENDER_ERROR",
-            message: message29.error || "Unknown iframe error"
+            message: message28.error || "Unknown iframe error"
           };
           onError?.(streamingError);
           break;
         }
         case "widget-prompt":
-          if (typeof message29.text === "string") {
-            onPrompt?.(message29.text);
+          if (typeof message28.text === "string") {
+            onPrompt?.(message28.text);
           }
           break;
         case "widget-open-link":
-          if (typeof message29.url === "string") {
-            window.open(message29.url, "_blank", "noopener,noreferrer");
+          if (typeof message28.url === "string") {
+            window.open(message28.url, "_blank", "noopener,noreferrer");
           }
           break;
       }
@@ -28294,8 +28301,8 @@ var TopologyRuntimeView = () => {
       setRuns((prev) => prev.filter((r) => r.id !== runId));
       setSelectedRun((prev) => prev?.id === runId ? null : prev);
     } catch (err) {
-      const message29 = err instanceof Error ? err.message : "Failed to delete run";
-      setError(message29);
+      const message28 = err instanceof Error ? err.message : "Failed to delete run";
+      setError(message28);
     }
   }, [del]);
   const refreshRuns = (0, import_react91.useCallback)(async () => {
@@ -31534,7 +31541,7 @@ var PersonalAssistantChannelModal = ({
       import_antd91.Button,
       {
         block: true,
-        icon: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react35.Link2, { size: 14 }),
+        icon: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react35.MessagesSquare, { size: 14 }),
         onClick: openCreateForm,
         children: "Connect"
       }
@@ -31543,7 +31550,7 @@ var PersonalAssistantChannelModal = ({
   const renderRightContent = () => {
     if (formMode === "view" && !selectedId) {
       return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: styles.emptyState, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react35.Link2, { size: 40, style: { opacity: 0.25, marginBottom: 16 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react35.MessagesSquare, { size: 40, style: { opacity: 0.25, marginBottom: 16 } }),
         /* @__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" })
       ] });
     }
@@ -31605,7 +31612,7 @@ var PersonalAssistantChannelModal = ({
                     import_antd91.Button,
                     {
                       type: "primary",
-                      icon: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react35.Link2, { size: 14 }),
+                      icon: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react35.MessagesSquare, { size: 14 }),
                       loading: qrLoading,
                       onClick: fetchQrCode,
                       children: "Get QR Code"
@@ -31815,7 +31822,7 @@ var PersonalAssistantChannelModal = ({
     import_antd91.Modal,
     {
       title: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react35.Link2, { size: 18 }),
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react35.MessagesSquare, { size: 18 }),
         /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { children: "Connect Channels" })
       ] }),
       open,
@@ -32021,7 +32028,7 @@ var PersonalAssistantPage = () => {
               HeaderIconButton,
               {
                 ariaLabel: "Channel settings",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_lucide_react36.Link2, { size: 16 }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_lucide_react36.MessagesSquare, { size: 16 }),
                 onClick: () => setChannelModalOpen(true)
               }
             ),
@@ -32211,7 +32218,7 @@ var FileView = ({ parsed }) => {
   const baseURL = shellConfig?.baseURL ?? "";
   const resourcePath = decodeURIComponent(parsed.payload);
   const params = new URLSearchParams({
-    path: `/${resourcePath}`
+    path: resourcePath.startsWith("/") ? resourcePath : `/${resourcePath}`
   });
   if (parsed.assistantId) params.set("assistantId", parsed.assistantId);
   const url = `${baseURL}/api/workspaces/${parsed.workspaceId}/projects/${parsed.projectId}/viewfile?${params}`;
@@ -32301,8 +32308,15 @@ var SharesPage = ({ client }) => {
   (0, import_react105.useEffect)(() => {
     loadShares();
   }, []);
-  const handleCopy = (url) => {
-    navigator.clipboard.writeText(`${window.location.origin}${url}`);
+  const handleCopy = (record) => {
+    const baseURL = client.baseURL ?? "";
+    const fullUrl = `${baseURL.replace(/\/$/, "")}/s/${record.token}`;
+    const titleText = record.title ? `${record.title}
+` : `${record.address.resourcePath.split("/").pop() || "file"}
+`;
+    const pwdText = record.visibility === "password" ? "Password protected\n" : "";
+    navigator.clipboard.writeText(`${titleText}${fullUrl}
+${pwdText}`.trim());
     import_antd95.message.success("Copied");
   };
   const handleRevoke = async (token) => {
@@ -32355,7 +32369,7 @@ var SharesPage = ({ client }) => {
           key: "copy",
           icon: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_icons44.CopyOutlined, {}),
           label: "Copy Link",
-          onClick: () => handleCopy(`/s/${r.token}`)
+          onClick: () => handleCopy(r)
         },
         ...r.revoked ? [] : [
           {
@@ -33550,7 +33564,15 @@ var MODAL_BODY_STYLE = {
   flexDirection: "column",
   gap: 12
 };
-var PinToMenuButton = ({ assistantId }) => {
+var PinToMenuButton = ({
+  assistantId,
+  contentType = "agent",
+  contentConfig: externalContentConfig,
+  isMatch,
+  size = "small",
+  label,
+  block
+}) => {
   const workspaceCtx = import_react109.default.useContext(WorkspaceContext);
   const { config } = useLatticeChatShellContext();
   const { post, get, del } = useApi();
@@ -33561,8 +33583,9 @@ var PinToMenuButton = ({ assistantId }) => {
   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 hasTarget = contentType === "agent" ? !!assistantId : !!externalContentConfig;
   const checkPinned = (0, import_react109.useCallback)(async () => {
-    if (!assistantId || !config.enableCustomMenu) {
+    if (!hasTarget || !config.enableCustomMenu) {
       setChecking(false);
       return;
     }
@@ -33572,8 +33595,11 @@ var PinToMenuButton = ({ assistantId }) => {
         "/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.contentConfig?.agentId === assistantId
+          (item) => item.contentType === contentType && matchFn(item.contentConfig)
         );
         if (pinned) {
           setIsPinned(true);
@@ -33587,11 +33613,11 @@ var PinToMenuButton = ({ assistantId }) => {
     } finally {
       setChecking(false);
     }
-  }, [assistantId, config.enableCustomMenu, get]);
+  }, [hasTarget, config.enableCustomMenu, get, contentType, assistantId, isMatch]);
   (0, import_react109.useEffect)(() => {
     checkPinned();
   }, [checkPinned]);
-  if (!assistantId || !config.enableCustomMenu) return null;
+  if (!hasTarget || !config.enableCustomMenu) return null;
   const handlePin = async () => {
     if (!name.trim()) {
       import_antd98.message.warning("Please enter a menu name");
@@ -33599,14 +33625,19 @@ var PinToMenuButton = ({ assistantId }) => {
     }
     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",
-        contentType: "agent",
-        contentConfig: {
-          agentId: assistantId,
-          workspaceId: workspaceCtx?.workspaceId || void 0,
-          projectId: workspaceCtx?.projectId || void 0
-        },
+        contentType,
+        contentConfig,
         group: group.trim() || void 0,
         name: name.trim(),
         sortOrder: 0
@@ -33653,11 +33684,23 @@ var PinToMenuButton = ({ assistantId }) => {
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_antd98.Tooltip, { title: isPinned ? "Unpin from Menu" : "Pin to Menu", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_antd98.Tooltip, { title: isPinned ? "Unpin from Menu" : "Pin to Menu", children: label ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
       import_antd98.Button,
       {
         type: "text",
-        size: "small",
+        size,
+        block,
+        icon: isPinned ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_lucide_react38.Pin, { size: 14, fill: "currentColor" }) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_lucide_react38.Pin, { size: 14 }),
+        onClick: handleClick,
+        loading: checking || loading && isPinned,
+        children: label
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+      import_antd98.Button,
+      {
+        type: "text",
+        size,
+        block,
         icon: isPinned ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_lucide_react38.Pin, { size: 14, fill: "currentColor" }) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_lucide_react38.Pin, { size: 14 }),
         onClick: handleClick,
         loading: checking || loading && isPinned
@@ -34124,6 +34167,7 @@ var useStyles22 = (0, import_antd_style39.createStyles)(({ token, css }) => ({
   container: css`
     height: 100%;
     overflow-y: auto;
+    overflow-x: hidden;
     padding: 12px;
     font-size: 13px;
     background: transparent;
@@ -34194,7 +34238,8 @@ var useStyles22 = (0, import_antd_style39.createStyles)(({ token, css }) => ({
     display: flex;
     align-items: center;
     gap: 8px;
-    width: 100%;
+    flex: 1;
+    min-width: 0;
     padding: 5px 8px;
     border-radius: 4px;
     cursor: pointer;
@@ -34349,7 +34394,6 @@ var FileDirectoryPanel = ({
   const { styles } = useStyles22();
   const { currentAssistant } = useAssistantContext();
   const { getFileViewUrl } = useWorkspaceContext();
-  const { post } = useApi();
   const [sharePath, setSharePath] = (0, import_react111.useState)(null);
   const renderEntry = import_react111.default.useCallback((entry, depth) => {
     const entryName = getEntryName(entry);
@@ -34408,6 +34452,18 @@ 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,
         {
@@ -34437,32 +34493,6 @@ var FileDirectoryPanel = ({
                 icon: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_icons46.LinkOutlined, {}),
                 label: "Share",
                 onClick: () => setSharePath(entry.path)
-              },
-              {
-                key: "pin",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_lucide_react40.Pin, { size: 14 }),
-                label: "Pin to Menu",
-                onClick: async () => {
-                  try {
-                    const fileName = entry.path.split("/").pop() || entry.path;
-                    await post("/api/menu-items", {
-                      menuTarget: "workspace",
-                      contentType: "file",
-                      contentConfig: {
-                        resourcePath: entry.path,
-                        workspaceId: workspaceId || "",
-                        projectId: projectId || "",
-                        assistantId: currentAssistant?.id || "",
-                        fileName
-                      },
-                      name: fileName,
-                      sortOrder: 0
-                    });
-                    import_antd100.message.success(`Pinned "${fileName}" to menu`);
-                  } catch {
-                    import_antd100.message.error("Failed to pin to menu");
-                  }
-                }
               }
             ]
           },