@ai-matrx/records-ui 0.66.0 → 0.68.0

package/dist/index.d.cts

@@ -2134,9 +2134,15 @@ interface PortalCardViewProps {
     onPreview: (person: PortalPrincipal, tableId: Uuid) => Promise<PortalAnswer<PortalPreviewRow[]>>;
     /** The invite control, which needs a client of its own. Absent means none is offered. */
     invite?: ReactNode;
+    /**
+     * Where this app is served from, so a person's own invitation link can be copied whole.
+     * Omit it and the view falls back to the browser's origin, which keeps this component
+     * mountable BARE against a recorded answer with no host and no network.
+     */
+    origin?: string | undefined;
     className?: string | undefined;
 }
-declare function PortalCardView({ card, tableId, onRevoke, onPreview, invite, className, }: PortalCardViewProps): react.JSX.Element;
+declare function PortalCardView({ card, tableId, onRevoke, onPreview, invite, origin, className, }: PortalCardViewProps): react.JSX.Element;
 
 interface DigestSchedulerProps {
     /** The Table the digest is about. A saved view is a view OF something. */

package/dist/index.d.ts

@@ -2134,9 +2134,15 @@ interface PortalCardViewProps {
     onPreview: (person: PortalPrincipal, tableId: Uuid) => Promise<PortalAnswer<PortalPreviewRow[]>>;
     /** The invite control, which needs a client of its own. Absent means none is offered. */
     invite?: ReactNode;
+    /**
+     * Where this app is served from, so a person's own invitation link can be copied whole.
+     * Omit it and the view falls back to the browser's origin, which keeps this component
+     * mountable BARE against a recorded answer with no host and no network.
+     */
+    origin?: string | undefined;
     className?: string | undefined;
 }
-declare function PortalCardView({ card, tableId, onRevoke, onPreview, invite, className, }: PortalCardViewProps): react.JSX.Element;
+declare function PortalCardView({ card, tableId, onRevoke, onPreview, invite, origin, className, }: PortalCardViewProps): react.JSX.Element;
 
 interface DigestSchedulerProps {
     /** The Table the digest is about. A saved view is a view OF something. */

package/dist/index.js

@@ -608,6 +608,9 @@ function isRelationFieldType(id) {
 function parityTypesWithNoExplanation() {
   return PARITY_FIELD_TYPES.map((row) => row.parity_type).filter((type) => !BY_ID.has(type));
 }
+var ADD_FIELD_OPEN_LABEL = "Add field";
+var ADD_FIELD_SAVE_LABEL = "Create field";
+var EDIT_FIELD_SAVE_LABEL = "Save field";
 
 // src/parity.ts
 var kernelId = (name) => KERNEL_TABLES.find((t) => t.name === name)?.id ?? "";
@@ -1237,7 +1240,16 @@ function RefusalNotice({
         /* @__PURE__ */ jsxs5(AlertDescription, { className: "space-y-1 text-xs", children: [
           plain.sentence.replace(/\.$/, "") === plain.title ? null : /* @__PURE__ */ jsx6("p", { children: plain.sentence }),
           /* @__PURE__ */ jsx6("p", { className: "opacity-80", children: plain.remedy }),
-          plain.forEngineers ? /* @__PURE__ */ jsx6("p", { className: "sr-only", ...error.sqlstate ? { "data-sqlstate": error.sqlstate } : {}, children: plain.forEngineers }) : null,
+          plain.forEngineers ? /* @__PURE__ */ jsx6(
+            "p",
+            {
+              className: "sr-only",
+              "aria-hidden": "true",
+              "data-for-engineers": "",
+              ...error.sqlstate ? { "data-sqlstate": error.sqlstate } : {},
+              children: plain.forEngineers
+            }
+          ) : null,
           actions
         ] })
       ]
@@ -4818,7 +4830,7 @@ function FieldEditor({ tableId, field, onSaved, onCancel, onRemoved, className }
           size: "sm",
           disabled: mutation.saving || missing !== null,
           onClick: () => void save(),
-          children: mutation.saving ? "Saving\u2026" : field ? "Save field" : "Add field"
+          children: mutation.saving ? "Saving\u2026" : field ? EDIT_FIELD_SAVE_LABEL : ADD_FIELD_SAVE_LABEL
         }
       ),
       onCancel ? /* @__PURE__ */ jsx17(Button12, { size: "sm", variant: "ghost", onClick: onCancel, children: "Cancel" }) : null,
@@ -7236,7 +7248,9 @@ function FieldPicker({
 }) {
   const want = LAYOUT_FIELD_KIND[layout];
   const offerable = want ? offerableFields(all, want) : [];
-  if (offerable.length === 0) {
+  const chosenField = chosen ? all.find((field) => field.key === chosen) : void 0;
+  const unusual = chosenField && !offerable.some((field) => field.key === chosenField.key) ? chosenField : void 0;
+  if (offerable.length === 0 && !unusual) {
     return /* @__PURE__ */ jsx26("p", { className: "text-xs text-muted-foreground", children: LAYOUT_NO_FIELD[layout] });
   }
   return /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-1.5 text-xs", children: [
@@ -7251,7 +7265,11 @@ function FieldPicker({
         onChange: (event) => onPick(event.target.value === "" ? null : event.target.value),
         children: [
           /* @__PURE__ */ jsx26("option", { value: "", children: "Choose a field" }),
-          offerable.map((field) => /* @__PURE__ */ jsx26("option", { value: field.key, children: fieldName(field) }, field.key))
+          offerable.map((field) => /* @__PURE__ */ jsx26("option", { value: field.key, children: fieldName(field) }, field.key)),
+          unusual ? /* @__PURE__ */ jsxs22("option", { value: unusual.key, children: [
+            fieldName(unusual),
+            " \u2014 an unusual column to use here"
+          ] }, unusual.key) : null
         ]
       }
     ),
@@ -9797,6 +9815,7 @@ function PortalsPanel({ tableId, className }) {
           {
             portalId: portal.portal_id,
             ...tableId ? { tableId } : {},
+            origin,
             onChanged: () => void load()
           }
         ) : null
@@ -9804,7 +9823,7 @@ function PortalsPanel({ tableId, className }) {
     }) })
   ] });
 }
