@elixpo/lixsketch 5.5.20 → 5.5.21

package/dist/react/{CopyPaste-KJZ34MIP.js → CopyPaste-FJN7K5LS.js}

@@ -4,13 +4,13 @@ import {
 } from "./chunk-MB7VS6MK.js";
 import {
   ImageShape
-} from "./chunk-RFHMFWVR.js";
+} from "./chunk-2FMFOPGW.js";
 import {
   IconShape
-} from "./chunk-C62SXFBL.js";
+} from "./chunk-4TAS67SL.js";
 import {
   Frame
-} from "./chunk-75G7XSZU.js";
+} from "./chunk-KVAQPCUH.js";
 import {
   FreehandStroke
 } from "./chunk-PXFPPO3R.js";
@@ -30,11 +30,11 @@ import {
 } from "./chunk-BT2EIJD4.js";
 import {
   Line
-} from "./chunk-UQBT7F4K.js";
-import "./chunk-O64N5JPO.js";
+} from "./chunk-V2QTYSBK.js";
+import "./chunk-YF3TK7SC.js";
 import {
   pushCreateAction
-} from "./chunk-MYYBFZD3.js";
+} from "./chunk-U3TB4KRS.js";
 import {
   TextShape
 } from "./chunk-PGT3TJOW.js";
@@ -141,7 +141,11 @@ function serializeShape(shape) {
         width: shape.width,
         height: shape.height,
         rotation: shape.rotation,
-        href: el.getAttribute("href") || el.getAttributeNS("http://www.w3.org/1999/xlink", "href") || ""
+        href: el.getAttribute("href") || el.getAttributeNS("http://www.w3.org/1999/xlink", "href") || "",
+        storageProvider: el.getAttribute("data-storage-provider") || null,
+        storageCloudName: el.getAttribute("data-storage-cloud-name") || null,
+        frameType: shape._frameType || null,
+        graphData: shape._frameType === "graph" && shape._graphData ? cloneOptions(shape._graphData) : null
       };
     }
     case "icon": {
@@ -347,9 +351,20 @@ function createShapeFromData(data, offsetX, offsetY) {
       imgEl.setAttribute("data-shape-height", data.height);
       imgEl.setAttribute("preserveAspectRatio", "none");
       imgEl.setAttribute("style", "cursor: pointer;");
+      if (data.storageProvider) imgEl.setAttribute("data-storage-provider", data.storageProvider);
+      if (data.storageCloudName) imgEl.setAttribute("data-storage-cloud-name", data.storageCloudName);
       svgEl.appendChild(imgEl);
       const imageShape = new ImageShape(imgEl);
       imageShape.rotation = data.rotation;
+      if (data.frameType === "graph" && data.graphData) {
+        if (typeof window.__hydrateGraphShape === "function") {
+          window.__hydrateGraphShape(imageShape, data.graphData);
+        } else {
+          imageShape._frameType = "graph";
+          imageShape._graphData = cloneOptions(data.graphData);
+          imageShape.element.setAttribute("data-graph-shape", "true");
+        }
+      }
       return imageShape;
     }
     case "icon": {
@@ -510,22 +525,32 @@ function handlePasteEvent(e) {
         const rawDataUrl = ev.target.result;
         const isSvg = (blob.type || "").toLowerCase() === "image/svg+xml";
         let placedDataUrl = rawDataUrl;
+        let placedSize = blob.size;
         if (!isSvg) {
           try {
             const compressed = await compressImage(rawDataUrl);
-            if (compressed?.dataUrl) placedDataUrl = compressed.dataUrl;
+            if (compressed?.dataUrl) {
+              placedDataUrl = compressed.dataUrl;
+              placedSize = compressed.compressedSize || placedSize;
+            }
           } catch (err) {
             console.warn("[CopyPaste] Pre-placement compression failed, using raw:", err);
           }
         }
-        placeImageFromDataUrl(placedDataUrl);
+        const limit = Number(window.__roomImageLimitBytes) || 2 * 1024 * 1024;
+        const personalStorage = window.__personalCloudinary?.connected && window.__personalCloudinary?.useForUploads;
+        if (!personalStorage && (window.__roomImageBytesUsed || 0) + placedSize > limit) {
+          alert(`Workspace image limit reached (${Math.round(limit / (1024 * 1024))} MB).`);
+          return;
+        }
+        placeImageFromDataUrl(placedDataUrl, placedSize);
       };
       reader.readAsDataURL(blob);
       return;
     }
   }
 }
