@ai-matrx/sharing 0.1.3 → 0.1.5

package/dist/react.cjs

@@ -72,6 +72,7 @@ module.exports = __toCommonJS(react_exports);
 // src/react/sheet/host.tsx
 var import_react = require("react");
 var import_design_system = require("@ai-matrx/design-system");
+var import_controls = require("@ai-matrx/design-system/controls");
 var import_clipboard = require("@ai-matrx/kit/clipboard");
 var import_confirm_opener = require("@ai-matrx/kit/confirm-opener");
 var import_core = require("@ai-matrx/sharing/core");
@@ -88,11 +89,10 @@ function DefaultCopyButtons(props) {
     return Array.isArray(v) ? v.join("\n") : String(v ?? "");
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_design_system.Button,
+    import_controls.Button,
     {
       type: "button",
-      variant: "ghost",
-      size: "sm",
+      variant: "quiet",
       className: props.className,
       onClick: () => {
         void (0, import_clipboard.copyText)(text()).then(() => {
@@ -104,8 +104,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 }) {
+  (0, import_react.useEffect)(() => announceStandIn(port), [port]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { hidden: true, "data-share-sheet-host": "unconfigured", "data-share-sheet-port": port });
+}
 function DefaultErrorMenu(_props) {
-  return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StandIn, { port: "ErrorAlchemyMenu" });
+}
+function DefaultPageCaptureButton(_props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StandIn, { port: "PageCaptureButton" });
+}
+function DefaultEntityDoorControls(_props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StandIn, { port: "EntityDoorControls" });
 }
 function DefaultInfoHint(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { title: String(props.text ?? ""), "aria-label": String(props.label ?? "More info"), className: "cursor-help text-muted-foreground", children: "\u24D8" });
@@ -215,14 +233,23 @@ var DEFAULTS = {
   useUserConnections: useDefaultConnections,
   confirm: (o) => (0, import_confirm_opener.confirm)(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,
@@ -241,7 +268,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);
@@ -255,10 +282,10 @@ var csvExportItem = (...args) => ui.csvExportItem(...args);
 var jsonExportItem = (...args) => ui.jsonExportItem(...args);
 var CopyButtons = (p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ui.CopyButtons, { ...p });
 var PageCaptureButton = (p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ui.PageCaptureButton, { ...p });
-var ErrorAlchemyMenu = (p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ui.ErrorAlchemyMenu, { ...p });
+var ShareErrorAlchemyMenu = (p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ui.ErrorAlchemyMenu, { ...p });
 var InfoHint = (p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ui.InfoHint, { ...p });
-var EntityDoorControls = (p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ui.EntityDoorControls, { ...p });
-var EntityRef = (p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ui.EntityRef, { ...p });
+var ShareEntityDoorControls = (p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ui.EntityDoorControls, { ...p });
+var ShareEntityRef = (p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ui.EntityRef, { ...p });
 var UserAvatarDisplay = (p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ui.UserAvatarDisplay, { ...p });
 var ConnectionsReadNotice = (p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ui.ConnectionsReadNotice, { ...p });
 var UserSearchField = (p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ui.UserSearchField, { ...p });
@@ -266,6 +293,7 @@ var defaultIdentity = null;
 var usePortalContainer = () => ui.usePortalContainer();
 var vaultIdentity = () => {
   if (ui.vaultIdentity) return ui.vaultIdentity;
+  announceStandIn("vaultIdentity");
   if (!defaultIdentity) {
     defaultIdentity = (0, import_vault.createSupabaseIdentity)((0, import_core2.shareClient)().auth, {
       redirectTo: () => window.location.href,
@@ -381,12 +409,12 @@ var import_react17 = require("react");
 var import_design_system2 = require("@ai-matrx/design-system");
 
 // src/react/sheet/ShareModal.tsx
-var import_design_system33 = require("@ai-matrx/design-system");
-var import_controls11 = require("@ai-matrx/design-system/controls");
+var import_design_system25 = require("@ai-matrx/design-system");
+var import_controls19 = require("@ai-matrx/design-system/controls");
 
 // src/react/sheet/ui/share-tabs-trigger.tsx
 var React = __toESM(require("react"), 1);
-var import_controls = require("@ai-matrx/design-system/controls");
+var import_controls2 = require("@ai-matrx/design-system/controls");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 function focusOnClick(onClick) {
   return (event) => {
@@ -398,12 +426,12 @@ function focusOnClick(onClick) {
   };
 }
 var ShareTabsTrigger = React.forwardRef(
-  ({ onClick, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_controls.TabsTrigger, { ...props, ref, onClick: focusOnClick(onClick) })
+  ({ onClick, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_controls2.TabsTrigger, { ...props, ref, onClick: focusOnClick(onClick) })
 );
 ShareTabsTrigger.displayName = "ShareTabsTrigger";
 
 // src/react/sheet/ShareModal.tsx
-var import_design_system34 = require("@ai-matrx/design-system");
+var import_controls20 = require("@ai-matrx/design-system/controls");
 var import_lucide_react14 = require("lucide-react");
 
 // src/react/permissionHooks.ts
@@ -876,16 +904,16 @@ function useGrantableLevels(resourceType, resourceId, enabled, refreshKey) {
 
 // src/react/sheet/ShareModal.tsx
 var import_core35 = require("@ai-matrx/sharing/core");
-var import_design_system35 = require("@ai-matrx/design-system");
+var import_design_system26 = require("@ai-matrx/design-system");
 var import_lucide_react15 = require("lucide-react");
 
 // src/react/sheet/PermissionsList.tsx
 var import_react4 = require("react");
+var import_controls3 = require("@ai-matrx/design-system/controls");
 var import_design_system5 = require("@ai-matrx/design-system");
-var import_design_system6 = require("@ai-matrx/design-system");
 var import_cn = require("@ai-matrx/design-system/cn");
-var import_design_system7 = require("@ai-matrx/design-system");
-var import_controls2 = require("@ai-matrx/design-system/controls");
+var import_design_system6 = require("@ai-matrx/design-system");
+var import_controls4 = require("@ai-matrx/design-system/controls");
 var import_lucide_react2 = require("lucide-react");
 
 // src/react/sheet/PermissionBadge.tsx
@@ -1206,7 +1234,7 @@ function PermissionsList({
             // `group` is what reveals the door controls below on hover — without
             // it EntityDoorControls renders at opacity-0 and the door is
             // invisible, which is the failure this campaign has hit four times.
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system6.Card, { size: "sm", className: "group px-2 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system5.Card, { size: "sm", className: "group px-2 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
                 permission.grantedToUser && !permission.isPublic ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                   UserAvatarDisplay,
@@ -1220,7 +1248,7 @@ function PermissionsList({
                   /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-sm font-semibold truncate leading-none", children: getPermissionLabel(permission) }),
                   permission.grantedToUser?.isGuest && !permission.isPublic ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(GuestBadge, {}) : null,
                   permission.grantedToOrganization && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-                    EntityDoorControls,
+                    ShareEntityDoorControls,
                     {
                       token: "organization",
                       id: permission.grantedToOrganization.id,
@@ -1269,33 +1297,31 @@ function PermissionsList({
                 ) }),
                 isOwner ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
                   /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-                    import_design_system7.Select,
+                    import_design_system6.Select,
                     {
                       value: permission.permissionLevel,
                       onValueChange: (value) => handleUpdateLevel(permission, value),
                       disabled: isUpdating || isRevoking,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_controls2.SelectTrigger, { className: "w-[140px]", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system7.SelectValue, {}) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system7.SelectContent, { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system7.SelectItem, { value: "viewer", title: import_core9.PERMISSION_LEVEL_HINTS.viewer, children: import_core9.PERMISSION_LEVEL_SHORT_LABELS.viewer }),
-                          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system7.SelectItem, { value: "commenter", title: import_core9.PERMISSION_LEVEL_HINTS.commenter, children: import_core9.PERMISSION_LEVEL_SHORT_LABELS.commenter }),
-                          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system7.SelectItem, { value: "editor", title: import_core9.PERMISSION_LEVEL_HINTS.editor, children: import_core9.PERMISSION_LEVEL_SHORT_LABELS.editor }),
-                          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system7.SelectItem, { value: "admin", title: import_core9.PERMISSION_LEVEL_HINTS.admin, children: import_core9.PERMISSION_LEVEL_SHORT_LABELS.admin })
+                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_controls4.SelectTrigger, { className: "w-[140px]", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system6.SelectValue, {}) }),
+                        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system6.SelectContent, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system6.SelectItem, { value: "viewer", title: import_core9.PERMISSION_LEVEL_HINTS.viewer, children: import_core9.PERMISSION_LEVEL_SHORT_LABELS.viewer }),
+                          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system6.SelectItem, { value: "commenter", title: import_core9.PERMISSION_LEVEL_HINTS.commenter, children: import_core9.PERMISSION_LEVEL_SHORT_LABELS.commenter }),
+                          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system6.SelectItem, { value: "editor", title: import_core9.PERMISSION_LEVEL_HINTS.editor, children: import_core9.PERMISSION_LEVEL_SHORT_LABELS.editor }),
+                          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system6.SelectItem, { value: "admin", title: import_core9.PERMISSION_LEVEL_HINTS.admin, children: import_core9.PERMISSION_LEVEL_SHORT_LABELS.admin })
                         ] })
                       ]
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-                    import_design_system5.Button,
+                    import_controls3.Button,
                     {
-                      variant: "ghost",
-                      size: "icon",
-                      className: "h-7 w-7",
+                      icon: isRevoking ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.Loader2, { className: "animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.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__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.Loader2, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.X, { className: "w-3 h-3" })
+                      disabled: isUpdating || isRevoking
                     }
                   )
                 ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: permission.isPublic ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PublicBadge, { variant: "compact" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -1497,7 +1523,7 @@ function AccessSummaryPanel({
               children: "Retry"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ErrorAlchemyMenu, { error })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ShareErrorAlchemyMenu, { error })
         ]
       }
     );
