@elixpo/lixsketch 5.5.9 → 5.5.11

package/src/tools/textTool.js

@@ -27,7 +27,7 @@ import {
     getSelectedCodeBlock
 } from './codeTool.js';
 
-let textSize = "30px";
+let textSize = "20px";
 let textFont = "lixFont";
 let textColor = null;
 let textAlign = "left";
@@ -196,10 +196,8 @@ function makeTextEditable(textElement, groupElement) {
     input.setAttribute("aria-label", "Edit canvas text");
     input.setAttribute("data-editing", "true");
 
-    // Issue #48 phase D follow-up: prefer the persisted `data-wrap-
-    // source` when present so re-opening the editor shows the user's
-    // original line breaks instead of the auto-wrap output. Falls back
-    // to tspan-concatenation for legacy text shapes.
+    // Prefer the persisted source so re-opening the editor preserves only
+    // the line breaks the user explicitly inserted with Shift+Enter.
     let textContent = '';
     const storedSource = textElement.getAttribute('data-wrap-source');
     if (storedSource !== null && storedSource !== '') {
@@ -224,12 +222,10 @@ function makeTextEditable(textElement, groupElement) {
     input.style.boxSizing = "border-box";
     input.style.overflow = "hidden";
     input.style.resize = "none";
-    input.style.whiteSpace = "pre-wrap";
+    input.style.whiteSpace = "pre";
     input.style.minHeight = "1.2em";
     input.style.zIndex = "10000";
 
-    const svgRect = svg.getBoundingClientRect();
-
     // Use the group element's own screenCTM which includes group transform + SVG viewBox transform
     const textBBox = textElement.getBBox();
     let pt = svg.createSVGPoint();
@@ -243,17 +239,15 @@ function makeTextEditable(textElement, groupElement) {
     input.style.top = `${screenPt.y}px`;
 
     const svgZoomFactor = svg.getScreenCTM() ? svg.getScreenCTM().a : 1;
-    const screenWidth = textBBox.width * svgZoomFactor;
-
     input.style.width = "auto";
     input.style.height = "auto";
 
-    const currentFontSize = textElement.getAttribute("font-size") || "30px";
+    const currentFontSize = textElement.getAttribute("font-size") || "20px";
     const currentFontFamily = textElement.getAttribute("font-family") || "lixFont";
     const currentFill = textElement.getAttribute("fill") || "#fff";
     const currentAnchor = textElement.getAttribute("text-anchor") || "start";
     // Scale font-size by zoom so the textarea matches what the user sees on canvas
-    const rawSize = parseFloat(currentFontSize) || 30;
+    const rawSize = parseFloat(currentFontSize) || 20;
     const scaledFontSize = `${rawSize * svgZoomFactor}px`;
 
     input.style.minWidth = "150px";
@@ -261,53 +255,31 @@ function makeTextEditable(textElement, groupElement) {
     input.style.width = "auto";
     input.style.height = "auto";
     input.style.overflow = "visible";
-    input.style.whiteSpace = "pre-wrap";
-    input.style.wordBreak = "break-word";
+    input.style.whiteSpace = "pre";
+    input.style.wordBreak = "normal";
+    input.style.overflowWrap = "normal";
     input.style.fontSize = scaledFontSize;
     input.style.fontFamily = currentFontFamily;
     input.style.color = currentFill;
     input.style.lineHeight = "1.2em";
     input.style.textAlign = currentAnchor === "middle" ? "center" : currentAnchor === "end" ? "right" : "left";
     input.style.backgroundColor = "transparent";
-    // Keep an obvious editing-only bounding box around the textarea. The
-    // editor is removed by renderText(), so this never becomes part of the
-    // rendered canvas or exported scene.
-    const _isDark = typeof document !== 'undefined'
-        && document.body
-        && document.body.classList.contains('theme-dark');
-    const editingBorder = _isDark ? "rgba(139,136,232,0.95)" : "rgba(91,87,209,0.92)";
-    input.style.border = `2px solid ${editingBorder}`;
-    input.style.backgroundColor = _isDark
-        ? "rgba(91,87,209,0.08)"
-        : "rgba(91,87,209,0.05)";
-    input.style.boxShadow = `0 0 0 2px ${_isDark ? "rgba(139,136,232,0.18)" : "rgba(91,87,209,0.14)"}`;
-    input.style.borderRadius = "4px";
+    input.style.border = "none";
+    input.style.boxShadow = "none";
     input.style.outline = "none";
     document.body.appendChild(input);
 
     const adjustHeight = () => {
         input.style.height = 'auto';
         input.style.height = input.scrollHeight + 'px';
-        const maxHeight = svgRect.height - (screenPt.y);
-        if (input.scrollHeight > maxHeight) {
-            input.style.height = maxHeight + 'px';
-            input.style.overflowY = 'auto';
-        } else {
-            input.style.overflowY = 'hidden';
-        }
+        input.style.overflowY = 'hidden';
     };
 
     const adjustWidth = () => {
         input.style.width = 'auto';
-        const maxWidth = svgRect.width - (screenPt.x);
         const contentWidth = Math.max(input.scrollWidth, 150);
-        if (contentWidth > maxWidth) {
-            input.style.width = maxWidth + 'px';
-            input.style.overflowX = 'auto';
-        } else {
-            input.style.width = contentWidth + 'px';
-            input.style.overflowX = 'hidden';
-        }
+        input.style.width = contentWidth + 'px';
+        input.style.overflowX = 'hidden';
     };
     adjustHeight();
     adjustWidth();
@@ -349,58 +321,12 @@ function makeTextEditable(textElement, groupElement) {
     groupElement.style.display = "none";
 }
 
-/**
- * Issue #48 phase D follow-up: true text wrapping driven by E/W width.
- *
- * `paint(textElement, source, wrapWidth)` renders the user-typed `source`
- * string into tspans, soft-wrapping any line that exceeds `wrapWidth`
- * pixels (in SVG units). `wrapWidth = null | 0` falls back to the old
- * "explicit newlines only" behaviour so existing text shapes that have
- * never been width-resized look identical.
- *
- * The raw `source` is persisted on the element as `data-wrap-source`
- * so subsequent edits (textarea re-open) and serialisation can rebuild
- * the original content even after auto-wrap inserted line breaks.
- */
-function measureSegment(text, refTextElement) {
-    if (!text) return 0;
-    const NS = 'http://www.w3.org/2000/svg';
-    const probe = document.createElementNS(NS, 'tspan');
-    probe.textContent = text;
-    refTextElement.appendChild(probe);
-    let width = 0;
-    try { width = probe.getComputedTextLength(); } catch {}
-    refTextElement.removeChild(probe);
-    return width;
-}
-
-function paintTextContent(textElement, source, wrapWidth) {
+/** Render only explicit editor line breaks; text never soft-wraps. */
+function paintTextContent(textElement, source) {
     while (textElement.firstChild) textElement.removeChild(textElement.firstChild);
     const x = textElement.getAttribute('x') || 0;
     const NS = 'http://www.w3.org/2000/svg';
-    const paragraphs = (source || '').split('\n');
-    const finalLines = [];
-
-    for (const paragraph of paragraphs) {
-        const para = paragraph.replace(/ /g, ' ');
-        if (!wrapWidth || wrapWidth <= 0) {
-            finalLines.push(para || ' ');
-            continue;
-        }
-        // Word-wrap the paragraph against wrapWidth.
-        const words = para.split(/(\s+)/);  // keep separators so spacing survives
-        let cur = '';
-        for (const token of words) {
-            const candidate = cur + token;
-            if (measureSegment(candidate, textElement) > wrapWidth && cur.trim().length > 0) {
-                finalLines.push(cur);
-                cur = token.replace(/^\s+/, '');  // drop the leading break-space
-            } else {
-                cur = candidate;
-            }
-        }
-        finalLines.push(cur.length ? cur : ' ');
-    }
+    const finalLines = (source || '').split('\n').map((line) => line.replace(/ /g, ' '));
 
     finalLines.forEach((line, i) => {
         const tspan = document.createElementNS(NS, 'tspan');
@@ -411,21 +337,6 @@ function paintTextContent(textElement, source, wrapWidth) {
     });
 }
 
-function getWrapSource(textElement) {
-    const stored = textElement.getAttribute('data-wrap-source');
-    if (stored !== null && stored !== '') return stored;
-    // Fallback: rebuild from existing tspans (legacy text shapes without
-    // the attribute). Join each tspan as a paragraph.
-    const tspans = textElement.querySelectorAll('tspan');
-    if (tspans.length === 0) return textElement.textContent || '';
-    return Array.from(tspans).map((t) => (t.textContent || '').replace(/ /g, ' ')).join('\n');
-}
-
-function getWrapWidth(textElement) {
-    const v = parseFloat(textElement.getAttribute('data-wrap-width') || '');
-    return Number.isFinite(v) && v > 0 ? v : 0;
-}
-
 function renderText(input, textElement, deleteIfEmpty = false) {
     if (!input || !document.body.contains(input)) {
          return;
@@ -483,13 +394,12 @@ function renderText(input, textElement, deleteIfEmpty = false) {
             removeSelectionFeedback();
         }
     } else {
-        // Persist the raw editor content so future E/W resizes can re-wrap
-        // from the user's original line breaks instead of the auto-inserted
-        // ones. Then call the shared paint helper \u2014 it falls back to the
-        // legacy "explicit newlines only" path when no wrap-width is set.
+        // Persist and render only the user's explicit Shift+Enter line
+        // breaks. Long lines remain long on the infinite canvas.
         const cleanSource = text.replace(/\u00A0/g, ' ');
         textElement.setAttribute('data-wrap-source', cleanSource);
-        paintTextContent(textElement, cleanSource, getWrapWidth(textElement));
+        textElement.removeAttribute('data-wrap-width');
+        paintTextContent(textElement, cleanSource);
 
         gElement.style.display = 'block';
 
@@ -551,18 +461,13 @@ function createSelectionFeedback(groupElement) {
     selectionBox.setAttribute("pointer-events", "none");
     groupElement.appendChild(selectionBox);
 
-    // Issue #48 bug #5 + phase D follow-up: E/W midpoint anchors drive
-    // TRUE word-wrap. Dragging E/W sets `data-wrap-width` on the text
-    // element; the paint helper re-flows tspans so the text wraps into
-    // multiple lines. Corner anchors keep their font-size scaling
-    // behaviour.
+    // Corner anchors scale font size. Width handles are intentionally
+    // omitted because text width is content-driven and never soft-wraps.
     const handlesData = [
         { name: 'nw', x: selX, y: selY, cursor: 'nwse-resize' },
         { name: 'ne', x: selX + selWidth, y: selY, cursor: 'nesw-resize' },
         { name: 'sw', x: selX, y: selY + selHeight, cursor: 'nesw-resize' },
         { name: 'se', x: selX + selWidth, y: selY + selHeight, cursor: 'nwse-resize' },
-        { name: 'e',  x: selX + selWidth, y: selY + selHeight / 2, cursor: 'ew-resize' },
-        { name: 'w',  x: selX, y: selY + selHeight / 2, cursor: 'ew-resize' },
     ];
 
     resizeHandles = {};
@@ -668,10 +573,6 @@ function updateSelectionFeedback() {
         { name: 'ne', x: selX + selWidth, y: selY },
         { name: 'sw', x: selX, y: selY + selHeight },
         { name: 'se', x: selX + selWidth, y: selY + selHeight },
-        // Issue #48 bug #5: keep E/W midpoint handles aligned with the
-        // resize so they follow the box as it scales.
-        { name: 'e',  x: selX + selWidth, y: selY + selHeight / 2 },
-        { name: 'w',  x: selX, y: selY + selHeight / 2 },
     ];
 
     handlesData.forEach(handle => {
@@ -963,7 +864,6 @@ const handleMouseMove = (event) => {
         const startHeight = startBBox.height;
 
         let anchorX, anchorY;
-        const isEdgeWidth = currentResizeHandle === 'e' || currentResizeHandle === 'w';
 
         switch (currentResizeHandle) {
             case 'nw':
@@ -982,34 +882,8 @@ const handleMouseMove = (event) => {
                 anchorX = startX;
                 anchorY = startY;
                 break;
-            case 'e':
-                anchorX = startX;
-                anchorY = startY + startHeight / 2;
-                break;
-            case 'w':
-                anchorX = startX + startWidth;
-                anchorY = startY + startHeight / 2;
-                break;
-        }
-
-        // Issue #48 phase D follow-up: E/W now drives TRUE word-wrap.
-        // The drag distance becomes the wrap-width target; we re-paint
-        // the text with the new width and short-circuit the font-size
-        // scaling path that the corners use.
-        if (isEdgeWidth) {
-            const newWrap = Math.abs(currentPoint.x - anchorX);
-            const minWrap = startFontSize * 2;  // at least ~one short word wide
-            const clampedWrap = Math.max(minWrap, newWrap);
-            textElement.setAttribute('data-wrap-width', String(clampedWrap));
-            const source = getWrapSource(textElement);
-            paintTextContent(textElement, source, clampedWrap);
-            if (typeof updateSelectionFeedback === 'function') {
-                setTimeout(updateSelectionFeedback, 0);
-            }
-            return;
         }
 
-        const newWidth = Math.abs(currentPoint.x - anchorX);
         const newHeight = Math.abs(currentPoint.y - anchorY);
         const chosenScale = newHeight / startHeight;
 
@@ -1044,14 +918,6 @@ const handleMouseMove = (event) => {
                 newAnchorX = currentBBox.x;
                 newAnchorY = currentBBox.y;
                 break;
-            case 'e':
-                newAnchorX = currentBBox.x;
-                newAnchorY = currentBBox.y + currentBBox.height / 2;
-                break;
-            case 'w':
-                newAnchorX = currentBBox.x + currentBBox.width;
-                newAnchorY = currentBBox.y + currentBBox.height / 2;
-                break;
         }
 
         const deltaX = anchorX - newAnchorX;

package/dist/react/AIRenderer-46WIFF2B.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/core/AIRenderer.js"],
-  "sourcesContent": ["/* eslint-disable */\n/**\n * AIRenderer - Converts diagram JSON into shapes on the canvas.\n *\n * Two entry points:\n * 1. renderAIDiagram(diagram) - from AI text-to-diagram response\n * 2. window.__mermaidRenderer(src) - direct algorithmic Mermaid parser\n *\n * Smart edge routing:\n * - Straight arrows/lines for vertically or horizontally aligned nodes\n * - Curved arrows for diagonal connections or when edges would overlap\n * - Elbow connections for right-angle routing when appropriate\n *\n * All created shapes belong to a Frame with auto-attachment so\n * moving nodes keeps edges connected.\n */\n\nconst PADDING = 80;\nconst NODE_W = 160;\nconst NODE_H = 60;\nconst H_SPACING = 260;\nconst V_SPACING = 180;\nconst NS = 'http://www.w3.org/2000/svg';\n\n// Alignment threshold \u2014 if nodes are within this many pixels\n// of being aligned, treat them as aligned (use straight edge)\nconst ALIGN_THRESHOLD = 30;\n\n// ============================================================\n// MERMAID PARSER\n// ============================================================\n\nexport function parseMermaid(src) {\n    const lines = src.trim().split('\\n').map(l => l.trim()).filter(l => l && !l.startsWith('%%'));\n    if (lines.length === 0) return null;\n\n    const headerMatch = lines[0].match(/^(graph|flowchart)\\s+(TD|TB|LR|RL|BT)/i);\n    const direction = headerMatch ? headerMatch[2].toUpperCase() : 'TD';\n    const isHorizontal = direction === 'LR' || direction === 'RL';\n    const startIdx = headerMatch ? 1 : 0;\n\n    const nodesMap = new Map();\n    const edges = [];\n    const classDefs = new Map();   // classDef name -> { fill, stroke, strokeWidth }\n    const classAssigns = [];        // { nodeIds: [...], className }\n\n    // Clean <br/> and <br> tags in labels \u2192 newline marker\n    function cleanLabel(label) {\n        return label.replace(/<br\\s*\\/?>/gi, '\\n').replace(/\"/g, '');\n    }\n\n    function parseNodeRef(raw) {\n        raw = raw.trim();\n        if (!raw) return null;\n        let id, label, type;\n\n        // Circle: id((label))\n        let m = raw.match(/^(\\w+)\\(\\((.+?)\\)\\)$/);\n        if (m) { id = m[1]; label = m[2]; type = 'circle'; }\n        // Diamond: id{label}\n        if (!m) { m = raw.match(/^(\\w+)\\{(.+?)\\}$/); if (m) { id = m[1]; label = m[2]; type = 'diamond'; } }\n        // Asymmetric/flag: id>label]\n        if (!m) { m = raw.match(/^(\\w+)>(.+?)\\]$/); if (m) { id = m[1]; label = m[2]; type = 'asymmetric'; } }\n        // Rounded rect: id(label)\n        if (!m) { m = raw.match(/^(\\w+)\\((.+?)\\)$/); if (m) { id = m[1]; label = m[2]; type = 'roundrect'; } }\n        // Rectangle: id[label]\n        if (!m) { m = raw.match(/^(\\w+)\\[(.+?)\\]$/); if (m) { id = m[1]; label = m[2]; type = 'rectangle'; } }\n        // Plain id\n        if (!m) { id = raw; label = raw; type = 'rectangle'; }\n\n        label = cleanLabel(label);\n\n        if (!nodesMap.has(id)) {\n            nodesMap.set(id, { id, type, label });\n        } else if (label !== id) {\n            nodesMap.get(id).label = label;\n            nodesMap.get(id).type = type;\n        }\n        return id;\n    }\n\n    // Parse subgraphs\n    const subgraphs = [];\n    let currentSubgraph = null;\n\n    for (let i = startIdx; i < lines.length; i++) {\n        const line = lines[i].replace(/;$/, '').trim();\n        if (!line) continue;\n\n        // classDef: classDef green fill:#9f6,stroke:#333,stroke-width:2px;\n        const classDefMatch = line.match(/^classDef\\s+(\\w+)\\s+(.+)$/i);\n        if (classDefMatch) {\n            const name = classDefMatch[1];\n            const propsStr = classDefMatch[2].replace(/;$/, '');\n            const props = {};\n            for (const part of propsStr.split(',')) {\n                const [key, val] = part.split(':').map(s => s.trim());\n                if (key === 'fill') props.fill = val;\n                else if (key === 'stroke') props.stroke = val;\n                else if (key === 'stroke-width') props.strokeWidth = parseFloat(val);\n            }\n            classDefs.set(name, props);\n            continue;\n        }\n\n        // class assignment: class sq,e green\n        const classMatch = line.match(/^class\\s+(.+?)\\s+(\\w+)$/i);\n        if (classMatch) {\n            const nodeIds = classMatch[1].split(',').map(s => s.trim());\n            classAssigns.push({ nodeIds, className: classMatch[2] });\n            continue;\n        }\n\n        // Subgraph start: subgraph ID [\"Label\"]\n        const sgMatch = line.match(/^subgraph\\s+(\\w+)(?:\\s*\\[?\"?(.+?)\"?\\]?)?$/i);\n        if (sgMatch) {\n            currentSubgraph = {\n                id: sgMatch[1],\n                label: sgMatch[2] || sgMatch[1],\n                nodeIds: [],\n            };\n            continue;\n        }\n\n        // Subgraph end\n        if (line.toLowerCase() === 'end' && currentSubgraph) {\n            subgraphs.push(currentSubgraph);\n            currentSubgraph = null;\n            continue;\n        }\n\n        // Helper to add edge nodes to current subgraph\n        function addToSubgraph(fromId, toId) {\n            if (currentSubgraph) {\n                if (fromId && !currentSubgraph.nodeIds.includes(fromId)) currentSubgraph.nodeIds.push(fromId);\n                if (toId && !currentSubgraph.nodeIds.includes(toId)) currentSubgraph.nodeIds.push(toId);\n            }\n        }\n\n        // Labeled edge: A -- text --> B\n        let match = line.match(/^(.+?)\\s*--\\s*(.+?)\\s*-->\\s*(.+)$/);\n        if (match) {\n            const fromId = parseNodeRef(match[1].trim());\n            const toId = parseNodeRef(match[3].trim());\n            if (fromId && toId) edges.push({ from: fromId, to: toId, label: cleanLabel(match[2].trim()), directed: true, style: 'normal' });\n            addToSubgraph(fromId, toId);\n            continue;\n        }\n\n        // Dotted arrow: A -.-> B (with optional |label|)\n        match = line.match(/^(.+?)\\s*-\\.->?\\s*(?:\\|([^|]*)\\|)?\\s*(.+)$/);\n        if (match) {\n            const fromId = parseNodeRef(match[1].trim());\n            const toId = parseNodeRef(match[3].trim());\n            const edgeLabel = match[2] ? cleanLabel(match[2].trim()) : undefined;\n            if (fromId && toId) edges.push({ from: fromId, to: toId, label: edgeLabel, directed: true, style: 'dotted' });\n            addToSubgraph(fromId, toId);\n            continue;\n        }\n\n        // Thick arrow: A ==> B (with optional |label|)\n        match = line.match(/^(.+?)\\s*==>\\s*(?:\\|([^|]*)\\|)?\\s*(.+)$/);\n        if (match) {\n            const fromId = parseNodeRef(match[1].trim());\n            const toId = parseNodeRef(match[3].trim());\n            const edgeLabel = match[2] ? cleanLabel(match[2].trim()) : undefined;\n            if (fromId && toId) edges.push({ from: fromId, to: toId, label: edgeLabel, directed: true, style: 'thick' });\n            addToSubgraph(fromId, toId);\n            continue;\n        }\n\n        // Undirected line: A --- B\n        match = line.match(/^(.+?)\\s*(-{3,})\\s*(?:\\|([^|]*)\\|)?\\s*(.+)$/);\n        if (match && !match[2].includes('>')) {\n            const fromId = parseNodeRef(match[1].trim());\n            const toId = parseNodeRef(match[4].trim());\n            const edgeLabel = match[3] ? cleanLabel(match[3].trim()) : undefined;\n            if (fromId && toId) edges.push({ from: fromId, to: toId, label: edgeLabel, directed: false, style: 'normal' });\n            addToSubgraph(fromId, toId);\n            continue;\n        }\n\n        // Directed edge: A --> B (with optional |label|)\n        match = line.match(/^(.+?)\\s*(-{1,2}>|-->)\\s*(?:\\|([^|]*)\\|)?\\s*(.+)$/);\n        if (match) {\n            const fromId = parseNodeRef(match[1].trim());\n            const toId = parseNodeRef(match[4].trim());\n            const edgeLabel = match[3] ? cleanLabel(match[3].trim()) : undefined;\n            if (fromId && toId) edges.push({ from: fromId, to: toId, label: edgeLabel, directed: true, style: 'normal' });\n            addToSubgraph(fromId, toId);\n            continue;\n        }\n\n        // Plain node reference\n        const nodeId = parseNodeRef(line);\n        if (nodeId && currentSubgraph) {\n            if (!currentSubgraph.nodeIds.includes(nodeId)) currentSubgraph.nodeIds.push(nodeId);\n        }\n    }\n\n    if (nodesMap.size === 0) return null;\n\n    // Apply classDef styles to nodes\n    for (const assign of classAssigns) {\n        const style = classDefs.get(assign.className);\n        if (!style) continue;\n        for (const nid of assign.nodeIds) {\n            const node = nodesMap.get(nid);\n            if (node) {\n                if (style.fill) node.fill = style.fill;\n                if (style.stroke) node.stroke = style.stroke;\n                if (style.strokeWidth) node.strokeWidth = style.strokeWidth;\n            }\n        }\n    }\n\n    // Topological BFS layering\n    const nodeIds = Array.from(nodesMap.keys());\n    const children = new Map();\n    const parents = new Map();\n    nodeIds.forEach(id => { children.set(id, []); parents.set(id, []); });\n    edges.forEach(e => {\n        if (children.has(e.from)) children.get(e.from).push(e.to);\n        if (parents.has(e.to)) parents.get(e.to).push(e.from);\n    });\n\n    const layers = new Map();\n    const roots = nodeIds.filter(id => parents.get(id).length === 0);\n    if (roots.length === 0) roots.push(nodeIds[0]);\n\n    const queue = roots.map(id => ({ id, layer: 0 }));\n    const visited = new Set();\n    while (queue.length > 0) {\n        const { id, layer } = queue.shift();\n        if (visited.has(id)) { if (layer > (layers.get(id) || 0)) layers.set(id, layer); continue; }\n        visited.add(id);\n        layers.set(id, Math.max(layer, layers.get(id) || 0));\n        for (const child of children.get(id) || []) queue.push({ id: child, layer: layer + 1 });\n    }\n    nodeIds.forEach(id => { if (!visited.has(id)) layers.set(id, 0); });\n\n    const layerGroups = new Map();\n    layers.forEach((layer, id) => {\n        if (!layerGroups.has(layer)) layerGroups.set(layer, []);\n        layerGroups.get(layer).push(id);\n    });\n\n    // Compute dynamic node sizes based on label length\n    const nodes = [];\n    Array.from(layerGroups.keys()).sort((a, b) => a - b).forEach((layerIdx, li) => {\n        const group = layerGroups.get(layerIdx);\n        const startOffset = -(group.length * H_SPACING) / 2 + H_SPACING / 2;\n        group.forEach((id, gi) => {\n            const nd = nodesMap.get(id);\n            const x = isHorizontal ? li * H_SPACING : startOffset + gi * H_SPACING;\n            const y = isHorizontal ? startOffset + gi * V_SPACING : li * V_SPACING;\n            // Compute node size based on label lines\n            const labelLines = (nd.label || '').split('\\n');\n            const maxLineLen = Math.max(...labelLines.map(l => l.length));\n            const nw = Math.max(NODE_W, maxLineLen * 10 + 40);\n            const nh = Math.max(NODE_H, labelLines.length * 20 + 20);\n            nodes.push({\n                id: nd.id, type: nd.type, label: nd.label,\n                x, y, width: nw, height: nh,\n                fill: nd.fill, stroke: nd.stroke, strokeWidth: nd.strokeWidth,\n            });\n        });\n    });\n\n    return {\n        title: 'Mermaid Diagram',\n        direction,\n        nodes,\n        edges: edges.map(e => ({\n            from: e.from, to: e.to, label: e.label,\n            directed: e.directed !== false,\n            style: e.style || 'normal',\n        })),\n        subgraphs: subgraphs.length > 0 ? subgraphs.map(sg => ({\n            id: sg.id, label: sg.label, nodes: sg.nodeIds,\n        })) : undefined,\n    };\n}\n\n// ============================================================\n// RENDER\n// ============================================================\n\nexport function renderAIDiagram(diagram) {\n    if (!diagram?.nodes?.length) { console.error('[AIRenderer] Invalid diagram'); return false; }\n\n    const nodes = diagram.nodes;\n    const edges = diagram.edges || [];\n    const title = diagram.title || 'AI Diagram';\n\n    if (!window.svg || !window.Frame || !window.Rectangle) {\n        console.error('[AIRenderer] Engine not initialized');\n        return false;\n    }\n\n    // Viewport center\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\n    // Diagram bounds\n    let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;\n    nodes.forEach(n => {\n        minX = Math.min(minX, n.x);\n        minY = Math.min(minY, n.y);\n        maxX = Math.max(maxX, n.x + (n.width || NODE_W));\n        maxY = Math.max(maxY, n.y + (n.height || NODE_H));\n    });\n\n    const dw = maxX - minX, dh = maxY - minY;\n    const ox = vcx - dw / 2 - minX;\n    const oy = vcy - dh / 2 - minY;\n\n    // Phase 5 (issue #22): no outer wrapper frame. Each generated shape\n    // (node, edge, subgraph container) gets the same `groupId` so the whole\n    // diagram behaves as one selectable group via Selection.js's existing\n    // group-expansion path. Drops the \"solid background frame\" symptom and\n    // makes the rendered content as interactive as user-drawn shapes.\n    const groupId = `aidiag-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 7)}`;\n    // Kept under the same name `frame` to minimise the diff inside this\n    // 600-line function \u2014 it's now a thin shim that catches `addShapeToFrame`\n    // calls and re-routes them to a groupId assignment. `selectFrame` /\n    // `removeSelection` no-op; selection is on the first node below.\n    const frame = {\n        addShapeToFrame(s) { if (s) s.groupId = groupId; },\n        selectFrame() {},\n        removeSelection() {},\n        shapeName: 'frame',\n    };\n\n    const nodeMap = new Map();\n\n    // --- NODES ---\n    for (const node of nodes) {\n        const nx = node.x + ox, ny = node.y + oy;\n        const nw = node.width || NODE_W, nh = node.height || NODE_H;\n        const cx = nx + nw / 2, cy = ny + nh / 2;\n        let shape = null;\n\n        // Build style options from AI-specified properties (with defaults)\n        const nodeOpts = {\n            stroke: node.stroke || '#e0e0e0',\n            strokeWidth: node.strokeWidth ?? 1.5,\n            fill: node.fill || 'transparent',\n            fillStyle: node.fillStyle || 'none',\n            roughness: node.roughness ?? 1,\n            strokeDasharray: node.strokeDasharray || '',\n            // Shading support\n            shadeColor: node.shadeColor || null,\n            shadeOpacity: node.shadeOpacity !== undefined ? node.shadeOpacity : 0.15,\n            shadeDirection: node.shadeDirection || 'bottom',\n            // Label styling\n            labelColor: node.labelColor || undefined,\n            labelFontSize: node.labelFontSize || undefined,\n        };\n\n        try {\n            if (node.type === 'icon' && node.iconKeyword) {\n                // Icon nodes are placed asynchronously \u2014 create a placeholder rectangle\n                // and kick off icon fetch in the background\n                shape = new window.Rectangle(nx, ny, nw, nh, {\n                    ...nodeOpts, stroke: nodeOpts.stroke, strokeDasharray: '4 3',\n                });\n                // Async fetch & replace with actual icon\n                fetchAndPlaceIcon(node.iconKeyword, nx, ny, nw, nh, shape, frame);\n            } else if (node.type === 'circle' && window.Circle) {\n                shape = new window.Circle(cx, cy, nw / 2, nh / 2, nodeOpts);\n            } else if (node.type === 'diamond' && window.Rectangle) {\n                const sz = Math.max(nw, nh) * 0.7;\n                shape = new window.Rectangle(cx - sz / 2, cy - sz / 2, sz, sz, nodeOpts);\n                shape.rotation = 45;\n                shape.draw();\n            } else if (node.type === 'roundrect' && window.Rectangle) {\n                shape = new window.Rectangle(nx, ny, nw, nh, { ...nodeOpts, cornerRadius: Math.min(nw, nh) * 0.2 });\n            } else if (window.Rectangle) {\n                shape = new window.Rectangle(nx, ny, nw, nh, nodeOpts);\n            }\n        } catch (err) {\n            console.warn('[AIRenderer] Node creation failed:', node.id, err);\n            continue;\n        }\n\n        if (!shape) continue;\n\n        // Apply rotation if specified (skip for diamonds \u2014 they already have rotation=45)\n        if (node.rotation && shape.rotation !== undefined && node.type !== 'diamond') {\n            shape.rotation = node.rotation;\n        }\n\n        window.shapes.push(shape);\n        if (window.pushCreateAction) window.pushCreateAction(shape);\n        if (frame.addShapeToFrame) frame.addShapeToFrame(shape);\n\n        nodeMap.set(node.id, { shape, x: nx, y: ny, width: nw, height: nh, centerX: cx, centerY: cy });\n\n        // Node label \u2014 use embedded label for rect/circle, separate TextShape for icons\n        if (node.label) {\n            let labelColor = node.labelColor || node.stroke || '#e0e0e0';\n            if (isColorTooDark(labelColor)) {\n                labelColor = '#e0e0e0';\n            }\n            const labelFontSize = node.labelFontSize || 14;\n\n            if (node.type === 'icon') {\n                // Icons: place label below the icon as a separate TextShape\n                const labelY = cy + nh / 2 + 18;\n                createLabel(node.label, cx, labelY, labelFontSize, labelColor, frame);\n            } else if (shape && typeof shape.setLabel === 'function') {\n                // Rectangles, circles, diamonds: use embedded label\n                shape.setLabel(node.label, labelColor, labelFontSize);\n            } else {\n                // Fallback: separate TextShape\n                createLabel(node.label, cx, cy, labelFontSize, labelColor, frame);\n            }\n        }\n    }\n\n    // --- EDGES ---\n    // Pre-compute fan-out counts per source node so we can spread edges\n    const fanOut = new Map();\n    const fanIdx = new Map();\n    edges.forEach(e => {\n        fanOut.set(e.from, (fanOut.get(e.from) || 0) + 1);\n        fanIdx.set(e, fanOut.get(e.from) - 1);\n    });\n\n    // Collect all node bounds for overlap checking\n    const allNodeBounds = [];\n    nodeMap.forEach(n => {\n        allNodeBounds.push({ x: n.x, y: n.y, width: n.width, height: n.height });\n    });\n\n    for (const edge of edges) {\n        const from = nodeMap.get(edge.from), to = nodeMap.get(edge.to);\n        if (!from || !to) continue;\n\n        const count = fanOut.get(edge.from) || 1;\n        const idx = fanIdx.get(edge);\n        const isDirected = edge.directed !== false;\n\n        // Determine edge routing style based on node alignment and context\n        const edgeStyle = chooseEdgeStyle(from, to, count, idx, allNodeBounds, nodeMap, edges);\n\n        // Spread connection ports along the exit edge when fan-out > 1\n        const sp = getSpreadEdgePoint(from, to, count, idx);\n        const ep = getEdgePoint(to, from);\n\n        // Nudge slightly away from node boundaries\n        const adx = ep.x - sp.x, ady = ep.y - sp.y;\n        const alen = Math.sqrt(adx * adx + ady * ady) || 1;\n        const nudge = 6;\n        const spN = { x: sp.x + (adx / alen) * nudge, y: sp.y + (ady / alen) * nudge };\n        const epN = { x: ep.x - (adx / alen) * nudge, y: ep.y - (ady / alen) * nudge };\n\n        let connector = null;\n\n        // Edge style from AI (with defaults)\n        const edgeStroke = edge.stroke || '#e0e0e0';\n        const edgeStrokeWidth = edge.strokeWidth ?? 1.5;\n        const edgeLineStyle = edge.lineStyle || 'solid';\n\n        // Map lineStyle to arrowOutlineStyle / strokeDasharray\n        const dashMap = { solid: '', dashed: '5 3', dotted: '2 2' };\n        const dashValue = dashMap[edgeLineStyle] || '';\n\n        if (isDirected && window.Arrow) {\n            // Use Arrow for directed edges\n            try {\n                const opts = {\n                    stroke: edgeStroke, strokeWidth: edgeStrokeWidth, roughness: 1,\n                    arrowOutlineStyle: edgeLineStyle,\n                    arrowHeadStyle: edge.arrowHeadStyle || 'default',\n                };\n\n                if (edgeStyle.type === 'curved') {\n                    opts.arrowCurved = 'curved';\n                    opts.arrowCurveAmount = edgeStyle.curveAmount;\n                } else if (edgeStyle.type === 'elbow') {\n                    opts.arrowCurved = 'elbow';\n                }\n                // 'straight' \u2014 no arrowCurved needed (default)\n\n                connector = new window.Arrow(spN, epN, opts);\n                window.shapes.push(connector);\n                if (window.pushCreateAction) window.pushCreateAction(connector);\n                if (frame.addShapeToFrame) frame.addShapeToFrame(connector);\n\n                // Auto-attach arrow to source and target shapes\n                autoAttach(connector, from.shape, true, sp);\n                autoAttach(connector, to.shape, false, ep);\n            } catch (err) {\n                console.warn('[AIRenderer] Arrow creation failed:', edge, err);\n            }\n        } else if (!isDirected && window.Line) {\n            // Use Line for undirected edges\n            try {\n                const opts = {\n                    stroke: edgeStroke, strokeWidth: edgeStrokeWidth, roughness: 1,\n                    strokeDasharray: dashValue,\n                };\n\n                connector = new window.Line(spN, epN, opts);\n\n                if (edgeStyle.type === 'curved') {\n                    connector.isCurved = true;\n                    if (typeof connector.initializeCurveControlPoint === 'function') {\n                        connector.initializeCurveControlPoint();\n                    }\n                    // Re-draw with curve since constructor drew it straight\n                    if (typeof connector.draw === 'function') connector.draw();\n                }\n\n                window.shapes.push(connector);\n                if (window.pushCreateAction) window.pushCreateAction(connector);\n                if (frame.addShapeToFrame) frame.addShapeToFrame(connector);\n            } catch (err) {\n                console.warn('[AIRenderer] Line creation failed:', edge, err);\n            }\n        } else if (window.Arrow) {\n            // Fallback: use Arrow if Line not available\n            try {\n                connector = new window.Arrow(spN, epN, {\n                    stroke: edgeStroke, strokeWidth: edgeStrokeWidth, roughness: 1,\n                });\n                window.shapes.push(connector);\n                if (window.pushCreateAction) window.pushCreateAction(connector);\n                if (frame.addShapeToFrame) frame.addShapeToFrame(connector);\n            } catch (err) {\n                console.warn('[AIRenderer] Fallback arrow creation failed:', edge, err);\n            }\n        }\n\n        // Edge label \u2014 use embedded label on connector if available\n        if (edge.label && connector) {\n            const edgeLabelColor = edgeStroke === '#e0e0e0' ? '#a0a0b0' : edgeStroke;\n            if (typeof connector.setLabel === 'function') {\n                connector.setLabel(edge.label, edgeLabelColor, 11);\n            } else {\n                // Fallback: separate TextShape\n                const mx = (spN.x + epN.x) / 2;\n                const my = (spN.y + epN.y) / 2 - 18;\n                createLabel(edge.label, mx, my, 11, edgeLabelColor, frame);\n            }\n        }\n    }\n\n    // --- SUBGRAPHS ---\n    const subgraphs = diagram.subgraphs || [];\n    for (const sg of subgraphs) {\n        if (!sg.nodes || sg.nodes.length === 0) continue;\n\n        // Compute bounds of all nodes in this subgraph\n        let sgMinX = Infinity, sgMinY = Infinity, sgMaxX = -Infinity, sgMaxY = -Infinity;\n        let hasNodes = false;\n        for (const nid of sg.nodes) {\n            const n = nodeMap.get(nid);\n            if (!n) continue;\n            hasNodes = true;\n            sgMinX = Math.min(sgMinX, n.x);\n            sgMinY = Math.min(sgMinY, n.y);\n            sgMaxX = Math.max(sgMaxX, n.x + n.width);\n            sgMaxY = Math.max(sgMaxY, n.y + n.height);\n        }\n        if (!hasNodes) continue;\n\n        const sgPad = 30;\n        try {\n            const subFrame = new window.Frame(\n                sgMinX - sgPad, sgMinY - sgPad - 20,\n                (sgMaxX - sgMinX) + sgPad * 2, (sgMaxY - sgMinY) + sgPad * 2 + 20,\n                {\n                    stroke: sg.stroke || '#555',\n                    strokeWidth: 1,\n                    fill: 'transparent',\n                    opacity: 0.6,\n                    frameName: sg.label || sg.id,\n                }\n            );\n            window.shapes.push(subFrame);\n            if (window.pushCreateAction) window.pushCreateAction(subFrame);\n            if (frame.addShapeToFrame) frame.addShapeToFrame(subFrame);\n\n            // Add nodes to the sub-frame\n            for (const nid of sg.nodes) {\n                const n = nodeMap.get(nid);\n                if (n && n.shape && subFrame.addShapeToFrame) {\n                    subFrame.addShapeToFrame(n.shape);\n                }\n            }\n        } catch (err) {\n            console.warn('[AIRenderer] Subgraph frame failed:', sg.id, err);\n        }\n    }\n\n    // Phase 5: select the first generated node \u2014 group expansion in\n    // Selection.js will pick up the rest via the shared groupId.\n    const first = nodeMap.values().next().value;\n    if (first && first.shape) {\n        window.currentShape = first.shape;\n        if (typeof first.shape.selectShape === 'function') first.shape.selectShape();\n    }\n\n    console.log(`[AIRenderer] Done: ${nodes.length} nodes, ${edges.length} edges, ${subgraphs.length} subgraphs \u2192 \"${title}\" (groupId=${groupId})`);\n    return true;\n}\n\n// ============================================================\n// SMART EDGE ROUTING\n// ============================================================\n\n/**\n * Choose the best edge style based on node positions and context.\n * Returns { type: 'straight'|'curved'|'elbow', curveAmount?: number }\n */\nfunction chooseEdgeStyle(from, to, fanCount, fanIdx, allNodeBounds, nodeMap, edges) {\n    const dx = Math.abs(from.centerX - to.centerX);\n    const dy = Math.abs(from.centerY - to.centerY);\n\n    // Multiple edges from same source \u2014 must curve to avoid overlap\n    if (fanCount > 1) {\n        const curveAmount = 40 + (fanIdx - (fanCount - 1) / 2) * 35;\n        return { type: 'curved', curveAmount };\n    }\n\n    // Check if nodes are aligned (horizontally or vertically)\n    const isHAligned = dx < ALIGN_THRESHOLD;\n    const isVAligned = dy < ALIGN_THRESHOLD;\n\n    // If aligned on either axis, use straight line\n    if (isHAligned || isVAligned) {\n        // But check if a straight line would cross through any other node\n        const sp = getEdgePoint(from, to);\n        const ep = getEdgePoint(to, from);\n        const blocked = wouldCrossNode(sp, ep, from, to, allNodeBounds);\n\n        if (blocked) {\n            // Use curved to route around\n            return { type: 'curved', curveAmount: 40 };\n        }\n        return { type: 'straight' };\n    }\n\n    // Diagonal connection \u2014 check if elbow or curve is better\n    // Elbow works well when nodes are in a grid-like arrangement\n    const isGridLike = (dx > ALIGN_THRESHOLD * 2) && (dy > ALIGN_THRESHOLD * 2);\n\n    if (isGridLike) {\n        // Check if elbow would cross another node\n        // Elbow goes horizontal then vertical (or vice versa)\n        const elbowMidX = to.centerX;\n        const elbowMidY = from.centerY;\n        const elbowMid = { x: elbowMidX, y: elbowMidY };\n\n        const seg1Blocked = wouldCrossNode(\n            { x: from.centerX, y: from.centerY }, elbowMid, from, to, allNodeBounds\n        );\n        const seg2Blocked = wouldCrossNode(\n            elbowMid, { x: to.centerX, y: to.centerY }, from, to, allNodeBounds\n        );\n\n        if (!seg1Blocked && !seg2Blocked) {\n            return { type: 'elbow' };\n        }\n    }\n\n    // Default: gentle curve for diagonal connections\n    return { type: 'curved', curveAmount: 25 };\n}\n\n/**\n * Check if a straight line between two points would cross through any node\n * (excluding the source and target nodes themselves).\n */\nfunction wouldCrossNode(p1, p2, fromNode, toNode, allNodeBounds) {\n    const margin = 10;\n    for (const bounds of allNodeBounds) {\n        // Skip source and target nodes\n        if (bounds.x === fromNode.x && bounds.y === fromNode.y) continue;\n        if (bounds.x === toNode.x && bounds.y === toNode.y) continue;\n\n        // Inflate node bounds slightly for margin\n        const bx = bounds.x - margin;\n        const by = bounds.y - margin;\n        const bw = bounds.width + margin * 2;\n        const bh = bounds.height + margin * 2;\n\n        if (lineIntersectsRect(p1.x, p1.y, p2.x, p2.y, bx, by, bw, bh)) {\n            return true;\n        }\n    }\n    return false;\n}\n\n/**\n * Check if a line segment intersects a rectangle.\n */\nfunction lineIntersectsRect(x1, y1, x2, y2, rx, ry, rw, rh) {\n    // Check if line segment intersects any of the 4 edges of the rect\n    const left = rx, right = rx + rw, top = ry, bottom = ry + rh;\n\n    // Quick bounding box rejection\n    if (Math.max(x1, x2) < left || Math.min(x1, x2) > right) return false;\n    if (Math.max(y1, y2) < top || Math.min(y1, y2) > bottom) return false;\n\n    // Check if either endpoint is inside the rect\n    if (x1 >= left && x1 <= right && y1 >= top && y1 <= bottom) return true;\n    if (x2 >= left && x2 <= right && y2 >= top && y2 <= bottom) return true;\n\n    // Check line intersection with each edge\n    return (\n        segmentsIntersect(x1, y1, x2, y2, left, top, right, top) ||\n        segmentsIntersect(x1, y1, x2, y2, right, top, right, bottom) ||\n        segmentsIntersect(x1, y1, x2, y2, left, bottom, right, bottom) ||\n        segmentsIntersect(x1, y1, x2, y2, left, top, left, bottom)\n    );\n}\n\nfunction segmentsIntersect(ax1, ay1, ax2, ay2, bx1, by1, bx2, by2) {\n    const d1 = cross(bx1, by1, bx2, by2, ax1, ay1);\n    const d2 = cross(bx1, by1, bx2, by2, ax2, ay2);\n    const d3 = cross(ax1, ay1, ax2, ay2, bx1, by1);\n    const d4 = cross(ax1, ay1, ax2, ay2, bx2, by2);\n\n    if (((d1 > 0 && d2 < 0) || (d1 < 0 && d2 > 0)) &&\n        ((d3 > 0 && d4 < 0) || (d3 < 0 && d4 > 0))) {\n        return true;\n    }\n    return false;\n}\n\nfunction cross(ax, ay, bx, by, cx, cy) {\n    return (bx - ax) * (cy - ay) - (by - ay) * (cx - ax);\n}\n\n// ============================================================\n// AUTO-ATTACHMENT\n// ============================================================\n\n/**\n * Automatically attach an arrow endpoint to a shape.\n * This makes edges follow nodes when they're moved.\n */\nexport function autoAttach(arrow, shape, isStart, contactPoint) {\n    if (!arrow || !shape) return;\n    if (typeof arrow.attachToShape !== 'function') return;\n\n    try {\n        // Determine attachment side based on contact point relative to shape\n        let side, offset;\n\n        if (shape.shapeName === 'rectangle' || shape.shapeName === 'frame') {\n            const sx = shape.x, sy = shape.y, sw = shape.width, sh = shape.height;\n            const cx = sx + sw / 2, cy = sy + sh / 2;\n\n            // Determine which edge the contact point is closest to\n            const distTop = Math.abs(contactPoint.y - sy);\n            const distBottom = Math.abs(contactPoint.y - (sy + sh));\n            const distLeft = Math.abs(contactPoint.x - sx);\n            const distRight = Math.abs(contactPoint.x - (sx + sw));\n            const minDist = Math.min(distTop, distBottom, distLeft, distRight);\n\n            if (minDist === distTop) {\n                side = 'top';\n                offset = { x: contactPoint.x - sx, y: 0, side: 'top' };\n            } else if (minDist === distBottom) {\n                side = 'bottom';\n                offset = { x: contactPoint.x - sx, y: sh, side: 'bottom' };\n            } else if (minDist === distLeft) {\n                side = 'left';\n                offset = { x: 0, y: contactPoint.y - sy, side: 'left' };\n            } else {\n                side = 'right';\n                offset = { x: sw, y: contactPoint.y - sy, side: 'right' };\n            }\n\n            const attachment = { side, point: contactPoint, offset };\n            arrow.attachToShape(isStart, shape, attachment);\n        } else if (shape.shapeName === 'circle') {\n            const angle = Math.atan2(\n                contactPoint.y - shape.y,\n                contactPoint.x - shape.x\n            );\n            const attachment = {\n                side: 'perimeter',\n                point: contactPoint,\n                offset: { angle, side: 'perimeter' },\n            };\n            arrow.attachToShape(isStart, shape, attachment);\n        }\n    } catch (err) {\n        // Attachment is optional \u2014 don't fail the render\n        console.warn('[AIRenderer] Auto-attach failed:', err);\n    }\n}\n\n// ============================================================\n// ICON FETCHING\n// ============================================================\n\n/**\n * Fetch an icon by keyword from the icon API and replace the placeholder shape.\n * Runs asynchronously so it doesn't block diagram rendering.\n */\nasync function fetchAndPlaceIcon(keyword, x, y, w, h, placeholderShape, frame) {\n    try {\n        const res = await fetch(`/api/icons/search?q=${encodeURIComponent(keyword)}&inline=1`);\n        if (!res.ok) return;\n        const data = await res.json();\n        const results = data.results;\n        if (!results || results.length === 0 || !results[0].svg) return;\n\n        const svgContent = results[0].svg;\n\n        // Use the engine's icon placement bridge if available\n        if (window.svg && window.IconShape) {\n            const svg = window.svg;\n\n            // Parse SVG to extract paths\n            const parser = new DOMParser();\n            const doc = parser.parseFromString(svgContent, 'image/svg+xml');\n            const svgEl = doc.querySelector('svg');\n            if (!svgEl) return;\n\n            const vbWidth = parseFloat(svgEl.getAttribute('width') || svgEl.viewBox?.baseVal?.width || 24);\n            const vbHeight = parseFloat(svgEl.getAttribute('height') || svgEl.viewBox?.baseVal?.height || 24);\n            const scale = Math.min(w / vbWidth, h / vbHeight);\n\n            // Create icon group\n            const g = document.createElementNS(NS, 'g');\n            g.setAttribute('type', 'icon');\n            g.setAttribute('x', x);\n            g.setAttribute('y', y);\n            g.setAttribute('width', w);\n            g.setAttribute('height', h);\n            g.setAttribute('data-shape-x', x);\n            g.setAttribute('data-shape-y', y);\n            g.setAttribute('data-shape-width', w);\n            g.setAttribute('data-shape-height', h);\n            g.setAttribute('data-shape-rotation', '0');\n            g.setAttribute('data-viewbox-width', vbWidth);\n            g.setAttribute('data-viewbox-height', vbHeight);\n            g.setAttribute('transform', `translate(${x}, ${y}) scale(${scale})`);\n\n            // Copy SVG content into group, apply white fill\n            const children = svgEl.querySelectorAll('path, circle, rect, polygon, polyline, line, ellipse');\n            children.forEach(child => {\n                const clone = child.cloneNode(true);\n                // Make visible on dark canvas\n                if (!clone.getAttribute('fill') || clone.getAttribute('fill') === 'none' || clone.getAttribute('fill') === 'black' || clone.getAttribute('fill') === '#000' || clone.getAttribute('fill') === '#000000') {\n                    clone.setAttribute('fill', '#ffffff');\n                }\n                if (clone.getAttribute('stroke') === 'black' || clone.getAttribute('stroke') === '#000' || clone.getAttribute('stroke') === '#000000') {\n                    clone.setAttribute('stroke', '#ffffff');\n                }\n                g.appendChild(clone);\n            });\n\n            // Add hit detection rect\n            const hitRect = document.createElementNS(NS, 'rect');\n            hitRect.setAttribute('x', '0');\n            hitRect.setAttribute('y', '0');\n            hitRect.setAttribute('width', vbWidth);\n            hitRect.setAttribute('height', vbHeight);\n            hitRect.setAttribute('fill', 'transparent');\n            hitRect.setAttribute('stroke', 'none');\n            g.insertBefore(hitRect, g.firstChild);\n\n            svg.appendChild(g);\n\n            // Wrap as IconShape\n            const iconShape = new window.IconShape(g);\n            window.shapes.push(iconShape);\n            if (window.pushCreateAction) window.pushCreateAction(iconShape);\n            if (frame?.addShapeToFrame) frame.addShapeToFrame(iconShape);\n\n            // Remove placeholder\n            if (placeholderShape) {\n                const idx = window.shapes.indexOf(placeholderShape);\n                if (idx !== -1) window.shapes.splice(idx, 1);\n                if (placeholderShape.group && placeholderShape.group.parentNode) {\n                    placeholderShape.group.parentNode.removeChild(placeholderShape.group);\n                }\n            }\n        }\n    } catch (err) {\n        console.warn('[AIRenderer] Icon fetch failed for keyword:', keyword, err);\n        // Placeholder rectangle remains visible as fallback\n    }\n}\n\n// ============================================================\n// HELPERS\n// ============================================================\n\n/**\n * Create an interactive TextShape label at (x, y) and add it to the frame.\n * Sets data-type=\"text-group\" so the text tool recognizes it for\n * click-to-select and double-click-to-edit.\n */\nfunction createLabel(text, x, y, fontSize, fill, frame) {\n    const svg = window.svg;\n    if (!svg || !window.TextShape) return null;\n\n    try {\n        const g = document.createElementNS(NS, 'g');\n        g.setAttribute('data-type', 'text-group');\n        g.setAttribute('transform', `translate(${x}, ${y})`);\n        g.setAttribute('data-x', x);\n        g.setAttribute('data-y', y);\n\n        const t = document.createElementNS(NS, 'text');\n        t.setAttribute('x', 0);\n        t.setAttribute('y', 0);\n        t.setAttribute('text-anchor', 'middle');\n        t.setAttribute('dominant-baseline', 'central');\n        t.setAttribute('fill', fill);\n        t.setAttribute('font-size', fontSize);\n        t.setAttribute('font-family', 'lixFont, sans-serif');\n        t.setAttribute('data-initial-font', 'lixFont');\n        t.setAttribute('data-initial-color', fill);\n        t.setAttribute('data-initial-size', fontSize + 'px');\n        t.textContent = text;\n\n        g.appendChild(t);\n        svg.appendChild(g);\n\n        const shape = new window.TextShape(g);\n        window.shapes.push(shape);\n        if (window.pushCreateAction) window.pushCreateAction(shape);\n        if (frame?.addShapeToFrame) frame.addShapeToFrame(shape);\n        return shape;\n    } catch (err) {\n        console.warn('[AIRenderer] Label creation failed:', err);\n        return null;\n    }\n}\n\n/**\n * Like getEdgePoint but spreads multiple connections along the exit edge.\n * count = total edges leaving this side, idx = 0-based index of this edge.\n */\nfunction getSpreadEdgePoint(node, targetNode, count, idx) {\n    if (count <= 1) return getEdgePoint(node, targetNode);\n\n    const dx = targetNode.centerX - node.centerX;\n    const dy = targetNode.centerY - node.centerY;\n    const hw = node.width / 2;\n    const hh = node.height / 2;\n\n    // Spread ratio: distribute along 60% of the edge length\n    const spread = 0.6;\n    const t = count === 1 ? 0.5 : idx / (count - 1);\n    const offset = (t - 0.5) * spread;\n\n    if (Math.abs(dx) < 0.001 || Math.abs(dy) * hw > Math.abs(dx) * hh) {\n        const px = node.centerX + offset * node.width;\n        const py = dy > 0 ? node.y + node.height : node.y;\n        return { x: px, y: py };\n    }\n    const px = dx > 0 ? node.x + node.width : node.x;\n    const py = node.centerY + offset * node.height;\n    return { x: px, y: py };\n}\n\n/**\n * Get the connection point on a node's boundary toward another node.\n * Uses the angle between centers to pick the closest edge (top/bottom/left/right).\n */\nfunction getEdgePoint(node, targetNode) {\n    const dx = targetNode.centerX - node.centerX;\n    const dy = targetNode.centerY - node.centerY;\n    const hw = node.width / 2;\n    const hh = node.height / 2;\n\n    if (Math.abs(dx) < 0.001 || Math.abs(dy) * hw > Math.abs(dx) * hh) {\n        if (dy > 0) return { x: node.centerX, y: node.y + node.height };\n        return { x: node.centerX, y: node.y };\n    }\n    if (dx > 0) return { x: node.x + node.width, y: node.centerY };\n    return { x: node.x, y: node.centerY };\n}\n\n// ============================================================\n// PREVIEW (for AI Modal)\n// ============================================================\n\n/**\n * Generate a simple SVG preview string from a diagram JSON.\n * Used inside the AI modal before placing on canvas.\n */\nexport function generatePreviewSVG(diagram, width = 500, height = 350) {\n    if (!diagram?.nodes?.length) return '';\n\n    const nodes = diagram.nodes;\n    const edges = diagram.edges || [];\n\n    // Compute bounds\n    let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;\n    nodes.forEach(n => {\n        minX = Math.min(minX, n.x);\n        minY = Math.min(minY, n.y);\n        maxX = Math.max(maxX, n.x + (n.width || NODE_W));\n        maxY = Math.max(maxY, n.y + (n.height || NODE_H));\n    });\n\n    const dw = maxX - minX || 1;\n    const dh = maxY - minY || 1;\n    const pad = 40;\n    const scale = Math.min((width - pad * 2) / dw, (height - pad * 2) / dh, 1.5);\n    const offX = (width - dw * scale) / 2 - minX * scale;\n    const offY = (height - dh * scale) / 2 - minY * scale;\n\n    // Build node lookup for edge rendering\n    const nodeById = new Map();\n    nodes.forEach(n => {\n        const nx = n.x * scale + offX;\n        const ny = n.y * scale + offY;\n        const nw = (n.width || NODE_W) * scale;\n        const nh = (n.height || NODE_H) * scale;\n        nodeById.set(n.id, { x: nx, y: ny, w: nw, h: nh, cx: nx + nw / 2, cy: ny + nh / 2 });\n    });\n\n    let svgContent = '';\n\n    // Draw 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 eColor = e.stroke || '#666';\n        const markerId = directed ? `url(#preview-arrow-${eColor.replace('#', '')})` : '';\n\n        // Add a per-color marker if needed\n        if (directed && !svgContent.includes(`id=\"preview-arrow-${eColor.replace('#', '')}\"`)) {\n            svgContent = `<marker id=\"preview-arrow-${eColor.replace('#', '')}\" markerWidth=\"8\" markerHeight=\"6\" refX=\"8\" refY=\"3\" orient=\"auto\"><path d=\"M0,0 L8,3 L0,6\" fill=\"none\" stroke=\"${eColor}\" stroke-width=\"1\" /></marker>` + svgContent;\n        }\n\n        const eDash = e.lineStyle === 'dashed' ? ' stroke-dasharray=\"5 3\"' : e.lineStyle === 'dotted' ? ' stroke-dasharray=\"2 2\"' : '';\n\n        // Render curved path if nodes aren't aligned (creates a natural 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 = (f.cx + t.cx) / 2;\n        let my = (f.cy + t.cy) / 2;\n\n        if (dist > 0 && Math.abs(dy) > 10 && Math.abs(dx) > 10) {\n            // Curved edge: perpendicular offset for a quadratic Bezier\n            const perpX = -dy / dist;\n            const perpY = dx / dist;\n            const curveAmt = dist * 0.15;\n            const cpx = mx + perpX * curveAmt;\n            const cpy = my + perpY * curveAmt;\n            // Quadratic bezier midpoint for label\n            mx = 0.25 * f.cx + 0.5 * cpx + 0.25 * t.cx;\n            my = 0.25 * f.cy + 0.5 * cpy + 0.25 * t.cy;\n            svgContent += `<path d=\"M ${f.cx} ${f.cy} Q ${cpx} ${cpy} ${t.cx} ${t.cy}\" fill=\"none\" stroke=\"${eColor}\" stroke-width=\"1.5\"${eDash} marker-end=\"${markerId}\" />`;\n        } else {\n            svgContent += `<line x1=\"${f.cx}\" y1=\"${f.cy}\" x2=\"${t.cx}\" y2=\"${t.cy}\" stroke=\"${eColor}\" stroke-width=\"1.5\"${eDash} marker-end=\"${markerId}\" />`;\n        }\n\n        if (e.label) {\n            svgContent += `<text x=\"${mx}\" y=\"${my - 8}\" text-anchor=\"middle\" fill=\"${eColor === '#666' ? '#888' : eColor}\" font-size=\"9\" font-family=\"lixFont, sans-serif\">${escapeXml(e.label)}</text>`;\n        }\n    });\n\n    // Draw nodes\n    nodes.forEach(n => {\n        const d = nodeById.get(n.id);\n        if (!d) return;\n\n        const nStroke = n.stroke || '#9090c0';\n        const nFill = n.fill || 'transparent';\n        const nDash = n.strokeDasharray ? ` stroke-dasharray=\"${n.strokeDasharray}\"` : '';\n\n        if (n.type === 'circle') {\n            svgContent += `<ellipse cx=\"${d.cx}\" cy=\"${d.cy}\" rx=\"${d.w / 2}\" ry=\"${d.h / 2}\" fill=\"${nFill}\" stroke=\"${nStroke}\" stroke-width=\"1.5\"${nDash} />`;\n        } else if (n.type === 'diamond') {\n            const sz = Math.min(d.w, d.h) * 0.7;\n            svgContent += `<rect x=\"${d.cx - sz / 2}\" y=\"${d.cy - sz / 2}\" width=\"${sz}\" height=\"${sz}\" fill=\"${nFill}\" stroke=\"${nStroke}\" stroke-width=\"1.5\"${nDash} transform=\"rotate(45, ${d.cx}, ${d.cy})\" />`;\n        } else if (n.type === 'roundrect') {\n            svgContent += `<rect x=\"${d.x}\" y=\"${d.y}\" width=\"${d.w}\" height=\"${d.h}\" rx=\"${Math.min(d.w, d.h) * 0.2}\" fill=\"${nFill}\" stroke=\"${nStroke}\" stroke-width=\"1.5\"${nDash} />`;\n        } else {\n            svgContent += `<rect x=\"${d.x}\" y=\"${d.y}\" width=\"${d.w}\" height=\"${d.h}\" rx=\"4\" fill=\"${nFill}\" stroke=\"${nStroke}\" stroke-width=\"1.5\"${nDash} />`;\n        }\n\n        // Label \u2014 ensure readable color\n        if (n.label) {\n            const fontSize = Math.max(8, Math.min(12, 11 * scale));\n            let labelFill = nStroke === '#9090c0' ? '#d0d0d0' : nStroke;\n            if (isColorTooDark(labelFill)) labelFill = '#d0d0d0';\n            // Icon nodes: label below the icon\n            const labelY = n.type === 'icon' ? d.cy + d.h / 2 + 12 * scale : d.cy;\n            svgContent += `<text x=\"${d.cx}\" y=\"${labelY}\" text-anchor=\"middle\" dominant-baseline=\"central\" fill=\"${labelFill}\" font-size=\"${fontSize}\" font-family=\"lixFont, sans-serif\">${escapeXml(n.label)}</text>`;\n        }\n    });\n\n    return `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${width}\" height=\"${height}\" viewBox=\"0 0 ${width} ${height}\">\n  <defs>${svgContent.match(/<marker[^]*?<\\/marker>/g)?.join('') || ''}</defs>\n  ${svgContent.replace(/<marker[^]*?<\\/marker>/g, '')}\n</svg>`;\n}\n\nfunction escapeXml(str) {\n    return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\"/g, '&quot;');\n}\n\n/**\n * Check if a hex color is too dark to read on a dark canvas (#1a1a2e).\n * Returns true if perceived luminance is below threshold.\n */\nfunction isColorTooDark(hex) {\n    if (!hex || hex === 'transparent' || hex === 'none') return false;\n    const c = hex.replace('#', '');\n    if (c.length < 6) return false;\n    const r = parseInt(c.substring(0, 2), 16);\n    const g = parseInt(c.substring(2, 4), 16);\n    const b = parseInt(c.substring(4, 6), 16);\n    // Relative luminance (perceived brightness)\n    const lum = (0.299 * r + 0.587 * g + 0.114 * b);\n    return lum < 80; // Below ~31% brightness \u2014 unreadable on dark bg\n}\n\n/**\n * Generate a preview SVG from an existing Frame's DOM contents.\n * Used when the user opens the AI edit dialog for a frame \u2014\n * shows the current state of the frame as an SVG preview.\n */\nexport function generateFramePreviewSVG(frame, width = 500, height = 350) {\n    if (!frame || !frame.clipGroup) return '';\n\n    const fx = frame.x, fy = frame.y, fw = frame.width, fh = frame.height;\n    if (fw <= 0 || fh <= 0) return '';\n\n    const pad = 30;\n    const scale = Math.min((width - pad * 2) / fw, (height - pad * 2) / fh, 1.5);\n    const offX = (width - fw * scale) / 2 - fx * scale;\n    const offY = (height - fh * scale) / 2 - fy * scale;\n\n    let svgContent = '';\n\n    // Frame border\n    svgContent += `<rect x=\"${fx * scale + offX}\" y=\"${fy * scale + offY}\" width=\"${fw * scale}\" height=\"${fh * scale}\" rx=\"6\" fill=\"transparent\" stroke=\"#555\" stroke-width=\"1.5\" stroke-dasharray=\"6 3\" />`;\n\n    // Frame label\n    if (frame.frameName) {\n        svgContent += `<text x=\"${fx * scale + offX + 10}\" y=\"${fy * scale + offY + 16}\" fill=\"#888\" font-size=\"11\" font-family=\"lixFont, sans-serif\">${escapeXml(frame.frameName)}</text>`;\n    }\n\n    // Render contained shapes\n    if (frame.containedShapes) {\n        frame.containedShapes.forEach(shape => {\n            if (!shape) return;\n\n            if (shape.shapeName === 'rectangle') {\n                const sx = shape.x * scale + offX;\n                const sy = shape.y * scale + offY;\n                const sw = shape.width * scale;\n                const sh = shape.height * scale;\n                const stroke = shape.options?.stroke || '#e0e0e0';\n                const fill = shape.options?.fill || 'transparent';\n                if (shape.rotation === 45) {\n                    const sz = Math.min(sw, sh) * 0.7;\n                    const rcx = sx + sw / 2, rcy = sy + sh / 2;\n                    svgContent += `<rect x=\"${rcx - sz / 2}\" y=\"${rcy - sz / 2}\" width=\"${sz}\" height=\"${sz}\" fill=\"${fill}\" stroke=\"${stroke}\" stroke-width=\"1.5\" transform=\"rotate(45, ${rcx}, ${rcy})\" />`;\n                    // Embedded label for diamond\n                    if (shape.label) {\n                        let lf = shape.labelColor || stroke;\n                        if (isColorTooDark(lf)) lf = '#d0d0d0';\n                        const fs = Math.max(8, (shape.labelFontSize || 14) * scale);\n                        svgContent += `<text x=\"${rcx}\" y=\"${rcy}\" text-anchor=\"middle\" dominant-baseline=\"central\" fill=\"${lf}\" font-size=\"${fs}\" font-family=\"lixFont, sans-serif\">${escapeXml(shape.label)}</text>`;\n                    }\n                } else {\n                    svgContent += `<rect x=\"${sx}\" y=\"${sy}\" width=\"${sw}\" height=\"${sh}\" rx=\"4\" fill=\"${fill}\" stroke=\"${stroke}\" stroke-width=\"1.5\" />`;\n                    // Embedded label\n                    if (shape.label) {\n                        let lf = shape.labelColor || stroke;\n                        if (isColorTooDark(lf)) lf = '#d0d0d0';\n                        const fs = Math.max(8, (shape.labelFontSize || 14) * scale);\n                        svgContent += `<text x=\"${sx + sw / 2}\" y=\"${sy + sh / 2}\" text-anchor=\"middle\" dominant-baseline=\"central\" fill=\"${lf}\" font-size=\"${fs}\" font-family=\"lixFont, sans-serif\">${escapeXml(shape.label)}</text>`;\n                    }\n                }\n            } else if (shape.shapeName === 'circle') {\n                const ccx = shape.x * scale + offX;\n                const ccy = shape.y * scale + offY;\n                const crx = (shape.rx || 30) * scale;\n                const cry = (shape.ry || 30) * scale;\n                const stroke = shape.options?.stroke || '#e0e0e0';\n                const fill = shape.options?.fill || 'transparent';\n                svgContent += `<ellipse cx=\"${ccx}\" cy=\"${ccy}\" rx=\"${crx}\" ry=\"${cry}\" fill=\"${fill}\" stroke=\"${stroke}\" stroke-width=\"1.5\" />`;\n                // Embedded label\n                if (shape.label) {\n                    let lf = shape.labelColor || stroke;\n                    if (isColorTooDark(lf)) lf = '#d0d0d0';\n                    const fs = Math.max(8, (shape.labelFontSize || 14) * scale);\n                    svgContent += `<text x=\"${ccx}\" y=\"${ccy}\" text-anchor=\"middle\" dominant-baseline=\"central\" fill=\"${lf}\" font-size=\"${fs}\" font-family=\"lixFont, sans-serif\">${escapeXml(shape.label)}</text>`;\n                }\n            } else if (shape.shapeName === 'text') {\n                const textEl = shape.group?.querySelector('text');\n                if (textEl) {\n                    const tx = parseFloat(shape.group.getAttribute('data-x') || '0');\n                    const ty = parseFloat(shape.group.getAttribute('data-y') || '0');\n                    const fill = textEl.getAttribute('fill') || '#e0e0e0';\n                    const fontSize = Math.max(8, (parseFloat(textEl.getAttribute('font-size')) || 14) * scale);\n                    const text = textEl.textContent || '';\n                    let labelFill = fill;\n                    if (isColorTooDark(labelFill)) labelFill = '#d0d0d0';\n                    svgContent += `<text x=\"${tx * scale + offX}\" y=\"${ty * scale + offY}\" text-anchor=\"middle\" dominant-baseline=\"central\" fill=\"${labelFill}\" font-size=\"${fontSize}\" font-family=\"lixFont, sans-serif\">${escapeXml(text)}</text>`;\n                }\n            } else if (shape.shapeName === 'arrow') {\n                const sp = shape.startPoint, ep = shape.endPoint;\n                if (sp && ep) {\n                    const stroke = shape.options?.stroke || '#e0e0e0';\n                    const sx1 = sp.x * scale + offX, sy1 = sp.y * scale + offY;\n                    const sx2 = ep.x * scale + offX, sy2 = ep.y * scale + offY;\n                    // Render curved if arrow has control points\n                    if (shape.arrowCurved === 'curved' && shape.controlPoint1 && shape.controlPoint2) {\n                        const cp1x = shape.controlPoint1.x * scale + offX;\n                        const cp1y = shape.controlPoint1.y * scale + offY;\n                        const cp2x = shape.controlPoint2.x * scale + offX;\n                        const cp2y = shape.controlPoint2.y * scale + offY;\n                        svgContent += `<path d=\"M ${sx1} ${sy1} C ${cp1x} ${cp1y}, ${cp2x} ${cp2y}, ${sx2} ${sy2}\" fill=\"none\" stroke=\"${stroke}\" stroke-width=\"1.5\" marker-end=\"url(#frame-preview-arrow)\" />`;\n                    } else {\n                        svgContent += `<line x1=\"${sx1}\" y1=\"${sy1}\" x2=\"${sx2}\" y2=\"${sy2}\" stroke=\"${stroke}\" stroke-width=\"1.5\" marker-end=\"url(#frame-preview-arrow)\" />`;\n                    }\n                    // Arrow label\n                    if (shape.label) {\n                        const amx = (sx1 + sx2) / 2, amy = (sy1 + sy2) / 2 - 8;\n                        const afs = Math.max(7, (shape.labelFontSize || 11) * scale);\n                        svgContent += `<text x=\"${amx}\" y=\"${amy}\" text-anchor=\"middle\" fill=\"${shape.labelColor || stroke}\" font-size=\"${afs}\" font-family=\"lixFont, sans-serif\">${escapeXml(shape.label)}</text>`;\n                    }\n                }\n            } else if (shape.shapeName === 'line') {\n                const sp = shape.startPoint, ep = shape.endPoint;\n                if (sp && ep) {\n                    const stroke = shape.options?.stroke || '#e0e0e0';\n                    const sx1 = sp.x * scale + offX, sy1 = sp.y * scale + offY;\n                    const sx2 = ep.x * scale + offX, sy2 = ep.y * scale + offY;\n                    // Render curved if line has control point\n                    if (shape.isCurved && shape.controlPoint) {\n                        const cpx = shape.controlPoint.x * scale + offX;\n                        const cpy = shape.controlPoint.y * scale + offY;\n                        svgContent += `<path d=\"M ${sx1} ${sy1} Q ${cpx} ${cpy} ${sx2} ${sy2}\" fill=\"none\" stroke=\"${stroke}\" stroke-width=\"1.5\" />`;\n                    } else {\n                        svgContent += `<line x1=\"${sx1}\" y1=\"${sy1}\" x2=\"${sx2}\" y2=\"${sy2}\" stroke=\"${stroke}\" stroke-width=\"1.5\" />`;\n                    }\n                    // Line label\n                    if (shape.label) {\n                        const lmx = (sx1 + sx2) / 2, lmy = (sy1 + sy2) / 2 - 8;\n                        const lfs = Math.max(7, (shape.labelFontSize || 11) * scale);\n                        svgContent += `<text x=\"${lmx}\" y=\"${lmy}\" text-anchor=\"middle\" fill=\"${shape.labelColor || stroke}\" font-size=\"${lfs}\" font-family=\"lixFont, sans-serif\">${escapeXml(shape.label)}</text>`;\n                    }\n                }\n            } else if (shape.shapeName === 'icon') {\n                const ix = parseFloat(shape.group?.getAttribute('data-shape-x') || '0');\n                const iy = parseFloat(shape.group?.getAttribute('data-shape-y') || '0');\n                const iw = parseFloat(shape.group?.getAttribute('data-shape-width') || '40');\n                const ih = parseFloat(shape.group?.getAttribute('data-shape-height') || '40');\n                const pix = ix * scale + offX;\n                const piy = iy * scale + offY;\n                const piw = iw * scale;\n                const pih = ih * scale;\n\n                // Try to extract actual icon SVG paths from the shape's group\n                const iconPaths = shape.group?.querySelectorAll('path, circle, rect, polygon, polyline, line, ellipse');\n                if (iconPaths && iconPaths.length > 0) {\n                    // Get viewbox dimensions for proper scaling\n                    const vbW = parseFloat(shape.group?.getAttribute('data-viewbox-width') || iw);\n                    const vbH = parseFloat(shape.group?.getAttribute('data-viewbox-height') || ih);\n                    const iconScale = Math.min(piw / vbW, pih / vbH);\n                    svgContent += `<g transform=\"translate(${pix}, ${piy}) scale(${iconScale})\">`;\n                    iconPaths.forEach(p => {\n                        // Skip hit-detection rects (transparent fill, no stroke)\n                        if (p.tagName === 'rect' && p.getAttribute('fill') === 'transparent' && p.getAttribute('stroke') === 'none') return;\n                        const clone = p.cloneNode(true);\n                        svgContent += clone.outerHTML;\n                    });\n                    svgContent += `</g>`;\n                } else {\n                    // Fallback: dashed bounding box with \"icon\" text\n                    svgContent += `<rect x=\"${pix}\" y=\"${piy}\" width=\"${piw}\" height=\"${pih}\" rx=\"4\" fill=\"transparent\" stroke=\"#9090c0\" stroke-width=\"1\" stroke-dasharray=\"3 2\" />`;\n                    svgContent += `<text x=\"${pix + piw / 2}\" y=\"${piy + pih / 2}\" text-anchor=\"middle\" dominant-baseline=\"central\" fill=\"#9090c0\" font-size=\"9\" font-family=\"lixFont\">icon</text>`;\n                }\n            } else if (shape.shapeName === 'frame') {\n                // Sub-frame\n                const sx = shape.x * scale + offX;\n                const sy = shape.y * scale + offY;\n                const sw = shape.width * scale;\n                const sh = shape.height * scale;\n                svgContent += `<rect x=\"${sx}\" y=\"${sy}\" width=\"${sw}\" height=\"${sh}\" rx=\"4\" fill=\"transparent\" stroke=\"${shape.options?.stroke || '#555'}\" stroke-width=\"1\" stroke-dasharray=\"4 2\" opacity=\"0.6\" />`;\n                if (shape.frameName) {\n                    svgContent += `<text x=\"${sx + 6}\" y=\"${sy + 12}\" fill=\"#888\" font-size=\"9\" font-family=\"lixFont\">${escapeXml(shape.frameName)}</text>`;\n                }\n            }\n        });\n    }\n\n    return `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${width}\" height=\"${height}\" viewBox=\"0 0 ${width} ${height}\">\n  <defs><marker id=\"frame-preview-arrow\" markerWidth=\"8\" markerHeight=\"6\" refX=\"8\" refY=\"3\" orient=\"auto\"><path d=\"M0,0 L8,3 L0,6\" fill=\"none\" stroke=\"#e0e0e0\" stroke-width=\"1\" /></marker></defs>\n  ${svgContent}\n</svg>`;\n}\n\n// ============================================================\n// INIT\n// ============================================================\n\nexport function initAIRenderer() {\n    // Expose the autoAttach helper so sibling renderers (Mermaid flowchart,\n    // Graph, LixScript) can wire arrow endpoints into shapes without\n    // import-cycling through this large module.\n    window.__autoAttach = autoAttach;\n\n    // Lazy-load sequence renderer\n    let _seqParser = null;\n    let _seqPreview = null;\n    let _seqCanvas = null;\n\n    // Lazy-load flowchart renderer\n    let _fcPreview = null;\n    let _fcCanvas = null;\n\n    async function loadSequenceRenderer() {\n        if (_seqParser) return;\n        const mod = await import('./MermaidSequenceParser.js');\n        const rend = await import('./MermaidSequenceRenderer.js');\n        _seqParser = mod.parseSequenceDiagram;\n        _seqPreview = rend.renderSequencePreviewSVG;\n        _seqCanvas = rend.renderSequenceOnCanvas;\n    }\n\n    async function loadFlowchartRenderer() {\n        if (_fcPreview) return;\n        const mod = await import('./MermaidFlowchartRenderer.js');\n        _fcPreview = mod.renderFlowchartPreviewSVG;\n        _fcCanvas = mod.renderFlowchartOnCanvas;\n    }\n\n    // Detect if source is a sequence diagram\n    function isSequenceDiagram(src) {\n        return src.trim().split('\\n')[0].trim().toLowerCase() === 'sequencediagram';\n    }\n\n    window.__aiRenderer = renderAIDiagram;\n    window.__aiPreview = generatePreviewSVG;\n    window.__aiFramePreview = generateFramePreviewSVG;\n\n    // Unified mermaid parser: supports graph/flowchart + sequenceDiagram\n    window.__mermaidParser = (src) => {\n        if (isSequenceDiagram(src)) {\n            try {\n                if (_seqParser) return _seqParser(src);\n                loadSequenceRenderer();\n                return { _pendingSequence: true, src };\n            } catch {\n                return null;\n            }\n        }\n        return parseMermaid(src);\n    };\n\n    // Unified mermaid preview: returns SVG for both flowchart and sequence\n    window.__mermaidPreview = async (src) => {\n        if (isSequenceDiagram(src)) {\n            await loadSequenceRenderer();\n            const diagram = _seqParser(src);\n            if (!diagram) return '';\n            return _seqPreview(diagram);\n        }\n        // Flowchart: use unified flowchart renderer\n        await loadFlowchartRenderer();\n        const diagram = parseMermaid(src);\n        if (!diagram) return '';\n        return _fcPreview(diagram);\n    };\n\n    // Unified mermaid renderer: places on canvas\n    window.__mermaidRenderer = async (src) => {\n        if (isSequenceDiagram(src)) {\n            await loadSequenceRenderer();\n            const diagram = _seqParser(src);\n            if (!diagram) { console.error('[AIRenderer] Sequence parse failed'); return false; }\n            return _seqCanvas(diagram);\n        }\n        // Flowchart: use unified flowchart renderer (same SVG as preview)\n        await loadFlowchartRenderer();\n        const diagram = parseMermaid(src);\n        if (!diagram) { console.error('[AIRenderer] Mermaid parse failed'); return false; }\n        return _fcCanvas(diagram);\n    };\n\n    // Pre-load renderers so they're ready\n    loadSequenceRenderer();\n    loadFlowchartRenderer();\n}\n"],
-  "mappings": "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",
-  "names": ["nodeIds", "px", "py", "diagram"]
-}