@elixpo/lixsketch 5.5.19 → 5.5.21

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/shapes/Frame.js"],
+  "sourcesContent": ["/* eslint-disable */\n// Frame shape class - extracted from frameHolder.js\n// Depends on globals: svg, shapes, currentShape, currentZoom\n\nimport { cleanupAttachments } from '../tools/arrowTool.js';\nimport { registerRotationAnchor } from '../core/ScreenSpaceControls.js';\n\nfunction getSVGCoordsFromMouse(e) {\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\nlet dragOldPosFrame = null;\n\nclass Frame {\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.rotation = options.rotation || 0;\n        this.frameName = options.frameName || \"Frame\";\n        this.fillStyle = options.fillStyle || \"transparent\"; // 'transparent' | 'solid' | 'grid'\n        this.fillColor = options.fillColor || \"#1e1e28\";\n        this.gridSize = options.gridSize || 20;\n        // Issue #38 follow-up: read the grid stroke from a CSS custom\n        // property so the frame grid stays visible in both themes. The\n        // var is defined in globals.css for both `body.canvas-mode`\n        // (dark-on-light) and `body.canvas-mode.theme-dark` (light-on-dark).\n        // The literal here is the dark-theme fallback for environments\n        // (tests, embeds) without the canvas-mode CSS in scope.\n        this.gridColor = options.gridColor || \"var(--lixsketch-grid-fine, rgba(255,255,255,0.06))\";\n        this.options = {\n            stroke: options.stroke || \"#555\",\n            strokeWidth: options.strokeWidth || 1,\n            fill: options.fill || \"transparent\",\n            opacity: options.opacity || 1,\n            ...options\n        };\n\n        this.element = null;\n        this.group = document.createElementNS('http://www.w3.org/2000/svg', 'g');\n        this.isSelected = false;\n        this.anchors = [];\n        this.shapeName = \"frame\";\n        this.shapeID = `frame-${String(Date.now()).slice(0, 8)}-${Math.floor(Math.random() * 10000)}`;\n        this.group.setAttribute('id', this.shapeID);\n\n        // Create clipping group for contained shapes\n        this.clipGroup = document.createElementNS('http://www.w3.org/2000/svg', 'g');\n        this.clipPath = document.createElementNS('http://www.w3.org/2000/svg', 'clipPath');\n        this.clipRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');\n        \n        // Set up clipping\n        this.clipId = `clip-${this.shapeID}`;\n        this.clipPath.setAttribute('id', this.clipId);\n        this.clipPath.appendChild(this.clipRect);\n        this.clipGroup.setAttribute('clip-path', `url(#${this.clipId})`);\n        \n        // Add clip path to 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        defs.appendChild(this.clipPath);\n\n        // Array to hold shapes inside this frame\n        this.containedShapes = [];\n\n        svg.appendChild(this.group);\n        svg.appendChild(this.clipGroup);\n        this.draw();\n        this.updateClipPath();\n    }\n\n    draw() {\n        // Clear previous elements\n        while (this.group.firstChild) {\n            this.group.removeChild(this.group.firstChild);\n        }\n        this.anchors = [];\n\n        // Ensure defs exists for grid pattern\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        // Determine fill based on fillStyle\n        let fillValue = \"transparent\";\n        if (this.fillStyle === 'solid') {\n            fillValue = this.fillColor;\n        } else if (this.fillStyle === 'grid') {\n            // Create or update a grid pattern unique to this frame\n            const patternId = `frame-grid-${this.shapeID}`;\n            let pattern = defs.querySelector(`#${patternId}`);\n            if (!pattern) {\n                pattern = document.createElementNS('http://www.w3.org/2000/svg', 'pattern');\n                pattern.setAttribute('id', patternId);\n                pattern.setAttribute('patternUnits', 'userSpaceOnUse');\n                defs.appendChild(pattern);\n            }\n            // Update pattern attributes\n            pattern.setAttribute('x', this.x);\n            pattern.setAttribute('y', this.y);\n            pattern.setAttribute('width', this.gridSize);\n            pattern.setAttribute('height', this.gridSize);\n            // Clear and rebuild pattern content\n            while (pattern.firstChild) pattern.removeChild(pattern.firstChild);\n            // Background fill\n            const bgRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');\n            bgRect.setAttribute('width', this.gridSize);\n            bgRect.setAttribute('height', this.gridSize);\n            bgRect.setAttribute('fill', this.fillColor);\n            pattern.appendChild(bgRect);\n            // Grid lines\n            const gridPath = document.createElementNS('http://www.w3.org/2000/svg', 'path');\n            gridPath.setAttribute('d', `M ${this.gridSize} 0 L 0 0 0 ${this.gridSize}`);\n            gridPath.setAttribute('fill', 'none');\n            gridPath.setAttribute('stroke', this.gridColor);\n            gridPath.setAttribute('stroke-width', '0.5');\n            pattern.appendChild(gridPath);\n            fillValue = `url(#${patternId})`;\n        }\n\n        // Create the frame rectangle\n        const frameRect = document.createElementNS(\"http://www.w3.org/2000/svg\", \"rect\");\n        frameRect.setAttribute(\"x\", this.x);\n        frameRect.setAttribute(\"y\", this.y);\n        frameRect.setAttribute(\"width\", this.width);\n        frameRect.setAttribute(\"height\", this.height);\n        frameRect.setAttribute(\"stroke\", this.options.stroke);\n        frameRect.setAttribute(\"stroke-width\", this.options.strokeWidth);\n        frameRect.setAttribute(\"fill\", fillValue);\n        frameRect.setAttribute(\"opacity\", this.options.opacity);\n        frameRect.setAttribute(\"stroke-dasharray\", \"5,5\");\n        frameRect.classList.add(\"frame-rect\");\n\n        // Apply rotation\n        if (this.rotation !== 0) {\n            const centerX = this.x + this.width / 2;\n            const centerY = this.y + this.height / 2;\n            frameRect.setAttribute(\"transform\", `rotate(${this.rotation}, ${centerX}, ${centerY})`);\n        }\n\n        this.element = frameRect;\n        this.group.appendChild(this.element);\n\n        // Add label\n        this.addFrameLabel();\n\n        // Re-attach frame image if present\n        if (this._frameImageURL) {\n            this.setImageFromURL(this._frameImageURL, this._frameImageFit || 'cover');\n        }\n\n        // Add selection anchors if selected\n        if (this.isSelected) {\n            this.addAnchors();\n        }\n\n        // Update clip path\n        this.updateClipPath();\n    }\n\n    updateAttachedArrows() {\n    if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n        shapes.forEach(shape => {\n            if (shape.shapeName === 'arrow') {\n                let needsUpdate = false;\n                \n                // Check if arrow is attached to this frame\n                if (shape.attachedToStart && shape.attachedToStart.shape === this) {\n                    needsUpdate = true;\n                }\n                if (shape.attachedToEnd && shape.attachedToEnd.shape === this) {\n                    needsUpdate = true;\n                }\n                \n                if (needsUpdate) {\n                    shape.updateAttachments();\n                }\n            }\n        });\n    }\n    }\n\n    updateClipPath() {\n        // Update the clipping rectangle to match frame dimensions\n        this.clipRect.setAttribute(\"x\", this.x);\n        this.clipRect.setAttribute(\"y\", this.y);\n        this.clipRect.setAttribute(\"width\", this.width);\n        this.clipRect.setAttribute(\"height\", this.height);\n        \n        if (this.rotation !== 0) {\n            const centerX = this.x + this.width / 2;\n            const centerY = this.y + this.height / 2;\n            this.clipRect.setAttribute(\"transform\", `rotate(${this.rotation}, ${centerX}, ${centerY})`);\n        } else {\n            this.clipRect.removeAttribute(\"transform\");\n        }\n    }\n\n    addShapeToFrame(shape) {\n    if (shape && !this.containedShapes.includes(shape)) {\n        const oldFrame = shape.parentFrame;\n\n        // Remove from other frames first\n        if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n            shapes.forEach(otherFrame => {\n                if (otherFrame.shapeName === 'frame' && otherFrame !== this) {\n                    otherFrame.removeShapeFromFrame(shape);\n                }\n            });\n        }\n\n        this.containedShapes.push(shape);\n        shape.parentFrame = this;\n\n        // Only move to clipped group if not currently being dragged\n        const el = shape.group || shape.element;\n        if (el && el.parentNode && !shape.isDraggedOutTemporarily) {\n            el.parentNode.removeChild(el);\n            this.clipGroup.appendChild(el);\n        }\n\n        // For sub-frames, also move their clipGroup into our clipGroup\n        if (shape.shapeName === 'frame' && shape.clipGroup) {\n            if (shape.clipGroup.parentNode) {\n                shape.clipGroup.parentNode.removeChild(shape.clipGroup);\n            }\n            this.clipGroup.appendChild(shape.clipGroup);\n        }\n    }\n}\n\n    removeShapeFromFrame(shape) {\n    const index = this.containedShapes.indexOf(shape);\n    if (index > -1) {\n        this.containedShapes.splice(index, 1);\n        if (shape.parentFrame === this) {\n            shape.parentFrame = null;\n        }\n\n        // Move shape's group/element back to main SVG if it's in the clipped group\n        const el = shape.group || shape.element;\n        if (el && el.parentNode === this.clipGroup) {\n            this.clipGroup.removeChild(el);\n            svg.appendChild(el);\n        }\n\n        // For sub-frames, also move their clipGroup back to main SVG\n        if (shape.shapeName === 'frame' && shape.clipGroup && shape.clipGroup.parentNode === this.clipGroup) {\n            this.clipGroup.removeChild(shape.clipGroup);\n            svg.appendChild(shape.clipGroup);\n        }\n\n        delete shape.isDraggedOutTemporarily;\n    }\n}\n\n    // Check if a point is inside the frame bounds\n    isPointInFrame(x, y) {\n        // Simple bounding box check (can be enhanced for rotation)\n        return x >= this.x && x <= this.x + this.width &&\n               y >= this.y && y <= this.y + this.height;\n    }\n\n    // Check if a shape overlaps with this frame\n    isShapeInFrame(shape) {\n    if (!shape || shape === this) return false;\n    \n    const shapeX = shape.x || 0;\n    const shapeY = shape.y || 0;\n    const shapeWidth = shape.width || 0;\n    const shapeHeight = shape.height || 0;\n    \n    // Check if the center of the shape is inside the frame (for better UX)\n    const shapeCenterX = shapeX + shapeWidth / 2;\n    const shapeCenterY = shapeY + shapeHeight / 2;\n    \n    return shapeCenterX >= this.x && shapeCenterX <= this.x + this.width &&\n           shapeCenterY >= this.y && shapeCenterY <= this.y + this.height;\n}\n\nupdateContainedShapes(applyClipping = true) {\n    // Check all shapes to see if they should be in this frame\n    if (typeof shapes === 'undefined' || !Array.isArray(shapes)) return;\n    shapes.forEach(shape => {\n        if (shape !== this) {\n            // Skip frames that are larger than or equal to this frame (prevent parent containing child loops)\n            if (shape.shapeName === 'frame') {\n                const shapeArea = (shape.width || 0) * (shape.height || 0);\n                const thisArea = (this.width || 0) * (this.height || 0);\n                if (shapeArea >= thisArea) return;\n            }\n            const isInFrame = this.isShapeInFrame(shape);\n            const isAlreadyContained = this.containedShapes.includes(shape);\n\n            if (isInFrame && !isAlreadyContained) {\n                this.addShapeToFrame(shape);\n                // Don't apply clipping if we're not supposed to\n                if (!applyClipping) {\n                    const el = shape.group || shape.element;\n                    if (el && el.parentNode === this.clipGroup) {\n                        this.clipGroup.removeChild(el);\n                        svg.appendChild(el);\n                        shape.isDraggedOutTemporarily = true;\n                    }\n                }\n            } else if (!isInFrame && isAlreadyContained) {\n                this.removeShapeFromFrame(shape);\n            }\n        }\n    });\n    \n    // Update clip path\n    this.updateClipPath();\n}\n\nhighlightFrame() {\n    if (this.element) {\n        this.element.setAttribute('stroke', '#5B57D1');\n        this.element.setAttribute('stroke-width', '3');\n        this.element.setAttribute('opacity', '0.7');\n    }\n}\n\n// Remove frame highlight\nremoveHighlight() {\n    if (this.element) {\n        this.element.setAttribute('stroke', this.options.stroke);\n        this.element.setAttribute('stroke-width', this.options.strokeWidth);\n        this.element.setAttribute('opacity', this.options.opacity);\n    }\n}\n    \n\nmove(dx, dy) {\n    this.x += dx;\n    this.y += dy;\n\n    // Move all contained shapes with the frame\n    this.containedShapes.forEach(shape => {\n        if (shape) {\n            // Mark shape as being moved by frame to prevent frame containment updates\n            shape.isBeingMovedByFrame = true;\n\n            // Use shape's own move method for proper handling of all shape types\n            if (typeof shape.move === 'function') {\n                shape.move(dx, dy);\n            } else {\n                shape.x += dx;\n                shape.y += dy;\n            }\n\n            // Force redraw for shapes whose move() doesn't auto-redraw\n            if (typeof shape.draw === 'function') {\n                shape.draw();\n            }\n\n            // Update bounding box for freehand strokes\n            if (typeof shape.updateBoundingBox === 'function') {\n                shape.updateBoundingBox();\n            }\n\n            // Remove the flag after movement\n            delete shape.isBeingMovedByFrame;\n        }\n    });\n\n    // Update arrows attached to this frame\n    this.updateAttachedArrows();\n\n    this.draw();\n    this.updateClipPath();\n}\n\n    handleResizeLegacy(anchorIndex, currentPos, startPos, initialFrame) {\n    // Legacy version - superseded by the handleResize below with contained shapes scaling\n    const dx = currentPos.x - startPos.x;\n    const dy = currentPos.y - startPos.y;\n\n    switch (anchorIndex) {\n        case 0: this.x = initialFrame.x + dx; this.y = initialFrame.y + dy; this.width = Math.max(10, initialFrame.width - dx); this.height = Math.max(10, initialFrame.height - dy); break;\n        case 1: this.y = initialFrame.y + dy; this.height = Math.max(10, initialFrame.height - dy); break;\n        case 2: this.y = initialFrame.y + dy; this.width = Math.max(10, initialFrame.width + dx); this.height = Math.max(10, initialFrame.height - dy); break;\n        case 3: this.width = Math.max(10, initialFrame.width + dx); break;\n        case 4: this.width = Math.max(10, initialFrame.width + dx); this.height = Math.max(10, initialFrame.height + dy); break;\n        case 5: this.height = Math.max(10, initialFrame.height + dy); break;\n        case 6: this.x = initialFrame.x + dx; this.width = Math.max(10, initialFrame.width - dx); this.height = Math.max(10, initialFrame.height + dy); break;\n        case 7: this.x = initialFrame.x + dx; this.width = Math.max(10, initialFrame.width - dx); break;\n    }\n    this.updateAttachedArrows();\n    this.updateContainedShapes();\n}\n    destroy() {\n        const isDiagramFrame = !!this._diagramType;\n\n        [...this.containedShapes].forEach(shape => {\n            if (isDiagramFrame) {\n                // Diagram/graph frame: destroy contained shapes with the frame\n                if (typeof window.cleanupAttachments === 'function') {\n                    window.cleanupAttachments(shape);\n                }\n                const el = shape.group || shape.element;\n                if (el && el.parentNode) {\n                    el.parentNode.removeChild(el);\n                }\n                if (shape.shapeName === 'frame') {\n                    if (shape.clipGroup && shape.clipGroup.parentNode) {\n                        shape.clipGroup.parentNode.removeChild(shape.clipGroup);\n                    }\n                    if (shape.clipPath && shape.clipPath.parentNode) {\n                        shape.clipPath.parentNode.removeChild(shape.clipPath);\n                    }\n                }\n                const idx = shapes.indexOf(shape);\n                if (idx > -1) {\n                    shapes.splice(idx, 1);\n                }\n            } else {\n                // Regular frame: release contained shapes back to canvas\n                const el = shape.group || shape.element;\n                if (el) {\n                    if (el.parentNode === this.clipGroup) {\n                        this.clipGroup.removeChild(el);\n                    }\n                    svg.appendChild(el);\n                }\n                if (shape.shapeName === 'frame' && shape.clipGroup) {\n                    if (shape.clipGroup.parentNode === this.clipGroup) {\n                        this.clipGroup.removeChild(shape.clipGroup);\n                    }\n                    svg.appendChild(shape.clipGroup);\n                }\n            }\n            shape.parentFrame = null;\n            delete shape.isBeingMovedByFrame;\n        });\n        this.containedShapes = [];\n\n        // Remove clip path\n        if (this.clipPath && this.clipPath.parentNode) {\n            this.clipPath.parentNode.removeChild(this.clipPath);\n        }\n\n        // Remove groups (clipGroup should be empty now)\n        if (this.clipGroup && this.clipGroup.parentNode) {\n            this.clipGroup.parentNode.removeChild(this.clipGroup);\n        }\n\n        if (this.group && this.group.parentNode) {\n            this.group.parentNode.removeChild(this.group);\n        }\n\n        const index = shapes.indexOf(this);\n        if (index > -1) {\n            shapes.splice(index, 1);\n        }\n        if (currentShape === this) {\n            currentShape = null;\n        }\n    }\n\n    addFrameLabel() {\n    const labelText = document.createElementNS(\"http://www.w3.org/2000/svg\", \"text\");\n    labelText.setAttribute(\"x\", this.x + 5);\n    labelText.setAttribute(\"y\", this.y - 10);\n    labelText.setAttribute(\"font-size\", `${16 / currentZoom}px`);\n    labelText.setAttribute(\"fill\", this.options.labelColor || this.options.stroke);\n    labelText.setAttribute(\"font-family\", \"lixFont\");\n    labelText.textContent = this.frameName || \"Frame\";\n    labelText.style.cursor = \"pointer\";\n    labelText.style.userSelect = \"none\";\n    labelText.style.pointerEvents = \"all\";\n    \n    if (this.rotation !== 0) {\n        const centerX = this.x + this.width / 2;\n        const centerY = this.y + this.height / 2;\n        labelText.setAttribute(\"transform\", `rotate(${this.rotation}, ${centerX}, ${centerY})`);\n    }\n    \n    // Do not let the first click select/redraw the frame: replacing the label\n    // between clicks prevents the browser from ever emitting `dblclick`.\n    labelText.addEventListener('pointerdown', (e) => e.stopPropagation());\n    labelText.addEventListener('click', (e) => e.stopPropagation());\n\n    // Add double-click event for renaming\n    labelText.addEventListener('dblclick', (e) => {\n        e.stopPropagation();\n        this.startLabelEdit(labelText);\n    });\n    \n    this.group.appendChild(labelText);\n    this.labelElement = labelText;\n}\n\nstartLabelEdit(labelElement) {\n    if (this._labelEditor) {\n        this._labelEditor.querySelector('input')?.focus();\n        return;\n    }\n    // Create a foreignObject to hold an HTML input\n    const foreignObject = document.createElementNS(\"http://www.w3.org/2000/svg\", \"foreignObject\");\n    foreignObject.setAttribute(\"x\", this.x + 5);\n    foreignObject.setAttribute(\"y\", this.y - 20);\n    foreignObject.setAttribute(\"width\", Math.max(100, this.width - 10));\n    foreignObject.setAttribute(\"height\", 20);\n    \n    if (this.rotation !== 0) {\n        const centerX = this.x + this.width / 2;\n        const centerY = this.y + this.height / 2;\n        foreignObject.setAttribute(\"transform\", `rotate(${this.rotation}, ${centerX}, ${centerY})`);\n    }\n    \n    // Create input element\n    const input = document.createElement(\"input\");\n    input.type = \"text\";\n    input.value = this.frameName || \"Frame\";\n    const oldName = this.frameName; // Store old name for undo\n    \n    input.style.cssText = `\n        position: absolute;\n        width: 100%;\n        height: 20px;\n        border: 1px solid #5B57D1;\n        background: transparent;\n        color: ${this.options.stroke};\n        font-family: \"lixFont\";\n        font-size: ${15 / currentZoom}px;\n        padding: 2px 10px;\n        margin: 0;\n        outline: none;\n        border-radius: 2px;\n        box-sizing: border-box;\n    `;\n    \n    foreignObject.appendChild(input);\n    this.group.appendChild(foreignObject);\n    this._labelEditor = foreignObject;\n    \n    // Hide the original label\n    labelElement.style.display = \"none\";\n    \n    // Focus and select the text\n    setTimeout(() => {\n        input.focus();\n        input.select();\n    }, 10);\n    \n    let finished = false;\n    const finishEdit = () => {\n        if (finished) return;\n        finished = true;\n        const newName = input.value.trim() || \"Frame\";\n        \n        // Track name change in undo system if it actually changed\n        if (newName !== oldName) {\n            pushTransformAction(this, \n                { \n                    x: this.x, \n                    y: this.y, \n                    width: this.width, \n                    height: this.height, \n                    rotation: this.rotation,\n                    frameName: oldName \n                },\n                { \n                    x: this.x, \n                    y: this.y, \n                    width: this.width, \n                    height: this.height, \n                    rotation: this.rotation,\n                    frameName: newName \n                }\n            );\n        }\n        \n        this.frameName = newName;\n        \n        // Remove the input\n        foreignObject.remove();\n        this._labelEditor = null;\n        \n        // Show and update the label\n        labelElement.style.display = \"block\";\n        labelElement.textContent = this.frameName;\n        \n        this.labelElement = labelElement;\n    };\n    \n    // Handle input events\n    input.addEventListener('blur', finishEdit);\n    input.addEventListener('keydown', (e) => {\n        if (e.key === 'Enter') {\n            e.preventDefault();\n            finishEdit();\n        } else if (e.key === 'Escape') {\n            e.preventDefault();\n            finished = true;\n            // Cancel edit - restore original name\n            foreignObject.remove();\n            this._labelEditor = null;\n            labelElement.style.display = \"block\";\n        }\n    });\n    \n    // Prevent the input from interfering with other interactions\n    input.addEventListener('pointerdown', (e) => e.stopPropagation());\n    input.addEventListener('pointermove', (e) => e.stopPropagation());\n    input.addEventListener('pointerup', (e) => e.stopPropagation());\n}\n    selectFrame() {\n        this.isSelected = true;\n        this.draw();\n        this._showSidebar();\n    }\n\n    _showSidebar() {\n        // React sidebar bridge\n        if (window.__showSidebarForShape) {\n            window.__showSidebarForShape('frame');\n        }\n\n        const sidebar = document.getElementById('frameSideBar');\n        const renameInput = document.getElementById('frameRenameInput');\n        const resizeBtn = document.getElementById('frameResizeToFit');\n        if (!sidebar) return;\n\n        sidebar.classList.remove('hidden');\n\n        if (renameInput) {\n            renameInput.value = this.frameName || 'Frame';\n            // Replace old listener by cloning\n            const newInput = renameInput.cloneNode(true);\n            renameInput.parentNode.replaceChild(newInput, renameInput);\n            newInput.addEventListener('input', () => {\n                const val = newInput.value.trim() || 'Frame';\n                this.frameName = val;\n                if (this.labelElement) this.labelElement.textContent = val;\n            });\n            newInput.addEventListener('keydown', (e) => {\n                if (e.key === 'Enter') newInput.blur();\n            });\n            newInput.addEventListener('pointerdown', (e) => e.stopPropagation());\n        }\n\n        if (resizeBtn) {\n            const newBtn = resizeBtn.cloneNode(true);\n            resizeBtn.parentNode.replaceChild(newBtn, resizeBtn);\n            newBtn.addEventListener('click', () => this.resizeToFit());\n        }\n    }\n\n    resizeToFit() {\n        if (this.containedShapes.length === 0) return;\n\n        let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;\n\n        this.containedShapes.forEach(shape => {\n            if (shape.shapeName === 'arrow' || shape.shapeName === 'line') {\n                [shape.startPoint, shape.endPoint].filter(Boolean).forEach(p => {\n                    minX = Math.min(minX, p.x);\n                    minY = Math.min(minY, p.y);\n                    maxX = Math.max(maxX, p.x);\n                    maxY = Math.max(maxY, p.y);\n                });\n            } else if (typeof shape.x === 'number' && typeof shape.y === 'number') {\n                const w = shape.width || 0;\n                const h = shape.height || 0;\n                minX = Math.min(minX, shape.x);\n                minY = Math.min(minY, shape.y);\n                maxX = Math.max(maxX, shape.x + w);\n                maxY = Math.max(maxY, shape.y + h);\n            }\n        });\n\n        if (!isFinite(minX)) return;\n\n        const padding = 20;\n        const oldState = { x: this.x, y: this.y, width: this.width, height: this.height, rotation: this.rotation };\n\n        this.x = minX - padding;\n        this.y = minY - padding;\n        this.width = (maxX - minX) + padding * 2;\n        this.height = (maxY - minY) + padding * 2;\n\n        pushTransformAction(this, oldState, { x: this.x, y: this.y, width: this.width, height: this.height, rotation: this.rotation });\n        this.draw();\n        this.updateClipPath();\n        this.updateContainedShapes();\n    }\n\n    removeSelection() {\n        this.anchors.forEach(anchor => {\n            if (anchor.parentNode) {\n                anchor.parentNode.removeChild(anchor);\n            }\n        });\n        this.anchors = [];\n        this.isSelected = false;\n        this.draw();\n        const sidebar = document.getElementById('frameSideBar');\n        if (sidebar) sidebar.classList.add('hidden');\n    }\n\n    addAnchors() {\n    const anchorSize = 8 / currentZoom;\n    const anchorStrokeWidth = 2 / currentZoom;\n\n    // Calculate anchor positions (corners + midpoints + rotation handle)\n    const anchorPositions = [\n        { x: this.x, y: this.y, cursor: 'nw-resize', type: 'corner' }, // Top-left\n        { x: this.x + this.width / 2, y: this.y, cursor: 'n-resize', type: 'edge' }, // Top-middle\n        { x: this.x + this.width, y: this.y, cursor: 'ne-resize', type: 'corner' }, // Top-right\n        { x: this.x + this.width, y: this.y + this.height / 2, cursor: 'e-resize', type: 'edge' }, // Right-middle\n        { x: this.x + this.width, y: this.y + this.height, cursor: 'se-resize', type: 'corner' }, // Bottom-right\n        { x: this.x + this.width / 2, y: this.y + this.height, cursor: 's-resize', type: 'edge' }, // Bottom-middle\n        { x: this.x, y: this.y + this.height, cursor: 'sw-resize', type: 'corner' }, // Bottom-left\n        { x: this.x, y: this.y + this.height / 2, cursor: 'w-resize', type: 'edge' }, // Left-middle\n    ];\n\n    // Add rotation handle\n    const rotationHandleDistance = 30 / currentZoom;\n    const rotationHandle = {\n        x: this.x + this.width / 2,\n        y: this.y - rotationHandleDistance,\n        cursor: 'grab',\n        type: 'rotation'\n    };\n    anchorPositions.push(rotationHandle);\n\n    // Create selection outline first (behind anchors)\n    const outline = document.createElementNS('http://www.w3.org/2000/svg', 'rect');\n    outline.setAttribute('x', this.x);\n    outline.setAttribute('y', this.y);\n    outline.setAttribute('width', this.width);\n    outline.setAttribute('height', this.height);\n    outline.setAttribute('fill', 'none');\n    outline.setAttribute('stroke', '#5B57D1');\n    outline.setAttribute('stroke-width', 1.5);\n    outline.setAttribute('vector-effect', 'non-scaling-stroke');\n    outline.setAttribute('stroke-dasharray', '4 2');\n    outline.setAttribute('style', 'pointer-events: none;');\n\n    // Apply rotation to outline if needed\n    if (this.rotation !== 0) {\n        const centerX = this.x + this.width / 2;\n        const centerY = this.y + this.height / 2;\n        outline.setAttribute('transform', `rotate(${this.rotation}, ${centerX}, ${centerY})`);\n    }\n\n    this.group.appendChild(outline);\n    this.selectionOutline = outline;\n\n    anchorPositions.forEach((position, index) => {\n        let anchor;\n        \n        if (position.type === 'rotation') {\n            // Create rotation handle (circle)\n            anchor = document.createElementNS(\"http://www.w3.org/2000/svg\", \"circle\");\n            anchor.setAttribute(\"cx\", position.x);\n            anchor.setAttribute(\"cy\", position.y);\n            anchor.setAttribute(\"r\", 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\n            // Add rotation line\n            const rotationLine = document.createElementNS(\"http://www.w3.org/2000/svg\", \"line\");\n            rotationLine.setAttribute(\"x1\", this.x + this.width / 2);\n            rotationLine.setAttribute(\"y1\", this.y);\n            rotationLine.setAttribute(\"x2\", position.x);\n            rotationLine.setAttribute(\"y2\", position.y);\n            rotationLine.setAttribute(\"stroke\", \"#5B57D1\"); \n            rotationLine.setAttribute(\"stroke-width\", anchorStrokeWidth);\n            rotationLine.setAttribute(\"vector-effect\", \"non-scaling-stroke\");\n\n            // Apply rotation to rotation line if needed\n            if (this.rotation !== 0) {\n                const centerX = this.x + this.width / 2;\n                const centerY = this.y + this.height / 2;\n                rotationLine.setAttribute('transform', `rotate(${this.rotation}, ${centerX}, ${centerY})`);\n            }\n            \n            this.group.appendChild(rotationLine);\n            registerRotationAnchor(anchor, {\n                radius: 8,\n                edgeY: this.y,\n                line: rotationLine,\n                lineEnd: '2',\n            });\n        } else {\n            // Create resize handle (rectangle)\n            anchor = document.createElementNS(\"http://www.w3.org/2000/svg\", \"rect\");\n            anchor.setAttribute(\"x\", position.x - anchorSize / 2);\n            anchor.setAttribute(\"y\", position.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        }\n\n        // Apply rotation to anchor if needed\n        if (this.rotation !== 0) {\n            const centerX = this.x + this.width / 2;\n            const centerY = this.y + this.height / 2;\n            anchor.setAttribute('transform', `rotate(${this.rotation}, ${centerX}, ${centerY})`);\n        }\n\n        anchor.style.cursor = position.cursor;\n        anchor.addEventListener('pointerdown', (e) => this.startAnchorDrag(e, index));\n        \n        this.anchors.push(anchor);\n        this.group.appendChild(anchor);\n    });\n    }\n\n    startAnchorDrag(e, index) {\n        e.stopPropagation();\n        e.preventDefault();\n\n        // Store initial state for undo\n        dragOldPosFrame = {\n            x: this.x,\n            y: this.y,\n            width: this.width,\n            height: this.height,\n            rotation: this.rotation\n        };\n\n        const startMousePos = getSVGCoordsFromMouse(e);\n        const initialFrame = {\n            x: this.x,\n            y: this.y,\n            width: this.width,\n            height: this.height,\n            rotation: this.rotation\n        };\n\n        const onPointerMove = (event) => {\n            const currentMousePos = getSVGCoordsFromMouse(event);\n            \n            if (index === 8) { // Rotation handle\n                this.handleRotation(currentMousePos, initialFrame);\n            } else {\n                this.handleResize(index, currentMousePos, startMousePos, initialFrame);\n            }\n            \n            this.draw();\n            this.updateContainedShapes();\n        };\n\n        const onPointerUp = () => {\n            if (dragOldPosFrame) {\n                const newPos = {\n                    x: this.x,\n                    y: this.y,\n                    width: this.width,\n                    height: this.height,\n                    rotation: this.rotation\n                };\n                pushTransformAction(this, dragOldPosFrame, newPos);\n                dragOldPosFrame = null;\n            }\n            \n            svg.removeEventListener('pointermove', onPointerMove);\n            svg.removeEventListener('pointerup', onPointerUp);\n            svg.style.cursor = 'default';\n        };\n\n        svg.addEventListener('pointermove', onPointerMove);\n        svg.addEventListener('pointerup', onPointerUp);\n    }\n\n    handleRotation(mousePos, initialFrame) {\n        const centerX = initialFrame.x + initialFrame.width / 2;\n        const centerY = initialFrame.y + initialFrame.height / 2;\n        \n        const angle = Math.atan2(mousePos.y - centerY, mousePos.x - centerX);\n        const newRotation = (angle * 180 / Math.PI + 90) % 360;\n        const angleDiff = newRotation - this.rotation;\n        const angleRad = angleDiff * Math.PI / 180;\n        const cosAngle = Math.cos(angleRad);\n        const sinAngle = Math.sin(angleRad);\n        \n        // Store the rotation center for contained shapes\n        const rotationCenter = { x: centerX, y: centerY };\n        \n        // Rotate all contained shapes around the frame's center\n        this.containedShapes.forEach(shape => {\n            if (!shape) return;\n            \n            // Mark shape as being moved by frame to prevent frame containment updates\n            shape.isBeingMovedByFrame = true;\n            \n            switch (shape.shapeName) {\n                case 'rectangle':\n                case 'frame':\n                case 'image':\n                case 'icon':\n                    // Get shape's current center\n                    const shapeCenterX = shape.x + shape.width / 2;\n                    const shapeCenterY = shape.y + shape.height / 2;\n                    \n                    // Calculate relative position from rotation center\n                    const relativeX = shapeCenterX - rotationCenter.x;\n                    const relativeY = shapeCenterY - rotationCenter.y;\n                    \n                    // Apply rotation to get new center position\n                    const newCenterX = rotationCenter.x + (relativeX * cosAngle - relativeY * sinAngle);\n                    const newCenterY = rotationCenter.y + (relativeX * sinAngle + relativeY * cosAngle);\n                    \n                    // Update shape position\n                    shape.x = newCenterX - shape.width / 2;\n                    shape.y = newCenterY - shape.height / 2;\n                    shape.rotation = (shape.rotation || 0) + angleDiff;\n                    \n                    if (typeof shape.draw === 'function') {\n                        shape.draw();\n                    }\n                    break;\n                    \n                case 'circle':\n                    // Get circle's center\n                    const circleCenterX = shape.x;\n                    const circleCenterY = shape.y;\n                    \n                    // Calculate relative position from rotation center\n                    const relativeCircleX = circleCenterX - rotationCenter.x;\n                    const relativeCircleY = circleCenterY - rotationCenter.y;\n                    \n                    // Apply rotation\n                    const newCircleCenterX = rotationCenter.x + (relativeCircleX * cosAngle - relativeCircleY * sinAngle);\n                    const newCircleCenterY = rotationCenter.y + (relativeCircleX * sinAngle + relativeCircleY * cosAngle);\n                    \n                    shape.x = newCircleCenterX;\n                    shape.y = newCircleCenterY;\n                    shape.rotation = (shape.rotation || 0) + angleDiff;\n                    \n                    if (typeof shape.draw === 'function') {\n                        shape.draw();\n                    }\n                    break;\n                    \n                case 'line':\n                case 'arrow':\n                    // Calculate relative positions for start and end points\n                    const relativeStartX = shape.startPoint.x - rotationCenter.x;\n                    const relativeStartY = shape.startPoint.y - rotationCenter.y;\n                    const relativeEndX = shape.endPoint.x - rotationCenter.x;\n                    const relativeEndY = shape.endPoint.y - rotationCenter.y;\n                    \n                    // Apply rotation to both points\n                    const newStartX = rotationCenter.x + (relativeStartX * cosAngle - relativeStartY * sinAngle);\n                    const newStartY = rotationCenter.y + (relativeStartX * sinAngle + relativeStartY * cosAngle);\n                    const newEndX = rotationCenter.x + (relativeEndX * cosAngle - relativeEndY * sinAngle);\n                    const newEndY = rotationCenter.y + (relativeEndX * sinAngle + relativeEndY * cosAngle);\n                    \n                    shape.startPoint.x = newStartX;\n                    shape.startPoint.y = newStartY;\n                    shape.endPoint.x = newEndX;\n                    shape.endPoint.y = newEndY;\n                    \n                    if (shape.shapeName === 'arrow' && shape.arrowCurved && typeof shape.initializeCurveControlPoints === 'function') {\n                        shape.initializeCurveControlPoints();\n                    }\n                    if (typeof shape.draw === 'function') {\n                        shape.draw();\n                    }\n                    break;\n                    \n                case 'text':\n                case 'code':\n                    // Get text/code bounds for center calculation\n                    const textOrCodeEl = shape.group ? (shape.group.querySelector('text') || shape.group.querySelector('foreignObject')) : null;\n                    if (textOrCodeEl) {\n                        const bbox = textOrCodeEl.getBBox();\n                        const transform = shape.group.transform.baseVal.consolidate();\n                        const matrix = transform ? transform.matrix : { e: 0, f: 0 };\n\n                        const textCenterX = bbox.x + matrix.e + bbox.width / 2;\n                        const textCenterY = bbox.y + matrix.f + bbox.height / 2;\n\n                        // Calculate relative position\n                        const relativeTextX = textCenterX - rotationCenter.x;\n                        const relativeTextY = textCenterY - rotationCenter.y;\n\n                        // Apply rotation\n                        const newTextCenterX = rotationCenter.x + (relativeTextX * cosAngle - relativeTextY * sinAngle);\n                        const newTextCenterY = rotationCenter.y + (relativeTextX * sinAngle + relativeTextY * cosAngle);\n\n                        // Update position\n                        const newTransformX = newTextCenterX - bbox.width / 2;\n                        const newTransformY = newTextCenterY - bbox.height / 2;\n                        const newShapeRotation = (shape.rotation || 0) + angleDiff;\n\n                        const textCenterRelativeX = bbox.width / 2;\n                        const textCenterRelativeY = bbox.height / 2;\n\n                        shape.group.setAttribute('transform',\n                            `translate(${newTransformX}, ${newTransformY}) rotate(${newShapeRotation}, ${textCenterRelativeX}, ${textCenterRelativeY})`\n                        );\n\n                        shape.x = newTransformX;\n                        shape.y = newTransformY;\n                        shape.rotation = newShapeRotation;\n                    }\n                    break;\n                    \n                case 'freehandStroke':\n                    if (shape.points && Array.isArray(shape.points)) {\n                        // Rotate each point in the stroke\n                        shape.points = shape.points.map(point => {\n                            if (!Array.isArray(point) || point.length < 2) return point;\n                            \n                            const relativePointX = point[0] - rotationCenter.x;\n                            const relativePointY = point[1] - rotationCenter.y;\n                            \n                            const newPointX = rotationCenter.x + (relativePointX * cosAngle - relativePointY * sinAngle);\n                            const newPointY = rotationCenter.y + (relativePointX * sinAngle + relativePointY * cosAngle);\n                            \n                            return [newPointX, newPointY, point[2] || 0.5];\n                        });\n                        \n                        if (typeof shape.updateBoundingBox === 'function') {\n                            shape.updateBoundingBox();\n                        }\n                        if (typeof shape.draw === 'function') {\n                            shape.draw();\n                        }\n                    }\n                    break;\n            }\n            \n            // Update arrows attached to the contained shape\n            if (typeof shape.updateAttachedArrows === 'function') {\n                shape.updateAttachedArrows();\n            }\n            \n            // Remove the flag after rotation\n            delete shape.isBeingMovedByFrame;\n        });\n        \n        // Update the frame's rotation\n        this.rotation = newRotation;\n        \n        // Update arrows attached to this frame\n        this.updateAttachedArrows();\n    }\n\n    handleResize(anchorIndex, currentPos, startPos, initialFrame) {\n        const rawDx = currentPos.x - startPos.x;\n        const rawDy = currentPos.y - startPos.y;\n\n        // Rotate delta to local (unrotated) space when frame is rotated\n        const rad = (this.rotation || 0) * Math.PI / 180;\n        const cosR = Math.cos(rad);\n        const sinR = Math.sin(rad);\n        const dx = rawDx * cosR + rawDy * sinR;\n        const dy = -rawDx * sinR + rawDy * cosR;\n\n        // Store old frame for scale calculation\n        const oldX = this.x, oldY = this.y, oldW = this.width, oldH = this.height;\n\n        // Compute new dimensions using local-space deltas\n        let newW, newH;\n        // Fixed corner relative to initial frame origin: (fixRelX, fixRelY)\n        let fixRelX, fixRelY;\n\n        switch (anchorIndex) {\n            case 0: // Top-left\n                newW = Math.max(10, initialFrame.width - dx);\n                newH = Math.max(10, initialFrame.height - dy);\n                fixRelX = initialFrame.width; fixRelY = initialFrame.height;\n                break;\n            case 1: // Top-middle\n                newW = initialFrame.width;\n                newH = Math.max(10, initialFrame.height - dy);\n                fixRelX = 0; fixRelY = initialFrame.height;\n                break;\n            case 2: // Top-right\n                newW = Math.max(10, initialFrame.width + dx);\n                newH = Math.max(10, initialFrame.height - dy);\n                fixRelX = 0; fixRelY = initialFrame.height;\n                break;\n            case 3: // Right-middle\n                newW = Math.max(10, initialFrame.width + dx);\n                newH = initialFrame.height;\n                fixRelX = 0; fixRelY = 0;\n                break;\n            case 4: // Bottom-right\n                newW = Math.max(10, initialFrame.width + dx);\n                newH = Math.max(10, initialFrame.height + dy);\n                fixRelX = 0; fixRelY = 0;\n                break;\n            case 5: // Bottom-middle\n                newW = initialFrame.width;\n                newH = Math.max(10, initialFrame.height + dy);\n                fixRelX = 0; fixRelY = 0;\n                break;\n            case 6: // Bottom-left\n                newW = Math.max(10, initialFrame.width - dx);\n                newH = Math.max(10, initialFrame.height + dy);\n                fixRelX = initialFrame.width; fixRelY = 0;\n                break;\n            case 7: // Left-middle\n                newW = Math.max(10, initialFrame.width - dx);\n                newH = initialFrame.height;\n                fixRelX = initialFrame.width; fixRelY = 0;\n                break;\n        }\n\n        // Compute new position using fixed-corner constraint\n        if (this.rotation && this.rotation !== 0) {\n            // Compute rotated world position of the fixed corner in the initial frame\n            const iCX = initialFrame.x + initialFrame.width / 2;\n            const iCY = initialFrame.y + initialFrame.height / 2;\n            const odx = (initialFrame.x + fixRelX) - iCX;\n            const ody = (initialFrame.y + fixRelY) - iCY;\n            const fixedWorldX = iCX + odx * cosR - ody * sinR;\n            const fixedWorldY = iCY + odx * sinR + ody * cosR;\n\n            // Where the fixed corner sits in new rect (relative to new origin)\n            const fixNewRelX = (fixRelX === 0) ? 0 : newW;\n            const fixNewRelY = (fixRelY === 0) ? 0 : newH;\n\n            // Solve for new origin\n            const ncx = newW / 2;\n            const ncy = newH / 2;\n            const ndx = fixNewRelX - ncx;\n            const ndy = fixNewRelY - ncy;\n            const rotX = ncx + ndx * cosR - ndy * sinR;\n            const rotY = ncy + ndx * sinR + ndy * cosR;\n\n            this.x = fixedWorldX - rotX;\n            this.y = fixedWorldY - rotY;\n        } else {\n            // No rotation - use simple axis-aligned position calculation\n            switch (anchorIndex) {\n                case 0: this.x = initialFrame.x + (initialFrame.width - newW); this.y = initialFrame.y + (initialFrame.height - newH); break;\n                case 1: this.y = initialFrame.y + (initialFrame.height - newH); break;\n                case 2: this.y = initialFrame.y + (initialFrame.height - newH); break;\n                case 3: break;\n                case 4: break;\n                case 5: break;\n                case 6: this.x = initialFrame.x + (initialFrame.width - newW); break;\n                case 7: this.x = initialFrame.x + (initialFrame.width - newW); break;\n            }\n        }\n\n        this.width = newW;\n        this.height = newH;\n\n        // Scale contained shapes proportionally so nothing falls out\n        if (oldW > 0 && oldH > 0) {\n            const scaleX = this.width / oldW;\n            const scaleY = this.height / oldH;\n\n            if (Math.abs(scaleX - 1) > 0.001 || Math.abs(scaleY - 1) > 0.001) {\n                this.containedShapes.forEach(shape => {\n                    if (!shape) return;\n                    shape.isBeingMovedByFrame = true;\n\n                    switch (shape.shapeName) {\n                        case 'rectangle':\n                        case 'image':\n                        case 'icon':\n                        case 'code': {\n                            const relX = (shape.x - oldX) / oldW;\n                            const relY = (shape.y - oldY) / oldH;\n                            const relW = shape.width / oldW;\n                            const relH = shape.height / oldH;\n                            shape.x = this.x + relX * this.width;\n                            shape.y = this.y + relY * this.height;\n                            shape.width = relW * this.width;\n                            shape.height = relH * this.height;\n                            if (typeof shape.draw === 'function') shape.draw();\n                            break;\n                        }\n                        case 'circle': {\n                            const relCX = (shape.x - oldX) / oldW;\n                            const relCY = (shape.y - oldY) / oldH;\n                            shape.x = this.x + relCX * this.width;\n                            shape.y = this.y + relCY * this.height;\n                            shape.rx = (shape.rx / oldW) * this.width;\n                            shape.ry = (shape.ry / oldH) * this.height;\n                            shape.width = shape.rx * 2;\n                            shape.height = shape.ry * 2;\n                            if (typeof shape.draw === 'function') shape.draw();\n                            break;\n                        }\n                        case 'arrow':\n                        case 'line': {\n                            const relSX = (shape.startPoint.x - oldX) / oldW;\n                            const relSY = (shape.startPoint.y - oldY) / oldH;\n                            const relEX = (shape.endPoint.x - oldX) / oldW;\n                            const relEY = (shape.endPoint.y - oldY) / oldH;\n                            shape.startPoint.x = this.x + relSX * this.width;\n                            shape.startPoint.y = this.y + relSY * this.height;\n                            shape.endPoint.x = this.x + relEX * this.width;\n                            shape.endPoint.y = this.y + relEY * this.height;\n                            if (shape.controlPoint1) {\n                                const relC1X = (shape.controlPoint1.x - oldX) / oldW;\n                                const relC1Y = (shape.controlPoint1.y - oldY) / oldH;\n                                shape.controlPoint1.x = this.x + relC1X * this.width;\n                                shape.controlPoint1.y = this.y + relC1Y * this.height;\n                            }\n                            if (shape.controlPoint2) {\n                                const relC2X = (shape.controlPoint2.x - oldX) / oldW;\n                                const relC2Y = (shape.controlPoint2.y - oldY) / oldH;\n                                shape.controlPoint2.x = this.x + relC2X * this.width;\n                                shape.controlPoint2.y = this.y + relC2Y * this.height;\n                            }\n                            if (typeof shape.draw === 'function') shape.draw();\n                            break;\n                        }\n                        case 'text': {\n                            const tx = shape.x || 0;\n                            const ty = shape.y || 0;\n                            const relTX = (tx - oldX) / oldW;\n                            const relTY = (ty - oldY) / oldH;\n                            shape.x = this.x + relTX * this.width;\n                            shape.y = this.y + relTY * this.height;\n                            break;\n                        }\n                        case 'freehandStroke': {\n                            // Pie sectors are editable closed freehand polygons.\n                            // Scale their source points with the frame so their\n                            // geometry stays attached instead of being clipped\n                            // at its previous canvas coordinates.\n                            if (Array.isArray(shape.points)) {\n                                shape.points = shape.points.map(point => {\n                                    if (!Array.isArray(point) || point.length < 2) return point;\n                                    const relPX = (point[0] - oldX) / oldW;\n                                    const relPY = (point[1] - oldY) / oldH;\n                                    return [\n                                        this.x + relPX * this.width,\n                                        this.y + relPY * this.height,\n                                        point[2] || 0.5\n                                    ];\n                                });\n                                shape._moveOffsetX = 0;\n                                shape._moveOffsetY = 0;\n                                if (typeof shape.draw === 'function') shape.draw();\n                            }\n                            break;\n                        }\n                    }\n\n                    if (typeof shape.updateAttachedArrows === 'function') {\n                        shape.updateAttachedArrows();\n                    }\n                    delete shape.isBeingMovedByFrame;\n                });\n            }\n        }\n\n        // Update contained shapes visibility\n        this.updateContainedShapes();\n    }\n    \n    temporarilyRemoveFromFrame(shape) {\n    if (shape && shape.parentFrame === this) {\n        // Move shape back to main SVG temporarily (without removing from containedShapes array)\n        const el = shape.group || shape.element;\n        if (el && el.parentNode === this.clipGroup) {\n            this.clipGroup.removeChild(el);\n            svg.appendChild(el);\n        }\n        shape.isDraggedOutTemporarily = true;\n    }\n}\n\n// Add a method to restore clipping for a shape after drag\nrestoreToFrame(shape) {\n    if (shape && shape.parentFrame === this && shape.isDraggedOutTemporarily) {\n        // Move shape back to clipped group\n        const el = shape.group || shape.element;\n        if (el && el.parentNode === svg) {\n            svg.removeChild(el);\n            this.clipGroup.appendChild(el);\n        }\n        delete shape.isDraggedOutTemporarily;\n    }\n}\n\n\n    contains(viewBoxX, viewBoxY) {\n        // Simple point-in-rectangle test (without rotation for now)\n        return viewBoxX >= this.x && viewBoxX <= this.x + this.width &&\n               viewBoxY >= this.y && viewBoxY <= this.y + this.height;\n    }\n\n    // Arrow attachment support (similar to other shapes)\n    getAttachmentPoint(point, tolerance = 20) {\n        const rect = {\n            left: this.x,\n            right: this.x + this.width,\n            top: this.y,\n            bottom: this.y + this.height\n        };\n\n        const distances = {\n            top: Math.abs(point.y - rect.top),\n            bottom: Math.abs(point.y - rect.bottom),\n            left: Math.abs(point.x - rect.left),\n            right: Math.abs(point.x - rect.right)\n        };\n\n        let closestSide = null;\n        let minDistance = tolerance;\n\n        for (let side in distances) {\n            if (distances[side] < minDistance &&\n                ((side === 'top' || side === 'bottom') && point.x >= rect.left && point.x <= rect.right) ||\n                ((side === 'left' || side === 'right') && point.y >= rect.top && point.y <= rect.bottom)) {\n                minDistance = distances[side];\n                closestSide = side;\n            }\n        }\n\n        if (closestSide) {\n            let attachPoint;\n            const offset = { x: 0, y: 0 };\n\n            switch (closestSide) {\n                case 'top':\n                    attachPoint = { x: point.x, y: rect.top };\n                    offset.x = point.x - (rect.left + this.width / 2);\n                    break;\n                case 'bottom':\n                    attachPoint = { x: point.x, y: rect.bottom };\n                    offset.x = point.x - (rect.left + this.width / 2);\n                    break;\n                case 'left':\n                    attachPoint = { x: rect.left, y: point.y };\n                    offset.y = point.y - (rect.top + this.height / 2);\n                    break;\n                case 'right':\n                    attachPoint = { x: rect.right, y: point.y };\n                    offset.y = point.y - (rect.top + this.height / 2);\n                    break;\n            }\n\n            return { point: attachPoint, side: closestSide, offset, shape: this };\n        }\n\n        return null;\n    }\n\n    updateStyle(newOptions) {\n        Object.keys(newOptions).forEach(key => newOptions[key] === undefined && delete newOptions[key]);\n        this.options = { ...this.options, ...newOptions };\n        this.draw();\n    }\n\n    destroy() {\n        const isDiagramFrame = !!this._diagramType;\n\n        [...this.containedShapes].forEach(shape => {\n            if (isDiagramFrame) {\n                // Diagram/graph frame: destroy contained shapes with the frame\n                if (typeof window.cleanupAttachments === 'function') {\n                    window.cleanupAttachments(shape);\n                }\n                const el = shape.group || shape.element;\n                if (el && el.parentNode) {\n                    el.parentNode.removeChild(el);\n                }\n                if (shape.shapeName === 'frame') {\n                    if (shape.clipGroup && shape.clipGroup.parentNode) {\n                        shape.clipGroup.parentNode.removeChild(shape.clipGroup);\n                    }\n                    if (shape.clipPath && shape.clipPath.parentNode) {\n                        shape.clipPath.parentNode.removeChild(shape.clipPath);\n                    }\n                }\n                const idx = shapes.indexOf(shape);\n                if (idx > -1) {\n                    shapes.splice(idx, 1);\n                }\n            } else {\n                // Regular frame: release contained shapes back to canvas\n                const el = shape.group || shape.element;\n                if (el) {\n                    if (el.parentNode === this.clipGroup) {\n                        this.clipGroup.removeChild(el);\n                    }\n                    svg.appendChild(el);\n                }\n                if (shape.shapeName === 'frame' && shape.clipGroup) {\n                    if (shape.clipGroup.parentNode === this.clipGroup) {\n                        this.clipGroup.removeChild(shape.clipGroup);\n                    }\n                    svg.appendChild(shape.clipGroup);\n                }\n            }\n            shape.parentFrame = null;\n            delete shape.isBeingMovedByFrame;\n        });\n        this.containedShapes = [];\n\n        // Remove clip path\n        if (this.clipPath && this.clipPath.parentNode) {\n            this.clipPath.parentNode.removeChild(this.clipPath);\n        }\n\n        // Remove groups (clipGroup should be empty now)\n        if (this.clipGroup && this.clipGroup.parentNode) {\n            this.clipGroup.parentNode.removeChild(this.clipGroup);\n        }\n\n        if (this.group && this.group.parentNode) {\n            this.group.parentNode.removeChild(this.group);\n        }\n\n        const index = shapes.indexOf(this);\n        if (index > -1) {\n            shapes.splice(index, 1);\n        }\n        if (currentShape === this) {\n            currentShape = null;\n        }\n    }\n\n    /**\n     * Set a background image for this frame from a URL.\n     * The image will fit/cover the frame dimensions.\n     * @param {string} url - Image URL\n     * @param {string} fit - 'cover' (default) | 'contain' | 'fill'\n     */\n    setImageFromURL(url, fit = 'cover') {\n        if (!url) {\n            // Remove existing frame image\n            if (this._frameImage && this._frameImage.parentNode) {\n                this._frameImage.parentNode.removeChild(this._frameImage);\n                this._frameImage = null;\n            }\n            this._frameImageURL = null;\n            return;\n        }\n\n        this._frameImageURL = url;\n        this._frameImageFit = fit;\n\n        if (!this._frameImage) {\n            this._frameImage = document.createElementNS('http://www.w3.org/2000/svg', 'image');\n            this._frameImage.setAttribute('pointer-events', 'none');\n        }\n        // Always update preserveAspectRatio when fit changes\n        this._frameImage.setAttribute('preserveAspectRatio',\n            fit === 'cover' ? 'xMidYMid slice' :\n            fit === 'contain' ? 'xMidYMid meet' :\n            fit === 'center' ? 'xMidYMid meet' : 'none'\n        );\n\n        this._frameImage.setAttribute('href', url);\n        this._frameImage.setAttribute('x', this.x);\n        this._frameImage.setAttribute('y', this.y);\n        this._frameImage.setAttribute('width', this.width);\n        this._frameImage.setAttribute('height', this.height);\n\n        if (this.rotation !== 0) {\n            const centerX = this.x + this.width / 2;\n            const centerY = this.y + this.height / 2;\n            this._frameImage.setAttribute('transform', `rotate(${this.rotation}, ${centerX}, ${centerY})`);\n        }\n\n        // Insert image right after the frame rect (below contained shapes)\n        if (this._frameImage.parentNode === this.group) {\n            this.group.removeChild(this._frameImage);\n        }\n        if (this.element && this.element.nextSibling) {\n            this.group.insertBefore(this._frameImage, this.element.nextSibling);\n        } else {\n            this.group.appendChild(this._frameImage);\n        }\n    }\n\n    /**\n     * Update frame image position/size (called during move/resize)\n     */\n    _updateFrameImage() {\n        if (!this._frameImage) return;\n        this._frameImage.setAttribute('x', this.x);\n        this._frameImage.setAttribute('y', this.y);\n        this._frameImage.setAttribute('width', this.width);\n        this._frameImage.setAttribute('height', this.height);\n\n        if (this.rotation !== 0) {\n            const centerX = this.x + this.width / 2;\n            const centerY = this.y + this.height / 2;\n            this._frameImage.setAttribute('transform', `rotate(${this.rotation}, ${centerX}, ${centerY})`);\n        } else {\n            this._frameImage.removeAttribute('transform');\n        }\n    }\n}\n\nexport { Frame };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/react/{chunk-WEWMB35W.js → chunk-OFGJJKPH.js}

@@ -3,14 +3,14 @@ import {
   calculateSnap,
   cleanupAttachments,
   clearSnapGuides
-} from "./chunk-O64N5JPO.js";
+} from "./chunk-YF3TK7SC.js";
 import {
   pushCreateAction,
   pushDeleteAction,
   pushFrameAttachmentAction,
   pushOptionsChangeAction,
   pushTransformAction
-} from "./chunk-MYYBFZD3.js";
+} from "./chunk-U3TB4KRS.js";
 
 // src/tools/circleTool.js
 function getThemeStroke() {
@@ -569,4 +569,4 @@ export {
   handleMouseMove,
   handleMouseUp
 };
-//# sourceMappingURL=chunk-WEWMB35W.js.map
+//# sourceMappingURL=chunk-OFGJJKPH.js.map

package/dist/react/chunk-PAKA6HUX.js

@@ -0,0 +1,59 @@
+"use client";
+
+// src/core/ScreenSpaceControls.js
+var ROTATION_SELECTOR = '[data-screen-space-rotation-anchor="true"]';
+function getZoom() {
+  return Math.max(1e-3, Number(window.currentZoom) || 1);
+}
+function registerRotationAnchor(anchor, options = {}) {
+  if (!anchor) return;
+  const zoom = getZoom();
+  const radius = Number(options.radius) || 8;
+  const gap = Number(options.gap) || 30;
+  const edgeY = Number(options.edgeY);
+  anchor.setAttribute("data-screen-space-rotation-anchor", "true");
+  anchor.setAttribute("data-screen-radius", String(radius));
+  anchor.setAttribute("data-screen-gap", String(gap));
+  anchor.setAttribute("data-applied-zoom", String(zoom));
+  anchor.setAttribute("r", String(radius / zoom));
+  if (Number.isFinite(edgeY)) anchor.setAttribute("cy", String(edgeY - gap / zoom));
+  anchor.__rotationConnector = options.line || null;
+  anchor.__rotationConnectorEnd = options.lineEnd || "2";
+  syncRotationConnector(anchor);
+}
+function syncRotationConnector(anchor) {
+  const line = anchor.__rotationConnector;
+  if (!line) return;
+  const end = anchor.__rotationConnectorEnd === "1" ? "1" : "2";
+  line.setAttribute(`x${end}`, anchor.getAttribute("cx"));
+  line.setAttribute(`y${end}`, anchor.getAttribute("cy"));
+}
+function syncRotationAnchorsToZoom() {
+  if (typeof document === "undefined") return;
+  const zoom = getZoom();
+  document.querySelectorAll(ROTATION_SELECTOR).forEach((anchor) => {
+    const previousZoom = Math.max(1e-3, Number(anchor.getAttribute("data-applied-zoom")) || zoom);
+    if (Math.abs(previousZoom - zoom) < 1e-6) return;
+    const radius = Number(anchor.getAttribute("data-screen-radius")) || 8;
+    const gap = Number(anchor.getAttribute("data-screen-gap")) || 30;
+    const currentY = Number(anchor.getAttribute("cy")) || 0;
+    const edgeY = currentY + gap / previousZoom;
+    anchor.setAttribute("cy", String(edgeY - gap / zoom));
+    anchor.setAttribute("r", String(radius / zoom));
+    anchor.setAttribute("data-applied-zoom", String(zoom));
+    syncRotationConnector(anchor);
+  });
+}
+function installScreenSpaceControlSync(svgElement) {
+  if (!svgElement || typeof MutationObserver === "undefined") return;
+  window.__screenSpaceControlObserver?.disconnect?.();
+  const observer = new MutationObserver(syncRotationAnchorsToZoom);
+  observer.observe(svgElement, { attributes: true, attributeFilter: ["viewBox"] });
+  window.__screenSpaceControlObserver = observer;
+}
+
+export {
+  registerRotationAnchor,
+  installScreenSpaceControlSync
+};
+//# sourceMappingURL=chunk-PAKA6HUX.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/core/ScreenSpaceControls.js"],
+  "sourcesContent": ["/* eslint-disable */\n\nconst ROTATION_SELECTOR = '[data-screen-space-rotation-anchor=\"true\"]';\n\nfunction getZoom() {\n    return Math.max(0.001, Number(window.currentZoom) || 1);\n}\n\nexport function registerRotationAnchor(anchor, options = {}) {\n    if (!anchor) return;\n    const zoom = getZoom();\n    const radius = Number(options.radius) || 8;\n    const gap = Number(options.gap) || 30;\n    const edgeY = Number(options.edgeY);\n\n    anchor.setAttribute('data-screen-space-rotation-anchor', 'true');\n    anchor.setAttribute('data-screen-radius', String(radius));\n    anchor.setAttribute('data-screen-gap', String(gap));\n    anchor.setAttribute('data-applied-zoom', String(zoom));\n    anchor.setAttribute('r', String(radius / zoom));\n    if (Number.isFinite(edgeY)) anchor.setAttribute('cy', String(edgeY - gap / zoom));\n\n    anchor.__rotationConnector = options.line || null;\n    anchor.__rotationConnectorEnd = options.lineEnd || '2';\n    syncRotationConnector(anchor);\n}\n\nfunction syncRotationConnector(anchor) {\n    const line = anchor.__rotationConnector;\n    if (!line) return;\n    const end = anchor.__rotationConnectorEnd === '1' ? '1' : '2';\n    line.setAttribute(`x${end}`, anchor.getAttribute('cx'));\n    line.setAttribute(`y${end}`, anchor.getAttribute('cy'));\n}\n\nexport function syncRotationAnchorsToZoom() {\n    if (typeof document === 'undefined') return;\n    const zoom = getZoom();\n    document.querySelectorAll(ROTATION_SELECTOR).forEach((anchor) => {\n        const previousZoom = Math.max(0.001, Number(anchor.getAttribute('data-applied-zoom')) || zoom);\n        if (Math.abs(previousZoom - zoom) < 0.000001) return;\n        const radius = Number(anchor.getAttribute('data-screen-radius')) || 8;\n        const gap = Number(anchor.getAttribute('data-screen-gap')) || 30;\n        const currentY = Number(anchor.getAttribute('cy')) || 0;\n        const edgeY = currentY + gap / previousZoom;\n\n        anchor.setAttribute('cy', String(edgeY - gap / zoom));\n        anchor.setAttribute('r', String(radius / zoom));\n        anchor.setAttribute('data-applied-zoom', String(zoom));\n        syncRotationConnector(anchor);\n    });\n}\n\nexport function installScreenSpaceControlSync(svgElement) {\n    if (!svgElement || typeof MutationObserver === 'undefined') return;\n    window.__screenSpaceControlObserver?.disconnect?.();\n    const observer = new MutationObserver(syncRotationAnchorsToZoom);\n    observer.observe(svgElement, { attributes: true, attributeFilter: ['viewBox'] });\n    window.__screenSpaceControlObserver = observer;\n}\n"],
+  "mappings": ";;;AAEA,IAAM,oBAAoB;AAE1B,SAAS,UAAU;AACf,SAAO,KAAK,IAAI,MAAO,OAAO,OAAO,WAAW,KAAK,CAAC;AAC1D;AAEO,SAAS,uBAAuB,QAAQ,UAAU,CAAC,GAAG;AACzD,MAAI,CAAC,OAAQ;AACb,QAAM,OAAO,QAAQ;AACrB,QAAM,SAAS,OAAO,QAAQ,MAAM,KAAK;AACzC,QAAM,MAAM,OAAO,QAAQ,GAAG,KAAK;AACnC,QAAM,QAAQ,OAAO,QAAQ,KAAK;AAElC,SAAO,aAAa,qCAAqC,MAAM;AAC/D,SAAO,aAAa,sBAAsB,OAAO,MAAM,CAAC;AACxD,SAAO,aAAa,mBAAmB,OAAO,GAAG,CAAC;AAClD,SAAO,aAAa,qBAAqB,OAAO,IAAI,CAAC;AACrD,SAAO,aAAa,KAAK,OAAO,SAAS,IAAI,CAAC;AAC9C,MAAI,OAAO,SAAS,KAAK,EAAG,QAAO,aAAa,MAAM,OAAO,QAAQ,MAAM,IAAI,CAAC;AAEhF,SAAO,sBAAsB,QAAQ,QAAQ;AAC7C,SAAO,yBAAyB,QAAQ,WAAW;AACnD,wBAAsB,MAAM;AAChC;AAEA,SAAS,sBAAsB,QAAQ;AACnC,QAAM,OAAO,OAAO;AACpB,MAAI,CAAC,KAAM;AACX,QAAM,MAAM,OAAO,2BAA2B,MAAM,MAAM;AAC1D,OAAK,aAAa,IAAI,GAAG,IAAI,OAAO,aAAa,IAAI,CAAC;AACtD,OAAK,aAAa,IAAI,GAAG,IAAI,OAAO,aAAa,IAAI,CAAC;AAC1D;AAEO,SAAS,4BAA4B;AACxC,MAAI,OAAO,aAAa,YAAa;AACrC,QAAM,OAAO,QAAQ;AACrB,WAAS,iBAAiB,iBAAiB,EAAE,QAAQ,CAAC,WAAW;AAC7D,UAAM,eAAe,KAAK,IAAI,MAAO,OAAO,OAAO,aAAa,mBAAmB,CAAC,KAAK,IAAI;AAC7F,QAAI,KAAK,IAAI,eAAe,IAAI,IAAI,KAAU;AAC9C,UAAM,SAAS,OAAO,OAAO,aAAa,oBAAoB,CAAC,KAAK;AACpE,UAAM,MAAM,OAAO,OAAO,aAAa,iBAAiB,CAAC,KAAK;AAC9D,UAAM,WAAW,OAAO,OAAO,aAAa,IAAI,CAAC,KAAK;AACtD,UAAM,QAAQ,WAAW,MAAM;AAE/B,WAAO,aAAa,MAAM,OAAO,QAAQ,MAAM,IAAI,CAAC;AACpD,WAAO,aAAa,KAAK,OAAO,SAAS,IAAI,CAAC;AAC9C,WAAO,aAAa,qBAAqB,OAAO,IAAI,CAAC;AACrD,0BAAsB,MAAM;AAAA,EAChC,CAAC;AACL;AAEO,SAAS,8BAA8B,YAAY;AACtD,MAAI,CAAC,cAAc,OAAO,qBAAqB,YAAa;AAC5D,SAAO,8BAA8B,aAAa;AAClD,QAAM,WAAW,IAAI,iBAAiB,yBAAyB;AAC/D,WAAS,QAAQ,YAAY,EAAE,YAAY,MAAM,iBAAiB,CAAC,SAAS,EAAE,CAAC;AAC/E,SAAO,+BAA+B;AAC1C;",
+  "names": []
+}

