@ai-react-markdown/mantine 2.3.2 → 2.4.0

package/README.md

@@ -38,10 +38,10 @@ yarn add @ai-react-markdown/mantine @ai-react-markdown/core
 {
   "react": ">=19",
   "react-dom": ">=19",
-  "@ai-react-markdown/core": "^2.3.2",
+  "@ai-react-markdown/core": "^2.4.0",
   "@mantine/core": "^9.0.0",
   "@mantine/code-highlight": "^9.0.0",
-  "highlight.js": "^11.11.1"
+  "highlight.js": "^11.11.2"
 }
 ```
 
@@ -206,13 +206,13 @@ Activated by importing `@ai-react-markdown/mantine/styles.css` in your app entry
 
 The Mantine package installs a default `<pre>` renderer (`MantineAIMPreCode`) that powers all code-block features. Behavior by code-block flavor:
 
-| Code-block flavor                          | Rendered as                 | Notes                                                                                                                                |
-| ------------------------------------------ | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
-| Annotated, known language (e.g. ` ```ts `) | `<CodeHighlightTabs>`       | Tab label = language name                                                                                                            |
-| Annotated, unknown language identifier     | `<CodeHighlight>` plaintext | Filename label shows the unknown identifier                                                                                          |
-| No language annotation                     | `<CodeHighlight>` plaintext | Label = `"unknown"`. With `codeBlock.autoDetectUnknownLanguage: true`, `hljs.highlightAuto` is consulted before falling back         |
-| ` ```mermaid `                             | Interactive Mermaid diagram | See [Mermaid Diagrams](#mermaid-diagrams)                                                                                            |
-| ` ```json `                                | Pretty-printed JSON         | Deep-parsed via `deep-parse-json` to expand any nested JSON-encoded strings, then re-serialized with 2-space indent before rendering |
+| Code-block flavor                          | Rendered as                 | Notes                                                                                                                                                                                                       |
+| ------------------------------------------ | --------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Annotated, known language (e.g. ` ```ts `) | `<CodeHighlightTabs>`       | Tab label = language name                                                                                                                                                                                   |
+| Annotated, unknown language identifier     | `<CodeHighlightTabs>`       | Tab label = the identifier as written; Mantine's highlight adapter degrades an unknown language to plaintext                                                                                                |
+| No language annotation                     | `<CodeHighlight>` plaintext | Label = `"unknown"`. With `codeBlock.autoDetectUnknownLanguage: true`, `hljs.highlightAuto` guesses early, re-checks as the block grows, and settles at end of stream — label/highlighting upgrade in place |
+| ` ```mermaid ` (any case)                  | Interactive Mermaid diagram | See [Mermaid Diagrams](#mermaid-diagrams); the language match is case-insensitive                                                                                                                           |
+| ` ```json ` (any case)                     | Pretty-printed JSON         | As soon as the block looks complete (ends in `}`/`]`), deep-parsed via `deep-parse-json` to expand any nested JSON-encoded strings, then re-serialized with 2-space indent before rendering                 |
 
 All non-special blocks render with `withBorder` and `withExpandButton`, collapsing to `maxCollapsedHeight="320px"` until expanded.
 
@@ -243,11 +243,23 @@ By default, code blocks without an explicit language annotation render as plaint
 <MantineAIMarkdown content={markdown} codeBlock={{ autoDetectUnknownLanguage: true }} />
 ```
 
-This uses `highlight.js`'s `highlightAuto` to guess the language. Results may vary for short or ambiguous snippets.
+This uses `highlight.js`'s `highlightAuto` to guess the language. Results may vary for short or ambiguous snippets. While a block streams, detection runs on a doubling schedule — a first guess once the block has ~32 characters, a corrective re-run each time it has doubled in length, and a final verdict when the stream ends — so a long block gets an early label and periodic corrections at O(n) total cost instead of a full re-score on every chunk. The full `highlight.js` build is loaded on demand the first time it is needed; the package itself no longer imports the root `highlight.js` entry, so consumers who register only the languages they need via `highlight.js/lib/core` keep that bundle saving unless they turn this option on.
+
+### Preloading the on-demand assets
+
+`mermaid` and (for auto-detection) `highlight.js` are loaded lazily by the code-block renderers. An app that would rather pay that cost at startup — a documentation page whose first screen shows a diagram, or a chat UI that wants zero first-diagram latency — calls the exported helper once at boot:
+
+```tsx
+import { preloadMantineCodeAssets } from '@ai-react-markdown/mantine';
+
+void preloadMantineCodeAssets(); // idempotent; failures are swallowed and the renderers fall back to lazy loading
+```
+
+Importing the modules yourself at app entry (`import 'mermaid'`) has the same effect under a bundler: the dynamic import then resolves to the already-loaded module.
 
 ## Mermaid Diagrams
 
