@ai-matrx/content-ir-react 0.14.0 → 0.15.1

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import { C as ComponentResolutionSource, a as ComponentResolution, b as ContentIrErrorReporter } from './component-resolution.types-DLO2w-0n.cjs';
 export { c as ComponentRole, d as ContentIrErrorReport, J as JsonObject, K as KindComponentRow, S as SystemComponentEntry, e as consoleErrorReporter } from './component-resolution.types-DLO2w-0n.cjs';
-import { C as ContentIrHost, K as KindRouteEnv, a as KindDefinitionSource } from './route-Bf-kciHw.cjs';
-export { b as ContentIrRenderSeams, D as DB_KIND_COMPONENT_KEY, c as DIRECTIVE_BLOCK_TYPE, d as DirectiveApplyResult, e as DirectiveApplyState, f as DirectiveAskRequest, g as DirectiveCopyProps, h as DirectiveHost, i as DirectiveHostProvider, j as DirectiveHostProviderProps, k as DirectiveOpenItemOptions, l as DirectiveRecordProps, m as DirectiveRecordRef, G as GENERIC_STRUCTURED_COMPONENT_KEY, n as GenericFallbackReason, I as IR_PROVISIONAL_KEY, o as IR_ROUTE_KEY, p as IrRenderBlock, q as IrRoutableBlock, r as IrRouteMarker, s as KindRouteBinding, t as KindRouteOptions, P as PartialRenderOptions, u as ProvisionalKindRender, S as StructuredValueRenderProps, v as SupersededKindRender, w as applyIrKindRoute, x as createKindRouteBinding, y as envelopeFromPartialKind, z as isPartialReadyKind, A as isProvisionalBlock, B as kindServerDataFromStoredValue, E as markKindPartialUnsafe, F as readIrRouteMarker, H as resetPartialUnsafeKinds, J as resetSourcelessDbRowReports, L as resolveAnnouncedKindLoading, M as resolveProvisionalKindRender, N as resolveSupersededKindRender, O as routeEnvOf, Q as useDirectiveHost } from './route-Bf-kciHw.cjs';
+import { C as ContentIrHost, K as KindRouteEnv, a as KindDefinitionSource } from './route-BCtPhF7W.cjs';
+export { b as ContentIrRenderSeams, D as DB_KIND_COMPONENT_KEY, c as DIRECTIVE_BLOCK_TYPE, d as DirectiveApplyResult, e as DirectiveApplyState, f as DirectiveAskRequest, g as DirectiveCopyProps, h as DirectiveHost, i as DirectiveHostProvider, j as DirectiveHostProviderProps, k as DirectiveOpenItemOptions, l as DirectiveRecordProps, m as DirectiveRecordRef, n as DirectiveScope, o as DirectiveScopeProvider, p as DirectiveShell, G as GENERIC_STRUCTURED_COMPONENT_KEY, q as GenericFallbackReason, I as IR_PROVISIONAL_KEY, r as IR_ROUTE_KEY, s as IrRenderBlock, t as IrRoutableBlock, u as IrRouteMarker, v as KindRouteBinding, w as KindRouteOptions, P as PartialRenderOptions, x as ProvisionalKindRender, S as StructuredValueRenderProps, y as SupersededKindRender, z as applyIrKindRoute, A as createKindRouteBinding, B as envelopeFromPartialKind, E as isPartialReadyKind, F as isProvisionalBlock, H as kindServerDataFromStoredValue, J as markKindPartialUnsafe, L as readIrRouteMarker, M as resetPartialUnsafeKinds, N as resetSourcelessDbRowReports, O as resolveAnnouncedKindLoading, Q as resolveProvisionalKindRender, R as resolveSupersededKindRender, T as routeEnvOf, U as useDirectiveHost, V as useDirectiveScope } from './route-BCtPhF7W.cjs';
 import * as react from 'react';
 import react__default, { ReactNode, ComponentType } from 'react';
 export { ComponentResolver, ComponentResolverOptions } from './resolver.cjs';
