@ai-matrx/detail 0.1.176 → 0.1.178

package/dist/react.d.cts

@@ -1,5 +1,5 @@
-import { D as DetailRef, a as DetailInstanceData, b as DetailPresentation, c as DetailRecordType, d as DetailStatus, e as DetailRow, f as DetailField, g as DetailSourceHealth, h as DetailFrameContext, i as DetailListContext, j as DetailLoadState, k as DetailOpenRequest, l as DetailMenuAction } from './host-DTqudYIw.cjs';
-export { m as DetailDockedShellProps, n as DetailEffectivePresentation, o as DetailHostPorts, p as DetailHostProvider, q as DetailPageShellProps, r as DetailPresentationSetting, s as DetailShellSlots, t as DetailShells, u as DetailWindowShellProps, v as requireResolveType, w as requireShell, x as useDetailHost } from './host-DTqudYIw.cjs';
+import { D as DetailRef, a as DetailInstanceData, b as DetailPresentation, c as DetailRecordType, d as DetailStatus, e as DetailRow, f as DetailField, g as DetailSourceHealth, h as DetailFrameContext, i as DetailListContext, j as DetailLoadState, k as DetailOpenRequest, l as DetailMenuAction } from './host-B6yGRMky.cjs';
+export { m as DetailDockedShellProps, n as DetailEffectivePresentation, o as DetailHostPorts, p as DetailHostProvider, q as DetailPageShellProps, r as DetailPresentationSetting, s as DetailShellSlots, t as DetailShells, u as DetailWindowShellProps, v as requireResolveType, w as requireShell, x as useDetailHost } from './host-B6yGRMky.cjs';
 import * as react from 'react';
 import { KeyboardEvent } from 'react';
 

package/dist/react.d.ts

@@ -1,5 +1,5 @@
-import { D as DetailRef, a as DetailInstanceData, b as DetailPresentation, c as DetailRecordType, d as DetailStatus, e as DetailRow, f as DetailField, g as DetailSourceHealth, h as DetailFrameContext, i as DetailListContext, j as DetailLoadState, k as DetailOpenRequest, l as DetailMenuAction } from './host-DTqudYIw.js';
-export { m as DetailDockedShellProps, n as DetailEffectivePresentation, o as DetailHostPorts, p as DetailHostProvider, q as DetailPageShellProps, r as DetailPresentationSetting, s as DetailShellSlots, t as DetailShells, u as DetailWindowShellProps, v as requireResolveType, w as requireShell, x as useDetailHost } from './host-DTqudYIw.js';
+import { D as DetailRef, a as DetailInstanceData, b as DetailPresentation, c as DetailRecordType, d as DetailStatus, e as DetailRow, f as DetailField, g as DetailSourceHealth, h as DetailFrameContext, i as DetailListContext, j as DetailLoadState, k as DetailOpenRequest, l as DetailMenuAction } from './host-B6yGRMky.js';
+export { m as DetailDockedShellProps, n as DetailEffectivePresentation, o as DetailHostPorts, p as DetailHostProvider, q as DetailPageShellProps, r as DetailPresentationSetting, s as DetailShellSlots, t as DetailShells, u as DetailWindowShellProps, v as requireResolveType, w as requireShell, x as useDetailHost } from './host-B6yGRMky.js';
 import * as react from 'react';
 import { KeyboardEvent } from 'react';
 

package/dist/react.js

@@ -4,7 +4,7 @@ import {
   requireResolveType,
   requireShell,
   useDetailHost
-} from "./chunk-D62JZJMB.js";
+} from "./chunk-OZZG6JAG.js";
 
 // src/react/useDetailCore.ts
 import { useEffect as useEffect3 } from "react";
@@ -363,9 +363,7 @@ function useDetailCore(data, presentation, options) {
     onNext: hasNext ? () => openNeighbour(1) : null,
     // 🚨 NEW-22 — Cmd+Enter is one of the three promised bindings; on a record
     // with no editor open it ANSWERS rather than doing nothing in silence.
-    onSaveUnavailable: () => host.notify.error(
-      `There is nothing to save on this ${typeLabel.toLowerCase()} \u2014 nothing here is being edited. Changes to the record are made where it lives.`
-    )
+    onSaveUnavailable: () => host.notify.error("Nothing to save", { description: `Edit this ${typeLabel.toLowerCase()} where it lives` })
   });
   return {
     ref,
@@ -429,9 +427,7 @@ function useOpenDetail(warmType) {
       } catch (error) {
         const message = error instanceof Error ? error.message : String(error);
         console.error(`[detail] ${DETAIL_PRESENTATION_KNOB} could not be resolved`, error);
-        host.notify.error(
-          `Your detail presentation setting could not be read (${DETAIL_PRESENTATION_KNOB}: ${message}). Opening as a window until it can be read; an administrator can register or repair the setting.`
-        );
+        host.notify.error("Opened as a window", { description: "Detail setting couldn't be read" });
         presentation = "window";
       }
     }
@@ -561,7 +557,7 @@ function useDetailMenuActions(core) {
       onSelect: () => {
         void host.copyText(core.ref.id).then((ok) => {
           if (ok) host.notify.success("Record id copied");
-          else host.notify.error("Could not copy the record id to the clipboard.");
+          else host.notify.error("Record id not copied");
         });
       }
     }
