@elixpo/lixsketch 5.5.16 → 5.5.18

package/dist/react/chunk-X6AHYG5J.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/tools/iconTool.js"],
+  "sourcesContent": ["/* eslint-disable */\n// Icon tool event handlers - extracted from icons.js\nimport { pushCreateAction, pushDeleteAction, pushTransformAction, pushFrameAttachmentAction } from '../core/UndoRedo.js';\nimport { updateAttachedArrows as updateArrowsForShape, cleanupAttachments } from './arrowTool.js';\n\n\nlet isDraggingIcon = false;\nlet iconToPlace = null;\nlet iconX = 0;\nlet iconY = 0;\nlet scaleFactor = 0.2;\nlet currentIconElement = null;\n\nlet selectedIcon = null;\nlet originalX, originalY, originalWidth, originalHeight;\nlet currentAnchor = null;\nlet isDragging = false;\nlet isRotatingIcon = false;\nlet dragOffsetX, dragOffsetY;\nlet startRotationMouseAngle = null;\nlet startIconRotation = null;\nlet iconRotation = 0;\nlet aspect_ratio_lock = true;\nconst minIconSize = 25;\nconst miniatureSize = 40;\nconst placedIconSize = 40;\nlet draggedShapeInitialFrameIcon = null;\nlet hoveredFrameIcon = null;\nlet _pendingDragChecker = null; // module-level ref so cancelDragPrep can remove it\n\nconst iconSearchInput = document.getElementById('iconSearchInput') || document.createElement('input');\nlet searchTimeout = null;\n\n\nfunction getSVGElement() {\n    return document.getElementById('freehand-canvas');\n}\n\n\nfunction removeSelection() {\n    const svg = getSVGElement();\n    if (!svg) return;\n\n    // Remove ALL selection outlines (prevents orphaned ghost elements)\n    svg.querySelectorAll(\".selection-outline\").forEach(el => el.remove());\n\n    removeResizeAnchors();\n    removeRotationAnchor();\n\n    if (selectedIcon) {\n        selectedIcon.removeEventListener('pointerdown', startDrag);\n        selectedIcon.removeEventListener('pointerup', stopDrag);\n        selectedIcon.removeEventListener('pointerleave', stopDrag);\n    }\n}\n\nfunction wrapIconElement(element) {\n    const iconShape = new IconShape(element);\n    return iconShape;\n}\n\ndocument.getElementById(\"importIcon\")?.addEventListener('click', () => {\n    \n\n    const iconContainer = document.getElementById('iconsToolBar');\n    if (iconContainer) {\n        if(iconContainer.classList.contains('hidden')) {\n            iconContainer.classList.remove('hidden');\n            iconSearchInput.focus();\n        }\n        else \n        {\n            iconContainer.classList.add('hidden');\n        }\n        \n    }\n});\n\nfunction getSVGCoordsFromMouse(e) {\n    const svg = getSVGElement();\n    const viewBox = svg.viewBox.baseVal;\n    const rect = svg.getBoundingClientRect();\n    const mouseX = e.clientX - rect.left;\n    const mouseY = e.clientY - rect.top;\n    const svgX = viewBox.x + (mouseX / rect.width) * viewBox.width;\n    const svgY = viewBox.y + (mouseY / rect.height) * viewBox.height;\n    return { x: svgX, y: svgY };\n}\n\nconst handleMouseMoveIcon = (e) => {\n    if (!isDraggingIcon || !iconToPlace || !isIconToolActive) return;\n\n    const { x, y } = getSVGCoordsFromMouse(e);\n    iconX = x;\n    iconY = y;\n\n    drawMiniatureIcon();\n\n    if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n        shapes.forEach(frame => {\n            if (frame.shapeName === 'frame') {\n                const tempIconBounds = {\n                    x: iconX - 50,\n                    y: iconY - 50,\n                    width: 100,\n                    height: 100\n                };\n\n                if (frame.isShapeInFrame(tempIconBounds)) {\n                    frame.highlightFrame();\n                    hoveredFrameIcon = frame;\n                    if (window.__iconShapeState) window.__iconShapeState.hoveredFrameIcon = frame;\n                } else if (hoveredFrameIcon === frame) {\n                    frame.removeHighlight();\n                    hoveredFrameIcon = null;\n                    if (window.__iconShapeState) window.__iconShapeState.hoveredFrameIcon = null;\n                }\n            }\n        });\n    }\n};\n\nconst drawMiniatureIcon = () => {\n    if (!isDraggingIcon || !iconToPlace || !isIconToolActive) return;\n\n    const svg = getSVGElement();\n    if (!svg) {\n        console.error('SVG element not found for miniature icon');\n        return;\n    }\n\n    if (currentIconElement) {\n        svg.removeChild(currentIconElement);\n        currentIconElement = null;\n    }\n\n    const tempDiv = document.createElement('div');\n    tempDiv.innerHTML = iconToPlace;\n    const svgElement = tempDiv.querySelector('svg');\n\n    if (svgElement) {\n        const iconGroup = document.createElementNS(\"http://www.w3.org/2000/svg\", \"g\");\n\n        const viewBox = svgElement.getAttribute('viewBox');\n        let vbWidth = 24, vbHeight = 24;\n\n        if (viewBox) {\n            const [, , widthStr, heightStr] = viewBox.split(/\\s+/);\n            vbWidth = parseFloat(widthStr) || 24;\n            vbHeight = parseFloat(heightStr) || 24;\n        } else {\n            const width = svgElement.getAttribute('width');\n            const height = svgElement.getAttribute('height');\n            if (width && height) {\n                vbWidth = parseFloat(width) || 24;\n                vbHeight = parseFloat(height) || 24;\n            }\n        }\n\n        const scale = miniatureSize / Math.max(vbWidth, vbHeight);\n        iconGroup.setAttribute(\"transform\", `translate(${iconX - miniatureSize / 2}, ${iconY - miniatureSize / 2}) scale(${scale})`);\n\n        const allChildren = svgElement.children;\n        for (let i = 0; i < allChildren.length; i++) {\n            const clonedChild = allChildren[i].cloneNode(true);\n            \n            const applyGrayStyle = (element) => {\n                if (element.nodeType === 1) {\n                    element.setAttribute('fill', '#666');\n                    element.setAttribute('stroke', '#666');\n                    \n                    for (let j = 0; j < element.children.length; j++) {\n                        applyGrayStyle(element.children[j]);\n                    }\n                }\n            };\n            \n            applyGrayStyle(clonedChild);\n            iconGroup.appendChild(clonedChild);\n        }\n\n        iconGroup.setAttribute(\"style\", \"pointer-events: none; opacity: 0.7;\");\n        iconGroup.setAttribute(\"class\", \"miniature-icon\");\n\n        currentIconElement = iconGroup;\n        svg.appendChild(currentIconElement);\n    }\n};\n\nconst handleMouseDownIcon = async (e) => {\n    if (!e.target) return;\n    if (isSelectionToolActive) {\n        const clickedIcon = e.target.closest('[type=\"icon\"]');\n        if (clickedIcon) {\n            e.preventDefault();\n            e.stopPropagation();\n\n            if (selectedIcon === clickedIcon) {\n                originalX = parseFloat(selectedIcon.getAttribute('x')) || 0;\n                originalY = parseFloat(selectedIcon.getAttribute('y')) || 0;\n                originalWidth = parseFloat(selectedIcon.getAttribute('width')) || placedIconSize;\n                originalHeight = parseFloat(selectedIcon.getAttribute('height')) || placedIconSize;\n\n                const { x, y } = getSVGCoordsFromMouse(e);\n                dragOffsetX = x - originalX;\n                dragOffsetY = y - originalY;\n\n                const initialMouseX = x;\n                const initialMouseY = y;\n\n                // Threshold in screen pixels converted to SVG units, so zoom doesn't affect sensitivity\n                const svgEl = getSVGElement();\n                const svgRect2 = svgEl ? svgEl.getBoundingClientRect() : { width: 1536 };\n                const svgViewW = svgEl ? svgEl.viewBox.baseVal.width : 1536;\n                const dragThreshold = 12 * (svgViewW / svgRect2.width); // ~12 screen pixels\n\n                function checkDragStartWithThreshold(moveEvent) {\n                    const { x: currentX, y: currentY } = getSVGCoordsFromMouse(moveEvent);\n                    const deltaX = Math.abs(currentX - initialMouseX);\n                    const deltaY = Math.abs(currentY - initialMouseY);\n\n                    if (deltaX > dragThreshold || deltaY > dragThreshold) {\n                        document.removeEventListener('pointermove', checkDragStartWithThreshold);\n                        document.removeEventListener('pointerup', cancelDragPrep);\n                        window.removeEventListener('pointerup', cancelDragPrep);\n\n                        const svg = getSVGElement();\n                        if (svg) svg.removeEventListener('pointerup', cancelDragPrep);\n\n                        startDrag(moveEvent);\n                    }\n                }\n\n                _pendingDragChecker = checkDragStartWithThreshold;\n                document.addEventListener('pointermove', checkDragStartWithThreshold);\n                document.addEventListener('pointerup', cancelDragPrep);\n                window.addEventListener('pointerup', cancelDragPrep);\n\n                const svg = getSVGElement();\n                if (svg) svg.addEventListener('pointerup', cancelDragPrep);\n\n                return;\n            } else {\n                selectIcon(e);\n                return;\n            }\n        }\n\n        // Clicked on empty canvas while an icon is selected \u2014 deselect it\n        if (selectedIcon) {\n            removeSelection();\n            selectedIcon = null;\n            if (currentShape && currentShape.shapeName === 'icon') {\n                currentShape = null;\n            }\n        }\n        return;\n    }\n\n    if (!isDraggingIcon || !iconToPlace || !isIconToolActive) {\n        return;\n    }\n\n    let placedIconShape = null;\n\n    try {\n        const svg = getSVGElement();\n        if (!svg) {\n            throw new Error('SVG element not found');\n        }\n\n        if (currentIconElement) {\n            svg.removeChild(currentIconElement);\n            currentIconElement = null;\n        }\n\n        const { x: placedX, y: placedY } = getSVGCoordsFromMouse(e);\n\n        const tempDiv = document.createElement('div');\n        tempDiv.innerHTML = iconToPlace;\n        const originalSvgElement = tempDiv.querySelector('svg');\n\n        if (!originalSvgElement) {\n            throw new Error('Invalid SVG content');\n        }\n\n        const finalIconGroup = document.createElementNS(\"http://www.w3.org/2000/svg\", \"g\");\n        const finalX = placedX - placedIconSize / 2;\n        const finalY = placedY - placedIconSize / 2;\n\n        const viewBox = originalSvgElement.getAttribute('viewBox');\n        let vbWidth = 24, vbHeight = 24;\n\n        if (viewBox) {\n            const [, , widthStr, heightStr] = viewBox.split(/\\s+/);\n            vbWidth = parseFloat(widthStr) || 24;\n            vbHeight = parseFloat(heightStr) || 24;\n        } else {\n            const width = originalSvgElement.getAttribute('width');\n            const height = originalSvgElement.getAttribute('height');\n            if (width && height) {\n                vbWidth = parseFloat(width) || 24;\n                vbHeight = parseFloat(height) || 24;\n            }\n        }\n\n        const scale = placedIconSize / Math.max(vbWidth, vbHeight);\n        const localCenterX = placedIconSize / 2 / scale;\n        const localCenterY = placedIconSize / 2 / scale;\n        finalIconGroup.setAttribute('transform', `translate(${finalX}, ${finalY}) scale(${scale}) rotate(0, ${localCenterX}, ${localCenterY})`);\n        finalIconGroup.setAttribute('data-viewbox-width', vbWidth);\n        finalIconGroup.setAttribute('data-viewbox-height', vbHeight);\n\n        const backgroundRect = document.createElementNS(\"http://www.w3.org/2000/svg\", \"rect\");\n        backgroundRect.setAttribute('x', 0);\n        backgroundRect.setAttribute('y', 0);\n        backgroundRect.setAttribute('width', vbWidth);\n        backgroundRect.setAttribute('height', vbHeight);\n        backgroundRect.setAttribute('fill', 'transparent');\n        backgroundRect.setAttribute('stroke', 'none');\n        backgroundRect.setAttribute('style', 'pointer-events: all; cursor: pointer;');\n        finalIconGroup.appendChild(backgroundRect);\n\n        const allChildren = originalSvgElement.children;\n        for (let i = 0; i < allChildren.length; i++) {\n            const clonedChild = allChildren[i].cloneNode(true);\n\n            // Apply white fill/stroke so icons are visible on dark canvas\n            const applyWhiteStyle = (element) => {\n                if (element.nodeType === 1) {\n                    const fill = element.getAttribute('fill');\n                    const stroke = element.getAttribute('stroke');\n                    // Replace black/dark fills with white; leave 'none'/'transparent' alone\n                    if (!fill || fill === '#000' || fill === '#000000' || fill === 'black' || fill === 'currentColor') {\n                        element.setAttribute('fill', '#ffffff');\n                    }\n                    if (stroke === '#000' || stroke === '#000000' || stroke === 'black' || stroke === 'currentColor') {\n                        element.setAttribute('stroke', '#ffffff');\n                    }\n                    for (let j = 0; j < element.children.length; j++) {\n                        applyWhiteStyle(element.children[j]);\n                    }\n                }\n            };\n            applyWhiteStyle(clonedChild);\n\n            finalIconGroup.appendChild(clonedChild);\n        }\n\n        finalIconGroup.setAttribute('x', finalX);\n        finalIconGroup.setAttribute('y', finalY);\n        finalIconGroup.setAttribute('width', placedIconSize);\n        finalIconGroup.setAttribute('height', placedIconSize);\n        finalIconGroup.setAttribute('type', 'icon');\n        finalIconGroup.setAttribute('data-shape-x', finalX);\n        finalIconGroup.setAttribute('data-shape-y', finalY);\n        finalIconGroup.setAttribute('data-shape-width', placedIconSize);\n        finalIconGroup.setAttribute('data-shape-height', placedIconSize);\n        finalIconGroup.setAttribute('data-shape-rotation', 0);\n        finalIconGroup.shapeID = `icon-${String(Date.now()).slice(0, 8)}-${Math.floor(Math.random() * 10000)}`;\n        finalIconGroup.setAttribute('id', finalIconGroup.shapeID);\n        finalIconGroup.setAttribute('style', 'cursor: pointer; pointer-events: all;');\n\n        svg.appendChild(finalIconGroup);\n\n        const iconShape = wrapIconElement(finalIconGroup);\n        placedIconShape = iconShape;\n\n        if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n            // Prevent duplicates \u2014 check if this element is already tracked\n            const alreadyExists = shapes.some(s => s.shapeName === 'icon' && s.element === finalIconGroup);\n            if (!alreadyExists) {\n                shapes.push(iconShape);\n            }\n        }\n\n        const finalFrame = hoveredFrameIcon;\n        if (finalFrame) {\n            finalFrame.addShapeToFrame(iconShape);\n            pushFrameAttachmentAction(finalFrame, iconShape, 'attach', null);\n        }\n\n        pushCreateAction(iconShape);\n\n        // mousedown handles selection; click listener removed to avoid double-selection conflicts\n\n        if (hoveredFrameIcon) {\n            hoveredFrameIcon.removeHighlight();\n            hoveredFrameIcon = null;\n            if (window.__iconShapeState) window.__iconShapeState.hoveredFrameIcon = null;\n        }\n\n        console.log('Icon placed successfully:', finalIconGroup);\n\n    } catch (error) {\n        console.error(\"Error placing icon:\", error);\n        isDraggingIcon = false;\n        iconToPlace = null;\n    } finally {\n        isDraggingIcon = false;\n        iconToPlace = null;\n        document.body.style.cursor = 'default';\n    }\n\n    // Select the placed icon but stay in icon tool so the sidebar remains open\n    if (placedIconShape) {\n        currentShape = placedIconShape;\n        currentShape.isSelected = true;\n        requestAnimationFrame(() => {\n            placedIconShape.selectShape();\n        });\n    }\n};\n\nconst handleMouseUpIcon = (e) => {\n    if (!e.target) return;\n    // Deselection on empty-canvas click is handled by handleMouseDownIcon.\n    // We intentionally do NOT deselect on mouseup \u2014 after a drag the cursor\n    // often ends up on the background, and that shouldn't kill the selection.\n\n    if (hoveredFrameIcon) {\n        hoveredFrameIcon.removeHighlight();\n        hoveredFrameIcon = null;\n    }\n};\n\nfunction addSelectionOutline() {\n    if (!selectedIcon) return;\n\n    const svg = getSVGElement();\n    if (!svg) return;\n\n    // Use stored SVG-space data attributes \u2014 reliable even immediately after DOM insertion\n    const x = parseFloat(selectedIcon.getAttribute('data-shape-x')) || 0;\n    const y = parseFloat(selectedIcon.getAttribute('data-shape-y')) || 0;\n    const width = parseFloat(selectedIcon.getAttribute('data-shape-width')) || 40;\n    const height = parseFloat(selectedIcon.getAttribute('data-shape-height')) || 40;\n    const rotation = parseFloat(selectedIcon.getAttribute('data-shape-rotation')) || 0;\n\n    const centerX = x + width / 2;\n    const centerY = y + height / 2;\n\n    const zoom = window.currentZoom || 1;\n    const selectionPadding = 8 / zoom;\n    const expandedX = x - selectionPadding;\n    const expandedY = y - selectionPadding;\n    const expandedWidth = width + 2 * selectionPadding;\n    const expandedHeight = height + 2 * selectionPadding;\n\n    removeSelection();\n\n    const outline = document.createElementNS(\"http://www.w3.org/2000/svg\", \"rect\");\n    outline.setAttribute(\"x\", expandedX);\n    outline.setAttribute(\"y\", expandedY);\n    outline.setAttribute(\"width\", expandedWidth);\n    outline.setAttribute(\"height\", expandedHeight);\n    outline.setAttribute(\"fill\", \"none\");\n    outline.setAttribute(\"stroke\", \"#5B57D1\");\n    outline.setAttribute(\"stroke-width\", 1.5);\n    outline.setAttribute(\"stroke-dasharray\", \"4 3\");\n    outline.setAttribute(\"style\", \"pointer-events: none;\");\n    outline.setAttribute(\"class\", \"selection-outline\");\n    if (rotation !== 0) {\n        outline.setAttribute(\"transform\", `rotate(${rotation}, ${centerX}, ${centerY})`);\n    }\n\n    svg.appendChild(outline);\n\n    addResizeAnchors(expandedX, expandedY, expandedWidth, expandedHeight, centerX, centerY, width, rotation);\n    addRotationAnchor(expandedX, expandedY, expandedWidth, expandedHeight, centerX, centerY, width, rotation);\n}\n\nfunction checkDragStart(event) {\n    document.removeEventListener('pointermove', checkDragStart);\n    document.removeEventListener('pointerup', cancelDragPrep);\n    startDrag(event);\n}\nfunction cancelDragPrep(event) {\n    if (_pendingDragChecker) {\n        document.removeEventListener('pointermove', _pendingDragChecker);\n        _pendingDragChecker = null;\n    }\n    document.removeEventListener('pointerup', cancelDragPrep);\n    window.removeEventListener('pointerup', cancelDragPrep);\n\n    const svg = getSVGElement();\n    if (svg) {\n        svg.removeEventListener('pointerup', cancelDragPrep);\n    }\n}\n\nfunction startDrag(event) {\n    console.log(\"start dragging icon\");\n    if (!isSelectionToolActive || !selectedIcon) return;\n    \n    isDragging = true;\n    if (window.__iconShapeState) window.__iconShapeState.isDragging = true;\n\n    let iconShape = null;\n    if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n        iconShape = shapes.find(shape => shape.shapeName === 'icon' && shape.element === selectedIcon);\n    }\n\n    if (iconShape) {\n        draggedShapeInitialFrameIcon = iconShape.parentFrame || null;\n\n        if (iconShape.parentFrame) {\n            iconShape.parentFrame.temporarilyRemoveFromFrame(iconShape);\n        }\n    }\n\n    document.addEventListener('pointermove', dragIcon);\n    document.addEventListener('pointerup', stopDrag);\n    \n    window.addEventListener('pointerup', stopDrag);\n    \n    const svg = getSVGElement();\n    if (svg) {\n        svg.addEventListener('pointerup', stopDrag);\n    }\n    \n    document.addEventListener('dragstart', preventDefaultDrag);\n    document.addEventListener('selectstart', preventDefaultDrag);\n}\n\nfunction preventDefaultDrag(e) {\n    e.preventDefault();\n    return false;\n}\n\nfunction selectIcon(event) {\n    if (!isSelectionToolActive) return;\n\n    event.stopPropagation();\n\n    let targetIcon = event.target.closest ? event.target.closest('[type=\"icon\"]') : null;\n    if (!targetIcon) {\n        let current = event.target;\n        while (current && current !== document) {\n            if (current.getAttribute && current.getAttribute('type') === 'icon') {\n                targetIcon = current;\n                break;\n            }\n            current = current.parentElement;\n        }\n    }\n\n    // Always clean up previous selection before applying new one\n    if (selectedIcon) {\n        removeSelection();\n    }\n\n    selectedIcon = targetIcon;\n\n    if (!selectedIcon) {\n        console.warn('Could not find icon to select');\n        return;\n    }\n\n    const transform = selectedIcon.getAttribute('transform');\n    if (transform) {\n        const rotateMatch = transform.match(/rotate\\(([^,\\s]+)/);\n        if (rotateMatch) {\n            iconRotation = parseFloat(rotateMatch[1]);\n        }\n    } else {\n        iconRotation = 0;\n    }\n\n    addSelectionOutline();\n\n    originalX = parseFloat(selectedIcon.getAttribute('x')) || 0;\n    originalY = parseFloat(selectedIcon.getAttribute('y')) || 0;\n    originalWidth = parseFloat(selectedIcon.getAttribute('width')) || placedIconSize;\n    originalHeight = parseFloat(selectedIcon.getAttribute('height')) || placedIconSize;\n\n    // Set currentShape so EventDispatcher routes subsequent events to icon handler\n    const iconShape = (typeof shapes !== 'undefined' && Array.isArray(shapes))\n        ? shapes.find(s => s.shapeName === 'icon' && s.element === selectedIcon)\n        : null;\n    if (iconShape) {\n        currentShape = iconShape;\n        currentShape.isSelected = true;\n        if (window.__showSidebarForShape) window.__showSidebarForShape('icon');\n    }\n}\n\nfunction addResizeAnchors(x, y, width, height, centerX, centerY, iconWidth, rotation) {\n    const svg = getSVGElement();\n    if (!svg) return;\n\n    const zoom = window.currentZoom || 1;\n    const anchorSize = 10 / zoom;\n    const anchorStrokeWidth = 2 / zoom;\n\n    const positions = [\n        { x: x, y: y, cursor: \"nw-resize\" },\n        { x: x + width, y: y, cursor: \"ne-resize\" },\n        { x: x, y: y + height, cursor: \"sw-resize\" },\n        { x: x + width, y: y + height, cursor: \"se-resize\" }\n    ];\n\n    positions.forEach((pos) => {\n        const anchor = document.createElementNS(\"http://www.w3.org/2000/svg\", \"rect\");\n        anchor.setAttribute(\"x\", pos.x - anchorSize / 2);\n        anchor.setAttribute(\"y\", pos.y - anchorSize / 2);\n        anchor.setAttribute(\"width\", anchorSize);\n        anchor.setAttribute(\"height\", anchorSize);\n        anchor.setAttribute(\"fill\", \"#121212\");\n        anchor.setAttribute(\"stroke\", \"#5B57D1\");\n        anchor.setAttribute(\"stroke-width\", anchorStrokeWidth);\n        anchor.setAttribute(\"vector-effect\", \"non-scaling-stroke\");\n        anchor.setAttribute(\"class\", \"resize-anchor\");\n        anchor.setAttribute(\"transform\", `rotate(${rotation}, ${centerX}, ${centerY})`);\n        anchor.style.cursor = pos.cursor;\n\n        svg.appendChild(anchor);\n\n        anchor.addEventListener('pointerdown', startResize);\n        anchor.addEventListener('pointerup', stopResize);\n    });\n}\n\nfunction addRotationAnchor(x, y, width, height, centerX, centerY, iconWidth, rotation) {\n    const svg = getSVGElement();\n    if (!svg) return;\n\n    const zoom = window.currentZoom || 1;\n    const anchorRadius = 5 / zoom;\n    const anchorStrokeWidth = 2 / zoom;\n    const rotationDistance = 30 / zoom;\n\n    const rotationAnchorX = x + width / 2;\n    const rotationAnchorY = y - rotationDistance;\n\n    const rotationAnchor = document.createElementNS('http://www.w3.org/2000/svg', 'circle');\n    rotationAnchor.setAttribute('cx', rotationAnchorX);\n    rotationAnchor.setAttribute('cy', rotationAnchorY);\n    rotationAnchor.setAttribute('r', anchorRadius);\n    rotationAnchor.setAttribute('class', 'rotation-anchor');\n    rotationAnchor.setAttribute('fill', '#121212');\n    rotationAnchor.setAttribute('stroke', '#5B57D1');\n    rotationAnchor.setAttribute('stroke-width', anchorStrokeWidth);\n    rotationAnchor.setAttribute('vector-effect', 'non-scaling-stroke');\n    rotationAnchor.setAttribute('style', 'pointer-events: all; cursor: grab;');\n    rotationAnchor.setAttribute('transform', `rotate(${rotation}, ${centerX}, ${centerY})`);\n\n    svg.appendChild(rotationAnchor);\n\n    rotationAnchor.addEventListener('pointerdown', startRotation);\n    rotationAnchor.addEventListener('pointerup', stopRotation);\n\n    rotationAnchor.addEventListener('mouseover', function() {\n        if (!isRotatingIcon && !isDragging) {\n            rotationAnchor.style.cursor = 'grab';\n        }\n    });\n\n    rotationAnchor.addEventListener('mouseout', function() {\n        if (!isRotatingIcon && !isDragging) {\n            rotationAnchor.style.cursor = 'default';\n        }\n    });\n}\n\nfunction removeRotationAnchor() {\n    const svg = getSVGElement();\n    if (!svg) return;\n\n    svg.querySelectorAll(\".rotation-anchor\").forEach(el => el.remove());\n}\n\nfunction removeResizeAnchors() {\n    const svg = getSVGElement();\n    if (!svg) return;\n\n    const anchors = svg.querySelectorAll(\".resize-anchor\");\n    anchors.forEach(anchor => svg.removeChild(anchor));\n}\n\nfunction startResize(event) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    currentAnchor = event.target;\n\n    originalX = parseFloat(selectedIcon.getAttribute('x')) || 0;\n    originalY = parseFloat(selectedIcon.getAttribute('y')) || 0;\n    originalWidth = parseFloat(selectedIcon.getAttribute('width')) || 100;\n    originalHeight = parseFloat(selectedIcon.getAttribute('height')) || 100;\n\n    const { x: mouseX, y: mouseY } = getSVGCoordsFromMouse(event);\n    currentAnchor.startMouseX = mouseX;\n    currentAnchor.startMouseY = mouseY;\n\n    currentAnchor.iconRotation = iconRotation;\n\n    const svg = getSVGElement();\n    if (svg) {\n        svg.addEventListener('pointermove', resizeIcon);\n    }\n    document.addEventListener('pointerup', stopResize);\n}\n\nfunction stopResize(event) {\n    stopInteracting();\n    document.removeEventListener('pointerup', stopResize);\n}\n\nfunction resizeIcon(event) {\n    if (!selectedIcon || !currentAnchor) return;\n\n    const { x: currentMouseX, y: currentMouseY } = getSVGCoordsFromMouse(event);\n\n    const rotation = currentAnchor.iconRotation || 0;\n    const rotationRad = (rotation * Math.PI) / 180;\n\n    const rawDeltaX = currentMouseX - currentAnchor.startMouseX;\n    const rawDeltaY = currentMouseY - currentAnchor.startMouseY;\n\n    // Rotate delta to local (unrotated) space\n    const deltaX = rawDeltaX * Math.cos(-rotationRad) - rawDeltaY * Math.sin(-rotationRad);\n    const deltaY = rawDeltaX * Math.sin(-rotationRad) + rawDeltaY * Math.cos(-rotationRad);\n\n    let newWidth = originalWidth;\n    let newHeight = originalHeight;\n    let newX = originalX;\n    let newY = originalY;\n\n    // Track which corner is fixed (relative to original rect)\n    let fixedRelX, fixedRelY;\n\n    switch (currentAnchor.style.cursor) {\n        case \"nw-resize\":\n            newWidth = Math.max(minIconSize, originalWidth - deltaX);\n            newHeight = Math.max(minIconSize, originalHeight - deltaY);\n            if (aspect_ratio_lock) {\n                const scale = Math.min(newWidth / originalWidth, newHeight / originalHeight);\n                newWidth = originalWidth * scale;\n                newHeight = originalHeight * scale;\n            }\n            newX = originalX + (originalWidth - newWidth);\n            newY = originalY + (originalHeight - newHeight);\n            fixedRelX = originalWidth; fixedRelY = originalHeight;\n            break;\n        case \"ne-resize\":\n            newWidth = Math.max(minIconSize, originalWidth + deltaX);\n            newHeight = Math.max(minIconSize, originalHeight - deltaY);\n            if (aspect_ratio_lock) {\n                const scale = Math.max(newWidth / originalWidth, newHeight / originalHeight);\n                newWidth = originalWidth * scale;\n                newHeight = originalHeight * scale;\n            }\n            newX = originalX;\n            newY = originalY + (originalHeight - newHeight);\n            fixedRelX = 0; fixedRelY = originalHeight;\n            break;\n        case \"sw-resize\":\n            newWidth = Math.max(minIconSize, originalWidth - deltaX);\n            newHeight = Math.max(minIconSize, originalHeight + deltaY);\n            if (aspect_ratio_lock) {\n                const scale = Math.max(newWidth / originalWidth, newHeight / originalHeight);\n                newWidth = originalWidth * scale;\n                newHeight = originalHeight * scale;\n            }\n            newX = originalX + (originalWidth - newWidth);\n            newY = originalY;\n            fixedRelX = originalWidth; fixedRelY = 0;\n            break;\n        case \"se-resize\":\n            newWidth = Math.max(minIconSize, originalWidth + deltaX);\n            newHeight = Math.max(minIconSize, originalHeight + deltaY);\n            if (aspect_ratio_lock) {\n                const scale = Math.max(newWidth / originalWidth, newHeight / originalHeight);\n                newWidth = originalWidth * scale;\n                newHeight = originalHeight * scale;\n            }\n            newX = originalX;\n            newY = originalY;\n            fixedRelX = 0; fixedRelY = 0;\n            break;\n    }\n\n    // Compensate for rotation center shift when rotated\n    if (rotation !== 0) {\n        const cosR = Math.cos(rotationRad);\n        const sinR = Math.sin(rotationRad);\n\n        // Compute rotated world position of the fixed corner in the original rect\n        const oldCX = originalX + originalWidth / 2;\n        const oldCY = originalY + originalHeight / 2;\n        const odx = (originalX + fixedRelX) - oldCX;\n        const ody = (originalY + fixedRelY) - oldCY;\n        const fixedWorldX = oldCX + odx * cosR - ody * sinR;\n        const fixedWorldY = oldCY + odx * sinR + ody * cosR;\n\n        // Determine where the fixed corner sits in the new rect\n        const fixedNewRelX = fixedRelX === 0 ? 0 : newWidth;\n        const fixedNewRelY = fixedRelY === 0 ? 0 : newHeight;\n\n        // Solve for new origin so the fixed corner stays in place\n        const ncx = newWidth / 2;\n        const ncy = newHeight / 2;\n        const ndx = fixedNewRelX - ncx;\n        const ndy = fixedNewRelY - ncy;\n        const rotX = ncx + ndx * cosR - ndy * sinR;\n        const rotY = ncy + ndx * sinR + ndy * cosR;\n\n        newX = fixedWorldX - rotX;\n        newY = fixedWorldY - rotY;\n    }\n\n    selectedIcon.setAttribute('width', newWidth);\n    selectedIcon.setAttribute('height', newHeight);\n    selectedIcon.setAttribute('x', newX);\n    selectedIcon.setAttribute('y', newY);\n\n    selectedIcon.setAttribute('data-shape-x', newX);\n    selectedIcon.setAttribute('data-shape-y', newY);\n    selectedIcon.setAttribute('data-shape-width', newWidth);\n    selectedIcon.setAttribute('data-shape-height', newHeight);\n\n    const vbWidth = parseFloat(selectedIcon.getAttribute('data-viewbox-width')) || 24;\n    const vbHeight = parseFloat(selectedIcon.getAttribute('data-viewbox-height')) || 24;\n    const iconScale = newWidth / Math.max(vbWidth, vbHeight);\n    const localCenterX = newWidth / 2 / iconScale;\n    const localCenterY = newHeight / 2 / iconScale;\n    selectedIcon.setAttribute('transform', `translate(${newX}, ${newY}) scale(${iconScale}) rotate(${iconRotation}, ${localCenterX}, ${localCenterY})`);\n\n    updateArrowsForShape(selectedIcon);\n\n    addSelectionOutline();\n}\n\nfunction dragIcon(event) {\n    if (!isDragging || !selectedIcon) return;\n\n    const { x, y } = getSVGCoordsFromMouse(event);\n    let newX = x - dragOffsetX;\n    let newY = y - dragOffsetY;\n\n    selectedIcon.setAttribute('x', newX);\n    selectedIcon.setAttribute('y', newY);\n\n    selectedIcon.setAttribute('data-shape-x', newX);\n    selectedIcon.setAttribute('data-shape-y', newY);\n\n    const width = parseFloat(selectedIcon.getAttribute('width')) || 100;\n    const height = parseFloat(selectedIcon.getAttribute('height')) || 100;\n    const vbWidth = parseFloat(selectedIcon.getAttribute('data-viewbox-width')) || 24;\n    const vbHeight = parseFloat(selectedIcon.getAttribute('data-viewbox-height')) || 24;\n    const scale = width / Math.max(vbWidth, vbHeight);\n    const localCenterX = width / 2 / scale;\n    const localCenterY = height / 2 / scale;\n    \n    selectedIcon.setAttribute('transform', `translate(${newX}, ${newY}) scale(${scale}) rotate(${iconRotation}, ${localCenterX}, ${localCenterY})`);\n\n    if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n        const iconShape = shapes.find(shape => shape.shapeName === 'icon' && shape.element === selectedIcon);\n        if (iconShape) {\n            iconShape.x = newX;\n            iconShape.y = newY;\n            iconShape.updateFrameContainment();\n        }\n    }\n\n    updateArrowsForShape(selectedIcon);\n\n    removeSelection();\n    addSelectionOutline();\n}\n\nfunction stopDrag(event) {\n    if (!isDragging) return;\n    \n    console.log(\"stop dragging icon\");\n    isDragging = false;\n    if (window.__iconShapeState) window.__iconShapeState.isDragging = false;\n\n    document.removeEventListener('pointermove', dragIcon);\n    document.removeEventListener('pointerup', stopDrag);\n    window.removeEventListener('pointerup', stopDrag);\n    \n    const svg = getSVGElement();\n    if (svg) {\n        svg.removeEventListener('pointerup', stopDrag);\n    }\n    \n    document.removeEventListener('dragstart', preventDefaultDrag);\n    document.removeEventListener('selectstart', preventDefaultDrag);\n    \n    stopInteracting();\n}\n\nfunction startRotation(event) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (!selectedIcon) return;\n\n    isRotatingIcon = true;\n    console.log(selectedIcon)\n    const iconX = parseFloat(selectedIcon.getAttribute('x'));\n    const iconY = parseFloat(selectedIcon.getAttribute('y'));\n    const iconWidth = parseFloat(selectedIcon.getAttribute('width'));\n    const iconHeight = parseFloat(selectedIcon.getAttribute('height'));\n\n    const centerX = iconX + iconWidth / 2;\n    const centerY = iconY + iconHeight / 2;\n\n    const { x: mouseX, y: mouseY } = getSVGCoordsFromMouse(event);\n\n    startRotationMouseAngle = Math.atan2(mouseY - centerY, mouseX - centerX) * 180 / Math.PI;\n    console.log('Start rotation mouse angle:', startRotationMouseAngle);\n    startIconRotation = iconRotation;\n\n    const svg = getSVGElement();\n    if (svg) {\n        svg.addEventListener('pointermove', rotateIcon);\n        svg.style.cursor = 'grabbing';\n    }\n    document.addEventListener('pointerup', stopRotation);\n}\n\nfunction rotateIcon(event) {\n    if (!isRotatingIcon || !selectedIcon) return;\n\n    const iconX = parseFloat(selectedIcon.getAttribute('x')) || 0;\n    const iconY = parseFloat(selectedIcon.getAttribute('y')) || 0;\n    const iconWidth = parseFloat(selectedIcon.getAttribute('width')) || 100;\n    const iconHeight = parseFloat(selectedIcon.getAttribute('height')) || 100;\n\n    const centerX = iconX + iconWidth / 2;\n    const centerY = iconY + iconHeight / 2;\n\n    const { x: mouseX, y: mouseY } = getSVGCoordsFromMouse(event);\n\n    const currentMouseAngle = Math.atan2(mouseY - centerY, mouseX - centerX) * 180 / Math.PI;\n    const angleDiff = currentMouseAngle - startRotationMouseAngle;\n\n    iconRotation = startIconRotation + angleDiff;\n    iconRotation = iconRotation % 360;\n    if (iconRotation < 0) iconRotation += 360;\n\n    const vbWidth = parseFloat(selectedIcon.getAttribute('data-viewbox-width')) || 24;\n    const vbHeight = parseFloat(selectedIcon.getAttribute('data-viewbox-height')) || 24;\n    const scale = iconWidth / Math.max(vbWidth, vbHeight);\n    const localCenterX = iconWidth / 2 / scale;\n    const localCenterY = iconHeight / 2 / scale;\n\n    selectedIcon.setAttribute('transform', `translate(${iconX}, ${iconY}) scale(${scale}) rotate(${iconRotation}, ${localCenterX}, ${localCenterY})`);\n\n    selectedIcon.setAttribute('data-shape-rotation', iconRotation);\n\n    updateArrowsForShape(selectedIcon);\n\n    removeSelection();\n    addSelectionOutline();\n}\n\nfunction stopRotation(event) {\n    if (!isRotatingIcon) return;\n    stopInteracting();\n    isRotatingIcon = false;\n    startRotationMouseAngle = null;\n    startIconRotation = null;\n\n    const svg = getSVGElement();\n    if (svg) {\n        svg.removeEventListener('pointermove', rotateIcon);\n        svg.style.cursor = 'default';\n    }\n    document.removeEventListener('pointerup', stopRotation);\n}\n\nfunction stopInteracting() {\n    if (selectedIcon && (isDragging || isRotatingIcon || currentAnchor)) {\n        const newPos = {\n            x: parseFloat(selectedIcon.getAttribute('x')) || 0,\n            y: parseFloat(selectedIcon.getAttribute('y')) || 0,\n            width: parseFloat(selectedIcon.getAttribute('width')) || 100,\n            height: parseFloat(selectedIcon.getAttribute('height')) || 100,\n            rotation: iconRotation\n        };\n\n        let originalRotation = iconRotation;\n        if (isRotatingIcon && startIconRotation !== null) {\n            originalRotation = startIconRotation;\n        }\n\n        const oldPos = {\n            x: originalX,\n            y: originalY,\n            width: originalWidth,\n            height: originalHeight,\n            rotation: originalRotation\n        };\n\n        let iconShape = null;\n        if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n            iconShape = shapes.find(shape => shape.shapeName === 'icon' && shape.element === selectedIcon);\n            if (iconShape) {\n                iconShape.x = newPos.x;\n                iconShape.y = newPos.y;\n                iconShape.width = newPos.width;\n                iconShape.height = newPos.height;\n                iconShape.rotation = newPos.rotation;\n            }\n        }\n\n        const oldPosWithFrame = {\n            ...oldPos,\n            parentFrame: draggedShapeInitialFrameIcon\n        };\n        // Issue #34 bug #2: for drag, hoveredFrameIcon tracks the actual\n        // destination \u2014 currentShape.parentFrame is still the OLD frame.\n        // Resize / rotate don't track hover, so fall back to whatever the\n        // shape itself reports (parent doesn't change for those gestures).\n        const newPosWithFrame = {\n            ...newPos,\n            parentFrame: isDragging\n                ? (hoveredFrameIcon || null)\n                : (iconShape ? iconShape.parentFrame : null),\n        };\n\n        const stateChanged = newPos.x !== oldPos.x || newPos.y !== oldPos.y ||\n            newPos.width !== oldPos.width || newPos.height !== oldPos.height ||\n            newPos.rotation !== oldPos.rotation;\n        const frameChanged = oldPosWithFrame.parentFrame !== newPosWithFrame.parentFrame;\n\n        if ((stateChanged || frameChanged) && iconShape) {\n            pushTransformAction(iconShape, oldPosWithFrame, newPosWithFrame);\n        }\n\n        if (isDragging && iconShape) {\n            const finalFrame = hoveredFrameIcon;\n\n            if (draggedShapeInitialFrameIcon !== finalFrame) {\n                if (draggedShapeInitialFrameIcon) {\n                    draggedShapeInitialFrameIcon.removeShapeFromFrame(iconShape);\n                }\n\n                if (finalFrame) {\n                    finalFrame.addShapeToFrame(iconShape);\n                }\n\n                if (frameChanged) {\n                    pushFrameAttachmentAction(finalFrame || draggedShapeInitialFrameIcon, iconShape,\n                        finalFrame ? 'attach' : 'detach', draggedShapeInitialFrameIcon);\n                }\n            } else if (draggedShapeInitialFrameIcon) {\n                draggedShapeInitialFrameIcon.restoreToFrame(iconShape);\n            }\n        }\n\n        draggedShapeInitialFrameIcon = null;\n    }\n\n    if (hoveredFrameIcon) {\n        hoveredFrameIcon.removeHighlight();\n        hoveredFrameIcon = null;\n        if (window.__iconShapeState) window.__iconShapeState.hoveredFrameIcon = null;\n    }\n\n    isDragging = false;\n    if (window.__iconShapeState) window.__iconShapeState.isDragging = false;\n    isRotatingIcon = false;\n\n    const svg = getSVGElement();\n    if (svg) {\n        svg.removeEventListener('pointermove', dragIcon);\n        svg.removeEventListener('pointermove', resizeIcon);\n        svg.removeEventListener('pointermove', rotateIcon);\n    }\n    \n    document.removeEventListener('pointermove', dragIcon);\n    document.removeEventListener('pointermove', resizeIcon);\n    document.removeEventListener('pointermove', rotateIcon);\n    \n    currentAnchor = null;\n    startRotationMouseAngle = null;\n    startIconRotation = null;\n\n    if (selectedIcon) {\n        originalX = parseFloat(selectedIcon.getAttribute('x')) || 0;\n        originalY = parseFloat(selectedIcon.getAttribute('y')) || 0;\n        originalWidth = parseFloat(selectedIcon.getAttribute('width')) || 100;\n        originalHeight = parseFloat(selectedIcon.getAttribute('height')) || 100;\n\n        selectedIcon.setAttribute('data-shape-x', originalX);\n        selectedIcon.setAttribute('data-shape-y', originalY);\n        selectedIcon.setAttribute('data-shape-width', originalWidth);\n        selectedIcon.setAttribute('data-shape-height', originalHeight);\n        selectedIcon.setAttribute('data-shape-rotation', iconRotation);\n\n        updateArrowsForShape(selectedIcon);\n    }\n}\n\nfunction deleteCurrentIcon() {\n    if (selectedIcon) {\n        let iconShape = null;\n        if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n            iconShape = shapes.find(shape => shape.shapeName === 'icon' && shape.element === selectedIcon);\n            if (iconShape) {\n                const idx = shapes.indexOf(iconShape);\n                if (idx !== -1) shapes.splice(idx, 1);\n\n                if (iconShape.group && iconShape.group.parentNode) {\n                    iconShape.group.parentNode.removeChild(iconShape.group);\n                }\n            }\n        }\n\n        if (!iconShape && selectedIcon.parentNode) {\n            selectedIcon.parentNode.removeChild(selectedIcon);\n        }\n\n        if (typeof cleanupAttachments === 'function') {\n            cleanupAttachments(selectedIcon);\n        }\n\n        if (iconShape) {\n            pushDeleteAction(iconShape);\n        }\n\n        removeSelection();\n        selectedIcon = null;\n    }\n}\n\ndocument.addEventListener('keydown', (e) => {\n    if (e.key === 'Delete' && selectedIcon) {\n        deleteCurrentIcon();\n    }\n});\n\nasync function fetchIconsFromServer() {\n    try {\n        const apiUrl = \"/api/icons/feed?offset=0&limit=20\";\n        \n        const response = await fetch(apiUrl);\n        if (!response.ok) {\n            throw new Error(`HTTP error! status: ${response.status}`);\n        }\n        const data = await response.json();\n        return data.results;\n    } catch (error) {\n        console.error('Failed to fetch icons from server:', error);\n        return null;\n    }\n}\n\nasync function renderIconsFromServer() {\n    const icons = await fetchIconsFromServer();\n    if (icons) {\n        document.getElementById(\"iconsContainer\").innerHTML = '';\n\n        for (const icon of icons) {\n            try {\n                const response = await fetch(`/api/icons/serve?name=${encodeURIComponent(icon.filename)}`);\n                if (!response.ok) {\n                    throw new Error(`HTTP error! status: ${response.status}`);\n                }\n                const svgContent = await response.text();\n\n                const normalizedSVG = normalizeSVGSize(svgContent);\n\n                // Use normalizedSVG for display, not original svgContent\n                let svgIcon = `<div class=\"icons\" data-url=\"${icon.filename}\" data-svg=\"${encodeURIComponent(normalizedSVG)}\">\n                   ${normalizedSVG}\n                </div>`;\n                document.getElementById(\"iconsContainer\").innerHTML += svgIcon;\n            } catch (error) {\n                console.error('Failed to render icon:', icon.filename, error);\n            }\n        }\n\n        addIconClickListeners();\n    }\n}\n\nasync function searchAndRenderIcons(query) {\n    try {\n        const apiUrl = `/api/icons/search?q=${encodeURIComponent(query)}`;\n        \n        const response = await fetch(apiUrl);\n        if (!response.ok) {\n            throw new Error(`HTTP error! status: ${response.status}`);\n        }\n        const searchResults = await response.json();\n\n        document.getElementById(\"iconsContainer\").innerHTML = '';\n\n        for (const icon of searchResults) {\n            try {\n                const svgResponse = await fetch(`/api/icons/serve?name=${encodeURIComponent(icon.filename)}`);\n                if (!svgResponse.ok) {\n                    throw new Error(`HTTP error! status: ${svgResponse.status}`);\n                }\n                const svgContent = await svgResponse.text();\n\n                const normalizedSVG = normalizeSVGSize(svgContent);\n\n                // Use normalizedSVG for display, not original svgContent\n                let svgIcon = `<div class=\"icons\" data-url=\"${icon.filename}\">\n                   ${normalizedSVG}\n                </div>`;\n                document.getElementById(\"iconsContainer\").innerHTML += svgIcon;\n            } catch (error) {\n                console.error('Failed to render search result:', icon.filename, error);\n            }\n        }\n\n        addIconClickListeners();\n\n    } catch (error) {\n        console.error('Failed to search icons:', error);\n    }\n}\n\nfunction normalizeSVGSize(svgContent, fillColor = '#fff', strokeColor = null) {\n    const tempDiv = document.createElement('div');\n    tempDiv.innerHTML = svgContent;\n    const svgElement = tempDiv.querySelector('svg');\n    \n    if (svgElement) {\n        const originalViewBox = svgElement.getAttribute('viewBox');\n        \n        svgElement.setAttribute('width', '35');\n        svgElement.setAttribute('height', '35');\n        \n        if (!originalViewBox) {\n            const width = svgElement.getAttribute('width') || '24';\n            const height = svgElement.getAttribute('height') || '24';\n            const numWidth = parseFloat(width);\n            const numHeight = parseFloat(height);\n            \n            if (!isNaN(numWidth) && !isNaN(numHeight)) {\n                svgElement.setAttribute('viewBox', `0 0 ${numWidth} ${numHeight}`);\n            }\n        }\n        \n        // Apply custom styling with more selective logic\n        const applyCustomStyling = (element) => {\n            if (element.nodeType === 1) {\n                const tagName = element.tagName.toLowerCase();\n                \n                // Only apply to shape elements, not container elements like 'g'\n                if (['path', 'circle', 'rect', 'polygon', 'ellipse', 'polyline', 'line'].includes(tagName)) {\n                    const currentFill = element.getAttribute('fill');\n                    const currentStroke = element.getAttribute('stroke');\n                    \n                    // Check if parent <g> has explicit colors - if so, don't override\n                    let parentG = element.parentElement;\n                    let hasParentColor = false;\n                    \n                    while (parentG && parentG.tagName.toLowerCase() === 'g') {\n                        if (parentG.getAttribute('fill') || parentG.getAttribute('stroke')) {\n                            hasParentColor = true;\n                            break;\n                        }\n                        parentG = parentG.parentElement;\n                    }\n                    \n                    // Only apply white fill if:\n                    // 1. Element doesn't have explicit 'none' fill\n                    // 2. Element doesn't already have a specific color (other than black/default)\n                    // 3. Parent <g> doesn't have explicit colors\n                    if (!hasParentColor && currentFill !== 'none') {\n                        // Only override if it's black, default, or unset\n                        if (!currentFill || currentFill === '#000' || currentFill === '#000000' || currentFill === 'black' || currentFill === 'currentColor') {\n                            element.setAttribute('fill', fillColor);\n                        }\n                    }\n                    \n                    // Handle stroke similarly\n                    if (strokeColor && !hasParentColor) {\n                        if (currentStroke && currentStroke !== 'none') {\n                            if (!currentStroke || currentStroke === '#000' || currentStroke === '#000000' || currentStroke === 'black' || currentStroke === 'currentColor') {\n                                element.setAttribute('stroke', strokeColor);\n                            }\n                        }\n                    }\n                }\n                \n                // Recursively process children\n                for (let i = 0; i < element.children.length; i++) {\n                    applyCustomStyling(element.children[i]);\n                }\n            }\n        };\n        \n        applyCustomStyling(svgElement);\n        \n        return svgElement.outerHTML;\n    }\n\n    return svgContent;\n}\n\nfunction addIconClickListeners() {\n    const iconElements = document.querySelectorAll('#iconsContainer .icons');\n    iconElements.forEach(iconElement => {\n        iconElement.addEventListener('click', (e) => {\n            const filename = iconElement.getAttribute('data-url') || 'unknown';\n            handleIconClick(e, filename);\n        });\n    });\n}\n\n// Legacy category/search listeners disabled \u2014 React IconSidebar handles all icon UI\n\nfunction handleIconClick(event, filename) {\n    event.stopPropagation();\n\n    const iconElement = event.currentTarget;\n    const svgElement = iconElement.querySelector('svg');\n\n    if (svgElement) {\n        iconToPlace = svgElement.outerHTML;\n        isDraggingIcon = true;\n        isIconToolActive = true;\n\n        console.log('Icon selected and ready to place:', filename);\n\n        const iconContainer = document.getElementById('iconsToolBar');\n        if (iconContainer) {\n            iconContainer.classList.add('hidden');\n        }\n\n        document.body.style.cursor = 'crosshair';\n    }\n}\n\n\n\n// Clean up any lingering miniature icon or drag state (called on tool switch)\nfunction cleanupIconTool() {\n    if (currentIconElement) {\n        const svg = getSVGElement();\n        if (svg && currentIconElement.parentNode === svg) {\n            svg.removeChild(currentIconElement);\n        }\n        currentIconElement = null;\n    }\n    isDraggingIcon = false;\n    iconToPlace = null;\n    document.body.style.cursor = 'default';\n}\nwindow.__cleanupIconTool = cleanupIconTool;\n\n// Bridge for React sidebar to trigger icon placement\nwindow.prepareIconPlacement = function(svgContent) {\n    iconToPlace = svgContent;\n    isDraggingIcon = true;\n    window.isIconToolActive = true;\n    document.body.style.cursor = 'crosshair';\n};\n\n// Bridge for IconShape to call selectIcon and removeSelection\nwindow.__iconToolSelectIcon = selectIcon;\nwindow.__iconToolRemoveSelection = removeSelection;\n\n// Legacy icon rendering disabled \u2014 React IconSidebar handles icon UI\n\nexport { handleMouseDownIcon, handleMouseMoveIcon, handleMouseUpIcon, startDrag, stopDrag}"],
+  "mappings": "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",
+  "names": ["svg", "iconX", "iconY"]
+}

