@ai-matrx/sharing 0.1.4 → 0.1.6

package/dist/access-react.cjs

@@ -221,12 +221,13 @@ function useAccessUi() {
 // src/access/react/AccessDenied.tsx
 var import_react5 = require("react");
 var import_lucide_react3 = require("lucide-react");
-var import_design_system4 = require("@ai-matrx/design-system");
+var import_design_system2 = require("@ai-matrx/design-system");
+var import_controls3 = require("@ai-matrx/design-system/controls");
 
 // src/access/react/RequestAccessPanel.tsx
 var import_react2 = require("react");
 var import_lucide_react = require("lucide-react");
-var import_design_system2 = require("@ai-matrx/design-system");
+var import_controls = require("@ai-matrx/design-system/controls");
 var import_access = require("@ai-matrx/data/access");
 var import_access2 = require("@ai-matrx/data/access");
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -319,18 +320,15 @@ function RequestAccessPanel({
         cmsToken ? "Your request is saved. Once an owner adds you to the organization, this site will open." : delivered === 0 ? "We couldn't reach them with a message, but your request is saved and they'll see it." : "They\u2019ve been messaged. You\u2019ll get a message back the moment they answer, and this page will open.",
         ui.renderErrorMenu({})
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-        import_design_system2.Button,
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_controls.Button,
         {
-          className: "mt-3 h-8",
-          size: "sm",
+          className: "mt-3",
+          icon: busy ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Loader2, { className: "animate-spin", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Undo2, { "aria-hidden": true }),
           variant: "outline",
           disabled: busy,
           onClick: () => void withdraw(),
-          children: [
-            busy ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Loader2, { className: "mr-1.5 h-3.5 w-3.5 animate-spin", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Undo2, { className: "mr-1.5 h-3.5 w-3.5", "aria-hidden": true }),
-            "Withdraw request"
-          ]
+          children: "Withdraw request"
         }
       )
     ] });
@@ -346,17 +344,14 @@ function RequestAccessPanel({
         request.decisionNote,
         "\u201D"
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-        import_design_system2.Button,
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_controls.Button,
         {
-          className: "mt-3 h-8",
-          size: "sm",
+          className: "mt-3",
+          icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Send, { "aria-hidden": true }),
           variant: "outline",
           onClick: () => setReasking(true),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Send, { className: "mr-1.5 h-3.5 w-3.5", "aria-hidden": true }),
-            "Ask again"
-          ]
+          children: "Ask again"
         }
       )
     ] });
@@ -398,17 +393,15 @@ function RequestAccessPanel({
         onChange: (event) => setNote(event.target.value)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-      import_design_system2.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_controls.Button,
       {
         className: "mt-3",
-        size: "sm",
+        icon: busy ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Loader2, { className: "animate-spin", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Send, { "aria-hidden": true }),
+        variant: "primary",
         disabled: busy,
         onClick: () => void send(),
-        children: [
-          busy ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Loader2, { className: "mr-1.5 h-4 w-4 animate-spin", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Send, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
-          "Request access"
-        ]
+        children: "Request access"
       }
     )
   ] });
