@ai-matrx/records-ui 0.113.39 → 0.114.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog — @ai-matrx/records-ui
 
+## 0.114.1
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.114.0..npm/records-ui/v0.114.1 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
+## 0.114.0 — a view exports as Markdown (lane FORMULA-2)
+
+- **The table page's action list** gains "Download Markdown" (a `.md` file named after the table) and "Copy as Markdown": the rows
+  THIS VIEW shows (its filter and sort, to the 5,000-row ceiling, "First N rows only" when cut) in its visible columns, as a pipe table.
+- **The Export rail (`ExportMenu`)** gains "Markdown" and "Copy Markdown" beside CSV and XLSX.
+- Needs `@ai-matrx/records` 0.95.0 (`exportMarkdown`).
+- Tests: `a-view-exports-as-a-markdown-table.test.tsx`.
+- **Consumer action:** none; the host's copy door is `@ai-matrx/kit/clipboard`.
+
 ## 0.113.39
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/index.cjs

@@ -15920,7 +15920,7 @@ function useMergedGridControls(args) {
     },
     [enabled, fieldOf2, choiceOptions, rows, choiceCounts]
   );
-  const copyText14 = (0, import_react90.useCallback)(
+  const copyText16 = (0, import_react90.useCallback)(
     (text, what) => {
       void (0, import_clipboard.copyText)(text).then(
         (landed) => landed ? notify?.success(`${what} ${what.endsWith("cells") ? "are" : "is"} copied.`) : notify?.error("The clipboard refused the copy. Select the cells and press Cmd-C.")
@@ -16040,7 +16040,7 @@ function useMergedGridControls(args) {
       },
       sortedBy: query.sort ? { id: query.sort.id, direction: query.sort.direction } : null,
       actions: {
-        copyText: copyText14,
+        copyText: copyText16,
         pasteInto: (rowId, columnId2) => {
           const field2 = fields.find((f) => f.key === columnId2);
           if (!field2) return;
@@ -16109,7 +16109,7 @@ function useMergedGridControls(args) {
         ...hrefForRecord && table ? {
           copyRecordLink: (rowId) => {
             const href = hrefForRecord({ table, recordId: rowId });
-            if (href) copyText14(new URL(href, window.location.origin).toString(), "The link");
+            if (href) copyText16(new URL(href, window.location.origin).toString(), "The link");
           }
         } : {},
         ...editable && rights.structure ? {
@@ -16209,7 +16209,7 @@ function useMergedGridControls(args) {
     fieldKeys,
     canWrite,
     client,
-    copyText14,
+    copyText16,
     editable,
     editing,
     fields,
@@ -25975,6 +25975,7 @@ function ConnectedRecordsTableCard({
 }
 
 // src/ExportMenu.tsx
+var import_clipboard3 = require("@ai-matrx/kit/clipboard");
 var import_download2 = require("@ai-matrx/kit/download");
 var import_react133 = require("react");
 var import_react134 = require("@ai-matrx/records/react");
@@ -26156,6 +26157,31 @@ function ExportMenu({ tableId, rows, label, className, view }) {
         children: "XLSX"
       }
     ),
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+      import_design_system67.Button,
+      {
+        size: "sm",
+        variant: "outline",
+        onClick: () => void exported().then((rows2) => download(`${name}.md`, "text/markdown;charset=utf-8", (0, import_core18.exportMarkdown)(columns, rows2))).catch(
+          (thrown) => setFailure((0, refusals_exports.refusalFromThrown)(thrown, "The Markdown could not be written.", "The CSV beside this button carries the same rows."))
+        ),
+        children: "Markdown"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+      import_design_system67.Button,
+      {
+        size: "sm",
+        variant: "outline",
+        onClick: () => void exported().then(async (rows2) => {
+          if (await (0, import_clipboard3.copyText)((0, import_core18.exportMarkdown)(columns, rows2))) host.notify?.success("Markdown copied");
+          else host.notify?.error("Couldn\u2019t copy the Markdown");
+        }).catch(
+          (thrown) => setFailure((0, refusals_exports.refusalFromThrown)(thrown, "The Markdown could not be written.", "The CSV beside this button carries the same rows."))
+        ),
+        children: "Copy Markdown"
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       import_react135.AlchemyMenu,
       {
@@ -26465,14 +26491,14 @@ function fieldsForNewColumns(columns) {
 }
 
 // src/BookingSlots.tsx
-var import_clipboard4 = require("@ai-matrx/kit/clipboard");
+var import_clipboard5 = require("@ai-matrx/kit/clipboard");
 var import_react143 = require("react");
 var import_react144 = require("@ai-matrx/records/react");
 var import_records48 = require("@ai-matrx/records");
 var import_design_system75 = require("@ai-matrx/design-system");
 
 // src/BookingBuilder.tsx
-var import_clipboard3 = require("@ai-matrx/kit/clipboard");
+var import_clipboard4 = require("@ai-matrx/kit/clipboard");
 var import_design_system70 = require("@ai-matrx/design-system");
 var import_react139 = require("react");
 var import_react140 = require("@ai-matrx/records/react");
@@ -26949,7 +26975,7 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, startNew, classN
             size: "sm",
             variant: "outline",
             onClick: () => {
-              void (0, import_clipboard3.copyText)(url).then((landed) => {
+              void (0, import_clipboard4.copyText)(url).then((landed) => {
                 setCopied(landed);
                 if (landed) window.setTimeout(() => setCopied(false), 1600);
               });
@@ -27126,7 +27152,7 @@ function tableActions(input) {
   const url = tableLink(table.id, host.origin);
   const favorite = host.isFavorite === true;
   const openInNewTab = host.openInNewTab;
-  const copyText14 = host.copyText;
+  const copyText16 = host.copyText;
   const openBuiltOn = host.openBuiltOn;
   const built = [
     action({ id: "open", label: "Open", icon: "folder-open", group: "open", verb: "open" }, "read", input, bind(host.open, table)),
@@ -27140,7 +27166,7 @@ function tableActions(input) {
       { id: "copy-link", label: "Copy link", icon: "link", group: "open", verb: "copy-link" },
       "read",
       input,
-      copyText14 ? () => copyText14(url, table) : void 0
+      copyText16 ? () => copyText16(url, table) : void 0
     ),
     action({ id: "rename", label: "Rename\u2026", icon: "pencil", group: "organize", verb: "rename" }, "structure", input, bind(host.rename, table)),
     action({ id: "duplicate", label: "Duplicate", icon: "copy", group: "organize", verb: "duplicate" }, "read", input, bind(host.duplicate, table)),
@@ -27550,7 +27576,7 @@ function BookingSlots({ tableId, activeBookingId, className }) {
     [client, load]
   );
   const copy = (0, import_react143.useCallback)(async (url, formId) => {
-    if (await (0, import_clipboard4.copyText)(url)) {
+    if (await (0, import_clipboard5.copyText)(url)) {
       setCopied(formId);
       setShown(null);
       window.setTimeout(() => setCopied(null), 1600);
@@ -30259,7 +30285,7 @@ function RecordFieldsInPlace({
 }
 
 // src/ShareControl.tsx
-var import_clipboard5 = require("@ai-matrx/kit/clipboard");
+var import_clipboard6 = require("@ai-matrx/kit/clipboard");
 var import_react171 = require("react");
 var import_design_system88 = require("@ai-matrx/design-system");
 var import_jsx_runtime102 = require("react/jsx-runtime");
@@ -30322,7 +30348,7 @@ function ShareForSomebodyElse({
 }) {
   const [copied, setCopied] = (0, import_react171.useState)(null);
   const copy = async () => {
-    if (await (0, import_clipboard5.copyText)(window.location.href)) {
+    if (await (0, import_clipboard6.copyText)(window.location.href)) {
       setCopied("yes");
     } else {
       setCopied("no");
@@ -31021,7 +31047,7 @@ function CardDates({ record, fields }) {
 }
 
 // src/RecordActionMenu.tsx
-var import_clipboard6 = require("@ai-matrx/kit/clipboard");
+var import_clipboard7 = require("@ai-matrx/kit/clipboard");
 var import_react181 = require("react");
 var import_react182 = require("@ai-matrx/records/react");
 var import_design_system92 = require("@ai-matrx/design-system");
@@ -31048,7 +31074,7 @@ function recordActions(input) {
   const origin = (host.origin ?? DEFAULT_ACTION_ORIGIN).replace(/\/+$/, "");
   const url = host.href ? /^https?:/.test(host.href) ? host.href : `${origin}${host.href}` : recordLink(record.tableId, record.id, host.origin);
   const openInNewTab = host.openInNewTab;
-  const copyText14 = host.copyText;
+  const copyText16 = host.copyText;
   const built = [
     action2({ id: "open", label: "Open", icon: "folder-open", group: "open", verb: "open" }, "read", input, bind2(host.open, record)),
     action2(
@@ -31061,7 +31087,7 @@ function recordActions(input) {
       { id: "copy-link", label: "Copy link", icon: "link", group: "open", verb: "copy-link" },
       "read",
       input,
-      copyText14 ? () => copyText14(url, record) : void 0
+      copyText16 ? () => copyText16(url, record) : void 0
     ),
     action2({ id: "duplicate", label: "Duplicate", icon: "copy", group: "organize", verb: "duplicate" }, "organise", input, bind2(host.duplicate, record)),
     action2(
@@ -31114,7 +31140,7 @@ function useRecordActionHost({ tableId, row, onOpenRecord, onChanged, onMerge })
         window.open(url, "_blank", "noopener,noreferrer");
       },
       copyText: async (url) => {
-        if (await (0, import_clipboard6.copyText)(url)) {
+        if (await (0, import_clipboard7.copyText)(url)) {
           said2("Link copied");
         } else {
           notify?.error("Couldn\u2019t copy the link");
@@ -40221,7 +40247,7 @@ function clientNoun(table) {
 }
 
 // src/PortalsPanel.tsx
-var import_clipboard7 = require("@ai-matrx/kit/clipboard");
+var import_clipboard8 = require("@ai-matrx/kit/clipboard");
 var import_react232 = require("react");
 var import_react233 = require("@ai-matrx/records/react");
 var import_records61 = require("@ai-matrx/records");
@@ -40822,7 +40848,7 @@ function CopyLink({ url, what }) {
         variant: "outline",
         onClick: () => {
           void (async () => {
-            if (await (0, import_clipboard7.copyText)(url)) {
+            if (await (0, import_clipboard8.copyText)(url)) {
               setCopied(true);
               setShown(false);
               window.setTimeout(() => setCopied(false), 1600);
@@ -42125,7 +42151,7 @@ function SubscriptionsPanel({ tableId, activeRuleId, className }) {
 }
 
 // src/FormBuilder.tsx
-var import_clipboard9 = require("@ai-matrx/kit/clipboard");
+var import_clipboard10 = require("@ai-matrx/kit/clipboard");
 var import_design_system123 = require("@ai-matrx/design-system");
 var import_react243 = require("react");
 var import_core21 = require("@dnd-kit/core");
@@ -42138,7 +42164,7 @@ var import_design_system124 = require("@ai-matrx/design-system");
 // src/FormFlowEditor.tsx
 var import_react240 = require("react");
 var import_design_system121 = require("@ai-matrx/design-system");
-var import_clipboard8 = require("@ai-matrx/kit/clipboard");
+var import_clipboard9 = require("@ai-matrx/kit/clipboard");
 var import_forms = require("@ai-matrx/records/forms");
 var import_jsx_runtime138 = require("react/jsx-runtime");
 function freshEndingId(taken) {
@@ -42353,7 +42379,7 @@ function ThemeEditor({
 }
 var EMBED_LABELS = { inline: "Inline", popup: "Popup", slider: "Slider" };
 function EmbedSnippets({ url, label }) {
-  const { copyText: copyText14 } = (0, import_clipboard8.useClipboard)();
+  const { copyText: copyText16 } = (0, import_clipboard9.useClipboard)();
   const [kind, setKind] = (0, import_react240.useState)("inline");
   const [copied, setCopied] = (0, import_react240.useState)(false);
   const snippet = (0, import_forms.formEmbedSnippet)(kind, url, { label });
@@ -42367,7 +42393,7 @@ function EmbedSnippets({ url, label }) {
           size: "sm",
           variant: "outline",
           className: "ml-auto",
-          onClick: () => void copyText14(snippet).then((ok) => {
+          onClick: () => void copyText16(snippet).then((ok) => {
             setCopied(Boolean(ok));
             window.setTimeout(() => setCopied(false), 1500);
           }),
@@ -43287,7 +43313,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
     await load();
   }
   async function copyLink(url) {
-    if (await (0, import_clipboard9.copyText)(url)) {
+    if (await (0, import_clipboard10.copyText)(url)) {
       setCopied(true);
       setShownUrl(null);
       window.setTimeout(() => setCopied(false), 1600);
@@ -46065,7 +46091,7 @@ function TargetControl({
 }
 
 // src/QuestionPanel.tsx
-var import_clipboard10 = require("@ai-matrx/kit/clipboard");
+var import_clipboard11 = require("@ai-matrx/kit/clipboard");
 var import_react262 = require("react");
 var import_design_system133 = require("@ai-matrx/design-system");
 var import_react263 = require("@ai-matrx/records/react");
@@ -46236,7 +46262,7 @@ function QuestionPanel({ tableId, activeQuestionId, draft, className }) {
     const url = new URL(window.location.href);
     url.searchParams.set("view", "questions");
     url.searchParams.set("item", current.id);
-    void (0, import_clipboard10.copyText)(url.toString());
+    void (0, import_clipboard11.copyText)(url.toString());
   };
   if (fields.loading || hidden === null) {
     return /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", { className: (0, import_design_system133.cn)("flex flex-col gap-2 p-3", className), "data-testid": "question-panel", children: [
@@ -47709,7 +47735,7 @@ function onePerKey3(all) {
 }
 
 // src/FormsPanel.tsx
-var import_clipboard11 = require("@ai-matrx/kit/clipboard");
+var import_clipboard12 = require("@ai-matrx/kit/clipboard");
 var import_react268 = require("react");
 var import_react269 = require("@ai-matrx/records/react");
 var import_records68 = require("@ai-matrx/records");
@@ -47768,7 +47794,7 @@ function FormsPanel({ tableId, activeFormId, className }) {
   );
   const [shown4, setShown] = (0, import_react268.useState)(null);
   const copy = (0, import_react268.useCallback)(async (url, formId) => {
-    if (await (0, import_clipboard11.copyText)(url)) {
+    if (await (0, import_clipboard12.copyText)(url)) {
       setCopied(formId);
       setShown(null);
       window.setTimeout(() => setCopied(null), 1600);
@@ -48727,7 +48753,7 @@ function PublicRow({ row, fields }) {
 }
 
 // src/EmbedFrame.tsx
-var import_clipboard12 = require("@ai-matrx/kit/clipboard");
+var import_clipboard13 = require("@ai-matrx/kit/clipboard");
 var import_react278 = require("react");
 var import_react279 = require("@ai-matrx/records/react");
 var import_design_system141 = require("@ai-matrx/design-system");
@@ -48825,7 +48851,7 @@ function EmbedFrame({
           {
             size: "sm",
             variant: "outline",
-            onClick: () => void (0, import_clipboard12.copyText)(snippet ?? ""),
+            onClick: () => void (0, import_clipboard13.copyText)(snippet ?? ""),
             children: "Copy"
           }
         ),
@@ -48863,7 +48889,7 @@ function useEmbedHandshake(args) {
 }
 
 // src/TablePage.tsx
-var import_clipboard15 = require("@ai-matrx/kit/clipboard");
+var import_clipboard17 = require("@ai-matrx/kit/clipboard");
 var import_react291 = require("react");
 var import_records70 = require("@ai-matrx/records");
 var import_react292 = require("@ai-matrx/records/react");
@@ -48890,15 +48916,23 @@ function subscribeCalendarAction(args) {
 }
 
 // src/CalendarSubscribe.tsx
-var import_clipboard13 = require("@ai-matrx/kit/clipboard");
+var import_clipboard14 = require("@ai-matrx/kit/clipboard");
 var import_react281 = require("react");
+
+// src/asRefusal.ts
+function asRefusal3(e, fallback) {
+  if (e instanceof Error && e.message.trim() !== "") return e;
+  return { message: fallback };
+}
+
+// src/CalendarSubscribe.tsx
 var import_design_system142 = require("@ai-matrx/design-system");
 var import_jsx_runtime159 = require("react/jsx-runtime");
 function CalendarLinkOnce({ url }) {
   const notify = useRecordsUi().notify;
   const [copied, setCopied] = (0, import_react281.useState)(false);
   const copy = async () => {
-    if (await (0, import_clipboard13.copyText)(url)) {
+    if (await (0, import_clipboard14.copyText)(url)) {
       setCopied(true);
       notify?.success("Link copied");
     } else notify?.error("Couldn\u2019t copy the link");
@@ -48950,7 +48984,7 @@ function CalendarSubscribeDialog({
       });
       setUrl(port.urlFor(made.token));
     } catch (e) {
-      setError(e instanceof Error ? e.message : "The link could not be made");
+      setError(asRefusal3(e, "The link could not be made"));
     } finally {
       setBusy(false);
     }
@@ -48960,21 +48994,13 @@ function CalendarSubscribeDialog({
     /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("p", { className: "text-sm text-muted-foreground", children: "Shows the rows this view shows, read as you." }),
     url ? /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(CalendarLinkOnce, { url }) : /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(import_design_system142.Button, { size: "sm", onClick: () => void make(), disabled: busy, "data-calendar-make": "", children: busy ? "Making\u2026" : "Make link" }),
-      error ? /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
-        import_design_system142.ErrorBox,
-        {
-          className: "text-sm text-destructive",
-          "data-calendar-error": "",
-          message: error,
-          operation: "Create a calendar link",
-          origin: "records-ui/CalendarSubscribe"
-        }
-      ) : null
+      error ? /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(RefusalNotice, { error }) : null
     ] })
   ] }) });
 }
 
 // src/viewShare.ts
+var import_clipboard15 = require("@ai-matrx/kit/clipboard");
 var import_core24 = require("@ai-matrx/records/core");
 var NO_VIEW_REASON = "No saved view yet";
 function viewLink(tableId, viewId, origin) {
@@ -49014,6 +49040,56 @@ async function downloadViewCsv(args) {
   download(`${name}.csv`, "text/csv;charset=utf-8", (0, import_core24.exportCsv)(columns, rows));
   host.notify?.success(read.cut ? cutWords(read.rows.length) : "CSV downloaded");
 }
+function downloadMarkdownAction(args) {
+  return {
+    id: "download-markdown",
+    label: "Download Markdown",
+    icon: "file-text",
+    group: "share",
+    ...args.disabledReason ? { disabledReason: args.disabledReason } : {},
+    run: args.run
+  };
+}
+function copyMarkdownAction(args) {
+  return {
+    id: "copy-markdown",
+    label: "Copy as Markdown",
+    icon: "copy",
+    group: "share",
+    ...args.disabledReason ? { disabledReason: args.disabledReason } : {},
+    run: args.run
+  };
+}
+async function readViewMarkdown(args) {
+  const { client, host, tableId, fields, view, labels } = args;
+  const read = await readViewRows(client, tableId, fields, view, args.ceiling);
+  if ("error" in read) return null;
+  const columns = viewColumns(fields, view.presentation);
+  const rows = await rowsForFile({ client, host, fields: columns, records: read.rows, labels });
+  return { markdown: (0, import_core24.exportMarkdown)(columns, rows), cut: read.cut, count: read.rows.length };
+}
+async function downloadViewMarkdown(args) {
+  const table = await readViewMarkdown(args);
+  if (!table) {
+    args.host.notify?.error("The Markdown could not be written");
+    return;
+  }
+  const name = fileNameOf(args.tableName) || "records";
+  download(`${name}.md`, "text/markdown;charset=utf-8", table.markdown);
+  args.host.notify?.success(table.cut ? cutWords(table.count) : "Markdown downloaded");
+}
+async function copyViewMarkdown(args) {
+  const table = await readViewMarkdown(args);
+  if (!table) {
+    args.host.notify?.error("The Markdown could not be written");
+    return;
+  }
+  if (await (0, import_clipboard15.copyText)(table.markdown)) {
+    args.host.notify?.success(table.cut ? cutWords(table.count) : "Markdown copied");
+  } else {
+    args.host.notify?.error("Couldn\u2019t copy the Markdown");
+  }
+}
 
 // src/RecordPanel.tsx
 var import_react282 = require("react");
@@ -49164,7 +49240,7 @@ function BreakDownDialog({
 }
 
 // src/TableReference.tsx
-var import_clipboard14 = require("@ai-matrx/kit/clipboard");
+var import_clipboard16 = require("@ai-matrx/kit/clipboard");
 var import_react285 = require("react");
 var import_workspace2 = require("@ai-matrx/alchemy/react/workspace");
 var import_design_system145 = require("@ai-matrx/design-system");
@@ -49202,7 +49278,7 @@ function TableReferenceDialog({
     async (choice) => {
       if (!port) return;
       try {
-        if (!await (0, import_clipboard14.copyText)(await port.build(choice.reference))) throw new Error("clipboard refused");
+        if (!await (0, import_clipboard16.copyText)(await port.build(choice.reference))) throw new Error("clipboard refused");
         setCopied(choice.id);
         notify?.success("Reference copied");
       } catch {
@@ -50441,7 +50517,7 @@ function TablePage({
           viewId: view?.id ?? null,
           origin: actionOrigin,
           copy: async (text) => {
-            if (await (0, import_clipboard15.copyText)(text)) {
+            if (await (0, import_clipboard17.copyText)(text)) {
               recordsUi.notify?.success("Link copied");
             } else {
               recordsUi.notify?.error("Couldn\u2019t copy the link");
@@ -50461,6 +50537,30 @@ function TablePage({
             labels: viewLabels
           })
         }),
+        downloadMarkdownAction({
+          ...mayDo.known && !mayDo.read ? { disabledReason: "Needs Viewer access" } : !allFields.data ? { disabledReason: "Reading this table\u2026" } : {},
+          run: () => downloadViewMarkdown({
+            client,
+            host: recordsUi,
+            tableId,
+            tableName: table.data?.name ?? "",
+            fields: allFields.data ?? [],
+            view: viewReading,
+            labels: viewLabels
+          })
+        }),
+        copyMarkdownAction({
+          ...mayDo.known && !mayDo.read ? { disabledReason: "Needs Viewer access" } : !allFields.data ? { disabledReason: "Reading this table\u2026" } : {},
+          run: () => copyViewMarkdown({
+            client,
+            host: recordsUi,
+            tableId,
+            tableName: table.data?.name ?? "",
+            fields: allFields.data ?? [],
+            view: viewReading,
+            labels: viewLabels
+          })
+        }),
         // THE PRIVATE CALENDAR LINK (CAL-FEED-UI): only where the host bound the doors.
         ...recordsUi.calendarFeed && organizationId ? [
           subscribeCalendarAction({
@@ -50474,7 +50574,7 @@ function TablePage({
         window.open(url, "_blank", "noopener,noreferrer");
       },
       copyText: async (url) => {
-        if (await (0, import_clipboard15.copyText)(url)) {
+        if (await (0, import_clipboard17.copyText)(url)) {
           recordsUi.notify?.success("Link copied");
         } else {
           recordsUi.notify?.error("Couldn\u2019t copy the link");
@@ -51739,7 +51839,7 @@ function CalendarLinks({ port }) {
       setRows(await port.list());
       setError(null);
     } catch (e) {
-      setError(e instanceof Error ? e.message : "The links could not be read");
+      setError(asRefusal3(e, "The links could not be read"));
     }
   }, [port]);
   (0, import_react300.useEffect)(() => {
@@ -51750,21 +51850,12 @@ function CalendarLinks({ port }) {
       await run();
       setError(null);
     } catch (e) {
-      setError(e instanceof Error ? e.message : "That didn\u2019t work");
+      setError(asRefusal3(e, "That didn\u2019t work"));
     }
   };
   if (rows === null && !error) return /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "text-sm text-muted-foreground", "data-calendar-links-loading": "", children: "Reading your links\u2026" });
   return /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "flex flex-col gap-2", "data-calendar-links": "", children: [
-    error ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
-      import_design_system154.ErrorBox,
-      {
-        className: "text-sm text-destructive",
-        "data-calendar-error": "",
-        message: error,
-        operation: "Manage calendar links",
-        origin: "records-ui/CalendarLinks"
-      }
-    ) : null,
+    error ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(RefusalNotice, { error }) : null,
     rows && rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("p", { className: "text-sm text-muted-foreground", children: "No calendar links yet." }) : null,
     rows?.map((row) => /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "flex flex-col gap-2 rounded-md border px-3 py-2", "data-calendar-link-row": row.id, children: [
       /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [