@ai-matrx/rich-content 0.2.3 → 0.2.6

package/dist/display/blocks/yaml/YamlBlock.js

@@ -0,0 +1,191 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useClipboard } from "@ai-matrx/kit/clipboard";
+import { toast } from "../../../host/toast.js";
+import { useState } from "react";
+import { cn } from "@ai-matrx/design-system";
+import { ChevronRight, ChevronDown, Copy, Check } from "lucide-react";
+import { Button } from "@ai-matrx/design-system/controls";
+function parseYamlLines(content) {
+  return content.split("\n").map((raw) => {
+    const indent = raw.search(/\S|$/);
+    const trimmed = raw.trim();
+    if (!trimmed || trimmed === "---" || trimmed === "...") {
+      return {
+        indent,
+        isComment: false,
+        isArrayItem: false,
+        isSection: false,
+        raw
+      };
+    }
+    if (trimmed.startsWith("#")) {
+      return {
+        indent,
+        isComment: true,
+        isArrayItem: false,
+        isSection: false,
+        raw
+      };
+    }
+    const isArrayItem = trimmed.startsWith("- ");
+    let effectiveTrimmed = isArrayItem ? trimmed.slice(2) : trimmed;
+    const colonIdx = effectiveTrimmed.indexOf(":");
+    if (colonIdx !== -1) {
+      const key = effectiveTrimmed.slice(0, colonIdx).trim();
+      const afterColon = effectiveTrimmed.slice(colonIdx + 1).trim();
+      const isSection = afterColon === "" || afterColon === "|" || afterColon === ">" || afterColon === "|-" || afterColon === ">-";
+      return {
+        indent,
+        key,
+        value: isSection ? void 0 : afterColon,
+        isComment: false,
+        isArrayItem,
+        isSection,
+        raw
+      };
+    }
+    return {
+      indent,
+      value: effectiveTrimmed,
+      isComment: false,
+      isArrayItem,
+      isSection: false,
+      raw
+    };
+  });
+}
+function renderValue(value) {
+  if (value === "true" || value === "false") {
+    return /* @__PURE__ */ jsx("span", { className: "text-orange-600 dark:text-orange-400 font-medium", children: value });
+  }
+  if (value === "null" || value === "~") {
+    return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground italic", children: "null" });
+  }
+  if (/^-?\d+(\.\d+)?$/.test(value)) {
+    return /* @__PURE__ */ jsx("span", { className: "text-purple-600 dark:text-purple-400", children: value });
+  }
+  if (value.startsWith('"') && value.endsWith('"') || value.startsWith("'") && value.endsWith("'")) {
+    return /* @__PURE__ */ jsx("span", { className: "text-green-600 dark:text-green-400", children: value });
+  }
+  if (value.startsWith("[") && value.endsWith("]")) {
+    return /* @__PURE__ */ jsx("span", { className: "text-green-600 dark:text-green-400", children: value });
+  }
+  return /* @__PURE__ */ jsx("span", { className: "text-green-600 dark:text-green-400", children: value });
+}
+const YamlBlock = ({ content, className }) => {
+  const { copyText } = useClipboard({
+    notify: (message, kind) => kind === "error" ? toast.error(message) : toast.success(message)
+  });
+  const [copied, setCopied] = useState(false);
+  const [collapsed, setCollapsed] = useState(/* @__PURE__ */ new Set());
+  const lines = parseYamlLines(content);
+  const handleCopy = async () => {
+    await copyText(content);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  };
+  const toggleCollapse = (lineIdx) => {
+    setCollapsed((prev) => {
+      const next = new Set(prev);
+      if (next.has(lineIdx)) next.delete(lineIdx);
+      else next.add(lineIdx);
+      return next;
+    });
+  };
+  const getChildRange = (parentIdx) => {
+    const parentIndent = lines[parentIdx].indent;
+    let end = parentIdx + 1;
+    while (end < lines.length) {
+      const line = lines[end];
+      if (line.raw.trim() === "") {
+        end++;
+        continue;
+      }
+      if (line.indent <= parentIndent) break;
+      end++;
+    }
+    return [parentIdx + 1, end];
+  };
+  const visibleLines = [];
+  const hiddenSections = /* @__PURE__ */ new Set();
+  for (let idx = 0; idx < lines.length; idx++) {
+    if (hiddenSections.has(idx)) continue;
+    visibleLines.push(idx);
+    if (collapsed.has(idx)) {
+      const [start, end] = getChildRange(idx);
+      for (let j = start; j < end; j++) hiddenSections.add(j);
+    }
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "my-3 rounded-lg border border-border bg-card overflow-hidden",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-3 py-1.5 border-b border-border/50 bg-muted/30", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-mono font-semibold text-amber-600 dark:text-amber-400", children: "YAML" }),
+          /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}), glyphTone: copied ? "success" : void 0, onClick: handleCopy, "aria-label": "Copy" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "px-3 py-2 font-mono text-sm leading-relaxed overflow-x-auto", children: visibleLines.map((idx) => {
+          const line = lines[idx];
+          const trimmed = line.raw.trim();
+          if (!trimmed) {
+            return /* @__PURE__ */ jsx("div", { className: "h-3" }, idx);
+          }
+          if (trimmed === "---" || trimmed === "...") {
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "text-muted-foreground/50",
+                style: { paddingLeft: line.indent * 8 },
+                children: trimmed
+              },
+              idx
+            );
+          }
+          if (line.isComment) {
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "text-muted-foreground italic",
+                style: { paddingLeft: line.indent * 8 },
+                children: trimmed
+              },
+              idx
+            );
+          }
+          const hasChildren = line.isSection || line.key && idx + 1 < lines.length && lines[idx + 1].indent > line.indent;
+          const isCollapsed = collapsed.has(idx);
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex items-start group/line hover:bg-muted/30 rounded-sm -mx-1 px-1",
+              style: { paddingLeft: line.indent * 8 },
+              children: [
+                hasChildren ? /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: isCollapsed ? /* @__PURE__ */ jsx(ChevronRight, {}) : /* @__PURE__ */ jsx(ChevronDown, {}), onClick: () => toggleCollapse(idx), "aria-label": isCollapsed ? "Expand" : "Collapse", "aria-expanded": !isCollapsed, className: "mr-1 mt-0.5" }) : /* @__PURE__ */ jsx("span", { className: "w-[18px] flex-shrink-0" }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  line.isArrayItem && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "- " }),
+                  line.key && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("code", { className: "text-blue-600 dark:text-blue-400 font-medium", children: line.key }),
+                    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: ":" })
+                  ] }),
+                  line.value !== void 0 && /* @__PURE__ */ jsx("span", { className: "ml-1", children: renderValue(line.value) }),
+                  !line.key && line.value === void 0 && /* @__PURE__ */ jsx("span", { className: "text-foreground", children: trimmed }),
+                  isCollapsed && /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs text-muted-foreground bg-muted px-1.5 py-0.5 rounded", children: "..." })
+                ] })
+              ]
+            },
+            idx
+          );
+        }) })
+      ]
+    }
+  );
+};
+var YamlBlock_default = YamlBlock;
+export {
+  YamlBlock_default as default
+};

