autumnnote 1.0.6 → 1.0.8

package/dist/autumnnote.es.js

@@ -566,8 +566,24 @@ function underline() {
 }
 /**
 * Strikethrough / removes strikethrough.
+* Falls back to manual DOM manipulation inside nested formats where
+* execCommand's state detection is unreliable (mirrors underline() logic).
 */
-var strikethrough = () => execCommand("strikeThrough");
+function strikethrough() {
+	const sel = window.getSelection();
+	if (!sel || !sel.rangeCount) return;
+	let sc = sel.getRangeAt(0).startContainer;
+	if (sc.nodeType === 3) sc = sc.parentElement;
+	const sEl = sc && sc.closest && (sc.closest("s") || sc.closest("strike"));
+	const nativeState = document.queryCommandState("strikeThrough");
+	if (sEl && !nativeState) {
+		const parent = sEl.parentNode;
+		while (sEl.firstChild) parent.insertBefore(sEl.firstChild, sEl);
+		parent.removeChild(sEl);
+		return;
+	}
+	execCommand("strikeThrough");
+}
 /**
 * Superscript toggle.
 */
@@ -598,14 +614,48 @@ var fontName = (name) => execCommand("fontName", name);
 * @param {HTMLElement} [editable] - scoping element to avoid touching nodes outside this editor
 */
 function fontSize(size, editable = document) {
+	const sel = window.getSelection();
+	const wasCollapsed = !sel || !sel.rangeCount || sel.getRangeAt(0).collapsed;
+	if (wasCollapsed && sel && sel.rangeCount > 0) {
+		try {
+			const range = sel.getRangeAt(0);
+			const span = document.createElement("span");
+			span.style.fontSize = size;
+			const zwsNode = document.createTextNode("​");
+			span.appendChild(zwsNode);
+			range.insertNode(span);
+			const nr = document.createRange();
+			nr.setStart(zwsNode, zwsNode.textContent.length);
+			nr.collapse(true);
+			sel.removeAllRanges();
+			sel.addRange(nr);
+		} catch (_) {}
+		return;
+	}
 	execCommand("fontSize", "7");
-	editable.querySelectorAll("font[size=\"7\"]").forEach((el) => {
+	const scope = editable instanceof HTMLElement ? editable : document;
+	const newSpans = [];
+	scope.querySelectorAll("font[size=\"7\"]").forEach((el) => {
 		const span = document.createElement("span");
 		span.style.fontSize = size;
 		el.parentNode.insertBefore(span, el);
 		while (el.firstChild) span.appendChild(el.firstChild);
 		el.parentNode.removeChild(el);
+		newSpans.push(span);
 	});
+	if (!wasCollapsed && sel && newSpans.length > 0) {
+		const first = newSpans[0];
+		const last = newSpans[newSpans.length - 1];
+		try {
+			const nr = document.createRange();
+			const startNode = first.firstChild || first;
+			const endNode = last.lastChild || last;
+			nr.setStart(startNode, 0);
+			nr.setEnd(endNode, endNode.nodeType === Node.TEXT_NODE ? endNode.textContent.length : endNode.childNodes.length);
+			sel.removeAllRanges();
+			sel.addRange(nr);
+		} catch (_) {}
+	}
 }
 /**
 * Wraps the selection in the given block tag (p, h1-h6, blockquote, pre).
@@ -634,8 +684,57 @@ var justifyFull = () => execCommand("justifyFull");
 var indent = () => execCommand("indent");
 /**
 * Outdents the list or block.
+* G.5: When cursor is inside a checklist item, "outdent" means converting
+* that item back to a regular <p> element rather than calling execCommand
+* (which would destroy the ul > li checklist structure).
+*/
+function outdent() {
+	const sel = window.getSelection();
+	if (sel && sel.rangeCount) {
+		let container = sel.getRangeAt(0).commonAncestorContainer;
+		if (container.nodeType === 3) container = container.parentElement;
+		const checkLi = container && container.closest && container.closest(".an-checklist li");
+		if (checkLi) {
+			_checklistItemToP(checkLi);
+			return;
+		}
+	}
+	execCommand("outdent");
+}
+/**
+* G.5 helper: splits a checklist at checkLi, converts it to a <p>,
+* and keeps items before/after as separate checklists.
+* @param {HTMLElement} checkLi
 */
-var outdent = () => execCommand("outdent");
+function _checklistItemToP(checkLi) {
+	const checkUl = checkLi.closest(".an-checklist");
+	if (!checkUl) return;
+	const allLis = Array.from(checkUl.children);
+	const liIndex = allLis.indexOf(checkLi);
+	const afterLis = allLis.slice(liIndex + 1);
+	const p = document.createElement("p");
+	p.textContent = Array.from(checkLi.childNodes).filter((n) => !(n.nodeType === 1 && n.tagName === "INPUT")).map((n) => n.textContent).join("").replace(/\u200B/g, "").trim() || "\xA0";
+	if (afterLis.length > 0) {
+		const newUl = document.createElement("ul");
+		newUl.className = "an-checklist";
+		afterLis.forEach((li) => newUl.appendChild(li));
+		checkUl.parentNode.insertBefore(newUl, checkUl.nextSibling);
+	}
+	checkUl.parentNode.insertBefore(p, checkUl.nextSibling);
+	checkUl.removeChild(checkLi);
+	if (checkUl.children.length === 0) checkUl.parentNode.removeChild(checkUl);
+	try {
+		const nr = document.createRange();
+		const firstChild = p.firstChild;
+		nr.setStart(firstChild && firstChild.nodeType === 3 ? firstChild : p, 0);
+		nr.collapse(true);
+		const s = window.getSelection();
+		if (s) {
+			s.removeAllRanges();
+			s.addRange(nr);
+		}
+	} catch {}
+}
 /**
 * Inserts an unordered list or converts selection.
 */
@@ -710,9 +809,24 @@ function toggleInlineCode(editable) {
 	const codeEl = container && container.closest ? container.closest("code") : null;
 	if (codeEl && !codeEl.closest("pre")) {
 		const parent = codeEl.parentNode;
+		const prevSibling = codeEl.previousSibling;
+		const movedChildren = Array.from(codeEl.childNodes);
 		while (codeEl.firstChild) parent.insertBefore(codeEl.firstChild, codeEl);
 		parent.removeChild(codeEl);
-		if (editable) editable.normalize();
+		if (parent && parent.normalize) parent.normalize();
+		if (movedChildren.length > 0) try {
+			const firstMoved = movedChildren[0];
+			const lastMoved = movedChildren[movedChildren.length - 1];
+			const nr = document.createRange();
+			const anchorNode = firstMoved.parentNode === parent ? firstMoved : prevSibling ? prevSibling.nextSibling : parent.firstChild;
+			if (anchorNode) {
+				nr.setStart(anchorNode, 0);
+				const endAnchor = lastMoved.parentNode === parent ? lastMoved : anchorNode;
+				nr.setEnd(endAnchor, endAnchor.nodeType === Node.TEXT_NODE ? endAnchor.textContent.length : endAnchor.childNodes.length);
+				sel.removeAllRanges();
+				sel.addRange(nr);
+			}
+		} catch (_) {}
 	} else {
 		if (range.collapsed) return;
 		try {
@@ -737,14 +851,17 @@ function toggleInlineCode(editable) {
 /**
 * Returns true when the cursor / selection is inside an inline <code>
 * (not nested in a <pre>).
+* Uses startContainer for reliable cross-browser detection regardless of
+* whether the selection is collapsed or a range (commonAncestorContainer
+* can behave inconsistently for range selections on some browsers).
 * @returns {boolean}
 */
 function isInlineCode() {
 	const sel = window.getSelection();
 	if (!sel || !sel.rangeCount) return false;
-	let container = sel.getRangeAt(0).commonAncestorContainer;
-	if (container.nodeType === 3) container = container.parentElement;
-	const code = container && container.closest ? container.closest("code") : null;
+	let sc = sel.getRangeAt(0).startContainer;
+	if (sc.nodeType === 3) sc = sc.parentElement;
+	const code = sc && sc.closest ? sc.closest("code") : null;
 	return !!(code && !code.closest("pre"));
 }
 /**
@@ -755,7 +872,8 @@ function isInlineCode() {
 function toggleChecklist() {
 	const sel = window.getSelection();
 	if (!sel || !sel.rangeCount) return;
-	let container = sel.getRangeAt(0).commonAncestorContainer;
+	const range = sel.getRangeAt(0);
+	let container = range.commonAncestorContainer;
 	if (container.nodeType === 3) container = container.parentElement;
 	const ul = container.closest && container.closest(".an-checklist");
 	if (ul) {
@@ -781,10 +899,99 @@ function toggleChecklist() {
 			return;
 		}
 	}
-	const lines = sel.toString().split(/\r?\n/).filter((l) => l.trim().length > 0);
-	if (lines.length === 0) return;
-	const items = lines.map((l) => `<li><input type="checkbox" contenteditable="false">${l || "​"}</li>`).join("");
-	document.execCommand("insertHTML", false, `<ul class="an-checklist">${items}</ul>`);
+	if (range.collapsed) {
+		const BLOCK_TAGS = new Set([
+			"P",
+			"DIV",
+			"H1",
+			"H2",
+			"H3",
+			"H4",
+			"H5",
+			"H6",
+			"BLOCKQUOTE",
+			"LI"
+		]);
+		let block = container;
+		while (block && block.parentNode && !BLOCK_TAGS.has(block.tagName)) block = block.parentNode;
+		const itemText = block && BLOCK_TAGS.has(block.tagName) ? Array.from(block.childNodes).map((n) => n.textContent).join("").replace(/\u00a0/g, " ") : "";
+		const ul = document.createElement("ul");
+		ul.className = "an-checklist";
+		const li = document.createElement("li");
+		const checkbox = document.createElement("input");
+		checkbox.type = "checkbox";
+		checkbox.contentEditable = "false";
+		li.appendChild(checkbox);
+		li.appendChild(document.createTextNode(itemText || "​"));
+		ul.appendChild(li);
+		if (block && BLOCK_TAGS.has(block.tagName)) block.parentNode.replaceChild(ul, block);
+		else {
+			document.execCommand("insertHTML", false, ul.outerHTML);
+			return;
+		}
+		const textNode = li.lastChild;
+		const nr = document.createRange();
+		const offset = textNode.nodeType === Node.TEXT_NODE ? textNode.textContent.length : 0;
+		nr.setStart(textNode, offset);
+		nr.collapse(true);
+		sel.removeAllRanges();
+		sel.addRange(nr);
+		return;
+	}
+	if (!sel.toString().replace(/[\u00a0\u200B]/g, " ").trim()) return;
+	const BLOCK_TAGS_MULTI = new Set([
+		"P",
+		"DIV",
+		"H1",
+		"H2",
+		"H3",
+		"H4",
+		"H5",
+		"H6",
+		"BLOCKQUOTE",
+		"PRE",
+		"LI"
+	]);
+	const blocks = [];
+	const seenBlocks = /* @__PURE__ */ new Set();
+	const commonAncestor = range.commonAncestorContainer;
+	const iter = document.createNodeIterator(commonAncestor.nodeType === Node.TEXT_NODE ? commonAncestor.parentNode : commonAncestor, NodeFilter.SHOW_TEXT | NodeFilter.SHOW_ELEMENT, null);
+	let node;
+	while (node = iter.nextNode()) {
+		if (!range.intersectsNode(node)) continue;
+		let block = node.nodeType === Node.TEXT_NODE ? node.parentElement : node;
+		while (block && !BLOCK_TAGS_MULTI.has(block.tagName)) block = block.parentElement;
+		if (block && !seenBlocks.has(block)) {
+			seenBlocks.add(block);
+			blocks.push(block);
+		}
+	}
+	if (blocks.length === 0) return;
+	const newUl = document.createElement("ul");
+	newUl.className = "an-checklist";
+	let lastTextNode = null;
+	blocks.forEach((block) => {
+		const li = document.createElement("li");
+		const cb = document.createElement("input");
+		cb.type = "checkbox";
+		cb.setAttribute("contenteditable", "false");
+		li.appendChild(cb);
+		const blockText = Array.from(block.childNodes).map((n) => n.textContent).join("").replace(/[\u00a0\u200B]/g, " ").trim();
+		const tn = document.createTextNode(blockText || "​");
+		li.appendChild(tn);
+		newUl.appendChild(li);
+		lastTextNode = tn;
+	});
+	const firstBlock = blocks[0];
+	firstBlock.parentNode.insertBefore(newUl, firstBlock);
+	blocks.forEach((block) => block.parentNode && block.parentNode.removeChild(block));
+	if (lastTextNode) {
+		const nr = document.createRange();
+		nr.setStart(lastTextNode, lastTextNode.textContent.length);
+		nr.collapse(true);
+		sel.removeAllRanges();
+		sel.addRange(nr);
+	}
 }
 /**
 * Returns true when the cursor is inside a checklist item.
@@ -849,9 +1056,9 @@ var underlineBtn = btn("underline", "underline", "Underline (Ctrl+U)", () => und
 	if (document.queryCommandState("underline")) return true;
 	const sel = window.getSelection();
 	if (!sel || !sel.rangeCount) return false;
-	let container = sel.getRangeAt(0).commonAncestorContainer;
-	if (container.nodeType === 3) container = container.parentElement;
-	return !!(container && container.closest && container.closest("u"));
+	let sc = sel.getRangeAt(0).startContainer;
+	if (sc.nodeType === 3) sc = sc.parentElement;
+	return !!(sc && sc.closest && sc.closest("u"));
 });
 var strikeBtn = btn("strikethrough", "strikethrough", "Strikethrough", () => strikethrough(), () => document.queryCommandState("strikeThrough"));
 var superscriptBtn = btn("superscript", "superscript", "Superscript", () => superscript(), () => document.queryCommandState("superscript"));
@@ -1254,7 +1461,6 @@ var PROHIBITED_TAGS = [
 	"object",
 	"embed",
 	"form",
-	"input",
 	"button"
 ];
 /** Attributes whose values must be sanitised as URLs. */
@@ -1278,7 +1484,8 @@ var TRUSTED_IFRAME_HOSTS = new Set([
 * Uses DOMParser so the sanitisation follows normal browser parsing rules —
 * no regex shortcuts that can be bypassed by encoding tricks.
 *
-* - Strips PROHIBITED_TAGS (script, style, iframe, object, embed, form, input, button)
+* - Strips PROHIBITED_TAGS (script, style, iframe, object, embed, form, button)
+* - Allows input[type="checkbox"] only inside ul.an-checklist li; removes all other <input>
 * - Removes all on* event-handler attributes
 * - Rejects javascript: and vbscript: URLs in URL attributes
 * - Rejects data: URIs everywhere except img[src] (base64 uploads)
@@ -1317,6 +1524,16 @@ function sanitiseHTML(html, { allowIframes = false } = {}) {
 			}
 		});
 	});
+	doc.querySelectorAll("input").forEach((el) => {
+		if (!(el.closest("ul.an-checklist") !== null && el.closest("li") !== null) || el.getAttribute("type") !== "checkbox") el.remove();
+		else Array.from(el.attributes).forEach((attr) => {
+			if (![
+				"type",
+				"checked",
+				"contenteditable"
+			].includes(attr.name)) el.removeAttribute(attr.name);
+		});
+	});
 	return doc.body.innerHTML;
 }
 /**
@@ -1397,7 +1614,12 @@ function renderLayout(targetEl, options) {
 	if (options.maxHeight) editable.style.maxHeight = `${options.maxHeight}px`;
 	container.appendChild(editable);
 	if (options.theme === "dark") container.classList.add("an-theme-dark");
-	if (options.readOnly) container.classList.add("an-disabled");
+	if (options.readOnly) {
+		container.classList.add("an-disabled");
+		editable.querySelectorAll("ul.an-checklist input[type=\"checkbox\"]").forEach((cb) => {
+			cb.setAttribute("disabled", "");
+		});
+	}
 	if (options.direction === "rtl") {
 		editable.setAttribute("dir", "rtl");
 		container.classList.add("an-dir-rtl");
@@ -1857,7 +2079,7 @@ function handleKeydown(event, editable, options = {}) {
 		const para = closestPara(range.sc, editable);
 		if (para && isLi(para)) {
 			event.preventDefault();
-			if (event.shiftKey) execCommand("outdent");
+			if (event.shiftKey) outdent();
 			else execCommand("indent");
 			return true;
 		}
@@ -2276,7 +2498,42 @@ var Editor = class {
 			sel.removeAllRanges();
 			sel.addRange(nr);
 		};
-		this._disposers.push(on(editable, "keydown", onKeydown), on(editable, "beforeinput", onBeforeInput), on(editable, "input", onInput), on(document, "selectionchange", onSelChange), on(editable, "click", onCheckboxClick), on(editable, "mouseup", fixChecklistCursor), on(editable, "keyup", fixChecklistCursor));
+		const isReadOnly = () => this.context.layoutInfo.container.classList.contains("an-disabled");
+		this._disposers.push(on(editable, "keydown", onKeydown), on(editable, "beforeinput", onBeforeInput), on(editable, "input", onInput), on(document, "selectionchange", onSelChange), on(editable, "click", onCheckboxClick), on(editable, "mouseup", fixChecklistCursor), on(editable, "keyup", fixChecklistCursor), on(editable, "dragstart", (e) => {
+			if (isReadOnly()) {
+				e.preventDefault();
+				return;
+			}
+			const target = e.target;
+			if (target && (target.nodeName === "IFRAME" || target.closest && target.closest(".an-video-wrapper"))) e.preventDefault();
+		}), on(editable, "drop", (e) => {
+			if (isReadOnly()) e.preventDefault();
+		}));
+		/** @type {string|null} 'superscript' | 'subscript' | null */
+		let _compositionSupSub = null;
+		const onCompositionStart = () => {
+			const sel = window.getSelection();
+			if (!sel || !sel.rangeCount) {
+				_compositionSupSub = null;
+				return;
+			}
+			let node = sel.getRangeAt(0).startContainer;
+			if (node.nodeType === Node.TEXT_NODE) node = node.parentElement;
+			if (node && node.closest) if (node.closest("sup")) _compositionSupSub = "superscript";
+			else if (node.closest("sub")) _compositionSupSub = "subscript";
+			else _compositionSupSub = null;
+		};
+		const onCompositionEnd = () => {
+			const tag = _compositionSupSub;
+			_compositionSupSub = null;
+			if (!tag) return;
+			const sel = window.getSelection();
+			if (!sel || !sel.rangeCount) return;
+			let node = sel.getRangeAt(0).startContainer;
+			if (node.nodeType === Node.TEXT_NODE) node = node.parentElement;
+			if (!(node && node.closest && (tag === "superscript" ? node.closest("sup") : node.closest("sub")))) document.execCommand(tag);
+		};
+		this._disposers.push(on(editable, "compositionstart", onCompositionStart), on(editable, "compositionend", onCompositionEnd));
 	}
 	_onKeydown(event) {
 		const editable = this.context.layoutInfo.editable;
@@ -2362,6 +2619,7 @@ var Editor = class {
 		}
 	}
 	afterCommand() {
+		this._cleanOrphanedFigures();
 		this.context.invoke("toolbar.refresh");
 		this.context.invoke("statusbar.update");
 		this._scheduleSnapshot();
@@ -2378,6 +2636,16 @@ var Editor = class {
 			this.context.triggerEvent("change", this.getHTML());
 		}, 400);
 	}