@@ -1612,16 +1638,16 @@ function ReasonRow({
 
 // src/react/sheet/ShareWithUserTab.tsx
 var import_react7 = require("react");
-var import_design_system14 = require("@ai-matrx/design-system");
-var import_design_system15 = require("@ai-matrx/design-system");
-var import_design_system16 = require("@ai-matrx/design-system");
-var import_controls4 = require("@ai-matrx/design-system/controls");
+var import_controls7 = require("@ai-matrx/design-system/controls");
+var import_design_system12 = require("@ai-matrx/design-system");
+var import_design_system13 = require("@ai-matrx/design-system");
+var import_controls8 = require("@ai-matrx/design-system/controls");
 
 // src/react/sheet/ui/scroll-area.tsx
-var import_design_system8 = require("@ai-matrx/design-system");
+var import_design_system7 = require("@ai-matrx/design-system");
 
 // src/react/sheet/ui/avatar.tsx
-var import_design_system9 = require("@ai-matrx/design-system");
+var import_design_system8 = require("@ai-matrx/design-system");
 
 // src/react/sheet/ShareWithUserTab.tsx
 var import_lucide_react5 = require("lucide-react");
@@ -1635,11 +1661,11 @@ var import_core12 = require("@ai-matrx/sharing/core");
 var import_core13 = require("@ai-matrx/sharing/core");
 var import_react6 = require("react");
 var import_lucide_react4 = require("lucide-react");
+var import_controls5 = require("@ai-matrx/design-system/controls");
+var import_design_system9 = require("@ai-matrx/design-system");
 var import_design_system10 = require("@ai-matrx/design-system");
 var import_design_system11 = require("@ai-matrx/design-system");
-var import_design_system12 = require("@ai-matrx/design-system");
-var import_design_system13 = require("@ai-matrx/design-system");
-var import_controls3 = require("@ai-matrx/design-system/controls");
+var import_controls6 = require("@ai-matrx/design-system/controls");
 var import_core14 = require("@ai-matrx/sharing/core");
 var import_core15 = require("@ai-matrx/sharing/core");
 var import_jsx_runtime6 = require("react/jsx-runtime");
@@ -1755,21 +1781,19 @@ function AddEveryoneInOrg({
   };
   if (orgs.length === 0) return null;
   if (!open) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-      import_design_system10.Button,
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_controls5.Button,
       {
+        icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.Users, {}),
         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__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.Users, { className: "w-4 h-4 mr-2" }),
-          "Add everyone in an organization or team"
-        ]
+        children: "Add everyone in an organization or team"
       }
     );
   }