-function placeImageFromDataUrl(dataUrl) {
+function placeImageFromDataUrl(dataUrl, sizeBytes = 0) {
   const svgEl = getSVGElement();
   if (!svgEl || !window.ImageShape) return;
   const img = new Image();
@@ -548,6 +573,9 @@ function placeImageFromDataUrl(dataUrl) {
     imgEl.setAttribute("data-shape-height", displayH);
     imgEl.setAttribute("type", "image");
     imgEl.setAttribute("preserveAspectRatio", "none");
+    imgEl.__fileSize = sizeBytes;
+    imgEl.setAttribute("data-file-size", String(sizeBytes));
+    window.__roomImageBytesUsed = (window.__roomImageBytesUsed || 0) + sizeBytes;
     svgEl.appendChild(imgEl);
     const imageShape = new ImageShape(imgEl);
     if (window.shapes) window.shapes.push(imageShape);
@@ -571,4 +599,4 @@ export {
   initCopyPaste,
   pasteClipboard
 };
-//# sourceMappingURL=CopyPaste-KJZ34MIP.js.map
+//# sourceMappingURL=CopyPaste-FJN7K5LS.js.map

package/dist/react/CopyPaste-FJN7K5LS.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/core/CopyPaste.js"],
+  "sourcesContent": ["/* eslint-disable */\n// Centralized Copy/Paste system for ALL shape types\n// Supports single and multi-selection copy/paste\n// Pastes at mouse pointer position with offset to prevent stacking\n\nimport { pushCreateAction } from './UndoRedo.js';\nimport { Rectangle } from '../shapes/Rectangle.js';\nimport { Circle } from '../shapes/Circle.js';\nimport { Line } from '../shapes/Line.js';\nimport { Arrow } from '../shapes/Arrow.js';\nimport { FreehandStroke } from '../shapes/FreehandStroke.js';\nimport { Frame } from '../shapes/Frame.js';\nimport { TextShape } from '../shapes/TextShape.js';\nimport { CodeShape } from '../shapes/CodeShape.js';\nimport { ImageShape } from '../shapes/ImageShape.js';\nimport { isAllowedImage, isAllowedImageDataUrl } from '../utils/allowedImageTypes.js';\nimport { compressImage } from '../utils/imageCompressor.js';\nimport { IconShape } from '../shapes/IconShape.js';\n\n// Clipboard storage\nlet clipboard = null; // { shapes: [...clonedData], centerX, centerY }\nlet pasteCount = 0;   // Increments per paste to offset repeated pastes\n\n// Last known mouse position in SVG coordinates\nlet lastMouseSVG = { x: 0, y: 0 };\n\nfunction getSVGElement() {\n    return document.getElementById('freehand-canvas');\n}\n\nfunction getSVGCoordsFromMouse(e) {\n    const svgEl = getSVGElement();\n    if (!svgEl) return { x: 0, y: 0 };\n    const viewBox = svgEl.viewBox.baseVal;\n    const rect = svgEl.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\nfunction cloneOptions(options) {\n    return JSON.parse(JSON.stringify(options));\n}\n\n// ============================================================\n// SERIALIZE: Extract copyable data from a shape\n// ============================================================\nfunction serializeShape(shape) {\n    switch (shape.shapeName) {\n        case 'rectangle':\n            return {\n                type: 'rectangle',\n                x: shape.x,\n                y: shape.y,\n                width: shape.width,\n                height: shape.height,\n                rotation: shape.rotation,\n                options: cloneOptions(shape.options)\n            };\n\n        case 'circle':\n            return {\n                type: 'circle',\n                x: shape.x,\n                y: shape.y,\n                rx: shape.rx,\n                ry: shape.ry,\n                rotation: shape.rotation,\n                options: cloneOptions(shape.options)\n            };\n\n        case 'line':\n            return {\n                type: 'line',\n                startPoint: { x: shape.startPoint.x, y: shape.startPoint.y },\n                endPoint: { x: shape.endPoint.x, y: shape.endPoint.y },\n                controlPoint: shape.controlPoint ? { x: shape.controlPoint.x, y: shape.controlPoint.y } : null,\n                isCurved: shape.isCurved || false,\n                options: cloneOptions(shape.options)\n            };\n\n        case 'arrow':\n            return {\n                type: 'arrow',\n                startPoint: { x: shape.startPoint.x, y: shape.startPoint.y },\n                endPoint: { x: shape.endPoint.x, y: shape.endPoint.y },\n                controlPoint1: shape.controlPoint1 ? { x: shape.controlPoint1.x, y: shape.controlPoint1.y } : null,\n                controlPoint2: shape.controlPoint2 ? { x: shape.controlPoint2.x, y: shape.controlPoint2.y } : null,\n                options: cloneOptions(shape.options),\n                arrowOutlineStyle: shape.arrowOutlineStyle,\n                arrowHeadStyle: shape.arrowHeadStyle,\n                arrowCurved: shape.arrowCurved,\n                arrowCurveAmount: shape.arrowCurveAmount\n            };\n\n        case 'freehandStroke':\n            return {\n                type: 'freehandStroke',\n                points: JSON.parse(JSON.stringify(shape.points)),\n                rotation: shape.rotation,\n                options: cloneOptions(shape.options)\n            };\n\n        case 'frame':\n            return {\n                type: 'frame',\n                x: shape.x,\n                y: shape.y,\n                width: shape.width,\n                height: shape.height,\n                rotation: shape.rotation,\n                frameName: shape.frameName,\n                options: cloneOptions(shape.options)\n            };\n\n        case 'text': {\n            const group = shape.group;\n            const textEl = group.querySelector('text');\n            return {\n                type: 'text',\n                x: shape.x,\n                y: shape.y,\n                rotation: shape.rotation,\n                groupHTML: group.cloneNode(true).outerHTML\n            };\n        }\n\n        case 'code': {\n            const group = shape.group;\n            return {\n                type: 'code',\n                x: shape.x,\n                y: shape.y,\n                rotation: shape.rotation,\n                groupHTML: group.cloneNode(true).outerHTML\n            };\n        }\n\n        case 'image': {\n            const el = shape.element;\n            return {\n                type: 'image',\n                x: shape.x,\n                y: shape.y,\n                width: shape.width,\n                height: shape.height,\n                rotation: shape.rotation,\n                href: el.getAttribute('href') || el.getAttributeNS('http://www.w3.org/1999/xlink', 'href') || '',\n                storageProvider: el.getAttribute('data-storage-provider') || null,\n                storageCloudName: el.getAttribute('data-storage-cloud-name') || null,\n                frameType: shape._frameType || null,\n                graphData: shape._frameType === 'graph' && shape._graphData\n                    ? cloneOptions(shape._graphData)\n                    : null\n            };\n        }\n\n        case 'icon': {\n            const el = shape.element;\n            return {\n                type: 'icon',\n                x: shape.x,\n                y: shape.y,\n                width: shape.width,\n                height: shape.height,\n                rotation: shape.rotation,\n                elementHTML: el.cloneNode(true).outerHTML,\n                viewboxWidth: parseFloat(el.getAttribute('data-viewbox-width')) || 24,\n                viewboxHeight: parseFloat(el.getAttribute('data-viewbox-height')) || 24\n            };\n        }\n\n        default:\n            console.warn('Copy not supported for shape type:', shape.shapeName);\n            return null;\n    }\n}\n\n// ============================================================\n// Get bounding center of a serialized shape\n// ============================================================\nfunction getShapeCenter(data) {\n    switch (data.type) {\n        case 'rectangle':\n        case 'frame':\n            return { x: data.x + data.width / 2, y: data.y + data.height / 2 };\n        case 'circle':\n            return { x: data.x, y: data.y };\n        case 'line':\n            return {\n                x: (data.startPoint.x + data.endPoint.x) / 2,\n                y: (data.startPoint.y + data.endPoint.y) / 2\n            };\n        case 'arrow':\n            return {\n                x: (data.startPoint.x + data.endPoint.x) / 2,\n                y: (data.startPoint.y + data.endPoint.y) / 2\n            };\n        case 'freehandStroke': {\n            if (!data.points.length) return { x: 0, y: 0 };\n            let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;\n            data.points.forEach(p => {\n                if (p[0] < minX) minX = p[0];\n                if (p[1] < minY) minY = p[1];\n                if (p[0] > maxX) maxX = p[0];\n                if (p[1] > maxY) maxY = p[1];\n            });\n            return { x: (minX + maxX) / 2, y: (minY + maxY) / 2 };\n        }\n        case 'text':\n        case 'code':\n            return { x: data.x, y: data.y };\n        case 'image':\n        case 'icon':\n            return { x: data.x + data.width / 2, y: data.y + data.height / 2 };\n        default:\n            return { x: 0, y: 0 };\n    }\n}\n\n// ============================================================\n// DESERIALIZE: Create a new shape from copied data at offset\n// ============================================================\nfunction createShapeFromData(data, offsetX, offsetY) {\n    const svgEl = getSVGElement();\n    if (!svgEl) return null;\n\n    switch (data.type) {\n        case 'rectangle': {\n            const newRect = new Rectangle(\n                data.x + offsetX,\n                data.y + offsetY,\n                data.width,\n                data.height,\n                cloneOptions(data.options)\n            );\n            newRect.rotation = data.rotation;\n            newRect.draw();\n            return newRect;\n        }\n\n        case 'circle': {\n            const newCircle = new Circle(\n                data.x + offsetX,\n                data.y + offsetY,\n                data.rx,\n                data.ry,\n                cloneOptions(data.options)\n            );\n            newCircle.rotation = data.rotation;\n            newCircle.draw();\n            return newCircle;\n        }\n\n        case 'line': {\n            const newLine = new Line(\n                { x: data.startPoint.x + offsetX, y: data.startPoint.y + offsetY },\n                { x: data.endPoint.x + offsetX, y: data.endPoint.y + offsetY },\n                cloneOptions(data.options)\n            );\n            if (data.isCurved && data.controlPoint) {\n                newLine.isCurved = true;\n                newLine.controlPoint = { x: data.controlPoint.x + offsetX, y: data.controlPoint.y + offsetY };\n            }\n            newLine.draw();\n            return newLine;\n        }\n\n        case 'arrow': {\n            const opts = {\n                ...cloneOptions(data.options),\n                arrowOutlineStyle: data.arrowOutlineStyle,\n                arrowHeadStyle: data.arrowHeadStyle,\n                arrowCurved: data.arrowCurved,\n                arrowCurveAmount: data.arrowCurveAmount,\n                controlPoint1: data.controlPoint1 ? { x: data.controlPoint1.x + offsetX, y: data.controlPoint1.y + offsetY } : null,\n                controlPoint2: data.controlPoint2 ? { x: data.controlPoint2.x + offsetX, y: data.controlPoint2.y + offsetY } : null\n            };\n            const newArrow = new Arrow(\n                { x: data.startPoint.x + offsetX, y: data.startPoint.y + offsetY },\n                { x: data.endPoint.x + offsetX, y: data.endPoint.y + offsetY },\n                opts\n            );\n            return newArrow;\n        }\n\n        case 'freehandStroke': {\n            const offsetPoints = data.points.map(p => [\n                p[0] + offsetX,\n                p[1] + offsetY,\n                p[2] || 0.5\n            ]);\n            const newStroke = new FreehandStroke(offsetPoints, cloneOptions(data.options));\n            newStroke.rotation = data.rotation;\n            newStroke.draw();\n            return newStroke;\n        }\n\n        case 'frame': {\n            const newFrame = new Frame(\n                data.x + offsetX,\n                data.y + offsetY,\n                data.width,\n                data.height,\n                { ...cloneOptions(data.options), frameName: data.frameName, rotation: data.rotation }\n            );\n            newFrame.rotation = data.rotation;\n            return newFrame;\n        }\n\n        case 'text': {\n            // Parse the cloned HTML and insert into SVG\n            const tempDiv = document.createElement('div');\n            tempDiv.innerHTML = data.groupHTML;\n            const clonedGroup = tempDiv.firstElementChild;\n            if (!clonedGroup) return null;\n\n            // Generate new unique ID\n            const newID = `text-${String(Date.now()).slice(0, 8)}-${Math.floor(Math.random() * 10000)}`;\n            clonedGroup.setAttribute('id', newID);\n            const textChild = clonedGroup.querySelector('text');\n            if (textChild) textChild.setAttribute('id', `${newID}-text`);\n\n            // Update position\n            const newX = data.x + offsetX;\n            const newY = data.y + offsetY;\n            const rotation = data.rotation || 0;\n            if (textChild && rotation) {\n                try {\n                    const bbox = { x: 0, y: 0, width: 100, height: 30 }; // approximate until appended\n                    clonedGroup.setAttribute('transform', `translate(${newX}, ${newY}) rotate(${rotation}, ${bbox.width / 2}, ${bbox.height / 2})`);\n                } catch (e) {\n                    clonedGroup.setAttribute('transform', `translate(${newX}, ${newY})`);\n                }\n            } else {\n                clonedGroup.setAttribute('transform', `translate(${newX}, ${newY})`);\n            }\n            clonedGroup.setAttribute('data-x', newX);\n            clonedGroup.setAttribute('data-y', newY);\n\n            svgEl.appendChild(clonedGroup);\n\n            const textShape = new TextShape(clonedGroup);\n            return textShape;\n        }\n\n        case 'code': {\n            const tempDiv = document.createElement('div');\n            tempDiv.innerHTML = data.groupHTML;\n            const clonedGroup = tempDiv.firstElementChild;\n            if (!clonedGroup) return null;\n\n            const newID = `code-${String(Date.now()).slice(0, 8)}-${Math.floor(Math.random() * 10000)}`;\n            clonedGroup.setAttribute('id', newID);\n            const codeChild = clonedGroup.querySelector('text');\n            if (codeChild) codeChild.setAttribute('id', `${newID}-code`);\n\n            const newX = data.x + offsetX;\n            const newY = data.y + offsetY;\n            const rotation = data.rotation || 0;\n            if (rotation) {\n                clonedGroup.setAttribute('transform', `translate(${newX}, ${newY}) rotate(${rotation}, 0, 0)`);\n            } else {\n                clonedGroup.setAttribute('transform', `translate(${newX}, ${newY})`);\n            }\n            clonedGroup.setAttribute('data-x', newX);\n            clonedGroup.setAttribute('data-y', newY);\n\n            svgEl.appendChild(clonedGroup);\n\n            const codeShape = new CodeShape(clonedGroup);\n            return codeShape;\n        }\n\n        case 'image': {\n            const imgEl = document.createElementNS('http://www.w3.org/2000/svg', 'image');\n            const newX = data.x + offsetX;\n            const newY = data.y + offsetY;\n            imgEl.setAttribute('x', newX);\n            imgEl.setAttribute('y', newY);\n            imgEl.setAttribute('width', data.width);\n            imgEl.setAttribute('height', data.height);\n            imgEl.setAttribute('href', data.href);\n            imgEl.setAttribute('data-shape-x', newX);\n            imgEl.setAttribute('data-shape-y', newY);\n            imgEl.setAttribute('data-shape-width', data.width);\n            imgEl.setAttribute('data-shape-height', data.height);\n            imgEl.setAttribute('preserveAspectRatio', 'none');\n            imgEl.setAttribute('style', 'cursor: pointer;');\n            if (data.storageProvider) imgEl.setAttribute('data-storage-provider', data.storageProvider);\n            if (data.storageCloudName) imgEl.setAttribute('data-storage-cloud-name', data.storageCloudName);\n\n            // ImageShape constructor moves element into a group and appends to svg\n            svgEl.appendChild(imgEl);\n            const imageShape = new ImageShape(imgEl);\n            imageShape.rotation = data.rotation;\n            if (data.frameType === 'graph' && data.graphData) {\n                if (typeof window.__hydrateGraphShape === 'function') {\n                    window.__hydrateGraphShape(imageShape, data.graphData);\n                } else {\n                    imageShape._frameType = 'graph';\n                    imageShape._graphData = cloneOptions(data.graphData);\n                    imageShape.element.setAttribute('data-graph-shape', 'true');\n                }\n            }\n            return imageShape;\n        }\n\n        case 'icon': {\n            // Parse inside an SVG document. Parsing a copied <g> through an\n            // HTML <div> creates it in the HTML namespace, so it can be added\n            // to shapes[] but the SVG renderer will not paint it.\n            const parser = new DOMParser();\n            const parsed = parser.parseFromString(\n                `<svg xmlns=\"http://www.w3.org/2000/svg\">${data.elementHTML}</svg>`,\n                'image/svg+xml'\n            );\n            const parsedGroup = parsed.querySelector('g');\n            if (!parsedGroup || parsed.querySelector('parsererror')) return null;\n            const clonedEl = svgEl.ownerDocument.importNode(parsedGroup, true);\n\n            const newX = data.x + offsetX;\n            const newY = data.y + offsetY;\n            const newID = `icon-${String(Date.now()).slice(0, 8)}-${Math.floor(Math.random() * 10000)}`;\n            clonedEl.setAttribute('id', newID);\n            clonedEl.setAttribute('x', newX);\n            clonedEl.setAttribute('y', newY);\n            clonedEl.setAttribute('data-shape-x', newX);\n            clonedEl.setAttribute('data-shape-y', newY);\n            clonedEl.setAttribute('data-shape-width', data.width);\n            clonedEl.setAttribute('data-shape-height', data.height);\n            clonedEl.setAttribute('data-shape-rotation', data.rotation);\n            clonedEl.setAttribute('data-viewbox-width', data.viewboxWidth);\n            clonedEl.setAttribute('data-viewbox-height', data.viewboxHeight);\n\n            // Recalculate transform\n            const scale = data.width / Math.max(data.viewboxWidth, data.viewboxHeight);\n            const localCenterX = data.width / 2 / scale;\n            const localCenterY = data.height / 2 / scale;\n            clonedEl.setAttribute('transform', `translate(${newX}, ${newY}) scale(${scale}) rotate(${data.rotation}, ${localCenterX}, ${localCenterY})`);\n\n            svgEl.appendChild(clonedEl);\n\n            const iconShape = new IconShape(clonedEl);\n            return iconShape;\n        }\n\n        default:\n            return null;\n    }\n}\n\n// ============================================================\n// COPY: Serialize currently selected shapes\n// ============================================================\nfunction copySelected() {\n    const shapesToCopy = [];\n\n    // Check multi-selection first\n    if (window.multiSelection && window.multiSelection.selectedShapes && window.multiSelection.selectedShapes.size > 0) {\n        window.multiSelection.selectedShapes.forEach(shape => {\n            const data = serializeShape(shape);\n            if (data) shapesToCopy.push(data);\n        });\n    }\n    // Fall back to single currentShape\n    else if (typeof currentShape !== 'undefined' && currentShape && currentShape.isSelected) {\n        const data = serializeShape(currentShape);\n        if (data) shapesToCopy.push(data);\n    }\n\n    if (shapesToCopy.length === 0) return false;\n\n    // Calculate center of all copied shapes\n    let totalX = 0, totalY = 0;\n    shapesToCopy.forEach(d => {\n        const c = getShapeCenter(d);\n        totalX += c.x;\n        totalY += c.y;\n    });\n    const centerX = totalX / shapesToCopy.length;\n    const centerY = totalY / shapesToCopy.length;\n\n    clipboard = {\n        shapes: shapesToCopy,\n        centerX,\n        centerY\n    };\n    pasteCount = 0;\n\n    return true;\n}\n\n// ============================================================\n// PASTE: Create new shapes from clipboard at mouse position\n// ============================================================\nfunction pasteClipboard() {\n    if (!clipboard || clipboard.shapes.length === 0) return false;\n\n    pasteCount++;\n    const baseOffset = 20 * pasteCount;\n\n    // Calculate paste position: center the group on the mouse pointer\n    const targetX = lastMouseSVG.x;\n    const targetY = lastMouseSVG.y;\n    const groupOffsetX = targetX - clipboard.centerX + baseOffset;\n    const groupOffsetY = targetY - clipboard.centerY + baseOffset;\n\n    // Deselect all currently selected shapes\n    if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n        shapes.forEach(s => {\n            if (s.isSelected && typeof s.removeSelection === 'function') {\n                s.removeSelection();\n                s.isSelected = false;\n            }\n        });\n    }\n    if (window.multiSelection) {\n        window.multiSelection.clearSelection();\n    }\n    if (typeof currentShape !== 'undefined') {\n        currentShape = null;\n    }\n    if (typeof disableAllSideBars === 'function') {\n        disableAllSideBars();\n    }\n\n    const pastedShapes = [];\n\n    clipboard.shapes.forEach(data => {\n        const newShape = createShapeFromData(data, groupOffsetX, groupOffsetY);\n        if (newShape) {\n            if (typeof shapes !== 'undefined' && Array.isArray(shapes)) {\n                shapes.push(newShape);\n            }\n            pushCreateAction(newShape);\n            pastedShapes.push(newShape);\n        }\n    });\n\n    // Select the pasted shapes\n    if (pastedShapes.length === 1) {\n        const s = pastedShapes[0];\n        s.isSelected = true;\n        currentShape = s;\n        if (typeof s.addAnchors === 'function') {\n            s.addAnchors();\n        } else if (typeof s.selectShape === 'function') {\n            s.selectShape();\n        }\n    } else if (pastedShapes.length > 1 && window.multiSelection) {\n        pastedShapes.forEach(s => {\n            window.multiSelection.addShape(s);\n        });\n        window.multiSelection.updateControls();\n    }\n\n    return true;\n}\n\n// ============================================================\n// KEYBOARD HANDLER: Ctrl+C / Ctrl+V\n// ============================================================\nfunction handleCopyPasteKeydown(e) {\n    // Don't intercept if user is typing in an input/textarea/contenteditable\n    const tag = (e.target.tagName || '').toLowerCase();\n    if (tag === 'input' || tag === 'textarea' || e.target.isContentEditable) return;\n\n    if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === 'c') {\n        if (copySelected()) {\n            e.preventDefault();\n        }\n    }\n\n    if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === 'v') {\n        if (pasteClipboard()) {\n            e.preventDefault();\n        }\n    }\n}\n\n// Track mouse position for paste placement\nfunction handleMouseMoveForPaste(e) {\n    const svgEl = getSVGElement();\n    if (!svgEl) return;\n    const viewBox = svgEl.viewBox.baseVal;\n    const rect = svgEl.getBoundingClientRect();\n    const mouseX = e.clientX - rect.left;\n    const mouseY = e.clientY - rect.top;\n    lastMouseSVG.x = viewBox.x + (mouseX / rect.width) * viewBox.width;\n    lastMouseSVG.y = viewBox.y + (mouseY / rect.height) * viewBox.height;\n}\n\n// ============================================================\n// PASTE IMAGE FROM CLIPBOARD (external images, screenshots)\n// ============================================================\nfunction handlePasteEvent(e) {\n    // Don't intercept if user is typing\n    const tag = (e.target.tagName || '').toLowerCase();\n    if (tag === 'input' || tag === 'textarea' || e.target.isContentEditable) return;\n\n    const items = e.clipboardData?.items;\n    if (!items) return;\n\n    for (const item of items) {\n        if (item.type.startsWith('image/')) {\n            e.preventDefault();\n            const blob = item.getAsFile();\n            if (!blob) return;\n\n            // Validate against the canonical allowlist \u2014 clipboard sources\n            // can include animated GIFs / HEIC / TIFF / arbitrary mime types.\n            if (!isAllowedImage(blob)) {\n                console.warn('[CopyPaste] Rejected pasted image type:', blob.type);\n                return;\n            }\n\n            const reader = new FileReader();\n            reader.onload = async (ev) => {\n                const rawDataUrl = ev.target.result;\n                const isSvg = (blob.type || '').toLowerCase() === 'image/svg+xml';\n                let placedDataUrl = rawDataUrl;\n                let placedSize = blob.size;\n                if (!isSvg) {\n                    try {\n                        const compressed = await compressImage(rawDataUrl);\n                        if (compressed?.dataUrl) {\n                            placedDataUrl = compressed.dataUrl;\n                            placedSize = compressed.compressedSize || placedSize;\n                        }\n                    } catch (err) {\n                        console.warn('[CopyPaste] Pre-placement compression failed, using raw:', err);\n                    }\n                }\n                const limit = Number(window.__roomImageLimitBytes) || 2 * 1024 * 1024;\n                const personalStorage = window.__personalCloudinary?.connected && window.__personalCloudinary?.useForUploads;\n                if (!personalStorage && (window.__roomImageBytesUsed || 0) + placedSize > limit) {\n                    alert(`Workspace image limit reached (${Math.round(limit / (1024 * 1024))} MB).`);\n                    return;\n                }\n                placeImageFromDataUrl(placedDataUrl, placedSize);\n            };\n            reader.readAsDataURL(blob);\n            return; // only handle first image\n        }\n    }\n}\n\nfunction placeImageFromDataUrl(dataUrl, sizeBytes = 0) {\n    const svgEl = getSVGElement();\n    if (!svgEl || !window.ImageShape) return;\n\n    const img = new Image();\n    img.onload = () => {\n        const aspectRatio = img.height / img.width;\n        const displayW = Math.min(400, img.width);\n        const displayH = displayW * aspectRatio;\n\n        // Place at center of current viewport\n        const vb = svgEl.viewBox.baseVal;\n        const cx = vb.x + vb.width / 2;\n        const cy = vb.y + vb.height / 2;\n\n        const imgEl = document.createElementNS('http://www.w3.org/2000/svg', 'image');\n        imgEl.setAttribute('href', dataUrl);\n        imgEl.setAttribute('x', cx - displayW / 2);\n        imgEl.setAttribute('y', cy - displayH / 2);\n        imgEl.setAttribute('width', displayW);\n        imgEl.setAttribute('height', displayH);\n        imgEl.setAttribute('data-shape-x', cx - displayW / 2);\n        imgEl.setAttribute('data-shape-y', cy - displayH / 2);\n        imgEl.setAttribute('data-shape-width', displayW);\n        imgEl.setAttribute('data-shape-height', displayH);\n        imgEl.setAttribute('type', 'image');\n        imgEl.setAttribute('preserveAspectRatio', 'none');\n        imgEl.__fileSize = sizeBytes;\n        imgEl.setAttribute('data-file-size', String(sizeBytes));\n        window.__roomImageBytesUsed = (window.__roomImageBytesUsed || 0) + sizeBytes;\n\n        svgEl.appendChild(imgEl);\n        const imageShape = new ImageShape(imgEl);\n        if (window.shapes) window.shapes.push(imageShape);\n        if (window.pushCreateAction) window.pushCreateAction(imageShape);\n\n        // Compress and upload to Cloudinary\n        if (window.uploadImageToCloudinary) {\n            window.uploadImageToCloudinary(imageShape);\n        }\n\n        console.log('[CopyPaste] Pasted image from clipboard');\n    };\n    img.src = dataUrl;\n}\n\n// ============================================================\n// INIT: Set up event listeners\n// ============================================================\nfunction initCopyPaste() {\n    document.addEventListener('keydown', handleCopyPasteKeydown);\n    document.addEventListener('pointermove', handleMouseMoveForPaste);\n    document.addEventListener('paste', handlePasteEvent);\n\n    // Expose for context menu\n    window.copySelected = copySelected;\n    window.pasteClipboard = pasteClipboard;\n}\n\nexport { initCopyPaste, copySelected, pasteClipboard };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAI,YAAY;AAChB,IAAI,aAAa;AAGjB,IAAI,eAAe,EAAE,GAAG,GAAG,GAAG,EAAE;AAEhC,SAAS,gBAAgB;AACrB,SAAO,SAAS,eAAe,iBAAiB;AACpD;AAcA,SAAS,aAAa,SAAS;AAC3B,SAAO,KAAK,MAAM,KAAK,UAAU,OAAO,CAAC;AAC7C;AAKA,SAAS,eAAe,OAAO;AAC3B,UAAQ,MAAM,WAAW;AAAA,IACrB,KAAK;AACD,aAAO;AAAA,QACH,MAAM;AAAA,QACN,GAAG,MAAM;AAAA,QACT,GAAG,MAAM;AAAA,QACT,OAAO,MAAM;AAAA,QACb,QAAQ,MAAM;AAAA,QACd,UAAU,MAAM;AAAA,QAChB,SAAS,aAAa,MAAM,OAAO;AAAA,MACvC;AAAA,IAEJ,KAAK;AACD,aAAO;AAAA,QACH,MAAM;AAAA,QACN,GAAG,MAAM;AAAA,QACT,GAAG,MAAM;AAAA,QACT,IAAI,MAAM;AAAA,QACV,IAAI,MAAM;AAAA,QACV,UAAU,MAAM;AAAA,QAChB,SAAS,aAAa,MAAM,OAAO;AAAA,MACvC;AAAA,IAEJ,KAAK;AACD,aAAO;AAAA,QACH,MAAM;AAAA,QACN,YAAY,EAAE,GAAG,MAAM,WAAW,GAAG,GAAG,MAAM,WAAW,EAAE;AAAA,QAC3D,UAAU,EAAE,GAAG,MAAM,SAAS,GAAG,GAAG,MAAM,SAAS,EAAE;AAAA,QACrD,cAAc,MAAM,eAAe,EAAE,GAAG,MAAM,aAAa,GAAG,GAAG,MAAM,aAAa,EAAE,IAAI;AAAA,QAC1F,UAAU,MAAM,YAAY;AAAA,QAC5B,SAAS,aAAa,MAAM,OAAO;AAAA,MACvC;AAAA,IAEJ,KAAK;AACD,aAAO;AAAA,QACH,MAAM;AAAA,QACN,YAAY,EAAE,GAAG,MAAM,WAAW,GAAG,GAAG,MAAM,WAAW,EAAE;AAAA,QAC3D,UAAU,EAAE,GAAG,MAAM,SAAS,GAAG,GAAG,MAAM,SAAS,EAAE;AAAA,QACrD,eAAe,MAAM,gBAAgB,EAAE,GAAG,MAAM,cAAc,GAAG,GAAG,MAAM,cAAc,EAAE,IAAI;AAAA,QAC9F,eAAe,MAAM,gBAAgB,EAAE,GAAG,MAAM,cAAc,GAAG,GAAG,MAAM,cAAc,EAAE,IAAI;AAAA,QAC9F,SAAS,aAAa,MAAM,OAAO;AAAA,QACnC,mBAAmB,MAAM;AAAA,QACzB,gBAAgB,MAAM;AAAA,QACtB,aAAa,MAAM;AAAA,QACnB,kBAAkB,MAAM;AAAA,MAC5B;AAAA,IAEJ,KAAK;AACD,aAAO;AAAA,QACH,MAAM;AAAA,QACN,QAAQ,KAAK,MAAM,KAAK,UAAU,MAAM,MAAM,CAAC;AAAA,QAC/C,UAAU,MAAM;AAAA,QAChB,SAAS,aAAa,MAAM,OAAO;AAAA,MACvC;AAAA,IAEJ,KAAK;AACD,aAAO;AAAA,QACH,MAAM;AAAA,QACN,GAAG,MAAM;AAAA,QACT,GAAG,MAAM;AAAA,QACT,OAAO,MAAM;AAAA,QACb,QAAQ,MAAM;AAAA,QACd,UAAU,MAAM;AAAA,QAChB,WAAW,MAAM;AAAA,QACjB,SAAS,aAAa,MAAM,OAAO;AAAA,MACvC;AAAA,IAEJ,KAAK,QAAQ;AACT,YAAM,QAAQ,MAAM;AACpB,YAAM,SAAS,MAAM,cAAc,MAAM;AACzC,aAAO;AAAA,QACH,MAAM;AAAA,QACN,GAAG,MAAM;AAAA,QACT,GAAG,MAAM;AAAA,QACT,UAAU,MAAM;AAAA,QAChB,WAAW,MAAM,UAAU,IAAI,EAAE;AAAA,MACrC;AAAA,IACJ;AAAA,IAEA,KAAK,QAAQ;AACT,YAAM,QAAQ,MAAM;AACpB,aAAO;AAAA,QACH,MAAM;AAAA,QACN,GAAG,MAAM;AAAA,QACT,GAAG,MAAM;AAAA,QACT,UAAU,MAAM;AAAA,QAChB,WAAW,MAAM,UAAU,IAAI,EAAE;AAAA,MACrC;AAAA,IACJ;AAAA,IAEA,KAAK,SAAS;AACV,YAAM,KAAK,MAAM;AACjB,aAAO;AAAA,QACH,MAAM;AAAA,QACN,GAAG,MAAM;AAAA,QACT,GAAG,MAAM;AAAA,QACT,OAAO,MAAM;AAAA,QACb,QAAQ,MAAM;AAAA,QACd,UAAU,MAAM;AAAA,QAChB,MAAM,GAAG,aAAa,MAAM,KAAK,GAAG,eAAe,gCAAgC,MAAM,KAAK;AAAA,QAC9F,iBAAiB,GAAG,aAAa,uBAAuB,KAAK;AAAA,QAC7D,kBAAkB,GAAG,aAAa,yBAAyB,KAAK;AAAA,QAChE,WAAW,MAAM,cAAc;AAAA,QAC/B,WAAW,MAAM,eAAe,WAAW,MAAM,aAC3C,aAAa,MAAM,UAAU,IAC7B;AAAA,MACV;AAAA,IACJ;AAAA,IAEA,KAAK,QAAQ;AACT,YAAM,KAAK,MAAM;AACjB,aAAO;AAAA,QACH,MAAM;AAAA,QACN,GAAG,MAAM;AAAA,QACT,GAAG,MAAM;AAAA,QACT,OAAO,MAAM;AAAA,QACb,QAAQ,MAAM;AAAA,QACd,UAAU,MAAM;AAAA,QAChB,aAAa,GAAG,UAAU,IAAI,EAAE;AAAA,QAChC,cAAc,WAAW,GAAG,aAAa,oBAAoB,CAAC,KAAK;AAAA,QACnE,eAAe,WAAW,GAAG,aAAa,qBAAqB,CAAC,KAAK;AAAA,MACzE;AAAA,IACJ;AAAA,IAEA;AACI,cAAQ,KAAK,sCAAsC,MAAM,SAAS;AAClE,aAAO;AAAA,EACf;AACJ;AAKA,SAAS,eAAe,MAAM;AAC1B,UAAQ,KAAK,MAAM;AAAA,IACf,KAAK;AAAA,IACL,KAAK;AACD,aAAO,EAAE,GAAG,KAAK,IAAI,KAAK,QAAQ,GAAG,GAAG,KAAK,IAAI,KAAK,SAAS,EAAE;AAAA,IACrE,KAAK;AACD,aAAO,EAAE,GAAG,KAAK,GAAG,GAAG,KAAK,EAAE;AAAA,IAClC,KAAK;AACD,aAAO;AAAA,QACH,IAAI,KAAK,WAAW,IAAI,KAAK,SAAS,KAAK;AAAA,QAC3C,IAAI,KAAK,WAAW,IAAI,KAAK,SAAS,KAAK;AAAA,MAC/C;AAAA,IACJ,KAAK;AACD,aAAO;AAAA,QACH,IAAI,KAAK,WAAW,IAAI,KAAK,SAAS,KAAK;AAAA,QAC3C,IAAI,KAAK,WAAW,IAAI,KAAK,SAAS,KAAK;AAAA,MAC/C;AAAA,IACJ,KAAK,kBAAkB;AACnB,UAAI,CAAC,KAAK,OAAO,OAAQ,QAAO,EAAE,GAAG,GAAG,GAAG,EAAE;AAC7C,UAAI,OAAO,UAAU,OAAO,UAAU,OAAO,WAAW,OAAO;AAC/D,WAAK,OAAO,QAAQ,OAAK;AACrB,YAAI,EAAE,CAAC,IAAI,KAAM,QAAO,EAAE,CAAC;AAC3B,YAAI,EAAE,CAAC,IAAI,KAAM,QAAO,EAAE,CAAC;AAC3B,YAAI,EAAE,CAAC,IAAI,KAAM,QAAO,EAAE,CAAC;AAC3B,YAAI,EAAE,CAAC,IAAI,KAAM,QAAO,EAAE,CAAC;AAAA,MAC/B,CAAC;AACD,aAAO,EAAE,IAAI,OAAO,QAAQ,GAAG,IAAI,OAAO,QAAQ,EAAE;AAAA,IACxD;AAAA,IACA,KAAK;AAAA,IACL,KAAK;AACD,aAAO,EAAE,GAAG,KAAK,GAAG,GAAG,KAAK,EAAE;AAAA,IAClC,KAAK;AAAA,IACL,KAAK;AACD,aAAO,EAAE,GAAG,KAAK,IAAI,KAAK,QAAQ,GAAG,GAAG,KAAK,IAAI,KAAK,SAAS,EAAE;AAAA,IACrE;AACI,aAAO,EAAE,GAAG,GAAG,GAAG,EAAE;AAAA,EAC5B;AACJ;AAKA,SAAS,oBAAoB,MAAM,SAAS,SAAS;AACjD,QAAM,QAAQ,cAAc;AAC5B,MAAI,CAAC,MAAO,QAAO;AAEnB,UAAQ,KAAK,MAAM;AAAA,IACf,KAAK,aAAa;AACd,YAAM,UAAU,IAAI;AAAA,QAChB,KAAK,IAAI;AAAA,QACT,KAAK,IAAI;AAAA,QACT,KAAK;AAAA,QACL,KAAK;AAAA,QACL,aAAa,KAAK,OAAO;AAAA,MAC7B;AACA,cAAQ,WAAW,KAAK;AACxB,cAAQ,KAAK;AACb,aAAO;AAAA,IACX;AAAA,IAEA,KAAK,UAAU;AACX,YAAM,YAAY,IAAI;AAAA,QAClB,KAAK,IAAI;AAAA,QACT,KAAK,IAAI;AAAA,QACT,KAAK;AAAA,QACL,KAAK;AAAA,QACL,aAAa,KAAK,OAAO;AAAA,MAC7B;AACA,gBAAU,WAAW,KAAK;AAC1B,gBAAU,KAAK;AACf,aAAO;AAAA,IACX;AAAA,IAEA,KAAK,QAAQ;AACT,YAAM,UAAU,IAAI;AAAA,QAChB,EAAE,GAAG,KAAK,WAAW,IAAI,SAAS,GAAG,KAAK,WAAW,IAAI,QAAQ;AAAA,QACjE,EAAE,GAAG,KAAK,SAAS,IAAI,SAAS,GAAG,KAAK,SAAS,IAAI,QAAQ;AAAA,QAC7D,aAAa,KAAK,OAAO;AAAA,MAC7B;AACA,UAAI,KAAK,YAAY,KAAK,cAAc;AACpC,gBAAQ,WAAW;AACnB,gBAAQ,eAAe,EAAE,GAAG,KAAK,aAAa,IAAI,SAAS,GAAG,KAAK,aAAa,IAAI,QAAQ;AAAA,MAChG;AACA,cAAQ,KAAK;AACb,aAAO;AAAA,IACX;AAAA,IAEA,KAAK,SAAS;AACV,YAAM,OAAO;AAAA,QACT,GAAG,aAAa,KAAK,OAAO;AAAA,QAC5B,mBAAmB,KAAK;AAAA,QACxB,gBAAgB,KAAK;AAAA,QACrB,aAAa,KAAK;AAAA,QAClB,kBAAkB,KAAK;AAAA,QACvB,eAAe,KAAK,gBAAgB,EAAE,GAAG,KAAK,cAAc,IAAI,SAAS,GAAG,KAAK,cAAc,IAAI,QAAQ,IAAI;AAAA,QAC/G,eAAe,KAAK,gBAAgB,EAAE,GAAG,KAAK,cAAc,IAAI,SAAS,GAAG,KAAK,cAAc,IAAI,QAAQ,IAAI;AAAA,MACnH;AACA,YAAM,WAAW,IAAI;AAAA,QACjB,EAAE,GAAG,KAAK,WAAW,IAAI,SAAS,GAAG,KAAK,WAAW,IAAI,QAAQ;AAAA,QACjE,EAAE,GAAG,KAAK,SAAS,IAAI,SAAS,GAAG,KAAK,SAAS,IAAI,QAAQ;AAAA,QAC7D;AAAA,MACJ;AACA,aAAO;AAAA,IACX;AAAA,IAEA,KAAK,kBAAkB;AACnB,YAAM,eAAe,KAAK,OAAO,IAAI,OAAK;AAAA,QACtC,EAAE,CAAC,IAAI;AAAA,QACP,EAAE,CAAC,IAAI;AAAA,QACP,EAAE,CAAC,KAAK;AAAA,MACZ,CAAC;AACD,YAAM,YAAY,IAAI,eAAe,cAAc,aAAa,KAAK,OAAO,CAAC;AAC7E,gBAAU,WAAW,KAAK;AAC1B,gBAAU,KAAK;AACf,aAAO;AAAA,IACX;AAAA,IAEA,KAAK,SAAS;AACV,YAAM,WAAW,IAAI;AAAA,QACjB,KAAK,IAAI;AAAA,QACT,KAAK,IAAI;AAAA,QACT,KAAK;AAAA,QACL,KAAK;AAAA,QACL,EAAE,GAAG,aAAa,KAAK,OAAO,GAAG,WAAW,KAAK,WAAW,UAAU,KAAK,SAAS;AAAA,MACxF;AACA,eAAS,WAAW,KAAK;AACzB,aAAO;AAAA,IACX;AAAA,IAEA,KAAK,QAAQ;AAET,YAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,cAAQ,YAAY,KAAK;AACzB,YAAM,cAAc,QAAQ;AAC5B,UAAI,CAAC,YAAa,QAAO;AAGzB,YAAM,QAAQ,QAAQ,OAAO,KAAK,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,KAAK,MAAM,KAAK,OAAO,IAAI,GAAK,CAAC;AACzF,kBAAY,aAAa,MAAM,KAAK;AACpC,YAAM,YAAY,YAAY,cAAc,MAAM;AAClD,UAAI,UAAW,WAAU,aAAa,MAAM,GAAG,KAAK,OAAO;AAG3D,YAAM,OAAO,KAAK,IAAI;AACtB,YAAM,OAAO,KAAK,IAAI;AACtB,YAAM,WAAW,KAAK,YAAY;AAClC,UAAI,aAAa,UAAU;AACvB,YAAI;AACA,gBAAM,OAAO,EAAE,GAAG,GAAG,GAAG,GAAG,OAAO,KAAK,QAAQ,GAAG;AAClD,sBAAY,aAAa,aAAa,aAAa,IAAI,KAAK,IAAI,YAAY,QAAQ,KAAK,KAAK,QAAQ,CAAC,KAAK,KAAK,SAAS,CAAC,GAAG;AAAA,QAClI,SAAS,GAAG;AACR,sBAAY,aAAa,aAAa,aAAa,IAAI,KAAK,IAAI,GAAG;AAAA,QACvE;AAAA,MACJ,OAAO;AACH,oBAAY,aAAa,aAAa,aAAa,IAAI,KAAK,IAAI,GAAG;AAAA,MACvE;AACA,kBAAY,aAAa,UAAU,IAAI;AACvC,kBAAY,aAAa,UAAU,IAAI;AAEvC,YAAM,YAAY,WAAW;AAE7B,YAAM,YAAY,IAAI,UAAU,WAAW;AAC3C,aAAO;AAAA,IACX;AAAA,IAEA,KAAK,QAAQ;AACT,YAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,cAAQ,YAAY,KAAK;AACzB,YAAM,cAAc,QAAQ;AAC5B,UAAI,CAAC,YAAa,QAAO;AAEzB,YAAM,QAAQ,QAAQ,OAAO,KAAK,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,KAAK,MAAM,KAAK,OAAO,IAAI,GAAK,CAAC;AACzF,kBAAY,aAAa,MAAM,KAAK;AACpC,YAAM,YAAY,YAAY,cAAc,MAAM;AAClD,UAAI,UAAW,WAAU,aAAa,MAAM,GAAG,KAAK,OAAO;AAE3D,YAAM,OAAO,KAAK,IAAI;AACtB,YAAM,OAAO,KAAK,IAAI;AACtB,YAAM,WAAW,KAAK,YAAY;AAClC,UAAI,UAAU;AACV,oBAAY,aAAa,aAAa,aAAa,IAAI,KAAK,IAAI,YAAY,QAAQ,SAAS;AAAA,MACjG,OAAO;AACH,oBAAY,aAAa,aAAa,aAAa,IAAI,KAAK,IAAI,GAAG;AAAA,MACvE;AACA,kBAAY,aAAa,UAAU,IAAI;AACvC,kBAAY,aAAa,UAAU,IAAI;AAEvC,YAAM,YAAY,WAAW;AAE7B,YAAM,YAAY,IAAI,UAAU,WAAW;AAC3C,aAAO;AAAA,IACX;AAAA,IAEA,KAAK,SAAS;AACV,YAAM,QAAQ,SAAS,gBAAgB,8BAA8B,OAAO;AAC5E,YAAM,OAAO,KAAK,IAAI;AACtB,YAAM,OAAO,KAAK,IAAI;AACtB,YAAM,aAAa,KAAK,IAAI;AAC5B,YAAM,aAAa,KAAK,IAAI;AAC5B,YAAM,aAAa,SAAS,KAAK,KAAK;AACtC,YAAM,aAAa,UAAU,KAAK,MAAM;AACxC,YAAM,aAAa,QAAQ,KAAK,IAAI;AACpC,YAAM,aAAa,gBAAgB,IAAI;AACvC,YAAM,aAAa,gBAAgB,IAAI;AACvC,YAAM,aAAa,oBAAoB,KAAK,KAAK;AACjD,YAAM,aAAa,qBAAqB,KAAK,MAAM;AACnD,YAAM,aAAa,uBAAuB,MAAM;AAChD,YAAM,aAAa,SAAS,kBAAkB;AAC9C,UAAI,KAAK,gBAAiB,OAAM,aAAa,yBAAyB,KAAK,eAAe;AAC1F,UAAI,KAAK,iBAAkB,OAAM,aAAa,2BAA2B,KAAK,gBAAgB;AAG9F,YAAM,YAAY,KAAK;AACvB,YAAM,aAAa,IAAI,WAAW,KAAK;AACvC,iBAAW,WAAW,KAAK;AAC3B,UAAI,KAAK,cAAc,WAAW,KAAK,WAAW;AAC9C,YAAI,OAAO,OAAO,wBAAwB,YAAY;AAClD,iBAAO,oBAAoB,YAAY,KAAK,SAAS;AAAA,QACzD,OAAO;AACH,qBAAW,aAAa;AACxB,qBAAW,aAAa,aAAa,KAAK,SAAS;AACnD,qBAAW,QAAQ,aAAa,oBAAoB,MAAM;AAAA,QAC9D;AAAA,MACJ;AACA,aAAO;AAAA,IACX;AAAA,IAEA,KAAK,QAAQ;AAIT,YAAM,SAAS,IAAI,UAAU;AAC7B,YAAM,SAAS,OAAO;AAAA,QAClB,2CAA2C,KAAK,WAAW;AAAA,QAC3D;AAAA,MACJ;AACA,YAAM,cAAc,OAAO,cAAc,GAAG;AAC5C,UAAI,CAAC,eAAe,OAAO,cAAc,aAAa,EAAG,QAAO;AAChE,YAAM,WAAW,MAAM,cAAc,WAAW,aAAa,IAAI;AAEjE,YAAM,OAAO,KAAK,IAAI;AACtB,YAAM,OAAO,KAAK,IAAI;AACtB,YAAM,QAAQ,QAAQ,OAAO,KAAK,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,KAAK,MAAM,KAAK,OAAO,IAAI,GAAK,CAAC;AACzF,eAAS,aAAa,MAAM,KAAK;AACjC,eAAS,aAAa,KAAK,IAAI;AAC/B,eAAS,aAAa,KAAK,IAAI;AAC/B,eAAS,aAAa,gBAAgB,IAAI;AAC1C,eAAS,aAAa,gBAAgB,IAAI;AAC1C,eAAS,aAAa,oBAAoB,KAAK,KAAK;AACpD,eAAS,aAAa,qBAAqB,KAAK,MAAM;AACtD,eAAS,aAAa,uBAAuB,KAAK,QAAQ;AAC1D,eAAS,aAAa,sBAAsB,KAAK,YAAY;AAC7D,eAAS,aAAa,uBAAuB,KAAK,aAAa;AAG/D,YAAM,QAAQ,KAAK,QAAQ,KAAK,IAAI,KAAK,cAAc,KAAK,aAAa;AACzE,YAAM,eAAe,KAAK,QAAQ,IAAI;AACtC,YAAM,eAAe,KAAK,SAAS,IAAI;AACvC,eAAS,aAAa,aAAa,aAAa,IAAI,KAAK,IAAI,WAAW,KAAK,YAAY,KAAK,QAAQ,KAAK,YAAY,KAAK,YAAY,GAAG;AAE3I,YAAM,YAAY,QAAQ;AAE1B,YAAM,YAAY,IAAI,UAAU,QAAQ;AACxC,aAAO;AAAA,IACX;AAAA,IAEA;AACI,aAAO;AAAA,EACf;AACJ;AAKA,SAAS,eAAe;AACpB,QAAM,eAAe,CAAC;AAGtB,MAAI,OAAO,kBAAkB,OAAO,eAAe,kBAAkB,OAAO,eAAe,eAAe,OAAO,GAAG;AAChH,WAAO,eAAe,eAAe,QAAQ,WAAS;AAClD,YAAM,OAAO,eAAe,KAAK;AACjC,UAAI,KAAM,cAAa,KAAK,IAAI;AAAA,IACpC,CAAC;AAAA,EACL,WAES,OAAO,iBAAiB,eAAe,gBAAgB,aAAa,YAAY;AACrF,UAAM,OAAO,eAAe,YAAY;AACxC,QAAI,KAAM,cAAa,KAAK,IAAI;AAAA,EACpC;AAEA,MAAI,aAAa,WAAW,EAAG,QAAO;AAGtC,MAAI,SAAS,GAAG,SAAS;AACzB,eAAa,QAAQ,OAAK;AACtB,UAAM,IAAI,eAAe,CAAC;AAC1B,cAAU,EAAE;AACZ,cAAU,EAAE;AAAA,EAChB,CAAC;AACD,QAAM,UAAU,SAAS,aAAa;AACtC,QAAM,UAAU,SAAS,aAAa;AAEtC,cAAY;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,EACJ;AACA,eAAa;AAEb,SAAO;AACX;AAKA,SAAS,iBAAiB;AACtB,MAAI,CAAC,aAAa,UAAU,OAAO,WAAW,EAAG,QAAO;AAExD;AACA,QAAM,aAAa,KAAK;AAGxB,QAAM,UAAU,aAAa;AAC7B,QAAM,UAAU,aAAa;AAC7B,QAAM,eAAe,UAAU,UAAU,UAAU;AACnD,QAAM,eAAe,UAAU,UAAU,UAAU;AAGnD,MAAI,OAAO,WAAW,eAAe,MAAM,QAAQ,MAAM,GAAG;AACxD,WAAO,QAAQ,OAAK;AAChB,UAAI,EAAE,cAAc,OAAO,EAAE,oBAAoB,YAAY;AACzD,UAAE,gBAAgB;AAClB,UAAE,aAAa;AAAA,MACnB;AAAA,IACJ,CAAC;AAAA,EACL;AACA,MAAI,OAAO,gBAAgB;AACvB,WAAO,eAAe,eAAe;AAAA,EACzC;AACA,MAAI,OAAO,iBAAiB,aAAa;AACrC,mBAAe;AAAA,EACnB;AACA,MAAI,OAAO,uBAAuB,YAAY;AAC1C,uBAAmB;AAAA,EACvB;AAEA,QAAM,eAAe,CAAC;AAEtB,YAAU,OAAO,QAAQ,UAAQ;AAC7B,UAAM,WAAW,oBAAoB,MAAM,cAAc,YAAY;AACrE,QAAI,UAAU;AACV,UAAI,OAAO,WAAW,eAAe,MAAM,QAAQ,MAAM,GAAG;AACxD,eAAO,KAAK,QAAQ;AAAA,MACxB;AACA,uBAAiB,QAAQ;AACzB,mBAAa,KAAK,QAAQ;AAAA,IAC9B;AAAA,EACJ,CAAC;AAGD,MAAI,aAAa,WAAW,GAAG;AAC3B,UAAM,IAAI,aAAa,CAAC;AACxB,MAAE,aAAa;AACf,mBAAe;AACf,QAAI,OAAO,EAAE,eAAe,YAAY;AACpC,QAAE,WAAW;AAAA,IACjB,WAAW,OAAO,EAAE,gBAAgB,YAAY;AAC5C,QAAE,YAAY;AAAA,IAClB;AAAA,EACJ,WAAW,aAAa,SAAS,KAAK,OAAO,gBAAgB;AACzD,iBAAa,QAAQ,OAAK;AACtB,aAAO,eAAe,SAAS,CAAC;AAAA,IACpC,CAAC;AACD,WAAO,eAAe,eAAe;AAAA,EACzC;AAEA,SAAO;AACX;AAKA,SAAS,uBAAuB,GAAG;AAE/B,QAAM,OAAO,EAAE,OAAO,WAAW,IAAI,YAAY;AACjD,MAAI,QAAQ,WAAW,QAAQ,cAAc,EAAE,OAAO,kBAAmB;AAEzE,OAAK,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,YAAY,MAAM,KAAK;AACzD,QAAI,aAAa,GAAG;AAChB,QAAE,eAAe;AAAA,IACrB;AAAA,EACJ;AAEA,OAAK,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,YAAY,MAAM,KAAK;AACzD,QAAI,eAAe,GAAG;AAClB,QAAE,eAAe;AAAA,IACrB;AAAA,EACJ;AACJ;AAGA,SAAS,wBAAwB,GAAG;AAChC,QAAM,QAAQ,cAAc;AAC5B,MAAI,CAAC,MAAO;AACZ,QAAM,UAAU,MAAM,QAAQ;AAC9B,QAAM,OAAO,MAAM,sBAAsB;AACzC,QAAM,SAAS,EAAE,UAAU,KAAK;AAChC,QAAM,SAAS,EAAE,UAAU,KAAK;AAChC,eAAa,IAAI,QAAQ,IAAK,SAAS,KAAK,QAAS,QAAQ;AAC7D,eAAa,IAAI,QAAQ,IAAK,SAAS,KAAK,SAAU,QAAQ;AAClE;AAKA,SAAS,iBAAiB,GAAG;AAEzB,QAAM,OAAO,EAAE,OAAO,WAAW,IAAI,YAAY;AACjD,MAAI,QAAQ,WAAW,QAAQ,cAAc,EAAE,OAAO,kBAAmB;AAEzE,QAAM,QAAQ,EAAE,eAAe;AAC/B,MAAI,CAAC,MAAO;AAEZ,aAAW,QAAQ,OAAO;AACtB,QAAI,KAAK,KAAK,WAAW,QAAQ,GAAG;AAChC,QAAE,eAAe;AACjB,YAAM,OAAO,KAAK,UAAU;AAC5B,UAAI,CAAC,KAAM;AAIX,UAAI,CAAC,eAAe,IAAI,GAAG;AACvB,gBAAQ,KAAK,2CAA2C,KAAK,IAAI;AACjE;AAAA,MACJ;AAEA,YAAM,SAAS,IAAI,WAAW;AAC9B,aAAO,SAAS,OAAO,OAAO;AAC1B,cAAM,aAAa,GAAG,OAAO;AAC7B,cAAM,SAAS,KAAK,QAAQ,IAAI,YAAY,MAAM;AAClD,YAAI,gBAAgB;AACpB,YAAI,aAAa,KAAK;AACtB,YAAI,CAAC,OAAO;AACR,cAAI;AACA,kBAAM,aAAa,MAAM,cAAc,UAAU;AACjD,gBAAI,YAAY,SAAS;AACrB,8BAAgB,WAAW;AAC3B,2BAAa,WAAW,kBAAkB;AAAA,YAC9C;AAAA,UACJ,SAAS,KAAK;AACV,oBAAQ,KAAK,4DAA4D,GAAG;AAAA,UAChF;AAAA,QACJ;AACA,cAAM,QAAQ,OAAO,OAAO,qBAAqB,KAAK,IAAI,OAAO;AACjE,cAAM,kBAAkB,OAAO,sBAAsB,aAAa,OAAO,sBAAsB;AAC/F,YAAI,CAAC,oBAAoB,OAAO,wBAAwB,KAAK,aAAa,OAAO;AAC7E,gBAAM,kCAAkC,KAAK,MAAM,SAAS,OAAO,KAAK,CAAC,OAAO;AAChF;AAAA,QACJ;AACA,8BAAsB,eAAe,UAAU;AAAA,MACnD;AACA,aAAO,cAAc,IAAI;AACzB;AAAA,IACJ;AAAA,EACJ;AACJ;AAEA,SAAS,sBAAsB,SAAS,YAAY,GAAG;AACnD,QAAM,QAAQ,cAAc;AAC5B,MAAI,CAAC,SAAS,CAAC,OAAO,WAAY;AAElC,QAAM,MAAM,IAAI,MAAM;AACtB,MAAI,SAAS,MAAM;AACf,UAAM,cAAc,IAAI,SAAS,IAAI;AACrC,UAAM,WAAW,KAAK,IAAI,KAAK,IAAI,KAAK;AACxC,UAAM,WAAW,WAAW;AAG5B,UAAM,KAAK,MAAM,QAAQ;AACzB,UAAM,KAAK,GAAG,IAAI,GAAG,QAAQ;AAC7B,UAAM,KAAK,GAAG,IAAI,GAAG,SAAS;AAE9B,UAAM,QAAQ,SAAS,gBAAgB,8BAA8B,OAAO;AAC5E,UAAM,aAAa,QAAQ,OAAO;AAClC,UAAM,aAAa,KAAK,KAAK,WAAW,CAAC;AACzC,UAAM,aAAa,KAAK,KAAK,WAAW,CAAC;AACzC,UAAM,aAAa,SAAS,QAAQ;AACpC,UAAM,aAAa,UAAU,QAAQ;AACrC,UAAM,aAAa,gBAAgB,KAAK,WAAW,CAAC;AACpD,UAAM,aAAa,gBAAgB,KAAK,WAAW,CAAC;AACpD,UAAM,aAAa,oBAAoB,QAAQ;AAC/C,UAAM,aAAa,qBAAqB,QAAQ;AAChD,UAAM,aAAa,QAAQ,OAAO;AAClC,UAAM,aAAa,uBAAuB,MAAM;AAChD,UAAM,aAAa;AACnB,UAAM,aAAa,kBAAkB,OAAO,SAAS,CAAC;AACtD,WAAO,wBAAwB,OAAO,wBAAwB,KAAK;AAEnE,UAAM,YAAY,KAAK;AACvB,UAAM,aAAa,IAAI,WAAW,KAAK;AACvC,QAAI,OAAO,OAAQ,QAAO,OAAO,KAAK,UAAU;AAChD,QAAI,OAAO,iBAAkB,QAAO,iBAAiB,UAAU;AAG/D,QAAI,OAAO,yBAAyB;AAChC,aAAO,wBAAwB,UAAU;AAAA,IAC7C;AAEA,YAAQ,IAAI,yCAAyC;AAAA,EACzD;AACA,MAAI,MAAM;AACd;AAKA,SAAS,gBAAgB;AACrB,WAAS,iBAAiB,WAAW,sBAAsB;AAC3D,WAAS,iBAAiB,eAAe,uBAAuB;AAChE,WAAS,iBAAiB,SAAS,gBAAgB;AAGnD,SAAO,eAAe;AACtB,SAAO,iBAAiB;AAC5B;",
+  "names": []
+}

package/dist/react/{EventDispatcher-XDRQS7BD.js → EventDispatcher-O7HCQQNM.js}

@@ -4,32 +4,32 @@ import {
   handleTextMouseDown,
   handleTextMouseMove,
   handleTextMouseUp
-} from "./chunk-SBSM3GQD.js";
+} from "./chunk-2THKDSWW.js";
 import {
   handleCodeMouseDown,
   handleCodeMouseMove,
   handleCodeMouseUp
-} from "./chunk-73VLPCBC.js";
+} from "./chunk-HFQZYCHJ.js";
 import {
   handleMouseDownImage,
   handleMouseMoveImage,
   handleMouseUpImage
-} from "./chunk-R5QXEVZ5.js";
+} from "./chunk-GC3KTQDA.js";
 import {
   handleMouseDownIcon,
   handleMouseMoveIcon,
   handleMouseUpIcon
-} from "./chunk-2I3GH65Z.js";
+} from "./chunk-XFQECTTF.js";
 import {
   handleMouseDown as handleMouseDown4,
   handleMouseMove as handleMouseMove4,
   handleMouseUp as handleMouseUp4
-} from "./chunk-6G3ITAS5.js";
+} from "./chunk-SZD7DKYJ.js";
 import {
   handleMouseDown as handleMouseDown5,
   handleMouseMove as handleMouseMove5,
   handleMouseUp as handleMouseUp5
-} from "./chunk-2V7G2PLX.js";
+} from "./chunk-GPIYXREE.js";
 import {
   handleMultiSelectionMouseDown,
   handleMultiSelectionMouseMove,
@@ -37,30 +37,30 @@ import {
   isMultiSelecting,
   multiSelection,
   removeMultiSelectionRect
-} from "./chunk-7VBI7S7T.js";
+} from "./chunk-AH4PWNEB.js";
 import {
   handleMouseDownRect,
   handleMouseMoveRect,
   handleMouseUpRect
-} from "./chunk-JOPQ27YH.js";
+} from "./chunk-4BLMNGTR.js";
 import {
   handleMouseDown as handleMouseDown2,
   handleMouseMove as handleMouseMove2,
   handleMouseUp as handleMouseUp2
-} from "./chunk-WEWMB35W.js";
+} from "./chunk-OFGJJKPH.js";
 import {
   handleMouseDown as handleMouseDown3,
   handleMouseMove as handleMouseMove3,
   handleMouseUp as handleMouseUp3
-} from "./chunk-C72OHQLE.js";
+} from "./chunk-ILGAFR56.js";
 import "./chunk-DNAG7ML6.js";
 import "./chunk-PAKA6HUX.js";
 import {
   handleMouseDown,
   handleMouseMove,
   handleMouseUp
-} from "./chunk-O64N5JPO.js";
-import "./chunk-MYYBFZD3.js";
+} from "./chunk-YF3TK7SC.js";
+import "./chunk-U3TB4KRS.js";
 
 // src/core/EventDispatcher.js
 var EDGE_THRESHOLD = 40;
