@inditextech/weave-sdk 5.0.0-SNAPSHOT.366.1 → 5.0.0-SNAPSHOT.397.1

package/dist/sdk.node.js

@@ -4355,6 +4355,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 +4371,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;
 	}
@@ -4834,9 +4849,10 @@ 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;
 	}
@@ -4949,6 +4965,7 @@ function handlePointerDown(ctx, e) {
 		for (const node of nodesSelected) node.fire("onSelectionCleared", { bubbles: true });
 	}
 	ctx.selectNone();
+	ctx.triggerSelectedNodesEvent();
 	ctx.getWeaveInstance().emitEvent("onSelectionState", true);
 	ctx.getEdgePanning().start();
 }
@@ -5431,6 +5448,9 @@ var WeaveNodesSelectionPlugin = class extends WeavePlugin {
 	isDragging() {
 		return this.transformerCtrl.isDragging();
 	}
+	getBoundBoxFunc() {
+		return this.transformerCtrl.getBoundBoxFunc();
+	}
 	getSelectorConfig() {
 		return this.config.selection;
 	}
@@ -6005,6 +6025,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 +6194,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({
@@ -6259,8 +6285,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 +6293,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();
@@ -8415,7 +8444,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 +8510,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 +9322,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 +9517,7 @@ var WeaveRegisterManager = class {
 
 //#endregion
 //#region package.json
-var version = "5.0.0-SNAPSHOT.366.1";
+var version = "5.0.0-SNAPSHOT.397.1";
 
 //#endregion
 //#region src/managers/setup.ts
@@ -11870,10 +11906,36 @@ 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
+			});
+		});
 		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 +11972,571 @@ 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;
+		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");
+	}
+	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 +12545,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 +12568,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 +12578,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 +12599,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 +12673,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 +12687,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 +12727,8 @@ var WeaveRectangleNode = class extends WeaveNode {
 				strokeScaleEnabled: true,
 				rotation: 0,
 				zIndex: 1,
-				children: []
+				children: [],
+				...WEAVE_SHAPE_LABEL_DEFAULTS
 			}
 		};
 	}
@@ -12046,7 +12741,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 +12754,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 +12769,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 +12786,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 +12842,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 +12884,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 +12971,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 +13041,8 @@ var WeaveEllipseNode = class extends WeaveNode {
 				strokeScaleEnabled: true,
 				rotation: 0,
 				zIndex: 1,
-				children: []
+				children: [],
+				...WEAVE_SHAPE_LABEL_DEFAULTS
 			}
 		};
 	}
