@plitzi/cli 0.38.10 → 0.38.11

package/dist/index.js

@@ -14,8 +14,8 @@ 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, 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";
 import esbuild, { build } from "esbuild";
+import { lookup } from "node:dns/promises";
 import { unzipSync, zipSync } from "fflate";
 import { gzipSync } from "node:zlib";
 import { emitKeypressEvents } from "node:readline";
@@ -24,6 +24,9 @@ var t$5 = `[data-plitzi-devtools] { display: none !important; }`;
 //#region ../../packages/sdk-shared/dist/helpers/isRecord.mjs
 var e$3 = (e) => typeof e == "object" && !!e && !Array.isArray(e);
 //#endregion
+//#region ../../packages/sdk-shared/dist/realtime/topics.mjs
+var m$2 = "plitzi-observer";
+//#endregion
 //#region ../../packages/sdk-shared/dist/theme/themeCookie.mjs
 var t$3 = "theme";
 //#endregion
@@ -148,11 +151,15 @@ var openProjectPage = async (browser, origin, view) => {
 		colorScheme: view.scheme ?? "light",
 		reducedMotion: view.reducedMotion ? "reduce" : "no-preference"
 	});
-	if (view.scheme) await page.context().addCookies([{
+	await page.context().addCookies([...view.scheme ? [{
 		name: t$3,
 		value: view.scheme,
 		url: origin
-	}]);
+	}] : [], ...view.presence ? [] : [{
+		name: m$2,
+		value: "1",
+		url: origin
+	}]]);
 	return page;
 };
 /**
@@ -1405,7 +1412,7 @@ var o$4 = () => ({
 //#region src/scaffold/pluginPackage/names.ts
 var PREFIX = "plitzi-plugin-";
 /** npm's own rule for a package name, scope included. */
