@wildo-ai/presets-components 1.0.1 → 1.1.0

package/dist/esm/components/data-display/formatters/display-field-string.js.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-string.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-string.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"display-field-string.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-string.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldString Component\n *\n * Displays a string value based on the string UI decorator.\n * Supports different display modes: text, truncate, multiline, markdown, color, link, email, badge, copy, secret\n */\n\nimport * as React from \"react\"\n\nimport { cn, useI18n, useIconRegistry, StandardIconReference, IconSize, Text, Badge } from \"@wildo-ai/saas-frontend-lib\"\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\"\nimport { getStringUI, getStringFormat, StringDisplayMode } from \"@wildo-ai/zod-decorators\"\nimport type { DisplayFieldStringProps } from '@wildo-ai/saas-frontend-lib'\n\nimport { MarkdownContent } from \"../markdown-content\"\n\n/**\n * DisplayFieldString component\n *\n * Renders a string value according to the string UI decorator\n */\nfunction DisplayFieldString({\n  schema,\n  value,\n  className,\n}: DisplayFieldStringProps): React.JSX.Element | null {\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD })\n  const { renderIcon } = useIconRegistry()\n  const [copied, setCopied] = React.useState(false)\n\n  const stringUI = getStringUI(schema)\n  const stringFormat = getStringFormat(schema)\n\n  // SECRET fields mask by default; `initiallyRevealed` (set by `.isEphemeral()`)\n  // shows the value on first paint for one-time reveals. The eye toggle still works.\n  const [revealed, setRevealed] = React.useState(stringUI?.display?.initiallyRevealed ?? false)\n\n  let displayMode = stringUI?.display?.displayMode ?? StringDisplayMode.TEXT\n  if (!stringUI && stringFormat) {\n    if (stringFormat === 'email') displayMode = StringDisplayMode.EMAIL\n    else if (stringFormat === 'url') displayMode = StringDisplayMode.LINK\n  }\n\n  // Copy to clipboard handler\n  const handleCopy = async () => {\n    if (value) {\n      await navigator.clipboard.writeText(value)\n      setCopied(true)\n      setTimeout(() => setCopied(false), 2000)\n    }\n  }\n\n  // Render the value content\n  const renderValue = () => {\n    // Handle null/undefined\n    if (value === null || value === undefined || value === '') {\n      return <><Text className=\"text-muted-foreground italic\" aria-hidden=\"true\">—</Text><span className=\"sr-only\">{tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue')}</span></>\n    }\n\n    // Render based on display mode\n    switch (displayMode) {\n      case StringDisplayMode.TEXT:\n        return <Text>{value}</Text>\n\n      case StringDisplayMode.TRUNCATE:\n        return (\n          <Text className=\"min-w-0 truncate\">\n            {value}\n          </Text>\n        )\n\n      case StringDisplayMode.MULTILINE:\n        return (\n          <Text className=\"whitespace-pre-wrap\">\n            {value}\n          </Text>\n        )\n\n      case StringDisplayMode.MARKDOWN:\n        // Rich long-form content (descriptions, notes): full markdown body\n        // themed through the typography recipes. See markdown-content.tsx for\n        // the embedded heading-demotion rationale.\n        return <MarkdownContent value={value} />\n\n\n      case StringDisplayMode.COLOR:\n        return (\n          <div className=\"flex items-center gap-element\">\n            <div\n              className=\"h-5 w-5 rounded border border-border\"\n              style={{ backgroundColor: value }}\n              aria-hidden=\"true\"\n            />\n            <Text className=\"font-mono text-sm\">{value}</Text>\n          </div>\n        )\n\n      case StringDisplayMode.LINK:\n        return (\n          <a\n            href={value}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"text-primary hover:underline\"\n          >\n            {value}\n          </a>\n        )\n\n      case StringDisplayMode.EMAIL:\n        return (\n          <a\n            href={`mailto:${value}`}\n            className=\"text-primary hover:underline\"\n          >\n            {value}\n          </a>\n        )\n\n      case StringDisplayMode.BADGE:\n        return <Badge variant=\"secondary\">{value}</Badge>\n\n      case StringDisplayMode.COPY:\n        return (\n          <div className=\"flex items-center gap-element\">\n            <Text className=\"font-mono text-sm\">{value}</Text>\n            <button\n              type=\"button\"\n              onClick={handleCopy}\n              className=\"text-muted-foreground hover:text-foreground transition-colors\"\n              aria-label={copied ? tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_STRING, 'copied') : tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_STRING, 'copyToClipboard')}\n            >\n              <span aria-hidden=\"true\">\n                {copied\n                  ? renderIcon(StandardIconReference.CHECK, { size: IconSize.SM })\n                  : renderIcon(StandardIconReference.COPY, { size: IconSize.SM })\n                }\n              </span>\n            </button>\n          </div>\n        )\n\n      case StringDisplayMode.SECRET:\n        return (\n          <div className=\"flex items-center gap-element\">\n            <Text className=\"font-mono text-sm select-all\" aria-live=\"polite\">\n              {revealed ? value : '••••••••••••••••'}\n            </Text>\n            <button\n              type=\"button\"\n              onClick={() => setRevealed(prev => !prev)}\n              className=\"text-muted-foreground hover:text-foreground transition-colors\"\n              aria-label={revealed ? tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_STRING, 'hideValue') : tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_STRING, 'revealValue')}\n            >\n              <span aria-hidden=\"true\">\n                {revealed\n                  ? renderIcon(StandardIconReference.EYE_OFF, { size: IconSize.SM })\n                  : renderIcon(StandardIconReference.EYE, { size: IconSize.SM })\n                }\n              </span>\n            </button>\n            <button\n              type=\"button\"\n              onClick={handleCopy}\n              className=\"text-muted-foreground hover:text-foreground transition-colors\"\n              aria-label={copied ? tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_STRING, 'copied') : tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_STRING, 'copyToClipboard')}\n            >\n              <span aria-hidden=\"true\">\n                {copied\n                  ? renderIcon(StandardIconReference.CHECK, { size: IconSize.SM })\n                  : renderIcon(StandardIconReference.COPY, { size: IconSize.SM })\n                }\n              </span>\n            </button>\n          </div>\n        )\n\n      default:\n        return <Text>{value}</Text>\n    }\n  }\n\n  if (!isReady) return null\n  // Label/description rendering is handled by the parent DisplayField (FIELD-01)\n  return <div className={className}>{renderValue()}</div>\n}\n\n;(DisplayFieldString as typeof DisplayFieldString & { displayName: string }).displayName = \"DisplayFieldString\"\n\nexport { DisplayFieldString }\n"]}

package/dist/esm/components/data-display/formatters/display-field-string.labels.d.ts

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const LowLevelDisplayFieldStringLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=display-field-string.labels.d.ts.map

package/dist/esm/components/data-display/formatters/display-field-string.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-string.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-string.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,gCAAgC,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/data-display/formatters/display-field-string.labels.js

@@ -0,0 +1,7 @@
+import { FrontendComponentType, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelDisplayFieldStringLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_STRING, LowLevelDisplayFieldStringLabels);
+//# sourceMappingURL=display-field-string.labels.js.map

package/dist/esm/components/data-display/formatters/display-field-string.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-string.labels.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-string.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE/H,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,gCAAgC,GAA0B,EAAE,CAAC;AAC1E,uBAAuB,CAAC,qBAAqB,CAAC,8BAA8B,EAAE,gCAAgC,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelDisplayFieldStringLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_STRING, LowLevelDisplayFieldStringLabels);\n"]}

package/dist/esm/components/data-display/formatters/display-field-time.d.ts

@@ -8,6 +8,6 @@
  */
 import * as React from "react";
 import type { DisplayFieldTimeProps } from '@wildo-ai/saas-frontend-lib';