package/dist/display/chat-markdown/BasicMarkdownContent.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import { type TableRenderDiagnosticContext } from "../blocks/table/TableRenderPathDiagnostic.js";
+import { type ImagePolicyDeclaration } from "../../levels/prose/remote-image-policy.js";
+export interface BasicMarkdownContentProps {
+    content: string;
+    isStreamActive?: boolean;
+    onEditRequest?: () => void;
+    messageId?: string;
+    showCopyButton?: boolean;
+    /** Admin-only table fallback diagnostics (see TableRenderPathDiagnostic). */
+    tableRenderDiagnostic?: Omit<TableRenderDiagnosticContext, "renderPath">;
+    /**
+     * WHO WROTE this text — "ai" | "other" | "self", or "inherit" when rendered
+     * inside a surface that already declared. Decides whether remote images load
+     * by themselves (components/rich-content/prose/remote-image-policy.tsx).
+     */
+    imagePolicy?: ImagePolicyDeclaration;
+    /**
+     * A deliberate source view (documentation, authoring) — text carrying a
+     * `__kind` key is drawn as written instead of as its kind. Default false.
+     */
+    showSource?: boolean;
+}
+/**
+ * Text carrying a `__kind` key is handed to the canonical pipeline
+ * (`KindTextGate`) — this leaf never draws a kind as a JSON code card.
+ */
+export declare const BasicMarkdownContent: React.FC<BasicMarkdownContentProps>;
+export default BasicMarkdownContent;

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