@@ -461,4 +461,4 @@ export {
   handleMainMouseUp,
   initEventDispatcher
 };
-//# sourceMappingURL=EventDispatcher-XDRQS7BD.js.map
+//# sourceMappingURL=EventDispatcher-O7HCQQNM.js.map

package/dist/react/Frame-RLSMJJSK.js

@@ -0,0 +1,11 @@
+"use client";
+import {
+  Frame
+} from "./chunk-KVAQPCUH.js";
+import "./chunk-PAKA6HUX.js";
+import "./chunk-YF3TK7SC.js";
+import "./chunk-U3TB4KRS.js";
+export {
+  Frame
+};
+//# sourceMappingURL=Frame-RLSMJJSK.js.map

package/dist/react/{GraphEngine-KQXHNTZQ.js → GraphEngine-MM6ALA2N.js}

@@ -230,171 +230,128 @@ function escapeXml(str) {
 var NS = "http://www.w3.org/2000/svg";
 var GRAPH_WIDTH = 600;
 var GRAPH_HEIGHT = 420;
-function renderGraphOnCanvas(equations, settings) {
-  if (!equations || equations.length === 0) return false;
-  if (!window.svg || !window.Frame) {
-    console.error("[GraphEngine] Engine not initialized");
-    return false;
-  }
-  const svgMarkup = renderGraphSVG(equations, {
-    ...settings,
+var MAX_PLACED_SCREEN_WIDTH = 480;
+var MAX_VIEWPORT_WIDTH_RATIO = 0.68;
+var MAX_VIEWPORT_HEIGHT_RATIO = 0.58;
+function cloneGraphData(equations, settings) {
+  return {
+    equations: (equations || []).map((equation) => ({
+      expression: equation.expression,
+      color: equation.color
+    })),
+    settings: { ...settings || {} }
+  };
+}
+function graphSvgDataUrl(svgMarkup) {
+  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svgMarkup)}`;
+}
+function refreshGraphImage(shape) {
+  if (!shape?._graphData || !shape.element) return false;
+  const svgMarkup = renderGraphSVG(shape._graphData.equations, {
+    ...shape._graphData.settings,
     width: GRAPH_WIDTH,
     height: GRAPH_HEIGHT
   });
   if (!svgMarkup) return false;
-  const vb = window.currentViewBox || { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight };
-  const vcx = vb.x + vb.width / 2;
-  const vcy = vb.y + vb.height / 2;
-  const frameW = GRAPH_WIDTH + 40;
-  const frameH = GRAPH_HEIGHT + 40;
-  const frameX = vcx - frameW / 2;
-  const frameY = vcy - frameH / 2;
-  const eqLabels = equations.filter((eq) => eq.expression && eq.expression.trim()).map((eq) => eq.expression.trim()).slice(0, 3);
-  const title = eqLabels.length > 0 ? "Graph: " + eqLabels.join(", ") : "Graph";
+  const href = graphSvgDataUrl(svgMarkup);
+  shape.element.setAttribute("href", href);
+  shape.element.setAttribute("data-href", href);
+  return true;
+}
+function hydrateGraphShape(shape, graphData) {
+  if (!shape?.element || !graphData) return shape;
+  shape._frameType = "graph";
+  shape._graphData = cloneGraphData(graphData.equations, graphData.settings);
+  shape.uploadStatus = "done";
+  shape.element.setAttribute("data-graph-shape", "true");
+  shape.element.setAttribute("preserveAspectRatio", "none");
+  shape.element.style.cursor = "move";
+  shape._refreshGraphImage = () => refreshGraphImage(shape);
+  shape.adaptToBackground = () => refreshGraphImage(shape);
+  return shape;
+}
+function selectOnlyGraph(shape) {
+  if (!shape) return;
+  if (window.multiSelection?.selectedShapes?.size) {
+    window.multiSelection.clearSelection();
+  }
+  if (window.currentShape && window.currentShape !== shape && typeof window.currentShape.removeSelection === "function") {
+    window.currentShape.removeSelection();
+  }
+  window.__sketchStoreApi?.setActiveTool?.("select");
+  window.currentShape = shape;
+  shape.selectShape?.();
+}
+function placedGraphSize(viewBox) {
+  const zoom = Math.max(1e-3, Number(window.currentZoom) || 1);
+  const byScreen = MAX_PLACED_SCREEN_WIDTH / zoom;
+  const byViewportWidth = viewBox.width * MAX_VIEWPORT_WIDTH_RATIO;
+  const byViewportHeight = viewBox.height * MAX_VIEWPORT_HEIGHT_RATIO * (GRAPH_WIDTH / GRAPH_HEIGHT);
+  const width = Math.max(80 / zoom, Math.min(GRAPH_WIDTH, byScreen, byViewportWidth, byViewportHeight));
+  return { width, height: width * (GRAPH_HEIGHT / GRAPH_WIDTH) };
+}
+function renderGraphOnCanvas(equations, settings, existingShape = null) {
+  const validEquations = (equations || []).filter((equation) => equation?.expression?.trim());
+  if (validEquations.length === 0) return false;
+  if (!window.svg || !window.ImageShape) {
+    console.error("[GraphEngine] Engine not initialized");
+    return false;
+  }
+  const graphData = cloneGraphData(validEquations, settings);
+  if (existingShape?._frameType === "graph" && existingShape.element) {
+    hydrateGraphShape(existingShape, graphData);
+    if (!refreshGraphImage(existingShape)) return false;
+    selectOnlyGraph(existingShape);
+    window.__adaptCanvasContrast?.(
+      window.getComputedStyle(window.svg).backgroundColor || "#15111f"
+    );
+    return true;
+  }
+  const viewBox = window.currentViewBox || {
+    x: 0,
+    y: 0,
+    width: window.innerWidth,
+    height: window.innerHeight
+  };
+  const size = placedGraphSize(viewBox);
+  const x = viewBox.x + (viewBox.width - size.width) / 2;
+  const y = viewBox.y + (viewBox.height - size.height) / 2;
   try {
-    const parser = new DOMParser();
-    const doc = parser.parseFromString(svgMarkup, "image/svg+xml");
-    const svgEl = doc.querySelector("svg");
-    if (!svgEl) return false;
-    const graphGroup = document.createElementNS(NS, "g");
-    graphGroup.setAttribute("data-type", "graph-group");
-    graphGroup.setAttribute("transform", `translate(${frameX + 20}, ${frameY + 20})`);
-    const defs = svgEl.querySelector("defs");
-    if (defs) {
-      const defsClone = defs.cloneNode(true);
-      window.svg.querySelector("defs")?.appendChild(defsClone.firstChild) || window.svg.insertBefore(defsClone, window.svg.firstChild);
+    const image = document.createElementNS(NS, "image");
+    image.setAttribute("x", x);
+    image.setAttribute("y", y);
+    image.setAttribute("width", size.width);
+    image.setAttribute("height", size.height);
+    image.setAttribute("data-shape-x", x);
+    image.setAttribute("data-shape-y", y);
+    image.setAttribute("data-shape-width", size.width);
+    image.setAttribute("data-shape-height", size.height);
+    const graphShape = hydrateGraphShape(new window.ImageShape(image), graphData);
+    if (!refreshGraphImage(graphShape)) {
+      graphShape.group?.remove();
+      return false;
     }
-    while (svgEl.childNodes.length > 0) {
-      const child = svgEl.childNodes[0];
-      if (child.nodeName === "defs") {
-        svgEl.removeChild(child);
-        continue;
-      }
-      graphGroup.appendChild(child);
-    }
-    window.svg.appendChild(graphGroup);
-    const graphShape = {
-      shapeName: "graph",
-      // first-class shapeName
-      shapeID: `graph-${Date.now().toString(36)}-${Math.floor(Math.random() * 1e4)}`,
-      group: graphGroup,
-      element: graphGroup,
-      x: frameX + 20,
-      y: frameY + 20,
-      width: GRAPH_WIDTH,
-      height: GRAPH_HEIGHT,
-      rotation: 0,
-      isSelected: false,
-      _selectionRect: null,
-      _graphData: {
-        equations: equations.map((eq) => ({ expression: eq.expression, color: eq.color })),
-        settings: { ...settings }
-      },
-      // ── Shape API the engine relies on ────────────────────────
-      contains(px, py) {
-        return px >= this.x && px <= this.x + this.width && py >= this.y && py <= this.y + this.height;
-      },
-      move(dx, dy) {
-        this.x += dx;
-        this.y += dy;
-        this.group.setAttribute("transform", `translate(${this.x}, ${this.y})`);
-        this._updateSelectionRect();
-      },
-      selectShape() {
-        this.isSelected = true;
-        if (this._selectionRect) return;
-        const r = document.createElementNS(NS, "rect");
-        r.setAttribute("fill", "none");
-        r.setAttribute("stroke", "#9b7bf7");
-        r.setAttribute("stroke-width", "1.5");
-        r.setAttribute("stroke-dasharray", "4 3");
-        r.setAttribute("pointer-events", "none");
-        window.svg.appendChild(r);
-        this._selectionRect = r;
-        this._updateSelectionRect();
-      },
-      removeSelection() {
-        this.isSelected = false;
-        if (this._selectionRect && this._selectionRect.parentNode) {
-          this._selectionRect.parentNode.removeChild(this._selectionRect);
-        }
-        this._selectionRect = null;
-      },
-      _updateSelectionRect() {
-        if (!this._selectionRect) return;
-        const pad = 4;
-        this._selectionRect.setAttribute("x", this.x - pad);
-        this._selectionRect.setAttribute("y", this.y - pad);
-        this._selectionRect.setAttribute("width", this.width + pad * 2);
-        this._selectionRect.setAttribute("height", this.height + pad * 2);
-      },
-      updateAttachedArrows() {
-        if (typeof window.updateAttachedArrows === "function") {
-          window.updateAttachedArrows(this);
-        }
-      },
-      adaptToBackground(background, foreground, muted) {
-        const ensureContrast = window.__ensureCanvasContrast || ((color) => color);
-        this.group.querySelectorAll("rect").forEach((rect) => {
-          const fill = rect.getAttribute("fill");
-          const stroke = rect.getAttribute("stroke");
-          if (fill && fill !== "none") rect.setAttribute("fill", background);
-          if (stroke && stroke !== "none") {
-            rect.setAttribute("stroke", muted);
-            rect.setAttribute("stroke-opacity", "0.45");
-          }
-        });
-        this.group.querySelectorAll("line").forEach((line) => {
-          const width = Number.parseFloat(line.getAttribute("stroke-width") || "1");
-          line.setAttribute("stroke", foreground);
-          line.setAttribute("stroke-opacity", width <= 0.5 ? "0.18" : "0.5");
-        });
-        this.group.querySelectorAll("path[stroke]").forEach((path) => {
-          const original = path.dataset.graphColor || path.getAttribute("stroke");
-          if (!original || original === "none") return;
-          path.dataset.graphColor = original;
-          path.setAttribute("stroke", ensureContrast(original, background, 3));
-        });
-        this.group.querySelectorAll("circle[fill]").forEach((circle) => {
-          const original = circle.dataset.graphColor || circle.getAttribute("fill");
-          if (!original || original === "none") return;
-          circle.dataset.graphColor = original;
-          circle.setAttribute("fill", ensureContrast(original, background, 3));
-        });
-        this.group.querySelectorAll("text").forEach((text) => {
-          const original = text.dataset.graphColor || text.getAttribute("fill");
-          if (original) text.dataset.graphColor = original;
-          const isAxisLabel = !original || ["#8b949e", "#62627a"].includes(original.toLowerCase());
-          text.setAttribute("fill", isAxisLabel ? muted : ensureContrast(original, background, 4.5));
-        });
-      }
-    };
     window.shapes.push(graphShape);
-    if (window.pushCreateAction) window.pushCreateAction(graphShape);
-    window.currentShape = graphShape;
-    graphShape.selectShape();
+    window.pushCreateAction?.(graphShape);
+    selectOnlyGraph(graphShape);
     window.__adaptCanvasContrast?.(
-      window.getComputedStyle(window.svg).backgroundColor || "#13171C"
+      window.getComputedStyle(window.svg).backgroundColor || "#15111f"
     );
-  } catch (err) {
-    console.error("[GraphEngine] SVG insertion failed:", err);
+    return true;
+  } catch (error) {
+    console.error("[GraphEngine] SVG insertion failed:", error);
     return false;
   }
-  return true;
 }
 function initGraphEngine() {
-  window.__graphPreview = (equations, settings) => {
-    return renderGraphPreviewSVG(equations, settings);
-  };
+  window.__graphPreview = (equations, settings) => renderGraphPreviewSVG(equations, settings);
   window.__graphRenderer = renderGraphOnCanvas;
-  window.__graphParser = (expr) => {
-    const fn = parseExpression(expr);
-    return fn ? true : false;
-  };
+  window.__hydrateGraphShape = hydrateGraphShape;
+  window.__graphParser = (expression) => Boolean(parseExpression(expression));
   window.__graphValidate = isValidExpression;
   window.__graphColors = GRAPH_COLORS;
 }
 export {
   initGraphEngine
 };
-//# sourceMappingURL=GraphEngine-KQXHNTZQ.js.map
+//# sourceMappingURL=GraphEngine-MM6ALA2N.js.map