-declare function DisplayFieldTime({ value, className, }: DisplayFieldTimeProps): React.JSX.Element;
+declare function DisplayFieldTime({ value, className, }: DisplayFieldTimeProps): React.JSX.Element | null;
 export { DisplayFieldTime };
 //# sourceMappingURL=display-field-time.d.ts.map

package/dist/esm/components/data-display/formatters/display-field-time.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-time.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-time.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAGxE,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,SAAS,GACV,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAc3C;AAID,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"display-field-time.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-time.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAGxE,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,SAAS,GACV,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAgBlD;AAID,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/esm/components/data-display/formatters/display-field-time.js

@@ -4,6 +4,8 @@ import { Text, useI18n } from "@wildo-ai/saas-frontend-lib";
 import { FrontendComponentType } from "@wildo-ai/presets-components-models";
 function DisplayFieldTime({ value, className, }) {
     const { formatTime, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
+    if (!isReady)
+        return null;
     if (value === null || value === undefined) {
         return _jsxs(_Fragment, { children: [_jsx(Text, { className: "text-muted-foreground italic", "aria-hidden": "true", children: "\u2014" }), _jsx("span", { className: "sr-only", children: tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue') })] });
     }
@@ -17,4 +19,4 @@ function DisplayFieldTime({ value, className, }) {
 ;
 DisplayFieldTime.displayName = "DisplayFieldTime";
 export { DisplayFieldTime };
-//# sourceMappingURL=display-field-time.js.map
+//# sourceMappingURL=display-field-time.js.map

package/dist/esm/components/data-display/formatters/display-field-time.js.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-time.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-time.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAaZ,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAE3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAE3E,SAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,SAAS,GACa;IACtB,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,oBAAoB,EAAE,CAAC,CAAA;IAE9G,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC1C,OAAO,8BAAE,KAAC,IAAI,IAAC,SAAS,EAAC,8BAA8B,iBAAa,MAAM,uBAAS,EAAA,eAAM,SAAS,EAAC,SAAS,YAAE,UAAU,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAQ,IAAG,CAAA;IAC5L,CAAC;IAED,yEAAyE;IACzE,IAAI,KAAK,YAAY,IAAI,EAAE,CAAC;QAC1B,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,UAAU,CAAC,KAAK,CAAC,GAAQ,CAAA;IAC/D,CAAC;IAED,wDAAwD;IACxD,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,MAAM,CAAC,KAAK,CAAC,GAAQ,CAAA;AAC3D,CAAC;AAED,CAAC;AAAC,gBAAsE,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEzG,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"display-field-time.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-time.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAaZ,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAE3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAE3E,SAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,SAAS,GACa;IACtB,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,oBAAoB,EAAE,CAAC,CAAA;IAE9G,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC1C,OAAO,8BAAE,KAAC,IAAI,IAAC,SAAS,EAAC,8BAA8B,iBAAa,MAAM,uBAAS,EAAA,eAAM,SAAS,EAAC,SAAS,YAAE,UAAU,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAQ,IAAG,CAAA;IAC5L,CAAC;IAED,yEAAyE;IACzE,IAAI,KAAK,YAAY,IAAI,EAAE,CAAC;QAC1B,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,UAAU,CAAC,KAAK,CAAC,GAAQ,CAAA;IAC/D,CAAC;IAED,wDAAwD;IACxD,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,MAAM,CAAC,KAAK,CAAC,GAAQ,CAAA;AAC3D,CAAC;AAED,CAAC;AAAC,gBAAsE,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEzG,OAAO,EAAE,gBAAgB,EAAE,CAAA","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldTime Component\n *\n * Displays a time value formatted according to regional preferences.\n * Uses the centralized formatting from ComponentsLabellingContext.\n *\n * Label/description rendering is handled by the parent DisplayField (FIELD-01).\n */\n\nimport * as React from \"react\"\n\nimport { Text, useI18n } from \"@wildo-ai/saas-frontend-lib\"\nimport type { DisplayFieldTimeProps } from '@wildo-ai/saas-frontend-lib'\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\"\n\nfunction DisplayFieldTime({\n  value,\n  className,\n}: DisplayFieldTimeProps): React.JSX.Element | null {\n  const { formatTime, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD })\n\n  if (!isReady) return null\n\n  if (value === null || value === undefined) {\n    return <><Text className=\"text-muted-foreground italic\" aria-hidden=\"true\">—</Text><span className=\"sr-only\">{tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue')}</span></>\n  }\n\n  // Time values may come as string \"HH:mm:ss\" — format only if it's a Date\n  if (value instanceof Date) {\n    return <Text className={className}>{formatTime(value)}</Text>\n  }\n\n  // String time values: display as-is (already formatted)\n  return <Text className={className}>{String(value)}</Text>\n}\n\n;(DisplayFieldTime as typeof DisplayFieldTime & { displayName: string }).displayName = \"DisplayFieldTime\"\n\nexport { DisplayFieldTime }\n"]}

package/dist/esm/components/data-display/formatters/display-field-time.labels.d.ts

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const LowLevelDisplayFieldTimeLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=display-field-time.labels.d.ts.map

package/dist/esm/components/data-display/formatters/display-field-time.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-time.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-time.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,8BAA8B,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/data-display/formatters/display-field-time.labels.js

@@ -0,0 +1,7 @@
+import { FrontendComponentType, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelDisplayFieldTimeLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_TIME, LowLevelDisplayFieldTimeLabels);
+//# sourceMappingURL=display-field-time.labels.js.map

package/dist/esm/components/data-display/formatters/display-field-time.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-time.labels.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-time.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE/H,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,8BAA8B,GAA0B,EAAE,CAAC;AACxE,uBAAuB,CAAC,qBAAqB,CAAC,4BAA4B,EAAE,8BAA8B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelDisplayFieldTimeLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_TIME, LowLevelDisplayFieldTimeLabels);\n"]}

package/dist/esm/components/data-display/markdown-content.d.ts

@@ -0,0 +1,31 @@
+/**
+ * MarkdownContent — themable markdown body for resource content.
+ *
+ * Renders a markdown string (typically a long-text field such as a task
+ * `description`) through Streamdown — the SAME renderer the AI chat surfaces
+ * use — but with every text element remapped onto the active theme's
+ * TYPOGRAPHY / INTERACTIVE recipes. Nothing here hardcodes colors: headings,
+ * body, links, code, quotes and rules all resolve through `useUI().getRecipe`,
+ * so a theme swap restyles rendered descriptions with zero component changes.
+ *
+ * ## Embedded heading scale (why h1 ≠ recipe h1)
+ *
+ * A markdown `#` inside a FIELD BODY is a document-local heading, not a page
+ * title. Rendering it at the page-heading size (text-3xl) would visually
+ * compete with the resource header right above it. The map therefore shifts
+ * the ladder two steps down (`#` → recipe h3, `##` → recipe h4, deeper →
+ * text-sm/base) — the same compression ClickUp/Linear apply to embedded rich
+ * text. The recipe still owns weight/tracking, so theme personality persists.
+ *
+ * Fenced code blocks are intentionally NOT overridden: Streamdown ships its
+ * own shiki-highlighted code block. Only inline code is remapped (CODE recipe).
+ */
+import * as React from "react";
+export interface MarkdownContentProps {
+    /** Raw markdown source (GFM supported: tables, strikethrough, task lists). */
+    value: string;
+    className?: string;
+}
+declare function MarkdownContent({ value, className }: MarkdownContentProps): React.JSX.Element;
+export { MarkdownContent };
+//# sourceMappingURL=markdown-content.d.ts.map

package/dist/esm/components/data-display/markdown-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-content.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/markdown-content.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,MAAM,WAAW,oBAAoB;IACnC,8EAA8E;IAC9E,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAID,iBAAS,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6FtF;AAID,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/esm/components/data-display/markdown-content.js

@@ -0,0 +1,86 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * MarkdownContent — themable markdown body for resource content.
+ *
+ * Renders a markdown string (typically a long-text field such as a task
+ * `description`) through Streamdown — the SAME renderer the AI chat surfaces
+ * use — but with every text element remapped onto the active theme's
+ * TYPOGRAPHY / INTERACTIVE recipes. Nothing here hardcodes colors: headings,
+ * body, links, code, quotes and rules all resolve through `useUI().getRecipe`,
+ * so a theme swap restyles rendered descriptions with zero component changes.
+ *
+ * ## Embedded heading scale (why h1 ≠ recipe h1)
+ *
+ * A markdown `#` inside a FIELD BODY is a document-local heading, not a page
+ * title. Rendering it at the page-heading size (text-3xl) would visually
+ * compete with the resource header right above it. The map therefore shifts
+ * the ladder two steps down (`#` → recipe h3, `##` → recipe h4, deeper →
+ * text-sm/base) — the same compression ClickUp/Linear apply to embedded rich
+ * text. The recipe still owns weight/tracking, so theme personality persists.
+ *
+ * Fenced code blocks are intentionally NOT overridden: Streamdown ships its
+ * own shiki-highlighted code block. Only inline code is remapped (CODE recipe).
+ */
+import * as React from "react";
+// The markdown pipeline (streamdown + katex + marked + micromark/parse5, ~210 kB gzipped)
+// resolves on first render through this door, never on first paint. See
+// `markdown-stream.lazy.tsx`.
+import { MarkdownStream } from "./markdown-stream.lazy.js";
+import { cn, useUI } from "@wildo-ai/saas-frontend-lib";
+import { InteractiveVariant, TypographyVariant, UIBehavior } from "@wildo-ai/presets-components-models";
+function MarkdownContent({ value, className }) {
+    const { getRecipe } = useUI();
+    const heading = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.HEADING);
+    const body = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.BODY);
+    const code = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.CODE);
+    const description = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);
+    const link = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.LINK);
+    const divider = getRecipe(UIBehavior.DIVIDER);
+    const components = React.useMemo(() => {
+        // Headings keep the recipe's personality (weight/tracking) but use the
+        // embedded scale described in the file JSDoc. The DEMOTION IS SEMANTIC as
+        // well as visual: markdown `#` renders as a real `<h3>` (`##` → `<h4>`, …)
+        // so the document outline stays subordinate to the page/resource headings
+        // above the field. `leading-snug` relaxes the recipe's page-heading
+        // `leading-none`, too tight inside flowing body copy.
+        const h = (Tag, sizeClass) => function MarkdownHeading({ children, node: _node, ...props }) {
+            return (_jsx(Tag, { ...props, className: cn(heading.base, "leading-snug mt-group mb-item", sizeClass), children: children }));
+        };
+        return {
+            h1: h("h3", heading.sizes?.h3 ?? "text-xl"),
+            h2: h("h4", heading.sizes?.h4 ?? "text-lg"),
+            h3: h("h5", "text-base"),
+            h4: h("h6", "text-sm"),
+            h5: h("h6", "text-sm"),
+            h6: h("h6", "text-sm"),
+            p: ({ children, node: _node, ...props }) => (_jsx("p", { ...props, className: cn(body.base, "leading-relaxed my-item"), children: children })),
+            ul: ({ children, node: _node, ...props }) => (_jsx("ul", { ...props, className: cn(body.base, "list-disc ps-5 my-item space-y-item-xs"), children: children })),
+            ol: ({ children, node: _node, ...props }) => (_jsx("ol", { ...props, className: cn(body.base, "list-decimal ps-5 my-item space-y-item-xs"), children: children })),
+            li: ({ children, node: _node, ...props }) => (_jsx("li", { ...props, className: "leading-relaxed [&>ul]:my-item-xs [&>ol]:my-item-xs", children: children })),
+            a: ({ children, node: _node, ...props }) => (
+            // External-safe by default: field markdown is user-authored content.
+            _jsx("a", { ...props, target: "_blank", rel: "noopener noreferrer", className: cn(link.base, link.states.hover, "h-auto p-0"), children: children })),
+            strong: ({ children, node: _node, ...props }) => (_jsx("strong", { ...props, className: "font-semibold", children: children })),
+            blockquote: ({ children, node: _node, ...props }) => (_jsx("blockquote", { ...props, className: cn(description.base, "border-s-2 border-border ps-element my-item"), children: children })),
+            hr: ({ node: _node, ...props }) => (_jsx("hr", { ...props, className: cn(divider.base, "h-px border-0 my-group") })),
+            table: ({ children, node: _node, ...props }) => (_jsx("div", { className: "my-item w-full overflow-x-auto", children: _jsx("table", { ...props, className: cn(body.base, "w-full border-collapse"), children: children }) })),
+            th: ({ children, node: _node, ...props }) => (_jsx("th", { ...props, className: "border-b border-border px-element py-item-xs text-start font-medium", children: children })),
+            td: ({ children, node: _node, ...props }) => (_jsx("td", { ...props, className: "border-b border-border/50 px-element py-item-xs align-top", children: children })),
+        };
+    }, [heading, body, description, link, divider]);
+    return (_jsx(MarkdownStream
+    // Static field content: never mid-stream, so incomplete-markdown repair
+    // (unterminated bold/links) must not rewrite what the user typed.
+    , { 
+        // Static field content: never mid-stream, so incomplete-markdown repair
+        // (unterminated bold/links) must not rewrite what the user typed.
+        parseIncompleteMarkdown: false, components: components, className: cn(body.base, 
+        // The element map owns vertical rhythm; strip it at the edges so the
+        // field chrome's own spacing stays authoritative.
+        "size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", className), children: value }));
+}
+;
+MarkdownContent.displayName = "MarkdownContent";
+export { MarkdownContent };
+//# sourceMappingURL=markdown-content.js.map

