kritzel-stencil 0.3.7 → 0.3.8

package/dist/cjs/kritzel-active-users_42.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CFnj_FXt.js');
-var workspace_migrations = require('./workspace.migrations-BlC8KRoQ.js');
+var schema_constants = require('./schema.constants-rCfWpcBV.js');
 var Y = require('yjs');
 require('y-indexeddb');
 require('y-websocket');
@@ -291,7 +291,7 @@ const KritzelAwarenessCursors = class {
         const obj = this.core.store.objects?.findById(objectId);
         if (!obj)
             return null;
-        if (obj instanceof workspace_migrations.KritzelPath && !obj.isCompleted) {
+        if (obj instanceof schema_constants.KritzelPath && !obj.isCompleted) {
             const lastPoint = obj.points[obj.points.length - 1];
             if (!lastPoint)
                 return null;
@@ -300,7 +300,7 @@ const KritzelAwarenessCursors = class {
                 y: (lastPoint[1] - obj.y) / obj.scale + obj.translateY,
             };
         }
-        if (obj instanceof workspace_migrations.KritzelLine && !obj.isCompleted) {
+        if (obj instanceof schema_constants.KritzelLine && !obj.isCompleted) {
             return {
                 x: (obj.endX - obj.x) / obj.scale + obj.translateX,
                 y: (obj.endY - obj.y) / obj.scale + obj.translateY,
@@ -523,7 +523,7 @@ const KritzelColorComponent = class {
             return '';
         if (typeof this.value === 'string')
             return this.value;
-        return workspace_migrations.KritzelColorHelper.resolveThemeColor(this.value, this.theme);
+        return schema_constants.KritzelColorHelper.resolveThemeColor(this.value, this.theme);
     }
     isLightColor(hexColor) {
         if (!hexColor)
@@ -623,7 +623,7 @@ const KritzelColorPalette = class {
             return (index.h("div", { tabIndex: 0, class: {
                     'color-container': true,
                     'selected': this.areColorsEqual(this.selectedColor, color),
-                }, onClick: () => this.handleColorClick(color), onKeyDown: event => this.handleKeyDown(event, color) }, index.h("kritzel-color", { value: workspace_migrations.KritzelColorHelper.applyOpacity(color, this.opacity, this.theme), theme: this.theme })));
+                }, onClick: () => this.handleColorClick(color), onKeyDown: event => this.handleKeyDown(event, color) }, index.h("kritzel-color", { value: schema_constants.KritzelColorHelper.applyOpacity(color, this.opacity, this.theme), theme: this.theme })));
         }))));
     }
 };
