@elixpo/lixsketch 5.6.10 → 5.6.12

package/dist/react/{SketchEngine-PCMCE63L.js → SketchEngine-6UBUCW5L.js}

@@ -165,16 +165,16 @@ var SketchEngine = class {
         { Frame },
         { FreehandStroke }
       ] = await Promise.all([
-        import("./Rectangle-4U4CD2ER.js"),
-        import("./Circle-HMM5PKJ2.js"),
-        import("./Arrow-EF7ALH2Y.js"),
-        import("./Line-LPRTGPUQ.js"),
+        import("./Rectangle-G3MPA72T.js"),
+        import("./Circle-BZANVNWQ.js"),
+        import("./Arrow-YIOAH45F.js"),
+        import("./Line-7IGMPC5Q.js"),
         import("./TextShape-DY77FFI2.js"),
         import("./CodeShape-TE74XP5V.js"),
-        import("./ImageShape-L7U64AVP.js"),
-        import("./IconShape-RN5HJDUF.js"),
-        import("./Frame-NHPESH4Y.js"),
-        import("./FreehandStroke-WXIJKD5I.js")
+        import("./ImageShape-JGLT2UGG.js"),
+        import("./IconShape-HXUV4VRT.js"),
+        import("./Frame-OZCDVPMI.js"),
+        import("./FreehandStroke-QSSYWBFK.js")
       ]);
       window.Rectangle = Rectangle;
       window.Circle = Circle;
@@ -210,16 +210,16 @@ var SketchEngine = class {
         frameTool,
         freehandTool
       ] = await Promise.all([
-        import("./rectangleTool-NJYG6Y6L.js"),
-        import("./circleTool-YDTQDGYX.js"),
-        import("./arrowTool-UN3TNJFP.js"),
-        import("./lineTool-BUWVQ666.js"),
-        import("./textTool-CIJCF4Z3.js"),
-        import("./codeTool-U6SYKHHD.js"),
-        import("./imageTool-Z6Y4OXBG.js"),
-        import("./iconTool-32D5NJ4I.js"),
-        import("./frameTool-VRI7OODN.js"),
-        import("./freehandTool-2ICCQHVY.js")
+        import("./rectangleTool-DK4QL4QW.js"),
+        import("./circleTool-QQV2QEVF.js"),
+        import("./arrowTool-C4RDWQEX.js"),
+        import("./lineTool-5CY7BHND.js"),
+        import("./textTool-GP5QQYF3.js"),
+        import("./codeTool-PTCPSZ4L.js"),
+        import("./imageTool-7GZQKWYT.js"),
+        import("./iconTool-DW5YJX7P.js"),
+        import("./frameTool-7GQPLU4Y.js"),
+        import("./freehandTool-3RJXTVAK.js")
       ]);
       this._modules.tools = {
         rectangleTool,
@@ -243,12 +243,12 @@ var SketchEngine = class {
         resizeShapes,
         resizeCode
       ] = await Promise.all([
-        import("./EventDispatcher-J657SDW4.js"),
-        import("./UndoRedo-RXO7YHA2.js"),
-        import("./Selection-GCZWCNAR.js"),
-        import("./ZoomPan-RR7KUYZT.js"),
-        import("./CopyPaste-N4U2NTQT.js"),
-        import("./EraserTrail-PA6IQLQN.js"),
+        import("./EventDispatcher-E4OJCMY6.js"),
+        import("./UndoRedo-YLQJ6DXW.js"),
+        import("./Selection-S4FYSZIF.js"),
+        import("./ZoomPan-AEKWKUCH.js"),
+        import("./CopyPaste-IY5TF5Z2.js"),
+        import("./EraserTrail-F3ZJNWNL.js"),
         import("./ResizeShapes-LKEQTITP.js"),
         import("./ResizeCode-WAMDTKSW.js")
       ]);
@@ -266,11 +266,11 @@ var SketchEngine = class {
         eventDispatcher.initEventDispatcher(this.svg);
       }
       window.__sketchInteractionReady = true;
-      const sceneSerializer = await import("./SceneSerializer-Y6QABGZY.js");
+      const sceneSerializer = await import("./SceneSerializer-X5GJFI2E.js");
       if (sceneSerializer.initSceneSerializer) sceneSerializer.initSceneSerializer();
       await Promise.all([
-        import("./eraserTool-2GS2LQCS.js"),
-        import("./laserTool-XVMV63AV.js")
+        import("./eraserTool-P6WR35AE.js"),
+        import("./laserTool-L3MNCPTS.js")
       ]);
       if (undoRedo.undo) window.undo = undoRedo.undo;
       if (undoRedo.redo) window.redo = undoRedo.redo;
@@ -279,7 +279,7 @@ var SketchEngine = class {
       if (selection.multiSelection) window.multiSelection = selection.multiSelection;
       if (selection.clearAllSelections) window.clearAllSelections = selection.clearAllSelections;
       if (copyPaste.initCopyPaste) copyPaste.initCopyPaste();
-      const aiRenderer = await import("./AIRenderer-R5M2CIDO.js");
+      const aiRenderer = await import("./AIRenderer-JNEZYDYQ.js");
       if (aiRenderer.initAIRenderer) aiRenderer.initAIRenderer();
       const graphEngine = await import("./GraphEngine-XH3RPYO4.js");
       if (graphEngine.initGraphEngine) graphEngine.initGraphEngine();
@@ -441,4 +441,4 @@ export {
   SketchEngine,
   SketchEngine_default as default
 };
-//# sourceMappingURL=SketchEngine-PCMCE63L.js.map
+//# sourceMappingURL=SketchEngine-6UBUCW5L.js.map

package/dist/react/{UndoRedo-RXO7YHA2.js → UndoRedo-YLQJ6DXW.js}

@@ -1,6 +1,8 @@
 "use client";
 import {
   beginUndoBatch,
+  captureFrameChildStates,
+  captureShapeGeometry,
   clearUndoHistory,
   endUndoBatch,
   getCurrentSelectedElement,
@@ -13,13 +15,16 @@ import {
   pushFrameAttachmentAction,
   pushOptionsChangeAction,
   pushTransformAction,
+  rebindUndoHistory,
   redo,
   setTextReferences,
   undo,
   updateSelectedElement
-} from "./chunk-VZX55VQL.js";
+} from "./chunk-TFCBCWL5.js";
 export {
   beginUndoBatch,
+  captureFrameChildStates,
+  captureShapeGeometry,
   clearUndoHistory,
   endUndoBatch,
   getCurrentSelectedElement,
@@ -32,9 +37,10 @@ export {
   pushFrameAttachmentAction,
   pushOptionsChangeAction,
   pushTransformAction,
+  rebindUndoHistory,
   redo,
   setTextReferences,
   undo,
   updateSelectedElement
 };
-//# sourceMappingURL=UndoRedo-RXO7YHA2.js.map
+//# sourceMappingURL=UndoRedo-YLQJ6DXW.js.map

package/dist/react/{ZoomPan-RR7KUYZT.js → ZoomPan-AEKWKUCH.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   installScreenSpaceControlSync
-} from "./chunk-PAKA6HUX.js";
+} from "./chunk-MS4TIQ6Z.js";
 
 // src/core/ZoomPan.js
 installScreenSpaceControlSync(freehandCanvas);
@@ -296,4 +296,4 @@ svg.addEventListener("wheel", (e) => {
     `${currentViewBox.x} ${currentViewBox.y} ${currentViewBox.width} ${currentViewBox.height}`
   );
 });
-//# sourceMappingURL=ZoomPan-RR7KUYZT.js.map
+//# sourceMappingURL=ZoomPan-AEKWKUCH.js.map

package/dist/react/{arrowTool-UN3TNJFP.js → arrowTool-C4RDWQEX.js}

@@ -5,8 +5,8 @@ import {
   handleMouseMove,
   handleMouseUp,
   updateAttachedArrows
-} from "./chunk-KXLNEFN5.js";
-import "./chunk-VZX55VQL.js";
+} from "./chunk-2U47AU6Y.js";
+import "./chunk-TFCBCWL5.js";
 export {
   cleanupAttachments,
   handleMouseDown as handleMouseDownArrow,
@@ -14,4 +14,4 @@ export {
   handleMouseUp as handleMouseUpArrow,
   updateAttachedArrows
 };
-//# sourceMappingURL=arrowTool-UN3TNJFP.js.map
+//# sourceMappingURL=arrowTool-C4RDWQEX.js.map

package/dist/react/{chunk-KXLNEFN5.js → chunk-2U47AU6Y.js}

@@ -5,7 +5,7 @@ import {
   pushFrameAttachmentAction,
   pushOptionsChangeAction,
   pushTransformAction
-} from "./chunk-VZX55VQL.js";
+} from "./chunk-TFCBCWL5.js";
 
 // src/core/SnapGuides.js
 var SNAP_THRESHOLD = 6;
