@relaya-chat/react 1.0.0

package/dist/AdminPanel-CBs17LkG.js

@@ -0,0 +1,3159 @@
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ../core/dist/types.js
+var s = {
+	READ: "chat.read",
+	POST: "chat.post",
+	EDIT_OWN: "chat.edit_own",
+	DELETE_OWN: "chat.delete_own",
+	DELETE_ANY: "chat.delete_any",
+	REPORT: "chat.report",
+	BAN_USER: "chat.ban_user",
+	MANAGE_ROLES: "chat.manage_roles",
+	MENTION_CHANNEL: "chat.mention_channel"
+}, c = class {
+	baseUrl;
+	getToken;
+	constructor(e, t) {
+		this.baseUrl = e, this.getToken = t;
+	}
+	authHeaders() {
+		let e = this.getToken();
+		return e ? { Authorization: `Bearer ${e}` } : {};
+	}
+	async request(e, t, n) {
+		let r = `${this.baseUrl}${t}`, i = { ...this.authHeaders() };
+		n !== void 0 && (i["Content-Type"] = "application/json");
+		let a = await fetch(r, {
+			method: e,
+			headers: i,
+			body: n === void 0 ? void 0 : JSON.stringify(n)
+		});
+		if (a.status !== 204) {
+			if (!a.ok) {
+				let e = {};
+				try {
+					e = await a.json();
+				} catch {}
+				let t = e?.error;
+				throw {
+					status: a.status,
+					code: (typeof t == "object" ? t?.code : void 0) ?? "API_ERROR",
+					message: (typeof t == "object" ? t?.message : t) ?? a.statusText
+				};
+			}
+			return a.json();
+		}
+	}
+	async parseResponse(e) {
+		if (e.status !== 204) {
+			if (!e.ok) {
+				let t = {};
+				try {
+					t = await e.json();
+				} catch {}
+				let n = t?.error;
+				throw {
+					status: e.status,
+					code: (typeof n == "object" ? n?.code : void 0) ?? "API_ERROR",
+					message: (typeof n == "object" ? n?.message : n) ?? e.statusText
+				};
+			}
+			return e.json();
+		}
+	}
+	async login(e, t) {
+		return this.request("POST", "/auth/login", {
+			email: e,
+			stationSlug: t
+		});
+	}
+	async requestCode(e, t) {
+		return this.request("POST", "/auth/request-code", {
+			email: e,
+			stationSlug: t
+		});
+	}
+	async verifyCode(e, t, n) {
+		return this.request("POST", "/auth/verify-code", {
+			pendingId: e,
+			code: t,
+			stationSlug: n
+		});
+	}
+	async verify(e, t) {
+		return this.request("GET", `/auth/verify?token=${encodeURIComponent(e)}&station=${encodeURIComponent(t)}`);
+	}
+	async refresh(e) {
+		return this.request("POST", "/auth/refresh", { refreshToken: e });
+	}
+	async getStation(e) {
+		return this.request("GET", `/api/chat/stations/${encodeURIComponent(e)}`);
+	}
+	async getMessages(e, t) {
+		let n = new URLSearchParams();
+		t?.before && n.set("before", t.before), t?.after && n.set("after", t.after), t?.limit !== void 0 && n.set("limit", String(t.limit));
+		let r = n.toString() ? `?${n.toString()}` : "";
+		return this.request("GET", `/api/chat/${e}/messages${r}`);
+	}
+	async deleteMessage(e, t) {
+		return this.request("DELETE", `/api/chat/${e}/messages/${t}`);
+	}
+	async editMessage(e, t, n) {
+		return this.request("PATCH", `/api/chat/${e}/messages/${t}`, { content: n });
+	}
+	async createReport(e, t, n, r) {
+		return this.request("POST", `/api/chat/${e}/messages/${t}/report`, {
+			reason: n,
+			details: r
+		});
+	}
+	async getReports(e, t) {
+		let n = new URLSearchParams();
+		t?.status && n.set("status", t.status), t?.limit !== void 0 && n.set("limit", String(t.limit)), t?.offset !== void 0 && n.set("offset", String(t.offset));
+		let r = n.toString() ? `?${n.toString()}` : "";
+		return this.request("GET", `/api/chat/${e}/reports${r}`);
+	}
+	async updateReport(e, t, n) {
+		return this.request("PATCH", `/api/chat/${e}/reports/${t}`, n);
+	}
+	async createBan(e, t, n) {
+		return this.request("POST", `/api/chat/${e}/bans`, {
+			userId: t,
+			...n
+		});
+	}
+	async liftBan(e, t) {
+		return this.request("DELETE", `/api/chat/${e}/bans/${t}`);
+	}
+	async getBans(e, t = !0) {
+		let n = t ? "?active=true" : "";
+		return this.request("GET", `/api/chat/${e}/bans${n}`);
+	}
+	async getMembers(e) {
+		return this.request("GET", `/api/chat/${e}/members`);
+	}
+	async getMembersAdmin(e) {
+		return this.request("GET", `/api/chat/${e}/members/admin`);
+	}
+	async updateMemberRole(e, t, n) {
+		return this.request("PATCH", `/api/chat/${e}/members/${t}/roles`, { roleId: n });
+	}
+	async patchMemberRoles(e, t, n) {
+		return this.request("PATCH", `/api/chat/${e}/members/${t}/roles`, n);
+	}
+	async getMe(e) {
+		return this.request("GET", `/api/chat/${e}/me`);
+	}
+	async updateChatName(e, t) {
+		return this.request("PATCH", `/api/chat/${e}/me`, { chatName: t });
+	}
+	async getModerationConfig(e) {
+		return this.request("GET", `/api/chat/${e}/moderation/config`);
+	}
+	async updateModerationConfig(e, t) {
+		return this.request("PATCH", `/api/chat/${e}/moderation/config`, t);
+	}
+	async getPresenceConfig(e) {
+		return this.request("GET", `/api/chat/${e}/presence/config`);
+	}
+	async updatePresenceConfig(e, t) {
+		return this.request("PATCH", `/api/chat/${e}/presence/config`, t);
+	}
+	async getStickers(e) {
+		let t = await this.request("GET", `/api/chat/${e}/stickers`);
+		return this.baseUrl && (t.stickers = t.stickers.map((e) => e.url.startsWith("/") ? {
+			...e,
+			url: `${this.baseUrl}${e.url}`
+		} : e)), t;
+	}
+	async uploadSticker(e, t, n) {
+		let r = await fetch(`${this.baseUrl}/api/chat/${e}/stickers/upload`, {
+			method: "POST",
+			headers: {
+				...this.authHeaders(),
+				"Content-Type": t.type || "application/octet-stream",
+				"X-Sticker-Filename": encodeURIComponent(n)
+			},
+			body: t
+		});
+		return this.parseResponse(r);
+	}
+	async updateStickerManifest(e, t) {
+		return this.request("PUT", `/api/chat/${e}/stickers/manifest`, { stickers: t });
+	}
+	async deleteSticker(e, t) {
+		return this.request("DELETE", `/api/chat/${e}/stickers/${encodeURIComponent(t)}`);
+	}
+	async getSounds(e) {
+		return this.request("GET", `/api/chat/${encodeURIComponent(e)}/sounds`);
+	}
+	async getSpaceTheme(e) {
+		return this.request("GET", `/api/chat/${e}/theme`);
+	}
+	async saveSpaceTheme(e, t) {
+		return this.request("PUT", `/api/chat/${e}/theme`, t);
+	}
+};
+//#endregion
+//#region src/config.ts
+function l() {
+	let e = new URLSearchParams(window.location.search), t = e.get("space") ?? e.get("station") ?? "", n = e.get("theme");
+	return {
+		spaceSlug: t,
+		theme: n === "dark" ? "dark" : n === "light" ? "light" : window.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light",
+		magicLinkToken: e.get("token"),
+		embed: e.get("embed") === "true",
+		admin: e.get("admin") === "true",
+		managed: e.get("managed") === "host"
+	};
+}
+var u = typeof window < "u" ? l() : {
+	spaceSlug: "",
+	theme: "light",
+	magicLinkToken: null,
+	embed: !1,
+	admin: !1,
+	managed: !1
+};
+function d() {
+	let e = new URL(window.location.href);
+	e.searchParams.delete("token"), window.history.replaceState({}, "", e.toString());
+}
+function f(e, t) {
+	let n = window.location.protocol === "https:" ? "wss:" : "ws:", r = t ? `token=${encodeURIComponent(t)}&` : "";
+	return `${n}//${window.location.port === "5173" && window.location.hostname !== "localhost" ? `${window.location.hostname}:9000` : window.location.host}/ws?${r}station=${encodeURIComponent(e)}`;
+}
+//#endregion
+//#region src/hooks/useRelayaAuth.ts
+var p = "relaya_refresh_token";
+function m(e) {
+	try {
+		localStorage.setItem(p, e);
+	} catch {}
+}
+function h() {
+	try {
+		return localStorage.getItem(p);
+	} catch {
+		return null;
+	}
+}
+function g() {
+	try {
+		localStorage.removeItem(p);
+	} catch {}
+}
+function _(e) {
+	try {
+		let [, t] = e.split("."), n = atob(t.replace(/-/g, "+").replace(/_/g, "/"));
+		return JSON.parse(n).exp ?? null;
+	} catch {
+		return null;
+	}
+}
+var v = null, y = /* @__PURE__ */ new Map();
+function b(e, t) {
+	let n = `${t}:${e}`, r = y.get(n);
+	if (r) return r;
+	let i = fetch(`/auth/verify?token=${encodeURIComponent(e)}&station=${encodeURIComponent(t)}`).then((e) => e.ok ? e.json() : Promise.reject());
+	return y.set(n, i), i.finally(() => {
+		window.setTimeout(() => {
+			y.delete(n);
+		}, 300 * 1e3);
+	}).catch(() => {}), i;
+}
+function x(i = {}) {
+	let a = i.spaceSlug ?? u.spaceSlug, o = i.initialToken ?? null, s = i.manageOwnRefreshToken ?? !0, l = n(i.onSessionEnded);
+	l.current = i.onSessionEnded;
+	let [d, f] = r({
+		status: "loading",
+		user: null,
+		token: null,
+		station: null,
+		stationSlug: a,
+		error: null
+	}), p = n(null), y = e(() => p.current, []), x = n(null), S = n(null), C = n(new c("", y)).current, w = n(!1), T = e(() => {
+		p.current = null, x.current = null, s && g(), S.current !== null && (clearTimeout(S.current), S.current = null), f((e) => ({
+			...e,
+			status: "anonymous",
+			token: null,
+			user: null,
+			station: null,
+			stationSlug: a
+		}));
+	}, [a, s]), E = e((e) => {
+		S.current !== null && (clearTimeout(S.current), S.current = null);
+		let t = _(e);
+		if (!t) return;
+		let n = Math.max(0, t * 1e3 - Date.now() - 120 * 1e3);
+		S.current = setTimeout(() => {
+			let e = x.current;
+			e && (v ||= C.refresh(e).finally(() => {
+				v = null;
+			}), v.then((e) => {
+				p.current = e.accessToken, x.current = e.refreshToken, s && m(e.refreshToken), f((t) => t.status === "authenticated" ? {
+					...t,
+					token: e.accessToken
+				} : t), E(e.accessToken);
+			}).catch((e) => {
+				typeof e == "object" && e && "status" in e && (e.status === 401 || e.status === 403) ? (T(), l.current?.("refresh-failed")) : setTimeout(() => {
+					let e = x.current;
+					e && C.refresh(e).then((e) => {
+						p.current = e.accessToken, x.current = e.refreshToken, s && m(e.refreshToken), f((t) => t.status === "authenticated" ? {
+							...t,
+							token: e.accessToken
+						} : t), E(e.accessToken);
+					}).catch(() => {
+						T(), l.current?.("refresh-failed");
+					});
+				}, 1e4);
+			}));
+		}, n);
+	}, [
+		C,
+		T,
+		s
+	]), D = e(async (e, t) => {
+		p.current = e, x.current = t, s && m(t), E(e);
+		try {
+			let t = await C.getMe(a).catch((e) => {
+				throw process.env.NODE_ENV !== "production" && console.warn("[RelayaAuth] getMe failed during token apply", {
+					spaceSlug: a,
+					err: e
+				}), e;
+			}), n = await C.getStation(a).catch((e) => {
+				throw process.env.NODE_ENV !== "production" && console.warn("[RelayaAuth] getStation failed during token apply", {
+					spaceSlug: a,
+					err: e
+				}), e;
+			});
+			f({
+				status: "authenticated",
+				user: {
+					id: t.userId,
+					displayName: t.displayName,
+					avatarUrl: null,
+					permissions: t.permissions,
+					roles: t.roles,
+					chatName: t.chatName
+				},
+				token: e,
+				station: {
+					id: n.id,
+					name: n.name,
+					slug: n.slug
+				},
+				stationSlug: n.slug,
+				error: null
+			});
+		} catch (e) {
+			process.env.NODE_ENV !== "production" && console.warn("[RelayaAuth] Falling back to anonymous after token apply failure", {
+				spaceSlug: a,
+				err: e
+			}), T();
+		}
+	}, [
+		C,
+		a,
+		E,
+		T,
+		s
+	]), O = e((e) => {
+		D(e.accessToken, e.refreshToken);
+	}, [D]);
+	t(() => {
+		if (w.current) return;
+		w.current = !0;
+		let e = new URLSearchParams(window.location.search), t = e.get("token"), n = o ?? t, r = e.get("station") || a;
+		if (n) {
+			if (t) {
+				let e = new URL(window.location.href);
+				e.searchParams.delete("token"), window.history.replaceState({}, "", e.toString());
+			}
+			b(n, r).then((e) => {
+				D(e.accessToken, e.refreshToken);
+			}).catch(() => T());
+		} else if (s) {
+			let e = h();
+			e ? (v ||= C.refresh(e).finally(() => {
+				v = null;
+			}), v.then((e) => {
+				D(e.accessToken, e.refreshToken);
+			}).catch((e) => {
+				typeof e == "object" && e && "status" in e && (e.status === 401 || e.status === 403) ? (g(), f((e) => ({
+					...e,
+					status: "anonymous",
+					stationSlug: a
+				}))) : setTimeout(() => {
+					let e = h();
+					if (!e) {
+						f((e) => ({
+							...e,
+							status: "anonymous",
+							stationSlug: a
+						}));
+						return;
+					}
+					C.refresh(e).then((e) => void D(e.accessToken, e.refreshToken)).catch(() => {
+						g(), f((e) => ({
+							...e,
+							status: "anonymous",
+							stationSlug: a
+						}));
+					});
+				}, 1e4);
+			})) : f((e) => ({
+				...e,
+				status: "anonymous",
+				stationSlug: a
+			}));
+		} else f((e) => ({
+			...e,
+			status: "anonymous",
+			stationSlug: a
+		}));
+		return () => {
+			S.current !== null && clearTimeout(S.current);
+		};
+	}, []);
+	let k = e(async (e) => {
+		f((e) => ({
+			...e,
+			error: null
+		}));
+		let t = `${window.location.origin}/auth/popup?station=${encodeURIComponent(a)}`;
+		if (!window.open(t, "relaya-auth", "width=480,height=600,left=200,top=100")) {
+			f((e) => ({
+				...e,
+				error: "Please allow popups for this site to sign in."
+			}));
+			return;
+		}
+		let n = (e) => {
+			if (e.origin !== window.location.origin || e.data?.type !== "relaya:auth") return;
+			window.removeEventListener("message", n);
+			let { accessToken: t, refreshToken: r } = e.data;
+			D(t, r);
+		};
+		window.addEventListener("message", n);
+	}, [D, a]), A = e(() => {
+		let e = x.current ?? (s ? h() : null);
+		T(), e && fetch("/auth/logout", {
+			method: "POST",
+			headers: { "Content-Type": "application/json" },
+			body: JSON.stringify({ refreshToken: e })
+		}).catch(() => {}), l.current?.("logout");
+	}, [T, s]);
+	return {
+		...d,
+		login: k,
+		logout: A,
+		getToken: y,
+		onOtpVerified: O
+	};
+}
+//#endregion
+//#region src/hooks/useSpaceTheme.ts
+var S = [
+	"--relaya-color-bg",
+	"--relaya-color-message-bg",
+	"--relaya-color-message-own-bg",
+	"--relaya-color-text",
+	"--relaya-color-text-secondary",
+	"--relaya-color-input-bg",
+	"--relaya-color-input-text",
+	"--relaya-color-btn-bg",
+	"--relaya-color-btn-text",
+	"--relaya-color-name-mod",
+	"--relaya-color-link",
+	"--relaya-color-link-active"
+], C = {
+	light: {},
+	dark: {}
+};
+function w(e, t) {
+	let n = document.documentElement;
+	S.forEach((e) => n.style.removeProperty(e));
+	let r = e[t] ?? {};
+	Object.entries(r).forEach(([e, t]) => {
+		n.style.setProperty(e, t);
+	});
+}
+function T(t, i) {
+	let [a, o] = r(C), [s, l] = r(!1), [u, d] = r(!1), [f, p] = r(null), m = n(new c("", i));
+	return {
+		theme: a,
+		loading: s,
+		saving: u,
+		error: f,
+		loadTheme: e(async () => {
+			l(!0), p(null);
+			try {
+				o(await m.current.getSpaceTheme(t));
+			} catch (e) {
+				p(e?.message ?? "Failed to load theme");
+			} finally {
+				l(!1);
+			}
+		}, [t]),
+		saveTheme: e(async (e, n) => {
+			d(!0), p(null);
+			try {
+				let r = await m.current.saveSpaceTheme(t, e);
+				o(r), w(r, n);
+			} catch (e) {
+				p(e?.message ?? "Failed to save theme");
+			} finally {
+				d(!1);
+			}
+		}, [t]),
+		resetTheme: e(async (e) => {
+			d(!0), p(null);
+			try {
+				await m.current.saveSpaceTheme(t, C), o(C), w(C, e);
+			} catch (e) {
+				p(e?.message ?? "Failed to reset theme");
+			} finally {
+				d(!1);
+			}
+		}, [t])
+	};
+}
+//#endregion
+//#region src/hooks/useBans.ts
+function E(t, i, a) {
+	let [o, l] = r({
+		bans: [],
+		loading: !1,
+		lifting: null,
+		error: null
+	}), u = i?.permissions.includes(s.BAN_USER) ?? !1, d = n(new c("", a)), f = e(async () => {
+		if (!(!u || !t)) {
+			l((e) => ({
+				...e,
+				loading: !0,
+				error: null
+			}));
+			try {
+				let e = (await d.current.getBans(t, !0)).bans;
+				l((t) => ({
+					...t,
+					bans: e,
+					loading: !1
+				}));
+			} catch (e) {
+				l((t) => ({
+					...t,
+					loading: !1,
+					error: e?.message ?? "Failed to load bans"
+				}));
+			}
+		}
+	}, [u, t]), p = e(async (e) => {
+		if (u) {
+			l((t) => ({
+				...t,
+				lifting: e,
+				error: null
+			}));
+			try {
+				await d.current.liftBan(t, e), l((e) => ({
+					...e,
+					lifting: null
+				})), await f();
+			} catch (e) {
+				throw l((t) => ({
+					...t,
+					lifting: null,
+					error: e?.message ?? "Failed to lift ban"
+				})), e;
+			}
+		}
+	}, [
+		u,
+		t,
+		f
+	]);
+	return {
+		...o,
+		loadBans: f,
+		liftBan: p
+	};
+}
+//#endregion
+//#region src/hooks/useModerationConfig.ts
+function D(t, n, i) {
+	let [a, o] = r({
+		config: null,
+		loading: !1,
+		saving: !1,
+		error: null,
+		note: null
+	}), l = new c("", i), u = n?.permissions.includes(s.MANAGE_ROLES) ?? !1, d = e(async () => {
+		if (!(!u || !t)) {
+			o((e) => ({
+				...e,
+				loading: !0,
+				error: null
+			}));
+			try {
+				let e = await l.getModerationConfig(t);
+				o((t) => ({
+					...t,
+					config: e.config,
+					note: e.note,
+					loading: !1
+				}));
+			} catch (e) {
+				o((t) => ({
+					...t,
+					loading: !1,
+					error: e?.message ?? "Failed to load config"
+				}));
+			}
+		}
+	}, [u, t]), f = e(async (e) => {
+		if (!(!u || !t)) {
+			o((e) => ({
+				...e,
+				saving: !0,
+				error: null
+			}));
+			try {
+				let n = await l.updateModerationConfig(t, e);
+				o((e) => ({
+					...e,
+					config: n.config,
+					note: n.note,
+					saving: !1
+				}));
+			} catch (e) {
+				o((t) => ({
+					...t,
+					saving: !1,
+					error: e?.message ?? "Failed to update config"
+				}));
+			}
+		}
+	}, [u, t]);
+	return {
+		...a,
+		loadConfig: d,
+		updateConfig: f
+	};
+}
+function O(t, i, a) {
+	let [o, l] = r({
+		reports: [],
+		total: 0,
+		loading: !1,
+		actioning: null,
+		error: null,
+		offset: 0
+	}), u = n(0), d = i?.permissions.includes(s.DELETE_ANY) ?? !1, f = n(new c("", a)), p = e(async (e) => {
+		if (!d || !t) return;
+		let n = e === void 0 ? u.current : e;
+		u.current = n, l((e) => ({
+			...e,
+			loading: !0,
+			error: null
+		}));
+		try {
+			let e = await f.current.getReports(t, {
+				status: "pending",
+				limit: 20,
+				offset: n
+			});
+			l((t) => ({
+				...t,
+				reports: e.reports,
+				total: e.total,
+				loading: !1,
+				offset: n
+			}));
+		} catch (e) {
+			l((t) => ({
+				...t,
+				loading: !1,
+				error: e?.message ?? "Failed to load reports"
+			}));
+		}
+	}, [d, t]), m = e(async (e) => {
+		if (d) {
+			l((t) => ({
+				...t,
+				actioning: e,
+				error: null
+			}));
+			try {
+				await f.current.updateReport(t, e, { status: "dismissed" }), l((e) => ({
+					...e,
+					actioning: null
+				})), await p();
+			} catch (e) {
+				throw l((t) => ({
+					...t,
+					actioning: null,
+					error: e?.message ?? "Failed to dismiss report"
+				})), e;
+			}
+		}
+	}, [
+		d,
+		t,
+		p
+	]), h = e(async (e, n) => {
+		if (d) {
+			l((t) => ({
+				...t,
+				actioning: e,
+				error: null
+			}));
+			try {
+				try {
+					await f.current.deleteMessage(t, n);
+				} catch (e) {
+					if (e.status !== 404) throw e;
+				}
+				await f.current.updateReport(t, e, { status: "reviewed" }), l((e) => ({
+					...e,
+					actioning: null
+				})), await p();
+			} catch (e) {
+				throw l((t) => ({
+					...t,
+					actioning: null,
+					error: e?.message ?? "Failed to delete message"
+				})), e;
+			}
+		}
+	}, [
+		d,
+		t,
+		p
+	]), g = e(async (e, n, r) => {
+		if (d) {
+			l((t) => ({
+				...t,
+				actioning: e,
+				error: null
+			}));
+			try {
+				try {
+					await f.current.createBan(t, n, r);
+				} catch (e) {
+					if (e.status !== 409) throw e;
+				}
+				await f.current.updateReport(t, e, { status: "reviewed" }), l((e) => ({
+					...e,
+					actioning: null
+				})), await p();
+			} catch (e) {
+				throw l((t) => ({
+					...t,
+					actioning: null,
+					error: e?.message ?? "Failed to ban user"
+				})), e;
+			}
+		}
+	}, [
+		d,
+		t,
+		p
+	]);
+	return {
+		...o,
+		loadReports: p,
+		dismissReport: m,
+		deleteMessageAndReview: h,
+		banAndReview: g
+	};
+}
+//#endregion
+//#region src/spaceThemes.ts
+var k = "'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif", A = "#7391A7", j = {
+	titleBg: A,
+	spaceNameColor: "white",
+	spaceNameFontFamily: k,
+	uiFontFamily: k,
+	onlineTextColor: "white",
+	noNameTextColor: "white",
+	buttonBorderColor: "transparent",
+	buttonBg: "white",
+	buttonTextColor: "black",
+	avatarBg: A,
+	avatarTextColor: "white",
+	ownMsgBg: A,
+	ownMsgText: "white",
+	msgFontFamily: k
+}, M = {};
+function N(e) {
+	return M[e] ?? j;
+}
+function P(e) {
+	let t = document.documentElement, n = (e, n) => {
+		n !== void 0 && t.style.setProperty(e, n);
+	};
+	n("--sp-title-bg", e.titleBg), n("--sp-name-color", e.spaceNameColor), n("--sp-name-font", e.spaceNameFontFamily), n("--sp-ui-font", e.uiFontFamily), n("--sp-online-color", e.onlineTextColor), n("--sp-no-name-color", e.noNameTextColor), n("--sp-btn-border", e.buttonBorderColor), n("--sp-btn-bg", e.buttonBg), n("--sp-btn-text", e.buttonTextColor), n("--sp-avatar-bg", e.avatarBg), n("--sp-avatar-text", e.avatarTextColor), n("--sp-other-msg-bg", e.otherMsgBg), n("--sp-other-msg-text", e.otherMsgText), n("--sp-own-msg-bg", e.ownMsgBg), n("--sp-own-msg-text", e.ownMsgText), n("--sp-msg-font", e.msgFontFamily ?? e.uiFontFamily), n("--sp-msg-font-size", e.msgFontSize), n("--sp-time-color", e.timeLabelColor), n("--sp-send-btn-bg", e.sendButtonBg), n("--sp-send-btn-text", e.sendButtonText);
+}
+//#endregion
+//#region src/stickerAdminUtils.ts
+function F(e, t, n) {
+	let r = e.findIndex((e) => e.filename === t), i = e.findIndex((e) => e.filename === n);
+	if (r === -1 || i === -1 || r === i) return e;
+	let a = [...e], [o] = a.splice(r, 1);
+	return a.splice(i, 0, o), a.map((e, t) => ({
+		...e,
+		order: t
+	}));
+}
+//#endregion
+//#region src/components/BanModal.tsx
+var I = [
+	{
+		value: "",
+		label: "Permanent"
+	},
+	{
+		value: "1h",
+		label: "1 hour"
+	},
+	{
+		value: "24h",
+		label: "24 hours"
+	},
+	{
+		value: "7d",
+		label: "7 days"
+	},
+	{
+		value: "30d",
+		label: "30 days"
+	}
+];
+function L(e) {
+	if (!e) return;
+	let t = Date.now(), n = {
+		"1h": 3600 * 1e3,
+		"24h": 1440 * 60 * 1e3,
+		"7d": 10080 * 60 * 1e3,
+		"30d": 720 * 60 * 60 * 1e3
+	}[e];
+	return n ? new Date(t + n).toISOString() : void 0;
+}
+function R({ userId: e, displayName: t, onBan: n, onClose: i }) {
+	let [s, c] = r(""), [l, u] = r(""), [d, f] = r(!1), [p, m] = r(null);
+	async function h() {
+		f(!0), m(null);
+		try {
+			await n(e, {
+				reason: s.trim() || void 0,
+				expiresAt: L(l)
+			}), i();
+		} catch (e) {
+			m(e?.message ?? "Failed to ban user."), f(!1);
+		}
+	}
+	return /* @__PURE__ */ a("div", {
+		className: "modal-overlay",
+		onClick: (e) => e.target === e.currentTarget && i(),
+		children: /* @__PURE__ */ o("div", {
+			className: "modal",
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": "Ban user",
+			children: [
+				/* @__PURE__ */ a("h2", {
+					className: "modal__title",
+					children: "Ban user"
+				}),
+				/* @__PURE__ */ o("div", {
+					className: "modal__body",
+					children: [
+						/* @__PURE__ */ o("p", { children: [
+							"You are about to ban ",
+							/* @__PURE__ */ a("strong", { children: t }),
+							" from this station's chat. They will be immediately disconnected and will not be able to rejoin."
+						] }),
+						/* @__PURE__ */ a("label", {
+							htmlFor: "ban-duration",
+							children: "Duration"
+						}),
+						/* @__PURE__ */ a("select", {
+							id: "ban-duration",
+							value: l,
+							onChange: (e) => u(e.target.value),
+							disabled: d,
+							children: I.map((e) => /* @__PURE__ */ a("option", {
+								value: e.value,
+								children: e.label
+							}, e.value))
+						}),
+						/* @__PURE__ */ a("label", {
+							htmlFor: "ban-reason",
+							children: "Reason (optional)"
+						}),
+						/* @__PURE__ */ a("textarea", {
+							id: "ban-reason",
+							value: s,
+							onChange: (e) => c(e.target.value),
+							placeholder: "Why is this user being banned?",
+							disabled: d,
+							maxLength: 500
+						}),
+						p && /* @__PURE__ */ a("p", {
+							style: {
+								color: "var(--color-danger)",
+								marginTop: 8
+							},
+							children: p
+						})
+					]
+				}),
+				/* @__PURE__ */ o("div", {
+					className: "modal__footer",
+					children: [/* @__PURE__ */ a("button", {
+						className: "btn btn--ghost",
+						onClick: i,
+						disabled: d,
+						children: "Cancel"
+					}), /* @__PURE__ */ a("button", {
+						className: "btn btn--danger",
+						onClick: h,
+						disabled: d,
+						children: d ? "Banning…" : "Confirm ban"
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/ReportReview.tsx
+function z(e) {
+	return new Date(e).toLocaleString(void 0, {
+		month: "short",
+		day: "numeric",
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+}
+function B(e) {
+	return e.replace(/_/g, " ");
+}
+function V({ stationSlug: e, user: n, getToken: i }) {
+	let [c, l] = r(!1), [u, d] = r(null), { reports: f, total: p, loading: m, actioning: h, error: g, offset: _, loadReports: v, dismissReport: y, deleteMessageAndReview: b, banAndReview: x } = O(e, n, i);
+	if (t(() => {
+		c && v(0);
+	}, [c]), !n.permissions.includes(s.DELETE_ANY)) return null;
+	let S = _ > 0, C = _ + 20 < p;
+	return /* @__PURE__ */ o("div", {
+		className: "report-review",
+		children: [
+			/* @__PURE__ */ o("button", {
+				className: "report-review__toggle",
+				onClick: () => l((e) => !e),
+				"aria-expanded": c,
+				children: [/* @__PURE__ */ a("span", { children: c ? "▼" : "▶" }), /* @__PURE__ */ o("span", { children: ["Report queue", p > 0 && /* @__PURE__ */ a("span", {
+					className: "report-review__badge",
+					"aria-label": `${p} pending reports`,
+					children: p
+				})] })]
+			}),
+			c && /* @__PURE__ */ o("div", {
+				className: "report-review__panel",
+				children: [
+					g && /* @__PURE__ */ a("p", {
+						className: "report-review__error",
+						children: g
+					}),
+					m && /* @__PURE__ */ a("p", {
+						className: "report-review__loading",
+						children: "Loading…"
+					}),
+					!m && f.length === 0 && /* @__PURE__ */ a("p", {
+						className: "report-review__empty",
+						children: "No pending reports. ✓"
+					}),
+					f.map((e) => {
+						let t = h === e.reportId;
+						return /* @__PURE__ */ o("div", {
+							className: "report-card",
+							children: [
+								/* @__PURE__ */ o("div", {
+									className: "report-card__meta",
+									children: [/* @__PURE__ */ a("span", {
+										className: "report-card__reason",
+										children: B(e.reason)
+									}), /* @__PURE__ */ a("span", {
+										className: "report-card__time",
+										children: z(e.createdAt)
+									})]
+								}),
+								/* @__PURE__ */ a("div", {
+									className: "report-card__message",
+									children: e.messageIsDeleted ? /* @__PURE__ */ a("em", {
+										className: "report-card__deleted",
+										children: "[message already deleted]"
+									}) : /* @__PURE__ */ a("span", { children: e.messageContent ?? "" })
+								}),
+								/* @__PURE__ */ o("div", {
+									className: "report-card__details",
+									children: [
+										/* @__PURE__ */ o("span", { children: [
+											/* @__PURE__ */ a("strong", { children: "Author:" }),
+											" ",
+											e.messageAuthor.displayName
+										] }),
+										/* @__PURE__ */ o("span", { children: [
+											/* @__PURE__ */ a("strong", { children: "Reported by:" }),
+											" ",
+											e.reporter.displayName
+										] }),
+										e.details && /* @__PURE__ */ o("span", { children: [
+											/* @__PURE__ */ a("strong", { children: "Note:" }),
+											" ",
+											e.details
+										] })
+									]
+								}),
+								/* @__PURE__ */ o("div", {
+									className: "report-card__actions",
+									children: [
+										/* @__PURE__ */ a("button", {
+											className: "btn btn--ghost",
+											style: {
+												fontSize: 12,
+												padding: "3px 10px"
+											},
+											onClick: () => y(e.reportId),
+											disabled: t,
+											title: "Dismiss this report — no action taken",
+											children: t ? "…" : "Dismiss"
+										}),
+										!e.messageIsDeleted && /* @__PURE__ */ a("button", {
+											className: "btn btn--ghost",
+											style: {
+												fontSize: 12,
+												padding: "3px 10px"
+											},
+											onClick: () => b(e.reportId, e.messageId),
+											disabled: t,
+											title: "Delete the reported message and mark this report reviewed",
+											children: t ? "…" : "Delete message"
+										}),
+										/* @__PURE__ */ a("button", {
+											className: "btn btn--danger",
+											style: {
+												fontSize: 12,
+												padding: "3px 10px"
+											},
+											onClick: () => d({
+												reportId: e.reportId,
+												userId: e.messageAuthor.userId,
+												displayName: e.messageAuthor.displayName
+											}),
+											disabled: t,
+											title: "Ban this message's author and mark this report reviewed",
+											children: "Ban author"
+										})
+									]
+								})
+							]
+						}, e.reportId);
+					}),
+					(S || C) && /* @__PURE__ */ o("div", {
+						className: "report-review__pagination",
+						children: [
+							/* @__PURE__ */ a("button", {
+								className: "btn btn--ghost",
+								style: {
+									fontSize: 12,
+									padding: "3px 10px"
+								},
+								onClick: () => v(_ - 20),
+								disabled: !S || m,
+								children: "← Previous"
+							}),
+							/* @__PURE__ */ o("span", {
+								className: "report-review__page-info",
+								children: [
+									_ + 1,
+									"–",
+									Math.min(_ + 20, p),
+									" of ",
+									p
+								]
+							}),
+							/* @__PURE__ */ a("button", {
+								className: "btn btn--ghost",
+								style: {
+									fontSize: 12,
+									padding: "3px 10px"
+								},
+								onClick: () => v(_ + 20),
+								disabled: !C || m,
+								children: "Next →"
+							})
+						]
+					})
+				]
+			}),
+			u && /* @__PURE__ */ a(R, {
+				userId: u.userId,
+				displayName: u.displayName,
+				onBan: async (e, t) => {
+					await x(u.reportId, e, t);
+				},
+				onClose: () => d(null)
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/BanManagement.tsx
+function H(e) {
+	return new Date(e).toLocaleString(void 0, {
+		month: "short",
+		day: "numeric",
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+}
+function U(e, t) {
+	return t || !e ? "Permanent" : new Date(e) < /* @__PURE__ */ new Date() ? "Expired" : `Expires ${H(e)}`;
+}
+function W({ stationSlug: e, user: n, getToken: i }) {
+	let [c, l] = r(!1), { bans: u, loading: d, lifting: f, error: p, loadBans: m, liftBan: h } = E(e, n, i);
+	return t(() => {
+		c && m();
+	}, [c]), n.permissions.includes(s.BAN_USER) ? /* @__PURE__ */ o("div", {
+		className: "ban-management",
+		children: [/* @__PURE__ */ o("button", {
+			className: "ban-management__toggle",
+			onClick: () => l((e) => !e),
+			"aria-expanded": c,
+			children: [/* @__PURE__ */ a("span", { children: c ? "▼" : "▶" }), /* @__PURE__ */ o("span", { children: ["Active bans", u.length > 0 && /* @__PURE__ */ a("span", {
+				className: "ban-management__badge",
+				"aria-label": `${u.length} active bans`,
+				children: u.length
+			})] })]
+		}), c && /* @__PURE__ */ o("div", {
+			className: "ban-management__panel",
+			children: [
+				p && /* @__PURE__ */ a("p", {
+					className: "ban-management__error",
+					children: p
+				}),
+				d && /* @__PURE__ */ a("p", {
+					className: "ban-management__loading",
+					children: "Loading…"
+				}),
+				!d && u.length === 0 && /* @__PURE__ */ a("p", {
+					className: "ban-management__empty",
+					children: "No active bans. ✓"
+				}),
+				u.map((e) => {
+					let t = f === e.banId;
+					return /* @__PURE__ */ o("div", {
+						className: "ban-card",
+						children: [
+							/* @__PURE__ */ o("div", {
+								className: "ban-card__header",
+								children: [/* @__PURE__ */ a("span", {
+									className: "ban-card__user",
+									children: e.user.displayName
+								}), /* @__PURE__ */ a("span", {
+									className: `ban-card__expiry${e.isPermanent ? " ban-card__expiry--permanent" : ""}`,
+									children: U(e.expiresAt, e.isPermanent)
+								})]
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "ban-card__details",
+								children: [
+									e.reason && /* @__PURE__ */ o("span", { children: [
+										/* @__PURE__ */ a("strong", { children: "Reason:" }),
+										" ",
+										e.reason
+									] }),
+									/* @__PURE__ */ o("span", { children: [
+										/* @__PURE__ */ a("strong", { children: "Banned by:" }),
+										" ",
+										e.bannedBy.displayName
+									] }),
+									/* @__PURE__ */ o("span", { children: [
+										/* @__PURE__ */ a("strong", { children: "Banned at:" }),
+										" ",
+										H(e.createdAt)
+									] })
+								]
+							}),
+							/* @__PURE__ */ a("div", {
+								className: "ban-card__actions",
+								children: /* @__PURE__ */ a("button", {
+									className: "btn btn--ghost",
+									style: {
+										fontSize: 12,
+										padding: "3px 10px"
+									},
+									onClick: () => h(e.banId),
+									disabled: t,
+									title: "Remove this ban and allow the user to rejoin",
+									children: t ? "…" : "Lift ban"
+								})
+							})
+						]
+					}, e.banId);
+				})
+			]
+		})]
+	}) : null;
+}
+//#endregion
+//#region src/hooks/usePresenceConfig.ts
+function G(t, n, i) {
+	let [a, o] = r({
+		config: null,
+		loading: !1,
+		saving: !1,
+		error: null
+	}), l = new c("", i), u = n?.permissions.includes(s.MANAGE_ROLES) ?? !1, d = e(async () => {
+		if (!(!u || !t)) {
+			o((e) => ({
+				...e,
+				loading: !0,
+				error: null
+			}));
+			try {
+				let e = await l.getPresenceConfig(t);
+				o((t) => ({
+					...t,
+					config: e.config,
+					loading: !1
+				}));
+			} catch (e) {
+				o((t) => ({
+					...t,
+					loading: !1,
+					error: e?.message ?? "Failed to load presence config"
+				}));
+			}
+		}
+	}, [u, t]), f = e(async (e) => {
+		if (!(!u || !t)) {
+			o((e) => ({
+				...e,
+				saving: !0,
+				error: null
+			}));
+			try {
+				let n = await l.updatePresenceConfig(t, e);
+				o((e) => ({
+					...e,
+					config: n.config,
+					saving: !1
+				}));
+			} catch (e) {
+				o((t) => ({
+					...t,
+					saving: !1,
+					error: e?.message ?? "Failed to update presence config"
+				}));
+			}
+		}
+	}, [u, t]);
+	return {
+		...a,
+		loadConfig: d,
+		updateConfig: f
+	};
+}
+//#endregion
+//#region src/components/AdminSettings.tsx
+function K({ stationSlug: e, user: n, getToken: s, onOpenStickerAdmin: c, onOpenThemeAdmin: l }) {
+	let [u, d] = r(!1), { config: f, loading: p, saving: m, error: h, note: g, loadConfig: _, updateConfig: v } = D(e, n, s), [y, b] = r(null), { config: x, loading: S, saving: C, error: w, loadConfig: T, updateConfig: E } = G(e, n, s), [O, k] = r("");
+	t(() => {
+		u && (!f && !p && _(), !x && !S && T());
+	}, [u]), t(() => {
+		f && !y && b({
+			rateLimitWindowMs: String(f.rateLimitWindowMs),
+			rateLimitMaxMessages: String(f.rateLimitMaxMessages),
+			duplicateWindowMs: String(f.duplicateWindowMs)
+		});
+	}, [f]), t(() => {
+		if (x && O === "") {
+			let e = x.presenceGracePeriodMs / 6e4;
+			k(String(Number(e.toFixed(1))));
+		}
+	}, [x]);
+	async function A() {
+		y && await v({
+			rateLimitWindowMs: parseInt(y.rateLimitWindowMs, 10),
+			rateLimitMaxMessages: parseInt(y.rateLimitMaxMessages, 10),
+			duplicateWindowMs: parseInt(y.duplicateWindowMs, 10)
+		});
+	}
+	async function j() {
+		let e = parseFloat(O);
+		isNaN(e) || e < 0 || e > 15 || await E({ presenceGracePeriodMs: Math.round(e * 6e4 / 1e3) * 1e3 });
+	}
+	return /* @__PURE__ */ o("div", {
+		className: "admin-settings",
+		children: [/* @__PURE__ */ o("button", {
+			className: "admin-settings__toggle",
+			onClick: () => d((e) => !e),
+			children: [/* @__PURE__ */ a("span", { children: u ? "▼" : "▶" }), /* @__PURE__ */ a("span", { children: "Moderation settings" })]
+		}), u && /* @__PURE__ */ o("div", {
+			className: "admin-settings__panel",
+			children: [
+				c && /* @__PURE__ */ o("div", {
+					className: "admin-settings__section",
+					children: [/* @__PURE__ */ o("div", {
+						className: "admin-settings__section-copy",
+						children: [/* @__PURE__ */ a("strong", { children: "Sticker library" }), /* @__PURE__ */ a("span", { children: "Upload stickers, assign shortcodes, and control picker order." })]
+					}), /* @__PURE__ */ a("button", {
+						className: "btn btn--ghost",
+						style: {
+							width: "auto",
+							padding: "6px 16px"
+						},
+						onClick: c,
+						children: "Open sticker manager"
+					})]
+				}),
+				l && /* @__PURE__ */ o("div", {
+					className: "admin-settings__section",
+					children: [/* @__PURE__ */ o("div", {
+						className: "admin-settings__section-copy",
+						children: [/* @__PURE__ */ a("strong", { children: "Colour theme" }), /* @__PURE__ */ a("span", { children: "Customise the chat colours to match your brand." })]
+					}), /* @__PURE__ */ a("button", {
+						className: "btn btn--ghost",
+						style: {
+							width: "auto",
+							padding: "6px 16px"
+						},
+						onClick: l,
+						children: "Open theme editor"
+					})]
+				}),
+				/* @__PURE__ */ o("div", {
+					className: "admin-settings__notice",
+					children: ["⚠️ Changes apply immediately but revert to environment defaults on server restart.", g && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("br", {}), g] })]
+				}),
+				p && /* @__PURE__ */ a("p", {
+					style: {
+						fontSize: 13,
+						color: "var(--color-text-muted)"
+					},
+					children: "Loading…"
+				}),
+				h && /* @__PURE__ */ a("p", {
+					style: {
+						fontSize: 13,
+						color: "var(--color-danger)"
+					},
+					children: h
+				}),
+				y && /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("div", {
+					className: "admin-settings__grid",
+					children: [
+						/* @__PURE__ */ o("div", {
+							className: "admin-settings__field",
+							children: [/* @__PURE__ */ a("label", {
+								htmlFor: "rl-window",
+								children: "Rate-limit window (ms)"
+							}), /* @__PURE__ */ a("input", {
+								id: "rl-window",
+								type: "number",
+								min: 1e3,
+								value: y.rateLimitWindowMs,
+								onChange: (e) => b((t) => t && {
+									...t,
+									rateLimitWindowMs: e.target.value
+								})
+							})]
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "admin-settings__field",
+							children: [/* @__PURE__ */ a("label", {
+								htmlFor: "rl-max",
+								children: "Max messages per window"
+							}), /* @__PURE__ */ a("input", {
+								id: "rl-max",
+								type: "number",
+								min: 1,
+								value: y.rateLimitMaxMessages,
+								onChange: (e) => b((t) => t && {
+									...t,
+									rateLimitMaxMessages: e.target.value
+								})
+							})]
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "admin-settings__field",
+							children: [/* @__PURE__ */ a("label", {
+								htmlFor: "dup-window",
+								children: "Duplicate burst window (ms)"
+							}), /* @__PURE__ */ a("input", {
+								id: "dup-window",
+								type: "number",
+								min: 0,
+								value: y.duplicateWindowMs,
+								onChange: (e) => b((t) => t && {
+									...t,
+									duplicateWindowMs: e.target.value
+								})
+							})]
+						})
+					]
+				}), /* @__PURE__ */ a("button", {
+					className: "btn btn--primary",
+					style: {
+						width: "auto",
+						padding: "6px 16px"
+					},
+					onClick: A,
+					disabled: m,
+					children: m ? "Saving…" : "Apply changes"
+				})] }),
+				/* @__PURE__ */ o("div", {
+					className: "admin-settings__divider",
+					style: {
+						marginTop: 20,
+						borderTop: "1px solid var(--color-border)",
+						paddingTop: 16
+					},
+					children: [
+						/* @__PURE__ */ a("strong", {
+							style: { fontSize: 13 },
+							children: "Online status grace period"
+						}),
+						/* @__PURE__ */ a("p", {
+							style: {
+								fontSize: 12,
+								color: "var(--color-text-muted)",
+								marginTop: 4,
+								marginBottom: 10
+							},
+							children: "How long a user stays visible in the online list after their browser disconnects. Use 0 for immediate removal. Saved to the database — persists across restarts."
+						}),
+						S && /* @__PURE__ */ a("p", {
+							style: {
+								fontSize: 13,
+								color: "var(--color-text-muted)"
+							},
+							children: "Loading…"
+						}),
+						w && /* @__PURE__ */ a("p", {
+							style: {
+								fontSize: 13,
+								color: "var(--color-danger)"
+							},
+							children: w
+						}),
+						x !== null && /* @__PURE__ */ o("div", {
+							style: {
+								display: "flex",
+								alignItems: "center",
+								gap: 8
+							},
+							children: [
+								/* @__PURE__ */ a("input", {
+									id: "presence-grace",
+									type: "number",
+									min: 0,
+									max: 15,
+									step: .5,
+									value: O,
+									onChange: (e) => k(e.target.value),
+									style: { width: 80 }
+								}),
+								/* @__PURE__ */ a("label", {
+									htmlFor: "presence-grace",
+									style: { fontSize: 13 },
+									children: "minutes"
+								}),
+								/* @__PURE__ */ a("button", {
+									className: "btn btn--primary",
+									style: {
+										width: "auto",
+										padding: "6px 16px"
+									},
+									onClick: j,
+									disabled: C,
+									children: C ? "Saving…" : "Save"
+								})
+							]
+						})
+					]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/StickerAdminPage.tsx
+var q = 2 * 1024 * 1024, J = 310;
+function ee(e) {
+	return e.shortcode ? `:${e.shortcode}:` : e.filename;
+}
+async function te(e) {
+	let t = URL.createObjectURL(e);
+	try {
+		let e = await new Promise((e, n) => {
+			let r = new Image();
+			r.onload = () => e(r), r.onerror = () => n(/* @__PURE__ */ Error("Unable to read image dimensions")), r.src = t;
+		});
+		return {
+			width: e.naturalWidth,
+			height: e.naturalHeight
+		};
+	} finally {
+		URL.revokeObjectURL(t);
+	}
+}
+function Y({ stationSlug: e, user: i, getToken: l, onClose: u, onLibraryChanged: d }) {
+	let f = n(new c("", l)).current, p = n(null), [m, h] = r([]), [g, _] = r(null), [v, y] = r(!0), [b, x] = r(!1), [S, C] = r(!1), [w, T] = r(null), [E, D] = r(!1), [O, k] = r(null), [A, j] = r(null), [M, N] = r(null), [P, I] = r(null), L = i.permissions.includes(s.MANAGE_ROLES);
+	async function R() {
+		y(!0), k(null), j(null);
+		try {
+			let t = await f.getStickers(e);
+			h(t.stickers ?? []), _(t.quota ?? null), D(!1);
+		} catch (e) {
+			k(e?.message ?? "Failed to load sticker library.");
+		} finally {
+			y(!1);
+		}
+	}
+	if (t(() => {
+		L && R().catch(() => void 0);
+	}, [L, e]), t(() => {
+		if (A !== "Sticker order saved.") return;
+		let e = window.setTimeout(() => {
+			j((e) => e === "Sticker order saved." ? null : e);
+		}, 1800);
+		return () => window.clearTimeout(e);
+	}, [A]), !L) return null;
+	function z() {
+		N(null), I(null);
+	}
+	function B(e, t) {
+		if (b || S || w) {
+			e.preventDefault();
+			return;
+		}
+		N(t), e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", t);
+	}
+	function V(e, t) {
+		!M || M === t || (e.preventDefault(), e.dataTransfer.dropEffect = "move", P !== t && I(t));
+	}
+	function H(e, t) {
+		e.preventDefault();
+		let n = M || e.dataTransfer.getData("text/plain");
+		if (!n || n === t) {
+			z();
+			return;
+		}
+		let r = F(m, n, t);
+		if (r === m) {
+			z();
+			return;
+		}
+		h(r), D(!0), j(null), z(), W(r, "Sticker order saved.");
+	}
+	function U(e, t) {
+		h((n) => n.map((n) => n.filename === e ? {
+			...n,
+			shortcode: t
+		} : n)), D(!0), j(null);
+	}
+	async function W(t, n) {
+		x(!0), k(null), j(null);
+		try {
+			let r = await f.updateStickerManifest(e, t.map((e) => ({
+				filename: e.filename,
+				shortcode: e.shortcode?.trim() || null
+			})));
+			return h(r.stickers ?? []), D(!1), j(n), await d?.(), r.stickers ?? [];
+		} catch (e) {
+			return k(e?.message ?? "Failed to save sticker metadata."), D(!0), null;
+		} finally {
+			x(!1);
+		}
+	}
+	async function G() {
+		await W(m, "Sticker metadata saved.");
+	}
+	async function K(t) {
+		let n = t.target.files?.[0];
+		if (t.target.value = "", n) {
+			if (E) {
+				k("Save or discard your existing sticker edits before uploading a new file.");
+				return;
+			}
+			if (n.size > q) {
+				k("Sticker files must be 2MB or smaller.");
+				return;
+			}
+			try {
+				let e = await te(n);
+				if (Math.max(e.width, e.height) > J) {
+					k(`Sticker dimensions must be ${J}px or smaller on the longest side.`);
+					return;
+				}
+			} catch {
+				k("Could not read the selected image.");
+				return;
+			}
+			C(!0), k(null), j(null);
+			try {
+				let t = await f.uploadSticker(e, n, n.name);
+				h((e) => [...e, t.sticker].sort((e, t) => e.order - t.order || e.filename.localeCompare(t.filename))), _(t.quota ?? null), j("Sticker uploaded. Assign a shortcode and save when you are ready."), await d?.();
+			} catch (e) {
+				k(e?.message ?? "Failed to upload sticker.");
+			} finally {
+				C(!1);
+			}
+		}
+	}
+	async function Y(t) {
+		if (E) {
+			k("Save or discard your existing sticker edits before deleting a file.");
+			return;
+		}
+		if (window.confirm(`Delete ${t}? This removes the sticker file and its shortcode mapping.`)) {
+			T(t), k(null), j(null);
+			try {
+				await f.deleteSticker(e, t), await R(), j("Sticker deleted."), await d?.();
+			} catch (e) {
+				k(e?.message ?? "Failed to delete sticker.");
+			} finally {
+				T(null);
+			}
+		}
+	}
+	return /* @__PURE__ */ o("div", {
+		className: "sticker-admin-page",
+		children: [
+			/* @__PURE__ */ o("div", {
+				className: "sticker-admin-page__topbar",
+				children: [/* @__PURE__ */ o("div", {
+					className: "sticker-admin-page__title-group",
+					children: [/* @__PURE__ */ o("div", {
+						className: "sticker-admin-page__title-row",
+						children: [
+							u && /* @__PURE__ */ a("button", {
+								className: "btn btn--ghost sticker-admin-page__back",
+								onClick: u,
+								children: "← Back"
+							}),
+							/* @__PURE__ */ a("h2", {
+								className: "sticker-admin-page__title",
+								children: "Sticker library"
+							}),
+							/* @__PURE__ */ a("span", {
+								className: "sticker-admin-page__count",
+								children: g ? `${g.used} sticker${g.used === 1 ? "" : "s"} of ${g.limit >= 9999 ? "unlimited" : g.limit} slots available` : `${m.length} sticker${m.length === 1 ? "" : "s"}`
+							}),
+							A && /* @__PURE__ */ a("div", {
+								className: "sticker-admin-page__status-inline",
+								children: A
+							})
+						]
+					}), /* @__PURE__ */ a("p", {
+						className: "sticker-admin-page__subtitle",
+						children: "Upload stickers, assign shortcodes, and order the picker."
+					})]
+				}), /* @__PURE__ */ o("div", {
+					className: "sticker-admin-page__header-actions",
+					children: [
+						/* @__PURE__ */ a("button", {
+							className: "btn btn--ghost",
+							onClick: () => p.current?.click(),
+							disabled: S || b || v,
+							children: S ? "Uploading…" : "Upload"
+						}),
+						/* @__PURE__ */ a("button", {
+							className: "btn btn--ghost",
+							onClick: () => R(),
+							disabled: v || b || S,
+							children: "Reload"
+						}),
+						/* @__PURE__ */ a("button", {
+							className: "btn btn--primary",
+							onClick: G,
+							disabled: !E || b || v || S,
+							children: b ? "Saving…" : "Save shortcodes"
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "sticker-admin-page__notice",
+				children: [/* @__PURE__ */ a("strong", { children: "Rules:" }), " unique per station, max 12 chars, lowercase letters/numbers/hyphens/underscores only. Blank shortcode fields auto-generate from the filename. Uploads ≤2MB and ≤310px. Drag tiles to reorder."]
+			}),
+			O && /* @__PURE__ */ a("div", {
+				className: "sticker-admin-page__error",
+				children: O
+			}),
+			/* @__PURE__ */ a("input", {
+				ref: p,
+				type: "file",
+				accept: "image/gif,image/png,image/jpeg,image/webp",
+				hidden: !0,
+				onChange: K
+			}),
+			v ? /* @__PURE__ */ a("div", {
+				className: "sticker-admin-page__state",
+				children: "Loading sticker library…"
+			}) : m.length === 0 ? /* @__PURE__ */ a("div", {
+				className: "sticker-admin-page__state",
+				children: "No stickers uploaded yet."
+			}) : /* @__PURE__ */ a("div", {
+				className: "sticker-admin-grid",
+				children: m.map((e, t) => {
+					let n = w === e.filename, r = M === e.filename, i = P === e.filename && M !== e.filename;
+					return /* @__PURE__ */ o("div", {
+						className: [
+							"sticker-admin-card",
+							r ? "sticker-admin-card--dragging" : "",
+							i ? "sticker-admin-card--drop-target" : ""
+						].filter(Boolean).join(" "),
+						onDragOver: (t) => V(t, e.filename),
+						onDrop: (t) => H(t, e.filename),
+						children: [/* @__PURE__ */ o("div", {
+							className: "sticker-admin-card__preview sticker-admin-card__preview--draggable",
+							draggable: !b && !S && !w,
+							onDragStart: (t) => B(t, e.filename),
+							onDragEnd: z,
+							title: "Drag to reorder",
+							children: [/* @__PURE__ */ a("img", {
+								src: e.url,
+								alt: ee(e),
+								loading: "lazy",
+								draggable: !1
+							}), /* @__PURE__ */ o("span", {
+								className: "sticker-admin-card__drag-badge",
+								"aria-hidden": "true",
+								children: [/* @__PURE__ */ a("svg", {
+									viewBox: "0 0 24 24",
+									focusable: "false",
+									children: /* @__PURE__ */ a("path", {
+										fill: "currentColor",
+										d: "M11 23v-3.17l-1.41 1.41-1.42-1.41L12 16l3.83 3.83-1.42 1.41L13 19.83V23h-2Zm-3-7-3.83-3.83 3.83-3.83 1.42 1.41L8.01 11H11v2H8.01l1.41 1.41L8 16Zm8 0-1.41-1.41L15.99 13H13v-2h2.99l-1.4-1.42L16 8.17 19.83 12 16 15.83ZM12 8 8.17 4.17l1.42-1.41L11 4.17V1h2v3.17l1.41-1.41 1.42 1.41L12 8Z"
+									})
+								}), /* @__PURE__ */ a("span", { children: "Drag to reorder" })]
+							})]
+						}), /* @__PURE__ */ o("div", {
+							className: "sticker-admin-card__body",
+							children: [
+								/* @__PURE__ */ a("div", {
+									className: "sticker-admin-card__filename",
+									title: e.filename,
+									children: e.filename
+								}),
+								/* @__PURE__ */ a("label", {
+									className: "sticker-admin-card__field",
+									children: /* @__PURE__ */ o("div", {
+										className: "sticker-admin-card__shortcode-input",
+										children: [
+											/* @__PURE__ */ a("span", { children: ":" }),
+											/* @__PURE__ */ a("input", {
+												type: "text",
+												value: e.shortcode ?? "",
+												placeholder: "viking",
+												maxLength: 12,
+												"aria-label": `Shortcode for ${e.filename}`,
+												onChange: (t) => U(e.filename, t.target.value.toLowerCase())
+											}),
+											/* @__PURE__ */ a("span", { children: ":" })
+										]
+									})
+								}),
+								/* @__PURE__ */ a("div", {
+									className: "sticker-admin-card__actions",
+									children: /* @__PURE__ */ a("button", {
+										className: "btn btn--danger",
+										onClick: () => Y(e.filename),
+										disabled: n || b || S,
+										children: n ? "Deleting…" : "Delete"
+									})
+								})
+							]
+						})]
+					}, e.filename);
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/ThemeAdminPage.tsx
+var ne = [
+	{
+		key: "--relaya-color-bg",
+		label: "Chat background",
+		hint: "Outermost container background",
+		lightDefault: "#f0f2f5",
+		darkDefault: "#0d1117"
+	},
+	{
+		key: "--relaya-color-message-bg",
+		label: "Others' message bubbles",
+		hint: "Bubble background for received messages",
+		lightDefault: "#e9ecef",
+		darkDefault: "#21262d"
+	},
+	{
+		key: "--relaya-color-message-own-bg",
+		label: "Your message bubbles",
+		hint: "Bubble background for sent messages",
+		lightDefault: "#007aff",
+		darkDefault: "#1f6feb"
+	},
+	{
+		key: "--relaya-color-text",
+		label: "Body text",
+		hint: "Primary text colour",
+		lightDefault: "#1a1a2e",
+		darkDefault: "#e6edf3"
+	},
+	{
+		key: "--relaya-color-text-secondary",
+		label: "Secondary / muted text",
+		hint: "Timestamps, labels",
+		lightDefault: "#6c757d",
+		darkDefault: "#8b949e"
+	},
+	{
+		key: "--relaya-color-input-bg",
+		label: "Message input background",
+		hint: "Text-entry field background",
+		lightDefault: "#f8f9fa",
+		darkDefault: "#21262d"
+	},
+	{
+		key: "--relaya-color-input-text",
+		label: "Message input text",
+		hint: "Text typed in the input",
+		lightDefault: "#1a1a2e",
+		darkDefault: "#e6edf3"
+	},
+	{
+		key: "--relaya-color-btn-bg",
+		label: "Send button background",
+		hint: "Primary action button background",
+		lightDefault: "#007aff",
+		darkDefault: "#1f6feb"
+	},
+	{
+		key: "--relaya-color-btn-text",
+		label: "Send button icon",
+		hint: "Icon colour on the send button",
+		lightDefault: "#ffffff",
+		darkDefault: "#ffffff"
+	},
+	{
+		key: "--relaya-color-name-mod",
+		label: "Moderator name colour",
+		hint: "Display name colour for moderators",
+		lightDefault: "#007aff",
+		darkDefault: "#58a6ff"
+	},
+	{
+		key: "--relaya-color-link",
+		label: "Link colour",
+		hint: "Hyperlink default state",
+		lightDefault: "#007aff",
+		darkDefault: "#58a6ff"
+	},
+	{
+		key: "--relaya-color-link-active",
+		label: "Link hover/active colour",
+		hint: "Hyperlink hover/active state",
+		lightDefault: "#0062cc",
+		darkDefault: "#79b8ff"
+	}
+], re = {};
+function X(e) {
+	return /^#[0-9a-fA-F]{6}$/.test(e.trim());
+}
+function ie(e) {
+	let t = e.trim();
+	return /^[0-9a-fA-F]{6}$/.test(t) ? `#${t}` : /^#[0-9a-fA-F]{3}$/.test(t) ? `#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}` : t;
+}
+function ae({ stationSlug: e, getToken: n, onClose: i }) {
+	let { theme: s, loading: c, saving: l, error: d, loadTheme: f, saveTheme: p, resetTheme: m } = T(e, n), [h, g] = r(u.theme), [_, v] = r({
+		light: {},
+		dark: {}
+	}), [y, b] = r(!1), [x, S] = r(null), [C, w] = r({});
+	t(() => {
+		let e = document.createElement("div");
+		e.style.display = "none", document.documentElement.appendChild(e);
+		let t = {};
+		for (let { key: n } of ne) {
+			e.style.setProperty("background-color", `var(${n})`);
+			let r = getComputedStyle(e).backgroundColor.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
+			r && (t[n] = "#" + [
+				r[1],
+				r[2],
+				r[3]
+			].map((e) => parseInt(e).toString(16).padStart(2, "0")).join(""));
+		}
+		document.documentElement.removeChild(e), w(t);
+	}, []), t(() => {
+		f();
+	}, []), t(() => {
+		v({
+			light: { ...s.light },
+			dark: { ...s.dark }
+		}), b(!1);
+	}, [s]);
+	function E(e, t) {
+		let n = ie(t);
+		v((t) => ({
+			...t,
+			[h]: {
+				...t[h],
+				[e]: n
+			}
+		})), b(!0), S(null);
+	}
+	async function D() {
+		let e = {
+			light: {},
+			dark: {}
+		};
+		for (let t of ["light", "dark"]) for (let [n, r] of Object.entries(_[t])) r && X(r) && (e[t][n] = r);
+		await p(e, h), b(!1), S("Theme saved.");
+	}
+	async function O() {
+		confirm("Remove all saved colour overrides and revert to the default theme?") && (await m(h), b(!1), S("Theme reset to defaults."));
+	}
+	let k = _[h] ?? re;
+	return /* @__PURE__ */ o("div", {
+		className: "theme-admin-page",
+		children: [
+			/* @__PURE__ */ o("div", {
+				className: "theme-admin-page__topbar",
+				children: [/* @__PURE__ */ o("div", {
+					className: "theme-admin-page__title-group",
+					children: [/* @__PURE__ */ o("div", {
+						className: "theme-admin-page__title-row",
+						children: [
+							i && /* @__PURE__ */ a("button", {
+								className: "btn btn--ghost theme-admin-page__back",
+								onClick: i,
+								children: "← Back"
+							}),
+							/* @__PURE__ */ a("h2", {
+								className: "theme-admin-page__title",
+								children: "Colour theme"
+							}),
+							x && /* @__PURE__ */ a("div", {
+								className: "theme-admin-page__status-inline",
+								children: x
+							})
+						]
+					}), /* @__PURE__ */ a("p", {
+						className: "theme-admin-page__subtitle",
+						children: "Override the default colours for this space. Only saved values are stored; unset fields fall back to the default theme."
+					})]
+				}), /* @__PURE__ */ o("div", {
+					className: "theme-admin-page__header-actions",
+					children: [/* @__PURE__ */ a("button", {
+						className: "btn btn--ghost",
+						onClick: O,
+						disabled: l || c,
+						children: "Reset to defaults"
+					}), /* @__PURE__ */ a("button", {
+						className: "btn btn--primary",
+						onClick: D,
+						disabled: l || c || !y,
+						children: l ? "Saving…" : "Save colours"
+					})]
+				})]
+			}),
+			d && /* @__PURE__ */ a("div", {
+				className: "theme-admin-page__error",
+				children: d
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "theme-admin-page__tabs",
+				children: [/* @__PURE__ */ a("button", {
+					className: `theme-admin-page__tab${h === "light" ? " theme-admin-page__tab--active" : ""}`,
+					onClick: () => g("light"),
+					children: "☀ Light"
+				}), /* @__PURE__ */ a("button", {
+					className: `theme-admin-page__tab${h === "dark" ? " theme-admin-page__tab--active" : ""}`,
+					onClick: () => g("dark"),
+					children: "☾ Dark"
+				})]
+			}),
+			c ? /* @__PURE__ */ a("div", {
+				className: "theme-admin-page__state",
+				children: "Loading theme…"
+			}) : /* @__PURE__ */ a("div", {
+				className: "theme-admin-list",
+				children: ne.map(({ key: e, label: t, hint: n, lightDefault: r, darkDefault: i }) => {
+					let s = h === u.theme ? C[e] ?? (h === "light" ? r : i) : h === "light" ? r : i, c = k[e] ?? "", l = c ? ie(c) : s, d = c !== "" && !X(c);
+					return /* @__PURE__ */ o("div", {
+						className: "theme-admin-row",
+						title: n,
+						children: [
+							/* @__PURE__ */ a("input", {
+								type: "color",
+								className: "theme-admin-row__swatch",
+								value: X(l) ? l : s,
+								onChange: (t) => E(e, t.target.value),
+								title: t
+							}),
+							/* @__PURE__ */ a("label", {
+								className: "theme-admin-row__label",
+								children: t
+							}),
+							/* @__PURE__ */ a("input", {
+								type: "text",
+								className: `theme-admin-row__hex${d ? " theme-admin-row__hex--invalid" : ""}`,
+								value: c,
+								placeholder: s,
+								maxLength: 9,
+								onChange: (t) => E(e, t.target.value)
+							})
+						]
+					}, e);
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/ExportAdminPage.tsx
+function Z(e) {
+	return e.toISOString().slice(0, 10);
+}
+function oe() {
+	let e = /* @__PURE__ */ new Date();
+	return {
+		from: Z(/* @__PURE__ */ new Date(e.getTime() - 90 * 864e5)),
+		to: Z(e),
+		excludeReportedBefore: Z(/* @__PURE__ */ new Date(e.getTime() - 365 * 864e5))
+	};
+}
+var se = "A date is required — reported messages are kept indefinitely for compliance. Choose a date to limit how far back they appear in this export.";
+function ce({ stationSlug: e, getToken: t }) {
+	let n = oe(), [i, s] = r(n.from), [c, l] = r(n.to), [u, d] = r(n.excludeReportedBefore), [f, p] = r(null), [m, h] = r(!1), [g, _] = r(null), [v, y] = r(!1);
+	function b() {
+		p(u ? null : se);
+	}
+	async function x() {
+		if (!u) {
+			p(se);
+			return;
+		}
+		p(null), _(null), h(!0);
+		try {
+			let n = new URLSearchParams();
+			i && n.set("from", i + "T00:00:00Z"), c && n.set("to", c + "T23:59:59Z"), n.set("excludeReportedBefore", u + "T00:00:00Z");
+			let r = `/api/chat/${e}/export/messages?${n.toString()}`, a = t(), o = {};
+			a && (o.Authorization = `Bearer ${a}`);
+			let s = await fetch(r, {
+				credentials: "include",
+				headers: o
+			});
+			if (s.ok) {
+				let t = await s.blob(), n = (s.headers.get("Content-Disposition") ?? "").match(/filename="([^"]+)"/), r = n ? n[1] : `${e}-export.csv`, i = document.createElement("a");
+				i.href = URL.createObjectURL(t), i.download = r, document.body.appendChild(i), i.click(), i.remove(), URL.revokeObjectURL(i.href);
+				return;
+			}
+			let l = {};
+			try {
+				l = await s.json();
+			} catch {}
+			if (s.status === 403) {
+				let e = l.error;
+				if (typeof e == "object" && e?.code === "TIER_LIMIT") {
+					y(!0);
+					return;
+				}
+				_("You do not have permission to export chat history for this space.");
+				return;
+			}
+			if (s.status === 429) {
+				_(`Export rate limit reached — you can export once per hour. Try again in ${Math.ceil((l.retryAfter ?? 3600) / 60)} minutes.`);
+				return;
+			}
+			if (s.status === 413) {
+				_("Too many messages in this date range. Please narrow the date range and try again.");
+				return;
+			}
+			_((typeof l.error == "object" ? l.error?.message : typeof l.error == "string" ? l.error : void 0) ?? "Export failed. Please try again.");
+		} catch {
+			_("Export failed due to a network error. Please try again.");
+		} finally {
+			h(!1);
+		}
+	}
+	return v ? /* @__PURE__ */ a("div", {
+		className: "export-admin-page",
+		children: /* @__PURE__ */ a("p", {
+			className: "export-admin-page__unavailable",
+			children: "Chat history export is not available on your current plan."
+		})
+	}) : /* @__PURE__ */ o("div", {
+		className: "export-admin-page",
+		children: [
+			/* @__PURE__ */ a("p", {
+				className: "export-admin-page__notice",
+				children: "Exports contain user display names and message content. Handle in accordance with your privacy policy."
+			}),
+			g && /* @__PURE__ */ a("div", {
+				className: "export-admin-page__error",
+				children: g
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "export-admin-page__form",
+				children: [
+					/* @__PURE__ */ o("div", {
+						className: "export-admin-page__date-row",
+						children: [/* @__PURE__ */ o("label", {
+							className: "export-admin-page__label",
+							children: ["From:", /* @__PURE__ */ a("input", {
+								type: "date",
+								className: "export-admin-page__date-input",
+								value: i,
+								onChange: (e) => s(e.target.value)
+							})]
+						}), /* @__PURE__ */ o("label", {
+							className: "export-admin-page__label",
+							children: ["To:", /* @__PURE__ */ a("input", {
+								type: "date",
+								className: "export-admin-page__date-input",
+								value: c,
+								onChange: (e) => l(e.target.value)
+							})]
+						})]
+					}),
+					/* @__PURE__ */ o("div", {
+						className: "export-admin-page__exclude-row",
+						children: [/* @__PURE__ */ o("label", {
+							className: "export-admin-page__label",
+							children: ["Exclude reported messages older than:", /* @__PURE__ */ a("input", {
+								type: "date",
+								className: "export-admin-page__date-input",
+								value: u,
+								onChange: (e) => {
+									d(e.target.value), p(null);
+								},
+								onBlur: b,
+								required: !0
+							})]
+						}), f && /* @__PURE__ */ a("p", {
+							className: "export-admin-page__field-error",
+							children: f
+						})]
+					}),
+					/* @__PURE__ */ a("button", {
+						className: "btn btn--primary export-admin-page__btn",
+						onClick: x,
+						disabled: m,
+						children: m ? "Preparing…" : "Download CSV →"
+					}),
+					/* @__PURE__ */ a("p", {
+						className: "export-admin-page__hint",
+						children: "Export is limited to the space’s retention window. Rate limited: 1 export per hour."
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/countryNames.ts
+var Q = {
+	AF: "Afghanistan",
+	AX: "Åland Islands",
+	AL: "Albania",
+	DZ: "Algeria",
+	AS: "American Samoa",
+	AD: "Andorra",
+	AO: "Angola",
+	AI: "Anguilla",
+	AQ: "Antarctica",
+	AG: "Antigua and Barbuda",
+	AR: "Argentina",
+	AM: "Armenia",
+	AW: "Aruba",
+	AU: "Australia",
+	AT: "Austria",
+	AZ: "Azerbaijan",
+	BS: "Bahamas",
+	BH: "Bahrain",
+	BD: "Bangladesh",
+	BB: "Barbados",
+	BY: "Belarus",
+	BE: "Belgium",
+	BZ: "Belize",
+	BJ: "Benin",
+	BM: "Bermuda",
+	BT: "Bhutan",
+	BO: "Bolivia",
+	BQ: "Bonaire, Sint Eustatius and Saba",
+	BA: "Bosnia and Herzegovina",
+	BW: "Botswana",
+	BV: "Bouvet Island",
+	BR: "Brazil",
+	IO: "British Indian Ocean Territory",
+	BN: "Brunei",
+	BG: "Bulgaria",
+	BF: "Burkina Faso",
+	BI: "Burundi",
+	CV: "Cabo Verde",
+	KH: "Cambodia",
+	CM: "Cameroon",
+	CA: "Canada",
+	KY: "Cayman Islands",
+	CF: "Central African Republic",
+	TD: "Chad",
+	CL: "Chile",
+	CN: "China",
+	CX: "Christmas Island",
+	CC: "Cocos Islands",
+	CO: "Colombia",
+	KM: "Comoros",
+	CG: "Congo",
+	CD: "Congo (DRC)",
+	CK: "Cook Islands",
+	CR: "Costa Rica",
+	CI: "Côte d'Ivoire",
+	HR: "Croatia",
+	CU: "Cuba",
+	CW: "Curaçao",
+	CY: "Cyprus",
+	CZ: "Czechia",
+	DK: "Denmark",
+	DJ: "Djibouti",
+	DM: "Dominica",
+	DO: "Dominican Republic",
+	EC: "Ecuador",
+	EG: "Egypt",
+	SV: "El Salvador",
+	GQ: "Equatorial Guinea",
+	ER: "Eritrea",
+	EE: "Estonia",
+	SZ: "Eswatini",
+	ET: "Ethiopia",
+	FK: "Falkland Islands",
+	FO: "Faroe Islands",
+	FJ: "Fiji",
+	FI: "Finland",
+	FR: "France",
+	GF: "French Guiana",
+	PF: "French Polynesia",
+	TF: "French Southern Territories",
+	GA: "Gabon",
+	GM: "Gambia",
+	GE: "Georgia",
+	DE: "Germany",
+	GH: "Ghana",
+	GI: "Gibraltar",
+	GR: "Greece",
+	GL: "Greenland",
+	GD: "Grenada",
+	GP: "Guadeloupe",
+	GU: "Guam",
+	GT: "Guatemala",
+	GG: "Guernsey",
+	GN: "Guinea",
+	GW: "Guinea-Bissau",
+	GY: "Guyana",
+	HT: "Haiti",
+	HM: "Heard Island and McDonald Islands",
+	VA: "Holy See",
+	HN: "Honduras",
+	HK: "Hong Kong",
+	HU: "Hungary",
+	IS: "Iceland",
+	IN: "India",
+	ID: "Indonesia",
+	IR: "Iran",
+	IQ: "Iraq",
+	IE: "Ireland",
+	IM: "Isle of Man",
+	IL: "Israel",
+	IT: "Italy",
+	JM: "Jamaica",
+	JP: "Japan",
+	JE: "Jersey",
+	JO: "Jordan",
+	KZ: "Kazakhstan",
+	KE: "Kenya",
+	KI: "Kiribati",
+	KP: "North Korea",
+	KR: "South Korea",
+	KW: "Kuwait",
+	KG: "Kyrgyzstan",
+	LA: "Laos",
+	LV: "Latvia",
+	LB: "Lebanon",
+	LS: "Lesotho",
+	LR: "Liberia",
+	LY: "Libya",
+	LI: "Liechtenstein",
+	LT: "Lithuania",
+	LU: "Luxembourg",
+	MO: "Macao",
+	MG: "Madagascar",
+	MW: "Malawi",
+	MY: "Malaysia",
+	MV: "Maldives",
+	ML: "Mali",
+	MT: "Malta",
+	MH: "Marshall Islands",
+	MQ: "Martinique",
+	MR: "Mauritania",
+	MU: "Mauritius",
+	YT: "Mayotte",
+	MX: "Mexico",
+	FM: "Micronesia",
+	MD: "Moldova",
+	MC: "Monaco",
+	MN: "Mongolia",
+	ME: "Montenegro",
+	MS: "Montserrat",
+	MA: "Morocco",
+	MZ: "Mozambique",
+	MM: "Myanmar",
+	NA: "Namibia",
+	NR: "Nauru",
+	NP: "Nepal",
+	NL: "Netherlands",
+	NC: "New Caledonia",
+	NZ: "New Zealand",
+	NI: "Nicaragua",
+	NE: "Niger",
+	NG: "Nigeria",
+	NU: "Niue",
+	NF: "Norfolk Island",
+	MK: "North Macedonia",
+	MP: "Northern Mariana Islands",
+	NO: "Norway",
+	OM: "Oman",
+	PK: "Pakistan",
+	PW: "Palau",
+	PS: "Palestine",
+	PA: "Panama",
+	PG: "Papua New Guinea",
+	PY: "Paraguay",
+	PE: "Peru",
+	PH: "Philippines",
+	PN: "Pitcairn",
+	PL: "Poland",
+	PT: "Portugal",
+	PR: "Puerto Rico",
+	QA: "Qatar",
+	RE: "Réunion",
+	RO: "Romania",
+	RU: "Russia",
+	RW: "Rwanda",
+	BL: "Saint Barthélemy",
+	SH: "Saint Helena",
+	KN: "Saint Kitts and Nevis",
+	LC: "Saint Lucia",
+	MF: "Saint Martin",
+	PM: "Saint Pierre and Miquelon",
+	VC: "Saint Vincent and the Grenadines",
+	WS: "Samoa",
+	SM: "San Marino",
+	ST: "Sao Tome and Principe",
+	SA: "Saudi Arabia",
+	SN: "Senegal",
+	RS: "Serbia",
+	SC: "Seychelles",
+	SL: "Sierra Leone",
+	SG: "Singapore",
+	SX: "Sint Maarten",
+	SK: "Slovakia",
+	SI: "Slovenia",
+	SB: "Solomon Islands",
+	SO: "Somalia",
+	ZA: "South Africa",
+	GS: "South Georgia",
+	SS: "South Sudan",
+	ES: "Spain",
+	LK: "Sri Lanka",
+	SD: "Sudan",
+	SR: "Suriname",
+	SJ: "Svalbard and Jan Mayen",
+	SE: "Sweden",
+	CH: "Switzerland",
+	SY: "Syria",
+	TW: "Taiwan",
+	TJ: "Tajikistan",
+	TZ: "Tanzania",
+	TH: "Thailand",
+	TL: "Timor-Leste",
+	TG: "Togo",
+	TK: "Tokelau",
+	TO: "Tonga",
+	TT: "Trinidad and Tobago",
+	TN: "Tunisia",
+	TR: "Turkey",
+	TM: "Turkmenistan",
+	TC: "Turks and Caicos Islands",
+	TV: "Tuvalu",
+	UG: "Uganda",
+	UA: "Ukraine",
+	AE: "United Arab Emirates",
+	GB: "United Kingdom",
+	US: "United States",
+	UM: "US Minor Outlying Islands",
+	UY: "Uruguay",
+	UZ: "Uzbekistan",
+	VU: "Vanuatu",
+	VE: "Venezuela",
+	VN: "Vietnam",
+	VG: "British Virgin Islands",
+	VI: "US Virgin Islands",
+	WF: "Wallis and Futuna",
+	EH: "Western Sahara",
+	YE: "Yemen",
+	ZM: "Zambia",
+	ZW: "Zimbabwe"
+};
+function le(e) {
+	let t = Q[e.toUpperCase()];
+	return t ? `${t} (${e.toUpperCase()})` : e.toUpperCase();
+}
+function ue(e) {
+	let t = Q[e.toUpperCase()];
+	return t ? `${t} \u00b7 ${e.toUpperCase()}` : e.toUpperCase();
+}
+var de = Object.entries(Q).map(([e, t]) => ({
+	code: e,
+	name: t
+})).sort((e, t) => e.name.localeCompare(t.name));
+//#endregion
+//#region src/components/GeoRestrictionsAdmin.tsx
+function $(e) {
+	let t = e();
+	return t ? { Authorization: `Bearer ${t}` } : {};
+}
+function fe(e) {
+	if (e.isPermanent || !e.expiresAt) return "Permanent";
+	let t = new Date(e.expiresAt);
+	return t < /* @__PURE__ */ new Date() ? "Expired" : `Until ${t.toLocaleDateString(void 0, {
+		month: "short",
+		day: "numeric",
+		year: "numeric"
+	})}`;
+}
+function pe({ stationSlug: e, getToken: s }) {
+	let c = `/api/chat/${e}`, [l, u] = r(!1), [d, f] = r(!1), [p, m] = r(null), [h, g] = r({
+		mode: null,
+		countries: []
+	}), [_, v] = r([]), [y, b] = r(""), [x, S] = r(!1), C = n(null), [w, T] = r(""), [E, D] = r(!1), [O, k] = r(""), [A, j] = r(""), [M, N] = r(""), [P, F] = r(!1), [I, L] = r(null);
+	t(() => {
+		(async () => {
+			u(!0), m(null);
+			try {
+				let e = {
+					...$(s),
+					"Content-Type": "application/json"
+				}, [t, n] = await Promise.all([fetch(`${c}/geo/config`, {
+					credentials: "include",
+					headers: e
+				}), fetch(`${c}/ip-bans`, {
+					credentials: "include",
+					headers: e
+				})]);
+				if (t.status === 403) {
+					let e = {};
+					try {
+						e = await t.json();
+					} catch {}
+					if (typeof e.error == "object" && e.error?.code === "TIER_LIMIT") {
+						f(!0), u(!1);
+						return;
+					}
+				}
+				if (!t.ok) throw Error("Failed to load geo config");
+				if (!n.ok) throw Error("Failed to load IP bans");
+				let r = await t.json(), i = await n.json();
+				g({
+					mode: r.mode ?? null,
+					countries: r.countries ?? []
+				}), v(i.bans ?? []);
+			} catch (e) {
+				m(e?.message ?? "Failed to load geo restriction settings");
+			} finally {
+				u(!1);
+			}
+		})();
+	}, []), t(() => {
+		function e(e) {
+			C.current && !C.current.contains(e.target) && S(!1);
+		}
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []);
+	async function R(e, t) {
+		let n = await fetch(`${c}${e}`, {
+			method: "POST",
+			credentials: "include",
+			headers: {
+				...$(s),
+				"Content-Type": "application/json"
+			},
+			body: JSON.stringify(t)
+		});
+		if (!n.ok) {
+			let e = "Request failed";
+			try {
+				let t = await n.json();
+				e = t?.error?.message ?? t?.error ?? e;
+			} catch {}
+			throw Error(typeof e == "string" ? e : "Request failed");
+		}
+		return n.json();
+	}
+	async function z(e) {
+		let t = await fetch(`${c}${e}`, {
+			method: "DELETE",
+			credentials: "include",
+			headers: $(s)
+		});
+		if (!t.ok) {
+			let e = "Request failed";
+			try {
+				let n = await t.json();
+				e = n?.error?.message ?? n?.error ?? e;
+			} catch {}
+			throw Error(typeof e == "string" ? e : "Request failed");
+		}
+		return t.json();
+	}
+	async function B(e) {
+		L(null);
+		let t = e === "none" ? null : e;
+		try {
+			let e = await R("/geo/config", { mode: t });
+			g({
+				mode: e.mode ?? null,
+				countries: e.countries ?? []
+			});
+		} catch (e) {
+			L(e?.message ?? "Failed to update mode");
+		}
+	}
+	async function V(e) {
+		L(null), b(""), S(!1);
+		try {
+			let t = await R("/geo/countries", { countryCode: e });
+			g({
+				mode: t.mode ?? null,
+				countries: t.countries ?? []
+			});
+		} catch (e) {
+			L(e?.message ?? "Failed to add country");
+		}
+	}
+	async function H(e) {
+		L(null);
+		try {
+			let t = await z(`/geo/countries/${e}`);
+			g({
+				mode: t.mode ?? null,
+				countries: t.countries ?? []
+			});
+		} catch (e) {
+			L(e?.message ?? "Failed to remove country");
+		}
+	}
+	async function U(e) {
+		L(null);
+		try {
+			await z(`/ip-bans/${e}`), v((t) => t.filter((t) => t.id !== e));
+		} catch (e) {
+			L(e?.message ?? "Failed to lift ban");
+		}
+	}
+	async function W(e) {
+		if (e.preventDefault(), O.trim()) {
+			L(null), F(!0);
+			try {
+				let e = { ipAddress: O.trim() };
+				if (A.trim() && (e.reason = A.trim()), M.trim()) {
+					let t = parseInt(M, 10);
+					!isNaN(t) && t > 0 && (e.durationMinutes = t);
+				}
+				let t = await R("/ip-bans", e);
+				v((e) => [{
+					id: t.id,
+					ipAddress: t.ipAddress,
+					reason: t.reason ?? null,
+					expiresAt: t.expiresAt ?? null,
+					isPermanent: t.isPermanent,
+					createdAt: t.createdAt
+				}, ...e]), k(""), j(""), N(""), D(!1);
+			} catch (e) {
+				L(e?.message ?? "Failed to add IP ban");
+			} finally {
+				F(!1);
+			}
+		}
+	}
+	if (l) return /* @__PURE__ */ a("div", {
+		className: "geo-admin__status",
+		children: "Loading…"
+	});
+	if (d) return /* @__PURE__ */ a("div", {
+		className: "geo-admin__status geo-admin__status--unavailable",
+		children: "Geo restrictions and IP bans are available on the Community plan and above."
+	});
+	if (p) return /* @__PURE__ */ a("div", {
+		className: "geo-admin__status geo-admin__status--error",
+		children: p
+	});
+	let G = y.trim().toLowerCase(), K = (G ? de.filter((e) => e.name.toLowerCase().includes(G) || e.code.toLowerCase().includes(G)).slice(0, 12) : de.slice(0, 12)).filter((e) => !h.countries.includes(e.code)), q = w.trim() ? _.filter((e) => e.ipAddress.includes(w.trim()) || (e.reason ?? "").toLowerCase().includes(w.trim().toLowerCase())) : _;
+	return /* @__PURE__ */ o("div", {
+		className: "geo-admin",
+		children: [
+			I && /* @__PURE__ */ a("div", {
+				className: "geo-admin__action-error",
+				children: I
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "geo-admin__section",
+				children: [
+					/* @__PURE__ */ a("h4", {
+						className: "geo-admin__section-title",
+						children: "Country Restrictions"
+					}),
+					/* @__PURE__ */ o("div", {
+						className: "geo-admin__field",
+						children: [/* @__PURE__ */ a("label", {
+							className: "geo-admin__label",
+							children: "Restriction mode"
+						}), /* @__PURE__ */ o("select", {
+							className: "geo-admin__select",
+							value: h.mode ?? "none",
+							onChange: (e) => B(e.target.value),
+							children: [
+								/* @__PURE__ */ a("option", {
+									value: "none",
+									children: "None (unrestricted)"
+								}),
+								/* @__PURE__ */ a("option", {
+									value: "blocklist",
+									children: "Blocklist — block listed countries"
+								}),
+								/* @__PURE__ */ a("option", {
+									value: "allowlist",
+									children: "Allowlist — only listed countries"
+								})
+							]
+						})]
+					}),
+					h.mode && /* @__PURE__ */ o(i, { children: [
+						/* @__PURE__ */ a("p", {
+							className: "geo-admin__hint",
+							children: h.mode === "blocklist" ? "Users from these countries will be blocked from posting." : "Only users from these countries can post."
+						}),
+						h.countries.length > 0 ? /* @__PURE__ */ a("div", {
+							className: "geo-admin__chips",
+							children: h.countries.map((e) => /* @__PURE__ */ o("span", {
+								className: "geo-admin__chip",
+								children: [ue(e), /* @__PURE__ */ a("button", {
+									className: "geo-admin__chip-remove",
+									onClick: () => H(e),
+									title: `Remove ${e}`,
+									"aria-label": `Remove ${e}`,
+									children: "×"
+								})]
+							}, e))
+						}) : /* @__PURE__ */ a("p", {
+							className: "geo-admin__hint geo-admin__hint--empty",
+							children: "No countries in list yet."
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "geo-admin__combobox",
+							ref: C,
+							children: [
+								/* @__PURE__ */ a("input", {
+									className: "geo-admin__combobox-input",
+									type: "text",
+									placeholder: "Search country to add…",
+									value: y,
+									onChange: (e) => {
+										b(e.target.value), S(!0);
+									},
+									onFocus: () => S(!0),
+									onKeyDown: (e) => {
+										e.key === "Escape" && (S(!1), b("")), e.key === "Enter" && K.length === 1 && V(K[0].code);
+									}
+								}),
+								x && K.length > 0 && /* @__PURE__ */ a("ul", {
+									className: "geo-admin__combobox-list",
+									children: K.map((e) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a("button", {
+										className: "geo-admin__combobox-item",
+										onMouseDown: (t) => {
+											t.preventDefault(), V(e.code);
+										},
+										children: le(e.code)
+									}) }, e.code))
+								}),
+								x && y.trim() && K.length === 0 && /* @__PURE__ */ a("div", {
+									className: "geo-admin__combobox-empty",
+									children: "No matching countries"
+								})
+							]
+						})
+					] })
+				]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "geo-admin__section",
+				children: [
+					/* @__PURE__ */ o("h4", {
+						className: "geo-admin__section-title",
+						children: ["IP Bans", _.length > 0 && /* @__PURE__ */ a("span", {
+							className: "geo-admin__badge",
+							children: _.length
+						})]
+					}),
+					_.length > 4 && /* @__PURE__ */ a("input", {
+						className: "geo-admin__filter-input",
+						type: "text",
+						placeholder: "Filter by IP or reason…",
+						value: w,
+						onChange: (e) => T(e.target.value)
+					}),
+					q.length === 0 && _.length === 0 ? /* @__PURE__ */ a("p", {
+						className: "geo-admin__hint",
+						children: "No active IP bans."
+					}) : q.length === 0 ? /* @__PURE__ */ a("p", {
+						className: "geo-admin__hint",
+						children: "No bans match your filter."
+					}) : /* @__PURE__ */ a("div", {
+						className: "geo-admin__ban-list",
+						children: q.map((e) => /* @__PURE__ */ o("div", {
+							className: "geo-admin__ban-row",
+							children: [/* @__PURE__ */ o("div", {
+								className: "geo-admin__ban-info",
+								children: [
+									/* @__PURE__ */ a("span", {
+										className: "geo-admin__ban-ip",
+										children: e.ipAddress
+									}),
+									e.reason && /* @__PURE__ */ a("span", {
+										className: "geo-admin__ban-reason",
+										children: e.reason
+									}),
+									/* @__PURE__ */ a("span", {
+										className: "geo-admin__ban-expiry",
+										children: fe(e)
+									})
+								]
+							}), /* @__PURE__ */ a("button", {
+								className: "btn btn--ghost geo-admin__lift-btn",
+								onClick: () => U(e.id),
+								children: "Lift ban"
+							})]
+						}, e.id))
+					}),
+					/* @__PURE__ */ o("button", {
+						className: "geo-admin__add-toggle",
+						onClick: () => D((e) => !e),
+						children: [E ? "▼" : "▶", " Add IP ban"]
+					}),
+					E && /* @__PURE__ */ o("form", {
+						className: "geo-admin__add-ban-form",
+						onSubmit: W,
+						children: [
+							/* @__PURE__ */ o("div", {
+								className: "geo-admin__field",
+								children: [/* @__PURE__ */ a("label", {
+									className: "geo-admin__label",
+									children: "IP address or CIDR range *"
+								}), /* @__PURE__ */ a("input", {
+									className: "geo-admin__input",
+									type: "text",
+									placeholder: "e.g. 1.2.3.4 or 1.2.0.0/16",
+									value: O,
+									onChange: (e) => k(e.target.value),
+									required: !0
+								})]
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "geo-admin__field",
+								children: [/* @__PURE__ */ a("label", {
+									className: "geo-admin__label",
+									children: "Reason (optional)"
+								}), /* @__PURE__ */ a("input", {
+									className: "geo-admin__input",
+									type: "text",
+									placeholder: "Reason for ban",
+									value: A,
+									onChange: (e) => j(e.target.value)
+								})]
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "geo-admin__field",
+								children: [/* @__PURE__ */ a("label", {
+									className: "geo-admin__label",
+									children: "Duration in minutes (blank = permanent)"
+								}), /* @__PURE__ */ a("input", {
+									className: "geo-admin__input",
+									type: "number",
+									min: "1",
+									placeholder: "e.g. 1440 for 24 hours",
+									value: M,
+									onChange: (e) => N(e.target.value)
+								})]
+							}),
+							/* @__PURE__ */ a("button", {
+								className: "btn btn--primary",
+								type: "submit",
+								disabled: P || !O.trim(),
+								children: P ? "Adding…" : "Add IP ban"
+							})
+						]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/ModeratorAdminPage.tsx
+function me(e) {
+	return e.email ? `${e.displayName} (${e.email})` : e.displayName;
+}
+function he(e, t) {
+	return t === null ? `${e} moderator${e === 1 ? "" : "s"} — unlimited slots` : `${e} of ${t} moderator slot${t === 1 ? "" : "s"} used`;
+}
+function ge({ stationSlug: e, user: l, getToken: u }) {
+	let d = n(new c("", u)).current, [f, p] = r([]), [m, h] = r(null), [g, _] = r(!0), [v, y] = r(null), [b, x] = r(""), [S, C] = r(null), [w, T] = r(null), E = l.permissions.includes(s.MANAGE_ROLES);
+	async function D() {
+		_(!0), y(null);
+		try {
+			let t = await d.getMembersAdmin(e);
+			p(t.members), h(t.quota);
+		} catch (e) {
+			y(e?.message ?? "Failed to load moderators.");
+		} finally {
+			_(!1);
+		}
+	}
+	if (t(() => {
+		E && D().catch(() => void 0);
+	}, [E, e]), !E) return null;
+	let O = f.filter((e) => e.roles.includes("moderator")), k = f.filter((e) => !e.roles.includes("moderator") && !e.roles.includes("station_admin")), A = b.trim().toLowerCase(), j = A === "" ? k : k.filter((e) => e.displayName.toLowerCase().includes(A) || (e.email ?? "").toLowerCase().includes(A)), M = m !== null && m.limit !== null && m.used >= m.limit, N = S !== null || w !== null;
+	async function P(t) {
+		C(t), y(null);
+		try {
+			await d.patchMemberRoles(e, t, { add: ["moderator"] }), await D();
+		} catch (e) {
+			y(e?.message ?? "Failed to promote member.");
+		} finally {
+			C(null);
+		}
+	}
+	async function F(t) {
+		T(t), y(null);
+		try {
+			await d.patchMemberRoles(e, t, { remove: ["moderator"] }), await D();
+		} catch (e) {
+			y(e?.message ?? "Failed to demote moderator.");
+		} finally {
+			T(null);
+		}
+	}
+	return /* @__PURE__ */ o("div", {
+		className: "moderator-admin-page",
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: "moderator-admin-page__topbar",
+				children: /* @__PURE__ */ o("div", {
+					className: "moderator-admin-page__title-row",
+					children: [/* @__PURE__ */ a("h2", {
+						className: "moderator-admin-page__title",
+						children: "Moderators"
+					}), m && /* @__PURE__ */ a("span", {
+						className: "sticker-admin-page__count",
+						children: he(m.used, m.limit)
+					})]
+				})
+			}),
+			v && /* @__PURE__ */ a("div", {
+				className: "sticker-admin-page__error",
+				children: v
+			}),
+			g ? /* @__PURE__ */ a("div", {
+				className: "sticker-admin-page__state",
+				children: "Loading moderators…"
+			}) : /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("div", {
+				className: "moderator-admin-page__section",
+				children: [
+					/* @__PURE__ */ a("h3", {
+						className: "moderator-admin-page__section-title",
+						children: "Current moderators"
+					}),
+					/* @__PURE__ */ a("hr", { className: "moderator-admin-page__divider" }),
+					O.length === 0 ? /* @__PURE__ */ a("div", {
+						className: "sticker-admin-page__state",
+						children: "No moderators assigned yet."
+					}) : /* @__PURE__ */ a("ul", {
+						className: "moderator-admin-page__list",
+						children: O.map((e) => /* @__PURE__ */ o("li", {
+							className: "moderator-admin-page__item",
+							children: [/* @__PURE__ */ a("button", {
+								className: "moderator-admin-page__demote-link",
+								onClick: () => F(e.userId),
+								disabled: N,
+								children: w === e.userId ? "Demoting…" : "Demote"
+							}), /* @__PURE__ */ a("span", {
+								className: "moderator-admin-page__member-label",
+								children: me(e)
+							})]
+						}, e.userId))
+					})
+				]
+			}), /* @__PURE__ */ o("div", {
+				className: "moderator-admin-page__section",
+				children: [
+					/* @__PURE__ */ a("h3", {
+						className: "moderator-admin-page__section-title",
+						children: "Add a moderator"
+					}),
+					/* @__PURE__ */ a("hr", { className: "moderator-admin-page__divider" }),
+					/* @__PURE__ */ a("input", {
+						className: "moderator-admin-page__filter",
+						type: "text",
+						placeholder: "Filter by name or email",
+						value: b,
+						onChange: (e) => x(e.target.value)
+					}),
+					/* @__PURE__ */ a("p", {
+						className: "moderator-admin-page__list-hint",
+						children: "Recent users"
+					}),
+					j.length === 0 ? /* @__PURE__ */ a("div", {
+						className: "sticker-admin-page__state",
+						children: b ? "No members match that filter." : "No members available to promote."
+					}) : /* @__PURE__ */ a("ul", {
+						className: "moderator-admin-page__list",
+						children: j.map((e) => /* @__PURE__ */ o("li", {
+							className: "moderator-admin-page__item",
+							children: [/* @__PURE__ */ a("button", {
+								className: "moderator-admin-page__promote-link",
+								onClick: () => P(e.userId),
+								disabled: M || N,
+								title: M ? "Moderator limit reached for your plan" : void 0,
+								children: S === e.userId ? "Promoting…" : "Promote"
+							}), /* @__PURE__ */ a("span", {
+								className: "moderator-admin-page__member-label",
+								children: me(e)
+							})]
+						}, e.userId))
+					})
+				]
+			})] })
+		]
+	});
+}
+//#endregion
+//#region src/AdminPanel.tsx
+function _e({ className: e, spaceSlug: n, serverUrl: i = "", token: c, manageOwnRefreshToken: l, onSessionEnded: d }) {
+	let f = l ?? !u.managed, p = x({
+		spaceSlug: n,
+		initialToken: c ?? null,
+		manageOwnRefreshToken: f,
+		onSessionEnded: d
+	}), { user: m, stationSlug: h, getToken: g } = p;
+	t(() => {
+		if (!h) return;
+		document.documentElement.setAttribute("data-theme", u.theme);
+		let e = N(h);
+		e && P(e);
+		let t = `${i}/api/chat/${h}/theme`;
+		fetch(t).then((e) => e.ok ? e.json() : {
+			light: {},
+			dark: {}
+		}).then((e) => {
+			(Object.keys(e?.light ?? {}).length > 0 || Object.keys(e?.dark ?? {}).length > 0) && w({
+				light: e.light ?? {},
+				dark: e.dark ?? {}
+			}, u.theme);
+		}).catch(() => {});
+	}, [h, i]);
+	let [_, v] = r(!1), [y, b] = r(!1), [S, C] = r(!1), [T, E] = r(!1), [D, O] = r(!1), k = e ? `relaya-root ${e}` : "relaya-root";
+	if (p.status === "loading") return /* @__PURE__ */ a("div", {
+		className: k,
+		children: /* @__PURE__ */ a("div", {
+			className: "admin-panel",
+			children: /* @__PURE__ */ o("div", {
+				className: "admin-panel__loading",
+				children: [/* @__PURE__ */ a("div", { className: "connection-spinner" }), /* @__PURE__ */ a("span", { children: "Loading…" })]
+			})
+		})
+	});
+	if (p.status !== "authenticated" || !m) return /* @__PURE__ */ a("div", {
+		className: k,
+		children: /* @__PURE__ */ a("div", {
+			className: "admin-panel",
+			children: /* @__PURE__ */ o("div", {
+				className: "admin-panel__unauthorized",
+				children: [/* @__PURE__ */ a("h2", { children: "Sign in required" }), /* @__PURE__ */ a("p", { children: "You must be signed in to access the admin panel." })]
+			})
+		})
+	});
+	let A = m.permissions.includes(s.DELETE_ANY), j = m.permissions.includes(s.MANAGE_ROLES);
+	return !A && !j ? /* @__PURE__ */ a("div", {
+		className: k,
+		children: /* @__PURE__ */ a("div", {
+			className: "admin-panel",
+			children: /* @__PURE__ */ o("div", {
+				className: "admin-panel__unauthorized",
+				children: [/* @__PURE__ */ a("h2", { children: "Access denied" }), /* @__PURE__ */ a("p", { children: "You do not have admin or moderation permissions for this space." })]
+			})
+		})
+	}) : /* @__PURE__ */ a("div", {
+		className: k,
+		children: /* @__PURE__ */ o("div", {
+			className: "admin-panel",
+			children: [/* @__PURE__ */ o("div", {
+				className: "admin-panel__header",
+				children: [/* @__PURE__ */ o("h1", {
+					className: "admin-panel__title",
+					children: [
+						h.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" "),
+						" ",
+						"— Admin"
+					]
+				}), /* @__PURE__ */ a("p", {
+					className: "admin-panel__subtitle",
+					children: "Moderation and administration for this space."
+				})]
+			}), /* @__PURE__ */ o("div", {
+				className: "admin-panel__sections",
+				children: [
+					j && /* @__PURE__ */ a("section", {
+						className: "admin-panel__section",
+						children: /* @__PURE__ */ o("div", {
+							className: "admin-settings",
+							children: [/* @__PURE__ */ o("button", {
+								className: "admin-settings__toggle",
+								onClick: () => v((e) => !e),
+								children: [/* @__PURE__ */ a("span", { children: _ ? "▼" : "▶" }), /* @__PURE__ */ a("span", { children: "Sticker library" })]
+							}), _ && /* @__PURE__ */ a("div", {
+								className: "admin-settings__panel",
+								children: /* @__PURE__ */ a(Y, {
+									stationSlug: h,
+									user: m,
+									getToken: g
+								})
+							})]
+						})
+					}),
+					j && /* @__PURE__ */ a("section", {
+						className: "admin-panel__section",
+						children: /* @__PURE__ */ o("div", {
+							className: "admin-settings",
+							children: [/* @__PURE__ */ o("button", {
+								className: "admin-settings__toggle",
+								onClick: () => b((e) => !e),
+								children: [/* @__PURE__ */ a("span", { children: y ? "▼" : "▶" }), /* @__PURE__ */ a("span", { children: "Color theme" })]
+							}), y && /* @__PURE__ */ a("div", {
+								className: "admin-settings__panel",
+								children: /* @__PURE__ */ a(ae, {
+									stationSlug: h,
+									getToken: g
+								})
+							})]
+						})
+					}),
+					A && /* @__PURE__ */ a("section", {
+						className: "admin-panel__section",
+						children: /* @__PURE__ */ a(V, {
+							stationSlug: h,
+							user: m,
+							getToken: g
+						})
+					}),
+					A && /* @__PURE__ */ a("section", {
+						className: "admin-panel__section",
+						children: /* @__PURE__ */ a(W, {
+							stationSlug: h,
+							user: m,
+							getToken: g
+						})
+					}),
+					j && /* @__PURE__ */ a("section", {
+						className: "admin-panel__section",
+						children: /* @__PURE__ */ o("div", {
+							className: "admin-settings",
+							children: [/* @__PURE__ */ o("button", {
+								className: "admin-settings__toggle",
+								onClick: () => C((e) => !e),
+								children: [/* @__PURE__ */ a("span", { children: S ? "▼" : "▶" }), /* @__PURE__ */ a("span", { children: "Moderator management" })]
+							}), S && /* @__PURE__ */ a("div", {
+								className: "admin-settings__panel",
+								children: /* @__PURE__ */ a(ge, {
+									stationSlug: h,
+									user: m,
+									getToken: g
+								})
+							})]
+						})
+					}),
+					j && /* @__PURE__ */ a("section", {
+						className: "admin-panel__section",
+						children: /* @__PURE__ */ a(K, {
+							stationSlug: h,
+							user: m,
+							getToken: g
+						})
+					}),
+					j && /* @__PURE__ */ a("section", {
+						className: "admin-panel__section",
+						children: /* @__PURE__ */ o("div", {
+							className: "admin-settings",
+							children: [/* @__PURE__ */ o("button", {
+								className: "admin-settings__toggle",
+								onClick: () => O((e) => !e),
+								children: [/* @__PURE__ */ a("span", { children: D ? "▼" : "▶" }), /* @__PURE__ */ a("span", { children: "Geo restrictions & IP bans" })]
+							}), D && /* @__PURE__ */ a("div", {
+								className: "admin-settings__panel",
+								children: /* @__PURE__ */ a(pe, {
+									stationSlug: h,
+									getToken: g
+								})
+							})]
+						})
+					}),
+					j && /* @__PURE__ */ a("section", {
+						className: "admin-panel__section",
+						children: /* @__PURE__ */ o("div", {
+							className: "admin-settings",
+							children: [/* @__PURE__ */ o("button", {
+								className: "admin-settings__toggle",
+								onClick: () => E((e) => !e),
+								children: [/* @__PURE__ */ a("span", { children: T ? "▼" : "▶" }), /* @__PURE__ */ a("span", { children: "Chat history export" })]
+							}), T && /* @__PURE__ */ a("div", {
+								className: "admin-settings__panel",
+								children: /* @__PURE__ */ a(ce, {
+									stationSlug: h,
+									getToken: g
+								})
+							})]
+						})
+					})
+				]
+			})]
+		})
+	});
+}
+//#endregion
+export { s as S, u as _, W as a, l as b, F as c, O as d, D as f, x as g, T as h, K as i, P as l, w as m, ae as n, V as o, E as p, Y as r, R as s, _e as t, N as u, f as v, c as x, d as y };