@open-slide/core 1.1.0 → 1.3.0

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

@@ -1,4 +1,4 @@
-import { defaultDesign } from "./design-C13iz9_4.js";
+import { defaultDesign } from "./design-cpzS8aud.js";
 import fs from "node:fs/promises";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
@@ -7,11 +7,12 @@ import { existsSync } from "node:fs";
 import tailwindcss from "@tailwindcss/vite";
 import react from "@vitejs/plugin-react";
 import { parse } from "@babel/parser";
+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 fg from "fast-glob";
-import { loadConfigFromFile } from "vite";
+import { loadConfigFromFile, normalizePath } from "vite";
 
 //#region src/vite/babel-walk.ts
 const SKIP_KEYS = new Set([
@@ -57,7 +58,7 @@ function walkAll(ast, visit) {
 //#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$2 = /^[a-z0-9_-]+$/i;
+const SLIDE_ID_RE$4 = /^[a-z0-9_-]+$/i;
 function b64urlEncode(s) {
 	return Buffer.from(s, "utf8").toString("base64").replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
 }
@@ -65,7 +66,7 @@ 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");
 }
-async function readBody$2(req) {
+async function readBody$3(req) {
 	return await new Promise((resolve, reject) => {
 		const chunks = [];
 		req.on("data", (c) => chunks.push(c));
@@ -81,13 +82,13 @@ async function readBody$2(req) {
 		req.on("error", reject);
 	});
 }
-function json$2(res, status, body) {
+function json$3(res, status, body) {
 	res.statusCode = status;
 	res.setHeader("content-type", "application/json");
 	res.end(JSON.stringify(body));
 }
-function resolveSlidePath$1(userCwd, slidesDir, slideId) {
-	if (!SLIDE_ID_RE$2.test(slideId)) return 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;
@@ -135,7 +136,7 @@ function lineIndent(source, lineNumber) {
 function findJsxAncestors(ast, line, column) {
 	const hits = [];
 	walkJsx(ast, (n) => {
-		if (!n.loc || !t$1.isJSXElement(n) && !t$1.isJSXFragment(n)) return;
+		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;
@@ -149,7 +150,7 @@ function findJsxAncestors(ast, line, column) {
 	return hits.map((h) => h.node);
 }
 function planInsertion(source, target) {
-	if (t$1.isJSXFragment(target)) {
+	if (t$2.isJSXFragment(target)) {
 		const opening = target.openingFragment;
 		const startLine = target.loc?.start.line ?? 1;
 		return {
@@ -157,7 +158,7 @@ function planInsertion(source, target) {
 			indent: `${lineIndent(source, startLine)}  `
 		};
 	}
-	if (t$1.isJSXElement(target)) {
+	if (t$2.isJSXElement(target)) {
 		const opening = target.openingElement;
 		if (opening.selfClosing) return null;
 		const startLine = target.loc?.start.line ?? 1;
@@ -169,7 +170,7 @@ function planInsertion(source, target) {
 	return null;
 }
 function findInsertion(source, line, column) {
-	const ast = parseSource$1(source);
+	const ast = parseSource$2(source);
 	if (!ast) return null;
 	const col = column ?? 0;
 	const ancestors = findJsxAncestors(ast, line, col);
@@ -184,7 +185,7 @@ function offsetToLine(source, offset) {
 	for (let i = 0; i < offset && i < source.length; i++) if (source[i] === "\n") line++;
 	return line;
 }
-function parseSource$1(source) {
+function parseSource$2(source) {
 	try {
 		return parse(source, {
 			sourceType: "module",
@@ -198,13 +199,13 @@ function parseSource$1(source) {
 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$1.isJSXElement(n)) return n;
+	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$1.isJSXElement(n) || !n.loc) return;
+		if (!t$2.isJSXElement(n) || !n.loc) return;
 		const s = n.loc.start;
 		if (s.line === line && s.column === column) {
 			hit = n;
@@ -217,10 +218,10 @@ function jsString$1(s) {
 	return `'${s.replace(/\\/g, "\\\\").replace(/'/g, "\\'").replace(/\n/g, "\\n")}'`;
 }
 function jsxAttrName(attr) {
-	return t$1.isJSXIdentifier(attr.name) ? attr.name.name : null;
+	return t$2.isJSXIdentifier(attr.name) ? attr.name.name : null;
 }
 function findJsxAttr(opening, name) {
-	for (const attr of opening.attributes) if (t$1.isJSXAttribute(attr) && jsxAttrName(attr) === name) return attr;
+	for (const attr of opening.attributes) if (t$2.isJSXAttribute(attr) && jsxAttrName(attr) === name) return attr;
 	return null;
 }
 function buildStyleSplice(source, element, ops) {
@@ -229,15 +230,15 @@ function buildStyleSplice(source, element, ops) {
 	const style = new Map();
 	if (existing) {
 		const value = existing.value;
-		if (!value || !t$1.isJSXExpressionContainer(value)) return { error: "style attribute has unsupported form" };
+		if (!value || !t$2.isJSXExpressionContainer(value)) return { error: "style attribute has unsupported form" };
 		const expr = value.expression;
-		if (!t$1.isObjectExpression(expr)) return { error: "style is not a literal object" };
+		if (!t$2.isObjectExpression(expr)) return { error: "style is not a literal object" };
 		for (const prop of expr.properties) {
-			if (!t$1.isObjectProperty(prop)) return { error: "style contains spread or method" };
+			if (!t$2.isObjectProperty(prop)) return { error: "style contains spread or method" };
 			if (prop.computed) return { error: "style has computed key" };
 			let keyName = null;
-			if (t$1.isIdentifier(prop.key)) keyName = prop.key.name;
-			else if (t$1.isStringLiteral(prop.key)) keyName = prop.key.value;
+			if (t$2.isIdentifier(prop.key)) keyName = prop.key.name;
+			else if (t$2.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" };
@@ -275,7 +276,7 @@ function formatJsxText(value) {
 }
 function meaningfulChildren(parent) {
 	return parent.children.filter((c) => {
-		if (t$1.isJSXText(c)) return c.value.trim() !== "";
+		if (t$2.isJSXText(c)) return c.value.trim() !== "";
 		return true;
 	});
 }
@@ -291,7 +292,7 @@ function wrapSplice(parent, text) {
 function collectTextCandidates(element, out) {
 	const meaningful = meaningfulChildren(element);
 	const isSole = meaningful.length === 1;
-	for (const child of meaningful) if (t$1.isJSXText(child)) {
+	for (const child of meaningful) if (t$2.isJSXText(child)) {
 		const current = child.value.trim();
 		if (!current) continue;
 		out.push({
@@ -302,9 +303,9 @@ function collectTextCandidates(element, out) {
 				text: formatJsxText(v)
 			}
 		});
-	} else if (t$1.isJSXExpressionContainer(child)) {
+	} else if (t$2.isJSXExpressionContainer(child)) {
 		const expr = child.expression;
-		if (t$1.isStringLiteral(expr) || t$1.isNumericLiteral(expr)) {
+		if (t$2.isStringLiteral(expr) || t$2.isNumericLiteral(expr)) {
 			const current = String(expr.value);
 			out.push({
 				current,
@@ -315,14 +316,14 @@ function collectTextCandidates(element, out) {
 				}
 			});
 		}
-	} else if (t$1.isJSXElement(child) || t$1.isJSXFragment(child)) collectTextCandidates(child, out);
+	} else if (t$2.isJSXElement(child) || t$2.isJSXFragment(child)) collectTextCandidates(child, out);
 }
 function propPassthroughName(element) {
 	const meaningful = meaningfulChildren(element);
 	if (meaningful.length !== 1) return null;
 	const child = meaningful[0];
-	if (!t$1.isJSXExpressionContainer(child)) return null;
-	return t$1.isIdentifier(child.expression) ? child.expression.name : null;
+	if (!t$2.isJSXExpressionContainer(child)) return null;
+	return t$2.isIdentifier(child.expression) ? child.expression.name : null;
 }
 function findEnclosingComponent(ast, target) {
 	let best = null;
@@ -344,17 +345,17 @@ function findEnclosingComponent(ast, target) {
 		}
 	};
 	const visitDecl = (decl) => {
-		if (t$1.isFunctionDeclaration(decl) && decl.id) consider(decl.id.name, decl);
-		else if (t$1.isVariableDeclaration(decl)) for (const d of decl.declarations) {
-			if (!t$1.isVariableDeclarator(d) || !t$1.isIdentifier(d.id) || !d.init) continue;
-			if (t$1.isArrowFunctionExpression(d.init) || t$1.isFunctionExpression(d.init)) consider(d.id.name, d.init);
+		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);
 		}
 	};
 	for (const decl of ast.program.body) {
 		visitDecl(decl);
-		if (t$1.isExportNamedDeclaration(decl) || t$1.isExportDefaultDeclaration(decl)) {
+		if (t$2.isExportNamedDeclaration(decl) || t$2.isExportDefaultDeclaration(decl)) {
 			const inner = decl.declaration;
-			if (inner && (t$1.isStatement(inner) || t$1.isFunctionDeclaration(inner))) visitDecl(inner);
+			if (inner && (t$2.isStatement(inner) || t$2.isFunctionDeclaration(inner))) visitDecl(inner);
 		}
 	}
 	return best;
@@ -362,21 +363,21 @@ function findEnclosingComponent(ast, target) {
 function componentDestructuresProp(fn, propName) {
 	if (fn.params.length === 0) return false;
 	let first = fn.params[0];
-	if (t$1.isAssignmentPattern(first)) first = first.left;
-	if (!t$1.isObjectPattern(first)) return false;
+	if (t$2.isAssignmentPattern(first)) first = first.left;
+	if (!t$2.isObjectPattern(first)) return false;
 	for (const prop of first.properties) {
-		if (!t$1.isObjectProperty(prop)) continue;
-		if (t$1.isIdentifier(prop.key) && prop.key.name === propName) return true;
-		if (t$1.isStringLiteral(prop.key) && prop.key.value === propName) return true;
+		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;
 	}
 	return false;
 }
 function collectCallSiteCandidates(ast, componentName) {
 	const out = [];
 	walkJsx(ast, (n) => {
-		if (!t$1.isJSXElement(n)) return;
+		if (!t$2.isJSXElement(n)) return;
 		const elName = n.openingElement.name;
-		if (t$1.isJSXIdentifier(elName) && elName.name === componentName) collectTextCandidates(n, out);
+		if (t$2.isJSXIdentifier(elName) && elName.name === componentName) collectTextCandidates(n, out);
 	});
 	return out;
 }
@@ -394,19 +395,19 @@ function spliceRange(node, text) {
 function collectPropCallSiteCandidates(ast, componentName, propName) {
 	const out = [];
 	walkJsx(ast, (n) => {
-		if (!t$1.isJSXElement(n)) return;
+		if (!t$2.isJSXElement(n)) return;
 		const elName = n.openingElement.name;
-		if (!t$1.isJSXIdentifier(elName) || elName.name !== componentName) return;
+		if (!t$2.isJSXIdentifier(elName) || elName.name !== componentName) return;
 		const attr = findJsxAttr(n.openingElement, propName);
 		if (!attr?.value) return;
 		const v = attr.value;
-		if (t$1.isStringLiteral(v)) out.push({
+		if (t$2.isStringLiteral(v)) out.push({
 			current: v.value,
 			splice: (s) => spliceRange(v, formatJsxAttrValue(s))
 		});
-		else if (t$1.isJSXExpressionContainer(v)) {
+		else if (t$2.isJSXExpressionContainer(v)) {
 			const expr = v.expression;
-			if (t$1.isStringLiteral(expr) || t$1.isNumericLiteral(expr)) out.push({
+			if (t$2.isStringLiteral(expr) || t$2.isNumericLiteral(expr)) out.push({
 				current: String(expr.value),
 				splice: (s) => spliceRange(v, formatJsxAttrValue(s))
 			});
@@ -419,17 +420,17 @@ function findEnclosingMapCallback(ast, target) {
 	const targetStart = target.start ?? 0;
 	const targetEnd = target.end ?? 0;
 	walkAll(ast, (node) => {
-		if (!t$1.isCallExpression(node)) return;
+		if (!t$2.isCallExpression(node)) return;
 		const callee = node.callee;
-		if (!t$1.isMemberExpression(callee) || callee.computed) return;
-		if (!t$1.isIdentifier(callee.property)) return;
+		if (!t$2.isMemberExpression(callee) || callee.computed) return;
+		if (!t$2.isIdentifier(callee.property)) return;
 		if (callee.property.name !== "map" && callee.property.name !== "flatMap") return;
 		const fn = node.arguments[0];
-		if (!fn || !t$1.isArrowFunctionExpression(fn) && !t$1.isFunctionExpression(fn)) return;
+		if (!fn || !t$2.isArrowFunctionExpression(fn) && !t$2.isFunctionExpression(fn)) return;
 		const fnStart = fn.start ?? 0;
 		const fnEnd = fn.end ?? 0;
 		if (fnStart > targetStart || fnEnd < targetEnd) return;
-		if (!t$1.isExpression(callee.object)) return;
+		if (!t$2.isExpression(callee.object)) return;
 		const size = fnEnd - fnStart;
 		if (!best || size < best.size) best = {
 			fn,
@@ -446,26 +447,26 @@ function findEnclosingMapCallback(ast, target) {
 }
 function resolveArrayLiteralElements(ast, expr) {
 	const dropHoles = (arr) => arr.elements.filter((e) => e != null);
-	if (t$1.isArrayExpression(expr)) return dropHoles(expr);
-	if (!t$1.isIdentifier(expr)) return null;
+	if (t$2.isArrayExpression(expr)) return dropHoles(expr);
+	if (!t$2.isIdentifier(expr)) return null;
 	const name = expr.name;
 	const useStart = expr.start ?? 0;
 	let init = null;
 	walkAll(ast, (node) => {
-		if (!t$1.isVariableDeclarator(node)) return;
-		if (!t$1.isIdentifier(node.id) || node.id.name !== name) return;
-		if (!node.init || !t$1.isArrayExpression(node.init)) return;
+		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 ((node.init.start ?? 0) > useStart) return;
 		init = node.init;
 	});
 	return init ? dropHoles(init) : null;
 }
 function findObjectProperty(obj, name) {
-	if (!t$1.isObjectExpression(obj)) return null;
+	if (!t$2.isObjectExpression(obj)) return null;
 	for (const prop of obj.properties) {
-		if (!t$1.isObjectProperty(prop) || prop.computed) continue;
-		if (t$1.isIdentifier(prop.key) && prop.key.name === name) return prop;
-		if (t$1.isStringLiteral(prop.key) && prop.key.value === name) return prop;
+		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;
 	}
 	return null;
 }
@@ -473,22 +474,22 @@ function decodeMapPassthrough(element, callbackParam) {
 	const meaningful = meaningfulChildren(element);
 	if (meaningful.length !== 1) return null;
 	const child = meaningful[0];
-	if (!t$1.isJSXExpressionContainer(child)) return null;
+	if (!t$2.isJSXExpressionContainer(child)) return null;
 	const expr = child.expression;
-	if (t$1.isMemberExpression(expr)) {
+	if (t$2.isMemberExpression(expr)) {
 		if (expr.computed) return null;
-		if (!t$1.isIdentifier(expr.object) || !t$1.isIdentifier(expr.property)) return null;
-		if (!callbackParam || !t$1.isIdentifier(callbackParam)) return null;
+		if (!t$2.isIdentifier(expr.object) || !t$2.isIdentifier(expr.property)) return null;
+		if (!callbackParam || !t$2.isIdentifier(callbackParam)) return null;
 		if (callbackParam.name !== expr.object.name) return null;
 		return expr.property.name;
 	}
-	if (t$1.isIdentifier(expr)) {
+	if (t$2.isIdentifier(expr)) {
 		const fieldName = expr.name;
-		if (!callbackParam || !t$1.isObjectPattern(callbackParam)) return null;
+		if (!callbackParam || !t$2.isObjectPattern(callbackParam)) return null;
 		for (const prop of callbackParam.properties) {
-			if (!t$1.isObjectProperty(prop) || prop.computed) continue;
-			if (!t$1.isIdentifier(prop.key) || prop.key.name !== fieldName) continue;
-			return t$1.isIdentifier(prop.value) && prop.value.name === fieldName ? fieldName : null;
+			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;
 		}
 	}
 	return null;
@@ -505,11 +506,11 @@ function collectArrayMapCandidates(ast, element) {
 		const prop = findObjectProperty(obj, fieldName);
 		if (!prop) continue;
 		const v = prop.value;
-		if (t$1.isStringLiteral(v)) out.push({
+		if (t$2.isStringLiteral(v)) out.push({
 			current: v.value,
 			splice: (s) => spliceRange(v, jsString$1(s))
 		});
-		else if (t$1.isNumericLiteral(v)) out.push({
+		else if (t$2.isNumericLiteral(v)) out.push({
 			current: String(v.value),
 			splice: (s) => spliceRange(v, jsString$1(s))
 		});
@@ -538,9 +539,9 @@ function buildTextSplice(ast, element, value, prevText) {
 function findImports$1(ast) {
 	const out = [];
 	for (const node of ast.program.body) {
-		if (!t$1.isImportDeclaration(node)) continue;
+		if (!t$2.isImportDeclaration(node)) continue;
 		let def = null;
-		for (const spec of node.specifiers) if (t$1.isImportDefaultSpecifier(spec)) {
+		for (const spec of node.specifiers) if (t$2.isImportDefaultSpecifier(spec)) {
 			def = spec.local.name;
 			break;
 		}
@@ -556,7 +557,7 @@ 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$1.isImportDefaultSpecifier(spec)) names.add(spec.local.name);
+		for (const spec of imp.node.specifiers) if (!t$2.isImportDefaultSpecifier(spec)) names.add(spec.local.name);
 	}
 	return names;
 }
@@ -625,21 +626,21 @@ function readJsxStringAttr(opening, name) {
 	const attr = findJsxAttr(opening, name);
 	const v = attr?.value;
 	if (!v) return null;
-	if (t$1.isStringLiteral(v)) return v.value;
-	if (t$1.isJSXExpressionContainer(v) && t$1.isStringLiteral(v.expression)) return v.expression.value;
+	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$1.isJSXExpressionContainer(v)) return null;
-	if (!t$1.isNumericLiteral(v.expression)) return null;
+	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$1.isJSXIdentifier(opening.name) || opening.name.name !== "ImagePlaceholder") return { error: "not a placeholder" };
+	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/" };
 	const hint = readJsxStringAttr(opening, "hint") ?? "";
 	const width = readJsxNumberAttr(opening, "width");
@@ -663,7 +664,7 @@ function applyEdit(source, line, column, ops) {
 		ok: true,
 		source
 	};
-	const ast = parseSource$1(source);
+	const ast = parseSource$2(source);
 	if (!ast) return {
 		ok: false,
 		status: 422,
@@ -759,38 +760,38 @@ function commentsPlugin(opts) {
 				if (method !== "POST") return next();
 				try {
 					if (url.pathname === "/") {
-						const body = await readBody$2(req);
+						const body = await readBody$3(req);
 						const slideId = body.slideId ?? "";
-						const file = resolveSlidePath$1(userCwd, slidesDir, 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" });
+						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$2(res, 404, { error: "slide not found" });
+							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$2(res, result.status, { error: result.error });
+						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$2(res, 200, {
+						return json$3(res, 200, {
 							ok: true,
 							changed
 						});
 					}
 					if (url.pathname === "/batch") {
-						const body = await readBody$2(req);
+						const body = await readBody$3(req);
 						const slideId = body.slideId ?? "";
-						const file = resolveSlidePath$1(userCwd, slidesDir, slideId);
-						if (!file) return json$2(res, 400, { error: "invalid slideId" });
-						if (!Array.isArray(body.edits)) return json$2(res, 400, { error: "missing edits" });
+						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$2(res, 404, { error: "slide not found" });
+							return json$3(res, 404, { error: "slide not found" });
 						}
 						const original = source;
 						const results = [];
@@ -813,7 +814,7 @@ function commentsPlugin(opts) {
 						}
 						const changed = source !== original;
 						if (changed) await fs.writeFile(file, source, "utf8");
-						return json$2(res, 200, {
+						return json$3(res, 200, {
 							ok: true,
 							changed,
 							results
@@ -821,7 +822,7 @@ function commentsPlugin(opts) {
 					}
 					return next();
 				} catch (err) {
-					json$2(res, 500, { error: String(err.message ?? err) });
+					json$3(res, 500, { error: String(err.message ?? err) });
 				}
 			});
 			server.middlewares.use("/__comments", async (req, res, next) => {
@@ -830,31 +831,31 @@ function commentsPlugin(opts) {
 				try {
 					if (method === "GET" && url.pathname === "/") {
 						const slideId = url.searchParams.get("slideId") ?? "";
-						const file = resolveSlidePath$1(userCwd, slidesDir, slideId);
-						if (!file) return json$2(res, 400, { error: "invalid 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$2(res, 404, { error: "slide not found" });
+							return json$3(res, 404, { error: "slide not found" });
 						}
-						return json$2(res, 200, { comments: parseMarkers(source) });
+						return json$3(res, 200, { comments: parseMarkers(source) });
 					}
 					if (method === "POST" && url.pathname === "/add") {
-						const body = await readBody$2(req);
+						const body = await readBody$3(req);
 						const slideId = body.slideId ?? "";
-						const file = resolveSlidePath$1(userCwd, slidesDir, 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" });
+						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$2(res, 404, { error: "slide not found" });
+							return json$3(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.` });
+						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({
@@ -865,44 +866,118 @@ function commentsPlugin(opts) {
 						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, {
+						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$2(res, 400, { error: "invalid id" });
+						if (!/^c-[a-f0-9]+$/.test(id)) return json$3(res, 400, { error: "invalid id" });
 						const slideId = url.searchParams.get("slideId") ?? "";
-						const file = resolveSlidePath$1(userCwd, slidesDir, slideId);
-						if (!file) return json$2(res, 400, { error: "invalid 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$2(res, 404, { error: "slide not found" });
+							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$2(res, 404, { error: "marker not found" });
+						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$2(res, 200, { ok: true });
+						return json$3(res, 200, { ok: true });
 					}
 					next();
 				} catch (err) {
-					json$2(res, 500, { error: String(err.message ?? err) });
+					json$3(res, 500, { error: String(err.message ?? err) });
 				}
 			});
 		}
 	};
 }
 
+//#endregion
+//#region src/vite/current-plugin.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 {}
+			});
+		}
+	};
+}
+
 //#endregion
 //#region src/vite/design-plugin.ts
-const SLIDE_ID_RE$1 = /^[a-z0-9_-]+$/i;
-async function readBody$1(req) {
+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));
@@ -918,19 +993,19 @@ async function readBody$1(req) {
 		req.on("error", reject);
 	});
 }
-function json$1(res, status, body) {
+function json$2(res, status, body) {
 	res.statusCode = status;
 	res.setHeader("content-type", "application/json");
 	res.end(JSON.stringify(body));
 }
-function resolveSlidePath(userCwd, slidesDir, slideId) {
-	if (!SLIDE_ID_RE$1.test(slideId)) return null;
+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 parseSource(source) {
+function parseSource$1(source) {
 	try {
 		return parse(source, {
 			sourceType: "module",
@@ -1068,7 +1143,7 @@ function serializeDesign(design) {
 	return serializeValue(design, 0);
 }
 function parseSlideDesign(source) {
-	const ast = parseSource(source);
+	const ast = parseSource$1(source);
 	if (!ast) return {
 		ok: false,
 		exists: true,
@@ -1210,7 +1285,7 @@ function applyDesignWrite(source, next) {
 			error: `serialize failed: ${err.message}`
 		};
 	}
-	const ast = parseSource(source);
+	const ast = parseSource$1(source);
 	if (!ast) return {
 		ok: false,
 		status: 422,
@@ -1226,7 +1301,7 @@ function applyDesignWrite(source, next) {
 		};
 	}
 	const withImport = ensureDesignSystemImport(source, ast);
-	const ast2 = parseSource(withImport.source);
+	const ast2 = parseSource$1(withImport.source);
 	if (!ast2) return {
 		ok: false,
 		status: 422,
@@ -1252,51 +1327,51 @@ function designPlugin(opts) {
 				const url = new URL(req.url ?? "/", "http://local");
 				const method = req.method ?? "GET";
 				const slideId = url.searchParams.get("slideId") ?? "";
-				const file = resolveSlidePath(userCwd, slidesDir, slideId);
-				if (!file) return json$1(res, 400, { error: "invalid 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$1(res, 404, { error: "slide not found" });
+							return json$2(res, 404, { error: "slide not found" });
 						}
 						const parsed = parseSlideDesign(source);
-						if (parsed.ok) return json$1(res, 200, {
+						if (parsed.ok) return json$2(res, 200, {
 							design: parsed.design,
 							exists: true,
 							warning: null
 						});
-						if (parsed.exists === false) return json$1(res, 200, {
+						if (parsed.exists === false) return json$2(res, 200, {
 							design: defaultDesign,
 							exists: false,
 							warning: null
 						});
-						return json$1(res, 200, {
+						return json$2(res, 200, {
 							design: defaultDesign,
 							exists: true,
 							warning: parsed.error
 						});
 					}
 					if (method === "PUT" && url.pathname === "/") {
-						const body = await readBody$1(req);
+						const body = await readBody$2(req);
 						const patch = body.patch;
-						if (!patch || typeof patch !== "object") return json$1(res, 400, { error: "missing patch object" });
+						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$1(res, 404, { error: "slide not found" });
+							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$1(res, 422, { error: parsed.error });
+						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$1(res, written.status, { error: written.error });
+						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$1(res, 200, {
+						return json$2(res, 200, {
 							ok: true,
 							design: merged,
 							created: written.created
@@ -1307,12 +1382,12 @@ function designPlugin(opts) {
 						try {
 							source = await fs.readFile(file, "utf8");
 						} catch {
-							return json$1(res, 404, { error: "slide not found" });
+							return json$2(res, 404, { error: "slide not found" });
 						}
 						const written = applyDesignWrite(source, defaultDesign);
-						if (!written.ok) return json$1(res, written.status, { error: written.error });
+						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$1(res, 200, {
+						return json$2(res, 200, {
 							ok: true,
 							design: defaultDesign,
 							created: written.created
@@ -1320,7 +1395,7 @@ function designPlugin(opts) {
 					}
 					return next();
 				} catch (err) {
-					json$1(res, 500, { error: String(err.message ?? err) });
+					json$2(res, 500, { error: String(err.message ?? err) });
 				}
 			});
 		}
@@ -1330,7 +1405,7 @@ function designPlugin(opts) {
 //#endregion
 //#region src/vite/files-plugin.ts
 const FOLDER_ID_RE = /^f-[a-f0-9]{8}$/;
-const SLIDE_ID_RE = /^[a-z0-9_-]+$/i;
+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;
@@ -1371,7 +1446,7 @@ function validateAssetName(v) {
 	if (dot <= 0 || dot === trimmed.length - 1) return null;
 	return trimmed;
 }
-async function readBody(req) {
+async function readBody$1(req) {
 	return await new Promise((resolve, reject) => {
 		const chunks = [];
 		req.on("data", (c) => chunks.push(c));
@@ -1387,7 +1462,7 @@ async function readBody(req) {
 		req.on("error", reject);
 	});
 }
-function json(res, status, body) {
+function json$1(res, status, body) {
 	res.statusCode = status;
 	res.setHeader("content-type", "application/json");
 	res.end(JSON.stringify(body));
@@ -1431,7 +1506,7 @@ function validateSlideName(v) {
 	return trimmed;
 }
 async function rmSlideDir(slidesRoot, slideId) {
-	if (!SLIDE_ID_RE.test(slideId)) return false;
+	if (!SLIDE_ID_RE$1.test(slideId)) return false;
 	const dir = path.resolve(slidesRoot, slideId);
 	if (!dir.startsWith(slidesRoot + path.sep)) return false;
 	try {
@@ -1445,7 +1520,7 @@ async function rmSlideDir(slidesRoot, slideId) {
 	}
 }
 function resolveAssetsDir(slidesRoot, slideId) {
-	if (!SLIDE_ID_RE.test(slideId)) return null;
+	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");
@@ -1461,7 +1536,7 @@ function resolveAssetFile(slidesRoot, slideId, filename) {
 	return file;
 }
 function resolveSlideEntry(slidesRoot, slideId) {
-	if (!SLIDE_ID_RE.test(slideId)) return null;
+	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");
@@ -1602,6 +1677,158 @@ function reorderDefaultExportPagesInSource(source, order) {
 	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
+			};
+		}
+	}
+	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]);
+	}
+	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 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 ", ";
+}
+/**
+* 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 validateIcon(v) {
 	if (!v || typeof v !== "object") return null;
 	const icon = v;
@@ -1644,7 +1871,7 @@ function filesPlugin(opts) {
 				const parts = rel.split(path.sep);
 				if (parts.length < 3 || parts[1] !== "assets") return;
 				const slideId = parts[0];
-				if (!SLIDE_ID_RE.test(slideId)) return;
+				if (!SLIDE_ID_RE$1.test(slideId)) return;
 				server.ws.send({
 					type: "custom",
 					event: "open-slide:assets-changed",
@@ -1661,52 +1888,81 @@ function filesPlugin(opts) {
 					const reorderMatch = url.pathname.match(/^\/([^/]+)\/reorder$/);
 					if (reorderMatch && method === "PUT") {
 						const slideId$1 = reorderMatch[1];
-						if (!SLIDE_ID_RE.test(slideId$1)) return json(res, 400, { error: "invalid slideId" });
-						const body = await readBody(req);
-						if (!Array.isArray(body.order)) return json(res, 400, { error: "invalid order" });
+						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(res, 400, { error: "invalid 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(res, 400, { error: "invalid slideId" });
+						if (!entry) return json$1(res, 400, { error: "invalid slideId" });
 						let source;
 						try {
 							source = await fs.readFile(entry, "utf8");
 						} catch {
-							return json(res, 404, { error: "slide not found" });
+							return json$1(res, 404, { error: "slide not found" });
 						}
-						const updated = reorderDefaultExportPagesInSource(source, order);
-						if (updated === null) return json(res, 422, { error: "could not reorder pages — order must be a permutation of the existing array" });
-						if (updated !== source) await fs.writeFile(entry, updated, "utf8");
-						return json(res, 200, {
+						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");
+						return json$1(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$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" });
+						let source;
+						try {
+							source = await fs.readFile(entry, "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");
+						return json$1(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.test(slideId)) return json(res, 400, { error: "invalid slideId" });
+					if (!SLIDE_ID_RE$1.test(slideId)) return json$1(res, 400, { error: "invalid slideId" });
 					if (method === "PATCH") {
-						const body = await readBody(req);
+						const body = await readBody$1(req);
 						const name = validateSlideName(body.name);
-						if (!name) return json(res, 400, { error: "invalid name" });
+						if (!name) return json$1(res, 400, { error: "invalid name" });
 						const entry = resolveSlideEntry(slidesRoot, slideId);
-						if (!entry) return json(res, 400, { error: "invalid slideId" });
+						if (!entry) return json$1(res, 400, { error: "invalid slideId" });
 						let source;
 						try {
 							source = await fs.readFile(entry, "utf8");
 						} catch {
-							return json(res, 404, { error: "slide not found" });
+							return json$1(res, 404, { error: "slide not found" });
 						}
 						const updated = updateMetaTitleInSource(source, name);
-						if (updated === null) return json(res, 422, { error: "could not locate a safe place to write meta.title in index.tsx" });
+						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" });
-						return json(res, 200, {
+						return json$1(res, 200, {
 							ok: true,
 							slideId,
 							name
@@ -1714,15 +1970,15 @@ function filesPlugin(opts) {
 					}
 					if (method === "DELETE") {
 						const removed = await rmSlideDir(slidesRoot, slideId);
-						if (!removed) return json(res, 404, { error: "slide not found" });
+						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(res, 200, { ok: true });
+						return json$1(res, 200, { ok: true });
 					}
 					return next();
 				} catch (err) {
-					json(res, 500, { error: String(err.message ?? err) });
+					json$1(res, 500, { error: String(err.message ?? err) });
 				}
 			});
 			server.middlewares.use("/__assets", async (req, res, next) => {
@@ -1734,12 +1990,12 @@ function filesPlugin(opts) {
 					if (listMatch && method === "GET") {
 						const slideId = listMatch[1];
 						const assetsDir = resolveAssetsDir(slidesRoot, slideId);
-						if (!assetsDir) return json(res, 400, { error: "invalid 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(res, 200, { assets: [] });
+							if (err.code === "ENOENT") return json$1(res, 200, { assets: [] });
 							throw err;
 						}
 						const assets = [];
@@ -1756,13 +2012,13 @@ function filesPlugin(opts) {
 							});
 						}
 						assets.sort((a, b) => a.name.localeCompare(b.name));
-						return json(res, 200, { assets });
+						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(res, 400, { error: "invalid path" });
+						if (!file) return json$1(res, 400, { error: "invalid path" });
 						if (method === "GET") try {
 							const buf = await fs.readFile(file);
 							res.statusCode = 200;
@@ -1771,20 +2027,20 @@ function filesPlugin(opts) {
 							res.end(buf);
 							return;
 						} catch (err) {
-							if (err.code === "ENOENT") return json(res, 404, { error: "asset not found" });
+							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(res, 413, { error: "file too large" });
+							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(res, 409, { error: "asset exists" });
+								return json$1(res, 409, { error: "asset exists" });
 							} catch {}
 							const assetsDir = resolveAssetsDir(slidesRoot, slideId);
-							if (!assetsDir) return json(res, 400, { error: "invalid slideId" });
+							if (!assetsDir) return json$1(res, 400, { error: "invalid slideId" });
 							await fs.mkdir(assetsDir, { recursive: true });
 							const chunks = [];
 							let total = 0;
@@ -1802,9 +2058,9 @@ function filesPlugin(opts) {
 								req.on("end", () => resolve());
 								req.on("error", reject);
 							});
-							if (oversized) return json(res, 413, { error: "file too large" });
+							if (oversized) return json$1(res, 413, { error: "file too large" });
 							await fs.writeFile(file, Buffer.concat(chunks));
-							return json(res, 200, {
+							return json$1(res, 200, {
 								ok: true,
 								name: filename,
 								size: total,
@@ -1813,26 +2069,26 @@ function filesPlugin(opts) {
 							});
 						}
 						if (method === "PATCH") {
-							const body = await readBody(req);
+							const body = await readBody$1(req);
 							const target = validateAssetName(body.name);
-							if (!target) return json(res, 400, { error: "invalid name" });
-							if (target === filename) return json(res, 200, {
+							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(res, 400, { error: "invalid name" });
+							if (!dest) return json$1(res, 400, { error: "invalid name" });
 							try {
 								await fs.access(dest);
-								return json(res, 409, { error: "target exists" });
+								return json$1(res, 409, { error: "target exists" });
 							} catch {}
 							try {
 								await fs.rename(file, dest);
 							} catch (err) {
-								if (err.code === "ENOENT") return json(res, 404, { error: "asset not found" });
+								if (err.code === "ENOENT") return json$1(res, 404, { error: "asset not found" });
 								throw err;
 							}
-							return json(res, 200, {
+							return json$1(res, 200, {
 								ok: true,
 								name: target
 							});
@@ -1841,15 +2097,15 @@ function filesPlugin(opts) {
 							try {
 								await fs.unlink(file);
 							} catch (err) {
-								if (err.code === "ENOENT") return json(res, 404, { error: "asset not found" });
+								if (err.code === "ENOENT") return json$1(res, 404, { error: "asset not found" });
 								throw err;
 							}
-							return json(res, 200, { ok: true });
+							return json$1(res, 200, { ok: true });
 						}
 					}
 					return next();
 				} catch (err) {
-					json(res, 500, { error: String(err.message ?? err) });
+					json$1(res, 500, { error: String(err.message ?? err) });
 				}
 			});
 			server.middlewares.use("/__svgl", async (req, res, next) => {
@@ -1868,16 +2124,16 @@ function filesPlugin(opts) {
 						target = `https://api.svgl.app/${qs ? `?${qs}` : ""}`;
 					} else if (reqUrl.pathname === "/svg") {
 						const u = reqUrl.searchParams.get("u");
-						if (!u) return json(res, 400, { error: "missing u" });
+						if (!u) return json$1(res, 400, { error: "missing u" });
 						let parsed;
 						try {
 							parsed = new URL(u);
 						} catch {
-							return json(res, 400, { error: "invalid u" });
+							return json$1(res, 400, { error: "invalid u" });
 						}
-						if (parsed.protocol !== "https:") return json(res, 400, { error: "https only" });
+						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(res, 400, { error: "host not allowed" });
+						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);
@@ -1888,7 +2144,7 @@ function filesPlugin(opts) {
 					const buf = Buffer.from(await upstream.arrayBuffer());
 					res.end(buf);
 				} catch (err) {
-					json(res, 502, { error: String(err.message ?? err) });
+					json$1(res, 502, { error: String(err.message ?? err) });
 				}
 			});
 			server.middlewares.use("/__folders", async (req, res, next) => {
@@ -1897,14 +2153,14 @@ function filesPlugin(opts) {
 				try {
 					if (method === "GET" && url.pathname === "/") {
 						const manifest = await readManifest(manifestPath);
-						return json(res, 200, manifest);
+						return json$1(res, 200, manifest);
 					}
 					if (method === "POST" && url.pathname === "/") {
-						const body = await readBody(req);
+						const body = await readBody$1(req);
 						const name = validateName(body.name);
-						if (!name) return json(res, 400, { error: "invalid name" });
+						if (!name) return json$1(res, 400, { error: "invalid name" });
 						const icon = validateIcon(body.icon);
-						if (!icon) return json(res, 400, { error: "invalid icon" });
+						if (!icon) return json$1(res, 400, { error: "invalid icon" });
 						const manifest = await readManifest(manifestPath);
 						const folder = {
 							id: newFolderId(),
@@ -1913,58 +2169,58 @@ function filesPlugin(opts) {
 						};
 						manifest.folders.push(folder);
 						await writeManifest(manifestPath, manifest);
-						return json(res, 200, folder);
+						return json$1(res, 200, folder);
 					}
 					if (method === "PUT" && url.pathname === "/assign") {
-						const body = await readBody(req);
-						if (typeof body.slideId !== "string" || !SLIDE_ID_RE.test(body.slideId)) return json(res, 400, { error: "invalid slideId" });
+						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(res, 400, { error: "invalid 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(res, 404, { error: "folder not found" });
+						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(res, 200, { ok: true });
+						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(res, 400, { error: "invalid id" });
+						if (!FOLDER_ID_RE.test(id)) return json$1(res, 400, { error: "invalid id" });
 						if (method === "PATCH") {
-							const body = await readBody(req);
+							const body = await readBody$1(req);
 							const manifest = await readManifest(manifestPath);
 							const folder = manifest.folders.find((f) => f.id === id);
-							if (!folder) return json(res, 404, { error: "folder not found" });
+							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(res, 400, { error: "invalid 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(res, 400, { error: "invalid icon" });
+								if (!icon) return json$1(res, 400, { error: "invalid icon" });
 								folder.icon = icon;
 							}
 							await writeManifest(manifestPath, manifest);
-							return json(res, 200, folder);
+							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(res, 404, { error: "folder not found" });
+							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(res, 200, { ok: true });
+							return json$1(res, 200, { ok: true });
 						}
 					}
 					next();
 				} catch (err) {
-					json(res, 500, { error: String(err.message ?? err) });
+					json$1(res, 500, { error: String(err.message ?? err) });
 				}
 			});
 		}
@@ -1975,11 +2231,11 @@ function filesPlugin(opts) {
 //#region src/vite/loc-tags-plugin.ts
 const FORWARDING_COMPONENTS = new Set(["ImagePlaceholder"]);
 function isTaggableJsxName(name) {
-	if (!t.isJSXIdentifier(name)) return false;
+	if (!t$1.isJSXIdentifier(name)) return false;
 	return /^[a-z]/.test(name.name) || FORWARDING_COMPONENTS.has(name.name);
 }
 function alreadyTagged(opening) {
-	return opening.attributes.some((attr) => t.isJSXAttribute(attr) && t.isJSXIdentifier(attr.name) && attr.name.name === "data-slide-loc");
+	return opening.attributes.some((attr) => t$1.isJSXAttribute(attr) && t$1.isJSXIdentifier(attr.name) && attr.name.name === "data-slide-loc");
 }
 function injectLocTags(code) {
 	let ast;
@@ -1994,7 +2250,7 @@ function injectLocTags(code) {
 	}
 	const insertions = [];
 	walkJsx(ast, (node) => {
-		if (!t.isJSXElement(node) || !node.loc) return;
+		if (!t$1.isJSXElement(node) || !node.loc) return;
 		const opening = node.openingElement;
 		const name = opening.name;
 		if (!isTaggableJsxName(name) || alreadyTagged(opening)) return;
@@ -2029,6 +2285,204 @@ function locTagsPlugin(opts) {
 	};
 }
 
+//#endregion
+//#region src/vite/notes-plugin.ts
+const SLIDE_ID_RE = /^[a-z0-9_-]+$/i;
+async function readBody(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 json(res, status, body) {
+	res.statusCode = status;
+	res.setHeader("content-type", "application/json");
+	res.end(JSON.stringify(body));
+}
+function resolveSlidePath(userCwd, slidesDir, slideId) {
+	if (!SLIDE_ID_RE.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 parseSource(source) {
+	try {
+		return parse(source, {
+			sourceType: "module",
+			plugins: ["typescript", "jsx"],
+			errorRecovery: true
+		});
+	} catch {
+		return null;
+	}
+}
+function findNotesExport(ast) {
+	for (const stmt of ast.program.body) {
+		if (!t.isExportNamedDeclaration(stmt)) continue;
+		const decl = stmt.declaration;
+		if (!decl || !t.isVariableDeclaration(decl)) continue;
+		for (const d of decl.declarations) {
+			if (!t.isVariableDeclarator(d)) continue;
+			if (!t.isIdentifier(d.id) || d.id.name !== "notes") continue;
+			if (!d.init) return { error: "`notes` export has no initializer" };
+			if (!t.isArrayExpression(d.init)) return { error: "`notes` export is not an array literal" };
+			const arr = d.init;
+			if (typeof stmt.start !== "number" || typeof stmt.end !== "number") return { error: "`notes` export missing source range" };
+			if (typeof arr.start !== "number" || typeof arr.end !== "number") return { error: "`notes` array missing source range" };
+			return {
+				declStart: stmt.start,
+				declEnd: stmt.end,
+				arrayStart: arr.start,
+				arrayEnd: arr.end,
+				elements: arr.elements
+			};
+		}
+	}
+	return null;
+}
+function renderNoteLiteral(text) {
+	if (text === "") return "undefined";
+	const hasNewline = /\n/.test(text);
+	if (hasNewline) {
+		const escaped = text.replace(/\\/g, "\\\\").replace(/`/g, "\\`").replace(/\$\{/g, "\\${");
+		return `\`${escaped}\``;
+	}
+	return JSON.stringify(text);
+}
+function findInsertionOffset(ast, source) {
+	let lastImportEnd = -1;
+	for (const stmt of ast.program.body) if (t.isImportDeclaration(stmt) && typeof stmt.end === "number") lastImportEnd = Math.max(lastImportEnd, stmt.end);
+	if (lastImportEnd >= 0) return lastImportEnd;
+	return source.length;
+}
+function applyNotesEdit(source, index, text) {
+	if (!Number.isInteger(index) || index < 0) return {
+		ok: false,
+		status: 400,
+		error: "invalid index"
+	};
+	const ast = parseSource(source);
+	if (!ast) return {
+		ok: false,
+		status: 422,
+		error: "could not parse source"
+	};
+	const found = findNotesExport(ast);
+	if (found && "error" in found) return {
+		ok: false,
+		status: 422,
+		error: found.error
+	};
+	const literal = renderNoteLiteral(text);
+	if (!found) {
+		if (text === "") return {
+			ok: true,
+			source
+		};
+		const padding = Array.from({ length: index }, () => "undefined");
+		const items = [...padding, literal];
+		const block = [
+			"",
+			"",
+			"export const notes: (string | undefined)[] = [",
+			...items.map((s) => `  ${s},`),
+			"];",
+			""
+		].join("\n");
+		const offset = findInsertionOffset(ast, source);
+		const next$1 = source.slice(0, offset) + block + source.slice(offset);
+		return {
+			ok: true,
+			source: next$1
+		};
+	}
+	const elementTexts = [];
+	for (const el of found.elements) {
+		if (el === null) {
+			elementTexts.push("undefined");
+			continue;
+		}
+		if (typeof el.start !== "number" || typeof el.end !== "number") return {
+			ok: false,
+			status: 422,
+			error: "`notes` element missing source range"
+		};
+		elementTexts.push(source.slice(el.start, el.end));
+	}
+	while (elementTexts.length <= index) elementTexts.push("undefined");
+	elementTexts[index] = literal;
+	while (elementTexts.length > 0 && elementTexts[elementTexts.length - 1] === "undefined") elementTexts.pop();
+	const replacement = elementTexts.length === 0 ? "[]" : `[\n${elementTexts.map((s) => `  ${s},`).join("\n")}\n]`;
+	const next = source.slice(0, found.arrayStart) + replacement + source.slice(found.arrayEnd);
+	return {
+		ok: true,
+		source: next
+	};
+}
+function notesPlugin(opts) {
+	const userCwd = opts.userCwd;
+	const slidesDir = opts.slidesDir ?? "slides";
+	const recentWrites = new Map();
+	const RECENT_WRITE_WINDOW_MS = 1500;
+	return {
+		name: "open-slide:notes",
+		apply: "serve",
+		handleHotUpdate(ctx) {
+			const ts = recentWrites.get(ctx.file);
+			if (ts != null && Date.now() - ts < RECENT_WRITE_WINDOW_MS) {
+				recentWrites.delete(ctx.file);
+				return [];
+			}
+			return void 0;
+		},
+		configureServer(server) {
+			server.middlewares.use("/__notes", async (req, res, next) => {
+				const url = new URL(req.url ?? "/", "http://local");
+				const method = req.method ?? "GET";
+				if (method !== "PUT" || url.pathname !== "/") return next();
+				try {
+					const body = await readBody(req);
+					const slideId = body.slideId ?? "";
+					const file = resolveSlidePath(userCwd, slidesDir, slideId);
+					if (!file) return json(res, 400, { error: "invalid slideId" });
+					if (typeof body.index !== "number") return json(res, 400, { error: "missing index" });
+					if (typeof body.text !== "string") return json(res, 400, { error: "missing text" });
+					let source;
+					try {
+						source = await fs.readFile(file, "utf8");
+					} catch {
+						return json(res, 404, { error: "slide not found" });
+					}
+					const result = applyNotesEdit(source, body.index, body.text);
+					if (!result.ok) return json(res, result.status, { error: result.error });
+					const changed = result.source !== source;
+					if (changed) {
+						recentWrites.set(file, Date.now());
+						await fs.writeFile(file, result.source, "utf8");
+					}
+					return json(res, 200, {
+						ok: true,
+						changed
+					});
+				} catch (err) {
+					json(res, 500, { error: String(err.message ?? err) });
+				}
+			});
+		}
+	};
+}
+
 //#endregion
 //#region src/vite/open-slide-plugin.ts
 const CONFIG_FILE = "open-slide.config.ts";
@@ -2051,7 +2505,7 @@ async function readFoldersManifest(file) {
 		throw err;
 	}
 }
-function resolved(id) {
+function resolved$1(id) {
 	return `\0${id}`;
 }
 async function findSlides(userCwd, slidesDir) {
@@ -2068,19 +2522,59 @@ function toId(absFile, slidesRoot) {
 	const rel = path.relative(slidesRoot, absFile);
 	return rel.split(path.sep)[0];
 }
-function generateSlidesModule(files, slidesRoot, isDev) {
-	const entries = files.map((abs) => {
+const META_THEME_RE = /(?:^|[\s,{])theme\s*:\s*['"]([^'"]+)['"]/;
+function extractMetaTheme(src) {
+	const metaStart = src.search(/export\s+const\s+meta\b/);
+	if (metaStart === -1) return null;
+	const eqIdx = src.indexOf("=", metaStart);
+	if (eqIdx === -1) return null;
+	const openBrace = src.indexOf("{", eqIdx);
+	if (openBrace === -1) return null;
+	let depth = 0;
+	let closeBrace = -1;
+	for (let i = openBrace; i < src.length; i++) {
+		const ch = src[i];
+		if (ch === "{") depth++;
+		else if (ch === "}") {
+			depth--;
+			if (depth === 0) {
+				closeBrace = i;
+				break;
+			}
+		}
+	}
+	if (closeBrace === -1) return null;
+	const body = src.slice(openBrace + 1, closeBrace);
+	const m = body.match(META_THEME_RE);
+	return m ? m[1] : null;
+}
+async function readSlideTheme(abs) {
+	try {
+		const src = await fs.readFile(abs, "utf8");
+		return extractMetaTheme(src);
+	} catch {
+		return 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);
 		return {
 			id,
-			importPath
+			importPath,
+			theme
 		};
-	});
+	}));
 	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 themesJson = JSON.stringify(themesMap);
 	const cases = entries.map((e) => `    case ${JSON.stringify(e.id)}: return import(${JSON.stringify(e.importPath)});`).join("\n");
 	return `// virtual:open-slide/slides — generated
 export const slideIds = ${ids};
+export const slideThemes = ${themesJson};
 
 export async function loadSlide(id) {
   switch (id) {
@@ -2103,17 +2597,17 @@ function openSlidePlugin(opts) {
 			return { server: { fs: { allow: [userCwd] } } };
 		},
 		resolveId(id) {
-			if (id === SLIDES_VMOD) return resolved(SLIDES_VMOD);
-			if (id === CONFIG_VMOD) return resolved(CONFIG_VMOD);
-			if (id === FOLDERS_VMOD) return resolved(FOLDERS_VMOD);
+			if (id === SLIDES_VMOD) return resolved$1(SLIDES_VMOD);
+			if (id === CONFIG_VMOD) return resolved$1(CONFIG_VMOD);
+			if (id === FOLDERS_VMOD) return resolved$1(FOLDERS_VMOD);
 			return null;
 		},
 		async load(id) {
-			if (id === resolved(SLIDES_VMOD)) {
+			if (id === resolved$1(SLIDES_VMOD)) {
 				const files = await findSlides(userCwd, slidesDir);
-				return generateSlidesModule(files, slidesRoot, isDev);
+				return await generateSlidesModule(files, slidesRoot, isDev);
 			}
-			if (id === resolved(CONFIG_VMOD)) {
+			if (id === resolved$1(CONFIG_VMOD)) {
 				const userBuild = config.build ?? {};
 				const buildResolved = isDev ? {
 					showSlideBrowser: true,
@@ -2130,7 +2624,7 @@ function openSlidePlugin(opts) {
 				};
 				return `export default ${JSON.stringify(resolvedConfig)};\n`;
 			}
-			if (id === resolved(FOLDERS_VMOD)) {
+			if (id === resolved$1(FOLDERS_VMOD)) {
 				const manifest = await readFoldersManifest(foldersManifestPath);
 				return `export default ${JSON.stringify(manifest)};\n`;
 			}
@@ -2149,24 +2643,36 @@ function openSlidePlugin(opts) {
 				if (reloadTimer) clearTimeout(reloadTimer);
 				reloadTimer = setTimeout(() => {
 					reloadTimer = null;
-					const mod = server.moduleGraph.getModuleById(resolved(SLIDES_VMOD));
+					const mod = server.moduleGraph.getModuleById(resolved$1(SLIDES_VMOD));
 					if (mod) server.moduleGraph.invalidateModule(mod);
 					server.ws.send({ type: "full-reload" });
 				}, 150);
 			};
-			server.watcher.add(path.join(slidesRoot, "*/index.{tsx,jsx,ts,js}"));
+			if (existsSync(slidesRoot)) server.watcher.add(slidesRoot);
 			server.watcher.on("add", (p) => {
 				if (isSlideEntry(p)) reload();
 			});
 			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);
 				foldersTimer = setTimeout(() => {
 					foldersTimer = null;
-					const mod = server.moduleGraph.getModuleById(resolved(FOLDERS_VMOD));
+					const mod = server.moduleGraph.getModuleById(resolved$1(FOLDERS_VMOD));
 					if (mod) server.moduleGraph.invalidateModule(mod);
 				}, 100);
 			};
@@ -2193,6 +2699,144 @@ async function loadUserConfig(userCwd) {
 	return loaded?.config ?? {};
 }
 
+//#endregion
+//#region src/vite/themes-plugin.ts
+const THEMES_VMOD = "virtual:open-slide/themes";
+function resolved(id) {
+	return `\0${id}`;
+}
+const FM_RE = /^---\r?\n([\s\S]*?)\r?\n---\r?\n?([\s\S]*)$/;
+function parseFrontmatter(raw, themeId) {
+	const match = raw.match(FM_RE);
+	const fmText = match ? match[1] : "";
+	const body = match ? match[2] : raw;
+	const data = {};
+	for (const line of fmText.split(/\r?\n/)) {
+		const m = line.match(/^([A-Za-z0-9_-]+)\s*:\s*(.*)$/);
+		if (!m) continue;
+		let value = m[2].trim();
+		if (value.startsWith("\"") && value.endsWith("\"") || value.startsWith("'") && value.endsWith("'")) value = value.slice(1, -1);
+		data[m[1]] = value;
+	}
+	return {
+		fm: {
+			name: data.name || themeId,
+			description: data.description || ""
+		},
+		body: body.trim()
+	};
+}
+async function findThemes(userCwd, themesDir) {
+	const abs = path.resolve(userCwd, themesDir);
+	if (!existsSync(abs)) return [];
+	const hits = await fg("*.md", {
+		cwd: abs,
+		absolute: true,
+		onlyFiles: true
+	});
+	return hits.sort();
+}
+async function readTheme(mdAbs, themesRoot) {
+	const id = path.basename(mdAbs, ".md");
+	const raw = await fs.readFile(mdAbs, "utf8");
+	const { fm, body } = parseFrontmatter(raw, id);
+	const demoCandidates = [
+		`${id}.demo.tsx`,
+		`${id}.demo.jsx`,
+		`${id}.demo.ts`,
+		`${id}.demo.js`
+	];
+	let demoAbs = null;
+	for (const cand of demoCandidates) {
+		const p = path.join(themesRoot, cand);
+		if (existsSync(p)) {
+			demoAbs = p;
+			break;
+		}
+	}
+	return {
+		id,
+		frontmatter: fm,
+		body,
+		demoAbs
+	};
+}
+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 cases = themes.flatMap((t$3) => {
+		const abs = t$3.demoAbs;
+		if (!abs) return [];
+		const importPath = isDev ? `/@fs/${normalizePath(abs).replace(/^\/+/, "")}` : abs;
+		return [`    case ${JSON.stringify(t$3.id)}: return import(${JSON.stringify(importPath)});`];
+	}).join("\n");
+	return `// virtual:open-slide/themes — generated
+export const themes = ${JSON.stringify(meta)};
+
+export async function loadThemeDemo(id) {
+  switch (id) {
+${cases}
+    default: throw new Error('Theme demo not found: ' + id);
+  }
+}
+`;
+}
+function themesPlugin(opts) {
+	const { userCwd, config } = opts;
+	const themesDir = config.themesDir ?? "themes";
+	const themesRoot = path.resolve(userCwd, themesDir);
+	let isDev = false;
+	return {
+		name: "open-slide:themes",
+		config(_c, env) {
+			isDev = env.command === "serve";
+		},
+		resolveId(id) {
+			if (id === THEMES_VMOD) return resolved(THEMES_VMOD);
+			return null;
+		},
+		async load(id) {
+			if (id !== resolved(THEMES_VMOD)) return null;
+			const files = await findThemes(userCwd, themesDir);
+			const themes = await Promise.all(files.map((f) => readTheme(f, themesRoot)));
+			return generateThemesModule(themes, isDev);
+		},
+		configureServer(server) {
+			const isThemeFile = (p) => {
+				const rel = path.relative(themesRoot, p);
+				if (rel.startsWith("..") || path.isAbsolute(rel)) return false;
+				if (rel.includes(path.sep)) return false;
+				return /\.(md|demo\.(tsx|jsx|ts|js))$/.test(rel);
+			};
+			let reloadTimer = null;
+			const reload = () => {
+				if (reloadTimer) clearTimeout(reloadTimer);
+				reloadTimer = setTimeout(() => {
+					reloadTimer = null;
+					const mod = server.moduleGraph.getModuleById(resolved(THEMES_VMOD));
+					if (mod) server.moduleGraph.invalidateModule(mod);
+					server.ws.send({ type: "full-reload" });
+				}, 150);
+			};
+			if (existsSync(themesRoot)) server.watcher.add(themesRoot);
+			server.watcher.on("add", (p) => {
+				if (isThemeFile(p)) reload();
+			});
+			server.watcher.on("unlink", (p) => {
+				if (isThemeFile(p)) reload();
+			});
+			server.watcher.on("change", (p) => {
+				if (isThemeFile(p)) reload();
+			});
+		}
+	};
+}
+
 //#endregion
 //#region src/vite/config.ts
 function findPackageRoot(fromFile) {
@@ -2209,7 +2853,9 @@ async function createViteConfig(opts) {
 	const userCwd = path.resolve(opts.userCwd);
 	const config = opts.config ?? await loadUserConfig(userCwd);
 	const slidesDir = config.slidesDir ?? "slides";
+	const themesDir = config.themesDir ?? "themes";
 	const slidesAbs = path.resolve(userCwd, slidesDir);
+	const themesAbs = path.resolve(userCwd, themesDir);
 	return {
 		root: APP_ROOT,
 		configFile: false,
@@ -2225,14 +2871,26 @@ async function createViteConfig(opts) {
 				userCwd,
 				config
 			}),
+			themesPlugin({
+				userCwd,
+				config
+			}),
 			designPlugin({ userCwd }),
 			commentsPlugin({
 				userCwd,
 				slidesDir
 			}),
+			notesPlugin({
+				userCwd,
+				slidesDir
+			}),
 			filesPlugin({
 				userCwd,
 				slidesDir
+			}),
+			currentPlugin({
+				userCwd,
+				slidesDir
 			})
 		],
 		resolve: { alias: { "@": APP_ROOT } },
@@ -2266,7 +2924,8 @@ async function createViteConfig(opts) {
 			fs: { allow: [
 				APP_ROOT,
 				userCwd,
-				slidesAbs
+				slidesAbs,
+				themesAbs
 			] }
 		},
 		build: {