@ai-matrx/records-ui 0.115.34 → 0.115.35

package/dist/pickers.cjs

@@ -52,9 +52,9 @@ var askOnce_exports = {};
 __reExport(askOnce_exports, require("@ai-matrx/records/versions"));
 
 // src/AddChoicesInline.tsx
-var import_react3 = require("react");
-var import_react4 = require("@ai-matrx/records/react");
-var import_design_system2 = require("@ai-matrx/design-system");
+var import_react6 = require("react");
+var import_react7 = require("@ai-matrx/records/react");
+var import_design_system4 = require("@ai-matrx/design-system");
 
 // src/ChoiceListEditor.tsx
 var import_react = require("react");
@@ -576,14 +576,285 @@ function ChoiceSwatch({ words, color, onColor }) {
   ] });
 }
 
-// src/AddChoicesInline.tsx
+// src/Refusal.tsx
+var import_core = require("@ai-matrx/records/core");
+var import_design_system3 = require("@ai-matrx/design-system");
+
+// src/ArchivedOrganizationNotice.tsx
+var import_react5 = require("react");
+var import_design_system2 = require("@ai-matrx/design-system");
+
+// src/host.tsx
+var import_react3 = require("react");
+var import_react4 = require("@ai-matrx/records/react");
+
+// src/rights.ts
+var import_records3 = require("@ai-matrx/records");
+var LEVEL_WORD = {
+  viewer: "Viewer",
+  commenter: "Commenter",
+  edit_content: "Content editor",
+  editor: "Editor",
+  admin: "Admin"
+};
+var NEEDS = {
+  read: "viewer",
+  // custom.io_comment_write
+  comment: "commenter",
+  // custom.record_update / custom.record_write — `edit_content` changes rows and page content;
+  // columns, views and settings (structure) stay with admin below, and sharing with admin.
+  write: "edit_content",
+  // custom.view_designate / view_declare / migrate_merge / record_restore — all ask `editor`: more than
+  // changing content (`edit_content`), less than changing columns (`admin`).
+  organise: "editor",
+  // custom.record_delete
+  remove: "editor",
+  // custom.share_grant — passing your access on is an administrator's right
+  share: "admin",
+  // custom.field_declare / field_update / field_retire / table settings
+  structure: "admin"
+};
+var NOT_YET = "Still asking the store what you may do here. Nothing is offered until it has answered.";
+var NOTHING_AT_ALL = "You have not been given this. Ask somebody who administers it to share it with you.";
+function sentenceFor(what, level) {
+  if (level === null) return NOTHING_AT_ALL;
+  const need = LEVEL_WORD[NEEDS[what]];
+  const have = LEVEL_WORD[level];
+  const doing = {
+    read: "open this",
+    comment: "leave a comment",
+    write: "change anything here",
+    organise: "organise this",
+    remove: "delete this",
+    share: "pass this on to somebody else",
+    structure: "change the columns of this table"
+  };
+  return `You are ${have} here, and it takes ${need} to ${doing[what]}. Ask somebody who is Admin on it to move you up.`;
+}
+function whatYouMayDo(level, known = true) {
+  const may = (what) => known && (0, import_records3.atLeast)(level, NEEDS[what]);
+  return {
+    level: known ? level : null,
+    known,
+    read: may("read"),
+    comment: may("comment"),
+    write: may("write"),
+    organise: may("organise"),
+    remove: may("remove"),
+    share: may("share"),
+    structure: may("structure"),
+    why: (what) => known ? sentenceFor(what, level) : NOT_YET
+  };
+}
+var NOT_ANSWERED_YET = whatYouMayDo(null, false);
+var KERNEL_REASON = "This is one of the tables the platform ships, so its columns are not changed from a screen. Make your own table to change columns.";
+function whatYouMayDoWithTable(table, level, known) {
+  const base = whatYouMayDo(level, known);
+  if (!table?.is_kernel) return table && tableIsLocked(table) ? lockedStructure(base) : base;
+  return {
+    ...base,
+    structure: false,
+    why: (what) => what === "structure" ? KERNEL_REASON : base.why(what)
+  };
+}
+function tableIsLocked(table) {
+  return table?.metadata?.["locked"] === true;
+}
+var DATABASE_LOCKED_REASON = "This database is locked, so its columns and settings are read-only. Unlock it to change them.";
+function lockedStructure(base) {
+  return { ...base, structure: false, why: (what) => what === "structure" ? DATABASE_LOCKED_REASON : base.why(what) };
+}
+
+// src/host.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
+function tableRights(may, overallReason) {
+  return {
+    ...may,
+    admin: may.structure,
+    reason: overallReason ?? (may.structure ? "" : may.why("structure"))
+  };
+}
+var NO_RIGHTS = tableRights(NOT_ANSWERED_YET);
+var NO_MEMBERS_REASON = "This app cannot offer the people in your organization on this screen yet, so there is nobody to pick. Type the person's name into a text field for now, and tell us \u2014 it is on our list, not yours.";
+var NO_UPLOAD_REASON = "This screen cannot take a file yet, so there is no chooser here rather than one that loses what you pick. Put a link to the file in a text field for now. It is on our list, not yours.";
+var HostContext = (0, import_react3.createContext)(null);
+function useRecordsUi() {
+  return (0, import_react3.useContext)(HostContext) ?? {};
+}
+function quiet(may, say) {
+  if (say !== false) return may;
+  return { ...may, why: () => "", ..."reason" in may ? { reason: "" } : {} };
+}
+function useTableRights(table) {
+  const host = useRecordsUi();
+  const asked2 = useTableRightsAsked(table, host);
+  return (0, import_react3.useMemo)(() => quiet(asked2, host.sayLevelNeeded), [asked2, host.sayLevelNeeded]);
+}
+function useTableRightsAsked(table, host) {
+  const bound = Boolean(host.rights);
+  const asked2 = (0, import_react4.useMyLevel)(bound || !table ? null : table.id);
+  return (0, import_react3.useMemo)(() => {
+    if (!table) return NO_RIGHTS;
+    if (host.rights) return host.rights(table);
+    if (asked2.loading) return tableRights(NOT_ANSWERED_YET);
+    const level = asked2.error ? null : asked2.data;
+    return tableRights(whatYouMayDoWithTable(table, level, true));
+  }, [host, table, bound, asked2.loading, asked2.error, asked2.data]);
+}
+
+// src/ArchivedOrganizationNotice.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function ArchivedOrganizationNotice({
+  organizationId,
+  error,
+  className
+}) {
+  const port = useRecordsUi().archivedOrganization;
+  const [mayRestore, setMayRestore] = (0, import_react5.useState)(null);
+  const [busy, setBusy] = (0, import_react5.useState)(false);
+  const [failed, setFailed] = (0, import_react5.useState)(null);
+  (0, import_react5.useEffect)(() => {
+    let live = true;
+    if (!port) {
+      setMayRestore(false);
+      return;
+    }
+    setMayRestore(null);
+    port.state(organizationId).then((answer) => {
+      if (live) setMayRestore(answer?.mayRestore === true);
+    }).catch(() => {
+      if (live) setMayRestore(false);
+    });
+    return () => {
+      live = false;
+    };
+  }, [organizationId, port?.state]);
+  const restore = async () => {
+    if (!port || busy) return;
+    setBusy(true);
+    setFailed(null);
+    try {
+      await port.restore(organizationId);
+      if (port.afterRestore) port.afterRestore();
+      else if (typeof window !== "undefined") window.location.reload();
+    } catch (thrown) {
+      setFailed(thrown instanceof Error && thrown.message ? thrown.message : "The organization could not be restored.");
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    import_design_system2.Alert,
+    {
+      variant: "destructive",
+      role: "alert",
+      "data-refusal-notice": "",
+      "data-archived-organization": organizationId,
+      className: (0, import_design_system2.cn)("text-xs", className),
+      errorFacts: { message: "This organization is archived", title: "This organization is archived", error, origin: "records-ui/ArchivedOrganizationNotice" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system2.AlertTitle, { className: "text-xs font-medium", children: "This organization is archived" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system2.AlertDescription, { className: "space-y-1 text-xs", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "opacity-80", children: "Nothing was deleted. Everything here comes back the moment an owner of the organization, or a super admin, restores it." }),
+          mayRestore === true ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "button",
+            {
+              type: "button",
+              "data-restore-organization": "",
+              disabled: busy,
+              className: "rounded border px-2 py-0.5 text-xs hover:bg-muted disabled:opacity-60",
+              onClick: () => void restore(),
+              children: busy ? "Restoring..." : "Restore organization"
+            }
+          ) : null,
+          mayRestore === false ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { "data-restore-who": "", className: "opacity-80", children: "Ask an owner of this organization to restore it." }) : null,
+          failed ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { "data-restore-refused": "", children: failed }) : null
+        ] })
+      ]
+    }
+  );
+}
+
+// src/Refusal.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function RefusalNotice({
+  error,
+  className,
+  actions,
+  onKeepEditing,
+  onDiscard
+}) {
+  const archivedOrg = (0, import_core.archivedOrganizationId)(error);
+  if (archivedOrg) {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ArchivedOrganizationNotice, { organizationId: archivedOrg, error, className });
+  }
+  const plain = refusalForAPerson(error);
+  const doors = onKeepEditing || onDiscard ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-wrap items-center gap-1 pt-0.5", "data-refusal-doors": "", children: [
+    onKeepEditing ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "button",
+      {
+        type: "button",
+        "data-refusal-keep-editing": "",
+        className: "rounded border px-2 py-0.5 text-xs hover:bg-muted",
+        onClick: onKeepEditing,
+        children: "Keep editing"
+      }
+    ) : null,
+    onDiscard ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "button",
+      {
+        type: "button",
+        "data-refusal-discard": "",
+        className: "rounded border px-2 py-0.5 text-xs hover:bg-muted",
+        onClick: onDiscard,
+        children: "Discard"
+      }
+    ) : null
+  ] }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    import_design_system3.Alert,
+    {
+      variant: "destructive",
+      role: "alert",
+      "data-refusal-notice": "",
+      className: (0, import_design_system3.cn)("text-xs", className),
+      errorFacts: { message: plain.sentence, title: plain.title, error, origin: "records-ui/RefusalNotice" },
+      ...plain.forEngineers ? { "data-for-engineers": plain.forEngineers } : {},
+      ...error.sqlstate ? { "data-sqlstate": error.sqlstate } : {},
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system3.AlertTitle, { className: "text-xs font-medium", children: plain.storeSaid ? plain.sentence : plain.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system3.AlertDescription, { className: "space-y-1 text-xs", children: [
+          plain.storeSaid || plain.sentence.replace(/\.$/, "") === plain.title ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: plain.sentence }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "opacity-80", children: plain.remedy }),
+          actions,
+          doors
+        ] })
+      ]
+    }
+  );
+}
+function RefusalLine({ error, className }) {
+  const plain = refusalForAPerson(error);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_design_system3.ErrorBox,
+    {
+      "data-refusal-line": "",
+      className: (0, import_design_system3.cn)("text-xs text-destructive", className),
+      message: (0, import_core.archivedOrganizationId)(error) ? "This organization is archived. An owner can restore it." : refusalLineForAPerson(error),
+      error,
+      origin: "records-ui/RefusalLine",
+      ...plain.forEngineers ? { "data-for-engineers": plain.forEngineers } : {}
+    }
+  );
+}
+
+// src/AddChoicesInline.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function AddChoicesInline({ field, onAdded, disabled = false }) {
-  const client = (0, import_react4.useOptionalRecordsClient)();
-  const [open, setOpen] = (0, import_react3.useState)(false);
-  const [rows, setRows] = (0, import_react3.useState)(() => [newChoiceRow([])]);
-  const [saving, setSaving] = (0, import_react3.useState)(false);
-  const [refused, setRefused] = (0, import_react3.useState)(null);
+  const client = (0, import_react7.useOptionalRecordsClient)();
+  const [open, setOpen] = (0, import_react6.useState)(false);
+  const [rows, setRows] = (0, import_react6.useState)(() => [newChoiceRow([])]);
+  const [saving, setSaving] = (0, import_react6.useState)(false);
+  const [refused, setRefused] = (0, import_react6.useState)(null);
   if (!client) return null;
   const words = rows.map((r) => r.words.trim()).filter((w) => w !== "");
   const missing = whatTheChoiceListIsMissing(rows);
