your-ai-workflow-firebase-os 2.0.1 → 2.0.3

package/dist/{validate-DzSJWuyL.js → validate-CmC_tLK-.js}

@@ -259,6 +259,9 @@ var D = (e) => E(y(e)), O = /\b(?:useAiChat|askAi|useAiEnabled|useAiModels)\b|ge
 	"case-query": "breaks",
 	"own-publish": "breaks",
 	"hook-answer": "breaks",
+	"notify-body": "breaks",
+	"popup-open": "breaks",
+	"hand-by-field": "breaks",
 	"not-a-case": "breaks",
 	"save-args": "breaks",
 	"own-write": "breaks",
@@ -336,12 +339,12 @@ var M = (e, t, n = 0) => {
 }, V = (e) => {
 	let t = e.match(/^(['"`])([^'"`]*)\1$/);
 	return t ? t[2] : null;
-}, H = (e) => /export\s+(?:const|let|var|function|class)\s+\w*Config\b/.test(e) || /export\s*\{[^}]*\b\w*Config\b[^}]*\}/.test(e), ne = (e) => /export\s+default\b/.test(e), U = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_|_$/g, ""), re = [
+}, H = (e) => /export\s+(?:const|let|var|function|class)\s+\w*Config\b/.test(e) || /export\s*\{[^}]*\b\w*Config\b[^}]*\}/.test(e), U = (e) => /export\s+default\b/.test(e), W = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_|_$/g, ""), G = [
 	"board",
 	"table",
 	"calendar",
 	"drive"
-], ie = [
+], ne = [
 	"text",
 	"email",
 	"tel",
@@ -351,62 +354,62 @@ var M = (e, t, n = 0) => {
 	"select",
 	"checkbox",
 	"address"
-], ae = (e) => {
+], re = (e) => {
 	for (let t of e.match(/\{[^{}]*\}/g) || []) {
 		if (!/\btype:\s*['"`](?:text|textarea)['"`]/.test(t) || !/\baddress(?:es)?\b/i.test(t) || /\b(?:e-?mail|url|web|website|ip|wallet|crypto)\b/i.test(t)) continue;
 		let e = t.match(/label:\s*['"`]([^'"`]+)['"`]/);
 		return e ? e[1] : "that question";
 	}
 	return null;
-}, oe = (e, t) => `${e}: "${t}" asks for an address and draws a plain box. Make it { type: 'address' } — the app looks real addresses up as somebody types and fills in the town, the region, the postcode and the country, each named the way their own country names it. The answer is still the one readable line under the question's own name, with the parts beside it.`, se = [
+}, ie = (e, t) => `${e}: "${t}" asks for an address and draws a plain box. Make it { type: 'address' } — the app looks real addresses up as somebody types and fills in the town, the region, the postcode and the country, each named the way their own country names it. The answer is still the one readable line under the question's own name, with the parts beside it.`, ae = [
 	/\b(?:street|address\s*line|addressline)\b/i,
 	/\b(?:postcode|postal\s*code|post\s*code|zip(?:\s*code)?|pincode)\b/i,
 	/\b(?:town|city)\b/i,
 	/\b(?:county|province|region|state)\b/i,
 	/\bcountry\b/i
-], ce = (e) => {
+], oe = (e) => {
 	if (/<AddressField\b/.test(e)) return null;
 	let t = [
 		...e.matchAll(/(?:label|placeholder|aria-label|name|id)=\{?\s*["'`]([^"'`]{1,60})["'`]/g),
 		...e.matchAll(/(?:label|placeholder|name):\s*["'`]([^"'`]{1,60})["'`]/g),
 		...e.matchAll(/\b(?:const|let)\s*\[\s*([A-Za-z_$][\w$]*)/g)
-	].map((e) => e[1]).join(" | "), n = se.filter((e) => e.test(t));
+	].map((e) => e[1]).join(" | "), n = ae.filter((e) => e.test(t));
 	return n.length < 2 ? null : t.split(" | ").find((e) => n.some((t) => t.test(e))) || "that box";
-}, le = (e, t) => `${e}: this page asks where somebody is with boxes of its own ("${t}" is one of them). An address is ONE question in this app: import { AddressField, EMPTY_ADDRESS, composeAddress } from 'your-ai-workflow-firebase-os', start it on EMPTY_ADDRESS, and draw <AddressField id="delivery" label="Delivery address" value={address} onChange={setAddress} required />. It looks real addresses up as somebody types and names the town, the region and the postcode the way their own country names them. What you save, email or pass into a payment is composeAddress(address) — the one readable line — and a part on its own is address.postcode.`, ue = (e, t) => `${e}: this page asks where somebody is with boxes of its own ("${t}" is one of them), before a payment. Where a purchase is going is asked with who is paying: delete those boxes and pass address to the one <BuyerDetails address onReady={setBuyer} /> from 'your-ai-workflow-firebase-os'. It draws the name, the email and ONE address box that looks real addresses up as somebody types — never an <AddressField> or boxes of your own beside it. What they gave is buyer.address (the one readable line, already in buyer.metadata) and a part on its own is buyer.addressParts.postcode (contract rule 9).`, de = /\b(?:full\s*name|your\s*name|first\s*name|last\s*name|surname|e-?mail|phone|telephone|mobile)\b/i, fe = /\b(?:autoComplete=\{?\s*["'`](?:name|given-name|family-name|email|tel)["'`]|type=\{?\s*["'`](?:email|tel)["'`])/, W = /<(?:BuyerDetails|Checkout|Basket|BuyButton|Plans)\b/, pe = /<(?:PayButton|BuyButton|BuyerDetails|Checkout|Basket|Plans)\b/, me = (e) => {
-	if (!W.test(e)) return null;
+}, se = (e, t) => `${e}: this page asks where somebody is with boxes of its own ("${t}" is one of them). An address is ONE question in this app: import { AddressField, EMPTY_ADDRESS, composeAddress } from 'your-ai-workflow-firebase-os', start it on EMPTY_ADDRESS, and draw <AddressField id="delivery" label="Delivery address" value={address} onChange={setAddress} required />. It looks real addresses up as somebody types and names the town, the region and the postcode the way their own country names them. What you save, email or pass into a payment is composeAddress(address) — the one readable line — and a part on its own is address.postcode.`, ce = (e, t) => `${e}: this page asks where somebody is with boxes of its own ("${t}" is one of them), before a payment. Where a purchase is going is asked with who is paying: delete those boxes and pass address to the one <BuyerDetails address onReady={setBuyer} /> from 'your-ai-workflow-firebase-os'. It draws the name, the email and ONE address box that looks real addresses up as somebody types — never an <AddressField> or boxes of your own beside it. What they gave is buyer.address (the one readable line, already in buyer.metadata) and a part on its own is buyer.addressParts.postcode (contract rule 9).`, le = /\b(?:full\s*name|your\s*name|first\s*name|last\s*name|surname|e-?mail|phone|telephone|mobile)\b/i, ue = /\b(?:autoComplete=\{?\s*["'`](?:name|given-name|family-name|email|tel)["'`]|type=\{?\s*["'`](?:email|tel)["'`])/, de = /<(?:BuyerDetails|Checkout|Basket|BuyButton|Plans)\b/, fe = /<(?:PayButton|BuyButton|BuyerDetails|Checkout|Basket|Plans)\b/, pe = (e) => {
+	if (!de.test(e)) return null;
 	if (/<AddressField\b/.test(e)) return "an <AddressField>";
 	if (/<PhoneInputField\b/.test(e)) return "a phone box";
 	for (let t of e.matchAll(/<(?:Input|input)\b/g)) {
-		let n = t.index ?? 0, r = e.indexOf("/>", n), i = e.slice(n, r === -1 ? n + 600 : Math.min(r + 2, n + 600)), a = [...i.matchAll(/(?:label|placeholder|aria-label)=\{?\s*["'`]([^"'`]{1,60})["'`]/g)].map((e) => e[1]).find((e) => de.test(e));
+		let n = t.index ?? 0, r = e.indexOf("/>", n), i = e.slice(n, r === -1 ? n + 600 : Math.min(r + 2, n + 600)), a = [...i.matchAll(/(?:label|placeholder|aria-label)=\{?\s*["'`]([^"'`]{1,60})["'`]/g)].map((e) => e[1]).find((e) => le.test(e));
 		if (a) return `a "${a}" box`;
-		if (fe.test(i)) return "a name, email or phone box";
+		if (ue.test(i)) return "a name, email or phone box";
 	}
 	return null;
-}, he = (e, t) => `${e}: this page has <BuyerDetails> and also draws ${t} of its own, so the buyer is asked the same thing twice. <BuyerDetails> draws the name and the email itself, and the phone and the address when you pass phone / address to it — labels and examples included. Delete your own box, and any "delivery details" or "shipping" step around it, and keep the ONE <BuyerDetails address onReady={setBuyer} />. What they gave is on the buyer onReady hands you: buyer.name, buyer.email, buyer.phone, buyer.address, and buyer.addressParts.postcode for a delivery charge (contract rule 9).`, ge = /\b(?:phone|telephone|mobile|whats\s?app)\b/i, _e = /\b(?:code|otp|pin|digits?)\b/i, G = /\b(?:e-?mail|url|web|website|ip|wallet|crypto)\b/i, K = (e) => [...e.matchAll(/<(?:Input|input|TextArea|textarea)\b/g)].map((t) => {
+}, me = (e, t) => `${e}: this page has <BuyerDetails> and also draws ${t} of its own, so the buyer is asked the same thing twice. <BuyerDetails> draws the name and the email itself, and the phone and the address when you pass phone / address to it — labels and examples included. Delete your own box, and any "delivery details" or "shipping" step around it, and keep the ONE <BuyerDetails address onReady={setBuyer} />. What they gave is on the buyer onReady hands you: buyer.name, buyer.email, buyer.phone, buyer.address, and buyer.addressParts.postcode for a delivery charge (contract rule 9).`, he = /\b(?:phone|telephone|mobile|whats\s?app)\b/i, ge = /\b(?:code|otp|pin|digits?)\b/i, K = /\b(?:e-?mail|url|web|website|ip|wallet|crypto)\b/i, q = (e) => [...e.matchAll(/<(?:Input|input|TextArea|textarea)\b/g)].map((t) => {
 	let n = t.index ?? 0, r = e.indexOf("/>", n), i = e.slice(n, r === -1 ? n + 600 : Math.min(r + 2, n + 600));
 	return {
 		tag: i,
 		words: [...i.matchAll(/(?:label|placeholder|aria-label|name|autoComplete)=\{?\s*["'`]([^"'`]{1,60})["'`]/g)].map((e) => e[1])
 	};
-}), ve = (e) => {
+}), _e = (e) => {
 	if (/<AddressField\b/.test(e)) return null;
-	let t = K(e).filter(({ tag: e }) => !/\btype=\{?\s*["'`](?:email|url)["'`]/.test(e));
+	let t = q(e).filter(({ tag: e }) => !/\btype=\{?\s*["'`](?:email|url)["'`]/.test(e));
 	for (let { words: e } of t) {
-		let t = e.find((e) => /\baddress(?:es)?\b/i.test(e) && !G.test(e));
+		let t = e.find((e) => /\baddress(?:es)?\b/i.test(e) && !K.test(e));
 		if (t) return t;
 	}
-	let n = t.flatMap((e) => e.words), r = se.filter((e) => n.some((t) => e.test(t)));
+	let n = t.flatMap((e) => e.words), r = ae.filter((e) => n.some((t) => e.test(t)));
 	return r.length < 2 ? null : n.find((e) => r.some((t) => t.test(e))) || null;
-}, ye = (e) => {
-	if (W.test(e)) return null;
-	for (let { tag: t, words: n } of K(e)) {
-		if (n.some((e) => _e.test(e))) continue;
-		let e = n.find((e) => ge.test(e));
+}, ve = (e) => {
+	if (de.test(e)) return null;
+	for (let { tag: t, words: n } of q(e)) {
+		if (n.some((e) => ge.test(e))) continue;
+		let e = n.find((e) => he.test(e));
 		if (e) return `"${e}"`;
 		if (/\b(?:type|autoComplete)=\{?\s*["'`]tel/.test(t)) return "type=\"tel\"";
 	}
 	return null;
-}, be = (e, t) => `${e}: this page asks for a phone number in a box of its own (${t}). A phone number is the app's own phone box — the one every form in the app draws, with its country-code picker. Somebody sending theirs in is a question on the page's form: { name: 'phone', type: 'tel', label: 'Phone' } in its *Form.config.ts, shown with <ContactPopup>. A number the page keeps on a record of its own is import { PhoneInputField } from 'your-ai-workflow-firebase-os' and <PhoneInputField field={{ label: 'Phone', placeholder: '20 7946 0000' }} value={phone} onChange={setPhone} /> in place of your box; what it hands back is the whole number with its + and country code (contract rule 23).`, xe = (e, t) => `${e}: this page asks for a phone number in a box of its own (${t}) before a payment. Who is paying is asked with <BuyerDetails phone onReady={setBuyer} /> from 'your-ai-workflow-firebase-os': it draws the name, the email and the app's own phone box itself. Delete your box; the number is buyer.phone, already in buyer.metadata (contract rule 9).`, Se = new Set([
+}, ye = (e, t) => `${e}: this page asks for a phone number in a box of its own (${t}). A phone number is the app's own phone box — the one every form in the app draws, with its country-code picker. Somebody sending theirs in is a question on the page's form: { name: 'phone', type: 'tel', label: 'Phone' } in its *Form.config.ts, shown with <ContactPopup>. A number the page keeps on a record of its own is import { PhoneInputField } from 'your-ai-workflow-firebase-os' and <PhoneInputField field={{ label: 'Phone', placeholder: '20 7946 0000' }} value={phone} onChange={setPhone} /> in place of your box; what it hands back is the whole number with its + and country code (contract rule 23).`, be = (e, t) => `${e}: this page asks for a phone number in a box of its own (${t}) before a payment. Who is paying is asked with <BuyerDetails phone onReady={setBuyer} /> from 'your-ai-workflow-firebase-os': it draws the name, the email and the app's own phone box itself. Delete your box; the number is buyer.phone, already in buyer.metadata (contract rule 9).`, xe = new Set([
 	"uid",
 	"id",
 	"email",
@@ -423,7 +426,7 @@ var M = (e, t, n = 0) => {
 	"requestedRole",
 	"requestedRoleAt",
 	"finishedAt"
-]), Ce = {
+]), Se = {
 	board: {
 		call: "actions.openInlineEditor(categoryId)",
 		token: "openInlineEditor"
@@ -440,10 +443,10 @@ var M = (e, t, n = 0) => {
 		call: "the openUploadModal() prop",
 		token: "openUploadModal"
 	}
-}, we = /<(?:video|audio|embed|object)[\s/>]|<iframe[^>]*(?:youtube|youtu\.be|vimeo|firebasestorage|\.pdf)/i, Te = (e, t) => {
+}, Ce = /<(?:video|audio|embed|object)[\s/>]|<iframe[^>]*(?:youtube|youtu\.be|vimeo|firebasestorage|\.pdf)/i, we = (e, t) => {
 	let n = [...new Set(t.map((e) => e.toLowerCase().startsWith("<iframe") ? "an <iframe> of a video or a file" : `a bare ${e.replace(/[\s/>]+$/, "")}>`))];
 	return `${e}: ${P(n)} ${n.length > 1 ? "are" : "is"} drawn in the browser's own chrome — play a video or a recording with <VideoPlayer src={…} /> and open a file with <FileViewer src={…} />, or <FileViewerPopup open={…} onClose={…} src={…} /> behind a button, all imported from 'your-ai-workflow-firebase-os'.`;
-}, Ee = /<img[\s/>]/i, De = /(?:background(?:-i|I)mage\s*[:=]\s*[^;\n}]*|\bbg-\[)\s*(?:'|"|`|\{)?\s*url\(\s*['"`]?\s*(?:https?:|data:image|\/|\$\{|[\w./-]+\.(?:png|jpe?g|webp|avif|gif|svg))/i, Oe = (e) => `${e}: a picture hung off a background holds no space while it loads, cannot wait its turn below the fold, says nothing to somebody who cannot see it, and always downloads the full-size file however small the box is — a 300-pixel tile fetching a 1600-pixel photograph. Draw it with <Picture src={…} alt="…" className="absolute inset-0" /> imported from 'your-ai-workflow-firebase-os' behind whatever sits on top of it, or put it in a box with the picture inside. A background colour or a gradient is fine and is not this.`, ke = /type\s*=\s*(?:["']number["']|\{\s*["']number["']\s*\})/, q = /\bNumber\s*\(|\bparseInt\s*\(|\bparseFloat\s*\(|\bvalueAsNumber\b|\+\s*[A-Za-z_$][\w$]*\.target\.value/, J = /(?:\|\||\?\?)\s*0\b/, Y = (e, t) => {
+}, Te = /<img[\s/>]/i, Ee = /(?:background(?:-i|I)mage\s*[:=]\s*[^;\n}]*|\bbg-\[)\s*(?:'|"|`|\{)?\s*url\(\s*['"`]?\s*(?:https?:|data:image|\/|\$\{|[\w./-]+\.(?:png|jpe?g|webp|avif|gif|svg))/i, De = (e) => `${e}: a picture hung off a background holds no space while it loads, cannot wait its turn below the fold, says nothing to somebody who cannot see it, and always downloads the full-size file however small the box is — a 300-pixel tile fetching a 1600-pixel photograph. Draw it with <Picture src={…} alt="…" className="absolute inset-0" /> imported from 'your-ai-workflow-firebase-os' behind whatever sits on top of it, or put it in a box with the picture inside. A background colour or a gradient is fine and is not this.`, J = /type\s*=\s*(?:["']number["']|\{\s*["']number["']\s*\})/, Oe = /\bNumber\s*\(|\bparseInt\s*\(|\bparseFloat\s*\(|\bvalueAsNumber\b|\+\s*[A-Za-z_$][\w$]*\.target\.value/, ke = /(?:\|\||\?\?)\s*0\b/, Ae = (e, t) => {
 	let n = 0;
 	for (let r = t; r < e.length; r++) {
 		let i = e[r];
@@ -452,7 +455,7 @@ var M = (e, t, n = 0) => {
 		else if (i === ">" && n === 0) return e.slice(t, r + 1);
 	}
 	return e.slice(t);
-}, Ae = (e, t) => {
+}, je = (e, t) => {
 	let n = e.search(RegExp(`\\b${t}\\s*=\\s*\\{`));
 	if (n < 0) return "";
 	let r = e.indexOf("{", n), i = 0;
@@ -460,41 +463,41 @@ var M = (e, t, n = 0) => {
 	else if (e[t] === "}" && --i === 0) return e.slice(r + 1, t);
 	return e.slice(r + 1);
 };
-function je(e) {
+function Me(e) {
 	let t = [];
 	for (let n of e.matchAll(/<[iI]nput\b/g)) {
-		let r = Y(e, n.index ?? 0);
-		if (!ke.test(r)) continue;
-		let i = Ae(r, "onChange"), a = Ae(r, "value");
-		(q.test(i) || q.test(a) || J.test(a)) && t.push(r.replace(/\s+/g, " ").slice(0, 96).trim());
+		let r = Ae(e, n.index ?? 0);
+		if (!J.test(r)) continue;
+		let i = je(r, "onChange"), a = je(r, "value");
+		(Oe.test(i) || Oe.test(a) || ke.test(a)) && t.push(r.replace(/\s+/g, " ").slice(0, 96).trim());
 	}
 	return t;
 }
-var Me = (e, t) => `${e}: "${t[0]}…" turns what is being typed into a number on every keystroke, and Number('') is 0 — so deleting the last digit puts a 0 straight back and the box can never be emptied. Hold what was typed as TEXT (useState('') — empty, not 0) with value={qty} onChange={e => setQty(e.target.value)}, and make it a number only where it is used: const count = Number(qty) || 0. Same for value={x || 0} and value={Number(x)}. Where a number has to stay between limits, clamp it in onBlur when the box is left, never while it is being typed in.${F(t.length)}`, Ne = /<textarea[\s/>]/, Pe = (e) => `${e}: a bare <textarea> is a box of one fixed height — what is typed past its last line is cut off and scrolls inside the box. Replace every one with <TextArea label="…" placeholder="…" value={…} onChange={e => …} /> imported from 'your-ai-workflow-firebase-os': the same props, and it grows a line at a time as the person types, so nothing they write is ever hidden.`, Fe = /<input\b[^>]*\btype\s*=\s*(?:\{\s*)?['"`]color['"`]/, Ie = /\b(?:bg|text|border|ring|fill|stroke)-\[\$\{/;
+var Ne = (e, t) => `${e}: "${t[0]}…" turns what is being typed into a number on every keystroke, and Number('') is 0 — so deleting the last digit puts a 0 straight back and the box can never be emptied. Hold what was typed as TEXT (useState('') — empty, not 0) with value={qty} onChange={e => setQty(e.target.value)}, and make it a number only where it is used: const count = Number(qty) || 0. Same for value={x || 0} and value={Number(x)}. Where a number has to stay between limits, clamp it in onBlur when the box is left, never while it is being typed in.${F(t.length)}`, Pe = /<textarea[\s/>]/, Fe = (e) => `${e}: a bare <textarea> is a box of one fixed height — what is typed past its last line is cut off and scrolls inside the box. Replace every one with <TextArea label="…" placeholder="…" value={…} onChange={e => …} /> imported from 'your-ai-workflow-firebase-os': the same props, and it grows a line at a time as the person types, so nothing they write is ever hidden.`, Y = /<input\b[^>]*\btype\s*=\s*(?:\{\s*)?['"`]color['"`]/, Ie = /\b(?:bg|text|border|ring|fill|stroke)-\[\$\{/;
 function Le(e) {
 	let t = [];
-	Fe.test(e) && t.push("<input type=\"color\">");
+	Y.test(e) && t.push("<input type=\"color\">");
 	let n = e.match(Ie);
 	return n && t.push(`${n[0]}…}]`), t;
 }
-var Re = /\b(isMain|isPrimary|isCover|mainIndex|mainImageIndex|coverIndex|primaryIndex|mainImageId|mainPictureId)\b/, ze = (e) => /<UploadBox\b/.test(e) && !/<UploadBox\b[^>]*\bsortable\b/.test(e) ? e.match(Re)?.[1] ?? null : null, Be = (e, t) => `${e}: ${t} keeps which picture is the MAIN one beside the list of pictures, and the two fall out of step — remove the main picture and it points at the wrong one, or at none. The set is the app's own upload box with one more word: <UploadBox multiple max={10} sortable value={pictures} onChange={…} label="Photos" />. Its tiles drag into order under a mouse and a finger, the FIRST picture is the main one and says so, and every other tile has "Make main". Keep ONE ordered list of links, read pictures[0] as the main picture everywhere, and delete ${t} and any move-left / move-right or star buttons of your own.`, Ve = "(?:qty|quantit(?:y|ies)|stock|inventory|onhand|instock|guests|seats|adults|children|kids|tickets|nights|rooms|units|portions|servings|copies|howmany)", X = (e) => RegExp(`\\b[\\w.]*${Ve}[\\w.]*(?<!\\.length)(?:\\s*(?:\\?\\?|\\|\\|)\\s*\\d+)?\\s*\\)?\\s*\\${e}\\s*1\\b|\\bset\\w*${Ve}\\w*\\s*\\(\\s*\\(?\\s*\\w+\\s*\\)?\\s*=>[^;\\n]{0,48}?\\${e}\\s*1\\b`, "i"), He = X("+"), Z = X("-"), Ue = (e) => {
+var Re = /\b(isMain|isPrimary|isCover|mainIndex|mainImageIndex|coverIndex|primaryIndex|mainImageId|mainPictureId)\b/, ze = (e) => /<UploadBox\b/.test(e) && !/<UploadBox\b[^>]*\bsortable\b/.test(e) ? e.match(Re)?.[1] ?? null : null, Be = (e, t) => `${e}: ${t} keeps which picture is the MAIN one beside the list of pictures, and the two fall out of step — remove the main picture and it points at the wrong one, or at none. The set is the app's own upload box with one more word: <UploadBox multiple max={10} sortable value={pictures} onChange={…} label="Photos" />. Its tiles drag into order under a mouse and a finger, the FIRST picture is the main one and says so, and every other tile has "Make main". Keep ONE ordered list of links, read pictures[0] as the main picture everywhere, and delete ${t} and any move-left / move-right or star buttons of your own.`, Ve = "(?:qty|quantit(?:y|ies)|stock|inventory|onhand|instock|guests|seats|adults|children|kids|tickets|nights|rooms|units|portions|servings|copies|howmany)", He = (e) => RegExp(`\\b[\\w.]*${Ve}[\\w.]*(?<!\\.length)(?:\\s*(?:\\?\\?|\\|\\|)\\s*\\d+)?\\s*\\)?\\s*\\${e}\\s*1\\b|\\bset\\w*${Ve}\\w*\\s*\\(\\s*\\(?\\s*\\w+\\s*\\)?\\s*=>[^;\\n]{0,48}?\\${e}\\s*1\\b`, "i"), Ue = He("+"), We = He("-"), Ge = (e) => {
 	if (/<NumberStepper\b/.test(e) || !/<button\b/i.test(e)) return null;
-	let t = e.match(He);
-	return t && Z.test(e) ? t[0].replace(/\s+/g, " ").trim() : null;
-}, We = (e, t) => `${e}: "${t}" — a count taken up and down by a − and a + this page drew itself: small under a thumb, nowhere to type a bigger number, and every press a write of its own. It is the app's own piece, imported from 'your-ai-workflow-firebase-os': <NumberStepper label="Stock" name={variant.name} value={variant.stock} min={0} onChange={(stock) => …} onSettled={(stock, from) => …} />. onChange fires on every press and is for the SCREEN (set the page's own state); onSettled fires ONCE when they have stopped, with what it is now and what it was — put the save there, and the history line if the page keeps one, so five presses are one write. Give it max wherever there is a most (what is in stock). Delete the two buttons, the number between them and their handlers; change nothing else on the page.`, Ge = /\bfrom\s+['"](recharts|chart\.js|react-chartjs-2|victory|d3(?:-[\w-]+)?|@nivo\/[\w-]+|apexcharts|react-apexcharts|echarts|echarts-for-react|@visx\/[\w-]+|chartist|plotly\.js|react-plotly\.js)['"]/, Ke = /\b(?:width|height)\s*:\s*`\$\{[^`]{1,120}\}%`/, qe = (e) => {
-	let t = e.match(Ge);
+	let t = e.match(Ue);
+	return t && We.test(e) ? t[0].replace(/\s+/g, " ").trim() : null;
+}, Ke = (e, t) => `${e}: "${t}" — a count taken up and down by a − and a + this page drew itself: small under a thumb, nowhere to type a bigger number, and every press a write of its own. It is the app's own piece, imported from 'your-ai-workflow-firebase-os': <NumberStepper label="Stock" name={variant.name} value={variant.stock} min={0} onChange={(stock) => …} onSettled={(stock, from) => …} />. onChange fires on every press and is for the SCREEN (set the page's own state); onSettled fires ONCE when they have stopped, with what it is now and what it was — put the save there, and the history line if the page keeps one, so five presses are one write. Give it max wherever there is a most (what is in stock). Delete the two buttons, the number between them and their handlers; change nothing else on the page.`, qe = /\bfrom\s+['"](recharts|chart\.js|react-chartjs-2|victory|d3(?:-[\w-]+)?|@nivo\/[\w-]+|apexcharts|react-apexcharts|echarts|echarts-for-react|@visx\/[\w-]+|chartist|plotly\.js|react-plotly\.js)['"]/, Je = /\b(?:width|height)\s*:\s*`\$\{[^`]{1,120}\}%`/, Ye = (e) => {
+	let t = e.match(qe);
 	if (t) return t[1];
 	if (/<Bars\b/.test(e) || !/\buseTallies\s*\(/.test(e)) return null;
-	let n = e.match(Ke);
+	let n = e.match(Je);
 	return n ? n[0].replace(/\s+/g, " ") : null;
-}, Je = (e, t) => `${e}: "${t}" — a chart this page drew for itself: its colours are not the owner's theme, and a count is one running total, so there are no dates to draw it over. Numbers side by side are the app's own piece, imported from 'your-ai-workflow-firebase-os': <Bars items={[{ label: 'Views', value: counts.of(product.id).views }, { label: 'Added to bag', value: counts.of(product.id).added }]} size="sm" /> — one bar for each number, the number at its tip, format={money} for prices. Delete the chart, its import and whatever worked its lengths out; change nothing else on the page.`, Ye = /\b(?:window\s*\.\s*)?location\s*\.\s*(?:href\s*=(?!=)|assign\s*\(|replace\s*\()\s*['"`]\/(?!\/)[^'"`\s]*/, Xe = (e, t) => `${e}: "${t.replace(/\s+/g, " ")}…" goes to a page of this app by setting the browser's address, which throws the running app away and loads it again — whatever was open or half-typed is gone, and inside a preview the address is not there at all. Go there the app's way: const navigate = useNavigate() from 'react-router-dom' and navigate('/that-address') in the press, or <Link to="/that-address"> round the words. Keep the address, the words and everything else exactly as they are.`, Ze = /\b(?:UIDs?|user(?:'s)? ids?|document ids?|doc ids?|record ids?)\b/i, Qe = /\b(?:label|placeholder|title|aria-label|hint|helper)\s*=\s*(["'])([^"']{0,80})\1|>\s*([^<>{}=;()]{2,80}?)\s*[<{]/g, $e = (e) => {
+}, Xe = (e, t) => `${e}: "${t}" — a chart this page drew for itself: its colours are not the owner's theme, and a count is one running total, so there are no dates to draw it over. Numbers side by side are the app's own piece, imported from 'your-ai-workflow-firebase-os': <Bars items={[{ label: 'Views', value: counts.of(product.id).views }, { label: 'Added to bag', value: counts.of(product.id).added }]} size="sm" /> — one bar for each number, the number at its tip, format={money} for prices. Delete the chart, its import and whatever worked its lengths out; change nothing else on the page.`, Ze = /\b(?:window\s*\.\s*)?location\s*\.\s*(?:href\s*=(?!=)|assign\s*\(|replace\s*\()\s*['"`]\/(?!\/)[^'"`\s]*/, Qe = (e, t) => `${e}: "${t.replace(/\s+/g, " ")}…" goes to a page of this app by setting the browser's address, which throws the running app away and loads it again — whatever was open or half-typed is gone, and inside a preview the address is not there at all. Go there the app's way: const navigate = useNavigate() from 'react-router-dom' and navigate('/that-address') in the press, or <Link to="/that-address"> round the words. Keep the address, the words and everything else exactly as they are.`, X = /\b(?:UIDs?|user(?:'s)? ids?|document ids?|doc ids?|record ids?)\b/i, $e = /\b(?:label|placeholder|title|aria-label|hint|helper)\s*=\s*(["'])([^"']{0,80})\1|>\s*([^<>{}=;()]{2,80}?)\s*[<{]/g, et = (e) => {
 	let t = [];
-	for (let n of e.matchAll(Qe)) {
+	for (let n of e.matchAll($e)) {
 		let e = (n[2] ?? n[3] ?? "").trim();
-		e && Ze.test(e) && !t.includes(e) && t.push(e);
+		e && X.test(e) && !t.includes(e) && t.push(e);
 	}
 	return t;
-}, et = (e, t) => `${e}: ${P(t.map((e) => `"${e}"`))} puts an id in front of people — nobody knows one, nobody can type one, and it means nothing to whoever reads it. A person is CHOSEN by name: a <CustomSelect> of people from 'your-ai-workflow-firebase-os' (my team read from user_profiles on a page for the team, usePeople('<role>') on a page whose entries are sent to people), the pick saved as the uid AND the name on the record, and only the NAME ever drawn. A record is pointed at by pressing it, never by typing its id. Delete every box that asks for an id and every id shown on the page; change nothing else.`, tt = (e, t) => `${e}: ${P(t)} — a colour that is DATA (a product's shade) picked or drawn by hand.${t.some((e) => e.startsWith("<input")) ? " The browser draws its colour well in its own chrome, a grey rectangle no theme class reaches, with nowhere to type a hex." : ""}${t.some((e) => !e.startsWith("<input")) ? " A class built from a value does not exist when Tailwind compiles the page, so every chip it draws is blank." : ""} Both are the app's own pieces, imported from 'your-ai-workflow-firebase-os': pick with <SwatchField label="Shades" multiple max={6} value={variant.shades} onChange={(shades) => …} /> — it hands back clean hex strings, a list with multiple and one string without — and show with <Swatch color={shade} name={variant.name} selected={…} onClick={…} />. Keep each shade as that one string on the record. This is not the hard-coded colour rule 8 forbids: that is about the DESIGN's colours, which stay the theme's.`, nt = /\bfit\s*=\s*(?:["']contain["']|\{\s*["'`]contain["'`]\s*\})/, rt = /(?:^|[\s"'`{:])(?:aspect-[\w[]|h-(?:\d|\[|full|screen|px\b)|inset-0\b)/, it = /(?:^|[\s"'`{:])(?:aspect-[\w[]|h-(?:\d|\[|full|screen))/, at = /(?:^|[\s"'`{:])w-auto\b/, ot = /\bsrc\s*=\s*\{[^}]*\[\s*(?:\d+|[A-Za-z_$][\w$]*)\s*\]/, st = /\b(?:const|let|var)\s+([A-Za-z_$][\w$]*)\s*=[^;\n]*\[\s*(?:\d+|[A-Za-z_$][\w$]*)\s*\]/g, ct = /\bsrc\s*=\s*\{\s*([A-Za-z_$][\w$]*)\s*\}/, lt = /logo|brand|partner|sponsor|client|badge|avatar|rounded-full/i, ut = (e, t) => {
+}, tt = (e, t) => `${e}: ${P(t.map((e) => `"${e}"`))} puts an id in front of people — nobody knows one, nobody can type one, and it means nothing to whoever reads it. A person is CHOSEN by name: a <CustomSelect> of people from 'your-ai-workflow-firebase-os' (my team read from user_profiles on a page for the team, usePeople('<role>') on a page whose entries are sent to people), the pick saved as the uid AND the name on the record, and only the NAME ever drawn. A record is pointed at by pressing it, never by typing its id. Delete every box that asks for an id and every id shown on the page; change nothing else.`, nt = (e, t) => `${e}: ${P(t)} — a colour that is DATA (a product's shade) picked or drawn by hand.${t.some((e) => e.startsWith("<input")) ? " The browser draws its colour well in its own chrome, a grey rectangle no theme class reaches, with nowhere to type a hex." : ""}${t.some((e) => !e.startsWith("<input")) ? " A class built from a value does not exist when Tailwind compiles the page, so every chip it draws is blank." : ""} Both are the app's own pieces, imported from 'your-ai-workflow-firebase-os': pick with <SwatchField label="Shades" multiple max={6} value={variant.shades} onChange={(shades) => …} /> — it hands back clean hex strings, a list with multiple and one string without — and show with <Swatch color={shade} name={variant.name} selected={…} onClick={…} />. Keep each shade as that one string on the record. This is not the hard-coded colour rule 8 forbids: that is about the DESIGN's colours, which stay the theme's.`, rt = /\bfit\s*=\s*(?:["']contain["']|\{\s*["'`]contain["'`]\s*\})/, it = /(?:^|[\s"'`{:])(?:aspect-[\w[]|h-(?:\d|\[|full|screen|px\b)|inset-0\b)/, at = /(?:^|[\s"'`{:])(?:aspect-[\w[]|h-(?:\d|\[|full|screen))/, ot = /(?:^|[\s"'`{:])w-auto\b/, st = /\bsrc\s*=\s*\{[^}]*\[\s*(?:\d+|[A-Za-z_$][\w$]*)\s*\]/, ct = /\b(?:const|let|var)\s+([A-Za-z_$][\w$]*)\s*=[^;\n]*\[\s*(?:\d+|[A-Za-z_$][\w$]*)\s*\]/g, lt = /\bsrc\s*=\s*\{\s*([A-Za-z_$][\w$]*)\s*\}/, ut = /logo|brand|partner|sponsor|client|badge|avatar|rounded-full/i, dt = (e, t) => {
 	let n = 0;
 	for (let r = t - 1; r >= 0; r--) {
 		let t = e[r];
@@ -509,18 +512,18 @@ var Re = /\b(isMain|isPrimary|isCover|mainIndex|mainImageIndex|coverIndex|primar
 	}
 	return !1;
 };
-function dt(e) {
+function ft(e) {
 	let t = [], n = /* @__PURE__ */ new Set();
-	for (let t of e.matchAll(st)) n.add(t[1]);
+	for (let t of e.matchAll(ct)) n.add(t[1]);
 	for (let r of e.matchAll(/<Picture\b/g)) {
-		let i = r.index ?? 0, a = Y(e, i);
-		if (!/\bsrc\s*=\s*\{/.test(a) || lt.test(a)) continue;
-		let o = ct.exec(a)?.[1], s = ot.test(a) || !!o && n.has(o) || ut(e, i), c = nt.test(a) && rt.test(a), l = !nt.test(a) && it.test(a) && !at.test(a) && s;
+		let i = r.index ?? 0, a = Ae(e, i);
+		if (!/\bsrc\s*=\s*\{/.test(a) || ut.test(a)) continue;
+		let o = lt.exec(a)?.[1], s = st.test(a) || !!o && n.has(o) || dt(e, i), c = rt.test(a) && it.test(a), l = !rt.test(a) && at.test(a) && !ot.test(a) && s;
 		(c || l) && t.push(a.replace(/\s+/g, " ").slice(0, 96).trim());
 	}
 	return t;
 }
-var ft = (e, t) => `${e}: "${t[0]}…" frames each picture in a box of a shape you chose — the picture cropped to it, or sat small inside it with the box's tint showing round it — where in a gallery, a shop, a portfolio or any grid or row of pictures every frame is cut to its OWN picture's shape and the picture fills it exactly. Take the aspect-…/h-… off it (and out of any box shaped round it), take off fit="contain" if it has one, and give it only its width and rounding — <Picture src={p.photo} alt={p.name} className="w-full rounded-2xl" /> — and it takes the picture's own shape, held open before the picture lands, with nothing cropped. A row of thumbnails is the one place a height goes, with the width left to the picture (className="h-20 w-auto shrink-0"). Lay pictures of different shapes out as columns that keep their own heights (columns-2 md:columns-3 gap-6, every tile break-inside-avoid mb-6), never rows of equal boxes.${F(t.length)}`, pt = /\[[^\][]*?\.\.\.\s*([A-Za-z_$][\w$]*)(?![\w$.(])[^\][]*?\.\.\.\s*\1(?![\w$])[^\][]*\]/g, mt = /\b([A-Za-z_$][\w$]*)\.concat\(\s*\1(?![\w$])[^)]*\)/g, ht = "(?:[A-Za-z_$][\\w$]*)?(?:[Pp]roduct|[Ii]tem|[Pp]hoto|[Pp]icture|[Ii]mage|[Gg]aller|[Cc]ard|[Ee]ntr|[Rr]ecord|[Ll]isting|[Ww]ork|[Pp]roject|[Pp]ost|[Ll]ook|[Pp]iece|[Cc]ollection)[\\w$]*", gt = RegExp(`(?:\\bArray\\.from\\(\\s*\\{\\s*length\\s*:[^}]*\\}\\s*,|(?:\\[\\s*\\.\\.\\.\\s*Array\\([^)]*\\)\\s*\\]|\\bArray\\([^)]*\\)(?:\\.fill\\([^)]*\\))?)\\s*\\.map\\()\\s*\\(?[^)=]*\\)?\\s*=>\\s*[({\\s.]*(${ht})\\s*\\[[^\\]]*%\\s*\\1\\.length\\s*\\]`, "g"), _t = (e, t) => {
+var pt = (e, t) => `${e}: "${t[0]}…" frames each picture in a box of a shape you chose — the picture cropped to it, or sat small inside it with the box's tint showing round it — where in a gallery, a shop, a portfolio or any grid or row of pictures every frame is cut to its OWN picture's shape and the picture fills it exactly. Take the aspect-…/h-… off it (and out of any box shaped round it), take off fit="contain" if it has one, and give it only its width and rounding — <Picture src={p.photo} alt={p.name} className="w-full rounded-2xl" /> — and it takes the picture's own shape, held open before the picture lands, with nothing cropped. A row of thumbnails is the one place a height goes, with the width left to the picture (className="h-20 w-auto shrink-0"). Lay pictures of different shapes out as columns that keep their own heights (columns-2 md:columns-3 gap-6, every tile break-inside-avoid mb-6), never rows of equal boxes.${F(t.length)}`, mt = /\[[^\][]*?\.\.\.\s*([A-Za-z_$][\w$]*)(?![\w$.(])[^\][]*?\.\.\.\s*\1(?![\w$])[^\][]*\]/g, ht = /\b([A-Za-z_$][\w$]*)\.concat\(\s*\1(?![\w$])[^)]*\)/g, gt = "(?:[A-Za-z_$][\\w$]*)?(?:[Pp]roduct|[Ii]tem|[Pp]hoto|[Pp]icture|[Ii]mage|[Gg]aller|[Cc]ard|[Ee]ntr|[Rr]ecord|[Ll]isting|[Ww]ork|[Pp]roject|[Pp]ost|[Ll]ook|[Pp]iece|[Cc]ollection)[\\w$]*", _t = RegExp(`(?:\\bArray\\.from\\(\\s*\\{\\s*length\\s*:[^}]*\\}\\s*,|(?:\\[\\s*\\.\\.\\.\\s*Array\\([^)]*\\)\\s*\\]|\\bArray\\([^)]*\\)(?:\\.fill\\([^)]*\\))?)\\s*\\.map\\()\\s*\\(?[^)=]*\\)?\\s*=>\\s*[({\\s.]*(${gt})\\s*\\[[^\\]]*%\\s*\\1\\.length\\s*\\]`, "g"), vt = (e, t) => {
 	let n = 0;
 	for (let r = t; r < e.length; r++) {
 		let t = e[r];
@@ -528,23 +531,23 @@ var ft = (e, t) => `${e}: "${t[0]}…" frames each picture in a box of a shape y
 		else if ((t === "]" || t === "}") && --n === 0) return t === "]" ? r : -1;
 	}
 	return -1;
-}, vt = (e) => {
+}, yt = (e) => {
 	let t = [], n = 0, r = -1;
 	for (let i = 0; i < e.length; i++) {
 		let a = e[i];
 		a === "{" || a === "[" ? (n === 0 && a === "{" && (r = i), n++) : (a === "}" || a === "]") && (n--, n === 0 && a === "}" && r >= 0 && (t.push(e.slice(r, i + 1)), r = -1));
 	}
 	return t;
-}, yt = /https?:\/\/|\.(?:jpe?g|png|webp|avif|gif)\b/i, bt = /\b(?:id|_id|key|sku)\s*:\s*(?:'[^']*'|"[^"]*"|`[^`]*`|[\w$.-]+)\s*,?/g;
-function xt(e) {
+}, bt = /https?:\/\/|\.(?:jpe?g|png|webp|avif|gif)\b/i, xt = /\b(?:id|_id|key|sku)\s*:\s*(?:'[^']*'|"[^"]*"|`[^`]*`|[\w$.-]+)\s*,?/g;
+function St(e) {
 	let t = [];
 	for (let n of e.matchAll(/\[\s*\{/g)) {
-		let r = n.index ?? 0, i = _t(e, r);
+		let r = n.index ?? 0, i = vt(e, r);
 		if (i < 0) continue;
 		let a = /* @__PURE__ */ new Set();
-		for (let n of vt(e.slice(r + 1, i))) {
-			if (!yt.test(n)) continue;
-			let e = n.replace(bt, "").replace(/\s+/g, "");
+		for (let n of yt(e.slice(r + 1, i))) {
+			if (!bt.test(n)) continue;
+			let e = n.replace(xt, "").replace(/\s+/g, "");
 			if (a.has(e)) {
 				let e = /\b(?:name|title)\s*:\s*(['"`])([^'"`]{1,40})\1/.exec(n);
 				t.push(e ? e[2] : n.replace(/\s+/g, " ").slice(0, 60));
@@ -554,44 +557,44 @@ function xt(e) {
 	}
 	return t;
 }
-function St(e) {
+function Ct(e) {
 	let t = [
-		pt,
 		mt,
-		gt
+		ht,
+		_t
 	].flatMap((t) => M(e, t)).map((e) => e.length > 64 ? `${e.slice(0, 64)}…` : e);
-	return [...new Set([...t, ...xt(e)])];
+	return [...new Set([...t, ...St(e)])];
 }
-var Ct = (e, t) => `${e}: ${P(t.map((e) => `"${e}"`))} ${t.length > 1 ? "show" : "shows"} the same thing again to fill out the page — every product, picture and entry appears ONCE (rule 15). Take the repeat out and let the layout fit however many there are: three products are three cards, in fewer columns or centred, never one of them shown twice. A customer who meets the same product twice sees a shop padded out, and wonders which one to buy.`, wt = /className\s*=\s*(?:\{\s*)?(?:`|"|')(?=[^`"']*\bfixed\b)(?=[^`"']*\binset-0\b)(?![^`"']*(?:pointer-events-none|(?:^|[\s:])-z-))[^`"']*(?:`|"|')/g;
-function Tt(e) {
-	return [...e.matchAll(wt)].length;
+var wt = (e, t) => `${e}: ${P(t.map((e) => `"${e}"`))} ${t.length > 1 ? "show" : "shows"} the same thing again to fill out the page — every product, picture and entry appears ONCE (rule 15). Take the repeat out and let the layout fit however many there are: three products are three cards, in fewer columns or centred, never one of them shown twice. A customer who meets the same product twice sees a shop padded out, and wonders which one to buy.`, Tt = /className\s*=\s*(?:\{\s*)?(?:`|"|')(?=[^`"']*\bfixed\b)(?=[^`"']*\binset-0\b)(?![^`"']*(?:pointer-events-none|(?:^|[\s:])-z-))[^`"']*(?:`|"|')/g;
+function Et(e) {
+	return [...e.matchAll(Tt)].length;
 }
-var Et = (e, t) => `${e}: ${t > 1 ? `${t} windows here are` : "a window here is"} drawn by hand — a \`fixed inset-0\` layer of the page's own. Nobody can click out of one, Escape does nothing, the page behind keeps scrolling, and anything else the page draws on top (a confirmation, a second window) lands underneath it. ${F(t)}Replace ${t > 1 ? "each" : "it"} with <Popup open={…} onClose={() => …} title="…"> … </Popup> imported from 'your-ai-workflow-firebase-os' — the same state that opens it now, what is inside it unchanged; side="right" for a basket that slides in from the edge, size="lg" for a product, footer={…} for its one main button; a picture opened large out of a set is <Lightbox pictures={photos} index={at} onIndex={setAt} onClose={() => setAt(null)} /> — and delete the layer, its backdrop, its own close button and the AnimatePresence round it: Popup closes on a click outside, on Escape and on its ✕, and eases in and out by itself (rule 30).`, Dt = /\b(?:set|show|hide|add|push|use)?[A-Za-z]*(?:[Tt]oast|[Ss]nackbar)[A-Za-z]*\b/g, Ot = (e, t) => `${e}: ${P(t)} ${t.length > 1 ? "are" : "is"} a confirmation this page draws for itself — and one drawn by a page lands UNDER the window that was pressed, so nobody sees it: somebody presses Add to bag, sees nothing happen, presses again, and finds five in their basket. Delete it — the state, the timer and what it draws — and at the moment the thing is done call say('Added to your bag', { action: { label: 'View bag', onClick: () => … } }) imported from 'your-ai-workflow-firebase-os': the app's own brief line, above every window, gone by itself. Let the button that was pressed say it too for a moment ("Added"), and keep the number it changed somewhere that is always on screen (rule 30).`, kt = /['"`]pub_([A-Za-z0-9_]+)['"`]/g, At = /\b(?:setDoc|addDoc|updateDoc|deleteDoc|writeBatch|runTransaction)\s*\(/;
-function jt(e) {
-	if (!At.test(e)) return [];
+var Dt = (e, t) => `${e}: ${t > 1 ? `${t} windows here are` : "a window here is"} drawn by hand — a \`fixed inset-0\` layer of the page's own. Nobody can click out of one, Escape does nothing, the page behind keeps scrolling, and anything else the page draws on top (a confirmation, a second window) lands underneath it. ${F(t)}Replace ${t > 1 ? "each" : "it"} with <Popup open={…} onClose={() => …} title="…"> … </Popup> imported from 'your-ai-workflow-firebase-os' — the same state that opens it now, what is inside it unchanged; side="right" for a basket that slides in from the edge, size="lg" for a product, footer={…} for its one main button; a picture opened large out of a set is <Lightbox pictures={photos} index={at} onIndex={setAt} onClose={() => setAt(null)} /> — and delete the layer, its backdrop, its own close button and the AnimatePresence round it: Popup closes on a click outside, on Escape and on its ✕, and eases in and out by itself (rule 30).`, Ot = /\b(?:set|show|hide|add|push|use)?[A-Za-z]*(?:[Tt]oast|[Ss]nackbar)[A-Za-z]*\b/g, kt = (e, t) => `${e}: ${P(t)} ${t.length > 1 ? "are" : "is"} a confirmation this page draws for itself — and one drawn by a page lands UNDER the window that was pressed, so nobody sees it: somebody presses Add to bag, sees nothing happen, presses again, and finds five in their basket. Delete it — the state, the timer and what it draws — and at the moment the thing is done call say('Added to your bag', { action: { label: 'View bag', onClick: () => … } }) imported from 'your-ai-workflow-firebase-os': the app's own brief line, above every window, gone by itself. Let the button that was pressed say it too for a moment ("Added"), and keep the number it changed somewhere that is always on screen (rule 30).`, At = /['"`]pub_([A-Za-z0-9_]+)['"`]/g, jt = /\b(?:setDoc|addDoc|updateDoc|deleteDoc|writeBatch|runTransaction)\s*\(/;
+function Mt(e) {
+	if (!jt.test(e)) return [];
 	let t = /* @__PURE__ */ new Set();
-	for (let n of e.matchAll(kt)) t.add(n[1]);
+	for (let n of e.matchAll(At)) t.add(n[1]);
 	return [...t].filter((t) => t !== "bookings" && t !== "files" && RegExp(`['"\`](?:mem|admin|role_[A-Za-z0-9]+)_${t}['"\`]`).test(e));
 }
-var Mt = (e, t) => RegExp(`['"\`]((?:mem|admin|role_[A-Za-z0-9]+)_${t})['"\`]`).exec(e)?.[1] || `mem_${t}`, Nt = (e, t, n) => {
-	let r = Mt(t, n[0]);
+var Nt = (e, t) => RegExp(`['"\`]((?:mem|admin|role_[A-Za-z0-9]+)_${t})['"\`]`).exec(e)?.[1] || `mem_${t}`, Pt = (e, t, n) => {
+	let r = Nt(t, n[0]);
 	return `${e}: this page writes the public copy in ${P(n.map((e) => `pub_${e}`))} itself, and a copy written by a page is how the page that reads it comes to show every thing TWICE: the page's own list holds things the server does not — a record drawn at once under a made-up id while its save is on its way, a list remembered in localStorage, a copy made with addDoc — and a loop that copies "whatever has no copy yet" puts each into pub_${n[0]} as a thing of its own, beside the real one that lands a moment later. The copy is the app's to keep. Delete every write to pub_${n[0]} from this file — on a save, on a delete, in the catch-up effect, where an order is applied — with the helper that strips fields for it, and say once at the top of the component: usePublicCopy('${r}') imported from 'your-ai-workflow-firebase-os', adding { leaveOut: ['…'] } for the fields that helper stripped other than who made the record. The app then keeps pub_${n[0]} matching ${r} while this page is open — each record whole, once, under its own id, only once the server has it — and clears out the repeats already there. Write ${r} exactly as now, never draw a new record under an id made up in the page, and change nothing else (rule 11).`;
-}, Pt = /\bactions\s*\??\.\s*(?:records|loading|error|saveRecord|updateRecord|deleteRecord|collection|user)\b/, Ft = (e, t, n) => {
+}, Ft = /\bactions\s*\??\.\s*(?:records|loading|error|saveRecord|updateRecord|deleteRecord|collection|user)\b/, It = (e, t, n) => {
 	let r = n.match(/['"](pub_[a-z0-9_]+)['"]/)?.[1], i = r ? `'${r}'` : "'pub_<the other page's collection>' — the sentence that built this page names it";
 	return `${e}: ${t.replace(/\s+/g, "")} is read on a page anyone can open, and such a page is handed no actions at all — actions?.records is empty for ever here, so the page shows nothing to every visitor. What it shows is the pub_ copy the other page's app keeps, read by NAME: import { db } from 'your-ai-workflow-firebase-os' and onSnapshot(collection(db, ${i}), …) from 'firebase/firestore' at the top of the component, a loading state until the first answer lands, and those records handed to everything below that asked for actions.records (useStock(records) included). Delete every actions. read from this file (rule 11).`;
-}, It = (e) => /\buseStock\s*\(/.test(e) && /\b(?:saveRecord|updateRecord)\b/.test(e) && !/\busePublicCopy\s*\(/.test(e), Lt = (e) => `${e}: this page keeps the products a shop sells — useStock() says so — and keeps NO public copy of them: a shop anyone can open reads only a pub_ collection, and nothing writes one, so it shows no products at all. Say once at the top of the component usePublicCopy(actions.collection) imported from 'your-ai-workflow-firebase-os' (actions.collection is this page's own collection; add { leaveOut: ['…'] } for what is the owner's own business) — the app then keeps the pub_ copy while this page is open, whole, once, under each record's own id. Write nothing to pub_ yourself, and change nothing else (rule 11).`, Rt = /<(?:motion\.)?h1[\s>]/, zt = /\bfrom\s+['"`]\.\.?\/[^'"`]*['"`]/, Bt = /<(?:div|section|main|article|header)[\s>]/, Vt = (e) => ne(e) && Bt.test(e) && !Rt.test(e) && !zt.test(e), Ht = (e) => `${e}: this is a page of the website and it has no <h1> — nothing on it says what page this is. A page anyone can open gets no heading from the app, so its content starts with ONE <h1>: the page's own name, or my line for it, sized to suit the page, never as big as it will go — a calm one (text-2xl md:text-4xl font-semibold tracking-tight text-foreground) on a page that is about its things, a display line only on a page that opens on a big picture or a band of colour — with at most one quiet line under it and clear room over it (pt-10 md:pt-16), never pressed up under the menu. SectionHeading is an <h2> — right for the sections below, never the page's title. Add the <h1> at the top and change nothing else (rule 30).`, Ut = RegExp("className\\s*=\\s*(?:\\{\\s*)?(?:`|\"|')([^`\"']*\\bgrid\\b[^`\"']*)(?:`|\"|')\\s*\\}?\\s*>\\s*\\{\\s*(" + ht + ")\\s*\\.(?:slice\\([^)]*\\)\\s*\\.)?map\\(", "g");
-function Wt(e) {
+}, Lt = (e) => /\buseStock\s*\(/.test(e) && /\b(?:saveRecord|updateRecord)\b/.test(e) && !/\busePublicCopy\s*\(/.test(e), Rt = (e) => `${e}: this page keeps the products a shop sells — useStock() says so — and keeps NO public copy of them: a shop anyone can open reads only a pub_ collection, and nothing writes one, so it shows no products at all. Say once at the top of the component usePublicCopy(actions.collection) imported from 'your-ai-workflow-firebase-os' (actions.collection is this page's own collection; add { leaveOut: ['…'] } for what is the owner's own business) — the app then keeps the pub_ copy while this page is open, whole, once, under each record's own id. Write nothing to pub_ yourself, and change nothing else (rule 11).`, zt = /<(?:motion\.)?h1[\s>]/, Bt = /\bfrom\s+['"`]\.\.?\/[^'"`]*['"`]/, Vt = /<(?:div|section|main|article|header)[\s>]/, Ht = (e) => U(e) && Vt.test(e) && !zt.test(e) && !Bt.test(e), Ut = (e) => `${e}: this is a page of the website and it has no <h1> — nothing on it says what page this is. A page anyone can open gets no heading from the app, so its content starts with ONE <h1>: the page's own name, or my line for it, sized to suit the page, never as big as it will go — a calm one (text-2xl md:text-4xl font-semibold tracking-tight text-foreground) on a page that is about its things, a display line only on a page that opens on a big picture or a band of colour — with at most one quiet line under it and clear room over it (pt-10 md:pt-16), never pressed up under the menu. SectionHeading is an <h2> — right for the sections below, never the page's title. Add the <h1> at the top and change nothing else (rule 30).`, Wt = RegExp("className\\s*=\\s*(?:\\{\\s*)?(?:`|\"|')([^`\"']*\\bgrid\\b[^`\"']*)(?:`|\"|')\\s*\\}?\\s*>\\s*\\{\\s*(" + gt + ")\\s*\\.(?:slice\\([^)]*\\)\\s*\\.)?map\\(", "g");
+function Gt(e) {
 	let t = [];
-	for (let n of e.matchAll(Ut)) {
+	for (let n of e.matchAll(Wt)) {
 		let r = n[1];
 		if (!(/(?:^|\s)grid-cols-1(?:\s|$)/.test(r) || !/(?:^|\s)grid-cols-\d/.test(r))) continue;
-		let i = (n.index ?? 0) + n[0].length - 1, a = Zi(e, i);
+		let i = (n.index ?? 0) + n[0].length - 1, a = Q(e, i);
 		a < 0 || !/<Picture\b/.test(e.slice(i, a)) || t.push(`{${n[2]}.map(…)}`);
 	}
 	return [...new Set(t)];
 }
-var Gt = (e, t) => `${e}: ${P(t)} ${t.length > 1 ? "are" : "is"} laid out ONE to a row on a phone, so every card is the whole width of the screen and a handful of things is a long scroll — and on a wide screen the cards are as oversized. A set of cards is two across on a phone and more as the screen widens: className="grid grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-4 md:gap-6" (pictures of mixed shapes: "columns-2 md:columns-3 xl:columns-4 gap-4", each tile break-inside-avoid mb-4). Change that one className and nothing else: every card keeps everything it holds, exactly as it looks now — its picture, its words, its swatches or choices, its buttons — and nothing new goes round the grid (rule 30).`, Kt = /\bdraggable(?=[\s/>=])(?!\s*=\s*\{\s*false\s*\})|\bonDragStart\s*=/, qt = /\bfrom\s+['"`](react-beautiful-dnd|@hello-pangea\/dnd|@dnd-kit\/[^'"`]+|react-dnd(?:-[^'"`]+)?|sortablejs|react-sortablejs|react-draggable)['"`]/g, Jt = (e, t) => `${e}: ${t.length ? `${P(t)} ${t.length > 1 ? "are" : "is"} not part of this app — the import resolves in a preview and fails when the app is published — and dragging here is already a piece of the app.` : "this page drags things with the browser's own drag and drop (draggable, onDragStart, onDrop) — nothing moves under a FINGER, a keyboard cannot reach it, and a picture inside the card starts a drag of its own and cancels the card's."} Both kinds of dragging are imported from 'your-ai-workflow-firebase-os'. Things moved BETWEEN stages — orders, leads, applications — are <Pipeline stages={[{ id: 'new', label: 'New' }, …]} items={orders} stageOf={(o) => o.stage} onMove={(o, stage) => updateDoc(doc(db, '…', o.id), { stage })} onOpen={(o) => setChosen(o)} card={(o) => <>…what one card says…</>} />. A set put IN ORDER — pictures, lessons, rows — is <Sortable items={pictures} onReorder={(next) => save(next)} className="grid grid-cols-3 gap-3" item={(p) => …} />. Delete every drag handler, the dragged / drag-over state and any "move left / move right" buttons added to make up for them: the pieces work under a mouse, a finger and the arrow keys, show where the thing will land, and put it back with a sentence when the save fails (rule 31).`;
-function Yt(e) {
+var Kt = (e, t) => `${e}: ${P(t)} ${t.length > 1 ? "are" : "is"} laid out ONE to a row on a phone, so every card is the whole width of the screen and a handful of things is a long scroll — and on a wide screen the cards are as oversized. A set of cards is two across on a phone and more as the screen widens: className="grid grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-4 md:gap-6" (pictures of mixed shapes: "columns-2 md:columns-3 xl:columns-4 gap-4", each tile break-inside-avoid mb-4). Change that one className and nothing else: every card keeps everything it holds, exactly as it looks now — its picture, its words, its swatches or choices, its buttons — and nothing new goes round the grid (rule 30).`, qt = /\bdraggable(?=[\s/>=])(?!\s*=\s*\{\s*false\s*\})|\bonDragStart\s*=/, Jt = /\bfrom\s+['"`](react-beautiful-dnd|@hello-pangea\/dnd|@dnd-kit\/[^'"`]+|react-dnd(?:-[^'"`]+)?|sortablejs|react-sortablejs|react-draggable)['"`]/g, Yt = (e, t) => `${e}: ${t.length ? `${P(t)} ${t.length > 1 ? "are" : "is"} not part of this app — the import resolves in a preview and fails when the app is published — and dragging here is already a piece of the app.` : "this page drags things with the browser's own drag and drop (draggable, onDragStart, onDrop) — nothing moves under a FINGER, a keyboard cannot reach it, and a picture inside the card starts a drag of its own and cancels the card's."} Both kinds of dragging are imported from 'your-ai-workflow-firebase-os'. Things moved BETWEEN stages — orders, leads, applications — are <Pipeline stages={[{ id: 'new', label: 'New' }, …]} items={orders} stageOf={(o) => o.stage} onMove={(o, stage) => updateDoc(doc(db, '…', o.id), { stage })} onOpen={(o) => setChosen(o)} card={(o) => <>…what one card says…</>} />. A set put IN ORDER — pictures, lessons, rows — is <Sortable items={pictures} onReorder={(next) => save(next)} className="grid grid-cols-3 gap-3" item={(p) => …} />. Delete every drag handler, the dragged / drag-over state and any "move left / move right" buttons added to make up for them: the pieces work under a mouse, a finger and the arrow keys, show where the thing will land, and put it back with a sentence when the save fails (rule 31).`;
+function Xt(e) {
 	let t = 0;
 	for (let n of e.matchAll(/<table[\s>]/g)) {
 		let r = e.indexOf("</table>", n.index ?? 0);
@@ -599,12 +602,12 @@ function Yt(e) {
 	}
 	return t;
 }
-var Xt = (e, t) => `${e}: ${t > 1 ? `${t} lists of records here are each` : "a list of records here is"} drawn as a <table> — on a phone that is a strip of small print to drag sideways, with the button that matters off the edge, and its rows cannot be reached by a keyboard or sorted. Replace ${t > 1 ? "each" : "it"} with <DataTable rows={orders} loading={loading} columns={[{ key: 'number', label: 'Order', value: (o) => o.number }, { key: 'total', label: 'Total', value: (o) => o.total, cell: (o) => money(o.total), align: 'right' }]} onOpen={(o) => setChosen(o)} actions={(o) => …} search="Search orders" empty="No orders yet" /> imported from 'your-ai-workflow-firebase-os': a table whose headings sort on a wide screen, one readable block a record on a phone, soft rows while it loads. \`value\` is the plain value a column sorts and searches by, \`cell\` what it draws when that is more than the value, and \`phone: false\` leaves a column off a phone. Delete the <table>, its overflow-x-auto wrapper and any sorting or searching written for it (rule 31).`, Zt = /\bconst\s*\[\s*((?:[A-Za-z_$][\w$]*)?[sS]tep(?:Index|Idx|Number|No|Id)?)\s*,\s*[A-Za-z_$][\w$]*\s*\]\s*=\s*useState\b/g;
-function Qt(e) {
-	return /\buseSteps\s*\(|\.get\(\s*['"`][\w-]*step[\w-]*['"`]\s*\)/i.test(e) ? [] : M(e, Zt, 1);
+var Zt = (e, t) => `${e}: ${t > 1 ? `${t} lists of records here are each` : "a list of records here is"} drawn as a <table> — on a phone that is a strip of small print to drag sideways, with the button that matters off the edge, and its rows cannot be reached by a keyboard or sorted. Replace ${t > 1 ? "each" : "it"} with <DataTable rows={orders} loading={loading} columns={[{ key: 'number', label: 'Order', value: (o) => o.number }, { key: 'total', label: 'Total', value: (o) => o.total, cell: (o) => money(o.total), align: 'right' }]} onOpen={(o) => setChosen(o)} actions={(o) => …} search="Search orders" empty="No orders yet" /> imported from 'your-ai-workflow-firebase-os': a table whose headings sort on a wide screen, one readable block a record on a phone, soft rows while it loads. \`value\` is the plain value a column sorts and searches by, \`cell\` what it draws when that is more than the value, and \`phone: false\` leaves a column off a phone. Delete the <table>, its overflow-x-auto wrapper and any sorting or searching written for it (rule 31).`, Qt = /\bconst\s*\[\s*((?:[A-Za-z_$][\w$]*)?[sS]tep(?:Index|Idx|Number|No|Id)?)\s*,\s*[A-Za-z_$][\w$]*\s*\]\s*=\s*useState\b/g;
+function $t(e) {
+	return /\buseSteps\s*\(|\.get\(\s*['"`][\w-]*step[\w-]*['"`]\s*\)/i.test(e) ? [] : M(e, Qt, 1);
 }
-var $t = (e, t) => `${e}: ${P(t)} ${t.length > 1 ? "keep" : "keeps"} the step somebody is on in useState, so RELOADING the page starts them again at step one, the browser's Back button leaves the page instead of going back a step, and nobody can be sent a link to the step they are stuck on. Replace it with const flow = useSteps([{ id: 'details', label: 'Details' }, { id: 'pictures', label: 'Pictures' }, { id: 'review', label: 'Review' }]) imported from 'your-ai-workflow-firebase-os' — flow.step is the step on screen and it lives in the web address (?step=pictures, beside the ?product=… already there), flow.next() and flow.back() move and the browser's Back button follows, flow.reset() once the thing is sent — and draw the line across the top with <StepBar {...flow.bar} /> in place of numbered circles of your own. What was typed on each step is still useVisitorState (rules 16, 19 and 31).`, en = /dangerouslySetInnerHTML\s*=\s*\{\s*\{\s*__html\s*:\s*([A-Za-z_$][\w$]*(?:\??\.[A-Za-z_$][\w$]*)+)/g, tn = (e, t) => `${e}: ${P(t)} ${t.length > 1 ? "are" : "is"} put on the page with dangerouslySetInnerHTML — whatever anybody managed to type into that record then RUNS as code on every visitor's screen, and takes their session with it. Long writing somebody typed — a post, a description, a method — is <Article text={${t[0]}} /> imported from 'your-ai-workflow-firebase-os': a blank line is a paragraph, "# " a heading, "- " a list, **bold**, [words](link), and a picture on a line of its own as ![what it shows](link) — and it never reads HTML, so nothing typed can run. A short line is plain {text} (rule 31).`;
-function nn(e) {
+var en = (e, t) => `${e}: ${P(t)} ${t.length > 1 ? "keep" : "keeps"} the step somebody is on in useState, so RELOADING the page starts them again at step one, the browser's Back button leaves the page instead of going back a step, and nobody can be sent a link to the step they are stuck on. Replace it with const flow = useSteps([{ id: 'details', label: 'Details' }, { id: 'pictures', label: 'Pictures' }, { id: 'review', label: 'Review' }]) imported from 'your-ai-workflow-firebase-os' — flow.step is the step on screen and it lives in the web address (?step=pictures, beside the ?product=… already there), flow.next() and flow.back() move and the browser's Back button follows, flow.reset() once the thing is sent — and draw the line across the top with <StepBar {...flow.bar} /> in place of numbered circles of your own. What was typed on each step is still useVisitorState (rules 16, 19 and 31).`, tn = /dangerouslySetInnerHTML\s*=\s*\{\s*\{\s*__html\s*:\s*([A-Za-z_$][\w$]*(?:\??\.[A-Za-z_$][\w$]*)+)/g, nn = (e, t) => `${e}: ${P(t)} ${t.length > 1 ? "are" : "is"} put on the page with dangerouslySetInnerHTML — whatever anybody managed to type into that record then RUNS as code on every visitor's screen, and takes their session with it. Long writing somebody typed — a post, a description, a method — is <Article text={${t[0]}} /> imported from 'your-ai-workflow-firebase-os': a blank line is a paragraph, "# " a heading, "- " a list, **bold**, [words](link), and a picture on a line of its own as ![what it shows](link) — and it never reads HTML, so nothing typed can run. A short line is plain {text} (rule 31).`;
+function rn(e) {
 	let t = /* @__PURE__ */ new Set();
 	for (let n of e.matchAll(/\b(?:function|const)\s+((?:format|to|as)(?:Currency|Price|Money|Amount|Usd|Eur|Gbp)|currencyFormat(?:ter)?|priceFormat(?:ter)?)\b/g)) t.add(`${n[1]}()`);
 	/style\s*:\s*['"`]currency['"`]/.test(e) && t.add("Intl.NumberFormat(…, { style: 'currency' })");
@@ -620,8 +623,8 @@ function nn(e) {
 	}
 	return [...t];
 }
-var rn = (e, t) => `${e}: ${P(t.map((e) => `"${e}"`))} ${t.length > 1 ? "write" : "writes"} a price out by hand. .toFixed throws on a price that was saved as text or is not there yet — and the whole page goes blank; a "$" typed in front is wrong the day the <PayButton> beside it charges in euros; and 1250 reads "$1250.00" while the Transactions screen says "$1,250.00" for the same order. Every price, total and fee is money(amount) imported from 'your-ai-workflow-firebase-os' — money(25) is "$25.00", money(1250, 'eur') is "€1,250.00", and something that is not a number is a quiet dash — with the SAME currency word the page passes to its PayButton. Delete the formatter of your own and every typed currency sign.${F(t.length)} (rule 31)`;
-function an(e, t) {
+var an = (e, t) => `${e}: ${P(t.map((e) => `"${e}"`))} ${t.length > 1 ? "write" : "writes"} a price out by hand. .toFixed throws on a price that was saved as text or is not there yet — and the whole page goes blank; a "$" typed in front is wrong the day the <PayButton> beside it charges in euros; and 1250 reads "$1250.00" while the Transactions screen says "$1,250.00" for the same order. Every price, total and fee is money(amount) imported from 'your-ai-workflow-firebase-os' — money(25) is "$25.00", money(1250, 'eur') is "€1,250.00", and something that is not a number is a quiet dash — with the SAME currency word the page passes to its PayButton. Delete the formatter of your own and every typed currency sign.${F(t.length)} (rule 31)`;
+function Z(e, t) {
 	let n = [], r = RegExp(`<((?:motion\\.)?(?:${t}))(?=[\\s/>])`, "g");
 	for (let t of e.matchAll(r)) {
 		let r = (t.index ?? 0) + t[0].length, i = 0, a = "";
@@ -651,7 +654,7 @@ function an(e, t) {
 var on = /onClick\s*=\s*\{\s*\(?\s*([A-Za-z_$][\w$]*)\s*\)?\s*=>\s*\{?\s*\1\s*\.\s*(?:stopPropagation|preventDefault)\s*\(\s*\)\s*;?\s*\}?\s*\}/;
 function sn(e) {
 	let t = /* @__PURE__ */ new Set();
-	for (let { tag: n, attrs: r } of an(e, "div|span|li|tr|td|p|h[1-6]|section|article|figure|header|footer|img|label")) /\bonClick\s*=/.test(r) && (/\brole\s*=/.test(r) || on.test(r) || n === "label" && /\bhtmlFor\s*=/.test(r) || t.add(`<${n} onClick>`));
+	for (let { tag: n, attrs: r } of Z(e, "div|span|li|tr|td|p|h[1-6]|section|article|figure|header|footer|img|label")) /\bonClick\s*=/.test(r) && (/\brole\s*=/.test(r) || on.test(r) || n === "label" && /\bhtmlFor\s*=/.test(r) || t.add(`<${n} onClick>`));
 	return [...t];
 }
 var cn = (e, t) => `${e}: ${P(t)} ${t.length > 1 ? "are" : "is"} pressed with a mouse and by nothing else — a keyboard never reaches ${t.length > 1 ? "them" : "it"} and a screen reader does not know ${t.length > 1 ? "they" : "it"} can be pressed. Whatever is pressed is a <button type="button" className="text-left …"> (a <Link to="…"> where it goes to another page), with the same classes and the same onClick. Where a whole card is pressable AND has buttons of its own inside it — a button cannot sit in a button — keep the element and give it role="button" tabIndex={0} onKeyDown={(e) => { if (e.target === e.currentTarget && (e.key === 'Enter' || e.key === ' ')) { e.preventDefault(); open(); } }}. A row of records that opens is <DataTable onOpen={…}>, and a card in a pipeline is <Pipeline onOpen={…}>, which do this themselves.${F(t.length)} (rule 30)`, ln = "(?![©®™])\\p{Extended_Pictographic}", un = "✕✖✗✘✓✔←→↑↓↗⟳↻⟲▶◀▼▲▸◂▾▴‹›»«★☆⌄", dn = RegExp(`^(?:${ln}|[${un}ו]|[\\uFE0F\\u200D\\s])+$`, "u"), fn = RegExp(`${ln}|[${un}×]`, "u"), pn = RegExp(`^([${un}])\\uFE0F?\\s+\\S`, "u"), mn = RegExp(`\\S\\s+([${un}])\\uFE0F?$`, "u");
@@ -676,7 +679,7 @@ function hn(e) {
 var gn = (e, t) => `${e}: ${P(t.map((e) => `"${e}"`))} ${t.length > 1 ? "are characters" : "is a character"} standing in for an icon. A character is drawn by the visitor's own phone — in ITS colours and ITS style, never the theme's, a different drawing on every device — and it is the first thing that makes a page look home-made. An icon is a lucide-react icon: import { X, Check, ArrowRight, ArrowLeft, ShoppingBag, Camera, Package, Star } from 'lucide-react' and draw <X className="w-4 h-4" /> for ✕, <Check /> for ✓, <ArrowRight /> and <ArrowLeft /> for → and ←, and the icon OF the thing for an emoji (🛍️ is <ShoppingBag />, 📷 is <Camera />, 📦 is <Package />) — beside the same words, inside the same button. A turning ⟳ is <Loader /> from 'your-ai-workflow-firebase-os'. And where rule 27 would not have put an icon at all, take it out and leave the words.${F(t.length)} (rule 30)`, _n = /(?:window\s*\.\s*)?(?:local|session)Storage\s*(?:\.\s*(?:get|set|remove)Item|\[)/g, vn = (e) => `${(e.split("/").pop() || "").replace(/\.[jt]sx?$/, "").replace(/Content$/, "").toLowerCase() || "page"}-draft`, yn = (e, t) => `${e}: ${P(t)} — this page keeps what somebody is half-way through in the browser's storage itself. Written by hand it comes apart the same way every time: the whole form is saved on every change, so the EMPTY form is stored the moment the page opens and a draft is offered back to somebody who has typed nothing; Discard empties the form, the next save puts the empty one straight back, and the message returns for ever. It also reads storage while the page is being drawn, so the first paint disagrees with the second, and it throws outright in a private window. The app keeps it instead: const { value, setValue, clear, ready } = useVisitorState('${vn(e)}', {…the empty form…}), imported from 'your-ai-workflow-firebase-os'. Write it with setValue as they type — never from an effect that runs on load — draw the empty form until ready turns true, and clear() the moment the save lands AND the moment they discard it. Offer a draft back only while ready is true and what is in it is not the empty form: nothing is kept until something is really typed, and what was discarded stays discarded. Take every line that touches storage out of this file (rule 19).`, bn = /\banimate-spin\b(?![-[])/, xn = (e) => `${e}: this page sets something spinning itself (animate-spin) — a ring of its own, a character, an icon — so its loading looks like no other screen of the app, and keeps turning for somebody who asked their device for less motion. Loading is the app's: <Loader /> for a ring in a line (size="sm" | "md" | "lg"), <Loader block label="Loading orders" /> in the space a list will take, <Skeleton className="h-24" /> — one per card, row or number still to come — wherever the shape is known, and <Button isLoading={saving}> for a button that is sending; all imported from 'your-ai-workflow-firebase-os'. Replace every animate-spin with the one that fits and delete the element it was on (rule 30).`, Sn = /(?<![\w-])text-\[(?:(?:[0-9]|1[01])(?:\.\d+)?px|0?\.(?:[0-6]\d*|7[0-4]\d*)r?em)\]/g, Cn = (e, t) => `${e}: ${P(t)} ${t.length > 1 ? "are" : "is"} smaller than small print — on a phone nobody reads it, and it fails every accessibility check the owner's clients may run. The smallest words on any page are text-xs (12px), and anything somebody has to READ — a name, a price, a note, a status — is text-sm or larger. Change every one, and where that makes a card too full, say less on the card and the rest in its <Popup> — never shrink the words to fit.${F(t.length)} (rule 30)`;
 function wn(e, t) {
 	let n = /* @__PURE__ */ new Set();
-	for (let { end: r } of an(e, "Button|button")) {
+	for (let { end: r } of Z(e, "Button|button")) {
 		if (e[r - 1] === "/") continue;
 		let i = e.slice(r + 1, r + 80).match(/^\s*([^<>{}]{1,40}?)\s*<\/(?:motion\.)?(?:Button|button)\s*>/);
 		i && t.test(i[1].trim()) && n.add(i[1].trim());
@@ -758,18 +761,18 @@ function Un(e) {
 }
 var Wn = (e, t) => `${e}: ${P(t)} — the lines of an order are keyed by their id, and an item's id is its PRODUCT's: the same thing bought in two colours or sizes is two lines with ONE key, so React draws one of them twice and drops the other, and the console fills with "Encountered two children with the same key". Key each line by its place in the list instead — items.map((item, i) => <div key={i}>…) — the lines of an order never move (rule 9).`, Gn = /function TutorialPopup\(\{ onClose \}[\s\S]*?\n\}\n/;
 function Kn(e, t) {
-	let n = [], r = M(t, qt, 1);
-	(r.length || Kt.test(t)) && n.push(["own-drag", Jt(e, r)]);
-	let i = Yt(t);
-	i && n.push(["mapped-table", Xt(e, i)]);
-	let a = Qt(t);
-	a.length && n.push(["step-state", $t(e, a)]);
+	let n = [], r = M(t, Jt, 1);
+	(r.length || qt.test(t)) && n.push(["own-drag", Yt(e, r)]);
+	let i = Xt(t);
+	i && n.push(["mapped-table", Zt(e, i)]);
+	let a = $t(t);
+	a.length && n.push(["step-state", en(e, a)]);
 	let o = M(t, _n);
 	o.length && n.push(["own-draft", yn(e, o)]);
-	let s = M(t, en, 1);
-	s.length && n.push(["raw-html", tn(e, s)]);
-	let c = nn(t);
-	c.length && n.push(["own-money", rn(e, c)]);
+	let s = M(t, tn, 1);
+	s.length && n.push(["raw-html", nn(e, s)]);
+	let c = rn(t);
+	c.length && n.push(["own-money", an(e, c)]);
 	let l = sn(t);
 	l.length && n.push(["dead-click", cn(e, l)]);
 	let u = hn(t);
@@ -830,29 +833,29 @@ function _r(e) {
 		});
 	}, f = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Set();
 	for (let { file: t } of e) if (R(t)) for (let e of p(I(t))) g.add(e);
-	let _ = Ya(e), v = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Set();
+	let _ = ao(e), v = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Set();
 	for (let { file: t, source: n } of e) {
 		if (!L(t)) continue;
 		let e = I(t), r = h(e);
 		if (r !== "tab" && r !== "page") continue;
-		let i = z(n), a = B(i, r === "tab" ? "tabName" : "pageName")[0], o = a === void 0 ? null : V(a), s = [r === "tab" ? l(e) : u(e), ...o ? [U(o), U(o).replace(/_/g, "")] : []];
+		let i = z(n), a = B(i, r === "tab" ? "tabName" : "pageName")[0], o = a === void 0 ? null : V(a), s = [r === "tab" ? l(e) : u(e), ...o ? [W(o), W(o).replace(/_/g, "")] : []];
 		if (r === "page") for (let e of s) y.add(e);
 		let c = B(i, "template")[0], d = c === void 0 ? null : V(c);
-		if (!(!d || !re.includes(d))) for (let e of s) v.set(e, d);
+		if (!(!d || !G.includes(d))) for (let e of s) v.set(e, d);
 	}
 	for (let { file: t, source: n } of e) {
 		let r = I(t), i = z(n);
 		if (L(t)) {
 			let e = h(r);
 			if (e === "shipped") {
-				if (r === "theme.config.ts") for (let e of yi(n)) c("brand-gone", bi(t, e));
+				if (r === "theme.config.ts") for (let e of bi(n)) c("brand-gone", xi(t, e));
 				continue;
 			}
 			if (e === "other") {
 				s("config-name", `${t}: rename it to somethingTab.config.ts (a dashboard page), somethingPage.config.ts (a page for anyone), somethingForm.config.ts (a form) or somethingRegistration.config.ts (what people are asked when they register).`);
 				continue;
 			}
-			if (!H(i) && !ne(i) && s("config-export", `${t}: export one const named ${m(r)}Config.`), e === "tab" || e === "page") {
+			if (!H(i) && !U(i) && s("config-export", `${t}: export one const named ${m(r)}Config.`), e === "tab" || e === "page") {
 				let { first: n, count: a } = gr(i), o = n === void 0 ? null : V(n);
 				if (a === 0 || o === null || !o.startsWith("/")) s("route", `${t}: route must be one string starting with /, e.g. route: '/onboarding'. A page has exactly one web address.`);
 				else if (o.includes(":") || o.includes("*")) {
@@ -885,152 +888,158 @@ function _r(e) {
 			if (e === "form") {
 				let e = d(r), n = B(i, "systemName")[0];
 				n !== void 0 && V(n) !== e && s("system-name", `${t}: systemName must be '${e}'.`);
-				let a = ae(i);
-				a && c("plain-address", oe(t, a));
+				let a = re(i);
+				a && c("plain-address", ie(t, a));
 			}
 			if (e === "registration") {
 				let e = [...B(i, "key"), ...B(i, "name")].map(V).filter((e) => e !== null);
 				e.length === 0 && s("registration-key", `${t}: every question needs a key — fields: [{ key: 'company', label: 'Company name', type: 'text', required: true, editable: true }].`);
-				let n = e.filter((e) => Se.has(e));
+				let n = e.filter((e) => xe.has(e));
 				n.length && s("registration-reserved", `${t}: '${n[0]}' is a key the app already keeps on every profile, and the security rules refuse a write that touches it — rename that question's key to something of its own, like '${n[0]}Given'.`);
-				let r = B(i, "type").map(V).find((e) => e !== null && !ie.includes(e));
-				r && s("registration-type", `${t}: type '${r}' is not one a registration question can be — use ${ie.join(", ")}.`), /['"`]select['"`]/.test(i) && !/\boptions\s*:/.test(i) && s("registration-options", `${t}: a select question needs options — options: ['Sole trader', 'Limited company'].`);
-				let a = ae(i);
-				a && c("plain-address", oe(t, a));
+				let r = B(i, "type").map(V).find((e) => e !== null && !ne.includes(e));
+				r && s("registration-type", `${t}: type '${r}' is not one a registration question can be — use ${ne.join(", ")}.`), /['"`]select['"`]/.test(i) && !/\boptions\s*:/.test(i) && s("registration-options", `${t}: a select question needs options — options: ['Sole trader', 'Limited company'].`);
+				let a = re(i);
+				a && c("plain-address", ie(t, a));
 			}
 			continue;
 		}
 		if (R(t)) {
-			ne(i) || s("default-export", `${t}: add export default.`);
+			U(i) || s("default-export", `${t}: add export default.`);
 			let n = p(r).map((e) => v.get(e)).find(Boolean), a = /<form\b/.test(i) || /\bonSubmit\b/.test(i);
 			if (a && n) {
-				let e = Ce[n];
+				let e = Se[n];
 				i.includes(e.token) || c("preset-form", `${t}: this page is a ${n} and already has its own add and edit dialog, themed for light and dark — open it with ${e.call} instead of building a form here.`);
 			} else a && !/ContactPopup/.test(i) && c("hand-form", `${t}: forms are *Form.config.ts files shown with <ContactPopup formId="…" />; a hand-written form never reaches the Inbox.`);
 			let o = i.match(/['"`](?:(?:mem|user|admin|pub|case)_notifications|user_notices)['"`]/);
 			o && s("bell-collection", `${t}: ${o[0]} is the bell's own collection and pages never touch it — delete that code and send the notification with notify({ toUid | toRole, title, body, link }) imported from 'your-ai-workflow-firebase-os'. If this page is about notices of its own, keep them somewhere else (user_page_notices).`);
 			let l = i.match(/['"`](?:chat_threads|chat_files|mem_chat_notes|mem_chat_state)['"`]/);
 			l && s("chat-collection", `${t}: ${l[0]} is not a collection any page may touch — delete that code. This app has no chat: where people should be able to write to the owner, use the built-in form, <ContactPopup formId="…" />, and what they send arrives in the Inbox. If this page keeps messages of its own, keep them somewhere else (mem_page_messages).`);
-			let u = i.match(ji);
+			let u = i.match(Vi);
 			u && s("chat-call", `${t}: ${u[0]} is not part of this app — the chat is gone, and nothing is exported under that name. Delete it, and where people should be able to write to the owner use the built-in form, <ContactPopup formId="…" />; what they send arrives in the Inbox.`), /['"`]user_phoneclaims['"`]/.test(i) && s("phone-claims", `${t}: user_phoneclaims is how the app keeps a two-step phone number to one account, and pages never touch it — keep this page's own records somewhere else (user_page_phones).`), /<style[\s>]/.test(i) && s("style-tag", `${t}: a <style> tag is global CSS and restyles every page of the app — delete it and style with theme classes (bg-background, text-foreground, glass-panel, btn-primary).`);
 			let d = lr(i);
 			d && c("screen-cap", `${t}: ${d} makes the page exactly one screen tall and strands everything below it on a phone — the page already scrolls, so let it be as long as it needs and drop the height and any overflow-hidden around it.`);
 			let f = ir(i);
 			f && c("narrow-page", ar(t, f));
-			let m = pe.test(i), h = ve(i), g = h ? null : ce(i);
-			h ? c("address-box", (m ? ue : le)(t, h)) : g && c("own-address", (m ? ue : le)(t, g));
-			let b = ye(i);
-			b && c("own-phone", (m ? xe : be)(t, b));
-			let x = me(i);
-			x && c("buyer-twice", he(t, x));
+			let m = fe.test(i), h = _e(i), g = h ? null : oe(i);
+			h ? c("address-box", (m ? ce : se)(t, h)) : g && c("own-address", (m ? ce : se)(t, g));
+			let b = ve(i);
+			b && c("own-phone", (m ? be : ye)(t, b));
+			let x = pe(i);
+			x && c("buyer-twice", me(t, x));
 			let S = M(i, nr);
 			S.length && c("owner-words", tr(t, S));
 			let C = Xn(i);
 			C.length && c("demo-data", Zn(t, C));
 			let w = M(i, Qn);
 			w.length && c("colour", er(t, w)), /<select[\s/>]/.test(i) && c("native-select", `${t}: a native <select> is drawn by the browser in its own chrome and no theme class can restyle it — replace it with <CustomSelect value={…} options={[{ value, label }]} onChange={(v) => …} /> imported from 'your-ai-workflow-firebase-os' (onChange receives the chosen value string, not an event).`);
-			let T = Ei(i);
-			T.length && s("unknown-import", Di(t, T));
-			let E = ki(i);
-			E && c("notify-as-toast", Ai(t, E)), Ne.test(i) && c("bare-textarea", Pe(t));
-			let D = Le(i);
-			D.length && c("own-swatch", tt(t, D));
-			let O = ze(i);
-			O && c("own-picture-set", Be(t, O));
-			let k = Br(i) ? null : Ue(i);
-			k && c("own-stepper", We(t, k));
-			let A = qe(i);
-			A && c("own-chart", Je(t, A));
-			let j = i.match(Ye);
-			j && c("full-reload", Xe(t, j[0]));
-			let P = $e(i);
-			P.length && c("typed-id", et(t, P));
-			let F = M(i, we);
-			F.length && c("media-tag", Te(t, F)), Ee.test(i) && s("bare-img", qn(t));
-			let I = dt(i);
-			I.length && c("boxed-picture", ft(t, I));
-			let L = St(i);
-			L.length && c("repeated-items", Ct(t, L));
-			let R = Tt(i);
-			R && c("own-popup", Et(t, R));
-			let z = [...new Set(M(i, Dt))];
-			z.length && c("own-toast", Ot(t, z));
+			let T = ki(i);
+			T.length && s("unknown-import", Ai(t, T));
+			let E = Mi(i);
+			E && c("notify-as-toast", Bi(t, E));
+			let D = Ni(i);
+			D && c("notify-body", Pi(t, D));
+			let O = Fi(i);
+			O !== null && c("popup-open", Ii(t, O));
+			let k = Ri(i);
+			k && c("hand-by-field", zi(t, k)), Pe.test(i) && c("bare-textarea", Fe(t));
+			let A = Le(i);
+			A.length && c("own-swatch", nt(t, A));
+			let j = ze(i);
+			j && c("own-picture-set", Be(t, j));
+			let P = Br(i) ? null : Ge(i);
+			P && c("own-stepper", Ke(t, P));
+			let F = Ye(i);
+			F && c("own-chart", Xe(t, F));
+			let I = i.match(Ze);
+			I && c("full-reload", Qe(t, I[0]));
+			let L = et(i);
+			L.length && c("typed-id", tt(t, L));
+			let R = M(i, Ce);
+			R.length && c("media-tag", we(t, R)), Te.test(i) && s("bare-img", qn(t));
+			let z = ft(i);
+			z.length && c("boxed-picture", pt(t, z));
+			let B = Ct(i);
+			B.length && c("repeated-items", wt(t, B));
+			let V = Et(i);
+			V && c("own-popup", Dt(t, V));
+			let H = [...new Set(M(i, Ot))];
+			H.length && c("own-toast", kt(t, H));
 			for (let [e, n] of Kn(t, i)) c(e, n);
-			let B = eo(t, i, _);
-			B.length && c("leads-nowhere", to(t, B)), De.test(i) && s("background-picture", Oe(t));
-			let V = je(i);
-			V.length && s("stuck-zero", Me(t, V));
-			let H = M(i, Q);
-			H.length && c("billing-code", Vi(t, H));
-			let U = M(N(i, Q), so);
-			U.length && c("payment-code", co(t, U));
-			let re = M(i, lo);
-			re.length && c("email-code", _o(t, re));
-			let ie = M(i, uo);
-			ie.length && s("storage-code", fo(t, ie)), ho.test(i) && c("file-input", go(t));
-			let ae = M(i, po);
-			ae.length && s("browser-dialog", mo(t, ae));
-			let oe = te(i);
-			oe && s("ai-code", ee(t, oe)), Or(i) && c("case-query", xi(t));
-			for (let e of fi(i)) c("hook-answer", pi(t, e));
-			let se = Yr(i);
-			se.length && c("not-a-case", Xr(t, se));
-			let de = $r(i);
-			de.length && c("save-args", ei(t, de));
-			let fe = hi(i);
-			fe && c("own-publish", gi(t, fe));
-			let W = M(i, Hi);
-			W.length && c(W.some((e) => !e.startsWith("runTransaction")) ? "booking-code" : "own-transaction", Ui(t, W));
-			let ge = i.match(Wi);
-			ge && c("invented-hours", Gi(t, ge[0]));
-			let _e = qi(i);
-			_e.length && c("stale-times", Ji(t, _e));
-			let G = p(r).some((e) => y.has(e)) || Fi(i);
-			if (G) {
-				mr(i) && c("no-gutter", hr(t)), Vt(i) && c("no-page-title", Ht(t));
-				let e = Wt(i);
-				e.length && c("one-per-row", Gt(t, e));
-				let n = p(r).some((e) => v.has(e)) ? null : i.match(Pt);
-				n && c("no-actions", Ft(t, n[0], i));
-				let a = N(i, Hi), o = M(a, wr);
+			let W = uo(t, i, _);
+			W.length && c("leads-nowhere", fo(t, W)), Ee.test(i) && s("background-picture", De(t));
+			let G = Me(i);
+			G.length && s("stuck-zero", Ne(t, G));
+			let ne = M(i, Zi);
+			ne.length && c("billing-code", Qi(t, ne));
+			let re = M(N(i, Zi), vo);
+			re.length && c("payment-code", yo(t, re));
+			let ie = M(i, bo);
+			ie.length && c("email-code", Do(t, ie));
+			let ae = M(i, xo);
+			ae.length && s("storage-code", So(t, ae)), To.test(i) && c("file-input", Eo(t));
+			let le = M(i, Co);
+			le.length && s("browser-dialog", wo(t, le));
+			let ue = te(i);
+			ue && s("ai-code", ee(t, ue)), Or(i) && c("case-query", Si(t));
+			for (let e of pi(i)) c("hook-answer", mi(t, e));
+			let de = Yr(i);
+			de.length && c("not-a-case", Xr(t, de));
+			let he = $r(i);
+			he.length && c("save-args", ei(t, he));
+			let ge = gi(i);
+			ge && c("own-publish", _i(t, ge));
+			let K = M(i, $i);
+			K.length && c(K.some((e) => !e.startsWith("runTransaction")) ? "booking-code" : "own-transaction", ea(t, K));
+			let q = i.match(ta);
+			q && c("invented-hours", na(t, q[0]));
+			let xe = ia(i);
+			xe.length && c("stale-times", aa(t, xe));
+			let J = p(r).some((e) => y.has(e)) || Gi(i);
+			if (J) {
+				mr(i) && c("no-gutter", hr(t)), Ht(i) && c("no-page-title", Ut(t));
+				let e = Gt(i);
+				e.length && c("one-per-row", Kt(t, e));
+				let n = p(r).some((e) => v.has(e)) ? null : i.match(Ft);
+				n && c("no-actions", It(t, n[0], i));
+				let a = N(i, $i), o = M(a, wr);
 				o.length && c("private-collection", Tr(t, o));
-				let s = Ri.test(a);
-				s && c("own-tally", Bi(t));
-				let l = zi(M(a, Ii, 1), s);
-				l.length && c("public-write", Li(t, l));
+				let s = Ji.test(a);
+				s && c("own-tally", Xi(t));
+				let l = Yi(M(a, Ki, 1), s);
+				l.length && c("public-write", qi(t, l));
 			}
-			let K = Sr(i);
-			if (!G && xr(i) && K.size === 1 && !K.has("case") && c("role-curtain", Cr(t)), !G && !n && /\bactions\b/.test(i)) {
+			let Oe = Sr(i);
+			if (!J && xr(i) && Oe.size === 1 && !Oe.has("case") && c("role-curtain", Cr(t)), !J && !n && /\bactions\b/.test(i)) {
 				let e = oi(i);
 				e.length && c("own-write", si(t, e));
 			}
-			let Se = G ? null : fa(i);
-			Se && c("whole-inbox", oo(t, Se));
-			let ke = jr(i);
-			ke && c("public-copy", Mr(t, ke.token));
-			let q = jt(i);
-			q.length && c("own-copy", Nt(t, i, q)), !G && It(i) && c("no-copy", Lt(t));
-			let J = Br(i), Y = Ir(i);
-			if (J ? c("own-basket", zr.test(i) ? Vr(t, J, /<Checkout\b/.test(i)) : Hr(t, J)) : Y ? c("own-checkout", Lr(t, Y)) : Ur(i) && c("own-purchase", Wr(t)), !J && !Y) for (let n of Wa(i, e)) n.why === "flag" ? c("order-flag", io(n.config, t)) : n.why === "asks" ? c("order-asks", Ga(n.config, t)) : c("buyer-form", ao(n.config, t));
-			let Ae = Kr(i);
-			Ae && c("own-return", qr(t, Ae));
-			for (let n of Ja(t, i, e)) n.why === "typed" ? c("no-road-in", no(n.target, t, n.formId)) : c("own-road", ro(n, t));
-			let Fe = Qi(i);
-			Fe.length && c("swallowed-write", aa(t, Fe));
-			let Ie = ra(i);
-			Ie.length && c("swallowed-block", ia(t, Ie));
-			let Re = la(i);
-			Re.length && c("raw-fault", ua(t, Re));
-			let Ve = ga(i);
-			Ve.length && c("made-up-history", Ta(t, Ve));
-			let X = !G && Oa(i);
-			X && c("own-stock", Ha(t)), !X && ja(i) && c("own-left", Va(t));
-			let He = La(i);
-			He.length && c("joined-variants", Ra(t, He)), za(i) && c("zoom-is-a-gallery", Ba(t));
-			let Z = G || X ? null : ya(i);
-			Z && c("signed-by-admin", Ua(t, Z.collection, Z.signs));
-			let Ge = Ca(i).filter((e) => !Z || e.startsWith("a profile read"));
-			Ge.length && c("own-byline", wa(t, Ge));
+			let ke = J ? null : Sa(i);
+			ke && c("whole-inbox", _o(t, ke));
+			let Ae = jr(i);
+			Ae && c("public-copy", Mr(t, Ae.token));
+			let je = Mt(i);
+			je.length && c("own-copy", Pt(t, i, je)), !J && Lt(i) && c("no-copy", Rt(t));
+			let Y = Br(i), Ie = Ir(i);
+			if (Y ? c("own-basket", zr.test(i) ? Vr(t, Y, /<Checkout\b/.test(i)) : Hr(t, Y)) : Ie ? c("own-checkout", Lr(t, Ie)) : Ur(i) && c("own-purchase", Wr(t)), !Y && !Ie) for (let n of eo(i, e)) n.why === "flag" ? c("order-flag", ho(n.config, t)) : n.why === "asks" ? c("order-asks", to(n.config, t)) : c("buyer-form", go(n.config, t));
+			let Re = Kr(i);
+			Re && c("own-return", qr(t, Re));
+			for (let n of io(t, i, e)) n.why === "typed" ? c("no-road-in", po(n.target, t, n.formId)) : c("own-road", mo(n, t));
+			let Ve = ca(i);
+			Ve.length && c("swallowed-write", ha(t, Ve));
+			let He = pa(i);
+			He.length && c("swallowed-block", ma(t, He));
+			let Ue = ya(i);
+			Ue.length && c("raw-fault", ba(t, Ue));
+			let We = Ea(i);
+			We.length && c("made-up-history", Fa(t, We));
+			let qe = !J && Ra(i);
+			qe && c("own-stock", Qa(t)), !qe && Va(i) && c("own-left", Za(t));
+			let Je = qa(i);
+			Je.length && c("joined-variants", Ja(t, Je)), Ya(i) && c("zoom-is-a-gallery", Xa(t));
+			let X = J || qe ? null : ka(i);
+			X && c("signed-by-admin", $a(t, X.collection, X.signs));
+			let $e = Na(i).filter((e) => !X || e.startsWith("a profile read"));
+			$e.length && c("own-byline", Pa(t, $e));
 			continue;
 		}
 		if (t === a || t === o) {
@@ -1043,63 +1052,69 @@ function _r(e) {
 			r.length && c("demo-data", Zn(t, r));
 			let l = M(i, Qn);
 			l.length && c("colour", er(t, l)), /<select[\s/>]/.test(i) && c("native-select", `${t}: a native <select> is drawn by the browser in its own chrome and no theme class can restyle it — replace it with <CustomSelect value={…} options={[{ value, label }]} onChange={(v) => …} /> imported from 'your-ai-workflow-firebase-os' (onChange receives the chosen value string, not an event).`);
-			let u = Ei(i);
-			u.length && s("unknown-import", Di(t, u));
-			let d = ki(i);
-			d && c("notify-as-toast", Ai(t, d)), Ne.test(i) && c("bare-textarea", Pe(t));
-			let f = Le(i);
-			f.length && c("own-swatch", tt(t, f));
-			let p = ze(i);
-			p && c("own-picture-set", Be(t, p));
-			let m = Br(i) ? null : Ue(i);
-			m && c("own-stepper", We(t, m));
-			let h = qe(i);
-			h && c("own-chart", Je(t, h));
-			let g = i.match(Ye);
-			g && c("full-reload", Xe(t, g[0]));
-			let v = $e(i);
-			v.length && c("typed-id", et(t, v));
-			let y = M(i, we);
-			y.length && c("media-tag", Te(t, y)), Ee.test(i) && s("bare-img", qn(t));
-			let b = dt(i);
-			b.length && c("boxed-picture", ft(t, b));
-			let x = St(i);
-			x.length && c("repeated-items", Ct(t, x));
-			let S = N(i, Gn), C = Tt(S);
-			C && c("own-popup", Et(t, C));
-			let w = [...new Set(M(i, Dt))];
-			w.length && c("own-toast", Ot(t, w));
-			let T = Wt(i);
-			T.length && c("one-per-row", Gt(t, T));
-			for (let [e, n] of Kn(t, S)) c(e, n);
-			let E = eo(t, S, _);
-			E.length && c("leads-nowhere", to(t, E)), De.test(i) && s("background-picture", Oe(t));
-			let D = je(i);
-			D.length && s("stuck-zero", Me(t, D));
-			let O = M(i, Q);
-			O.length && c("billing-code", Vi(t, O));
-			let k = M(N(i, Q), so);
-			k.length && c("payment-code", co(t, k));
-			let A = M(i, lo);
-			A.length && c("email-code", _o(t, A));
-			let j = M(i, uo);
-			j.length && s("storage-code", fo(t, j)), ho.test(i) && c("file-input", go(t));
-			let P = M(i, po);
-			P.length && s("browser-dialog", mo(t, P));
-			let F = te(i);
-			F && s("ai-code", ee(t, F));
-			let I = M(i, Hi);
-			I.length && c(I.some((e) => !e.startsWith("runTransaction")) ? "booking-code" : "own-transaction", Ui(t, I));
-			let L = i.match(Wi);
-			L && c("invented-hours", Gi(t, L[0]));
-			let R = qi(i);
-			R.length && c("stale-times", Ji(t, R));
-			let z = N(i, Hi), B = M(z, wr);
-			B.length && c("private-collection", Tr(t, B));
-			let V = Ri.test(z);
-			V && c("own-tally", Bi(t));
-			let H = zi(M(z, Ii, 1), V);
-			H.length && c("public-write", Li(t, H));
+			let u = ki(i);
+			u.length && s("unknown-import", Ai(t, u));
+			let d = Mi(i);
+			d && c("notify-as-toast", Bi(t, d));
+			let f = Ni(i);
+			f && c("notify-body", Pi(t, f));
+			let p = Fi(i);
+			p !== null && c("popup-open", Ii(t, p));
+			let m = Ri(i);
+			m && c("hand-by-field", zi(t, m)), Pe.test(i) && c("bare-textarea", Fe(t));
+			let h = Le(i);
+			h.length && c("own-swatch", nt(t, h));
+			let g = ze(i);
+			g && c("own-picture-set", Be(t, g));
+			let v = Br(i) ? null : Ge(i);
+			v && c("own-stepper", Ke(t, v));
+			let y = Ye(i);
+			y && c("own-chart", Xe(t, y));
+			let b = i.match(Ze);
+			b && c("full-reload", Qe(t, b[0]));
+			let x = et(i);
+			x.length && c("typed-id", tt(t, x));
+			let S = M(i, Ce);
+			S.length && c("media-tag", we(t, S)), Te.test(i) && s("bare-img", qn(t));
+			let C = ft(i);
+			C.length && c("boxed-picture", pt(t, C));
+			let w = Ct(i);
+			w.length && c("repeated-items", wt(t, w));
+			let T = N(i, Gn), E = Et(T);
+			E && c("own-popup", Dt(t, E));
+			let D = [...new Set(M(i, Ot))];
+			D.length && c("own-toast", kt(t, D));
+			let O = Gt(i);
+			O.length && c("one-per-row", Kt(t, O));
+			for (let [e, n] of Kn(t, T)) c(e, n);
+			let k = uo(t, T, _);
+			k.length && c("leads-nowhere", fo(t, k)), Ee.test(i) && s("background-picture", De(t));
+			let A = Me(i);
+			A.length && s("stuck-zero", Ne(t, A));
+			let j = M(i, Zi);
+			j.length && c("billing-code", Qi(t, j));
+			let P = M(N(i, Zi), vo);
+			P.length && c("payment-code", yo(t, P));
+			let F = M(i, bo);
+			F.length && c("email-code", Do(t, F));
+			let I = M(i, xo);
+			I.length && s("storage-code", So(t, I)), To.test(i) && c("file-input", Eo(t));
+			let L = M(i, Co);
+			L.length && s("browser-dialog", wo(t, L));
+			let R = te(i);
+			R && s("ai-code", ee(t, R));
+			let z = M(i, $i);
+			z.length && c(z.some((e) => !e.startsWith("runTransaction")) ? "booking-code" : "own-transaction", ea(t, z));
+			let B = i.match(ta);
+			B && c("invented-hours", na(t, B[0]));
+			let V = ia(i);
+			V.length && c("stale-times", aa(t, V));
+			let H = N(i, $i), U = M(H, wr);
+			U.length && c("private-collection", Tr(t, U));
+			let W = Ji.test(H);
+			W && c("own-tally", Xi(t));
+			let G = Yi(M(H, Ki, 1), W);
+			G.length && c("public-write", qi(t, G));
 		}
 	}
 	return r.sort((e, t) => Number(t.level === "error") - Number(e.level === "error")), {
@@ -1172,34 +1187,70 @@ var vr = (e) => RegExp(`(?:${e})\\s*(?:&&|\\?)\\s*\\(?\\s*<\\s*(?:Card|SectionHe
 		"loading",
 		"people",
 		"error"
+	],
+	useVisitorState: [
+		"value",
+		"setValue",
+		"clear",
+		"ready"
+	],
+	useAuth: [
+		"user",
+		"userRole",
+		"accessLevel",
+		"isInternal",
+		"isAdmin",
+		"loading",
+		"signOut",
+		"registerUser",
+		"userInactive",
+		"roleResolved",
+		"roleConfirmed",
+		"requestedRole",
+		"profile",
+		"profileReady",
+		"refreshUser",
+		"activeOrg",
+		"activeWorkspace",
+		"checkOrg",
+		"workspaceAccess",
+		"userWorkspaces",
+		"switchWorkspace",
+		"createWorkspace",
+		"createOrg"
 	]
-}, li = "(useCases|usePublished|useCase|usePeople)", ui = new RegExp(String.raw`\b(?:const|let|var)\s*\{([^}]*)\}\s*=\s*${li}\b`, "g"), di = new RegExp(String.raw`\b(?:const|let|var)\s+([A-Za-z_$][\w$]*)\s*=\s*${li}\b`, "g"), fi = (e) => {
+}, li = {
+	useVisitorState: "Its answer comes apart both ways — const { value, setValue, clear } = useVisitorState('draft', {}) or const [draft, setDraft] = useVisitorState('draft', {}) — and there is no state, setState or data on it: read under those names it is undefined, so what was typed is never kept and never shown.",
+	useAuth: "Who is signed in is user — const { user, userRole } = useAuth(), then user?.uid and user?.email — and there is no uid, email or name on the answer itself: read under those names it is undefined, so every record is saved with no owner and every notify({ toUid }) reaches nobody."
+}, ui = "(useCases|usePublished|useCase|usePeople|useVisitorState|useAuth)", di = new RegExp(String.raw`\b(?:const|let|var)\s*\{([^}]*)\}\s*=\s*${ui}\b`, "g"), fi = new RegExp(String.raw`\b(?:const|let|var)\s+([A-Za-z_$][\w$]*)\s*=\s*${ui}\b`, "g"), pi = (e) => {
 	let t = /* @__PURE__ */ new Map(), n = (e, n) => {
 		!n || ci[e].includes(n) || t.set(e, (t.get(e) || /* @__PURE__ */ new Set()).add(n));
 	};
-	for (let t of e.matchAll(ui)) for (let e of t[1].split(",")) {
+	for (let t of e.matchAll(di)) for (let e of t[1].split(",")) {
 		let r = e.split(/[:=]/)[0].trim();
 		r && !r.startsWith("...") && n(t[2], r);
 	}
-	for (let t of e.matchAll(di)) for (let r of e.matchAll(RegExp(`\\b${t[1].replace(/\$/g, "\\$")}\\s*\\??\\.\\s*([A-Za-z_$][\\w$]*)`, "g"))) n(t[2], r[1]);
+	for (let t of e.matchAll(fi)) for (let r of e.matchAll(RegExp(`\\b${t[1].replace(/\$/g, "\\$")}\\s*\\??\\.\\s*([A-Za-z_$][\\w$]*)`, "g"))) n(t[2], r[1]);
 	return [...t].map(([e, t]) => ({
 		hook: e,
 		read: [...t]
 	}));
-}, pi = (e, { hook: t, read: n }) => {
-	let r = ci[t], i = r[1], a = i === "people" ? "people" : i === "record" ? "entry" : "entries", o = i === "record" ? "so the page draws nothing whatever has arrived and shows its not-found line to everybody" : "so the list is empty whatever has arrived and the page shows its empty line to everybody";
-	return `${e}: ${t}() hands back { ${r.join(", ")} } and nothing else — this page reads ${n.map((e) => `\`${e}\``).join(" and ")} from it, which ${n.length === 1 ? "is" : "are"} never there, ${o}. Write const { ${r.join(", ")} } = ${t}(…) and read the ${a} from \`${i}\`. Change nothing else on the page.`;
-}, mi = /(?:access|editors)\s*:\s*\[[^\]]*['"`]everyone['"`]|(?:access|editors)\s*:\s*arrayUnion\s*\(\s*['"`]everyone['"`]|arrayUnion\s*\(\s*['"`]everyone['"`]|arrayRemove\s*\(\s*['"`]everyone['"`]/, hi = (e) => {
-	let t = mi.exec(e);
+}, mi = (e, { hook: t, read: n }) => {
+	let r = ci[t], i = li[t];
+	if (i) return `${e}: ${t}() hands back { ${t === "useAuth" ? "user, userRole, isAdmin, loading, …" : r.join(", ")} } and nothing else — this page reads ${n.map((e) => `\`${e}\``).join(" and ")} from it, which ${n.length === 1 ? "is" : "are"} never there. ${i} Change nothing else on the page.`;
+	let a = r[1], o = a === "people" ? "people" : a === "record" ? "entry" : "entries", s = a === "record" ? "so the page draws nothing whatever has arrived and shows its not-found line to everybody" : "so the list is empty whatever has arrived and the page shows its empty line to everybody";
+	return `${e}: ${t}() hands back { ${r.join(", ")} } and nothing else — this page reads ${n.map((e) => `\`${e}\``).join(" and ")} from it, which ${n.length === 1 ? "is" : "are"} never there, ${s}. Write const { ${r.join(", ")} } = ${t}(…) and read the ${o} from \`${a}\`. Change nothing else on the page.`;
+}, hi = /(?:access|editors)\s*:\s*\[[^\]]*['"`]everyone['"`]|(?:access|editors)\s*:\s*arrayUnion\s*\(\s*['"`]everyone['"`]|arrayUnion\s*\(\s*['"`]everyone['"`]|arrayRemove\s*\(\s*['"`]everyone['"`]/, gi = (e) => {
+	let t = hi.exec(e);
 	return t ? /editors/.test(t[0]) ? "editors" : "access" : "";
-}, gi = (e, t) => t === "editors" ? `${e}: this page writes 'everyone' onto a record's editors list. That would mean anybody signed in may rewrite or delete anybody's — the security rules refuse the write outright, so nothing is saved and the person is told nothing. 'everyone' belongs on \`access\` and nowhere else, and it is publish('case_…', id) that puts it there. Take the word out of editors; leave the author's own key on it.` : `${e}: this page writes 'everyone' into a record's access list by hand. Putting it there as the record is created publishes it the moment it is saved — there is no draft, and the owner asked for one. Use the two calls from 'your-ai-workflow-firebase-os': save it with withAccess(data, { uid }) and nothing else, then publish('case_…', id) from the button the person presses when they are ready, unpublish(…) to take it down, isPublished(record) to know which it is.`, _i = /^data:|placehold|placeholder|picsum|unsplash|dummyimage|loremflickr|example\.com|your[-_]?logo|logo[-_]?here/i, vi = (e, t) => {
+}, _i = (e, t) => t === "editors" ? `${e}: this page writes 'everyone' onto a record's editors list. That would mean anybody signed in may rewrite or delete anybody's — the security rules refuse the write outright, so nothing is saved and the person is told nothing. 'everyone' belongs on \`access\` and nowhere else, and it is publish('case_…', id) that puts it there. Take the word out of editors; leave the author's own key on it.` : `${e}: this page writes 'everyone' into a record's access list by hand. Putting it there as the record is created publishes it the moment it is saved — there is no draft, and the owner asked for one. Use the two calls from 'your-ai-workflow-firebase-os': save it with withAccess(data, { uid }) and nothing else, then publish('case_…', id) from the button the person presses when they are ready, unpublish(…) to take it down, isPublished(record) to know which it is.`, vi = /^data:|placehold|placeholder|picsum|unsplash|dummyimage|loremflickr|example\.com|your[-_]?logo|logo[-_]?here/i, yi = (e, t) => {
 	let n = RegExp(`\\b${t}\\s*:\\s*(['"\`])([\\s\\S]*?)\\1`).exec(e);
 	return n ? n[2].trim() : null;
-}, yi = (e) => {
-	let t = ["logoUrl", "faviconUrl"], n = new Map(t.map((t) => [t, vi(e, t)])), r = /DO NOT EDIT: logoUrl/.test(e), i = [];
+}, bi = (e) => {
+	let t = ["logoUrl", "faviconUrl"], n = new Map(t.map((t) => [t, yi(e, t)])), r = /DO NOT EDIT: logoUrl/.test(e), i = [];
 	for (let e of t) {
 		let t = n.get(e) ?? null, a = n.get(e === "logoUrl" ? "faviconUrl" : "logoUrl");
-		t ? _i.test(t) && i.push({
+		t ? vi.test(t) && i.push({
 			key: e,
 			why: "stand-in"
 		}) : (r || a) && i.push({
@@ -1208,10 +1259,10 @@ var vr = (e) => RegExp(`(?:${e})\\s*(?:&&|\\?)\\s*\\(?\\s*<\\s*(?:Card|SectionHe
 		});
 	}
 	return i;
-}, bi = (e, { key: t, why: n }) => {
+}, xi = (e, { key: t, why: n }) => {
 	let r = t === "logoUrl" ? "logo, the picture in the top bar" : "favicon, the picture in the browser tab";
 	return n === "stand-in" ? `${e}: \`${t}\` points at a stand-in rather than at my ${r}. That value is my brand and is never yours to choose: put back the link that was there. If you do not have it, say so and stop — I upload it in the "Design it with your assistant" box on my /theme screen, and the sentence that box gives me carries the link for you to paste in. Never a placeholder, never a picture you generated, never a link I did not give you.` : `${e}: \`${t}\` is empty — my ${r}, is gone from my app. This file ships with it set and there is exactly one thing that may ever change it: a link in a message of mine. Put the old value back, character for character (its own history in this file is where it is). If it cannot be recovered, say so plainly and change nothing: I upload it again in the "Design it with your assistant" box on my /theme screen, and the sentence that box gives me carries the link. Never fill it with a placeholder, a picture you generated, or any link I did not give you.`;
-}, xi = (e) => `${e}: a plain query on a case_ collection is refused for everybody but an admin — the security rules prove a list by the key it names, and only useCases() asks for it that way. Read it with useCases('case_tickets') from 'your-ai-workflow-firebase-os' instead ({ loading, records, error }); addDoc(collection(db, '…'), withAccess(data, { uid })) is still how an entry is created.`, Si = /\bimport\s+(?:type\s+)?(?:[A-Za-z_$][\w$]*\s*,\s*)?\{([^}]*)\}\s*from\s*['"]your-ai-workflow-firebase-os['"]/g, Ci = {
+}, Si = (e) => `${e}: a plain query on a case_ collection is refused for everybody but an admin — the security rules prove a list by the key it names, and only useCases() asks for it that way. Read it with useCases('case_tickets') from 'your-ai-workflow-firebase-os' instead ({ loading, records, error }); addDoc(collection(db, '…'), withAccess(data, { uid })) is still how an entry is created.`, Ci = /\bimport\s+(?:type\s+)?(?:[A-Za-z_$][\w$]*\s*,\s*)?\{([^}]*)\}\s*from\s*['"]your-ai-workflow-firebase-os['"]/g, wi = {
 	useFirestore: "db — import { db } from 'your-ai-workflow-firebase-os', with collection(db, '…') from 'firebase/firestore'",
 	useDb: "db — import { db } from 'your-ai-workflow-firebase-os'",
 	firestore: "db — import { db } from 'your-ai-workflow-firebase-os'",
@@ -1233,26 +1284,57 @@ var vr = (e) => RegExp(`(?:${e})\\s*(?:&&|\\?)\\s*\\(?\\s*<\\s*(?:Card|SectionHe
 	formatCurrency: "money(amount)",
 	Image: "<Picture>",
 	Img: "<Picture>"
-}, wi = (e) => {
+}, Ti = new Set([
+	"collection",
+	"onSnapshot",
+	"doc",
+	"query",
+	"where",
+	"orderBy",
+	"limit",
+	"startAfter",
+	"addDoc",
+	"setDoc",
+	"updateDoc",
+	"deleteDoc",
+	"getDoc",
+	"getDocs",
+	"serverTimestamp",
+	"arrayUnion",
+	"arrayRemove",
+	"increment",
+	"Timestamp",
+	"writeBatch",
+	"runTransaction"
+]), Ei = (e) => wi[e] || (Ti.has(e) ? `${e} from 'firebase/firestore' — import { ${e} } from 'firebase/firestore'; only db comes from the package` : null) || Di(e), Di = (e) => {
 	let t = e.toLowerCase();
 	return k.find((e) => e.toLowerCase() === t) || k.filter((e) => e.length > 3 && (t.includes(e.toLowerCase()) || e.toLowerCase().includes(t))).sort((t, n) => Math.abs(t.length - e.length) - Math.abs(n.length - e.length))[0] || null;
-}, Ti = /^(?:ChatThread|openChat|useAiChat|askAi|useAiEnabled|useAiModels)$/, Ei = (e) => {
+}, Oi = /^(?:ChatThread|openChat|useAiChat|askAi|useAiEnabled|useAiModels)$/, ki = (e) => {
 	let t = /* @__PURE__ */ new Set();
-	for (let n of z(e).matchAll(Si)) for (let e of n[1].split(",")) {
+	for (let n of z(e).matchAll(Ci)) for (let e of n[1].split(",")) {
 		let n = e.trim().replace(/^type\s+/, "").split(/\s+as\s+/)[0].trim();
-		n && /^[A-Za-z_$][\w$]*$/.test(n) && !Ti.test(n) && !k.includes(n) && t.add(n);
+		n && /^[A-Za-z_$][\w$]*$/.test(n) && !Oi.test(n) && !k.includes(n) && t.add(n);
 	}
 	return [...t];
-}, Di = (e, t) => `${e}: ${P(t.map((e) => {
-	let t = Ci[e] || wi(e);
+}, Ai = (e, t) => `${e}: ${P(t.map((e) => {
+	let t = Ei(e);
 	return t ? `${e} (what is there: ${t})` : e;
-}))} ${t.length > 1 ? "are" : "is"} imported from 'your-ai-workflow-firebase-os', and the package has nothing by ${t.length > 1 ? "those names" : "that name"} — the import fails, and because every page is loaded through registry.ts the WHOLE app stops loading, not only this page. Never guess a name: import only what the app's instructions name, spelled as they spell it. Take ${t.length > 1 ? "each one" : "it"} out of the import and use what is there in its place; if nothing the instructions name does the job, write it in this file from React and 'firebase/firestore' rather than importing a piece that does not exist. (If the instructions DO name it, the installed package is older than they are: update it.)`, Oi = /\bnotify\s*\(\s*\{((?:[^{}]|\{[^{}]*\})*)\}\s*\)/g, ki = (e) => {
-	for (let t of z(e).matchAll(Oi)) if (!/\bto(?:Uid|Role)\b|\.\.\./.test(t[1])) return t[0].replace(/\s+/g, " ").slice(0, 80);
+}))} ${t.length > 1 ? "are" : "is"} imported from 'your-ai-workflow-firebase-os', and the package has nothing by ${t.length > 1 ? "those names" : "that name"} — the import fails, and because every page is loaded through registry.ts the WHOLE app stops loading, not only this page. Never guess a name: import only what the app's instructions name, spelled as they spell it. Take ${t.length > 1 ? "each one" : "it"} out of the import and use what is there in its place; if nothing the instructions name does the job, write it in this file from React and 'firebase/firestore' rather than importing a piece that does not exist. (If the instructions DO name it, the installed package is older than they are: update it.)`, ji = /\bnotify\s*\(\s*\{((?:[^{}]|\{[^{}]*\})*)\}\s*\)/g, Mi = (e) => {
+	for (let t of z(e).matchAll(ji)) if (!/\bto(?:Uid|Role)\b|\.\.\./.test(t[1])) return t[0].replace(/\s+/g, " ").slice(0, 80);
+	return null;
+}, Ni = (e) => {
+	for (let t of z(e).matchAll(ji)) if (/\bto(?:Uid|Role)\b|\.\.\./.test(t[1]) && /\bmessage\s*:/.test(t[1]) && !/\bbody\s*:/.test(t[1])) return t[0].replace(/\s+/g, " ").slice(0, 80);
+	return null;
+}, Pi = (e, t) => `${e}: "${t}" — notify() takes { toUid or toRole, title, body, link }, and message is not one of its words: the bell shows title in bold with body under it, so this notification arrives with nothing to read. Put the one-line headline in title and the rest in body, and change nothing else about it.`, Fi = (e) => {
+	for (let t of Z(z(e), "Popup")) if (!(/\.\.\./.test(t.attrs) || /\bopen\b/.test(t.attrs))) return t.attrs.replace(/\s+/g, " ").trim().slice(0, 60);
 	return null;
-}, Ai = (e, t) => `${e}: "${t}" — notify() is the BELL: a notification sent to somebody else, and it needs who it is for (toUid for one person, toRole for an audience) and a title. Called like this it sends nothing and shows nothing, so nobody is ever told their save went through. To answer the person who just pressed something it is say('Saved') imported from 'your-ai-workflow-firebase-os' — one brief line, no options needed. Change every notify({ … }) that has no toUid or toRole into say('the same words'), and keep notify() only where somebody ELSE has to hear about it.`, ji = /<ChatThread\b|\bopenChat\s*\(/, Mi = /\buseVisitorState\b/, Ni = /\btally\s*\(/, Pi = /\b(?:saveRecord|updateRecord|deleteRecord|usePublicCopy|useStockFromOrders|useTallies|logHistory|useCases|userRole)\b/, Fi = (e) => (Mi.test(e) || Ni.test(e)) && !Pi.test(e), Ii = /\b(updateDoc|setDoc|addDoc|deleteDoc|writeBatch)\s*\(/, Li = (e, t) => `${e}: ${P(t)} ${t.length > 1 ? "write" : "writes"} the database from a page anyone can open, and a visitor is not signed in — the rules refuse every write from here with "Missing or insufficient permissions", a pub_ copy included: the page that owns the data writes the copy, this page only reads it. Delete ${t.length > 1 ? "every one of those writes" : "the write"}. What a visitor does goes through the app's own form — <ContactPopup formId="…" isInline bare extra={{ … }} onSubmitted={…} /> from a *Form.config.ts, with what the page worked out (the items, their options, the total) in extra — a <PayButton>, or a schedule question; the page that owns the data reads the entry while an admin has it open and applies it once, to its own record and the pub_ copy together.`, Ri = /\bincrement\s*\(/, zi = (e, t) => t ? e.filter((e) => e !== "updateDoc" && e !== "setDoc") : e, Bi = (e) => `${e}: increment( counts what visitors do by writing the database from a page anyone can open, and a visitor is not signed in — the rules refuse that write for every real visitor, so the number only ever moves for the owner testing their own page while signed in. Delete the write and the increment import. Count with the app's own piece, imported from 'your-ai-workflow-firebase-os': tally('products', product.id, 'views') where the thing is opened — the word for what is counted, the record's own id, and one of views, added, clicks, saves, shares or downloads. It counts a visitor once a visit, leaves the team's own looks out, never throws and never holds the press up, so it is called and not awaited. A shop's <Basket tally="products"> counts every add itself. The page for the team reads them with useTallies('products') — counts.of(product.id).views. Never keep a count on the record, and never in a pub_ collection.`, Q = /fetch\(\s*['"`]\/api\/payments\/portal|cancel_at_period_end|cancelSubscription|subscriptions?\.(?:cancel|del)\(/, Vi = (e, t) => `${e}: ${P(t)} ${t.length > 1 ? "are" : "is"} a hand-rolled billing flow — the app already has one. Cancel, resume, plan switches, card changes and invoices are ALL Stripe's own portal: render <ManagePlanButton /> imported from 'your-ai-workflow-firebase-os' (buyers also reach it on the built-in /billing page) and delete this code.`, Hi = /['"`](?:mem_bookings|pub_bookings|sys_schedules|sys_bookingpages)['"`]|runTransaction\s*\(/, Ui = (e, t) => `${e}: ${P(t)} ${t.length > 1 ? "are" : "is"} hand-rolled booking code — bookings go through the app's own 'schedule' form question and useBookings() — never the collections. Delete it: a visitor books with a *Form.config.ts field { type: 'schedule', schedules: […], look: '…' } shown with <ContactPopup formId="…" isInline />, and a team page reads the bookings with useBookings() and cancels one with cancelBooking(id), both imported from 'your-ai-workflow-firebase-os'.`, Wi = /\b(?:mon|tue|wed|thu|fri|sat|sun)\b\s*:\s*\[\s*\{\s*from\s*:/, Gi = (e, t) => `${e}: ${t.trim().replace(/\s+/g, " ")} is somebody's working hours typed into the page — they go stale the moment that person edits their week. Read the team's hours with useTeamHours() from 'your-ai-workflow-firebase-os' — { loading, schedules }, each with memberName, timeZone, days and blocked — and turn them into times with availableSlots / availableSlotsFor / togetherSlots from the same package, passing the booked times as taken. Never write anybody's hours or times into a page.`, Ki = /\b(availableSlots|availableSlotsFor|togetherSlots|slotsFor)\s*\(/g;
-function qi(e) {
+}, Ii = (e, t) => `${e}: a <Popup${t ? ` ${t}…` : ""}> here has no open prop — a window is drawn only while open is true, so this one never appears, and nothing says why. Give it the same state that decides whether it is on screen — <Popup open={!!chosen} onClose={() => setChosen(null)} title="…"> — and keep it rendered rather than mounted only while that state is set, so it can ease in and out (rule 30).`, Li = /\b(?:assign(?:ed|ee)(?:To|Uid|Id)|assignedUserId|handedTo|heldBy|holderUid)\s*:/, Ri = (e) => {
+	let t = z(e), n = t.match(/\buseCases\s*(?:<[^>]*>)?\s*\(\s*['"]([^'"]+)['"]/);
+	return !n || /\bsendTo\s*\(/.test(t) || /\bactions\s*\.\s*sendTo\b/.test(t) ? null : Li.test(t) ? n[1] : null;
+}, zi = (e, t) => `${e}: an entry here is handed to somebody by writing who holds it onto the record, and sendTo() is never called — the entry's own lists do not change, so the person it was handed to is never sent it and sees nothing, whatever the record says. Handing one over is sendTo('${t}', id, { people: [uid] }) — the collection this page reads with useCases — with the person picked from usePeople(…), and takeBack('${t}', id, { people: [uid] }) to take it off them; keep saving their uid and their name on the entry as well, so the page can say who holds it. Change nothing else on the page.`, Bi = (e, t) => `${e}: "${t}" — notify() is the BELL: a notification sent to somebody else, and it needs who it is for (toUid for one person, toRole for an audience) and a title. Called like this it sends nothing and shows nothing, so nobody is ever told their save went through. To answer the person who just pressed something it is say('Saved') imported from 'your-ai-workflow-firebase-os' — one brief line, no options needed. Change every notify({ … }) that has no toUid or toRole into say('the same words'), and keep notify() only where somebody ELSE has to hear about it.`, Vi = /<ChatThread\b|\bopenChat\s*\(/, Hi = /\buseVisitorState\b/, Ui = /\btally\s*\(/, Wi = /\b(?:saveRecord|updateRecord|deleteRecord|usePublicCopy|useStockFromOrders|useTallies|logHistory|useCases|userRole)\b/, Gi = (e) => (Hi.test(e) || Ui.test(e)) && !Wi.test(e), Ki = /\b(updateDoc|setDoc|addDoc|deleteDoc|writeBatch)\s*\(/, qi = (e, t) => `${e}: ${P(t)} ${t.length > 1 ? "write" : "writes"} the database from a page anyone can open, and a visitor is not signed in — the rules refuse every write from here with "Missing or insufficient permissions", a pub_ copy included: the page that owns the data writes the copy, this page only reads it. Delete ${t.length > 1 ? "every one of those writes" : "the write"}. What a visitor does goes through the app's own form — <ContactPopup formId="…" isInline bare extra={{ … }} onSubmitted={…} /> from a *Form.config.ts, with what the page worked out (the items, their options, the total) in extra — a <PayButton>, or a schedule question; the page that owns the data reads the entry while an admin has it open and applies it once, to its own record and the pub_ copy together.`, Ji = /\bincrement\s*\(/, Yi = (e, t) => t ? e.filter((e) => e !== "updateDoc" && e !== "setDoc") : e, Xi = (e) => `${e}: increment( counts what visitors do by writing the database from a page anyone can open, and a visitor is not signed in — the rules refuse that write for every real visitor, so the number only ever moves for the owner testing their own page while signed in. Delete the write and the increment import. Count with the app's own piece, imported from 'your-ai-workflow-firebase-os': tally('products', product.id, 'views') where the thing is opened — the word for what is counted, the record's own id, and one of views, added, clicks, saves, shares or downloads. It counts a visitor once a visit, leaves the team's own looks out, never throws and never holds the press up, so it is called and not awaited. A shop's <Basket tally="products"> counts every add itself. The page for the team reads them with useTallies('products') — counts.of(product.id).views. Never keep a count on the record, and never in a pub_ collection.`, Zi = /fetch\(\s*['"`]\/api\/payments\/portal|cancel_at_period_end|cancelSubscription|subscriptions?\.(?:cancel|del)\(/, Qi = (e, t) => `${e}: ${P(t)} ${t.length > 1 ? "are" : "is"} a hand-rolled billing flow — the app already has one. Cancel, resume, plan switches, card changes and invoices are ALL Stripe's own portal: render <ManagePlanButton /> imported from 'your-ai-workflow-firebase-os' (buyers also reach it on the built-in /billing page) and delete this code.`, $i = /['"`](?:mem_bookings|pub_bookings|sys_schedules|sys_bookingpages)['"`]|runTransaction\s*\(/, ea = (e, t) => `${e}: ${P(t)} ${t.length > 1 ? "are" : "is"} hand-rolled booking code — bookings go through the app's own 'schedule' form question and useBookings() — never the collections. Delete it: a visitor books with a *Form.config.ts field { type: 'schedule', schedules: […], look: '…' } shown with <ContactPopup formId="…" isInline />, and a team page reads the bookings with useBookings() and cancels one with cancelBooking(id), both imported from 'your-ai-workflow-firebase-os'.`, ta = /\b(?:mon|tue|wed|thu|fri|sat|sun)\b\s*:\s*\[\s*\{\s*from\s*:/, na = (e, t) => `${e}: ${t.trim().replace(/\s+/g, " ")} is somebody's working hours typed into the page — they go stale the moment that person edits their week. Read the team's hours with useTeamHours() from 'your-ai-workflow-firebase-os' — { loading, schedules }, each with memberName, timeZone, days and blocked — and turn them into times with availableSlots / availableSlotsFor / togetherSlots from the same package, passing the booked times as taken. Never write anybody's hours or times into a page.`, ra = /\b(availableSlots|availableSlotsFor|togetherSlots|slotsFor)\s*\(/g;
+function ia(e) {
 	let t = [];
-	for (let n of e.matchAll(Ki)) {
+	for (let n of e.matchAll(ra)) {
 		let r = (n.index ?? 0) + n[0].length - 1, i = 0, a = -1;
 		for (let t = r; t < e.length; t++) if (e[t] === "(") i++;
 		else if (e[t] === ")" && --i === 0) {
@@ -1265,30 +1347,30 @@ function qi(e) {
 	}
 	return t;
 }
-var Ji = (e, t) => {
+var aa = (e, t) => {
 	let n = t[0].trim().replace(/\s+/g, " ");
 	return `${e}: ${n.length > 80 ? `${n.slice(0, 80)}…` : n} works out free times without the booked ones, so the page offers hours somebody has already booked. Read the booked times with useTakenSlots(memberIds, from) from 'your-ai-workflow-firebase-os' — memberIds the people the page shows, from ONE Date kept in state — and pass them in: availableSlotsFor(schedules, { now: new Date(), taken }). A time booked on ANY booking link, page or schedule of that person is taken on all of them.${F(t.length)}`;
-}, Yi = /\b(setDoc|updateDoc|addDoc|deleteDoc)\s*\(/g, Xi = (e) => !/\bthrow\b/.test(e) && !/\bset[A-Z]\w*\s*\(/.test(e) && !/\b(notify|toast|emailPerson)\s*\(/.test(e), Zi = (e, t) => {
+}, oa = /\b(setDoc|updateDoc|addDoc|deleteDoc)\s*\(/g, sa = (e) => !/\bthrow\b/.test(e) && !/\bset[A-Z]\w*\s*\(/.test(e) && !/\b(notify|toast|emailPerson)\s*\(/.test(e), Q = (e, t) => {
 	let n = 0;
 	for (let r = t; r < e.length; r++) if (e[r] === "(") n++;
 	else if (e[r] === ")" && --n === 0) return r;
 	return -1;
 };
-function Qi(e) {
+function ca(e) {
 	let t = [];
-	for (let n of e.matchAll(Yi)) {
-		let r = Zi(e, (n.index ?? 0) + n[0].length - 1);
+	for (let n of e.matchAll(oa)) {
+		let r = Q(e, (n.index ?? 0) + n[0].length - 1);
 		if (r === -1) continue;
 		let i = e.slice(r + 1).match(/^\s*\.catch\s*\(/);
 		if (!i) continue;
-		let a = r + 1 + i[0].length - 1, o = Zi(e, a);
+		let a = r + 1 + i[0].length - 1, o = Q(e, a);
 		if (o === -1) continue;
 		let s = e.slice(a + 1, o);
-		Xi(s) && t.push(`${n[1]}(…).catch(${s.replace(/\s+/g, " ").trim()})`);
+		sa(s) && t.push(`${n[1]}(…).catch(${s.replace(/\s+/g, " ").trim()})`);
 	}
 	return t;
 }
-var $i = (e) => e.replace(/console\s*\.\s*\w+\s*\([^()]*\)/g, "").replace(/[\s;]/g, "") === "", ea = (e, t) => {
+var la = (e) => e.replace(/console\s*\.\s*\w+\s*\([^()]*\)/g, "").replace(/[\s;]/g, "") === "", ua = (e, t) => {
 	let n = 0;
 	for (let r = t; r < e.length; r++) {
 		let t = e[r];
@@ -1310,16 +1392,16 @@ var $i = (e) => e.replace(/console\s*\.\s*\w+\s*\([^()]*\)/g, "").replace(/[\s;]
 		else if (t === "}" && --n === 0) return r;
 	}
 	return -1;
-}, ta = /\btry\s*\{/g, na = /^\s*catch\s*(?:\([^()]*\)\s*)?\{/;
-function ra(e) {
+}, da = /\btry\s*\{/g, fa = /^\s*catch\s*(?:\([^()]*\)\s*)?\{/;
+function pa(e) {
 	let t = [];
-	for (let n of e.matchAll(ta)) {
-		let r = (n.index ?? 0) + n[0].length - 1, i = ea(e, r);
+	for (let n of e.matchAll(da)) {
+		let r = (n.index ?? 0) + n[0].length - 1, i = ua(e, r);
 		if (i === -1) continue;
-		let a = e.slice(i + 1).match(na);
+		let a = e.slice(i + 1).match(fa);
 		if (!a) continue;
-		let o = i + 1 + a[0].length - 1, s = ea(e, o);
-		if (s === -1 || !$i(e.slice(o + 1, s))) continue;
+		let o = i + 1 + a[0].length - 1, s = ua(e, o);
+		if (s === -1 || !la(e.slice(o + 1, s))) continue;
 		let c = e.slice(r + 1, i);
 		if (/\btry\s*\{/.test(c)) continue;
 		let l = c.match(/\b(setDoc|updateDoc|addDoc|deleteDoc)\s*\(/);
@@ -1327,33 +1409,33 @@ function ra(e) {
 	}
 	return t;
 }
-var ia = (e, t) => `${e}: ${t[0]} throws the failure away — the write is awaited inside a try whose catch tells nobody, so the page carries on as though it landed and whatever it says next ("Saved", a tick, a row it adds to a list) it says whether Firestore took the write or refused it. A refusal is the ordinary case here, not a freak one: the rules refuse a write whose collection prefix is not that person's, so a trail the TEAM appends to in an admin_ collection records the admins and silently records nobody else (contract rule 11). In the catch, say plainly that it did not save and leave what they typed on the screen so they can send it again (contract rule 19).${F(t.length)}`, aa = (e, t) => `${e}: ${t[0].length > 72 ? `${t[0].slice(0, 72)}…` : t[0]} throws the failure away, so the page carries on as though the write landed — and whatever it says next ("Saved", a tick, a box it clears) it says whether Firestore took the write or refused it. That is the one thing a page must never do: it teaches the owner to trust a number that is not there. Await the write with nothing chained to it, say "Saved" only after it resolves, and in the catch say plainly that it did not save and leave what they typed on the screen so they can send it again (contract rule 19).${F(t.length)}`, oa = String.raw`(?:(?:e|err|error|ex|caught)\s*\??\.\s*(?:message|code)\b|String\(\s*(?:e|err|error)\s*\))`, sa = new RegExp(String.raw`\bset[A-Z]\w*\(\s*[^;)]{0,90}?` + oa, ""), ca = new RegExp(String.raw`[^=]>\s*\{[^{}]{0,90}?` + oa + String.raw`[^{}]{0,90}?\}`, ""), la = (e) => {
+var ma = (e, t) => `${e}: ${t[0]} throws the failure away — the write is awaited inside a try whose catch tells nobody, so the page carries on as though it landed and whatever it says next ("Saved", a tick, a row it adds to a list) it says whether Firestore took the write or refused it. A refusal is the ordinary case here, not a freak one: the rules refuse a write whose collection prefix is not that person's, so a trail the TEAM appends to in an admin_ collection records the admins and silently records nobody else (contract rule 11). In the catch, say plainly that it did not save and leave what they typed on the screen so they can send it again (contract rule 19).${F(t.length)}`, ha = (e, t) => `${e}: ${t[0].length > 72 ? `${t[0].slice(0, 72)}…` : t[0]} throws the failure away, so the page carries on as though the write landed — and whatever it says next ("Saved", a tick, a box it clears) it says whether Firestore took the write or refused it. That is the one thing a page must never do: it teaches the owner to trust a number that is not there. Await the write with nothing chained to it, say "Saved" only after it resolves, and in the catch say plainly that it did not save and leave what they typed on the screen so they can send it again (contract rule 19).${F(t.length)}`, ga = String.raw`(?:(?:e|err|error|ex|caught)\s*\??\.\s*(?:message|code)\b|String\(\s*(?:e|err|error)\s*\))`, _a = new RegExp(String.raw`\bset[A-Z]\w*\(\s*[^;)]{0,90}?` + ga, ""), va = new RegExp(String.raw`[^=]>\s*\{[^{}]{0,90}?` + ga + String.raw`[^{}]{0,90}?\}`, ""), ya = (e) => {
 	let t = [];
-	for (let n of [sa, ca]) for (let r of e.matchAll(new RegExp(n.source, "g"))) {
+	for (let n of [_a, va]) for (let r of e.matchAll(new RegExp(n.source, "g"))) {
 		let n = r.index ?? 0, i = e.slice(Math.max(0, n - 60), n);
 		/console\.\w+\($/.test(i.trimEnd()) || /console\.\w+\([^)]*$/.test(i) || t.push(r[0].trim());
 	}
 	return t;
-}, ua = (e, t) => `${e}: ${t[0].length > 72 ? `${t[0].slice(0, 72)}…` : t[0]} puts what you CAUGHT on the screen. Those words are the library talking to a developer — "Missing or insufficient permissions.", "FirebaseError: unavailable", permission-denied — and to the person using the app they mean nothing, read as though they broke something, and leave them with nowhere to go. Say what it means and what to do next instead: troubleSentence(e, 'That could not be saved.'), imported from 'your-ai-workflow-firebase-os', which words a lost connection, a sign-in that ran out, a refusal and a busy app each in their own sentence and falls back to yours for anything else. Put it where the work was, leave what they typed on screen, and give them the button again (contract rule 25).${F(t.length)}`, da = /['"`](user_submissions|user_requests)['"`]/, fa = (e) => {
-	let t = e.match(da);
+}, ba = (e, t) => `${e}: ${t[0].length > 72 ? `${t[0].slice(0, 72)}…` : t[0]} puts what you CAUGHT on the screen. Those words are the library talking to a developer — "Missing or insufficient permissions.", "FirebaseError: unavailable", permission-denied — and to the person using the app they mean nothing, read as though they broke something, and leave them with nowhere to go. Say what it means and what to do next instead: troubleSentence(e, 'That could not be saved.'), imported from 'your-ai-workflow-firebase-os', which words a lost connection, a sign-in that ran out, a refusal and a busy app each in their own sentence and falls back to yours for anything else. Put it where the work was, leave what they typed on screen, and give them the button again (contract rule 25).${F(t.length)}`, xa = /['"`](user_submissions|user_requests)['"`]/, Sa = (e) => {
+	let t = e.match(xa);
 	return !t || /\bformId\b/.test(e) ? null : t[1];
-}, pa = /\b(?:user|currentUser)\s*[?!]?\s*\.\s*(?:email|displayName|photoURL)\b/, ma = /\b([A-Za-z_$][\w$]*)\s*:\s*(?:new\s+Date\s*\(\s*)?Date\.now\(\)\s*-(?!=)/g, ha = (e, t) => {
+}, Ca = /\b(?:user|currentUser)\s*[?!]?\s*\.\s*(?:email|displayName|photoURL)\b/, wa = /\b([A-Za-z_$][\w$]*)\s*:\s*(?:new\s+Date\s*\(\s*)?Date\.now\(\)\s*-(?!=)/g, Ta = (e, t) => {
 	let n = 0;
 	for (let r = t; r >= 0; r--) if (e[r] === "}") n++;
 	else if (e[r] === "{" && n-- === 0) return r;
 	return -1;
 };
-function ga(e) {
+function Ea(e) {
 	let t = /* @__PURE__ */ new Set();
-	for (let n of e.matchAll(ma)) {
-		let r = ha(e, n.index ?? 0);
+	for (let n of e.matchAll(wa)) {
+		let r = Ta(e, n.index ?? 0);
 		if (r === -1) continue;
-		let i = ea(e, r), a = e.slice(r, i === -1 ? void 0 : i + 1).match(pa);
+		let i = ua(e, r), a = e.slice(r, i === -1 ? void 0 : i + 1).match(Ca);
 		a && t.add(`${n[1]}: Date.now() - … beside ${a[0].replace(/\s+/g, "")}`);
 	}
 	return [...t];
 }
-var _a = (e, t, n) => {
+var Da = (e, t, n) => {
 	let r = 0;
 	for (let i = t + 1; i < n; i++) {
 		let t = e[i];
@@ -1362,29 +1444,29 @@ var _a = (e, t, n) => {
 		else if (t === "," && r === 0) return i;
 	}
 	return n;
-}, va = (e, t) => {
+}, Oa = (e, t) => {
 	let n = t.replace(/\$/g, "\\$"), r = new RegExp(String.raw`\b(?:(?:const|let|var)\s+${n}\s*=\s*(?:useCallback\s*\(\s*)?(?:async\s+)?(?:function\b[^{]*|(?:\([^()]*\)|[A-Za-z_$][\w$]*)\s*(?::\s*[^={]+)?=>\s*\(?\s*)|function\s+${n}\s*\([^()]*\)[^{]*)\{`).exec(e);
 	if (!r) return "";
-	let i = ea(e, r.index + r[0].length - 1);
+	let i = ua(e, r.index + r[0].length - 1);
 	return i === -1 ? "" : e.slice(r.index, i + 1);
 };
-function ya(e) {
+function ka(e) {
 	for (let t of e.matchAll(/\bonSnapshot\s*\(/g)) {
-		let n = (t.index ?? 0) + t[0].length - 1, r = Zi(e, n);
+		let n = (t.index ?? 0) + t[0].length - 1, r = Q(e, n);
 		if (r === -1) continue;
-		let i = _a(e, n, r), a = e.slice(n + 1, i).trim();
+		let i = Da(e, n, r), a = e.slice(n + 1, i).trim();
 		if (/^[A-Za-z_$][\w$]*$/.test(a)) {
 			let t = new RegExp(String.raw`\b(?:const|let|var)\s+${a.replace(/\$/g, "\\$")}\s*=\s*([^;]{0,300})`).exec(e);
 			a = t ? t[1] : "";
 		}
-		let o = a.match(da);
+		let o = a.match(xa);
 		if (!o) continue;
 		let s = e.slice(i, r);
 		if (/\bsubmitter(?:Name|Email)\b/.test(s)) continue;
-		let c = /* @__PURE__ */ new Set(), l = s.match(pa);
+		let c = /* @__PURE__ */ new Set(), l = s.match(Ca);
 		l && c.add(l[0].replace(/\s+/g, ""));
 		for (let [, t] of s.matchAll(/\b([A-Za-z_$][\w$]*)\s*\(/g)) {
-			let n = va(e, t).match(pa);
+			let n = Oa(e, t).match(Ca);
 			n && c.add(`${n[0].replace(/\s+/g, "")} (inside ${t})`);
 		}
 		if (c.size) return {
@@ -1394,27 +1476,27 @@ function ya(e) {
 	}
 	return null;
 }
-var ba = /\bdoc\s*\(\s*[\w.]+\s*,\s*['"`]user_?(?:profiles|s)['"`]\s*,\s*([^,)]+)\)/g, xa = /^(?:auth\s*\.\s*)?(?:user|currentUser|me|viewer)\s*[?!]?\s*\.\s*uid$|^uid$/, Sa = /\b(createdBy|updatedBy|addedBy|editedBy|modifiedBy|lastEditedBy|lastModifiedBy|createdByName|updatedByName)\s*:\s*[^,\n}]*\b(?:user|currentUser)\s*[?!]?\s*\.\s*(?:email|displayName|uid)\b/g;
-function Ca(e) {
+var Aa = /\bdoc\s*\(\s*[\w.]+\s*,\s*['"`]user_?(?:profiles|s)['"`]\s*,\s*([^,)]+)\)/g, ja = /^(?:auth\s*\.\s*)?(?:user|currentUser|me|viewer)\s*[?!]?\s*\.\s*uid$|^uid$/, Ma = /\b(createdBy|updatedBy|addedBy|editedBy|modifiedBy|lastEditedBy|lastModifiedBy|createdByName|updatedByName)\s*:\s*[^,\n}]*\b(?:user|currentUser)\s*[?!]?\s*\.\s*(?:email|displayName|uid)\b/g;
+function Na(e) {
 	let t = /* @__PURE__ */ new Set();
-	for (let n of e.matchAll(ba)) {
+	for (let n of e.matchAll(Aa)) {
 		let e = n[1].replace(/\s+/g, "");
-		xa.test(e) || t.add(`a profile read for ${e}`);
+		ja.test(e) || t.add(`a profile read for ${e}`);
 	}
-	for (let n of e.matchAll(Sa)) t.add(`${n[1]} signed by hand`);
+	for (let n of e.matchAll(Ma)) t.add(`${n[1]} signed by hand`);
 	return [...t];
 }
-var wa = (e, t) => `${e}: ${P(t)} — the page works out WHO MADE a record for itself. It is already on the record: actions.saveRecord stamps creatorName, creatorAvatar, creatorEmail and createdAt on everything it saves, and actions.updateRecord stamps editedName, editedAvatar and editedAt on every change. Draw them with <MadeBy record={item} /> and <MadeBy record={item} edited /> from 'your-ai-workflow-firebase-os', and delete the rest: reading another person's user_profiles document is "Missing or insufficient permissions" for a role the owner invented and for every member — the card draws for the admin who built the page and for nobody it was built for — and on a card made from an Inbox entry it names the admin instead of the sender; a createdBy: user.email written by hand is an address where a name was wanted. There is no users collection. A person somebody PICKED (an assignee) is saved as a uid AND a name on the record, and the name is what the page draws. The one name a page passes itself is a change made for somebody else: actions.updateRecord(id, { stock, editedName: order.submitterName }) (contract rules 29 and 31).`, Ta = (e, t) => `${e}: ${P(t)} — a history line signed with whoever is LOOKING at the page, at a time made up by counting back from now. Lines like that are invented after the fact: every one of them says the owner, or whoever opens the page next, did something they never did, at a time nobody did it. Delete the code that makes them, and any copy of them the page kept in the browser. A history holds only the lines written at the moment something is done, by the save that does it, each signed by the person who did it — and while there are none, it says so (contract rule 29). On a page for the team that is two pieces of the app: logHistory('<the records' collection>', record.id, 'what was done', { from, to }) straight after the save — it signs the line itself — and <History collection="…" of={record.id} /> to draw them.${F(t.length)}`, Ea = /['"`]user_(?:submissions|requests)['"`]/, Da = /\bstock\b[^\n;]{0,120}\b(?:quantity|qty)\b/i, Oa = (e) => Ea.test(e) && Da.test(e) && !/\buseStock(?:FromOrders)?\b/.test(e), ka = /<Basket\b|<Checkout\b|<BuyButton\b|usePublicCopy\(|useTallies\(/, Aa = /\b(?:[A-Za-z_$][\w$]*(?:\??\.?\[[^\]\n]*\])*\??\.)+stock\b(?!SetAt)/, ja = (e) => ka.test(e) && Aa.test(e) && !/\buseStock(?:FromOrders)?\s*\(/.test(e), Ma = String.raw`(?:\b\w*[vV]ariants\s*\??|\(\s*[\w.?]*[vV]ariants\s*(?:\|\||\?\?)\s*\[\]\s*\))\s*\.\s*`, Na = String.raw`\s*\(\s*\(?\s*\w+\s*(?::\s*[\w<>[\]|. ]+)?,\s*(\w+)\s*(?::\s*[\w<>[\]|. ]+)?\)?\s*=>`, Pa = RegExp(`${Ma}reduce${Na}[^;]{0,200}?(?:\\b\\1\\s*\\??\\.\\s*stock\\b|\\.left\\s*\\([^)]*\\b\\1\\s*\\??\\.\\s*id\\b)`, "g"), Fa = RegExp(`${Ma}flatMap\\s*\\(\\s*\\(?\\s*(\\w+)\\s*(?::\\s*[\\w<>[\\]|. ]+)?\\)?\\s*=>\\s*\\(?\\s*\\1\\s*\\??\\.\\s*(?:shades|colou?rs|swatch(?:es)?)\\b`, "g"), Ia = (e, t) => {
+var Pa = (e, t) => `${e}: ${P(t)} — the page works out WHO MADE a record for itself. It is already on the record: actions.saveRecord stamps creatorName, creatorAvatar, creatorEmail and createdAt on everything it saves, and actions.updateRecord stamps editedName, editedAvatar and editedAt on every change. Draw them with <MadeBy record={item} /> and <MadeBy record={item} edited /> from 'your-ai-workflow-firebase-os', and delete the rest: reading another person's user_profiles document is "Missing or insufficient permissions" for a role the owner invented and for every member — the card draws for the admin who built the page and for nobody it was built for — and on a card made from an Inbox entry it names the admin instead of the sender; a createdBy: user.email written by hand is an address where a name was wanted. There is no users collection. A person somebody PICKED (an assignee) is saved as a uid AND a name on the record, and the name is what the page draws. The one name a page passes itself is a change made for somebody else: actions.updateRecord(id, { stock, editedName: order.submitterName }) (contract rules 29 and 31).`, Fa = (e, t) => `${e}: ${P(t)} — a history line signed with whoever is LOOKING at the page, at a time made up by counting back from now. Lines like that are invented after the fact: every one of them says the owner, or whoever opens the page next, did something they never did, at a time nobody did it. Delete the code that makes them, and any copy of them the page kept in the browser. A history holds only the lines written at the moment something is done, by the save that does it, each signed by the person who did it — and while there are none, it says so (contract rule 29). On a page for the team that is two pieces of the app: logHistory('<the records' collection>', record.id, 'what was done', { from, to }) straight after the save — it signs the line itself — and <History collection="…" of={record.id} /> to draw them.${F(t.length)}`, Ia = /['"`]user_(?:submissions|requests)['"`]/, La = /\bstock\b[^\n;]{0,120}\b(?:quantity|qty)\b/i, Ra = (e) => Ia.test(e) && La.test(e) && !/\buseStock(?:FromOrders)?\b/.test(e), za = /<Basket\b|<Checkout\b|<BuyButton\b|usePublicCopy\(|useTallies\(/, Ba = /\b(?:[A-Za-z_$][\w$]*(?:\??\.?\[[^\]\n]*\])*\??\.)+stock\b(?!SetAt)/, Va = (e) => za.test(e) && Ba.test(e) && !/\buseStock(?:FromOrders)?\s*\(/.test(e), Ha = String.raw`(?:\b\w*[vV]ariants\s*\??|\(\s*[\w.?]*[vV]ariants\s*(?:\|\||\?\?)\s*\[\]\s*\))\s*\.\s*`, Ua = String.raw`\s*\(\s*\(?\s*\w+\s*(?::\s*[\w<>[\]|. ]+)?,\s*(\w+)\s*(?::\s*[\w<>[\]|. ]+)?\)?\s*=>`, Wa = RegExp(`${Ha}reduce${Ua}[^;]{0,200}?(?:\\b\\1\\s*\\??\\.\\s*stock\\b|\\.left\\s*\\([^)]*\\b\\1\\s*\\??\\.\\s*id\\b)`, "g"), Ga = RegExp(`${Ha}flatMap\\s*\\(\\s*\\(?\\s*(\\w+)\\s*(?::\\s*[\\w<>[\\]|. ]+)?\\)?\\s*=>\\s*\\(?\\s*\\1\\s*\\??\\.\\s*(?:shades|colou?rs|swatch(?:es)?)\\b`, "g"), Ka = (e, t) => {
 	for (let n of e.matchAll(t)) {
 		let t = e.slice(Math.max(0, (n.index ?? 0) - 160), n.index);
 		if (!/\.(?:reduce|flatMap)\s*\(|\bfor\s*\(/.test(t)) return !0;
 	}
 	return !1;
-}, La = (e) => [...Ia(e, Pa) ? ["stock"] : [], ...Ia(e, Fa) ? ["shades"] : []], Ra = (e, t) => `${e}: this page draws a thing's variants as one — it ${[...t.includes("stock") ? ["adds its variants' stock up into one number (variants.reduce(… .stock …)), to show on its card or to save as the whole product's stock"] : [], ...t.includes("shades") ? ["runs every variant's shades together into one row of swatches (variants.flatMap((v) => v.shades)) that nobody can press"] : []].join(", and ")}. A thing with variants is shown as ONE variant at a time, the chosen one, its card included: every card keeps its own chosen variant (its first until another is pressed), each variant is one <Swatch color={variant.shades[0]} name={variant.name} selected={variant.id === chosen.id} onClick={() => choose(variant)} /> ON the card (its press never opens the card too), and pressing one swaps that card's picture and stock for that variant's right there, without opening anything. The stock shown is the chosen variant's own — stock.left(product, variant.id) where the page uses useStock — never the variants added up, and nothing keeps a product-wide stock beside theirs. A total over the whole shop is fine. Change nothing else on the page.`, za = (e) => {
+}, qa = (e) => [...Ka(e, Wa) ? ["stock"] : [], ...Ka(e, Ga) ? ["shades"] : []], Ja = (e, t) => `${e}: this page draws a thing's variants as one — it ${[...t.includes("stock") ? ["adds its variants' stock up into one number (variants.reduce(… .stock …)), to show on its card or to save as the whole product's stock"] : [], ...t.includes("shades") ? ["runs every variant's shades together into one row of swatches (variants.flatMap((v) => v.shades)) that nobody can press"] : []].join(", and ")}. A thing with variants is shown as ONE variant at a time, the chosen one, its card included: every card keeps its own chosen variant (its first until another is pressed), each variant is one <Swatch color={variant.shades[0]} name={variant.name} selected={variant.id === chosen.id} onClick={() => choose(variant)} /> ON the card (its press never opens the card too), and pressing one swaps that card's picture and stock for that variant's right there, without opening anything. The stock shown is the chosen variant's own — stock.left(product, variant.id) where the page uses useStock — never the variants added up, and nothing keeps a product-wide stock beside theirs. A total over the whole shop is fine. Change nothing else on the page.`, Ya = (e) => {
 	if (!/\bcursor-zoom-in\b|<ZoomIn\b/.test(e)) return !1;
-	let t = an(e, "Lightbox");
+	let t = Z(e, "Lightbox");
 	return t.length > 0 && t.every((e) => !/(?:^|\s)zoom(?:\s|=|\/|$)/.test(e.attrs));
-}, Ba = (e) => `${e}: this page shows a picture as something to ZOOM (a zoom-in cursor or a magnifier) and then opens it in <Lightbox> without zoom — a gallery: the same picture a little bigger with arrows through the others. Viewing and zooming are two things. Viewing is on the page: the small pictures swap the big one IN PLACE (never open a window). Zooming is pressing the big one: <Lightbox pictures={pictures} index={at} onIndex={setAt} onClose={() => setAt(null)} zoom /> opens it whole and magnifies the spot pressed in it — the close-up then follows the mouse, a finger drags and pinches it, one more press shows it whole again. Add zoom to the <Lightbox>, make the small pictures swap the big one, and change nothing else on the page.`, Va = (e) => `${e}: this page reads a stock number straight off a record — product.stock, or a variant's — to show it or to decide whether one can still be bought. That number is the count my team last SET, not what is left: it is right until the first sale and wrong for every visitor from then on, because a sale writes nothing to the record. What is left is the app's to work out: const stock = useStock(records) from 'your-ai-workflow-firebase-os' over the records this page shows, and stock.left(product) or stock.left(product, variant.id) is the number to draw and the number that decides — null where a thing keeps no count. Never product.stock or variants[i].stock in what is shown or compared.`, Ha = (e) => `${e}: this page takes the stock of what was sold by itself — it reads the shop's orders out of user_submissions and counts each line's quantity off a stock number. Written by hand that goes wrong silently: stock taken twice after a reload, taken for a basket nobody paid for, or "Missing or insufficient permissions" for everybody who is not an admin. Nothing is taken off the record at all any more: the record keeps the count my team last set (stock, or variants[i].stock, each variant with an id of its own), the app dates it when it is saved, and what is LEFT is that count minus what Stripe says was paid for since — const stock = useStock(records) from 'your-ai-workflow-firebase-os', and stock.left(product) or stock.left(product, variant.id) is the number, on this page and on the shop alike, for everybody, with nobody signed in. Delete the listener, the useSales() join, the decrement and the list of applied entries.`, Ua = (e, t, n) => `${e}: it applies entries from ${t} — things somebody else SENT — and writes them up signed with ${P(n)}. That code runs in the browser of the admin who has the page open, so every line names that admin, whoever actually placed the order or sent the entry. Take the person off the entry instead: submitterName and submitterEmail when they were signed in, else the name and email they typed into the form, else "A visitor" — and the time off the entry's submittedAt, not the moment the page got round to it. A helper that writes a line takes the person as an argument rather than reading user itself (contract rule 29) — the app's own logHistory(collection, id, what, { by: { name }, at }) does exactly that.`, Wa = (e, t) => {
+}, Xa = (e) => `${e}: this page shows a picture as something to ZOOM (a zoom-in cursor or a magnifier) and then opens it in <Lightbox> without zoom — a gallery: the same picture a little bigger with arrows through the others. Viewing and zooming are two things. Viewing is on the page: the small pictures swap the big one IN PLACE (never open a window). Zooming is pressing the big one: <Lightbox pictures={pictures} index={at} onIndex={setAt} onClose={() => setAt(null)} zoom /> opens it whole and magnifies the spot pressed in it — the close-up then follows the mouse, a finger drags and pinches it, one more press shows it whole again. Add zoom to the <Lightbox>, make the small pictures swap the big one, and change nothing else on the page.`, Za = (e) => `${e}: this page reads a stock number straight off a record — product.stock, or a variant's — to show it or to decide whether one can still be bought. That number is the count my team last SET, not what is left: it is right until the first sale and wrong for every visitor from then on, because a sale writes nothing to the record. What is left is the app's to work out: const stock = useStock(records) from 'your-ai-workflow-firebase-os' over the records this page shows, and stock.left(product) or stock.left(product, variant.id) is the number to draw and the number that decides — null where a thing keeps no count. Never product.stock or variants[i].stock in what is shown or compared.`, Qa = (e) => `${e}: this page takes the stock of what was sold by itself — it reads the shop's orders out of user_submissions and counts each line's quantity off a stock number. Written by hand that goes wrong silently: stock taken twice after a reload, taken for a basket nobody paid for, or "Missing or insufficient permissions" for everybody who is not an admin. Nothing is taken off the record at all any more: the record keeps the count my team last set (stock, or variants[i].stock, each variant with an id of its own), the app dates it when it is saved, and what is LEFT is that count minus what Stripe says was paid for since — const stock = useStock(records) from 'your-ai-workflow-firebase-os', and stock.left(product) or stock.left(product, variant.id) is the number, on this page and on the shop alike, for everybody, with nobody signed in. Delete the listener, the useSales() join, the decrement and the list of applied entries.`, $a = (e, t, n) => `${e}: it applies entries from ${t} — things somebody else SENT — and writes them up signed with ${P(n)}. That code runs in the browser of the admin who has the page open, so every line names that admin, whoever actually placed the order or sent the entry. Take the person off the entry instead: submitterName and submitterEmail when they were signed in, else the name and email they typed into the form, else "A visitor" — and the time off the entry's submittedAt, not the moment the page got round to it. A helper that writes a line takes the person as an argument rather than reading user itself (contract rule 29) — the app's own logHistory(collection, id, what, { by: { name }, at }) does exactly that.`, eo = (e, t) => {
 	let n = /<(?:PayButton|BuyButton)\b/.test(e), r = [], i = /* @__PURE__ */ new Set();
 	for (let a of e.matchAll(/<ContactPopup\b/g)) {
 		let o = a.index ?? 0, s = e.indexOf("/>", o), c = e.slice(o, s === -1 ? o + 800 : s + 2), l = c.match(/formId=\{?\s*['"`]([^'"`]+)['"`]/)?.[1];
@@ -1440,14 +1522,14 @@ var wa = (e, t) => `${e}: ${P(t)} — the page works out WHO MADE a record for i
 		}));
 	}
 	return r;
-}, Ga = (e, t) => `${e}: this is the order ${t} sends back beside its <PayButton>, and an order asks the buyer NOTHING (fields: []) — who is paying is their ACCOUNT. Put <BuyerDetails onReady={setBuyer} phone address /> from 'your-ai-workflow-firebase-os' before the form, take every name, email, phone and address question out of the form, spread { ...buyer.metadata } into the button's metadata, and carry buyer.name, buyer.email, buyer.phone and buyer.address in the form's extra with the items. Asked through the form, the buyer has no account: their order can never be shown back to them, and a page built on these entries — an Orders page each buyer sees their own on — has nobody to send it to (contract rule 9).`, Ka = /(?:\bto|\bhref|\borderPath)=\{?\s*['"`]\/([A-Za-z0-9_-]+)[?'"`]|\bnavigate\(\s*['"`]\/([A-Za-z0-9_-]+)[?'"`]/g, $ = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, ""), qa = /\baddDoc\s*\(\s*collection\s*\(\s*db\s*,\s*['"`]case_|\bsetDoc\s*\(\s*doc\s*\(\s*collection\s*\(\s*db\s*,\s*['"`]case_/, Ja = (e, t, n) => {
+}, to = (e, t) => `${e}: this is the order ${t} sends back beside its <PayButton>, and an order asks the buyer NOTHING (fields: []) — who is paying is their ACCOUNT. Put <BuyerDetails onReady={setBuyer} phone address /> from 'your-ai-workflow-firebase-os' before the form, take every name, email, phone and address question out of the form, spread { ...buyer.metadata } into the button's metadata, and carry buyer.name, buyer.email, buyer.phone and buyer.address in the form's extra with the items. Asked through the form, the buyer has no account: their order can never be shown back to them, and a page built on these entries — an Orders page each buyer sees their own on — has nobody to send it to (contract rule 9).`, no = /(?:\bto|\bhref|\borderPath)=\{?\s*['"`]\/([A-Za-z0-9_-]+)[?'"`]|\bnavigate\(\s*['"`]\/([A-Za-z0-9_-]+)[?'"`]/g, $ = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, ""), ro = /\baddDoc\s*\(\s*collection\s*\(\s*db\s*,\s*['"`]case_|\bsetDoc\s*\(\s*doc\s*\(\s*collection\s*\(\s*db\s*,\s*['"`]case_/, io = (e, t, n) => {
 	let r = (e) => [...t.matchAll(RegExp(`<${e}\\b`, "g"))].map((e) => {
 		let n = e.index ?? 0, r = t.indexOf("/>", n);
 		return t.slice(n, r === -1 ? n + 800 : r + 2);
 	}), i = [...r("Basket"), ...r("Checkout")].find((e) => /\bformId=/.test(e)), a = (i ?? r("ContactPopup").find((e) => /\bextra=/.test(e)))?.match(/formId=\{?\s*['"`]([^'"`]+)['"`]/)?.[1];
 	if (!a) return [];
 	let o = [], s = /* @__PURE__ */ new Set(), c = [];
-	for (let e of t.matchAll(Ka)) {
+	for (let e of t.matchAll(no)) {
 		let t = $(e[1] || e[2] || "");
 		if (!t || s.has(t)) continue;
 		s.add(t);
@@ -1466,12 +1548,12 @@ var wa = (e, t) => `${e}: ${P(t)} — the page works out WHO MADE a record for i
 			}
 		};
 	}, u = (e) => {
-		let t = e.match(da)?.[1], n = RegExp(`['"\`]${a.replace(/[^A-Za-z0-9_-]/g, "")}['"\`]`).test(e);
+		let t = e.match(xa)?.[1], n = RegExp(`['"\`]${a.replace(/[^A-Za-z0-9_-]/g, "")}['"\`]`).test(e);
 		return t && n && !/\bappliedEntries\b/.test(e) ? t : void 0;
 	};
 	for (let e of c) {
 		let { theirs: t, gap: n } = l(e);
-		!/\b(?:usePublished|publish)\s*\(/.test(t) && /\buseCases\s*\(/.test(t) && qa.test(t) && o.push({
+		!/\b(?:usePublished|publish)\s*\(/.test(t) && /\buseCases\s*\(/.test(t) && ro.test(t) && o.push({
 			...n,
 			why: "typed",
 			inbox: ""
@@ -1493,7 +1575,7 @@ var wa = (e, t) => `${e}: ${P(t)} — the page works out WHO MADE a record for i
 		});
 	}
 	return o;
-}, Ya = (e) => {
+}, ao = (e) => {
 	let t = [], n = /* @__PURE__ */ new Set(), r = (e, r, i) => {
 		let a = `${$(e)}|${r}`;
 		!e || n.has(a) || (n.add(a), t.push({
@@ -1517,17 +1599,17 @@ var wa = (e, t) => `${e}: ${P(t)} — the page works out WHO MADE a record for i
 		!e || e === "Dashboard" || r(e.replace(/([a-z0-9])([A-Z])/g, "$1 $2"), `/${e.toLowerCase()}`, t);
 	}
 	return t;
-}, Xa = (e) => e.replace(/<[^>]*>/g, " ").replace(/\{[^{}]*\}/g, " ").replace(/&\w+;/g, " ").replace(/\s+/g, " ").trim(), Za = (e, t) => {
+}, oo = (e) => e.replace(/<[^>]*>/g, " ").replace(/\{[^{}]*\}/g, " ").replace(/&\w+;/g, " ").replace(/\s+/g, " ").trim(), so = (e, t) => {
 	let n = e.slice(0, t);
 	return (n.match(/<Link\b/g) || []).length > (n.match(/<\/Link>/g) || []).length;
-}, Qa = /\bhref\s*=\s*(?:\{\s*)?['"`]\s*#?\s*['"`]/, $a = /\bonClick\s*=\s*\{\s*\(\s*\)\s*=>\s*\{\s*\}\s*\}/;
-function eo(e, t, n) {
+}, co = /\bhref\s*=\s*(?:\{\s*)?['"`]\s*#?\s*['"`]/, lo = /\bonClick\s*=\s*\{\s*\(\s*\)\s*=>\s*\{\s*\}\s*\}/;
+function uo(e, t, n) {
 	let r = [], i = /* @__PURE__ */ new Set();
-	for (let { tag: a, attrs: o, at: s, end: c } of an(t, "button|Button|a")) {
-		if (/\bonClick\s*=/.test(o) && !$a.test(o) || /\bdisabled\b|\{\.\.\./.test(o) || a !== "a" && /type\s*=\s*['"`]submit['"`]/.test(o) || a === "a" && /\bhref\s*=/.test(o) && !Qa.test(o) || Za(t, s)) continue;
+	for (let { tag: a, attrs: o, at: s, end: c } of Z(t, "button|Button|a")) {
+		if (/\bonClick\s*=/.test(o) && !lo.test(o) || /\bdisabled\b|\{\.\.\./.test(o) || a !== "a" && /type\s*=\s*['"`]submit['"`]/.test(o) || a === "a" && /\bhref\s*=/.test(o) && !co.test(o) || so(t, s)) continue;
 		let l = t.indexOf(`</${a.replace("motion.", "")}>`, c);
 		if (l === -1) continue;
-		let u = Xa(t.slice(c + 1, l));
+		let u = oo(t.slice(c + 1, l));
 		if (!u || u.length > 40) continue;
 		let d = ` ${u.toLowerCase().replace(/[^a-z0-9]+/g, " ").trim()} `, f = n.find((t) => t.file !== e && t.words.length > 2 && d.includes(` ${t.words} `));
 		!f || i.has(u) || (i.add(u), r.push({
@@ -1537,7 +1619,7 @@ function eo(e, t, n) {
 	}
 	return r;
 }
-var to = (e, t) => `${e}: ${P(t.map((e) => `"${e.label}"`))} ${t.length > 1 ? "name pages" : "names a page"} this app HAS — ${P([...new Set(t.map((e) => e.route))])} — and ${t.length > 1 ? "none of them leads" : "it leads"} anywhere: no link, no handler, nothing happens when it is pressed. This is what a page built BEFORE that one looks like — the button was written when there was nowhere to send it. Wrap exactly the words and classes that are there in <Link to="${t[0].route}" className="…"> (or navigate('${t[0].route}') where a press has to do something first), and change nothing else about it: not its words, not its look, not where it sits.${F(t.length)} (rule 7)`, no = (e, t, n) => `${e}: ${t} sends what is made there as a form entry ('${n}') and links here — and the app itself lets each of those entries into this page's case_ collection, sent to the person who made it and to the team. So this page only READS them with useCases(): delete the form, button or function that writes a case_ entry by hand. An entry typed in here was paid for by nobody and belongs to nobody, and one sent to a whole role ('role:client') is shown to every person marked with it. While there are no entries yet, show a short empty line — never made-up ones (contract rule 11).`, ro = (e, t) => `${e.target}: it fetches the '${e.formId}' entries out of ${e.inbox} itself — what ${t} sends — and what is in there is not this page's to read. ${e.paid ? "<Checkout> saves each one BEFORE the money is taken, so that list holds every basket somebody walked away from, and this page draws each of them as an order. " : ""}An entry there carries uid and submittedAt — never userId, customerName or createdAt — so a list filtered on a guessed key is empty for the very person who ordered, and nobody but an admin may read the rest of it at all. The app already lets each ${e.paid ? "PAID " : ""}one into this page's own collection, sent to the person who made it and to the team: read them with const { loading, records, error } = useCases('${e.reads}') — the name this page's own sentence gave, if it gave another — and with nothing else. Delete the ${e.inbox} query, and any COPY of the entries kept in a collection of its own for somebody to work from: a stage, a note, who it was handed to are saved ON the entry (updateDoc on it), and handing one to a single person is sendTo('${e.reads}', id, { people: [uid] }) with the person picked from usePeople('internal') — a copy is a second order the person who made it never sees change. Never keep the list in localStorage either. Change nothing about how the page looks (contract rule 11).`, io = (e, t) => `${e}: this form is given extra={…} — an order going back to the page that keeps the record (on ${t}) — it is a payment's, and its entries are half of a transaction, not mail. Add transaction: true to its config, and they land on the owner's Transactions screen beside the payment instead of in the Inbox.`, ao = (e, t) => `${e}: this form stands on a page with a <PayButton> (on ${t}) — the questions asked before paying. Who is paying is not a form, it is their ACCOUNT: replace it with <BuyerDetails onReady={setBuyer} /> from 'your-ai-workflow-firebase-os' (pass phone / address when the page asks for them), show the <PayButton> once onReady has fired with { ...buyer.metadata } spread into its metadata, and delete the form's config. A form here lands every buyer in the Inbox as mail and rings the owner's bell with "New form submission" instead of "New payment" (contract rule 9).`, oo = (e, t) => `${e}: it reads ${t} without ever looking at formId, so it takes in every form in the app — the contact form, a newsletter box, a form on somebody else's page — not just this page's own. Read the entry's formId and skip the ones that are not this page's form (const FORM_ID = 'quote'; if (s.formId !== FORM_ID) return;), unless the owner asked for the whole Inbox in so many words. A booking is in neither collection: a time somebody takes is on the calendar, and useBookings() is the only way to read it.`, so = /loadStripe|@stripe\/stripe-js|new Stripe\(|fetch\(\s*['"`]\/api\/payments/, co = (e, t) => `${e}: ${P(t)} ${t.length > 1 ? "are" : "is"} hand-rolled payment code that is not connected to the owner's Stripe account — delete it and take money with <PayButton amount={25} productName="…" /> for a one-off or <PayButton priceId="price_…" mode="subscription" /> for a subscription, imported from 'your-ai-workflow-firebase-os' (read purchases with useMyPayments(); an admins' page reads every sale with useSales()).`, lo = /api\.resend\.com|from\s+['"]resend['"]|fetch\(\s*['"`]\/api\/email/, uo = /from\s+['"]firebase\/storage['"]|\buploadBytes(?:Resumable)?\s*\(|\bgetDownloadURL\s*\(|\bgetStorage\s*\(|\bref\s*\(\s*storage\b/, fo = (e, t) => `${e}: ${P(t)} ${t.length > 1 ? "are" : "is"} upload code written by hand, and the file it writes is guarded by a different rule than the record that links to it — delete it and take the file with <UploadBox value={photo} onChange={setPhoto} label="Product photo" /> imported from 'your-ai-workflow-firebase-os' (add \`shared\` when the picture is also shown on a page this one's people are not the audience for; a file attached while filling in a form is the form's own \`file\` question instead).`, po = /\b(?:window|globalThis|self)\s*\.\s*(?:confirm|alert|prompt)\b|(?<![\w$.]|function\s)(?:confirm|alert|prompt)\((?![^()]*\)\s*\{)/, mo = (e, t) => `${e}: ${P(t.map((e) => e.replace(/\($/, "()")))} ${t.length > 1 ? "open" : "opens"} the browser's own pop-up, drawn by the browser and not the app, over the owner's themed page — delete ${t.length > 1 ? "every one" : "it"}. A delete asks first in <ConfirmModal isOpen={!!toDelete} title="Delete this?" message="It cannot be undone." confirmText="Delete" onConfirm={removeIt} onCancel={() => setToDelete(null)} /> imported from 'your-ai-workflow-firebase-os' (on a from-scratch page actions.confirmDelete(id) opens it for you, and a drive's deleteFile(file) already asks); anything to tell somebody is words you styled on the page.`, ho = /<input[^>]*type\s*=\s*\{?['"]file['"]\}?/i, go = (e) => `${e}: an <input type="file"> uploads nothing on its own — draw the app's own box instead, <UploadBox value={photo} onChange={setPhoto} label="Product photo" /> imported from 'your-ai-workflow-firebase-os', which uploads as the file is picked or dropped and hands back the link to save on the record (on a form it is the form's own \`file\` question, and on a drive page it is openUploadModal()).`, _o = (e, t) => `${e}: ${P(t)} ${t.length > 1 ? "are" : "is"} hand-rolled email code — delete it and send with emailOwner('new_submission', {…}) or emailOwner('heads_up', { title, summary }) to reach the owner, emailPerson('submission_received', collection, docId) to reach the person a record names, or — on a page only the owner's team can open — emailAnyone(to, subject, message), all imported from 'your-ai-workflow-firebase-os'. A public page never names a recipient or writes an email body.`, vo = [
+var fo = (e, t) => `${e}: ${P(t.map((e) => `"${e.label}"`))} ${t.length > 1 ? "name pages" : "names a page"} this app HAS — ${P([...new Set(t.map((e) => e.route))])} — and ${t.length > 1 ? "none of them leads" : "it leads"} anywhere: no link, no handler, nothing happens when it is pressed. This is what a page built BEFORE that one looks like — the button was written when there was nowhere to send it. Wrap exactly the words and classes that are there in <Link to="${t[0].route}" className="…"> (or navigate('${t[0].route}') where a press has to do something first), and change nothing else about it: not its words, not its look, not where it sits.${F(t.length)} (rule 7)`, po = (e, t, n) => `${e}: ${t} sends what is made there as a form entry ('${n}') and links here — and the app itself lets each of those entries into this page's case_ collection, sent to the person who made it and to the team. So this page only READS them with useCases(): delete the form, button or function that writes a case_ entry by hand. An entry typed in here was paid for by nobody and belongs to nobody, and one sent to a whole role ('role:client') is shown to every person marked with it. While there are no entries yet, show a short empty line — never made-up ones (contract rule 11).`, mo = (e, t) => `${e.target}: it fetches the '${e.formId}' entries out of ${e.inbox} itself — what ${t} sends — and what is in there is not this page's to read. ${e.paid ? "<Checkout> saves each one BEFORE the money is taken, so that list holds every basket somebody walked away from, and this page draws each of them as an order. " : ""}An entry there carries uid and submittedAt — never userId, customerName or createdAt — so a list filtered on a guessed key is empty for the very person who ordered, and nobody but an admin may read the rest of it at all. The app already lets each ${e.paid ? "PAID " : ""}one into this page's own collection, sent to the person who made it and to the team: read them with const { loading, records, error } = useCases('${e.reads}') — the name this page's own sentence gave, if it gave another — and with nothing else. Delete the ${e.inbox} query, and any COPY of the entries kept in a collection of its own for somebody to work from: a stage, a note, who it was handed to are saved ON the entry (updateDoc on it), and handing one to a single person is sendTo('${e.reads}', id, { people: [uid] }) with the person picked from usePeople('internal') — a copy is a second order the person who made it never sees change. Never keep the list in localStorage either. Change nothing about how the page looks (contract rule 11).`, ho = (e, t) => `${e}: this form is given extra={…} — an order going back to the page that keeps the record (on ${t}) — it is a payment's, and its entries are half of a transaction, not mail. Add transaction: true to its config, and they land on the owner's Transactions screen beside the payment instead of in the Inbox.`, go = (e, t) => `${e}: this form stands on a page with a <PayButton> (on ${t}) — the questions asked before paying. Who is paying is not a form, it is their ACCOUNT: replace it with <BuyerDetails onReady={setBuyer} /> from 'your-ai-workflow-firebase-os' (pass phone / address when the page asks for them), show the <PayButton> once onReady has fired with { ...buyer.metadata } spread into its metadata, and delete the form's config. A form here lands every buyer in the Inbox as mail and rings the owner's bell with "New form submission" instead of "New payment" (contract rule 9).`, _o = (e, t) => `${e}: it reads ${t} without ever looking at formId, so it takes in every form in the app — the contact form, a newsletter box, a form on somebody else's page — not just this page's own. Read the entry's formId and skip the ones that are not this page's form (const FORM_ID = 'quote'; if (s.formId !== FORM_ID) return;), unless the owner asked for the whole Inbox in so many words. A booking is in neither collection: a time somebody takes is on the calendar, and useBookings() is the only way to read it.`, vo = /loadStripe|@stripe\/stripe-js|new Stripe\(|fetch\(\s*['"`]\/api\/payments/, yo = (e, t) => `${e}: ${P(t)} ${t.length > 1 ? "are" : "is"} hand-rolled payment code that is not connected to the owner's Stripe account — delete it and take money with <PayButton amount={25} productName="…" /> for a one-off or <PayButton priceId="price_…" mode="subscription" /> for a subscription, imported from 'your-ai-workflow-firebase-os' (read purchases with useMyPayments(); an admins' page reads every sale with useSales()).`, bo = /api\.resend\.com|from\s+['"]resend['"]|fetch\(\s*['"`]\/api\/email/, xo = /from\s+['"]firebase\/storage['"]|\buploadBytes(?:Resumable)?\s*\(|\bgetDownloadURL\s*\(|\bgetStorage\s*\(|\bref\s*\(\s*storage\b/, So = (e, t) => `${e}: ${P(t)} ${t.length > 1 ? "are" : "is"} upload code written by hand, and the file it writes is guarded by a different rule than the record that links to it — delete it and take the file with <UploadBox value={photo} onChange={setPhoto} label="Product photo" /> imported from 'your-ai-workflow-firebase-os' (add \`shared\` when the picture is also shown on a page this one's people are not the audience for; a file attached while filling in a form is the form's own \`file\` question instead).`, Co = /\b(?:window|globalThis|self)\s*\.\s*(?:confirm|alert|prompt)\b|(?<![\w$.]|function\s)(?:confirm|alert|prompt)\((?![^()]*\)\s*\{)/, wo = (e, t) => `${e}: ${P(t.map((e) => e.replace(/\($/, "()")))} ${t.length > 1 ? "open" : "opens"} the browser's own pop-up, drawn by the browser and not the app, over the owner's themed page — delete ${t.length > 1 ? "every one" : "it"}. A delete asks first in <ConfirmModal isOpen={!!toDelete} title="Delete this?" message="It cannot be undone." confirmText="Delete" onConfirm={removeIt} onCancel={() => setToDelete(null)} /> imported from 'your-ai-workflow-firebase-os' (on a from-scratch page actions.confirmDelete(id) opens it for you, and a drive's deleteFile(file) already asks); anything to tell somebody is words you styled on the page.`, To = /<input[^>]*type\s*=\s*\{?['"]file['"]\}?/i, Eo = (e) => `${e}: an <input type="file"> uploads nothing on its own — draw the app's own box instead, <UploadBox value={photo} onChange={setPhoto} label="Product photo" /> imported from 'your-ai-workflow-firebase-os', which uploads as the file is picked or dropped and hands back the link to save on the record (on a form it is the form's own \`file\` question, and on a drive page it is openUploadModal()).`, Do = (e, t) => `${e}: ${P(t)} ${t.length > 1 ? "are" : "is"} hand-rolled email code — delete it and send with emailOwner('new_submission', {…}) or emailOwner('heads_up', { title, summary }) to reach the owner, emailPerson('submission_received', collection, docId) to reach the person a record names, or — on a page only the owner's team can open — emailAnyone(to, subject, message), all imported from 'your-ai-workflow-firebase-os'. A public page never names a recipient or writes an email body.`, Oo = [
 	"--bg-color",
 	"--bg-secondary-color",
 	"--fg-color",
@@ -1555,10 +1637,10 @@ var to = (e, t) => `${e}: ${P(t.map((e) => `"${e.label}"`))} ${t.length > 1 ? "n
 	"--notification-icon-color",
 	"--selection-bg",
 	"--selection-text"
-], yo = (e, t) => {
+], ko = (e, t) => {
 	let n = [], r = t.replace(/\/\*[\s\S]*?\*\//g, "");
 	for (let [, t, i] of r.matchAll(/([^{}]+)\{([^{}]*)\}/g)) {
-		let r = t.trim(), a = vo.filter((e) => RegExp(`${e}\\s*:[^;}]*!important`).test(i));
+		let r = t.trim(), a = Oo.filter((e) => RegExp(`${e}\\s*:[^;}]*!important`).test(i));
 		if (a.length) {
 			n.push(`${e}: \`${a[0]}\` is set with \`!important\` here, and the app writes that colour itself from the owner's theme — forcing it freezes it, so their Theme screen stops working. Delete the \`!important\` and set the colour in configs/theme.config.ts instead, in background, backgroundSecondary, foreground, accent or buttonText; every other colour is derived from those five.`);
 			continue;
@@ -1578,11 +1660,11 @@ var to = (e, t) => `${e}: ${P(t.map((e) => `"${e.label}"`))} ${t.length > 1 ? "n
 	}
 	return n;
 };
-function bo(e, t) {
+function Ao(e, t) {
 	return _r(e.map((e) => ({
 		file: e.file,
 		source: t(e.abs)
 	})));
 }
 //#endregion
-export { l as C, b as S, E as T, _, j as a, p as b, a as c, s as d, h as f, d as g, C as h, bo as i, o as l, m, yo as n, r as o, y as p, _r as r, n as s, z as t, i as u, v, D as w, u as x, w as y };
+export { l as C, b as S, E as T, _, j as a, p as b, a as c, s as d, h as f, d as g, C as h, Ao as i, o as l, m, ko as n, r as o, y as p, _r as r, n as s, z as t, i as u, v, D as w, u as x, w as y };