@plitzi/cli 0.38.8 → 0.38.10

package/dist/index.js

@@ -11,7 +11,7 @@ import { createHash, randomBytes } from "node:crypto";
 import { createServer } from "node:http";
 import tls from "node:tls";
 import readline from "node:readline/promises";
-import { EXPLAIN_KINDS, PAGE_SPEC_FIELDS, PAGE_TEXT_LIMIT, actionSpecFromEntry, actionToSource, authorSpace, blankTemplateFiles, catalogTemplateFiles, closest, comparePictures, compareTexts, darkScheme, dataIssues, elementTriggers, elementTypeNames, emptySpaceSource, explain, explainKindOf, explainList, explanationText, failedFlowText, importProbe, importedFiles, inspectDocument, inspectPage, isSuggestionCode, loadImages, locateClasses, locateElements, openPage, pageRegions, pageTexts, planFixes, readDevTools, refusalOf, unrollPage } from "@plitzi/sdk-authoring";
+import { EXPLAIN_KINDS, PAGE_SPEC_FIELDS, PAGE_TEXT_LIMIT, actionSpecFromEntry, actionToSource, authorSpace, blankTemplateFiles, catalogTemplateFiles, closest, comparePictures, compareTexts, darkScheme, dataIssues, elementTriggers, elementTypeNames, emptyTemplateFiles, explain, explainKindOf, explainList, explanationText, failedFlowText, importProbe, importedFiles, inspectDocument, inspectPage, isSuggestionCode, loadImages, locateClasses, locateElements, openPage, pageRegions, pageTexts, planFixes, readDevTools, refusalOf, unrollPage } from "@plitzi/sdk-authoring";
 import { existsSync, readFileSync, readdirSync, realpathSync, statSync, watch } from "node:fs";
 import { parseEnv, promisify } from "node:util";
 import { lookup } from "node:dns/promises";
@@ -1354,7 +1354,7 @@ var n$3 = [
 	".otf"
 ];
 var r$5 = () => Object.fromEntries(n$3.map((e) => [e, "dataurl"]));
