kritzel-stencil 0.1.78 → 0.1.80

package/dist/cjs/{workspace.migrations-sUPrO23c.js → workspace.migrations-DUXtSb7C.js}

@@ -446,7 +446,7 @@ class KritzelBaseObject {
         const object = new KritzelBaseObject();
         object._core = core;
         object.zIndex = core.store.currentZIndex;
-        object.workspaceId = core.store.state.activeWorkspace.id;
+        object.workspaceId = core.store.activeWorkspace.id;
         object.userId = core.user?.id;
         return object;
     }
@@ -513,7 +513,7 @@ class KritzelBaseObject {
      * Triggers a re-render of the object in the canvas.
      */
     update() {
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.update(this);
     }
     /**
      * Moves the object based on the delta between start and end coordinates.
@@ -528,7 +528,7 @@ class KritzelBaseObject {
         const deltaY = (startY - endY) / this._core.store.state.scale;
         this.translateX += deltaX;
         this.translateY += deltaY;
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.update(this);
     }
     /**
      * Resizes the object to new dimensions and position.
@@ -547,7 +547,7 @@ class KritzelBaseObject {
         this.height = height;
         this.translateX = x;
         this.translateY = y;
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.update(this);
         // Update any lines that are anchored to this object (after position is updated)
         this._core.anchorManager.updateAnchorsForObject(this.id);
     }
@@ -557,7 +557,7 @@ class KritzelBaseObject {
      */
     rotate(value) {
         this.rotation = value;
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.update(this);
     }
     /**
      * Creates a shallow clone of this object with the same ID.
@@ -662,7 +662,7 @@ class KritzelBaseObject {
     updatePosition(x, y) {
         this.translateX = x;
         this.translateY = y;
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.update(this);
     }
 }
 
@@ -705,23 +705,27 @@ class KritzelKeyboardHelper {
         const meta = document.querySelector('meta[name="viewport"][content*="interactive-widget=resizes-content"]');
         if (meta) {
             let currentContent = meta.getAttribute('content');
-            if (!currentContent.includes('interactive-widget=resizes-content')) {
+            if (!currentContent?.includes('interactive-widget=resizes-content')) {
                 currentContent += ', interactive-widget=resizes-content';
             }
-            meta.setAttribute('content', currentContent);
+            if (currentContent) {
+                meta.setAttribute('content', currentContent);
+            }
         }
     }
     static disableInteractiveWidget() {
         const meta = document.querySelector('meta[name="viewport"][content*="interactive-widget=resizes-content"]');
         if (meta) {
             let currentContent = meta.getAttribute('content');
-            let newContent = currentContent.replace(/\s*interactive-widget=resizes-content\s*[,;]?/g, '');
-            newContent = newContent
-                .replace(/,(\s*,)+/g, ',')
-                .replace(/^,/, '')
-                .replace(/,$/, '')
-                .trim();
-            meta.setAttribute('content', newContent);
+            let newContent = currentContent?.replace(/\s*interactive-widget=resizes-content\s*[,;]?/g, '');
+            if (newContent !== undefined) {
+                newContent = newContent
+                    .replace(/,(\s*,)+/g, ',')
+                    .replace(/^,/, '')
+                    .replace(/,$/, '')
+                    .trim();
+                meta.setAttribute('content', newContent);
+            }
         }
     }
     static onKeyboardVisibleChanged(callback) {
@@ -734,8 +738,8 @@ class KritzelKeyboardHelper {
                 const isOpen = isMobileDevice && isViewportReduced;
                 callback(isOpen);
             };
-            window.visualViewport.addEventListener('resize', onResize);
-            return () => window.visualViewport.removeEventListener('resize', onResize);
+            window.visualViewport?.addEventListener('resize', onResize);
+            return () => window.visualViewport?.removeEventListener('resize', onResize);
         }
         else {
             // Fallback for older browsers does not provide a reliable event-based mechanism.
@@ -15246,6 +15250,12 @@ class KritzelText extends KritzelBaseObject {
     isEditing = false;
     editor = null;
     content = null;
+    get _editor() {
+        if (!this._editor) {
+            throw new Error('KritzelShape: editor is not initialized');
+        }
+        return this._editor;
+    }
     _schema = new Schema({
         nodes: addListNodes(schema.spec.nodes, 'paragraph block*', 'block'),
         marks: schema.spec.marks,
@@ -15257,10 +15267,10 @@ class KritzelText extends KritzelBaseObject {
      * @returns `true` if the editor is empty or contains only whitespace, `false` otherwise.
      */
     get isEmpty() {
-        if (!this.editor) {
+        if (!this._editor) {
             return true;
         }
-        const doc = this.editor.state.doc;
+        const doc = this._editor.state.doc;
         if (doc.content.size === 0) {
             return true;
         }
@@ -15333,10 +15343,10 @@ class KritzelText extends KritzelBaseObject {
         const object = new KritzelText();
         object._core = core;
         object.id = object.generateId();
-        object.workspaceId = core.store.state.activeWorkspace.id;
+        object.workspaceId = core.store.activeWorkspace.id;
         object.userId = core.user?.id;
-        object.fontSize = fontSize;
-        object.fontFamily = fontFamily;
+        object.fontSize = fontSize || 8;
+        object.fontFamily = fontFamily || 'Arial';
         object.translateX = 0;
         object.translateY = 0;
         const coreScale = core.store.state.scale;
@@ -15364,7 +15374,7 @@ class KritzelText extends KritzelBaseObject {
         element.style.fontFamily = this.fontFamily;
         element.style.fontSize = `${this.fontSize}pt`;
         element.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor);
-        if (this.isMounted && this.elementRef === element && this.editor.dom.parentElement === element) {
+        if (this.isMounted && this.elementRef === element && this._editor.dom.parentElement === element) {
             if (!this._core.store.state.isScaling && !this._core.store.state.isPanning) {
                 requestAnimationFrame(() => this.adjustSizeOnInput());
             }
@@ -15374,7 +15384,7 @@ class KritzelText extends KritzelBaseObject {
         this.elementRef.style.whiteSpace = 'pre-wrap';
         this.elementRef.style.wordWrap = 'break-word';
         this.elementRef.innerHTML = '';
-        this.elementRef.appendChild(this.editor.dom);
+        this.elementRef.appendChild(this._editor.dom);
         this.isMounted = true;
         requestAnimationFrame(() => this.adjustSizeOnInput());
     }
@@ -15392,13 +15402,13 @@ class KritzelText extends KritzelBaseObject {
             }),
             editable: () => false,
             dispatchTransaction: transaction => {
-                const newState = this.editor.state.apply(transaction);
-                this.editor.updateState(newState);
+                const newState = this._editor.state.apply(transaction);
+                this._editor.updateState(newState);
                 if (transaction.docChanged) {
                     this.content = newState.doc.toJSON();
                     this.adjustSizeOnInput();
                     if (!transaction.getMeta('fromRemote')) {
-                        this._core.store.state.objects.update(this, { temporary: true });
+                        this._core.store.objects.update(this, { temporary: true });
                     }
                 }
             },
@@ -15411,11 +15421,11 @@ class KritzelText extends KritzelBaseObject {
      */
     setContent(content) {
         this.content = content;
-        if (this.editor && content) {
-            const newDoc = this.editor.state.schema.nodeFromJSON(content);
-            const tr = this.editor.state.tr.replaceWith(0, this.editor.state.doc.content.size, newDoc.content);
+        if (this._editor && content) {
+            const newDoc = this._editor.state.schema.nodeFromJSON(content);
+            const tr = this._editor.state.tr.replaceWith(0, this._editor.state.doc.content.size, newDoc.content);
             tr.setMeta('fromRemote', true);
-            this.editor.dispatch(tr);
+            this._editor.dispatch(tr);
         }
     }
     /**
@@ -15469,7 +15479,7 @@ class KritzelText extends KritzelBaseObject {
         this.height = originalHeight * this.scaleFactor;
         this.translateX = x;
         this.translateY = y;
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.update(this);
     }
     /**
      * Focuses the text editor and optionally positions the cursor at specific coordinates.
@@ -15480,13 +15490,13 @@ class KritzelText extends KritzelBaseObject {
      * @param coords.y - Y coordinate for cursor placement.
      */
     focus(coords) {
-        if (this.editor) {
-            const doc = this.editor.state.doc;
+        if (this._editor) {
+            const doc = this._editor.state.doc;
             if (coords.x && coords.y && !this.isEmpty) {
-                const pos = this.editor.posAtCoords({ left: coords.x, top: coords.y });
+                const pos = this._editor.posAtCoords({ left: coords.x, top: coords.y });
                 if (pos) {
-                    this.editor.dispatch(this.editor.state.tr.setSelection(TextSelection.create(doc, pos.pos)));
-                    this.editor.focus();
+                    this._editor.dispatch(this._editor.state.tr.setSelection(TextSelection.create(doc, pos.pos)));
+                    this._editor.focus();
                     if (KritzelDevicesHelper.isIOS()) {
                         this.scrollIntoViewOnIOS();
                     }
@@ -15494,8 +15504,8 @@ class KritzelText extends KritzelBaseObject {
                 }
             }
             const end = Math.max(1, doc.content.size - 1);
-            this.editor.dispatch(this.editor.state.tr.setSelection(TextSelection.create(doc, end)));
-            this.editor.focus();
+            this._editor.dispatch(this._editor.state.tr.setSelection(TextSelection.create(doc, end)));
+            this._editor.focus();
             if (KritzelDevicesHelper.isIOS()) {
                 this.scrollIntoViewOnIOS();
             }
@@ -15507,11 +15517,11 @@ class KritzelText extends KritzelBaseObject {
      */
     scrollIntoViewOnIOS() {
         setTimeout(() => {
-            if (this.editor && this.editor.dom) {
-                this.editor.dom.scrollIntoView({
+            if (this._editor && this._editor.dom) {
+                this._editor.dom.scrollIntoView({
                     behavior: 'smooth',
                     block: 'center',
-                    inline: 'nearest'
+                    inline: 'nearest',
                 });
             }
         }, 300);
@@ -15526,11 +15536,13 @@ class KritzelText extends KritzelBaseObject {
         KritzelKeyboardHelper.disableInteractiveWidget();
         this.uneditedObject = this.clone();
         this._core.store.setState('activeTool', KritzelToolRegistry.getTool('text'));
-        this.editor.setProps({ editable: () => true });
+        this._editor.setProps({ editable: () => true });
         this.isEditing = true;
         this._core.rerender();
         this.adjustSizeOnInput();
-        this.focus({ x: event?.clientX, y: event?.clientY });
+        if (event?.clientX && event?.clientY) {
+            this.focus({ x: event?.clientX, y: event?.clientY });
+        }
         KritzelKeyboardHelper.enableInteractiveWidget();
     }
     /**
@@ -15540,12 +15552,12 @@ class KritzelText extends KritzelBaseObject {
      */
     save() {
         requestAnimationFrame(() => this.adjustSizeOnInput());
-        this.content = this.editor.state.doc.toJSON();
-        this.editor.setProps({ editable: () => false });
-        this.editor.dom.blur();
+        this.content = this._editor.state.doc.toJSON();
+        this._editor.setProps({ editable: () => false });
+        this._editor.dom.blur();
         this.isEditing = false;
-        this._core.store.state.objects.consolidateTemporaryItems();
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.consolidateTemporaryItems();
+        this._core.store.objects.update(this);
         this._core.engine.emitObjectsChange();
     }
     /**
@@ -15723,7 +15735,7 @@ class KritzelPath extends KritzelBaseObject {
         const object = new KritzelPath();
         object._core = core;
         object.id = object.generateId();
-        object.workspaceId = core.store.state.activeWorkspace.id;
+        object.workspaceId = core.store.activeWorkspace.id;
         object.userId = core.user?.id;
         object.options = options;
         object.points = options?.points ?? [];
@@ -15781,7 +15793,7 @@ class KritzelPath extends KritzelBaseObject {
         this.translateX = x;
         this.translateY = y;
         this._adjustedPoints = null;
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.update(this);
     }
     /**
      * Rotates the path by the specified angle.
@@ -15791,7 +15803,7 @@ class KritzelPath extends KritzelBaseObject {
     rotate(value) {
         this.rotation = value;
         this._adjustedPoints = null;
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.update(this);
     }
     /**
      * Moves the path by calculating the delta between start and end positions.
@@ -15807,7 +15819,7 @@ class KritzelPath extends KritzelBaseObject {
         this.translateX += deltaX;
         this.translateY += deltaY;
         this._adjustedPoints = null;
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.update(this);
     }
     /**
      * Tests whether a point intersects with the path's stroke.
@@ -15902,7 +15914,7 @@ class KritzelPath extends KritzelBaseObject {
         this.translateX = x;
         this.translateY = y;
         this._adjustedPoints = null;
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.update(this);
     }
     /**
      * Lifecycle hook called after properties have been updated.
@@ -16225,7 +16237,7 @@ class KritzelImage extends KritzelBaseObject {
         const object = new KritzelImage();
         object._core = core;
         object.id = object.generateId();
-        object.workspaceId = core.store.state.activeWorkspace.id;
+        object.workspaceId = core.store.activeWorkspace.id;
         object.userId = core.user?.id;
         object.x = 0;
         object.y = 0;
@@ -16254,7 +16266,7 @@ class KritzelImage extends KritzelBaseObject {
         this.translateX = x;
         this.translateY = y;
         // Update to sync changes to y.js and propagate to other tabs
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.update(this);
     }
     /**
      * Creates a KritzelImage from a URL, handling image loading and dimension calculation.
@@ -16376,7 +16388,7 @@ class KritzelLine extends KritzelBaseObject {
         const object = new KritzelLine();
         object._core = core;
         object.id = object.generateId();
-        object.workspaceId = core.store.state.activeWorkspace.id;
+        object.workspaceId = core.store.activeWorkspace.id;
         object.userId = core.user?.id;
         object.options = options;
         object.startX = options?.startX ?? 0;
@@ -16432,7 +16444,7 @@ class KritzelLine extends KritzelBaseObject {
         this.translateY = y;
         this._adjustedPoints = null;
         this._clipInfo = null;
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.update(this);
         // Update anchors after the line is updated
         this._core.anchorManager.updateAnchorsForObject(this.id);
         if (this.startAnchor) {
@@ -16451,7 +16463,7 @@ class KritzelLine extends KritzelBaseObject {
         this.rotation = value;
         this._adjustedPoints = null;
         this._clipInfo = null;
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.update(this);
     }
     /**
      * Moves the line by calculating the delta between start and end positions.
@@ -16475,7 +16487,7 @@ class KritzelLine extends KritzelBaseObject {
         }
         this._adjustedPoints = null;
         this._clipInfo = null;
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.update(this);
     }
     /**
      * Tests if a point intersects with the line within the stroke tolerance.
@@ -16602,7 +16614,7 @@ class KritzelLine extends KritzelBaseObject {
         this.translateY = y;
         this._adjustedPoints = null;
         this._clipInfo = null;
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.update(this);
     }
     /**
      * Updates a specific endpoint of the line (start or end).
@@ -16660,7 +16672,7 @@ class KritzelLine extends KritzelBaseObject {
         // Clear cached adjusted points
         this._adjustedPoints = null;
         this._clipInfo = null;
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.update(this);
     }
     /**
      * Updates the control point for a quadratic Bezier curve.
@@ -16710,7 +16722,7 @@ class KritzelLine extends KritzelBaseObject {
         // Clear cached adjusted points
         this._adjustedPoints = null;
         this._clipInfo = null;
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.update(this);
     }
     /**
      * Computes the line endpoints in world coordinates, accounting for rotation,
@@ -17114,7 +17126,7 @@ class KritzelGroup extends KritzelBaseObject {
         }
         return this.childIds
             .map(id => {
-            const found = this._core.store.state.objects.filter(obj => obj.id === id);
+            const found = this._core.store.objects.filter(obj => obj.id === id);
             return found.length > 0 ? found[0] : null;
         })
             .filter((obj) => obj !== null);
@@ -17136,7 +17148,7 @@ class KritzelGroup extends KritzelBaseObject {
         const group = new KritzelGroup();
         group._core = core;
         group.id = group.generateId();
-        group.workspaceId = core.store.state.activeWorkspace.id;
+        group.workspaceId = core.store.activeWorkspace.id;
         group.userId = core.user?.id;
         group.scale = core.store.state.scale;
         group.zIndex = core.store.currentZIndex;
@@ -17169,7 +17181,7 @@ class KritzelGroup extends KritzelBaseObject {
      * @returns The parent KritzelGroup if found, or null if the object is not a child of any group.
      */
     static findParentGroup(core, objectId) {
-        const allGroups = core.store.state.objects
+        const allGroups = core.store.objects
             .filter(obj => obj.__class__ === 'KritzelGroup');
         for (const group of allGroups) {
             if (group.childIds.includes(objectId)) {
@@ -17355,8 +17367,8 @@ class KritzelGroup extends KritzelBaseObject {
         const deltaY = (startY - endY) / this._core.store.state.scale;
         this.translateX += deltaX;
         this.translateY += deltaY;
-        this._core.store.state.objects.transaction(() => {
-            this._core.store.state.objects.update(this);
+        this._core.store.objects.transaction(() => {
+            this._core.store.objects.update(this);
             this.children.forEach(child => {
                 child.move(startX, startY, endX, endY);
                 // Update any lines anchored to this child
@@ -17394,7 +17406,7 @@ class KritzelGroup extends KritzelBaseObject {
         const sin = Math.sin(-rotation);
         const cosR = Math.cos(rotation);
         const sinR = Math.sin(rotation);
-        this._core.store.state.objects.transaction(() => {
+        this._core.store.objects.transaction(() => {
             this.children.forEach(child => {
                 // Calculate child center
                 const childCenterX = child.translateX + child.totalWidth / 2 / child.scale;
@@ -17432,7 +17444,7 @@ class KritzelGroup extends KritzelBaseObject {
             });
             this.refreshBoundingBox();
             this.captureChildSnapshots();
-            this._core.store.state.objects.update(this);
+            this._core.store.objects.update(this);
         });
     }
     /**
@@ -17448,8 +17460,8 @@ class KritzelGroup extends KritzelBaseObject {
         const angle = value - this.snapshotRotation;
         const cos = Math.cos(angle);
         const sin = Math.sin(angle);
-        this._core.store.state.objects.transaction(() => {
-            this._core.store.state.objects.update(this);
+        this._core.store.objects.transaction(() => {
+            this._core.store.objects.update(this);
             this.children.forEach(child => {
                 const unchangedSnapshot = this.unchangedChildSnapshots.get(child.id);
                 if (!unchangedSnapshot)
@@ -17575,7 +17587,7 @@ class KritzelGroup extends KritzelBaseObject {
      * Triggers synchronization with y.js for collaborative editing.
      */
     update() {
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.update(this);
     }
     /**
      * Updates the workspace ID for this group and all its children recursively.
@@ -17633,6 +17645,12 @@ class KritzelShape extends KritzelBaseObject {
     get viewBox() {
         return `${this.x} ${this.y} ${this.width} ${this.height}`;
     }
+    get _editor() {
+        if (!this.editor) {
+            throw new Error('KritzelShape: editor is not initialized');
+        }
+        return this.editor;
+    }
     /**
      * Creates a new KritzelShape instance with optional configuration.
      * This constructor initializes the shape with default values that can be
@@ -17688,7 +17706,7 @@ class KritzelShape extends KritzelBaseObject {
         const object = new KritzelShape();
         object._core = core;
         object.id = object.generateId();
-        object.workspaceId = core.store.state.activeWorkspace.id;
+        object.workspaceId = core.store.activeWorkspace.id;
         object.userId = core.user?.id;
         object.x = config?.x ?? 0;
         object.y = config?.y ?? 0;
@@ -17740,7 +17758,7 @@ class KritzelShape extends KritzelBaseObject {
         if (element === null || this.isInViewport() === false) {
             return;
         }
-        if (this.isMounted && this.elementRef === element && this.editor.dom.parentElement === element) {
+        if (this.isMounted && this.elementRef === element && this._editor.dom.parentElement === element) {
             return;
         }
         this.elementRef = element;
@@ -17756,7 +17774,7 @@ class KritzelShape extends KritzelBaseObject {
      * @returns void
      */
     mountTextEditor(element) {
-        if (element === null) {
+        if (element === null || !this.editor) {
             return;
         }
         element.style.fontFamily = this.fontFamily;
@@ -17787,12 +17805,12 @@ class KritzelShape extends KritzelBaseObject {
             }),
             editable: () => false,
             dispatchTransaction: transaction => {
-                const newState = this.editor.state.apply(transaction);
-                this.editor.updateState(newState);
+                const newState = this._editor.state.apply(transaction);
+                this._editor.updateState(newState);
                 if (transaction.docChanged) {
                     this.content = newState.doc.toJSON();
                     if (!transaction.getMeta('fromRemote')) {
-                        this._core.store.state.objects.update(this, { temporary: true });
+                        this._core.store.objects.update(this, { temporary: true });
                     }
                 }
             },
@@ -17836,7 +17854,7 @@ class KritzelShape extends KritzelBaseObject {
         this.height = height;
         this.translateX = x;
         this.translateY = y;
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.update(this);
     }
     /**
      * Focuses the text editor and optionally positions the cursor at specific coordinates.
@@ -17850,25 +17868,23 @@ class KritzelShape extends KritzelBaseObject {
      * @returns void
      */
     focus(coords) {
-        if (this.editor) {
-            const doc = this.editor.state.doc;
-            if (coords?.x && coords?.y) {
-                const pos = this.editor.posAtCoords({ left: coords.x, top: coords.y });
-                if (pos) {
-                    this.editor.dispatch(this.editor.state.tr.setSelection(TextSelection.create(doc, pos.pos)));
-                    this.editor.focus();
-                    if (KritzelDevicesHelper.isIOS()) {
-                        this.scrollIntoViewOnIOS();
-                    }
-                    return;
+        const doc = this._editor.state.doc;
+        if (coords?.x && coords?.y) {
+            const pos = this._editor.posAtCoords({ left: coords.x, top: coords.y });
+            if (pos) {
+                this._editor.dispatch(this._editor.state.tr.setSelection(TextSelection.create(doc, pos.pos)));
+                this._editor.focus();
+                if (KritzelDevicesHelper.isIOS()) {
+                    this.scrollIntoViewOnIOS();
                 }
+                return;
             }
-            const end = Math.max(1, doc.content.size - 1);
-            this.editor.dispatch(this.editor.state.tr.setSelection(TextSelection.create(doc, end)));
-            this.editor.focus();
-            if (KritzelDevicesHelper.isIOS()) {
-                this.scrollIntoViewOnIOS();
-            }
+        }
+        const end = Math.max(1, doc.content.size - 1);
+        this._editor.dispatch(this._editor.state.tr.setSelection(TextSelection.create(doc, end)));
+        this._editor.focus();
+        if (KritzelDevicesHelper.isIOS()) {
+            this.scrollIntoViewOnIOS();
         }
     }
     /**
@@ -17904,10 +17920,12 @@ class KritzelShape extends KritzelBaseObject {
         KritzelKeyboardHelper.disableInteractiveWidget();
         this.uneditedObject = this.clone();
         this._core.store.setState('activeTool', KritzelToolRegistry.getTool('shape'));
-        this.editor.setProps({ editable: () => true });
+        this._editor.setProps({ editable: () => true });
         this.isEditing = true;
         this._core.rerender();
-        this.focus({ x: event?.clientX, y: event?.clientY });
+        if (event?.clientX && event?.clientY) {
+            this.focus({ x: event.clientX, y: event.clientY });
+        }
         KritzelKeyboardHelper.enableInteractiveWidget();
     }
     /**
@@ -17919,12 +17937,12 @@ class KritzelShape extends KritzelBaseObject {
      * @returns void
      */
     save() {
-        this.content = this.editor.state.doc.toJSON();
-        this.editor.setProps({ editable: () => false });
-        this.editor.dom.blur();
+        this.content = this._editor.state.doc.toJSON();
+        this._editor.setProps({ editable: () => false });
+        this._editor.dom.blur();
         this.isEditing = false;
-        this._core.store.state.objects.consolidateTemporaryItems();
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.consolidateTemporaryItems();
+        this._core.store.objects.update(this);
         this._core.engine.emitObjectsChange();
     }
     /**
@@ -18369,8 +18387,8 @@ class KritzelBrushTool extends KritzelBaseTool {
                 });
                 path.isCompleted = false;
                 this._currentPathId = path.id;
-                this._core.store.state.objects.insert(path);
-                this._core.store.state.objects?.setActiveDrawingObject(path.id);
+                this._core.store.objects.insert(path);
+                this._core.store.objects?.setActiveDrawingObject(path.id);
             }
         }
         if (event.pointerType === 'touch' || event.pointerType === 'pen') {
@@ -18393,8 +18411,8 @@ class KritzelBrushTool extends KritzelBaseTool {
                 });
                 path.isCompleted = false;
                 this._currentPathId = path.id;
-                this._core.store.state.objects.insert(path);
-                this._core.store.state.objects?.setActiveDrawingObject(path.id);
+                this._core.store.objects.insert(path);
+                this._core.store.objects?.setActiveDrawingObject(path.id);
             }
         }
     }
@@ -18410,7 +18428,7 @@ class KritzelBrushTool extends KritzelBaseTool {
         }
         if (event.pointerType === 'mouse') {
             if (this._core.store.state.isDrawing && this._currentPathId) {
-                const currentPath = this._core.store.state.objects.findById(this._currentPathId);
+                const currentPath = this._core.store.objects.findById(this._currentPathId);
                 if (currentPath) {
                     const viewportScale = this._core.store.state.scale;
                     const lockScale = this._core.store.state.lockDrawingScale;
@@ -18430,7 +18448,7 @@ class KritzelBrushTool extends KritzelBaseTool {
                     updatedPath.workspaceId = currentPath.workspaceId;
                     updatedPath.zIndex = currentPath.zIndex;
                     updatedPath.isCompleted = false;
-                    this._core.store.state.objects.update(updatedPath);
+                    this._core.store.objects.update(updatedPath);
                 }
             }
         }
@@ -18438,7 +18456,7 @@ class KritzelBrushTool extends KritzelBaseTool {
             const activePointers = Array.from(this._core.store.state.pointers.values());
             if (activePointers.length === 1) {
                 if (this._currentPathId) {
-                    const currentPath = this._core.store.state.objects.findById(this._currentPathId);
+                    const currentPath = this._core.store.objects.findById(this._currentPathId);
                     if (currentPath) {
                         const viewportScale = this._core.store.state.scale;
                         const lockScale = this._core.store.state.lockDrawingScale;
@@ -18458,7 +18476,7 @@ class KritzelBrushTool extends KritzelBaseTool {
                         updatedPath.workspaceId = currentPath.workspaceId;
                         updatedPath.zIndex = currentPath.zIndex;
                         updatedPath.isCompleted = false;
-                        this._core.store.state.objects.update(updatedPath);
+                        this._core.store.objects.update(updatedPath);
                     }
                 }
             }
@@ -18478,14 +18496,14 @@ class KritzelBrushTool extends KritzelBaseTool {
             if (this._core.store.state.isDrawing) {
                 this._core.store.state.isDrawing = false;
                 if (this._currentPathId) {
-                    const currentPath = this._core.store.state.objects.findById(this._currentPathId);
+                    const currentPath = this._core.store.objects.findById(this._currentPathId);
                     if (currentPath) {
                         currentPath.isCompleted = true;
-                        this._core.store.state.objects.update(currentPath);
+                        this._core.store.objects.update(currentPath);
                         this._core.engine.emitObjectsChange();
                         this._core.engine.emitObjectsAdded([currentPath]);
                     }
-                    this._core.store.state.objects?.setActiveDrawingObject(null);
+                    this._core.store.objects?.setActiveDrawingObject(null);
                     this._currentPathId = null;
                 }
             }
@@ -18494,14 +18512,14 @@ class KritzelBrushTool extends KritzelBaseTool {
             if (this._core.store.state.isDrawing) {
                 this._core.store.state.isDrawing = false;
                 if (this._currentPathId) {
-                    const currentPath = this._core.store.state.objects.findById(this._currentPathId);
+                    const currentPath = this._core.store.objects.findById(this._currentPathId);
                     if (currentPath) {
                         currentPath.isCompleted = true;
-                        this._core.store.state.objects.update(currentPath);
+                        this._core.store.objects.update(currentPath);
                         this._core.engine.emitObjectsChange();
                         this._core.engine.emitObjectsAdded([currentPath]);
                     }
-                    this._core.store.state.objects?.setActiveDrawingObject(null);
+                    this._core.store.objects?.setActiveDrawingObject(null);
                     this._currentPathId = null;
                 }
             }
@@ -18529,10 +18547,10 @@ class KritzelSelectionGroup extends KritzelBaseObject {
     snapshotTranslateX = 0;
     snapshotTranslateY = 0;
     clientId;
-    minX;
-    maxX;
-    minY;
-    maxY;
+    minX = 0;
+    maxX = 0;
+    minY = 0;
+    maxY = 0;
     // Selection styling properties
     handleColor;
     handleStrokeColor;
@@ -18572,7 +18590,7 @@ class KritzelSelectionGroup extends KritzelBaseObject {
             return this._cachedObjects;
         }
         const idSet = new Set(this._objectIds);
-        const foundObjects = this._core.store.state.objects.filter(obj => idSet.has(obj.id));
+        const foundObjects = this._core.store.objects.filter(obj => idSet.has(obj.id));
         // Preserve the original order from objectIds
         const objectMap = new Map(foundObjects.map(obj => [obj.id, obj]));
         this._cachedObjects = this._objectIds
@@ -18599,9 +18617,9 @@ class KritzelSelectionGroup extends KritzelBaseObject {
         const object = new KritzelSelectionGroup();
         object._core = core;
         object.id = object.generateId();
-        object.workspaceId = core.store.state.activeWorkspace.id;
+        object.workspaceId = core.store.activeWorkspace.id;
         object.userId = core.user?.id;
-        object.clientId = core.store.state.objects?.localClientId ?? undefined;
+        object.clientId = core.store.objects?.localClientId ?? undefined;
         object.scale = core.store.state.scale;
         object.zIndex = 99999;
         // Initialize styling with theme-aware defaults
@@ -18740,7 +18758,7 @@ class KritzelSelectionGroup extends KritzelBaseObject {
         });
         this.translateX = x;
         this.translateY = y;
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.update(this);
     }
     /**
      * Capture snapshots of current object states for undo/redo operations
@@ -18817,7 +18835,7 @@ class KritzelSelectionGroup extends KritzelBaseObject {
         // Only update the selection group itself
         // Child objects are already updated during move/resize/rotate operations
         // Updating them again here would create redundant y.js updates
-        this._core.store.state.objects.update(this);
+        this._core.store.objects.update(this);
     }
     /**
      * Moves the selection group and all its contained objects by calculating the delta from drag coordinates.
@@ -18833,8 +18851,8 @@ class KritzelSelectionGroup extends KritzelBaseObject {
         const deltaY = (startY - endY) / this._core.store.state.scale;
         this.translateX += deltaX;
         this.translateY += deltaY;
-        this._core.store.state.objects.transaction(() => {
-            this._core.store.state.objects.update(this);
+        this._core.store.objects.transaction(() => {
+            this._core.store.objects.update(this);
             const children = this.objects;
             for (const obj of children) {
                 obj.move(startX, startY, endX, endY);
@@ -18877,7 +18895,7 @@ class KritzelSelectionGroup extends KritzelBaseObject {
         const sin = Math.sin(-rotation);
         const cosR = Math.cos(rotation);
         const sinR = Math.sin(rotation);
-        this._core.store.state.objects.transaction(() => {
+        this._core.store.objects.transaction(() => {
             // Cache objects once to avoid repeated getter calls during resize
             const children = this.objects;
             children.forEach(child => {
@@ -18929,7 +18947,7 @@ class KritzelSelectionGroup extends KritzelBaseObject {
             // Note: Don't capture new snapshots here - we need to preserve the original snapshots
             // until the transform operation is complete to avoid compounding errors during drag
             this.refreshObjectDimensions(children);
-            this._core.store.state.objects.update(this);
+            this._core.store.objects.update(this);
         });
     }
     /**
@@ -18947,9 +18965,9 @@ class KritzelSelectionGroup extends KritzelBaseObject {
         const sin = Math.sin(angle);
         // Cache objects once to avoid repeated getter calls during rotation
         const children = this.objects;
-        this._core.store.state.objects.transaction(() => {
+        this._core.store.objects.transaction(() => {
             // Update the SelectionGroup itself to propagate rotation to other tabs
-            this._core.store.state.objects.update(this);
+            this._core.store.objects.update(this);
             const childCount = children.length;
             for (const child of children) {
                 const unchangedSnapshot = this.unchangedObjectSnapshots.get(child.id);
@@ -19046,7 +19064,7 @@ class KritzelSelectionGroup extends KritzelBaseObject {
             this.translateY = cy - (this.height / this.scale + 2 * this.padding) / 2;
         }
         if (!skipPersist) {
-            this._core.store.state.objects.update(this);
+            this._core.store.objects.update(this);
         }
     }
     /**
@@ -19164,8 +19182,8 @@ class KritzelLineTool extends KritzelBaseTool {
                 });
                 line.isCompleted = false;
                 this._currentLineId = line.id;
-                this._core.store.state.objects.insert(line);
-                this._core.store.state.objects?.setActiveDrawingObject(line.id);
+                this._core.store.objects.insert(line);
+                this._core.store.objects?.setActiveDrawingObject(line.id);
             }
         }
         if (event.pointerType === 'touch' || event.pointerType === 'pen') {
@@ -19194,8 +19212,8 @@ class KritzelLineTool extends KritzelBaseTool {
                 });
                 line.isCompleted = false;
                 this._currentLineId = line.id;
-                this._core.store.state.objects.insert(line);
-                this._core.store.state.objects?.setActiveDrawingObject(line.id);
+                this._core.store.objects.insert(line);
+                this._core.store.objects?.setActiveDrawingObject(line.id);
             }
         }
     }
@@ -19211,7 +19229,7 @@ class KritzelLineTool extends KritzelBaseTool {
         }
         if (event.pointerType === 'mouse') {
             if (this._core.store.state.isDrawing && this._currentLineId) {
-                const currentLine = this._core.store.state.objects.findById(this._currentLineId);
+                const currentLine = this._core.store.objects.findById(this._currentLineId);
                 if (currentLine) {
                     const viewportScale = this._core.store.state.scale;
                     const lockScale = this._core.store.state.lockDrawingScale;
@@ -19235,14 +19253,14 @@ class KritzelLineTool extends KritzelBaseTool {
                     updatedLine.workspaceId = currentLine.workspaceId;
                     updatedLine.zIndex = currentLine.zIndex;
                     updatedLine.isCompleted = false;
-                    this._core.store.state.objects.update(updatedLine);
+                    this._core.store.objects.update(updatedLine);
                 }
             }
         }
         if (event.pointerType === 'touch' || event.pointerType === 'pen') {
             const activePointers = Array.from(this._core.store.state.pointers.values());
             if (activePointers.length === 1 && this._currentLineId) {
-                const currentLine = this._core.store.state.objects.findById(this._currentLineId);
+                const currentLine = this._core.store.objects.findById(this._currentLineId);
                 if (currentLine) {
                     const viewportScale = this._core.store.state.scale;
                     const lockScale = this._core.store.state.lockDrawingScale;
@@ -19266,7 +19284,7 @@ class KritzelLineTool extends KritzelBaseTool {
                     updatedLine.workspaceId = currentLine.workspaceId;
                     updatedLine.zIndex = currentLine.zIndex;
                     updatedLine.isCompleted = false;
-                    this._core.store.state.objects.update(updatedLine);
+                    this._core.store.objects.update(updatedLine);
                 }
             }
         }
@@ -19285,16 +19303,16 @@ class KritzelLineTool extends KritzelBaseTool {
             if (this._core.store.state.isDrawing) {
                 this._core.store.state.isDrawing = false;
                 if (this._currentLineId) {
-                    const currentLine = this._core.store.state.objects.findById(this._currentLineId);
+                    const currentLine = this._core.store.objects.findById(this._currentLineId);
                     if (currentLine) {
                         currentLine.isCompleted = true;
-                        this._core.store.state.objects.update(currentLine);
+                        this._core.store.objects.update(currentLine);
                         this._core.engine.emitObjectsChange();
                         this._core.engine.emitObjectsAdded([currentLine]);
                         // Switch to selection tool and select the drawn line
                         this.selectLineAndSwitchTool(currentLine);
                     }
-                    this._core.store.state.objects?.setActiveDrawingObject(null);
+                    this._core.store.objects?.setActiveDrawingObject(null);
                     this._currentLineId = null;
                 }
             }
@@ -19303,16 +19321,16 @@ class KritzelLineTool extends KritzelBaseTool {
             if (this._core.store.state.isDrawing) {
                 this._core.store.state.isDrawing = false;
                 if (this._currentLineId) {
-                    const currentLine = this._core.store.state.objects.findById(this._currentLineId);
+                    const currentLine = this._core.store.objects.findById(this._currentLineId);
                     if (currentLine) {
                         currentLine.isCompleted = true;
-                        this._core.store.state.objects.update(currentLine);
+                        this._core.store.objects.update(currentLine);
                         this._core.engine.emitObjectsChange();
                         this._core.engine.emitObjectsAdded([currentLine]);
                         // Switch to selection tool and select the drawn line
                         this.selectLineAndSwitchTool(currentLine);
                     }
-                    this._core.store.state.objects?.setActiveDrawingObject(null);
+                    this._core.store.objects?.setActiveDrawingObject(null);
                     this._currentLineId = null;
                 }
             }
@@ -19499,7 +19517,7 @@ class KritzelImageTool extends KritzelBaseTool {
         if (this._core.store.isDisabled) {
             return;
         }
-        this.fileInput.click();
+        this.fileInput?.click();
     }
     /**
      * Creates and configures the hidden file input element.
@@ -19663,7 +19681,7 @@ class KritzelTextTool extends KritzelBaseTool {
             text.translateX = (clientX - this._core.store.state.translateX) / viewportScale;
             text.translateY = (clientY - this._core.store.state.translateY) / viewportScale;
             text.zIndex = this._core.store.currentZIndex;
-            this._core.store.state.objects.insert(text);
+            this._core.store.objects.insert(text);
             this._core.rerender();
             text.edit(event);
         }
@@ -19700,7 +19718,7 @@ class KritzelTextTool extends KritzelBaseTool {
             text.translateX = (clientX - this._core.store.state.translateX) / viewportScale;
             text.translateY = (clientY - this._core.store.state.translateY) / viewportScale;
             text.zIndex = this._core.store.currentZIndex;
-            this._core.store.state.objects.insert(text);
+            this._core.store.objects.insert(text);
             this._core.rerender();
             text.edit(event);
         }
@@ -19893,8 +19911,8 @@ class KritzelShapeTool extends KritzelBaseTool {
             fontFamily: this.fontFamily,
             scale: lockScale ? 1 : viewportScale,
         });
-        this._core.store.state.objects.insert(this.currentShape);
-        this._core.store.state.objects?.setActiveDrawingObject(this.currentShape.id);
+        this._core.store.objects.insert(this.currentShape);
+        this._core.store.objects?.setActiveDrawingObject(this.currentShape.id);
         this._core.rerender();
     }
     /**
@@ -19928,7 +19946,7 @@ class KritzelShapeTool extends KritzelBaseTool {
         this.currentShape.translateX = -this._core.store.state.translateX / divider;
         this.currentShape.translateY = -this._core.store.state.translateY / divider;
         this.currentShape.updateDimensions();
-        this._core.store.state.objects.update(this.currentShape);
+        this._core.store.objects.update(this.currentShape);
     }
     /**
      * Completes the shape drawing process.
@@ -19944,18 +19962,18 @@ class KritzelShapeTool extends KritzelBaseTool {
         // Compare in screen space
         if (this.currentShape.width < 10 && this.currentShape.height < 10) {
             const shapeId = this.currentShape.id;
-            this._core.store.state.objects.remove(o => o.id === shapeId);
+            this._core.store.objects.remove(o => o.id === shapeId);
         }
         else {
             this.currentShape.zIndex = this._core.store.currentZIndex;
-            this._core.store.state.objects.update(this.currentShape);
+            this._core.store.objects.update(this.currentShape);
             this._core.engine.emitObjectsChange();
             this._core.engine.emitObjectsAdded([this.currentShape]);
             this._core.selectObjects([this.currentShape]);
             this._core.store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
         }
         this.isDrawing = false;
-        this._core.store.state.objects?.setActiveDrawingObject(null);
+        this._core.store.objects?.setActiveDrawingObject(null);
         this.currentShape = null;
         this._core.rerender();
     }
@@ -20162,17 +20180,17 @@ const ANCHOR_DISCONNECT_THRESHOLD = 30;
  */
 class KritzelMoveHandler extends KritzelBaseHandler {
     /** X coordinate where the drag started (updates during drag for incremental movement) */
-    dragStartX;
+    dragStartX = 0;
     /** Y coordinate where the drag started (updates during drag for incremental movement) */
-    dragStartY;
+    dragStartY = 0;
     /** Initial X coordinate when starting interaction (remains constant during drag) */
-    startX;
+    startX = 0;
     /** Initial Y coordinate when starting interaction (remains constant during drag) */
-    startY;
+    startY = 0;
     /** Current X coordinate during move operation */
-    endX;
+    endX = 0;
     /** Current Y coordinate during move operation */
-    endY;
+    endY = 0;
     /** Initial position when drag started (for calculating total accumulated distance) */
     initialDragX = 0;
     initialDragY = 0;
@@ -20330,7 +20348,10 @@ class KritzelMoveHandler extends KritzelBaseHandler {
                 const moveDeltaY = Math.abs(y - this.startY);
                 const moveThreshold = 5;
                 if (this.hasMoved || moveDeltaX > moveThreshold || moveDeltaY > moveThreshold) {
-                    globalThis.clearTimeout?.(this._core.store.state.longTouchTimeout);
+                    const timeout = this._core.store.state.longTouchTimeout;
+                    if (timeout) {
+                        globalThis.clearTimeout?.(timeout);
+                    }
                     // Check for anchor disconnect threshold on lines
                     this.checkAndDisconnectAnchors(x, y);
                     selectionGroup.move(x, y, this.dragStartX, this.dragStartY);
@@ -20429,7 +20450,7 @@ class KritzelMoveHandler extends KritzelBaseHandler {
                     // Mark as disconnected so we don't try again
                     this.disconnectedLineIds.add(line.id);
                     // Update the line to persist the change
-                    this._core.store.state.objects.update(line);
+                    this._core.store.objects.update(line);
                 }
             }
         }
@@ -20526,7 +20547,10 @@ class KritzelResizeHandler extends KritzelBaseHandler {
                     this.initialSize.height = selectionGroup.height;
                     this.initialSize.x = selectionGroup.translateX;
                     this.initialSize.y = selectionGroup.translateY;
-                    globalThis.clearTimeout?.(this._core.store.state.longTouchTimeout);
+                    const timeout = this._core.store.state.longTouchTimeout;
+                    if (timeout) {
+                        globalThis.clearTimeout?.(timeout);
+                    }
                 }
             }
         }
@@ -20621,7 +20645,10 @@ class KritzelResizeHandler extends KritzelBaseHandler {
                 const resizeDeltaY = Math.abs(dy);
                 const resizeThreshold = 5;
                 if (resizeDeltaX > resizeThreshold || resizeDeltaY > resizeThreshold) {
-                    globalThis.clearTimeout?.(this._core.store.state.longTouchTimeout);
+                    const timeout = this._core.store.state.longTouchTimeout;
+                    if (timeout) {
+                        globalThis.clearTimeout?.(timeout);
+                    }
                     this.hasResized = true;
                 }
                 if (!this.hasResized) {
@@ -20730,7 +20757,10 @@ class KritzelResizeHandler extends KritzelBaseHandler {
                     this._core.store.state.hasObjectsChanged = true;
                 }
                 this.reset();
-                globalThis.clearTimeout?.(this._core.store.state.longTouchTimeout);
+                const timeout = this._core.store.state.longTouchTimeout;
+                if (timeout) {
+                    globalThis.clearTimeout?.(timeout);
+                }
             }
         }
     }
@@ -20808,7 +20838,10 @@ class KritzelRotationHandler extends KritzelBaseHandler {
                     const cursorY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
                     this.initialSelectionGroupRotation = selectionGroup.rotation;
                     this.initialRotation = Math.atan2(centerY - cursorY, centerX - cursorX) - selectionGroup.rotation;
-                    globalThis.clearTimeout?.(this._core.store.state.longTouchTimeout);
+                    const timeout = this._core.store.state.longTouchTimeout;
+                    if (timeout) {
+                        globalThis.clearTimeout?.(timeout);
+                    }
                 }
             }
         }
@@ -20853,7 +20886,10 @@ class KritzelRotationHandler extends KritzelBaseHandler {
                 const currentRotation = Math.atan2(groupCenterY - cursorY, groupCenterX - cursorX);
                 this.rotation = currentRotation - this.initialRotation;
                 selectionGroup.rotate(this.rotation);
-                globalThis.clearTimeout?.(this._core.store.state.longTouchTimeout);
+                const timeout = this._core.store.state.longTouchTimeout;
+                if (timeout) {
+                    globalThis.clearTimeout?.(timeout);
+                }
             }
         }
     }
@@ -20880,7 +20916,10 @@ class KritzelRotationHandler extends KritzelBaseHandler {
                 this._core.store.state.isRotating = false;
                 this._core.store.state.hasObjectsChanged = true;
                 this.reset();
-                globalThis.clearTimeout?.(this._core.store.state.longTouchTimeout);
+                const timeout = this._core.store.state.longTouchTimeout;
+                if (timeout) {
+                    globalThis.clearTimeout?.(timeout);
+                }
             }
         }
     }
@@ -20905,7 +20944,7 @@ class KritzelSelectionBox extends KritzelBaseObject {
         const object = new KritzelSelectionBox();
         object._core = core;
         object.id = object.generateId();
-        object.workspaceId = core.store.state.activeWorkspace.id;
+        object.workspaceId = core.store.activeWorkspace.id;
         object.userId = core.user?.id;
         object.scale = core.store.state.scale;
         object.zIndex = 99999;
@@ -20925,8 +20964,8 @@ class KritzelSelectionBox extends KritzelBaseObject {
  * via shift/ctrl modifiers.
  */
 class KritzelSelectionHandler extends KritzelBaseHandler {
-    startX;
-    startY;
+    startX = 0;
+    startY = 0;
     touchStartX = 0;
     touchStartY = 0;
     touchStartTimeout = null;
@@ -21004,7 +21043,10 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
             const moveThreshold = 5;
             if ((moveDeltaX > moveThreshold || moveDeltaY > moveThreshold) && this._core.store.state.isSelecting) {
                 this.updateTouchSelection();
-                clearTimeout(this._core.store.state.longTouchTimeout);
+                const timeout = this._core.store.state.longTouchTimeout;
+                if (timeout) {
+                    globalThis.clearTimeout?.(timeout);
+                }
             }
         }
     }
@@ -21069,9 +21111,9 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
      */
     removeSelectionBox() {
         this._core.store.state.isSelecting = false;
-        this._core.store.state.objects.remove(o => o instanceof KritzelSelectionBox);
+        this._core.store.objects.remove(o => o instanceof KritzelSelectionBox);
         this._core.store.setSelectionBox(null);
-        this._core.store.state.objects.clearLocalSelectionBox();
+        this._core.store.objects.clearLocalSelectionBox();
     }
     /**
      * Initiates a mouse-based selection by creating a selection box at the click position.
@@ -21090,12 +21132,12 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
         selectionBox.translateX = this.startX;
         selectionBox.translateY = this.startY;
         this._core.store.state.isSelecting = true;
-        this._core.store.state.objects.remove(o => o instanceof KritzelSelectionBox || (!isAdditive && o instanceof KritzelSelectionGroup && (o.userId == null || o.userId === this._core.user?.id)));
+        this._core.store.objects.remove(o => o instanceof KritzelSelectionBox || (!isAdditive && o instanceof KritzelSelectionGroup && (o.userId == null || o.userId === this._core.user?.id)));
         this._core.store.setSelectionBox(null);
         if (!isAdditive) {
             this._core.store.setSelectionGroup(null);
         }
-        this._core.store.state.objects.insert(selectionBox);
+        this._core.store.objects.insert(selectionBox);
         this._core.store.setSelectionBox(selectionBox);
     }
     /**
@@ -21122,12 +21164,12 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
         selectionBox.translateX = this.startX;
         selectionBox.translateY = this.startY;
         this._core.store.state.isSelecting = true;
-        this._core.store.state.objects.remove(o => o instanceof KritzelSelectionBox || (!isAdditive && o instanceof KritzelSelectionGroup && (o.userId == null || o.userId === this._core.user?.id)));
+        this._core.store.objects.remove(o => o instanceof KritzelSelectionBox || (!isAdditive && o instanceof KritzelSelectionGroup && (o.userId == null || o.userId === this._core.user?.id)));
         this._core.store.setSelectionBox(null);
         if (!isAdditive) {
             this._core.store.setSelectionGroup(null);
         }
-        this._core.store.state.objects.insert(selectionBox);
+        this._core.store.objects.insert(selectionBox);
         this._core.store.setSelectionBox(selectionBox);
     }
     /**
@@ -21150,7 +21192,7 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
             selectionBox.height = height;
             selectionBox.translateX = Math.min(currentX, this.startX);
             selectionBox.translateY = Math.min(currentY, this.startY);
-            this._core.store.state.objects.setLocalSelectionBox({
+            this._core.store.objects.setLocalSelectionBox({
                 x: selectionBox.translateX,
                 y: selectionBox.translateY,
                 width: width / selectionBox.scale,
@@ -21189,7 +21231,7 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
             selectionBox.height = height;
             selectionBox.translateX = Math.min(currentX, this.startX);
             selectionBox.translateY = Math.min(currentY, this.startY);
-            this._core.store.state.objects.setLocalSelectionBox({
+            this._core.store.objects.setLocalSelectionBox({
                 x: selectionBox.translateX,
                 y: selectionBox.translateY,
                 width: width / selectionBox.scale,
@@ -21229,9 +21271,9 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
             y: minY,
             z: selectionBox.scale,
             width: maxX - minX,
-            height: maxY - minY
+            height: maxY - minY,
         };
-        const candidates = this._core.store.state.objects.query(selectionBounds);
+        const candidates = this._core.store.objects.query(selectionBounds);
         // Track newly selected objects for efficient comparison
         const newlySelectedObjects = new Set();
         // Only test candidates that overlap the bounding box
@@ -21263,7 +21305,9 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
         const selectedObject = this.getTopmostHitObject(event);
         const isAdditive = event.shiftKey || event.ctrlKey;
         this.clearSelectionPreview();
-        this.addObjectToSelectionGroup(selectedObject, isAdditive);
+        if (selectedObject) {
+            this.addObjectToSelectionGroup(selectedObject, isAdditive);
+        }
         this.removeSelectionBox();
     }
     /**
@@ -21346,7 +21390,7 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
             return;
         }
         // Build parent group lookup map ONCE - O(g * c) instead of O(n * g * c)
-        const allGroups = this._core.store.state.objects.filter(obj => obj.__class__ === 'KritzelGroup');
+        const allGroups = this._core.store.objects.filter(obj => obj.__class__ === 'KritzelGroup');
         const childToParentMap = new Map();
         for (const group of allGroups) {
             for (const childId of group.childIds) {
@@ -21513,7 +21557,10 @@ class KritzelLineHandleHandler extends KritzelBaseHandler {
         if (handleType === 'start' || handleType === 'end') {
             this._core.anchorManager.removeAnchor(line.id, handleType);
         }
-        globalThis.clearTimeout?.(this._core.store.state.longTouchTimeout);
+        const timeout = this._core.store.state.longTouchTimeout;
+        if (timeout) {
+            globalThis.clearTimeout?.(timeout);
+        }
     }
     /**
      * Handles pointer move events during a line handle drag operation.
@@ -21808,8 +21855,8 @@ class KritzelLineHandleHandler extends KritzelBaseHandler {
         const rotatedDeltaCx = deltaCx * cos - deltaCy * sin;
         const rotatedDeltaCy = deltaCx * sin + deltaCy * cos;
         // Calculate new translate
-        const newTranslateX = this.initialTranslateX + scale * (oldWidth - newWidth) / 2 + scale * rotatedDeltaCx;
-        const newTranslateY = this.initialTranslateY + scale * (oldHeight - newHeight) / 2 + scale * rotatedDeltaCy;
+        const newTranslateX = this.initialTranslateX + (scale * (oldWidth - newWidth)) / 2 + scale * rotatedDeltaCx;
+        const newTranslateY = this.initialTranslateY + (scale * (oldHeight - newHeight)) / 2 + scale * rotatedDeltaCy;
         // Update the line properties
         line.startX = startX;
         line.startY = startY;
@@ -21824,7 +21871,7 @@ class KritzelLineHandleHandler extends KritzelBaseHandler {
         line.translateY = newTranslateY;
         // Clear cached adjusted points
         line._adjustedPoints = null;
-        this._core.store.state.objects.update(line);
+        this._core.store.objects.update(line);
     }
     /**
      * Handles pointer up events to complete a line handle drag operation.
@@ -22095,7 +22142,7 @@ class KritzelSelectionTool extends KritzelBaseTool {
         const objects = this.flattenObjects(this.getSelectedObjects());
         for (const obj of objects) {
             if (obj instanceof KritzelLine)
-                return obj.arrows;
+                return obj.arrows ?? { start: { enabled: false }, end: { enabled: false } };
         }
         return { start: { enabled: false }, end: { enabled: false } };
     }
@@ -22337,7 +22384,7 @@ class KritzelSelectionTool extends KritzelBaseTool {
     getSelectedObject(event) {
         const path = event.composedPath().slice(1);
         const objectElement = path.find(element => element.classList && element.classList.contains('object'));
-        const object = this._core.findObjectById(objectElement?.id);
+        const object = objectElement?.id ? this._core.findObjectById(objectElement.id) : null;
         if (!object) {
             return null;
         }
@@ -25748,7 +25795,7 @@ class KritzelAnchorManager {
         // Snap the endpoint to the target's center
         this.snapEndpointToObject(line, endpoint, targetObjectId);
         // Persist the change
-        this._core.store.state.objects.update(line);
+        this._core.store.objects.update(line);
     }
     /**
      * Removes an anchor from a line endpoint.
@@ -26127,7 +26174,7 @@ class KritzelAnchorManager {
             // Update the line to persist the change
             const line = this.getLineById(entry.lineId);
             if (line) {
-                this._core.store.state.objects.update(line);
+                this._core.store.objects.update(line);
             }
         }
         // Remove the object from the index
@@ -26229,7 +26276,7 @@ class KritzelAnchorManager {
      * @returns The KritzelLine object if found and is a line, null otherwise.
      */
     getLineById(lineId) {
-        const objects = this._core.store.state.objects.filter(o => o.id === lineId);
+        const objects = this._core.store.objects.filter(o => o.id === lineId);
         if (objects.length === 0) {
             return null;
         }
@@ -26243,7 +26290,7 @@ class KritzelAnchorManager {
      * @returns The KritzelBaseObject if found, null otherwise.
      */
     getObjectById(objectId) {
-        const objects = this._core.store.state.objects.filter(o => o.id === objectId);
+        const objects = this._core.store.objects.filter(o => o.id === objectId);
         return objects.length > 0 ? objects[0] : null;
     }
     /**