@elixpo/lixsketch 5.4.7 → 5.5.1

package/dist/react/MermaidFlowchartRenderer-4QBAZ5MB.js.map

@@ -0,0 +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// Theme colors (dark theme)\nconst 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\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 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    const PADDING = 40;\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 || '#fff',\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        };\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 || '#fff',\n            strokeWidth: isThick ? 3 : 1.5,\n            roughness: 1,\n            strokeDasharray: isDotted ? '5 3' : '',\n            label: e.label || '',\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/MermaidSequenceParser-UKG2NSZY.js

@@ -0,0 +1,8 @@
+"use client";
+import {
+  parseSequenceDiagram
+} from "./chunk-VQVEPJSA.js";
+export {
+  parseSequenceDiagram
+};
+//# sourceMappingURL=MermaidSequenceParser-UKG2NSZY.js.map

package/dist/react/MermaidSequenceParser-UKG2NSZY.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/react/MermaidSequenceRenderer-HPLHY5II.js

@@ -0,0 +1,387 @@
+"use client";
+import {
+  parseSequenceDiagram
+} from "./chunk-VQVEPJSA.js";
+
+// src/core/MermaidSequenceRenderer.js
+var PARTICIPANT_W = 100;
+var PARTICIPANT_H = 36;
+var PARTICIPANT_GAP = 140;
+var MSG_ROW_HEIGHT = 50;
+var NOTE_PAD = 10;
+var NOTE_MAX_W = 160;
+var TOP_MARGIN = 30;
+var BOTTOM_MARGIN = 30;
+var SIDE_MARGIN = 40;
+var FONT_FAMILY = "lixFont, sans-serif";
+var THEME = {
+  bg: "#1e1e28",
+  participantBg: "#232329",
+  participantBorder: "#555",
+  participantText: "#e8e8ee",
+  lifeline: "#444",
+  messageLine: "#888",
+  messageDash: "#666",
+  messageText: "#e0e0e0",
+  noteBg: "#3a3520",
+  noteBorder: "#665e30",
+  noteText: "#d4c870",
+  blockBg: "rgba(80,80,120,0.12)",
+  blockBorder: "#555",
+  blockLabel: "#a0a0b0",
+  crossColor: "#e74c3c"
+};
+function escapeXml(str) {
+  return String(str).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function measureText(text, fontSize) {
+  const avgCharWidth = fontSize * 0.55;
+  return text.length * avgCharWidth;
+}
+function wrapText(text, fontSize, maxWidth) {
+  const segments = text.split(/<br\s*\/?>/i);
+  const lines = [];
+  for (const segment of segments) {
+    const words = segment.split(/\s+/);
+    let currentLine = "";
+    for (const word of words) {
+      const testLine = currentLine ? currentLine + " " + word : word;
+      if (measureText(testLine, fontSize) > maxWidth && currentLine) {
+        lines.push(currentLine);
+        currentLine = word;
+      } else {
+        currentLine = testLine;
+      }
+    }
+    if (currentLine) lines.push(currentLine);
+  }
+  return lines.length > 0 ? lines : [""];
+}
+function renderSequenceSVG(diagram, opts = {}) {
+  if (!diagram || diagram.type !== "sequenceDiagram") return "";
+  const participants = diagram.participants;
+  const messages = diagram.messages;
+  const notes = diagram.notes;
+  const blocks = diagram.blocks || [];
+  const pCount = participants.length;
+  if (pCount === 0) return "";
+  const pIndex = /* @__PURE__ */ new Map();
+  participants.forEach((p, i) => pIndex.set(p.name, i));
+  const contentWidth = (pCount - 1) * PARTICIPANT_GAP + PARTICIPANT_W;
+  const totalWidth = opts.width || Math.max(contentWidth + SIDE_MARGIN * 2, 400);
+  const startX = (totalWidth - contentWidth) / 2;
+  const pCenters = participants.map((_, i) => startX + i * PARTICIPANT_GAP + PARTICIPANT_W / 2);
+  const noteAtMsg = /* @__PURE__ */ new Map();
+  for (const note of notes) {
+    const fontSize = 11;
+    const lines = wrapText(note.text, fontSize, NOTE_MAX_W - NOTE_PAD * 2);
+    const h = lines.length * (fontSize + 4) + NOTE_PAD * 2;
+    if (!noteAtMsg.has(note.atMessage)) noteAtMsg.set(note.atMessage, []);
+    noteAtMsg.get(note.atMessage).push({ ...note, lines, height: h });
+  }
+  const topBoxBottom = TOP_MARGIN + PARTICIPANT_H;
+  let currentY = topBoxBottom + 30;
+  const msgYPositions = [];
+  for (let mi = 0; mi < messages.length; mi++) {
+    const notesBefore = noteAtMsg.get(mi);
+    if (notesBefore) {
+      const maxNoteH = Math.max(...notesBefore.map((n) => n.height));
+      currentY += maxNoteH + 10;
+    }
+    msgYPositions.push(currentY);
+    currentY += MSG_ROW_HEIGHT;
+  }
+  const notesAfterLast = noteAtMsg.get(messages.length);
+  if (notesAfterLast) {
+    const maxNoteH = Math.max(...notesAfterLast.map((n) => n.height));
+    currentY += maxNoteH + 10;
+  }
+  const bottomBoxTop = currentY + 20;
+  const totalHeight = bottomBoxTop + PARTICIPANT_H + BOTTOM_MARGIN;
+  let svg = "";
+  const defs = [];
+  defs.push(`<marker id="seq-arrow-open" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
+      <polyline points="1,1 9,3.5 1,6" fill="none" stroke="${THEME.messageLine}" stroke-width="1.5" stroke-linejoin="round" />
+    </marker>`);
+  defs.push(`<marker id="seq-arrow-filled" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
+      <polygon points="1,1 9,3.5 1,6" fill="${THEME.messageLine}" stroke="none" />
+    </marker>`);
+  svg += `<rect x="0" y="0" width="${totalWidth}" height="${totalHeight}" fill="${THEME.bg}" rx="8" />`;
+  if (diagram.title) {
+    svg += `<text x="${totalWidth / 2}" y="${TOP_MARGIN - 8}" text-anchor="middle" fill="${THEME.participantText}" font-size="14" font-family="${FONT_FAMILY}" font-weight="600">${escapeXml(diagram.title)}</text>`;
+  }
+  for (let pi = 0; pi < pCount; pi++) {
+    const cx = pCenters[pi];
+    svg += `<line x1="${cx}" y1="${topBoxBottom}" x2="${cx}" y2="${bottomBoxTop}" stroke="${THEME.lifeline}" stroke-width="1" stroke-dasharray="6 4" />`;
+  }
+  for (let pi = 0; pi < pCount; pi++) {
+    const cx = pCenters[pi];
+    const bx = cx - PARTICIPANT_W / 2;
+    const by = TOP_MARGIN;
+    svg += `<g data-seq-type="participant" data-seq-id="${escapeXml(participants[pi].name)}" data-seq-pos="top">`;
+    svg += `<rect x="${bx}" y="${by}" width="${PARTICIPANT_W}" height="${PARTICIPANT_H}" rx="4" fill="${THEME.participantBg}" stroke="${THEME.participantBorder}" stroke-width="1.5" />`;
+    svg += `<text x="${cx}" y="${by + PARTICIPANT_H / 2 + 1}" text-anchor="middle" dominant-baseline="central" fill="${THEME.participantText}" font-size="13" font-family="${FONT_FAMILY}">${escapeXml(participants[pi].name)}</text>`;
+    svg += `</g>`;
+  }
+  for (let pi = 0; pi < pCount; pi++) {
+    const cx = pCenters[pi];
+    const bx = cx - PARTICIPANT_W / 2;
+    const by = bottomBoxTop;
+    svg += `<g data-seq-type="participant" data-seq-id="${escapeXml(participants[pi].name)}" data-seq-pos="bottom">`;
+    svg += `<rect x="${bx}" y="${by}" width="${PARTICIPANT_W}" height="${PARTICIPANT_H}" rx="4" fill="${THEME.participantBg}" stroke="${THEME.participantBorder}" stroke-width="1.5" />`;
+    svg += `<text x="${cx}" y="${by + PARTICIPANT_H / 2 + 1}" text-anchor="middle" dominant-baseline="central" fill="${THEME.participantText}" font-size="13" font-family="${FONT_FAMILY}">${escapeXml(participants[pi].name)}</text>`;
+    svg += `</g>`;
+  }
+  for (const block of blocks) {
+    const startY = block.startMsg < msgYPositions.length ? msgYPositions[block.startMsg] - 20 : topBoxBottom + 20;
+    const endY = block.endMsg <= msgYPositions.length ? block.endMsg < msgYPositions.length ? msgYPositions[block.endMsg] - 10 : currentY : currentY;
+    const blockX = startX - 15;
+    const blockW = contentWidth + 30;
+    svg += `<g data-seq-type="block" data-block-type="${block.type}">`;
+    svg += `<rect x="${blockX}" y="${startY}" width="${blockW}" height="${endY - startY}" rx="4" fill="${THEME.blockBg}" stroke="${THEME.blockBorder}" stroke-width="1" stroke-dasharray="4 2" />`;
+    svg += `<rect x="${blockX}" y="${startY}" width="${measureText(block.type, 10) + 12}" height="18" rx="3" fill="${THEME.blockBorder}" />`;
+    svg += `<text x="${blockX + 6}" y="${startY + 12}" fill="${THEME.bg}" font-size="10" font-family="${FONT_FAMILY}" font-weight="600">${escapeXml(block.type)}</text>`;
+    if (block.label) {
+      svg += `<text x="${blockX + measureText(block.type, 10) + 20}" y="${startY + 12}" fill="${THEME.blockLabel}" font-size="10" font-family="${FONT_FAMILY}" font-style="italic">[${escapeXml(block.label)}]</text>`;
+    }
+    for (let si = 1; si < block.sections.length; si++) {
+      const section = block.sections[si];
+      const secY = section.startMsg < msgYPositions.length ? msgYPositions[section.startMsg] - 15 : endY - 10;
+      svg += `<line x1="${blockX}" y1="${secY}" x2="${blockX + blockW}" y2="${secY}" stroke="${THEME.blockBorder}" stroke-width="1" stroke-dasharray="4 2" />`;
+      if (section.label) {
+        svg += `<text x="${blockX + 8}" y="${secY + 13}" fill="${THEME.blockLabel}" font-size="10" font-family="${FONT_FAMILY}" font-style="italic">[${escapeXml(section.label)}]</text>`;
+      }
+    }
+    svg += `</g>`;
+  }
+  for (let mi = 0; mi < messages.length; mi++) {
+    const msg = messages[mi];
+    const y = msgYPositions[mi];
+    const fromIdx = pIndex.get(msg.from);
+    const toIdx = pIndex.get(msg.to);
+    if (fromIdx === void 0 || toIdx === void 0) continue;
+    const fromX = pCenters[fromIdx];
+    const toX = pCenters[toIdx];
+    const isSelf = fromIdx === toIdx;
+    svg += `<g data-seq-type="message" data-seq-idx="${mi}">`;
+    if (isSelf) {
+      const loopW = 40;
+      const loopH = 25;
+      const dash = msg.solid ? "" : ` stroke-dasharray="6 3"`;
+      svg += `<path d="M ${fromX} ${y} L ${fromX + loopW} ${y} L ${fromX + loopW} ${y + loopH} L ${fromX + 4} ${y + loopH}" fill="none" stroke="${THEME.messageLine}" stroke-width="1.5"${dash} marker-end="url(#seq-arrow-open)" />`;
+      if (msg.text) {
+        svg += `<text x="${fromX + loopW + 6}" y="${y + loopH / 2 + 1}" dominant-baseline="central" fill="${THEME.messageText}" font-size="12" font-family="${FONT_FAMILY}">${escapeXml(msg.text)}</text>`;
+      }
+    } else {
+      const isLeft = toX < fromX;
+      const lineEndX = isLeft ? toX + 4 : toX - 4;
+      const dash = msg.solid ? "" : ` stroke-dasharray="6 3"`;
+      const markerId = msg.arrowHead === "filled" ? "seq-arrow-filled" : "seq-arrow-open";
+      if (msg.cross) {
+        svg += `<line x1="${fromX}" y1="${y}" x2="${lineEndX}" y2="${y}" stroke="${THEME.messageLine}" stroke-width="1.5"${dash} />`;
+        const xSize = 6;
+        svg += `<line x1="${toX - xSize}" y1="${y - xSize}" x2="${toX + xSize}" y2="${y + xSize}" stroke="${THEME.crossColor}" stroke-width="2" />`;
+        svg += `<line x1="${toX + xSize}" y1="${y - xSize}" x2="${toX - xSize}" y2="${y + xSize}" stroke="${THEME.crossColor}" stroke-width="2" />`;
+      } else {
+        svg += `<line x1="${fromX}" y1="${y}" x2="${lineEndX}" y2="${y}" stroke="${THEME.messageLine}" stroke-width="1.5"${dash} marker-end="url(#${markerId})" />`;
+      }
+      if (msg.text) {
+        const midX = (fromX + toX) / 2;
+        const textContent = msg.number ? `${msg.number}. ${msg.text}` : msg.text;
+        svg += `<text x="${midX}" y="${y - 8}" text-anchor="middle" fill="${THEME.messageText}" font-size="12" font-family="${FONT_FAMILY}">${escapeXml(textContent)}</text>`;
+      }
+    }
+    svg += `</g>`;
+  }
+  for (const [msgIdx, noteGroup] of noteAtMsg.entries()) {
+    const baseY = msgIdx < msgYPositions.length ? msgYPositions[msgIdx] - 15 : msgIdx > 0 ? msgYPositions[msgIdx - 1] + MSG_ROW_HEIGHT - 15 : topBoxBottom + 30;
+    for (const note of noteGroup) {
+      const targetIdxs = note.targets.map((t) => pIndex.get(t)).filter((i) => i !== void 0);
+      if (targetIdxs.length === 0) continue;
+      const fontSize = 11;
+      const lineH = fontSize + 4;
+      const noteH = note.lines.length * lineH + NOTE_PAD * 2;
+      const noteW = Math.min(
+        NOTE_MAX_W,
+        Math.max(...note.lines.map((l) => measureText(l, fontSize))) + NOTE_PAD * 2 + 10
+      );
+      let noteX;
+      if (note.position === "left of") {
+        const px = pCenters[targetIdxs[0]];
+        noteX = px - PARTICIPANT_W / 2 - noteW - 8;
+      } else if (note.position === "right of") {
+        const px = pCenters[targetIdxs[0]];
+        noteX = px + PARTICIPANT_W / 2 + 8;
+      } else {
+        if (targetIdxs.length >= 2) {
+          const minP = Math.min(...targetIdxs);
+          const maxP = Math.max(...targetIdxs);
+          const center = (pCenters[minP] + pCenters[maxP]) / 2;
+          noteX = center - noteW / 2;
+        } else {
+          noteX = pCenters[targetIdxs[0]] - noteW / 2;
+        }
+      }
+      const noteY = baseY - noteH;
+      svg += `<g data-seq-type="note">`;
+      svg += `<rect x="${noteX}" y="${noteY}" width="${noteW}" height="${noteH}" rx="3" fill="${THEME.noteBg}" stroke="${THEME.noteBorder}" stroke-width="1" />`;
+      note.lines.forEach((line, li) => {
+        svg += `<text x="${noteX + NOTE_PAD}" y="${noteY + NOTE_PAD + li * lineH + fontSize}" fill="${THEME.noteText}" font-size="${fontSize}" font-family="${FONT_FAMILY}">${escapeXml(line)}</text>`;
+      });
+      svg += `</g>`;
+    }
+  }
+  const defsStr = defs.length > 0 ? `<defs>${defs.join("")}</defs>` : "";
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${totalWidth}" height="${totalHeight}" viewBox="0 0 ${totalWidth} ${totalHeight}">${defsStr}${svg}</svg>`;
+}
+function renderSequencePreviewSVG(diagram) {
+  return renderSequenceSVG(diagram, { width: 620 });
+}
+function parseAndRenderSequence(src) {
+  const diagram = parseSequenceDiagram(src);
+  if (!diagram) return "";
+  return renderSequenceSVG(diagram);
+}
+function renderSequenceOnCanvas(diagram) {
+  if (!diagram || diagram.type !== "sequenceDiagram") return false;
+  if (!window.svg || !window.Rectangle || !window.Line || !window.Arrow) {
+    console.error("[SequenceRenderer] Engine not initialized (Rectangle / Line / Arrow missing)");
+    return false;
+  }
+  const participants = diagram.participants || [];
+  const messages = diagram.messages || [];
+  if (participants.length === 0) return false;
+  const pCount = participants.length;
+  const contentWidth = (pCount - 1) * PARTICIPANT_GAP + PARTICIPANT_W;
+  const totalWidth = Math.max(contentWidth + SIDE_MARGIN * 2, 400);
+  const startX = (totalWidth - contentWidth) / 2;
+  const pCenters = participants.map((_, i) => startX + i * PARTICIPANT_GAP + PARTICIPANT_W / 2);
+  const topBoxBottom = TOP_MARGIN + PARTICIPANT_H;
+  const msgYPositions = [];
+  let currentY = topBoxBottom + 30;
+  for (let mi = 0; mi < messages.length; mi++) {
+    msgYPositions.push(currentY);
+    currentY += MSG_ROW_HEIGHT;
+  }
+  const bottomBoxTop = currentY + 20;
+  const totalHeight = bottomBoxTop + PARTICIPANT_H + BOTTOM_MARGIN;
+  const vb = window.currentViewBox || { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight };
+  const ox = vb.x + vb.width / 2 - totalWidth / 2;
+  const oy = vb.y + vb.height / 2 - totalHeight / 2;
+  if (!window.Frame) {
+    console.error("[SequenceRenderer] window.Frame missing \u2014 cannot wrap diagram");
+    return false;
+  }
+  const PADDING = 24;
+  const frameTitle = diagram.title || "Sequence diagram";
+  const frame = new window.Frame(
+    ox - PADDING,
+    oy - PADDING,
+    totalWidth + PADDING * 2,
+    totalHeight + PADDING * 2,
+    {
+      stroke: "#888",
+      strokeWidth: 1,
+      fill: "transparent",
+      opacity: 0.7,
+      frameName: frameTitle
+    }
+  );
+  frame._diagramType = "mermaid-sequence";
+  window.shapes.push(frame);
+  if (window.pushCreateAction) window.pushCreateAction(frame);
+  const created = [];
+  const pIndex = /* @__PURE__ */ new Map();
+  for (let pi = 0; pi < pCount; pi++) {
+    const p = participants[pi];
+    pIndex.set(p.name, pi);
+    const cx = pCenters[pi] + ox;
+    const bx = cx - PARTICIPANT_W / 2;
+    try {
+      const topBox = new window.Rectangle(bx, TOP_MARGIN + oy, PARTICIPANT_W, PARTICIPANT_H, {
+        stroke: THEME.participantBorder,
+        strokeWidth: 1.5,
+        fill: THEME.participantBg,
+        fillStyle: "solid",
+        roughness: 1,
+        label: p.name
+      });
+      window.shapes.push(topBox);
+      if (window.pushCreateAction) window.pushCreateAction(topBox);
+      frame.addShapeToFrame(topBox);
+      created.push(topBox);
+      const lifeline = new window.Line(
+        { x: cx, y: topBoxBottom + oy },
+        { x: cx, y: bottomBoxTop + oy },
+        {
+          stroke: THEME.lifeline,
+          strokeWidth: 1,
+          strokeDasharray: "6 4",
+          roughness: 0
+        }
+      );
+      window.shapes.push(lifeline);
+      if (window.pushCreateAction) window.pushCreateAction(lifeline);
+      frame.addShapeToFrame(lifeline);
+      created.push(lifeline);
+      const bottomBox = new window.Rectangle(bx, bottomBoxTop + oy, PARTICIPANT_W, PARTICIPANT_H, {
+        stroke: THEME.participantBorder,
+        strokeWidth: 1.5,
+        fill: THEME.participantBg,
+        fillStyle: "solid",
+        roughness: 1,
+        label: p.name
+      });
+      window.shapes.push(bottomBox);
+      if (window.pushCreateAction) window.pushCreateAction(bottomBox);
+      frame.addShapeToFrame(bottomBox);
+      created.push(bottomBox);
+    } catch (err) {
+      console.warn("[SequenceRenderer] Participant creation failed:", p.name, err);
+    }
+  }
+  for (let mi = 0; mi < messages.length; mi++) {
+    const m = messages[mi];
+    const fromI = pIndex.get(m.from);
+    const toI = pIndex.get(m.to);
+    if (fromI == null || toI == null) continue;
+    if (fromI === toI) continue;
+    const fromCx = pCenters[fromI] + ox;
+    const toCx = pCenters[toI] + ox;
+    const y = msgYPositions[mi] + oy;
+    const labelText = m.number ? `${m.number}. ${m.text}` : m.text;
+    const isCross = !!m.cross && m.arrowHead === "cross";
+    const opts = {
+      stroke: THEME.messageLine,
+      strokeWidth: 1.5,
+      roughness: 0,
+      strokeDasharray: m.solid ? "" : "6 4",
+      label: labelText || ""
+    };
+    try {
+      const sp = { x: fromCx, y };
+      const ep = { x: toCx, y };
+      const connector = isCross ? new window.Line(sp, ep, opts) : new window.Arrow(sp, ep, opts);
+      window.shapes.push(connector);
+      if (window.pushCreateAction) window.pushCreateAction(connector);
+      frame.addShapeToFrame(connector);
+      created.push(connector);
+    } catch (err) {
+      console.warn("[SequenceRenderer] Message creation failed:", m, err);
+    }
+  }
+  const first = created[0];
+  if (first) {
+    window.currentShape = first;
+    if (typeof first.selectShape === "function") first.selectShape();
+  }
+  console.log(`[SequenceRenderer] Done: ${pCount} participants, ${messages.length} messages`);
+  return true;
+}
+export {
+  parseAndRenderSequence,
+  renderSequenceOnCanvas,
+  renderSequencePreviewSVG,
+  renderSequenceSVG
+};
+//# sourceMappingURL=MermaidSequenceRenderer-HPLHY5II.js.map

package/dist/react/MermaidSequenceRenderer-HPLHY5II.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/core/MermaidSequenceRenderer.js"],
+  "sourcesContent": ["/* eslint-disable */\n/**\n * MermaidSequenceRenderer - Renders parsed sequence diagrams as high-quality SVG.\n *\n * One renderer for both preview and canvas \u2014 ensures they always match.\n * The canvas renderer inserts the SVG into a frame; elements inside are\n * individually editable (each participant box, message label, note, etc.\n * is its own SVG group with data attributes for the editor).\n *\n * Design follows the reference image: dark theme, clean lines,\n * participant boxes at top and bottom, dashed lifelines, arrow styles.\n */\n\nimport { parseSequenceDiagram } from './MermaidSequenceParser.js';\n\n// Layout constants\nconst PARTICIPANT_W = 100;\nconst PARTICIPANT_H = 36;\nconst PARTICIPANT_GAP = 140;\nconst MSG_ROW_HEIGHT = 50;\nconst NOTE_PAD = 10;\nconst NOTE_MAX_W = 160;\nconst TOP_MARGIN = 30;\nconst BOTTOM_MARGIN = 30;\nconst SIDE_MARGIN = 40;\nconst FONT_FAMILY = 'lixFont, sans-serif';\nconst CODE_FONT = 'lixCode, monospace';\n\n// Theme colors (dark theme matching the app)\nconst THEME = {\n    bg: '#1e1e28',\n    participantBg: '#232329',\n    participantBorder: '#555',\n    participantText: '#e8e8ee',\n    lifeline: '#444',\n    messageLine: '#888',\n    messageDash: '#666',\n    messageText: '#e0e0e0',\n    noteBg: '#3a3520',\n    noteBorder: '#665e30',\n    noteText: '#d4c870',\n    blockBg: 'rgba(80,80,120,0.12)',\n    blockBorder: '#555',\n    blockLabel: '#a0a0b0',\n    crossColor: '#e74c3c',\n};\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\n/**\n * Measure approximate text width (since we can't use DOM measurement in pure SVG generation).\n * Uses a rough character-width heuristic.\n */\nfunction measureText(text, fontSize) {\n    const avgCharWidth = fontSize * 0.55;\n    return text.length * avgCharWidth;\n}\n\n/**\n * Word-wrap text into lines that fit within maxWidth.\n */\nfunction wrapText(text, fontSize, maxWidth) {\n    // Handle <br/> tags\n    const segments = text.split(/<br\\s*\\/?>/i);\n    const lines = [];\n    for (const segment of segments) {\n        const words = segment.split(/\\s+/);\n        let currentLine = '';\n        for (const word of words) {\n            const testLine = currentLine ? currentLine + ' ' + word : word;\n            if (measureText(testLine, fontSize) > maxWidth && currentLine) {\n                lines.push(currentLine);\n                currentLine = word;\n            } else {\n                currentLine = testLine;\n            }\n        }\n        if (currentLine) lines.push(currentLine);\n    }\n    return lines.length > 0 ? lines : [''];\n}\n\n/**\n * Render a parsed sequence diagram to SVG markup.\n *\n * @param {Object} diagram - Parsed from parseSequenceDiagram()\n * @param {Object} opts - { width?, fitToContent? }\n * @returns {string} SVG markup string\n */\nexport function renderSequenceSVG(diagram, opts = {}) {\n    if (!diagram || diagram.type !== 'sequenceDiagram') return '';\n\n    const participants = diagram.participants;\n    const messages = diagram.messages;\n    const notes = diagram.notes;\n    const blocks = diagram.blocks || [];\n\n    const pCount = participants.length;\n    if (pCount === 0) return '';\n\n    // Build participant index map\n    const pIndex = new Map();\n    participants.forEach((p, i) => pIndex.set(p.name, i));\n\n    // Calculate total width\n    const contentWidth = (pCount - 1) * PARTICIPANT_GAP + PARTICIPANT_W;\n    const totalWidth = opts.width || Math.max(contentWidth + SIDE_MARGIN * 2, 400);\n    const startX = (totalWidth - contentWidth) / 2;\n\n    // Participant X centers\n    const pCenters = participants.map((_, i) => startX + i * PARTICIPANT_GAP + PARTICIPANT_W / 2);\n\n    // Pre-calculate note heights to account for row expansion\n    const noteAtMsg = new Map(); // msgIndex -> [{note, height}]\n    for (const note of notes) {\n        const fontSize = 11;\n        const lines = wrapText(note.text, fontSize, NOTE_MAX_W - NOTE_PAD * 2);\n        const h = lines.length * (fontSize + 4) + NOTE_PAD * 2;\n        if (!noteAtMsg.has(note.atMessage)) noteAtMsg.set(note.atMessage, []);\n        noteAtMsg.get(note.atMessage).push({ ...note, lines, height: h });\n    }\n\n    // Calculate message Y positions (accounting for notes that expand rows)\n    const topBoxBottom = TOP_MARGIN + PARTICIPANT_H;\n    let currentY = topBoxBottom + 30;  // gap after top participant boxes\n\n    const msgYPositions = [];\n    for (let mi = 0; mi < messages.length; mi++) {\n        // Check if notes appear before this message\n        const notesBefore = noteAtMsg.get(mi);\n        if (notesBefore) {\n            const maxNoteH = Math.max(...notesBefore.map(n => n.height));\n            currentY += maxNoteH + 10;\n        }\n        msgYPositions.push(currentY);\n        currentY += MSG_ROW_HEIGHT;\n    }\n\n    // Notes after last message\n    const notesAfterLast = noteAtMsg.get(messages.length);\n    if (notesAfterLast) {\n        const maxNoteH = Math.max(...notesAfterLast.map(n => n.height));\n        currentY += maxNoteH + 10;\n    }\n\n    const bottomBoxTop = currentY + 20;\n    const totalHeight = bottomBoxTop + PARTICIPANT_H + BOTTOM_MARGIN;\n\n    // Start building SVG\n    let svg = '';\n    const defs = [];\n\n    // Arrow markers\n    defs.push(`<marker id=\"seq-arrow-open\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\">\n      <polyline points=\"1,1 9,3.5 1,6\" fill=\"none\" stroke=\"${THEME.messageLine}\" stroke-width=\"1.5\" stroke-linejoin=\"round\" />\n    </marker>`);\n    defs.push(`<marker id=\"seq-arrow-filled\" markerWidth=\"10\" markerHeight=\"7\" refX=\"9\" refY=\"3.5\" orient=\"auto\">\n      <polygon points=\"1,1 9,3.5 1,6\" fill=\"${THEME.messageLine}\" stroke=\"none\" />\n    </marker>`);\n\n    // Background\n    svg += `<rect x=\"0\" y=\"0\" width=\"${totalWidth}\" height=\"${totalHeight}\" fill=\"${THEME.bg}\" rx=\"8\" />`;\n\n    // Title\n    if (diagram.title) {\n        svg += `<text x=\"${totalWidth / 2}\" y=\"${TOP_MARGIN - 8}\" text-anchor=\"middle\" fill=\"${THEME.participantText}\" font-size=\"14\" font-family=\"${FONT_FAMILY}\" font-weight=\"600\">${escapeXml(diagram.title)}</text>`;\n    }\n\n    // --- Lifelines (dashed vertical lines) ---\n    for (let pi = 0; pi < pCount; pi++) {\n        const cx = pCenters[pi];\n        svg += `<line x1=\"${cx}\" y1=\"${topBoxBottom}\" x2=\"${cx}\" y2=\"${bottomBoxTop}\" stroke=\"${THEME.lifeline}\" stroke-width=\"1\" stroke-dasharray=\"6 4\" />`;\n    }\n\n    // --- Participant boxes (top) ---\n    for (let pi = 0; pi < pCount; pi++) {\n        const cx = pCenters[pi];\n        const bx = cx - PARTICIPANT_W / 2;\n        const by = TOP_MARGIN;\n        svg += `<g data-seq-type=\"participant\" data-seq-id=\"${escapeXml(participants[pi].name)}\" data-seq-pos=\"top\">`;\n        svg += `<rect x=\"${bx}\" y=\"${by}\" width=\"${PARTICIPANT_W}\" height=\"${PARTICIPANT_H}\" rx=\"4\" fill=\"${THEME.participantBg}\" stroke=\"${THEME.participantBorder}\" stroke-width=\"1.5\" />`;\n        svg += `<text x=\"${cx}\" y=\"${by + PARTICIPANT_H / 2 + 1}\" text-anchor=\"middle\" dominant-baseline=\"central\" fill=\"${THEME.participantText}\" font-size=\"13\" font-family=\"${FONT_FAMILY}\">${escapeXml(participants[pi].name)}</text>`;\n        svg += `</g>`;\n    }\n\n    // --- Participant boxes (bottom) ---\n    for (let pi = 0; pi < pCount; pi++) {\n        const cx = pCenters[pi];\n        const bx = cx - PARTICIPANT_W / 2;\n        const by = bottomBoxTop;\n        svg += `<g data-seq-type=\"participant\" data-seq-id=\"${escapeXml(participants[pi].name)}\" data-seq-pos=\"bottom\">`;\n        svg += `<rect x=\"${bx}\" y=\"${by}\" width=\"${PARTICIPANT_W}\" height=\"${PARTICIPANT_H}\" rx=\"4\" fill=\"${THEME.participantBg}\" stroke=\"${THEME.participantBorder}\" stroke-width=\"1.5\" />`;\n        svg += `<text x=\"${cx}\" y=\"${by + PARTICIPANT_H / 2 + 1}\" text-anchor=\"middle\" dominant-baseline=\"central\" fill=\"${THEME.participantText}\" font-size=\"13\" font-family=\"${FONT_FAMILY}\">${escapeXml(participants[pi].name)}</text>`;\n        svg += `</g>`;\n    }\n\n    // --- Blocks (alt/loop/opt etc.) ---\n    for (const block of blocks) {\n        const startY = block.startMsg < msgYPositions.length\n            ? msgYPositions[block.startMsg] - 20\n            : topBoxBottom + 20;\n        const endY = block.endMsg <= msgYPositions.length\n            ? (block.endMsg < msgYPositions.length ? msgYPositions[block.endMsg] - 10 : currentY)\n            : currentY;\n\n        const blockX = startX - 15;\n        const blockW = contentWidth + 30;\n\n        svg += `<g data-seq-type=\"block\" data-block-type=\"${block.type}\">`;\n        svg += `<rect x=\"${blockX}\" y=\"${startY}\" width=\"${blockW}\" height=\"${endY - startY}\" rx=\"4\" fill=\"${THEME.blockBg}\" stroke=\"${THEME.blockBorder}\" stroke-width=\"1\" stroke-dasharray=\"4 2\" />`;\n        // Type label in top-left corner\n        svg += `<rect x=\"${blockX}\" y=\"${startY}\" width=\"${measureText(block.type, 10) + 12}\" height=\"18\" rx=\"3\" fill=\"${THEME.blockBorder}\" />`;\n        svg += `<text x=\"${blockX + 6}\" y=\"${startY + 12}\" fill=\"${THEME.bg}\" font-size=\"10\" font-family=\"${FONT_FAMILY}\" font-weight=\"600\">${escapeXml(block.type)}</text>`;\n        // Condition label\n        if (block.label) {\n            svg += `<text x=\"${blockX + measureText(block.type, 10) + 20}\" y=\"${startY + 12}\" fill=\"${THEME.blockLabel}\" font-size=\"10\" font-family=\"${FONT_FAMILY}\" font-style=\"italic\">[${escapeXml(block.label)}]</text>`;\n        }\n\n        // Section dividers (else sections)\n        for (let si = 1; si < block.sections.length; si++) {\n            const section = block.sections[si];\n            const secY = section.startMsg < msgYPositions.length\n                ? msgYPositions[section.startMsg] - 15\n                : endY - 10;\n            svg += `<line x1=\"${blockX}\" y1=\"${secY}\" x2=\"${blockX + blockW}\" y2=\"${secY}\" stroke=\"${THEME.blockBorder}\" stroke-width=\"1\" stroke-dasharray=\"4 2\" />`;\n            if (section.label) {\n                svg += `<text x=\"${blockX + 8}\" y=\"${secY + 13}\" fill=\"${THEME.blockLabel}\" font-size=\"10\" font-family=\"${FONT_FAMILY}\" font-style=\"italic\">[${escapeXml(section.label)}]</text>`;\n            }\n        }\n        svg += `</g>`;\n    }\n\n    // --- Messages ---\n    for (let mi = 0; mi < messages.length; mi++) {\n        const msg = messages[mi];\n        const y = msgYPositions[mi];\n        const fromIdx = pIndex.get(msg.from);\n        const toIdx = pIndex.get(msg.to);\n        if (fromIdx === undefined || toIdx === undefined) continue;\n\n        const fromX = pCenters[fromIdx];\n        const toX = pCenters[toIdx];\n        const isSelf = fromIdx === toIdx;\n\n        svg += `<g data-seq-type=\"message\" data-seq-idx=\"${mi}\">`;\n\n        if (isSelf) {\n            // Self-message: loop arrow to the right\n            const loopW = 40;\n            const loopH = 25;\n            const dash = msg.solid ? '' : ` stroke-dasharray=\"6 3\"`;\n            svg += `<path d=\"M ${fromX} ${y} L ${fromX + loopW} ${y} L ${fromX + loopW} ${y + loopH} L ${fromX + 4} ${y + loopH}\" fill=\"none\" stroke=\"${THEME.messageLine}\" stroke-width=\"1.5\"${dash} marker-end=\"url(#seq-arrow-open)\" />`;\n            if (msg.text) {\n                svg += `<text x=\"${fromX + loopW + 6}\" y=\"${y + loopH / 2 + 1}\" dominant-baseline=\"central\" fill=\"${THEME.messageText}\" font-size=\"12\" font-family=\"${FONT_FAMILY}\">${escapeXml(msg.text)}</text>`;\n            }\n        } else {\n            const isLeft = toX < fromX;\n            const lineEndX = isLeft ? toX + 4 : toX - 4;\n            const dash = msg.solid ? '' : ` stroke-dasharray=\"6 3\"`;\n\n            // Arrow line\n            const markerId = msg.arrowHead === 'filled' ? 'seq-arrow-filled' : 'seq-arrow-open';\n\n            if (msg.cross) {\n                // Cross at end (lost message)\n                svg += `<line x1=\"${fromX}\" y1=\"${y}\" x2=\"${lineEndX}\" y2=\"${y}\" stroke=\"${THEME.messageLine}\" stroke-width=\"1.5\"${dash} />`;\n                // X mark\n                const xSize = 6;\n                svg += `<line x1=\"${toX - xSize}\" y1=\"${y - xSize}\" x2=\"${toX + xSize}\" y2=\"${y + xSize}\" stroke=\"${THEME.crossColor}\" stroke-width=\"2\" />`;\n                svg += `<line x1=\"${toX + xSize}\" y1=\"${y - xSize}\" x2=\"${toX - xSize}\" y2=\"${y + xSize}\" stroke=\"${THEME.crossColor}\" stroke-width=\"2\" />`;\n            } else {\n                svg += `<line x1=\"${fromX}\" y1=\"${y}\" x2=\"${lineEndX}\" y2=\"${y}\" stroke=\"${THEME.messageLine}\" stroke-width=\"1.5\"${dash} marker-end=\"url(#${markerId})\" />`;\n            }\n\n            // Message text (centered above the line)\n            if (msg.text) {\n                const midX = (fromX + toX) / 2;\n                const textContent = msg.number ? `${msg.number}. ${msg.text}` : msg.text;\n                svg += `<text x=\"${midX}\" y=\"${y - 8}\" text-anchor=\"middle\" fill=\"${THEME.messageText}\" font-size=\"12\" font-family=\"${FONT_FAMILY}\">${escapeXml(textContent)}</text>`;\n            }\n        }\n\n        svg += `</g>`;\n    }\n\n    // --- Notes ---\n    for (const [msgIdx, noteGroup] of noteAtMsg.entries()) {\n        const baseY = msgIdx < msgYPositions.length\n            ? msgYPositions[msgIdx] - 15\n            : (msgIdx > 0 ? msgYPositions[msgIdx - 1] + MSG_ROW_HEIGHT - 15 : topBoxBottom + 30);\n\n        for (const note of noteGroup) {\n            const targetIdxs = note.targets.map(t => pIndex.get(t)).filter(i => i !== undefined);\n            if (targetIdxs.length === 0) continue;\n\n            const fontSize = 11;\n            const lineH = fontSize + 4;\n            const noteH = note.lines.length * lineH + NOTE_PAD * 2;\n            const noteW = Math.min(\n                NOTE_MAX_W,\n                Math.max(...note.lines.map(l => measureText(l, fontSize))) + NOTE_PAD * 2 + 10\n            );\n\n            let noteX;\n            if (note.position === 'left of') {\n                const px = pCenters[targetIdxs[0]];\n                noteX = px - PARTICIPANT_W / 2 - noteW - 8;\n            } else if (note.position === 'right of') {\n                const px = pCenters[targetIdxs[0]];\n                noteX = px + PARTICIPANT_W / 2 + 8;\n            } else {\n                // 'over' - center between targets\n                if (targetIdxs.length >= 2) {\n                    const minP = Math.min(...targetIdxs);\n                    const maxP = Math.max(...targetIdxs);\n                    const center = (pCenters[minP] + pCenters[maxP]) / 2;\n                    noteX = center - noteW / 2;\n                } else {\n                    noteX = pCenters[targetIdxs[0]] - noteW / 2;\n                }\n            }\n\n            const noteY = baseY - noteH;\n\n            svg += `<g data-seq-type=\"note\">`;\n            svg += `<rect x=\"${noteX}\" y=\"${noteY}\" width=\"${noteW}\" height=\"${noteH}\" rx=\"3\" fill=\"${THEME.noteBg}\" stroke=\"${THEME.noteBorder}\" stroke-width=\"1\" />`;\n            // Render wrapped text lines\n            note.lines.forEach((line, li) => {\n                svg += `<text x=\"${noteX + NOTE_PAD}\" y=\"${noteY + NOTE_PAD + li * lineH + fontSize}\" fill=\"${THEME.noteText}\" font-size=\"${fontSize}\" font-family=\"${FONT_FAMILY}\">${escapeXml(line)}</text>`;\n            });\n            svg += `</g>`;\n        }\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 * Generate preview SVG for the modal (fixed width).\n */\nexport function renderSequencePreviewSVG(diagram) {\n    return renderSequenceSVG(diagram, { width: 620 });\n}\n\n/**\n * Parse raw mermaid source and render sequence SVG.\n * Returns SVG string or empty string if not a sequence diagram.\n */\nexport function parseAndRenderSequence(src) {\n    const diagram = parseSequenceDiagram(src);\n    if (!diagram) return '';\n    return renderSequenceSVG(diagram);\n}\n\n/**\n * Render a sequence diagram onto the canvas as a real engine `Frame`\n * containing independent shapes \u2014 top + bottom participant boxes,\n * dashed lifelines, and a real Arrow (or Line for `--x`/`-x`) per\n * message. Each child is fully independent for click / drag / resize;\n * the Frame's `_diagramType` marker makes Frame.destroy() pull the\n * children along on delete, so the diagram still behaves as one\n * logical unit when discarded.\n *\n * Issue #34 bug #3 (follow-up to #24 per-actor split): drops the shared\n * `groupId` glue so clicking one shape selects only that shape.\n *\n * Notes and block-frames (alt/opt/loop) are skipped for now \u2014 they'd\n * either need their own shape types or a richer label model. Self-\n * messages are also skipped (would need a curved arrow).\n */\nexport function renderSequenceOnCanvas(diagram) {\n    if (!diagram || diagram.type !== 'sequenceDiagram') return false;\n    if (!window.svg || !window.Rectangle || !window.Line || !window.Arrow) {\n        console.error('[SequenceRenderer] Engine not initialized (Rectangle / Line / Arrow missing)');\n        return false;\n    }\n\n    const participants = diagram.participants || [];\n    const messages = diagram.messages || [];\n    if (participants.length === 0) return false;\n\n    // Mirror the layout math from renderSequenceSVG so the canvas layout\n    // matches the modal preview.\n    const pCount = participants.length;\n    const contentWidth = (pCount - 1) * PARTICIPANT_GAP + PARTICIPANT_W;\n    const totalWidth = Math.max(contentWidth + SIDE_MARGIN * 2, 400);\n    const startX = (totalWidth - contentWidth) / 2;\n    const pCenters = participants.map((_, i) => startX + i * PARTICIPANT_GAP + PARTICIPANT_W / 2);\n\n    const topBoxBottom = TOP_MARGIN + PARTICIPANT_H;\n    const msgYPositions = [];\n    let currentY = topBoxBottom + 30;\n    for (let mi = 0; mi < messages.length; mi++) {\n        msgYPositions.push(currentY);\n        currentY += MSG_ROW_HEIGHT;\n    }\n    const bottomBoxTop = currentY + 20;\n    const totalHeight = bottomBoxTop + PARTICIPANT_H + BOTTOM_MARGIN;\n\n    // Centre the diagram on the current viewport so the user sees it\n    // right where they invoked the renderer.\n    const vb = window.currentViewBox || { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight };\n    const ox = vb.x + vb.width / 2 - totalWidth / 2;\n    const oy = vb.y + vb.height / 2 - totalHeight / 2;\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    // Issue #34 bug #3: drop the shared groupId glue. Each child is\n    // independent for click / drag / resize. The Frame's `_diagramType`\n    // marker makes Frame.destroy() pull the children along on delete,\n    // so the diagram still behaves as one logical unit when discarded.\n    if (!window.Frame) {\n        console.error('[SequenceRenderer] window.Frame missing \u2014 cannot wrap diagram');\n        return false;\n    }\n    const PADDING = 24;\n    const frameTitle = diagram.title || 'Sequence diagram';\n    const frame = new window.Frame(\n        ox - PADDING,\n        oy - PADDING,\n        totalWidth + PADDING * 2,\n        totalHeight + 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-sequence';\n    window.shapes.push(frame);\n    if (window.pushCreateAction) window.pushCreateAction(frame);\n\n    const created = [];\n\n    // \u2500\u2500 Participants: top box + lifeline (and bottom box) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    const pIndex = new Map();\n    for (let pi = 0; pi < pCount; pi++) {\n        const p = participants[pi];\n        pIndex.set(p.name, pi);\n        const cx = pCenters[pi] + ox;\n        const bx = cx - PARTICIPANT_W / 2;\n\n        try {\n            // Top participant box\n            const topBox = new window.Rectangle(bx, TOP_MARGIN + oy, PARTICIPANT_W, PARTICIPANT_H, {\n                stroke: THEME.participantBorder,\n                strokeWidth: 1.5,\n                fill: THEME.participantBg,\n                fillStyle: 'solid',\n                roughness: 1,\n                label: p.name,\n            });\n            window.shapes.push(topBox);\n            if (window.pushCreateAction) window.pushCreateAction(topBox);\n            frame.addShapeToFrame(topBox);\n            created.push(topBox);\n\n            // Lifeline (dashed vertical line spanning the diagram height)\n            const lifeline = new window.Line(\n                { x: cx, y: topBoxBottom + oy },\n                { x: cx, y: bottomBoxTop + oy },\n                {\n                    stroke: THEME.lifeline,\n                    strokeWidth: 1,\n                    strokeDasharray: '6 4',\n                    roughness: 0,\n                }\n            );\n            window.shapes.push(lifeline);\n            if (window.pushCreateAction) window.pushCreateAction(lifeline);\n            frame.addShapeToFrame(lifeline);\n            created.push(lifeline);\n\n            // Bottom participant box (mirrors top \u2014 Mermaid convention)\n            const bottomBox = new window.Rectangle(bx, bottomBoxTop + oy, PARTICIPANT_W, PARTICIPANT_H, {\n                stroke: THEME.participantBorder,\n                strokeWidth: 1.5,\n                fill: THEME.participantBg,\n                fillStyle: 'solid',\n                roughness: 1,\n                label: p.name,\n            });\n            window.shapes.push(bottomBox);\n            if (window.pushCreateAction) window.pushCreateAction(bottomBox);\n            frame.addShapeToFrame(bottomBox);\n            created.push(bottomBox);\n        } catch (err) {\n            console.warn('[SequenceRenderer] Participant creation failed:', p.name, err);\n        }\n    }\n\n    // \u2500\u2500 Messages: arrow (or line for --x style) per row \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    for (let mi = 0; mi < messages.length; mi++) {\n        const m = messages[mi];\n        const fromI = pIndex.get(m.from);\n        const toI = pIndex.get(m.to);\n        if (fromI == null || toI == null) continue;\n        if (fromI === toI) continue;  // skip self-messages (v1 limitation)\n\n        const fromCx = pCenters[fromI] + ox;\n        const toCx = pCenters[toI] + ox;\n        const y = msgYPositions[mi] + oy;\n\n        const labelText = m.number ? `${m.number}. ${m.text}` : m.text;\n\n        // Solid vs dashed (sync vs async response). `cross` style (-x)\n        // would render as a line with an X at the head \u2014 fall back to a\n        // line for that, arrow otherwise.\n        const isCross = !!m.cross && m.arrowHead === 'cross';\n        const opts = {\n            stroke: THEME.messageLine,\n            strokeWidth: 1.5,\n            roughness: 0,\n            strokeDasharray: m.solid ? '' : '6 4',\n            label: labelText || '',\n        };\n\n        try {\n            const sp = { x: fromCx, y };\n            const ep = { x: toCx, y };\n            const connector = isCross\n                ? new window.Line(sp, ep, opts)\n                : new window.Arrow(sp, ep, opts);\n            window.shapes.push(connector);\n            if (window.pushCreateAction) window.pushCreateAction(connector);\n            frame.addShapeToFrame(connector);\n            created.push(connector);\n        } catch (err) {\n            console.warn('[SequenceRenderer] Message creation failed:', m, err);\n        }\n    }\n\n    // Auto-select the first node so the user has feedback that the\n    // diagram landed. Selecting a child (not the frame) reinforces the\n    // \"independent shapes inside a frame\" model from issue #34 bug #3.\n    const first = created[0];\n    if (first) {\n        window.currentShape = first;\n        if (typeof first.selectShape === 'function') first.selectShape();\n    }\n\n    console.log(`[SequenceRenderer] Done: ${pCount} participants, ${messages.length} messages`);\n    return true;\n}\n\n"],
+  "mappings": ";;;;;;AAgBA,IAAM,gBAAgB;AACtB,IAAM,gBAAgB;AACtB,IAAM,kBAAkB;AACxB,IAAM,iBAAiB;AACvB,IAAM,WAAW;AACjB,IAAM,aAAa;AACnB,IAAM,aAAa;AACnB,IAAM,gBAAgB;AACtB,IAAM,cAAc;AACpB,IAAM,cAAc;AAIpB,IAAM,QAAQ;AAAA,EACV,IAAI;AAAA,EACJ,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AAChB;AAEA,SAAS,UAAU,KAAK;AACpB,SAAO,OAAO,GAAG,EACZ,QAAQ,MAAM,OAAO,EACrB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,QAAQ;AAC/B;AAMA,SAAS,YAAY,MAAM,UAAU;AACjC,QAAM,eAAe,WAAW;AAChC,SAAO,KAAK,SAAS;AACzB;AAKA,SAAS,SAAS,MAAM,UAAU,UAAU;AAExC,QAAM,WAAW,KAAK,MAAM,aAAa;AACzC,QAAM,QAAQ,CAAC;AACf,aAAW,WAAW,UAAU;AAC5B,UAAM,QAAQ,QAAQ,MAAM,KAAK;AACjC,QAAI,cAAc;AAClB,eAAW,QAAQ,OAAO;AACtB,YAAM,WAAW,cAAc,cAAc,MAAM,OAAO;AAC1D,UAAI,YAAY,UAAU,QAAQ,IAAI,YAAY,aAAa;AAC3D,cAAM,KAAK,WAAW;AACtB,sBAAc;AAAA,MAClB,OAAO;AACH,sBAAc;AAAA,MAClB;AAAA,IACJ;AACA,QAAI,YAAa,OAAM,KAAK,WAAW;AAAA,EAC3C;AACA,SAAO,MAAM,SAAS,IAAI,QAAQ,CAAC,EAAE;AACzC;AASO,SAAS,kBAAkB,SAAS,OAAO,CAAC,GAAG;AAClD,MAAI,CAAC,WAAW,QAAQ,SAAS,kBAAmB,QAAO;AAE3D,QAAM,eAAe,QAAQ;AAC7B,QAAM,WAAW,QAAQ;AACzB,QAAM,QAAQ,QAAQ;AACtB,QAAM,SAAS,QAAQ,UAAU,CAAC;AAElC,QAAM,SAAS,aAAa;AAC5B,MAAI,WAAW,EAAG,QAAO;AAGzB,QAAM,SAAS,oBAAI,IAAI;AACvB,eAAa,QAAQ,CAAC,GAAG,MAAM,OAAO,IAAI,EAAE,MAAM,CAAC,CAAC;AAGpD,QAAM,gBAAgB,SAAS,KAAK,kBAAkB;AACtD,QAAM,aAAa,KAAK,SAAS,KAAK,IAAI,eAAe,cAAc,GAAG,GAAG;AAC7E,QAAM,UAAU,aAAa,gBAAgB;AAG7C,QAAM,WAAW,aAAa,IAAI,CAAC,GAAG,MAAM,SAAS,IAAI,kBAAkB,gBAAgB,CAAC;AAG5F,QAAM,YAAY,oBAAI,IAAI;AAC1B,aAAW,QAAQ,OAAO;AACtB,UAAM,WAAW;AACjB,UAAM,QAAQ,SAAS,KAAK,MAAM,UAAU,aAAa,WAAW,CAAC;AACrE,UAAM,IAAI,MAAM,UAAU,WAAW,KAAK,WAAW;AACrD,QAAI,CAAC,UAAU,IAAI,KAAK,SAAS,EAAG,WAAU,IAAI,KAAK,WAAW,CAAC,CAAC;AACpE,cAAU,IAAI,KAAK,SAAS,EAAE,KAAK,EAAE,GAAG,MAAM,OAAO,QAAQ,EAAE,CAAC;AAAA,EACpE;AAGA,QAAM,eAAe,aAAa;AAClC,MAAI,WAAW,eAAe;AAE9B,QAAM,gBAAgB,CAAC;AACvB,WAAS,KAAK,GAAG,KAAK,SAAS,QAAQ,MAAM;AAEzC,UAAM,cAAc,UAAU,IAAI,EAAE;AACpC,QAAI,aAAa;AACb,YAAM,WAAW,KAAK,IAAI,GAAG,YAAY,IAAI,OAAK,EAAE,MAAM,CAAC;AAC3D,kBAAY,WAAW;AAAA,IAC3B;AACA,kBAAc,KAAK,QAAQ;AAC3B,gBAAY;AAAA,EAChB;AAGA,QAAM,iBAAiB,UAAU,IAAI,SAAS,MAAM;AACpD,MAAI,gBAAgB;AAChB,UAAM,WAAW,KAAK,IAAI,GAAG,eAAe,IAAI,OAAK,EAAE,MAAM,CAAC;AAC9D,gBAAY,WAAW;AAAA,EAC3B;AAEA,QAAM,eAAe,WAAW;AAChC,QAAM,cAAc,eAAe,gBAAgB;AAGnD,MAAI,MAAM;AACV,QAAM,OAAO,CAAC;AAGd,OAAK,KAAK;AAAA,6DAC+C,MAAM,WAAW;AAAA,cAChE;AACV,OAAK,KAAK;AAAA,8CACgC,MAAM,WAAW;AAAA,cACjD;AAGV,SAAO,4BAA4B,UAAU,aAAa,WAAW,WAAW,MAAM,EAAE;AAGxF,MAAI,QAAQ,OAAO;AACf,WAAO,YAAY,aAAa,CAAC,QAAQ,aAAa,CAAC,gCAAgC,MAAM,eAAe,iCAAiC,WAAW,uBAAuB,UAAU,QAAQ,KAAK,CAAC;AAAA,EAC3M;AAGA,WAAS,KAAK,GAAG,KAAK,QAAQ,MAAM;AAChC,UAAM,KAAK,SAAS,EAAE;AACtB,WAAO,aAAa,EAAE,SAAS,YAAY,SAAS,EAAE,SAAS,YAAY,aAAa,MAAM,QAAQ;AAAA,EAC1G;AAGA,WAAS,KAAK,GAAG,KAAK,QAAQ,MAAM;AAChC,UAAM,KAAK,SAAS,EAAE;AACtB,UAAM,KAAK,KAAK,gBAAgB;AAChC,UAAM,KAAK;AACX,WAAO,+CAA+C,UAAU,aAAa,EAAE,EAAE,IAAI,CAAC;AACtF,WAAO,YAAY,EAAE,QAAQ,EAAE,YAAY,aAAa,aAAa,aAAa,kBAAkB,MAAM,aAAa,aAAa,MAAM,iBAAiB;AAC3J,WAAO,YAAY,EAAE,QAAQ,KAAK,gBAAgB,IAAI,CAAC,4DAA4D,MAAM,eAAe,iCAAiC,WAAW,KAAK,UAAU,aAAa,EAAE,EAAE,IAAI,CAAC;AACzN,WAAO;AAAA,EACX;AAGA,WAAS,KAAK,GAAG,KAAK,QAAQ,MAAM;AAChC,UAAM,KAAK,SAAS,EAAE;AACtB,UAAM,KAAK,KAAK,gBAAgB;AAChC,UAAM,KAAK;AACX,WAAO,+CAA+C,UAAU,aAAa,EAAE,EAAE,IAAI,CAAC;AACtF,WAAO,YAAY,EAAE,QAAQ,EAAE,YAAY,aAAa,aAAa,aAAa,kBAAkB,MAAM,aAAa,aAAa,MAAM,iBAAiB;AAC3J,WAAO,YAAY,EAAE,QAAQ,KAAK,gBAAgB,IAAI,CAAC,4DAA4D,MAAM,eAAe,iCAAiC,WAAW,KAAK,UAAU,aAAa,EAAE,EAAE,IAAI,CAAC;AACzN,WAAO;AAAA,EACX;AAGA,aAAW,SAAS,QAAQ;AACxB,UAAM,SAAS,MAAM,WAAW,cAAc,SACxC,cAAc,MAAM,QAAQ,IAAI,KAChC,eAAe;AACrB,UAAM,OAAO,MAAM,UAAU,cAAc,SACpC,MAAM,SAAS,cAAc,SAAS,cAAc,MAAM,MAAM,IAAI,KAAK,WAC1E;AAEN,UAAM,SAAS,SAAS;AACxB,UAAM,SAAS,eAAe;AAE9B,WAAO,6CAA6C,MAAM,IAAI;AAC9D,WAAO,YAAY,MAAM,QAAQ,MAAM,YAAY,MAAM,aAAa,OAAO,MAAM,kBAAkB,MAAM,OAAO,aAAa,MAAM,WAAW;AAEhJ,WAAO,YAAY,MAAM,QAAQ,MAAM,YAAY,YAAY,MAAM,MAAM,EAAE,IAAI,EAAE,8BAA8B,MAAM,WAAW;AAClI,WAAO,YAAY,SAAS,CAAC,QAAQ,SAAS,EAAE,WAAW,MAAM,EAAE,iCAAiC,WAAW,uBAAuB,UAAU,MAAM,IAAI,CAAC;AAE3J,QAAI,MAAM,OAAO;AACb,aAAO,YAAY,SAAS,YAAY,MAAM,MAAM,EAAE,IAAI,EAAE,QAAQ,SAAS,EAAE,WAAW,MAAM,UAAU,iCAAiC,WAAW,0BAA0B,UAAU,MAAM,KAAK,CAAC;AAAA,IAC1M;AAGA,aAAS,KAAK,GAAG,KAAK,MAAM,SAAS,QAAQ,MAAM;AAC/C,YAAM,UAAU,MAAM,SAAS,EAAE;AACjC,YAAM,OAAO,QAAQ,WAAW,cAAc,SACxC,cAAc,QAAQ,QAAQ,IAAI,KAClC,OAAO;AACb,aAAO,aAAa,MAAM,SAAS,IAAI,SAAS,SAAS,MAAM,SAAS,IAAI,aAAa,MAAM,WAAW;AAC1G,UAAI,QAAQ,OAAO;AACf,eAAO,YAAY,SAAS,CAAC,QAAQ,OAAO,EAAE,WAAW,MAAM,UAAU,iCAAiC,WAAW,0BAA0B,UAAU,QAAQ,KAAK,CAAC;AAAA,MAC3K;AAAA,IACJ;AACA,WAAO;AAAA,EACX;AAGA,WAAS,KAAK,GAAG,KAAK,SAAS,QAAQ,MAAM;AACzC,UAAM,MAAM,SAAS,EAAE;AACvB,UAAM,IAAI,cAAc,EAAE;AAC1B,UAAM,UAAU,OAAO,IAAI,IAAI,IAAI;AACnC,UAAM,QAAQ,OAAO,IAAI,IAAI,EAAE;AAC/B,QAAI,YAAY,UAAa,UAAU,OAAW;AAElD,UAAM,QAAQ,SAAS,OAAO;AAC9B,UAAM,MAAM,SAAS,KAAK;AAC1B,UAAM,SAAS,YAAY;AAE3B,WAAO,4CAA4C,EAAE;AAErD,QAAI,QAAQ;AAER,YAAM,QAAQ;AACd,YAAM,QAAQ;AACd,YAAM,OAAO,IAAI,QAAQ,KAAK;AAC9B,aAAO,cAAc,KAAK,IAAI,CAAC,MAAM,QAAQ,KAAK,IAAI,CAAC,MAAM,QAAQ,KAAK,IAAI,IAAI,KAAK,MAAM,QAAQ,CAAC,IAAI,IAAI,KAAK,yBAAyB,MAAM,WAAW,uBAAuB,IAAI;AACxL,UAAI,IAAI,MAAM;AACV,eAAO,YAAY,QAAQ,QAAQ,CAAC,QAAQ,IAAI,QAAQ,IAAI,CAAC,uCAAuC,MAAM,WAAW,iCAAiC,WAAW,KAAK,UAAU,IAAI,IAAI,CAAC;AAAA,MAC7L;AAAA,IACJ,OAAO;AACH,YAAM,SAAS,MAAM;AACrB,YAAM,WAAW,SAAS,MAAM,IAAI,MAAM;AAC1C,YAAM,OAAO,IAAI,QAAQ,KAAK;AAG9B,YAAM,WAAW,IAAI,cAAc,WAAW,qBAAqB;AAEnE,UAAI,IAAI,OAAO;AAEX,eAAO,aAAa,KAAK,SAAS,CAAC,SAAS,QAAQ,SAAS,CAAC,aAAa,MAAM,WAAW,uBAAuB,IAAI;AAEvH,cAAM,QAAQ;AACd,eAAO,aAAa,MAAM,KAAK,SAAS,IAAI,KAAK,SAAS,MAAM,KAAK,SAAS,IAAI,KAAK,aAAa,MAAM,UAAU;AACpH,eAAO,aAAa,MAAM,KAAK,SAAS,IAAI,KAAK,SAAS,MAAM,KAAK,SAAS,IAAI,KAAK,aAAa,MAAM,UAAU;AAAA,MACxH,OAAO;AACH,eAAO,aAAa,KAAK,SAAS,CAAC,SAAS,QAAQ,SAAS,CAAC,aAAa,MAAM,WAAW,uBAAuB,IAAI,qBAAqB,QAAQ;AAAA,MACxJ;AAGA,UAAI,IAAI,MAAM;AACV,cAAM,QAAQ,QAAQ,OAAO;AAC7B,cAAM,cAAc,IAAI,SAAS,GAAG,IAAI,MAAM,KAAK,IAAI,IAAI,KAAK,IAAI;AACpE,eAAO,YAAY,IAAI,QAAQ,IAAI,CAAC,gCAAgC,MAAM,WAAW,iCAAiC,WAAW,KAAK,UAAU,WAAW,CAAC;AAAA,MAChK;AAAA,IACJ;AAEA,WAAO;AAAA,EACX;AAGA,aAAW,CAAC,QAAQ,SAAS,KAAK,UAAU,QAAQ,GAAG;AACnD,UAAM,QAAQ,SAAS,cAAc,SAC/B,cAAc,MAAM,IAAI,KACvB,SAAS,IAAI,cAAc,SAAS,CAAC,IAAI,iBAAiB,KAAK,eAAe;AAErF,eAAW,QAAQ,WAAW;AAC1B,YAAM,aAAa,KAAK,QAAQ,IAAI,OAAK,OAAO,IAAI,CAAC,CAAC,EAAE,OAAO,OAAK,MAAM,MAAS;AACnF,UAAI,WAAW,WAAW,EAAG;AAE7B,YAAM,WAAW;AACjB,YAAM,QAAQ,WAAW;AACzB,YAAM,QAAQ,KAAK,MAAM,SAAS,QAAQ,WAAW;AACrD,YAAM,QAAQ,KAAK;AAAA,QACf;AAAA,QACA,KAAK,IAAI,GAAG,KAAK,MAAM,IAAI,OAAK,YAAY,GAAG,QAAQ,CAAC,CAAC,IAAI,WAAW,IAAI;AAAA,MAChF;AAEA,UAAI;AACJ,UAAI,KAAK,aAAa,WAAW;AAC7B,cAAM,KAAK,SAAS,WAAW,CAAC,CAAC;AACjC,gBAAQ,KAAK,gBAAgB,IAAI,QAAQ;AAAA,MAC7C,WAAW,KAAK,aAAa,YAAY;AACrC,cAAM,KAAK,SAAS,WAAW,CAAC,CAAC;AACjC,gBAAQ,KAAK,gBAAgB,IAAI;AAAA,MACrC,OAAO;AAEH,YAAI,WAAW,UAAU,GAAG;AACxB,gBAAM,OAAO,KAAK,IAAI,GAAG,UAAU;AACnC,gBAAM,OAAO,KAAK,IAAI,GAAG,UAAU;AACnC,gBAAM,UAAU,SAAS,IAAI,IAAI,SAAS,IAAI,KAAK;AACnD,kBAAQ,SAAS,QAAQ;AAAA,QAC7B,OAAO;AACH,kBAAQ,SAAS,WAAW,CAAC,CAAC,IAAI,QAAQ;AAAA,QAC9C;AAAA,MACJ;AAEA,YAAM,QAAQ,QAAQ;AAEtB,aAAO;AACP,aAAO,YAAY,KAAK,QAAQ,KAAK,YAAY,KAAK,aAAa,KAAK,kBAAkB,MAAM,MAAM,aAAa,MAAM,UAAU;AAEnI,WAAK,MAAM,QAAQ,CAAC,MAAM,OAAO;AAC7B,eAAO,YAAY,QAAQ,QAAQ,QAAQ,QAAQ,WAAW,KAAK,QAAQ,QAAQ,WAAW,MAAM,QAAQ,gBAAgB,QAAQ,kBAAkB,WAAW,KAAK,UAAU,IAAI,CAAC;AAAA,MACzL,CAAC;AACD,aAAO;AAAA,IACX;AAAA,EACJ;AAGA,QAAM,UAAU,KAAK,SAAS,IAAI,SAAS,KAAK,KAAK,EAAE,CAAC,YAAY;AACpE,SAAO,kDAAkD,UAAU,aAAa,WAAW,kBAAkB,UAAU,IAAI,WAAW,KAAK,OAAO,GAAG,GAAG;AAC5J;AAKO,SAAS,yBAAyB,SAAS;AAC9C,SAAO,kBAAkB,SAAS,EAAE,OAAO,IAAI,CAAC;AACpD;AAMO,SAAS,uBAAuB,KAAK;AACxC,QAAM,UAAU,qBAAqB,GAAG;AACxC,MAAI,CAAC,QAAS,QAAO;AACrB,SAAO,kBAAkB,OAAO;AACpC;AAkBO,SAAS,uBAAuB,SAAS;AAC5C,MAAI,CAAC,WAAW,QAAQ,SAAS,kBAAmB,QAAO;AAC3D,MAAI,CAAC,OAAO,OAAO,CAAC,OAAO,aAAa,CAAC,OAAO,QAAQ,CAAC,OAAO,OAAO;AACnE,YAAQ,MAAM,8EAA8E;AAC5F,WAAO;AAAA,EACX;AAEA,QAAM,eAAe,QAAQ,gBAAgB,CAAC;AAC9C,QAAM,WAAW,QAAQ,YAAY,CAAC;AACtC,MAAI,aAAa,WAAW,EAAG,QAAO;AAItC,QAAM,SAAS,aAAa;AAC5B,QAAM,gBAAgB,SAAS,KAAK,kBAAkB;AACtD,QAAM,aAAa,KAAK,IAAI,eAAe,cAAc,GAAG,GAAG;AAC/D,QAAM,UAAU,aAAa,gBAAgB;AAC7C,QAAM,WAAW,aAAa,IAAI,CAAC,GAAG,MAAM,SAAS,IAAI,kBAAkB,gBAAgB,CAAC;AAE5F,QAAM,eAAe,aAAa;AAClC,QAAM,gBAAgB,CAAC;AACvB,MAAI,WAAW,eAAe;AAC9B,WAAS,KAAK,GAAG,KAAK,SAAS,QAAQ,MAAM;AACzC,kBAAc,KAAK,QAAQ;AAC3B,gBAAY;AAAA,EAChB;AACA,QAAM,eAAe,WAAW;AAChC,QAAM,cAAc,eAAe,gBAAgB;AAInD,QAAM,KAAK,OAAO,kBAAkB,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,OAAO,YAAY,QAAQ,OAAO,YAAY;AACvG,QAAM,KAAK,GAAG,IAAI,GAAG,QAAQ,IAAI,aAAa;AAC9C,QAAM,KAAK,GAAG,IAAI,GAAG,SAAS,IAAI,cAAc;AAOhD,MAAI,CAAC,OAAO,OAAO;AACf,YAAQ,MAAM,oEAA+D;AAC7E,WAAO;AAAA,EACX;AACA,QAAM,UAAU;AAChB,QAAM,aAAa,QAAQ,SAAS;AACpC,QAAM,QAAQ,IAAI,OAAO;AAAA,IACrB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,aAAa,UAAU;AAAA,IACvB,cAAc,UAAU;AAAA,IACxB;AAAA,MACI,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,IACf;AAAA,EACJ;AACA,QAAM,eAAe;AACrB,SAAO,OAAO,KAAK,KAAK;AACxB,MAAI,OAAO,iBAAkB,QAAO,iBAAiB,KAAK;AAE1D,QAAM,UAAU,CAAC;AAGjB,QAAM,SAAS,oBAAI,IAAI;AACvB,WAAS,KAAK,GAAG,KAAK,QAAQ,MAAM;AAChC,UAAM,IAAI,aAAa,EAAE;AACzB,WAAO,IAAI,EAAE,MAAM,EAAE;AACrB,UAAM,KAAK,SAAS,EAAE,IAAI;AAC1B,UAAM,KAAK,KAAK,gBAAgB;AAEhC,QAAI;AAEA,YAAM,SAAS,IAAI,OAAO,UAAU,IAAI,aAAa,IAAI,eAAe,eAAe;AAAA,QACnF,QAAQ,MAAM;AAAA,QACd,aAAa;AAAA,QACb,MAAM,MAAM;AAAA,QACZ,WAAW;AAAA,QACX,WAAW;AAAA,QACX,OAAO,EAAE;AAAA,MACb,CAAC;AACD,aAAO,OAAO,KAAK,MAAM;AACzB,UAAI,OAAO,iBAAkB,QAAO,iBAAiB,MAAM;AAC3D,YAAM,gBAAgB,MAAM;AAC5B,cAAQ,KAAK,MAAM;AAGnB,YAAM,WAAW,IAAI,OAAO;AAAA,QACxB,EAAE,GAAG,IAAI,GAAG,eAAe,GAAG;AAAA,QAC9B,EAAE,GAAG,IAAI,GAAG,eAAe,GAAG;AAAA,QAC9B;AAAA,UACI,QAAQ,MAAM;AAAA,UACd,aAAa;AAAA,UACb,iBAAiB;AAAA,UACjB,WAAW;AAAA,QACf;AAAA,MACJ;AACA,aAAO,OAAO,KAAK,QAAQ;AAC3B,UAAI,OAAO,iBAAkB,QAAO,iBAAiB,QAAQ;AAC7D,YAAM,gBAAgB,QAAQ;AAC9B,cAAQ,KAAK,QAAQ;AAGrB,YAAM,YAAY,IAAI,OAAO,UAAU,IAAI,eAAe,IAAI,eAAe,eAAe;AAAA,QACxF,QAAQ,MAAM;AAAA,QACd,aAAa;AAAA,QACb,MAAM,MAAM;AAAA,QACZ,WAAW;AAAA,QACX,WAAW;AAAA,QACX,OAAO,EAAE;AAAA,MACb,CAAC;AACD,aAAO,OAAO,KAAK,SAAS;AAC5B,UAAI,OAAO,iBAAkB,QAAO,iBAAiB,SAAS;AAC9D,YAAM,gBAAgB,SAAS;AAC/B,cAAQ,KAAK,SAAS;AAAA,IAC1B,SAAS,KAAK;AACV,cAAQ,KAAK,mDAAmD,EAAE,MAAM,GAAG;AAAA,IAC/E;AAAA,EACJ;AAGA,WAAS,KAAK,GAAG,KAAK,SAAS,QAAQ,MAAM;AACzC,UAAM,IAAI,SAAS,EAAE;AACrB,UAAM,QAAQ,OAAO,IAAI,EAAE,IAAI;AAC/B,UAAM,MAAM,OAAO,IAAI,EAAE,EAAE;AAC3B,QAAI,SAAS,QAAQ,OAAO,KAAM;AAClC,QAAI,UAAU,IAAK;AAEnB,UAAM,SAAS,SAAS,KAAK,IAAI;AACjC,UAAM,OAAO,SAAS,GAAG,IAAI;AAC7B,UAAM,IAAI,cAAc,EAAE,IAAI;AAE9B,UAAM,YAAY,EAAE,SAAS,GAAG,EAAE,MAAM,KAAK,EAAE,IAAI,KAAK,EAAE;AAK1D,UAAM,UAAU,CAAC,CAAC,EAAE,SAAS,EAAE,cAAc;AAC7C,UAAM,OAAO;AAAA,MACT,QAAQ,MAAM;AAAA,MACd,aAAa;AAAA,MACb,WAAW;AAAA,MACX,iBAAiB,EAAE,QAAQ,KAAK;AAAA,MAChC,OAAO,aAAa;AAAA,IACxB;AAEA,QAAI;AACA,YAAM,KAAK,EAAE,GAAG,QAAQ,EAAE;AAC1B,YAAM,KAAK,EAAE,GAAG,MAAM,EAAE;AACxB,YAAM,YAAY,UACZ,IAAI,OAAO,KAAK,IAAI,IAAI,IAAI,IAC5B,IAAI,OAAO,MAAM,IAAI,IAAI,IAAI;AACnC,aAAO,OAAO,KAAK,SAAS;AAC5B,UAAI,OAAO,iBAAkB,QAAO,iBAAiB,SAAS;AAC9D,YAAM,gBAAgB,SAAS;AAC/B,cAAQ,KAAK,SAAS;AAAA,IAC1B,SAAS,KAAK;AACV,cAAQ,KAAK,+CAA+C,GAAG,GAAG;AAAA,IACtE;AAAA,EACJ;AAKA,QAAM,QAAQ,QAAQ,CAAC;AACvB,MAAI,OAAO;AACP,WAAO,eAAe;AACtB,QAAI,OAAO,MAAM,gBAAgB,WAAY,OAAM,YAAY;AAAA,EACnE;AAEA,UAAQ,IAAI,4BAA4B,MAAM,kBAAkB,SAAS,MAAM,WAAW;AAC1F,SAAO;AACX;",
+  "names": []
+}

package/dist/react/Rectangle-6FE7RN6W.js

@@ -0,0 +1,8 @@
+"use client";
+import {
+  Rectangle
+} from "./chunk-T6ZVV5ZO.js";
+export {
+  Rectangle
+};
+//# sourceMappingURL=Rectangle-6FE7RN6W.js.map

package/dist/react/Rectangle-6FE7RN6W.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/react/ResizeCode-WAMDTKSW.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=ResizeCode-WAMDTKSW.js.map

package/dist/react/ResizeCode-WAMDTKSW.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}