@axiom-lattice/react-sdk 2.1.94 → 2.1.95

package/dist/index.mjs

@@ -97,8 +97,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);
@@ -122,8 +122,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);
@@ -182,8 +182,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);
@@ -222,8 +222,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);
     }
@@ -253,8 +253,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);
     }
@@ -290,8 +290,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);
@@ -510,7 +510,7 @@ function useChat(threadId, assistantId, options = {}) {
         throw new Error("Thread ID is required to send messages");
       }
       const { input, command, streaming = true } = data;
-      const { message: message29, files, ...rest } = input || {};
+      const { message: message28, files, ...rest } = input || {};
       setState((prev) => ({
         ...prev,
         isLoading: true,
@@ -519,7 +519,7 @@ function useChat(threadId, assistantId, options = {}) {
       }));
       const userMessage = {
         id: uuidv4(),
-        content: message29 || command?.resume?.message || "",
+        content: message28 || command?.resume?.message || "",
         files,
         role: "human"
       };
@@ -1555,8 +1555,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 "";
   }
@@ -2029,7 +2029,7 @@ function AgentThreadProvider({
         throw new Error("Thread ID is required to send messages");
       }
       const { input, command, streaming = true, mode } = data;
-      const { message: message29, files, ...rest } = input || {};
+      const { message: message28, files, ...rest } = input || {};
       setState((prev) => ({
         ...prev,
         isLoading: true,
@@ -2038,7 +2038,7 @@ function AgentThreadProvider({
       }));
       const userMessage = {
         id: uuidv42(),
-        content: message29 || command?.resume?.message || "",
+        content: message28 || command?.resume?.message || "",
         files,
         role: "human"
       };
@@ -2056,8 +2056,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,
@@ -3954,8 +3954,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);
     }
@@ -3997,8 +3997,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);
     }