@@ -1787,10 +1811,10 @@ function AddEveryoneInOrg({
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "type-secondary text-muted-foreground", children: "Each person below is given access by name. People who join later are not added." })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system12.Label, { htmlFor: "add-everyone-org", className: "text-xs", children: "Organization" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system13.Select, { value: orgId, onValueChange: setOrgId, disabled: running, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_controls3.SelectTrigger, { id: "add-everyone-org", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system13.SelectValue, { placeholder: "Choose one of your organizations" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system13.SelectContent, { children: orgs.map((org) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system13.SelectItem, { value: org.id, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system10.Label, { htmlFor: "add-everyone-org", className: "text-xs", children: "Organization" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system11.Select, { value: orgId, onValueChange: setOrgId, disabled: running, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_controls6.SelectTrigger, { id: "add-everyone-org", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system11.SelectValue, { placeholder: "Choose one of your organizations" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system11.SelectContent, { children: orgs.map((org) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system11.SelectItem, { value: org.id, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.Building2, { className: "w-3 h-3" }),
               /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: org.name }),
               detail.get(org.id) && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "type-meta text-muted-foreground", children: detail.get(org.id) })
@@ -1798,15 +1822,15 @@ function AddEveryoneInOrg({
           ] })
         ] }),
         orgId && teams.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system12.Label, { htmlFor: "add-everyone-group", className: "text-xs", children: "Who" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system13.Select, { value: group, onValueChange: setGroup, disabled: running, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_controls3.SelectTrigger, { id: "add-everyone-group", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system13.SelectValue, {}) }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system13.SelectContent, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system13.SelectItem, { value: EVERYONE, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system10.Label, { htmlFor: "add-everyone-group", className: "text-xs", children: "Who" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system11.Select, { value: group, onValueChange: setGroup, disabled: running, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_controls6.SelectTrigger, { id: "add-everyone-group", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system11.SelectValue, {}) }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system11.SelectContent, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system11.SelectItem, { value: EVERYONE, children: [
                 "Everyone in ",
                 orgLabel
               ] }),
-              teams.map((t) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system13.SelectItem, { value: t.id, children: [
+              teams.map((t) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system11.SelectItem, { value: t.id, children: [
                 t.name,
                 /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "type-meta text-muted-foreground", children: [
                   " \xB7 ",
@@ -1817,16 +1841,16 @@ function AddEveryoneInOrg({
           ] })
         ] }) : null,
         orgId ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system12.Label, { htmlFor: "add-everyone-level", className: "text-xs", children: "They get" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system10.Label, { htmlFor: "add-everyone-level", className: "text-xs", children: "They get" }),
           /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-            import_design_system13.Select,
+            import_design_system11.Select,
             {
               value: level,
               onValueChange: (v) => setOwnLevel(v),
               disabled: running,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_controls3.SelectTrigger, { id: "add-everyone-level", "data-add-everyone-level": level, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system13.SelectValue, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system13.SelectContent, { children: import_core15.PERMISSION_LEVELS.map((l) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system13.SelectItem, { value: l, disabled: (whyNotLevel?.(l) ?? null) !== null, title: whyNotLevel?.(l) ?? void 0, children: import_core15.PERMISSION_LEVEL_SHORT_LABELS[l] }, l)) })
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_controls6.SelectTrigger, { id: "add-everyone-level", "data-add-everyone-level": level, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system11.SelectValue, {}) }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system11.SelectContent, { children: import_core15.PERMISSION_LEVELS.map((l) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system11.SelectItem, { value: l, disabled: (whyNotLevel?.(l) ?? null) !== null, title: whyNotLevel?.(l) ?? void 0, children: import_core15.PERMISSION_LEVEL_SHORT_LABELS[l] }, l)) })
               ]
             }
           )
@@ -1836,14 +1860,14 @@ function AddEveryoneInOrg({
           orgLabel,
           " could not be listed: ",
           teamsError,
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ErrorAlchemyMenu, { error: teamsError })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ShareErrorAlchemyMenu, { error: teamsError })
         ] }) : null,
         orgId && loadError ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", { className: "type-secondary text-destructive", children: [
           "The people in ",
           orgName,
           " could not be listed: ",
           loadError,
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ErrorAlchemyMenu, { error: loadError })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ShareErrorAlchemyMenu, { error: loadError })
         ] }) : null,
         orgId && !loadError && members === null ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2 type-secondary text-muted-foreground", children: [
           /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.Loader2, { className: "w-3 h-3 animate-spin" }),
@@ -1867,7 +1891,7 @@ function AddEveryoneInOrg({
               "data-member": m.email,
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                  import_design_system11.Checkbox,
+                  import_design_system9.Checkbox,
                   {
                     size: "sm",
                     id: `add-everyone-${m.userId}`,
@@ -1905,12 +1929,13 @@ function AddEveryoneInOrg({
         }) }) : null,
         members && members.length > 0 && chosen.length === 0 && !running ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "type-secondary text-muted-foreground", children: Object.values(outcomes).some((o) => o.ok) || members.every((m) => already.has(m.userId)) ? `Everyone listed in ${orgName} has access now.` : "Tick the people to add." }) : null,
         members && members.length > 0 && (chosen.length > 0 || running) ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_design_system10.Button,
+          import_controls5.Button,
           {
+            variant: "primary",
             type: "button",
             onClick: run,
             disabled: running || chosen.length === 0,
-            className: "w-full h-9",
+            className: "w-full",
             children: running ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.Loader2, { className: "w-4 h-4 mr-2 animate-spin" }),
               "Sharing\u2026"
@@ -2199,7 +2224,7 @@ function ShareWithUserTab({
     ),
     /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-2.5", children: [
       !selectedContact && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system15.Label, { className: "text-xs flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system12.Label, { className: "text-xs flex items-center gap-1.5", children: [
           /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Users, { className: "w-3 h-3" }),
           "Your Contacts"
         ] }),
@@ -2243,7 +2268,7 @@ function ShareWithUserTab({
               inputClassName: "h-8 text-xs"
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system8.ScrollArea, { className: "max-h-36 rounded-md border bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "p-1", children: filteredConnections.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-xs text-muted-foreground py-2 text-center", children: "No matching contacts" }) : filteredConnections.map((contact) => {
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system7.ScrollArea, { className: "max-h-36 rounded-md border bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "p-1", children: filteredConnections.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-xs text-muted-foreground py-2 text-center", children: "No matching contacts" }) : filteredConnections.map((contact) => {
             const SourceIcon = SOURCE_ICONS[contact.source];
             return (
               // ui-exception: moved verbatim from the web share sheet; restyling onto design-system Button is its own UI change
@@ -2254,14 +2279,14 @@ function ShareWithUserTab({
                   disabled: isLoading,
                   className: "w-full flex items-center gap-2 p-1.5 rounded-md hover:bg-accent/50 transition-colors text-left disabled:opacity-50",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system9.Avatar, { className: "w-6 h-6 flex-shrink-0", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system8.Avatar, { className: "w-6 h-6 flex-shrink-0", children: [
                       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                        import_design_system9.AvatarImage,
+                        import_design_system8.AvatarImage,
                         {
                           src: contact.avatar_url || void 0
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system9.AvatarFallback, { className: "text-[10px] bg-primary/10 text-primary-ink", children: (0, import_format.getInitials)(contact.display_name ?? contact.email) })
+                      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system8.AvatarFallback, { className: "text-[10px] bg-primary/10 text-primary-ink", children: (0, import_format.getInitials)(contact.display_name ?? contact.email) })
                     ] }),
                     /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex-1 min-w-0", children: [
                       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-xs font-medium truncate", children: contact.display_name || contact.email || "Unknown" }),
@@ -2280,9 +2305,9 @@ function ShareWithUserTab({
         ] })
       ] }),
       selectedContact && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2 p-2 rounded-md bg-primary/5 border border-primary/20", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system9.Avatar, { className: "w-6 h-6 flex-shrink-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system9.AvatarImage, { src: selectedContact.avatar_url || void 0 }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system9.AvatarFallback, { className: "text-[10px] bg-primary/10 text-primary-ink", children: (0, import_format.getInitials)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system8.Avatar, { className: "w-6 h-6 flex-shrink-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system8.AvatarImage, { src: selectedContact.avatar_url || void 0 }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system8.AvatarFallback, { className: "text-[10px] bg-primary/10 text-primary-ink", children: (0, import_format.getInitials)(
             selectedContact.display_name ?? selectedContact.email
           ) })
         ] }),