package/dist/esm/components/data-display/markdown-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-content.js","sourceRoot":"","sources":["../../../../../src/components/data-display/markdown-content.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,0FAA0F;AAC1F,wEAAwE;AACxE,8BAA8B;AAC9B,OAAO,EAAE,cAAc,EAA4B,MAAM,wBAAwB,CAAA;AAEjF,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAA;AAUvG,SAAS,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAwB;IACjE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAE7B,MAAM,OAAO,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAA;IAC3E,MAAM,IAAI,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAA;IACrE,MAAM,IAAI,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAA;IACrE,MAAM,WAAW,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IACnF,MAAM,IAAI,GAAG,SAAS,CAAC,UAAU,CAAC,WAAW,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAA;IACvE,MAAM,OAAO,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IAE7C,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAyB,EAAE;QAC1D,uEAAuE;QACvE,0EAA0E;QAC1E,2EAA2E;QAC3E,0EAA0E;QAC1E,oEAAoE;QACpE,sDAAsD;QACtD,MAAM,CAAC,GAAG,CAAC,GAA8B,EAAE,SAAiB,EAAE,EAAE,CAC9D,SAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAiE;YACzH,OAAO,CACL,KAAC,GAAG,OAAK,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,+BAA+B,EAAE,SAAS,CAAC,YACpF,QAAQ,GACL,CACP,CAAA;QACH,CAAC,CAAA;QAEH,OAAO;YACL,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,KAAK,EAAE,EAAE,IAAI,SAAS,CAAC;YAC3C,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,KAAK,EAAE,EAAE,IAAI,SAAS,CAAC;YAC3C,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,WAAW,CAAC;YACxB,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC;YACtB,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC;YACtB,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC;YACtB,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC1C,eAAO,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,yBAAyB,CAAC,YAAG,QAAQ,GAAK,CAClF;YACD,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC3C,gBAAQ,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,wCAAwC,CAAC,YAAG,QAAQ,GAAM,CACnG;YACD,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC3C,gBAAQ,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,2CAA2C,CAAC,YAAG,QAAQ,GAAM,CACtG;YACD,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC3C,gBAAQ,KAAK,EAAE,SAAS,EAAC,qDAAqD,YAAE,QAAQ,GAAM,CAC/F;YACD,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC;YAC1C,qEAAqE;YACrE,eAAO,KAAK,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,YAC9G,QAAQ,GACP,CACL;YACD,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC/C,oBAAY,KAAK,EAAE,SAAS,EAAC,eAAe,YAAE,QAAQ,GAAU,CACjE;YACD,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACnD,wBAAgB,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,6CAA6C,CAAC,YAClG,QAAQ,GACE,CACd;YACD,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACjC,gBAAQ,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,wBAAwB,CAAC,GAAI,CACzE;YACD,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC9C,cAAK,SAAS,EAAC,gCAAgC,YAC7C,mBAAW,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,wBAAwB,CAAC,YAAG,QAAQ,GAAS,GACpF,CACP;YACD,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC3C,gBAAQ,KAAK,EAAE,SAAS,EAAC,qEAAqE,YAAE,QAAQ,GAAM,CAC/G;YACD,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC3C,gBAAQ,KAAK,EAAE,SAAS,EAAC,2DAA2D,YAAE,QAAQ,GAAM,CACrG;SACF,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IAE/C,OAAO,CACL,KAAC,cAAc;IACb,wEAAwE;IACxE,kEAAkE;;QADlE,wEAAwE;QACxE,kEAAkE;QAClE,uBAAuB,EAAE,KAAK,EAC9B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,IAAI,CAAC,IAAI;QACT,qEAAqE;QACrE,kDAAkD;QAClD,wDAAwD,EACxD,SAAS,CACV,YAEA,KAAK,GACS,CAClB,CAAA;AACH,CAAC;AAED,CAAC;AAAC,eAAoE,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEtG,OAAO,EAAE,eAAe,EAAE,CAAA","sourcesContent":["\"use client\"\n\n/**\n * MarkdownContent — themable markdown body for resource content.\n *\n * Renders a markdown string (typically a long-text field such as a task\n * `description`) through Streamdown — the SAME renderer the AI chat surfaces\n * use — but with every text element remapped onto the active theme's\n * TYPOGRAPHY / INTERACTIVE recipes. Nothing here hardcodes colors: headings,\n * body, links, code, quotes and rules all resolve through `useUI().getRecipe`,\n * so a theme swap restyles rendered descriptions with zero component changes.\n *\n * ## Embedded heading scale (why h1 ≠ recipe h1)\n *\n * A markdown `#` inside a FIELD BODY is a document-local heading, not a page\n * title. Rendering it at the page-heading size (text-3xl) would visually\n * compete with the resource header right above it. The map therefore shifts\n * the ladder two steps down (`#` → recipe h3, `##` → recipe h4, deeper →\n * text-sm/base) — the same compression ClickUp/Linear apply to embedded rich\n * text. The recipe still owns weight/tracking, so theme personality persists.\n *\n * Fenced code blocks are intentionally NOT overridden: Streamdown ships its\n * own shiki-highlighted code block. Only inline code is remapped (CODE recipe).\n */\n\nimport * as React from \"react\"\n// The markdown pipeline (streamdown + katex + marked + micromark/parse5, ~210 kB gzipped)\n// resolves on first render through this door, never on first paint. See\n// `markdown-stream.lazy.tsx`.\nimport { MarkdownStream, type MarkdownStreamProps } from \"./markdown-stream.lazy\"\n\nimport { cn, useUI } from \"@wildo-ai/saas-frontend-lib\"\nimport { InteractiveVariant, TypographyVariant, UIBehavior } from \"@wildo-ai/presets-components-models\"\n\nexport interface MarkdownContentProps {\n  /** Raw markdown source (GFM supported: tables, strikethrough, task lists). */\n  value: string\n  className?: string\n}\n\ntype StreamdownComponents = MarkdownStreamProps[\"components\"]\n\nfunction MarkdownContent({ value, className }: MarkdownContentProps): React.JSX.Element {\n  const { getRecipe } = useUI()\n\n  const heading = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.HEADING)\n  const body = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.BODY)\n  const code = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.CODE)\n  const description = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION)\n  const link = getRecipe(UIBehavior.INTERACTIVE, InteractiveVariant.LINK)\n  const divider = getRecipe(UIBehavior.DIVIDER)\n\n  const components = React.useMemo((): StreamdownComponents => {\n    // Headings keep the recipe's personality (weight/tracking) but use the\n    // embedded scale described in the file JSDoc. The DEMOTION IS SEMANTIC as\n    // well as visual: markdown `#` renders as a real `<h3>` (`##` → `<h4>`, …)\n    // so the document outline stays subordinate to the page/resource headings\n    // above the field. `leading-snug` relaxes the recipe's page-heading\n    // `leading-none`, too tight inside flowing body copy.\n    const h = (Tag: \"h3\" | \"h4\" | \"h5\" | \"h6\", sizeClass: string) =>\n      function MarkdownHeading({ children, node: _node, ...props }: React.HTMLAttributes<HTMLHeadingElement> & { node?: unknown }) {\n        return (\n          <Tag {...props} className={cn(heading.base, \"leading-snug mt-group mb-item\", sizeClass)}>\n            {children}\n          </Tag>\n        )\n      }\n\n    return {\n      h1: h(\"h3\", heading.sizes?.h3 ?? \"text-xl\"),\n      h2: h(\"h4\", heading.sizes?.h4 ?? \"text-lg\"),\n      h3: h(\"h5\", \"text-base\"),\n      h4: h(\"h6\", \"text-sm\"),\n      h5: h(\"h6\", \"text-sm\"),\n      h6: h(\"h6\", \"text-sm\"),\n      p: ({ children, node: _node, ...props }) => (\n        <p {...props} className={cn(body.base, \"leading-relaxed my-item\")}>{children}</p>\n      ),\n      ul: ({ children, node: _node, ...props }) => (\n        <ul {...props} className={cn(body.base, \"list-disc ps-5 my-item space-y-item-xs\")}>{children}</ul>\n      ),\n      ol: ({ children, node: _node, ...props }) => (\n        <ol {...props} className={cn(body.base, \"list-decimal ps-5 my-item space-y-item-xs\")}>{children}</ol>\n      ),\n      li: ({ children, node: _node, ...props }) => (\n        <li {...props} className=\"leading-relaxed [&>ul]:my-item-xs [&>ol]:my-item-xs\">{children}</li>\n      ),\n      a: ({ children, node: _node, ...props }) => (\n        // External-safe by default: field markdown is user-authored content.\n        <a {...props} target=\"_blank\" rel=\"noopener noreferrer\" className={cn(link.base, link.states.hover, \"h-auto p-0\")}>\n          {children}\n        </a>\n      ),\n      strong: ({ children, node: _node, ...props }) => (\n        <strong {...props} className=\"font-semibold\">{children}</strong>\n      ),\n      blockquote: ({ children, node: _node, ...props }) => (\n        <blockquote {...props} className={cn(description.base, \"border-s-2 border-border ps-element my-item\")}>\n          {children}\n        </blockquote>\n      ),\n      hr: ({ node: _node, ...props }) => (\n        <hr {...props} className={cn(divider.base, \"h-px border-0 my-group\")} />\n      ),\n      table: ({ children, node: _node, ...props }) => (\n        <div className=\"my-item w-full overflow-x-auto\">\n          <table {...props} className={cn(body.base, \"w-full border-collapse\")}>{children}</table>\n        </div>\n      ),\n      th: ({ children, node: _node, ...props }) => (\n        <th {...props} className=\"border-b border-border px-element py-item-xs text-start font-medium\">{children}</th>\n      ),\n      td: ({ children, node: _node, ...props }) => (\n        <td {...props} className=\"border-b border-border/50 px-element py-item-xs align-top\">{children}</td>\n      ),\n    }\n  }, [heading, body, description, link, divider])\n\n  return (\n    <MarkdownStream\n      // Static field content: never mid-stream, so incomplete-markdown repair\n      // (unterminated bold/links) must not rewrite what the user typed.\n      parseIncompleteMarkdown={false}\n      components={components}\n      className={cn(\n        body.base,\n        // The element map owns vertical rhythm; strip it at the edges so the\n        // field chrome's own spacing stays authoritative.\n        \"size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0\",\n        className,\n      )}\n    >\n      {value}\n    </MarkdownStream>\n  )\n}\n\n;(MarkdownContent as typeof MarkdownContent & { displayName: string }).displayName = \"MarkdownContent\"\n\nexport { MarkdownContent }\n"]}

