@ai-matrx/sharing 0.1.0 → 0.1.1

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # Changelog
 
-## Unreleased
+## 0.1.1
 
 - **"Can't remove it" is a summon overlay (X3).** `offerOwnerChoices` / `ensureRemovable` open `CANT_REMOVE_DIALOG` (`"cantRemoveDialog"`) through the host's overlay doors and await summon's `requestOverlay`; new `requestCantRemove(request): Promise<"hidden" | "closed">` (one screen per record). Removed: `cantRemoveOpener` (kit opener), `CantRemoveDialogHostBody`, the `ensureDialogHosts` env field. New env field `overlays: { open(id, instanceId, data), close(id, instanceId) }`; new public module `./access/react/cantRemoveDialog.render`. **Consumer action:** pass `overlays` to `configureAccessUi` (dispatch summon open/close), register overlay `cantRemoveDialog` with that render; matrx-frontend's own copy (`features/access-gate/cant-remove/*`) then goes.
 - **Reconciled with the web's copies (2026-10-21).** Ported the web's changes made after the sheet moved: `GuestBadge` (a person outside the thing's organization is marked Guest in the share list; `PermissionWithDetails.grantedToUser.isGuest` parsed from `get_resource_permissions`), `WhoCouldSeeOn` (a record owner asks who could see it at a past moment, `custom.who_could_see_on`) shown in the share dialog for records, and the registry's display labels (Sending mailbox, Applet, Flashcard Deck, Quiz session, Cloud document, Contact, Form, Google file).
@@ -13,3 +13,4 @@ Skeleton release: the name's sections exist (`/core`, `/react`) and export nothi
 ### Consumer action
 
 None. Do not adopt until a unit ships the API.
+

package/dist/access-react.cjs

@@ -425,7 +425,7 @@ function LevelChoice({
       "aria-pressed": active,
       onClick,
       className: [
-        "rounded-full border px-3 py-1 text-xs font-medium transition-colors",
+        "whitespace-nowrap rounded-full border px-3 py-1 text-xs font-medium transition-colors",
         active ? "border-primary bg-primary/10 text-primary-ink" : "border-border bg-background text-muted-foreground hover:bg-accent"
       ].join(" "),
       children: label
@@ -2421,8 +2421,6 @@ function EmptyState({ box }) {
 function AccessRequestsSurface() {
   const ui = useAccessUi();
   const { toast, confirm } = ui;
-  const NAV_ITEM_SELECTED = ui.navItemClasses.selected;
-  const NAV_ITEM_UNSELECTED = ui.navItemClasses.unselected;
   const [box, setBox] = (0, import_react17.useState)(() => boxFromParam(ui.searchParam("box")));
   const currentUserId = ui.useCurrentUser().id;
   const [rows, setRows] = (0, import_react17.useState)({
@@ -2530,24 +2528,10 @@ function AccessRequestsSurface() {
       "Request withdrawn."
     );
   }
-  const tab = (target, label, count) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-    "button",
-    {
-      type: "button",
-      onClick: () => setBox(target),
-      "aria-current": box === target ? "page" : void 0,
-      className: (0, import_design_system12.cn)(
-        "inline-flex items-center gap-1.5 whitespace-nowrap rounded-full px-3 py-1 text-xs transition-colors",
-        box === target ? NAV_ITEM_SELECTED : NAV_ITEM_UNSELECTED
-      ),
-      children: [
-        target === "inbox" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react14.Inbox, { className: "h-3.5 w-3.5", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react14.Send, { className: "h-3.5 w-3.5", "aria-hidden": true }),
-        label,
-        count > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system12.Badge, { className: "pointer-events-none h-4 min-w-[16px] border-0 bg-primary px-1 text-[9px] font-semibold text-primary-foreground hover:bg-primary", children: count > 99 ? "99+" : count })
-      ]
-    },
-    target
-  );
+  const tabLabel = (target, label) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "inline-flex items-center gap-1.5", children: [
+    target === "inbox" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react14.Inbox, { className: "h-3.5 w-3.5", "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react14.Send, { className: "h-3.5 w-3.5", "aria-hidden": true }),
+    label
+  ] });
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "mx-auto w-full max-w-3xl", children: [
     /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "mb-3 flex items-center justify-between gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "hidden items-center gap-1.5 text-sm font-medium sm:inline-flex", children: [
@@ -2555,10 +2539,18 @@ function AccessRequestsSurface() {
         "Access requests"
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "matrx-glass-thin-border inline-flex items-center gap-1 rounded-full p-1", children: [
-          tab("inbox", "To me", inboxCount),
-          tab("sent", "I sent", sentPending)
-        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          import_controls11.SegmentedControl,
+          {
+            "aria-label": "Request box",
+            value: box,
+            onValueChange: setBox,
+            data: [
+              { value: "inbox", label: tabLabel("inbox", "To me"), count: inboxCount > 0 ? inboxCount : null },
+              { value: "sent", label: tabLabel("sent", "I sent"), count: sentPending > 0 ? sentPending : null }
+            ]
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           import_buttons.RefreshCwTapButton,
           {