@@ -436,7 +429,7 @@ function LevelChoice({
 // src/access/react/BlindAccessAsk.tsx
 var import_react3 = require("react");
 var import_lucide_react2 = require("lucide-react");
-var import_design_system3 = require("@ai-matrx/design-system");
+var import_controls2 = require("@ai-matrx/design-system/controls");
 var import_access3 = require("@ai-matrx/data/access");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function BlindAccessAsk({
@@ -450,10 +443,11 @@ function BlindAccessAsk({
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-sm text-foreground", role: "status", "data-blind-ask": "asked", children: state.says || import_access3.BLIND_ASK_ANSWER });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex flex-col items-start gap-2", "data-blind-ask": state.kind, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-      import_design_system3.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_controls2.Button,
       {
-        size: "sm",
+        icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.KeyRound, { "aria-hidden": true }),
+        variant: "primary",
         disabled: state.kind === "asking",
         "aria-busy": state.kind === "asking",
         onClick: () => {
@@ -471,10 +465,7 @@ function BlindAccessAsk({
           );
         },
         "data-tap-target": true,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.KeyRound, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
-          state.kind === "asking" ? "Asking\u2026" : "Ask for access"
-        ]
+        children: state.kind === "asking" ? "Asking\u2026" : "Ask for access"
       }
     ),
     state.kind === "failed" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "text-xs text-destructive", role: "alert", children: [
@@ -524,7 +515,7 @@ function useAccessGate(token, id, options = {}) {
 
 // src/access/react/AccessDenied.tsx
 var import_format2 = require("@ai-matrx/kit/format");
-var import_design_system5 = require("@ai-matrx/design-system");
+var import_design_system3 = require("@ai-matrx/design-system");
 var import_access6 = require("@ai-matrx/data/access");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function RestoreArchived({
@@ -537,10 +528,11 @@ function RestoreArchived({
   const [busy, setBusy] = (0, import_react5.useState)(false);
   const [failure, setFailure] = (0, import_react5.useState)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-      import_design_system4.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_controls3.Button,
       {
-        size: "sm",
+        icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.RotateCcw, { "aria-hidden": true }),
+        variant: "primary",
         disabled: busy,
         onClick: async () => {
           setBusy(true);
@@ -555,14 +547,11 @@ function RestoreArchived({
             setBusy(false);
           }
         },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.RotateCcw, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
-          busy ? "Restoring\u2026" : "Restore"
-        ]
+        children: busy ? "Restoring\u2026" : "Restore"
       }
     ),
     failure ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      import_design_system5.ErrorNotice,
+      import_design_system3.ErrorNotice,
       {
         size: "inline",
         className: "basis-full text-sm",
@@ -676,7 +665,7 @@ function AccessDeniedView({
   const absolute = requestability === "absolute" && context.status === "denied";
   const title = headlineOverride?.trim() || (absolute ? "You can't open this here" : headline(context));
   const body = reason?.trim() || (absolute ? "" : explanation(context));
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "matrx-touch-targets flex h-full min-h-64 w-full items-center justify-center p-6", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "w-full max-w-xl", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { "data-matrx-access-refused": "", className: "matrx-touch-targets flex h-full min-h-64 w-full items-center justify-center p-6", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "w-full max-w-xl", children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-start gap-4", children: [
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl border border-border bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(StatusIcon, { status: context.status }) }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "min-w-0 flex-1", children: [
@@ -710,15 +699,15 @@ function AccessDeniedView({
           label: "Owner",
           name: context.owner.displayName ?? "Someone else",
           href: context.owner.creatorHandle ? `/c/${context.owner.creatorHandle}` : null,
-          avatar: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system4.Avatar, { className: "h-7 w-7", children: [
+          avatar: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system2.Avatar, { className: "h-7 w-7", children: [
             context.owner.avatarUrl ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-              import_design_system4.AvatarImage,
+              import_design_system2.AvatarImage,
               {
                 src: context.owner.avatarUrl,
                 alt: context.owner.displayName ?? "Owner"
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.AvatarFallback, { className: "text-[11px]", children: (0, import_format2.getInitials)(context.owner.displayName) })
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.AvatarFallback, { className: "text-[11px]", children: (0, import_format2.getInitials)(context.owner.displayName) })
           ] })
         }
       ) : null,
@@ -769,10 +758,7 @@ function AccessDeniedView({
     }) }) : null,
     footer ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mt-4", children: footer }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mt-5 flex flex-wrap items-center gap-2", children: [
-      context.status === "anonymous" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.Button, { asChild: true, size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(AccessLink, { href: signInHref, "data-tap-target": true, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.LogIn, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
-        "Sign in"
-      ] }) }) : null,
+      context.status === "anonymous" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_controls3.Button, { asChild: true, icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.LogIn, { "aria-hidden": true }), variant: "primary", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AccessLink, { href: signInHref, "data-tap-target": true, children: "Sign in" }) }) : null,
       (0, import_access6.mayRestoreArchived)(context) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         RestoreArchived,
         {
@@ -786,21 +772,11 @@ function AccessDeniedView({
           }
         }
       ) : null,
-      (context.status === "ok" || context.status === "error") && onRetry ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system4.Button, { size: "sm", onClick: onRetry, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.RefreshCw, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
-        "Try again"
-      ] }) : null,
-      ancestor && ancestorHref ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.Button, { asChild: true, size: "sm", variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(AccessLink, { href: ancestorHref, "data-tap-target": true, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.ArrowLeft, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
+      (context.status === "ok" || context.status === "error") && onRetry ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_controls3.Button, { icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.RefreshCw, { "aria-hidden": true }), variant: "primary", onClick: onRetry, children: "Try again" }) : null,
+      ancestor && ancestorHref ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_controls3.Button, { asChild: true, icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.ArrowLeft, { "aria-hidden": true }), variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(AccessLink, { href: ancestorHref, "data-tap-target": true, children: [
         "Open ",
         ancestor.title ?? ancestor.label.toLowerCase()
-      ] }) }) : fallbackHref ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system4.Button, { asChild: true, size: "sm", variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(AccessLink, { href: fallbackHref, "data-tap-target": true, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.ArrowLeft, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
-        fallbackLabel ?? "Back to what you can see"
-      ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system4.Button, { size: "sm", variant: "outline", onClick: () => router.back(), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.ArrowLeft, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
-        "Go back"
-      ] })
+      ] }) }) : fallbackHref ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_controls3.Button, { asChild: true, icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.ArrowLeft, { "aria-hidden": true }), variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AccessLink, { href: fallbackHref, "data-tap-target": true, children: fallbackLabel ?? "Back to what you can see" }) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_controls3.Button, { icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.ArrowLeft, { "aria-hidden": true }), variant: "outline", onClick: () => router.back(), children: "Go back" })
     ] })
   ] }) });
 }
