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

package/dist/Users-DJjQTWJF.js

@@ -0,0 +1,1207 @@
+import { c as e, l as t, s as n, t as r } from "./PageTitle-D93YCiN8.js";
+import { $r as i, Ar as a, C as o, Ci as s, Mr as c, Pr as l, Ta as u, Wr as d, Zr as f, bi as p, c as m, cr as h, dr as g, fa as _, g as v, h as ee, ha as y, i as b, ja as x, jr as S, ka as C, kr as w, l as te, la as ne, nr as re, o as T, pa as E, s as ie, sr as ae, u as D, v as O, vi as oe, xi as se, yi as ce } from "./TimeZoneField-DkI1Bkcz.js";
+import { S as k, _ as A, d as le, f as ue, g as de, h as fe, m as j, t as pe, v as me } from "./DashboardNav-Dmn7PVSp.js";
+import { C as he, D as ge, b as _e, d as ve, m as ye, r as be } from "./verifiedAccount-DRbRFJ6H.js";
+import { C as xe, F as Se, G as Ce, X as M, bn as we, h as Te, ht as Ee, in as De, mn as N, mt as Oe, o as P, sn as F, w as ke } from "./lucide-react-CA7GD7Nv.js";
+import "./scheduleData-ATN8w5hI.js";
+import { a as Ae, c as I, f as L } from "./registrationFields-CLeR2lQJ.js";
+import { a as je, c as Me, i as Ne, l as Pe, n as Fe, o as R, r as z, s as Ie, t as B, u as V } from "./roles-D6VaHWfV.js";
+import { n as Le } from "./notices-B7iIrIEg.js";
+import { t as Re } from "./FormNote-BivRNA3J.js";
+import { t as ze } from "./ConfirmModal-gKQEpd4d.js";
+import { r as H, u as Be } from "./recordsKey-D5-wC0Aw.js";
+import { i as Ve, o as He } from "./pageFiles--Ih60ITP.js";
+import { n as U, t as Ue } from "./personName-CFw3pxuu.js";
+import { n as We, t as W } from "./people-2jZE_pdI.js";
+import { n as Ge } from "./SystemTabContent-QdxxLILE.js";
+import { n as Ke, t as qe } from "./useIsPhone-BVGx_X3e.js";
+import { useEffect as Je, useRef as Ye, useState as G } from "react";
+import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
+import { collection as Xe, deleteDoc as Y, doc as X, getDocs as Ze, onSnapshot as Qe, query as $e, setDoc as et, updateDoc as tt, where as Z } from "firebase/firestore";
+import { deleteObject as nt, ref as rt } from "firebase/storage";
+import { useNavigate as it, useParams as at } from "react-router-dom";
+//#region src/pages/Users.tsx
+function ot(e) {
+	return e.length === 1 ? /\bplan$/i.test(e[0]) ? e[0] : `${e[0]} plan` : `Plans: ${e.join(", ")}`;
+}
+var st = "flex flex-col divide-y divide-[var(--panel-border)]/60 rounded-2xl border border-[var(--panel-border)]/60", ct = "flex items-center gap-3 rounded-2xl border border-dashed border-[var(--panel-border)] px-4 py-3 sm:px-5", Q = `${m.replace("h-11 ", "h-9 sm:h-10 ")} flex-1 min-w-0 max-w-sm`, lt = {
+	user: "Everybody who signs up",
+	internal: "People you mark as your team",
+	admin: "People who run the app"
+};
+function ut({ roles: e, plans: r }) {
+	let [i, a] = G(""), [o, s] = G(""), [c, l] = G(""), [d, f] = G(""), [p, m] = G(!1), [h, g] = G(""), [v, y] = G(""), [b, x] = G(null), [S, C] = G(""), w = [...B(e), ...e], te = Be() || [], re = async (t) => {
+		let n = Ne(t.id, o, e);
+		if (n) {
+			l(n);
+			return;
+		}
+		f(t.id);
+		try {
+			await je(t.id, o), a(""), l("");
+		} catch (e) {
+			l(u(e, "The new name could not be saved. Try again."));
+		}
+		f("");
+	}, ae = async (e) => {
+		f(e.id);
+		try {
+			x({
+				role: e,
+				standing: await Ie(e.id)
+			});
+		} catch {
+			x({
+				role: e,
+				standing: {
+					people: [],
+					pages: []
+				}
+			});
+		}
+		f("");
+	}, D = () => {
+		m(!1), g(""), y("");
+	}, oe = async () => {
+		let t = R(h, e);
+		if (t) {
+			y(t);
+			return;
+		}
+		f("adding");
+		try {
+			await Fe(h.trim()), D();
+		} catch (e) {
+			y(u(e, "The role could not be saved. Try again."));
+		}
+		f("");
+	};
+	return /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ J(ee, {
+		icon: ke,
+		title: "Roles",
+		description: "The words you mark people with, and the words your pages are kept for. Renaming one changes it everywhere.",
+		children: [
+			/* @__PURE__ */ q("div", {
+				className: st,
+				children: w.map((f) => {
+					let p = E(f.id), m = r[f.id] || [], h = We(f.id, W(f.id, te), e), g = V(f.id, e), v = p ? !!_(f.id) : !!f.icon;
+					return /* @__PURE__ */ J("div", {
+						className: "px-4 py-2.5 sm:py-3",
+						children: [
+							/* @__PURE__ */ J("div", {
+								className: "flex items-center gap-2 sm:gap-3",
+								children: [/* @__PURE__ */ q(t, {
+									name: g,
+									label: `Change the icon for ${f.name}`,
+									open: S === f.id,
+									onClick: () => C(S === f.id ? "" : f.id)
+								}), i === f.id ? /* @__PURE__ */ J(K, { children: [
+									/* @__PURE__ */ q("input", {
+										autoFocus: !0,
+										value: o,
+										disabled: d === f.id,
+										placeholder: ne[f.id] || f.name,
+										"aria-label": `Rename ${f.name}`,
+										onChange: (e) => {
+											s(e.target.value), c && l("");
+										},
+										onKeyDown: (e) => {
+											e.key === "Enter" && (e.preventDefault(), re(f)), e.key === "Escape" && (e.preventDefault(), a(""), l(""));
+										},
+										className: Q
+									}),
+									/* @__PURE__ */ q("span", { className: "flex-1" }),
+									/* @__PURE__ */ q(T, {
+										icon: F,
+										compact: !0,
+										busy: d === f.id,
+										title: `Save ${o || f.name}`,
+										onClick: () => re(f),
+										children: "Save"
+									}),
+									/* @__PURE__ */ q(T, {
+										icon: P,
+										compact: !0,
+										title: "Keep the name",
+										onClick: () => {
+											a(""), l("");
+										},
+										children: "Cancel"
+									})
+								] }) : /* @__PURE__ */ J(K, { children: [
+									/* @__PURE__ */ J("span", {
+										className: "flex-1 min-w-0 flex items-center gap-2.5",
+										children: [
+											/* @__PURE__ */ q("span", {
+												className: "text-[13.5px] font-bold text-foreground leading-tight truncate",
+												children: f.name
+											}),
+											p && /* @__PURE__ */ q("span", {
+												className: "max-sm:hidden text-[12px] font-medium text-foreground/45 truncate",
+												children: lt[f.id]
+											}),
+											m.length > 0 && /* @__PURE__ */ q("span", {
+												className: "max-sm:hidden min-w-0 overflow-hidden",
+												title: m.join(", "),
+												children: /* @__PURE__ */ q(O, {
+													state: "saved",
+													label: ot(m)
+												})
+											})
+										]
+									}),
+									/* @__PURE__ */ q(T, {
+										icon: M,
+										compact: !0,
+										title: `Rename ${f.name}`,
+										onClick: () => {
+											a(f.id), s(f.name), l("");
+										},
+										children: "Rename"
+									}),
+									!p && /* @__PURE__ */ q(T, {
+										icon: xe,
+										tone: "danger",
+										compact: !0,
+										busy: d === f.id,
+										title: `Remove ${f.name}`,
+										onClick: () => ae(f),
+										children: "Remove"
+									})
+								] })]
+							}),
+							S === f.id && /* @__PURE__ */ q("div", {
+								className: "mt-2.5",
+								children: /* @__PURE__ */ q(n, {
+									label: `${f.name} is drawn as`,
+									hint: "Type a word — anything close comes up. Until you pick one it follows the name.",
+									value: g,
+									onPick: async (e) => {
+										C("");
+										try {
+											await Me(f.id, e);
+										} catch (e) {
+											l(u(e, "The icon could not be saved. Try again."));
+										}
+									},
+									resetLabel: v ? "Use the one the name suggests" : void 0,
+									resetTitle: `Go back to the icon ${f.name} suggests`,
+									onReset: v ? async () => {
+										C("");
+										try {
+											await Me(f.id, "");
+										} catch (e) {
+											l(u(e, "The icon could not be saved. Try again."));
+										}
+									} : void 0
+								})
+							}),
+							!!h && i !== f.id && /* @__PURE__ */ q("p", {
+								className: "max-sm:hidden text-[12px] font-medium text-foreground/45 leading-relaxed mt-1",
+								children: h
+							})
+						]
+					}, f.id);
+				})
+			}),
+			!!c && /* @__PURE__ */ q("p", {
+				className: "text-[12px] font-semibold text-red-500 px-1 -mt-2",
+				children: c
+			}),
+			/* @__PURE__ */ J("div", {
+				className: "flex flex-col gap-1.5",
+				children: [/* @__PURE__ */ q("div", {
+					className: ct,
+					children: p ? /* @__PURE__ */ J(K, { children: [
+						/* @__PURE__ */ q("input", {
+							autoFocus: !0,
+							value: h,
+							placeholder: "Client",
+							disabled: d === "adding",
+							"aria-label": "Name the role",
+							onChange: (e) => {
+								g(e.target.value), v && y("");
+							},
+							onKeyDown: (e) => {
+								e.key === "Enter" && (e.preventDefault(), oe()), e.key === "Escape" && (e.preventDefault(), D());
+							},
+							className: Q
+						}),
+						/* @__PURE__ */ q("span", { className: "flex-1" }),
+						/* @__PURE__ */ q(T, {
+							icon: F,
+							compact: !0,
+							busy: d === "adding",
+							title: "Add this role",
+							onClick: oe,
+							children: "Add"
+						}),
+						/* @__PURE__ */ q(T, {
+							icon: P,
+							compact: !0,
+							title: "Cancel the new role",
+							onClick: D,
+							children: "Cancel"
+						})
+					] }) : /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(T, {
+						icon: Ce,
+						onClick: () => {
+							m(!0), y("");
+						},
+						children: "Add a role"
+					}), !e.length && /* @__PURE__ */ J("p", {
+						className: "text-[12.5px] text-foreground/55 font-medium leading-relaxed",
+						children: [/* @__PURE__ */ q("span", {
+							className: "sm:hidden",
+							children: "A word of your own — Client, say, or Supplier."
+						}), /* @__PURE__ */ q("span", {
+							className: "max-sm:hidden",
+							children: "A word of your own to mark people with — Client, say, or Supplier — and a page can be kept for them alone."
+						})]
+					})] })
+				}), !!v && /* @__PURE__ */ q("p", {
+					className: "text-[12px] font-semibold text-red-500 px-1",
+					children: v
+				})]
+			}),
+			/* @__PURE__ */ q("p", {
+				className: `${ie} px-1 max-sm:hidden`,
+				children: "A role you make opens nothing on its own. Tick it on a page's row on the Pages screen, or let a plan on the Payments screen give it. Renaming changes the word on every screen and nothing else — nobody loses a page and no rules have to be pasted again."
+			})
+		]
+	}), /* @__PURE__ */ q(ze, {
+		isOpen: !!b,
+		title: b ? `Remove ${b.role.name}?` : "",
+		message: b ? mt(b.standing) : "",
+		confirmText: "Yes, remove it",
+		cancelText: "Keep it",
+		isProcessing: d === "removing",
+		onCancel: () => x(null),
+		onConfirm: async () => {
+			if (b) {
+				f("removing");
+				try {
+					await z(b.role.id), x(null);
+				} catch (e) {
+					l(u(e, "The role could not be removed. Try again.")), x(null);
+				}
+				f("");
+			}
+		}
+	})] });
+}
+var dt = "A group opens nothing on its own. Keep a tab to one on the Pages screen, and only people whose role is in it see that tab.";
+function ft(e) {
+	return `${e ? `${e} ${e === 1 ? "tab is" : "tabs are"} kept to it, and ${e === 1 ? "goes" : "go"} back to everybody ticked on ${e === 1 ? "it" : "them"}.` : "No tab is kept to it."} Nobody’s role changes and no page is deleted — only the group itself goes.`;
+}
+function pt({ roles: e }) {
+	let { groups: t } = me(), [n, r] = G(""), [i, a] = G(""), [o, s] = G(""), [c, l] = G(""), [d, f] = G(!1), [p, m] = G(""), [h, g] = G(""), [_, v] = G(null), y = [...B(e), ...e].map((e) => ({
+		value: e.id,
+		label: e.name
+	})), b = async (e) => {
+		let n = j(i, t, e.id);
+		if (n) {
+			s(n);
+			return;
+		}
+		l(e.id);
+		try {
+			await fe(e.id, i), r(""), s("");
+		} catch (e) {
+			s(u(e, "The new name could not be saved. Try again."));
+		}
+		l("");
+	}, x = async (e, t) => {
+		let n = e.roles.includes(t) ? e.roles.filter((e) => e !== t) : [...e.roles, t];
+		s("");
+		try {
+			await de(e.id, n);
+		} catch (e) {
+			s(u(e, "That could not be saved. Try again."));
+		}
+	}, S = async (e) => {
+		l(e.id);
+		try {
+			v({
+				group: e,
+				tabs: (await A(e.id)).length
+			});
+		} catch {
+			v({
+				group: e,
+				tabs: 0
+			});
+		}
+		l("");
+	}, C = () => {
+		f(!1), m(""), g("");
+	}, w = async () => {
+		let e = j(p, t);
+		if (e) {
+			g(e);
+			return;
+		}
+		l("adding");
+		try {
+			await le(p.trim()), C();
+		} catch (e) {
+			g(u(e, "The group could not be saved. Try again."));
+		}
+		l("");
+	};
+	return /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ J(ee, {
+		icon: N,
+		title: "Groups",
+		description: "Roles that belong together — a department, a branch, a client’s company. A tab can be kept to one group.",
+		children: [
+			t.length > 0 && /* @__PURE__ */ q("div", {
+				className: st,
+				children: t.map((e) => /* @__PURE__ */ J("div", {
+					className: "px-4 py-2.5 sm:py-3 flex flex-col gap-2",
+					children: [/* @__PURE__ */ q("div", {
+						className: "flex items-center gap-2 sm:gap-3",
+						children: n === e.id ? /* @__PURE__ */ J(K, { children: [
+							/* @__PURE__ */ q("input", {
+								autoFocus: !0,
+								value: i,
+								disabled: c === e.id,
+								placeholder: e.name,
+								"aria-label": `Rename ${e.name}`,
+								onChange: (e) => {
+									a(e.target.value), o && s("");
+								},
+								onKeyDown: (t) => {
+									t.key === "Enter" && (t.preventDefault(), b(e)), t.key === "Escape" && (t.preventDefault(), r(""), s(""));
+								},
+								className: Q
+							}),
+							/* @__PURE__ */ q("span", { className: "flex-1" }),
+							/* @__PURE__ */ q(T, {
+								icon: F,
+								compact: !0,
+								busy: c === e.id,
+								title: `Save ${i || e.name}`,
+								onClick: () => b(e),
+								children: "Save"
+							}),
+							/* @__PURE__ */ q(T, {
+								icon: P,
+								compact: !0,
+								title: "Keep the name",
+								onClick: () => {
+									r(""), s("");
+								},
+								children: "Cancel"
+							})
+						] }) : /* @__PURE__ */ J(K, { children: [
+							/* @__PURE__ */ q("span", {
+								className: "flex-1 min-w-0 text-[13.5px] font-bold text-foreground leading-tight truncate",
+								children: e.name
+							}),
+							/* @__PURE__ */ q("div", {
+								className: "max-sm:hidden shrink-0 min-w-0 max-w-[18rem]",
+								children: /* @__PURE__ */ q(re, {
+									multiple: !0,
+									compact: !0,
+									portal: !0,
+									direction: "auto",
+									className: "console-select",
+									ariaLabel: `Roles in ${e.name}`,
+									placeholder: "Pick its roles",
+									values: e.roles,
+									options: y,
+									onChange: (t) => x(e, t)
+								})
+							}),
+							/* @__PURE__ */ q(T, {
+								icon: M,
+								compact: !0,
+								title: `Rename ${e.name}`,
+								onClick: () => {
+									r(e.id), a(e.name), s("");
+								},
+								children: "Rename"
+							}),
+							/* @__PURE__ */ q(T, {
+								icon: xe,
+								tone: "danger",
+								compact: !0,
+								busy: c === e.id,
+								title: `Remove ${e.name}`,
+								onClick: () => S(e),
+								children: "Remove"
+							})
+						] })
+					}), n !== e.id && /* @__PURE__ */ q("div", {
+						className: "sm:hidden",
+						children: /* @__PURE__ */ q(re, {
+							multiple: !0,
+							dense: !0,
+							portal: !0,
+							direction: "auto",
+							className: "console-select",
+							ariaLabel: `Roles in ${e.name}`,
+							placeholder: "Pick its roles",
+							values: e.roles,
+							options: y,
+							onChange: (t) => x(e, t)
+						})
+					})]
+				}, e.id))
+			}),
+			!!o && /* @__PURE__ */ q(Re, {
+				tone: "error",
+				children: o
+			}),
+			/* @__PURE__ */ J("div", {
+				className: "flex flex-col gap-1.5",
+				children: [/* @__PURE__ */ q("div", {
+					className: ct,
+					children: d ? /* @__PURE__ */ J(K, { children: [
+						/* @__PURE__ */ q("input", {
+							autoFocus: !0,
+							value: p,
+							placeholder: "Sales",
+							disabled: c === "adding",
+							"aria-label": "Name the group",
+							onChange: (e) => {
+								m(e.target.value), h && g("");
+							},
+							onKeyDown: (e) => {
+								e.key === "Enter" && (e.preventDefault(), w()), e.key === "Escape" && (e.preventDefault(), C());
+							},
+							className: Q
+						}),
+						/* @__PURE__ */ q("span", { className: "flex-1" }),
+						/* @__PURE__ */ q(T, {
+							icon: F,
+							compact: !0,
+							busy: c === "adding",
+							title: "Add this group",
+							onClick: w,
+							children: "Add"
+						}),
+						/* @__PURE__ */ q(T, {
+							icon: P,
+							compact: !0,
+							title: "Cancel the new group",
+							onClick: C,
+							children: "Cancel"
+						})
+					] }) : /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(T, {
+						icon: Ce,
+						onClick: () => {
+							f(!0), g("");
+						},
+						children: "Add a group"
+					}), !t.length && /* @__PURE__ */ J("p", {
+						className: "text-[12.5px] text-foreground/55 font-medium leading-relaxed",
+						children: [/* @__PURE__ */ q("span", {
+							className: "sm:hidden",
+							children: "Roles that belong together — Sales, say."
+						}), /* @__PURE__ */ q("span", {
+							className: "max-sm:hidden",
+							children: "A name for roles that belong together — Sales, say, or North branch — then tick the roles in it."
+						})]
+					})] })
+				}), !!h && /* @__PURE__ */ q(Re, {
+					tone: "error",
+					children: h
+				})]
+			}),
+			/* @__PURE__ */ q("p", {
+				className: `${ie} px-1 max-sm:hidden`,
+				children: dt
+			})
+		]
+	}), /* @__PURE__ */ q(ze, {
+		isOpen: !!_,
+		title: _ ? `Remove ${_.group.name}?` : "",
+		message: _ ? ft(_.tabs) : "",
+		confirmText: "Yes, remove it",
+		cancelText: "Keep it",
+		isProcessing: c === "removing",
+		onCancel: () => v(null),
+		onConfirm: async () => {
+			if (_) {
+				l("removing");
+				try {
+					await ue(_.group.id);
+				} catch (e) {
+					s(u(e, "The group could not be removed. Try again."));
+				}
+				v(null), l("");
+			}
+		}
+	})] });
+}
+function mt(e) {
+	let t = e.people.length, n = e.pages.length, r = e.plans || [], i = [];
+	t && i.push(`${t} ${t === 1 ? "person goes" : "people go"} back to being ${t === 1 ? "a member" : "members"}`), n && i.push(`${n} ${n === 1 ? "page goes" : "pages go"} back to everybody signed in`), r.length && i.push(r.length === 1 ? `the ${r[0]} plan stops giving it` : `${r.length} plans stop giving it`);
+	let a = i.length > 2 ? `${i.slice(0, -1).join(", ")}, and ${i[i.length - 1]}` : i.join(", and "), o = i.length ? `${a.charAt(0).toUpperCase()}${a.slice(1)}. ` : "Nobody is marked with it and no page is kept for it. ", s = r.length ? " A plan keeps selling — pick it a new role on the Payments screen." : "";
+	return `${o}Whatever those pages have saved stays exactly where it is — you and your admins can still read it — but nobody else will, and the word itself is gone from every list.${n ? ` ${n === 1 ? "That page was built to read what was kept for this role, so it needs building again: open it" : "Those pages were built to read what was kept for this role, so they need building again: open each one"} on your Pages screen and copy the sentence on its row.` : ""}${s}`;
+}
+function ht(e) {
+	return `Everything this app keeps about ${e} is deleted — their name, their picture, their role, what they kept on pages only they could see, and their place in every list — and they are signed out at once. If they ever sign in or sign up again they start from nothing, as a new person with no role, like anybody else. Whatever they made on your pages for others stays exactly where it is, under the name the record itself saved. This cannot be undone.`;
+}
+function gt(e) {
+	let t = /* @__PURE__ */ new Set();
+	for (let [n, r] of e) !r || he(r) !== "user_" || t.add(H(r, "user_", n));
+	return [...t];
+}
+async function _t(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let [e, n] of k()) !n.isPublic && n.config && t.set(e, n.config);
+	try {
+		(await Ze(Xe(C, "sys_tabs"))).forEach((e) => t.set(e.id, {
+			...t.get(e.id) || {},
+			...e.data()
+		}));
+	} catch {}
+	let n = Ve("user_");
+	for (let r of gt([...t.entries()])) try {
+		let t = await Ze($e(Xe(C, r), Z("uid", "==", e)));
+		await Promise.all(t.docs.map(async (e) => {
+			await He({
+				id: e.id,
+				...e.data()
+			}, [], n), await Y(e.ref);
+		}));
+	} catch (e) {
+		console.warn(`${r}: a deleted person's own records could not be swept.`, e);
+	}
+}
+function vt({ person: e, settings: t }) {
+	let n = I(e, t);
+	return n.length ? /* @__PURE__ */ J("div", {
+		className: "pt-5 border-t border-[var(--panel-border)]/50 flex flex-col gap-3",
+		children: [/* @__PURE__ */ q("p", {
+			className: `${D} ml-1`,
+			children: "What they told you"
+		}), /* @__PURE__ */ q("div", {
+			className: "flex flex-col divide-y divide-[var(--panel-border)]/50 rounded-xl border border-[var(--panel-border)]/60",
+			children: n.map((t) => {
+				let n = L(e, t);
+				return /* @__PURE__ */ J("div", {
+					className: "flex items-baseline justify-between gap-3 px-3.5 py-2.5 min-w-0",
+					children: [/* @__PURE__ */ q("span", {
+						className: "text-[12.5px] font-medium text-foreground/50 shrink-0 max-w-[45%] truncate",
+						children: t.label
+					}), /* @__PURE__ */ q("span", {
+						className: `text-[13px] font-semibold min-w-0 text-right [overflow-wrap:anywhere] ${n ? "text-foreground" : "text-foreground/35 italic"}`,
+						children: n ? Ae(e, t) : "Not given"
+					})]
+				}, t.key);
+			})
+		})]
+	}) : null;
+}
+var yt = (e) => {
+	let t = ce(e);
+	return ve(t) || ge(_e(t));
+}, bt = "waiting";
+function xt(e, t, n) {
+	let r = /* @__PURE__ */ new Map(), i = [];
+	for (let t of e) {
+		if (!t.inactive && n(t)) {
+			i.push(t);
+			continue;
+		}
+		let e = yt(t);
+		r.set(e, [...r.get(e) || [], t]);
+	}
+	let a = [...r.keys()].filter((e) => ![
+		"admin",
+		"internal",
+		"user",
+		...t
+	].includes(e)).sort(), o = [
+		"admin",
+		"internal",
+		...t,
+		...a,
+		"user"
+	];
+	return [...i.length ? [{
+		id: bt,
+		people: i
+	}] : [], ...o.filter((e) => r.has(e)).map((e) => ({
+		id: e,
+		people: r.get(e)
+	}))];
+}
+var St = te.replace("h-11 ", "h-9 ").replace("px-4 ", "px-3 "), Ct = (e) => e.normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase();
+function wt(e, t) {
+	let n = Ct(t.trim());
+	if (!n) return !0;
+	let r = e.email || "";
+	if ([e.displayName, /[@.]/.test(n) ? r : r.split("@")[0]].some((e) => !!e && Ct(e).includes(n))) return !0;
+	let i = n.replace(/\D/g, "");
+	return !!i && i.length === n.replace(/[\s+()-]/g, "").length && (e.phone || "").replace(/\D/g, "").includes(i);
+}
+function Tt({ label: t, title: n, count: r, icon: i, plain: a, active: o, onClick: s }) {
+	return /* @__PURE__ */ J("button", {
+		type: "button",
+		"aria-pressed": o,
+		"aria-label": n,
+		title: n,
+		onClick: s,
+		className: `inline-flex items-center gap-2 h-9 pl-3 pr-3.5 shrink-0 whitespace-nowrap rounded-full border text-[12.5px] font-semibold transition-all cursor-pointer active:scale-[0.98] ${o ? "border-accent/35 bg-accent/10 text-foreground" : "border-[var(--panel-border)]/70 text-foreground/55 hover:text-foreground hover:border-accent/30 hover:bg-foreground/[0.03]"}`,
+		children: [
+			i === "" ? /* @__PURE__ */ q("span", { className: "w-1.5 h-1.5 mx-1 rounded-full shrink-0 bg-accent animate-pulse" }) : i && /* @__PURE__ */ q(e, {
+				name: i,
+				className: `w-3.5 h-3.5 shrink-0 ${a && !o ? "text-foreground/35" : "text-accent"}`
+			}),
+			/* @__PURE__ */ q("span", { children: t }),
+			/* @__PURE__ */ q("span", {
+				className: `tabular-nums font-medium ${o ? "text-foreground/50" : "text-foreground/35"}`,
+				children: r
+			})
+		]
+	});
+}
+function Et({ label: t, plain: n, waiting: r, icon: i }) {
+	return /* @__PURE__ */ J("span", {
+		className: `inline-flex items-center gap-1.5 text-[11.5px] font-semibold whitespace-nowrap shrink-0 ${r ? "text-foreground/70" : "text-foreground/50"}`,
+		children: [i ? /* @__PURE__ */ q(e, {
+			name: i,
+			className: `w-3.5 h-3.5 shrink-0 ${n ? "text-foreground/35" : "text-accent"} ${r ? "animate-pulse" : ""}`
+		}) : /* @__PURE__ */ q("span", { className: `w-1.5 h-1.5 rounded-full shrink-0 ${n ? "bg-foreground/25" : "bg-accent"} ${r ? "animate-pulse" : ""}` }), t]
+	});
+}
+function Dt() {
+	let { user: t, userRole: n } = g(), m = Pe(), _ = i(), te = s(), { groups: ne } = me(), [E, ie] = G(!0), D = it(), { id: O } = at(), k = Ke(), [A, le] = G([]), [ue, de] = G(null), [fe, j] = G(null), [he, _e] = G(!1), [ve, Ce] = G(""), [M, N] = G(null), [ke, Ae] = G(!1), I = xt(A, m.map((e) => e.id), (e) => !!l(e)), L = I[0]?.people[0]?.id || "", [je, Me] = G(""), [Ne, Fe] = G(""), R = I.some((e) => e.id === je) ? je : "", z = A.length >= 8, Ie = I.filter((e) => !R || e.id === R).map((e) => ({
+		...e,
+		people: e.people.filter((e) => wt(e, z ? Ne : ""))
+	})).filter((e) => e.people.length), B = O ? A.find((e) => e.id === O) || null : A.find((e) => e.id === L) || null, H = (e) => {
+		D(e ? `/users/${e.id}` : "/users");
+	};
+	Je(() => {
+		let e = Qe(Xe(C, "user_profiles"), (e) => {
+			let t = [];
+			e.forEach((e) => {
+				let n = {
+					id: e.id,
+					...e.data()
+				};
+				n.removed || t.push(n);
+			}), t.sort((e, t) => Number(!!l(t)) - Number(!!l(e))), le(t), de(null), ie(!1);
+		}, (e) => {
+			console.error("Error fetching users:", e), de(e), ie(!1);
+		});
+		return () => e();
+	}, []), Je(() => {
+		!O && L && !qe() && D(`/users/${L}`, { replace: !0 });
+	}, [
+		O,
+		L,
+		D
+	]);
+	let Be = Ye(null), [Ve, He] = G(!1);
+	Je(() => {
+		let e = Be.current, t = e?.querySelector("[aria-current=\"true\"]");
+		if (!e || !t || e.scrollHeight <= e.clientHeight) return;
+		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
+		r.top < n.top ? e.scrollTop -= n.top - r.top + 12 : r.bottom > n.bottom - 40 && (e.scrollTop += r.bottom - n.bottom + 40);
+	}, [
+		O,
+		A.length,
+		R
+	]);
+	let We = A.find((e) => e.id === t?.uid), W = n === "admin", Y = (e) => !W || e.id === We?.id ? !1 : e.role !== "admin" || !We?.createdAt ? !0 : e.createdAt ? new Date(We.createdAt).getTime() <= new Date(e.createdAt).getTime() : !1, Ze = [...be.map((e) => ({
+		value: ge(e),
+		label: y(ge(e), m)
+	})), ...m.map((e) => ({
+		value: e.id,
+		label: e.name
+	}))], $e = Ze.map((t) => ({
+		value: t.value,
+		label: /* @__PURE__ */ J("span", {
+			className: "inline-flex items-center gap-2 min-w-0",
+			children: [/* @__PURE__ */ q(e, {
+				name: V(t.value, m),
+				className: "w-4 h-4 shrink-0 opacity-70"
+			}), /* @__PURE__ */ q("span", {
+				className: "truncate",
+				children: t.label
+			})]
+		})
+	})), Z = yt, ot = (e) => {
+		let t = ne.filter((t) => ye(Z(e), t)).map((e) => e.name);
+		return t.length ? `In ${t.length === 1 ? "the group" : "the groups"} ${t.join(", ")}` : "";
+	}, st = (e) => {
+		let t = l(e);
+		return t ? a(t.role, y(t.role, m)) : "";
+	}, ct = (e) => d(e) && (e === "internal" || m.some((t) => t.id === e)), Q = A.filter((e) => l(e)).length, lt = (e) => !se(e) || ce(e) === "user" ? "" : `Paid plan · until ${new Date(p(e)).toLocaleDateString(void 0, {
+		day: "numeric",
+		month: "short",
+		year: "numeric"
+	})}`, dt = (e) => e === ge("free") ? c() : w(), ft = async (e, t, r) => {
+		if (n !== "admin" || !Y(e) || Z(e) === t) return;
+		let i = l(e);
+		try {
+			await tt(X(C, "user_profiles", e.id), {
+				role: t,
+				...oe(),
+				...i ? S() : {}
+			}), i && await Le(e.id, dt(t)), j({
+				text: `Role set to ${r}`,
+				type: "success"
+			}), setTimeout(() => j(null), 3e3);
+		} catch (e) {
+			j({
+				text: e.message,
+				type: "error"
+			}), setTimeout(() => j(null), 3e3);
+		}
+	}, mt = async (e, t) => {
+		if (!(n !== "admin" || !Y(e) || !ct(t))) try {
+			await tt(X(C, "user_profiles", e.id), {
+				role: t,
+				...oe(),
+				...S()
+			}), await Le(e.id, w()), j({
+				text: `${U(e)} is ${f(t, y(t, m))} now`,
+				type: "success"
+			}), setTimeout(() => j(null), 3e3);
+		} catch (e) {
+			j({
+				text: e.message,
+				type: "error"
+			}), setTimeout(() => j(null), 3e3);
+		}
+	}, gt = async (e) => {
+		if (n !== "admin" || !Y(e)) return;
+		let t = l(e);
+		try {
+			await tt(X(C, "user_profiles", e.id), S()), t && await Le(e.id, c()), j({
+				text: `Request cleared — ${U(e)} stays a member`,
+				type: "success"
+			}), setTimeout(() => j(null), 3e3);
+		} catch (e) {
+			j({
+				text: e.message,
+				type: "error"
+			}), setTimeout(() => j(null), 3e3);
+		}
+	}, bt = async (e, t) => {
+		if (!(n !== "admin" || !Y(e))) try {
+			await tt(X(C, "user_profiles", e.id), { inactive: t }), j({
+				text: `User ${t ? "deactivated" : "activated"} successfully`,
+				type: "success"
+			}), setTimeout(() => j(null), 3e3);
+		} catch (e) {
+			j({
+				text: e.message,
+				type: "error"
+			}), setTimeout(() => j(null), 3e3);
+		}
+	}, Ct = async (e) => {
+		if (!(n !== "admin" || !Y(e))) {
+			Ae(!0);
+			try {
+				let t = Date.now();
+				await et(X(C, "user_profiles", e.id), {
+					removed: !0,
+					inactive: !0,
+					removedAt: new Date(t).toISOString(),
+					removedMs: t
+				}), await nt(rt(x, `user_avatars/${e.id}/file.png`)).catch(() => {}), await _t(e.id), Ae(!1), N(null), H(null), j({
+					text: "Person deleted",
+					type: "success"
+				}), setTimeout(() => j(null), 3e3);
+			} catch (e) {
+				Ae(!1), N(null), j({
+					text: e.message,
+					type: "error"
+				}), setTimeout(() => j(null), 3e3);
+			}
+		}
+	}, Dt = async () => {
+		if (_e(!1), !(!B || !Y(B) || ve === B.displayName)) try {
+			await tt(X(C, "user_profiles", B.id), { displayName: ve }), j({
+				text: "Name updated successfully",
+				type: "success"
+			}), setTimeout(() => j(null), 3e3);
+		} catch (e) {
+			j({
+				text: e.message,
+				type: "error"
+			}), setTimeout(() => j(null), 3e3);
+		}
+	}, [Ot, kt] = G(!1);
+	if (Je(() => {
+		let e;
+		return E && A.length === 0 ? e = setTimeout(() => kt(!0), 150) : kt(!1), () => clearTimeout(e);
+	}, [E, A.length]), E && A.length === 0) return Ot ? /* @__PURE__ */ q("div", {
+		className: "fixed inset-0 z-[100] flex items-center justify-center bg-background/60 backdrop-blur-xl transition-all duration-300",
+		children: /* @__PURE__ */ q(Ee, { className: "w-8 h-8 animate-spin text-accent" })
+	}) : null;
+	let $ = k && !!O, At = !$, jt = !k || !!O, Mt = (e) => z && /* @__PURE__ */ J("div", {
+		className: `${St} md:w-56 shrink-0`,
+		children: [
+			/* @__PURE__ */ q(Se, { className: "w-3.5 h-3.5 mr-2 shrink-0 text-foreground/35" }),
+			/* @__PURE__ */ q("input", {
+				value: Ne,
+				onFocus: e,
+				onChange: (e) => Fe(e.target.value),
+				onKeyDown: (e) => {
+					e.key === "Escape" && Fe("");
+				},
+				placeholder: "Find somebody",
+				"aria-label": "Find somebody",
+				className: "flex-1 min-w-0 h-full bg-transparent border-none outline-none shadow-none text-[14px] text-foreground placeholder:text-foreground/35 disabled:cursor-not-allowed text-[13px]"
+			}),
+			!!Ne && /* @__PURE__ */ q("button", {
+				type: "button",
+				onClick: () => Fe(""),
+				"aria-label": "Clear the search",
+				className: "shrink-0 -mr-1 w-6 h-6 flex items-center justify-center rounded-full text-foreground/40 hover:text-foreground hover:bg-foreground/5 transition-colors cursor-pointer",
+				children: /* @__PURE__ */ q(P, { className: "w-3.5 h-3.5" })
+			})
+		]
+	}), Nt = Q ? `${Q} ${Q === 1 ? "person is" : "people are"} waiting for an answer — first in the list.` : `${A.length} ${A.length === 1 ? "person has" : "people have"} signed up. ${k ? "Tap somebody to " : "Pick somebody to "}${W ? "change what they can open." : "see their details."}`;
+	return /* @__PURE__ */ J("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__ */ J(ae.div, {
+				initial: {
+					opacity: 0,
+					y: 20
+				},
+				animate: {
+					opacity: 1,
+					y: 0
+				},
+				className: "mb-6",
+				children: [/* @__PURE__ */ q(r, { children: "Users" }), /* @__PURE__ */ J("div", {
+					className: "flex items-center gap-2 text-foreground/40 font-bold uppercase tracking-[0.2em] text-[11px]",
+					children: [/* @__PURE__ */ q("span", { className: "w-8 h-[1px] bg-foreground/10" }), "/users"]
+				})]
+			}),
+			/* @__PURE__ */ J("div", {
+				className: "flex flex-col gap-6 flex-1 pb-16",
+				children: [
+					/* @__PURE__ */ q(h, { children: fe && /* @__PURE__ */ q(ae.div, {
+						exit: {
+							opacity: 0,
+							y: -6
+						},
+						children: /* @__PURE__ */ q(Re, {
+							tone: fe.type === "error" ? "error" : "done",
+							children: fe.text
+						})
+					}) }),
+					/* @__PURE__ */ q(pe, {}),
+					/* @__PURE__ */ q(Ge, { tab: "users" }),
+					/* @__PURE__ */ J("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",
+						children: [
+							/* @__PURE__ */ q(ee, {
+								icon: Te,
+								title: "People",
+								description: A.length ? Nt : ue ? void 0 : "Nobody has signed up yet.",
+								actions: k || !z ? void 0 : ({ open: e }) => Mt(e),
+								children: A.length === 0 && ue ? /* @__PURE__ */ q(Re, {
+									tone: "error",
+									children: u(ue, "The people could not be read.")
+								}) : A.length === 0 ? /* @__PURE__ */ q(v, { children: "Everybody who signs in to your app appears here, and this is where you say what each of them can open." }) : /* @__PURE__ */ J("div", {
+									className: "grid grid-cols-1 md:grid-cols-[minmax(0,5fr)_minmax(0,7fr)] gap-x-6 lg:gap-x-8 gap-y-5 items-start",
+									children: [
+										At && (I.length > 1 || z) && /* @__PURE__ */ J("div", {
+											className: "md:col-span-2 flex flex-col md:flex-row md:items-start gap-3 md:gap-4 min-w-0",
+											children: [I.length > 1 && /* @__PURE__ */ J("div", {
+												role: "group",
+												"aria-label": "Show",
+												className: "flex-1 min-w-0 flex items-center gap-2 md:flex-wrap max-md:overflow-x-auto max-md:-mx-4 max-md:px-4 hide-scrollbar",
+												children: [/* @__PURE__ */ q(Tt, {
+													label: "Everyone",
+													title: "Show everyone",
+													count: A.length,
+													active: !R,
+													onClick: () => Me("")
+												}), I.map((e) => {
+													let t = e.id === "waiting", n = t ? "Waiting" : y(e.id, m);
+													return /* @__PURE__ */ q(Tt, {
+														label: n,
+														title: t ? "Show only whoever is waiting for an answer" : `Show only ${n}`,
+														count: e.people.length,
+														icon: t ? "" : V(e.id, m),
+														plain: e.id === "user",
+														active: R === e.id,
+														onClick: () => Me(R === e.id ? "" : e.id)
+													}, e.id);
+												})]
+											}), k && Mt()]
+										}),
+										At && /* @__PURE__ */ J("div", {
+											ref: Be,
+											onScroll: (e) => He(e.currentTarget.scrollTop > 2),
+											className: `flex flex-col gap-6 min-w-0 md:max-h-[min(72vh,680px)] md:overflow-y-auto md:pb-8 md:-mr-2 md:pr-2 hide-scrollbar ${Ve ? "md:[mask-image:linear-gradient(to_bottom,transparent,black_1.5rem,black_calc(100%-2rem),transparent)]" : "md:[mask-image:linear-gradient(to_bottom,black_calc(100%-2rem),transparent)]"}`,
+											children: [Ie.length === 0 && /* @__PURE__ */ q("p", {
+												className: "px-3 py-6 text-[13px] font-medium text-foreground/50",
+												children: "Nobody here by that name."
+											}), Ie.map((t) => {
+												let n = t.id === "waiting";
+												return /* @__PURE__ */ J("div", {
+													className: "flex flex-col gap-1.5 min-w-0",
+													children: [/* @__PURE__ */ J("div", {
+														role: "heading",
+														"aria-level": 4,
+														className: "flex items-center gap-2.5 px-3 text-[13px] font-bold text-foreground/85 leading-tight",
+														children: [
+															/* @__PURE__ */ q("span", {
+																className: `w-7 h-7 rounded-[10px] flex items-center justify-center shrink-0 ${t.id === "user" ? "bg-foreground/[0.05] text-foreground/40" : "bg-accent/10 text-accent"}`,
+																children: n ? /* @__PURE__ */ q("span", { className: "w-1.5 h-1.5 rounded-full bg-accent animate-pulse" }) : /* @__PURE__ */ q(e, {
+																	name: V(t.id, m),
+																	className: "w-3.5 h-3.5"
+																})
+															}),
+															/* @__PURE__ */ q("span", {
+																className: "truncate",
+																children: n ? "Waiting for an answer" : y(t.id, m)
+															}),
+															/* @__PURE__ */ q("span", {
+																className: "shrink-0 text-[11.5px] font-semibold text-foreground/35 tabular-nums",
+																children: t.people.length
+															})
+														]
+													}), /* @__PURE__ */ q("div", {
+														className: `flex flex-col gap-0.5 min-w-0 ${n ? "rounded-2xl border border-accent/20 bg-accent/[0.04] p-1" : ""}`,
+														children: t.people.map((e) => {
+															let t = !!O && B?.id === e.id;
+															return /* @__PURE__ */ J("div", {
+																role: "button",
+																tabIndex: 0,
+																"aria-current": t || void 0,
+																onClick: () => H(e),
+																onKeyDown: (t) => {
+																	(t.key === "Enter" || t.key === " ") && (t.preventDefault(), H(e));
+																},
+																className: `flex items-center gap-3 px-3 py-2.5 rounded-xl transition-colors cursor-pointer outline-none focus-visible:bg-foreground/[0.05] ${t ? "bg-accent/[0.09]" : "hover:bg-foreground/[0.035]"} ${e.inactive ? "opacity-55" : ""}`,
+																children: [
+																	/* @__PURE__ */ J("span", {
+																		className: "flex flex-col gap-0.5 min-w-0 flex-1",
+																		children: [/* @__PURE__ */ q("span", {
+																			className: "text-[14px] font-semibold text-foreground leading-tight truncate",
+																			children: U(e)
+																		}), /* @__PURE__ */ q("span", {
+																			className: "max-sm:hidden text-[12.5px] text-foreground/45 leading-snug truncate",
+																			children: Ue(e)
+																		})]
+																	}),
+																	!e.inactive && l(e) ? k ? /* @__PURE__ */ q(Et, {
+																		label: y(l(e).role, m),
+																		icon: V(l(e).role, m),
+																		plain: !1,
+																		waiting: !0
+																	}) : /* @__PURE__ */ q(Et, {
+																		label: st(e),
+																		plain: !1,
+																		waiting: !0
+																	}) : e.inactive ? /* @__PURE__ */ q(Et, {
+																		label: "Off",
+																		plain: !0
+																	}) : null,
+																	k ? /* @__PURE__ */ q(De, { className: "w-4 h-4 text-foreground/25 shrink-0 -mr-1" }) : t && /* @__PURE__ */ q(De, { className: "w-4 h-4 text-accent/70 shrink-0 -mr-0.5" })
+																]
+															}, e.id);
+														})
+													})]
+												}, t.id);
+											})]
+										}),
+										jt && (B ? /* @__PURE__ */ J("div", {
+											className: "rounded-2xl border border-[var(--panel-border)]/60 bg-foreground/[0.015] overflow-hidden fbos-fade-in min-w-0",
+											children: [/* @__PURE__ */ J("div", {
+												className: "flex items-center gap-3 px-4 sm:px-5 py-4 border-b border-[var(--panel-border)]/50 min-w-0",
+												children: [
+													$ && /* @__PURE__ */ q("button", {
+														type: "button",
+														onClick: () => H(null),
+														"aria-label": "Back to all users",
+														className: "shrink-0 -ml-1.5 w-8 h-8 flex items-center justify-center rounded-lg text-foreground/45 hover:text-foreground active:bg-foreground/5 transition-colors cursor-pointer",
+														children: /* @__PURE__ */ q(we, { className: "w-4.5 h-4.5" })
+													}),
+													/* @__PURE__ */ q("span", {
+														"aria-hidden": !0,
+														className: `max-sm:hidden w-10 h-10 rounded-2xl flex items-center justify-center shrink-0 border border-[var(--panel-border)]/50 ${B.inactive || Z(B) === "user" ? "bg-foreground/[0.04] text-foreground/40" : "bg-accent/10 text-accent"}`,
+														children: /* @__PURE__ */ q(e, {
+															name: V(Z(B), m),
+															className: "w-5 h-5"
+														})
+													}),
+													/* @__PURE__ */ J("div", {
+														className: "flex flex-col flex-1 min-w-0 gap-0.5",
+														children: [he ? /* @__PURE__ */ q("input", {
+															autoFocus: !0,
+															value: ve,
+															"aria-label": "Name",
+															onChange: (e) => Ce(e.target.value),
+															onBlur: Dt,
+															onKeyDown: (e) => e.key === "Enter" && Dt(),
+															className: "text-[17px] sm:text-[18px] font-bold tracking-tight leading-tight bg-transparent border-b-2 border-accent outline-none text-foreground w-full"
+														}) : /* @__PURE__ */ q("h3", {
+															onDoubleClick: () => {
+																Y(B) && (Ce(B.displayName || ""), _e(!0));
+															},
+															className: `text-[17px] sm:text-[18px] font-bold tracking-tight leading-tight text-foreground select-none truncate ${Y(B) ? "cursor-pointer hover:text-accent transition-colors" : ""}`,
+															title: Y(B) ? "Double-click to rename" : "",
+															children: U(B)
+														}), /* @__PURE__ */ q("p", {
+															className: "text-[12.5px] text-foreground/50 leading-snug truncate",
+															children: Ue(B)
+														})]
+													}),
+													B.inactive && /* @__PURE__ */ q("span", {
+														className: "max-sm:hidden",
+														children: /* @__PURE__ */ q(Et, {
+															label: "Off",
+															plain: !0
+														})
+													})
+												]
+											}), /* @__PURE__ */ J("div", {
+												className: "flex flex-col gap-5 p-4 sm:p-5",
+												children: [
+													(() => {
+														let e = l(B);
+														if (!e) return null;
+														let t = ct(e.role), n = e.at ? new Date(e.at).toLocaleDateString(void 0, {
+															day: "numeric",
+															month: "short"
+														}) : "";
+														return /* @__PURE__ */ J("div", {
+															className: "rounded-xl border border-accent/30 bg-accent/[0.05] px-4 py-3 flex items-center gap-3 flex-wrap",
+															children: [/* @__PURE__ */ J("div", {
+																className: "flex flex-col gap-0.5 min-w-0 flex-1",
+																children: [/* @__PURE__ */ q("span", {
+																	className: "text-[13px] font-bold text-foreground leading-tight",
+																	children: st(B)
+																}), /* @__PURE__ */ q("span", {
+																	className: "text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug",
+																	children: t ? `${n ? `Asked ${n}. ` : ""}A member until you say otherwise.` : "That role no longer exists — clear the request, or pick them another role below."
+																})]
+															}), Y(B) && /* @__PURE__ */ J("div", {
+																className: "flex items-center gap-2 shrink-0",
+																children: [t && /* @__PURE__ */ q(T, {
+																	icon: F,
+																	compact: !0,
+																	title: `Approve ${U(B)} as ${y(e.role, m)}`,
+																	onClick: () => mt(B, e.role),
+																	children: "Approve"
+																}), /* @__PURE__ */ q(T, {
+																	icon: P,
+																	compact: !0,
+																	title: t ? "Decline the request" : "Clear the request",
+																	onClick: () => gt(B),
+																	children: t ? "Decline" : "Clear"
+																})]
+															})]
+														});
+													})(),
+													/* @__PURE__ */ q(b, {
+														label: "Role",
+														hint: [lt(B), ot(B)].filter(Boolean).join(" · ") || void 0,
+														children: /* @__PURE__ */ q(re, {
+															ariaLabel: "Role",
+															value: Z(B),
+															options: $e,
+															onChange: (e) => {
+																let t = Ze.find((t) => t.value === e);
+																t && ft(B, t.value, t.label);
+															},
+															disabled: !Y(B),
+															className: "console-select",
+															dense: !0,
+															portal: !0,
+															direction: "auto"
+														})
+													}),
+													W && !Y(B) && B.id !== We?.id && /* @__PURE__ */ J("p", {
+														className: "-mt-3 flex items-center gap-1.5 px-1 text-[12px] font-medium text-foreground/45",
+														children: [/* @__PURE__ */ q(Oe, { className: "w-3 h-3 shrink-0" }), "Admin since before you, so only they can change this account."]
+													}),
+													/* @__PURE__ */ q(vt, {
+														person: B,
+														settings: _.finishRegistration
+													}),
+													/* @__PURE__ */ q("div", {
+														className: "pt-5 border-t border-[var(--panel-border)]/50",
+														children: /* @__PURE__ */ q(o, {
+															label: "Can use the app",
+															hint: B.inactive ? "Switched off — every page is closed to them." : "Switch off to close every page to them.",
+															hintWideOnly: !0,
+															enabled: !B.inactive,
+															onChange: (e) => bt(B, !e),
+															disabled: !Y(B)
+														})
+													}),
+													Y(B) && /* @__PURE__ */ J("div", {
+														className: "flex items-center justify-between gap-4 pt-5 border-t border-[var(--panel-border)]/50",
+														children: [/* @__PURE__ */ J("div", {
+															className: "flex flex-col gap-0.5 min-w-0 ml-1",
+															children: [/* @__PURE__ */ q("span", {
+																className: "text-[13px] font-medium text-foreground/80",
+																children: "Delete this person"
+															}), /* @__PURE__ */ q("span", {
+																className: "text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug max-sm:hidden",
+																children: "Everything about them goes, their sign-in with it. What they made on your pages stays."
+															})]
+														}), /* @__PURE__ */ q(T, {
+															icon: xe,
+															tone: "danger",
+															compact: !0,
+															title: `Delete ${U(B)}`,
+															onClick: () => N(B),
+															children: "Delete"
+														})]
+													})
+												]
+											})]
+										}) : /* @__PURE__ */ q("div", {
+											className: "rounded-2xl border border-dashed border-[var(--panel-border)] min-h-[200px] flex flex-col items-center justify-center gap-3 px-4 text-center",
+											children: $ && !E ? /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q("p", {
+												className: "text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug",
+												children: "This person is not on the list any more."
+											}), /* @__PURE__ */ q(T, {
+												onClick: () => D("/users", { replace: !0 }),
+												children: "Back to all users"
+											})] }) : /* @__PURE__ */ q("p", {
+												className: "text-[11px] sm:text-[11.5px] text-foreground/40 font-medium leading-snug",
+												children: "Pick somebody to see their role."
+											})
+										}))
+									]
+								})
+							}),
+							W && /* @__PURE__ */ q("div", {
+								hidden: $,
+								children: /* @__PURE__ */ q(ut, {
+									roles: m,
+									plans: te
+								})
+							}),
+							W && /* @__PURE__ */ q("div", {
+								hidden: $,
+								children: /* @__PURE__ */ q(pt, { roles: m })
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ q(ze, {
+				isOpen: !!M,
+				title: M ? `Delete ${U(M, "this person")}?` : "",
+				message: M ? ht(U(M, "this person")) : "",
+				confirmText: "Yes, delete them",
+				cancelText: "Keep them",
+				isProcessing: ke,
+				onCancel: () => N(null),
+				onConfirm: () => M && Ct(M)
+			})
+		]
+	});
+}
+//#endregion
+export { Dt as UsersTab };