+	/**
+	* C4: Removes figure.an-figure elements that no longer contain an <img>.
+	* This happens when a user selects only the image (not the whole figure)
+	* and deletes or replaces it, leaving a dangling figcaption.
+	*/
+	_cleanOrphanedFigures() {
+		this.context.layoutInfo.editable.querySelectorAll("figure.an-figure").forEach((fig) => {
+			if (!fig.querySelector("img")) fig.parentNode.removeChild(fig);
+		});
+	}
 	focus() {
 		this.context.layoutInfo.editable.focus();
 	}
@@ -2394,7 +2662,7 @@ var Editor = class {
 	* @param {string} html - HTML string (will be sanitised)
 	*/
 	setHTML(html) {
-		this.context.layoutInfo.editable.innerHTML = sanitiseHTML(html);
+		this.context.layoutInfo.editable.innerHTML = sanitiseHTML(html, { allowIframes: true });
 		if (this._history) this._history.reset();
 		this.afterCommand();
 	}
@@ -3109,15 +3377,28 @@ var Toolbar = class {
 			if (def.name === "fontFamily" && !isHeader) opt.style.fontFamily = value;
 			select.appendChild(opt);
 		});
+		/** @type {Range|null} */
+		let _savedRange = null;
+		const dMousedown = on(select, "mousedown", () => {
+			const sel = window.getSelection();
+			_savedRange = sel && sel.rangeCount ? sel.getRangeAt(0).cloneRange() : null;
+		});
 		const disposer = on(select, "change", (e) => {
 			const value = e.target.value;
 			const selectedOpt = e.target.options[e.target.selectedIndex];
 			if (!value || selectedOpt.disabled) return;
 			this.context.invoke("editor.focus");
+			if (_savedRange) try {
+				const sel = window.getSelection();
+				if (sel) {
+					sel.removeAllRanges();
+					sel.addRange(_savedRange);
+				}
+			} catch (_) {}
 			def.action(this.context, value);
 			this.context.invoke("editor.afterCommand");
 		});
