@autono/open-pages 0.6.0 → 0.8.0

package/dist/{config-CBbwLHOo.js → config-D_U_aCQz.js}

@@ -1,24 +1,20 @@
-import { defaultDesign } from "./design-C13iz9_4.js";
-import { PAGE_ID_RE, duplicatePageDir, invalidatePagesModule, loadUserConfig, openPagesPlugin, resolvePageEntry, rmPageDir, updateMetaTitleInSource, validatePageName } from "./open-pages-plugin-C0poXLsx.js";
-import { detectPackageManager, fetchLatest, formatCommand, invalidateLatestCache, isOutdated, localOpenPagesCommand, runCommand, updateCommandFor } from "./update-package-D9zws9nc.js";
-import { APP_ROOT, PKG_ROOT, readCoreVersion } from "./version-B6AiiGvT.js";
-import fs from "node:fs/promises";
+import { n as PKG_ROOT, r as readCoreVersion, t as APP_ROOT } from "./version-DZrXLoAD.js";
+import { n as defaultDesign } from "./design-Cpqx7SJs.js";
+import { c as localOpenPagesCommand, i as formatCommand, l as runCommand, n as detectPackageManager, o as invalidateLatestCache, r as fetchLatest, s as isOutdated, u as updateCommandFor } from "./update-package-GaNsVdr8.js";
+import { a as openPagesPlugin, c as resolvePageEntry, d as validatePageName, i as loadUserConfig, l as rmPageDir, o as PAGE_ID_RE, r as invalidatePagesModule, s as duplicatePageDir, u as updateMetaTitleInSource } from "./open-pages-plugin-C8cFhMB9.js";
 import path from "node:path";
-import { randomUUID } from "node:crypto";
 import { existsSync } from "node:fs";
+import fs from "node:fs/promises";
+import { randomUUID } from "node:crypto";
 import tailwindcss from "@tailwindcss/vite";
 import react from "@vitejs/plugin-react";
 import { normalizePath, searchForWorkspaceRoot } from "vite";
 import { parse } from "@babel/parser";
-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 fg from "fast-glob";
-
 //#region src/editing/babel-walk.ts