@@ -13499,11 +13499,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] = useState36(false);
   return /* @__PURE__ */ jsxs22(Space9, { direction: "vertical", style: { width: "100%" }, children: [
-    /* @__PURE__ */ jsx31(MDResponse, { content: message29 }),
+    /* @__PURE__ */ jsx31(MDResponse, { content: message28 }),
     options ? /* @__PURE__ */ jsx31(Space9, { style: { justifyContent: "flex-end", width: "100%" }, children: options?.map((option) => /* @__PURE__ */ jsx31(
       Button17,
       {
@@ -13826,7 +13826,7 @@ var useSideAppOpener = () => {
 import { jsx as jsx33, jsxs as jsxs24 } from "react/jsx-runtime";
 var { Text: Text16 } = Typography16;
 var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = true }) => {
-  const { dataSource, message: message29 } = data ?? {};
+  const { dataSource, message: message28 } = data ?? {};
   const [expandedRowKeys, setExpandedRowKeys] = useState38([]);
   const openSideApp = useSideAppOpener();
   const processedData = dataSource?.map((item, index) => ({
@@ -13925,7 +13925,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);
@@ -13946,7 +13946,7 @@ var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = t
           tableLayout: "fixed",
           style: { width: "100% !important" },
           title: () => /* @__PURE__ */ jsxs24(Flex, { justify: "space-between", align: "center", children: [
-            /* @__PURE__ */ jsx33(Space11, { children: /* @__PURE__ */ jsx33(Text16, { strong: true, style: { fontSize: 16 }, children: message29 || "" }) }),
+            /* @__PURE__ */ jsx33(Space11, { children: /* @__PURE__ */ jsx33(Text16, { strong: true, style: { fontSize: 16 }, children: message28 || "" }) }),
             /* @__PURE__ */ jsxs24(Space11, { children: [
               /* @__PURE__ */ jsx33(
                 Button19,
@@ -13968,8 +13968,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__ */ jsx33(ExpandAltOutlined, {})
@@ -15779,6 +15779,8 @@ var ShareModal = ({
   onUpdated
 }) => {
   const { shareFile } = useWorkspaceContext();
+  const { config: shellConfig } = useLatticeChatShellContext();
+  const baseURL = (shellConfig?.baseURL ?? "").replace(/\/$/, "");
   const isEditMode = !!existingToken;
   const [state, setState] = useState44(isEditMode ? "edit" : "creating");
   const [token, setToken] = useState44(existingToken ?? "");
@@ -15820,13 +15822,18 @@ var ShareModal = ({
     shareFile
   ]);
   const handleCopy = useCallback23(() => {
-    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());
     message11.success("Copied to clipboard");
-  }, [url]);
+  }, [url, baseURL, title, visibility, password]);
   const handleOpen = useCallback23(() => {
-    window.open(url, "_blank");
-  }, [url]);
+    window.open(`${baseURL}${url}`, "_blank");
+  }, [url, baseURL]);
   return /* @__PURE__ */ jsxs33(
     Modal10,
     {
@@ -15893,7 +15900,7 @@ var ShareModal = ({
           !isEditMode && /* @__PURE__ */ jsx46(Button25, { type: "primary", block: true, onClick: handleShare, children: "Create Share" })
         ] }),
         state === "result" && /* @__PURE__ */ jsxs33(Space17, { direction: "vertical", style: { width: "100%" }, size: "middle", children: [
-          /* @__PURE__ */ jsx46(Input13, { value: url, readOnly: true, style: { fontFamily: "monospace" } }),
+          /* @__PURE__ */ jsx46(Input13, { value: `${baseURL}${url}`, readOnly: true, style: { fontFamily: "monospace" } }),
           /* @__PURE__ */ jsx46("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ jsxs33(Space17, { children: [
             /* @__PURE__ */ jsx46(Button25, { icon: /* @__PURE__ */ jsx46(CopyOutlined3, {}), onClick: handleCopy, children: "Copy" }),
             /* @__PURE__ */ jsx46(Button25, { type: "primary", icon: /* @__PURE__ */ jsx46(LinkOutlined2, {}), onClick: handleOpen, children: "Open" })
@@ -16584,7 +16591,7 @@ import {
 } from "react";
 import { jsx as jsx53 } from "react/jsx-runtime";
 var LazyBubble = ({
-  message: message29,
+  message: message28,
   renderContent,
   autoLoadRightPanel
 }) => {
@@ -16615,10 +16622,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__ */ jsx53("div", { style: { height: `${estimatedHeight}px`, minHeight: "50px" } });
   };
-  return /* @__PURE__ */ jsx53(ErrorBoundary, { children: /* @__PURE__ */ jsx53("div", { ref, style: { width: "100%" }, children: isVisible || wasEverVisible ? renderContent(message29) : getPlaceholder() }) });
+  return /* @__PURE__ */ jsx53(ErrorBoundary, { children: /* @__PURE__ */ jsx53("div", { ref, style: { width: "100%" }, children: isVisible || wasEverVisible ? renderContent(message28) : getPlaceholder() }) });
 };
 var MemoizedBubbleList = memo(
   ({
@@ -16649,8 +16656,8 @@ var MessageList = ({
       messageLengthRef.current = messages?.length;
     }
   }, [messages?.length]);
-  const renderContent = useCallback25((message29) => {
-    const { content } = message29;
+  const renderContent = useCallback25((message28) => {
+    const { content } = message28;
     try {
       const json = JSON.parse(content);
       if (json.action && json.message) {
@@ -16658,7 +16665,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)}
 \`\`\``;
@@ -16667,17 +16674,17 @@ ${JSON.stringify(tool_call)}
     return /* @__PURE__ */ jsx53(Space21, { direction: "vertical", style: { width: "100%" }, children: /* @__PURE__ */ jsx53(MDResponse, { content: content_md }) });
   }, []);
   const items = useMemo11(
-    () => messages.map((message29, index) => ({
-      key: message29.id,
-      role: message29.role,
+    () => messages.map((message28, index) => ({
+      key: message28.id,
+      role: message28.role,
       typing: false,
       content: /* @__PURE__ */ jsx53(
         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 {
@@ -23164,12 +23171,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__ */ jsx87(
     Modal16,
     {
@@ -23192,12 +23199,12 @@ var MailboxDetailModal = ({
       children: /* @__PURE__ */ jsxs64("div", { className: styles.modalContent, children: [
         /* @__PURE__ */ jsxs64("div", { className: styles.header, children: [
           /* @__PURE__ */ jsx87("div", { className: styles.messageIcon, children: /* @__PURE__ */ jsx87(Mail2, { size: 20 }) }),
-          /* @__PURE__ */ jsx87(Text36, { className: styles.messageId, children: message29.id }),
-          !message29.read && /* @__PURE__ */ jsx87(Tag20, { color: "red", children: "Unread" })
+          /* @__PURE__ */ jsx87(Text36, { className: styles.messageId, children: message28.id }),
+          !message28.read && /* @__PURE__ */ jsx87(Tag20, { color: "red", children: "Unread" })
         ] }),
         /* @__PURE__ */ jsxs64(Title11, { level: 4, className: styles.title, children: [
           "Message from ",
-          message29.from
+          message28.from
         ] }),
         /* @__PURE__ */ jsxs64("div", { className: styles.metaSection, children: [
           /* @__PURE__ */ jsxs64("div", { className: styles.metaItem, children: [
@@ -23207,11 +23214,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__ */ jsx87("span", { children: message29.from })
+              /* @__PURE__ */ jsx87("span", { children: message28.from })
             ] })
           ] }),
           /* @__PURE__ */ jsxs64("div", { className: styles.metaItem, children: [
@@ -23221,29 +23228,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__ */ jsx87("span", { children: message29.to })
+              /* @__PURE__ */ jsx87("span", { children: message28.to })
             ] })
           ] }),
           /* @__PURE__ */ jsxs64("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ jsx87(Text36, { className: styles.metaLabel, children: "Time" }),
             /* @__PURE__ */ jsxs64("div", { className: styles.metaValue, children: [
               /* @__PURE__ */ jsx87(Calendar2, { size: 14 }),
-              /* @__PURE__ */ jsx87("span", { children: formatDate3(message29.timestamp) })
+              /* @__PURE__ */ jsx87("span", { children: formatDate3(message28.timestamp) })
             ] })
           ] }),
           /* @__PURE__ */ jsxs64("div", { className: styles.metaItem, children: [
             /* @__PURE__ */ jsx87(Text36, { className: styles.metaLabel, children: "Type" }),
-            /* @__PURE__ */ jsx87("div", { className: styles.metaValue, children: /* @__PURE__ */ jsx87(Tag20, { color: message29.type === "broadcast" ? "blue" : "default", children: message29.type }) })
+            /* @__PURE__ */ jsx87("div", { className: styles.metaValue, children: /* @__PURE__ */ jsx87(Tag20, { color: message28.type === "broadcast" ? "blue" : "default", children: message28.type }) })
           ] })
         ] }),
         /* @__PURE__ */ jsx87(Divider8, {}),
         /* @__PURE__ */ jsxs64("div", { className: styles.contentSection, children: [
           /* @__PURE__ */ jsx87(Text36, { className: styles.contentLabel, children: "Message Content" }),
-          /* @__PURE__ */ jsx87("div", { className: styles.contentBox, children: /* @__PURE__ */ jsx87(Paragraph2, { className: styles.messageContent, children: message29.content }) })
+          /* @__PURE__ */ jsx87("div", { className: styles.contentBox, children: /* @__PURE__ */ jsx87(Paragraph2, { className: styles.messageContent, children: message28.content }) })
         ] })
       ] })
     }
@@ -23472,26 +23479,26 @@ var MessageGroupComponent = ({ group, styles, defaultExpanded = true, onMessageC
         ]
       }
     ),
-    isExpanded && /* @__PURE__ */ jsx88("div", { className: styles.listGroupContent, children: group.messages.map((message29) => /* @__PURE__ */ jsxs65(
+    isExpanded && /* @__PURE__ */ jsx88("div", { className: styles.listGroupContent, children: group.messages.map((message28) => /* @__PURE__ */ jsxs65(
       "div",
       {
-        className: `${styles.listItem} ${!message29.read ? styles.listItemUnread : ""}`,
-        onClick: () => onMessageClick(message29),
+        className: `${styles.listItem} ${!message28.read ? styles.listItemUnread : ""}`,
+        onClick: () => onMessageClick(message28),
         children: [
-          /* @__PURE__ */ jsx88("div", { className: styles.listItemIcon, children: !message29.read ? /* @__PURE__ */ jsx88("div", { className: styles.unreadBadge }) : /* @__PURE__ */ jsx88(Circle2, { size: 8, style: { color: "#d9d9d9" } }) }),
+          /* @__PURE__ */ jsx88("div", { className: styles.listItemIcon, children: !message28.read ? /* @__PURE__ */ jsx88("div", { className: styles.unreadBadge }) : /* @__PURE__ */ jsx88(Circle2, { size: 8, style: { color: "#d9d9d9" } }) }),
           /* @__PURE__ */ jsxs65("div", { className: styles.listItemContent, children: [
-            /* @__PURE__ */ jsx88("span", { className: styles.listItemPreview, children: getMessagePreview(message29.content) }),
+            /* @__PURE__ */ jsx88("span", { className: styles.listItemPreview, children: getMessagePreview(message28.content) }),
             /* @__PURE__ */ jsxs65("span", { className: styles.listItemMeta, children: [
               "To: ",
-              message29.to,
+              message28.to,
               " \u2022 ",
-              message29.type
+              message28.type
             ] })
           ] }),
-          /* @__PURE__ */ jsx88("div", { className: styles.listItemRight, children: /* @__PURE__ */ jsx88("span", { className: styles.listItemDate, children: formatDate4(message29.timestamp) }) })
+          /* @__PURE__ */ jsx88("div", { className: styles.listItemRight, children: /* @__PURE__ */ jsx88("span", { className: styles.listItemDate, children: formatDate4(message28.timestamp) }) })
         ]
       },
-      message29.id
+      message28.id
     )) })
   ] });
 };
@@ -23502,12 +23509,12 @@ var MailboxPanel = ({ data }) => {
   const { teamMailbox = [] } = data || {};
   const messageGroups = useMemo17(() => {
     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,
@@ -23524,8 +23531,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 = () => {
@@ -25369,11 +25376,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;
@@ -25388,26 +25395,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;
       }
@@ -28546,8 +28553,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 = useCallback37(async () => {
@@ -31185,7 +31192,7 @@ var EvalPanel = () => {
 import { useEffect as useEffect51, useState as useState77, useCallback as useCallback40, useRef as useRef28 } from "react";
 import { Card as Card29, Button as Button57, Input as Input18, Typography as Typography61, message as message20, Dropdown as Dropdown3, Modal as Modal21 } from "antd";
 import { createStyles as createStyles36 } from "antd-style";
-import { Bot as Bot4, Sparkles as Sparkles3, ArrowRight as ArrowRight4, ArrowLeft as ArrowLeft3, Smile, Zap, Heart, Lightbulb, Edit3, MoreHorizontal, Link2 as Link23, Trash2 as Trash29 } from "lucide-react";
+import { Bot as Bot4, Sparkles as Sparkles3, ArrowRight as ArrowRight4, ArrowLeft as ArrowLeft3, Smile, Zap, Heart, Lightbulb, Edit3, MoreHorizontal, MessagesSquare as MessagesSquare2, Trash2 as Trash29 } from "lucide-react";
 import { Client as Client2 } from "@axiom-lattice/client-sdk";
 
 // src/components/Chat/LatticeAgentWorkspace.tsx
@@ -31213,7 +31220,7 @@ import {
   QRCode
 } from "antd";
 import { createStyles as createStyles35 } from "antd-style";
-import { Trash2 as Trash28, X as X2, Link2 as Link22, User as User6, UserPlus } from "lucide-react";
+import { Trash2 as Trash28, X as X2, MessagesSquare, User as User6, UserPlus } from "lucide-react";
 import { Fragment as Fragment23, jsx as jsx119, jsxs as jsxs86 } from "react/jsx-runtime";
 var { Text: Text49 } = Typography60;
 var AVATAR_COLORS = [
@@ -31823,7 +31830,7 @@ var PersonalAssistantChannelModal = ({
       Button56,
       {
         block: true,
-        icon: /* @__PURE__ */ jsx119(Link22, { size: 14 }),
+        icon: /* @__PURE__ */ jsx119(MessagesSquare, { size: 14 }),
         onClick: openCreateForm,
         children: "Connect"
       }
@@ -31832,7 +31839,7 @@ var PersonalAssistantChannelModal = ({
   const renderRightContent = () => {
     if (formMode === "view" && !selectedId) {
       return /* @__PURE__ */ jsxs86("div", { className: styles.emptyState, children: [
-        /* @__PURE__ */ jsx119(Link22, { size: 40, style: { opacity: 0.25, marginBottom: 16 } }),
+        /* @__PURE__ */ jsx119(MessagesSquare, { size: 40, style: { opacity: 0.25, marginBottom: 16 } }),
         /* @__PURE__ */ jsx119(Text49, { style: { fontSize: 14, color: "var(--color-text-secondary, #666)" }, children: "Select a channel from the left or add a new one" })
       ] });
     }
@@ -31894,7 +31901,7 @@ var PersonalAssistantChannelModal = ({
                     Button56,
                     {
                       type: "primary",
-                      icon: /* @__PURE__ */ jsx119(Link22, { size: 14 }),
+                      icon: /* @__PURE__ */ jsx119(MessagesSquare, { size: 14 }),
                       loading: qrLoading,
                       onClick: fetchQrCode,
                       children: "Get QR Code"
@@ -32104,7 +32111,7 @@ var PersonalAssistantChannelModal = ({
     Modal20,
     {
       title: /* @__PURE__ */ jsxs86("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-        /* @__PURE__ */ jsx119(Link22, { size: 18 }),
+        /* @__PURE__ */ jsx119(MessagesSquare, { size: 18 }),
         /* @__PURE__ */ jsx119("span", { children: "Connect Channels" })
       ] }),
       open,
@@ -32310,7 +32317,7 @@ var PersonalAssistantPage = () => {
               HeaderIconButton,
               {
                 ariaLabel: "Channel settings",
-                icon: /* @__PURE__ */ jsx120(Link23, { size: 16 }),
+                icon: /* @__PURE__ */ jsx120(MessagesSquare2, { size: 16 }),
                 onClick: () => setChannelModalOpen(true)
               }
             ),
@@ -32500,7 +32507,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}`;
@@ -32590,8 +32597,15 @@ var SharesPage = ({ client }) => {
   useEffect52(() => {
     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());
     message21.success("Copied");
   };
   const handleRevoke = async (token) => {
@@ -32644,7 +32658,7 @@ var SharesPage = ({ client }) => {
           key: "copy",
           icon: /* @__PURE__ */ jsx123(CopyOutlined4, {}),
           label: "Copy Link",
-          onClick: () => handleCopy(`/s/${r.token}`)
+          onClick: () => handleCopy(r)
         },
         ...r.revoked ? [] : [
           {
@@ -33843,7 +33857,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 = React74.useContext(WorkspaceContext);
   const { config } = useLatticeChatShellContext();
   const { post, get, del } = useApi();
@@ -33854,8 +33876,9 @@ var PinToMenuButton = ({ assistantId }) => {
   const [isPinned, setIsPinned] = useState82(false);
   const [pinnedItemId, setPinnedItemId] = useState82(null);
   const [checking, setChecking] = useState82(true);
+  const hasTarget = contentType === "agent" ? !!assistantId : !!externalContentConfig;
   const checkPinned = useCallback42(async () => {
-    if (!assistantId || !config.enableCustomMenu) {
+    if (!hasTarget || !config.enableCustomMenu) {
       setChecking(false);
       return;
     }
@@ -33865,8 +33888,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);
@@ -33880,11 +33906,11 @@ var PinToMenuButton = ({ assistantId }) => {
     } finally {
       setChecking(false);
     }
-  }, [assistantId, config.enableCustomMenu, get]);
+  }, [hasTarget, config.enableCustomMenu, get, contentType, assistantId, isMatch]);
   useEffect56(() => {
     checkPinned();
   }, [checkPinned]);
-  if (!assistantId || !config.enableCustomMenu) return null;
+  if (!hasTarget || !config.enableCustomMenu) return null;
   const handlePin = async () => {
     if (!name.trim()) {
       message22.warning("Please enter a menu name");
@@ -33892,14 +33918,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
@@ -33946,11 +33977,23 @@ var PinToMenuButton = ({ assistantId }) => {
     }
   };
   return /* @__PURE__ */ jsxs92(Fragment26, { children: [
-    /* @__PURE__ */ jsx127(Tooltip26, { title: isPinned ? "Unpin from Menu" : "Pin to Menu", children: /* @__PURE__ */ jsx127(
+    /* @__PURE__ */ jsx127(Tooltip26, { title: isPinned ? "Unpin from Menu" : "Pin to Menu", children: label ? /* @__PURE__ */ jsx127(
       Button60,
       {
         type: "text",
-        size: "small",
+        size,
+        block,
+        icon: isPinned ? /* @__PURE__ */ jsx127(Pin, { size: 14, fill: "currentColor" }) : /* @__PURE__ */ jsx127(Pin, { size: 14 }),
+        onClick: handleClick,
+        loading: checking || loading && isPinned,
+        children: label
+      }
+    ) : /* @__PURE__ */ jsx127(
+      Button60,
+      {
+        type: "text",
+        size,
+        block,
         icon: isPinned ? /* @__PURE__ */ jsx127(Pin, { size: 14, fill: "currentColor" }) : /* @__PURE__ */ jsx127(Pin, { size: 14 }),
         onClick: handleClick,
         loading: checking || loading && isPinned
@@ -34404,12 +34447,12 @@ var ProjectSelector = ({
 
 // src/components/Chat/ToolPanelFiles.tsx
 import { useCallback as useCallback44, useEffect as useEffect57, useMemo as useMemo37, useState as useState85 } from "react";
-import { message as message25 } from "antd";
+import { message as message24 } from "antd";
 
 // src/components/Chat/FileDirectoryPanel.tsx
 import React76, { useState as useState84 } from "react";
-import { Spin as Spin23, Dropdown as Dropdown6, Button as Button62, message as message24 } from "antd";
-import { ChevronRight as ChevronRight8, FolderOpen as FolderOpen4, Upload, Pin as Pin2 } from "lucide-react";
+import { Spin as Spin23, Dropdown as Dropdown6, Button as Button62 } from "antd";
+import { ChevronRight as ChevronRight8, FolderOpen as FolderOpen4, Upload } from "lucide-react";
 import { createStyles as createStyles39 } from "antd-style";
 import { MoreOutlined as MoreOutlined5, LinkOutlined as LinkOutlined5, DownloadOutlined as DownloadOutlined4, EyeOutlined } from "@ant-design/icons";
 import { Fragment as Fragment28, jsx as jsx129, jsxs as jsxs94 } from "react/jsx-runtime";
@@ -34417,6 +34460,7 @@ var useStyles22 = createStyles39(({ token, css }) => ({
   container: css`
     height: 100%;
     overflow-y: auto;
+    overflow-x: hidden;
     padding: 12px;
     font-size: 13px;
     background: transparent;
@@ -34487,7 +34531,8 @@ var useStyles22 = createStyles39(({ token, css }) => ({
     display: flex;
     align-items: center;
     gap: 8px;
-    width: 100%;
+    flex: 1;
+    min-width: 0;
     padding: 5px 8px;
     border-radius: 4px;
     cursor: pointer;
@@ -34642,7 +34687,6 @@ var FileDirectoryPanel = ({
   const { styles } = useStyles22();
   const { currentAssistant } = useAssistantContext();
   const { getFileViewUrl } = useWorkspaceContext();
-  const { post } = useApi();
   const [sharePath, setSharePath] = useState84(null);
   const renderEntry = React76.useCallback((entry, depth) => {
     const entryName = getEntryName(entry);
@@ -34701,6 +34745,18 @@ var FileDirectoryPanel = ({
           ]
         }
       ),
+      /* @__PURE__ */ jsx129(
+        PinToMenuButton,
+        {
+          contentType: "file",
+          contentConfig: {
+            resourcePath: entry.path,
+            assistantId: currentAssistant?.id || "",
+            fileName: entry.path.split("/").pop() || entry.path
+          },
+          isMatch: (cfg) => cfg.resourcePath === entry.path
+        }
+      ),
       /* @__PURE__ */ jsx129(
         Dropdown6,
         {
@@ -34730,32 +34786,6 @@ var FileDirectoryPanel = ({
                 icon: /* @__PURE__ */ jsx129(LinkOutlined5, {}),
                 label: "Share",
                 onClick: () => setSharePath(entry.path)
-              },
-              {
-                key: "pin",
-                icon: /* @__PURE__ */ jsx129(Pin2, { 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
-                    });
-                    message24.success(`Pinned "${fileName}" to menu`);
-                  } catch {
-                    message24.error("Failed to pin to menu");
-                  }
-                }
               }
             ]
           },
@@ -34920,7 +34950,7 @@ var ToolPanelFiles = () => {
   const handleAssetClick = useCallback44((asset) => {
     const fileUrl = getFileViewUrl(asset.path, currentAssistant?.id);
     if (!fileUrl) {
-      message25.warning("Please select a workspace and project first.");
+      message24.warning("Please select a workspace and project first.");
       return;
     }
     openSideApp({
@@ -34935,7 +34965,7 @@ var ToolPanelFiles = () => {
   }, [getFileViewUrl, openSideApp, currentAssistant?.id]);
   const handleUploadFolder = useCallback44(async (folderName) => {
     if (!workspaceId || !projectId) {
-      message25.warning("Please select a workspace and project before uploading.");
+      message24.warning("Please select a workspace and project before uploading.");
       return;
     }
     const input = document.createElement("input");
@@ -34949,14 +34979,14 @@ var ToolPanelFiles = () => {
       setUploadingFolder(folderName);
       try {
         await uploadFileToFolder(folderName, file, currentAssistant?.id);
-        message25.success(`Uploaded "${file.name}" successfully`);
+        message24.success(`Uploaded "${file.name}" successfully`);
         const folder = resourceFolders.find((item) => item.name === folderName);
         if (folder) {
           await loadAssetsForFolder(folder);
         }
       } catch (error) {
         const errMsg = error instanceof Error ? error.message : "Failed to upload file";
-        message25.error(errMsg);
+        message24.error(errMsg);
       } finally {
         setUploadingFolder(null);
         input.remove();
@@ -35073,7 +35103,7 @@ import {
 import React78, { useCallback as useCallback45 } from "react";
 import { createStyles as createStyles41 } from "antd-style";
 import { MessageSquare as MessageSquare4, Trash2 as Trash210 } from "lucide-react";
-import { message as message26, Modal as Modal26 } from "antd";
+import { message as message25, Modal as Modal26 } from "antd";
 import { jsx as jsx132, jsxs as jsxs96 } from "react/jsx-runtime";
 var useStyles24 = createStyles41(({ token, css }) => ({
   container: css`
@@ -35196,9 +35226,9 @@ var ThreadHistoryMenuContent = () => {
         onOk: async () => {
           try {
             await deleteThread(threadIdToDelete);
-            message26.success("Conversation deleted");
+            message25.success("Conversation deleted");
           } catch (error) {
-            message26.error("Failed to delete conversation");
+            message25.error("Failed to delete conversation");
           }
         }
       });
@@ -35562,7 +35592,7 @@ import {
   Modal as Modal27,
   Input as Input21,
   Button as Button64,
-  message as message27,
+  message as message26,
   notification as notification5,
   Typography as Typography63,
   Alert as Alert9,
@@ -36122,7 +36152,7 @@ var SettingsModal = ({
       }
     } catch (error) {
       console.error("Failed to load configuration:", error);
-      message27.error("Failed to load current configuration");
+      message26.error("Failed to load current configuration");
     }
   };
   const loadModelsConfig = async (serverId) => {
@@ -36196,7 +36226,7 @@ var SettingsModal = ({
   }, [open, activeTabKey, activeMenu]);
   const handleAddServer = async () => {
     if (!newServerUrl.trim()) {
-      message27.error("Please enter a server URL");
+      message26.error("Please enter a server URL");
       return;
     }
     let normalizedUrl = newServerUrl.trim();
@@ -36259,12 +36289,12 @@ var SettingsModal = ({
   const handleSave = async () => {
     const connection = connections.find((c) => c.id === activeTabKey);
     if (!connection || !connection.connected) {
-      message27.error("Please connect to a server first");
+      message26.error("Please connect to a server first");
       return;
     }
     const url = connection.url;
     if (!url) {
-      message27.error("Please connect to a server first");
+      message26.error("Please connect to a server first");
       return;
     }
     try {
@@ -36328,7 +36358,7 @@ var SettingsModal = ({
         const data = await response.json();
         if (response.ok && data.success) {
           if (data.requiresRestart && data.requiresRestart.length > 0) {
-            message27.warning(
+            message26.warning(
               `Configuration saved. Please restart the server for ${data.requiresRestart.join(
                 ", "
               )} to take effect.`,
@@ -36342,12 +36372,12 @@ var SettingsModal = ({
           }
           if (data.warnings && data.warnings.length > 0) {
             data.warnings.forEach((warning) => {
-              message27.warning(warning, 5);
+              message26.warning(warning, 5);
             });
           }
           onClose();
         } else {
-          message27.error(data.error || "Failed to save configuration");
+          message26.error(data.error || "Failed to save configuration");
         }
       } else if (activeMenu === "models") {
         const validModels = config.models.filter(
@@ -36372,12 +36402,12 @@ var SettingsModal = ({
           });
           onClose();
         } else {
-          message27.error(data.error || "Failed to save model configuration");
+          message26.error(data.error || "Failed to save model configuration");
         }
       }
     } catch (error) {
       console.error("Failed to save configuration:", error);
-      message27.error(error.message || "Failed to save configuration");
+      message26.error(error.message || "Failed to save configuration");
     } finally {
       setLoading(false);
     }
@@ -36973,7 +37003,7 @@ import {
   Spin as Spin24,
   Tag as Tag31,
   Typography as Typography64,
-  message as message28
+  message as message27
 } from "antd";
 import { Edit2 as Edit24, Plus as Plus10, RadioTower, Trash2 as Trash211 } from "lucide-react";
 import { jsx as jsx138, jsxs as jsxs100 } from "react/jsx-runtime";
@@ -36994,12 +37024,12 @@ var ChannelInstallationsDrawerContent = () => {
         setInstallations(result.data?.records ?? []);
       } else {
         setInstallations([]);
-        message28.error(result.message || "Failed to load channel installations");
+        message27.error(result.message || "Failed to load channel installations");
       }
     } catch (error) {
       console.error("Failed to load channel installations:", error);
       setInstallations([]);
-      message28.error("Failed to load channel installations");
+      message27.error("Failed to load channel installations");
     } finally {
       setLoading(false);
     }
@@ -37016,13 +37046,13 @@ var ChannelInstallationsDrawerContent = () => {
         setInstallations(
           (current) => current.filter((item) => item.id !== installation.id)
         );
-        message28.success("Installation deleted");
+        message27.success("Installation deleted");
       } else {
-        message28.error(result.message || "Failed to delete installation");
+        message27.error(result.message || "Failed to delete installation");
       }
     } catch (error) {
       console.error("Failed to delete channel installation:", error);
-      message28.error("Failed to delete installation");
+      message27.error("Failed to delete installation");
     }
   };
   return /* @__PURE__ */ jsxs100("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
@@ -37185,10 +37215,10 @@ var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCance
           payload2
         );
         if (result2.success) {
-          message28.success("Installation updated");
+          message27.success("Installation updated");
           onSave();
         } else {
-          message28.error(result2.message || "Failed to update installation");
+          message27.error(result2.message || "Failed to update installation");
         }
         return;
       }
@@ -37202,14 +37232,14 @@ var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCance
         payload
       );
       if (result.success) {
-        message28.success("Installation created");
+        message27.success("Installation created");
         onSave();
       } else {
-        message28.error(result.message || "Failed to create installation");
+        message27.error(result.message || "Failed to create installation");
       }
     } catch (error) {
       console.error("Failed to save channel installation:", error);
-      message28.error(
+      message27.error(
         installation ? "Failed to update installation" : "Failed to create installation"
       );
     }