package/dist/react/{chunk-HKYUJUD7.js → chunk-PXFPPO3R.js}

@@ -1,4 +1,7 @@
 "use client";
+import {
+  registerRotationAnchor
+} from "./chunk-PAKA6HUX.js";
 
 // src/shapes/FreehandStroke.js
 import { getStroke } from "perfect-freehand";
@@ -489,6 +492,7 @@ var FreehandStroke = class {
     rotationAnchor.style.cursor = "grab";
     rotationAnchor.style.pointerEvents = "all";
     this.group.appendChild(rotationAnchor);
+    registerRotationAnchor(rotationAnchor, { radius: 5, edgeY: expandedY });
     this.rotationAnchor = rotationAnchor;
     const outlinePoints = [
       [expandedX, expandedY],
@@ -604,4 +608,4 @@ var FreehandStroke = class {
 export {
   FreehandStroke
 };
-//# sourceMappingURL=chunk-HKYUJUD7.js.map
+//# sourceMappingURL=chunk-PXFPPO3R.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/shapes/FreehandStroke.js"],
+  "sourcesContent": ["/* eslint-disable */\nimport { getStroke } from \"perfect-freehand\";\nimport { registerRotationAnchor } from '../core/ScreenSpaceControls.js';\n// FreehandStroke shape class - extracted from canvasStroke.js\n// Depends on globals: svg, shapes, currentShape, currentZoom, currentViewBox\n\nfunction getSvgCoordinates(event) {\n    const rect = svg.getBoundingClientRect();\n    const scaleX = currentViewBox.width / rect.width;\n    const scaleY = currentViewBox.height / rect.height;\n\n    const svgX = currentViewBox.x + (event.clientX - rect.left) * scaleX;\n    const svgY = currentViewBox.y + (event.clientY - rect.top) * scaleY;\n\n    return { x: svgX, y: svgY };\n}\n\nfunction getSvgPathFromStroke(stroke) {\n    if (!stroke.length) return '';\n    \n    // Use more sophisticated curve fitting\n    const pathData = [];\n    pathData.push('M', stroke[0][0], stroke[0][1]);\n    \n    for (let i = 1; i < stroke.length - 1; i++) {\n        const curr = stroke[i];\n        const next = stroke[i + 1];\n        \n        // Calculate control points for smoother curves\n        const cpX = curr[0] + (next[0] - curr[0]) * 0.5;\n        const cpY = curr[1] + (next[1] - curr[1]) * 0.5;\n        \n        pathData.push('Q', curr[0], curr[1], cpX, cpY);\n    }\n    \n    // Add final point\n    if (stroke.length > 1) {\n        const lastPoint = stroke[stroke.length - 1];\n        pathData.push('L', lastPoint[0], lastPoint[1]);\n    }\n    \n    return pathData.join(' ');\n}\n\nclass FreehandStroke {\n    constructor(points = [], options = {}) {\n        this.points = points;\n        this.rawPoints = []; \n        this.options = {\n            stroke: \"#fff\",\n            strokeWidth: 3,\n            fill: \"none\",\n            strokeLinecap: \"round\",\n            strokeLinejoin: \"round\",\n            strokeOpacity: 1,\n            thinning: 0.5,\n            roughness: 0,\n            strokeStyle: \"solid\",\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.rotationLine = null;\n        this.selectionPadding = 8;\n        this.selectionOutline = null;\n        this.boundingBox = { x: 0, y: 0, width: 0, height: 0 };\n        this.shapeName = \"freehandStroke\";\n        this._moveOffsetX = 0;\n        this._moveOffsetY = 0;\n\n        // Frame attachment properties\n        this.parentFrame = null;\n        \n        svg.appendChild(this.group);\n        this.draw();\n    }\n\n    // Add position and dimension properties for frame compatibility\n    // Getters include pending move offset so callers see the visual position\n    get x() {\n        return this.boundingBox.x + (this._moveOffsetX || 0);\n    }\n\n    set x(value) {\n        const dx = value - this.boundingBox.x - (this._moveOffsetX || 0);\n        this.points = this.points.map(point => [point[0] + dx, point[1], point[2] || 0.5]);\n        this.boundingBox.x = value - (this._moveOffsetX || 0);\n    }\n\n    get y() {\n        return this.boundingBox.y + (this._moveOffsetY || 0);\n    }\n\n    set y(value) {\n        const dy = value - this.boundingBox.y - (this._moveOffsetY || 0);\n        this.points = this.points.map(point => [point[0], point[1] + dy, point[2] || 0.5]);\n        this.boundingBox.y = value - (this._moveOffsetY || 0);\n    }\n    \n    get width() {\n        return this.boundingBox.width;\n    }\n    \n    set width(value) {\n        if (this.boundingBox.width === 0) return;\n        const scaleX = value / this.boundingBox.width;\n        const centerX = this.boundingBox.x + this.boundingBox.width / 2;\n        this.points = this.points.map(point => [\n            centerX + (point[0] - centerX) * scaleX,\n            point[1],\n            point[2] || 0.5\n        ]);\n        this.boundingBox.width = value;\n    }\n    \n    get height() {\n        return this.boundingBox.height;\n    }\n    \n    set height(value) {\n        if (this.boundingBox.height === 0) return;\n        const scaleY = value / this.boundingBox.height;\n        const centerY = this.boundingBox.y + this.boundingBox.height / 2;\n        this.points = this.points.map(point => [\n            point[0],\n            centerY + (point[1] - centerY) * scaleY,\n            point[2] || 0.5\n        ]);\n        this.boundingBox.height = value;\n    }\n\n    // Enhanced smoothing algorithm\n    smoothPoints(points, factor = 0.8) {\n        if (points.length < 3) return points;\n        \n        const smoothed = [points[0]]; // Keep first point\n        \n        for (let i = 1; i < points.length - 1; i++) {\n            const prev = points[i - 1];\n            const curr = points[i];\n            const next = points[i + 1];\n            \n            // Apply weighted average smoothing\n            const smoothedX = curr[0] * (1 - factor) + (prev[0] + next[0]) * factor * 0.5;\n            const smoothedY = curr[1] * (1 - factor) + (prev[1] + next[1]) * factor * 0.5;\n            const pressure = curr[2] || 0.5;\n            \n            smoothed.push([smoothedX, smoothedY, pressure]);\n        }\n        \n        smoothed.push(points[points.length - 1]); // Keep last point\n        return smoothed;\n    }\n\n    // Interpolate points for smoother curves\n    interpolatePoints(points, steps = 2) {\n        if (points.length < 2) return points;\n        \n        const interpolated = [points[0]];\n        \n        for (let i = 0; i < points.length - 1; i++) {\n            const curr = points[i];\n            const next = points[i + 1];\n            \n            for (let j = 1; j <= steps; j++) {\n                const t = j / (steps + 1);\n                const x = curr[0] + (next[0] - curr[0]) * t;\n                const y = curr[1] + (next[1] - curr[1]) * t;\n                const pressure = curr[2] + (next[2] - curr[2]) * t;\n                interpolated.push([x, y, pressure]);\n            }\n            \n            if (i < points.length - 2) {\n                interpolated.push(next);\n            }\n        }\n        \n        interpolated.push(points[points.length - 1]);\n        return interpolated;\n    }\n\n    // Enhanced path generation with better curve fitting\n    getPathData() {\n        if (this.points.length < 2) return '';\n\n        if (this.options.closedFill) {\n            const [first, ...rest] = this.points;\n            return [`M ${first[0]} ${first[1]}`, ...rest.map(point => `L ${point[0]} ${point[1]}`), 'Z'].join(' ');\n        }\n\n        const isRough = this.options.roughness === \"rough\";\n        const isMedium = this.options.roughness === \"medium\";\n\n        // Roughness: jitter points before smoothing\n        let pts = this.points;\n        if (isRough || isMedium) {\n            const jitter = isRough ? 3.5 : 1.5;\n            pts = pts.map((p, i) => {\n                if (i === 0 || i === pts.length - 1) return p;\n                return [\n                    p[0] + (Math.random() - 0.5) * jitter,\n                    p[1] + (Math.random() - 0.5) * jitter,\n                    p[2] || 0.5\n                ];\n            });\n        }\n\n        let smoothedPoints = this.interpolatePoints(pts, 1);\n        if (!isRough) {\n            smoothedPoints = this.smoothPoints(smoothedPoints, 0.6);\n            smoothedPoints = this.smoothPoints(smoothedPoints, 0.4);\n        }\n\n        const thinning = this.options.thinning !== undefined ? this.options.thinning : 0;\n        const smoothing = isRough ? 0.3 : isMedium ? 0.6 : 0.9;\n        const streamline = isRough ? 0.1 : isMedium ? 0.25 : 0.4;\n\n        const stroke = getStroke(smoothedPoints, {\n            size: this.options.strokeWidth,\n            thinning: thinning,\n            smoothing: smoothing,\n            streamline: streamline,\n            easing: (t) => Math.sin(t * Math.PI * 0.5),\n            start: {\n                taper: thinning > 0 ? this.options.strokeWidth * 2 : 0,\n                easing: (t) => t * t,\n                cap: thinning === 0\n            },\n            end: {\n                taper: thinning > 0 ? this.options.strokeWidth * 2 : 0,\n                easing: (t) => --t * t * t + 1,\n                cap: thinning === 0\n            },\n            simulatePressure: thinning > 0\n        });\n\n        return getSvgPathFromStroke(stroke);\n    }\n\n    // Simple centerline path used for dashed/dotted overlays\n    getCenterlinePathData() {\n        if (this.points.length < 2) return '';\n        const d = [`M ${this.points[0][0]} ${this.points[0][1]}`];\n        for (let i = 1; i < this.points.length - 1; i++) {\n            const curr = this.points[i];\n            const next = this.points[i + 1];\n            const cpX = curr[0] + (next[0] - curr[0]) * 0.5;\n            const cpY = curr[1] + (next[1] - curr[1]) * 0.5;\n            d.push(`Q ${curr[0]} ${curr[1]} ${cpX} ${cpY}`);\n        }\n        const last = this.points[this.points.length - 1];\n        d.push(`L ${last[0]} ${last[1]}`);\n        return d.join(' ');\n    }\n\n    // Calculate the bounding box of the stroke\n    calculateBoundingBox() {\n        if (this.points.length === 0) {\n            return { x: 0, y: 0, width: 0, height: 0 };\n        }\n        \n        let minX = Infinity, minY = Infinity;\n        let maxX = -Infinity, maxY = -Infinity;\n        \n        this.points.forEach(point => {\n            minX = Math.min(minX, point[0]);\n            minY = Math.min(minY, point[1]);\n            maxX = Math.max(maxX, point[0]);\n            maxY = Math.max(maxY, point[1]);\n        });\n        \n        // Ensure we have valid dimensions\n        if (minX === Infinity || minY === Infinity) {\n            return { x: 0, y: 0, width: 0, height: 0 };\n        }\n        \n        // Add padding for stroke width\n        const padding = this.options.strokeWidth / 2;\n        return {\n            x: minX - padding,\n            y: minY - padding,\n            width: Math.max(0, (maxX - minX) + padding * 2),\n            height: Math.max(0, (maxY - minY) + padding * 2)\n        };\n    }\n\n    draw() {\n        while (this.group.firstChild) {\n            this.group.removeChild(this.group.firstChild);\n        }\n\n        if (this.selectionOutline && this.selectionOutline.parentNode === this.group) {\n            this.group.removeChild(this.selectionOutline);\n            this.selectionOutline = null;\n        }\n\n        // Normal freehand paths use the filled outline from perfect-freehand.\n        // Closed-fill paths (pie sectors, polygons) use their actual polygon\n        // geometry with a separate outline, preserving sharp radial edges.\n        const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');\n        const pathData = this.getPathData();\n        path.setAttribute('d', pathData);\n        path.setAttribute('fill', this.options.stroke);\n        path.setAttribute('fill-opacity', this.options.strokeOpacity);\n        path.setAttribute('stroke', this.options.closedFill ? (this.options.outlineStroke || 'none') : 'none');\n        if (this.options.closedFill) {\n            path.setAttribute('stroke-width', this.options.outlineWidth || this.options.strokeWidth || 1);\n            path.setAttribute('stroke-linejoin', 'round');\n            path.setAttribute('vector-effect', 'non-scaling-stroke');\n        }\n\n        // Overlay a dashed/dotted centerline if needed\n        if (this.options.strokeStyle === \"dashed\" || this.options.strokeStyle === \"dotted\") {\n            const dashArray = this.options.strokeStyle === \"dashed\"\n                ? `${this.options.strokeWidth * 3} ${this.options.strokeWidth * 2}`\n                : `${this.options.strokeWidth * 0.5} ${this.options.strokeWidth * 2}`;\n            const overlay = document.createElementNS('http://www.w3.org/2000/svg', 'path');\n            overlay.setAttribute('d', this.getCenterlinePathData());\n            overlay.setAttribute('fill', 'none');\n            overlay.setAttribute('stroke', this.options.stroke);\n            overlay.setAttribute('stroke-width', this.options.strokeWidth);\n            overlay.setAttribute('stroke-linecap', 'round');\n            overlay.setAttribute('stroke-linejoin', 'round');\n            overlay.setAttribute('stroke-dasharray', dashArray);\n            overlay.setAttribute('stroke-opacity', this.options.strokeOpacity);\n            this.group.appendChild(overlay);\n        }\n\n        this.element = path;\n        this.group.appendChild(path);\n\n        // Calculate and store bounding box\n        this.boundingBox = this.calculateBoundingBox();\n\n        // Apply rotation\n        const centerX = this.boundingBox.x + this.boundingBox.width / 2;\n        const centerY = this.boundingBox.y + this.boundingBox.height / 2;\n\n        // Ensure centerX and centerY are valid numbers\n        if (!isNaN(centerX) && !isNaN(centerY)) {\n            this.group.setAttribute('transform', `rotate(${this.rotation} ${centerX} ${centerY})`);\n        }\n\n        if (this.isSelected) {\n            this.addAnchors();\n        }\n    }\n\n    move(dx, dy) {\n        // Diagram polygons (currently pie sectors) are redrawn by their parent\n        // frame after every movement step. Moving them with a deferred SVG\n        // transform therefore loses the visible transform on that redraw while\n        // leaving a hidden offset behind, which makes sectors detach from the\n        // frame and jump the next time they are selected. Keep their geometry\n        // authoritative instead.\n        if (this.options.closedFill) {\n            this.points = this.points.map(point => [\n                point[0] + dx,\n                point[1] + dy,\n                point[2] || 0.5\n            ]);\n            this._moveOffsetX = 0;\n            this._moveOffsetY = 0;\n            this.draw();\n            return;\n        }\n\n        // Accumulate offset for transform-based movement (avoids full path rebuild)\n        this._moveOffsetX = (this._moveOffsetX || 0) + dx;\n        this._moveOffsetY = (this._moveOffsetY || 0) + dy;\n        const centerX = this.boundingBox.x + this.boundingBox.width / 2;\n        const centerY = this.boundingBox.y + this.boundingBox.height / 2;\n        const rot = this.rotation ? `rotate(${this.rotation} ${centerX} ${centerY})` : '';\n        this.group.setAttribute('transform', `translate(${this._moveOffsetX}, ${this._moveOffsetY}) ${rot}`);\n    }\n\n    // Call after drag ends to bake the offset into actual point coordinates\n    finalizeMove() {\n        if (this._moveOffsetX || this._moveOffsetY) {\n            const ox = this._moveOffsetX || 0;\n            const oy = this._moveOffsetY || 0;\n            this.points = this.points.map(point => [point[0] + ox, point[1] + oy, point[2] || 0.5]);\n            this._moveOffsetX = 0;\n            this._moveOffsetY = 0;\n            this.draw();\n        }\n    }\n\n    updateAttachedArrows() {\n        if (typeof window.__updateArrowsForShape === 'function') {\n            window.__updateArrowsForShape(this);\n        }\n    }\n\n    selectStroke() {\n        this.isSelected = true;\n        this.draw();\n        // Show sidebar and update it with current stroke properties\n        disableAllSideBars();\n        paintBrushSideBar.classList.remove(\"hidden\");\n        if (window.__showSidebarForShape) window.__showSidebarForShape('freehandStroke');\n        this.updateSidebar();\n    }\n\n    deselectStroke() {\n        this.isSelected = false;\n        this.anchors = [];\n        this.rotationAnchor = null;\n        this.draw();\n    }\n\n    removeSelection() {\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.rotationLine && this.rotationLine.parentNode === this.group) {\n            this.group.removeChild(this.rotationLine);\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.rotationLine = null;\n        this.selectionOutline = null;\n        this.isSelected = false;\n    }\n\n    // No-op: React sidebar handles UI updates via Zustand store\n    updateSidebar() {}\n\n    contains(x, y) {\n        // Account for pending move offset (during drag, points aren't updated yet)\n        const ox = this._moveOffsetX || 0;\n        const oy = this._moveOffsetY || 0;\n        const bbX = this.boundingBox.x + ox;\n        const bbY = this.boundingBox.y + oy;\n        const centerX = bbX + this.boundingBox.width / 2;\n        const centerY = bbY + this.boundingBox.height / 2;\n\n        // Adjust for rotation\n        const dx = x - centerX;\n        const dy = y - centerY;\n\n        const angleRad = -this.rotation * Math.PI / 180;\n        const rotatedX = dx * Math.cos(angleRad) - dy * Math.sin(angleRad) + centerX;\n        const rotatedY = dx * Math.sin(angleRad) + dy * Math.cos(angleRad) + centerY;\n\n        if (this.options.closedFill && this.points.length >= 3) {\n            const localX = rotatedX - ox;\n            const localY = rotatedY - oy;\n            let inside = false;\n            for (let i = 0, j = this.points.length - 1; i < this.points.length; j = i++) {\n                const xi = this.points[i][0], yi = this.points[i][1];\n                const xj = this.points[j][0], yj = this.points[j][1];\n                const crosses = ((yi > localY) !== (yj > localY))\n                    && (localX < (xj - xi) * (localY - yi) / ((yj - yi) || Number.EPSILON) + xi);\n                if (crosses) inside = !inside;\n            }\n            return inside;\n        }\n\n        return rotatedX >= bbX &&\n               rotatedX <= bbX + this.boundingBox.width &&\n               rotatedY >= bbY &&\n               rotatedY <= bbY + this.boundingBox.height;\n    }\n\n  isNearAnchor(x, y) {\n    if (!this.isSelected) return null;\n    const buffer = 10;\n    const anchorSize = 10 / currentZoom;\n\n    // Account for pending move offset\n    const ox = this._moveOffsetX || 0;\n    const oy = this._moveOffsetY || 0;\n\n    // Transform the input coordinates to account for rotation\n    const centerX = this.boundingBox.x + ox + this.boundingBox.width / 2;\n    const centerY = this.boundingBox.y + oy + this.boundingBox.height / 2;\n\n    // Rotate the mouse coordinates to the shape's local coordinate system\n    const angleRad = -this.rotation * Math.PI / 180;\n    const dx = x - centerX;\n    const dy = y - centerY;\n    const localX = dx * Math.cos(angleRad) - dy * Math.sin(angleRad) + centerX;\n    const localY = dx * Math.sin(angleRad) + dy * Math.cos(angleRad) + centerY;\n\n    // Check resize anchors in local space\n    const expandedX = this.boundingBox.x + ox - this.selectionPadding;\n    const expandedY = this.boundingBox.y + oy - this.selectionPadding;\n    const expandedWidth = this.boundingBox.width + 2 * this.selectionPadding;\n    const expandedHeight = this.boundingBox.height + 2 * this.selectionPadding;\n    \n    const anchorPositions = [\n        { x: expandedX, y: expandedY }, // top-left\n        { x: expandedX + expandedWidth, y: expandedY }, // top-right\n        { x: expandedX, y: expandedY + expandedHeight }, // bottom-left\n        { x: expandedX + expandedWidth, y: expandedY + expandedHeight }, // bottom-right\n        { x: expandedX + expandedWidth / 2, y: expandedY }, // top-center\n        { x: expandedX + expandedWidth / 2, y: expandedY + expandedHeight }, // bottom-center\n        { x: expandedX, y: expandedY + expandedHeight / 2 }, // left-center\n        { x: expandedX + expandedWidth, y: expandedY + expandedHeight / 2 } // right-center\n    ];\n\n    for (let i = 0; i < anchorPositions.length; i++) {\n        const anchor = anchorPositions[i];\n        const distance = Math.sqrt(Math.pow(localX - anchor.x, 2) + Math.pow(localY - anchor.y, 2));\n        if (distance <= anchorSize / 2 + buffer) {\n            return { type: 'resize', index: i };\n        }\n    }\n    \n    // Check rotation anchor (this one stays in world coordinates)\n    if (this.rotationAnchor) {\n        const rotationX = parseFloat(this.rotationAnchor.getAttribute('cx'));\n        const rotationY = parseFloat(this.rotationAnchor.getAttribute('cy'));\n        const distance = Math.sqrt(Math.pow(x - rotationX, 2) + Math.pow(y - rotationY, 2));\n        if (distance <= anchorSize / 2 + buffer) {\n            return { type: 'rotate' };\n        }\n    }\n    \n    return null;\n}\n\n   rotate(angle) {\n    this.rotation = angle;\n    // If anchors exist, update their cursors for the new rotation\n    if (this.isSelected && this.anchors.length > 0) {\n        const cursors = ['nw-resize', 'ne-resize', 'sw-resize', 'se-resize', 'n-resize', 's-resize', 'w-resize', 'e-resize'];\n        this.anchors.forEach((anchor, i) => {\n            if (anchor) {\n                const originalCursor = cursors[i];\n                const rotatedCursor = this.getRotatedCursor(originalCursor, this.rotation);\n                anchor.style.cursor = rotatedCursor;\n            }\n        });\n    }\n}\n\n    addAnchors() {\n    const anchorSize = 10 / currentZoom;\n    const anchorStrokeWidth = 2 / currentZoom;\n    \n    const expandedX = this.boundingBox.x - this.selectionPadding;\n    const expandedY = this.boundingBox.y - this.selectionPadding;\n    const expandedWidth = this.boundingBox.width + 2 * this.selectionPadding;\n    const expandedHeight = this.boundingBox.height + 2 * this.selectionPadding;\n    \n    const positions = [\n        { x: expandedX, y: expandedY, cursor: 'nw-resize' }, // top-left\n        { x: expandedX + expandedWidth, y: expandedY, cursor: 'ne-resize' }, // top-right\n        { x: expandedX, y: expandedY + expandedHeight, cursor: 'sw-resize' }, // bottom-left\n        { x: expandedX + expandedWidth, y: expandedY + expandedHeight, cursor: 'se-resize' }, // bottom-right\n        { x: expandedX + expandedWidth / 2, y: expandedY, cursor: 'n-resize' }, // top-center\n        { x: expandedX + expandedWidth / 2, y: expandedY + expandedHeight, cursor: 's-resize' }, // bottom-center\n        { x: expandedX, y: expandedY + expandedHeight / 2, cursor: 'w-resize' }, // left-center\n        { x: expandedX + expandedWidth, y: expandedY + expandedHeight / 2, cursor: 'e-resize' } // right-center\n    ];\n    \n    // Create resize anchors\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\n        // Set proper cursor for each anchor direction, accounting for rotation\n        const rotatedCursor = this.getRotatedCursor(pos.cursor, this.rotation);\n        anchor.style.cursor = rotatedCursor;\n        anchor.style.pointerEvents = 'all';\n        \n        this.group.appendChild(anchor);\n        this.anchors[i] = anchor;\n    });\n\n    // Create rotation anchor\n    const rotationAnchorDistance = 30 / currentZoom;\n    const rotationX = expandedX + expandedWidth / 2;\n    const rotationY = expandedY - rotationAnchorDistance;\n    \n    const rotationAnchor = document.createElementNS('http://www.w3.org/2000/svg', 'circle');\n    rotationAnchor.setAttribute('cx', rotationX);\n    rotationAnchor.setAttribute('cy', rotationY);\n    rotationAnchor.setAttribute('r', anchorSize / 2);\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('class', 'rotation-anchor');\n    rotationAnchor.style.cursor = 'grab';\n    rotationAnchor.style.pointerEvents = 'all';\n    \n    this.group.appendChild(rotationAnchor);\n    registerRotationAnchor(rotationAnchor, { radius: 5, edgeY: expandedY });\n    this.rotationAnchor = rotationAnchor;\n\n    // Create selection outline\n    const outlinePoints = [\n        [expandedX, expandedY],\n        [expandedX + expandedWidth, expandedY],\n        [expandedX + expandedWidth, expandedY + expandedHeight],\n        [expandedX, expandedY + expandedHeight],\n        [expandedX, expandedY]\n    ];\n    \n    const outline = document.createElementNS('http://www.w3.org/2000/svg', 'polyline');\n    outline.setAttribute('points', outlinePoints.map(p => p.join(',')).join(' '));\n    outline.setAttribute('fill', 'none');\n    outline.setAttribute('stroke', '#5B57D1');\n    outline.setAttribute('stroke-width', 1.5);\n    outline.setAttribute('vector-effect', 'non-scaling-stroke');\n    outline.setAttribute('stroke-dasharray', '4 2');\n    outline.setAttribute('style', 'pointer-events: none;');\n    this.group.appendChild(outline);\n    this.selectionOutline = outline;\n\n    // Add line from rotation anchor to shape\n    const rotationLine = document.createElementNS('http://www.w3.org/2000/svg', 'line');\n    rotationLine.setAttribute('x1', rotationX);\n    rotationLine.setAttribute('y1', rotationY);\n    rotationLine.setAttribute('x2', expandedX + expandedWidth / 2);\n    rotationLine.setAttribute('y2', expandedY);\n    rotationLine.setAttribute('stroke', '#5B57D1');\n    rotationLine.setAttribute('stroke-width', 1);\n    rotationLine.setAttribute('vector-effect', 'non-scaling-stroke');\n    rotationLine.setAttribute('stroke-dasharray', '2 2');\n    rotationLine.setAttribute('style', 'pointer-events: none;');\n    this.group.appendChild(rotationLine);\n    this.rotationLine = rotationLine;\n\n    // Show sidebar when anchors are added (when shape is selected)\n    disableAllSideBars();\n    paintBrushSideBar.classList.remove(\"hidden\");\n    if (window.__showSidebarForShape) window.__showSidebarForShape('freehandStroke');\n    this.updateSidebar();\n}\n\ngetRotatedCursor(direction, angle) {\n    // Normalize angle to 0-360\n    const normalizedAngle = ((angle % 360) + 360) % 360;\n    \n    // Map of cursor directions\n    const cursors = ['n-resize', 'ne-resize', 'e-resize', 'se-resize', 's-resize', 'sw-resize', 'w-resize', 'nw-resize'];\n    const directionMap = {\n        'n-resize': 0,\n        'ne-resize': 1,\n        'e-resize': 2,\n        'se-resize': 3,\n        's-resize': 4,\n        'sw-resize': 5,\n        'w-resize': 6,\n        'nw-resize': 7\n    };\n    \n    if (!(direction in directionMap)) return direction;\n    \n    // Calculate how many 45-degree increments to rotate\n    const rotationSteps = Math.round(normalizedAngle / 45);\n    const currentIndex = directionMap[direction];\n    const newIndex = (currentIndex + rotationSteps) % 8;\n    \n    return cursors[newIndex];\n}\n\n    updatePosition(anchorIndex, newX, newY) {\n    const centerX = this.boundingBox.x + this.boundingBox.width / 2;\n    const centerY = this.boundingBox.y + this.boundingBox.height / 2;\n    \n    // Transform new coordinates to local space (accounting for rotation)\n    const angleRad = -this.rotation * Math.PI / 180;\n    const dx = newX - centerX;\n    const dy = newY - centerY;\n    const localX = dx * Math.cos(angleRad) - dy * Math.sin(angleRad) + centerX;\n    const localY = dx * Math.sin(angleRad) + dy * Math.cos(angleRad) + centerY;\n    \n    // Calculate scale factors based on anchor movement in local space\n    const expandedX = this.boundingBox.x - this.selectionPadding;\n    const expandedY = this.boundingBox.y - this.selectionPadding;\n    const expandedWidth = this.boundingBox.width + 2 * this.selectionPadding;\n    const expandedHeight = this.boundingBox.height + 2 * this.selectionPadding;\n    \n    let scaleX = 1, scaleY = 1;\n    switch(anchorIndex) {\n        case 0: // top-left\n            scaleX = (centerX - localX) / (centerX - expandedX);\n            scaleY = (centerY - localY) / (centerY - expandedY);\n            break;\n        case 1: // top-right\n            scaleX = (localX - centerX) / (expandedX + expandedWidth - centerX);\n            scaleY = (centerY - localY) / (centerY - expandedY);\n            break;\n        case 2: // bottom-left\n            scaleX = (centerX - localX) / (centerX - expandedX);\n            scaleY = (localY - centerY) / (expandedY + expandedHeight - centerY);\n            break;\n        case 3: // bottom-right\n            scaleX = (localX - centerX) / (expandedX + expandedWidth - centerX);\n            scaleY = (localY - centerY) / (expandedY + expandedHeight - centerY);\n            break;\n        case 4: // top-center\n            scaleY = (centerY - localY) / (centerY - expandedY);\n            break;\n        case 5: // bottom-center\n            scaleY = (localY - centerY) / (expandedY + expandedHeight - centerY);\n            break;\n        case 6: // left-center\n            scaleX = (centerX - localX) / (centerX - expandedX);\n            break;\n        case 7: // right-center\n            scaleX = (localX - centerX) / (expandedX + expandedWidth - centerX);\n            break;\n    }\n    \n    // Prevent negative scaling\n    scaleX = Math.max(0.1, Math.abs(scaleX));\n    scaleY = Math.max(0.1, Math.abs(scaleY));\n    \n    // Apply scaling to all points relative to center\n    this.points = this.points.map(point => {\n        const relX = point[0] - centerX;\n        const relY = point[1] - centerY;\n        return [\n            centerX + relX * scaleX,\n            centerY + relY * scaleY,\n            point[2] || 0.5\n        ];\n    });\n    \n    this.draw();\n}\n}\n\nexport { FreehandStroke };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/react/{chunk-6G3ITAS5.js → chunk-SZD7DKYJ.js}

@@ -2,8 +2,9 @@
 import {
   pushCreateAction,
   pushDeleteAction,
+  pushFrameAttachmentAction,
   pushTransformAction
-} from "./chunk-MYYBFZD3.js";
+} from "./chunk-U3TB4KRS.js";
 
 // src/tools/frameTool.js
 var currentFrame = null;
@@ -118,8 +119,11 @@ var handleMouseUp = (e) => {
       currentFrame = null;
       currentShape = null;
     } else {
-      pushCreateAction(currentFrame);
       currentFrame.updateContainedShapes(true);
+      pushCreateAction(currentFrame, {
+        frameCreation: true,
+        containedShapes: [...currentFrame.containedShapes]
+      });
       const placedFrame = currentFrame;
       if (window.__sketchStoreApi) {
         window.__sketchStoreApi.setActiveTool("select", { afterDraw: true });
@@ -148,13 +152,18 @@ var handleMouseUp = (e) => {
   if (!isDragging) {
     shapes.forEach((shape) => {
       if (shape.shapeName !== "frame" && !shape.parentFrame) {
-        shapes.forEach((frame) => {
-          if (frame.shapeName === "frame") {
-            if (frame.isShapeInFrame(shape)) {
-              frame.addShapeToFrame(shape);
-            }
+        let targetFrame = null;
+        for (let i = shapes.length - 1; i >= 0; i--) {
+          const frame = shapes[i];
+          if (frame.shapeName === "frame" && frame.isShapeInFrame(shape)) {
+            targetFrame = frame;
+            break;
           }
-        });
+        }
+        if (targetFrame) {
+          targetFrame.addShapeToFrame(shape);
+          pushFrameAttachmentAction(targetFrame, shape, "attach", null);
+        }
       }
     });
   }
@@ -232,4 +241,4 @@ export {
   handleMouseMove,
   handleMouseUp
 };
-//# sourceMappingURL=chunk-6G3ITAS5.js.map
+//# sourceMappingURL=chunk-SZD7DKYJ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/tools/frameTool.js"],
+  "sourcesContent": ["/* eslint-disable */\n// Frame tool event handlers - extracted from frameHolder.js\nimport { pushCreateAction, pushDeleteAction, pushTransformAction, pushFrameAttachmentAction } from '../core/UndoRedo.js';\nimport { updateAttachedArrows, cleanupAttachments } from './arrowTool.js';\n\nlet currentFrame = null;\nlet isResizing = false;\nlet isDragging = false;\nlet activeAnchor = null;\nlet isDrawingFrame = false;\nlet frameStrokeColor = \"#888\";\nlet frameStrokeThickness = 2;\nlet frameFillColor = \"transparent\";\nlet frameOpacity = 1;\nlet startX, startY;\nlet dragOldPosFrame = null;\n\nfunction getSVGCoordsFromMouse(e) {\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\n\n// Event handlers for frame tool\nconst handleMouseDown = (e) => {\n    if (!isFrameToolActive && !isSelectionToolActive) return;\n\n    const { x, y } = getSVGCoordsFromMouse(e);\n\n    if (isFrameToolActive) {\n        isDrawingFrame = true;\n        startX = x;\n        startY = y;\n        currentFrame = new Frame(x, y, 0, 0, {\n            stroke: frameStrokeColor,\n            strokeWidth: frameStrokeThickness,\n            fill: frameFillColor,\n            opacity: frameOpacity\n        });\n        shapes.push(currentFrame);\n        currentShape = currentFrame;\n    } else if (isSelectionToolActive) {\n        // Handle frame selection \u2014 but first check if a contained shape was clicked\n        for (let i = shapes.length - 1; i >= 0; i--) {\n            if (shapes[i].shapeName === 'frame' && shapes[i].contains(x, y)) {\n                const clickedFrame = shapes[i];\n\n                // Check if click is on a shape inside this frame \u2014 let shape handlers deal with it\n                let clickedContainedShape = false;\n                if (clickedFrame.containedShapes && clickedFrame.containedShapes.length > 0) {\n                    for (let j = clickedFrame.containedShapes.length - 1; j >= 0; j--) {\n                        const inner = clickedFrame.containedShapes[j];\n                        if (inner.contains && inner.contains(x, y)) {\n                            clickedContainedShape = true;\n                            break;\n                        }\n                    }\n                }\n                // If a contained shape was clicked, don't select the frame \u2014\n                // and crucially, clear `currentShape` so the EventDispatcher's\n                // `if (handled && prevShape && !currentShape) handled=false` gate\n                // triggers and the dispatcher falls through to shape-specific\n                // handlers. Without this clear, the dispatcher returns with\n                // `handled=true` and the child shape is never selected (Issue\n                // #22, bug #2).\n                if (clickedContainedShape) {\n                    if (currentShape && currentShape.shapeName === 'frame'\n                        && typeof currentShape.removeSelection === 'function') {\n                        currentShape.removeSelection();\n                    }\n                    currentShape = null;\n                    return;\n                }\n\n                if (currentShape && currentShape !== clickedFrame) {\n                    currentShape.removeSelection();\n                }\n                currentShape = clickedFrame;\n                currentShape.selectFrame();\n\n                // Check for anchor interaction\n                const anchorIndex = typeof currentShape.isNearAnchor === 'function' ? currentShape.isNearAnchor(x, y) : null;\n                if (anchorIndex !== null) {\n                    activeAnchor = anchorIndex;\n                    isResizing = true;\n                } else {\n                    isDragging = true;\n                    startX = x;\n                    startY = y;\n                    dragOldPosFrame = {\n                        x: currentShape.x,\n                        y: currentShape.y,\n                        width: currentShape.width,\n                        height: currentShape.height,\n                        rotation: currentShape.rotation\n                    };\n                }\n                return;\n            }\n        }\n\n        // If no frame was clicked, deselect current\n        if (currentShape && currentShape.shapeName === 'frame') {\n            currentShape.removeSelection();\n            currentShape = null;\n        }\n    }\n};\n\n    const handleMouseMove = (e) => {\n    const { x, y } = getSVGCoordsFromMouse(e);\n\n    if (isDrawingFrame && currentFrame) {\n        const width = Math.abs(x - startX);\n        const height = Math.abs(y - startY);\n        currentFrame.x = Math.min(startX, x);\n        currentFrame.y = Math.min(startY, y);\n        currentFrame.width = width;\n        currentFrame.height = height;\n        currentFrame.draw();\n    } else if (isDragging && currentShape && currentShape.shapeName === 'frame') {\n        const dx = x - startX;\n        const dy = y - startY;\n        \n        // Use the frame's move method which properly handles contained shapes\n        currentShape.move(dx, dy);\n        \n        startX = x;\n        startY = y;\n    }\n};\n\n    const handleMouseUp = (e) => {\n    if (isDrawingFrame && currentFrame) {\n        // Check if frame is too small\n        if (currentFrame.width < 10 || currentFrame.height < 10) {\n            currentFrame.destroy();\n            currentFrame = null;\n            currentShape = null;\n        } else {\n            // Check for shapes that should be contained in the new frame\n            currentFrame.updateContainedShapes(true); // Apply clipping immediately for new frames\n            pushCreateAction(currentFrame, {\n                frameCreation: true,\n                containedShapes: [...currentFrame.containedShapes]\n            });\n\n            // Auto-select the new frame and switch to selection tool\n            const placedFrame = currentFrame;\n            if (window.__sketchStoreApi) {\n                window.__sketchStoreApi.setActiveTool('select', { afterDraw: true });\n            } else {\n                window.isSelectionToolActive = true;\n            }\n            currentShape = placedFrame;\n            placedFrame.selectFrame();\n        }\n        isDrawingFrame = false;\n    }\n\n    if (isDragging && dragOldPosFrame && currentShape) {\n        const newPos = {\n            x: currentShape.x,\n            y: currentShape.y,\n            width: currentShape.width,\n            height: currentShape.height,\n            rotation: currentShape.rotation\n        };\n        pushTransformAction(currentShape, dragOldPosFrame, newPos);\n        dragOldPosFrame = null;\n        \n        // Update frame containment after moving frame (but don't re-move contained shapes)\n        if (currentShape.shapeName === 'frame') {\n            currentShape.updateClipPath();\n        }\n    }\n\n    // Only check frame containment for shapes that aren't already in frames.\n    // Record this fallback attachment too; individual shape tools normally do\n    // it themselves, but restored/imported shapes can reach this path.\n    if (!isDragging) {\n        shapes.forEach(shape => {\n            if (shape.shapeName !== 'frame' && !shape.parentFrame) {\n                let targetFrame = null;\n                for (let i = shapes.length - 1; i >= 0; i--) {\n                    const frame = shapes[i];\n                    if (frame.shapeName === 'frame' && frame.isShapeInFrame(shape)) {\n                        targetFrame = frame;\n                        break;\n                    }\n                }\n                if (targetFrame) {\n                    targetFrame.addShapeToFrame(shape);\n                    pushFrameAttachmentAction(targetFrame, shape, 'attach', null);\n                }\n            }\n        });\n    }\n\n    isDrawingFrame = false;\n    isDragging = false;\n    isResizing = false;\n    activeAnchor = null;\n    svg.style.cursor = 'default';\n};\n\nFrame.prototype.isNearAnchor = function(x, y) {\n    const anchorSize = 10 / currentZoom;\n    \n    // Define anchor positions\n    const anchorPositions = [\n        { x: this.x, y: this.y },\n        { x: this.x + this.width / 2, y: this.y },\n        { x: this.x + this.width, y: this.y },\n        { x: this.x + this.width, y: this.y + this.height / 2 },\n        { x: this.x + this.width, y: this.y + this.height },\n        { x: this.x + this.width / 2, y: this.y + this.height },\n        { x: this.x, y: this.y + this.height },\n        { x: this.x, y: this.y + this.height / 2 },\n        { x: this.x + this.width / 2, y: this.y - 30 / currentZoom } // Rotation handle\n    ];\n\n    for (let i = 0; i < anchorPositions.length; i++) {\n        const pos = anchorPositions[i];\n        const distance = Math.sqrt((x - pos.x) ** 2 + (y - pos.y) ** 2);\n        if (distance <= anchorSize) {\n            return i;\n        }\n    }\n    return null;\n};\n\n// Delete functionality\nfunction deleteCurrentFrame() {\n    if (currentShape && currentShape.shapeName === 'frame') {\n        const frame = currentShape;\n        const isDiagramFrame = !!frame._diagramType;\n\n        // Issue #24 bug #7: regular frame \u2192 orphan children + snapshot\n        // (mirrors deleteSelectedShapes / EngineShortcuts).\n        let childSnapshot = null;\n        if (!isDiagramFrame) {\n            childSnapshot = [...(frame.containedShapes || [])];\n            for (const child of childSnapshot) {\n                if (!child || child === frame) continue;\n                const el = child.group || child.element;\n                if (el) {\n                    if (frame.clipGroup && el.parentNode === frame.clipGroup) frame.clipGroup.removeChild(el);\n                    if (window.svg && el.parentNode !== window.svg) window.svg.appendChild(el);\n                }\n                child.parentFrame = null;\n                delete child.isBeingMovedByFrame;\n            }\n            frame.containedShapes = [];\n        }\n\n        const idx = shapes.indexOf(frame);\n        if (idx !== -1) shapes.splice(idx, 1);\n\n        if (!isDiagramFrame) {\n            if (frame.group && frame.group.parentNode) frame.group.parentNode.removeChild(frame.group);\n            if (frame.clipGroup && frame.clipGroup.parentNode) frame.clipGroup.parentNode.removeChild(frame.clipGroup);\n            if (frame.clipPath && frame.clipPath.parentNode) frame.clipPath.parentNode.removeChild(frame.clipPath);\n        } else if (frame.group && frame.group.parentNode) {\n            frame.group.parentNode.removeChild(frame.group);\n        }\n\n        if (childSnapshot) pushDeleteAction(frame, { childSnapshot });\n        else pushDeleteAction(frame);\n        currentShape = null;\n    }\n}\n\ndocument.addEventListener('keydown', (e) => {\n    if (e.key === 'Delete' && currentShape && currentShape.shapeName === 'frame') {\n        deleteCurrentFrame();\n    }\n});\n\nwindow.Frame = Frame;\n\nexport {\n    handleMouseDown as handleMouseDownFrame,\n    handleMouseMove as handleMouseMoveFrame,\n    handleMouseUp as handleMouseUpFrame\n};\n"],
+  "mappings": ";;;;;;;;;AAKA,IAAI,eAAe;AACnB,IAAI,aAAa;AACjB,IAAI,aAAa;AACjB,IAAI,eAAe;AACnB,IAAI,iBAAiB;AACrB,IAAI,mBAAmB;AACvB,IAAI,uBAAuB;AAC3B,IAAI,iBAAiB;AACrB,IAAI,eAAe;AACnB,IAAI;AAAJ,IAAY;AACZ,IAAI,kBAAkB;AAEtB,SAAS,sBAAsB,GAAG;AAC9B,QAAM,UAAU,IAAI,QAAQ;AAC5B,QAAM,OAAO,IAAI,sBAAsB;AACvC,QAAM,SAAS,EAAE,UAAU,KAAK;AAChC,QAAM,SAAS,EAAE,UAAU,KAAK;AAChC,QAAM,OAAO,QAAQ,IAAK,SAAS,KAAK,QAAS,QAAQ;AACzD,QAAM,OAAO,QAAQ,IAAK,SAAS,KAAK,SAAU,QAAQ;AAC1D,SAAO,EAAE,GAAG,MAAM,GAAG,KAAK;AAC9B;AAIA,IAAM,kBAAkB,CAAC,MAAM;AAC3B,MAAI,CAAC,qBAAqB,CAAC,sBAAuB;AAElD,QAAM,EAAE,GAAG,EAAE,IAAI,sBAAsB,CAAC;AAExC,MAAI,mBAAmB;AACnB,qBAAiB;AACjB,aAAS;AACT,aAAS;AACT,mBAAe,IAAI,MAAM,GAAG,GAAG,GAAG,GAAG;AAAA,MACjC,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA,IACb,CAAC;AACD,WAAO,KAAK,YAAY;AACxB,mBAAe;AAAA,EACnB,WAAW,uBAAuB;AAE9B,aAAS,IAAI,OAAO,SAAS,GAAG,KAAK,GAAG,KAAK;AACzC,UAAI,OAAO,CAAC,EAAE,cAAc,WAAW,OAAO,CAAC,EAAE,SAAS,GAAG,CAAC,GAAG;AAC7D,cAAM,eAAe,OAAO,CAAC;AAG7B,YAAI,wBAAwB;AAC5B,YAAI,aAAa,mBAAmB,aAAa,gBAAgB,SAAS,GAAG;AACzE,mBAAS,IAAI,aAAa,gBAAgB,SAAS,GAAG,KAAK,GAAG,KAAK;AAC/D,kBAAM,QAAQ,aAAa,gBAAgB,CAAC;AAC5C,gBAAI,MAAM,YAAY,MAAM,SAAS,GAAG,CAAC,GAAG;AACxC,sCAAwB;AACxB;AAAA,YACJ;AAAA,UACJ;AAAA,QACJ;AAQA,YAAI,uBAAuB;AACvB,cAAI,gBAAgB,aAAa,cAAc,WACxC,OAAO,aAAa,oBAAoB,YAAY;AACvD,yBAAa,gBAAgB;AAAA,UACjC;AACA,yBAAe;AACf;AAAA,QACJ;AAEA,YAAI,gBAAgB,iBAAiB,cAAc;AAC/C,uBAAa,gBAAgB;AAAA,QACjC;AACA,uBAAe;AACf,qBAAa,YAAY;AAGzB,cAAM,cAAc,OAAO,aAAa,iBAAiB,aAAa,aAAa,aAAa,GAAG,CAAC,IAAI;AACxG,YAAI,gBAAgB,MAAM;AACtB,yBAAe;AACf,uBAAa;AAAA,QACjB,OAAO;AACH,uBAAa;AACb,mBAAS;AACT,mBAAS;AACT,4BAAkB;AAAA,YACd,GAAG,aAAa;AAAA,YAChB,GAAG,aAAa;AAAA,YAChB,OAAO,aAAa;AAAA,YACpB,QAAQ,aAAa;AAAA,YACrB,UAAU,aAAa;AAAA,UAC3B;AAAA,QACJ;AACA;AAAA,MACJ;AAAA,IACJ;AAGA,QAAI,gBAAgB,aAAa,cAAc,SAAS;AACpD,mBAAa,gBAAgB;AAC7B,qBAAe;AAAA,IACnB;AAAA,EACJ;AACJ;AAEI,IAAM,kBAAkB,CAAC,MAAM;AAC/B,QAAM,EAAE,GAAG,EAAE,IAAI,sBAAsB,CAAC;AAExC,MAAI,kBAAkB,cAAc;AAChC,UAAM,QAAQ,KAAK,IAAI,IAAI,MAAM;AACjC,UAAM,SAAS,KAAK,IAAI,IAAI,MAAM;AAClC,iBAAa,IAAI,KAAK,IAAI,QAAQ,CAAC;AACnC,iBAAa,IAAI,KAAK,IAAI,QAAQ,CAAC;AACnC,iBAAa,QAAQ;AACrB,iBAAa,SAAS;AACtB,iBAAa,KAAK;AAAA,EACtB,WAAW,cAAc,gBAAgB,aAAa,cAAc,SAAS;AACzE,UAAM,KAAK,IAAI;AACf,UAAM,KAAK,IAAI;AAGf,iBAAa,KAAK,IAAI,EAAE;AAExB,aAAS;AACT,aAAS;AAAA,EACb;AACJ;AAEI,IAAM,gBAAgB,CAAC,MAAM;AAC7B,MAAI,kBAAkB,cAAc;AAEhC,QAAI,aAAa,QAAQ,MAAM,aAAa,SAAS,IAAI;AACrD,mBAAa,QAAQ;AACrB,qBAAe;AACf,qBAAe;AAAA,IACnB,OAAO;AAEH,mBAAa,sBAAsB,IAAI;AACvC,uBAAiB,cAAc;AAAA,QAC3B,eAAe;AAAA,QACf,iBAAiB,CAAC,GAAG,aAAa,eAAe;AAAA,MACrD,CAAC;AAGD,YAAM,cAAc;AACpB,UAAI,OAAO,kBAAkB;AACzB,eAAO,iBAAiB,cAAc,UAAU,EAAE,WAAW,KAAK,CAAC;AAAA,MACvE,OAAO;AACH,eAAO,wBAAwB;AAAA,MACnC;AACA,qBAAe;AACf,kBAAY,YAAY;AAAA,IAC5B;AACA,qBAAiB;AAAA,EACrB;AAEA,MAAI,cAAc,mBAAmB,cAAc;AAC/C,UAAM,SAAS;AAAA,MACX,GAAG,aAAa;AAAA,MAChB,GAAG,aAAa;AAAA,MAChB,OAAO,aAAa;AAAA,MACpB,QAAQ,aAAa;AAAA,MACrB,UAAU,aAAa;AAAA,IAC3B;AACA,wBAAoB,cAAc,iBAAiB,MAAM;AACzD,sBAAkB;AAGlB,QAAI,aAAa,cAAc,SAAS;AACpC,mBAAa,eAAe;AAAA,IAChC;AAAA,EACJ;AAKA,MAAI,CAAC,YAAY;AACb,WAAO,QAAQ,WAAS;AACpB,UAAI,MAAM,cAAc,WAAW,CAAC,MAAM,aAAa;AACnD,YAAI,cAAc;AAClB,iBAAS,IAAI,OAAO,SAAS,GAAG,KAAK,GAAG,KAAK;AACzC,gBAAM,QAAQ,OAAO,CAAC;AACtB,cAAI,MAAM,cAAc,WAAW,MAAM,eAAe,KAAK,GAAG;AAC5D,0BAAc;AACd;AAAA,UACJ;AAAA,QACJ;AACA,YAAI,aAAa;AACb,sBAAY,gBAAgB,KAAK;AACjC,oCAA0B,aAAa,OAAO,UAAU,IAAI;AAAA,QAChE;AAAA,MACJ;AAAA,IACJ,CAAC;AAAA,EACL;AAEA,mBAAiB;AACjB,eAAa;AACb,eAAa;AACb,iBAAe;AACf,MAAI,MAAM,SAAS;AACvB;AAEA,MAAM,UAAU,eAAe,SAAS,GAAG,GAAG;AAC1C,QAAM,aAAa,KAAK;AAGxB,QAAM,kBAAkB;AAAA,IACpB,EAAE,GAAG,KAAK,GAAG,GAAG,KAAK,EAAE;AAAA,IACvB,EAAE,GAAG,KAAK,IAAI,KAAK,QAAQ,GAAG,GAAG,KAAK,EAAE;AAAA,IACxC,EAAE,GAAG,KAAK,IAAI,KAAK,OAAO,GAAG,KAAK,EAAE;AAAA,IACpC,EAAE,GAAG,KAAK,IAAI,KAAK,OAAO,GAAG,KAAK,IAAI,KAAK,SAAS,EAAE;AAAA,IACtD,EAAE,GAAG,KAAK,IAAI,KAAK,OAAO,GAAG,KAAK,IAAI,KAAK,OAAO;AAAA,IAClD,EAAE,GAAG,KAAK,IAAI,KAAK,QAAQ,GAAG,GAAG,KAAK,IAAI,KAAK,OAAO;AAAA,IACtD,EAAE,GAAG,KAAK,GAAG,GAAG,KAAK,IAAI,KAAK,OAAO;AAAA,IACrC,EAAE,GAAG,KAAK,GAAG,GAAG,KAAK,IAAI,KAAK,SAAS,EAAE;AAAA,IACzC,EAAE,GAAG,KAAK,IAAI,KAAK,QAAQ,GAAG,GAAG,KAAK,IAAI,KAAK,YAAY;AAAA;AAAA,EAC/D;AAEA,WAAS,IAAI,GAAG,IAAI,gBAAgB,QAAQ,KAAK;AAC7C,UAAM,MAAM,gBAAgB,CAAC;AAC7B,UAAM,WAAW,KAAK,MAAM,IAAI,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,CAAC;AAC9D,QAAI,YAAY,YAAY;AACxB,aAAO;AAAA,IACX;AAAA,EACJ;AACA,SAAO;AACX;AAGA,SAAS,qBAAqB;AAC1B,MAAI,gBAAgB,aAAa,cAAc,SAAS;AACpD,UAAM,QAAQ;AACd,UAAM,iBAAiB,CAAC,CAAC,MAAM;AAI/B,QAAI,gBAAgB;AACpB,QAAI,CAAC,gBAAgB;AACjB,sBAAgB,CAAC,GAAI,MAAM,mBAAmB,CAAC,CAAE;AACjD,iBAAW,SAAS,eAAe;AAC/B,YAAI,CAAC,SAAS,UAAU,MAAO;AAC/B,cAAM,KAAK,MAAM,SAAS,MAAM;AAChC,YAAI,IAAI;AACJ,cAAI,MAAM,aAAa,GAAG,eAAe,MAAM,UAAW,OAAM,UAAU,YAAY,EAAE;AACxF,cAAI,OAAO,OAAO,GAAG,eAAe,OAAO,IAAK,QAAO,IAAI,YAAY,EAAE;AAAA,QAC7E;AACA,cAAM,cAAc;AACpB,eAAO,MAAM;AAAA,MACjB;AACA,YAAM,kBAAkB,CAAC;AAAA,IAC7B;AAEA,UAAM,MAAM,OAAO,QAAQ,KAAK;AAChC,QAAI,QAAQ,GAAI,QAAO,OAAO,KAAK,CAAC;AAEpC,QAAI,CAAC,gBAAgB;AACjB,UAAI,MAAM,SAAS,MAAM,MAAM,WAAY,OAAM,MAAM,WAAW,YAAY,MAAM,KAAK;AACzF,UAAI,MAAM,aAAa,MAAM,UAAU,WAAY,OAAM,UAAU,WAAW,YAAY,MAAM,SAAS;AACzG,UAAI,MAAM,YAAY,MAAM,SAAS,WAAY,OAAM,SAAS,WAAW,YAAY,MAAM,QAAQ;AAAA,IACzG,WAAW,MAAM,SAAS,MAAM,MAAM,YAAY;AAC9C,YAAM,MAAM,WAAW,YAAY,MAAM,KAAK;AAAA,IAClD;AAEA,QAAI,cAAe,kBAAiB,OAAO,EAAE,cAAc,CAAC;AAAA,QACvD,kBAAiB,KAAK;AAC3B,mBAAe;AAAA,EACnB;AACJ;AAEA,SAAS,iBAAiB,WAAW,CAAC,MAAM;AACxC,MAAI,EAAE,QAAQ,YAAY,gBAAgB,aAAa,cAAc,SAAS;AAC1E,uBAAmB;AAAA,EACvB;AACJ,CAAC;AAED,OAAO,QAAQ;",
+  "names": []
+}

package/dist/react/{chunk-N7NZLF6P.js → chunk-TKXKJNTX.js}

@@ -1,4 +1,7 @@
 "use client";
+import {
+  registerRotationAnchor
+} from "./chunk-PAKA6HUX.js";
 
 // src/shapes/Circle.js
 var rc = rough.svg(svg);
@@ -278,6 +281,7 @@ var Circle = class {
     this.rotationAnchor.setAttribute("vector-effect", "non-scaling-stroke");
     this.rotationAnchor.setAttribute("style", "pointer-events: all;");
     this.group.appendChild(this.rotationAnchor);
+    registerRotationAnchor(this.rotationAnchor, { radius: 8, edgeY: expandedY });
     this.rotationAnchor.addEventListener("mouseover", function() {
       if (!isResizingShapeCircle && !isDraggingShapeCircle && !isRotatingShapeCircle) {
         svg.style.cursor = "grab";
@@ -656,4 +660,4 @@ var Circle = class {
 export {
   Circle
 };
-//# sourceMappingURL=chunk-N7NZLF6P.js.map
+//# sourceMappingURL=chunk-TKXKJNTX.js.map