@@ -0,0 +1,122 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import MarkdownCore from "../../markdown-core/MarkdownCore.js";
+import { useState, useMemo, useEffect } from "react";
+import {
+  guardMarkdownDelimiters,
+  reportDelimiterViolations
+} from "@ai-matrx/kit/delimiter-guard";
+import { captureError } from "../../host/diagnostics.js";
+import { InlineCopyButton } from "../../host/app-bindings.js";
+import {
+  TableRenderPathDiagnostic
+} from "../blocks/table/TableRenderPathDiagnostic.js";
+import {
+  detectTextDirection,
+  preprocessProse
+} from "../../levels/prose/prose-prepare.js";
+import {
+  PROSE_BLOCK_ELEMENTS,
+  PROSE_FRAME_CSS,
+  proseFrameClass,
+  renderProseTable
+} from "../../levels/prose/prose-block-elements.js";
+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(
+  KindTextGate,
+  {
+    component: "BasicMarkdownContent",
+    content: props.content,
+    isStreamActive: props.isStreamActive,
+    imagePolicy: props.imagePolicy,
+    showSource: props.showSource,
+    showCopyButton: props.showCopyButton ?? true,
+    children: /* @__PURE__ */ jsx(BasicMarkdownContentBody, { ...props })
+  }
+);
+const BasicMarkdownContentBody = ({
+  content,
+  isStreamActive,
+  onEditRequest,
+  messageId,
+  showCopyButton = true,
+  tableRenderDiagnostic,
+  imagePolicy
+}) => {
+  const [isHovering, setIsHovering] = useState(false);
+  const textDirection = useMemo(() => detectTextDirection(content), [content]);
+  const { text: processedContent, violations: delimiterViolations } = (
+    // The one prose leaf live and reloaded text both pass through: a real JSON
+    // kind that broke in prose reads as its one-line label; a non-JSON spelling
+    // is drawn exactly as written, as an inline code span (round 10 — detection
+    // only; a markdown-escaping pass here hung the renderer on nested escapes).
+    guardMarkdownDelimiters(preprocessProse(nonJsonKindsAsCode(spelledKindsAsOneLine(content))))
+  );
+  const delimiterViolationSignature = delimiterViolations.map((v) => `${v.reason}@${v.index}`).join("|");
+  useEffect(() => {
+    if (isStreamActive || !delimiterViolationSignature) return;
+    reportDelimiterViolations(delimiterViolations, {
+      renderPath: "BasicMarkdownContent",
+      messageId,
+      capture: (input) => captureError({ ...input })
+    });
+  }, [delimiterViolationSignature, isStreamActive, messageId]);
+  const handleEdit = () => {
+    onEditRequest?.();
+  };
+  const handleMouseEnter = !isStreamActive ? () => setIsHovering(true) : void 0;
+  const handleMouseLeave = !isStreamActive ? () => setIsHovering(false) : void 0;
+  const components = useMemo(
+    () => tableRenderDiagnostic ? {
+      ...PROSE_BLOCK_ELEMENTS,
+      table: (props) => renderProseTable(
+        props,
+        // HTML tables (parsed by rehypeSafeRawHtml) are correctly
+        // rendered here and were never promotion candidates — skip
+        // the diagnostic so it only flags genuinely un-promoted
+        // markdown pipe tables.
+        !props.node?.data?.matrxRawHtmlTable ? /* @__PURE__ */ jsx(
+          TableRenderPathDiagnostic,
+          {
+            context: {
+              ...tableRenderDiagnostic,
+              renderPath: "BasicMarkdownContent",
+              contentPreview: tableRenderDiagnostic.contentPreview ?? content.slice(0, 120).replace(/\n/g, " ")
+            }
+          }
+        ) : null
+      )
+    } : PROSE_BLOCK_ELEMENTS,
+    [tableRenderDiagnostic, content]
+  );
+  const rendered = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: proseFrameClass(textDirection),
+      dir: textDirection,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      children: [
+        /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: PROSE_FRAME_CSS } }),
+        /* @__PURE__ */ jsx(MarkdownCore, { preset: "chat", components, children: processedContent }),
+        !isStreamActive && isHovering && /* @__PURE__ */ jsx("div", { className: "absolute top-0 right-0 p-1 opacity-0 group-hover:opacity-100 transition-opacity duration-200", children: showCopyButton && /* @__PURE__ */ jsx(
+          InlineCopyButton,
+          {
+            markdownContent: content,
+            position: "top-right",
+            className: "mt-1 mr-1",
+            isMarkdown: true
+          }
+        ) })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsx(Fragment, { children: withImagePolicy(imagePolicy, rendered) });
+};
+var BasicMarkdownContent_default = BasicMarkdownContent;
+export {
+  BasicMarkdownContent,
+  BasicMarkdownContent_default as default
+};