@@ -593,19 +864,20 @@ function AddChoicesInline({ field, onAdded, disabled = false }) {
     const done = await client.fieldUpdate({ field_id: field.id, patch: { options_add: words } });
     setSaving(false);
     if (!done.ok) {
-      setRefused(refusalSentence(done.error));
+      setRefused(done.error);
       return;
     }
     setOpen(false);
     setRows([newChoiceRow([])]);
     onAdded();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_design_system2.Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.Button, { type: "button", size: "sm", variant: "outline", className: "h-7 self-start text-xs", disabled, "data-records-add-choices": "", children: "Add choices" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_design_system2.PopoverContent, { className: "w-72 space-y-2 p-3", align: "start", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChoiceListEditor, { isNew: true, rows, onRows: setRows }),
-      missing || refused ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-[11px] text-destructive", children: missing ?? refused }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system2.Button, { type: "button", size: "sm", className: "h-7 text-xs", disabled: saving || words.length === 0 || missing !== null, onClick: () => void save(), children: "Save choices" })
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.Button, { type: "button", size: "sm", variant: "outline", className: "h-7 self-start text-xs", disabled, "data-records-add-choices": "", children: "Add choices" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.PopoverContent, { className: "w-72 space-y-2 p-3", align: "start", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ChoiceListEditor, { isNew: true, rows, onRows: setRows }),
+      missing ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-[11px] text-muted-foreground", children: missing }) : null,
+      refused ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RefusalLine, { error: refused }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system4.Button, { type: "button", size: "sm", className: "h-7 text-xs", disabled: saving || words.length === 0 || missing !== null, onClick: () => void save(), children: "Save choices" })
     ] })
   ] });
 }
