@elixpo/lixsketch 5.5.18 → 5.5.20

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

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

package/dist/react/Rectangle-S7XUKWYD.js

@@ -0,0 +1,9 @@
+"use client";
+import {
+  Rectangle
+} from "./chunk-FETTJLCV.js";
+import "./chunk-PAKA6HUX.js";
+export {
+  Rectangle
+};
+//# sourceMappingURL=Rectangle-S7XUKWYD.js.map

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

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

package/dist/react/SceneSerializer-VY3HY4PF.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/core/SceneSerializer.js"],
+  "sourcesContent": ["/* eslint-disable */\n/**\n * SceneSerializer - Save and load .lixsketch scene files\n *\n * Format: JSON with metadata + serialized shapes array\n * File extension: .lixsketch (actually JSON)\n */\n\nimport { Rectangle } from '../shapes/Rectangle.js';\nimport { Circle } from '../shapes/Circle.js';\nimport { Line } from '../shapes/Line.js';\nimport { Arrow } from '../shapes/Arrow.js';\nimport { FreehandStroke } from '../shapes/FreehandStroke.js';\nimport { Frame } from '../shapes/Frame.js';\nimport { TextShape } from '../shapes/TextShape.js';\nimport { CodeShape } from '../shapes/CodeShape.js';\nimport { ImageShape } from '../shapes/ImageShape.js';\nimport { IconShape } from '../shapes/IconShape.js';\n\nconst FORMAT_VERSION = 1;\n\n// Generate a unique session ID for each scene\nlet _sessionID = null;\nexport function getSessionID() {\n    if (!_sessionID) {\n        _sessionID = `lx-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;\n    }\n    return _sessionID;\n}\nexport function resetSessionID() {\n    _sessionID = null;\n}\n\nfunction cloneOptions(options) {\n    return JSON.parse(JSON.stringify(options));\n}\n\nfunction restoreDocBlockLinks(shape, data) {\n    const ids = [...new Set((Array.isArray(data.docBlockIds)\n        ? data.docBlockIds\n        : (data.docBlockId ? [data.docBlockId] : [])).filter(Boolean))];\n    shape.docBlockIds = ids;\n    delete shape.docBlockId;\n    if (ids.length) {\n        (shape.group || shape.element)?.setAttribute('data-doc-block-ids', JSON.stringify(ids));\n    }\n}\n\n// ============================================================\n// SERIALIZE a single shape to plain data\n// ============================================================\nfunction serializeShape(shape) {\n    const base = {\n        shapeID: shape.shapeID,\n        // Optional many-to-many connections to BlockNote document blocks.\n        // Stored with the encrypted scene so navigation survives restore.\n        docBlockIds: [...new Set((Array.isArray(shape.docBlockIds)\n            ? shape.docBlockIds\n            : (shape.docBlockId ? [shape.docBlockId] : [])).filter(Boolean))],\n        parentFrame: shape.parentFrame ? shape.parentFrame.shapeID : null,\n        // Group membership \u2014 null when the shape isn't part of a group.\n        // All shapes sharing a non-null groupId move/resize/rotate as a\n        // unit (see Selection.handleMultiSelectionMouseDown).\n        groupId: shape.groupId || null,\n    };\n\n    switch (shape.shapeName) {\n        case 'rectangle':\n            return {\n                ...base,\n                type: 'rectangle',\n                x: shape.x, y: shape.y,\n                width: shape.width, height: shape.height,\n                rotation: shape.rotation,\n                options: cloneOptions(shape.options),\n            };\n\n        case 'circle':\n            return {\n                ...base,\n                type: 'circle',\n                x: shape.x, y: shape.y,\n                rx: shape.rx, ry: shape.ry,\n                rotation: shape.rotation,\n                options: cloneOptions(shape.options),\n            };\n\n        case 'line':\n            return {\n                ...base,\n                type: 'line',\n                startPoint: { x: shape.startPoint.x, y: shape.startPoint.y },\n                endPoint: { x: shape.endPoint.x, y: shape.endPoint.y },\n                controlPoint: shape.controlPoint ? { x: shape.controlPoint.x, y: shape.controlPoint.y } : null,\n                isCurved: shape.isCurved || false,\n                options: cloneOptions(shape.options),\n            };\n\n        case 'arrow': {\n            const data = {\n                ...base,\n                type: 'arrow',\n                startPoint: { x: shape.startPoint.x, y: shape.startPoint.y },\n                endPoint: { x: shape.endPoint.x, y: shape.endPoint.y },\n                options: cloneOptions(shape.options),\n                arrowOutlineStyle: shape.arrowOutlineStyle,\n                arrowHeadStyle: shape.arrowHeadStyle,\n                arrowCurved: shape.arrowCurved,\n                arrowCurveAmount: shape.arrowCurveAmount,\n            };\n            if (shape.controlPoint1) data.controlPoint1 = { x: shape.controlPoint1.x, y: shape.controlPoint1.y };\n            if (shape.controlPoint2) data.controlPoint2 = { x: shape.controlPoint2.x, y: shape.controlPoint2.y };\n            // Serialize attachments by shapeID\n            if (shape.startAttachment) data.startAttachmentID = shape.startAttachment.shapeID;\n            if (shape.endAttachment) data.endAttachmentID = shape.endAttachment.shapeID;\n            return data;\n        }\n\n        case 'freehandStroke':\n            return {\n                ...base,\n                type: 'freehandStroke',\n                points: JSON.parse(JSON.stringify(shape.points)),\n                rotation: shape.rotation,\n                options: cloneOptions(shape.options),\n            };\n\n        case 'frame':\n            return {\n                ...base,\n                type: 'frame',\n                x: shape.x, y: shape.y,\n                width: shape.width, height: shape.height,\n                rotation: shape.rotation,\n                frameName: shape.frameName,\n                fillStyle: shape.fillStyle || 'transparent',\n                fillColor: shape.fillColor || '#1e1e28',\n                gridSize: shape.gridSize || 20,\n                gridColor: shape.gridColor || 'rgba(255,255,255,0.06)',\n                options: cloneOptions(shape.options),\n                // Issue #24 bug #10: filter out null / undefined / shapeID-less\n                // children. A stale reference would serialize as `null` and the\n                // load path would skip it (logging a misleading \"missing shape\"\n                // warning) \u2014 but also previously skewed the order tracking.\n                containedShapeIDs: shape.containedShapes\n                    ? Array.from(shape.containedShapes)\n                        .filter(s => s && s.shapeID)\n                        .map(s => s.shapeID)\n                    : [],\n            };\n\n        case 'text': {\n            const group = shape.group;\n            return {\n                ...base,\n                type: 'text',\n                x: shape.x, y: shape.y,\n                rotation: shape.rotation,\n                groupHTML: group.cloneNode(true).outerHTML,\n            };\n        }\n\n        case 'code': {\n            const group = shape.group;\n            return {\n                ...base,\n                type: 'code',\n                x: shape.x, y: shape.y,\n                rotation: shape.rotation,\n                groupHTML: group.cloneNode(true).outerHTML,\n            };\n        }\n\n        case 'image': {\n            const el = shape.element;\n            return {\n                ...base,\n                type: 'image',\n                x: shape.x, y: shape.y,\n                width: shape.width, height: shape.height,\n                rotation: shape.rotation,\n                href: el.getAttribute('href') || el.getAttributeNS('http://www.w3.org/1999/xlink', 'href') || '',\n            };\n        }\n\n        case 'icon': {\n            const el = shape.element;\n            return {\n                ...base,\n                type: 'icon',\n                x: shape.x, y: shape.y,\n                width: shape.width, height: shape.height,\n                rotation: shape.rotation,\n                elementHTML: el.cloneNode(true).outerHTML,\n                viewboxWidth: parseFloat(el.getAttribute('data-viewbox-width')) || 24,\n                viewboxHeight: parseFloat(el.getAttribute('data-viewbox-height')) || 24,\n            };\n        }\n\n        default:\n            console.warn('[SceneSerializer] Unknown shape type:', shape.shapeName);\n            return null;\n    }\n}\n\n// ============================================================\n// DESERIALIZE: Create a shape from saved data\n// ============================================================\nfunction deserializeShape(data) {\n    const svgEl = window.svg;\n    if (!svgEl) return null;\n    const ns = 'http://www.w3.org/2000/svg';\n\n    switch (data.type) {\n        case 'rectangle': {\n            const shape = new Rectangle(data.x, data.y, data.width, data.height, data.options || {});\n            if (data.rotation) shape.rotation = data.rotation;\n            if (data.shapeID) shape.shapeID = data.shapeID;\n            return shape;\n        }\n\n        case 'circle': {\n            const shape = new Circle(data.x, data.y, data.rx, data.ry, data.options || {});\n            if (data.rotation) shape.rotation = data.rotation;\n            if (data.shapeID) shape.shapeID = data.shapeID;\n            return shape;\n        }\n\n        case 'line': {\n            const shape = new Line(data.startPoint, data.endPoint, data.options || {});\n            if (data.controlPoint) shape.controlPoint = data.controlPoint;\n            if (data.isCurved) shape.isCurved = data.isCurved;\n            if (data.shapeID) shape.shapeID = data.shapeID;\n            return shape;\n        }\n\n        case 'arrow': {\n            const shape = new Arrow(data.startPoint, data.endPoint, data.options || {});\n            if (data.controlPoint1) shape.controlPoint1 = data.controlPoint1;\n            if (data.controlPoint2) shape.controlPoint2 = data.controlPoint2;\n            if (data.arrowOutlineStyle) shape.arrowOutlineStyle = data.arrowOutlineStyle;\n            if (data.arrowHeadStyle) shape.arrowHeadStyle = data.arrowHeadStyle;\n            if (data.arrowCurved) shape.arrowCurved = data.arrowCurved;\n            if (data.arrowCurveAmount) shape.arrowCurveAmount = data.arrowCurveAmount;\n            if (data.shapeID) shape.shapeID = data.shapeID;\n            return shape;\n        }\n\n        case 'freehandStroke': {\n            const shape = new FreehandStroke(data.points, data.options || {});\n            if (data.rotation) shape.rotation = data.rotation;\n            if (data.shapeID) shape.shapeID = data.shapeID;\n            return shape;\n        }\n\n        case 'frame': {\n            const frameOpts = { ...(data.options || {}), frameName: data.frameName || 'Frame' };\n            if (data.fillStyle) frameOpts.fillStyle = data.fillStyle;\n            if (data.fillColor) frameOpts.fillColor = data.fillColor;\n            if (data.gridSize) frameOpts.gridSize = data.gridSize;\n            if (data.gridColor) frameOpts.gridColor = data.gridColor;\n            const shape = new Frame(data.x, data.y, data.width, data.height, frameOpts);\n            if (data.rotation) shape.rotation = data.rotation;\n            if (data.shapeID) shape.shapeID = data.shapeID;\n            shape.draw();\n            return shape;\n        }\n\n        case 'text': {\n            if (!data.groupHTML) return null;\n            const parser = new DOMParser();\n            const doc = parser.parseFromString(`<svg xmlns=\"${ns}\">${data.groupHTML}</svg>`, 'image/svg+xml');\n            const group = doc.querySelector('g');\n            if (!group) return null;\n            const imported = svgEl.ownerDocument.importNode(group, true);\n            svgEl.appendChild(imported);\n            const shape = new TextShape(imported);\n            if (data.shapeID) shape.shapeID = data.shapeID;\n            return shape;\n        }\n\n        case 'code': {\n            if (!data.groupHTML) return null;\n            const parser = new DOMParser();\n            const doc = parser.parseFromString(`<svg xmlns=\"${ns}\">${data.groupHTML}</svg>`, 'image/svg+xml');\n            const group = doc.querySelector('g');\n            if (!group) return null;\n            const imported = svgEl.ownerDocument.importNode(group, true);\n            svgEl.appendChild(imported);\n            const shape = new CodeShape(imported);\n            if (data.shapeID) shape.shapeID = data.shapeID;\n            return shape;\n        }\n\n        case 'image': {\n            const imgEl = document.createElementNS(ns, 'image');\n            imgEl.setAttribute('x', data.x);\n            imgEl.setAttribute('y', data.y);\n            imgEl.setAttribute('width', data.width);\n            imgEl.setAttribute('height', data.height);\n            imgEl.setAttribute('href', data.href);\n            imgEl.setAttribute('preserveAspectRatio', 'none');\n            svgEl.appendChild(imgEl);\n            const shape = new ImageShape(imgEl);\n            if (data.rotation) shape.rotation = data.rotation;\n            if (data.shapeID) shape.shapeID = data.shapeID;\n            return shape;\n        }\n\n        case 'icon': {\n            if (!data.elementHTML) return null;\n            const parser = new DOMParser();\n            // Wrap in <svg> so the parser treats the <g> as a valid child, not a document root\n            const doc = parser.parseFromString(`<svg xmlns=\"${ns}\">${data.elementHTML}</svg>`, 'image/svg+xml');\n            const iconGroup = doc.querySelector('g');\n            if (!iconGroup) return null;\n            const imported = svgEl.ownerDocument.importNode(iconGroup, true);\n            svgEl.appendChild(imported);\n            const shape = new IconShape(imported);\n            if (data.shapeID) shape.shapeID = data.shapeID;\n            return shape;\n        }\n\n        default:\n            console.warn('[SceneSerializer] Unknown type:', data.type);\n            return null;\n    }\n}\n\n// ============================================================\n// SAVE: Serialize entire scene to .lixsketch JSON\n// ============================================================\nexport function saveScene(workspaceName = 'Untitled') {\n    const allShapes = window.shapes || [];\n    const serialized = [];\n\n    // Issue #24 bug #10: rebuild containment from each shape's own\n    // `parentFrame` ref before serialising. The `containedShapes` array\n    // on the frame side drifts over time (eraser, partial deletes, drag\n    // out + drag back, etc.), and a missing entry there means the child\n    // gets serialised as a top-level shape and the frame restores empty.\n    // Each shape knows its own parent, so we trust THAT and override the\n    // frame's array at save time.\n    const childrenByFrame = new Map();\n    for (const s of allShapes) {\n        if (s && s.parentFrame && s.shapeID && s !== s.parentFrame) {\n            const arr = childrenByFrame.get(s.parentFrame.shapeID) || [];\n            arr.push(s.shapeID);\n            childrenByFrame.set(s.parentFrame.shapeID, arr);\n        }\n    }\n\n    for (const shape of allShapes) {\n        const data = serializeShape(shape);\n        if (!data) continue;\n        if (data.type === 'frame' && shape.shapeID && childrenByFrame.has(shape.shapeID)) {\n            const merged = new Set(data.containedShapeIDs || []);\n            for (const id of childrenByFrame.get(shape.shapeID)) merged.add(id);\n            data.containedShapeIDs = Array.from(merged);\n        }\n        serialized.push(data);\n    }\n\n    const scene = {\n        format: 'lixsketch',\n        version: FORMAT_VERSION,\n        sessionID: getSessionID(),\n        name: workspaceName,\n        createdAt: new Date().toISOString(),\n        viewport: window.currentViewBox ? { ...window.currentViewBox } : null,\n        zoom: window.currentZoom || 1,\n        shapes: serialized,\n    };\n\n    return scene;\n}\n\n// ============================================================\n// LOAD: Deserialize .lixsketch JSON and recreate scene\n// ============================================================\nexport function loadScene(sceneData) {\n    if (!sceneData || sceneData.format !== 'lixsketch') {\n        console.error('[SceneSerializer] Invalid scene format');\n        return false;\n    }\n\n    // Clear current scene\n    const svgEl = window.svg;\n    if (!svgEl) return false;\n\n    // Remove all existing shape DOM elements\n    const existingShapes = window.shapes || [];\n    existingShapes.forEach(shape => {\n        // For frames, clean up clipGroup and clipPath too\n        if (shape.shapeName === 'frame') {\n            if (shape.clipGroup && shape.clipGroup.parentNode) {\n                shape.clipGroup.parentNode.removeChild(shape.clipGroup);\n            }\n            if (shape.clipPath && shape.clipPath.parentNode) {\n                shape.clipPath.parentNode.removeChild(shape.clipPath);\n            }\n        }\n        if (shape.group && shape.group.parentNode) {\n            shape.group.parentNode.removeChild(shape.group);\n        } else if (shape.element && shape.element.parentNode) {\n            shape.element.parentNode.removeChild(shape.element);\n        }\n    });\n\n    // Clear arrays IN PLACE \u2014 tool modules hold direct references to these\n    // arrays from import-time, so replacing them breaks interactivity.\n    if (window.shapes) window.shapes.length = 0; else window.shapes = [];\n    window.currentShape = null;\n    if (window.historyStack) window.historyStack.length = 0; else window.historyStack = [];\n    if (window.redoStack) window.redoStack.length = 0; else window.redoStack = [];\n\n    // Build ID -> shape map for frame containment and arrow attachments\n    const idMap = new Map();\n\n    // First pass: create all shapes (frames first to allow containment)\n    const frameData = sceneData.shapes.filter(s => s.type === 'frame');\n    const otherData = sceneData.shapes.filter(s => s.type !== 'frame');\n\n    // Create frames first\n    for (const data of frameData) {\n        const shape = deserializeShape(data);\n        if (shape) {\n            // Restore group membership if present.\n            if (data.groupId) shape.groupId = data.groupId;\n            restoreDocBlockLinks(shape, data);\n            window.shapes.push(shape);\n            if (data.shapeID) idMap.set(data.shapeID, shape);\n        }\n    }\n\n    // Create all other shapes\n    for (const data of otherData) {\n        const shape = deserializeShape(data);\n        if (shape) {\n            if (data.groupId) shape.groupId = data.groupId;\n            restoreDocBlockLinks(shape, data);\n            window.shapes.push(shape);\n            if (data.shapeID) idMap.set(data.shapeID, shape);\n        }\n    }\n\n    // Second pass: restore frame containment\n    for (const data of frameData) {\n        const frame = idMap.get(data.shapeID);\n        if (frame && data.containedShapeIDs && data.containedShapeIDs.length > 0) {\n            for (const childID of data.containedShapeIDs) {\n                const child = idMap.get(childID);\n                if (!child) {\n                    console.warn(`[SceneSerializer] Frame \"${data.frameName}\" references missing shape: ${childID}`);\n                    continue;\n                }\n                try {\n                    if (typeof frame.addShapeToFrame === 'function') {\n                        frame.addShapeToFrame(child);\n                    } else {\n                        // Fallback: manually set containment\n                        frame.containedShapes.push(child);\n                        child.parentFrame = frame;\n                    }\n                } catch (err) {\n                    console.warn(`[SceneSerializer] Failed to restore containment for ${childID} in frame ${data.shapeID}:`, err);\n                    // Fallback: at least set the reference\n                    if (!frame.containedShapes.includes(child)) {\n                        frame.containedShapes.push(child);\n                    }\n                    child.parentFrame = frame;\n                }\n            }\n        }\n    }\n\n    // Third pass: restore arrow attachments\n    for (const data of sceneData.shapes) {\n        if (data.type === 'arrow') {\n            const arrow = idMap.get(data.shapeID);\n            if (!arrow) continue;\n            if (data.startAttachmentID) {\n                const target = idMap.get(data.startAttachmentID);\n                if (target && arrow.setStartAttachment) arrow.setStartAttachment(target);\n            }\n            if (data.endAttachmentID) {\n                const target = idMap.get(data.endAttachmentID);\n                if (target && arrow.setEndAttachment) arrow.setEndAttachment(target);\n            }\n        }\n    }\n\n    // \u2500\u2500 Fourth pass: frame containment reconciliation (issue #24 bug #10) \u2500\u2500\n    //\n    // The pass above attaches each child via `frame.addShapeToFrame(child)`,\n    // which is supposed to move the child's <g> into the frame's clipGroup.\n    // In practice LixScript-rendered scenes were reloading with empty\n    // frames \u2014 children present in the shapes array, frame box drawn, but\n    // the children's <g> elements stranded at the svg root (so visually\n    // they look orphaned). The cause varies (transient `isBeingMovedByFrame`\n    // flag carried over from save time, ordering glitches when nested\n    // frames are restored, etc.). Rather than chase the source, repair the\n    // DOM state here from the authoritative `containedShapes` array.\n    for (const data of frameData) {\n        const frame = idMap.get(data.shapeID);\n        if (!frame) continue;\n\n        // Clear stale flags that suppress DOM mutation inside addShapeToFrame.\n        delete frame.isBeingMovedByFrame;\n        delete frame.isDraggedOutTemporarily;\n\n        // Ensure the frame's own clipGroup is direct child of svg \u2014 sub-frames\n        // that didn't get re-parented yet are handled in the next loop.\n        if (frame.clipGroup && frame.clipGroup.parentNode !== svgEl) {\n            svgEl.appendChild(frame.clipGroup);\n        }\n\n        for (const child of frame.containedShapes || []) {\n            if (!child) continue;\n            delete child.isBeingMovedByFrame;\n            delete child.isDraggedOutTemporarily;\n\n            const el = child.group || child.element;\n            if (el && el.parentNode !== frame.clipGroup) {\n                if (el.parentNode) el.parentNode.removeChild(el);\n                frame.clipGroup.appendChild(el);\n            }\n            // Sub-frames also carry their own clipGroup \u2014 nest it.\n            if (child.shapeName === 'frame' && child.clipGroup\n                && child.clipGroup.parentNode !== frame.clipGroup) {\n                if (child.clipGroup.parentNode) child.clipGroup.parentNode.removeChild(child.clipGroup);\n                frame.clipGroup.appendChild(child.clipGroup);\n            }\n            // Authoritative parent ref \u2014 `addShapeToFrame` should already\n            // have set this but the no-op early return when the child was\n            // already in containedShapes skips it.\n            child.parentFrame = frame;\n        }\n\n        // Force the clip rect + visual to match. Some saved frames came\n        // through with a stale clipRect from before the resize that lost\n        // the children visually.\n        if (typeof frame.updateClipPath === 'function') frame.updateClipPath();\n        if (typeof frame.draw === 'function') {\n            try { frame.draw(); } catch (err) { console.warn('[SceneSerializer] frame redraw failed:', err); }\n        }\n    }\n\n    // Restore viewport\n    if (sceneData.viewport && svgEl) {\n        const vb = sceneData.viewport;\n        window.currentViewBox = { ...vb };\n        svgEl.setAttribute('viewBox', `${vb.x} ${vb.y} ${vb.width} ${vb.height}`);\n    }\n    if (sceneData.zoom) {\n        window.currentZoom = sceneData.zoom;\n    }\n\n    console.log(`[SceneSerializer] Loaded ${window.shapes.length} shapes from \"${sceneData.name}\"`);\n    window.dispatchEvent(new CustomEvent('lix-doc-canvas-links-changed'));\n\n    // Re-sync tool flags so shapes are interactable after restore\n    if (window.__sketchEngine && typeof window.__sketchEngine.setActiveTool === 'function') {\n        const store = window.__sketchStoreApi;\n        const currentTool = store ? store.getState().activeTool : 'select';\n        window.__sketchEngine.setActiveTool(currentTool);\n    } else {\n        // Fallback: ensure selection tool is active\n        window.isSelectionToolActive = true;\n    }\n\n    return true;\n}\n\n// ============================================================\n// DOWNLOAD: Trigger browser download of .lixsketch file\n// ============================================================\nexport function downloadScene(workspaceName = 'Untitled') {\n    const scene = saveScene(workspaceName);\n    const json = JSON.stringify(scene, null, 2);\n    const blob = new Blob([json], { type: 'application/json' });\n    const url = URL.createObjectURL(blob);\n\n    const a = document.createElement('a');\n    a.href = url;\n    a.download = `${workspaceName.replace(/[^a-zA-Z0-9_-]/g, '_')}.lixjson`;\n    document.body.appendChild(a);\n    a.click();\n    document.body.removeChild(a);\n    URL.revokeObjectURL(url);\n}\n\n// ============================================================\n// UPLOAD: Open file picker and load .lixsketch file\n// ============================================================\n// Validate scene JSON structure before loading\nexport function validateScene(data) {\n    if (!data || typeof data !== 'object') return { valid: false, error: 'Not a valid JSON object' };\n    if (data.format !== 'lixsketch') return { valid: false, error: 'Not a LixSketch scene file (missing format field)' };\n    if (!data.version || data.version > FORMAT_VERSION) return { valid: false, error: `Unsupported version: ${data.version}` };\n    if (!Array.isArray(data.shapes)) return { valid: false, error: 'Invalid scene: missing shapes array' };\n    return {\n        valid: true,\n        name: data.name || 'Untitled',\n        shapeCount: data.shapes.length,\n        sessionID: data.sessionID || null,\n        createdAt: data.createdAt || null,\n    };\n}\n\nexport function uploadScene() {\n    return new Promise((resolve, reject) => {\n        const input = document.createElement('input');\n        input.type = 'file';\n        input.accept = '.lixjson,.json';\n        input.onchange = (e) => {\n            const file = e.target.files[0];\n            if (!file) return resolve(false);\n\n            const reader = new FileReader();\n            reader.onload = (ev) => {\n                try {\n                    const data = JSON.parse(ev.target.result);\n                    const validation = validateScene(data);\n                    if (!validation.valid) {\n                        console.error('[SceneSerializer] Invalid file:', validation.error);\n                        resolve({ success: false, error: validation.error });\n                        return;\n                    }\n                    resetSessionID(); // New session for loaded scene\n                    const result = loadScene(data);\n                    resolve({ success: result, validation });\n                } catch (err) {\n                    console.error('[SceneSerializer] Failed to parse file:', err);\n                    resolve({ success: false, error: 'Failed to parse JSON file' });\n                }\n            };\n            reader.readAsText(file);\n        };\n        input.click();\n    });\n}\n\n// ============================================================\n// EXPORT as PNG\n// ============================================================\nexport function exportAsPNG() {\n    const svgEl = window.svg;\n    if (!svgEl) return;\n\n    const clone = svgEl.cloneNode(true);\n    // Remove selection UI elements\n    const selectionEls = clone.querySelectorAll('[data-selection], .selection-handle, .resize-handle, .rotation-handle');\n    selectionEls.forEach(el => el.remove());\n\n    const svgData = new XMLSerializer().serializeToString(clone);\n    const canvas = document.createElement('canvas');\n    const vb = svgEl.viewBox.baseVal;\n    canvas.width = vb.width * 2; // 2x for retina\n    canvas.height = vb.height * 2;\n    const ctx = canvas.getContext('2d');\n    ctx.scale(2, 2);\n\n    const img = new Image();\n    const svgBlob = new Blob([svgData], { type: 'image/svg+xml;charset=utf-8' });\n    const url = URL.createObjectURL(svgBlob);\n\n    img.onload = () => {\n        // Draw dark background\n        ctx.fillStyle = '#121212';\n        ctx.fillRect(0, 0, vb.width, vb.height);\n        ctx.drawImage(img, 0, 0, vb.width, vb.height);\n        URL.revokeObjectURL(url);\n\n        canvas.toBlob(blob => {\n            const a = document.createElement('a');\n            a.href = URL.createObjectURL(blob);\n            a.download = 'lixsketch-export.png';\n            document.body.appendChild(a);\n            a.click();\n            document.body.removeChild(a);\n        }, 'image/png');\n    };\n    img.src = url;\n}\n\n// ============================================================\n// COPY to clipboard as PNG\n// ============================================================\nexport function copyAsPNG() {\n    const svgEl = window.svg;\n    if (!svgEl) return;\n\n    const clone = svgEl.cloneNode(true);\n    const selectionEls = clone.querySelectorAll('[data-selection], .selection-handle, .resize-handle, .rotation-handle');\n    selectionEls.forEach(el => el.remove());\n\n    const svgData = new XMLSerializer().serializeToString(clone);\n    const canvas = document.createElement('canvas');\n    const vb = svgEl.viewBox.baseVal;\n    canvas.width = vb.width * 2;\n    canvas.height = vb.height * 2;\n    const ctx = canvas.getContext('2d');\n    ctx.scale(2, 2);\n\n    const img = new Image();\n    const svgBlob = new Blob([svgData], { type: 'image/svg+xml;charset=utf-8' });\n    const url = URL.createObjectURL(svgBlob);\n\n    img.onload = () => {\n        ctx.fillStyle = '#121212';\n        ctx.fillRect(0, 0, vb.width, vb.height);\n        ctx.drawImage(img, 0, 0, vb.width, vb.height);\n        URL.revokeObjectURL(url);\n\n        canvas.toBlob(blob => {\n            if (!blob) return;\n            navigator.clipboard.write([\n                new ClipboardItem({ 'image/png': blob })\n            ]).catch(err => console.warn('[SceneSerializer] Clipboard write failed:', err));\n        }, 'image/png');\n    };\n    img.src = url;\n}\n\n// ============================================================\n// COPY to clipboard as SVG\n// ============================================================\nexport function copyAsSVG() {\n    const svgEl = window.svg;\n    if (!svgEl) return;\n\n    const clone = svgEl.cloneNode(true);\n    const selectionEls = clone.querySelectorAll('[data-selection], .selection-handle, .resize-handle, .rotation-handle');\n    selectionEls.forEach(el => el.remove());\n\n    const svgData = new XMLSerializer().serializeToString(clone);\n    navigator.clipboard.writeText(svgData)\n        .catch(err => console.warn('[SceneSerializer] Clipboard write failed:', err));\n}\n\n// ============================================================\n// EXPORT as PDF (uses browser print)\n// ============================================================\nexport function exportAsPDF() {\n    const svgEl = window.svg;\n    if (!svgEl) return;\n\n    const clone = svgEl.cloneNode(true);\n    const selectionEls = clone.querySelectorAll('[data-selection], .selection-handle, .resize-handle, .rotation-handle');\n    selectionEls.forEach(el => el.remove());\n\n    const svgData = new XMLSerializer().serializeToString(clone);\n    const printWindow = window.open('', '_blank');\n    printWindow.document.write(`\n        <!DOCTYPE html>\n        <html>\n        <head><title>LixSketch Export</title>\n        <style>\n            body { margin: 0; background: #121212; display: flex; align-items: center; justify-content: center; min-height: 100vh; }\n            svg { max-width: 100vw; max-height: 100vh; }\n            @media print { body { background: white; } }\n        </style>\n        </head>\n        <body>${svgData}</body>\n        </html>\n    `);\n    printWindow.document.close();\n    printWindow.focus();\n    setTimeout(() => printWindow.print(), 500);\n}\n\n// ============================================================\n// RESET: Clear the entire canvas\n// ============================================================\nexport function resetCanvas() {\n    const svgEl = window.svg;\n    if (!svgEl) return;\n\n    // Remove all shape DOM elements + frame clipGroups/clipPaths\n    const existingShapes = window.shapes || [];\n    existingShapes.forEach(shape => {\n        if (shape.shapeName === 'frame') {\n            if (shape.clipGroup && shape.clipGroup.parentNode) {\n                shape.clipGroup.parentNode.removeChild(shape.clipGroup);\n            }\n            if (shape.clipPath && shape.clipPath.parentNode) {\n                shape.clipPath.parentNode.removeChild(shape.clipPath);\n            }\n        }\n        if (shape.group && shape.group.parentNode) {\n            shape.group.parentNode.removeChild(shape.group);\n        } else if (shape.element && shape.element.parentNode) {\n            shape.element.parentNode.removeChild(shape.element);\n        }\n    });\n\n    // Remove selection UI\n    svgEl.querySelectorAll(\n        '.selection-outline, .resize-anchor, .rotation-anchor, [data-selection]'\n    ).forEach(el => el.remove());\n\n    // Clear arrays IN PLACE (same reason as loadScene)\n    if (window.shapes) window.shapes.length = 0; else window.shapes = [];\n    window.currentShape = null;\n    if (window.historyStack) window.historyStack.length = 0; else window.historyStack = [];\n    if (window.redoStack) window.redoStack.length = 0; else window.redoStack = [];\n\n    if (typeof window.clearAllSelections === 'function') {\n        window.clearAllSelections();\n    }\n    if (typeof window.disableAllSideBars === 'function') {\n        window.disableAllSideBars();\n    }\n\n    // Clear auto-save (both legacy and session-scoped keys)\n    try {\n        localStorage.removeItem('lixsketch-autosave');\n        localStorage.removeItem('lixsketch-autosave-meta');\n        const sid = window.__sessionID;\n        if (sid) {\n            localStorage.removeItem(`lixsketch-autosave-${sid}`);\n            localStorage.removeItem(`lixsketch-autosave-meta-${sid}`);\n        }\n    } catch (_) {}\n\n    console.log('[SceneSerializer] Canvas reset');\n    if (typeof window.__collabSceneChanged === 'function') {\n        window.__collabSceneChanged();\n    }\n}\n\n// ============================================================\n// FIND: Search for text content on the canvas\n// ============================================================\nexport function findTextOnCanvas(query) {\n    const allShapes = window.shapes || [];\n    if (!query || query.trim() === '') return [];\n\n    const lowerQuery = query.toLowerCase();\n    const results = [];\n\n    for (const shape of allShapes) {\n        let textContent = '';\n\n        if (shape.shapeName === 'text' || shape.shapeName === 'code') {\n            const group = shape.group;\n            if (group) {\n                // Get all text content from SVG text/tspan elements\n                const textEls = group.querySelectorAll('text, tspan');\n                textEls.forEach(el => {\n                    if (el.textContent) textContent += el.textContent + ' ';\n                });\n                // Also check foreignObject content\n                const foreignEls = group.querySelectorAll('foreignObject *');\n                foreignEls.forEach(el => {\n                    if (el.textContent) textContent += el.textContent + ' ';\n                });\n            }\n        } else if (shape.shapeName === 'frame') {\n            textContent = shape.frameName || '';\n        }\n\n        textContent = textContent.trim();\n        if (textContent && textContent.toLowerCase().includes(lowerQuery)) {\n            results.push({\n                shape,\n                text: textContent,\n                type: shape.shapeName,\n                x: shape.x || 0,\n                y: shape.y || 0,\n            });\n        }\n    }\n\n    return results;\n}\n\n// ============================================================\n// Initialize bridge for React components\n// ============================================================\nexport function initSceneSerializer() {\n    window.__sceneSerializer = {\n        save: saveScene,\n        load: loadScene,\n        download: downloadScene,\n        upload: uploadScene,\n        exportPNG: exportAsPNG,\n        exportPDF: exportAsPDF,\n        copyAsPNG,\n        copyAsSVG,\n        resetCanvas,\n        findText: findTextOnCanvas,\n    };\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/react/{Selection-XLRY6VYO.js → Selection-U2AR6NQS.js}

@@ -13,9 +13,10 @@ import {
   removeMultiSelectionControls,
   removeMultiSelectionRect,
   selectShapesInRect
-} from "./chunk-IW2NRHNK.js";
-import "./chunk-BZE4CEBG.js";
-import "./chunk-L5OARZJ7.js";
+} from "./chunk-7VBI7S7T.js";
+import "./chunk-PAKA6HUX.js";
+import "./chunk-O64N5JPO.js";
+import "./chunk-MYYBFZD3.js";
 export {
   clearAllSelections,
   createMultiSelectionControls,
@@ -31,4 +32,4 @@ export {
   removeMultiSelectionRect,
   selectShapesInRect
 };
-//# sourceMappingURL=Selection-XLRY6VYO.js.map
+//# sourceMappingURL=Selection-U2AR6NQS.js.map

package/dist/react/{SketchEngine-RFEF27MN.js → SketchEngine-ZFYUTKET.js}

@@ -161,16 +161,16 @@ var SketchEngine = class {
         { Frame },
         { FreehandStroke }
       ] = await Promise.all([
-        import("./Rectangle-MZ6ZB6KM.js"),
-        import("./Circle-QQMKCKFR.js"),
+        import("./Rectangle-S7XUKWYD.js"),
+        import("./Circle-6POZCUZD.js"),
         import("./Arrow-EF7ALH2Y.js"),
-        import("./Line-2KOQEEGA.js"),
-        import("./TextShape-QRDG4P7F.js"),
+        import("./Line-FCCF2BOB.js"),
+        import("./TextShape-DY77FFI2.js"),
         import("./CodeShape-TE74XP5V.js"),
-        import("./ImageShape-CHHGBXUQ.js"),
-        import("./IconShape-KMIA6T2H.js"),
-        import("./Frame-WPQZQLNT.js"),
-        import("./FreehandStroke-BOWDNAVC.js")
+        import("./ImageShape-MYP2DVVH.js"),
+        import("./IconShape-32EYI2MA.js"),
+        import("./Frame-QLBAVLGW.js"),
+        import("./FreehandStroke-U6GYZOM4.js")
       ]);
       window.Rectangle = Rectangle;
       window.Circle = Circle;
@@ -206,16 +206,16 @@ var SketchEngine = class {
         frameTool,
         freehandTool
       ] = await Promise.all([
-        import("./rectangleTool-U7DZ6ZTA.js"),
-        import("./circleTool-NUATSEI2.js"),
-        import("./arrowTool-CWEMIRXK.js"),
-        import("./lineTool-WNI5EMZ5.js"),
-        import("./textTool-HY5NMM7H.js"),
-        import("./codeTool-MHCB2FNB.js"),
-        import("./imageTool-WJVV4WI3.js"),
-        import("./iconTool-YD4GRXAP.js"),
-        import("./frameTool-PWVKKXSP.js"),
-        import("./freehandTool-SLYGASVP.js")
+        import("./rectangleTool-AEYDDJCA.js"),
+        import("./circleTool-RDOIMKKV.js"),
+        import("./arrowTool-LKFSZKXC.js"),
+        import("./lineTool-XLOOZE3E.js"),
+        import("./textTool-5IJKTWVQ.js"),
+        import("./codeTool-VBDB2ES6.js"),
+        import("./imageTool-ECPMT3BL.js"),
+        import("./iconTool-5WNDHI5T.js"),
+        import("./frameTool-Z5ZDCX6H.js"),
+        import("./freehandTool-AAQCTMVM.js")
       ]);
       this._modules.tools = {
         rectangleTool,
@@ -239,11 +239,11 @@ var SketchEngine = class {
         resizeShapes,
         resizeCode
       ] = await Promise.all([
-        import("./EventDispatcher-ZCKWAHIX.js"),
-        import("./UndoRedo-M2JZUBKN.js"),
-        import("./Selection-XLRY6VYO.js"),
-        import("./ZoomPan-NYPDJBD5.js"),
-        import("./CopyPaste-C2SHB7QD.js"),
+        import("./EventDispatcher-XDRQS7BD.js"),
+        import("./UndoRedo-BZ6W4QTV.js"),
+        import("./Selection-U2AR6NQS.js"),
+        import("./ZoomPan-FAWA5OPS.js"),
+        import("./CopyPaste-KJZ34MIP.js"),
         import("./EraserTrail-PA6IQLQN.js"),
         import("./ResizeShapes-LKEQTITP.js"),
         import("./ResizeCode-WAMDTKSW.js")
@@ -262,7 +262,7 @@ var SketchEngine = class {
         eventDispatcher.initEventDispatcher(this.svg);
       }
       window.__sketchInteractionReady = true;
-      const sceneSerializer = await import("./SceneSerializer-IQGUAK45.js");
+      const sceneSerializer = await import("./SceneSerializer-VY3HY4PF.js");
       if (sceneSerializer.initSceneSerializer) sceneSerializer.initSceneSerializer();
       await Promise.all([
         import("./eraserTool-2GS2LQCS.js"),
@@ -275,7 +275,7 @@ var SketchEngine = class {
       if (selection.multiSelection) window.multiSelection = selection.multiSelection;
       if (selection.clearAllSelections) window.clearAllSelections = selection.clearAllSelections;
       if (copyPaste.initCopyPaste) copyPaste.initCopyPaste();
-      const aiRenderer = await import("./AIRenderer-HI7TYROT.js");
+      const aiRenderer = await import("./AIRenderer-SRF7LU5K.js");
       if (aiRenderer.initAIRenderer) aiRenderer.initAIRenderer();
       const graphEngine = await import("./GraphEngine-KQXHNTZQ.js");
       if (graphEngine.initGraphEngine) graphEngine.initGraphEngine();
@@ -414,4 +414,4 @@ export {
   SketchEngine,
   SketchEngine_default as default
 };
-//# sourceMappingURL=SketchEngine-RFEF27MN.js.map
+//# sourceMappingURL=SketchEngine-ZFYUTKET.js.map

package/dist/react/TextShape-DY77FFI2.js

@@ -0,0 +1,8 @@
+"use client";
+import {
+  TextShape
+} from "./chunk-PGT3TJOW.js";
+export {
+  TextShape
+};
+//# sourceMappingURL=TextShape-DY77FFI2.js.map

package/dist/react/{UndoRedo-M2JZUBKN.js → UndoRedo-BZ6W4QTV.js}

@@ -12,7 +12,7 @@ import {
   setTextReferences,
   undo,
   updateSelectedElement
-} from "./chunk-L5OARZJ7.js";
+} from "./chunk-MYYBFZD3.js";
 export {
   getCurrentSelectedElement,
   pushCreateAction,
@@ -27,4 +27,4 @@ export {
   undo,
   updateSelectedElement
 };
-//# sourceMappingURL=UndoRedo-M2JZUBKN.js.map
+//# sourceMappingURL=UndoRedo-BZ6W4QTV.js.map

package/dist/react/{ZoomPan-NYPDJBD5.js → ZoomPan-FAWA5OPS.js}

@@ -1,6 +1,10 @@
 "use client";
+import {
+  installScreenSpaceControlSync
+} from "./chunk-PAKA6HUX.js";
 
 // src/core/ZoomPan.js
+installScreenSpaceControlSync(freehandCanvas);
 var scrollRate = 50;
 function updateZoomDisplay() {
   zoomPercentSpan.innerText = Math.round(currentZoom * 100) + "%";
@@ -259,4 +263,4 @@ svg.addEventListener("wheel", (e) => {
     `${currentViewBox.x} ${currentViewBox.y} ${currentViewBox.width} ${currentViewBox.height}`
   );
 });
-//# sourceMappingURL=ZoomPan-NYPDJBD5.js.map
+//# sourceMappingURL=ZoomPan-FAWA5OPS.js.map

package/dist/react/ZoomPan-FAWA5OPS.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/core/ZoomPan.js"],
+  "sourcesContent": ["/* eslint-disable */\nimport { installScreenSpaceControlSync } from './ScreenSpaceControls.js';\n// Zoom and Pan controls - combined from zoomFunction.js + panCanvas.js\n// Depends on globals: svg, freehandCanvas, currentZoom, currentViewBox, isPanningToolActive, isPanning\n// Depends on globals: minScale, maxScale, zoomInBtn, zoomOutBtn, zoomPercentSpan, panStart, startCanvasX, startCanvasY\n\ninstallScreenSpaceControlSync(freehandCanvas);\n\n// === Zoom Functions ===\nlet currentY = 0;\nconst scrollRate = 50;\n\nfunction updateZoomDisplay() {\n  zoomPercentSpan.innerText = Math.round(currentZoom * 100) + \"%\";\n}\n\nfunction updateViewBox(anchorX = null, anchorY = null) {\n  const width = window.innerWidth;\n  const height = window.innerHeight;\n  const scaledWidth = width / currentZoom;\n  const scaledHeight = height / currentZoom;\n\n  let centerX, centerY;\n\n  if (anchorX === null || anchorY === null) {\n    centerX = currentViewBox.x + (currentViewBox.width / 2);\n    centerY = currentViewBox.y + (currentViewBox.height / 2);\n  } else {\n\n    centerX = anchorX;\n    centerY = anchorY;\n  }\n\n  const viewBoxX = centerX - (scaledWidth / 2);\n  const viewBoxY = centerY - (scaledHeight / 2);\n\n  freehandCanvas.setAttribute(\n    \"viewBox\",\n    `${viewBoxX} ${viewBoxY} ${scaledWidth} ${scaledHeight}`\n  );\n\n  currentViewBox.x = viewBoxX;\n  currentViewBox.y = viewBoxY;\n  currentViewBox.width = scaledWidth;\n  currentViewBox.height = scaledHeight;\n}\n\nzoomInBtn.addEventListener(\"click\", function() {\n  currentZoom *= 1.1;\n  if (currentZoom > maxScale) currentZoom = maxScale;\n  updateViewBox();\n  updateZoomDisplay();\n});\n\nzoomOutBtn.addEventListener(\"click\", function() {\n  currentZoom /= 1.1;\n  if (currentZoom < minScale) currentZoom = minScale;\n  updateViewBox();\n  updateZoomDisplay();\n});\n\n// Exposed for React Footer buttons \u2014 zoom from center of canvas\nwindow.zoomFromCenter = function(direction) {\n  if (direction > 0) {\n    currentZoom *= 1.1;\n    if (currentZoom > maxScale) currentZoom = maxScale;\n  } else {\n    currentZoom /= 1.1;\n    if (currentZoom < minScale) currentZoom = minScale;\n  }\n  updateViewBox(); // null anchors = zoom from center\n  updateZoomDisplay();\n  // Sync React zoom state\n  if (window.__sketchStoreApi && window.__sketchStoreApi.setZoom) {\n    window.__sketchStoreApi.setZoom(currentZoom);\n  }\n};\n\nwindow.zoomReset = function() {\n  // Issue #24 bug #5: reset zoom in place around the current viewport\n  // centre \u2014 do NOT recenter to (0, 0). Recentering used to make whatever\n  // the user had on screen vanish until they panned back to it.\n  const cx = currentViewBox.x + currentViewBox.width / 2;\n  const cy = currentViewBox.y + currentViewBox.height / 2;\n\n  currentZoom = 1;\n  const rect = freehandCanvas.getBoundingClientRect();\n  const vbW = rect.width || window.innerWidth;\n  const vbH = rect.height || window.innerHeight;\n\n  currentViewBox.x = cx - vbW / 2;\n  currentViewBox.y = cy - vbH / 2;\n  currentViewBox.width = vbW;\n  currentViewBox.height = vbH;\n  freehandCanvas.setAttribute(\n    \"viewBox\",\n    `${currentViewBox.x} ${currentViewBox.y} ${vbW} ${vbH}`\n  );\n  updateZoomDisplay();\n  if (window.__sketchStoreApi && window.__sketchStoreApi.setZoom) {\n    window.__sketchStoreApi.setZoom(1);\n  }\n};\n\nfunction getShapeBoundsForFit(shape) {\n  if (!shape) return null;\n\n  const selection = window.multiSelection;\n  if (selection && typeof selection.getShapeBounds === \"function\") {\n    try {\n      const bounds = selection.getShapeBounds(shape);\n      if (bounds && [bounds.x, bounds.y, bounds.width, bounds.height].every(Number.isFinite)) {\n        return bounds;\n      }\n    } catch {}\n  }\n\n  // Fall back to the common shape interface when selection is unavailable.\n  // Accessing x/y instead of boundingBox preserves freehand move offsets.\n  const bounds = {\n    x: Number(shape.x),\n    y: Number(shape.y),\n    width: Number(shape.width),\n    height: Number(shape.height),\n  };\n  return Object.values(bounds).every(Number.isFinite) ? bounds : null;\n}\n\nwindow.zoomFit = function() {\n  if (!window.shapes || window.shapes.length === 0) {\n    if (window.zoomReset) window.zoomReset();\n    return;\n  }\n\n  let minX = Infinity;\n  let minY = Infinity;\n  let maxX = -Infinity;\n  let maxY = -Infinity;\n\n  window.shapes.forEach(shape => {\n    const bounds = getShapeBoundsForFit(shape);\n    if (!bounds) return;\n    \n    // Normalize coordinates just in case width/height is negative\n    const x1 = Math.min(bounds.x, bounds.x + bounds.width);\n    const x2 = Math.max(bounds.x, bounds.x + bounds.width);\n    const y1 = Math.min(bounds.y, bounds.y + bounds.height);\n    const y2 = Math.max(bounds.y, bounds.y + bounds.height);\n\n    minX = Math.min(minX, x1);\n    minY = Math.min(minY, y1);\n    maxX = Math.max(maxX, x2);\n    maxY = Math.max(maxY, y2);\n  });\n\n  if (minX === Infinity) {\n    if (window.zoomReset) window.zoomReset();\n    return;\n  }\n\n  const rect = freehandCanvas.getBoundingClientRect();\n  const screenW = rect.width || window.innerWidth;\n  const screenH = rect.height || window.innerHeight;\n\n  const contentW = maxX - minX;\n  const contentH = maxY - minY;\n  \n  // Add 10% padding\n  const paddingX = Math.max(50, contentW * 0.1);\n  const paddingY = Math.max(50, contentH * 0.1);\n\n  const paddedW = contentW + paddingX * 2;\n  const paddedH = contentH + paddingY * 2;\n\n  // Calculate required zoom to fit the padded content in the screen\n  const zoomX = screenW / paddedW;\n  const zoomY = screenH / paddedH;\n  \n  let newZoom = Math.min(zoomX, zoomY);\n  newZoom = Math.max(minScale, Math.min(newZoom, maxScale));\n\n  // Center coordinate of the content\n  const cx = minX + contentW / 2;\n  const cy = minY + contentH / 2;\n\n  // Set the new viewBox and zoom\n  currentZoom = newZoom;\n  const vbW = screenW / currentZoom;\n  const vbH = screenH / currentZoom;\n\n  currentViewBox.x = cx - vbW / 2;\n  currentViewBox.y = cy - vbH / 2;\n  currentViewBox.width = vbW;\n  currentViewBox.height = vbH;\n\n  freehandCanvas.setAttribute(\n    \"viewBox\",\n    `${currentViewBox.x} ${currentViewBox.y} ${vbW} ${vbH}`\n  );\n  \n  updateZoomDisplay();\n  if (window.__sketchStoreApi && window.__sketchStoreApi.setZoom) {\n    window.__sketchStoreApi.setZoom(currentZoom);\n  }\n};\n\nfreehandCanvas.addEventListener(\"wheel\", function(e) {\n  if (!e.ctrlKey) return;\n  e.preventDefault();\n\n  // Determine the zoom delta\n  const delta = e.deltaY > 0 ? -0.1 : 0.1;\n  let newZoom = currentZoom + delta;\n  if (newZoom < minScale) newZoom = minScale;\n  if (newZoom > maxScale) newZoom = maxScale;\n\n  // Get canvas bounding rect \u2014 this MUST be the SVG element's actual\n  // size, not the window's. In split mode the canvas pane is narrower\n  // than the viewport; using window.innerWidth here would produce a\n  // viewBox aspect that doesn't match the element, and (with\n  // preserveAspectRatio=\"none\" on the host) the content gets stretched\n  // / squeezed on every zoom step.\n  const rect = freehandCanvas.getBoundingClientRect();\n\n  // Calculate mouse position relative to the canvas in pixels\n  const mouseX = e.clientX - rect.left;\n  const mouseY = e.clientY - rect.top;\n\n  // Determine what fraction of the canvas the mouse is at\n  const mouseFracX = mouseX / rect.width;\n  const mouseFracY = mouseY / rect.height;\n\n  // Compute the current viewBox coordinate under the mouse.\n  // currentViewBox.width and .height represent the current viewBox dimensions.\n  const anchorViewBoxX = currentViewBox.x + mouseFracX * currentViewBox.width;\n  const anchorViewBoxY = currentViewBox.y + mouseFracY * currentViewBox.height;\n\n  // New viewBox dimensions sized to the *element*, scaled by the new\n  // zoom. This keeps the viewBox aspect ratio matching the element so\n  // shapes stay undistorted.\n  const newViewBoxWidth = rect.width / newZoom;\n  const newViewBoxHeight = rect.height / newZoom;\n  \n  // Compute the new viewBox's x and y so that the anchor remains at the same screen fraction.\n  // That means:\n  //   newViewBox.x + mouseFracX * newViewBoxWidth === anchorViewBoxX\n  // Solve for newViewBox.x:\n  const newViewBoxX = anchorViewBoxX - mouseFracX * newViewBoxWidth;\n  const newViewBoxY = anchorViewBoxY - mouseFracY * newViewBoxHeight;\n  \n  // Update the viewBox attribute with the new values.\n  freehandCanvas.setAttribute(\n    \"viewBox\",\n    `${newViewBoxX} ${newViewBoxY} ${newViewBoxWidth} ${newViewBoxHeight}`\n  );\n  \n  // Update our state\n  currentZoom = newZoom;\n  currentViewBox = {\n    x: newViewBoxX,\n    y: newViewBoxY,\n    width: newViewBoxWidth,\n    height: newViewBoxHeight\n  };\n\n  updateZoomDisplay();\n  // Sync React zoom state\n  if (window.__sketchStoreApi && window.__sketchStoreApi.setZoom) {\n    window.__sketchStoreApi.setZoom(currentZoom);\n  }\n});\n\n// Function to resize the canvas to fill the screen (initial setup)\nfunction resizeCanvas() {\n  const width = window.innerWidth;\n  const height = window.innerHeight;\n\n  freehandCanvas.style.width = `${width}px`;\n  freehandCanvas.style.height = `${height}px`;\n\n  // Set initial viewBox based on initial zoom\n  updateViewBox(); // Initial center anchor\n}\n\n\n\nlet isMiddleMousePanning = false;\n\nfreehandCanvas.addEventListener(\"mousedown\", function (e) {\n  // Middle mouse button panning\n  if (e.button === 1) {\n      e.preventDefault();\n      isMiddleMousePanning = true;\n      isPanning = true;\n      startCanvasX = e.clientX;\n      startCanvasY = e.clientY;\n      panStart = { x: e.clientX, y: e.clientY };\n      freehandCanvas.style.cursor = 'grabbing';\n      return;\n  }\n  if (isPanningToolActive) {\n      isPanning = true;\n      startCanvasX = e.clientX;\n      startCanvasY = e.clientY;\n      panStart = { x: e.clientX, y: e.clientY };\n      freehandCanvas.style.cursor = 'grabbing';\n  }\n});\n\nfreehandCanvas.addEventListener(\"mousemove\", (e) => {\n  if (!isPanning) return;\n\n  const dx = e.clientX - panStart.x;\n  const dy = e.clientY - panStart.y;\n  const dxViewBox = dx / currentZoom;\n  const dyViewBox = dy / currentZoom;\n\n  currentViewBox.x -= dxViewBox;\n  currentViewBox.y -= dyViewBox;\n\n  freehandCanvas.setAttribute(\n      \"viewBox\",\n      `${currentViewBox.x} ${currentViewBox.y} ${currentViewBox.width} ${currentViewBox.height}`\n  );\n\n  panStart = { x: e.clientX, y: e.clientY };\n});\n\nfreehandCanvas.addEventListener(\"mouseup\", (e) => {\n  if (isMiddleMousePanning) {\n      isMiddleMousePanning = false;\n      isPanning = false;\n      freehandCanvas.style.cursor = '';\n      return;\n  }\n  if(isPanningToolActive)\n  {\n      isPanning = false;\n      freehandCanvas.style.cursor = 'grab';\n  }\n});\n\nfreehandCanvas.addEventListener(\"mouseleave\", () => {\n  if (isMiddleMousePanning) {\n      isMiddleMousePanning = false;\n      isPanning = false;\n      freehandCanvas.style.cursor = '';\n      return;\n  }\n  if(isPanningToolActive)\n  {\n      isPanning = false;\n      freehandCanvas.style.cursor = 'grab';\n  }\n});\n\n// Prevent default middle-click auto-scroll behavior\nfreehandCanvas.addEventListener(\"auxclick\", (e) => {\n  if (e.button === 1) e.preventDefault();\n});\n\n\nsvg.addEventListener(\"wheel\", (e) => {\n  e.preventDefault();\n  if (e.ctrlKey) return; // Ignore zoom gestures\n\n  if (e.shiftKey) {\n      // Pan sideways when Shift is held\n      currentViewBox.x += e.deltaY > 0 ? scrollRate : -scrollRate;\n  } else {\n      // Pan vertically\n      currentViewBox.y += e.deltaY > 0 ? scrollRate : -scrollRate;\n  }\n\n  svg.setAttribute(\n      \"viewBox\",\n      `${currentViewBox.x} ${currentViewBox.y} ${currentViewBox.width} ${currentViewBox.height}`\n  );\n});\n"],
+  "mappings": "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",
+  "names": ["bounds"]
+}

package/dist/react/{arrowTool-CWEMIRXK.js → arrowTool-LKFSZKXC.js}

@@ -5,8 +5,8 @@ import {
   handleMouseMove,
   handleMouseUp,
   updateAttachedArrows
-} from "./chunk-BZE4CEBG.js";
-import "./chunk-L5OARZJ7.js";
+} from "./chunk-O64N5JPO.js";
+import "./chunk-MYYBFZD3.js";
 export {
   cleanupAttachments,
   handleMouseDown as handleMouseDownArrow,
@@ -14,4 +14,4 @@ export {
   handleMouseUp as handleMouseUpArrow,
   updateAttachedArrows
 };
-//# sourceMappingURL=arrowTool-CWEMIRXK.js.map
+//# sourceMappingURL=arrowTool-LKFSZKXC.js.map