@@ -12266,7 +13055,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 +13068,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 +13083,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;
@@ -12670,7 +13462,8 @@ const WEAVE_STAGE_TEXT_EDITION_MODE = "text-edition";
 const WEAVE_TEXT_NODE_DEFAULT_CONFIG = {
 	transform: { ...WEAVE_NODES_SELECTION_DEFAULT_CONFIG.selection },
 	outline: { enabled: false },
-	cursor: { color: "#000000" }
+	cursor: { color: "#000000" },
+	edition: { borderSize: 2 }
 };
 const TEXT_LAYOUT = {
 	["SMART"]: "smart",
@@ -12966,7 +13759,8 @@ var WeaveTextNode = class extends WeaveNode {
 		if (!this.textArea || !this.textAreaContainer) return;
 		if (!textNode.getAttrs().layout || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_ALL || textNode.getAttrs().layout === TEXT_LAYOUT.SMART && !textNode.getAttrs().smartFixedWidth) {
 			const { width: textAreaWidth } = this.textRenderedSize(this.textArea.value, textNode);
-			const width = (textAreaWidth + 2) * textNode.getAbsoluteScale().x / this.instance.getStage().scaleX();
+			const borderSize = this.config.edition.borderSize;
+			const width = (textAreaWidth + borderSize * 2) * textNode.getAbsoluteScale().x / this.instance.getStage().scaleX();
 			this.textAreaContainer.style.width = width + "px";
 		}
 		if (!textNode.getAttrs().layout || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_ALL || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_HEIGHT || textNode.getAttrs().layout === TEXT_LAYOUT.SMART) {
@@ -13065,13 +13859,15 @@ var WeaveTextNode = class extends WeaveNode {
 		this.textAreaContainer.style.top = position.y * upscaleScale + "px";
 		this.textAreaContainer.style.left = position.x * upscaleScale + "px";
 		if (textNode.getAttrs().layout === TEXT_LAYOUT.SMART && !textNode.getAttrs().smartFixedWidth) {
+			const borderSize$1 = this.config.edition.borderSize;
 			const rect = textNode.getClientRect({ relativeTo: stage });
-			this.textAreaContainer.style.width = (rect.width + 2) * textNode.getAbsoluteScale().x + "px";
+			this.textAreaContainer.style.width = (rect.width + borderSize$1 * 2) * textNode.getAbsoluteScale().x + "px";
 			this.textAreaContainer.style.height = (textNode.height() - textNode.padding() * 2) * textNode.getAbsoluteScale().x + "px";
 		}
 		if (!textNode.getAttrs().layout || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_ALL) {
+			const borderSize$1 = this.config.edition.borderSize;
 			const rect = textNode.getClientRect({ relativeTo: stage });
-			this.textAreaContainer.style.width = (rect.width + 2) * textNode.getAbsoluteScale().x + "px";
+			this.textAreaContainer.style.width = (rect.width + borderSize$1 * 2) * textNode.getAbsoluteScale().x + "px";
 			this.textAreaContainer.style.height = (textNode.height() - textNode.padding() * 2) * textNode.getAbsoluteScale().x + "px";
 		}
 		if (textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_HEIGHT || textNode.getAttrs().layout === TEXT_LAYOUT.SMART && textNode.getAttrs().smartFixedWidth) {
@@ -13084,7 +13880,9 @@ var WeaveTextNode = class extends WeaveNode {
 			this.textAreaContainer.style.width = (textNode.width() - textNode.padding() * 2) * textNode.getAbsoluteScale().x + "px";
 			this.textAreaContainer.style.height = (textNode.height() - textNode.padding() * 2) * textNode.getAbsoluteScale().x + "px";
 		}
-		this.textAreaContainer.style.border = "solid 1px #1e40af";
+		const size = this.textRenderedSize(textNode.text(), textNode);
+		const borderSize = this.config.edition.borderSize;
+		this.textAreaContainer.style.border = `solid ${borderSize}px #1e40af`;
 		this.textArea.style.position = "absolute";
 		this.textArea.style.top = "0px";
 		this.textArea.style.left = "0px";
@@ -13093,11 +13891,12 @@ var WeaveTextNode = class extends WeaveNode {
 		this.textArea.style.scrollBehavior = "auto";
 		this.textArea.style.caretColor = "black";
 		this.textArea.style.width = "100%";
+		this.textArea.style.height = `${size.height}px`;
 		this.textArea.style.minHeight = "auto";
 		this.textArea.style.margin = "0px";
 		this.textArea.style.padding = "0px";
 		this.textArea.style.paddingTop = "0px";
-		this.textArea.style.boxSizing = "border-box";
+		this.textArea.style.boxSizing = "content-box";
 		this.textArea.style.overflow = "hidden";
 		this.textArea.style.background = "transparent";
 		this.textArea.style.border = "none";
@@ -13111,8 +13910,8 @@ var WeaveTextNode = class extends WeaveNode {
 		this.textArea.style.backgroundColor = "transparent";
 		this.textAreaContainer.style.transformOrigin = "left top";
 		this.mimicTextNode(textNode);
-		this.textArea.style.left = `-1px`;
-		this.textArea.style.top = `-1px`;
+		this.textArea.style.left = `${-borderSize}px`;
+		this.textArea.style.top = `${-borderSize + (size.height - this.textArea.offsetHeight)}px`;
 		this.textArea.onfocus = () => {
 			this.textAreaDomResize(textNode);
 		};
@@ -13158,7 +13957,10 @@ var WeaveTextNode = class extends WeaveNode {
 				const width = textAreaWidth / this.instance.getStage().scaleX();
 				textNode.width(width);
 			}
-			if (!textNode.getAttrs().layout || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_HEIGHT || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_ALL || textNode.getAttrs().layout === TEXT_LAYOUT.SMART) textNode.height(this.textArea.scrollHeight * (1 / textNode.getAbsoluteScale().x));
+			if (!textNode.getAttrs().layout || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_HEIGHT || textNode.getAttrs().layout === TEXT_LAYOUT.AUTO_ALL || textNode.getAttrs().layout === TEXT_LAYOUT.SMART) {
+				const size$1 = this.textRenderedSize(this.textArea.value, textNode);
+				textNode.height(size$1.height * (1 / textNode.getAbsoluteScale().x));
+			}
 		};
 		const handleKeyDown = (e) => {
 			if (this.textArea && textNode && e.code === "Escape") {
@@ -15049,6 +15851,7 @@ var WeaveImageNode = class extends WeaveNode {
 			x: 1,
 			y: 1
 		});
+		this.updateImageCrop(node);
 	}
 	getIsAsync() {
 		return true;
@@ -15560,127 +16363,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
 			}
 		};
 	}
@@ -15688,38 +17339,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;
@@ -16225,9 +17941,48 @@ var WeaveStrokeNode = class extends WeaveNode {
 		result.push(pts[pts.length - 1]);
 		return result;
 	}
+	drawRoundCap(ctx, a, b, color) {
+		const cx = (a.x + b.x) / 2;
+		const cy = (a.y + b.y) / 2;
+		const r = Math.hypot(a.x - b.x, a.y - b.y) / 2;
+		ctx.beginPath();
+		ctx.fillStyle = color;
+		ctx.arc(cx, cy, r, 0, Math.PI * 2);
+		ctx.fill();
+	}
+	/**
+	* Draws a filled polygon from the accumulated left/right outline points of a
+	* dash segment and adds round caps at both ends.
+	* NOTE: mutates `rightSide` via Array.reverse() — callers must not reuse it after this call.
+	*/
+	drawDashPolygon(ctx, leftSide, rightSide, color) {
+		const capStartL = leftSide[0];
+		const capStartR = rightSide[0];
+		const capEndL = leftSide.at(-1);
+		const capEndR = rightSide.at(-1);
+		const smoothLeft = this.getSplinePoints(leftSide, 4);
+		const smoothRight = this.getSplinePoints(rightSide.reverse(), 4);
+		ctx.beginPath();
+		ctx.fillStyle = color;
+		ctx.moveTo(smoothLeft[0].x, smoothLeft[0].y);
+		for (const p of smoothLeft) ctx.lineTo(p.x, p.y);
+		for (const p of smoothRight) ctx.lineTo(p.x, p.y);
+		ctx.closePath();
+		ctx.fill();
+		this.drawRoundCap(ctx, capStartL, capStartR, color);
+		this.drawRoundCap(ctx, capEndL, capEndR, color);
+	}
 	drawRibbonWithDash(ctx, pts, baseW, color, dash) {
 		if (!pts) return;
-		if (pts.length < 2) return;
+		if (pts.length < 2) {
+			const pt = pts[0];
+			const r = Math.max(baseW * pt.pressure / 2, .5);
+			ctx.beginPath();
+			ctx.fillStyle = color;
+			ctx.arc(pt.x, pt.y, r, 0, Math.PI * 2);
+			ctx.fill();
+			return;
+		}
 		const filtered = this.resamplePoints(pts, 2);
 		const centerline = this.getSplinePoints(filtered, 8);
 		let dashIndex = 0;
@@ -16280,17 +18035,7 @@ var WeaveStrokeNode = class extends WeaveNode {
 				}
 				dashRemaining -= step;
 				if (dashRemaining <= 0) {
-					if (dashOn && leftSide.length && rightSide.length) {
-						const smoothLeft = this.getSplinePoints(leftSide, 4);
-						const smoothRight = this.getSplinePoints(rightSide.reverse(), 4);
-						ctx.beginPath();
-						ctx.fillStyle = color;
-						ctx.moveTo(smoothLeft[0].x, smoothLeft[0].y);
-						for (const p of smoothLeft) ctx.lineTo(p.x, p.y);
-						for (const p of smoothRight) ctx.lineTo(p.x, p.y);
-						ctx.closePath();
-						ctx.fill();
-					}
+					if (dashOn && leftSide.length && rightSide.length) this.drawDashPolygon(ctx, leftSide, rightSide, color);
 					leftSide = [];
 					rightSide = [];
 					dashOn = !dashOn;
@@ -16300,17 +18045,7 @@ var WeaveStrokeNode = class extends WeaveNode {
 				traveled += step;
 			}
 		}
-		if (dashOn && leftSide.length && rightSide.length) {
-			const smoothLeft = this.getSplinePoints(leftSide, 4);
-			const smoothRight = this.getSplinePoints(rightSide.reverse(), 4);
-			ctx.beginPath();
-			ctx.fillStyle = color;
-			ctx.moveTo(smoothLeft[0].x, smoothLeft[0].y);
-			for (const p of smoothLeft) ctx.lineTo(p.x, p.y);
-			for (const p of smoothRight) ctx.lineTo(p.x, p.y);
-			ctx.closePath();
-			ctx.fill();
-		}
+		if (dashOn && leftSide.length && rightSide.length) this.drawDashPolygon(ctx, leftSide, rightSide, color);
 	}
 	drawShape(ctx, shape) {
 		const strokeElements = shape.getAttrs().strokeElements;
@@ -16327,8 +18062,6 @@ var WeaveStrokeNode = class extends WeaveNode {
 			sceneFunc: (ctx, shape) => {
 				this.drawShape(ctx, shape);
 			},
-			lineCap: "round",
-			lineJoin: "round",
 			dashEnabled: false,
 			hitFunc: (context, shape) => {
 				context.beginPath();
@@ -21601,6 +23334,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;
@@ -22610,34 +24344,40 @@ var WeaveBrushToolAction = class extends WeaveAction {
 			if (nodeHandler) nodeHandler.onUpdate(tempStroke, tempStroke.getAttrs());
 		}
 	}
+	finalizeStroke(tempStroke, nodeHandler) {
+		const box = this.getBoundingBox(tempStroke.getAttrs().strokeElements);
+		let newStrokeElements = [...tempStroke.getAttrs().strokeElements];
+		if (this.predictedCount > 0) {
+			newStrokeElements = newStrokeElements.slice(0, -1 * this.predictedCount);
+			this.predictedCount = 0;
+		}
+		newStrokeElements = newStrokeElements.map((point) => ({
+			...point,
+			x: point.x - box.x,
+			y: point.y - box.y
+		}));
+		const compressedPoints = simplify(newStrokeElements, 1, true);
+		const sw = tempStroke.getAttrs().strokeWidth ?? 1;
+		const finalWidth = Math.max(box.width, sw);
+		const finalHeight = Math.max(box.height, sw);
+		const finalX = box.width === 0 ? box.x - sw / 2 : box.x;
+		const finalY = box.height === 0 ? box.y - sw / 2 : box.y;
+		tempStroke.setAttrs({
+			width: finalWidth,
+			height: finalHeight,
+			x: finalX,
+			y: finalY,
+			strokeElements: compressedPoints
+		});
+		const realNode = this.instance.getStage().findOne(`#${tempStroke.getAttrs().id}`);
+		if (realNode) realNode.destroy();
+		if (tempStroke.getAttrs().strokeElements.length >= 1) this.instance.addNode(nodeHandler.serialize(tempStroke), this.container?.getAttrs().id);
+	}
 	handleEndStroke() {
 		const tempStroke = this.instance.getStage().findOne(`#${this.strokeId}`);
 		if (tempStroke) {
 			const nodeHandler = this.instance.getNodeHandler("stroke");
-			if (nodeHandler) {
-				const box = this.getBoundingBox(tempStroke.getAttrs().strokeElements);
-				let newStrokeElements = [...tempStroke.getAttrs().strokeElements];
-				if (this.predictedCount > 0) {
-					newStrokeElements = newStrokeElements.slice(0, -1 * this.predictedCount);
-					this.predictedCount = 0;
-				}
-				newStrokeElements = newStrokeElements.map((point) => ({
-					...point,
-					x: point.x - box.x,
-					y: point.y - box.y
-				}));
-				const compressedPoints = simplify(newStrokeElements, 1, true);
-				tempStroke.setAttrs({
-					width: box.width,
-					height: box.height,
-					x: box.x,
-					y: box.y,
-					strokeElements: compressedPoints
-				});
-				const realNode = this.instance.getStage().findOne(`#${tempStroke.getAttrs().id}`);
-				if (realNode) realNode.destroy();
-				if (tempStroke.getAttrs().strokeElements.length >= 3) this.instance.addNode(nodeHandler.serialize(tempStroke), this.container?.getAttrs().id);
-			}
+			if (nodeHandler) this.finalizeStroke(tempStroke, nodeHandler);
 			this.clickPoint = null;
 			this.setCursor();
 			this.setFocusStage();
@@ -24705,6 +26445,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";
@@ -30817,14 +32688,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 = [];
 	}
@@ -31033,4 +32910,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, 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 };