@@ -834,54 +834,58 @@ KritzelContextMenu.style = kritzelContextMenuCss();
 class KritzelToolConfigHelper {
     static getToolConfig(tool) {
         const toolConstructorName = tool?.constructor?.name;
-        if (tool instanceof workspace_migrations.KritzelSelectionTool || toolConstructorName === 'KritzelSelectionTool') {
+        if (tool instanceof schema_constants.KritzelSelectionTool || toolConstructorName === 'KritzelSelectionTool') {
             return tool.getToolConfig();
         }
-        if (tool instanceof workspace_migrations.KritzelBrushTool || toolConstructorName === 'KritzelBrushTool') {
+        if (tool instanceof schema_constants.KritzelBrushTool || toolConstructorName === 'KritzelBrushTool') {
             return {
                 type: 'brush',
                 colorProperty: 'color',
                 sizeProperty: 'size',
                 opacityProperty: 'opacity',
                 paletteSource: 'palette',
+                sizesSource: 'sizes',
                 controls: [
                     { type: 'stroke-size', propertyName: 'size' },
                 ],
             };
         }
-        if (tool instanceof workspace_migrations.KritzelLineTool || toolConstructorName === 'KritzelLineTool') {
+        if (tool instanceof schema_constants.KritzelLineTool || toolConstructorName === 'KritzelLineTool') {
             return {
                 type: 'line',
                 colorProperty: 'color',
                 sizeProperty: 'size',
                 opacityProperty: 'opacity',
                 paletteSource: 'palette',
+                sizesSource: 'sizes',
                 controls: [
                     { type: 'stroke-size', propertyName: 'size' },
                     { type: 'line-endings', propertyName: 'arrows', additionalProps: {} },
                 ],
             };
         }
-        if (tool instanceof workspace_migrations.KritzelShapeTool || toolConstructorName === 'KritzelShapeTool') {
+        if (tool instanceof schema_constants.KritzelShapeTool || toolConstructorName === 'KritzelShapeTool') {
             return {
                 type: 'shape',
                 colorProperty: 'strokeColor',
                 sizeProperty: 'strokeWidth',
                 opacityProperty: 'opacity',
                 paletteSource: 'palette',
+                sizesSource: 'sizes',
                 controls: [
                     { type: 'stroke-size', propertyName: 'strokeWidth' },
                     { type: 'shape-fill', propertyName: 'fillColor', additionalProps: {} },
                 ],
             };
         }
-        if (tool instanceof workspace_migrations.KritzelTextTool || toolConstructorName === 'KritzelTextTool') {
+        if (tool instanceof schema_constants.KritzelTextTool || toolConstructorName === 'KritzelTextTool') {
             return {
                 type: 'text',
                 colorProperty: 'fontColor',
                 sizeProperty: 'fontSize',
                 opacityProperty: 'opacity',
                 paletteSource: 'palette',
+                sizesSource: 'sizes',
                 controls: [
                     { type: 'font-size', propertyName: 'fontSize', additionalProps: {} },
                     { type: 'font-family', propertyName: 'fontFamily' },
@@ -908,7 +912,7 @@ const KritzelControls = class {
     theme;
     isControlsReady;
     firstConfig = null;
-    isTouchDevice = workspace_migrations.KritzelDevicesHelper.isTouchDevice();
+    isTouchDevice = schema_constants.KritzelDevicesHelper.isTouchDevice();
     selectedSubOptions = new Map();
     canScrollLeft = false;
     canScrollRight = false;
@@ -932,7 +936,7 @@ const KritzelControls = class {
         this.closeTooltip();
     }
     handleSelectionChange() {
-        if (this.activeControl?.tool instanceof workspace_migrations.KritzelSelectionTool) {
+        if (this.activeControl?.tool instanceof schema_constants.KritzelSelectionTool) {
             this.updateDisplayValues(this.activeControl.tool);
         }
     }
@@ -981,10 +985,10 @@ const KritzelControls = class {
         const opacity = tool[config.opacityProperty] ?? 1;
         const size = tool[config.sizeProperty];
         const displayValues = {
-            color: workspace_migrations.KritzelColorHelper.applyOpacity(color, opacity, this.theme),
+            color: schema_constants.KritzelColorHelper.applyOpacity(color, opacity, this.theme),
             size,
         };
-        if (tool instanceof workspace_migrations.KritzelTextTool) {
+        if (tool instanceof schema_constants.KritzelTextTool) {
             displayValues.fontFamily = tool.fontFamily;
         }
         // Check for equality implementation to prevent unnecessary re-renders
@@ -1259,7 +1263,7 @@ const KritzelCursorTrail = class {
     isLeftButtonDown = false;
     handleMouseDown(ev) {
         if (ev.pointerType === 'mouse') {
-            if (ev.button === workspace_migrations.KritzelMouseButton.Left) {
+            if (ev.button === schema_constants.KritzelMouseButton.Left) {
                 this.isLeftButtonDown = true;
                 this.cursorTrailPoints = [];
             }
@@ -1286,7 +1290,7 @@ const KritzelCursorTrail = class {
     }
     handlePointerUp(ev) {
         if (ev.pointerType === 'mouse') {
-            if (ev.button === workspace_migrations.KritzelMouseButton.Left) {
+            if (ev.button === schema_constants.KritzelMouseButton.Left) {
                 this.isLeftButtonDown = false;
                 this.cursorTrailPoints = [];
             }
@@ -2108,14 +2112,15 @@ const KritzelDropdown = class {
 KritzelDropdown.style = kritzelDropdownCss();
 
 const DEFAULT_SHAPE_CONFIG = {
-    shapeType: workspace_migrations.ShapeType.Rectangle,
+    shapeType: schema_constants.ShapeType.Rectangle,
     fillColor: { light: 'transparent', dark: 'transparent' },
-    strokeColor: workspace_migrations.DEFAULT_COLOR_PALETTE[0],
+    strokeColor: schema_constants.DEFAULT_COLOR_PALETTE[0],
     strokeWidth: 4,
-    fontColor: workspace_migrations.DEFAULT_COLOR_PALETTE[0],
+    fontColor: schema_constants.DEFAULT_COLOR_PALETTE[0],
     fontSize: 16,
     fontFamily: 'Arial',
-    palette: [...workspace_migrations.DEFAULT_COLOR_PALETTE],
+    palette: [...schema_constants.DEFAULT_COLOR_PALETTE],
+    sizes: [...schema_constants.DEFAULT_STROKE_SIZES],
 };
 
 const ABSOLUTE_SCALE_MAX = 1000;
@@ -2126,7 +2131,7 @@ const ABSOLUTE_SCALE_MIN = 0.0001;
  */
 const DEFAULT_SYNC_CONFIG = {
     providers: [
-        workspace_migrations.IndexedDBSyncProvider
+        schema_constants.IndexedDBSyncProvider
     ],
 };
 
@@ -2171,52 +2176,52 @@ const KritzelEditor = class {
             name: 'selection',
             type: 'tool',
             isDefault: true,
-            tool: workspace_migrations.KritzelSelectionTool,
+            tool: schema_constants.KritzelSelectionTool,
             icon: 'cursor',
         },
         {
             name: 'brush',
             type: 'tool',
-            tool: workspace_migrations.KritzelBrushTool,
+            tool: schema_constants.KritzelBrushTool,
             icon: 'pen',
-            config: workspace_migrations.DEFAULT_BRUSH_CONFIG,
+            config: schema_constants.DEFAULT_BRUSH_CONFIG,
         },
         {
             name: 'eraser',
             type: 'tool',
-            tool: workspace_migrations.KritzelEraserTool,
+            tool: schema_constants.KritzelEraserTool,
             icon: 'eraser',
         },
         {
             name: 'line',
             type: 'tool',
-            tool: workspace_migrations.KritzelLineTool,
+            tool: schema_constants.KritzelLineTool,
             icon: 'arrow',
-            config: workspace_migrations.DEFAULT_LINE_TOOL_CONFIG,
+            config: schema_constants.DEFAULT_LINE_TOOL_CONFIG,
         },
         {
             name: 'shape',
             type: 'tool',
-            tool: workspace_migrations.KritzelShapeTool,
+            tool: schema_constants.KritzelShapeTool,
             icon: 'shape-rectangle',
             config: DEFAULT_SHAPE_CONFIG,
             subOptions: [
-                { id: 'rectangle', icon: 'shape-rectangle', label: 'Rectangle', value: workspace_migrations.ShapeType.Rectangle, toolProperty: 'shapeType' },
-                { id: 'ellipse', icon: 'shape-ellipse', label: 'Ellipse', value: workspace_migrations.ShapeType.Ellipse, toolProperty: 'shapeType' },
-                { id: 'triangle', icon: 'shape-triangle', label: 'Triangle', value: workspace_migrations.ShapeType.Triangle, toolProperty: 'shapeType' },
+                { id: 'rectangle', icon: 'shape-rectangle', label: 'Rectangle', value: schema_constants.ShapeType.Rectangle, toolProperty: 'shapeType' },
+                { id: 'ellipse', icon: 'shape-ellipse', label: 'Ellipse', value: schema_constants.ShapeType.Ellipse, toolProperty: 'shapeType' },
+                { id: 'triangle', icon: 'shape-triangle', label: 'Triangle', value: schema_constants.ShapeType.Triangle, toolProperty: 'shapeType' },
             ],
         },
         {
             name: 'text',
             type: 'tool',
-            tool: workspace_migrations.KritzelTextTool,
+            tool: schema_constants.KritzelTextTool,
             icon: 'type',
-            config: workspace_migrations.DEFAULT_TEXT_CONFIG,
+            config: schema_constants.DEFAULT_TEXT_CONFIG,
         },
         {
             name: 'image',
             type: 'tool',
-            tool: workspace_migrations.KritzelImageTool,
+            tool: schema_constants.KritzelImageTool,
             icon: 'image',
         },
         {
@@ -2265,12 +2270,12 @@ const KritzelEditor = class {
             group: 'other',
             disabled: async () => (await this.engineRef.getSelectedObjects()).length < 2,
             children: [
-                { label: 'Align Left', icon: 'align-start-vertical', action: () => this.engineRef.alignObjects(workspace_migrations.KritzelAlignment.StartHorizontal) },
-                { label: 'Align Center Horizontally', icon: 'align-center-horizontal', action: () => this.engineRef.alignObjects(workspace_migrations.KritzelAlignment.CenterHorizontal) },
-                { label: 'Align Right', icon: 'align-end-vertical', action: () => this.engineRef.alignObjects(workspace_migrations.KritzelAlignment.EndHorizontal) },
-                { label: 'Align Top', icon: 'align-start-horizontal', action: () => this.engineRef.alignObjects(workspace_migrations.KritzelAlignment.StartVertical) },
-                { label: 'Align Center Vertically', icon: 'align-center-vertical', action: () => this.engineRef.alignObjects(workspace_migrations.KritzelAlignment.CenterVertical) },
-                { label: 'Align Bottom', icon: 'align-end-horizontal', action: () => this.engineRef.alignObjects(workspace_migrations.KritzelAlignment.EndVertical) },
+                { label: 'Align Left', icon: 'align-start-vertical', action: () => this.engineRef.alignObjects(schema_constants.KritzelAlignment.StartHorizontal) },
+                { label: 'Align Center Horizontally', icon: 'align-center-horizontal', action: () => this.engineRef.alignObjects(schema_constants.KritzelAlignment.CenterHorizontal) },
+                { label: 'Align Right', icon: 'align-end-vertical', action: () => this.engineRef.alignObjects(schema_constants.KritzelAlignment.EndHorizontal) },
+                { label: 'Align Top', icon: 'align-start-horizontal', action: () => this.engineRef.alignObjects(schema_constants.KritzelAlignment.StartVertical) },
+                { label: 'Align Center Vertically', icon: 'align-center-vertical', action: () => this.engineRef.alignObjects(schema_constants.KritzelAlignment.CenterVertical) },
+                { label: 'Align Bottom', icon: 'align-end-horizontal', action: () => this.engineRef.alignObjects(schema_constants.KritzelAlignment.EndVertical) },
             ],
         },
         {
@@ -2312,7 +2317,7 @@ const KritzelEditor = class {
     isWorkspaceManagerVisible = true;
     isMoreMenuVisible = true;
     syncConfig = DEFAULT_SYNC_CONFIG;
-    assetStorageConfig = workspace_migrations.DEFAULT_ASSET_STORAGE_CONFIG;
+    assetStorageConfig = schema_constants.DEFAULT_ASSET_STORAGE_CONFIG;
     /** The element to use as the target for the cursor. Defaults to the editor container if not set. */
     cursorTarget;
     /** Optional login configuration. When provided, a "Sign in" button is shown that opens a login dialog with the configured providers. */
@@ -2495,6 +2500,9 @@ const KritzelEditor = class {
     async changeActiveTool(tool) {
         return this.engineRef.changeActiveTool(tool);
     }
+    async changeActiveToolByName(toolName) {
+        return this.engineRef.changeActiveToolByName(toolName);
+    }
     async disable() {
         return this.engineRef.disable();
     }
@@ -2825,20 +2833,20 @@ const KritzelEditor = class {
         };
     }
     getContentObjects(objects) {
-        return objects.filter(obj => !(obj instanceof workspace_migrations.KritzelSelectionGroup) && !(obj instanceof workspace_migrations.KritzelSelectionBox));
+        return objects.filter(obj => !(obj instanceof schema_constants.KritzelSelectionGroup) && !(obj instanceof schema_constants.KritzelSelectionBox));
     }
     registerCustomSvgIcons() {
         for (const [name, svg] of Object.entries(this.customSvgIcons)) {
-            workspace_migrations.KritzelIconRegistry.register(name, svg);
+            schema_constants.KritzelIconRegistry.register(name, svg);
         }
     }
     listenForMobileKeyboard() {
-        workspace_migrations.KritzelKeyboardHelper.onKeyboardVisibleChanged(isOpen => {
+        schema_constants.KritzelKeyboardHelper.onKeyboardVisibleChanged(isOpen => {
             this.isVirtualKeyboardOpen = isOpen;
         });
     }
     setOsSpecificCssVariables() {
-        const os = workspace_migrations.KritzelDevicesHelper.detectOS();
+        const os = schema_constants.KritzelDevicesHelper.detectOS();
         switch (os) {
             case 'iOS':
                 // iOS specific adjustments
@@ -2870,27 +2878,27 @@ const KritzelEditor = class {
         const isLoggedIn = this.isLoggedIn;
         const shouldShowCurrentUser = isLoggedIn;
         const shouldShowLoginButton = !!this.loginConfig && !isLoggedIn;
-        return (index.h(index.Host, { key: 'e259a79d0fb8e39be29f338c78b3b686c82790ff' }, index.h("div", { key: '2aa5768df3fe0442ff4b032c1f3defa3e2414d4b', class: "top-left-buttons" }, index.h("kritzel-workspace-manager", { key: '6bade436347fba887007843ed3ad71f85ea4acb0', visible: this.isWorkspaceManagerVisible, workspaces: this.workspaces, activeWorkspace: this.activeWorkspace, onWorkspaceChange: event => (this.activeWorkspace = event.detail), onIsWorkspaceManagerReady: () => (this.isWorkspaceManagerReady = true) }), index.h("kritzel-back-to-content", { key: 'cdbf4c27695a5daefe9548a642a9dcd0aff7a77b', visible: this.isBackToContentButtonVisible, onBackToContent: () => this.backToContent() })), index.h("kritzel-engine", { key: 'e0ac833bd839c04d90c8788663ea0afd6aa35c39', ref: el => {
+        return (index.h(index.Host, { key: '2856db9fa6a0926df078d5d6eedb19d2b4de98a5' }, index.h("div", { key: '7ffad0fd28904b740af43e20addfef701bbcead9', class: "top-left-buttons" }, index.h("kritzel-workspace-manager", { key: '0639e3d0f1a91935d42c10d5dfa793fd595cc234', visible: this.isWorkspaceManagerVisible, workspaces: this.workspaces, activeWorkspace: this.activeWorkspace, onWorkspaceChange: event => (this.activeWorkspace = event.detail), onIsWorkspaceManagerReady: () => (this.isWorkspaceManagerReady = true) }), index.h("kritzel-back-to-content", { key: '0039bc16615c26ab239ceeac418a7d47ff2ad40a', visible: this.isBackToContentButtonVisible, onBackToContent: () => this.backToContent() })), index.h("kritzel-engine", { key: '4815e1c4dfc6a04e68894b795c02dd678fec108d', ref: el => {
                 if (el) {
                     this.engineRef = el;
                 }
-            }, workspace: this.activeWorkspace, activeWorkspaceId: this.activeWorkspaceId, editorId: this.editorId, syncConfig: this.syncConfig, assetStorageConfig: this.assetStorageConfig, user: this.user, scaleMax: this.scaleMax, lockDrawingScale: this.lockDrawingScale, scaleMin: this.scaleMin, cursorTarget: this.cursorTarget, isLoading: this.isLoading, viewportBoundaryLeft: this.viewportBoundaryLeft, viewportBoundaryRight: this.viewportBoundaryRight, viewportBoundaryTop: this.viewportBoundaryTop, viewportBoundaryBottom: this.viewportBoundaryBottom, wheelEnabled: this.wheelEnabled, theme: this.currentTheme, debugInfo: this.debugInfo, globalContextMenuItems: this.globalContextMenuItems, objectContextMenuItems: this.objectContextMenuItems, onIsEngineReady: event => this.onEngineReady(event), onWorkspacesChange: event => this.handleWorkspacesChange(event), onActiveWorkspaceChange: event => this.handleActiveWorkspaceChange(event), onObjectsChange: event => this.handleObjectsChange(event), onObjectsAdded: event => this.handleObjectsAdded(event), onObjectsRemoved: event => this.handleObjectsRemoved(event), onObjectsUpdated: event => this.handleObjectsUpdated(event), onUndoStateChange: event => this.handleUndoStateChange(event), onObjectsInViewportChange: event => this.handleObjectsInViewportChange(event), onViewportChange: event => this.handleViewportChange(event), onAwarenessChange: event => this.handleAwarenessChange(event) }), index.h("kritzel-controls", { key: '396ed985b464306a845a4ef4f54782ccc42bd344', class: { 'keyboard-open': this.isVirtualKeyboardOpen }, style: { display: this.isControlsVisible ? 'flex' : 'none' }, ref: el => {
+            }, workspace: this.activeWorkspace, activeWorkspaceId: this.activeWorkspaceId, editorId: this.editorId, syncConfig: this.syncConfig, assetStorageConfig: this.assetStorageConfig, user: this.user, scaleMax: this.scaleMax, lockDrawingScale: this.lockDrawingScale, scaleMin: this.scaleMin, cursorTarget: this.cursorTarget, isLoading: this.isLoading, viewportBoundaryLeft: this.viewportBoundaryLeft, viewportBoundaryRight: this.viewportBoundaryRight, viewportBoundaryTop: this.viewportBoundaryTop, viewportBoundaryBottom: this.viewportBoundaryBottom, wheelEnabled: this.wheelEnabled, theme: this.currentTheme, debugInfo: this.debugInfo, globalContextMenuItems: this.globalContextMenuItems, objectContextMenuItems: this.objectContextMenuItems, onIsEngineReady: event => this.onEngineReady(event), onWorkspacesChange: event => this.handleWorkspacesChange(event), onActiveWorkspaceChange: event => this.handleActiveWorkspaceChange(event), onObjectsChange: event => this.handleObjectsChange(event), onObjectsAdded: event => this.handleObjectsAdded(event), onObjectsRemoved: event => this.handleObjectsRemoved(event), onObjectsUpdated: event => this.handleObjectsUpdated(event), onUndoStateChange: event => this.handleUndoStateChange(event), onObjectsInViewportChange: event => this.handleObjectsInViewportChange(event), onViewportChange: event => this.handleViewportChange(event), onAwarenessChange: event => this.handleAwarenessChange(event) }), index.h("kritzel-controls", { key: 'fc44c417ee17a98f2b5d8eecffac6a86e43fda2a', class: { 'keyboard-open': this.isVirtualKeyboardOpen }, style: { display: this.isControlsVisible ? 'flex' : 'none' }, ref: el => {
                 if (el) {
                     this.controlsRef = el;
                 }
-            }, controls: this.controls, isUtilityPanelVisible: this.isUtilityPanelVisible, undoState: this.undoState ?? undefined, theme: this.currentTheme, onIsControlsReady: () => (this.isControlsReady = true) }), index.h("div", { key: '67fdbff9c0259c02bd02bc1342856bc4bdac6d9f', class: "top-right-buttons" }, index.h("kritzel-settings", { key: '08e1bbfc902e8fe24395babef675654d84bc2dfc', ref: el => {
+            }, controls: this.controls, isUtilityPanelVisible: this.isUtilityPanelVisible, undoState: this.undoState ?? undefined, theme: this.currentTheme, onIsControlsReady: () => (this.isControlsReady = true) }), index.h("div", { key: 'f333d2b31d456d4e35dbd41c93492329939a7c4d', class: "top-right-buttons" }, index.h("kritzel-settings", { key: '7900c9b1c3fd35e07e0d2a2aa0b797f455f52e1d', ref: el => {
                 if (el) {
                     this.settingsRef = el;
                 }
-            }, shortcuts: this.shortcuts, settings: this.currentSettingsConfig, onSettingsChange: event => this.handleSettingsChange(event) }), index.h("kritzel-export", { key: 'e3250aaecf428bf763aefea11167b72587cee52d', ref: el => {
+            }, shortcuts: this.shortcuts, settings: this.currentSettingsConfig, onSettingsChange: event => this.handleSettingsChange(event) }), index.h("kritzel-export", { key: 'c6ad8ae5255c9d90d854b7a26e81b65cfdc6236d', ref: el => {
                 if (el) {
                     this.exportRef = el;
                 }
-            }, workspaceName: this.activeWorkspace?.name || 'workspace', onExportPng: () => this.engineRef.exportViewportAsPng(), onExportSvg: () => this.engineRef.exportViewportAsSvg(), onExportJson: event => this.engineRef.downloadAsJson(event.detail) }), index.h("kritzel-active-users", { key: '6ba93cfeb8eb28d6e7a7c0d8f6813300bd14bd2b', users: this.activeUsers }), shouldShowCurrentUser && index.h("kritzel-current-user", { key: '4efef69fc7c1b443f6e12fdcda5ed8d26dbebcd3', user: this.user }), shouldShowLoginButton && index.h("kritzel-button", { key: '54208a3e130fe41f7429516d52f166b08de7e24c', onButtonClick: () => this.loginDialogRef?.open() }, "Sign in"), index.h("kritzel-more-menu", { key: 'b5a6f5e0e5465655d109ee9047cba97200f94639', items: this.moreMenuItems, visible: this.isMoreMenuVisible }), index.h("kritzel-share-dialog", { key: 'ee32c5f54395db794ab77ecd0f2e9657db6765c0', ref: el => {
+            }, workspaceName: this.activeWorkspace?.name || 'workspace', onExportPng: () => this.engineRef.exportViewportAsPng(), onExportSvg: () => this.engineRef.exportViewportAsSvg(), onExportJson: event => this.engineRef.downloadAsJson(event.detail) }), index.h("kritzel-active-users", { key: '3d6d3c460e5954b4d477c6bcc9992e503f781a81', users: this.activeUsers }), shouldShowCurrentUser && index.h("kritzel-current-user", { key: '33a72ce69276082ca7cc2815a93ad14de8dcf5a0', user: this.user }), shouldShowLoginButton && index.h("kritzel-button", { key: '809dedeacbf89674e42ab3e5850e67aadfe1111c', onButtonClick: () => this.loginDialogRef?.open() }, "Sign in"), index.h("kritzel-more-menu", { key: '7521045a24e32e6aa69a5a8c41a4edea5d657d93', items: this.moreMenuItems, visible: this.isMoreMenuVisible }), index.h("kritzel-share-dialog", { key: 'a4e778dee23b3dba94109c141e3628f22b740355', ref: el => {
                 if (el) {
                     this.shareDialogRef = el;
                 }
-            }, isPublic: this.currentIsPublic, workspaceId: this.activeWorkspace?.id, onToggleIsPublic: this.handleToggleIsPublic }), this.loginConfig && (index.h("kritzel-login-dialog", { key: 'b24a52c160d828218d949ac1d8b9edd9b3c00535', ref: el => {
+            }, isPublic: this.currentIsPublic, workspaceId: this.activeWorkspace?.id, onToggleIsPublic: this.handleToggleIsPublic }), this.loginConfig && (index.h("kritzel-login-dialog", { key: '3394d489bdbc92c572208c8f65601bf91568f0c4', ref: el => {
                 if (el) {
                     this.loginDialogRef = el;
                 }
@@ -20327,7 +20335,7 @@ class KritzelViewport {
         if (event.pointerType === 'mouse') {
             const adjustedClientX = event.clientX - this._core.store.offsetX;
             const adjustedClientY = event.clientY - this._core.store.offsetY;
-            if (event.button === workspace_migrations.KritzelMouseButton.Right) {
+            if (event.button === schema_constants.KritzelMouseButton.Right) {
                 this._core.store.state.isPanning = true;
                 this._core.store.state.startX = adjustedClientX;
                 this._core.store.state.startY = adjustedClientY;
@@ -20349,7 +20357,7 @@ class KritzelViewport {
                 // Clear selection box when scaling starts to prevent it from remaining on screen
                 if (this._core.store.state.isSelecting) {
                     this._core.store.state.isSelecting = false;
-                    this._core.store.objects.remove(obj => obj instanceof workspace_migrations.KritzelSelectionBox);
+                    this._core.store.objects.remove(obj => obj instanceof schema_constants.KritzelSelectionBox);
                     this._core.store.setSelectionBox(null);
                     // Clear selection preview state from objects - use selectedObjects for efficiency
                     this._core.store.selectedObjects.forEach(object => {
@@ -20877,7 +20885,7 @@ const NUDGE_AMOUNT = 10;
  * Provides functionality for tool switching, clipboard operations, object manipulation,
  * undo/redo, and navigation via keyboard input.
  */
-class KritzelKeyHandler extends workspace_migrations.KritzelBaseHandler {
+class KritzelKeyHandler extends schema_constants.KritzelBaseHandler {
     /**
      * Array of registered keyboard shortcuts with their associated actions.
      * Each shortcut defines the key combination, display label, category, optional condition, and action to execute.
@@ -21058,7 +21066,7 @@ class KritzelKeyHandler extends workspace_migrations.KritzelBaseHandler {
  * Manages the display and positioning of context menus, selecting appropriate menu items
  * based on whether an object is targeted or the canvas background is right-clicked.
  */
-class KritzelContextMenuHandler extends workspace_migrations.KritzelBaseHandler {
+class KritzelContextMenuHandler extends schema_constants.KritzelBaseHandler {
     /**
      * Menu items to display when the context menu is opened on the canvas background
      * (i.e., when no object is selected).
@@ -21094,7 +21102,7 @@ class KritzelContextMenuHandler extends workspace_migrations.KritzelBaseHandler
      * @returns void - This method does not return a value; it updates state and triggers a rerender.
      */
     handleContextMenu(event) {
-        if (!(this._core.store.state.activeTool instanceof workspace_migrations.KritzelSelectionTool)) {
+        if (!(this._core.store.state.activeTool instanceof schema_constants.KritzelSelectionTool)) {
             return;
         }
         if (this._core.store.state.skipContextMenu) {
@@ -21104,13 +21112,13 @@ class KritzelContextMenuHandler extends workspace_migrations.KritzelBaseHandler
         const selectionTool = this._core.store.state.activeTool;
         selectionTool?.moveHandler?.cancelPendingDrag();
         if (this._core.store.selectionBox) {
-            this._core.store.objects.remove(object => object instanceof workspace_migrations.KritzelSelectionBox);
+            this._core.store.objects.remove(object => object instanceof schema_constants.KritzelSelectionBox);
             this._core.store.setSelectionBox(null);
             this._core.store.state.isSelecting = false;
         }
         const selectedObject = this._core.getObjectFromPointerEvent(event, '.object');
-        if (selectedObject && !(selectedObject instanceof workspace_migrations.KritzelSelectionGroup) && !(selectedObject instanceof workspace_migrations.KritzelSelectionBox)) {
-            const selectionGroup = workspace_migrations.KritzelSelectionGroup.create(this._core);
+        if (selectedObject && !(selectedObject instanceof schema_constants.KritzelSelectionGroup) && !(selectedObject instanceof schema_constants.KritzelSelectionBox)) {
+            const selectionGroup = schema_constants.KritzelSelectionGroup.create(this._core);
             selectionGroup.addOrRemove(selectedObject);
             selectionGroup.isSelected = true;
             selectionGroup.rotation = selectedObject.rotation;
@@ -21150,7 +21158,7 @@ class KritzelContextMenuHandler extends workspace_migrations.KritzelBaseHandler
  * Extends KritzelBaseObject to inherit common object functionality like positioning,
  * scaling, and lifecycle management.
  */
-class KritzelCustomElement extends workspace_migrations.KritzelBaseObject {
+class KritzelCustomElement extends schema_constants.KritzelBaseObject {
     __class__ = 'KritzelCustomElement';
     /** The HTML element to be rendered on the canvas. */
     element;
@@ -21295,16 +21303,16 @@ class KritzelReviver {
                 let revivedObj;
                 switch (obj.__class__) {
                     case 'KritzelPath':
-                        revivedObj = workspace_migrations.KritzelPath.create(this._core).deserialize(obj);
+                        revivedObj = schema_constants.KritzelPath.create(this._core).deserialize(obj);
                         break;
                     case 'KritzelLine':
-                        revivedObj = workspace_migrations.KritzelLine.create(this._core).deserialize(obj);
+                        revivedObj = schema_constants.KritzelLine.create(this._core).deserialize(obj);
                         break;
                     case 'KritzelText':
-                        revivedObj = workspace_migrations.KritzelText.create(this._core, obj.fontSize, obj.fontFamily).deserialize(obj);
+                        revivedObj = schema_constants.KritzelText.create(this._core, obj.fontSize, obj.fontFamily).deserialize(obj);
                         break;
                     case 'KritzelShape':
-                        revivedObj = workspace_migrations.KritzelShape.create(this._core, {
+                        revivedObj = schema_constants.KritzelShape.create(this._core, {
                             shapeType: obj.shapeType,
                             fillColor: obj.fillColor,
                             strokeColor: obj.strokeColor,
@@ -21315,40 +21323,40 @@ class KritzelReviver {
                         }).deserialize(obj);
                         break;
                     case 'KritzelImage':
-                        revivedObj = workspace_migrations.KritzelImage.create(this._core).deserialize(obj);
+                        revivedObj = schema_constants.KritzelImage.create(this._core).deserialize(obj);
                         break;
                     case 'KritzelCustomElement':
                         revivedObj = KritzelCustomElement.create(this._core).deserialize(obj);
                         break;
                     case 'KritzelSelectionGroup':
-                        revivedObj = workspace_migrations.KritzelSelectionGroup.create(this._core).deserialize(obj);
+                        revivedObj = schema_constants.KritzelSelectionGroup.create(this._core).deserialize(obj);
                         break;
                     case 'KritzelGroup':
-                        revivedObj = workspace_migrations.KritzelGroup.create(this._core).deserialize(obj);
+                        revivedObj = schema_constants.KritzelGroup.create(this._core).deserialize(obj);
                         break;
                     case 'KritzelWorkspace':
-                        revivedObj = workspace_migrations.KritzelWorkspace.create(this._core, obj).deserialize(obj);
+                        revivedObj = schema_constants.KritzelWorkspace.create(this._core, obj).deserialize(obj);
                         break;
                     case 'KritzelBrushTool':
-                        revivedObj = new workspace_migrations.KritzelBrushTool(this._core);
+                        revivedObj = new schema_constants.KritzelBrushTool(this._core);
                         break;
                     case 'KritzelEraserTool':
-                        revivedObj = new workspace_migrations.KritzelEraserTool(this._core);
+                        revivedObj = new schema_constants.KritzelEraserTool(this._core);
                         break;
                     case 'KritzelImageTool':
-                        revivedObj = new workspace_migrations.KritzelImageTool(this._core);
+                        revivedObj = new schema_constants.KritzelImageTool(this._core);
                         break;
                     case 'KritzelSelectionTool':
-                        revivedObj = new workspace_migrations.KritzelSelectionTool(this._core);
+                        revivedObj = new schema_constants.KritzelSelectionTool(this._core);
                         break;
                     case 'KritzelTextTool':
-                        revivedObj = new workspace_migrations.KritzelTextTool(this._core);
+                        revivedObj = new schema_constants.KritzelTextTool(this._core);
                         break;
                     case 'KritzelLineTool':
-                        revivedObj = new workspace_migrations.KritzelLineTool(this._core);
+                        revivedObj = new schema_constants.KritzelLineTool(this._core);
                         break;
                     case 'KritzelShapeTool':
-                        revivedObj = new workspace_migrations.KritzelShapeTool(this._core);
+                        revivedObj = new schema_constants.KritzelShapeTool(this._core);
                         break;
                     default:
                         revivedObj = obj;
@@ -21476,32 +21484,32 @@ class AlignmentHelper {
             const offsetX = objBounds.x - obj.translateX;
             const offsetY = objBounds.y - obj.translateY;
             switch (alignment) {
-                case workspace_migrations.KritzelAlignment.StartHorizontal:
+                case schema_constants.KritzelAlignment.StartHorizontal:
                     // Align left edges to selection's left edge
                     newTranslateX = selectionBounds.minX - offsetX;
                     break;
-                case workspace_migrations.KritzelAlignment.CenterHorizontal:
+                case schema_constants.KritzelAlignment.CenterHorizontal:
                     // Align centers horizontally
                     const selectionCenterX = (selectionBounds.minX + selectionBounds.maxX) / 2;
                     const objCenterX = objBounds.x + objBounds.width / 2;
                     newTranslateX = obj.translateX + (selectionCenterX - objCenterX);
                     break;
-                case workspace_migrations.KritzelAlignment.EndHorizontal:
+                case schema_constants.KritzelAlignment.EndHorizontal:
                     // Align right edges to selection's right edge
                     const objRightEdge = objBounds.x + objBounds.width;
                     newTranslateX = obj.translateX + (selectionBounds.maxX - objRightEdge);
                     break;
-                case workspace_migrations.KritzelAlignment.StartVertical:
+                case schema_constants.KritzelAlignment.StartVertical:
                     // Align top edges to selection's top edge
                     newTranslateY = selectionBounds.minY - offsetY;
                     break;
-                case workspace_migrations.KritzelAlignment.CenterVertical:
+                case schema_constants.KritzelAlignment.CenterVertical:
                     // Align centers vertically
                     const selectionCenterY = (selectionBounds.minY + selectionBounds.maxY) / 2;
                     const objCenterY = objBounds.y + objBounds.height / 2;
                     newTranslateY = obj.translateY + (selectionCenterY - objCenterY);
                     break;
-                case workspace_migrations.KritzelAlignment.EndVertical:
+                case schema_constants.KritzelAlignment.EndVertical:
                     // Align bottom edges to selection's bottom edge
                     const objBottomEdge = objBounds.y + objBounds.height;
                     newTranslateY = obj.translateY + (selectionBounds.maxY - objBottomEdge);
@@ -21981,7 +21989,7 @@ class KritzelObjectMap {
             }
         });
         const localUserId = this._core?.user?.id;
-        const orphanedGroups = this.quadtree.filter(o => o instanceof workspace_migrations.KritzelSelectionGroup
+        const orphanedGroups = this.quadtree.filter(o => o instanceof schema_constants.KritzelSelectionGroup
             && o.userId != null
             && o.userId !== localUserId
             && !activeUserIds.has(o.userId));
@@ -22204,7 +22212,7 @@ class KritzelObjectMap {
         this.initializeMetadata('workspace', workspaceId, workspaceName);
         // Run any pending schema migrations before loading data
         const quietMigrations = !core.store?.state?.debugInfo?.showMigrationInfo;
-        workspace_migrations.runMigrations(this._ydoc, this._metadataMap, { objects: this._objectsMap }, workspace_migrations.WORKSPACE_MIGRATIONS, workspace_migrations.CURRENT_WORKSPACE_SCHEMA_VERSION, { quiet: quietMigrations });
+        schema_constants.runMigrations(this._ydoc, this._metadataMap, { objects: this._objectsMap }, schema_constants.WORKSPACE_MIGRATIONS, schema_constants.CURRENT_WORKSPACE_SCHEMA_VERSION, { quiet: quietMigrations });
         // Load objects from Yjs
         this.loadFromYjs();
     }
@@ -22240,7 +22248,7 @@ class KritzelObjectMap {
                 if (serialized) {
                     const object = this._reviver?.revive(serialized);
                     // Separate SelectionGroups to process them after regular objects
-                    if (object instanceof workspace_migrations.KritzelSelectionGroup) {
+                    if (object instanceof schema_constants.KritzelSelectionGroup) {
                         selectionGroupsToUpdate.push(object);
                     }
                     else {
@@ -22311,7 +22319,7 @@ class KritzelObjectMap {
                 ...objectsToDelete
             ]);
             // Find any existing SelectionGroups that contain changed objects
-            const existingSelectionGroups = this.quadtree.filter(o => o instanceof workspace_migrations.KritzelSelectionGroup && !updatedSelectionGroupIds.has(o.id));
+            const existingSelectionGroups = this.quadtree.filter(o => o instanceof schema_constants.KritzelSelectionGroup && !updatedSelectionGroupIds.has(o.id));
             for (const selectionGroup of existingSelectionGroups) {
                 const hasChangedChildren = selectionGroup.objectIds.some(id => changedObjectIds.has(id));
                 if (hasChangedChildren) {
@@ -22360,7 +22368,7 @@ class KritzelObjectMap {
                 this._metadataMap?.set('isPublic', false);
             }
             if (this._metadataMap?.get('schemaVersion') === undefined) {
-                this._metadataMap?.set('schemaVersion', workspace_migrations.CURRENT_WORKSPACE_SCHEMA_VERSION);
+                this._metadataMap?.set('schemaVersion', schema_constants.CURRENT_WORKSPACE_SCHEMA_VERSION);
             }
             this._metadataMap?.set('workspaceId', workspaceId);
             this._metadataMap?.set('workspaceName', workspaceName);
@@ -22490,7 +22498,7 @@ class KritzelObjectMap {
             const object = this._reviver?.revive(serialized);
             // Remove remote selection groups on startup — they are transient UI state
             // that should not survive an app restart. The owning user's session is gone.
-            if (object instanceof workspace_migrations.KritzelSelectionGroup && object.userId != null && object.userId !== localUserId) {
+            if (object instanceof schema_constants.KritzelSelectionGroup && object.userId != null && object.userId !== localUserId) {
                 staleSelectionGroupIds.push(key);
                 return;
             }
@@ -22638,7 +22646,7 @@ class KritzelObjectMap {
      * @returns `true` if the object should be persisted, `false` otherwise
      */
     isPersistable(object) {
-        if (object instanceof workspace_migrations.KritzelSelectionBox) {
+        if (object instanceof schema_constants.KritzelSelectionBox) {
             return false;
         }
         return true;
@@ -22877,7 +22885,7 @@ class KritzelStore {
      * @returns The next z-index value to use for new objects
      */
     get currentZIndex() {
-        return Math.max(0, ...this.objects.filter(o => !(o instanceof workspace_migrations.KritzelSelectionGroup) && !(o instanceof workspace_migrations.KritzelSelectionBox)).map(o => o.zIndex)) + 1;
+        return Math.max(0, ...this.objects.filter(o => !(o instanceof schema_constants.KritzelSelectionGroup) && !(o instanceof schema_constants.KritzelSelectionBox)).map(o => o.zIndex)) + 1;
     }
     /**
      * Returns true if viewport boundaries are set to finite values (not Infinity).
@@ -22948,14 +22956,14 @@ class KritzelStore {
      * @returns Array of all regular canvas objects
      */
     get allNonSelectionObjects() {
-        return this.allObjects.filter(o => !(o instanceof workspace_migrations.KritzelSelectionGroup) && !(o instanceof workspace_migrations.KritzelSelectionBox));
+        return this.allObjects.filter(o => !(o instanceof schema_constants.KritzelSelectionGroup) && !(o instanceof schema_constants.KritzelSelectionBox));
     }
     /**
      * Gets all currently selected objects (excluding the selection group itself).
      * @returns Array of selected objects
      */
     get selectedObjects() {
-        return this.allObjects.filter(o => !(o instanceof workspace_migrations.KritzelSelectionGroup)).filter(o => o.isSelected);
+        return this.allObjects.filter(o => !(o instanceof schema_constants.KritzelSelectionGroup)).filter(o => o.isSelected);
     }
     /**
      * Gets the current selection box if one exists.
@@ -22966,7 +22974,7 @@ class KritzelStore {
         if (this._selectionBoxCacheValid) {
             return this._cachedSelectionBox;
         }
-        const selectionBoxes = this.objects.filter(o => o instanceof workspace_migrations.KritzelSelectionBox);
+        const selectionBoxes = this.objects.filter(o => o instanceof schema_constants.KritzelSelectionBox);
         this._cachedSelectionBox = selectionBoxes.length > 0 ? selectionBoxes[0] : null;
         this._selectionBoxCacheValid = true;
         return this._cachedSelectionBox;
@@ -22981,7 +22989,7 @@ class KritzelStore {
         if (this._selectionGroupCacheValid) {
             return this._cachedSelectionGroup;
         }
-        const selectionGroups = this.objects.filter(o => o instanceof workspace_migrations.KritzelSelectionGroup);
+        const selectionGroups = this.objects.filter(o => o instanceof schema_constants.KritzelSelectionGroup);
         if (this._localUserId) {
             this._cachedSelectionGroup = selectionGroups.find(sg => sg.userId === this._localUserId) ?? null;
         }
@@ -23030,7 +23038,7 @@ class KritzelStore {
      * @returns The text object in editing mode, or null if none
      */
     get activeText() {
-        const activeTexts = this.objects.filter(o => o instanceof workspace_migrations.KritzelText && o.isEditing);
+        const activeTexts = this.objects.filter(o => o instanceof schema_constants.KritzelText && o.isEditing);
         return activeTexts.length > 0 ? activeTexts[0] : null;
     }
     /**
@@ -23038,7 +23046,7 @@ class KritzelStore {
      * @returns The shape object in editing mode, or null if none
      */
     get activeShape() {
-        const activeShapes = this.objects.filter(o => o instanceof workspace_migrations.KritzelShape && o.isEditing);
+        const activeShapes = this.objects.filter(o => o instanceof schema_constants.KritzelShape && o.isEditing);
         return activeShapes.length > 0 ? activeShapes[0] : null;
     }
     /**
@@ -23046,7 +23054,7 @@ class KritzelStore {
      * @returns The incomplete path object, or null if no path is being drawn
      */
     get currentPath() {
-        const drawingPaths = this.objects.filter(o => o instanceof workspace_migrations.KritzelPath && o.isCompleted === false);
+        const drawingPaths = this.objects.filter(o => o instanceof schema_constants.KritzelPath && o.isCompleted === false);
         return drawingPaths.length > 0 ? drawingPaths[0] : null;
     }
     /**
@@ -23054,7 +23062,7 @@ class KritzelStore {
      * @returns The incomplete line object, or null if no line is being drawn
      */
     get currentLine() {
-        const drawingLines = this.objects.filter(o => o instanceof workspace_migrations.KritzelLine && o.isCompleted === false);
+        const drawingLines = this.objects.filter(o => o instanceof schema_constants.KritzelLine && o.isCompleted === false);
         return drawingLines.length > 0 ? drawingLines[0] : null;
     }
     /**
@@ -23250,7 +23258,7 @@ class KritzelAppStateMap {
         this._isReady = true;
         // Run any pending schema migrations before loading data
         const quietMigrations = !core.store.state.debugInfo.showMigrationInfo;
-        workspace_migrations.runMigrations(this._ydoc, this._metadataMap, { workspaces: this._workspacesMap }, workspace_migrations.APP_STATE_MIGRATIONS, workspace_migrations.CURRENT_APP_STATE_SCHEMA_VERSION, { quiet: quietMigrations });
+        schema_constants.runMigrations(this._ydoc, this._metadataMap, { workspaces: this._workspacesMap }, schema_constants.APP_STATE_MIGRATIONS, schema_constants.CURRENT_APP_STATE_SCHEMA_VERSION, { quiet: quietMigrations });
         // Initialize document metadata (only if not already set by a previous client)
         this.initializeMetadata('state');
         // Load workspaces from Yjs
@@ -23279,7 +23287,7 @@ class KritzelAppStateMap {
         if (instanceId) {
             return instanceId;
         }
-        const generatedInstanceId = workspace_migrations.ObjectHelper.generateUUID();
+        const generatedInstanceId = schema_constants.ObjectHelper.generateUUID();
         try {
             storage.setItem(storageKey, generatedInstanceId);
         }
@@ -23356,7 +23364,7 @@ class KritzelAppStateMap {
                 scale,
             };
         }
-        const workspace = new workspace_migrations.KritzelWorkspace(serialized.id, serialized.name, viewport);
+        const workspace = new schema_constants.KritzelWorkspace(serialized.id, serialized.name, viewport);
         if (this._core) {
             workspace._core = this._core;
         }
@@ -23381,7 +23389,7 @@ class KritzelAppStateMap {
                 this._metadataMap?.set('isPublic', false);
             }
             if (this._metadataMap?.get('schemaVersion') === undefined) {
-                this._metadataMap?.set('schemaVersion', workspace_migrations.CURRENT_APP_STATE_SCHEMA_VERSION);
+                this._metadataMap?.set('schemaVersion', schema_constants.CURRENT_APP_STATE_SCHEMA_VERSION);
             }
         }, 'metadata');
     }
@@ -23604,7 +23612,7 @@ class KritzelCursorManager {
         this._targetElement = element;
         // Set the pointer cursor CSS variable for child components to use
         if (this._targetElement) {
-            this._targetElement.style.setProperty('--kritzel-global-pointer-cursor', workspace_migrations.KritzelCursorHelper.getPointerCursor());
+            this._targetElement.style.setProperty('--kritzel-global-pointer-cursor', schema_constants.KritzelCursorHelper.getPointerCursor());
         }
     }
     /**
@@ -23690,7 +23698,7 @@ class KritzelCursorManager {
         const icon = state.cursor?.icon;
         const iconActive = state.cursor?.iconActive ?? icon;
         const rotation = state.cursor?.rotation;
-        const cursor = workspace_migrations.KritzelCursorHelper.getCursor({
+        const cursor = schema_constants.KritzelCursorHelper.getCursor({
             iconName: isPointerDown ? iconActive : icon,
             rotation: rotation,
         });
@@ -23834,11 +23842,11 @@ class KritzelCore {
         this._editorId = editorId;
         this._store = new KritzelStore(DEFAULT_ENGINE_CONFIG);
         this._appStateMap = new KritzelAppStateMap();
-        this._anchorManager = new workspace_migrations.KritzelAnchorManager(this);
+        this._anchorManager = new schema_constants.KritzelAnchorManager(this);
         this._cursorManager = new KritzelCursorManager(this);
-        this._themeManager = new workspace_migrations.KritzelThemeManager(this);
+        this._themeManager = new schema_constants.KritzelThemeManager(this);
         this._toolRegistry = new KritzelToolRegistry(this);
-        this._assetResolver = new workspace_migrations.KritzelAssetResolver();
+        this._assetResolver = new schema_constants.KritzelAssetResolver();
     }
     /**
      * Gets the asset resolver responsible for storing and resolving
@@ -23871,7 +23879,7 @@ class KritzelCore {
     setEditorId(editorId) {
         this._editorId = editorId;
         // Re-create theme manager so it picks up the new storage key
-        this._themeManager = new workspace_migrations.KritzelThemeManager(this);
+        this._themeManager = new schema_constants.KritzelThemeManager(this);
     }
     /**
      * Initializes the Yjs document for collaborative editing.
@@ -23982,7 +23990,7 @@ class KritzelCore {
         }
         else {
             // Create fallback workspace
-            activeWorkspace = new workspace_migrations.KritzelWorkspace(workspace_migrations.ObjectHelper.generateUUID(), 'New Workspace');
+            activeWorkspace = new schema_constants.KritzelWorkspace(schema_constants.ObjectHelper.generateUUID(), 'New Workspace');
             activeWorkspace._core = this;
             this.saveWorkspaceToAppState(activeWorkspace);
         }
@@ -24035,7 +24043,7 @@ class KritzelCore {
         let workspace = this.getWorkspaces().find(w => w.id === workspaceId);
         if (!workspace) {
             // Create it if it doesn't exist locally
-            workspace = new workspace_migrations.KritzelWorkspace(workspaceId, name);
+            workspace = new schema_constants.KritzelWorkspace(workspaceId, name);
             workspace.isPublic = true;
             this.createWorkspace(workspace);
         }
@@ -24065,7 +24073,7 @@ class KritzelCore {
         }
         return this._store.objects
             .query(viewportBounds)
-            .filter(obj => !(obj instanceof workspace_migrations.KritzelSelectionGroup) && !(obj instanceof workspace_migrations.KritzelSelectionBox))
+            .filter(obj => !(obj instanceof schema_constants.KritzelSelectionGroup) && !(obj instanceof schema_constants.KritzelSelectionBox))
             .sort((a, b) => a.zIndex - b.zIndex);
     }
     /**
@@ -24201,7 +24209,7 @@ class KritzelCore {
      */
     removeObject(object, preserveChildren = false) {
         // Handle KritzelGroup: recursively delete all children first (unless preserveChildren is true)
-        if (workspace_migrations.KritzelClassHelper.isInstanceOf(object, 'KritzelGroup') && !preserveChildren) {
+        if (schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelGroup') && !preserveChildren) {
             // Get children before removing the group
             const children = [...object.children];
             children.forEach(child => {
@@ -24209,7 +24217,7 @@ class KritzelCore {
             });
         }
         // Handle anchor cleanup
-        if (workspace_migrations.KritzelClassHelper.isInstanceOf(object, 'KritzelLine')) {
+        if (schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelLine')) {
             // If removing a line, clean up its anchor index entries
             this._anchorManager.handleLineDeleted(object.id);
         }
@@ -24411,7 +24419,7 @@ class KritzelCore {
         this.removeSelectionGroup();
         this.removeSelectionBox();
         // Create a new selection group for the pasted objects
-        const selectionGroup = workspace_migrations.KritzelSelectionGroup.create(this);
+        const selectionGroup = schema_constants.KritzelSelectionGroup.create(this);
         // Build a reverse mapping: originalId -> newCopiedObjectId
         // This is used to remap anchor references from original IDs to the copied object IDs
         const originalToNewIdMap = new Map();
@@ -24443,7 +24451,7 @@ class KritzelCore {
                     child.updatePosition(child.translateX + offsetX, child.translateY + offsetY);
                     child.zIndex = parentZIndex + childIndex + 1;
                     // Recurse before adding so grandchildren are inserted as well
-                    if (workspace_migrations.KritzelClassHelper.isInstanceOf(child, 'KritzelGroup')) {
+                    if (schema_constants.KritzelClassHelper.isInstanceOf(child, 'KritzelGroup')) {
                         flushPendingChildren(child, child.zIndex);
                     }
                     this.addObject(child);
@@ -24461,7 +24469,7 @@ class KritzelCore {
                 // Update z-index
                 obj.zIndex = baseZIndex + i;
                 // Handle KritzelGroup: also add pending children (and grandchildren) with offset
-                if (workspace_migrations.KritzelClassHelper.isInstanceOf(obj, 'KritzelGroup')) {
+                if (schema_constants.KritzelClassHelper.isInstanceOf(obj, 'KritzelGroup')) {
                     flushPendingChildren(obj, obj.zIndex);
                 }
                 // Add to objectsMap
@@ -24472,7 +24480,7 @@ class KritzelCore {
             // Update line anchors to point to the newly pasted objects
             // Only remap if the anchor target was also part of the copied selection
             copiedObjects.forEach(obj => {
-                if (workspace_migrations.KritzelClassHelper.isInstanceOf(obj, 'KritzelLine')) {
+                if (schema_constants.KritzelClassHelper.isInstanceOf(obj, 'KritzelLine')) {
                     let updated = false;
                     if (obj.startAnchor && originalToNewIdMap.has(obj.startAnchor.objectId)) {
                         obj.startAnchor = { objectId: originalToNewIdMap.get(obj.startAnchor.objectId) };
@@ -24635,12 +24643,12 @@ class KritzelCore {
             return;
         }
         // Create a group from the selected objects
-        const group = workspace_migrations.KritzelGroup.createFromObjects(this, selectionGroup.objects);
+        const group = schema_constants.KritzelGroup.createFromObjects(this, selectionGroup.objects);
         // Add the group to the object store
         this.addObject(group);
         // Remove the selection group and create a new one with just the group
         this.removeSelectionGroup();
-        const newSelectionGroup = workspace_migrations.KritzelSelectionGroup.create(this);
+        const newSelectionGroup = schema_constants.KritzelSelectionGroup.create(this);
         newSelectionGroup.addOrRemove(group);
         newSelectionGroup.isSelected = true;
         newSelectionGroup.rotation = group.rotation;
@@ -24657,13 +24665,13 @@ class KritzelCore {
         if (!selectionGroup) {
             return;
         }
-        const groups = selectionGroup.objects.filter(obj => workspace_migrations.KritzelClassHelper.isInstanceOf(obj, 'KritzelGroup'));
+        const groups = selectionGroup.objects.filter(obj => schema_constants.KritzelClassHelper.isInstanceOf(obj, 'KritzelGroup'));
         if (groups.length === 0) {
             return;
         }
         // Collect all children from all groups
         const allChildren = [];
-        const nonGroupObjects = selectionGroup.objects.filter(obj => !workspace_migrations.KritzelClassHelper.isInstanceOf(obj, 'KritzelGroup'));
+        const nonGroupObjects = selectionGroup.objects.filter(obj => !schema_constants.KritzelClassHelper.isInstanceOf(obj, 'KritzelGroup'));
         groups.forEach(group => {
             // Get children before removing the group
             const children = group.ungroup();
@@ -24673,7 +24681,7 @@ class KritzelCore {
         });
         // Create a new selection group with all the ungrouped children and non-group objects
         this.removeSelectionGroup();
-        const newSelectionGroup = workspace_migrations.KritzelSelectionGroup.create(this);
+        const newSelectionGroup = schema_constants.KritzelSelectionGroup.create(this);
         [...allChildren, ...nonGroupObjects].forEach(child => {
             newSelectionGroup.addOrRemove(child);
         });
@@ -24691,7 +24699,7 @@ class KritzelCore {
         if (objects.length === 0) {
             return;
         }
-        const selectionGroup = workspace_migrations.KritzelSelectionGroup.create(this);
+        const selectionGroup = schema_constants.KritzelSelectionGroup.create(this);
         objects.forEach(obj => {
             obj.isSelected = false;
             selectionGroup.addOrRemove(obj);
@@ -24711,9 +24719,9 @@ class KritzelCore {
     selectAllObjects() {
         const allObjects = this._store.objects
             .allObjects()
-            .filter(o => !(o instanceof workspace_migrations.KritzelSelectionGroup) && !(o instanceof workspace_migrations.KritzelSelectionBox) && !(o instanceof KritzelContextMenu));
+            .filter(o => !(o instanceof schema_constants.KritzelSelectionGroup) && !(o instanceof schema_constants.KritzelSelectionBox) && !(o instanceof KritzelContextMenu));
         if (allObjects.length > 0) {
-            const selectionGroup = workspace_migrations.KritzelSelectionGroup.create(this);
+            const selectionGroup = schema_constants.KritzelSelectionGroup.create(this);
             allObjects.forEach(obj => {
                 obj.isSelected = false;
                 selectionGroup.addOrRemove(obj);
@@ -24745,9 +24753,9 @@ class KritzelCore {
         const objectsInViewport = this._store.objects
             .query(viewportBounds)
             .filter(o => o.isInViewport())
-            .filter(o => !(o instanceof workspace_migrations.KritzelSelectionGroup) && !(o instanceof workspace_migrations.KritzelSelectionBox) && !(o instanceof KritzelContextMenu));
+            .filter(o => !(o instanceof schema_constants.KritzelSelectionGroup) && !(o instanceof schema_constants.KritzelSelectionBox) && !(o instanceof KritzelContextMenu));
         if (objectsInViewport.length > 0) {
-            const selectionGroup = workspace_migrations.KritzelSelectionGroup.create(this);
+            const selectionGroup = schema_constants.KritzelSelectionGroup.create(this);
             objectsInViewport.forEach(obj => {
                 obj.isSelected = false;
                 selectionGroup.addOrRemove(obj);
@@ -24769,8 +24777,8 @@ class KritzelCore {
     clearSelection() {
         this.removeSelectionGroup();
         const localUserId = this._user?.id;
-        this._store.objects.remove(o => o instanceof workspace_migrations.KritzelSelectionBox ||
-            (o instanceof workspace_migrations.KritzelSelectionGroup && (localUserId == null || o.userId === localUserId || o.userId == null)));
+        this._store.objects.remove(o => o instanceof schema_constants.KritzelSelectionBox ||
+            (o instanceof schema_constants.KritzelSelectionGroup && (localUserId == null || o.userId === localUserId || o.userId == null)));
         this._store.setSelectionBox(null);
         this._store.setSelectionGroup(null);
         this._store.state.isSelecting = false;
@@ -24927,13 +24935,13 @@ class KritzelCore {
             return false;
         }
         // Remote selection groups always show group UI (border only, no handles)
-        if (object instanceof workspace_migrations.KritzelSelectionGroup && this._user?.id != null && object.userId != null && object.userId !== this._user.id) {
+        if (object instanceof schema_constants.KritzelSelectionGroup && this._user?.id != null && object.userId != null && object.userId !== this._user.id) {
             return true;
         }
         const selectionGroup = this._store.selectionGroup;
         if (!selectionGroup) {
             // During selection phase (no group yet), hide UI for KritzelLine objects
-            return !(object instanceof workspace_migrations.KritzelLine);
+            return !(object instanceof schema_constants.KritzelLine);
         }
         // Show UI if selection contains more than one object
         if (selectionGroup.objects.length > 1) {
@@ -24942,7 +24950,7 @@ class KritzelCore {
         // Hide UI if selection contains a single KritzelLine
         if (selectionGroup.objects.length === 1) {
             const selectedObject = selectionGroup.objects[0];
-            return !(selectedObject instanceof workspace_migrations.KritzelLine);
+            return !(selectedObject instanceof schema_constants.KritzelLine);
         }
         return true;
     }
@@ -24954,7 +24962,7 @@ class KritzelCore {
      */
     displaySelectionLineUI(object) {
         // Only show line UI on KritzelLine objects, not on selection groups
-        if (!(object instanceof workspace_migrations.KritzelLine)) {
+        if (!(object instanceof schema_constants.KritzelLine)) {
             return false;
         }
         // During selection phase (no group yet), show line UI if line is selected
@@ -24968,7 +24976,7 @@ class KritzelCore {
         // Show UI only if selection contains exactly one KritzelLine and it's this object
         if (selectionGroup.objects.length === 1) {
             const selectedObject = selectionGroup.objects[0];
-            return selectedObject instanceof workspace_migrations.KritzelLine && selectedObject.id === object.id;
+            return selectedObject instanceof schema_constants.KritzelLine && selectedObject.id === object.id;
         }
         return false;
     }
@@ -25052,7 +25060,7 @@ class KritzelSvgExportHelper {
     static flattenObjects(objects) {
         const result = [];
         for (const obj of objects) {
-            if (workspace_migrations.KritzelClassHelper.isInstanceOf(obj, 'KritzelGroup')) {
+            if (schema_constants.KritzelClassHelper.isInstanceOf(obj, 'KritzelGroup')) {
                 result.push(...this.flattenObjects(obj.children));
             }
             else {
@@ -25070,7 +25078,7 @@ class KritzelSvgExportHelper {
     static collectDefs(objects, theme) {
         const defs = [];
         for (const obj of objects) {
-            if (workspace_migrations.KritzelClassHelper.isInstanceOf(obj, 'KritzelLine')) {
+            if (schema_constants.KritzelClassHelper.isInstanceOf(obj, 'KritzelLine')) {
                 if (obj.hasStartArrow) {
                     defs.push(this.generateArrowMarker(obj, 'start', theme));
                 }
@@ -25108,22 +25116,22 @@ class KritzelSvgExportHelper {
      * @returns SVG element string, or empty string if object type is not supported
      */
     static objectToSvgElement(object, theme) {
-        if (workspace_migrations.KritzelClassHelper.isInstanceOf(object, 'KritzelPath')) {
+        if (schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelPath')) {
             return this.pathToSvg(object, theme);
         }
-        if (workspace_migrations.KritzelClassHelper.isInstanceOf(object, 'KritzelLine')) {
+        if (schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelLine')) {
             return this.lineToSvg(object, theme);
         }
-        if (workspace_migrations.KritzelClassHelper.isInstanceOf(object, 'KritzelShape')) {
+        if (schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelShape')) {
             return this.shapeToSvg(object, theme);
         }
-        if (workspace_migrations.KritzelClassHelper.isInstanceOf(object, 'KritzelText')) {
+        if (schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelText')) {
             return this.textToSvg(object, theme);
         }
-        if (workspace_migrations.KritzelClassHelper.isInstanceOf(object, 'KritzelImage')) {
+        if (schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelImage')) {
             return this.imageToSvg(object);
         }
-        if (workspace_migrations.KritzelClassHelper.isInstanceOf(object, 'KritzelGroup')) {
+        if (schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelGroup')) {
             return this.groupToSvg(object, theme);
         }
         return '';
@@ -25136,8 +25144,8 @@ class KritzelSvgExportHelper {
      */
     static pathToSvg(path, theme) {
         const transform = this.buildTransform(path);
-        const fill = workspace_migrations.KritzelColorHelper.resolveThemeColor(path.fill, theme);
-        const stroke = workspace_migrations.KritzelColorHelper.resolveThemeColor(path.stroke, theme);
+        const fill = schema_constants.KritzelColorHelper.resolveThemeColor(path.fill, theme);
+        const stroke = schema_constants.KritzelColorHelper.resolveThemeColor(path.stroke, theme);
         const opacity = path.opacity !== 1 ? ` opacity="${path.opacity}"` : '';
         // Path needs to be wrapped in a g with translation since path.d uses local coordinates
         return `<g transform="${transform}"${opacity}>
@@ -25154,7 +25162,7 @@ class KritzelSvgExportHelper {
      */
     static lineToSvg(line, theme) {
         const transform = this.buildTransform(line);
-        const stroke = workspace_migrations.KritzelColorHelper.resolveThemeColor(line.stroke, theme);
+        const stroke = schema_constants.KritzelColorHelper.resolveThemeColor(line.stroke, theme);
         const opacity = line.opacity !== 1 ? ` opacity="${line.opacity}"` : '';
         const markerStart = line.hasStartArrow ? ` marker-start="url(#${line.startMarkerId})"` : '';
         const markerEnd = line.hasEndArrow ? ` marker-end="url(#${line.endMarkerId})"` : '';
@@ -25172,8 +25180,8 @@ class KritzelSvgExportHelper {
      */
     static shapeToSvg(shape, theme) {
         const transform = this.buildTransform(shape);
-        const fill = workspace_migrations.KritzelColorHelper.resolveThemeColor(shape.fillColor, theme);
-        const stroke = workspace_migrations.KritzelColorHelper.resolveThemeColor(shape.strokeColor, theme);
+        const fill = schema_constants.KritzelColorHelper.resolveThemeColor(shape.fillColor, theme);
+        const stroke = schema_constants.KritzelColorHelper.resolveThemeColor(shape.strokeColor, theme);
         const opacity = shape.opacity !== 1 ? ` opacity="${shape.opacity}"` : '';
         // Get the SVG path for the shape
         const pathD = shape.getSvgPath();
@@ -25183,7 +25191,7 @@ class KritzelSvgExportHelper {
         else if (shape.content) {
             const textHtml = this.prosemirrorToHtml(shape.content, shape, theme);
             if (textHtml) {
-                const fontColor = workspace_migrations.KritzelColorHelper.resolveThemeColor(shape.fontColor, theme);
+                const fontColor = schema_constants.KritzelColorHelper.resolveThemeColor(shape.fontColor, theme);
                 textContent = `
     <foreignObject x="${shape.x}" y="${shape.y}" width="${shape.width}" height="${shape.height}">
       <div xmlns="http://www.w3.org/1999/xhtml" style="width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; font-family: ${shape.fontFamily}; font-size: ${shape.fontSize}px; color: ${fontColor}; overflow: hidden;">
@@ -25207,8 +25215,8 @@ class KritzelSvgExportHelper {
     static textToSvg(text, theme) {
         const transform = this.buildTransform(text);
         const opacity = text.opacity !== 1 ? ` opacity="${text.opacity}"` : '';
-        const fontColor = workspace_migrations.KritzelColorHelper.resolveThemeColor(text.fontColor, theme);
-        const bgColor = workspace_migrations.KritzelColorHelper.resolveThemeColor(text.backgroundColor, theme);
+        const fontColor = schema_constants.KritzelColorHelper.resolveThemeColor(text.fontColor, theme);
+        const bgColor = schema_constants.KritzelColorHelper.resolveThemeColor(text.backgroundColor, theme);
         // Convert ProseMirror content to HTML
         const htmlContent = this.prosemirrorToHtml(text.content, text, theme);
         // Calculate dimensions accounting for scale
@@ -26460,8 +26468,8 @@ const KritzelEngine = class {
         if (this.core.store.isDisabled) {
             return;
         }
-        if (workspace_migrations.KritzelDevicesHelper.isTouchDevice()) {
-            workspace_migrations.KritzelEventHelper.onLongPress(ev, (event) => this.longpress.emit(event));
+        if (schema_constants.KritzelDevicesHelper.isTouchDevice()) {
+            schema_constants.KritzelEventHelper.onLongPress(ev, (event) => this.longpress.emit(event));
         }
         this.host.setPointerCapture(ev.pointerId);
         this.core.store.state.pointers.set(ev.pointerId, ev);
@@ -26611,17 +26619,13 @@ const KritzelEngine = class {
         if (this.core.toolRegistry.hasTool(toolName)) {
             const existingTool = this.core.toolRegistry.getTool(toolName);
             if (toolConfig) {
-                Object.entries(toolConfig).forEach(([key, value]) => {
-                    existingTool[key] = value;
-                });
+                this.applyToolConfig(existingTool, toolConfig);
             }
             return existingTool;
         }
         const registeredTool = this.core.toolRegistry.registerTool(toolName, toolClass);
         if (toolConfig) {
-            Object.entries(toolConfig).forEach(([key, value]) => {
-                registeredTool[key] = value;
-            });
+            this.applyToolConfig(registeredTool, toolConfig);
         }
         return Promise.resolve(registeredTool);
     }
@@ -26638,6 +26642,18 @@ const KritzelEngine = class {
         this.core.deselectAllObjects();
         tool?.onActivate();
     }
+    /**
+     * Switches the active drawing tool by its registered name.
+     * @param toolName - The name the tool was registered with (e.g., 'brush', 'eraser').
+     */
+    async changeActiveToolByName(toolName) {
+        const tool = this.core.toolRegistry.getTool(toolName);
+        if (!tool) {
+            console.warn(`[KritzelEngine] No tool registered with name: ${toolName}`);
+            return;
+        }
+        await this.changeActiveTool(tool);
+    }
     /** Disables all user interaction with the engine (pointer, keyboard, etc.). */
     async disable() {
         this.core.store.state.isEnabled = false;
@@ -26723,7 +26739,7 @@ const KritzelEngine = class {
     async hideContextMenu() {
         this.core.store.state.pointers.clear();
         this.core.store.state.isContextMenuVisible = false;
-        this.core.store.objects?.remove(o => o instanceof workspace_migrations.KritzelSelectionBox);
+        this.core.store.objects?.remove(o => o instanceof schema_constants.KritzelSelectionBox);
         this.core.store.setSelectionBox(null);
         this.core.store.objects?.clearLocalSelectionBox();
         this.core.store.state.isSelecting = false;
@@ -26782,7 +26798,7 @@ const KritzelEngine = class {
         object.workspaceId = this.core.store.state.activeWorkspace.id;
         // Handle KritzelText: recreate the editor now that _core is available
         // The editor's dispatchTransaction callback needs _core for persisting changes
-        if (workspace_migrations.KritzelClassHelper.isInstanceOf(object, 'KritzelText')) {
+        if (schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelText')) {
             const pendingContent = object.content;
             object.editor = object.createEditor();
             if (pendingContent) {
@@ -26790,7 +26806,7 @@ const KritzelEngine = class {
             }
         }
         // Handle KritzelGroup: flush pending children (recursively for nested groups) into the store
-        if (workspace_migrations.KritzelClassHelper.isInstanceOf(object, 'KritzelGroup') && object._pendingChildren.length > 0) {
+        if (schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelGroup') && object._pendingChildren.length > 0) {
             // Build a map of old ID → new ID across all nesting levels so we can
             // remap anchor references regardless of how deeply nested the line is.
             const idRemapping = new Map();
@@ -26814,7 +26830,7 @@ const KritzelEngine = class {
                     allFlushedChildren.push(child);
                     // Recurse into nested groups before inserting so grandchildren get
                     // proper IDs and `childIds` references before the parent is added.
-                    if (workspace_migrations.KritzelClassHelper.isInstanceOf(child, 'KritzelGroup')) {
+                    if (schema_constants.KritzelClassHelper.isInstanceOf(child, 'KritzelGroup')) {
                         flushGroup(child);
                     }
                 });
@@ -26822,7 +26838,7 @@ const KritzelEngine = class {
             flushGroup(object);
             // Remap anchor references in lines across all flushed descendants
             allFlushedChildren.forEach(child => {
-                if (workspace_migrations.KritzelClassHelper.isInstanceOf(child, 'KritzelLine')) {
+                if (schema_constants.KritzelClassHelper.isInstanceOf(child, 'KritzelLine')) {
                     if (child.startAnchor && idRemapping.has(child.startAnchor.objectId)) {
                         child.startAnchor = { objectId: idRemapping.get(child.startAnchor.objectId) };
                     }
@@ -27238,11 +27254,11 @@ const KritzelEngine = class {
         if (!data.__class__ || data.__class__ !== 'KritzelWorkspace') {
             throw new Error('Invalid workspace data: missing or incorrect __class__ identifier');
         }
-        if (data.version && data.version !== workspace_migrations.WORKSPACE_EXPORT_VERSION) {
-            console.warn(`Workspace version mismatch: expected ${workspace_migrations.WORKSPACE_EXPORT_VERSION}, got ${data.version}`);
+        if (data.version && data.version !== schema_constants.WORKSPACE_EXPORT_VERSION) {
+            console.warn(`Workspace version mismatch: expected ${schema_constants.WORKSPACE_EXPORT_VERSION}, got ${data.version}`);
         }
         // Create a new workspace with a fresh ID but use the imported name
-        const newWorkspaceId = workspace_migrations.ObjectHelper.generateUUID();
+        const newWorkspaceId = schema_constants.ObjectHelper.generateUUID();
         const importedName = data.name || 'Imported Workspace';
         let importedViewport = data.viewport || { centerWorldX: 0, centerWorldY: 0, scale: 1 };
         // Backward compatibility: convert legacy translateX/translateY to centerWorldX/centerWorldY
@@ -27254,7 +27270,7 @@ const KritzelEngine = class {
                 scale,
             };
         }
-        const newWorkspace = new workspace_migrations.KritzelWorkspace(newWorkspaceId, importedName, importedViewport);
+        const newWorkspace = new schema_constants.KritzelWorkspace(newWorkspaceId, importedName, importedViewport);
         // Save the new workspace
         this.core.createWorkspace(newWorkspace);
         this.workspacesChange.emit(this.core.store.state.workspaces);
@@ -27292,8 +27308,8 @@ const KritzelEngine = class {
         if (!data.__class__ || data.__class__ !== 'KritzelWorkspace') {
             throw new Error('Invalid workspace data: missing or incorrect __class__ identifier');
         }
-        if (data.version && data.version !== workspace_migrations.WORKSPACE_EXPORT_VERSION) {
-            console.warn(`Workspace version mismatch: expected ${workspace_migrations.WORKSPACE_EXPORT_VERSION}, got ${data.version}`);
+        if (data.version && data.version !== schema_constants.WORKSPACE_EXPORT_VERSION) {
+            console.warn(`Workspace version mismatch: expected ${schema_constants.WORKSPACE_EXPORT_VERSION}, got ${data.version}`);
         }
         const activeWorkspace = this.core.store.state.activeWorkspace;
         if (!activeWorkspace) {
@@ -27458,7 +27474,7 @@ const KritzelEngine = class {
         const workspaceId = token;
         let workspace = this.core.getWorkspaces().find(w => w.id === workspaceId);
         if (!workspace) {
-            workspace = new workspace_migrations.KritzelWorkspace(workspaceId, 'Shared Workspace');
+            workspace = new schema_constants.KritzelWorkspace(workspaceId, 'Shared Workspace');
             workspace.isPublic = true;
             this.core.createWorkspace(workspace);
         }
@@ -27538,11 +27554,32 @@ const KritzelEngine = class {
     syncLoadingState() {
         this.core.store.state.isLoading = this._isWorkspaceLoading || this.isLoading;
     }
+    applyToolConfig(tool, toolConfig) {
+        Object.entries(toolConfig).forEach(([key, value]) => {
+            tool[key] = value;
+        });
+        // Resolve palettes map into the flat palette array the UI reads
+        if ('palettes' in toolConfig && 'type' in toolConfig) {
+            const brushConfig = toolConfig;
+            const resolvedPalette = brushConfig.palettes[brushConfig.type];
+            if (resolvedPalette) {
+                tool['palette'] = resolvedPalette;
+            }
+        }
+        // Resolve sizes map into the flat sizes array the UI reads (brush tool uses a map keyed by type)
+        if ('sizes' in toolConfig && toolConfig.sizes != null && 'type' in toolConfig) {
+            const brushConfig = toolConfig;
+            const resolvedSizes = brushConfig.sizes?.[brushConfig.type];
+            if (resolvedSizes) {
+                tool['sizes'] = resolvedSizes;
+            }
+        }
+    }
     get isSelecting() {
-        return this.core.store.state.activeTool instanceof workspace_migrations.KritzelSelectionTool && this.core.store.state.isSelecting;
+        return this.core.store.state.activeTool instanceof schema_constants.KritzelSelectionTool && this.core.store.state.isSelecting;
     }
     get isSelectionActive() {
-        return this.core.store.state.activeTool instanceof workspace_migrations.KritzelSelectionTool && this.core.store.selectionGroup !== null;
+        return this.core.store.state.activeTool instanceof schema_constants.KritzelSelectionTool && this.core.store.selectionGroup !== null;
     }
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -27809,19 +27846,19 @@ const KritzelEngine = class {
         this.core.store.onStateChange('activeTool', this._handleActiveToolChange.bind(this));
     }
     _handleActiveToolChange(activeTool) {
-        if (!(activeTool instanceof workspace_migrations.KritzelSelectionTool)) {
+        if (!(activeTool instanceof schema_constants.KritzelSelectionTool)) {
             this.core.clearSelection();
-            this.core.store.objects?.remove(o => o instanceof workspace_migrations.KritzelSelectionBox);
+            this.core.store.objects?.remove(o => o instanceof schema_constants.KritzelSelectionBox);
             this.core.store.setSelectionBox(null);
             this.core.store.objects?.clearLocalSelectionBox();
             this.core.store.state.isSelecting = false;
             this.core.store.state.isResizeHandleSelected = false;
             this.core.store.state.isRotationHandleSelected = false;
         }
-        if (!(activeTool instanceof workspace_migrations.KritzelTextTool)) {
+        if (!(activeTool instanceof schema_constants.KritzelTextTool)) {
             this.core.resetActiveText();
         }
-        if (!(activeTool instanceof workspace_migrations.KritzelShapeTool)) {
+        if (!(activeTool instanceof schema_constants.KritzelShapeTool)) {
             this.core.resetActiveShape();
         }
         this.core.store.state.skipContextMenu = false;
@@ -27829,7 +27866,7 @@ const KritzelEngine = class {
         if (activeTool) {
             this.activeToolChange.emit(activeTool);
         }
-        workspace_migrations.KritzelKeyboardHelper.forceHideKeyboard();
+        schema_constants.KritzelKeyboardHelper.forceHideKeyboard();
         this.core.rerender();
     }
     render() {
@@ -27860,7 +27897,7 @@ const KritzelEngine = class {
                     position: 'absolute',
                     zIndex: object.zIndex.toString(),
                     pointerEvents: this.core.store.state.isScaling ? 'none' : 'auto',
-                } }, workspace_migrations.KritzelClassHelper.isInstanceOf(object, 'KritzelPath') && (() => {
+                } }, schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelPath') && (() => {
                 const effectiveOpacity = (object.markedForRemoval ? 0.5 : 1) * object.opacity;
                 return (index.h("svg", { ref: el => el && object.mount(el), xmlns: "http://www.w3.org/2000/svg", style: {
                         height: object?.totalHeight + 'px',
@@ -27872,8 +27909,8 @@ const KritzelEngine = class {
                         transformOrigin: object.rotationDegrees !== 0 ? `${object.totalWidth / 2}px ${object.totalHeight / 2}px` : undefined,
                         pointerEvents: object.markedForRemoval ? 'none' : 'auto',
                         overflow: 'visible',
-                    }, viewBox: object?.viewBox }, index.h("path", { d: object?.d, fill: workspace_migrations.KritzelColorHelper.applyOpacity(object.fill, effectiveOpacity, currentTheme), stroke: workspace_migrations.KritzelColorHelper.applyOpacity(object?.stroke, effectiveOpacity, currentTheme), "shape-rendering": object.isLowRes() ? 'optimizeSpeed' : 'auto' })));
-            })(), workspace_migrations.KritzelClassHelper.isInstanceOf(object, 'KritzelLine') && (() => {
+                    }, viewBox: object?.viewBox }, index.h("path", { d: object?.d, fill: schema_constants.KritzelColorHelper.applyOpacity(object.fill, effectiveOpacity, currentTheme), stroke: schema_constants.KritzelColorHelper.applyOpacity(object?.stroke, effectiveOpacity, currentTheme), "shape-rendering": object.isLowRes() ? 'optimizeSpeed' : 'auto' })));
+            })(), schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelLine') && (() => {
                 const effectiveOpacity = (object.markedForRemoval ? 0.5 : 1) * object.opacity;
                 return (index.h("svg", { ref: el => el && object.mount(el), xmlns: "http://www.w3.org/2000/svg", style: {
                         height: object?.totalHeight + 'px',
@@ -27885,8 +27922,8 @@ const KritzelEngine = class {
                         transformOrigin: object.rotationDegrees !== 0 ? `${object.totalWidth / 2}px ${object.totalHeight / 2}px` : undefined,
                         pointerEvents: object.markedForRemoval ? 'none' : 'auto',
                         overflow: 'visible',
-                    }, viewBox: object?.viewBox }, (object.hasStartArrow || object.hasEndArrow) && (index.h("defs", null, object.hasStartArrow && (index.h("marker", { id: object.startMarkerId, markerWidth: object.getArrowSize('start'), markerHeight: object.getArrowSize('start'), refX: 0, refY: object.getArrowSize('start') / 2, orient: "auto-start-reverse", markerUnits: "userSpaceOnUse" }, index.h("path", { d: object.getArrowPath(object.arrows?.start?.style), fill: workspace_migrations.KritzelColorHelper.applyOpacity(object.getArrowFill('start'), effectiveOpacity), transform: `scale(${object.getArrowSize('start') / 10})` }))), object.hasEndArrow && (index.h("marker", { id: object.endMarkerId, markerWidth: object.getArrowSize('end'), markerHeight: object.getArrowSize('end'), refX: 0, refY: object.getArrowSize('end') / 2, orient: "auto", markerUnits: "userSpaceOnUse" }, index.h("path", { d: object.getArrowPath(object.arrows?.end?.style), fill: workspace_migrations.KritzelColorHelper.applyOpacity(object.getArrowFill('end'), effectiveOpacity), transform: `scale(${object.getArrowSize('end') / 10})` }))))), index.h("path", { d: this.core.anchorManager.computeClippedLinePath(object), fill: "none", stroke: "transparent", "stroke-width": Math.max(object?.strokeWidth || 0, 10), "stroke-linecap": "round" }), index.h("path", { d: this.core.anchorManager.computeClippedLinePath(object), fill: "none", stroke: workspace_migrations.KritzelColorHelper.applyOpacity(object?.stroke, effectiveOpacity, currentTheme), "stroke-width": object?.strokeWidth, "stroke-linecap": "round", "marker-start": object.hasStartArrow ? `url(#${object.startMarkerId})` : undefined, "marker-end": object.hasEndArrow ? `url(#${object.endMarkerId})` : undefined })));
-            })(), workspace_migrations.KritzelClassHelper.isInstanceOf(object, 'KritzelImage') && object.loadState === 'ready' && (index.h("img", { ref: el => el && object.mount(el), src: object.resolvedSrc || object.src, style: {
+                    }, viewBox: object?.viewBox }, (object.hasStartArrow || object.hasEndArrow) && (index.h("defs", null, object.hasStartArrow && (index.h("marker", { id: object.startMarkerId, markerWidth: object.getArrowSize('start'), markerHeight: object.getArrowSize('start'), refX: 0, refY: object.getArrowSize('start') / 2, orient: "auto-start-reverse", markerUnits: "userSpaceOnUse" }, index.h("path", { d: object.getArrowPath(object.arrows?.start?.style), fill: schema_constants.KritzelColorHelper.applyOpacity(object.getArrowFill('start'), effectiveOpacity), transform: `scale(${object.getArrowSize('start') / 10})` }))), object.hasEndArrow && (index.h("marker", { id: object.endMarkerId, markerWidth: object.getArrowSize('end'), markerHeight: object.getArrowSize('end'), refX: 0, refY: object.getArrowSize('end') / 2, orient: "auto", markerUnits: "userSpaceOnUse" }, index.h("path", { d: object.getArrowPath(object.arrows?.end?.style), fill: schema_constants.KritzelColorHelper.applyOpacity(object.getArrowFill('end'), effectiveOpacity), transform: `scale(${object.getArrowSize('end') / 10})` }))))), index.h("path", { d: this.core.anchorManager.computeClippedLinePath(object), fill: "none", stroke: "transparent", "stroke-width": Math.max(object?.strokeWidth || 0, 10), "stroke-linecap": "round" }), index.h("path", { d: this.core.anchorManager.computeClippedLinePath(object), fill: "none", stroke: schema_constants.KritzelColorHelper.applyOpacity(object?.stroke, effectiveOpacity, currentTheme), "stroke-width": object?.strokeWidth, "stroke-linecap": "round", "marker-start": object.hasStartArrow ? `url(#${object.startMarkerId})` : undefined, "marker-end": object.hasEndArrow ? `url(#${object.endMarkerId})` : undefined })));
+            })(), schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelImage') && object.loadState === 'ready' && (index.h("img", { ref: el => el && object.mount(el), src: object.resolvedSrc || object.src, style: {
                     position: 'absolute',
                     left: '0',
                     top: '0',
@@ -27896,15 +27933,15 @@ const KritzelEngine = class {
                     transformOrigin: object.rotationDegrees !== 0 ? `${object.totalWidth / 2}px ${object.totalHeight / 2}px` : undefined,
                     opacity: object.markedForRemoval ? '0.5' : object.opacity.toString(),
                     pointerEvents: object.markedForRemoval ? 'none' : 'auto',
-                    backgroundColor: workspace_migrations.KritzelColorHelper.resolveThemeColor(object.backgroundColor, currentTheme),
-                    borderColor: workspace_migrations.KritzelColorHelper.resolveThemeColor(object.borderColor, currentTheme),
+                    backgroundColor: schema_constants.KritzelColorHelper.resolveThemeColor(object.backgroundColor, currentTheme),
+                    borderColor: schema_constants.KritzelColorHelper.resolveThemeColor(object.borderColor, currentTheme),
                     borderWidth: object.borderWidth + 'px',
                     borderStyle: 'solid',
                     padding: object.padding + 'px',
                     overflow: 'visible',
                     userSelect: 'none',
                     imageRendering: this.core.store.state.isScaling || this.core.store.state.isPanning ? 'pixelated' : 'auto',
-                }, draggable: false, decoding: "async", loading: "eager", onDragStart: e => e.preventDefault() })), workspace_migrations.KritzelClassHelper.isInstanceOf(object, 'KritzelImage') && object.loadState !== 'ready' && (index.h("div", { ref: () => object.ensureLoaded(), style: {
+                }, draggable: false, decoding: "async", loading: "eager", onDragStart: e => e.preventDefault() })), schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelImage') && object.loadState !== 'ready' && (index.h("div", { ref: () => object.ensureLoaded(), style: {
                     position: 'absolute',
                     left: '0',
                     top: '0',
@@ -27914,10 +27951,10 @@ const KritzelEngine = class {
                     transformOrigin: object.rotationDegrees !== 0 ? `${object.totalWidth / 2}px ${object.totalHeight / 2}px` : undefined,
                     opacity: object.markedForRemoval ? '0.5' : object.opacity.toString(),
                     pointerEvents: object.markedForRemoval ? 'none' : 'auto',
-                    backgroundColor: workspace_migrations.KritzelColorHelper.resolveThemeColor({ light: '#e5e7eb', dark: '#2a2a2a' }, currentTheme),
+                    backgroundColor: schema_constants.KritzelColorHelper.resolveThemeColor({ light: '#e5e7eb', dark: '#2a2a2a' }, currentTheme),
                     borderColor: object.loadState === 'error'
-                        ? workspace_migrations.KritzelColorHelper.resolveThemeColor({ light: '#9ca3af', dark: '#6b7280' }, currentTheme)
-                        : workspace_migrations.KritzelColorHelper.resolveThemeColor(object.borderColor, currentTheme),
+                        ? schema_constants.KritzelColorHelper.resolveThemeColor({ light: '#9ca3af', dark: '#6b7280' }, currentTheme)
+                        : schema_constants.KritzelColorHelper.resolveThemeColor(object.borderColor, currentTheme),
                     borderWidth: object.loadState === 'error' ? '1px' : object.borderWidth + 'px',
                     borderStyle: 'solid',
                     padding: object.padding + 'px',
@@ -27927,8 +27964,8 @@ const KritzelEngine = class {
                     alignItems: 'center',
                     justifyContent: 'center',
                 } }, index.h("kritzel-icon", { name: object.loadState === 'error' ? 'image-off' : 'image', size: Math.max(16, Math.min(object.totalWidth, object.totalHeight) * 0.3), style: {
-                    color: workspace_migrations.KritzelColorHelper.resolveThemeColor({ light: '#9ca3af', dark: '#6b7280' }, currentTheme),
-                } }))), workspace_migrations.KritzelClassHelper.isInstanceOf(object, 'KritzelCustomElement') && (index.h("div", { ref: el => el && object.mount(el), style: {
+                    color: schema_constants.KritzelColorHelper.resolveThemeColor({ light: '#9ca3af', dark: '#6b7280' }, currentTheme),
+                } }))), schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelCustomElement') && (index.h("div", { ref: el => el && object.mount(el), style: {
                     position: 'absolute',
                     left: '0',
                     top: '0',
@@ -27938,14 +27975,14 @@ const KritzelEngine = class {
                     transformOrigin: object.rotationDegrees !== 0 ? `${object.totalWidth / 2}px ${object.totalHeight / 2}px` : undefined,
                     opacity: object.markedForRemoval ? '0.5' : object.opacity.toString(),
                     pointerEvents: object.markedForRemoval ? 'none' : 'auto',
-                    backgroundColor: workspace_migrations.KritzelColorHelper.resolveThemeColor(object.backgroundColor, currentTheme),
-                    borderColor: workspace_migrations.KritzelColorHelper.resolveThemeColor(object.borderColor, currentTheme),
+                    backgroundColor: schema_constants.KritzelColorHelper.resolveThemeColor(object.backgroundColor, currentTheme),
+                    borderColor: schema_constants.KritzelColorHelper.resolveThemeColor(object.borderColor, currentTheme),
                     borderWidth: object.borderWidth + 'px',
                     borderStyle: 'solid',
                     padding: object.padding + 'px',
                     overflow: 'hidden',
                     display: 'block',
-                } })), workspace_migrations.KritzelClassHelper.isInstanceOf(object, 'KritzelSelectionGroup') && !this.core.displaySelectionLineUI(object) && (index.h("div", { ref: el => el && object.mount(el), style: {
+                } })), schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelSelectionGroup') && !this.core.displaySelectionLineUI(object) && (index.h("div", { ref: el => el && object.mount(el), style: {
                     position: 'absolute',
                     left: '0',
                     top: '0',
@@ -27955,7 +27992,7 @@ const KritzelEngine = class {
                     transformOrigin: object.rotationDegrees !== 0 ? `${object.totalWidth / 2}px ${object.totalHeight / 2}px` : undefined,
                     opacity: object.markedForRemoval ? '0.5' : object.opacity.toString(),
                     pointerEvents: object.markedForRemoval ? 'none' : 'auto',
-                } })), workspace_migrations.KritzelClassHelper.isInstanceOf(object, 'KritzelSelectionBox') && (index.h("div", { ref: el => el && object.mount(el), style: {
+                } })), schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelSelectionBox') && (index.h("div", { ref: el => el && object.mount(el), style: {
                     position: 'absolute',
                     left: '0',
                     top: '0',
@@ -27965,11 +28002,11 @@ const KritzelEngine = class {
                     transformOrigin: object.rotationDegrees !== 0 ? `${object.totalWidth / 2}px ${object.totalHeight / 2}px` : undefined,
                     opacity: object.markedForRemoval ? '0.5' : object.opacity.toString(),
                     pointerEvents: object.markedForRemoval ? 'none' : 'auto',
-                    backgroundColor: workspace_migrations.KritzelColorHelper.resolveThemeColor(object.backgroundColor, currentTheme),
-                    borderColor: workspace_migrations.KritzelColorHelper.resolveThemeColor(object.borderColor, currentTheme),
+                    backgroundColor: schema_constants.KritzelColorHelper.resolveThemeColor(object.backgroundColor, currentTheme),
+                    borderColor: schema_constants.KritzelColorHelper.resolveThemeColor(object.borderColor, currentTheme),
                     borderWidth: object.borderWidth + 'px',
                     borderStyle: 'solid',
-                } })), workspace_migrations.KritzelClassHelper.isInstanceOf(object, 'KritzelText') && (index.h("div", { style: {
+                } })), schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelText') && (index.h("div", { style: {
                     position: 'absolute',
                     left: '0',
                     top: '0',
@@ -27987,12 +28024,12 @@ const KritzelEngine = class {
                     width: 'max-content',
                     transformOrigin: 'top left',
                     transform: `scale(${object.scaleFactor})`,
-                    backgroundColor: workspace_migrations.KritzelColorHelper.resolveThemeColor(object.backgroundColor, currentTheme),
+                    backgroundColor: schema_constants.KritzelColorHelper.resolveThemeColor(object.backgroundColor, currentTheme),
                     overflow: 'visible',
-                } }))), workspace_migrations.KritzelClassHelper.isInstanceOf(object, 'KritzelShape') && (() => {
+                } }))), schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelShape') && (() => {
                 const effectiveOpacity = (object.markedForRemoval ? 0.5 : 1) * object.opacity;
-                const fillResolved = workspace_migrations.KritzelColorHelper.resolveThemeColor(object.fillColor, currentTheme);
-                const strokeResolved = workspace_migrations.KritzelColorHelper.resolveThemeColor(object.strokeColor, currentTheme);
+                const fillResolved = schema_constants.KritzelColorHelper.resolveThemeColor(object.fillColor, currentTheme);
+                const strokeResolved = schema_constants.KritzelColorHelper.resolveThemeColor(object.strokeColor, currentTheme);
                 const isFilled = !!fillResolved && fillResolved !== 'transparent';
                 const strokeMatchesFill = isFilled && strokeResolved === fillResolved;
                 return (index.h("div", { ref: el => el && object.mount(el), onPointerDown: e => object.handlePointerDown(e), onPointerMove: e => object.handlePointerMove(e), onPointerUp: e => object.handlePointerUp(e), style: {
@@ -28013,7 +28050,7 @@ const KritzelEngine = class {
                         height: '100%',
                         overflow: 'visible',
                         pointerEvents: 'none',
-                    }, viewBox: object.viewBox, preserveAspectRatio: "none" }, index.h("path", { d: object.getSvgPath(), fill: workspace_migrations.KritzelColorHelper.applyOpacity(object.fillColor, effectiveOpacity, currentTheme), stroke: strokeMatchesFill ? 'none' : workspace_migrations.KritzelColorHelper.applyOpacity(object.strokeColor, effectiveOpacity, currentTheme), "stroke-width": strokeMatchesFill ? 0 : object.strokeWidth })), index.h("div", { ref: el => el && object.mountTextEditor(el), style: {
+                    }, viewBox: object.viewBox, preserveAspectRatio: "none" }, index.h("path", { d: object.getSvgPath(), fill: schema_constants.KritzelColorHelper.applyOpacity(object.fillColor, effectiveOpacity, currentTheme), stroke: strokeMatchesFill ? 'none' : schema_constants.KritzelColorHelper.applyOpacity(object.strokeColor, effectiveOpacity, currentTheme), "stroke-width": strokeMatchesFill ? 0 : object.strokeWidth })), index.h("div", { ref: el => el && object.mountTextEditor(el), style: {
                         position: 'absolute',
                         top: '0',
                         left: '0',
@@ -28032,9 +28069,9 @@ const KritzelEngine = class {
                     left: `${object.totalWidth}px`,
                     top: '0',
                     zIndex: (object.zIndex + 2).toString(),
-                } }, index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "Id: ", object.id), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "userId: ", object.userId), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "width: ", object.width), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "height: ", object.height), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "translateX: ", object.translateX), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "translateY: ", object.translateY), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "rotationDegrees: ", object.rotationDegrees), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "zIndex: ", object.zIndex), workspace_migrations.KritzelClassHelper.isInstanceOf(object, 'KritzelImage') && (index.h("div", null, index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "assetId: ", object.assetId), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "mimeType: ", object.mimeType))))), (this.core.displaySelectionGroupUI(object) || this.core.displaySelectionLineUI(object)) &&
+                } }, index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "Id: ", object.id), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "userId: ", object.userId), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "width: ", object.width), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "height: ", object.height), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "translateX: ", object.translateX), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "translateY: ", object.translateY), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "rotationDegrees: ", object.rotationDegrees), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "zIndex: ", object.zIndex), schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelImage') && (index.h("div", null, index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "assetId: ", object.assetId), index.h("div", { style: { whiteSpace: 'nowrap', fontSize: '10px' } }, "mimeType: ", object.mimeType))))), (this.core.displaySelectionGroupUI(object) || this.core.displaySelectionLineUI(object)) &&
                 (() => {
-                    const isSelectionGroup = workspace_migrations.KritzelClassHelper.isInstanceOf(object, 'KritzelSelectionGroup');
+                    const isSelectionGroup = schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelSelectionGroup');
                     const localClientId = this.core.store.objects?.localClientId;
                     const awarenessStates = this.core.store.objects?.awareness?.getStates();
                     const isRemoteSelection = isSelectionGroup && (
@@ -28063,7 +28100,7 @@ const KritzelEngine = class {
                         }
                     }
                     const selectionBorderColor = remoteUserColor
-                        ?? (workspace_migrations.KritzelColorHelper.resolveThemeColor(object.borderColor, currentTheme) || 'var(--kritzel-selection-border-color, #007AFF)');
+                        ?? (schema_constants.KritzelColorHelper.resolveThemeColor(object.borderColor, currentTheme) || 'var(--kritzel-selection-border-color, #007AFF)');
                     const selectionHandleStrokeColor = remoteUserColor
                         ?? 'var(--kritzel-selection-handle-stroke-color, #007AFF)';
                     return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", style: {
@@ -28079,9 +28116,9 @@ const KritzelEngine = class {
                             pointerEvents: 'none',
                         } }, this.core.displaySelectionGroupUI(object) && (index.h("g", { class: "selection-group-ui", style: { pointerEvents: 'none' } }, (() => {
                         const remoteLineObject = isRemoteSelection &&
-                            workspace_migrations.KritzelClassHelper.isInstanceOf(object, 'KritzelSelectionGroup') &&
+                            schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelSelectionGroup') &&
                             object.objects.length === 1 &&
-                            workspace_migrations.KritzelClassHelper.isInstanceOf(object.objects[0], 'KritzelLine')
+                            schema_constants.KritzelClassHelper.isInstanceOf(object.objects[0], 'KritzelLine')
                             ? object.objects[0]
                             : null;
                         if (remoteLineObject) {
@@ -28152,7 +28189,7 @@ const KritzelEngine = class {
                         } }), index.h("circle", { class: "rotation-handle-overlay", cx: object.totalWidth / 2, cy: -((15 * object.scale) / this.core.store.state?.scale), r: `${(baseHandleTouchSize * object.scale) / this.core.store.state?.scale}`, style: {
                             fill: 'transparent',
                             paintOrder: 'fill',
-                        } }))))), this.core.displaySelectionLineUI(object) && workspace_migrations.KritzelClassHelper.isInstanceOf(object, 'KritzelLine') && (index.h("g", { class: "selection-line-ui", style: { pointerEvents: 'none' } }, index.h("g", { class: "selection-line-borders" }, index.h("path", { class: "selection-line-border", d: this.core.anchorManager.computeClippedLinePath(object, true), style: {
+                        } }))))), this.core.displaySelectionLineUI(object) && schema_constants.KritzelClassHelper.isInstanceOf(object, 'KritzelLine') && (index.h("g", { class: "selection-line-ui", style: { pointerEvents: 'none' } }, index.h("g", { class: "selection-line-borders" }, index.h("path", { class: "selection-line-border", d: this.core.anchorManager.computeClippedLinePath(object, true), style: {
                             stroke: selectionBorderColor,
                             strokeWidth: `calc(var(--kritzel-selection-border-width, 2px) * ${object.scale} / ${this.core.store.state?.scale})`,
                             strokeLinecap: 'round',
@@ -28277,7 +28314,7 @@ const KritzelEngine = class {
                     }, this.core.store.selectionGroup?.objects || []);
                 }
                 this.hideContextMenu();
-            }, onClose: () => this.hideContextMenu() })), this.core.store.objects?.hasAwareness && index.h("kritzel-awareness-cursors", { core: this.core }), this.core.store.state?.activeTool instanceof workspace_migrations.KritzelEraserTool && !this.core.store.state.isScaling && index.h("kritzel-cursor-trail", { core: this.core })));
+            }, onClose: () => this.hideContextMenu() })), this.core.store.objects?.hasAwareness && index.h("kritzel-awareness-cursors", { core: this.core }), this.core.store.state?.activeTool instanceof schema_constants.KritzelEraserTool && !this.core.store.state.isScaling && index.h("kritzel-cursor-trail", { core: this.core })));
     }
     static get watchers() { return {
         "workspace": [{
@@ -28514,7 +28551,7 @@ const KritzelIcon = class {
     label;
     size = 24;
     render() {
-        const svgContent = workspace_migrations.KritzelIconRegistry.get(this.name);
+        const svgContent = schema_constants.KritzelIconRegistry.get(this.name);
         if (!svgContent) {
             console.error(`[kritzel-icon] Icon "${this.name}" not found in registry.`);
             return index.h("span", { class: "error-icon", "aria-label": `Error: Icon ${this.name} not found` }, "?");
@@ -28926,7 +28963,7 @@ const KritzelMenuItem = class {
             requestAnimationFrame(() => {
                 if (this.inputRef) {
                     this.inputRef.focus();
-                    if (workspace_migrations.KritzelDevicesHelper.isIOS()) {
+                    if (schema_constants.KritzelDevicesHelper.isIOS()) {
                         const length = this.inputRef.value.length;
                         this.inputRef.setSelectionRange(length, length);
                     }
@@ -28945,7 +28982,7 @@ const KritzelMenuItem = class {
         this.focusInput();
     }
     setDeviceSpecificStyles = () => {
-        const isTouchDevice = workspace_migrations.KritzelDevicesHelper.isTouchDevice();
+        const isTouchDevice = schema_constants.KritzelDevicesHelper.isTouchDevice();
         if (isTouchDevice) {
             this.host.style.setProperty('--kritzel-menu-item-overlay-background-color', 'transparent');
             this.host.style.setProperty('--kritzel-menu-item-button-hover-background-color', 'transparent');
@@ -29045,7 +29082,7 @@ const KritzelMoreMenu = class {
      */
     itemSelect;
     menuAnchor = null;
-    isTouchDevice = workspace_migrations.KritzelDevicesHelper.isTouchDevice();
+    isTouchDevice = schema_constants.KritzelDevicesHelper.isTouchDevice();
     toggleMenu = (event) => {
         event.stopPropagation();
         if (this.menuAnchor) {
@@ -29375,7 +29412,7 @@ const KritzelPortal = class {
         this.calculatePosition();
     }
     portal;
-    id = `portal-${workspace_migrations.ObjectHelper.generateUUID()}`;
+    id = `portal-${schema_constants.ObjectHelper.generateUUID()}`;
     defaultOffset = 0;
     minLeft = 0;
     themeObserver;
@@ -29574,7 +29611,7 @@ const KritzelPortal = class {
  * This file is auto-generated by the version bump scripts.
  * Do not modify manually.
  */
-const KRITZEL_VERSION = '0.3.7';
+const KRITZEL_VERSION = '0.3.8';
 
 const kritzelSettingsCss = () => `:host{display:contents}kritzel-dialog{--kritzel-dialog-body-padding:0;--kritzel-dialog-width-large:800px;--kritzel-dialog-height-large:500px}.footer-button{padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px}.cancel-button{border:1px solid #ebebeb;background:#fff;color:inherit}.cancel-button:hover{background:#f5f5f5}.settings-content{padding:0}.settings-content h3{margin:0 0 16px 0;font-size:18px;font-weight:600;color:var(--kritzel-settings-content-heading-color, #333333)}.settings-content p{margin:0;font-size:14px;color:var(--kritzel-settings-content-text-color, #666666);line-height:1.5}.settings-group{display:flex;flex-direction:column;gap:24px}.settings-item{display:flex;flex-direction:column;gap:8px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-label{font-size:14px;font-weight:600;color:var(--kritzel-settings-label-color, #333333);margin:0 0 4px 0}.settings-description{font-size:12px;color:var(--kritzel-settings-description-color, #888888);margin:0;line-height:1.4}.shortcuts-list{display:flex;flex-direction:column;gap:24px}.shortcuts-category{display:flex;flex-direction:column;gap:8px}.shortcuts-category-title{font-size:14px;font-weight:600;color:var(--kritzel-settings-label-color, #333333);margin:0 0 4px 0}.shortcuts-group{display:flex;flex-direction:column;gap:4px}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:4px;background:var(--kritzel-settings-shortcut-item-bg, rgba(0, 0, 0, 0.02))}.shortcut-label{font-size:14px;color:var(--kritzel-settings-content-text-color, #666666)}.shortcut-key{font-family:monospace;font-size:12px;padding:2px 8px;border-radius:4px;background:var(--kritzel-settings-shortcut-key-bg, #f0f0f0);color:var(--kritzel-settings-shortcut-key-color, #333333);border:1px solid var(--kritzel-settings-shortcut-key-border, #ddd)}`;
 
@@ -29756,7 +29793,7 @@ const KritzelSettings = class {
             case 'developer':
                 return (index.h("div", { class: "settings-content" }, index.h("h3", null, "Developer Options"), index.h("div", { class: "settings-group" }, index.h("div", { class: "settings-item" }, index.h("label", { class: "settings-label" }, "Show Viewport Info"), index.h("p", { class: "settings-description" }, "Display viewport debug information such as position, zoom level, and boundaries."), index.h("kritzel-slide-toggle", { checked: this.debugInfo.showViewportInfo, label: "Show Viewport Info", onCheckedChange: this.handleDebugInfoChange('showViewportInfo') })), index.h("div", { class: "settings-item" }, index.h("label", { class: "settings-label" }, "Show Object Info"), index.h("p", { class: "settings-description" }, "Display debug information about objects on the canvas."), index.h("kritzel-slide-toggle", { checked: this.debugInfo.showObjectInfo, label: "Show Object Info", onCheckedChange: this.handleDebugInfoChange('showObjectInfo') })), index.h("div", { class: "settings-item" }, index.h("label", { class: "settings-label" }, "Show Sync Provider Info"), index.h("p", { class: "settings-description" }, "Display debug information about the sync provider connection status."), index.h("kritzel-slide-toggle", { checked: this.debugInfo.showSyncProviderInfo, label: "Show Sync Provider Info", onCheckedChange: this.handleDebugInfoChange('showSyncProviderInfo') })), index.h("div", { class: "settings-item" }, index.h("label", { class: "settings-label" }, "Show Migration Info"), index.h("p", { class: "settings-description" }, "Display debug information about data migrations."), index.h("kritzel-slide-toggle", { checked: this.debugInfo.showMigrationInfo, label: "Show Migration Info", onCheckedChange: this.handleDebugInfoChange('showMigrationInfo') })))));
             case 'about':
-                return (index.h("div", { class: "settings-content" }, index.h("h3", null, "About"), index.h("p", null, "Kritzel - A drawing application"), index.h("p", { class: "version-info" }, "Version ", KRITZEL_VERSION), index.h("p", { class: "version-info" }, "App-State Schema v", workspace_migrations.CURRENT_APP_STATE_SCHEMA_VERSION), index.h("p", { class: "version-info" }, "Workspace Schema v", workspace_migrations.CURRENT_WORKSPACE_SCHEMA_VERSION)));
+                return (index.h("div", { class: "settings-content" }, index.h("h3", null, "About"), index.h("p", null, "Kritzel - A drawing application"), index.h("p", { class: "version-info" }, "Version ", KRITZEL_VERSION), index.h("p", { class: "version-info" }, "App-State Schema v", schema_constants.CURRENT_APP_STATE_SCHEMA_VERSION), index.h("p", { class: "version-info" }, "Workspace Schema v", schema_constants.CURRENT_WORKSPACE_SCHEMA_VERSION)));
             default:
                 return null;
         }
@@ -29967,7 +30004,7 @@ const KritzelSplitButton = class {
     menuOpen;
     menuClose;
     isMenuOpen = false;
-    isTouchDevice = workspace_migrations.KritzelDevicesHelper.isTouchDevice();
+    isTouchDevice = schema_constants.KritzelDevicesHelper.isTouchDevice();
     anchorElement;
     menuScrollTop = 0;
     splitMenuButtonRef;
@@ -30038,7 +30075,7 @@ const KritzelSplitButton = class {
 };
 KritzelSplitButton.style = kritzelSplitButtonCss();
 
-const kritzelStrokeSizeCss = () => `:host{display:flex;align-items:flex-start;gap:0;padding:0;width:100%;box-sizing:border-box}.size-grid{width:100%;display:grid;grid-template-columns:repeat(6, 32px);gap:8px;justify-items:center}.size-container{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%;cursor:var(--kritzel-global-pointer-cursor, pointer);border:2px solid transparent;box-sizing:border-box}.size-container:hover{background-color:var(--kritzel-stroke-size-hover-background-color, #ebebeb)}.size-container.selected{border-color:var(--kritzel-selection-border-color, #007AFF);background-color:var(--kritzel-stroke-size-selected-background-color, #ebebeb)}`;
+const kritzelStrokeSizeCss = () => `:host{display:flex;align-items:flex-start;gap:0;padding:0;width:100%;box-sizing:border-box}.size-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill, 32px);gap:8px;justify-items:center}.size-container{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%;cursor:var(--kritzel-global-pointer-cursor, pointer);border:2px solid transparent;box-sizing:border-box}.size-container:hover{background-color:var(--kritzel-stroke-size-hover-background-color, #ebebeb)}.size-container.selected{border-color:var(--kritzel-selection-border-color, #007AFF);background-color:var(--kritzel-stroke-size-selected-background-color, #ebebeb)}`;
 
 const KritzelStrokeSize = class {
     constructor(hostRef) {
@@ -30093,6 +30130,7 @@ const KritzelToolConfig = class {
         this.config = newConfig;
         if (this.config) {
             this.updatePalette();
+            this.updateSizes();
             this.currentOpacity = newTool[this.config.opacityProperty] ?? 1;
             // Emit the values since they might have been updated from the old tool
             this.emitDisplayValues();
@@ -30117,13 +30155,15 @@ const KritzelToolConfig = class {
     displayValuesChange;
     config;
     palette = [];
+    sizes = [];
     currentOpacity = 1;
     updateTrigger = 0;
     handleSelectionChange() {
-        if (this.tool instanceof workspace_migrations.KritzelSelectionTool) {
+        if (this.tool instanceof schema_constants.KritzelSelectionTool) {
             this.config = KritzelToolConfigHelper.getToolConfig(this.tool);
             if (this.config) {
                 this.updatePalette();
+                this.updateSizes();
                 this.currentOpacity = this.tool[this.config.opacityProperty] ?? 1;
                 this.emitDisplayValues();
             }
@@ -30138,6 +30178,7 @@ const KritzelToolConfig = class {
         this.config = KritzelToolConfigHelper.getToolConfig(this.tool);
         if (this.config) {
             this.updatePalette();
+            this.updateSizes();
             this.currentOpacity = this.tool[this.config.opacityProperty] ?? 1;
             this.emitDisplayValues();
         }
@@ -30152,10 +30193,10 @@ const KritzelToolConfig = class {
         const opacity = this.currentOpacity;
         const size = this.tool[this.config.sizeProperty];
         const displayValues = {
-            color: workspace_migrations.KritzelColorHelper.applyOpacity(color, opacity, this.theme),
+            color: schema_constants.KritzelColorHelper.applyOpacity(color, opacity, this.theme),
             size,
         };
-        if (this.tool instanceof workspace_migrations.KritzelTextTool) {
+        if (this.tool instanceof schema_constants.KritzelTextTool) {
             displayValues.fontFamily = this.tool.fontFamily;
         }
         this.displayValuesChange.emit(displayValues);
@@ -30170,6 +30211,16 @@ const KritzelToolConfig = class {
             this.palette = this.tool.palette || [];
         }
     }
+    updateSizes() {
+        if (!this.config)
+            return;
+        if (this.config.sizesSource === 'none') {
+            this.sizes = [];
+        }
+        else {
+            this.sizes = this.tool.sizes || [];
+        }
+    }
     handleToggleExpand = () => {
         this.isExpanded = !this.isExpanded;
     };
@@ -30230,9 +30281,9 @@ const KritzelToolConfig = class {
         const value = this.tool[control.propertyName];
         switch (control.type) {
             case 'stroke-size':
-                return (index.h("kritzel-stroke-size", { key: control.type, selectedSize: value, onSizeChange: this.handleSizeChange }));
+                return (index.h("kritzel-stroke-size", { key: control.type, sizes: this.sizes.length > 0 ? this.sizes : undefined, selectedSize: value, onSizeChange: this.handleSizeChange }));
             case 'font-size':
-                return (index.h("kritzel-font-size", { key: control.type, selectedSize: value, fontFamily: this.tool.fontFamily, onSizeChange: this.handleSizeChange }));
+                return (index.h("kritzel-font-size", { key: control.type, sizes: this.sizes.length > 0 ? this.sizes : undefined, selectedSize: value, fontFamily: this.tool.fontFamily, onSizeChange: this.handleSizeChange }));
             case 'line-endings':
                 return (index.h("kritzel-line-endings", { key: control.type, value: value, onValueChange: (event) => this.handlePropertyChange(control.propertyName, event.detail) }));
             case 'shape-fill':
@@ -30525,7 +30576,7 @@ const KritzelWorkspaceManager = class {
     }
     async add() {
         await this.splitButtonRef.open();
-        this.newWorkspace = new workspace_migrations.KritzelWorkspace(workspace_migrations.ObjectHelper.generateUUID(), 'New Workspace');
+        this.newWorkspace = new schema_constants.KritzelWorkspace(schema_constants.ObjectHelper.generateUUID(), 'New Workspace');
         this.editingItemId = this.newWorkspace.id;
     }
     edit(item) {