@@ -574,7 +570,7 @@ function DetailActions({ core, optional = "inline" }) {
   const copyId = async () => {
     const ok = await host.copyText(core.ref.id);
     if (!ok) {
-      host.notify.error("Could not copy the record id to the clipboard.");
+      host.notify.error("Record id not copied");
       return;
     }
     host.notify.success("Record id copied");
@@ -718,13 +714,9 @@ function DetailActions({ core, optional = "inline" }) {
 }
 
 // src/react/DetailBody.tsx
-import { useEffect as useEffect7, useRef as useRef6, useState as useState5 } from "react";
+import { lazy, Suspense, useEffect as useEffect7, useRef as useRef6, useState as useState5 } from "react";
 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 { ASSOCIATION_TARGET_TYPES } from "@ai-matrx/associations/contracts";
 import { formatDurationMs } from "@ai-matrx/kit/format";
 
 // src/format.ts
@@ -771,9 +763,9 @@ function DetailPresentationPane({ core }) {
     });
     if (result.ok) {
       setState({ status: "saved" });
-      host.notify.success(
-        forThisType ? `Every ${core.typeLabel.toLowerCase()} now opens as ${WORD[pending]} for you.` : `Record details now open as ${WORD[pending]} for you.`
-      );
+      host.notify.success("Saved", {
+        description: forThisType ? `Every ${core.typeLabel.toLowerCase()} opens as ${WORD[pending]}` : `Details open as ${WORD[pending]}`
+      });
     } else {
       setState({ status: "refused", reason: result.reason });
     }
@@ -935,6 +927,7 @@ function DetailPresentationPane({ core }) {
 // src/react/DetailBody.tsx
 import { ExternalLinkIcon, RefreshCwIcon } from "@ai-matrx/design-system/icons";
 import { OutboundLink } from "@ai-matrx/kit/outbound-react";
+import { peopleErrorSentence } from "@ai-matrx/design-system/error-sentence";
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var SLOW_LOAD_NOTICE_MS = 6e3;
 function useSlowLoadNotice(active, key) {
@@ -1001,9 +994,7 @@ function HealthStrip({ health }) {
     try {
       await health.onRefresh();
     } catch (error) {
-      host.notify.error(
-        `Refresh from ${health.source} failed: ${error instanceof Error ? error.message : String(error)}`
-      );
+      host.notify.error("Not refreshed", { description: `${health.source}: ${peopleErrorSentence(error, null, { card: true })}` });
     } finally {
       setRefreshing(false);
     }
@@ -1166,18 +1157,28 @@ function LoadingFields({ core, label }) {
 function isAssociationTarget(token) {
   return ASSOCIATION_TARGET_TYPES.includes(token);
 }
+var loadDetailLinked = () => import("./DetailLinked-57SRZLYJ.js");
+var DetailLinked = lazy(loadDetailLinked);
 function AssociationsSection({ core }) {
   const host = useDetailHost();
   const token = core.entityToken;
   if (!token || !isAssociationTarget(token) || !host.associations.canAnchor(token)) return null;
   if (core.recordType?.associationTokens === null) return null;
-  const wanted = core.recordType?.associationTokens ?? host.associations.defaultTokens;
-  const tokens = wanted.filter((t) => t !== token).filter(isEntityTypeToken);
-  if (tokens.length === 0) return null;
-  return /* @__PURE__ */ jsxs3("section", { className: "space-y-2", "data-detail-section": "associations", children: [
-    /* @__PURE__ */ jsx3(SectionHeading, { icon: /* @__PURE__ */ jsx3(Link2Icon, { className: "h-3 w-3" }), children: "Linked" }),
-    /* @__PURE__ */ jsx3(PrimaryEntityProvider, { value: { type: token, id: core.ref.id, label: core.title }, children: /* @__PURE__ */ jsx3(AssociationCardGrid, { tokens }) })
-  ] });
+  const wanted = (core.recordType?.associationTokens ?? host.associations.defaultTokens).filter(
+    (t) => t !== token
+  );
+  if (wanted.length === 0) return null;
+  const heading = /* @__PURE__ */ jsx3(SectionHeading, { icon: /* @__PURE__ */ jsx3(Link2Icon, { className: "h-3 w-3" }), children: "Linked" });
+  return /* @__PURE__ */ jsx3(
+    Suspense,
+    {
+      fallback: /* @__PURE__ */ jsxs3("section", { className: "space-y-2", "data-detail-section": "associations", "aria-busy": "true", children: [
+        heading,
+        /* @__PURE__ */ jsx3(Skeleton, { className: "h-16 w-full" })
+      ] }),
+      children: /* @__PURE__ */ jsx3(DetailLinked, { token, id: core.ref.id, label: core.title, wanted, heading })
+    }
+  );
 }
 var ACTOR_COLUMNS = ["actor_id", "user_id", "person_id", "created_by_id"];
 function HistorySection({ core }) {
@@ -1262,6 +1263,9 @@ function CustomFieldsPort({ core }) {
   return /* @__PURE__ */ jsx3(Section, { token, id: core.ref.id });
 }
 function DetailBody({ core }) {
+  useEffect7(() => {
+    loadDetailLinked().catch(() => void 0);
+  }, []);
   const extra = core.recordType?.extraSections && core.frameCtx ? core.recordType.extraSections(core.row, core.frameCtx) : [];
   const Frame = core.recordType?.Frame ?? null;
   const body = (