@@ -2301,7 +2326,7 @@ function ShareWithUserTab({
         )
       ] }),
       !selectedContact && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system15.Label, { htmlFor: "user-email", className: "text-xs", children: "Or enter email manually" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system12.Label, { htmlFor: "user-email", className: "text-xs", children: "Or enter email manually" }),
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           UserSearchField,
           {
@@ -2328,20 +2353,20 @@ function ShareWithUserTab({
         )
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system15.Label, { htmlFor: "user-permission", className: "text-xs", children: "Permission Level" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system12.Label, { htmlFor: "user-permission", className: "text-xs", children: "Permission Level" }),
         /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-          import_design_system16.Select,
+          import_design_system13.Select,
           {
             value: permissionLevel,
             onValueChange: (value) => setPermissionLevel(value),
             disabled: isLoading,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_controls4.SelectTrigger, { id: "user-permission", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system16.SelectValue, {}) }),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system16.SelectContent, { children: levelWording === "notion" ? [...import_core16.PERMISSION_LEVELS].reverse().map((level) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system16.SelectItem, { value: level, disabled: whyNotLevel(level) !== null, title: whyNotLevel(level) ?? import_core16.PERMISSION_LEVEL_HINTS[level], children: import_core16.PERMISSION_LEVEL_LABELS[level] }, level)) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system16.SelectItem, { value: "viewer", disabled: whyNotLevel("viewer") !== null, title: whyNotLevel("viewer") ?? import_core16.PERMISSION_LEVEL_HINTS.viewer, children: import_core16.PERMISSION_LEVEL_SHORT_LABELS.viewer }),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system16.SelectItem, { value: "commenter", disabled: whyNotLevel("commenter") !== null, title: whyNotLevel("commenter") ?? import_core16.PERMISSION_LEVEL_HINTS.commenter, children: import_core16.PERMISSION_LEVEL_SHORT_LABELS.commenter }),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system16.SelectItem, { value: "editor", disabled: whyNotLevel("editor") !== null, title: whyNotLevel("editor") ?? import_core16.PERMISSION_LEVEL_HINTS.editor, children: import_core16.PERMISSION_LEVEL_SHORT_LABELS.editor }),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system16.SelectItem, { value: "admin", disabled: whyNotLevel("admin") !== null, title: whyNotLevel("admin") ?? import_core16.PERMISSION_LEVEL_HINTS.admin, children: import_core16.PERMISSION_LEVEL_SHORT_LABELS.admin })
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_controls8.SelectTrigger, { id: "user-permission", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system13.SelectValue, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system13.SelectContent, { children: levelWording === "notion" ? [...import_core16.PERMISSION_LEVELS].reverse().map((level) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system13.SelectItem, { value: level, disabled: whyNotLevel(level) !== null, title: whyNotLevel(level) ?? import_core16.PERMISSION_LEVEL_HINTS[level], children: import_core16.PERMISSION_LEVEL_LABELS[level] }, level)) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system13.SelectItem, { value: "viewer", disabled: whyNotLevel("viewer") !== null, title: whyNotLevel("viewer") ?? import_core16.PERMISSION_LEVEL_HINTS.viewer, children: import_core16.PERMISSION_LEVEL_SHORT_LABELS.viewer }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system13.SelectItem, { value: "commenter", disabled: whyNotLevel("commenter") !== null, title: whyNotLevel("commenter") ?? import_core16.PERMISSION_LEVEL_HINTS.commenter, children: import_core16.PERMISSION_LEVEL_SHORT_LABELS.commenter }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system13.SelectItem, { value: "editor", disabled: whyNotLevel("editor") !== null, title: whyNotLevel("editor") ?? import_core16.PERMISSION_LEVEL_HINTS.editor, children: import_core16.PERMISSION_LEVEL_SHORT_LABELS.editor }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system13.SelectItem, { value: "admin", disabled: whyNotLevel("admin") !== null, title: whyNotLevel("admin") ?? import_core16.PERMISSION_LEVEL_HINTS.admin, children: import_core16.PERMISSION_LEVEL_SHORT_LABELS.admin })
               ] }) })
             ]
           }
@@ -2352,11 +2377,12 @@ function ShareWithUserTab({
         grantable?.outside ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-xs text-muted-foreground", "data-share-outside-reason": "", children: grantable.outside }) : null
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        import_design_system14.Button,
+        import_controls7.Button,
         {
+          variant: "primary",
           onClick: handleShare,
           disabled: isLoading || !email.trim() || chosenWhy !== null,
-          className: "w-full h-9",
+          className: "w-full",
           children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Loader2, { className: "w-4 h-4 mr-2 animate-spin" }),
             status.message || "Processing..."
@@ -2384,11 +2410,11 @@ function ShareWithUserTab({
 // src/react/sheet/OutsideSharePanel.tsx
 var import_react8 = require("react");
 var import_lucide_react6 = require("lucide-react");
-var import_design_system17 = require("@ai-matrx/design-system");
-var import_controls5 = require("@ai-matrx/design-system/controls");
-var import_design_system18 = require("@ai-matrx/design-system");
-var import_design_system19 = require("@ai-matrx/design-system");
-var import_controls6 = require("@ai-matrx/design-system/controls");
+var import_controls9 = require("@ai-matrx/design-system/controls");
+var import_controls10 = require("@ai-matrx/design-system/controls");
+var import_design_system14 = require("@ai-matrx/design-system");
+var import_design_system15 = require("@ai-matrx/design-system");
+var import_controls11 = require("@ai-matrx/design-system/controls");
 var import_clipboard2 = require("@ai-matrx/kit/clipboard");
 var import_core19 = require("@ai-matrx/sharing/core");
 var import_jsx_runtime8 = require("react/jsx-runtime");
@@ -2464,13 +2490,13 @@ function OutsideSharePanel({
           /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { className: "text-sm font-medium text-destructive", children: [
             "We could not check who outside this organization can see ",
             tableName,
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ErrorAlchemyMenu, {})
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ShareErrorAlchemyMenu, {})
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("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__ */ (0, import_jsx_runtime8.jsx)("p", { className: "mt-1 break-words text-xs text-muted-foreground", children: loadError })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system17.Button, { size: "sm", variant: "outline", className: "mt-2", onClick: () => void refresh(), children: "Try again" })
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_controls9.Button, { variant: "outline", className: "mt-2", onClick: () => void refresh(), children: "Try again" })
     ] });
   }
   if (!state2) {
@@ -2497,9 +2523,9 @@ function OutsideSharePanel({
     ] }) : null,
     state2.lane_open && state2.may_invite ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system18.Label, { htmlFor: "outside-email", className: "text-xs", children: "Their email address" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system14.Label, { htmlFor: "outside-email", className: "text-xs", children: "Their email address" }),
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          import_controls5.Input,
+          import_controls10.Input,
           {
             id: "outside-email",
             type: "email",
@@ -2510,16 +2536,17 @@ function OutsideSharePanel({
         )
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "sm:w-44", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system18.Label, { htmlFor: "outside-level", className: "text-xs", children: "They can" }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system19.Select, { value: level, onValueChange: setLevel, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_controls6.SelectTrigger, { id: "outside-level", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system19.SelectValue, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system19.SelectContent, { children: state2.levels.map((l) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system19.SelectItem, { value: l.level, children: l.means }, l.level)) })
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system14.Label, { htmlFor: "outside-level", className: "text-xs", children: "They can" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system15.Select, { value: level, onValueChange: setLevel, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_controls11.SelectTrigger, { id: "outside-level", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system15.SelectValue, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system15.SelectContent, { children: state2.levels.map((l) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system15.SelectItem, { value: l.level, children: l.means }, l.level)) })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-        import_design_system17.Button,
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_controls9.Button,
         {
-          size: "sm",
+          icon: busy === "invite" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Loader2, { className: "animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Send, {}),
+          variant: "primary",
           disabled: !email.trim() || busy === "invite",
           onClick: () => void run("invite", async () => {
             const answer = await (0, import_core19.shareWithOutsidePerson)(organizationId, tableId, email.trim(), level);
@@ -2527,10 +2554,7 @@ function OutsideSharePanel({
             if (answer.granted) onGranted?.();
             return answer;
           }),
-          children: [
-            busy === "invite" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Loader2, { className: "mr-1.5 h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Send, { className: "mr-1.5 h-4 w-4" }),
-            "Share"
-          ]
+          children: "Share"
         }
       )
     ] }) : null,
@@ -2549,42 +2573,40 @@ function OutsideSharePanel({
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground", children: row.say })
       ] }),
       state2.may_invite ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-shrink-0 gap-1", children: [
-        row.accept_path ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-          import_design_system17.Button,
+        row.accept_path ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_controls9.Button,
           {
-            size: "sm",
-            variant: "ghost",
+            icon: copied === row.invitation_id ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Check, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Link2, {}),
+            variant: "quiet",
             title: "Copy invitation link",
             onClick: () => void copyLink(
               row.invitation_id,
               row.accept_path,
               row.email
             ),
-            children: [
-              copied === row.invitation_id ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Check, { className: "mr-1.5 h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Link2, { className: "mr-1.5 h-4 w-4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-xs", children: copied === row.invitation_id ? "Copied" : "Copy link" })
-            ]
+            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-xs", children: copied === row.invitation_id ? "Copied" : "Copy link" })
           }
         ) : null,
         !row.joined ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          import_design_system17.Button,
+          import_controls9.Button,
           {
-            size: "sm",
-            variant: "ghost",
+            icon: busy === `resend:${row.invitation_id}` ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Loader2, { className: "animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.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}`,
               () => (0, import_core19.resendOutside)(organizationId, row.invitation_id)
-            ),
-            children: busy === `resend:${row.invitation_id}` ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.RotateCw, { className: "h-4 w-4" })
+            )
           }
         ) : null,
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          import_design_system17.Button,
+          import_controls9.Button,
           {
-            size: "sm",
-            variant: "ghost",
+            icon: busy === `revoke:${row.invitation_id}` ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Loader2, { className: "animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.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 () => {
@@ -2599,8 +2621,7 @@ function OutsideSharePanel({
                 `revoke:${row.invitation_id}`,
                 () => (0, import_core19.revokeOutside)(organizationId, row.invitation_id)
               );
-            })(),
-            children: busy === `revoke:${row.invitation_id}` ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Trash2, { className: "h-4 w-4" })
+            })()
           }
         )
       ] }) : null
