@ai-matrx/sharing 0.1.3 → 0.1.5

package/dist/react.js

@@ -2,7 +2,8 @@
 
 // src/react/sheet/host.tsx
 import { useCallback, useEffect, useMemo, useState, useSyncExternalStore } from "react";
-import { Button, Input } from "@ai-matrx/design-system";
+import { Input } from "@ai-matrx/design-system";
+import { Button } from "@ai-matrx/design-system/controls";
 import { copyText } from "@ai-matrx/kit/clipboard";
 import { confirm as kitConfirm } from "@ai-matrx/kit/confirm-opener";
 import { readOrganizationMemberRows } from "@ai-matrx/sharing/core";
@@ -22,8 +23,7 @@ function DefaultCopyButtons(props) {
     Button,
     {
       type: "button",
-      variant: "ghost",
-      size: "sm",
+      variant: "quiet",
       className: props.className,
       onClick: () => {
         void copyText(text()).then(() => {
@@ -35,8 +35,26 @@ function DefaultCopyButtons(props) {
     }
   );
 }
+var announced = /* @__PURE__ */ new Set();
+function announceStandIn(port) {
+  if (announced.has(port)) return;
+  announced.add(port);
+  console.warn(
+    `[share] The share sheet is using its built-in stand-in for "${port}": the host did not pass it, so that part of the sheet is absent. Pass it with configureShareSheetUi({ ${port} }).`
+  );
+}
+function StandIn({ port }) {
+  useEffect(() => announceStandIn(port), [port]);
+  return /* @__PURE__ */ jsx("span", { hidden: true, "data-share-sheet-host": "unconfigured", "data-share-sheet-port": port });
+}
 function DefaultErrorMenu(_props) {
-  return null;
+  return /* @__PURE__ */ jsx(StandIn, { port: "ErrorAlchemyMenu" });
+}
+function DefaultPageCaptureButton(_props) {
+  return /* @__PURE__ */ jsx(StandIn, { port: "PageCaptureButton" });
+}
+function DefaultEntityDoorControls(_props) {
+  return /* @__PURE__ */ jsx(StandIn, { port: "EntityDoorControls" });
 }
 function DefaultInfoHint(props) {
   return /* @__PURE__ */ jsx("span", { title: String(props.text ?? ""), "aria-label": String(props.label ?? "More info"), className: "cursor-help text-muted-foreground", children: "\u24D8" });
@@ -146,14 +164,23 @@ var DEFAULTS = {
   useUserConnections: useDefaultConnections,
   confirm: (o) => kitConfirm(o),
   CopyButtons: DefaultCopyButtons,
-  csvExportItem: () => null,
-  jsonExportItem: () => null,
-  usePageCapture: () => void 0,
+  csvExportItem: () => {
+    announceStandIn("csvExportItem");
+    return null;
+  },
+  jsonExportItem: () => {
+    announceStandIn("jsonExportItem");
+    return null;
+  },
+  usePageCapture: () => {
+    announceStandIn("usePageCapture");
+    return void 0;
+  },
   dialogCapture: (input) => input,
-  PageCaptureButton: () => null,
+  PageCaptureButton: DefaultPageCaptureButton,
   ErrorAlchemyMenu: DefaultErrorMenu,
   InfoHint: DefaultInfoHint,
-  EntityDoorControls: () => null,
+  EntityDoorControls: DefaultEntityDoorControls,
   EntityRef: DefaultEntityRef,
   UserAvatarDisplay: DefaultUserAvatar,
   ConnectionsReadNotice: DefaultConnectionsNotice,
@@ -172,7 +199,7 @@ function shareSheetUi() {
 function useToast() {
   return { toast: (o) => ui.toast(o) };
 }
-function copyNotify(message, kind) {
+function shareCopyNotify(message, kind) {
   ui.toast({ title: message, ...kind === "error" ? { variant: "destructive" } : {} });
 }
 var confirm = (options) => ui.confirm(options);
@@ -186,10 +213,10 @@ var csvExportItem = (...args) => ui.csvExportItem(...args);
 var jsonExportItem = (...args) => ui.jsonExportItem(...args);
 var CopyButtons = (p) => /* @__PURE__ */ jsx(ui.CopyButtons, { ...p });
 var PageCaptureButton = (p) => /* @__PURE__ */ jsx(ui.PageCaptureButton, { ...p });
-var ErrorAlchemyMenu = (p) => /* @__PURE__ */ jsx(ui.ErrorAlchemyMenu, { ...p });
+var ShareErrorAlchemyMenu = (p) => /* @__PURE__ */ jsx(ui.ErrorAlchemyMenu, { ...p });
 var InfoHint = (p) => /* @__PURE__ */ jsx(ui.InfoHint, { ...p });
-var EntityDoorControls = (p) => /* @__PURE__ */ jsx(ui.EntityDoorControls, { ...p });
-var EntityRef = (p) => /* @__PURE__ */ jsx(ui.EntityRef, { ...p });
+var ShareEntityDoorControls = (p) => /* @__PURE__ */ jsx(ui.EntityDoorControls, { ...p });
+var ShareEntityRef = (p) => /* @__PURE__ */ jsx(ui.EntityRef, { ...p });
 var UserAvatarDisplay = (p) => /* @__PURE__ */ jsx(ui.UserAvatarDisplay, { ...p });
 var ConnectionsReadNotice = (p) => /* @__PURE__ */ jsx(ui.ConnectionsReadNotice, { ...p });
 var UserSearchField = (p) => /* @__PURE__ */ jsx(ui.UserSearchField, { ...p });
@@ -197,6 +224,7 @@ var defaultIdentity = null;
 var usePortalContainer = () => ui.usePortalContainer();
 var vaultIdentity = () => {
   if (ui.vaultIdentity) return ui.vaultIdentity;
+  announceStandIn("vaultIdentity");
   if (!defaultIdentity) {
     defaultIdentity = createSupabaseIdentity(shareClientForIdentity().auth, {
       redirectTo: () => window.location.href,
@@ -347,7 +375,7 @@ var ShareTabsTrigger = React.forwardRef(
 ShareTabsTrigger.displayName = "ShareTabsTrigger";
 
 // src/react/sheet/ShareModal.tsx
-import { Button as Button10 } from "@ai-matrx/design-system";
+import { Button as Button10 } from "@ai-matrx/design-system/controls";
 import {
   Users as Users5,
   Globe as Globe5,
@@ -851,7 +879,7 @@ import { AlertTriangle as AlertTriangle4, Lock as Lock3 } from "lucide-react";
 
 // src/react/sheet/PermissionsList.tsx
 import { useState as useState4 } from "react";
-import { Button as Button2 } from "@ai-matrx/design-system";
+import { Button as Button2 } from "@ai-matrx/design-system/controls";
 import { Card } from "@ai-matrx/design-system";
 import { cn } from "@ai-matrx/design-system/cn";
 import { Select, SelectContent, SelectItem, SelectValue } from "@ai-matrx/design-system";
@@ -1220,7 +1248,7 @@ function PermissionsList({
                   /* @__PURE__ */ jsx4("p", { className: "text-sm font-semibold truncate leading-none", children: getPermissionLabel(permission) }),
                   permission.grantedToUser?.isGuest && !permission.isPublic ? /* @__PURE__ */ jsx4(GuestBadge, {}) : null,
                   permission.grantedToOrganization && /* @__PURE__ */ jsx4(
-                    EntityDoorControls,
+                    ShareEntityDoorControls,
                     {
                       token: "organization",
                       id: permission.grantedToOrganization.id,
@@ -1288,14 +1316,12 @@ function PermissionsList({
                   /* @__PURE__ */ jsx4(
                     Button2,
                     {
-                      variant: "ghost",
-                      size: "icon",
-                      className: "h-7 w-7",
+                      icon: isRevoking ? /* @__PURE__ */ jsx4(Loader2, { className: "animate-spin" }) : /* @__PURE__ */ jsx4(X, {}),
+                      variant: "quiet",
                       "aria-label": `Revoke access for ${getPermissionLabel(permission)}`,
                       title: `Revoke access for ${getPermissionLabel(permission)}`,
                       onClick: () => setConfirmRevoke({ open: true, permission }),
-                      disabled: isUpdating || isRevoking,
-                      children: isRevoking ? /* @__PURE__ */ jsx4(Loader2, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx4(X, { className: "w-3 h-3" })
+                      disabled: isUpdating || isRevoking
                     }
                   )
                 ] }) : /* @__PURE__ */ jsx4(Fragment, { children: permission.isPublic ? /* @__PURE__ */ jsx4(PublicBadge, { variant: "compact" }) : /* @__PURE__ */ jsx4(
@@ -1517,7 +1543,7 @@ function AccessSummaryPanel({
               children: "Retry"
             }
           ),
-          /* @__PURE__ */ jsx5(ErrorAlchemyMenu, { error })
+          /* @__PURE__ */ jsx5(ShareErrorAlchemyMenu, { error })
         ]
       }
     );
@@ -1632,7 +1658,7 @@ function ReasonRow({
 
 // src/react/sheet/ShareWithUserTab.tsx
 import { useState as useState6, useMemo as useMemo2, useEffect as useEffect6 } from "react";
-import { Button as Button4 } from "@ai-matrx/design-system";
+import { Button as Button4 } from "@ai-matrx/design-system/controls";
 import { Label as Label2 } from "@ai-matrx/design-system";
 import { Select as Select3, SelectContent as SelectContent3, SelectItem as SelectItem3, SelectValue as SelectValue3 } from "@ai-matrx/design-system";
 import { SelectTrigger as SelectTrigger3 } from "@ai-matrx/design-system/controls";
@@ -1671,7 +1697,7 @@ import { readOrganizationMemberRows as readOrganizationMemberRows2 } from "@ai-m
 import { listTeamMembers, listTeams } from "@ai-matrx/sharing/core";
 import { useEffect as useEffect5, useState as useState5 } from "react";
 import { Building2 as Building22, CheckCircle, Loader2 as Loader23, Users as Users3, XCircle } from "lucide-react";
-import { Button as Button3 } from "@ai-matrx/design-system";
+import { Button as Button3 } from "@ai-matrx/design-system/controls";
 import { Checkbox } from "@ai-matrx/design-system";
 import { Label } from "@ai-matrx/design-system";
 import { Select as Select2, SelectContent as SelectContent2, SelectItem as SelectItem2, SelectValue as SelectValue2 } from "@ai-matrx/design-system";
@@ -1791,21 +1817,19 @@ function AddEveryoneInOrg({
   };
   if (orgs.length === 0) return null;
   if (!open) {
-    return /* @__PURE__ */ jsxs5(
+    return /* @__PURE__ */ jsx6(
       Button3,
       {
+        icon: /* @__PURE__ */ jsx6(Users3, {}),
         type: "button",
         variant: "outline",
-        className: "w-full h-9",
+        className: "w-full",
         onClick: () => {
           if (!orgId && defaultOrgId && orgs.some((o) => o.id === defaultOrgId))
             setOrgId(defaultOrgId);
           setOpen(true);
         },
-        children: [
-          /* @__PURE__ */ jsx6(Users3, { className: "w-4 h-4 mr-2" }),
-          "Add everyone in an organization or team"
-        ]
+        children: "Add everyone in an organization or team"
       }
     );
   }
@@ -1872,14 +1896,14 @@ function AddEveryoneInOrg({
           orgLabel,
           " could not be listed: ",
           teamsError,
-          /* @__PURE__ */ jsx6(ErrorAlchemyMenu, { error: teamsError })
+          /* @__PURE__ */ jsx6(ShareErrorAlchemyMenu, { error: teamsError })
         ] }) : null,
         orgId && loadError ? /* @__PURE__ */ jsxs5("p", { className: "type-secondary text-destructive", children: [
           "The people in ",
           orgName,
           " could not be listed: ",
           loadError,
-          /* @__PURE__ */ jsx6(ErrorAlchemyMenu, { error: loadError })
+          /* @__PURE__ */ jsx6(ShareErrorAlchemyMenu, { error: loadError })
         ] }) : null,
         orgId && !loadError && members === null ? /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 type-secondary text-muted-foreground", children: [
           /* @__PURE__ */ jsx6(Loader23, { className: "w-3 h-3 animate-spin" }),
@@ -1943,10 +1967,11 @@ function AddEveryoneInOrg({
         members && members.length > 0 && (chosen.length > 0 || running) ? /* @__PURE__ */ jsx6(
           Button3,
           {
+            variant: "primary",
             type: "button",
             onClick: run,
             disabled: running || chosen.length === 0,
-            className: "w-full h-9",
+            className: "w-full",
             children: running ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
               /* @__PURE__ */ jsx6(Loader23, { className: "w-4 h-4 mr-2 animate-spin" }),
               "Sharing\u2026"
@@ -2390,9 +2415,10 @@ function ShareWithUserTab({
       /* @__PURE__ */ jsx7(
         Button4,
         {
+          variant: "primary",
           onClick: handleShare,
           disabled: isLoading || !email.trim() || chosenWhy !== null,
-          className: "w-full h-9",
+          className: "w-full",
           children: isLoading ? /* @__PURE__ */ jsxs6(Fragment3, { children: [
             /* @__PURE__ */ jsx7(Loader24, { className: "w-4 h-4 mr-2 animate-spin" }),
             status.message || "Processing..."
@@ -2430,7 +2456,7 @@ import {
   Send,
   Trash2
 } from "lucide-react";
-import { Button as Button5 } from "@ai-matrx/design-system";
+import { Button as Button5 } from "@ai-matrx/design-system/controls";
 import { Input as Input2 } from "@ai-matrx/design-system/controls";
 import { Label as Label3 } from "@ai-matrx/design-system";
 import { Select as Select4, SelectContent as SelectContent4, SelectItem as SelectItem4, SelectValue as SelectValue4 } from "@ai-matrx/design-system";
@@ -2516,13 +2542,13 @@ function OutsideSharePanel({
           /* @__PURE__ */ jsxs7("p", { className: "text-sm font-medium text-destructive", children: [
             "We could not check who outside this organization can see ",
             tableName,
-            /* @__PURE__ */ jsx8(ErrorAlchemyMenu, {})
+            /* @__PURE__ */ jsx8(ShareErrorAlchemyMenu, {})
           ] }),
           /* @__PURE__ */ jsx8("p", { className: "mt-0.5 text-xs text-destructive/80", children: "Nobody was added or removed. This does not mean sharing outside is switched off \u2014 we simply could not look." }),
           /* @__PURE__ */ jsx8("p", { className: "mt-1 break-words text-xs text-muted-foreground", children: loadError })
         ] })
       ] }),
-      /* @__PURE__ */ jsx8(Button5, { size: "sm", variant: "outline", className: "mt-2", onClick: () => void refresh(), children: "Try again" })
+      /* @__PURE__ */ jsx8(Button5, { variant: "outline", className: "mt-2", onClick: () => void refresh(), children: "Try again" })
     ] });
   }
   if (!state2) {
@@ -2568,10 +2594,11 @@ function OutsideSharePanel({
           /* @__PURE__ */ jsx8(SelectContent4, { children: state2.levels.map((l) => /* @__PURE__ */ jsx8(SelectItem4, { value: l.level, children: l.means }, l.level)) })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs7(
+      /* @__PURE__ */ jsx8(
         Button5,
         {
-          size: "sm",
+          icon: busy === "invite" ? /* @__PURE__ */ jsx8(Loader25, { className: "animate-spin" }) : /* @__PURE__ */ jsx8(Send, {}),
+          variant: "primary",
           disabled: !email.trim() || busy === "invite",
           onClick: () => void run("invite", async () => {
             const answer = await shareWithOutsidePerson(organizationId, tableId, email.trim(), level);
@@ -2579,10 +2606,7 @@ function OutsideSharePanel({
             if (answer.granted) onGranted?.();
             return answer;
           }),
-          children: [
-            busy === "invite" ? /* @__PURE__ */ jsx8(Loader25, { className: "mr-1.5 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx8(Send, { className: "mr-1.5 h-4 w-4" }),
-            "Share"
-          ]
+          children: "Share"
         }
       )
     ] }) : null,
@@ -2601,42 +2625,40 @@ function OutsideSharePanel({
         /* @__PURE__ */ jsx8("p", { className: "mt-0.5 text-xs text-muted-foreground", children: row.say })
       ] }),
       state2.may_invite ? /* @__PURE__ */ jsxs7("div", { className: "flex flex-shrink-0 gap-1", children: [
-        row.accept_path ? /* @__PURE__ */ jsxs7(
+        row.accept_path ? /* @__PURE__ */ jsx8(
           Button5,
           {
-            size: "sm",
-            variant: "ghost",
+            icon: copied === row.invitation_id ? /* @__PURE__ */ jsx8(Check, {}) : /* @__PURE__ */ jsx8(Link2, {}),
+            variant: "quiet",
             title: "Copy invitation link",
             onClick: () => void copyLink(
               row.invitation_id,
               row.accept_path,
               row.email
             ),
-            children: [
-              copied === row.invitation_id ? /* @__PURE__ */ jsx8(Check, { className: "mr-1.5 h-4 w-4" }) : /* @__PURE__ */ jsx8(Link2, { className: "mr-1.5 h-4 w-4" }),
-              /* @__PURE__ */ jsx8("span", { className: "text-xs", children: copied === row.invitation_id ? "Copied" : "Copy link" })
-            ]
+            children: /* @__PURE__ */ jsx8("span", { className: "text-xs", children: copied === row.invitation_id ? "Copied" : "Copy link" })
           }
         ) : null,
         !row.joined ? /* @__PURE__ */ jsx8(
           Button5,
           {
-            size: "sm",
-            variant: "ghost",
+            icon: busy === `resend:${row.invitation_id}` ? /* @__PURE__ */ jsx8(Loader25, { className: "animate-spin" }) : /* @__PURE__ */ jsx8(RotateCw, {}),
+            "aria-label": "Send a fresh link",
+            variant: "quiet",
             title: "Send a fresh link",
             disabled: busy === `resend:${row.invitation_id}`,
             onClick: () => void run(
               `resend:${row.invitation_id}`,
               () => resendOutside(organizationId, row.invitation_id)
-            ),
-            children: busy === `resend:${row.invitation_id}` ? /* @__PURE__ */ jsx8(Loader25, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx8(RotateCw, { className: "h-4 w-4" })
+            )
           }
         ) : null,
         /* @__PURE__ */ jsx8(
           Button5,
           {
-            size: "sm",
-            variant: "ghost",
+            icon: busy === `revoke:${row.invitation_id}` ? /* @__PURE__ */ jsx8(Loader25, { className: "animate-spin" }) : /* @__PURE__ */ jsx8(Trash2, {}),
+            "aria-label": row.joined ? "Take their access away" : "Withdraw the invitation",
+            variant: "quiet",
             title: row.joined ? "Take their access away" : "Withdraw the invitation",
             disabled: busy === `revoke:${row.invitation_id}`,
             onClick: () => void (async () => {
@@ -2651,8 +2673,7 @@ function OutsideSharePanel({
                 `revoke:${row.invitation_id}`,
                 () => revokeOutside(organizationId, row.invitation_id)
               );
-            })(),
-            children: busy === `revoke:${row.invitation_id}` ? /* @__PURE__ */ jsx8(Loader25, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx8(Trash2, { className: "h-4 w-4" })
+            })()
           }
         )
       ] }) : null
@@ -2666,7 +2687,7 @@ import { shareWithOutsidePerson as shareWithOutsidePerson2 } from "@ai-matrx/sha
 // src/react/sheet/WhoCouldSeeOn.tsx
 import { useState as useState8 } from "react";
 import { History, Loader2 as Loader26 } from "lucide-react";
-import { Button as Button6 } from "@ai-matrx/design-system";
+import { Button as Button6 } from "@ai-matrx/design-system/controls";
 import { DateTimeField } from "@ai-matrx/design-system/controls";
 import { createClient as createClient3, PERMISSION_LEVEL_SHORT_LABELS as PERMISSION_LEVEL_SHORT_LABELS4 } from "@ai-matrx/sharing/core";
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
@@ -2706,10 +2727,7 @@ function WhoCouldSeeOn({ recordId }) {
           className: "min-w-0 flex-1"
         }
       ),
-      /* @__PURE__ */ jsxs8(Button6, { size: "sm", variant: "outline", className: "h-7 px-2 text-xs", disabled: busy || at === "", onClick: () => void ask(), "data-who-could-see-ask": "", children: [
-        busy ? /* @__PURE__ */ jsx9(Loader26, { className: "mr-1 h-3.5 w-3.5 animate-spin" }) : null,
-        "Ask"
-      ] })
+      /* @__PURE__ */ jsx9(Button6, { icon: busy ? /* @__PURE__ */ jsx9(Loader26, { className: "animate-spin" }) : null, variant: "outline", disabled: busy || at === "", onClick: () => void ask(), "data-who-could-see-ask": "", children: "Ask" })
     ] }),
     people ? people.length === 0 ? /* @__PURE__ */ jsx9("p", { className: "text-xs text-muted-foreground", children: "Nobody could see it then." }) : /* @__PURE__ */ jsx9("ul", { className: "flex flex-col gap-0.5", "data-who-could-see-list": "", children: people.map((p) => /* @__PURE__ */ jsxs8("li", { className: "flex items-center justify-between gap-2 text-xs", "data-who-could-see-person": p.id ?? "", children: [
       /* @__PURE__ */ jsxs8("span", { className: "min-w-0 truncate", children: [
@@ -2806,7 +2824,7 @@ var SwitchLegacy = React6.forwardRef(({ size = "sm", ...props }, ref) => /* @__P
 SwitchLegacy.displayName = "SwitchLegacy";
 
 // src/react/sheet/RowControls.tsx
-import { Button as Button8 } from "@ai-matrx/design-system";
+import { Button as Button8 } from "@ai-matrx/design-system/controls";
 
 // src/react/sheet/ui/toggle-group.tsx
 import {
@@ -2839,8 +2857,7 @@ import { AlertTriangle as AlertTriangle3 } from "lucide-react";
 
 // src/react/sheet/ShareLinkPanel.tsx
 import { useCallback as useCallback5, useEffect as useEffect8, useRef as useRef2, useState as useState10 } from "react";
-import { Button as Button7 } from "@ai-matrx/design-system";
-import { DateTimeField as DateTimeField2, Input as Input3, Select as Select5 } from "@ai-matrx/design-system/controls";
+import { Button as Button7, DateTimeField as DateTimeField2, Input as Input3, Select as Select5 } from "@ai-matrx/design-system/controls";
 import { OutboundLink } from "@ai-matrx/kit/outbound-react";
 import { formatAbsoluteDate } from "@ai-matrx/kit/format";
 import {
@@ -2877,7 +2894,7 @@ import { ClipboardFallbackDialog } from "@ai-matrx/design-system";
 import { jsx as jsx13 } from "react/jsx-runtime";
 function useShare() {
   const { copyText: copyTextKit } = useClipboard({
-    notify: copyNotify
+    notify: shareCopyNotify
   });
   const [copied, setCopied] = useState9(false);
   const [fallbackUrl, setFallbackUrl] = useState9(null);
@@ -3355,17 +3372,15 @@ function ShareLinkPanel({
           /* @__PURE__ */ jsx14("p", { className: "text-xs text-muted-foreground", children: hasLink ? `Link is on \xB7 ${activeLinks.length} active` : "Create a link that opens with no sign-in required" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs10(
+      /* @__PURE__ */ jsx14(
         Button7,
         {
-          size: "sm",
+          icon: creating ? /* @__PURE__ */ jsx14(Loader27, { className: "animate-spin" }) : /* @__PURE__ */ jsx14(Plus, {}),
+          variant: "primary",
           onClick: handleCreate,
           disabled: creating,
           className: "flex-shrink-0",
-          children: [
-            creating ? /* @__PURE__ */ jsx14(Loader27, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx14(Plus, { className: "w-4 h-4" }),
-            /* @__PURE__ */ jsx14("span", { className: "ml-1 hidden sm:inline", children: hasLink ? "New link" : "Create link" })
-          ]
+          children: /* @__PURE__ */ jsx14("span", { className: "ml-1 hidden sm:inline", children: hasLink ? "New link" : "Create link" })
         }
       )
     ] }),
@@ -3441,14 +3456,13 @@ function ShareLinkPanel({
               /* @__PURE__ */ jsx14(
                 Button7,
                 {
-                  variant: "ghost",
-                  size: "icon",
-                  className: "h-11 w-11 flex-shrink-0 sm:h-8 sm:w-8",
+                  icon: copiedId === `${link.id}:${extra.key}` ? /* @__PURE__ */ jsx14(Check2, { className: "text-green-500" }) : /* @__PURE__ */ jsx14(Copy, {}),
+                  variant: "quiet",
+                  className: "flex-shrink-0",
                   onClick: () => copyExtraUrl(`${link.id}:${extra.key}`, extra.url),
                   disabled: !!unavailableReason,
                   title: unavailableReason ?? "Copy",
-                  "aria-label": `Copy ${extra.label}`,
-                  children: copiedId === `${link.id}:${extra.key}` ? /* @__PURE__ */ jsx14(Check2, { className: "w-4 h-4 text-green-500" }) : /* @__PURE__ */ jsx14(Copy, { className: "w-4 h-4" })
+                  "aria-label": `Copy ${extra.label}`
                 }
               )
             ]
@@ -3490,39 +3504,37 @@ function ShareLinkPanel({
           /* @__PURE__ */ jsx14(
             Button7,
             {
-              variant: "ghost",
-              size: "icon",
-              className: "h-11 w-11 flex-shrink-0 sm:h-8 sm:w-8",
+              icon: copiedId === link.id ? /* @__PURE__ */ jsx14(Check2, { className: "text-green-500" }) : /* @__PURE__ */ jsx14(Copy, {}),
+              variant: "quiet",
+              className: "flex-shrink-0",
               onClick: () => copyLink(link),
               disabled: !!unavailableReason,
               title: unavailableReason ?? "Copy link",
-              "aria-label": "Copy share link",
-              children: copiedId === link.id ? /* @__PURE__ */ jsx14(Check2, { className: "w-4 h-4 text-green-500" }) : /* @__PURE__ */ jsx14(Copy, { className: "w-4 h-4" })
+              "aria-label": "Copy share link"
             }
           ),
           /* @__PURE__ */ jsx14(
             Button7,
             {
-              variant: "ghost",
-              size: "icon",
-              className: "h-11 w-11 flex-shrink-0 sm:h-8 sm:w-8",
+              icon: refreshing ? /* @__PURE__ */ jsx14(Loader27, { className: "animate-spin" }) : /* @__PURE__ */ jsx14(MessageSquareText, {}),
+              variant: "quiet",
+              className: "flex-shrink-0",
               onClick: () => prepareTextShare(link.id),
               disabled: !!unavailableReason || refreshing,
               title: unavailableReason ?? "Review before sharing by text",
-              "aria-label": "Share by text",
-              children: refreshing ? /* @__PURE__ */ jsx14(Loader27, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx14(MessageSquareText, { className: "w-4 h-4" })
+              "aria-label": "Share by text"
             }
           ),
           /* @__PURE__ */ jsx14(
             Button7,
             {
-              variant: "ghost",
-              size: "icon",
-              className: "h-11 w-11 flex-shrink-0 text-destructive sm:h-8 sm:w-8",
+              icon: /* @__PURE__ */ jsx14(Trash22, {}),
+              removes: true,
+              variant: "quiet",
+              className: "flex-shrink-0",
               onClick: () => setRevokeTarget(link),
               title: "Turn off link",
-              "aria-label": "Turn off share link",
-              children: /* @__PURE__ */ jsx14(Trash22, { className: "w-4 h-4" })
+              "aria-label": "Turn off share link"
             }
           )
         ] })
@@ -3535,21 +3547,18 @@ function ShareLinkPanel({
         className: "flex items-center justify-between gap-2 text-xs text-destructive",
         children: [
           /* @__PURE__ */ jsx14("span", { children: shareError }),
-          /* @__PURE__ */ jsxs10(
+          /* @__PURE__ */ jsx14(
             Button7,
             {
+              icon: /* @__PURE__ */ jsx14(RefreshCw, {}),
               type: "button",
               variant: "outline",
-              size: "sm",
               disabled: isLoading,
               onClick: () => refresh(),
-              children: [
-                /* @__PURE__ */ jsx14(RefreshCw, { className: "mr-1 h-3.5 w-3.5" }),
-                "Refresh"
-              ]
+              children: "Refresh"
             }
           ),
-          /* @__PURE__ */ jsx14(ErrorAlchemyMenu, { className: "ml-auto" })
+          /* @__PURE__ */ jsx14(ShareErrorAlchemyMenu, { className: "ml-auto" })
         ]
       }
     ) : null,
@@ -3580,18 +3589,16 @@ function ShareLinkPanel({
             /* @__PURE__ */ jsx14("p", { className: "text-xs font-medium", children: "Message preview" }),
             /* @__PURE__ */ jsx14("p", { className: "rounded-md border bg-muted/30 p-3 break-words", children: createSafeShareMessage(urlFor(shareTarget)) })
           ] }),
-          /* @__PURE__ */ jsxs10(
+          /* @__PURE__ */ jsx14(
             Button7,
             {
+              icon: /* @__PURE__ */ jsx14(Copy, {}),
               type: "button",
               variant: "outline",
-              className: "min-h-11 w-full sm:min-h-0",
+              className: "w-full",
               disabled: handoffBusy,
               onClick: handleCopyReviewedMessage,
-              children: [
-                /* @__PURE__ */ jsx14(Copy, { className: "mr-2 h-4 w-4" }),
-                "Copy message"
-              ]
+              children: "Copy message"
             }
           ),
           /* @__PURE__ */ jsx14("p", { className: "text-xs text-muted-foreground", children: "You can turn this link off from the share panel at any time." })
@@ -3793,7 +3800,7 @@ function RowControls({
   onStopPublishing
 }) {
   const { copyText: copyText3 } = useClipboard2({
-    notify: copyNotify
+    notify: shareCopyNotify
   });
   const { toast } = useToast();
   const [caps, setCaps] = useState13(null);
@@ -3819,7 +3826,7 @@ function RowControls({
     return /* @__PURE__ */ jsxs13("p", { className: "rounded-lg border border-destructive/20 bg-destructive/10 p-3 text-xs text-destructive-ink", children: [
       "Couldn't read this item's sharing options: ",
       capsError,
-      /* @__PURE__ */ jsx17(ErrorAlchemyMenu, { error: capsError })
+      /* @__PURE__ */ jsx17(ShareErrorAlchemyMenu, { error: capsError })
     ] });
   }
   if (childRecord) return null;
@@ -3968,12 +3975,12 @@ function RowControls({
             /* @__PURE__ */ jsx17(
               Button8,
               {
-                variant: "ghost",
-                size: "icon",
-                className: "h-7 w-7 flex-shrink-0",
+                icon: copied ? /* @__PURE__ */ jsx17(Check3, {}) : /* @__PURE__ */ jsx17(Copy2, {}),
+                "aria-label": "Copy web address",
+                variant: "quiet",
+                className: "flex-shrink-0",
                 onClick: () => void copyAddress(),
-                title: "Copy web address",
-                children: copied ? /* @__PURE__ */ jsx17(Check3, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx17(Copy2, { className: "h-3.5 w-3.5" })
+                title: "Copy web address"
               }
             )
           ] })
@@ -4134,7 +4141,7 @@ function WhoCanSeeThis({
 // src/react/sheet/SecureLinkPanel.tsx
 import { useCallback as useCallback8, useEffect as useEffect12, useRef as useRef3, useState as useState15 } from "react";
 import { Loader2 as Loader210, Mail as Mail3, MessageSquare as MessageSquare3, ShieldCheck } from "lucide-react";
-import { Button as Button9 } from "@ai-matrx/design-system";
+import { Button as Button9 } from "@ai-matrx/design-system/controls";
 import { Checkbox as Checkbox2 } from "@ai-matrx/design-system";
 import { Input as Input4 } from "@ai-matrx/design-system/controls";
 import { Label as Label4 } from "@ai-matrx/design-system";
@@ -4349,7 +4356,7 @@ function SecureLinkForm({ resourceType, resourceId, resourceName }) {
     ] }) : email.trim() !== "" ? /* @__PURE__ */ jsx19("p", { className: "text-xs text-amber-700 dark:text-amber-400", children: "Without a mobile number, the link and the code both go by email \u2014 anyone who can read that inbox could open it." }) : null,
     optionsError ? /* @__PURE__ */ jsxs15("p", { className: "text-xs text-destructive", children: [
       optionsError,
-      /* @__PURE__ */ jsx19(ErrorAlchemyMenu, { error: optionsError, operation: "Load the secure-link options" })
+      /* @__PURE__ */ jsx19(ShareErrorAlchemyMenu, { error: optionsError, operation: "Load the secure-link options" })
     ] }) : null,
     protectedFields.length > 0 ? /* @__PURE__ */ jsxs15("fieldset", { className: "space-y-2", children: [
       /* @__PURE__ */ jsxs15("legend", { className: "text-xs font-medium", children: [
@@ -4388,10 +4395,7 @@ function SecureLinkForm({ resourceType, resourceId, resourceName }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs15(Button9, { className: "w-full", onClick: send, disabled: !canSend, children: [
-      sending ? /* @__PURE__ */ jsx19(Loader210, { className: "mr-2 h-4 w-4 animate-spin" }) : null,
-      "Send secure link"
-    ] }),
+    /* @__PURE__ */ jsx19(Button9, { icon: sending ? /* @__PURE__ */ jsx19(Loader210, { className: "animate-spin" }) : null, variant: "primary", className: "w-full", onClick: send, disabled: !canSend, children: "Send secure link" }),
     result ? /* @__PURE__ */ jsxs15(
       "div",
       {
@@ -4414,7 +4418,7 @@ function SecureLinkForm({ resourceType, resourceId, resourceName }) {
             row.field_keys.length > 0 ? ` \xB7 with ${row.field_keys.join(", ")}` : ""
           ] })
         ] }),
-        row.status === "pending" ? /* @__PURE__ */ jsx19(Button9, { size: "sm", variant: "outline", onClick: () => void turnOff(row), children: "Turn off" }) : null
+        row.status === "pending" ? /* @__PURE__ */ jsx19(Button9, { variant: "outline", onClick: () => void turnOff(row), children: "Turn off" }) : null
       ] }, row.id)) })
     ] }) : null
   ] });
@@ -4573,7 +4577,7 @@ function ShareModal({
       /* @__PURE__ */ jsxs16("p", { className: "text-xs text-destructive/80 mt-0.5", children: [
         ownerError,
         " ",
-        /* @__PURE__ */ jsx20(ErrorAlchemyMenu, { error: ownerError })
+        /* @__PURE__ */ jsx20(ShareErrorAlchemyMenu, { error: ownerError })
       ] })
     ] })
   ] }) : /* @__PURE__ */ jsxs16("div", { className: "p-3 rounded-lg border bg-muted/30 flex items-start gap-2", children: [
@@ -4600,7 +4604,7 @@ function ShareModal({
           /* @__PURE__ */ jsx20(PageCaptureButton, { size: "xs" })
         ] }),
         /* @__PURE__ */ jsx20(DialogDescription, { asChild: true, children: /* @__PURE__ */ jsx20("div", { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ jsx20(
-          EntityRef,
+          ShareEntityRef,
           {
             token: resourceType,
             id: resourceId,
@@ -4610,18 +4614,15 @@ function ShareModal({
           }
         ) }) })
       ] }),
-      /* @__PURE__ */ jsxs16(
+      /* @__PURE__ */ jsx20(
         Button10,
         {
+          icon: emailingLink ? /* @__PURE__ */ jsx20(Loader211, { className: "animate-spin" }) : emailSent ? /* @__PURE__ */ jsx20(CheckCircle3, { className: "text-green-500" }) : /* @__PURE__ */ jsx20(Mail4, {}),
           variant: "outline",
-          size: "sm",
           onClick: handleEmailLink,
           disabled: emailingLink,
           className: "flex-shrink-0",
-          children: [
-            emailingLink ? /* @__PURE__ */ jsx20(Loader211, { className: "h-4 w-4 animate-spin" }) : emailSent ? /* @__PURE__ */ jsx20(CheckCircle3, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ jsx20(Mail4, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx20("span", { className: "ml-1.5 hidden sm:inline", children: emailSent ? "Sent!" : "Email link" })
-          ]
+          children: /* @__PURE__ */ jsx20("span", { className: "ml-1.5 hidden sm:inline", children: emailSent ? "Sent!" : "Email link" })
         }
       )
     ] }) }),
@@ -4630,7 +4631,7 @@ function ShareModal({
       /* @__PURE__ */ jsx20("p", { className: "text-sm font-medium", children: "Sharing is unavailable" }),
       /* @__PURE__ */ jsxs16("p", { className: "text-xs text-muted-foreground max-w-sm", children: [
         configError,
-        /* @__PURE__ */ jsx20(ErrorAlchemyMenu, { error: configError })
+        /* @__PURE__ */ jsx20(ShareErrorAlchemyMenu, { error: configError })
       ] })
     ] }),
     !configError && resolvingOwner && /* @__PURE__ */ jsxs16("div", { className: "flex-1 space-y-3 py-4", "aria-busy": "true", children: [
@@ -4796,7 +4797,7 @@ function ShareModal({
     ),
     error && /* @__PURE__ */ jsxs16("div", { className: "mt-3 p-2.5 bg-destructive/10 border border-destructive/20 rounded-md flex-shrink-0", children: [
       /* @__PURE__ */ jsx20("p", { className: "text-sm text-destructive", children: error }),
-      /* @__PURE__ */ jsx20(ErrorAlchemyMenu, { error })
+      /* @__PURE__ */ jsx20(ShareErrorAlchemyMenu, { error })
     ] })
   ] }) });
 }