-Fenced code blocks with the `mermaid` language identifier render as interactive SVG diagrams:
+Fenced code blocks with the `mermaid` language identifier render as interactive SVG diagrams. The `mermaid` module is loaded on demand — the first diagram that renders pays the import (the raw source shows as a code block while it loads), and an app whose content never contains a mermaid fence never downloads it:
 
 ````markdown
 ```mermaid

package/dist/index.cjs

@@ -35,6 +35,7 @@ __export(index_exports, {
   default: () => MantineAIMarkdown_default,
   defaultMantineCodeBlockOptions: () => defaultMantineCodeBlockOptions,
   defineMantineBehaviors: () => defineMantineBehaviors,
+  preloadMantineCodeAssets: () => preloadMantineCodeAssets,
   useMantineAIMarkdownMetadata: () => useMantineAIMarkdownMetadata,
   useMantineCodeBlockOptions: () => useMantineCodeBlockOptions
 });
@@ -64,7 +65,6 @@ var DefaultExtraStyles_default = MantineAIMDefaultExtraStyles;
 var import_react4 = require("react");
 var import_code_highlight2 = require("@mantine/code-highlight");
 var import_deep_parse_json = require("deep-parse-json");
-var import_highlight = __toESM(require("highlight.js"), 1);
 var import_core5 = require("@ai-react-markdown/core");
 
 // src/hooks/useMantineCodeBlockOptions.ts
@@ -81,23 +81,34 @@ var defaultMantineCodeBlockOptions = Object.freeze({
 function useMantineCodeBlockOptions() {
   const behaviors = (0, import_core2.useAIMarkdownBehaviors)();
   const group = behaviors.codeBlock;
-  return (0, import_react2.useMemo)(() => ({ ...defaultMantineCodeBlockOptions, ...group }), [group]);
+  return (0, import_react2.useMemo)(() => {
+    const resolved = { ...defaultMantineCodeBlockOptions };
+    for (const key of Object.keys(defaultMantineCodeBlockOptions)) {
+      const value = group?.[key];
+      if (value !== void 0) resolved[key] = value;
+    }
+    return resolved;
+  }, [group]);
 }
 
 // src/components/customized/MermaidCode/index.tsx
 var import_react3 = require("react");
 var import_code_highlight = require("@mantine/code-highlight");
 var import_core3 = require("@mantine/core");
-var import_mermaid = __toESM(require("mermaid"), 1);
 var import_core4 = require("@ai-react-markdown/core");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var PRE_STYLE = { cursor: "pointer", overflow: "auto", width: "100%", padding: "0.5rem" };
 var sameView = (a, b) => a.kind === "diagram" && b.kind === "diagram" ? a.chartType === b.chartType : a.kind === b.kind;
+var mermaidPromise = null;
+var loadMermaid = () => {
+  mermaidPromise ??= import("mermaid").then((m) => m.default);
+  return mermaidPromise;
+};
 var initializedTheme = null;
-var ensureMermaidInitialized = (isDark) => {
+var ensureMermaidInitialized = (mermaid, isDark) => {
   const theme = isDark ? "dark" : "light";
   if (initializedTheme === theme) return;
-  import_mermaid.default.initialize({
+  mermaid.initialize({
     startOnLoad: false,
     securityLevel: "strict",
     theme: isDark ? "dark" : "base",
@@ -122,9 +133,7 @@ var handleViewSVGInNewWindow = (svgElement, isDark) => {
   const blob = new Blob([text], { type: "image/svg+xml" });
   const url = URL.createObjectURL(blob);
   const win = window.open(url);
-  if (win) {
-    setTimeout(() => URL.revokeObjectURL(url), 5e3);
-  }
+  setTimeout(() => URL.revokeObjectURL(url), win ? 5e3 : 0);
 };
 var MantineAIMMermaidCode = (0, import_react3.memo)((props) => {
   const { colorScheme, fontSize } = (0, import_core4.useAIMarkdownTheme)();
@@ -166,15 +175,27 @@ var MantineAIMMermaidCode = (0, import_react3.memo)((props) => {
     let cancelled = false;
     const renderMermaid = async () => {
       try {
-        ensureMermaidInitialized(isDark);
-        const parseResult = await import_mermaid.default.parse(props.code);
+        const mermaid = await loadMermaid();
+        if (!ref.current || cancelled || renderVersion !== renderVersionRef.current) {
+          return;
+        }
+        ensureMermaidInitialized(mermaid, isDark);
+        const parseResult = await mermaid.parse(props.code);
         if (!parseResult) {
           throw new Error("Failed to parse mermaid code");
         }
         if (!ref.current || cancelled || renderVersion !== renderVersionRef.current) {
           return;
         }
-        const { svg, bindFunctions, diagramType } = await import_mermaid.default.render(generateMermaidUUID(), props.code);
+        let rendered = await mermaid.render(generateMermaidUUID(), props.code);
+        if (initializedTheme !== (isDark ? "dark" : "light")) {
+          if (!ref.current || cancelled || renderVersion !== renderVersionRef.current) {
+            return;
+          }
+          ensureMermaidInitialized(mermaid, isDark);
+          rendered = await mermaid.render(generateMermaidUUID(), props.code);
+        }
+        const { svg, bindFunctions, diagramType } = rendered;
         if (!ref.current || cancelled || renderVersion !== renderVersionRef.current) {
           return;
         }
@@ -339,6 +360,44 @@ var MermaidCode_default = MantineAIMMermaidCode;
 
 // src/components/customized/PreCode.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
+var hljsAutoPromise = null;
+var loadHljsForAutoDetect = () => {
+  hljsAutoPromise ??= import("highlight.js").then((m) => m.default);
+  return hljsAutoPromise;
+};
+var AUTODETECT_MIN_CHARS = 32;
+function useAutoDetectedLanguage(codeText, enabled, streaming) {
+  const [detected, setDetected] = (0, import_react4.useState)(
+    null
+  );
+  (0, import_react4.useEffect)(() => {
+    if (!enabled || codeText.length < AUTODETECT_MIN_CHARS) return;
+    const due = detected === null || // Not streaming: the verdict must be for THIS text (end-of-stream, or a
+    // static content update).
+    !streaming && detected.finalFor !== codeText || // Streaming: doubled since the last guess.
+    streaming && codeText.length >= detected.atLength * 2;
+    if (!due) return;
+    let cancelled = false;
+    void loadHljsForAutoDetect().then((hljs) => {
+      if (cancelled) return;
+      setDetected({
+        language: hljs.highlightAuto(codeText).language ?? "",
+        atLength: codeText.length,
+        finalFor: streaming ? null : codeText
+      });
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [codeText, enabled, streaming]);
+  return enabled ? detected?.language ?? "" : "";
+}
+function preloadMantineCodeAssets() {
+  return Promise.all([import("mermaid"), loadHljsForAutoDetect()]).then(
+    () => void 0,
+    () => void 0
+  );
+}
 var SpecialCodeLanguage = /* @__PURE__ */ ((SpecialCodeLanguage2) => {
   SpecialCodeLanguage2["Mermaid"] = "mermaid";
   return SpecialCodeLanguage2;
@@ -347,26 +406,24 @@ var SPECIAL_LANGUAGES = new Set(Object.values(SpecialCodeLanguage));
 var MantineAIMPreCode = (0, import_react4.memo)(
   (props) => {
     const { fontSize } = (0, import_core5.useAIMarkdownTheme)();
+    const { streaming } = (0, import_core5.useAIMarkdownState)();
     const { autoDetectUnknownLanguage, defaultExpanded } = useMantineCodeBlockOptions();
-    const codeLanguage = (0, import_react4.useMemo)(() => {
-      if (props.existLanguage) return props.existLanguage;
-      if (autoDetectUnknownLanguage) {
-        return import_highlight.default.highlightAuto(props.codeText).language || "";
-      }
-      return "";
-    }, [props.existLanguage, props.codeText, autoDetectUnknownLanguage]);
-    const [usedCodeLanguage, usedFileName] = (0, import_react4.useMemo)(() => {
-      if (!codeLanguage) return ["plaintext", "unknown"];
-      if (!import_highlight.default.getLanguage(codeLanguage)) {
-        return ["plaintext", codeLanguage];
-      }
-      return [codeLanguage, codeLanguage];
-    }, [codeLanguage]);
+    const detectedLanguage = useAutoDetectedLanguage(
+      props.codeText,
+      autoDetectUnknownLanguage && !props.existLanguage,
+      streaming
+    );
+    const codeLanguage = (props.existLanguage || detectedLanguage).toLowerCase();
+    const [usedCodeLanguage, usedFileName] = (0, import_react4.useMemo)(
+      () => codeLanguage ? [codeLanguage, codeLanguage] : ["plaintext", "unknown"],
+      [codeLanguage]
+    );
     const isSpecialCodeBlock = SPECIAL_LANGUAGES.has(codeLanguage);
     const normalCodeBlockContent = (0, import_react4.useMemo)(() => {
       if (isSpecialCodeBlock) return null;
       let usedCodeStr = props.codeText;
-      if (usedCodeStr && usedCodeLanguage.toLowerCase() === "json") {
+      const looksComplete = /[}\]]\s*$/.test(usedCodeStr);
+      if (usedCodeStr && (looksComplete || !streaming) && usedCodeLanguage === "json") {
         const deepParsedResult = (0, import_deep_parse_json.deepParseJson)(usedCodeStr);
         usedCodeStr = typeof deepParsedResult === "string" ? deepParsedResult : JSON.stringify(deepParsedResult, null, 2);
       }
@@ -401,7 +458,7 @@ var MantineAIMPreCode = (0, import_react4.memo)(
           maxCollapsedHeight: "320px"
         }
       );
-    }, [isSpecialCodeBlock, props.codeText, usedCodeLanguage, usedFileName, fontSize, defaultExpanded]);
+    }, [isSpecialCodeBlock, props.codeText, usedCodeLanguage, usedFileName, fontSize, defaultExpanded, streaming]);
     const specialCodeBlockContent = (0, import_react4.useMemo)(() => {
       switch (codeLanguage) {
         case "mermaid" /* Mermaid */:
@@ -431,7 +488,7 @@ var DefaultCustomComponents = {
     }
     const key = `pre-code-${node?.position?.start?.offset || 0}`;
     const detectedLanguage = code.properties?.className?.find((className) => className.startsWith("language-"))?.substring("language-".length);
-    const codeText = code.children.map((child) => child.value ?? "").join("\n");
+    const codeText = code.children.map((child) => child.value ?? "").join("");
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PreCode_default, { codeText, existLanguage: detectedLanguage }, key);
   }
 };
@@ -484,6 +541,7 @@ var useMantineAIMarkdownMetadata = () => {
   MantineAIMarkdownTypography,
   defaultMantineCodeBlockOptions,
   defineMantineBehaviors,
+  preloadMantineCodeAssets,
   useMantineAIMarkdownMetadata,
   useMantineCodeBlockOptions
 });

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.tsx","../src/MantineAIMarkdown.tsx","../src/components/typography/MantineTypography.tsx","../src/components/extra-styles/DefaultExtraStyles/index.tsx","../src/components/customized/PreCode.tsx","../src/hooks/useMantineCodeBlockOptions.ts","../src/defs.tsx","../src/components/customized/MermaidCode/index.tsx","../src/define.ts","../src/hooks/useMantineAIMarkdownMetadata.ts"],"sourcesContent":["/**\n * Public API surface for `@ai-react-markdown/mantine`.\n *\n * Re-exports the Mantine-integrated AI markdown component, its supporting\n * sub-components, extended types, default configuration, and typed hooks.\n *\n * @packageDocumentation\n */\n\n// --- Components ---\n\n/** Props for the main {@link MantineAIMarkdown} component. */\nexport type { MantineAIMarkdownProps } from './MantineAIMarkdown';\n\n/** Main component -- Mantine-integrated AI markdown renderer (default export). */\nexport { default } from './MantineAIMarkdown';\n\n/** Mantine-themed typography wrapper used by default inside {@link MantineAIMarkdown}. */\nexport { default as MantineAIMarkdownTypography } from './components/typography/MantineTypography';\n\n/** Default extra styles wrapper providing Mantine-compatible CSS scoping and overrides. */\nexport { default as MantineAIMDefaultExtraStyles } from './components/extra-styles/DefaultExtraStyles';\n\n// --- Types, config, and hooks ---\n\n/** Extended render configuration and metadata types for the Mantine integration. */\nexport type { MantineAIMarkdownMetadata, MantineCodeBlockOptions } from './defs';\n\n// ── v2 surface (props-api v2) ───────────────────────────────────────────────\n\n/** Shipped defaults of the `codeBlock` behavior group. */\nexport { defaultMantineCodeBlockOptions } from './defs';\n\n/** Narrow hook for the `codeBlock` behavior group — the single assertion site. */\nexport { useMantineCodeBlockOptions } from './hooks/useMantineCodeBlockOptions';\n\n/** Widened behaviors factory (core fields + mantine's `codeBlock` group). */\nexport { defineMantineBehaviors } from './define';\nexport type { MantineBehaviorProps } from './define';\n\n/** Typed hook for accessing metadata within the Mantine AI markdown tree. */\nexport { useMantineAIMarkdownMetadata } from './hooks/useMantineAIMarkdownMetadata';\n","/**\n * Main Mantine integration component for AI markdown rendering.\n *\n * Wraps the core {@link AIMarkdown} component with Mantine-specific defaults:\n * - {@link MantineAIMarkdownTypography} as the typography wrapper\n * - {@link MantineAIMDefaultExtraStyles} as the extra styles wrapper\n * - {@link MantineAIMPreCode} as the default `<pre>` component (with syntax\n *   highlighting via Mantine's CodeHighlight and mermaid diagram support)\n * - Automatic color scheme detection via Mantine's `useComputedColorScheme`\n *\n * @module MantineAIMarkdown\n */\n\nimport { memo, useMemo } from 'react';\nimport AIMarkdown from '@ai-react-markdown/core';\nimport {\n  type AIMarkdownProps,\n  type AIMarkdownCustomComponents,\n  type AIMarkdownBehaviorGroups,\n  type AIMarkdownStabilityTable,\n  AIMarkdownBehaviorsProvider,\n  AIMarkdownStabilityPolicy,\n  useStableRecord,\n  useStableValue,\n} from '@ai-react-markdown/core';\nimport MantineAIMarkdownTypography from './components/typography/MantineTypography';\nimport MantineAIMDefaultExtraStyles from './components/extra-styles/DefaultExtraStyles';\nimport { MantineAIMarkdownMetadata, MantineCodeBlockOptions } from './defs';\nimport MantineAIMPreCode from './components/customized/PreCode';\nimport { useComputedColorScheme } from '@mantine/core';\n\n/**\n * Props for the {@link MantineAIMarkdown} component.\n *\n * Extends {@link AIMarkdownProps} with the mantine behavior groups.\n * All core props (`content`, `streaming`, `fontSize`, `enginePlugins`, etc.)\n * are inherited.\n *\n * @typeParam TMetadata - Metadata type, defaults to {@link MantineAIMarkdownMetadata}.\n */\nexport interface MantineAIMarkdownProps<\n  TMetadata extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n> extends AIMarkdownProps<TMetadata> {\n  /**\n   * Code-block behavior group (Behaviors system). The group value replaces\n   * atomically; omitted fields resolve to the shipped defaults inside\n   * `useMantineCodeBlockOptions()`. `null` counts as absent. When absent,\n   * this wrapper contributes NO `codeBlock` group, so a group provided by\n   * an outer app-level `AIMarkdownBehaviorsProvider` passes through; when\n   * present, this prop wins over any outer group (inner-wins merge).\n   */\n  codeBlock?: Partial<MantineCodeBlockOptions>;\n}\n\n/**\n * Stable empty CONTRIBUTION for the absent-prop case. Deliberately carries\n * no `codeBlock` key at all: contributing `codeBlock: {}` would shadow a\n * group provided by an outer app-level `AIMarkdownBehaviorsProvider`\n * (inner-wins merge) even though this wrapper has nothing to say — the\n * documented app-level extension path would silently go dead.\n */\nconst NO_GROUPS: AIMarkdownBehaviorGroups = Object.freeze({});\n\n/**\n * Mantine's stability-firewall table — one row today: `codeBlock` is the\n * only object prop this wrapper TERMINATES (consumes in its own machinery).\n * Forwarded object props ride core's firewall untouched; the merged\n * `customComponents` derived below is caught by core's wall.\n */\nconst MANTINE_STABILITY_TABLE: AIMarkdownStabilityTable<{\n  codeBlock: Partial<MantineCodeBlockOptions> | undefined;\n}> = {\n  codeBlock: AIMarkdownStabilityPolicy.DEEP_EQUAL,\n};\n\n/**\n * Default custom component overrides applied by the Mantine integration.\n *\n * Overrides the `<pre>` element to extract code blocks and render them via\n * {@link MantineAIMPreCode}, which provides syntax highlighting, expand/collapse,\n * and mermaid diagram support. Falls back to a plain `<pre>` when the child\n * is not a recognized code element.\n */\nconst DefaultCustomComponents: AIMarkdownCustomComponents = {\n  pre: ({ node, ...usefulProps }) => {\n    const code = node?.children[0] as\n      | {\n          type: string;\n          tagName?: string;\n          position?: { start?: { offset?: number } };\n          properties?: Record<string, unknown>;\n          children: { value?: string }[];\n        }\n      | undefined;\n    if (!code || code.type !== 'element' || code.tagName !== 'code' || !code.position) {\n      return <pre {...usefulProps} />;\n    }\n    const key = `pre-code-${node?.position?.start?.offset || 0}`;\n    const detectedLanguage = (code.properties?.className as string[])\n      ?.find((className: string) => className.startsWith('language-'))\n      ?.substring('language-'.length);\n    const codeText = code.children.map((child: { value?: string }) => child.value ?? '').join('\\n');\n    return <MantineAIMPreCode key={key} codeText={codeText} existLanguage={detectedLanguage} />;\n  },\n};\n\n/**\n * Inner (non-memoized) implementation of the Mantine AI markdown component.\n *\n * Merges caller-provided `customComponents` with the Mantine defaults (the caller's\n * overrides take precedence). Automatically resolves the color scheme from Mantine's\n * `useComputedColorScheme` when no explicit `colorScheme` prop is provided.\n *\n * @typeParam TMetadata - Metadata type.\n */\nconst MantineAIMarkdownComponent = <TMetadata extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata>({\n  Typography = MantineAIMarkdownTypography,\n  ExtraStyles = MantineAIMDefaultExtraStyles,\n  customComponents,\n  colorScheme,\n  codeBlock,\n  ...props\n}: MantineAIMarkdownProps<TMetadata>) => {\n  const stableCustomComponents = useStableValue(customComponents);\n\n  const usedComponents = useMemo(() => {\n    return stableCustomComponents ? { ...DefaultCustomComponents, ...stableCustomComponents } : DefaultCustomComponents;\n  }, [stableCustomComponents]);\n\n  const computedColorScheme = useComputedColorScheme('light');\n\n  // Mantine's stability firewall: `codeBlock` is terminated here (it feeds\n  // the behaviors Provider below, not the core prop surface).\n  const stable = useStableRecord({ codeBlock }, MANTINE_STABILITY_TABLE);\n\n  // Contribute the group through the additive behaviors Provider — firewall\n  // output used directly, record identity memoized so the context value\n  // stays stable across unrelated re-renders. `null`/absent prop ≡ no\n  // contribution (NOT an empty group): an outer app-level Provider's\n  // `codeBlock` group then stays visible; when the prop IS present the\n  // inner-wins merge gives this wrapper's value precedence. The narrow hook\n  // fills the defaults for the no-group-anywhere case.\n  const behaviorGroups = useMemo<AIMarkdownBehaviorGroups>(\n    () => (stable.codeBlock != null ? { codeBlock: stable.codeBlock } : NO_GROUPS),\n    [stable.codeBlock]\n  );\n\n  return (\n    <AIMarkdownBehaviorsProvider value={behaviorGroups}>\n      <AIMarkdown<MantineAIMarkdownMetadata>\n        Typography={Typography}\n        ExtraStyles={ExtraStyles}\n        customComponents={usedComponents}\n        colorScheme={colorScheme ?? computedColorScheme}\n        {...props}\n      />\n    </AIMarkdownBehaviorsProvider>\n  );\n};\n\n/**\n * Mantine-integrated AI markdown renderer.\n *\n * A memoized wrapper around the core `<AIMarkdown>` component that provides\n * Mantine-themed typography, code highlighting (via `@mantine/code-highlight`),\n * mermaid diagram rendering, and automatic color scheme detection.\n *\n * This is the default export of `@ai-react-markdown/mantine`.\n *\n * @example\n * ```tsx\n * import MantineAIMarkdown from '@ai-react-markdown/mantine';\n *\n * function Chat({ content }: { content: string }) {\n *   return <MantineAIMarkdown content={content} />;\n * }\n * ```\n */\nexport const MantineAIMarkdown = memo(MantineAIMarkdownComponent);\n\nMantineAIMarkdown.displayName = 'MantineAIMarkdown';\n\nexport default MantineAIMarkdown as typeof MantineAIMarkdownComponent;\n","import { memo } from 'react';\nimport { Typography } from '@mantine/core';\nimport type { AIMarkdownTypographyProps } from '@ai-react-markdown/core';\n\n/**\n * Mantine-themed typography wrapper for AI markdown content.\n *\n * Replaces the core default typography component with Mantine's `<Typography>`\n * element, applying the configured `fontSize` at full width. This ensures all\n * rendered markdown inherits Mantine's font family, line height, and theming.\n *\n * Used as the default `Typography` prop in {@link MantineAIMarkdown}.\n * Can be replaced by passing a custom `Typography` component.\n *\n * @param props - Standard {@link AIMarkdownTypographyProps} from the core package.\n */\nconst MantineAIMarkdownTypography = memo(({ children, fontSize, style }: AIMarkdownTypographyProps) => (\n  <Typography w=\"100%\" fz={fontSize} style={style}>\n    {children}\n  </Typography>\n));\n\nMantineAIMarkdownTypography.displayName = 'MantineAIMarkdownTypography';\n\nexport default MantineAIMarkdownTypography;\n","import React from 'react';\nimport { AIMarkdownExtraStylesComponent } from '@ai-react-markdown/core';\nimport './styles.scss';\n\n/**\n * Default extra styles wrapper for the Mantine integration.\n *\n * Wraps markdown content in a `<div>` with the `aim-mantine-extra-styles` CSS class,\n * which provides Mantine-compatible typography overrides including:\n * - Relative `em`-based Mantine spacing and font-size CSS custom properties\n * - Heading, list, paragraph, blockquote, and code styling\n * - Definition list layout\n *\n * Used as the default `ExtraStyles` prop in {@link MantineAIMarkdown}.\n */\nconst MantineAIMDefaultExtraStyles: AIMarkdownExtraStylesComponent = ({ children }) => {\n  return <div className=\"aim-mantine-extra-styles\">{children}</div>;\n};\n\nexport default MantineAIMDefaultExtraStyles;\n","'use client';\n\nimport { HTMLAttributes, memo, useMemo } from 'react';\nimport { CodeHighlight, CodeHighlightTabs } from '@mantine/code-highlight';\nimport { deepParseJson } from 'deep-parse-json';\nimport hljs from 'highlight.js';\nimport { useAIMarkdownTheme } from '@ai-react-markdown/core';\nimport { useMantineCodeBlockOptions } from '../../hooks/useMantineCodeBlockOptions';\nimport MantineAIMMermaidCode from './MermaidCode';\n\n/**\n * Code languages that receive specialized rendering instead of standard\n * syntax-highlighted code blocks. Adding a new member here automatically\n * marks that language as \"special\" — you only need to add the corresponding\n * rendering branch in the component's return.\n */\nenum SpecialCodeLanguage {\n  /** Rendered as interactive diagrams via {@link MantineAIMMermaidCode} */\n  Mermaid = 'mermaid',\n}\n\n/** O(1) lookup set, derived from {@link SpecialCodeLanguage}. */\nconst SPECIAL_LANGUAGES = new Set<string>(Object.values(SpecialCodeLanguage));\n\n/**\n * Mantine code block renderer for `<pre>` elements.\n *\n * Replaces the default `<pre>` rendering with Mantine's {@link CodeHighlight} or\n * {@link CodeHighlightTabs} components, providing syntax highlighting, expand/collapse\n * behavior, and file-name tabs.\n *\n * Behavior:\n * - If the code block has an explicit language annotation, uses that language.\n * - If no language is specified and the `codeBlock` group's\n *   `autoDetectUnknownLanguage` option is enabled, uses `highlight.js`\n *   auto-detection.\n * - Mermaid code blocks (`language-mermaid`) are rendered as interactive diagrams\n *   via {@link MantineAIMMermaidCode}.\n * - JSON code blocks are deep-parsed and pretty-printed before display.\n * - Unrecognized languages render as plaintext with an \"unknown\" label using\n *   {@link CodeHighlight} (no tabs).\n * - Recognized languages render with {@link CodeHighlightTabs} showing the\n *   language name as the tab label.\n *\n * @param props.codeText - The raw text content of the code block.\n * @param props.existLanguage - Language identifier extracted from the `language-*` CSS class, if present.\n */\nconst MantineAIMPreCode = memo(\n  (\n    props: HTMLAttributes<HTMLPreElement> & {\n      codeText: string;\n      existLanguage?: string;\n    }\n  ) => {\n    const { fontSize } = useAIMarkdownTheme();\n    const { autoDetectUnknownLanguage, defaultExpanded } = useMantineCodeBlockOptions();\n\n    const codeLanguage = useMemo(() => {\n      if (props.existLanguage) return props.existLanguage;\n      if (autoDetectUnknownLanguage) {\n        return hljs.highlightAuto(props.codeText).language || '';\n      }\n      return '';\n    }, [props.existLanguage, props.codeText, autoDetectUnknownLanguage]);\n\n    const [usedCodeLanguage, usedFileName] = useMemo(() => {\n      if (!codeLanguage) return ['plaintext', 'unknown'];\n      if (!hljs.getLanguage(codeLanguage)) {\n        return ['plaintext', codeLanguage];\n      }\n      return [codeLanguage, codeLanguage];\n    }, [codeLanguage]);\n\n    const isSpecialCodeBlock = SPECIAL_LANGUAGES.has(codeLanguage);\n\n    const normalCodeBlockContent = useMemo(() => {\n      if (isSpecialCodeBlock) return null;\n      let usedCodeStr = props.codeText;\n      if (usedCodeStr && usedCodeLanguage.toLowerCase() === 'json') {\n        const deepParsedResult = deepParseJson(usedCodeStr);\n        usedCodeStr =\n          typeof deepParsedResult === 'string' ? deepParsedResult : JSON.stringify(deepParsedResult, null, 2);\n      }\n      return usedFileName === 'unknown' ? (\n        <CodeHighlight\n          mb={15}\n          fz={fontSize}\n          w=\"100%\"\n          code={usedCodeStr}\n          withBorder\n          withExpandButton\n          defaultExpanded={defaultExpanded}\n          maxCollapsedHeight=\"320px\"\n        />\n      ) : (\n        <CodeHighlightTabs\n          mb={15}\n          fz={fontSize}\n          w=\"100%\"\n          code={[\n            {\n              fileName: usedFileName,\n              code: usedCodeStr,\n              language: usedCodeLanguage,\n            },\n          ]}\n          withBorder\n          withExpandButton\n          defaultExpanded={defaultExpanded}\n          maxCollapsedHeight=\"320px\"\n        />\n      );\n    }, [isSpecialCodeBlock, props.codeText, usedCodeLanguage, usedFileName, fontSize, defaultExpanded]);\n\n    const specialCodeBlockContent = useMemo(() => {\n      switch (codeLanguage) {\n        case SpecialCodeLanguage.Mermaid:\n          return <MantineAIMMermaidCode code={props.codeText} />;\n        default:\n          return null;\n      }\n    }, [codeLanguage, props.codeText]);\n\n    return isSpecialCodeBlock ? specialCodeBlockContent : normalCodeBlockContent;\n  }\n);\n\nMantineAIMPreCode.displayName = 'MantineAIMPreCode';\n\nexport default MantineAIMPreCode;\n","/**\n * Narrow hook for the mantine `codeBlock` behavior group.\n *\n * This is THE single type-assertion site for the group (the pattern that\n * retires the public caller-asserted `TConfig` generic): the opaque\n * extension record from `useAIMarkdownBehaviors()` is narrowed here, and\n * group defaults are applied here — read sites must consume this hook and\n * never re-apply defaults with bare `??` (multiple read sites duplicating\n * defaults will drift).\n *\n * @module hooks/useMantineCodeBlockOptions\n */\n\nimport { useMemo } from 'react';\nimport { useAIMarkdownBehaviors } from '@ai-react-markdown/core';\nimport { defaultMantineCodeBlockOptions, type MantineCodeBlockOptions } from '../defs';\n\n/**\n * Read the resolved code-block options from the behaviors context.\n *\n * Group values replace atomically at the transport layer; defaults are\n * filled in here, so a partial group (e.g. `codeBlock={{ defaultExpanded:\n * false }}`) resolves the omitted fields to the shipped defaults.\n *\n * Must be called inside a `<MantineAIMarkdown>` (or any `<AIMarkdown>`\n * wrapped in the mantine Provider stack) — throws outside, same contract\n * as the core narrow hooks.\n */\nexport function useMantineCodeBlockOptions(): Required<MantineCodeBlockOptions> {\n  const behaviors = useAIMarkdownBehaviors();\n  // The single assertion: the `codeBlock` group key is owned by this\n  // package, contributed by `MantineAIMarkdown` via its behaviors Provider.\n  const group = behaviors.codeBlock as Partial<MantineCodeBlockOptions> | undefined;\n  return useMemo(() => ({ ...defaultMantineCodeBlockOptions, ...group }), [group]);\n}\n","/**\n * Mantine-specific type definitions and defaults: the `codeBlock` behavior\n * group and the metadata extension point.\n *\n * @module defs\n */\n\nimport { AIMarkdownMetadata } from '@ai-react-markdown/core';\n\n/**\n * Code block rendering options (the mantine `codeBlock` behavior group).\n *\n * v2 transport: passed as the flat `codeBlock` prop on `MantineAIMarkdown`\n * (group value replaces atomically) and read through\n * `useMantineCodeBlockOptions()`, which applies the defaults below inside\n * the hook — the single place defaults live at read time.\n */\nexport interface MantineCodeBlockOptions {\n  /**\n   * Whether code blocks start in their expanded state.\n   * When `false`, long code blocks are collapsed with an expand button.\n   *\n   * @default true\n   */\n  defaultExpanded: boolean;\n\n  /**\n   * When `true`, uses `highlight.js` auto-detection to determine the language\n   * of code blocks that lack an explicit language annotation.\n   *\n   * @default false\n   */\n  autoDetectUnknownLanguage: boolean;\n}\n\n/** Shipped defaults for the `codeBlock` behavior group. */\nexport const defaultMantineCodeBlockOptions: Readonly<MantineCodeBlockOptions> = Object.freeze({\n  defaultExpanded: true,\n  autoDetectUnknownLanguage: false,\n});\n\n/**\n * Metadata type for the Mantine integration.\n *\n * Currently identical to {@link AIMarkdownMetadata}. Exists as an extension point\n * so that consumers can augment metadata in Mantine-specific wrappers without\n * needing to reference the core type directly.\n */\nexport interface MantineAIMarkdownMetadata extends AIMarkdownMetadata {}\n","'use client';\n\nimport React, { memo, useEffect, useRef, useState, useCallback } from 'react';\nimport { CodeHighlightControl, CodeHighlightTabs } from '@mantine/code-highlight';\nimport { ActionIcon, CopyButton, Flex, Tooltip } from '@mantine/core';\nimport mermaid from 'mermaid';\nimport { useAIMarkdownState, useAIMarkdownTheme } from '@ai-react-markdown/core';\nimport { useMantineCodeBlockOptions } from '../../../hooks/useMantineCodeBlockOptions';\nimport './styles.scss';\n\n/** Static `<pre>` style for the mermaid container. */\nconst PRE_STYLE = { cursor: 'pointer', overflow: 'auto', width: '100%', padding: '0.5rem' } as const;\n\n/**\n * What the component currently shows. One value instead of separate\n * `hasRendered`/`renderError`/`chartType` fields whose combinations had to\n * be kept coherent by hand:\n * - `source`: warm-up / SSR fallback — raw code as a plain code block\n *   (nothing rendered yet this generation).\n * - `diagram`: the last successful SVG is up.\n * - `error`: the error tab — only a post-stream corrective failure or a\n *   never-rendered static failure can enter this state.\n *\n * The user's source toggle (`showOriginalCode`) is deliberately NOT a\n * phase: it overlays any view and flipping it back must restore the prior\n * one unchanged.\n */\ntype MermaidView = { kind: 'source' } | { kind: 'diagram'; chartType: string } | { kind: 'error' };\n\n/** Equality used to skip no-op view updates — repeat mid-stream successes\n *  of the same chart type must not re-render the host per chunk. */\nconst sameView = (a: MermaidView, b: MermaidView): boolean =>\n  a.kind === 'diagram' && b.kind === 'diagram' ? a.chartType === b.chartType : a.kind === b.kind;\n\n/** Theme mermaid.initialize was last called with. mermaid's config is a\n *  module-level singleton, so re-asserting an unchanged theme before every\n *  render attempt (each streamed chunk re-runs the effect) is pure waste —\n *  but instances under providers with DIFFERENT schemes must each\n *  re-assert before their own render, so the cache is module-level and\n *  checked per attempt rather than hoisted into a per-instance effect. */\nlet initializedTheme: 'dark' | 'light' | null = null;\n\nconst ensureMermaidInitialized = (isDark: boolean) => {\n  const theme = isDark ? 'dark' : 'light';\n  if (initializedTheme === theme) return;\n  mermaid.initialize({\n    startOnLoad: false,\n    securityLevel: 'strict',\n    theme: isDark ? 'dark' : 'base',\n    darkMode: isDark,\n    // Without a svgContainingElement, a draw-phase throw (an error that\n    // got past mermaid.parse) leaves mermaid's temp element orphaned in\n    // document.body — its error path only cleans up when this flag is\n    // set. We render our own error tab anyway, so mermaid's built-in\n    // error diagram is dead weight here regardless.\n    suppressErrorRendering: true,\n  });\n  initializedTheme = theme;\n};\n\n/**\n * Generate a unique ID for mermaid SVG rendering.\n * Combines a timestamp with a random suffix to avoid collisions when\n * multiple mermaid diagrams render concurrently.\n *\n * @returns A unique string in the format `mermaid-{timestamp}-{random}`.\n */\nconst generateMermaidUUID = () => {\n  return `mermaid-${new Date().getTime()}-${Math.random().toString(36).slice(2, 10)}`;\n};\n\n/**\n * Open the rendered mermaid SVG in a new browser window.\n *\n * Clones the SVG element, applies a background color matching the current\n * color scheme, serializes it to an object URL, and opens it in a new tab.\n * The object URL is revoked after a short delay to free memory.\n *\n * @param svgElement - The rendered SVG element to view, or `null`/`undefined` to no-op.\n * @param isDark - Whether the current color scheme is dark (used for background color).\n */\nconst handleViewSVGInNewWindow = (svgElement: SVGElement | null | undefined, isDark: boolean) => {\n  if (!svgElement) return;\n  const targetSvg = svgElement.cloneNode(true) as SVGElement;\n  targetSvg.style.backgroundColor = isDark ? '#242424' : 'white';\n  const text = new XMLSerializer().serializeToString(targetSvg);\n  const blob = new Blob([text], { type: 'image/svg+xml' });\n  const url = URL.createObjectURL(blob);\n  const win = window.open(url);\n  if (win) {\n    setTimeout(() => URL.revokeObjectURL(url), 5000);\n  }\n};\n\n/**\n * Interactive mermaid diagram renderer.\n *\n * Parses and renders mermaid diagram source code into an inline SVG visualization.\n * Automatically adapts to the current Mantine color scheme (light/dark) by\n * re-initializing mermaid with the appropriate theme.\n *\n * Features:\n * - Live SVG rendering with automatic dark/light theme switching\n * - Fallback to raw source code display on parse/render errors\n * - Toggle between rendered diagram and raw mermaid source\n * - Click on the rendered diagram to open the SVG in a new browser window\n * - Copy button for the raw mermaid source code\n * - Chart type label extracted from mermaid's parse result\n * - Preserves the last successful render across transient parse failures\n *\n * ## Streaming contract\n *\n * While `streaming` is true (from render state), the code prop is usually a\n * truncated prefix of the final diagram, so parse failures are *expected*,\n * not exceptional:\n * - Before the first successful render, the raw source is shown as a plain\n *   code block (never the error tab).\n * - After a success, the last good SVG stays up; each subsequent chunk is\n *   re-attempted and the diagram refreshes only on the next success.\n * - When streaming ends (`streaming` is an effect dep), one corrective pass\n *   runs on the final code: success refreshes the diagram, failure surfaces\n *   the real error tab — even over a previously rendered mid-stream diagram,\n *   because that diagram no longer matches the final source. The pending\n *   corrective obligation is tracked by `needsCorrectiveRef` (armed on the\n *   streaming→false edge, consumed by the next completed attempt), so ONLY\n *   that one pass may clobber a rendered diagram; any later failure (e.g. a\n *   transient throw on a theme-flip re-render) falls back to the static rule\n *   below.\n * - A streaming→true edge marks a NEW generation (chat \"regenerate\" reuses\n *   the same component instance when the block's source offset — and thus\n *   its React key — is unchanged). All per-generation state is reset so the\n *   warm-up shows the new source instead of the previous generation's stale\n *   diagram or error tab.\n *\n * ## Static contract (`streaming` stays false)\n *\n * Without streaming edges, failures follow the original conservative rule:\n * the error tab shows only while nothing has rendered yet. Once a diagram is\n * up, later failures (theme-flip re-render, a not-yet-complete `code` update\n * from a consumer that didn't pass `streaming`) keep the last good diagram\n * instead of clobbering it with an error.\n *\n * @param props.code - Raw mermaid diagram source code to render.\n */\nconst MantineAIMMermaidCode = memo((props: { code: string }) => {\n  const { colorScheme, fontSize } = useAIMarkdownTheme();\n  const { streaming } = useAIMarkdownState();\n  const { defaultExpanded } = useMantineCodeBlockOptions();\n  const isDark = colorScheme === 'dark';\n\n  const ref = useRef<HTMLPreElement>(null);\n  const renderVersionRef = useRef(0);\n  /** Mirrors `view` for reads inside the async render closure — state reads\n   *  there can be stale when deps change mid-flight. */\n  const viewRef = useRef<MermaidView>({ kind: 'source' });\n  /** Previous `streaming` value, for edge detection in the effect. */\n  const prevStreamingRef = useRef(false);\n  /** Armed on the streaming→false edge: the next completed render attempt is\n   *  the end-of-stream corrective pass, whose failure must surface even over\n   *  a rendered diagram. Consumed (reset) by that attempt's success OR\n   *  surfaced failure, so later unrelated failures can't clobber the SVG. */\n  const needsCorrectiveRef = useRef(false);\n  /** Inputs of the render whose SVG currently sits in the host `<pre>`.\n   *  When the effect re-runs with the same (code, theme) pair — the\n   *  post-stream corrective flip on an already-final diagram, or returning\n   *  from the source view — the DOM already holds that exact render, so\n   *  the attempt (and its parse + temp-element render) is skipped. */\n  const lastSuccessRef = useRef<{ code: string; isDark: boolean } | null>(null);\n  const [view, setViewState] = useState<MermaidView>({ kind: 'source' });\n  const [showOriginalCode, setShowOriginalCode] = useState(false);\n\n  useEffect(() => {\n    // View updates funnel through here so the ref mirror can't desync from\n    // the state, and no-op updates are dropped (repeat mid-stream successes\n    // and idempotent edge resets must not re-render the host per chunk).\n    const applyView = (next: MermaidView) => {\n      viewRef.current = next;\n      setViewState((prev) => (sameView(prev, next) ? prev : next));\n    };\n\n    // Streaming edge detection MUST run before any early return — the first\n    // chunk of a new stream can arrive while the code is still empty.\n    if (streaming && !prevStreamingRef.current) {\n      // Rising edge = a new generation is starting on this same instance\n      // (same block offset → same React key → no remount on regenerate).\n      // Reset all per-generation state so warm-up shows the incoming source,\n      // not the previous generation's stale diagram or error tab. Everything\n      // here is idempotent — a StrictMode double-run is harmless.\n      needsCorrectiveRef.current = false;\n      lastSuccessRef.current = null;\n      applyView({ kind: 'source' });\n      if (ref.current) {\n        ref.current.innerHTML = '';\n      }\n    } else if (!streaming && prevStreamingRef.current) {\n      // Falling edge = the stream just ended; arm the corrective pass.\n      needsCorrectiveRef.current = true;\n    }\n    prevStreamingRef.current = streaming;\n    if (!props.code || !ref.current || showOriginalCode) {\n      return;\n    }\n\n    // The SVG in the DOM already came from exactly this (code, theme) pair —\n    // nothing to recompute. This also SATISFIES a pending corrective\n    // obligation: the identical successful render IS the verdict on the\n    // final source, so the obligation is consumed, not left armed for some\n    // later unrelated failure to inherit.\n    if (lastSuccessRef.current?.code === props.code && lastSuccessRef.current.isDark === isDark) {\n      needsCorrectiveRef.current = false;\n      return;\n    }\n\n    const renderVersion = ++renderVersionRef.current;\n    let cancelled = false;\n\n    const renderMermaid = async () => {\n      try {\n        ensureMermaidInitialized(isDark);\n        const parseResult = await mermaid.parse(props.code);\n        if (!parseResult) {\n          throw new Error('Failed to parse mermaid code');\n        }\n\n        if (!ref.current || cancelled || renderVersion !== renderVersionRef.current) {\n          return;\n        }\n\n        // Deliberately NOT passing `ref.current` as mermaid's\n        // svgContainingElement: before the first success the host container\n        // is hidden with `display: none` (source fallback is showing), and\n        // mermaid measures text via getBBox during render — inside a\n        // display:none subtree layout never runs, every measurement is 0,\n        // and the diagram comes out as a ~16px SVG. With the argument\n        // omitted, mermaid renders in a temp element appended to\n        // `document.body` (its default path, cleaned up internally), so\n        // measurement works no matter what our container is doing. The SVG\n        // string is written into our own <pre> below either way.\n        const { svg, bindFunctions, diagramType } = await mermaid.render(generateMermaidUUID(), props.code);\n        if (!ref.current || cancelled || renderVersion !== renderVersionRef.current) {\n          return;\n        }\n\n        ref.current.innerHTML = svg;\n        bindFunctions?.(ref.current);\n        needsCorrectiveRef.current = false;\n        lastSuccessRef.current = { code: props.code, isDark };\n        applyView({ kind: 'diagram', chartType: diagramType });\n      } catch {\n        if (cancelled || renderVersion !== renderVersionRef.current) {\n          return;\n        }\n        // Mid-stream failures are expected (truncated code) — keep the last\n        // good diagram / source placeholder and wait for more bytes. The\n        // corrective pass after streaming ends reports real errors.\n        if (streaming) {\n          return;\n        }\n        // End-of-stream corrective pass: the final source no longer renders,\n        // so the error must surface even over a mid-stream diagram. Consume\n        // the obligation so later unrelated failures don't inherit it.\n        if (needsCorrectiveRef.current) {\n          needsCorrectiveRef.current = false;\n          applyView({ kind: 'error' });\n          return;\n        }\n        // Static rule: never clobber a rendered diagram (theme-flip\n        // re-renders, un-flagged code updates from static consumers).\n        if (viewRef.current.kind === 'diagram') {\n          return;\n        }\n        applyView({ kind: 'error' });\n      }\n    };\n\n    void renderMermaid();\n\n    return () => {\n      cancelled = true;\n    };\n    // `streaming` in the deps is what drives the end-of-stream corrective\n    // pass: the flip to false re-runs this effect on the (unchanged) final\n    // code, so the last state reflects the full diagram source.\n  }, [props.code, isDark, showOriginalCode, streaming]);\n\n  const viewSvgInNewWindow = useCallback(() => {\n    handleViewSVGInNewWindow(ref.current?.querySelector('svg'), isDark);\n  }, [isDark]);\n\n  // Show the raw source instead of the diagram container when the user asked\n  // for it, when the (post-stream) render failed, or before the first\n  // successful render (SSR output and the streaming warm-up phase). The\n  // diagram container below stays MOUNTED throughout — merely hidden — so\n  // `ref` is always available for mermaid to render into; unmounting it would\n  // make the effect's `!ref.current` guard bail forever.\n  const showSourceFallback = showOriginalCode || view.kind !== 'diagram';\n\n  return (\n    <>\n      {showSourceFallback && (\n        <CodeHighlightTabs\n          mb={15}\n          fz={fontSize}\n          w=\"100%\"\n          code={[\n            {\n              fileName: view.kind === 'error' ? 'Mermaid Render Error' : 'mermaid',\n              code: props.code,\n              language: 'mermaid',\n            },\n          ]}\n          defaultExpanded={defaultExpanded}\n          maxCollapsedHeight=\"320px\"\n          styles={{\n            filesScrollarea: {\n              right: '90px',\n            },\n          }}\n          controls={\n            // The \"Render Mermaid\" control only makes sense as the way back\n            // from the user-toggled source view. In the error and warm-up\n            // fallbacks `showOriginalCode` is already false, so the control\n            // would be a no-op — hide it there. (No view-kind conjunct: the\n            // toggle is only reachable from the visible diagram view, and\n            // while the source view is open the effect early-returns, so\n            // showOriginalCode && view.kind === 'error' is unreachable.)\n            showOriginalCode\n              ? [\n                  <CodeHighlightControl\n                    tooltipLabel=\"Render Mermaid\"\n                    key=\"gpt\"\n                    onClick={() => {\n                      setShowOriginalCode(false);\n                    }}\n                  >\n                    <Flex align=\"center\" justify=\"center\" w={18} h={18}>\n                      <span className=\"icon-[gravity-ui--logo-mermaid] relative bottom-[1px] text-[16px]\"></span>\n                    </Flex>\n                  </CodeHighlightControl>,\n                ]\n              : []\n          }\n          withBorder\n          withExpandButton\n        />\n      )}\n      <div\n        className={`aim-mantine-mermaid-code ${isDark ? 'dark' : ''}`}\n        style={\n          showSourceFallback\n            ? {\n                display: 'none',\n              }\n            : {}\n        }\n      >\n        <div className=\"chart-header\">\n          <div className=\"chart-type-tag\">{view.kind === 'diagram' ? view.chartType : 'unknown'}</div>\n          <Flex align=\"center\" justify=\"flex-end\" gap={0}>\n            <Tooltip label=\"Show Mermaid Code\">\n              <ActionIcon\n                size={28}\n                className=\"action-icon\"\n                variant=\"transparent\"\n                aria-label=\"Show Mermaid code\"\n                onClick={() => {\n                  setShowOriginalCode(true);\n                }}\n              >\n                <Flex align=\"center\" justify=\"center\" w={18} h={18}>\n                  <span className=\"icon-[entypo--code] relative bottom-[0.25px] text-[16px]\"></span>\n                </Flex>\n              </ActionIcon>\n            </Tooltip>\n            <CopyButton value={props.code}>\n              {({ copied, copy }) => (\n                <Tooltip label={copied ? 'Copied' : 'Copy'} withArrow position=\"right\">\n                  <ActionIcon\n                    variant=\"transparent\"\n                    size={28}\n                    className=\"action-icon\"\n                    aria-label={copied ? 'Mermaid code copied' : 'Copy Mermaid code'}\n                    onClick={copy}\n                  >\n                    {copied ? (\n                      <span className=\"icon-origin-[lucide--check] text-[18px]\"></span>\n                    ) : (\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        strokeWidth=\"2\"\n                        stroke=\"currentColor\"\n                        fill=\"none\"\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                        width=\"18px\"\n                        height=\"18px\"\n                      >\n                        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path>\n                        <path d=\"M8 8m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z\"></path>\n                        <path d=\"M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2\"></path>\n                      </svg>\n                    )}\n                  </ActionIcon>\n                </Tooltip>\n              )}\n            </CopyButton>\n          </Flex>\n        </div>\n        <pre\n          ref={ref}\n          style={PRE_STYLE}\n          role=\"button\"\n          tabIndex={0}\n          aria-label=\"Open Mermaid diagram in a new window\"\n          onClick={viewSvgInNewWindow}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter' || event.key === ' ') {\n              event.preventDefault();\n              viewSvgInNewWindow();\n            }\n          }}\n        />\n      </div>\n    </>\n  );\n});\n\nMantineAIMMermaidCode.displayName = 'MantineAIMMermaidCode';\n\nexport default MantineAIMMermaidCode;\n","/**\n * Widened `define*` factory for the mantine wrapper (EXECUTION-PLAN §4\n * item 8): identity + mantine prop types + freeze, zero logic. Core\n * factories accept core fields only — passing `codeBlock` to core's\n * `defineBehaviors` is a TS error; this widened factory is the wrapper's\n * one-line obligation.\n *\n * @module define\n */\n\nimport type { AIMarkdownBehaviorProps } from '@ai-react-markdown/core';\nimport type { MantineCodeBlockOptions } from './defs';\n\n/** Behavior-system props packagable at integration time, mantine-widened. */\nexport interface MantineBehaviorProps extends AIMarkdownBehaviorProps {\n  /** The mantine `codeBlock` behavior group (atomic replacement; defaults applied at read time). */\n  codeBlock?: Partial<MantineCodeBlockOptions>;\n}\n\n// NON-generic on purpose — see core's `define.ts`: a fresh literal is\n// excess-property checked against the concrete parameter type.\n\n/** Freeze a mantine behaviors fragment. Identity + types + freeze; zero logic. */\nexport function defineMantineBehaviors(values: MantineBehaviorProps): Readonly<MantineBehaviorProps> {\n  return Object.freeze(values);\n}\n","import { useAIMarkdownMetadata } from '@ai-react-markdown/core';\nimport { MantineAIMarkdownMetadata } from '../defs';\n\n/**\n * Typed wrapper around the core {@link useAIMarkdownMetadata} hook.\n *\n * Returns the current metadata defaulting to {@link MantineAIMarkdownMetadata}.\n * Accepts an optional generic parameter for further extension.\n *\n * Metadata lives in a separate React context from the render state, meaning\n * metadata updates do not trigger re-renders in components that only consume\n * render state.\n *\n * Must be called inside a component rendered within the `<MantineAIMarkdown>` tree.\n *\n * @typeParam TMetadata - Metadata type (defaults to {@link MantineAIMarkdownMetadata}).\n * @returns The current metadata, or `undefined` if none was provided.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const metadata = useMantineAIMarkdownMetadata();\n *   // Access Mantine-specific metadata fields\n * }\n * ```\n */\nexport const useMantineAIMarkdownMetadata = <\n  TMetadata extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n>() => {\n  return useAIMarkdownMetadata<TMetadata>();\n};\n"],"mappings":"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","names":["import_react","import_core","import_jsx_runtime","import_react","import_code_highlight","import_core","import_react","import_core","import_react","import_core","import_jsx_runtime","mermaid","import_jsx_runtime","SpecialCodeLanguage","hljs","import_core","import_jsx_runtime","Typography","AIMarkdown","import_core"]}
+{"version":3,"sources":["../src/index.tsx","../src/MantineAIMarkdown.tsx","../src/components/typography/MantineTypography.tsx","../src/components/extra-styles/DefaultExtraStyles/index.tsx","../src/components/customized/PreCode.tsx","../src/hooks/useMantineCodeBlockOptions.ts","../src/defs.tsx","../src/components/customized/MermaidCode/index.tsx","../src/define.ts","../src/hooks/useMantineAIMarkdownMetadata.ts"],"sourcesContent":["/**\n * Public API surface for `@ai-react-markdown/mantine`.\n *\n * Re-exports the Mantine-integrated AI markdown component, its supporting\n * sub-components, extended types, default configuration, and typed hooks.\n *\n * @packageDocumentation\n */\n\n// --- Components ---\n\n/** Props for the main {@link MantineAIMarkdown} component. */\nexport type { MantineAIMarkdownProps } from './MantineAIMarkdown';\n\n/** Main component -- Mantine-integrated AI markdown renderer (default export). */\nexport { default } from './MantineAIMarkdown';\n\n/** Mantine-themed typography wrapper used by default inside {@link MantineAIMarkdown}. */\nexport { default as MantineAIMarkdownTypography } from './components/typography/MantineTypography';\n\n/** Default extra styles wrapper providing Mantine-compatible CSS scoping and overrides. */\nexport { default as MantineAIMDefaultExtraStyles } from './components/extra-styles/DefaultExtraStyles';\n\n// --- Types, config, and hooks ---\n\n/** Extended render configuration and metadata types for the Mantine integration. */\nexport type { MantineAIMarkdownMetadata, MantineCodeBlockOptions } from './defs';\n\n// ── v2 surface (props-api v2) ───────────────────────────────────────────────\n\n/** Shipped defaults of the `codeBlock` behavior group. */\nexport { defaultMantineCodeBlockOptions } from './defs';\n\n/** Narrow hook for the `codeBlock` behavior group — the single assertion site. */\nexport { useMantineCodeBlockOptions } from './hooks/useMantineCodeBlockOptions';\n\n/** Optional eager loading of the on-demand code-block assets (mermaid, highlight.js). */\nexport { preloadMantineCodeAssets } from './components/customized/PreCode';\n\n/** Widened behaviors factory (core fields + mantine's `codeBlock` group). */\nexport { defineMantineBehaviors } from './define';\nexport type { MantineBehaviorProps } from './define';\n\n/** Typed hook for accessing metadata within the Mantine AI markdown tree. */\nexport { useMantineAIMarkdownMetadata } from './hooks/useMantineAIMarkdownMetadata';\n","/**\n * Main Mantine integration component for AI markdown rendering.\n *\n * Wraps the core {@link AIMarkdown} component with Mantine-specific defaults:\n * - {@link MantineAIMarkdownTypography} as the typography wrapper\n * - {@link MantineAIMDefaultExtraStyles} as the extra styles wrapper\n * - {@link MantineAIMPreCode} as the default `<pre>` component (with syntax\n *   highlighting via Mantine's CodeHighlight and mermaid diagram support)\n * - Automatic color scheme detection via Mantine's `useComputedColorScheme`\n *\n * @module MantineAIMarkdown\n */\n\nimport { memo, useMemo } from 'react';\nimport AIMarkdown from '@ai-react-markdown/core';\nimport {\n  type AIMarkdownProps,\n  type AIMarkdownCustomComponents,\n  type AIMarkdownBehaviorGroups,\n  type AIMarkdownStabilityTable,\n  AIMarkdownBehaviorsProvider,\n  AIMarkdownStabilityPolicy,\n  useStableRecord,\n  useStableValue,\n} from '@ai-react-markdown/core';\nimport MantineAIMarkdownTypography from './components/typography/MantineTypography';\nimport MantineAIMDefaultExtraStyles from './components/extra-styles/DefaultExtraStyles';\nimport { MantineAIMarkdownMetadata, MantineCodeBlockOptions } from './defs';\nimport MantineAIMPreCode from './components/customized/PreCode';\nimport { useComputedColorScheme } from '@mantine/core';\n\n/**\n * Props for the {@link MantineAIMarkdown} component.\n *\n * Extends {@link AIMarkdownProps} with the mantine behavior groups.\n * All core props (`content`, `streaming`, `fontSize`, `enginePlugins`, etc.)\n * are inherited.\n *\n * @typeParam TMetadata - Metadata type, defaults to {@link MantineAIMarkdownMetadata}.\n */\nexport interface MantineAIMarkdownProps<\n  TMetadata extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n> extends AIMarkdownProps<TMetadata> {\n  /**\n   * Code-block behavior group (Behaviors system). The group value replaces\n   * atomically; omitted fields resolve to the shipped defaults inside\n   * `useMantineCodeBlockOptions()`. `null` counts as absent. When absent,\n   * this wrapper contributes NO `codeBlock` group, so a group provided by\n   * an outer app-level `AIMarkdownBehaviorsProvider` passes through; when\n   * present, this prop wins over any outer group (inner-wins merge).\n   */\n  codeBlock?: Partial<MantineCodeBlockOptions>;\n}\n\n/**\n * Stable empty CONTRIBUTION for the absent-prop case. Deliberately carries\n * no `codeBlock` key at all: contributing `codeBlock: {}` would shadow a\n * group provided by an outer app-level `AIMarkdownBehaviorsProvider`\n * (inner-wins merge) even though this wrapper has nothing to say — the\n * documented app-level extension path would silently go dead.\n */\nconst NO_GROUPS: AIMarkdownBehaviorGroups = Object.freeze({});\n\n/**\n * Mantine's stability-firewall table — one row today: `codeBlock` is the\n * only object prop this wrapper TERMINATES (consumes in its own machinery).\n * Forwarded object props ride core's firewall untouched; the merged\n * `customComponents` derived below is caught by core's wall.\n */\nconst MANTINE_STABILITY_TABLE: AIMarkdownStabilityTable<{\n  codeBlock: Partial<MantineCodeBlockOptions> | undefined;\n}> = {\n  codeBlock: AIMarkdownStabilityPolicy.DEEP_EQUAL,\n};\n\n/**\n * Default custom component overrides applied by the Mantine integration.\n *\n * Overrides the `<pre>` element to extract code blocks and render them via\n * {@link MantineAIMPreCode}, which provides syntax highlighting, expand/collapse,\n * and mermaid diagram support. Falls back to a plain `<pre>` when the child\n * is not a recognized code element.\n */\nconst DefaultCustomComponents: AIMarkdownCustomComponents = {\n  pre: ({ node, ...usefulProps }) => {\n    const code = node?.children[0] as\n      | {\n          type: string;\n          tagName?: string;\n          position?: { start?: { offset?: number } };\n          properties?: Record<string, unknown>;\n          children: { value?: string }[];\n        }\n      | undefined;\n    if (!code || code.type !== 'element' || code.tagName !== 'code' || !code.position) {\n      return <pre {...usefulProps} />;\n    }\n    const key = `pre-code-${node?.position?.start?.offset || 0}`;\n    const detectedLanguage = (code.properties?.className as string[])\n      ?.find((className: string) => className.startsWith('language-'))\n      ?.substring('language-'.length);\n    // A `<code>` inside `<pre>` normally carries ONE text child; if an\n    // upstream plugin splits it, the pieces are contiguous source — join\n    // with '' (a '\\n' joiner would invent line breaks the source lacks).\n    const codeText = code.children.map((child: { value?: string }) => child.value ?? '').join('');\n    return <MantineAIMPreCode key={key} codeText={codeText} existLanguage={detectedLanguage} />;\n  },\n};\n\n/**\n * Inner (non-memoized) implementation of the Mantine AI markdown component.\n *\n * Merges caller-provided `customComponents` with the Mantine defaults (the caller's\n * overrides take precedence). Automatically resolves the color scheme from Mantine's\n * `useComputedColorScheme` when no explicit `colorScheme` prop is provided.\n *\n * @typeParam TMetadata - Metadata type.\n */\nconst MantineAIMarkdownComponent = <TMetadata extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata>({\n  Typography = MantineAIMarkdownTypography,\n  ExtraStyles = MantineAIMDefaultExtraStyles,\n  customComponents,\n  colorScheme,\n  codeBlock,\n  ...props\n}: MantineAIMarkdownProps<TMetadata>) => {\n  const stableCustomComponents = useStableValue(customComponents);\n\n  const usedComponents = useMemo(() => {\n    return stableCustomComponents ? { ...DefaultCustomComponents, ...stableCustomComponents } : DefaultCustomComponents;\n  }, [stableCustomComponents]);\n\n  const computedColorScheme = useComputedColorScheme('light');\n\n  // Mantine's stability firewall: `codeBlock` is terminated here (it feeds\n  // the behaviors Provider below, not the core prop surface).\n  const stable = useStableRecord({ codeBlock }, MANTINE_STABILITY_TABLE);\n\n  // Contribute the group through the additive behaviors Provider — firewall\n  // output used directly, record identity memoized so the context value\n  // stays stable across unrelated re-renders. `null`/absent prop ≡ no\n  // contribution (NOT an empty group): an outer app-level Provider's\n  // `codeBlock` group then stays visible; when the prop IS present the\n  // inner-wins merge gives this wrapper's value precedence. The narrow hook\n  // fills the defaults for the no-group-anywhere case.\n  const behaviorGroups = useMemo<AIMarkdownBehaviorGroups>(\n    () => (stable.codeBlock != null ? { codeBlock: stable.codeBlock } : NO_GROUPS),\n    [stable.codeBlock]\n  );\n\n  return (\n    <AIMarkdownBehaviorsProvider value={behaviorGroups}>\n      <AIMarkdown<MantineAIMarkdownMetadata>\n        Typography={Typography}\n        ExtraStyles={ExtraStyles}\n        customComponents={usedComponents}\n        colorScheme={colorScheme ?? computedColorScheme}\n        {...props}\n      />\n    </AIMarkdownBehaviorsProvider>\n  );\n};\n\n/**\n * Mantine-integrated AI markdown renderer.\n *\n * A memoized wrapper around the core `<AIMarkdown>` component that provides\n * Mantine-themed typography, code highlighting (via `@mantine/code-highlight`),\n * mermaid diagram rendering, and automatic color scheme detection.\n *\n * This is the default export of `@ai-react-markdown/mantine`.\n *\n * @example\n * ```tsx\n * import MantineAIMarkdown from '@ai-react-markdown/mantine';\n *\n * function Chat({ content }: { content: string }) {\n *   return <MantineAIMarkdown content={content} />;\n * }\n * ```\n */\nexport const MantineAIMarkdown = memo(MantineAIMarkdownComponent);\n\nMantineAIMarkdown.displayName = 'MantineAIMarkdown';\n\nexport default MantineAIMarkdown as typeof MantineAIMarkdownComponent;\n","import { memo } from 'react';\nimport { Typography } from '@mantine/core';\nimport type { AIMarkdownTypographyProps } from '@ai-react-markdown/core';\n\n/**\n * Mantine-themed typography wrapper for AI markdown content.\n *\n * Replaces the core default typography component with Mantine's `<Typography>`\n * element, applying the configured `fontSize` at full width. This ensures all\n * rendered markdown inherits Mantine's font family, line height, and theming.\n *\n * Used as the default `Typography` prop in {@link MantineAIMarkdown}.\n * Can be replaced by passing a custom `Typography` component.\n *\n * @param props - Standard {@link AIMarkdownTypographyProps} from the core package.\n */\nconst MantineAIMarkdownTypography = memo(({ children, fontSize, style }: AIMarkdownTypographyProps) => (\n  <Typography w=\"100%\" fz={fontSize} style={style}>\n    {children}\n  </Typography>\n));\n\nMantineAIMarkdownTypography.displayName = 'MantineAIMarkdownTypography';\n\nexport default MantineAIMarkdownTypography;\n","import React from 'react';\nimport { AIMarkdownExtraStylesComponent } from '@ai-react-markdown/core';\nimport './styles.scss';\n\n/**\n * Default extra styles wrapper for the Mantine integration.\n *\n * Wraps markdown content in a `<div>` with the `aim-mantine-extra-styles` CSS class,\n * which provides Mantine-compatible typography overrides including:\n * - Relative `em`-based Mantine spacing and font-size CSS custom properties\n * - Heading, list, paragraph, blockquote, and code styling\n * - Definition list layout\n *\n * Used as the default `ExtraStyles` prop in {@link MantineAIMarkdown}.\n */\nconst MantineAIMDefaultExtraStyles: AIMarkdownExtraStylesComponent = ({ children }) => {\n  return <div className=\"aim-mantine-extra-styles\">{children}</div>;\n};\n\nexport default MantineAIMDefaultExtraStyles;\n","'use client';\n\nimport { HTMLAttributes, memo, useEffect, useMemo, useState } from 'react';\nimport { CodeHighlight, CodeHighlightTabs } from '@mantine/code-highlight';\nimport { deepParseJson } from 'deep-parse-json';\nimport { useAIMarkdownState, useAIMarkdownTheme } from '@ai-react-markdown/core';\nimport { useMantineCodeBlockOptions } from '../../hooks/useMantineCodeBlockOptions';\nimport MantineAIMMermaidCode from './MermaidCode';\n\n/**\n * highlight.js is NOT imported statically any more: the root entry carries\n * every language definition (~130 KB gzip) and the only always-on use was a\n * `getLanguage()` existence check that Mantine's own adapter already\n * performs (unknown language → plaintext). Auto-detection is the one real\n * consumer, and it loads the module on demand — only when\n * `autoDetectUnknownLanguage` is on and an unlabelled block shows up\n * (2026-08 project review, pkg-small-02: the static import defeated\n * consumers' `highlight.js/lib/core` slimming). Consumers who want it (and\n * mermaid) in the main bundle up front call `preloadMantineCodeAssets()`\n * at app start, or simply import the modules themselves.\n */\nlet hljsAutoPromise: Promise<{ highlightAuto: (code: string) => { language?: string } }> | null = null;\nexport const loadHljsForAutoDetect = () => {\n  hljsAutoPromise ??= import('highlight.js').then((m) => m.default);\n  return hljsAutoPromise;\n};\n\n/** Below this many characters a guess is noise; the block stays \"unknown\". */\nconst AUTODETECT_MIN_CHARS = 32;\n\n/**\n * The language highlight.js guesses for an unlabelled block.\n *\n * `highlightAuto` scores every registered language against the whole text,\n * so re-running it on every streamed chunk was O(languages × n) per chunk —\n * O(n²) over a long block (pkg-small-06). Schedule instead:\n *   - first guess as soon as the block has AUTODETECT_MIN_CHARS (an early\n *     label rather than \"unknown\" for the whole stream);\n *   - a corrective re-run each time the block has DOUBLED in length since\n *     the last guess (32 → 64 → 128 → …): a wrong early guess on a long\n *     block is fixed within its next doubling, and the total work stays\n *     O(n) — at most log₂(n) runs;\n *   - a final verdict when streaming ends (the last run always sees the\n *     complete block).\n * Returns '' while disabled, still loading, or below the minimum, so the\n * block renders as plaintext/\"unknown\" and upgrades in place.\n */\nfunction useAutoDetectedLanguage(codeText: string, enabled: boolean, streaming: boolean): string {\n  const [detected, setDetected] = useState<{ language: string; atLength: number; finalFor: string | null } | null>(\n    null\n  );\n  useEffect(() => {\n    if (!enabled || codeText.length < AUTODETECT_MIN_CHARS) return;\n    const due =\n      detected === null ||\n      // Not streaming: the verdict must be for THIS text (end-of-stream, or a\n      // static content update).\n      (!streaming && detected.finalFor !== codeText) ||\n      // Streaming: doubled since the last guess.\n      (streaming && codeText.length >= detected.atLength * 2);\n    if (!due) return;\n    let cancelled = false;\n    void loadHljsForAutoDetect().then((hljs) => {\n      if (cancelled) return;\n      setDetected({\n        language: hljs.highlightAuto(codeText).language ?? '',\n        atLength: codeText.length,\n        finalFor: streaming ? null : codeText,\n      });\n    });\n    return () => {\n      cancelled = true;\n    };\n    // `detected` is deliberately not a dep: a completed guess must not\n    // re-trigger the effect (it re-runs on the next content/streaming\n    // change, which is when the schedule is re-evaluated).\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [codeText, enabled, streaming]);\n  return enabled ? (detected?.language ?? '') : '';\n}\n\n/**\n * Loads mermaid and highlight.js ahead of time. Both are imported on demand\n * by the code-block renderers (the first diagram / the first auto-detected\n * block pays the download); an app that would rather take that cost at\n * startup — a documentation page whose first screen shows a diagram, say —\n * calls this once at boot. Safe to call repeatedly; failures are swallowed\n * (the renderers will simply load lazily later).\n */\nexport function preloadMantineCodeAssets(): Promise<void> {\n  return Promise.all([import('mermaid'), loadHljsForAutoDetect()]).then(\n    () => undefined,\n    () => undefined\n  );\n}\n\n/**\n * Code languages that receive specialized rendering instead of standard\n * syntax-highlighted code blocks. Adding a new member here automatically\n * marks that language as \"special\" — you only need to add the corresponding\n * rendering branch in the component's return.\n */\nenum SpecialCodeLanguage {\n  /** Rendered as interactive diagrams via {@link MantineAIMMermaidCode} */\n  Mermaid = 'mermaid',\n}\n\n/** O(1) lookup set, derived from {@link SpecialCodeLanguage}. */\nconst SPECIAL_LANGUAGES = new Set<string>(Object.values(SpecialCodeLanguage));\n\n/**\n * Mantine code block renderer for `<pre>` elements.\n *\n * Replaces the default `<pre>` rendering with Mantine's {@link CodeHighlight} or\n * {@link CodeHighlightTabs} components, providing syntax highlighting, expand/collapse\n * behavior, and file-name tabs.\n *\n * Behavior:\n * - If the code block has an explicit language annotation, uses that language.\n * - If no language is specified and the `codeBlock` group's\n *   `autoDetectUnknownLanguage` option is enabled, uses `highlight.js`\n *   auto-detection.\n * - Mermaid code blocks (`language-mermaid`) are rendered as interactive diagrams\n *   via {@link MantineAIMMermaidCode}.\n * - JSON code blocks are deep-parsed and pretty-printed before display.\n * - Unrecognized languages render as plaintext with an \"unknown\" label using\n *   {@link CodeHighlight} (no tabs).\n * - Recognized languages render with {@link CodeHighlightTabs} showing the\n *   language name as the tab label.\n *\n * @param props.codeText - The raw text content of the code block.\n * @param props.existLanguage - Language identifier extracted from the `language-*` CSS class, if present.\n */\nconst MantineAIMPreCode = memo(\n  (\n    props: HTMLAttributes<HTMLPreElement> & {\n      codeText: string;\n      existLanguage?: string;\n    }\n  ) => {\n    const { fontSize } = useAIMarkdownTheme();\n    const { streaming } = useAIMarkdownState();\n    const { autoDetectUnknownLanguage, defaultExpanded } = useMantineCodeBlockOptions();\n\n    const detectedLanguage = useAutoDetectedLanguage(\n      props.codeText,\n      autoDetectUnknownLanguage && !props.existLanguage,\n      streaming\n    );\n    // Lower-cased once for every decision below: fence languages arrive in\n    // whatever case the model wrote (` ```Mermaid `, ` ```JSON `), and both\n    // the special-language switch and the JSON branch must agree\n    // (2026-08 project review, pkg-small-08 — the mermaid check was\n    // case-sensitive while the JSON check was not).\n    const codeLanguage = (props.existLanguage || detectedLanguage).toLowerCase();\n\n    // The language is passed straight to Mantine's highlighter, whose\n    // adapter already degrades unknown languages to plaintext; the label\n    // is \"unknown\" only when there is no language at all.\n    const [usedCodeLanguage, usedFileName] = useMemo(\n      () => (codeLanguage ? [codeLanguage, codeLanguage] : ['plaintext', 'unknown']),\n      [codeLanguage]\n    );\n\n    const isSpecialCodeBlock = SPECIAL_LANGUAGES.has(codeLanguage);\n\n    const normalCodeBlockContent = useMemo(() => {\n      if (isSpecialCodeBlock) return null;\n      let usedCodeStr = props.codeText;\n      // JSON pretty-print as soon as the block LOOKS complete: a streamed\n      // prefix never parses, so trying deepParseJson on every chunk of a\n      // growing block was O(n²) work for nothing (pkg-small-06) — but a\n      // block that finished mid-document must not wait for the whole\n      // message to end. A complete JSON value ends in `}`, `]`, `\"`, a\n      // digit or a literal; the cheap tell that rules out the common\n      // in-progress shapes is \"ends with a closing bracket\".\n      const looksComplete = /[}\\]]\\s*$/.test(usedCodeStr);\n      if (usedCodeStr && (looksComplete || !streaming) && usedCodeLanguage === 'json') {\n        const deepParsedResult = deepParseJson(usedCodeStr);\n        usedCodeStr =\n          typeof deepParsedResult === 'string' ? deepParsedResult : JSON.stringify(deepParsedResult, null, 2);\n      }\n      return usedFileName === 'unknown' ? (\n        <CodeHighlight\n          mb={15}\n          fz={fontSize}\n          w=\"100%\"\n          code={usedCodeStr}\n          withBorder\n          withExpandButton\n          defaultExpanded={defaultExpanded}\n          maxCollapsedHeight=\"320px\"\n        />\n      ) : (\n        <CodeHighlightTabs\n          mb={15}\n          fz={fontSize}\n          w=\"100%\"\n          code={[\n            {\n              fileName: usedFileName,\n              code: usedCodeStr,\n              language: usedCodeLanguage,\n            },\n          ]}\n          withBorder\n          withExpandButton\n          defaultExpanded={defaultExpanded}\n          maxCollapsedHeight=\"320px\"\n        />\n      );\n    }, [isSpecialCodeBlock, props.codeText, usedCodeLanguage, usedFileName, fontSize, defaultExpanded, streaming]);\n\n    const specialCodeBlockContent = useMemo(() => {\n      switch (codeLanguage) {\n        case SpecialCodeLanguage.Mermaid:\n          return <MantineAIMMermaidCode code={props.codeText} />;\n        default:\n          return null;\n      }\n    }, [codeLanguage, props.codeText]);\n\n    return isSpecialCodeBlock ? specialCodeBlockContent : normalCodeBlockContent;\n  }\n);\n\nMantineAIMPreCode.displayName = 'MantineAIMPreCode';\n\nexport default MantineAIMPreCode;\n","/**\n * Narrow hook for the mantine `codeBlock` behavior group.\n *\n * This is THE single type-assertion site for the group (the pattern that\n * retires the public caller-asserted `TConfig` generic): the opaque\n * extension record from `useAIMarkdownBehaviors()` is narrowed here, and\n * group defaults are applied here — read sites must consume this hook and\n * never re-apply defaults with bare `??` (multiple read sites duplicating\n * defaults will drift).\n *\n * @module hooks/useMantineCodeBlockOptions\n */\n\nimport { useMemo } from 'react';\nimport { useAIMarkdownBehaviors } from '@ai-react-markdown/core';\nimport { defaultMantineCodeBlockOptions, type MantineCodeBlockOptions } from '../defs';\n\n/**\n * Read the resolved code-block options from the behaviors context.\n *\n * Group values replace atomically at the transport layer; defaults are\n * filled in here, so a partial group (e.g. `codeBlock={{ defaultExpanded:\n * false }}`) resolves the omitted fields to the shipped defaults.\n *\n * Must be called inside a `<MantineAIMarkdown>` (or any `<AIMarkdown>`\n * wrapped in the mantine Provider stack) — throws outside, same contract\n * as the core narrow hooks.\n */\nexport function useMantineCodeBlockOptions(): Required<MantineCodeBlockOptions> {\n  const behaviors = useAIMarkdownBehaviors();\n  // The single assertion: the `codeBlock` group key is owned by this\n  // package, contributed by `MantineAIMarkdown` via its behaviors Provider.\n  const group = behaviors.codeBlock as Partial<MantineCodeBlockOptions> | undefined;\n  return useMemo(() => {\n    // Field-wise `??` rather than a spread: `codeBlock={{ defaultExpanded:\n    // undefined }}` type-checks, and a spread would let that explicit\n    // undefined punch through the default while the signature promises\n    // `Required<…>` (2026-08 project review, pkg-small-12).\n    const resolved = { ...defaultMantineCodeBlockOptions } as Required<MantineCodeBlockOptions>;\n    for (const key of Object.keys(defaultMantineCodeBlockOptions) as Array<keyof MantineCodeBlockOptions>) {\n      const value = group?.[key];\n      if (value !== undefined) (resolved as Record<string, unknown>)[key] = value;\n    }\n    return resolved;\n  }, [group]);\n}\n","/**\n * Mantine-specific type definitions and defaults: the `codeBlock` behavior\n * group and the metadata extension point.\n *\n * @module defs\n */\n\nimport { AIMarkdownMetadata } from '@ai-react-markdown/core';\n\n/**\n * Code block rendering options (the mantine `codeBlock` behavior group).\n *\n * v2 transport: passed as the flat `codeBlock` prop on `MantineAIMarkdown`\n * (group value replaces atomically) and read through\n * `useMantineCodeBlockOptions()`, which applies the defaults below inside\n * the hook — the single place defaults live at read time.\n */\nexport interface MantineCodeBlockOptions {\n  /**\n   * Whether code blocks start in their expanded state.\n   * When `false`, long code blocks are collapsed with an expand button.\n   *\n   * @default true\n   */\n  defaultExpanded: boolean;\n\n  /**\n   * When `true`, uses `highlight.js` auto-detection to determine the language\n   * of code blocks that lack an explicit language annotation.\n   *\n   * @default false\n   */\n  autoDetectUnknownLanguage: boolean;\n}\n\n/** Shipped defaults for the `codeBlock` behavior group. */\nexport const defaultMantineCodeBlockOptions: Readonly<MantineCodeBlockOptions> = Object.freeze({\n  defaultExpanded: true,\n  autoDetectUnknownLanguage: false,\n});\n\n/**\n * Metadata type for the Mantine integration.\n *\n * Currently identical to {@link AIMarkdownMetadata}. Exists as an extension point\n * so that consumers can augment metadata in Mantine-specific wrappers without\n * needing to reference the core type directly.\n */\nexport interface MantineAIMarkdownMetadata extends AIMarkdownMetadata {}\n","'use client';\n\nimport React, { memo, useEffect, useRef, useState, useCallback } from 'react';\nimport { CodeHighlightControl, CodeHighlightTabs } from '@mantine/code-highlight';\nimport { ActionIcon, CopyButton, Flex, Tooltip } from '@mantine/core';\nimport type mermaidModule from 'mermaid';\nimport { useAIMarkdownState, useAIMarkdownTheme } from '@ai-react-markdown/core';\nimport { useMantineCodeBlockOptions } from '../../../hooks/useMantineCodeBlockOptions';\nimport './styles.scss';\n\n/** Static `<pre>` style for the mermaid container. */\nconst PRE_STYLE = { cursor: 'pointer', overflow: 'auto', width: '100%', padding: '0.5rem' } as const;\n\n/**\n * What the component currently shows. One value instead of separate\n * `hasRendered`/`renderError`/`chartType` fields whose combinations had to\n * be kept coherent by hand:\n * - `source`: warm-up / SSR fallback — raw code as a plain code block\n *   (nothing rendered yet this generation).\n * - `diagram`: the last successful SVG is up.\n * - `error`: the error tab — only a post-stream corrective failure or a\n *   never-rendered static failure can enter this state.\n *\n * The user's source toggle (`showOriginalCode`) is deliberately NOT a\n * phase: it overlays any view and flipping it back must restore the prior\n * one unchanged.\n */\ntype MermaidView = { kind: 'source' } | { kind: 'diagram'; chartType: string } | { kind: 'error' };\n\n/** Equality used to skip no-op view updates — repeat mid-stream successes\n *  of the same chart type must not re-render the host per chunk. */\nconst sameView = (a: MermaidView, b: MermaidView): boolean =>\n  a.kind === 'diagram' && b.kind === 'diagram' ? a.chartType === b.chartType : a.kind === b.kind;\n\ntype Mermaid = typeof mermaidModule;\n\n/**\n * mermaid is loaded on demand — the FIRST diagram that actually renders\n * pays the import; an app whose content never contains a mermaid fence\n * never downloads the ~1.5 MB module (2026-08 project review,\n * pkg-small-03: the static import sat on the default `pre` component's\n * import chain, so every consumer's main bundle carried it). The promise is\n * cached module-wide; the source-view warm-up covers the loading window.\n */\nlet mermaidPromise: Promise<Mermaid> | null = null;\nconst loadMermaid = (): Promise<Mermaid> => {\n  mermaidPromise ??= import('mermaid').then((m) => m.default);\n  return mermaidPromise;\n};\n\n/** Theme mermaid.initialize was last called with. mermaid's config is a\n *  module-level singleton, so re-asserting an unchanged theme before every\n *  render attempt (each streamed chunk re-runs the effect) is pure waste —\n *  but instances under providers with DIFFERENT schemes must each\n *  re-assert before their own render, so the cache is module-level and\n *  checked per attempt rather than hoisted into a per-instance effect. */\nlet initializedTheme: 'dark' | 'light' | null = null;\n\nconst ensureMermaidInitialized = (mermaid: Mermaid, isDark: boolean) => {\n  const theme = isDark ? 'dark' : 'light';\n  if (initializedTheme === theme) return;\n  mermaid.initialize({\n    startOnLoad: false,\n    securityLevel: 'strict',\n    theme: isDark ? 'dark' : 'base',\n    darkMode: isDark,\n    // Without a svgContainingElement, a draw-phase throw (an error that\n    // got past mermaid.parse) leaves mermaid's temp element orphaned in\n    // document.body — its error path only cleans up when this flag is\n    // set. We render our own error tab anyway, so mermaid's built-in\n    // error diagram is dead weight here regardless.\n    suppressErrorRendering: true,\n  });\n  initializedTheme = theme;\n};\n\n/**\n * Generate a unique ID for mermaid SVG rendering.\n * Combines a timestamp with a random suffix to avoid collisions when\n * multiple mermaid diagrams render concurrently.\n *\n * @returns A unique string in the format `mermaid-{timestamp}-{random}`.\n */\nconst generateMermaidUUID = () => {\n  return `mermaid-${new Date().getTime()}-${Math.random().toString(36).slice(2, 10)}`;\n};\n\n/**\n * Open the rendered mermaid SVG in a new browser window.\n *\n * Clones the SVG element, applies a background color matching the current\n * color scheme, serializes it to an object URL, and opens it in a new tab.\n * The object URL is revoked after a short delay to free memory.\n *\n * @param svgElement - The rendered SVG element to view, or `null`/`undefined` to no-op.\n * @param isDark - Whether the current color scheme is dark (used for background color).\n */\nconst handleViewSVGInNewWindow = (svgElement: SVGElement | null | undefined, isDark: boolean) => {\n  if (!svgElement) return;\n  const targetSvg = svgElement.cloneNode(true) as SVGElement;\n  targetSvg.style.backgroundColor = isDark ? '#242424' : 'white';\n  const text = new XMLSerializer().serializeToString(targetSvg);\n  const blob = new Blob([text], { type: 'image/svg+xml' });\n  const url = URL.createObjectURL(blob);\n  const win = window.open(url);\n  // Revoke either way: when a popup blocker returns null nobody will ever\n  // load the URL, and leaving it alive leaks the Blob until page unload\n  // (2026-08 project review, pkg-small-09). The opened window needs the\n  // grace period to finish loading it.\n  setTimeout(() => URL.revokeObjectURL(url), win ? 5000 : 0);\n};\n\n/**\n * Interactive mermaid diagram renderer.\n *\n * Parses and renders mermaid diagram source code into an inline SVG visualization.\n * Automatically adapts to the current Mantine color scheme (light/dark) by\n * re-initializing mermaid with the appropriate theme.\n *\n * Features:\n * - Live SVG rendering with automatic dark/light theme switching\n * - Fallback to raw source code display on parse/render errors\n * - Toggle between rendered diagram and raw mermaid source\n * - Click on the rendered diagram to open the SVG in a new browser window\n * - Copy button for the raw mermaid source code\n * - Chart type label extracted from mermaid's parse result\n * - Preserves the last successful render across transient parse failures\n *\n * ## Streaming contract\n *\n * While `streaming` is true (from render state), the code prop is usually a\n * truncated prefix of the final diagram, so parse failures are *expected*,\n * not exceptional:\n * - Before the first successful render, the raw source is shown as a plain\n *   code block (never the error tab).\n * - After a success, the last good SVG stays up; each subsequent chunk is\n *   re-attempted and the diagram refreshes only on the next success.\n * - When streaming ends (`streaming` is an effect dep), one corrective pass\n *   runs on the final code: success refreshes the diagram, failure surfaces\n *   the real error tab — even over a previously rendered mid-stream diagram,\n *   because that diagram no longer matches the final source. The pending\n *   corrective obligation is tracked by `needsCorrectiveRef` (armed on the\n *   streaming→false edge, consumed by the next completed attempt), so ONLY\n *   that one pass may clobber a rendered diagram; any later failure (e.g. a\n *   transient throw on a theme-flip re-render) falls back to the static rule\n *   below.\n * - A streaming→true edge marks a NEW generation (chat \"regenerate\" reuses\n *   the same component instance when the block's source offset — and thus\n *   its React key — is unchanged). All per-generation state is reset so the\n *   warm-up shows the new source instead of the previous generation's stale\n *   diagram or error tab.\n *\n * ## Static contract (`streaming` stays false)\n *\n * Without streaming edges, failures follow the original conservative rule:\n * the error tab shows only while nothing has rendered yet. Once a diagram is\n * up, later failures (theme-flip re-render, a not-yet-complete `code` update\n * from a consumer that didn't pass `streaming`) keep the last good diagram\n * instead of clobbering it with an error.\n *\n * @param props.code - Raw mermaid diagram source code to render.\n */\nconst MantineAIMMermaidCode = memo((props: { code: string }) => {\n  const { colorScheme, fontSize } = useAIMarkdownTheme();\n  const { streaming } = useAIMarkdownState();\n  const { defaultExpanded } = useMantineCodeBlockOptions();\n  const isDark = colorScheme === 'dark';\n\n  const ref = useRef<HTMLPreElement>(null);\n  const renderVersionRef = useRef(0);\n  /** Mirrors `view` for reads inside the async render closure — state reads\n   *  there can be stale when deps change mid-flight. */\n  const viewRef = useRef<MermaidView>({ kind: 'source' });\n  /** Previous `streaming` value, for edge detection in the effect. */\n  const prevStreamingRef = useRef(false);\n  /** Armed on the streaming→false edge: the next completed render attempt is\n   *  the end-of-stream corrective pass, whose failure must surface even over\n   *  a rendered diagram. Consumed (reset) by that attempt's success OR\n   *  surfaced failure, so later unrelated failures can't clobber the SVG. */\n  const needsCorrectiveRef = useRef(false);\n  /** Inputs of the render whose SVG currently sits in the host `<pre>`.\n   *  When the effect re-runs with the same (code, theme) pair — the\n   *  post-stream corrective flip on an already-final diagram, or returning\n   *  from the source view — the DOM already holds that exact render, so\n   *  the attempt (and its parse + temp-element render) is skipped. */\n  const lastSuccessRef = useRef<{ code: string; isDark: boolean } | null>(null);\n  const [view, setViewState] = useState<MermaidView>({ kind: 'source' });\n  const [showOriginalCode, setShowOriginalCode] = useState(false);\n\n  useEffect(() => {\n    // View updates funnel through here so the ref mirror can't desync from\n    // the state, and no-op updates are dropped (repeat mid-stream successes\n    // and idempotent edge resets must not re-render the host per chunk).\n    const applyView = (next: MermaidView) => {\n      viewRef.current = next;\n      setViewState((prev) => (sameView(prev, next) ? prev : next));\n    };\n\n    // Streaming edge detection MUST run before any early return — the first\n    // chunk of a new stream can arrive while the code is still empty.\n    if (streaming && !prevStreamingRef.current) {\n      // Rising edge = a new generation is starting on this same instance\n      // (same block offset → same React key → no remount on regenerate).\n      // Reset all per-generation state so warm-up shows the incoming source,\n      // not the previous generation's stale diagram or error tab. Everything\n      // here is idempotent — a StrictMode double-run is harmless.\n      needsCorrectiveRef.current = false;\n      lastSuccessRef.current = null;\n      applyView({ kind: 'source' });\n      if (ref.current) {\n        ref.current.innerHTML = '';\n      }\n    } else if (!streaming && prevStreamingRef.current) {\n      // Falling edge = the stream just ended; arm the corrective pass.\n      needsCorrectiveRef.current = true;\n    }\n    prevStreamingRef.current = streaming;\n    if (!props.code || !ref.current || showOriginalCode) {\n      return;\n    }\n\n    // The SVG in the DOM already came from exactly this (code, theme) pair —\n    // nothing to recompute. This also SATISFIES a pending corrective\n    // obligation: the identical successful render IS the verdict on the\n    // final source, so the obligation is consumed, not left armed for some\n    // later unrelated failure to inherit.\n    if (lastSuccessRef.current?.code === props.code && lastSuccessRef.current.isDark === isDark) {\n      needsCorrectiveRef.current = false;\n      return;\n    }\n\n    const renderVersion = ++renderVersionRef.current;\n    let cancelled = false;\n\n    const renderMermaid = async () => {\n      try {\n        const mermaid = await loadMermaid();\n        if (!ref.current || cancelled || renderVersion !== renderVersionRef.current) {\n          return;\n        }\n        ensureMermaidInitialized(mermaid, isDark);\n        const parseResult = await mermaid.parse(props.code);\n        if (!parseResult) {\n          throw new Error('Failed to parse mermaid code');\n        }\n\n        if (!ref.current || cancelled || renderVersion !== renderVersionRef.current) {\n          return;\n        }\n\n        // Deliberately NOT passing `ref.current` as mermaid's\n        // svgContainingElement: before the first success the host container\n        // is hidden with `display: none` (source fallback is showing), and\n        // mermaid measures text via getBBox during render — inside a\n        // display:none subtree layout never runs, every measurement is 0,\n        // and the diagram comes out as a ~16px SVG. With the argument\n        // omitted, mermaid renders in a temp element appended to\n        // `document.body` (its default path, cleaned up internally), so\n        // measurement works no matter what our container is doing. The SVG\n        // string is written into our own <pre> below either way.\n        // mermaid's config is a module singleton and the awaits above yield:\n        // an instance under the OTHER color scheme may have re-initialized\n        // in between, in which case this render came out in the wrong theme.\n        // Re-assert and render once more; a second flip is vanishingly\n        // unlikely and would self-heal on the next attempt anyway\n        // (2026-08 project review, pkg-small-11).\n        let rendered = await mermaid.render(generateMermaidUUID(), props.code);\n        if (initializedTheme !== (isDark ? 'dark' : 'light')) {\n          if (!ref.current || cancelled || renderVersion !== renderVersionRef.current) {\n            return;\n          }\n          ensureMermaidInitialized(mermaid, isDark);\n          rendered = await mermaid.render(generateMermaidUUID(), props.code);\n        }\n        const { svg, bindFunctions, diagramType } = rendered;\n        if (!ref.current || cancelled || renderVersion !== renderVersionRef.current) {\n          return;\n        }\n\n        ref.current.innerHTML = svg;\n        bindFunctions?.(ref.current);\n        needsCorrectiveRef.current = false;\n        lastSuccessRef.current = { code: props.code, isDark };\n        applyView({ kind: 'diagram', chartType: diagramType });\n      } catch {\n        if (cancelled || renderVersion !== renderVersionRef.current) {\n          return;\n        }\n        // Mid-stream failures are expected (truncated code) — keep the last\n        // good diagram / source placeholder and wait for more bytes. The\n        // corrective pass after streaming ends reports real errors.\n        if (streaming) {\n          return;\n        }\n        // End-of-stream corrective pass: the final source no longer renders,\n        // so the error must surface even over a mid-stream diagram. Consume\n        // the obligation so later unrelated failures don't inherit it.\n        if (needsCorrectiveRef.current) {\n          needsCorrectiveRef.current = false;\n          applyView({ kind: 'error' });\n          return;\n        }\n        // Static rule: never clobber a rendered diagram (theme-flip\n        // re-renders, un-flagged code updates from static consumers).\n        if (viewRef.current.kind === 'diagram') {\n          return;\n        }\n        applyView({ kind: 'error' });\n      }\n    };\n\n    void renderMermaid();\n\n    return () => {\n      cancelled = true;\n    };\n    // `streaming` in the deps is what drives the end-of-stream corrective\n    // pass: the flip to false re-runs this effect on the (unchanged) final\n    // code, so the last state reflects the full diagram source.\n  }, [props.code, isDark, showOriginalCode, streaming]);\n\n  const viewSvgInNewWindow = useCallback(() => {\n    handleViewSVGInNewWindow(ref.current?.querySelector('svg'), isDark);\n  }, [isDark]);\n\n  // Show the raw source instead of the diagram container when the user asked\n  // for it, when the (post-stream) render failed, or before the first\n  // successful render (SSR output and the streaming warm-up phase). The\n  // diagram container below stays MOUNTED throughout — merely hidden — so\n  // `ref` is always available for mermaid to render into; unmounting it would\n  // make the effect's `!ref.current` guard bail forever.\n  const showSourceFallback = showOriginalCode || view.kind !== 'diagram';\n\n  return (\n    <>\n      {showSourceFallback && (\n        <CodeHighlightTabs\n          mb={15}\n          fz={fontSize}\n          w=\"100%\"\n          code={[\n            {\n              fileName: view.kind === 'error' ? 'Mermaid Render Error' : 'mermaid',\n              code: props.code,\n              language: 'mermaid',\n            },\n          ]}\n          defaultExpanded={defaultExpanded}\n          maxCollapsedHeight=\"320px\"\n          styles={{\n            filesScrollarea: {\n              right: '90px',\n            },\n          }}\n          controls={\n            // The \"Render Mermaid\" control only makes sense as the way back\n            // from the user-toggled source view. In the error and warm-up\n            // fallbacks `showOriginalCode` is already false, so the control\n            // would be a no-op — hide it there. (No view-kind conjunct: the\n            // toggle is only reachable from the visible diagram view, and\n            // while the source view is open the effect early-returns, so\n            // showOriginalCode && view.kind === 'error' is unreachable.)\n            showOriginalCode\n              ? [\n                  <CodeHighlightControl\n                    tooltipLabel=\"Render Mermaid\"\n                    key=\"gpt\"\n                    onClick={() => {\n                      setShowOriginalCode(false);\n                    }}\n                  >\n                    <Flex align=\"center\" justify=\"center\" w={18} h={18}>\n                      <span className=\"icon-[gravity-ui--logo-mermaid] relative bottom-[1px] text-[16px]\"></span>\n                    </Flex>\n                  </CodeHighlightControl>,\n                ]\n              : []\n          }\n          withBorder\n          withExpandButton\n        />\n      )}\n      <div\n        className={`aim-mantine-mermaid-code ${isDark ? 'dark' : ''}`}\n        style={\n          showSourceFallback\n            ? {\n                display: 'none',\n              }\n            : {}\n        }\n      >\n        <div className=\"chart-header\">\n          <div className=\"chart-type-tag\">{view.kind === 'diagram' ? view.chartType : 'unknown'}</div>\n          <Flex align=\"center\" justify=\"flex-end\" gap={0}>\n            <Tooltip label=\"Show Mermaid Code\">\n              <ActionIcon\n                size={28}\n                className=\"action-icon\"\n                variant=\"transparent\"\n                aria-label=\"Show Mermaid code\"\n                onClick={() => {\n                  setShowOriginalCode(true);\n                }}\n              >\n                <Flex align=\"center\" justify=\"center\" w={18} h={18}>\n                  <span className=\"icon-[entypo--code] relative bottom-[0.25px] text-[16px]\"></span>\n                </Flex>\n              </ActionIcon>\n            </Tooltip>\n            <CopyButton value={props.code}>\n              {({ copied, copy }) => (\n                <Tooltip label={copied ? 'Copied' : 'Copy'} withArrow position=\"right\">\n                  <ActionIcon\n                    variant=\"transparent\"\n                    size={28}\n                    className=\"action-icon\"\n                    aria-label={copied ? 'Mermaid code copied' : 'Copy Mermaid code'}\n                    onClick={copy}\n                  >\n                    {copied ? (\n                      <span className=\"icon-origin-[lucide--check] text-[18px]\"></span>\n                    ) : (\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        viewBox=\"0 0 24 24\"\n                        strokeWidth=\"2\"\n                        stroke=\"currentColor\"\n                        fill=\"none\"\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                        width=\"18px\"\n                        height=\"18px\"\n                      >\n                        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path>\n                        <path d=\"M8 8m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z\"></path>\n                        <path d=\"M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2\"></path>\n                      </svg>\n                    )}\n                  </ActionIcon>\n                </Tooltip>\n              )}\n            </CopyButton>\n          </Flex>\n        </div>\n        <pre\n          ref={ref}\n          style={PRE_STYLE}\n          role=\"button\"\n          tabIndex={0}\n          aria-label=\"Open Mermaid diagram in a new window\"\n          onClick={viewSvgInNewWindow}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter' || event.key === ' ') {\n              event.preventDefault();\n              viewSvgInNewWindow();\n            }\n          }}\n        />\n      </div>\n    </>\n  );\n});\n\nMantineAIMMermaidCode.displayName = 'MantineAIMMermaidCode';\n\nexport default MantineAIMMermaidCode;\n","/**\n * Widened `define*` factory for the mantine wrapper (EXECUTION-PLAN §4\n * item 8): identity + mantine prop types + freeze, zero logic. Core\n * factories accept core fields only — passing `codeBlock` to core's\n * `defineBehaviors` is a TS error; this widened factory is the wrapper's\n * one-line obligation.\n *\n * @module define\n */\n\nimport type { AIMarkdownBehaviorProps } from '@ai-react-markdown/core';\nimport type { MantineCodeBlockOptions } from './defs';\n\n/** Behavior-system props packagable at integration time, mantine-widened. */\nexport interface MantineBehaviorProps extends AIMarkdownBehaviorProps {\n  /** The mantine `codeBlock` behavior group (atomic replacement; defaults applied at read time). */\n  codeBlock?: Partial<MantineCodeBlockOptions>;\n}\n\n// NON-generic on purpose — see core's `define.ts`: a fresh literal is\n// excess-property checked against the concrete parameter type.\n\n/** Freeze a mantine behaviors fragment. Identity + types + freeze; zero logic. */\nexport function defineMantineBehaviors(values: MantineBehaviorProps): Readonly<MantineBehaviorProps> {\n  return Object.freeze(values);\n}\n","import { useAIMarkdownMetadata } from '@ai-react-markdown/core';\nimport { MantineAIMarkdownMetadata } from '../defs';\n\n/**\n * Typed wrapper around the core {@link useAIMarkdownMetadata} hook.\n *\n * Returns the current metadata defaulting to {@link MantineAIMarkdownMetadata}.\n * Accepts an optional generic parameter for further extension.\n *\n * Metadata lives in a separate React context from the render state, meaning\n * metadata updates do not trigger re-renders in components that only consume\n * render state.\n *\n * Must be called inside a component rendered within the `<MantineAIMarkdown>` tree.\n *\n * @typeParam TMetadata - Metadata type (defaults to {@link MantineAIMarkdownMetadata}).\n * @returns The current metadata, or `undefined` if none was provided.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const metadata = useMantineAIMarkdownMetadata();\n *   // Access Mantine-specific metadata fields\n * }\n * ```\n */\nexport const useMantineAIMarkdownMetadata = <\n  TMetadata extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n>() => {\n  return useAIMarkdownMetadata<TMetadata>();\n};\n"],"mappings":"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","names":["import_react","import_core","import_jsx_runtime","import_react","import_code_highlight","import_core","import_react","import_core","import_react","import_core","import_jsx_runtime","import_jsx_runtime","SpecialCodeLanguage","import_core","import_jsx_runtime","Typography","AIMarkdown","import_core"]}

package/dist/index.css

@@ -148,9 +148,9 @@
 }
 .aim-mantine-mermaid-code .chart-header .chart-type-tag {
   padding: calc(0.2125rem * var(--mantine-scale)) calc(0.5625rem * var(--mantine-scale));
-  color: black;
+  color: var(--mantine-color-text);
   border: 1px solid var(--mantine-color-gray-3);
-  background: white;
+  background: var(--mantine-color-body);
   border-radius: var(--mantine-radius-default);
   font-size: var(--mantine-font-size-xs);
   font-weight: 700;