@@ -659,43 +931,43 @@ function isDateLike(value) {
 }
 
 // src/newerKindValues.tsx
-var import_react5 = require("react");
+var import_react8 = require("react");
 var import_source = require("@ai-matrx/content-ir/source");
-var import_records3 = require("@ai-matrx/records");
-var import_design_system3 = require("@ai-matrx/design-system");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var own = (event) => event.stopPropagation();
-function newerKindValue(field, value, opts = {}) {
-  switch ((0, import_records3.newerKindOf)(field)) {
+var import_records4 = require("@ai-matrx/records");
+var import_design_system5 = require("@ai-matrx/design-system");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var own = (event) => event.stopPropagation();
+function newerKindValue(field, value, opts = {}) {
+  switch ((0, import_records4.newerKindOf)(field)) {
     case "duration": {
-      const words = (0, import_records3.durationText)(value);
-      return words === null ? void 0 : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "tabular-nums", "data-records-duration": "", children: words });
+      const words = (0, import_records4.durationText)(value);
+      return words === null ? void 0 : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "tabular-nums", "data-records-duration": "", children: words });
     }
     case "created_by":
     case "modified_by":
-      return (0, import_records3.isPersonStamp)(value) ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PersonStampChip, { stamp: value }) : void 0;
+      return (0, import_records4.isPersonStamp)(value) ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PersonStampChip, { stamp: value }) : void 0;
     case "address":
-      return (0, import_records3.isAddressValue)(value) || typeof value === "string" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AddressLink, { value }) : void 0;
+      return (0, import_records4.isAddressValue)(value) || typeof value === "string" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AddressLink, { value }) : void 0;
     case "barcode":
-      return typeof value === "string" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "inline-flex min-w-0 items-center gap-1 font-mono text-xs", "data-records-barcode": "", title: value, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { "aria-hidden": "true", className: "text-muted-foreground", children: "\u25AE\u25AF\u25AE" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "truncate", children: value })
+      return typeof value === "string" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "inline-flex min-w-0 items-center gap-1 font-mono text-xs", "data-records-barcode": "", title: value, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "aria-hidden": "true", className: "text-muted-foreground", children: "\u25AE\u25AF\u25AE" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "truncate", children: value })
       ] }) : void 0;
     case "rich_text":
-      return typeof value === "string" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SafeMarkdown, { text: value, clipped: opts.inCell === true }) : void 0;
+      return typeof value === "string" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SafeMarkdown, { text: value, clipped: opts.inCell === true }) : void 0;
     case "count":
-      return typeof value === "number" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "tabular-nums", children: value.toLocaleString() }) : void 0;
+      return typeof value === "number" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "tabular-nums", children: value.toLocaleString() }) : void 0;
     default:
       return void 0;
   }
 }
 function PersonStampChip({ stamp }) {
-  const words = (0, import_records3.personStampText)(stamp) ?? import_records3.NOT_A_MEMBER_WORDS;
+  const words = (0, import_records4.personStampText)(stamp) ?? import_records4.NOT_A_MEMBER_WORDS;
   const tier = stamp.actor ?? "user";
   const name = tier === "user" ? stamp.name : null;
   const initial = tier === "system" ? "\u2699" : tier === "agent" ? "\u2726" : name && name.trim() !== "" ? name.trim()[0].toUpperCase() : "?";
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "inline-flex min-w-0 items-center gap-1.5", "data-records-person-stamp": tier, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "inline-flex min-w-0 items-center gap-1.5", "data-records-person-stamp": tier, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "span",
       {
         "aria-hidden": "true",
@@ -703,14 +975,14 @@ function PersonStampChip({ stamp }) {
         children: initial
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: (0, import_design_system3.cn)("truncate", tier === "user" && !name ? "italic text-muted-foreground" : ""), children: words })
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: (0, import_design_system5.cn)("truncate", tier === "user" && !name ? "italic text-muted-foreground" : ""), children: words })
   ] });
 }
 function AddressLink({ value }) {
-  const words = (0, import_records3.addressText)(value);
-  const href = (0, import_records3.addressMapUrl)(value);
-  if (!words || !href) return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-muted-foreground", children: "\u2014" });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  const words = (0, import_records4.addressText)(value);
+  const href = (0, import_records4.addressMapUrl)(value);
+  if (!words || !href) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-muted-foreground", children: "\u2014" });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "a",
     {
       href,
@@ -721,19 +993,19 @@ function AddressLink({ value }) {
       "data-records-address": "",
       onClick: own,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { "aria-hidden": "true", children: "\u2316" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "truncate", children: words })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "aria-hidden": "true", children: "\u2316" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "truncate", children: words })
       ]
     }
   );
 }
 var STATUS_GROUP_MARK = { todo: "\u25CB", in_progress: "\u25D0", done: "\u25CF" };
 function statusMarkOf(field, value, document2) {
-  if ((0, import_records3.newerKindOf)(field) !== "status" || typeof value !== "string") return null;
+  if ((0, import_records4.newerKindOf)(field) !== "status" || typeof value !== "string") return null;
   const chosen = document2?.["_choices"]?.[field.key];
   const key = chosen && typeof chosen === "object" && typeof chosen.key === "string" ? chosen.key : value;
-  const group = (0, import_records3.statusGroupOf)(field, key);
-  return { mark: STATUS_GROUP_MARK[group], group, words: import_records3.STATUS_GROUP_WORDS[group] };
+  const group = (0, import_records4.statusGroupOf)(field, key);
+  return { mark: STATUS_GROUP_MARK[group], group, words: import_records4.STATUS_GROUP_WORDS[group] };
 }
 function inline(text, key) {
   const out = [];
@@ -742,7 +1014,7 @@ function inline(text, key) {
   for (const r of (0, import_source.findInlineCodeSpans)(text)) {
     if (r.start < at) continue;
     if (r.start > at) out.push(...marks(text.slice(at, r.start), `${key}-m${n++}`));
-    out.push(/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("code", { className: "rounded bg-muted px-1 font-mono text-[0.9em]", children: (0, import_source.codeSpanText)(text.slice(r.start, r.end)) }, `${key}-c${n++}`));
+    out.push(/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { className: "rounded bg-muted px-1 font-mono text-[0.9em]", children: (0, import_source.codeSpanText)(text.slice(r.start, r.end)) }, `${key}-c${n++}`));
     at = r.end;
   }
   if (at < text.length) out.push(...marks(text.slice(at), `${key}-m${n++}`));
@@ -758,14 +1030,14 @@ function marks(text, key) {
     if (at > last) out.push(text.slice(last, at));
     const tok = m[0];
     const k = `${key}-${i++}`;
-    if (tok.startsWith("**") || tok.startsWith("__")) out.push(/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: tok.slice(2, -2) }, k));
+    if (tok.startsWith("**") || tok.startsWith("__")) out.push(/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("strong", { children: tok.slice(2, -2) }, k));
     else if (tok.startsWith("[")) {
       const link = /^\[([^\]]+)\]\(([^)\s]+)\)$/.exec(tok);