@@ -918,7 +894,7 @@ function ServerRefusalCode({
 var import_react6 = require("react");
 var import_lucide_react4 = require("lucide-react");
 var import_uuid = require("@ai-matrx/kit/uuid");
-var import_controls = require("@ai-matrx/design-system/controls");
+var import_controls4 = require("@ai-matrx/design-system/controls");
 var import_access9 = require("@ai-matrx/data/access");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function SlugAccessGate({
@@ -1002,7 +978,7 @@ function Notice({
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mt-2 text-sm text-muted-foreground", children: body })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mt-5", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_controls.Button, { asChild: true, variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(AccessLink, { href: fallbackHref, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "mt-5", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_controls4.Button, { asChild: true, variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(AccessLink, { href: fallbackHref, children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.ArrowLeft, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
       fallbackLabel
     ] }) }) })
@@ -1012,7 +988,7 @@ function Notice({
 // src/access/react/SettingAccessGate.tsx
 var import_react7 = require("react");
 var import_lucide_react5 = require("lucide-react");
-var import_controls2 = require("@ai-matrx/design-system/controls");
+var import_controls5 = require("@ai-matrx/design-system/controls");
 var import_access10 = require("@ai-matrx/data/access");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function SettingAccessGate({
@@ -1091,7 +1067,7 @@ function SettingAccessGate({
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        import_controls2.Button,
+        import_controls5.Button,
         {
           icon: busy ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Loader2, { className: "animate-spin", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.Send, { "aria-hidden": true }),
           variant: "primary",
@@ -1106,7 +1082,7 @@ function SettingAccessGate({
 
 // src/access/react/ForbiddenSurface.tsx
 var import_lucide_react6 = require("lucide-react");
-var import_controls3 = require("@ai-matrx/design-system/controls");
+var import_controls6 = require("@ai-matrx/design-system/controls");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function ForbiddenSurfaceView({
   state,
@@ -1117,7 +1093,7 @@ function ForbiddenSurfaceView({
   homeHref = "/dashboard"
 }) {
   const unverified = state === "unverified";
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex h-full min-h-64 w-full items-center justify-center p-6", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w-full max-w-lg", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { "data-matrx-access-refused": "", className: "flex h-full min-h-64 w-full items-center justify-center p-6", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w-full max-w-lg", children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-start gap-4", children: [
       /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.Lock, { className: "h-6 w-6 text-muted-foreground", "aria-hidden": true }) }),
       /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "min-w-0 flex-1", children: [
@@ -1126,14 +1102,14 @@ function ForbiddenSurfaceView({
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "mt-5 flex flex-wrap items-center gap-2", children: [
-      unverified ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_controls3.Button, { variant: "primary", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(AccessLink, { href: `${pathname}${search}`, children: [
+      unverified ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_controls6.Button, { variant: "primary", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(AccessLink, { href: `${pathname}${search}`, children: [
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.RotateCw, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
         "Open it again"
-      ] }) }) : isAuthenticated ? null : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_controls3.Button, { variant: "primary", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(AccessLink, { href: signInHref, children: [
+      ] }) }) : isAuthenticated ? null : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_controls6.Button, { variant: "primary", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(AccessLink, { href: signInHref, children: [
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.LogIn, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
         "Sign in"
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_controls3.Button, { asChild: true, variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(AccessLink, { href: homeHref, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_controls6.Button, { asChild: true, variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(AccessLink, { href: homeHref, children: [
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react6.ArrowLeft, { className: "mr-1.5 h-4 w-4", "aria-hidden": true }),
         "Back to what you can see"
       ] }) })
@@ -1144,9 +1120,9 @@ function ForbiddenSurfaceView({
 // src/access/react/RequestAccess.tsx
 var import_react9 = require("react");
 var import_lucide_react7 = require("lucide-react");
-var import_controls4 = require("@ai-matrx/design-system/controls");
-var import_design_system6 = require("@ai-matrx/design-system");
-var import_design_system7 = require("@ai-matrx/design-system");
+var import_controls7 = require("@ai-matrx/design-system/controls");
+var import_design_system4 = require("@ai-matrx/design-system");
+var import_design_system5 = require("@ai-matrx/design-system");
 
 // src/access/react/useRequestAccess.ts
 var import_react8 = require("react");
@@ -1256,7 +1232,7 @@ function RequestAccess({
         "aria-label": label,
         title: label,
         onClick: () => setOpen(true),
-        className: (0, import_design_system7.cn)(
+        className: (0, import_design_system5.cn)(
           "inline-flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
           className
         ),
@@ -1265,14 +1241,14 @@ function RequestAccess({
     ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
       "div",
       {
-        className: (0, import_design_system7.cn)(
+        className: (0, import_design_system5.cn)(
           "flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground",
           className
         ),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: request.sent ? "Request sent." : why }),
           request.sent ? null : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-            import_controls4.Button,
+            import_controls7.Button,
             {
               icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react7.KeyRound, { "aria-hidden": "true" }),
               variant: "outline",
@@ -1316,10 +1292,10 @@ function RequestAccessDialog({
       );
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system6.Dialog, { open: true, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_design_system6.DialogContent, { className: "matrx-touch-targets sm:max-w-md", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_design_system6.DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system6.DialogTitle, { children: "Ask for access" }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_design_system6.DialogDescription, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system4.Dialog, { open: true, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_design_system4.DialogContent, { className: "matrx-touch-targets sm:max-w-md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_design_system4.DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_design_system4.DialogTitle, { children: "Ask for access" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_design_system4.DialogDescription, { children: [
         "Goes to ",
         request.destination,
         "."
@@ -1341,9 +1317,9 @@ function RequestAccessDialog({
         onChange: (event) => setNote(event.target.value)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_design_system6.DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_controls4.Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_controls4.Button, { icon: request.sending ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react7.Loader2, { className: "animate-spin", "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react7.Send, { "aria-hidden": "true" }), variant: "primary", disabled: request.sending, onClick: () => void send(), children: "Send request" })
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_design_system4.DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_controls7.Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_controls7.Button, { icon: request.sending ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react7.Loader2, { className: "animate-spin", "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react7.Send, { "aria-hidden": "true" }), variant: "primary", disabled: request.sending, onClick: () => void send(), children: "Send request" })
     ] })
   ] }) });
 }
@@ -1351,9 +1327,9 @@ function RequestAccessDialog({
 // src/access/react/UnresolvedEntityRef.tsx
 var import_react10 = require("react");
 var import_lucide_react8 = require("lucide-react");
-var import_design_system8 = require("@ai-matrx/design-system");
-var import_controls5 = require("@ai-matrx/design-system/controls");
-var import_design_system9 = require("@ai-matrx/design-system");
+var import_design_system6 = require("@ai-matrx/design-system");
+var import_controls8 = require("@ai-matrx/design-system/controls");
+var import_design_system7 = require("@ai-matrx/design-system");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function chipLabel(context) {
   const kind = context.entity.label.toLowerCase();
@@ -1421,7 +1397,7 @@ function UnresolvedEntityRef({
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
       "span",
       {
-        className: (0, import_design_system9.cn)(
+        className: (0, import_design_system7.cn)(
           "inline-flex items-center gap-1.5 text-sm text-muted-foreground",
           className
         ),
@@ -1435,13 +1411,13 @@ function UnresolvedEntityRef({
   const label = chipLabel(context);
   const tone = context.status === "error" || context.status === "missing" ? "text-amber-700 dark:text-amber-400" : "text-muted-foreground";
   const showOrg = Boolean(context.organization);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_design_system8.Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system8.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_design_system6.Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_design_system6.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
       "button",
       {
         type: "button",
         onClick: (e) => e.stopPropagation(),
-        className: (0, import_design_system9.cn)(
+        className: (0, import_design_system7.cn)(
           "inline-flex min-w-0 items-center gap-1.5 rounded-md border border-dashed border-border px-1.5 py-0.5 text-sm italic transition-colors hover:bg-muted",
           tone,
           className
@@ -1454,7 +1430,7 @@ function UnresolvedEntityRef({
       }
     ) }),
     /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-      import_design_system8.PopoverContent,
+      import_design_system6.PopoverContent,
       {
         sizing: "content",
         align: "start",
@@ -1495,12 +1471,12 @@ function UnresolvedEntityRef({
               onChanged: () => onChanged?.()
             }
           ) }) : null,
-          context.status === "anonymous" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_controls5.Button, { variant: "primary", asChild: true, className: "mt-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(AccessLink, { href: signInHref, children: [
+          context.status === "anonymous" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_controls8.Button, { variant: "primary", asChild: true, className: "mt-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(AccessLink, { href: signInHref, children: [
             /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react8.LogIn, { className: "mr-1.5 h-3.5 w-3.5", "aria-hidden": true }),
             "Sign in"
           ] }) }) : null,
           (context.status === "ok" || context.status === "error") && onChanged ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            import_controls5.Button,
+            import_controls8.Button,
             {
               icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react8.RefreshCw, { "aria-hidden": true }),
               variant: "primary",
@@ -1577,8 +1553,8 @@ function ServerReadRecheck({
 // src/access/react/GovernedActionDialog.tsx
 var import_react13 = require("react");
 var import_lucide_react9 = require("lucide-react");
-var import_controls6 = require("@ai-matrx/design-system/controls");
-var import_design_system10 = require("@ai-matrx/design-system");
+var import_controls9 = require("@ai-matrx/design-system/controls");
+var import_design_system8 = require("@ai-matrx/design-system");
 var import_access19 = require("@ai-matrx/data/access");
 
 // src/access/react/useHiddenByMe.ts
@@ -1804,10 +1780,10 @@ function GovernedActionDialog({
       setBusy(false);
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system10.Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system10.DialogContent, { className: "matrx-touch-targets sm:max-w-xl", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system10.DialogHeader, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system8.Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system8.DialogContent, { className: "matrx-touch-targets sm:max-w-xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system8.DialogHeader, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "mb-2 flex h-11 w-11 items-center justify-center rounded-full bg-destructive/10", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ActionIcon, { className: "h-5 w-5 text-destructive", "aria-hidden": true }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system10.DialogTitle, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system8.DialogTitle, { children: [
         "Ask ",
         ownerName2,
         " to ",
@@ -1815,7 +1791,7 @@ function GovernedActionDialog({
         " this ",
         itemLabel
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system10.DialogDescription, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system8.DialogDescription, { children: [
         "You can work on",
         " ",
         /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "font-medium text-foreground", children: itemName }),
@@ -1882,10 +1858,10 @@ function GovernedActionDialog({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system10.DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_controls6.Button, { variant: "outline", onClick: () => onOpenChange(false), children: sent ? "Done" : "Cancel" }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_design_system8.DialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_controls9.Button, { variant: "outline", onClick: () => onOpenChange(false), children: sent ? "Done" : "Cancel" }),
       !sent && context?.status !== "error" && context?.status !== "anonymous" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        import_controls6.Button,
+        import_controls9.Button,
         {
           icon: busy ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react9.Loader2, { className: "animate-spin", "aria-hidden": true }) : choice === "hide" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react9.EyeOff, { "aria-hidden": true }) : choice === "delete" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react9.Send, { "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react9.KeyRound, { "aria-hidden": true }),
           variant: "primary",
@@ -1925,8 +1901,8 @@ function RequestChoiceButton({
 // src/access/react/HiddenByMeButton.tsx
 var import_react14 = require("react");
 var import_lucide_react10 = require("lucide-react");
-var import_controls7 = require("@ai-matrx/design-system/controls");
-var import_design_system11 = require("@ai-matrx/design-system");
+var import_controls10 = require("@ai-matrx/design-system/controls");
+var import_design_system9 = require("@ai-matrx/design-system");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function HiddenByMeButton({
   token,
@@ -1951,7 +1927,7 @@ function HiddenByMeButton({
   };
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      import_controls7.Button,
+      import_controls10.Button,
       {
         type: "button",
         variant: "quiet",
@@ -1961,10 +1937,10 @@ function HiddenByMeButton({
         children: `Hidden ${count}`
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system11.Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system11.DialogContent, { className: "matrx-touch-targets sm:max-w-lg", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system11.DialogHeader, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system11.DialogTitle, { children: "Hidden by me" }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system11.DialogDescription, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system9.Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system9.DialogContent, { className: "matrx-touch-targets sm:max-w-lg", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system9.DialogHeader, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system9.DialogTitle, { children: "Hidden by me" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_design_system9.DialogDescription, { children: [
           "Only you stopped seeing these ",
           pluralLabel,
           "."
@@ -1975,7 +1951,7 @@ function HiddenByMeButton({
         return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("li", { className: "flex items-center gap-2 py-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "min-w-0 flex-1", children: ui.renderEntityRef({ token: item.token, id: item.id, name }) }),
           /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            import_controls7.Button,
+            import_controls10.Button,
             {
               type: "button",
               variant: "outline",
@@ -1993,7 +1969,7 @@ function HiddenByMeButton({
 
 // src/access/react/HiddenFilter.tsx
 var import_lucide_react11 = require("lucide-react");
-var import_controls8 = require("@ai-matrx/design-system/controls");
+var import_controls11 = require("@ai-matrx/design-system/controls");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function HiddenFilter({
   count,
@@ -2003,7 +1979,7 @@ function HiddenFilter({
   if (count === 0 && value === "visible") return null;
   const showing = value === "hidden";
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    import_controls8.Button,
+    import_controls11.Button,
     {
       type: "button",
       variant: showing ? "outline" : "quiet",
@@ -2019,7 +1995,7 @@ function HiddenFilter({
 // src/access/react/ResourceActionRequestButtons.tsx
 var import_react15 = require("react");
 var import_lucide_react12 = require("lucide-react");
-var import_controls9 = require("@ai-matrx/design-system/controls");
+var import_controls12 = require("@ai-matrx/design-system/controls");
 var import_access20 = require("@ai-matrx/data/access");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 function ResourceActionRequestButtons({
@@ -2157,7 +2133,7 @@ function ResourceActionRequestButtons({
   }
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex flex-wrap gap-2", children: [
     action ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      import_controls9.Button,
+      import_controls12.Button,
       {
         icon: busy ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.Loader2, { className: "animate-spin", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.Trash2, { "aria-hidden": true }),
         variant: "primary",
@@ -2168,7 +2144,7 @@ function ResourceActionRequestButtons({
       }
     ) : null,
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      import_controls9.Button,
+      import_controls12.Button,
       {
         icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.KeyRound, { "aria-hidden": true }),
         className: size,
@@ -2178,12 +2154,12 @@ function ResourceActionRequestButtons({
         children: "Give full access"
       }
     ),
-    safeHref ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_controls9.Button, { asChild: true, className: size, variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(AccessLink, { href: safeHref, target: "_blank", rel: "noopener noreferrer", children: [
+    safeHref ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_controls12.Button, { asChild: true, className: size, variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(AccessLink, { href: safeHref, target: "_blank", rel: "noopener noreferrer", children: [
       /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.ExternalLink, { className: "h-3.5 w-3.5", "aria-hidden": true }),
       "Open item"
     ] }) }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      import_controls9.Button,
+      import_controls12.Button,
       {
         icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.CircleSlash, { "aria-hidden": true }),
         className: size,
@@ -2194,7 +2170,7 @@ function ResourceActionRequestButtons({
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      import_controls9.Button,
+      import_controls12.Button,
       {
         icon: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react12.Flag, { "aria-hidden": true }),
         className: size,
@@ -2210,7 +2186,7 @@ function ResourceActionRequestButtons({
 // src/access/react/SettingRequestActionButtons.tsx
 var import_react16 = require("react");
 var import_lucide_react13 = require("lucide-react");
-var import_controls10 = require("@ai-matrx/design-system/controls");
+var import_controls13 = require("@ai-matrx/design-system/controls");
 var import_access21 = require("@ai-matrx/data/access");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 function SettingRequestActionButtons({
@@ -2295,7 +2271,7 @@ function SettingRequestActionButtons({
   const size = compact ? "h-7 px-2 text-[11px]" : "h-11 sm:h-8";
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-wrap gap-2", children: [
     action ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      import_controls10.Button,
+      import_controls13.Button,
       {
         icon: busy ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react13.Loader2, { className: "animate-spin", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react13.Check, { "aria-hidden": true }),
         variant: "primary",
@@ -2305,12 +2281,12 @@ function SettingRequestActionButtons({
         children: action.label
       }
     ) : null,
-    safeHref ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_controls10.Button, { asChild: true, className: size, variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(AccessLink, { href: safeHref, target: "_blank", rel: "noopener noreferrer", children: [
+    safeHref ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_controls13.Button, { asChild: true, className: size, variant: "outline", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(AccessLink, { href: safeHref, target: "_blank", rel: "noopener noreferrer", children: [
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react13.ExternalLink, { className: "h-3.5 w-3.5", "aria-hidden": true }),
       "Open setting"
     ] }) }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      import_controls10.Button,
+      import_controls13.Button,
       {
         icon: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react13.CircleSlash, { "aria-hidden": true }),
         className: size,
@@ -2326,8 +2302,8 @@ function SettingRequestActionButtons({
 // src/access/react/AccessRequestsSurface.tsx
 var import_react17 = require("react");
 var import_lucide_react14 = require("lucide-react");
-var import_design_system12 = require("@ai-matrx/design-system");
-var import_controls11 = require("@ai-matrx/design-system/controls");
+var import_design_system10 = require("@ai-matrx/design-system");
+var import_controls14 = require("@ai-matrx/design-system/controls");
 var import_buttons = require("@ai-matrx/design-system/tap-target/buttons");
 var import_format3 = require("@ai-matrx/kit/format");
 var import_access22 = require("@ai-matrx/data/access");
@@ -2405,10 +2381,10 @@ function RowShell({ children }) {
 }
 function LoadingRows() {
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("ul", { className: "space-y-2", children: [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(RowShell, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-start gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system12.Skeleton, { className: "h-8 w-8 shrink-0 rounded-full" }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system10.Skeleton, { className: "h-8 w-8 shrink-0 rounded-full" }),
     /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "min-w-0 flex-1 space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system12.Skeleton, { className: "h-4 w-1/3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system12.Skeleton, { className: "h-3 w-2/3" })
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system10.Skeleton, { className: "h-4 w-1/3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system10.Skeleton, { className: "h-3 w-2/3" })
     ] })
   ] }) }, i)) });
 }
@@ -2542,7 +2518,7 @@ function AccessRequestsSurface() {
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          import_controls11.SegmentedControl,
+          import_controls14.SegmentedControl,
           {
             "aria-label": "Request box",
             value: box,
@@ -2594,7 +2570,7 @@ function AccessRequestsSurface() {
             box === "sent" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               "span",
               {
-                className: (0, import_design_system12.cn)(
+                className: (0, import_design_system10.cn)(
                   "rounded-full px-2 py-0.5 text-[11px] font-medium",
                   STATUS_TONE[row.status]
                 ),
@@ -2635,7 +2611,7 @@ function AccessRequestsSurface() {
           }
         ) : box === "inbox" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-wrap gap-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            import_controls11.Button,
+            import_controls14.Button,
             {
               icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react14.CircleCheck, { "aria-hidden": true }),
               variant: "primary",
@@ -2645,7 +2621,7 @@ function AccessRequestsSurface() {
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            import_controls11.Button,
+            import_controls14.Button,
             {
               icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react14.PenLine, { "aria-hidden": true }),
               variant: "outline",
@@ -2655,7 +2631,7 @@ function AccessRequestsSurface() {
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            import_controls11.Button,
+            import_controls14.Button,
             {
               icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react14.KeyRound, { "aria-hidden": true }),
               variant: "outline",
@@ -2665,7 +2641,7 @@ function AccessRequestsSurface() {
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            import_controls11.Button,
+            import_controls14.Button,
             {
               icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react14.CircleSlash, { "aria-hidden": true }),
               variant: "outline",
@@ -2675,7 +2651,7 @@ function AccessRequestsSurface() {
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            import_controls11.Button,
+            import_controls14.Button,
             {
               icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react14.Flag, { "aria-hidden": true }),
               variant: "quiet",
@@ -2685,7 +2661,7 @@ function AccessRequestsSurface() {
             }
           )
         ] }) : row.status === "pending" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex flex-wrap gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          import_controls11.Button,
+          import_controls14.Button,
           {
             icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react14.Undo2, { "aria-hidden": true }),
             variant: "outline",