package/dist/display/chat-markdown/BlockRenderingContext.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+/**
+ * Controls rendering behaviour for the block pipeline.
+ *
+ * strictServerData — when true, structured blocks (quiz, presentation, table, etc.)
+ * will NOT fall back to client-side content parsing when block.serverData is null.
+ * Instead they render a visible error panel so you immediately know Python failed to
+ * populate the `data` field.
+ *
+ * Leave false (default) for production — the existing graceful fallback runs.
+ * Set to true in any debug/testing UI to catch Python pipeline failures early.
+ */
+export interface BlockRenderingConfig {
+    strictServerData: boolean;
+}
+export declare const BlockRenderingContext: React.Context<BlockRenderingConfig>;
+export declare const useBlockRenderingConfig: () => BlockRenderingConfig;
+interface BlockRenderingProviderProps {
+    children: React.ReactNode;
+    strictServerData?: boolean;
+}
+export declare const BlockRenderingProvider: React.FC<BlockRenderingProviderProps>;
+export {};

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

@@ -0,0 +1,17 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const defaultConfig = {
+  strictServerData: false
+};
+const BlockRenderingContext = createContext(defaultConfig);
+const useBlockRenderingConfig = () => useContext(BlockRenderingContext);
+const BlockRenderingProvider = ({
+  children,
+  strictServerData = false
+}) => /* @__PURE__ */ jsx(BlockRenderingContext.Provider, { value: { strictServerData }, children });
+export {
+  BlockRenderingContext,
+  BlockRenderingProvider,
+  useBlockRenderingConfig
+};

package/dist/display/chat-markdown/ConfigurableMarkdownContent.d.ts

