@djangocfg/ui-tools 2.1.210 → 2.1.213

package/dist/JsonTree-EFWAIIUV.mjs

@@ -0,0 +1,5 @@
+export { JsonTree_default as default } from './chunk-3Q2X3CYQ.mjs';
+import './chunk-MBFBVGUP.mjs';
+import './chunk-CGILA3WO.mjs';
+//# sourceMappingURL=JsonTree-EFWAIIUV.mjs.map
+//# sourceMappingURL=JsonTree-EFWAIIUV.mjs.map

package/dist/{JsonTree-5CRPHRP5.mjs.map → JsonTree-EFWAIIUV.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"JsonTree-5CRPHRP5.mjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"JsonTree-EFWAIIUV.mjs"}

package/dist/JsonTree-LULSGFAW.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunkLJ2VEBBZ_cjs = require('./chunk-LJ2VEBBZ.cjs');
+require('./chunk-G2A6SX5L.cjs');
+require('./chunk-WGEGR3DF.cjs');
+
+
+
+module.exports = chunkLJ2VEBBZ_cjs.JsonTree_default;
+//# sourceMappingURL=JsonTree-LULSGFAW.cjs.map
+//# sourceMappingURL=JsonTree-LULSGFAW.cjs.map

package/dist/{JsonTree-IIVOSSVZ.cjs.map → JsonTree-LULSGFAW.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"JsonTree-IIVOSSVZ.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"JsonTree-LULSGFAW.cjs"}

package/dist/JsonTree-MLET23ZA.css

@@ -0,0 +1,6 @@
+/* src/components/FloatingToolbar/FloatingToolbar.css */
+.scroll-unlocked {
+  box-shadow: 0 0 0 2px hsl(var(--ring));
+  transition: box-shadow 150ms;
+}
+/*# sourceMappingURL=JsonTree-MLET23ZA.css.map */

package/dist/JsonTree-MLET23ZA.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/FloatingToolbar/FloatingToolbar.css"],"sourcesContent":["/* Focus ring when scroll isolation is unlocked */\n.scroll-unlocked {\n  box-shadow: 0 0 0 2px hsl(var(--ring));\n  transition: box-shadow 150ms;\n}\n"],"mappings":";AACA,CAAC;AACC,cAAY,EAAE,EAAE,EAAE,IAAI,IAAI,IAAI;AAC9B,cAAY,WAAW;AACzB;","names":[]}

package/dist/{Mermaid.client-HG24D5KB.mjs → Mermaid.client-5EKULAUZ.mjs}

@@ -1,10 +1,11 @@
+import { FloatingToolbar, CopyAction, FullscreenAction } from './chunk-MBFBVGUP.mjs';
 import { __name } from './chunk-CGILA3WO.mjs';
-import { ZoomOut, RotateCcw, ZoomIn, Maximize2, X } from 'lucide-react';
-import { Button } from '@djangocfg/ui-core/components';
-import { useResolvedTheme } from '@djangocfg/ui-core/hooks';
 import { useState, useRef, useEffect, useCallback } from 'react';
+import { useResolvedTheme } from '@djangocfg/ui-core/hooks';
 import { createPortal } from 'react-dom';
+import { ZoomOut, RotateCcw, ZoomIn, X } from 'lucide-react';
 import { useControls, TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';
+import { Button } from '@djangocfg/ui-core/components';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import mermaid from 'mermaid';
 
@@ -391,6 +392,7 @@ var Mermaid = /* @__PURE__ */ __name(({
   isCompact = false,
   fullscreen = true
 }) => {
+  const containerRef = useRef(null);
   const theme = useResolvedTheme();
   const { mermaidRef, svgContent, isVertical, isRendering } = useMermaidRenderer({
     chart,
@@ -404,14 +406,8 @@ var Mermaid = /* @__PURE__ */ __name(({
     closeFullscreen,
     handleBackdropClick
   } = useMermaidFullscreen();
-  const handleOpenFullscreen = /* @__PURE__ */ __name((e) => {
-    e.stopPropagation();
-    if (svgContent) {
-      openFullscreen();
-    }
-  }, "handleOpenFullscreen");
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: `relative ${className}`, children: [
+    /* @__PURE__ */ jsxs("div", { ref: containerRef, className: `relative ${className}`, children: [
       /* @__PURE__ */ jsx(
         "div",
         {
@@ -421,16 +417,10 @@ var Mermaid = /* @__PURE__ */ __name(({
         }
       ),
       isRendering && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-primary" }) }),
-      fullscreen && svgContent && !isRendering && /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "secondary",
-          size: "icon",
-          className: "absolute bottom-2 right-2 h-8 w-8 opacity-60 hover:opacity-100 transition-opacity",
-          onClick: handleOpenFullscreen,
-          children: /* @__PURE__ */ jsx(Maximize2, { className: "h-4 w-4" })
-        }
-      )
+      svgContent && !isRendering && /* @__PURE__ */ jsxs(FloatingToolbar, { containerRef, children: [
+        /* @__PURE__ */ jsx(CopyAction, { value: chart, title: "Copy source" }),
+        fullscreen && /* @__PURE__ */ jsx(FullscreenAction, { onToggle: openFullscreen, title: "Fullscreen" })
+      ] })
     ] }),
     fullscreen && /* @__PURE__ */ jsx(
       MermaidFullscreenModal,
@@ -450,5 +440,5 @@ var Mermaid = /* @__PURE__ */ __name(({
 var Mermaid_client_default = Mermaid;
 
 export { Mermaid_client_default as default };
-//# sourceMappingURL=Mermaid.client-HG24D5KB.mjs.map
-//# sourceMappingURL=Mermaid.client-HG24D5KB.mjs.map
+//# sourceMappingURL=Mermaid.client-5EKULAUZ.mjs.map
+//# sourceMappingURL=Mermaid.client-5EKULAUZ.mjs.map

package/dist/Mermaid.client-5EKULAUZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tools/Mermaid/utils/mermaid-helpers.ts","../src/tools/Mermaid/components/MermaidFullscreenModal.tsx","../src/tools/Mermaid/hooks/useMermaidFullscreen.ts","../src/tools/Mermaid/hooks/useMermaidCleanup.ts","../src/tools/Mermaid/hooks/useMermaidValidation.ts","../src/tools/Mermaid/hooks/useMermaidRenderer.ts","../src/tools/Mermaid/Mermaid.client.tsx"],"names":["useEffect","useCallback","applyMermaidTextColors","useRef","useState","jsxs","jsx"],"mappings":"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","file":"Mermaid.client-5EKULAUZ.mjs","sourcesContent":["/**\n * Helper utilities for Mermaid diagram rendering\n */\n\n// Utility function to apply text colors to Mermaid SVG\nexport const applyMermaidTextColors = (container: HTMLElement, textColor: string) => {\n    const svgElement = container.querySelector('svg');\n    if (svgElement) {\n        // SVG text elements use 'fill'\n        svgElement.querySelectorAll('text').forEach((el) => {\n            (el as SVGElement).style.fill = textColor;\n        });\n\n        // HTML elements inside foreignObject use 'color'\n        svgElement.querySelectorAll('.nodeLabel, .edgeLabel').forEach((el) => {\n            (el as HTMLElement).style.color = textColor;\n        });\n    }\n};\n\n// Detect if diagram is vertical (tall and narrow)\nexport const isVerticalDiagram = (svgElement: SVGSVGElement): boolean => {\n    const viewBox = svgElement.getAttribute('viewBox');\n    if (viewBox) {\n        const [, , width, height] = viewBox.split(' ').map(Number);\n        return height > width * 1.5;\n    }\n    const bbox = svgElement.getBBox?.();\n    if (bbox) {\n        return bbox.height > bbox.width * 1.5;\n    }\n    return false;\n};\n","'use client';\n\nimport React, { useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { X, ZoomIn, ZoomOut, RotateCcw } from 'lucide-react';\nimport { TransformWrapper, TransformComponent, useControls } from 'react-zoom-pan-pinch';\n\nimport { Button } from '@djangocfg/ui-core/components';\nimport { applyMermaidTextColors } from '../utils/mermaid-helpers';\n\ninterface MermaidFullscreenModalProps {\n    isOpen: boolean;\n    svgContent: string;\n    isVertical: boolean;\n    theme: string;\n    chart: string;\n    fullscreenRef: React.RefObject<HTMLDivElement | null>;\n    onClose: () => void;\n    onBackdropClick: (e: React.MouseEvent) => void;\n}\n\n// Zoom controls component\nfunction ZoomControls() {\n    const { zoomIn, zoomOut, resetTransform } = useControls();\n\n    return (\n        <div className=\"absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2 z-10\">\n            <Button variant=\"secondary\" size=\"icon\" onClick={() => zoomOut()}>\n                <ZoomOut className=\"h-4 w-4\" />\n            </Button>\n            <Button variant=\"secondary\" size=\"icon\" onClick={() => resetTransform()}>\n                <RotateCcw className=\"h-4 w-4\" />\n            </Button>\n            <Button variant=\"secondary\" size=\"icon\" onClick={() => zoomIn()}>\n                <ZoomIn className=\"h-4 w-4\" />\n            </Button>\n        </div>\n    );\n}\n\nexport const MermaidFullscreenModal: React.FC<MermaidFullscreenModalProps> = ({\n    isOpen,\n    svgContent,\n    isVertical,\n    theme,\n    fullscreenRef,\n    onClose,\n    onBackdropClick,\n}) => {\n    // Apply text colors\n    useEffect(() => {\n        if (isOpen && fullscreenRef.current) {\n            const getCSSVariable = (variable: string) => {\n                if (typeof document === 'undefined') return '';\n                const value = getComputedStyle(document.documentElement).getPropertyValue(variable).trim();\n                return value ? `hsl(${value})` : '';\n            };\n\n            const textColor = theme === 'dark'\n                ? getCSSVariable('--foreground') || 'hsl(0 0% 90%)'\n                : getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)';\n\n            applyMermaidTextColors(fullscreenRef.current, textColor);\n        }\n    }, [isOpen, theme, isVertical, fullscreenRef, svgContent]);\n\n    // Handle escape key\n    useEffect(() => {\n        if (!isOpen) return;\n\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (e.key === 'Escape') onClose();\n        };\n\n        document.addEventListener('keydown', handleKeyDown);\n        return () => document.removeEventListener('keydown', handleKeyDown);\n    }, [isOpen, onClose]);\n\n    if (!isOpen || typeof document === 'undefined') return null;\n\n    return createPortal(\n        <div\n            className=\"fixed inset-0 z-9999 bg-background/95 backdrop-blur-sm\"\n            onClick={onBackdropClick}\n        >\n            {/* Close button */}\n            <Button\n                variant=\"ghost\"\n                size=\"icon\"\n                className=\"absolute top-4 right-4 z-10\"\n                onClick={onClose}\n            >\n                <X className=\"h-5 w-5\" />\n            </Button>\n\n            {/* Zoomable diagram */}\n            <TransformWrapper\n                initialScale={1}\n                minScale={0.1}\n                maxScale={10}\n                centerOnInit\n                wheel={{ step: 0.1 }}\n                pinch={{ step: 5 }}\n                doubleClick={{ mode: 'reset' }}\n            >\n                <ZoomControls />\n                <TransformComponent\n                    wrapperStyle={{\n                        width: '100%',\n                        height: '100%',\n                    }}\n                    contentStyle={{\n                        width: '100%',\n                        height: '100%',\n                        display: 'flex',\n                        alignItems: 'center',\n                        justifyContent: 'center',\n                    }}\n                >\n                    <div\n                        ref={fullscreenRef}\n                        className=\"p-8\"\n                        dangerouslySetInnerHTML={{ __html: svgContent }}\n                        onClick={(e) => e.stopPropagation()}\n                    />\n                </TransformComponent>\n            </TransformWrapper>\n        </div>,\n        document.body\n    );\n};\n","/**\n * Hook for managing Mermaid fullscreen modal\n */\n\nimport { useEffect, useRef, useState } from 'react';\n\nexport function useMermaidFullscreen() {\n    const [isFullscreen, setIsFullscreen] = useState(false);\n    const fullscreenRef = useRef<HTMLDivElement>(null);\n\n    const openFullscreen = () => setIsFullscreen(true);\n    const closeFullscreen = () => setIsFullscreen(false);\n\n    const handleBackdropClick = (e: React.MouseEvent) => {\n        if (e.target === e.currentTarget) {\n            closeFullscreen();\n        }\n    };\n\n    // Handle ESC key\n    useEffect(() => {\n        const handleEscKey = (event: KeyboardEvent) => {\n            if (event.key === 'Escape' && isFullscreen) {\n                closeFullscreen();\n            }\n        };\n\n        if (isFullscreen) {\n            document.addEventListener('keydown', handleEscKey);\n            document.body.style.overflow = 'hidden';\n        }\n\n        return () => {\n            document.removeEventListener('keydown', handleEscKey);\n            document.body.style.overflow = 'unset';\n        };\n    }, [isFullscreen]);\n\n    return {\n        isFullscreen,\n        fullscreenRef,\n        openFullscreen,\n        closeFullscreen,\n        handleBackdropClick,\n    };\n}\n","/**\n * Hook for cleaning up orphaned Mermaid DOM nodes\n */\n\nimport { useCallback, useEffect } from 'react';\n\nexport function useMermaidCleanup() {\n    const cleanupMermaidErrors = useCallback(() => {\n        if (typeof document === 'undefined') return;\n\n        // Remove all orphaned mermaid elements from body\n        // Mermaid can append: SVGs, divs with errors, text nodes\n\n        // 1. Remove elements with mermaid-* IDs directly in body\n        document.querySelectorAll('[id^=\"mermaid-\"]').forEach((node) => {\n            if (node.parentNode === document.body) {\n                node.remove();\n            }\n        });\n\n        // 2. Remove elements with d prefix (mermaid diagram IDs) directly in body\n        document.querySelectorAll('[id^=\"d\"]').forEach((node) => {\n            if (node.parentNode === document.body && node.id.match(/^d\\d+$/)) {\n                node.remove();\n            }\n        });\n\n        // 3. Remove orphaned SVG elements that mermaid creates in body\n        document.querySelectorAll('body > svg').forEach((node) => {\n            // Check if it's a mermaid SVG (has mermaid classes or aria-roledescription)\n            if (node.getAttribute('aria-roledescription') ||\n                node.classList.contains('mermaid') ||\n                node.querySelector('.mermaid') ||\n                node.id?.includes('mermaid')) {\n                node.remove();\n            }\n        });\n\n        // 4. Remove any orphaned error divs with \"Syntax error\" text\n        document.querySelectorAll('body > div').forEach((node) => {\n            const text = node.textContent || '';\n            if (text.includes('Syntax error in text') ||\n                text.includes('mermaid version') ||\n                node.id?.startsWith('mermaid-') ||\n                node.id?.startsWith('d') && node.id.match(/^d\\d+$/)) {\n                node.remove();\n            }\n        });\n\n        // 5. Remove orphaned pre elements with error info\n        document.querySelectorAll('body > pre').forEach((node) => {\n            const text = node.textContent || '';\n            if (text.includes('Syntax error') || text.includes('mermaid')) {\n                node.remove();\n            }\n        });\n    }, []);\n\n    // Cleanup on unmount\n    useEffect(() => {\n        return () => {\n            cleanupMermaidErrors();\n        };\n    }, [cleanupMermaidErrors]);\n\n    // Removed periodic cleanup - it causes unnecessary re-renders\n    // Cleanup only happens on unmount now\n\n    return { cleanupMermaidErrors };\n}\n","/**\n * Hook for validating Mermaid code completeness\n */\n\nimport { useCallback } from 'react';\n\nexport function useMermaidValidation() {\n    const isMermaidCodeComplete = useCallback((code: string): boolean => {\n        if (!code || code.trim().length === 0) return false;\n\n        const trimmed = code.trim();\n\n        // Check if code has basic structure\n        const lines = trimmed.split('\\n');\n        if (lines.length < 2) return false; // Need at least diagram type + one element\n\n        // Check for common incomplete patterns\n        const lastLine = lines[lines.length - 1].trim();\n\n        // Incomplete if last line ends with arrow without destination\n        if (lastLine.match(/-->?\\s*$/)) return false;\n        if (lastLine.match(/-->\\|[^|]*\\|\\s*$/)) return false;\n\n        // Incomplete if last line ends with opening bracket/parenthesis\n        if (lastLine.match(/[\\[({]\\s*$/)) return false;\n\n        return true;\n    }, []);\n\n    return { isMermaidCodeComplete };\n}\n","/**\n * Hook for rendering Mermaid diagrams with debounce and validation\n */\n\nimport mermaid from 'mermaid';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { useMermaidCleanup } from './useMermaidCleanup';\nimport { useMermaidValidation } from './useMermaidValidation';\n\ninterface UseMermaidRendererProps {\n    chart: string;\n    theme: string;\n    isCompact?: boolean;\n}\n\ninterface MermaidRenderResult {\n    mermaidRef: React.RefObject<HTMLDivElement>;\n    svgContent: string;\n    isVertical: boolean;\n    isRendering: boolean;\n}\n\n// Utility function to apply text colors to Mermaid SVG\nconst applyMermaidTextColors = (container: HTMLElement, textColor: string) => {\n    const svgElement = container.querySelector('svg');\n    if (svgElement) {\n        // SVG text elements use 'fill'\n        svgElement.querySelectorAll('text').forEach((el) => {\n            (el as SVGElement).style.fill = textColor;\n        });\n\n        // HTML elements inside foreignObject use 'color'\n        svgElement.querySelectorAll('.nodeLabel, .edgeLabel').forEach((el) => {\n            (el as HTMLElement).style.color = textColor;\n        });\n    }\n};\n\n// Detect if diagram is vertical (tall and narrow)\nconst isVerticalDiagram = (svgElement: SVGSVGElement): boolean => {\n    const viewBox = svgElement.getAttribute('viewBox');\n    if (viewBox) {\n        const [, , width, height] = viewBox.split(' ').map(Number);\n        return height > width * 1.5;\n    }\n    const bbox = svgElement.getBBox?.();\n    if (bbox) {\n        return bbox.height > bbox.width * 1.5;\n    }\n    return false;\n};\n\nexport function useMermaidRenderer({ chart, theme, isCompact = false }: UseMermaidRendererProps): MermaidRenderResult {\n    const mermaidRef = useRef<HTMLDivElement>(null);\n    const renderTimerRef = useRef<NodeJS.Timeout | null>(null);\n    const [svgContent, setSvgContent] = useState<string>('');\n    const [isVertical, setIsVertical] = useState(false);\n    const [isRendering, setIsRendering] = useState(false);\n\n    const { isMermaidCodeComplete } = useMermaidValidation();\n    const { cleanupMermaidErrors } = useMermaidCleanup();\n\n    useEffect(() => {\n        // Get CSS variables for semantic colors\n        const getCSSVariable = (variable: string) => {\n            if (typeof document === 'undefined') return '';\n            const value = getComputedStyle(document.documentElement).getPropertyValue(variable).trim();\n            if (!value) return '';\n            // If value is already a complete color (hex, rgb, hsl with parentheses), return as-is\n            if (value.startsWith('#') || value.startsWith('rgb') || value.startsWith('hsl(')) {\n                return value;\n            }\n            // Otherwise assume it's HSL components and wrap in hsl()\n            return `hsl(${value})`;\n        };\n\n        const diagramFontSize = isCompact ? '12px' : '14px';\n\n        const themeVariables = theme === 'dark' ? {\n            primaryColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            primaryTextColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            primaryBorderColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            secondaryColor: getCSSVariable('--muted') || 'hsl(217.2 32.6% 17.5%)',\n            secondaryTextColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            secondaryBorderColor: getCSSVariable('--border') || 'hsl(217.2 32.6% 27.5%)',\n            tertiaryColor: getCSSVariable('--accent') || 'hsl(217.2 32.6% 20%)',\n            tertiaryTextColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            tertiaryBorderColor: getCSSVariable('--border') || 'hsl(217.2 32.6% 27.5%)',\n            mainBkg: getCSSVariable('--card') || 'hsl(222.2 84% 8%)',\n            textColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            nodeBorder: getCSSVariable('--border') || 'hsl(217.2 32.6% 27.5%)',\n            nodeTextColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            secondBkg: getCSSVariable('--muted') || 'hsl(217.2 32.6% 17.5%)',\n            lineColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            edgeLabelBackground: getCSSVariable('--card') || 'hsl(222.2 84% 8%)',\n            clusterBkg: getCSSVariable('--muted') || 'hsl(217.2 32.6% 12%)',\n            clusterBorder: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            background: getCSSVariable('--background') || 'hsl(222.2 84% 4.9%)',\n            labelBackground: getCSSVariable('--card') || 'hsl(222.2 84% 8%)',\n            labelTextColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            errorBkgColor: getCSSVariable('--destructive') || 'hsl(0 62.8% 30.6%)',\n            errorTextColor: 'hsl(210 40% 98%)',\n            fontSize: diagramFontSize,\n            fontFamily: 'Inter, system-ui, sans-serif',\n        } : {\n            primaryColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            primaryTextColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            primaryBorderColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            secondaryColor: getCSSVariable('--secondary') || 'hsl(210 40% 96.1%)',\n            secondaryTextColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            secondaryBorderColor: getCSSVariable('--border') || 'hsl(214.3 31.8% 91.4%)',\n            tertiaryColor: getCSSVariable('--muted') || 'hsl(210 40% 96.1%)',\n            tertiaryTextColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            tertiaryBorderColor: getCSSVariable('--border') || 'hsl(214.3 31.8% 91.4%)',\n            mainBkg: getCSSVariable('--card') || 'hsl(0 0% 100%)',\n            textColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            nodeBorder: getCSSVariable('--border') || 'hsl(214.3 31.8% 91.4%)',\n            nodeTextColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            secondBkg: getCSSVariable('--muted') || 'hsl(210 40% 96.1%)',\n            lineColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            edgeLabelBackground: getCSSVariable('--card') || 'hsl(0 0% 100%)',\n            clusterBkg: getCSSVariable('--accent') || 'hsl(210 40% 98%)',\n            clusterBorder: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            background: getCSSVariable('--background') || 'hsl(0 0% 100%)',\n            labelBackground: getCSSVariable('--card') || 'hsl(0 0% 100%)',\n            labelTextColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            errorBkgColor: getCSSVariable('--destructive') || 'hsl(0 84.2% 60.2%)',\n            errorTextColor: 'hsl(210 40% 98%)',\n            fontSize: diagramFontSize,\n            fontFamily: 'Inter, system-ui, sans-serif',\n        };\n\n        mermaid.initialize({\n            startOnLoad: false,\n            theme: 'base',\n            securityLevel: 'loose',\n            suppressErrorRendering: true, // Prevent mermaid from appending errors to body\n            fontFamily: 'Inter, system-ui, sans-serif',\n            flowchart: {\n                useMaxWidth: true,\n                htmlLabels: true,\n                curve: 'basis',\n            },\n            themeVariables,\n        });\n\n        const renderChart = async () => {\n            if (!mermaidRef.current || !chart) return;\n\n            // Validate code completeness\n            if (!isMermaidCodeComplete(chart)) {\n                setIsRendering(true);\n                return;\n            }\n\n            try {\n                setIsRendering(true);\n\n                // Clear container\n                if (mermaidRef.current) {\n                    mermaidRef.current.innerHTML = '';\n                }\n\n                const id = `mermaid-${Math.random().toString(36).substring(2, 9)}`;\n                const { svg } = await mermaid.render(id, chart);\n\n                if (mermaidRef.current) {\n                    const textColor = theme === 'dark'\n                        ? getCSSVariable('--foreground') || 'hsl(0 0% 90%)'\n                        : getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)';\n\n                    const processedSvg = svg.replace(\n                        /<svg /,\n                        `<svg style=\"--mermaid-text-color: ${textColor};\" `\n                    );\n\n                    mermaidRef.current.innerHTML = processedSvg;\n                    setSvgContent(processedSvg);\n\n                    applyMermaidTextColors(mermaidRef.current, textColor);\n\n                    const svgElement = mermaidRef.current.querySelector('svg');\n                    if (svgElement) {\n                        svgElement.style.maxWidth = '100%';\n                        svgElement.style.height = 'auto';\n                        svgElement.style.display = 'block';\n                        setIsVertical(isVerticalDiagram(svgElement));\n                    }\n                }\n\n                setIsRendering(false);\n            } catch (error) {\n                console.error('Mermaid rendering error:', error);\n                setIsRendering(false);\n                cleanupMermaidErrors();\n\n                if (mermaidRef.current) {\n                    mermaidRef.current.innerHTML = `\n                        <div class=\"p-4 text-destructive bg-destructive/10 border border-destructive/20 rounded-sm\">\n                            <p class=\"font-semibold\">Mermaid Diagram Error</p>\n                            <p class=\"text-sm\">${error instanceof Error ? error.message : 'Unknown error'}</p>\n                        </div>\n                    `;\n                }\n            }\n        };\n\n        // Clear previous timer\n        if (renderTimerRef.current) {\n            clearTimeout(renderTimerRef.current);\n        }\n\n        // Debounce: wait 500ms after last update\n        renderTimerRef.current = setTimeout(() => {\n            renderChart();\n        }, 500);\n\n        return () => {\n            if (renderTimerRef.current) {\n                clearTimeout(renderTimerRef.current);\n            }\n        };\n    }, [chart, theme, isCompact, isMermaidCodeComplete, cleanupMermaidErrors]);\n\n    return {\n        mermaidRef,\n        svgContent,\n        isVertical,\n        isRendering,\n    };\n}\n","'use client';\n\nimport React, { useRef } from 'react';\n\nimport { useResolvedTheme } from '@djangocfg/ui-core/hooks';\nimport { FloatingToolbar } from '../../components/FloatingToolbar';\nimport { CopyAction, FullscreenAction } from '../../components/FloatingToolbar/actions';\nimport { MermaidFullscreenModal } from './components/MermaidFullscreenModal';\nimport { useMermaidFullscreen } from './hooks/useMermaidFullscreen';\nimport { useMermaidRenderer } from './hooks/useMermaidRenderer';\n\ninterface MermaidProps {\n    chart: string;\n    className?: string;\n    isCompact?: boolean;\n    /** Enable click-to-fullscreen functionality (default: true) */\n    fullscreen?: boolean;\n}\n\nconst Mermaid: React.FC<MermaidProps> = ({\n    chart,\n    className = '',\n    isCompact = false,\n    fullscreen = true,\n}) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const theme = useResolvedTheme();\n\n    // Rendering logic\n    const { mermaidRef, svgContent, isVertical, isRendering } = useMermaidRenderer({\n        chart,\n        theme,\n        isCompact,\n    });\n\n    // Fullscreen modal logic (only used if fullscreen prop is true)\n    const {\n        isFullscreen,\n        fullscreenRef,\n        openFullscreen,\n        closeFullscreen,\n        handleBackdropClick,\n    } = useMermaidFullscreen();\n\n\n    return (\n        <>\n            <div ref={containerRef} className={`relative ${className}`}>\n                <div\n                    ref={mermaidRef}\n                    className=\"flex justify-center items-center\"\n                    style={{ isolation: 'isolate' }}\n                />\n                {isRendering && (\n                    <div className=\"absolute inset-0 flex items-center justify-center\">\n                        <div className=\"animate-spin rounded-full h-6 w-6 border-b-2 border-primary\" />\n                    </div>\n                )}\n\n                {svgContent && !isRendering && (\n                    <FloatingToolbar containerRef={containerRef}>\n                        <CopyAction value={chart} title=\"Copy source\" />\n                        {fullscreen && (\n                            <FullscreenAction onToggle={openFullscreen} title=\"Fullscreen\" />\n                        )}\n                    </FloatingToolbar>\n                )}\n            </div>\n\n            {fullscreen && (\n                <MermaidFullscreenModal\n                    isOpen={isFullscreen}\n                    svgContent={svgContent}\n                    isVertical={isVertical}\n                    theme={theme}\n                    chart={chart}\n                    fullscreenRef={fullscreenRef}\n                    onClose={closeFullscreen}\n                    onBackdropClick={handleBackdropClick}\n                />\n            )}\n        </>\n    );\n};\n\nexport default Mermaid;\n"]}

package/dist/Mermaid.client-DDXWXZXY.css

@@ -0,0 +1,6 @@
+/* src/components/FloatingToolbar/FloatingToolbar.css */
+.scroll-unlocked {
+  box-shadow: 0 0 0 2px hsl(var(--ring));
+  transition: box-shadow 150ms;
+}
+/*# sourceMappingURL=Mermaid.client-DDXWXZXY.css.map */

package/dist/Mermaid.client-DDXWXZXY.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/FloatingToolbar/FloatingToolbar.css"],"sourcesContent":["/* Focus ring when scroll isolation is unlocked */\n.scroll-unlocked {\n  box-shadow: 0 0 0 2px hsl(var(--ring));\n  transition: box-shadow 150ms;\n}\n"],"mappings":";AACA,CAAC;AACC,cAAY,EAAE,EAAE,EAAE,IAAI,IAAI,IAAI;AAC9B,cAAY,WAAW;AACzB;","names":[]}

package/dist/{Mermaid.client-2TAFAXPW.cjs → Mermaid.client-Z25LMNPA.cjs}

@@ -1,12 +1,13 @@
 'use strict';
 
+var chunkG2A6SX5L_cjs = require('./chunk-G2A6SX5L.cjs');
 var chunkWGEGR3DF_cjs = require('./chunk-WGEGR3DF.cjs');
-var lucideReact = require('lucide-react');
-var components = require('@djangocfg/ui-core/components');
-var hooks = require('@djangocfg/ui-core/hooks');
 var react = require('react');
+var hooks = require('@djangocfg/ui-core/hooks');
 var reactDom = require('react-dom');
+var lucideReact = require('lucide-react');
 var reactZoomPanPinch = require('react-zoom-pan-pinch');
+var components = require('@djangocfg/ui-core/components');
 var jsxRuntime = require('react/jsx-runtime');
 var mermaid = require('mermaid');
 
@@ -397,6 +398,7 @@ var Mermaid = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({
   isCompact = false,
   fullscreen = true
 }) => {
+  const containerRef = react.useRef(null);
   const theme = hooks.useResolvedTheme();
   const { mermaidRef, svgContent, isVertical, isRendering } = useMermaidRenderer({
     chart,
@@ -410,14 +412,8 @@ var Mermaid = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({
     closeFullscreen,
     handleBackdropClick
   } = useMermaidFullscreen();
-  const handleOpenFullscreen = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((e) => {
-    e.stopPropagation();
-    if (svgContent) {
-      openFullscreen();
-    }
-  }, "handleOpenFullscreen");
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: `relative ${className}`, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
@@ -427,16 +423,10 @@ var Mermaid = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({
         }
       ),
       isRendering && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-primary" }) }),
-      fullscreen && svgContent && !isRendering && /* @__PURE__ */ jsxRuntime.jsx(
-        components.Button,
-        {
-          variant: "secondary",
-          size: "icon",
-          className: "absolute bottom-2 right-2 h-8 w-8 opacity-60 hover:opacity-100 transition-opacity",
-          onClick: handleOpenFullscreen,
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Maximize2, { className: "h-4 w-4" })
-        }
-      )
+      svgContent && !isRendering && /* @__PURE__ */ jsxRuntime.jsxs(chunkG2A6SX5L_cjs.FloatingToolbar, { containerRef, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkG2A6SX5L_cjs.CopyAction, { value: chart, title: "Copy source" }),
+        fullscreen && /* @__PURE__ */ jsxRuntime.jsx(chunkG2A6SX5L_cjs.FullscreenAction, { onToggle: openFullscreen, title: "Fullscreen" })
+      ] })
     ] }),
     fullscreen && /* @__PURE__ */ jsxRuntime.jsx(
       MermaidFullscreenModal,
@@ -456,5 +446,5 @@ var Mermaid = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({
 var Mermaid_client_default = Mermaid;
 
 module.exports = Mermaid_client_default;
-//# sourceMappingURL=Mermaid.client-2TAFAXPW.cjs.map
-//# sourceMappingURL=Mermaid.client-2TAFAXPW.cjs.map
+//# sourceMappingURL=Mermaid.client-Z25LMNPA.cjs.map
+//# sourceMappingURL=Mermaid.client-Z25LMNPA.cjs.map

package/dist/Mermaid.client-Z25LMNPA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tools/Mermaid/utils/mermaid-helpers.ts","../src/tools/Mermaid/components/MermaidFullscreenModal.tsx","../src/tools/Mermaid/hooks/useMermaidFullscreen.ts","../src/tools/Mermaid/hooks/useMermaidCleanup.ts","../src/tools/Mermaid/hooks/useMermaidValidation.ts","../src/tools/Mermaid/hooks/useMermaidRenderer.ts","../src/tools/Mermaid/Mermaid.client.tsx"],"names":["__name","useControls","jsxs","jsx","Button","ZoomOut","RotateCcw","ZoomIn","useEffect","createPortal","X","TransformWrapper","TransformComponent","useState","useRef","useCallback","applyMermaidTextColors","mermaid","useResolvedTheme","Fragment","FloatingToolbar","CopyAction","FullscreenAction"],"mappings":"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","file":"Mermaid.client-Z25LMNPA.cjs","sourcesContent":["/**\n * Helper utilities for Mermaid diagram rendering\n */\n\n// Utility function to apply text colors to Mermaid SVG\nexport const applyMermaidTextColors = (container: HTMLElement, textColor: string) => {\n    const svgElement = container.querySelector('svg');\n    if (svgElement) {\n        // SVG text elements use 'fill'\n        svgElement.querySelectorAll('text').forEach((el) => {\n            (el as SVGElement).style.fill = textColor;\n        });\n\n        // HTML elements inside foreignObject use 'color'\n        svgElement.querySelectorAll('.nodeLabel, .edgeLabel').forEach((el) => {\n            (el as HTMLElement).style.color = textColor;\n        });\n    }\n};\n\n// Detect if diagram is vertical (tall and narrow)\nexport const isVerticalDiagram = (svgElement: SVGSVGElement): boolean => {\n    const viewBox = svgElement.getAttribute('viewBox');\n    if (viewBox) {\n        const [, , width, height] = viewBox.split(' ').map(Number);\n        return height > width * 1.5;\n    }\n    const bbox = svgElement.getBBox?.();\n    if (bbox) {\n        return bbox.height > bbox.width * 1.5;\n    }\n    return false;\n};\n","'use client';\n\nimport React, { useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport { X, ZoomIn, ZoomOut, RotateCcw } from 'lucide-react';\nimport { TransformWrapper, TransformComponent, useControls } from 'react-zoom-pan-pinch';\n\nimport { Button } from '@djangocfg/ui-core/components';\nimport { applyMermaidTextColors } from '../utils/mermaid-helpers';\n\ninterface MermaidFullscreenModalProps {\n    isOpen: boolean;\n    svgContent: string;\n    isVertical: boolean;\n    theme: string;\n    chart: string;\n    fullscreenRef: React.RefObject<HTMLDivElement | null>;\n    onClose: () => void;\n    onBackdropClick: (e: React.MouseEvent) => void;\n}\n\n// Zoom controls component\nfunction ZoomControls() {\n    const { zoomIn, zoomOut, resetTransform } = useControls();\n\n    return (\n        <div className=\"absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2 z-10\">\n            <Button variant=\"secondary\" size=\"icon\" onClick={() => zoomOut()}>\n                <ZoomOut className=\"h-4 w-4\" />\n            </Button>\n            <Button variant=\"secondary\" size=\"icon\" onClick={() => resetTransform()}>\n                <RotateCcw className=\"h-4 w-4\" />\n            </Button>\n            <Button variant=\"secondary\" size=\"icon\" onClick={() => zoomIn()}>\n                <ZoomIn className=\"h-4 w-4\" />\n            </Button>\n        </div>\n    );\n}\n\nexport const MermaidFullscreenModal: React.FC<MermaidFullscreenModalProps> = ({\n    isOpen,\n    svgContent,\n    isVertical,\n    theme,\n    fullscreenRef,\n    onClose,\n    onBackdropClick,\n}) => {\n    // Apply text colors\n    useEffect(() => {\n        if (isOpen && fullscreenRef.current) {\n            const getCSSVariable = (variable: string) => {\n                if (typeof document === 'undefined') return '';\n                const value = getComputedStyle(document.documentElement).getPropertyValue(variable).trim();\n                return value ? `hsl(${value})` : '';\n            };\n\n            const textColor = theme === 'dark'\n                ? getCSSVariable('--foreground') || 'hsl(0 0% 90%)'\n                : getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)';\n\n            applyMermaidTextColors(fullscreenRef.current, textColor);\n        }\n    }, [isOpen, theme, isVertical, fullscreenRef, svgContent]);\n\n    // Handle escape key\n    useEffect(() => {\n        if (!isOpen) return;\n\n        const handleKeyDown = (e: KeyboardEvent) => {\n            if (e.key === 'Escape') onClose();\n        };\n\n        document.addEventListener('keydown', handleKeyDown);\n        return () => document.removeEventListener('keydown', handleKeyDown);\n    }, [isOpen, onClose]);\n\n    if (!isOpen || typeof document === 'undefined') return null;\n\n    return createPortal(\n        <div\n            className=\"fixed inset-0 z-9999 bg-background/95 backdrop-blur-sm\"\n            onClick={onBackdropClick}\n        >\n            {/* Close button */}\n            <Button\n                variant=\"ghost\"\n                size=\"icon\"\n                className=\"absolute top-4 right-4 z-10\"\n                onClick={onClose}\n            >\n                <X className=\"h-5 w-5\" />\n            </Button>\n\n            {/* Zoomable diagram */}\n            <TransformWrapper\n                initialScale={1}\n                minScale={0.1}\n                maxScale={10}\n                centerOnInit\n                wheel={{ step: 0.1 }}\n                pinch={{ step: 5 }}\n                doubleClick={{ mode: 'reset' }}\n            >\n                <ZoomControls />\n                <TransformComponent\n                    wrapperStyle={{\n                        width: '100%',\n                        height: '100%',\n                    }}\n                    contentStyle={{\n                        width: '100%',\n                        height: '100%',\n                        display: 'flex',\n                        alignItems: 'center',\n                        justifyContent: 'center',\n                    }}\n                >\n                    <div\n                        ref={fullscreenRef}\n                        className=\"p-8\"\n                        dangerouslySetInnerHTML={{ __html: svgContent }}\n                        onClick={(e) => e.stopPropagation()}\n                    />\n                </TransformComponent>\n            </TransformWrapper>\n        </div>,\n        document.body\n    );\n};\n","/**\n * Hook for managing Mermaid fullscreen modal\n */\n\nimport { useEffect, useRef, useState } from 'react';\n\nexport function useMermaidFullscreen() {\n    const [isFullscreen, setIsFullscreen] = useState(false);\n    const fullscreenRef = useRef<HTMLDivElement>(null);\n\n    const openFullscreen = () => setIsFullscreen(true);\n    const closeFullscreen = () => setIsFullscreen(false);\n\n    const handleBackdropClick = (e: React.MouseEvent) => {\n        if (e.target === e.currentTarget) {\n            closeFullscreen();\n        }\n    };\n\n    // Handle ESC key\n    useEffect(() => {\n        const handleEscKey = (event: KeyboardEvent) => {\n            if (event.key === 'Escape' && isFullscreen) {\n                closeFullscreen();\n            }\n        };\n\n        if (isFullscreen) {\n            document.addEventListener('keydown', handleEscKey);\n            document.body.style.overflow = 'hidden';\n        }\n\n        return () => {\n            document.removeEventListener('keydown', handleEscKey);\n            document.body.style.overflow = 'unset';\n        };\n    }, [isFullscreen]);\n\n    return {\n        isFullscreen,\n        fullscreenRef,\n        openFullscreen,\n        closeFullscreen,\n        handleBackdropClick,\n    };\n}\n","/**\n * Hook for cleaning up orphaned Mermaid DOM nodes\n */\n\nimport { useCallback, useEffect } from 'react';\n\nexport function useMermaidCleanup() {\n    const cleanupMermaidErrors = useCallback(() => {\n        if (typeof document === 'undefined') return;\n\n        // Remove all orphaned mermaid elements from body\n        // Mermaid can append: SVGs, divs with errors, text nodes\n\n        // 1. Remove elements with mermaid-* IDs directly in body\n        document.querySelectorAll('[id^=\"mermaid-\"]').forEach((node) => {\n            if (node.parentNode === document.body) {\n                node.remove();\n            }\n        });\n\n        // 2. Remove elements with d prefix (mermaid diagram IDs) directly in body\n        document.querySelectorAll('[id^=\"d\"]').forEach((node) => {\n            if (node.parentNode === document.body && node.id.match(/^d\\d+$/)) {\n                node.remove();\n            }\n        });\n\n        // 3. Remove orphaned SVG elements that mermaid creates in body\n        document.querySelectorAll('body > svg').forEach((node) => {\n            // Check if it's a mermaid SVG (has mermaid classes or aria-roledescription)\n            if (node.getAttribute('aria-roledescription') ||\n                node.classList.contains('mermaid') ||\n                node.querySelector('.mermaid') ||\n                node.id?.includes('mermaid')) {\n                node.remove();\n            }\n        });\n\n        // 4. Remove any orphaned error divs with \"Syntax error\" text\n        document.querySelectorAll('body > div').forEach((node) => {\n            const text = node.textContent || '';\n            if (text.includes('Syntax error in text') ||\n                text.includes('mermaid version') ||\n                node.id?.startsWith('mermaid-') ||\n                node.id?.startsWith('d') && node.id.match(/^d\\d+$/)) {\n                node.remove();\n            }\n        });\n\n        // 5. Remove orphaned pre elements with error info\n        document.querySelectorAll('body > pre').forEach((node) => {\n            const text = node.textContent || '';\n            if (text.includes('Syntax error') || text.includes('mermaid')) {\n                node.remove();\n            }\n        });\n    }, []);\n\n    // Cleanup on unmount\n    useEffect(() => {\n        return () => {\n            cleanupMermaidErrors();\n        };\n    }, [cleanupMermaidErrors]);\n\n    // Removed periodic cleanup - it causes unnecessary re-renders\n    // Cleanup only happens on unmount now\n\n    return { cleanupMermaidErrors };\n}\n","/**\n * Hook for validating Mermaid code completeness\n */\n\nimport { useCallback } from 'react';\n\nexport function useMermaidValidation() {\n    const isMermaidCodeComplete = useCallback((code: string): boolean => {\n        if (!code || code.trim().length === 0) return false;\n\n        const trimmed = code.trim();\n\n        // Check if code has basic structure\n        const lines = trimmed.split('\\n');\n        if (lines.length < 2) return false; // Need at least diagram type + one element\n\n        // Check for common incomplete patterns\n        const lastLine = lines[lines.length - 1].trim();\n\n        // Incomplete if last line ends with arrow without destination\n        if (lastLine.match(/-->?\\s*$/)) return false;\n        if (lastLine.match(/-->\\|[^|]*\\|\\s*$/)) return false;\n\n        // Incomplete if last line ends with opening bracket/parenthesis\n        if (lastLine.match(/[\\[({]\\s*$/)) return false;\n\n        return true;\n    }, []);\n\n    return { isMermaidCodeComplete };\n}\n","/**\n * Hook for rendering Mermaid diagrams with debounce and validation\n */\n\nimport mermaid from 'mermaid';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { useMermaidCleanup } from './useMermaidCleanup';\nimport { useMermaidValidation } from './useMermaidValidation';\n\ninterface UseMermaidRendererProps {\n    chart: string;\n    theme: string;\n    isCompact?: boolean;\n}\n\ninterface MermaidRenderResult {\n    mermaidRef: React.RefObject<HTMLDivElement>;\n    svgContent: string;\n    isVertical: boolean;\n    isRendering: boolean;\n}\n\n// Utility function to apply text colors to Mermaid SVG\nconst applyMermaidTextColors = (container: HTMLElement, textColor: string) => {\n    const svgElement = container.querySelector('svg');\n    if (svgElement) {\n        // SVG text elements use 'fill'\n        svgElement.querySelectorAll('text').forEach((el) => {\n            (el as SVGElement).style.fill = textColor;\n        });\n\n        // HTML elements inside foreignObject use 'color'\n        svgElement.querySelectorAll('.nodeLabel, .edgeLabel').forEach((el) => {\n            (el as HTMLElement).style.color = textColor;\n        });\n    }\n};\n\n// Detect if diagram is vertical (tall and narrow)\nconst isVerticalDiagram = (svgElement: SVGSVGElement): boolean => {\n    const viewBox = svgElement.getAttribute('viewBox');\n    if (viewBox) {\n        const [, , width, height] = viewBox.split(' ').map(Number);\n        return height > width * 1.5;\n    }\n    const bbox = svgElement.getBBox?.();\n    if (bbox) {\n        return bbox.height > bbox.width * 1.5;\n    }\n    return false;\n};\n\nexport function useMermaidRenderer({ chart, theme, isCompact = false }: UseMermaidRendererProps): MermaidRenderResult {\n    const mermaidRef = useRef<HTMLDivElement>(null);\n    const renderTimerRef = useRef<NodeJS.Timeout | null>(null);\n    const [svgContent, setSvgContent] = useState<string>('');\n    const [isVertical, setIsVertical] = useState(false);\n    const [isRendering, setIsRendering] = useState(false);\n\n    const { isMermaidCodeComplete } = useMermaidValidation();\n    const { cleanupMermaidErrors } = useMermaidCleanup();\n\n    useEffect(() => {\n        // Get CSS variables for semantic colors\n        const getCSSVariable = (variable: string) => {\n            if (typeof document === 'undefined') return '';\n            const value = getComputedStyle(document.documentElement).getPropertyValue(variable).trim();\n            if (!value) return '';\n            // If value is already a complete color (hex, rgb, hsl with parentheses), return as-is\n            if (value.startsWith('#') || value.startsWith('rgb') || value.startsWith('hsl(')) {\n                return value;\n            }\n            // Otherwise assume it's HSL components and wrap in hsl()\n            return `hsl(${value})`;\n        };\n\n        const diagramFontSize = isCompact ? '12px' : '14px';\n\n        const themeVariables = theme === 'dark' ? {\n            primaryColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            primaryTextColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            primaryBorderColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            secondaryColor: getCSSVariable('--muted') || 'hsl(217.2 32.6% 17.5%)',\n            secondaryTextColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            secondaryBorderColor: getCSSVariable('--border') || 'hsl(217.2 32.6% 27.5%)',\n            tertiaryColor: getCSSVariable('--accent') || 'hsl(217.2 32.6% 20%)',\n            tertiaryTextColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            tertiaryBorderColor: getCSSVariable('--border') || 'hsl(217.2 32.6% 27.5%)',\n            mainBkg: getCSSVariable('--card') || 'hsl(222.2 84% 8%)',\n            textColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            nodeBorder: getCSSVariable('--border') || 'hsl(217.2 32.6% 27.5%)',\n            nodeTextColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            secondBkg: getCSSVariable('--muted') || 'hsl(217.2 32.6% 17.5%)',\n            lineColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            edgeLabelBackground: getCSSVariable('--card') || 'hsl(222.2 84% 8%)',\n            clusterBkg: getCSSVariable('--muted') || 'hsl(217.2 32.6% 12%)',\n            clusterBorder: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            background: getCSSVariable('--background') || 'hsl(222.2 84% 4.9%)',\n            labelBackground: getCSSVariable('--card') || 'hsl(222.2 84% 8%)',\n            labelTextColor: getCSSVariable('--foreground') || 'hsl(210 40% 98%)',\n            errorBkgColor: getCSSVariable('--destructive') || 'hsl(0 62.8% 30.6%)',\n            errorTextColor: 'hsl(210 40% 98%)',\n            fontSize: diagramFontSize,\n            fontFamily: 'Inter, system-ui, sans-serif',\n        } : {\n            primaryColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            primaryTextColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            primaryBorderColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            secondaryColor: getCSSVariable('--secondary') || 'hsl(210 40% 96.1%)',\n            secondaryTextColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            secondaryBorderColor: getCSSVariable('--border') || 'hsl(214.3 31.8% 91.4%)',\n            tertiaryColor: getCSSVariable('--muted') || 'hsl(210 40% 96.1%)',\n            tertiaryTextColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            tertiaryBorderColor: getCSSVariable('--border') || 'hsl(214.3 31.8% 91.4%)',\n            mainBkg: getCSSVariable('--card') || 'hsl(0 0% 100%)',\n            textColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            nodeBorder: getCSSVariable('--border') || 'hsl(214.3 31.8% 91.4%)',\n            nodeTextColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            secondBkg: getCSSVariable('--muted') || 'hsl(210 40% 96.1%)',\n            lineColor: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            edgeLabelBackground: getCSSVariable('--card') || 'hsl(0 0% 100%)',\n            clusterBkg: getCSSVariable('--accent') || 'hsl(210 40% 98%)',\n            clusterBorder: getCSSVariable('--primary') || 'hsl(221.2 83.2% 53.3%)',\n            background: getCSSVariable('--background') || 'hsl(0 0% 100%)',\n            labelBackground: getCSSVariable('--card') || 'hsl(0 0% 100%)',\n            labelTextColor: getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)',\n            errorBkgColor: getCSSVariable('--destructive') || 'hsl(0 84.2% 60.2%)',\n            errorTextColor: 'hsl(210 40% 98%)',\n            fontSize: diagramFontSize,\n            fontFamily: 'Inter, system-ui, sans-serif',\n        };\n\n        mermaid.initialize({\n            startOnLoad: false,\n            theme: 'base',\n            securityLevel: 'loose',\n            suppressErrorRendering: true, // Prevent mermaid from appending errors to body\n            fontFamily: 'Inter, system-ui, sans-serif',\n            flowchart: {\n                useMaxWidth: true,\n                htmlLabels: true,\n                curve: 'basis',\n            },\n            themeVariables,\n        });\n\n        const renderChart = async () => {\n            if (!mermaidRef.current || !chart) return;\n\n            // Validate code completeness\n            if (!isMermaidCodeComplete(chart)) {\n                setIsRendering(true);\n                return;\n            }\n\n            try {\n                setIsRendering(true);\n\n                // Clear container\n                if (mermaidRef.current) {\n                    mermaidRef.current.innerHTML = '';\n                }\n\n                const id = `mermaid-${Math.random().toString(36).substring(2, 9)}`;\n                const { svg } = await mermaid.render(id, chart);\n\n                if (mermaidRef.current) {\n                    const textColor = theme === 'dark'\n                        ? getCSSVariable('--foreground') || 'hsl(0 0% 90%)'\n                        : getCSSVariable('--foreground') || 'hsl(222.2 84% 4.9%)';\n\n                    const processedSvg = svg.replace(\n                        /<svg /,\n                        `<svg style=\"--mermaid-text-color: ${textColor};\" `\n                    );\n\n                    mermaidRef.current.innerHTML = processedSvg;\n                    setSvgContent(processedSvg);\n\n                    applyMermaidTextColors(mermaidRef.current, textColor);\n\n                    const svgElement = mermaidRef.current.querySelector('svg');\n                    if (svgElement) {\n                        svgElement.style.maxWidth = '100%';\n                        svgElement.style.height = 'auto';\n                        svgElement.style.display = 'block';\n                        setIsVertical(isVerticalDiagram(svgElement));\n                    }\n                }\n\n                setIsRendering(false);\n            } catch (error) {\n                console.error('Mermaid rendering error:', error);\n                setIsRendering(false);\n                cleanupMermaidErrors();\n\n                if (mermaidRef.current) {\n                    mermaidRef.current.innerHTML = `\n                        <div class=\"p-4 text-destructive bg-destructive/10 border border-destructive/20 rounded-sm\">\n                            <p class=\"font-semibold\">Mermaid Diagram Error</p>\n                            <p class=\"text-sm\">${error instanceof Error ? error.message : 'Unknown error'}</p>\n                        </div>\n                    `;\n                }\n            }\n        };\n\n        // Clear previous timer\n        if (renderTimerRef.current) {\n            clearTimeout(renderTimerRef.current);\n        }\n\n        // Debounce: wait 500ms after last update\n        renderTimerRef.current = setTimeout(() => {\n            renderChart();\n        }, 500);\n\n        return () => {\n            if (renderTimerRef.current) {\n                clearTimeout(renderTimerRef.current);\n            }\n        };\n    }, [chart, theme, isCompact, isMermaidCodeComplete, cleanupMermaidErrors]);\n\n    return {\n        mermaidRef,\n        svgContent,\n        isVertical,\n        isRendering,\n    };\n}\n","'use client';\n\nimport React, { useRef } from 'react';\n\nimport { useResolvedTheme } from '@djangocfg/ui-core/hooks';\nimport { FloatingToolbar } from '../../components/FloatingToolbar';\nimport { CopyAction, FullscreenAction } from '../../components/FloatingToolbar/actions';\nimport { MermaidFullscreenModal } from './components/MermaidFullscreenModal';\nimport { useMermaidFullscreen } from './hooks/useMermaidFullscreen';\nimport { useMermaidRenderer } from './hooks/useMermaidRenderer';\n\ninterface MermaidProps {\n    chart: string;\n    className?: string;\n    isCompact?: boolean;\n    /** Enable click-to-fullscreen functionality (default: true) */\n    fullscreen?: boolean;\n}\n\nconst Mermaid: React.FC<MermaidProps> = ({\n    chart,\n    className = '',\n    isCompact = false,\n    fullscreen = true,\n}) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const theme = useResolvedTheme();\n\n    // Rendering logic\n    const { mermaidRef, svgContent, isVertical, isRendering } = useMermaidRenderer({\n        chart,\n        theme,\n        isCompact,\n    });\n\n    // Fullscreen modal logic (only used if fullscreen prop is true)\n    const {\n        isFullscreen,\n        fullscreenRef,\n        openFullscreen,\n        closeFullscreen,\n        handleBackdropClick,\n    } = useMermaidFullscreen();\n\n\n    return (\n        <>\n            <div ref={containerRef} className={`relative ${className}`}>\n                <div\n                    ref={mermaidRef}\n                    className=\"flex justify-center items-center\"\n                    style={{ isolation: 'isolate' }}\n                />\n                {isRendering && (\n                    <div className=\"absolute inset-0 flex items-center justify-center\">\n                        <div className=\"animate-spin rounded-full h-6 w-6 border-b-2 border-primary\" />\n                    </div>\n                )}\n\n                {svgContent && !isRendering && (\n                    <FloatingToolbar containerRef={containerRef}>\n                        <CopyAction value={chart} title=\"Copy source\" />\n                        {fullscreen && (\n                            <FullscreenAction onToggle={openFullscreen} title=\"Fullscreen\" />\n                        )}\n                    </FloatingToolbar>\n                )}\n            </div>\n\n            {fullscreen && (\n                <MermaidFullscreenModal\n                    isOpen={isFullscreen}\n                    svgContent={svgContent}\n                    isVertical={isVertical}\n                    theme={theme}\n                    chart={chart}\n                    fullscreenRef={fullscreenRef}\n                    onClose={closeFullscreen}\n                    onBackdropClick={handleBackdropClick}\n                />\n            )}\n        </>\n    );\n};\n\nexport default Mermaid;\n"]}

package/dist/{PlaygroundLayout-XYMJBNT4.cjs → PlaygroundLayout-F47LFRYB.cjs}

@@ -1,7 +1,8 @@
 'use strict';
 
-var chunkQP6QAK3F_cjs = require('./chunk-QP6QAK3F.cjs');
-var chunkDFWXRCIC_cjs = require('./chunk-DFWXRCIC.cjs');
+var chunk3IIZ5ESQ_cjs = require('./chunk-3IIZ5ESQ.cjs');
+var chunkLJ2VEBBZ_cjs = require('./chunk-LJ2VEBBZ.cjs');
+require('./chunk-G2A6SX5L.cjs');
 var chunkWGEGR3DF_cjs = require('./chunk-WGEGR3DF.cjs');
 var lucideReact = require('lucide-react');
 var components = require('@djangocfg/ui-core/components');
@@ -178,7 +179,7 @@ var METHOD_BADGE_VARIANTS = {
   DELETE: "bg-red-500/15 text-red-600 dark:text-red-400 border-red-500/20"
 };
 var EndpointsLibrary = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
-  const { state, config, setSelectedEndpoint, setSelectedCategory, setSearchTerm } = chunkQP6QAK3F_cjs.usePlaygroundContext();
+  const { state, config, setSelectedEndpoint, setSelectedCategory, setSearchTerm } = chunk3IIZ5ESQ_cjs.usePlaygroundContext();
   const { endpoints, categories, loading, error, schemas, currentSchema, setCurrentSchema } = useOpenApiSchema({
     schemas: config.schemas,
     defaultSchemaId: config.defaultSchemaId
@@ -193,7 +194,7 @@ var EndpointsLibrary = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
     }
   }, "getRelativePath");
   const filteredEndpoints = React.useMemo(() => {
-    let filtered = chunkQP6QAK3F_cjs.deduplicateEndpoints(endpoints, state.selectedVersion);
+    let filtered = chunk3IIZ5ESQ_cjs.deduplicateEndpoints(endpoints, state.selectedVersion);
     if (state.selectedCategory && state.selectedCategory !== "All") {
       filtered = filtered.filter((endpoint) => endpoint.category === state.selectedCategory);
     }
@@ -365,7 +366,7 @@ var stepConfig = {
   }
 };
 var PlaygroundStepper = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
-  const { state, setCurrentStep, goToNextStep, goToPreviousStep } = chunkQP6QAK3F_cjs.usePlaygroundContext();
+  const { state, setCurrentStep, goToNextStep, goToPreviousStep } = chunk3IIZ5ESQ_cjs.usePlaygroundContext();
   const { currentStep, steps } = state;
   const currentIndex = steps.indexOf(currentStep);
   const canGoNext = currentIndex < steps.length - 1;
@@ -428,7 +429,7 @@ var PlaygroundStepper = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
   ] });
 }, "PlaygroundStepper");
 var EndpointInfo = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
-  const { state } = chunkQP6QAK3F_cjs.usePlaygroundContext();
+  const { state } = chunk3IIZ5ESQ_cjs.usePlaygroundContext();
   const { selectedEndpoint } = state;
   const endpointJson = React.useMemo(() => {
     if (!selectedEndpoint) return "";
@@ -446,7 +447,7 @@ var EndpointInfo = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
     return null;
   }
   const getMethodBadges = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((methods) => {
-    return methods.split(", ").map((method) => /* @__PURE__ */ jsxRuntime.jsx(components.Badge, { variant: chunkQP6QAK3F_cjs.getMethodColor(method) === "success" ? "default" : "secondary", className: "text-xs", children: method }, method));
+    return methods.split(", ").map((method) => /* @__PURE__ */ jsxRuntime.jsx(components.Badge, { variant: chunk3IIZ5ESQ_cjs.getMethodColor(method) === "success" ? "default" : "secondary", className: "text-xs", children: method }, method));
   }, "getMethodBadges");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
@@ -514,7 +515,7 @@ var EndpointInfo = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(components.CollapsibleContent, { className: "mt-2 space-y-2", children: selectedEndpoint.responses.map((response, index) => {
-            const statusColor = chunkQP6QAK3F_cjs.getStatusColor(parseInt(response.code));
+            const statusColor = chunk3IIZ5ESQ_cjs.getStatusColor(parseInt(response.code));
             const badgeVariant = statusColor === "success" ? "default" : statusColor === "error" ? "destructive" : "secondary";
             return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2 text-xs", children: [
               /* @__PURE__ */ jsxRuntime.jsx(components.Badge, { variant: badgeVariant, className: "text-xs", children: response.code }),
@@ -527,7 +528,7 @@ var EndpointInfo = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
   ] });
 }, "EndpointInfo");
 var RequestParametersForm = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
-  const { state, setParameters } = chunkQP6QAK3F_cjs.usePlaygroundContext();
+  const { state, setParameters } = chunk3IIZ5ESQ_cjs.usePlaygroundContext();
   const [formData, setFormData] = React.useState({});
   const [activeTab, setActiveTab] = React.useState("required");
   React.useEffect(() => {
@@ -708,12 +709,12 @@ var RequestBuilder = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
     setRequestBody,
     setManualApiToken,
     sendRequest
-  } = chunkQP6QAK3F_cjs.usePlaygroundContext();
-  const isJsonValid = state.requestBody ? chunkQP6QAK3F_cjs.isValidJson(state.requestBody) : true;
+  } = chunk3IIZ5ESQ_cjs.usePlaygroundContext();
+  const isJsonValid = state.requestBody ? chunk3IIZ5ESQ_cjs.isValidJson(state.requestBody) : true;
   const generateCurlCommand = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
     if (!state.requestUrl) return "";
-    const apiKey = state.selectedApiKey ? chunkQP6QAK3F_cjs.findApiKeyById(apiKeys, state.selectedApiKey) : null;
-    const headers = chunkQP6QAK3F_cjs.parseRequestHeaders(state.requestHeaders);
+    const apiKey = state.selectedApiKey ? chunk3IIZ5ESQ_cjs.findApiKeyById(apiKeys, state.selectedApiKey) : null;
+    const headers = chunk3IIZ5ESQ_cjs.parseRequestHeaders(state.requestHeaders);
     if (apiKey) {
       headers["X-API-Key"] = apiKey.id || "";
     }
@@ -800,12 +801,12 @@ var RequestBuilder = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
           }
         )
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(components.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkQP6QAK3F_cjs.PrettyCode_default, { data: curlCommand, language: "bash" }) })
+      /* @__PURE__ */ jsxRuntime.jsx(components.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(chunk3IIZ5ESQ_cjs.PrettyCode_default, { data: curlCommand, language: "bash" }) })
     ] })
   ] });
 }, "RequestBuilder");
 var ResponseViewer = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
