@ai-matrx/detail 0.1.0 → 0.1.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog — @ai-matrx/detail
 
+## 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
+`git diff npm/detail/v0.1.0..npm/detail/v0.1.1 -- apps/shared/detail`).
+No source changes intended and no consumer action required.
+
 ## Unreleased
 
 Not published: 0.1.0 is still not on npm, so matrx-frontend's `lib/detail/**` remains the LIVE
@@ -109,3 +121,4 @@ 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

@@ -925,6 +925,7 @@ var import_react9 = require("react");
 var import_design_system3 = require("@ai-matrx/design-system");
 var import_associations = require("@ai-matrx/associations");
 var import_react10 = require("@ai-matrx/associations/react");
+var import_format = require("@ai-matrx/kit/format");
 
 // src/format.ts
 function formatWhen(iso) {
@@ -1013,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",
@@ -1108,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
       ]
     }
@@ -1275,7 +1286,10 @@ function FieldsSection({ core }) {
     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.` });
   }
   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) });
@@ -1326,8 +1340,8 @@ function LoadingFields({ core, label }) {
       label,
       " \u2014 the read has been running for more than",
       " ",
-      Math.round(SLOW_LOAD_NOTICE_MS / 1e3),
-      " seconds. If nothing appears, the record may be unreachable from here; closing and reopening it starts a fresh read."
+      (0, import_format.formatDurationMs)(SLOW_LOAD_NOTICE_MS, { style: "long" }),
+      ". If nothing appears, the record may be unreachable from here; closing and reopening it starts a fresh read."
     ] }) : null,
     Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "space-y-1.5", children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system3.Skeleton, { className: "h-2.5 w-20" }),
@@ -1390,7 +1404,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",