package/dist/esm/components/data-display/markdown-stream-runtime.d.ts

@@ -0,0 +1,134 @@
+/**
+ * The markdown-rendering RUNTIME — the single dynamic-import target behind `markdown-stream.lazy`.
+ *
+ * `streamdown` is not one library: it is a markdown PIPELINE, and its transitive closure is by far
+ * the largest single payload the preset package used to put on first paint. Measured on
+ * `examples/wonder-crm` (production `vite build`, attribution by sourcemap over the assets
+ * referenced from `dist/index.html`), the eager cost of this module's graph was:
+ *
+ * | payload                                                        | gzipped |
+ * |----------------------------------------------------------------|--------:|
+ * | `parse5` + `micromark*` + `mdast-*` + `streamdown` (one chunk)  | 117.3 kB |
+ * | `katex` (maths typesetting, via `rehype-katex`)                 |  74.3 kB |
+ * | `marked`                                                        |  11.7 kB |
+ * | `property-information`                                          |   6.3 kB |
+ *
+ * — about **210 kB gzipped, ~13% of the whole first load**, shipped to every user of every
+ * generated application before a single markdown character is rendered. Nothing in an application
+ * shell, a login screen, a resource list or a form needs it.
+ *
+ * ## Why the runtime module exists at all, rather than three `React.lazy` calls at the leaves
+ *
+ * Rollup/Vite emit one async chunk per dynamically-imported MODULE. The three call sites
+ * (`markdown-content`, `ai-elements/trace/reasoning`, `ai-elements/chat/message`) all name THIS
+ * module and nothing else, so the bundler sees exactly one dynamic target and emits exactly one
+ * async chunk holding the whole pipeline. Three per-leaf split points would have produced either a
+ * duplicated pipeline or an implicit shared chunk whose contents depend on which leaf a future
+ * refactor happens to reach first. Same rationale as `ai-elements/graph/graph-runtime.ts`.
+ *
+ * ## The rule
+ *
+ * Nothing may statically import this module except `markdown-stream.lazy.tsx`. Rollup merges a
+ * module that is both statically and dynamically imported into the static importer's chunk, and
+ * every dynamic import then quietly resolves to it — zero errors, zero warnings, 210 kB shipped
+ * eagerly again. Enforced by `pnpm check:lazy-boundaries`.
+ */
+import type { ReactElement } from 'react';
+import type { StreamdownProps } from 'streamdown';
+/** The shape `streamdown` accepts for `rehypePlugins`, named locally so nothing imports `unified`. */
+export type MarkdownRehypePluginList = NonNullable<StreamdownProps['rehypePlugins']>;
+/**
+ * `streamdown`'s own rehype plugins, with `rehype-katex` MOVED TO THE END of the chain.
+ *
+ * ## What was broken
+ *
+ * `streamdown` ships `{ raw, katex, sanitize, harden }` and hands `Object.values(...)` to `unified`,
+ * so its declaration order IS its execution order: KaTeX typesets, and `rehype-sanitize` then runs
+ * over KaTeX's output with an EMPTY options object — i.e. the default GitHub schema, which
+ * allow-lists neither the `katex` / `katex-mathml` / `katex-html` classes nor any MathML element.
+ * Every class KaTeX emits was therefore stripped and the whole `<math>` subtree removed, which has
+ * two consequences that compound:
+ *
+ * - `katex.min.css` (28 kB plus ~60 font files, loaded by `streamdown` on first maths block) could
+ *   never match a single selector, so nothing was ever typeset;
+ * - the MathML rendering that stylesheet normally HIDES showed through beside the HTML rendering,
+ *   so `$$E = mc^2$$` displayed as the doubled string `E=mc2E = mc^2`.
+ *
+ * Measured in jsdom before this change: `.katex` → null, `math` → null, `annotation` → null.
+ *
+ * ## Why the fix is an ORDER change and not a wider sanitize schema
+ *
+ * Widening the schema — allow-listing KaTeX's classes, the MathML tag set and `style` on `<span>` —
+ * was rejected. `style` in particular is a real attack surface (a `position: fixed` overlay is
+ * clickjacking), and widening a sanitizer to accommodate ONE trusted producer relaxes it for ALL
+ * input, including the untrusted HTML the sanitizer exists for.
+ *
+ * The order is the actual defect. `rehype-sanitize` neutralises UNTRUSTED INPUT HTML. KaTeX's
+ * output is not input: it is machine-generated by this pipeline, from LaTeX source that has already
+ * passed through the sanitizer, by a renderer we configure. Sanitising a trusted generator's output
+ * is the wrong stage, and running the input-hardening chain to completion FIRST is both correct and
+ * strictly narrower than relaxing the schema.
+ *
+ * So the chain becomes `raw → sanitize → harden → katex`: `rehype-raw` parses embedded HTML,
+ * `rehype-sanitize` removes everything dangerous from it, `rehype-harden` rewrites link/image URLs,
+ * and only then does our own generator run, with nothing after it able to strip what it produced.
+ * Every element before `katex` keeps its current relative position, so this is a one-plugin move.
+ *
+ * ## Why sanitising BEFORE KaTeX does not disarm KaTeX
+ *
+ * `remark-math` emits `<code class="language-math math-display">` inside `<pre>` for display maths
+ * and `<code class="language-math math-inline">` for inline. The GitHub schema allows `className` on
+ * `<code>` when it matches `/^language-./`, so `language-math` SURVIVES and `math-display` /
+ * `math-inline` do not. `rehype-katex` triggers on any of the three, and derives display mode from
+ * the `<pre>` parent when the marker class is `language-math` — so both modes still render
+ * correctly. Verified: a `$$\n…\n$$` block still produces `.katex-display` with `display="block"`.
+ *
+ * ## The compensating control this order REQUIRES: `trust: false`
+ *
+ * With sanitize ahead of it, KaTeX is the last stage and nothing audits its output. That is only
+ * safe because KaTeX refuses the commands that emit raw markup — `\href`, `\url`,
+ * `\includegraphics`, `\htmlClass`, `\htmlId`, `\htmlStyle`, `\htmlData` — unless `trust` is
+ * enabled. `streamdown` passes only `{ errorColor }`, so `trust` is KaTeX's default `false`; it is
+ * pinned EXPLICITLY here because it is the single option whose flip would turn this ordering into an
+ * XSS hole, and a `streamdown` upgrade could set it without anything else changing.
+ *
+ * That pin is load-bearing, not decorative — mutation-measured through the real plugin list:
+ *
+ * | input                                | `trust: false` (pinned) | `trust: true` (mutation) |
+ * |--------------------------------------|-------------------------|--------------------------|
+ * | `$$\href{javascript:alert(1)}{x}$$`  | rendered as error text  | `<a href="javascript:…">` |
+ * | `$$\includegraphics{…}$$`            | rendered as error text  | `<mglyph src="…">`        |
+ *
+ * `strict` is deliberately NOT pinned: KaTeX's default `'warn'` is the stricter setting, and
+ * `rehype-katex` already forces `strict: 'ignore'` on its own error-recovery retry, so pinning it
+ * here could only ever loosen the behaviour measured above.
+ *
+ * ## Why `katex` is taken from `defaultRehypePlugins` rather than imported
+ *
+ * `streamdown`'s KaTeX-stylesheet loader tests the `rehypePlugins` array for its OWN `rehype-katex`
+ * function reference. A `rehype-katex` imported here would be a different module instance under
+ * pnpm, the identity test would fail, and the stylesheet would silently never load — the same
+ * unstyled result by a different route. Reusing `defaultRehypePlugins.katex` keeps that identity
+ * (the loader accepts a `[plugin, options]` tuple and compares `tuple[0]`) and inherits
+ * `streamdown`'s own `errorColor`. It also avoids adding a direct dependency for a package that
+ * already gets the plugin transitively.
+ *
+ * The list is derived from the map's own entries rather than from a hardcoded key list, so a plugin
+ * `streamdown` adds in a future release keeps its authored position automatically; only `katex`
+ * moves. If `streamdown` ever stops shipping a `katex` entry, the defaults are used unchanged.
+ */
+export declare const DEFAULT_REHYPE_PLUGINS: MarkdownRehypePluginList;
+/**
+ * `Streamdown` with the reordered pipeline applied as a DEFAULT.
+ *
+ * Written with `createElement` rather than JSX so this module stays a `.ts` file and the lazy
+ * wrapper's dynamic-import specifier is unchanged. `props` is spread AFTER `rehypePlugins`, so a
+ * caller that supplies its own list still wins — the ordering is the framework's default, not a
+ * lock.
+ *
+ * `DEFAULT_REHYPE_PLUGINS` is a module-level constant for the same reason `MERMAID_OPTIONS` is one
+ * in the lazy wrapper: `streamdown` memoizes its blocks on the `rehypePlugins` IDENTITY, so a list
+ * rebuilt per render would invalidate that memo on every keystroke of a streaming response.
+ */
+export declare function MarkdownStreamRuntime(props: StreamdownProps): ReactElement;
+//# sourceMappingURL=markdown-stream-runtime.d.ts.map

