@ai-matrx/rich-content 0.2.20 → 0.2.25

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # Changelog
 
+## 0.2.25
+
+- The server level no longer calls a client reference: `RichContentServer`, the inline/prose element maps and `DetailsElements` import `cn` from `@ai-matrx/design-system/cn` (server-safe) instead of the design-system root, whose `"use client"` stamp made `cn()` throw "Attempted to call cn() from the server" in every Server Component render (it failed matrx-frontend's production build at "Collecting page data").
+- Guard: `pnpm check:server-boundary` (in `check:package`, with `--self-test`) walks everything the server roots reach without crossing a `"use client"` file and fails on any value imported from a client entry.
+
+**Consumer action:** none — update to latest; server pages using `RichContentServer` render again.
+
+## 0.2.24
+
+- Publishes the lazy-host loader (0.2.21 failed its packed-consumer check on a doc-comment `import()` in `host/registry.d.ts`; 0.2.22 and 0.2.23 carry the same). No API change.
+
+**Consumer action:** none (see 0.2.21 for `configureRichContentHostLoader`).
+
+## 0.2.23
+
+- A structured answer whose `"__kind"` is null (a strict-schema model filling the optional key) keeps its fields on the broken-structured floor. `settleBrokenKindRoute` set `value: {}`, so every such `expect: "json"` run drew "No result returned" over a complete answer.
+- The CSV block writes an edited table back through THE one writer, `@ai-matrx/kit/delimited` (AP-2), unguarded on purpose (a lossless round-trip of the author's block).
+
+**Consumer action:** none.
+
+## 0.2.22
+
+- A failed copy is no longer silent: the chart and SVG blocks show their specific failure toast from the kit copy's `false` branch (their `catch` could never run). Table copy builds the table inside the `try` and copies outside it, so a build error still reports and the copy reports through the hook.
+- Dead `catch` blocks around the never-throwing kit copy removed from the diff, JSON, structured-value, inline-code and table blocks.
+
+### Consumer action
+
+- None required.
+
+## 0.2.21
+
+- Lazy host: `configureRichContentHostLoader(() => import("./host"))` (from `@ai-matrx/rich-content/host`) lets an app keep its whole host setup out of the first-load bundle. The load starts at once; `RichContent`, `MarkdownCore`, `RichDocument` and `BasicMarkdownContent` suspend on it behind `RichContentHostGate`, showing the source as plain text in the space the content will fill. A loader that rejects is reported (`console.error`) and the engine runs on its announced bare defaults. `RichContentHostGate` and `richContentHostReady` are exported for an app's own entry points.
+
+### Consumer action
+
+- Optional. Keep `configureRichContent(...)` where it is, or move it into a module and register `configureRichContentHostLoader(() => import("./that-module"))` once at the app root.
+
 ## 0.2.20
 
 - Readable Markdown copy now uses Content IR's canonical fence opener and closer. Inline code made from four or more backticks remains prose, while closed, unclosed, and nested fenced-code bodies are copied without their outer fence.

package/dist/display/blocks/chart/ChartBlock.js

@@ -37,13 +37,12 @@ const ChartBlock = ({ content = "", isStreamActive = false, className }) => {
   const presentation = useCanvasPresentation();
   const paneLayout = chartPaneLayout(presentation, spec?.type ?? "");
   const handleCopy = async () => {
-    try {
-      if (!await copyText(source)) return;
-      setCopied(true);
-      setTimeout(() => setCopied(false), 1500);
-    } catch {
+    if (!await copyText(source)) {
       toast.error("Couldn't copy the chart source");
+      return;
     }
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1500);
   };
   return /* @__PURE__ */ jsxs("div", { className: cn("my-3 overflow-hidden rounded-lg border border-border bg-card", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-b border-border bg-muted/50 px-3 py-1.5", children: [

package/dist/display/blocks/csv/CsvBlock.js

@@ -1,6 +1,7 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useClipboard } from "@ai-matrx/kit/clipboard";
+import { toDelimited } from "@ai-matrx/kit/delimited";
 import { useState, useEffect } from "react";
 import { cn } from "@ai-matrx/design-system";
 import {
@@ -53,13 +54,7 @@ function parseCsv(content, delimiter) {
   return rows;
 }
 function rowsToDelimitedContent(rows, delimiter) {
-  return rows.map(
-    (row) => row.map((cell) => {
-      const needsQuote = cell.includes(delimiter) || cell.includes('"') || cell.includes("\n") || cell.includes("\r");
-      const escaped = cell.replace(/"/g, '""');
-      return needsQuote ? `"${escaped}"` : escaped;
-    }).join(delimiter)
-  ).join("\n");
+  return toDelimited(rows, { delimiter, spreadsheetSafe: false });
 }
 const CsvBlock = ({
   content,

package/dist/display/blocks/diff/DiffBlock.js

@@ -84,13 +84,9 @@ const DiffSpecBlock = ({ content = "", isStreamActive = false, className }) => {
     authoredExplicitly: spec?.splitExplicit ?? false
   });
   const handleCopy = async () => {
-    try {
-      if (!await copyText(content.trim())) return;
-      setCopied(true);
-      setTimeout(() => setCopied(false), 1500);
-    } catch {
-      toast.error("Couldn't copy");
-    }
+    if (!await copyText(content.trim())) return;
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1500);
   };
   return /* @__PURE__ */ jsxs("div", { className: cn("my-3 overflow-hidden rounded-lg border border-border bg-card", className), children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-b border-border bg-muted/50 px-3 py-1.5", children: [

package/dist/display/blocks/generic/StructuredValueTabs.js

@@ -46,12 +46,9 @@ function StructuredValueTabs({
   const hasSlot = useHasTileActionsSlot();
   const json = value !== void 0 && value !== null ? JSON.stringify(value, null, 2) : raw ?? "";
   const copy = async () => {
-    try {
-      if (!await copyText(json)) return;
-      setCopied(true);
-      setTimeout(() => setCopied(false), 1500);
-    } catch {
-    }
+    if (!await copyText(json)) return;
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1500);
   };
   const jsonActive = tab === "json";
   const errorsActive = tab === "errors";

package/dist/display/blocks/json/JsonBlock.js

@@ -488,14 +488,10 @@ const JsonViewHeader = ({
   const kebabRef = useRef(null);
   const [copied, setCopied] = useState(false);
   const handleCopy = async () => {
-    try {
-      if (!await copyText(content)) return;
-      setCopied(true);
-      toast.success("Copied JSON to clipboard");
-      setTimeout(() => setCopied(false), 1500);
-    } catch {
-      toast.error("Failed to copy");
-    }
+    if (!await copyText(content)) return;
+    setCopied(true);
+    toast.success("Copied JSON to clipboard");
+    setTimeout(() => setCopied(false), 1500);
   };
   const fullMenuItems = [
     {

package/dist/display/blocks/svg/SvgBlock.js

@@ -40,13 +40,12 @@ const SvgBlock = ({ content = "", isStreamActive = false, className }) => {
   const [copied, setCopied] = useState(false);
   const [fullscreen, setFullscreen] = useState(false);
   const handleCopy = async () => {
-    try {
-      if (!await copyText(svg)) return;
-      setCopied(true);
-      setTimeout(() => setCopied(false), 1500);
-    } catch {
+    if (!await copyText(svg)) {
       toast.error("Couldn't copy the SVG");
+      return;
     }
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1500);
   };
   const handleDownload = () => {
     try {

package/dist/display/blocks/table/StreamingTableRenderer.js

@@ -261,34 +261,26 @@ const StreamingTableRendererCore = ({
   const showStreamingIndicator = isStreamActive && metadata?.hasPartialContent;
   const generateMarkdownTable = () => rewriteTableSource(content, { headers, rows });
   const copyTableToClipboard = async () => {
+    let formattedTable;
     try {
-      const formattedTable = generateMarkdownTable();
-      await copyText(formattedTable, "Table copied to clipboard");
+      formattedTable = generateMarkdownTable();
     } catch (err) {
       toast.error(err instanceof Error ? err.message : "Failed to copy table");
+      return;
     }
+    await copyText(formattedTable, "Table copied to clipboard");
   };
   const copyJsonToClipboard = async () => {
-    try {
-      if (!await copyText(
-        JSON.stringify(tableData.normalizedData, null, 2)
-      )) return;
-      toast.success("JSON copied to clipboard");
-    } catch (err) {
-      toast.error(err instanceof Error ? err.message : "Failed to copy JSON");
-    }
+    if (!await copyText(
+      JSON.stringify(tableData.normalizedData, null, 2)
+    )) return;
+    toast.success("JSON copied to clipboard");
   };
   const copyMarkdownToClipboard = async () => {
-    try {
-      if (content) {
-        await copyText(content, "Markdown copied to clipboard");
-      } else {
-        copyTableToClipboard();
-      }
-    } catch (err) {
-      toast.error(
-        err instanceof Error ? err.message : "Failed to copy markdown"
-      );
+    if (content) {
+      await copyText(content, "Markdown copied to clipboard");
+    } else {
+      await copyTableToClipboard();
     }
   };
   const downloadCSV = () => {

package/dist/display/chat-markdown/BasicMarkdownContent.js

@@ -1,5 +1,6 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { RichContentHostGate } from "../../host/RichContentHostGate.js";
 import MarkdownCore from "../../markdown-core/MarkdownCore.js";
 import { useState, useMemo, useEffect } from "react";
 import {
@@ -25,6 +26,13 @@ import { withImagePolicy } from "../../levels/prose/remote-image-policy.js";
 import { KindTextGate } from "./KindTextGate.js";
 import { nonJsonKindsAsCode, spelledKindsAsOneLine } from "@ai-matrx/content-ir/surfaces";
 const BasicMarkdownContent = (props) => /* @__PURE__ */ jsx(
+  RichContentHostGate,
+  {
+    fallback: /* @__PURE__ */ jsx("div", { "data-rich-content-host-loading": true, style: { whiteSpace: "pre-wrap" }, children: props.content }),
+    children: /* @__PURE__ */ jsx(BasicMarkdownContentKindGated, { ...props })
+  }
+);
+const BasicMarkdownContentKindGated = (props) => /* @__PURE__ */ jsx(
   KindTextGate,
   {
     component: "BasicMarkdownContent",

package/dist/display/chat-markdown/InlineCodeSnippet.js

@@ -90,12 +90,9 @@ const InlineCodeSnippet = ({
   }
   const langColor = language ? LANGUAGE_COLORS[language] : void 0;
   const handleCopy = async () => {
-    try {
-      if (!await copyText(code)) return;
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    } catch {
-    }
+    if (!await copyText(code)) return;
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
   };
   return /* @__PURE__ */ jsxs(
     "div",

package/dist/display/chat-markdown/block-registry/BlockRenderer.js

@@ -143,7 +143,8 @@ function settleUnnamedKindRoute(block) {
   if (!isJsonFenceLanguage(block.language) || !hasKindKey(content, { json5: isJson5Language(block.language) })) {
     return block;
   }
-  if (isKindSlug(readEnvelope(block.metadata)?.root.kind)) return block;
+  const parsed = readEnvelope(block.metadata);
+  if (isKindSlug(parsed?.root.kind)) return block;
   const broken = {
     v: IR_VERSION,
     engine: "fe-kind-parser",
@@ -155,7 +156,11 @@ function settleUnnamedKindRoute(block) {
       discriminator: { format: "json", key: "__kind" },
       status: "error",
       path: [],
-      value: {},
+      // The fields still arrived: a structured answer whose `"__kind"` is
+      // null (a strict-schema model filling an optional key) is a complete
+      // answer and the floor draws it. An empty value here drew every such
+      // `expect: "json"` run as "No result returned" (Space Builder, 2026-10-07).
+      value: settledFields(parsed, content),
       residue: {
         extra: null,
         optionalMissing: null,
@@ -174,6 +179,18 @@ function settleUnnamedKindRoute(block) {
     metadata: { ...block.metadata ?? {}, [IR_ENVELOPE_KEY]: broken }
   };
 }
+function settledFields(envelope, content) {
+  if (envelope?.root.status === "complete") {
+    const value = reconstructRegionValue(envelope);
+    if (value && typeof value === "object" && !Array.isArray(value)) return value;
+  }
+  try {
+    const value = JSON.parse(content);
+    return value && typeof value === "object" && !Array.isArray(value) ? value : {};
+  } catch {
+    return {};
+  }
+}
 function unparsedKindPendingEnvelope(block) {
   if (!block.isStreamingBlock) return null;
   const text = block.content ?? "";

package/dist/display/tables/MarkdownTable.js

@@ -262,32 +262,26 @@ const MarkdownTable = ({
     return true;
   };
   const copyTableToClipboard = async () => {
+    let formattedTable;
     try {
-      const formattedTable = generateMarkdownTable();
-      await copyText(formattedTable, "Table copied to clipboard");
+      formattedTable = generateMarkdownTable();
     } catch (err) {
       toast.error(err instanceof Error ? err.message : "Failed to copy table");
+      return;
     }
+    await copyText(formattedTable, "Table copied to clipboard");
   };
   const copyJsonToClipboard = async () => {
-    try {
-      if (!await copyText(
-        JSON.stringify(internalTableData.normalizedData, null, 2)
-      )) return;
-      toast.success("JSON copied to clipboard");
-    } catch (err) {
-      toast.error(err instanceof Error ? err.message : "Failed to copy JSON");
-    }
+    if (!await copyText(
+      JSON.stringify(internalTableData.normalizedData, null, 2)
+    )) return;
+    toast.success("JSON copied to clipboard");
   };
   const copyMarkdownToClipboard = async () => {
-    try {
-      if (content) {
-        await copyText(content, "Markdown copied to clipboard");
-      } else {
-        copyTableToClipboard();
-      }
-    } catch (err) {
-      toast.error(err instanceof Error ? err.message : "Failed to copy markdown");
+    if (content) {
+      await copyText(content, "Markdown copied to clipboard");
+    } else {
+      await copyTableToClipboard();
     }
   };
   const downloadCSV = () => {

package/dist/display/tables/TableWithSeparatedControls.js

@@ -79,32 +79,26 @@ const TableControls = ({
     return true;
   }, [onContentChange, content, generateMarkdownTable, toast]);
   const copyTableToClipboard = useCallback(async () => {
+    let formattedTable;
     try {
-      const formattedTable = generateMarkdownTable();
-      await copyText(formattedTable, "Table copied to clipboard");
+      formattedTable = generateMarkdownTable();
     } catch (err) {
       toast.error(err instanceof Error ? err.message : "Failed to copy table");
+      return;
     }
+    await copyText(formattedTable, "Table copied to clipboard");
   }, [generateMarkdownTable, toast]);
   const copyJsonToClipboard = useCallback(async () => {
-    try {
-      if (!await copyText(
-        JSON.stringify(debouncedTableData.normalizedData, null, 2)
-      )) return;
-      toast.success("JSON copied to clipboard");
-    } catch (err) {
-      toast.error(err instanceof Error ? err.message : "Failed to copy JSON");
-    }
+    if (!await copyText(
+      JSON.stringify(debouncedTableData.normalizedData, null, 2)
+    )) return;
+    toast.success("JSON copied to clipboard");
   }, [debouncedTableData.normalizedData, toast]);
   const copyMarkdownToClipboard = useCallback(async () => {
-    try {
-      if (content) {
-        await copyText(content, "Markdown copied to clipboard");
-      } else {
-        copyTableToClipboard();
-      }
-    } catch (err) {
-      toast.error(err instanceof Error ? err.message : "Failed to copy markdown");
+    if (content) {
+      await copyText(content, "Markdown copied to clipboard");
+    } else {
+      await copyTableToClipboard();
     }
   }, [content, copyTableToClipboard, toast]);
   const downloadCSV = useCallback(() => {

package/dist/host/RichContentHostGate.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from "react";
+/**
+ * Suspends its children until the app's lazy host (`configureRichContentHostLoader`) has loaded.
+ * With no loader registered, or once it has settled, it renders the children directly. The
+ * `fallback` keeps the space the children fill — pass the plain text, never nothing.
+ */
+export declare function RichContentHostGate({ children, fallback }: {
+    children: ReactNode;
+    fallback: ReactNode;
+}): import("react").JSX.Element;

package/dist/host/RichContentHostGate.js

@@ -0,0 +1,16 @@
+"use client";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { Suspense, use } from "react";
+import { richContentHostPending } from "./registry.js";
+function Wait({ children }) {
+  const pending = richContentHostPending();
+  if (pending) use(pending);
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+function RichContentHostGate({ children, fallback }) {
+  if (!richContentHostPending()) return /* @__PURE__ */ jsx(Fragment, { children });
+  return /* @__PURE__ */ jsx(Suspense, { fallback, children: /* @__PURE__ */ jsx(Wait, { children }) });
+}
+export {
+  RichContentHostGate
+};

package/dist/host/index.d.ts

@@ -1,3 +1,4 @@
 /** `@ai-matrx/rich-content/host` — configure the engine once at the app root. */
-export { configureRichContent, resetRichContentHost, hostCapability, subscribeRichContentHost, richContentHostVersion, announceBareHost, BARE_HOST_ATTR, } from "./registry.js";
+export { configureRichContent, resetRichContentHost, hostCapability, subscribeRichContentHost, richContentHostVersion, announceBareHost, configureRichContentHostLoader, richContentHostReady, BARE_HOST_ATTR, } from "./registry.js";
 export type { RichContentHost, RichContentToast, RichContentErrorReport, RichContentWikilinks, RichContentPerson, RichContentSplitterEnvelopes, WikiResolution, } from "./types.js";
+export { RichContentHostGate } from "./RichContentHostGate.js";

package/dist/host/index.js

@@ -5,14 +5,20 @@ import {
   subscribeRichContentHost,
   richContentHostVersion,
   announceBareHost,
+  configureRichContentHostLoader,
+  richContentHostReady,
   BARE_HOST_ATTR
 } from "./registry.js";
+import { RichContentHostGate } from "./RichContentHostGate.js";
 export {
   BARE_HOST_ATTR,
+  RichContentHostGate,
   announceBareHost,
   configureRichContent,
+  configureRichContentHostLoader,
   hostCapability,
   resetRichContentHost,
+  richContentHostReady,
   richContentHostVersion,
   subscribeRichContentHost
 };

package/dist/host/registry.d.ts

@@ -27,3 +27,13 @@ export declare const BARE_HOST_ATTR: {
 };
 /** Run the host's `ensureBlockRegistrations` once (see RichContentHost). */
 export declare function ensureHostBlockRegistrations(): void;
+/**
+ * Register the app's async host loader — a function that dynamically imports the app's host module,
+ * whose module calls `configureRichContent`. Idempotent: the first registration wins (a second graph copy of this
+ * module must not start a second load).
+ */
+export declare function configureRichContentHostLoader(load: () => Promise<unknown>): void;
+/** True when no loader is pending (none registered, or it has settled). */
+export declare function richContentHostReady(): boolean;
+/** The pending host load, or null when ready. Entry points `use()` it. */
+export declare function richContentHostPending(): Promise<void> | null;

package/dist/host/registry.js

@@ -53,13 +53,43 @@ function ensureHostBlockRegistrations() {
   g[ENSURED_KEY] = true;
   ensure();
 }
+const LOADER_KEY = /* @__PURE__ */ Symbol.for("ai-matrx.rich-content.host.loader");
+function loaderState() {
+  return globalThis[LOADER_KEY];
+}
+function configureRichContentHostLoader(load) {
+  const g = globalThis;
+  if (g[LOADER_KEY]) return;
+  const state = { promise: void 0, settled: false };
+  state.promise = Promise.resolve().then(load).then(
+    () => {
+      state.settled = true;
+    },
+    (error) => {
+      state.settled = true;
+      console.error("[@ai-matrx/rich-content] The host loader failed; the engine runs on its bare defaults.", error);
+    }
+  );
+  g[LOADER_KEY] = state;
+}
+function richContentHostReady() {
+  const s = loaderState();
+  return !s || s.settled;
+}
+function richContentHostPending() {
+  const s = loaderState();
+  return s && !s.settled ? s.promise : null;
+}
 export {
   BARE_HOST_ATTR,
   announceBareHost,
   configureRichContent,
+  configureRichContentHostLoader,
   ensureHostBlockRegistrations,
   hostCapability,
   resetRichContentHost,
+  richContentHostPending,
+  richContentHostReady,
   richContentHostVersion,
   subscribeRichContentHost
 };

package/dist/levels/RichContent.d.ts

@@ -1,3 +1,3 @@
 import type { RichContentProps } from "./rich-content-types.js";
-export declare function RichContent({ source, level, isStreaming, className, depthCap, variant, links, headingAnchors, imagePolicy, gfmCell, onContentChange, applyLocalEdits, analysisData, messageId, conversationId, allowFullScreenEditor, hideCopyButton, }: RichContentProps): import("react").JSX.Element;
+export declare function RichContent(props: RichContentProps): import("react").JSX.Element;
 export default RichContent;

package/dist/levels/RichContent.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { clientLazy } from "../utils/client-lazy.js";
+import { RichContentHostGate } from "../host/RichContentHostGate.js";
 import { MarkdownStream } from "../host/app-bindings.js";
 import { RichContentDepthProvider } from "./depth.js";
 import { HeadingAnchorsProvider } from "../markdown-core/heading-anchors-context.js";
@@ -10,7 +11,16 @@ const RichContentStandardImpl = clientLazy(
   () => import("./RichContentStandardImpl.js"),
   { loading: () => null }
 );
-function RichContent({
+function RichContent(props) {
+  return /* @__PURE__ */ jsx(
+    RichContentHostGate,
+    {
+      fallback: /* @__PURE__ */ jsx("div", { className: props.className, "data-rich-content-host-loading": true, style: { whiteSpace: "pre-wrap" }, children: props.source }),
+      children: /* @__PURE__ */ jsx(RichContentRouted, { ...props })
+    }
+  );
+}
+function RichContentRouted({
   source,
   level,
   isStreaming,

package/dist/levels/prose/inline-level-elements.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { cn } from "@ai-matrx/design-system";
+import { cn } from "@ai-matrx/design-system/cn";
 import { isHeadingAnchorProps } from "../../markdown-core/heading-anchors-props.js";
 import { THICK_HR_SENTINEL } from "./prose-prepare.js";
 import { PROSE_INLINE_ELEMENTS } from "./prose-inline-elements.js";

package/dist/levels/prose/prose-inline-elements.js

@@ -1,5 +1,5 @@
 import { Fragment, jsx } from "react/jsx-runtime";
-import { cn } from "@ai-matrx/design-system";
+import { cn } from "@ai-matrx/design-system/cn";
 import { LinkComponent } from "../../display/blocks/links/LinkComponent.js";
 import { useHeadingAnchors } from "../../markdown-core/heading-anchors-context.js";
 import { isHeadingAnchorProps } from "../../markdown-core/heading-anchors-props.js";

package/dist/levels/server/RichContentServer.js

@@ -2,7 +2,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import "server-only";
 import { guardMarkdownDelimiters } from "@ai-matrx/kit/delimiter-guard";
 import MarkdownCoreServer from "../../markdown-core/MarkdownCoreServer.js";
-import { cn } from "@ai-matrx/design-system";
+import { cn } from "@ai-matrx/design-system/cn";
 import { StaticStandard } from "../standard/static-standard.js";
 import {
   DEFAULT_RICH_CONTENT_DEPTH_CAP

package/dist/markdown-core/MarkdownCore.d.ts

@@ -3,4 +3,4 @@ export type { MarkdownCoreProps, MarkdownPreset } from "./markdown-core-types.js
 export declare function MarkdownCoreLoading({ error }: {
     error?: Error | null;
 }): import("react").JSX.Element | null;
-export default function MarkdownCore({ streaming, children, ...rest }: MarkdownCoreProps): import("react").JSX.Element;
+export default function MarkdownCore(props: MarkdownCoreProps): import("react").JSX.Element;

package/dist/markdown-core/MarkdownCore.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { clientLazy } from "../utils/client-lazy.js";
+import { RichContentHostGate } from "../host/RichContentHostGate.js";
 import { healStreamingMarkdown } from "./stream-heal.js";
 import { useMarkdownStreaming } from "./streaming-context.js";
 function MarkdownCoreLoading({ error }) {
@@ -17,7 +18,16 @@ function MarkdownCoreLoading({ error }) {
 const MarkdownCoreLeaf = clientLazy(() => import("./MarkdownCoreImpl.js"), {
   loading: MarkdownCoreLoading
 });
-function MarkdownCore({
+function MarkdownCore(props) {
+  return /* @__PURE__ */ jsx(
+    RichContentHostGate,
+    {
+      fallback: /* @__PURE__ */ jsx("span", { "data-rich-content-host-loading": true, style: { whiteSpace: "pre-wrap" }, children: props.children }),
+      children: /* @__PURE__ */ jsx(MarkdownCoreGated, { ...props })
+    }
+  );
+}
+function MarkdownCoreGated({
   streaming,
   children,
   ...rest

package/dist/markdown-core/syntax/elements/DetailsElements.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { cn } from "@ai-matrx/design-system";
+import { cn } from "@ai-matrx/design-system/cn";
 function DetailsElement({ children, className, open, id, node: _node, ...rest }) {
   if (className?.includes("matrx-callout")) {
     return /* @__PURE__ */ jsx("details", { ...rest, className, open, id, children });

package/dist/rich-document/RichDocument.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@ai-matrx/design-system";
+import { RichContentHostGate } from "../host/RichContentHostGate.js";
 import { useActionSurfaceProvider } from "./runtime/useActionSurfaceProvider.js";
 import { RegistryContextMenu } from "./RegistryContextMenu.js";
 import { getSourceAdapter } from "./actions/sources/index.js";
@@ -22,6 +23,15 @@ import {
   resolveSpecimenMode
 } from "../display/specimen/SpecimenContext.js";
 function RichDocument(props) {
+  return /* @__PURE__ */ jsx(
+    RichContentHostGate,
+    {
+      fallback: /* @__PURE__ */ jsx("div", { className: props.className, "data-rich-content-host-loading": true, style: { whiteSpace: "pre-wrap" }, children: props.content }),
+      children: /* @__PURE__ */ jsx(RichDocumentGated, { ...props })
+    }
+  );
+}
+function RichDocumentGated(props) {
   const {
     source,
     actions: actionsProp,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/rich-content",
-  "version": "0.2.20",
+  "version": "0.2.25",
   "description": "The AI Matrx formatted-text engine: the one markdown renderer, streaming markdown, the block splitter and renderer, the generic blocks, <RichContent> levels, the rich-document action registry and menus, copy, and the selection toolbar — as portable React.",
   "type": "module",
   "license": "MIT",
@@ -140,8 +140,8 @@
     "@ai-matrx/diff": "latest",
     "@ai-matrx/icons": "latest",
     "@ai-matrx/kit": "latest",
-    "@ai-matrx/media": "latest",
     "@ai-matrx/print": "latest",
+    "@ai-matrx/media": "latest",
     "@ai-matrx/records": "latest",
     "@ai-matrx/records-ui": "latest",
     "@ai-matrx/tap-target": "latest"
@@ -178,8 +178,9 @@
   },
   "scripts": {
     "build": "node -e \"require('node:fs').rmSync('dist',{recursive:true,force:true})\" && tsup && node ./scripts/copy-css.mjs && node ./scripts/tsc-own.mjs -p tsconfig.build.json && node ./scripts/finish-build.mjs",
-    "check:package": "pnpm build && publint && pnpm verify:modules-tarball && pnpm verify:tarball && pnpm check:host-boundary",
+    "check:package": "pnpm build && publint && pnpm verify:modules-tarball && pnpm verify:tarball && pnpm check:host-boundary && pnpm check:server-boundary",
     "check:host-boundary": "node ./scripts/check-host-boundary.mjs && node ./scripts/check-host-boundary.mjs --self-test",
+    "check:server-boundary": "node ./scripts/check-server-boundary.mjs && node ./scripts/check-server-boundary.mjs --self-test",
     "deps:write": "node ./scripts/finish-build.mjs --write-deps",
     "typecheck": "node ./scripts/tsc-own.mjs -p tsconfig.json",
     "test": "pnpm test:linear-time && jest -c jest.config.mjs --testPathPatterns='^(?!.*regex-linear-time\\.guard\\.test\\.ts$).*'",