@ai-matrx/content-ir-react 0.7.1 → 0.8.0

package/dist/index.cjs

@@ -1,12 +1,73 @@
-'use strict';
-
-var React = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-var contentIr = require('@ai-matrx/content-ir');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var React__default = /*#__PURE__*/_interopDefault(React);
+// index.ts
+var index_exports = {};
+__export(index_exports, {
+  ComponentResolver: () => ComponentResolver,
+  ContentIrRenderProvider: () => ContentIrRenderProvider,
+  DB_KIND_COMPONENT_KEY: () => DB_KIND_COMPONENT_KEY,
+  DbKindComponentErrorBoundary: () => DbKindComponentErrorBoundary,
+  DelegatedOutput: () => DelegatedOutput,
+  GENERIC_STRUCTURED_COMPONENT_KEY: () => GENERIC_STRUCTURED_COMPONENT_KEY,
+  GenericStructuredView: () => GenericStructuredView,
+  IR_PROVISIONAL_KEY: () => IR_PROVISIONAL_KEY,
+  IR_ROUTE_KEY: () => IR_ROUTE_KEY,
+  KindInstanceRender: () => KindInstanceRender,
+  NodeOutcomeView: () => NodeOutcomeView,
+  ProvisionalKindBoundary: () => ProvisionalKindBoundary,
+  ProvisionalKindFrame: () => ProvisionalKindFrame,
+  RunResultView: () => RunResultView,
+  applyIrKindRoute: () => applyIrKindRoute,
+  consoleErrorReporter: () => consoleErrorReporter,
+  createDbKindComponentCache: () => createDbKindComponentCache,
+  createKindRouteBinding: () => createKindRouteBinding,
+  envelopeFromPartialKind: () => envelopeFromPartialKind,
+  isDbKindComponentBodyPending: () => isDbKindComponentBodyPending,
+  isPartialReadyKind: () => isPartialReadyKind,
+  isProvisionalBlock: () => isProvisionalBlock,
+  isRecordValue: () => isRecordValue,
+  kindIsRoutable: () => kindIsRoutable,
+  kindServerDataFromStoredValue: () => kindServerDataFromStoredValue,
+  markKindPartialUnsafe: () => markKindPartialUnsafe,
+  readIrRouteMarker: () => readIrRouteMarker,
+  resetPartialUnsafeKinds: () => resetPartialUnsafeKinds,
+  resetSourcelessDbRowReports: () => resetSourcelessDbRowReports,
+  resolveAnnouncedKindLoading: () => resolveAnnouncedKindLoading,
+  resolveProvisionalKindRender: () => resolveProvisionalKindRender,
+  routeEnvOf: () => routeEnvOf,
+  useContentIrHost: () => useContentIrHost,
+  useContentIrHostOrNull: () => useContentIrHostOrNull,
+  useContentIrKindVersion: () => useContentIrKindVersion,
+  useKindRouteEnv: () => useKindRouteEnv
+});
+module.exports = __toCommonJS(index_exports);
 
 // host/error-report.ts
 var consoleErrorReporter = (report) => {
@@ -22,15 +83,19 @@ function routeEnvOf(host) {
     platform: host.platform
   };
 }
