@ai-matrx/content-ir-react 0.20.0 → 0.20.2

package/dist/react.d.cts

@@ -1,9 +1,9 @@
-import { c as KindDefinitionSource, C as ContentIrHost } from './host-types-Cn2lf8q3.cjs';
-import { d as ComponentResolutionSource } from './component-resolution.types-DwKSF64x.cjs';
+import { c as KindDefinitionSource, C as ContentIrHost } from './host-types-mMFt5-hQ.cjs';
+import { d as ComponentResolutionSource } from './component-resolution.types-BQa2ik3i.cjs';
 import * as react from 'react';
 import react__default, { ReactNode } from 'react';
 import '@ai-matrx/content-ir';
-import './directive-host-B1hcjJxS.cjs';
+import './directive-host-CtFMuSZc.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/architecture/content-ir/STREAMING_PARTIAL_KINDS.md`).
+ * `common-docs/systems/architecture/content-ir/FEATURE.md`).
  *
  * TWO JOBS
  * --------

package/dist/react.d.ts

@@ -1,9 +1,9 @@
-import { c as KindDefinitionSource, C as ContentIrHost } from './host-types-BOWu99zI.js';
-import { d as ComponentResolutionSource } from './component-resolution.types-DwKSF64x.js';
+import { c as KindDefinitionSource, C as ContentIrHost } from './host-types-CGcK8Nib.js';
+import { d as ComponentResolutionSource } from './component-resolution.types-BQa2ik3i.js';
 import * as react from 'react';
 import react__default, { ReactNode } from 'react';
 import '@ai-matrx/content-ir';
-import './directive-host-B1hcjJxS.js';
+import './directive-host-CtFMuSZc.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/architecture/content-ir/STREAMING_PARTIAL_KINDS.md`).
+ * `common-docs/systems/architecture/content-ir/FEATURE.md`).
  *
  * TWO JOBS
  * --------

package/dist/react.js

@@ -627,7 +627,7 @@ function ApplyDirectiveButton({
               type: "button",
               disabled: askingAgain,
               onClick: () => void handleApply(!bad),
-              className: "inline-flex items-center gap-1 rounded px-1 py-0.5 text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:opacity-50",
+              className: "inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded px-1 py-0.5 text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:opacity-50",
               "data-apply-action": bad ? "retry" : "run-again",
               children: [
                 /* @__PURE__ */ jsx4(RotateCcwIcon, { className: "h-3 w-3" }),
@@ -667,8 +667,8 @@ function ApplyDirectiveButton({
   }
   const destructive = directive.directiveClass === "delete";
   const muted = nothingToChange && view.status === "idle";
-  return /* @__PURE__ */ jsxs2("span", { className: "inline-flex items-center gap-2", children: [
-    muted ? /* @__PURE__ */ jsx4("span", { className: "text-xs text-muted-foreground", "data-apply-nothing": "", children: "Nothing to change" }) : null,
+  return /* @__PURE__ */ jsxs2("span", { className: "flex min-w-0 flex-wrap items-center justify-end gap-x-2 gap-y-1", children: [
+    muted ? /* @__PURE__ */ jsx4("span", { className: "min-w-0 text-xs text-muted-foreground", "data-apply-nothing": "", children: "Nothing to change" }) : null,
     /* @__PURE__ */ jsxs2(
       "button",
       {
@@ -677,7 +677,7 @@ function ApplyDirectiveButton({
         disabled: view.status === "applying" || view.status === "asking" || items.length === 0,
         "data-apply-tone": muted ? "muted" : destructive ? "destructive" : "default",
         title: muted ? "It sets no fields, so applying it changes nothing." : void 0,
-        className: `inline-flex items-center gap-1 rounded-md border px-2 py-1 text-xs font-medium disabled:opacity-50 ${muted ? "border-border/60 bg-background text-muted-foreground hover:bg-accent" : destructive ? "border-destructive/50 bg-background text-destructive hover:bg-destructive/10" : "border-border bg-background hover:bg-accent"}`,
+        className: `inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-md border px-2 py-1 text-xs font-medium disabled:opacity-50 ${muted ? "border-border/60 bg-background text-muted-foreground hover:bg-accent" : destructive ? "border-destructive/50 bg-background text-destructive hover:bg-destructive/10" : "border-border bg-background hover:bg-accent"}`,
         children: [
           view.status === "applying" ? /* @__PURE__ */ jsx4(LoaderIcon, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx4(PlayIcon, { className: "h-3.5 w-3.5" }),
           view.status === "applying" ? `Applying${itemCount ? ` ${itemCount} ${itemCount === 1 ? "item" : "items"}` : ""}\u2026${elapsed ? ` ${elapsed}s` : ""}` : label
@@ -728,7 +728,7 @@ function FailureNotice({
           type: "button",
           onClick: () => setOpen((v) => !v),
           "aria-expanded": open,
-          className: "ml-1 underline underline-offset-2 hover:no-underline",
+          className: "ml-1 whitespace-nowrap underline underline-offset-2 hover:no-underline",
           "data-apply-failure-details-toggle": true,
           children: open ? "Hide details" : "Details"
         }
@@ -970,7 +970,12 @@ function TargetRow({
   return /* @__PURE__ */ jsxs5("div", { className: "py-1 text-xs", "data-directive-target": recordId, children: [
     /* @__PURE__ */ jsxs5("div", { className: "flex min-w-0 items-center gap-2", children: [
       /* @__PURE__ */ jsx7("span", { className: "flex min-w-0 flex-1 items-center gap-1 px-1", children: name }),
-      host.renderCopy?.({ label: fallback, value: item, size: "xs" })
+      host.renderCopy?.({
+        label: `this ${nounLabel2(directive.noun, host.nouns).toLowerCase()}`,
+        value: item,
+        size: "xs",
+        record: { noun: directive.noun, id: recordId }
+      })
     ] }),
     isUpdate ? /* @__PURE__ */ jsx7(DirectiveChangeList, { changes, className: "mt-0.5 px-1" }) : null
   ] });
@@ -998,7 +1003,7 @@ function SideEffectDirectiveCard({ directive }) {
         " ",
         total === 1 ? "item" : "items"
       ] }),
-      /* @__PURE__ */ jsxs5("div", { className: "ml-auto flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "ml-auto flex min-w-0 flex-wrap items-center justify-end gap-1", children: [
         host.renderCopy?.({ label: display.title, value: directive.shell, size: "icon" }),
         /* @__PURE__ */ jsx7(
           ApplyDirectiveButton,
@@ -1020,7 +1025,7 @@ function SideEffectDirectiveCard({ directive }) {
       {
         type: "button",
         onClick: () => setExpanded((v) => !v),
-        className: "mt-0.5 inline-flex items-center gap-1 rounded px-1 py-0.5 text-[11px] text-muted-foreground hover:text-foreground",
+        className: "mt-0.5 inline-flex items-center gap-1 whitespace-nowrap rounded px-1 py-0.5 text-[11px] text-muted-foreground hover:text-foreground",
         children: [
           expanded ? /* @__PURE__ */ jsx7(ChevronDownIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx7(ChevronRightIcon, { className: "h-3 w-3" }),
           expanded ? "Show less" : `Show ${hidden} more`