@inditextech/weave-sdk 5.7.0-SNAPSHOT.595.1 → 5.7.0-SNAPSHOT.596.1

package/dist/sdk.js

@@ -9502,7 +9502,7 @@ var WeaveRegisterManager = class {
 };
 //#endregion
 //#region package.json
-var version = "5.7.0-SNAPSHOT.595.1";
+var version = "5.7.0-SNAPSHOT.596.1";
 //#endregion
 //#region src/managers/setup.ts
 var WeaveSetupManager = class {
@@ -14412,7 +14412,7 @@ function normalizeRuns(runs) {
 	const out = [];
 	for (const run of runs) {
 		if (run.t === "") continue;
-		const last = out[out.length - 1];
+		const last = out.at(-1);
 		if (last && sameMarks(last.m, run.m)) last.t += run.t;
 		else out.push({
 			t: run.t,
@@ -14487,7 +14487,7 @@ function replaceRange(blocks, start, end, insert) {
 	const suffixBlocks = [];
 	let inheritedMarks;
 	let pos = 0;
-	blocks.forEach((block, i) => {
+	blocks.forEach((block) => {
 		const len = blockText(block).length;
 		const bStart = pos;
 		const bEnd = pos + len;
@@ -14552,6 +14552,43 @@ const now = () => typeof performance !== "undefined" ? performance.now() : Date.
 const WS = /\s/;
 const MAX_CACHE = 2e4;
 const MAX_CACHED_CHUNK = 256;
+function flattenBlock(block) {
+	const graphemes = [];
+	const runOf = [];
+	for (let ri = 0; ri < block.runs.length; ri++) for (const g of splitGraphemes(block.runs[ri].t)) {
+		graphemes.push(g);
+		runOf.push(ri);
+	}
+	return {
+		graphemes,
+		runOf
+	};
+}
+function trimTrailingSpace(graphemes, start, end) {
+	let e = end;
+	while (e > start && WS.test(graphemes[e - 1])) e--;
+	return e;
+}
+function skipSpace(graphemes, from) {
+	let i = from;
+	while (i < graphemes.length && WS.test(graphemes[i])) i++;
+	return i;
+}
+const isNum = (v) => v !== void 0 && !Number.isNaN(v);
+/** Konva's word wrap: break after the last space/dash that fits (0 = no break). */
+function wordWrapIndex(graphemes, start, matchLen, matchWidth, maxWidth) {
+	const nextChar = graphemes[start + matchLen];
+	if ((nextChar === " " || nextChar === "-") && matchWidth <= maxWidth) return matchLen;
+	const seg = graphemes.slice(start, start + matchLen);
+	return Math.max(seg.lastIndexOf(" "), seg.lastIndexOf("-")) + 1;
+}
+function applyAlign(lines, align, width, padding) {
+	if (align === "left") return;
+	for (const line of lines) {
+		const free = width - line.width - padding * 2;
+		line.offsetX = align === "center" ? free / 2 : free;
+	}
+}
 var TextLayoutEngine = class {
 	measure;
 	cache = /* @__PURE__ */ new Map();
@@ -14609,8 +14646,8 @@ var TextLayoutEngine = class {
 	layout(blocks, style, bounds) {
 		const font = fontString(style);
 		const padding = bounds.padding;
-		const fixedWidth = bounds.width !== void 0 && !Number.isNaN(bounds.width);
-		const fixedHeight = bounds.height !== void 0 && !Number.isNaN(bounds.height);
+		const fixedWidth = isNum(bounds.width);
+		const fixedHeight = isNum(bounds.height);
 		const maxWidth = (bounds.width ?? 0) - padding * 2;
 		const maxHeightPx = (bounds.height ?? 0) - padding * 2;
 		const lineHeightPx = style.lineHeight * style.fontSize;
@@ -14620,9 +14657,8 @@ var TextLayoutEngine = class {
 		let relaid = 0;
 		const lines = [];
 		let textWidth = 0;
-		let currentHeightPx = 0;
 		let offset = 0;
-		outer: for (let p = 0; p < blocks.length; p++) {
+		for (let p = 0; p < blocks.length; p++) {
 			const block = blocks[p];
 			const sig = `${sigBase}|${JSON.stringify(block.runs)}`;
 			let entry = prev[p]?.sig === sig ? prev[p] : this.pool.get(sig);
@@ -14631,27 +14667,14 @@ var TextLayoutEngine = class {
 				relaid++;
 			}
 			next.push(entry);
-			for (const pl of entry.lines) {
-				const text = entry.graphemes.slice(pl.startG, pl.endG).join("");
-				const segments = this.buildSegments(entry, block, pl, font, style);
-				const width = segments.reduce((a, s) => a + s.width, 0);
-				const startChar = entry.graphemes.slice(0, pl.startG).join("").length;
-				lines.push({
-					paragraph: p,
-					start: offset + startChar,
-					end: offset + startChar + text.length,
-					text,
-					width,
-					measuredWidth: pl.measuredWidth,
-					offsetX: 0,
-					y: lines.length * lineHeightPx,
-					segments,
-					lastInParagraph: pl.lastInParagraph
-				});
-				textWidth = Math.max(textWidth, pl.measuredWidth);
-				currentHeightPx += lineHeightPx;
-				if (fixedHeight && currentHeightPx + lineHeightPx > maxHeightPx) break outer;
-			}
+			const emitted = this.emitLines(entry, block, p, offset, lines, {
+				font,
+				style,
+				lineHeightPx,
+				maxHeightPx: fixedHeight ? maxHeightPx : void 0
+			});
+			textWidth = Math.max(textWidth, emitted.maxWidth);
+			if (emitted.stopped) break;
 			offset += blockText(block).length + 1;
 		}
 		this.paragraphs = next;
@@ -14659,10 +14682,7 @@ var TextLayoutEngine = class {
 		this.lastParagraphsRelaid = relaid;
 		const width = fixedWidth ? bounds.width : textWidth + padding * 2;
 		const height = fixedHeight ? bounds.height : lines.length * lineHeightPx + padding * 2;
-		if (style.align !== "left") for (const line of lines) {
-			const free = width - line.width - padding * 2;
-			line.offsetX = style.align === "center" ? free / 2 : free;
-		}
+		applyAlign(lines, style.align, width, padding);
 		return {
 			lines,
 			textWidth,
@@ -14672,7 +14692,38 @@ var TextLayoutEngine = class {
 			height
 		};
 	}
-	rangeWidth(entry, runs, from, to, font, spacing) {
+	/** Append a paragraph's lines to `lines`; stops once a fixed height is full. */
+	emitLines(entry, block, paragraph, offset, lines, opts) {
+		const { font, style, lineHeightPx, maxHeightPx } = opts;
+		let maxWidth = 0;
+		for (const pl of entry.lines) {
+			const text = entry.graphemes.slice(pl.startG, pl.endG).join("");
+			const segments = this.buildSegments(entry, block, pl, font, style);
+			const startChar = entry.graphemes.slice(0, pl.startG).join("").length;
+			lines.push({
+				paragraph,
+				start: offset + startChar,
+				end: offset + startChar + text.length,
+				text,
+				width: segments.reduce((a, s) => a + s.width, 0),
+				measuredWidth: pl.measuredWidth,
+				offsetX: 0,
+				y: lines.length * lineHeightPx,
+				segments,
+				lastInParagraph: pl.lastInParagraph
+			});
+			maxWidth = Math.max(maxWidth, pl.measuredWidth);
+			if (maxHeightPx !== void 0 && (lines.length + 1) * lineHeightPx > maxHeightPx) return {
+				stopped: true,
+				maxWidth
+			};
+		}
+		return {
+			stopped: false,
+			maxWidth
+		};
+	}
+	rangeWidth(entry, from, to, font, spacing) {
 		let width = 0;
 		let i = from;
 		while (i < to) {
@@ -14684,15 +14735,39 @@ var TextLayoutEngine = class {
 		}
 		return width;
 	}
+	/**
+	* Longest prefix of graphemes[start..n) that fits `maxWidth`, found with an
+	* exponential probe (bounds the work to about one line) plus a binary
+	* search, like Konva. Always consumes at least one grapheme.
+	*/
+	longestFit(start, n, maxWidth, width) {
+		let low = 0;
+		let high = n - start;
+		let probe = Math.min(high, 32);
+		while (probe < high && width(start, start + probe) <= maxWidth) probe = Math.min(high, probe * 2);
+		high = probe;
+		let matchLen = 0;
+		let matchWidth = 0;
+		while (low < high) {
+			const mid = low + high >>> 1;
+			const w = width(start, start + mid + 1);
+			if (w <= maxWidth) {
+				low = mid + 1;
+				matchLen = mid + 1;
+				matchWidth = w;
+			} else high = mid;
+		}
+		if (matchLen === 0) {
+			matchLen = 1;
+			matchWidth = width(start, start + 1);
+		}
+		return {
+			matchLen,
+			matchWidth
+		};
+	}
 	layoutParagraph(block, sig, font, style, fixedWidth, maxWidth) {
-		const graphemes = [];
-		const runOf = [];
-		block.runs.forEach((run, ri) => {
-			for (const g of splitGraphemes(run.t)) {
-				graphemes.push(g);
-				runOf.push(ri);
-			}
-		});
+		const { graphemes, runOf } = flattenBlock(block);
 		const entry = {
 			sig,
 			graphemes,
@@ -14701,7 +14776,7 @@ var TextLayoutEngine = class {
 		};
 		const n = graphemes.length;
 		const spacing = style.letterSpacing;
-		const width = (a, b) => this.rangeWidth(entry, block.runs, a, b, font, spacing);
+		const width = (a, b) => this.rangeWidth(entry, a, b, font, spacing);
 		const shouldWrap = style.wrap !== "none";
 		const wrapAtWord = style.wrap !== "char" && shouldWrap;
 		const whole = width(0, n);
@@ -14716,26 +14791,7 @@ var TextLayoutEngine = class {
 		}
 		let start = 0;
 		while (start < n) {
-			let low = 0;
-			let high = n - start;
-			let probe = Math.min(high, 32);
-			while (probe < high && width(start, start + probe) <= maxWidth) probe = Math.min(high, probe * 2);
-			high = probe;
-			let matchLen = 0;
-			let matchWidth = 0;
-			while (low < high) {
-				const mid = low + high >>> 1;
-				const w = width(start, start + mid + 1);
-				if (w <= maxWidth) {
-					low = mid + 1;
-					matchLen = mid + 1;
-					matchWidth = w;
-				} else high = mid;
-			}
-			if (matchLen === 0) {
-				matchLen = 1;
-				matchWidth = width(start, start + 1);
-			}
+			let { matchLen, matchWidth } = this.longestFit(start, n, maxWidth, width);
 			if (start + matchLen >= n) {
 				entry.lines.push({
 					startG: start,
@@ -14746,32 +14802,22 @@ var TextLayoutEngine = class {
 				return entry;
 			}
 			if (wrapAtWord) {
-				const nextChar = graphemes[start + matchLen];
-				const nextIsSpaceOrDash = nextChar === " " || nextChar === "-";
-				let wrapIndex;
-				if (nextIsSpaceOrDash && matchWidth <= maxWidth) wrapIndex = matchLen;
-				else {
-					const seg = graphemes.slice(start, start + matchLen);
-					wrapIndex = Math.max(seg.lastIndexOf(" "), seg.lastIndexOf("-")) + 1;
-				}
-				if (wrapIndex > 0) {
-					matchLen = wrapIndex;
+				const wrapped = wordWrapIndex(graphemes, start, matchLen, matchWidth, maxWidth);
+				if (wrapped > 0) {
+					matchLen = wrapped;
 					matchWidth = width(start, start + matchLen);
 				}
 			}
-			let end = start + matchLen;
-			let trimmedEnd = end;
-			while (trimmedEnd > start && WS.test(graphemes[trimmedEnd - 1])) trimmedEnd--;
+			const end = start + matchLen;
 			entry.lines.push({
 				startG: start,
-				endG: trimmedEnd,
+				endG: trimTrailingSpace(graphemes, start, end),
 				measuredWidth: matchWidth,
 				lastInParagraph: false
 			});
-			while (end < n && WS.test(graphemes[end])) end++;
-			start = end;
+			start = skipSpace(graphemes, end);
 		}
-		const last = entry.lines[entry.lines.length - 1];
+		const last = entry.lines.at(-1);
 		if (last) last.lastInParagraph = true;
 		return entry;
 	}
@@ -14833,8 +14879,6 @@ var WeaveTextV2Shape = class extends Konva.Shape {
 		this.on(LAYOUT_ATTRS.map((a) => `${a}Change.konva`).join(" "), () => {
 			this.layoutCache = null;
 		});
-		this.sceneFunc(this._paint);
-		this.hitFunc(this._hit);
 	}
 	text(value) {
 		if (value === void 0) return typeof this.attrs.text === "string" ? this.attrs.text : blocksToText(this.getBlocks());
@@ -15026,18 +15070,12 @@ var WeaveTextV2Shape = class extends Konva.Shape {
 			y2: Math.max(...pts.map((p) => p.y))
 		};
 	}
-	_paint = (ctx, shape) => {
+	_sceneFunc = (ctx, shape) => {
 		const self = shape;
 		const layout = self.ensureLayout();
 		if (layout.lines.length === 0) return;
-		const fontSize = self.fontSize();
 		const padding = self.padding();
 		const lineHeightPx = layout.lineHeightPx;
-		const decoration = self.textDecoration();
-		const underline = decoration.includes("underline");
-		const lineThrough = decoration.includes("line-through");
-		const spacing = self.letterSpacing();
-		const fill = self.fill();
 		let baseline = "middle";
 		let translateY = lineHeightPx / 2;
 		if (!Konva.legacyTextRendering) {
@@ -15048,62 +15086,63 @@ var WeaveTextV2Shape = class extends Konva.Shape {
 		ctx.setAttr("font", fontString(self.style()));
 		ctx.setAttr("textBaseline", baseline);
 		ctx.setAttr("textAlign", "left");
-		let alignY = 0;
-		const va = self.verticalAlign();
-		const used = layout.lines.length * lineHeightPx + padding * 2;
-		if (va === "middle") alignY = (self.getHeight() - used) / 2;
-		else if (va === "bottom") alignY = self.getHeight() - used;
+		const alignY = self.verticalOffset(layout);
 		ctx.translate(padding, alignY + padding);
 		const range = self.visibleRange();
-		const paintSelf = self;
+		const top = alignY + padding;
 		for (let n = 0; n < layout.lines.length; n++) {
-			const line = layout.lines[n];
-			const y = translateY + n * lineHeightPx;
-			if (range && (alignY + padding + n * lineHeightPx + lineHeightPx < range.y1 - lineHeightPx || alignY + padding + n * lineHeightPx > range.y2 + lineHeightPx)) continue;
-			ctx.save();
-			const baseX = line.offsetX;
-			if (underline) {
-				ctx.save();
-				ctx.beginPath();
-				const uy = y + Math.round(fontSize / 4);
-				ctx.moveTo(baseX, uy);
-				ctx.lineTo(baseX + Math.round(line.width), uy);
-				ctx.lineWidth = fontSize / 15;
-				ctx.strokeStyle = fill;
-				ctx.stroke();
-				ctx.restore();
-			}
-			for (const seg of line.segments) {
-				let x = baseX + seg.x;
-				if (spacing !== 0) for (const ch of Array.from(seg.t)) {
-					paintSelf._partialText = ch;
-					paintSelf._partialTextX = x;
-					paintSelf._partialTextY = y;
-					ctx.fillStrokeShape(self);
-					x += self.measureSize(ch).width + spacing;
-				}
-				else {
-					paintSelf._partialText = seg.t;
-					paintSelf._partialTextX = x;
-					paintSelf._partialTextY = y;
-					ctx.fillStrokeShape(self);
-				}
-			}
-			if (lineThrough) {
-				ctx.save();
-				ctx.beginPath();
-				const ly = y - Math.round(fontSize / 4);
-				ctx.moveTo(baseX, ly);
-				ctx.lineTo(baseX + Math.round(line.width), ly);
-				ctx.lineWidth = fontSize / 15;
-				ctx.strokeStyle = fill;
-				ctx.stroke();
-				ctx.restore();
-			}
-			ctx.restore();
+			const lineTop = top + n * lineHeightPx;
+			if (range && (lineTop + lineHeightPx < range.y1 - lineHeightPx || lineTop > range.y2 + lineHeightPx)) continue;
+			self.paintLine(ctx, layout.lines[n], translateY + n * lineHeightPx);
 		}
 	};
-	_hit = (ctx, shape) => {
+	/** Vertical offset of the text block inside the box (verticalAlign). */
+	verticalOffset(layout) {
+		const used = layout.lines.length * layout.lineHeightPx + this.padding() * 2;
+		const va = this.verticalAlign();
+		if (va === "middle") return (this.getHeight() - used) / 2;
+		if (va === "bottom") return this.getHeight() - used;
+		return 0;
+	}
+	paintLine(ctx, line, y) {
+		const decoration = this.textDecoration();
+		const fontSize = this.fontSize();
+		ctx.save();
+		if (decoration.includes("underline")) this.strokeDecoration(ctx, line, y + Math.round(fontSize / 4));
+		for (const seg of line.segments) this.paintSegment(ctx, seg.t, line.offsetX + seg.x, y);
+		if (decoration.includes("line-through")) this.strokeDecoration(ctx, line, y - Math.round(fontSize / 4));
+		ctx.restore();
+	}
+	strokeDecoration(ctx, line, y) {
+		ctx.save();
+		ctx.beginPath();
+		ctx.moveTo(line.offsetX, y);
+		ctx.lineTo(line.offsetX + Math.round(line.width), y);
+		ctx.lineWidth = this.fontSize() / 15;
+		ctx.strokeStyle = this.fill();
+		ctx.stroke();
+		ctx.restore();
+	}
+	paintSegment(ctx, text, x, y) {
+		const spacing = this.letterSpacing();
+		if (spacing === 0) {
+			this.fillText(ctx, text, x, y);
+			return;
+		}
+		let cx = x;
+		for (const ch of Array.from(text)) {
+			this.fillText(ctx, ch, cx, y);
+			cx += this.measureSize(ch).width + spacing;
+		}
+	}
+	fillText(ctx, text, x, y) {
+		const self = this;
+		self._partialText = text;
+		self._partialTextX = x;
+		self._partialTextY = y;
+		ctx.fillStrokeShape(this);
+	}
+	_hitFunc = (ctx, shape) => {
 		ctx.beginPath();
 		const self = shape;
 		ctx.rect(0, 0, self.getWidth(), self.getHeight());
@@ -15211,7 +15250,7 @@ function lineIndexAt(layout, offset) {
 		if (l.start <= offset) fallback = i;
 		if (offset >= l.start && offset <= l.end) {
 			const next = lines[i + 1];
-			if (offset === l.end && !l.lastInParagraph && next && next.start === offset) continue;
+			if (offset === l.end && !l.lastInParagraph && next?.start === offset) continue;
 			return i;
 		}
 	}
@@ -15260,10 +15299,7 @@ function offsetInLine(line, x, measure) {
 function moveVertical(layout, offset, dir, desiredX, measure) {
 	const j = lineIndexAt(layout, offset) + dir;
 	if (j < 0) return 0;
-	if (j >= layout.lines.length) {
-		const last = layout.lines[layout.lines.length - 1];
-		return last ? last.end : 0;
-	}
+	if (j >= layout.lines.length) return layout.lines.at(-1)?.end ?? 0;
 	return offsetInLine(layout.lines[j], desiredX, measure);
 }
 function lineHome(layout, offset) {
@@ -15493,9 +15529,10 @@ var TextEditSession = class {
 			capture: true
 		});
 		window.weaveTextEditing = {
-			...window.weaveTextEditing ?? {},
+			...window.weaveTextEditing,
 			[this.id]: this.id
 		};
+		if (this.host.selectAllOnStart) this.model.selectAll();
 		this.syncTextarea();
 		ta.focus();
 		this.positionTextarea();
@@ -15599,41 +15636,43 @@ var TextEditSession = class {
 			this.afterSelectionChange();
 		}
 	};
-	onKeyDown = (e) => {
-		e.stopPropagation();
+	/** Keys the session handles itself; everything else stays native. */
+	handleSessionKey(e) {
 		const mod = e.ctrlKey || e.metaKey;
 		const key = e.key.toLowerCase();
-		if (e.key === "Escape") {
-			e.preventDefault();
-			this.host.onRequestExit("escape");
-			return;
-		}
-		if (mod && key === "z" && !e.shiftKey) {
-			e.preventDefault();
-			this.undo();
-			return;
+		const isUndo = mod && key === "z" && !e.shiftKey;
+		const isRedo = mod && (key === "y" || key === "z" && e.shiftKey);
+		if (e.key === "Escape") this.host.onRequestExit("escape");
+		else if (isUndo) this.undo();
+		else if (isRedo) this.redo();
+		else if (e.key === "Tab") return true;
+		else return false;
+		return true;
+	}
+	handleNavigationKey(e) {
+		if (e.ctrlKey || e.metaKey) return false;
+		if ((e.key === "ArrowUp" || e.key === "ArrowDown") && !e.altKey) {
+			this.moveVertically(e.key === "ArrowUp" ? -1 : 1, e.shiftKey);
+			return true;
 		}
-		if (mod && (key === "y" || key === "z" && e.shiftKey)) {
-			e.preventDefault();
-			this.redo();
-			return;
+		if (e.key === "Home" || e.key === "End") {
+			const layout = this.target.getLayout();
+			const to = e.key === "Home" ? lineHome(layout, this.model.focus) : lineEnd(layout, this.model.focus);
+			this.model.moveTo(to, e.shiftKey);
+			this.afterSelectionChange();
+			return true;
 		}
-		if (e.key === "Tab") {
+		return false;
+	}
+	onKeyDown = (e) => {
+		e.stopPropagation();
+		if (this.handleSessionKey(e)) {
 			e.preventDefault();
 			return;
 		}
 		if (this.composing) return;
-		if ((e.key === "ArrowUp" || e.key === "ArrowDown") && !mod && !e.altKey) {
+		if (this.handleNavigationKey(e)) {
 			e.preventDefault();
-			this.moveVertically(e.key === "ArrowUp" ? -1 : 1, e.shiftKey);
-			return;
-		}
-		if ((e.key === "Home" || e.key === "End") && !mod) {
-			e.preventDefault();
-			const layout = this.target.getLayout();
-			const to = e.key === "Home" ? lineHome(layout, this.model.focus) : lineEnd(layout, this.model.focus);
-			this.model.moveTo(to, e.shiftKey);
-			this.afterSelectionChange();
 			return;
 		}
 		setTimeout(this.syncFromTextarea, 0);
@@ -15647,7 +15686,7 @@ var TextEditSession = class {
 	};
 	moveVertically(dir, extend) {
 		const layout = this.target.getLayout();
-		if (this.model.desiredX === null) this.model.desiredX = caretRect(layout, this.model.focus, this.target.measure).x;
+		this.model.desiredX ??= caretRect(layout, this.model.focus, this.target.measure).x;
 		const to = moveVertical(layout, this.model.focus, dir, this.model.desiredX, this.target.measure);
 		this.model.moveTo(to, extend, true);
 		this.afterSelectionChange();
@@ -15665,11 +15704,17 @@ var TextEditSession = class {
 		while (s < max - p && oldText[oldText.length - 1 - s] === newText[newText.length - 1 - s]) s++;
 		const inserted = newText.slice(p, newText.length - s);
 		const inputType = e.inputType ?? "";
-		const kind = this.composing || inputType.includes("Composition") ? "ime" : inputType.startsWith("delete") ? "delete" : inputType === "insertFromPaste" ? "paste" : "type";
+		const kind = this.editKindFor(inputType);
 		this.model.replaceRange(p, oldText.length - s, inserted, kind);
 		this.model.anchor = this.model.focus = Math.min(ta.selectionEnd, this.model.getText().length);
 		this.afterContentChange(inserted.length);
 	};
+	editKindFor(inputType) {
+		if (this.composing || inputType.includes("Composition")) return "ime";
+		if (inputType.startsWith("delete")) return "delete";
+		if (inputType === "insertFromPaste") return "paste";
+		return "type";
+	}
 	onPaste = (e) => {
 		e.stopPropagation();
 		e.preventDefault();
@@ -15816,6 +15861,17 @@ var TextEditSession = class {
 		const o = this.target.getContentOffset();
 		ctx.save();
 		ctx.transform(rel.m[0], rel.m[1], rel.m[2], rel.m[3], rel.m[4], rel.m[5]);
+		if (this.host.outlineColor) {
+			const scale = Math.hypot(abs.m[0], abs.m[1]) || 1;
+			const lw = (this.host.outlineWidth ?? 1) / scale;
+			const { width, height } = this.target.getSize();
+			ctx.setAttr("strokeStyle", this.host.outlineColor);
+			ctx.setAttr("lineWidth", lw);
+			ctx.beginPath();
+			const pad = (this.host.outlinePadding ?? 0) / scale;
+			ctx.rect(-pad, -pad, width + pad * 2, height + pad * 2);
+			ctx.stroke();
+		}
 		ctx.translate(o.x, o.y);
 		const { start, end } = this.model.getSelection();
 		if (start !== end) {
@@ -15859,6 +15915,12 @@ const WEAVE_TEXT_V2_SIZE_WARNING_THRESHOLD = 2e5;
 const WEAVE_TEXT_V2_SELECTION_COLOR = "rgba(66, 133, 244, 0.35)";
 const WEAVE_TEXT_V2_DEFAULT_CONFIG = {
 	...WEAVE_TEXT_NODE_DEFAULT_CONFIG,
+	edition: { outline: {
+		enabled: true,
+		color: "#0074ff",
+		width: 1,
+		padding: 0
+	} },
 	sizeWarning: { threshold: WEAVE_TEXT_V2_SIZE_WARNING_THRESHOLD }
 };
 //#endregion
@@ -15870,6 +15932,8 @@ const CORNER_ANCHORS = [
 	"bottom-right"
 ];
 const SIDE_ANCHORS = ["middle-right", "middle-left"];
+const CORNER_ANCHOR_SET = new Set(CORNER_ANCHORS);
+const SIDE_ANCHOR_SET = new Set(SIDE_ANCHORS);
 /**
 * Drop-in replacement for `WeaveTextNode`. Same `nodeType` (`'text'`), so
 * existing documents load unchanged; register it INSTEAD of `WeaveTextNode`
@@ -16103,8 +16167,14 @@ var WeaveTextV2Node = class extends WeaveNode {
 					y: p.y * sy
 				};
 			},
+			selectAllOnStart: !create,
 			caretColor: this.config.cursor.color,
 			selectionColor: WEAVE_TEXT_V2_SELECTION_COLOR,
+			...this.config.edition.outline.enabled && {
+				outlineColor: this.config.edition.outline.color,
+				outlineWidth: this.config.edition.outline.width,
+				outlinePadding: this.config.edition.outline.padding
+			},
 			signal: this.instance.getEventsController().signal,
 			onChange: (blocks) => this.checkSize(shape, blocks),
 			onRequestExit: () => this.exitEditMode(shape)
@@ -16170,8 +16240,8 @@ var WeaveTextV2Node = class extends WeaveNode {
 	}
 	setupTransform(text) {
 		let actualAnchor = void 0;
-		const isSide = () => SIDE_ANCHORS.includes(actualAnchor ?? "");
-		const isCorner = () => CORNER_ANCHORS.includes(actualAnchor ?? "");
+		const isSide = () => SIDE_ANCHOR_SET.has(actualAnchor ?? "");
+		const isCorner = () => CORNER_ANCHOR_SET.has(actualAnchor ?? "");
 		const autoWidthLayout = () => [TEXT_LAYOUT.AUTO_HEIGHT, TEXT_LAYOUT.SMART].includes(text.getAttrs().layout);
 		text.on("transformstart", (e) => {
 			const ctrlOrMeta = e.evt.ctrlKey || e.evt.metaKey;
@@ -16268,6 +16338,7 @@ var WeaveTextV2Node = class extends WeaveNode {
 	serialize(instance) {
 		const attrs = instance.getAttrs();
 		const cleanedAttrs = { ...attrs };
+		for (const key of Object.keys(cleanedAttrs)) if (typeof cleanedAttrs[key] === "function") delete cleanedAttrs[key];
 		delete cleanedAttrs.mutexLocked;
 		delete cleanedAttrs.mutexUserId;
 		delete cleanedAttrs.draggable;