-  const { state } = chunkQP6QAK3F_cjs.usePlaygroundContext();
+  const { state } = chunk3IIZ5ESQ_cjs.usePlaygroundContext();
   const { response } = state;
   const responseText = React.useMemo(() => {
     if (!response?.data) return "";
@@ -850,7 +851,7 @@ var ResponseViewer = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
               /* @__PURE__ */ jsxRuntime.jsx(
                 components.Badge,
                 {
-                  variant: chunkQP6QAK3F_cjs.getStatusColor(response.status || 0) === "success" ? "default" : chunkQP6QAK3F_cjs.getStatusColor(response.status || 0) === "error" ? "destructive" : "secondary",
+                  variant: chunk3IIZ5ESQ_cjs.getStatusColor(response.status || 0) === "success" ? "default" : chunk3IIZ5ESQ_cjs.getStatusColor(response.status || 0) === "error" ? "destructive" : "secondary",
                   className: "text-xs",
                   children: response.status
                 }
@@ -889,7 +890,7 @@ var ResponseViewer = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
       }
       if (response.data) {
         return /* @__PURE__ */ jsxRuntime.jsx(
-          chunkDFWXRCIC_cjs.JsonTree_default,
+          chunkLJ2VEBBZ_cjs.JsonTree_default,
           {
             title: "Response Body",
             data: response.data,
@@ -915,7 +916,7 @@ var ResponseViewer = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
   ] });
 }, "ResponseViewer");
 var PlaygroundLayout = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
-  const { state, setSidebarOpen } = chunkQP6QAK3F_cjs.usePlaygroundContext();
+  const { state, setSidebarOpen } = chunk3IIZ5ESQ_cjs.usePlaygroundContext();
   const { isMobile } = useMobile();
   const renderStepContent = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
     switch (state.currentStep) {
@@ -966,5 +967,5 @@ var PlaygroundLayout = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
 }, "PlaygroundLayout");
 
 exports.PlaygroundLayout = PlaygroundLayout;
-//# sourceMappingURL=PlaygroundLayout-XYMJBNT4.cjs.map
-//# sourceMappingURL=PlaygroundLayout-XYMJBNT4.cjs.map
+//# sourceMappingURL=PlaygroundLayout-F47LFRYB.cjs.map
+//# sourceMappingURL=PlaygroundLayout-F47LFRYB.cjs.map