-var PACKAGE_NAME = /^(@[a-z0-9][a-z0-9-._~]*\/)?[a-z0-9][a-z0-9-._~]*$/;
+var PACKAGE_NAME$1 = /^(@[a-z0-9][a-z0-9-._~]*\/)?[a-z0-9][a-z0-9-._~]*$/;
 /** What the name has to leave once the scope and prefix are off: words of letters and digits, starting with a letter. */
 var BASE = /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/;
 var baseOf = (packageName) => {
@@ -1414,7 +1421,7 @@ var baseOf = (packageName) => {
 };
 /** What is wrong with a name as a plugin's, in words that say how to fix it — or `undefined` when nothing is. */
 var pluginNameProblem = (packageName) => {
-	if (!PACKAGE_NAME.test(packageName)) return `"${packageName}" is not a package name npm accepts: lowercase letters, digits and dashes, optionally under a @scope/.`;
+	if (!PACKAGE_NAME$1.test(packageName)) return `"${packageName}" is not a package name npm accepts: lowercase letters, digits and dashes, optionally under a @scope/.`;
 	if (!BASE.test(baseOf(packageName))) return `"${packageName}" has to name the plugin in words — lowercase letters and digits between single dashes, starting with a letter (seat-picker, chart2) — since the component and the type a space uses are made from it.`;
 	const { type } = pluginNames(packageName);
 	if (elementTypeNames.includes(type)) return `"${packageName}" would make the type "${type}", which is a built-in element: a space could not tell the two apart. Name it after what it does (seat-picker, sales-chart).`;
@@ -2512,7 +2519,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")}\`, 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 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; \`HOST=0.0.0.0\` opens it to your network — a tablet on the same Wi-Fi — and prints the address to open there). \`${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
 
@@ -2724,6 +2731,12 @@ PLITZI_SIGNING_SECRET=
 
 # Left out: 8080, or the next free port while developing.
 # PORT=8080
+
+# Left out: this machine only. 0.0.0.0 opens it to the network — a tablet on the same Wi-Fi, and anyone else on it.
+# HOST=0.0.0.0
+
+# The secrets the space's actions and functions name — ctx.fetch's credential, a connector's: credential id → its keys.
+# PLITZI_CREDENTIALS={"google":{"clientId":"…","clientSecret":"…"}}
 `;
 /** A `.env` with the signing key `plitzi create` made for the project in its place. */
 var withSigningSecret = (env, secret) => env.replace(/^PLITZI_SIGNING_SECRET=$/m, `PLITZI_SIGNING_SECRET=${secret}`);
@@ -6742,7 +6755,8 @@ var n$33 = t$60()({
 				data: "",
 				from: "",
 				user: "",
-				at: ""
+				at: "",
+				echo: !1
 			}
 		},
 		onJoin: {
@@ -6784,6 +6798,11 @@ var n$33 = t$60()({
 					label: "Data (JSON or a template)",
 					defaultValue: "",
 					type: "text"
+				},
+				echo: {
+					label: "Heard on this page too",
+					defaultValue: !1,
+					type: "boolean"
 				}
 			}
 		},
@@ -6809,7 +6828,7 @@ var n$33 = t$60()({
 		definition: {
 			label: "Channel",
 			type: "channel",
-			description: "A realtime channel: every page on the same `topic` hears what any of them publishes, within milliseconds. The topic must match a channel the space declares in its settings (`channels`), e.g. `board:{{ id }}` under `board:{id}`. A topic of a private channel (`grant: true`) opens only with `grant`, bound to the grant the action that let this visitor in returned (its `realtime.grant` step). ITS DESCENDANTS bind to its source `channel_<id>`: `connected`, `members` (with the state each announced), `messages` (the last `keep`) and `last`. It fires `onMessage`; `onJoin` when somebody who came after this page has announced who they are, and `onLeave` when somebody goes — each with `from`, `user` and the `state` they announced; and answers `publish({ type, data })` and `setPresence({ data })`; `presence` is the state this page announces (a name, a colour). Closed in the builder and anywhere without a server.",
+			description: "A realtime channel: every OTHER page on the same `topic` hears what one publishes, within milliseconds — the page that sent it too with `echo` (its `from` is then the channel's `me`). The topic must match a channel the space declares in its settings (`channels`), e.g. `board:{{ id }}` under `board:{id}`. A topic of a private channel (`grant: true`) opens only with `grant`, bound to the grant the action that let this visitor in returned (its `realtime.grant` step). ITS DESCENDANTS bind to its source `channel_<id>`: `connected`, `members` (with the state each announced), `messages` (the last `keep`) and `last`. It fires `onMessage`; `onJoin` when somebody who came after this page has announced who they are, and `onLeave` when somebody goes — each with `from`, `user` and the `state` they announced; and answers `publish({ type, data, echo })` and `setPresence({ data })`; `presence` is the state this page announces (a name, a colour). Closed in the builder and anywhere without a server.",
 			items: [],
 			bindings: {},
 			styleSelectors: { base: "" },
@@ -7980,10 +7999,15 @@ var AUTHORING_CODES = {
 		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"
 	},
+	"declared-callback-target": {
+		kind: "refused",
+		means: "a `declaredCallback` target with a key beside `on` and `params` — read nowhere, so the step runs without it",
+		fix: "the value in `params`: `{ on: 'calendar', params: { date } }`"
+	},
 	"folder-undeclared": {
 		kind: "refused",
 		means: "a page, a layout or a folder filed in a folder the space does not declare",
-		fix: "declare the folder, or the name it suggests"
+		fix: "declare it on the space — `pageFolders: [{ id: 'docs', name: 'Docs' }]`, its slug starting its pages' addresses — or use the name it suggests"
 	},
 	"folder-cycle": {
 		kind: "refused",
@@ -8080,6 +8104,11 @@ var AUTHORING_CODES = {
 		means: "a `slots` key the element type does not have — its class would dress nothing",
 		fix: "one of the slots `plitzi explain <type>` lists; the element itself takes `class`"
 	},
+	"slot-not-class": {
+		kind: "refused",
+		means: "a `slots` entry that is not a class — rules written in place, or nothing — which a slot cannot wear",
+		fix: "the rules as a `styles()` declaration, handed to the slot beside its other classes"
+	},
 	"class-conflict": {
 		kind: "refused",
 		means: "two different declarations for one class name",
@@ -8093,7 +8122,7 @@ var AUTHORING_CODES = {
 	"class-and-css": {
 		kind: "refused",
 		means: "an element wearing a shared class AND `css` or `states` of its own — it has one base selector",
-		fix: "the rules on top of the class: `class: [card, { opacity: '0.5' }]` (needs an `id`) — or into the class"
+		fix: "the rules on top of the class: `class: [card, { opacity: '0.5' }]` — or into the class"
 	},
 	"class-and-selector": {
 		kind: "refused",
@@ -8105,11 +8134,6 @@ var AUTHORING_CODES = {
 		means: "more than one set of rules in a class list",
 		fix: "one set, after the classes: `class: [card, { opacity: '0.5', 'margin-top': '8px' }]`"
 	},
-	"modifier-without-id": {
-		kind: "refused",
-		means: "rules on top of a class on an element with no `id` — the id names the class they become",
-		fix: "`id: 'hero-bg'`"
-	},
 	"selector-invalid": {
 		kind: "refused",
 		means: "a `selector` that is not a CSS class name",
@@ -8390,6 +8414,11 @@ 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"
 	},
+	"template-in-value": {
+		kind: "refused",
+		means: "a `{{ }}` inside an attribute that is an object or a list — a provider's `input`, a list's `items`, a plugin's settings: only an attribute that is text is evaluated",
+		fix: "a binding on the attribute (`bindTemplate(name, source, template, { returns: 'value' })`); for a provider's `input`, nothing for a route or query param — the action is already handed them as `input.<name>`"
+	},
 	"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",
@@ -9002,7 +9031,11 @@ var sourceRow = (listSource, items) => {
 	const shape = Reflect.get(items, SHAPE);
 	return {
 		item: pathTo(`${listSource}.item`, Array.isArray(shape) ? itemShape(shape) : UNKNOWN),
-		index: pathTo(`${listSource}.index`, 0)
+		index: pathTo(`${listSource}.index`, 0),
+		inTemplate: {
+			item: `${listSource}.item`,
+			index: `${listSource}.index`
+		}
 	};
 };
 var e$39 = [
@@ -10026,19 +10059,22 @@ var openModal = (target, metadata) => ({
 	params: metadata === void 0 ? {} : { metadata }
 });
 /**
-* Says something on a `channel`, by id: every page on its topic hears it — `onMessage`, and the channel's source.
+* Says something on a `channel`, by id: every OTHER page on its topic hears it — `onMessage`, and the channel's source.
+* The page that said it hears it too with `{ echo: true }` — a reaction, a chat line: what the sender shows the moment
+* it sends — once the server took it, its `from` the channel's `me`.
 *
 * `data` is what they receive: a template (`'{{ state.draft }}'`) or JSON text. `type` is yours to name — `chat`,
 * `wave`, `move` — and a flow on `onMessage` tells them apart with `when({ field: '<step>.type', … })`.
 */
-var publishOn = (target, type, data = null) => ({
+var publishOn = (target, type, data = null, { echo = false } = {}) => ({
 	type: "callback",
 	action: "publish",
 	title: "Publish",
 	on: target,
 	params: {
 		type,
-		data: typeof data === "string" ? data : JSON.stringify(data)
+		data: typeof data === "string" ? data : JSON.stringify(data),
+		...echo ? { echo } : {}
 	}
 });
 /** Announces this page on a `channel` with presence — a name, a colour: what the other members see of it. */
@@ -10145,6 +10181,12 @@ var declaredTrigger = (declaration, trigger) => {
 */
 var declaredCallback = (declaration, callback, target) => {
 	const declared = declaration.callbacks?.[callback];
+	const stray = Object.keys(target).filter((key) => key !== "on" && key !== "params");
+	if (stray.length > 0) {
+		const named = Object.keys(declared?.params ?? {});
+		const moved = stray.map((key) => `${key}: ${JSON.stringify(Reflect.get(target, key))}`).join(", ");
+		throw new AuthoringError("declared-callback-target", `declaredCallback(…, '${callback}') is given ${stray.map((key) => `"${key}"`).join(", ")} beside \`on\`, where nothing reads it${stray.every((key) => named.includes(key)) ? ` — ${stray.length === 1 ? "it is a param" : "they are params"} of "${callback}"` : ""}: a callback's values go in \`params\` — \`{ on: '${target.on}', params: { ${moved} } }\`.`);
+	}
 	return {
 		type: "callback",
 		action: declared?.action ?? callback,
@@ -10874,525 +10916,73 @@ 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);
-/** A step's params that name a path under `runtime.state`, by action. */
-var STATE_PATH_PARAMS = {
-	setState: ["key"],
-	toggleState: ["key"],
-	appendState: ["key"],
-	removeState: ["key"],
-	toggleInState: ["key"],
-	clearState: ["key"],
-	moveState: ["from", "to"]
+/** 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();
+var cssPropertySet = new Set(cssProperties);
+var isCssProperty = (key) => cssPropertySet.has(key);
+var toKebab = (key) => key.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+/**
+* A property as an author may write it, in the spelling the document keeps: kebab-case already, or camelCase the way a
+* React style object writes it — `paddingTop` is `padding-top`, `WebkitLineClamp` is `-webkit-line-clamp`. A custom
+* property (`--brand`) is the author's own spelling and is kept.
+*/
+var cssPropertyName = (key) => {
+	if (isCustomProperty(key) || !/[A-Z]/.test(key)) return key;
+	return /^(Webkit|Moz|Ms|O)(?=[A-Z])/.exec(key) ? `-${toKebab(key)}` : toKebab(key);
 };
-var t$6 = [
-	"fade",
-	"fade-up",
-	"fade-down",
-	"slide-left",
-	"slide-right",
-	"slide-up",
+/**
+* The properties a bare number is a whole value of — a weight, an opacity, a count, a ratio. Anywhere else a number is
+* a length, and a length without a unit is no value at all: `gap: 16` is `16px`.
+*/
+var UNITLESS = /* @__PURE__ */ new Set([
+	"opacity",
+	"z-index",
+	"font-weight",
+	"line-height",
+	"flex",
+	"flex-grow",
+	"flex-shrink",
+	"order",
+	"column-count",
+	"aspect-ratio",
+	"orphans",
+	"widows",
+	"zoom",
 	"scale",
-	"zoom-in",
-	"zoom-out",
-	"pop",
-	"bounce-in",
-	"tilt",
-	"spin-in"
-];
-var n$6 = [
-	"load",
-	"view",
-	"scroll"
-];
-var r$4 = [
-	"float",
-	"pulse",
-	"spin",
-	"sway",
-	"bounce",
-	"wobble",
-	"orbit",
-	"heartbeat",
-	"drift"
-];
-var o$6 = {
-	fade: [{
-		at: 0,
-		opacity: 0
-	}],
-	"fade-up": [{
-		at: 0,
-		opacity: 0,
-		translate: "0 24px"
-	}],
-	"fade-down": [{
-		at: 0,
-		opacity: 0,
-		translate: "0 -24px"
-	}],
-	"slide-left": [{
-		at: 0,
-		opacity: 0,
-		translate: "32px 0"
-	}],
-	"slide-right": [{
-		at: 0,
-		opacity: 0,
-		translate: "-32px 0"
-	}],
-	"slide-up": [{
-		at: 0,
-		opacity: 0,
-		translate: "0 72px"
-	}],
-	scale: [{
-		at: 0,
-		opacity: 0,
-		scale: "0.94"
-	}],
-	"zoom-in": [{
-		at: 0,
-		opacity: 0,
-		scale: "0.6"
-	}],
-	"zoom-out": [{
-		at: 0,
-		opacity: 0,
-		scale: "1.25"
-	}],
-	pop: [
-		{
-			at: 0,
-			opacity: 0,
-			scale: "0.5"
-		},
-		{
-			at: 55,
-			opacity: 1,
-			scale: "1.08"
-		},
-		{
-			at: 78,
-			scale: "0.97"
-		}
-	],
-	"bounce-in": [
-		{
-			at: 0,
-			opacity: 0,
-			translate: "0 -64px"
-		},
-		{
-			at: 55,
-			opacity: 1,
-			translate: "0 10px"
-		},
-		{
-			at: 75,
-			translate: "0 -5px"
-		},
-		{
-			at: 90,
-			translate: "0 2px"
-		}
-	],
-	tilt: [{
-		at: 0,
-		opacity: 0,
-		translate: "0 32px",
-		rotate: "-6deg"
-	}],
-	"spin-in": [{
-		at: 0,
-		opacity: 0,
-		scale: "0.4",
-		rotate: "-180deg"
-	}]
-};
-Object.fromEntries(t$6.map((e) => {
-	let [{ at: t, ...n }] = o$6[e];
-	return [e, n];
-}));
-var c$4 = (e, t) => {
-	let n = t * 2 * Math.PI, r = Math.round(Math.sin(n) * e * 10) / 10, i = Math.round(-Math.cos(n) * e * 10) / 10;
-	return `translate(${String(r)}px, ${String(i)}px)`;
+	"tab-size",
+	"animation-iteration-count",
+	"grid-row-start",
+	"grid-row-end",
+	"grid-column-start",
+	"grid-column-end",
+	"fill-opacity",
+	"stroke-opacity",
+	"stroke-width",
+	"-webkit-line-clamp"
+]);
+/** A number written as a value, as CSS reads it: itself where a bare number is a whole value, pixels otherwise. */
+var cssNumberValue = (property, value) => UNITLESS.has(property) || isCustomProperty(property) || value === 0 ? value : `${String(value)}px`;
+/** If a camelCase key maps to a known kebab-case property, return it — used to name the correct key in an error. */
+var suggestCssProperty = (key) => {
+	const kebab = toKebab(key);
+	return cssPropertySet.has(kebab) ? kebab : void 0;
 };
-Array.from({ length: 9 }, (e, t) => ({
-	at: t * 100 / 8,
-	transform: c$4(6, t / 8)
-}));
-[
-	"[data-motion-loop] { animation-play-state: running, running !important; }",
-	"[data-motion-on=\"view\"][data-motion-enter], [data-motion-on=\"view\"][data-motion-stagger] > * { animation-play-state: running, running !important; }",
-	"[data-motion-on=\"scroll\"][data-motion-enter], [data-motion-on=\"scroll\"][data-motion-stagger] > * { animation-timeline: auto, auto !important; }"
-].join("\n");
-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$7(target) && URL_SCHEME.test(target);
-var isRoot = (element) => !element.definition.parentId;
-var stepsOf$1 = (element) => Object.values(element.definition.interactions ?? {});
 /**
-* A key the element or step does not take, renamed to the one it was a typo of — when that one is free — or dropped:
-* it was never read, so dropping it changes nothing on screen.
+* A CSS custom property — `--brand`, `--space-4`.
+*
+* Not in the vocabulary and deliberately allowed anyway: a custom property is a declaration the browser resolves,
+* not one the style editor has to offer a control for, and a space that defines its palette in one place and reads
+* it back with `var(--brand)` is doing the right thing.
 */
-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$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);
-				Reflect.deleteProperty(record, key);
-				report(`Moved ${inners.join(", ")} out of the ${what} "${key}", up to where ${inners.length === 1 ? "it is" : "they are"} read.`, {
-					on,
-					op: "unwrap",
-					key
-				});
-			}
-			continue;
-		}
-		const meant = closest$1(key, known);
-		if (meant !== void 0 && record[meant] === void 0) {
-			record[meant] = record[key];
-			report(`Renamed the ${what} "${key}" to "${meant}".`, {
-				on,
-				op: "rename",
-				key,
-				to: meant
-			});
-		} else report(`Removed the ${what} "${key}", which nothing reads.`, {
-			on,
-			op: "remove",
-			key
-		});
-		Reflect.deleteProperty(record, key);
-	}
-};
-/** A flag written as the words `'true'`/`'false'`, stored as the boolean it is read as. */
-var asFlag = (value) => value === "true" ? true : value === "false" ? false : void 0;
-var stepSpec = (catalogs, step) => {
-	const vocabulary = catalogs.vocabulary;
-	const table = step.type === "globalCallback" ? vocabulary?.globalCallbacks : step.type === "utility" ? vocabulary?.utilities : step.type === "callback" ? vocabulary?.sharedCallbacks : void 0;
-	return table && Object.hasOwn(table, step.action) ? table[step.action] : void 0;
-};
-new Set(Object.keys({
-	"page-target-url": (element, _ctx, report) => {
-		const { href, mode } = element.attributes;
-		if (element.definition.type === "link" && (mode ?? "page") === "page" && isUrlTarget(href)) {
-			element.attributes.mode = "external";
-			report(`The link to "${href}" now opens it as an external URL.`, {
-				on: "attribute",
-				op: "set",
-				key: "mode",
-				value: "external"
-			});
-		}
-		for (const step of stepsOf$1(element)) if (step.action === "navigate" && step.params.urlType === "page" && isUrlTarget(step.params.url)) {
-			step.params.urlType = "external";
-			report(`Step "${step.id}" now navigates to "${step.params.url}" as an external URL.`, {
-				on: { step: step.id },
-				op: "set",
-				key: "urlType",
-				value: "external"
-			});
-		}
-	},
-	"unknown-attribute": (element, ctx, report) => {
-		const names = ctx.attributeNamesFor(element);
-		if (!isRoot(element) && names) settleUnknownKeys(element.attributes, names, "attribute", "attribute", report, ctx.defaultsFor(element));
-	},
-	"attribute-kind": (element, ctx, report) => {
-		const defaults = ctx.catalogs.defaultAttributes?.[element.definition.type] ?? {};
-		for (const [name, value] of Object.entries(element.attributes)) {
-			const flag = asFlag(value);
-			if (typeof defaults[name] === "boolean" && flag !== void 0) {
-				element.attributes[name] = flag;
-				report(`\`${name}\` is now the boolean ${String(flag)}, not the text "${String(value)}".`, {
-					on: "attribute",
-					op: "set",
-					key: name,
-					value: flag
-				});
-			}
-		}
-	},
-	"step-params": (element, ctx, report) => {
-		for (const step of stepsOf$1(element)) {
-			const spec = stepSpec(ctx.catalogs, step);
-			if (!spec?.params) continue;
-			const params = spec.params;
-			if (spec.strictParams) settleUnknownKeys(step.params, Object.keys(params), `param of step "${step.id}"`, { step: step.id }, report);
-			for (const [key, value] of Object.entries(step.params)) {
-				const flag = asFlag(value);
-				if (Object.hasOwn(params, key) && params[key].type === "boolean" && flag !== void 0) {
-					step.params[key] = flag;
-					report(`Step "${step.id}": \`${key}\` is now the boolean ${String(flag)}.`, {
-						on: { step: step.id },
-						op: "set",
-						key,
-						value: flag
-					});
-				}
-			}
-		}
-	},
-	"global-callback-module": (element, ctx, report) => {
-		for (const step of stepsOf$1(element)) {
-			const declared = step.type === "globalCallback" && ctx.catalogs.vocabulary ? ctx.catalogs.vocabulary.globalCallbacks[step.action] : void 0;
-			if (declared && step.elementId !== declared.source) {
-				step.elementId = declared.source;
-				report(`Step "${step.id}" now runs "${step.action}" on "${declared.source}", the module that registers it.`, {
-					on: { step: step.id },
-					op: "set",
-					key: "on",
-					value: declared.source
-				});
-			}
-		}
-	},
-	"utility-module": (element, ctx, report) => {
-		for (const step of stepsOf$1(element)) {
-			const known = ctx.catalogs.vocabulary ? Object.hasOwn(ctx.catalogs.vocabulary.utilities, step.action) : false;
-			if (step.type === "utility" && known && step.elementId !== null) {
-				step.elementId = null;
-				report(`Step "${step.id}" runs the utility "${step.action}" on no element: a utility takes none.`, {
-					on: { step: step.id },
-					op: "remove",
-					key: "on"
-				});
-			}
-		}
-	},
-	"visibility-as-attribute": (element, _ctx, report) => {
-		const bindings = element.definition.bindings;
-		const moved = bindings?.attributes?.filter((binding) => binding.to === "visibility") ?? [];
-		if (!bindings || moved.length === 0) return;
-		bindings.attributes = bindings.attributes?.filter((binding) => binding.to !== "visibility");
-		bindings.initialState = [...bindings.initialState ?? [], ...moved];
-		report("The visibility binding now sets the visibility, rather than an attribute nothing reads.");
-	},
-	"binding-target-unknown": (element, ctx, report) => {
-		const names = ctx.attributeNamesFor(element);
-		const bindings = element.definition.bindings;
-		if (!names || !bindings?.attributes) return;
-		const reads = (binding) => binding.to === "visibility" || binding.to === "className" || names.includes(binding.to);
-		for (const binding of bindings.attributes.filter((candidate) => !reads(candidate))) report(`Removed the binding onto "${binding.to}", which a "${element.definition.type}" never reads.`, {
-			on: "binding",
-			op: "remove",
-			key: binding.to
-		});
-		bindings.attributes = bindings.attributes.filter(reads);
-	},
-	"unknown-transformer": (element, ctx, report) => {
-		const catalog = ctx.catalogs.transformers;
-		if (!catalog) return;
-		for (const binding of Object.values(element.definition.bindings ?? {}).flat()) for (const transformer of binding.transformers ?? []) {
-			const meant = Object.hasOwn(catalog, transformer.action) ? void 0 : closest$1(transformer.action, Object.keys(catalog));
-			if (meant !== void 0) {
-				report(`The binding of "${binding.to}" now runs "${meant}" (was "${transformer.action}").`, {
-					on: "binding",
-					op: "replace",
-					key: transformer.action,
-					to: meant
-				});
-				transformer.action = meant;
-			}
-		}
-	},
-	"list-items-ignored": (element, _ctx, report) => {
-		const { attributes } = element;
-		const bound = Object.values(element.definition.bindings ?? {}).flat().some((binding) => binding.to === "items");
-		const written = Array.isArray(attributes.items) && attributes.items.length > 0;
-		if (element.definition.type === "list" && attributes.source !== "controlled" && (bound || written)) {
-			attributes.source = "controlled";
-			report("The list now reads its items (`source: controlled`), one row per item.", {
-				on: "attribute",
-				op: "set",
-				key: "source",
-				value: "controlled"
-			});
-		}
-	},
-	"list-row-not-li": (element, ctx, report) => {
-		const { parentId } = element.definition;
-		const list = parentId ? ctx.element(parentId) : void 0;
-		if (list?.definition.type === "list" && list.attributes.source === "controlled" && isPlainContainer(element)) {
-			element.attributes.subType = "li";
-			report("The row is now an `<li>` (`subType: li`), an item of the list it renders in.", {
-				on: "attribute",
-				op: "set",
-				key: "subType",
-				value: "li"
-			});
-		}
-	},
-	"overlay-starts-open": (element, _ctx, report) => {
-		const { type, bindings } = element.definition;
-		const visibilityBound = (bindings?.initialState ?? []).some((binding) => binding.to === "visibility");
-		if ((type === "modalContainer" || type === "dialogContainer") && element.definition.initialState?.visibility !== false && !visibilityBound) {
-			element.definition.initialState = {
-				...element.definition.initialState,
-				visibility: false
-			};
-			report(`The ${type} now starts closed, to be opened from a flow.`, {
-				on: "field",
-				op: "set",
-				key: "visible",
-				value: false
-			});
-		}
-	},
-	"state-key-has-runtime-prefix": (element, _ctx, report) => {
-		for (const step of stepsOf$1(element)) {
-			if (step.type !== "globalCallback" || step.elementId !== "state") continue;
-			for (const param of STATE_PATH_PARAMS[step.action] ?? []) {
-				const value = step.params[param];
-				if (typeof value === "string" && /^(?:runtime\.)?state\./.test(value)) {
-					const next = value.replace(/^(?:runtime\.)?state\./, "");
-					step.params[param] = next;
-					report(`Step "${step.id}": \`${param}\` is now "${next}" (was "${value}").`, {
-						on: { step: step.id },
-						op: "set",
-						key: param,
-						value: next
-					});
-				}
-			}
-		}
-	}
-}));
-var e$4 = ".Toastify__toast-container.plitzi-sdk-toasts";
-var t$4 = [
-	{
-		selector: e$4,
-		fields: {
-			background: ["--toastify-color-light", "--toastify-color-dark"],
-			text: ["--toastify-text-color-light", "--toastify-text-color-dark"],
-			success: ["--toastify-color-success"],
-			danger: ["--toastify-color-error"],
-			warning: ["--toastify-color-warning"],
-			info: ["--toastify-color-info"],
-			radius: ["--toastify-toast-bd-radius"],
-			font: ["--toastify-font-family"],
-			shadow: ["--toastify-toast-shadow"],
-			padding: ["--toastify-toast-padding"],
-			minHeight: ["--toastify-toast-min-height"]
-		}
-	},
-	{
-		selector: `:where(${e$4} .Toastify__toast)`,
-		fields: {
-			fontSize: ["font-size"],
-			fontWeight: ["font-weight"],
-			lineHeight: ["line-height"],
-			border: ["border"]
-		}
-	},
-	{
-		selector: `${e$4} .Toastify__toast-icon`,
-		fields: {
-			iconSize: ["width"],
-			iconGap: ["margin-inline-end"]
-		}
-	},
-	{
-		selector: `${e$4} .Toastify__close-button`,
-		fields: { closeColor: ["color"] }
-	},
-	{
-		selector: `${e$4} .Toastify__close-button:not(:hover, :focus)`,
-		fields: { closeOpacity: ["opacity"] }
-	},
-	{
-		selector: `${e$4} .Toastify__progress-bar--wrp`,
-		fields: { progressHeight: ["height"] }
-	}
-];
-var n$4 = t$4.flatMap((e) => Object.keys(e.fields));
-var r$2$1 = (e) => n$4.includes(e);
-n$4.filter(r$2$1);
-var c$2$1 = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-t$4.map((e) => {
-	let t = new Map(Object.entries(e.fields).flatMap(([e, t]) => r$2$1(e) ? t.map((t) => [t, e]) : []));
-	return {
-		pattern: RegExp(`(?:^|\\n)${c$2$1(e.selector)}\\s*\\{([^}]*)\\}`, "g"),
-		fieldOf: (e) => t.get(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();
-var cssPropertySet = new Set(cssProperties);
-var isCssProperty = (key) => cssPropertySet.has(key);
-var toKebab = (key) => key.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-/**
-* A property as an author may write it, in the spelling the document keeps: kebab-case already, or camelCase the way a
-* React style object writes it — `paddingTop` is `padding-top`, `WebkitLineClamp` is `-webkit-line-clamp`. A custom
-* property (`--brand`) is the author's own spelling and is kept.
-*/
-var cssPropertyName = (key) => {
-	if (isCustomProperty(key) || !/[A-Z]/.test(key)) return key;
-	return /^(Webkit|Moz|Ms|O)(?=[A-Z])/.exec(key) ? `-${toKebab(key)}` : toKebab(key);
-};
-/**
-* The properties a bare number is a whole value of — a weight, an opacity, a count, a ratio. Anywhere else a number is
-* a length, and a length without a unit is no value at all: `gap: 16` is `16px`.
-*/
-var UNITLESS = /* @__PURE__ */ new Set([
-	"opacity",
-	"z-index",
-	"font-weight",
-	"line-height",
-	"flex",
-	"flex-grow",
-	"flex-shrink",
-	"order",
-	"column-count",
-	"aspect-ratio",
-	"orphans",
-	"widows",
-	"zoom",
-	"scale",
-	"tab-size",
-	"animation-iteration-count",
-	"grid-row-start",
-	"grid-row-end",
-	"grid-column-start",
-	"grid-column-end",
-	"fill-opacity",
-	"stroke-opacity",
-	"stroke-width",
-	"-webkit-line-clamp"
-]);
-/** A number written as a value, as CSS reads it: itself where a bare number is a whole value, pixels otherwise. */
-var cssNumberValue = (property, value) => UNITLESS.has(property) || isCustomProperty(property) || value === 0 ? value : `${String(value)}px`;
-/** If a camelCase key maps to a known kebab-case property, return it — used to name the correct key in an error. */
-var suggestCssProperty = (key) => {
-	const kebab = toKebab(key);
-	return cssPropertySet.has(kebab) ? kebab : void 0;
-};
-/**
-* A CSS custom property — `--brand`, `--space-4`.
-*
-* Not in the vocabulary and deliberately allowed anyway: a custom property is a declaration the browser resolves,
-* not one the style editor has to offer a control for, and a space that defines its palette in one place and reads
-* it back with `var(--brand)` is doing the right thing.
-*/
-var isCustomProperty = (key) => key.startsWith("--");
-var walkTopLevel = (value, onChar) => {
-	let depth = 0;
-	let quote = "";
-	for (const ch of value) {
-		if (quote) {
-			onChar(ch, false);
-			if (ch === quote) quote = "";
+var isCustomProperty = (key) => key.startsWith("--");
+var walkTopLevel = (value, onChar) => {
+	let depth = 0;
+	let quote = "";
+	for (const ch of value) {
+		if (quote) {
+			onChar(ch, false);
+			if (ch === quote) quote = "";
 			continue;
 		}
 		if (/["']/.test(ch)) {
@@ -13704,114 +13294,566 @@ var byRange = (bucket) => {
 	}
 	return ranges;
 };
-/**
-* A state's or an ancestor's declarations in one range, with the parts of the element's own composed properties it
-* builds on: `translate-x-2 hover:scale-105` is a hover transform that still translates.
-*/
-var onTopOf = (own, layer) => {
-	const groups = new Set(Object.keys(layer).filter((key) => key.startsWith("@")).map(groupOf));
-	const inherited = Object.entries(own).filter(([key]) => key.startsWith("@") && groups.has(groupOf(key)));
-	return {
-		...Object.fromEntries(inherited),
-		...layer
-	};
+/**
+* A state's or an ancestor's declarations in one range, with the parts of the element's own composed properties it
+* builds on: `translate-x-2 hover:scale-105` is a hover transform that still translates.
+*/
+var onTopOf = (own, layer) => {
+	const groups = new Set(Object.keys(layer).filter((key) => key.startsWith("@")).map(groupOf));
+	const inherited = Object.entries(own).filter(([key]) => key.startsWith("@") && groups.has(groupOf(key)));
+	return {
+		...Object.fromEntries(inherited),
+		...layer
+	};
+};
+/**
+* Desktop-first, as Plitzi writes it: the desktop rules apply everywhere, and tablet and mobile say only where they
+* differ — a property the desktop sets and a narrower range does not is `revert`, which is what "no rule here" is.
+*/
+var responsive = (ranges) => {
+	const { desktop } = ranges;
+	const differences = (range) => {
+		const changed = Object.fromEntries(Object.entries(range).filter(([property, value]) => desktop[property] !== value));
+		for (const property of Object.keys(desktop)) if (!Object.hasOwn(range, property)) changed[property] = "revert";
+		return changed;
+	};
+	const tablet = differences(ranges.tablet);
+	const mobile = differences(ranges.mobile);
+	if (Object.keys(tablet).length === 0 && Object.keys(mobile).length === 0) return desktop;
+	return {
+		...Object.keys(desktop).length === 0 ? {} : { desktop },
+		...Object.keys(tablet).length === 0 ? {} : { tablet },
+		...Object.keys(mobile).length === 0 ? {} : { mobile }
+	};
+};
+var rangesOf = (bucket, own) => {
+	const layer = byRange(bucket);
+	return {
+		mobile: composed(own ? onTopOf(own.mobile, layer.mobile) : layer.mobile),
+		tablet: composed(own ? onTopOf(own.tablet, layer.tablet) : layer.tablet),
+		desktop: composed(own ? onTopOf(own.desktop, layer.desktop) : layer.desktop)
+	};
+};
+/**
+* A `tw()` with colours of its own: `createTw({ colors: tokens(variables) })` makes `bg-surface` the space's token.
+*
+* `tw('flex items-center gap-2 px-5 py-2 rounded-full bg-slate-950/90 hover:scale-105 md:text-sm')` is the rules those
+* classes mean, written out when the space is — nothing of Tailwind runs in the page. Tailwind's breakpoints become
+* Plitzi's (`md:` tablet and desktop, `lg:` desktop, `max-md:` mobile, `max-lg:` tablet and mobile), its states the
+* class's states, `group-hover/<class>:` how it looks inside an ancestor wearing that class. A class Tailwind does not
+* have, or one with no exact equivalent here (`sm:`, `dark:`, `space-x-4`), is refused with what to write instead.
+*/
+var createTw = ({ colors = {} } = {}) => (classes) => {
+	const buckets = /* @__PURE__ */ new Map([["|", {
+		target: {},
+		bucket: {}
+	}]]);
+	for (const written of classes.split(/\s+/).filter(Boolean)) {
+		const { breakpoint, target, utility } = parseClass(written);
+		const resolved = resolveUtility(utility, colors);
+		if (resolved === void 0) return refuse$1("tw-unknown-class", `"${written}" is not a Tailwind class tw() knows${didYouMean(utility, KNOWN_NAMES)} A colour of the space is \`createTw({ colors })\`; any CSS at all is \`[property:value]\`.`);
+		if (resolved instanceof NoEquivalent) return refuse$1("tw-no-equivalent", `"${written}": ${resolved.reason}`);
+		const key = targetKey(target);
+		const entry = buckets.get(key) ?? {
+			target,
+			bucket: {}
+		};
+		buckets.set(key, entry);
+		const declared = entry.bucket[breakpoint] ?? /* @__PURE__ */ new Map();
+		entry.bucket[breakpoint] = declared;
+		const weight = Object.keys(resolved).length;
+		for (const [property, value] of Object.entries(resolved)) {
+			const earlier = declared.get(property);
+			if (earlier && earlier.weight === weight && earlier.value !== value) return refuse$1("tw-class-conflict", `"${earlier.by}" and "${written}" both set \`${property}\`, and neither is the narrower one — Tailwind would pick by its own order, not yours. Keep one.`);
+			if (!earlier || weight <= earlier.weight) declared.set(property, {
+				value,
+				weight,
+				by: written
+			});
+		}
+	}
+	const own = buckets.get("|")?.bucket ?? {};
+	const ownRanges = byRange(own);
+	const rules = { css: responsive(rangesOf(own)) };
+	for (const [key, { target, bucket }] of buckets) {
+		if (key === "|") continue;
+		const css = responsive(rangesOf(bucket, ownRanges));
+		if (target.state) rules.states = {
+			...rules.states,
+			[target.state]: css
+		};
+		else if (target.ancestor) {
+			const ancestors = { ...rules.ancestors };
+			const { name, state } = target.ancestor;
+			const ancestor = ancestors[name] ?? {};
+			ancestors[name] = state ? {
+				...ancestor,
+				states: {
+					...ancestor.states,
+					[state]: css
+				}
+			} : {
+				...ancestor,
+				css
+			};
+			rules.ancestors = ancestors;
+		}
+	}
+	return rules;
+};
+createTw();
+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);
+/** A step's params that name a path under `runtime.state`, by action. */
+var STATE_PATH_PARAMS = {
+	setState: ["key"],
+	toggleState: ["key"],
+	appendState: ["key"],
+	removeState: ["key"],
+	toggleInState: ["key"],
+	clearState: ["key"],
+	moveState: ["from", "to"]
+};
+var t$6 = [
+	"fade",
+	"fade-up",
+	"fade-down",
+	"slide-left",
+	"slide-right",
+	"slide-up",
+	"scale",
+	"zoom-in",
+	"zoom-out",
+	"pop",
+	"bounce-in",
+	"tilt",
+	"spin-in"
+];
+var n$6 = [
+	"load",
+	"view",
+	"scroll"
+];
+var r$4 = [
+	"float",
+	"pulse",
+	"spin",
+	"sway",
+	"bounce",
+	"wobble",
+	"orbit",
+	"heartbeat",
+	"drift"
+];
+var o$6 = {
+	fade: [{
+		at: 0,
+		opacity: 0
+	}],
+	"fade-up": [{
+		at: 0,
+		opacity: 0,
+		translate: "0 24px"
+	}],
+	"fade-down": [{
+		at: 0,
+		opacity: 0,
+		translate: "0 -24px"
+	}],
+	"slide-left": [{
+		at: 0,
+		opacity: 0,
+		translate: "32px 0"
+	}],
+	"slide-right": [{
+		at: 0,
+		opacity: 0,
+		translate: "-32px 0"
+	}],
+	"slide-up": [{
+		at: 0,
+		opacity: 0,
+		translate: "0 72px"
+	}],
+	scale: [{
+		at: 0,
+		opacity: 0,
+		scale: "0.94"
+	}],
+	"zoom-in": [{
+		at: 0,
+		opacity: 0,
+		scale: "0.6"
+	}],
+	"zoom-out": [{
+		at: 0,
+		opacity: 0,
+		scale: "1.25"
+	}],
+	pop: [
+		{
+			at: 0,
+			opacity: 0,
+			scale: "0.5"
+		},
+		{
+			at: 55,
+			opacity: 1,
+			scale: "1.08"
+		},
+		{
+			at: 78,
+			scale: "0.97"
+		}
+	],
+	"bounce-in": [
+		{
+			at: 0,
+			opacity: 0,
+			translate: "0 -64px"
+		},
+		{
+			at: 55,
+			opacity: 1,
+			translate: "0 10px"
+		},
+		{
+			at: 75,
+			translate: "0 -5px"
+		},
+		{
+			at: 90,
+			translate: "0 2px"
+		}
+	],
+	tilt: [{
+		at: 0,
+		opacity: 0,
+		translate: "0 32px",
+		rotate: "-6deg"
+	}],
+	"spin-in": [{
+		at: 0,
+		opacity: 0,
+		scale: "0.4",
+		rotate: "-180deg"
+	}]
+};
+Object.fromEntries(t$6.map((e) => {
+	let [{ at: t, ...n }] = o$6[e];
+	return [e, n];
+}));
+var c$4 = (e, t) => {
+	let n = t * 2 * Math.PI, r = Math.round(Math.sin(n) * e * 10) / 10, i = Math.round(-Math.cos(n) * e * 10) / 10;
+	return `translate(${String(r)}px, ${String(i)}px)`;
 };
+Array.from({ length: 9 }, (e, t) => ({
+	at: t * 100 / 8,
+	transform: c$4(6, t / 8)
+}));
+[
+	"[data-motion-loop] { animation-play-state: running, running !important; }",
+	"[data-motion-on=\"view\"][data-motion-enter], [data-motion-on=\"view\"][data-motion-stagger] > * { animation-play-state: running, running !important; }",
+	"[data-motion-on=\"scroll\"][data-motion-enter], [data-motion-on=\"scroll\"][data-motion-stagger] > * { animation-timeline: auto, auto !important; }"
+].join("\n");
+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$7(target) && URL_SCHEME.test(target);
+var isRoot = (element) => !element.definition.parentId;
+var stepsOf$1 = (element) => Object.values(element.definition.interactions ?? {});
 /**
-* Desktop-first, as Plitzi writes it: the desktop rules apply everywhere, and tablet and mobile say only where they
-* differ — a property the desktop sets and a narrower range does not is `revert`, which is what "no rule here" is.
+* A key the element or step does not take, renamed to the one it was a typo of — when that one is free — or dropped:
+* it was never read, so dropping it changes nothing on screen.
 */
-var responsive = (ranges) => {
-	const { desktop } = ranges;
-	const differences = (range) => {
-		const changed = Object.fromEntries(Object.entries(range).filter(([property, value]) => desktop[property] !== value));
-		for (const property of Object.keys(desktop)) if (!Object.hasOwn(range, property)) changed[property] = "revert";
-		return changed;
-	};
-	const tablet = differences(ranges.tablet);
-	const mobile = differences(ranges.mobile);
-	if (Object.keys(tablet).length === 0 && Object.keys(mobile).length === 0) return desktop;
-	return {
-		...Object.keys(desktop).length === 0 ? {} : { desktop },
-		...Object.keys(tablet).length === 0 ? {} : { tablet },
-		...Object.keys(mobile).length === 0 ? {} : { mobile }
-	};
+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$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);
+				Reflect.deleteProperty(record, key);
+				report(`Moved ${inners.join(", ")} out of the ${what} "${key}", up to where ${inners.length === 1 ? "it is" : "they are"} read.`, {
+					on,
+					op: "unwrap",
+					key
+				});
+			}
+			continue;
+		}
+		const meant = closest$1(key, known);
+		if (meant !== void 0 && record[meant] === void 0) {
+			record[meant] = record[key];
+			report(`Renamed the ${what} "${key}" to "${meant}".`, {
+				on,
+				op: "rename",
+				key,
+				to: meant
+			});
+		} else report(`Removed the ${what} "${key}", which nothing reads.`, {
+			on,
+			op: "remove",
+			key
+		});
+		Reflect.deleteProperty(record, key);
+	}
 };
-var rangesOf = (bucket, own) => {
-	const layer = byRange(bucket);
-	return {
-		mobile: composed(own ? onTopOf(own.mobile, layer.mobile) : layer.mobile),
-		tablet: composed(own ? onTopOf(own.tablet, layer.tablet) : layer.tablet),
-		desktop: composed(own ? onTopOf(own.desktop, layer.desktop) : layer.desktop)
-	};
+/** A flag written as the words `'true'`/`'false'`, stored as the boolean it is read as. */
+var asFlag = (value) => value === "true" ? true : value === "false" ? false : void 0;
+var stepSpec = (catalogs, step) => {
+	const vocabulary = catalogs.vocabulary;
+	const table = step.type === "globalCallback" ? vocabulary?.globalCallbacks : step.type === "utility" ? vocabulary?.utilities : step.type === "callback" ? vocabulary?.sharedCallbacks : void 0;
+	return table && Object.hasOwn(table, step.action) ? table[step.action] : void 0;
 };
-/**
-* A `tw()` with colours of its own: `createTw({ colors: tokens(variables) })` makes `bg-surface` the space's token.
-*
-* `tw('flex items-center gap-2 px-5 py-2 rounded-full bg-slate-950/90 hover:scale-105 md:text-sm')` is the rules those
-* classes mean, written out when the space is — nothing of Tailwind runs in the page. Tailwind's breakpoints become
-* Plitzi's (`md:` tablet and desktop, `lg:` desktop, `max-md:` mobile, `max-lg:` tablet and mobile), its states the
-* class's states, `group-hover/<class>:` how it looks inside an ancestor wearing that class. A class Tailwind does not
-* have, or one with no exact equivalent here (`sm:`, `dark:`, `space-x-4`), is refused with what to write instead.
-*/
-var createTw = ({ colors = {} } = {}) => (classes) => {
-	const buckets = /* @__PURE__ */ new Map([["|", {
-		target: {},
-		bucket: {}
-	}]]);
-	for (const written of classes.split(/\s+/).filter(Boolean)) {
-		const { breakpoint, target, utility } = parseClass(written);
-		const resolved = resolveUtility(utility, colors);
-		if (resolved === void 0) return refuse$1("tw-unknown-class", `"${written}" is not a Tailwind class tw() knows${didYouMean(utility, KNOWN_NAMES)} A colour of the space is \`createTw({ colors })\`; any CSS at all is \`[property:value]\`.`);
-		if (resolved instanceof NoEquivalent) return refuse$1("tw-no-equivalent", `"${written}": ${resolved.reason}`);
-		const key = targetKey(target);
-		const entry = buckets.get(key) ?? {
-			target,
-			bucket: {}
-		};
-		buckets.set(key, entry);
-		const declared = entry.bucket[breakpoint] ?? /* @__PURE__ */ new Map();
-		entry.bucket[breakpoint] = declared;
-		const weight = Object.keys(resolved).length;
-		for (const [property, value] of Object.entries(resolved)) {
-			const earlier = declared.get(property);
-			if (earlier && earlier.weight === weight && earlier.value !== value) return refuse$1("tw-class-conflict", `"${earlier.by}" and "${written}" both set \`${property}\`, and neither is the narrower one — Tailwind would pick by its own order, not yours. Keep one.`);
-			if (!earlier || weight <= earlier.weight) declared.set(property, {
-				value,
-				weight,
-				by: written
+new Set(Object.keys({
+	"page-target-url": (element, _ctx, report) => {
+		const { href, mode } = element.attributes;
+		if (element.definition.type === "link" && (mode ?? "page") === "page" && isUrlTarget(href)) {
+			element.attributes.mode = "external";
+			report(`The link to "${href}" now opens it as an external URL.`, {
+				on: "attribute",
+				op: "set",
+				key: "mode",
+				value: "external"
+			});
+		}
+		for (const step of stepsOf$1(element)) if (step.action === "navigate" && step.params.urlType === "page" && isUrlTarget(step.params.url)) {
+			step.params.urlType = "external";
+			report(`Step "${step.id}" now navigates to "${step.params.url}" as an external URL.`, {
+				on: { step: step.id },
+				op: "set",
+				key: "urlType",
+				value: "external"
+			});
+		}
+	},
+	"unknown-attribute": (element, ctx, report) => {
+		const names = ctx.attributeNamesFor(element);
+		if (!isRoot(element) && names) settleUnknownKeys(element.attributes, names, "attribute", "attribute", report, ctx.defaultsFor(element));
+	},
+	"attribute-kind": (element, ctx, report) => {
+		const defaults = ctx.catalogs.defaultAttributes?.[element.definition.type] ?? {};
+		for (const [name, value] of Object.entries(element.attributes)) {
+			const flag = asFlag(value);
+			if (typeof defaults[name] === "boolean" && flag !== void 0) {
+				element.attributes[name] = flag;
+				report(`\`${name}\` is now the boolean ${String(flag)}, not the text "${String(value)}".`, {
+					on: "attribute",
+					op: "set",
+					key: name,
+					value: flag
+				});
+			}
+		}
+	},
+	"step-params": (element, ctx, report) => {
+		for (const step of stepsOf$1(element)) {
+			const spec = stepSpec(ctx.catalogs, step);
+			if (!spec?.params) continue;
+			const params = spec.params;
+			if (spec.strictParams) settleUnknownKeys(step.params, Object.keys(params), `param of step "${step.id}"`, { step: step.id }, report);
+			for (const [key, value] of Object.entries(step.params)) {
+				const flag = asFlag(value);
+				if (Object.hasOwn(params, key) && params[key].type === "boolean" && flag !== void 0) {
+					step.params[key] = flag;
+					report(`Step "${step.id}": \`${key}\` is now the boolean ${String(flag)}.`, {
+						on: { step: step.id },
+						op: "set",
+						key,
+						value: flag
+					});
+				}
+			}
+		}
+	},
+	"global-callback-module": (element, ctx, report) => {
+		for (const step of stepsOf$1(element)) {
+			const declared = step.type === "globalCallback" && ctx.catalogs.vocabulary ? ctx.catalogs.vocabulary.globalCallbacks[step.action] : void 0;
+			if (declared && step.elementId !== declared.source) {
+				step.elementId = declared.source;
+				report(`Step "${step.id}" now runs "${step.action}" on "${declared.source}", the module that registers it.`, {
+					on: { step: step.id },
+					op: "set",
+					key: "on",
+					value: declared.source
+				});
+			}
+		}
+	},
+	"utility-module": (element, ctx, report) => {
+		for (const step of stepsOf$1(element)) {
+			const known = ctx.catalogs.vocabulary ? Object.hasOwn(ctx.catalogs.vocabulary.utilities, step.action) : false;
+			if (step.type === "utility" && known && step.elementId !== null) {
+				step.elementId = null;
+				report(`Step "${step.id}" runs the utility "${step.action}" on no element: a utility takes none.`, {
+					on: { step: step.id },
+					op: "remove",
+					key: "on"
+				});
+			}
+		}
+	},
+	"visibility-as-attribute": (element, _ctx, report) => {
+		const bindings = element.definition.bindings;
+		const moved = bindings?.attributes?.filter((binding) => binding.to === "visibility") ?? [];
+		if (!bindings || moved.length === 0) return;
+		bindings.attributes = bindings.attributes?.filter((binding) => binding.to !== "visibility");
+		bindings.initialState = [...bindings.initialState ?? [], ...moved];
+		report("The visibility binding now sets the visibility, rather than an attribute nothing reads.");
+	},
+	"binding-target-unknown": (element, ctx, report) => {
+		const names = ctx.attributeNamesFor(element);
+		const bindings = element.definition.bindings;
+		if (!names || !bindings?.attributes) return;
+		const reads = (binding) => binding.to === "visibility" || binding.to === "className" || names.includes(binding.to);
+		for (const binding of bindings.attributes.filter((candidate) => !reads(candidate))) report(`Removed the binding onto "${binding.to}", which a "${element.definition.type}" never reads.`, {
+			on: "binding",
+			op: "remove",
+			key: binding.to
+		});
+		bindings.attributes = bindings.attributes.filter(reads);
+	},
+	"unknown-transformer": (element, ctx, report) => {
+		const catalog = ctx.catalogs.transformers;
+		if (!catalog) return;
+		for (const binding of Object.values(element.definition.bindings ?? {}).flat()) for (const transformer of binding.transformers ?? []) {
+			const meant = Object.hasOwn(catalog, transformer.action) ? void 0 : closest$1(transformer.action, Object.keys(catalog));
+			if (meant !== void 0) {
+				report(`The binding of "${binding.to}" now runs "${meant}" (was "${transformer.action}").`, {
+					on: "binding",
+					op: "replace",
+					key: transformer.action,
+					to: meant
+				});
+				transformer.action = meant;
+			}
+		}
+	},
+	"list-items-ignored": (element, _ctx, report) => {
+		const { attributes } = element;
+		const bound = Object.values(element.definition.bindings ?? {}).flat().some((binding) => binding.to === "items");
+		const written = Array.isArray(attributes.items) && attributes.items.length > 0;
+		if (element.definition.type === "list" && attributes.source !== "controlled" && (bound || written)) {
+			attributes.source = "controlled";
+			report("The list now reads its items (`source: controlled`), one row per item.", {
+				on: "attribute",
+				op: "set",
+				key: "source",
+				value: "controlled"
 			});
 		}
-	}
-	const own = buckets.get("|")?.bucket ?? {};
-	const ownRanges = byRange(own);
-	const rules = { css: responsive(rangesOf(own)) };
-	for (const [key, { target, bucket }] of buckets) {
-		if (key === "|") continue;
-		const css = responsive(rangesOf(bucket, ownRanges));
-		if (target.state) rules.states = {
-			...rules.states,
-			[target.state]: css
-		};
-		else if (target.ancestor) {
-			const ancestors = { ...rules.ancestors };
-			const { name, state } = target.ancestor;
-			const ancestor = ancestors[name] ?? {};
-			ancestors[name] = state ? {
-				...ancestor,
-				states: {
-					...ancestor.states,
-					[state]: css
-				}
-			} : {
-				...ancestor,
-				css
+	},
+	"list-row-not-li": (element, ctx, report) => {
+		const { parentId } = element.definition;
+		const list = parentId ? ctx.element(parentId) : void 0;
+		if (list?.definition.type === "list" && list.attributes.source === "controlled" && isPlainContainer(element)) {
+			element.attributes.subType = "li";
+			report("The row is now an `<li>` (`subType: li`), an item of the list it renders in.", {
+				on: "attribute",
+				op: "set",
+				key: "subType",
+				value: "li"
+			});
+		}
+	},
+	"overlay-starts-open": (element, _ctx, report) => {
+		const { type, bindings } = element.definition;
+		const visibilityBound = (bindings?.initialState ?? []).some((binding) => binding.to === "visibility");
+		if ((type === "modalContainer" || type === "dialogContainer") && element.definition.initialState?.visibility !== false && !visibilityBound) {
+			element.definition.initialState = {
+				...element.definition.initialState,
+				visibility: false
 			};
-			rules.ancestors = ancestors;
+			report(`The ${type} now starts closed, to be opened from a flow.`, {
+				on: "field",
+				op: "set",
+				key: "visible",
+				value: false
+			});
+		}
+	},
+	"state-key-has-runtime-prefix": (element, _ctx, report) => {
+		for (const step of stepsOf$1(element)) {
+			if (step.type !== "globalCallback" || step.elementId !== "state") continue;
+			for (const param of STATE_PATH_PARAMS[step.action] ?? []) {
+				const value = step.params[param];
+				if (typeof value === "string" && /^(?:runtime\.)?state\./.test(value)) {
+					const next = value.replace(/^(?:runtime\.)?state\./, "");
+					step.params[param] = next;
+					report(`Step "${step.id}": \`${param}\` is now "${next}" (was "${value}").`, {
+						on: { step: step.id },
+						op: "set",
+						key: param,
+						value: next
+					});
+				}
+			}
 		}
 	}
-	return rules;
-};
-createTw();
+}));
+var e$4 = ".Toastify__toast-container.plitzi-sdk-toasts";
+var t$4 = [
+	{
+		selector: e$4,
+		fields: {
+			background: ["--toastify-color-light", "--toastify-color-dark"],
+			text: ["--toastify-text-color-light", "--toastify-text-color-dark"],
+			success: ["--toastify-color-success"],
+			danger: ["--toastify-color-error"],
+			warning: ["--toastify-color-warning"],
+			info: ["--toastify-color-info"],
+			radius: ["--toastify-toast-bd-radius"],
+			font: ["--toastify-font-family"],
+			shadow: ["--toastify-toast-shadow"],
+			padding: ["--toastify-toast-padding"],
+			minHeight: ["--toastify-toast-min-height"]
+		}
+	},
+	{
+		selector: `:where(${e$4} .Toastify__toast)`,
+		fields: {
+			fontSize: ["font-size"],
+			fontWeight: ["font-weight"],
+			lineHeight: ["line-height"],
+			border: ["border"]
+		}
+	},
+	{
+		selector: `${e$4} .Toastify__toast-icon`,
+		fields: {
+			iconSize: ["width"],
+			iconGap: ["margin-inline-end"]
+		}
+	},
+	{
+		selector: `${e$4} .Toastify__close-button`,
+		fields: { closeColor: ["color"] }
+	},
+	{
+		selector: `${e$4} .Toastify__close-button:not(:hover, :focus)`,
+		fields: { closeOpacity: ["opacity"] }
+	},
+	{
+		selector: `${e$4} .Toastify__progress-bar--wrp`,
+		fields: { progressHeight: ["height"] }
+	}
+];
+var n$4 = t$4.flatMap((e) => Object.keys(e.fields));
+var r$2$1 = (e) => n$4.includes(e);
+n$4.filter(r$2$1);
+var c$2$1 = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+t$4.map((e) => {
+	let t = new Map(Object.entries(e.fields).flatMap(([e, t]) => r$2$1(e) ? t.map((t) => [t, e]) : []));
+	return {
+		pattern: RegExp(`(?:^|\\n)${c$2$1(e.selector)}\\s*\\{([^}]*)\\}`, "g"),
+		fieldOf: (e) => t.get(e)
+	};
+});
+Object.fromEntries(e$30.map((e) => [e, t$26(e)]));
 [...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);
@@ -15275,7 +15317,7 @@ var pluginDeclarations = async (folder) => {
 	}));
 };
 /** The manifest of a plugin run as it was built, read; nothing when it cannot be — the layout check says why first. */
-var manifestOf$1 = (file) => {
+var manifestOf$2 = (file) => {
 	try {
 		const manifest = JSON.parse(readFileSync(file, "utf-8"));
 		return e$33(manifest) ? manifest : {};
@@ -15288,7 +15330,7 @@ var manifestOf$1 = (file) => {
 * space): each folder's type and every element its manifest provides (`pluginSchema`). None in most projects.
 */
 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));
+	const { pluginSchema } = manifestOf$2(path.join(folder, entry.name, d$1));
 	return [entry.name, ...e$33(pluginSchema) ? Object.keys(pluginSchema) : []];
 }) : [];
 /**
@@ -18725,7 +18767,7 @@ var momentChanges = (before, after, state) => {
 		...stateChanges
 	];
 };
-var selectorOf$1 = (authored, id) => authored && Object.hasOwn(authored.handles.elements, id) ? authored.handles.elements[id].selector : `[data-plitzi-el="${id}"]`;
+var selectorOf = (authored, id) => authored && Object.hasOwn(authored.handles.elements, id) ? authored.handles.elements[id].selector : `[data-plitzi-el="${id}"]`;
 var FIELDS = "input, textarea, select";
 /** The elements of the space the fields inside a node belong to: the nearest element around each. */
 var fieldOwnersInPage = (node, selector) => Array.from(node.querySelectorAll(selector), (field) => field.closest("[data-plitzi-el]")?.getAttribute("data-plitzi-el")).map((owner) => owner ?? "?");
@@ -18735,7 +18777,7 @@ var fieldOwnersInPage = (node, selector) => Array.from(node.querySelectorAll(sel
 * it is another's; or what could not be filled, and why.
 */
 var fillField = async (page, authored, { element, value }) => {
-	const node = page.locator(selectorOf$1(authored, element)).first();
+	const node = page.locator(selectorOf(authored, element)).first();
 	if (await node.count() === 0) return { problem: `no element ${element} is on this page to fill` };
 	const own = await node.evaluate((each, selector) => each.matches(selector), FIELDS);
 	const owners = own ? [element] : await node.evaluate(fieldOwnersInPage, FIELDS);
@@ -18760,7 +18802,7 @@ var fillField = async (page, authored, { element, value }) => {
 * nothing is said as such: a button whose flow does nothing looks the same as one that works until somebody clicks.
 */
 var clickEffects = async (page, authored, { element: id, fill }) => {
-	const target = page.locator(selectorOf$1(authored, id)).first();
+	const target = page.locator(selectorOf(authored, id)).first();
 	if (await target.count() === 0) return {
 		element: id,
 		problem: `no element ${id} is on this page`,
@@ -18889,12 +18931,12 @@ var lateElements = (schema, served, hydrated, width) => {
 		browserOnly
 	};
 };
-var checkAt = async (browser, origin, pathname, width, scheme, authored, asked, ssr, account, click) => {
+var checkAt = async (browser, origin, pathname, width, view, authored, asked, ssr, account, click) => {
 	const handles = authored?.handles;
 	const page = await openProjectPage(browser, origin, {
 		width,
 		height: 900,
-		...scheme ? { scheme } : {}
+		...view
 	});
 	/** A report of a page that could not be looked at — nothing answered, no sign-in, sent elsewhere. */
 	const unchecked = (issue) => ({
@@ -19125,6 +19167,7 @@ var check = async (routes, options) => {
 		asked,
 		ssr: Boolean(options.ssr),
 		...options.scheme ? { scheme: options.scheme } : {},
+		presence: options.presence === true,
 		...account ? { account } : {},
 		...options.click ? { click: {
 			element: options.click,
@@ -19154,7 +19197,10 @@ var checkRoutes = async (project, routes, options) => {
 	try {
 		const reports = [];
 		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);
+			const report = await checkAt(browser, where.origin, route, width, {
+				...options.scheme ? { scheme: options.scheme } : {},
+				presence: options.presence === true
+			}, authored, options.asked, options.ssr, options.account, options.click);
 			reports.push({
 				...report,
 				...options.scheme ? { scheme: options.scheme } : {}
@@ -19397,16 +19443,6 @@ var projectRunner = async (root) => {
 	} catch {}
 	fail("plitzi functions dev runs them with this project’s own @plitzi/sdk-server, and the isolates it needs:\n  npm install --save-dev @plitzi/sdk-server isolated-vm core-js");
 };
-/** `PLITZI_FUNCTIONS_CREDENTIALS`, a JSON object of credential id → its keys: what `ctx.fetch` may name locally. */
-var localCredentials = () => {
-	const raw = process.env.PLITZI_FUNCTIONS_CREDENTIALS;
-	try {
-		const value = raw ? JSON.parse(raw) : {};
-		return e$3(value) ? Object.fromEntries(Object.entries(value).flatMap(([id, keys]) => e$3(keys) ? [[id, Object.fromEntries(Object.entries(keys).filter((pair) => typeof pair[1] === "string"))]] : [])) : {};
-	} catch {
-		return {};
-	}
-};
 var NO_NODE_SNAPSHOT = "--no-node-snapshot";
 /**
 * The isolates `dev` runs need Node's startup snapshot off, and a process cannot turn it off once started: `dev` runs
@@ -19436,10 +19472,7 @@ var devFunction = async (task, options) => {
 	const root = params && await rootOf();
 	const runner = root ? await projectRunner(root) : void 0;
 	if (!root || !runner) return;
-	const local = runner.createLocalFunctions({
-		credentials: localCredentials(),
-		dataDir: path.join(root, m)
-	});
+	const local = runner.createLocalFunctions({ dataDir: path.join(root, m) });
 	const run = async () => {
 		const loaded = await local.load(await readFunctionsFiles(root));
 		if (!loaded.ok) {
@@ -21204,6 +21237,125 @@ var fix = async (options) => {
 	].join("\n"));
 };
 //#endregion
+//#region src/commands/functionsAdd.ts
+/** Where a package added to the functions is kept: their own code from then on, copied in. */
+var VENDOR_DIR = "vendor";
+/** What a space's functions may weigh built, whole — a package added is part of it (`@plitzi/sdk-server`'s cap). */
+var MAX_FUNCTIONS_BYTES = 1e6;
+/** A package's name, as npm writes one: `ical.js`, `@scope/name`. */
+var PACKAGE_NAME = /^(@[a-z0-9][\w.-]*\/)?[a-z0-9][\w.-]*$/i;
+/** Globals of Node a package may read and a runner does not have: said, since a bundle cannot tell if they run. */
+var NODE_GLOBALS = /\b(process\.(env|nextTick|platform|versions?)|Buffer\.(from|alloc|isBuffer)|__dirname|__filename)\b/;
+/** The file a package is kept in, under `src/functions/vendor/`: its name, with its scope folded in. */
+var vendorFileOf = (name) => `${name.replace(/^@/, "").replace("/", "__")}.js`;
+/** The package's own `package.json`, found from where it resolves: its version and its licence for the header. */
+var manifestOf$1 = async (entry, name) => {
+	for (let dir = path.dirname(entry); dir !== path.dirname(dir); dir = path.dirname(dir)) try {
+		const parsed = JSON.parse(await fs.readFile(path.join(dir, "package.json"), "utf8"));
+		if (e$3(parsed) && parsed.name === name) return {
+			version: typeof parsed.version === "string" ? parsed.version : "?",
+			license: typeof parsed.license === "string" ? parsed.license : "no licence stated"
+		};
+	} catch {}
+	return {
+		version: "?",
+		license: "no licence stated"
+	};
+};
+/**
+* One package bundled for the functions: web APIs only, as they run — what reaches Node (`fs`, `node:crypto`) does
+* not resolve on a neutral platform, and is the reason it is refused. With what it exports, for its types.
+*/
+var bundle = async (root, name, withDefault) => {
+	try {
+		const result = await build({
+			stdin: {
+				contents: `export * from '${name}';${withDefault ? `\nexport { default } from '${name}';` : ""}`,
+				resolveDir: root,
+				loader: "js"
+			},
+			bundle: true,
+			write: false,
+			metafile: true,
+			format: "esm",
+			platform: "neutral",
+			mainFields: ["module", "main"],
+			target: "es2022",
+			minify: true,
+			legalComments: "inline",
+			logLevel: "silent"
+		});
+		const exports = Object.values(result.metafile.outputs).flatMap((output) => output.exports);
+		return {
+			code: result.outputFiles.map((output) => output.text).join(""),
+			exports
+		};
+	} catch (error) {
+		return { errors: e$3(error) && Array.isArray(error.errors) ? error.errors.flatMap((entry) => e$3(entry) && typeof entry.text === "string" ? [{ text: entry.text }] : []) : [{ text: error instanceof Error ? error.message : String(error) }] };
+	}
+};
+/** Why esbuild could not bundle it, in the words that say what to do: a Node module is a package that cannot run here. */
+var refusalOf$1 = (name, errors) => {
+	const node = errors.map((entry) => /Could not resolve "([^"]+)"/.exec(entry.text)?.[1]).find((module) => module !== void 0 && !module.startsWith("."));
+	return node ? `${name} reaches "${node}", which the functions do not have: they run with web APIs only — fetch, crypto.subtle, URL — on any runner, so a package that needs Node cannot run there. Look for one written for the browser or the edge.` : `${name} could not be bundled: ${errors.map((entry) => entry.text).join("; ")}`;
+};
+/**
+* `plitzi functions add <package>`: a package the functions use, as a function carries its dependencies — bundled into
+* `src/functions/vendor/`, and from then on their own code: pushed and built with the rest, read by the builder, run by
+* the runner. Nothing is resolved anywhere else, so a space's functions stay its own files. Installed first, with the
+* project's package manager, so its version is the project's choice and its types reach the editor.
+*/
+var addFunctionsPackage = async (name, options) => {
+	if (!PACKAGE_NAME.test(name)) {
+		fail(`"${name}" is not a package's name — ical.js, @scope/name.`);
+		return;
+	}
+	const root = (await projectHere("whose functions these are"))?.root;
+	if (!root) return;
+	let entry;
+	try {
+		entry = createRequire(path.join(root, "package.json")).resolve(name);
+	} catch {
+		try {
+			entry = createRequire(path.join(root, "package.json")).resolve(`${name}/package.json`);
+		} catch {
+			fail(`${name} is not installed in this project: install it first (npm install --save-dev ${name}), then add it.`);
+			return;
+		}
+	}
+	let built = await bundle(root, name, true);
+	if ("errors" in built && built.errors.some((entry) => /No matching export .*"default"/.test(entry.text))) built = await bundle(root, name, false);
+	if ("errors" in built) {
+		fail(refusalOf$1(name, built.errors));
+		return;
+	}
+	const bytes = Buffer.byteLength(built.code);
+	if (bytes > MAX_FUNCTIONS_BYTES) {
+		fail(`${name} is ${String(Math.round(bytes / 1024))} KB bundled, and a space's functions are at most ${String(MAX_FUNCTIONS_BYTES / 1e3)} KB built, all of it: look for a smaller one, or import less of it.`);
+		return;
+	}
+	const { version, license } = await manifestOf$1(entry, name);
+	const file = vendorFileOf(name);
+	const relative = `./${VENDOR_DIR}/${file}`;
+	const header = `// ${name}@${version} — ${license}. Added by \`plitzi functions add ${name}\`: the package bundled for the functions\n// (web APIs only), imported as '${relative}'. Not to be edited: run it again to update it.\n`;
+	const types = `// The types of ${name}@${version}, for '${relative}' — the installed package's own.\n${built.exports.filter((exported) => exported !== "default").length > 0 ? `export * from '${name}';\n` : ""}${built.exports.includes("default") ? `export { default } from '${name}';\n` : ""}`;
+	const written = {
+		[path.join(VENDOR_DIR, file)]: `${header}${built.code}`,
+		[path.join(VENDOR_DIR, file.replace(/\.js$/, ".d.ts"))]: types
+	};
+	const base = path.join(root, h$1);
+	if (options.dryRun) {
+		sayDryRun(`plitzi functions add ${name}`, [...(await filesWouldWrite(base, Object.keys(written))).map((line) => line.replace(/^(.) /, `$1 ${h$1}/`))]);
+		return;
+	}
+	for (const [target, text] of Object.entries(written)) {
+		await fs.mkdir(path.dirname(path.join(base, target)), { recursive: true });
+		await fs.writeFile(path.join(base, target), text);
+	}
+	console.log(`Added ${name}@${version} (${String(Math.round(bytes / 1024))} KB) as ${h$1}/${VENDOR_DIR}/${file}: import it from a file of ${h$1}/ with '${relative}' — \`functions push\` saves it with the rest.`);
+	if (NODE_GLOBALS.test(built.code)) console.warn(`${name} reads globals of Node (process, Buffer, __dirname) somewhere: the functions have none, so whatever reads them fails when it runs. Try what you use with \`plitzi functions dev\`.`);
+};
+//#endregion
 //#region src/commands/siteOwnership.ts
 var NOT_ASKED = (host) => `${host} is not served from this machine, so importing it takes proof that it is yours: its domain verified on one of your Plitzi spaces. That is asked of your Plitzi account, signing in — run it again with --account to ask. A site that is not yours is not imported.`;
 var LOOPBACK = /^(127\.|::1$|::ffff:127\.)/;
@@ -23658,12 +23810,13 @@ var parseSteps = (script, every) => {
 				});
 				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>` };
+				const quoted = /^(["'])(.+?)\1\s+(.+)$/s.exec(rest.join(" "));
+				const [target, text] = quoted ? [quoted[2], quoted[3]] : [rest[0], rest.slice(1).join(" ")];
+				if (!target || text === "") return { problem: `${at}: type needs an element and the text — type <element> <text>, type ".panel textarea" hi` };
 				steps.push({
 					kind: "type",
 					target,
-					text: unquoted(words.join(" "))
+					text: unquoted(text)
 				});
 				break;
 			}
@@ -23733,12 +23886,42 @@ 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 — 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 {
+var BARE = /^[\w-]+$/;
+/** A bare word: an element's name — letters, digits, `-` and `_`, as an id is written — or else a tag (`textarea`). */
+var namedBy = (target) => `[data-plitzi-el="${target}"]`;
+/** What a wait waits for: an element by name or, a bare word naming none, a tag — whichever shows first. */
+var awaited = (target) => BARE.test(target) ? `${namedBy(target)}, ${target}` : target;
+/**
+* A target found on the page: an element's name, a tag no element is named by (`textarea`), or a selector — CSS or
+* Playwright's own (`button:has-text("Orbit")`, `text=Saved`, `role=button[name="Publish"]`). With how many it finds
+* (none is one not on the page), or why it is no selector at all: Playwright throws on one it cannot read, and an
+* uncaught throw ended the command with a stack trace.
+*/
+var targetOn = async (page, target) => {
+	try {
+		if (!BARE.test(target)) return {
+			selector: target,
+			found: await page.locator(target).first().count() > 0
+		};
+		if (await page.locator(namedBy(target)).first().count() > 0) return {
+			selector: namedBy(target),
+			found: true
+		};
+		return await page.locator(target).first().count() > 0 ? {
+			selector: target,
+			found: true
+		} : {
+			selector: namedBy(target),
+			found: false
+		};
+	} catch (error) {
+		return { problem: `${target} is neither an element's name nor a selector the page can read: ${error instanceof Error ? error.message.split("\n")[0] : String(error)}` };
+	}
+};
+var framing = (view, clip) => {
+	if (clip) return {
 		kind: "element",
-		selector: selectorOf(view.clip)
+		selector: clip
 	};
 	return view.viewport || view.scrollTo ? { kind: "viewport" } : { kind: "page" };
 };
@@ -23763,20 +23946,37 @@ var pictureOf = async (browser, url, view, origin) => {
 	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.` };
+	for (const target of [
+		view.waitFor,
+		view.scrollTo,
+		view.clip
+	]) {
+		const read = target === void 0 ? void 0 : await targetOn(page, target);
+		if (read && "problem" in read) return read;
 	}
-	for (const target of [view.scrollTo, view.clip]) if (target && !await page.waitForSelector(selectorOf(target), { timeout: 1e4 }).catch(() => null)) return { problem: `${target} is not on ${url}.` };
-	if (view.scrollTo) await page.locator(selectorOf(view.scrollTo)).first().scrollIntoViewIfNeeded();
+	if (view.waitFor) {
+		if (!await page.waitForSelector(awaited(view.waitFor), { timeout: 1e4 }).catch(() => null)) return { problem: `${view.waitFor} did not appear on ${url} within 10 s.` };
+	}
+	/** The element a target names, once it is there: what it is scrolled to, or pictured alone. */
+	const shown = {};
+	for (const target of [view.scrollTo, view.clip]) {
+		if (target === void 0) continue;
+		const read = await page.waitForSelector(awaited(target), { timeout: 1e4 }).catch(() => null) ? await targetOn(page, target) : void 0;
+		if (!read || "problem" in read || !read.found) return { problem: `${target} is not on ${url}.` };
+		shown[target] = read.selector;
+	}
+	if (view.scrollTo) await page.locator(shown[view.scrollTo]).first().scrollIntoViewIfNeeded();
+	const how = framing(view, view.clip === void 0 ? void 0 : shown[view.clip]);
 	await withoutDevTools(page);
 	const settled = view.still ? await page.evaluate((selector) => document.querySelectorAll(selector).length, WAITING_FOR_SCROLL) : 0;
-	const whole = framing(view).kind === "page";
+	const whole = how.kind === "page";
 	const pictures = whole ? await page.evaluate(loadImages, IMAGES_BUDGET_MS) : void 0;
 	if (whole) await page.evaluate(unrollPage, void 0);
 	if (view.still) await page.addStyleTag({ content: _ });
 	return {
 		page,
-		png: await capture(page, framing(view)),
+		how,
+		png: await capture(page, how),
 		scheme: await paintedScheme(page, view.scheme ?? "light"),
 		settled,
 		unloaded: pictures?.missing ?? 0,
@@ -23894,8 +24094,10 @@ var clickThrough = async (taken, how, clicks, { frames, every }) => {
 	}];
 	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 read = await targetOn(taken.page, target);
+		if ("problem" in read) return read;
+		if (!read.found) return { problem: `${target} is not on the page: --click takes an element's name, a tag or a selector.` };
+		const element = taken.page.locator(read.selector).first();
 		const before = moments[moments.length - 1].png;
 		try {
 			await element.click({ timeout: 3e3 });
@@ -23959,13 +24161,19 @@ var playSteps = async (taken, how, steps) => {
 	};
 	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);
+			const read = await targetOn(page, step.target);
+			if ("problem" in read || !read.found) return { problem: `Step ${String(index + 1)}: ${"problem" in read ? read.problem : `${step.target} is not on the page — its name, a tag or a selector; one with spaces in quotes: type ".panel textarea" hola`}.` };
+			await page.locator(read.selector).first().click({ timeout: 3e3 });
+			if (step.kind === "type") {
+				if (!await page.evaluate(() => {
+					const focused = document.activeElement;
+					return focused instanceof HTMLElement && (focused.isContentEditable || focused.matches("input, textarea, select"));
+				}, void 0)) return { problem: `Step ${String(index + 1)}: clicking ${step.target} leaves no field focused, so the text would go to the page itself — name the field: type ".panel textarea" hola` };
+				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 === "wait-for") await page.waitForSelector(awaited(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);
@@ -24052,16 +24260,17 @@ var shot = async (route, options) => {
 			...options.clip ? { clip: options.clip } : {},
 			...options.scrollTo ? { scrollTo: options.scrollTo } : {},
 			...options.viewport ? { viewport: true } : {},
+			...options.presence ? { presence: true } : {},
 			...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);
 			return;
 		}
+		const { how } = taken;
 		const name = pathname === "/" ? "home" : pathname.replace(/[^a-z0-9]+/gi, "-").replace(/^-|-$/g, "");
 		const out = path.resolve(project.root, options.out ?? `tmp/shots/${name}-${String(view.width)}-${taken.scheme}.png`);
 		const base = out.replace(/\.png$/, "");
@@ -27503,14 +27712,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("[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));
+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("--presence", "Take part in the page’s realtime channels as a visitor does — arrive, announce, send. Otherwise it only watches them").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)).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));
+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("--presence", "Take part in the page’s realtime channels as a visitor does — arrive, announce, send. Otherwise it only watches them").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));
@@ -27528,6 +27737,7 @@ pluginGroup.command("upload").argument("[zip]", "The zip plitzi plugin pack buil
 var functions = program.command("functions").description(`The space’s own server code: ${h$1}/ in this project is a working copy of it`);
 functions.command("pull").description(`Write the space’s functions into ${h$1}/ — refused when that would overwrite what is not pushed`).option("-f, --force", "Overwrite what is not pushed, or a copy of another space").option(...API_OPTION).option(...DRY_RUN_OPTION).action((options) => pullFunctions(options));
 functions.command("push").description(`Save ${h$1}/ as the space’s draft: built and checked on the platform, refused if it moved on since`).option(...API_OPTION).option(...DRY_RUN_OPTION).action((options) => pushFunctions(options));
+functions.command("add").argument("<package>", "An npm package the project installed — ical.js, @scope/name").description(`Bundle a package into ${h$1}/vendor/ for the functions to import, as a function carries its dependencies — web APIs only`).option(...DRY_RUN_OPTION).action((name, options) => addFunctionsPackage(name, options));
 functions.command("try").argument("<task>", "The task, <namespace>.<action>").description("Run one task of the draft in the sandbox: its value, what it logged, and why it failed").option("--params <json>", "Its params, as a JSON object").option(...API_OPTION).action((task, options) => tryFunction(task, options));
 functions.command("dev").argument("<task>", "The task, <namespace>.<action>").description(`Run one task from ${h$1}/ on this machine, as the platform runs it — nothing reaches the space`).option("--params <json>", "Its params, as a JSON object").option("-w, --watch", `Run it again every time a file of ${h$1}/ is saved`).action((task, options) => devFunction(task, options));
 runtime.command("push").description("Pack this project’s runtime module and keep it as the space’s draft runtime").option("--entry <path>", "The module whose default export is defineRuntime(…)", "src/runtime/index.ts").option(...API_OPTION).option(...DRY_RUN_OPTION).action((options) => pushRuntime(options));