-      const href = (0, import_records3.safeLinkHref)(link?.[2] ?? "");
+      const href = (0, import_records4.safeLinkHref)(link?.[2] ?? "");
       out.push(
-        href ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href, target: "_blank", rel: "noopener noreferrer", className: "text-primary underline-offset-2 hover:underline", onClick: own, children: link?.[1] }, k) : link?.[1] ?? tok
+        href ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("a", { href, target: "_blank", rel: "noopener noreferrer", className: "text-primary underline-offset-2 hover:underline", onClick: own, children: link?.[1] }, k) : link?.[1] ?? tok
       );
-    } else out.push(/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("em", { children: tok.slice(1, -1) }, k));
+    } else out.push(/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("em", { children: tok.slice(1, -1) }, k));
     last = at + tok.length;
   }
   if (last < text.length) out.push(text.slice(last));
@@ -778,15 +1050,15 @@ function SafeMarkdown({ text, clipped }) {
   let para = [];
   const flushPara = () => {
     if (para.length > 0) {
-      blocks.push(/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: inline(para.join(" "), `p${blocks.length}`) }, `p${blocks.length}`));
+      blocks.push(/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: inline(para.join(" "), `p${blocks.length}`) }, `p${blocks.length}`));
       para = [];
     }
   };
   const flushList = () => {
     if (list) {
-      const items = list.items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: inline(item, `l${blocks.length}-${i}`) }, i));
+      const items = list.items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("li", { children: inline(item, `l${blocks.length}-${i}`) }, i));
       blocks.push(
-        list.ordered ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ol", { className: "ml-4 list-decimal", children: items }, `o${blocks.length}`) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { className: "ml-4 list-disc", children: items }, `u${blocks.length}`)
+        list.ordered ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ol", { className: "ml-4 list-decimal", children: items }, `o${blocks.length}`) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { className: "ml-4 list-disc", children: items }, `u${blocks.length}`)
       );
       list = null;
     }
