@elixpo/lixsketch 5.5.18 → 5.5.19

package/dist/react/{MermaidFlowchartRenderer-4YEMAYQC.js.map → MermaidFlowchartRenderer-PQEC4TMI.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/core/MermaidFlowchartRenderer.js"],
-  "sourcesContent": ["/* eslint-disable */\n/**\n * MermaidFlowchartRenderer - Renders parsed flowchart diagrams as high-quality SVG.\n *\n * One renderer for both preview and canvas \u2014 ensures they always match.\n * Supports: rectangle [], rounded rectangle (), circle (()), diamond/rhombus {},\n * directed/undirected edges with labels, subgraphs, all directions (TD/TB/LR/RL/BT).\n *\n * Dark theme matching the app aesthetic.\n */\n\n// Layout constants\nconst NODE_W = 150;\nconst NODE_H = 50;\nconst H_SPACING = 200;\nconst V_SPACING = 120;\nconst SIDE_MARGIN = 50;\nconst TOP_MARGIN = 40;\nconst FONT_FAMILY = 'lixFont, sans-serif';\n\n// Issue #38 follow-up: theme-aware stroke / fill. Resolved at draw time\n// so a single render call uses whichever palette is active.\nfunction isThemeDark() {\n    if (typeof document === 'undefined') return true;\n    return !!(document.body && document.body.classList.contains('theme-dark'));\n}\nfunction nodeStrokeColor() { return isThemeDark() ? '#fff' : '#1a1a2e'; }\nfunction edgeStrokeColor() { return isThemeDark() ? '#888' : '#444'; }\n\nconst DARK_THEME = {\n    bg: '#1e1e28',\n    nodeBg: 'transparent',\n    nodeStroke: '#9090c0',\n    nodeText: '#e0e0e0',\n    edgeStroke: '#888',\n    edgeText: '#a0a0b0',\n    subgraphBg: 'rgba(80,80,120,0.08)',\n    subgraphBorder: '#555',\n    subgraphLabel: '#888',\n};\n\nconst LIGHT_THEME = {\n    bg: '#fbfaf6',\n    nodeBg: '#f5f2ea',\n    nodeStroke: '#6e746c',\n    nodeText: '#343832',\n    edgeStroke: '#6e746c',\n    edgeText: '#4f554e',\n    subgraphBg: 'rgba(117, 135, 119, 0.06)',\n    subgraphBorder: '#aaa99f',\n    subgraphLabel: '#666b64',\n};\n\nfunction previewTheme() { return isThemeDark() ? DARK_THEME : LIGHT_THEME; }\n\nfunction escapeXml(str) {\n    return String(str)\n        .replace(/&/g, '&amp;')\n        .replace(/</g, '&lt;')\n        .replace(/>/g, '&gt;')\n        .replace(/\"/g, '&quot;');\n}\n\nfunction measureText(text, fontSize) {\n    return text.length * fontSize * 0.55;\n}\n\n/**\n * Render a parsed flowchart diagram to SVG markup.\n *\n * @param {Object} diagram - Parsed from parseMermaid()\n * @param {Object} opts - { width?, height?, fitToContent? }\n * @returns {string} SVG markup string\n */\nexport function renderFlowchartSVG(diagram, opts = {}) {\n    if (!diagram || !diagram.nodes || diagram.nodes.length === 0) return '';\n\n    const THEME = previewTheme();\n\n    const nodes = diagram.nodes;\n    const edges = diagram.edges || [];\n    const subgraphs = diagram.subgraphs || [];\n    const direction = diagram.direction || 'TD';\n\n    // Compute bounds of laid-out nodes\n    let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;\n    nodes.forEach(n => {\n        const nw = n.width || NODE_W;\n        const nh = n.height || NODE_H;\n        minX = Math.min(minX, n.x);\n        minY = Math.min(minY, n.y);\n        maxX = Math.max(maxX, n.x + nw);\n        maxY = Math.max(maxY, n.y + nh);\n    });\n\n    const dw = maxX - minX || 1;\n    const dh = maxY - minY || 1;\n\n    // If fitToContent or explicit size, scale to fit\n    const targetW = opts.width || dw + SIDE_MARGIN * 2;\n    const targetH = opts.height || dh + TOP_MARGIN * 2;\n\n    let scale, offX, offY;\n    if (opts.width || opts.height) {\n        const pad = 40;\n        scale = Math.min(\n            (targetW - pad * 2) / dw,\n            (targetH - pad * 2) / dh,\n            1.8\n        );\n        offX = (targetW - dw * scale) / 2 - minX * scale;\n        offY = (targetH - dh * scale) / 2 - minY * scale;\n    } else {\n        scale = 1;\n        offX = SIDE_MARGIN - minX;\n        offY = TOP_MARGIN - minY;\n    }\n\n    const totalWidth = opts.width || Math.round(dw * scale + SIDE_MARGIN * 2);\n    const totalHeight = opts.height || Math.round(dh * scale + TOP_MARGIN * 2);\n\n    // Build node lookup for edge rendering\n    const nodeById = new Map();\n    nodes.forEach(n => {\n        const nw = (n.width || NODE_W) * scale;\n        const nh = (n.height || NODE_H) * scale;\n        const nx = n.x * scale + offX;\n        const ny = n.y * scale + offY;\n        nodeById.set(n.id, {\n            x: nx, y: ny, w: nw, h: nh,\n            cx: nx + nw / 2, cy: ny + nh / 2,\n            type: n.type, label: n.label,\n            fill: n.fill, stroke: n.stroke, strokeWidth: n.strokeWidth,\n        });\n    });\n\n    let svg = '';\n    const defs = [];\n\n    // Arrow markers (normal, dotted, thick)\n    defs.push(`<marker id=\"fc-arrow\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\">\n      <path d=\"M1,1 L9,3.5 L1,6\" fill=\"none\" stroke=\"${THEME.edgeStroke}\" stroke-width=\"1.5\" stroke-linejoin=\"round\" />\n    </marker>`);\n    defs.push(`<marker id=\"fc-arrow-thick\" markerWidth=\"12\" markerHeight=\"9\" refX=\"11\" refY=\"4.5\" orient=\"auto\">\n      <path d=\"M1,1 L11,4.5 L1,8\" fill=\"none\" stroke=\"${THEME.edgeStroke}\" stroke-width=\"2\" stroke-linejoin=\"round\" />\n    </marker>`);\n\n    // Background\n    svg += `<rect x=\"0\" y=\"0\" width=\"${totalWidth}\" height=\"${totalHeight}\" fill=\"${THEME.bg}\" rx=\"8\" />`;\n\n    // --- Subgraphs (rendered first, behind everything) ---\n    for (const sg of subgraphs) {\n        if (!sg.nodes || sg.nodes.length === 0) continue;\n\n        let sgMinX = Infinity, sgMinY = Infinity, sgMaxX = -Infinity, sgMaxY = -Infinity;\n        let hasNodes = false;\n        for (const nid of sg.nodes) {\n            const nd = nodeById.get(nid);\n            if (!nd) continue;\n            hasNodes = true;\n            sgMinX = Math.min(sgMinX, nd.x);\n            sgMinY = Math.min(sgMinY, nd.y);\n            sgMaxX = Math.max(sgMaxX, nd.x + nd.w);\n            sgMaxY = Math.max(sgMaxY, nd.y + nd.h);\n        }\n        if (!hasNodes) continue;\n\n        const sgPad = 20 * scale;\n        const sgX = sgMinX - sgPad;\n        const sgY = sgMinY - sgPad - 16 * scale;\n        const sgW = (sgMaxX - sgMinX) + sgPad * 2;\n        const sgH = (sgMaxY - sgMinY) + sgPad * 2 + 16 * scale;\n\n        svg += `<g data-fc-type=\"subgraph\" data-fc-id=\"${escapeXml(sg.id)}\">`;\n        svg += `<rect x=\"${sgX}\" y=\"${sgY}\" width=\"${sgW}\" height=\"${sgH}\" rx=\"6\" fill=\"${THEME.subgraphBg}\" stroke=\"${THEME.subgraphBorder}\" stroke-width=\"1\" stroke-dasharray=\"4 2\" />`;\n        if (sg.label) {\n            svg += `<text x=\"${sgX + 8}\" y=\"${sgY + 14}\" fill=\"${THEME.subgraphLabel}\" font-size=\"${Math.max(9, 11 * scale)}\" font-family=\"${FONT_FAMILY}\">${escapeXml(sg.label)}</text>`;\n        }\n        svg += `</g>`;\n    }\n\n    // --- Edges ---\n    edges.forEach(e => {\n        const f = nodeById.get(e.from);\n        const t = nodeById.get(e.to);\n        if (!f || !t) return;\n\n        const directed = e.directed !== false;\n        const edgeStyle = e.style || 'normal';\n        let strokeW, dashArr, markerRef;\n        if (edgeStyle === 'thick') {\n            strokeW = 3;\n            dashArr = '';\n            markerRef = directed ? ' marker-end=\"url(#fc-arrow-thick)\"' : '';\n        } else if (edgeStyle === 'dotted') {\n            strokeW = 1.5;\n            dashArr = ' stroke-dasharray=\"5 3\"';\n            markerRef = directed ? ' marker-end=\"url(#fc-arrow)\"' : '';\n        } else {\n            strokeW = 1.5;\n            dashArr = '';\n            markerRef = directed ? ' marker-end=\"url(#fc-arrow)\"' : '';\n        }\n        const eStroke = e.stroke || THEME.edgeStroke;\n\n        // Compute connection points\n        const sp = getEdgePoint(f, t);\n        const ep = getEdgePoint(t, f);\n\n        // Determine if we should curve\n        const dx = t.cx - f.cx;\n        const dy = t.cy - f.cy;\n        const dist = Math.sqrt(dx * dx + dy * dy);\n        let mx = (sp.x + ep.x) / 2;\n        let my = (sp.y + ep.y) / 2;\n\n        svg += `<g data-fc-type=\"edge\" data-fc-from=\"${escapeXml(e.from)}\" data-fc-to=\"${escapeXml(e.to)}\">`;\n\n        if (dist > 0 && Math.abs(dy) > 15 && Math.abs(dx) > 15) {\n            // Curved edge\n            const perpX = -dy / dist;\n            const perpY = dx / dist;\n            const curveAmt = dist * 0.12;\n            const cpx = mx + perpX * curveAmt;\n            const cpy = my + perpY * curveAmt;\n            mx = 0.25 * sp.x + 0.5 * cpx + 0.25 * ep.x;\n            my = 0.25 * sp.y + 0.5 * cpy + 0.25 * ep.y;\n            svg += `<path d=\"M ${sp.x} ${sp.y} Q ${cpx} ${cpy} ${ep.x} ${ep.y}\" fill=\"none\" stroke=\"${eStroke}\" stroke-width=\"${strokeW}\"${dashArr}${markerRef} />`;\n        } else {\n            svg += `<line x1=\"${sp.x}\" y1=\"${sp.y}\" x2=\"${ep.x}\" y2=\"${ep.y}\" stroke=\"${eStroke}\" stroke-width=\"${strokeW}\"${dashArr}${markerRef} />`;\n        }\n\n        // Edge label (supports multi-line via \\n)\n        if (e.label) {\n            const labelFontSize = Math.max(8, 10 * scale);\n            const labelLines = e.label.split('\\n');\n            const maxLineW = Math.max(...labelLines.map(l => measureText(l, labelFontSize)));\n            const labelW = maxLineW + 12;\n            const labelH = labelLines.length * (labelFontSize + 3) + 6;\n            svg += `<rect x=\"${mx - labelW / 2}\" y=\"${my - labelH / 2}\" width=\"${labelW}\" height=\"${labelH}\" rx=\"3\" fill=\"${THEME.bg}\" opacity=\"0.85\" />`;\n            if (labelLines.length === 1) {\n                svg += `<text x=\"${mx}\" y=\"${my + 1}\" text-anchor=\"middle\" dominant-baseline=\"central\" fill=\"${THEME.edgeText}\" font-size=\"${labelFontSize}\" font-family=\"${FONT_FAMILY}\">${escapeXml(e.label)}</text>`;\n            } else {\n                const startY = my - ((labelLines.length - 1) * (labelFontSize + 3)) / 2;\n                svg += `<text x=\"${mx}\" text-anchor=\"middle\" fill=\"${THEME.edgeText}\" font-size=\"${labelFontSize}\" font-family=\"${FONT_FAMILY}\">`;\n                labelLines.forEach((ln, idx) => {\n                    svg += `<tspan x=\"${mx}\" dy=\"${idx === 0 ? 0 : labelFontSize + 3}\" y=\"${idx === 0 ? startY : ''}\">${escapeXml(ln)}</tspan>`;\n                });\n                svg += `</text>`;\n            }\n        }\n\n        svg += `</g>`;\n    });\n\n    // --- Nodes ---\n    nodes.forEach(n => {\n        const d = nodeById.get(n.id);\n        if (!d) return;\n\n        const nStroke = n.stroke || THEME.nodeStroke;\n        const nFill = n.fill || THEME.nodeBg;\n        const nStrokeWidth = n.strokeWidth || 1.8;\n        const fontSize = Math.max(9, Math.min(13, 12 * scale));\n\n        svg += `<g data-fc-type=\"node\" data-fc-id=\"${escapeXml(n.id)}\">`;\n\n        if (n.type === 'circle') {\n            const r = Math.min(d.w, d.h) / 2;\n            svg += `<circle cx=\"${d.cx}\" cy=\"${d.cy}\" r=\"${r}\" fill=\"${nFill}\" stroke=\"${nStroke}\" stroke-width=\"${nStrokeWidth}\" />`;\n        } else if (n.type === 'diamond') {\n            const hw = d.w / 2 * 0.85;\n            const hh = d.h / 2 * 0.85;\n            svg += `<polygon points=\"${d.cx},${d.cy - hh} ${d.cx + hw},${d.cy} ${d.cx},${d.cy + hh} ${d.cx - hw},${d.cy}\" fill=\"${nFill}\" stroke=\"${nStroke}\" stroke-width=\"${nStrokeWidth}\" />`;\n        } else if (n.type === 'asymmetric') {\n            // Flag/asymmetric shape: pointed left, flat right\n            const notchX = d.x + 15 * scale;\n            svg += `<polygon points=\"${d.x},${d.y} ${d.x + d.w},${d.y} ${d.x + d.w},${d.y + d.h} ${d.x},${d.y + d.h} ${notchX},${d.cy}\" fill=\"${nFill}\" stroke=\"${nStroke}\" stroke-width=\"${nStrokeWidth}\" />`;\n        } else if (n.type === 'roundrect') {\n            svg += `<rect x=\"${d.x}\" y=\"${d.y}\" width=\"${d.w}\" height=\"${d.h}\" rx=\"${12 * scale}\" fill=\"${nFill}\" stroke=\"${nStroke}\" stroke-width=\"${nStrokeWidth}\" />`;\n        } else {\n            svg += `<rect x=\"${d.x}\" y=\"${d.y}\" width=\"${d.w}\" height=\"${d.h}\" rx=\"${3 * scale}\" fill=\"${nFill}\" stroke=\"${nStroke}\" stroke-width=\"${nStrokeWidth}\" />`;\n        }\n\n        // Node label (supports multi-line via \\n)\n        if (n.label) {\n            let labelFill = nFill && nFill !== 'transparent' && nFill !== THEME.nodeBg ? getContrastColor(nFill) : nStroke;\n            if (isColorTooDark(labelFill)) labelFill = '#d0d0d0';\n\n            const labelLines = n.label.split('\\n');\n            if (labelLines.length === 1) {\n                svg += `<text x=\"${d.cx}\" y=\"${d.cy}\" text-anchor=\"middle\" dominant-baseline=\"central\" fill=\"${labelFill}\" font-size=\"${fontSize}\" font-family=\"${FONT_FAMILY}\" font-weight=\"500\">${escapeXml(n.label)}</text>`;\n            } else {\n                const lineH = fontSize + 3;\n                const startY = d.cy - ((labelLines.length - 1) * lineH) / 2;\n                svg += `<text text-anchor=\"middle\" fill=\"${labelFill}\" font-size=\"${fontSize}\" font-family=\"${FONT_FAMILY}\" font-weight=\"500\">`;\n                labelLines.forEach((ln, idx) => {\n                    svg += `<tspan x=\"${d.cx}\" y=\"${startY + idx * lineH}\">${escapeXml(ln)}</tspan>`;\n                });\n                svg += `</text>`;\n            }\n        }\n\n        svg += `</g>`;\n    });\n\n    // Build final SVG\n    const defsStr = defs.length > 0 ? `<defs>${defs.join('')}</defs>` : '';\n    return `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${totalWidth}\" height=\"${totalHeight}\" viewBox=\"0 0 ${totalWidth} ${totalHeight}\">${defsStr}${svg}</svg>`;\n}\n\n/**\n * Get the connection point on a node's boundary toward another node.\n */\nfunction getEdgePoint(node, target) {\n    const dx = target.cx - node.cx;\n    const dy = target.cy - node.cy;\n\n    if (node.type === 'circle') {\n        const r = Math.min(node.w, node.h) / 2;\n        const dist = Math.sqrt(dx * dx + dy * dy) || 1;\n        return { x: node.cx + (dx / dist) * r, y: node.cy + (dy / dist) * r };\n    }\n\n    if (node.type === 'diamond') {\n        // Diamond edge intersection\n        const hw = node.w / 2 * 0.85;\n        const hh = node.h / 2 * 0.85;\n        const adx = Math.abs(dx) || 0.001;\n        const ady = Math.abs(dy) || 0.001;\n        const t = Math.min(hw / adx, hh / ady);\n        return { x: node.cx + dx * t * 0.95, y: node.cy + dy * t * 0.95 };\n    }\n\n    // Rectangle / rounded rect / asymmetric - exit from edges\n    const hw = node.w / 2;\n    const hh = node.h / 2;\n\n    if (Math.abs(dx) < 0.001 || Math.abs(dy) * hw > Math.abs(dx) * hh) {\n        if (dy > 0) return { x: node.cx, y: node.y + node.h };\n        return { x: node.cx, y: node.y };\n    }\n    if (dx > 0) return { x: node.x + node.w, y: node.cy };\n    return { x: node.x, y: node.cy };\n}\n\nfunction isColorTooDark(hex) {\n    if (!hex || hex === 'transparent' || hex === 'none') return false;\n    const rgb = parseColor(hex);\n    if (!rgb) return false;\n    return (0.299 * rgb.r + 0.587 * rgb.g + 0.114 * rgb.b) < 80;\n}\n\nfunction parseColor(hex) {\n    if (!hex || hex === 'transparent' || hex === 'none') return null;\n    let c = hex.replace('#', '');\n    // Support 3-char shorthand (#9f6 \u2192 #99ff66)\n    if (c.length === 3) c = c[0] + c[0] + c[1] + c[1] + c[2] + c[2];\n    if (c.length < 6) return null;\n    return {\n        r: parseInt(c.substring(0, 2), 16),\n        g: parseInt(c.substring(2, 4), 16),\n        b: parseInt(c.substring(4, 6), 16),\n    };\n}\n\nfunction getLuminance(hex) {\n    const rgb = parseColor(hex);\n    if (!rgb) return 0;\n    return 0.299 * rgb.r + 0.587 * rgb.g + 0.114 * rgb.b;\n}\n\nfunction getContrastColor(bgHex) {\n    // Pick dark or light text based on background luminance\n    return getLuminance(bgHex) > 140 ? '#1a1a2e' : '#f0f0f0';\n}\n\n/**\n * Generate preview SVG for the modal.\n */\nexport function renderFlowchartPreviewSVG(diagram) {\n    return renderFlowchartSVG(diagram, { width: 600, height: 450 });\n}\n\n/**\n * Render a flowchart diagram onto the canvas as a real engine `Frame`\n * containing independent shapes \u2014 Rectangle nodes (with embedded labels)\n * joined by Arrow edges. Each child is fully independent for click /\n * drag / resize / colour-change, exactly like a user-drawn shape; the\n * Frame's `_diagramType` marker means deleting it pulls every child with\n * it (so the diagram behaves as one logical unit when you're done with\n * it) \u2014 see Frame.destroy().\n *\n * Issue #34 bug #3 (follow-up to #22 phase 5): drops the shared `groupId`\n * glue that made selecting one shape select the whole diagram; the Frame\n * is the explicit container instead.\n */\nexport function renderFlowchartOnCanvas(diagram) {\n    if (!diagram || !diagram.nodes || diagram.nodes.length === 0) return false;\n    if (!window.svg || !window.Rectangle || !window.Frame) {\n        console.error('[FlowchartRenderer] Engine not initialized');\n        return false;\n    }\n\n    const nodes = diagram.nodes;\n    const edges = diagram.edges || [];\n\n    // Diagram bounds (in the renderer's natural coordinate space)\n    let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;\n    nodes.forEach((n) => {\n        const nw = n.width || 140;\n        const nh = n.height || 60;\n        minX = Math.min(minX, n.x);\n        minY = Math.min(minY, n.y);\n        maxX = Math.max(maxX, n.x + nw);\n        maxY = Math.max(maxY, n.y + nh);\n    });\n    const dw = (maxX - minX) || 1;\n    const dh = (maxY - minY) || 1;\n\n    // Center on the current viewport\n    const vb = window.currentViewBox || { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight };\n    const vcx = vb.x + vb.width / 2;\n    const vcy = vb.y + vb.height / 2;\n    const ox = vcx - dw / 2 - minX;\n    const oy = vcy - dh / 2 - minY;\n\n    // \u2500\u2500 Wrapper frame \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    // Created up-front so we can call addShapeToFrame as each child is\n    // built. _diagramType marks it so Frame.destroy() takes the children\n    // along on delete (issue #34 bug #3).\n    //\n    // PADDING bumped from 40 \u2192 90 so edge labels, rotated diamond nodes,\n    // and arrow heads near the diagram boundary stay inside the frame\n    // instead of getting clipped at the corners.\n    const PADDING = 90;\n    const frameTitle = diagram.title || 'Mermaid diagram';\n    const frame = new window.Frame(\n        vcx - dw / 2 - PADDING,\n        vcy - dh / 2 - PADDING,\n        dw + PADDING * 2,\n        dh + PADDING * 2,\n        {\n            stroke: '#888',\n            strokeWidth: 1,\n            fill: 'transparent',\n            opacity: 0.7,\n            frameName: frameTitle,\n        }\n    );\n    frame._diagramType = 'mermaid-flowchart';\n    window.shapes.push(frame);\n    if (window.pushCreateAction) window.pushCreateAction(frame);\n\n    const nodeMap = new Map(); // id \u2192 shape\n\n    // \u2500\u2500 Nodes \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    for (const n of nodes) {\n        const nw = n.width || 140;\n        const nh = n.height || 60;\n        const nx = n.x + ox;\n        const ny = n.y + oy;\n        const cx = nx + nw / 2;\n        const cy = ny + nh / 2;\n\n        const opts = {\n            stroke: n.stroke || nodeStrokeColor(),\n            strokeWidth: n.strokeWidth ?? 1.5,\n            fill: n.fill || 'transparent',\n            fillStyle: n.fill && n.fill !== 'transparent' ? 'solid' : 'none',\n            roughness: 1,\n            label: n.label || '',\n            labelColor: n.labelColor || (n.fill && n.fill !== 'transparent' ? getContrastColor(n.fill) : nodeStrokeColor()),\n        };\n\n        let shape = null;\n        try {\n            if (n.type === 'circle' && window.Circle) {\n                shape = new window.Circle(cx, cy, nw / 2, nh / 2, opts);\n            } else if (n.type === 'diamond') {\n                const sz = Math.max(nw, nh) * 0.75;\n                shape = new window.Rectangle(cx - sz / 2, cy - sz / 2, sz, sz, opts);\n                shape.rotation = 45;\n                if (typeof shape.draw === 'function') shape.draw();\n            } else if (n.type === 'roundrect') {\n                shape = new window.Rectangle(nx, ny, nw, nh, { ...opts, cornerRadius: Math.min(nw, nh) * 0.2 });\n            } else {\n                shape = new window.Rectangle(nx, ny, nw, nh, opts);\n            }\n        } catch (err) {\n            console.warn('[FlowchartRenderer] Node creation failed:', n.id, err);\n            continue;\n        }\n        if (!shape) continue;\n\n        window.shapes.push(shape);\n        if (window.pushCreateAction) window.pushCreateAction(shape);\n        frame.addShapeToFrame(shape);\n\n        nodeMap.set(n.id, { shape, x: nx, y: ny, width: nw, height: nh, centerX: cx, centerY: cy });\n    }\n\n    // \u2500\u2500 Edges \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    for (const e of edges) {\n        const fromNode = nodeMap.get(e.from);\n        const toNode = nodeMap.get(e.to);\n        if (!fromNode || !toNode) continue;\n\n        // Connect from the source center to the target center \u2014 autoAttach\n        // will snap each endpoint to the appropriate edge of the shape.\n        const sp = { x: fromNode.centerX, y: fromNode.centerY };\n        const ep = { x: toNode.centerX, y: toNode.centerY };\n\n        const directed = e.directed !== false;\n        const style = e.style || 'normal';\n        const isThick = style === 'thick';\n        const isDotted = style === 'dotted';\n\n        const opts = {\n            stroke: e.stroke || edgeStrokeColor(),\n            strokeWidth: isThick ? 3 : 1.5,\n            roughness: 1,\n            strokeDasharray: isDotted ? '5 3' : '',\n            label: e.label || '',\n            labelColor: e.labelColor || edgeStrokeColor(),\n        };\n\n        let connector = null;\n        try {\n            if (directed && window.Arrow) {\n                connector = new window.Arrow(sp, ep, opts);\n            } else if (window.Line) {\n                connector = new window.Line(sp, ep, opts);\n            } else if (window.Arrow) {\n                connector = new window.Arrow(sp, ep, opts);\n            }\n        } catch (err) {\n            console.warn('[FlowchartRenderer] Edge creation failed:', e, err);\n            continue;\n        }\n        if (!connector) continue;\n\n        window.shapes.push(connector);\n        if (window.pushCreateAction) window.pushCreateAction(connector);\n        frame.addShapeToFrame(connector);\n\n        // Wire arrow endpoints into the source/target shapes so moving a\n        // node drags its connections along. window.__autoAttach is set up\n        // by AIRenderer.initAIRenderer() during engine init.\n        if (directed && connector.shapeName === 'arrow' && typeof window.__autoAttach === 'function') {\n            try {\n                window.__autoAttach(connector, fromNode.shape, true, sp);\n                window.__autoAttach(connector, toNode.shape, false, ep);\n            } catch (err) {\n                console.warn('[FlowchartRenderer] autoAttach failed:', err);\n            }\n        }\n    }\n\n    // Select the first node so the user has feedback that something\n    // landed. Selecting a child (not the frame) reinforces the\n    // \"independent shapes inside a frame\" model.\n    const first = nodeMap.values().next().value;\n    if (first) {\n        window.currentShape = first.shape;\n        if (typeof first.shape.selectShape === 'function') first.shape.selectShape();\n    }\n\n    return true;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable */\n/**\n * MermaidFlowchartRenderer - Renders parsed flowchart diagrams as high-quality SVG.\n *\n * One renderer for both preview and canvas \u2014 ensures they always match.\n * Supports: rectangle [], rounded rectangle (), circle (()), diamond/rhombus {},\n * directed/undirected edges with labels, subgraphs, all directions (TD/TB/LR/RL/BT).\n *\n * Dark theme matching the app aesthetic.\n */\n\n// Layout constants\nconst NODE_W = 150;\nconst NODE_H = 50;\nconst H_SPACING = 200;\nconst V_SPACING = 120;\nconst SIDE_MARGIN = 50;\nconst TOP_MARGIN = 40;\nconst FONT_FAMILY = 'lixFont, sans-serif';\n\n// Issue #38 follow-up: theme-aware stroke / fill. Resolved at draw time\n// so a single render call uses whichever palette is active.\nfunction isThemeDark() {\n    if (typeof document === 'undefined') return true;\n    return !!(document.body && document.body.classList.contains('theme-dark'));\n}\nfunction nodeStrokeColor() { return isThemeDark() ? '#fff' : '#1a1a2e'; }\nfunction edgeStrokeColor() { return isThemeDark() ? '#888' : '#444'; }\n\nconst DARK_THEME = {\n    bg: '#1e1e28',\n    nodeBg: 'transparent',\n    nodeStroke: '#9090c0',\n    nodeText: '#e0e0e0',\n    edgeStroke: '#888',\n    edgeText: '#a0a0b0',\n    subgraphBg: 'rgba(80,80,120,0.08)',\n    subgraphBorder: '#555',\n    subgraphLabel: '#888',\n};\n\nconst LIGHT_THEME = {\n    bg: '#fbfaf6',\n    nodeBg: '#f5f2ea',\n    nodeStroke: '#6e746c',\n    nodeText: '#343832',\n    edgeStroke: '#6e746c',\n    edgeText: '#4f554e',\n    subgraphBg: 'rgba(117, 135, 119, 0.06)',\n    subgraphBorder: '#aaa99f',\n    subgraphLabel: '#666b64',\n};\n\nfunction previewTheme() { return isThemeDark() ? DARK_THEME : LIGHT_THEME; }\n\nfunction escapeXml(str) {\n    return String(str)\n        .replace(/&/g, '&amp;')\n        .replace(/</g, '&lt;')\n        .replace(/>/g, '&gt;')\n        .replace(/\"/g, '&quot;');\n}\n\nfunction measureText(text, fontSize) {\n    return text.length * fontSize * 0.55;\n}\n\n/**\n * Render a parsed flowchart diagram to SVG markup.\n *\n * @param {Object} diagram - Parsed from parseMermaid()\n * @param {Object} opts - { width?, height?, fitToContent? }\n * @returns {string} SVG markup string\n */\nexport function renderFlowchartSVG(diagram, opts = {}) {\n    if (!diagram || !diagram.nodes || diagram.nodes.length === 0) return '';\n\n    const THEME = previewTheme();\n\n    const nodes = diagram.nodes;\n    const edges = diagram.edges || [];\n    const subgraphs = diagram.subgraphs || [];\n    const direction = diagram.direction || 'TD';\n\n    // Compute bounds of laid-out nodes\n    let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;\n    nodes.forEach(n => {\n        const nw = n.width || NODE_W;\n        const nh = n.height || NODE_H;\n        minX = Math.min(minX, n.x);\n        minY = Math.min(minY, n.y);\n        maxX = Math.max(maxX, n.x + nw);\n        maxY = Math.max(maxY, n.y + nh);\n    });\n\n    const dw = maxX - minX || 1;\n    const dh = maxY - minY || 1;\n\n    // If fitToContent or explicit size, scale to fit\n    const targetW = opts.width || dw + SIDE_MARGIN * 2;\n    const targetH = opts.height || dh + TOP_MARGIN * 2;\n\n    let scale, offX, offY;\n    if (opts.width || opts.height) {\n        const pad = 40;\n        scale = Math.min(\n            (targetW - pad * 2) / dw,\n            (targetH - pad * 2) / dh,\n            1.8\n        );\n        offX = (targetW - dw * scale) / 2 - minX * scale;\n        offY = (targetH - dh * scale) / 2 - minY * scale;\n    } else {\n        scale = 1;\n        offX = SIDE_MARGIN - minX;\n        offY = TOP_MARGIN - minY;\n    }\n\n    const totalWidth = opts.width || Math.round(dw * scale + SIDE_MARGIN * 2);\n    const totalHeight = opts.height || Math.round(dh * scale + TOP_MARGIN * 2);\n\n    // Build node lookup for edge rendering\n    const nodeById = new Map();\n    nodes.forEach(n => {\n        const nw = (n.width || NODE_W) * scale;\n        const nh = (n.height || NODE_H) * scale;\n        const nx = n.x * scale + offX;\n        const ny = n.y * scale + offY;\n        nodeById.set(n.id, {\n            x: nx, y: ny, w: nw, h: nh,\n            cx: nx + nw / 2, cy: ny + nh / 2,\n            type: n.type, label: n.label,\n            fill: n.fill, stroke: n.stroke, strokeWidth: n.strokeWidth,\n        });\n    });\n\n    let svg = '';\n    const defs = [];\n\n    // Arrow markers (normal, dotted, thick)\n    defs.push(`<marker id=\"fc-arrow\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\">\n      <path d=\"M1,1 L9,3.5 L1,6\" fill=\"none\" stroke=\"${THEME.edgeStroke}\" stroke-width=\"1.5\" stroke-linejoin=\"round\" />\n    </marker>`);\n    defs.push(`<marker id=\"fc-arrow-thick\" markerWidth=\"12\" markerHeight=\"9\" refX=\"11\" refY=\"4.5\" orient=\"auto\">\n      <path d=\"M1,1 L11,4.5 L1,8\" fill=\"none\" stroke=\"${THEME.edgeStroke}\" stroke-width=\"2\" stroke-linejoin=\"round\" />\n    </marker>`);\n\n    // Background\n    svg += `<rect x=\"0\" y=\"0\" width=\"${totalWidth}\" height=\"${totalHeight}\" fill=\"${THEME.bg}\" rx=\"8\" />`;\n\n    // --- Subgraphs (rendered first, behind everything) ---\n    for (const sg of subgraphs) {\n        if (!sg.nodes || sg.nodes.length === 0) continue;\n\n        let sgMinX = Infinity, sgMinY = Infinity, sgMaxX = -Infinity, sgMaxY = -Infinity;\n        let hasNodes = false;\n        for (const nid of sg.nodes) {\n            const nd = nodeById.get(nid);\n            if (!nd) continue;\n            hasNodes = true;\n            sgMinX = Math.min(sgMinX, nd.x);\n            sgMinY = Math.min(sgMinY, nd.y);\n            sgMaxX = Math.max(sgMaxX, nd.x + nd.w);\n            sgMaxY = Math.max(sgMaxY, nd.y + nd.h);\n        }\n        if (!hasNodes) continue;\n\n        const sgPad = 20 * scale;\n        const sgX = sgMinX - sgPad;\n        const sgY = sgMinY - sgPad - 16 * scale;\n        const sgW = (sgMaxX - sgMinX) + sgPad * 2;\n        const sgH = (sgMaxY - sgMinY) + sgPad * 2 + 16 * scale;\n\n        svg += `<g data-fc-type=\"subgraph\" data-fc-id=\"${escapeXml(sg.id)}\">`;\n        svg += `<rect x=\"${sgX}\" y=\"${sgY}\" width=\"${sgW}\" height=\"${sgH}\" rx=\"6\" fill=\"${THEME.subgraphBg}\" stroke=\"${THEME.subgraphBorder}\" stroke-width=\"1\" stroke-dasharray=\"4 2\" />`;\n        if (sg.label) {\n            svg += `<text x=\"${sgX + 8}\" y=\"${sgY + 14}\" fill=\"${THEME.subgraphLabel}\" font-size=\"${Math.max(9, 11 * scale)}\" font-family=\"${FONT_FAMILY}\">${escapeXml(sg.label)}</text>`;\n        }\n        svg += `</g>`;\n    }\n\n    // --- Edges ---\n    edges.forEach(e => {\n        const f = nodeById.get(e.from);\n        const t = nodeById.get(e.to);\n        if (!f || !t) return;\n\n        const directed = e.directed !== false;\n        const edgeStyle = e.style || 'normal';\n        let strokeW, dashArr, markerRef;\n        if (edgeStyle === 'thick') {\n            strokeW = 3;\n            dashArr = '';\n            markerRef = directed ? ' marker-end=\"url(#fc-arrow-thick)\"' : '';\n        } else if (edgeStyle === 'dotted') {\n            strokeW = 1.5;\n            dashArr = ' stroke-dasharray=\"5 3\"';\n            markerRef = directed ? ' marker-end=\"url(#fc-arrow)\"' : '';\n        } else {\n            strokeW = 1.5;\n            dashArr = '';\n            markerRef = directed ? ' marker-end=\"url(#fc-arrow)\"' : '';\n        }\n        const eStroke = e.stroke || THEME.edgeStroke;\n\n        // Compute connection points\n        const sp = getEdgePoint(f, t);\n        const ep = getEdgePoint(t, f);\n\n        // Determine if we should curve\n        const dx = t.cx - f.cx;\n        const dy = t.cy - f.cy;\n        const dist = Math.sqrt(dx * dx + dy * dy);\n        let mx = (sp.x + ep.x) / 2;\n        let my = (sp.y + ep.y) / 2;\n\n        svg += `<g data-fc-type=\"edge\" data-fc-from=\"${escapeXml(e.from)}\" data-fc-to=\"${escapeXml(e.to)}\">`;\n\n        if (dist > 0 && Math.abs(dy) > 15 && Math.abs(dx) > 15) {\n            // Curved edge\n            const perpX = -dy / dist;\n            const perpY = dx / dist;\n            const curveAmt = dist * 0.12;\n            const cpx = mx + perpX * curveAmt;\n            const cpy = my + perpY * curveAmt;\n            mx = 0.25 * sp.x + 0.5 * cpx + 0.25 * ep.x;\n            my = 0.25 * sp.y + 0.5 * cpy + 0.25 * ep.y;\n            svg += `<path d=\"M ${sp.x} ${sp.y} Q ${cpx} ${cpy} ${ep.x} ${ep.y}\" fill=\"none\" stroke=\"${eStroke}\" stroke-width=\"${strokeW}\"${dashArr}${markerRef} />`;\n        } else {\n            svg += `<line x1=\"${sp.x}\" y1=\"${sp.y}\" x2=\"${ep.x}\" y2=\"${ep.y}\" stroke=\"${eStroke}\" stroke-width=\"${strokeW}\"${dashArr}${markerRef} />`;\n        }\n\n        // Edge label (supports multi-line via \\n)\n        if (e.label) {\n            const labelFontSize = Math.max(8, 10 * scale);\n            const labelLines = e.label.split('\\n');\n            const maxLineW = Math.max(...labelLines.map(l => measureText(l, labelFontSize)));\n            const labelW = maxLineW + 12;\n            const labelH = labelLines.length * (labelFontSize + 3) + 6;\n            svg += `<rect x=\"${mx - labelW / 2}\" y=\"${my - labelH / 2}\" width=\"${labelW}\" height=\"${labelH}\" rx=\"3\" fill=\"${THEME.bg}\" opacity=\"0.85\" />`;\n            if (labelLines.length === 1) {\n                svg += `<text x=\"${mx}\" y=\"${my + 1}\" text-anchor=\"middle\" dominant-baseline=\"central\" fill=\"${THEME.edgeText}\" font-size=\"${labelFontSize}\" font-family=\"${FONT_FAMILY}\">${escapeXml(e.label)}</text>`;\n            } else {\n                const startY = my - ((labelLines.length - 1) * (labelFontSize + 3)) / 2;\n                svg += `<text x=\"${mx}\" text-anchor=\"middle\" fill=\"${THEME.edgeText}\" font-size=\"${labelFontSize}\" font-family=\"${FONT_FAMILY}\">`;\n                labelLines.forEach((ln, idx) => {\n                    svg += `<tspan x=\"${mx}\" dy=\"${idx === 0 ? 0 : labelFontSize + 3}\" y=\"${idx === 0 ? startY : ''}\">${escapeXml(ln)}</tspan>`;\n                });\n                svg += `</text>`;\n            }\n        }\n\n        svg += `</g>`;\n    });\n\n    // --- Nodes ---\n    nodes.forEach(n => {\n        const d = nodeById.get(n.id);\n        if (!d) return;\n\n        const nStroke = n.stroke || THEME.nodeStroke;\n        const nFill = n.fill || THEME.nodeBg;\n        const nStrokeWidth = n.strokeWidth || 1.8;\n        const fontSize = Math.max(9, Math.min(13, 12 * scale));\n\n        svg += `<g data-fc-type=\"node\" data-fc-id=\"${escapeXml(n.id)}\">`;\n\n        if (n.type === 'circle') {\n            const r = Math.min(d.w, d.h) / 2;\n            svg += `<circle cx=\"${d.cx}\" cy=\"${d.cy}\" r=\"${r}\" fill=\"${nFill}\" stroke=\"${nStroke}\" stroke-width=\"${nStrokeWidth}\" />`;\n        } else if (n.type === 'diamond') {\n            const hw = d.w / 2 * 0.85;\n            const hh = d.h / 2 * 0.85;\n            svg += `<polygon points=\"${d.cx},${d.cy - hh} ${d.cx + hw},${d.cy} ${d.cx},${d.cy + hh} ${d.cx - hw},${d.cy}\" fill=\"${nFill}\" stroke=\"${nStroke}\" stroke-width=\"${nStrokeWidth}\" />`;\n        } else if (n.type === 'asymmetric') {\n            // Flag/asymmetric shape: pointed left, flat right\n            const notchX = d.x + 15 * scale;\n            svg += `<polygon points=\"${d.x},${d.y} ${d.x + d.w},${d.y} ${d.x + d.w},${d.y + d.h} ${d.x},${d.y + d.h} ${notchX},${d.cy}\" fill=\"${nFill}\" stroke=\"${nStroke}\" stroke-width=\"${nStrokeWidth}\" />`;\n        } else if (n.type === 'roundrect') {\n            svg += `<rect x=\"${d.x}\" y=\"${d.y}\" width=\"${d.w}\" height=\"${d.h}\" rx=\"${12 * scale}\" fill=\"${nFill}\" stroke=\"${nStroke}\" stroke-width=\"${nStrokeWidth}\" />`;\n        } else {\n            svg += `<rect x=\"${d.x}\" y=\"${d.y}\" width=\"${d.w}\" height=\"${d.h}\" rx=\"${3 * scale}\" fill=\"${nFill}\" stroke=\"${nStroke}\" stroke-width=\"${nStrokeWidth}\" />`;\n        }\n\n        // Node label (supports multi-line via \\n)\n        if (n.label) {\n            const hasSolidFill = nFill && nFill !== 'transparent' && nFill !== 'none';\n            const labelFill = n.labelColor || (hasSolidFill ? getContrastColor(nFill) : THEME.nodeText);\n\n            const labelLines = n.label.split('\\n');\n            if (labelLines.length === 1) {\n                svg += `<text x=\"${d.cx}\" y=\"${d.cy}\" text-anchor=\"middle\" dominant-baseline=\"central\" fill=\"${labelFill}\" font-size=\"${fontSize}\" font-family=\"${FONT_FAMILY}\" font-weight=\"500\">${escapeXml(n.label)}</text>`;\n            } else {\n                const lineH = fontSize + 3;\n                const startY = d.cy - ((labelLines.length - 1) * lineH) / 2;\n                svg += `<text text-anchor=\"middle\" fill=\"${labelFill}\" font-size=\"${fontSize}\" font-family=\"${FONT_FAMILY}\" font-weight=\"500\">`;\n                labelLines.forEach((ln, idx) => {\n                    svg += `<tspan x=\"${d.cx}\" y=\"${startY + idx * lineH}\">${escapeXml(ln)}</tspan>`;\n                });\n                svg += `</text>`;\n            }\n        }\n\n        svg += `</g>`;\n    });\n\n    // Build final SVG\n    const defsStr = defs.length > 0 ? `<defs>${defs.join('')}</defs>` : '';\n    return `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${totalWidth}\" height=\"${totalHeight}\" viewBox=\"0 0 ${totalWidth} ${totalHeight}\">${defsStr}${svg}</svg>`;\n}\n\n/**\n * Get the connection point on a node's boundary toward another node.\n */\nfunction getEdgePoint(node, target) {\n    const dx = target.cx - node.cx;\n    const dy = target.cy - node.cy;\n\n    if (node.type === 'circle') {\n        const r = Math.min(node.w, node.h) / 2;\n        const dist = Math.sqrt(dx * dx + dy * dy) || 1;\n        return { x: node.cx + (dx / dist) * r, y: node.cy + (dy / dist) * r };\n    }\n\n    if (node.type === 'diamond') {\n        // Diamond edge intersection\n        const hw = node.w / 2 * 0.85;\n        const hh = node.h / 2 * 0.85;\n        const adx = Math.abs(dx) || 0.001;\n        const ady = Math.abs(dy) || 0.001;\n        const t = Math.min(hw / adx, hh / ady);\n        return { x: node.cx + dx * t * 0.95, y: node.cy + dy * t * 0.95 };\n    }\n\n    // Rectangle / rounded rect / asymmetric - exit from edges\n    const hw = node.w / 2;\n    const hh = node.h / 2;\n\n    if (Math.abs(dx) < 0.001 || Math.abs(dy) * hw > Math.abs(dx) * hh) {\n        if (dy > 0) return { x: node.cx, y: node.y + node.h };\n        return { x: node.cx, y: node.y };\n    }\n    if (dx > 0) return { x: node.x + node.w, y: node.cy };\n    return { x: node.x, y: node.cy };\n}\n\nfunction parseColor(hex) {\n    if (!hex || hex === 'transparent' || hex === 'none') return null;\n    let c = hex.replace('#', '');\n    // Support 3-char shorthand (#9f6 \u2192 #99ff66)\n    if (c.length === 3) c = c[0] + c[0] + c[1] + c[1] + c[2] + c[2];\n    if (c.length < 6) return null;\n    return {\n        r: parseInt(c.substring(0, 2), 16),\n        g: parseInt(c.substring(2, 4), 16),\n        b: parseInt(c.substring(4, 6), 16),\n    };\n}\n\nfunction getLuminance(hex) {\n    const rgb = parseColor(hex);\n    if (!rgb) return 0;\n    return 0.299 * rgb.r + 0.587 * rgb.g + 0.114 * rgb.b;\n}\n\nfunction getContrastColor(bgHex) {\n    // Pick dark or light text based on background luminance\n    return getLuminance(bgHex) > 140 ? '#1a1a2e' : '#f0f0f0';\n}\n\n/**\n * Generate preview SVG for the modal.\n */\nexport function renderFlowchartPreviewSVG(diagram) {\n    return renderFlowchartSVG(diagram, { width: 600, height: 450 });\n}\n\n/**\n * Render a flowchart diagram onto the canvas as a real engine `Frame`\n * containing independent shapes \u2014 Rectangle nodes (with embedded labels)\n * joined by Arrow edges. Each child is fully independent for click /\n * drag / resize / colour-change, exactly like a user-drawn shape; the\n * Frame's `_diagramType` marker means deleting it pulls every child with\n * it (so the diagram behaves as one logical unit when you're done with\n * it) \u2014 see Frame.destroy().\n *\n * Issue #34 bug #3 (follow-up to #22 phase 5): drops the shared `groupId`\n * glue that made selecting one shape select the whole diagram; the Frame\n * is the explicit container instead.\n */\nexport function renderFlowchartOnCanvas(diagram) {\n    if (!diagram || !diagram.nodes || diagram.nodes.length === 0) return false;\n    if (!window.svg || !window.Rectangle || !window.Frame) {\n        console.error('[FlowchartRenderer] Engine not initialized');\n        return false;\n    }\n\n    const nodes = diagram.nodes;\n    const edges = diagram.edges || [];\n\n    // Diagram bounds (in the renderer's natural coordinate space)\n    let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;\n    nodes.forEach((n) => {\n        const nw = n.width || 140;\n        const nh = n.height || 60;\n        minX = Math.min(minX, n.x);\n        minY = Math.min(minY, n.y);\n        maxX = Math.max(maxX, n.x + nw);\n        maxY = Math.max(maxY, n.y + nh);\n    });\n    const dw = (maxX - minX) || 1;\n    const dh = (maxY - minY) || 1;\n\n    // Center on the current viewport\n    const vb = window.currentViewBox || { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight };\n    const vcx = vb.x + vb.width / 2;\n    const vcy = vb.y + vb.height / 2;\n    const ox = vcx - dw / 2 - minX;\n    const oy = vcy - dh / 2 - minY;\n\n    // \u2500\u2500 Wrapper frame \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    // Created up-front so we can call addShapeToFrame as each child is\n    // built. _diagramType marks it so Frame.destroy() takes the children\n    // along on delete (issue #34 bug #3).\n    //\n    // PADDING bumped from 40 \u2192 90 so edge labels, rotated diamond nodes,\n    // and arrow heads near the diagram boundary stay inside the frame\n    // instead of getting clipped at the corners.\n    const PADDING = 90;\n    const frameTitle = diagram.title || 'Mermaid diagram';\n    const frame = new window.Frame(\n        vcx - dw / 2 - PADDING,\n        vcy - dh / 2 - PADDING,\n        dw + PADDING * 2,\n        dh + PADDING * 2,\n        {\n            stroke: '#888',\n            strokeWidth: 1,\n            fill: 'transparent',\n            opacity: 0.7,\n            frameName: frameTitle,\n        }\n    );\n    frame._diagramType = 'mermaid-flowchart';\n    window.shapes.push(frame);\n    if (window.pushCreateAction) window.pushCreateAction(frame);\n\n    const nodeMap = new Map(); // id \u2192 shape\n\n    // \u2500\u2500 Nodes \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    for (const n of nodes) {\n        const nw = n.width || 140;\n        const nh = n.height || 60;\n        const nx = n.x + ox;\n        const ny = n.y + oy;\n        const cx = nx + nw / 2;\n        const cy = ny + nh / 2;\n\n        const opts = {\n            stroke: n.stroke || nodeStrokeColor(),\n            strokeWidth: n.strokeWidth ?? 1.5,\n            fill: n.fill || 'transparent',\n            fillStyle: n.fill && n.fill !== 'transparent' ? 'solid' : 'none',\n            roughness: 1,\n            label: n.label || '',\n            labelColor: n.labelColor || (n.fill && n.fill !== 'transparent' ? getContrastColor(n.fill) : nodeStrokeColor()),\n        };\n\n        let shape = null;\n        try {\n            if (n.type === 'circle' && window.Circle) {\n                shape = new window.Circle(cx, cy, nw / 2, nh / 2, opts);\n            } else if (n.type === 'diamond') {\n                const sz = Math.max(nw, nh) * 0.75;\n                shape = new window.Rectangle(cx - sz / 2, cy - sz / 2, sz, sz, opts);\n                shape.rotation = 45;\n                if (typeof shape.draw === 'function') shape.draw();\n            } else if (n.type === 'roundrect') {\n                shape = new window.Rectangle(nx, ny, nw, nh, { ...opts, cornerRadius: Math.min(nw, nh) * 0.2 });\n            } else {\n                shape = new window.Rectangle(nx, ny, nw, nh, opts);\n            }\n        } catch (err) {\n            console.warn('[FlowchartRenderer] Node creation failed:', n.id, err);\n            continue;\n        }\n        if (!shape) continue;\n\n        window.shapes.push(shape);\n        if (window.pushCreateAction) window.pushCreateAction(shape);\n        frame.addShapeToFrame(shape);\n\n        nodeMap.set(n.id, { shape, x: nx, y: ny, width: nw, height: nh, centerX: cx, centerY: cy });\n    }\n\n    // \u2500\u2500 Edges \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    for (const e of edges) {\n        const fromNode = nodeMap.get(e.from);\n        const toNode = nodeMap.get(e.to);\n        if (!fromNode || !toNode) continue;\n\n        // Connect from the source center to the target center \u2014 autoAttach\n        // will snap each endpoint to the appropriate edge of the shape.\n        const sp = { x: fromNode.centerX, y: fromNode.centerY };\n        const ep = { x: toNode.centerX, y: toNode.centerY };\n\n        const directed = e.directed !== false;\n        const style = e.style || 'normal';\n        const isThick = style === 'thick';\n        const isDotted = style === 'dotted';\n\n        const opts = {\n            stroke: e.stroke || edgeStrokeColor(),\n            strokeWidth: isThick ? 3 : 1.5,\n            roughness: 1,\n            strokeDasharray: isDotted ? '5 3' : '',\n            label: e.label || '',\n            labelColor: e.labelColor || edgeStrokeColor(),\n        };\n\n        let connector = null;\n        try {\n            if (directed && window.Arrow) {\n                connector = new window.Arrow(sp, ep, opts);\n            } else if (window.Line) {\n                connector = new window.Line(sp, ep, opts);\n            } else if (window.Arrow) {\n                connector = new window.Arrow(sp, ep, opts);\n            }\n        } catch (err) {\n            console.warn('[FlowchartRenderer] Edge creation failed:', e, err);\n            continue;\n        }\n        if (!connector) continue;\n\n        window.shapes.push(connector);\n        if (window.pushCreateAction) window.pushCreateAction(connector);\n        frame.addShapeToFrame(connector);\n\n        // Wire arrow endpoints into the source/target shapes so moving a\n        // node drags its connections along. window.__autoAttach is set up\n        // by AIRenderer.initAIRenderer() during engine init.\n        if (directed && connector.shapeName === 'arrow' && typeof window.__autoAttach === 'function') {\n            try {\n                window.__autoAttach(connector, fromNode.shape, true, sp);\n                window.__autoAttach(connector, toNode.shape, false, ep);\n            } catch (err) {\n                console.warn('[FlowchartRenderer] autoAttach failed:', err);\n            }\n        }\n    }\n\n    // Select the first node so the user has feedback that something\n    // landed. Selecting a child (not the frame) reinforces the\n    // \"independent shapes inside a frame\" model.\n    const first = nodeMap.values().next().value;\n    if (first) {\n        window.currentShape = first.shape;\n        if (typeof first.shape.selectShape === 'function') first.shape.selectShape();\n    }\n\n    return true;\n}\n"],
+  "mappings": "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",
   "names": ["hw", "hh"]
 }