-var ContentIrHostContext = React.createContext(null);
+
+// host/ContentIrProvider.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ContentIrHostContext = (0, import_react.createContext)(null);
 function ContentIrRenderProvider({
   host,
   children
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(ContentIrHostContext.Provider, { value: host, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContentIrHostContext.Provider, { value: host, children });
 }
 function useContentIrHostOrNull() {
-  return React.useContext(ContentIrHostContext);
+  return (0, import_react.useContext)(ContentIrHostContext);
 }
 function useContentIrHost() {
   const host = useContentIrHostOrNull();
@@ -43,7 +108,7 @@ function useContentIrHost() {
 }
 function useKindRouteEnv() {
   const host = useContentIrHost();
-  return React.useMemo(() => routeEnvOf(host), [host]);
+  return (0, import_react.useMemo)(() => routeEnvOf(host), [host]);
 }
 
 // resolver/component-resolver.ts
@@ -341,13 +406,19 @@ var ComponentResolver = class {
     return this.warmPromise;
   }
 };
+
+// route/kind-route.ts
+var import_content_ir = require("@ai-matrx/content-ir");
 var IR_ROUTE_KEY = "__ir_route";
 var GENERIC_STRUCTURED_COMPONENT_KEY = "generic_structured";
 var DB_KIND_COMPONENT_KEY = "db_kind_component";
 function isDbSourceResolution(resolution) {
   return resolution !== null && resolution.resolvedBy === "db" && resolution.source === "db" && resolution.isActive;
 }
-var reportedSourcelessDbRows = /* @__PURE__ */ new Set();
+var SOURCELESS_DB_ROW_SLOT = /* @__PURE__ */ Symbol.for(
+  "ai-matrx.content-ir-react.sourceless-db-row-reports"
+);
+var reportedSourcelessDbRows = globalThis[SOURCELESS_DB_ROW_SLOT] ??= /* @__PURE__ */ new Set();
 function reportDbRowWithoutSource(kind, env) {
   const message = `[content-ir] kind_component for "${kind}" declares source='db' + is_active but has NO component_source \u2014 data defect; falling through to bundled rendering.`;
   if (!reportedSourcelessDbRows.has(kind)) {
@@ -413,7 +484,7 @@ function routeToGeneric(block, reason) {
 }
 function applyIrKindRoute(block, env, options) {
   if (options?.ownedTypes?.includes(block.type)) return block;
-  const envelope = contentIr.readEnvelope(block.metadata);
+  const envelope = (0, import_content_ir.readEnvelope)(block.metadata);
   if (!envelope) return block;
   const kind = envelope.root.kind;
   if (!kind) return block;
@@ -462,19 +533,22 @@ function applyIrKindRoute(block, env, options) {
 }
 function kindServerDataFromStoredValue(value, env) {
   if (!isRecord(value)) return null;
-  const kind = contentIr.readObjectKind(value);
+  const kind = (0, import_content_ir.readObjectKind)(value);
   if (!kind) return null;
   const def = env.kinds.getDefinition(kind);
   if (!def?.toLegacyServerData) return null;
-  return def.toLegacyServerData(contentIr.envelopeFromCompleteValue(value, kind)) ?? null;
+  return def.toLegacyServerData((0, import_content_ir.envelopeFromCompleteValue)(value, kind)) ?? null;
 }
+
+// route/partial-kind-route.ts
+var import_content_ir2 = require("@ai-matrx/content-ir");
 var IR_PROVISIONAL_KEY = "__ir_provisional";
 function isProvisionalBlock(metadata) {
   return metadata?.[IR_PROVISIONAL_KEY] === true;
 }
 function envelopeFromPartialKind(event) {
   return {
-    v: contentIr.IR_VERSION,
+    v: import_content_ir2.IR_VERSION,
     // The partial channel is only ever produced by the Python detector; the
     // envelope's `engine` union has no third member and inventing one would
     // break every existing reader.
@@ -483,7 +557,10 @@ function envelopeFromPartialKind(event) {
     root: event.root
   };
 }
-var partialUnsafeKinds = /* @__PURE__ */ new Set();
+var PARTIAL_UNSAFE_SLOT = /* @__PURE__ */ Symbol.for(
+  "ai-matrx.content-ir-react.partial-unsafe-kinds"
+);
+var partialUnsafeKinds = globalThis[PARTIAL_UNSAFE_SLOT] ??= /* @__PURE__ */ new Set();
 function markKindPartialUnsafe(kind) {
   partialUnsafeKinds.add(kind);
 }
@@ -496,23 +573,24 @@ function isPartialReadyKind(kind, env) {
 }
 function resolveAnnouncedKindLoading(block, options) {
   if (options?.streamActive === false) return null;
-  const event = contentIr.readPartialKindEvent(block.metadata);
-  if (!contentIr.isProvisionalKind(event)) return null;
+  const event = (0, import_content_ir2.readPartialKindEvent)(block.metadata);
+  if (!(0, import_content_ir2.isProvisionalKind)(event)) return null;
   const kind = event.root.kind;
   if (!kind) return null;
-  const verified = contentIr.readEnvelope(block.metadata);
+  const verified = (0, import_content_ir2.readEnvelope)(block.metadata);
   if (verified && verified.root.status === "complete") return null;
   return { kind, envelope: envelopeFromPartialKind(event) };
 }
 function resolveProvisionalKindRender(block, env, options) {
   if (options?.streamActive === false) return null;
-  const event = contentIr.readPartialKindEvent(block.metadata);
-  if (!contentIr.isProvisionalKind(event)) return null;
+  const event = (0, import_content_ir2.readPartialKindEvent)(block.metadata);
+  if (!(0, import_content_ir2.isProvisionalKind)(event)) return null;
   const kind = event.root.kind;
   if (!isPartialReadyKind(kind, env)) return null;
-  const verified = contentIr.readEnvelope(block.metadata);
+  const verified = (0, import_content_ir2.readEnvelope)(block.metadata);
   if (verified && verified.root.status === "complete") return null;
-  const { [contentIr.IR_PARTIAL_KEY]: _partial, ...rest } = block.metadata ?? {};
+  const { [import_content_ir2.IR_PARTIAL_KEY]: _partial, ...rest } = block.metadata ?? {};
+  void _partial;
   const envelope = envelopeFromPartialKind(event);
   const provisionalBlock = {
     ...block,
@@ -521,7 +599,7 @@ function resolveProvisionalKindRender(block, env, options) {
     serverData: void 0,
     metadata: {
       ...rest,
-      [contentIr.IR_ENVELOPE_KEY]: envelope,
+      [import_content_ir2.IR_ENVELOPE_KEY]: envelope,
       [IR_PROVISIONAL_KEY]: true
     }
   };
@@ -532,6 +610,23 @@ function resolveProvisionalKindRender(block, env, options) {
   }
   return { block: routed, kind, seq: event.seq, envelope };
 }
+
+// route/route-binding.ts
+function createKindRouteBinding(env, options) {
+  const ownedTypes = options?.ownedTypes;
+  return {
+    applyIrKindRoute: (block) => applyIrKindRoute(block, env, ownedTypes ? { ownedTypes } : void 0),
+    kindServerDataFromStoredValue: (value) => kindServerDataFromStoredValue(value, env),
+    isPartialReadyKind: (kind) => isPartialReadyKind(kind, env),
+    resolveProvisionalKindRender: (block, streamOptions) => resolveProvisionalKindRender(block, env, {
+      ...streamOptions,
+      ...ownedTypes ? { ownedTypes } : null
+    })
+  };
+}
+
+// react/use-kind-version.ts
+var import_react2 = require("react");
 var noopSubscribe = () => () => {
 };
 var zero = () => 0;
@@ -543,7 +638,7 @@ function useContentIrKindVersion(kind, sources) {
       "[content-ir-react] useContentIrKindVersion needs either a ContentIrRenderProvider above it or explicit `sources`."
     );
   }
-  const subscribe = React.useCallback(
+  const subscribe = (0, import_react2.useCallback)(
     (onStoreChange) => {
       if (!kind || !resolved) return noopSubscribe();
       const unsubKinds = resolved.kinds.subscribeKind(kind, onStoreChange);
@@ -558,7 +653,7 @@ function useContentIrKindVersion(kind, sources) {
     },
     [resolved, kind]
   );
-  const getSnapshot = React.useCallback(
+  const getSnapshot = (0, import_react2.useCallback)(
     () => kind && resolved ? (
       // Both counters are monotonic, so the sum is monotonic — a change in
       // either registry produces a new snapshot value for this kind.
@@ -566,8 +661,13 @@ function useContentIrKindVersion(kind, sources) {
     ) : 0,
     [resolved, kind]
   );
-  return React.useSyncExternalStore(subscribe, getSnapshot, zero);
+  return (0, import_react2.useSyncExternalStore)(subscribe, getSnapshot, zero);
 }
+
+// react/KindInstanceRender.tsx
+var import_react3 = require("react");
+var import_content_ir3 = require("@ai-matrx/content-ir");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function isRecordValue(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
@@ -586,10 +686,10 @@ function KindInstanceRender({
   className
 }) {
   const host = useContentIrHost();
-  const [routingStatus, setRoutingStatus] = React.useState(
+  const [routingStatus, setRoutingStatus] = (0, import_react3.useState)(
     () => kindIsRoutable(kind, host) ? "routable" : "checking"
   );
-  React.useEffect(() => {
+  (0, import_react3.useEffect)(() => {
     let cancelled = false;
     let warmed = false;
     const syncRoutingStatus = () => {
@@ -621,21 +721,25 @@ function KindInstanceRender({
     content: JSON.stringify(value, null, 2),
     language: "json",
     metadata: {
-      [contentIr.IR_ENVELOPE_KEY]: contentIr.envelopeFromCompleteValue(value, kind)
+      [import_content_ir3.IR_ENVELOPE_KEY]: (0, import_content_ir3.envelopeFromCompleteValue)(value, kind)
     }
   } : null;
   const frameClass = variant === "bare" ? void 0 : "rounded-md border border-border bg-card p-3";
   if (routingStatus === "unroutable" && unroutableFallback !== void 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: unroutableFallback });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: unroutableFallback });
   }
   const onTheFloor = block === null || routingStatus === "unroutable";
   const notice = "This shape has no custom component yet, so it renders through the universal viewer \u2014 exactly what production shows today.";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: className ? `space-y-3 ${className}` : "space-y-3", children: [
-    showRoutingNote && routingStatus === "unroutable" ? host.renderNotice?.(notice) ?? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-amber-500/30 bg-amber-500/5 px-3 py-2 text-xs text-amber-800 dark:text-amber-200", children: notice }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: frameClass, children: onTheFloor ? host.renderValue({ value, kind }) : host.renderBlock(block) })
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: className ? `space-y-3 ${className}` : "space-y-3", children: [
+    showRoutingNote && routingStatus === "unroutable" ? host.renderNotice?.(notice) ?? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "rounded-md border border-amber-500/30 bg-amber-500/5 px-3 py-2 text-xs text-amber-800 dark:text-amber-200", children: notice }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: frameClass, children: onTheFloor ? host.renderValue({ value, kind }) : host.renderBlock(block) })
   ] });
 }
-var ProvisionalKindBoundaryInner = class extends React__default.default.Component {
+
+// react/ProvisionalKindBoundary.tsx
+var import_react4 = __toESM(require("react"), 1);
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ProvisionalKindBoundaryInner = class extends import_react4.default.Component {
   state = { failed: false };
   static getDerivedStateFromError() {
     return { failed: true };
@@ -659,20 +763,25 @@ var ProvisionalKindBoundaryInner = class extends React__default.default.Componen
 };
 function ProvisionalKindBoundary(props) {
   const host = useContentIrHost();
-  return /* @__PURE__ */ jsxRuntime.jsx(ProvisionalKindBoundaryInner, { ...props, reportError: host.reportError });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ProvisionalKindBoundaryInner, { ...props, reportError: host.reportError });
 }
 function ProvisionalKindFrame({ children }) {
   const host = useContentIrHost();
   const label = "Still arriving";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", "aria-busy": "true", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "relative", "aria-busy": "true", children: [
     children,
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute -top-2 right-4 z-10 select-none rounded-full bg-background px-1.5 leading-4", children: host.renderShimmer?.(label) ?? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground", children: label }) })
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "pointer-events-none absolute -top-2 right-4 z-10 select-none rounded-full bg-background px-1.5 leading-4", children: host.renderShimmer?.(label) ?? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-[10px] text-muted-foreground", children: label }) })
   ] });
 }
+
+// react/GenericStructuredView.tsx
+var import_react5 = require("react");
+var import_content_ir4 = require("@ai-matrx/content-ir");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function readStructuredValue(content, metadata) {
-  const envelope = contentIr.readEnvelope(metadata);
+  const envelope = (0, import_content_ir4.readEnvelope)(metadata);
   if (envelope) {
-    return { value: contentIr.reconstructRegionValue(envelope), recovered: true };
+    return { value: (0, import_content_ir4.reconstructRegionValue)(envelope), recovered: true };
   }
   try {
     return { value: JSON.parse(content), recovered: true };
@@ -687,21 +796,25 @@ function GenericStructuredView({
   className
 }) {
   const host = useContentIrHost();
-  const envelope = contentIr.readEnvelope(metadata);
+  const envelope = (0, import_content_ir4.readEnvelope)(metadata);
   const status = envelope?.root.status ?? "complete";
   const { value, recovered } = readStructuredValue(content, metadata);
-  const kind = envelope?.root.kind ?? (typeof value === "object" && value !== null && !Array.isArray(value) ? contentIr.readObjectKind(value) : null) ?? "";
+  const kind = envelope?.root.kind ?? (typeof value === "object" && value !== null && !Array.isArray(value) ? (0, import_content_ir4.readObjectKind)(value) : null) ?? "";
   const marker = readIrRouteMarker(metadata);
   const note = marker?.reason === "inactive" ? "a custom view is registered but held inactive" : marker?.reason === "broken-instance" ? "this instance did not match the shape's schema" : marker?.reason === "unregistered" ? "this shape isn't registered on this platform" : "no custom view yet";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: className ? `my-2 min-w-0 ${className}` : "my-2 min-w-0", children: [
-    status === "streaming" ? streamingIndicator ?? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 text-xs text-muted-foreground", children: "Still arriving\u2026" }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: className ? `my-2 min-w-0 ${className}` : "my-2 min-w-0", children: [
+    status === "streaming" ? streamingIndicator ?? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mb-2 text-xs text-muted-foreground", children: "Still arriving\u2026" }) : null,
     recovered ? host.renderValue({ value, ...kind ? { kind } : {}, note }) : (
       // Zero-data-loss backstop: the region never parsed, so show the source
       // verbatim rather than swallowing it.
-      /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "max-h-96 overflow-auto font-mono text-xs leading-relaxed text-muted-foreground", children: content })
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("pre", { className: "max-h-96 overflow-auto font-mono text-xs leading-relaxed text-muted-foreground", children: content })
     )
   ] });
 }
+
+// react/RuntimeWrapperViews.tsx
+var import_content_ir5 = require("@ai-matrx/content-ir");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function isRecord2(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
@@ -717,16 +830,16 @@ function DelegatedOutput({
 }) {
   const host = useContentIrHost();
   if (output === null || output === void 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: emptyLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-xs text-muted-foreground", children: emptyLabel });
   }
   if (!isRecord2(output)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: host.renderValue({ value: output }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: host.renderValue({ value: output }) });
   }
-  const kind = contentIr.readObjectKind(output) ?? declaredKind;
+  const kind = (0, import_content_ir5.readObjectKind)(output) ?? declaredKind;
   if (!kind) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: fallback?.(output) ?? host.renderValue({ value: output }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: fallback?.(output) ?? host.renderValue({ value: output }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     KindInstanceRender,
     {
       kind,
@@ -740,10 +853,10 @@ function DelegatedOutput({
 function NodeOutcomeView({ serverData, fallback }) {
   const wrapper = readWrapperFrom(
     serverData,
-    contentIr.readNodeOutcomeValue
+    import_content_ir5.readNodeOutcomeValue
   );
   if (!wrapper) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     DelegatedOutput,
     {
       output: wrapper.output,
@@ -755,17 +868,17 @@ function NodeOutcomeView({ serverData, fallback }) {
 function RunResultView({ serverData, fallback }) {
   const wrapper = readWrapperFrom(
     serverData,
-    contentIr.readRunResultValue
+    import_content_ir5.readRunResultValue
   );
   if (!wrapper) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: wrapper.outputs.length > 0 ? wrapper.outputs.map((outcome) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "space-y-2", children: wrapper.outputs.length > 0 ? wrapper.outputs.map((outcome) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     NodeOutcomeView,
     {
       serverData: { wrapper: outcome },
       ...fallback === void 0 ? {} : { fallback }
     },
     `${outcome.node_id}:${outcome.attempt}`
-  )) : /* @__PURE__ */ jsxRuntime.jsx(
+  )) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     DelegatedOutput,
     {
       output: wrapper.output,
@@ -775,37 +888,190 @@ function RunResultView({ serverData, fallback }) {
   ) });
 }
 
-exports.ComponentResolver = ComponentResolver;
-exports.ContentIrRenderProvider = ContentIrRenderProvider;
-exports.DB_KIND_COMPONENT_KEY = DB_KIND_COMPONENT_KEY;
-exports.DelegatedOutput = DelegatedOutput;
-exports.GENERIC_STRUCTURED_COMPONENT_KEY = GENERIC_STRUCTURED_COMPONENT_KEY;
-exports.GenericStructuredView = GenericStructuredView;
-exports.IR_PROVISIONAL_KEY = IR_PROVISIONAL_KEY;
-exports.IR_ROUTE_KEY = IR_ROUTE_KEY;
-exports.KindInstanceRender = KindInstanceRender;
-exports.NodeOutcomeView = NodeOutcomeView;
-exports.ProvisionalKindBoundary = ProvisionalKindBoundary;
-exports.ProvisionalKindFrame = ProvisionalKindFrame;
-exports.RunResultView = RunResultView;
-exports.applyIrKindRoute = applyIrKindRoute;
-exports.consoleErrorReporter = consoleErrorReporter;
-exports.envelopeFromPartialKind = envelopeFromPartialKind;
-exports.isPartialReadyKind = isPartialReadyKind;
-exports.isProvisionalBlock = isProvisionalBlock;
-exports.isRecordValue = isRecordValue;
-exports.kindIsRoutable = kindIsRoutable;
-exports.kindServerDataFromStoredValue = kindServerDataFromStoredValue;
-exports.markKindPartialUnsafe = markKindPartialUnsafe;
-exports.readIrRouteMarker = readIrRouteMarker;
-exports.resetPartialUnsafeKinds = resetPartialUnsafeKinds;
-exports.resetSourcelessDbRowReports = resetSourcelessDbRowReports;
-exports.resolveAnnouncedKindLoading = resolveAnnouncedKindLoading;
-exports.resolveProvisionalKindRender = resolveProvisionalKindRender;
-exports.routeEnvOf = routeEnvOf;
-exports.useContentIrHost = useContentIrHost;
-exports.useContentIrHostOrNull = useContentIrHostOrNull;
-exports.useContentIrKindVersion = useContentIrKindVersion;
-exports.useKindRouteEnv = useKindRouteEnv;
-//# sourceMappingURL=index.cjs.map
+// db-component/db-kind-component-cache.ts
+function isDbKindComponentBodyPending(resolution) {
+  return resolution.hasComponentSource && resolution.componentSource === null;
+}
+function isPlainObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function createDbKindComponentCache(ports) {
+  const cache = /* @__PURE__ */ new Map();
+  const screamedKeys = /* @__PURE__ */ new Set();
+  const defaultPlatform = ports.platform ?? "web";
+  function cacheKey(kind, platform, role, updatedAt) {
+    return `${kind}${platform}${role}${updatedAt ?? ""}`;
+  }
+  function screamCompileFailure(key, kind, error, resolution, platform, role) {
+    const message = `[content-ir] DB kind component for "${kind}" failed to compile \u2014 rendering the generic structured viewer instead: ${error}`;
+    if (!screamedKeys.has(key)) {
+      screamedKeys.add(key);
+      console.error(message);
+    }
+    ports.reportError({ source: "content-ir", message, raw: { kind, error } });
+    ports.reportIncident?.({
+      kind,
+      errorType: "compile_error",
+      message,
+      platform,
+      role,
+      componentKey: resolution.componentKey,
+      componentUpdatedAt: resolution.updatedAt
+    });
+  }
+  function config(value, kind) {
+    if (isPlainObject(value)) return value;
+    if (value === null || value === void 0) return {};
+    const message = `[content-ir] kind_component.config for "${kind}" is not a JSON object (${typeof value}) \u2014 rendering with an empty config.`;
+    console.error(message);
+    ports.reportError({ source: "content-ir", message, raw: { kind } });
+    return {};
+  }
+  function resolveAllowedImports(rowConfig) {
+    const declared = rowConfig.allowed_imports;
+    if (Array.isArray(declared) && declared.every((entry) => typeof entry === "string")) {
+      return declared;
+    }
+    return ports.defaultAllowedImports();
+  }
+  function getOrCompile(kind, resolution, platform = defaultPlatform, role = "output") {
+    const key = cacheKey(kind, platform, role, resolution.updatedAt);
+    const cached = cache.get(key);
+    if (cached) return cached;
+    const source = resolution.componentSource;
+    if (!source || !source.trim()) {
+      const result2 = {
+        ok: false,
+        error: "db-source resolution has no component_source"
+      };
+      screamCompileFailure(key, kind, result2.error, resolution, platform, role);
+      cache.set(key, result2);
+      return result2;
+    }
+    const allowedImports = resolveAllowedImports(
+      config(resolution.config, kind)
+    );
+    const { Component: Component2, error } = ports.compile({ code: source, allowedImports });
+    if (!Component2 || error) {
+      const result2 = {
+        ok: false,
+        error: error ?? "compile produced no component"
+      };
+      screamCompileFailure(key, kind, result2.error, resolution, platform, role);
+      cache.set(key, result2);
+      return result2;
+    }
+    let transform = null;
+    if (resolution.propsTransform && resolution.propsTransform.trim()) {
+      const { Component: transformFn, error: transformError } = ports.compile({
+        code: resolution.propsTransform,
+        allowedImports: []
+      });
+      if (typeof transformFn === "function" && !transformError) {
+        transform = transformFn;
+      } else {
+        const message = `[content-ir] props_transform for kind "${kind}" failed to compile \u2014 value passes through untransformed: ${transformError ?? "no function produced"}`;
+        console.error(message);
+        ports.reportError({
+          source: "content-ir",
+          message,
+          raw: { kind, error: transformError }
+        });
+        ports.reportIncident?.({
+          kind,
+          errorType: "transform_error",
+          message,
+          platform,
+          role,
+          componentKey: resolution.componentKey,
+          componentUpdatedAt: resolution.updatedAt
+        });
+      }
+    }
+    const result = {
+      ok: true,
+      compiled: {
+        // The injected compiler types components as
+        // ComponentType<Record<string, unknown>>; the callsite always passes
+        // DbKindComponentRenderProps — the single deliberate narrowing where
+        // the generic compiler meets the kind contract.
+        Component: Component2,
+        transform
+      }
+    };
+    cache.set(key, result);
+    return result;
+  }
+  function applyPropsTransform(kind, compiled, value) {
+    if (!compiled.transform) return value;
+    try {
+      return compiled.transform(value);
+    } catch (error) {
+      const message = `[content-ir] props_transform for kind "${kind}" threw \u2014 using the untransformed value: ${error instanceof Error ? error.message : String(error)}`;
+      console.error(message);
+      ports.reportError({ source: "content-ir", message, raw: { kind } });
+      ports.reportIncident?.({
+        kind,
+        errorType: "transform_error",
+        message,
+        stack: error instanceof Error ? error.stack ?? null : null,
+        data: value
+      });
+      return value;
+    }
+  }
+  function invalidate(kind, platform = defaultPlatform, role = "output") {
+    const prefix = `${kind}${platform}${role}`;
+    for (const key of [...cache.keys()]) {
+      if (key.startsWith(prefix)) cache.delete(key);
+    }
+    for (const key of [...screamedKeys]) {
+      if (key.startsWith(prefix)) screamedKeys.delete(key);
+    }
+  }
+  function invalidateAll() {
+    cache.clear();
+    screamedKeys.clear();
+  }
+  const api = {
+    getOrCompile,
+    applyPropsTransform,
+    config,
+    invalidate,
+    invalidateAll
+  };
+  ports.registerInvalidation?.(() => invalidateAll());
+  return api;
+}
+
+// db-component/DbKindComponentErrorBoundary.tsx
+var React2 = __toESM(require("react"), 1);
+var DbKindComponentErrorBoundary = class extends React2.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false, signalAtLastRender: props.resetSignal };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+  static getDerivedStateFromProps(props, state) {
+    if (props.resetSignal === state.signalAtLastRender) return null;
+    return { hasError: false, signalAtLastRender: props.resetSignal };
+  }
+  componentDidCatch(error, errorInfo) {
+    const info = { componentStack: errorInfo.componentStack ?? null };
+    if (this.props.onCaught) {
+      this.props.onCaught(error, info);
+      return;
+    }
+    console.error(
+      `[content-ir] DB kind component for "${this.props.kind}" threw during render \u2014 showing the fallback:`,
+      error
+    );
+  }
+  render() {
+    if (this.state.hasError) return this.props.fallback;
+    return this.props.children;
+  }
+};
 //# sourceMappingURL=index.cjs.map