@@ -2614,8 +2635,8 @@ var import_core36 = require("@ai-matrx/sharing/core");
 // src/react/sheet/WhoCouldSeeOn.tsx
 var import_react9 = require("react");
 var import_lucide_react7 = require("lucide-react");
-var import_design_system20 = require("@ai-matrx/design-system");
-var import_controls7 = require("@ai-matrx/design-system/controls");
+var import_controls12 = require("@ai-matrx/design-system/controls");
+var import_controls13 = require("@ai-matrx/design-system/controls");
 var import_core20 = require("@ai-matrx/sharing/core");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 function custom() {
@@ -2646,7 +2667,7 @@ function WhoCouldSeeOn({ recordId }) {
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        import_controls7.DateTimeField,
+        import_controls13.DateTimeField,
         {
           "aria-label": "Moment to ask about",
           value: at,
@@ -2654,10 +2675,7 @@ function WhoCouldSeeOn({ recordId }) {
           className: "min-w-0 flex-1"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_design_system20.Button, { 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__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react7.Loader2, { className: "mr-1 h-3.5 w-3.5 animate-spin" }) : null,
-        "Ask"
-      ] })
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_controls12.Button, { icon: busy ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react7.Loader2, { className: "animate-spin" }) : null, variant: "outline", disabled: busy || at === "", onClick: () => void ask(), "data-who-could-see-ask": "", children: "Ask" })
     ] }),
     people ? people.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs text-muted-foreground", children: "Nobody could see it then." }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("ul", { className: "flex flex-col gap-0.5", "data-who-could-see-list": "", children: people.map((p) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("li", { className: "flex items-center justify-between gap-2 text-xs", "data-who-could-see-person": p.id ?? "", children: [
       /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "min-w-0 truncate", children: [
@@ -2746,18 +2764,18 @@ var import_react14 = require("react");
 var import_lucide_react11 = require("lucide-react");
 
 // src/react/sheet/ui/switch.tsx
-var import_design_system21 = require("@ai-matrx/design-system");
+var import_design_system16 = require("@ai-matrx/design-system");
 var React6 = __toESM(require("react"), 1);
-var import_controls8 = require("@ai-matrx/design-system/controls");
+var import_controls14 = require("@ai-matrx/design-system/controls");
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var SwitchLegacy = React6.forwardRef(({ size = "sm", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_design_system21.Switch, { ref, size, ...props }));
+var SwitchLegacy = React6.forwardRef(({ size = "sm", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_design_system16.Switch, { ref, size, ...props }));
 SwitchLegacy.displayName = "SwitchLegacy";
 
 // src/react/sheet/RowControls.tsx
-var import_design_system28 = require("@ai-matrx/design-system");
+var import_controls16 = require("@ai-matrx/design-system/controls");
 
 // src/react/sheet/ui/toggle-group.tsx
-var import_design_system22 = require("@ai-matrx/design-system");
+var import_design_system17 = require("@ai-matrx/design-system");
 
 // src/react/sheet/RowControls.tsx
 var import_cn4 = require("@ai-matrx/design-system/cn");
@@ -2770,36 +2788,35 @@ var import_core30 = require("@ai-matrx/sharing/core");
 var import_react12 = require("react");
 
 // src/react/sheet/ui/alert.tsx
-var import_design_system23 = require("@ai-matrx/design-system");
+var import_design_system18 = require("@ai-matrx/design-system");
 
 // src/react/sheet/PublicAccessTab.tsx
 var import_lucide_react10 = require("lucide-react");
 
 // src/react/sheet/ShareLinkPanel.tsx
 var import_react11 = require("react");
-var import_design_system26 = require("@ai-matrx/design-system");
-var import_controls9 = require("@ai-matrx/design-system/controls");
+var import_controls15 = require("@ai-matrx/design-system/controls");
 var import_outbound_react = require("@ai-matrx/kit/outbound-react");
 var import_format2 = require("@ai-matrx/kit/format");
 var import_lucide_react9 = require("lucide-react");
 var import_core21 = require("@ai-matrx/sharing/core");
 
 // src/react/sheet/ui/confirm-dialog.tsx
-var import_design_system24 = require("@ai-matrx/design-system");
+var import_design_system19 = require("@ai-matrx/design-system");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function PortalConfirmDialog(props) {
   const container = usePortalContainer();
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system24.ConfirmDialog, { ...container ? { portalContainer: container } : {}, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system19.ConfirmDialog, { ...container ? { portalContainer: container } : {}, ...props });
 }
 
 // src/react/sheet/useShare.tsx
 var import_clipboard3 = require("@ai-matrx/kit/clipboard");
 var import_react10 = require("react");
-var import_design_system25 = require("@ai-matrx/design-system");
+var import_design_system20 = require("@ai-matrx/design-system");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function useShare() {
   const { copyText: copyTextKit } = (0, import_clipboard3.useClipboard)({
-    notify: copyNotify
+    notify: shareCopyNotify
   });
   const [copied, setCopied] = (0, import_react10.useState)(false);
   const [fallbackUrl, setFallbackUrl] = (0, import_react10.useState)(null);
@@ -2855,7 +2872,7 @@ function useShare() {
     copy,
     copied,
     fallbackDialog: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      import_design_system25.ClipboardFallbackDialog,
+      import_design_system20.ClipboardFallbackDialog,
       {
         open: fallbackUrl !== null,
         onOpenChange: (open) => !open && setFallbackUrl(null),
@@ -3271,17 +3288,15 @@ function ShareLinkPanel({
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsxs)(
-        import_design_system26.Button,
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        import_controls15.Button,
         {
-          size: "sm",
+          icon: creating ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Loader2, { className: "animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Plus, {}),
+          variant: "primary",
           onClick: handleCreate,
           disabled: creating,
           className: "flex-shrink-0",
-          children: [
-            creating ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Loader2, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Plus, { className: "w-4 h-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ml-1 hidden sm:inline", children: hasLink ? "New link" : "Create link" })
-          ]
+          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ml-1 hidden sm:inline", children: hasLink ? "New link" : "Create link" })
         }
       )
     ] }),
@@ -3289,7 +3304,7 @@ function ShareLinkPanel({
       /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "flex flex-col gap-1 text-xs", children: [
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-muted-foreground", children: "Permission" }),
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          import_controls9.Select,
+          import_controls15.Select,
           {
             value: permissionLevel,
             onValueChange: setPermissionLevel,
@@ -3303,12 +3318,12 @@ function ShareLinkPanel({
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "flex flex-col gap-1 text-xs", children: [
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-muted-foreground", children: "Expires" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_controls9.DateTimeField, { value: expiresAt, onValueChange: (v) => setExpiresAt(v ?? "") })
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_controls15.DateTimeField, { value: expiresAt, onValueChange: (v) => setExpiresAt(v ?? "") })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "flex flex-col gap-1 text-xs", children: [
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-muted-foreground", children: "Max uses" }),
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          import_controls9.Input,
+          import_controls15.Input,
           {
             type: "number",
             min: 1,
@@ -3355,16 +3370,15 @@ function ShareLinkPanel({
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                import_design_system26.Button,
+                import_controls15.Button,
                 {
-                  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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Check, { className: "text-green-500" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Check, { className: "w-4 h-4 text-green-500" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Copy, { className: "w-4 h-4" })
+                  "aria-label": `Copy ${extra.label}`
                 }
               )
             ]
@@ -3373,7 +3387,7 @@ function ShareLinkPanel({
         )),
         /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-1.5 rounded-md border bg-background p-1.5", children: [
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            import_controls9.Input,
+            import_controls15.Input,
             {
               mono: true,
               readOnly: true,
@@ -3404,41 +3418,39 @@ function ShareLinkPanel({
             }
           ) : null,
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            import_design_system26.Button,
+            import_controls15.Button,
             {
-              variant: "ghost",
-              size: "icon",
-              className: "h-11 w-11 flex-shrink-0 sm:h-8 sm:w-8",
+              icon: copiedId === link.id ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Check, { className: "text-green-500" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Check, { className: "w-4 h-4 text-green-500" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Copy, { className: "w-4 h-4" })
+              "aria-label": "Copy share link"
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            import_design_system26.Button,
+            import_controls15.Button,
             {
-              variant: "ghost",
-              size: "icon",
-              className: "h-11 w-11 flex-shrink-0 sm:h-8 sm:w-8",
+              icon: refreshing ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Loader2, { className: "animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Loader2, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.MessageSquareText, { className: "w-4 h-4" })
+              "aria-label": "Share by text"
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            import_design_system26.Button,
+            import_controls15.Button,
             {
-              variant: "ghost",
-              size: "icon",
-              className: "h-11 w-11 flex-shrink-0 text-destructive sm:h-8 sm:w-8",
+              icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Trash2, {}),
+              removes: true,
+              variant: "quiet",
+              className: "flex-shrink-0",
               onClick: () => setRevokeTarget(link),
               title: "Turn off link",
-              "aria-label": "Turn off share link",
-              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Trash2, { className: "w-4 h-4" })
+              "aria-label": "Turn off share link"
             }
           )
         ] })
@@ -3451,21 +3463,18 @@ function ShareLinkPanel({
         className: "flex items-center justify-between gap-2 text-xs text-destructive",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: shareError }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-            import_design_system26.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            import_controls15.Button,
             {
+              icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.RefreshCw, {}),
               type: "button",
               variant: "outline",
-              size: "sm",
               disabled: isLoading,
               onClick: () => refresh(),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.RefreshCw, { className: "mr-1 h-3.5 w-3.5" }),
-                "Refresh"
-              ]
+              children: "Refresh"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ErrorAlchemyMenu, { className: "ml-auto" })
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ShareErrorAlchemyMenu, { className: "ml-auto" })
         ]
       }
     ) : null,
@@ -3496,18 +3505,16 @@ function ShareLinkPanel({
             /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-xs font-medium", children: "Message preview" }),
             /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "rounded-md border bg-muted/30 p-3 break-words", children: (0, import_core22.createSafeShareMessage)(urlFor(shareTarget)) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-            import_design_system26.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            import_controls15.Button,
             {
+              icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Copy, {}),
               type: "button",
               variant: "outline",
-              className: "min-h-11 w-full sm:min-h-0",
+              className: "w-full",
               disabled: handoffBusy,
               onClick: handleCopyReviewedMessage,
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Copy, { className: "mr-2 h-4 w-4" }),
-                "Copy message"
-              ]
+              children: "Copy message"
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-xs text-muted-foreground", children: "You can turn this link off from the share panel at any time." })
@@ -3536,7 +3543,7 @@ function ShareLinkPanel({
 }
 
 // src/react/sheet/PublicAccessTab.tsx
-var import_design_system27 = require("@ai-matrx/design-system");
+var import_design_system21 = require("@ai-matrx/design-system");
 var import_core23 = require("@ai-matrx/sharing/core");
 var import_core24 = require("@ai-matrx/sharing/core");
 var import_core25 = require("@ai-matrx/sharing/core");
@@ -3571,11 +3578,11 @@ function PublicAccessTab({
     };
   }, [resourceType]);
   const location = (0, import_core25.sharingLocation)(copy?.surface ?? "Anyone link");
-  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system27.Skeleton, { className: "h-20 w-full" });
+  if (loading) return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system21.Skeleton, { className: "h-20 w-full" });
   if (capabilitiesError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system23.Alert, { variant: "destructive", className: "group", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system18.Alert, { variant: "destructive", className: "group", children: [
       /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react10.AlertTriangle, { className: "h-4 w-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system23.AlertDescription, { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system18.AlertDescription, { className: "flex items-start gap-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "flex-1", children: capabilitiesError }),
         /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "shrink-0 opacity-0 transition-opacity focus-within:opacity-100 group-hover:opacity-100", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           CopyButtons,
@@ -3679,7 +3686,7 @@ function SearchEngineIndexedSwitch({
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("label", { htmlFor: id, className: "cursor-pointer text-xs text-muted-foreground", children: "Indexed by search engines" }),
         /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-          import_controls8.Switch,
+          import_controls14.Switch,
           {
             id,
             checked: state2.effective,
@@ -3709,7 +3716,7 @@ function RowControls({
   onStopPublishing
 }) {
   const { copyText: copyText3 } = (0, import_clipboard4.useClipboard)({
-    notify: copyNotify
+    notify: shareCopyNotify
   });
   const { toast } = useToast();
   const [caps, setCaps] = (0, import_react14.useState)(null);
@@ -3735,7 +3742,7 @@ function RowControls({
     return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("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__ */ (0, import_jsx_runtime17.jsx)(ErrorAlchemyMenu, { error: capsError })
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ShareErrorAlchemyMenu, { error: capsError })
     ] });
   }
   if (childRecord) return null;
@@ -3800,7 +3807,7 @@ function RowControls({
         showShownTo && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-2", "data-shown-to": shownTo ?? "default", children: [
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-xs font-medium", children: "Shown to" }),
           canChange ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            import_design_system22.ToggleGroup,
+            import_design_system17.ToggleGroup,
             {
               type: "single",
               size: "sm",
@@ -3810,7 +3817,7 @@ function RowControls({
               "aria-label": "Shown to",
               className: "flex-wrap justify-end",
               children: shownChoices.map((v) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                import_design_system22.ToggleGroupItem,
+                import_design_system17.ToggleGroupItem,
                 {
                   value: v,
                   "aria-label": import_core31.SHOWN_TO_WORDS[v].label,
@@ -3868,7 +3875,7 @@ function RowControls({
               ),
               busy === "publish" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.Loader2, { className: "h-3.5 w-3.5 animate-spin text-muted-foreground" }),
               canChange ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                import_controls8.Switch,
+                import_controls14.Switch,
                 {
                   checked: isPublic,
                   onCheckedChange: (on) => void togglePublish(on),
@@ -3882,14 +3889,14 @@ function RowControls({
           isPublic && publicUrl && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-1.5 rounded-md border bg-background p-1.5", children: [
             /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "min-w-0 flex-1 truncate px-1 font-mono text-xs", children: publicUrl }),
             /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-              import_design_system28.Button,
+              import_controls16.Button,
               {
-                variant: "ghost",
-                size: "icon",
-                className: "h-7 w-7 flex-shrink-0",
+                icon: copied ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.Check, {}) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.Copy, {}),
+                "aria-label": "Copy web address",
+                variant: "quiet",
+                className: "flex-shrink-0",
                 onClick: () => void copyAddress(),
-                title: "Copy web address",
-                children: copied ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.Check, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.Copy, { className: "h-3.5 w-3.5" })
+                title: "Copy web address"
               }
             )
           ] })
@@ -4050,11 +4057,11 @@ function WhoCanSeeThis({
 // src/react/sheet/SecureLinkPanel.tsx
 var import_react16 = require("react");
 var import_lucide_react13 = require("lucide-react");
-var import_design_system29 = require("@ai-matrx/design-system");
-var import_design_system30 = require("@ai-matrx/design-system");
-var import_controls10 = require("@ai-matrx/design-system/controls");
-var import_design_system31 = require("@ai-matrx/design-system");
-var import_design_system32 = require("@ai-matrx/design-system");
+var import_controls17 = require("@ai-matrx/design-system/controls");
+var import_design_system22 = require("@ai-matrx/design-system");
+var import_controls18 = require("@ai-matrx/design-system/controls");
+var import_design_system23 = require("@ai-matrx/design-system");
+var import_design_system24 = require("@ai-matrx/design-system");
 var import_vault2 = require("@ai-matrx/vault");
 var import_core33 = require("@ai-matrx/sharing/core");
 var import_format3 = require("@ai-matrx/kit/format");
@@ -4196,9 +4203,9 @@ function SecureLinkForm({ resourceType, resourceId, resourceName }) {
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "grid gap-3 sm:grid-cols-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_design_system31.Label, { htmlFor: "secure-email", className: "text-xs", children: "Their email" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_design_system23.Label, { htmlFor: "secure-email", className: "text-xs", children: "Their email" }),
         /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-          import_controls10.Input,
+          import_controls18.Input,
           {
             id: "secure-email",
             type: "email",
@@ -4210,9 +4217,9 @@ function SecureLinkForm({ resourceType, resourceId, resourceName }) {
         )
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_design_system31.Label, { htmlFor: "secure-phone", className: "text-xs", children: "Their mobile, for the code" }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_design_system23.Label, { htmlFor: "secure-phone", className: "text-xs", children: "Their mobile, for the code" }),
         /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-          import_controls10.Input,
+          import_controls18.Input,
           {
             id: "secure-phone",
             type: "tel",
@@ -4231,7 +4238,7 @@ function SecureLinkForm({ resourceType, resourceId, resourceName }) {
     hasBoth ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-wrap items-center gap-2 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "Send the link by" }),
       /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-        import_design_system22.ToggleGroup,
+        import_design_system17.ToggleGroup,
         {
           type: "single",
           size: "sm",
@@ -4239,11 +4246,11 @@ function SecureLinkForm({ resourceType, resourceId, resourceName }) {
           value: linkChannel,
           onValueChange: (v) => v && setLinkChannel(v),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_design_system22.ToggleGroupItem, { value: "email", "aria-label": "Link by email", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_design_system17.ToggleGroupItem, { value: "email", "aria-label": "Link by email", children: [
               /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react13.Mail, { className: "mr-1 h-3.5 w-3.5" }),
               " Email"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_design_system22.ToggleGroupItem, { value: "sms", "aria-label": "Link by text", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_design_system17.ToggleGroupItem, { value: "sms", "aria-label": "Link by text", children: [
               /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react13.MessageSquare, { className: "mr-1 h-3.5 w-3.5" }),
               " Text"
             ] })
@@ -4258,7 +4265,7 @@ function SecureLinkForm({ resourceType, resourceId, resourceName }) {
     ] }) : email.trim() !== "" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("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__ */ (0, import_jsx_runtime19.jsxs)("p", { className: "text-xs text-destructive", children: [
       optionsError,
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ErrorAlchemyMenu, { error: optionsError, operation: "Load the secure-link options" })
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ShareErrorAlchemyMenu, { error: optionsError, operation: "Load the secure-link options" })
     ] }) : null,
     protectedFields.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("fieldset", { className: "space-y-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("legend", { className: "text-xs font-medium", children: [
@@ -4267,7 +4274,7 @@ function SecureLinkForm({ resourceType, resourceId, resourceName }) {
       ] }),
       protectedFields.map((f) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-start gap-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-          import_design_system30.Checkbox,
+          import_design_system22.Checkbox,
           {
             size: "sm",
             id: `secure-field-${f.key}`,
@@ -4279,15 +4286,15 @@ function SecureLinkForm({ resourceType, resourceId, resourceName }) {
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_design_system31.Label, { htmlFor: `secure-field-${f.key}`, className: "text-sm", children: f.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_design_system23.Label, { htmlFor: `secure-field-${f.key}`, className: "text-sm", children: f.label }),
           !f.available && f.reason ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-xs text-muted-foreground", children: f.reason }) : null
         ] })
       ] }, f.key))
     ] }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_design_system31.Label, { htmlFor: "secure-note", className: "text-xs", children: "Message (optional, shown once with it)" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_design_system23.Label, { htmlFor: "secure-note", className: "text-xs", children: "Message (optional, shown once with it)" }),
       /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-        import_design_system32.Textarea,
+        import_design_system24.Textarea,
         {
           id: "secure-note",
           rows: 2,
@@ -4297,10 +4304,7 @@ function SecureLinkForm({ resourceType, resourceId, resourceName }) {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_design_system29.Button, { className: "w-full", onClick: send, disabled: !canSend, children: [
-      sending ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react13.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : null,
-      "Send secure link"
-    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_controls17.Button, { icon: sending ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react13.Loader2, { className: "animate-spin" }) : null, variant: "primary", className: "w-full", onClick: send, disabled: !canSend, children: "Send secure link" }),
     result ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
       "div",
       {
@@ -4323,7 +4327,7 @@ function SecureLinkForm({ resourceType, resourceId, resourceName }) {
             row.field_keys.length > 0 ? ` \xB7 with ${row.field_keys.join(", ")}` : ""
           ] })
         ] }),
-        row.status === "pending" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_design_system29.Button, { size: "sm", variant: "outline", onClick: () => void turnOff(row), children: "Turn off" }) : null
+        row.status === "pending" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_controls17.Button, { variant: "outline", onClick: () => void turnOff(row), children: "Turn off" }) : null
       ] }, row.id)) })
     ] }) : null
   ] });