package/dist/react/{MermaidStructuredRenderer-H42SKKN2.js → MermaidStructuredRenderer-W7UKN7BM.js}

@@ -174,6 +174,11 @@ function parseChartDiagram(src) {
   if (!categories.length) categories = Array.from({ length: maxItems }, (_, index) => String(index + 1));
   return series.length ? { type: "chart", kind: "xy", title, categories, series } : null;
 }
+function renderedSeries(chart) {
+  if (chart?.kind !== "xy") return chart?.series || [];
+  const bars = chart.series.filter((series) => series.kind === "bar");
+  return bars.length ? bars : chart.series.filter((series) => series.kind === "line");
+}
 function renderChartPreviewSVG(chart) {
   if (!chart?.series?.length) return "";
   const TK = theme();
@@ -208,7 +213,8 @@ function renderChartPreviewSVG(chart) {
   const top = 60;
   const plotWidth = 580;
   const plotHeight = 300;
-  const values = chart.series.flatMap((series) => series.values);
+  const seriesToRender = renderedSeries(chart);
+  const values = seriesToRender.flatMap((series) => series.values);
   const maximum = Math.max(1, ...values.map(Math.abs));
   const categoryCount = Math.max(1, chart.categories.length);
   const slot = plotWidth / categoryCount;
@@ -217,14 +223,14 @@ function renderChartPreviewSVG(chart) {
   chart.categories.forEach((category, index) => {
     content += `<text x="${left + slot * (index + 0.5)}" y="${top + plotHeight + 24}" text-anchor="middle" fill="${TK.text}" font-size="11" font-family="lixFont">${escapeXml(category)}</text>`;
   });
-  chart.series.forEach((series, seriesIndex) => {
+  seriesToRender.forEach((series, seriesIndex) => {
     const color = PALETTE[seriesIndex % PALETTE.length];
     if (series.kind === "line") {
       const points = series.values.map((value, index) => `${left + slot * (index + 0.5)},${top + plotHeight - Math.abs(value) / maximum * plotHeight}`).join(" ");
       content += `<polyline points="${points}" fill="none" stroke="${color.stroke}" stroke-width="3"/>`;
       series.values.forEach((value, index) => content += `<circle cx="${left + slot * (index + 0.5)}" cy="${top + plotHeight - Math.abs(value) / maximum * plotHeight}" r="5" fill="${color.fill}" stroke="${color.stroke}" stroke-width="2"/>`);
     } else {
-      const barWidth = Math.max(12, slot * 0.7 / chart.series.length);
+      const barWidth = Math.max(12, slot * 0.7 / seriesToRender.length);
       series.values.forEach((value, index) => {
         const barHeight = Math.abs(value) / maximum * plotHeight;
         const x = left + slot * index + slot * 0.15 + seriesIndex * barWidth;
@@ -241,7 +247,7 @@ function push(shape, frame) {
   if (frame?.addShapeToFrame) frame.addShapeToFrame(shape);
   return shape;
 }
-function pushText(text, x, y, fontSize, fill, frame) {
+function pushText(text, x, y, fontSize, fill, frame, textAnchor = "start") {
   if (!window.TextShape || !window.svg) return null;
   const group = document.createElementNS(NS, "g");
   group.setAttribute("data-type", "text-group");
@@ -252,6 +258,7 @@ function pushText(text, x, y, fontSize, fill, frame) {
   element.setAttribute("x", 0);
   element.setAttribute("y", 0);
   element.setAttribute("dominant-baseline", "central");
+  element.setAttribute("text-anchor", textAnchor);
   element.setAttribute("fill", fill);
   element.setAttribute("font-size", fontSize);
   element.setAttribute("font-family", "lixFont, sans-serif");
@@ -274,7 +281,8 @@ function createFrame(x, y, width, height, name, type) {
     strokeWidth: 1,
     fill: "transparent",
     opacity: 0.75,
-    frameName: name
+    frameName: name,
+    labelColor: TK.text
   });
   frame._diagramType = type;
   push(frame);
@@ -388,12 +396,22 @@ function renderChartOnCanvas(chart) {
   const top = origin.y + 65;
   const plotWidth = 580;
   const plotHeight = 300;
-  const values = chart.series.flatMap((series) => series.values);
+  const seriesToRender = renderedSeries(chart);
+  const values = seriesToRender.flatMap((series) => series.values);
   const maximum = Math.max(1, ...values.map(Math.abs));
   const slot = plotWidth / Math.max(1, chart.categories.length);
   push(new window.Line({ x: left, y: top }, { x: left, y: top + plotHeight }, { stroke: TK.line, strokeWidth: 1.5, roughness: 0 }), frame);
   push(new window.Line({ x: left, y: top + plotHeight }, { x: left + plotWidth, y: top + plotHeight }, { stroke: TK.line, strokeWidth: 1.5, roughness: 0 }), frame);
-  chart.series.forEach((series, seriesIndex) => {
+  chart.categories.forEach((category, index) => pushText(
+    category,
+    left + slot * (index + 0.5),
+    top + plotHeight + 24,
+    11,
+    TK.text,
+    frame,
+    "middle"
+  ));
+  seriesToRender.forEach((series, seriesIndex) => {
     const color = PALETTE[seriesIndex % PALETTE.length];
     if (series.kind === "line") {
       const linePoints = series.values.map((value, index) => {
@@ -403,10 +421,8 @@ function renderChartOnCanvas(chart) {
           strokeWidth: 2,
           fill: color.fill,
           fillStyle: "solid",
-          roughness: 0.5,
-          label: String(value),
-          labelColor: contrastText(color.fill),
-          labelFontSize: 9
+          roughness: 0,
+          disableMultiStroke: true
         }), frame);
         return [point.x, point.y, 0.5];
       });
@@ -420,7 +436,7 @@ function renderChartOnCanvas(chart) {
         }), frame);
       }
     } else {
-      const barWidth = Math.max(18, slot * 0.7 / chart.series.length);
+      const barWidth = Math.max(18, slot * 0.7 / seriesToRender.length);
       series.values.forEach((value, index) => {
         const barHeight = Math.max(8, Math.abs(value) / maximum * plotHeight);
         const x = left + slot * index + slot * 0.15 + seriesIndex * barWidth;
@@ -429,12 +445,12 @@ function renderChartOnCanvas(chart) {
           strokeWidth: 1.5,
           fill: color.fill,
           fillStyle: "solid",
-          roughness: 0.7,
-          label: `${chart.categories[index] || index + 1}
-${value}`,
-          labelColor: contrastText(color.fill),
-          labelFontSize: 11
+          roughness: 0,
+          disableMultiStroke: true,
+          disableMultiStrokeFill: true,
+          preserveVertices: true
         }), frame);
+        pushText(String(value), x + barWidth / 2, top + plotHeight - barHeight - 7, 10, TK.text, frame, "middle");
       });
     }
   });
@@ -508,4 +524,4 @@ export {
   renderEROnCanvas,
   renderERPreviewSVG
 };
-//# sourceMappingURL=MermaidStructuredRenderer-H42SKKN2.js.map
+//# sourceMappingURL=MermaidStructuredRenderer-W7UKN7BM.js.map

package/dist/react/MermaidStructuredRenderer-W7UKN7BM.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/core/MermaidStructuredRenderer.js"],
+  "sourcesContent": ["/* eslint-disable */\n/**\n * Native renderers for Mermaid ER and chart diagrams.\n *\n * Preview is SVG, while canvas placement deliberately creates ordinary\n * LixSketch shapes. That keeps entities, attributes, relationships, bars,\n * points, and legend items independently selectable and editable.\n */\n\nconst NS = 'http://www.w3.org/2000/svg';\nconst PALETTE = [\n    { fill: '#8b7abb', stroke: '#665793' },\n    { fill: '#a992cf', stroke: '#7762a6' },\n    { fill: '#c2addc', stroke: '#8974aa' },\n    { fill: '#7765a6', stroke: '#584883' },\n    { fill: '#9d83c1', stroke: '#725b9a' },\n    { fill: '#d1c3e7', stroke: '#927daf' },\n];\n\nfunction escapeXml(value) {\n    return String(value ?? '')\n        .replace(/&/g, '&amp;')\n        .replace(/</g, '&lt;')\n        .replace(/>/g, '&gt;')\n        .replace(/\"/g, '&quot;');\n}\n\nfunction contrastText(fill) {\n    const raw = String(fill || '').replace('#', '');\n    const hex = raw.length === 3 ? raw.split('').map(char => char + char).join('') : raw;\n    if (!/^[0-9a-f]{6}$/i.test(hex)) return theme().text;\n    const red = parseInt(hex.slice(0, 2), 16);\n    const green = parseInt(hex.slice(2, 4), 16);\n    const blue = parseInt(hex.slice(4, 6), 16);\n    const luminance = .299 * red + .587 * green + .114 * blue;\n    return luminance > 145 ? '#34304a' : '#ffffff';\n}\n\nfunction isDark() {\n    return typeof document !== 'undefined' && document.body?.classList.contains('theme-dark');\n}\n\nfunction theme() {\n    return isDark()\n        ? { bg: '#20232a', text: '#f0eee8', line: '#aaa89f', frame: '#77766f', panel: '#292d34' }\n        : { bg: '#fbfaf6', text: '#343832', line: '#6e746c', frame: '#b9b7ac', panel: '#f5f2ea' };\n}\n\nfunction sourceLines(src) {\n    return src.split('\\n').map(line => line.trim()).filter(line => line && !line.startsWith('%%'));\n}\n\nexport function detectStructuredMermaid(src) {\n    const header = sourceLines(src)[0]?.toLowerCase() || '';\n    if (header === 'erdiagram') return 'er';\n    if (/^pie(?:\\s|$)/.test(header) || /^xychart(?:-beta)?(?:\\s|$)/.test(header)) return 'chart';\n    return null;\n}\n\n// ---------------------------------------------------------------------\n// Entity relationship diagrams\n// ---------------------------------------------------------------------\n\nexport function parseERDiagram(src) {\n    const lines = sourceLines(src);\n    if (lines[0]?.toLowerCase() !== 'erdiagram') return null;\n\n    const entityMap = new Map();\n    const relationships = [];\n    let current = null;\n\n    const ensureEntity = (name) => {\n        if (!entityMap.has(name)) entityMap.set(name, { name, attributes: [] });\n        return entityMap.get(name);\n    };\n\n    for (let index = 1; index < lines.length; index++) {\n        const line = lines[index];\n        const entityStart = line.match(/^([\\w-]+)\\s*\\{$/);\n        if (entityStart) {\n            current = ensureEntity(entityStart[1]);\n            continue;\n        }\n        if (line === '}') {\n            current = null;\n            continue;\n        }\n        if (current) {\n            const attribute = line.match(/^(\\S+)\\s+(\\S+)(?:\\s+(.+))?$/);\n            if (attribute) {\n                current.attributes.push({\n                    type: attribute[1],\n                    name: attribute[2],\n                    key: attribute[3] || '',\n                });\n            }\n            continue;\n        }\n\n        // CUSTOMER ||--o{ ORDER : places\n        const relation = line.match(/^([\\w-]+)\\s+([|o}{.]+)(?:--|\\.\\.)([|o}{.]+)\\s+([\\w-]+)\\s*:\\s*(.+)$/);\n        if (relation) {\n            ensureEntity(relation[1]);\n            ensureEntity(relation[4]);\n            relationships.push({\n                from: relation[1],\n                fromCardinality: relation[2],\n                toCardinality: relation[3],\n                to: relation[4],\n                label: relation[5],\n            });\n        }\n    }\n\n    if (entityMap.size === 0) return null;\n    return { type: 'erDiagram', title: 'Entity relationship diagram', entities: [...entityMap.values()], relationships };\n}\n\nfunction layoutER(diagram) {\n    const width = 230;\n    const headerHeight = 44;\n    const rowHeight = 30;\n    const columns = Math.max(1, Math.ceil(Math.sqrt(diagram.entities.length)));\n    return diagram.entities.map((entity, index) => ({\n        ...entity,\n        x: 60 + (index % columns) * 330,\n        y: 55 + Math.floor(index / columns) * 270,\n        width,\n        headerHeight,\n        rowHeight,\n        height: headerHeight + Math.max(1, entity.attributes.length) * rowHeight,\n        color: PALETTE[index % PALETTE.length],\n    }));\n}\n\nexport function renderERPreviewSVG(diagram) {\n    if (!diagram?.entities?.length) return '';\n    const TK = theme();\n    const entities = layoutER(diagram);\n    const byName = new Map(entities.map(entity => [entity.name, entity]));\n    const maxX = Math.max(...entities.map(entity => entity.x + entity.width)) + 60;\n    const maxY = Math.max(...entities.map(entity => entity.y + entity.height)) + 55;\n    let content = `<rect width=\"${maxX}\" height=\"${maxY}\" rx=\"10\" fill=\"${TK.bg}\"/>`;\n    content += `<defs><marker id=\"er-arrow\" markerWidth=\"9\" markerHeight=\"7\" refX=\"8\" refY=\"3.5\" orient=\"auto\"><path d=\"M1 1 L8 3.5 L1 6\" fill=\"none\" stroke=\"${TK.line}\" stroke-width=\"1.4\"/></marker></defs>`;\n\n    for (const relation of diagram.relationships) {\n        const from = byName.get(relation.from);\n        const to = byName.get(relation.to);\n        if (!from || !to) continue;\n        const x1 = from.x + from.width / 2;\n        const y1 = from.y + from.height / 2;\n        const x2 = to.x + to.width / 2;\n        const y2 = to.y + to.height / 2;\n        const mx = (x1 + x2) / 2;\n        const my = (y1 + y2) / 2;\n        content += `<line x1=\"${x1}\" y1=\"${y1}\" x2=\"${x2}\" y2=\"${y2}\" stroke=\"${TK.line}\" stroke-width=\"1.6\" marker-end=\"url(#er-arrow)\"/>`;\n        content += `<text x=\"${mx}\" y=\"${my - 8}\" text-anchor=\"middle\" fill=\"${TK.text}\" font-size=\"12\" font-family=\"lixFont\">${escapeXml(`${relation.fromCardinality} ${relation.label} ${relation.toCardinality}`)}</text>`;\n    }\n\n    for (const entity of entities) {\n        content += `<g><rect x=\"${entity.x}\" y=\"${entity.y}\" width=\"${entity.width}\" height=\"${entity.height}\" rx=\"8\" fill=\"${TK.panel}\" stroke=\"${entity.color.stroke}\" stroke-width=\"1.5\"/>`;\n        content += `<rect x=\"${entity.x}\" y=\"${entity.y}\" width=\"${entity.width}\" height=\"${entity.headerHeight}\" rx=\"8\" fill=\"${entity.color.fill}\" stroke=\"${entity.color.stroke}\" stroke-width=\"1.5\"/>`;\n        content += `<text x=\"${entity.x + entity.width / 2}\" y=\"${entity.y + 27}\" text-anchor=\"middle\" fill=\"${contrastText(entity.color.fill)}\" font-size=\"14\" font-weight=\"600\" font-family=\"lixFont\">${escapeXml(entity.name)}</text>`;\n        const attributes = entity.attributes.length ? entity.attributes : [{ type: '', name: 'No attributes', key: '' }];\n        attributes.forEach((attribute, row) => {\n            const y = entity.y + entity.headerHeight + row * entity.rowHeight;\n            content += `<line x1=\"${entity.x}\" y1=\"${y}\" x2=\"${entity.x + entity.width}\" y2=\"${y}\" stroke=\"${TK.frame}\" stroke-width=\"0.8\"/>`;\n            content += `<text x=\"${entity.x + 10}\" y=\"${y + 20}\" fill=\"${TK.text}\" font-size=\"11\" font-family=\"lixCode\">${escapeXml([attribute.type, attribute.name, attribute.key].filter(Boolean).join('  '))}</text>`;\n        });\n        content += '</g>';\n    }\n    return `<svg xmlns=\"${NS}\" width=\"600\" height=\"450\" viewBox=\"0 0 ${maxX} ${maxY}\">${content}</svg>`;\n}\n\n// ---------------------------------------------------------------------\n// Pie and XY charts\n// ---------------------------------------------------------------------\n\nfunction numberList(value) {\n    return value.replace(/^\\[|\\]$/g, '').split(',').map(item => Number(item.trim())).filter(Number.isFinite);\n}\n\nexport function parseChartDiagram(src) {\n    const lines = sourceLines(src);\n    const header = lines[0]?.toLowerCase() || '';\n    if (/^pie(?:\\s|$)/.test(header)) {\n        let title = lines[0].replace(/^pie(?:\\s+showData)?\\s*/i, '').replace(/^title\\s+/i, '').trim() || 'Pie chart';\n        const values = [];\n        for (let index = 1; index < lines.length; index++) {\n            const titleMatch = lines[index].match(/^title\\s+(.+)$/i);\n            if (titleMatch) { title = titleMatch[1]; continue; }\n            const item = lines[index].match(/^\"?(.+?)\"?\\s*:\\s*(-?\\d+(?:\\.\\d+)?)$/);\n            if (item) values.push({ label: item[1], value: Number(item[2]) });\n        }\n        return values.length ? { type: 'chart', kind: 'pie', title, categories: values.map(v => v.label), series: [{ name: title, values: values.map(v => v.value) }] } : null;\n    }\n    if (!/^xychart(?:-beta)?(?:\\s|$)/.test(header)) return null;\n    let title = 'Chart';\n    let categories = [];\n    const series = [];\n    for (let index = 1; index < lines.length; index++) {\n        const titleMatch = lines[index].match(/^title\\s+\"?(.+?)\"?$/i);\n        const axisMatch = lines[index].match(/^x-axis(?:\\s+\".*?\")?\\s+(\\[.+\\])/i);\n        const seriesMatch = lines[index].match(/^(bar|line)(?:\\s+\"?([^\"\\[]+)\"?)?\\s+(\\[.+\\])$/i);\n        if (titleMatch) title = titleMatch[1];\n        else if (axisMatch) categories = axisMatch[1].replace(/^\\[|\\]$/g, '').split(',').map(v => v.trim().replace(/^\"|\"$/g, ''));\n        else if (seriesMatch) series.push({ kind: seriesMatch[1].toLowerCase(), name: seriesMatch[2]?.trim() || seriesMatch[1], values: numberList(seriesMatch[3]) });\n    }\n    const maxItems = Math.max(0, ...series.map(item => item.values.length));\n    if (!categories.length) categories = Array.from({ length: maxItems }, (_, index) => String(index + 1));\n    return series.length ? { type: 'chart', kind: 'xy', title, categories, series } : null;\n}\n\n// Mermaid permits bar and line declarations in one xychart. LixSketch keeps a\n// bar chart visually bar-only: when at least one bar series exists, line\n// series (and their point markers) are omitted consistently from preview and\n// canvas placement. A chart made only from line declarations remains a line\n// chart.\nfunction renderedSeries(chart) {\n    if (chart?.kind !== 'xy') return chart?.series || [];\n    const bars = chart.series.filter(series => series.kind === 'bar');\n    return bars.length ? bars : chart.series.filter(series => series.kind === 'line');\n}\n\nexport function renderChartPreviewSVG(chart) {\n    if (!chart?.series?.length) return '';\n    const TK = theme();\n    const width = 720;\n    const height = 450;\n\n    if (chart.kind === 'pie') {\n        const values = chart.series[0].values.map(value => Math.max(0, value));\n        const total = values.reduce((sum, value) => sum + value, 0);\n        if (total <= 0) return '';\n        const cx = 255;\n        const cy = 235;\n        const radius = 145;\n        let startAngle = -Math.PI / 2;\n        let content = `<rect width=\"${width}\" height=\"${height}\" rx=\"10\" fill=\"${TK.bg}\"/><text x=\"${width / 2}\" y=\"32\" text-anchor=\"middle\" fill=\"${TK.text}\" font-size=\"18\" font-family=\"lixFont\">${escapeXml(chart.title)}</text>`;\n\n        values.forEach((value, index) => {\n            const endAngle = startAngle + value / total * Math.PI * 2;\n            const x1 = cx + Math.cos(startAngle) * radius;\n            const y1 = cy + Math.sin(startAngle) * radius;\n            const x2 = cx + Math.cos(endAngle) * radius;\n            const y2 = cy + Math.sin(endAngle) * radius;\n            const largeArc = endAngle - startAngle > Math.PI ? 1 : 0;\n            const color = PALETTE[index % PALETTE.length];\n            content += `<path d=\"M ${cx} ${cy} L ${x1} ${y1} A ${radius} ${radius} 0 ${largeArc} 1 ${x2} ${y2} Z\" fill=\"${color.fill}\" stroke=\"${TK.bg}\" stroke-width=\"3\"/>`;\n            const percent = Math.round(value / total * 100);\n            const legendY = 125 + index * 42;\n            content += `<rect x=\"460\" y=\"${legendY - 14}\" width=\"18\" height=\"18\" rx=\"4\" fill=\"${color.fill}\" stroke=\"${color.stroke}\"/><text x=\"488\" y=\"${legendY}\" fill=\"${TK.text}\" font-size=\"12\" font-family=\"lixFont\">${escapeXml(chart.categories[index] || index + 1)} \u2014 ${value} (${percent}%)</text>`;\n            startAngle = endAngle;\n        });\n        return `<svg xmlns=\"${NS}\" width=\"600\" height=\"450\" viewBox=\"0 0 ${width} ${height}\">${content}</svg>`;\n    }\n\n    const left = 70;\n    const top = 60;\n    const plotWidth = 580;\n    const plotHeight = 300;\n    const seriesToRender = renderedSeries(chart);\n    const values = seriesToRender.flatMap(series => series.values);\n    const maximum = Math.max(1, ...values.map(Math.abs));\n    const categoryCount = Math.max(1, chart.categories.length);\n    const slot = plotWidth / categoryCount;\n    let content = `<rect width=\"${width}\" height=\"${height}\" rx=\"10\" fill=\"${TK.bg}\"/><text x=\"${width / 2}\" y=\"32\" text-anchor=\"middle\" fill=\"${TK.text}\" font-size=\"18\" font-family=\"lixFont\">${escapeXml(chart.title)}</text>`;\n    content += `<line x1=\"${left}\" y1=\"${top}\" x2=\"${left}\" y2=\"${top + plotHeight}\" stroke=\"${TK.line}\"/><line x1=\"${left}\" y1=\"${top + plotHeight}\" x2=\"${left + plotWidth}\" y2=\"${top + plotHeight}\" stroke=\"${TK.line}\"/>`;\n\n    chart.categories.forEach((category, index) => {\n        content += `<text x=\"${left + slot * (index + .5)}\" y=\"${top + plotHeight + 24}\" text-anchor=\"middle\" fill=\"${TK.text}\" font-size=\"11\" font-family=\"lixFont\">${escapeXml(category)}</text>`;\n    });\n\n    seriesToRender.forEach((series, seriesIndex) => {\n        const color = PALETTE[seriesIndex % PALETTE.length];\n        if (series.kind === 'line') {\n            const points = series.values.map((value, index) => `${left + slot * (index + .5)},${top + plotHeight - Math.abs(value) / maximum * plotHeight}`).join(' ');\n            content += `<polyline points=\"${points}\" fill=\"none\" stroke=\"${color.stroke}\" stroke-width=\"3\"/>`;\n            series.values.forEach((value, index) => content += `<circle cx=\"${left + slot * (index + .5)}\" cy=\"${top + plotHeight - Math.abs(value) / maximum * plotHeight}\" r=\"5\" fill=\"${color.fill}\" stroke=\"${color.stroke}\" stroke-width=\"2\"/>`);\n        } else {\n            const barWidth = Math.max(12, slot * .7 / seriesToRender.length);\n            series.values.forEach((value, index) => {\n                const barHeight = Math.abs(value) / maximum * plotHeight;\n                const x = left + slot * index + slot * .15 + seriesIndex * barWidth;\n                content += `<rect x=\"${x}\" y=\"${top + plotHeight - barHeight}\" width=\"${barWidth}\" height=\"${barHeight}\" rx=\"4\" fill=\"${color.fill}\" stroke=\"${color.stroke}\" stroke-width=\"1.5\"/><text x=\"${x + barWidth / 2}\" y=\"${top + plotHeight - barHeight - 7}\" text-anchor=\"middle\" fill=\"${TK.text}\" font-size=\"10\" font-family=\"lixFont\">${value}</text>`;\n            });\n        }\n    });\n    return `<svg xmlns=\"${NS}\" width=\"600\" height=\"450\" viewBox=\"0 0 ${width} ${height}\">${content}</svg>`;\n}\n\n// ---------------------------------------------------------------------\n// Native canvas placement helpers\n// ---------------------------------------------------------------------\n\nfunction push(shape, frame) {\n    if (!shape) return null;\n    window.shapes.push(shape);\n    if (window.pushCreateAction) window.pushCreateAction(shape);\n    if (frame?.addShapeToFrame) frame.addShapeToFrame(shape);\n    return shape;\n}\n\nfunction pushText(text, x, y, fontSize, fill, frame, textAnchor = 'start') {\n    if (!window.TextShape || !window.svg) return null;\n    const group = document.createElementNS(NS, 'g');\n    group.setAttribute('data-type', 'text-group');\n    group.setAttribute('transform', `translate(${x}, ${y})`);\n    group.setAttribute('data-x', x);\n    group.setAttribute('data-y', y);\n\n    const element = document.createElementNS(NS, 'text');\n    element.setAttribute('x', 0);\n    element.setAttribute('y', 0);\n    element.setAttribute('dominant-baseline', 'central');\n    element.setAttribute('text-anchor', textAnchor);\n    element.setAttribute('fill', fill);\n    element.setAttribute('font-size', fontSize);\n    element.setAttribute('font-family', 'lixFont, sans-serif');\n    element.setAttribute('data-initial-font', 'lixFont');\n    element.setAttribute('data-initial-color', fill);\n    element.setAttribute('data-initial-size', `${fontSize}px`);\n    element.textContent = text;\n    group.appendChild(element);\n    window.svg.appendChild(group);\n    return push(new window.TextShape(group), frame);\n}\n\nfunction canvasOrigin(width, height) {\n    const vb = window.currentViewBox || { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight };\n    return { x: vb.x + vb.width / 2 - width / 2, y: vb.y + vb.height / 2 - height / 2 };\n}\n\nfunction createFrame(x, y, width, height, name, type) {\n    const TK = theme();\n    const frame = new window.Frame(x - 45, y - 45, width + 90, height + 90, {\n        stroke: TK.frame, strokeWidth: 1, fill: 'transparent', opacity: .75,\n        frameName: name, labelColor: TK.text,\n    });\n    frame._diagramType = type;\n    push(frame);\n    return frame;\n}\n\nfunction selectOnlyFrame(frame) {\n    if (!frame) return;\n    if (window.multiSelection?.clearSelection) window.multiSelection.clearSelection();\n    if (window.currentShape && window.currentShape !== frame && typeof window.currentShape.removeSelection === 'function') {\n        window.currentShape.removeSelection();\n    }\n    if (window.__deselectTextElement) window.__deselectTextElement();\n    window.currentShape = frame;\n    if (typeof frame.selectFrame === 'function') frame.selectFrame();\n}\n\nexport function renderEROnCanvas(diagram) {\n    if (!diagram?.entities?.length || !window.Rectangle || !window.Arrow || !window.Frame) return false;\n    const TK = theme();\n    const entities = layoutER(diagram);\n    const width = Math.max(...entities.map(entity => entity.x + entity.width)) + 40;\n    const height = Math.max(...entities.map(entity => entity.y + entity.height)) + 40;\n    const origin = canvasOrigin(width, height);\n    const frame = createFrame(origin.x, origin.y, width, height, diagram.title, 'mermaid-er');\n    const entityShapes = new Map();\n    let first = null;\n\n    for (const entity of entities) {\n        const x = origin.x + entity.x;\n        const y = origin.y + entity.y;\n        const header = push(new window.Rectangle(x, y, entity.width, entity.headerHeight, {\n            stroke: entity.color.stroke, strokeWidth: 1.5, fill: entity.color.fill, fillStyle: 'solid', roughness: 0, fillWeight: 0.5,\n            label: entity.name, labelColor: contrastText(entity.color.fill), labelFontSize: 15, labelBg: false,\n        }), frame);\n        if (!first) first = header;\n        entityShapes.set(entity.name, { shape: header, x, y, width: entity.width, height: entity.headerHeight });\n        const attributes = entity.attributes.length ? entity.attributes : [{ type: '', name: 'No attributes', key: '' }];\n        attributes.forEach((attribute, row) => push(new window.Rectangle(\n            x, y + entity.headerHeight + row * entity.rowHeight, entity.width, entity.rowHeight,\n            { stroke: TK.frame, strokeWidth: 1, fill: TK.panel, fillStyle: 'solid', roughness: 0, fillWeight: 0.5,\n                label: [attribute.type, attribute.name, attribute.key].filter(Boolean).join('  '), labelColor: TK.text, labelFontSize: 11, labelBg: false }\n        ), frame));\n    }\n\n    for (const relation of diagram.relationships) {\n        const from = entityShapes.get(relation.from);\n        const to = entityShapes.get(relation.to);\n        if (!from || !to) continue;\n        const fromCenter = { x: from.x + from.width / 2, y: from.y + from.height / 2 };\n        const toCenter = { x: to.x + to.width / 2, y: to.y + to.height / 2 };\n        // Anchor the arrow at the actual box boundary (not the box center) so\n        // it terminates at the entity edge instead of drawing through \u2014 and\n        // over \u2014 the header label, and so autoAttach's nearest-side check\n        // (which compares against this point) resolves to the side actually\n        // facing the other entity rather than whichever side happens to be\n        // closest to the geometric center on a short, wide header box.\n        const start = rectBoundaryPoint(from, toCenter);\n        const end = rectBoundaryPoint(to, fromCenter);\n        const arrow = push(new window.Arrow(start, end, {\n            stroke: TK.line, strokeWidth: 1.5, roughness: 0,\n            label: `${relation.fromCardinality} ${relation.label} ${relation.toCardinality}`,\n            labelColor: TK.text, labelBg: false, labelOffsetY: -12,\n        }), frame);\n        if (arrow && window.__autoAttach) {\n            window.__autoAttach(arrow, from.shape, true, start);\n            window.__autoAttach(arrow, to.shape, false, end);\n        }\n    }\n    if (first?.selectShape) { window.currentShape = first; first.selectShape(); }\n    return true;\n}\n\n// Intersection of the line from `box`'s center toward `target` with box's\n// own rectangular boundary. Used to anchor ER relationship arrows exactly\n// at the entity edge instead of the entity center.\nfunction rectBoundaryPoint(box, target) {\n    const cx = box.x + box.width / 2;\n    const cy = box.y + box.height / 2;\n    const dx = target.x - cx;\n    const dy = target.y - cy;\n    const hw = box.width / 2;\n    const hh = box.height / 2;\n    if (dx === 0 && dy === 0) return { x: cx, y: cy };\n    const scale = 1 / Math.max(Math.abs(dx) / hw, Math.abs(dy) / hh);\n    return { x: cx + dx * scale, y: cy + dy * scale };\n}\n\nexport function renderChartOnCanvas(chart) {\n    if (!chart?.series?.length || !window.Rectangle || !window.Circle || !window.Line || !window.FreehandStroke || !window.Frame) return false;\n    if (chart.kind === 'pie') return renderPieOnCanvas(chart);\n    const TK = theme();\n    const width = 720;\n    const height = 450;\n    const origin = canvasOrigin(width, height);\n    const frame = createFrame(origin.x, origin.y, width, height, chart.title, 'mermaid-chart');\n    const left = origin.x + 70;\n    const top = origin.y + 65;\n    const plotWidth = 580;\n    const plotHeight = 300;\n    const seriesToRender = renderedSeries(chart);\n    const values = seriesToRender.flatMap(series => series.values);\n    const maximum = Math.max(1, ...values.map(Math.abs));\n    const slot = plotWidth / Math.max(1, chart.categories.length);\n    push(new window.Line({ x: left, y: top }, { x: left, y: top + plotHeight }, { stroke: TK.line, strokeWidth: 1.5, roughness: 0 }), frame);\n    push(new window.Line({ x: left, y: top + plotHeight }, { x: left + plotWidth, y: top + plotHeight }, { stroke: TK.line, strokeWidth: 1.5, roughness: 0 }), frame);\n\n    // Match the preview layout: categories live below the axis and values sit\n    // above bars. Embedding both strings in the rectangle used to add an\n    // opaque canvas-coloured label pill through the middle of every bar,\n    // visually splitting it and changing the perceived series colour.\n    chart.categories.forEach((category, index) => pushText(\n        category,\n        left + slot * (index + .5),\n        top + plotHeight + 24,\n        11,\n        TK.text,\n        frame,\n        'middle',\n    ));\n\n    seriesToRender.forEach((series, seriesIndex) => {\n        const color = PALETTE[seriesIndex % PALETTE.length];\n        if (series.kind === 'line') {\n            const linePoints = series.values.map((value, index) => {\n                const point = { x: left + slot * (index + .5), y: top + plotHeight - Math.abs(value) / maximum * plotHeight };\n                push(new window.Circle(point.x, point.y, 8, 8, {\n                    stroke: color.stroke, strokeWidth: 2, fill: color.fill,\n                    fillStyle: 'solid', roughness: 0, disableMultiStroke: true,\n                }), frame);\n                return [point.x, point.y, .5];\n            });\n            if (linePoints.length > 1) {\n                push(new window.FreehandStroke(linePoints, {\n                    stroke: color.stroke,\n                    strokeWidth: 3,\n                    thinning: 0,\n                    roughness: 0,\n                    strokeStyle: 'solid',\n                }), frame);\n            }\n        } else {\n            const barWidth = Math.max(18, slot * .7 / seriesToRender.length);\n            series.values.forEach((value, index) => {\n                const barHeight = Math.max(8, Math.abs(value) / maximum * plotHeight);\n                const x = left + slot * index + slot * .15 + seriesIndex * barWidth;\n                push(new window.Rectangle(x, top + plotHeight - barHeight, barWidth, barHeight, {\n                    stroke: color.stroke, strokeWidth: 1.5, fill: color.fill,\n                    fillStyle: 'solid', roughness: 0, disableMultiStroke: true,\n                    disableMultiStrokeFill: true, preserveVertices: true,\n                }), frame);\n                pushText(String(value), x + barWidth / 2, top + plotHeight - barHeight - 7, 10, TK.text, frame, 'middle');\n            });\n        }\n    });\n    selectOnlyFrame(frame);\n    return true;\n}\n\nfunction renderPieOnCanvas(chart) {\n    if (!window.FreehandStroke || !window.TextShape) return false;\n    const width = 720;\n    const height = 450;\n    const origin = canvasOrigin(width, height);\n    const frame = createFrame(origin.x, origin.y, width, height, chart.title, 'mermaid-pie');\n    const values = chart.series[0].values.map(value => Math.max(0, value));\n    const total = values.reduce((sum, value) => sum + value, 0);\n    if (total <= 0) return false;\n\n    const cx = origin.x + 255;\n    const cy = origin.y + 235;\n    const radius = 145;\n    let startAngle = -Math.PI / 2;\n\n    values.forEach((value, index) => {\n        const sweep = value / total * Math.PI * 2;\n        const endAngle = startAngle + sweep;\n        const steps = Math.max(6, Math.ceil(sweep / (Math.PI / 60)));\n        const points = [[cx, cy, .5]];\n        for (let step = 0; step <= steps; step++) {\n            const angle = startAngle + sweep * (step / steps);\n            points.push([\n                cx + Math.cos(angle) * radius,\n                cy + Math.sin(angle) * radius,\n                .5,\n            ]);\n        }\n        const color = PALETTE[index % PALETTE.length];\n        push(new window.FreehandStroke(points, {\n            stroke: color.fill,\n            strokeWidth: 3,\n            outlineStroke: theme().bg,\n            outlineWidth: 3,\n            closedFill: true,\n            roughness: 0,\n            strokeStyle: 'solid',\n        }), frame);\n        const percent = Math.round(value / total * 100);\n        const legendY = origin.y + 125 + index * 42;\n        push(new window.Rectangle(origin.x + 460, legendY - 14, 18, 18, {\n            stroke: color.stroke,\n            strokeWidth: 1,\n            fill: color.fill,\n            fillStyle: 'solid',\n            roughness: .5,\n        }), frame);\n        pushText(\n            `${chart.categories[index] || index + 1} \u2014 ${value} (${percent}%)`,\n            origin.x + 488,\n            legendY,\n            12,\n            theme().text,\n            frame,\n        );\n        startAngle = endAngle;\n    });\n\n    selectOnlyFrame(frame);\n    return true;\n}\n"],
+  "mappings": "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",
+  "names": ["title", "values", "content"]
+}

package/dist/react/{SceneSerializer-IQGUAK45.js → SceneSerializer-ARTKPZVR.js}

@@ -4,13 +4,13 @@ import {
 } from "./chunk-MB7VS6MK.js";
 import {
   ImageShape
-} from "./chunk-CB2RANCB.js";
+} from "./chunk-RFHMFWVR.js";
 import {
   IconShape
-} from "./chunk-JQ3IRFDP.js";
+} from "./chunk-C62SXFBL.js";
 import {
   Frame
-} from "./chunk-2AYTBFV5.js";
+} from "./chunk-CF7AK4ES.js";
 import {
   FreehandStroke
 } from "./chunk-HKYUJUD7.js";
@@ -25,12 +25,12 @@ import {
 } from "./chunk-BT2EIJD4.js";
 import {
   Line
-} from "./chunk-6PFXZKL2.js";
-import "./chunk-BZE4CEBG.js";
-import "./chunk-L5OARZJ7.js";
+} from "./chunk-UQBT7F4K.js";
+import "./chunk-O64N5JPO.js";
+import "./chunk-MYYBFZD3.js";
 import {
   TextShape
-} from "./chunk-62W6XTCZ.js";
+} from "./chunk-PGT3TJOW.js";
 
 // src/core/SceneSerializer.js
 var FORMAT_VERSION = 1;
@@ -47,9 +47,20 @@ function resetSessionID() {
 function cloneOptions(options) {
   return JSON.parse(JSON.stringify(options));
 }
+function restoreDocBlockLinks(shape, data) {
+  const ids = [...new Set((Array.isArray(data.docBlockIds) ? data.docBlockIds : data.docBlockId ? [data.docBlockId] : []).filter(Boolean))];
+  shape.docBlockIds = ids;
+  delete shape.docBlockId;
+  if (ids.length) {
+    (shape.group || shape.element)?.setAttribute("data-doc-block-ids", JSON.stringify(ids));
+  }
+}
 function serializeShape(shape) {
   const base = {
     shapeID: shape.shapeID,
+    // Optional many-to-many connections to BlockNote document blocks.
+    // Stored with the encrypted scene so navigation survives restore.
+    docBlockIds: [...new Set((Array.isArray(shape.docBlockIds) ? shape.docBlockIds : shape.docBlockId ? [shape.docBlockId] : []).filter(Boolean))],
     parentFrame: shape.parentFrame ? shape.parentFrame.shapeID : null,
     // Group membership — null when the shape isn't part of a group.
     // All shapes sharing a non-null groupId move/resize/rotate as a
@@ -369,6 +380,7 @@ function loadScene(sceneData) {
     const shape = deserializeShape(data);
     if (shape) {
       if (data.groupId) shape.groupId = data.groupId;
+      restoreDocBlockLinks(shape, data);
       window.shapes.push(shape);
       if (data.shapeID) idMap.set(data.shapeID, shape);
     }
@@ -377,6 +389,7 @@ function loadScene(sceneData) {
     const shape = deserializeShape(data);
     if (shape) {
       if (data.groupId) shape.groupId = data.groupId;
+      restoreDocBlockLinks(shape, data);
       window.shapes.push(shape);
       if (data.shapeID) idMap.set(data.shapeID, shape);
     }
@@ -462,6 +475,7 @@ function loadScene(sceneData) {
     window.currentZoom = sceneData.zoom;
   }
   console.log(`[SceneSerializer] Loaded ${window.shapes.length} shapes from "${sceneData.name}"`);
+  window.dispatchEvent(new CustomEvent("lix-doc-canvas-links-changed"));
   if (window.__sketchEngine && typeof window.__sketchEngine.setActiveTool === "function") {
     const store = window.__sketchStoreApi;
     const currentTool = store ? store.getState().activeTool : "select";
@@ -670,6 +684,9 @@ function resetCanvas() {
   } catch (_) {
   }
   console.log("[SceneSerializer] Canvas reset");
+  if (typeof window.__collabSceneChanged === "function") {
+    window.__collabSceneChanged();
+  }
 }
 function findTextOnCanvas(query) {
   const allShapes = window.shapes || [];
@@ -736,4 +753,4 @@ export {
   uploadScene,
   validateScene
 };
-//# sourceMappingURL=SceneSerializer-IQGUAK45.js.map
+//# sourceMappingURL=SceneSerializer-ARTKPZVR.js.map