@ai-react-markdown/mantine 1.5.1 → 1.6.1

package/README.md

@@ -36,7 +36,7 @@ yarn add @ai-react-markdown/mantine @ai-react-markdown/core
 {
   "react": ">=19",
   "react-dom": ">=19",
-  "@ai-react-markdown/core": "^1.5.1",
+  "@ai-react-markdown/core": "^1.6.1",
   "@mantine/core": "^9.0.0",
   "@mantine/code-highlight": "^9.0.0",
   "highlight.js": "^11.11.1"

package/dist/index.cjs

@@ -88,6 +88,25 @@ var import_core4 = require("@mantine/core");
 var import_mermaid = __toESM(require("mermaid"), 1);
 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 initializedTheme = null;
+var ensureMermaidInitialized = (isDark) => {
+  const theme = isDark ? "dark" : "light";
+  if (initializedTheme === theme) return;
+  import_mermaid.default.initialize({
+    startOnLoad: false,
+    securityLevel: "strict",
+    theme: isDark ? "dark" : "base",
+    darkMode: isDark,
+    // Without a svgContainingElement, a draw-phase throw (an error that
+    // got past mermaid.parse) leaves mermaid's temp element orphaned in
+    // document.body — its error path only cleans up when this flag is
+    // set. We render our own error tab anyway, so mermaid's built-in
+    // error diagram is dead weight here regardless.
+    suppressErrorRendering: true
+  });
+  initializedTheme = theme;
+};
 var generateMermaidUUID = () => {
   return `mermaid-${(/* @__PURE__ */ new Date()).getTime()}-${Math.random().toString(36).slice(2, 10)}`;
 };
@@ -109,20 +128,21 @@ var MantineAIMMermaidCode = (0, import_react2.memo)((props) => {
   const streaming = renderState.streaming;
   const ref = (0, import_react2.useRef)(null);
   const renderVersionRef = (0, import_react2.useRef)(0);
-  const hasRenderedRef = (0, import_react2.useRef)(false);
+  const viewRef = (0, import_react2.useRef)({ kind: "source" });
   const prevStreamingRef = (0, import_react2.useRef)(false);
   const needsCorrectiveRef = (0, import_react2.useRef)(false);
-  const [hasRendered, setHasRendered] = (0, import_react2.useState)(false);
+  const lastSuccessRef = (0, import_react2.useRef)(null);
+  const [view, setViewState] = (0, import_react2.useState)({ kind: "source" });
   const [showOriginalCode, setShowOriginalCode] = (0, import_react2.useState)(false);
-  const [renderError, setRenderError] = (0, import_react2.useState)(false);
-  const [chartType, setChartType] = (0, import_react2.useState)("unknown");
   (0, import_react2.useEffect)(() => {
+    const applyView = (next) => {
+      viewRef.current = next;
+      setViewState((prev) => sameView(prev, next) ? prev : next);
+    };
     if (streaming && !prevStreamingRef.current) {
-      hasRenderedRef.current = false;
       needsCorrectiveRef.current = false;
-      setHasRendered(false);
-      setRenderError(false);
-      setChartType("unknown");
+      lastSuccessRef.current = null;
+      applyView({ kind: "source" });
       if (ref.current) {
         ref.current.innerHTML = "";
       }
@@ -133,22 +153,15 @@ var MantineAIMMermaidCode = (0, import_react2.memo)((props) => {
     if (!props.code || !ref.current || showOriginalCode) {
       return;
     }
+    if (lastSuccessRef.current?.code === props.code && lastSuccessRef.current.isDark === isDark) {
+      needsCorrectiveRef.current = false;
+      return;
+    }
     const renderVersion = ++renderVersionRef.current;
     let cancelled = false;
     const renderMermaid = async () => {
       try {
-        import_mermaid.default.initialize({
-          startOnLoad: false,
-          securityLevel: "strict",
-          theme: isDark ? "dark" : "base",
-          darkMode: isDark,
-          // Without a svgContainingElement, a draw-phase throw (an error that
-          // got past mermaid.parse) leaves mermaid's temp element orphaned in
-          // document.body — its error path only cleans up when this flag is
-          // set. We render our own error tab anyway, so mermaid's built-in
-          // error diagram is dead weight here regardless.
-          suppressErrorRendering: true
-        });
+        ensureMermaidInitialized(isDark);
         const parseResult = await import_mermaid.default.parse(props.code);
         if (!parseResult) {
           throw new Error("Failed to parse mermaid code");
@@ -162,11 +175,9 @@ var MantineAIMMermaidCode = (0, import_react2.memo)((props) => {
         }
         ref.current.innerHTML = svg;
         bindFunctions?.(ref.current);
-        hasRenderedRef.current = true;
         needsCorrectiveRef.current = false;
-        setHasRendered(true);
-        setChartType(diagramType);
-        setRenderError(false);
+        lastSuccessRef.current = { code: props.code, isDark };
+        applyView({ kind: "diagram", chartType: diagramType });
       } catch {
         if (cancelled || renderVersion !== renderVersionRef.current) {
           return;
@@ -176,15 +187,13 @@ var MantineAIMMermaidCode = (0, import_react2.memo)((props) => {
         }
         if (needsCorrectiveRef.current) {
           needsCorrectiveRef.current = false;
-          setChartType("unknown");
-          setRenderError(true);
+          applyView({ kind: "error" });
           return;
         }
-        if (hasRenderedRef.current) {
+        if (viewRef.current.kind === "diagram") {
           return;
         }
-        setChartType("unknown");
-        setRenderError(true);
+        applyView({ kind: "error" });
       }
     };
     void renderMermaid();
@@ -195,7 +204,7 @@ var MantineAIMMermaidCode = (0, import_react2.memo)((props) => {
   const viewSvgInNewWindow = (0, import_react2.useCallback)(() => {
     handleViewSVGInNewWindow(ref.current?.querySelector("svg"), isDark);
   }, [isDark]);
-  const showSourceFallback = showOriginalCode || renderError || !hasRendered;
+  const showSourceFallback = showOriginalCode || view.kind !== "diagram";
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
     showSourceFallback && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       import_code_highlight.CodeHighlightTabs,
@@ -205,7 +214,7 @@ var MantineAIMMermaidCode = (0, import_react2.memo)((props) => {
         w: "100%",
         code: [
           {
-            fileName: renderError ? "Mermaid Render Error" : "mermaid",
+            fileName: view.kind === "error" ? "Mermaid Render Error" : "mermaid",
             code: props.code,
             language: "mermaid"
           }
@@ -221,10 +230,10 @@ var MantineAIMMermaidCode = (0, import_react2.memo)((props) => {
           // The "Render Mermaid" control only makes sense as the way back
           // from the user-toggled source view. In the error and warm-up
           // fallbacks `showOriginalCode` is already false, so the control
-          // would be a no-op — hide it there. (No `!renderError` conjunct:
-          // the toggle is only reachable from the visible diagram view,
-          // and while the source view is open the effect early-returns,
-          // so showOriginalCode && renderError is unreachable.)
+          // would be a no-op — hide it there. (No view-kind conjunct: the
+          // toggle is only reachable from the visible diagram view, and
+          // while the source view is open the effect early-returns, so
+          // showOriginalCode && view.kind === 'error' is unreachable.)
           showOriginalCode ? [
             /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               import_code_highlight.CodeHighlightControl,
@@ -252,7 +261,7 @@ var MantineAIMMermaidCode = (0, import_react2.memo)((props) => {
         } : {},
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "chart-header", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "chart-type-tag", children: chartType }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "chart-type-tag", children: view.kind === "diagram" ? view.chartType : "unknown" }),
             /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core4.Flex, { align: "center", justify: "flex-end", gap: 0, children: [
               /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core4.Tooltip, { label: "Show Mermaid Code", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                 import_core4.ActionIcon,

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/defs.tsx","../src/components/customized/PreCode.tsx","../src/hooks/useMantineAIMarkdownRenderState.ts","../src/components/customized/MermaidCode/index.tsx","../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 { MantineAIMarkdownRenderConfig, MantineAIMarkdownMetadata } from './defs';\n\n/** Default Mantine render configuration (frozen). */\nexport { defaultMantineAIMarkdownRenderConfig } from './defs';\n\n/** Typed hook for accessing render state with Mantine-specific config fields. */\nexport { useMantineAIMarkdownRenderState } from './hooks/useMantineAIMarkdownRenderState';\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 { type AIMarkdownProps, type AIMarkdownCustomComponents, useStableValue } from '@ai-react-markdown/core';\nimport MantineAIMarkdownTypography from './components/typography/MantineTypography';\nimport MantineAIMDefaultExtraStyles from './components/extra-styles/DefaultExtraStyles';\nimport { MantineAIMarkdownRenderConfig, MantineAIMarkdownMetadata, defaultMantineAIMarkdownRenderConfig } 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 Mantine-specific config and metadata generics.\n * All core props (`content`, `streaming`, `fontSize`, `config`, etc.) are inherited.\n *\n * @typeParam TConfig - Render configuration type, defaults to {@link MantineAIMarkdownRenderConfig}.\n * @typeParam TRenderData - Metadata type, defaults to {@link MantineAIMarkdownMetadata}.\n */\nexport interface MantineAIMarkdownProps<\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n  TRenderData extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n> extends AIMarkdownProps<TConfig, TRenderData> {}\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 TConfig - Render configuration type.\n * @typeParam TRenderData - Metadata type.\n */\nconst MantineAIMarkdownComponent = <\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n  TRenderData extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n>({\n  Typography = MantineAIMarkdownTypography,\n  ExtraStyles = MantineAIMDefaultExtraStyles,\n  defaultConfig = defaultMantineAIMarkdownRenderConfig as TConfig,\n  customComponents,\n  colorScheme,\n  ...props\n}: MantineAIMarkdownProps<TConfig, TRenderData>) => {\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  return (\n    <AIMarkdown<MantineAIMarkdownRenderConfig, MantineAIMarkdownMetadata>\n      Typography={Typography}\n      ExtraStyles={ExtraStyles}\n      defaultConfig={defaultConfig}\n      customComponents={usedComponents}\n      colorScheme={colorScheme ?? computedColorScheme}\n      {...props}\n    />\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","/**\n * Mantine-specific type definitions and default configuration.\n *\n * Extends the core {@link AIMarkdownRenderConfig} and {@link AIMarkdownMetadata}\n * with Mantine-themed options such as uniform heading sizes and code block behavior.\n *\n * @module defs\n */\n\nimport { AIMarkdownRenderConfig, AIMarkdownMetadata, defaultAIMarkdownRenderConfig } from '@ai-react-markdown/core';\n\n/**\n * Extended render configuration for the Mantine integration.\n *\n * Inherits all core config fields (extra syntax, display optimizations) and adds\n * Mantine-specific options for typography sizing and code block behavior.\n */\nexport interface MantineAIMarkdownRenderConfig extends AIMarkdownRenderConfig {\n  /** Code block rendering options. */\n  codeBlock: {\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\n/**\n * Default Mantine render configuration.\n *\n * Extends {@link defaultAIMarkdownRenderConfig} with Mantine-specific defaults.\n * Frozen to prevent accidental mutation.\n */\nexport const defaultMantineAIMarkdownRenderConfig: MantineAIMarkdownRenderConfig = Object.freeze({\n  ...defaultAIMarkdownRenderConfig,\n  codeBlock: Object.freeze({\n    defaultExpanded: true,\n    autoDetectUnknownLanguage: false,\n  }),\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 { HTMLAttributes, memo, useMemo } from 'react';\nimport { CodeHighlight, CodeHighlightTabs } from '@mantine/code-highlight';\nimport { deepParseJson } from 'deep-parse-json';\nimport hljs from 'highlight.js';\nimport { useMantineAIMarkdownRenderState } from '../../hooks/useMantineAIMarkdownRenderState';\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 `config.codeBlock.autoDetectUnknownLanguage` is\n *   enabled, uses `highlight.js` 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 renderState = useMantineAIMarkdownRenderState();\n\n    const codeLanguage = useMemo(() => {\n      if (props.existLanguage) return props.existLanguage;\n      if (renderState.config.codeBlock.autoDetectUnknownLanguage) {\n        return hljs.highlightAuto(props.codeText).language || '';\n      }\n      return '';\n    }, [props.existLanguage, props.codeText, renderState.config.codeBlock.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={renderState.fontSize}\n          w=\"100%\"\n          code={usedCodeStr}\n          withBorder\n          withExpandButton\n          defaultExpanded={renderState.config.codeBlock.defaultExpanded}\n          maxCollapsedHeight=\"320px\"\n        />\n      ) : (\n        <CodeHighlightTabs\n          mb={15}\n          fz={renderState.fontSize}\n          w=\"100%\"\n          code={[\n            {\n              fileName: usedFileName,\n              code: usedCodeStr,\n              language: usedCodeLanguage,\n            },\n          ]}\n          withBorder\n          withExpandButton\n          defaultExpanded={renderState.config.codeBlock.defaultExpanded}\n          maxCollapsedHeight=\"320px\"\n        />\n      );\n    }, [\n      isSpecialCodeBlock,\n      props.codeText,\n      usedCodeLanguage,\n      usedFileName,\n      renderState.fontSize,\n      renderState.config.codeBlock.defaultExpanded,\n    ]);\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","import { useAIMarkdownRenderState } from '@ai-react-markdown/core';\nimport { MantineAIMarkdownRenderConfig } from '../defs';\n\n/**\n * Typed wrapper around the core {@link useAIMarkdownRenderState} hook.\n *\n * Returns the current {@link AIMarkdownRenderState} defaulting to\n * {@link MantineAIMarkdownRenderConfig}. Accepts an optional generic parameter\n * for further extension, giving consumers direct access to Mantine-specific\n * config fields (`codeBlock`, etc.) without manual annotation.\n *\n * Must be called inside a component rendered within the `<MantineAIMarkdown>` tree.\n * Throws if called outside the provider boundary.\n *\n * @typeParam TConfig - Config type (defaults to {@link MantineAIMarkdownRenderConfig}).\n * @returns The current render state typed with `TConfig`.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { config, streaming, colorScheme } = useMantineAIMarkdownRenderState();\n *   const isExpanded = config.codeBlock.defaultExpanded;\n *   // ...\n * }\n * ```\n */\nexport const useMantineAIMarkdownRenderState = <\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n>() => {\n  return useAIMarkdownRenderState<TConfig>();\n};\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 { useMantineAIMarkdownRenderState } from '../../../hooks/useMantineAIMarkdownRenderState';\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 * 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 renderState = useMantineAIMarkdownRenderState();\n  const isDark = renderState.colorScheme === 'dark';\n  const streaming = renderState.streaming;\n\n  const ref = useRef<HTMLPreElement>(null);\n  const renderVersionRef = useRef(0);\n  /** Mirrors `hasRendered` for reads inside the async render closure —\n   *  state reads there can be stale when deps change mid-flight. */\n  const hasRenderedRef = useRef(false);\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  const [hasRendered, setHasRendered] = useState(false);\n  const [showOriginalCode, setShowOriginalCode] = useState(false);\n  const [renderError, setRenderError] = useState(false);\n  const [chartType, setChartType] = useState('unknown');\n\n  useEffect(() => {\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      hasRenderedRef.current = false;\n      needsCorrectiveRef.current = false;\n      // Deliberate state reset on an input edge (same pattern as a\n      // key-less \"derived reset\"); all three are no-ops when already at\n      // their initial values, so steady-state chunks don't re-render.\n      setHasRendered(false);\n      setRenderError(false);\n      setChartType('unknown');\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    const renderVersion = ++renderVersionRef.current;\n    let cancelled = false;\n\n    const renderMermaid = async () => {\n      try {\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        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        hasRenderedRef.current = true;\n        needsCorrectiveRef.current = false;\n        setHasRendered(true);\n        setChartType(diagramType);\n        setRenderError(false);\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          setChartType('unknown');\n          setRenderError(true);\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 (hasRenderedRef.current) {\n          return;\n        }\n        setChartType('unknown');\n        setRenderError(true);\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 || renderError || !hasRendered;\n\n  return (\n    <>\n      {showSourceFallback && (\n        <CodeHighlightTabs\n          mb={15}\n          fz={renderState.fontSize}\n          w=\"100%\"\n          code={[\n            {\n              fileName: renderError ? 'Mermaid Render Error' : 'mermaid',\n              code: props.code,\n              language: 'mermaid',\n            },\n          ]}\n          defaultExpanded={renderState.config.codeBlock.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 `!renderError` conjunct:\n            // the toggle is only reachable from the visible diagram view,\n            // and while the source view is open the effect early-returns,\n            // so showOriginalCode && renderError 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\">{chartType}</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                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 variant=\"transparent\" size={28} className=\"action-icon\" onClick={copy}>\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 ref={ref} style={PRE_STYLE} onClick={viewSvgInNewWindow} />\n      </div>\n    </>\n  );\n});\n\nMantineAIMMermaidCode.displayName = 'MantineAIMMermaidCode';\n\nexport default MantineAIMMermaidCode;\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_core","import_react","import_code_highlight","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/defs.tsx","../src/components/customized/PreCode.tsx","../src/hooks/useMantineAIMarkdownRenderState.ts","../src/components/customized/MermaidCode/index.tsx","../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 { MantineAIMarkdownRenderConfig, MantineAIMarkdownMetadata } from './defs';\n\n/** Default Mantine render configuration (frozen). */\nexport { defaultMantineAIMarkdownRenderConfig } from './defs';\n\n/** Typed hook for accessing render state with Mantine-specific config fields. */\nexport { useMantineAIMarkdownRenderState } from './hooks/useMantineAIMarkdownRenderState';\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 { type AIMarkdownProps, type AIMarkdownCustomComponents, useStableValue } from '@ai-react-markdown/core';\nimport MantineAIMarkdownTypography from './components/typography/MantineTypography';\nimport MantineAIMDefaultExtraStyles from './components/extra-styles/DefaultExtraStyles';\nimport { MantineAIMarkdownRenderConfig, MantineAIMarkdownMetadata, defaultMantineAIMarkdownRenderConfig } 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 Mantine-specific config and metadata generics.\n * All core props (`content`, `streaming`, `fontSize`, `config`, etc.) are inherited.\n *\n * @typeParam TConfig - Render configuration type, defaults to {@link MantineAIMarkdownRenderConfig}.\n * @typeParam TRenderData - Metadata type, defaults to {@link MantineAIMarkdownMetadata}.\n */\nexport interface MantineAIMarkdownProps<\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n  TRenderData extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n> extends AIMarkdownProps<TConfig, TRenderData> {}\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 TConfig - Render configuration type.\n * @typeParam TRenderData - Metadata type.\n */\nconst MantineAIMarkdownComponent = <\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n  TRenderData extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n>({\n  Typography = MantineAIMarkdownTypography,\n  ExtraStyles = MantineAIMDefaultExtraStyles,\n  defaultConfig = defaultMantineAIMarkdownRenderConfig as TConfig,\n  customComponents,\n  colorScheme,\n  ...props\n}: MantineAIMarkdownProps<TConfig, TRenderData>) => {\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  return (\n    <AIMarkdown<MantineAIMarkdownRenderConfig, MantineAIMarkdownMetadata>\n      Typography={Typography}\n      ExtraStyles={ExtraStyles}\n      defaultConfig={defaultConfig}\n      customComponents={usedComponents}\n      colorScheme={colorScheme ?? computedColorScheme}\n      {...props}\n    />\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","/**\n * Mantine-specific type definitions and default configuration.\n *\n * Extends the core {@link AIMarkdownRenderConfig} and {@link AIMarkdownMetadata}\n * with Mantine-themed options such as uniform heading sizes and code block behavior.\n *\n * @module defs\n */\n\nimport { AIMarkdownRenderConfig, AIMarkdownMetadata, defaultAIMarkdownRenderConfig } from '@ai-react-markdown/core';\n\n/**\n * Extended render configuration for the Mantine integration.\n *\n * Inherits all core config fields (extra syntax, display optimizations) and adds\n * Mantine-specific options for typography sizing and code block behavior.\n */\nexport interface MantineAIMarkdownRenderConfig extends AIMarkdownRenderConfig {\n  /** Code block rendering options. */\n  codeBlock: {\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\n/**\n * Default Mantine render configuration.\n *\n * Extends {@link defaultAIMarkdownRenderConfig} with Mantine-specific defaults.\n * Frozen to prevent accidental mutation.\n */\nexport const defaultMantineAIMarkdownRenderConfig: MantineAIMarkdownRenderConfig = Object.freeze({\n  ...defaultAIMarkdownRenderConfig,\n  codeBlock: Object.freeze({\n    defaultExpanded: true,\n    autoDetectUnknownLanguage: false,\n  }),\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 { HTMLAttributes, memo, useMemo } from 'react';\nimport { CodeHighlight, CodeHighlightTabs } from '@mantine/code-highlight';\nimport { deepParseJson } from 'deep-parse-json';\nimport hljs from 'highlight.js';\nimport { useMantineAIMarkdownRenderState } from '../../hooks/useMantineAIMarkdownRenderState';\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 `config.codeBlock.autoDetectUnknownLanguage` is\n *   enabled, uses `highlight.js` 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 renderState = useMantineAIMarkdownRenderState();\n\n    const codeLanguage = useMemo(() => {\n      if (props.existLanguage) return props.existLanguage;\n      if (renderState.config.codeBlock.autoDetectUnknownLanguage) {\n        return hljs.highlightAuto(props.codeText).language || '';\n      }\n      return '';\n    }, [props.existLanguage, props.codeText, renderState.config.codeBlock.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={renderState.fontSize}\n          w=\"100%\"\n          code={usedCodeStr}\n          withBorder\n          withExpandButton\n          defaultExpanded={renderState.config.codeBlock.defaultExpanded}\n          maxCollapsedHeight=\"320px\"\n        />\n      ) : (\n        <CodeHighlightTabs\n          mb={15}\n          fz={renderState.fontSize}\n          w=\"100%\"\n          code={[\n            {\n              fileName: usedFileName,\n              code: usedCodeStr,\n              language: usedCodeLanguage,\n            },\n          ]}\n          withBorder\n          withExpandButton\n          defaultExpanded={renderState.config.codeBlock.defaultExpanded}\n          maxCollapsedHeight=\"320px\"\n        />\n      );\n    }, [\n      isSpecialCodeBlock,\n      props.codeText,\n      usedCodeLanguage,\n      usedFileName,\n      renderState.fontSize,\n      renderState.config.codeBlock.defaultExpanded,\n    ]);\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","import { useAIMarkdownRenderState } from '@ai-react-markdown/core';\nimport { MantineAIMarkdownRenderConfig } from '../defs';\n\n/**\n * Typed wrapper around the core {@link useAIMarkdownRenderState} hook.\n *\n * Returns the current {@link AIMarkdownRenderState} defaulting to\n * {@link MantineAIMarkdownRenderConfig}. Accepts an optional generic parameter\n * for further extension, giving consumers direct access to Mantine-specific\n * config fields (`codeBlock`, etc.) without manual annotation.\n *\n * Must be called inside a component rendered within the `<MantineAIMarkdown>` tree.\n * Throws if called outside the provider boundary.\n *\n * @typeParam TConfig - Config type (defaults to {@link MantineAIMarkdownRenderConfig}).\n * @returns The current render state typed with `TConfig`.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { config, streaming, colorScheme } = useMantineAIMarkdownRenderState();\n *   const isExpanded = config.codeBlock.defaultExpanded;\n *   // ...\n * }\n * ```\n */\nexport const useMantineAIMarkdownRenderState = <\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n>() => {\n  return useAIMarkdownRenderState<TConfig>();\n};\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 { useMantineAIMarkdownRenderState } from '../../../hooks/useMantineAIMarkdownRenderState';\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 renderState = useMantineAIMarkdownRenderState();\n  const isDark = renderState.colorScheme === 'dark';\n  const streaming = renderState.streaming;\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={renderState.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={renderState.config.codeBlock.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                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 variant=\"transparent\" size={28} className=\"action-icon\" onClick={copy}>\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 ref={ref} style={PRE_STYLE} onClick={viewSvgInNewWindow} />\n      </div>\n    </>\n  );\n});\n\nMantineAIMMermaidCode.displayName = 'MantineAIMMermaidCode';\n\nexport default MantineAIMMermaidCode;\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_core","import_react","import_code_highlight","import_core","import_react","import_core","import_jsx_runtime","mermaid","import_jsx_runtime","SpecialCodeLanguage","hljs","import_core","import_jsx_runtime","Typography","AIMarkdown","import_core"]}

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/extra-styles/DefaultExtraStyles/styles.scss","../src/components/extra-styles/DefaultExtraStyles/%3Cinput css y3YOkk%3E","../src/components/customized/MermaidCode/styles.scss","../src/components/customized/MermaidCode/%3Cinput css 0RWA0i%3E"],"sourcesContent":[".aim-mantine-extra-styles {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-items: flex-start;\n  align-items: flex-start;\n\n  white-space: normal;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  word-break: break-word;\n\n  text-rendering: optimizeLegibility;\n\n  --aim-font-size-mantine-base: calc(var(--aim-font-size-root) * var(--mantine-scale));\n\n  --mantine-spacing-xs: calc(var(--aim-font-size-mantine-base) * 0.75);\n  --mantine-spacing-sm: calc(var(--aim-font-size-mantine-base) * 0.875);\n  --mantine-spacing-md: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-spacing-lg: calc(var(--aim-font-size-mantine-base) * 1.125);\n  --mantine-spacing-xl: calc(var(--aim-font-size-mantine-base) * 1.25);\n\n  --mantine-font-size-xs: calc(var(--aim-font-size-mantine-base) * 0.75);\n  --mantine-font-size-sm: calc(var(--aim-font-size-mantine-base) * 0.875);\n  --mantine-font-size-md: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-font-size-lg: calc(var(--aim-font-size-mantine-base) * 1.25);\n  --mantine-font-size-xl: calc(var(--aim-font-size-mantine-base) * 2);\n\n  --mantine-h1-font-size: calc(var(--aim-font-size-mantine-base) * 2.125);\n  --mantine-h2-font-size: calc(var(--aim-font-size-mantine-base) * 1.625);\n  --mantine-h3-font-size: calc(var(--aim-font-size-mantine-base) * 1.375);\n  --mantine-h4-font-size: calc(var(--aim-font-size-mantine-base) * 1.125);\n  --mantine-h5-font-size: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-h6-font-size: calc(var(--aim-font-size-mantine-base) * 0.875);\n\n  :first-child {\n    margin-top: 0;\n  }\n\n  :last-child {\n    margin-bottom: 0;\n  }\n\n  ul,\n  ol {\n    list-style-position: outside;\n\n    margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.55);\n    padding-inline-start: calc(var(--aim-font-size-mantine-base) * 1.5);\n\n    li {\n      margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.275);\n    }\n  }\n\n  hr {\n    width: 100%;\n    height: 1px;\n    background-color: var(--mantine-color-text);\n  }\n\n  ul {\n    list-style-type: disc;\n  }\n\n  ul ul {\n    list-style-type: circle;\n  }\n\n  ul ul ul {\n    list-style-type: square;\n  }\n\n  ol {\n    list-style-type: decimal;\n  }\n\n  p {\n    margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.5);\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  blockquote {\n    font-size: var(--mantine-font-size-md);\n  }\n\n  table {\n    caption {\n      font-size: var(--mantine-font-size-md);\n    }\n    th {\n      font-size: var(--mantine-font-size-md);\n    }\n  }\n\n  pre code {\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n    word-break: break-word;\n  }\n\n  dl {\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    max-width: 670px;\n  }\n  dl > * {\n    padding-top: calc(var(--aim-font-size-mantine-base) * 0.5);\n  }\n  dt {\n    width: 30%;\n    font-weight: bold;\n    text-align: right;\n  }\n  dd {\n    width: 60%;\n    padding-left: calc(var(--aim-font-size-mantine-base) * 0.5);\n    margin-left: 0px;\n  }\n  dd + dd {\n    width: 100%;\n    padding-left: calc(30% + var(--aim-font-size-mantine-base));\n  }\n  dt + dt {\n    padding-right: 60%;\n  }\n  dt + dt + dd {\n    margin-top: calc(var(--aim-font-size-mantine-base) * -1.625);\n    padding-left: calc(30% + var(--aim-font-size-mantine-base));\n  }\n}\n",".aim-mantine-extra-styles {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-items: flex-start;\n  align-items: flex-start;\n  white-space: normal;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  word-break: break-word;\n  text-rendering: optimizeLegibility;\n  --aim-font-size-mantine-base: calc(var(--aim-font-size-root) * var(--mantine-scale));\n  --mantine-spacing-xs: calc(var(--aim-font-size-mantine-base) * 0.75);\n  --mantine-spacing-sm: calc(var(--aim-font-size-mantine-base) * 0.875);\n  --mantine-spacing-md: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-spacing-lg: calc(var(--aim-font-size-mantine-base) * 1.125);\n  --mantine-spacing-xl: calc(var(--aim-font-size-mantine-base) * 1.25);\n  --mantine-font-size-xs: calc(var(--aim-font-size-mantine-base) * 0.75);\n  --mantine-font-size-sm: calc(var(--aim-font-size-mantine-base) * 0.875);\n  --mantine-font-size-md: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-font-size-lg: calc(var(--aim-font-size-mantine-base) * 1.25);\n  --mantine-font-size-xl: calc(var(--aim-font-size-mantine-base) * 2);\n  --mantine-h1-font-size: calc(var(--aim-font-size-mantine-base) * 2.125);\n  --mantine-h2-font-size: calc(var(--aim-font-size-mantine-base) * 1.625);\n  --mantine-h3-font-size: calc(var(--aim-font-size-mantine-base) * 1.375);\n  --mantine-h4-font-size: calc(var(--aim-font-size-mantine-base) * 1.125);\n  --mantine-h5-font-size: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-h6-font-size: calc(var(--aim-font-size-mantine-base) * 0.875);\n}\n.aim-mantine-extra-styles :first-child {\n  margin-top: 0;\n}\n.aim-mantine-extra-styles :last-child {\n  margin-bottom: 0;\n}\n.aim-mantine-extra-styles ul,\n.aim-mantine-extra-styles ol {\n  list-style-position: outside;\n  margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.55);\n  padding-inline-start: calc(var(--aim-font-size-mantine-base) * 1.5);\n}\n.aim-mantine-extra-styles ul li,\n.aim-mantine-extra-styles ol li {\n  margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.275);\n}\n.aim-mantine-extra-styles hr {\n  width: 100%;\n  height: 1px;\n  background-color: var(--mantine-color-text);\n}\n.aim-mantine-extra-styles ul {\n  list-style-type: disc;\n}\n.aim-mantine-extra-styles ul ul {\n  list-style-type: circle;\n}\n.aim-mantine-extra-styles ul ul ul {\n  list-style-type: square;\n}\n.aim-mantine-extra-styles ol {\n  list-style-type: decimal;\n}\n.aim-mantine-extra-styles p {\n  margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.5);\n}\n.aim-mantine-extra-styles p:last-child {\n  margin-bottom: 0;\n}\n.aim-mantine-extra-styles blockquote {\n  font-size: var(--mantine-font-size-md);\n}\n.aim-mantine-extra-styles table caption {\n  font-size: var(--mantine-font-size-md);\n}\n.aim-mantine-extra-styles table th {\n  font-size: var(--mantine-font-size-md);\n}\n.aim-mantine-extra-styles pre code {\n  white-space: pre-wrap;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  word-break: break-word;\n}\n.aim-mantine-extra-styles dl {\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  max-width: 670px;\n}\n.aim-mantine-extra-styles dl > * {\n  padding-top: calc(var(--aim-font-size-mantine-base) * 0.5);\n}\n.aim-mantine-extra-styles dt {\n  width: 30%;\n  font-weight: bold;\n  text-align: right;\n}\n.aim-mantine-extra-styles dd {\n  width: 60%;\n  padding-left: calc(var(--aim-font-size-mantine-base) * 0.5);\n  margin-left: 0px;\n}\n.aim-mantine-extra-styles dd + dd {\n  width: 100%;\n  padding-left: calc(30% + var(--aim-font-size-mantine-base));\n}\n.aim-mantine-extra-styles dt + dt {\n  padding-right: 60%;\n}\n.aim-mantine-extra-styles dt + dt + dd {\n  margin-top: calc(var(--aim-font-size-mantine-base) * -1.625);\n  padding-left: calc(30% + var(--aim-font-size-mantine-base));\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7RUFFQTtFQUVBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtBQUFBO0VBRUU7RUFFQTtFQUNBOztBQUVBO0FBQUE7RUFDRTs7QUFJSjtFQUNFO0VBQ0E7RUFDQTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7O0FBRUE7RUFDRTs7QUFJSjtFQUNFOztBQUlBO0VBQ0U7O0FBRUY7RUFDRTs7QUFJSjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBRUY7RUFDRTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7O0FBRUY7RUFDRTs7QUFFRjtFQUNFO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIuYWltLW1hbnRpbmUtZXh0cmEtc3R5bGVzIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktaXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXG4gIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gIHdvcmQtd3JhcDogYnJlYWstd29yZDtcbiAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgd29yZC1icmVhazogYnJlYWstd29yZDtcblxuICB0ZXh0LXJlbmRlcmluZzogb3B0aW1pemVMZWdpYmlsaXR5O1xuXG4gIC0tYWltLWZvbnQtc2l6ZS1tYW50aW5lLWJhc2U6IGNhbGModmFyKC0tYWltLWZvbnQtc2l6ZS1yb290KSAqIHZhcigtLW1hbnRpbmUtc2NhbGUpKTtcblxuICAtLW1hbnRpbmUtc3BhY2luZy14czogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAwLjc1KTtcbiAgLS1tYW50aW5lLXNwYWNpbmctc206IGNhbGModmFyKC0tYWltLWZvbnQtc2l6ZS1tYW50aW5lLWJhc2UpICogMC44NzUpO1xuICAtLW1hbnRpbmUtc3BhY2luZy1tZDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxKTtcbiAgLS1tYW50aW5lLXNwYWNpbmctbGc6IGNhbGModmFyKC0tYWltLWZvbnQtc2l6ZS1tYW50aW5lLWJhc2UpICogMS4xMjUpO1xuICAtLW1hbnRpbmUtc3BhY2luZy14bDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxLjI1KTtcblxuICAtLW1hbnRpbmUtZm9udC1zaXplLXhzOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDAuNzUpO1xuICAtLW1hbnRpbmUtZm9udC1zaXplLXNtOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDAuODc1KTtcbiAgLS1tYW50aW5lLWZvbnQtc2l6ZS1tZDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxKTtcbiAgLS1tYW50aW5lLWZvbnQtc2l6ZS1sZzogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxLjI1KTtcbiAgLS1tYW50aW5lLWZvbnQtc2l6ZS14bDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAyKTtcblxuICAtLW1hbnRpbmUtaDEtZm9udC1zaXplOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDIuMTI1KTtcbiAgLS1tYW50aW5lLWgyLWZvbnQtc2l6ZTogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxLjYyNSk7XG4gIC0tbWFudGluZS1oMy1mb250LXNpemU6IGNhbGModmFyKC0tYWltLWZvbnQtc2l6ZS1tYW50aW5lLWJhc2UpICogMS4zNzUpO1xuICAtLW1hbnRpbmUtaDQtZm9udC1zaXplOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDEuMTI1KTtcbiAgLS1tYW50aW5lLWg1LWZvbnQtc2l6ZTogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxKTtcbiAgLS1tYW50aW5lLWg2LWZvbnQtc2l6ZTogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAwLjg3NSk7XG5cbiAgOmZpcnN0LWNoaWxkIHtcbiAgICBtYXJnaW4tdG9wOiAwO1xuICB9XG5cbiAgOmxhc3QtY2hpbGQge1xuICAgIG1hcmdpbi1ib3R0b206IDA7XG4gIH1cblxuICB1bCxcbiAgb2wge1xuICAgIGxpc3Qtc3R5bGUtcG9zaXRpb246IG91dHNpZGU7XG5cbiAgICBtYXJnaW4tYm90dG9tOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDAuNTUpO1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDEuNSk7XG5cbiAgICBsaSB7XG4gICAgICBtYXJnaW4tYm90dG9tOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDAuMjc1KTtcbiAgICB9XG4gIH1cblxuICBociB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbWFudGluZS1jb2xvci10ZXh0KTtcbiAgfVxuXG4gIHVsIHtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IGRpc2M7XG4gIH1cblxuICB1bCB1bCB7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBjaXJjbGU7XG4gIH1cblxuICB1bCB1bCB1bCB7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBzcXVhcmU7XG4gIH1cblxuICBvbCB7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBkZWNpbWFsO1xuICB9XG5cbiAgcCB7XG4gICAgbWFyZ2luLWJvdHRvbTogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAwLjUpO1xuXG4gICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgfVxuICB9XG5cbiAgYmxvY2txdW90ZSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1tYW50aW5lLWZvbnQtc2l6ZS1tZCk7XG4gIH1cblxuICB0YWJsZSB7XG4gICAgY2FwdGlvbiB7XG4gICAgICBmb250LXNpemU6IHZhcigtLW1hbnRpbmUtZm9udC1zaXplLW1kKTtcbiAgICB9XG4gICAgdGgge1xuICAgICAgZm9udC1zaXplOiB2YXIoLS1tYW50aW5lLWZvbnQtc2l6ZS1tZCk7XG4gICAgfVxuICB9XG5cbiAgcHJlIGNvZGUge1xuICAgIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbiAgICB3b3JkLXdyYXA6IGJyZWFrLXdvcmQ7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICB9XG5cbiAgZGwge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1heC13aWR0aDogNjcwcHg7XG4gIH1cbiAgZGwgPiAqIHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAwLjUpO1xuICB9XG4gIGR0IHtcbiAgICB3aWR0aDogMzAlO1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICB9XG4gIGRkIHtcbiAgICB3aWR0aDogNjAlO1xuICAgIHBhZGRpbmctbGVmdDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAwLjUpO1xuICAgIG1hcmdpbi1sZWZ0OiAwcHg7XG4gIH1cbiAgZGQgKyBkZCB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZy1sZWZ0OiBjYWxjKDMwJSArIHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSk7XG4gIH1cbiAgZHQgKyBkdCB7XG4gICAgcGFkZGluZy1yaWdodDogNjAlO1xuICB9XG4gIGR0ICsgZHQgKyBkZCB7XG4gICAgbWFyZ2luLXRvcDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAtMS42MjUpO1xuICAgIHBhZGRpbmctbGVmdDogY2FsYygzMCUgKyB2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkpO1xuICB9XG59XG4iXX0= */",".aim-mantine-mermaid-code {\n  width: 100%;\n  margin-bottom: 15px;\n  background: var(--mantine-color-gray-0);\n  border: 1px solid var(--mantine-color-gray-2);\n  padding: calc(0.75rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));\n  display: flex;\n  flex-shrink: 0;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n\n  .chart-header {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    flex-shrink: 0;\n\n    .chart-type-tag {\n      padding: calc(0.2125rem * var(--mantine-scale)) calc(0.5625rem * var(--mantine-scale));\n      color: black;\n      border: 1px solid var(--mantine-color-gray-3);\n      background: white;\n      border-radius: var(--mantine-radius-default);\n      font-size: var(--mantine-font-size-xs);\n      font-weight: 700;\n    }\n\n    .action-icon {\n      color: var(--mantine-color-text);\n      opacity: 0.5;\n\n      &:hover {\n        color: var(--mantine-color-bright);\n        opacity: 1;\n      }\n    }\n  }\n\n  & > pre {\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: center;\n  }\n}\n\n.aim-mantine-mermaid-code.dark {\n  background: var(--mantine-color-dark-8);\n  border-color: var(--mantine-color-dark-6);\n\n  .chart-header {\n    .chart-type-tag {\n      color: var(--mantine-color-dark-0);\n      border-color: var(--mantine-color-dark-6);\n      background: var(--mantine-color-dark-8);\n    }\n\n    .action-icon {\n      color: var(--mantine-color-text);\n    }\n  }\n}\n",".aim-mantine-mermaid-code {\n  width: 100%;\n  margin-bottom: 15px;\n  background: var(--mantine-color-gray-0);\n  border: 1px solid var(--mantine-color-gray-2);\n  padding: calc(0.75rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));\n  display: flex;\n  flex-shrink: 0;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n.aim-mantine-mermaid-code .chart-header {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  flex-shrink: 0;\n}\n.aim-mantine-mermaid-code .chart-header .chart-type-tag {\n  padding: calc(0.2125rem * var(--mantine-scale)) calc(0.5625rem * var(--mantine-scale));\n  color: black;\n  border: 1px solid var(--mantine-color-gray-3);\n  background: white;\n  border-radius: var(--mantine-radius-default);\n  font-size: var(--mantine-font-size-xs);\n  font-weight: 700;\n}\n.aim-mantine-mermaid-code .chart-header .action-icon {\n  color: var(--mantine-color-text);\n  opacity: 0.5;\n}\n.aim-mantine-mermaid-code .chart-header .action-icon:hover {\n  color: var(--mantine-color-bright);\n  opacity: 1;\n}\n.aim-mantine-mermaid-code > pre {\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.aim-mantine-mermaid-code.dark {\n  background: var(--mantine-color-dark-8);\n  border-color: var(--mantine-color-dark-6);\n}\n.aim-mantine-mermaid-code.dark .chart-header .chart-type-tag {\n  color: var(--mantine-color-dark-0);\n  border-color: var(--mantine-color-dark-6);\n  background: var(--mantine-color-dark-8);\n}\n.aim-mantine-mermaid-code.dark .chart-header .action-icon {\n  color: var(--mantine-color-text);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHRjtFQUNFO0VBQ0E7O0FBRUE7RUFDRTtFQUNBOztBQUtOO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBSUo7RUFDRTtFQUNBOztBQUdFO0VBQ0U7RUFDQTtFQUNBOztBQUdGO0VBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyIuYWltLW1hbnRpbmUtbWVybWFpZC1jb2RlIHtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbi1ib3R0b206IDE1cHg7XG4gIGJhY2tncm91bmQ6IHZhcigtLW1hbnRpbmUtY29sb3ItZ3JheS0wKTtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tbWFudGluZS1jb2xvci1ncmF5LTIpO1xuICBwYWRkaW5nOiBjYWxjKDAuNzVyZW0gKiB2YXIoLS1tYW50aW5lLXNjYWxlKSkgY2FsYygwLjYyNXJlbSAqIHZhcigtLW1hbnRpbmUtc2NhbGUpKTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG5cbiAgLmNoYXJ0LWhlYWRlciB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGZsZXgtc2hyaW5rOiAwO1xuXG4gICAgLmNoYXJ0LXR5cGUtdGFnIHtcbiAgICAgIHBhZGRpbmc6IGNhbGMoMC4yMTI1cmVtICogdmFyKC0tbWFudGluZS1zY2FsZSkpIGNhbGMoMC41NjI1cmVtICogdmFyKC0tbWFudGluZS1zY2FsZSkpO1xuICAgICAgY29sb3I6IGJsYWNrO1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tbWFudGluZS1jb2xvci1ncmF5LTMpO1xuICAgICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1tYW50aW5lLXJhZGl1cy1kZWZhdWx0KTtcbiAgICAgIGZvbnQtc2l6ZTogdmFyKC0tbWFudGluZS1mb250LXNpemUteHMpO1xuICAgICAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgICB9XG5cbiAgICAuYWN0aW9uLWljb24ge1xuICAgICAgY29sb3I6IHZhcigtLW1hbnRpbmUtY29sb3ItdGV4dCk7XG4gICAgICBvcGFjaXR5OiAwLjU7XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogdmFyKC0tbWFudGluZS1jb2xvci1icmlnaHQpO1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gICYgPiBwcmUge1xuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgfVxufVxuXG4uYWltLW1hbnRpbmUtbWVybWFpZC1jb2RlLmRhcmsge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1tYW50aW5lLWNvbG9yLWRhcmstOCk7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tbWFudGluZS1jb2xvci1kYXJrLTYpO1xuXG4gIC5jaGFydC1oZWFkZXIge1xuICAgIC5jaGFydC10eXBlLXRhZyB7XG4gICAgICBjb2xvcjogdmFyKC0tbWFudGluZS1jb2xvci1kYXJrLTApO1xuICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1tYW50aW5lLWNvbG9yLWRhcmstNik7XG4gICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1tYW50aW5lLWNvbG9yLWRhcmstOCk7XG4gICAgfVxuXG4gICAgLmFjdGlvbi1pY29uIHtcbiAgICAgIGNvbG9yOiB2YXIoLS1tYW50aW5lLWNvbG9yLXRleHQpO1xuICAgIH1cbiAgfVxufVxuIl19 */"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/components/extra-styles/DefaultExtraStyles/styles.scss","../src/components/extra-styles/DefaultExtraStyles/%3Cinput css 7J2n0a%3E","../src/components/customized/MermaidCode/styles.scss","../src/components/customized/MermaidCode/%3Cinput css RerYux%3E"],"sourcesContent":[".aim-mantine-extra-styles {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-items: flex-start;\n  align-items: flex-start;\n\n  white-space: normal;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  word-break: break-word;\n\n  text-rendering: optimizeLegibility;\n\n  --aim-font-size-mantine-base: calc(var(--aim-font-size-root) * var(--mantine-scale));\n\n  --mantine-spacing-xs: calc(var(--aim-font-size-mantine-base) * 0.75);\n  --mantine-spacing-sm: calc(var(--aim-font-size-mantine-base) * 0.875);\n  --mantine-spacing-md: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-spacing-lg: calc(var(--aim-font-size-mantine-base) * 1.125);\n  --mantine-spacing-xl: calc(var(--aim-font-size-mantine-base) * 1.25);\n\n  --mantine-font-size-xs: calc(var(--aim-font-size-mantine-base) * 0.75);\n  --mantine-font-size-sm: calc(var(--aim-font-size-mantine-base) * 0.875);\n  --mantine-font-size-md: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-font-size-lg: calc(var(--aim-font-size-mantine-base) * 1.25);\n  --mantine-font-size-xl: calc(var(--aim-font-size-mantine-base) * 2);\n\n  --mantine-h1-font-size: calc(var(--aim-font-size-mantine-base) * 2.125);\n  --mantine-h2-font-size: calc(var(--aim-font-size-mantine-base) * 1.625);\n  --mantine-h3-font-size: calc(var(--aim-font-size-mantine-base) * 1.375);\n  --mantine-h4-font-size: calc(var(--aim-font-size-mantine-base) * 1.125);\n  --mantine-h5-font-size: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-h6-font-size: calc(var(--aim-font-size-mantine-base) * 0.875);\n\n  :first-child {\n    margin-top: 0;\n  }\n\n  :last-child {\n    margin-bottom: 0;\n  }\n\n  ul,\n  ol {\n    list-style-position: outside;\n\n    margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.55);\n    padding-inline-start: calc(var(--aim-font-size-mantine-base) * 1.5);\n\n    li {\n      margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.275);\n    }\n  }\n\n  hr {\n    width: 100%;\n    height: 1px;\n    background-color: var(--mantine-color-text);\n  }\n\n  ul {\n    list-style-type: disc;\n  }\n\n  ul ul {\n    list-style-type: circle;\n  }\n\n  ul ul ul {\n    list-style-type: square;\n  }\n\n  ol {\n    list-style-type: decimal;\n  }\n\n  p {\n    margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.5);\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  blockquote {\n    font-size: var(--mantine-font-size-md);\n  }\n\n  table {\n    caption {\n      font-size: var(--mantine-font-size-md);\n    }\n    th {\n      font-size: var(--mantine-font-size-md);\n    }\n  }\n\n  pre code {\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n    word-break: break-word;\n  }\n\n  dl {\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    max-width: 670px;\n  }\n  dl > * {\n    padding-top: calc(var(--aim-font-size-mantine-base) * 0.5);\n  }\n  dt {\n    width: 30%;\n    font-weight: bold;\n    text-align: right;\n  }\n  dd {\n    width: 60%;\n    padding-left: calc(var(--aim-font-size-mantine-base) * 0.5);\n    margin-left: 0px;\n  }\n  dd + dd {\n    width: 100%;\n    padding-left: calc(30% + var(--aim-font-size-mantine-base));\n  }\n  dt + dt {\n    padding-right: 60%;\n  }\n  dt + dt + dd {\n    margin-top: calc(var(--aim-font-size-mantine-base) * -1.625);\n    padding-left: calc(30% + var(--aim-font-size-mantine-base));\n  }\n}\n",".aim-mantine-extra-styles {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-items: flex-start;\n  align-items: flex-start;\n  white-space: normal;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  word-break: break-word;\n  text-rendering: optimizeLegibility;\n  --aim-font-size-mantine-base: calc(var(--aim-font-size-root) * var(--mantine-scale));\n  --mantine-spacing-xs: calc(var(--aim-font-size-mantine-base) * 0.75);\n  --mantine-spacing-sm: calc(var(--aim-font-size-mantine-base) * 0.875);\n  --mantine-spacing-md: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-spacing-lg: calc(var(--aim-font-size-mantine-base) * 1.125);\n  --mantine-spacing-xl: calc(var(--aim-font-size-mantine-base) * 1.25);\n  --mantine-font-size-xs: calc(var(--aim-font-size-mantine-base) * 0.75);\n  --mantine-font-size-sm: calc(var(--aim-font-size-mantine-base) * 0.875);\n  --mantine-font-size-md: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-font-size-lg: calc(var(--aim-font-size-mantine-base) * 1.25);\n  --mantine-font-size-xl: calc(var(--aim-font-size-mantine-base) * 2);\n  --mantine-h1-font-size: calc(var(--aim-font-size-mantine-base) * 2.125);\n  --mantine-h2-font-size: calc(var(--aim-font-size-mantine-base) * 1.625);\n  --mantine-h3-font-size: calc(var(--aim-font-size-mantine-base) * 1.375);\n  --mantine-h4-font-size: calc(var(--aim-font-size-mantine-base) * 1.125);\n  --mantine-h5-font-size: calc(var(--aim-font-size-mantine-base) * 1);\n  --mantine-h6-font-size: calc(var(--aim-font-size-mantine-base) * 0.875);\n}\n.aim-mantine-extra-styles :first-child {\n  margin-top: 0;\n}\n.aim-mantine-extra-styles :last-child {\n  margin-bottom: 0;\n}\n.aim-mantine-extra-styles ul,\n.aim-mantine-extra-styles ol {\n  list-style-position: outside;\n  margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.55);\n  padding-inline-start: calc(var(--aim-font-size-mantine-base) * 1.5);\n}\n.aim-mantine-extra-styles ul li,\n.aim-mantine-extra-styles ol li {\n  margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.275);\n}\n.aim-mantine-extra-styles hr {\n  width: 100%;\n  height: 1px;\n  background-color: var(--mantine-color-text);\n}\n.aim-mantine-extra-styles ul {\n  list-style-type: disc;\n}\n.aim-mantine-extra-styles ul ul {\n  list-style-type: circle;\n}\n.aim-mantine-extra-styles ul ul ul {\n  list-style-type: square;\n}\n.aim-mantine-extra-styles ol {\n  list-style-type: decimal;\n}\n.aim-mantine-extra-styles p {\n  margin-bottom: calc(var(--aim-font-size-mantine-base) * 0.5);\n}\n.aim-mantine-extra-styles p:last-child {\n  margin-bottom: 0;\n}\n.aim-mantine-extra-styles blockquote {\n  font-size: var(--mantine-font-size-md);\n}\n.aim-mantine-extra-styles table caption {\n  font-size: var(--mantine-font-size-md);\n}\n.aim-mantine-extra-styles table th {\n  font-size: var(--mantine-font-size-md);\n}\n.aim-mantine-extra-styles pre code {\n  white-space: pre-wrap;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  word-break: break-word;\n}\n.aim-mantine-extra-styles dl {\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  max-width: 670px;\n}\n.aim-mantine-extra-styles dl > * {\n  padding-top: calc(var(--aim-font-size-mantine-base) * 0.5);\n}\n.aim-mantine-extra-styles dt {\n  width: 30%;\n  font-weight: bold;\n  text-align: right;\n}\n.aim-mantine-extra-styles dd {\n  width: 60%;\n  padding-left: calc(var(--aim-font-size-mantine-base) * 0.5);\n  margin-left: 0px;\n}\n.aim-mantine-extra-styles dd + dd {\n  width: 100%;\n  padding-left: calc(30% + var(--aim-font-size-mantine-base));\n}\n.aim-mantine-extra-styles dt + dt {\n  padding-right: 60%;\n}\n.aim-mantine-extra-styles dt + dt + dd {\n  margin-top: calc(var(--aim-font-size-mantine-base) * -1.625);\n  padding-left: calc(30% + var(--aim-font-size-mantine-base));\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUVBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7RUFFQTtFQUVBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFFQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBRUE7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVBO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtBQUFBO0VBRUU7RUFFQTtFQUNBOztBQUVBO0FBQUE7RUFDRTs7QUFJSjtFQUNFO0VBQ0E7RUFDQTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7O0FBRUE7RUFDRTs7QUFJSjtFQUNFOztBQUlBO0VBQ0U7O0FBRUY7RUFDRTs7QUFJSjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBRUY7RUFDRTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7O0FBRUY7RUFDRTs7QUFFRjtFQUNFO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIuYWltLW1hbnRpbmUtZXh0cmEtc3R5bGVzIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktaXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXG4gIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gIHdvcmQtd3JhcDogYnJlYWstd29yZDtcbiAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgd29yZC1icmVhazogYnJlYWstd29yZDtcblxuICB0ZXh0LXJlbmRlcmluZzogb3B0aW1pemVMZWdpYmlsaXR5O1xuXG4gIC0tYWltLWZvbnQtc2l6ZS1tYW50aW5lLWJhc2U6IGNhbGModmFyKC0tYWltLWZvbnQtc2l6ZS1yb290KSAqIHZhcigtLW1hbnRpbmUtc2NhbGUpKTtcblxuICAtLW1hbnRpbmUtc3BhY2luZy14czogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAwLjc1KTtcbiAgLS1tYW50aW5lLXNwYWNpbmctc206IGNhbGModmFyKC0tYWltLWZvbnQtc2l6ZS1tYW50aW5lLWJhc2UpICogMC44NzUpO1xuICAtLW1hbnRpbmUtc3BhY2luZy1tZDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxKTtcbiAgLS1tYW50aW5lLXNwYWNpbmctbGc6IGNhbGModmFyKC0tYWltLWZvbnQtc2l6ZS1tYW50aW5lLWJhc2UpICogMS4xMjUpO1xuICAtLW1hbnRpbmUtc3BhY2luZy14bDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxLjI1KTtcblxuICAtLW1hbnRpbmUtZm9udC1zaXplLXhzOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDAuNzUpO1xuICAtLW1hbnRpbmUtZm9udC1zaXplLXNtOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDAuODc1KTtcbiAgLS1tYW50aW5lLWZvbnQtc2l6ZS1tZDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxKTtcbiAgLS1tYW50aW5lLWZvbnQtc2l6ZS1sZzogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxLjI1KTtcbiAgLS1tYW50aW5lLWZvbnQtc2l6ZS14bDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAyKTtcblxuICAtLW1hbnRpbmUtaDEtZm9udC1zaXplOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDIuMTI1KTtcbiAgLS1tYW50aW5lLWgyLWZvbnQtc2l6ZTogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxLjYyNSk7XG4gIC0tbWFudGluZS1oMy1mb250LXNpemU6IGNhbGModmFyKC0tYWltLWZvbnQtc2l6ZS1tYW50aW5lLWJhc2UpICogMS4zNzUpO1xuICAtLW1hbnRpbmUtaDQtZm9udC1zaXplOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDEuMTI1KTtcbiAgLS1tYW50aW5lLWg1LWZvbnQtc2l6ZTogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAxKTtcbiAgLS1tYW50aW5lLWg2LWZvbnQtc2l6ZTogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAwLjg3NSk7XG5cbiAgOmZpcnN0LWNoaWxkIHtcbiAgICBtYXJnaW4tdG9wOiAwO1xuICB9XG5cbiAgOmxhc3QtY2hpbGQge1xuICAgIG1hcmdpbi1ib3R0b206IDA7XG4gIH1cblxuICB1bCxcbiAgb2wge1xuICAgIGxpc3Qtc3R5bGUtcG9zaXRpb246IG91dHNpZGU7XG5cbiAgICBtYXJnaW4tYm90dG9tOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDAuNTUpO1xuICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDEuNSk7XG5cbiAgICBsaSB7XG4gICAgICBtYXJnaW4tYm90dG9tOiBjYWxjKHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSAqIDAuMjc1KTtcbiAgICB9XG4gIH1cblxuICBociB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tbWFudGluZS1jb2xvci10ZXh0KTtcbiAgfVxuXG4gIHVsIHtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IGRpc2M7XG4gIH1cblxuICB1bCB1bCB7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBjaXJjbGU7XG4gIH1cblxuICB1bCB1bCB1bCB7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBzcXVhcmU7XG4gIH1cblxuICBvbCB7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBkZWNpbWFsO1xuICB9XG5cbiAgcCB7XG4gICAgbWFyZ2luLWJvdHRvbTogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAwLjUpO1xuXG4gICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgfVxuICB9XG5cbiAgYmxvY2txdW90ZSB7XG4gICAgZm9udC1zaXplOiB2YXIoLS1tYW50aW5lLWZvbnQtc2l6ZS1tZCk7XG4gIH1cblxuICB0YWJsZSB7XG4gICAgY2FwdGlvbiB7XG4gICAgICBmb250LXNpemU6IHZhcigtLW1hbnRpbmUtZm9udC1zaXplLW1kKTtcbiAgICB9XG4gICAgdGgge1xuICAgICAgZm9udC1zaXplOiB2YXIoLS1tYW50aW5lLWZvbnQtc2l6ZS1tZCk7XG4gICAgfVxuICB9XG5cbiAgcHJlIGNvZGUge1xuICAgIHdoaXRlLXNwYWNlOiBwcmUtd3JhcDtcbiAgICB3b3JkLXdyYXA6IGJyZWFrLXdvcmQ7XG4gICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICB9XG5cbiAgZGwge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1heC13aWR0aDogNjcwcHg7XG4gIH1cbiAgZGwgPiAqIHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAwLjUpO1xuICB9XG4gIGR0IHtcbiAgICB3aWR0aDogMzAlO1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIHRleHQtYWxpZ246IHJpZ2h0O1xuICB9XG4gIGRkIHtcbiAgICB3aWR0aDogNjAlO1xuICAgIHBhZGRpbmctbGVmdDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAwLjUpO1xuICAgIG1hcmdpbi1sZWZ0OiAwcHg7XG4gIH1cbiAgZGQgKyBkZCB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZy1sZWZ0OiBjYWxjKDMwJSArIHZhcigtLWFpbS1mb250LXNpemUtbWFudGluZS1iYXNlKSk7XG4gIH1cbiAgZHQgKyBkdCB7XG4gICAgcGFkZGluZy1yaWdodDogNjAlO1xuICB9XG4gIGR0ICsgZHQgKyBkZCB7XG4gICAgbWFyZ2luLXRvcDogY2FsYyh2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkgKiAtMS42MjUpO1xuICAgIHBhZGRpbmctbGVmdDogY2FsYygzMCUgKyB2YXIoLS1haW0tZm9udC1zaXplLW1hbnRpbmUtYmFzZSkpO1xuICB9XG59XG4iXX0= */",".aim-mantine-mermaid-code {\n  width: 100%;\n  margin-bottom: 15px;\n  background: var(--mantine-color-gray-0);\n  border: 1px solid var(--mantine-color-gray-2);\n  padding: calc(0.75rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));\n  display: flex;\n  flex-shrink: 0;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n\n  .chart-header {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    flex-shrink: 0;\n\n    .chart-type-tag {\n      padding: calc(0.2125rem * var(--mantine-scale)) calc(0.5625rem * var(--mantine-scale));\n      color: black;\n      border: 1px solid var(--mantine-color-gray-3);\n      background: white;\n      border-radius: var(--mantine-radius-default);\n      font-size: var(--mantine-font-size-xs);\n      font-weight: 700;\n    }\n\n    .action-icon {\n      color: var(--mantine-color-text);\n      opacity: 0.5;\n\n      &:hover {\n        color: var(--mantine-color-bright);\n        opacity: 1;\n      }\n    }\n  }\n\n  & > pre {\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: center;\n  }\n}\n\n.aim-mantine-mermaid-code.dark {\n  background: var(--mantine-color-dark-8);\n  border-color: var(--mantine-color-dark-6);\n\n  .chart-header {\n    .chart-type-tag {\n      color: var(--mantine-color-dark-0);\n      border-color: var(--mantine-color-dark-6);\n      background: var(--mantine-color-dark-8);\n    }\n\n    .action-icon {\n      color: var(--mantine-color-text);\n    }\n  }\n}\n",".aim-mantine-mermaid-code {\n  width: 100%;\n  margin-bottom: 15px;\n  background: var(--mantine-color-gray-0);\n  border: 1px solid var(--mantine-color-gray-2);\n  padding: calc(0.75rem * var(--mantine-scale)) calc(0.625rem * var(--mantine-scale));\n  display: flex;\n  flex-shrink: 0;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n.aim-mantine-mermaid-code .chart-header {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  flex-shrink: 0;\n}\n.aim-mantine-mermaid-code .chart-header .chart-type-tag {\n  padding: calc(0.2125rem * var(--mantine-scale)) calc(0.5625rem * var(--mantine-scale));\n  color: black;\n  border: 1px solid var(--mantine-color-gray-3);\n  background: white;\n  border-radius: var(--mantine-radius-default);\n  font-size: var(--mantine-font-size-xs);\n  font-weight: 700;\n}\n.aim-mantine-mermaid-code .chart-header .action-icon {\n  color: var(--mantine-color-text);\n  opacity: 0.5;\n}\n.aim-mantine-mermaid-code .chart-header .action-icon:hover {\n  color: var(--mantine-color-bright);\n  opacity: 1;\n}\n.aim-mantine-mermaid-code > pre {\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.aim-mantine-mermaid-code.dark {\n  background: var(--mantine-color-dark-8);\n  border-color: var(--mantine-color-dark-6);\n}\n.aim-mantine-mermaid-code.dark .chart-header .chart-type-tag {\n  color: var(--mantine-color-dark-0);\n  border-color: var(--mantine-color-dark-6);\n  background: var(--mantine-color-dark-8);\n}\n.aim-mantine-mermaid-code.dark .chart-header .action-icon {\n  color: var(--mantine-color-text);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFHRjtFQUNFO0VBQ0E7O0FBRUE7RUFDRTtFQUNBOztBQUtOO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBSUo7RUFDRTtFQUNBOztBQUdFO0VBQ0U7RUFDQTtFQUNBOztBQUdGO0VBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyIuYWltLW1hbnRpbmUtbWVybWFpZC1jb2RlIHtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbi1ib3R0b206IDE1cHg7XG4gIGJhY2tncm91bmQ6IHZhcigtLW1hbnRpbmUtY29sb3ItZ3JheS0wKTtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tbWFudGluZS1jb2xvci1ncmF5LTIpO1xuICBwYWRkaW5nOiBjYWxjKDAuNzVyZW0gKiB2YXIoLS1tYW50aW5lLXNjYWxlKSkgY2FsYygwLjYyNXJlbSAqIHZhcigtLW1hbnRpbmUtc2NhbGUpKTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG5cbiAgLmNoYXJ0LWhlYWRlciB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGZsZXgtc2hyaW5rOiAwO1xuXG4gICAgLmNoYXJ0LXR5cGUtdGFnIHtcbiAgICAgIHBhZGRpbmc6IGNhbGMoMC4yMTI1cmVtICogdmFyKC0tbWFudGluZS1zY2FsZSkpIGNhbGMoMC41NjI1cmVtICogdmFyKC0tbWFudGluZS1zY2FsZSkpO1xuICAgICAgY29sb3I6IGJsYWNrO1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tbWFudGluZS1jb2xvci1ncmF5LTMpO1xuICAgICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1tYW50aW5lLXJhZGl1cy1kZWZhdWx0KTtcbiAgICAgIGZvbnQtc2l6ZTogdmFyKC0tbWFudGluZS1mb250LXNpemUteHMpO1xuICAgICAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgICB9XG5cbiAgICAuYWN0aW9uLWljb24ge1xuICAgICAgY29sb3I6IHZhcigtLW1hbnRpbmUtY29sb3ItdGV4dCk7XG4gICAgICBvcGFjaXR5OiAwLjU7XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogdmFyKC0tbWFudGluZS1jb2xvci1icmlnaHQpO1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gICYgPiBwcmUge1xuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgfVxufVxuXG4uYWltLW1hbnRpbmUtbWVybWFpZC1jb2RlLmRhcmsge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1tYW50aW5lLWNvbG9yLWRhcmstOCk7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tbWFudGluZS1jb2xvci1kYXJrLTYpO1xuXG4gIC5jaGFydC1oZWFkZXIge1xuICAgIC5jaGFydC10eXBlLXRhZyB7XG4gICAgICBjb2xvcjogdmFyKC0tbWFudGluZS1jb2xvci1kYXJrLTApO1xuICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1tYW50aW5lLWNvbG9yLWRhcmstNik7XG4gICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1tYW50aW5lLWNvbG9yLWRhcmstOCk7XG4gICAgfVxuXG4gICAgLmFjdGlvbi1pY29uIHtcbiAgICAgIGNvbG9yOiB2YXIoLS1tYW50aW5lLWNvbG9yLXRleHQpO1xuICAgIH1cbiAgfVxufVxuIl19 */"],"mappings":"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","names":[]}

package/dist/index.js

@@ -47,6 +47,25 @@ import { ActionIcon, CopyButton, Flex, Tooltip } from "@mantine/core";
 import mermaid from "mermaid";
 import { Fragment, jsx as jsx3, jsxs } from "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 initializedTheme = null;
+var ensureMermaidInitialized = (isDark) => {
+  const theme = isDark ? "dark" : "light";
+  if (initializedTheme === theme) return;
+  mermaid.initialize({
+    startOnLoad: false,
+    securityLevel: "strict",
+    theme: isDark ? "dark" : "base",
+    darkMode: isDark,
+    // Without a svgContainingElement, a draw-phase throw (an error that
+    // got past mermaid.parse) leaves mermaid's temp element orphaned in
+    // document.body — its error path only cleans up when this flag is
+    // set. We render our own error tab anyway, so mermaid's built-in
+    // error diagram is dead weight here regardless.
+    suppressErrorRendering: true
+  });
+  initializedTheme = theme;
+};
 var generateMermaidUUID = () => {
   return `mermaid-${(/* @__PURE__ */ new Date()).getTime()}-${Math.random().toString(36).slice(2, 10)}`;
 };
@@ -68,20 +87,21 @@ var MantineAIMMermaidCode = memo2((props) => {
   const streaming = renderState.streaming;
   const ref = useRef(null);
   const renderVersionRef = useRef(0);
-  const hasRenderedRef = useRef(false);
+  const viewRef = useRef({ kind: "source" });
   const prevStreamingRef = useRef(false);
   const needsCorrectiveRef = useRef(false);
-  const [hasRendered, setHasRendered] = useState(false);
+  const lastSuccessRef = useRef(null);
+  const [view, setViewState] = useState({ kind: "source" });
   const [showOriginalCode, setShowOriginalCode] = useState(false);
-  const [renderError, setRenderError] = useState(false);
-  const [chartType, setChartType] = useState("unknown");
   useEffect(() => {
+    const applyView = (next) => {
+      viewRef.current = next;
+      setViewState((prev) => sameView(prev, next) ? prev : next);
+    };
     if (streaming && !prevStreamingRef.current) {
-      hasRenderedRef.current = false;
       needsCorrectiveRef.current = false;
-      setHasRendered(false);
-      setRenderError(false);
-      setChartType("unknown");
+      lastSuccessRef.current = null;
+      applyView({ kind: "source" });
       if (ref.current) {
         ref.current.innerHTML = "";
       }
@@ -92,22 +112,15 @@ var MantineAIMMermaidCode = memo2((props) => {
     if (!props.code || !ref.current || showOriginalCode) {
       return;
     }
+    if (lastSuccessRef.current?.code === props.code && lastSuccessRef.current.isDark === isDark) {
+      needsCorrectiveRef.current = false;
+      return;
+    }
     const renderVersion = ++renderVersionRef.current;
     let cancelled = false;
     const renderMermaid = async () => {
       try {
-        mermaid.initialize({
-          startOnLoad: false,
-          securityLevel: "strict",
-          theme: isDark ? "dark" : "base",
-          darkMode: isDark,
-          // Without a svgContainingElement, a draw-phase throw (an error that
-          // got past mermaid.parse) leaves mermaid's temp element orphaned in
-          // document.body — its error path only cleans up when this flag is
-          // set. We render our own error tab anyway, so mermaid's built-in
-          // error diagram is dead weight here regardless.
-          suppressErrorRendering: true
-        });
+        ensureMermaidInitialized(isDark);
         const parseResult = await mermaid.parse(props.code);
         if (!parseResult) {
           throw new Error("Failed to parse mermaid code");
@@ -121,11 +134,9 @@ var MantineAIMMermaidCode = memo2((props) => {
         }
         ref.current.innerHTML = svg;
         bindFunctions?.(ref.current);
-        hasRenderedRef.current = true;
         needsCorrectiveRef.current = false;
-        setHasRendered(true);
-        setChartType(diagramType);
-        setRenderError(false);
+        lastSuccessRef.current = { code: props.code, isDark };
+        applyView({ kind: "diagram", chartType: diagramType });
       } catch {
         if (cancelled || renderVersion !== renderVersionRef.current) {
           return;
@@ -135,15 +146,13 @@ var MantineAIMMermaidCode = memo2((props) => {
         }
         if (needsCorrectiveRef.current) {
           needsCorrectiveRef.current = false;
-          setChartType("unknown");
-          setRenderError(true);
+          applyView({ kind: "error" });
           return;
         }
-        if (hasRenderedRef.current) {
+        if (viewRef.current.kind === "diagram") {
           return;
         }
-        setChartType("unknown");
-        setRenderError(true);
+        applyView({ kind: "error" });
       }
     };
     void renderMermaid();
@@ -154,7 +163,7 @@ var MantineAIMMermaidCode = memo2((props) => {
   const viewSvgInNewWindow = useCallback(() => {
     handleViewSVGInNewWindow(ref.current?.querySelector("svg"), isDark);
   }, [isDark]);
-  const showSourceFallback = showOriginalCode || renderError || !hasRendered;
+  const showSourceFallback = showOriginalCode || view.kind !== "diagram";
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     showSourceFallback && /* @__PURE__ */ jsx3(
       CodeHighlightTabs,
@@ -164,7 +173,7 @@ var MantineAIMMermaidCode = memo2((props) => {
         w: "100%",
         code: [
           {
-            fileName: renderError ? "Mermaid Render Error" : "mermaid",
+            fileName: view.kind === "error" ? "Mermaid Render Error" : "mermaid",
             code: props.code,
             language: "mermaid"
           }
@@ -180,10 +189,10 @@ var MantineAIMMermaidCode = memo2((props) => {
           // The "Render Mermaid" control only makes sense as the way back
           // from the user-toggled source view. In the error and warm-up
           // fallbacks `showOriginalCode` is already false, so the control
-          // would be a no-op — hide it there. (No `!renderError` conjunct:
-          // the toggle is only reachable from the visible diagram view,
-          // and while the source view is open the effect early-returns,
-          // so showOriginalCode && renderError is unreachable.)
+          // would be a no-op — hide it there. (No view-kind conjunct: the
+          // toggle is only reachable from the visible diagram view, and
+          // while the source view is open the effect early-returns, so
+          // showOriginalCode && view.kind === 'error' is unreachable.)
           showOriginalCode ? [
             /* @__PURE__ */ jsx3(
               CodeHighlightControl,
@@ -211,7 +220,7 @@ var MantineAIMMermaidCode = memo2((props) => {
         } : {},
         children: [
           /* @__PURE__ */ jsxs("div", { className: "chart-header", children: [
-            /* @__PURE__ */ jsx3("div", { className: "chart-type-tag", children: chartType }),
+            /* @__PURE__ */ jsx3("div", { className: "chart-type-tag", children: view.kind === "diagram" ? view.chartType : "unknown" }),
             /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "flex-end", gap: 0, children: [
               /* @__PURE__ */ jsx3(Tooltip, { label: "Show Mermaid Code", children: /* @__PURE__ */ jsx3(
                 ActionIcon,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/MantineAIMarkdown.tsx","../src/components/typography/MantineTypography.tsx","../src/components/extra-styles/DefaultExtraStyles/index.tsx","../src/defs.tsx","../src/components/customized/PreCode.tsx","../src/hooks/useMantineAIMarkdownRenderState.ts","../src/components/customized/MermaidCode/index.tsx","../src/hooks/useMantineAIMarkdownMetadata.ts"],"sourcesContent":["/**\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 { type AIMarkdownProps, type AIMarkdownCustomComponents, useStableValue } from '@ai-react-markdown/core';\nimport MantineAIMarkdownTypography from './components/typography/MantineTypography';\nimport MantineAIMDefaultExtraStyles from './components/extra-styles/DefaultExtraStyles';\nimport { MantineAIMarkdownRenderConfig, MantineAIMarkdownMetadata, defaultMantineAIMarkdownRenderConfig } 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 Mantine-specific config and metadata generics.\n * All core props (`content`, `streaming`, `fontSize`, `config`, etc.) are inherited.\n *\n * @typeParam TConfig - Render configuration type, defaults to {@link MantineAIMarkdownRenderConfig}.\n * @typeParam TRenderData - Metadata type, defaults to {@link MantineAIMarkdownMetadata}.\n */\nexport interface MantineAIMarkdownProps<\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n  TRenderData extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n> extends AIMarkdownProps<TConfig, TRenderData> {}\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 TConfig - Render configuration type.\n * @typeParam TRenderData - Metadata type.\n */\nconst MantineAIMarkdownComponent = <\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n  TRenderData extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n>({\n  Typography = MantineAIMarkdownTypography,\n  ExtraStyles = MantineAIMDefaultExtraStyles,\n  defaultConfig = defaultMantineAIMarkdownRenderConfig as TConfig,\n  customComponents,\n  colorScheme,\n  ...props\n}: MantineAIMarkdownProps<TConfig, TRenderData>) => {\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  return (\n    <AIMarkdown<MantineAIMarkdownRenderConfig, MantineAIMarkdownMetadata>\n      Typography={Typography}\n      ExtraStyles={ExtraStyles}\n      defaultConfig={defaultConfig}\n      customComponents={usedComponents}\n      colorScheme={colorScheme ?? computedColorScheme}\n      {...props}\n    />\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","/**\n * Mantine-specific type definitions and default configuration.\n *\n * Extends the core {@link AIMarkdownRenderConfig} and {@link AIMarkdownMetadata}\n * with Mantine-themed options such as uniform heading sizes and code block behavior.\n *\n * @module defs\n */\n\nimport { AIMarkdownRenderConfig, AIMarkdownMetadata, defaultAIMarkdownRenderConfig } from '@ai-react-markdown/core';\n\n/**\n * Extended render configuration for the Mantine integration.\n *\n * Inherits all core config fields (extra syntax, display optimizations) and adds\n * Mantine-specific options for typography sizing and code block behavior.\n */\nexport interface MantineAIMarkdownRenderConfig extends AIMarkdownRenderConfig {\n  /** Code block rendering options. */\n  codeBlock: {\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\n/**\n * Default Mantine render configuration.\n *\n * Extends {@link defaultAIMarkdownRenderConfig} with Mantine-specific defaults.\n * Frozen to prevent accidental mutation.\n */\nexport const defaultMantineAIMarkdownRenderConfig: MantineAIMarkdownRenderConfig = Object.freeze({\n  ...defaultAIMarkdownRenderConfig,\n  codeBlock: Object.freeze({\n    defaultExpanded: true,\n    autoDetectUnknownLanguage: false,\n  }),\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 { HTMLAttributes, memo, useMemo } from 'react';\nimport { CodeHighlight, CodeHighlightTabs } from '@mantine/code-highlight';\nimport { deepParseJson } from 'deep-parse-json';\nimport hljs from 'highlight.js';\nimport { useMantineAIMarkdownRenderState } from '../../hooks/useMantineAIMarkdownRenderState';\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 `config.codeBlock.autoDetectUnknownLanguage` is\n *   enabled, uses `highlight.js` 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 renderState = useMantineAIMarkdownRenderState();\n\n    const codeLanguage = useMemo(() => {\n      if (props.existLanguage) return props.existLanguage;\n      if (renderState.config.codeBlock.autoDetectUnknownLanguage) {\n        return hljs.highlightAuto(props.codeText).language || '';\n      }\n      return '';\n    }, [props.existLanguage, props.codeText, renderState.config.codeBlock.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={renderState.fontSize}\n          w=\"100%\"\n          code={usedCodeStr}\n          withBorder\n          withExpandButton\n          defaultExpanded={renderState.config.codeBlock.defaultExpanded}\n          maxCollapsedHeight=\"320px\"\n        />\n      ) : (\n        <CodeHighlightTabs\n          mb={15}\n          fz={renderState.fontSize}\n          w=\"100%\"\n          code={[\n            {\n              fileName: usedFileName,\n              code: usedCodeStr,\n              language: usedCodeLanguage,\n            },\n          ]}\n          withBorder\n          withExpandButton\n          defaultExpanded={renderState.config.codeBlock.defaultExpanded}\n          maxCollapsedHeight=\"320px\"\n        />\n      );\n    }, [\n      isSpecialCodeBlock,\n      props.codeText,\n      usedCodeLanguage,\n      usedFileName,\n      renderState.fontSize,\n      renderState.config.codeBlock.defaultExpanded,\n    ]);\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","import { useAIMarkdownRenderState } from '@ai-react-markdown/core';\nimport { MantineAIMarkdownRenderConfig } from '../defs';\n\n/**\n * Typed wrapper around the core {@link useAIMarkdownRenderState} hook.\n *\n * Returns the current {@link AIMarkdownRenderState} defaulting to\n * {@link MantineAIMarkdownRenderConfig}. Accepts an optional generic parameter\n * for further extension, giving consumers direct access to Mantine-specific\n * config fields (`codeBlock`, etc.) without manual annotation.\n *\n * Must be called inside a component rendered within the `<MantineAIMarkdown>` tree.\n * Throws if called outside the provider boundary.\n *\n * @typeParam TConfig - Config type (defaults to {@link MantineAIMarkdownRenderConfig}).\n * @returns The current render state typed with `TConfig`.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { config, streaming, colorScheme } = useMantineAIMarkdownRenderState();\n *   const isExpanded = config.codeBlock.defaultExpanded;\n *   // ...\n * }\n * ```\n */\nexport const useMantineAIMarkdownRenderState = <\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n>() => {\n  return useAIMarkdownRenderState<TConfig>();\n};\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 { useMantineAIMarkdownRenderState } from '../../../hooks/useMantineAIMarkdownRenderState';\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 * 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 renderState = useMantineAIMarkdownRenderState();\n  const isDark = renderState.colorScheme === 'dark';\n  const streaming = renderState.streaming;\n\n  const ref = useRef<HTMLPreElement>(null);\n  const renderVersionRef = useRef(0);\n  /** Mirrors `hasRendered` for reads inside the async render closure —\n   *  state reads there can be stale when deps change mid-flight. */\n  const hasRenderedRef = useRef(false);\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  const [hasRendered, setHasRendered] = useState(false);\n  const [showOriginalCode, setShowOriginalCode] = useState(false);\n  const [renderError, setRenderError] = useState(false);\n  const [chartType, setChartType] = useState('unknown');\n\n  useEffect(() => {\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      hasRenderedRef.current = false;\n      needsCorrectiveRef.current = false;\n      // Deliberate state reset on an input edge (same pattern as a\n      // key-less \"derived reset\"); all three are no-ops when already at\n      // their initial values, so steady-state chunks don't re-render.\n      setHasRendered(false);\n      setRenderError(false);\n      setChartType('unknown');\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    const renderVersion = ++renderVersionRef.current;\n    let cancelled = false;\n\n    const renderMermaid = async () => {\n      try {\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        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        hasRenderedRef.current = true;\n        needsCorrectiveRef.current = false;\n        setHasRendered(true);\n        setChartType(diagramType);\n        setRenderError(false);\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          setChartType('unknown');\n          setRenderError(true);\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 (hasRenderedRef.current) {\n          return;\n        }\n        setChartType('unknown');\n        setRenderError(true);\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 || renderError || !hasRendered;\n\n  return (\n    <>\n      {showSourceFallback && (\n        <CodeHighlightTabs\n          mb={15}\n          fz={renderState.fontSize}\n          w=\"100%\"\n          code={[\n            {\n              fileName: renderError ? 'Mermaid Render Error' : 'mermaid',\n              code: props.code,\n              language: 'mermaid',\n            },\n          ]}\n          defaultExpanded={renderState.config.codeBlock.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 `!renderError` conjunct:\n            // the toggle is only reachable from the visible diagram view,\n            // and while the source view is open the effect early-returns,\n            // so showOriginalCode && renderError 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\">{chartType}</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                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 variant=\"transparent\" size={28} className=\"action-icon\" onClick={copy}>\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 ref={ref} style={PRE_STYLE} onClick={viewSvgInNewWindow} />\n      </div>\n    </>\n  );\n});\n\nMantineAIMMermaidCode.displayName = 'MantineAIMMermaidCode';\n\nexport default MantineAIMMermaidCode;\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":["memo","useMemo","jsx","memo","CodeHighlightTabs","memo","jsx","memo","jsx","SpecialCodeLanguage","memo","CodeHighlightTabs","jsx","Typography","useMemo","memo"]}
+{"version":3,"sources":["../src/MantineAIMarkdown.tsx","../src/components/typography/MantineTypography.tsx","../src/components/extra-styles/DefaultExtraStyles/index.tsx","../src/defs.tsx","../src/components/customized/PreCode.tsx","../src/hooks/useMantineAIMarkdownRenderState.ts","../src/components/customized/MermaidCode/index.tsx","../src/hooks/useMantineAIMarkdownMetadata.ts"],"sourcesContent":["/**\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 { type AIMarkdownProps, type AIMarkdownCustomComponents, useStableValue } from '@ai-react-markdown/core';\nimport MantineAIMarkdownTypography from './components/typography/MantineTypography';\nimport MantineAIMDefaultExtraStyles from './components/extra-styles/DefaultExtraStyles';\nimport { MantineAIMarkdownRenderConfig, MantineAIMarkdownMetadata, defaultMantineAIMarkdownRenderConfig } 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 Mantine-specific config and metadata generics.\n * All core props (`content`, `streaming`, `fontSize`, `config`, etc.) are inherited.\n *\n * @typeParam TConfig - Render configuration type, defaults to {@link MantineAIMarkdownRenderConfig}.\n * @typeParam TRenderData - Metadata type, defaults to {@link MantineAIMarkdownMetadata}.\n */\nexport interface MantineAIMarkdownProps<\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n  TRenderData extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n> extends AIMarkdownProps<TConfig, TRenderData> {}\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 TConfig - Render configuration type.\n * @typeParam TRenderData - Metadata type.\n */\nconst MantineAIMarkdownComponent = <\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n  TRenderData extends MantineAIMarkdownMetadata = MantineAIMarkdownMetadata,\n>({\n  Typography = MantineAIMarkdownTypography,\n  ExtraStyles = MantineAIMDefaultExtraStyles,\n  defaultConfig = defaultMantineAIMarkdownRenderConfig as TConfig,\n  customComponents,\n  colorScheme,\n  ...props\n}: MantineAIMarkdownProps<TConfig, TRenderData>) => {\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  return (\n    <AIMarkdown<MantineAIMarkdownRenderConfig, MantineAIMarkdownMetadata>\n      Typography={Typography}\n      ExtraStyles={ExtraStyles}\n      defaultConfig={defaultConfig}\n      customComponents={usedComponents}\n      colorScheme={colorScheme ?? computedColorScheme}\n      {...props}\n    />\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","/**\n * Mantine-specific type definitions and default configuration.\n *\n * Extends the core {@link AIMarkdownRenderConfig} and {@link AIMarkdownMetadata}\n * with Mantine-themed options such as uniform heading sizes and code block behavior.\n *\n * @module defs\n */\n\nimport { AIMarkdownRenderConfig, AIMarkdownMetadata, defaultAIMarkdownRenderConfig } from '@ai-react-markdown/core';\n\n/**\n * Extended render configuration for the Mantine integration.\n *\n * Inherits all core config fields (extra syntax, display optimizations) and adds\n * Mantine-specific options for typography sizing and code block behavior.\n */\nexport interface MantineAIMarkdownRenderConfig extends AIMarkdownRenderConfig {\n  /** Code block rendering options. */\n  codeBlock: {\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\n/**\n * Default Mantine render configuration.\n *\n * Extends {@link defaultAIMarkdownRenderConfig} with Mantine-specific defaults.\n * Frozen to prevent accidental mutation.\n */\nexport const defaultMantineAIMarkdownRenderConfig: MantineAIMarkdownRenderConfig = Object.freeze({\n  ...defaultAIMarkdownRenderConfig,\n  codeBlock: Object.freeze({\n    defaultExpanded: true,\n    autoDetectUnknownLanguage: false,\n  }),\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 { HTMLAttributes, memo, useMemo } from 'react';\nimport { CodeHighlight, CodeHighlightTabs } from '@mantine/code-highlight';\nimport { deepParseJson } from 'deep-parse-json';\nimport hljs from 'highlight.js';\nimport { useMantineAIMarkdownRenderState } from '../../hooks/useMantineAIMarkdownRenderState';\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 `config.codeBlock.autoDetectUnknownLanguage` is\n *   enabled, uses `highlight.js` 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 renderState = useMantineAIMarkdownRenderState();\n\n    const codeLanguage = useMemo(() => {\n      if (props.existLanguage) return props.existLanguage;\n      if (renderState.config.codeBlock.autoDetectUnknownLanguage) {\n        return hljs.highlightAuto(props.codeText).language || '';\n      }\n      return '';\n    }, [props.existLanguage, props.codeText, renderState.config.codeBlock.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={renderState.fontSize}\n          w=\"100%\"\n          code={usedCodeStr}\n          withBorder\n          withExpandButton\n          defaultExpanded={renderState.config.codeBlock.defaultExpanded}\n          maxCollapsedHeight=\"320px\"\n        />\n      ) : (\n        <CodeHighlightTabs\n          mb={15}\n          fz={renderState.fontSize}\n          w=\"100%\"\n          code={[\n            {\n              fileName: usedFileName,\n              code: usedCodeStr,\n              language: usedCodeLanguage,\n            },\n          ]}\n          withBorder\n          withExpandButton\n          defaultExpanded={renderState.config.codeBlock.defaultExpanded}\n          maxCollapsedHeight=\"320px\"\n        />\n      );\n    }, [\n      isSpecialCodeBlock,\n      props.codeText,\n      usedCodeLanguage,\n      usedFileName,\n      renderState.fontSize,\n      renderState.config.codeBlock.defaultExpanded,\n    ]);\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","import { useAIMarkdownRenderState } from '@ai-react-markdown/core';\nimport { MantineAIMarkdownRenderConfig } from '../defs';\n\n/**\n * Typed wrapper around the core {@link useAIMarkdownRenderState} hook.\n *\n * Returns the current {@link AIMarkdownRenderState} defaulting to\n * {@link MantineAIMarkdownRenderConfig}. Accepts an optional generic parameter\n * for further extension, giving consumers direct access to Mantine-specific\n * config fields (`codeBlock`, etc.) without manual annotation.\n *\n * Must be called inside a component rendered within the `<MantineAIMarkdown>` tree.\n * Throws if called outside the provider boundary.\n *\n * @typeParam TConfig - Config type (defaults to {@link MantineAIMarkdownRenderConfig}).\n * @returns The current render state typed with `TConfig`.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { config, streaming, colorScheme } = useMantineAIMarkdownRenderState();\n *   const isExpanded = config.codeBlock.defaultExpanded;\n *   // ...\n * }\n * ```\n */\nexport const useMantineAIMarkdownRenderState = <\n  TConfig extends MantineAIMarkdownRenderConfig = MantineAIMarkdownRenderConfig,\n>() => {\n  return useAIMarkdownRenderState<TConfig>();\n};\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 { useMantineAIMarkdownRenderState } from '../../../hooks/useMantineAIMarkdownRenderState';\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 renderState = useMantineAIMarkdownRenderState();\n  const isDark = renderState.colorScheme === 'dark';\n  const streaming = renderState.streaming;\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={renderState.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={renderState.config.codeBlock.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                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 variant=\"transparent\" size={28} className=\"action-icon\" onClick={copy}>\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 ref={ref} style={PRE_STYLE} onClick={viewSvgInNewWindow} />\n      </div>\n    </>\n  );\n});\n\nMantineAIMMermaidCode.displayName = 'MantineAIMMermaidCode';\n\nexport default MantineAIMMermaidCode;\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":["memo","useMemo","jsx","memo","CodeHighlightTabs","memo","jsx","memo","jsx","SpecialCodeLanguage","memo","CodeHighlightTabs","jsx","Typography","useMemo","memo"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-react-markdown/mantine",
-  "version": "1.5.1",
+  "version": "1.6.1",
   "description": "Mantine UI integration for ai-react-markdown — themed typography, syntax highlighting via @mantine/code-highlight, Mermaid diagrams, and automatic color scheme detection.",
   "publishConfig": {
     "access": "public"
@@ -51,7 +51,7 @@
     "./styles.css": "./dist/index.css"
   },
   "peerDependencies": {
-    "@ai-react-markdown/core": "^1.5.1",
+    "@ai-react-markdown/core": "^1.6.1",
     "@mantine/code-highlight": "^9.0.0",
     "@mantine/core": "^9.0.0",
     "highlight.js": "^11.11.1",
@@ -68,13 +68,13 @@
     "@mantine/hooks": "^9.4.1",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^25.9.5",
-    "autoprefixer": "^10.5.2",
+    "autoprefixer": "^10.5.4",
     "esbuild-sass-plugin": "^3.7.0",
     "highlight.js": "^11.11.1",
     "lodash-es": "^4.18.0",
-    "postcss": "^8.5.16",
+    "postcss": "^8.5.19",
     "tsup": "^8.5.1",
-    "@ai-react-markdown/core": "1.5.1"
+    "@ai-react-markdown/core": "1.6.1"
   },
   "scripts": {
     "build": "tsup",