@@ -0,0 +1,172 @@
+import React from "react";
+import type { Components } from "react-markdown";
+import { type ImagePolicyDeclaration } from "../../levels/prose/remote-image-policy.js";
+/**
+ * Durable markdown <img> — the media-durability fix for the default renderer.
+ * On a load failure the file-session cookie is refreshed and the SAME durable
+ * URL retried once (useMediaLoadRecovery); a URL that still fails (link rot on a
+ * hotlinked card/web image) hides gracefully instead of rendering the
+ * broken-image glyph.
+ */
+/** A remote image obeys the surrounding policy (remote-image-policy.tsx); our own files always draw. */
+export declare function DurableMarkdownImg(props: React.ComponentProps<"img">): React.JSX.Element;
+export interface MarkdownTypographyConfig {
+    /** Font family class applied to paragraphs. Default: "font-sans" */
+    fontFamily?: string;
+    /** Base font size for LTR text. Default: "text-sm" */
+    fontSizeLtr?: string;
+    /** Base font size for RTL text (Arabic/Hebrew etc). Default: "text-base" */
+    fontSizeRtl?: string;
+    /** Letter-spacing class applied to paragraphs. Default: "tracking-wide" */
+    tracking?: string;
+    /** Line-height class applied to paragraphs/lists. Default: "leading-relaxed" */
+    leading?: string;
+}
+export interface MarkdownColorConfig {
+    /** Primary accent color (headings, links, code bg tint, etc.). Default: "blue" Tailwind color name */
+    accent?: string;
+    /** Inline code bg light. Default: "bg-blue-100" */
+    codeBgLight?: string;
+    /** Inline code text light. Default: "text-blue-800" */
+    codeTextLight?: string;
+    /** Inline code bg dark. Default: "dark:bg-blue-900/30" */
+    codeBgDark?: string;
+    /** Inline code text dark. Default: "dark:text-blue-300" */
+    codeTextDark?: string;
+    /** Blockquote border light. Default: "border-blue-200" */
+    blockquoteBorderLight?: string;
+    /** Blockquote border dark. Default: "dark:border-blue-700" */
+    blockquoteBorderDark?: string;
+    /** Blockquote bg light. Default: "bg-blue-50" */
+    blockquoteBgLight?: string;
+    /** Blockquote bg dark. Default: "dark:bg-blue-950/20" */
+    blockquoteBgDark?: string;
+    /** Blockquote text light. Default: "text-gray-700" */
+    blockquoteTextLight?: string;
+    /** Blockquote text dark. Default: "dark:text-gray-300" */
+    blockquoteTextDark?: string;
+    /** Italic (em) color outside headings, light. Default: "text-blue-600" */
+    emColorLight?: string;
+    /** Italic (em) color outside headings, dark. Default: "dark:text-blue-400" */
+    emColorDark?: string;
+    /** Heading color class. Default: "text-blue-500" */
+    headingColor?: string;
+    /** HR border light. Default: "border-gray-300" */
+    hrBorderLight?: string;
+    /** HR border dark. Default: "dark:border-gray-600" */
+    hrBorderDark?: string;
+    /** Checkbox border light. Default: "border-blue-400" */
+    checkboxBorderLight?: string;
+    /** Checkbox checked bg light. Default: "bg-blue-600" */
+    checkboxCheckedBgLight?: string;
+    /** Edit button text color. Default: "text-gray-500" */
+    editButtonColor?: string;
+    /** Edit button hover color. Default: "hover:text-gray-700" */
+    editButtonHoverColor?: string;
+}
+export interface MarkdownSpacingConfig {
+    /** Margin bottom for paragraphs. Default: "mb-2" */
+    paragraphMb?: string;
+    /** Margin bottom for lists. Default: "mb-3" */
+    listMb?: string;
+    /** Left/right padding for lists. Default: "pl-6" */
+    listPl?: string;
+    /** Margin bottom for list items. Default: "mb-1" */
+    listItemMb?: string;
+    /** Blockquote padding horizontal (LTR). Default: "pl-4" */
+    blockquotePl?: string;
+    /** Blockquote padding horizontal (RTL). Default: "pr-4" */
+    blockquotePr?: string;
+    /** Blockquote padding vertical. Default: "py-3" */
+    blockquotePy?: string;
+    /** Pre/code block vertical margin. Default: "my-3" */
+    preMy?: string;
+    /** Image vertical margin. Default: "my-4" */
+    imgMy?: string;
+    /** HR vertical margin. Default: "my-3" */
+    hrMy?: string;
+    /** Math-only paragraph margin bottom. Default: "mb-4" */
+    mathParagraphMb?: string;
+    /** Blank-line spacer height. Default: "h-[0.75em]" */
+    blankLineHeight?: string;
+    /** Wrapper top/bottom margin. Default: "my-2" */
+    wrapperMy?: string;
+}
+export interface MarkdownHeadingConfig {
+    h1?: string;
+    h2?: string;
+    h3?: string;
+    h4?: string;
+}
+export interface MarkdownComponentOverrides {
+    /** Fully replace the `<a>` renderer. Receives { node, href, children, ...props } */
+    a?: Components["a"];
+    /** Fully replace the `<p>` renderer */
+    p?: Components["p"];
+    /** Fully replace the `<strong>` renderer */
+    strong?: Components["strong"];
+    /** Fully replace the `<em>` renderer */
+    em?: Components["em"];
+    /** Fully replace the `<blockquote>` renderer */
+    blockquote?: Components["blockquote"];
+    /** Fully replace the `<ul>` renderer */
+    ul?: Components["ul"];
+    /** Fully replace the `<ol>` renderer */
+    ol?: Components["ol"];
+    /** Fully replace the `<li>` renderer */
+    li?: Components["li"];
+    /** Fully replace the `<h1>` renderer */
+    h1?: Components["h1"];
+    /** Fully replace the `<h2>` renderer */
+    h2?: Components["h2"];
+    /** Fully replace the `<h3>` renderer */
+    h3?: Components["h3"];
+    /** Fully replace the `<h4>` renderer */
+    h4?: Components["h4"];
+    /** Fully replace the `<code>` renderer */
+    code?: Components["code"];
+    /** Fully replace the `<pre>` renderer */
+    pre?: Components["pre"];
+    /** Fully replace the `<img>` renderer */
+    img?: Components["img"];
+    /** Fully replace the `<hr>` renderer */
+    hr?: Components["hr"];
+    /** Fully replace the `<table>` renderer (default: hidden) */
+    table?: Components["table"];
+}
+export interface MarkdownStyleConfig {
+    typography?: MarkdownTypographyConfig;
+    colors?: MarkdownColorConfig;
+    spacing?: MarkdownSpacingConfig;
+    headings?: MarkdownHeadingConfig;
+    /** Arbitrary extra classes appended to the outer wrapper div */
+    wrapperClassName?: string;
+}
+export interface ConfigurableMarkdownContentProps {
+    content: string;
+    isStreamActive?: boolean;
+    onEditRequest?: () => void;
+    messageId?: string;
+    showCopyButton?: boolean;
+    /** Style/theme overrides. Anything not provided falls back to defaults. */
+    styleConfig?: MarkdownStyleConfig;
+    /** Per-element renderer overrides. Fully replaces the built-in renderer for that element. */
+    componentOverrides?: MarkdownComponentOverrides;
+    /**
+     * WHO WROTE this text — "ai" | "other" | "self", or "inherit" when rendered
+     * inside a surface that already declared. Decides whether remote images load
+     * by themselves (components/rich-content/prose/remote-image-policy.tsx).
+     */
+    imagePolicy?: ImagePolicyDeclaration;
+    /**
+     * A deliberate source view — text carrying a `__kind` key is drawn as
+     * written instead of as its kind. Default false.
+     */
+    showSource?: boolean;
+}
+/**
+ * Text carrying a `__kind` key is handed to the canonical pipeline
+ * (`KindTextGate`) — this leaf never draws a kind as a JSON code card.
+ */
+export declare const ConfigurableMarkdownContent: React.FC<ConfigurableMarkdownContentProps>;
+export default ConfigurableMarkdownContent;