@ai-matrx/detail 0.1.1 → 0.1.3

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog — @ai-matrx/detail
 
+## 0.1.3
+### Unreleased
+
+- **Added — the not-found state carries the host's error actions.** A record that cannot be read
+  (moved, deleted, or not shared with the person) now renders design-system's `ErrorActions` slot
+  beside its sentence, with `origin: "detail/DetailBody"`, the sentence as `message`, an
+  `operation` of "Open this <label>", and the record as `records: [{ type, id }]`. A host that
+  mounts `ErrorActionsProvider` (matrx-frontend: its Alchemy copy-for-AI menu) gets its actions
+  there; with no provider nothing extra renders. This is the last difference between this package
+  and matrx-frontend's in-repo copy (frontend audit 2026-09-29, detail-002), so the frontend can
+  adopt the package and delete the copy. Proof:
+  `src/react/__tests__/the-absent-record-carries-the-hosts-error-actions.test.tsx`.
+- **Consumer action:** none — additive. A host with `ErrorActionsProvider` mounted sees its
+  actions appear on the not-found state.
+
+## 0.1.2
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/detail/v0.1.1..npm/detail/v0.1.2 -- apps/shared/detail`).
+No source changes intended and no consumer action required.
+
 ## 0.1.1
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see
@@ -115,3 +136,5 @@ What changed on the way in, and why:
    remedy names the item registry.
 6. Any health producer that decides a reconnect would not help must answer
    `onReconnect: null` (not omit the key) — omitting it now means "defer to the host".
+
+

package/dist/react.cjs

@@ -1014,20 +1014,26 @@ function DetailPresentationPane({ core }) {
   }, [open, save, registerSave]);
   if (!save) return null;
   if (!open) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-      "button",
-      {
-        type: "button",
-        onClick: () => setOpen(true),
-        className: "flex w-full items-center gap-1.5 rounded-md px-1 py-1 text-left text-[11px] text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        "data-detail-presentation-pane": "collapsed",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Settings2Icon, { className: "h-3 w-3 shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: setting.error ? `Your "open details as" setting could not be read (${setting.error}) \u2014 details are opening as ${WORD[core.presentation]}.` : `Details open as ${WORD[effective]}.` }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "underline underline-offset-2", children: "Change" })
-        ]
-      }
-    );
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "w-full", children: [
+      setting.error ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "px-1 pt-1 text-[11px] text-muted-foreground", children: [
+        `Your "open details as" setting could not be read (${setting.error}) \u2014 details are opening as ${WORD[core.presentation]}.`,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.ErrorActions, { origin: "detail/DetailPresentationPane", operation: "Read the open-details-as setting", error: setting.error })
+      ] }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        "button",
+        {
+          type: "button",
+          onClick: () => setOpen(true),
+          className: "flex w-full items-center gap-1.5 rounded-md px-1 py-1 text-left text-[11px] text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          "data-detail-presentation-pane": "collapsed",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Settings2Icon, { className: "h-3 w-3 shrink-0" }),
+            setting.error ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: `Details open as ${WORD[effective]}.` }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "underline underline-offset-2", children: "Change" })
+          ]
+        }
+      )
+    ] });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "section",
@@ -1109,11 +1115,15 @@ function DetailPresentationPane({ core }) {
             }
           )
         ] }),
-        state.status === "refused" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-xs text-destructive", "data-detail-presentation-refusal": true, children: state.reason }) : null,
+        state.status === "refused" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "text-xs text-destructive", "data-detail-presentation-refusal": true, children: [
+          state.reason,
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.ErrorActions, { origin: "detail/DetailPresentationPane", operation: "Change how details open", message: state.reason })
+        ] }) : null,
         setting.error ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
           "The saved setting could not be read here (",
           setting.error,
-          "), so this shows what this detail is actually doing."
+          "), so this shows what this detail is actually doing.",
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.ErrorActions, { origin: "detail/DetailPresentationPane", operation: "Read the open-details-as setting", error: setting.error })
         ] }) : null
       ]
     }
@@ -1273,10 +1283,25 @@ function FieldsSection({ core }) {
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoadingFields, { core, label });
   }
   if (core.status === "not-found") {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Notice, { tone: "warn", children: `This ${label} couldn't be found \u2014 it may have been moved, deleted, or isn't shared with you.` });
+    const sentence = `This ${label} couldn't be found \u2014 it may have been moved, deleted, or isn't shared with you.`;
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Notice, { tone: "warn", children: [
+      sentence,
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_design_system3.ErrorActions,
+        {
+          origin: "detail/DetailBody",
+          operation: `Open this ${label}`,
+          message: sentence,
+          records: [{ type: core.ref.type, id: core.ref.id }]
+        }
+      )
+    ] });
   }
   if (core.status === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Notice, { tone: "error", children: `Couldn't load the details for this ${label}. ${core.errorMessage ?? ""}`.trim() });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Notice, { tone: "error", children: [
+      `Couldn't load the details for this ${label}. ${core.errorMessage ?? ""}`.trim(),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system3.ErrorActions, { origin: "detail/DetailBody", operation: `Load this ${label}`, error: core.errorMessage })
+    ] });
   }
   if (core.status === "none") {
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Notice, { tone: "muted", children: `Nothing more about this ${label} is stored here, so there is nothing else to show. ` + whatTheControlsDo(core) });
@@ -1391,7 +1416,10 @@ function HistorySection({ core }) {
     state.status === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "space-y-1.5", "aria-busy": "true", "aria-label": "Loading history", children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system3.Skeleton, { className: "h-3.5 w-2/3" }),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system3.Skeleton, { className: "h-3.5 w-1/2" })
-    ] }) : state.status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-xs text-muted-foreground", children: state.message.toLowerCase().includes("access denied") ? "History is only shown to people who can view this record." : `History could not be read: ${state.message}` }) : state.entries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-xs text-muted-foreground", children: "No recorded changes yet." }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ol", { className: "space-y-1", children: state.entries.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    ] }) : state.status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+      state.message.toLowerCase().includes("access denied") ? "History is only shown to people who can view this record." : `History could not be read: ${state.message}`,
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system3.ErrorActions, { origin: "detail/DetailBody", operation: "Read the history", error: state.message })
+    ] }) : state.entries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-xs text-muted-foreground", children: "No recorded changes yet." }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ol", { className: "space-y-1", children: state.entries.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       "li",
       {
         className: "flex flex-wrap items-center gap-x-2 gap-y-0.5 text-xs",