@ai-matrx/content-ir-react 0.16.1 → 0.17.1

package/dist/react.d.cts

@@ -1,9 +1,9 @@
-import { c as KindDefinitionSource, C as ContentIrHost } from './host-types-a0XEr5b3.cjs';
-import { d as ComponentResolutionSource } from './component-resolution.types-C1MzCf2s.cjs';
+import { c as KindDefinitionSource, C as ContentIrHost } from './host-types-CKu4ap5K.cjs';
+import { d as ComponentResolutionSource } from './component-resolution.types-DwKSF64x.cjs';
 import * as react from 'react';
 import react__default, { ReactNode } from 'react';
 import '@ai-matrx/content-ir';
-import './directive-host-C4TcPpxX.cjs';
+import './directive-host-BOML4BQ7.cjs';
 
 /**
  * The two registries this hook watches. Passed explicitly by a host whose
@@ -87,7 +87,7 @@ declare function KindInstanceRender(props: KindInstanceRenderProps): react.JSX.E
 /**
  * The safety net + the "still arriving" affordance for a provisional kind
  * render (streaming partial kinds — see `route/partial-kind-route.ts` and
- * `common-docs/systems/content-ir-system/STREAMING_PARTIAL_KINDS.md`).
+ * `common-docs/systems/architecture/content-ir/STREAMING_PARTIAL_KINDS.md`).
  *
  * TWO JOBS
  * --------

package/dist/react.d.ts

@@ -1,9 +1,9 @@
-import { c as KindDefinitionSource, C as ContentIrHost } from './host-types-CEc86R-v.js';
-import { d as ComponentResolutionSource } from './component-resolution.types-C1MzCf2s.js';
+import { c as KindDefinitionSource, C as ContentIrHost } from './host-types-CQ2oIzUy.js';
+import { d as ComponentResolutionSource } from './component-resolution.types-DwKSF64x.js';
 import * as react from 'react';
 import react__default, { ReactNode } from 'react';
 import '@ai-matrx/content-ir';
-import './directive-host-C4TcPpxX.js';
+import './directive-host-BOML4BQ7.js';
 
 /**
  * The two registries this hook watches. Passed explicitly by a host whose
@@ -87,7 +87,7 @@ declare function KindInstanceRender(props: KindInstanceRenderProps): react.JSX.E
 /**
  * The safety net + the "still arriving" affordance for a provisional kind
  * render (streaming partial kinds — see `route/partial-kind-route.ts` and
- * `common-docs/systems/content-ir-system/STREAMING_PARTIAL_KINDS.md`).
+ * `common-docs/systems/architecture/content-ir/STREAMING_PARTIAL_KINDS.md`).
  *
  * TWO JOBS
  * --------

package/dist/react.js

@@ -170,6 +170,30 @@ function itemChanges(item, current, options = {}) {
   return out;
 }
 
+// directives/failure-words.ts
+var PAST = {
+  create: "created",
+  update: "updated",
+  delete: "deleted"
+};
+function defaultFailureWords(failure) {
+  const verbed = PAST[failure.directiveClass] ?? "applied";
+  const noun = failure.nounLabel.trim().toLowerCase() || "item";
+  if (failure.failed && failure.total && failure.total > 1) {
+    return {
+      what: `${failure.failed} of ${failure.total} weren't ${verbed}.`,
+      next: "Retry to try those again."
+    };
+  }
+  return {
+    what: `The ${noun} wasn't ${verbed}.`,
+    next: "Try again in a moment."
+  };
+}
+function failureWords(failure, explain) {
+  return explain?.(failure) ?? defaultFailureWords(failure);
+}
+
 // directives/icons.tsx
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 function Svg({ children, ...props }) {
@@ -427,10 +451,23 @@ function ApplyDirectiveButton({
         children: [
           /* @__PURE__ */ jsxs2("span", { className: "inline-flex min-w-0 items-start gap-1", children: [
             bad ? /* @__PURE__ */ jsx4(AlertIcon, { className: "mt-px h-3.5 w-3.5 shrink-0" }) : /* @__PURE__ */ jsx4(CheckCircleIcon, { className: "mt-px h-3.5 w-3.5 shrink-0" }),
-            /* @__PURE__ */ jsxs2("span", { className: "min-w-0", children: [
-              state.message ?? `Applied ${state.applied}`,
-              bad && !state.message ? ` \xB7 ${state.failed} failed` : ""
-            ] })
+            bad ? /* @__PURE__ */ jsx4(
+              FailureNotice,
+              {
+                words: failureWords(
+                  {
+                    raw: state.message ?? `${state.failed} failed`,
+                    directiveClass: directive.directiveClass,
+                    noun: directive.noun,
+                    nounLabel: nounText,
+                    failed: state.failed,
+                    total: state.applied + state.failed
+                  },
+                  host.explainFailure
+                ),
+                raw: state.message
+              }
+            ) : /* @__PURE__ */ jsx4("span", { className: "min-w-0", children: state.message ?? `Applied ${state.applied}` })
           ] }),
           state.copies > 1 ? /* @__PURE__ */ jsx4(
             "span",
@@ -507,10 +544,64 @@ function ApplyDirectiveButton({
         ]
       }
     ),
-    state.status === "error" ? /* @__PURE__ */ jsxs2("span", { className: "inline-flex max-w-sm items-start gap-1 text-xs text-destructive", children: [
-      /* @__PURE__ */ jsx4(AlertIcon, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }),
-      /* @__PURE__ */ jsx4("span", { children: state.message })
-    ] }) : null
+    state.status === "error" ? /* @__PURE__ */ jsxs2(
+      "span",
+      {
+        className: "inline-flex max-w-sm items-start gap-1 text-xs text-destructive",
+        "data-apply-state": "error",
+        children: [
+          /* @__PURE__ */ jsx4(AlertIcon, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }),
+          /* @__PURE__ */ jsx4(
+            FailureNotice,
+            {
+              words: failureWords(
+                {
+                  raw: state.message,
+                  directiveClass: directive.directiveClass,
+                  noun: directive.noun,
+                  nounLabel: nounText
+                },
+                host.explainFailure
+              ),
+              raw: state.message
+            }
+          )
+        ]
+      }
+    ) : null
+  ] });
+}
+function FailureNotice({
+  words,
+  raw
+}) {
+  const [open, setOpen] = useState(false);
+  const detail = raw?.trim() ?? "";
+  return /* @__PURE__ */ jsxs2("span", { className: "flex min-w-0 flex-col gap-0.5", "data-apply-failure": true, children: [
+    /* @__PURE__ */ jsxs2("span", { className: "min-w-0", children: [
+      words.what,
+      " ",
+      words.next,
+      detail ? /* @__PURE__ */ jsx4(
+        "button",
+        {
+          type: "button",
+          onClick: () => setOpen((v) => !v),
+          "aria-expanded": open,
+          className: "ml-1 underline underline-offset-2 hover:no-underline",
+          "data-apply-failure-details-toggle": true,
+          children: open ? "Hide details" : "Details"
+        }
+      ) : null
+    ] }),
+    open && detail ? /* @__PURE__ */ jsx4(
+      "span",
+      {
+        className: "block max-w-sm select-text break-words font-mono text-[11px] text-muted-foreground",
+        "data-apply-failure-details": true,
+        children: detail
+      }
+    ) : null
   ] });
 }