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

package/dist/SignInAdmin-Yxgv_8U4.js

@@ -0,0 +1,766 @@
+import { o as e, t } from "./PageTitle-D93YCiN8.js";
+import { $r as n, Br as r, C as i, Jr as a, Kr as o, Lr as s, Qr as c, Rr as l, S as u, T as d, Ta as f, Ur as p, Vr as m, Xr as h, Zr as g, b as _, cr as v, g as y, h as b, ha as x, i as S, ka as C, nr as w, o as T, s as E, sr as D, v as O, w as k } from "./TimeZoneField-DkI1Bkcz.js";
+import { t as A } from "./DashboardNav-Dmn7PVSp.js";
+import { D as j, Dt as ee, G as te, Ht as M, Jt as ne, Nt as re, ht as ie, j as ae, o as oe, on as se, pt as ce, sn as N, v as le } from "./lucide-react-CA7GD7Nv.js";
+import { t as ue } from "./Button-4lzOE31p.js";
+import { C as P, b as F, t as de, y as I } from "./registrationFields-CLeR2lQJ.js";
+import { l as L, n as fe, o as pe } from "./roles-D6VaHWfV.js";
+import { t as R } from "./ProviderMark-BBfaM5Yl.js";
+import { t as me } from "./SupportBar-CN_JGC-9.js";
+import { useCallback as z, useEffect as he, useState as B } from "react";
+import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
+import { doc as W, onSnapshot as ge, setDoc as _e } from "firebase/firestore";
+//#region src/components/AddRoleFooter.tsx
+function ve({ roles: e, onCreated: t, placeholder: n = "Client", onPending: r }) {
+	let [i, a] = B(!1), [o, s] = B(""), [c, l] = B(""), [u, d] = B(!1), p = () => {
+		a(!1), s(""), l("");
+	}, m = async () => {
+		let n = pe(o, e);
+		if (n) {
+			l(n);
+			return;
+		}
+		let i = o.trim();
+		d(!0), r?.(i);
+		try {
+			t(await fe(i)), p();
+		} catch (e) {
+			l(f(e, "The role could not be saved. Try again."));
+		}
+		d(!1), r?.("");
+	}, h = "flex items-center gap-2 px-3 py-2.5 text-[13px]", g = { borderRadius: "calc(var(--input-radius, 0.75rem) - 0.25rem)" }, _ = "shrink-0 w-7 h-7 flex items-center justify-center rounded-md transition-colors cursor-pointer hover:bg-foreground/[0.07]";
+	return /* @__PURE__ */ H("div", {
+		className: "mt-1 pt-1 border-t border-[var(--panel-border)]/60",
+		children: u ? /* @__PURE__ */ U("div", {
+			className: `${h} justify-between font-medium text-foreground/55`,
+			style: g,
+			children: [/* @__PURE__ */ U("span", {
+				className: "truncate",
+				children: [
+					"Adding ",
+					o.trim(),
+					"…"
+				]
+			}), /* @__PURE__ */ H(ie, { className: "w-3.5 h-3.5 shrink-0 animate-spin text-accent" })]
+		}) : i ? /* @__PURE__ */ U("div", {
+			className: "flex flex-col gap-1 p-1",
+			children: [/* @__PURE__ */ U("div", {
+				className: "flex items-center gap-1",
+				children: [
+					/* @__PURE__ */ H("input", {
+						autoFocus: !0,
+						value: o,
+						placeholder: n,
+						"aria-label": "Name the role",
+						onChange: (e) => {
+							s(e.target.value), c && l("");
+						},
+						onKeyDown: (e) => {
+							e.key === "Enter" && (e.preventDefault(), m()), e.key === "Escape" && (e.preventDefault(), p());
+						},
+						className: "flex-1 min-w-0 h-8 px-2.5 rounded-md border border-[var(--panel-border)] bg-[var(--panel-bg)] text-[13px] font-medium text-foreground placeholder:text-foreground/35 outline-none focus:border-accent transition-colors"
+					}),
+					/* @__PURE__ */ H("button", {
+						type: "button",
+						onClick: m,
+						title: "Add role",
+						"aria-label": "Add role",
+						className: `${_} text-accent`,
+						children: /* @__PURE__ */ H(N, { className: "w-3.5 h-3.5" })
+					}),
+					/* @__PURE__ */ H("button", {
+						type: "button",
+						onClick: p,
+						title: "Cancel",
+						"aria-label": "Cancel the new role",
+						className: `${_} text-foreground/45 hover:text-foreground`,
+						children: /* @__PURE__ */ H(oe, { className: "w-3.5 h-3.5" })
+					})
+				]
+			}), c && /* @__PURE__ */ H("span", {
+				className: "text-[11.5px] font-semibold text-red-500 leading-snug px-1.5",
+				children: c
+			})]
+		}) : /* @__PURE__ */ U("div", {
+			role: "option",
+			"aria-selected": !1,
+			onClick: () => a(!0),
+			className: `${h} font-semibold text-accent hover:bg-foreground/5 cursor-pointer`,
+			style: g,
+			children: [/* @__PURE__ */ H(te, { className: "w-3.5 h-3.5 shrink-0" }), "Custom role…"]
+		})
+	});
+}
+//#endregion
+//#region src/pages/RegistrationQuestions.tsx
+var G = {
+	collection: "sys_configs",
+	doc: "registration_briefs"
+}, K = "What do you want to ask people after they register?", ye = (e, t) => e === "member" ? K : `${K.slice(0, -1)} as ${g(e, t).replace("one of our team", "one of your team")}?`, be = "What would you like changed about these questions?", xe = "Their company name, and for business customers a VAT number — the VAT number must not be editable afterwards.", Se = "Which office they work from, and their job title.", Ce = "Make the VAT number optional, and ask which country they are in.", q = "Anything I have not decided — how a question is worded, what kind of box it is, what order they come in — decide yourself and write it finished; do not stop to ask me.", J = "Each question is { key, label, type, required, editable } — editable: false for an answer that must never be changed after it is first given.";
+function we(e, t, n) {
+	let r = `src/your-ai-workflow-firebase-os/configs/${F(e)}`, i = String(n?.words || "").trim();
+	return n?.sent ? [
+		`The questions my app asks ${P(e, t)} on its Finish registration screen are one file: ${r}.`,
+		`Change that file, and leave the questions I have not mentioned exactly as they are; decide anything I have not said yourself. If it is not there, write it: one const named ${I(e)} with a fields list.`,
+		J,
+		`Here is what I would like changed: ${i || "___"}`
+	].join("\n") : [
+		`My app shows people a Finish registration screen after they register — a few questions on top of a name and an email address, kept on the person's own profile. This is what I ask ${P(e, t)}.`,
+		`Write one file: ${r}, exporting one const named ${I(e)} with a fields list. Do not build a registration page or a form of your own, do not touch any other file, and do not add a question I have not asked for.`,
+		J,
+		q,
+		`Here is what I want to know: ${i || "___"}`
+	].join("\n");
+}
+function Te(e, t) {
+	return [
+		"My app shows people a Finish registration screen after they register — a few questions on top of a name and an email address, kept on the person's own profile. It asks different questions depending on how somebody registers, one file per role below. Do not build a registration page or a form of your own, do not touch a file I have not named here, and do not add a question I have not asked for.",
+		...e.filter((e) => String(t[e.id]?.words || "").trim()).map((e) => {
+			let n = `src/your-ai-workflow-firebase-os/configs/${F(e.id)}`, r = String(t[e.id]?.words || "").trim(), i = !!t[e.id]?.sent;
+			return [
+				`For ${P(e.id, e.name)}:`,
+				i ? `change ${n}, leaving any question I have not mentioned exactly as it is — if it is not there, write it, one const named ${I(e.id)} with a fields list.` : `write ${n}, exporting one const named ${I(e.id)} with a fields list.`,
+				`Here is what I ${i ? "would like changed" : "want to know"}: ${r}`
+			].join(" ");
+		}),
+		J,
+		q
+	].join("\n");
+}
+var Y = "fbos_swr_registration_briefs", Ee = () => {
+	try {
+		let e = localStorage.getItem(Y);
+		return e ? JSON.parse(e) : {};
+	} catch {
+		return {};
+	}
+};
+function De(e, t) {
+	let n = {
+		id: de,
+		name: x("user", t)
+	};
+	return e.finishRegistration.perRole ? [n, ...h(e, t).map((e) => ({
+		id: e.id,
+		name: e.name
+	}))] : [n];
+}
+function X({ list: t, answer: n, words: r, onType: i, onSave: a, onCopied: o, showPrompt: s = !0 }) {
+	let c = !!n?.sent;
+	return /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H(_, {
+		label: c ? be : ye(t.id, t.name),
+		value: r,
+		placeholder: c ? Ce : t.id === "internal" ? Se : xe,
+		onChange: i,
+		onBlur: a
+	}), s && /* @__PURE__ */ H(e, {
+		compact: !0,
+		title: c ? "Change what you ask" : "Ask for these details",
+		prompt: we(t.id, t.name, {
+			...n,
+			words: r
+		}),
+		locked: !r.trim(),
+		onCopied: o
+	})] });
+}
+function Oe({ settings: t }) {
+	let n = L(), [r, a] = B(Ee), [o, s] = B({}), [c, l] = B(null), [u, f] = B("");
+	he(() => ge(W(C, G.collection, G.doc), (e) => {
+		let t = e.exists() ? e.data() : {};
+		a(t);
+		try {
+			localStorage.setItem(Y, JSON.stringify(t));
+		} catch {}
+	}, (e) => {
+		console.warn("registration_briefs snapshot error:", e);
+	}), []);
+	let p = (e, t) => {
+		let n = {
+			...r[e],
+			...t
+		};
+		a((t) => ({
+			...t,
+			[e]: n
+		})), _e(W(C, G.collection, G.doc), { [e]: n }, { merge: !0 }).catch((e) => console.warn("registration_briefs write failed:", e));
+	}, m = z((e) => {
+		s((t) => ({
+			...t,
+			[e]: ""
+		})), p(e, {
+			words: "",
+			sent: Date.now()
+		});
+	}, [r]), g = z((e) => {
+		s((t) => {
+			let n = { ...t };
+			for (let t of e) n[t] = "";
+			return n;
+		});
+		let t = Date.now();
+		for (let n of e) p(n, {
+			words: "",
+			sent: t
+		});
+	}, [r]), { skippable: _, perRole: x } = t.finishRegistration, S = h(t, n).length > 0, w = async (e) => f(await t.setFinishRegistration(e) || ""), T = De(t, n), E = (e) => o[e] ?? r[e]?.words ?? "", O = (e) => ({
+		list: e,
+		answer: r[e.id],
+		words: E(e.id),
+		onType: (t) => s((n) => ({
+			...n,
+			[e.id]: t
+		})),
+		onSave: () => {
+			E(e.id) !== (r[e.id]?.words ?? "") && p(e.id, { words: E(e.id) });
+		}
+	}), k = T.filter((e) => E(e.id).trim()).map((e) => e.id), A = {};
+	for (let e of T) A[e.id] = {
+		...r[e.id],
+		words: E(e.id)
+	};
+	let j = k.some((e) => r[e]?.sent);
+	return /* @__PURE__ */ U(b, {
+		title: "Finish registration",
+		description: "A screen people see once, after they register, for anything you want to know on top of a name and an email address. It only appears when you have asked for something.",
+		children: [
+			/* @__PURE__ */ H(y, { children: "Some of it is there already: somebody who came in with a phone number or an emailed link is asked for a name or an email address first, and then for your questions. People can change their own answers on their Profile, and you can read them on the Users screen." }),
+			/* @__PURE__ */ H(i, {
+				label: "People can skip it",
+				hint: _ ? "Skippable — the screen has a Skip for now, and anything you marked as needed is asked again next time they sign in." : "Required — nobody goes on until it is filled in. You and your admins are never held.",
+				hintWideOnly: !0,
+				enabled: _,
+				onChange: (e) => w({ skippable: e }),
+				disabled: t.loading
+			}),
+			S && /* @__PURE__ */ H(i, {
+				label: "Different questions for different roles",
+				hint: x ? "One set of questions per role below. A role with none of its own is asked everybody's." : "One set of questions, asked of everybody whatever they registered as.",
+				hintWideOnly: !0,
+				enabled: x,
+				onChange: (e) => w({ perRole: e }),
+				disabled: t.loading
+			}),
+			u ? /* @__PURE__ */ H(y, {
+				tone: "error",
+				children: u
+			}) : null,
+			T.length === 1 ? /* @__PURE__ */ H("div", {
+				className: "flex flex-col gap-4",
+				children: /* @__PURE__ */ H(X, {
+					...O(T[0]),
+					onCopied: () => m(T[0].id)
+				})
+			}) : /* @__PURE__ */ H("div", {
+				className: "flex flex-col gap-3",
+				children: T.map((e) => {
+					let t = c === e.id, n = !!r[e.id]?.sent;
+					return /* @__PURE__ */ U("div", {
+						onClick: () => l(t ? null : e.id),
+						className: "group flex flex-col p-3.5 sm:py-4 sm:px-5 glass-panel border border-transparent hover:border-accent/40 transition-all rounded-2xl hover:shadow-sm cursor-pointer",
+						children: [/* @__PURE__ */ U("div", {
+							className: "flex items-center justify-between w-full gap-2 sm:gap-3",
+							children: [/* @__PURE__ */ U("div", {
+								className: "flex items-center gap-2.5 flex-1 min-w-0",
+								children: [/* @__PURE__ */ H("h3", {
+									className: "text-[14.5px] font-semibold text-foreground tracking-tight truncate",
+									children: e.id === "member" ? `${e.name} — everybody else` : e.name
+								}), /* @__PURE__ */ H("span", {
+									className: "max-sm:hidden text-[12px] font-medium text-foreground/45 truncate",
+									children: n ? "Asked for" : "Nothing asked yet"
+								})]
+							}), /* @__PURE__ */ H("div", {
+								className: `p-1.5 transition-transform duration-300 text-foreground/40 shrink-0 ${t ? "rotate-180" : ""}`,
+								children: /* @__PURE__ */ H(se, { className: "w-3.5 h-3.5" })
+							})]
+						}), /* @__PURE__ */ H(v, { children: t && /* @__PURE__ */ H(D.div, {
+							initial: {
+								height: 0,
+								opacity: 0
+							},
+							animate: {
+								height: "auto",
+								opacity: 1
+							},
+							exit: {
+								height: 0,
+								opacity: 0
+							},
+							transition: d,
+							className: "overflow-hidden mt-4 pt-4 border-t border-[var(--panel-border)]/50 pb-1 flex flex-col gap-4",
+							onClick: (e) => e.stopPropagation(),
+							children: /* @__PURE__ */ H(X, {
+								...O(e),
+								showPrompt: !1
+							})
+						}) })]
+					}, e.id);
+				})
+			}),
+			T.length > 1 && /* @__PURE__ */ H(e, {
+				compact: !0,
+				title: j ? "Change what you ask" : "Ask for these details",
+				prompt: Te(T, A),
+				locked: !k.length,
+				onCopied: () => g(k)
+			})
+		]
+	});
+}
+//#endregion
+//#region src/pages/SignInAdmin.tsx
+var ke = [{
+	id: "login",
+	title: "The sign-in page",
+	description: "Where somebody who already has an account comes back in.",
+	to: "/login?preview=1",
+	icon: ce
+}, {
+	id: "register",
+	title: "The registration page",
+	description: "Where somebody new makes an account for the first time.",
+	to: "/register?preview=1",
+	icon: le
+}], Z = /\b((?:[a-z0-9-]+\.)+(?:com|org|net|io|dev|app|ai))(\/[a-z0-9\-._~:/?#@!$&'()*+,;=%]*)?/gi;
+function Ae({ text: e }) {
+	let t = [], n = 0;
+	for (let r of e.matchAll(Z)) {
+		let i = r[0], a = r.index ?? 0;
+		a > n && t.push(e.slice(n, a)), t.push(/* @__PURE__ */ H("a", {
+			href: `https://${i}`,
+			target: "_blank",
+			rel: "noreferrer",
+			className: "font-bold text-accent hover:underline break-all",
+			children: i
+		}, `${i}-${a}`)), n = a + i.length;
+	}
+	return n === 0 ? /* @__PURE__ */ H(V, { children: e }) : (n < e.length && t.push(e.slice(n)), /* @__PURE__ */ H(V, { children: t }));
+}
+function Q({ title: e, steps: t, addresses: n, missing: r, children: i }) {
+	return /* @__PURE__ */ U("div", {
+		className: "rounded-2xl border border-[var(--panel-border)]/60 bg-foreground/[0.02] p-4",
+		children: [
+			/* @__PURE__ */ H("p", {
+				className: "text-[11px] font-bold uppercase tracking-[0.16em] text-foreground/40 mb-2.5",
+				children: e
+			}),
+			/* @__PURE__ */ H("ol", {
+				className: "space-y-2.5 list-decimal pl-[1.15rem] text-[13px] text-foreground/75 font-medium leading-relaxed marker:font-bold marker:text-foreground/35",
+				children: t.map((e) => {
+					let { text: t, copy: i } = typeof e == "string" ? {
+						text: e,
+						copy: void 0
+					} : e, a = i && n ? n[i.address] : "";
+					return /* @__PURE__ */ U("li", { children: [/* @__PURE__ */ H(Ae, { text: t }), i && (a ? /* @__PURE__ */ H(je, {
+						label: i.label,
+						value: a,
+						note: i.note
+					}) : r?.(i))] }, t);
+				})
+			}),
+			i
+		]
+	});
+}
+function je({ label: e, value: t, note: n }) {
+	let [r, i] = B(!1);
+	return /* @__PURE__ */ U("div", {
+		className: "mt-2 mb-1 rounded-xl border border-accent/25 bg-accent/[0.06] p-3",
+		children: [
+			/* @__PURE__ */ U("div", {
+				className: "flex items-center justify-between gap-2 mb-1.5",
+				children: [/* @__PURE__ */ U("span", {
+					className: "text-[11.5px] font-bold text-foreground/60 leading-tight",
+					children: [
+						"Paste into “",
+						e,
+						"”"
+					]
+				}), /* @__PURE__ */ H(T, {
+					icon: r ? N : ne,
+					title: `Copy ${t}`,
+					onClick: () => {
+						try {
+							navigator.clipboard?.writeText(t)?.catch(() => {});
+						} catch {}
+						i(!0), setTimeout(() => i(!1), 1500);
+					},
+					children: r ? "Copied" : "Copy"
+				})]
+			}),
+			/* @__PURE__ */ H("code", {
+				className: "block text-[12px] font-mono text-foreground/80 break-all leading-relaxed",
+				children: t
+			}),
+			n && /* @__PURE__ */ H("p", {
+				className: "mt-2 text-[11.5px] font-medium text-foreground/50 leading-relaxed",
+				children: n
+			})
+		]
+	});
+}
+function Me({ method: e, onClose: t }) {
+	let n = e ? R[e.id] : null, r = e?.setup, i = {
+		callback: p(o()),
+		home: m()
+	};
+	return /* @__PURE__ */ H(v, { children: e && /* @__PURE__ */ U("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center p-4",
+		children: [/* @__PURE__ */ H(D.div, {
+			onClick: t,
+			initial: { opacity: 0 },
+			animate: { opacity: 1 },
+			exit: { opacity: 0 },
+			className: "absolute inset-0 bg-background/80 backdrop-blur-xl cursor-pointer"
+		}), /* @__PURE__ */ U(D.div, {
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": `Set up ${e.label} in Firebase`,
+			initial: {
+				opacity: 0,
+				scale: .95,
+				y: 10
+			},
+			animate: {
+				opacity: 1,
+				scale: 1,
+				y: 0
+			},
+			exit: {
+				opacity: 0,
+				scale: .95,
+				y: 10
+			},
+			className: "w-full max-w-[520px] max-h-[86vh] flex flex-col rounded-3xl glass-popover border border-[var(--panel-border)] shadow-2xl relative z-10",
+			children: [/* @__PURE__ */ U("div", {
+				className: "flex-1 min-h-0 overflow-y-auto p-6 pb-2",
+				children: [
+					/* @__PURE__ */ U("div", {
+						className: "grid grid-cols-[auto_minmax(0,1fr)] gap-x-3 gap-y-1 mb-4",
+						children: [
+							/* @__PURE__ */ H("div", {
+								className: "row-start-1 col-start-1 w-10 h-10 rounded-2xl flex items-center justify-center shrink-0 border border-[var(--panel-border)]/50 bg-accent/10 text-accent",
+								children: n && /* @__PURE__ */ H(n, { className: "w-5 h-5" })
+							}),
+							/* @__PURE__ */ H("h3", {
+								className: "row-start-1 col-start-2 self-center min-w-0 text-[17px] font-bold text-foreground tracking-tight leading-tight",
+								children: e.setupTitle || `Set up ${e.label} in Firebase first`
+							}),
+							/* @__PURE__ */ H("p", {
+								className: "row-start-2 col-start-2 min-w-0 text-[13.5px] font-medium text-foreground/60 leading-relaxed",
+								children: r ? /* @__PURE__ */ U(V, { children: [
+									"This one takes two consoles. Firebase asks ",
+									e.label,
+									" who you are, and ",
+									r.where,
+									" wants an address back. Both halves are below — it is about five minutes."
+								] }) : /* @__PURE__ */ H(V, { children: "This one is switched on in your Firebase project, not here. Firebase walks you through it — these are the clicks that get you to the right screen." })
+							})
+						]
+					}),
+					/* @__PURE__ */ U("div", {
+						className: "flex flex-col gap-3 mb-4",
+						children: [
+							/* @__PURE__ */ H(Q, {
+								title: "In Firebase",
+								steps: [...l, ...e.steps],
+								addresses: i,
+								children: r && /* @__PURE__ */ U("div", {
+									className: "mt-3 flex flex-wrap items-center gap-1.5",
+									children: [/* @__PURE__ */ H("span", {
+										className: "text-[11.5px] font-semibold text-foreground/45",
+										children: "It asks you for"
+									}), r.asksFor.map((e) => /* @__PURE__ */ H("span", {
+										className: "px-2 py-0.5 rounded-lg border border-[var(--panel-border)] bg-foreground/[0.04] text-[11.5px] font-bold text-foreground/70",
+										children: e
+									}, e))]
+								})
+							}),
+							r && /* @__PURE__ */ H(Q, {
+								title: `In ${r.where} — where those come from`,
+								steps: r.steps,
+								addresses: i,
+								missing: (t) => t.address === "home" ? null : /* @__PURE__ */ U("p", {
+									className: "mt-2 mb-1 text-[12.5px] font-medium text-foreground/55 leading-relaxed",
+									children: [
+										"The address for “",
+										t.label,
+										"” is the one Firebase prints at the bottom of its own ",
+										e.label,
+										" panel. Copy it from there."
+									]
+								})
+							}),
+							r?.warning && /* @__PURE__ */ H("p", {
+								className: "text-[12.5px] font-medium text-amber-600 dark:text-amber-400 leading-relaxed px-1",
+								children: r.warning
+							})
+						]
+					}),
+					/* @__PURE__ */ U("div", {
+						className: "flex flex-wrap items-center gap-x-5 gap-y-2 mb-5",
+						children: [/* @__PURE__ */ U("a", {
+							href: "https://console.firebase.google.com/",
+							target: "_blank",
+							rel: "noreferrer",
+							className: "inline-flex items-center gap-1.5 text-[13px] font-bold text-accent hover:underline",
+							children: ["Open the Firebase console", /* @__PURE__ */ H(M, { className: "w-3.5 h-3.5" })]
+						}), r && /* @__PURE__ */ U("a", {
+							href: r.url,
+							target: "_blank",
+							rel: "noreferrer",
+							className: "inline-flex items-center gap-1.5 text-[13px] font-bold text-accent hover:underline",
+							children: [
+								"Open ",
+								r.where,
+								/* @__PURE__ */ H(M, { className: "w-3.5 h-3.5" })
+							]
+						})]
+					})
+				]
+			}), /* @__PURE__ */ H("div", {
+				className: "shrink-0 px-6 pb-6 pt-4 border-t border-[var(--panel-border)]/50 flex items-center gap-3 w-full",
+				children: /* @__PURE__ */ H(ue, {
+					type: "button",
+					variant: "secondary",
+					onClick: t,
+					className: "flex-1 py-2.5 text-[13px] font-bold rounded-xl",
+					children: "Close"
+				})
+			})]
+		})]
+	}) });
+}
+function $({ method: e, settings: t, problem: n, onFlip: r, onSteps: i }) {
+	let a = R[e.id], o = t.on[e.id];
+	return /* @__PURE__ */ U("div", {
+		className: "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-x-3 sm:gap-x-3.5 gap-y-0.5 px-4 py-3",
+		children: [
+			/* @__PURE__ */ H("div", {
+				className: "row-start-1 row-span-2 col-start-1 self-center w-9 h-9 rounded-xl flex items-center justify-center shrink-0 border border-[var(--panel-border)]/50 bg-accent/10 text-accent",
+				children: /* @__PURE__ */ H(a, { className: "w-4 h-4" })
+			}),
+			/* @__PURE__ */ H("span", {
+				className: "row-start-1 col-start-2 min-w-0 text-[13px] font-bold text-foreground leading-tight self-end truncate",
+				children: e.label
+			}),
+			/* @__PURE__ */ H("span", {
+				className: `${n ? "" : "max-sm:hidden "}row-start-2 col-start-2 min-w-0 text-[12px] leading-snug self-start truncate ${n ? "text-red-500 font-medium" : "text-foreground/50 font-normal"}`,
+				children: n || e.description
+			}),
+			/* @__PURE__ */ U("div", {
+				className: "row-start-1 row-span-2 col-start-3 self-center justify-self-end flex items-center gap-2 sm:gap-3 shrink-0",
+				children: [e.needsSetup && /* @__PURE__ */ H("button", {
+					type: "button",
+					onClick: i,
+					className: "max-sm:hidden text-[11.5px] font-semibold text-foreground/45 hover:text-accent transition-colors cursor-pointer",
+					children: "How to set it up"
+				}), t.loading ? /* @__PURE__ */ H("span", {
+					"aria-hidden": !0,
+					className: "w-10 h-6 rounded-full bg-foreground/10 animate-pulse shrink-0"
+				}) : /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("span", {
+					className: "max-sm:hidden",
+					children: /* @__PURE__ */ H(O, {
+						state: o ? "saved" : "off",
+						label: o ? "On" : "Off"
+					})
+				}), /* @__PURE__ */ H(u, {
+					enabled: o,
+					onChange: r,
+					label: e.label
+				})] })]
+			})
+		]
+	});
+}
+function Ne({ settings: e }) {
+	let t = L(), [n, r] = B(""), [o, s] = B(""), { on: c, roles: l } = e.registerAs, u = [{
+		value: "internal",
+		label: x("internal", t)
+	}, ...t.filter((e) => !o || e.name.trim().toLowerCase() !== o.trim().toLowerCase()).map((e) => ({
+		value: e.id,
+		label: e.name
+	}))], d = h(e, t), f = async (t) => r(await e.setRegisterAs({ on: t }) || ""), p = async (t) => {
+		let n = l.includes(t) ? l.filter((e) => e !== t) : [...l, t];
+		r(await e.setRegisterAs({ roles: n }) || "");
+	}, m = d.length ? a(d) : "Tick at least one, or the registration page stays the one form it is.";
+	return /* @__PURE__ */ U(b, {
+		icon: ee,
+		title: "Registering as a role",
+		description: "Let people say what they are when they sign up. You approve each one on the Users screen.",
+		children: [
+			/* @__PURE__ */ H(i, {
+				label: "Let people register as…",
+				hint: c ? "On — the registration page opens on a choice: the roles below, or an ordinary account." : "Off — the registration page is one form, and everybody who signs up is a member.",
+				hintWideOnly: !0,
+				enabled: c,
+				onChange: f,
+				disabled: e.loading
+			}),
+			c && /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H(S, {
+				label: "Which roles",
+				hint: m,
+				children: /* @__PURE__ */ H(w, {
+					multiple: !0,
+					dense: !0,
+					portal: !0,
+					direction: "auto",
+					className: "console-select",
+					ariaLabel: "Roles people can register as",
+					placeholder: "Pick the roles",
+					values: l.filter((e) => u.some((t) => t.value === e)),
+					options: u,
+					onChange: p,
+					footer: /* @__PURE__ */ H(ve, {
+						roles: t,
+						onPending: s,
+						onCreated: (e) => {
+							p(e.id);
+						}
+					}),
+					disabled: e.loading
+				})
+			}), /* @__PURE__ */ H(y, { children: "Registering as a role makes an ordinary account with a request on it — nobody becomes anything by asking. You approve or decline each request on the Users screen, and until you do they are a member like anybody else. Admins are never offered here: an admin is made on the Users screen only. Signing in does not change." })] }),
+			n ? /* @__PURE__ */ H(y, {
+				tone: "error",
+				children: n
+			}) : null
+		]
+	});
+}
+function Pe() {
+	let e = n(), [a, o] = B(""), [l, u] = B({}), [d, f] = B(null), p = async (t, n) => {
+		o(""), u((e) => ({
+			...e,
+			[t.id]: ""
+		}));
+		let r = await e.set(t.id, n);
+		r && u((e) => ({
+			...e,
+			[t.id]: r
+		}));
+	}, m = s.filter((e) => e.kind === "security");
+	return /* @__PURE__ */ U("main", {
+		className: "flex-1 w-full max-w-7xl mx-auto p-4 pt-2 md:p-8 md:pt-4 z-10 flex flex-col min-h-screen",
+		children: [
+			/* @__PURE__ */ U(D.div, {
+				initial: {
+					opacity: 0,
+					y: 20
+				},
+				animate: {
+					opacity: 1,
+					y: 0
+				},
+				className: "mb-6",
+				children: [/* @__PURE__ */ H(t, { children: "Sign in" }), /* @__PURE__ */ U("div", {
+					className: "flex items-center gap-2 text-foreground/40 font-bold uppercase tracking-[0.2em] text-[11px]",
+					children: [/* @__PURE__ */ H("span", { className: "w-8 h-[1px] bg-foreground/10" }), "/sign-in"]
+				})]
+			}),
+			/* @__PURE__ */ U("div", {
+				className: "flex flex-col gap-6 flex-1 pb-16",
+				children: [/* @__PURE__ */ H(A, {}), /* @__PURE__ */ U("div", {
+					className: "glass-panel border border-[var(--panel-border)] rounded-3xl p-4 sm:p-5 md:p-8 shadow-2xl relative bg-background flex flex-col fbos-tab-fill gap-4 min-h-[600px]",
+					children: [
+						/* @__PURE__ */ U(b, {
+							icon: j,
+							title: "Your two pages",
+							description: `Right now people can sign in with ${c(e)}.`,
+							children: [/* @__PURE__ */ H("div", {
+								className: "flex flex-col divide-y divide-[var(--panel-border)]/60 rounded-2xl border border-[var(--panel-border)]/60",
+								children: ke.map((e) => {
+									let t = e.icon;
+									return /* @__PURE__ */ U("div", {
+										className: "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-x-3 sm:gap-x-3.5 gap-y-0.5 px-4 py-3",
+										children: [
+											/* @__PURE__ */ H("div", {
+												className: "row-start-1 row-span-2 col-start-1 self-center w-9 h-9 rounded-xl flex items-center justify-center shrink-0 border border-[var(--panel-border)]/50 bg-accent/10 text-accent",
+												children: /* @__PURE__ */ H(t, { className: "w-4 h-4" })
+											}),
+											/* @__PURE__ */ H("span", {
+												className: "row-start-1 col-start-2 min-w-0 text-[13px] font-bold text-foreground leading-tight self-end truncate",
+												children: e.title
+											}),
+											/* @__PURE__ */ H("span", {
+												className: "max-sm:hidden row-start-2 col-start-2 min-w-0 text-[12px] text-foreground/50 font-normal leading-snug self-start truncate",
+												children: e.description
+											}),
+											/* @__PURE__ */ H(k, {
+												to: e.to,
+												title: `View ${e.title.charAt(0).toLowerCase()}${e.title.slice(1)}`,
+												className: "row-start-1 row-span-2 col-start-3 self-center justify-self-end",
+												children: "View page"
+											})
+										]
+									}, e.id);
+								})
+							}), /* @__PURE__ */ H("p", {
+								className: E,
+								children: "Both pages draw themselves from the switches below: every way you switch on appears on them, and every way you switch off leaves. There is nothing to rebuild in between."
+							})]
+						}),
+						/* @__PURE__ */ U(b, {
+							icon: re,
+							title: "Ways in",
+							description: "What people can use to sign in and to register.",
+							children: [
+								/* @__PURE__ */ H(y, { children: "A way of signing in also has to be switched on in your Firebase project before it works, and most of them already are. Switch one on here and it appears on both pages straight away; if Firebase has not got it, the person who presses that button is told so in plain words, and “How to set it up” on the row shows you exactly where to go." }),
+								/* @__PURE__ */ H("div", {
+									className: "flex flex-col divide-y divide-[var(--panel-border)]/60 rounded-2xl border border-[var(--panel-border)]/60",
+									children: r.map((t) => /* @__PURE__ */ H($, {
+										method: t,
+										settings: e,
+										problem: l[t.id] || "",
+										onFlip: (e) => p(t, e),
+										onSteps: () => f(t)
+									}, t.id))
+								}),
+								a ? /* @__PURE__ */ H(y, {
+									tone: "error",
+									children: a
+								}) : null
+							]
+						}),
+						/* @__PURE__ */ U(b, {
+							icon: ae,
+							title: "One more step",
+							description: "A code by text after the password, for an app that holds something worth protecting.",
+							children: [
+								/* @__PURE__ */ H(y, { children: "With this on, everybody with a password is asked for a phone number the first time they sign in, and for a texted code every time after. People who sign in with Google, GitHub or X are already covered by that company's own checks." }),
+								/* @__PURE__ */ H("div", {
+									className: "flex flex-col divide-y divide-[var(--panel-border)]/60 rounded-2xl border border-[var(--panel-border)]/60",
+									children: m.map((t) => /* @__PURE__ */ H($, {
+										method: t,
+										settings: e,
+										problem: l[t.id] || "",
+										onFlip: (e) => p(t, e),
+										onSteps: () => f(t)
+									}, t.id))
+								}),
+								e.on.sms2fa && /* @__PURE__ */ H(i, {
+									label: "People can skip it",
+									hint: e.twoStepOptional ? "Optional — the setup screen has a \"Not now\" on it, and they are asked again the next time they sign in." : "Required — nobody gets past the setup screen until they have given a number.",
+									hintWideOnly: !0,
+									enabled: e.twoStepOptional,
+									onChange: async (t) => o(await e.setTwoStepOptional(t) || ""),
+									disabled: e.loading
+								}),
+								/* @__PURE__ */ H(y, { children: "A phone number can only be set up on one account. Somebody typing a number that is already somebody else's two-step code is told so before the text is sent — so the code really does say which person is signing in, which is the whole reason to ask for one. Signing in WITH a phone number is one account per number too; that part is Firebase's own doing." })
+							]
+						}),
+						/* @__PURE__ */ H(Ne, { settings: e }),
+						/* @__PURE__ */ H(Oe, { settings: e })
+					]
+				})]
+			}),
+			/* @__PURE__ */ H(me, {}),
+			/* @__PURE__ */ H(Me, {
+				method: d,
+				onClose: () => f(null)
+			})
+		]
+	});
+}
+//#endregion
+export { Pe as SignInAdmin };