@@ -292,8 +292,15 @@ interface DirectiveRenderProps {
      * OFF rather than "writing…" forever. Omitted = it may still be arriving.
      */
     streaming?: boolean;
+    /**
+     * The conversation this directive renders in (a chat message). Applies and
+     * ledger reads key on it — the same namespace an agent proposal's Approve
+     * uses — so one action can never apply twice through two doors. Omit in a
+     * person's own content. Overrides any enclosing `DirectiveScopeProvider`.
+     */
+    conversationId?: string | null;
 }
-declare function DirectiveRender({ content, className, streaming }: DirectiveRenderProps): react.JSX.Element;
+declare function DirectiveRender({ conversationId, ...props }: DirectiveRenderProps): react.JSX.Element;
 
 /**
  * WHAT A DIRECTIVE ITEM WILL DO TO AN EXISTING RECORD — for the card, the

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { C as ComponentResolutionSource, a as ComponentResolution, b as ContentIrErrorReporter } from './component-resolution.types-DLO2w-0n.js';
 export { c as ComponentRole, d as ContentIrErrorReport, J as JsonObject, K as KindComponentRow, S as SystemComponentEntry, e as consoleErrorReporter } from './component-resolution.types-DLO2w-0n.js';
-import { C as ContentIrHost, K as KindRouteEnv, a as KindDefinitionSource } from './route-ymqupVjr.js';
-export { b as ContentIrRenderSeams, D as DB_KIND_COMPONENT_KEY, c as DIRECTIVE_BLOCK_TYPE, d as DirectiveApplyResult, e as DirectiveApplyState, f as DirectiveAskRequest, g as DirectiveCopyProps, h as DirectiveHost, i as DirectiveHostProvider, j as DirectiveHostProviderProps, k as DirectiveOpenItemOptions, l as DirectiveRecordProps, m as DirectiveRecordRef, G as GENERIC_STRUCTURED_COMPONENT_KEY, n as GenericFallbackReason, I as IR_PROVISIONAL_KEY, o as IR_ROUTE_KEY, p as IrRenderBlock, q as IrRoutableBlock, r as IrRouteMarker, s as KindRouteBinding, t as KindRouteOptions, P as PartialRenderOptions, u as ProvisionalKindRender, S as StructuredValueRenderProps, v as SupersededKindRender, w as applyIrKindRoute, x as createKindRouteBinding, y as envelopeFromPartialKind, z as isPartialReadyKind, A as isProvisionalBlock, B as kindServerDataFromStoredValue, E as markKindPartialUnsafe, F as readIrRouteMarker, H as resetPartialUnsafeKinds, J as resetSourcelessDbRowReports, L as resolveAnnouncedKindLoading, M as resolveProvisionalKindRender, N as resolveSupersededKindRender, O as routeEnvOf, Q as useDirectiveHost } from './route-ymqupVjr.js';
+import { C as ContentIrHost, K as KindRouteEnv, a as KindDefinitionSource } from './route-DDbgc-ID.js';
+export { b as ContentIrRenderSeams, D as DB_KIND_COMPONENT_KEY, c as DIRECTIVE_BLOCK_TYPE, d as DirectiveApplyResult, e as DirectiveApplyState, f as DirectiveAskRequest, g as DirectiveCopyProps, h as DirectiveHost, i as DirectiveHostProvider, j as DirectiveHostProviderProps, k as DirectiveOpenItemOptions, l as DirectiveRecordProps, m as DirectiveRecordRef, n as DirectiveScope, o as DirectiveScopeProvider, p as DirectiveShell, G as GENERIC_STRUCTURED_COMPONENT_KEY, q as GenericFallbackReason, I as IR_PROVISIONAL_KEY, r as IR_ROUTE_KEY, s as IrRenderBlock, t as IrRoutableBlock, u as IrRouteMarker, v as KindRouteBinding, w as KindRouteOptions, P as PartialRenderOptions, x as ProvisionalKindRender, S as StructuredValueRenderProps, y as SupersededKindRender, z as applyIrKindRoute, A as createKindRouteBinding, B as envelopeFromPartialKind, E as isPartialReadyKind, F as isProvisionalBlock, H as kindServerDataFromStoredValue, J as markKindPartialUnsafe, L as readIrRouteMarker, M as resetPartialUnsafeKinds, N as resetSourcelessDbRowReports, O as resolveAnnouncedKindLoading, Q as resolveProvisionalKindRender, R as resolveSupersededKindRender, T as routeEnvOf, U as useDirectiveHost, V as useDirectiveScope } from './route-DDbgc-ID.js';
 import * as react from 'react';
 import react__default, { ReactNode, ComponentType } from 'react';
 export { ComponentResolver, ComponentResolverOptions } from './resolver.js';
@@ -292,8 +292,15 @@ interface DirectiveRenderProps {
      * OFF rather than "writing…" forever. Omitted = it may still be arriving.
      */
     streaming?: boolean;
