@axiom-lattice/react-sdk 2.1.94 → 2.1.96

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, {})
@@ -15663,7 +15663,7 @@ var import_react51 = require("react");
 var import_antd34 = require("antd");
 var import_icons21 = require("@ant-design/icons");
 var import_jsx_runtime46 = require("react/jsx-runtime");
-var { Text: Text20 } = import_antd34.Typography;
+var { Text: Text20, Title: Title5 } = import_antd34.Typography;
 var EXPIRY_OPTIONS = [
   { label: "Never", value: void 0 },
   { label: "1 hour", value: "1h" },
@@ -15683,32 +15683,60 @@ function expiryToDate(option) {
   const ms = map[option] ?? 0;
   return ms ? new Date(now + ms).toISOString() : void 0;
 }
+function formatExpiry(d) {
+  if (!d) return "Never";
+  return new Date(d).toLocaleDateString();
+}
+function filePathMatch(record, filePath) {
+  const normalizedPath = filePath.replace(/^\/?project\//, "");
+  return record.address.resourcePath === normalizedPath;
+}
 var ShareModal = ({
   open,
   filePath,
   assistantId,
   fileName,
-  existingToken,
-  existingVisibility,
-  existingTitle,
-  onClose,
-  onUpdated
+  onClose
 }) => {
-  const { shareFile } = useWorkspaceContext();
-  const isEditMode = !!existingToken;
-  const [state, setState] = (0, import_react51.useState)(isEditMode ? "edit" : "creating");
-  const [token, setToken] = (0, import_react51.useState)(existingToken ?? "");
-  const [url, setUrl] = (0, import_react51.useState)(existingToken ? `/s/${existingToken}` : "");
-  const [title, setTitle] = (0, import_react51.useState)(existingTitle ?? fileName ?? "");
-  const [visibility, setVisibility] = (0, import_react51.useState)(
-    existingVisibility ?? "public"
-  );
+  const { shareFile, listShares, unshareFile } = useWorkspaceContext();
+  const { config: shellConfig } = useLatticeChatShellContext();
+  const baseURL = (shellConfig?.baseURL ?? "").replace(/\/$/, "");
+  const [view, setView] = (0, import_react51.useState)("list");
+  const [shares, setShares] = (0, import_react51.useState)([]);
+  const [loading, setLoading] = (0, import_react51.useState)(false);
+  const [title, setTitle] = (0, import_react51.useState)(fileName ?? "");
+  const [visibility, setVisibility] = (0, import_react51.useState)("public");
   const [password, setPassword] = (0, import_react51.useState)("");
   const [expiry, setExpiry] = (0, import_react51.useState)(void 0);
   const [maxAccess, setMaxAccess] = (0, import_react51.useState)(void 0);
   const [error, setError] = (0, import_react51.useState)("");
+  const [resultUrl, setResultUrl] = (0, import_react51.useState)("");
+  const [resultPwd, setResultPwd] = (0, import_react51.useState)("");
+  const loadShares = (0, import_react51.useCallback)(async () => {
+    setLoading(true);
+    try {
+      const all = await listShares();
+      setShares(all.filter((r) => filePathMatch(r, filePath) && !r.revoked));
+    } catch {
+    }
+    setLoading(false);
+  }, [listShares, filePath]);
+  (0, import_react51.useEffect)(() => {
+    if (open) {
+      setView("list");
+      loadShares();
+    }
+  }, [open, loadShares]);
+  const handleCreate = (0, import_react51.useCallback)(async () => {
+    setView("create");
+    setTitle(fileName ?? "");
+    setVisibility("public");
+    setPassword("");
+    setExpiry(void 0);
+    setMaxAccess(void 0);
+    setError("");
+  }, [fileName]);
   const handleShare = (0, import_react51.useCallback)(async () => {
-    setState("creating");
     setError("");
     try {
       const result = await shareFile(filePath, assistantId, {
@@ -15718,104 +15746,137 @@ var ShareModal = ({
         expiresAt: expiryToDate(expiry),
         maxAccess: maxAccess ?? void 0
       });
-      setToken(result.token);
-      setUrl(result.url);
-      setState("result");
+      setResultUrl(`${baseURL}${result.url}`);
+      setResultPwd(password);
+      setView("result");
+      loadShares();
     } catch (err) {
       setError(err instanceof Error ? err.message : "Failed to create share");
-      setState("error");
+      setView("error");
+    }
+  }, [filePath, assistantId, title, visibility, password, expiry, maxAccess, shareFile, baseURL, loadShares]);
+  const handleCopy = (0, import_react51.useCallback)((fullUrl, shareTitle, pwd, isProtected) => {
+    const titleText = shareTitle ? `${shareTitle}
+` : "";
+    const pwdText = pwd ? `Password: ${pwd}
+` : isProtected ? "Password protected\n" : "";
+    navigator.clipboard.writeText(`${titleText}${fullUrl}
+${pwdText}`.trim());
+    import_antd34.message.success("Copied");
+  }, []);
+  const handleRevoke = (0, import_react51.useCallback)(async (token) => {
+    try {
+      await unshareFile(token);
+      import_antd34.message.success("Share revoked");
+      loadShares();
+    } catch {
+      import_antd34.message.error("Failed to revoke");
     }
-  }, [
-    filePath,
-    assistantId,
-    title,
-    visibility,
-    password,
-    expiry,
-    maxAccess,
-    shareFile
-  ]);
-  const handleCopy = (0, import_react51.useCallback)(() => {
-    const fullUrl = `${window.location.origin}${url}`;
-    navigator.clipboard.writeText(fullUrl);
-    import_antd34.message.success("Copied to clipboard");
-  }, [url]);
-  const handleOpen = (0, import_react51.useCallback)(() => {
-    window.open(url, "_blank");
-  }, [url]);
+  }, [unshareFile, loadShares]);
+  const handleOpen = (0, import_react51.useCallback)((fullUrl) => {
+    window.open(fullUrl, "_blank");
+  }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     import_antd34.Modal,
     {
-      title: isEditMode ? "Edit Share" : "Share Resource",
+      title: "Share Resource",
       open,
       onCancel: onClose,
       footer: null,
-      width: 420,
+      width: 480,
       children: [
-        (state === "edit" || state === "creating") && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_antd34.Space, { direction: "vertical", style: { width: "100%" }, size: "middle", children: [
+        view === "list" && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_antd34.Space, { direction: "vertical", style: { width: "100%" }, size: "middle", children: [
+          shares.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+            import_antd34.List,
+            {
+              loading,
+              dataSource: shares,
+              renderItem: (r) => {
+                const fullUrl = `${baseURL}/s/${r.token}`;
+                return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                  import_antd34.List.Item,
+                  {
+                    actions: [
+                      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                        import_antd34.Button,
+                        {
+                          type: "text",
+                          size: "small",
+                          icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons21.CopyOutlined, {}),
+                          onClick: () => handleCopy(fullUrl, r.title ?? void 0, void 0, r.visibility === "password")
+                        },
+                        "copy"
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                        import_antd34.Button,
+                        {
+                          type: "text",
+                          size: "small",
+                          icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons21.LinkOutlined, {}),
+                          onClick: () => handleOpen(fullUrl)
+                        },
+                        "open"
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.Popconfirm, { title: "Revoke this share?", onConfirm: () => handleRevoke(r.token), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.Button, { type: "text", size: "small", danger: true, icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons21.StopOutlined, {}) }) }, "revoke")
+                    ],
+                    children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                      import_antd34.List.Item.Meta,
+                      {
+                        title: r.title || fileName || r.address.resourcePath.split("/").pop(),
+                        description: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_antd34.Space, { size: "small", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.Tag, { color: r.visibility === "password" ? "orange" : "green", children: r.visibility === "password" ? "Password" : "Public" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Text20, { type: "secondary", style: { fontSize: 12 }, children: [
+                            "Expires: ",
+                            formatExpiry(r.expiresAt)
+                          ] })
+                        ] })
+                      }
+                    )
+                  }
+                );
+              }
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { style: { textAlign: "center", padding: "16px 0" }, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Text20, { type: "secondary", children: "No active shares yet" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.Button, { type: "primary", block: true, icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons21.PlusOutlined, {}), onClick: handleCreate, children: "Create New Share" })
+        ] }),
+        view === "create" && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_antd34.Space, { direction: "vertical", style: { width: "100%" }, size: "middle", children: [
           /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Text20, { type: "secondary", style: { fontSize: 12 }, children: "Title" }),
             /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.Input, { value: title, onChange: (e) => setTitle(e.target.value) })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Text20, { type: "secondary", style: { fontSize: 12 }, children: "Visibility" }),
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-              import_antd34.Select,
-              {
-                value: visibility,
-                onChange: setVisibility,
-                style: { width: "100%" },
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.Select.Option, { value: "public", children: "Public" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.Select.Option, { value: "password", children: "Password" })
-                ]
-              }
-            )
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_antd34.Select, { value: visibility, onChange: setVisibility, style: { width: "100%" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.Select.Option, { value: "public", children: "Public" }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.Select.Option, { value: "password", children: "Password" })
+            ] })
           ] }),
           visibility === "password" && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Text20, { type: "secondary", style: { fontSize: 12 }, children: "Password" }),
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-              import_antd34.Input.Password,
-              {
-                value: password,
-                onChange: (e) => setPassword(e.target.value)
-              }
-            )
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.Input.Password, { value: password, onChange: (e) => setPassword(e.target.value) })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Text20, { type: "secondary", style: { fontSize: 12 }, children: "Expires" }),
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-              import_antd34.Select,
-              {
-                value: expiry,
-                onChange: setExpiry,
-                style: { width: "100%" },
-                children: EXPIRY_OPTIONS.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.Select.Option, { value: opt.value, children: opt.label }, opt.label))
-              }
-            )
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.Select, { value: expiry, onChange: setExpiry, style: { width: "100%" }, children: EXPIRY_OPTIONS.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.Select.Option, { value: opt.value, children: opt.label }, opt.label)) })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Text20, { type: "secondary", style: { fontSize: 12 }, children: "Max accesses (empty = unlimited)" }),
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-              import_antd34.InputNumber,
-              {
-                value: maxAccess,
-                onChange: (v) => setMaxAccess(v ?? void 0),
-                style: { width: "100%" },
-                min: 1
-              }
-            )
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.InputNumber, { value: maxAccess, onChange: (v) => setMaxAccess(v ?? void 0), style: { width: "100%" }, min: 1 })
           ] }),
