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

package/dist/Inbox-BPk2ZkE5.js

@@ -0,0 +1,779 @@
+import { t as e } from "./PageTitle-D93YCiN8.js";
+import { D as t, E as n, Rn as r, Ta as i, Vn as a, a as o, cr as s, dr as c, ka as l, kt as u, l as ee, o as te, or as ne, p as re, sr as ie, ya as d, zn as ae } from "./TimeZoneField-DkI1Bkcz.js";
+import { S as f, a as oe, t as se, y as p } from "./DashboardNav-Dmn7PVSp.js";
+import { h as m, p as h } from "./verifiedAccount-DRbRFJ6H.js";
+import { C as ce, F as le, Sn as ue, _ as g, bn as de, lt as _, o as fe, vn as pe, z as me } from "./lucide-react-CA7GD7Nv.js";
+import { n as v } from "./Loader-D4gwgBOq.js";
+import { l as he } from "./address-C2bHNxJU.js";
+import { a as y, i as ge } from "./transactions-BqMQDRx3.js";
+import { i as _e, o as ve } from "./tabAudience-CRyMvv0v.js";
+import { t as ye } from "./FileViewerPopup-CX-J75TM.js";
+import { t as be } from "./FormNote-BivRNA3J.js";
+import { t as xe } from "./ConfirmModal-gKQEpd4d.js";
+import { n as Se } from "./SystemTabContent-QdxxLILE.js";
+import { n as Ce } from "./useIsPhone-BVGx_X3e.js";
+import { n as b } from "./contentKey-Bwry4lDa.js";
+import { t as x } from "./Attachments-Bl9_dfsu.js";
+import { useCallback as S, useDeferredValue as we, useEffect as C, useMemo as Te, useState as w } from "react";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { collection as O, deleteDoc as Ee, doc as k, getDoc as A, onSnapshot as j, orderBy as De, query as Oe, updateDoc as M } from "firebase/firestore";
+import { Link as N, useSearchParams as ke } from "react-router-dom";
+//#region src/pages/Inbox.tsx
+var P = {
+	anyone: {
+		collectionName: "user_submissions",
+		chip: "Anyone",
+		said: "Not signed in",
+		filterLabel: "From anyone"
+	},
+	signedIn: {
+		collectionName: "user_requests",
+		chip: "Signed-in user",
+		said: "Signed-in user",
+		filterLabel: "From signed-in users"
+	}
+}, F = [
+	"id",
+	"source",
+	"uid",
+	"submittedAt",
+	"avatarUrl",
+	"isArchived",
+	"name",
+	"full_name",
+	"email",
+	"contactEmail",
+	"topic"
+], I = (e) => e == null ? "" : typeof e == "boolean" ? e ? "Yes" : "No" : Array.isArray(e) ? e.map(I).filter(Boolean).join("\n") : typeof e == "object" ? typeof e.toDate == "function" ? R(e) : Object.entries(e).filter(([e]) => !ge(e)).map(([e, t]) => `${e}: ${I(t)}`).join(" · ") : String(e), L = (e) => {
+	let t = e.submittedAt;
+	if (!t) return 0;
+	if (typeof t.toMillis == "function") return t.toMillis();
+	if (typeof t.toDate == "function") return t.toDate().getTime();
+	let n = new Date(t).getTime();
+	return Number.isNaN(n) ? 0 : n;
+}, R = (e) => {
+	if (!e) return "Just now";
+	let t = e.toDate ? e.toDate() : new Date(e);
+	return new Intl.DateTimeFormat("en-US", {
+		month: "short",
+		day: "numeric",
+		hour: "numeric",
+		minute: "numeric"
+	}).format(t);
+}, Ae = (e) => {
+	if (!e) return "now";
+	let t = e.toDate ? e.toDate() : new Date(e), n = /* @__PURE__ */ new Date();
+	return t.toDateString() === n.toDateString() ? new Intl.DateTimeFormat("en-US", {
+		hour: "numeric",
+		minute: "numeric"
+	}).format(t) : new Intl.DateTimeFormat("en-US", t.getFullYear() === n.getFullYear() ? {
+		month: "short",
+		day: "numeric"
+	} : {
+		month: "short",
+		year: "numeric"
+	}).format(t);
+}, z = (e) => {
+	let t = new Date(e);
+	return new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime();
+}, B = (e) => {
+	let t = L(e);
+	if (!t) return "Older";
+	let n = Math.round((z(Date.now()) - z(t)) / 864e5);
+	return n <= 0 ? "Today" : n === 1 ? "Yesterday" : n < 7 ? "This week" : n < 30 ? "This month" : "Older";
+}, je = (e) => e.reduce((e, t) => {
+	let n = B(t), r = e[e.length - 1];
+	return r && r.label === n ? r.items.push(t) : e.push({
+		label: n,
+		items: [t]
+	}), e;
+}, []), V = (e) => e.submitterName || e.name || e.full_name || "Anonymous", H = (e) => e.contactEmail || e.email || "", U = (e) => `${e.source}:${e.id}`, Me = (e) => {
+	let t = Object.entries(e).filter(([t]) => !F.includes(t) && !t.toLowerCase().startsWith("submitter") && t.toLowerCase() !== "formid" && !he(t, e));
+	return e.topic ? [["topic", e.topic], ...t] : t;
+}, W = (e) => e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()), Ne = (e) => {
+	let t = Me(e).filter(([e]) => e !== "topic"), n = t.find(([, e]) => !a(e) && I(e).trim()), r = t.filter(([, e]) => a(e)).reduce((e, [, t]) => e + ae(t).length, 0), i = (n ? I(n[1]) : r > 0 ? `${r} ${r === 1 ? "file" : "files"} attached` : H(e)).replace(/\s*\n+\s*/g, " · ").replace(/\s+/g, " ").trim();
+	return [e.topic ? String(e.topic).trim() : "", i].filter(Boolean).join(" — ").slice(0, 200);
+}, Pe = (e) => e.replace(/_/g, " ").replace(/^\w/, (e) => e.toUpperCase()), G = (e, t) => {
+	let n = {};
+	for (let [r, i] of t) n[r] = {
+		...i?.config || {},
+		...e[r] || {}
+	};
+	for (let [t, r] of Object.entries(e)) {
+		let i = String(r?.fileId || "");
+		i && i !== t && !e[i] ? (n[t] = {
+			...n[i] || {},
+			...r
+		}, delete n[i]) : n[t] || (n[t] = r);
+	}
+	return Object.entries(n);
+};
+function K(e, t = {}, n = f()) {
+	let r = b(e);
+	if (!r) return {
+		name: "Contact",
+		Icon: _
+	};
+	let i = typeof window < "u" && window.__FBOS_FORMS__ || {}, a = i[r] || i[String(e)], o = null;
+	for (let [e, i] of G(t, n)) {
+		let t = new Set([
+			e,
+			i?.contentKey,
+			i?.pageId,
+			i?.tabName,
+			i?.pageName,
+			i?.title
+		].map(b).filter((e) => e.length >= 3));
+		for (let e of t) (r === e || r.startsWith(e)) && (!o || e.length > o.key.length) && (o = {
+			key: e,
+			page: i
+		});
+	}
+	let s = o?.page;
+	return {
+		name: String(s?.tabName || s?.pageName || s?.title || a?.title || "").trim() || Pe(r),
+		Icon: p(s?.iconName) || _
+	};
+}
+var Fe = () => {
+	try {
+		let e = localStorage.getItem("fbos_nav_tabs"), t = e ? JSON.parse(e) : null;
+		return t && typeof t == "object" ? t : {};
+	} catch {
+		return {};
+	}
+};
+function Ie() {
+	let [e, t] = w(Fe);
+	return C(() => d("sys_tabs", () => O(l, "sys_tabs"), (e) => {
+		let n = {};
+		for (let t of e.docs || []) n[t.id] = t.data();
+		t(n);
+	}, () => {}), []), S((t) => K(t, e), [e]);
+}
+var q = "fbos_inbox_seen_at", J = "fbos_inbox_opened", Y = 500, Le = () => {
+	try {
+		let e = Number(localStorage.getItem(q));
+		if (e > 0 || localStorage.getItem(q) === "0") return e;
+		let t = Date.now();
+		return localStorage.setItem(q, String(t)), t;
+	} catch {
+		return Date.now();
+	}
+}, Re = () => {
+	try {
+		let e = JSON.parse(localStorage.getItem(J) || "[]");
+		return new Set(Array.isArray(e) ? e.map(String) : []);
+	} catch {
+		return /* @__PURE__ */ new Set();
+	}
+};
+function ze() {
+	let [e, t] = w(Re);
+	return [e, S((e) => {
+		t((t) => {
+			if (t.has(e)) return t;
+			let n = new Set(t);
+			n.add(e);
+			try {
+				localStorage.setItem(J, JSON.stringify([...n].slice(-Y)));
+			} catch {}
+			return n;
+		});
+	}, [])];
+}
+var X = /* @__PURE__ */ new Map(), Z = (e) => {
+	let t = X.get(e);
+	return t || (t = A(k(l, "user_profiles", e)).then((e) => e.exists() ? e.data() : null).catch((t) => (console.error("Failed to fetch profile", t), X.delete(e), null)), X.set(e, t)), t;
+};
+function Q(e, t) {
+	let [n, r] = w([]), [i, a] = w(!0), [o, s] = w(null);
+	return C(() => {
+		let n = !1, i = P[e].collectionName, o = j(Oe(O(l, i), De("submittedAt", "desc")), async (i) => {
+			let o = i.docs.filter((e) => {
+				let t = e.data();
+				return !(t.formId === "booking" || u(t) || y(t));
+			}), c = await Promise.all(o.map(async (n) => {
+				let r = { ...n.data() }, i = "";
+				if (t && r.uid && r.uid !== "guest") {
+					let e = await Z(r.uid);
+					e && ((e.avatar || e.photoURL) && (i = e.avatar || e.photoURL), r.name ||= e.name || e.displayName, r.email ||= e.email, r.contactEmail ||= e.email);
+				}
+				return {
+					...r,
+					id: n.id,
+					source: e,
+					avatarUrl: i
+				};
+			}));
+			n || (r(c), s(null), a(!1));
+		}, (e) => {
+			console.error(`Error loading ${i}:`, e), n || (s(e), a(!1));
+		});
+		return () => {
+			n = !0, o();
+		};
+	}, [e, t]), {
+		items: n,
+		loading: i,
+		refused: o
+	};
+}
+var Be = [
+	.16,
+	1,
+	.3,
+	1
+];
+function Ve({ on: e, onClick: t, label: n, short: r, count: i }) {
+	return /* @__PURE__ */ D("button", {
+		type: "button",
+		onClick: t,
+		"aria-pressed": e,
+		"aria-label": n,
+		className: `h-7 px-2.5 inline-flex items-center gap-1.5 rounded-full text-[12.5px] font-medium border whitespace-nowrap transition-colors cursor-pointer active:scale-[0.98] ${e ? "bg-accent/10 border-accent/30 text-accent" : "border-[var(--panel-border)] text-foreground/60 hover:text-foreground hover:bg-foreground/[0.03]"}`,
+		children: [r ? /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
+			className: "sm:hidden",
+			children: r
+		}), /* @__PURE__ */ E("span", {
+			className: "max-sm:hidden",
+			children: n
+		})] }) : n, i ? /* @__PURE__ */ E("span", {
+			className: "tabular-nums text-[11.5px] opacity-70",
+			children: i
+		}) : null]
+	});
+}
+var He = "w-8 h-8 inline-flex items-center justify-center rounded-lg text-foreground/50 hover:text-foreground hover:bg-foreground/[0.06] transition-colors cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-accent/50";
+function Ue({ item: e, look: t, selected: n, unread: r, onSelect: i, onArchive: a, onDelete: o }) {
+	let s = V(e), c = t.Icon, l = !!(a || o);
+	return /* @__PURE__ */ D("div", {
+		className: "group relative px-2 md:px-3",
+		children: [/* @__PURE__ */ D("button", {
+			type: "button",
+			onClick: i,
+			"aria-current": n ? "true" : void 0,
+			"aria-label": `Show details from ${s}`,
+			"data-unread": r ? "true" : void 0,
+			className: `w-full flex items-center gap-3 px-3 py-2.5 rounded-xl text-left transition-colors cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-accent/40 ${n ? "bg-accent/[0.1]" : r ? "bg-accent/[0.05] hover:bg-accent/[0.08]" : "hover:bg-foreground/[0.03]"}`,
+			children: [
+				/* @__PURE__ */ E("span", {
+					"aria-hidden": "true",
+					className: `w-1.5 h-1.5 rounded-full shrink-0 ${r ? "bg-accent" : "bg-transparent"}`
+				}),
+				/* @__PURE__ */ E(c, {
+					"aria-hidden": "true",
+					className: `w-4 h-4 shrink-0 ${n ? "text-accent" : "text-foreground/45"}`
+				}),
+				/* @__PURE__ */ E("span", {
+					className: `shrink-0 max-w-[42%] truncate text-[13.5px] ${r ? "font-semibold text-foreground" : "font-medium text-foreground/85"}`,
+					children: s
+				}),
+				/* @__PURE__ */ E("span", {
+					className: `flex-1 min-w-0 truncate text-[13px] ${r ? "text-foreground/65" : "text-foreground/50"}`,
+					children: Ne(e)
+				}),
+				/* @__PURE__ */ E("span", {
+					className: `shrink-0 text-[11.5px] tabular-nums text-foreground/40 transition-opacity ${l ? "group-hover:opacity-0" : ""}`,
+					children: Ae(e.submittedAt)
+				})
+			]
+		}), l && /* @__PURE__ */ D("div", {
+			className: "absolute right-4 md:right-5 top-1/2 -translate-y-1/2 flex items-center gap-0.5 rounded-lg bg-background/90 backdrop-blur-sm opacity-0 group-hover:opacity-100 focus-within:opacity-100 transition-opacity",
+			children: [a && /* @__PURE__ */ E("button", {
+				type: "button",
+				onClick: a,
+				"aria-label": e.isArchived ? "Restore" : "Archive",
+				title: e.isArchived ? "Restore" : "Archive",
+				className: He,
+				children: e.isArchived ? /* @__PURE__ */ E(pe, { className: "w-4 h-4" }) : /* @__PURE__ */ E(ue, { className: "w-4 h-4" })
+			}), o && /* @__PURE__ */ E("button", {
+				type: "button",
+				onClick: o,
+				"aria-label": "Delete",
+				title: "Delete",
+				className: He,
+				children: /* @__PURE__ */ E(ce, { className: "w-4 h-4" })
+			})]
+		})]
+	});
+}
+function We({ item: e, look: t, canOpenProfile: n, actions: r, onOpenFile: i }) {
+	let o = V(e), s = H(e), c = Me(e), l = !!e.uid && e.uid !== "guest";
+	return /* @__PURE__ */ D("article", {
+		"aria-label": `Message from ${o}`,
+		className: "px-5 py-6 sm:px-8 sm:py-8 lg:px-10 flex flex-col gap-6 max-w-3xl",
+		children: [/* @__PURE__ */ D("header", {
+			className: "flex flex-col gap-4",
+			children: [/* @__PURE__ */ D("div", {
+				className: "flex items-start justify-between gap-4",
+				children: [/* @__PURE__ */ D("div", {
+					className: "min-w-0 flex flex-col gap-1",
+					children: [
+						/* @__PURE__ */ E("p", {
+							className: "text-[12.5px] font-medium text-foreground/50",
+							children: t.name
+						}),
+						/* @__PURE__ */ E("h2", {
+							className: "text-[22px] sm:text-2xl font-semibold tracking-tight text-foreground leading-tight [overflow-wrap:anywhere]",
+							children: o
+						}),
+						/* @__PURE__ */ E("p", {
+							className: "text-[13px] text-foreground/60 flex flex-wrap items-center gap-x-2 gap-y-0.5",
+							children: [
+								s ? /* @__PURE__ */ E("span", {
+									className: "[overflow-wrap:anywhere]",
+									children: s
+								}, "email") : null,
+								/* @__PURE__ */ E("span", { children: P[e.source].said }, "who"),
+								/* @__PURE__ */ E("span", {
+									className: "tabular-nums",
+									children: R(e.submittedAt)
+								}, "when")
+							].filter(Boolean).map((e, t) => /* @__PURE__ */ D("span", {
+								className: "inline-flex items-center gap-x-2",
+								children: [t > 0 && /* @__PURE__ */ E("span", {
+									"aria-hidden": "true",
+									className: "text-foreground/30",
+									children: "·"
+								}), e]
+							}, e.key))
+						})
+					]
+				}), r && /* @__PURE__ */ E("div", {
+					className: "flex items-center gap-1.5 shrink-0",
+					children: r
+				})]
+			}), l && n && /* @__PURE__ */ D(N, {
+				to: `/users/${e.uid}`,
+				className: "self-start inline-flex items-center gap-1.5 text-[13px] font-medium text-accent hover:underline",
+				children: [/* @__PURE__ */ E(g, {
+					className: "w-3.5 h-3.5",
+					"aria-hidden": "true"
+				}), "Open this person’s profile"]
+			})]
+		}), c.length > 0 ? /* @__PURE__ */ E("dl", {
+			className: "border-t border-[var(--panel-border)]/70 divide-y divide-[var(--panel-border)]/50",
+			children: c.map(([e, t]) => /* @__PURE__ */ D("div", {
+				className: "py-3.5 sm:grid sm:grid-cols-[minmax(7rem,11rem)_minmax(0,1fr)] sm:gap-6",
+				children: [/* @__PURE__ */ E("dt", {
+					className: "text-[13px] text-foreground/60 mb-1 sm:mb-0 sm:pt-px",
+					children: W(e)
+				}), /* @__PURE__ */ E("dd", {
+					className: "min-w-0",
+					children: a(t) ? /* @__PURE__ */ E(x, {
+						value: t,
+						onOpen: i
+					}) : /* @__PURE__ */ E("p", {
+						className: "text-[14.5px] text-foreground leading-relaxed whitespace-pre-wrap break-words [overflow-wrap:anywhere]",
+						children: I(t) || "No data provided"
+					})
+				})]
+			}, e))
+		}) : /* @__PURE__ */ E("p", {
+			className: "border-t border-[var(--panel-border)]/70 pt-4 text-[13.5px] text-foreground/50",
+			children: "This form only asked for a name and email."
+		})]
+	});
+}
+function Ge({ items: c, loading: l, refused: u, onArchive: d, onDelete: f, opensUsers: oe, formLook: p, initialOpen: m = null }) {
+	let h = Ce(), g = ne(), [_, he] = w("all"), [y, ge] = w("all"), [_e, ve] = w(!1), [b, x] = w(!1), [O, Ee] = w(""), k = we(O.trim().toLowerCase()), [A, j] = w(m), [De, Oe] = w(null), [M, N] = w(""), [F, R] = w(null), [Ae, z] = w(!1), [B, W] = w(null), [Ne] = w(Le), [Pe, G] = ze(), K = S((e) => L(e) > Ne && !Pe.has(U(e)), [Ne, Pe]), Fe = S((e) => {
+		let t = U(e);
+		j(t), N(""), G(t);
+	}, [G]), [Ie, q] = ke(), J = Ie.get("open");
+	C(() => {
+		if (!J || l) return;
+		let e = c.find((e) => U(e) === J);
+		e && (e.isArchived && x(!0), Fe(e), q({}, { replace: !0 }));
+	}, [
+		J,
+		l,
+		c
+	]), C(() => {
+		m && c.find((e) => U(e) === m)?.isArchived && x(!0);
+	}, [m]);
+	let Y = h && !!A;
+	C(() => {
+		if (!Y || typeof document > "u") return;
+		let e = document.body.style.overflow;
+		return document.body.style.overflow = "hidden", () => {
+			document.body.style.overflow = e;
+		};
+	}, [Y]);
+	let Re = Te(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of c) {
+			let n = String(t.formId || "");
+			e.has(n) || e.set(n, p(t.formId));
+		}
+		return e;
+	}, [c, p]), X = [...Re.entries()], Z = S((e) => Re.get(String(e.formId || "")) || p(e.formId), [Re, p]), Q = c.filter((e) => e.isArchived).length, He = c.filter((e) => !e.isArchived && K(e)).length, Ge = Te(() => c.filter((e) => !(!!e.isArchived !== b || _ !== "all" && e.source !== _ || y !== "all" && String(e.formId || "") !== y || _e && !K(e) || k && ![
+		V(e),
+		H(e),
+		Z(e).name,
+		...Me(e).map(([, e]) => a(e) ? ae(e).map(r).join(" ") : I(e))
+	].join("\n").toLowerCase().includes(k))), [
+		c,
+		b,
+		_,
+		y,
+		_e,
+		k,
+		K,
+		Z
+	]), $ = A && c.find((e) => U(e) === A) || null, Ke = async (e) => {
+		if (!d) return;
+		let t = U(e);
+		Oe(t), N("");
+		try {
+			await d(e), G(t), A === t && j(null);
+		} catch (e) {
+			N(i(e, "The message could not be moved."));
+		}
+		Oe(null);
+	}, qe = async () => {
+		if (!(!F || !f)) {
+			z(!0), N("");
+			try {
+				await f(F), A === U(F) && j(null), R(null);
+			} catch (e) {
+				N(i(e, "The message could not be deleted.")), R(null);
+			}
+			z(!1);
+		}
+	}, Je = [
+		{
+			key: "all",
+			label: "Everything",
+			short: "All"
+		},
+		{
+			key: "anyone",
+			label: P.anyone.filterLabel,
+			short: "Anyone"
+		},
+		{
+			key: "signedIn",
+			label: P.signedIn.filterLabel,
+			short: "Signed in"
+		}
+	], Ye = (e, t = !1) => {
+		let n = H(e);
+		return n ? /* @__PURE__ */ D("a", {
+			href: `mailto:${n}`,
+			title: "Reply by email",
+			"aria-label": "Reply by email",
+			className: `${o} ${t ? "max-sm:w-8 max-sm:px-0 max-sm:gap-0 max-sm:border-transparent max-sm:hover:border-transparent max-sm:hover:bg-foreground/[0.06]" : ""}`,
+			children: [/* @__PURE__ */ E(me, {
+				className: "w-3.5 h-3.5 shrink-0",
+				"aria-hidden": "true"
+			}), t ? /* @__PURE__ */ E("span", {
+				className: "max-sm:hidden",
+				children: "Reply"
+			}) : "Reply"]
+		}) : null;
+	}, Xe = (e, t = !1) => /* @__PURE__ */ D(T, { children: [
+		Ye(e, t),
+		d && /* @__PURE__ */ E(te, {
+			icon: e.isArchived ? pe : ue,
+			onClick: () => Ke(e),
+			busy: De === U(e),
+			compact: t,
+			title: e.isArchived ? "Restore" : "Archive",
+			children: e.isArchived ? "Restore" : "Archive"
+		}),
+		f && /* @__PURE__ */ E(te, {
+			icon: ce,
+			tone: "danger",
+			onClick: () => R(e),
+			compact: t,
+			title: "Delete",
+			children: "Delete"
+		})
+	] }), Ze = Ge.length === 0 ? /* @__PURE__ */ E("p", {
+		className: "px-6 py-14 text-center text-[13.5px] text-foreground/50",
+		children: b ? "Nothing archived matches." : Q > 0 && c.length === Q ? "Everything here is archived." : "Nothing matches."
+	}) : /* @__PURE__ */ E(t, {
+		className: "flex flex-col pb-3",
+		children: je(Ge).flatMap((e) => [/* @__PURE__ */ E("p", {
+			className: "px-5 md:px-6 pt-4 pb-1.5 text-[11.5px] font-medium uppercase tracking-[0.14em] text-foreground/40 select-none",
+			children: e.label
+		}, `h:${e.label}`), ...e.items.map((e) => /* @__PURE__ */ E(Ue, {
+			item: e,
+			look: Z(e),
+			selected: A === U(e),
+			unread: K(e),
+			onSelect: () => Fe(e),
+			onArchive: !h && d ? () => Ke(e) : void 0,
+			onDelete: !h && f ? () => R(e) : void 0
+		}, U(e)))])
+	}), Qe = /* @__PURE__ */ D("div", {
+		className: "p-4 md:p-5 flex flex-col gap-3 border-b border-[var(--panel-border)]/60",
+		children: [/* @__PURE__ */ D("div", {
+			className: ee,
+			children: [
+				/* @__PURE__ */ E(le, {
+					className: "w-4 h-4 mr-2.5 text-foreground/30 shrink-0",
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ E("input", {
+					type: "text",
+					value: O,
+					onChange: (e) => Ee(e.target.value),
+					placeholder: "Search messages",
+					"aria-label": "Search messages",
+					className: `${re} no-glow`
+				}),
+				O && /* @__PURE__ */ E("button", {
+					type: "button",
+					onClick: () => Ee(""),
+					"aria-label": "Clear search",
+					className: "ml-2 -mr-1 w-7 h-7 inline-flex items-center justify-center rounded-lg text-foreground/40 hover:text-foreground hover:bg-foreground/[0.06] transition-colors cursor-pointer",
+					children: /* @__PURE__ */ E(fe, { className: "w-3.5 h-3.5" })
+				})
+			]
+		}), /* @__PURE__ */ D("div", {
+			className: "flex flex-wrap items-center gap-1.5",
+			children: [
+				Je.map((e) => /* @__PURE__ */ E(Ve, {
+					on: _ === e.key,
+					onClick: () => he(e.key),
+					label: e.label,
+					short: e.short
+				}, e.key)),
+				/* @__PURE__ */ E("span", {
+					"aria-hidden": "true",
+					className: "w-px h-3.5 mx-0.5 bg-[var(--panel-border)]"
+				}),
+				/* @__PURE__ */ E(Ve, {
+					on: _e,
+					onClick: () => ve((e) => !e),
+					label: "Unread",
+					count: He
+				}),
+				X.length > 1 && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
+					"aria-hidden": "true",
+					className: "w-px h-3.5 mx-0.5 bg-[var(--panel-border)]"
+				}), X.map(([e, t]) => /* @__PURE__ */ E(Ve, {
+					on: y === e,
+					onClick: () => ge((t) => t === e ? "all" : e),
+					label: t.name
+				}, e || "_"))] }),
+				Q > 0 && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E("span", {
+					"aria-hidden": "true",
+					className: "w-px h-3.5 mx-0.5 bg-[var(--panel-border)]"
+				}), /* @__PURE__ */ E(Ve, {
+					on: b,
+					onClick: () => x((e) => !e),
+					label: "Archived",
+					count: Q
+				})] })
+			]
+		})]
+	}), $e = l ? /* @__PURE__ */ E("div", {
+		className: "flex-1 min-h-0 md:grid md:grid-cols-[minmax(340px,430px)_minmax(0,1fr)]",
+		children: /* @__PURE__ */ D("div", {
+			className: "p-4 md:p-5 flex flex-col gap-3 md:border-r md:border-[var(--panel-border)]/70",
+			"aria-busy": "true",
+			children: [
+				/* @__PURE__ */ E(v, { className: "h-10 rounded-xl" }),
+				/* @__PURE__ */ D("div", {
+					className: "flex gap-1.5",
+					children: [
+						/* @__PURE__ */ E(v, { className: "h-8 w-24 rounded-full" }),
+						/* @__PURE__ */ E(v, { className: "h-8 w-28 rounded-full" }),
+						/* @__PURE__ */ E(v, { className: "h-8 w-20 rounded-full" })
+					]
+				}),
+				/* @__PURE__ */ E("div", {
+					className: "flex flex-col gap-1.5 pt-2",
+					children: [
+						0,
+						1,
+						2,
+						3,
+						4,
+						5
+					].map((e) => /* @__PURE__ */ E(v, {
+						className: "h-10 rounded-xl",
+						style: { opacity: 1 - e * .12 }
+					}, e))
+				})
+			]
+		})
+	}) : u && c.length === 0 ? /* @__PURE__ */ E("div", {
+		className: "flex-1 flex items-center justify-center p-8",
+		children: /* @__PURE__ */ E(be, {
+			tone: "error",
+			children: i(u, "The messages could not be read.")
+		})
+	}) : c.length === 0 ? /* @__PURE__ */ D("div", {
+		className: "flex-1 flex flex-col items-center justify-center text-center gap-1 px-8 py-20",
+		children: [/* @__PURE__ */ E("p", {
+			className: "text-[14px] font-medium text-foreground/70",
+			children: "Nothing here yet"
+		}), /* @__PURE__ */ E("p", {
+			className: "text-[13px] text-foreground/45",
+			children: "Everything people send you through a form on your site lands here."
+		})]
+	}) : h ? /* @__PURE__ */ D("div", {
+		className: "flex flex-col",
+		children: [Qe, Ze]
+	}) : /* @__PURE__ */ D("div", {
+		className: "flex-1 min-h-0 grid grid-cols-[minmax(340px,430px)_minmax(0,1fr)]",
+		children: [/* @__PURE__ */ D("div", {
+			className: "flex flex-col min-h-0 border-r border-[var(--panel-border)]/70",
+			children: [Qe, /* @__PURE__ */ E("div", {
+				className: "flex-1 min-h-0 overflow-y-auto",
+				children: Ze
+			})]
+		}), /* @__PURE__ */ E("div", {
+			className: "min-h-0 overflow-y-auto",
+			children: /* @__PURE__ */ E(ie.div, {
+				initial: g ? !1 : {
+					opacity: 0,
+					y: 8
+				},
+				animate: {
+					opacity: 1,
+					y: 0
+				},
+				transition: {
+					duration: .25,
+					ease: Be
+				},
+				className: "min-h-full flex flex-col",
+				children: $ ? /* @__PURE__ */ D(T, { children: [M && /* @__PURE__ */ E("div", {
+					className: "px-8 pt-6 lg:px-10",
+					children: /* @__PURE__ */ E(be, {
+						tone: "error",
+						children: M
+					})
+				}), /* @__PURE__ */ E(We, {
+					item: $,
+					look: Z($),
+					canOpenProfile: oe,
+					actions: Xe($),
+					onOpenFile: W
+				})] }) : /* @__PURE__ */ E("div", {
+					className: "flex-1 flex items-center justify-center p-8",
+					children: /* @__PURE__ */ E("p", {
+						className: "text-[13.5px] text-foreground/40",
+						children: "Select a message to read it."
+					})
+				})
+			}, $ ? U($) : "none")
+		})]
+	});
+	return /* @__PURE__ */ D("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__ */ D(ie.div, {
+				initial: {
+					opacity: 0,
+					y: 20
+				},
+				animate: {
+					opacity: 1,
+					y: 0
+				},
+				className: "mb-6",
+				children: [/* @__PURE__ */ E(e, { children: "Inbox" }), /* @__PURE__ */ D("div", {
+					className: "flex items-center gap-2 text-foreground/40 font-bold uppercase tracking-[0.2em] text-[11px]",
+					children: [/* @__PURE__ */ E("span", { className: "w-8 h-[1px] bg-foreground/10" }), "/inbox"]
+				})]
+			}),
+			/* @__PURE__ */ D("div", {
+				className: "flex flex-col gap-6 flex-1 pb-16",
+				children: [
+					/* @__PURE__ */ E("div", {
+						className: "flex justify-start",
+						children: /* @__PURE__ */ E(se, {})
+					}),
+					/* @__PURE__ */ E(Se, { tab: "inbox" }),
+					/* @__PURE__ */ E(n, {
+						as: "section",
+						className: "glass-panel border border-[var(--panel-border)] rounded-2xl md:rounded-3xl shadow-2xl bg-[var(--panel-bg)] overflow-hidden flex flex-col fbos-tab-fill min-h-[420px] md:h-[clamp(560px,calc(100dvh-14rem),960px)]",
+						children: $e
+					})
+				]
+			}),
+			/* @__PURE__ */ E(s, { children: Y && $ && /* @__PURE__ */ D(ie.div, {
+				role: "dialog",
+				"aria-label": `Message from ${V($)}`,
+				initial: g ? { opacity: 0 } : { x: "100%" },
+				animate: g ? { opacity: 1 } : { x: 0 },
+				exit: g ? { opacity: 0 } : { x: "100%" },
+				transition: {
+					duration: .28,
+					ease: Be
+				},
+				className: "fixed inset-0 z-[70] bg-background overflow-y-auto",
+				children: [
+					/* @__PURE__ */ D("div", {
+						className: "sticky top-0 z-10 flex items-center justify-between gap-2 px-3 h-14 bg-background/85 backdrop-blur-xl border-b border-[var(--panel-border)]/60",
+						children: [/* @__PURE__ */ D("button", {
+							type: "button",
+							onClick: () => j(null),
+							"aria-label": "Back to the list",
+							className: "inline-flex items-center gap-1.5 h-9 pl-2 pr-3 rounded-xl text-[13px] font-medium text-foreground/70 hover:text-foreground hover:bg-foreground/[0.05] transition-colors cursor-pointer",
+							children: [/* @__PURE__ */ E(de, {
+								className: "w-4 h-4",
+								"aria-hidden": "true"
+							}), "Inbox"]
+						}), /* @__PURE__ */ E("div", {
+							className: "flex items-center gap-1",
+							children: Xe($, !0)
+						})]
+					}),
+					M && /* @__PURE__ */ E("div", {
+						className: "px-5 pt-4",
+						children: /* @__PURE__ */ E(be, {
+							tone: "error",
+							children: M
+						})
+					}),
+					/* @__PURE__ */ E(We, {
+						item: $,
+						look: Z($),
+						canOpenProfile: oe,
+						onOpenFile: W
+					})
+				]
+			}, "phone-sheet") }),
+			/* @__PURE__ */ E(xe, {
+				isOpen: !!F,
+				title: "Delete this message?",
+				message: "This removes it for good. There is no undo — archive it instead if you only want it out of the way.",
+				onConfirm: qe,
+				onCancel: () => R(null),
+				isProcessing: Ae,
+				confirmText: "Yes, delete"
+			}),
+			/* @__PURE__ */ E(ye, {
+				open: !!B,
+				onClose: () => W(null),
+				src: B?.src || "",
+				name: B?.name
+			})
+		]
+	});
+}
+function $() {
+	let { userRole: e } = c(), { access: t } = oe(), n = m(e), r = _e(e, ve(t, "users")), i = n || h(e) || r, a = Q("anyone", i), o = Q("signedIn", i), s = Ie(), u = a.loading || o.loading, ee = a.refused || o.refused, te = Te(() => [...a.items, ...o.items].sort((e, t) => L(t) - L(e)), [a.items, o.items]), ne = S(async (e) => {
+		await M(k(l, P[e.source].collectionName, e.id), { isArchived: !e.isArchived });
+	}, []), re = S(async (e) => {
+		await Ee(k(l, P[e.source].collectionName, e.id));
+	}, []);
+	return /* @__PURE__ */ E(Ge, {
+		items: te,
+		loading: u,
+		refused: ee,
+		onArchive: n ? ne : void 0,
+		onDelete: n ? re : void 0,
+		opensUsers: r,
+		formLook: s
+	});
+}
+//#endregion
+export { $ as Inbox };