-function CopyLink({ url }) {
+function CopyLink({ url, what }) {
   const [copied, setCopied] = useState33(false);
   const [shown, setShown] = useState33(false);
   return /* @__PURE__ */ jsxs32(Fragment16, { children: [
@@ -9825,7 +9844,7 @@ function CopyLink({ url }) {
             }
           })();
         },
-        children: copied ? "Copied" : "Copy link"
+        children: copied ? "Copied" : what ? `Copy ${what}` : "Copy link"
       }
     ),
     shown ? /* @__PURE__ */ jsxs32("p", { className: "mt-1.5 w-full break-all rounded border border-dashed border-border px-2 py-1 text-xs", children: [
@@ -9837,6 +9856,7 @@ function CopyLink({ url }) {
 function PortalDetail({
   portalId,
   tableId,
+  origin,
   onChanged
 }) {
   const client = useRecordsClient25();
@@ -9886,6 +9906,7 @@ function PortalDetail({
     PortalCardView,
     {
       card,
+      origin,
       ...tableId ? { tableId } : {},
       onRevoke: revoke,
       onPreview: preview,
@@ -9908,6 +9929,7 @@ function PortalCardView({
   onRevoke,
   onPreview,
   invite,
+  origin,
   className
 }) {
   return /* @__PURE__ */ jsxs32("div", { className: cn30("mt-2.5 flex flex-col gap-2.5 border-t border-border pt-2.5", className), children: [
@@ -9938,7 +9960,7 @@ function PortalCardView({
       ] }, exposed.table_id))
     ] }),
     /* @__PURE__ */ jsx36(Separator10, {}),
-    /* @__PURE__ */ jsx36(People, { card, onRevoke, onPreview }),
+    /* @__PURE__ */ jsx36(People, { card, onRevoke, onPreview, origin }),
     invite ? /* @__PURE__ */ jsxs32(Fragment16, { children: [
       /* @__PURE__ */ jsx36(Separator10, {}),
       invite
@@ -9948,8 +9970,10 @@ function PortalCardView({
 function People({
   card,
   onRevoke,
-  onPreview
+  onPreview,
+  origin
 }) {
+  const here = origin ?? (typeof window === "undefined" ? "" : window.location.origin);
   const [askingToRevoke, setAskingToRevoke] = useState33(null);
   const [busy, setBusy] = useState33(false);
   const [said, setSaid] = useState33(null);
@@ -9991,6 +10015,7 @@ function People({
             /* @__PURE__ */ jsx36("p", { className: "mt-0.5 break-all text-muted-foreground", children: person.email }),
             /* @__PURE__ */ jsx36("p", { className: "mt-0.5 text-muted-foreground", children: state.why }),
             person.is_active ? /* @__PURE__ */ jsxs32("div", { className: "mt-1.5 flex flex-wrap gap-1.5", children: [
+              person.accept_path ? /* @__PURE__ */ jsx36(CopyLink, { url: `${here}${person.accept_path}`, what: "their link" }) : null,
               /* @__PURE__ */ jsx36(
                 Button30,
                 {
@@ -10002,6 +10027,11 @@ function People({
               ),
               /* @__PURE__ */ jsx36(Button30, { size: "sm", variant: "ghost", onClick: () => setAskingToRevoke(person), children: "Remove their access" })
             ] }) : null,
+            person.is_active && !person.signed_in && !person.accept_path ? /* @__PURE__ */ jsxs32("p", { className: "mt-1.5 text-muted-foreground", children: [
+              "There is no link to copy for ",
+              person.client || person.email,
+              ": they were asked some other way, or the link they were sent has expired. Invite them again and a fresh one is made."
+            ] }) : null,
             asking ? /* @__PURE__ */ jsxs32("div", { className: "mt-1.5 flex flex-col gap-1.5 rounded border border-destructive/40 px-2 py-1.5", children: [
               /* @__PURE__ */ jsx36("span", { className: "text-destructive", children: revokeConsequence(person, card.title) }),
               /* @__PURE__ */ jsxs32("div", { className: "flex flex-wrap gap-1.5", children: [
@@ -14857,7 +14887,7 @@ function TablePage({
               variant: surfaceChosen(surface, { rail: "field" }) ? "secondary" : "outline",
               "aria-pressed": surfaceChosen(surface, { rail: "field" }),
               onClick: () => press({ rail: "field" }),
-              children: "Add field"
+              children: ADD_FIELD_OPEN_LABEL
             }
           ),
           /* @__PURE__ */ jsx58(