@@ -805,7 +1077,7 @@ function SafeMarkdown({ text, clipped }) {
     } else if (heading) {
       flushPara();
       flushList();
-      blocks.push(/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "font-semibold", children: inline(heading[2], `h${blocks.length}`) }, `h${blocks.length}`));
+      blocks.push(/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "font-semibold", children: inline(heading[2], `h${blocks.length}`) }, `h${blocks.length}`));
     } else if (line.trim() === "") {
       flushPara();
       flushList();
@@ -816,40 +1088,40 @@ function SafeMarkdown({ text, clipped }) {
   }
   flushPara();
   flushList();
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "span",
     {
-      className: (0, import_design_system3.cn)("block min-w-0 space-y-1 whitespace-normal text-sm", clipped ? "max-h-[4.5em] overflow-hidden" : ""),
+      className: (0, import_design_system5.cn)("block min-w-0 space-y-1 whitespace-normal text-sm", clipped ? "max-h-[4.5em] overflow-hidden" : ""),
       "data-records-rich-text": "",
       children: blocks
     }
   );
 }
 function newerKindControl(props) {
-  switch ((0, import_records3.newerKindOf)(props.field)) {
+  switch ((0, import_records4.newerKindOf)(props.field)) {
     case "duration":
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DurationControl, { ...props });
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DurationControl, { ...props });
     case "address":
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AddressControl, { ...props });
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AddressControl, { ...props });
     case "barcode":
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(BarcodeControl, { ...props });
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BarcodeControl, { ...props });
     case "created_by":
     case "modified_by":
     case "count":
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { id: props.id, className: "rounded border border-dashed px-2 py-1.5 text-xs text-muted-foreground", children: props.value === null || props.value === void 0 ? "\u2014" : newerKindValue(props.field, props.value) });
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { id: props.id, className: "rounded border border-dashed px-2 py-1.5 text-xs text-muted-foreground", children: props.value === null || props.value === void 0 ? "\u2014" : newerKindValue(props.field, props.value) });
     default:
       return void 0;
   }
 }
 function DurationControl({ value, onChange, disabled, id }) {
-  const [text, setText] = (0, import_react5.useState)(() => (0, import_records3.durationText)(value) ?? "");
-  const [wrong, setWrong] = (0, import_react5.useState)(false);
-  (0, import_react5.useEffect)(() => {
-    setText((0, import_records3.durationText)(value) ?? "");
+  const [text, setText] = (0, import_react8.useState)(() => (0, import_records4.durationText)(value) ?? "");
+  const [wrong, setWrong] = (0, import_react8.useState)(false);
+  (0, import_react8.useEffect)(() => {
+    setText((0, import_records4.durationText)(value) ?? "");
   }, [value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_design_system3.BasicInput,
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_design_system5.BasicInput,
       {
         id,
         value: text,
@@ -865,16 +1137,16 @@ function DurationControl({ value, onChange, disabled, id }) {
             onChange(null);
             return;
           }
-          const seconds = (0, import_records3.readTypedDuration)(e.target.value);
+          const seconds = (0, import_records4.readTypedDuration)(e.target.value);
           setWrong(seconds === null);
           if (seconds !== null) onChange(seconds);
         },
         onBlur: () => {
-          if (!wrong) setText((0, import_records3.durationText)(value) ?? "");
+          if (!wrong) setText((0, import_records4.durationText)(value) ?? "");
         }
       }
     ),
-    wrong ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-[11px] text-destructive", children: "Write it like 45 min, 1:30 or 1h 30m." }) : null
+    wrong ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[11px] text-destructive", children: "Write it like 45 min, 1:30 or 1h 30m." }) : null
   ] });
 }
 var ADDRESS_LABELS = {
@@ -892,14 +1164,14 @@ var ADDRESS_EXAMPLES = {
   country: "US"
 };
 function AddressControl({ value, onChange, disabled, id }) {
-  const held = (0, import_records3.isAddressValue)(value) ? value : typeof value === "string" && value.trim() !== "" ? { street: value } : {};
+  const held = (0, import_records4.isAddressValue)(value) ? value : typeof value === "string" && value.trim() !== "" ? { street: value } : {};
   const set = (part, words) => {
     const next = { ...held, [part]: words };
     const kept = Object.fromEntries(Object.entries(next).filter(([, v]) => typeof v === "string" && v.trim() !== ""));
     onChange(Object.keys(kept).length === 0 ? null : kept);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id, className: "grid grid-cols-2 gap-1.5", "data-records-address-control": "", children: import_records3.ADDRESS_PARTS.map((part) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_design_system3.BasicInput,
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { id, className: "grid grid-cols-2 gap-1.5", "data-records-address-control": "", children: import_records4.ADDRESS_PARTS.map((part) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_design_system5.BasicInput,
     {
       "aria-label": ADDRESS_LABELS[part],
       placeholder: ADDRESS_EXAMPLES[part],
@@ -917,13 +1189,13 @@ function barcodeDetector() {
   return typeof ctor === "function" ? ctor : null;
 }
 function BarcodeControl({ value, onChange, disabled, id }) {
-  const file = (0, import_react5.useRef)(null);
-  const [said2, setSaid] = (0, import_react5.useState)(null);
+  const file = (0, import_react8.useRef)(null);
+  const [said2, setSaid] = (0, import_react8.useState)(null);
   const Detect = barcodeDetector();
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "flex items-center gap-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_design_system3.BasicInput,
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        import_design_system5.BasicInput,
         {
           id,
           className: "font-mono",
@@ -933,8 +1205,8 @@ function BarcodeControl({ value, onChange, disabled, id }) {
           onChange: (e) => onChange(e.target.value === "" ? null : e.target.value)
         }
       ),
-      Detect && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      Detect && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "button",
           {
             type: "button",
@@ -943,7 +1215,7 @@ function BarcodeControl({ value, onChange, disabled, id }) {
             children: "Scan"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "input",
           {
             ref: file,
@@ -969,13 +1241,13 @@ function BarcodeControl({ value, onChange, disabled, id }) {
         )
       ] }) : null
     ] }),
-    said2 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-[11px] text-muted-foreground", children: said2 }) : null
+    said2 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[11px] text-muted-foreground", children: said2 }) : null
   ] });
 }
 
 // src/parity.ts
-var import_records5 = require("@ai-matrx/records");
 var import_records6 = require("@ai-matrx/records");
+var import_records7 = require("@ai-matrx/records");
 var import_text_case = require("@ai-matrx/kit/text-case");
 
 // src/docs.ts
@@ -984,7 +1256,7 @@ function isSignatureField(field) {
 }
 
 // src/fieldTypes.ts
-var import_records4 = require("@ai-matrx/records");
+var import_records5 = require("@ai-matrx/records");
 var LOOK_KINDS = {
   rating: { plain: "number", look: ({ ratingMax }) => ({ id: "rating", options: { ratingMax } }) },
   time: { plain: "text", look: () => ({ id: "time" }) }
@@ -993,9 +1265,9 @@ function declaredAsLook(kind) {
   return kind in LOOK_KINDS && !storePublishesKind(kind);
 }
 function storePublishesKind(kind) {
-  return import_records4.DECLARABLE_FIELD_KINDS.some((row) => row.kind === kind);
+  return import_records5.DECLARABLE_FIELD_KINDS.some((row) => row.kind === kind);
 }
-var STORE_PUBLISHES_ENTITY_REFERENCE = import_records4.DECLARABLE_FIELD_KINDS.some(
+var STORE_PUBLISHES_ENTITY_REFERENCE = import_records5.DECLARABLE_FIELD_KINDS.some(
   (row) => row.kind === "entity_reference"
 );
 var SYSTEM_FIELD_KINDS = ["autonumber", "created_time", "modified_time"];
@@ -1043,7 +1315,7 @@ var FIELD_TYPE_CATALOGUE = [
   { id: "created_by", group: "Worked out", label: "Created by", explanation: "Who made each record. Nobody types it." },
   { id: "modified_by", group: "Worked out", label: "Last changed by", explanation: "Who last changed each record. Nobody types it." }
 ];
-var GATED_KINDS = /* @__PURE__ */ new Set(["entity_reference", ...import_records4.NEWER_FIELD_KINDS]);
+var GATED_KINDS = /* @__PURE__ */ new Set(["entity_reference", ...import_records5.NEWER_FIELD_KINDS]);
 var FIELD_TYPE_CHOICES = FIELD_TYPE_CATALOGUE.filter(
   (c) => !GATED_KINDS.has(c.id) || storePublishesKind(c.id) || c.id in LOOK_KINDS
 );
@@ -1064,26 +1336,26 @@ function isRelationFieldType(id) {
   return id === "relation";
 }
 function isParityFieldType(id) {
-  return import_records4.PARITY_FIELD_TYPES.some((row) => row.parity_type === id);
+  return import_records5.PARITY_FIELD_TYPES.some((row) => row.parity_type === id);
 }
 var ADD_FIELD_SAVE_LABEL = "Create column";
 var EDIT_FIELD_SAVE_LABEL = "Save column";
 
 // src/parity.ts
-var kernelId = (name) => import_records5.KERNEL_TABLES.find((t) => t.name === name)?.id ?? "";
+var kernelId = (name) => import_records6.KERNEL_TABLES.find((t) => t.name === name)?.id ?? "";
 var KERNEL_FILE_TABLE = kernelId("File");
 var KERNEL_PERSON_TABLE = kernelId("Person");
 var PARITY_MADE_OF = Object.fromEntries(
-  import_records5.PARITY_FIELD_TYPES.map((p) => [p.parity_type, p.made_of])
+  import_records6.PARITY_FIELD_TYPES.map((p) => [p.parity_type, p.made_of])
 );
 var KERNEL = { file: KERNEL_FILE_TABLE, person: KERNEL_PERSON_TABLE };
 function editorKindFor(field) {
-  return (0, import_records5.fieldKindFor)(field, KERNEL);
+  return (0, import_records6.fieldKindFor)(field, KERNEL);
 }
 function pickableTypeOf(field) {
   if (isSignatureField(field)) return "signature";
-  if ((0, import_records6.isButtonField)(field)) return "button";
-  const newer = (0, import_records5.newerKindOf)(field);
+  if ((0, import_records7.isButtonField)(field)) return "button";
+  const newer = (0, import_records6.newerKindOf)(field);
   if (newer) return newer;
   const look = displayFormatOf(field)?.id;
   if (look === "rating" && field.type === "range") return "rating";
@@ -1142,23 +1414,23 @@ var import_react11 = require("@ai-matrx/records/react");
 var import_design_system8 = require("@ai-matrx/design-system");
 
 // src/PickOrAdd.tsx
-var import_react6 = require("react");
+var import_react9 = require("react");
 
 // src/personChip.tsx
-var import_design_system4 = require("@ai-matrx/design-system");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_design_system6 = require("@ai-matrx/design-system");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function initialsOf(name) {
   const words = name.replace(/@.*$/, "").split(/[\s._-]+/).filter((w) => /\p{L}|\d/u.test(w));
   const letters = words.filter((w) => !/^(dr|mr|mrs|ms|prof)\.?$/i.test(w)).slice(0, 2).map((w) => (w.match(/[\p{L}\d]/u)?.[0] ?? "").toUpperCase());
   return letters.join("") || "?";
 }
 function PersonAvatar({ name, size = "sm" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "span",
     {
       "aria-hidden": "true",
       "data-records-person-avatar": "",
-      className: (0, import_design_system4.cn)(
+      className: (0, import_design_system6.cn)(
         "inline-flex shrink-0 items-center justify-center rounded-full bg-foreground/10 font-medium text-foreground/80",
         size === "md" ? "size-5 text-[10px]" : "size-4 text-[9px]"
       ),
@@ -1167,35 +1439,35 @@ function PersonAvatar({ name, size = "sm" }) {
   );
 }
 function PersonChip({ name, onRemove, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     "span",
     {
       "data-records-person-chip": "",
       title: name,
-      className: (0, import_design_system4.cn)("inline-flex min-w-0 max-w-full items-center gap-1 rounded-full bg-muted px-1.5 py-0.5 text-[11px] text-foreground", className),
+      className: (0, import_design_system6.cn)("inline-flex min-w-0 max-w-full items-center gap-1 rounded-full bg-muted px-1.5 py-0.5 text-[11px] text-foreground", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PersonAvatar, { name }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "min-w-0 truncate", children: name }),
-        onRemove ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: onRemove, "aria-label": `Remove ${name}`, className: "shrink-0 opacity-60 hover:opacity-100", children: "\xD7" }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PersonAvatar, { name }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "min-w-0 truncate", children: name }),
+        onRemove ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", onClick: onRemove, "aria-label": `Remove ${name}`, className: "shrink-0 opacity-60 hover:opacity-100", children: "\xD7" }) : null
       ]
     }
   );
 }
 
 // src/PickOrAdd.tsx
-var import_design_system5 = require("@ai-matrx/design-system");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_design_system7 = require("@ai-matrx/design-system");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function Glyph({ d, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, className, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, className, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d }) });
 }
 var TICK = "m5 12 4 4L19 6";
 var CROSS = "M18 6 6 18M6 6l12 12";
 var PLUS = "M12 5v14M5 12h14";
 function useListKeys(args) {
   const { count, resetOn, onPick, onNothing, onClose, onFinish, onBackspaceEmpty, searchEmpty } = args;
-  const [highlight, setHighlight] = (0, import_react6.useState)(0);
-  const [moved, setMoved] = (0, import_react6.useState)(false);
-  (0, import_react6.useEffect)(() => {
+  const [highlight, setHighlight] = (0, import_react9.useState)(0);
+  const [moved, setMoved] = (0, import_react9.useState)(false);
+  (0, import_react9.useEffect)(() => {
     setHighlight(0);
     setMoved(false);
   }, [resetOn]);
@@ -1240,11 +1512,11 @@ function PickRow({
   onPick,
   onPoint
 }) {
-  const ref = (0, import_react6.useRef)(null);
-  (0, import_react6.useEffect)(() => {
+  const ref = (0, import_react9.useRef)(null);
+  (0, import_react9.useEffect)(() => {
     if (highlighted) ref.current?.scrollIntoView?.({ block: "nearest" });
   }, [highlighted]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     "button",
     {
       ref,
@@ -1257,19 +1529,19 @@ function PickRow({
       title: title ?? label,
       ...attrs ?? {},
       "data-pick-highlighted": highlighted ? "" : void 0,
-      className: (0, import_design_system5.cn)(
+      className: (0, import_design_system7.cn)(
         "flex w-full min-w-0 items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm outline-none disabled:opacity-50",
         highlighted ? "bg-accent text-accent-foreground" : ""
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "flex size-3.5 shrink-0 items-center justify-center", children: [
-          picked ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "data-pick-tick": "", className: "contents", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Glyph, { d: TICK, className: "size-3.5" }) }) : null,
-          icon === "plus" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Glyph, { d: PLUS, className: "size-3.5 text-muted-foreground" }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "flex size-3.5 shrink-0 items-center justify-center", children: [
+          picked ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "data-pick-tick": "", className: "contents", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Glyph, { d: TICK, className: "size-3.5" }) }) : null,
+          icon === "plus" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Glyph, { d: PLUS, className: "size-3.5 text-muted-foreground" }) : null
         ] }),
-        person ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PersonAvatar, { name: label, size: "md" }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "min-w-0 flex-1", children: [
-          chip ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: (0, import_design_system5.cn)("inline-flex max-w-full truncate rounded-md border px-1.5 py-0.5 text-xs font-medium", chip), "data-records-choice-chip": "", children: label }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "block truncate", children: label }),
-          detail ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "block truncate text-xs text-muted-foreground", "data-tell-apart": "", children: detail }) : null
+        person ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PersonAvatar, { name: label, size: "md" }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "min-w-0 flex-1", children: [
+          chip ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: (0, import_design_system7.cn)("inline-flex max-w-full truncate rounded-md border px-1.5 py-0.5 text-xs font-medium", chip), "data-records-choice-chip": "", children: label }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "block truncate", children: label }),
+          detail ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "block truncate text-xs text-muted-foreground", "data-tell-apart": "", children: detail }) : null
         ] })
       ]
     }