-const SKIP_KEYS = new Set([
+const SKIP_KEYS = /* @__PURE__ */ new Set([
 	"loc",
 	"start",
 	"end",
@@ -57,19 +53,41 @@ function walkJsx(ast, visit) {
 function walkAll(ast, visit) {
 	walk(ast, visit, acceptAll);
 }
-function parseSource$1(source) {
+/** Parse with error recovery; recoverable syntax errors are kept in `errors`. */
+function tryParse(source) {
 	try {
-		const ast = parse(source, {
+		return parse(source, {
 			sourceType: "module",
 			plugins: ["typescript", "jsx"],
 			errorRecovery: true
 		});
-		return ast.errors && ast.errors.length > 0 ? null : ast;
 	} catch {
 		return null;
 	}
 }
-
+/** `tryParse`, but a source with any recovered error is rejected outright. */
+function parseSource$1(source) {
+	const ast = tryParse(source);
+	if (!ast) return null;
+	return ast.errors && ast.errors.length > 0 ? null : ast;
+}
+/** JSX nodes enclosing (line, column), innermost first. */
+function findJsxAncestors$1(ast, line, column) {
+	const hits = [];
+	walkJsx(ast, (n) => {
+		if (!n.loc || !isJSXElement(n) && !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)
+		});
+	});
+	hits.sort((a, b) => a.size - b.size);
+	return hits.map((h) => h.node);
+}
 //#endregion
 //#region src/editing/edit-ops.ts
 function jsString$1(s) {
@@ -87,34 +105,32 @@ function formatJsxAttrValue(value) {
 	return `{${jsString$1(value)}}`;
 }
 function jsxAttrName(attr) {
-	return t$3.isJSXIdentifier(attr.name) ? attr.name.name : null;
+	return t.isJSXIdentifier(attr.name) ? attr.name.name : null;
 }
 function findJsxAttr(opening, name) {
-	for (const attr of opening.attributes) if (t$3.isJSXAttribute(attr) && jsxAttrName(attr) === name) return attr;
+	for (const attr of opening.attributes) if (t.isJSXAttribute(attr) && jsxAttrName(attr) === name) return attr;
 	return null;
 }
 function readJsxStringAttr(opening, name) {
-	const attr = findJsxAttr(opening, name);
-	const v = attr?.value;
+	const v = findJsxAttr(opening, name)?.value;
 	if (!v) return null;
-	if (t$3.isStringLiteral(v)) return v.value;
-	if (t$3.isJSXExpressionContainer(v) && t$3.isStringLiteral(v.expression)) return v.expression.value;
+	if (t.isStringLiteral(v)) return v.value;
+	if (t.isJSXExpressionContainer(v) && t.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$3.isJSXExpressionContainer(v)) return null;
-	if (!t$3.isNumericLiteral(v.expression)) return null;
+	const v = findJsxAttr(opening, name)?.value;
+	if (!v || !t.isJSXExpressionContainer(v)) return null;
+	if (!t.isNumericLiteral(v.expression)) return null;
 	const n = v.expression.value;
 	return Number.isFinite(n) ? n : null;
 }
 function findImports$1(ast) {
 	const out = [];
 	for (const node of ast.program.body) {
-		if (!t$3.isImportDeclaration(node)) continue;
+		if (!t.isImportDeclaration(node)) continue;
 		let def = null;
-		for (const spec of node.specifiers) if (t$3.isImportDefaultSpecifier(spec)) {
+		for (const spec of node.specifiers) if (t.isImportDefaultSpecifier(spec)) {
 			def = spec.local.name;
 			break;
 		}
@@ -127,10 +143,10 @@ function findImports$1(ast) {
 	return out;
 }
 function collectTopLevelIdentifiers(ast) {
-	const names = new Set();
+	const names = /* @__PURE__ */ 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$3.isImportDefaultSpecifier(spec)) names.add(spec.local.name);
+		for (const spec of imp.node.specifiers) if (!t.isImportDefaultSpecifier(spec)) names.add(spec.local.name);
 	}
 	return names;
 }
@@ -153,10 +169,10 @@ function safeAssetIdentifier(filename, taken) {
 	}
 	return candidate;
 }
-function findJsxAncestors$1(ast, line, column) {
+function findJsxAncestors(ast, line, column) {
 	const hits = [];
 	walkJsx(ast, (n) => {
-		if (!n.loc || !t$3.isJSXElement(n) && !t$3.isJSXFragment(n)) return;
+		if (!n.loc || !t.isJSXElement(n) && !t.isJSXFragment(n)) return;
 		const s = n.loc.start;
 		const e = n.loc.end;
 		const afterStart = line > s.line || line === s.line && column >= s.column;
@@ -172,7 +188,7 @@ function findJsxAncestors$1(ast, line, column) {
 function findJsxByStart(ast, line, column) {
 	let hit = null;
 	walkJsx(ast, (n) => {
-		if (!t$3.isJSXElement(n) || !n.loc) return;
+		if (!t.isJSXElement(n) || !n.loc) return;
 		const s = n.loc.start;
 		if (s.line === line && s.column === column) {
 			hit = n;
@@ -184,13 +200,13 @@ function findJsxByStart(ast, line, column) {
 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$3.isJSXElement(n)) return n;
+	for (const n of findJsxAncestors(ast, line, column)) if (t.isJSXElement(n)) return n;
 	return null;
 }
 function findUniqueElementByText(ast, prevText) {
 	const hits = [];
 	walkJsx(ast, (n) => {
-		if (!t$3.isJSXElement(n)) return;
+		if (!t.isJSXElement(n)) return;
 		const parts = [];
 		collectTextRangeParts(n, parts);
 		if (textRangeContent(parts) !== prevText) return;
@@ -204,8 +220,7 @@ function findUniqueElementByText(ast, prevText) {
 	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;
+	return hits.slice(1).some(({ node }) => (node.start ?? 0) > bestStart || (node.end ?? 0) < bestEnd) ? 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;
@@ -239,19 +254,19 @@ function buildStyleSplice(source, element, ops) {
 	let hasRawEntry = false;
 	if (existing) {
 		const value = existing.value;
-		if (!value || !t$3.isJSXExpressionContainer(value)) return { error: "style attribute has unsupported form" };
+		if (!value || !t.isJSXExpressionContainer(value)) return { error: "style attribute has unsupported form" };
 		const expr = value.expression;
-		if (!t$3.isObjectExpression(expr)) {
+		if (!t.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$3.isObjectProperty(prop) && !prop.computed) {
+		} else for (const prop of expr.properties) if (t.isObjectProperty(prop) && !prop.computed) {
 			let keyName = null;
-			if (t$3.isIdentifier(prop.key)) keyName = prop.key.name;
-			else if (t$3.isStringLiteral(prop.key)) keyName = prop.key.value;
+			if (t.isIdentifier(prop.key)) keyName = prop.key.name;
+			else if (t.isStringLiteral(prop.key)) keyName = prop.key.value;
 			if (!keyName) return { error: "style has unsupported key" };
 			const v = prop.value;
 			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" };
@@ -298,15 +313,14 @@ function buildStyleSplice(source, element, ops) {
 			text: ""
 		};
 	}
-	const propsText = entries.map((entry) => entry.kind === "prop" ? `${entry.keyText}: ${entry.valueText}` : entry.text).join(", ");
-	const newAttr = `style={{ ${propsText} }}`;
+	const newAttr = `style={{ ${entries.map((entry) => entry.kind === "prop" ? `${entry.keyText}: ${entry.valueText}` : entry.text).join(", ")} }}`;
 	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]+/, "");
+		const lastAttr = opening.attributes[opening.attributes.length - 1];
+		if (lastAttr && lastAttr !== existing && typeof lastAttr.end === "number") {
+			const attrsAfterStyle = source.slice(existing.end ?? 0, lastAttr.end).replace(/^[ \t]+/, "");
 			return {
 				from: existing.start ?? 0,
-				to: lastAttr$1.end,
+				to: lastAttr.end,
 				text: `${attrsAfterStyle} ${newAttr}`
 			};
 		}
@@ -316,8 +330,7 @@ function buildStyleSplice(source, element, ops) {
 			text: newAttr
 		};
 	}
-	const lastAttr = opening.attributes[opening.attributes.length - 1];
-	const at = lastAttr?.end ?? opening.name.end ?? 0;
+	const at = opening.attributes[opening.attributes.length - 1]?.end ?? opening.name.end ?? 0;
 	return {
 		from: at,
 		to: at,
@@ -330,7 +343,7 @@ function formatJsxText(value) {
 }
 function meaningfulChildren(parent) {
 	return parent.children.filter((c) => {
-		if (t$3.isJSXText(c)) return c.value.trim() !== "";
+		if (t.isJSXText(c)) return c.value.trim() !== "";
 		return true;
 	});
 }
@@ -397,14 +410,14 @@ function cleanJsxTextWithOffsets(value) {
 	};
 }
 function isJsxBrElement(node) {
-	if (!t$3.isJSXElement(node)) return false;
+	if (!t.isJSXElement(node)) return false;
 	const name = node.openingElement.name;
-	return t$3.isJSXIdentifier(name) && name.name.toLowerCase() === "br";
+	return t.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$3.isJSXText(child)) {
+	for (const child of meaningful) if (t.isJSXText(child)) {
 		const current = child.value.trim();
 		if (!current) continue;
 		out.push({
@@ -415,9 +428,9 @@ function collectTextCandidates(element, out) {
 				text: formatJsxText(v)
 			}
 		});
-	} else if (t$3.isJSXExpressionContainer(child)) {
+	} else if (t.isJSXExpressionContainer(child)) {
 		const expr = child.expression;
-		if (t$3.isStringLiteral(expr) || t$3.isNumericLiteral(expr)) {
+		if (t.isStringLiteral(expr) || t.isNumericLiteral(expr)) {
 			const current = String(expr.value);
 			out.push({
 				current,
@@ -428,7 +441,7 @@ function collectTextCandidates(element, out) {
 				}
 			});
 		}
-	} else if (t$3.isJSXElement(child) || t$3.isJSXFragment(child)) collectTextCandidates(child, out);
+	} else if (t.isJSXElement(child) || t.isJSXFragment(child)) collectTextCandidates(child, out);
 }
 function collectTextRangeParts(element, out) {
 	const parts = [];
@@ -436,7 +449,7 @@ function collectTextRangeParts(element, out) {
 	out.push(...normalizeTextRangeParts(parts));
 }
 function collectTextRangePartsRaw(element, out) {
-	for (const child of element.children) if (t$3.isJSXText(child)) {
+	for (const child of element.children) if (t.isJSXText(child)) {
 		const { text: current, offsets } = cleanJsxTextWithOffsets(child.value);
 		if (current) out.push({
 			node: child,
@@ -446,9 +459,9 @@ function collectTextRangePartsRaw(element, out) {
 			text: formatJsxText,
 			offsets
 		});
-	} else if (t$3.isJSXExpressionContainer(child)) {
+	} else if (t.isJSXExpressionContainer(child)) {
 		const expression = child.expression;
-		if (t$3.isStringLiteral(expression) || t$3.isNumericLiteral(expression)) {
+		if (t.isStringLiteral(expression) || t.isNumericLiteral(expression)) {
 			const raw = String(expression.value);
 			const current = raw;
 			if (current) out.push({
@@ -464,7 +477,7 @@ function collectTextRangePartsRaw(element, out) {
 		node: child,
 		current: "\n"
 	});
-	else if (t$3.isJSXElement(child) || t$3.isJSXFragment(child)) collectTextRangePartsRaw(child, out);
+	else if (t.isJSXElement(child) || t.isJSXFragment(child)) collectTextRangePartsRaw(child, out);
 }
 function normalizeTextRangeParts(parts) {
 	return parts.flatMap((part, index) => {
@@ -627,7 +640,7 @@ function buildTextRangeStyleSplices(ast, source, element, start, end, op, prevTe
 			leafStart = leafEnd;
 			continue;
 		}
-		if (selectedStart === leafStart && selectedEnd === leafEnd && t$3.isJSXElement(leaf.parent) && leaf.parent !== element && isOnlyMeaningfulChild(leaf.parent, leaf.node)) {
+		if (selectedStart === leafStart && selectedEnd === leafEnd && t.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);
@@ -643,8 +656,8 @@ function buildTextRangeStyleSplices(ast, source, element, start, end, op, prevTe
 		const before = raw.slice(0, rawStart);
 		const selected = leaf.current.slice(localStart, localEnd);
 		const after = raw.slice(rawEnd);
-		const beforeText = t$3.isJSXText(leaf.node) ? before : formatOptionalText(before, leaf.text);
-		const afterText = t$3.isJSXText(leaf.node) ? after : formatOptionalText(after, leaf.text);
+		const beforeText = t.isJSXText(leaf.node) ? before : formatOptionalText(before, leaf.text);
+		const afterText = t.isJSXText(leaf.node) ? after : formatOptionalText(after, leaf.text);
 		splices.push(spliceRange(leaf.node, `${beforeText}${styleSpanForText(selected, op.key, op.value)}${afterText}`));
 		leafStart = leafEnd;
 	}
@@ -654,8 +667,8 @@ function propPassthroughName(element) {
 	const meaningful = meaningfulChildren(element);
 	if (meaningful.length !== 1) return null;
 	const child = meaningful[0];
-	if (!t$3.isJSXExpressionContainer(child)) return null;
-	return t$3.isIdentifier(child.expression) ? child.expression.name : null;
+	if (!t.isJSXExpressionContainer(child)) return null;
+	return t.isIdentifier(child.expression) ? child.expression.name : null;
 }
 function findEnclosingComponent(ast, target) {
 	let best = null;
@@ -677,17 +690,17 @@ function findEnclosingComponent(ast, target) {
 		}
 	};
 	const visitDecl = (decl) => {
-		if (t$3.isFunctionDeclaration(decl) && decl.id) consider(decl.id.name, decl);
-		else if (t$3.isVariableDeclaration(decl)) for (const d of decl.declarations) {
-			if (!t$3.isVariableDeclarator(d) || !t$3.isIdentifier(d.id) || !d.init) continue;
-			if (t$3.isArrowFunctionExpression(d.init) || t$3.isFunctionExpression(d.init)) consider(d.id.name, d.init);
+		if (t.isFunctionDeclaration(decl) && decl.id) consider(decl.id.name, decl);
+		else if (t.isVariableDeclaration(decl)) for (const d of decl.declarations) {
+			if (!t.isVariableDeclarator(d) || !t.isIdentifier(d.id) || !d.init) continue;
+			if (t.isArrowFunctionExpression(d.init) || t.isFunctionExpression(d.init)) consider(d.id.name, d.init);
 		}
 	};
 	for (const decl of ast.program.body) {
 		visitDecl(decl);
-		if (t$3.isExportNamedDeclaration(decl) || t$3.isExportDefaultDeclaration(decl)) {
+		if (t.isExportNamedDeclaration(decl) || t.isExportDefaultDeclaration(decl)) {
 			const inner = decl.declaration;
-			if (inner && (t$3.isStatement(inner) || t$3.isFunctionDeclaration(inner))) visitDecl(inner);
+			if (inner && (t.isStatement(inner) || t.isFunctionDeclaration(inner))) visitDecl(inner);
 		}
 	}
 	return best;
@@ -695,40 +708,40 @@ function findEnclosingComponent(ast, target) {
 function componentDestructuresProp(fn, propName) {
 	if (fn.params.length === 0) return false;
 	let first = fn.params[0];
-	if (t$3.isAssignmentPattern(first)) first = first.left;
-	if (!t$3.isObjectPattern(first)) return false;
+	if (t.isAssignmentPattern(first)) first = first.left;
+	if (!t.isObjectPattern(first)) return false;
 	for (const prop of first.properties) {
-		if (!t$3.isObjectProperty(prop)) continue;
-		if (t$3.isIdentifier(prop.key) && prop.key.name === propName) return true;
-		if (t$3.isStringLiteral(prop.key) && prop.key.value === propName) return true;
+		if (!t.isObjectProperty(prop)) continue;
+		if (t.isIdentifier(prop.key) && prop.key.name === propName) return true;
+		if (t.isStringLiteral(prop.key) && prop.key.value === propName) return true;
 	}
 	return false;
 }
 function collectCallSiteCandidates(ast, componentName) {
 	const out = [];
 	walkJsx(ast, (n) => {
-		if (!t$3.isJSXElement(n)) return;
+		if (!t.isJSXElement(n)) return;
 		const elName = n.openingElement.name;
-		if (t$3.isJSXIdentifier(elName) && elName.name === componentName) collectTextCandidates(n, out);
+		if (t.isJSXIdentifier(elName) && elName.name === componentName) collectTextCandidates(n, out);
 	});
 	return out;
 }
 function collectPropCallSiteCandidates(ast, componentName, propName) {
 	const out = [];
 	walkJsx(ast, (n) => {
-		if (!t$3.isJSXElement(n)) return;
+		if (!t.isJSXElement(n)) return;
 		const elName = n.openingElement.name;
-		if (!t$3.isJSXIdentifier(elName) || elName.name !== componentName) return;
+		if (!t.isJSXIdentifier(elName) || elName.name !== componentName) return;
 		const attr = findJsxAttr(n.openingElement, propName);
 		if (!attr?.value) return;
 		const v = attr.value;
-		if (t$3.isStringLiteral(v)) out.push({
+		if (t.isStringLiteral(v)) out.push({
 			current: v.value,
 			splice: (s) => spliceRange(v, formatJsxAttrValue(s))
 		});
-		else if (t$3.isJSXExpressionContainer(v)) {
+		else if (t.isJSXExpressionContainer(v)) {
 			const expr = v.expression;
-			if (t$3.isStringLiteral(expr) || t$3.isNumericLiteral(expr)) out.push({
+			if (t.isStringLiteral(expr) || t.isNumericLiteral(expr)) out.push({
 				current: String(expr.value),
 				splice: (s) => spliceRange(v, formatJsxAttrValue(s))
 			});
@@ -741,17 +754,17 @@ function findEnclosingMapCallback(ast, target) {
 	const targetStart = target.start ?? 0;
 	const targetEnd = target.end ?? 0;
 	walkAll(ast, (node) => {
-		if (!t$3.isCallExpression(node)) return;
+		if (!t.isCallExpression(node)) return;
 		const callee = node.callee;
-		if (!t$3.isMemberExpression(callee) || callee.computed) return;
-		if (!t$3.isIdentifier(callee.property)) return;
+		if (!t.isMemberExpression(callee) || callee.computed) return;
+		if (!t.isIdentifier(callee.property)) return;
 		if (callee.property.name !== "map" && callee.property.name !== "flatMap") return;
 		const fn = node.arguments[0];
-		if (!fn || !t$3.isArrowFunctionExpression(fn) && !t$3.isFunctionExpression(fn)) return;
+		if (!fn || !t.isArrowFunctionExpression(fn) && !t.isFunctionExpression(fn)) return;
 		const fnStart = fn.start ?? 0;
 		const fnEnd = fn.end ?? 0;
 		if (fnStart > targetStart || fnEnd < targetEnd) return;
-		if (!t$3.isExpression(callee.object)) return;
+		if (!t.isExpression(callee.object)) return;
 		const size = fnEnd - fnStart;
 		if (!best || size < best.size) best = {
 			fn,
@@ -768,26 +781,26 @@ function findEnclosingMapCallback(ast, target) {
 }
 function resolveArrayLiteralElements(ast, expr) {
 	const dropHoles = (arr) => arr.elements.filter((e) => e != null);
-	if (t$3.isArrayExpression(expr)) return dropHoles(expr);
-	if (!t$3.isIdentifier(expr)) return null;
+	if (t.isArrayExpression(expr)) return dropHoles(expr);
+	if (!t.isIdentifier(expr)) return null;
 	const name = expr.name;
 	const useStart = expr.start ?? 0;
 	let init = null;
 	walkAll(ast, (node) => {
-		if (!t$3.isVariableDeclarator(node)) return;
-		if (!t$3.isIdentifier(node.id) || node.id.name !== name) return;
-		if (!node.init || !t$3.isArrayExpression(node.init)) return;
+		if (!t.isVariableDeclarator(node)) return;
+		if (!t.isIdentifier(node.id) || node.id.name !== name) return;
+		if (!node.init || !t.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$3.isObjectExpression(obj)) return null;
+	if (!t.isObjectExpression(obj)) return null;
 	for (const prop of obj.properties) {
-		if (!t$3.isObjectProperty(prop) || prop.computed) continue;
-		if (t$3.isIdentifier(prop.key) && prop.key.name === name) return prop;
-		if (t$3.isStringLiteral(prop.key) && prop.key.value === name) return prop;
+		if (!t.isObjectProperty(prop) || prop.computed) continue;
+		if (t.isIdentifier(prop.key) && prop.key.name === name) return prop;
+		if (t.isStringLiteral(prop.key) && prop.key.value === name) return prop;
 	}
 	return null;
 }
@@ -795,22 +808,22 @@ function decodeMapPassthrough(element, callbackParam) {
 	const meaningful = meaningfulChildren(element);
 	if (meaningful.length !== 1) return null;
 	const child = meaningful[0];
-	if (!t$3.isJSXExpressionContainer(child)) return null;
+	if (!t.isJSXExpressionContainer(child)) return null;
 	const expr = child.expression;
-	if (t$3.isMemberExpression(expr)) {
+	if (t.isMemberExpression(expr)) {
 		if (expr.computed) return null;
-		if (!t$3.isIdentifier(expr.object) || !t$3.isIdentifier(expr.property)) return null;
-		if (!callbackParam || !t$3.isIdentifier(callbackParam)) return null;
+		if (!t.isIdentifier(expr.object) || !t.isIdentifier(expr.property)) return null;
+		if (!callbackParam || !t.isIdentifier(callbackParam)) return null;
 		if (callbackParam.name !== expr.object.name) return null;
 		return expr.property.name;
 	}
-	if (t$3.isIdentifier(expr)) {
+	if (t.isIdentifier(expr)) {
 		const fieldName = expr.name;
-		if (!callbackParam || !t$3.isObjectPattern(callbackParam)) return null;
+		if (!callbackParam || !t.isObjectPattern(callbackParam)) return null;
 		for (const prop of callbackParam.properties) {
-			if (!t$3.isObjectProperty(prop) || prop.computed) continue;
-			if (!t$3.isIdentifier(prop.key) || prop.key.name !== fieldName) continue;
-			return t$3.isIdentifier(prop.value) && prop.value.name === fieldName ? fieldName : null;
+			if (!t.isObjectProperty(prop) || prop.computed) continue;
+			if (!t.isIdentifier(prop.key) || prop.key.name !== fieldName) continue;
+			return t.isIdentifier(prop.value) && prop.value.name === fieldName ? fieldName : null;
 		}
 	}
 	return null;
@@ -827,11 +840,11 @@ function collectArrayMapCandidates(ast, element) {
 		const prop = findObjectProperty(obj, fieldName);
 		if (!prop) continue;
 		const v = prop.value;
-		if (t$3.isStringLiteral(v)) out.push({
+		if (t.isStringLiteral(v)) out.push({
 			current: v.value,
 			splice: (s) => spliceRange(v, jsString$1(s))
 		});
-		else if (t$3.isNumericLiteral(v)) out.push({
+		else if (t.isNumericLiteral(v)) out.push({
 			current: String(v.value),
 			splice: (s) => spliceRange(v, jsString$1(s))
 		});
@@ -871,18 +884,16 @@ function planAssetImport(ast, assetPath) {
 		identifier: imp.defaultIdent,
 		importSplice: null
 	};
-	const filename = assetPath.slice(assetPath.lastIndexOf("/") + 1);
-	const identifier = safeAssetIdentifier(filename, collectTopLevelIdentifiers(ast));
+	const identifier = safeAssetIdentifier(assetPath.slice(assetPath.lastIndexOf("/") + 1), collectTopLevelIdentifiers(ast));
 	const importStmt = `import ${identifier} from '${assetPath.replace(/'/g, "\\'")}';\n`;
 	const last = imports[imports.length - 1];
 	const insertAt = last ? last.node.end ?? 0 : 0;
-	const prefix = last ? "\n" : "";
 	return {
 		identifier,
 		importSplice: {
 			from: insertAt,
 			to: insertAt,
-			text: prefix + importStmt
+			text: (last ? "\n" : "") + importStmt
 		}
 	};
 }
@@ -893,23 +904,22 @@ function planAssetAttr(ast, element, attr, assetPath) {
 	const opening = element.openingElement;
 	const newAttr = `${attr}={${identifier}}`;
 	const existing = findJsxAttr(opening, attr);
-	const attrSplice = existing ? {
-		from: existing.start ?? 0,
-		to: existing.end ?? 0,
-		text: newAttr
-	} : {
-		from: opening.name.end ?? 0,
-		to: opening.name.end ?? 0,
-		text: ` ${newAttr}`
-	};
 	return {
 		importSplice,
-		attrSplice
+		attrSplice: existing ? {
+			from: existing.start ?? 0,
+			to: existing.end ?? 0,
+			text: newAttr
+		} : {
+			from: opening.name.end ?? 0,
+			to: opening.name.end ?? 0,
+			text: ` ${newAttr}`
+		}
 	};
 }
 function planReplacePlaceholder(ast, element, assetPath) {
 	const opening = element.openingElement;
-	if (!t$3.isJSXIdentifier(opening.name) || opening.name.name !== "ImagePlaceholder") return { error: "not a placeholder" };
+	if (!t.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");
@@ -922,10 +932,9 @@ function planReplacePlaceholder(ast, element, assetPath) {
 	else if (width != null) styleParts.push(`height: '100%'`);
 	styleParts.push(`objectFit: 'cover'`);
 	styleParts.push(`objectPosition: '50% 50%'`);
-	const replacement = `<img src={${identifier}} alt=${jsString$1(hint)} style={{ ${styleParts.join(", ")} }} />`;
 	return {
 		importSplice,
-		elementSplice: spliceRange(element, replacement)
+		elementSplice: spliceRange(element, `<img src={${identifier}} alt=${jsString$1(hint)} style={{ ${styleParts.join(", ")} }} />`)
 	};
 }
 function applyEdit(source, line, column, ops) {
@@ -1049,20 +1058,19 @@ function applyEdit(source, line, column, ops) {
 		source: next
 	};
 }
-
 //#endregion
 //#region src/editing/revert-asset.ts
 function collectImgSrcUses(ast, identifier) {
 	const uses = [];
 	walkJsx(ast, (n) => {
-		if (!t$2.isJSXElement(n)) return;
+		if (!t.isJSXElement(n)) return;
 		const opening = n.openingElement;
-		if (!t$2.isJSXIdentifier(opening.name) || opening.name.name !== "img") return;
+		if (!t.isJSXIdentifier(opening.name) || opening.name.name !== "img") return;
 		const src = findJsxAttr(opening, "src");
 		if (!src?.value) return;
-		if (!t$2.isJSXExpressionContainer(src.value)) return;
+		if (!t.isJSXExpressionContainer(src.value)) return;
 		const expr = src.value.expression;
-		if (!t$2.isIdentifier(expr) || expr.name !== identifier) return;
+		if (!t.isIdentifier(expr) || expr.name !== identifier) return;
 		uses.push({
 			element: n,
 			identNode: expr
@@ -1073,17 +1081,16 @@ function collectImgSrcUses(ast, identifier) {
 function readStyleNumericDim(opening, key) {
 	const style = findJsxAttr(opening, "style");
 	if (!style?.value) return null;
-	if (!t$2.isJSXExpressionContainer(style.value)) return null;
+	if (!t.isJSXExpressionContainer(style.value)) return null;
 	const obj = style.value.expression;
-	if (!t$2.isObjectExpression(obj)) return null;
+	if (!t.isObjectExpression(obj)) return null;
 	for (const prop of obj.properties) {
-		if (!t$2.isObjectProperty(prop)) continue;
+		if (!t.isObjectProperty(prop)) continue;
 		if (prop.computed) continue;
 		const k = prop.key;
-		const keyName = t$2.isIdentifier(k) ? k.name : t$2.isStringLiteral(k) ? k.value : null;
-		if (keyName !== key) continue;
+		if ((t.isIdentifier(k) ? k.name : t.isStringLiteral(k) ? k.value : null) !== key) continue;
 		const v = prop.value;
-		if (t$2.isNumericLiteral(v) && Number.isFinite(v.value)) return v.value;
+		if (t.isNumericLiteral(v) && Number.isFinite(v.value)) return v.value;
 		return null;
 	}
 	return null;
@@ -1102,31 +1109,29 @@ function planEnsureImagePlaceholderImport(ast) {
 		if (imp.source !== "@autono/open-pages") continue;
 		const declIsTypeOnly = readKind(imp.node);
 		for (const spec of imp.node.specifiers) {
-			if (!t$2.isImportSpecifier(spec)) continue;
+			if (!t.isImportSpecifier(spec)) continue;
 			const imported = spec.imported;
-			const name = t$2.isIdentifier(imported) ? imported.name : imported.value;
-			if (name !== "ImagePlaceholder") continue;
-			const specIsTypeOnly = readKind(spec) || declIsTypeOnly;
-			if (!specIsTypeOnly) return null;
+			if ((t.isIdentifier(imported) ? imported.name : imported.value) !== "ImagePlaceholder") continue;
+			if (!(readKind(spec) || declIsTypeOnly)) return null;
 		}
 		if (!declIsTypeOnly && !valueImport) valueImport = imp;
 	}
 	if (valueImport) {
 		const node = valueImport.node;
 		const lastSpec = node.specifiers[node.specifiers.length - 1];
-		if (lastSpec && t$2.isImportSpecifier(lastSpec)) {
-			const insertAt$1 = lastSpec.end ?? 0;
+		if (lastSpec && t.isImportSpecifier(lastSpec)) {
+			const insertAt = lastSpec.end ?? 0;
 			return {
-				from: insertAt$1,
-				to: insertAt$1,
+				from: insertAt,
+				to: insertAt,
 				text: ", ImagePlaceholder"
 			};
 		}
-		if (lastSpec && t$2.isImportDefaultSpecifier(lastSpec)) {
-			const insertAt$1 = lastSpec.end ?? 0;
+		if (lastSpec && t.isImportDefaultSpecifier(lastSpec)) {
+			const insertAt = lastSpec.end ?? 0;
 			return {
-				from: insertAt$1,
-				to: insertAt$1,
+				from: insertAt,
+				to: insertAt,
 				text: ", { ImagePlaceholder }"
 			};
 		}
@@ -1146,28 +1151,27 @@ function planEnsureImagePlaceholderImport(ast) {
 function findAssetUsages(source, assetPath) {
 	const ast = parseSource$1(source);
 	if (!ast) return 0;
-	const imports = findImports$1(ast);
-	const target = imports.find((imp) => imp.source === assetPath && imp.defaultIdent);
+	const target = findImports$1(ast).find((imp) => imp.source === assetPath && imp.defaultIdent);
 	if (!target?.defaultIdent) return 0;
 	return collectImgSrcUses(ast, target.defaultIdent).length;
 }
 function findReferencedAssets(source, assetPaths) {
-	const referenced = new Set();
+	const referenced = /* @__PURE__ */ new Set();
 	if (assetPaths.length === 0) return referenced;
 	const ast = parseSource$1(source);
 	if (!ast) return referenced;
 	const wanted = new Set(assetPaths);
-	const identToPath = new Map();
-	const importLocals = new Set();
+	const identToPath = /* @__PURE__ */ new Map();
+	const importLocals = /* @__PURE__ */ new Set();
 	for (const imp of findImports$1(ast)) {
 		if (!imp.defaultIdent) continue;
 		if (!wanted.has(imp.source)) continue;
 		identToPath.set(imp.defaultIdent, imp.source);
-		for (const spec of imp.node.specifiers) if (t$2.isImportDefaultSpecifier(spec) && spec.local.name === imp.defaultIdent) importLocals.add(spec.local);
+		for (const spec of imp.node.specifiers) if (t.isImportDefaultSpecifier(spec) && spec.local.name === imp.defaultIdent) importLocals.add(spec.local);
 	}
 	if (identToPath.size === 0) return referenced;
 	walkAll(ast, (n) => {
-		if (!t$2.isIdentifier(n)) return;
+		if (!t.isIdentifier(n)) return;
 		const p = identToPath.get(n.name);
 		if (!p) return;
 		if (importLocals.has(n)) return;
@@ -1182,15 +1186,14 @@ function applyRevertAsset(source, assetPath) {
 		status: 422,
 		error: "could not parse source"
 	};
-	const imports = findImports$1(ast);
-	const target = imports.find((imp) => imp.source === assetPath && imp.defaultIdent);
+	const target = findImports$1(ast).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$2.isImportDefaultSpecifier(spec) && spec.local.name === identifier) return spec.local;
+		for (const spec of target.node.specifiers) if (t.isImportDefaultSpecifier(spec) && spec.local.name === identifier) return spec.local;
 		return null;
 	})();
 	const imgUses = collectImgSrcUses(ast, identifier);
@@ -1198,7 +1201,7 @@ function applyRevertAsset(source, assetPath) {
 	if (importLocal) allowed.add(importLocal);
 	let foreign = false;
 	walkAll(ast, (n) => {
-		if (!t$2.isIdentifier(n) || n.name !== identifier) return;
+		if (!t.isIdentifier(n) || n.name !== identifier) return;
 		if (!allowed.has(n)) foreign = true;
 	});
 	if (foreign) return {
@@ -1242,11 +1245,9 @@ function applyRevertAsset(source, assetPath) {
 		source: next
 	};
 }
-
 //#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",
@@ -1290,42 +1291,27 @@ function validateAssetName(v) {
 }
 function resolveAssetsDir(pagesRoot, pageId) {
 	if (!PAGE_ID_RE.test(pageId)) return null;
-	const docDir = path.resolve(pagesRoot, pageId);
-	if (!docDir.startsWith(pagesRoot + path.sep)) return null;
-	const assetsDir = path.resolve(docDir, "assets");
-	if (assetsDir !== path.join(docDir, "assets")) return null;
-	return assetsDir;
-}
-function resolveAssetFile(pagesRoot, pageId, filename) {
-	const assetsDir = resolveAssetsDir(pagesRoot, pageId);
-	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;
+	const pageDir = path.resolve(pagesRoot, pageId);
+	if (!pageDir.startsWith(pagesRoot + path.sep)) return null;
+	return path.join(pageDir, "assets");
 }
 function resolveScopedAssetsDir(pagesRoot, globalAssetsRoot, scope) {
-	if (scope === GLOBAL_SCOPE) return globalAssetsRoot;
+	if (scope === "@global") return globalAssetsRoot;
 	return resolveAssetsDir(pagesRoot, scope);
 }
 function resolveScopedAssetFile(pagesRoot, 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;
-	}
-	return resolveAssetFile(pagesRoot, scope, filename);
+	const assetsDir = resolveScopedAssetsDir(pagesRoot, globalAssetsRoot, scope);
+	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;
 }
-
 //#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;
+	const raw = req.headers[name.toLowerCase()];
+	return (Array.isArray(raw) ? raw[0] : raw)?.trim() ?? null;
 }
 function firstCommaToken(value) {
 	if (!value) return null;
@@ -1347,15 +1333,13 @@ function normalizedOrigin(origin) {
 }
 function validateMutationRequest(req, opts = {}) {
 	if (opts.requireJsonBody) {
-		const contentType = headerValue(req, "content-type")?.toLowerCase();
-		if (!contentType || !contentType.startsWith("application/json")) return {
+		if (!(headerValue(req, "content-type")?.toLowerCase())?.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 {
+	if (firstCommaToken(headerValue(req, "sec-fetch-site"))?.toLowerCase() === "cross-site") return {
 		ok: false,
 		status: 403,
 		error: "cross-site request blocked"
@@ -1379,15 +1363,90 @@ function validateMutationRequest(req, opts = {}) {
 		status: 400,
 		error: "missing host header"
 	};
-	const expectedOrigin = `${requestProto(req)}://${host}`.toLowerCase();
-	if (actualOrigin !== expectedOrigin) return {
+	if (actualOrigin !== `${requestProto(req)}://${host}`.toLowerCase()) return {
 		ok: false,
 		status: 403,
 		error: "origin mismatch"
 	};
 	return { ok: true };
 }
-
+//#endregion
+//#region src/files/short-id.ts
+function shortId(prefix) {
+	return `${prefix}-${randomUUID().replace(/-/g, "").slice(0, 8)}`;
+}
+//#endregion
+//#region src/files/folders.ts
+const FOLDER_ID_RE = /^f-[a-f0-9]{8}$/;
+const COLOR_RE = /^#[0-9a-fA-F]{6}$/;
+function foldersManifestPath(pagesRoot) {
+	return path.join(pagesRoot, ".folders.json");
+}
+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 shortId("f");
+}
+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 validateReorder(v, current) {
+	if (!Array.isArray(v) || v.length !== current.length) return null;
+	const known = new Set(current.map((f) => f.id));
+	const seen = /* @__PURE__ */ new Set();
+	const out = [];
+	for (const id of v) {
+		if (typeof id !== "string" || !FOLDER_ID_RE.test(id)) return null;
+		if (!known.has(id) || seen.has(id)) return null;
+		seen.add(id);
+		out.push(id);
+	}
+	return out;
+}
+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 {
+			type: "emoji",
+			value: icon.value
+		};
+	}
+	if (icon.type === "color") {
+		if (typeof icon.value !== "string" || !COLOR_RE.test(icon.value)) return null;
+		return {
+			type: "color",
+			value: icon.value
+		};
+	}
+	return null;
+}
 //#endregion
 //#region src/vite/routes/context.ts
 function makeContext(opts) {
@@ -1395,14 +1454,12 @@ function makeContext(opts) {
 	const pagesDir = opts.pagesDir ?? "pages";
 	const assetsDir = opts.assetsDir ?? "assets";
 	const pagesRoot = path.resolve(userCwd, pagesDir);
-	const globalAssetsRoot = path.resolve(userCwd, assetsDir);
-	const manifestPath = path.join(pagesRoot, ".folders.json");
 	return {
 		userCwd,
 		pagesDir,
 		pagesRoot,
-		globalAssetsRoot,
-		manifestPath,
+		globalAssetsRoot: path.resolve(userCwd, assetsDir),
+		manifestPath: foldersManifestPath(pagesRoot),
 		coreVersion: opts.coreVersion
 	};
 }
@@ -1437,7 +1494,6 @@ function resolvePagePath(userCwd, pagesDir, pageId) {
 function resolvePageEntryPath(ctx, pageId) {
 	return resolvePagePath(ctx.userCwd, ctx.pagesDir, pageId);
 }
-
 //#endregion
 //#region src/vite/routes/assets.ts
 function registerAssetRoutes(server, ctx) {
@@ -1456,8 +1512,7 @@ function registerAssetRoutes(server, ctx) {
 				const assetPath = isGlobal ? `@assets/${filename}` : `./assets/${filename}`;
 				let pageIds;
 				if (isGlobal) try {
-					const entries = await fs.readdir(ctx.pagesRoot, { withFileTypes: true });
-					pageIds = entries.filter((e) => e.isDirectory() && PAGE_ID_RE.test(e.name)).map((e) => e.name);
+					pageIds = (await fs.readdir(ctx.pagesRoot, { withFileTypes: true })).filter((e) => e.isDirectory() && PAGE_ID_RE.test(e.name)).map((e) => e.name);
 				} catch {
 					pageIds = [];
 				}
@@ -1521,8 +1576,7 @@ function registerAssetRoutes(server, ctx) {
 					const isGlobal = pageId === GLOBAL_SCOPE;
 					let scanIds;
 					if (isGlobal) try {
-						const dirs = await fs.readdir(ctx.pagesRoot, { withFileTypes: true });
-						scanIds = dirs.filter((e) => e.isDirectory() && PAGE_ID_RE.test(e.name)).map((e) => e.name);
+						scanIds = (await fs.readdir(ctx.pagesRoot, { withFileTypes: true })).filter((e) => e.isDirectory() && PAGE_ID_RE.test(e.name)).map((e) => e.name);
 					} catch {
 						scanIds = [];
 					}
@@ -1568,7 +1622,7 @@ function registerAssetRoutes(server, ctx) {
 					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 > 26214400) return json(res, 413, { error: "file too large" });
 					if (!overwrite) try {
 						await fs.access(file);
 						return json(res, 409, { error: "asset exists" });
@@ -1582,7 +1636,7 @@ function registerAssetRoutes(server, ctx) {
 					await new Promise((resolve, reject) => {
 						req.on("data", (c) => {
 							total += c.length;
-							if (total > ASSET_MAX_BYTES) {
+							if (total > 26214400) {
 								oversized = true;
 								req.destroy();
 								return;
@@ -1608,8 +1662,7 @@ function registerAssetRoutes(server, ctx) {
 				if (method === "PATCH") {
 					const requestCheck = validateMutationRequest(req, { requireJsonBody: true });
 					if (!requestCheck.ok) return json(res, requestCheck.status, { error: requestCheck.error });
-					const body = await readBody(req);
-					const target = validateAssetName(body.name);
+					const target = validateAssetName((await readBody(req)).name);
 					if (!target) return json(res, 400, { error: "invalid name" });
 					if (target === filename) return json(res, 200, {
 						ok: true,
@@ -1650,10 +1703,9 @@ function registerAssetRoutes(server, ctx) {
 		}
 	});
 }
-
 //#endregion
 //#region src/editing/comments.ts
-const MARKER_RE = /\{\/\*\s*@page-comment\s+id="(c-[a-f0-9]+)"\s+ts="([^"]+)"\s+text="([A-Za-z0-9_-]+={0,2})"\s*\*\/\}/g;
+const MARKER_RE = /\{\/\*\s*@page-comment\s+id="(c-[a-f0-9]+)"\s+ts="([^"]+)"\s+text="([A-Za-z0-9_-]+={0,2})"\s*\*\/\}/;
 function b64urlEncode(s) {
 	return Buffer.from(s, "utf8").toString("base64").replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
 }
@@ -1665,9 +1717,7 @@ 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);
+		const m = lines[i].match(MARKER_RE);
 		if (!m) continue;
 		const [, id, ts, textB64] = m;
 		try {
@@ -1684,7 +1734,7 @@ function parseMarkers(source) {
 	return comments;
 }
 function newCommentId() {
-	return `c-${randomUUID().replace(/-/g, "").slice(0, 8)}`;
+	return shortId("c");
 }
 function markerDeleteRegex(id) {
 	return new RegExp(`\\{\\/\\*\\s*@page-comment\\s+id="${id}"\\s+ts="[^"]+"\\s+text="[A-Za-z0-9_\\-]+={0,2}"\\s*\\*\\/\\}`);
@@ -1700,50 +1750,19 @@ function lineToOffset(source, line) {
 }
 function lineIndent(source, lineNumber) {
 	const start = lineToOffset(source, lineNumber);
-	const m = source.slice(start, start + 200).match(/^[ \t]*/);
-	return m?.[0] ?? "";
-}
-function findJsxAncestors(ast, line, column) {
-	const hits = [];
-	walkJsx(ast, (n) => {
-		if (!n.loc || !t$1.isJSXElement(n) && !t$1.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)
-		});
-	});
-	hits.sort((a, b) => a.size - b.size);
-	return hits.map((h) => h.node);
+	return source.slice(start, start + 200).match(/^[ \t]*/)?.[0] ?? "";
 }
 function planInsertion(source, target) {
-	if (t$1.isJSXFragment(target)) {
-		const opening = target.openingFragment;
-		const startLine = target.loc?.start.line ?? 1;
-		return {
-			offset: opening.end ?? 0,
-			indent: `${lineIndent(source, startLine)}  `
-		};
-	}
-	if (t$1.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;
+	if (t.isJSXElement(target) && target.openingElement.selfClosing) return null;
+	return {
+		offset: (t.isJSXFragment(target) ? target.openingFragment : target.openingElement).end ?? 0,
+		indent: `${lineIndent(source, target.loc?.start.line ?? 1)}  `
+	};
 }
 function findInsertion(source, line, column) {
 	const ast = parseSource$1(source);
 	if (!ast) return null;
-	const col = column ?? 0;
-	const ancestors = findJsxAncestors(ast, line, col);
+	const ancestors = findJsxAncestors$1(ast, line, column ?? 0);
 	for (const node of ancestors) {
 		const plan = planInsertion(source, node);
 		if (plan) return plan;
@@ -1751,11 +1770,8 @@ function findInsertion(source, line, column) {
 	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;
+	return source.slice(0, offset).split("\n").length;
 }
-
 //#endregion
 //#region src/vite/routes/comments.ts
 function registerCommentRoutes(server, ctx) {
@@ -1764,8 +1780,7 @@ function registerCommentRoutes(server, ctx) {
 		const method = req.method ?? "GET";
 		try {
 			if (method === "GET" && url.pathname === "/") {
-				const pageId = url.searchParams.get("pageId") ?? "";
-				const file = resolvePageEntryPath(ctx, pageId);
+				const file = resolvePageEntryPath(ctx, url.searchParams.get("pageId") ?? "");
 				if (!file) return json(res, 400, { error: "invalid pageId" });
 				let source;
 				try {
@@ -1779,8 +1794,7 @@ function registerCommentRoutes(server, ctx) {
 				const requestCheck = validateMutationRequest(req, { requireJsonBody: true });
 				if (!requestCheck.ok) return json(res, requestCheck.status, { error: requestCheck.error });
 				const body = await readBody(req);
-				const pageId = body.pageId ?? "";
-				const file = resolvePageEntryPath(ctx, pageId);
+				const file = resolvePageEntryPath(ctx, body.pageId ?? "");
 				if (!file) return json(res, 400, { error: "invalid pageId" });
 				if (!body.line || body.line < 1) return json(res, 400, { error: "invalid line" });
 				if (!body.text || typeof body.text !== "string") return json(res, 400, { error: "missing text" });
@@ -1793,18 +1807,17 @@ function registerCommentRoutes(server, ctx) {
 				const plan = findInsertion(source, body.line, body.column);
 				if (!plan) return json(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 ts = (/* @__PURE__ */ new Date()).toISOString();
 				const payload = b64urlEncode(JSON.stringify({
 					note: body.text,
 					hint: body.hint
 				}));
 				const marker = `\n${plan.indent}{/* @page-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);
+				const next = source.slice(0, plan.offset) + marker + source.slice(plan.offset);
+				await fs.writeFile(file, next, "utf8");
 				return json(res, 200, {
 					id,
-					line: markerLine
+					line: offsetToLine(next, plan.offset + 1)
 				});
 			}
 			if (method === "DELETE" && url.pathname.startsWith("/")) {
@@ -1812,8 +1825,7 @@ function registerCommentRoutes(server, ctx) {
 				if (!requestCheck.ok) return json(res, requestCheck.status, { error: requestCheck.error });
 				const id = url.pathname.slice(1);
 				if (!/^c-[a-f0-9]+$/.test(id)) return json(res, 400, { error: "invalid id" });
-				const pageId = url.searchParams.get("pageId") ?? "";
-				const file = resolvePageEntryPath(ctx, pageId);
+				const file = resolvePageEntryPath(ctx, url.searchParams.get("pageId") ?? "");
 				if (!file) return json(res, 400, { error: "invalid pageId" });
 				let source;
 				try {
@@ -1835,21 +1847,18 @@ function registerCommentRoutes(server, ctx) {
 		}
 	});
 }
-
 //#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();
+		if ((req.method ?? "GET") !== "POST") return next();
 		const requestCheck = validateMutationRequest(req, { requireJsonBody: true });
 		if (!requestCheck.ok) return json(res, requestCheck.status, { error: requestCheck.error });
 		try {
 			if (url.pathname === "/") {
 				const body = await readBody(req);
-				const pageId = body.pageId ?? "";
-				const file = resolvePageEntryPath(ctx, pageId);
+				const file = resolvePageEntryPath(ctx, body.pageId ?? "");
 				if (!file) return json(res, 400, { error: "invalid pageId" });
 				if (!body.line || body.line < 1) return json(res, 400, { error: "invalid line" });
 				if (!Array.isArray(body.ops)) return json(res, 400, { error: "missing ops" });
@@ -1893,8 +1902,7 @@ function registerEditRoutes(server, ctx) {
 			}
 			if (url.pathname === "/batch") {
 				const body = await readBody(req);
-				const pageId = body.pageId ?? "";
-				const file = resolvePageEntryPath(ctx, pageId);
+				const file = resolvePageEntryPath(ctx, body.pageId ?? "");
 				if (!file) return json(res, 400, { error: "invalid pageId" });
 				if (!Array.isArray(body.edits)) return json(res, 400, { error: "missing edits" });
 				let source;
@@ -1936,77 +1944,6 @@ function registerEditRoutes(server, ctx) {
 		}
 	});
 }
-
-//#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 {
-		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 validateReorder(v, current) {
-	if (!Array.isArray(v) || v.length !== current.length) return null;
-	const known = new Set(current.map((f) => f.id));
-	const seen = new Set();
-	const out = [];
-	for (const id of v) {
-		if (typeof id !== "string" || !FOLDER_ID_RE.test(id)) return null;
-		if (!known.has(id) || seen.has(id)) return null;
-		seen.add(id);
-		out.push(id);
-	}
-	return out;
-}
-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 {
-			type: "emoji",
-			value: icon.value
-		};
-	}
-	if (icon.type === "color") {
-		if (typeof icon.value !== "string" || !COLOR_RE.test(icon.value)) return null;
-		return {
-			type: "color",
-			value: icon.value
-		};
-	}
-	return null;
-}
-
 //#endregion
 //#region src/vite/routes/folders.ts
 function registerFolderRoutes(server, ctx) {
@@ -2014,10 +1951,7 @@ function registerFolderRoutes(server, ctx) {
 		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(res, 200, manifest);
-			}
+			if (method === "GET" && url.pathname === "/") return json(res, 200, await readManifest(ctx.manifestPath));
 			if (method === "POST" && url.pathname === "/") {
 				const requestCheck = validateMutationRequest(req, { requireJsonBody: true });
 				if (!requestCheck.ok) return json(res, requestCheck.status, { error: requestCheck.error });
@@ -2107,7 +2041,123 @@ function registerFolderRoutes(server, ctx) {
 		}
 	});
 }
-
+//#endregion
+//#region src/vite/routes/gfonts.ts
+const CATALOG_URL = "https://fonts.google.com/metadata/fonts";
+const CATALOG_TTL = 36e5;
+const LEGACY_UA = "Mozilla/5.0";
+const FONT_EXTS = /* @__PURE__ */ new Set([
+	"ttf",
+	"otf",
+	"woff",
+	"woff2"
+]);
+const FETCH_TIMEOUT_MS = 15e3;
+const DEFAULT_LIMIT = 30;
+const MAX_LIMIT = 100;
+function isGstaticHost(hostname) {
+	const host = hostname.toLowerCase();
+	return host === "gstatic.com" || host.endsWith(".gstatic.com");
+}
+function clampLimit(raw) {
+	const n = Math.floor(Number(raw));
+	if (!Number.isFinite(n) || n <= 0) return DEFAULT_LIMIT;
+	return Math.min(n, MAX_LIMIT);
+}
+let catalogCache = null;
+let catalogInflight = null;
+async function loadCatalog() {
+	if (catalogCache && Date.now() - catalogCache.at < CATALOG_TTL) return catalogCache.entries;
+	if (catalogInflight) return catalogInflight;
+	catalogInflight = (async () => {
+		const res = await fetch(CATALOG_URL, { signal: AbortSignal.timeout(FETCH_TIMEOUT_MS) });
+		if (!res.ok) throw new Error(`metadata ${res.status}`);
+		const text = await res.text();
+		const start = text.indexOf("{");
+		const entries = (JSON.parse(start > 0 ? text.slice(start) : text).familyMetadataList ?? []).map((f) => ({
+			family: f.family,
+			category: f.category ?? "",
+			variants: Object.keys(f.fonts ?? {}),
+			popularity: typeof f.popularity === "number" ? f.popularity : Number.MAX_SAFE_INTEGER
+		}));
+		catalogCache = {
+			at: Date.now(),
+			entries
+		};
+		return entries;
+	})();
+	try {
+		return await catalogInflight;
+	} finally {
+		catalogInflight = null;
+	}
+}
+function cssFamilyParam(family) {
+	return encodeURIComponent(family).replace(/%20/g, "+");
+}
+async function resolveFontFile(family, variant) {
+	const italic = /i(talic)?$/.test(variant);
+	const weight = variant.replace(/i(talic)?$/, "") || "400";
+	const style = italic ? `${weight}italic` : weight;
+	const cssUrl = `https://fonts.googleapis.com/css?family=${cssFamilyParam(family)}:${style}`;
+	const css = await fetch(cssUrl, {
+		headers: { "user-agent": LEGACY_UA },
+		signal: AbortSignal.timeout(FETCH_TIMEOUT_MS)
+	});
+	if (!css.ok) return null;
+	const match = (await css.text()).match(/url\((https:\/\/[^)]+)\)/);
+	if (!match) return null;
+	let parsed;
+	try {
+		parsed = new URL(match[1]);
+	} catch {
+		return null;
+	}
+	if (!isGstaticHost(parsed.hostname)) return null;
+	const rawExt = parsed.pathname.split(".").pop()?.toLowerCase() ?? "";
+	const ext = FONT_EXTS.has(rawExt) ? rawExt : "ttf";
+	return {
+		url: parsed.toString(),
+		ext
+	};
+}
+function registerGfontsRoutes(server) {
+	server.middlewares.use("/__gfonts", async (req, res, next) => {
+		const reqUrl = new URL(req.url ?? "/", "http://local");
+		if ((req.method ?? "GET") !== "GET") return next();
+		try {
+			if (reqUrl.pathname === "/search") {
+				const q = (reqUrl.searchParams.get("q") ?? "").trim().toLowerCase();
+				const limit = clampLimit(reqUrl.searchParams.get("limit"));
+				let entries = await loadCatalog();
+				if (q) entries = entries.filter((e) => e.family.toLowerCase().includes(q));
+				return json(res, 200, entries.slice().sort((a, b) => a.popularity - b.popularity).slice(0, limit).map((e) => ({
+					family: e.family,
+					category: e.category,
+					variants: e.variants
+				})));
+			}
+			if (reqUrl.pathname === "/download") {
+				const family = reqUrl.searchParams.get("family");
+				const variant = reqUrl.searchParams.get("variant") || "400";
+				if (!family) return json(res, 400, { error: "missing family" });
+				const resolved = await resolveFontFile(family, variant);
+				if (!resolved) return json(res, 404, { error: "font not found" });
+				const upstream = await fetch(resolved.url, { signal: AbortSignal.timeout(FETCH_TIMEOUT_MS) });
+				if (!upstream.ok) return json(res, 502, { error: `gstatic ${upstream.status}` });
+				res.statusCode = 200;
+				res.setHeader("content-type", upstream.headers.get("content-type") ?? "font/ttf");
+				res.setHeader("x-font-ext", resolved.ext);
+				res.setHeader("cache-control", "no-store");
+				res.end(Buffer.from(await upstream.arrayBuffer()));
+				return;
+			}
+			return next();
+		} catch (err) {
+			json(res, 502, { error: String(err.message ?? err) });
+		}
+	});
+}
 //#endregion
 //#region src/vite/routes/pages.ts
 function registerPageRoutes(server, ctx) {
@@ -2119,14 +2169,14 @@ function registerPageRoutes(server, ctx) {
 			if (duplicateMatch && method === "POST") {
 				const requestCheck = validateMutationRequest(req);
 				if (!requestCheck.ok) return json(res, requestCheck.status, { error: requestCheck.error });
-				const pageId$1 = duplicateMatch[1];
-				if (!PAGE_ID_RE.test(pageId$1)) return json(res, 400, { error: "invalid pageId" });
+				const pageId = duplicateMatch[1];
+				if (!PAGE_ID_RE.test(pageId)) return json(res, 400, { error: "invalid pageId" });
 				const body = await readBody(req);
 				if (body.newId !== void 0 && typeof body.newId !== "string") return json(res, 400, { error: "invalid newId" });
-				const duplicated = await duplicatePageDir(ctx.pagesRoot, pageId$1, body.newId);
+				const duplicated = await duplicatePageDir(ctx.pagesRoot, pageId, body.newId);
 				if (!duplicated.ok) return json(res, duplicated.status, { error: duplicated.error });
 				const manifest = await readManifest(ctx.manifestPath);
-				const folderId = manifest.assignments[pageId$1];
+				const folderId = manifest.assignments[pageId];
 				if (folderId) {
 					manifest.assignments[duplicated.pageId] = folderId;
 					await writeManifest(ctx.manifestPath, manifest);
@@ -2168,8 +2218,7 @@ function registerPageRoutes(server, ctx) {
 			if (method === "DELETE") {
 				const requestCheck = validateMutationRequest(req);
 				if (!requestCheck.ok) return json(res, requestCheck.status, { error: requestCheck.error });
-				const removed = await rmPageDir(ctx.pagesRoot, pageId);
-				if (!removed) return json(res, 404, { error: "page not found" });
+				if (!await rmPageDir(ctx.pagesRoot, pageId)) return json(res, 404, { error: "page not found" });
 				const manifest = await readManifest(ctx.manifestPath);
 				delete manifest.assignments[pageId];
 				await writeManifest(ctx.manifestPath, manifest);
@@ -2182,10 +2231,6 @@ function registerPageRoutes(server, ctx) {
 		}
 	});
 }
-
-//#endregion
-//#region src/vite/routes/restart.ts
-const RESTART_EXIT_CODE = 52;
 const DEV_SUPERVISED_ENV = "OPEN_PAGES_DEV_SUPERVISED";
 const executionId = randomUUID();
 function isSupervised() {
@@ -2205,18 +2250,16 @@ function registerRestartRoutes(server) {
 		const guard = validateMutationRequest(req);
 		if (!guard.ok) return json(res, guard.status, { error: guard.error });
 		if (!isSupervised()) return json(res, 409, { error: "dev server was not started by the open-pages CLI" });
-		res.on("finish", () => process.exit(RESTART_EXIT_CODE));
+		res.on("finish", () => process.exit(52));
 		json(res, 200, { restarting: true });
 	});
 }
-
 //#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();
+		if ((req.method ?? "GET") !== "GET") return next();
 		try {
 			let target = null;
 			if (reqUrl.pathname === "/search") {
@@ -2253,7 +2296,6 @@ function registerSvglRoutes(server) {
 		}
 	});
 }
-
 //#endregion
 //#region src/vite/routes/update.ts
 let updateInFlight = null;
@@ -2292,18 +2334,15 @@ function registerUpdateRoutes(server, ctx) {
 			updateInFlight ??= updatePackage(ctx).finally(() => {
 				updateInFlight = null;
 			});
-			const result = await updateInFlight;
-			json(res, 200, result);
+			json(res, 200, await updateInFlight);
 		} catch (err) {
 			json(res, 500, { error: err instanceof Error ? err.message : "update failed" });
 		}
 	});
 }
-
 //#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",
@@ -2321,8 +2360,7 @@ function registerWatchers(server, ctx) {
 			return;
 		}
 		if (!p.startsWith(ctx.pagesRoot + path.sep)) return;
-		const rel = p.slice(ctx.pagesRoot.length + 1);
-		const parts = rel.split(path.sep);
+		const parts = p.slice(ctx.pagesRoot.length + 1).split(path.sep);
 		if (parts.length < 3 || parts[1] !== "assets") return;
 		const pageId = parts[0];
 		if (!PAGE_ID_RE.test(pageId)) return;
@@ -2336,7 +2374,6 @@ function registerWatchers(server, ctx) {
 	server.watcher.on("change", onAssetChange);
 	server.watcher.on("unlink", onAssetChange);
 }
-
 //#endregion
 //#region src/vite/api-plugin.ts
 function apiPlugin(opts) {
@@ -2351,13 +2388,13 @@ function apiPlugin(opts) {
 			registerPageRoutes(server, ctx);
 			registerAssetRoutes(server, ctx);
 			registerSvglRoutes(server);
+			registerGfontsRoutes(server);
 			registerFolderRoutes(server, ctx);
 			registerUpdateRoutes(server, ctx);
 			registerRestartRoutes(server);
 		}
 	};
 }
-
 //#endregion
 //#region src/vite/current-plugin.ts
 const TEXT_SNIPPET_MAX = 120;
@@ -2411,7 +2448,7 @@ function currentPlugin(opts) {
 				cached = next;
 				const body = {
 					...next,
-					updatedAt: new Date().toISOString()
+					updatedAt: (/* @__PURE__ */ new Date()).toISOString()
 				};
 				try {
 					await fs.mkdir(outDir, { recursive: true });
@@ -2422,7 +2459,6 @@ function currentPlugin(opts) {
 		}
 	};
 }
-
 //#endregion
 //#region src/vite/design-plugin.ts
 function parseSource(source) {
@@ -2484,17 +2520,13 @@ function literalToValue(node) {
 		}
 		case "TemplateLiteral": {
 			const quasis = node.quasis;
-			const expressions = node.expressions;
-			if (expressions.length > 0) throw new Error("template literal has expressions");
+			if (node.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 "ArrayExpression": return node.elements.map((el) => {
+			if (!el) throw new Error("array has hole");
+			return literalToValue(el);
+		});
 		case "ObjectExpression": {
 			const properties = node.properties;
 			const out = {};
@@ -2544,18 +2576,16 @@ function serializeValue(value, level) {
 	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 `[${value.map((el) => serializeValue(el, level + 1)).join(", ")}]`;
 	}
 	if (isPlainObject(value)) {
 		const entries = Object.entries(value);
 		if (entries.length === 0) return "{}";
 		const childIndent = indent(level + 1);
-		const lines = entries.map(([k, v]) => {
+		return `{\n${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)}}`;
+		}).join("\n")}\n${indent(level)}}`;
 	}
 	throw new Error(`unsupported value type ${typeof value}`);
 }
@@ -2590,10 +2620,9 @@ function parseDocDesign(source) {
 			error: err.message
 		};
 	}
-	const merged = mergeDesign(defaultDesign, value);
 	return {
 		ok: true,
-		design: merged,
+		design: mergeDesign(defaultDesign, value),
 		loc
 	};
 }
@@ -2644,52 +2673,44 @@ function ensureDesignSystemImport(source, ast) {
 	const imports = findImports(ast);
 	const coreImport = imports.find((imp) => imp.source === "@autono/open-pages");
 	if (coreImport) {
-		const hasDesignSystem = coreImport.specifiers.some((spec) => {
+		if (coreImport.specifiers.some((spec) => {
 			if (spec.type !== "ImportSpecifier") return false;
-			const imported = spec.imported;
-			return imported?.name === "DesignSystem";
-		});
-		if (hasDesignSystem) return {
+			return spec.imported?.name === "DesignSystem";
+		})) return {
 			source,
 			offsetShift: 0
 		};
 		const node = coreImport.node;
-		const importText = source.slice(node.start, node.end);
-		const braceClose = importText.lastIndexOf("}");
+		const braceClose = source.slice(node.start, node.end).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,
+			source: `${source.slice(0, absoluteBrace)}${insertText}${source.slice(absoluteBrace)}`,
 			offsetShift: insertText.length
 		};
 	}
 	const stmt = `import type { DesignSystem } from '@autono/open-pages';\n`;
 	if (imports.length > 0) {
-		const last = imports[imports.length - 1];
-		const insertAt = last.node.end;
+		const insertAt = imports[imports.length - 1].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,
+			source: `${source.slice(0, insertAt)}\n${stmt.slice(0, -1)}${trail}${source.slice(insertAt)}`,
 			offsetShift: 1 + stmt.length - (trail ? 0 : 1)
 		};
 	}
-	const next = `${stmt}\n${source}`;
 	return {
-		source: next,
+		source: `${stmt}\n${source}`,
 		offsetShift: stmt.length + 1
 	};
 }
 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;
+	let off = imports[imports.length - 1].node.end;
 	while (off < source.length && source[off] !== "\n") off++;
 	if (off < source.length) off++;
 	return off;
@@ -2712,14 +2733,11 @@ function applyDesignWrite(source, next) {
 		error: "could not parse page source"
 	};
 	const loc = findDesignDecl(ast);
-	if (loc) {
-		const out$1 = source.slice(0, loc.objectStart) + body + source.slice(loc.objectEnd);
-		return {
-			ok: true,
-			source: out$1,
-			created: false
-		};
-	}
+	if (loc) return {
+		ok: true,
+		source: source.slice(0, loc.objectStart) + body + source.slice(loc.objectEnd),
+		created: false
+	};
 	const withImport = ensureDesignSystemImport(source, ast);
 	const ast2 = parseSource(withImport.source);
 	if (!ast2) return {
@@ -2729,10 +2747,9 @@ function applyDesignWrite(source, next) {
 	};
 	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,
+		source: withImport.source.slice(0, insertAt) + block + withImport.source.slice(insertAt),
 		created: true
 	};
 }
@@ -2777,8 +2794,7 @@ function designPlugin(opts) {
 					if (method === "PUT" && url.pathname === "/") {
 						const requestCheck = validateMutationRequest(req, { requireJsonBody: true });
 						if (!requestCheck.ok) return json(res, requestCheck.status, { error: requestCheck.error });
-						const body = await readBody(req);
-						const patch = body.patch;
+						const patch = (await readBody(req)).patch;
 						if (!patch || typeof patch !== "object") return json(res, 400, { error: "missing patch object" });
 						let source;
 						try {
@@ -2825,10 +2841,9 @@ function designPlugin(opts) {
 		}
 	};
 }
-
 //#endregion
 //#region src/vite/loc-tags-plugin.ts
-const UNTAGGABLE_COMPONENTS = new Set([
+const UNTAGGABLE_COMPONENTS = /* @__PURE__ */ new Set([
 	"Fragment",
 	"StrictMode",
 	"Suspense"
@@ -2873,8 +2888,7 @@ function isPageSourceFile(id, docsRootPosix) {
 	if (!filePath.startsWith(`${docsRootPosix}/`)) return false;
 	if (!filePath.endsWith(".tsx")) return false;
 	if (filePath.endsWith(".d.ts") || filePath.endsWith(".test.tsx")) return false;
-	const rel = filePath.slice(docsRootPosix.length + 1);
-	return rel.includes("/");
+	return filePath.slice(docsRootPosix.length + 1).includes("/");
 }
 function locTagsPlugin(opts) {
 	const pagesRoot = path.resolve(opts.userCwd, opts.pagesDir ?? "pages").replace(/\\/g, "/");
@@ -2893,7 +2907,6 @@ function locTagsPlugin(opts) {
 		}
 	};
 }
-
 //#endregion
 //#region src/vite/themes-plugin.ts
 const THEMES_VMOD = "virtual:open-pages/themes";
@@ -2924,17 +2937,15 @@ function parseFrontmatter(raw, themeId) {
 async function findThemes(userCwd, themesDir) {
 	const abs = path.resolve(userCwd, themesDir);
 	if (!existsSync(abs)) return [];
-	const hits = await fg("*.md", {
+	return (await fg("*.md", {
 		cwd: abs,
 		absolute: true,
 		onlyFiles: true
-	});
-	return hits.sort();
+	})).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 { fm, body } = parseFrontmatter(await fs.readFile(mdAbs, "utf8"), id);
 	const demoCandidates = [
 		`${id}.demo.tsx`,
 		`${id}.demo.jsx`,
@@ -2960,30 +2971,33 @@ async function readTheme(mdAbs, themesRoot) {
 	};
 }
 function generateThemesModule(themes, isDev) {
-	const meta = themes.map((t$4) => ({
-		id: t$4.id,
-		name: t$4.frontmatter.name,
-		description: t$4.frontmatter.description,
-		body: t$4.body,
-		hasDemo: t$4.demoAbs !== null,
-		hasCss: t$4.cssAbs !== null
+	const meta = themes.map((t) => ({
+		id: t.id,
+		name: t.frontmatter.name,
+		description: t.frontmatter.description,
+		body: t.body,
+		hasDemo: t.demoAbs !== null,
+		hasCss: t.cssAbs !== null
 	}));
-	const cases = themes.flatMap((t$4) => {
-		const abs = t$4.demoAbs;
-		if (!abs) return [];
-		const importPath = isDev ? `@fs/${normalizePath(abs).replace(/^\/+/, "")}` : abs;
+	const withDemo = themes.filter((t) => t.demoAbs !== null);
+	const cases = withDemo.map((t) => {
+		const importPath = isDev ? `@fs/${normalizePath(t.demoAbs).replace(/^\/+/, "")}` : t.demoAbs;
 		const importExpr = isDev ? `import(/* @vite-ignore */ import.meta.env.BASE_URL + ${JSON.stringify(importPath)})` : `import(${JSON.stringify(importPath)})`;
-		return [`    case ${JSON.stringify(t$4.id)}: return ${importExpr};`];
+		return `    case ${JSON.stringify(t.id)}: return ${importExpr};`;
 	}).join("\n");
-	const withCss = themes.filter((t$4) => t$4.cssAbs !== null);
-	const cssCases = withCss.map((t$4) => {
-		const importPath = isDev ? `@fs/${normalizePath(t$4.cssAbs).replace(/^\/+/, "")}` : t$4.cssAbs;
+	const urlCases = withDemo.map((t) => {
+		const urlExpr = isDev ? `import.meta.env.BASE_URL + ${JSON.stringify(`@fs/${normalizePath(t.demoAbs).replace(/^\/+/, "")}`)}` : "''";
+		return `    case ${JSON.stringify(t.id)}: return ${urlExpr};`;
+	}).join("\n");
+	const withCss = themes.filter((t) => t.cssAbs !== null);
+	const cssCases = withCss.map((t) => {
+		const importPath = isDev ? `@fs/${normalizePath(t.cssAbs).replace(/^\/+/, "")}` : t.cssAbs;
 		const importExpr = isDev ? `import(/* @vite-ignore */ import.meta.env.BASE_URL + ${JSON.stringify(importPath)})` : `import(${JSON.stringify(importPath)})`;
-		return `    case ${JSON.stringify(t$4.id)}: return ${importExpr};`;
+		return `    case ${JSON.stringify(t.id)}: return ${importExpr};`;
 	}).join("\n");
 	return `// virtual:open-pages/themes — generated
 export const themes = ${JSON.stringify(meta)};
-export const themeCssIds = ${JSON.stringify(withCss.map((t$4) => t$4.id))};
+export const themeCssIds = ${JSON.stringify(withCss.map((t) => t.id))};
 
 // Importing a stylesheet through Vite injects it into the document; the
 // frame calls this for a page's meta.theme and for theme demos.
@@ -3000,6 +3014,15 @@ ${cases}
     default: throw new Error('Theme demo not found: ' + id);
   }
 }
+
+// Dev-server module URL so the render worker can import the same demo the
+// main thread just loaded. A static build imports through loadThemeDemo.
+export function demoImportUrl(id) {
+  switch (id) {
+${urlCases}
+    default: throw new Error('Theme demo not found: ' + id);
+  }
+}
 `;
 }
 function themesPlugin(opts) {
@@ -3019,8 +3042,7 @@ function themesPlugin(opts) {
 		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);
+			return generateThemesModule(await Promise.all(files.map((f) => readTheme(f, themesRoot))), isDev);
 		},
 		configureServer(server) {
 			const isThemeFile = (p) => {
@@ -3052,7 +3074,6 @@ function themesPlugin(opts) {
 		}
 	};
 }
-
 //#endregion
 //#region src/vite/config.ts
 const CORE_VERSION = readCoreVersion();
@@ -3104,7 +3125,11 @@ async function createViteConfig(opts) {
 			"@assets": assetsAbs
 		} },
 		optimizeDeps: {
-			entries: [path.join(APP_ROOT, "main.tsx"), path.join(APP_ROOT, "frame", "main.tsx")],
+			entries: [
+				path.join(APP_ROOT, "main.tsx"),
+				path.join(APP_ROOT, "frame", "main.tsx"),
+				path.join(pagesAbs, "*", "index.{tsx,jsx,ts,js}")
+			],
 			include: [
 				"react",
 				"react-dom",
@@ -3120,15 +3145,15 @@ async function createViteConfig(opts) {
 				"class-variance-authority",
 				"emoji-picker-react"
 			],
-			esbuildOptions: {
-				target: "es2022",
+			rolldownOptions: {
+				transform: { target: "es2022" },
 				plugins: [{
 					name: "open-pages:virtual-externals",
-					setup(build$1) {
-						build$1.onResolve({ filter: /^virtual:open-pages\// }, (args) => ({
-							path: args.path,
+					resolveId(id) {
+						return id.startsWith("virtual:open-pages/") ? {
+							id,
 							external: true
-						}));
+						} : null;
 					}
 				}]
 			}
@@ -3157,6 +3182,5 @@ async function createViteConfig(opts) {
 		}
 	};
 }
-
 //#endregion
-export { DEV_SUPERVISED_ENV, RESTART_EXIT_CODE, createViteConfig };
+export { DEV_SUPERVISED_ENV as n, createViteConfig as t };