+    /**
+     * The conversation this directive renders in (a chat message). Applies and
+     * ledger reads key on it — the same namespace an agent proposal's Approve
+     * uses — so one action can never apply twice through two doors. Omit in a
+     * person's own content. Overrides any enclosing `DirectiveScopeProvider`.
+     */
+    conversationId?: string | null;
 }
-declare function DirectiveRender({ content, className, streaming }: DirectiveRenderProps): react.JSX.Element;
+declare function DirectiveRender({ conversationId, ...props }: DirectiveRenderProps): react.JSX.Element;
 
 /**
  * WHAT A DIRECTIVE ITEM WILL DO TO AN EXISTING RECORD — for the card, the

package/dist/index.js

@@ -20,6 +20,16 @@ import { createContext as createContext2, useContext as useContext2, useMemo } f
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 var DirectiveHostContext = createContext(null);
+var DirectiveScopeContext = createContext({});
+function DirectiveScopeProvider({
+  conversationId,
+  children
+}) {
+  return /* @__PURE__ */ jsx(DirectiveScopeContext.Provider, { value: { conversationId: conversationId ?? null }, children });
+}
+function useDirectiveScope() {
+  return useContext(DirectiveScopeContext);
+}
 function DirectiveHostProvider({ host, children }) {
   return /* @__PURE__ */ jsx(DirectiveHostContext.Provider, { value: host, children });
 }