-		this._disposers.push(disposer);
+		this._disposers.push(dMousedown, disposer);
 		return select;
 	}
 	/**
@@ -3574,9 +3855,25 @@ var Clipboard = class {
 			this.options.onImageUpload(files);
 			return;
 		}
+		const UNSUPPORTED = [
+			"image/tiff",
+			"image/x-tiff",
+			"image/bmp",
+			"image/x-bmp",
+			"image/x-ms-bmp"
+		];
 		const maxBytes = (this.options.maxImageSize || 5) * 1024 * 1024;
 		files.forEach((file) => {
 			if (!file || !file.type.startsWith("image/")) return;
+			if (UNSUPPORTED.includes(file.type)) {
+				const message = `Image format "${file.type}" is not supported for display in web browsers. Please convert to PNG, JPEG, or WebP first.`;
+				this.context.triggerEvent("imageError", {
+					file,
+					message
+				});
+				console.warn("[AutumnNote]", message);
+				return;
+			}
 			if (file.size > maxBytes) {
 				const message = `Image "${file.name}" exceeds the ${this.options.maxImageSize || 5} MB size limit.`;
 				this.context.triggerEvent("imageError", {
@@ -3740,7 +4037,7 @@ var Placeholder = class {
 	_update() {
 		const editable = this.context.layoutInfo.editable;
 		const isFocused = document.activeElement === editable;
-		const isEmpty = !editable.textContent.trim() && !editable.querySelector("img, table, hr");
+		const isEmpty = !(editable.textContent.replace(/\u200B/g, "").trim().length > 0) && !editable.querySelector("img, table, hr, .an-video-wrapper");
 		editable.classList.toggle("an-placeholder", isEmpty && !isFocused);
 	}
 };
@@ -4175,12 +4472,14 @@ var ImageDialog = class {
 			const fileInput = createElement("input", {
 				type: "file",
 				class: "an-input",
-				accept: "image/*"
+				accept: "image/jpeg,image/png,image/gif,image/webp,image/svg+xml,image/avif"
 			});
 			this._fileInput = fileInput;
+			const fileHint = createElement("p", { class: "an-dialog-hint" });
+			this._fileHint = fileHint;
 			const d = on(fileInput, "change", () => this._onFileChange());
 			this._disposers.push(d);
-			box.append(fileLabel, fileInput);
+			box.append(fileLabel, fileInput, fileHint);
 		}
 		const btnRow = createElement("div", { class: "an-dialog-actions" });
 		const insertBtn = createElement("button", {
@@ -4220,9 +4519,28 @@ var ImageDialog = class {
 	_onFileChange() {
 		const file = this._fileInput && this._fileInput.files && this._fileInput.files[0];
 		if (!file || !file.type.startsWith("image/")) return;
+		if (!new Set([
+			"image/jpeg",
+			"image/png",
+			"image/gif",
+			"image/webp",
+			"image/svg+xml",
+			"image/avif"
+		]).has(file.type)) {
+			const message = `Format "${file.type}" is not supported for display in web browsers. Please convert to JPEG, PNG, or WebP first.`;
+			if (this._fileHint) this._fileHint.textContent = message;
+			this.context.triggerEvent("imageError", {
+				file,
+				message
+			});
+			this._fileInput.value = "";
+			return;
+		}
+		if (this._fileHint) this._fileHint.textContent = "";
 		const maxSize = (this.options.maxImageSize || 5) * 1024 * 1024;
 		if (file.size > maxSize) {
 			const message = `Image file is too large. Maximum allowed size is ${this.options.maxImageSize || 5} MB.`;
+			if (this._fileHint) this._fileHint.textContent = message;
 			console.warn("[AutumnNote] ImageDialog:", message);
 			this.context.triggerEvent("imageError", {
 				file,
@@ -4534,6 +4852,7 @@ var ImageResizer = class {
 			_resizeDebounce = setTimeout(() => this._updateOverlayPosition(), 100);
 		};
 		this._disposers.push(on(editable, "click", (e) => this._onEditorClick(e)), on(editable, "contextmenu", (e) => {
+			if (this.context.layoutInfo.container.classList.contains("an-disabled")) return;
 			const img = e.target.closest("img");
 			if (img) this._select(img);
 		}), on(document, "click", (e) => this._onDocClick(e)), on(window, "scroll", () => this._updateOverlayPosition(), { passive: true }), on(window, "resize", onWindowResize, { passive: true }), on(editable, "scroll", () => this._updateOverlayPosition(), { passive: true }));
@@ -4584,6 +4903,7 @@ var ImageResizer = class {
 		return overlay;
 	}
 	_onEditorClick(e) {
+		if (this.context.layoutInfo.container.classList.contains("an-disabled")) return;
 		const img = e.target.closest("img");
 		if (img) {
 			e.preventDefault();
@@ -4740,9 +5060,12 @@ var VideoResizer = class {
 			_resizeDebounce = setTimeout(() => this._updateOverlayPosition(), 100);
 		};
 		this._disposers.push(on(editable, "click", (e) => this._onEditorClick(e)), on(editable, "contextmenu", (e) => {
+			if (this.context.layoutInfo.container.classList.contains("an-disabled")) return;
 			const wrapper = this._findWrapper(e.target);
 			if (wrapper) this._select(wrapper);
-		}), on(document, "click", (e) => this._onDocClick(e)), on(window, "scroll", () => this._updateOverlayPosition(), { passive: true }), on(window, "resize", onWindowResize), on(editable, "scroll", () => this._updateOverlayPosition(), { passive: true }));
+		}), on(document, "click", (e) => this._onDocClick(e)), on(window, "scroll", () => this._updateOverlayPosition(), { passive: true }), on(window, "resize", onWindowResize), on(editable, "scroll", () => this._updateOverlayPosition(), { passive: true }), on(editable, "dragstart", (e) => {
+			if (e.target instanceof Element && e.target.closest(".an-video-wrapper")) e.preventDefault();
+		}));
 		return this;
 	}
 	destroy() {
@@ -4801,6 +5124,7 @@ var VideoResizer = class {
 		return overlay;
 	}
 	_onEditorClick(e) {
+		if (this.context.layoutInfo.container.classList.contains("an-disabled")) return;
 		const wrapper = this._findWrapper(e.target);
 		if (wrapper) {
 			e.preventDefault();
@@ -4999,9 +5323,12 @@ var LinkTooltip = class {
 		}, HIDE_DELAY$4);
 	}
 	_show(anchor) {
+		const isReadOnly = this.context.layoutInfo.container.classList.contains("an-disabled");
 		const url = anchor.getAttribute("href") || "";
 		this._urlLabel.textContent = this._truncateUrl(url);
 		this._urlLabel.title = url;
+		this._editBtn.style.display = isReadOnly ? "none" : "";
+		this._unlinkBtn.style.display = isReadOnly ? "none" : "";
 		this._el.style.display = "flex";
 		this._positionNear(anchor);
 	}
@@ -5115,6 +5442,7 @@ var ImageTooltip = class {
 		document.body.appendChild(this._el);
 		const editable = this.context.layoutInfo.editable;
 		this._disposers.push(on(editable, "mouseover", (e) => {
+			if (this.context.layoutInfo.container.classList.contains("an-disabled")) return;
 			const img = e.target.closest("img");
 			if (img && editable.contains(img) && !img.closest("a[href]")) this._scheduleShow(img);
 		}, { passive: true }), on(editable, "mouseout", (e) => {
@@ -5241,6 +5569,7 @@ var ImageTooltip = class {
 		const target = img.closest("figure.an-figure") || img;
 		target.style.float = value;
 		target.style.display = "";
+		if (target !== img) target.style.width = "";
 		target.style.marginLeft = value === "right" ? "12px" : "";
 		target.style.marginRight = value === "left" ? "12px" : "";
 		this.context.invoke("editor.afterCommand");
@@ -5255,6 +5584,7 @@ var ImageTooltip = class {
 		const target = img.closest("figure.an-figure") || img;
 		target.style.float = "";
 		target.style.display = "block";
+		if (target !== img) target.style.width = "fit-content";
 		target.style.marginLeft = "auto";
 		target.style.marginRight = "auto";
 		this.context.invoke("editor.afterCommand");
@@ -5339,6 +5669,7 @@ var ImageTooltip = class {
 			img.style.marginRight = "";
 		} else if (img.style.display === "block" && img.style.marginLeft === "auto") {
 			figure.style.display = "block";
+			figure.style.width = "fit-content";
 			figure.style.marginLeft = "auto";
 			figure.style.marginRight = "auto";
 			img.style.display = "";
@@ -5393,6 +5724,7 @@ var VideoTooltip = class {
 		document.body.appendChild(this._el);
 		const editable = this.context.layoutInfo.editable;
 		this._disposers.push(on(editable, "mouseover", (e) => {
+			if (this.context.layoutInfo.container.classList.contains("an-disabled")) return;
 			const wrapper = e.target.closest(".an-video-wrapper");
 			if (wrapper && editable.contains(wrapper)) this._scheduleShow(wrapper);
 		}, { passive: true }), on(editable, "mouseout", (e) => {
@@ -5649,6 +5981,47 @@ function getCellAfterVisualCol(row, visualIdx) {
 	}
 	return null;
 }
+/**
+* Build a 2D grid map of the table, accounting for both rowspan and colspan.
+*
+* gridMap[r][c] = the DOM cell occupying visual grid position (r, c).
+* cellPos       = WeakMap: cell → { r, c, rs, cs }  (top-left grid origin + span).
+*
+* Uses HTMLTableElement.rows which is scoped to the table itself and never
+* includes rows from nested tables.
+*
+* @param {HTMLTableElement} table
+* @returns {{ gridMap: Object, cellPos: WeakMap }}
+*/
+function buildGridMap(table) {
+	const rows = Array.from(table.rows);
+	const gridMap = {};
+	const cellPos = /* @__PURE__ */ new WeakMap();
+	rows.forEach((row, r) => {
+		if (!gridMap[r]) gridMap[r] = {};
+		let c = 0;
+		for (const cell of row.cells) {
+			while (gridMap[r][c]) c++;
+			const rs = cell.rowSpan || 1;
+			const cs = cell.colSpan || 1;
+			cellPos.set(cell, {
+				r,
+				c,
+				rs,
+				cs
+			});
+			for (let dr = 0; dr < rs; dr++) {
+				if (!gridMap[r + dr]) gridMap[r + dr] = {};
+				for (let dc = 0; dc < cs; dc++) gridMap[r + dr][c + dc] = cell;
+			}
+			c += cs;
+		}
+	});
+	return {
+		gridMap,
+		cellPos
+	};
+}
 var ICONS$2 = {
 	rowAbove: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="1"/><line x1="3" y1="12" x2="21" y2="12"/><path d="M12 3v7"/><path d="M9 7l3-4 3 4"/></svg>`,
 	rowBelow: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="1"/><line x1="3" y1="12" x2="21" y2="12"/><path d="M12 12v7"/><path d="M9 17l3 4 3-4"/></svg>`,
@@ -5657,10 +6030,12 @@ var ICONS$2 = {
 	colRight: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="1"/><line x1="12" y1="3" x2="12" y2="21"/><path d="M12 12h9"/><path d="M17 8l4 4-4 4"/></svg>`,
 	deleteCol: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="1"/><line x1="12" y1="3" x2="12" y2="21"/><line x1="15" y1="6" x2="21" y2="12"/><line x1="21" y1="6" x2="15" y2="12"/></svg>`,
 	mergeCells: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="8" height="10" rx="1"/><rect x="14" y="7" width="8" height="10" rx="1"/><path d="M10 12h4"/><path d="M12 10l2 2-2 2"/></svg>`,
+	unmergeCells: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="5" width="20" height="14" rx="1"/><line x1="12" y1="5" x2="12" y2="19" stroke-dasharray="2.5 2"/><line x1="2" y1="12" x2="22" y2="12" stroke-dasharray="2.5 2"/><path d="M9 9 L6 12 L9 15"/><path d="M15 9 L18 12 L15 15"/></svg>`,
 	colWidth: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="7" y1="4" x2="7" y2="20"/><line x1="17" y1="4" x2="17" y2="20"/><line x1="7" y1="12" x2="17" y2="12"/><path d="M10 9l-3 3 3 3"/><path d="M14 9l3 3-3 3"/></svg>`,
 	rowHeight: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="7" x2="20" y2="7"/><line x1="4" y1="17" x2="20" y2="17"/><line x1="12" y1="7" x2="12" y2="17"/><path d="M9 10l3-3 3 3"/><path d="M9 14l3 3 3-3"/></svg>`,
 	tableBorder: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round"><line x1="3" y1="6" x2="21" y2="6" stroke-width="1"/><line x1="3" y1="13" x2="21" y2="13" stroke-width="2"/><line x1="3" y1="20" x2="21" y2="20" stroke-width="3"/></svg>`,
-	deleteTable: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="1"/><line x1="3" y1="9" x2="21" y2="9"/><line x1="3" y1="15" x2="21" y2="15"/><line x1="9" y1="3" x2="9" y2="21"/><line x1="15" y1="3" x2="15" y2="21"/><line x1="16" y1="16" x2="22" y2="22" stroke="#ef4444"/><line x1="22" y1="16" x2="16" y2="22" stroke="#ef4444"/></svg>`
+	deleteTable: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="1"/><line x1="3" y1="9" x2="21" y2="9"/><line x1="3" y1="15" x2="21" y2="15"/><line x1="9" y1="3" x2="9" y2="21"/><line x1="15" y1="3" x2="15" y2="21"/><line x1="16" y1="16" x2="22" y2="22" stroke="#ef4444"/><line x1="22" y1="16" x2="16" y2="22" stroke="#ef4444"/></svg>`,
+	selectCells: `<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4 L4 20 L9 15 L12 21 L14 20 L11 14 L17 14 Z" fill="currentColor" opacity="0.15"/><path d="M4 4 L4 20 L9 15 L12 21 L14 20 L11 14 L17 14 Z"/></svg>`
 };
 var TableTooltip = class {
 	/** @param {import('../Context.js').Context} context */
@@ -5676,6 +6051,12 @@ var TableTooltip = class {
 		this._sizeApply = null;
 		this._sizeTitleEl = null;
 		this._sizeInputEl = null;
+		this._selectMode = false;
+		this._selectedCells = [];
+		this._selectStart = null;
+		this._selectDragging = false;
+		this._selectBtn = null;
+		this._editable = null;
 	}
 	initialize() {
 		this._el = this._buildTooltip();
@@ -5683,7 +6064,31 @@ var TableTooltip = class {
 		this._sizePopover = this._buildSizePopover();
 		document.body.appendChild(this._sizePopover);
 		const editable = this.context.layoutInfo.editable;
+		this._editable = editable;
+		const onSelMousedown = (e) => {
+			if (!this._selectMode) return;
+			const cell = e.target.closest("td, th");
+			if (!cell || !editable.contains(cell)) return;
+			if (cell.style.cursor === "col-resize" || cell.style.cursor === "row-resize") return;
+			e.preventDefault();
+			this._activeTable = cell.closest("table");
+			this._selectStart = cell;
+			this._selectDragging = true;
+			this._setSelection([cell]);
+		};
+		const onSelMousemove = (e) => {
+			if (!this._selectMode || !this._selectDragging || !this._selectStart) return;
+			const cell = e.target.closest("td, th");
+			if (!cell || !editable.contains(cell)) return;
+			if (cell.closest("table") !== this._activeTable) return;
+			this._setSelection(this._getRectCells(this._selectStart, cell));
+		};
+		const onSelMouseup = () => {
+			this._selectDragging = false;
+		};
+		this._disposers.push(on(editable, "mousedown", onSelMousedown), on(editable, "mousemove", onSelMousemove), on(document, "mouseup", onSelMouseup));
 		this._disposers.push(on(editable, "mouseover", (e) => {
+			if (this.context.layoutInfo.container.classList.contains("an-disabled")) return;
 			const table = e.target.closest("table");
 			if (table && editable.contains(table)) {
 				const cell = e.target.closest("td, th");
@@ -5691,9 +6096,11 @@ var TableTooltip = class {
 				this._scheduleShow(table);
 			}
 		}, { passive: true }), on(editable, "mouseout", (e) => {
+			if (this._selectMode) return;
 			const to = e.relatedTarget;
 			if (!to || !editable.contains(to) && !this._el.contains(to) && !(this._sizePopover && this._sizePopover.contains(to))) this._scheduleHide();
 		}, { passive: true }), on(document, "click", (e) => {
+			if (this._selectMode && this._activeTable && this._activeTable.contains(e.target)) return;
 			if (this._activeTable && !this._activeTable.contains(e.target) && !this._el.contains(e.target) && !(this._sizePopover && this._sizePopover.contains(e.target))) this._hide();
 		}));
 		this._initResize();
@@ -5725,6 +6132,10 @@ var TableTooltip = class {
 		};
 		const onEditorMove = (e) => {
 			if (_resizing) return;
+			if (this.context.layoutInfo.container.classList.contains("an-disabled")) {
+				clearHover();
+				return;
+			}
 			if (_rafEditorMove !== null) return;
 			const target = e.target;
 			const clientX = e.clientX;
@@ -5752,6 +6163,7 @@ var TableTooltip = class {
 			});
 		};
 		const onEditorDown = (e) => {
+			if (this.context.layoutInfo.container.classList.contains("an-disabled")) return;
 			if (!_nearCell || !_nearEdge) return;
 			_resizing = true;
 			_edge = _nearEdge;
@@ -5761,7 +6173,7 @@ var TableTooltip = class {
 			if (_edge === "col") {
 				_startW = _nearCell.offsetWidth;
 				_colIdx = getVisualColIndex(_nearCell);
-				_colCells = _colIdx >= 0 ? Array.from(_table.querySelectorAll("tr")).map((r) => getCellAtVisualCol(r, _colIdx)).filter(Boolean) : [];
+				_colCells = _colIdx >= 0 ? Array.from(_table.querySelectorAll("tr")).map((r) => getCellAtVisualCol(r, _colIdx)).filter(Boolean).filter((c) => (c.colSpan || 1) === 1) : [];
 				document.body.style.cursor = "col-resize";
 			} else {
 				_row = _nearCell.closest("tr");
@@ -5832,6 +6244,9 @@ var TableTooltip = class {
 		this._label.textContent = "Table";
 		el.appendChild(this._label);
 		el.appendChild(this._sep());
+		this._selectBtn = this._makeBtn(ICONS$2.selectCells, "Select Cells", () => this._toggleSelectMode());
+		el.appendChild(this._selectBtn);
+		el.appendChild(this._sep());
 		el.appendChild(this._makeBtn(ICONS$2.rowAbove, "Add Row Above", () => this._addRow("above")));
 		el.appendChild(this._makeBtn(ICONS$2.rowBelow, "Add Row Below", () => this._addRow("below")));
 		el.appendChild(this._makeBtn(ICONS$2.deleteRow, "Delete Row", () => this._deleteRow()));
@@ -5841,6 +6256,7 @@ var TableTooltip = class {
 		el.appendChild(this._makeBtn(ICONS$2.deleteCol, "Delete Column", () => this._deleteColumn()));
 		el.appendChild(this._sep());
 		el.appendChild(this._makeBtn(ICONS$2.mergeCells, "Merge Cells", () => this._mergeCells()));
+		el.appendChild(this._makeBtn(ICONS$2.unmergeCells, "Unmerge Cells", () => this._unmergeCells()));
 		el.appendChild(this._sep());
 		el.appendChild(this._makeBtn(ICONS$2.colWidth, "Column Width", () => this._openSizePopover("col")));
 		el.appendChild(this._makeBtn(ICONS$2.rowHeight, "Row Height", () => this._openSizePopover("row")));
@@ -5848,6 +6264,7 @@ var TableTooltip = class {
 		el.appendChild(this._sep());
 		el.appendChild(this._makeBtn(ICONS$2.deleteTable, "Delete Table", () => this._deleteTable(), true));
 		this._disposers.push(on(el, "mouseenter", () => this._clearTimers()), on(el, "mouseleave", () => {
+			if (this._selectMode) return;
 			if (this._sizePopover && this._sizePopover.style.display !== "none") return;
 			this._scheduleHide();
 		}));
@@ -5903,6 +6320,12 @@ var TableTooltip = class {
 		this._el.style.display = "none";
 		this._activeTable = null;
 		this._activeCell = null;
+		if (this._selectMode) {
+			this._selectMode = false;
+			if (this._selectBtn) this._selectBtn.classList.remove("an-link-tooltip-btn--active");
+			if (this._editable) this._editable.classList.remove("an-table-select-mode");
+		}
+		this._clearSelection();
 		this._clearTimers();
 		this._hideSizePopover();
 	}
@@ -5936,14 +6359,111 @@ var TableTooltip = class {
 		}
 		return this._activeCell || this._activeTable && this._activeTable.querySelector("td, th");
 	}
+	_toggleSelectMode() {
+		this._selectMode = !this._selectMode;
+		if (this._selectBtn) this._selectBtn.classList.toggle("an-link-tooltip-btn--active", this._selectMode);
+		if (this._editable) this._editable.classList.toggle("an-table-select-mode", this._selectMode);
+		if (!this._selectMode) this._clearSelection();
+	}
+	_clearSelection() {
+		this._selectedCells.forEach((c) => c.classList.remove("an-cell-selected"));
+		this._selectedCells = [];
+		this._selectStart = null;
+	}
+	_setSelection(cells) {
+		this._selectedCells.forEach((c) => {
+			if (!cells.includes(c)) c.classList.remove("an-cell-selected");
+		});
+		this._selectedCells = cells;
+		cells.forEach((c) => c.classList.add("an-cell-selected"));
+	}
+	/**
+	* Returns all cells in the rectangular area between startCell and endCell,
+	* correctly handling rowspan/colspan by using the grid map.
+	* The rect is expanded iteratively until it is stable — this ensures any
+	* merged cell that starts outside the initial rect but spans into it is
+	* fully included.
+	*/
+	_getRectCells(startCell, endCell) {
+		if (!startCell) return [];
+		if (!endCell || startCell === endCell) return [startCell];
+		const table = startCell.closest("table");
+		if (!table || !table.contains(endCell)) return [startCell];
+		const { gridMap, cellPos } = buildGridMap(table);
+		const sp = cellPos.get(startCell);
+		const ep = cellPos.get(endCell);
+		if (!sp || !ep) return [startCell];
+		let minR = Math.min(sp.r, ep.r);
+		let maxR = Math.max(sp.r + sp.rs - 1, ep.r + ep.rs - 1);
+		let minC = Math.min(sp.c, ep.c);
+		let maxC = Math.max(sp.c + sp.cs - 1, ep.c + ep.cs - 1);
+		let changed = true;
+		while (changed) {
+			changed = false;
+			for (let r = minR; r <= maxR; r++) {
+				const rowMap = gridMap[r];
+				if (!rowMap) continue;
+				for (let c = minC; c <= maxC; c++) {
+					const cell = rowMap[c];
+					if (!cell) continue;
+					const pos = cellPos.get(cell);
+					if (!pos) continue;
+					if (pos.r < minR) {
+						minR = pos.r;
+						changed = true;
+					}
+					if (pos.r + pos.rs - 1 > maxR) {
+						maxR = pos.r + pos.rs - 1;
+						changed = true;
+					}
+					if (pos.c < minC) {
+						minC = pos.c;
+						changed = true;
+					}
+					if (pos.c + pos.cs - 1 > maxC) {
+						maxC = pos.c + pos.cs - 1;
+						changed = true;
+					}
+				}
+			}
+		}
+		const seen = /* @__PURE__ */ new Set();
+		const result = [];
+		for (let r = minR; r <= maxR; r++) {
+			const rowMap = gridMap[r];
+			if (!rowMap) continue;
+			for (let c = minC; c <= maxC; c++) {
+				const cell = rowMap[c];
+				if (cell && !seen.has(cell)) {
+					seen.add(cell);
+					result.push(cell);
+				}
+			}
+		}
+		return result.length > 0 ? result : [startCell];
+	}
+	/**
+	* Returns the active cell set: user-selected cells when available,
+	* otherwise the single active/cursor cell.
+	* @returns {HTMLTableCellElement[]}
+	*/
+	_getSelectedCells() {
+		return this._selectedCells.length > 0 ? this._selectedCells : [this._getCell()].filter(Boolean);
+	}
 	_addRow(position) {
-		const cell = this._getCell();
-		if (!cell) return;
-		const row = cell.closest("tr");
-		if (!row) return;
-		const colCount = Array.from(row.cells).reduce((sum, c) => sum + (c.colSpan || 1), 0);
+		const cells = this._getSelectedCells();
+		if (!cells.length) return;
+		const table = cells[0].closest("table");
+		if (!table) return;
+		const allRows = Array.from(table.querySelectorAll("tr"));
+		const refRow = [...new Set(cells.map((c) => c.closest("tr")).filter(Boolean))].reduce((best, r) => {
+			const bi = allRows.indexOf(best);
+			const ri = allRows.indexOf(r);
+			return position === "above" ? ri < bi ? r : best : ri > bi ? r : best;
+		});
+		const colCount = Array.from(refRow.cells).reduce((sum, c) => sum + (c.colSpan || 1), 0);
 		const newRow = document.createElement("tr");
-		const refCells = Array.from(row.cells);
+		const refCells = Array.from(refRow.cells);
 		for (let i = 0; i < colCount; i++) {
 			const td = createElement("td", {}, ["\xA0"]);
 			const ref = refCells[i];
@@ -5951,19 +6471,20 @@ var TableTooltip = class {
 			if (ref && ref.style.minWidth) td.style.minWidth = ref.style.minWidth;
 			newRow.appendChild(td);
 		}
-		if (position === "above") row.parentElement?.insertBefore(newRow, row);
-		else row.insertAdjacentElement("afterend", newRow);
+		if (position === "above") refRow.parentElement?.insertBefore(newRow, refRow);
+		else refRow.insertAdjacentElement("afterend", newRow);
 		requestAnimationFrame(() => this._positionNear(this._activeTable));
 		this.context.invoke("editor.afterCommand");
 	}
 	_addColumn(position) {
-		const cell = this._getCell();
-		if (!cell) return;
-		const table = cell.closest("table");
+		const cells = this._getSelectedCells();
+		if (!cells.length) return;
+		const table = cells[0].closest("table");
 		if (!table) return;
-		const visualColIdx = getVisualColIndex(cell);
+		const colIndices = cells.map((c) => getVisualColIndex(c));
+		const targetColIdx = position === "left" ? Math.min(...colIndices) : Math.max(...colIndices);
 		const rows = Array.from(table.querySelectorAll("tr"));
-		const refs = rows.map((r) => position === "left" ? getCellAtVisualCol(r, visualColIdx) : getCellAfterVisualCol(r, visualColIdx));
+		const refs = rows.map((r) => position === "left" ? getCellAtVisualCol(r, targetColIdx) : getCellAfterVisualCol(r, targetColIdx));
 		const isHeaders = rows.map((r) => r.closest("thead") !== null);
 		rows.forEach((r, i) => {
 			r.insertBefore(createElement(isHeaders[i] ? "th" : "td", {}, ["\xA0"]), refs[i]);
@@ -5972,68 +6493,93 @@ var TableTooltip = class {
 		this.context.invoke("editor.afterCommand");
 	}
 	_deleteRow() {
-		const cell = this._getCell();
-		if (!cell) return;
-		const row = cell.closest("tr");
-		const table = cell.closest("table");
-		if (!row || !table) return;
+		const cells = this._getSelectedCells();
+		if (!cells.length) return;
+		const table = cells[0].closest("table");
+		if (!table) return;
 		const tbody = table.querySelector("tbody");
-		if ((tbody ? tbody.querySelectorAll("tr").length : table.querySelectorAll("tr").length) <= 1 && row.closest("tbody")) return;
+		const totalBodyRows = tbody ? tbody.querySelectorAll("tr").length : table.querySelectorAll("tr").length;
+		const selectedRows = [...new Set(cells.map((c) => c.closest("tr")).filter(Boolean))];
+		if (selectedRows.filter((r) => r.closest("tbody")).length >= totalBodyRows) return;
 		this._activeCell = null;
-		row.parentElement?.removeChild(row);
+		this._clearSelection();
+		selectedRows.forEach((r) => r.parentElement?.removeChild(r));
 		requestAnimationFrame(() => this._positionNear(this._activeTable));
 		this.context.invoke("editor.afterCommand");
 	}
 	_deleteColumn() {
-		const cell = this._getCell();
-		if (!cell) return;
-		const table = cell.closest("table");
+		const cells = this._getSelectedCells();
+		if (!cells.length) return;
+		const table = cells[0].closest("table");
 		if (!table) return;
-		const row = cell.closest("tr");
-		if (row && row.cells.length <= 1) return;
-		const visualColIdx = getVisualColIndex(cell);
-		this._activeCell = null;
-		const rows = Array.from(table.querySelectorAll("tr"));
-		rows.map((r) => getCellAtVisualCol(r, visualColIdx)).forEach((c, i) => {
-			if (c) rows[i].removeChild(c);
+		const tableRows = Array.from(table.querySelectorAll("tr"));
+		if (tableRows[0] && tableRows[0].cells.length <= 1) return;
+		const colIndices = [...new Set(cells.map((c) => getVisualColIndex(c)))];
+		if (colIndices.length >= (tableRows[0]?.cells.length ?? 1)) return;
+		const cellsToDelete = [];
+		colIndices.forEach((colIdx) => {
+			tableRows.forEach((r) => {
+				const c = getCellAtVisualCol(r, colIdx);
+				if (c) cellsToDelete.push(c);
+			});
 		});
+		this._activeCell = null;
+		this._clearSelection();
+		cellsToDelete.forEach((c) => c.parentElement?.removeChild(c));
 		requestAnimationFrame(() => this._positionNear(this._activeTable));
 		this.context.invoke("editor.afterCommand");
 	}
 	_mergeCells() {
 		const cell = this._getCell();
 		if (!cell) return;
-		const sel = window.getSelection();
-		if (!sel || sel.rangeCount === 0) return;
-		const range = sel.getRangeAt(0);
 		const table = cell.closest("table");
 		if (!table) return;
-		const selected = Array.from(table.querySelectorAll("td, th")).filter((c) => {
-			try {
-				return range.intersectsNode(c);
-			} catch {
-				return false;
-			}
-		});
-		if (selected.length < 2) return;
-		const rows = [...new Set(selected.map((c) => c.closest("tr")))];
-		if (rows.length === 1) {
-			const row = rows[0];
-			const rowSelected = Array.from(row.cells).filter((c) => selected.includes(c));
-			if (rowSelected.length < 2) return;
-			const first = rowSelected[0];
-			first.colSpan = rowSelected.reduce((sum, c) => sum + (c.colSpan || 1), 0);
-			first.innerHTML = rowSelected.map((c) => c.innerHTML).join("");
-			rowSelected.slice(1).forEach((c) => row.removeChild(c));
-		} else {
-			if ([...new Set(selected.map((c) => getVisualColIndex(c)))].length !== 1) return;
-			const first = selected[0];
-			first.rowSpan = selected.reduce((sum, c) => sum + (c.rowSpan || 1), 0);
-			first.innerHTML = selected.map((c) => c.innerHTML).join("");
-			selected.slice(1).forEach((c) => {
-				if (c.closest("tr")) c.closest("tr").removeChild(c);
+		let selected = this._getSelectedCells().filter((c) => table.contains(c));
+		if (selected.length < 2) {
+			const sel = window.getSelection();
+			if (!sel || sel.rangeCount === 0) return;
+			const range = sel.getRangeAt(0);
+			selected = Array.from(table.querySelectorAll("td, th")).filter((c) => {
+				try {
+					return range.intersectsNode(c);
+				} catch {
+					return false;
+				}
 			});
+			if (selected.length < 2) return;
+		}
+		const { gridMap, cellPos } = buildGridMap(table);
+		let minR = Infinity, maxR = -Infinity, minC = Infinity, maxC = -Infinity;
+		selected.forEach((c) => {
+			const pos = cellPos.get(c);
+			if (!pos) return;
+			if (pos.r < minR) minR = pos.r;
+			if (pos.r + pos.rs - 1 > maxR) maxR = pos.r + pos.rs - 1;
+			if (pos.c < minC) minC = pos.c;
+			if (pos.c + pos.cs - 1 > maxC) maxC = pos.c + pos.cs - 1;
+		});
+		if (minR === Infinity) return;
+		const seen = /* @__PURE__ */ new Set();
+		const rectCells = [];
+		for (let r = minR; r <= maxR; r++) {
+			const rowMap = gridMap[r];
+			if (!rowMap) continue;
+			for (let c = minC; c <= maxC; c++) {
+				const tc = rowMap[c];
+				if (tc && !seen.has(tc)) {
+					seen.add(tc);
+					rectCells.push(tc);
+				}
+			}
 		}
+		if (rectCells.length < 2) return;
+		const first = rectCells[0];
+		first.colSpan = maxC - minC + 1;
+		first.rowSpan = maxR - minR + 1;
+		first.style.verticalAlign = "middle";
+		first.innerHTML = rectCells.map((c) => c.innerHTML).join("");
+		rectCells.slice(1).forEach((c) => c.parentElement?.removeChild(c));
+		this._clearSelection();
 		this.context.invoke("editor.afterCommand");
 	}
 	_deleteTable() {
@@ -6043,6 +6589,57 @@ var TableTooltip = class {
 		if (table.parentNode) table.parentNode.removeChild(table);
 		this.context.invoke("editor.afterCommand");
 	}
+	_unmergeCells() {
+		const cells = this._getSelectedCells();
+		if (!cells.length) return;
+		const table = cells[0].closest("table");
+		if (!table) return;
+		const mergedCells = cells.filter((c) => table.contains(c) && ((c.colSpan || 1) > 1 || (c.rowSpan || 1) > 1));
+		if (!mergedCells.length) return;
+		mergedCells.forEach((cell) => {
+			if (table.contains(cell)) this._unmergeOne(cell, table);
+		});
+		this._clearSelection();
+		requestAnimationFrame(() => this._positionNear(this._activeTable));
+		this.context.invoke("editor.afterCommand");
+	}
+	/**
+	* Split a single merged cell (colspan/rowspan > 1) back into individual cells.
+	* New cells are empty (&nbsp;); the original cell retains its content.
+	* @param {HTMLTableCellElement} cell
+	* @param {HTMLTableElement} table
+	*/
+	_unmergeOne(cell, table) {
+		const cs = cell.colSpan || 1;
+		const rs = cell.rowSpan || 1;
+		if (cs === 1 && rs === 1) return;
+		const { cellPos } = buildGridMap(table);
+		const pos = cellPos.get(cell);
+		if (!pos) return;
+		const { r, c } = pos;
+		const tableRows = Array.from(table.rows);
+		const tag = cell.tagName.toLowerCase();
+		cell.rowSpan = 1;
+		cell.colSpan = 1;
+		cell.style.verticalAlign = "";
+		if (cs > 1) {
+			const insertRef = cell.nextElementSibling;
+			for (let dc = 1; dc < cs; dc++) tableRows[r].insertBefore(createElement(tag, {}, ["\xA0"]), insertRef);
+		}
+		for (let dr = 1; dr < rs; dr++) {
+			const targetRow = tableRows[r + dr];
+			if (!targetRow) continue;
+			let ref = null;
+			for (const tc of targetRow.cells) {
+				const tp = cellPos.get(tc);
+				if (tp && tp.c > c) {
+					ref = tc;
+					break;
+				}
+			}
+			for (let dc = 0; dc < cs; dc++) targetRow.insertBefore(createElement(tag, {}, ["\xA0"]), ref);
+		}
+	}
 	_buildSizePopover() {
 		const popover = createElement("div", { class: "an-size-popover" });
 		popover.style.display = "none";
@@ -6124,27 +6721,35 @@ var TableTooltip = class {
 			};
 		} else {
 			const isCol = type === "col";
+			const activeCells = this._getSelectedCells().filter((c) => {
+				const t = c.closest("table");
+				return t && t === cell.closest("table");
+			});
 			this._sizeTitleEl.textContent = isCol ? "Column Width (px)" : "Row Height (px)";
 			this._sizeInputEl.min = "1";
 			this._sizeInputEl.max = "2000";
 			this._sizeInputEl.value = isCol ? cell.offsetWidth || 120 : cell.closest("tr") ? cell.closest("tr").offsetHeight || 40 : 40;
 			this._sizeApply = (val) => {
+				const table = cell.closest("table");
+				if (!table) return;
 				if (isCol) {
-					const table = cell.closest("table");
-					const visualColIdx = getVisualColIndex(cell);
-					Array.from(table.querySelectorAll("tr")).map((r) => getCellAtVisualCol(r, visualColIdx)).forEach((c) => {
-						if (c) {
-							c.style.width = `${val}px`;
-							c.style.minWidth = `${val}px`;
-						}
+					const colIndices = [...new Set(activeCells.map((c) => getVisualColIndex(c)))];
+					const tableRows = Array.from(table.querySelectorAll("tr"));
+					colIndices.forEach((colIdx) => {
+						tableRows.forEach((r) => {
+							const c = getCellAtVisualCol(r, colIdx);
+							if (c && (c.colSpan || 1) === 1) {
+								c.style.width = `${val}px`;
+								c.style.minWidth = `${val}px`;
+							}
+						});
 					});
-				} else {
-					const row = cell.closest("tr");
-					if (row) for (const c of row.cells) {
+				} else [...new Set(activeCells.map((c) => c.closest("tr")).filter(Boolean))].forEach((row) => {
+					for (const c of row.cells) {
 						c.style.height = `${val}px`;
 						c.style.minHeight = `${val}px`;
 					}
-				}
+				});
 				this.context.invoke("editor.afterCommand");
 			};
 		}
@@ -6201,6 +6806,7 @@ var CodeTooltip = class {
 		this._ensurePrism();
 		const editable = this.context.layoutInfo.editable;
 		this._disposers.push(on(editable, "mouseover", (e) => {
+			if (this.context.layoutInfo.container.classList.contains("an-disabled")) return;
 			const pre = e.target.closest("pre");
 			if (pre && editable.contains(pre)) this._scheduleShow(pre);
 		}), on(editable, "mouseout", (e) => {
@@ -8998,7 +9604,13 @@ var EmojiDialog = class {
 			range.selectNodeContents(editable);
 			range.collapse(false);
 		}
+		const _sc = range.startContainer;
+		const _tdAnchor = (_sc.nodeType === 1 ? _sc : _sc.parentElement)?.closest?.("td, th");
 		range.deleteContents();
+		if (_tdAnchor && _tdAnchor.isConnected && !_tdAnchor.contains(range.startContainer)) {
+			range.setStart(_tdAnchor, 0);
+			range.collapse(true);
+		}
 		const textNode = document.createTextNode(char);
 		range.insertNode(textNode);
 		range.setStartAfter(textNode);
@@ -9567,7 +10179,13 @@ var IconDialog = class {
 			range.selectNodeContents(editable);
 			range.collapse(false);
 		}
+		const _sc = range.startContainer;
+		const _tdAnchor = (_sc.nodeType === 1 ? _sc : _sc.parentElement)?.closest?.("td, th");
 		range.deleteContents();
+		if (_tdAnchor && _tdAnchor.isConnected && !_tdAnchor.contains(range.startContainer)) {
+			range.setStart(_tdAnchor, 0);
+			range.collapse(true);
+		}
 		range.insertNode(iconEl);
 		let caretTextNode = iconEl.nextSibling;
 		if (!caretTextNode || caretTextNode.nodeType !== Node.TEXT_NODE) {
@@ -9631,22 +10249,50 @@ var ICONS = {
 	copyFormat: `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>`,
 	pasteFormat: `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><rect x="8" y="2" width="8" height="4" rx="1"/><path d="m9 14 2 2 4-4"/></svg>`,
 	removeFormat: `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21"/><path d="M22 21H7"/><path d="m5 11 9 9"/></svg>`,
-	table: `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="1"/><line x1="3" y1="9" x2="21" y2="9"/><line x1="3" y1="15" x2="21" y2="15"/><line x1="9" y1="3" x2="9" y2="21"/><line x1="15" y1="3" x2="15" y2="21"/></svg>`
+	table: `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="1"/><line x1="3" y1="9" x2="21" y2="9"/><line x1="3" y1="15" x2="21" y2="15"/><line x1="9" y1="3" x2="9" y2="21"/><line x1="15" y1="3" x2="15" y2="21"/></svg>`,
+	textColor: `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 20L12 4L20 20"/><line x1="7.5" y1="14" x2="16.5" y2="14"/></svg>`,
+	highlightColor: `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21v-4l9-9 4 4-9 9z"/><path d="M12 8l4 4"/><line x1="3" y1="21" x2="21" y2="21"/></svg>`,
+	noColor: `<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><line x1="4" y1="4" x2="20" y2="20"/><line x1="20" y1="4" x2="4" y2="20"/></svg>`,
+	back: `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>`
 };
+var COLOR_PRESETS = [
+	"#000000",
+	"#434343",
+	"#666666",
+	"#999999",
+	"#b7b7b7",
+	"#cccccc",
+	"#efefef",
+	"#ffffff",
+	"#ff0000",
+	"#ff9900",
+	"#ffff00",
+	"#00ff00",
+	"#00ffff",
+	"#4a86e8",
+	"#9900ff",
+	"#ff00ff",
+	"#f4cccc",
+	"#fce5cd",
+	"#fff2cc",
+	"#d9ead3",
+	"#d0e0e3",
+	"#c9daf8",
+	"#d9d2e9",
+	"#ead1dc"
+];
+function makeColorSubItems(colorType) {
+	const label = colorType === "foreColor" ? "Text Color" : "Highlight Color";
+	return () => [{
+		back: true,
+		label,
+		navigate: () => defaultItems
+	}, {
+		colorPalette: true,
+		colorType
+	}];
+}
 var defaultItems = [
-	{
-		name: "undo",
-		label: "Undo",
-		icon: ICONS.undo,
-		action: (ctx) => ctx.invoke("editor.undo")
-	},
-	{
-		name: "redo",
-		label: "Redo",
-		icon: ICONS.redo,
-		action: (ctx) => ctx.invoke("editor.redo")
-	},
-	{ separator: true },
 	{
 		name: "cut",
 		label: "Cut",
@@ -9707,6 +10353,21 @@ var defaultItems = [
 		action: (ctx) => ctx.invoke("editor.underline")
 	},
 	{ separator: true },
+	{
+		name: "textColor",
+		label: "Text Color",
+		icon: ICONS.textColor,
+		colorStrip: "foreColor",
+		navigate: makeColorSubItems("foreColor")
+	},
+	{
+		name: "highlightColor",
+		label: "Highlight Color",
+		icon: ICONS.highlightColor,
+		colorStrip: "hiliteColor",
+		navigate: makeColorSubItems("hiliteColor")
+	},
+	{ separator: true },
 	{
 		name: "copyFormat",
 		label: "Copy Format",
@@ -9824,8 +10485,10 @@ var ContextMenu = class {
 				backBtn.appendChild(createElement("span", { class: "an-context-label" }, [it.label || "Back"]));
 				const off = on(backBtn, "click", (e) => {
 					e.stopPropagation();
+					const curLeft = parseFloat(this.el.style.left);
+					const curTop = parseFloat(this.el.style.top);
 					this._renderItems(it.navigate());
-					this._reposition();
+					this._reposition(curLeft, curTop);
 				});
 				this._menuDisposers.push(off);
 				this.el.appendChild(backBtn);
@@ -9837,7 +10500,19 @@ var ContextMenu = class {
 					class: "an-context-item an-context-submenu",
 					"data-name": it.name || ""
 				});
-				if (it.icon) {
+				if (it.icon) if (it.colorStrip) {
+					const iconWrap = createElement("span", {
+						class: "an-context-icon an-context-icon--color",
+						"aria-hidden": "true"
+					});
+					const svgSpan = createElement("span", { class: "an-context-icon-svg" });
+					svgSpan.innerHTML = it.icon;
+					const strip = createElement("span", { class: "an-context-color-strip" });
+					strip.style.background = this._getSelectionColor(it.colorStrip);
+					iconWrap.appendChild(svgSpan);
+					iconWrap.appendChild(strip);
+					btn.appendChild(iconWrap);
+				} else {
 					const iconSpan = createElement("span", {
 						class: "an-context-icon",
 						"aria-hidden": "true"
@@ -9854,13 +10529,63 @@ var ContextMenu = class {
 				btn.appendChild(chevron);
 				const off = on(btn, "click", (e) => {
 					e.stopPropagation();
+					const curLeft = parseFloat(this.el.style.left);
+					const curTop = parseFloat(this.el.style.top);
 					this._renderItems(it.navigate());
-					this._reposition();
+					this._reposition(curLeft, curTop);
 				});
 				this._menuDisposers.push(off);
 				this.el.appendChild(btn);
 				return;
 			}
+			if (it.colorPalette) {
+				const palette = createElement("div", { class: "an-context-color-palette" });
+				COLOR_PRESETS.forEach((color) => {
+					const sw = createElement("div", {
+						class: "an-context-color-swatch",
+						title: color,
+						role: "button",
+						"aria-label": color
+					});
+					sw.style.background = color;
+					const offSw = on(sw, "click", (e) => {
+						e.stopPropagation();
+						this._applyColor(it.colorType, color);
+					});
+					this._menuDisposers.push(offSw);
+					palette.appendChild(sw);
+				});
+				if (it.colorType === "hiliteColor") {
+					const noColor = createElement("div", {
+						class: "an-context-color-swatch an-context-color-none",
+						title: "No highlight",
+						role: "button",
+						"aria-label": "No highlight"
+					});
+					noColor.innerHTML = ICONS.noColor;
+					const offNo = on(noColor, "click", (e) => {
+						e.stopPropagation();
+						this._applyColor("hiliteColor", "transparent");
+					});
+					this._menuDisposers.push(offNo);
+					palette.appendChild(noColor);
+				}
+				this.el.appendChild(palette);
+				const customRow = createElement("div", { class: "an-context-color-custom" });
+				const colorInput = createElement("input", {
+					type: "color",
+					value: it.colorType === "foreColor" ? "#000000" : "#ffff00",
+					title: "Custom color",
+					"aria-label": "Custom color"
+				});
+				const customLabel = createElement("span", {}, ["Custom…"]);
+				const offCustom = on(colorInput, "change", () => this._applyColor(it.colorType, colorInput.value));
+				this._menuDisposers.push(offCustom);
+				customRow.appendChild(colorInput);
+				customRow.appendChild(customLabel);
+				this.el.appendChild(customRow);
+				return;
+			}
 			if (it.tableGrid) {
 				const GRID_ROWS = 8, GRID_COLS = 8;
 				const wrapper = createElement("div", { class: "an-context-table-wrap" });
@@ -9978,6 +10703,7 @@ var ContextMenu = class {
 		const editable = this.context.layoutInfo && this.context.layoutInfo.editable;
 		if (!editable) return;
 		if (!editable.contains(event.target)) return;
+		if (this.context.layoutInfo.container.classList.contains("an-disabled")) return;
 		event.preventDefault();
 		this._lastX = event.clientX;
 		this._lastY = event.clientY;
@@ -10004,7 +10730,19 @@ var ContextMenu = class {
 		let left = rx;
 		let top = ry;
 		if (left + rect.width > window.innerWidth) left = window.innerWidth - rect.width - 8;
+		if (left < 8) left = 8;
 		if (top + rect.height > window.innerHeight) top = window.innerHeight - rect.height - 8;
+		if (top < 8) top = 8;
+		if (this._savedRange) try {
+			const sel = this._savedRange.getBoundingClientRect();
+			if (sel.width > 0 || sel.height > 0) {
+				if (top < sel.bottom && top + rect.height > sel.top && left < sel.right && left + rect.width > sel.left) {
+					const belowTop = sel.bottom + 6;
+					if (belowTop + rect.height <= window.innerHeight - 8) top = belowTop;
+					else top = Math.max(8, sel.top - rect.height - 6);
+				}
+			}
+		} catch (_) {}
 		this.el.style.left = `${left}px`;
 		this.el.style.top = `${top}px`;
 	}
@@ -10013,6 +10751,33 @@ var ContextMenu = class {
 		this.el.style.display = "none";
 		this.el.setAttribute("aria-hidden", "true");
 	}
+	/** Read the current selection's text or highlight color for the strip.
+	* @param {'foreColor'|'hiliteColor'} type
+	* @returns {string} CSS color string
+	*/
+	_getSelectionColor(type) {
+		const range = this._savedRange;
+		if (!range) return type === "foreColor" ? "#000000" : "transparent";
+		let node = range.startContainer;
+		if (node.nodeType === Node.TEXT_NODE) node = node.parentElement;
+		if (!node) return type === "foreColor" ? "#000000" : "transparent";
+		const cs = window.getComputedStyle(node);
+		if (type === "foreColor") return cs.color || "#000000";
+		const bg = cs.backgroundColor;
+		return !bg || bg === "rgba(0, 0, 0, 0)" || bg === "transparent" ? "transparent" : bg;
+	}
+	/** Restore selection, apply a color command, then hide the menu. */
+	_applyColor(type, color) {
+		const editable = this.context.layoutInfo && this.context.layoutInfo.editable;
+		if (!editable || !this._savedRange) return;
+		editable.focus();
+		const sel = window.getSelection();
+		sel.removeAllRanges();
+		sel.addRange(this._savedRange.cloneRange());
+		document.execCommand(type, false, color);
+		this.context.invoke("editor.afterCommand");
+		this.hide();
+	}
 	/** Returns true if a format has been copied — used to disable Paste Format. */
 	hasCopiedFormat() {
 		return !!this._copiedFormat;
@@ -10680,7 +11445,7 @@ function drawCropToCanvas(img, naturalRect, renderW, renderH) {
 				resolve(null);
 			}
 		};
-		if (img.src.startsWith("data:") || img.src.startsWith("blob:") || img.src.startsWith(location.origin)) {
+		if (img.src.startsWith("data:") || img.src.startsWith("blob:") || img.src.startsWith(window.location.origin)) {
 			tryDraw(img);
 			return;
 		}
@@ -11056,7 +11821,7 @@ var ImageCropOverlay = class {
 			height: natH
 		}, w, h);
 		if (!canvas) {
-			alert("Cannot crop this image: the image server does not allow cross-origin access.\nUpload the image directly to use the crop tool.");
+			window.alert("Cannot crop this image: the image server does not allow cross-origin access.\nUpload the image directly to use the crop tool.");
 			this._close(false);
 			return;
 		}
@@ -11417,9 +12182,15 @@ var Context = class {
 		if (disabled) {
 			editable.setAttribute("contenteditable", "false");
 			this.layoutInfo.container.classList.add("an-disabled");
+			editable.querySelectorAll("ul.an-checklist input[type=\"checkbox\"]").forEach((cb) => {
+				cb.setAttribute("disabled", "");
+			});
 		} else {
 			editable.setAttribute("contenteditable", "true");
 			this.layoutInfo.container.classList.remove("an-disabled");
+			editable.querySelectorAll("ul.an-checklist input[type=\"checkbox\"]").forEach((cb) => {
+				cb.removeAttribute("disabled");
+			});
 		}
 	}
 	/**