@inditextech/weave-sdk 5.0.0-SNAPSHOT.377.1 → 5.0.0-SNAPSHOT.403.1

package/dist/sdk.node.js

@@ -3500,13 +3500,34 @@ function getBoundingBox(nodes, config) {
 		height: maxY - minY
 	};
 }
+/**
+* Builds an array of Weave node IDs from `groupId` up to the root,
+* including only nodes that have a `nodeType` attribute (actual Weave nodes,
+* not Konva stage/layer). Used as the multi-stop set for `getInstanceRecursive`
+* and group-context ancestor checks.
+*/
+function buildAncestorGroupIds(groupId, stage) {
+	const ids = [];
+	let cur = stage.findOne(`#${groupId}`) ?? null;
+	while (cur) {
+		const id = cur.getAttrs().id;
+		if (id && cur.getAttrs().nodeType) ids.push(id);
+		cur = cur.getParent();
+	}
+	return ids;
+}
 function getTargetedNode(instance) {
 	const stage = instance.getStage();
 	let selectedGroup = void 0;
 	const mousePos = stage.getPointerPosition();
 	if (mousePos) {
 		const inter = stage.getIntersection(mousePos);
-		if (inter) selectedGroup = instance.getInstanceRecursive(inter);
+		if (inter) {
+			const selectionPlugin = instance.getPlugin("nodesSelection");
+			const activeGroupContext = selectionPlugin?.getActiveGroupContext() ?? void 0;
+			const stopIds = activeGroupContext ? buildAncestorGroupIds(activeGroupContext, stage) : void 0;
+			selectedGroup = instance.getInstanceRecursive(inter, [], stopIds);
+		}
 	}
 	return selectedGroup;
 }