@@ -1277,26 +1549,26 @@ function PickRow({
 }
 function PickChips({ chips }) {
   if (chips.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex flex-wrap gap-1 px-1 pb-1", "data-pick-chips": "", children: chips.map(
-    (c) => c.person ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PersonChip, { name: c.label, onRemove: c.onRemove }, c.id) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex flex-wrap gap-1 px-1 pb-1", "data-pick-chips": "", children: chips.map(
+    (c) => c.person ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PersonChip, { name: c.label, onRemove: c.onRemove }, c.id) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
       "span",
       {
         "data-pick-chip": "",
         title: c.label,
-        className: (0, import_design_system5.cn)(
+        className: (0, import_design_system7.cn)(
           "inline-flex max-w-full items-center gap-1 rounded-md border px-1.5 py-0.5 text-xs font-medium",
           c.chip ?? "bg-secondary text-secondary-foreground"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "min-w-0 truncate", children: c.label }),
-          c.onRemove ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "min-w-0 truncate", children: c.label }),
+          c.onRemove ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             "button",
             {
               type: "button",
               "aria-label": `Remove ${c.label}`,
               onClick: c.onRemove,
               className: "shrink-0 rounded-sm opacity-60 hover:opacity-100",
-              children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Glyph, { d: CROSS, className: "size-3" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Glyph, { d: CROSS, className: "size-3" })
             }
           ) : null
         ]