package/dist/esm/components/data-display/markdown-stream-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-stream-runtime.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/markdown-stream-runtime.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAEjD,sGAAsG;AACtG,MAAM,MAAM,wBAAwB,GAAG,WAAW,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC,CAAA;AAEpF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+EG;AACH,eAAO,MAAM,sBAAsB,EAAE,wBAQjC,CAAA;AAEJ;;;;;;;;;;;GAWG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,CAE1E"}

package/dist/esm/components/data-display/markdown-stream-runtime.js

@@ -0,0 +1,143 @@
+/**
+ * The markdown-rendering RUNTIME — the single dynamic-import target behind `markdown-stream.lazy`.
+ *
+ * `streamdown` is not one library: it is a markdown PIPELINE, and its transitive closure is by far
+ * the largest single payload the preset package used to put on first paint. Measured on
+ * `examples/wonder-crm` (production `vite build`, attribution by sourcemap over the assets
+ * referenced from `dist/index.html`), the eager cost of this module's graph was:
+ *
+ * | payload                                                        | gzipped |
+ * |----------------------------------------------------------------|--------:|
+ * | `parse5` + `micromark*` + `mdast-*` + `streamdown` (one chunk)  | 117.3 kB |
+ * | `katex` (maths typesetting, via `rehype-katex`)                 |  74.3 kB |
+ * | `marked`                                                        |  11.7 kB |
+ * | `property-information`                                          |   6.3 kB |
+ *
+ * — about **210 kB gzipped, ~13% of the whole first load**, shipped to every user of every
+ * generated application before a single markdown character is rendered. Nothing in an application
+ * shell, a login screen, a resource list or a form needs it.
+ *
+ * ## Why the runtime module exists at all, rather than three `React.lazy` calls at the leaves
+ *
+ * Rollup/Vite emit one async chunk per dynamically-imported MODULE. The three call sites
+ * (`markdown-content`, `ai-elements/trace/reasoning`, `ai-elements/chat/message`) all name THIS
+ * module and nothing else, so the bundler sees exactly one dynamic target and emits exactly one
+ * async chunk holding the whole pipeline. Three per-leaf split points would have produced either a
+ * duplicated pipeline or an implicit shared chunk whose contents depend on which leaf a future
+ * refactor happens to reach first. Same rationale as `ai-elements/graph/graph-runtime.ts`.
+ *
+ * ## The rule
+ *
+ * Nothing may statically import this module except `markdown-stream.lazy.tsx`. Rollup merges a
+ * module that is both statically and dynamically imported into the static importer's chunk, and
+ * every dynamic import then quietly resolves to it — zero errors, zero warnings, 210 kB shipped
+ * eagerly again. Enforced by `pnpm check:lazy-boundaries`.
+ */
+import { createElement } from 'react';
+import { Streamdown, defaultRehypePlugins } from 'streamdown';
+/**
+ * `streamdown`'s own rehype plugins, with `rehype-katex` MOVED TO THE END of the chain.
+ *
+ * ## What was broken
+ *
+ * `streamdown` ships `{ raw, katex, sanitize, harden }` and hands `Object.values(...)` to `unified`,
+ * so its declaration order IS its execution order: KaTeX typesets, and `rehype-sanitize` then runs
+ * over KaTeX's output with an EMPTY options object — i.e. the default GitHub schema, which
+ * allow-lists neither the `katex` / `katex-mathml` / `katex-html` classes nor any MathML element.
+ * Every class KaTeX emits was therefore stripped and the whole `<math>` subtree removed, which has
+ * two consequences that compound:
+ *
+ * - `katex.min.css` (28 kB plus ~60 font files, loaded by `streamdown` on first maths block) could
+ *   never match a single selector, so nothing was ever typeset;
+ * - the MathML rendering that stylesheet normally HIDES showed through beside the HTML rendering,
+ *   so `$$E = mc^2$$` displayed as the doubled string `E=mc2E = mc^2`.
+ *
+ * Measured in jsdom before this change: `.katex` → null, `math` → null, `annotation` → null.
+ *
+ * ## Why the fix is an ORDER change and not a wider sanitize schema
+ *
+ * Widening the schema — allow-listing KaTeX's classes, the MathML tag set and `style` on `<span>` —
+ * was rejected. `style` in particular is a real attack surface (a `position: fixed` overlay is
+ * clickjacking), and widening a sanitizer to accommodate ONE trusted producer relaxes it for ALL
+ * input, including the untrusted HTML the sanitizer exists for.
+ *
+ * The order is the actual defect. `rehype-sanitize` neutralises UNTRUSTED INPUT HTML. KaTeX's
+ * output is not input: it is machine-generated by this pipeline, from LaTeX source that has already
+ * passed through the sanitizer, by a renderer we configure. Sanitising a trusted generator's output
+ * is the wrong stage, and running the input-hardening chain to completion FIRST is both correct and
+ * strictly narrower than relaxing the schema.
+ *
+ * So the chain becomes `raw → sanitize → harden → katex`: `rehype-raw` parses embedded HTML,
+ * `rehype-sanitize` removes everything dangerous from it, `rehype-harden` rewrites link/image URLs,
+ * and only then does our own generator run, with nothing after it able to strip what it produced.
+ * Every element before `katex` keeps its current relative position, so this is a one-plugin move.
+ *
+ * ## Why sanitising BEFORE KaTeX does not disarm KaTeX
+ *
+ * `remark-math` emits `<code class="language-math math-display">` inside `<pre>` for display maths
+ * and `<code class="language-math math-inline">` for inline. The GitHub schema allows `className` on
+ * `<code>` when it matches `/^language-./`, so `language-math` SURVIVES and `math-display` /
+ * `math-inline` do not. `rehype-katex` triggers on any of the three, and derives display mode from
+ * the `<pre>` parent when the marker class is `language-math` — so both modes still render
+ * correctly. Verified: a `$$\n…\n$$` block still produces `.katex-display` with `display="block"`.
+ *
+ * ## The compensating control this order REQUIRES: `trust: false`
+ *
+ * With sanitize ahead of it, KaTeX is the last stage and nothing audits its output. That is only
+ * safe because KaTeX refuses the commands that emit raw markup — `\href`, `\url`,
+ * `\includegraphics`, `\htmlClass`, `\htmlId`, `\htmlStyle`, `\htmlData` — unless `trust` is
+ * enabled. `streamdown` passes only `{ errorColor }`, so `trust` is KaTeX's default `false`; it is
+ * pinned EXPLICITLY here because it is the single option whose flip would turn this ordering into an
+ * XSS hole, and a `streamdown` upgrade could set it without anything else changing.
+ *
+ * That pin is load-bearing, not decorative — mutation-measured through the real plugin list:
+ *
+ * | input                                | `trust: false` (pinned) | `trust: true` (mutation) |
+ * |--------------------------------------|-------------------------|--------------------------|
+ * | `$$\href{javascript:alert(1)}{x}$$`  | rendered as error text  | `<a href="javascript:…">` |
+ * | `$$\includegraphics{…}$$`            | rendered as error text  | `<mglyph src="…">`        |
+ *
+ * `strict` is deliberately NOT pinned: KaTeX's default `'warn'` is the stricter setting, and
+ * `rehype-katex` already forces `strict: 'ignore'` on its own error-recovery retry, so pinning it
+ * here could only ever loosen the behaviour measured above.
+ *
+ * ## Why `katex` is taken from `defaultRehypePlugins` rather than imported
+ *
+ * `streamdown`'s KaTeX-stylesheet loader tests the `rehypePlugins` array for its OWN `rehype-katex`
+ * function reference. A `rehype-katex` imported here would be a different module instance under
+ * pnpm, the identity test would fail, and the stylesheet would silently never load — the same
+ * unstyled result by a different route. Reusing `defaultRehypePlugins.katex` keeps that identity
+ * (the loader accepts a `[plugin, options]` tuple and compares `tuple[0]`) and inherits
+ * `streamdown`'s own `errorColor`. It also avoids adding a direct dependency for a package that
+ * already gets the plugin transitively.
+ *
+ * The list is derived from the map's own entries rather than from a hardcoded key list, so a plugin
+ * `streamdown` adds in a future release keeps its authored position automatically; only `katex`
+ * moves. If `streamdown` ever stops shipping a `katex` entry, the defaults are used unchanged.
+ */
+export const DEFAULT_REHYPE_PLUGINS = (() => {
+    const { katex, ...inputHardeningPlugins } = defaultRehypePlugins;
+    if (!katex)
+        return Object.values(defaultRehypePlugins);
+    const [katexPlugin, katexOptions] = (Array.isArray(katex) ? katex : [katex, {}]);
+    return [
+        ...Object.values(inputHardeningPlugins),
+        [katexPlugin, { ...katexOptions, trust: false }],
+    ];
+})();
+/**
+ * `Streamdown` with the reordered pipeline applied as a DEFAULT.
+ *
+ * Written with `createElement` rather than JSX so this module stays a `.ts` file and the lazy
+ * wrapper's dynamic-import specifier is unchanged. `props` is spread AFTER `rehypePlugins`, so a
+ * caller that supplies its own list still wins — the ordering is the framework's default, not a
+ * lock.
+ *
+ * `DEFAULT_REHYPE_PLUGINS` is a module-level constant for the same reason `MERMAID_OPTIONS` is one
+ * in the lazy wrapper: `streamdown` memoizes its blocks on the `rehypePlugins` IDENTITY, so a list
+ * rebuilt per render would invalidate that memo on every keystroke of a streaming response.
+ */
+export function MarkdownStreamRuntime(props) {
+    return createElement(Streamdown, { rehypePlugins: DEFAULT_REHYPE_PLUGINS, ...props });
+}
+//# sourceMappingURL=markdown-stream-runtime.js.map