-var i$5 = /\?(raw|inline)$/;
+var i$4 = /\?(raw|inline)$/;
 var a$5 = {
 	".wasm": "application/wasm",
 	".js": "text/javascript",
@@ -1371,8 +1371,8 @@ var a$5 = {
 var o$4 = () => ({
 	name: "plitzi-import-queries",
 	setup: (n) => {
-		n.onResolve({ filter: i$5 }, async (e) => {
-			let t = i$5.exec(e.path)?.[1] ?? "raw", r = await n.resolve(e.path.replace(i$5, ""), {
+		n.onResolve({ filter: i$4 }, async (e) => {
+			let t = i$4.exec(e.path)?.[1] ?? "raw", r = await n.resolve(e.path.replace(i$4, ""), {
 				kind: e.kind,
 				importer: e.importer,
 				resolveDir: e.resolveDir
@@ -2418,7 +2418,7 @@ var projectScripts = (answers) => {
 			* runs what `build` emitted and carries no TypeScript at all.
 			*/
 			build: "tsc -p tsconfig.build.json",
-			"start:prod": nodeWithEnv(`${v$3}/main.js`)
+			"start:prod": `NODE_ENV=production ${nodeWithEnv(`${v$3}/main.js`)}`
 		} : {
 			start: "vite",
 			build: "vite build",
@@ -2512,7 +2512,7 @@ var YARN_IGNORES$1 = "\n.yarn/*\n!.yarn/patches\n!.yarn/plugins\n!.yarn/releases
 * the CLI records about it, and is committed — a clone without it could not pull, push or upgrade.
 */
 var gitignore$1 = ({ mode, packageManager }) => `node_modules\n${v$3}\n.env\ntmp\n${mode === "server" ? `${y$2}\n` : ""}${packageManager === "yarn" ? YARN_IGNORES$1 : ""}`;
-var startLine = ({ mode, packageManager, source }) => mode === "server" ? `\`${runCommand(packageManager, "start")}\` serves pages on http://127.0.0.1:8080 — or, when something else holds 8080, the next free port, which it prints and writes to \`${x$3}\` (set \`PORT\` to choose one). \`${runCommand(packageManager, "start:dev")}\` restarts on a save to the server's code; a save to a plugin swaps it in the open page${source === "local" ? ", and a save to the space reloads it" : ""}. In production, \`${runCommand(packageManager, "build")}\` once and run \`${runCommand(packageManager, "start:prod")}\` with \`NODE_ENV=production\`: the compiled server, with no TypeScript in the process.` : `\`${runCommand(packageManager, "start")}\` runs Vite on http://127.0.0.1:5173, with hot module replacement.`;
+var startLine = ({ mode, packageManager, source }) => mode === "server" ? `\`${runCommand(packageManager, "start")}\` serves pages on http://127.0.0.1:8080 — or, when something else holds 8080, the next free port, which it prints and writes to \`${x$3}\` (set \`PORT\` to choose one). \`${runCommand(packageManager, "start:dev")}\` restarts on a save to the server's code; a save to a plugin swaps it in the open page${source === "local" ? ", and a save to the space reloads it" : ""}. In production, \`${runCommand(packageManager, "build")}\` once and run \`${runCommand(packageManager, "start:prod")}\`, which sets \`NODE_ENV=production\` itself: the compiled server, with no TypeScript in the process.` : `\`${runCommand(packageManager, "start")}\` runs Vite on http://127.0.0.1:5173, with hot module replacement.`;
 var spaceSection = (answers) => {
 	if (answers.source === "cloud") return `## Where the space comes from
 
@@ -2634,7 +2634,7 @@ ${commands.join("\n")}
 - **Settings are ${code(".env")}**, never committed; ${code(".env.example")} names them, committed — a new one goes in both. ${settingsNote}
 ${dataNote}
 - **${code("public/")} is on the internet.** Every file in it is served to anyone who asks for it, as it is, the moment the project is deployed — no sign-in, no check. Never put in it a secret, a key, a ${code(".env")}, a private document, a database dump, or data only some visitors may read: that goes through a server action or a provider that checks who is asking.
-${serverNotes}- **Check a page in text first:** ${code(`${runCommand(answers.packageManager, "check")} -- / --width 1440,390`)} says whether every element is on screen, nothing overflows and the console is clean — and with ${code("--click <id>")}, what clicking one element changed, or that nothing did (${code("--fill <id>=<value>")} first, for a form) — a picture only when it says something is wrong: ${code(`${runCommand(answers.packageManager, "shot")} -- / --width 390`)} (add ${code("--scheme dark")}; ${code("--frames 4")} to see what moves; ${code("--compare <url>")} against another site: by section, and each text measured). ${run("visual")} runs the checks as tests.
+${serverNotes}- **Check a page in text first:** ${code(`${runCommand(answers.packageManager, "check")} -- / --width 1440,390`)} says whether every element is on screen, nothing overflows and the console is clean — and with ${code("--click <id>")}, what clicking one element changed, or that nothing did (${code("--fill <id>=<value>")} first, for a form) — a picture only when it says something is wrong: ${code(`${runCommand(answers.packageManager, "shot")} -- / --width 390`)} (add ${code("--scheme dark")}; ${code("--frames 4")} to see what moves, ${code("--click <id|selector> --sheet")} for an interaction; ${code("--compare <url>")} against another site: by section, and each text measured). ${run("visual")} runs the checks as tests.
 - **What the page holds, in text:** ${code(`${runCommand(answers.packageManager, "check")} -- /products --state --element <id>`)} adds its state, every source by name and one element (what it reads, its own state, whether it is on screen); every check already lists the flows that failed. Read it instead of guessing from classes in the DOM.
 
 ## Do not read
@@ -2656,11 +2656,11 @@ ${code(".claude/skills/plitzi-cli/SKILL.md")} first: ${code("plitzi plugin add")
 
 What you leave behind is the next reader's problem — the user's, or the next agent's. Before calling a change done:
 
-- **Nothing unused.** Delete what you made and no longer use — a file, a page, a component, a class, a token, a data file, an import, a plugin folder. No commented-out code, no ${code("console.log")} left from debugging, no copy of a file kept "just in case": git keeps the history.
+- **Nothing unused.** Delete what you made and no longer use — a file, a page, a component, a class, a token, a data file, an import, a plugin folder. A folder's ${code(".gitkeep")} keeps it in git while it is empty; once the folder holds files it does nothing, and ${code("doctor")} and ${code("upgrade")} ask for it no more. No commented-out code, no ${code("console.log")} left from debugging, no copy of a file kept "just in case": git keeps the history.
 - **Scratch goes in ${code(`tmp/`)}, or nowhere.** A one-off script, a dump, a picture to look at — never at the root or beside the source, where it reads as part of the project.
 - **One of everything.** A look used twice is a class; a value used twice is a token; a block used twice is a component, and rows of data are one list. Change it where it is defined, and rename everywhere when you rename.
 - **Files a reader can find.** One part per file, named after what it is, in the folder of its kind — the shape ${code("src/space/")} already has. Do not start a parallel layout of your own.
-- **Leave it passing.** ${run("verify")} runs it all and prints only what fails: ${local ? `${run("author")} with zero warnings, ${run("lint:space")} clean, ` : ""}${run("typecheck")}, ${run("lint")} and the format clean, and every page whole (${run("check")}, with the server up).
+- **Leave it passing.** ${run("verify")} runs it all and prints only what fails: ${local ? `${run("author")} with zero warnings, ${run("lint:space")} clean, ` : ""}${run("typecheck")}, ${run("lint")} and the format clean, and every page whole (${run("check")}, with the server up) — those for signed-in visitors too, once ${code(".env")} names an account to check them as: ${code("PLITZI_CHECK_USER")} and ${code("PLITZI_CHECK_PASSWORD")}.
 
 ## The rules that go wrong most
 
@@ -2908,6 +2908,8 @@ var serverOptionsModule = (local) => `import type { ProjectServerOptions } from
  *
  * - \`images: { domains: ['images.example.com'] }\` — pictures from those hosts resized here, with \`sharp\` installed.
 ${local ? ACTION_OPTIONS_DOC : ""} * - \`rsc: { elementTimeoutMs }\` — how long a section resolved on the server is waited for: 5 s by default.
+ * - \`devMode\` — the development build, the dev tools, a public action's trace: on unless \`NODE_ENV\` is \`production\`.
+ *   \`devMode: false\` keeps them off wherever the server is started, \`NODE_ENV\` or not. \`devReload\` follows it.
  */
 export const serverOptions: ProjectServerOptions = {};
 `;
@@ -3226,7 +3228,10 @@ var spaceFiles = (answers) => {
 		[r$6]: authorScript()
 	};
 	if (answers.template === "blank") return {
-		[a$6]: emptySpaceSource({ name: answers.name }),
+		...emptyTemplateFiles({
+			name: answers.name,
+			dir: i$6
+		}),
 		[r$6]: authorScript(),
 		...answers.mode === "client" ? { "public/data/.gitkeep": "" } : {}
 	};
@@ -4422,27 +4427,27 @@ var __exportAll = (all, no_symbols) => {
 	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
 	return target;
 };
-var e$42 = "[a-zA-Z_][a-zA-Z0-9_]*(?:-[a-zA-Z0-9_]+)*";
-var t$63 = `(?:${e$42}|\\d+)`;
-var n$47 = `\\[\\s*(?:\\d+|'[^']*'|"[^"]*"|${e$42}(?:\\.${t$63})*)\\s*\\]`;
-var r$37 = `${`${e$42}(?:${n$47})*(?:\\??\\.${t$63}(?:${n$47})*)*`}(?:\\s*\\?\\?\\s*[^|{}]+?)?(?:\\s*\\|\\s*[a-zA-Z_]+(?:\\([^)]*\\))?)*`;
-var i$28 = `\\{\\{\\s*${r$37}\\s*\\}\\}`;
-var a$24 = `(?:${`\\{\\{\\{\\s*${r$37}\\s*\\}\\}\\}`}|${i$28})`;
+var e$43 = "[a-zA-Z_][a-zA-Z0-9_]*(?:-[a-zA-Z0-9_]+)*";
+var t$63 = `(?:${e$43}|\\d+)`;
+var n$47 = `\\[\\s*(?:\\d+|'[^']*'|"[^"]*"|${e$43}(?:\\.${t$63})*)\\s*\\]`;
+var r$36 = `${`${e$43}(?:${n$47})*(?:\\??\\.${t$63}(?:${n$47})*)*`}(?:\\s*\\?\\?\\s*[^|{}]+?)?(?:\\s*\\|\\s*[a-zA-Z_]+(?:\\([^)]*\\))?)*`;
+var i$29 = `\\{\\{\\s*${r$36}\\s*\\}\\}`;
+var a$24 = `(?:${`\\{\\{\\{\\s*${r$36}\\s*\\}\\}\\}`}|${i$29})`;
 new RegExp(a$24, "g");
 RegExp(`^${a$24}$`);
-var e$41 = ["smooth", "auto"];
+var e$42 = ["smooth", "auto"];
 var t$61 = [
 	"start",
 	"center",
 	"end",
 	"nearest"
 ];
-var s$21 = "onScroll";
-var r$35 = {
+var s$22 = "onScroll";
+var r$34 = {
 	type: "select",
 	description: "How it moves: \"smooth\" glides there, \"auto\" jumps.",
 	default: "smooth",
-	options: [...e$41]
+	options: [...e$42]
 };
 var a$22 = {
 	setState: {
@@ -4516,7 +4521,7 @@ var a$22 = {
 				description: "How far down, the same way; negative goes up.",
 				default: ""
 			},
-			behavior: r$35
+			behavior: r$34
 		}
 	},
 	scrollTo: {
@@ -4534,7 +4539,7 @@ var a$22 = {
 				description: "Where down, the same way. Empty stays.",
 				default: ""
 			},
-			behavior: r$35
+			behavior: r$34
 		}
 	},
 	scrollIntoView: {
@@ -4554,11 +4559,11 @@ var a$22 = {
 				default: "nearest",
 				options: [...t$61]
 			},
-			behavior: r$35
+			behavior: r$34
 		}
 	}
 };
-var e$40 = {
+var e$41 = {
 	onLoad: {
 		action: "onLoad",
 		title: "On Load",
@@ -4728,7 +4733,7 @@ var e$40 = {
 		params: {}
 	}
 };
-var e$39 = () => (e) => e;
+var e$40 = () => (e) => e;
 var t$60 = () => (e) => e;
 var t$59 = t$60()({
 	type: "blockHtml",
@@ -4958,16 +4963,16 @@ var n$44 = {
 	"border-bottom-left-radius": "4px",
 	"border-bottom-right-radius": "4px"
 };
-var r$34 = t$60()({
+var r$33 = t$60()({
 	type: "button",
 	attributeValues: {
-		subType: e$39()([
+		subType: e$40()([
 			"button",
 			"submit",
 			"reset"
 		]),
-		contentPlacement: e$39()(["before", "after"]),
-		iconPlacement: e$39()(["before", "after"])
+		contentPlacement: e$40()(["before", "after"]),
+		iconPlacement: e$40()(["before", "after"])
 	},
 	content: {
 		attributes: {
@@ -5035,7 +5040,7 @@ var r$34 = t$60()({
 });
 var n$43 = t$60()({
 	type: "dropdown",
-	attributeValues: { popupPlacement: e$39()([
+	attributeValues: { popupPlacement: e$40()([
 		"left",
 		"right",
 		"top",
@@ -5166,7 +5171,7 @@ var t$54 = t$60()({
 });
 var n$42 = t$60()({
 	type: "heading",
-	attributeValues: { subType: e$39()([
+	attributeValues: { subType: e$40()([
 		"h1",
 		"h2",
 		"h3",
@@ -5288,20 +5293,20 @@ var n$42 = t$60()({
 var n$41 = t$60()({
 	type: "link",
 	attributeValues: {
-		mode: e$39()([
+		mode: e$40()([
 			"page",
 			"internal",
 			"external"
 		]),
-		target: e$39()([
+		target: e$40()([
 			"self",
 			"blank",
 			"parent",
 			"top"
 		]),
-		contentPlacement: e$39()(["before", "after"]),
-		iconPlacement: e$39()(["before", "after"]),
-		current: e$39()(["page", "section"])
+		contentPlacement: e$40()(["before", "after"]),
+		iconPlacement: e$40()(["before", "after"]),
+		current: e$40()(["page", "section"])
 	},
 	content: {
 		attributes: {
@@ -5473,7 +5478,7 @@ var t$52 = t$60()({
 });
 var n$40 = t$60()({
 	type: "richText",
-	attributeValues: { format: e$39()([
+	attributeValues: { format: e$40()([
 		"html",
 		"markdown",
 		"text"
@@ -5608,9 +5613,9 @@ var n$39 = {
 	"letter-spacing": "inherit",
 	cursor: "pointer"
 };
-var r$33 = t$60()({
+var r$32 = t$60()({
 	type: "themeToggle",
-	attributeValues: { subType: e$39()(["switch", "segmented"]) },
+	attributeValues: { subType: e$40()(["switch", "segmented"]) },
 	triggers: { onThemeChange: {
 		action: "onThemeChange",
 		title: "On Theme Change",
@@ -5676,7 +5681,7 @@ var r$33 = t$60()({
 });
 var n$38 = t$60()({
 	type: "form",
-	attributeValues: { method: e$39()(["get", "post"]) },
+	attributeValues: { method: e$40()(["get", "post"]) },
 	sourceType: "apiContainer",
 	triggers: { onSubmit: {
 		action: "onSubmit",
@@ -5806,11 +5811,11 @@ var n$37 = {
 	outline: "none",
 	position: "relative"
 };
-var r$32 = {
+var r$31 = {
 	...n$37,
 	"line-height": "20px"
 };
-var i$25 = {
+var i$26 = {
 	display: "flex",
 	cursor: "pointer",
 	"font-weight": "600",
@@ -5820,7 +5825,7 @@ var i$25 = {
 	"user-select": "none"
 };
 var a$21 = {
-	...i$25,
+	...i$26,
 	"margin-bottom": "4px"
 };
 var o$23 = {
@@ -5828,7 +5833,7 @@ var o$23 = {
 	color: "red",
 	"margin-top": "4px"
 };
-var s$19 = {
+var s$20 = {
 	color: "red",
 	"margin-left": "4px"
 };
@@ -5847,14 +5852,14 @@ var l$13 = {
 	"padding-left": "0px",
 	display: "block",
 	...c$18,
-	"background-color": "inherit",
+	"background-color": "transparent",
 	color: "inherit",
 	"line-height": "inherit",
 	"font-family": "inherit",
 	"font-size": "inherit",
 	"box-shadow": "none"
 };
-var u$13 = {
+var u$14 = {
 	height: "100%",
 	width: "100%",
 	display: "block",
@@ -5868,7 +5873,7 @@ var u$13 = {
 	cursor: "inherit",
 	"box-shadow": "none"
 };
-var d$13 = {
+var d$12 = {
 	height: "100%",
 	"margin-top": "0px",
 	"margin-right": "0px",
@@ -5888,11 +5893,11 @@ var d$13 = {
 	"font-weight": "inherit",
 	cursor: "pointer"
 };
-var f$11 = {
+var f$10 = {
 	...n$37,
 	cursor: "pointer"
 };
-var p$10 = {
+var p$11 = {
 	height: "20px",
 	width: "36px",
 	"margin-top": "0px",
@@ -5922,7 +5927,7 @@ var p$10 = {
 	appearance: "none",
 	cursor: "pointer"
 };
-var m$6 = (e, t, { field: n, icon: r } = {}) => ({
+var m$7 = (e, t, { field: n, icon: r } = {}) => ({
 	name: e,
 	displayMode: "desktop",
 	style: {
@@ -5931,14 +5936,14 @@ var m$6 = (e, t, { field: n, icon: r } = {}) => ({
 		...n ? { field: { default: n } } : {},
 		...r ? { icon: { default: r } } : {},
 		label: { default: a$21 },
-		requiredMark: { default: s$19 },
+		requiredMark: { default: s$20 },
 		error: { default: o$23 }
 	}
 });
 var h$4 = { field: l$13 };
 var g$4 = t$60()({
 	type: "formControl",
-	attributeValues: { subType: e$39()([
+	attributeValues: { subType: e$40()([
 		"text",
 		"number",
 		"email",
@@ -5977,7 +5982,7 @@ var g$4 = t$60()({
 			autoFocus: !1,
 			disabled: !1,
 			options: [],
-			required: !0,
+			required: !1,
 			requiredMessage: "",
 			minLength: 0,
 			minLengthMessage: "",
@@ -5993,7 +5998,7 @@ var g$4 = t$60()({
 		definition: {
 			label: "Form Control",
 			type: "formControl",
-			description: "A single labelled input (text/select/checkbox/… per its subType) inside a form; captures one field of user input. A select offers its `options`: `[{ label, value }, …]` — the text shown, and what the field takes. A `switch` is a checkbox announced and drawn as an on/off switch (`role=\"switch\"`), for a setting that applies at once; both hold `true`/`false`, and a `defaultValue` of `\"true\"` starts them on. Its slots: `label`, `requiredMark` (the `*` that ends the label of a required field), `input` (the box a typed field or a select is drawn in — a textarea, checkbox or switch is its own box), `field` (the `<input>` or `<select>` inside that box), `icon` (the show/hide button of a password) and `error`. The thumb of a switch is no element a class reaches: the class on its `input` slot sets `--plitzi-switch-thumb` (off), `--plitzi-switch-thumb-checked` (on, white by default) and `--plitzi-switch-thumb-shadow`.",
+			description: "A single labelled input (text/select/checkbox/… per its subType) inside a form; captures one field of user input. Optional unless `required: true`, as an HTML field is: a `requiredMessage` alone requires nothing. A select offers its `options`: `[{ label, value }, …]` — the text shown, and what the field takes. A `switch` is a checkbox announced and drawn as an on/off switch (`role=\"switch\"`), for a setting that applies at once; both hold `true`/`false`, and a `defaultValue` of `\"true\"` starts them on. Its slots: `label`, `requiredMark` (the `*` that ends the label of a required field), `input` (the box a typed field or a select is drawn in — a textarea, checkbox or switch is its own box), `field` (the `<input>` or `<select>` inside that box), `icon` (the show/hide button of a password) and `error`. The box is ringed (`2px solid currentColor`) while the field inside has keyboard focus: restyle it with a `focus-within` state on the `input` slot — the box never takes `focus` itself. The thumb of a switch is no element a class reaches: the class on its `input` slot sets `--plitzi-switch-thumb` (off), `--plitzi-switch-thumb-checked` (on, white by default) and `--plitzi-switch-thumb-shadow`.",
 			bindings: {},
 			styleSelectors: {
 				base: "",
@@ -6029,26 +6034,26 @@ var g$4 = t$60()({
 			displayMode: "desktop",
 			style: { base: { default: {} } },
 			subTypes: {
-				hidden: m$6("Form Control Hidden", {}),
-				text: m$6("Form Control Text", r$32, h$4),
-				number: m$6("Form Control Number", r$32, h$4),
-				email: m$6("Form Control Email", r$32, h$4),
-				password: m$6("Form Control Password", r$32, {
+				hidden: m$7("Form Control Hidden", {}),
+				text: m$7("Form Control Text", r$31, h$4),
+				number: m$7("Form Control Number", r$31, h$4),
+				email: m$7("Form Control Email", r$31, h$4),
+				password: m$7("Form Control Password", r$31, {
 					...h$4,
-					icon: d$13
+					icon: d$12
 				}),
-				search: m$6("Form Control Search", r$32, h$4),
-				url: m$6("Form Control URL", r$32, h$4),
-				tel: m$6("Form Control Phone", r$32, h$4),
-				date: m$6("Form Control Date", r$32, h$4),
-				time: m$6("Form Control Time", r$32, h$4),
-				color: m$6("Form Control Color", r$32, h$4),
-				textarea: m$6("Form Control Textarea", {
-					...r$32,
+				search: m$7("Form Control Search", r$31, h$4),
+				url: m$7("Form Control URL", r$31, h$4),
+				tel: m$7("Form Control Phone", r$31, h$4),
+				date: m$7("Form Control Date", r$31, h$4),
+				time: m$7("Form Control Time", r$31, h$4),
+				color: m$7("Form Control Color", r$31, h$4),
+				textarea: m$7("Form Control Textarea", {
+					...r$31,
 					color: "inherit",
 					resize: "vertical"
 				}),
-				select: m$6("Form Control Select", f$11, { field: u$13 }),
+				select: m$7("Form Control Select", f$10, { field: u$14 }),
 				checkbox: {
 					name: "Form Control Checkbox",
 					displayMode: "desktop",
@@ -6060,8 +6065,8 @@ var g$4 = t$60()({
 							"margin-left": "0px",
 							"margin-right": "4px"
 						} },
-						label: { default: i$25 },
-						requiredMark: { default: s$19 },
+						label: { default: i$26 },
+						requiredMark: { default: s$20 },
 						error: { default: o$23 }
 					}
 				},
@@ -6070,12 +6075,12 @@ var g$4 = t$60()({
 					displayMode: "desktop",
 					style: {
 						base: { default: {} },
-						input: { default: p$10 },
+						input: { default: p$11 },
 						label: { default: {
-							...i$25,
+							...i$26,
 							"align-items": "center"
 						} },
-						requiredMark: { default: s$19 },
+						requiredMark: { default: s$20 },
 						error: { default: o$23 }
 					}
 				}
@@ -6086,7 +6091,7 @@ var g$4 = t$60()({
 });
 var n$36 = t$60()({
 	type: "layoutContainer",
-	attributeValues: { subType: e$39()([
+	attributeValues: { subType: e$40()([
 		"div",
 		"header",
 		"footer",
@@ -6218,6 +6223,11 @@ var t$49 = t$60()({
 });
 var t$48 = t$60()({
 	type: "page",
+	serverTemplates: [
+		"seoPageTitle",
+		"seoPageDescription",
+		"notFound"
+	],
 	triggers: { onPageLoad: {
 		action: "onPageLoad",
 		title: "On Page Load",
@@ -6385,12 +6395,12 @@ var t$46 = t$60()({
 var n$35 = t$60()({
 	type: "image",
 	attributeValues: {
-		fetchPriority: e$39()([
+		fetchPriority: e$40()([
 			"high",
 			"low",
 			"auto"
 		]),
-		loadMode: e$39()([
+		loadMode: e$40()([
 			"auto",
 			"eager",
 			"lazy"
@@ -6539,7 +6549,7 @@ var t$44 = t$60()({
 var n$34 = t$60()({
 	type: "apiContainer",
 	attributeValues: {
-		subType: e$39()([
+		subType: e$40()([
 			"",
 			"div",
 			"header",
@@ -6552,25 +6562,26 @@ var n$34 = t$60()({
 			"address",
 			"figure"
 		]),
-		method: e$39()([
+		method: e$40()([
 			"get",
 			"post",
 			"put",
 			"delete",
 			"patch"
 		]),
-		credentials: e$39()([
+		credentials: e$40()([
 			"include",
 			"omit",
 			"same-origin"
 		]),
-		pagination: e$39()([
+		pagination: e$40()([
 			"none",
 			"url",
 			"append"
 		])
 	},
 	sourceType: "apiContainer",
+	serverTemplates: ["notFound"],
 	triggers: {
 		onApiError: {
 			action: "onApiError",
@@ -6677,7 +6688,7 @@ var n$34 = t$60()({
 		definition: {
 			label: "Api Container",
 			type: "apiContainer",
-			description: "Fetches data from a backend HTTP API (its `query`/`method`/`credentials`) and exposes the response as a data source ITS DESCENDANTS bind to (source `apiContainer_<id>.data`; only elements inside it can consume it). This is how you get backend data into the frontend. Its `mockData` prop is builder-only sample data — the published runtime fetches the real `query`, so always set a real query for production. With `cache: true` a browser request is kept for `staleTime` seconds (default 30) and shared with every provider asking the same thing; it is off unless set. A flow refreshes it with `performQuery` or the global `invalidateQueries` step, and `refreshSeconds` makes it ask again on its own every N seconds (either runtime; paused while the tab is hidden) — the way to keep a queue, feed or status board current without a plugin. Its `subType` (container tag) is empty by default, and then it renders NO element of its own: its children lay out directly in its parent, and any class, variant or style binding on it applies to nothing. To style the provider itself give it a tag (`subType: \"div\"`, `section`, …); otherwise style its parent or a child.",
+			description: "Fetches data from a backend HTTP API (its `query`/`method`/`credentials`) and exposes the response as a data source ITS DESCENDANTS bind to (source `apiContainer_<id>.data`; only elements inside it can consume it). This is how you get backend data into the frontend. Its `mockData` prop is builder-only sample data — the published runtime fetches the real `query`, so always set a real query for production. With `cache: true` a browser request is kept for `staleTime` seconds (default 30) and shared with every provider asking the same thing; it is off unless set. A flow refreshes it with `performQuery` or the global `invalidateQueries` step, and `refreshSeconds` makes it ask again on its own every N seconds (either runtime; paused while the tab is hidden) — the way to keep a queue, feed or status board current without a plugin. A server provider (`runtime: \"server\"`) whose answer means the address shows nothing — a record not found — says so in `notFound`, a template against its answer (`{{ source.found == false }}`): the page is sent with status 404, rendered as written. Its `subType` (container tag) is empty by default, and then it renders NO element of its own: its children lay out directly in its parent, and any class, variant or style binding on it applies to nothing. To style the provider itself give it a tag (`subType: \"div\"`, `section`, …); otherwise style its parent or a child.",
 			items: [],
 			bindings: {},
 			styleSelectors: { base: "" },
@@ -6712,7 +6723,7 @@ var n$34 = t$60()({
 });
 var n$33 = t$60()({
 	type: "channel",
-	attributeValues: { subType: e$39()([
+	attributeValues: { subType: e$40()([
 		"",
 		"div",
 		"section",
@@ -6832,6 +6843,49 @@ var n$33 = t$60()({
 	}
 });
 var t$43 = t$60()({
+	type: "carouselTrack",
+	ancestorType: "carousel",
+	content: {
+		attributes: {},
+		definition: {
+			label: "Carousel Track",
+			type: "carouselTrack",
+			description: "Where a carousel shows its slides: what is inside is one slide, rendered once per item.",
+			items: [],
+			bindings: {},
+			styleSelectors: { base: "" },
+			initialState: { visibility: !0 }
+		},
+		builder: {
+			canDelete: !0,
+			canSelect: !0,
+			canDragDrop: !0,
+			canMove: !0,
+			canSnippet: !1,
+			itemsAllowed: [],
+			itemsNotAllowed: []
+		},
+		market: {
+			category: "structure",
+			owner: "Plitzi",
+			verified: !0,
+			license: "MIT",
+			website: "https://plitzi.com",
+			backgroundColor: "#4422ee",
+			icon: "fa-solid fa-film"
+		},
+		defaultStyle: {
+			name: "Carousel Track",
+			displayMode: "desktop",
+			style: { base: { default: {
+				position: "relative",
+				overflow: "hidden"
+			} } }
+		},
+		settings: {}
+	}
+});
+var t$42 = t$60()({
 	type: "carousel",
 	sourceType: "carousel",
 	triggers: { onChange: {
@@ -6933,53 +6987,10 @@ var t$43 = t$60()({
 	},
 	initialItems: ["carouselTrack"]
 });
-var t$42 = t$60()({
-	type: "carouselTrack",
-	ancestorType: "carousel",
-	content: {
-		attributes: {},
-		definition: {
-			label: "Carousel Track",
-			type: "carouselTrack",
-			description: "Where a carousel shows its slides: what is inside is one slide, rendered once per item.",
-			items: [],
-			bindings: {},
-			styleSelectors: { base: "" },
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canSnippet: !1,
-			itemsAllowed: [],
-			itemsNotAllowed: []
-		},
-		market: {
-			category: "structure",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
-			icon: "fa-solid fa-film"
-		},
-		defaultStyle: {
-			name: "Carousel Track",
-			displayMode: "desktop",
-			style: { base: { default: {
-				position: "relative",
-				overflow: "hidden"
-			} } }
-		},
-		settings: {}
-	}
-});
-var r$31 = t$60()({
+var r$30 = t$60()({
 	type: "container",
 	attributeValues: {
-		subType: e$39()([
+		subType: e$40()([
 			"div",
 			"header",
 			"footer",
@@ -7003,7 +7014,7 @@ var r$31 = t$60()({
 			"p",
 			"span"
 		]),
-		live: e$39()([
+		live: e$40()([
 			"",
 			"polite",
 			"assertive"
@@ -7093,11 +7104,11 @@ var B$2 = {
 	ApiContainer: n$34,
 	BlockHtml: t$59,
 	BlockJsx: t$58,
-	Button: r$34,
-	Carousel: t$43,
-	CarouselTrack: t$42,
+	Button: r$33,
+	Carousel: t$42,
+	CarouselTrack: t$43,
 	Channel: n$33,
-	Container: r$31,
+	Container: r$30,
 	Custom: t$57,
 	DialogContainer: t$60()({
 		type: "dialogContainer",
@@ -7228,8 +7239,7 @@ var B$2 = {
 						top: "0",
 						position: "absolute",
 						"z-index": "210",
-						"background-color": "black",
-						opacity: "0.5"
+						"background-color": "rgb(0 0 0 / 50%)"
 					} },
 					rootContainer: { default: {
 						display: "flex",
@@ -7300,8 +7310,8 @@ var B$2 = {
 	List: t$60()({
 		type: "list",
 		attributeValues: {
-			subType: e$39()(["ul", "ol"]),
-			source: e$39()(["none", "controlled"])
+			subType: e$40()(["ul", "ol"]),
+			source: e$40()(["none", "controlled"])
 		},
 		sourceType: "list",
 		content: {
@@ -7464,7 +7474,7 @@ var B$2 = {
 			definition: {
 				label: "Modal Container",
 				type: "modalContainer",
-				description: "A modal overlay container opened and closed through interactions; use for dialogs over the page.",
+				description: "A modal overlay container opened and closed through interactions; use for dialogs over the page. The element itself is fixed over the whole viewport, and holds two layers side by side — neither inside the other: `backgroundContainer`, the dim layer, `rgb(0 0 0 / 50%)` (its `background-color` is the whole dim), and `rootContainer`, the dialog, centred by `top: 50%`, `left: 50%` and `transform: translate3d(-50%, -50%, 0)` — to sit it near the top, set `top` and `transform: translateX(-50%)`; flex alignment on the dim layer moves nothing. Inside the dialog, top to bottom: `headerContainer` (with `headerTitle` and `headerCloseButton`) and `bodyContainer`.",
 				items: [],
 				bindings: {},
 				loadStrategy: "lazy",
@@ -7516,8 +7526,7 @@ var B$2 = {
 						top: "0",
 						position: "absolute",
 						"z-index": "210",
-						"background-color": "black",
-						opacity: "0.5"
+						"background-color": "rgb(0 0 0 / 50%)"
 					} },
 					rootContainer: { default: {
 						display: "flex",
@@ -7601,8 +7610,8 @@ var B$2 = {
 	Pagination: t$60()({
 		type: "pagination",
 		attributeValues: {
-			mode: e$39()(["pages", "loadMore"]),
-			target: e$39()(["url", "interaction"])
+			mode: e$40()(["pages", "loadMore"]),
+			target: e$40()(["url", "interaction"])
 		},
 		triggers: { onPageChange: {
 			action: "onPageChange",
@@ -7851,9 +7860,10 @@ var B$2 = {
 		}
 	}),
 	Text: t$51,
-	ThemeToggle: r$33,
+	ThemeToggle: r$32,
 	Video: t$44
 };
+Object.fromEntries(Object.values(B$2).flatMap((e) => "serverTemplates" in e ? [[e.type, e.serverTemplates]] : []));
 /** Every declaration, read through the part of its shape this catalog uses. */
 var declarations$1 = B$2;
 /** Keyed by the schema `type`, which is what a document and every catalog address a type by. */
@@ -7864,7 +7874,7 @@ var elementCatalog = Object.fromEntries(Object.values(declarations$1).map((decla
 }]));
 Object.keys(elementCatalog);
 Object.fromEntries(Object.values(declarations$1).filter((declaration) => declaration.sourceType).map((declaration) => [declaration.type, declaration.sourceType]));
-Object.fromEntries(Object.values(declarations$1).map((declaration) => [declaration.type, [...Object.keys(e$40), ...Object.keys(declaration.triggers ?? {})]]));
+Object.fromEntries(Object.values(declarations$1).map((declaration) => [declaration.type, [...Object.keys(e$41), ...Object.keys(declaration.triggers ?? {})]]));
 /** The triggers only some types fire, by action name — for a step builder that wants the title the builder shows. */
 var typeTriggerDefinitions = Object.fromEntries(Object.values(declarations$1).flatMap((declaration) => Object.entries(declaration.triggers ?? {})));
 Object.fromEntries(Object.values(declarations$1).flatMap((declaration) => Object.entries(declaration.callbacks ?? {})));
@@ -7965,6 +7975,11 @@ var AUTHORING_CODES = {
 		means: "a page that sends visitors it is not for to a page the space does not have",
 		fix: "a page's id or slug (`''` is the home page), or a full URL"
 	},
+	"page-template": {
+		kind: "refused",
+		means: "a template in a page's `seoTitle`, `seoDescription` or `notFound` that reads what is not there when the server answers — anything but the page's `runtime: 'server'` providers and `navigation` — or cannot be read",
+		fix: "read the record from a provider with `runtime: 'server'` on the page or its layout — `'{{ apiContainer_post.title }} — Blog'` — or words of its own"
+	},
 	"folder-undeclared": {
 		kind: "refused",
 		means: "a page, a layout or a folder filed in a folder the space does not declare",
@@ -8140,6 +8155,11 @@ var AUTHORING_CODES = {
 		means: "an ancestor condition keyed by something that is neither a class name nor `'>'` (the parent)",
 		fix: "`[card.name]` for a `styles()` declaration, or `'>'` for the parent whatever it wears"
 	},
+	"focus-on-field-box": {
+		kind: "warned",
+		means: "a `focus` or `focus-visible` state on a text field's or a select's `input` slot — the box the field is drawn in, which never takes focus, so no ring is ever shown",
+		fix: "`'focus-within'` on the same class, or the state on the `field` slot"
+	},
 	"heading-level-overridden": {
 		kind: "warned",
 		means: "a markdown's or richText's `heading` slot and a level's (`heading3`) both setting one property, the general class written later in the stylesheet — the level's value is lost",
@@ -8370,6 +8390,16 @@ var AUTHORING_CODES = {
 		means: "a `runtime: 'server'` element inside a component: the page server resolves a page's and its layouts', never a component's",
 		fix: "put the provider on the page, around the instance, and hand the component its rows as a prop"
 	},
+	"not-found-in-browser": {
+		kind: "refused",
+		means: "`notFound` on a provider asked from the browser — its answer arrives after the page was sent with its status",
+		fix: "`runtime: 'server'` on the provider, or `visible` on the page's \"not found\" part instead"
+	},
+	"not-found-not-a-template": {
+		kind: "refused",
+		means: "`notFound`, a provider's or a page's, that is not one `{{ expression }}` — never `true`, so never a 404",
+		fix: "`notFound: '{{ source.found == false }}'`"
+	},
 	"server-data-in-browser": {
 		kind: "refused",
 		means: "a provider asking for the project's own data (`/data/…`, read by its server from `src/data/` and never served) from the browser",
@@ -8390,6 +8420,11 @@ var AUTHORING_CODES = {
 		means: "a control in a form with no `name` — its value never reaches `values`",
 		fix: "`formControl({ name: 'email', … })`"
 	},
+	"required-message-unused": {
+		kind: "warned",
+		means: "a `requiredMessage` on a field nothing requires — fields are optional unless `required: true`, so it is never shown and an empty answer is sent",
+		fix: "`required: true` on the field, or no message"
+	},
 	"form-control-name-taken": {
 		kind: "warned",
 		means: "two controls in one form with one name — one overwrites the other",
@@ -8855,6 +8890,11 @@ var AUTHORING_CODES = {
 		means: "a colour written out in a class where the space has a token of that value — it stays put in the dark scheme",
 		fix: "`var(--token)` when it should follow the scheme; a token of one value of its own when it must stay the same in both"
 	},
+	"not-found-page": {
+		kind: "suggested",
+		means: "a space with no page of its own for an address no other page answers — a plain one was added, in the home page’s layout, sent with status 404",
+		fix: "a page whose slug is `'*'`: `{ id: 'not-found', name: 'Not found', slug: '*', layout: …, body: [...] }`"
+	},
 	"unused-component": {
 		kind: "suggested",
 		means: "a component no page, layout or other component places",
@@ -8965,7 +9005,7 @@ var sourceRow = (listSource, items) => {
 		index: pathTo(`${listSource}.index`, 0)
 	};
 };
-var e$38 = [
+var e$39 = [
 	"variables",
 	"navigation",
 	"auth",
@@ -8975,7 +9015,7 @@ var e$38 = [
 	"flags",
 	"computed"
 ];
-e$38.filter((e) => e !== "state" && e !== "computed");
+e$39.filter((e) => e !== "state" && e !== "computed");
 var t$30 = {
 	DISPLAY: "display",
 	FLEX_WRAP: "flex-wrap",
@@ -9154,6 +9194,8 @@ var t$30 = {
 	TEXT_INDENT: "text-indent",
 	TEXT_TRANSFORM: "text-transform",
 	DIRECTION: "direction",
+	WRITING_MODE: "writing-mode",
+	TEXT_ORIENTATION: "text-orientation",
 	WHITE_SPACE: "white-space",
 	TEXT_WRAP: "text-wrap",
 	WORD_BREAK: "word-break",
@@ -9178,8 +9220,8 @@ Object.values(t$30).map((e) => ({
 	path: e,
 	label: e
 }));
-t$30.DISPLAY, t$30.FLEX_WRAP, t$30.FLEX_DIRECTION, t$30.ALIGN_ITEMS, t$30.JUSTIFY_ITEMS, t$30.JUSTIFY_CONTENT, t$30.ALIGN_CONTENT, t$30.ROW_GAP, t$30.COLUMN_GAP, t$30.GRID_ROW_GAP, t$30.GRID_COLUMN_GAP, t$30.GRID_TEMPLATE_AREAS, t$30.GRID_TEMPLATE_COLUMNS, t$30.GRID_TEMPLATE_ROWS, t$30.GRID_AUTO_FLOW, t$30.GRID_AUTO_ROWS, t$30.GRID_AUTO_COLUMNS, t$30.GRID_ROW_START, t$30.GRID_COLUMN_START, t$30.GRID_ROW_END, t$30.GRID_COLUMN_END, t$30.ALIGN_SELF, t$30.JUSTIFY_SELF, t$30.ORDER, t$30.FLEX_GROW, t$30.FLEX_SHRINK, t$30.FLEX_BASIS, t$30.LIST_STYLE, t$30.LIST_STYLE_TYPE, t$30.LIST_STYLE_POSITION, t$30.LIST_STYLE_IMAGE, t$30.BACKGROUND_COLOR, t$30.BACKGROUND_IMAGE, t$30.BACKGROUND_POSITION, t$30.BACKGROUND_SIZE, t$30.BACKGROUND_CLIP, t$30.BACKGROUND_ORIGIN, t$30.BACKGROUND_REPEAT, t$30.BACKGROUND_ATTACHMENT, t$30.BACKGROUND_BLEND_MODE, t$30.MASK_IMAGE, t$30.MASK_SIZE, t$30.MASK_POSITION, t$30.MASK_REPEAT, t$30.MASK_COMPOSITE, t$30.WEBKIT_MASK_IMAGE, t$30.BORDER_TOP_STYLE, t$30.BORDER_TOP_WIDTH, t$30.BORDER_TOP_COLOR, t$30.BORDER_BOTTOM_STYLE, t$30.BORDER_BOTTOM_WIDTH, t$30.BORDER_BOTTOM_COLOR, t$30.BORDER_LEFT_STYLE, t$30.BORDER_LEFT_WIDTH, t$30.BORDER_LEFT_COLOR, t$30.BORDER_RIGHT_STYLE, t$30.BORDER_RIGHT_WIDTH, t$30.BORDER_RIGHT_COLOR, t$30.BORDER_TOP_LEFT_RADIUS, t$30.BORDER_TOP_RIGHT_RADIUS, t$30.BORDER_BOTTOM_LEFT_RADIUS, t$30.BORDER_BOTTOM_RIGHT_RADIUS, t$30.BORDER_COLLAPSE, t$30.BORDER_SPACING, t$30.TABLE_LAYOUT, t$30.OPACITY, t$30.VISIBILITY, t$30.CURSOR, t$30.TRANSITION, t$30.TRANSITION_PROPERTY, t$30.TRANSITION_DURATION, t$30.TRANSITION_TIMING_FUNCTION, t$30.TRANSITION_DELAY, t$30.TRANSITION_BEHAVIOR, t$30.ANIMATION, t$30.ANIMATION_NAME, t$30.ANIMATION_DURATION, t$30.ANIMATION_TIMING_FUNCTION, t$30.ANIMATION_DELAY, t$30.ANIMATION_ITERATION_COUNT, t$30.ANIMATION_DIRECTION, t$30.ANIMATION_FILL_MODE, t$30.ANIMATION_PLAY_STATE, t$30.ANIMATION_TIMELINE, t$30.ANIMATION_RANGE, t$30.BOX_SHADOW, t$30.FILTER, t$30.BACKDROP_FILTER, t$30.MIX_BLEND_MODE, t$30.ISOLATION, t$30.CLIP_PATH, t$30.TRANSFORM, t$30.TRANSFORM_ORIGIN, t$30.TRANSLATE, t$30.ROTATE, t$30.SCALE, t$30.TRANSFORM_STYLE, t$30.PERSPECTIVE, t$30.PERSPECTIVE_ORIGIN, t$30.BACKFACE_VISIBILITY, t$30.WILL_CHANGE, t$30.OUTLINE_WIDTH, t$30.OUTLINE_STYLE, t$30.OUTLINE_COLOR, t$30.OUTLINE_OFFSET, t$30.POINTER_EVENTS, t$30.USER_SELECT, t$30.TOUCH_ACTION, t$30.RESIZE, t$30.APPEARANCE, t$30.SCROLL_BEHAVIOR, t$30.OVERSCROLL_BEHAVIOR, t$30.SCROLL_SNAP_TYPE, t$30.SCROLL_SNAP_ALIGN, t$30.SCROLL_SNAP_STOP, t$30.SCROLL_PADDING_TOP, t$30.SCROLL_MARGIN_TOP, t$30.ACCENT_COLOR, t$30.CARET_COLOR, t$30.COLOR_SCHEME, t$30.POSITION, t$30.FLOAT, t$30.CLEAR, t$30.Z_INDEX, t$30.TOP, t$30.BOTTOM, t$30.LEFT, t$30.RIGHT, t$30.BOX_SIZING, t$30.ASPECT_RATIO, t$30.WIDTH, t$30.HEIGHT, t$30.MIN_WIDTH, t$30.MIN_HEIGHT, t$30.MAX_WIDTH, t$30.MAX_HEIGHT, t$30.OVERFLOW, t$30.OVERFLOW_X, t$30.OVERFLOW_Y, t$30.SCROLLBAR_WIDTH, t$30.SCROLLBAR_COLOR, t$30.CONTAINER_TYPE, t$30.CONTENT, t$30.CONTAINER_NAME, t$30.OBJECT_FIT, t$30.OBJECT_POSITION, t$30.COLUMN_WIDTH, t$30.COLUMN_COUNT, t$30.MARGIN_TOP, t$30.MARGIN_BOTTOM, t$30.MARGIN_LEFT, t$30.MARGIN_RIGHT, t$30.PADDING_TOP, t$30.PADDING_BOTTOM, t$30.PADDING_LEFT, t$30.PADDING_RIGHT, t$30.FONT_FAMILY, t$30.FONT_WEIGHT, t$30.FONT_SIZE, t$30.LINE_HEIGHT, t$30.COLOR, t$30.TEXT_ALIGN, t$30.FONT_STYLE, t$30.FONT_VARIANT, t$30.FONT_VARIANT_NUMERIC, t$30.FONT_FEATURE_SETTINGS, t$30.TEXT_DECORATION, t$30.TEXT_DECORATION_LINE, t$30.TEXT_DECORATION_COLOR, t$30.TEXT_DECORATION_STYLE, t$30.TEXT_DECORATION_THICKNESS, t$30.TEXT_UNDERLINE_OFFSET, t$30.LETTER_SPACING, t$30.WORD_SPACING, t$30.TEXT_INDENT, t$30.TEXT_TRANSFORM, t$30.DIRECTION, t$30.WHITE_SPACE, t$30.TEXT_WRAP, t$30.WORD_BREAK, t$30.OVERFLOW_WRAP, t$30.HYPHENS, t$30.VERTICAL_ALIGN, t$30.TEXT_OVERFLOW, t$30.TEXT_SHADOW, t$30.LINE_CLAMP, t$30.WEBKIT_LINE_CLAMP, t$30.WEBKIT_BOX_ORIENT, t$30.WEBKIT_TEXT_FILL_COLOR, t$30.WEBKIT_BACKGROUND_CLIP, t$30.BOX_DECORATION_BREAK, t$30.WEBKIT_BOX_DECORATION_BREAK, t$30.FILL, t$30.STROKE, t$30.STROKE_WIDTH;
-[...e$38];
+t$30.DISPLAY, t$30.FLEX_WRAP, t$30.FLEX_DIRECTION, t$30.ALIGN_ITEMS, t$30.JUSTIFY_ITEMS, t$30.JUSTIFY_CONTENT, t$30.ALIGN_CONTENT, t$30.ROW_GAP, t$30.COLUMN_GAP, t$30.GRID_ROW_GAP, t$30.GRID_COLUMN_GAP, t$30.GRID_TEMPLATE_AREAS, t$30.GRID_TEMPLATE_COLUMNS, t$30.GRID_TEMPLATE_ROWS, t$30.GRID_AUTO_FLOW, t$30.GRID_AUTO_ROWS, t$30.GRID_AUTO_COLUMNS, t$30.GRID_ROW_START, t$30.GRID_COLUMN_START, t$30.GRID_ROW_END, t$30.GRID_COLUMN_END, t$30.ALIGN_SELF, t$30.JUSTIFY_SELF, t$30.ORDER, t$30.FLEX_GROW, t$30.FLEX_SHRINK, t$30.FLEX_BASIS, t$30.LIST_STYLE, t$30.LIST_STYLE_TYPE, t$30.LIST_STYLE_POSITION, t$30.LIST_STYLE_IMAGE, t$30.BACKGROUND_COLOR, t$30.BACKGROUND_IMAGE, t$30.BACKGROUND_POSITION, t$30.BACKGROUND_SIZE, t$30.BACKGROUND_CLIP, t$30.BACKGROUND_ORIGIN, t$30.BACKGROUND_REPEAT, t$30.BACKGROUND_ATTACHMENT, t$30.BACKGROUND_BLEND_MODE, t$30.MASK_IMAGE, t$30.MASK_SIZE, t$30.MASK_POSITION, t$30.MASK_REPEAT, t$30.MASK_COMPOSITE, t$30.WEBKIT_MASK_IMAGE, t$30.BORDER_TOP_STYLE, t$30.BORDER_TOP_WIDTH, t$30.BORDER_TOP_COLOR, t$30.BORDER_BOTTOM_STYLE, t$30.BORDER_BOTTOM_WIDTH, t$30.BORDER_BOTTOM_COLOR, t$30.BORDER_LEFT_STYLE, t$30.BORDER_LEFT_WIDTH, t$30.BORDER_LEFT_COLOR, t$30.BORDER_RIGHT_STYLE, t$30.BORDER_RIGHT_WIDTH, t$30.BORDER_RIGHT_COLOR, t$30.BORDER_TOP_LEFT_RADIUS, t$30.BORDER_TOP_RIGHT_RADIUS, t$30.BORDER_BOTTOM_LEFT_RADIUS, t$30.BORDER_BOTTOM_RIGHT_RADIUS, t$30.BORDER_COLLAPSE, t$30.BORDER_SPACING, t$30.TABLE_LAYOUT, t$30.OPACITY, t$30.VISIBILITY, t$30.CURSOR, t$30.TRANSITION, t$30.TRANSITION_PROPERTY, t$30.TRANSITION_DURATION, t$30.TRANSITION_TIMING_FUNCTION, t$30.TRANSITION_DELAY, t$30.TRANSITION_BEHAVIOR, t$30.ANIMATION, t$30.ANIMATION_NAME, t$30.ANIMATION_DURATION, t$30.ANIMATION_TIMING_FUNCTION, t$30.ANIMATION_DELAY, t$30.ANIMATION_ITERATION_COUNT, t$30.ANIMATION_DIRECTION, t$30.ANIMATION_FILL_MODE, t$30.ANIMATION_PLAY_STATE, t$30.ANIMATION_TIMELINE, t$30.ANIMATION_RANGE, t$30.BOX_SHADOW, t$30.FILTER, t$30.BACKDROP_FILTER, t$30.MIX_BLEND_MODE, t$30.ISOLATION, t$30.CLIP_PATH, t$30.TRANSFORM, t$30.TRANSFORM_ORIGIN, t$30.TRANSLATE, t$30.ROTATE, t$30.SCALE, t$30.TRANSFORM_STYLE, t$30.PERSPECTIVE, t$30.PERSPECTIVE_ORIGIN, t$30.BACKFACE_VISIBILITY, t$30.WILL_CHANGE, t$30.OUTLINE_WIDTH, t$30.OUTLINE_STYLE, t$30.OUTLINE_COLOR, t$30.OUTLINE_OFFSET, t$30.POINTER_EVENTS, t$30.USER_SELECT, t$30.TOUCH_ACTION, t$30.RESIZE, t$30.APPEARANCE, t$30.SCROLL_BEHAVIOR, t$30.OVERSCROLL_BEHAVIOR, t$30.SCROLL_SNAP_TYPE, t$30.SCROLL_SNAP_ALIGN, t$30.SCROLL_SNAP_STOP, t$30.SCROLL_PADDING_TOP, t$30.SCROLL_MARGIN_TOP, t$30.ACCENT_COLOR, t$30.CARET_COLOR, t$30.COLOR_SCHEME, t$30.POSITION, t$30.FLOAT, t$30.CLEAR, t$30.Z_INDEX, t$30.TOP, t$30.BOTTOM, t$30.LEFT, t$30.RIGHT, t$30.BOX_SIZING, t$30.ASPECT_RATIO, t$30.WIDTH, t$30.HEIGHT, t$30.MIN_WIDTH, t$30.MIN_HEIGHT, t$30.MAX_WIDTH, t$30.MAX_HEIGHT, t$30.OVERFLOW, t$30.OVERFLOW_X, t$30.OVERFLOW_Y, t$30.SCROLLBAR_WIDTH, t$30.SCROLLBAR_COLOR, t$30.CONTAINER_TYPE, t$30.CONTENT, t$30.CONTAINER_NAME, t$30.OBJECT_FIT, t$30.OBJECT_POSITION, t$30.COLUMN_WIDTH, t$30.COLUMN_COUNT, t$30.MARGIN_TOP, t$30.MARGIN_BOTTOM, t$30.MARGIN_LEFT, t$30.MARGIN_RIGHT, t$30.PADDING_TOP, t$30.PADDING_BOTTOM, t$30.PADDING_LEFT, t$30.PADDING_RIGHT, t$30.FONT_FAMILY, t$30.FONT_WEIGHT, t$30.FONT_SIZE, t$30.LINE_HEIGHT, t$30.COLOR, t$30.TEXT_ALIGN, t$30.FONT_STYLE, t$30.FONT_VARIANT, t$30.FONT_VARIANT_NUMERIC, t$30.FONT_FEATURE_SETTINGS, t$30.TEXT_DECORATION, t$30.TEXT_DECORATION_LINE, t$30.TEXT_DECORATION_COLOR, t$30.TEXT_DECORATION_STYLE, t$30.TEXT_DECORATION_THICKNESS, t$30.TEXT_UNDERLINE_OFFSET, t$30.LETTER_SPACING, t$30.WORD_SPACING, t$30.TEXT_INDENT, t$30.TEXT_TRANSFORM, t$30.DIRECTION, t$30.WRITING_MODE, t$30.TEXT_ORIENTATION, t$30.WHITE_SPACE, t$30.TEXT_WRAP, t$30.WORD_BREAK, t$30.OVERFLOW_WRAP, t$30.HYPHENS, t$30.VERTICAL_ALIGN, t$30.TEXT_OVERFLOW, t$30.TEXT_SHADOW, t$30.LINE_CLAMP, t$30.WEBKIT_LINE_CLAMP, t$30.WEBKIT_BOX_ORIENT, t$30.WEBKIT_TEXT_FILL_COLOR, t$30.WEBKIT_BACKGROUND_CLIP, t$30.BOX_DECORATION_BREAK, t$30.WEBKIT_BOX_DECORATION_BREAK, t$30.FILL, t$30.STROKE, t$30.STROKE_WIDTH;
+[...e$39];
 /** Both binding forms as one list. The map form targets attributes, which is what nearly every binding does. */
 var toBindingSpecs = (bind) => Array.isArray(bind) ? bind : Object.entries(bind).map(([to, source]) => ({
 	to,
@@ -9491,20 +9533,20 @@ var tabContainerItem = defineElement(B$2.TabContainerItem);
 var text$1 = defineElement(B$2.Text);
 var themeToggle = defineElement(B$2.ThemeToggle);
 var video = defineElement(B$2.Video);
-var e$32 = (e) => typeof e == "object" && !!e && !Array.isArray(e);
+var e$33 = (e) => typeof e == "object" && !!e && !Array.isArray(e);
 var STEP_TYPES = [
 	"trigger",
 	"globalCallback",
 	"callback",
 	"utility"
 ];
-var e$30 = {
+var e$31 = {
 	desktop: 1024,
 	tablet: 768,
 	mobile: 0
 };
-var t$26 = (t) => e$30[t] === 0 ? "0" : `${String(e$30[t] / 16)}rem`;
-var e$29 = [
+var t$26 = (t) => e$31[t] === 0 ? "0" : `${String(e$31[t] / 16)}rem`;
+var e$30 = [
 	"desktop",
 	"tablet",
 	"mobile"
@@ -9512,16 +9554,16 @@ var e$29 = [
 Object.values(/* @__PURE__ */ function(e) {
 	return e.COLOR = "color", e.SPACING = "spacing", e.SHADOW = "shadow", e.CUSTOM = "custom", e;
 }({}));
-var e$27 = {
+var e$28 = {
 	"motion-reduce": "@media (prefers-reduced-motion: reduce)",
 	"motion-safe": "@media (prefers-reduced-motion: no-preference)"
 };
-var t$23 = Object.keys(e$27);
-var r$19 = (t) => Object.hasOwn(e$27, t);
-var i$17 = String.raw`\d+(?:\.\d+)?(?:px|rem|em|ch)`;
-var a$15 = String.raw`\((?:min|max)-width:\s*${i$17}\)`;
+var t$23 = Object.keys(e$28);
+var r$18 = (t) => Object.hasOwn(e$28, t);
+var i$18 = String.raw`\d+(?:\.\d+)?(?:px|rem|em|ch)`;
+var a$15 = String.raw`\((?:min|max)-width:\s*${i$18}\)`;
 var o$17 = new RegExp(String.raw`^container(?:\s+(?<name>-?[_a-zA-Z][\w-]*))?\s+(?<query>${a$15}(?:\s+and\s+${a$15})?)$`);
-var s$14 = (e) => {
+var s$15 = (e) => {
 	let t = o$17.exec(e.trim());
 	if (t?.groups) return {
 		name: t.groups.name,
@@ -9529,11 +9571,11 @@ var s$14 = (e) => {
 	};
 };
 var c$12 = (e) => {
-	if (r$19(e)) return e;
-	let t = s$14(e);
+	if (r$18(e)) return e;
+	let t = s$15(e);
 	if (t) return t.name ? `container ${t.name} ${t.query}` : `container ${t.query}`;
 };
-var e$26 = [
+var e$27 = [
 	"before",
 	"after",
 	"marker",
@@ -9552,7 +9594,7 @@ var t$22 = {
 	selection: "::selection"
 };
 var n$19 = (e) => Object.hasOwn(t$22, e);
-var i$16 = [
+var i$17 = [
 	"before",
 	"after",
 	"marker"
@@ -9573,7 +9615,7 @@ var o$16 = [
 	"line-height",
 	"vertical-align"
 ];
-var s$13 = [
+var s$14 = [
 	"font-family",
 	"font-size",
 	"font-style",
@@ -9600,24 +9642,24 @@ var l$8 = {
 		"color",
 		"content",
 		"direction",
-		...s$13
+		...s$14
 	],
 	placeholder: [
 		...o$16,
-		...s$13,
+		...s$14,
 		...c$11
 	],
 	"first-line": [
 		...o$16,
-		...s$13,
+		...s$14,
 		...c$11
 	]
 };
-var u$7 = (e, t) => {
+var u$8 = (e, t) => {
 	let n = l$8[e];
 	return !n || t.startsWith("--") || n.includes(t);
 };
-var d$8 = /* @__PURE__ */ new Set([
+var d$7 = /* @__PURE__ */ new Set([
 	"none",
 	"normal",
 	"open-quote",
@@ -9629,8 +9671,8 @@ var d$8 = /* @__PURE__ */ new Set([
 	"unset",
 	"revert"
 ]);
-var f$6 = /^(?:counter|counters|attr|url|var|image-set|linear-gradient|radial-gradient|conic-gradient)\(/i;
-var p$7 = (e) => {
+var f$5 = /^(?:counter|counters|attr|url|var|image-set|linear-gradient|radial-gradient|conic-gradient)\(/i;
+var p$8 = (e) => {
 	let t = [], n = "", r = "", i = 0;
 	for (let a of e) {
 		if (r) {
@@ -9648,11 +9690,11 @@ var p$7 = (e) => {
 	}
 	return n && t.push(n), r || i !== 0 ? void 0 : t;
 };
-var m$3 = (e) => {
-	let t = p$7(e.trim());
-	return t?.length ? t.every((e) => /^(["']).*\1$/s.test(e) || d$8.has(e.toLowerCase()) || f$6.test(e) && e.endsWith(")")) : !1;
+var m$4 = (e) => {
+	let t = p$8(e.trim());
+	return t?.length ? t.every((e) => /^(["']).*\1$/s.test(e) || d$7.has(e.toLowerCase()) || f$5.test(e) && e.endsWith(")")) : !1;
 };
-var e$25 = [
+var e$26 = [
 	"hover",
 	"focus",
 	"focus-visible",
@@ -9670,7 +9712,7 @@ var e$25 = [
 	"even"
 ];
 var t$21 = "plitzi-component--hidden";
-var r$17 = {
+var r$16 = {
 	odd: 0,
 	even: 1,
 	first: 2,
@@ -9687,7 +9729,7 @@ var r$17 = {
 	disabled: 13,
 	hidden: 14
 };
-var i$15 = (e) => Object.hasOwn(r$17, e);
+var i$16 = (e) => Object.hasOwn(r$16, e);
 var l$7 = {
 	current: ":is([aria-current]:not([aria-current=\"false\"]),[aria-pressed=\"true\"],[aria-selected=\"true\"],[role=\"tabpanel\"]:not([hidden]))",
 	expanded: "[aria-expanded=\"true\"]",
@@ -9697,8 +9739,8 @@ var l$7 = {
 	odd: ":nth-child(odd)",
 	even: ":nth-child(even)"
 };
-var u$6 = (e) => (i$15(e) ? l$7[e] : void 0) ?? `:${e}`;
-var p$6 = (e) => e === ">";
+var u$7 = (e) => (i$16(e) ? l$7[e] : void 0) ?? `:${e}`;
+var p$7 = (e) => e === ">";
 var n$16 = (e) => {
 	let t = typeof e == "string" && e.trim() !== "" ? Number(e) : e;
 	return typeof t == "number" && Number.isInteger(t) && t >= 250 ? t : void 0;
@@ -9733,7 +9775,7 @@ var r$13 = {
 	del: "delete",
 	return: "enter"
 };
-var i$12 = /* @__PURE__ */ new Set([
+var i$13 = /* @__PURE__ */ new Set([
 	"escape",
 	"enter",
 	"tab",
@@ -9766,7 +9808,7 @@ var o$11 = (e, t) => {
 	}
 	if (u.length !== 1) return { problem: `"${e.trim()}" names ${u.length ? `${u.length} keys (${u.join(", ")})` : "no key, only modifiers"}: a shortcut is modifiers and ONE key, like "shift+f"` };
 	let [d] = u;
-	return d.length !== 1 && !i$12.has(d) ? { problem: `"${d}" in "${e.trim()}" is not a key: use one character ("f", "?", "+") or a key's name (${[...i$12].slice(0, 15).join(", ")}, f1…f12)` } : { combo: a$10(l, d) };
+	return d.length !== 1 && !i$13.has(d) ? { problem: `"${d}" in "${e.trim()}" is not a key: use one character ("f", "?", "+") or a key's name (${[...i$13].slice(0, 15).join(", ")}, f1…f12)` } : { combo: a$10(l, d) };
 };
 var s$9 = (e, t = !1) => {
 	let n = e.split(",").map((e) => o$11(e, t));
@@ -9819,7 +9861,7 @@ var steps_exports$1 = /* @__PURE__ */ __exportAll({
 * the builders useless for exactly the flows that matter most.
 */
 var builtinTrigger = (trigger) => {
-	if (Object.hasOwn(e$40, trigger)) return e$40[trigger];
+	if (Object.hasOwn(e$41, trigger)) return e$41[trigger];
 	return Object.hasOwn(typeTriggerDefinitions, trigger) ? typeTriggerDefinitions[trigger] : void 0;
 };
 var on = (trigger, params = {}) => {
@@ -9880,7 +9922,7 @@ var onInterval = (ms) => {
 * and hide the arrow at the end already reached: `[named('row', onScroll()), setState({ key: 'atEnd', type:
 * 'boolean', value: '{{ row.atEnd }}' })]`.
 */
-var onScroll = () => on(s$21);
+var onScroll = () => on(s$22);
 var onPageLoad = () => on("onPageLoad");
 /**
 * The end of a server action this element started — the trigger a `detached` run needs, because that step returns
@@ -10130,7 +10172,7 @@ var carouselGoTo = (target, index) => carouselStep(target, "goTo", "Go To Slide"
 var carouselPlay = (target) => carouselStep(target, "play", "Play");
 /** The carousel `target` stops moving by itself until it is told to play. */
 var carouselPause = (target) => carouselStep(target, "pause", "Pause");
-var e$21 = {
+var e$22 = {
 	origin: "Requests to the same site",
 	all: "All cached requests",
 	elements: "Only these containers",
@@ -10142,7 +10184,7 @@ var t$16 = (t, n = () => !0) => ({
 		description: "What to refresh once the write succeeded, so the page shows the new data: the requests to the same site, every provider on the page, only the api containers named in `invalidateElements`, or none for a step that only reads. Server-driven containers are refreshed too, asking the server past its cache. Containers on screen ask again at once; the rest when they are shown.",
 		default: t[0],
 		options: [...t],
-		optionLabels: Object.fromEntries(t.map((t) => [t, e$21[t]])),
+		optionLabels: Object.fromEntries(t.map((t) => [t, e$22[t]])),
 		label: "Refresh cached requests",
 		canBind: !1,
 		when: n
@@ -10222,7 +10264,7 @@ var t$15 = {
 		preview: { cancelled: "" }
 	}
 };
-var e$20 = {
+var e$21 = {
 	login: {
 		source: "auth",
 		title: "Auth Login",
@@ -10308,7 +10350,7 @@ var e$20 = {
 		params: {}
 	}
 };
-var e$19 = { hostAction: {
+var e$20 = { hostAction: {
 	source: "host",
 	title: "Host Action",
 	strictParams: !0,
@@ -10325,7 +10367,7 @@ var e$19 = { hostAction: {
 		}
 	}
 } };
-var e$18 = { navigate: {
+var e$19 = { navigate: {
 	source: "navigation",
 	title: "Navigate",
 	strictParams: !0,
@@ -10352,7 +10394,7 @@ var e$18 = { navigate: {
 		}
 	}
 } };
-var e$17 = { invalidateQueries: {
+var e$18 = { invalidateQueries: {
 	source: "queries",
 	title: "Invalidate Queries",
 	strictParams: !0,
@@ -10585,11 +10627,11 @@ var BUILTIN_GLOBAL_CALLBACKS = {
 			default: ""
 		} }
 	},
-	...e$19,
-	...e$18,
 	...e$20,
+	...e$19,
+	...e$21,
 	...t$15,
-	...e$17
+	...e$18
 };
 var steps_exports = /* @__PURE__ */ __exportAll({
 	SET_STATE_TYPES: () => SET_STATE_TYPES,
@@ -10828,10 +10870,11 @@ var t$14 = (e) => {
 var t$13 = "[A-Za-z_][A-Za-z0-9_]*";
 RegExp(`^${t$13}$`);
 RegExp(`^!?${t$13}$`);
-var e$8 = "/data/";
-var e$6 = (e) => typeof e == "string" && /\{\{[\s\S]*?\}\}|\{%[\s\S]*?%\}/.test(e);
-var i$4 = (e) => `value|round(0, '${e}')`;
-i$4("floor"), i$4("ceil");
+var e$9 = "/data/";
+var e$7 = (e) => typeof e == "string" && /\{\{[\s\S]*?\}\}|\{%[\s\S]*?%\}/.test(e);
+var i$5 = (e) => `value|round(0, '${e}')`;
+i$5("floor"), i$5("ceil");
+new Set(Object.entries(g$4.content.defaultStyle.subTypes).filter(([, variant]) => "field" in variant.style).map(([subType]) => subType));
 /** A container with no tag of its own named: the row `list-row-not-li` makes an `<li>` without asking. */
 var isPlainContainer = (element) => element.definition.type === "container" && (element.attributes.subType === void 0 || element.attributes.subType === "div");
 new Set(STEP_TYPES);
@@ -10990,7 +11033,7 @@ Array.from({ length: 9 }, (e, t) => ({
 Object.entries(AUTHORING_CODES).filter(([, entry]) => entry.kind === "suggested").map(([code]) => code);
 var URL_SCHEME = /^[a-z][a-z0-9+.-]*:/i;
 /** A page target that is really a URL: the one reading of `mailto:`/`https:` a page-mode link can never mean. */
-var isUrlTarget = (target) => typeof target === "string" && !e$6(target) && URL_SCHEME.test(target);
+var isUrlTarget = (target) => typeof target === "string" && !e$7(target) && URL_SCHEME.test(target);
 var isRoot = (element) => !element.definition.parentId;
 var stepsOf$1 = (element) => Object.values(element.definition.interactions ?? {});
 /**
@@ -11001,7 +11044,7 @@ var settleUnknownKeys = (record, known, what, on, report, defaults = {}) => {
 	for (const key of Object.keys(record)) {
 		if (known.includes(key)) continue;
 		const wrapped = record[key];
-		if (e$32(wrapped) && Object.keys(wrapped).length > 0 && Object.keys(wrapped).every((inner) => known.includes(inner))) {
+		if (e$33(wrapped) && Object.keys(wrapped).length > 0 && Object.keys(wrapped).every((inner) => known.includes(inner))) {
 			const inners = Object.keys(wrapped);
 			if (inners.every((inner) => record[inner] === void 0 || record[inner] === defaults[inner])) {
 				Object.assign(record, wrapped);
@@ -11282,7 +11325,7 @@ t$4.map((e) => {
 		fieldOf: (e) => t.get(e)
 	};
 });
-Object.fromEntries(e$29.map((e) => [e, t$26(e)]));
+Object.fromEntries(e$30.map((e) => [e, t$26(e)]));
 /** Every kebab-case CSS property Plitzi's style engine understands. Values written to a definition must use these
 *  exact keys — camelCase or unknown keys are rejected. */
 var cssProperties = Array.from(new Set(Object.values(t$30))).sort();
@@ -12067,7 +12110,7 @@ var byProperty = (rules) => {
 	return responsive;
 };
 /** The states a selector can react to — the closed list the style editor offers, read from where it is declared. */
-var STYLE_STATES = e$25;
+var STYLE_STATES = e$26;
 var STYLE_STATE_SET = new Set(STYLE_STATES);
 var RULE_SET_KEYS = /* @__PURE__ */ new Set([
 	"css",
@@ -12094,7 +12137,7 @@ var toStates = (states) => {
 };
 var CLASS_NAME = /^-?[_a-zA-Z][\w-]*$/;
 var toAncestors = (ancestors) => Object.entries(ancestors ?? {}).map(([name, ancestor]) => {
-	if (!p$6(name) && !CLASS_NAME.test(name)) throw new AuthoringError("ancestor-not-class", `The ancestor "${name}" is not a class name. An ancestor condition is keyed by a class that ancestor wears — \`[card.name]\` for a \`styles()\` declaration — or by \`'>'\` for the parent, whatever it wears.`);
+	if (!p$7(name) && !CLASS_NAME.test(name)) throw new AuthoringError("ancestor-not-class", `The ancestor "${name}" is not a class name. An ancestor condition is keyed by a class that ancestor wears — \`[card.name]\` for a \`styles()\` declaration — or by \`'>'\` for the parent, whatever it wears.`);
 	return [name, toBlocks({
 		css: ancestor.css,
 		states: ancestor.states,
@@ -12131,11 +12174,11 @@ var assertPseudo = (pseudo, part) => {
 	const ruleSets = partRuleSets(part);
 	for (const rules of ruleSets) for (const [property, value] of Object.entries(rules)) {
 		if (property === "content") {
-			if (!i$16.includes(pseudo)) throw new AuthoringError("style-pseudo-content", `\`content\` on \`::${pseudo}\` draws nothing: only ${i$16.map((name) => `\`::${name}\``).join(", ")} take one.`);
-			if (!m$3(String(value))) throw new AuthoringError("style-pseudo-content", `\`content: ${String(value)}\` on \`::${pseudo}\` is not text CSS can read, so nothing is drawn. Text goes in quotes inside the string — \`content: '"${String(value).replace(/"/g, "\\\"")}"'\` — and an empty box is \`'""'\`; \`counter()\`, \`attr()\` and \`url()\` are written as they are.`);
+			if (!i$17.includes(pseudo)) throw new AuthoringError("style-pseudo-content", `\`content\` on \`::${pseudo}\` draws nothing: only ${i$17.map((name) => `\`::${name}\``).join(", ")} take one.`);
+			if (!m$4(String(value))) throw new AuthoringError("style-pseudo-content", `\`content: ${String(value)}\` on \`::${pseudo}\` is not text CSS can read, so nothing is drawn. Text goes in quotes inside the string — \`content: '"${String(value).replace(/"/g, "\\\"")}"'\` — and an empty box is \`'""'\`; \`counter()\`, \`attr()\` and \`url()\` are written as they are.`);
 			continue;
 		}
-		if (!u$7(pseudo, property)) throw new AuthoringError("style-pseudo-property", `\`${property}\` on \`::${pseudo}\` is dropped by every browser — \`::${pseudo}\` honours ${(l$8[pseudo] ?? []).map((name) => `\`${name}\``).join(", ")}. Style the element itself for the rest.`);
+		if (!u$8(pseudo, property)) throw new AuthoringError("style-pseudo-property", `\`${property}\` on \`::${pseudo}\` is dropped by every browser — \`::${pseudo}\` honours ${(l$8[pseudo] ?? []).map((name) => `\`${name}\``).join(", ")}. Style the element itself for the rest.`);
 	}
 	if (a$14.includes(pseudo) && !ruleSets.some((rules) => Object.hasOwn(rules, "content"))) throw new AuthoringError("style-pseudo-content", `\`::${pseudo}\` has no \`content\`, so the browser draws nothing for it. Give it one — \`content: '""'\` for an empty box — in its rules or in a state's.`);
 };
@@ -12143,7 +12186,7 @@ var toPseudos = (pseudos) => {
 	const parts = /* @__PURE__ */ new Map();
 	for (const [name, spec] of Object.entries(pseudos ?? {})) {
 		const bare = name.replace(/^:+/, "");
-		if (!n$19(name)) throw new AuthoringError("style-pseudo-unknown", `Unknown pseudo-element "${name}"${n$19(bare) ? ` — write it without the colons, "${bare}"` : didYouMean(bare, e$26)}. A class dresses ${e$26.join(", ")}.`);
+		if (!n$19(name)) throw new AuthoringError("style-pseudo-unknown", `Unknown pseudo-element "${name}"${n$19(bare) ? ` — write it without the colons, "${bare}"` : didYouMean(bare, e$27)}. A class dresses ${e$27.join(", ")}.`);
 		const part = partOf(spec);
 		const rules = {
 			base: toResponsive(part.css),
@@ -13769,7 +13812,7 @@ var createTw = ({ colors = {} } = {}) => (classes) => {
 	return rules;
 };
 createTw();
-[...new Set(STYLE_STATES.filter((state) => state !== "hidden"))].filter((state) => u$6(state) !== `:${state}`);
+[...new Set(STYLE_STATES.filter((state) => state !== "hidden"))].filter((state) => u$7(state) !== `:${state}`);
 new Set("break case catch class const continue debugger default delete do else enum export extends false finally for function if import in instanceof new null return super switch this throw true try typeof var void while with yield let static implements interface package private protected public await element styles".split(" "));
 new Set(STYLE_STATES);
 new Set([
@@ -14305,6 +14348,33 @@ var footerRow = styles("footer-row", { css: {
 		gap: "8px"
 	}
 } });
+container({
+	id: "not-found-main",
+	subType: "main",
+	class: [shell$1, heroBand],
+	children: [
+		text$1("404", {
+			id: "not-found-kicker",
+			class: kicker
+		}),
+		heading("Page not found", {
+			id: "not-found-title",
+			subType: "h1",
+			class: sectionTitle
+		}),
+		paragraph({
+			id: "not-found-lede",
+			class: bodyText,
+			content: "There is nothing at this address — it may have moved, or the link has a typo."
+		}),
+		link({
+			id: "not-found-home",
+			href: "/",
+			class: button,
+			content: "Back to the home page"
+		})
+	]
+});
 /**
 * The space, declared: this file is the page, and it assembles the rest — the palette in `tokens.ts`, the classes in
 * `theme.ts`, what the page says in `content.ts`. Everything else — element ids, style selector names, the
@@ -14614,6 +14684,17 @@ container({
 		})]
 	})]
 });
+heading("Page not found", {
+	id: "not-found-title",
+	subType: "h1"
+}), paragraph({
+	id: "not-found-lede",
+	content: "There is nothing at this address."
+}), link({
+	id: "not-found-home",
+	href: "/",
+	content: "Back to the home page"
+});
 /**
 * The space, declared — and nothing in it yet but what every space starts from: tokens for both themes, a layout the
 * pages render in, and one page.
@@ -14914,7 +14995,7 @@ var V$1 = (e) => {
 	for (let n of e.filter((e) => x$2.test(e))) t.set(M$1(n), [...t.get(M$1(n)) ?? [], n]);
 	return [...t].flatMap(([e, t]) => t.slice(1).map((n) => y$1("plugin-type-taken", `${o$1$1}/${n}/`, `${o$1$1}/${t[0]}/ and ${o$1$1}/${n}/ are both the plugin ${e}: the server registers a folder by its name with a small first letter, and keeps one.`, `Put them in one folder, or rename one: git mv ${o$1$1}/${n} ${o$1$1}/<AnotherName>`)));
 };
-var H$1 = (t) => e$32(t.assets) ? Object.values(t.assets).flatMap((t) => e$32(t) && typeof t.src == "string" && typeof t.type == "string" ? [{
+var H$1 = (t) => e$33(t.assets) ? Object.values(t.assets).flatMap((t) => e$33(t) && typeof t.src == "string" && typeof t.type == "string" ? [{
 	src: t.src,
 	type: t.type,
 	isMain: t.isMain === !0
@@ -14928,7 +15009,7 @@ var U$1 = (t, n) => {
 	} catch (e) {
 		return { problem: y$1("vendor-manifest-invalid", i, `${i} is not JSON (${e instanceof Error ? e.message : String(e)}), so ${n} does not run.`, a) };
 	}
-	if (!e$32(o)) return { problem: y$1("vendor-manifest-invalid", i, `${i} is not a manifest, so ${n} does not run.`, a) };
+	if (!e$33(o)) return { problem: y$1("vendor-manifest-invalid", i, `${i} is not a manifest, so ${n} does not run.`, a) };
 	let s = H$1(o), l = s.find((e) => e.type === "script" && e.isMain) ?? s.find((e) => e.type === "script");
 	if (!l) return { problem: y$1("vendor-script-missing", i, `${i} names no script to run, so ${n} does not run.`, a) };
 	if (!C$1(t, path.posix.join(r, l.src), "file")) return { problem: y$1("vendor-script-missing", i, `${i} names ${l.src} as the script to run, and ${r}/${l.src} is not there, so ${n} does not run.`, a) };
@@ -15052,7 +15133,7 @@ var ce$1 = (e, t) => {
 var Z$1 = (t) => {
 	try {
 		let n = JSON.parse(readFileSync(path.join(t, "package.json"), "utf-8"));
-		return e$32(n) && [n.dependencies, n.devDependencies].some((t) => e$32(t) && "@plitzi/sdk-server" in t);
+		return e$33(n) && [n.dependencies, n.devDependencies].some((t) => e$33(t) && "@plitzi/sdk-server" in t);
 	} catch {
 		return !1;
 	}
@@ -15175,7 +15256,7 @@ var publicData = (folder) => fileReader(folder, "/");
 * never serves (`dataDir`) — for `authorSpace`'s `serverData`: bindings are held to the file, and a provider reading
 * one from the browser is refused.
 */
-var projectData = (folder) => fileReader(folder, e$8);
+var projectData = (folder) => fileReader(folder, e$9);
 /**
 * The declaration of every plugin under `folder` — `src/plugins/<Name>/declaration.ts`, its default export — for
 * `authorSpace`'s `plugins`: what each fires, answers and reads. Found by folder, as the server finds the plugins
@@ -15197,7 +15278,7 @@ var pluginDeclarations = async (folder) => {
 var manifestOf$1 = (file) => {
 	try {
 		const manifest = JSON.parse(readFileSync(file, "utf-8"));
-		return e$32(manifest) ? manifest : {};
+		return e$33(manifest) ? manifest : {};
 	} catch {
 		return {};
 	}
@@ -15208,9 +15289,17 @@ var manifestOf$1 = (file) => {
 */
 var builtPluginTypes = (folder) => existsSync(folder) ? readdirSync(folder, { withFileTypes: true }).filter((entry) => entry.isDirectory()).sort((a, b) => a.name.localeCompare(b.name)).flatMap((entry) => {
 	const { pluginSchema } = manifestOf$1(path.join(folder, entry.name, d$1));
-	return [entry.name, ...e$32(pluginSchema) ? Object.keys(pluginSchema) : []];
+	return [entry.name, ...e$33(pluginSchema) ? Object.keys(pluginSchema) : []];
 }) : [];
 /**
+* The stylesheets of the plugins under `folder` — every `.css` in a plugin's folder, at any depth — as their text, for
+* `authorSpace`'s `stylesheets`: the tokens a plugin's own CSS reads are tokens the space uses.
+*/
+var pluginStylesheets = (folder) => existsSync(folder) ? readdirSync(folder, {
+	recursive: true,
+	withFileTypes: true
+}).filter((entry) => entry.isFile() && entry.name.endsWith(".css")).map((entry) => path.join(entry.parentPath, entry.name)).sort().map((file) => readFileSync(file, "utf-8")) : [];
+/**
 * `projectAuthoring` of the project at `root`, held to the same check: for a tool that works on a project from another
 * folder — the CLI, run anywhere inside one. A project's own code calls `projectAuthoring()`.
 */
@@ -15221,6 +15310,7 @@ var projectAuthoringAt = async (root) => {
 	return {
 		plugins: await pluginDeclarations(path.join(at, o$1$1)),
 		pluginTypes: builtPluginTypes(path.join(at, u$2)),
+		stylesheets: pluginStylesheets(path.join(at, o$1$1)),
 		...existsSync(serverData) ? { serverData: projectData(serverData) } : {},
 		data: publicData(path.join(at, p$1))
 	};
@@ -15268,7 +15358,7 @@ var importProjectModule = async (file, root) => {
 * What the module exports as `space`, taken as a declaration when it has the shape of one. `authorSpace` checks the
 * rest of it, field by field, and says what is wrong — so this only has to tell a space from anything else.
 */
-var isSpaceSpec = (value) => e$32(value) && typeof value.name === "string" && typeof value.permanentUrl === "string" && Array.isArray(value.pages);
+var isSpaceSpec = (value) => e$33(value) && typeof value.name === "string" && typeof value.permanentUrl === "string" && Array.isArray(value.pages);
 /**
 * `projectSpace` of the project at `root`, held to the same checks: for a tool that works on a project from another
 * folder — the CLI, run anywhere inside one. A project's own code calls `projectSpace()` or `authorProjectSpace()`.
@@ -15276,7 +15366,7 @@ var isSpaceSpec = (value) => e$32(value) && typeof value.name === "string" && ty
 var projectSpaceAt = async (root) => {
 	const authoring = await projectAuthoringAt(root);
 	const module = await importProjectModule(l$2(root, a$1, process.argv[1]), root);
-	const space = e$32(module) ? module.space : void 0;
+	const space = e$33(module) ? module.space : void 0;
 	if (!isSpaceSpec(space)) throw new ProjectSpaceError(a$1);
 	return {
 		space,
@@ -16227,7 +16317,8 @@ var unifiedDiff = (file, before, after, context = 2) => {
 *   is left to the author, said with the command that would take the registry's.
 * - `skills`: `.claude/skills/plitzi-*` from the packages installed, each replaced whole.
 * - `renames`: a name a version renamed, still written in the source (`canTemplate`), at its file and line — and with
-*   `--write`, renamed.
+*   `--write`, renamed. With it, what a version changed that the source may count on — a `formControl` written
+*   before fields became optional — at its file and line, for a project last upgraded before: said, never written.
 *
 * Shown by default; `--write` makes it. What the space is — its pages, plugins, data — is the project's, never named.
 *
@@ -16288,6 +16379,42 @@ var renamesIn = (file, text) => RENAMES.filter((rename) => !rename.from || impor
 	since: rename.since,
 	what: rename.what
 }] : []));
+/** Before this version a `formControl` was required unless it said `required: false`; from it, optional unless `true`. */
+var OPTIONAL_FIELDS_SINCE = "0.38.9";
+/** The text of the call whose `(` is at `open`, up to its `)` — strings skipped, so a `)` inside one closes nothing. */
+var callArguments = (text, open) => {
+	let depth = 0;
+	let quote;
+	for (let at = open; at < text.length; at++) {
+		const char = text[at];
+		if (quote && char === "\\") {
+			at++;
+			continue;
+		}
+		if (quote) {
+			quote = char === quote ? void 0 : quote;
+			continue;
+		}
+		if (/['"`]/.test(char)) quote = char;
+		else if (char === "(") depth++;
+		else if (char === ")" && --depth === 0) return text.slice(open + 1, at);
+	}
+	return text.slice(open + 1);
+};
+/**
+* A `formControl(…)` that writes no `required`: one that, written before fields became optional, was required, and now
+* takes an empty answer. Said, never written — whether a field must be answered is the space's to say. Found as written
+* in the call: one built by a helper of the project's own is the helper's to look at.
+*/
+var optionalFieldsIn = (file, text) => [...text.matchAll(/\bformControl\(/g)].flatMap((match) => {
+	const open = match.index + match[0].length - 1;
+	return /\brequired\s*:/.test(callArguments(text, open)) ? [] : [{
+		file,
+		line: text.slice(0, match.index).split("\n").length,
+		since: OPTIONAL_FIELDS_SINCE,
+		what: "a formControl with no `required` is optional now — write `required: true` if it must be answered"
+	}];
+});
 /** The lowest version a range allows, as numbers: `^0.38.2` → [0, 38, 2]. */
 var floorOf$1 = (range) => {
 	const match = /(\d+)\.(\d+)\.(\d+)/.exec(range);
@@ -16384,8 +16511,20 @@ var readText$1 = async (file) => {
 		return;
 	}
 };
+var holdsFiles = async (folder) => {
+	try {
+		return (await fs.readdir(folder)).length > 0;
+	} catch {
+		return false;
+	}
+};
 var planFiles = async (root, files, recorded, take) => Promise.all(Object.entries(files).map(async ([file, ours]) => {
 	const yours = await readText$1(path.join(root, file));
+	if (yours === void 0 && path.basename(file) === ".gitkeep" && await holdsFiles(path.join(root, file, ".."))) return {
+		file,
+		status: "current",
+		ours
+	};
 	if (yours === void 0) return {
 		file,
 		status: "added",
@@ -16544,6 +16683,10 @@ var reportText$3 = (report, install) => {
 		lines.push(report.renames.length === 0 ? chalk.green("renames: none written") : "renames:");
 		lines.push(...report.renames.map((found) => chalk.yellow(`  ${report.write ? "~" : "!"} ${found.file}:${String(found.line)} ${found.name} → ${found.to} (${found.since}: ${found.what})`)));
 	}
+	if (report.changes && report.changes.length > 0) {
+		lines.push("changes the source may count on (look, then decide — never written):");
+		lines.push(...report.changes.map((found) => chalk.yellow(`  ! ${found.file}:${String(found.line)} (${found.since}) ${found.what}`)));
+	}
 	return lines.join("\n");
 };
 var upgrade = async (parts, options) => {
@@ -16640,8 +16783,11 @@ var upgrade = async (parts, options) => {
 	}
 	if (wanted.has("renames")) {
 		const found = [];
+		const changes = [];
+		const before = record === void 0 || isBelow(record.cli, OPTIONAL_FIELDS_SINCE);
 		for (const file of await sourceFiles(root)) {
 			const text = await readText$1(path.join(root, file));
+			if (before && text !== void 0) changes.push(...optionalFieldsIn(file, text));
 			const inFile = text === void 0 ? [] : renamesIn(file, text);
 			if (write && text !== void 0 && inFile.length > 0) {
 				const renamed = [...new Set(inFile.map((entry) => entry.name))].reduce((result, name) => result.replace(wordOf(name), RENAMES.find((rename) => rename.name === name)?.to ?? name), text);
@@ -16650,6 +16796,7 @@ var upgrade = async (parts, options) => {
 			found.push(...inFile);
 		}
 		report.renames = found;
+		report.changes = changes;
 	}
 	console.log(options.json ? JSON.stringify(report) : reportText$3(report, installCommand(manager)));
 	if (report.packages?.install === "failed") {
@@ -18285,20 +18432,69 @@ var move$1 = async (elementId, options) => {
 	].join("\n"));
 };
 //#endregion
+//#region src/commands/projectSettings.ts
+/**
+* What the project's processes start with: what its `.env` sets, under what the environment already has — as its
+* scripts read it (`--env-file-if-exists=.env`). Read, never loaded into this process's own environment.
+*/
+var projectSettings = async (root) => {
+	const text = await fs.readFile(path.join(root, ".env"), "utf-8").catch(() => void 0);
+	const parsed = text === void 0 ? {} : parseEnv(text);
+	return {
+		file: text !== void 0,
+		value: (name) => process.env[name] ?? parsed[name] ?? ""
+	};
+};
+//#endregion
 //#region src/commands/check.ts
-/** Where `--as` reads the account's password: the environment, never the command line, which a shell keeps. */
+/** The account `verify` signs in as for the pages that send a visitor to sign in: the project's, in `.env`. */
+var CHECK_USER_ENV = "PLITZI_CHECK_USER";
+/** Where the account's password is read: `.env` or the environment, never the command line, which a shell keeps. */
 var CHECK_PASSWORD_ENV = "PLITZI_CHECK_PASSWORD";
 /** The project's sign-in route: where `createServer({ auth })` mounts its flows unless told otherwise. */
 var SIGN_IN_PATH = "/auth/login";
+/**
+* The account a check signs in as: the one named, or the project's own (`PLITZI_CHECK_USER`) — `undefined` when
+* neither is — with its password from `PLITZI_CHECK_PASSWORD`, each read from the environment over `.env`, as the
+* project's scripts read them.
+*/
+var checkAccount = async (root, username) => {
+	const settings = await projectSettings(root);
+	const named = username ?? settings.value("PLITZI_CHECK_USER");
+	if (!named) return;
+	const password = settings.value(CHECK_PASSWORD_ENV);
+	if (!password) return { problem: `${named} signs in with the password in ${CHECK_PASSWORD_ENV}: set it in .env — never on the command line, which a shell keeps` };
+	return {
+		username: named,
+		password
+	};
+};
+/** Signs the page's browser in as the account, through the server's `/auth` routes: what went wrong, or nothing. */
+var signInAs = async (page, origin, account) => {
+	const answer = await page.request.post(`${origin}${SIGN_IN_PATH}`, { data: {
+		username: account.username,
+		password: account.password
+	} });
+	if (answer.ok()) return;
+	return answer.status() === 404 ? `nothing answers at ${SIGN_IN_PATH}: --as signs in through the routes createServer({ auth }) mounts there` : `${account.username} was not signed in (${String(answer.status())}): ${(await answer.text()).slice(0, 200)} — check ${CHECK_PASSWORD_ENV} in .env`;
+};
+var withoutTrailingSlash = (path) => path.length > 1 ? path.replace(/\/+$/, "") : path;
+/** Where the page landed, when that is not the path it was opened at — sent to the sign-in, most often. */
+var sentElsewhere = (page, pathname) => {
+	const landed = new URL(page.url()).pathname;
+	const asked = new URL(pathname, page.url()).pathname;
+	return withoutTrailingSlash(landed) === withoutTrailingSlash(asked) ? void 0 : landed;
+};
 /** The space the project declares, authored. Only for one written here. */
 var projectSpace = async (root) => {
 	const project = await loadProjectSpace(root);
 	if ("problem" in project) return { problem: `${project.problem} There is nothing to check the page against.` };
 	try {
-		const { handles, schema } = authorSpace(project.space, project.authoring);
+		const { handles, schema, style } = authorSpace(project.space, project.authoring);
 		return {
 			handles,
-			schema
+			schema,
+			schemes: SCHEMES.filter((scheme) => style.theme.schemes.includes(scheme))
 		};
 	} catch (error) {
 		return { problem: `The space does not author — npm run author says why: ${error instanceof Error ? error.message.split("\n")[0] : String(error)}` };
@@ -18310,12 +18506,25 @@ var projectSpace = async (root) => {
 * (`/p/:slug`), so the one meant is read off the list rather than guessed from letters.
 */
 var noPageMessage = (handles, pathname) => `no page of the space answers at ${pathname}: its pages are ${Object.values(handles.pages).map((page) => page.path).join(", ")}`;
+/**
+* The space's "not found" page: a page whose slug is `*`, the page of every address under its folder that no other
+* page answers. Not every path ending in `*` — `update/*` is a page of its own that answers a whole subtree.
+*/
+var isNotFoundPage = (page) => page.slug === "*";
+/** A path whose last segment is `*`: it answers every address under it. */
+var isSplat = (path) => path.endsWith("/*");
+/** Where `verify` looks at a page for an address nothing answers: an address under its folder no page has. */
+var NOT_FOUND_PROBE = "plitzi-check-not-found";
+/** The page an address is answered by — as the router picks: every page with a path of its own first, then the "not found" pages, the deepest folder's before the space's. */
 var pageFor = (handles, pathname) => {
 	const wanted = pathname.replace(/\/$/, "").split("/");
-	return Object.values(handles.pages).find((page) => {
-		const segments = page.path.replace(/\/$/, "").split("/");
-		return segments.length === wanted.length && segments.every((segment, index) => segment.startsWith(":") || /^\{\{.*\}\}$/.test(segment) || segment === wanted[index]);
-	})?.id;
+	const answers = (path) => {
+		const splat = isSplat(path);
+		const segments = (splat ? path.slice(0, -2) : path.replace(/\/$/, "")).split("/");
+		return (splat ? wanted.length > segments.length : segments.length === wanted.length) && segments.every((segment, index) => segment.startsWith(":") || /^\{\{.*\}\}$/.test(segment) || segment === wanted[index]);
+	};
+	const pages = Object.values(handles.pages);
+	return [...pages.filter((page) => !isNotFoundPage(page)), ...pages.filter(isNotFoundPage).sort((a, b) => b.path.length - a.path.length)].find((page) => answers(page.path))?.id;
 };
 /** The elements a piece of HTML carries, by the id each is marked with. */
 var markedIn = (html) => new Set([...html.matchAll(/data-plitzi-el="([^"]+)"/g)].map(([, id]) => id));
@@ -18701,24 +18910,25 @@ var checkAt = async (browser, origin, pathname, width, scheme, authored, asked,
 		devTools: false,
 		lists: {}
 	});
-	if (account) {
-		const signedIn = await page.request.post(`${origin}${SIGN_IN_PATH}`, { data: {
-			username: account.username,
-			password: account.password
-		} });
-		if (!signedIn.ok()) return unchecked({
-			code: "not-signed-in",
-			message: signedIn.status() === 404 ? `nothing answers at ${SIGN_IN_PATH}: --as signs in through the routes createServer({ auth }) mounts there` : `${account.username} was not signed in (${String(signedIn.status())}): ${(await signedIn.text()).slice(0, 200)} — check ${CHECK_PASSWORD_ENV}`,
-			width
-		});
-	}
+	const notSignedIn = account && await signInAs(page, origin, account);
+	if (notSignedIn) return unchecked({
+		code: "not-signed-in",
+		message: notSignedIn,
+		width
+	});
 	const consoleErrors = [];
 	const failedRequests = [];
 	page.on("pageerror", (error) => consoleErrors.push(error.message));
+	const address = `${origin}${pathname}`;
 	page.on("console", (message) => {
-		if (message.type() === "error") consoleErrors.push(message.text());
+		if (message.type() === "error" && message.location().url !== address) consoleErrors.push(message.text());
 	});
+	let sentWith;
 	page.on("response", (response) => {
+		if (sentWith === void 0 && response.url() === address) {
+			sentWith = response.status();
+			return;
+		}
 		if (response.status() >= 400 && response.url().startsWith(origin)) failedRequests.push(`${String(response.status())} ${response.url().slice(origin.length)}`);
 	});
 	if (handles && !pageFor(handles, pathname)) return {
@@ -18739,11 +18949,11 @@ var checkAt = async (browser, origin, pathname, width, scheme, authored, asked,
 		consoleErrors,
 		failedRequests
 	};
-	const landed = new URL(page.url()).pathname;
-	if (withoutTrailingSlash(landed) !== withoutTrailingSlash(new URL(`${origin}${pathname}`).pathname)) return {
+	const landed = sentElsewhere(page, pathname);
+	if (landed) return {
 		...unchecked({
 			code: "redirected",
-			message: account ? `${pathname} sent the browser to ${landed}, signed in as ${account.username}: that account may not see it` : `${pathname} sent the browser to ${landed} — what a page for signed-in visitors does: \`plitzi page check ${pathname} --as <username>\` signs in first, the password in ${CHECK_PASSWORD_ENV}`,
+			message: account ? `${pathname} sent the browser to ${landed}, signed in as ${account.username}: that account may not see it` : `${pathname} sent the browser to ${landed} — what a page for signed-in visitors does: \`plitzi page check ${pathname} --as <username>\` signs in first, the password in ${CHECK_PASSWORD_ENV} in .env`,
 			width
 		}),
 		consoleErrors,
@@ -18773,8 +18983,18 @@ var checkAt = async (browser, origin, pathname, width, scheme, authored, asked,
 		...flow.on === void 0 ? {} : { elementId: flow.on },
 		width
 	}));
+	const statusIssues = (handles && pageId ? isNotFoundPage(handles.pages[pageId]) : false) && sentWith !== 404 ? [{
+		code: "page-status",
+		message: `${pathname} shows the page for an address nothing answers, sent with status ${String(sentWith)}: a crawler reads it as a page that exists — the server should send it with 404`,
+		width
+	}] : sentWith !== void 0 && sentWith >= 400 && sentWith !== 404 ? [{
+		code: "page-status",
+		message: `${pathname} was sent with status ${String(sentWith)}`,
+		width
+	}] : [];
 	const issues = [
 		...noPage,
+		...statusIssues,
 		...report.issues.map((issue) => ({
 			...issue,
 			width
@@ -18803,7 +19023,8 @@ var checkAt = async (browser, origin, pathname, width, scheme, authored, asked,
 		...!asked.state || devTools.sources === void 0 ? {} : { sources: devTools.sources },
 		...devTools.element === void 0 ? {} : { element: devTools.element },
 		...styled === void 0 ? {} : { styles: styled },
-		...clicked === void 0 ? {} : { clicked }
+		...clicked === void 0 ? {} : { clicked },
+		...sentWith === 404 ? { notFound: true } : {}
 	};
 };
 /** What the page holds, when it was asked for: one compact line each, the shape of a source rather than its rows. */
@@ -18857,8 +19078,9 @@ var clickedText = (clicked) => {
 	];
 };
 var reportText$2 = (report, asked) => {
-	const head = `${report.path} at ${String(report.width)} px`;
+	const head = `${report.path} at ${String(report.width)} px${report.scheme ? `, ${report.scheme}` : ""}`;
 	const held = [
+		...report.notFound ? ["  · sent with status 404: the page for an address that shows nothing"] : [],
 		...listsText(report.lists),
 		...browserOnlyText(report),
 		...heldText(report, asked),
@@ -18878,28 +19100,27 @@ var reportText$2 = (report, asked) => {
 		...held
 	].join("\n");
 };
-var withoutTrailingSlash = (path) => path.length > 1 ? path.replace(/\/+$/, "") : path;
-var check = async (route, options) => {
+var check = async (routes, options) => {
 	const project = await projectHere("whose page to check");
 	if (!project) return;
-	const password = process.env[CHECK_PASSWORD_ENV];
-	if (options.as && !password) {
-		fail(`--as ${options.as} signs in with the password in ${CHECK_PASSWORD_ENV}: set it — ${CHECK_PASSWORD_ENV}=… npx plitzi page check …`);
+	const account = options.as === void 0 ? void 0 : await checkAccount(project.root, options.as);
+	if (account && "problem" in account) {
+		fail(`--as ${account.problem}.`);
 		return;
 	}
 	if (options.fill && !options.click) {
 		fail("--fill fills fields for a --click: with nothing clicked, nothing they hold is sent anywhere.");
 		return;
 	}
-	const account = options.as && password ? {
-		username: options.as,
-		password
-	} : void 0;
+	if (options.click && routes.length > 1) {
+		fail(`--click clicks one element of one page: ${String(routes.length)} were named.`);
+		return;
+	}
 	const asked = {
 		state: Boolean(options.state),
 		...options.element ? { element: options.element } : {}
 	};
-	const reports = await checkRoutes(project, [route ?? "/"], {
+	const reports = await checkRoutes(project, routes.length > 0 ? routes : ["/"], {
 		widths: options.width ?? [1440, 390],
 		asked,
 		ssr: Boolean(options.ssr),
@@ -18932,17 +19153,26 @@ var checkRoutes = async (project, routes, options) => {
 	if ("problem" in browser) return browser;
 	try {
 		const reports = [];
-		for (const route of routes) for (const width of options.widths) reports.push(await checkAt(browser, where.origin, route, width, options.scheme, authored, options.asked, options.ssr, options.account, options.click));
+		for (const route of routes) for (const width of options.widths) {
+			const report = await checkAt(browser, where.origin, route, width, options.scheme, authored, options.asked, options.ssr, options.account, options.click);
+			reports.push({
+				...report,
+				...options.scheme ? { scheme: options.scheme } : {}
+			});
+		}
 		return reports;
 	} finally {
 		await browser.close();
 	}
 };
-/** The paths of the space's pages that take no parameter — the ones a check can open as they are. */
+/** What a whole-project check opens: every page with no parameter in its path, in every theme the space can show. */
 var staticPaths = async (root) => {
 	const authored = await projectSpace(root);
 	if ("problem" in authored) return authored;
-	return Object.values(authored.handles.pages).map((page) => page.path).filter((pathname) => pathname.split("/").every((segment) => !segment.startsWith(":") && !/\{\{.*\}\}/.test(segment)));
+	return {
+		paths: Object.values(authored.handles.pages).map((page) => isNotFoundPage(page) ? `${page.path.slice(0, -1)}${NOT_FOUND_PROBE}` : page.path).filter((pathname) => pathname.split("/").every((segment) => !segment.startsWith(":") && !/\{\{.*\}\}/.test(segment))),
+		schemes: authored.schemes
+	};
 };
 //#endregion
 //#region src/commands/functions.ts
@@ -21056,12 +21286,12 @@ var measure = async (browser, url, width, scheme, read = []) => {
 		screen: await page.screenshot({ fullPage: true })
 	};
 };
-var count$2 = (amount, one, many = `${one}s`) => `${String(amount)} ${amount === 1 ? one : many}`;
+var count$3 = (amount, one, many = `${one}s`) => `${String(amount)} ${amount === 1 ? one : many}`;
 var summaryText = (summary, out, stale) => [
 	chalk.green(`Imported ${summary.url} into ${out}`),
-	`  tokens   ${count$2(summary.colours, "colour")} (${summary.dark ? "light and dark" : "no dark scheme: dark repeats light"}), ${count$2(summary.shadows, "shadow")}, ${count$2(summary.radii, "radius", "radii")}${summary.fonts.length > 0 ? `, fonts ${summary.fonts.join(", ")}` : ""}`,
-	`  outline  ${count$2(summary.blocks, "block")} at ${summary.widths.join(", ")} px`,
-	...summary.lists.length > 0 ? [`  lists    ${summary.lists.map((list) => `${list.file} (${count$2(list.rows, "row")})`).join(", ")}`] : [],
+	`  tokens   ${count$3(summary.colours, "colour")} (${summary.dark ? "light and dark" : "no dark scheme: dark repeats light"}), ${count$3(summary.shadows, "shadow")}, ${count$3(summary.radii, "radius", "radii")}${summary.fonts.length > 0 ? `, fonts ${summary.fonts.join(", ")}` : ""}`,
+	`  outline  ${count$3(summary.blocks, "block")} at ${summary.widths.join(", ")} px`,
+	...summary.lists.length > 0 ? [`  lists    ${summary.lists.map((list) => `${list.file} (${count$3(list.rows, "row")})`).join(", ")}`] : [],
 	`  pictures ${String(summary.pictures)} in assets.json`,
 	...stale.length > 0 ? [chalk.yellow(`  earlier  ${stale.join(", ")} ${stale.length === 1 ? "was" : "were"} there before and not written this time: delete what is stale`)] : [],
 	`  next     ${path.join(out, "IMPORT.md")} says what was not carried over`
@@ -22279,7 +22509,7 @@ var projectConnectors = async (root) => {
 		manifest: value.manifest
 	}] : []);
 };
-var count$1 = (entries, noun) => entries ? `${String(entries.length)} ${noun}${entries.length === 1 ? "" : "s"}` : `the space’s ${noun}s as they are`;
+var count$2 = (entries, noun) => entries ? `${String(entries.length)} ${noun}${entries.length === 1 ? "" : "s"}` : `the space’s ${noun}s as they are`;
 /**
 * What of the space would not reach Plitzi with it, said before it is sent — never left to be found on a page that
 * renders empty there:
@@ -22364,7 +22594,7 @@ var pushSpaceOf = async (root, connection, space, { base, force, downloads }) =>
 		outcome: "unchanged",
 		draft: data.draft
 	};
-	console.log(chalk.green(`The space is ${space.name}’s draft now — its pages and styles, ${count$1(sent.actions, "action")}, ${count$1(sent.connectors, "connector")}.`) + chalk.dim(" Any builder open on it shows it now."));
+	console.log(chalk.green(`The space is ${space.name}’s draft now — its pages and styles, ${count$2(sent.actions, "action")}, ${count$2(sent.connectors, "connector")}.`) + chalk.dim(" Any builder open on it shows it now."));
 	return {
 		outcome: "pushed",
 		draft: data.draft
@@ -23392,7 +23622,107 @@ var _ = `[data-motion-enter], [data-motion-stagger] > *, [data-motion-loop] { an
 	"[data-motion-on=\"scroll\"][data-motion-enter], [data-motion-on=\"scroll\"][data-motion-stagger] > * { animation-timeline: auto, auto !important; }"
 ].join("\n");
 //#endregion
+//#region src/commands/shotSteps.ts
+var STEP_NAMES = [
+	"click",
+	"type",
+	"press",
+	"wait",
+	"wait-for",
+	"shot",
+	"frames"
+];
+/** The longest a script may wait in one step: a page that needs more is waiting for something else. */
+var MAX_WAIT_MS = 3e4;
+var unquoted = (text) => text.replace(/^(["'])(.*)\1$/s, "$2");
+var count$1 = (value, at, max) => {
+	const parsed = Number(value);
+	return Number.isInteger(parsed) && parsed > 0 && parsed <= max ? parsed : { problem: `${at}: "${value ?? ""}" is not a whole number from 1 to ${String(max)}` };
+};
+/** A script, read into its steps — or what is wrong with it, said by its step. */
+var parseSteps = (script, every) => {
+	const lines = script.split(/[;\n]/).map((line) => line.trim()).filter((line) => line !== "" && !line.startsWith("#"));
+	if (lines.length === 0) return { problem: "--steps has no step: click, type, press, wait, wait-for, shot or frames, separated by \";\"" };
+	const steps = [];
+	for (const [index, line] of lines.entries()) {
+		const at = `step ${String(index + 1)} ("${line}")`;
+		const [name, ...rest] = line.split(/\s+/);
+		const argument = unquoted(rest.join(" "));
+		switch (name) {
+			case "click":
+			case "wait-for":
+				if (!argument) return { problem: `${at}: ${name} needs an element — its name or a CSS selector` };
+				steps.push({
+					kind: name,
+					target: argument
+				});
+				break;
+			case "type": {
+				const [target, ...words] = rest;
+				if (!target || words.length === 0) return { problem: `${at}: type needs an element and the text — type <element> <text>` };
+				steps.push({
+					kind: "type",
+					target,
+					text: unquoted(words.join(" "))
+				});
+				break;
+			}
+			case "press":
+				if (!argument) return { problem: `${at}: press needs a key — Enter, Escape, ArrowDown…` };
+				steps.push({
+					kind: "press",
+					key: argument
+				});
+				break;
+			case "wait": {
+				const ms = count$1(rest[0], at, MAX_WAIT_MS);
+				if (typeof ms !== "number") return ms;
+				steps.push({
+					kind: "wait",
+					ms
+				});
+				break;
+			}
+			case "shot":
+				steps.push({
+					kind: "shot",
+					...argument ? { label: argument } : {}
+				});
+				break;
+			case "frames": {
+				const frames = count$1(rest[0], at, 60);
+				if (typeof frames !== "number") return frames;
+				const apart = rest.length < 2 ? every : count$1(rest[1], at, MAX_WAIT_MS);
+				if (typeof apart !== "number") return apart;
+				steps.push({
+					kind: "frames",
+					count: frames,
+					every: apart
+				});
+				break;
+			}
+			default: return { problem: `${at}: "${name}" is not a step — the steps are ${STEP_NAMES.join(", ")}` };
+		}
+	}
+	return steps;
+};
+//#endregion
 //#region src/commands/shot.ts
+/**
+* `plitzi page shot`: a picture of one page of the project — and, asked, the numbers that say what a picture would.
+*
+*   plitzi page shot /about --width 390 --scheme dark
+*   plitzi page shot / --compare https://example.com --width 1440     # beside another site: what differs, and how
+*   plitzi page shot / --frames 4 --every 500                         # what moves: a marquee, an autoplay
+*   plitzi page shot / --clip pricing-table                           # one element, scrolled to wherever it is
+*   plitzi page shot / --scroll-to faq --viewport --frames 6          # the screen at that section, as it animates
+*
+* The project's server has to be running (`npm start`). `--json` answers in one object, for a tool or an agent. The
+* dev tools' badge is never in the picture; a picture of the whole page has every lazy image loaded and shows every
+* arrival that waits for the scroll as it ends — taken without scrolling, they would be holes where the sections are.
+*/
+/** When a run's first picture is taken: once the page settles, or as soon as its HTML is in. */
+var SHOT_MOMENTS = ["settled", "load"];
 /** A region moves when more than this share of it changed between two frames: below is anti-aliasing and carets. */
 var MOVING_PERCENT = .5;
 /** How long a whole page waits for its pictures before it is taken anyway. */
@@ -23403,8 +23733,8 @@ var TEXTS_SHOWN = 12;
 var DRIFT_PX = 2;
 /** An arrival that waits for the scroll and has not had it: one waiting to be seen, or one tied to the scroll. */
 var WAITING_FOR_SCROLL = "[data-motion-on=\"view\"]:not([data-motion-seen]), [data-motion-on=\"scroll\"]";
-/** A selector, or an element's name — what `data-plitzi-el` carries. */
-var selectorOf = (target) => /^[#.[]/.test(target) ? target : `[data-plitzi-el="${target}"]`;
+/** A selector — CSS, or Playwright's own (`text=Saved`, `role=button[name="Publish"]`) — or an element's name. */
+var selectorOf = (target) => /^([#.[]|(text|role|css|xpath)=)/.test(target) ? target : `[data-plitzi-el="${target}"]`;
 var framing = (view) => {
 	if (view.clip) return {
 		kind: "element",
@@ -23429,7 +23759,10 @@ var pictureOf = async (browser, url, view, origin) => {
 		colorScheme: view.scheme ?? "light",
 		reducedMotion: view.reducedMotion ? "reduce" : "no-preference"
 	});
-	if (!await openPage(page, url)) return { problem: `Nothing answers at ${url}.` };
+	const notSignedIn = origin && view.account && await signInAs(page, origin, view.account);
+	if (notSignedIn) return { problem: `--as ${notSignedIn}.` };
+	if (!(view.fromLoad ? await page.goto(url, { waitUntil: "domcontentloaded" }).catch(() => null) : await openPage(page, url))) return { problem: `Nothing answers at ${url}.${origin ? " Start the project first: npm start" : ""}` };
+	const sentTo = origin ? sentElsewhere(page, new URL(url).pathname) : void 0;
 	if (view.waitFor) {
 		if (!await page.waitForSelector(selectorOf(view.waitFor), { timeout: 1e4 }).catch(() => null)) return { problem: `${view.waitFor} did not appear on ${url} within 10 s.` };
 	}
@@ -23446,7 +23779,8 @@ var pictureOf = async (browser, url, view, origin) => {
 		png: await capture(page, framing(view)),
 		scheme: await paintedScheme(page, view.scheme ?? "light"),
 		settled,
-		unloaded: pictures?.missing ?? 0
+		unloaded: pictures?.missing ?? 0,
+		...sentTo ? { sentTo } : {}
 	};
 };
 var shiftText = (shift) => shift !== void 0 && Math.abs(shift) > DRIFT_PX ? ` (${shift > 0 ? "+" : ""}${String(shift)}px there)` : "";
@@ -23510,6 +23844,141 @@ var compareWith = async (browser, taken, target, view, regions, base) => {
 		diff: `${base}-diff.png`
 	};
 };
+/**
+* The pictures on one sheet, each under what it shows, four to a row and each 360 px wide: runs in the page, so it is
+* self-contained — no import, nothing it closes over.
+*/
+function contactSheet(cells) {
+	const CELL_WIDTH = 360;
+	const LABEL = 24;
+	const GAP = 12;
+	const load = (src) => new Promise((resolve, reject) => {
+		const image = new Image();
+		image.onload = () => resolve(image);
+		image.onerror = () => reject(/* @__PURE__ */ new Error("a picture of the sheet did not load"));
+		image.src = src;
+	});
+	return Promise.all(cells.map((cell) => load(cell.src))).then((images) => {
+		const columns = Math.min(4, images.length);
+		const heightOf = (image) => Math.round(image.naturalHeight * CELL_WIDTH / image.naturalWidth);
+		const cellHeight = Math.max(...images.map(heightOf));
+		const rows = Math.ceil(images.length / columns);
+		const canvas = document.createElement("canvas");
+		canvas.width = GAP + columns * 372;
+		canvas.height = GAP + rows * (LABEL + cellHeight + GAP);
+		const context = canvas.getContext("2d");
+		if (!context) throw new Error("no canvas to draw the sheet on");
+		context.fillStyle = "#ffffff";
+		context.fillRect(0, 0, canvas.width, canvas.height);
+		context.font = "13px ui-monospace, monospace";
+		images.forEach((image, index) => {
+			const x = GAP + index % columns * 372;
+			const y = GAP + Math.floor(index / columns) * (LABEL + cellHeight + GAP);
+			context.fillStyle = "#16181d";
+			context.fillText(cells[index].label, x, y + 16);
+			context.drawImage(image, x, y + LABEL, CELL_WIDTH, heightOf(image));
+			context.strokeStyle = "#d0d4dc";
+			context.strokeRect(x + .5, y + LABEL + .5, 359, heightOf(image) - 1);
+		});
+		return canvas.toDataURL("image/png");
+	});
+}
+/**
+* Each element clicked in turn, and the page pictured after it — `frames` pictures `every` ms apart, or one. What a
+* click changed is measured against the picture before it: nothing at all is said, as a click that did nothing.
+*/
+var clickThrough = async (taken, how, clicks, { frames, every }) => {
+	const moments = [{
+		label: "before",
+		png: taken.png
+	}];
+	const clicked = [];
+	for (const target of clicks) {
+		const element = taken.page.locator(selectorOf(target)).first();
+		if (await element.count() === 0) return { problem: `${target} is not on the page: --click takes an element's name or a CSS selector.` };
+		const before = moments[moments.length - 1].png;
+		try {
+			await element.click({ timeout: 3e3 });
+		} catch (error) {
+			return { problem: `${target} could not be clicked — hidden, covered or disabled: ${error instanceof Error ? error.message.split("\n")[0] : String(error)}` };
+		}
+		for (let frame = 1; frame <= Math.max(1, frames); frame += 1) {
+			await taken.page.waitForTimeout(every);
+			moments.push({
+				label: `${target} +${String(frame * every)} ms`,
+				png: await capture(taken.page, how)
+			});
+		}
+		const after = moments[moments.length - 1].png;
+		clicked.push({
+			target,
+			changed: (await comparePictures(taken.page, dataUrl(before), dataUrl(after))).changed
+		});
+	}
+	return {
+		moments,
+		clicked
+	};
+};
+/** What a step is, as its label says it. */
+var stepText = (step) => {
+	switch (step.kind) {
+		case "click":
+		case "wait-for": return `${step.kind} ${step.target}`;
+		case "type": return `type ${step.target}`;
+		case "press": return `press ${step.key}`;
+		case "wait": return `wait ${String(step.ms)} ms`;
+		case "shot": return step.label ?? "shot";
+		case "frames": return `frames ${String(step.count)}`;
+	}
+};
+/**
+* A `--steps` script played on the page: what each step does, and every picture the script asks for — each labelled with
+* its step and the time since the first, and measured against the one before it, so "nothing changed" is said.
+*/
+var playSteps = async (taken, how, steps) => {
+	const { page } = taken;
+	const started = Date.now();
+	const moments = [{
+		label: "before",
+		png: taken.png
+	}];
+	const changes = [];
+	const picture = async (label) => {
+		const before = moments[moments.length - 1].png;
+		const png = await capture(page, how);
+		const at = `${label} · +${String(Date.now() - started)} ms`;
+		moments.push({
+			label: at,
+			png
+		});
+		changes.push({
+			label: at,
+			changed: (await comparePictures(page, dataUrl(before), dataUrl(png))).changed
+		});
+	};
+	for (const [index, step] of steps.entries()) try {
+		if (step.kind === "click" || step.kind === "type") {
+			const element = page.locator(selectorOf(step.target)).first();
+			if (await element.count() === 0) return { problem: `Step ${String(index + 1)}: ${step.target} is not on the page — its name or a CSS selector.` };
+			await element.click({ timeout: 3e3 });
+			if (step.kind === "type") await page.keyboard.type(step.text);
+		} else if (step.kind === "press") await page.keyboard.press(step.key);
+		else if (step.kind === "wait") await page.waitForTimeout(step.ms);
+		else if (step.kind === "wait-for") await page.waitForSelector(selectorOf(step.target), { timeout: 1e4 });
+		else if (step.kind === "shot") await picture(step.label ?? `step ${String(index + 1)}`);
+		else for (let frame = 1; frame <= step.count; frame += 1) {
+			if (frame > 1) await page.waitForTimeout(step.every);
+			await picture(`frame ${String(frame)}/${String(step.count)}`);
+		}
+	} catch (error) {
+		return { problem: `Step ${String(index + 1)} (${stepText(step)}) did not happen: ${error instanceof Error ? error.message.split("\n")[0] : String(error)}` };
+	}
+	return {
+		moments,
+		changes
+	};
+};
 var shot = async (route, options) => {
 	const project = await projectHere("whose page to picture");
 	if (!project) return;
@@ -23518,11 +23987,55 @@ var shot = async (route, options) => {
 		fail(where.problem);
 		return;
 	}
+	const account = options.as === void 0 ? void 0 : await checkAccount(project.root, options.as);
+	if (account && "problem" in account) {
+		fail(`--as ${account.problem}.`);
+		return;
+	}
 	const browser = await launchBrowser(project.root);
 	if ("problem" in browser) {
 		fail(browser.problem);
 		return;
 	}
+	const clicks = options.click ?? [];
+	const script = options.steps?.startsWith("@") ? await readFile(path.resolve(options.steps.slice(1)), "utf-8").catch(() => void 0) : options.steps;
+	if (options.steps !== void 0 && script === void 0) {
+		await browser.close();
+		fail(`${options.steps.slice(1)} cannot be read: --steps @<file> names a file of steps.`);
+		return;
+	}
+	const steps = script === void 0 ? void 0 : parseSteps(script, options.every ?? 500);
+	if (steps && "problem" in steps) {
+		await browser.close();
+		fail(`--steps: ${steps.problem}.`);
+		return;
+	}
+	if (steps && (clicks.length > 0 || options.compare || (options.frames ?? 0) > 1)) {
+		await browser.close();
+		fail("`--steps` is the whole interaction — its own clicks and frames: leave out --click, --frames and --compare.");
+		return;
+	}
+	if (options.compare && clicks.length > 0) {
+		await browser.close();
+		fail("`--compare` sets the page beside another site as it loads: leave out --click, or picture the click on its own.");
+		return;
+	}
+	if (options.sheet && clicks.length === 0 && (options.frames ?? 0) <= 1 && options.steps === void 0) {
+		await browser.close();
+		fail("`--sheet` lays out the pictures a --click, --frames or --steps takes: with none of them, there is one picture and no sheet.");
+		return;
+	}
+	const fromLoad = options.from === "load";
+	if (fromLoad && ((options.frames ?? 0) <= 1 || clicks.length > 0 || options.compare)) {
+		await browser.close();
+		fail("`--from load` starts --frames as the HTML arrives, for what plays while the page loads: give it --frames, and leave out --click and --compare.");
+		return;
+	}
+	if (fromLoad && !options.clip && !options.scrollTo && !options.viewport) {
+		await browser.close();
+		fail("`--from load` pictures the screen as the page arrives, never the whole page — unrolling it waits for it to settle: add --viewport or --clip.");
+		return;
+	}
 	if (options.compare && (options.clip || options.scrollTo || options.viewport)) {
 		await browser.close();
 		fail("`--compare` sets the whole page beside the other site, section by section: leave out --clip, --scroll-to and --viewport.");
@@ -23539,12 +24052,14 @@ var shot = async (route, options) => {
 			...options.clip ? { clip: options.clip } : {},
 			...options.scrollTo ? { scrollTo: options.scrollTo } : {},
 			...options.viewport ? { viewport: true } : {},
-			still: !options.clip && !options.scrollTo && !options.viewport && (options.frames ?? 0) <= 1
+			...account ? { account } : {},
+			...fromLoad ? { fromLoad } : {},
+			still: !options.clip && !options.scrollTo && !options.viewport && (options.frames ?? 0) <= 1 && clicks.length === 0
 		};
 		const how = framing(view);
 		const taken = await pictureOf(browser, `${where.origin}${pathname}`, view, where.origin);
 		if ("problem" in taken) {
-			fail(`${taken.problem} Start the project first: npm start`);
+			fail(taken.problem);
 			return;
 		}
 		const name = pathname === "/" ? "home" : pathname.replace(/[^a-z0-9]+/gi, "-").replace(/^-|-$/g, "");
@@ -23559,7 +24074,8 @@ var shot = async (route, options) => {
 			scheme: taken.scheme,
 			out,
 			...taken.settled > 0 ? { settled: taken.settled } : {},
-			...taken.unloaded > 0 ? { unloaded: taken.unloaded } : {}
+			...taken.unloaded > 0 ? { unloaded: taken.unloaded } : {},
+			...taken.sentTo ? { sentTo: taken.sentTo } : {}
 		};
 		if (options.compare) {
 			const other = new URL(options.compare);
@@ -23571,13 +24087,37 @@ var shot = async (route, options) => {
 			report.compare = compared;
 		}
 		const frames = options.frames ?? 0;
-		if (frames > 1) {
-			const every = options.every ?? 500;
+		const every = options.every ?? 500;
+		let moments = [];
+		if (steps) {
+			const played = await playSteps(taken, how, steps);
+			if ("problem" in played) {
+				fail(played.problem);
+				return;
+			}
+			moments = played.moments;
+			report.steps = played.changes;
+		} else if (clicks.length > 0) {
+			const played = await clickThrough(taken, how, clicks, {
+				frames,
+				every
+			});
+			if ("problem" in played) {
+				fail(played.problem);
+				return;
+			}
+			moments = played.moments;
+			report.clicked = played.clicked;
+		} else if (frames > 1) {
 			const pictures = [taken.png];
 			for (let frame = 1; frame < frames; frame += 1) {
 				await taken.page.waitForTimeout(every);
 				pictures.push(await capture(taken.page, how));
 			}
+			moments = pictures.map((png, frame) => ({
+				label: frame === 0 ? fromLoad ? "HTML in" : "before" : `+${String(frame * every)} ms`,
+				png
+			}));
 			const diffs = [];
 			for (let frame = 1; frame < pictures.length; frame += 1) diffs.push(await comparePictures(taken.page, dataUrl(pictures[frame - 1]), dataUrl(pictures[frame]), { regions }));
 			const whole = how.kind === "element" ? options.clip ?? "element" : "viewport";
@@ -23592,14 +24132,37 @@ var shot = async (route, options) => {
 				still: moved.filter((region) => region.changed <= MOVING_PERCENT).map((region) => region.name)
 			};
 		}
+		if (moments.length > 1 && options.sheet) {
+			const sheet = await taken.page.evaluate(contactSheet, moments.map((moment) => ({
+				label: moment.label,
+				src: dataUrl(moment.png)
+			})));
+			report.sheet = `${base}-sheet.png`;
+			await writeFile(report.sheet, Buffer.from(sheet.replace(/^data:image\/png;base64,/, ""), "base64"));
+		} else if (moments.length > 1 && (clicks.length > 0 || steps)) {
+			report.pictures = [];
+			for (const [index, moment] of moments.slice(1).entries()) {
+				const file = `${base}-${String(index + 1)}.png`;
+				await writeFile(file, moment.png);
+				report.pictures.push({
+					label: moment.label,
+					out: file
+				});
+			}
+		}
 		if (options.json) {
 			console.log(JSON.stringify(report));
 			return;
 		}
 		console.log(out);
+		if (report.sentTo) console.log(chalk.yellow(account ? `${pathname} sent the browser to ${report.sentTo}, signed in as ${account.username}: the picture is of ${report.sentTo} — that account may not see ${pathname}` : `${pathname} sent the browser to ${report.sentTo}: the picture is of ${report.sentTo}. A page for signed-in visitors? \`--as <username>\` signs in first, the password in ${CHECK_PASSWORD_ENV} in .env`));
 		if (report.settled) console.log(chalk.dim(`${String(report.settled)} arrival${report.settled === 1 ? "" : "s"} waiting for the scroll shown as they end — --scroll-to <id> --viewport --frames 4 shows one arriving`));
 		if (report.unloaded) console.log(chalk.yellow(`${String(report.unloaded)} picture(s) had not loaded when the page was taken`));
 		if (report.compare) console.log(compareText(report.compare).join("\n"));
+		for (const { label, changed } of report.steps ?? []) console.log(changed > 0 ? `${label}: ${String(changed)}% of the picture changed` : chalk.yellow(`${label}: nothing changed since the picture before`));
+		for (const { target, changed } of report.clicked ?? []) console.log(changed > 0 ? `clicked ${target}: ${String(changed)}% of the picture changed` : chalk.yellow(`clicked ${target}: nothing changed — the click did nothing to see`));
+		if (report.sheet) console.log(`sheet: ${report.sheet}`);
+		for (const picture of report.pictures ?? []) console.log(`${picture.label}: ${picture.out}`);
 		if (report.frames) console.log(report.frames.moving.length > 0 ? `moving over ${String(report.frames.count)} frames: ${regionsText(report.frames.moving)}` : `nothing moved over ${String(report.frames.count)} frames, ${String(report.frames.every)} ms apart`);
 	} finally {
 		await browser.close();
@@ -23664,8 +24227,10 @@ var scriptsOf = async (root) => {
 	const scripts = e$3(parsed) && e$3(parsed.scripts) ? parsed.scripts : {};
 	return Object.fromEntries(Object.entries(scripts).filter((entry) => typeof entry[1] === "string"));
 };
+/** A page the browser was sent away from — one for signed-in visitors, sent to sign in. */
+var redirected = (report) => report.issues.some((issue) => issue.code === "redirected");
 /** A page the browser was sent away from, or that nothing answered: not looked at, so neither passing nor failing. */
-var unchecked = (report) => report.issues.some((issue) => issue.code === "redirected" || issue.code === "no-answer");
+var unchecked = (report) => redirected(report) || report.issues.some((issue) => issue.code === "no-answer");
 var verify = async (options) => {
 	const project = await projectHere("to verify");
 	if (!project) return;
@@ -23703,29 +24268,62 @@ var verify = async (options) => {
 	} : pages));
 	if (failed) process.exitCode = 1;
 };
+var NOT_STARTED = "start it (npm start) and verify again, or --no-pages to leave them";
 var pagesChecked = async (project) => {
-	const paths = await staticPaths(project.root);
-	if ("problem" in paths) return paths;
-	const reports = await checkRoutes(project, paths, {
-		widths: WIDTHS,
-		asked: { state: false },
-		ssr: false
-	});
-	if ("problem" in reports) return { problem: `${reports.problem} — start it (npm start) and verify again, or --no-pages to leave them` };
-	return {
-		passing: reports.filter((report) => report.ok).length,
-		failing: reports.filter((report) => !report.ok && !unchecked(report)),
-		unchecked: [...new Set(reports.filter(unchecked).map((report) => report.path))]
+	const found = await staticPaths(project.root);
+	if ("problem" in found) return found;
+	const { paths, schemes } = found;
+	const inEveryTheme = async (routes, account) => {
+		const all = [];
+		for (const scheme of schemes) {
+			const reports = await checkRoutes(project, routes, {
+				widths: WIDTHS,
+				asked: { state: false },
+				ssr: false,
+				scheme,
+				...account ? { account } : {}
+			});
+			if ("problem" in reports) return { problem: `${reports.problem} — ${NOT_STARTED}` };
+			all.push(...reports);
+		}
+		return all;
 	};
+	const reports = await inEveryTheme(paths);
+	if ("problem" in reports) return reports;
+	const sentAway = [...new Set(reports.filter(redirected).map((report) => report.path))];
+	if (sentAway.length === 0) return summary(schemes, reports);
+	const account = await checkAccount(project.root);
+	if (!account || "problem" in account) return summary(schemes, reports, account ?? { none: true });
+	const signedIn = await inEveryTheme(sentAway, account);
+	if ("problem" in signedIn) return signedIn;
+	return summary(schemes, [...reports.filter((report) => !sentAway.includes(report.path)), ...signedIn], {
+		as: account.username,
+		checks: signedIn.filter((report) => !unchecked(report)).length
+	});
+};
+var summary = (schemes, reports, signedIn) => ({
+	schemes,
+	passing: reports.filter((report) => report.ok).length,
+	failing: reports.filter((report) => !report.ok && !unchecked(report)),
+	unchecked: [...new Set(reports.filter(unchecked).map((report) => report.path))],
+	...signedIn ? { signedIn } : {}
+});
+/** Why the pages left are not checked, and what checks them. */
+var uncheckedText = (pages) => {
+	const list = pages.unchecked.join(", ");
+	const signedIn = pages.signedIn;
+	if (!signedIn || "none" in signedIn) return `- not checked — sent elsewhere (a page for signed-in visitors) or not answered: ${list} — name an account of the project in .env, ${CHECK_USER_ENV} and ${CHECK_PASSWORD_ENV}, and verify signs in for them`;
+	if ("problem" in signedIn) return `- not checked — sent elsewhere (a page for signed-in visitors) or not answered: ${list} — ${signedIn.problem}`;
+	return `- not checked, even signed in as ${signedIn.as}: ${list} — that account may not see them, or nothing answered`;
 };
 var verifyText = (results, pages) => [...results.flatMap((result) => result.ok ? [chalk.green(`✓ ${result.name}`)] : [
 	chalk.red(`✗ ${result.name}`),
 	...(result.said ?? []).map((line) => `    ${line}`),
 	...result.fix ? [`    → ${result.fix}`] : []
 ]), ...pages === void 0 ? [chalk.yellow("- pages not checked: --no-pages")] : "waiting" in pages ? [chalk.yellow(`- not run until ${pages.after} passes: ${pages.waiting.join(", ")} (--keep-going runs them anyway)`)] : "problem" in pages ? [chalk.red(`✗ pages — ${pages.problem}`)] : [
-	pages.failing.length === 0 ? chalk.green(`✓ pages — ${String(pages.passing)} checks at ${WIDTHS.join(" and ")} px`) : chalk.red(`✗ pages — ${String(pages.failing.length)} of ${String(pages.passing + pages.failing.length)} checks`),
+	pages.failing.length === 0 ? chalk.green(`✓ pages — ${String(pages.passing)} checks at ${WIDTHS.join(" and ")} px, ${pages.schemes.join(" and ")}${pages.signedIn && "as" in pages.signedIn ? `, ${String(pages.signedIn.checks)} of them signed in as ${pages.signedIn.as}` : ""}`) : chalk.red(`✗ pages — ${String(pages.failing.length)} of ${String(pages.passing + pages.failing.length)} checks`),
 	...pages.failing.map((report) => reportText$2(report, { state: false })),
-	...pages.unchecked.length > 0 ? [chalk.yellow(`- not checked — sent elsewhere (a page for signed-in visitors) or not answered: ${pages.unchecked.join(", ")} — plitzi page check <path> --as <username>`)] : []
+	...pages.unchecked.length > 0 ? [chalk.yellow(uncheckedText(pages))] : []
 ]].join("\n");
 //#endregion
 //#region src/doctor/projectModules.ts
@@ -24066,17 +24664,8 @@ var minimumSecret = async (root) => {
 	const minimum = e$3(actions) ? actions.MIN_SIGNING_SECRET_LENGTH : void 0;
 	return typeof minimum === "number" ? minimum : void 0;
 };
-/** What the process starts with: what `.env` sets, under what the environment already has — as the server reads it. */
-var settingsOf = async (root) => {
-	const text = await readOptional(path.join(root, ".env"));
-	const parsed = text === void 0 ? {} : parseEnv(text);
-	return {
-		file: text !== void 0,
-		value: (name) => process.env[name] ?? parsed[name] ?? ""
-	};
-};
 var envChecks = async ({ root, answers }) => {
-	const settings = await settingsOf(root);
+	const settings = await projectSettings(root);
 	const where = settings.file ? ".env" : "the environment (there is no .env)";
 	const findings = [];
 	if (answers.mode === "client") {
@@ -24682,6 +25271,13 @@ var NODE_SCRIPTS = [
 	"start:dev",
 	"author"
 ];
+/** The variables a script sets before its command — `NODE_ENV=production node …` — by name. */
+var assignmentsOf = (command) => Object.fromEntries([...(/^((?:\w+=\S*\s+)*)/.exec(command)?.[1] ?? "").matchAll(/(\w+)=(\S*)/g)].map(([, name, value]) => [name, value]));
+/** A script's words when its command runs Node — after any variable it sets first — and none when it runs anything else. */
+var nodeWords = (command) => {
+	const words = (command ?? "").replace(/^(?:\w+=\S*\s+)*/, "").split(/\s+/);
+	return words[0] === "node" ? words : [];
+};
 /**
 * What a script that runs Node needs on disk: the file it starts, and every folder `--watch-path` names — Node stops at
 * start when one of them is not there, which is why each watched folder keeps a `.gitkeep`.
@@ -24691,7 +25287,7 @@ var scriptTargetChecks = async ({ root, manifest }) => {
 	const findings = [];
 	for (const name of NODE_SCRIPTS) {
 		const command = scripts[name];
-		const words = command && /^node\s/.test(command) ? command.split(/\s+/).slice(1) : [];
+		const words = nodeWords(command).slice(1);
 		const watched = words.flatMap((word) => /^--watch-path=(.+)$/.exec(word)?.[1] ?? []);
 		const started = words.filter((word) => !word.startsWith("-")).at(-1);
 		for (const folder of watched) if (!await fs.stat(path.join(root, folder)).then(() => true, () => false)) findings.push(say$3.error("watch-path-missing", `The script ${name} watches ${folder}, which is not there: Node stops before it starts.`, {
@@ -24727,8 +25323,12 @@ var scriptEnvChecks = ({ answers, manifest }) => {
 	if (answers.mode !== "server") return [];
 	const scripts = stringsOf(manifest.scripts);
 	return SERVER_SCRIPTS.flatMap((name) => {
-		const words = /^node\s/.test(scripts[name] ?? "") ? scripts[name].split(/\s+/) : [];
+		const words = nodeWords(scripts[name]);
 		if (words.length === 0) return [];
+		if (name === "start:prod" && assignmentsOf(scripts[name]).NODE_ENV !== "production") return [say$3.warning("start-prod-not-production", "The script start:prod does not set NODE_ENV=production: wherever it runs without it, the server is a development one — its dev tools on, and the trace of every action in what a visitor is answered.", {
+			file: "package.json",
+			fix: `NODE_ENV=production before node in start:prod — ${UPGRADE_PACKAGES} rewrites a script the CLI wrote.`
+		})];
 		const flagged = words.some((word) => ENV_FLAG.test(word));
 		const preloaded = words.some((word, index) => word === `--import=${ENV_PRELOAD}` || word === "--import" && words[index + 1] === ENV_PRELOAD);
 		const watched = words.some((word) => word.startsWith("--watch"));
@@ -25452,7 +26052,9 @@ var previousLines = (previous) => previous.length ? [
 	...previous.map((url) => `  - ${url}`),
 	"Read each (a claude.ai artifact: open it with your artifact tool, never by fetching the URL). Number the new",
 	"findings after the highest id there, and fill `changed` with every earlier finding this project touched:",
-	"fixed, partly or still open — and how you saw it, on the versions above."
+	"fixed, partly or still open — and how you saw it, on the versions above.",
+	"A link can stop opening — an artifact deleted, or no longer shared. Say which one did not, ask the person for",
+	"the highest id it had, and leave `changed` to the reports you could read."
 ] : ["No earlier report: number the findings from PZ-1."];
 var feedbackBrief = (facts, file, previous) => [
 	"A report to Plitzi, for the developer to send as a link.",
@@ -26749,7 +27351,7 @@ var reportText = (report) => {
 	}
 	for (const [title, findings] of groups) lines.push(...fileText(title, findings));
 	if (report.findings.length > 0) lines.push(chalk.dim(`What each means and what to write instead: the docs of each code — ${docsOf(report)}.`));
-	const suggested = [...new Set(report.findings.filter((each) => each.origin === "authoring").map((each) => each.code))];
+	const suggested = [...new Set(report.findings.filter((each) => each.origin === "authoring" && each.file !== void 0).map((each) => each.code))];
 	if (suggested.length > 0) lines.push(chalk.dim(`Authoring's suggestions (${suggested.join(", ")}) are quieted on the element they are about — \`quiet: ['${suggested[0]}']\` — not by a \`plitzi-lint-disable\` comment, which silences only lint's own codes.`));
 	const summary = [
 		plural(counts.error, "error"),
@@ -26901,14 +27503,14 @@ program.command("login").description("Sign in, in your browser. The session is k
 program.command("logout").description("Sign out: the session is revoked on the platform and forgotten here").action(() => logout());
 program.command("whoami").description("Who the CLI is signed in as, and the space it works in").option("--json", "One object: { api, user, space }, for a tool or an agent").option(...API_OPTION).action((options) => whoami(options));
 spaceGroup.command("use").description("Choose the space to work in, in your browser. One at a time: it replaces the one chosen before").option(...API_OPTION).action((options) => space$2(options));
-pageGroup.command("check").argument("[path]", "The page: /about. The home page when left out").description("Whether a page of the running project is whole, in text: every element on screen, no broken image, no console error, no failed flow").addOption(widthsOption("The widths to check it at, separated by commas", [1440, 390])).addOption(schemeOption()).option("--state", "Also what the page holds: its state, and every source by name").option("--element <id>", "Also one element: what it reads, its own state, whether it is on screen").option("--ssr", "Also the HTML the server sent against the hydrated page: what a server provider sent late").option("--click <id>", "Click one element once the page settles, and say what it changed — or that nothing did").addOption(new Option("--fill <id=value>", "Fill a field before the click, as a visitor types in it — once per field; a box takes true or false").argParser(fill)).option("--as <username>", "Sign in first as this account, through the server’s /auth routes — the password from PLITZI_CHECK_PASSWORD").option("--json", "One object per width, for a tool or an agent").action((path, options) => check(path, options));
+pageGroup.command("check").argument("[paths...]", "The pages: /about /writers, in one browser. The home page when left out").description("Whether a page of the running project is whole, in text: every element on screen, no broken image, no console error, no failed flow").addOption(widthsOption("The widths to check it at, separated by commas", [1440, 390])).addOption(schemeOption()).option("--state", "Also what the page holds: its state, and every source by name").option("--element <id>", "Also one element: what it reads, its own state, whether it is on screen").option("--ssr", "Also the HTML the server sent against the hydrated page: what a server provider sent late").option("--click <id>", "Click one element once the page settles, and say what it changed — or that nothing did").addOption(new Option("--fill <id=value>", "Fill a field before the click, as a visitor types in it — once per field; a box takes true or false").argParser(fill)).option("--as <username>", "Sign in first as this account, through the server’s /auth routes — the password from PLITZI_CHECK_PASSWORD, in .env").option("--json", "One object per page and width, for a tool or an agent").action((paths, options) => check(paths, options));
 spaceGroup.command("fix").description("What authoring would fix in the space, as edits to your source: shown as a diff; with --write written, formatted and checked").option("--write", "Write the edits — kept only when the space authors with each fix gone and no problem added").option("--json", "The plan as one object, for a tool or an agent").action((options) => fix(options));
 pageGroup.command("import").argument("<url>", "The page to start from: https://example.com/pricing").description("A page of a site you verified, as a place to start writing from: its tokens, the outline of its blocks per breakpoint, its lists as JSON — never its words").option("-o, --out <dir>", "Where it is written, inside the project", "src/imported").addOption(widthsOption("The widths it is measured at: the widest is desktop, then tablet and mobile", [
 	1440,
 	768,
 	390
 ])).option("-f, --force", "Write over what --out already holds").option("--account", "A site not served from this machine: ask your Plitzi account whether one of your spaces verified its domain (signs in)").option("--json", "One object, for a tool or an agent").option(...API_OPTION).option(...DRY_RUN_OPTION).action((url, options) => importPage(url, options));
-pageGroup.command("shot").argument("[path]", "The page: /about. The home page when left out").description("A picture of one page of the running project — and, asked, how it differs from another or what moves").addOption(new Option("--width <px>", "The viewport width").argParser(width).default(1280)).addOption(new Option("--height <px>", "The viewport height (the picture is the whole page unless --viewport, --scroll-to or --clip)").argParser(positiveInteger).default(800)).addOption(schemeOption()).option("-o, --out <file>", "Where the picture goes. tmp/shots/<page>-<width>-<scheme>.png by default").option("--compare <url>", "Another site: the same page there, side by side, and how much differs by section").addOption(new Option("--frames <n>", "Pictures taken one after another: which sections move (a marquee, an autoplay)").argParser(positiveInteger)).addOption(new Option("--every <ms>", "How far apart --frames are taken").argParser(positiveInteger).default(500)).option("--wait-for <element>", "An element to wait for first: its name (data-plitzi-el) or a CSS selector").option("--clip <element>", "Only this element — its name or a CSS selector — scrolled to wherever it is").option("--scroll-to <element>", "The page scrolled until this element is in view; the picture is the screen there").option("--viewport", "Only what fits the viewport, not the whole page").option("--reduced-motion", "As a visitor who asked for less motion").option("--json", "One object, for a tool or an agent").action((path, options) => shot(path, options));
+pageGroup.command("shot").argument("[path]", "The page: /about. The home page when left out").description("A picture of one page of the running project — and, asked, how it differs from another or what moves").addOption(new Option("--width <px>", "The viewport width").argParser(width).default(1280)).addOption(new Option("--height <px>", "The viewport height (the picture is the whole page unless --viewport, --scroll-to or --clip)").argParser(positiveInteger).default(800)).addOption(schemeOption()).option("-o, --out <file>", "Where the picture goes. tmp/shots/<page>-<width>-<scheme>.png by default").option("--compare <url>", "Another site: the same page there, side by side, and how much differs by section").addOption(new Option("--frames <n>", "Pictures taken one after another: which sections move (a marquee, an autoplay)").argParser(positiveInteger)).addOption(new Option("--every <ms>", "How far apart --frames are taken").argParser(positiveInteger).default(500)).addOption(new Option("--from <moment>", "When --frames start: once the page settles, or as soon as its HTML is in (load) — what plays as it arrives").choices([...SHOT_MOMENTS]).default("settled")).option("--wait-for <element>", "An element to wait for first: its name (data-plitzi-el) or a CSS selector").option("--clip <element>", "Only this element — its name or a CSS selector — scrolled to wherever it is").option("--scroll-to <element>", "The page scrolled until this element is in view; the picture is the screen there").option("--viewport", "Only what fits the viewport, not the whole page").option("--click <element...>", "Click these in order once the page settles — each its name or a CSS selector, inside a plugin too — picturing what each changed (--frames pictures --every ms apart after each)").option("--sheet", "Every picture taken — before, after each click, each frame — on one contact sheet").option("--steps <script>", "An interaction, step by step: \"click <el>; type <el> <text>; press <key>; wait <ms>; wait-for <el>; shot [label]; frames <n> [ms]\" — or @file with one per line").option("--reduced-motion", "As a visitor who asked for less motion").option("--as <username>", "Sign in first as this account, through the server’s /auth routes — the password from PLITZI_CHECK_PASSWORD, in .env").option("--json", "One object, for a tool or an agent").action((path, options) => shot(path, options));
 program.command("verify").description("Whether the project is left passing: author, lints, types, format and every page, only the problems said").option("--no-pages", "Leave the pages out — said as such").option("--keep-going", "Run every check even after one fails — by default the first failure ends the run").option("--json", "One object, for a tool or an agent").action((options) => verify(options));
 elementGroup.command("where").argument("<query>", "An element’s id, a class it wears, or words it shows: hero-cta, navLink, \"Get started\"").description("Where the project’s code writes an element: the file, the line and the call itself").addOption(new Option("--by <reading>", "Read the query one way only, not the first of id, class and words that matches").choices(WHERE_READINGS)).option("--json", "One object, for a tool or an agent").action((query, options) => where(query, options));
 elementGroup.command("edit").argument("<id>", "The element, by its id: hero-cta").description("Change an element’s attributes in the call that writes it, then check the space still authors").option("--set <key=value...>", "An attribute to write: content=\"Start free\", required=true").option("--remove <key...>", "An attribute to take out").option("--every", "The call writes other elements too, and the change is for every one").option("--json", "One object, for a tool or an agent").action((id, options) => edit(id, options));