@@ -4482,7 +4486,7 @@ function ShareModal({
       /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { className: "text-xs text-destructive/80 mt-0.5", children: [
         ownerError,
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ErrorAlchemyMenu, { error: ownerError })
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ShareErrorAlchemyMenu, { error: ownerError })
       ] })
     ] })
   ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "p-3 rounded-lg border bg-muted/30 flex items-start gap-2", children: [
@@ -4509,7 +4513,7 @@ function ShareModal({
           /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(PageCaptureButton, { size: "xs" })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_design_system2.DialogDescription, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-          EntityRef,
+          ShareEntityRef,
           {
             token: resourceType,
             id: resourceId,
@@ -4519,18 +4523,15 @@ function ShareModal({
           }
         ) }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-        import_design_system34.Button,
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        import_controls20.Button,
         {
+          icon: emailingLink ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Loader2, { className: "animate-spin" }) : emailSent ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.CheckCircle, { className: "text-green-500" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Mail, {}),
           variant: "outline",
-          size: "sm",
           onClick: handleEmailLink,
           disabled: emailingLink,
           className: "flex-shrink-0",
-          children: [
-            emailingLink ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Loader2, { className: "h-4 w-4 animate-spin" }) : emailSent ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.CheckCircle, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Mail, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ml-1.5 hidden sm:inline", children: emailSent ? "Sent!" : "Email link" })
-          ]
+          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ml-1.5 hidden sm:inline", children: emailSent ? "Sent!" : "Email link" })
         }
       )
     ] }) }),