@@ -744,4 +744,4 @@ export {
   updateAttachedArrows,
   cleanupAttachments
 };
-//# sourceMappingURL=chunk-KXLNEFN5.js.map
+//# sourceMappingURL=chunk-2U47AU6Y.js.map

package/dist/react/{chunk-VZPH7OAM.js → chunk-3ROBBYUS.js}

@@ -5,7 +5,12 @@ import {
 } from "./chunk-6AIFXYV6.js";
 import {
   registerRotationAnchor
-} from "./chunk-PAKA6HUX.js";
+} from "./chunk-MS4TIQ6Z.js";
+import {
+  DEFAULT_SHAPE_LABEL_FONT_SIZE,
+  measureShapeLabel,
+  resolveThemeLabelColor
+} from "./chunk-6KNC7RDT.js";
 
 // src/shapes/Rectangle.js
 var rc = rough.svg(svg);
@@ -46,8 +51,8 @@ var Rectangle = class {
     this.group.setAttribute("id", this.shapeID);
     this.label = options.label || "";
     this.labelElement = null;
-    this.labelColor = options.labelColor || "#e0e0e0";
-    this.labelFontSize = options.labelFontSize || 14;
+    this.labelColor = resolveThemeLabelColor(options.labelColor);
+    this.labelFontSize = options.labelFontSize || DEFAULT_SHAPE_LABEL_FONT_SIZE;
     this.labelBg = options.labelBg !== false;
     this._isEditingLabel = false;
     this._hitArea = null;
@@ -70,6 +75,7 @@ var Rectangle = class {
     this.draw();
   }
   draw() {
+    const labelLayout = this._ensureLabelFits();
     const childrenToRemove = [];
     const preserveSet = this._skipAnchors ? new Set([...this.anchors, this.selectionOutline, this.rotationAnchor].filter(Boolean)) : null;
     for (let i = 0; i < this.group.children.length; i++) {
@@ -107,7 +113,7 @@ var Rectangle = class {
     this._hitArea.setAttribute("width", this.width);
     this._hitArea.setAttribute("height", this.height);
     this._updateShade();
-    this._updateLabelElement();
+    this._updateLabelElement(labelLayout);
     const rotateCenterX = this.width / 2;
     const rotateCenterY = this.height / 2;
     this.group.setAttribute("transform", `translate(${this.x}, ${this.y}) rotate(${this.rotation}, ${rotateCenterX}, ${rotateCenterY})`);
@@ -185,7 +191,15 @@ var Rectangle = class {
       this.group.appendChild(this._shadeRect);
     }
   }
-  _updateLabelElement() {
+  _ensureLabelFits() {
+    if (!this.label) return null;
+    const layout = measureShapeLabel(this.label, this.labelFontSize);
+    if (this.isBeingDrawn || !this.labelBg) return layout;
+    this.width = Math.max(this.width, layout.requiredWidth);
+    this.height = Math.max(this.height, layout.requiredHeight);
+    return layout;
+  }
+  _updateLabelElement(layout = null) {
     if (!this.label) {
       if (this.labelElement && this.labelElement.parentNode === this.group) {
         this.group.removeChild(this.labelElement);
@@ -202,14 +216,22 @@ var Rectangle = class {
       this.labelElement.setAttribute("class", "shape-label");
       this.labelElement.setAttribute("pointer-events", "none");
     }
+    const labelLayout = layout || measureShapeLabel(this.label, this.labelFontSize);
+    const startY = (this.height - labelLayout.contentHeight) / 2;
+    while (this.labelElement.firstChild) this.labelElement.removeChild(this.labelElement.firstChild);
+    labelLayout.lines.forEach((line, index) => {
+      const tspan = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
+      tspan.setAttribute("x", this.width / 2);
+      tspan.setAttribute("y", startY + index * labelLayout.lineHeight);
+      tspan.setAttribute("dominant-baseline", "hanging");
+      tspan.textContent = line || " ";
+      this.labelElement.appendChild(tspan);
+    });
     this.labelElement.setAttribute("x", this.width / 2);
-    this.labelElement.setAttribute("y", this.height / 2);
     this.labelElement.setAttribute("text-anchor", "middle");
-    this.labelElement.setAttribute("dominant-baseline", "central");
     this.labelElement.setAttribute("fill", this.labelColor);
     this.labelElement.setAttribute("font-size", this.labelFontSize);
     this.labelElement.setAttribute("font-family", "lixFont, sans-serif");
-    this.labelElement.textContent = this.label;
     if (!this.labelBg) {
       if (this._labelBg && this._labelBg.parentNode === this.group) {
         this.group.removeChild(this._labelBg);
@@ -227,9 +249,8 @@ var Rectangle = class {
     this._labelBg.setAttribute("fill", canvasBg);
     const hPadding = 6;
     const vPadding = 2;
-    const charWidth = this.labelFontSize * 0.6;
-    const bgW = this.label.length * charWidth + hPadding * 2;
-    const bgH = this.labelFontSize + vPadding * 2;
+    const bgW = labelLayout.contentWidth + hPadding * 2;
+    const bgH = labelLayout.contentHeight + vPadding * 2;
     this._labelBg.setAttribute("x", this.width / 2 - bgW / 2);
     this._labelBg.setAttribute("y", this.height / 2 - bgH / 2);
     this._labelBg.setAttribute("width", bgW);
@@ -307,7 +328,7 @@ var Rectangle = class {
       sel.addRange(range);
     }, 10);
     const finishEdit = () => {
-      const newText = input.textContent.trim().replace(/\u00A0/g, "");
+      const newText = input.innerText.trim().replace(/\u00A0/g, "");
       this.label = newText;
       this._isEditingLabel = false;
       if (overlay.parentNode) overlay.parentNode.removeChild(overlay);
@@ -478,6 +499,7 @@ var Rectangle = class {
     const pointsAttr = outlinePoints.map((p) => p.join(",")).join(" ");
     const outline = document.createElementNS("http://www.w3.org/2000/svg", "polyline");
     outline.setAttribute("points", pointsAttr);
+    outline.setAttribute("class", "selection-outline");
     outline.setAttribute("fill", "none");
     outline.setAttribute("stroke", "#5B57D1");
     outline.setAttribute("stroke-width", 1.5);
@@ -720,4 +742,4 @@ var Rectangle = class {
 export {
   Rectangle
 };
-//# sourceMappingURL=chunk-VZPH7OAM.js.map
+//# sourceMappingURL=chunk-3ROBBYUS.js.map

package/dist/react/chunk-3ROBBYUS.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/shapes/Rectangle.js"],
+  "sourcesContent": ["/* eslint-disable */\nimport { registerRotationAnchor } from '../core/ScreenSpaceControls.js';\nimport { canvasToLocal, localToCanvas } from '../core/CanvasSpace.js';\nimport { DEFAULT_SHAPE_LABEL_FONT_SIZE, measureShapeLabel } from '../core/ShapeLabelLayout.js';\nimport { resolveThemeLabelColor } from '../utils/themeColors.js';\n// Rectangle shape class - extracted from drawSquare.js\n// Depends on globals: svg, shapes, rough, currentShape, currentZoom, rc\n\n// Create local rc from globals; tool-state vars default to false\nconst rc = rough.svg(svg);\nlet isDraggingShapeSquare = false;\nlet isResizingShapeSquare = false;\nlet isRotatingShapeSquare = false;\nlet hoveredFrame = null;\nconst SquarecolorOptions = document.querySelectorAll(\".squareStrokeSpan\");\nconst backgroundColorOptionsSquare = document.querySelectorAll(\".squareBackgroundSpan\");\nconst fillStyleOptions = document.querySelectorAll(\".squareFillStyleSpan\");\nconst squareStrokeThicknessValue = document.querySelectorAll(\".squareStrokeThickSpan\");\nconst squareOutlineStyleValue = document.querySelectorAll(\".squareOutlineStyle\");\n// Depends on globals: squareStrokecolor, squareBackgroundColor, squareFillStyleValue, squareStrokeThicknes, squareOutlineStyle\n// Depends on globals: isDraggingShapeSquare, isResizingShapeSquare, isRotatingShapeSquare\n// Depends on globals: squareSideBar, disableAllSideBars\n// Depends on DOM query: SquarecolorOptions, backgroundColorOptionsSquare, fillStyleOptions, squareStrokeThicknessValue, squareOutlineStyleValue\n\nclass Rectangle {\n    constructor(x, y, width, height, options = {}) {\n        this.x = x;\n        this.y = y;\n        this.width = width;\n        this.height = height;\n        this.options = {\n            roughness: 1.5,\n            stroke: \"#fff\",\n            strokeWidth: 2,\n            fill: \"transparent\",\n            fillStyle: \"none\",\n            strokeDasharray: \"\",\n            ...options\n        };\n        this.element = null;\n        this.isSelected = false;\n        this.rotation = 0;\n        this.group = document.createElementNS('http://www.w3.org/2000/svg', 'g');\n        this.anchors = [];\n        this.rotationAnchor = null;\n        this.selectionPadding = 8;\n        this.selectionOutline = null;\n        this.shapeName = 'rectangle';\n        this.shapeID = `rectangle-${String(Date.now()).slice(0, 8)}-${Math.floor(Math.random() * 10000)}`;\n        this.group.setAttribute('id', this.shapeID);\n\n        // Embedded label support\n        this.label = options.label || '';\n        this.labelElement = null;\n        this.labelColor = resolveThemeLabelColor(options.labelColor);\n        this.labelFontSize = options.labelFontSize || DEFAULT_SHAPE_LABEL_FONT_SIZE;\n        this.labelBg = options.labelBg !== false; // set labelBg:false to render plain text with no pill backdrop\n        this._isEditingLabel = false;\n        this._hitArea = null;\n        this._labelBg = null;\n\n        // Shading / gradient support for research paper style diagrams\n        this.shadeColor = options.shadeColor || null;\n        this.shadeOpacity = options.shadeOpacity !== undefined ? options.shadeOpacity : 0.15;\n        this.shadeDirection = options.shadeDirection || 'bottom'; // 'top' | 'bottom' | 'left' | 'right'\n        this._shadeRect = null;\n        this._shadeGradient = null;\n\n         if (!this.group.parentNode) {\n             svg.appendChild(this.group);\n         }\n         this._lastDrawn = {\n            width: null,\n            height: null,\n            options: null\n        };\n        this.isBeingDrawn = false;\n        this._setupLabelDblClick();\n        this.draw();\n    }\n    draw() {\n        const labelLayout = this._ensureLabelFits();\n        const childrenToRemove = [];\n        const preserveSet = this._skipAnchors ? new Set([...this.anchors, this.selectionOutline, this.rotationAnchor].filter(Boolean)) : null;\n        for (let i = 0; i < this.group.children.length; i++) {\n            const child = this.group.children[i];\n            if (child !== this.element && child !== this.labelElement && child !== this._hitArea && child !== this._labelBg && child !== this._shadeRect) {\n                if (preserveSet && preserveSet.has(child)) continue;\n                childrenToRemove.push(child);\n            }\n        }\n        childrenToRemove.forEach(child => this.group.removeChild(child));\n\n        const optionsString = JSON.stringify(this.options);\n        const isInitialDraw = this.element === null;\n        const optionsChanged = optionsString !== this._lastDrawn.options;\n        const sizeChanged = this.width !== this._lastDrawn.width || this.height !== this._lastDrawn.height;\n\n        // Only regenerate rough element if it's not being actively drawn OR if options changed OR initial draw\n        if (isInitialDraw || optionsChanged || (!this.isBeingDrawn && sizeChanged)) {\n            if (this.element && this.element.parentNode === this.group) {\n                this.group.removeChild(this.element);\n            }\n            const roughRect = rc.rectangle(0, 0, this.width, this.height, this.options);\n            this.element = roughRect;\n            this.group.appendChild(roughRect);\n\n            // Cache the values\n            this._lastDrawn.width = this.width;\n            this._lastDrawn.height = this.height;\n            this._lastDrawn.options = optionsString;\n        }\n\n        // Hit area for dblclick detection (transparent rect that captures pointer events)\n        if (!this._hitArea) {\n            this._hitArea = document.createElementNS('http://www.w3.org/2000/svg', 'rect');\n            this._hitArea.setAttribute('fill', 'transparent');\n            this._hitArea.setAttribute('stroke', 'none');\n            this._hitArea.setAttribute('style', 'pointer-events: all;');\n            this.group.insertBefore(this._hitArea, this.group.firstChild);\n        }\n        this._hitArea.setAttribute('x', 0);\n        this._hitArea.setAttribute('y', 0);\n        this._hitArea.setAttribute('width', this.width);\n        this._hitArea.setAttribute('height', this.height);\n\n        // Shading / gradient overlay\n        this._updateShade();\n\n        // Update embedded label\n        this._updateLabelElement(labelLayout);\n\n        const rotateCenterX = this.width / 2;\n        const rotateCenterY = this.height / 2;\n        this.group.setAttribute('transform', `translate(${this.x}, ${this.y}) rotate(${this.rotation}, ${rotateCenterX}, ${rotateCenterY})`);\n\n        if (this.isSelected) {\n            if (this._skipAnchors) {\n                this.updateSelectionControls();\n            } else {\n                this.addAnchors();\n            }\n        }\n        if (!this.group.parentNode) {\n            this.updateAttachedArrows();\n            svg.appendChild(this.group);\n        }\n    }\n\n    _updateShade() {\n        if (!this.shadeColor) {\n            if (this._shadeRect && this._shadeRect.parentNode === this.group) {\n                this.group.removeChild(this._shadeRect);\n                this._shadeRect = null;\n            }\n            if (this._shadeGradient && this._shadeGradient.parentNode) {\n                this._shadeGradient.parentNode.removeChild(this._shadeGradient);\n                this._shadeGradient = null;\n            }\n            return;\n        }\n\n        // Create or update gradient in SVG defs\n        let defs = svg.querySelector('defs');\n        if (!defs) {\n            defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs');\n            svg.appendChild(defs);\n        }\n\n        const gradId = `shade-${this.shapeID}`;\n        if (!this._shadeGradient) {\n            this._shadeGradient = document.createElementNS('http://www.w3.org/2000/svg', 'linearGradient');\n            this._shadeGradient.setAttribute('id', gradId);\n            defs.appendChild(this._shadeGradient);\n        }\n\n        // Direction mapping\n        const dirs = {\n            top:    { x1: '0%', y1: '0%', x2: '0%', y2: '100%' },\n            bottom: { x1: '0%', y1: '100%', x2: '0%', y2: '0%' },\n            left:   { x1: '0%', y1: '0%', x2: '100%', y2: '0%' },\n            right:  { x1: '100%', y1: '0%', x2: '0%', y2: '0%' },\n        };\n        const d = dirs[this.shadeDirection] || dirs.bottom;\n        this._shadeGradient.setAttribute('x1', d.x1);\n        this._shadeGradient.setAttribute('y1', d.y1);\n        this._shadeGradient.setAttribute('x2', d.x2);\n        this._shadeGradient.setAttribute('y2', d.y2);\n\n        // Rebuild stops\n        while (this._shadeGradient.firstChild) this._shadeGradient.removeChild(this._shadeGradient.firstChild);\n        const stop1 = document.createElementNS('http://www.w3.org/2000/svg', 'stop');\n        stop1.setAttribute('offset', '0%');\n        stop1.setAttribute('stop-color', this.shadeColor);\n        stop1.setAttribute('stop-opacity', this.shadeOpacity);\n        const stop2 = document.createElementNS('http://www.w3.org/2000/svg', 'stop');\n        stop2.setAttribute('offset', '100%');\n        stop2.setAttribute('stop-color', this.shadeColor);\n        stop2.setAttribute('stop-opacity', '0');\n        this._shadeGradient.appendChild(stop1);\n        this._shadeGradient.appendChild(stop2);\n\n        // Create or update shade rect\n        if (!this._shadeRect) {\n            this._shadeRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');\n            this._shadeRect.setAttribute('pointer-events', 'none');\n        }\n        this._shadeRect.setAttribute('x', 0);\n        this._shadeRect.setAttribute('y', 0);\n        this._shadeRect.setAttribute('width', this.width);\n        this._shadeRect.setAttribute('height', this.height);\n        this._shadeRect.setAttribute('fill', `url(#${gradId})`);\n        this._shadeRect.setAttribute('rx', 2);\n\n        // Insert after rough element\n        if (this._shadeRect.parentNode === this.group) this.group.removeChild(this._shadeRect);\n        if (this.element && this.element.nextSibling) {\n            this.group.insertBefore(this._shadeRect, this.element.nextSibling);\n        } else {\n            this.group.appendChild(this._shadeRect);\n        }\n    }\n\n    _ensureLabelFits() {\n        if (!this.label) return null;\n        const layout = measureShapeLabel(this.label, this.labelFontSize);\n        // Dense diagram renderers opt out of the label backdrop and own their\n        // geometry. Auto-fit is for interactive rectangle labels.\n        if (this.isBeingDrawn || !this.labelBg) return layout;\n        this.width = Math.max(this.width, layout.requiredWidth);\n        this.height = Math.max(this.height, layout.requiredHeight);\n        return layout;\n    }\n\n    _updateLabelElement(layout = null) {\n        if (!this.label) {\n            // Remove label element if label is empty\n            if (this.labelElement && this.labelElement.parentNode === this.group) {\n                this.group.removeChild(this.labelElement);\n                this.labelElement = null;\n            }\n            if (this._labelBg && this._labelBg.parentNode === this.group) {\n                this.group.removeChild(this._labelBg);\n                this._labelBg = null;\n            }\n            return;\n        }\n\n        if (!this.labelElement) {\n            this.labelElement = document.createElementNS('http://www.w3.org/2000/svg', 'text');\n            this.labelElement.setAttribute('class', 'shape-label');\n            this.labelElement.setAttribute('pointer-events', 'none');\n        }\n\n        const labelLayout = layout || measureShapeLabel(this.label, this.labelFontSize);\n        const startY = (this.height - labelLayout.contentHeight) / 2;\n\n        while (this.labelElement.firstChild) this.labelElement.removeChild(this.labelElement.firstChild);\n        labelLayout.lines.forEach((line, index) => {\n            const tspan = document.createElementNS('http://www.w3.org/2000/svg', 'tspan');\n            tspan.setAttribute('x', this.width / 2);\n            tspan.setAttribute('y', startY + index * labelLayout.lineHeight);\n            tspan.setAttribute('dominant-baseline', 'hanging');\n            tspan.textContent = line || ' ';\n            this.labelElement.appendChild(tspan);\n        });\n\n        // Position at center of rectangle\n        this.labelElement.setAttribute('x', this.width / 2);\n        this.labelElement.setAttribute('text-anchor', 'middle');\n        this.labelElement.setAttribute('fill', this.labelColor);\n        this.labelElement.setAttribute('font-size', this.labelFontSize);\n        this.labelElement.setAttribute('font-family', 'lixFont, sans-serif');\n\n        // Background padding rect behind text (like arrows have) \u2014 skippable\n        // via labelBg:false for dense multi-row content (e.g. mermaid ER\n        // attribute rows) where a pill backdrop looks out of place and\n        // doesn't match the SVG preview.\n        if (!this.labelBg) {\n            if (this._labelBg && this._labelBg.parentNode === this.group) {\n                this.group.removeChild(this._labelBg);\n                this._labelBg = null;\n            }\n            if (this.labelElement.parentNode === this.group) this.group.removeChild(this.labelElement);\n            this.group.appendChild(this.labelElement);\n            return;\n        }\n        const canvasBg = window.getComputedStyle(svg).backgroundColor || '#000';\n        if (!this._labelBg) {\n            this._labelBg = document.createElementNS('http://www.w3.org/2000/svg', 'rect');\n            this._labelBg.setAttribute('pointer-events', 'none');\n        }\n        this._labelBg.setAttribute('fill', canvasBg);\n        const hPadding = 6;\n        const vPadding = 2;\n        const bgW = labelLayout.contentWidth + hPadding * 2;\n        const bgH = labelLayout.contentHeight + vPadding * 2;\n        this._labelBg.setAttribute('x', this.width / 2 - bgW / 2);\n        this._labelBg.setAttribute('y', this.height / 2 - bgH / 2);\n        this._labelBg.setAttribute('width', bgW);\n        this._labelBg.setAttribute('height', bgH);\n        this._labelBg.setAttribute('rx', 3);\n\n        // Re-append bg then text on top\n        if (this._labelBg.parentNode === this.group) this.group.removeChild(this._labelBg);\n        if (this.labelElement.parentNode === this.group) this.group.removeChild(this.labelElement);\n        this.group.appendChild(this._labelBg);\n        this.group.appendChild(this.labelElement);\n    }\n\n    _setupLabelDblClick() {\n        this.group.addEventListener('dblclick', (e) => {\n            e.stopPropagation();\n            e.preventDefault();\n            this.startLabelEdit();\n        });\n    }\n\n    startLabelEdit() {\n        if (this._isEditingLabel) return;\n        this._isEditingLabel = true;\n\n        // Hide label element during editing\n        if (this.labelElement) {\n            this.labelElement.setAttribute('visibility', 'hidden');\n        }\n\n        // Get shape's screen position via CTM\n        const ctm = this.group.getScreenCTM();\n        if (!ctm) { this._isEditingLabel = false; return; }\n\n        // Map the shape corners to screen coords\n        const pt1 = svg.createSVGPoint();\n        pt1.x = 0; pt1.y = 0;\n        const screenTL = pt1.matrixTransform(ctm);\n        const pt2 = svg.createSVGPoint();\n        pt2.x = this.width; pt2.y = this.height;\n        const screenBR = pt2.matrixTransform(ctm);\n\n        const screenW = Math.abs(screenBR.x - screenTL.x);\n        const screenH = Math.abs(screenBR.y - screenTL.y);\n        const screenX = Math.min(screenTL.x, screenBR.x);\n        const screenY = Math.min(screenTL.y, screenBR.y);\n\n        // Create HTML overlay\n        const overlay = document.createElement('div');\n        overlay.className = 'shape-label-editor';\n        overlay.style.cssText = `\n            position: fixed; z-index: 10000;\n            left: ${screenX}px; top: ${screenY}px;\n            width: ${screenW}px; height: ${screenH}px;\n            display: flex; align-items: center; justify-content: center;\n            pointer-events: auto;\n        `;\n\n        const canvasBg = window.getComputedStyle(svg).backgroundColor || '#000';\n        const input = document.createElement('div');\n        input.setAttribute('contenteditable', 'true');\n        input.style.cssText = `\n            max-width: ${screenW - 8}px; min-width: 30px; min-height: 20px;\n            background: ${canvasBg}; border: none;\n            outline: none; padding: 2px 6px;\n            color: ${this.labelColor}; font-size: ${Math.max(12, this.labelFontSize * (screenW / Math.max(this.width, 1)))}px;\n            font-family: lixFont, sans-serif; text-align: center;\n            white-space: pre-wrap; word-break: break-word;\n            cursor: text;\n        `;\n        if (this.label) {\n            input.textContent = this.label;\n        } else {\n            input.innerHTML = '&nbsp;';\n        }\n\n        overlay.appendChild(input);\n        document.body.appendChild(overlay);\n\n        // Focus and select all text\n        setTimeout(() => {\n            input.focus();\n            const sel = window.getSelection();\n            const range = document.createRange();\n            range.selectNodeContents(input);\n            sel.removeAllRanges();\n            sel.addRange(range);\n        }, 10);\n\n        const finishEdit = () => {\n            const newText = input.innerText.trim().replace(/\\u00A0/g, '');\n            this.label = newText;\n            this._isEditingLabel = false;\n\n            if (overlay.parentNode) overlay.parentNode.removeChild(overlay);\n            if (this.labelElement) this.labelElement.setAttribute('visibility', 'visible');\n            this.draw();\n        };\n\n        input.addEventListener('blur', finishEdit);\n        input.addEventListener('keydown', (e) => {\n            e.stopPropagation();\n            if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); input.blur(); }\n            if (e.key === 'Escape') { input.textContent = this.label; input.blur(); }\n        });\n        input.addEventListener('pointerdown', (e) => e.stopPropagation());\n        input.addEventListener('pointermove', (e) => e.stopPropagation());\n        input.addEventListener('pointerup', (e) => e.stopPropagation());\n    }\n\n    setLabel(text, color, fontSize) {\n        this.label = text || '';\n        if (color) this.labelColor = color;\n        if (fontSize) this.labelFontSize = fontSize;\n        this.draw();\n    }\n\n    setDrawingState(isDrawing) {\n        this.isBeingDrawn = isDrawing;\n    }\n\n    getRotatedCursor(direction, angle) {\n        const directions = ['ns', 'nesw', 'ew', 'nwse'];\n        angle = angle % 360;\n        if (angle < 0) angle += 360;\n\n        const baseDirectionMap = {\n            '0': 'nwse', '1': 'nesw', \n            '2': 'nesw', '3': 'nwse', \n            '4': 'ns',   '5': 'ns',     \n            '6': 'ew',   '7': 'ew'      \n        };\n        const baseDirection = baseDirectionMap[direction];\n        let effectiveAngle = angle; \n        if (baseDirection === 'nesw') {\n            effectiveAngle += 45;\n        } else if (baseDirection === 'ew') {\n            effectiveAngle += 90;\n        } else if (baseDirection === 'nwse') {\n            effectiveAngle += 135;\n        }\n        effectiveAngle = effectiveAngle % 360;\n        if (effectiveAngle < 0) effectiveAngle += 360;\n        const index = Math.round(effectiveAngle / 45) % 4; \n         let finalIndex;\n         if (effectiveAngle >= 337.5 || effectiveAngle < 22.5) finalIndex = 0; \n         else if (effectiveAngle >= 22.5 && effectiveAngle < 67.5) finalIndex = 1; \n         else if (effectiveAngle >= 67.5 && effectiveAngle < 112.5) finalIndex = 2; \n         else if (effectiveAngle >= 112.5 && effectiveAngle < 157.5) finalIndex = 3;\n         else if (effectiveAngle >= 157.5 && effectiveAngle < 202.5) finalIndex = 0; \n         else if (effectiveAngle >= 202.5 && effectiveAngle < 247.5) finalIndex = 1; \n         else if (effectiveAngle >= 247.5 && effectiveAngle < 292.5) finalIndex = 2; \n         else if (effectiveAngle >= 292.5 && effectiveAngle < 337.5) finalIndex = 3; \n         else finalIndex = 0; \n        return directions[finalIndex];\n    }\n    addAnchors() {\n        const zoom = window.currentZoom || 1;\n        const anchorSize = 10 / zoom;\n        const anchorStrokeWidth = 2;\n        const self = this;\n        const expandedX = -this.selectionPadding; \n        const expandedY = -this.selectionPadding; \n        const expandedWidth = this.width + 2 * this.selectionPadding;\n        const expandedHeight = this.height + 2 * this.selectionPadding;\n\n        const positions = [\n            { x: expandedX, y: expandedY }, \n            { x: expandedX + expandedWidth, y: expandedY }, \n            { x: expandedX, y: expandedY + expandedHeight }, \n            { x: expandedX + expandedWidth, y: expandedY + expandedHeight }, \n            { x: expandedX + expandedWidth / 2, y: expandedY }, \n            { x: expandedX + expandedWidth / 2, y: expandedY + expandedHeight }, \n            { x: expandedX, y: expandedHeight / 2 + expandedY }, \n            { x: expandedX + expandedWidth, y: expandedHeight / 2 + expandedY } \n        ];\n\n        const outlinePoints = [\n            [positions[0].x, positions[0].y],\n            [positions[1].x, positions[1].y],\n            [positions[3].x, positions[3].y],\n            [positions[2].x, positions[2].y],\n            [positions[0].x, positions[0].y]\n        ];\n\n        this.anchors.forEach(anchor => {\n             if (anchor.parentNode === this.group) {\n                 this.group.removeChild(anchor);\n             }\n         });\n          if (this.rotationAnchor && this.rotationAnchor.parentNode === this.group) {\n             this.group.removeChild(this.rotationAnchor);\n         }\n          if (this.selectionOutline && this.selectionOutline.parentNode === this.group) {\n             this.group.removeChild(this.selectionOutline);\n         }\n\n        this.anchors = [];\n        const anchorDirections = {\n            0: 'nwse', \n            1: 'nesw', \n            2: 'nesw', \n            3: 'nwse', \n            4: 'ns',   \n            5: 'ns',   \n            6: 'ew',   \n            7: 'ew'    \n        };\n\n        positions.forEach((pos, i) => {\n            const anchor = document.createElementNS('http://www.w3.org/2000/svg', 'rect');\n            anchor.setAttribute('x', pos.x - anchorSize / 2);\n            anchor.setAttribute('y', pos.y - anchorSize / 2);\n            anchor.setAttribute('width', anchorSize);\n            anchor.setAttribute('height', anchorSize);\n            anchor.setAttribute('class', 'anchor');\n            anchor.setAttribute('data-index', i);\n            anchor.setAttribute('fill', '#121212');\n            anchor.setAttribute('stroke', '#5B57D1');\n            anchor.setAttribute('stroke-width', anchorStrokeWidth);\n            anchor.setAttribute('vector-effect', 'non-scaling-stroke');\n            anchor.setAttribute('style', 'pointer-events: all;');\n\n            anchor.addEventListener('mouseover', function () {\n                const index = this.getAttribute('data-index');\n                const baseDirection = anchorDirections[index];\n                const rotatedCursor = self.getRotatedCursor(index, self.rotation); \n                svg.style.cursor = rotatedCursor + '-resize';\n            });\n\n            anchor.addEventListener('mouseout', function () {\n                 if (!isResizingShapeSquare && !isDraggingShapeSquare && !isRotatingShapeSquare) {\n                     svg.style.cursor = 'default';\n                 }\n            });\n\n            this.group.appendChild(anchor);\n            this.anchors[i] = anchor;\n        });\n        const rotationAnchorPos = { x: expandedX + expandedWidth / 2, y: expandedY - 30 / zoom };\n        this.rotationAnchor = document.createElementNS('http://www.w3.org/2000/svg', 'circle');\n        this.rotationAnchor.setAttribute('cx', rotationAnchorPos.x);\n        this.rotationAnchor.setAttribute('cy', rotationAnchorPos.y);\n        this.rotationAnchor.setAttribute('r', 8 / zoom);\n        this.rotationAnchor.setAttribute('class', 'rotate-anchor');\n        this.rotationAnchor.setAttribute('fill', '#121212');\n        this.rotationAnchor.setAttribute('stroke', '#5B57D1');\n        this.rotationAnchor.setAttribute('stroke-width', anchorStrokeWidth);\n        this.rotationAnchor.setAttribute('vector-effect', 'non-scaling-stroke');\n        this.rotationAnchor.setAttribute('style', 'pointer-events: all;');\n        this.group.appendChild(this.rotationAnchor);\n        registerRotationAnchor(this.rotationAnchor, { radius: 8, edgeY: expandedY });\n\n        this.rotationAnchor.addEventListener('mouseover', function () {\n             if (!isResizingShapeSquare && !isDraggingShapeSquare && !isRotatingShapeSquare) {\n                 svg.style.cursor = 'grab';\n             }\n        });\n        this.rotationAnchor.addEventListener('mouseout', function () {\n            if (!isResizingShapeSquare && !isDraggingShapeSquare && !isRotatingShapeSquare) {\n                svg.style.cursor = 'default';\n            }\n        });\n\n        const pointsAttr = outlinePoints.map(p => p.join(',')).join(' ');\n        const outline = document.createElementNS('http://www.w3.org/2000/svg', 'polyline');\n        outline.setAttribute('points', pointsAttr);\n        outline.setAttribute('class', 'selection-outline');\n        outline.setAttribute('fill', 'none');\n        outline.setAttribute('stroke', '#5B57D1');\n        outline.setAttribute('stroke-width', 1.5);\n        outline.setAttribute('stroke-dasharray', '4 2');\n        outline.setAttribute('vector-effect', 'non-scaling-stroke');\n        outline.setAttribute('style', 'pointer-events: none;');\n        this.group.appendChild(outline);\n        this.selectionOutline = outline;\n\n        // Show relevant sidebar\n        disableAllSideBars();\n        squareSideBar.classList.remove(\"hidden\");\n        if (window.__showSidebarForShape) window.__showSidebarForShape('rectangle');\n        this.updateSidebar();\n    }\n\n    updateSelectionControls() {\n        if (!this.selectionOutline || this.anchors.length === 0) return;\n\n        const zoom = window.currentZoom || 1;\n        const anchorSize = 10 / zoom;\n        const expandedX = -this.selectionPadding;\n        const expandedY = -this.selectionPadding;\n        const expandedWidth = this.width + 2 * this.selectionPadding;\n        const expandedHeight = this.height + 2 * this.selectionPadding;\n\n        const positions = [\n            { x: expandedX, y: expandedY },\n            { x: expandedX + expandedWidth, y: expandedY },\n            { x: expandedX, y: expandedY + expandedHeight },\n            { x: expandedX + expandedWidth, y: expandedY + expandedHeight },\n            { x: expandedX + expandedWidth / 2, y: expandedY },\n            { x: expandedX + expandedWidth / 2, y: expandedY + expandedHeight },\n            { x: expandedX, y: expandedHeight / 2 + expandedY },\n            { x: expandedX + expandedWidth, y: expandedHeight / 2 + expandedY }\n        ];\n\n        // Update anchor positions\n        positions.forEach((pos, i) => {\n            if (this.anchors[i]) {\n                this.anchors[i].setAttribute('x', pos.x - anchorSize / 2);\n                this.anchors[i].setAttribute('y', pos.y - anchorSize / 2);\n            }\n        });\n\n        // Update outline\n        const outlinePoints = [\n            [positions[0].x, positions[0].y],\n            [positions[1].x, positions[1].y],\n            [positions[3].x, positions[3].y],\n            [positions[2].x, positions[2].y],\n            [positions[0].x, positions[0].y]\n        ];\n        this.selectionOutline.setAttribute('points', outlinePoints.map(p => p.join(',')).join(' '));\n\n        // Update rotation anchor\n        if (this.rotationAnchor) {\n            this.rotationAnchor.setAttribute('cx', expandedX + expandedWidth / 2);\n            this.rotationAnchor.setAttribute('cy', expandedY - 30 / zoom);\n        }\n    }\n\n    removeSelection() {\n        // Remove selection elements (anchors, outline, rotation anchor) from the group\n        this.anchors.forEach(anchor => {\n             if (anchor.parentNode === this.group) {\n                 this.group.removeChild(anchor);\n             }\n         });\n         if (this.rotationAnchor && this.rotationAnchor.parentNode === this.group) {\n            this.group.removeChild(this.rotationAnchor);\n         }\n         if (this.selectionOutline && this.selectionOutline.parentNode === this.group) {\n            this.group.removeChild(this.selectionOutline);\n         }\n        this.anchors = [];\n        this.rotationAnchor = null;\n        this.selectionOutline = null;\n        this.isSelected = false;\n    }\n\n    contains(x, y) {\n        if (!this.element) return false;\n        // x/y are already canvas (viewBox) coordinates. getCTM() operates in\n        // viewport coordinates and made hit testing drift after pan/zoom.\n        const centerX = this.width / 2;\n        const centerY = this.height / 2;\n        const angle = -(this.rotation || 0) * Math.PI / 180;\n        const translatedX = x - this.x;\n        const translatedY = y - this.y;\n        const dx = translatedX - centerX;\n        const dy = translatedY - centerY;\n        const localX = dx * Math.cos(angle) - dy * Math.sin(angle) + centerX;\n        const localY = dx * Math.sin(angle) + dy * Math.cos(angle) + centerY;\n        const tolerance = 5;\n        return localX >= -tolerance && localX <= this.width + tolerance &&\n               localY >= -tolerance && localY <= this.height + tolerance;\n    }\n\n     // Helper to check if a point is near an anchor\n     isNearAnchor(x, y) {\n         if (!this.isSelected) return null;\n         const zoom = window.currentZoom || 1;\n         const buffer = 10 / zoom;\n         const anchorSize = 10 / zoom;\n         const transform = { x: this.x, y: this.y, rotation: this.rotation, centerX: this.width / 2, centerY: this.height / 2 };\n\n         // Iterate through anchors\n         for (let i = 0; i < this.anchors.length; i++) {\n             const anchor = this.anchors[i];\n             const anchorLocalX = parseFloat(anchor.getAttribute('x')) + anchorSize / 2;\n             const anchorLocalY = parseFloat(anchor.getAttribute('y')) + anchorSize / 2;\n             const transformedPoint = localToCanvas({ x: anchorLocalX, y: anchorLocalY }, transform);\n             const anchorLeft = transformedPoint.x - anchorSize/2 - buffer;\n             const anchorRight = transformedPoint.x + anchorSize/2 + buffer;\n             const anchorTop = transformedPoint.y - anchorSize/2 - buffer;\n             const anchorBottom = transformedPoint.y + anchorSize/2 + buffer;\n             if (x >= anchorLeft && x <= anchorRight && y >= anchorTop && y <= anchorBottom) {\n                 return { type: 'resize', index: i };\n             }\n         }\n\n         // Check rotation anchor\n         if (this.rotationAnchor) {\n             const rotateAnchorLocalX = parseFloat(this.rotationAnchor.getAttribute('cx'));\n             const rotateAnchorLocalY = parseFloat(this.rotationAnchor.getAttribute('cy'));\n             const transformedPoint = localToCanvas({ x: rotateAnchorLocalX, y: rotateAnchorLocalY }, transform);\n             const rotateAnchorRadius = parseFloat(this.rotationAnchor.getAttribute('r'));\n             const distSq = (x - transformedPoint.x)**2 + (y - transformedPoint.y)**2;\n             if (distSq <= (rotateAnchorRadius + buffer)**2) {\n                 return { type: 'rotate' };\n             }\n         }\n\n         return null;\n     }\n\n\nmove(dx, dy) {\n    this.x += dx;\n    this.y += dy;\n\n    // Fast path: just update the transform \u2014 no need to rebuild RoughJS element\n    const rotateCenterX = this.width / 2;\n    const rotateCenterY = this.height / 2;\n    this.group.setAttribute('transform', `translate(${this.x}, ${this.y}) rotate(${this.rotation}, ${rotateCenterX}, ${rotateCenterY})`);\n\n    this.updateAttachedArrows();\n\n    // Only update frame containment if we're actively dragging the shape itself\n    // and not being moved by a parent frame\n    if (isDraggingShapeSquare && !this.isBeingMovedByFrame) {\n        this.updateFrameContainment();\n    }\n}\n\nupdateFrameContainment() {\n    // Don't update if we're being moved by a frame\n    if (this.isBeingMovedByFrame) return;\n    \n    let targetFrame = null;\n    \n    // Find which frame this shape is over\n    shapes.forEach(shape => {\n        if (shape.shapeName === 'frame' && shape.isShapeInFrame(this)) {\n            targetFrame = shape;\n        }\n    });\n    \n    // If we have a parent frame and we're being dragged, temporarily remove clipping\n    if (this.parentFrame && isDraggingShapeSquare) {\n        this.parentFrame.temporarilyRemoveFromFrame(this);\n    }\n    \n    // Update frame highlighting\n    if (hoveredFrame && hoveredFrame !== targetFrame) {\n        hoveredFrame.removeHighlight();\n    }\n    \n    if (targetFrame && targetFrame !== hoveredFrame) {\n        targetFrame.highlightFrame();\n    }\n    \n    hoveredFrame = targetFrame;\n}\n\n    updatePosition(anchorIndex, newMouseX, newMouseY) {\n        const oldW = this.width;\n        const oldH = this.height;\n        const transform = { x: this.x, y: this.y, rotation: this.rotation, centerX: oldW / 2, centerY: oldH / 2 };\n        const localMouse = canvasToLocal({ x: newMouseX, y: newMouseY }, transform);\n\n        // Determine fixed point in old local coords and compute raw new dimensions\n        let fixedOldX, fixedOldY, rawW, rawH;\n        switch (anchorIndex) {\n            case 0: fixedOldX = oldW; fixedOldY = oldH; rawW = oldW - localMouse.x; rawH = oldH - localMouse.y; break;\n            case 1: fixedOldX = 0;    fixedOldY = oldH; rawW = localMouse.x;        rawH = oldH - localMouse.y; break;\n            case 2: fixedOldX = oldW; fixedOldY = 0;    rawW = oldW - localMouse.x; rawH = localMouse.y;        break;\n            case 3: fixedOldX = 0;    fixedOldY = 0;    rawW = localMouse.x;        rawH = localMouse.y;        break;\n            case 4: fixedOldX = 0;    fixedOldY = oldH; rawW = oldW;                rawH = oldH - localMouse.y; break;\n            case 5: fixedOldX = 0;    fixedOldY = 0;    rawW = oldW;                rawH = localMouse.y;        break;\n            case 6: fixedOldX = oldW; fixedOldY = 0;    rawW = oldW - localMouse.x; rawH = oldH;               break;\n            case 7: fixedOldX = 0;    fixedOldY = 0;    rawW = localMouse.x;        rawH = oldH;               break;\n        }\n\n        // Get world position of the fixed point using current CTM\n        const fixedWorld = localToCanvas({ x: fixedOldX, y: fixedOldY }, transform);\n\n        // Handle negative dimensions (dragged past opposite edge)\n        const newW = Math.abs(rawW);\n        const newH = Math.abs(rawH);\n\n        // Fixed point in new local coords (flips if dimension went negative)\n        const fixedNewX = fixedOldX === 0 ? (rawW >= 0 ? 0 : newW) : (rawW >= 0 ? newW : 0);\n        const fixedNewY = fixedOldY === 0 ? (rawH >= 0 ? 0 : newH) : (rawH >= 0 ? newH : 0);\n\n        // Solve for new x, y so the fixed corner stays in place\n        // Transform: translate(x, y) rotate(\u03B8, newW/2, newH/2)\n        const rad = this.rotation * Math.PI / 180;\n        const cosR = Math.cos(rad);\n        const sinR = Math.sin(rad);\n        const ncx = newW / 2;\n        const ncy = newH / 2;\n        const dx = fixedNewX - ncx;\n        const dy = fixedNewY - ncy;\n        const rotX = ncx + dx * cosR - dy * sinR;\n        const rotY = ncy + dx * sinR + dy * cosR;\n\n        this.x = fixedWorld.x - rotX;\n        this.y = fixedWorld.y - rotY;\n        this.width = newW;\n        this.height = newH;\n\n        this.updateAttachedArrows();\n    }\n\n        updateAttachedArrows() {\n        shapes.forEach(shape => {\n            if (shape && shape.shapeName === 'arrow' && typeof shape.updateAttachments === 'function') {\n                \n                if ((shape.attachedToStart && shape.attachedToStart.shape === this) ||\n                    (shape.attachedToEnd && shape.attachedToEnd.shape === this)) {\n                    shape.updateAttachments();\n                }\n            }\n        });\n    }   \n\n    rotate(angle) {\n        angle = angle % 360;\n        if (angle < 0) angle += 360;\n        this.rotation = angle;\n    }\n\n     // Method to update the sidebar based on the shape's current options\n    // No-op: React sidebar handles UI updates via Zustand store\n    updateSidebar() {}\n}\n\nexport { Rectangle };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/react/{chunk-TAJ5E6KI.js → chunk-6DJ2UFEY.js}

@@ -1,7 +1,11 @@
 "use client";
+import {
+  DEFAULT_SHAPE_LABEL_FONT_SIZE,
+  resolveThemeLabelColor
+} from "./chunk-6KNC7RDT.js";
 import {
   updateAttachedArrows
-} from "./chunk-KXLNEFN5.js";
+} from "./chunk-2U47AU6Y.js";
 
 // src/shapes/Line.js
 var rc = rough.svg(svg);
@@ -16,6 +20,9 @@ var Line = class {
     this.startPoint = startPoint;
     this.endPoint = endPoint;
     this.options = { ...options };
+    if (!Number.isInteger(this.options.seed) || this.options.seed <= 0) {
+      this.options.seed = Math.floor(Math.random() * 2147483647) + 1;
+    }
     this.group = document.createElementNS("http://www.w3.org/2000/svg", "g");
     this.isSelected = false;
     this.anchors = [];
@@ -28,11 +35,12 @@ var Line = class {
     this.parentFrame = null;
     this.label = options.label || "";
     this.labelElement = null;
-    this.labelColor = options.labelColor || "#e0e0e0";
-    this.labelFontSize = options.labelFontSize || 12;
+    this.labelColor = resolveThemeLabelColor(options.labelColor);
+    this.labelFontSize = options.labelFontSize || DEFAULT_SHAPE_LABEL_FONT_SIZE;
     this._isEditingLabel = false;
     this._hitArea = null;
     this._labelBg = null;
+    this._dragRenderFrame = null;
     svg.appendChild(this.group);
     this._setupLabelDblClick();
     this.draw();
@@ -368,7 +376,7 @@ var Line = class {
     });
     this.anchors = [];
     const anchorSize = 10 / (currentZoom || 1);
-    const anchorStrokeWidth = 2 / (currentZoom || 1);
+    const anchorStrokeWidth = 2;
     const startAnchor = document.createElementNS("http://www.w3.org/2000/svg", "circle");
     startAnchor.setAttribute("cx", this.startPoint.x);
     startAnchor.setAttribute("cy", this.startPoint.y);
@@ -456,6 +464,33 @@ var Line = class {
         y: 2 * newY - 0.5 * (this.startPoint.y + this.endPoint.y)
       };
     }
+    this.scheduleDragRender();
+  }
+  scheduleDragRender() {
+    if (this._dragRenderFrame !== null) return;
+    if (typeof requestAnimationFrame !== "function") {
+      this.renderDragGeometry();
+      return;
+    }
+    this._dragRenderFrame = requestAnimationFrame(() => {
+      this._dragRenderFrame = null;
+      this.renderDragGeometry();
+    });
+  }
+  renderDragGeometry() {
+    this.updateLineElement();
+    this.updateAnchorPositions();
+    if (this._hitArea) {
+      const path = this.isCurved && this.controlPoint ? `M ${this.startPoint.x} ${this.startPoint.y} Q ${this.controlPoint.x} ${this.controlPoint.y} ${this.endPoint.x} ${this.endPoint.y}` : `M ${this.startPoint.x} ${this.startPoint.y} L ${this.endPoint.x} ${this.endPoint.y}`;
+      this._hitArea.setAttribute("d", path);
+    }
+    this._updateLabelElement();
+  }
+  finalizeMove() {
+    if (this._dragRenderFrame !== null && typeof cancelAnimationFrame === "function") {
+      cancelAnimationFrame(this._dragRenderFrame);
+    }
+    this._dragRenderFrame = null;
     this.draw();
   }
   updateLineElement() {
@@ -529,16 +564,7 @@ var Line = class {
       this.controlPoint.x += dx;
       this.controlPoint.y += dy;
     }
-    this.updateLineElement();
-    this.updateAnchorPositions();
-    if (this._hitArea) {
-      if (this.isCurved && this.controlPoint) {
-        this._hitArea.setAttribute("d", `M ${this.startPoint.x} ${this.startPoint.y} Q ${this.controlPoint.x} ${this.controlPoint.y} ${this.endPoint.x} ${this.endPoint.y}`);
-      } else {
-        this._hitArea.setAttribute("d", `M ${this.startPoint.x} ${this.startPoint.y} L ${this.endPoint.x} ${this.endPoint.y}`);
-      }
-    }
-    this._updateLabelElement();
+    this.scheduleDragRender();
     if (!this.isBeingMovedByFrame) {
       this.updateFrameContainment();
     }
@@ -625,4 +651,4 @@ var Line = class {
 export {
   Line
 };
-//# sourceMappingURL=chunk-TAJ5E6KI.js.map
+//# sourceMappingURL=chunk-6DJ2UFEY.js.map