-          !isEditMode && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.Button, { type: "primary", block: true, onClick: handleShare, children: "Create Share" })
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { style: { display: "flex", gap: 8 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.Button, { block: true, onClick: () => setView("list"), children: "Back" }),
+            /* @__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" } }),
+        view === "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: resultUrl, 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" })
-          ] }) })
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.Button, { icon: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_icons21.CopyOutlined, {}), onClick: () => handleCopy(resultUrl, title, resultPwd), 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(resultUrl), children: "Open" })
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.Button, { block: true, onClick: () => setView("list"), children: "Back to shares" })
         ] }),
-        state === "error" && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { style: { textAlign: "center", padding: "24px 0" }, children: [
+        view === "error" && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { style: { textAlign: "center", padding: "24px 0" }, children: [
           /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Text20, { type: "danger", children: error }),
           /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("br", {}),
           /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_antd34.Button, { onClick: handleShare, style: { marginTop: 16 }, children: "Retry" })
@@ -16467,7 +16528,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 +16559,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 +16593,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 +16602,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 +16611,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 {
@@ -19972,7 +20033,7 @@ var import_relativeTime = __toESM(require("dayjs/plugin/relativeTime"));
 var import_client_sdk6 = require("@axiom-lattice/client-sdk");
 var import_jsx_runtime77 = require("react/jsx-runtime");
 import_dayjs2.default.extend(import_relativeTime.default);
-var { Text: Text27, Title: Title5 } = import_antd61.Typography;
+var { Text: Text27, Title: Title6 } = import_antd61.Typography;
 var useStyles7 = (0, import_antd_style19.createStyles)(({ token, css }) => ({
   container: css`
     height: 100%;
@@ -20286,7 +20347,7 @@ var ScheduleViewer = ({ data }) => {
   };
   return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: styles.container, children: [
     /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: styles.header, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Title5, { level: 5, style: { margin: 0 }, children: "Scheduled Tasks" }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Title6, { level: 5, style: { margin: 0 }, children: "Scheduled Tasks" }),
       /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_antd61.Tooltip, { title: "Refresh", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
         import_antd61.Button,
         {
@@ -20952,7 +21013,7 @@ function useTeamWorkspaceData(threadId, assistantId) {
 
 // src/components/GenUI/elements/TeamWorkspace/TeamDashboard.tsx
 var import_jsx_runtime82 = require("react/jsx-runtime");
-var { Title: Title6, Text: Text31 } = import_antd66.Typography;
+var { Title: Title7, Text: Text31 } = import_antd66.Typography;
 var useStyles9 = (0, import_antd_style21.createStyles)(({ token, css }) => ({
   container: css`
     padding: ${token.paddingLG}px;
@@ -21223,7 +21284,7 @@ var TeamDashboard = ({
   const { styles } = useStyles9();
   return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: styles.container, children: [
     /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: styles.header, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Title6, { level: 3, className: styles.title, children: "Team Dashboard" }),
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Title7, { level: 3, className: styles.title, children: "Team Dashboard" }),
       /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Text31, { className: styles.subtitle, children: team?.teamId ? `Team ID: ${team.teamId} \u2022 ${stats.totalTasks} tasks \u2022 ${stats.totalActivities} activities` : "Overview of team activities and tasks" })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_antd66.Row, { gutter: [16, 16], className: styles.statsRow, children: [
@@ -21312,7 +21373,7 @@ var import_antd67 = require("antd");
 var import_antd_style22 = require("antd-style");
 var import_lucide_react22 = require("lucide-react");
 var import_jsx_runtime83 = require("react/jsx-runtime");
-var { Title: Title7, Text: Text32, Paragraph } = import_antd67.Typography;
+var { Title: Title8, Text: Text32, Paragraph } = import_antd67.Typography;
 var useStyles10 = (0, import_antd_style22.createStyles)(({ token, css }) => ({
   modalContent: css`
     padding: 0;
@@ -21774,7 +21835,7 @@ var TaskDetailModal = ({
           ),
           /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Text32, { className: styles.taskId, children: task.id })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Title7, { level: 3, className: styles.title, children: task.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Title8, { level: 3, className: styles.title, children: task.title }),
         task.description && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: styles.description, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Paragraph, { style: { margin: 0 }, children: task.description }) }),
         /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: styles.metaSection, children: [
           /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: styles.metaItem, children: [
@@ -21847,7 +21908,7 @@ var TaskDetailModal = ({
 
 // src/components/GenUI/elements/TeamWorkspace/IssuesView.tsx
 var import_jsx_runtime84 = require("react/jsx-runtime");
-var { Title: Title8, Text: Text33 } = import_antd68.Typography;
+var { Title: Title9, Text: Text33 } = import_antd68.Typography;
 var getInitials4 = (name) => {
   return name.split(/[\s_-]/).map((n) => n.charAt(0)).join("").toUpperCase().slice(0, 2);
 };
@@ -22327,7 +22388,7 @@ var IssuesView = ({
   return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: styles.container, children: [
     /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: styles.header, children: [
       /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Title8, { level: 3, className: styles.title, children: "Issues" }),
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Title9, { level: 3, className: styles.title, children: "Issues" }),
         /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(Text33, { type: "secondary", children: [
           tasks?.length || 0,
           " tasks \u2022 Team: ",
@@ -22372,7 +22433,7 @@ var import_style3 = require("@xyflow/react/dist/style.css");
 var import_antd69 = require("antd");
 var import_antd_style24 = require("antd-style");
 var import_jsx_runtime85 = require("react/jsx-runtime");
-var { Title: Title9, Text: Text34 } = import_antd69.Typography;
+var { Title: Title10, Text: Text34 } = import_antd69.Typography;
 var useStyles12 = (0, import_antd_style24.createStyles)(({ token, css }) => ({
   container: css`
     height: 100%;
@@ -22609,7 +22670,7 @@ var TeamOrgCanvasInner = ({
   };
   return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: styles.container, children: [
     /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: styles.header, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Title9, { level: 3, className: styles.title, children: "Team Organization" }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Title10, { level: 3, className: styles.title, children: "Team Organization" }),
       /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Text34, { type: "secondary", children: [
         teammates.length + 1,
         " members \u2022 ",
@@ -22676,7 +22737,7 @@ var TeamOrgCanvas = (props) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(imp
 var import_antd70 = require("antd");
 var import_antd_style25 = require("antd-style");
 var import_jsx_runtime86 = require("react/jsx-runtime");
-var { Title: Title10, Text: Text35 } = import_antd70.Typography;
+var { Title: Title11, Text: Text35 } = import_antd70.Typography;
 var useStyles13 = (0, import_antd_style25.createStyles)(({ token, css }) => ({
   container: css`
     height: 100%;
@@ -22770,7 +22831,7 @@ var TeamMemberChat = ({
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: styles.headerInfo, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Title10, { level: 4, className: styles.title, children: teammate.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Title11, { level: 4, className: styles.title, children: teammate.name }),
             /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { children: [
               /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_antd70.Tag, { color: "blue", children: teammate.role }),
               teammate.description && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(Text35, { className: styles.role, children: [
@@ -22806,7 +22867,7 @@ var import_antd71 = require("antd");
 var import_antd_style26 = require("antd-style");
 var import_lucide_react24 = require("lucide-react");
 var import_jsx_runtime87 = require("react/jsx-runtime");
-var { Title: Title11, Text: Text36, Paragraph: Paragraph2 } = import_antd71.Typography;
+var { Title: Title12, Text: Text36, Paragraph: Paragraph2 } = import_antd71.Typography;
 var useStyles14 = (0, import_antd_style26.createStyles)(({ token, css }) => ({
   modalContent: css`
     padding: 0;
@@ -22936,12 +22997,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 +23025,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: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(Title12, { 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 +23040,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 +23054,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 }) })
         ] })
       ] })
     }
@@ -23024,7 +23085,7 @@ var MailboxDetailModal = ({
 
 // src/components/GenUI/elements/MailboxPanel.tsx
 var import_jsx_runtime88 = require("react/jsx-runtime");
-var { Title: Title12, Text: Text37 } = import_antd72.Typography;
+var { Title: Title13, Text: Text37 } = import_antd72.Typography;
 var useStyles15 = (0, import_antd_style27.createStyles)(({ token, css }) => ({
   container: css`
     padding: ${token.paddingLG}px;
@@ -23244,26 +23305,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 +23335,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 +23357,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 = () => {
@@ -23306,7 +23367,7 @@ var MailboxPanel = ({ data }) => {
   };
   return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: styles.container, children: [
     /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: styles.header, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(Title12, { level: 3, className: styles.title, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(Title13, { level: 3, className: styles.title, children: [
         /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_lucide_react25.Mail, { size: 20, style: { marginRight: 8, verticalAlign: "middle" } }),
         "Mailbox"
       ] }),
@@ -25141,11 +25202,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 +25221,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;
       }
@@ -27709,7 +27770,7 @@ if (typeof document !== "undefined") {
     document.head.appendChild(style);
   }
 }
-var { Text: Text40, Title: Title13 } = import_antd81.Typography;
+var { Text: Text40, Title: Title14 } = import_antd81.Typography;
 var statusConfig = {
   running: { icon: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_lucide_react28.Loader2, { size: 14, style: { animation: "spin 1s linear infinite", color: "#1677ff" } }), label: "Running" },
   completed: { icon: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_lucide_react28.CircleCheckBig, { size: 14, style: { color: "#52c41a" } }), label: "Completed" },
@@ -28294,8 +28355,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 () => {
@@ -28379,7 +28440,7 @@ var TopologyRuntimeView = () => {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { style: { padding: 16, overflow: "auto", height: "100%" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 16 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Title13, { level: 5, style: { marginBottom: 0 }, children: "Workflow Runs" }),
+      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Title14, { level: 5, style: { marginBottom: 0 }, children: "Workflow Runs" }),
       /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_antd81.Tooltip, { title: "Refresh now", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
         import_icons40.ReloadOutlined,
         {
@@ -28440,7 +28501,7 @@ var import_react93 = require("react");
 var import_antd82 = require("antd");
 var import_icons41 = require("@ant-design/icons");
 var import_jsx_runtime109 = require("react/jsx-runtime");
-var { Text: Text41, Title: Title14 } = import_antd82.Typography;
+var { Text: Text41, Title: Title15 } = import_antd82.Typography;
 var TopologyInboxView = () => {
   const { get } = useApi();
   const [items, setItems] = (0, import_react93.useState)([]);
@@ -28486,7 +28547,7 @@ var TopologyInboxView = () => {
         },
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Title14, { level: 4, style: { margin: 0 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Title15, { level: 4, style: { margin: 0 }, children: [
               /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_icons41.InboxOutlined, { style: { marginRight: 8 } }),
               "User Inbox"
             ] }),
@@ -30474,7 +30535,7 @@ var EvalRunResults = ({ runId, onBack }) => {
 
 // src/components/Eval/EvalPanel.tsx
 var import_jsx_runtime117 = require("react/jsx-runtime");
-var { Text: Text48, Title: Title15, Paragraph: Paragraph3 } = import_antd90.Typography;
+var { Text: Text48, Title: Title16, Paragraph: Paragraph3 } = import_antd90.Typography;
 var useStyle16 = (0, import_antd_style34.createStyles)(({ token, css }) => ({
   shell: css`
     display: flex;
@@ -31534,7 +31595,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 +31604,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 +31666,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 +31876,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,
@@ -31836,7 +31897,7 @@ var PersonalAssistantChannelModal = ({
 
 // src/components/Chat/PersonalAssistantPage.tsx
 var import_jsx_runtime120 = require("react/jsx-runtime");
-var { Title: Title16, Text: Text50, Paragraph: Paragraph4 } = import_antd92.Typography;
+var { Title: Title17, Text: Text50, Paragraph: Paragraph4 } = import_antd92.Typography;
 var useStyles20 = (0, import_antd_style36.createStyles)(({ css, token }) => ({
   container: css` display: flex; flex-direction: column; height: 100%; padding: 24px; overflow-y: auto; `,
   setupWrap: css` max-width: 520px; margin: 30px auto 0; `,
@@ -32021,7 +32082,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)
               }
             ),
@@ -32046,7 +32107,7 @@ var PersonalAssistantPage = () => {
     /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: styles.stepIndicator, children: [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: `${styles.stepDot} ${i === step ? styles.stepDotActive : i < step ? styles.stepDotDone : styles.stepDotPending}` }, i)) }),
     step === 0 && /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_antd92.Card, { className: styles.card, children: [
       /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: styles.avatar, children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_lucide_react36.Sparkles, { size: 26 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Title16, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "What would you like to call them?" }),
+      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Title17, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "What would you like to call them?" }),
       /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Paragraph4, { type: "secondary", style: { textAlign: "center", margin: "0 0 24px" }, children: "This is the name you'll use every day \u2014 your go-to nickname for your AI sidekick." }),
       /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
         import_antd92.Input,
@@ -32064,7 +32125,7 @@ var PersonalAssistantPage = () => {
     ] }),
     step === 1 && /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_antd92.Card, { className: styles.card, children: [
       /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: styles.avatar, children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_lucide_react36.Smile, { size: 26 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Title16, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "What's their vibe?" }),
+      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Title17, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "What's their vibe?" }),
       /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Paragraph4, { type: "secondary", style: { textAlign: "center", margin: "0 0 20px" }, children: "Pick the personality that feels right. This shapes how they talk and support you." }),
       /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: styles.personalityGrid, children: PERSONALITIES.map((p) => /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
         "div",
@@ -32102,7 +32163,7 @@ var PersonalAssistantPage = () => {
     ] }),
     step === 2 && /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_antd92.Card, { className: styles.card, children: [
       /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: styles.avatar, children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_lucide_react36.Bot, { size: 26 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Title16, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "Almost ready!" }),
+      /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Title17, { level: 3, style: { textAlign: "center", margin: "0 0 4px" }, children: "Almost ready!" }),
       /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Paragraph4, { type: "secondary", style: { textAlign: "center", margin: "0 0 24px" }, children: "Your assistant will have private memory and learn about you over time." }),
       /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_antd92.Card, { size: "small", style: { background: "#fafafa", borderRadius: 12, marginBottom: 20 }, children: [
         /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(Text50, { type: "secondary", style: { fontSize: 12, textTransform: "uppercase", letterSpacing: 1 }, children: "Name" }),
@@ -32211,7 +32272,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}`;
@@ -32287,7 +32348,6 @@ var { Text: Text51 } = import_antd95.Typography;
 var SharesPage = ({ client }) => {
   const [shares, setShares] = (0, import_react105.useState)([]);
   const [loading, setLoading] = (0, import_react105.useState)(true);
-  const [editingShare, setEditingShare] = (0, import_react105.useState)(null);
   const loadShares = async () => {
     setLoading(true);
     try {
@@ -32301,8 +32361,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,21 +32422,9 @@ 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 ? [] : [
-          {
-            key: "edit",
-            icon: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_icons44.EditOutlined, {}),
-            label: "Edit",
-            onClick: () => setEditingShare({
-              token: r.token,
-              path: r.address.resourcePath,
-              assistantId: r.assistantId ?? void 0,
-              visibility: r.visibility,
-              title: r.title ?? void 0
-            })
-          },
           {
             key: "revoke",
             icon: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_icons44.StopOutlined, {}),
@@ -32383,20 +32438,7 @@ var SharesPage = ({ client }) => {
   ];
   return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { style: { padding: 24 }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_antd95.Typography.Title, { level: 4, children: "My Shares" }),
-    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_antd95.Table, { dataSource: shares, columns, rowKey: "token", loading, pagination: { pageSize: 20 } }),
-    editingShare && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
-      ShareModal,
-      {
-        open: true,
-        filePath: editingShare.path,
-        assistantId: editingShare.assistantId,
-        existingToken: editingShare.token,
-        existingVisibility: editingShare.visibility,
-        existingTitle: editingShare.title,
-        onClose: () => setEditingShare(null),
-        onUpdated: () => loadShares()
-      }
-    )
+    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_antd95.Table, { dataSource: shares, columns, rowKey: "token", loading, pagination: { pageSize: 20 } })
   ] });
 };
 
@@ -33500,6 +33542,18 @@ var WorkspaceContextProvider = ({
     },
     [client, workspaceId, projectId]
   );
+  const listShares = (0, import_react108.useCallback)(
+    async () => {
+      return client.resources.listShares();
+    },
+    [client]
+  );
+  const unshareFile = (0, import_react108.useCallback)(
+    async (token) => {
+      await client.resources.unshare(token);
+    },
+    [client]
+  );
   const value = {
     workspaceId,
     projectId,
@@ -33522,7 +33576,9 @@ var WorkspaceContextProvider = ({
     uploadFile,
     uploadFileToFolder,
     getFileViewUrl,
-    shareFile
+    shareFile,
+    listShares,
+    unshareFile
   };
   const currentWorkspace = workspaces.find((w) => w.id === workspaceId);
   const workspaceName = currentWorkspace?.name;
@@ -33550,7 +33606,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 +33625,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 +33637,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 +33655,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 +33667,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 +33726,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 +34209,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 +34280,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 +34436,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 +34494,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 +34535,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");
-                  }
-                }
               }
             ]
           },
@@ -35263,7 +35335,7 @@ var import_antd104 = require("antd");
 var import_icons47 = require("@ant-design/icons");
 var import_antd_style42 = require("antd-style");
 var import_jsx_runtime135 = require("react/jsx-runtime");
-var { Text: Text52, Title: Title17 } = import_antd104.Typography;
+var { Text: Text52, Title: Title18 } = import_antd104.Typography;
 var { TextArea: TextArea9 } = import_antd104.Input;
 var useStyles25 = (0, import_antd_style42.createStyles)(({ token, css }) => ({
   //   settingsModal: css`
@@ -36417,7 +36489,7 @@ QUEUE_NAME=tasks`,
       /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: styles.content, children: [
         /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: styles.contentHeader, children: [
           /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: styles.contentHeaderLeft, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Title17, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Title18, { level: 3, className: styles.contentTitle, children: activeMenuItem?.label }),
             /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(Text52, { className: styles.contentDescription, children: [
               activeMenu === "environment" && "Manage environment variables for the gateway server",
               activeMenu === "models" && "Configure and register model lattices for use by agents"
@@ -36453,14 +36525,14 @@ QUEUE_NAME=tasks`,
         },
         children: connection.connecting ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_jsx_runtime135.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_icons47.LinkOutlined, { style: { fontSize: 64, color: "#1890ff" }, spin: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Title17, { level: 4, children: "Connecting..." }),
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Title18, { level: 4, children: "Connecting..." }),
           /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(Text52, { type: "secondary", style: { textAlign: "center" }, children: [
             "Connecting to ",
             connection.url
           ] })
         ] }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_jsx_runtime135.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_icons47.LinkOutlined, { style: { fontSize: 64, color: "#d9d9d9" } }),
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Title17, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Title18, { level: 4, type: "secondary", children: connection.error || "Not Connected" }),
           /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
             Text52,
             {
@@ -36644,7 +36716,7 @@ var import_react117 = require("react");
 var import_antd105 = require("antd");
 var import_lucide_react43 = require("lucide-react");
 var import_jsx_runtime138 = require("react/jsx-runtime");
-var { Text: Text53, Title: Title18 } = import_antd105.Typography;
+var { Text: Text53, Title: Title19 } = import_antd105.Typography;
 var ChannelInstallationsDrawerContent = () => {
   const { get, post, put, del } = useApi();
   const [installations, setInstallations] = (0, import_react117.useState)([]);
@@ -36702,7 +36774,7 @@ var ChannelInstallationsDrawerContent = () => {
           alignItems: "center"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Title18, { level: 5, style: { margin: 0 }, children: "Channel Installations" }),
+          /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Title19, { level: 5, style: { margin: 0 }, children: "Channel Installations" }),
           /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
             import_antd105.Button,
             {