@@ -867,6 +877,10 @@ var MaximizeIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
   /* @__PURE__ */ jsx3("line", { x1: "3", x2: "10", y1: "21", y2: "14" })
 ] });
 var LoaderIcon = (p) => /* @__PURE__ */ jsx3(Svg, { ...p, children: /* @__PURE__ */ jsx3("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) });
+var RotateCcwIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
+  /* @__PURE__ */ jsx3("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+  /* @__PURE__ */ jsx3("path", { d: "M3 3v5h5" })
+] });
 var CheckCircleIcon = (p) => /* @__PURE__ */ jsxs(Svg, { ...p, children: [
   /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "12", r: "10" }),
   /* @__PURE__ */ jsx3("path", { d: "m9 12 2 2 4-4" })
@@ -902,6 +916,8 @@ function ApplyDirectiveButton({
   onApplied
 }) {
   const host = useDirectiveHost();
+  const scope = useDirectiveScope();
+  const conversationId = scope.conversationId || void 0;
   const items = directive.items;
   const readsLedger = !!host.applyState && !!host.confirm && directive.parsed.executes && items.length > 0;
   const [state, setState] = useState(
@@ -910,17 +926,19 @@ function ApplyDirectiveButton({
   const [elapsed, setElapsed] = useState(0);
   const startedAt = useRef(null);
   const nounText = nounLabel(directive.noun, host.nouns);
-  const shellKey = readsLedger ? JSON.stringify([directive.slug, items]) : "";
+  const shellKey = readsLedger ? JSON.stringify([directive.slug, items, conversationId ?? null]) : "";
   const read = host.applyState;
   const report = host.reportError;
   useEffect(() => {
     if (!shellKey || !read) return;
-    const [slug, shellItems] = JSON.parse(shellKey);
+    const [slug, shellItems, inConversation] = JSON.parse(shellKey);
+    const shell = { __kind: slug, items: shellItems };
+    if (inConversation) shell.conversationId = inConversation;
     let live = true;
     let polls = 0;
     let timer = null;
     const ask = () => {
-      read({ __kind: slug, items: shellItems }).then((answer) => {
+      read(shell).then((answer) => {
         if (!live) return;
         if (answer.state === "applied") {
           setState(
@@ -966,8 +984,9 @@ function ApplyDirectiveButton({
   if (!directive.parsed.executes) return null;
   const confirm = host.confirm;
   if (!confirm) return null;
-  async function handleApply() {
+  async function handleApply(again = false) {
     if (!confirm) return;
+    const before = state;
     if (host.ask) {
       setState({ status: "asking" });
       let ok = false;
@@ -975,7 +994,8 @@ function ApplyDirectiveButton({
         ok = await host.ask({
           directive,
           items,
-          nounLabel: nounText
+          nounLabel: nounText,
+          ...again ? { again: true } : {}
         });
       } catch (error) {
         setState({
@@ -985,14 +1005,17 @@ function ApplyDirectiveButton({
         return;
       }
       if (!ok) {
-        setState({ status: "idle" });
+        setState(again ? before : { status: "idle" });
         return;
       }
     }
     setElapsed(0);
     setState({ status: "applying" });
     try {
-      const result = await confirm({ __kind: directive.slug, items });
+      const shell = { __kind: directive.slug, items };
+      if (conversationId) shell.conversationId = conversationId;
+      if (again) shell.force = true;
+      const result = await confirm(shell);
       setState({
         status: "applied",
         applied: result.applied,
@@ -1016,20 +1039,35 @@ function ApplyDirectiveButton({
     return /* @__PURE__ */ jsxs2(
       "span",
       {
-        className: `inline-flex min-w-0 flex-wrap items-center gap-1 text-xs ${bad ? "text-destructive" : "text-primary"}`,
+        className: `flex min-w-0 flex-wrap items-center gap-x-2 gap-y-0.5 text-xs ${bad ? "text-destructive" : "text-primary"}`,
         "data-apply-state": "applied",
         children: [
-          bad ? /* @__PURE__ */ jsx4(AlertIcon, { className: "h-3.5 w-3.5 shrink-0" }) : /* @__PURE__ */ jsx4(CheckCircleIcon, { className: "h-3.5 w-3.5 shrink-0" }),
-          /* @__PURE__ */ jsxs2("span", { children: [
-            state.message ?? `Applied ${state.applied}`,
-            bad && !state.message ? ` \xB7 ${state.failed} failed` : ""
+          /* @__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` : ""
+            ] })
           ] }),
           records.map((record) => /* @__PURE__ */ jsx4("span", { className: "inline-flex min-w-0 items-center", children: host.renderRecord?.({
             ...record,
             fallback: recordFallbackName(label2, record.id),
             context: "applied",
             trashed
-          }) }, `${record.noun}:${record.id}`))
+          }) }, `${record.noun}:${record.id}`)),
+          /* @__PURE__ */ jsxs2(
+            "button",
+            {
+              type: "button",
+              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",
+              "data-apply-action": bad ? "retry" : "run-again",
+              children: [
+                /* @__PURE__ */ jsx4(RotateCcwIcon, { className: "h-3 w-3" }),
+                bad ? "Retry" : "Run again"
+              ]
+            }
+          )
         ]
       }
     );
@@ -1321,7 +1359,11 @@ function isWholeJson(content) {
     return false;
   }
 }
-function DirectiveRender({ content, className, streaming }) {
+function DirectiveRender({ conversationId, ...props }) {
+  if (conversationId === void 0) return /* @__PURE__ */ jsx8(DirectiveRenderInner, { ...props });
+  return /* @__PURE__ */ jsx8(DirectiveScopeProvider, { conversationId, children: /* @__PURE__ */ jsx8(DirectiveRenderInner, { ...props }) });
+}
+function DirectiveRenderInner({ content, className, streaming }) {
   const host = useDirectiveHost();
   const directive = tryDecodeDirectiveContent(content, (message) => {
     const line = `[kind-directives] ${message}`;
@@ -1785,6 +1827,7 @@ export {
   DirectiveHostProvider,
   DirectiveProvisionalCard,
   DirectiveRender,
+  DirectiveScopeProvider,
   GENERIC_STRUCTURED_COMPONENT_KEY,
   GenericStructuredView,
   IR_PROVISIONAL_KEY,
@@ -1827,6 +1870,7 @@ export {
   useContentIrHostOrNull,
   useContentIrKindVersion,
   useDirectiveHost,
+  useDirectiveScope,
   useKindRouteEnv
 };
 //# sourceMappingURL=index.js.map