@@ -3647,7 +3668,7 @@ function getVisibleNodes({ instance, skipNodes, referenceLayer }) {
 	nodes.forEach((node) => {
 		const actualNodeParent = instance.getNodeContainer(node);
 		if (actualNodeParent?.getAttrs().id !== referenceLayer?.getAttrs().id) return;
-		if (node.getParent()?.getAttrs().nodeType === "group") return;
+		if (node.getParent()?.getAttrs().nodeType === "group" && node.getParent()?.getAttrs().id !== referenceLayer?.getAttrs().id) return;
 		if (skipNodes.includes(node.getParent()?.getAttrs().nodeId)) return;
 		if (skipNodes.includes(node.getAttrs().id ?? "")) return;
 		if (node.getAttrs().nodeType === "connector") return;
@@ -4355,6 +4376,7 @@ var TransformerController = class {
 			listening: true,
 			shouldOverdrawWholeArea: true
 		});
+		this.tr.boundBoxFunc(this.getBoundBoxFunc());
 		layer.add(this.tr);
 		this.trHover = new Konva.Transformer({
 			id: "hoverTransformer",
@@ -4370,6 +4392,20 @@ var TransformerController = class {
 		this.registerTransformerEvents();
 		this.registerInstanceEvents();
 	}
+	getBoundBoxFunc() {
+		return (oldBox, newBox) => {
+			const sx = newBox.width / oldBox.width;
+			const sy = newBox.height / oldBox.height;
+			const violatesConstraint = this.tr.nodes().some((node) => {
+				const rect = node.getClientRect({ skipStroke: true });
+				const { width: minWidth, height: minHeight } = node.getNodeMinSize();
+				if (["middle-right", "middle-left"].includes(this.tr.getActiveAnchor() ?? "")) return rect.width * sx < minWidth;
+				if (["top-center", "bottom-center"].includes(this.tr.getActiveAnchor() ?? "")) return rect.height * sy < minHeight;
+				return rect.width * sx < minWidth || rect.height * sy < minHeight;
+			});
+			return violatesConstraint ? oldBox : newBox;
+		};
+	}
 	getTransformer() {
 		return this.tr;
 	}
@@ -4810,6 +4846,7 @@ function handleClickOrTap(ctx, e) {
 	let areNodesSelected = false;
 	let nodeTargeted = selectedGroup && !(selectedGroup.getAttrs().active ?? false) ? selectedGroup : e.target;
 	if (e.target === weave.getStage()) {
+		if (ctx.getActiveGroupContext() !== null) ctx.exitGroupContext();
 		ctx.getGesture().resetDoubleTap();
 		ctx.getNodesSelectionFeedbackPlugin()?.cleanupSelectedHalos();
 		return;
@@ -4819,6 +4856,18 @@ function handleClickOrTap(ctx, e) {
 		ctx.getGesture().resetDoubleTap();
 		return;
 	}
+	const activeGroupContext = ctx.getActiveGroupContext();
+	if (activeGroupContext !== null) {
+		const isInsideActiveGroup = isNodeInsideGroup(nodeTargeted, activeGroupContext, stage);
+		if (isInsideActiveGroup) {
+			const parentId = nodeTargeted.getParent()?.getAttrs().id ?? "";
+			if (parentId !== activeGroupContext) ctx.enterGroupContext(parentId);
+		}
+		if (!isInsideActiveGroup) {
+			ctx.exitGroupContext();
+			nodeTargeted = weave.getInstanceRecursive(nodeTargeted);
+		}
+	}
 	const metaPressed = e.evt.shiftKey || e.evt.ctrlKey || e.evt.metaKey;
 	const nodeSelectedIndex = tr.nodes().findIndex((node) => {
 		return node.getAttrs().id === nodeTargeted.getAttrs().id;
@@ -4834,13 +4883,21 @@ function handleClickOrTap(ctx, e) {
 		const isMainLayer = parent === mainLayer;
 		const isContainerEmptyArea = e.target.getAttrs().isContainerPrincipal !== void 0 && !e.target.getAttrs().isContainerPrincipal;
 		if (isStage || isMainLayer || isContainerEmptyArea) ctx.setSelectedNodes([]);
+		ctx.triggerSelectedNodesEvent();
 		return;
 	}
-	if (nodeTargeted.getAttrs().nodeId) {
+	if (!nodeTargeted.getAttrs().name?.includes("node") && nodeTargeted.getAttrs().nodeId) {
 		const realNode = stage.findOne(`#${nodeTargeted.getAttrs().nodeId}`);
 		if (realNode) nodeTargeted = realNode;
 	}
 	if (typeof nodeTargeted.getAttrs().isContainerPrincipal !== "undefined" && !nodeTargeted.getAttrs().isContainerPrincipal) return;
+	let cur = nodeTargeted;
+	let p = cur.getParent();
+	while (p?.getAttrs().nodeType === "group" && activeGroupContext !== p.getAttrs().id && !isAncestorOfActiveGroup(p, activeGroupContext, stage)) {
+		cur = p;
+		p = cur.getParent();
+	}
+	nodeTargeted = cur;
 	if (ctx.getGesture().isDoubleTap && !metaPressed) {
 		ctx.getGesture().resetDoubleTap();
 		nodeTargeted.dblClick();
@@ -4872,6 +4929,40 @@ function handleClickOrTap(ctx, e) {
 	}
 	ctx.triggerSelectedNodesEvent();
 }
+/**
+* Returns true if `node` is anywhere within the group hierarchy rooted at
+* `groupId`: either a descendant of the active group itself, or a descendant
+* of any ancestor group in the path from `groupId` to the root.
+* Used to decide whether a click should keep the current group context active.
+*/
+function isNodeInsideGroup(node, groupId, stage) {
+	const groupNode = stage.findOne(`#${groupId}`);
+	if (!groupNode) return false;
+	const containerIds = new Set(buildAncestorGroupIds(groupId, stage));
+	let current = node;
+	while (current) {
+		if (containerIds.has(current.getAttrs().id ?? "")) return true;
+		current = current.getParent();
+	}
+	return false;
+}
+/**
+* Returns true if `node` is a (strict) ancestor of the active group — i.e.
+* it appears in the parent chain above `activeGroupId`, not at the group
+* itself and not below it.
+*/
+function isAncestorOfActiveGroup(node, activeGroupId, stage) {
+	if (!node || !activeGroupId) return false;
+	const nodeId = node.getAttrs().id ?? "";
+	const activeGroupNode = stage.findOne(`#${activeGroupId}`);
+	if (!activeGroupNode) return false;
+	let cur = activeGroupNode.getParent();
+	while (cur) {
+		if ((cur.getAttrs().id ?? "") === nodeId) return true;
+		cur = cur.getParent();
+	}
+	return false;
+}
 
 //#endregion
 //#region src/plugins/nodes-selection/events/keyboard.ts
@@ -4885,6 +4976,13 @@ function registerKeyboardHandlers(ctx) {
 	const signal = ctx.getWeaveInstance().getEventsController().signal;
 	stage.container().addEventListener("keydown", (e) => {
 		if (e.code === "Space") ctx.setSpaceKeyPressed(true);
+		if (e.code === "Escape") {
+			if (ctx.getActiveGroupContext() !== null) {
+				ctx.exitGroupContext();
+				e.stopPropagation();
+				return;
+			}
+		}
 		if (e.code === "Backspace" || e.code === "Delete") {
 			Promise.resolve().then(() => {
 				ctx.removeSelectedNodes();
@@ -4948,7 +5046,10 @@ function handlePointerDown(ctx, e) {
 		const nodesSelected = tr.nodes();
 		for (const node of nodesSelected) node.fire("onSelectionCleared", { bubbles: true });
 	}
+	const activeGroupContext = ctx.getActiveGroupContext();
+	if (activeGroupContext !== null) ctx.exitGroupContext();
 	ctx.selectNone();
+	ctx.triggerSelectedNodesEvent();
 	ctx.getWeaveInstance().emitEvent("onSelectionState", true);
 	ctx.getEdgePanning().start();
 }
@@ -5094,6 +5195,8 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 	gesture = new GestureDetector();
 	_handledClickOrTap = false;
 	dragSelectedNodes = [];
+	_activeGroupContext = null;
+	onRender = void 0;
 	constructor(params) {
 		super();
 		this.config = mergeExceptArrays(WEAVE_NODES_SELECTION_DEFAULT_CONFIG, params?.config ?? {});
@@ -5118,6 +5221,8 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 		this.enabled = false;
 		this.pointers = {};
 		this.dragSelectedNodes = [];
+		this._handledClickOrTap = false;
+		this._activeGroupContext = null;
 	}
 	getName() {
 		return WEAVE_NODES_SELECTION_KEY;
@@ -5239,6 +5344,7 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			this.active = true;
 		});
 		this.instance.addEventListener("onNodeRemoved", (node) => {
+			if (this._activeGroupContext === node.id) this.exitGroupContext();
 			const selectedNodes = this.getSelectedNodes();
 			const newSelectedNodes = selectedNodes.filter((actNode) => actNode.getAttrs().id !== node.id);
 			this.setSelectedNodes(newSelectedNodes);
@@ -5247,6 +5353,31 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 			stage.container().style.cursor = "default";
 		});
 	}
+	getActiveGroupContext() {
+		return this._activeGroupContext;
+	}
+	enterGroupContext(groupId) {
+		const stage = this.instance.getStage();
+		const groupNode = stage.findOne(`#${groupId}`);
+		if (!groupNode) return;
+		this._activeGroupContext = groupId;
+		groupNode.getChildren().forEach((child) => {
+			child.setAttr("draggable", true);
+		});
+		this.selectNone();
+		this.instance.emitEvent("onGroupContextChange", groupId);
+	}
+	exitGroupContext() {
+		if (this._activeGroupContext === null) return;
+		const stage = this.instance.getStage();
+		const groupNode = stage.findOne(`#${this._activeGroupContext}`);
+		if (groupNode) groupNode.getChildren().forEach((child) => {
+			child.setAttr("draggable", false);
+		});
+		this._activeGroupContext = null;
+		this.selectNone();
+		this.instance.emitEvent("onGroupContextChange", null);
+	}
 	getLayer() {
 		const stage = this.instance.getStage();
 		return stage.findOne(`#${this.getLayerName()}`);
@@ -5431,6 +5562,9 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 	isDragging() {
 		return this.transformerCtrl.isDragging();
 	}
+	getBoundBoxFunc() {
+		return this.transformerCtrl.getBoundBoxFunc();
+	}
 	getSelectorConfig() {
 		return this.config.selection;
 	}
@@ -6005,6 +6139,12 @@ const augmentKonvaNodeClass = (config) => {
 	};
 	Konva.Node.prototype.lockMutex = function() {};
 	Konva.Node.prototype.releaseMutex = function() {};
+	Konva.Node.prototype.getNodeMinSize = function() {
+		return {
+			width: 0,
+			height: 0
+		};
+	};
 };
 var WeaveNode = class {
 	async register(instance) {
@@ -6168,8 +6308,8 @@ var WeaveNode = class {
 		if (selectionPlugin?.getSelectedNodes().map((node) => node.getAttrs().id).includes(ele.getAttrs().id)) return true;
 		return false;
 	}
-	scaleReset(node) {
-		const scale = node.scale();
+	scaleReset(node, scaleCustom) {
+		const scale = scaleCustom ?? node.scale();
 		node.width(Math.max(5, node.width() * scale.x));
 		node.height(Math.max(5, node.height() * scale.y));
 		node.scale({
@@ -6188,10 +6328,27 @@ var WeaveNode = class {
 			this.hideHoverState();
 			return;
 		}
+		if (this.isHoverSuppressedByGroupContext(node, selectionPlugin)) {
+			this.hideHoverState();
+			return;
+		}
 		if (node?.canBeHovered?.()) selectionPlugin.getHoverTransformer().nodes([node]);
 		else selectionPlugin.getHoverTransformer().nodes([]);
 		selectionPlugin.getHoverTransformer().moveToTop();
 	}
+	isHoverSuppressedByGroupContext(node, selectionPlugin) {
+		const activeGroupId = selectionPlugin.getActiveGroupContext();
+		if (activeGroupId === null) return false;
+		const activeGroupNode = this.instance.getStage().findOne(`#${activeGroupId}`);
+		if (!activeGroupNode) return false;
+		const hoveredId = node.getAttrs().id ?? "";
+		let current = activeGroupNode;
+		while (current) {
+			if ((current.getAttrs().id ?? "") === hoveredId) return true;
+			current = current.getParent();
+		}
+		return false;
+	}
 	hideHoverState() {
 		const selectionPlugin = this.getSelectionPlugin();
 		if (!selectionPlugin) return;
@@ -6259,8 +6416,6 @@ var WeaveNode = class {
 				if (e.target.getAttrs()._revertStrokeScaleEnabled === true) e.target.setAttr("strokeScaleEnabled", true);
 				e.target.setAttr("_revertStrokeScaleEnabled", void 0);
 				this.instance.emitEvent("onTransform", null);
-				const nodesSelectionPlugin = this.instance.getPlugin("nodesSelection");
-				if (nodesSelectionPlugin) nodesSelectionPlugin.getTransformer().forceUpdate();
 				if (performScaleReset) this.scaleReset(node$1);
 				if (this.getSelectionPlugin()?.getSelectedNodes().length === 1) {
 					this.getNodesSelectionFeedbackPlugin()?.showSelectionHalo(node$1);
@@ -6269,8 +6424,13 @@ var WeaveNode = class {
 				const nodeHandler = this.instance.getNodeHandler(node$1.getAttrs().nodeType);
 				if (nodeHandler) {
 					const shouldUpdateOnTransform = node$1.getAttrs().shouldUpdateOnTransform ?? true;
-					if (shouldUpdateOnTransform) this.instance.updateNode(nodeHandler.serialize(node$1));
+					if (shouldUpdateOnTransform) {
+						const serializedNode = nodeHandler.serialize(node$1);
+						this.instance.updateNode(serializedNode);
+					}
 				}
+				const nodesSelectionPlugin = this.instance.getPlugin("nodesSelection");
+				if (nodesSelectionPlugin) nodesSelectionPlugin.getTransformer().forceUpdate();
 				this.getNodesSelectionPlugin()?.getHoverTransformer().forceUpdate();
 			});
 			const stage = this.instance.getStage();
@@ -6446,7 +6606,8 @@ var WeaveNode = class {
 				}
 				this.instance.emitEvent("onDrag", null);
 				const realNodeTarget = this.getRealSelectedNode(nodeTarget);
-				if (this.isSelecting() && this.getSelectionPlugin()?.getSelectedNodes().length === 1 && (realNodeTarget.getAttrs().lockToContainer === void 0 || !realNodeTarget.getAttrs().lockToContainer)) this.instance.stateTransactional(() => {
+				const isInGroupContext = (this.getSelectionPlugin()?.getActiveGroupContext() ?? null) !== null;
+				if (!isInGroupContext && this.isSelecting() && this.getSelectionPlugin()?.getSelectedNodes().length === 1 && (realNodeTarget.getAttrs().lockToContainer === void 0 || !realNodeTarget.getAttrs().lockToContainer)) this.instance.stateTransactional(() => {
 					clearContainerTargets(this.instance);
 					const layerToMove = containerOverCursor(this.instance, [realNodeTarget]);
 					let containerToMove = this.instance.getMainLayer();
@@ -6534,7 +6695,19 @@ var WeaveNode = class {
 		const user = this.instance.getStore().getUser();
 		const activeAction = this.instance.getActiveAction();
 		const isNodeSelectionEnabled = this.getSelectionPlugin()?.isEnabled();
-		const realNode = this.instance.getInstanceRecursive(node);
+		const activeGroupCtx = this.getSelectionPlugin()?.getActiveGroupContext() ?? void 0;
+		let realNode;
+		if (activeGroupCtx) {
+			const stage$1 = this.instance.getStage();
+			const stopIds = [];
+			let cur = stage$1.findOne(`#${activeGroupCtx}`) ?? null;
+			while (cur) {
+				const id = cur.getAttrs().id;
+				if (id) stopIds.push(id);
+				cur = cur.getParent();
+			}
+			realNode = this.instance.getInstanceRecursive(node, [], stopIds);
+		} else realNode = this.instance.getInstanceRecursive(node);
 		const canBeTargeted = realNode.getAttrs().canBeTargeted !== false;
 		const isLocked = realNode.getAttrs().locked ?? false;
 		const isMutexLocked = realNode.getAttrs().mutexLocked && realNode.getAttrs().mutexUserId !== user.id;
@@ -8415,7 +8588,11 @@ var WeaveGroupsManager = class {
 			this.instance.removeNodes(sortedNodesByZIndex);
 			groupInstance.destroy();
 			const groupNode = stage.findOne(`#${groupId}`);
-			if (groupHandler && groupNode) this.instance.updateNodeNT(groupHandler.serialize(groupNode));
+			if (groupHandler && groupNode) {
+				groupNode.x(0);
+				groupNode.y(0);
+				this.instance.updateNodeNT(groupHandler.serialize(groupNode));
+			}
 			setTimeout(() => {
 				this.getNodesMultiSelectionFeedbackPlugin()?.cleanupSelectedHalos();
 				const groupNode$1 = stage.findOne(`#${groupId}`);
@@ -8477,6 +8654,8 @@ var WeaveGroupsManager = class {
 					y: absScale.y / stage.scaleY()
 				});
 				child.rotation(absRotation);
+				const nodeHandler = this.instance.getNodeHandler(child.getAttrs().nodeType);
+				if (nodeHandler) nodeHandler.scaleReset(child);
 				child.zIndex(newLayerChildrenAmount - 1 + child.zIndex());
 				child.setAttr("draggable", true);
 				newChildId = child.getAttrs().id;
@@ -9287,6 +9466,7 @@ var WeaveStateManager = class {
 		}
 		const yjsProps = yjsNode.get("props");
 		this.updateYjsMapFromObject(yjsProps, node.props);
+		if (Array.isArray(node.props.children) && node.props.children.length > 0) for (const child of node.props.children) this.updateNode(child);
 		this.instance.emitEvent("onNodeUpdated", node);
 	}
 	updateNodes(nodes) {
@@ -9481,7 +9661,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "5.0.0-SNAPSHOT.377.1";
+var version = "5.0.0-SNAPSHOT.403.1";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -9575,13 +9755,18 @@ var WeaveStageManager = class {
 		const stage = this.getStage();
 		return stage.findOne(`#${WEAVE_UTILITY_LAYER_ID}`);
 	}
-	getInstanceRecursive(instance, filterInstanceType = []) {
+	getInstanceRecursive(instance, filterInstanceType = [], stopAtGroupId) {
 		const attributes = instance.getAttrs();
+		if (stopAtGroupId) {
+			const parentId = instance.getParent()?.getAttrs().id ?? "";
+			const matches = Array.isArray(stopAtGroupId) ? stopAtGroupId.includes(parentId) : parentId === stopAtGroupId;
+			if (matches) return instance;
+		}
 		if (instance.getParent() && instance.getParent()?.getAttrs().nodeType && ![
 			"stage",
 			"layer",
 			...filterInstanceType
-		].includes(instance.getParent()?.getAttrs().nodeType)) return this.getInstanceRecursive(instance.getParent());
+		].includes(instance.getParent()?.getAttrs().nodeType)) return this.getInstanceRecursive(instance.getParent(), filterInstanceType, stopAtGroupId);
 		if (attributes.id === "mainLayer") return this.instance.getMainLayer();
 		if (attributes.id === "stage") return this.instance.getMainLayer();
 		return instance;
@@ -10920,8 +11105,8 @@ var Weave = class {
 	getStageConfiguration() {
 		return this.stageManager.getConfiguration();
 	}
-	getInstanceRecursive(instance, filterInstanceType = []) {
-		return this.stageManager.getInstanceRecursive(instance, filterInstanceType);
+	getInstanceRecursive(instance, filterInstanceType = [], stopAtGroupId) {
+		return this.stageManager.getInstanceRecursive(instance, filterInstanceType, stopAtGroupId);
 	}
 	getContainerNodes() {
 		return this.stageManager.getContainerNodes();
@@ -11870,10 +12055,55 @@ var WeaveGroupNode = class extends WeaveNode {
 			return intersectArrays(anchorsArrays);
 		};
 		this.setupDefaultNodeEvents(group);
+		group.on("transform", () => {
+			const sx = group.scaleX();
+			const sy = group.scaleY();
+			group.getChildren().forEach((child) => {
+				child.scaleX(child.scaleX() * sx);
+				child.scaleY(child.scaleY() * sy);
+				child.x(child.x() * sx);
+				child.y(child.y() * sy);
+				const nodeHandler = this.instance.getNodeHandler(child.getAttrs().nodeType);
+				if (nodeHandler) {
+					nodeHandler.scaleReset(child);
+					nodeHandler.onUpdate(child, child.getAttrs());
+				}
+			});
+			group.scale({
+				x: 1,
+				y: 1
+			});
+		});
+		group.dblClick = () => {
+			const selectionPlugin = this.instance.getPlugin("nodesSelection");
+			if (!selectionPlugin) return;
+			const groupId = group.getAttrs().id ?? "";
+			selectionPlugin.enterGroupContext(groupId);
+			const stage = this.instance.getStage();
+			const mousePos = stage.getPointerPosition();
+			if (!mousePos) return;
+			const selectionLayer = stage.findOne("#" + selectionPlugin.getLayerName());
+			selectionLayer?.listening(false);
+			const intersected = stage.getIntersection(mousePos);
+			selectionLayer?.listening(true);
+			if (!intersected) return;
+			const directChild = this.instance.getInstanceRecursive(intersected, [], groupId);
+			if (directChild.getParent()?.getAttrs().id === groupId) {
+				selectionPlugin.setSelectedNodes([directChild]);
+				selectionPlugin.triggerSelectedNodesEvent();
+			}
+		};
 		return group;
 	}
 	onUpdate(nodeInstance, nextProps) {
-		nodeInstance.setAttrs({ ...nextProps });
+		nodeInstance.setAttrs({
+			...nextProps,
+			x: nextProps.x ?? 0,
+			y: nextProps.y ?? 0,
+			scaleX: nextProps.scaleX ?? 1,
+			scaleY: nextProps.scaleY ?? 1,
+			rotation: nextProps.rotation ?? 0
+		});
 		const nodesSelectionPlugin = this.instance.getPlugin("nodesSelection");
 		if (nodesSelectionPlugin) nodesSelectionPlugin.getTransformer().forceUpdate();
 	}
@@ -11910,18 +12140,578 @@ var WeaveGroupNode = class extends WeaveNode {
 			}
 		};
 	}
-	scaleReset() {}
+	scaleReset(node) {
+		const sx = node.scaleX();
+		const sy = node.scaleY();
+		node.getChildren().forEach((child) => {
+			child.scaleX(child.scaleX() * sx);
+			child.scaleY(child.scaleY() * sy);
+			child.x(child.x() * sx);
+			child.y(child.y() * sy);
+			const nodeHandler = this.instance.getNodeHandler(child.getAttrs().nodeType);
+			if (nodeHandler) {
+				nodeHandler.scaleReset(child);
+				nodeHandler.onUpdate(child, child.getAttrs());
+			}
+		});
+		node.scale({
+			x: 1,
+			y: 1
+		});
+	}
 };
 
 //#endregion
 //#region src/nodes/rectangle/constants.ts
 const WEAVE_RECTANGLE_NODE_TYPE = "rectangle";
 
+//#endregion
+//#region src/nodes/shared/shape-label.constants.ts
+const WEAVE_STAGE_SHAPE_LABEL_EDITION_MODE = "shape-label-edition";
+const WEAVE_SHAPE_LABEL_DEFAULTS = {
+	labelText: "",
+	labelFontFamily: "Arial, sans-serif",
+	labelFontSize: 14,
+	labelFontStyle: "normal",
+	labelFontVariant: "normal",
+	labelTextDecoration: "",
+	labelFill: "#000000",
+	labelAlign: "center",
+	labelVerticalAlign: "middle",
+	labelLetterSpacing: 0,
+	labelLineHeight: 1,
+	labelPaddingX: 8,
+	labelPaddingY: 8
+};
+const labelId = (id) => `${id}-label`;
+
+//#endregion
+//#region src/nodes/shared/shape-label-editor.ts
+var WeaveShapeLabelEditor = class {
+	editing = false;
+	editingGroup = null;
+	editingTextBounds = null;
+	textArea = null;
+	onLiveResize = null;
+	constructor(instance) {
+		this.instance = instance;
+	}
+	isEditing() {
+		return this.editing;
+	}
+	renderLabel(group, props, textBounds) {
+		const labelText = props.labelText ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelText;
+		const labelNode = new Konva.Text({
+			id: labelId(props.id),
+			x: textBounds.x,
+			y: textBounds.y,
+			width: textBounds.width,
+			height: textBounds.height,
+			text: labelText,
+			fontFamily: props.labelFontFamily ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelFontFamily,
+			fontSize: props.labelFontSize ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelFontSize,
+			fontStyle: props.labelFontStyle ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelFontStyle,
+			fontVariant: props.labelFontVariant ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelFontVariant,
+			textDecoration: props.labelTextDecoration ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelTextDecoration,
+			fill: props.labelFill ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelFill,
+			align: props.labelAlign ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelAlign,
+			verticalAlign: props.labelVerticalAlign ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelVerticalAlign,
+			letterSpacing: props.labelLetterSpacing ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelLetterSpacing,
+			lineHeight: props.labelLineHeight ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelLineHeight,
+			wrap: "word",
+			listening: false,
+			visible: labelText !== ""
+		});
+		group.add(labelNode);
+		return labelNode;
+	}
+	updateLabel(group, nextProps, textBounds, growCallback) {
+		const labelNode = group.findOne(`#${labelId(nextProps.id)}`);
+		if (!labelNode) return;
+		const labelText = nextProps.labelText ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelText;
+		labelNode.setAttrs({
+			x: textBounds.x,
+			y: textBounds.y,
+			width: textBounds.width,
+			height: textBounds.height,
+			text: labelText,
+			fontFamily: nextProps.labelFontFamily ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelFontFamily,
+			fontSize: nextProps.labelFontSize ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelFontSize,
+			fontStyle: nextProps.labelFontStyle ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelFontStyle,
+			fontVariant: nextProps.labelFontVariant ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelFontVariant,
+			textDecoration: nextProps.labelTextDecoration ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelTextDecoration,
+			fill: nextProps.labelFill ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelFill,
+			align: nextProps.labelAlign ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelAlign,
+			verticalAlign: nextProps.labelVerticalAlign ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelVerticalAlign,
+			letterSpacing: nextProps.labelLetterSpacing ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelLetterSpacing,
+			lineHeight: nextProps.labelLineHeight ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelLineHeight,
+			wrap: "word",
+			visible: !this.editing && labelText !== ""
+		});
+		if (labelText !== "") {
+			labelNode.setAttr("height", void 0);
+			const measuredHeight = labelNode.height();
+			labelNode.height(Math.max(textBounds.height, measuredHeight));
+			if (growCallback && measuredHeight > textBounds.height) {
+				const paddingY = nextProps.labelPaddingY ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelPaddingY;
+				growCallback(measuredHeight + paddingY * 2);
+			}
+		}
+	}
+	computeVerticalOffset(verticalAlign, boundsHeightPx, contentHeightPx) {
+		if (verticalAlign === "top") return 0;
+		if (verticalAlign === "bottom") return Math.max(0, boundsHeightPx - contentHeightPx);
+		return Math.max(0, (boundsHeightPx - contentHeightPx) / 2);
+	}
+	triggerEditMode(group, textBounds, onCommit, onLiveResize) {
+		if (this.editing) return;
+		const lockAcquired = this.instance.setMutexLock({
+			nodeIds: [group.id()],
+			operation: "label-edit"
+		});
+		if (!lockAcquired) return;
+		this.editing = true;
+		this.editingGroup = group;
+		this.editingTextBounds = textBounds;
+		this.onLiveResize = onLiveResize ?? null;
+		const labelNode = group.findOne(`#${labelId(group.id())}`);
+		if (labelNode) labelNode.visible(false);
+		const selectionPlugin = this.instance.getPlugin("nodesSelection");
+		if (selectionPlugin) {
+			const tr = selectionPlugin.getTransformer();
+			this.instance.disablePlugin("nodesSelection");
+			tr.hide();
+		}
+		const stage = this.instance.getStage();
+		const upscaleScale = stage.getAttr("upscaleScale") ?? 1;
+		const absoluteTransform = group.getAbsoluteTransform();
+		const topLeft = absoluteTransform.point({
+			x: textBounds.x,
+			y: textBounds.y
+		});
+		this.createTextAreaDOM(group, textBounds, topLeft, upscaleScale, onCommit, onLiveResize);
+		this.instance.getStage().mode(WEAVE_STAGE_SHAPE_LABEL_EDITION_MODE);
+	}
+	exitEditMode() {
+		if (!this.editing) return;
+		this.instance.releaseMutexLock();
+		this.instance.getStage().mode(WEAVE_STAGE_DEFAULT_MODE);
+		this.editing = false;
+		const editedGroupId = this.editingGroup?.id() ?? null;
+		if (this.editingGroup) {
+			const liveGroup = this.instance.getStage().findOne(`#${this.editingGroup.id()}`);
+			const labelNode = liveGroup?.findOne(`#${labelId(this.editingGroup.id())}`);
+			if (labelNode) {
+				labelNode.visible(true);
+				labelNode.getLayer()?.batchDraw();
+			}
+			this.editingGroup = null;
+		}
+		if (this.textArea) this.textArea.remove();
+		this.textArea = null;
+		this.onLiveResize = null;
+		this.editingTextBounds = null;
+		this.instance.getStage().off(".weaveLabelEdit");
+		const selectionPlugin = this.instance.getPlugin("nodesSelection");
+		if (selectionPlugin) {
+			this.instance.enablePlugin("nodesSelection");
+			if (editedGroupId) requestAnimationFrame(() => {
+				const liveGroup = this.instance.getStage().findOne(`#${editedGroupId}`);
+				if (liveGroup) selectionPlugin.setSelectedNodes([liveGroup]);
+			});
+		}
+	}
+	updateTextAreaPosition(group, textBounds) {
+		if (!this.editing || !this.textArea) return;
+		const stage = this.instance.getStage();
+		const upscaleScale = stage.getAttr("upscaleScale") ?? 1;
+		const absoluteTransform = group.getAbsoluteTransform();
+		const topLeft = absoluteTransform.point({
+			x: textBounds.x,
+			y: textBounds.y
+		});
+		this.textArea.style.left = `${topLeft.x * upscaleScale}px`;
+		const absScale = group.getAbsoluteScale();
+		const props = group.getAttrs();
+		const fontSize = (props.labelFontSize ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelFontSize) * absScale.x;
+		this.textArea.style.fontSize = `${fontSize * upscaleScale}px`;
+		const textWidth = textBounds.width * absScale.x;
+		this.textArea.style.width = `${textWidth * upscaleScale}px`;
+		const originalBoundsHeightPx = textBounds.height * absScale.y * upscaleScale;
+		const paddingY = props.labelPaddingY ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelPaddingY;
+		const verticalAlign = props.labelVerticalAlign ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelVerticalAlign;
+		this.textArea.style.height = "auto";
+		const contentHeightPx = this.textArea.scrollHeight;
+		if (contentHeightPx <= originalBoundsHeightPx) {
+			this.textArea.style.height = `${contentHeightPx}px`;
+			const offsetY = this.computeVerticalOffset(verticalAlign, originalBoundsHeightPx, contentHeightPx);
+			this.textArea.style.top = `${topLeft.y * upscaleScale + offsetY}px`;
+		} else {
+			this.textArea.style.height = `${contentHeightPx}px`;
+			this.textArea.style.top = `${topLeft.y * upscaleScale}px`;
+		}
+		if (this.onLiveResize) {
+			const contentHeightInCanvas = contentHeightPx / (absScale.y * upscaleScale);
+			this.onLiveResize(contentHeightInCanvas + paddingY * 2);
+		}
+	}
+	/**
+	* Updates the textarea `left`, `width`, and `top` to match new text bounds.
+	* Call this from an `onLiveResize` callback when the shape grows symmetrically
+	* (e.g. regular polygon) so the textarea tracks the new position on all axes.
+	* Does NOT call `onLiveResize` — there is no re-entrancy risk, but also no need.
+	*/
+	repositionTextArea(group, textBounds) {
+		if (!this.editing || !this.textArea) return;
+		this.editingTextBounds = textBounds;
+		const stage = this.instance.getStage();
+		const upscaleScale = stage.getAttr("upscaleScale") ?? 1;
+		const absoluteTransform = group.getAbsoluteTransform();
+		const topLeft = absoluteTransform.point({
+			x: textBounds.x,
+			y: textBounds.y
+		});
+		const absScale = group.getAbsoluteScale();
+		const textWidth = textBounds.width * absScale.x;
+		this.textArea.style.left = `${topLeft.x * upscaleScale}px`;
+		this.textArea.style.width = `${textWidth * upscaleScale}px`;
+		const newBoundsHeightPx = textBounds.height * absScale.y * upscaleScale;
+		const savedHeight = this.textArea.style.height;
+		this.textArea.style.height = "auto";
+		const actualContentHeightPx = this.textArea.scrollHeight;
+		this.textArea.style.height = savedHeight;
+		const groupProps = group.getAttrs();
+		const verticalAlign = groupProps.labelVerticalAlign ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelVerticalAlign;
+		const offsetY = this.computeVerticalOffset(verticalAlign, newBoundsHeightPx, actualContentHeightPx);
+		this.textArea.style.top = `${topLeft.y * upscaleScale + offsetY}px`;
+	}
+	/**
+	* Convergence loop: onLiveResize may change the textarea width (e.g. a
+	* growing polygon becomes wider), which changes line-wrapping, which may
+	* require a different shape height. Iterates until scrollHeight is stable
+	* or a safety limit is reached (5 passes cover any practical input).
+	*
+	* Oscillation prevention: if the sequence alternates (narrow→grow→wide→
+	* restore→narrow→…) the loop exits with the polygon under-sized.
+	* We track `lastUsedPx` — the height last passed to onLiveResize — and
+	* fire a final corrective grow whenever `prevHeightPx > lastUsedPx`
+	* (content at the current width still overflows what was last asked for).
+	*/
+	runLiveResizeLoop(onLiveResize, contentHeightPx, effectiveScale, upscaleScale, paddingY) {
+		const MAX_PASSES = 5;
+		let maxNeededPx = contentHeightPx;
+		let prevHeightPx = contentHeightPx;
+		let lastUsedPx = 0;
+		for (let pass = 0; pass < MAX_PASSES; pass++) {
+			lastUsedPx = prevHeightPx;
+			const neededInCanvas = prevHeightPx / (effectiveScale * upscaleScale);
+			onLiveResize(neededInCanvas + paddingY * 2);
+			if (!this.textArea) break;
+			this.textArea.style.height = "auto";
+			const measuredPx = this.textArea.scrollHeight;
+			this.textArea.style.height = `${measuredPx}px`;
+			if (measuredPx > maxNeededPx) maxNeededPx = measuredPx;
+			if (measuredPx === prevHeightPx) break;
+			prevHeightPx = measuredPx;
+		}
+		if (this.textArea && prevHeightPx > lastUsedPx) {
+			const finalInCanvas = maxNeededPx / (effectiveScale * upscaleScale);
+			onLiveResize(finalInCanvas + paddingY * 2);
+			this.textArea.style.height = "auto";
+			const finalPx = this.textArea.scrollHeight;
+			this.textArea.style.height = `${finalPx}px`;
+		}
+	}
+	createTextAreaDOM(group, textBounds, position, upscaleScale, onCommit, onLiveResize) {
+		const stage = this.instance.getStage();
+		const props = group.getAttrs();
+		const absScale = group.getAbsoluteScale();
+		const effectiveScale = absScale.x;
+		this.textArea = document.createElement("textarea");
+		this.textArea.id = `${group.id()}_label_textarea`;
+		this.textArea.rows = 1;
+		stage.container().appendChild(this.textArea);
+		stage.on("dragmove.weaveLabelEdit xChange.weaveLabelEdit yChange.weaveLabelEdit", () => {
+			if (this.editingGroup && this.editingTextBounds) this.repositionTextArea(this.editingGroup, this.editingTextBounds);
+		});
+		const textWidth = textBounds.width * effectiveScale;
+		const fontSize = (props.labelFontSize ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelFontSize) * effectiveScale;
+		const originalBoundsHeightPx = textBounds.height * effectiveScale * upscaleScale;
+		const paddingY = props.labelPaddingY ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelPaddingY;
+		this.textArea.style.position = "absolute";
+		this.textArea.style.visibility = "hidden";
+		this.textArea.style.left = `${position.x * upscaleScale}px`;
+		this.textArea.style.width = `${textWidth * upscaleScale}px`;
+		this.textArea.style.border = "solid 0px #1e40af";
+		this.textArea.style.background = "transparent";
+		this.textArea.style.backgroundColor = "transparent";
+		this.textArea.style.boxSizing = "border-box";
+		this.textArea.style.overflow = "hidden";
+		const rotation = group.getAbsoluteRotation();
+		if (rotation) {
+			this.textArea.style.transformOrigin = "left top";
+			this.textArea.style.transform = `rotate(${rotation}deg)`;
+		}
+		this.textArea.value = props.labelText ?? "";
+		this.textArea.style.fontSize = `${fontSize * upscaleScale}px`;
+		this.textArea.style.fontFamily = props.labelFontFamily ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelFontFamily;
+		this.textArea.style.letterSpacing = `${props.labelLetterSpacing ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelLetterSpacing}px`;
+		this.textArea.style.lineHeight = `${props.labelLineHeight ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelLineHeight}em`;
+		const fontStyle = props.labelFontStyle ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelFontStyle;
+		this.textArea.style.fontStyle = fontStyle.includes("italic") ? "italic" : "normal";
+		this.textArea.style.textDecoration = props.labelTextDecoration ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelTextDecoration;
+		let fontWeight = "normal";
+		const matchNumber = fontStyle.match(/\d+/);
+		if (fontStyle.includes("bold")) fontWeight = "bold";
+		if (matchNumber) fontWeight = matchNumber[0];
+		this.textArea.style.fontWeight = fontWeight;
+		this.textArea.style.fontVariant = props.labelFontVariant ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelFontVariant;
+		this.textArea.style.color = props.labelFill ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelFill;
+		this.textArea.style.textAlign = props.labelAlign ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelAlign;
+		this.textArea.style.outline = "none";
+		this.textArea.style.resize = "none";
+		this.textArea.style.margin = "0";
+		this.textArea.style.padding = "0";
+		this.textArea.style.caretColor = "black";
+		this.textArea.style.overscrollBehavior = "contains";
+		const resizeTextarea = () => {
+			if (!this.textArea) return;
+			this.textArea.style.height = "auto";
+			const contentHeightPx = this.textArea.scrollHeight;
+			const fonts = this.instance.getFonts();
+			const font = fonts.find((f) => f.name === (props.labelFontFamily ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelFontFamily));
+			const currentBounds = this.editingTextBounds ?? textBounds;
+			const liveTL = group.getAbsoluteTransform().point({
+				x: currentBounds.x,
+				y: currentBounds.y + (font?.offsetY ?? 0)
+			});
+			this.textArea.style.left = `${liveTL.x * upscaleScale}px`;
+			if (contentHeightPx <= originalBoundsHeightPx) {
+				this.textArea.style.height = `${contentHeightPx}px`;
+				const verticalAlign = props.labelVerticalAlign ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelVerticalAlign;
+				const offsetY = this.computeVerticalOffset(verticalAlign, originalBoundsHeightPx, contentHeightPx);
+				this.textArea.style.top = `${liveTL.y * upscaleScale + offsetY}px`;
+			} else {
+				this.textArea.style.height = `${contentHeightPx}px`;
+				this.textArea.style.top = `${liveTL.y * upscaleScale}px`;
+			}
+			if (onLiveResize) this.runLiveResizeLoop(onLiveResize, contentHeightPx, effectiveScale, upscaleScale, paddingY);
+			if (this.textArea.style.visibility === "hidden") this.textArea.style.visibility = "";
+		};
+		const commit = (text) => {
+			window.removeEventListener("pointerup", handleOutsideClick);
+			this.exitEditMode();
+			const liveGroup = this.instance.getStage().findOne(`#${group.id()}`);
+			const labelNode = liveGroup?.findOne(`#${labelId(group.id())}`);
+			if (labelNode) labelNode.visible(text !== "");
+			onCommit(text);
+		};
+		this.textArea.addEventListener("keydown", (e) => {
+			e.stopPropagation();
+			if (e.code === "Escape") {
+				e.preventDefault();
+				commit(this.textArea?.value ?? "");
+				return;
+			}
+			resizeTextarea();
+		}, { signal: this.instance.getEventsController().signal });
+		this.textArea.addEventListener("keyup", () => resizeTextarea(), { signal: this.instance.getEventsController().signal });
+		this.textArea.addEventListener("input", () => resizeTextarea(), { signal: this.instance.getEventsController().signal });
+		this.textArea.addEventListener("scroll", () => {
+			if (this.textArea) {
+				this.textArea.scrollTop = 0;
+				this.textArea.scrollLeft = 0;
+			}
+		}, { signal: this.instance.getEventsController().signal });
+		const handleOutsideClick = (e) => {
+			e.stopPropagation();
+			if (!this.textArea) return;
+			const mouseX = e.clientX;
+			const mouseY = e.clientY;
+			let elementUnderMouse = document.elementFromPoint(mouseX, mouseY);
+			if (isInShadowDOM(stage.container())) {
+				const shadowHost = getTopmostShadowHost(stage.container());
+				if (shadowHost) elementUnderMouse = shadowHost.elementFromPoint(mouseX, mouseY);
+			}
+			const clickedOutside = elementUnderMouse?.id !== `${group.id()}_label_textarea`;
+			if (clickedOutside) commit(this.textArea.value);
+		};
+		setTimeout(() => {
+			window.addEventListener("pointerup", handleOutsideClick, { signal: this.instance.getEventsController().signal });
+		}, 0);
+		this.textArea.tabIndex = 1;
+		requestAnimationFrame(() => {
+			resizeTextarea();
+			this.textArea?.focus({ preventScroll: true });
+			if (this.textArea?.value) this.textArea.select();
+		});
+	}
+};
+
+//#endregion
+//#region src/nodes/shared/shape-label.utils.ts
+/**
+* Returns a partial props object containing only the label-related fields that
+* are explicitly set on `props`. Spread this into the `props` section of
+* `addNodeState` / `updateNodeState` to avoid duplicating the 12-field pattern
+* across every shape node that supports inline text labels.
+*/
+function spreadLabelProps(props) {
+	return {
+		...props.labelText !== void 0 && { labelText: props.labelText },
+		...props.labelFontFamily !== void 0 && { labelFontFamily: props.labelFontFamily },
+		...props.labelFontSize !== void 0 && { labelFontSize: props.labelFontSize },
+		...props.labelFontStyle !== void 0 && { labelFontStyle: props.labelFontStyle },
+		...props.labelFontVariant !== void 0 && { labelFontVariant: props.labelFontVariant },
+		...props.labelFill !== void 0 && { labelFill: props.labelFill },
+		...props.labelAlign !== void 0 && { labelAlign: props.labelAlign },
+		...props.labelVerticalAlign !== void 0 && { labelVerticalAlign: props.labelVerticalAlign },
+		...props.labelLetterSpacing !== void 0 && { labelLetterSpacing: props.labelLetterSpacing },
+		...props.labelLineHeight !== void 0 && { labelLineHeight: props.labelLineHeight },
+		...props.labelPaddingX !== void 0 && { labelPaddingX: props.labelPaddingX },
+		...props.labelPaddingY !== void 0 && { labelPaddingY: props.labelPaddingY }
+	};
+}
+/**
+* Returns the shared Zod schema fields for inline text label properties.
+* Spread the result of this function into a shape node's `props` schema
+* extension to avoid duplicating the 10-field label schema across rectangle,
+* ellipse, and any future shape that supports text labels.
+*/
+function getShapeLabelSchemaFields() {
+	return {
+		labelText: z.string().optional().describe("Text label displayed inside the shape"),
+		labelFontFamily: z.string().optional().describe("Font family for the label text"),
+		labelFontSize: z.number().optional().describe("Font size for the label text in pixels"),
+		labelFontStyle: z.string().optional().describe("Font style for the label text (e.g. \"normal\", \"bold\", \"italic\", \"bold italic\")"),
+		labelFontVariant: z.string().optional().describe("Font variant for the label text (e.g. \"normal\", \"small-caps\")"),
+		labelFill: z.string().optional().describe("Color of the label text in hex format (e.g. #RRGGBBAA)"),
+		labelAlign: z.string().optional().describe("Horizontal alignment of the label text (\"left\", \"center\", \"right\")"),
+		labelVerticalAlign: z.string().optional().describe("Vertical alignment of the label text (\"top\", \"middle\", \"bottom\")"),
+		labelLetterSpacing: z.number().optional().describe("Letter spacing for the label text in pixels"),
+		labelLineHeight: z.number().optional().describe("Line height multiplier for the label text"),
+		labelPaddingX: z.number().optional().describe("Horizontal inset (padding) in pixels applied on each side of the label"),
+		labelPaddingY: z.number().optional().describe("Vertical inset (padding) in pixels applied on top and bottom of the label")
+	};
+}
+/**
+* Extracts the label node and typography settings from a Konva group.
+* Returns `null` when the group has no label text or no label Konva.Text child.
+* Used internally by `computeRectangleLabelMinSize`, `computeEllipseLabelMinSize`,
+* and `computePolygonLabelMinSize` to avoid duplicating the setup logic.
+*/
+function extractLabelNodeContext(group, skipTransformInClientRect = true) {
+	const attrs = group.getAttrs();
+	const labelText = attrs.labelText ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelText;
+	if (!labelText) return null;
+	const labelNode = group.findOne(`#${labelId(group.id())}`);
+	if (!labelNode) return null;
+	const paddingX = attrs.labelPaddingX ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelPaddingX;
+	const paddingY = attrs.labelPaddingY ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelPaddingY;
+	const fontSize = attrs.labelFontSize ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelFontSize;
+	const cloneLabel = labelNode.clone({ visible: false });
+	cloneLabel.height(void 0);
+	const naturalSize = cloneLabel.getClientRect({
+		skipTransform: skipTransformInClientRect,
+		skipShadow: true
+	});
+	return {
+		paddingX,
+		paddingY,
+		fontSize,
+		labelNode,
+		naturalSize
+	};
+}
+/**
+* Returns the minimum bounding size `{ width, height }` (in Konva canvas
+* units) that the rectangle must have so its label text is fully visible —
+* no vertical truncation and no horizontal clipping of the widest word.
+*
+* Returns `{ width: 0, height: 0 }` when the label is empty.
+*
+* @param group - The rectangle `Konva.Group` returned by `onRender`.
+*/
+function computeRectangleLabelMinSize(stage, group) {
+	const ctx = extractLabelNodeContext(group);
+	if (!ctx) return {
+		width: 0,
+		height: 0
+	};
+	const { paddingX, paddingY, fontSize, naturalSize } = ctx;
+	return {
+		width: (paddingX * 2 + fontSize) * stage.scaleX(),
+		height: (naturalSize.height + paddingY * 2) * stage.scaleX()
+	};
+}
+/**
+* Returns the minimum bounding box size `{ minWidth, minHeight }` (in Konva
+* canvas units, i.e. `radiusX * 2` × `radiusY * 2`) that the ellipse must have
+* so its inscribed label text is fully visible.
+*
+* The ellipse label sits inside the largest axis-aligned rectangle inscribed in
+* the ellipse: `inscribedW = radiusX * √2`, `inscribedH = radiusY * √2`. The
+* minimum radiusY is back-computed from the text's natural height:
+*   `minRadiusY = ceil(naturalTextH / √2)`
+*
+* Returns `{ minWidth: 0, minHeight: 0 }` when the label is empty.
+*
+* @param group - The ellipse `Konva.Group` returned by `onRender`.
+*/
+function computeEllipseLabelMinSize(stage, group) {
+	const ctx = extractLabelNodeContext(group);
+	if (!ctx) return {
+		width: 0,
+		height: 0
+	};
+	const { paddingX, paddingY, fontSize, naturalSize } = ctx;
+	const minRadiusY = Math.ceil((naturalSize.height + paddingY * 2) / Math.SQRT2);
+	const minRadiusX = Math.ceil((fontSize + paddingX * 2) / Math.SQRT2);
+	return {
+		width: minRadiusX * 2 * stage.scaleX(),
+		height: minRadiusY * 2 * stage.scaleY()
+	};
+}
+/**
+* Returns the minimum bounding-box size `{ width, height }` (in Konva canvas
+* units) that the polygon node must have so its label text is fully visible.
+*
+* The polygon label sits inside the stored `innerRect` attribute. The minimum
+* size is back-computed from the label text's natural wrapped height and the
+* current ratio of `innerRect` to the overall bounding box.
+*
+* Returns `{ width: 0, height: 0 }` when the label is empty.
+*
+* @param group - The polygon `Konva.Group` returned by `onRender`.
+*/
+function computePolygonLabelMinSize(stage, group) {
+	const ctx = extractLabelNodeContext(group);
+	if (!ctx) return {
+		width: 0,
+		height: 0
+	};
+	const { paddingX, paddingY, fontSize, naturalSize } = ctx;
+	const attrs = group.getAttrs();
+	const innerRect = attrs.innerRect;
+	if (!innerRect) return {
+		width: 0,
+		height: 0
+	};
+	return {
+		width: (paddingX * 2 + fontSize) * stage.scaleX(),
+		height: (naturalSize.height + paddingY * 2) * stage.scaleX()
+	};
+}
+
 //#endregion
 //#region src/nodes/rectangle/rectangle.ts
 var WeaveRectangleNode = class extends WeaveNode {
 	nodeType = WEAVE_RECTANGLE_NODE_TYPE;
 	initialize = void 0;
+	_transforming = false;
+	get shapeLabelEditor() {
+		return this._shapeLabelEditor ??= new WeaveShapeLabelEditor(this.instance);
+	}
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
@@ -11930,13 +12720,15 @@ var WeaveRectangleNode = class extends WeaveNode {
 	onRender(props) {
 		const rectangle = new Konva.Group({
 			...props,
+			id: `${props.id}`,
 			name: "node"
 		});
 		const internalRectBg = new Konva.Rect({
 			...props,
 			name: void 0,
-			id: `${props.id}-bg`,
+			nodeType: void 0,
 			nodeId: props.id,
+			id: `${props.id}-bg`,
 			x: 0,
 			y: 0,
 			width: props.width,
@@ -11951,6 +12743,7 @@ var WeaveRectangleNode = class extends WeaveNode {
 		const internalRectBorder = new Konva.Rect({
 			...props,
 			name: void 0,
+			nodeType: void 0,
 			id: `${props.id}-border`,
 			x: props.strokeWidth / 2,
 			y: props.strokeWidth / 2,
@@ -11960,9 +12753,19 @@ var WeaveRectangleNode = class extends WeaveNode {
 			strokeWidth: props.strokeWidth || 0,
 			strokeScaleEnabled: true,
 			rotation: 0,
-			listening: false
+			listening: false,
+			draggable: false
 		});
 		rectangle.add(internalRectBorder);
+		const paddingX = props.labelPaddingX ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelPaddingX;
+		const paddingY = props.labelPaddingY ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelPaddingY;
+		const labelTextBounds = {
+			x: paddingX,
+			y: paddingY,
+			width: Math.max(1, props.width - paddingX * 2),
+			height: Math.max(1, props.height - paddingY * 2)
+		};
+		this.shapeLabelEditor.renderLabel(rectangle, props, labelTextBounds);
 		internalRectBorder.moveToTop();
 		internalRectBg.moveToBottom();
 		this.setupDefaultNodeAugmentation(rectangle);
@@ -11971,6 +12774,51 @@ var WeaveRectangleNode = class extends WeaveNode {
 			return defaultTransformerProperties;
 		};
 		this.setupDefaultNodeEvents(rectangle);
+		rectangle.on("transformstart", () => {
+			this._transforming = true;
+		});
+		rectangle.on("transform", () => {
+			this.scaleReset(rectangle);
+			this.onUpdate(rectangle, rectangle.getAttrs());
+		});
+		rectangle.on("transformend", () => {
+			this._transforming = false;
+		});
+		rectangle.dblClick = () => {
+			if (this.shapeLabelEditor.isEditing()) return;
+			if (!(this.isSelecting() && this.isNodeSelected(rectangle))) return;
+			const onCommit = (labelText) => {
+				const updatedGroup = this.instance.getStage().findOne(`#${props.id}`);
+				if (!updatedGroup) return;
+				const serialized = this.serialize(updatedGroup);
+				serialized.props.labelText = labelText;
+				this.instance.updateNode(serialized);
+			};
+			const currentAttrs = rectangle.getAttrs();
+			const curPaddingX = currentAttrs.labelPaddingX ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelPaddingX;
+			const curPaddingY = currentAttrs.labelPaddingY ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelPaddingY;
+			const currentLabelTextBounds = {
+				x: curPaddingX,
+				y: curPaddingY,
+				width: Math.max(1, (currentAttrs.width ?? 0) - curPaddingX * 2),
+				height: Math.max(1, (currentAttrs.height ?? 0) - curPaddingY * 2)
+			};
+			const originalHeight = currentAttrs.height ?? 0;
+			this.shapeLabelEditor.triggerEditMode(rectangle, currentLabelTextBounds, onCommit, (neededShapeHeight) => {
+				const finalHeight = Math.max(neededShapeHeight, originalHeight);
+				const liveAttrs = rectangle.getAttrs();
+				const strokeW = liveAttrs.strokeWidth || 0;
+				const bg = rectangle.findOne(`#${liveAttrs.id}-bg`);
+				const border = rectangle.findOne(`#${liveAttrs.id}-border`);
+				rectangle.setAttrs({ height: finalHeight });
+				bg?.setAttrs({ height: finalHeight });
+				border?.setAttrs({ height: Math.max(0, finalHeight - strokeW) });
+				rectangle.getLayer()?.batchDraw();
+			});
+		};
+		rectangle.getNodeMinSize = () => {
+			return computeRectangleLabelMinSize(this.instance.getStage(), rectangle);
+		};
 		return rectangle;
 	}
 	onUpdate(nodeInstance, nextProps) {
@@ -12000,6 +12848,7 @@ var WeaveRectangleNode = class extends WeaveNode {
 			internalRectBorder.setAttrs({
 				...nextProps,
 				name: void 0,
+				fill: "transparent",
 				id: `${nextProps.id}-border`,
 				x: nextProps.strokeWidth / 2,
 				y: nextProps.strokeWidth / 2,
@@ -12013,6 +12862,26 @@ var WeaveRectangleNode = class extends WeaveNode {
 			});
 			internalRectBorder.moveToTop();
 		}
+		const paddingX = nextProps.labelPaddingX ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelPaddingX;
+		const paddingY = nextProps.labelPaddingY ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelPaddingY;
+		const labelTextBounds = {
+			x: paddingX,
+			y: paddingY,
+			width: Math.max(1, nextProps.width - paddingX * 2),
+			height: Math.max(1, nextProps.height - paddingY * 2)
+		};
+		this.shapeLabelEditor.updateLabel(rectangle, nextProps, labelTextBounds, (neededShapeHeight) => {
+			nodeInstance.setAttrs({ height: neededShapeHeight });
+			internalRectBg?.setAttrs({ height: neededShapeHeight });
+			internalRectBorder?.setAttrs({ height: neededShapeHeight - nextProps.strokeWidth });
+			if (!this._transforming) this.instance.updateNode(this.serialize(nodeInstance));
+		});
+		const labelNode = rectangle.findOne(`#${labelId(nextProps.id ?? "")}`);
+		if (labelNode) {
+			labelNode.moveToTop();
+			internalRectBg?.moveToBottom();
+			internalRectBorder?.moveToTop();
+		}
 		const nodesSelectionPlugin = this.instance.getPlugin("nodesSelection");
 		if (nodesSelectionPlugin) nodesSelectionPlugin.getTransformer().forceUpdate();
 	}
@@ -12033,7 +12902,8 @@ var WeaveRectangleNode = class extends WeaveNode {
 				strokeScaleEnabled: true,
 				rotation: 0,
 				zIndex: 1,
-				children: []
+				children: [],
+				...WEAVE_SHAPE_LABEL_DEFAULTS
 			}
 		};
 	}
@@ -12046,7 +12916,8 @@ var WeaveRectangleNode = class extends WeaveNode {
 			rotation: props.rotation,
 			fill: props.fill,
 			...props.stroke && { stroke: props.stroke },
-			...props.strokeWidth && { strokeWidth: props.strokeWidth }
+			...props.strokeWidth && { strokeWidth: props.strokeWidth },
+			...spreadLabelProps(props)
 		} });
 	}
 	static updateNodeState(prevNodeState, nextProps) {
@@ -12058,7 +12929,8 @@ var WeaveRectangleNode = class extends WeaveNode {
 			rotation: nextProps.rotation,
 			fill: nextProps.fill,
 			...nextProps.stroke && { stroke: nextProps.stroke },
-			...nextProps.strokeWidth && { strokeWidth: nextProps.strokeWidth }
+			...nextProps.strokeWidth && { strokeWidth: nextProps.strokeWidth },
+			...spreadLabelProps(nextProps)
 		} });
 	}
 	static getSchema() {
@@ -12072,7 +12944,8 @@ var WeaveRectangleNode = class extends WeaveNode {
 				fill: z.string().describe("Fill color of the rectangle in hex format with alpha channel (e.g. #RRGGBBAA)"),
 				stroke: z.string().describe("Stroke color of the rectangle in hex format with alpha channel (e.g. #RRGGBBAA)"),
 				strokeWidth: z.number().describe("Stroke width of the rectangle in pixels"),
-				strokeScaleEnabled: z.boolean().describe("Whether the rectangle stroke width should scale when the node is scaled. Defaults to true.")
+				strokeScaleEnabled: z.boolean().describe("Whether the rectangle stroke width should scale when the node is scaled. Defaults to true."),
+				...getShapeLabelSchemaFields()
 			})
 		});
 		return nodeSchema;
@@ -12088,11 +12961,25 @@ const WEAVE_ELLIPSE_NODE_TYPE = "ellipse";
 var WeaveEllipseNode = class extends WeaveNode {
 	nodeType = WEAVE_ELLIPSE_NODE_TYPE;
 	initialize = void 0;
+	_transforming = false;
+	get shapeLabelEditor() {
+		return this._shapeLabelEditor ??= new WeaveShapeLabelEditor(this.instance);
+	}
 	constructor(params) {
 		super();
 		const { config } = params ?? {};
 		this.config = { transform: { ...config?.transform } };
 	}
+	getLabelTextBounds(radiusX, radiusY, paddingX, paddingY) {
+		const inscribedW = radiusX * Math.SQRT2;
+		const inscribedH = radiusY * Math.SQRT2;
+		return {
+			x: radiusX - inscribedW / 2 + paddingX,
+			y: radiusY - inscribedH / 2 + paddingY,
+			width: Math.max(1, inscribedW - paddingX * 2),
+			height: Math.max(1, inscribedH - paddingY * 2)
+		};
+	}
 	onRender(props) {
 		const ellipse = new Konva.Group({
 			...props,
@@ -12130,6 +13017,10 @@ var WeaveEllipseNode = class extends WeaveNode {
 			listening: false
 		});
 		ellipse.add(internalEllipseBorder);
+		const paddingX = props.labelPaddingX ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelPaddingX;
+		const paddingY = props.labelPaddingY ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelPaddingY;
+		const labelTextBounds = this.getLabelTextBounds(Math.max(1, baseRadiusX), Math.max(1, baseRadiusY), paddingX, paddingY);
+		this.shapeLabelEditor.renderLabel(ellipse, props, labelTextBounds);
 		internalEllipseBorder.moveToTop();
 		internalEllipseBg.moveToBottom();
 		this.setupDefaultNodeAugmentation(ellipse);
@@ -12168,6 +13059,56 @@ var WeaveEllipseNode = class extends WeaveNode {
 			];
 		};
 		this.setupDefaultNodeEvents(ellipse);
+		ellipse.on("transformstart", () => {
+			this._transforming = true;
+		});
+		ellipse.on("transform", () => {
+			this.scaleReset(ellipse);
+			this.onUpdate(ellipse, ellipse.getAttrs());
+		});
+		ellipse.on("transformend", () => {
+			this._transforming = false;
+		});
+		ellipse.dblClick = () => {
+			if (this.shapeLabelEditor.isEditing()) return;
+			if (!(this.isSelecting() && this.isNodeSelected(ellipse))) return;
+			const onCommit = (labelText) => {
+				const updatedGroup = this.instance.getStage().findOne(`#${props.id}`);
+				if (!updatedGroup) return;
+				const serialized = this.serialize(updatedGroup);
+				serialized.props.labelText = labelText;
+				this.instance.updateNode(serialized);
+			};
+			const currentAttrs = ellipse.getAttrs();
+			const curPaddingX = currentAttrs.labelPaddingX ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelPaddingX;
+			const curPaddingY = currentAttrs.labelPaddingY ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelPaddingY;
+			const currentRadiusX = Math.max(1, currentAttrs.radiusX);
+			const currentRadiusY = Math.max(1, currentAttrs.radiusY);
+			const currentLabelTextBounds = this.getLabelTextBounds(currentRadiusX, currentRadiusY, curPaddingX, curPaddingY);
+			const originalRadiusY = currentRadiusY;
+			const originalNeededHeight = currentLabelTextBounds.height + curPaddingY * 2;
+			this.shapeLabelEditor.triggerEditMode(ellipse, currentLabelTextBounds, onCommit, (neededShapeHeight) => {
+				const newRadiusY = neededShapeHeight <= originalNeededHeight ? originalRadiusY : Math.ceil(neededShapeHeight / Math.SQRT2);
+				const liveAttrs = ellipse.getAttrs();
+				const strokeW = liveAttrs.strokeWidth || 0;
+				const bg = ellipse.findOne(`#${liveAttrs.id}-bg`);
+				const border = ellipse.findOne(`#${liveAttrs.id}-border`);
+				ellipse.setAttrs({ radiusY: newRadiusY });
+				bg?.setAttrs({
+					radiusY: Math.max(1, newRadiusY),
+					y: Math.max(1, newRadiusY)
+				});
+				border?.setAttrs({
+					radiusY: Math.max(1, newRadiusY) - strokeW / 2,
+					y: Math.max(1, newRadiusY)
+				});
+				const newLabelTextBounds = this.getLabelTextBounds(currentRadiusX, newRadiusY, curPaddingX, curPaddingY);
+				this.shapeLabelEditor.repositionTextArea(ellipse, newLabelTextBounds);
+			});
+		};
+		ellipse.getNodeMinSize = () => {
+			return computeEllipseLabelMinSize(this.instance.getStage(), ellipse);
+		};
 		return ellipse;
 	}
 	onUpdate(nodeInstance, nextProps) {
@@ -12205,12 +13146,34 @@ var WeaveEllipseNode = class extends WeaveNode {
 				radiusY: Math.max(1, baseRadiusY) - (nextProps.strokeWidth || 0) / 2,
 				stroke: nextProps.stroke || "transparent",
 				strokeWidth: nextProps.strokeWidth || 0,
+				fill: "transparent",
 				strokeScaleEnabled: true,
 				listening: false,
 				rotation: 0
 			});
 			internalEllipseBorder.moveToTop();
 		}
+		const paddingX = nextProps.labelPaddingX ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelPaddingX;
+		const paddingY = nextProps.labelPaddingY ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelPaddingY;
+		const labelTextBounds = this.getLabelTextBounds(Math.max(1, baseRadiusX), Math.max(1, baseRadiusY), paddingX, paddingY);
+		this.shapeLabelEditor.updateLabel(ellipse, nextProps, labelTextBounds, (neededHeight) => {
+			const newRadiusY = Math.ceil(neededHeight / Math.SQRT2);
+			nodeInstance.setAttrs({ radiusY: newRadiusY });
+			internalEllipseBg?.setAttrs({
+				radiusY: Math.max(1, newRadiusY),
+				y: Math.max(1, newRadiusY)
+			});
+			internalEllipseBorder?.setAttrs({
+				radiusY: Math.max(1, newRadiusY) - (nextProps.strokeWidth || 0) / 2,
+				y: Math.max(1, newRadiusY)
+			});
+			if (!this._transforming) this.instance.updateNode(this.serialize(nodeInstance));
+		});
+		const labelNode = ellipse.findOne(`#${labelId(nextProps.id)}`);
+		if (labelNode) {
+			labelNode.moveToTop();
+			internalEllipseBorder?.moveToTop();
+		}
 		const nodesSelectionPlugin = this.instance.getPlugin("nodesSelection");
 		if (nodesSelectionPlugin) nodesSelectionPlugin.getTransformer().forceUpdate();
 	}
@@ -12253,7 +13216,8 @@ var WeaveEllipseNode = class extends WeaveNode {
 				strokeScaleEnabled: true,
 				rotation: 0,
 				zIndex: 1,
-				children: []
+				children: [],
+				...WEAVE_SHAPE_LABEL_DEFAULTS
 			}
 		};
 	}
@@ -12266,7 +13230,8 @@ var WeaveEllipseNode = class extends WeaveNode {
 			rotation: props.rotation,
 			fill: props.fill,
 			...props.stroke && { stroke: props.stroke },
-			...props.strokeWidth && { strokeWidth: props.strokeWidth }
+			...props.strokeWidth && { strokeWidth: props.strokeWidth },
+			...spreadLabelProps(props)
 		} });
 	}
 	static updateNodeState(prevNodeState, nextProps) {
@@ -12278,7 +13243,8 @@ var WeaveEllipseNode = class extends WeaveNode {
 			rotation: nextProps.rotation,
 			fill: nextProps.fill,
 			...nextProps.stroke && { stroke: nextProps.stroke },
-			...nextProps.strokeWidth && { strokeWidth: nextProps.strokeWidth }
+			...nextProps.strokeWidth && { strokeWidth: nextProps.strokeWidth },
+			...spreadLabelProps(nextProps)
 		} });
 	}
 	static getSchema() {
@@ -12292,7 +13258,8 @@ var WeaveEllipseNode = class extends WeaveNode {
 				fill: z.string().describe("Fill color of the ellipse in hex format with alpha channel (e.g. #RRGGBBAA)"),
 				stroke: z.string().describe("Stroke color of the ellipse in hex format with alpha channel (e.g. #RRGGBBAA)"),
 				strokeWidth: z.number().describe("Stroke width of the ellipse in pixels"),
-				strokeScaleEnabled: z.boolean().describe("Whether the ellipse stroke width should scale when the node is scaled. Defaults to true.")
+				strokeScaleEnabled: z.boolean().describe("Whether the ellipse stroke width should scale when the node is scaled. Defaults to true."),
+				...getShapeLabelSchemaFields()
 			})
 		});
 		return nodeSchema;
@@ -15059,6 +16026,7 @@ var WeaveImageNode = class extends WeaveNode {
 			x: 1,
 			y: 1
 		});
+		this.updateImageCrop(node);
 	}
 	getIsAsync() {
 		return true;
@@ -15570,127 +16538,975 @@ var WeaveRegularPolygonNode = class extends WeaveNode {
 			rotation: 0,
 			listening: false
 		});
-		const internalRPBorderBox = internalRPBorder.getClientRect({ relativeTo: regularPolygon });
-		internalRPBorder.x(internalRPBorder.x() - internalRPBorderBox.x);
-		internalRPBorder.y(internalRPBorder.y() - internalRPBorderBox.y);
-		regularPolygon.add(internalRPBorder);
-		internalRPBorder.moveToTop();
-		internalRPBg.moveToBottom();
-		this.setupDefaultNodeAugmentation(regularPolygon);
+		const internalRPBorderBox = internalRPBorder.getClientRect({ relativeTo: regularPolygon });
+		internalRPBorder.x(internalRPBorder.x() - internalRPBorderBox.x);
+		internalRPBorder.y(internalRPBorder.y() - internalRPBorderBox.y);
+		regularPolygon.add(internalRPBorder);
+		internalRPBorder.moveToTop();
+		internalRPBg.moveToBottom();
+		this.setupDefaultNodeAugmentation(regularPolygon);
+		const defaultTransformerProperties = this.defaultGetTransformerProperties(this.config.transform);
+		regularPolygon.getTransformerProperties = function() {
+			return {
+				...defaultTransformerProperties,
+				enabledAnchors: [
+					"top-left",
+					"top-right",
+					"bottom-left",
+					"bottom-right"
+				],
+				keepRatio: true
+			};
+		};
+		regularPolygon.allowedAnchors = function() {
+			return [
+				"top-left",
+				"top-right",
+				"bottom-left",
+				"bottom-right"
+			];
+		};
+		this.setupDefaultNodeEvents(regularPolygon);
+		return regularPolygon;
+	}
+	onUpdate(nodeInstance, nextProps) {
+		nodeInstance.setAttrs({ ...nextProps });
+		const sides = nodeInstance.getAttr("sides");
+		const radius = nodeInstance.getAttr("radius");
+		const regularPolygon = nodeInstance;
+		const internalRPBg = regularPolygon.findOne(`#${nextProps.id}-bg`);
+		const internalRPBorder = regularPolygon.findOne(`#${nextProps.id}-border`);
+		if (internalRPBg) {
+			internalRPBg.setAttrs({
+				...nextProps,
+				name: void 0,
+				id: `${nextProps.id}-bg`,
+				nodeId: nextProps.id,
+				x: radius,
+				y: radius,
+				sides,
+				radius,
+				fill: nextProps.fill || "transparent",
+				strokeWidth: 0,
+				strokeScaleEnabled: true,
+				rotation: 0
+			});
+			const internalRPBgBox = internalRPBg.getClientRect({ relativeTo: regularPolygon });
+			internalRPBg.x(internalRPBg.x() - internalRPBgBox.x);
+			internalRPBg.y(internalRPBg.y() - internalRPBgBox.y);
+			internalRPBg.moveToBottom();
+		}
+		if (internalRPBorder) {
+			internalRPBorder.setAttrs({
+				...nextProps,
+				name: void 0,
+				id: `${nextProps.id}-border`,
+				x: radius,
+				y: radius,
+				sides,
+				radius: radius - (nextProps.strokeWidth || 0) / 2,
+				stroke: nextProps.stroke || "transparent",
+				strokeWidth: nextProps.strokeWidth || 0,
+				strokeScaleEnabled: true,
+				fill: "transparent",
+				listening: false,
+				rotation: 0
+			});
+			const internalRPBorderBox = internalRPBorder.getClientRect({ relativeTo: regularPolygon });
+			internalRPBorder.x(internalRPBorder.x() - internalRPBorderBox.x);
+			internalRPBorder.y(internalRPBorder.y() - internalRPBorderBox.y);
+			internalRPBorder.moveToTop();
+		}
+		const nodesSelectionPlugin = this.instance.getPlugin("nodesSelection");
+		if (nodesSelectionPlugin) {
+			const actualSelectedNodes = nodesSelectionPlugin.getSelectedNodes();
+			nodesSelectionPlugin.setSelectedNodes(actualSelectedNodes);
+			nodesSelectionPlugin.getTransformer().forceUpdate();
+		}
+	}
+	scaleReset(node) {
+		const absTransform = node.getAbsoluteTransform().copy();
+		const radius = node.getAttr("radius");
+		node.setAttrs({ radius: radius * node.scaleX() });
+		node.scaleX(1);
+		node.scaleY(1);
+		const newTransform = node.getAbsoluteTransform();
+		const dx = absTransform.m[4] - newTransform.m[4];
+		const dy = absTransform.m[5] - newTransform.m[5];
+		node.x(node.x() + dx);
+		node.y(node.y() + dy);
+	}
+	realOffset(element) {
+		return {
+			x: element.props.radius,
+			y: element.props.radius
+		};
+	}
+	static defaultState(nodeId) {
+		return {
+			...super.defaultState(nodeId),
+			type: WEAVE_REGULAR_POLYGON_NODE_TYPE,
+			props: {
+				...super.defaultState(nodeId).props,
+				nodeType: WEAVE_REGULAR_POLYGON_NODE_TYPE,
+				x: 0,
+				y: 0,
+				sides: 5,
+				radius: 100,
+				stroke: "#000000",
+				fill: "#FFFFFF",
+				strokeWidth: 1,
+				strokeScaleEnabled: true,
+				rotation: 0,
+				zIndex: 1,
+				children: []
+			}
+		};
+	}
+	static addNodeState(defaultNodeState, props) {
+		return mergeExceptArrays(defaultNodeState, { props: {
+			x: props.x,
+			y: props.y,
+			sides: props.sides,
+			radius: props.radius,
+			rotation: props.rotation,
+			fill: props.fill,
+			...props.stroke && { stroke: props.stroke },
+			...props.strokeWidth && { strokeWidth: props.strokeWidth }
+		} });
+	}
+	static updateNodeState(prevNodeState, nextProps) {
+		return mergeExceptArrays(prevNodeState, { props: {
+			x: nextProps.x,
+			y: nextProps.y,
+			sides: nextProps.sides,
+			radius: nextProps.radius,
+			rotation: nextProps.rotation,
+			fill: nextProps.fill,
+			...nextProps.stroke && { stroke: nextProps.stroke },
+			...nextProps.strokeWidth && { strokeWidth: nextProps.strokeWidth }
+		} });
+	}
+	static getSchema() {
+		const baseSchema = super.getSchema();
+		const nodeSchema = baseSchema.extend({
+			type: z.literal(WEAVE_REGULAR_POLYGON_NODE_TYPE).describe(`Type of the node, for a regular polygon node it will always be "${WEAVE_REGULAR_POLYGON_NODE_TYPE}"`),
+			props: baseSchema.shape.props.extend({
+				nodeType: z.literal(WEAVE_REGULAR_POLYGON_NODE_TYPE).describe(`Type of the node, for a regular polygon node it will always be "${WEAVE_REGULAR_POLYGON_NODE_TYPE}"`),
+				sides: z.number().describe("Number of sides of the regular polygon, must be 3 or more"),
+				radius: z.number().describe("Radius of the regular polygon in pixels, distance from the center to any vertex"),
+				fill: z.string().describe("Fill color of the regular polygon in hex format with alpha channel (e.g. #RRGGBBAA)"),
+				stroke: z.string().describe("Stroke color of the regular polygon in hex format with alpha channel (e.g. #RRGGBBAA)"),
+				strokeWidth: z.number().describe("Stroke width of the regular polygon in pixels"),
+				strokeScaleEnabled: z.boolean().describe("Whether the regular polygon stroke width should scale when the node is scaled. Defaults to true.")
+			})
+		});
+		return nodeSchema;
+	}
+};
+
+//#endregion
+//#region src/nodes/polygon/constants.ts
+const WEAVE_POLYGON_NODE_TYPE = "polygon";
+
+//#endregion
+//#region src/nodes/polygon/presets.ts
+const WEAVE_POLYGON_PRESETS = {
+	triangle: {
+		label: "Triangle",
+		sides: 3,
+		defaultWidth: 100,
+		defaultHeight: 100,
+		normalizedPoints: [
+			{
+				x: .5,
+				y: 0
+			},
+			{
+				x: .933013,
+				y: .75
+			},
+			{
+				x: .066987,
+				y: .75
+			}
+		],
+		normalizedInnerRect: {
+			tl: {
+				x: .283494,
+				y: .375
+			},
+			tr: {
+				x: .716506,
+				y: .375
+			},
+			bl: {
+				x: .283494,
+				y: .75
+			},
+			br: {
+				x: .716506,
+				y: .75
+			}
+		}
+	},
+	diamond: {
+		label: "Diamond",
+		sides: 4,
+		defaultWidth: 100,
+		defaultHeight: 100,
+		normalizedPoints: [
+			{
+				x: .5,
+				y: 0
+			},
+			{
+				x: 1,
+				y: .5
+			},
+			{
+				x: .5,
+				y: 1
+			},
+			{
+				x: 0,
+				y: .5
+			}
+		],
+		normalizedInnerRect: {
+			tl: {
+				x: .25,
+				y: .25
+			},
+			tr: {
+				x: .75,
+				y: .25
+			},
+			bl: {
+				x: .25,
+				y: .75
+			},
+			br: {
+				x: .75,
+				y: .75
+			}
+		}
+	},
+	pentagon: {
+		label: "Pentagon",
+		sides: 5,
+		defaultWidth: 100,
+		defaultHeight: 100,
+		normalizedPoints: [
+			{
+				x: .5,
+				y: 0
+			},
+			{
+				x: .975528,
+				y: .345492
+			},
+			{
+				x: .793893,
+				y: .904508
+			},
+			{
+				x: .206107,
+				y: .904508
+			},
+			{
+				x: .024472,
+				y: .345492
+			}
+		],
+		normalizedInnerRect: {
+			tl: {
+				x: .132634,
+				y: .316578
+			},
+			tr: {
+				x: .867366,
+				y: .316578
+			},
+			bl: {
+				x: .132634,
+				y: .678381
+			},
+			br: {
+				x: .867366,
+				y: .678381
+			}
+		}
+	},
+	hexagon: {
+		label: "Hexagon",
+		sides: 6,
+		defaultWidth: 100,
+		defaultHeight: 100,
+		normalizedPoints: [
+			{
+				x: .5,
+				y: 0
+			},
+			{
+				x: .933013,
+				y: .25
+			},
+			{
+				x: .933013,
+				y: .75
+			},
+			{
+				x: .5,
+				y: 1
+			},
+			{
+				x: .066987,
+				y: .75
+			},
+			{
+				x: .066987,
+				y: .25
+			}
+		],
+		normalizedInnerRect: {
+			tl: {
+				x: .066987,
+				y: .25
+			},
+			tr: {
+				x: .933013,
+				y: .25
+			},
+			bl: {
+				x: .066987,
+				y: .75
+			},
+			br: {
+				x: .933013,
+				y: .75
+			}
+		}
+	},
+	octagon: {
+		label: "Octagon",
+		sides: 8,
+		defaultWidth: 100,
+		defaultHeight: 100,
+		normalizedPoints: [
+			{
+				x: .5,
+				y: 0
+			},
+			{
+				x: .853553,
+				y: .146447
+			},
+			{
+				x: 1,
+				y: .5
+			},
+			{
+				x: .853553,
+				y: .853553
+			},
+			{
+				x: .5,
+				y: 1
+			},
+			{
+				x: .146447,
+				y: .853553
+			},
+			{
+				x: 0,
+				y: .5
+			},
+			{
+				x: .146447,
+				y: .146447
+			}
+		],
+		normalizedInnerRect: {
+			tl: {
+				x: .25,
+				y: .25
+			},
+			tr: {
+				x: .75,
+				y: .25
+			},
+			bl: {
+				x: .25,
+				y: .75
+			},
+			br: {
+				x: .75,
+				y: .75
+			}
+		}
+	},
+	decagon: {
+		label: "Decagon",
+		sides: 10,
+		defaultWidth: 100,
+		defaultHeight: 100,
+		normalizedPoints: [
+			{
+				x: .5,
+				y: 0
+			},
+			{
+				x: .793893,
+				y: .095492
+			},
+			{
+				x: .975528,
+				y: .345492
+			},
+			{
+				x: .975528,
+				y: .654508
+			},
+			{
+				x: .793893,
+				y: .904508
+			},
+			{
+				x: .5,
+				y: 1
+			},
+			{
+				x: .206107,
+				y: .904508
+			},
+			{
+				x: .024472,
+				y: .654508
+			},
+			{
+				x: .024472,
+				y: .345492
+			},
+			{
+				x: .206107,
+				y: .095492
+			}
+		],
+		normalizedInnerRect: {
+			tl: {
+				x: .093851,
+				y: .35
+			},
+			tr: {
+				x: .906149,
+				y: .35
+			},
+			bl: {
+				x: .093851,
+				y: .75
+			},
+			br: {
+				x: .906149,
+				y: .75
+			}
+		}
+	}
+};
+/**
+* Scales a preset's normalized points and inner rect to actual pixel dimensions.
+*
+* Points are normalized so that minX = 0 and minY = 0 in the resulting pixel
+* space. This ensures the polygon group's position corresponds exactly to the
+* visual top-left of the polygon, which is required for the snapping system to
+* work correctly (it assumes nodeBox.x === node.x()).
+*/
+function instantiatePreset(def, width, height) {
+	const rawPoints = def.normalizedPoints.map((p) => ({
+		x: p.x * width,
+		y: p.y * height
+	}));
+	const minX = Math.min(...rawPoints.map((p) => p.x));
+	const minY = Math.min(...rawPoints.map((p) => p.y));
+	const points = rawPoints.map((p) => ({
+		x: p.x - minX,
+		y: p.y - minY
+	}));
+	const ir = def.normalizedInnerRect;
+	const innerRect = {
+		tl: {
+			x: ir.tl.x * width - minX,
+			y: ir.tl.y * height - minY
+		},
+		tr: {
+			x: ir.tr.x * width - minX,
+			y: ir.tr.y * height - minY
+		},
+		bl: {
+			x: ir.bl.x * width - minX,
+			y: ir.bl.y * height - minY
+		},
+		br: {
+			x: ir.br.x * width - minX,
+			y: ir.br.y * height - minY
+		}
+	};
+	const visualWidth = Math.max(...points.map((p) => p.x));
+	const visualHeight = Math.max(...points.map((p) => p.y));
+	return {
+		points,
+		innerRect,
+		width: visualWidth,
+		height: visualHeight
+	};
+}
+
+//#endregion
+//#region src/nodes/polygon/polygon.ts
+function computePolygonBounds(points) {
+	if (!points.length) return {
+		width: 0,
+		height: 0
+	};
+	const maxX = Math.max(...points.map((p) => p.x));
+	const maxY = Math.max(...points.map((p) => p.y));
+	return {
+		width: Math.max(1, maxX),
+		height: Math.max(1, maxY)
+	};
+}
+function polygonSelfRect() {
+	const pts = this.getAttr("points");
+	if (!pts?.length) return {
+		x: 0,
+		y: 0,
+		width: 0,
+		height: 0
+	};
+	const minX = Math.min(...pts.map((p) => p.x));
+	const minY = Math.min(...pts.map((p) => p.y));
+	const maxX = Math.max(...pts.map((p) => p.x));
+	const maxY = Math.max(...pts.map((p) => p.y));
+	return {
+		x: minX,
+		y: minY,
+		width: maxX - minX,
+		height: maxY - minY
+	};
+}
+function getPolygonLabelTextBounds(innerRect, paddingX, paddingY) {
+	return {
+		x: innerRect.tl.x + paddingX,
+		y: innerRect.tl.y + paddingY,
+		width: Math.max(1, innerRect.tr.x - innerRect.tl.x - paddingX * 2),
+		height: Math.max(1, innerRect.bl.y - innerRect.tl.y - paddingY * 2)
+	};
+}
+function sceneFunc(context, shape) {
+	const pts = shape.getAttr("points");
+	if (!pts || pts.length < 3) return;
+	context.beginPath();
+	context.moveTo(pts[0].x, pts[0].y);
+	for (let i = 1; i < pts.length; i++) context.lineTo(pts[i].x, pts[i].y);
+	context.closePath();
+	context.fillStrokeShape(shape);
+}
+/**
+* Draws an "inside" stroke for the border shape.
+* Clips to the polygon interior then draws 2× the stroke width so the outer
+* half is clipped away — resulting in a stroke of correct visual width that
+* stays entirely inside the polygon boundary.
+* strokeWidth is intentionally 0 on the shape (so getClientRect doesn't
+* expand the bounding box); the real width is stored in `innerStrokeWidth`.
+*/
+function borderSceneFunc(context, shape) {
+	const pts = shape.getAttr("points");
+	if (!pts || pts.length < 3) return;
+	const sw = shape.getAttr("innerStrokeWidth");
+	if (!sw) return;
+	const stroke = shape.stroke();
+	if (!stroke || stroke === "transparent") return;
+	const ctx = context._context;
+	const drawPath = () => {
+		ctx.beginPath();
+		ctx.moveTo(pts[0].x, pts[0].y);
+		for (let i = 1; i < pts.length; i++) ctx.lineTo(pts[i].x, pts[i].y);
+		ctx.closePath();
+	};
+	ctx.save();
+	drawPath();
+	ctx.clip();
+	drawPath();
+	ctx.lineWidth = sw * 2;
+	ctx.strokeStyle = stroke;
+	ctx.stroke();
+	ctx.restore();
+}
+var WeavePolygonNode = class extends WeaveNode {
+	nodeType = WEAVE_POLYGON_NODE_TYPE;
+	initialize = void 0;
+	_transforming = false;
+	get shapeLabelEditor() {
+		this._shapeLabelEditor ??= new WeaveShapeLabelEditor(this.instance);
+		return this._shapeLabelEditor;
+	}
+	constructor(params) {
+		super();
+		const { config } = params ?? {};
+		this.config = { transform: { ...config?.transform } };
+	}
+	getLabelTextBounds(group) {
+		const attrs = group.getAttrs();
+		const innerRect = attrs.innerRect;
+		const paddingX = attrs.labelPaddingX ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelPaddingX;
+		const paddingY = attrs.labelPaddingY ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelPaddingY;
+		if (!innerRect) return {
+			x: 0,
+			y: 0,
+			width: 1,
+			height: 1
+		};
+		return getPolygonLabelTextBounds(innerRect, paddingX, paddingY);
+	}
+	scalePolygonByDimensions(polygon, nextProps, nodeInstance) {
+		let points = polygon.getAttr("points");
+		const propsMaxX = points.length ? Math.max(...points.map((p) => p.x)) : 0;
+		const propsMaxY = points.length ? Math.max(...points.map((p) => p.y)) : 0;
+		const wantWidth = nextProps.width;
+		const wantHeight = nextProps.height;
+		if (wantWidth === void 0 || wantHeight === void 0) return points;
+		const sX = propsMaxX > 0 ? wantWidth / propsMaxX : 1;
+		const sY = propsMaxY > 0 ? wantHeight / propsMaxY : 1;
+		if (Math.abs(sX - 1) <= .001 && Math.abs(sY - 1) <= .001) return points;
+		const scaledPoints = points.map((p) => ({
+			x: p.x * sX,
+			y: p.y * sY
+		}));
+		const prevInnerRect = polygon.getAttr("innerRect");
+		if (prevInnerRect) {
+			const scaledInnerRect = {
+				tl: {
+					x: prevInnerRect.tl.x * sX,
+					y: prevInnerRect.tl.y * sY
+				},
+				tr: {
+					x: prevInnerRect.tr.x * sX,
+					y: prevInnerRect.tr.y * sY
+				},
+				bl: {
+					x: prevInnerRect.bl.x * sX,
+					y: prevInnerRect.bl.y * sY
+				},
+				br: {
+					x: prevInnerRect.br.x * sX,
+					y: prevInnerRect.br.y * sY
+				}
+			};
+			polygon.setAttr("innerRect", scaledInnerRect);
+		}
+		polygon.setAttr("points", scaledPoints);
+		points = scaledPoints;
+		if (!this._transforming) this.instance.updateNode(this.serialize(nodeInstance));
+		return points;
+	}
+	onLabelGrow(polygon, bgShape, borderShape, nodeInstance, neededHeight) {
+		const livePoints = polygon.getAttr("points");
+		const liveInnerRect = polygon.getAttr("innerRect");
+		if (!liveInnerRect) return;
+		const currentBoundsHeight = liveInnerRect.bl.y - liveInnerRect.tl.y;
+		if (neededHeight <= currentBoundsHeight) return;
+		const oldHeight = Math.max(...livePoints.map((p) => p.y));
+		const scale = currentBoundsHeight > 0 ? neededHeight / currentBoundsHeight : 1;
+		const newHeight = oldHeight * scale;
+		const newPoints = livePoints.map((p) => ({
+			...p,
+			y: p.y * scale
+		}));
+		const newInnerRect = {
+			tl: {
+				...liveInnerRect.tl,
+				y: liveInnerRect.tl.y * scale
+			},
+			tr: {
+				...liveInnerRect.tr,
+				y: liveInnerRect.tr.y * scale
+			},
+			bl: {
+				...liveInnerRect.bl,
+				y: liveInnerRect.bl.y * scale
+			},
+			br: {
+				...liveInnerRect.br,
+				y: liveInnerRect.br.y * scale
+			}
+		};
+		polygon.setAttr("points", newPoints);
+		polygon.setAttr("innerRect", newInnerRect);
+		polygon.setAttr("height", newHeight);
+		bgShape?.setAttr("points", newPoints);
+		borderShape?.setAttr("points", newPoints);
+		if (!this._transforming) this.instance.updateNode(this.serialize(nodeInstance));
+	}
+	triggerPolygonLabelEdit(polygon, props) {
+		const onCommit = (labelText) => {
+			const updatedGroup = this.instance.getStage().findOne(`#${props.id}`);
+			if (!updatedGroup) return;
+			const serialized = this.serialize(updatedGroup);
+			serialized.props.labelText = labelText;
+			this.instance.updateNode(serialized);
+		};
+		const currentLabelTextBounds = this.getLabelTextBounds(polygon);
+		this.shapeLabelEditor.triggerEditMode(polygon, currentLabelTextBounds, onCommit, (neededShapeHeight) => {
+			const liveAttrs = polygon.getAttrs();
+			const livePoints = liveAttrs.points;
+			const liveInnerRect = liveAttrs.innerRect;
+			const liveInnerRectHeight = liveInnerRect.bl.y - liveInnerRect.tl.y;
+			if (neededShapeHeight <= liveInnerRectHeight) return;
+			const oldHeight = Math.max(...livePoints.map((p) => p.y));
+			const scale = liveInnerRectHeight > 0 ? neededShapeHeight / liveInnerRectHeight : 1;
+			const newHeight = oldHeight * scale;
+			const newPoints = livePoints.map((p) => ({
+				...p,
+				y: p.y * scale
+			}));
+			const newInnerRect = {
+				tl: {
+					...liveInnerRect.tl,
+					y: liveInnerRect.tl.y * scale
+				},
+				tr: {
+					...liveInnerRect.tr,
+					y: liveInnerRect.tr.y * scale
+				},
+				bl: {
+					...liveInnerRect.bl,
+					y: liveInnerRect.bl.y * scale
+				},
+				br: {
+					...liveInnerRect.br,
+					y: liveInnerRect.br.y * scale
+				}
+			};
+			polygon.setAttrs({
+				points: newPoints,
+				innerRect: newInnerRect,
+				height: newHeight
+			});
+			this.onUpdate(polygon, polygon.getAttrs());
+			const newLabelTextBounds = this.getLabelTextBounds(polygon);
+			this.shapeLabelEditor.repositionTextArea(polygon, newLabelTextBounds);
+		});
+	}
+	scaleReset(group) {
+		const scaleX = group.scaleX();
+		const scaleY = group.scaleY();
+		if (scaleX === 1 && scaleY === 1) return;
+		const points = group.getAttr("points");
+		const innerRect = group.getAttr("innerRect");
+		const newPoints = points.map((p) => ({
+			x: p.x * scaleX,
+			y: p.y * scaleY
+		}));
+		const newInnerRect = innerRect ? {
+			tl: {
+				x: innerRect.tl.x * scaleX,
+				y: innerRect.tl.y * scaleY
+			},
+			tr: {
+				x: innerRect.tr.x * scaleX,
+				y: innerRect.tr.y * scaleY
+			},
+			bl: {
+				x: innerRect.bl.x * scaleX,
+				y: innerRect.bl.y * scaleY
+			},
+			br: {
+				x: innerRect.br.x * scaleX,
+				y: innerRect.br.y * scaleY
+			}
+		} : void 0;
+		const absTransform = group.getAbsoluteTransform().copy();
+		group.setAttr("points", newPoints);
+		if (newInnerRect) group.setAttr("innerRect", newInnerRect);
+		group.scaleX(1);
+		group.scaleY(1);
+		group.setAttr("width", Math.max(...newPoints.map((p) => p.x)));
+		group.setAttr("height", Math.max(...newPoints.map((p) => p.y)));
+		const newTransform = group.getAbsoluteTransform();
+		const dx = absTransform.m[4] - newTransform.m[4];
+		const dy = absTransform.m[5] - newTransform.m[5];
+		group.x(group.x() + dx);
+		group.y(group.y() + dy);
+	}
+	onRender(props) {
+		const polygon = new Konva.Group({
+			...props,
+			name: "node"
+		});
+		const points = polygon.getAttr("points");
+		const strokeWidth = props.strokeWidth || 0;
+		const bgShape = new Konva.Shape({
+			id: `${props.id}-bg`,
+			nodeId: props.id,
+			points,
+			...computePolygonBounds(points),
+			fill: props.fill || "transparent",
+			strokeWidth: 0,
+			strokeScaleEnabled: false,
+			sceneFunc
+		});
+		bgShape.getSelfRect = polygonSelfRect.bind(bgShape);
+		polygon.add(bgShape);
+		const borderShape = new Konva.Shape({
+			id: `${props.id}-border`,
+			points,
+			fill: "transparent",
+			stroke: props.stroke || "transparent",
+			strokeWidth: 0,
+			innerStrokeWidth: strokeWidth,
+			strokeScaleEnabled: false,
+			listening: false,
+			sceneFunc: borderSceneFunc
+		});
+		borderShape.getSelfRect = polygonSelfRect.bind(borderShape);
+		polygon.add(borderShape);
+		const innerRect = polygon.getAttr("innerRect");
+		const paddingX = props.labelPaddingX ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelPaddingX;
+		const paddingY = props.labelPaddingY ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelPaddingY;
+		const labelTextBounds = innerRect ? getPolygonLabelTextBounds(innerRect, paddingX, paddingY) : {
+			x: 0,
+			y: 0,
+			width: 1,
+			height: 1
+		};
+		this.shapeLabelEditor.renderLabel(polygon, props, labelTextBounds);
+		borderShape.moveToTop();
+		bgShape.moveToBottom();
+		this.setupDefaultNodeAugmentation(polygon);
 		const defaultTransformerProperties = this.defaultGetTransformerProperties(this.config.transform);
-		regularPolygon.getTransformerProperties = function() {
+		polygon.getTransformerProperties = function() {
 			return {
 				...defaultTransformerProperties,
 				enabledAnchors: [
 					"top-left",
+					"top-center",
 					"top-right",
+					"middle-right",
+					"middle-left",
 					"bottom-left",
+					"bottom-center",
 					"bottom-right"
 				],
-				keepRatio: true
+				keepRatio: false
 			};
 		};
-		regularPolygon.allowedAnchors = function() {
+		polygon.allowedAnchors = function() {
 			return [
 				"top-left",
+				"top-center",
 				"top-right",
+				"middle-right",
+				"middle-left",
 				"bottom-left",
+				"bottom-center",
 				"bottom-right"
 			];
 		};
-		this.setupDefaultNodeEvents(regularPolygon);
-		return regularPolygon;
+		this.setupDefaultNodeEvents(polygon);
+		polygon.on("transformstart", () => {
+			this._transforming = true;
+		});
+		polygon.on("transform", () => {
+			this.scaleReset(polygon);
+			this.onUpdate(polygon, polygon.getAttrs());
+		});
+		polygon.on("transformend", () => {
+			this._transforming = false;
+		});
+		polygon.dblClick = () => {
+			if (this.shapeLabelEditor.isEditing()) return;
+			if (!(this.isSelecting() && this.isNodeSelected(polygon))) return;
+			this.triggerPolygonLabelEdit(polygon, props);
+		};
+		polygon.getNodeMinSize = () => {
+			return computePolygonLabelMinSize(this.instance.getStage(), polygon);
+		};
+		return polygon;
 	}
 	onUpdate(nodeInstance, nextProps) {
 		nodeInstance.setAttrs({ ...nextProps });
-		const sides = nodeInstance.getAttr("sides");
-		const radius = nodeInstance.getAttr("radius");
-		const regularPolygon = nodeInstance;
-		const internalRPBg = regularPolygon.findOne(`#${nextProps.id}-bg`);
-		const internalRPBorder = regularPolygon.findOne(`#${nextProps.id}-border`);
-		if (internalRPBg) {
-			internalRPBg.setAttrs({
-				...nextProps,
-				name: void 0,
-				id: `${nextProps.id}-bg`,
-				nodeId: nextProps.id,
-				x: radius,
-				y: radius,
-				sides,
-				radius,
+		const polygon = nodeInstance;
+		const strokeWidth = nextProps.strokeWidth || 0;
+		const points = this.scalePolygonByDimensions(polygon, nextProps, nodeInstance);
+		const bgShape = polygon.findOne(`#${nextProps.id}-bg`);
+		if (bgShape) {
+			bgShape.setAttrs({
+				points,
+				...computePolygonBounds(points),
 				fill: nextProps.fill || "transparent",
 				strokeWidth: 0,
-				strokeScaleEnabled: true,
-				rotation: 0
+				strokeScaleEnabled: false
 			});
-			const internalRPBgBox = internalRPBg.getClientRect({ relativeTo: regularPolygon });
-			internalRPBg.x(internalRPBg.x() - internalRPBgBox.x);
-			internalRPBg.y(internalRPBg.y() - internalRPBgBox.y);
-			internalRPBg.moveToBottom();
+			bgShape.moveToBottom();
 		}
-		if (internalRPBorder) {
-			internalRPBorder.setAttrs({
-				...nextProps,
-				name: void 0,
-				id: `${nextProps.id}-border`,
-				x: radius,
-				y: radius,
-				sides,
-				radius: radius - (nextProps.strokeWidth || 0) / 2,
-				stroke: nextProps.stroke || "transparent",
-				strokeWidth: nextProps.strokeWidth || 0,
-				strokeScaleEnabled: true,
-				listening: false,
-				rotation: 0
-			});
-			const internalRPBorderBox = internalRPBorder.getClientRect({ relativeTo: regularPolygon });
-			internalRPBorder.x(internalRPBorder.x() - internalRPBorderBox.x);
-			internalRPBorder.y(internalRPBorder.y() - internalRPBorderBox.y);
-			internalRPBorder.moveToTop();
+		const borderShape = polygon.findOne(`#${nextProps.id}-border`);
+		if (borderShape) borderShape.setAttrs({
+			points,
+			fill: "transparent",
+			stroke: nextProps.stroke || "transparent",
+			strokeWidth: 0,
+			innerStrokeWidth: strokeWidth,
+			strokeScaleEnabled: false,
+			listening: false
+		});
+		const paddingX = nextProps.labelPaddingX ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelPaddingX;
+		const paddingY = nextProps.labelPaddingY ?? WEAVE_SHAPE_LABEL_DEFAULTS.labelPaddingY;
+		const innerRect = polygon.getAttr("innerRect");
+		const labelTextBounds = innerRect ? getPolygonLabelTextBounds(innerRect, paddingX, paddingY) : {
+			x: 0,
+			y: 0,
+			width: 1,
+			height: 1
+		};
+		this.shapeLabelEditor.updateLabel(polygon, nextProps, labelTextBounds, (neededHeight) => this.onLabelGrow(polygon, bgShape, borderShape, nodeInstance, neededHeight));
+		const labelNode = polygon.findOne(`#${labelId(nextProps.id)}`);
+		if (labelNode) {
+			labelNode.moveToTop();
+			borderShape?.moveToTop();
 		}
 		const nodesSelectionPlugin = this.instance.getPlugin("nodesSelection");
-		if (nodesSelectionPlugin) {
-			const actualSelectedNodes = nodesSelectionPlugin.getSelectedNodes();
-			nodesSelectionPlugin.setSelectedNodes(actualSelectedNodes);
-			nodesSelectionPlugin.getTransformer().forceUpdate();
-		}
-	}
-	scaleReset(node) {
-		const absTransform = node.getAbsoluteTransform().copy();
-		const radius = node.getAttr("radius");
-		node.setAttrs({ radius: radius * node.scaleX() });
-		node.scaleX(1);
-		node.scaleY(1);
-		const newTransform = node.getAbsoluteTransform();
-		const dx = absTransform.m[4] - newTransform.m[4];
-		const dy = absTransform.m[5] - newTransform.m[5];
-		node.x(node.x() + dx);
-		node.y(node.y() + dy);
+		if (nodesSelectionPlugin) nodesSelectionPlugin.getTransformer().forceUpdate();
 	}
-	realOffset(element) {
+	realOffset(_element) {
 		return {
-			x: element.props.radius,
-			y: element.props.radius
+			x: 0,
+			y: 0
 		};
 	}
 	static defaultState(nodeId) {
+		const preset = WEAVE_POLYGON_PRESETS.pentagon;
+		const { points, innerRect, width, height } = instantiatePreset(preset, preset.defaultWidth, preset.defaultHeight);
 		return {
 			...super.defaultState(nodeId),
-			type: WEAVE_REGULAR_POLYGON_NODE_TYPE,
+			type: WEAVE_POLYGON_NODE_TYPE,
 			props: {
 				...super.defaultState(nodeId).props,
-				nodeType: WEAVE_REGULAR_POLYGON_NODE_TYPE,
+				nodeType: WEAVE_POLYGON_NODE_TYPE,
 				x: 0,
 				y: 0,
-				sides: 5,
-				radius: 100,
+				width,
+				height,
+				sides: preset.sides,
+				points,
+				innerRect,
 				stroke: "#000000",
 				fill: "#FFFFFF",
 				strokeWidth: 1,
-				strokeScaleEnabled: true,
+				strokeScaleEnabled: false,
 				rotation: 0,
 				zIndex: 1,
-				children: []
+				children: [],
+				...WEAVE_SHAPE_LABEL_DEFAULTS
 			}
 		};
 	}
@@ -15698,38 +17514,103 @@ var WeaveRegularPolygonNode = class extends WeaveNode {
 		return mergeExceptArrays(defaultNodeState, { props: {
 			x: props.x,
 			y: props.y,
+			width: props.width,
+			height: props.height,
 			sides: props.sides,
-			radius: props.radius,
+			points: props.points,
+			innerRect: props.innerRect,
 			rotation: props.rotation,
 			fill: props.fill,
 			...props.stroke && { stroke: props.stroke },
-			...props.strokeWidth && { strokeWidth: props.strokeWidth }
+			...props.strokeWidth !== void 0 && { strokeWidth: props.strokeWidth },
+			...props.labelText !== void 0 && { labelText: props.labelText },
+			...props.labelFontFamily !== void 0 && { labelFontFamily: props.labelFontFamily },
+			...props.labelFontSize !== void 0 && { labelFontSize: props.labelFontSize },
+			...props.labelFontStyle !== void 0 && { labelFontStyle: props.labelFontStyle },
+			...props.labelFontVariant !== void 0 && { labelFontVariant: props.labelFontVariant },
+			...props.labelFill !== void 0 && { labelFill: props.labelFill },
+			...props.labelAlign !== void 0 && { labelAlign: props.labelAlign },
+			...props.labelVerticalAlign !== void 0 && { labelVerticalAlign: props.labelVerticalAlign },
+			...props.labelLetterSpacing !== void 0 && { labelLetterSpacing: props.labelLetterSpacing },
+			...props.labelLineHeight !== void 0 && { labelLineHeight: props.labelLineHeight },
+			...props.labelPaddingX !== void 0 && { labelPaddingX: props.labelPaddingX },
+			...props.labelPaddingY !== void 0 && { labelPaddingY: props.labelPaddingY }
 		} });
 	}
 	static updateNodeState(prevNodeState, nextProps) {
 		return mergeExceptArrays(prevNodeState, { props: {
 			x: nextProps.x,
 			y: nextProps.y,
+			...nextProps.width !== void 0 && { width: nextProps.width },
+			...nextProps.height !== void 0 && { height: nextProps.height },
 			sides: nextProps.sides,
-			radius: nextProps.radius,
+			points: nextProps.points,
+			innerRect: nextProps.innerRect,
 			rotation: nextProps.rotation,
 			fill: nextProps.fill,
 			...nextProps.stroke && { stroke: nextProps.stroke },
-			...nextProps.strokeWidth && { strokeWidth: nextProps.strokeWidth }
+			...nextProps.strokeWidth !== void 0 && { strokeWidth: nextProps.strokeWidth },
+			...nextProps.labelText !== void 0 && { labelText: nextProps.labelText },
+			...nextProps.labelFontFamily !== void 0 && { labelFontFamily: nextProps.labelFontFamily },
+			...nextProps.labelFontSize !== void 0 && { labelFontSize: nextProps.labelFontSize },
+			...nextProps.labelFontStyle !== void 0 && { labelFontStyle: nextProps.labelFontStyle },
+			...nextProps.labelFontVariant !== void 0 && { labelFontVariant: nextProps.labelFontVariant },
+			...nextProps.labelFill !== void 0 && { labelFill: nextProps.labelFill },
+			...nextProps.labelAlign !== void 0 && { labelAlign: nextProps.labelAlign },
+			...nextProps.labelVerticalAlign !== void 0 && { labelVerticalAlign: nextProps.labelVerticalAlign },
+			...nextProps.labelLetterSpacing !== void 0 && { labelLetterSpacing: nextProps.labelLetterSpacing },
+			...nextProps.labelLineHeight !== void 0 && { labelLineHeight: nextProps.labelLineHeight },
+			...nextProps.labelPaddingX !== void 0 && { labelPaddingX: nextProps.labelPaddingX },
+			...nextProps.labelPaddingY !== void 0 && { labelPaddingY: nextProps.labelPaddingY }
 		} });
 	}
 	static getSchema() {
 		const baseSchema = super.getSchema();
 		const nodeSchema = baseSchema.extend({
-			type: z.literal(WEAVE_REGULAR_POLYGON_NODE_TYPE).describe(`Type of the node, for a regular polygon node it will always be "${WEAVE_REGULAR_POLYGON_NODE_TYPE}"`),
+			type: z.literal(WEAVE_POLYGON_NODE_TYPE).describe(`Type of the node, for a polygon node it will always be "${WEAVE_POLYGON_NODE_TYPE}"`),
 			props: baseSchema.shape.props.extend({
-				nodeType: z.literal(WEAVE_REGULAR_POLYGON_NODE_TYPE).describe(`Type of the node, for a regular polygon node it will always be "${WEAVE_REGULAR_POLYGON_NODE_TYPE}"`),
-				sides: z.number().describe("Number of sides of the regular polygon, must be 3 or more"),
-				radius: z.number().describe("Radius of the regular polygon in pixels, distance from the center to any vertex"),
-				fill: z.string().describe("Fill color of the regular polygon in hex format with alpha channel (e.g. #RRGGBBAA)"),
-				stroke: z.string().describe("Stroke color of the regular polygon in hex format with alpha channel (e.g. #RRGGBBAA)"),
-				strokeWidth: z.number().describe("Stroke width of the regular polygon in pixels"),
-				strokeScaleEnabled: z.boolean().describe("Whether the regular polygon stroke width should scale when the node is scaled. Defaults to true.")
+				nodeType: z.literal(WEAVE_POLYGON_NODE_TYPE).describe(`Type of the node, for a polygon node it will always be "${WEAVE_POLYGON_NODE_TYPE}"`),
+				sides: z.number().describe("Number of sides of the polygon (3 or more)"),
+				width: z.number().optional().describe("Visual width of the polygon in pixels (= maxX of vertices). Setting this rescales vertices proportionally."),
+				height: z.number().optional().describe("Visual height of the polygon in pixels (= maxY of vertices). Setting this rescales vertices proportionally."),
+				points: z.array(z.object({
+					x: z.number(),
+					y: z.number()
+				})).describe("Vertex positions of the polygon in group-local pixel space"),
+				innerRect: z.object({
+					tl: z.object({
+						x: z.number(),
+						y: z.number()
+					}),
+					tr: z.object({
+						x: z.number(),
+						y: z.number()
+					}),
+					bl: z.object({
+						x: z.number(),
+						y: z.number()
+					}),
+					br: z.object({
+						x: z.number(),
+						y: z.number()
+					})
+				}).describe("Largest inscribed axis-aligned rectangle inside the polygon (used for label bounds)"),
+				fill: z.string().describe("Fill color of the polygon in hex format with alpha channel (e.g. #RRGGBBAA)"),
+				stroke: z.string().describe("Stroke color of the polygon in hex format with alpha channel (e.g. #RRGGBBAA)"),
+				strokeWidth: z.number().describe("Stroke width of the polygon in pixels"),
+				strokeScaleEnabled: z.boolean().describe("Whether the polygon stroke width should scale when the node is scaled. Defaults to false."),
+				labelText: z.string().optional().describe("Text label displayed inside the polygon"),
+				labelFontFamily: z.string().optional().describe("Font family for the label text"),
+				labelFontSize: z.number().optional().describe("Font size for the label text in pixels"),
+				labelFontStyle: z.string().optional().describe("Font style for the label text (e.g. \"normal\", \"bold\", \"italic\", \"bold italic\")"),
+				labelFontVariant: z.string().optional().describe("Font variant for the label text (e.g. \"normal\", \"small-caps\")"),
+				labelFill: z.string().optional().describe("Color of the label text in hex format (e.g. #RRGGBBAA)"),
+				labelAlign: z.string().optional().describe("Horizontal alignment of the label text (\"left\", \"center\", \"right\")"),
+				labelVerticalAlign: z.string().optional().describe("Vertical alignment of the label text (\"top\", \"middle\", \"bottom\")"),
+				labelLetterSpacing: z.number().optional().describe("Letter spacing for the label text in pixels"),
+				labelLineHeight: z.number().optional().describe("Line height multiplier for the label text"),
+				labelPaddingX: z.number().optional().describe("Horizontal inset (padding) in pixels applied on each side of the label"),
+				labelPaddingY: z.number().optional().describe("Vertical inset (padding) in pixels applied on top and bottom of the label")
 			})
 		});
 		return nodeSchema;
@@ -21628,6 +23509,7 @@ var WeaveRectangleToolAction = class extends WeaveAction {
 			if (node) selectionPlugin.setSelectedNodes([node]);
 			this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
 		}
+		if (this.tempRectNode) this.tempRectNode.destroy();
 		this.rectId = null;
 		this.tempRectNode = null;
 		this.moved = false;
@@ -24738,6 +26620,137 @@ var WeaveRegularPolygonToolAction = class extends WeaveAction {
 	}
 };
 
+//#endregion
+//#region src/actions/polygon-tool/constants.ts
+const POLYGON_TOOL_ACTION_NAME = "polygonTool";
+const POLYGON_TOOL_STATE = {
+	["IDLE"]: "idle",
+	["ADDING"]: "adding",
+	["ADDED"]: "added"
+};
+
+//#endregion
+//#region src/actions/polygon-tool/polygon-tool.ts
+var WeavePolygonToolAction = class extends WeaveAction {
+	initialized = false;
+	onPropsChange = void 0;
+	onInit = void 0;
+	constructor(preset) {
+		super();
+		this.preset = preset ?? "pentagon";
+		this.initialize();
+	}
+	initialize() {
+		this.initialized = false;
+		this.state = POLYGON_TOOL_STATE.IDLE;
+		this.polygonId = null;
+		this.props = this.initProps();
+	}
+	getName() {
+		return POLYGON_TOOL_ACTION_NAME;
+	}
+	initProps() {
+		return {
+			opacity: 1,
+			fill: "#ffffffff",
+			stroke: "#000000ff",
+			strokeWidth: 1
+		};
+	}
+	getPolygonsPresets() {
+		return WEAVE_POLYGON_PRESETS;
+	}
+	getPolygonPreset() {
+		return this.preset;
+	}
+	setPolygonPreset(preset) {
+		this.preset = preset;
+	}
+	setupEvents() {
+		const stage = this.instance.getStage();
+		window.addEventListener("keydown", (e) => {
+			if ((e.code === "Enter" || e.code === "Escape") && this.instance.getActiveAction() === POLYGON_TOOL_ACTION_NAME) this.cancelAction();
+		}, { signal: this.instance.getEventsController().signal });
+		stage.on("pointermove", () => {
+			if (this.state === POLYGON_TOOL_STATE.IDLE) return;
+			this.setCursor();
+		});
+		stage.on("pointerdown", (e) => {
+			this.setTapStart(e);
+			if (this.state !== POLYGON_TOOL_STATE.ADDING) return;
+			this.handleAdding();
+		});
+		this.initialized = true;
+	}
+	setState(state) {
+		this.state = state;
+	}
+	addPolygon() {
+		this.setCursor();
+		this.setFocusStage();
+		this.instance.emitEvent("onAddingPolygon");
+		this.setState(POLYGON_TOOL_STATE.ADDING);
+	}
+	handleAdding() {
+		const { mousePoint, container } = this.instance.getMousePointer();
+		this.polygonId = v4_default();
+		const presetDef = WEAVE_POLYGON_PRESETS[this.preset];
+		const scaleFactor = this.props.scaleFactor ?? 1;
+		const { points, innerRect, width, height } = instantiatePreset(presetDef, presetDef.defaultWidth * scaleFactor, presetDef.defaultHeight * scaleFactor);
+		const nodeHandler = this.instance.getNodeHandler(WEAVE_POLYGON_NODE_TYPE);
+		if (nodeHandler) {
+			const node = nodeHandler.create(this.polygonId, {
+				...this.props,
+				x: mousePoint?.x ?? 0,
+				y: mousePoint?.y ?? 0,
+				width,
+				height,
+				sides: presetDef.sides,
+				points,
+				innerRect
+			});
+			this.instance.addNode(node, container?.getAttrs().id);
+		}
+		this.instance.emitEvent("onAddedPolygon");
+		this.cancelAction();
+	}
+	trigger(cancelAction, params) {
+		if (!this.instance) throw new Error("Instance not defined");
+		if (!this.initialized) this.setupEvents();
+		this.preset = params?.presetId ?? "pentagon";
+		const stage = this.instance.getStage();
+		stage.container().tabIndex = 1;
+		stage.container().focus();
+		this.cancelAction = cancelAction;
+		const selectionPlugin = this.instance.getPlugin("nodesSelection");
+		if (selectionPlugin) selectionPlugin.setSelectedNodes([]);
+		this.props = this.initProps();
+		this.addPolygon();
+	}
+	cleanup() {
+		const stage = this.instance.getStage();
+		stage.container().style.cursor = "default";
+		const selectionPlugin = this.instance.getPlugin("nodesSelection");
+		if (selectionPlugin) {
+			const node = stage.findOne(`#${this.polygonId}`);
+			if (node) selectionPlugin.setSelectedNodes([node]);
+			this.instance.triggerAction(SELECTION_TOOL_ACTION_NAME);
+		}
+		this.polygonId = null;
+		this.setState(POLYGON_TOOL_STATE.IDLE);
+	}
+	setCursor() {
+		const stage = this.instance.getStage();
+		stage.container().style.cursor = "crosshair";
+	}
+	setFocusStage() {
+		const stage = this.instance.getStage();
+		stage.container().tabIndex = 1;
+		stage.container().blur();
+		stage.container().focus();
+	}
+};
+
 //#endregion
 //#region src/actions/frame-tool/constants.ts
 const FRAME_TOOL_ACTION_NAME = "frameTool";
@@ -30367,19 +32380,40 @@ var WeaveNodesSnappingGuides = class {
 		const stage = this.instance.getStage();
 		const scaleX = stage.scaleX();
 		const scaleY = stage.scaleY();
-		let finalContainer = container;
-		if (container !== stage) finalContainer = container.getParent();
-		const pos = finalContainer.position();
-		const rect = finalContainer.getClientRect({ relativeTo: stage });
-		const x = finalContainer === stage ? -pos.x / scaleX : rect.x;
-		const y = finalContainer === stage ? -pos.y / scaleX : rect.y;
-		const width = finalContainer === stage ? stage.width() / scaleX : rect.width;
-		const height = finalContainer === stage ? stage.height() / scaleY : rect.height;
+		const mainLayer = this.instance.getMainLayer();
+		if (container === stage || container === mainLayer) {
+			const pos$1 = stage.position();
+			return {
+				x: -pos$1.x / scaleX,
+				y: -pos$1.y / scaleY,
+				width: stage.width() / scaleX,
+				height: stage.height() / scaleY
+			};
+		}
+		let frameNode = null;
+		let cur = container;
+		while (cur && cur !== mainLayer && cur !== stage) {
+			if (cur.getAttrs().nodeType === "frame") {
+				frameNode = cur;
+				break;
+			}
+			cur = cur.getParent();
+		}
+		if (frameNode) {
+			const rect = frameNode.getClientRect({ relativeTo: stage });
+			return {
+				x: rect.x,
+				y: rect.y,
+				width: rect.width,
+				height: rect.height
+			};
+		}
+		const pos = stage.position();
 		return {
-			x,
-			y,
-			width,
-			height
+			x: -pos.x / scaleX,
+			y: -pos.y / scaleY,
+			width: stage.width() / scaleX,
+			height: stage.height() / scaleY
 		};
 	}
 	renderSnapGuides(container, snap) {
@@ -30391,8 +32425,11 @@ var WeaveNodesSnappingGuides = class {
 			if (snap.containerId !== "mainLayer") {
 				const containerNode = stage.findOne(`#${snap.containerId}`);
 				if (containerNode) {
-					const containerPos = containerNode.getClientRect({ relativeTo: stage });
-					value = containerPos.x + snap.guide;
+					const canvasPt = containerNode.getAbsoluteTransform().point({
+						x: snap.guide,
+						y: 0
+					});
+					value = stage.getAbsoluteTransform().copy().invert().point(canvasPt).x;
 				}
 			}
 			this.layer.add(new Konva.Line({
@@ -30415,8 +32452,11 @@ var WeaveNodesSnappingGuides = class {
 			if (snap.containerId !== "mainLayer") {
 				const containerNode = stage.findOne(`#${snap.containerId}`);
 				if (containerNode) {
-					const containerPos = containerNode.getClientRect({ relativeTo: stage });
-					value = containerPos.y + snap.guide;
+					const canvasPt = containerNode.getAbsoluteTransform().point({
+						x: 0,
+						y: snap.guide
+					});
+					value = stage.getAbsoluteTransform().copy().invert().point(canvasPt).y;
 				}
 			}
 			this.layer.add(new Konva.Line({
@@ -30850,14 +32890,20 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 			}
 			return updatedBox;
 		};
-		const bindedBoundingBoxFunc = boundingBoxFunc.bind(this);
-		tr.boundBoxFunc(bindedBoundingBoxFunc);
+		const snapBoundingBoxFunc = boundingBoxFunc.bind(this);
+		const newBoundFunc = (oldBox, newBox) => {
+			const mainBoundBoxFunc = nodesSelectionPlugin.getBoundBoxFunc();
+			const actualBox = mainBoundBoxFunc(oldBox, newBox);
+			if (actualBox === oldBox) return actualBox;
+			return snapBoundingBoxFunc(oldBox, newBox);
+		};
+		tr.boundBoxFunc(newBoundFunc);
 	}
 	transformEndHandler() {
 		const nodesSelectionPlugin = this.getNodesSelectionPlugin();
 		if (nodesSelectionPlugin) {
 			const tr = nodesSelectionPlugin.getTransformer();
-			tr.boundBoxFunc(void 0);
+			tr.boundBoxFunc(nodesSelectionPlugin.getBoundBoxFunc());
 		}
 		this.snappingGuides = [];
 	}
@@ -30876,6 +32922,10 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 				this.relativeToId = containerNode.id();
 			}
 		}
+		if (container !== this.instance.getMainLayer() && !container.getAttrs().nodeId && container.getAttrs().nodeType === "group") {
+			this.relativeTo = container;
+			this.relativeToId = container.id();
+		}
 		if (!this.relativeTo) return;
 		this.visibleNodes = getVisibleNodes({
 			instance: this.instance,
@@ -30906,8 +32956,8 @@ var WeaveNodesSnappingPlugin = class extends WeavePlugin {
 				y: -1 * (relativeTo.getAttrs().containerCompensationY ?? 0)
 			};
 			const diff = {
-				x: Math.abs(nodeBox.x - node.x()),
-				y: Math.abs(nodeBox.y - node.y())
+				x: node.x() - nodeBox.x,
+				y: node.y() - nodeBox.y
 			};
 			this.selectionOffsets.push({
 				x: nodeBox.x - nodesBox.x + diff.x + containerCompensation.x,
@@ -31066,4 +33116,4 @@ const setupCanvasBackend = async () => {
 };
 
 //#endregion
-export { ALIGN_NODES_ALIGN_TO, ALIGN_NODES_TOOL_ACTION_NAME, ALIGN_NODES_TOOL_STATE, BRUSH_TOOL_ACTION_NAME, BRUSH_TOOL_DEFAULT_CONFIG, BRUSH_TOOL_STATE, CONNECTOR_TOOL_ACTION_NAME, CONNECTOR_TOOL_DEFAULT_CONFIG, CONNECTOR_TOOL_STATE, COPY_PASTE_NODES_PLUGIN_STATE, DEFAULT_GUIDE_TOOL_ACTION_CONFIG, DEFAULT_SNAPPING_MANAGER_CONFIG, ELLIPSE_TOOL_ACTION_NAME, ELLIPSE_TOOL_STATE, ERASER_TOOL_ACTION_NAME, ERASER_TOOL_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_DISTANCE_NAME, GUIDE_DISTANCE_ORIGIN, GUIDE_KIND, GUIDE_NAME, GUIDE_ORIENTATION, GUIDE_STATE, GUIDE_TOOL_ACTION_NAME, GUIDE_TOOL_STATE, LINE_TOOL_ACTION_NAME, LINE_TOOL_DEFAULT_CONFIG, LINE_TOOL_STATE, MEASURE_TOOL_ACTION_NAME, MEASURE_TOOL_STATE, MOVE_ORIENTATION, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, PEN_TOOL_ACTION_NAME, PEN_TOOL_STATE, RECTANGLE_TOOL_ACTION_NAME, RECTANGLE_TOOL_STATE, REGULAR_POLYGON_TOOL_ACTION_NAME, REGULAR_POLYGON_TOOL_STATE, SELECTION_TOOL_ACTION_NAME, SELECTION_TOOL_STATE, STAGE_MINIMAP_DEFAULT_CONFIG, STAR_TOOL_ACTION_NAME, STAR_TOOL_STATE, TEXT_LAYOUT, TEXT_TOOL_ACTION_NAME, TEXT_TOOL_STATE, VIDEO_TOOL_ACTION_NAME, VIDEO_TOOL_STATE, WEAVE_ARROW_NODE_TYPE, WEAVE_ARROW_TOOL_ACTION_NAME, WEAVE_ARROW_TOOL_STATE, WEAVE_COMMENTS_RENDERER_KEY, WEAVE_COMMENTS_TOOL_LAYER_ID, WEAVE_COMMENT_CREATE_ACTION, WEAVE_COMMENT_NODE_ACTION, WEAVE_COMMENT_NODE_DEFAULTS, WEAVE_COMMENT_NODE_TYPE, WEAVE_COMMENT_STATUS, WEAVE_COMMENT_TOOL_ACTION_NAME, WEAVE_COMMENT_TOOL_DEFAULT_CONFIG, WEAVE_COMMENT_TOOL_STATE, WEAVE_COMMENT_VIEW_ACTION, WEAVE_CONNECTOR_NODE_ANCHOR_ORIGIN, WEAVE_CONNECTOR_NODE_DECORATOR_TYPE, WEAVE_CONNECTOR_NODE_DEFAULT_CONFIG, WEAVE_CONNECTOR_NODE_LINE_ORIGIN, WEAVE_CONNECTOR_NODE_LINE_TYPE, WEAVE_CONNECTOR_NODE_TYPE, WEAVE_COPY_PASTE_CONFIG_DEFAULT, WEAVE_COPY_PASTE_NODES_KEY, WEAVE_COPY_PASTE_PASTE_CATCHER_ID, WEAVE_COPY_PASTE_PASTE_MODES, WEAVE_DEFAULT_USER_INFO_FUNCTION, WEAVE_ELLIPSE_NODE_TYPE, WEAVE_FRAME_DEFAULT_BACKGROUND_COLOR, WEAVE_FRAME_NODE_DEFAULT_CONFIG, WEAVE_FRAME_NODE_DEFAULT_PROPS, WEAVE_FRAME_NODE_TYPE, WEAVE_GRID_DEFAULT_CONFIG, WEAVE_GRID_DOT_TYPES, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_GROUP_NODE_TYPE, WEAVE_IMAGES_TOOL_ACTION_NAME, WEAVE_IMAGES_TOOL_DEFAULT_CONFIG, WEAVE_IMAGES_TOOL_STATE, WEAVE_IMAGES_TOOL_UPLOAD_TYPE, WEAVE_IMAGE_CROP_ANCHOR_POSITION, WEAVE_IMAGE_CROP_END_TYPE, WEAVE_IMAGE_DEFAULT_CONFIG, WEAVE_IMAGE_NODE_TYPE, WEAVE_IMAGE_TOOL_ACTION_NAME, WEAVE_IMAGE_TOOL_CONFIG_DEFAULT, WEAVE_IMAGE_TOOL_STATE, WEAVE_IMAGE_TOOL_UPLOAD_TYPE, WEAVE_LAYER_NODE_TYPE, WEAVE_LINE_NODE_DEFAULT_CONFIG, WEAVE_LINE_NODE_TYPE, WEAVE_MEASURE_NODE_DEFAULT_CONFIG, WEAVE_MEASURE_NODE_TYPE, WEAVE_MEASURE_TOOL_DEFAULT_CONFIG, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_DEFAULT_CONFIG, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_LAYER_ID, WEAVE_NODES_SELECTION_DEFAULT_CONFIG, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_NODES_SNAPPING_PLUGIN_KEY, WEAVE_RECTANGLE_NODE_TYPE, WEAVE_REGULAR_POLYGON_NODE_TYPE, WEAVE_STAGE_DEFAULT_MODE, WEAVE_STAGE_DROP_AREA_KEY, WEAVE_STAGE_GRID_PLUGIN_KEY, WEAVE_STAGE_IMAGE_CROPPING_MODE, WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG, WEAVE_STAGE_KEYBOARD_MOVE_KEY, WEAVE_STAGE_KEYBOARD_MOVE_ORIENTATION, WEAVE_STAGE_MINIMAP_KEY, WEAVE_STAGE_NODE_TYPE, WEAVE_STAGE_PANNING_DEFAULT_CONFIG, WEAVE_STAGE_PANNING_KEY, WEAVE_STAGE_PANNING_THROTTLE_MS, WEAVE_STAGE_TEXT_EDITION_MODE, WEAVE_STAGE_ZOOM_DEFAULT_CONFIG, WEAVE_STAGE_ZOOM_KEY, WEAVE_STAGE_ZOOM_TYPE, WEAVE_STAR_NODE_TYPE, WEAVE_STROKE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_NODE_TYPE, WEAVE_STROKE_SINGLE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_SINGLE_NODE_TIP_SIDE, WEAVE_STROKE_SINGLE_NODE_TIP_TYPE, WEAVE_STROKE_SINGLE_NODE_TYPE, WEAVE_STROKE_TOOL_ACTION_NAME, WEAVE_STROKE_TOOL_ACTION_NAME_ALIASES, WEAVE_STROKE_TOOL_DEFAULT_CONFIG, WEAVE_STROKE_TOOL_STATE, WEAVE_TEXT_NODE_DEFAULT_CONFIG, WEAVE_TEXT_NODE_TYPE, WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS, WEAVE_USERS_POINTERS_KEY, WEAVE_USERS_PRESENCE_CONFIG_DEFAULT_PROPS, WEAVE_USERS_PRESENCE_PLUGIN_KEY, WEAVE_USERS_SELECTION_KEY, WEAVE_USER_POINTER_KEY, WEAVE_USER_PRESENCE_KEY, WEAVE_USER_SELECTION_KEY, WEAVE_VIDEO_DEFAULT_CONFIG, WEAVE_VIDEO_NODE_TYPE, Weave, WeaveAction, WeaveAlignNodesToolAction, WeaveArrowNode, WeaveArrowToolAction, WeaveBrushToolAction, WeaveCommentNode, WeaveCommentToolAction, WeaveCommentsRendererPlugin, WeaveConnectedUsersPlugin, WeaveConnectorNode, WeaveConnectorToolAction, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveEllipseNode, WeaveEllipseToolAction, WeaveEraserToolAction, WeaveExportNodesToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveGuideToolAction, WeaveImageNode, WeaveImageToolAction, WeaveImagesToolAction, WeaveLayerNode, WeaveLineNode, WeaveLineToolAction, WeaveMeasureNode, WeaveMeasureToolAction, WeaveMoveToolAction, WeaveNode, WeaveNodesMultiSelectionFeedbackPlugin, WeaveNodesSelectionPlugin, WeaveNodesSnappingPlugin, WeavePenToolAction, WeavePlugin, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRegularPolygonNode, WeaveRegularPolygonToolAction, WeaveRenderer, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageKeyboardMovePlugin, WeaveStageMinimapPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStarNode, WeaveStarToolAction, WeaveStateManipulation, WeaveStore, WeaveStrokeNode, WeaveStrokeSingleNode, WeaveStrokeToolAction, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersPresencePlugin, WeaveUsersSelectionPlugin, WeaveVideoNode, WeaveVideoToolAction, WeaveZoomInToolAction, WeaveZoomOutToolAction, canComposite, clearContainerTargets, containerOverCursor, containsNodeDeep, defaultInitialState, downscaleImageFile, downscaleImageFromURL, getBoundingBox, getDownscaleRatio, getExportBoundingBox, getImageSizeFromFile, getSelectedNodesMetadata, getStageClickPoint, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, intersectArrays, isIOS, isInShadowDOM, isNodeInSelection, isNumber, isServer, loadImageSource, memoize, mergeExceptArrays, moveNodeToContainer, moveNodeToContainerNT, resetScale, setupCanvasBackend, setupSkiaBackend };
+export { ALIGN_NODES_ALIGN_TO, ALIGN_NODES_TOOL_ACTION_NAME, ALIGN_NODES_TOOL_STATE, BRUSH_TOOL_ACTION_NAME, BRUSH_TOOL_DEFAULT_CONFIG, BRUSH_TOOL_STATE, CONNECTOR_TOOL_ACTION_NAME, CONNECTOR_TOOL_DEFAULT_CONFIG, CONNECTOR_TOOL_STATE, COPY_PASTE_NODES_PLUGIN_STATE, DEFAULT_GUIDE_TOOL_ACTION_CONFIG, DEFAULT_SNAPPING_MANAGER_CONFIG, ELLIPSE_TOOL_ACTION_NAME, ELLIPSE_TOOL_STATE, ERASER_TOOL_ACTION_NAME, ERASER_TOOL_STATE, FRAME_TOOL_ACTION_NAME, FRAME_TOOL_STATE, GUIDE_DISTANCE_NAME, GUIDE_DISTANCE_ORIGIN, GUIDE_KIND, GUIDE_NAME, GUIDE_ORIENTATION, GUIDE_STATE, GUIDE_TOOL_ACTION_NAME, GUIDE_TOOL_STATE, LINE_TOOL_ACTION_NAME, LINE_TOOL_DEFAULT_CONFIG, LINE_TOOL_STATE, MEASURE_TOOL_ACTION_NAME, MEASURE_TOOL_STATE, MOVE_ORIENTATION, MOVE_TOOL_ACTION_NAME, MOVE_TOOL_STATE, PEN_TOOL_ACTION_NAME, PEN_TOOL_STATE, POLYGON_TOOL_ACTION_NAME, POLYGON_TOOL_STATE, RECTANGLE_TOOL_ACTION_NAME, RECTANGLE_TOOL_STATE, REGULAR_POLYGON_TOOL_ACTION_NAME, REGULAR_POLYGON_TOOL_STATE, SELECTION_TOOL_ACTION_NAME, SELECTION_TOOL_STATE, STAGE_MINIMAP_DEFAULT_CONFIG, STAR_TOOL_ACTION_NAME, STAR_TOOL_STATE, TEXT_LAYOUT, TEXT_TOOL_ACTION_NAME, TEXT_TOOL_STATE, VIDEO_TOOL_ACTION_NAME, VIDEO_TOOL_STATE, WEAVE_ARROW_NODE_TYPE, WEAVE_ARROW_TOOL_ACTION_NAME, WEAVE_ARROW_TOOL_STATE, WEAVE_COMMENTS_RENDERER_KEY, WEAVE_COMMENTS_TOOL_LAYER_ID, WEAVE_COMMENT_CREATE_ACTION, WEAVE_COMMENT_NODE_ACTION, WEAVE_COMMENT_NODE_DEFAULTS, WEAVE_COMMENT_NODE_TYPE, WEAVE_COMMENT_STATUS, WEAVE_COMMENT_TOOL_ACTION_NAME, WEAVE_COMMENT_TOOL_DEFAULT_CONFIG, WEAVE_COMMENT_TOOL_STATE, WEAVE_COMMENT_VIEW_ACTION, WEAVE_CONNECTOR_NODE_ANCHOR_ORIGIN, WEAVE_CONNECTOR_NODE_DECORATOR_TYPE, WEAVE_CONNECTOR_NODE_DEFAULT_CONFIG, WEAVE_CONNECTOR_NODE_LINE_ORIGIN, WEAVE_CONNECTOR_NODE_LINE_TYPE, WEAVE_CONNECTOR_NODE_TYPE, WEAVE_COPY_PASTE_CONFIG_DEFAULT, WEAVE_COPY_PASTE_NODES_KEY, WEAVE_COPY_PASTE_PASTE_CATCHER_ID, WEAVE_COPY_PASTE_PASTE_MODES, WEAVE_DEFAULT_USER_INFO_FUNCTION, WEAVE_ELLIPSE_NODE_TYPE, WEAVE_FRAME_DEFAULT_BACKGROUND_COLOR, WEAVE_FRAME_NODE_DEFAULT_CONFIG, WEAVE_FRAME_NODE_DEFAULT_PROPS, WEAVE_FRAME_NODE_TYPE, WEAVE_GRID_DEFAULT_CONFIG, WEAVE_GRID_DOT_TYPES, WEAVE_GRID_LAYER_ID, WEAVE_GRID_TYPES, WEAVE_GROUP_NODE_TYPE, WEAVE_IMAGES_TOOL_ACTION_NAME, WEAVE_IMAGES_TOOL_DEFAULT_CONFIG, WEAVE_IMAGES_TOOL_STATE, WEAVE_IMAGES_TOOL_UPLOAD_TYPE, WEAVE_IMAGE_CROP_ANCHOR_POSITION, WEAVE_IMAGE_CROP_END_TYPE, WEAVE_IMAGE_DEFAULT_CONFIG, WEAVE_IMAGE_NODE_TYPE, WEAVE_IMAGE_TOOL_ACTION_NAME, WEAVE_IMAGE_TOOL_CONFIG_DEFAULT, WEAVE_IMAGE_TOOL_STATE, WEAVE_IMAGE_TOOL_UPLOAD_TYPE, WEAVE_LAYER_NODE_TYPE, WEAVE_LINE_NODE_DEFAULT_CONFIG, WEAVE_LINE_NODE_TYPE, WEAVE_MEASURE_NODE_DEFAULT_CONFIG, WEAVE_MEASURE_NODE_TYPE, WEAVE_MEASURE_TOOL_DEFAULT_CONFIG, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_DEFAULT_CONFIG, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_KEY, WEAVE_NODES_MULTI_SELECTION_FEEDBACK_PLUGIN_LAYER_ID, WEAVE_NODES_SELECTION_DEFAULT_CONFIG, WEAVE_NODES_SELECTION_KEY, WEAVE_NODES_SELECTION_LAYER_ID, WEAVE_NODES_SNAPPING_PLUGIN_KEY, WEAVE_POLYGON_NODE_TYPE, WEAVE_POLYGON_PRESETS, WEAVE_RECTANGLE_NODE_TYPE, WEAVE_REGULAR_POLYGON_NODE_TYPE, WEAVE_SHAPE_LABEL_DEFAULTS, WEAVE_STAGE_DEFAULT_MODE, WEAVE_STAGE_DROP_AREA_KEY, WEAVE_STAGE_GRID_PLUGIN_KEY, WEAVE_STAGE_IMAGE_CROPPING_MODE, WEAVE_STAGE_KEYBOARD_MOVE_DEFAULT_CONFIG, WEAVE_STAGE_KEYBOARD_MOVE_KEY, WEAVE_STAGE_KEYBOARD_MOVE_ORIENTATION, WEAVE_STAGE_MINIMAP_KEY, WEAVE_STAGE_NODE_TYPE, WEAVE_STAGE_PANNING_DEFAULT_CONFIG, WEAVE_STAGE_PANNING_KEY, WEAVE_STAGE_PANNING_THROTTLE_MS, WEAVE_STAGE_SHAPE_LABEL_EDITION_MODE, WEAVE_STAGE_TEXT_EDITION_MODE, WEAVE_STAGE_ZOOM_DEFAULT_CONFIG, WEAVE_STAGE_ZOOM_KEY, WEAVE_STAGE_ZOOM_TYPE, WEAVE_STAR_NODE_TYPE, WEAVE_STROKE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_NODE_TYPE, WEAVE_STROKE_SINGLE_NODE_DEFAULT_CONFIG, WEAVE_STROKE_SINGLE_NODE_TIP_SIDE, WEAVE_STROKE_SINGLE_NODE_TIP_TYPE, WEAVE_STROKE_SINGLE_NODE_TYPE, WEAVE_STROKE_TOOL_ACTION_NAME, WEAVE_STROKE_TOOL_ACTION_NAME_ALIASES, WEAVE_STROKE_TOOL_DEFAULT_CONFIG, WEAVE_STROKE_TOOL_STATE, WEAVE_TEXT_NODE_DEFAULT_CONFIG, WEAVE_TEXT_NODE_TYPE, WEAVE_USERS_POINTERS_CONFIG_DEFAULT_PROPS, WEAVE_USERS_POINTERS_KEY, WEAVE_USERS_PRESENCE_CONFIG_DEFAULT_PROPS, WEAVE_USERS_PRESENCE_PLUGIN_KEY, WEAVE_USERS_SELECTION_KEY, WEAVE_USER_POINTER_KEY, WEAVE_USER_PRESENCE_KEY, WEAVE_USER_SELECTION_KEY, WEAVE_VIDEO_DEFAULT_CONFIG, WEAVE_VIDEO_NODE_TYPE, Weave, WeaveAction, WeaveAlignNodesToolAction, WeaveArrowNode, WeaveArrowToolAction, WeaveBrushToolAction, WeaveCommentNode, WeaveCommentToolAction, WeaveCommentsRendererPlugin, WeaveConnectedUsersPlugin, WeaveConnectorNode, WeaveConnectorToolAction, WeaveContextMenuPlugin, WeaveCopyPasteNodesPlugin, WeaveEllipseNode, WeaveEllipseToolAction, WeaveEraserToolAction, WeaveExportNodesToolAction, WeaveExportStageToolAction, WeaveFitToScreenToolAction, WeaveFitToSelectionToolAction, WeaveFrameNode, WeaveFrameToolAction, WeaveGroupNode, WeaveGuideToolAction, WeaveImageNode, WeaveImageToolAction, WeaveImagesToolAction, WeaveLayerNode, WeaveLineNode, WeaveLineToolAction, WeaveMeasureNode, WeaveMeasureToolAction, WeaveMoveToolAction, WeaveNode, WeaveNodesMultiSelectionFeedbackPlugin, WeaveNodesSelectionPlugin, WeaveNodesSnappingPlugin, WeavePenToolAction, WeavePlugin, WeavePolygonNode, WeavePolygonToolAction, WeaveRectangleNode, WeaveRectangleToolAction, WeaveRegularPolygonNode, WeaveRegularPolygonToolAction, WeaveRenderer, WeaveSelectionToolAction, WeaveStageDropAreaPlugin, WeaveStageGridPlugin, WeaveStageKeyboardMovePlugin, WeaveStageMinimapPlugin, WeaveStageNode, WeaveStagePanningPlugin, WeaveStageResizePlugin, WeaveStageZoomPlugin, WeaveStarNode, WeaveStarToolAction, WeaveStateManipulation, WeaveStore, WeaveStrokeNode, WeaveStrokeSingleNode, WeaveStrokeToolAction, WeaveTextNode, WeaveTextToolAction, WeaveUsersPointersPlugin, WeaveUsersPresencePlugin, WeaveUsersSelectionPlugin, WeaveVideoNode, WeaveVideoToolAction, WeaveZoomInToolAction, WeaveZoomOutToolAction, buildAncestorGroupIds, canComposite, clearContainerTargets, computeEllipseLabelMinSize, computePolygonLabelMinSize, computeRectangleLabelMinSize, containerOverCursor, containsNodeDeep, defaultInitialState, downscaleImageFile, downscaleImageFromURL, getBoundingBox, getDownscaleRatio, getExportBoundingBox, getImageSizeFromFile, getSelectedNodesMetadata, getShapeLabelSchemaFields, getStageClickPoint, getTargetAndSkipNodes, getTargetedNode, getTopmostShadowHost, getVisibleNodes, getVisibleNodesInViewport, hasFrames, hasImages, instantiatePreset, intersectArrays, isIOS, isInShadowDOM, isNodeInSelection, isNumber, isServer, labelId, loadImageSource, memoize, mergeExceptArrays, moveNodeToContainer, moveNodeToContainerNT, resetScale, setupCanvasBackend, setupSkiaBackend, spreadLabelProps };