@@ -4539,22 +4540,22 @@ function ShareModal({
       /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm font-medium", children: "Sharing is unavailable" }),
       /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { className: "text-xs text-muted-foreground max-w-sm", children: [
         configError,
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ErrorAlchemyMenu, { error: configError })
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ShareErrorAlchemyMenu, { error: configError })
       ] })
     ] }),
     !configError && resolvingOwner && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex-1 space-y-3 py-4", "aria-busy": "true", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_design_system35.Skeleton, { className: "h-9 w-full" }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_design_system35.Skeleton, { className: "h-24 w-full" }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_design_system35.Skeleton, { className: "h-32 w-full" })
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_design_system26.Skeleton, { className: "h-9 w-full" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_design_system26.Skeleton, { className: "h-24 w-full" }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_design_system26.Skeleton, { className: "h-32 w-full" })
     ] }),
     !configError && !resolvingOwner && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-      import_design_system33.Tabs,
+      import_design_system25.Tabs,
       {
         value: activeTab,
         onValueChange: (value) => setActiveTab(value),
         className: "flex-1 flex flex-col min-h-0",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_controls11.TabsList, { fill: true, className: "flex-shrink-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_controls19.TabsList, { fill: true, className: "flex-shrink-0", children: [
             /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(ShareTabsTrigger, { value: "users", children: [
               /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.Users, { className: "w-4 h-4" }),
               /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "hidden sm:inline", children: "Users" }),
@@ -4575,7 +4576,7 @@ function ShareModal({
             ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "dialog-scroll-clear-floating flex-1 mt-3 min-h-0 overflow-y-auto", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_design_system33.TabsContent, { value: "users", className: "mt-0 space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_design_system25.TabsContent, { value: "users", className: "mt-0 space-y-3", children: [
               /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                 WhoCanSeeThis,
                 {
@@ -4669,7 +4670,7 @@ function ShareModal({
                 }
               ) : null
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_design_system33.TabsContent, { value: "access", className: "mt-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_design_system25.TabsContent, { value: "access", className: "mt-0", children: [
               /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                 AccessSummaryPanel,
                 {
@@ -4681,7 +4682,7 @@ function ShareModal({
               ),
               resourceType === "record" && isOwner ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(WhoCouldSeeOn, { recordId: resourceId }) : null
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_design_system33.TabsContent, { value: "secure", className: "mt-0", children: isOwner ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_design_system25.TabsContent, { value: "secure", className: "mt-0", children: isOwner ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               SecureLinkPanel,
               {
                 resourceType,
@@ -4689,7 +4690,7 @@ function ShareModal({
                 resourceName
               }
             ) : manageBlockedNotice }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_design_system33.TabsContent, { value: "public", className: "mt-0", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_design_system25.TabsContent, { value: "public", className: "mt-0", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
               PublicAccessTab,
               {
                 publicPermission,
@@ -4705,7 +4706,7 @@ function ShareModal({
     ),
     error && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "mt-3 p-2.5 bg-destructive/10 border border-destructive/20 rounded-md flex-shrink-0", children: [
       /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm text-destructive", children: error }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ErrorAlchemyMenu, { error })
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ShareErrorAlchemyMenu, { error })
     ] })
   ] }) });
 }