@@ -1351,7 +1623,7 @@ function PickOrAdd({
     searchEmpty: search === ""
   });
   const hasFoot = Boolean(foot) || Boolean(footNote);
-  const addRowNode = addRow ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  const addRowNode = addRow ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     PickRow,
     {
       label: addRow.label,
@@ -1364,10 +1636,10 @@ function PickOrAdd({
       onPoint: () => keys.setHighlight(addAt)
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system5.Popover, { open, onOpenChange, children: [
-    anchored ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system5.PopoverAnchor, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { "data-pick-anchor": "", className: "flex min-h-6 w-full min-w-0 flex-wrap items-center gap-1", "aria-label": triggerLabel, children }) }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system5.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system5.Button, { id: triggerId, type: "button", size: "sm", variant: "outline", className: triggerSize === "field" ? "h-9" : void 0, "aria-label": triggerLabel, children: triggerText }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-      import_design_system5.PopoverContent,
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system7.Popover, { open, onOpenChange, children: [
+    anchored ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system7.PopoverAnchor, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { "data-pick-anchor": "", className: "flex min-h-6 w-full min-w-0 flex-wrap items-center gap-1", "aria-label": triggerLabel, children }) }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system7.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system7.Button, { id: triggerId, type: "button", size: "sm", variant: "outline", className: triggerSize === "field" ? "h-9" : void 0, "aria-label": triggerLabel, children: triggerText }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+      import_design_system7.PopoverContent,
       {
         sizing: "content",
         padding: "xs",
@@ -1388,9 +1660,9 @@ function PickOrAdd({
           if (anchored) event.preventDefault();
         },
         children: [
-          chips ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PickChips, { chips }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            import_design_system5.BasicInput,
+          chips ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PickChips, { chips }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            import_design_system7.BasicInput,
             {
               value: search,
               onChange: (e) => onSearch(e.target.value),
@@ -1403,9 +1675,9 @@ function PickOrAdd({
             }
           ),
           notice,
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system5.ScrollArea, { className: "max-h-64", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { role: "listbox", "aria-label": triggerLabel, "aria-multiselectable": multi ? true : void 0, children: [
-              items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system7.ScrollArea, { className: "max-h-64", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { role: "listbox", "aria-label": triggerLabel, "aria-multiselectable": multi ? true : void 0, children: [
+              items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 PickRow,
                 {
                   label: item.label,
@@ -1426,7 +1698,7 @@ function PickOrAdd({
             ] }),
             items.length === 0 && empty ? empty : null
           ] }),
-          hasFoot ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mt-1 border-t pt-1", children: [
+          hasFoot ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "mt-1 border-t pt-1", children: [
             foot,
             footNote
           ] }) : null
@@ -1436,277 +1708,6 @@ function PickOrAdd({
   ] });
 }
 
-// src/Refusal.tsx
-var import_core = require("@ai-matrx/records/core");
-var import_design_system7 = require("@ai-matrx/design-system");
-
-// src/ArchivedOrganizationNotice.tsx
-var import_react9 = require("react");
-var import_design_system6 = require("@ai-matrx/design-system");
-
-// src/host.tsx
-var import_react7 = require("react");
-var import_react8 = require("@ai-matrx/records/react");
-
-// src/rights.ts
-var import_records7 = require("@ai-matrx/records");
-var LEVEL_WORD = {
-  viewer: "Viewer",
-  commenter: "Commenter",
-  edit_content: "Content editor",
-  editor: "Editor",
-  admin: "Admin"
-};
-var NEEDS = {
-  read: "viewer",
-  // custom.io_comment_write
-  comment: "commenter",
-  // custom.record_update / custom.record_write — `edit_content` changes rows and page content;
-  // columns, views and settings (structure) stay with admin below, and sharing with admin.
-  write: "edit_content",
-  // custom.view_designate / view_declare / migrate_merge / record_restore — all ask `editor`: more than
-  // changing content (`edit_content`), less than changing columns (`admin`).
-  organise: "editor",
-  // custom.record_delete
-  remove: "editor",
-  // custom.share_grant — passing your access on is an administrator's right
-  share: "admin",
-  // custom.field_declare / field_update / field_retire / table settings
-  structure: "admin"
-};
-var NOT_YET = "Still asking the store what you may do here. Nothing is offered until it has answered.";
-var NOTHING_AT_ALL = "You have not been given this. Ask somebody who administers it to share it with you.";
-function sentenceFor(what, level) {
-  if (level === null) return NOTHING_AT_ALL;
-  const need = LEVEL_WORD[NEEDS[what]];
-  const have = LEVEL_WORD[level];
-  const doing = {
-    read: "open this",
-    comment: "leave a comment",
-    write: "change anything here",
-    organise: "organise this",
-    remove: "delete this",
-    share: "pass this on to somebody else",
-    structure: "change the columns of this table"
-  };
-  return `You are ${have} here, and it takes ${need} to ${doing[what]}. Ask somebody who is Admin on it to move you up.`;
-}
-function whatYouMayDo(level, known = true) {
-  const may = (what) => known && (0, import_records7.atLeast)(level, NEEDS[what]);
-  return {
-    level: known ? level : null,
-    known,
-    read: may("read"),
-    comment: may("comment"),
-    write: may("write"),
-    organise: may("organise"),
-    remove: may("remove"),
-    share: may("share"),
-    structure: may("structure"),
-    why: (what) => known ? sentenceFor(what, level) : NOT_YET
-  };
-}
-var NOT_ANSWERED_YET = whatYouMayDo(null, false);
-var KERNEL_REASON = "This is one of the tables the platform ships, so its columns are not changed from a screen. Make your own table to change columns.";
-function whatYouMayDoWithTable(table, level, known) {
-  const base = whatYouMayDo(level, known);
-  if (!table?.is_kernel) return table && tableIsLocked(table) ? lockedStructure(base) : base;
-  return {
-    ...base,
-    structure: false,
-    why: (what) => what === "structure" ? KERNEL_REASON : base.why(what)
-  };
-}
-function tableIsLocked(table) {
-  return table?.metadata?.["locked"] === true;
-}
-var DATABASE_LOCKED_REASON = "This database is locked, so its columns and settings are read-only. Unlock it to change them.";
-function lockedStructure(base) {
-  return { ...base, structure: false, why: (what) => what === "structure" ? DATABASE_LOCKED_REASON : base.why(what) };
-}
-
-// src/host.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function tableRights(may, overallReason) {
-  return {
-    ...may,
-    admin: may.structure,
-    reason: overallReason ?? (may.structure ? "" : may.why("structure"))
-  };
-}
-var NO_RIGHTS = tableRights(NOT_ANSWERED_YET);
-var NO_MEMBERS_REASON = "This app cannot offer the people in your organization on this screen yet, so there is nobody to pick. Type the person's name into a text field for now, and tell us \u2014 it is on our list, not yours.";
-var NO_UPLOAD_REASON = "This screen cannot take a file yet, so there is no chooser here rather than one that loses what you pick. Put a link to the file in a text field for now. It is on our list, not yours.";
-var HostContext = (0, import_react7.createContext)(null);
-function useRecordsUi() {
-  return (0, import_react7.useContext)(HostContext) ?? {};
-}
-function quiet(may, say) {
-  if (say !== false) return may;
-  return { ...may, why: () => "", ..."reason" in may ? { reason: "" } : {} };
-}
-function useTableRights(table) {
-  const host = useRecordsUi();
-  const asked2 = useTableRightsAsked(table, host);
-  return (0, import_react7.useMemo)(() => quiet(asked2, host.sayLevelNeeded), [asked2, host.sayLevelNeeded]);
-}
-function useTableRightsAsked(table, host) {
-  const bound = Boolean(host.rights);
-  const asked2 = (0, import_react8.useMyLevel)(bound || !table ? null : table.id);
-  return (0, import_react7.useMemo)(() => {
-    if (!table) return NO_RIGHTS;
-    if (host.rights) return host.rights(table);
-    if (asked2.loading) return tableRights(NOT_ANSWERED_YET);
-    const level = asked2.error ? null : asked2.data;
-    return tableRights(whatYouMayDoWithTable(table, level, true));
-  }, [host, table, bound, asked2.loading, asked2.error, asked2.data]);
-}
-
-// src/ArchivedOrganizationNotice.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function ArchivedOrganizationNotice({
-  organizationId,
-  error,
-  className
-}) {
-  const port = useRecordsUi().archivedOrganization;
-  const [mayRestore, setMayRestore] = (0, import_react9.useState)(null);
-  const [busy, setBusy] = (0, import_react9.useState)(false);
-  const [failed, setFailed] = (0, import_react9.useState)(null);
-  (0, import_react9.useEffect)(() => {
-    let live = true;
-    if (!port) {
-      setMayRestore(false);
-      return;
-    }
-    setMayRestore(null);
-    port.state(organizationId).then((answer) => {
-      if (live) setMayRestore(answer?.mayRestore === true);
-    }).catch(() => {
-      if (live) setMayRestore(false);
-    });
-    return () => {
-      live = false;
-    };
-  }, [organizationId, port?.state]);
-  const restore = async () => {
-    if (!port || busy) return;
-    setBusy(true);
-    setFailed(null);
-    try {
-      await port.restore(organizationId);
-      if (port.afterRestore) port.afterRestore();
-      else if (typeof window !== "undefined") window.location.reload();
-    } catch (thrown) {
-      setFailed(thrown instanceof Error && thrown.message ? thrown.message : "The organization could not be restored.");
-      setBusy(false);
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-    import_design_system6.Alert,
-    {
-      variant: "destructive",
-      role: "alert",
-      "data-refusal-notice": "",
-      "data-archived-organization": organizationId,
-      className: (0, import_design_system6.cn)("text-xs", className),
-      errorFacts: { message: "This organization is archived", title: "This organization is archived", error, origin: "records-ui/ArchivedOrganizationNotice" },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_design_system6.AlertTitle, { className: "text-xs font-medium", children: "This organization is archived" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_design_system6.AlertDescription, { className: "space-y-1 text-xs", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "opacity-80", children: "Nothing was deleted. Everything here comes back the moment an owner of the organization, or a super admin, restores it." }),
-          mayRestore === true ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-            "button",
-            {
-              type: "button",
-              "data-restore-organization": "",
-              disabled: busy,
-              className: "rounded border px-2 py-0.5 text-xs hover:bg-muted disabled:opacity-60",
-              onClick: () => void restore(),
-              children: busy ? "Restoring..." : "Restore organization"
-            }
-          ) : null,
-          mayRestore === false ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { "data-restore-who": "", className: "opacity-80", children: "Ask an owner of this organization to restore it." }) : null,
-          failed ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { "data-restore-refused": "", children: failed }) : null
-        ] })
-      ]
-    }
-  );
-}
-
-// src/Refusal.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-function RefusalNotice({
-  error,
-  className,
-  actions,
-  onKeepEditing,
-  onDiscard
-}) {
-  const archivedOrg = (0, import_core.archivedOrganizationId)(error);
-  if (archivedOrg) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ArchivedOrganizationNotice, { organizationId: archivedOrg, error, className });
-  }
-  const plain = refusalForAPerson(error);
-  const doors = onKeepEditing || onDiscard ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-wrap items-center gap-1 pt-0.5", "data-refusal-doors": "", children: [
-    onKeepEditing ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      "button",
-      {
-        type: "button",
-        "data-refusal-keep-editing": "",
-        className: "rounded border px-2 py-0.5 text-xs hover:bg-muted",
-        onClick: onKeepEditing,
-        children: "Keep editing"
-      }
-    ) : null,
-    onDiscard ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      "button",
-      {
-        type: "button",
-        "data-refusal-discard": "",
-        className: "rounded border px-2 py-0.5 text-xs hover:bg-muted",
-        onClick: onDiscard,
-        children: "Discard"
-      }
-    ) : null
-  ] }) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-    import_design_system7.Alert,
-    {
-      variant: "destructive",
-      role: "alert",
-      "data-refusal-notice": "",
-      className: (0, import_design_system7.cn)("text-xs", className),
-      errorFacts: { message: plain.sentence, title: plain.title, error, origin: "records-ui/RefusalNotice" },
-      ...plain.forEngineers ? { "data-for-engineers": plain.forEngineers } : {},
-      ...error.sqlstate ? { "data-sqlstate": error.sqlstate } : {},
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_design_system7.AlertTitle, { className: "text-xs font-medium", children: plain.storeSaid ? plain.sentence : plain.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_design_system7.AlertDescription, { className: "space-y-1 text-xs", children: [
-          plain.storeSaid || plain.sentence.replace(/\.$/, "") === plain.title ? null : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { children: plain.sentence }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "opacity-80", children: plain.remedy }),
-          actions,
-          doors
-        ] })
-      ]
-    }
-  );
-}
-function RefusalLine({ error, className }) {
-  const plain = refusalForAPerson(error);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    import_design_system7.ErrorBox,
-    {
-      "data-refusal-line": "",
-      className: (0, import_design_system7.cn)("text-xs text-destructive", className),
-      message: (0, import_core.archivedOrganizationId)(error) ? "This organization is archived. An owner can restore it." : refusalLineForAPerson(error),
-      error,
-      origin: "records-ui/RefusalLine",
-      ...plain.forEngineers ? { "data-for-engineers": plain.forEngineers } : {}
-    }
-  );
-}
-
 // src/refusals.ts
 var refusals_exports = {};
 __reExport(refusals_exports, require("@ai-matrx/records/versions"));