@open-slide/core 1.3.0 → 1.5.0

package/dist/{config-BAwKWNtW.js → config-iKjqaX08.js}

@@ -6,15 +6,17 @@ import { randomUUID } from "node:crypto";
 import { existsSync } from "node:fs";
 import tailwindcss from "@tailwindcss/vite";
 import react from "@vitejs/plugin-react";
-import { parse } from "@babel/parser";
+import * as t$4 from "@babel/types";
+import * as t$3 from "@babel/types";
 import * as t$2 from "@babel/types";
 import * as t$1 from "@babel/types";
 import * as t from "@babel/types";
 import { isJSXElement, isJSXFragment } from "@babel/types";
+import { parse } from "@babel/parser";
 import fg from "fast-glob";
 import { loadConfigFromFile, normalizePath } from "vite";
 
-//#region src/vite/babel-walk.ts
+//#region src/editing/babel-walk.ts
 const SKIP_KEYS = new Set([
 	"loc",
 	"start",
@@ -54,89 +56,106 @@ function walkJsx(ast, visit) {
 function walkAll(ast, visit) {
 	walk(ast, visit, acceptAll);
 }
+function parseSource$2(source) {
+	try {
+		const ast = parse(source, {
+			sourceType: "module",
+			plugins: ["typescript", "jsx"],
+			errorRecovery: true
+		});
+		return ast.errors && ast.errors.length > 0 ? null : ast;
+	} catch {
+		return null;
+	}
+}
 
 //#endregion
-//#region src/vite/comments-plugin.ts
-const MARKER_RE = /\{\/\*\s*@slide-comment\s+id="(c-[a-f0-9]+)"\s+ts="([^"]+)"\s+text="([A-Za-z0-9_-]+={0,2})"\s*\*\/\}/g;
-const SLIDE_ID_RE$4 = /^[a-z0-9_-]+$/i;
-function b64urlEncode(s) {
-	return Buffer.from(s, "utf8").toString("base64").replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+//#region src/editing/edit-ops.ts
+function jsString$1(s) {
+	return `'${s.replace(/\\/g, "\\\\").replace(/'/g, "\\'").replace(/\n/g, "\\n")}'`;
 }
-function b64urlDecode(s) {
-	const pad = s.length % 4 === 0 ? "" : "=".repeat(4 - s.length % 4);
-	return Buffer.from(s.replace(/-/g, "+").replace(/_/g, "/") + pad, "base64").toString("utf8");
+function spliceRange(node, text) {
+	return {
+		from: node.start ?? 0,
+		to: node.end ?? 0,
+		text
+	};
 }
-async function readBody$3(req) {
-	return await new Promise((resolve, reject) => {
-		const chunks = [];
-		req.on("data", (c) => chunks.push(c));
-		req.on("end", () => {
-			const raw = Buffer.concat(chunks).toString("utf8");
-			if (!raw) return resolve({});
-			try {
-				resolve(JSON.parse(raw));
-			} catch (e) {
-				reject(e);
-			}
-		});
-		req.on("error", reject);
-	});
+function formatJsxAttrValue(value) {
+	if (/^[^"\\<>&{}\n\r]*$/.test(value)) return `"${value}"`;
+	return `{${jsString$1(value)}}`;
 }
-function json$3(res, status, body) {
-	res.statusCode = status;
-	res.setHeader("content-type", "application/json");
-	res.end(JSON.stringify(body));
+function jsxAttrName(attr) {
+	return t$4.isJSXIdentifier(attr.name) ? attr.name.name : null;
 }
-function resolveSlidePath$2(userCwd, slidesDir, slideId) {
-	if (!SLIDE_ID_RE$4.test(slideId)) return null;
-	const slidesRoot = path.resolve(userCwd, slidesDir);
-	const full = path.resolve(slidesRoot, slideId, "index.tsx");
-	if (!full.startsWith(slidesRoot + path.sep)) return null;
-	return full;
+function findJsxAttr(opening, name) {
+	for (const attr of opening.attributes) if (t$4.isJSXAttribute(attr) && jsxAttrName(attr) === name) return attr;
+	return null;
 }
-function parseMarkers(source) {
-	const comments = [];
-	const lines = source.split("\n");
-	for (let i = 0; i < lines.length; i++) {
-		const line = lines[i];
-		MARKER_RE.lastIndex = 0;
-		const m = MARKER_RE.exec(line);
-		if (!m) continue;
-		const [, id, ts, textB64] = m;
-		try {
-			const payload = JSON.parse(b64urlDecode(textB64));
-			comments.push({
-				id,
-				line: i + 1,
-				ts,
-				note: payload.note,
-				hint: payload.hint
-			});
-		} catch {}
-	}
-	return comments;
+function readJsxStringAttr(opening, name) {
+	const attr = findJsxAttr(opening, name);
+	const v = attr?.value;
+	if (!v) return null;
+	if (t$4.isStringLiteral(v)) return v.value;
+	if (t$4.isJSXExpressionContainer(v) && t$4.isStringLiteral(v.expression)) return v.expression.value;
+	return null;
 }
-function newId() {
-	return `c-${randomUUID().replace(/-/g, "").slice(0, 8)}`;
+function readJsxNumberAttr(opening, name) {
+	const attr = findJsxAttr(opening, name);
+	const v = attr?.value;
+	if (!v || !t$4.isJSXExpressionContainer(v)) return null;
+	if (!t$4.isNumericLiteral(v.expression)) return null;
+	const n = v.expression.value;
+	return Number.isFinite(n) ? n : null;
 }
-function lineToOffset(source, line) {
-	let off = 0;
-	for (let l = 1; l < line; l++) {
-		const nl = source.indexOf("\n", off);
-		if (nl === -1) return source.length;
-		off = nl + 1;
+function findImports$1(ast) {
+	const out = [];
+	for (const node of ast.program.body) {
+		if (!t$4.isImportDeclaration(node)) continue;
+		let def = null;
+		for (const spec of node.specifiers) if (t$4.isImportDefaultSpecifier(spec)) {
+			def = spec.local.name;
+			break;
+		}
+		out.push({
+			node,
+			source: node.source.value,
+			defaultIdent: def
+		});
 	}
-	return off;
+	return out;
 }
-function lineIndent(source, lineNumber) {
-	const start = lineToOffset(source, lineNumber);
-	const m = source.slice(start, start + 200).match(/^[ \t]*/);
-	return m?.[0] ?? "";
+function collectTopLevelIdentifiers(ast) {
+	const names = new Set();
+	for (const imp of findImports$1(ast)) {
+		if (imp.defaultIdent) names.add(imp.defaultIdent);
+		for (const spec of imp.node.specifiers) if (!t$4.isImportDefaultSpecifier(spec)) names.add(spec.local.name);
+	}
+	return names;
 }
-function findJsxAncestors(ast, line, column) {
+function safeAssetIdentifier(filename, taken) {
+	const stem = filename.replace(/\.[^.]+$/, "");
+	let camel = "";
+	let upper = false;
+	for (const ch of stem) if (/[A-Za-z0-9]/.test(ch)) {
+		camel += upper ? ch.toUpperCase() : ch;
+		upper = false;
+	} else upper = camel.length > 0;
+	let base = camel;
+	if (!base || !/^[A-Za-z_$]/.test(base)) base = `asset${base.charAt(0).toUpperCase()}${base.slice(1)}` || "asset";
+	base = base.charAt(0).toLowerCase() + base.slice(1);
+	let candidate = base;
+	let i = 2;
+	while (taken.has(candidate)) {
+		candidate = `${base}${i}`;
+		i += 1;
+	}
+	return candidate;
+}
+function findJsxAncestors$1(ast, line, column) {
 	const hits = [];
 	walkJsx(ast, (n) => {
-		if (!n.loc || !t$2.isJSXElement(n) && !t$2.isJSXFragment(n)) return;
+		if (!n.loc || !t$4.isJSXElement(n) && !t$4.isJSXFragment(n)) return;
 		const s = n.loc.start;
 		const e = n.loc.end;
 		const afterStart = line > s.line || line === s.line && column >= s.column;
@@ -149,63 +168,10 @@ function findJsxAncestors(ast, line, column) {
 	hits.sort((a, b) => a.size - b.size);
 	return hits.map((h) => h.node);
 }
-function planInsertion(source, target) {
-	if (t$2.isJSXFragment(target)) {
-		const opening = target.openingFragment;
-		const startLine = target.loc?.start.line ?? 1;
-		return {
-			offset: opening.end ?? 0,
-			indent: `${lineIndent(source, startLine)}  `
-		};
-	}
-	if (t$2.isJSXElement(target)) {
-		const opening = target.openingElement;
-		if (opening.selfClosing) return null;
-		const startLine = target.loc?.start.line ?? 1;
-		return {
-			offset: opening.end ?? 0,
-			indent: `${lineIndent(source, startLine)}  `
-		};
-	}
-	return null;
-}
-function findInsertion(source, line, column) {
-	const ast = parseSource$2(source);
-	if (!ast) return null;
-	const col = column ?? 0;
-	const ancestors = findJsxAncestors(ast, line, col);
-	for (const node of ancestors) {
-		const plan = planInsertion(source, node);
-		if (plan) return plan;
-	}
-	return null;
-}
-function offsetToLine(source, offset) {
-	let line = 1;
-	for (let i = 0; i < offset && i < source.length; i++) if (source[i] === "\n") line++;
-	return line;
-}
-function parseSource$2(source) {
-	try {
-		return parse(source, {
-			sourceType: "module",
-			plugins: ["typescript", "jsx"],
-			errorRecovery: true
-		});
-	} catch {
-		return null;
-	}
-}
-function findInnermostJsxElement(ast, line, column) {
-	const exact = findJsxByStart(ast, line, column);
-	if (exact) return exact;
-	for (const n of findJsxAncestors(ast, line, column)) if (t$2.isJSXElement(n)) return n;
-	return null;
-}
 function findJsxByStart(ast, line, column) {
 	let hit = null;
 	walkJsx(ast, (n) => {
-		if (!t$2.isJSXElement(n) || !n.loc) return;
+		if (!t$4.isJSXElement(n) || !n.loc) return;
 		const s = n.loc.start;
 		if (s.line === line && s.column === column) {
 			hit = n;
@@ -214,40 +180,114 @@ function findJsxByStart(ast, line, column) {
 	});
 	return hit;
 }
-function jsString$1(s) {
-	return `'${s.replace(/\\/g, "\\\\").replace(/'/g, "\\'").replace(/\n/g, "\\n")}'`;
-}
-function jsxAttrName(attr) {
-	return t$2.isJSXIdentifier(attr.name) ? attr.name.name : null;
+function findInnermostJsxElement(ast, line, column) {
+	const exact = findJsxByStart(ast, line, column);
+	if (exact) return exact;
+	for (const n of findJsxAncestors$1(ast, line, column)) if (t$4.isJSXElement(n)) return n;
+	return null;
 }
-function findJsxAttr(opening, name) {
-	for (const attr of opening.attributes) if (t$2.isJSXAttribute(attr) && jsxAttrName(attr) === name) return attr;
+function findUniqueElementByText(ast, prevText) {
+	const hits = [];
+	walkJsx(ast, (n) => {
+		if (!t$4.isJSXElement(n)) return;
+		const parts = [];
+		collectTextRangeParts(n, parts);
+		if (textRangeContent(parts) !== prevText) return;
+		hits.push({
+			node: n,
+			size: (n.end ?? 0) - (n.start ?? 0)
+		});
+	});
+	if (hits.length === 0) return null;
+	hits.sort((a, b) => a.size - b.size);
+	const best = hits[0];
+	const bestStart = best.node.start ?? 0;
+	const bestEnd = best.node.end ?? 0;
+	const hasSiblingMatch = hits.slice(1).some(({ node }) => (node.start ?? 0) > bestStart || (node.end ?? 0) < bestEnd);
+	return hasSiblingMatch ? null : best.node;
+}
+function fallbackTextForOps(ops) {
+	for (const op of ops) if ((op.kind === "set-style" || op.kind === "set-text" || op.kind === "set-text-range-style") && op.prevText !== void 0) return op.prevText;
 	return null;
 }
+function hasOnlyTextOps(ops) {
+	return ops.length > 0 && ops.every((op) => op.kind === "set-text");
+}
+function elementTextMatches(element, prevText) {
+	const parts = [];
+	collectTextRangeParts(element, parts);
+	return textRangeContent(parts) === prevText;
+}
+function elementHasTextCandidate(ast, element, prevText) {
+	const norm = prevText.trim();
+	return collectElementTextCandidates(ast, element).some((candidate) => candidate.current === norm);
+}
+function findElementForEdit(ast, line, column, ops) {
+	const element = findInnermostJsxElement(ast, line, column);
+	const prevText = fallbackTextForOps(ops);
+	if (prevText === null) return element;
+	if (hasOnlyTextOps(ops) && element && (elementTextMatches(element, prevText) || elementHasTextCandidate(ast, element, prevText))) return element;
+	const textMatch = findUniqueElementByText(ast, prevText);
+	if (element && elementTextMatches(element, prevText)) return textMatch ?? element;
+	return textMatch ?? element;
+}
 function buildStyleSplice(source, element, ops) {
 	const opening = element.openingElement;
 	const existing = findJsxAttr(opening, "style");
-	const style = new Map();
+	const entries = [];
+	let hasRawEntry = false;
 	if (existing) {
 		const value = existing.value;
-		if (!value || !t$2.isJSXExpressionContainer(value)) return { error: "style attribute has unsupported form" };
+		if (!value || !t$4.isJSXExpressionContainer(value)) return { error: "style attribute has unsupported form" };
 		const expr = value.expression;
-		if (!t$2.isObjectExpression(expr)) return { error: "style is not a literal object" };
-		for (const prop of expr.properties) {
-			if (!t$2.isObjectProperty(prop)) return { error: "style contains spread or method" };
-			if (prop.computed) return { error: "style has computed key" };
+		if (!t$4.isObjectExpression(expr)) {
+			if (typeof expr.start !== "number" || typeof expr.end !== "number") return { error: "style value missing source range" };
+			entries.push({
+				kind: "raw",
+				text: `...(${source.slice(expr.start, expr.end)})`
+			});
+			hasRawEntry = true;
+		} else for (const prop of expr.properties) if (t$4.isObjectProperty(prop) && !prop.computed) {
 			let keyName = null;
-			if (t$2.isIdentifier(prop.key)) keyName = prop.key.name;
-			else if (t$2.isStringLiteral(prop.key)) keyName = prop.key.value;
+			if (t$4.isIdentifier(prop.key)) keyName = prop.key.name;
+			else if (t$4.isStringLiteral(prop.key)) keyName = prop.key.value;
 			if (!keyName) return { error: "style has unsupported key" };
 			const v = prop.value;
-			if (typeof v.start !== "number" || typeof v.end !== "number") return { error: "style value missing source range" };
-			style.set(keyName, source.slice(v.start, v.end));
+			if (typeof prop.key.start !== "number" || typeof prop.key.end !== "number" || typeof v.start !== "number" || typeof v.end !== "number") return { error: "style value missing source range" };
+			entries.push({
+				kind: "prop",
+				key: keyName,
+				keyText: source.slice(prop.key.start, prop.key.end),
+				valueText: source.slice(v.start, v.end)
+			});
+		} else {
+			if (typeof prop.start !== "number" || typeof prop.end !== "number") return { error: "style value missing source range" };
+			entries.push({
+				kind: "raw",
+				text: source.slice(prop.start, prop.end)
+			});
+			hasRawEntry = true;
 		}
 	}
-	for (const op of ops) if (op.value === null) style.delete(op.key);
-	else style.set(op.key, jsString$1(op.value));
-	if (style.size === 0) {
+	for (const op of ops) {
+		const matching = entries.filter((entry) => entry.kind === "prop" && entry.key === op.key);
+		if (op.value === null) {
+			for (const entry of matching) entries.splice(entries.indexOf(entry), 1);
+			if (hasRawEntry) entries.push({
+				kind: "prop",
+				key: op.key,
+				keyText: op.key,
+				valueText: "undefined"
+			});
+		} else if (matching.length > 0) matching[matching.length - 1].valueText = jsString$1(op.value);
+		else entries.push({
+			kind: "prop",
+			key: op.key,
+			keyText: op.key,
+			valueText: jsString$1(op.value)
+		});
+	}
+	if (entries.length === 0) {
 		if (!existing) return null;
 		let from = existing.start ?? 0;
 		if (from > 0 && source[from - 1] === " ") from -= 1;
@@ -257,16 +297,29 @@ function buildStyleSplice(source, element, ops) {
 			text: ""
 		};
 	}
-	const propsText = Array.from(style.entries()).map(([k, v]) => `${k}: ${v}`).join(", ");
+	const propsText = entries.map((entry) => entry.kind === "prop" ? `${entry.keyText}: ${entry.valueText}` : entry.text).join(", ");
 	const newAttr = `style={{ ${propsText} }}`;
-	if (existing) return {
-		from: existing.start ?? 0,
-		to: existing.end ?? 0,
-		text: newAttr
-	};
+	if (existing) {
+		const lastAttr$1 = opening.attributes[opening.attributes.length - 1];
+		if (lastAttr$1 && lastAttr$1 !== existing && typeof lastAttr$1.end === "number") {
+			const attrsAfterStyle = source.slice(existing.end ?? 0, lastAttr$1.end).replace(/^[ \t]+/, "");
+			return {
+				from: existing.start ?? 0,
+				to: lastAttr$1.end,
+				text: `${attrsAfterStyle} ${newAttr}`
+			};
+		}
+		return {
+			from: existing.start ?? 0,
+			to: existing.end ?? 0,
+			text: newAttr
+		};
+	}
+	const lastAttr = opening.attributes[opening.attributes.length - 1];
+	const at = lastAttr?.end ?? opening.name.end ?? 0;
 	return {
-		from: opening.name.end ?? 0,
-		to: opening.name.end ?? 0,
+		from: at,
+		to: at,
 		text: ` ${newAttr}`
 	};
 }
@@ -276,10 +329,14 @@ function formatJsxText(value) {
 }
 function meaningfulChildren(parent) {
 	return parent.children.filter((c) => {
-		if (t$2.isJSXText(c)) return c.value.trim() !== "";
+		if (t$4.isJSXText(c)) return c.value.trim() !== "";
 		return true;
 	});
 }
+function isOnlyMeaningfulChild(parent, child) {
+	const meaningful = meaningfulChildren(parent);
+	return meaningful.length === 1 && meaningful[0] === child;
+}
 function wrapSplice(parent, text) {
 	const first = parent.children[0];
 	const last = parent.children[parent.children.length - 1];
@@ -289,10 +346,64 @@ function wrapSplice(parent, text) {
 		text
 	};
 }
+function splitLinesWithOffsets(value) {
+	const lines = [];
+	let start = 0;
+	for (let i = 0; i < value.length; i++) {
+		const ch = value[i];
+		if (ch !== "\n" && ch !== "\r") continue;
+		lines.push({
+			text: value.slice(start, i),
+			start
+		});
+		if (ch === "\r" && value[i + 1] === "\n") i += 1;
+		start = i + 1;
+	}
+	lines.push({
+		text: value.slice(start),
+		start
+	});
+	return lines;
+}
+function cleanJsxTextWithOffsets(value) {
+	const lines = splitLinesWithOffsets(value);
+	let lastNonEmptyLine = 0;
+	for (let i = 0; i < lines.length; i++) if (lines[i].text.trim()) lastNonEmptyLine = i;
+	let text = "";
+	const offsets = [];
+	for (let i = 0; i < lines.length; i++) {
+		const chars = Array.from(lines[i].text, (ch, j) => ({
+			ch: ch === "	" ? " " : ch,
+			offset: lines[i].start + j
+		}));
+		let from = 0;
+		let to = chars.length;
+		if (i !== 0) while (from < to && chars[from].ch === " ") from += 1;
+		if (i !== lines.length - 1) while (to > from && chars[to - 1].ch === " ") to -= 1;
+		if (from >= to) continue;
+		for (const item of chars.slice(from, to)) {
+			text += item.ch;
+			offsets.push(item.offset);
+		}
+		if (i !== lastNonEmptyLine) {
+			text += " ";
+			offsets.push(null);
+		}
+	}
+	return {
+		text,
+		offsets
+	};
+}
+function isJsxBrElement(node) {
+	if (!t$4.isJSXElement(node)) return false;
+	const name = node.openingElement.name;
+	return t$4.isJSXIdentifier(name) && name.name.toLowerCase() === "br";
+}
 function collectTextCandidates(element, out) {
 	const meaningful = meaningfulChildren(element);
 	const isSole = meaningful.length === 1;
-	for (const child of meaningful) if (t$2.isJSXText(child)) {
+	for (const child of meaningful) if (t$4.isJSXText(child)) {
 		const current = child.value.trim();
 		if (!current) continue;
 		out.push({
@@ -303,9 +414,9 @@ function collectTextCandidates(element, out) {
 				text: formatJsxText(v)
 			}
 		});
-	} else if (t$2.isJSXExpressionContainer(child)) {
+	} else if (t$4.isJSXExpressionContainer(child)) {
 		const expr = child.expression;
-		if (t$2.isStringLiteral(expr) || t$2.isNumericLiteral(expr)) {
+		if (t$4.isStringLiteral(expr) || t$4.isNumericLiteral(expr)) {
 			const current = String(expr.value);
 			out.push({
 				current,
@@ -316,16 +427,236 @@ function collectTextCandidates(element, out) {
 				}
 			});
 		}
-	} else if (t$2.isJSXElement(child) || t$2.isJSXFragment(child)) collectTextCandidates(child, out);
+	} else if (t$4.isJSXElement(child) || t$4.isJSXFragment(child)) collectTextCandidates(child, out);
+}
+function collectTextRangeParts(element, out) {
+	const parts = [];
+	collectTextRangePartsRaw(element, parts);
+	out.push(...normalizeTextRangeParts(parts));
+}
+function collectTextRangePartsRaw(element, out) {
+	for (const child of element.children) if (t$4.isJSXText(child)) {
+		const { text: current, offsets } = cleanJsxTextWithOffsets(child.value);
+		if (current) out.push({
+			node: child,
+			parent: element,
+			current,
+			raw: child.value,
+			text: formatJsxText,
+			offsets
+		});
+	} else if (t$4.isJSXExpressionContainer(child)) {
+		const expression = child.expression;
+		if (t$4.isStringLiteral(expression) || t$4.isNumericLiteral(expression)) {
+			const raw = String(expression.value);
+			const current = raw;
+			if (current) out.push({
+				node: child,
+				parent: element,
+				current,
+				raw,
+				text: (value) => `{${jsString$1(value)}}`,
+				offsets: Array.from({ length: current.length }, (_, i) => i)
+			});
+		}
+	} else if (isJsxBrElement(child)) out.push({
+		node: child,
+		current: "\n"
+	});
+	else if (t$4.isJSXElement(child) || t$4.isJSXFragment(child)) collectTextRangePartsRaw(child, out);
+}
+function normalizeTextRangeParts(parts) {
+	return parts.flatMap((part, index) => {
+		if (!("raw" in part)) return [part];
+		let start = 0;
+		let end = part.current.length;
+		if (parts[index - 1]?.current === "\n") while (start < end && /\s/.test(part.current[start] ?? "")) start++;
+		if (parts[index + 1]?.current === "\n") while (end > start && /\s/.test(part.current[end - 1] ?? "")) end--;
+		if (start === 0 && end === part.current.length) return [part];
+		if (start >= end) return [];
+		return [{
+			...part,
+			current: part.current.slice(start, end),
+			offsets: part.offsets.slice(start, end)
+		}];
+	});
 }
-function propPassthroughName(element) {
-	const meaningful = meaningfulChildren(element);
-	if (meaningful.length !== 1) return null;
-	const child = meaningful[0];
-	if (!t$2.isJSXExpressionContainer(child)) return null;
-	return t$2.isIdentifier(child.expression) ? child.expression.name : null;
+function resetValueForRangeStyle(key) {
+	if (key === "fontWeight") return "400";
+	if (key === "fontStyle") return "normal";
+	return null;
 }
-function findEnclosingComponent(ast, target) {
+function styleSpanForText(text, key, value) {
+	const styleValue = value ?? resetValueForRangeStyle(key);
+	if (styleValue === null) return formatJsxText(text);
+	return `<span style={{ ${key}: ${jsString$1(styleValue)} }}>${formatJsxText(text)}</span>`;
+}
+function textRangeContent(parts) {
+	return parts.map((part) => part.current).join("");
+}
+function compactText(value) {
+	return value.replace(/\s+/g, "");
+}
+function textMatchesExpected(current, expected) {
+	return current === expected || compactText(current) === compactText(expected);
+}
+function formatRichText(value, formatText = formatJsxText) {
+	return value.split("\n").map((part) => formatText(part)).join("<br />");
+}
+function formatOptionalText(value, formatText = formatJsxText) {
+	return value ? formatText(value) : "";
+}
+function textDiff(prevText, nextText) {
+	let start = 0;
+	while (start < prevText.length && start < nextText.length && prevText[start] === nextText[start]) start += 1;
+	let prevEnd = prevText.length;
+	let nextEnd = nextText.length;
+	while (prevEnd > start && nextEnd > start && prevText[prevEnd - 1] === nextText[nextEnd - 1]) {
+		prevEnd -= 1;
+		nextEnd -= 1;
+	}
+	return {
+		start,
+		end: prevEnd,
+		value: nextText.slice(start, nextEnd)
+	};
+}
+function textLeafSplice(part, value) {
+	const rawRange = textLeafRawRange(part, 0, part.current.length);
+	if (!rawRange) return spliceRange(part.node, part.text(value));
+	const { rawStart, rawEnd } = rawRange;
+	return {
+		from: part.node.start ?? 0,
+		to: part.node.end ?? 0,
+		text: `${part.raw.slice(0, rawStart)}${formatRichText(value, part.text)}${part.raw.slice(rawEnd)}`
+	};
+}
+function textLeafRawRange(part, start, end) {
+	if (start >= end) return null;
+	let first = null;
+	let last = null;
+	for (let i = start; i < end; i++) {
+		const offset = part.offsets[i];
+		if (offset === void 0) return null;
+		if (offset === null) continue;
+		first ??= offset;
+		last = offset;
+	}
+	if (first === null || last === null) return null;
+	return {
+		rawStart: first,
+		rawEnd: last + 1
+	};
+}
+function buildTextRangeReplaceSplices(parts, start, end, value) {
+	const splices = [];
+	let offset = 0;
+	let inserted = false;
+	for (const part of parts) {
+		const partStart = offset;
+		const partEnd = partStart + part.current.length;
+		offset = partEnd;
+		const overlaps = start < partEnd && end > partStart;
+		const insertsHere = start === end && !inserted && start >= partStart && start <= partEnd;
+		if (!overlaps && !insertsHere) continue;
+		if ("raw" in part) {
+			const localStart = Math.max(start, partStart) - partStart;
+			const localEnd = overlaps ? Math.min(end, partEnd) - partStart : localStart;
+			const nextText = `${part.current.slice(0, localStart)}${inserted ? "" : value}${part.current.slice(localEnd)}`;
+			splices.push(textLeafSplice(part, nextText));
+		} else if (overlaps) splices.push(spliceRange(part.node, inserted ? "" : formatRichText(value)));
+		else if (insertsHere) {
+			const at = start === partStart ? part.node.start ?? 0 : part.node.end ?? 0;
+			splices.push({
+				from: at,
+				to: at,
+				text: formatRichText(value)
+			});
+		}
+		inserted = true;
+	}
+	if (!inserted && start === end && start === offset) {
+		const last = parts[parts.length - 1];
+		if (!last) return { error: "element has no editable text" };
+		if ("raw" in last) splices.push(textLeafSplice(last, `${last.current}${value}`));
+		else splices.push({
+			from: last.node.end ?? 0,
+			to: last.node.end ?? 0,
+			text: formatRichText(value)
+		});
+	}
+	return splices;
+}
+function buildTextContentSplices(element, value, prevText) {
+	const parts = [];
+	collectTextRangeParts(element, parts);
+	const current = textRangeContent(parts);
+	if (!textMatchesExpected(current, prevText)) return { error: "no text candidate matches the current value" };
+	const diff = textDiff(current, value);
+	if (diff.start === diff.end && diff.value === "") return [];
+	return buildTextRangeReplaceSplices(parts, diff.start, diff.end, diff.value);
+}
+function buildTextRangeStyleSplices(ast, source, element, start, end, op, prevText) {
+	if (!Number.isInteger(start) || !Number.isInteger(end) || start < 0 || end <= start) return { error: "invalid text range" };
+	const parts = [];
+	collectTextRangeParts(element, parts);
+	const current = prevText ?? textRangeContent(parts);
+	if (!current) return { error: "element has no editable text" };
+	if (end > current.length) return { error: "text range is out of bounds" };
+	const renderedText = textRangeContent(parts);
+	if (prevText !== void 0 && renderedText !== prevText) {
+		if (elementTextCandidateMatches(ast, element, prevText)) {
+			const result = buildStyleSplice(source, element, [op]);
+			if (result && "error" in result) return result;
+			return result ? [result] : [];
+		}
+		return { error: "no text candidate matches the current value" };
+	}
+	const splices = [];
+	let leafStart = 0;
+	for (const leaf of parts) {
+		const leafEnd = leafStart + leaf.current.length;
+		if (!("raw" in leaf)) {
+			leafStart = leafEnd;
+			continue;
+		}
+		const selectedStart = Math.max(start, leafStart);
+		const selectedEnd = Math.min(end, leafEnd);
+		if (selectedStart >= selectedEnd) {
+			leafStart = leafEnd;
+			continue;
+		}
+		if (selectedStart === leafStart && selectedEnd === leafEnd && t$4.isJSXElement(leaf.parent) && leaf.parent !== element && isOnlyMeaningfulChild(leaf.parent, leaf.node)) {
+			const result = buildStyleSplice(source, leaf.parent, [op]);
+			if (result && "error" in result) return result;
+			if (result) splices.push(result);
+			leafStart = leafEnd;
+			continue;
+		}
+		const localStart = selectedStart - leafStart;
+		const localEnd = selectedEnd - leafStart;
+		const rawRange = textLeafRawRange(leaf, localStart, localEnd);
+		if (!rawRange) return { error: "text range source mismatch" };
+		const raw = leaf.raw;
+		const { rawStart, rawEnd } = rawRange;
+		const before = raw.slice(0, rawStart);
+		const selected = leaf.current.slice(localStart, localEnd);
+		const after = raw.slice(rawEnd);
+		const beforeText = t$4.isJSXText(leaf.node) ? before : formatOptionalText(before, leaf.text);
+		const afterText = t$4.isJSXText(leaf.node) ? after : formatOptionalText(after, leaf.text);
+		splices.push(spliceRange(leaf.node, `${beforeText}${styleSpanForText(selected, op.key, op.value)}${afterText}`));
+		leafStart = leafEnd;
+	}
+	return splices.length > 0 ? splices : null;
+}
+function propPassthroughName(element) {
+	const meaningful = meaningfulChildren(element);
+	if (meaningful.length !== 1) return null;
+	const child = meaningful[0];
+	if (!t$4.isJSXExpressionContainer(child)) return null;
+	return t$4.isIdentifier(child.expression) ? child.expression.name : null;
+}
+function findEnclosingComponent(ast, target) {
 	let best = null;
 	let bestSize = Number.POSITIVE_INFINITY;
 	const targetStart = target.start ?? 0;
@@ -345,17 +676,17 @@ function findEnclosingComponent(ast, target) {
 		}
 	};
 	const visitDecl = (decl) => {
-		if (t$2.isFunctionDeclaration(decl) && decl.id) consider(decl.id.name, decl);
-		else if (t$2.isVariableDeclaration(decl)) for (const d of decl.declarations) {
-			if (!t$2.isVariableDeclarator(d) || !t$2.isIdentifier(d.id) || !d.init) continue;
-			if (t$2.isArrowFunctionExpression(d.init) || t$2.isFunctionExpression(d.init)) consider(d.id.name, d.init);
+		if (t$4.isFunctionDeclaration(decl) && decl.id) consider(decl.id.name, decl);
+		else if (t$4.isVariableDeclaration(decl)) for (const d of decl.declarations) {
+			if (!t$4.isVariableDeclarator(d) || !t$4.isIdentifier(d.id) || !d.init) continue;
+			if (t$4.isArrowFunctionExpression(d.init) || t$4.isFunctionExpression(d.init)) consider(d.id.name, d.init);
 		}
 	};
 	for (const decl of ast.program.body) {
 		visitDecl(decl);
-		if (t$2.isExportNamedDeclaration(decl) || t$2.isExportDefaultDeclaration(decl)) {
+		if (t$4.isExportNamedDeclaration(decl) || t$4.isExportDefaultDeclaration(decl)) {
 			const inner = decl.declaration;
-			if (inner && (t$2.isStatement(inner) || t$2.isFunctionDeclaration(inner))) visitDecl(inner);
+			if (inner && (t$4.isStatement(inner) || t$4.isFunctionDeclaration(inner))) visitDecl(inner);
 		}
 	}
 	return best;
@@ -363,51 +694,40 @@ function findEnclosingComponent(ast, target) {
 function componentDestructuresProp(fn, propName) {
 	if (fn.params.length === 0) return false;
 	let first = fn.params[0];
-	if (t$2.isAssignmentPattern(first)) first = first.left;
-	if (!t$2.isObjectPattern(first)) return false;
+	if (t$4.isAssignmentPattern(first)) first = first.left;
+	if (!t$4.isObjectPattern(first)) return false;
 	for (const prop of first.properties) {
-		if (!t$2.isObjectProperty(prop)) continue;
-		if (t$2.isIdentifier(prop.key) && prop.key.name === propName) return true;
-		if (t$2.isStringLiteral(prop.key) && prop.key.value === propName) return true;
+		if (!t$4.isObjectProperty(prop)) continue;
+		if (t$4.isIdentifier(prop.key) && prop.key.name === propName) return true;
+		if (t$4.isStringLiteral(prop.key) && prop.key.value === propName) return true;
 	}
 	return false;
 }
 function collectCallSiteCandidates(ast, componentName) {
 	const out = [];
 	walkJsx(ast, (n) => {
-		if (!t$2.isJSXElement(n)) return;
+		if (!t$4.isJSXElement(n)) return;
 		const elName = n.openingElement.name;
-		if (t$2.isJSXIdentifier(elName) && elName.name === componentName) collectTextCandidates(n, out);
+		if (t$4.isJSXIdentifier(elName) && elName.name === componentName) collectTextCandidates(n, out);
 	});
 	return out;
 }
-function formatJsxAttrValue(value) {
-	if (/^[^"\\<>&{}\n\r]*$/.test(value)) return `"${value}"`;
-	return `{${jsString$1(value)}}`;
-}
-function spliceRange(node, text) {
-	return {
-		from: node.start ?? 0,
-		to: node.end ?? 0,
-		text
-	};
-}
 function collectPropCallSiteCandidates(ast, componentName, propName) {
 	const out = [];
 	walkJsx(ast, (n) => {
-		if (!t$2.isJSXElement(n)) return;
+		if (!t$4.isJSXElement(n)) return;
 		const elName = n.openingElement.name;
-		if (!t$2.isJSXIdentifier(elName) || elName.name !== componentName) return;
+		if (!t$4.isJSXIdentifier(elName) || elName.name !== componentName) return;
 		const attr = findJsxAttr(n.openingElement, propName);
 		if (!attr?.value) return;
 		const v = attr.value;
-		if (t$2.isStringLiteral(v)) out.push({
+		if (t$4.isStringLiteral(v)) out.push({
 			current: v.value,
 			splice: (s) => spliceRange(v, formatJsxAttrValue(s))
 		});
-		else if (t$2.isJSXExpressionContainer(v)) {
+		else if (t$4.isJSXExpressionContainer(v)) {
 			const expr = v.expression;
-			if (t$2.isStringLiteral(expr) || t$2.isNumericLiteral(expr)) out.push({
+			if (t$4.isStringLiteral(expr) || t$4.isNumericLiteral(expr)) out.push({
 				current: String(expr.value),
 				splice: (s) => spliceRange(v, formatJsxAttrValue(s))
 			});
@@ -420,17 +740,17 @@ function findEnclosingMapCallback(ast, target) {
 	const targetStart = target.start ?? 0;
 	const targetEnd = target.end ?? 0;
 	walkAll(ast, (node) => {
-		if (!t$2.isCallExpression(node)) return;
+		if (!t$4.isCallExpression(node)) return;
 		const callee = node.callee;
-		if (!t$2.isMemberExpression(callee) || callee.computed) return;
-		if (!t$2.isIdentifier(callee.property)) return;
+		if (!t$4.isMemberExpression(callee) || callee.computed) return;
+		if (!t$4.isIdentifier(callee.property)) return;
 		if (callee.property.name !== "map" && callee.property.name !== "flatMap") return;
 		const fn = node.arguments[0];
-		if (!fn || !t$2.isArrowFunctionExpression(fn) && !t$2.isFunctionExpression(fn)) return;
+		if (!fn || !t$4.isArrowFunctionExpression(fn) && !t$4.isFunctionExpression(fn)) return;
 		const fnStart = fn.start ?? 0;
 		const fnEnd = fn.end ?? 0;
 		if (fnStart > targetStart || fnEnd < targetEnd) return;
-		if (!t$2.isExpression(callee.object)) return;
+		if (!t$4.isExpression(callee.object)) return;
 		const size = fnEnd - fnStart;
 		if (!best || size < best.size) best = {
 			fn,
@@ -447,26 +767,26 @@ function findEnclosingMapCallback(ast, target) {
 }
 function resolveArrayLiteralElements(ast, expr) {
 	const dropHoles = (arr) => arr.elements.filter((e) => e != null);
-	if (t$2.isArrayExpression(expr)) return dropHoles(expr);
-	if (!t$2.isIdentifier(expr)) return null;
+	if (t$4.isArrayExpression(expr)) return dropHoles(expr);
+	if (!t$4.isIdentifier(expr)) return null;
 	const name = expr.name;
 	const useStart = expr.start ?? 0;
 	let init = null;
 	walkAll(ast, (node) => {
-		if (!t$2.isVariableDeclarator(node)) return;
-		if (!t$2.isIdentifier(node.id) || node.id.name !== name) return;
-		if (!node.init || !t$2.isArrayExpression(node.init)) return;
+		if (!t$4.isVariableDeclarator(node)) return;
+		if (!t$4.isIdentifier(node.id) || node.id.name !== name) return;
+		if (!node.init || !t$4.isArrayExpression(node.init)) return;
 		if ((node.init.start ?? 0) > useStart) return;
 		init = node.init;
 	});
 	return init ? dropHoles(init) : null;
 }
 function findObjectProperty(obj, name) {
-	if (!t$2.isObjectExpression(obj)) return null;
+	if (!t$4.isObjectExpression(obj)) return null;
 	for (const prop of obj.properties) {
-		if (!t$2.isObjectProperty(prop) || prop.computed) continue;
-		if (t$2.isIdentifier(prop.key) && prop.key.name === name) return prop;
-		if (t$2.isStringLiteral(prop.key) && prop.key.value === name) return prop;
+		if (!t$4.isObjectProperty(prop) || prop.computed) continue;
+		if (t$4.isIdentifier(prop.key) && prop.key.name === name) return prop;
+		if (t$4.isStringLiteral(prop.key) && prop.key.value === name) return prop;
 	}
 	return null;
 }
@@ -474,22 +794,22 @@ function decodeMapPassthrough(element, callbackParam) {
 	const meaningful = meaningfulChildren(element);
 	if (meaningful.length !== 1) return null;
 	const child = meaningful[0];
-	if (!t$2.isJSXExpressionContainer(child)) return null;
+	if (!t$4.isJSXExpressionContainer(child)) return null;
 	const expr = child.expression;
-	if (t$2.isMemberExpression(expr)) {
+	if (t$4.isMemberExpression(expr)) {
 		if (expr.computed) return null;
-		if (!t$2.isIdentifier(expr.object) || !t$2.isIdentifier(expr.property)) return null;
-		if (!callbackParam || !t$2.isIdentifier(callbackParam)) return null;
+		if (!t$4.isIdentifier(expr.object) || !t$4.isIdentifier(expr.property)) return null;
+		if (!callbackParam || !t$4.isIdentifier(callbackParam)) return null;
 		if (callbackParam.name !== expr.object.name) return null;
 		return expr.property.name;
 	}
-	if (t$2.isIdentifier(expr)) {
+	if (t$4.isIdentifier(expr)) {
 		const fieldName = expr.name;
-		if (!callbackParam || !t$2.isObjectPattern(callbackParam)) return null;
+		if (!callbackParam || !t$4.isObjectPattern(callbackParam)) return null;
 		for (const prop of callbackParam.properties) {
-			if (!t$2.isObjectProperty(prop) || prop.computed) continue;
-			if (!t$2.isIdentifier(prop.key) || prop.key.name !== fieldName) continue;
-			return t$2.isIdentifier(prop.value) && prop.value.name === fieldName ? fieldName : null;
+			if (!t$4.isObjectProperty(prop) || prop.computed) continue;
+			if (!t$4.isIdentifier(prop.key) || prop.key.name !== fieldName) continue;
+			return t$4.isIdentifier(prop.value) && prop.value.name === fieldName ? fieldName : null;
 		}
 	}
 	return null;
@@ -506,18 +826,18 @@ function collectArrayMapCandidates(ast, element) {
 		const prop = findObjectProperty(obj, fieldName);
 		if (!prop) continue;
 		const v = prop.value;
-		if (t$2.isStringLiteral(v)) out.push({
+		if (t$4.isStringLiteral(v)) out.push({
 			current: v.value,
 			splice: (s) => spliceRange(v, jsString$1(s))
 		});
-		else if (t$2.isNumericLiteral(v)) out.push({
+		else if (t$4.isNumericLiteral(v)) out.push({
 			current: String(v.value),
 			splice: (s) => spliceRange(v, jsString$1(s))
 		});
 	}
 	return out;
 }
-function buildTextSplice(ast, element, value, prevText) {
+function collectElementTextCandidates(ast, element) {
 	const candidates = [];
 	collectTextCandidates(element, candidates);
 	if (candidates.length === 0) {
@@ -527,6 +847,14 @@ function buildTextSplice(ast, element, value, prevText) {
 		else if (passthrough && enclosing && componentDestructuresProp(enclosing.fn, passthrough)) candidates.push(...collectPropCallSiteCandidates(ast, enclosing.name, passthrough));
 	}
 	if (candidates.length === 0) candidates.push(...collectArrayMapCandidates(ast, element));
+	return candidates;
+}
+function elementTextCandidateMatches(ast, element, prevText) {
+	const norm = prevText.trim();
+	return collectElementTextCandidates(ast, element).some((candidate) => candidate.current === norm);
+}
+function buildTextSplice(ast, element, value, prevText) {
+	const candidates = collectElementTextCandidates(ast, element);
 	if (candidates.length === 0) return { error: "element has no editable text" };
 	if (candidates.length === 1) return candidates[0].splice(value);
 	if (prevText === void 0) return { error: "element has multiple text candidates; missing prevText" };
@@ -536,50 +864,6 @@ function buildTextSplice(ast, element, value, prevText) {
 	if (matches.length > 1) return { error: "multiple text candidates share the same value; cannot disambiguate" };
 	return matches[0].splice(value);
 }
-function findImports$1(ast) {
-	const out = [];
-	for (const node of ast.program.body) {
-		if (!t$2.isImportDeclaration(node)) continue;
-		let def = null;
-		for (const spec of node.specifiers) if (t$2.isImportDefaultSpecifier(spec)) {
-			def = spec.local.name;
-			break;
-		}
-		out.push({
-			node,
-			source: node.source.value,
-			defaultIdent: def
-		});
-	}
-	return out;
-}
-function collectTopLevelIdentifiers(ast) {
-	const names = new Set();
-	for (const imp of findImports$1(ast)) {
-		if (imp.defaultIdent) names.add(imp.defaultIdent);
-		for (const spec of imp.node.specifiers) if (!t$2.isImportDefaultSpecifier(spec)) names.add(spec.local.name);
-	}
-	return names;
-}
-function safeAssetIdentifier(filename, taken) {
-	const stem = filename.replace(/\.[^.]+$/, "");
-	let camel = "";
-	let upper = false;
-	for (const ch of stem) if (/[A-Za-z0-9]/.test(ch)) {
-		camel += upper ? ch.toUpperCase() : ch;
-		upper = false;
-	} else upper = camel.length > 0;
-	let base = camel;
-	if (!base || !/^[A-Za-z_$]/.test(base)) base = `asset${base.charAt(0).toUpperCase()}${base.slice(1)}` || "asset";
-	base = base.charAt(0).toLowerCase() + base.slice(1);
-	let candidate = base;
-	let i = 2;
-	while (taken.has(candidate)) {
-		candidate = `${base}${i}`;
-		i += 1;
-	}
-	return candidate;
-}
 function planAssetImport(ast, assetPath) {
 	const imports = findImports$1(ast);
 	for (const imp of imports) if (imp.source === assetPath && imp.defaultIdent) return {
@@ -603,7 +887,7 @@ function planAssetImport(ast, assetPath) {
 }
 function planAssetAttr(ast, element, attr, assetPath) {
 	if (!attr || !/^[A-Za-z_][A-Za-z0-9_]*$/.test(attr)) return { error: "invalid attribute name" };
-	if (!assetPath.startsWith("./assets/")) return { error: "asset path must start with ./assets/" };
+	if (!assetPath.startsWith("./assets/") && !assetPath.startsWith("@assets/")) return { error: "asset path must start with ./assets/ or @assets/" };
 	const { identifier, importSplice } = planAssetImport(ast, assetPath);
 	const opening = element.openingElement;
 	const newAttr = `${attr}={${identifier}}`;
@@ -622,26 +906,10 @@ function planAssetAttr(ast, element, attr, assetPath) {
 		attrSplice
 	};
 }
-function readJsxStringAttr(opening, name) {
-	const attr = findJsxAttr(opening, name);
-	const v = attr?.value;
-	if (!v) return null;
-	if (t$2.isStringLiteral(v)) return v.value;
-	if (t$2.isJSXExpressionContainer(v) && t$2.isStringLiteral(v.expression)) return v.expression.value;
-	return null;
-}
-function readJsxNumberAttr(opening, name) {
-	const attr = findJsxAttr(opening, name);
-	const v = attr?.value;
-	if (!v || !t$2.isJSXExpressionContainer(v)) return null;
-	if (!t$2.isNumericLiteral(v.expression)) return null;
-	const n = v.expression.value;
-	return Number.isFinite(n) ? n : null;
-}
 function planReplacePlaceholder(ast, element, assetPath) {
 	const opening = element.openingElement;
-	if (!t$2.isJSXIdentifier(opening.name) || opening.name.name !== "ImagePlaceholder") return { error: "not a placeholder" };
-	if (!assetPath.startsWith("./assets/")) return { error: "asset path must start with ./assets/" };
+	if (!t$4.isJSXIdentifier(opening.name) || opening.name.name !== "ImagePlaceholder") return { error: "not a placeholder" };
+	if (!assetPath.startsWith("./assets/") && !assetPath.startsWith("@assets/")) return { error: "asset path must start with ./assets/ or @assets/" };
 	const hint = readJsxStringAttr(opening, "hint") ?? "";
 	const width = readJsxNumberAttr(opening, "width");
 	const height = readJsxNumberAttr(opening, "height");
@@ -670,7 +938,7 @@ function applyEdit(source, line, column, ops) {
 		status: 422,
 		error: "could not parse source"
 	};
-	const element = findInnermostJsxElement(ast, line, column);
+	const element = findElementForEdit(ast, line, column, ops);
 	if (!element) return {
 		ok: false,
 		status: 422,
@@ -691,14 +959,42 @@ function applyEdit(source, line, column, ops) {
 		if (result) splices.push(result);
 	}
 	for (const op of ops) {
-		if (op.kind !== "set-text") continue;
-		const result = buildTextSplice(ast, element, op.value, op.prevText);
-		if ("error" in result) return {
+		if (op.kind !== "set-text-range-style") continue;
+		const result = buildTextRangeStyleSplices(ast, source, element, op.start, op.end, {
+			key: op.key,
+			value: op.value
+		}, op.prevText);
+		if (result && "error" in result) return {
 			ok: false,
 			status: 422,
 			error: result.error
 		};
-		splices.push(result);
+		if (result) splices.push(...result);
+	}
+	for (const op of ops) {
+		if (op.kind !== "set-text") continue;
+		if (op.prevText !== void 0 && (op.value.includes("\n") || op.prevText.includes("\n"))) {
+			const richResult = buildTextContentSplices(element, op.value, op.prevText);
+			if (!("error" in richResult)) {
+				splices.push(...richResult);
+				continue;
+			}
+		}
+		const result = buildTextSplice(ast, element, op.value, op.prevText);
+		if ("error" in result) {
+			if (op.prevText === void 0) return {
+				ok: false,
+				status: 422,
+				error: result.error
+			};
+			const richResult = buildTextContentSplices(element, op.value, op.prevText);
+			if ("error" in richResult) return {
+				ok: false,
+				status: 422,
+				error: result.error
+			};
+			splices.push(...richResult);
+		} else splices.push(result);
 	}
 	const assetOps = ops.flatMap((op) => op.kind === "set-attr-asset" ? [op] : []);
 	const placeholderOps = ops.flatMap((op) => op.kind === "replace-placeholder-with-image" ? [op] : []);
@@ -742,272 +1038,277 @@ function applyEdit(source, line, column, ops) {
 	splices.sort((a, b) => b.from - a.from);
 	let next = source;
 	for (const sp of splices) next = next.slice(0, sp.from) + sp.text + next.slice(sp.to);
+	if (!parseSource$2(next)) return {
+		ok: false,
+		status: 422,
+		error: "edit would produce invalid source"
+	};
 	return {
 		ok: true,
 		source: next
 	};
 }
-function commentsPlugin(opts) {
-	const userCwd = opts.userCwd;
-	const slidesDir = opts.slidesDir ?? "slides";
-	return {
-		name: "open-slide:comments",
-		apply: "serve",
-		configureServer(server) {
-			server.middlewares.use("/__edit", async (req, res, next) => {
-				const url = new URL(req.url ?? "/", "http://local");
-				const method = req.method ?? "GET";
-				if (method !== "POST") return next();
-				try {
-					if (url.pathname === "/") {
-						const body = await readBody$3(req);
-						const slideId = body.slideId ?? "";
-						const file = resolveSlidePath$2(userCwd, slidesDir, slideId);
-						if (!file) return json$3(res, 400, { error: "invalid slideId" });
-						if (!body.line || body.line < 1) return json$3(res, 400, { error: "invalid line" });
-						if (!Array.isArray(body.ops)) return json$3(res, 400, { error: "missing ops" });
-						let source;
-						try {
-							source = await fs.readFile(file, "utf8");
-						} catch {
-							return json$3(res, 404, { error: "slide not found" });
-						}
-						const result = applyEdit(source, body.line, body.column ?? 0, body.ops);
-						if (!result.ok) return json$3(res, result.status, { error: result.error });
-						const changed = result.source !== source;
-						if (changed) await fs.writeFile(file, result.source, "utf8");
-						return json$3(res, 200, {
-							ok: true,
-							changed
-						});
-					}
-					if (url.pathname === "/batch") {
-						const body = await readBody$3(req);
-						const slideId = body.slideId ?? "";
-						const file = resolveSlidePath$2(userCwd, slidesDir, slideId);
-						if (!file) return json$3(res, 400, { error: "invalid slideId" });
-						if (!Array.isArray(body.edits)) return json$3(res, 400, { error: "missing edits" });
-						let source;
-						try {
-							source = await fs.readFile(file, "utf8");
-						} catch {
-							return json$3(res, 404, { error: "slide not found" });
-						}
-						const original = source;
-						const results = [];
-						for (const edit of body.edits) {
-							if (!edit.line || edit.line < 1 || !Array.isArray(edit.ops)) {
-								results.push({
-									ok: false,
-									error: "invalid edit"
-								});
-								continue;
-							}
-							const r = applyEdit(source, edit.line, edit.column ?? 0, edit.ops);
-							if (r.ok) {
-								source = r.source;
-								results.push({ ok: true });
-							} else results.push({
-								ok: false,
-								error: r.error
-							});
-						}
-						const changed = source !== original;
-						if (changed) await fs.writeFile(file, source, "utf8");
-						return json$3(res, 200, {
-							ok: true,
-							changed,
-							results
-						});
-					}
-					return next();
-				} catch (err) {
-					json$3(res, 500, { error: String(err.message ?? err) });
-				}
-			});
-			server.middlewares.use("/__comments", async (req, res, next) => {
-				const url = new URL(req.url ?? "/", "http://local");
-				const method = req.method ?? "GET";
-				try {
-					if (method === "GET" && url.pathname === "/") {
-						const slideId = url.searchParams.get("slideId") ?? "";
-						const file = resolveSlidePath$2(userCwd, slidesDir, slideId);
-						if (!file) return json$3(res, 400, { error: "invalid slideId" });
-						let source;
-						try {
-							source = await fs.readFile(file, "utf8");
-						} catch {
-							return json$3(res, 404, { error: "slide not found" });
-						}
-						return json$3(res, 200, { comments: parseMarkers(source) });
-					}
-					if (method === "POST" && url.pathname === "/add") {
-						const body = await readBody$3(req);
-						const slideId = body.slideId ?? "";
-						const file = resolveSlidePath$2(userCwd, slidesDir, slideId);
-						if (!file) return json$3(res, 400, { error: "invalid slideId" });
-						if (!body.line || body.line < 1) return json$3(res, 400, { error: "invalid line" });
-						if (!body.text || typeof body.text !== "string") return json$3(res, 400, { error: "missing text" });
-						let source;
-						try {
-							source = await fs.readFile(file, "utf8");
-						} catch {
-							return json$3(res, 404, { error: "slide not found" });
-						}
-						const plan = findInsertion(source, body.line, body.column);
-						if (!plan) return json$3(res, 422, { error: `could not find a JSX container around line ${body.line}. Try clicking a different element.` });
-						const id = newId();
-						const ts = new Date().toISOString();
-						const payload = b64urlEncode(JSON.stringify({
-							note: body.text,
-							hint: body.hint
-						}));
-						const marker = `\n${plan.indent}{/* @slide-comment id="${id}" ts="${ts}" text="${payload}" */}`;
-						const next$1 = source.slice(0, plan.offset) + marker + source.slice(plan.offset);
-						await fs.writeFile(file, next$1, "utf8");
-						const markerLine = offsetToLine(next$1, plan.offset + 1);
-						return json$3(res, 200, {
-							id,
-							line: markerLine
-						});
-					}
-					if (method === "DELETE" && url.pathname.startsWith("/")) {
-						const id = url.pathname.slice(1);
-						if (!/^c-[a-f0-9]+$/.test(id)) return json$3(res, 400, { error: "invalid id" });
-						const slideId = url.searchParams.get("slideId") ?? "";
-						const file = resolveSlidePath$2(userCwd, slidesDir, slideId);
-						if (!file) return json$3(res, 400, { error: "invalid slideId" });
-						let source;
-						try {
-							source = await fs.readFile(file, "utf8");
-						} catch {
-							return json$3(res, 404, { error: "slide not found" });
-						}
-						const lines = source.split("\n");
-						const idRe = new RegExp(`\\{\\/\\*\\s*@slide-comment\\s+id="${id}"\\s+ts="[^"]+"\\s+text="[A-Za-z0-9_\\-]+={0,2}"\\s*\\*\\/\\}`);
-						const hit = lines.findIndex((l) => idRe.test(l));
-						if (hit === -1) return json$3(res, 404, { error: "marker not found" });
-						lines.splice(hit, 1);
-						await fs.writeFile(file, lines.join("\n"), "utf8");
-						return json$3(res, 200, { ok: true });
-					}
-					next();
-				} catch (err) {
-					json$3(res, 500, { error: String(err.message ?? err) });
-				}
-			});
+
+//#endregion
+//#region src/editing/revert-asset.ts
+function collectImgSrcUses(ast, identifier) {
+	const uses = [];
+	walkJsx(ast, (n) => {
+		if (!t$3.isJSXElement(n)) return;
+		const opening = n.openingElement;
+		if (!t$3.isJSXIdentifier(opening.name) || opening.name.name !== "img") return;
+		const src = findJsxAttr(opening, "src");
+		if (!src?.value) return;
+		if (!t$3.isJSXExpressionContainer(src.value)) return;
+		const expr = src.value.expression;
+		if (!t$3.isIdentifier(expr) || expr.name !== identifier) return;
+		uses.push({
+			element: n,
+			identNode: expr
+		});
+	});
+	return uses;
+}
+function readStyleNumericDim(opening, key) {
+	const style = findJsxAttr(opening, "style");
+	if (!style?.value) return null;
+	if (!t$3.isJSXExpressionContainer(style.value)) return null;
+	const obj = style.value.expression;
+	if (!t$3.isObjectExpression(obj)) return null;
+	for (const prop of obj.properties) {
+		if (!t$3.isObjectProperty(prop)) continue;
+		if (prop.computed) continue;
+		const k = prop.key;
+		const keyName = t$3.isIdentifier(k) ? k.name : t$3.isStringLiteral(k) ? k.value : null;
+		if (keyName !== key) continue;
+		const v = prop.value;
+		if (t$3.isNumericLiteral(v) && Number.isFinite(v.value)) return v.value;
+		return null;
+	}
+	return null;
+}
+function buildPlaceholderReplacement(hint, width, height) {
+	const parts = [`hint=${formatJsxAttrValue(hint)}`];
+	if (width != null) parts.push(`width={${width}}`);
+	if (height != null) parts.push(`height={${height}}`);
+	return `<ImagePlaceholder ${parts.join(" ")} />`;
+}
+function planEnsureImagePlaceholderImport(ast) {
+	const readKind = (n) => n.importKind === "type";
+	const imports = findImports$1(ast);
+	let valueImport = null;
+	for (const imp of imports) {
+		if (imp.source !== "@open-slide/core") continue;
+		const declIsTypeOnly = readKind(imp.node);
+		for (const spec of imp.node.specifiers) {
+			if (!t$3.isImportSpecifier(spec)) continue;
+			const imported = spec.imported;
+			const name = t$3.isIdentifier(imported) ? imported.name : imported.value;
+			if (name !== "ImagePlaceholder") continue;
+			const specIsTypeOnly = readKind(spec) || declIsTypeOnly;
+			if (!specIsTypeOnly) return null;
+		}
+		if (!declIsTypeOnly && !valueImport) valueImport = imp;
+	}
+	if (valueImport) {
+		const node = valueImport.node;
+		const lastSpec = node.specifiers[node.specifiers.length - 1];
+		if (lastSpec && t$3.isImportSpecifier(lastSpec)) {
+			const insertAt$1 = lastSpec.end ?? 0;
+			return {
+				from: insertAt$1,
+				to: insertAt$1,
+				text: ", ImagePlaceholder"
+			};
+		}
+		if (lastSpec && t$3.isImportDefaultSpecifier(lastSpec)) {
+			const insertAt$1 = lastSpec.end ?? 0;
+			return {
+				from: insertAt$1,
+				to: insertAt$1,
+				text: ", { ImagePlaceholder }"
+			};
 		}
+		const insertAt = (node.source.start ?? 0) - 5;
+		return {
+			from: insertAt,
+			to: insertAt,
+			text: "{ ImagePlaceholder } "
+		};
+	}
+	return {
+		from: 0,
+		to: 0,
+		text: "import { ImagePlaceholder } from '@open-slide/core';\n"
+	};
+}
+function findAssetUsages(source, assetPath) {
+	const ast = parseSource$2(source);
+	if (!ast) return 0;
+	const imports = findImports$1(ast);
+	const target = imports.find((imp) => imp.source === assetPath && imp.defaultIdent);
+	if (!target?.defaultIdent) return 0;
+	return collectImgSrcUses(ast, target.defaultIdent).length;
+}
+function applyRevertAsset(source, assetPath) {
+	const ast = parseSource$2(source);
+	if (!ast) return {
+		ok: false,
+		status: 422,
+		error: "could not parse source"
+	};
+	const imports = findImports$1(ast);
+	const target = imports.find((imp) => imp.source === assetPath && imp.defaultIdent);
+	if (!target?.defaultIdent) return {
+		ok: true,
+		source
+	};
+	const identifier = target.defaultIdent;
+	const importLocal = (() => {
+		for (const spec of target.node.specifiers) if (t$3.isImportDefaultSpecifier(spec) && spec.local.name === identifier) return spec.local;
+		return null;
+	})();
+	const imgUses = collectImgSrcUses(ast, identifier);
+	const allowed = new Set(imgUses.map((u) => u.identNode));
+	if (importLocal) allowed.add(importLocal);
+	let foreign = false;
+	walkAll(ast, (n) => {
+		if (!t$3.isIdentifier(n) || n.name !== identifier) return;
+		if (!allowed.has(n)) foreign = true;
+	});
+	if (foreign) return {
+		ok: false,
+		status: 422,
+		error: `cannot revert: '${identifier}' is referenced outside <img src={${identifier}}>`
+	};
+	const splices = [];
+	for (const use of imgUses) {
+		const opening = use.element.openingElement;
+		const hint = readJsxStringAttr(opening, "alt") ?? "";
+		const width = readStyleNumericDim(opening, "width");
+		const height = readStyleNumericDim(opening, "height");
+		splices.push(spliceRange(use.element, buildPlaceholderReplacement(hint, width, height)));
+	}
+	const importNode = target.node;
+	const importFrom = importNode.start ?? 0;
+	let importTo = importNode.end ?? 0;
+	if (source[importTo] === "\n") importTo += 1;
+	splices.push({
+		from: importFrom,
+		to: importTo,
+		text: ""
+	});
+	const ensureSplice = planEnsureImagePlaceholderImport(ast);
+	if (ensureSplice) splices.push(ensureSplice);
+	if (splices.length === 0) return {
+		ok: true,
+		source
+	};
+	splices.sort((a, b) => b.from - a.from);
+	let next = source;
+	for (const sp of splices) next = next.slice(0, sp.from) + sp.text + next.slice(sp.to);
+	if (!parseSource$2(next)) return {
+		ok: false,
+		status: 422,
+		error: "edit would produce invalid source"
+	};
+	return {
+		ok: true,
+		source: next
 	};
 }
 
 //#endregion
-//#region src/vite/current-plugin.ts
+//#region src/editing/slide-ops.ts
 const SLIDE_ID_RE$3 = /^[a-z0-9_-]+$/i;
-const TEXT_SNIPPET_MAX = 120;
-function parseSelection(raw) {
-	if (raw == null || typeof raw !== "object") return null;
-	const sel = raw;
-	if (typeof sel.line !== "number" || !Number.isFinite(sel.line)) return null;
-	if (typeof sel.column !== "number" || !Number.isFinite(sel.column)) return null;
-	const tagName = typeof sel.tagName === "string" ? sel.tagName.toLowerCase().slice(0, 32) : "unknown";
-	const text = typeof sel.text === "string" ? sel.text.replace(/\s+/g, " ").trim().slice(0, TEXT_SNIPPET_MAX) : "";
-	return {
-		line: Math.max(1, Math.floor(sel.line)),
-		column: Math.max(0, Math.floor(sel.column)),
-		tagName,
-		text
-	};
-}
-function currentPlugin(opts) {
-	const userCwd = opts.userCwd;
-	const slidesDir = opts.slidesDir ?? "slides";
-	const outDir = path.join(userCwd, "node_modules", ".open-slide");
-	const outFile = path.join(outDir, "current.json");
-	const tmpFile = `${outFile}.tmp`;
-	let cached = null;
-	return {
-		name: "open-slide:current",
-		apply: "serve",
-		configureServer(server) {
-			server.ws.on("open-slide:current", async (raw) => {
-				const next = cached ? { ...cached } : {
-					slideId: "",
-					pageIndex: 0,
-					pageNumber: 1,
-					totalPages: 1,
-					slideTitle: "",
-					view: "slides",
-					pagePath: "",
-					selection: null
-				};
-				if (typeof raw?.slideId === "string") {
-					if (!SLIDE_ID_RE$3.test(raw.slideId)) return;
-					const totalPages = typeof raw.totalPages === "number" && Number.isFinite(raw.totalPages) && raw.totalPages > 0 ? Math.floor(raw.totalPages) : 1;
-					const rawIndex = typeof raw.pageIndex === "number" && Number.isFinite(raw.pageIndex) ? Math.floor(raw.pageIndex) : 0;
-					const pageIndex = Math.max(0, Math.min(totalPages - 1, rawIndex));
-					const slideTitle = typeof raw.slideTitle === "string" ? raw.slideTitle : raw.slideId;
-					const view = raw.view === "assets" ? "assets" : "slides";
-					const pagePath = path.join(slidesDir, raw.slideId, "index.tsx").split(path.sep).join("/");
-					if (cached?.slideId !== raw.slideId || cached?.pageIndex !== pageIndex) next.selection = null;
-					next.slideId = raw.slideId;
-					next.pageIndex = pageIndex;
-					next.pageNumber = pageIndex + 1;
-					next.totalPages = totalPages;
-					next.slideTitle = slideTitle;
-					next.view = view;
-					next.pagePath = pagePath;
-				}
-				if ("selection" in raw) next.selection = parseSelection(raw.selection);
-				if (!next.slideId) return;
-				cached = next;
-				const body = {
-					...next,
-					updatedAt: new Date().toISOString()
-				};
-				try {
-					await fs.mkdir(outDir, { recursive: true });
-					await fs.writeFile(tmpFile, `${JSON.stringify(body, null, 2)}\n`, "utf8");
-					await fs.rename(tmpFile, outFile);
-				} catch {}
-			});
-		}
-	};
+function validateSlideName(v) {
+	if (typeof v !== "string") return null;
+	const trimmed = v.trim();
+	if (trimmed.length < 1 || trimmed.length > 80) return null;
+	return trimmed;
 }
-
-//#endregion
-//#region src/vite/design-plugin.ts
-const SLIDE_ID_RE$2 = /^[a-z0-9_-]+$/i;
-async function readBody$2(req) {
-	return await new Promise((resolve, reject) => {
-		const chunks = [];
-		req.on("data", (c) => chunks.push(c));
-		req.on("end", () => {
-			const raw = Buffer.concat(chunks).toString("utf8");
-			if (!raw) return resolve({});
-			try {
-				resolve(JSON.parse(raw));
-			} catch (e) {
-				reject(e);
-			}
+async function rmSlideDir(slidesRoot, slideId) {
+	if (!SLIDE_ID_RE$3.test(slideId)) return false;
+	const dir = path.resolve(slidesRoot, slideId);
+	if (!dir.startsWith(slidesRoot + path.sep)) return false;
+	try {
+		await fs.rm(dir, {
+			recursive: true,
+			force: true
 		});
-		req.on("error", reject);
-	});
+		return true;
+	} catch {
+		return false;
+	}
 }
-function json$2(res, status, body) {
-	res.statusCode = status;
-	res.setHeader("content-type", "application/json");
-	res.end(JSON.stringify(body));
+function resolveSlideEntry(slidesRoot, slideId) {
+	if (!SLIDE_ID_RE$3.test(slideId)) return null;
+	const dir = path.resolve(slidesRoot, slideId);
+	if (!dir.startsWith(slidesRoot + path.sep)) return null;
+	return path.join(dir, "index.tsx");
 }
-function resolveSlidePath$1(userCwd, slidesDir, slideId) {
-	if (!SLIDE_ID_RE$2.test(slideId)) return null;
-	const slidesRoot = path.resolve(userCwd, slidesDir);
-	const full = path.resolve(slidesRoot, slideId, "index.tsx");
-	if (!full.startsWith(`${slidesRoot}${path.sep}`)) return null;
-	return full;
+function escapeSingleQuoted(s) {
+	return s.replace(/\\/g, "\\\\").replace(/'/g, "\\'");
 }
-function parseSource$1(source) {
+/**
+* Rewrite (or insert) the `title` field in the slide module's `export const meta`.
+*
+* Strategy:
+*   1. Find `export const meta` and brace-match its object literal.
+*   2. If the object already has a `title: '...'` entry, replace the literal.
+*   3. If the object exists but has no title, inject a new `title: '...'` line
+*      as the first property (preserving the author's surrounding indentation).
+*   4. If there is no `meta` export at all, insert a fresh one right before
+*      `export default`.
+*
+* Returns the rewritten source, or `null` if the file shape was too surprising
+* to touch safely (e.g. `export default` missing when we'd need to inject meta).
+*/
+function updateMetaTitleInSource(source, title) {
+	const newLiteral = `'${escapeSingleQuoted(title)}'`;
+	const metaStart = source.search(/export\s+const\s+meta\b/);
+	if (metaStart !== -1) {
+		const eqIdx = source.indexOf("=", metaStart);
+		if (eqIdx === -1) return null;
+		const openBrace = source.indexOf("{", eqIdx);
+		if (openBrace === -1) return null;
+		let depth = 0;
+		let closeBrace = -1;
+		for (let i = openBrace; i < source.length; i++) {
+			const ch = source[i];
+			if (ch === "{") depth++;
+			else if (ch === "}") {
+				depth--;
+				if (depth === 0) {
+					closeBrace = i;
+					break;
+				}
+			}
+		}
+		if (closeBrace === -1) return null;
+		const body = source.slice(openBrace + 1, closeBrace);
+		const titleRe = /(^|[\s,{])(title\s*:\s*)(['"`])((?:\\.|(?!\3).)*)\3/;
+		const match = body.match(titleRe);
+		if (match) {
+			const newBody = body.replace(titleRe, `${match[1]}${match[2]}${newLiteral}`);
+			return source.slice(0, openBrace + 1) + newBody + source.slice(closeBrace);
+		}
+		const firstIndentMatch = body.match(/\n([ \t]+)\S/);
+		const indent$1 = firstIndentMatch ? firstIndentMatch[1] : "  ";
+		const trimmedBody = body.replace(/^\s*\n?/, "");
+		const needsSeparator = trimmedBody.trim().length > 0;
+		const insertion$1 = `\n${indent$1}title: ${newLiteral}${needsSeparator ? "," : ""}`;
+		return source.slice(0, openBrace + 1) + insertion$1 + body + source.slice(closeBrace);
+	}
+	const exportDefaultIdx = source.search(/export\s+default\b/);
+	if (exportDefaultIdx === -1) return null;
+	const insertion = `export const meta: SlideMeta = { title: ${newLiteral} };\n\n`;
+	return source.slice(0, exportDefaultIdx) + insertion + source.slice(exportDefaultIdx);
+}
+function findDefaultExportArray(source) {
+	let ast;
 	try {
-		return parse(source, {
+		ast = parse(source, {
 			sourceType: "module",
 			plugins: ["typescript", "jsx"],
 			errorRecovery: true
@@ -1015,437 +1316,1316 @@ function parseSource$1(source) {
 	} catch {
 		return null;
 	}
-}
-function findDesignDecl(ast) {
 	const body = ast.program?.body ?? [];
 	for (const node of body) {
-		let varDecl = null;
-		if (node.type === "VariableDeclaration") varDecl = node;
-		else if (node.type === "ExportNamedDeclaration") {
-			const decl = node.declaration;
-			if (decl?.type === "VariableDeclaration") varDecl = decl;
-		}
-		if (!varDecl) continue;
-		const declarations = varDecl.declarations ?? [];
-		for (const d of declarations) {
-			const id = d.id;
-			if (!id || id.type !== "Identifier" || id.name !== "design") continue;
-			const init = d.init;
-			if (!init) return null;
-			let inner = init;
-			if (inner.type === "TSSatisfiesExpression" || inner.type === "TSAsExpression") {
-				const expr = inner.expression;
-				if (expr) inner = expr;
-			}
-			if (inner.type !== "ObjectExpression") return null;
-			return {
-				declStart: node.start,
-				declEnd: node.end,
-				objectStart: inner.start,
-				objectEnd: inner.end
-			};
+		if (node.type !== "ExportDefaultDeclaration") continue;
+		let inner = node.declaration;
+		while (inner && (inner.type === "TSAsExpression" || inner.type === "TSSatisfiesExpression")) inner = inner.expression;
+		if (!inner || inner.type !== "ArrayExpression") return null;
+		const arrayStart = inner.start;
+		const arrayEnd = inner.end;
+		const rawElements = inner.elements ?? [];
+		const elements = [];
+		for (const el of rawElements) {
+			if (!el || typeof el.start !== "number" || typeof el.end !== "number") return null;
+			elements.push({
+				start: el.start,
+				end: el.end
+			});
 		}
+		return {
+			elements,
+			arrayStart,
+			arrayEnd
+		};
 	}
 	return null;
 }
-function literalToValue(node) {
-	switch (node.type) {
-		case "StringLiteral": return node.value;
-		case "NumericLiteral": return node.value;
-		case "BooleanLiteral": return node.value;
-		case "NullLiteral": return null;
-		case "UnaryExpression": {
-			const op = node.operator;
-			const arg = node.argument;
-			const v = literalToValue(arg);
-			if (op === "-" && typeof v === "number") return -v;
-			if (op === "+" && typeof v === "number") return v;
-			throw new Error(`unsupported unary operator ${op}`);
-		}
-		case "TemplateLiteral": {
-			const quasis = node.quasis;
-			const expressions = node.expressions;
-			if (expressions.length > 0) throw new Error("template literal has expressions");
-			return quasis[0].value.cooked ?? quasis[0].value.raw;
-		}
-		case "ArrayExpression": {
-			const elements = node.elements;
-			return elements.map((el) => {
-				if (!el) throw new Error("array has hole");
-				return literalToValue(el);
-			});
-		}
-		case "ObjectExpression": {
-			const properties = node.properties;
-			const out = {};
-			for (const prop of properties) {
-				if (prop.type !== "ObjectProperty") throw new Error("object has spread or method");
-				const p = prop;
-				if (p.computed) throw new Error("object has computed key");
-				let key;
-				if (p.key.type === "Identifier" && typeof p.key.name === "string") key = p.key.name;
-				else if (p.key.type === "StringLiteral" && typeof p.key.value === "string") key = p.key.value;
-				else throw new Error("unsupported object key");
-				out[key] = literalToValue(p.value);
-			}
-			return out;
+/**
+* Rewrite `export default [...]` so its elements appear in the requested order.
+*
+* `order[i]` is the original index that should land at new position `i`. The
+* function preserves each element's exact source slice (including any inline
+* comments that hug an identifier) and keeps the inter-element separator slots
+* in their original positions, so a 3-page array `[A, B, C]` reordered to
+* `[2, 0, 1]` becomes `[C, A, B]` with the same indentation and trailing
+* commas the author wrote.
+*
+* Returns `null` when the file's default export isn't an array literal, or the
+* order is not a valid permutation of `[0, n-1]`.
+*/
+function reorderDefaultExportPagesInSource(source, order) {
+	const found = findDefaultExportArray(source);
+	if (!found) return null;
+	const { elements, arrayStart, arrayEnd } = found;
+	const n = elements.length;
+	if (order.length !== n) return null;
+	const seen = new Set();
+	for (const idx of order) {
+		if (!Number.isInteger(idx) || idx < 0 || idx >= n) return null;
+		if (seen.has(idx)) return null;
+		seen.add(idx);
+	}
+	if (n === 0) return source;
+	let identity = true;
+	for (let i = 0; i < n; i++) if (order[i] !== i) {
+		identity = false;
+		break;
+	}
+	if (identity) return source;
+	const prefix = source.slice(arrayStart, elements[0].start);
+	const suffix = source.slice(elements[n - 1].end, arrayEnd);
+	const separators = [];
+	for (let i = 0; i < n - 1; i++) separators.push(source.slice(elements[i].end, elements[i + 1].start));
+	const elementText = elements.map((el) => source.slice(el.start, el.end));
+	let rebuilt = prefix + elementText[order[0]];
+	for (let i = 1; i < n; i++) rebuilt += separators[i - 1] + elementText[order[i]];
+	rebuilt += suffix;
+	return source.slice(0, arrayStart) + rebuilt + source.slice(arrayEnd);
+}
+function findNotesArray(source) {
+	let ast;
+	try {
+		ast = parse(source, {
+			sourceType: "module",
+			plugins: ["typescript", "jsx"],
+			errorRecovery: true
+		});
+	} catch {
+		return "invalid";
+	}
+	const body = ast.program?.body ?? [];
+	for (const stmt of body) {
+		if (stmt.type !== "ExportNamedDeclaration") continue;
+		const decl = stmt.declaration;
+		if (!decl || decl.type !== "VariableDeclaration") continue;
+		const declarations = decl.declarations ?? [];
+		for (const d of declarations) {
+			const id = d.id;
+			if (!id || id.type !== "Identifier" || id.name !== "notes") continue;
+			const init = d.init;
+			if (!init || init.type !== "ArrayExpression") return "invalid";
+			const arrayStart = init.start;
+			const arrayEnd = init.end;
+			if (typeof arrayStart !== "number" || typeof arrayEnd !== "number") return "invalid";
+			const rawElements = init.elements ?? [];
+			const elementTexts = [];
+			for (const el of rawElements) {
+				if (el === null) {
+					elementTexts.push("undefined");
+					continue;
+				}
+				if (el.type === "SpreadElement") return "invalid";
+				const start = el.start;
+				const end = el.end;
+				if (typeof start !== "number" || typeof end !== "number") return "invalid";
+				elementTexts.push(source.slice(start, end));
+			}
+			return {
+				arrayStart,
+				arrayEnd,
+				elementTexts
+			};
 		}
-		default: throw new Error(`unsupported node type ${node.type}`);
 	}
+	return null;
 }
-function isPlainObject(v) {
-	return typeof v === "object" && v !== null && !Array.isArray(v);
+/**
+* Reorder `export const notes = [...]` to follow the page-array reorder.
+*
+* `order[i]` is the original page index that should land at new position `i`.
+* The notes array is index-aligned with the pages array but may be shorter
+* (trailing `undefined` slots are routinely trimmed). Missing elements are
+* treated as `undefined`, and trailing `undefined` is trimmed again after
+* reordering to keep the file tidy.
+*
+* Returns the rewritten source, the original source if no `notes` export
+* exists or the reorder is a no-op, or `null` if the `notes` export's shape
+* is too surprising to touch safely.
+*/
+function reorderNotesArrayInSource(source, order) {
+	for (const idx of order) if (!Number.isInteger(idx) || idx < 0) return null;
+	const found = findNotesArray(source);
+	if (found === "invalid") return null;
+	if (found === null) return source;
+	const { arrayStart, arrayEnd, elementTexts } = found;
+	const pick = (i) => i >= 0 && i < elementTexts.length ? elementTexts[i] : "undefined";
+	const reordered = order.map(pick);
+	while (reordered.length > 0 && reordered[reordered.length - 1] === "undefined") reordered.pop();
+	const replacement = reordered.length === 0 ? "[]" : `[\n${reordered.map((s) => `  ${s},`).join("\n")}\n]`;
+	if (replacement === source.slice(arrayStart, arrayEnd)) return source;
+	return source.slice(0, arrayStart) + replacement + source.slice(arrayEnd);
 }
-function mergeDesign(base, patch) {
-	const out = JSON.parse(JSON.stringify(base));
-	const apply = (target, src) => {
-		for (const [k, v] of Object.entries(src)) if (isPlainObject(v) && isPlainObject(target[k])) apply(target[k], v);
-		else target[k] = v;
-	};
-	if (isPlainObject(patch)) apply(out, patch);
-	return out;
+/**
+* Remove the element at `index` from `export default [...]`.
+*
+* Preserves the source slice of every other element, dropping the separator
+* immediately following the removed element (or the preceding one when the
+* removed element is the last). Returns `null` when the default export isn't
+* an array literal or `index` is out of range.
+*/
+function removePageFromDefaultExportInSource(source, index) {
+	const found = findDefaultExportArray(source);
+	if (!found) return null;
+	const { elements, arrayStart, arrayEnd } = found;
+	const n = elements.length;
+	if (!Number.isInteger(index) || index < 0 || index >= n) return null;
+	if (n === 1) return `${source.slice(0, arrayStart)}[]${source.slice(arrayEnd)}`;
+	const prefix = source.slice(arrayStart, elements[0].start);
+	const suffix = source.slice(elements[n - 1].end, arrayEnd);
+	const separators = [];
+	for (let i = 0; i < n - 1; i++) separators.push(source.slice(elements[i].end, elements[i + 1].start));
+	const elementText = elements.map((el) => source.slice(el.start, el.end));
+	const keptElements = [];
+	const keptSeparators = [];
+	for (let i = 0; i < n; i++) {
+		if (i === index) continue;
+		keptElements.push(elementText[i]);
+	}
+	for (let i = 0; i < n - 1; i++) {
+		if (index === n - 1 ? i === n - 2 : i === index) continue;
+		keptSeparators.push(separators[i]);
+	}
+	let rebuilt = prefix + keptElements[0];
+	for (let i = 1; i < keptElements.length; i++) rebuilt += keptSeparators[i - 1] + keptElements[i];
+	rebuilt += suffix;
+	return source.slice(0, arrayStart) + rebuilt + source.slice(arrayEnd);
 }
-function indent(level) {
-	return "  ".repeat(level);
+function chooseInsertSeparator(prefix, existingSeparators) {
+	const sample = existingSeparators.find((s) => s.includes(","));
+	if (sample) return sample;
+	if (prefix.includes("\n")) {
+		const m = prefix.match(/\n([ \t]*)$/);
+		const indent$1 = m ? m[1] : "  ";
+		return `,\n${indent$1}`;
+	}
+	return ", ";
 }
-function jsString(s) {
-	return `'${s.replace(/\\/g, "\\\\").replace(/'/g, "\\'").replace(/\n/g, "\\n")}'`;
+/**
+* Duplicate the element at `index` in `export default [...]`, inserting the
+* copy immediately after the original. Reuses an existing inter-element
+* separator when one is available so the cloned entry matches the surrounding
+* indentation. Returns `null` when the default export isn't an array literal
+* or `index` is out of range.
+*/
+function duplicatePageInDefaultExportInSource(source, index) {
+	const found = findDefaultExportArray(source);
+	if (!found) return null;
+	const { elements, arrayStart, arrayEnd } = found;
+	const n = elements.length;
+	if (!Number.isInteger(index) || index < 0 || index >= n) return null;
+	const prefix = source.slice(arrayStart, elements[0].start);
+	const suffix = source.slice(elements[n - 1].end, arrayEnd);
+	const separators = [];
+	for (let i = 0; i < n - 1; i++) separators.push(source.slice(elements[i].end, elements[i + 1].start));
+	const elementText = elements.map((el) => source.slice(el.start, el.end));
+	const insertSep = chooseInsertSeparator(prefix, separators);
+	const newElements = [];
+	const newSeparators = [];
+	for (let i = 0; i < n; i++) {
+		newElements.push(elementText[i]);
+		if (i === index) {
+			newElements.push(elementText[i]);
+			newSeparators.push(insertSep);
+		}
+		if (i < n - 1) newSeparators.push(separators[i]);
+	}
+	let rebuilt = prefix + newElements[0];
+	for (let i = 1; i < newElements.length; i++) rebuilt += newSeparators[i - 1] + newElements[i];
+	rebuilt += suffix;
+	return source.slice(0, arrayStart) + rebuilt + source.slice(arrayEnd);
 }
-function isValidIdentifier(name) {
-	return /^[A-Za-z_$][A-Za-z0-9_$]*$/.test(name);
+
+//#endregion
+//#region src/files/assets.ts
+const GLOBAL_SCOPE = "@global";
+const ASSET_MAX_BYTES = 25 * 1024 * 1024;
+const ASSET_FORBIDDEN_RE = /[\x00-\x1F\x7F/\\:*?"<>|]/;
+const MIME_BY_EXT = {
+	png: "image/png",
+	jpg: "image/jpeg",
+	jpeg: "image/jpeg",
+	gif: "image/gif",
+	svg: "image/svg+xml",
+	webp: "image/webp",
+	avif: "image/avif",
+	ico: "image/x-icon",
+	mp4: "video/mp4",
+	webm: "video/webm",
+	mov: "video/quicktime",
+	woff: "font/woff",
+	woff2: "font/woff2",
+	ttf: "font/ttf",
+	otf: "font/otf",
+	json: "application/json",
+	txt: "text/plain; charset=utf-8",
+	md: "text/markdown; charset=utf-8"
+};
+function mimeForFilename(name) {
+	const dot = name.lastIndexOf(".");
+	if (dot < 0) return "application/octet-stream";
+	const ext = name.slice(dot + 1).toLowerCase();
+	return MIME_BY_EXT[ext] ?? "application/octet-stream";
 }
-function serializeValue(value, level) {
-	if (value === null) return "null";
-	if (typeof value === "string") return jsString(value);
-	if (typeof value === "number") {
-		if (!Number.isFinite(value)) throw new Error("non-finite number");
-		return String(value);
+function validateAssetName(v) {
+	if (typeof v !== "string") return null;
+	const trimmed = v.trim();
+	if (trimmed.length < 1 || trimmed.length > 120) return null;
+	if (ASSET_FORBIDDEN_RE.test(trimmed)) return null;
+	if (trimmed.startsWith(".") || trimmed.startsWith("~")) return null;
+	if (trimmed === ".." || trimmed.split(/[/\\]/).includes("..")) return null;
+	const dot = trimmed.lastIndexOf(".");
+	if (dot <= 0 || dot === trimmed.length - 1) return null;
+	return trimmed;
+}
+function resolveAssetsDir(slidesRoot, slideId) {
+	if (!SLIDE_ID_RE$3.test(slideId)) return null;
+	const slideDir = path.resolve(slidesRoot, slideId);
+	if (!slideDir.startsWith(slidesRoot + path.sep)) return null;
+	const assetsDir = path.resolve(slideDir, "assets");
+	if (assetsDir !== path.join(slideDir, "assets")) return null;
+	return assetsDir;
+}
+function resolveAssetFile(slidesRoot, slideId, filename) {
+	const assetsDir = resolveAssetsDir(slidesRoot, slideId);
+	if (!assetsDir) return null;
+	if (!validateAssetName(filename)) return null;
+	const file = path.resolve(assetsDir, filename);
+	if (!file.startsWith(assetsDir + path.sep)) return null;
+	return file;
+}
+function resolveScopedAssetsDir(slidesRoot, globalAssetsRoot, scope) {
+	if (scope === GLOBAL_SCOPE) return globalAssetsRoot;
+	return resolveAssetsDir(slidesRoot, scope);
+}
+function resolveScopedAssetFile(slidesRoot, globalAssetsRoot, scope, filename) {
+	if (scope === GLOBAL_SCOPE) {
+		if (!validateAssetName(filename)) return null;
+		const file = path.resolve(globalAssetsRoot, filename);
+		if (!file.startsWith(globalAssetsRoot + path.sep)) return null;
+		return file;
 	}
-	if (typeof value === "boolean") return value ? "true" : "false";
-	if (Array.isArray(value)) {
-		if (value.length === 0) return "[]";
-		const inner = value.map((el) => serializeValue(el, level + 1)).join(", ");
-		return `[${inner}]`;
+	return resolveAssetFile(slidesRoot, scope, filename);
+}
+
+//#endregion
+//#region src/http/request-guard.ts
+function firstHeaderValue(value) {
+	if (Array.isArray(value)) return value[0] ?? null;
+	return value ?? null;
+}
+function headerValue(req, name) {
+	return firstHeaderValue(req.headers[name.toLowerCase()])?.trim() ?? null;
+}
+function firstCommaToken(value) {
+	if (!value) return null;
+	const [first] = value.split(",", 1);
+	return first?.trim() || null;
+}
+function requestProto(req) {
+	const forwarded = firstCommaToken(headerValue(req, "x-forwarded-proto"))?.toLowerCase();
+	if (forwarded === "http" || forwarded === "https") return forwarded;
+	return "encrypted" in req.socket && req.socket.encrypted ? "https" : "http";
+}
+function normalizedOrigin(origin) {
+	try {
+		const url = new URL(origin);
+		return `${url.protocol}//${url.host}`.toLowerCase();
+	} catch {
+		return null;
 	}
-	if (isPlainObject(value)) {
-		const entries = Object.entries(value);
-		if (entries.length === 0) return "{}";
-		const childIndent = indent(level + 1);
-		const lines = entries.map(([k, v]) => {
-			const key = isValidIdentifier(k) ? k : jsString(k);
-			return `${childIndent}${key}: ${serializeValue(v, level + 1)},`;
+}
+function validateMutationRequest(req, opts = {}) {
+	if (opts.requireJsonBody) {
+		const contentType = headerValue(req, "content-type")?.toLowerCase();
+		if (!contentType || !contentType.startsWith("application/json")) return {
+			ok: false,
+			status: 415,
+			error: "content-type must be application/json"
+		};
+	}
+	const fetchSite = firstCommaToken(headerValue(req, "sec-fetch-site"))?.toLowerCase();
+	if (fetchSite === "cross-site") return {
+		ok: false,
+		status: 403,
+		error: "cross-site request blocked"
+	};
+	const originRaw = headerValue(req, "origin");
+	if (!originRaw) return { ok: true };
+	if (originRaw.toLowerCase() === "null") return {
+		ok: false,
+		status: 403,
+		error: "opaque origin is not allowed"
+	};
+	const actualOrigin = normalizedOrigin(originRaw);
+	if (!actualOrigin) return {
+		ok: false,
+		status: 403,
+		error: "invalid origin header"
+	};
+	const host = firstCommaToken(headerValue(req, "x-forwarded-host")) ?? headerValue(req, "host");
+	if (!host) return {
+		ok: false,
+		status: 400,
+		error: "missing host header"
+	};
+	const expectedOrigin = `${requestProto(req)}://${host}`.toLowerCase();
+	if (actualOrigin !== expectedOrigin) return {
+		ok: false,
+		status: 403,
+		error: "origin mismatch"
+	};
+	return { ok: true };
+}
+
+//#endregion
+//#region src/vite/routes/context.ts
+function makeContext(opts) {
+	const userCwd = opts.userCwd;
+	const slidesDir = opts.slidesDir ?? "slides";
+	const assetsDir = opts.assetsDir ?? "assets";
+	const slidesRoot = path.resolve(userCwd, slidesDir);
+	const globalAssetsRoot = path.resolve(userCwd, assetsDir);
+	const manifestPath = path.join(slidesRoot, ".folders.json");
+	return {
+		userCwd,
+		slidesDir,
+		slidesRoot,
+		globalAssetsRoot,
+		manifestPath
+	};
+}
+async function readBody$2(req) {
+	return await new Promise((resolve, reject) => {
+		const chunks = [];
+		req.on("data", (c) => chunks.push(c));
+		req.on("end", () => {
+			const raw = Buffer.concat(chunks).toString("utf8");
+			if (!raw) return resolve({});
+			try {
+				resolve(JSON.parse(raw));
+			} catch (e) {
+				reject(e);
+			}
 		});
-		return `{\n${lines.join("\n")}\n${indent(level)}}`;
+		req.on("error", reject);
+	});
+}
+function json$2(res, status, body) {
+	res.statusCode = status;
+	res.setHeader("content-type", "application/json");
+	res.end(JSON.stringify(body));
+}
+function resolveSlideEntryPath(ctx, slideId) {
+	if (!SLIDE_ID_RE$3.test(slideId)) return null;
+	const full = path.resolve(ctx.slidesRoot, slideId, "index.tsx");
+	if (!full.startsWith(ctx.slidesRoot + path.sep)) return null;
+	return full;
+}
+
+//#endregion
+//#region src/vite/routes/assets.ts
+function registerAssetRoutes(server, ctx) {
+	server.middlewares.use("/__assets", async (req, res, next) => {
+		const url = new URL(req.url ?? "/", "http://local");
+		const method = req.method ?? "GET";
+		try {
+			const listMatch = url.pathname.match(/^\/([^/]+)\/?$/);
+			const fileMatch = url.pathname.match(/^\/([^/]+)\/([^/]+)$/);
+			const usagesMatch = url.pathname.match(/^\/([^/]+)\/([^/]+)\/usages$/);
+			if (usagesMatch && method === "GET") {
+				const scope = usagesMatch[1];
+				const filename = decodeURIComponent(usagesMatch[2]);
+				if (!validateAssetName(filename)) return json$2(res, 400, { error: "invalid path" });
+				const isGlobal = scope === GLOBAL_SCOPE;
+				const assetPath = isGlobal ? `@assets/${filename}` : `./assets/${filename}`;
+				let slideIds;
+				if (isGlobal) try {
+					const entries = await fs.readdir(ctx.slidesRoot, { withFileTypes: true });
+					slideIds = entries.filter((e) => e.isDirectory() && SLIDE_ID_RE$3.test(e.name)).map((e) => e.name);
+				} catch {
+					slideIds = [];
+				}
+				else {
+					if (!SLIDE_ID_RE$3.test(scope)) return json$2(res, 400, { error: "invalid slideId" });
+					slideIds = [scope];
+				}
+				const usages = [];
+				let totalCount = 0;
+				for (const sid of slideIds) {
+					const entry = resolveSlideEntry(ctx.slidesRoot, sid);
+					if (!entry) continue;
+					let source;
+					try {
+						source = await fs.readFile(entry, "utf8");
+					} catch {
+						continue;
+					}
+					const count = findAssetUsages(source, assetPath);
+					if (count > 0) {
+						usages.push({
+							slideId: sid,
+							count
+						});
+						totalCount += count;
+					}
+				}
+				return json$2(res, 200, {
+					usages,
+					totalCount
+				});
+			}
+			if (listMatch && method === "GET") {
+				const slideId = listMatch[1];
+				const scopedDir = resolveScopedAssetsDir(ctx.slidesRoot, ctx.globalAssetsRoot, slideId);
+				if (!scopedDir) return json$2(res, 400, { error: "invalid slideId" });
+				let entries;
+				try {
+					entries = await fs.readdir(scopedDir);
+				} catch (err) {
+					if (err.code === "ENOENT") return json$2(res, 200, { assets: [] });
+					throw err;
+				}
+				const assets = [];
+				for (const name of entries) {
+					if (!validateAssetName(name)) continue;
+					const stat = await fs.stat(path.join(scopedDir, name));
+					if (!stat.isFile()) continue;
+					assets.push({
+						name,
+						size: stat.size,
+						mtime: stat.mtimeMs,
+						mime: mimeForFilename(name),
+						url: `/__assets/${slideId}/${encodeURIComponent(name)}`
+					});
+				}
+				assets.sort((a, b) => a.name.localeCompare(b.name));
+				return json$2(res, 200, { assets });
+			}
+			if (fileMatch) {
+				const slideId = fileMatch[1];
+				const filename = decodeURIComponent(fileMatch[2]);
+				const file = resolveScopedAssetFile(ctx.slidesRoot, ctx.globalAssetsRoot, slideId, filename);
+				if (!file) return json$2(res, 400, { error: "invalid path" });
+				if (method === "GET") try {
+					const buf = await fs.readFile(file);
+					res.statusCode = 200;
+					res.setHeader("content-type", mimeForFilename(filename));
+					res.setHeader("cache-control", "no-store");
+					res.end(buf);
+					return;
+				} catch (err) {
+					if (err.code === "ENOENT") return json$2(res, 404, { error: "asset not found" });
+					throw err;
+				}
+				if (method === "POST") {
+					const requestCheck = validateMutationRequest(req);
+					if (!requestCheck.ok) return json$2(res, requestCheck.status, { error: requestCheck.error });
+					const overwrite = url.searchParams.get("overwrite") === "1";
+					const lenHeader = req.headers["content-length"];
+					const len = typeof lenHeader === "string" ? Number(lenHeader) : NaN;
+					if (Number.isFinite(len) && len > ASSET_MAX_BYTES) return json$2(res, 413, { error: "file too large" });
+					if (!overwrite) try {
+						await fs.access(file);
+						return json$2(res, 409, { error: "asset exists" });
+					} catch {}
+					const scopedDir = resolveScopedAssetsDir(ctx.slidesRoot, ctx.globalAssetsRoot, slideId);
+					if (!scopedDir) return json$2(res, 400, { error: "invalid slideId" });
+					await fs.mkdir(scopedDir, { recursive: true });
+					const chunks = [];
+					let total = 0;
+					let oversized = false;
+					await new Promise((resolve, reject) => {
+						req.on("data", (c) => {
+							total += c.length;
+							if (total > ASSET_MAX_BYTES) {
+								oversized = true;
+								req.destroy();
+								return;
+							}
+							chunks.push(c);
+						});
+						req.on("end", () => resolve());
+						req.on("error", reject);
+					});
+					if (oversized) return json$2(res, 413, { error: "file too large" });
+					await fs.writeFile(file, Buffer.concat(chunks));
+					return json$2(res, 200, {
+						ok: true,
+						name: filename,
+						size: total,
+						mime: mimeForFilename(filename),
+						url: `/__assets/${slideId}/${encodeURIComponent(filename)}`
+					});
+				}
+				if (method === "PATCH") {
+					const requestCheck = validateMutationRequest(req, { requireJsonBody: true });
+					if (!requestCheck.ok) return json$2(res, requestCheck.status, { error: requestCheck.error });
+					const body = await readBody$2(req);
+					const target = validateAssetName(body.name);
+					if (!target) return json$2(res, 400, { error: "invalid name" });
+					if (target === filename) return json$2(res, 200, {
+						ok: true,
+						name: filename
+					});
+					const dest = resolveScopedAssetFile(ctx.slidesRoot, ctx.globalAssetsRoot, slideId, target);
+					if (!dest) return json$2(res, 400, { error: "invalid name" });
+					try {
+						await fs.access(dest);
+						return json$2(res, 409, { error: "target exists" });
+					} catch {}
+					try {
+						await fs.rename(file, dest);
+					} catch (err) {
+						if (err.code === "ENOENT") return json$2(res, 404, { error: "asset not found" });
+						throw err;
+					}
+					return json$2(res, 200, {
+						ok: true,
+						name: target
+					});
+				}
+				if (method === "DELETE") {
+					const requestCheck = validateMutationRequest(req);
+					if (!requestCheck.ok) return json$2(res, requestCheck.status, { error: requestCheck.error });
+					try {
+						await fs.unlink(file);
+					} catch (err) {
+						if (err.code === "ENOENT") return json$2(res, 404, { error: "asset not found" });
+						throw err;
+					}
+					return json$2(res, 200, { ok: true });
+				}
+			}
+			return next();
+		} catch (err) {
+			json$2(res, 500, { error: String(err.message ?? err) });
+		}
+	});
+}
+
+//#endregion
+//#region src/editing/comments.ts
+const MARKER_RE = /\{\/\*\s*@slide-comment\s+id="(c-[a-f0-9]+)"\s+ts="([^"]+)"\s+text="([A-Za-z0-9_-]+={0,2})"\s*\*\/\}/g;
+function b64urlEncode(s) {
+	return Buffer.from(s, "utf8").toString("base64").replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+}
+function b64urlDecode(s) {
+	const pad = s.length % 4 === 0 ? "" : "=".repeat(4 - s.length % 4);
+	return Buffer.from(s.replace(/-/g, "+").replace(/_/g, "/") + pad, "base64").toString("utf8");
+}
+function parseMarkers(source) {
+	const comments = [];
+	const lines = source.split("\n");
+	for (let i = 0; i < lines.length; i++) {
+		const line = lines[i];
+		MARKER_RE.lastIndex = 0;
+		const m = MARKER_RE.exec(line);
+		if (!m) continue;
+		const [, id, ts, textB64] = m;
+		try {
+			const payload = JSON.parse(b64urlDecode(textB64));
+			comments.push({
+				id,
+				line: i + 1,
+				ts,
+				note: payload.note,
+				hint: payload.hint
+			});
+		} catch {}
 	}
-	throw new Error(`unsupported value type ${typeof value}`);
+	return comments;
 }
-function serializeDesign(design) {
-	return serializeValue(design, 0);
+function newCommentId() {
+	return `c-${randomUUID().replace(/-/g, "").slice(0, 8)}`;
 }
-function parseSlideDesign(source) {
-	const ast = parseSource$1(source);
-	if (!ast) return {
-		ok: false,
-		exists: true,
-		error: "could not parse slide source"
-	};
-	const loc = findDesignDecl(ast);
-	if (!loc) return {
-		ok: false,
-		exists: false
-	};
-	const objectNode = findDesignObjectNode(ast);
-	if (!objectNode) return {
-		ok: false,
-		exists: true,
-		error: "design has unsupported initializer"
-	};
-	let value;
-	try {
-		value = literalToValue(objectNode);
-	} catch (err) {
-		return {
-			ok: false,
-			exists: true,
-			error: err.message
-		};
-	}
-	const merged = mergeDesign(defaultDesign, value);
-	return {
-		ok: true,
-		design: merged,
-		loc
-	};
+function markerDeleteRegex(id) {
+	return new RegExp(`\\{\\/\\*\\s*@slide-comment\\s+id="${id}"\\s+ts="[^"]+"\\s+text="[A-Za-z0-9_\\-]+={0,2}"\\s*\\*\\/\\}`);
 }
-function findDesignObjectNode(ast) {
-	const body = ast.program?.body ?? [];
-	for (const node of body) {
-		let varDecl = null;
-		if (node.type === "VariableDeclaration") varDecl = node;
-		else if (node.type === "ExportNamedDeclaration") {
-			const decl = node.declaration;
-			if (decl?.type === "VariableDeclaration") varDecl = decl;
-		}
-		if (!varDecl) continue;
-		const declarations = varDecl.declarations ?? [];
-		for (const d of declarations) {
-			const id = d.id;
-			if (!id || id.type !== "Identifier" || id.name !== "design") continue;
-			const init = d.init;
-			if (!init) return null;
-			let inner = init;
-			if (inner.type === "TSSatisfiesExpression" || inner.type === "TSAsExpression") {
-				const expr = inner.expression;
-				if (expr) inner = expr;
-			}
-			if (inner.type !== "ObjectExpression") return null;
-			return inner;
-		}
+function lineToOffset(source, line) {
+	let off = 0;
+	for (let l = 1; l < line; l++) {
+		const nl = source.indexOf("\n", off);
+		if (nl === -1) return source.length;
+		off = nl + 1;
 	}
-	return null;
+	return off;
 }
-function findImports(ast) {
-	const body = ast.program?.body ?? [];
-	const out = [];
-	for (const node of body) {
-		if (node.type !== "ImportDeclaration") continue;
-		const src = node.source?.value;
-		if (typeof src !== "string") continue;
-		const specs = node.specifiers ?? [];
-		out.push({
-			node,
-			source: src,
-			specifiers: specs
-		});
-	}
-	return out;
+function lineIndent(source, lineNumber) {
+	const start = lineToOffset(source, lineNumber);
+	const m = source.slice(start, start + 200).match(/^[ \t]*/);
+	return m?.[0] ?? "";
 }
-function ensureDesignSystemImport(source, ast) {
-	const imports = findImports(ast);
-	const coreImport = imports.find((imp) => imp.source === "@open-slide/core");
-	if (coreImport) {
-		const hasDesignSystem = coreImport.specifiers.some((spec) => {
-			if (spec.type !== "ImportSpecifier") return false;
-			const imported = spec.imported;
-			return imported?.name === "DesignSystem";
+function findJsxAncestors(ast, line, column) {
+	const hits = [];
+	walkJsx(ast, (n) => {
+		if (!n.loc || !t$2.isJSXElement(n) && !t$2.isJSXFragment(n)) return;
+		const s = n.loc.start;
+		const e = n.loc.end;
+		const afterStart = line > s.line || line === s.line && column >= s.column;
+		const beforeEnd = line < e.line || line === e.line && column < e.column;
+		if (afterStart && beforeEnd) hits.push({
+			node: n,
+			size: (n.end ?? 0) - (n.start ?? 0)
 		});
-		if (hasDesignSystem) return {
-			source,
-			offsetShift: 0
-		};
-		const node = coreImport.node;
-		const importText = source.slice(node.start, node.end);
-		const braceClose = importText.lastIndexOf("}");
-		if (braceClose === -1) return {
-			source,
-			offsetShift: 0
-		};
-		const absoluteBrace = node.start + braceClose;
-		const insertText = coreImport.specifiers.length > 0 ? ", type DesignSystem" : "type DesignSystem";
-		const next$1 = `${source.slice(0, absoluteBrace)}${insertText}${source.slice(absoluteBrace)}`;
+	});
+	hits.sort((a, b) => a.size - b.size);
+	return hits.map((h) => h.node);
+}
+function planInsertion(source, target) {
+	if (t$2.isJSXFragment(target)) {
+		const opening = target.openingFragment;
+		const startLine = target.loc?.start.line ?? 1;
 		return {
-			source: next$1,
-			offsetShift: insertText.length
+			offset: opening.end ?? 0,
+			indent: `${lineIndent(source, startLine)}  `
 		};
 	}
-	const stmt = `import type { DesignSystem } from '@open-slide/core';\n`;
-	if (imports.length > 0) {
-		const last = imports[imports.length - 1];
-		const insertAt = last.node.end;
-		const trail = source[insertAt] === "\n" ? "" : "\n";
-		const next$1 = `${source.slice(0, insertAt)}\n${stmt.slice(0, -1)}${trail}${source.slice(insertAt)}`;
+	if (t$2.isJSXElement(target)) {
+		const opening = target.openingElement;
+		if (opening.selfClosing) return null;
+		const startLine = target.loc?.start.line ?? 1;
 		return {
-			source: next$1,
-			offsetShift: 1 + stmt.length - (trail ? 0 : 1)
+			offset: opening.end ?? 0,
+			indent: `${lineIndent(source, startLine)}  `
 		};
 	}
-	const next = `${stmt}\n${source}`;
+	return null;
+}
+function findInsertion(source, line, column) {
+	const ast = parseSource$2(source);
+	if (!ast) return null;
+	const col = column ?? 0;
+	const ancestors = findJsxAncestors(ast, line, col);
+	for (const node of ancestors) {
+		const plan = planInsertion(source, node);
+		if (plan) return plan;
+	}
+	return null;
+}
+function offsetToLine(source, offset) {
+	let line = 1;
+	for (let i = 0; i < offset && i < source.length; i++) if (source[i] === "\n") line++;
+	return line;
+}
+
+//#endregion
+//#region src/vite/routes/comments.ts
+function registerCommentRoutes(server, ctx) {
+	server.middlewares.use("/__comments", async (req, res, next) => {
+		const url = new URL(req.url ?? "/", "http://local");
+		const method = req.method ?? "GET";
+		try {
+			if (method === "GET" && url.pathname === "/") {
+				const slideId = url.searchParams.get("slideId") ?? "";
+				const file = resolveSlideEntryPath(ctx, slideId);
+				if (!file) return json$2(res, 400, { error: "invalid slideId" });
+				let source;
+				try {
+					source = await fs.readFile(file, "utf8");
+				} catch {
+					return json$2(res, 404, { error: "slide not found" });
+				}
+				return json$2(res, 200, { comments: parseMarkers(source) });
+			}
+			if (method === "POST" && url.pathname === "/add") {
+				const requestCheck = validateMutationRequest(req, { requireJsonBody: true });
+				if (!requestCheck.ok) return json$2(res, requestCheck.status, { error: requestCheck.error });
+				const body = await readBody$2(req);
+				const slideId = body.slideId ?? "";
+				const file = resolveSlideEntryPath(ctx, slideId);
+				if (!file) return json$2(res, 400, { error: "invalid slideId" });
+				if (!body.line || body.line < 1) return json$2(res, 400, { error: "invalid line" });
+				if (!body.text || typeof body.text !== "string") return json$2(res, 400, { error: "missing text" });
+				let source;
+				try {
+					source = await fs.readFile(file, "utf8");
+				} catch {
+					return json$2(res, 404, { error: "slide not found" });
+				}
+				const plan = findInsertion(source, body.line, body.column);
+				if (!plan) return json$2(res, 422, { error: `could not find a JSX container around line ${body.line}. Try clicking a different element.` });
+				const id = newCommentId();
+				const ts = new Date().toISOString();
+				const payload = b64urlEncode(JSON.stringify({
+					note: body.text,
+					hint: body.hint
+				}));
+				const marker = `\n${plan.indent}{/* @slide-comment id="${id}" ts="${ts}" text="${payload}" */}`;
+				const next$1 = source.slice(0, plan.offset) + marker + source.slice(plan.offset);
+				await fs.writeFile(file, next$1, "utf8");
+				const markerLine = offsetToLine(next$1, plan.offset + 1);
+				return json$2(res, 200, {
+					id,
+					line: markerLine
+				});
+			}
+			if (method === "DELETE" && url.pathname.startsWith("/")) {
+				const requestCheck = validateMutationRequest(req);
+				if (!requestCheck.ok) return json$2(res, requestCheck.status, { error: requestCheck.error });
+				const id = url.pathname.slice(1);
+				if (!/^c-[a-f0-9]+$/.test(id)) return json$2(res, 400, { error: "invalid id" });
+				const slideId = url.searchParams.get("slideId") ?? "";
+				const file = resolveSlideEntryPath(ctx, slideId);
+				if (!file) return json$2(res, 400, { error: "invalid slideId" });
+				let source;
+				try {
+					source = await fs.readFile(file, "utf8");
+				} catch {
+					return json$2(res, 404, { error: "slide not found" });
+				}
+				const lines = source.split("\n");
+				const idRe = markerDeleteRegex(id);
+				const hit = lines.findIndex((l) => idRe.test(l));
+				if (hit === -1) return json$2(res, 404, { error: "marker not found" });
+				lines.splice(hit, 1);
+				await fs.writeFile(file, lines.join("\n"), "utf8");
+				return json$2(res, 200, { ok: true });
+			}
+			next();
+		} catch (err) {
+			json$2(res, 500, { error: String(err.message ?? err) });
+		}
+	});
+}
+
+//#endregion
+//#region src/vite/routes/edit.ts
+function registerEditRoutes(server, ctx) {
+	server.middlewares.use("/__edit", async (req, res, next) => {
+		const url = new URL(req.url ?? "/", "http://local");
+		const method = req.method ?? "GET";
+		if (method !== "POST") return next();
+		const requestCheck = validateMutationRequest(req, { requireJsonBody: true });
+		if (!requestCheck.ok) return json$2(res, requestCheck.status, { error: requestCheck.error });
+		try {
+			if (url.pathname === "/") {
+				const body = await readBody$2(req);
+				const slideId = body.slideId ?? "";
+				const file = resolveSlideEntryPath(ctx, slideId);
+				if (!file) return json$2(res, 400, { error: "invalid slideId" });
+				if (!body.line || body.line < 1) return json$2(res, 400, { error: "invalid line" });
+				if (!Array.isArray(body.ops)) return json$2(res, 400, { error: "missing ops" });
+				let source;
+				try {
+					source = await fs.readFile(file, "utf8");
+				} catch {
+					return json$2(res, 404, { error: "slide not found" });
+				}
+				const result = applyEdit(source, body.line, body.column ?? 0, body.ops);
+				if (!result.ok) return json$2(res, result.status, { error: result.error });
+				const changed = result.source !== source;
+				if (changed) await fs.writeFile(file, result.source, "utf8");
+				return json$2(res, 200, {
+					ok: true,
+					changed
+				});
+			}
+			if (url.pathname === "/revert-asset") {
+				const body = await readBody$2(req);
+				const slideId = body.slideId ?? "";
+				const assetPath = body.assetPath;
+				const file = resolveSlideEntryPath(ctx, slideId);
+				if (!file) return json$2(res, 400, { error: "invalid slideId" });
+				if (typeof assetPath !== "string" || !assetPath) return json$2(res, 400, { error: "missing assetPath" });
+				if (!assetPath.startsWith("./assets/") && !assetPath.startsWith("@assets/")) return json$2(res, 400, { error: "asset path must start with ./assets/ or @assets/" });
+				let source;
+				try {
+					source = await fs.readFile(file, "utf8");
+				} catch {
+					return json$2(res, 404, { error: "slide not found" });
+				}
+				const result = applyRevertAsset(source, assetPath);
+				if (!result.ok) return json$2(res, result.status, { error: result.error });
+				const changed = result.source !== source;
+				if (changed) await fs.writeFile(file, result.source, "utf8");
+				return json$2(res, 200, {
+					ok: true,
+					changed
+				});
+			}
+			if (url.pathname === "/batch") {
+				const body = await readBody$2(req);
+				const slideId = body.slideId ?? "";
+				const file = resolveSlideEntryPath(ctx, slideId);
+				if (!file) return json$2(res, 400, { error: "invalid slideId" });
+				if (!Array.isArray(body.edits)) return json$2(res, 400, { error: "missing edits" });
+				let source;
+				try {
+					source = await fs.readFile(file, "utf8");
+				} catch {
+					return json$2(res, 404, { error: "slide not found" });
+				}
+				const original = source;
+				const results = [];
+				for (const edit of body.edits) {
+					if (!edit.line || edit.line < 1 || !Array.isArray(edit.ops)) {
+						results.push({
+							ok: false,
+							error: "invalid edit"
+						});
+						continue;
+					}
+					const r = applyEdit(source, edit.line, edit.column ?? 0, edit.ops);
+					if (r.ok) {
+						source = r.source;
+						results.push({ ok: true });
+					} else results.push({
+						ok: false,
+						error: r.error
+					});
+				}
+				const changed = source !== original;
+				if (changed) await fs.writeFile(file, source, "utf8");
+				return json$2(res, 200, {
+					ok: true,
+					changed,
+					results
+				});
+			}
+			return next();
+		} catch (err) {
+			json$2(res, 500, { error: String(err.message ?? err) });
+		}
+	});
+}
+
+//#endregion
+//#region src/files/folders.ts
+const FOLDER_ID_RE = /^f-[a-f0-9]{8}$/;
+const COLOR_RE = /^#[0-9a-fA-F]{6}$/;
+function emptyManifest() {
 	return {
-		source: next,
-		offsetShift: stmt.length + 1
+		folders: [],
+		assignments: {}
 	};
 }
-function findInsertionPoint(source, ast) {
-	const imports = findImports(ast);
-	if (imports.length === 0) return 0;
-	const last = imports[imports.length - 1];
-	let off = last.node.end;
-	while (off < source.length && source[off] !== "\n") off++;
-	if (off < source.length) off++;
-	return off;
+async function readManifest(file) {
+	try {
+		const raw = await fs.readFile(file, "utf8");
+		const parsed = JSON.parse(raw);
+		return {
+			folders: Array.isArray(parsed.folders) ? parsed.folders : [],
+			assignments: parsed.assignments && typeof parsed.assignments === "object" ? parsed.assignments : {}
+		};
+	} catch (err) {
+		if (err.code === "ENOENT") return emptyManifest();
+		throw err;
+	}
+}
+async function writeManifest(file, manifest) {
+	await fs.mkdir(path.dirname(file), { recursive: true });
+	await fs.writeFile(file, `${JSON.stringify(manifest, null, 2)}\n`, "utf8");
+}
+function newFolderId() {
+	return `f-${randomUUID().replace(/-/g, "").slice(0, 8)}`;
+}
+function validateName(v) {
+	if (typeof v !== "string") return null;
+	const trimmed = v.trim();
+	if (trimmed.length < 1 || trimmed.length > 40) return null;
+	return trimmed;
 }
-function applyDesignWrite(source, next) {
-	let body;
-	try {
-		body = serializeDesign(next);
-	} catch (err) {
+function validateIcon(v) {
+	if (!v || typeof v !== "object") return null;
+	const icon = v;
+	if (icon.type === "emoji") {
+		if (typeof icon.value !== "string") return null;
+		if (icon.value.length < 1 || icon.value.length > 8) return null;
 		return {
-			ok: false,
-			status: 422,
-			error: `serialize failed: ${err.message}`
+			type: "emoji",
+			value: icon.value
 		};
 	}
-	const ast = parseSource$1(source);
-	if (!ast) return {
-		ok: false,
-		status: 422,
-		error: "could not parse slide source"
-	};
-	const loc = findDesignDecl(ast);
-	if (loc) {
-		const out$1 = source.slice(0, loc.objectStart) + body + source.slice(loc.objectEnd);
+	if (icon.type === "color") {
+		if (typeof icon.value !== "string" || !COLOR_RE.test(icon.value)) return null;
 		return {
-			ok: true,
-			source: out$1,
-			created: false
+			type: "color",
+			value: icon.value
 		};
 	}
-	const withImport = ensureDesignSystemImport(source, ast);
-	const ast2 = parseSource$1(withImport.source);
-	if (!ast2) return {
-		ok: false,
-		status: 422,
-		error: "failed to re-parse after adding import"
-	};
-	const insertAt = findInsertionPoint(withImport.source, ast2);
-	const block = `\nconst design: DesignSystem = ${body};\n`;
-	const out = withImport.source.slice(0, insertAt) + block + withImport.source.slice(insertAt);
-	return {
-		ok: true,
-		source: out,
-		created: true
-	};
+	return null;
 }
-function designPlugin(opts) {
-	const userCwd = opts.userCwd;
-	const slidesDir = opts.slidesDir ?? "slides";
-	return {
-		name: "open-slide:design",
-		apply: "serve",
-		configureServer(server) {
-			server.middlewares.use("/__design", async (req, res, next) => {
-				const url = new URL(req.url ?? "/", "http://local");
-				const method = req.method ?? "GET";
-				const slideId = url.searchParams.get("slideId") ?? "";
-				const file = resolveSlidePath$1(userCwd, slidesDir, slideId);
-				if (!file) return json$2(res, 400, { error: "invalid slideId" });
-				try {
-					if (method === "GET" && url.pathname === "/") {
-						let source;
-						try {
-							source = await fs.readFile(file, "utf8");
-						} catch {
-							return json$2(res, 404, { error: "slide not found" });
-						}
-						const parsed = parseSlideDesign(source);
-						if (parsed.ok) return json$2(res, 200, {
-							design: parsed.design,
-							exists: true,
-							warning: null
-						});
-						if (parsed.exists === false) return json$2(res, 200, {
-							design: defaultDesign,
-							exists: false,
-							warning: null
-						});
-						return json$2(res, 200, {
-							design: defaultDesign,
-							exists: true,
-							warning: parsed.error
-						});
-					}
-					if (method === "PUT" && url.pathname === "/") {
-						const body = await readBody$2(req);
-						const patch = body.patch;
-						if (!patch || typeof patch !== "object") return json$2(res, 400, { error: "missing patch object" });
-						let source;
-						try {
-							source = await fs.readFile(file, "utf8");
-						} catch {
-							return json$2(res, 404, { error: "slide not found" });
-						}
-						const parsed = parseSlideDesign(source);
-						const baseDesign = parsed.ok ? parsed.design : defaultDesign;
-						if (!parsed.ok && parsed.exists) return json$2(res, 422, { error: parsed.error });
-						const merged = mergeDesign(baseDesign, patch);
-						const written = applyDesignWrite(source, merged);
-						if (!written.ok) return json$2(res, written.status, { error: written.error });
-						if (written.source !== source) await fs.writeFile(file, written.source, "utf8");
-						return json$2(res, 200, {
-							ok: true,
-							design: merged,
-							created: written.created
-						});
+
+//#endregion
+//#region src/vite/routes/folders.ts
+function registerFolderRoutes(server, ctx) {
+	server.middlewares.use("/__folders", async (req, res, next) => {
+		const url = new URL(req.url ?? "/", "http://local");
+		const method = req.method ?? "GET";
+		try {
+			if (method === "GET" && url.pathname === "/") {
+				const manifest = await readManifest(ctx.manifestPath);
+				return json$2(res, 200, manifest);
+			}
+			if (method === "POST" && url.pathname === "/") {
+				const requestCheck = validateMutationRequest(req, { requireJsonBody: true });
+				if (!requestCheck.ok) return json$2(res, requestCheck.status, { error: requestCheck.error });
+				const body = await readBody$2(req);
+				const name = validateName(body.name);
+				if (!name) return json$2(res, 400, { error: "invalid name" });
+				const icon = validateIcon(body.icon);
+				if (!icon) return json$2(res, 400, { error: "invalid icon" });
+				const manifest = await readManifest(ctx.manifestPath);
+				const folder = {
+					id: newFolderId(),
+					name,
+					icon
+				};
+				manifest.folders.push(folder);
+				await writeManifest(ctx.manifestPath, manifest);
+				return json$2(res, 200, folder);
+			}
+			if (method === "PUT" && url.pathname === "/assign") {
+				const requestCheck = validateMutationRequest(req, { requireJsonBody: true });
+				if (!requestCheck.ok) return json$2(res, requestCheck.status, { error: requestCheck.error });
+				const body = await readBody$2(req);
+				if (typeof body.slideId !== "string" || !SLIDE_ID_RE$3.test(body.slideId)) return json$2(res, 400, { error: "invalid slideId" });
+				const slideId = body.slideId;
+				let folderId;
+				if (body.folderId === null) folderId = null;
+				else if (typeof body.folderId === "string" && FOLDER_ID_RE.test(body.folderId)) folderId = body.folderId;
+				else return json$2(res, 400, { error: "invalid folderId" });
+				const manifest = await readManifest(ctx.manifestPath);
+				if (folderId && !manifest.folders.some((f) => f.id === folderId)) return json$2(res, 404, { error: "folder not found" });
+				if (folderId === null) delete manifest.assignments[slideId];
+				else manifest.assignments[slideId] = folderId;
+				await writeManifest(ctx.manifestPath, manifest);
+				return json$2(res, 200, { ok: true });
+			}
+			const idMatch = url.pathname.match(/^\/([^/]+)$/);
+			if (idMatch) {
+				const id = idMatch[1];
+				if (!FOLDER_ID_RE.test(id)) return json$2(res, 400, { error: "invalid id" });
+				if (method === "PATCH") {
+					const requestCheck = validateMutationRequest(req, { requireJsonBody: true });
+					if (!requestCheck.ok) return json$2(res, requestCheck.status, { error: requestCheck.error });
+					const body = await readBody$2(req);
+					const manifest = await readManifest(ctx.manifestPath);
+					const folder = manifest.folders.find((f) => f.id === id);
+					if (!folder) return json$2(res, 404, { error: "folder not found" });
+					if (body.name !== void 0) {
+						const name = validateName(body.name);
+						if (!name) return json$2(res, 400, { error: "invalid name" });
+						folder.name = name;
 					}
-					if (method === "POST" && url.pathname === "/reset") {
-						let source;
-						try {
-							source = await fs.readFile(file, "utf8");
-						} catch {
-							return json$2(res, 404, { error: "slide not found" });
-						}
-						const written = applyDesignWrite(source, defaultDesign);
-						if (!written.ok) return json$2(res, written.status, { error: written.error });
-						if (written.source !== source) await fs.writeFile(file, written.source, "utf8");
-						return json$2(res, 200, {
-							ok: true,
-							design: defaultDesign,
-							created: written.created
-						});
+					if (body.icon !== void 0) {
+						const icon = validateIcon(body.icon);
+						if (!icon) return json$2(res, 400, { error: "invalid icon" });
+						folder.icon = icon;
 					}
-					return next();
-				} catch (err) {
-					json$2(res, 500, { error: String(err.message ?? err) });
+					await writeManifest(ctx.manifestPath, manifest);
+					return json$2(res, 200, folder);
+				}
+				if (method === "DELETE") {
+					const requestCheck = validateMutationRequest(req);
+					if (!requestCheck.ok) return json$2(res, requestCheck.status, { error: requestCheck.error });
+					const manifest = await readManifest(ctx.manifestPath);
+					const before = manifest.folders.length;
+					manifest.folders = manifest.folders.filter((f) => f.id !== id);
+					if (manifest.folders.length === before) return json$2(res, 404, { error: "folder not found" });
+					for (const [slideId, folderId] of Object.entries(manifest.assignments)) if (folderId === id) delete manifest.assignments[slideId];
+					await writeManifest(ctx.manifestPath, manifest);
+					return json$2(res, 200, { ok: true });
+				}
+			}
+			next();
+		} catch (err) {
+			json$2(res, 500, { error: String(err.message ?? err) });
+		}
+	});
+}
+
+//#endregion
+//#region src/vite/routes/slides.ts
+function registerSlideRoutes(server, ctx) {
+	server.middlewares.use("/__slides", async (req, res, next) => {
+		const url = new URL(req.url ?? "/", "http://local");
+		const method = req.method ?? "GET";
+		try {
+			const reorderMatch = url.pathname.match(/^\/([^/]+)\/reorder$/);
+			if (reorderMatch && method === "PUT") {
+				const requestCheck = validateMutationRequest(req, { requireJsonBody: true });
+				if (!requestCheck.ok) return json$2(res, requestCheck.status, { error: requestCheck.error });
+				const slideId$1 = reorderMatch[1];
+				if (!SLIDE_ID_RE$3.test(slideId$1)) return json$2(res, 400, { error: "invalid slideId" });
+				const body = await readBody$2(req);
+				if (!Array.isArray(body.order)) return json$2(res, 400, { error: "invalid order" });
+				const order = [];
+				for (const v of body.order) {
+					if (!Number.isInteger(v)) return json$2(res, 400, { error: "invalid order" });
+					order.push(v);
+				}
+				const entry = resolveSlideEntry(ctx.slidesRoot, slideId$1);
+				if (!entry) return json$2(res, 400, { error: "invalid slideId" });
+				let source;
+				try {
+					source = await fs.readFile(entry, "utf8");
+				} catch {
+					return json$2(res, 404, { error: "slide not found" });
+				}
+				const reordered = reorderDefaultExportPagesInSource(source, order);
+				if (reordered === null) return json$2(res, 422, { error: "could not reorder pages — order must be a permutation of the existing array" });
+				const withNotes = reorderNotesArrayInSource(reordered, order);
+				if (withNotes === null) return json$2(res, 422, { error: "could not reorder pages — `notes` export has an unexpected shape" });
+				if (withNotes !== source) await fs.writeFile(entry, withNotes, "utf8");
+				return json$2(res, 200, {
+					ok: true,
+					slideId: slideId$1,
+					order
+				});
+			}
+			const pageOpMatch = url.pathname.match(/^\/([^/]+)\/pages\/(\d+)(?:\/([a-z]+))?$/);
+			if (pageOpMatch) {
+				const slideId$1 = pageOpMatch[1];
+				const pageIndex = Number.parseInt(pageOpMatch[2], 10);
+				const op = pageOpMatch[3];
+				if (!SLIDE_ID_RE$3.test(slideId$1)) return json$2(res, 400, { error: "invalid slideId" });
+				if (!Number.isInteger(pageIndex) || pageIndex < 0) return json$2(res, 400, { error: "invalid page index" });
+				const isDelete = method === "DELETE" && !op;
+				const isDuplicate = method === "POST" && op === "duplicate";
+				if (!isDelete && !isDuplicate) return next();
+				const requestCheck = validateMutationRequest(req);
+				if (!requestCheck.ok) return json$2(res, requestCheck.status, { error: requestCheck.error });
+				const entry = resolveSlideEntry(ctx.slidesRoot, slideId$1);
+				if (!entry) return json$2(res, 400, { error: "invalid slideId" });
+				let source;
+				try {
+					source = await fs.readFile(entry, "utf8");
+				} catch {
+					return json$2(res, 404, { error: "slide not found" });
+				}
+				const updated = isDelete ? removePageFromDefaultExportInSource(source, pageIndex) : duplicatePageInDefaultExportInSource(source, pageIndex);
+				if (updated === null) return json$2(res, 422, { error: isDelete ? "could not delete page — index out of range or default export is not an array" : "could not duplicate page — index out of range or default export is not an array" });
+				if (updated !== source) await fs.writeFile(entry, updated, "utf8");
+				return json$2(res, 200, {
+					ok: true,
+					slideId: slideId$1,
+					index: pageIndex
+				});
+			}
+			const idMatch = url.pathname.match(/^\/([^/]+)$/);
+			if (!idMatch) return next();
+			const slideId = idMatch[1];
+			if (!SLIDE_ID_RE$3.test(slideId)) return json$2(res, 400, { error: "invalid slideId" });
+			if (method === "PATCH") {
+				const requestCheck = validateMutationRequest(req, { requireJsonBody: true });
+				if (!requestCheck.ok) return json$2(res, requestCheck.status, { error: requestCheck.error });
+				const body = await readBody$2(req);
+				const name = validateSlideName(body.name);
+				if (!name) return json$2(res, 400, { error: "invalid name" });
+				const entry = resolveSlideEntry(ctx.slidesRoot, slideId);
+				if (!entry) return json$2(res, 400, { error: "invalid slideId" });
+				let source;
+				try {
+					source = await fs.readFile(entry, "utf8");
+				} catch {
+					return json$2(res, 404, { error: "slide not found" });
+				}
+				const updated = updateMetaTitleInSource(source, name);
+				if (updated === null) return json$2(res, 422, { error: "could not locate a safe place to write meta.title in index.tsx" });
+				if (updated !== source) await fs.writeFile(entry, updated, "utf8");
+				server.ws.send({ type: "full-reload" });
+				return json$2(res, 200, {
+					ok: true,
+					slideId,
+					name
+				});
+			}
+			if (method === "DELETE") {
+				const requestCheck = validateMutationRequest(req);
+				if (!requestCheck.ok) return json$2(res, requestCheck.status, { error: requestCheck.error });
+				const removed = await rmSlideDir(ctx.slidesRoot, slideId);
+				if (!removed) return json$2(res, 404, { error: "slide not found" });
+				const manifest = await readManifest(ctx.manifestPath);
+				delete manifest.assignments[slideId];
+				await writeManifest(ctx.manifestPath, manifest);
+				return json$2(res, 200, { ok: true });
+			}
+			return next();
+		} catch (err) {
+			json$2(res, 500, { error: String(err.message ?? err) });
+		}
+	});
+}
+
+//#endregion
+//#region src/vite/routes/svgl.ts
+function registerSvglRoutes(server) {
+	server.middlewares.use("/__svgl", async (req, res, next) => {
+		const reqUrl = new URL(req.url ?? "/", "http://local");
+		const method = req.method ?? "GET";
+		if (method !== "GET") return next();
+		try {
+			let target = null;
+			if (reqUrl.pathname === "/search") {
+				const params = new URLSearchParams();
+				const q = reqUrl.searchParams.get("q");
+				const limit = reqUrl.searchParams.get("limit");
+				if (q) params.set("search", q);
+				if (limit) params.set("limit", limit);
+				const qs = params.toString();
+				target = `https://api.svgl.app/${qs ? `?${qs}` : ""}`;
+			} else if (reqUrl.pathname === "/svg") {
+				const u = reqUrl.searchParams.get("u");
+				if (!u) return json$2(res, 400, { error: "missing u" });
+				let parsed;
+				try {
+					parsed = new URL(u);
+				} catch {
+					return json$2(res, 400, { error: "invalid u" });
 				}
+				if (parsed.protocol !== "https:") return json$2(res, 400, { error: "https only" });
+				const host = parsed.hostname.toLowerCase();
+				if (host !== "svgl.app" && !host.endsWith(".svgl.app")) return json$2(res, 400, { error: "host not allowed" });
+				target = parsed.toString();
+			} else return next();
+			const upstream = await fetch(target);
+			const ct = upstream.headers.get("content-type") ?? "application/octet-stream";
+			res.statusCode = upstream.status;
+			res.setHeader("content-type", ct);
+			res.setHeader("cache-control", "no-store");
+			const buf = Buffer.from(await upstream.arrayBuffer());
+			res.end(buf);
+		} catch (err) {
+			json$2(res, 502, { error: String(err.message ?? err) });
+		}
+	});
+}
+
+//#endregion
+//#region src/vite/routes/watchers.ts
+function registerWatchers(server, ctx) {
+	server.watcher.add(ctx.manifestPath);
+	server.watcher.on("change", (p) => {
+		if (p === ctx.manifestPath) server.ws.send({
+			type: "custom",
+			event: "open-slide:files-changed"
+		});
+	});
+	server.watcher.add(ctx.globalAssetsRoot);
+	const onAssetChange = (p) => {
+		if (p.startsWith(ctx.globalAssetsRoot + path.sep) || p === ctx.globalAssetsRoot) {
+			server.ws.send({
+				type: "custom",
+				event: "open-slide:assets-changed",
+				data: { slideId: GLOBAL_SCOPE }
 			});
+			return;
 		}
+		if (!p.startsWith(ctx.slidesRoot + path.sep)) return;
+		const rel = p.slice(ctx.slidesRoot.length + 1);
+		const parts = rel.split(path.sep);
+		if (parts.length < 3 || parts[1] !== "assets") return;
+		const slideId = parts[0];
+		if (!SLIDE_ID_RE$3.test(slideId)) return;
+		server.ws.send({
+			type: "custom",
+			event: "open-slide:assets-changed",
+			data: { slideId }
+		});
 	};
+	server.watcher.on("add", onAssetChange);
+	server.watcher.on("change", onAssetChange);
+	server.watcher.on("unlink", onAssetChange);
 }
 
 //#endregion
-//#region src/vite/files-plugin.ts
-const FOLDER_ID_RE = /^f-[a-f0-9]{8}$/;
-const SLIDE_ID_RE$1 = /^[a-z0-9_-]+$/i;
-const COLOR_RE = /^#[0-9a-fA-F]{6}$/;
-const ASSET_FORBIDDEN_RE = /[\x00-\x1F\x7F/\\:*?"<>|]/;
-const ASSET_MAX_BYTES = 25 * 1024 * 1024;
-const MIME_BY_EXT = {
-	png: "image/png",
-	jpg: "image/jpeg",
-	jpeg: "image/jpeg",
-	gif: "image/gif",
-	svg: "image/svg+xml",
-	webp: "image/webp",
-	avif: "image/avif",
-	ico: "image/x-icon",
-	mp4: "video/mp4",
-	webm: "video/webm",
-	mov: "video/quicktime",
-	woff: "font/woff",
-	woff2: "font/woff2",
-	ttf: "font/ttf",
-	otf: "font/otf",
-	json: "application/json",
-	txt: "text/plain; charset=utf-8",
-	md: "text/markdown; charset=utf-8"
-};
-function mimeForFilename(name) {
-	const dot = name.lastIndexOf(".");
-	if (dot < 0) return "application/octet-stream";
-	const ext = name.slice(dot + 1).toLowerCase();
-	return MIME_BY_EXT[ext] ?? "application/octet-stream";
+//#region src/vite/api-plugin.ts
+function apiPlugin(opts) {
+	return {
+		name: "open-slide:api",
+		apply: "serve",
+		configureServer(server) {
+			const ctx = makeContext(opts);
+			registerWatchers(server, ctx);
+			registerEditRoutes(server, ctx);
+			registerCommentRoutes(server, ctx);
+			registerSlideRoutes(server, ctx);
+			registerAssetRoutes(server, ctx);
+			registerSvglRoutes(server);
+			registerFolderRoutes(server, ctx);
+		}
+	};
 }
-function validateAssetName(v) {
-	if (typeof v !== "string") return null;
-	const trimmed = v.trim();
-	if (trimmed.length < 1 || trimmed.length > 120) return null;
-	if (ASSET_FORBIDDEN_RE.test(trimmed)) return null;
-	if (trimmed.startsWith(".") || trimmed.startsWith("~")) return null;
-	if (trimmed === ".." || trimmed.split(/[/\\]/).includes("..")) return null;
-	const dot = trimmed.lastIndexOf(".");
-	if (dot <= 0 || dot === trimmed.length - 1) return null;
-	return trimmed;
+
+//#endregion
+//#region src/vite/current-plugin.ts
+const SLIDE_ID_RE$2 = /^[a-z0-9_-]+$/i;
+const TEXT_SNIPPET_MAX = 120;
+function parseSelection(raw) {
+	if (raw == null || typeof raw !== "object") return null;
+	const sel = raw;
+	if (typeof sel.line !== "number" || !Number.isFinite(sel.line)) return null;
+	if (typeof sel.column !== "number" || !Number.isFinite(sel.column)) return null;
+	const tagName = typeof sel.tagName === "string" ? sel.tagName.toLowerCase().slice(0, 32) : "unknown";
+	const text = typeof sel.text === "string" ? sel.text.replace(/\s+/g, " ").trim().slice(0, TEXT_SNIPPET_MAX) : "";
+	return {
+		line: Math.max(1, Math.floor(sel.line)),
+		column: Math.max(0, Math.floor(sel.column)),
+		tagName,
+		text
+	};
+}
+function currentPlugin(opts) {
+	const userCwd = opts.userCwd;
+	const slidesDir = opts.slidesDir ?? "slides";
+	const outDir = path.join(userCwd, "node_modules", ".open-slide");
+	const outFile = path.join(outDir, "current.json");
+	const tmpFile = `${outFile}.tmp`;
+	let cached = null;
+	return {
+		name: "open-slide:current",
+		apply: "serve",
+		configureServer(server) {
+			server.ws.on("open-slide:current", async (raw) => {
+				const next = cached ? { ...cached } : {
+					slideId: "",
+					pageIndex: 0,
+					pageNumber: 1,
+					totalPages: 1,
+					slideTitle: "",
+					view: "slides",
+					pagePath: "",
+					selection: null
+				};
+				if (typeof raw?.slideId === "string") {
+					if (!SLIDE_ID_RE$2.test(raw.slideId)) return;
+					const totalPages = typeof raw.totalPages === "number" && Number.isFinite(raw.totalPages) && raw.totalPages > 0 ? Math.floor(raw.totalPages) : 1;
+					const rawIndex = typeof raw.pageIndex === "number" && Number.isFinite(raw.pageIndex) ? Math.floor(raw.pageIndex) : 0;
+					const pageIndex = Math.max(0, Math.min(totalPages - 1, rawIndex));
+					const slideTitle = typeof raw.slideTitle === "string" ? raw.slideTitle : raw.slideId;
+					const view = raw.view === "assets" ? "assets" : "slides";
+					const pagePath = path.join(slidesDir, raw.slideId, "index.tsx").split(path.sep).join("/");
+					if (cached?.slideId !== raw.slideId || cached?.pageIndex !== pageIndex) next.selection = null;
+					next.slideId = raw.slideId;
+					next.pageIndex = pageIndex;
+					next.pageNumber = pageIndex + 1;
+					next.totalPages = totalPages;
+					next.slideTitle = slideTitle;
+					next.view = view;
+					next.pagePath = pagePath;
+				}
+				if ("selection" in raw) next.selection = parseSelection(raw.selection);
+				if (!next.slideId) return;
+				cached = next;
+				const body = {
+					...next,
+					updatedAt: new Date().toISOString()
+				};
+				try {
+					await fs.mkdir(outDir, { recursive: true });
+					await fs.writeFile(tmpFile, `${JSON.stringify(body, null, 2)}\n`, "utf8");
+					await fs.rename(tmpFile, outFile);
+				} catch {}
+			});
+		}
+	};
 }
+
+//#endregion
+//#region src/vite/design-plugin.ts
+const SLIDE_ID_RE$1 = /^[a-z0-9_-]+$/i;
 async function readBody$1(req) {
 	return await new Promise((resolve, reject) => {
 		const chunks = [];
@@ -1467,142 +2647,16 @@ function json$1(res, status, body) {
 	res.setHeader("content-type", "application/json");
 	res.end(JSON.stringify(body));
 }
-function emptyManifest() {
-	return {
-		folders: [],
-		assignments: {}
-	};
-}
-async function readManifest(file) {
-	try {
-		const raw = await fs.readFile(file, "utf8");
-		const parsed = JSON.parse(raw);
-		return {
-			folders: Array.isArray(parsed.folders) ? parsed.folders : [],
-			assignments: parsed.assignments && typeof parsed.assignments === "object" ? parsed.assignments : {}
-		};
-	} catch (err) {
-		if (err.code === "ENOENT") return emptyManifest();
-		throw err;
-	}
-}
-async function writeManifest(file, manifest) {
-	await fs.mkdir(path.dirname(file), { recursive: true });
-	await fs.writeFile(file, `${JSON.stringify(manifest, null, 2)}\n`, "utf8");
-}
-function newFolderId() {
-	return `f-${randomUUID().replace(/-/g, "").slice(0, 8)}`;
-}
-function validateName(v) {
-	if (typeof v !== "string") return null;
-	const trimmed = v.trim();
-	if (trimmed.length < 1 || trimmed.length > 40) return null;
-	return trimmed;
-}
-function validateSlideName(v) {
-	if (typeof v !== "string") return null;
-	const trimmed = v.trim();
-	if (trimmed.length < 1 || trimmed.length > 80) return null;
-	return trimmed;
-}
-async function rmSlideDir(slidesRoot, slideId) {
-	if (!SLIDE_ID_RE$1.test(slideId)) return false;
-	const dir = path.resolve(slidesRoot, slideId);
-	if (!dir.startsWith(slidesRoot + path.sep)) return false;
-	try {
-		await fs.rm(dir, {
-			recursive: true,
-			force: true
-		});
-		return true;
-	} catch {
-		return false;
-	}
-}
-function resolveAssetsDir(slidesRoot, slideId) {
-	if (!SLIDE_ID_RE$1.test(slideId)) return null;
-	const slideDir = path.resolve(slidesRoot, slideId);
-	if (!slideDir.startsWith(slidesRoot + path.sep)) return null;
-	const assetsDir = path.resolve(slideDir, "assets");
-	if (assetsDir !== path.join(slideDir, "assets")) return null;
-	return assetsDir;
-}
-function resolveAssetFile(slidesRoot, slideId, filename) {
-	const assetsDir = resolveAssetsDir(slidesRoot, slideId);
-	if (!assetsDir) return null;
-	if (!validateAssetName(filename)) return null;
-	const file = path.resolve(assetsDir, filename);
-	if (!file.startsWith(assetsDir + path.sep)) return null;
-	return file;
-}
-function resolveSlideEntry(slidesRoot, slideId) {
+function resolveSlidePath$1(userCwd, slidesDir, slideId) {
 	if (!SLIDE_ID_RE$1.test(slideId)) return null;
-	const dir = path.resolve(slidesRoot, slideId);
-	if (!dir.startsWith(slidesRoot + path.sep)) return null;
-	return path.join(dir, "index.tsx");
-}
-function escapeSingleQuoted(s) {
-	return s.replace(/\\/g, "\\\\").replace(/'/g, "\\'");
-}
-/**
-* Rewrite (or insert) the `title` field in the slide module's `export const meta`.
-*
-* Strategy:
-*   1. Find `export const meta` and brace-match its object literal.
-*   2. If the object already has a `title: '...'` entry, replace the literal.
-*   3. If the object exists but has no title, inject a new `title: '...'` line
-*      as the first property (preserving the author's surrounding indentation).
-*   4. If there is no `meta` export at all, insert a fresh one right before
-*      `export default`.
-*
-* Returns the rewritten source, or `null` if the file shape was too surprising
-* to touch safely (e.g. `export default` missing when we'd need to inject meta).
-*/
-function updateMetaTitleInSource(source, title) {
-	const newLiteral = `'${escapeSingleQuoted(title)}'`;
-	const metaStart = source.search(/export\s+const\s+meta\b/);
-	if (metaStart !== -1) {
-		const eqIdx = source.indexOf("=", metaStart);
-		if (eqIdx === -1) return null;
-		const openBrace = source.indexOf("{", eqIdx);
-		if (openBrace === -1) return null;
-		let depth = 0;
-		let closeBrace = -1;
-		for (let i = openBrace; i < source.length; i++) {
-			const ch = source[i];
-			if (ch === "{") depth++;
-			else if (ch === "}") {
-				depth--;
-				if (depth === 0) {
-					closeBrace = i;
-					break;
-				}
-			}
-		}
-		if (closeBrace === -1) return null;
-		const body = source.slice(openBrace + 1, closeBrace);
-		const titleRe = /(^|[\s,{])(title\s*:\s*)(['"`])((?:\\.|(?!\3).)*)\3/;
-		const match = body.match(titleRe);
-		if (match) {
-			const newBody = body.replace(titleRe, `${match[1]}${match[2]}${newLiteral}`);
-			return source.slice(0, openBrace + 1) + newBody + source.slice(closeBrace);
-		}
-		const firstIndentMatch = body.match(/\n([ \t]+)\S/);
-		const indent$1 = firstIndentMatch ? firstIndentMatch[1] : "  ";
-		const trimmedBody = body.replace(/^\s*\n?/, "");
-		const needsSeparator = trimmedBody.trim().length > 0;
-		const insertion$1 = `\n${indent$1}title: ${newLiteral}${needsSeparator ? "," : ""}`;
-		return source.slice(0, openBrace + 1) + insertion$1 + body + source.slice(closeBrace);
-	}
-	const exportDefaultIdx = source.search(/export\s+default\b/);
-	if (exportDefaultIdx === -1) return null;
-	const insertion = `export const meta: SlideMeta = { title: ${newLiteral} };\n\n`;
-	return source.slice(0, exportDefaultIdx) + insertion + source.slice(exportDefaultIdx);
+	const slidesRoot = path.resolve(userCwd, slidesDir);
+	const full = path.resolve(slidesRoot, slideId, "index.tsx");
+	if (!full.startsWith(`${slidesRoot}${path.sep}`)) return null;
+	return full;
 }
-function findDefaultExportArray(source) {
-	let ast;
+function parseSource$1(source) {
 	try {
-		ast = parse(source, {
+		return parse(source, {
 			sourceType: "module",
 			plugins: ["typescript", "jsx"],
 			errorRecovery: true
@@ -1610,619 +2664,393 @@ function findDefaultExportArray(source) {
 	} catch {
 		return null;
 	}
+}
+function findDesignDecl(ast) {
 	const body = ast.program?.body ?? [];
 	for (const node of body) {
-		if (node.type !== "ExportDefaultDeclaration") continue;
-		let inner = node.declaration;
-		while (inner && (inner.type === "TSAsExpression" || inner.type === "TSSatisfiesExpression")) inner = inner.expression;
-		if (!inner || inner.type !== "ArrayExpression") return null;
-		const arrayStart = inner.start;
-		const arrayEnd = inner.end;
-		const rawElements = inner.elements ?? [];
-		const elements = [];
-		for (const el of rawElements) {
-			if (!el || typeof el.start !== "number" || typeof el.end !== "number") return null;
-			elements.push({
-				start: el.start,
-				end: el.end
+		let varDecl = null;
+		if (node.type === "VariableDeclaration") varDecl = node;
+		else if (node.type === "ExportNamedDeclaration") {
+			const decl = node.declaration;
+			if (decl?.type === "VariableDeclaration") varDecl = decl;
+		}
+		if (!varDecl) continue;
+		const declarations = varDecl.declarations ?? [];
+		for (const d of declarations) {
+			const id = d.id;
+			if (!id || id.type !== "Identifier" || id.name !== "design") continue;
+			const init = d.init;
+			if (!init) return null;
+			let inner = init;
+			if (inner.type === "TSSatisfiesExpression" || inner.type === "TSAsExpression") {
+				const expr = inner.expression;
+				if (expr) inner = expr;
+			}
+			if (inner.type !== "ObjectExpression") return null;
+			return {
+				declStart: node.start,
+				declEnd: node.end,
+				objectStart: inner.start,
+				objectEnd: inner.end
+			};
+		}
+	}
+	return null;
+}
+function literalToValue(node) {
+	switch (node.type) {
+		case "StringLiteral": return node.value;
+		case "NumericLiteral": return node.value;
+		case "BooleanLiteral": return node.value;
+		case "NullLiteral": return null;
+		case "UnaryExpression": {
+			const op = node.operator;
+			const arg = node.argument;
+			const v = literalToValue(arg);
+			if (op === "-" && typeof v === "number") return -v;
+			if (op === "+" && typeof v === "number") return v;
+			throw new Error(`unsupported unary operator ${op}`);
+		}
+		case "TemplateLiteral": {
+			const quasis = node.quasis;
+			const expressions = node.expressions;
+			if (expressions.length > 0) throw new Error("template literal has expressions");
+			return quasis[0].value.cooked ?? quasis[0].value.raw;
+		}
+		case "ArrayExpression": {
+			const elements = node.elements;
+			return elements.map((el) => {
+				if (!el) throw new Error("array has hole");
+				return literalToValue(el);
 			});
 		}
-		return {
-			elements,
-			arrayStart,
-			arrayEnd
-		};
+		case "ObjectExpression": {
+			const properties = node.properties;
+			const out = {};
+			for (const prop of properties) {
+				if (prop.type !== "ObjectProperty") throw new Error("object has spread or method");
+				const p = prop;
+				if (p.computed) throw new Error("object has computed key");
+				let key;
+				if (p.key.type === "Identifier" && typeof p.key.name === "string") key = p.key.name;
+				else if (p.key.type === "StringLiteral" && typeof p.key.value === "string") key = p.key.value;
+				else throw new Error("unsupported object key");
+				out[key] = literalToValue(p.value);
+			}
+			return out;
+		}
+		default: throw new Error(`unsupported node type ${node.type}`);
 	}
-	return null;
 }
-/**
-* Rewrite `export default [...]` so its elements appear in the requested order.
-*
-* `order[i]` is the original index that should land at new position `i`. The
-* function preserves each element's exact source slice (including any inline
-* comments that hug an identifier) and keeps the inter-element separator slots
-* in their original positions, so a 3-page array `[A, B, C]` reordered to
-* `[2, 0, 1]` becomes `[C, A, B]` with the same indentation and trailing
-* commas the author wrote.
-*
-* Returns `null` when the file's default export isn't an array literal, or the
-* order is not a valid permutation of `[0, n-1]`.
-*/
-function reorderDefaultExportPagesInSource(source, order) {
-	const found = findDefaultExportArray(source);
-	if (!found) return null;
-	const { elements, arrayStart, arrayEnd } = found;
-	const n = elements.length;
-	if (order.length !== n) return null;
-	const seen = new Set();
-	for (const idx of order) {
-		if (!Number.isInteger(idx) || idx < 0 || idx >= n) return null;
-		if (seen.has(idx)) return null;
-		seen.add(idx);
+function isPlainObject(v) {
+	return typeof v === "object" && v !== null && !Array.isArray(v);
+}
+function mergeDesign(base, patch) {
+	const out = JSON.parse(JSON.stringify(base));
+	const apply = (target, src) => {
+		for (const [k, v] of Object.entries(src)) if (isPlainObject(v) && isPlainObject(target[k])) apply(target[k], v);
+		else target[k] = v;
+	};
+	if (isPlainObject(patch)) apply(out, patch);
+	return out;
+}
+function indent(level) {
+	return "  ".repeat(level);
+}
+function jsString(s) {
+	return `'${s.replace(/\\/g, "\\\\").replace(/'/g, "\\'").replace(/\n/g, "\\n")}'`;
+}
+function isValidIdentifier(name) {
+	return /^[A-Za-z_$][A-Za-z0-9_$]*$/.test(name);
+}
+function serializeValue(value, level) {
+	if (value === null) return "null";
+	if (typeof value === "string") return jsString(value);
+	if (typeof value === "number") {
+		if (!Number.isFinite(value)) throw new Error("non-finite number");
+		return String(value);
 	}
-	if (n === 0) return source;
-	let identity = true;
-	for (let i = 0; i < n; i++) if (order[i] !== i) {
-		identity = false;
-		break;
+	if (typeof value === "boolean") return value ? "true" : "false";
+	if (Array.isArray(value)) {
+		if (value.length === 0) return "[]";
+		const inner = value.map((el) => serializeValue(el, level + 1)).join(", ");
+		return `[${inner}]`;
 	}
-	if (identity) return source;
-	const prefix = source.slice(arrayStart, elements[0].start);
-	const suffix = source.slice(elements[n - 1].end, arrayEnd);
-	const separators = [];
-	for (let i = 0; i < n - 1; i++) separators.push(source.slice(elements[i].end, elements[i + 1].start));
-	const elementText = elements.map((el) => source.slice(el.start, el.end));
-	let rebuilt = prefix + elementText[order[0]];
-	for (let i = 1; i < n; i++) rebuilt += separators[i - 1] + elementText[order[i]];
-	rebuilt += suffix;
-	return source.slice(0, arrayStart) + rebuilt + source.slice(arrayEnd);
+	if (isPlainObject(value)) {
+		const entries = Object.entries(value);
+		if (entries.length === 0) return "{}";
+		const childIndent = indent(level + 1);
+		const lines = entries.map(([k, v]) => {
+			const key = isValidIdentifier(k) ? k : jsString(k);
+			return `${childIndent}${key}: ${serializeValue(v, level + 1)},`;
+		});
+		return `{\n${lines.join("\n")}\n${indent(level)}}`;
+	}
+	throw new Error(`unsupported value type ${typeof value}`);
 }
-function findNotesArray(source) {
-	let ast;
+function serializeDesign(design) {
+	return serializeValue(design, 0);
+}
+function parseSlideDesign(source) {
+	const ast = parseSource$1(source);
+	if (!ast) return {
+		ok: false,
+		exists: true,
+		error: "could not parse slide source"
+	};
+	const loc = findDesignDecl(ast);
+	if (!loc) return {
+		ok: false,
+		exists: false
+	};
+	const objectNode = findDesignObjectNode(ast);
+	if (!objectNode) return {
+		ok: false,
+		exists: true,
+		error: "design has unsupported initializer"
+	};
+	let value;
 	try {
-		ast = parse(source, {
-			sourceType: "module",
-			plugins: ["typescript", "jsx"],
-			errorRecovery: true
-		});
-	} catch {
-		return "invalid";
+		value = literalToValue(objectNode);
+	} catch (err) {
+		return {
+			ok: false,
+			exists: true,
+			error: err.message
+		};
 	}
+	const merged = mergeDesign(defaultDesign, value);
+	return {
+		ok: true,
+		design: merged,
+		loc
+	};
+}
+function findDesignObjectNode(ast) {
 	const body = ast.program?.body ?? [];
-	for (const stmt of body) {
-		if (stmt.type !== "ExportNamedDeclaration") continue;
-		const decl = stmt.declaration;
-		if (!decl || decl.type !== "VariableDeclaration") continue;
-		const declarations = decl.declarations ?? [];
+	for (const node of body) {
+		let varDecl = null;
+		if (node.type === "VariableDeclaration") varDecl = node;
+		else if (node.type === "ExportNamedDeclaration") {
+			const decl = node.declaration;
+			if (decl?.type === "VariableDeclaration") varDecl = decl;
+		}
+		if (!varDecl) continue;
+		const declarations = varDecl.declarations ?? [];
 		for (const d of declarations) {
 			const id = d.id;
-			if (!id || id.type !== "Identifier" || id.name !== "notes") continue;
+			if (!id || id.type !== "Identifier" || id.name !== "design") continue;
 			const init = d.init;
-			if (!init || init.type !== "ArrayExpression") return "invalid";
-			const arrayStart = init.start;
-			const arrayEnd = init.end;
-			if (typeof arrayStart !== "number" || typeof arrayEnd !== "number") return "invalid";
-			const rawElements = init.elements ?? [];
-			const elementTexts = [];
-			for (const el of rawElements) {
-				if (el === null) {
-					elementTexts.push("undefined");
-					continue;
-				}
-				if (el.type === "SpreadElement") return "invalid";
-				const start = el.start;
-				const end = el.end;
-				if (typeof start !== "number" || typeof end !== "number") return "invalid";
-				elementTexts.push(source.slice(start, end));
+			if (!init) return null;
+			let inner = init;
+			if (inner.type === "TSSatisfiesExpression" || inner.type === "TSAsExpression") {
+				const expr = inner.expression;
+				if (expr) inner = expr;
 			}
-			return {
-				arrayStart,
-				arrayEnd,
-				elementTexts
-			};
+			if (inner.type !== "ObjectExpression") return null;
+			return inner;
 		}
 	}
 	return null;
 }
-/**
-* Reorder `export const notes = [...]` to follow the page-array reorder.
-*
-* `order[i]` is the original page index that should land at new position `i`.
-* The notes array is index-aligned with the pages array but may be shorter
-* (trailing `undefined` slots are routinely trimmed). Missing elements are
-* treated as `undefined`, and trailing `undefined` is trimmed again after
-* reordering to keep the file tidy.
-*
-* Returns the rewritten source, the original source if no `notes` export
-* exists or the reorder is a no-op, or `null` if the `notes` export's shape
-* is too surprising to touch safely.
-*/
-function reorderNotesArrayInSource(source, order) {
-	for (const idx of order) if (!Number.isInteger(idx) || idx < 0) return null;
-	const found = findNotesArray(source);
-	if (found === "invalid") return null;
-	if (found === null) return source;
-	const { arrayStart, arrayEnd, elementTexts } = found;
-	const pick = (i) => i >= 0 && i < elementTexts.length ? elementTexts[i] : "undefined";
-	const reordered = order.map(pick);
-	while (reordered.length > 0 && reordered[reordered.length - 1] === "undefined") reordered.pop();
-	const replacement = reordered.length === 0 ? "[]" : `[\n${reordered.map((s) => `  ${s},`).join("\n")}\n]`;
-	if (replacement === source.slice(arrayStart, arrayEnd)) return source;
-	return source.slice(0, arrayStart) + replacement + source.slice(arrayEnd);
-}
-/**
-* Remove the element at `index` from `export default [...]`.
-*
-* Preserves the source slice of every other element, dropping the separator
-* immediately following the removed element (or the preceding one when the
-* removed element is the last). Returns `null` when the default export isn't
-* an array literal or `index` is out of range.
-*/
-function removePageFromDefaultExportInSource(source, index) {
-	const found = findDefaultExportArray(source);
-	if (!found) return null;
-	const { elements, arrayStart, arrayEnd } = found;
-	const n = elements.length;
-	if (!Number.isInteger(index) || index < 0 || index >= n) return null;
-	if (n === 1) return `${source.slice(0, arrayStart)}[]${source.slice(arrayEnd)}`;
-	const prefix = source.slice(arrayStart, elements[0].start);
-	const suffix = source.slice(elements[n - 1].end, arrayEnd);
-	const separators = [];
-	for (let i = 0; i < n - 1; i++) separators.push(source.slice(elements[i].end, elements[i + 1].start));
-	const elementText = elements.map((el) => source.slice(el.start, el.end));
-	const keptElements = [];
-	const keptSeparators = [];
-	for (let i = 0; i < n; i++) {
-		if (i === index) continue;
-		keptElements.push(elementText[i]);
+function findImports(ast) {
+	const body = ast.program?.body ?? [];
+	const out = [];
+	for (const node of body) {
+		if (node.type !== "ImportDeclaration") continue;
+		const src = node.source?.value;
+		if (typeof src !== "string") continue;
+		const specs = node.specifiers ?? [];
+		out.push({
+			node,
+			source: src,
+			specifiers: specs
+		});
 	}
-	for (let i = 0; i < n - 1; i++) {
-		if (index === n - 1 ? i === n - 2 : i === index) continue;
-		keptSeparators.push(separators[i]);
+	return out;
+}
+function ensureDesignSystemImport(source, ast) {
+	const imports = findImports(ast);
+	const coreImport = imports.find((imp) => imp.source === "@open-slide/core");
+	if (coreImport) {
+		const hasDesignSystem = coreImport.specifiers.some((spec) => {
+			if (spec.type !== "ImportSpecifier") return false;
+			const imported = spec.imported;
+			return imported?.name === "DesignSystem";
+		});
+		if (hasDesignSystem) return {
+			source,
+			offsetShift: 0
+		};
+		const node = coreImport.node;
+		const importText = source.slice(node.start, node.end);
+		const braceClose = importText.lastIndexOf("}");
+		if (braceClose === -1) return {
+			source,
+			offsetShift: 0
+		};
+		const absoluteBrace = node.start + braceClose;
+		const insertText = coreImport.specifiers.length > 0 ? ", type DesignSystem" : "type DesignSystem";
+		const next$1 = `${source.slice(0, absoluteBrace)}${insertText}${source.slice(absoluteBrace)}`;
+		return {
+			source: next$1,
+			offsetShift: insertText.length
+		};
 	}
-	let rebuilt = prefix + keptElements[0];
-	for (let i = 1; i < keptElements.length; i++) rebuilt += keptSeparators[i - 1] + keptElements[i];
-	rebuilt += suffix;
-	return source.slice(0, arrayStart) + rebuilt + source.slice(arrayEnd);
-}
-function chooseInsertSeparator(prefix, existingSeparators) {
-	const sample = existingSeparators.find((s) => s.includes(","));
-	if (sample) return sample;
-	if (prefix.includes("\n")) {
-		const m = prefix.match(/\n([ \t]*)$/);
-		const indent$1 = m ? m[1] : "  ";
-		return `,\n${indent$1}`;
+	const stmt = `import type { DesignSystem } from '@open-slide/core';\n`;
+	if (imports.length > 0) {
+		const last = imports[imports.length - 1];
+		const insertAt = last.node.end;
+		const trail = source[insertAt] === "\n" ? "" : "\n";
+		const next$1 = `${source.slice(0, insertAt)}\n${stmt.slice(0, -1)}${trail}${source.slice(insertAt)}`;
+		return {
+			source: next$1,
+			offsetShift: 1 + stmt.length - (trail ? 0 : 1)
+		};
 	}
-	return ", ";
+	const next = `${stmt}\n${source}`;
+	return {
+		source: next,
+		offsetShift: stmt.length + 1
+	};
 }
-/**
-* Duplicate the element at `index` in `export default [...]`, inserting the
-* copy immediately after the original. Reuses an existing inter-element
-* separator when one is available so the cloned entry matches the surrounding
-* indentation. Returns `null` when the default export isn't an array literal
-* or `index` is out of range.
-*/
-function duplicatePageInDefaultExportInSource(source, index) {
-	const found = findDefaultExportArray(source);
-	if (!found) return null;
-	const { elements, arrayStart, arrayEnd } = found;
-	const n = elements.length;
-	if (!Number.isInteger(index) || index < 0 || index >= n) return null;
-	const prefix = source.slice(arrayStart, elements[0].start);
-	const suffix = source.slice(elements[n - 1].end, arrayEnd);
-	const separators = [];
-	for (let i = 0; i < n - 1; i++) separators.push(source.slice(elements[i].end, elements[i + 1].start));
-	const elementText = elements.map((el) => source.slice(el.start, el.end));
-	const insertSep = chooseInsertSeparator(prefix, separators);
-	const newElements = [];
-	const newSeparators = [];
-	for (let i = 0; i < n; i++) {
-		newElements.push(elementText[i]);
-		if (i === index) {
-			newElements.push(elementText[i]);
-			newSeparators.push(insertSep);
-		}
-		if (i < n - 1) newSeparators.push(separators[i]);
-	}
-	let rebuilt = prefix + newElements[0];
-	for (let i = 1; i < newElements.length; i++) rebuilt += newSeparators[i - 1] + newElements[i];
-	rebuilt += suffix;
-	return source.slice(0, arrayStart) + rebuilt + source.slice(arrayEnd);
+function findInsertionPoint(source, ast) {
+	const imports = findImports(ast);
+	if (imports.length === 0) return 0;
+	const last = imports[imports.length - 1];
+	let off = last.node.end;
+	while (off < source.length && source[off] !== "\n") off++;
+	if (off < source.length) off++;
+	return off;
 }
-function validateIcon(v) {
-	if (!v || typeof v !== "object") return null;
-	const icon = v;
-	if (icon.type === "emoji") {
-		if (typeof icon.value !== "string") return null;
-		if (icon.value.length < 1 || icon.value.length > 8) return null;
+function applyDesignWrite(source, next) {
+	let body;
+	try {
+		body = serializeDesign(next);
+	} catch (err) {
 		return {
-			type: "emoji",
-			value: icon.value
+			ok: false,
+			status: 422,
+			error: `serialize failed: ${err.message}`
 		};
 	}
-	if (icon.type === "color") {
-		if (typeof icon.value !== "string" || !COLOR_RE.test(icon.value)) return null;
+	const ast = parseSource$1(source);
+	if (!ast) return {
+		ok: false,
+		status: 422,
+		error: "could not parse slide source"
+	};
+	const loc = findDesignDecl(ast);
+	if (loc) {
+		const out$1 = source.slice(0, loc.objectStart) + body + source.slice(loc.objectEnd);
 		return {
-			type: "color",
-			value: icon.value
+			ok: true,
+			source: out$1,
+			created: false
 		};
 	}
-	return null;
+	const withImport = ensureDesignSystemImport(source, ast);
+	const ast2 = parseSource$1(withImport.source);
+	if (!ast2) return {
+		ok: false,
+		status: 422,
+		error: "failed to re-parse after adding import"
+	};
+	const insertAt = findInsertionPoint(withImport.source, ast2);
+	const block = `\nconst design: DesignSystem = ${body};\n`;
+	const out = withImport.source.slice(0, insertAt) + block + withImport.source.slice(insertAt);
+	return {
+		ok: true,
+		source: out,
+		created: true
+	};
 }
-function filesPlugin(opts) {
+function designPlugin(opts) {
 	const userCwd = opts.userCwd;
 	const slidesDir = opts.slidesDir ?? "slides";
-	const slidesRoot = path.resolve(userCwd, slidesDir);
-	const manifestPath = path.join(slidesRoot, ".folders.json");
 	return {
-		name: "open-slide:files",
+		name: "open-slide:design",
 		apply: "serve",
 		configureServer(server) {
-			server.watcher.add(manifestPath);
-			server.watcher.on("change", (p) => {
-				if (p === manifestPath) server.ws.send({
-					type: "custom",
-					event: "open-slide:files-changed"
-				});
-			});
-			const onAssetChange = (p) => {
-				if (!p.startsWith(slidesRoot + path.sep)) return;
-				const rel = p.slice(slidesRoot.length + 1);
-				const parts = rel.split(path.sep);
-				if (parts.length < 3 || parts[1] !== "assets") return;
-				const slideId = parts[0];
-				if (!SLIDE_ID_RE$1.test(slideId)) return;
-				server.ws.send({
-					type: "custom",
-					event: "open-slide:assets-changed",
-					data: { slideId }
-				});
-			};
-			server.watcher.on("add", onAssetChange);
-			server.watcher.on("change", onAssetChange);
-			server.watcher.on("unlink", onAssetChange);
-			server.middlewares.use("/__slides", async (req, res, next) => {
+			server.middlewares.use("/__design", async (req, res, next) => {
 				const url = new URL(req.url ?? "/", "http://local");
 				const method = req.method ?? "GET";
+				const slideId = url.searchParams.get("slideId") ?? "";
+				const file = resolveSlidePath$1(userCwd, slidesDir, slideId);
+				if (!file) return json$1(res, 400, { error: "invalid slideId" });
 				try {
-					const reorderMatch = url.pathname.match(/^\/([^/]+)\/reorder$/);
-					if (reorderMatch && method === "PUT") {
-						const slideId$1 = reorderMatch[1];
-						if (!SLIDE_ID_RE$1.test(slideId$1)) return json$1(res, 400, { error: "invalid slideId" });
-						const body = await readBody$1(req);
-						if (!Array.isArray(body.order)) return json$1(res, 400, { error: "invalid order" });
-						const order = [];
-						for (const v of body.order) {
-							if (!Number.isInteger(v)) return json$1(res, 400, { error: "invalid order" });
-							order.push(v);
-						}
-						const entry = resolveSlideEntry(slidesRoot, slideId$1);
-						if (!entry) return json$1(res, 400, { error: "invalid slideId" });
+					if (method === "GET" && url.pathname === "/") {
 						let source;
 						try {
-							source = await fs.readFile(entry, "utf8");
+							source = await fs.readFile(file, "utf8");
 						} catch {
 							return json$1(res, 404, { error: "slide not found" });
 						}
-						const reordered = reorderDefaultExportPagesInSource(source, order);
-						if (reordered === null) return json$1(res, 422, { error: "could not reorder pages — order must be a permutation of the existing array" });
-						const withNotes = reorderNotesArrayInSource(reordered, order);
-						if (withNotes === null) return json$1(res, 422, { error: "could not reorder pages — `notes` export has an unexpected shape" });
-						if (withNotes !== source) await fs.writeFile(entry, withNotes, "utf8");
+						const parsed = parseSlideDesign(source);
+						if (parsed.ok) return json$1(res, 200, {
+							design: parsed.design,
+							exists: true,
+							warning: null
+						});
+						if (parsed.exists === false) return json$1(res, 200, {
+							design: defaultDesign,
+							exists: false,
+							warning: null
+						});
 						return json$1(res, 200, {
-							ok: true,
-							slideId: slideId$1,
-							order
+							design: defaultDesign,
+							exists: true,
+							warning: parsed.error
 						});
 					}
-					const pageOpMatch = url.pathname.match(/^\/([^/]+)\/pages\/(\d+)(?:\/([a-z]+))?$/);
-					if (pageOpMatch) {
-						const slideId$1 = pageOpMatch[1];
-						const pageIndex = Number.parseInt(pageOpMatch[2], 10);
-						const op = pageOpMatch[3];
-						if (!SLIDE_ID_RE$1.test(slideId$1)) return json$1(res, 400, { error: "invalid slideId" });
-						if (!Number.isInteger(pageIndex) || pageIndex < 0) return json$1(res, 400, { error: "invalid page index" });
-						const isDelete = method === "DELETE" && !op;
-						const isDuplicate = method === "POST" && op === "duplicate";
-						if (!isDelete && !isDuplicate) return next();
-						const entry = resolveSlideEntry(slidesRoot, slideId$1);
-						if (!entry) return json$1(res, 400, { error: "invalid slideId" });
+					if (method === "PUT" && url.pathname === "/") {
+						const requestCheck = validateMutationRequest(req, { requireJsonBody: true });
+						if (!requestCheck.ok) return json$1(res, requestCheck.status, { error: requestCheck.error });
+						const body = await readBody$1(req);
+						const patch = body.patch;
+						if (!patch || typeof patch !== "object") return json$1(res, 400, { error: "missing patch object" });
 						let source;
 						try {
-							source = await fs.readFile(entry, "utf8");
+							source = await fs.readFile(file, "utf8");
 						} catch {
 							return json$1(res, 404, { error: "slide not found" });
 						}
-						const updated = isDelete ? removePageFromDefaultExportInSource(source, pageIndex) : duplicatePageInDefaultExportInSource(source, pageIndex);
-						if (updated === null) return json$1(res, 422, { error: isDelete ? "could not delete page — index out of range or default export is not an array" : "could not duplicate page — index out of range or default export is not an array" });
-						if (updated !== source) await fs.writeFile(entry, updated, "utf8");
+						const parsed = parseSlideDesign(source);
+						const baseDesign = parsed.ok ? parsed.design : defaultDesign;
+						if (!parsed.ok && parsed.exists) return json$1(res, 422, { error: parsed.error });
+						const merged = mergeDesign(baseDesign, patch);
+						const written = applyDesignWrite(source, merged);
+						if (!written.ok) return json$1(res, written.status, { error: written.error });
+						if (written.source !== source) await fs.writeFile(file, written.source, "utf8");
 						return json$1(res, 200, {
 							ok: true,
-							slideId: slideId$1,
-							index: pageIndex
+							design: merged,
+							created: written.created
 						});
 					}
-					const idMatch = url.pathname.match(/^\/([^/]+)$/);
-					if (!idMatch) return next();
-					const slideId = idMatch[1];
-					if (!SLIDE_ID_RE$1.test(slideId)) return json$1(res, 400, { error: "invalid slideId" });
-					if (method === "PATCH") {
-						const body = await readBody$1(req);
-						const name = validateSlideName(body.name);
-						if (!name) return json$1(res, 400, { error: "invalid name" });
-						const entry = resolveSlideEntry(slidesRoot, slideId);
-						if (!entry) return json$1(res, 400, { error: "invalid slideId" });
+					if (method === "POST" && url.pathname === "/reset") {
+						const requestCheck = validateMutationRequest(req);
+						if (!requestCheck.ok) return json$1(res, requestCheck.status, { error: requestCheck.error });
 						let source;
 						try {
-							source = await fs.readFile(entry, "utf8");
+							source = await fs.readFile(file, "utf8");
 						} catch {
 							return json$1(res, 404, { error: "slide not found" });
 						}
-						const updated = updateMetaTitleInSource(source, name);
-						if (updated === null) return json$1(res, 422, { error: "could not locate a safe place to write meta.title in index.tsx" });
-						if (updated !== source) await fs.writeFile(entry, updated, "utf8");
-						server.ws.send({ type: "full-reload" });
+						const written = applyDesignWrite(source, defaultDesign);
+						if (!written.ok) return json$1(res, written.status, { error: written.error });
+						if (written.source !== source) await fs.writeFile(file, written.source, "utf8");
 						return json$1(res, 200, {
 							ok: true,
-							slideId,
-							name
+							design: defaultDesign,
+							created: written.created
 						});
 					}
-					if (method === "DELETE") {
-						const removed = await rmSlideDir(slidesRoot, slideId);
-						if (!removed) return json$1(res, 404, { error: "slide not found" });
-						const manifest = await readManifest(manifestPath);
-						delete manifest.assignments[slideId];
-						await writeManifest(manifestPath, manifest);
-						return json$1(res, 200, { ok: true });
-					}
-					return next();
-				} catch (err) {
-					json$1(res, 500, { error: String(err.message ?? err) });
-				}
-			});
-			server.middlewares.use("/__assets", async (req, res, next) => {
-				const url = new URL(req.url ?? "/", "http://local");
-				const method = req.method ?? "GET";
-				try {
-					const listMatch = url.pathname.match(/^\/([^/]+)\/?$/);
-					const fileMatch = url.pathname.match(/^\/([^/]+)\/([^/]+)$/);
-					if (listMatch && method === "GET") {
-						const slideId = listMatch[1];
-						const assetsDir = resolveAssetsDir(slidesRoot, slideId);
-						if (!assetsDir) return json$1(res, 400, { error: "invalid slideId" });
-						let entries;
-						try {
-							entries = await fs.readdir(assetsDir);
-						} catch (err) {
-							if (err.code === "ENOENT") return json$1(res, 200, { assets: [] });
-							throw err;
-						}
-						const assets = [];
-						for (const name of entries) {
-							if (!validateAssetName(name)) continue;
-							const stat = await fs.stat(path.join(assetsDir, name));
-							if (!stat.isFile()) continue;
-							assets.push({
-								name,
-								size: stat.size,
-								mtime: stat.mtimeMs,
-								mime: mimeForFilename(name),
-								url: `/__assets/${slideId}/${encodeURIComponent(name)}`
-							});
-						}
-						assets.sort((a, b) => a.name.localeCompare(b.name));
-						return json$1(res, 200, { assets });
-					}
-					if (fileMatch) {
-						const slideId = fileMatch[1];
-						const filename = decodeURIComponent(fileMatch[2]);
-						const file = resolveAssetFile(slidesRoot, slideId, filename);
-						if (!file) return json$1(res, 400, { error: "invalid path" });
-						if (method === "GET") try {
-							const buf = await fs.readFile(file);
-							res.statusCode = 200;
-							res.setHeader("content-type", mimeForFilename(filename));
-							res.setHeader("cache-control", "no-store");
-							res.end(buf);
-							return;
-						} catch (err) {
-							if (err.code === "ENOENT") return json$1(res, 404, { error: "asset not found" });
-							throw err;
-						}
-						if (method === "POST") {
-							const overwrite = url.searchParams.get("overwrite") === "1";
-							const lenHeader = req.headers["content-length"];
-							const len = typeof lenHeader === "string" ? Number(lenHeader) : NaN;
-							if (Number.isFinite(len) && len > ASSET_MAX_BYTES) return json$1(res, 413, { error: "file too large" });
-							if (!overwrite) try {
-								await fs.access(file);
-								return json$1(res, 409, { error: "asset exists" });
-							} catch {}
-							const assetsDir = resolveAssetsDir(slidesRoot, slideId);
-							if (!assetsDir) return json$1(res, 400, { error: "invalid slideId" });
-							await fs.mkdir(assetsDir, { recursive: true });
-							const chunks = [];
-							let total = 0;
-							let oversized = false;
-							await new Promise((resolve, reject) => {
-								req.on("data", (c) => {
-									total += c.length;
-									if (total > ASSET_MAX_BYTES) {
-										oversized = true;
-										req.destroy();
-										return;
-									}
-									chunks.push(c);
-								});
-								req.on("end", () => resolve());
-								req.on("error", reject);
-							});
-							if (oversized) return json$1(res, 413, { error: "file too large" });
-							await fs.writeFile(file, Buffer.concat(chunks));
-							return json$1(res, 200, {
-								ok: true,
-								name: filename,
-								size: total,
-								mime: mimeForFilename(filename),
-								url: `/__assets/${slideId}/${encodeURIComponent(filename)}`
-							});
-						}
-						if (method === "PATCH") {
-							const body = await readBody$1(req);
-							const target = validateAssetName(body.name);
-							if (!target) return json$1(res, 400, { error: "invalid name" });
-							if (target === filename) return json$1(res, 200, {
-								ok: true,
-								name: filename
-							});
-							const dest = resolveAssetFile(slidesRoot, slideId, target);
-							if (!dest) return json$1(res, 400, { error: "invalid name" });
-							try {
-								await fs.access(dest);
-								return json$1(res, 409, { error: "target exists" });
-							} catch {}
-							try {
-								await fs.rename(file, dest);
-							} catch (err) {
-								if (err.code === "ENOENT") return json$1(res, 404, { error: "asset not found" });
-								throw err;
-							}
-							return json$1(res, 200, {
-								ok: true,
-								name: target
-							});
-						}
-						if (method === "DELETE") {
-							try {
-								await fs.unlink(file);
-							} catch (err) {
-								if (err.code === "ENOENT") return json$1(res, 404, { error: "asset not found" });
-								throw err;
-							}
-							return json$1(res, 200, { ok: true });
-						}
-					}
 					return next();
 				} catch (err) {
 					json$1(res, 500, { error: String(err.message ?? err) });
 				}
 			});
-			server.middlewares.use("/__svgl", async (req, res, next) => {
-				const reqUrl = new URL(req.url ?? "/", "http://local");
-				const method = req.method ?? "GET";
-				if (method !== "GET") return next();
-				try {
-					let target = null;
-					if (reqUrl.pathname === "/search") {
-						const params = new URLSearchParams();
-						const q = reqUrl.searchParams.get("q");
-						const limit = reqUrl.searchParams.get("limit");
-						if (q) params.set("search", q);
-						if (limit) params.set("limit", limit);
-						const qs = params.toString();
-						target = `https://api.svgl.app/${qs ? `?${qs}` : ""}`;
-					} else if (reqUrl.pathname === "/svg") {
-						const u = reqUrl.searchParams.get("u");
-						if (!u) return json$1(res, 400, { error: "missing u" });
-						let parsed;
-						try {
-							parsed = new URL(u);
-						} catch {
-							return json$1(res, 400, { error: "invalid u" });
-						}
-						if (parsed.protocol !== "https:") return json$1(res, 400, { error: "https only" });
-						const host = parsed.hostname.toLowerCase();
-						if (host !== "svgl.app" && !host.endsWith(".svgl.app")) return json$1(res, 400, { error: "host not allowed" });
-						target = parsed.toString();
-					} else return next();
-					const upstream = await fetch(target);
-					const ct = upstream.headers.get("content-type") ?? "application/octet-stream";
-					res.statusCode = upstream.status;
-					res.setHeader("content-type", ct);
-					res.setHeader("cache-control", "no-store");
-					const buf = Buffer.from(await upstream.arrayBuffer());
-					res.end(buf);
-				} catch (err) {
-					json$1(res, 502, { error: String(err.message ?? err) });
-				}
-			});
-			server.middlewares.use("/__folders", async (req, res, next) => {
-				const url = new URL(req.url ?? "/", "http://local");
-				const method = req.method ?? "GET";
-				try {
-					if (method === "GET" && url.pathname === "/") {
-						const manifest = await readManifest(manifestPath);
-						return json$1(res, 200, manifest);
-					}
-					if (method === "POST" && url.pathname === "/") {
-						const body = await readBody$1(req);
-						const name = validateName(body.name);
-						if (!name) return json$1(res, 400, { error: "invalid name" });
-						const icon = validateIcon(body.icon);
-						if (!icon) return json$1(res, 400, { error: "invalid icon" });
-						const manifest = await readManifest(manifestPath);
-						const folder = {
-							id: newFolderId(),
-							name,
-							icon
-						};
-						manifest.folders.push(folder);
-						await writeManifest(manifestPath, manifest);
-						return json$1(res, 200, folder);
-					}
-					if (method === "PUT" && url.pathname === "/assign") {
-						const body = await readBody$1(req);
-						if (typeof body.slideId !== "string" || !SLIDE_ID_RE$1.test(body.slideId)) return json$1(res, 400, { error: "invalid slideId" });
-						const slideId = body.slideId;
-						let folderId;
-						if (body.folderId === null) folderId = null;
-						else if (typeof body.folderId === "string" && FOLDER_ID_RE.test(body.folderId)) folderId = body.folderId;
-						else return json$1(res, 400, { error: "invalid folderId" });
-						const manifest = await readManifest(manifestPath);
-						if (folderId && !manifest.folders.some((f) => f.id === folderId)) return json$1(res, 404, { error: "folder not found" });
-						if (folderId === null) delete manifest.assignments[slideId];
-						else manifest.assignments[slideId] = folderId;
-						await writeManifest(manifestPath, manifest);
-						return json$1(res, 200, { ok: true });
-					}
-					const idMatch = url.pathname.match(/^\/([^/]+)$/);
-					if (idMatch) {
-						const id = idMatch[1];
-						if (!FOLDER_ID_RE.test(id)) return json$1(res, 400, { error: "invalid id" });
-						if (method === "PATCH") {
-							const body = await readBody$1(req);
-							const manifest = await readManifest(manifestPath);
-							const folder = manifest.folders.find((f) => f.id === id);
-							if (!folder) return json$1(res, 404, { error: "folder not found" });
-							if (body.name !== void 0) {
-								const name = validateName(body.name);
-								if (!name) return json$1(res, 400, { error: "invalid name" });
-								folder.name = name;
-							}
-							if (body.icon !== void 0) {
-								const icon = validateIcon(body.icon);
-								if (!icon) return json$1(res, 400, { error: "invalid icon" });
-								folder.icon = icon;
-							}
-							await writeManifest(manifestPath, manifest);
-							return json$1(res, 200, folder);
-						}
-						if (method === "DELETE") {
-							const manifest = await readManifest(manifestPath);
-							const before = manifest.folders.length;
-							manifest.folders = manifest.folders.filter((f) => f.id !== id);
-							if (manifest.folders.length === before) return json$1(res, 404, { error: "folder not found" });
-							for (const [slideId, folderId] of Object.entries(manifest.assignments)) if (folderId === id) delete manifest.assignments[slideId];
-							await writeManifest(manifestPath, manifest);
-							return json$1(res, 200, { ok: true });
-						}
-					}
-					next();
-				} catch (err) {
-					json$1(res, 500, { error: String(err.message ?? err) });
-				}
-			});
 		}
 	};
 }
@@ -2451,6 +3279,8 @@ function notesPlugin(opts) {
 				const url = new URL(req.url ?? "/", "http://local");
 				const method = req.method ?? "GET";
 				if (method !== "PUT" || url.pathname !== "/") return next();
+				const requestCheck = validateMutationRequest(req, { requireJsonBody: true });
+				if (!requestCheck.ok) return json(res, requestCheck.status, { error: requestCheck.error });
 				try {
 					const body = await readBody(req);
 					const slideId = body.slideId ?? "";
@@ -2523,13 +3353,18 @@ function toId(absFile, slidesRoot) {
 	return rel.split(path.sep)[0];
 }
 const META_THEME_RE = /(?:^|[\s,{])theme\s*:\s*['"]([^'"]+)['"]/;
-function extractMetaTheme(src) {
+const META_CREATED_AT_RE = /(?:^|[\s,{])createdAt\s*:\s*['"]([^'"]+)['"]/;
+function extractMeta(src) {
+	const empty = {
+		theme: null,
+		createdAt: null
+	};
 	const metaStart = src.search(/export\s+const\s+meta\b/);
-	if (metaStart === -1) return null;
+	if (metaStart === -1) return empty;
 	const eqIdx = src.indexOf("=", metaStart);
-	if (eqIdx === -1) return null;
+	if (eqIdx === -1) return empty;
 	const openBrace = src.indexOf("{", eqIdx);
-	if (openBrace === -1) return null;
+	if (openBrace === -1) return empty;
 	let depth = 0;
 	let closeBrace = -1;
 	for (let i = openBrace; i < src.length; i++) {
@@ -2543,38 +3378,74 @@ function extractMetaTheme(src) {
 			}
 		}
 	}
-	if (closeBrace === -1) return null;
+	if (closeBrace === -1) return empty;
 	const body = src.slice(openBrace + 1, closeBrace);
-	const m = body.match(META_THEME_RE);
-	return m ? m[1] : null;
+	const themeMatch = body.match(META_THEME_RE);
+	const createdAtMatch = body.match(META_CREATED_AT_RE);
+	return {
+		theme: themeMatch ? themeMatch[1] : null,
+		createdAt: createdAtMatch ? createdAtMatch[1] : null
+	};
 }
-async function readSlideTheme(abs) {
+async function readSlideMeta(abs) {
 	try {
 		const src = await fs.readFile(abs, "utf8");
-		return extractMetaTheme(src);
+		return extractMeta(src);
 	} catch {
-		return null;
+		return {
+			theme: null,
+			createdAt: null
+		};
 	}
 }
+function parseCreatedAtMs(iso) {
+	if (!iso) return null;
+	const ms = Date.parse(iso);
+	return Number.isFinite(ms) ? ms : null;
+}
 async function generateSlidesModule(files, slidesRoot, isDev) {
 	const entries = await Promise.all(files.map(async (abs) => {
 		const id = toId(abs, slidesRoot);
 		const importPath = isDev ? `/@fs/${abs.replace(/^\/+/, "")}` : abs;
-		const theme = await readSlideTheme(abs);
+		const meta = await readSlideMeta(abs);
 		return {
 			id,
 			importPath,
-			theme
+			theme: meta.theme,
+			createdAt: parseCreatedAtMs(meta.createdAt)
 		};
 	}));
 	const ids = JSON.stringify(entries.map((e) => e.id).sort());
 	const themesMap = {};
-	for (const e of entries) if (e.theme) themesMap[e.id] = e.theme;
+	const createdAtMap = {};
+	for (const e of entries) {
+		if (e.theme) themesMap[e.id] = e.theme;
+		if (e.createdAt !== null) createdAtMap[e.id] = e.createdAt;
+	}
 	const themesJson = JSON.stringify(themesMap);
-	const cases = entries.map((e) => `    case ${JSON.stringify(e.id)}: return import(${JSON.stringify(e.importPath)});`).join("\n");
+	const createdAtJson = JSON.stringify(createdAtMap);
+	const importTokens = JSON.stringify(Object.fromEntries(entries.map((e) => [e.id, 0])));
+	const devRuntime = isDev ? `
+const slideImportTokens = ${importTokens};
+if (import.meta.hot) {
+  import.meta.hot.on('open-slide:slide-changed', (data) => {
+    const ids = Array.isArray(data?.slideIds) ? data.slideIds : data?.slideId ? [data.slideId] : [];
+    const token = Date.now();
+    for (const id of ids) {
+      if (Object.prototype.hasOwnProperty.call(slideImportTokens, id)) slideImportTokens[id] = token;
+    }
+  });
+}
+` : "";
+	const cases = entries.map((e) => {
+		const importExpr = isDev ? `import(/* @vite-ignore */ ${JSON.stringify(`${e.importPath}?t=`)} + slideImportTokens[${JSON.stringify(e.id)}])` : `import(${JSON.stringify(e.importPath)})`;
+		return `    case ${JSON.stringify(e.id)}: return ${importExpr};`;
+	}).join("\n");
 	return `// virtual:open-slide/slides — generated
 export const slideIds = ${ids};
 export const slideThemes = ${themesJson};
+export const slideCreatedAt = ${createdAtJson};
+${devRuntime}
 
 export async function loadSlide(id) {
   switch (id) {
@@ -2590,6 +3461,32 @@ function openSlidePlugin(opts) {
 	const slidesRoot = path.resolve(userCwd, slidesDir);
 	const foldersManifestPath = path.join(slidesRoot, ".folders.json");
 	let isDev = false;
+	const slideIdForEntry = (p) => {
+		const rel = path.relative(slidesRoot, p);
+		if (rel.startsWith("..") || path.isAbsolute(rel)) return null;
+		const parts = rel.split(path.sep);
+		if (parts.length !== 2) return null;
+		if (!/^index\.(tsx|jsx|ts|js)$/.test(parts[1])) return null;
+		return parts[0];
+	};
+	let slideChangeTimer = null;
+	const pendingSlideChanges = new Set();
+	const queueSlideChanged = (server, id) => {
+		pendingSlideChanges.add(id);
+		if (slideChangeTimer) clearTimeout(slideChangeTimer);
+		slideChangeTimer = setTimeout(() => {
+			slideChangeTimer = null;
+			const mod = server.moduleGraph.getModuleById(resolved$1(SLIDES_VMOD));
+			if (mod) server.moduleGraph.invalidateModule(mod);
+			const slideIds = Array.from(pendingSlideChanges);
+			pendingSlideChanges.clear();
+			server.ws.send({
+				type: "custom",
+				event: "open-slide:slide-changed",
+				data: { slideIds }
+			});
+		}, 100);
+	};
 	return {
 		name: "open-slide",
 		config(_c, env) {
@@ -2630,14 +3527,14 @@ function openSlidePlugin(opts) {
 			}
 			return null;
 		},
+		handleHotUpdate(ctx) {
+			const slideId = slideIdForEntry(ctx.file);
+			if (!slideId) return;
+			queueSlideChanged(ctx.server, slideId);
+			return [];
+		},
 		configureServer(server) {
-			const isSlideEntry = (p) => {
-				const rel = path.relative(slidesRoot, p);
-				if (rel.startsWith("..") || path.isAbsolute(rel)) return false;
-				const parts = rel.split(path.sep);
-				if (parts.length !== 2) return false;
-				return /^index\.(tsx|jsx|ts|js)$/.test(parts[1]);
-			};
+			const isSlideEntry = (p) => slideIdForEntry(p) !== null;
 			let reloadTimer = null;
 			const reload = () => {
 				if (reloadTimer) clearTimeout(reloadTimer);
@@ -2655,18 +3552,6 @@ function openSlidePlugin(opts) {
 			server.watcher.on("unlink", (p) => {
 				if (isSlideEntry(p)) reload();
 			});
-			let slideThemeTimer = null;
-			const invalidateSlidesVmod = () => {
-				if (slideThemeTimer) clearTimeout(slideThemeTimer);
-				slideThemeTimer = setTimeout(() => {
-					slideThemeTimer = null;
-					const mod = server.moduleGraph.getModuleById(resolved$1(SLIDES_VMOD));
-					if (mod) server.moduleGraph.invalidateModule(mod);
-				}, 100);
-			};
-			server.watcher.on("change", (p) => {
-				if (isSlideEntry(p)) invalidateSlidesVmod();
-			});
 			let foldersTimer = null;
 			const invalidateFolders = () => {
 				if (foldersTimer) clearTimeout(foldersTimer);
@@ -2762,18 +3647,18 @@ async function readTheme(mdAbs, themesRoot) {
 	};
 }
 function generateThemesModule(themes, isDev) {
-	const meta = themes.map((t$3) => ({
-		id: t$3.id,
-		name: t$3.frontmatter.name,
-		description: t$3.frontmatter.description,
-		body: t$3.body,
-		hasDemo: t$3.demoAbs !== null
+	const meta = themes.map((t$5) => ({
+		id: t$5.id,
+		name: t$5.frontmatter.name,
+		description: t$5.frontmatter.description,
+		body: t$5.body,
+		hasDemo: t$5.demoAbs !== null
 	}));
-	const cases = themes.flatMap((t$3) => {
-		const abs = t$3.demoAbs;
+	const cases = themes.flatMap((t$5) => {
+		const abs = t$5.demoAbs;
 		if (!abs) return [];
 		const importPath = isDev ? `/@fs/${normalizePath(abs).replace(/^\/+/, "")}` : abs;
-		return [`    case ${JSON.stringify(t$3.id)}: return import(${JSON.stringify(importPath)});`];
+		return [`    case ${JSON.stringify(t$5.id)}: return import(${JSON.stringify(importPath)});`];
 	}).join("\n");
 	return `// virtual:open-slide/themes — generated
 export const themes = ${JSON.stringify(meta)};
@@ -2854,8 +3739,10 @@ async function createViteConfig(opts) {
 	const config = opts.config ?? await loadUserConfig(userCwd);
 	const slidesDir = config.slidesDir ?? "slides";
 	const themesDir = config.themesDir ?? "themes";
+	const assetsDir = config.assetsDir ?? "assets";
 	const slidesAbs = path.resolve(userCwd, slidesDir);
 	const themesAbs = path.resolve(userCwd, themesDir);
+	const assetsAbs = path.resolve(userCwd, assetsDir);
 	return {
 		root: APP_ROOT,
 		configFile: false,
@@ -2876,24 +3763,24 @@ async function createViteConfig(opts) {
 				config
 			}),
 			designPlugin({ userCwd }),
-			commentsPlugin({
+			apiPlugin({
 				userCwd,
-				slidesDir
+				slidesDir,
+				assetsDir
 			}),
 			notesPlugin({
 				userCwd,
 				slidesDir
 			}),
-			filesPlugin({
-				userCwd,
-				slidesDir
-			}),
 			currentPlugin({
 				userCwd,
 				slidesDir
 			})
 		],
-		resolve: { alias: { "@": APP_ROOT } },
+		resolve: { alias: {
+			"@": APP_ROOT,
+			"@assets": assetsAbs
+		} },
 		optimizeDeps: {
 			entries: [path.join(APP_ROOT, "main.tsx")],
 			include: [
@@ -2925,7 +3812,8 @@ async function createViteConfig(opts) {
 				APP_ROOT,
 				userCwd,
 				slidesAbs,
-				themesAbs
+				themesAbs,
+				assetsAbs
 			] }
 		},
 		build: {