@ai-matrx/detail 0.1.0 → 0.1.2

package/dist/react.js

@@ -877,12 +877,13 @@ function DetailActions({ core }) {
 
 // src/react/DetailBody.tsx
 import { useEffect as useEffect7, useRef as useRef6, useState as useState5 } from "react";
-import { cn as cn3, Skeleton } from "@ai-matrx/design-system";
+import { cn as cn3, ErrorActions as ErrorActions2, Skeleton } from "@ai-matrx/design-system";
 import {
   ASSOCIATION_TARGET_TYPES,
   isEntityTypeToken
 } from "@ai-matrx/associations";
 import { AssociationCardGrid, PrimaryEntityProvider } from "@ai-matrx/associations/react";
+import { formatDurationMs } from "@ai-matrx/kit/format";
 
 // src/format.ts
 function formatWhen(iso) {
@@ -893,7 +894,7 @@ function formatWhen(iso) {
 
 // src/react/DetailPresentationPane.tsx
 import { useEffect as useEffect6, useRef as useRef5, useState as useState4 } from "react";
-import { cn as cn2 } from "@ai-matrx/design-system";
+import { cn as cn2, ErrorActions } from "@ai-matrx/design-system";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var WORD = {
   window: "a window",
@@ -971,20 +972,26 @@ function DetailPresentationPane({ core }) {
   }, [open, save, registerSave]);
   if (!save) return null;
   if (!open) {
-    return /* @__PURE__ */ jsxs3(
-      "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__ */ jsx4(Settings2Icon, { className: "h-3 w-3 shrink-0" }),
-          /* @__PURE__ */ jsx4("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__ */ jsx4("span", { className: "underline underline-offset-2", children: "Change" })
-        ]
-      }
-    );
+    return /* @__PURE__ */ jsxs3("div", { className: "w-full", children: [
+      setting.error ? /* @__PURE__ */ jsxs3("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__ */ jsx4(ErrorActions, { origin: "detail/DetailPresentationPane", operation: "Read the open-details-as setting", error: setting.error })
+      ] }) : null,
+      /* @__PURE__ */ jsxs3(
+        "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__ */ jsx4(Settings2Icon, { className: "h-3 w-3 shrink-0" }),
+            setting.error ? null : /* @__PURE__ */ jsx4("span", { children: `Details open as ${WORD[effective]}.` }),
+            /* @__PURE__ */ jsx4("span", { className: "underline underline-offset-2", children: "Change" })
+          ]
+        }
+      )
+    ] });
   }
   return /* @__PURE__ */ jsxs3(
     "section",
@@ -1066,11 +1073,15 @@ function DetailPresentationPane({ core }) {
             }
           )
         ] }),
-        state.status === "refused" ? /* @__PURE__ */ jsx4("p", { className: "text-xs text-destructive", "data-detail-presentation-refusal": true, children: state.reason }) : null,
+        state.status === "refused" ? /* @__PURE__ */ jsxs3("p", { className: "text-xs text-destructive", "data-detail-presentation-refusal": true, children: [
+          state.reason,
+          /* @__PURE__ */ jsx4(ErrorActions, { origin: "detail/DetailPresentationPane", operation: "Change how details open", message: state.reason })
+        ] }) : null,
         setting.error ? /* @__PURE__ */ jsxs3("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__ */ jsx4(ErrorActions, { origin: "detail/DetailPresentationPane", operation: "Read the open-details-as setting", error: setting.error })
         ] }) : null
       ]
     }
@@ -1233,7 +1244,10 @@ function FieldsSection({ core }) {
     return /* @__PURE__ */ jsx5(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__ */ jsx5(Notice, { tone: "error", children: `Couldn't load the details for this ${label}. ${core.errorMessage ?? ""}`.trim() });
+    return /* @__PURE__ */ jsxs4(Notice, { tone: "error", children: [
+      `Couldn't load the details for this ${label}. ${core.errorMessage ?? ""}`.trim(),
+      /* @__PURE__ */ jsx5(ErrorActions2, { origin: "detail/DetailBody", operation: `Load this ${label}`, error: core.errorMessage })
+    ] });
   }
   if (core.status === "none") {
     return /* @__PURE__ */ jsx5(Notice, { tone: "muted", children: `Nothing more about this ${label} is stored here, so there is nothing else to show. ` + whatTheControlsDo(core) });
@@ -1284,8 +1298,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."
+      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__ */ jsxs4("div", { className: "space-y-1.5", children: [
       /* @__PURE__ */ jsx5(Skeleton, { className: "h-2.5 w-20" }),
@@ -1348,7 +1362,10 @@ function HistorySection({ core }) {
     state.status === "loading" ? /* @__PURE__ */ jsxs4("div", { className: "space-y-1.5", "aria-busy": "true", "aria-label": "Loading history", children: [
       /* @__PURE__ */ jsx5(Skeleton, { className: "h-3.5 w-2/3" }),
       /* @__PURE__ */ jsx5(Skeleton, { className: "h-3.5 w-1/2" })
-    ] }) : state.status === "error" ? /* @__PURE__ */ jsx5("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__ */ jsx5("p", { className: "text-xs text-muted-foreground", children: "No recorded changes yet." }) : /* @__PURE__ */ jsx5("ol", { className: "space-y-1", children: state.entries.map((entry) => /* @__PURE__ */ jsxs4(
+    ] }) : state.status === "error" ? /* @__PURE__ */ jsxs4("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__ */ jsx5(ErrorActions2, { origin: "detail/DetailBody", operation: "Read the history", error: state.message })
+    ] }) : state.entries.length === 0 ? /* @__PURE__ */ jsx5("p", { className: "text-xs text-muted-foreground", children: "No recorded changes yet." }) : /* @__PURE__ */ jsx5("ol", { className: "space-y-1", children: state.entries.map((entry) => /* @__PURE__ */ jsxs4(
       "li",
       {
         className: "flex flex-wrap items-center gap-x-2 gap-y-0.5 text-xs",