package/dist/react/{chunk-24TW3M7X.js → chunk-XCJOF6BM.js}

@@ -485,7 +485,8 @@ var Rectangle = class {
   }
   updateSelectionControls() {
     if (!this.selectionOutline || this.anchors.length === 0) return;
-    const anchorSize = 10;
+    const zoom = window.currentZoom || 1;
+    const anchorSize = 10 / zoom;
     const expandedX = -this.selectionPadding;
     const expandedY = -this.selectionPadding;
     const expandedWidth = this.width + 2 * this.selectionPadding;
@@ -516,7 +517,7 @@ var Rectangle = class {
     this.selectionOutline.setAttribute("points", outlinePoints.map((p) => p.join(",")).join(" "));
     if (this.rotationAnchor) {
       this.rotationAnchor.setAttribute("cx", expandedX + expandedWidth / 2);
-      this.rotationAnchor.setAttribute("cy", expandedY - 30);
+      this.rotationAnchor.setAttribute("cy", expandedY - 30 / zoom);
     }
   }
   removeSelection() {
@@ -723,4 +724,4 @@ var Rectangle = class {
 export {
   Rectangle
 };
-//# sourceMappingURL=chunk-24TW3M7X.js.map
+//# sourceMappingURL=chunk-XCJOF6BM.js.map

package/dist/react/{chunk-24TW3M7X.js.map → chunk-XCJOF6BM.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/shapes/Rectangle.js"],
-  "sourcesContent": ["/* eslint-disable */\n// Rectangle shape class - extracted from drawSquare.js\n// Depends on globals: svg, shapes, rough, currentShape, currentZoom, rc\n\n// Create local rc from globals; tool-state vars default to false\nconst rc = rough.svg(svg);\nlet isDraggingShapeSquare = false;\nlet isResizingShapeSquare = false;\nlet isRotatingShapeSquare = false;\nlet hoveredFrame = null;\nconst SquarecolorOptions = document.querySelectorAll(\".squareStrokeSpan\");\nconst backgroundColorOptionsSquare = document.querySelectorAll(\".squareBackgroundSpan\");\nconst fillStyleOptions = document.querySelectorAll(\".squareFillStyleSpan\");\nconst squareStrokeThicknessValue = document.querySelectorAll(\".squareStrokeThickSpan\");\nconst squareOutlineStyleValue = document.querySelectorAll(\".squareOutlineStyle\");\n// Depends on globals: squareStrokecolor, squareBackgroundColor, squareFillStyleValue, squareStrokeThicknes, squareOutlineStyle\n// Depends on globals: isDraggingShapeSquare, isResizingShapeSquare, isRotatingShapeSquare\n// Depends on globals: squareSideBar, disableAllSideBars\n// Depends on DOM query: SquarecolorOptions, backgroundColorOptionsSquare, fillStyleOptions, squareStrokeThicknessValue, squareOutlineStyleValue\n\nclass Rectangle {\n    constructor(x, y, width, height, options = {}) {\n        this.x = x;\n        this.y = y;\n        this.width = width;\n        this.height = height;\n        this.options = {\n            roughness: 1.5,\n            stroke: \"#fff\",\n            strokeWidth: 2,\n            fill: \"transparent\",\n            fillStyle: \"none\",\n            strokeDasharray: \"\",\n            ...options\n        };\n        this.element = null;\n        this.isSelected = false;\n        this.rotation = 0;\n        this.group = document.createElementNS('http://www.w3.org/2000/svg', 'g');\n        this.anchors = [];\n        this.rotationAnchor = null;\n        this.selectionPadding = 8;\n        this.selectionOutline = null;\n        this.shapeName = 'rectangle';\n        this.shapeID = `rectangle-${String(Date.now()).slice(0, 8)}-${Math.floor(Math.random() * 10000)}`;\n        this.group.setAttribute('id', this.shapeID);\n\n        // Embedded label support\n        this.label = options.label || '';\n        this.labelElement = null;\n        this.labelColor = options.labelColor || '#e0e0e0';\n        this.labelFontSize = options.labelFontSize || 14;\n        this.labelBg = options.labelBg !== false; // set labelBg:false to render plain text with no pill backdrop\n        this._isEditingLabel = false;\n        this._hitArea = null;\n        this._labelBg = null;\n\n        // Shading / gradient support for research paper style diagrams\n        this.shadeColor = options.shadeColor || null;\n        this.shadeOpacity = options.shadeOpacity !== undefined ? options.shadeOpacity : 0.15;\n        this.shadeDirection = options.shadeDirection || 'bottom'; // 'top' | 'bottom' | 'left' | 'right'\n        this._shadeRect = null;\n        this._shadeGradient = null;\n\n         if (!this.group.parentNode) {\n             svg.appendChild(this.group);\n         }\n         this._lastDrawn = {\n            width: null,\n            height: null,\n            options: null\n        };\n        this.isBeingDrawn = false;\n        this._setupLabelDblClick();\n        this.draw();\n    }\n    draw() {\n        const childrenToRemove = [];\n        const preserveSet = this._skipAnchors ? new Set([...this.anchors, this.selectionOutline, this.rotationAnchor].filter(Boolean)) : null;\n        for (let i = 0; i < this.group.children.length; i++) {\n            const child = this.group.children[i];\n            if (child !== this.element && child !== this.labelElement && child !== this._hitArea && child !== this._labelBg && child !== this._shadeRect) {\n                if (preserveSet && preserveSet.has(child)) continue;\n                childrenToRemove.push(child);\n            }\n        }\n        childrenToRemove.forEach(child => this.group.removeChild(child));\n\n        const optionsString = JSON.stringify(this.options);\n        const isInitialDraw = this.element === null;\n        const optionsChanged = optionsString !== this._lastDrawn.options;\n        const sizeChanged = this.width !== this._lastDrawn.width || this.height !== this._lastDrawn.height;\n\n        // Only regenerate rough element if it's not being actively drawn OR if options changed OR initial draw\n        if (isInitialDraw || optionsChanged || (!this.isBeingDrawn && sizeChanged)) {\n            if (this.element && this.element.parentNode === this.group) {\n                this.group.removeChild(this.element);\n            }\n            const roughRect = rc.rectangle(0, 0, this.width, this.height, this.options);\n            this.element = roughRect;\n            this.group.appendChild(roughRect);\n\n            // Cache the values\n            this._lastDrawn.width = this.width;\n            this._lastDrawn.height = this.height;\n            this._lastDrawn.options = optionsString;\n        }\n\n        // Hit area for dblclick detection (transparent rect that captures pointer events)\n        if (!this._hitArea) {\n            this._hitArea = document.createElementNS('http://www.w3.org/2000/svg', 'rect');\n            this._hitArea.setAttribute('fill', 'transparent');\n            this._hitArea.setAttribute('stroke', 'none');\n            this._hitArea.setAttribute('style', 'pointer-events: all;');\n            this.group.insertBefore(this._hitArea, this.group.firstChild);\n        }\n        this._hitArea.setAttribute('x', 0);\n        this._hitArea.setAttribute('y', 0);\n        this._hitArea.setAttribute('width', this.width);\n        this._hitArea.setAttribute('height', this.height);\n\n        // Shading / gradient overlay\n        this._updateShade();\n\n        // Update embedded label\n        this._updateLabelElement();\n\n        const rotateCenterX = this.width / 2;\n        const rotateCenterY = this.height / 2;\n        this.group.setAttribute('transform', `translate(${this.x}, ${this.y}) rotate(${this.rotation}, ${rotateCenterX}, ${rotateCenterY})`);\n\n        if (this.isSelected) {\n            if (this._skipAnchors) {\n                this.updateSelectionControls();\n            } else {\n                this.addAnchors();\n            }\n        }\n        if (!this.group.parentNode) {\n            this.updateAttachedArrows();\n            svg.appendChild(this.group);\n        }\n    }\n\n    _updateShade() {\n        if (!this.shadeColor) {\n            if (this._shadeRect && this._shadeRect.parentNode === this.group) {\n                this.group.removeChild(this._shadeRect);\n                this._shadeRect = null;\n            }\n            if (this._shadeGradient && this._shadeGradient.parentNode) {\n                this._shadeGradient.parentNode.removeChild(this._shadeGradient);\n                this._shadeGradient = null;\n            }\n            return;\n        }\n\n        // Create or update gradient in SVG defs\n        let defs = svg.querySelector('defs');\n        if (!defs) {\n            defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs');\n            svg.appendChild(defs);\n        }\n\n        const gradId = `shade-${this.shapeID}`;\n        if (!this._shadeGradient) {\n            this._shadeGradient = document.createElementNS('http://www.w3.org/2000/svg', 'linearGradient');\n            this._shadeGradient.setAttribute('id', gradId);\n            defs.appendChild(this._shadeGradient);\n        }\n\n        // Direction mapping\n        const dirs = {\n            top:    { x1: '0%', y1: '0%', x2: '0%', y2: '100%' },\n            bottom: { x1: '0%', y1: '100%', x2: '0%', y2: '0%' },\n            left:   { x1: '0%', y1: '0%', x2: '100%', y2: '0%' },\n            right:  { x1: '100%', y1: '0%', x2: '0%', y2: '0%' },\n        };\n        const d = dirs[this.shadeDirection] || dirs.bottom;\n        this._shadeGradient.setAttribute('x1', d.x1);\n        this._shadeGradient.setAttribute('y1', d.y1);\n        this._shadeGradient.setAttribute('x2', d.x2);\n        this._shadeGradient.setAttribute('y2', d.y2);\n\n        // Rebuild stops\n        while (this._shadeGradient.firstChild) this._shadeGradient.removeChild(this._shadeGradient.firstChild);\n        const stop1 = document.createElementNS('http://www.w3.org/2000/svg', 'stop');\n        stop1.setAttribute('offset', '0%');\n        stop1.setAttribute('stop-color', this.shadeColor);\n        stop1.setAttribute('stop-opacity', this.shadeOpacity);\n        const stop2 = document.createElementNS('http://www.w3.org/2000/svg', 'stop');\n        stop2.setAttribute('offset', '100%');\n        stop2.setAttribute('stop-color', this.shadeColor);\n        stop2.setAttribute('stop-opacity', '0');\n        this._shadeGradient.appendChild(stop1);\n        this._shadeGradient.appendChild(stop2);\n\n        // Create or update shade rect\n        if (!this._shadeRect) {\n            this._shadeRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');\n            this._shadeRect.setAttribute('pointer-events', 'none');\n        }\n        this._shadeRect.setAttribute('x', 0);\n        this._shadeRect.setAttribute('y', 0);\n        this._shadeRect.setAttribute('width', this.width);\n        this._shadeRect.setAttribute('height', this.height);\n        this._shadeRect.setAttribute('fill', `url(#${gradId})`);\n        this._shadeRect.setAttribute('rx', 2);\n\n        // Insert after rough element\n        if (this._shadeRect.parentNode === this.group) this.group.removeChild(this._shadeRect);\n        if (this.element && this.element.nextSibling) {\n            this.group.insertBefore(this._shadeRect, this.element.nextSibling);\n        } else {\n            this.group.appendChild(this._shadeRect);\n        }\n    }\n\n    _updateLabelElement() {\n        if (!this.label) {\n            // Remove label element if label is empty\n            if (this.labelElement && this.labelElement.parentNode === this.group) {\n                this.group.removeChild(this.labelElement);\n                this.labelElement = null;\n            }\n            if (this._labelBg && this._labelBg.parentNode === this.group) {\n                this.group.removeChild(this._labelBg);\n                this._labelBg = null;\n            }\n            return;\n        }\n\n        if (!this.labelElement) {\n            this.labelElement = document.createElementNS('http://www.w3.org/2000/svg', 'text');\n            this.labelElement.setAttribute('class', 'shape-label');\n            this.labelElement.setAttribute('pointer-events', 'none');\n        }\n\n        // Position at center of rectangle\n        this.labelElement.setAttribute('x', this.width / 2);\n        this.labelElement.setAttribute('y', this.height / 2);\n        this.labelElement.setAttribute('text-anchor', 'middle');\n        this.labelElement.setAttribute('dominant-baseline', 'central');\n        this.labelElement.setAttribute('fill', this.labelColor);\n        this.labelElement.setAttribute('font-size', this.labelFontSize);\n        this.labelElement.setAttribute('font-family', 'lixFont, sans-serif');\n        this.labelElement.textContent = this.label;\n\n        // Background padding rect behind text (like arrows have) \u2014 skippable\n        // via labelBg:false for dense multi-row content (e.g. mermaid ER\n        // attribute rows) where a pill backdrop looks out of place and\n        // doesn't match the SVG preview.\n        if (!this.labelBg) {\n            if (this._labelBg && this._labelBg.parentNode === this.group) {\n                this.group.removeChild(this._labelBg);\n                this._labelBg = null;\n            }\n            if (this.labelElement.parentNode === this.group) this.group.removeChild(this.labelElement);\n            this.group.appendChild(this.labelElement);\n            return;\n        }\n        const canvasBg = window.getComputedStyle(svg).backgroundColor || '#000';\n        if (!this._labelBg) {\n            this._labelBg = document.createElementNS('http://www.w3.org/2000/svg', 'rect');\n            this._labelBg.setAttribute('pointer-events', 'none');\n        }\n        this._labelBg.setAttribute('fill', canvasBg);\n        const hPadding = 6;\n        const vPadding = 2;\n        const charWidth = this.labelFontSize * 0.6;\n        const bgW = this.label.length * charWidth + hPadding * 2;\n        const bgH = this.labelFontSize + vPadding * 2;\n        this._labelBg.setAttribute('x', this.width / 2 - bgW / 2);\n        this._labelBg.setAttribute('y', this.height / 2 - bgH / 2);\n        this._labelBg.setAttribute('width', bgW);\n        this._labelBg.setAttribute('height', bgH);\n        this._labelBg.setAttribute('rx', 3);\n\n        // Re-append bg then text on top\n        if (this._labelBg.parentNode === this.group) this.group.removeChild(this._labelBg);\n        if (this.labelElement.parentNode === this.group) this.group.removeChild(this.labelElement);\n        this.group.appendChild(this._labelBg);\n        this.group.appendChild(this.labelElement);\n    }\n\n    _setupLabelDblClick() {\n        this.group.addEventListener('dblclick', (e) => {\n            e.stopPropagation();\n            e.preventDefault();\n            this.startLabelEdit();\n        });\n    }\n\n    startLabelEdit() {\n        if (this._isEditingLabel) return;\n        this._isEditingLabel = true;\n\n        // Hide label element during editing\n        if (this.labelElement) {\n            this.labelElement.setAttribute('visibility', 'hidden');\n        }\n\n        // Get shape's screen position via CTM\n        const ctm = this.group.getScreenCTM();\n        if (!ctm) { this._isEditingLabel = false; return; }\n\n        // Map the shape corners to screen coords\n        const pt1 = svg.createSVGPoint();\n        pt1.x = 0; pt1.y = 0;\n        const screenTL = pt1.matrixTransform(ctm);\n        const pt2 = svg.createSVGPoint();\n        pt2.x = this.width; pt2.y = this.height;\n        const screenBR = pt2.matrixTransform(ctm);\n\n        const screenW = Math.abs(screenBR.x - screenTL.x);\n        const screenH = Math.abs(screenBR.y - screenTL.y);\n        const screenX = Math.min(screenTL.x, screenBR.x);\n        const screenY = Math.min(screenTL.y, screenBR.y);\n\n        // Create HTML overlay\n        const overlay = document.createElement('div');\n        overlay.className = 'shape-label-editor';\n        overlay.style.cssText = `\n            position: fixed; z-index: 10000;\n            left: ${screenX}px; top: ${screenY}px;\n            width: ${screenW}px; height: ${screenH}px;\n            display: flex; align-items: center; justify-content: center;\n            pointer-events: auto;\n        `;\n\n        const canvasBg = window.getComputedStyle(svg).backgroundColor || '#000';\n        const input = document.createElement('div');\n        input.setAttribute('contenteditable', 'true');\n        input.style.cssText = `\n            max-width: ${screenW - 8}px; min-width: 30px; min-height: 20px;\n            background: ${canvasBg}; border: none;\n            outline: none; padding: 2px 6px;\n            color: ${this.labelColor}; font-size: ${Math.max(12, this.labelFontSize * (screenW / Math.max(this.width, 1)))}px;\n            font-family: lixFont, sans-serif; text-align: center;\n            white-space: pre-wrap; word-break: break-word;\n            cursor: text;\n        `;\n        if (this.label) {\n            input.textContent = this.label;\n        } else {\n            input.innerHTML = '&nbsp;';\n        }\n\n        overlay.appendChild(input);\n        document.body.appendChild(overlay);\n\n        // Focus and select all text\n        setTimeout(() => {\n            input.focus();\n            const sel = window.getSelection();\n            const range = document.createRange();\n            range.selectNodeContents(input);\n            sel.removeAllRanges();\n            sel.addRange(range);\n        }, 10);\n\n        const finishEdit = () => {\n            const newText = input.textContent.trim().replace(/\\u00A0/g, '');\n            this.label = newText;\n            this._isEditingLabel = false;\n\n            if (overlay.parentNode) overlay.parentNode.removeChild(overlay);\n            if (this.labelElement) this.labelElement.setAttribute('visibility', 'visible');\n            this.draw();\n        };\n\n        input.addEventListener('blur', finishEdit);\n        input.addEventListener('keydown', (e) => {\n            e.stopPropagation();\n            if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); input.blur(); }\n            if (e.key === 'Escape') { input.textContent = this.label; input.blur(); }\n        });\n        input.addEventListener('pointerdown', (e) => e.stopPropagation());\n        input.addEventListener('pointermove', (e) => e.stopPropagation());\n        input.addEventListener('pointerup', (e) => e.stopPropagation());\n    }\n\n    setLabel(text, color, fontSize) {\n        this.label = text || '';\n        if (color) this.labelColor = color;\n        if (fontSize) this.labelFontSize = fontSize;\n        this.draw();\n    }\n\n    setDrawingState(isDrawing) {\n        this.isBeingDrawn = isDrawing;\n    }\n\n    getRotatedCursor(direction, angle) {\n        const directions = ['ns', 'nesw', 'ew', 'nwse'];\n        angle = angle % 360;\n        if (angle < 0) angle += 360;\n\n        const baseDirectionMap = {\n            '0': 'nwse', '1': 'nesw', \n            '2': 'nesw', '3': 'nwse', \n            '4': 'ns',   '5': 'ns',     \n            '6': 'ew',   '7': 'ew'      \n        };\n        const baseDirection = baseDirectionMap[direction];\n        let effectiveAngle = angle; \n        if (baseDirection === 'nesw') {\n            effectiveAngle += 45;\n        } else if (baseDirection === 'ew') {\n            effectiveAngle += 90;\n        } else if (baseDirection === 'nwse') {\n            effectiveAngle += 135;\n        }\n        effectiveAngle = effectiveAngle % 360;\n        if (effectiveAngle < 0) effectiveAngle += 360;\n        const index = Math.round(effectiveAngle / 45) % 4; \n         let finalIndex;\n         if (effectiveAngle >= 337.5 || effectiveAngle < 22.5) finalIndex = 0; \n         else if (effectiveAngle >= 22.5 && effectiveAngle < 67.5) finalIndex = 1; \n         else if (effectiveAngle >= 67.5 && effectiveAngle < 112.5) finalIndex = 2; \n         else if (effectiveAngle >= 112.5 && effectiveAngle < 157.5) finalIndex = 3;\n         else if (effectiveAngle >= 157.5 && effectiveAngle < 202.5) finalIndex = 0; \n         else if (effectiveAngle >= 202.5 && effectiveAngle < 247.5) finalIndex = 1; \n         else if (effectiveAngle >= 247.5 && effectiveAngle < 292.5) finalIndex = 2; \n         else if (effectiveAngle >= 292.5 && effectiveAngle < 337.5) finalIndex = 3; \n         else finalIndex = 0; \n        return directions[finalIndex];\n    }\n    addAnchors() {\n        const zoom = window.currentZoom || 1;\n        const anchorSize = 10 / zoom;\n        const anchorStrokeWidth = 2;\n        const self = this;\n        const expandedX = -this.selectionPadding; \n        const expandedY = -this.selectionPadding; \n        const expandedWidth = this.width + 2 * this.selectionPadding;\n        const expandedHeight = this.height + 2 * this.selectionPadding;\n\n        const positions = [\n            { x: expandedX, y: expandedY }, \n            { x: expandedX + expandedWidth, y: expandedY }, \n            { x: expandedX, y: expandedY + expandedHeight }, \n            { x: expandedX + expandedWidth, y: expandedY + expandedHeight }, \n            { x: expandedX + expandedWidth / 2, y: expandedY }, \n            { x: expandedX + expandedWidth / 2, y: expandedY + expandedHeight }, \n            { x: expandedX, y: expandedHeight / 2 + expandedY }, \n            { x: expandedX + expandedWidth, y: expandedHeight / 2 + expandedY } \n        ];\n\n        const outlinePoints = [\n            [positions[0].x, positions[0].y],\n            [positions[1].x, positions[1].y],\n            [positions[3].x, positions[3].y],\n            [positions[2].x, positions[2].y],\n            [positions[0].x, positions[0].y]\n        ];\n\n        this.anchors.forEach(anchor => {\n             if (anchor.parentNode === this.group) {\n                 this.group.removeChild(anchor);\n             }\n         });\n          if (this.rotationAnchor && this.rotationAnchor.parentNode === this.group) {\n             this.group.removeChild(this.rotationAnchor);\n         }\n          if (this.selectionOutline && this.selectionOutline.parentNode === this.group) {\n             this.group.removeChild(this.selectionOutline);\n         }\n\n        this.anchors = [];\n        const anchorDirections = {\n            0: 'nwse', \n            1: 'nesw', \n            2: 'nesw', \n            3: 'nwse', \n            4: 'ns',   \n            5: 'ns',   \n            6: 'ew',   \n            7: 'ew'    \n        };\n\n        positions.forEach((pos, i) => {\n            const anchor = document.createElementNS('http://www.w3.org/2000/svg', 'rect');\n            anchor.setAttribute('x', pos.x - anchorSize / 2);\n            anchor.setAttribute('y', pos.y - anchorSize / 2);\n            anchor.setAttribute('width', anchorSize);\n            anchor.setAttribute('height', anchorSize);\n            anchor.setAttribute('class', 'anchor');\n            anchor.setAttribute('data-index', i);\n            anchor.setAttribute('fill', '#121212');\n            anchor.setAttribute('stroke', '#5B57D1');\n            anchor.setAttribute('stroke-width', anchorStrokeWidth);\n            anchor.setAttribute('vector-effect', 'non-scaling-stroke');\n            anchor.setAttribute('style', 'pointer-events: all;');\n\n            anchor.addEventListener('mouseover', function () {\n                const index = this.getAttribute('data-index');\n                const baseDirection = anchorDirections[index];\n                const rotatedCursor = self.getRotatedCursor(index, self.rotation); \n                svg.style.cursor = rotatedCursor + '-resize';\n            });\n\n            anchor.addEventListener('mouseout', function () {\n                 if (!isResizingShapeSquare && !isDraggingShapeSquare && !isRotatingShapeSquare) {\n                     svg.style.cursor = 'default';\n                 }\n            });\n\n            this.group.appendChild(anchor);\n            this.anchors[i] = anchor;\n        });\n        const rotationAnchorPos = { x: expandedX + expandedWidth / 2, y: expandedY - 30 / zoom };\n        this.rotationAnchor = document.createElementNS('http://www.w3.org/2000/svg', 'circle');\n        this.rotationAnchor.setAttribute('cx', rotationAnchorPos.x);\n        this.rotationAnchor.setAttribute('cy', rotationAnchorPos.y);\n        this.rotationAnchor.setAttribute('r', 8 / zoom);\n        this.rotationAnchor.setAttribute('class', 'rotate-anchor');\n        this.rotationAnchor.setAttribute('fill', '#121212');\n        this.rotationAnchor.setAttribute('stroke', '#5B57D1');\n        this.rotationAnchor.setAttribute('stroke-width', anchorStrokeWidth);\n        this.rotationAnchor.setAttribute('vector-effect', 'non-scaling-stroke');\n        this.rotationAnchor.setAttribute('style', 'pointer-events: all;');\n        this.group.appendChild(this.rotationAnchor);\n\n        this.rotationAnchor.addEventListener('mouseover', function () {\n             if (!isResizingShapeSquare && !isDraggingShapeSquare && !isRotatingShapeSquare) {\n                 svg.style.cursor = 'grab';\n             }\n        });\n        this.rotationAnchor.addEventListener('mouseout', function () {\n            if (!isResizingShapeSquare && !isDraggingShapeSquare && !isRotatingShapeSquare) {\n                svg.style.cursor = 'default';\n            }\n        });\n\n        const pointsAttr = outlinePoints.map(p => p.join(',')).join(' ');\n        const outline = document.createElementNS('http://www.w3.org/2000/svg', 'polyline');\n        outline.setAttribute('points', pointsAttr);\n        outline.setAttribute('fill', 'none');\n        outline.setAttribute('stroke', '#5B57D1');\n        outline.setAttribute('stroke-width', 1.5);\n        outline.setAttribute('stroke-dasharray', '4 2');\n        outline.setAttribute('vector-effect', 'non-scaling-stroke');\n        outline.setAttribute('style', 'pointer-events: none;');\n        this.group.appendChild(outline);\n        this.selectionOutline = outline;\n\n        // Show relevant sidebar\n        disableAllSideBars();\n        squareSideBar.classList.remove(\"hidden\");\n        if (window.__showSidebarForShape) window.__showSidebarForShape('rectangle');\n        this.updateSidebar();\n    }\n\n    updateSelectionControls() {\n        if (!this.selectionOutline || this.anchors.length === 0) return;\n\n        const anchorSize = 10;\n        const expandedX = -this.selectionPadding;\n        const expandedY = -this.selectionPadding;\n        const expandedWidth = this.width + 2 * this.selectionPadding;\n        const expandedHeight = this.height + 2 * this.selectionPadding;\n\n        const positions = [\n            { x: expandedX, y: expandedY },\n            { x: expandedX + expandedWidth, y: expandedY },\n            { x: expandedX, y: expandedY + expandedHeight },\n            { x: expandedX + expandedWidth, y: expandedY + expandedHeight },\n            { x: expandedX + expandedWidth / 2, y: expandedY },\n            { x: expandedX + expandedWidth / 2, y: expandedY + expandedHeight },\n            { x: expandedX, y: expandedHeight / 2 + expandedY },\n            { x: expandedX + expandedWidth, y: expandedHeight / 2 + expandedY }\n        ];\n\n        // Update anchor positions\n        positions.forEach((pos, i) => {\n            if (this.anchors[i]) {\n                this.anchors[i].setAttribute('x', pos.x - anchorSize / 2);\n                this.anchors[i].setAttribute('y', pos.y - anchorSize / 2);\n            }\n        });\n\n        // Update outline\n        const outlinePoints = [\n            [positions[0].x, positions[0].y],\n            [positions[1].x, positions[1].y],\n            [positions[3].x, positions[3].y],\n            [positions[2].x, positions[2].y],\n            [positions[0].x, positions[0].y]\n        ];\n        this.selectionOutline.setAttribute('points', outlinePoints.map(p => p.join(',')).join(' '));\n\n        // Update rotation anchor\n        if (this.rotationAnchor) {\n            this.rotationAnchor.setAttribute('cx', expandedX + expandedWidth / 2);\n            this.rotationAnchor.setAttribute('cy', expandedY - 30);\n        }\n    }\n\n    removeSelection() {\n        // Remove selection elements (anchors, outline, rotation anchor) from the group\n        this.anchors.forEach(anchor => {\n             if (anchor.parentNode === this.group) {\n                 this.group.removeChild(anchor);\n             }\n         });\n         if (this.rotationAnchor && this.rotationAnchor.parentNode === this.group) {\n            this.group.removeChild(this.rotationAnchor);\n         }\n         if (this.selectionOutline && this.selectionOutline.parentNode === this.group) {\n            this.group.removeChild(this.selectionOutline);\n         }\n        this.anchors = [];\n        this.rotationAnchor = null;\n        this.selectionOutline = null;\n        this.isSelected = false;\n    }\n\n    contains(x, y) {\n        if (!this.element) return false;\n        // x/y are already canvas (viewBox) coordinates. getCTM() operates in\n        // viewport coordinates and made hit testing drift after pan/zoom.\n        const centerX = this.width / 2;\n        const centerY = this.height / 2;\n        const angle = -(this.rotation || 0) * Math.PI / 180;\n        const translatedX = x - this.x;\n        const translatedY = y - this.y;\n        const dx = translatedX - centerX;\n        const dy = translatedY - centerY;\n        const localX = dx * Math.cos(angle) - dy * Math.sin(angle) + centerX;\n        const localY = dx * Math.sin(angle) + dy * Math.cos(angle) + centerY;\n        const tolerance = 5;\n        return localX >= -tolerance && localX <= this.width + tolerance &&\n               localY >= -tolerance && localY <= this.height + tolerance;\n    }\n\n     // Helper to check if a point is near an anchor\n     isNearAnchor(x, y) {\n         if (!this.isSelected) return null;\n         const buffer = 10; \n         const anchorSize = 10; \n\n         // Iterate through anchors\n         for (let i = 0; i < this.anchors.length; i++) {\n             const anchor = this.anchors[i];\n             const anchorLocalX = parseFloat(anchor.getAttribute('x')) + anchorSize / 2;\n             const anchorLocalY = parseFloat(anchor.getAttribute('y')) + anchorSize / 2;\n             const svgPoint = svg.createSVGPoint();\n             svgPoint.x = anchorLocalX;\n             svgPoint.y = anchorLocalY;\n             const transformedPoint = svgPoint.matrixTransform(this.group.getCTM());\n             const anchorLeft = transformedPoint.x - anchorSize/2 - buffer;\n             const anchorRight = transformedPoint.x + anchorSize/2 + buffer;\n             const anchorTop = transformedPoint.y - anchorSize/2 - buffer;\n             const anchorBottom = transformedPoint.y + anchorSize/2 + buffer;\n             if (x >= anchorLeft && x <= anchorRight && y >= anchorTop && y <= anchorBottom) {\n                 return { type: 'resize', index: i };\n             }\n         }\n\n         // Check rotation anchor\n         if (this.rotationAnchor) {\n             const rotateAnchorLocalX = parseFloat(this.rotationAnchor.getAttribute('cx'));\n             const rotateAnchorLocalY = parseFloat(this.rotationAnchor.getAttribute('cy'));\n             const svgPoint = svg.createSVGPoint();\n             svgPoint.x = rotateAnchorLocalX;\n             svgPoint.y = rotateAnchorLocalY;\n             const transformedPoint = svgPoint.matrixTransform(this.group.getCTM());\n             const rotateAnchorRadius = parseFloat(this.rotationAnchor.getAttribute('r'));\n             const distSq = (x - transformedPoint.x)**2 + (y - transformedPoint.y)**2;\n             if (distSq <= (rotateAnchorRadius + buffer)**2) {\n                 return { type: 'rotate' };\n             }\n         }\n\n         return null;\n     }\n\n\nmove(dx, dy) {\n    this.x += dx;\n    this.y += dy;\n\n    // Fast path: just update the transform \u2014 no need to rebuild RoughJS element\n    const rotateCenterX = this.width / 2;\n    const rotateCenterY = this.height / 2;\n    this.group.setAttribute('transform', `translate(${this.x}, ${this.y}) rotate(${this.rotation}, ${rotateCenterX}, ${rotateCenterY})`);\n\n    this.updateAttachedArrows();\n\n    // Only update frame containment if we're actively dragging the shape itself\n    // and not being moved by a parent frame\n    if (isDraggingShapeSquare && !this.isBeingMovedByFrame) {\n        this.updateFrameContainment();\n    }\n}\n\nupdateFrameContainment() {\n    // Don't update if we're being moved by a frame\n    if (this.isBeingMovedByFrame) return;\n    \n    let targetFrame = null;\n    \n    // Find which frame this shape is over\n    shapes.forEach(shape => {\n        if (shape.shapeName === 'frame' && shape.isShapeInFrame(this)) {\n            targetFrame = shape;\n        }\n    });\n    \n    // If we have a parent frame and we're being dragged, temporarily remove clipping\n    if (this.parentFrame && isDraggingShapeSquare) {\n        this.parentFrame.temporarilyRemoveFromFrame(this);\n    }\n    \n    // Update frame highlighting\n    if (hoveredFrame && hoveredFrame !== targetFrame) {\n        hoveredFrame.removeHighlight();\n    }\n    \n    if (targetFrame && targetFrame !== hoveredFrame) {\n        targetFrame.highlightFrame();\n    }\n    \n    hoveredFrame = targetFrame;\n}\n\n    updatePosition(anchorIndex, newMouseX, newMouseY) {\n        const CTM = this.group.getCTM();\n        if (!CTM) return;\n        const inverseCTM = CTM.inverse();\n        const svgPoint = svg.createSVGPoint();\n        svgPoint.x = newMouseX;\n        svgPoint.y = newMouseY;\n        const localMouse = svgPoint.matrixTransform(inverseCTM);\n\n        const oldW = this.width;\n        const oldH = this.height;\n\n        // Determine fixed point in old local coords and compute raw new dimensions\n        let fixedOldX, fixedOldY, rawW, rawH;\n        switch (anchorIndex) {\n            case 0: fixedOldX = oldW; fixedOldY = oldH; rawW = oldW - localMouse.x; rawH = oldH - localMouse.y; break;\n            case 1: fixedOldX = 0;    fixedOldY = oldH; rawW = localMouse.x;        rawH = oldH - localMouse.y; break;\n            case 2: fixedOldX = oldW; fixedOldY = 0;    rawW = oldW - localMouse.x; rawH = localMouse.y;        break;\n            case 3: fixedOldX = 0;    fixedOldY = 0;    rawW = localMouse.x;        rawH = localMouse.y;        break;\n            case 4: fixedOldX = 0;    fixedOldY = oldH; rawW = oldW;                rawH = oldH - localMouse.y; break;\n            case 5: fixedOldX = 0;    fixedOldY = 0;    rawW = oldW;                rawH = localMouse.y;        break;\n            case 6: fixedOldX = oldW; fixedOldY = 0;    rawW = oldW - localMouse.x; rawH = oldH;               break;\n            case 7: fixedOldX = 0;    fixedOldY = 0;    rawW = localMouse.x;        rawH = oldH;               break;\n        }\n\n        // Get world position of the fixed point using current CTM\n        const fp = svg.createSVGPoint();\n        fp.x = fixedOldX;\n        fp.y = fixedOldY;\n        const fixedWorld = fp.matrixTransform(CTM);\n\n        // Handle negative dimensions (dragged past opposite edge)\n        const newW = Math.abs(rawW);\n        const newH = Math.abs(rawH);\n\n        // Fixed point in new local coords (flips if dimension went negative)\n        const fixedNewX = fixedOldX === 0 ? (rawW >= 0 ? 0 : newW) : (rawW >= 0 ? newW : 0);\n        const fixedNewY = fixedOldY === 0 ? (rawH >= 0 ? 0 : newH) : (rawH >= 0 ? newH : 0);\n\n        // Solve for new x, y so the fixed corner stays in place\n        // Transform: translate(x, y) rotate(\u03B8, newW/2, newH/2)\n        const rad = this.rotation * Math.PI / 180;\n        const cosR = Math.cos(rad);\n        const sinR = Math.sin(rad);\n        const ncx = newW / 2;\n        const ncy = newH / 2;\n        const dx = fixedNewX - ncx;\n        const dy = fixedNewY - ncy;\n        const rotX = ncx + dx * cosR - dy * sinR;\n        const rotY = ncy + dx * sinR + dy * cosR;\n\n        this.x = fixedWorld.x - rotX;\n        this.y = fixedWorld.y - rotY;\n        this.width = newW;\n        this.height = newH;\n\n        this.updateAttachedArrows();\n    }\n\n        updateAttachedArrows() {\n        shapes.forEach(shape => {\n            if (shape && shape.shapeName === 'arrow' && typeof shape.updateAttachments === 'function') {\n                \n                if ((shape.attachedToStart && shape.attachedToStart.shape === this) ||\n                    (shape.attachedToEnd && shape.attachedToEnd.shape === this)) {\n                    shape.updateAttachments();\n                }\n            }\n        });\n    }   \n\n    rotate(angle) {\n        angle = angle % 360;\n        if (angle < 0) angle += 360;\n        this.rotation = angle;\n    }\n\n     // Method to update the sidebar based on the shape's current options\n    // No-op: React sidebar handles UI updates via Zustand store\n    updateSidebar() {}\n}\n\nexport { Rectangle };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable */\n// Rectangle shape class - extracted from drawSquare.js\n// Depends on globals: svg, shapes, rough, currentShape, currentZoom, rc\n\n// Create local rc from globals; tool-state vars default to false\nconst rc = rough.svg(svg);\nlet isDraggingShapeSquare = false;\nlet isResizingShapeSquare = false;\nlet isRotatingShapeSquare = false;\nlet hoveredFrame = null;\nconst SquarecolorOptions = document.querySelectorAll(\".squareStrokeSpan\");\nconst backgroundColorOptionsSquare = document.querySelectorAll(\".squareBackgroundSpan\");\nconst fillStyleOptions = document.querySelectorAll(\".squareFillStyleSpan\");\nconst squareStrokeThicknessValue = document.querySelectorAll(\".squareStrokeThickSpan\");\nconst squareOutlineStyleValue = document.querySelectorAll(\".squareOutlineStyle\");\n// Depends on globals: squareStrokecolor, squareBackgroundColor, squareFillStyleValue, squareStrokeThicknes, squareOutlineStyle\n// Depends on globals: isDraggingShapeSquare, isResizingShapeSquare, isRotatingShapeSquare\n// Depends on globals: squareSideBar, disableAllSideBars\n// Depends on DOM query: SquarecolorOptions, backgroundColorOptionsSquare, fillStyleOptions, squareStrokeThicknessValue, squareOutlineStyleValue\n\nclass Rectangle {\n    constructor(x, y, width, height, options = {}) {\n        this.x = x;\n        this.y = y;\n        this.width = width;\n        this.height = height;\n        this.options = {\n            roughness: 1.5,\n            stroke: \"#fff\",\n            strokeWidth: 2,\n            fill: \"transparent\",\n            fillStyle: \"none\",\n            strokeDasharray: \"\",\n            ...options\n        };\n        this.element = null;\n        this.isSelected = false;\n        this.rotation = 0;\n        this.group = document.createElementNS('http://www.w3.org/2000/svg', 'g');\n        this.anchors = [];\n        this.rotationAnchor = null;\n        this.selectionPadding = 8;\n        this.selectionOutline = null;\n        this.shapeName = 'rectangle';\n        this.shapeID = `rectangle-${String(Date.now()).slice(0, 8)}-${Math.floor(Math.random() * 10000)}`;\n        this.group.setAttribute('id', this.shapeID);\n\n        // Embedded label support\n        this.label = options.label || '';\n        this.labelElement = null;\n        this.labelColor = options.labelColor || '#e0e0e0';\n        this.labelFontSize = options.labelFontSize || 14;\n        this.labelBg = options.labelBg !== false; // set labelBg:false to render plain text with no pill backdrop\n        this._isEditingLabel = false;\n        this._hitArea = null;\n        this._labelBg = null;\n\n        // Shading / gradient support for research paper style diagrams\n        this.shadeColor = options.shadeColor || null;\n        this.shadeOpacity = options.shadeOpacity !== undefined ? options.shadeOpacity : 0.15;\n        this.shadeDirection = options.shadeDirection || 'bottom'; // 'top' | 'bottom' | 'left' | 'right'\n        this._shadeRect = null;\n        this._shadeGradient = null;\n\n         if (!this.group.parentNode) {\n             svg.appendChild(this.group);\n         }\n         this._lastDrawn = {\n            width: null,\n            height: null,\n            options: null\n        };\n        this.isBeingDrawn = false;\n        this._setupLabelDblClick();\n        this.draw();\n    }\n    draw() {\n        const childrenToRemove = [];\n        const preserveSet = this._skipAnchors ? new Set([...this.anchors, this.selectionOutline, this.rotationAnchor].filter(Boolean)) : null;\n        for (let i = 0; i < this.group.children.length; i++) {\n            const child = this.group.children[i];\n            if (child !== this.element && child !== this.labelElement && child !== this._hitArea && child !== this._labelBg && child !== this._shadeRect) {\n                if (preserveSet && preserveSet.has(child)) continue;\n                childrenToRemove.push(child);\n            }\n        }\n        childrenToRemove.forEach(child => this.group.removeChild(child));\n\n        const optionsString = JSON.stringify(this.options);\n        const isInitialDraw = this.element === null;\n        const optionsChanged = optionsString !== this._lastDrawn.options;\n        const sizeChanged = this.width !== this._lastDrawn.width || this.height !== this._lastDrawn.height;\n\n        // Only regenerate rough element if it's not being actively drawn OR if options changed OR initial draw\n        if (isInitialDraw || optionsChanged || (!this.isBeingDrawn && sizeChanged)) {\n            if (this.element && this.element.parentNode === this.group) {\n                this.group.removeChild(this.element);\n            }\n            const roughRect = rc.rectangle(0, 0, this.width, this.height, this.options);\n            this.element = roughRect;\n            this.group.appendChild(roughRect);\n\n            // Cache the values\n            this._lastDrawn.width = this.width;\n            this._lastDrawn.height = this.height;\n            this._lastDrawn.options = optionsString;\n        }\n\n        // Hit area for dblclick detection (transparent rect that captures pointer events)\n        if (!this._hitArea) {\n            this._hitArea = document.createElementNS('http://www.w3.org/2000/svg', 'rect');\n            this._hitArea.setAttribute('fill', 'transparent');\n            this._hitArea.setAttribute('stroke', 'none');\n            this._hitArea.setAttribute('style', 'pointer-events: all;');\n            this.group.insertBefore(this._hitArea, this.group.firstChild);\n        }\n        this._hitArea.setAttribute('x', 0);\n        this._hitArea.setAttribute('y', 0);\n        this._hitArea.setAttribute('width', this.width);\n        this._hitArea.setAttribute('height', this.height);\n\n        // Shading / gradient overlay\n        this._updateShade();\n\n        // Update embedded label\n        this._updateLabelElement();\n\n        const rotateCenterX = this.width / 2;\n        const rotateCenterY = this.height / 2;\n        this.group.setAttribute('transform', `translate(${this.x}, ${this.y}) rotate(${this.rotation}, ${rotateCenterX}, ${rotateCenterY})`);\n\n        if (this.isSelected) {\n            if (this._skipAnchors) {\n                this.updateSelectionControls();\n            } else {\n                this.addAnchors();\n            }\n        }\n        if (!this.group.parentNode) {\n            this.updateAttachedArrows();\n            svg.appendChild(this.group);\n        }\n    }\n\n    _updateShade() {\n        if (!this.shadeColor) {\n            if (this._shadeRect && this._shadeRect.parentNode === this.group) {\n                this.group.removeChild(this._shadeRect);\n                this._shadeRect = null;\n            }\n            if (this._shadeGradient && this._shadeGradient.parentNode) {\n                this._shadeGradient.parentNode.removeChild(this._shadeGradient);\n                this._shadeGradient = null;\n            }\n            return;\n        }\n\n        // Create or update gradient in SVG defs\n        let defs = svg.querySelector('defs');\n        if (!defs) {\n            defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs');\n            svg.appendChild(defs);\n        }\n\n        const gradId = `shade-${this.shapeID}`;\n        if (!this._shadeGradient) {\n            this._shadeGradient = document.createElementNS('http://www.w3.org/2000/svg', 'linearGradient');\n            this._shadeGradient.setAttribute('id', gradId);\n            defs.appendChild(this._shadeGradient);\n        }\n\n        // Direction mapping\n        const dirs = {\n            top:    { x1: '0%', y1: '0%', x2: '0%', y2: '100%' },\n            bottom: { x1: '0%', y1: '100%', x2: '0%', y2: '0%' },\n            left:   { x1: '0%', y1: '0%', x2: '100%', y2: '0%' },\n            right:  { x1: '100%', y1: '0%', x2: '0%', y2: '0%' },\n        };\n        const d = dirs[this.shadeDirection] || dirs.bottom;\n        this._shadeGradient.setAttribute('x1', d.x1);\n        this._shadeGradient.setAttribute('y1', d.y1);\n        this._shadeGradient.setAttribute('x2', d.x2);\n        this._shadeGradient.setAttribute('y2', d.y2);\n\n        // Rebuild stops\n        while (this._shadeGradient.firstChild) this._shadeGradient.removeChild(this._shadeGradient.firstChild);\n        const stop1 = document.createElementNS('http://www.w3.org/2000/svg', 'stop');\n        stop1.setAttribute('offset', '0%');\n        stop1.setAttribute('stop-color', this.shadeColor);\n        stop1.setAttribute('stop-opacity', this.shadeOpacity);\n        const stop2 = document.createElementNS('http://www.w3.org/2000/svg', 'stop');\n        stop2.setAttribute('offset', '100%');\n        stop2.setAttribute('stop-color', this.shadeColor);\n        stop2.setAttribute('stop-opacity', '0');\n        this._shadeGradient.appendChild(stop1);\n        this._shadeGradient.appendChild(stop2);\n\n        // Create or update shade rect\n        if (!this._shadeRect) {\n            this._shadeRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');\n            this._shadeRect.setAttribute('pointer-events', 'none');\n        }\n        this._shadeRect.setAttribute('x', 0);\n        this._shadeRect.setAttribute('y', 0);\n        this._shadeRect.setAttribute('width', this.width);\n        this._shadeRect.setAttribute('height', this.height);\n        this._shadeRect.setAttribute('fill', `url(#${gradId})`);\n        this._shadeRect.setAttribute('rx', 2);\n\n        // Insert after rough element\n        if (this._shadeRect.parentNode === this.group) this.group.removeChild(this._shadeRect);\n        if (this.element && this.element.nextSibling) {\n            this.group.insertBefore(this._shadeRect, this.element.nextSibling);\n        } else {\n            this.group.appendChild(this._shadeRect);\n        }\n    }\n\n    _updateLabelElement() {\n        if (!this.label) {\n            // Remove label element if label is empty\n            if (this.labelElement && this.labelElement.parentNode === this.group) {\n                this.group.removeChild(this.labelElement);\n                this.labelElement = null;\n            }\n            if (this._labelBg && this._labelBg.parentNode === this.group) {\n                this.group.removeChild(this._labelBg);\n                this._labelBg = null;\n            }\n            return;\n        }\n\n        if (!this.labelElement) {\n            this.labelElement = document.createElementNS('http://www.w3.org/2000/svg', 'text');\n            this.labelElement.setAttribute('class', 'shape-label');\n            this.labelElement.setAttribute('pointer-events', 'none');\n        }\n\n        // Position at center of rectangle\n        this.labelElement.setAttribute('x', this.width / 2);\n        this.labelElement.setAttribute('y', this.height / 2);\n        this.labelElement.setAttribute('text-anchor', 'middle');\n        this.labelElement.setAttribute('dominant-baseline', 'central');\n        this.labelElement.setAttribute('fill', this.labelColor);\n        this.labelElement.setAttribute('font-size', this.labelFontSize);\n        this.labelElement.setAttribute('font-family', 'lixFont, sans-serif');\n        this.labelElement.textContent = this.label;\n\n        // Background padding rect behind text (like arrows have) \u2014 skippable\n        // via labelBg:false for dense multi-row content (e.g. mermaid ER\n        // attribute rows) where a pill backdrop looks out of place and\n        // doesn't match the SVG preview.\n        if (!this.labelBg) {\n            if (this._labelBg && this._labelBg.parentNode === this.group) {\n                this.group.removeChild(this._labelBg);\n                this._labelBg = null;\n            }\n            if (this.labelElement.parentNode === this.group) this.group.removeChild(this.labelElement);\n            this.group.appendChild(this.labelElement);\n            return;\n        }\n        const canvasBg = window.getComputedStyle(svg).backgroundColor || '#000';\n        if (!this._labelBg) {\n            this._labelBg = document.createElementNS('http://www.w3.org/2000/svg', 'rect');\n            this._labelBg.setAttribute('pointer-events', 'none');\n        }\n        this._labelBg.setAttribute('fill', canvasBg);\n        const hPadding = 6;\n        const vPadding = 2;\n        const charWidth = this.labelFontSize * 0.6;\n        const bgW = this.label.length * charWidth + hPadding * 2;\n        const bgH = this.labelFontSize + vPadding * 2;\n        this._labelBg.setAttribute('x', this.width / 2 - bgW / 2);\n        this._labelBg.setAttribute('y', this.height / 2 - bgH / 2);\n        this._labelBg.setAttribute('width', bgW);\n        this._labelBg.setAttribute('height', bgH);\n        this._labelBg.setAttribute('rx', 3);\n\n        // Re-append bg then text on top\n        if (this._labelBg.parentNode === this.group) this.group.removeChild(this._labelBg);\n        if (this.labelElement.parentNode === this.group) this.group.removeChild(this.labelElement);\n        this.group.appendChild(this._labelBg);\n        this.group.appendChild(this.labelElement);\n    }\n\n    _setupLabelDblClick() {\n        this.group.addEventListener('dblclick', (e) => {\n            e.stopPropagation();\n            e.preventDefault();\n            this.startLabelEdit();\n        });\n    }\n\n    startLabelEdit() {\n        if (this._isEditingLabel) return;\n        this._isEditingLabel = true;\n\n        // Hide label element during editing\n        if (this.labelElement) {\n            this.labelElement.setAttribute('visibility', 'hidden');\n        }\n\n        // Get shape's screen position via CTM\n        const ctm = this.group.getScreenCTM();\n        if (!ctm) { this._isEditingLabel = false; return; }\n\n        // Map the shape corners to screen coords\n        const pt1 = svg.createSVGPoint();\n        pt1.x = 0; pt1.y = 0;\n        const screenTL = pt1.matrixTransform(ctm);\n        const pt2 = svg.createSVGPoint();\n        pt2.x = this.width; pt2.y = this.height;\n        const screenBR = pt2.matrixTransform(ctm);\n\n        const screenW = Math.abs(screenBR.x - screenTL.x);\n        const screenH = Math.abs(screenBR.y - screenTL.y);\n        const screenX = Math.min(screenTL.x, screenBR.x);\n        const screenY = Math.min(screenTL.y, screenBR.y);\n\n        // Create HTML overlay\n        const overlay = document.createElement('div');\n        overlay.className = 'shape-label-editor';\n        overlay.style.cssText = `\n            position: fixed; z-index: 10000;\n            left: ${screenX}px; top: ${screenY}px;\n            width: ${screenW}px; height: ${screenH}px;\n            display: flex; align-items: center; justify-content: center;\n            pointer-events: auto;\n        `;\n\n        const canvasBg = window.getComputedStyle(svg).backgroundColor || '#000';\n        const input = document.createElement('div');\n        input.setAttribute('contenteditable', 'true');\n        input.style.cssText = `\n            max-width: ${screenW - 8}px; min-width: 30px; min-height: 20px;\n            background: ${canvasBg}; border: none;\n            outline: none; padding: 2px 6px;\n            color: ${this.labelColor}; font-size: ${Math.max(12, this.labelFontSize * (screenW / Math.max(this.width, 1)))}px;\n            font-family: lixFont, sans-serif; text-align: center;\n            white-space: pre-wrap; word-break: break-word;\n            cursor: text;\n        `;\n        if (this.label) {\n            input.textContent = this.label;\n        } else {\n            input.innerHTML = '&nbsp;';\n        }\n\n        overlay.appendChild(input);\n        document.body.appendChild(overlay);\n\n        // Focus and select all text\n        setTimeout(() => {\n            input.focus();\n            const sel = window.getSelection();\n            const range = document.createRange();\n            range.selectNodeContents(input);\n            sel.removeAllRanges();\n            sel.addRange(range);\n        }, 10);\n\n        const finishEdit = () => {\n            const newText = input.textContent.trim().replace(/\\u00A0/g, '');\n            this.label = newText;\n            this._isEditingLabel = false;\n\n            if (overlay.parentNode) overlay.parentNode.removeChild(overlay);\n            if (this.labelElement) this.labelElement.setAttribute('visibility', 'visible');\n            this.draw();\n        };\n\n        input.addEventListener('blur', finishEdit);\n        input.addEventListener('keydown', (e) => {\n            e.stopPropagation();\n            if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); input.blur(); }\n            if (e.key === 'Escape') { input.textContent = this.label; input.blur(); }\n        });\n        input.addEventListener('pointerdown', (e) => e.stopPropagation());\n        input.addEventListener('pointermove', (e) => e.stopPropagation());\n        input.addEventListener('pointerup', (e) => e.stopPropagation());\n    }\n\n    setLabel(text, color, fontSize) {\n        this.label = text || '';\n        if (color) this.labelColor = color;\n        if (fontSize) this.labelFontSize = fontSize;\n        this.draw();\n    }\n\n    setDrawingState(isDrawing) {\n        this.isBeingDrawn = isDrawing;\n    }\n\n    getRotatedCursor(direction, angle) {\n        const directions = ['ns', 'nesw', 'ew', 'nwse'];\n        angle = angle % 360;\n        if (angle < 0) angle += 360;\n\n        const baseDirectionMap = {\n            '0': 'nwse', '1': 'nesw', \n            '2': 'nesw', '3': 'nwse', \n            '4': 'ns',   '5': 'ns',     \n            '6': 'ew',   '7': 'ew'      \n        };\n        const baseDirection = baseDirectionMap[direction];\n        let effectiveAngle = angle; \n        if (baseDirection === 'nesw') {\n            effectiveAngle += 45;\n        } else if (baseDirection === 'ew') {\n            effectiveAngle += 90;\n        } else if (baseDirection === 'nwse') {\n            effectiveAngle += 135;\n        }\n        effectiveAngle = effectiveAngle % 360;\n        if (effectiveAngle < 0) effectiveAngle += 360;\n        const index = Math.round(effectiveAngle / 45) % 4; \n         let finalIndex;\n         if (effectiveAngle >= 337.5 || effectiveAngle < 22.5) finalIndex = 0; \n         else if (effectiveAngle >= 22.5 && effectiveAngle < 67.5) finalIndex = 1; \n         else if (effectiveAngle >= 67.5 && effectiveAngle < 112.5) finalIndex = 2; \n         else if (effectiveAngle >= 112.5 && effectiveAngle < 157.5) finalIndex = 3;\n         else if (effectiveAngle >= 157.5 && effectiveAngle < 202.5) finalIndex = 0; \n         else if (effectiveAngle >= 202.5 && effectiveAngle < 247.5) finalIndex = 1; \n         else if (effectiveAngle >= 247.5 && effectiveAngle < 292.5) finalIndex = 2; \n         else if (effectiveAngle >= 292.5 && effectiveAngle < 337.5) finalIndex = 3; \n         else finalIndex = 0; \n        return directions[finalIndex];\n    }\n    addAnchors() {\n        const zoom = window.currentZoom || 1;\n        const anchorSize = 10 / zoom;\n        const anchorStrokeWidth = 2;\n        const self = this;\n        const expandedX = -this.selectionPadding; \n        const expandedY = -this.selectionPadding; \n        const expandedWidth = this.width + 2 * this.selectionPadding;\n        const expandedHeight = this.height + 2 * this.selectionPadding;\n\n        const positions = [\n            { x: expandedX, y: expandedY }, \n            { x: expandedX + expandedWidth, y: expandedY }, \n            { x: expandedX, y: expandedY + expandedHeight }, \n            { x: expandedX + expandedWidth, y: expandedY + expandedHeight }, \n            { x: expandedX + expandedWidth / 2, y: expandedY }, \n            { x: expandedX + expandedWidth / 2, y: expandedY + expandedHeight }, \n            { x: expandedX, y: expandedHeight / 2 + expandedY }, \n            { x: expandedX + expandedWidth, y: expandedHeight / 2 + expandedY } \n        ];\n\n        const outlinePoints = [\n            [positions[0].x, positions[0].y],\n            [positions[1].x, positions[1].y],\n            [positions[3].x, positions[3].y],\n            [positions[2].x, positions[2].y],\n            [positions[0].x, positions[0].y]\n        ];\n\n        this.anchors.forEach(anchor => {\n             if (anchor.parentNode === this.group) {\n                 this.group.removeChild(anchor);\n             }\n         });\n          if (this.rotationAnchor && this.rotationAnchor.parentNode === this.group) {\n             this.group.removeChild(this.rotationAnchor);\n         }\n          if (this.selectionOutline && this.selectionOutline.parentNode === this.group) {\n             this.group.removeChild(this.selectionOutline);\n         }\n\n        this.anchors = [];\n        const anchorDirections = {\n            0: 'nwse', \n            1: 'nesw', \n            2: 'nesw', \n            3: 'nwse', \n            4: 'ns',   \n            5: 'ns',   \n            6: 'ew',   \n            7: 'ew'    \n        };\n\n        positions.forEach((pos, i) => {\n            const anchor = document.createElementNS('http://www.w3.org/2000/svg', 'rect');\n            anchor.setAttribute('x', pos.x - anchorSize / 2);\n            anchor.setAttribute('y', pos.y - anchorSize / 2);\n            anchor.setAttribute('width', anchorSize);\n            anchor.setAttribute('height', anchorSize);\n            anchor.setAttribute('class', 'anchor');\n            anchor.setAttribute('data-index', i);\n            anchor.setAttribute('fill', '#121212');\n            anchor.setAttribute('stroke', '#5B57D1');\n            anchor.setAttribute('stroke-width', anchorStrokeWidth);\n            anchor.setAttribute('vector-effect', 'non-scaling-stroke');\n            anchor.setAttribute('style', 'pointer-events: all;');\n\n            anchor.addEventListener('mouseover', function () {\n                const index = this.getAttribute('data-index');\n                const baseDirection = anchorDirections[index];\n                const rotatedCursor = self.getRotatedCursor(index, self.rotation); \n                svg.style.cursor = rotatedCursor + '-resize';\n            });\n\n            anchor.addEventListener('mouseout', function () {\n                 if (!isResizingShapeSquare && !isDraggingShapeSquare && !isRotatingShapeSquare) {\n                     svg.style.cursor = 'default';\n                 }\n            });\n\n            this.group.appendChild(anchor);\n            this.anchors[i] = anchor;\n        });\n        const rotationAnchorPos = { x: expandedX + expandedWidth / 2, y: expandedY - 30 / zoom };\n        this.rotationAnchor = document.createElementNS('http://www.w3.org/2000/svg', 'circle');\n        this.rotationAnchor.setAttribute('cx', rotationAnchorPos.x);\n        this.rotationAnchor.setAttribute('cy', rotationAnchorPos.y);\n        this.rotationAnchor.setAttribute('r', 8 / zoom);\n        this.rotationAnchor.setAttribute('class', 'rotate-anchor');\n        this.rotationAnchor.setAttribute('fill', '#121212');\n        this.rotationAnchor.setAttribute('stroke', '#5B57D1');\n        this.rotationAnchor.setAttribute('stroke-width', anchorStrokeWidth);\n        this.rotationAnchor.setAttribute('vector-effect', 'non-scaling-stroke');\n        this.rotationAnchor.setAttribute('style', 'pointer-events: all;');\n        this.group.appendChild(this.rotationAnchor);\n\n        this.rotationAnchor.addEventListener('mouseover', function () {\n             if (!isResizingShapeSquare && !isDraggingShapeSquare && !isRotatingShapeSquare) {\n                 svg.style.cursor = 'grab';\n             }\n        });\n        this.rotationAnchor.addEventListener('mouseout', function () {\n            if (!isResizingShapeSquare && !isDraggingShapeSquare && !isRotatingShapeSquare) {\n                svg.style.cursor = 'default';\n            }\n        });\n\n        const pointsAttr = outlinePoints.map(p => p.join(',')).join(' ');\n        const outline = document.createElementNS('http://www.w3.org/2000/svg', 'polyline');\n        outline.setAttribute('points', pointsAttr);\n        outline.setAttribute('fill', 'none');\n        outline.setAttribute('stroke', '#5B57D1');\n        outline.setAttribute('stroke-width', 1.5);\n        outline.setAttribute('stroke-dasharray', '4 2');\n        outline.setAttribute('vector-effect', 'non-scaling-stroke');\n        outline.setAttribute('style', 'pointer-events: none;');\n        this.group.appendChild(outline);\n        this.selectionOutline = outline;\n\n        // Show relevant sidebar\n        disableAllSideBars();\n        squareSideBar.classList.remove(\"hidden\");\n        if (window.__showSidebarForShape) window.__showSidebarForShape('rectangle');\n        this.updateSidebar();\n    }\n\n    updateSelectionControls() {\n        if (!this.selectionOutline || this.anchors.length === 0) return;\n\n        const zoom = window.currentZoom || 1;\n        const anchorSize = 10 / zoom;\n        const expandedX = -this.selectionPadding;\n        const expandedY = -this.selectionPadding;\n        const expandedWidth = this.width + 2 * this.selectionPadding;\n        const expandedHeight = this.height + 2 * this.selectionPadding;\n\n        const positions = [\n            { x: expandedX, y: expandedY },\n            { x: expandedX + expandedWidth, y: expandedY },\n            { x: expandedX, y: expandedY + expandedHeight },\n            { x: expandedX + expandedWidth, y: expandedY + expandedHeight },\n            { x: expandedX + expandedWidth / 2, y: expandedY },\n            { x: expandedX + expandedWidth / 2, y: expandedY + expandedHeight },\n            { x: expandedX, y: expandedHeight / 2 + expandedY },\n            { x: expandedX + expandedWidth, y: expandedHeight / 2 + expandedY }\n        ];\n\n        // Update anchor positions\n        positions.forEach((pos, i) => {\n            if (this.anchors[i]) {\n                this.anchors[i].setAttribute('x', pos.x - anchorSize / 2);\n                this.anchors[i].setAttribute('y', pos.y - anchorSize / 2);\n            }\n        });\n\n        // Update outline\n        const outlinePoints = [\n            [positions[0].x, positions[0].y],\n            [positions[1].x, positions[1].y],\n            [positions[3].x, positions[3].y],\n            [positions[2].x, positions[2].y],\n            [positions[0].x, positions[0].y]\n        ];\n        this.selectionOutline.setAttribute('points', outlinePoints.map(p => p.join(',')).join(' '));\n\n        // Update rotation anchor\n        if (this.rotationAnchor) {\n            this.rotationAnchor.setAttribute('cx', expandedX + expandedWidth / 2);\n            this.rotationAnchor.setAttribute('cy', expandedY - 30 / zoom);\n        }\n    }\n\n    removeSelection() {\n        // Remove selection elements (anchors, outline, rotation anchor) from the group\n        this.anchors.forEach(anchor => {\n             if (anchor.parentNode === this.group) {\n                 this.group.removeChild(anchor);\n             }\n         });\n         if (this.rotationAnchor && this.rotationAnchor.parentNode === this.group) {\n            this.group.removeChild(this.rotationAnchor);\n         }\n         if (this.selectionOutline && this.selectionOutline.parentNode === this.group) {\n            this.group.removeChild(this.selectionOutline);\n         }\n        this.anchors = [];\n        this.rotationAnchor = null;\n        this.selectionOutline = null;\n        this.isSelected = false;\n    }\n\n    contains(x, y) {\n        if (!this.element) return false;\n        // x/y are already canvas (viewBox) coordinates. getCTM() operates in\n        // viewport coordinates and made hit testing drift after pan/zoom.\n        const centerX = this.width / 2;\n        const centerY = this.height / 2;\n        const angle = -(this.rotation || 0) * Math.PI / 180;\n        const translatedX = x - this.x;\n        const translatedY = y - this.y;\n        const dx = translatedX - centerX;\n        const dy = translatedY - centerY;\n        const localX = dx * Math.cos(angle) - dy * Math.sin(angle) + centerX;\n        const localY = dx * Math.sin(angle) + dy * Math.cos(angle) + centerY;\n        const tolerance = 5;\n        return localX >= -tolerance && localX <= this.width + tolerance &&\n               localY >= -tolerance && localY <= this.height + tolerance;\n    }\n\n     // Helper to check if a point is near an anchor\n     isNearAnchor(x, y) {\n         if (!this.isSelected) return null;\n         const buffer = 10; \n         const anchorSize = 10; \n\n         // Iterate through anchors\n         for (let i = 0; i < this.anchors.length; i++) {\n             const anchor = this.anchors[i];\n             const anchorLocalX = parseFloat(anchor.getAttribute('x')) + anchorSize / 2;\n             const anchorLocalY = parseFloat(anchor.getAttribute('y')) + anchorSize / 2;\n             const svgPoint = svg.createSVGPoint();\n             svgPoint.x = anchorLocalX;\n             svgPoint.y = anchorLocalY;\n             const transformedPoint = svgPoint.matrixTransform(this.group.getCTM());\n             const anchorLeft = transformedPoint.x - anchorSize/2 - buffer;\n             const anchorRight = transformedPoint.x + anchorSize/2 + buffer;\n             const anchorTop = transformedPoint.y - anchorSize/2 - buffer;\n             const anchorBottom = transformedPoint.y + anchorSize/2 + buffer;\n             if (x >= anchorLeft && x <= anchorRight && y >= anchorTop && y <= anchorBottom) {\n                 return { type: 'resize', index: i };\n             }\n         }\n\n         // Check rotation anchor\n         if (this.rotationAnchor) {\n             const rotateAnchorLocalX = parseFloat(this.rotationAnchor.getAttribute('cx'));\n             const rotateAnchorLocalY = parseFloat(this.rotationAnchor.getAttribute('cy'));\n             const svgPoint = svg.createSVGPoint();\n             svgPoint.x = rotateAnchorLocalX;\n             svgPoint.y = rotateAnchorLocalY;\n             const transformedPoint = svgPoint.matrixTransform(this.group.getCTM());\n             const rotateAnchorRadius = parseFloat(this.rotationAnchor.getAttribute('r'));\n             const distSq = (x - transformedPoint.x)**2 + (y - transformedPoint.y)**2;\n             if (distSq <= (rotateAnchorRadius + buffer)**2) {\n                 return { type: 'rotate' };\n             }\n         }\n\n         return null;\n     }\n\n\nmove(dx, dy) {\n    this.x += dx;\n    this.y += dy;\n\n    // Fast path: just update the transform \u2014 no need to rebuild RoughJS element\n    const rotateCenterX = this.width / 2;\n    const rotateCenterY = this.height / 2;\n    this.group.setAttribute('transform', `translate(${this.x}, ${this.y}) rotate(${this.rotation}, ${rotateCenterX}, ${rotateCenterY})`);\n\n    this.updateAttachedArrows();\n\n    // Only update frame containment if we're actively dragging the shape itself\n    // and not being moved by a parent frame\n    if (isDraggingShapeSquare && !this.isBeingMovedByFrame) {\n        this.updateFrameContainment();\n    }\n}\n\nupdateFrameContainment() {\n    // Don't update if we're being moved by a frame\n    if (this.isBeingMovedByFrame) return;\n    \n    let targetFrame = null;\n    \n    // Find which frame this shape is over\n    shapes.forEach(shape => {\n        if (shape.shapeName === 'frame' && shape.isShapeInFrame(this)) {\n            targetFrame = shape;\n        }\n    });\n    \n    // If we have a parent frame and we're being dragged, temporarily remove clipping\n    if (this.parentFrame && isDraggingShapeSquare) {\n        this.parentFrame.temporarilyRemoveFromFrame(this);\n    }\n    \n    // Update frame highlighting\n    if (hoveredFrame && hoveredFrame !== targetFrame) {\n        hoveredFrame.removeHighlight();\n    }\n    \n    if (targetFrame && targetFrame !== hoveredFrame) {\n        targetFrame.highlightFrame();\n    }\n    \n    hoveredFrame = targetFrame;\n}\n\n    updatePosition(anchorIndex, newMouseX, newMouseY) {\n        const CTM = this.group.getCTM();\n        if (!CTM) return;\n        const inverseCTM = CTM.inverse();\n        const svgPoint = svg.createSVGPoint();\n        svgPoint.x = newMouseX;\n        svgPoint.y = newMouseY;\n        const localMouse = svgPoint.matrixTransform(inverseCTM);\n\n        const oldW = this.width;\n        const oldH = this.height;\n\n        // Determine fixed point in old local coords and compute raw new dimensions\n        let fixedOldX, fixedOldY, rawW, rawH;\n        switch (anchorIndex) {\n            case 0: fixedOldX = oldW; fixedOldY = oldH; rawW = oldW - localMouse.x; rawH = oldH - localMouse.y; break;\n            case 1: fixedOldX = 0;    fixedOldY = oldH; rawW = localMouse.x;        rawH = oldH - localMouse.y; break;\n            case 2: fixedOldX = oldW; fixedOldY = 0;    rawW = oldW - localMouse.x; rawH = localMouse.y;        break;\n            case 3: fixedOldX = 0;    fixedOldY = 0;    rawW = localMouse.x;        rawH = localMouse.y;        break;\n            case 4: fixedOldX = 0;    fixedOldY = oldH; rawW = oldW;                rawH = oldH - localMouse.y; break;\n            case 5: fixedOldX = 0;    fixedOldY = 0;    rawW = oldW;                rawH = localMouse.y;        break;\n            case 6: fixedOldX = oldW; fixedOldY = 0;    rawW = oldW - localMouse.x; rawH = oldH;               break;\n            case 7: fixedOldX = 0;    fixedOldY = 0;    rawW = localMouse.x;        rawH = oldH;               break;\n        }\n\n        // Get world position of the fixed point using current CTM\n        const fp = svg.createSVGPoint();\n        fp.x = fixedOldX;\n        fp.y = fixedOldY;\n        const fixedWorld = fp.matrixTransform(CTM);\n\n        // Handle negative dimensions (dragged past opposite edge)\n        const newW = Math.abs(rawW);\n        const newH = Math.abs(rawH);\n\n        // Fixed point in new local coords (flips if dimension went negative)\n        const fixedNewX = fixedOldX === 0 ? (rawW >= 0 ? 0 : newW) : (rawW >= 0 ? newW : 0);\n        const fixedNewY = fixedOldY === 0 ? (rawH >= 0 ? 0 : newH) : (rawH >= 0 ? newH : 0);\n\n        // Solve for new x, y so the fixed corner stays in place\n        // Transform: translate(x, y) rotate(\u03B8, newW/2, newH/2)\n        const rad = this.rotation * Math.PI / 180;\n        const cosR = Math.cos(rad);\n        const sinR = Math.sin(rad);\n        const ncx = newW / 2;\n        const ncy = newH / 2;\n        const dx = fixedNewX - ncx;\n        const dy = fixedNewY - ncy;\n        const rotX = ncx + dx * cosR - dy * sinR;\n        const rotY = ncy + dx * sinR + dy * cosR;\n\n        this.x = fixedWorld.x - rotX;\n        this.y = fixedWorld.y - rotY;\n        this.width = newW;\n        this.height = newH;\n\n        this.updateAttachedArrows();\n    }\n\n        updateAttachedArrows() {\n        shapes.forEach(shape => {\n            if (shape && shape.shapeName === 'arrow' && typeof shape.updateAttachments === 'function') {\n                \n                if ((shape.attachedToStart && shape.attachedToStart.shape === this) ||\n                    (shape.attachedToEnd && shape.attachedToEnd.shape === this)) {\n                    shape.updateAttachments();\n                }\n            }\n        });\n    }   \n\n    rotate(angle) {\n        angle = angle % 360;\n        if (angle < 0) angle += 360;\n        this.rotation = angle;\n    }\n\n     // Method to update the sidebar based on the shape's current options\n    // No-op: React sidebar handles UI updates via Zustand store\n    updateSidebar() {}\n}\n\nexport { Rectangle };\n"],
+  "mappings": ";;;AAKA,IAAM,KAAK,MAAM,IAAI,GAAG;AACxB,IAAI,wBAAwB;AAC5B,IAAI,wBAAwB;AAC5B,IAAI,wBAAwB;AAC5B,IAAI,eAAe;AACnB,IAAM,qBAAqB,SAAS,iBAAiB,mBAAmB;AACxE,IAAM,+BAA+B,SAAS,iBAAiB,uBAAuB;AACtF,IAAM,mBAAmB,SAAS,iBAAiB,sBAAsB;AACzE,IAAM,6BAA6B,SAAS,iBAAiB,wBAAwB;AACrF,IAAM,0BAA0B,SAAS,iBAAiB,qBAAqB;AAM/E,IAAM,YAAN,MAAgB;AAAA,EACZ,YAAY,GAAG,GAAG,OAAO,QAAQ,UAAU,CAAC,GAAG;AAC3C,SAAK,IAAI;AACT,SAAK,IAAI;AACT,SAAK,QAAQ;AACb,SAAK,SAAS;AACd,SAAK,UAAU;AAAA,MACX,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,MAAM;AAAA,MACN,WAAW;AAAA,MACX,iBAAiB;AAAA,MACjB,GAAG;AAAA,IACP;AACA,SAAK,UAAU;AACf,SAAK,aAAa;AAClB,SAAK,WAAW;AAChB,SAAK,QAAQ,SAAS,gBAAgB,8BAA8B,GAAG;AACvE,SAAK,UAAU,CAAC;AAChB,SAAK,iBAAiB;AACtB,SAAK,mBAAmB;AACxB,SAAK,mBAAmB;AACxB,SAAK,YAAY;AACjB,SAAK,UAAU,aAAa,OAAO,KAAK,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,KAAK,MAAM,KAAK,OAAO,IAAI,GAAK,CAAC;AAC/F,SAAK,MAAM,aAAa,MAAM,KAAK,OAAO;AAG1C,SAAK,QAAQ,QAAQ,SAAS;AAC9B,SAAK,eAAe;AACpB,SAAK,aAAa,QAAQ,cAAc;AACxC,SAAK,gBAAgB,QAAQ,iBAAiB;AAC9C,SAAK,UAAU,QAAQ,YAAY;AACnC,SAAK,kBAAkB;AACvB,SAAK,WAAW;AAChB,SAAK,WAAW;AAGhB,SAAK,aAAa,QAAQ,cAAc;AACxC,SAAK,eAAe,QAAQ,iBAAiB,SAAY,QAAQ,eAAe;AAChF,SAAK,iBAAiB,QAAQ,kBAAkB;AAChD,SAAK,aAAa;AAClB,SAAK,iBAAiB;AAErB,QAAI,CAAC,KAAK,MAAM,YAAY;AACxB,UAAI,YAAY,KAAK,KAAK;AAAA,IAC9B;AACA,SAAK,aAAa;AAAA,MACf,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,IACb;AACA,SAAK,eAAe;AACpB,SAAK,oBAAoB;AACzB,SAAK,KAAK;AAAA,EACd;AAAA,EACA,OAAO;AACH,UAAM,mBAAmB,CAAC;AAC1B,UAAM,cAAc,KAAK,eAAe,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,KAAK,kBAAkB,KAAK,cAAc,EAAE,OAAO,OAAO,CAAC,IAAI;AACjI,aAAS,IAAI,GAAG,IAAI,KAAK,MAAM,SAAS,QAAQ,KAAK;AACjD,YAAM,QAAQ,KAAK,MAAM,SAAS,CAAC;AACnC,UAAI,UAAU,KAAK,WAAW,UAAU,KAAK,gBAAgB,UAAU,KAAK,YAAY,UAAU,KAAK,YAAY,UAAU,KAAK,YAAY;AAC1I,YAAI,eAAe,YAAY,IAAI,KAAK,EAAG;AAC3C,yBAAiB,KAAK,KAAK;AAAA,MAC/B;AAAA,IACJ;AACA,qBAAiB,QAAQ,WAAS,KAAK,MAAM,YAAY,KAAK,CAAC;AAE/D,UAAM,gBAAgB,KAAK,UAAU,KAAK,OAAO;AACjD,UAAM,gBAAgB,KAAK,YAAY;AACvC,UAAM,iBAAiB,kBAAkB,KAAK,WAAW;AACzD,UAAM,cAAc,KAAK,UAAU,KAAK,WAAW,SAAS,KAAK,WAAW,KAAK,WAAW;AAG5F,QAAI,iBAAiB,kBAAmB,CAAC,KAAK,gBAAgB,aAAc;AACxE,UAAI,KAAK,WAAW,KAAK,QAAQ,eAAe,KAAK,OAAO;AACxD,aAAK,MAAM,YAAY,KAAK,OAAO;AAAA,MACvC;AACA,YAAM,YAAY,GAAG,UAAU,GAAG,GAAG,KAAK,OAAO,KAAK,QAAQ,KAAK,OAAO;AAC1E,WAAK,UAAU;AACf,WAAK,MAAM,YAAY,SAAS;AAGhC,WAAK,WAAW,QAAQ,KAAK;AAC7B,WAAK,WAAW,SAAS,KAAK;AAC9B,WAAK,WAAW,UAAU;AAAA,IAC9B;AAGA,QAAI,CAAC,KAAK,UAAU;AAChB,WAAK,WAAW,SAAS,gBAAgB,8BAA8B,MAAM;AAC7E,WAAK,SAAS,aAAa,QAAQ,aAAa;AAChD,WAAK,SAAS,aAAa,UAAU,MAAM;AAC3C,WAAK,SAAS,aAAa,SAAS,sBAAsB;AAC1D,WAAK,MAAM,aAAa,KAAK,UAAU,KAAK,MAAM,UAAU;AAAA,IAChE;AACA,SAAK,SAAS,aAAa,KAAK,CAAC;AACjC,SAAK,SAAS,aAAa,KAAK,CAAC;AACjC,SAAK,SAAS,aAAa,SAAS,KAAK,KAAK;AAC9C,SAAK,SAAS,aAAa,UAAU,KAAK,MAAM;AAGhD,SAAK,aAAa;AAGlB,SAAK,oBAAoB;AAEzB,UAAM,gBAAgB,KAAK,QAAQ;AACnC,UAAM,gBAAgB,KAAK,SAAS;AACpC,SAAK,MAAM,aAAa,aAAa,aAAa,KAAK,CAAC,KAAK,KAAK,CAAC,YAAY,KAAK,QAAQ,KAAK,aAAa,KAAK,aAAa,GAAG;AAEnI,QAAI,KAAK,YAAY;AACjB,UAAI,KAAK,cAAc;AACnB,aAAK,wBAAwB;AAAA,MACjC,OAAO;AACH,aAAK,WAAW;AAAA,MACpB;AAAA,IACJ;AACA,QAAI,CAAC,KAAK,MAAM,YAAY;AACxB,WAAK,qBAAqB;AAC1B,UAAI,YAAY,KAAK,KAAK;AAAA,IAC9B;AAAA,EACJ;AAAA,EAEA,eAAe;AACX,QAAI,CAAC,KAAK,YAAY;AAClB,UAAI,KAAK,cAAc,KAAK,WAAW,eAAe,KAAK,OAAO;AAC9D,aAAK,MAAM,YAAY,KAAK,UAAU;AACtC,aAAK,aAAa;AAAA,MACtB;AACA,UAAI,KAAK,kBAAkB,KAAK,eAAe,YAAY;AACvD,aAAK,eAAe,WAAW,YAAY,KAAK,cAAc;AAC9D,aAAK,iBAAiB;AAAA,MAC1B;AACA;AAAA,IACJ;AAGA,QAAI,OAAO,IAAI,cAAc,MAAM;AACnC,QAAI,CAAC,MAAM;AACP,aAAO,SAAS,gBAAgB,8BAA8B,MAAM;AACpE,UAAI,YAAY,IAAI;AAAA,IACxB;AAEA,UAAM,SAAS,SAAS,KAAK,OAAO;AACpC,QAAI,CAAC,KAAK,gBAAgB;AACtB,WAAK,iBAAiB,SAAS,gBAAgB,8BAA8B,gBAAgB;AAC7F,WAAK,eAAe,aAAa,MAAM,MAAM;AAC7C,WAAK,YAAY,KAAK,cAAc;AAAA,IACxC;AAGA,UAAM,OAAO;AAAA,MACT,KAAQ,EAAE,IAAI,MAAM,IAAI,MAAM,IAAI,MAAM,IAAI,OAAO;AAAA,MACnD,QAAQ,EAAE,IAAI,MAAM,IAAI,QAAQ,IAAI,MAAM,IAAI,KAAK;AAAA,MACnD,MAAQ,EAAE,IAAI,MAAM,IAAI,MAAM,IAAI,QAAQ,IAAI,KAAK;AAAA,MACnD,OAAQ,EAAE,IAAI,QAAQ,IAAI,MAAM,IAAI,MAAM,IAAI,KAAK;AAAA,IACvD;AACA,UAAM,IAAI,KAAK,KAAK,cAAc,KAAK,KAAK;AAC5C,SAAK,eAAe,aAAa,MAAM,EAAE,EAAE;AAC3C,SAAK,eAAe,aAAa,MAAM,EAAE,EAAE;AAC3C,SAAK,eAAe,aAAa,MAAM,EAAE,EAAE;AAC3C,SAAK,eAAe,aAAa,MAAM,EAAE,EAAE;AAG3C,WAAO,KAAK,eAAe,WAAY,MAAK,eAAe,YAAY,KAAK,eAAe,UAAU;AACrG,UAAM,QAAQ,SAAS,gBAAgB,8BAA8B,MAAM;AAC3E,UAAM,aAAa,UAAU,IAAI;AACjC,UAAM,aAAa,cAAc,KAAK,UAAU;AAChD,UAAM,aAAa,gBAAgB,KAAK,YAAY;AACpD,UAAM,QAAQ,SAAS,gBAAgB,8BAA8B,MAAM;AAC3E,UAAM,aAAa,UAAU,MAAM;AACnC,UAAM,aAAa,cAAc,KAAK,UAAU;AAChD,UAAM,aAAa,gBAAgB,GAAG;AACtC,SAAK,eAAe,YAAY,KAAK;AACrC,SAAK,eAAe,YAAY,KAAK;AAGrC,QAAI,CAAC,KAAK,YAAY;AAClB,WAAK,aAAa,SAAS,gBAAgB,8BAA8B,MAAM;AAC/E,WAAK,WAAW,aAAa,kBAAkB,MAAM;AAAA,IACzD;AACA,SAAK,WAAW,aAAa,KAAK,CAAC;AACnC,SAAK,WAAW,aAAa,KAAK,CAAC;AACnC,SAAK,WAAW,aAAa,SAAS,KAAK,KAAK;AAChD,SAAK,WAAW,aAAa,UAAU,KAAK,MAAM;AAClD,SAAK,WAAW,aAAa,QAAQ,QAAQ,MAAM,GAAG;AACtD,SAAK,WAAW,aAAa,MAAM,CAAC;AAGpC,QAAI,KAAK,WAAW,eAAe,KAAK,MAAO,MAAK,MAAM,YAAY,KAAK,UAAU;AACrF,QAAI,KAAK,WAAW,KAAK,QAAQ,aAAa;AAC1C,WAAK,MAAM,aAAa,KAAK,YAAY,KAAK,QAAQ,WAAW;AAAA,IACrE,OAAO;AACH,WAAK,MAAM,YAAY,KAAK,UAAU;AAAA,IAC1C;AAAA,EACJ;AAAA,EAEA,sBAAsB;AAClB,QAAI,CAAC,KAAK,OAAO;AAEb,UAAI,KAAK,gBAAgB,KAAK,aAAa,eAAe,KAAK,OAAO;AAClE,aAAK,MAAM,YAAY,KAAK,YAAY;AACxC,aAAK,eAAe;AAAA,MACxB;AACA,UAAI,KAAK,YAAY,KAAK,SAAS,eAAe,KAAK,OAAO;AAC1D,aAAK,MAAM,YAAY,KAAK,QAAQ;AACpC,aAAK,WAAW;AAAA,MACpB;AACA;AAAA,IACJ;AAEA,QAAI,CAAC,KAAK,cAAc;AACpB,WAAK,eAAe,SAAS,gBAAgB,8BAA8B,MAAM;AACjF,WAAK,aAAa,aAAa,SAAS,aAAa;AACrD,WAAK,aAAa,aAAa,kBAAkB,MAAM;AAAA,IAC3D;AAGA,SAAK,aAAa,aAAa,KAAK,KAAK,QAAQ,CAAC;AAClD,SAAK,aAAa,aAAa,KAAK,KAAK,SAAS,CAAC;AACnD,SAAK,aAAa,aAAa,eAAe,QAAQ;AACtD,SAAK,aAAa,aAAa,qBAAqB,SAAS;AAC7D,SAAK,aAAa,aAAa,QAAQ,KAAK,UAAU;AACtD,SAAK,aAAa,aAAa,aAAa,KAAK,aAAa;AAC9D,SAAK,aAAa,aAAa,eAAe,qBAAqB;AACnE,SAAK,aAAa,cAAc,KAAK;AAMrC,QAAI,CAAC,KAAK,SAAS;AACf,UAAI,KAAK,YAAY,KAAK,SAAS,eAAe,KAAK,OAAO;AAC1D,aAAK,MAAM,YAAY,KAAK,QAAQ;AACpC,aAAK,WAAW;AAAA,MACpB;AACA,UAAI,KAAK,aAAa,eAAe,KAAK,MAAO,MAAK,MAAM,YAAY,KAAK,YAAY;AACzF,WAAK,MAAM,YAAY,KAAK,YAAY;AACxC;AAAA,IACJ;AACA,UAAM,WAAW,OAAO,iBAAiB,GAAG,EAAE,mBAAmB;AACjE,QAAI,CAAC,KAAK,UAAU;AAChB,WAAK,WAAW,SAAS,gBAAgB,8BAA8B,MAAM;AAC7E,WAAK,SAAS,aAAa,kBAAkB,MAAM;AAAA,IACvD;AACA,SAAK,SAAS,aAAa,QAAQ,QAAQ;AAC3C,UAAM,WAAW;AACjB,UAAM,WAAW;AACjB,UAAM,YAAY,KAAK,gBAAgB;AACvC,UAAM,MAAM,KAAK,MAAM,SAAS,YAAY,WAAW;AACvD,UAAM,MAAM,KAAK,gBAAgB,WAAW;AAC5C,SAAK,SAAS,aAAa,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC;AACxD,SAAK,SAAS,aAAa,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC;AACzD,SAAK,SAAS,aAAa,SAAS,GAAG;AACvC,SAAK,SAAS,aAAa,UAAU,GAAG;AACxC,SAAK,SAAS,aAAa,MAAM,CAAC;AAGlC,QAAI,KAAK,SAAS,eAAe,KAAK,MAAO,MAAK,MAAM,YAAY,KAAK,QAAQ;AACjF,QAAI,KAAK,aAAa,eAAe,KAAK,MAAO,MAAK,MAAM,YAAY,KAAK,YAAY;AACzF,SAAK,MAAM,YAAY,KAAK,QAAQ;AACpC,SAAK,MAAM,YAAY,KAAK,YAAY;AAAA,EAC5C;AAAA,EAEA,sBAAsB;AAClB,SAAK,MAAM,iBAAiB,YAAY,CAAC,MAAM;AAC3C,QAAE,gBAAgB;AAClB,QAAE,eAAe;AACjB,WAAK,eAAe;AAAA,IACxB,CAAC;AAAA,EACL;AAAA,EAEA,iBAAiB;AACb,QAAI,KAAK,gBAAiB;AAC1B,SAAK,kBAAkB;AAGvB,QAAI,KAAK,cAAc;AACnB,WAAK,aAAa,aAAa,cAAc,QAAQ;AAAA,IACzD;AAGA,UAAM,MAAM,KAAK,MAAM,aAAa;AACpC,QAAI,CAAC,KAAK;AAAE,WAAK,kBAAkB;AAAO;AAAA,IAAQ;AAGlD,UAAM,MAAM,IAAI,eAAe;AAC/B,QAAI,IAAI;AAAG,QAAI,IAAI;AACnB,UAAM,WAAW,IAAI,gBAAgB,GAAG;AACxC,UAAM,MAAM,IAAI,eAAe;AAC/B,QAAI,IAAI,KAAK;AAAO,QAAI,IAAI,KAAK;AACjC,UAAM,WAAW,IAAI,gBAAgB,GAAG;AAExC,UAAM,UAAU,KAAK,IAAI,SAAS,IAAI,SAAS,CAAC;AAChD,UAAM,UAAU,KAAK,IAAI,SAAS,IAAI,SAAS,CAAC;AAChD,UAAM,UAAU,KAAK,IAAI,SAAS,GAAG,SAAS,CAAC;AAC/C,UAAM,UAAU,KAAK,IAAI,SAAS,GAAG,SAAS,CAAC;AAG/C,UAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,YAAQ,YAAY;AACpB,YAAQ,MAAM,UAAU;AAAA;AAAA,oBAEZ,OAAO,YAAY,OAAO;AAAA,qBACzB,OAAO,eAAe,OAAO;AAAA;AAAA;AAAA;AAK1C,UAAM,WAAW,OAAO,iBAAiB,GAAG,EAAE,mBAAmB;AACjE,UAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,UAAM,aAAa,mBAAmB,MAAM;AAC5C,UAAM,MAAM,UAAU;AAAA,yBACL,UAAU,CAAC;AAAA,0BACV,QAAQ;AAAA;AAAA,qBAEb,KAAK,UAAU,gBAAgB,KAAK,IAAI,IAAI,KAAK,iBAAiB,UAAU,KAAK,IAAI,KAAK,OAAO,CAAC,EAAE,CAAC;AAAA;AAAA;AAAA;AAAA;AAKlH,QAAI,KAAK,OAAO;AACZ,YAAM,cAAc,KAAK;AAAA,IAC7B,OAAO;AACH,YAAM,YAAY;AAAA,IACtB;AAEA,YAAQ,YAAY,KAAK;AACzB,aAAS,KAAK,YAAY,OAAO;AAGjC,eAAW,MAAM;AACb,YAAM,MAAM;AACZ,YAAM,MAAM,OAAO,aAAa;AAChC,YAAM,QAAQ,SAAS,YAAY;AACnC,YAAM,mBAAmB,KAAK;AAC9B,UAAI,gBAAgB;AACpB,UAAI,SAAS,KAAK;AAAA,IACtB,GAAG,EAAE;AAEL,UAAM,aAAa,MAAM;AACrB,YAAM,UAAU,MAAM,YAAY,KAAK,EAAE,QAAQ,WAAW,EAAE;AAC9D,WAAK,QAAQ;AACb,WAAK,kBAAkB;AAEvB,UAAI,QAAQ,WAAY,SAAQ,WAAW,YAAY,OAAO;AAC9D,UAAI,KAAK,aAAc,MAAK,aAAa,aAAa,cAAc,SAAS;AAC7E,WAAK,KAAK;AAAA,IACd;AAEA,UAAM,iBAAiB,QAAQ,UAAU;AACzC,UAAM,iBAAiB,WAAW,CAAC,MAAM;AACrC,QAAE,gBAAgB;AAClB,UAAI,EAAE,QAAQ,WAAW,CAAC,EAAE,UAAU;AAAE,UAAE,eAAe;AAAG,cAAM,KAAK;AAAA,MAAG;AAC1E,UAAI,EAAE,QAAQ,UAAU;AAAE,cAAM,cAAc,KAAK;AAAO,cAAM,KAAK;AAAA,MAAG;AAAA,IAC5E,CAAC;AACD,UAAM,iBAAiB,eAAe,CAAC,MAAM,EAAE,gBAAgB,CAAC;AAChE,UAAM,iBAAiB,eAAe,CAAC,MAAM,EAAE,gBAAgB,CAAC;AAChE,UAAM,iBAAiB,aAAa,CAAC,MAAM,EAAE,gBAAgB,CAAC;AAAA,EAClE;AAAA,EAEA,SAAS,MAAM,OAAO,UAAU;AAC5B,SAAK,QAAQ,QAAQ;AACrB,QAAI,MAAO,MAAK,aAAa;AAC7B,QAAI,SAAU,MAAK,gBAAgB;AACnC,SAAK,KAAK;AAAA,EACd;AAAA,EAEA,gBAAgB,WAAW;AACvB,SAAK,eAAe;AAAA,EACxB;AAAA,EAEA,iBAAiB,WAAW,OAAO;AAC/B,UAAM,aAAa,CAAC,MAAM,QAAQ,MAAM,MAAM;AAC9C,YAAQ,QAAQ;AAChB,QAAI,QAAQ,EAAG,UAAS;AAExB,UAAM,mBAAmB;AAAA,MACrB,KAAK;AAAA,MAAQ,KAAK;AAAA,MAClB,KAAK;AAAA,MAAQ,KAAK;AAAA,MAClB,KAAK;AAAA,MAAQ,KAAK;AAAA,MAClB,KAAK;AAAA,MAAQ,KAAK;AAAA,IACtB;AACA,UAAM,gBAAgB,iBAAiB,SAAS;AAChD,QAAI,iBAAiB;AACrB,QAAI,kBAAkB,QAAQ;AAC1B,wBAAkB;AAAA,IACtB,WAAW,kBAAkB,MAAM;AAC/B,wBAAkB;AAAA,IACtB,WAAW,kBAAkB,QAAQ;AACjC,wBAAkB;AAAA,IACtB;AACA,qBAAiB,iBAAiB;AAClC,QAAI,iBAAiB,EAAG,mBAAkB;AAC1C,UAAM,QAAQ,KAAK,MAAM,iBAAiB,EAAE,IAAI;AAC/C,QAAI;AACJ,QAAI,kBAAkB,SAAS,iBAAiB,KAAM,cAAa;AAAA,aAC1D,kBAAkB,QAAQ,iBAAiB,KAAM,cAAa;AAAA,aAC9D,kBAAkB,QAAQ,iBAAiB,MAAO,cAAa;AAAA,aAC/D,kBAAkB,SAAS,iBAAiB,MAAO,cAAa;AAAA,aAChE,kBAAkB,SAAS,iBAAiB,MAAO,cAAa;AAAA,aAChE,kBAAkB,SAAS,iBAAiB,MAAO,cAAa;AAAA,aAChE,kBAAkB,SAAS,iBAAiB,MAAO,cAAa;AAAA,aAChE,kBAAkB,SAAS,iBAAiB,MAAO,cAAa;AAAA,QACpE,cAAa;AACnB,WAAO,WAAW,UAAU;AAAA,EAChC;AAAA,EACA,aAAa;AACT,UAAM,OAAO,OAAO,eAAe;AACnC,UAAM,aAAa,KAAK;AACxB,UAAM,oBAAoB;AAC1B,UAAM,OAAO;AACb,UAAM,YAAY,CAAC,KAAK;AACxB,UAAM,YAAY,CAAC,KAAK;AACxB,UAAM,gBAAgB,KAAK,QAAQ,IAAI,KAAK;AAC5C,UAAM,iBAAiB,KAAK,SAAS,IAAI,KAAK;AAE9C,UAAM,YAAY;AAAA,MACd,EAAE,GAAG,WAAW,GAAG,UAAU;AAAA,MAC7B,EAAE,GAAG,YAAY,eAAe,GAAG,UAAU;AAAA,MAC7C,EAAE,GAAG,WAAW,GAAG,YAAY,eAAe;AAAA,MAC9C,EAAE,GAAG,YAAY,eAAe,GAAG,YAAY,eAAe;AAAA,MAC9D,EAAE,GAAG,YAAY,gBAAgB,GAAG,GAAG,UAAU;AAAA,MACjD,EAAE,GAAG,YAAY,gBAAgB,GAAG,GAAG,YAAY,eAAe;AAAA,MAClE,EAAE,GAAG,WAAW,GAAG,iBAAiB,IAAI,UAAU;AAAA,MAClD,EAAE,GAAG,YAAY,eAAe,GAAG,iBAAiB,IAAI,UAAU;AAAA,IACtE;AAEA,UAAM,gBAAgB;AAAA,MAClB,CAAC,UAAU,CAAC,EAAE,GAAG,UAAU,CAAC,EAAE,CAAC;AAAA,MAC/B,CAAC,UAAU,CAAC,EAAE,GAAG,UAAU,CAAC,EAAE,CAAC;AAAA,MAC/B,CAAC,UAAU,CAAC,EAAE,GAAG,UAAU,CAAC,EAAE,CAAC;AAAA,MAC/B,CAAC,UAAU,CAAC,EAAE,GAAG,UAAU,CAAC,EAAE,CAAC;AAAA,MAC/B,CAAC,UAAU,CAAC,EAAE,GAAG,UAAU,CAAC,EAAE,CAAC;AAAA,IACnC;AAEA,SAAK,QAAQ,QAAQ,YAAU;AAC1B,UAAI,OAAO,eAAe,KAAK,OAAO;AAClC,aAAK,MAAM,YAAY,MAAM;AAAA,MACjC;AAAA,IACJ,CAAC;AACA,QAAI,KAAK,kBAAkB,KAAK,eAAe,eAAe,KAAK,OAAO;AACvE,WAAK,MAAM,YAAY,KAAK,cAAc;AAAA,IAC9C;AACC,QAAI,KAAK,oBAAoB,KAAK,iBAAiB,eAAe,KAAK,OAAO;AAC3E,WAAK,MAAM,YAAY,KAAK,gBAAgB;AAAA,IAChD;AAED,SAAK,UAAU,CAAC;AAChB,UAAM,mBAAmB;AAAA,MACrB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IACP;AAEA,cAAU,QAAQ,CAAC,KAAK,MAAM;AAC1B,YAAM,SAAS,SAAS,gBAAgB,8BAA8B,MAAM;AAC5E,aAAO,aAAa,KAAK,IAAI,IAAI,aAAa,CAAC;AAC/C,aAAO,aAAa,KAAK,IAAI,IAAI,aAAa,CAAC;AAC/C,aAAO,aAAa,SAAS,UAAU;AACvC,aAAO,aAAa,UAAU,UAAU;AACxC,aAAO,aAAa,SAAS,QAAQ;AACrC,aAAO,aAAa,cAAc,CAAC;AACnC,aAAO,aAAa,QAAQ,SAAS;AACrC,aAAO,aAAa,UAAU,SAAS;AACvC,aAAO,aAAa,gBAAgB,iBAAiB;AACrD,aAAO,aAAa,iBAAiB,oBAAoB;AACzD,aAAO,aAAa,SAAS,sBAAsB;AAEnD,aAAO,iBAAiB,aAAa,WAAY;AAC7C,cAAM,QAAQ,KAAK,aAAa,YAAY;AAC5C,cAAM,gBAAgB,iBAAiB,KAAK;AAC5C,cAAM,gBAAgB,KAAK,iBAAiB,OAAO,KAAK,QAAQ;AAChE,YAAI,MAAM,SAAS,gBAAgB;AAAA,MACvC,CAAC;AAED,aAAO,iBAAiB,YAAY,WAAY;AAC3C,YAAI,CAAC,yBAAyB,CAAC,yBAAyB,CAAC,uBAAuB;AAC5E,cAAI,MAAM,SAAS;AAAA,QACvB;AAAA,MACL,CAAC;AAED,WAAK,MAAM,YAAY,MAAM;AAC7B,WAAK,QAAQ,CAAC,IAAI;AAAA,IACtB,CAAC;AACD,UAAM,oBAAoB,EAAE,GAAG,YAAY,gBAAgB,GAAG,GAAG,YAAY,KAAK,KAAK;AACvF,SAAK,iBAAiB,SAAS,gBAAgB,8BAA8B,QAAQ;AACrF,SAAK,eAAe,aAAa,MAAM,kBAAkB,CAAC;AAC1D,SAAK,eAAe,aAAa,MAAM,kBAAkB,CAAC;AAC1D,SAAK,eAAe,aAAa,KAAK,IAAI,IAAI;AAC9C,SAAK,eAAe,aAAa,SAAS,eAAe;AACzD,SAAK,eAAe,aAAa,QAAQ,SAAS;AAClD,SAAK,eAAe,aAAa,UAAU,SAAS;AACpD,SAAK,eAAe,aAAa,gBAAgB,iBAAiB;AAClE,SAAK,eAAe,aAAa,iBAAiB,oBAAoB;AACtE,SAAK,eAAe,aAAa,SAAS,sBAAsB;AAChE,SAAK,MAAM,YAAY,KAAK,cAAc;AAE1C,SAAK,eAAe,iBAAiB,aAAa,WAAY;AACzD,UAAI,CAAC,yBAAyB,CAAC,yBAAyB,CAAC,uBAAuB;AAC5E,YAAI,MAAM,SAAS;AAAA,MACvB;AAAA,IACL,CAAC;AACD,SAAK,eAAe,iBAAiB,YAAY,WAAY;AACzD,UAAI,CAAC,yBAAyB,CAAC,yBAAyB,CAAC,uBAAuB;AAC5E,YAAI,MAAM,SAAS;AAAA,MACvB;AAAA,IACJ,CAAC;AAED,UAAM,aAAa,cAAc,IAAI,OAAK,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG;AAC/D,UAAM,UAAU,SAAS,gBAAgB,8BAA8B,UAAU;AACjF,YAAQ,aAAa,UAAU,UAAU;AACzC,YAAQ,aAAa,QAAQ,MAAM;AACnC,YAAQ,aAAa,UAAU,SAAS;AACxC,YAAQ,aAAa,gBAAgB,GAAG;AACxC,YAAQ,aAAa,oBAAoB,KAAK;AAC9C,YAAQ,aAAa,iBAAiB,oBAAoB;AAC1D,YAAQ,aAAa,SAAS,uBAAuB;AACrD,SAAK,MAAM,YAAY,OAAO;AAC9B,SAAK,mBAAmB;AAGxB,uBAAmB;AACnB,kBAAc,UAAU,OAAO,QAAQ;AACvC,QAAI,OAAO,sBAAuB,QAAO,sBAAsB,WAAW;AAC1E,SAAK,cAAc;AAAA,EACvB;AAAA,EAEA,0BAA0B;AACtB,QAAI,CAAC,KAAK,oBAAoB,KAAK,QAAQ,WAAW,EAAG;AAEzD,UAAM,OAAO,OAAO,eAAe;AACnC,UAAM,aAAa,KAAK;AACxB,UAAM,YAAY,CAAC,KAAK;AACxB,UAAM,YAAY,CAAC,KAAK;AACxB,UAAM,gBAAgB,KAAK,QAAQ,IAAI,KAAK;AAC5C,UAAM,iBAAiB,KAAK,SAAS,IAAI,KAAK;AAE9C,UAAM,YAAY;AAAA,MACd,EAAE,GAAG,WAAW,GAAG,UAAU;AAAA,MAC7B,EAAE,GAAG,YAAY,eAAe,GAAG,UAAU;AAAA,MAC7C,EAAE,GAAG,WAAW,GAAG,YAAY,eAAe;AAAA,MAC9C,EAAE,GAAG,YAAY,eAAe,GAAG,YAAY,eAAe;AAAA,MAC9D,EAAE,GAAG,YAAY,gBAAgB,GAAG,GAAG,UAAU;AAAA,MACjD,EAAE,GAAG,YAAY,gBAAgB,GAAG,GAAG,YAAY,eAAe;AAAA,MAClE,EAAE,GAAG,WAAW,GAAG,iBAAiB,IAAI,UAAU;AAAA,MAClD,EAAE,GAAG,YAAY,eAAe,GAAG,iBAAiB,IAAI,UAAU;AAAA,IACtE;AAGA,cAAU,QAAQ,CAAC,KAAK,MAAM;AAC1B,UAAI,KAAK,QAAQ,CAAC,GAAG;AACjB,aAAK,QAAQ,CAAC,EAAE,aAAa,KAAK,IAAI,IAAI,aAAa,CAAC;AACxD,aAAK,QAAQ,CAAC,EAAE,aAAa,KAAK,IAAI,IAAI,aAAa,CAAC;AAAA,MAC5D;AAAA,IACJ,CAAC;AAGD,UAAM,gBAAgB;AAAA,MAClB,CAAC,UAAU,CAAC,EAAE,GAAG,UAAU,CAAC,EAAE,CAAC;AAAA,MAC/B,CAAC,UAAU,CAAC,EAAE,GAAG,UAAU,CAAC,EAAE,CAAC;AAAA,MAC/B,CAAC,UAAU,CAAC,EAAE,GAAG,UAAU,CAAC,EAAE,CAAC;AAAA,MAC/B,CAAC,UAAU,CAAC,EAAE,GAAG,UAAU,CAAC,EAAE,CAAC;AAAA,MAC/B,CAAC,UAAU,CAAC,EAAE,GAAG,UAAU,CAAC,EAAE,CAAC;AAAA,IACnC;AACA,SAAK,iBAAiB,aAAa,UAAU,cAAc,IAAI,OAAK,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC;AAG1F,QAAI,KAAK,gBAAgB;AACrB,WAAK,eAAe,aAAa,MAAM,YAAY,gBAAgB,CAAC;AACpE,WAAK,eAAe,aAAa,MAAM,YAAY,KAAK,IAAI;AAAA,IAChE;AAAA,EACJ;AAAA,EAEA,kBAAkB;AAEd,SAAK,QAAQ,QAAQ,YAAU;AAC1B,UAAI,OAAO,eAAe,KAAK,OAAO;AAClC,aAAK,MAAM,YAAY,MAAM;AAAA,MACjC;AAAA,IACJ,CAAC;AACD,QAAI,KAAK,kBAAkB,KAAK,eAAe,eAAe,KAAK,OAAO;AACvE,WAAK,MAAM,YAAY,KAAK,cAAc;AAAA,IAC7C;AACA,QAAI,KAAK,oBAAoB,KAAK,iBAAiB,eAAe,KAAK,OAAO;AAC3E,WAAK,MAAM,YAAY,KAAK,gBAAgB;AAAA,IAC/C;AACD,SAAK,UAAU,CAAC;AAChB,SAAK,iBAAiB;AACtB,SAAK,mBAAmB;AACxB,SAAK,aAAa;AAAA,EACtB;AAAA,EAEA,SAAS,GAAG,GAAG;AACX,QAAI,CAAC,KAAK,QAAS,QAAO;AAG1B,UAAM,UAAU,KAAK,QAAQ;AAC7B,UAAM,UAAU,KAAK,SAAS;AAC9B,UAAM,QAAQ,EAAE,KAAK,YAAY,KAAK,KAAK,KAAK;AAChD,UAAM,cAAc,IAAI,KAAK;AAC7B,UAAM,cAAc,IAAI,KAAK;AAC7B,UAAM,KAAK,cAAc;AACzB,UAAM,KAAK,cAAc;AACzB,UAAM,SAAS,KAAK,KAAK,IAAI,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,IAAI;AAC7D,UAAM,SAAS,KAAK,KAAK,IAAI,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,IAAI;AAC7D,UAAM,YAAY;AAClB,WAAO,UAAU,CAAC,aAAa,UAAU,KAAK,QAAQ,aAC/C,UAAU,CAAC,aAAa,UAAU,KAAK,SAAS;AAAA,EAC3D;AAAA;AAAA,EAGC,aAAa,GAAG,GAAG;AACf,QAAI,CAAC,KAAK,WAAY,QAAO;AAC7B,UAAM,SAAS;AACf,UAAM,aAAa;AAGnB,aAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,QAAQ,KAAK;AAC1C,YAAM,SAAS,KAAK,QAAQ,CAAC;AAC7B,YAAM,eAAe,WAAW,OAAO,aAAa,GAAG,CAAC,IAAI,aAAa;AACzE,YAAM,eAAe,WAAW,OAAO,aAAa,GAAG,CAAC,IAAI,aAAa;AACzE,YAAM,WAAW,IAAI,eAAe;AACpC,eAAS,IAAI;AACb,eAAS,IAAI;AACb,YAAM,mBAAmB,SAAS,gBAAgB,KAAK,MAAM,OAAO,CAAC;AACrE,YAAM,aAAa,iBAAiB,IAAI,aAAW,IAAI;AACvD,YAAM,cAAc,iBAAiB,IAAI,aAAW,IAAI;AACxD,YAAM,YAAY,iBAAiB,IAAI,aAAW,IAAI;AACtD,YAAM,eAAe,iBAAiB,IAAI,aAAW,IAAI;AACzD,UAAI,KAAK,cAAc,KAAK,eAAe,KAAK,aAAa,KAAK,cAAc;AAC5E,eAAO,EAAE,MAAM,UAAU,OAAO,EAAE;AAAA,MACtC;AAAA,IACJ;AAGA,QAAI,KAAK,gBAAgB;AACrB,YAAM,qBAAqB,WAAW,KAAK,eAAe,aAAa,IAAI,CAAC;AAC5E,YAAM,qBAAqB,WAAW,KAAK,eAAe,aAAa,IAAI,CAAC;AAC5E,YAAM,WAAW,IAAI,eAAe;AACpC,eAAS,IAAI;AACb,eAAS,IAAI;AACb,YAAM,mBAAmB,SAAS,gBAAgB,KAAK,MAAM,OAAO,CAAC;AACrE,YAAM,qBAAqB,WAAW,KAAK,eAAe,aAAa,GAAG,CAAC;AAC3E,YAAM,UAAU,IAAI,iBAAiB,MAAI,KAAK,IAAI,iBAAiB,MAAI;AACvE,UAAI,WAAW,qBAAqB,WAAS,GAAG;AAC5C,eAAO,EAAE,MAAM,SAAS;AAAA,MAC5B;AAAA,IACJ;AAEA,WAAO;AAAA,EACX;AAAA,EAGL,KAAK,IAAI,IAAI;AACT,SAAK,KAAK;AACV,SAAK,KAAK;AAGV,UAAM,gBAAgB,KAAK,QAAQ;AACnC,UAAM,gBAAgB,KAAK,SAAS;AACpC,SAAK,MAAM,aAAa,aAAa,aAAa,KAAK,CAAC,KAAK,KAAK,CAAC,YAAY,KAAK,QAAQ,KAAK,aAAa,KAAK,aAAa,GAAG;AAEnI,SAAK,qBAAqB;AAI1B,QAAI,yBAAyB,CAAC,KAAK,qBAAqB;AACpD,WAAK,uBAAuB;AAAA,IAChC;AAAA,EACJ;AAAA,EAEA,yBAAyB;AAErB,QAAI,KAAK,oBAAqB;AAE9B,QAAI,cAAc;AAGlB,WAAO,QAAQ,WAAS;AACpB,UAAI,MAAM,cAAc,WAAW,MAAM,eAAe,IAAI,GAAG;AAC3D,sBAAc;AAAA,MAClB;AAAA,IACJ,CAAC;AAGD,QAAI,KAAK,eAAe,uBAAuB;AAC3C,WAAK,YAAY,2BAA2B,IAAI;AAAA,IACpD;AAGA,QAAI,gBAAgB,iBAAiB,aAAa;AAC9C,mBAAa,gBAAgB;AAAA,IACjC;AAEA,QAAI,eAAe,gBAAgB,cAAc;AAC7C,kBAAY,eAAe;AAAA,IAC/B;AAEA,mBAAe;AAAA,EACnB;AAAA,EAEI,eAAe,aAAa,WAAW,WAAW;AAC9C,UAAM,MAAM,KAAK,MAAM,OAAO;AAC9B,QAAI,CAAC,IAAK;AACV,UAAM,aAAa,IAAI,QAAQ;AAC/B,UAAM,WAAW,IAAI,eAAe;AACpC,aAAS,IAAI;AACb,aAAS,IAAI;AACb,UAAM,aAAa,SAAS,gBAAgB,UAAU;AAEtD,UAAM,OAAO,KAAK;AAClB,UAAM,OAAO,KAAK;AAGlB,QAAI,WAAW,WAAW,MAAM;AAChC,YAAQ,aAAa;AAAA,MACjB,KAAK;AAAG,oBAAY;AAAM,oBAAY;AAAM,eAAO,OAAO,WAAW;AAAG,eAAO,OAAO,WAAW;AAAG;AAAA,MACpG,KAAK;AAAG,oBAAY;AAAM,oBAAY;AAAM,eAAO,WAAW;AAAU,eAAO,OAAO,WAAW;AAAG;AAAA,MACpG,KAAK;AAAG,oBAAY;AAAM,oBAAY;AAAM,eAAO,OAAO,WAAW;AAAG,eAAO,WAAW;AAAU;AAAA,MACpG,KAAK;AAAG,oBAAY;AAAM,oBAAY;AAAM,eAAO,WAAW;AAAU,eAAO,WAAW;AAAU;AAAA,MACpG,KAAK;AAAG,oBAAY;AAAM,oBAAY;AAAM,eAAO;AAAqB,eAAO,OAAO,WAAW;AAAG;AAAA,MACpG,KAAK;AAAG,oBAAY;AAAM,oBAAY;AAAM,eAAO;AAAqB,eAAO,WAAW;AAAU;AAAA,MACpG,KAAK;AAAG,oBAAY;AAAM,oBAAY;AAAM,eAAO,OAAO,WAAW;AAAG,eAAO;AAAoB;AAAA,MACnG,KAAK;AAAG,oBAAY;AAAM,oBAAY;AAAM,eAAO,WAAW;AAAU,eAAO;AAAoB;AAAA,IACvG;AAGA,UAAM,KAAK,IAAI,eAAe;AAC9B,OAAG,IAAI;AACP,OAAG,IAAI;AACP,UAAM,aAAa,GAAG,gBAAgB,GAAG;AAGzC,UAAM,OAAO,KAAK,IAAI,IAAI;AAC1B,UAAM,OAAO,KAAK,IAAI,IAAI;AAG1B,UAAM,YAAY,cAAc,IAAK,QAAQ,IAAI,IAAI,OAAS,QAAQ,IAAI,OAAO;AACjF,UAAM,YAAY,cAAc,IAAK,QAAQ,IAAI,IAAI,OAAS,QAAQ,IAAI,OAAO;AAIjF,UAAM,MAAM,KAAK,WAAW,KAAK,KAAK;AACtC,UAAM,OAAO,KAAK,IAAI,GAAG;AACzB,UAAM,OAAO,KAAK,IAAI,GAAG;AACzB,UAAM,MAAM,OAAO;AACnB,UAAM,MAAM,OAAO;AACnB,UAAM,KAAK,YAAY;AACvB,UAAM,KAAK,YAAY;AACvB,UAAM,OAAO,MAAM,KAAK,OAAO,KAAK;AACpC,UAAM,OAAO,MAAM,KAAK,OAAO,KAAK;AAEpC,SAAK,IAAI,WAAW,IAAI;AACxB,SAAK,IAAI,WAAW,IAAI;AACxB,SAAK,QAAQ;AACb,SAAK,SAAS;AAEd,SAAK,qBAAqB;AAAA,EAC9B;AAAA,EAEI,uBAAuB;AACvB,WAAO,QAAQ,WAAS;AACpB,UAAI,SAAS,MAAM,cAAc,WAAW,OAAO,MAAM,sBAAsB,YAAY;AAEvF,YAAK,MAAM,mBAAmB,MAAM,gBAAgB,UAAU,QACzD,MAAM,iBAAiB,MAAM,cAAc,UAAU,MAAO;AAC7D,gBAAM,kBAAkB;AAAA,QAC5B;AAAA,MACJ;AAAA,IACJ,CAAC;AAAA,EACL;AAAA,EAEA,OAAO,OAAO;AACV,YAAQ,QAAQ;AAChB,QAAI,QAAQ,EAAG,UAAS;AACxB,SAAK,WAAW;AAAA,EACpB;AAAA;AAAA;AAAA,EAIA,gBAAgB;AAAA,EAAC;AACrB;",
   "names": []
 }

package/dist/react/{iconTool-GPZ7O7NH.js → iconTool-YD4GRXAP.js}

@@ -5,7 +5,7 @@ import {
   handleMouseUpIcon,
   startDrag,
   stopDrag
-} from "./chunk-VN62KLOC.js";
+} from "./chunk-X6AHYG5J.js";
 import "./chunk-BZE4CEBG.js";
 import "./chunk-L5OARZJ7.js";
 export {
@@ -15,4 +15,4 @@ export {
   startDrag,
   stopDrag
 };
-//# sourceMappingURL=iconTool-GPZ7O7NH.js.map
+//# sourceMappingURL=iconTool-YD4GRXAP.js.map

package/dist/react/{imageTool-D5R4XGEU.js → imageTool-WJVV4WI3.js}

@@ -3,7 +3,7 @@ import {
   handleMouseDownImage,
   handleMouseMoveImage,
   handleMouseUpImage
-} from "./chunk-URB6MY46.js";
+} from "./chunk-7DC26DDU.js";
 import "./chunk-DNAG7ML6.js";
 import "./chunk-BZE4CEBG.js";
 import "./chunk-L5OARZJ7.js";
@@ -12,4 +12,4 @@ export {
   handleMouseMoveImage,
   handleMouseUpImage
 };
-//# sourceMappingURL=imageTool-D5R4XGEU.js.map
+//# sourceMappingURL=imageTool-WJVV4WI3.js.map

package/dist/react/index.js

@@ -431,7 +431,7 @@ function useSketchEngine(svgRef, ready = true) {
           setZoom: (zoom) => useSketchStore_default.setState({ zoom }),
           getState: () => useSketchStore_default.getState()
         };
-        const { SketchEngine } = await import("./SketchEngine-B7XCB3BS.js");
+        const { SketchEngine } = await import("./SketchEngine-RFEF27MN.js");
         if (cancelled) return;
         const engine = new SketchEngine(svgRef.current);
         await engine.init();
@@ -4542,7 +4542,7 @@ function LixScriptModal() {
               }
             ),
             /* @__PURE__ */ jsx24("div", { className: "mx-auto mb-5 w-12 h-12 rounded-xl bg-accent-blue/10 border border-accent-blue/25 flex items-center justify-center", children: /* @__PURE__ */ jsx24("i", { className: "bx bx-plug text-2xl text-accent-blue" }) }),
-            /* @__PURE__ */ jsx24("span", { className: "inline-flex px-2.5 py-1 rounded-full bg-[#a97852]/15 text-[#8f6244] text-[10px] font-semibold uppercase tracking-wider", children: "Coming soon" }),
+            /* @__PURE__ */ jsx24("span", { className: "inline-flex px-2.5 py-1 rounded-full bg-accent-blue/10 text-accent-blue text-[10px] font-semibold uppercase tracking-wider", children: "Coming soon" }),
             /* @__PURE__ */ jsx24("h2", { id: "lixscript-coming-soon-title", className: "mt-4 text-text-primary text-xl font-medium", children: "LixScript MCP" }),
             /* @__PURE__ */ jsx24("p", { className: "mt-2 text-text-muted text-sm leading-relaxed", children: "LixScript is being prepared as the programmable MCP interface for LixSketch. This workspace panel will become available with the supported platform integration." })
           ]
@@ -4741,7 +4741,7 @@ var _saveScene = null;
 var _loadScene = null;
 async function ensureSceneSerializer() {
   if (_saveScene && _loadScene) return;
-  const m = await import("./SceneSerializer-YK44QZ6B.js");
+  const m = await import("./SceneSerializer-IQGUAK45.js");
   _saveScene = m.saveScene;
   _loadScene = m.loadScene;
 }