package/dist/esm/components/data-display/markdown-stream-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-stream-runtime.js","sourceRoot":"","sources":["../../../../../src/components/data-display/markdown-stream-runtime.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAM7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+EG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAA6B,CAAC,GAAG,EAAE;IACpE,MAAM,EAAE,KAAK,EAAE,GAAG,qBAAqB,EAAE,GAAG,oBAAoB,CAAA;IAChE,IAAI,CAAC,KAAK;QAAE,OAAO,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAA6B,CAAA;IAClF,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAuC,CAAA;IACtH,OAAO;QACL,GAAI,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAA8B;QACrE,CAAC,WAAW,EAAE,EAAE,GAAG,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;KACrB,CAAA;AAC/B,CAAC,CAAC,EAAE,CAAA;AAEJ;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,qBAAqB,CAAC,KAAsB;IAC1D,OAAO,aAAa,CAAC,UAAU,EAAE,EAAE,aAAa,EAAE,sBAAsB,EAAE,GAAG,KAAK,EAAE,CAAC,CAAA;AACvF,CAAC","sourcesContent":["/**\n * The markdown-rendering RUNTIME — the single dynamic-import target behind `markdown-stream.lazy`.\n *\n * `streamdown` is not one library: it is a markdown PIPELINE, and its transitive closure is by far\n * the largest single payload the preset package used to put on first paint. Measured on\n * `examples/wonder-crm` (production `vite build`, attribution by sourcemap over the assets\n * referenced from `dist/index.html`), the eager cost of this module's graph was:\n *\n * | payload                                                        | gzipped |\n * |----------------------------------------------------------------|--------:|\n * | `parse5` + `micromark*` + `mdast-*` + `streamdown` (one chunk)  | 117.3 kB |\n * | `katex` (maths typesetting, via `rehype-katex`)                 |  74.3 kB |\n * | `marked`                                                        |  11.7 kB |\n * | `property-information`                                          |   6.3 kB |\n *\n * — about **210 kB gzipped, ~13% of the whole first load**, shipped to every user of every\n * generated application before a single markdown character is rendered. Nothing in an application\n * shell, a login screen, a resource list or a form needs it.\n *\n * ## Why the runtime module exists at all, rather than three `React.lazy` calls at the leaves\n *\n * Rollup/Vite emit one async chunk per dynamically-imported MODULE. The three call sites\n * (`markdown-content`, `ai-elements/trace/reasoning`, `ai-elements/chat/message`) all name THIS\n * module and nothing else, so the bundler sees exactly one dynamic target and emits exactly one\n * async chunk holding the whole pipeline. Three per-leaf split points would have produced either a\n * duplicated pipeline or an implicit shared chunk whose contents depend on which leaf a future\n * refactor happens to reach first. Same rationale as `ai-elements/graph/graph-runtime.ts`.\n *\n * ## The rule\n *\n * Nothing may statically import this module except `markdown-stream.lazy.tsx`. Rollup merges a\n * module that is both statically and dynamically imported into the static importer's chunk, and\n * every dynamic import then quietly resolves to it — zero errors, zero warnings, 210 kB shipped\n * eagerly again. Enforced by `pnpm check:lazy-boundaries`.\n */\n\nimport { createElement } from 'react'\nimport type { ReactElement } from 'react'\nimport { Streamdown, defaultRehypePlugins } from 'streamdown'\nimport type { StreamdownProps } from 'streamdown'\n\n/** The shape `streamdown` accepts for `rehypePlugins`, named locally so nothing imports `unified`. */\nexport type MarkdownRehypePluginList = NonNullable<StreamdownProps['rehypePlugins']>\n\n/**\n * `streamdown`'s own rehype plugins, with `rehype-katex` MOVED TO THE END of the chain.\n *\n * ## What was broken\n *\n * `streamdown` ships `{ raw, katex, sanitize, harden }` and hands `Object.values(...)` to `unified`,\n * so its declaration order IS its execution order: KaTeX typesets, and `rehype-sanitize` then runs\n * over KaTeX's output with an EMPTY options object — i.e. the default GitHub schema, which\n * allow-lists neither the `katex` / `katex-mathml` / `katex-html` classes nor any MathML element.\n * Every class KaTeX emits was therefore stripped and the whole `<math>` subtree removed, which has\n * two consequences that compound:\n *\n * - `katex.min.css` (28 kB plus ~60 font files, loaded by `streamdown` on first maths block) could\n *   never match a single selector, so nothing was ever typeset;\n * - the MathML rendering that stylesheet normally HIDES showed through beside the HTML rendering,\n *   so `$$E = mc^2$$` displayed as the doubled string `E=mc2E = mc^2`.\n *\n * Measured in jsdom before this change: `.katex` → null, `math` → null, `annotation` → null.\n *\n * ## Why the fix is an ORDER change and not a wider sanitize schema\n *\n * Widening the schema — allow-listing KaTeX's classes, the MathML tag set and `style` on `<span>` —\n * was rejected. `style` in particular is a real attack surface (a `position: fixed` overlay is\n * clickjacking), and widening a sanitizer to accommodate ONE trusted producer relaxes it for ALL\n * input, including the untrusted HTML the sanitizer exists for.\n *\n * The order is the actual defect. `rehype-sanitize` neutralises UNTRUSTED INPUT HTML. KaTeX's\n * output is not input: it is machine-generated by this pipeline, from LaTeX source that has already\n * passed through the sanitizer, by a renderer we configure. Sanitising a trusted generator's output\n * is the wrong stage, and running the input-hardening chain to completion FIRST is both correct and\n * strictly narrower than relaxing the schema.\n *\n * So the chain becomes `raw → sanitize → harden → katex`: `rehype-raw` parses embedded HTML,\n * `rehype-sanitize` removes everything dangerous from it, `rehype-harden` rewrites link/image URLs,\n * and only then does our own generator run, with nothing after it able to strip what it produced.\n * Every element before `katex` keeps its current relative position, so this is a one-plugin move.\n *\n * ## Why sanitising BEFORE KaTeX does not disarm KaTeX\n *\n * `remark-math` emits `<code class=\"language-math math-display\">` inside `<pre>` for display maths\n * and `<code class=\"language-math math-inline\">` for inline. The GitHub schema allows `className` on\n * `<code>` when it matches `/^language-./`, so `language-math` SURVIVES and `math-display` /\n * `math-inline` do not. `rehype-katex` triggers on any of the three, and derives display mode from\n * the `<pre>` parent when the marker class is `language-math` — so both modes still render\n * correctly. Verified: a `$$\\n…\\n$$` block still produces `.katex-display` with `display=\"block\"`.\n *\n * ## The compensating control this order REQUIRES: `trust: false`\n *\n * With sanitize ahead of it, KaTeX is the last stage and nothing audits its output. That is only\n * safe because KaTeX refuses the commands that emit raw markup — `\\href`, `\\url`,\n * `\\includegraphics`, `\\htmlClass`, `\\htmlId`, `\\htmlStyle`, `\\htmlData` — unless `trust` is\n * enabled. `streamdown` passes only `{ errorColor }`, so `trust` is KaTeX's default `false`; it is\n * pinned EXPLICITLY here because it is the single option whose flip would turn this ordering into an\n * XSS hole, and a `streamdown` upgrade could set it without anything else changing.\n *\n * That pin is load-bearing, not decorative — mutation-measured through the real plugin list:\n *\n * | input                                | `trust: false` (pinned) | `trust: true` (mutation) |\n * |--------------------------------------|-------------------------|--------------------------|\n * | `$$\\href{javascript:alert(1)}{x}$$`  | rendered as error text  | `<a href=\"javascript:…\">` |\n * | `$$\\includegraphics{…}$$`            | rendered as error text  | `<mglyph src=\"…\">`        |\n *\n * `strict` is deliberately NOT pinned: KaTeX's default `'warn'` is the stricter setting, and\n * `rehype-katex` already forces `strict: 'ignore'` on its own error-recovery retry, so pinning it\n * here could only ever loosen the behaviour measured above.\n *\n * ## Why `katex` is taken from `defaultRehypePlugins` rather than imported\n *\n * `streamdown`'s KaTeX-stylesheet loader tests the `rehypePlugins` array for its OWN `rehype-katex`\n * function reference. A `rehype-katex` imported here would be a different module instance under\n * pnpm, the identity test would fail, and the stylesheet would silently never load — the same\n * unstyled result by a different route. Reusing `defaultRehypePlugins.katex` keeps that identity\n * (the loader accepts a `[plugin, options]` tuple and compares `tuple[0]`) and inherits\n * `streamdown`'s own `errorColor`. It also avoids adding a direct dependency for a package that\n * already gets the plugin transitively.\n *\n * The list is derived from the map's own entries rather than from a hardcoded key list, so a plugin\n * `streamdown` adds in a future release keeps its authored position automatically; only `katex`\n * moves. If `streamdown` ever stops shipping a `katex` entry, the defaults are used unchanged.\n */\nexport const DEFAULT_REHYPE_PLUGINS: MarkdownRehypePluginList = (() => {\n  const { katex, ...inputHardeningPlugins } = defaultRehypePlugins\n  if (!katex) return Object.values(defaultRehypePlugins) as MarkdownRehypePluginList\n  const [katexPlugin, katexOptions] = (Array.isArray(katex) ? katex : [katex, {}]) as [unknown, Record<string, unknown>]\n  return [\n    ...(Object.values(inputHardeningPlugins) as MarkdownRehypePluginList),\n    [katexPlugin, { ...katexOptions, trust: false }],\n  ] as MarkdownRehypePluginList\n})()\n\n/**\n * `Streamdown` with the reordered pipeline applied as a DEFAULT.\n *\n * Written with `createElement` rather than JSX so this module stays a `.ts` file and the lazy\n * wrapper's dynamic-import specifier is unchanged. `props` is spread AFTER `rehypePlugins`, so a\n * caller that supplies its own list still wins — the ordering is the framework's default, not a\n * lock.\n *\n * `DEFAULT_REHYPE_PLUGINS` is a module-level constant for the same reason `MERMAID_OPTIONS` is one\n * in the lazy wrapper: `streamdown` memoizes its blocks on the `rehypePlugins` IDENTITY, so a list\n * rebuilt per render would invalidate that memo on every keystroke of a streaming response.\n */\nexport function MarkdownStreamRuntime(props: StreamdownProps): ReactElement {\n  return createElement(Streamdown, { rehypePlugins: DEFAULT_REHYPE_PLUGINS, ...props })\n}\n"]}