astrogators-shared-ui 0.16.3 → 0.16.4

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 psytor
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,8 +1,9 @@
 # astrogators-shared-ui
 
 Shared React components, auth, and API client for the Astrogator's Table
-frontends (`astrogators-hub`, `mod-ledger-ui`, `nightwatcher-ui`). Published
-to the public npm registry as `astrogators-shared-ui` (unscoped).
+frontends (`astrogators-hub`, `mod-ledger-ui`, `nightwatcher-ui`,
+`navicharts-ui`). Published to the public npm registry as
+`astrogators-shared-ui` (unscoped).
 
 > The git repo lives under `psytor/astrogators-shared-ui` on GitHub, but the
 > package itself is published to **npmjs.org**, not GitHub Packages. No
@@ -177,9 +178,14 @@ const result = await apiClient.post('/api/v1/mod-ledger/evaluate/123456789', {
 
 The client:
 - injects the access token into `Authorization`
-- on `401`, transparently refreshes via `/api/v1/auth/refresh-token` and
-  retries the original request once
+- proactively refreshes before a request goes out if the access token is
+  expired or expiring within 30s (decoded client-side), and reactively on a
+  `401` from the resource server — both via `/api/v1/auth/refresh`, retrying
+  the original request once
 - calls `onUnauthorized` if refresh fails
+- retries a `502`/`503`/`504` response (idempotent methods only) or a thrown
+  `fetch` (any method, since nothing reached the server) a couple of times
+  with a short backoff, to ride out a backend container swap mid-deploy
 
 Endpoints are written **without** the service prefix — the prefix lives in
 the configured `baseURL`.
@@ -254,6 +260,7 @@ Sci-fi cut-corner effect, available as utility classes or via `Card`:
 npm install
 npm run build        # tsc && vite build → dist/
 npm run type-check   # tsc --noEmit
+npm test             # vitest run — logic tests in tests/ (not visual)
 ```
 
 There is no `dev` server worth running (this is a library, not an app).

package/dist/index.js

@@ -140,12 +140,12 @@ var _ = [
 	x(e), w(t);
 }, D = () => {
 	S(), T();
-}, O = () => !!b(), ee = "", k, A = null, te = (e) => {
-	ee = e.baseURL, k = e.onUnauthorized;
-}, j = () => A || (A = (async () => {
+}, ee = () => !!b(), O = "", k, A = null, j = (e) => {
+	O = e.baseURL, k = e.onUnauthorized;
+}, M = () => A || (A = (async () => {
 	let e = C();
 	if (!e) throw Error("No refresh token available");
-	let t = await fetch(`${ee}/api/v1/auth/refresh`, {
+	let t = await fetch(`${O}/api/v1/auth/refresh`, {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({ refresh_token: e })
@@ -155,21 +155,21 @@ var _ = [
 	return E(n.access_token, n.refresh_token), n.access_token;
 })().finally(() => {
 	A = null;
-}), A), ne = 30, M = [700, 1500], N = new Set([
+}), A), N = 30, P = [700, 1500], F = /* @__PURE__ */ new Set([
 	502,
 	503,
 	504
-]), re = (e) => {
+]), te = (e) => {
 	let t = (e ?? "GET").toUpperCase();
 	return t === "GET" || t === "HEAD" || t === "OPTIONS";
-}, P = (e) => e == null || typeof e == "string", ie = (e) => new Promise((t) => setTimeout(t, e)), ae = async (e, t) => {
-	let n = re(t.method) && P(t.body), r = P(t.body), i;
-	for (let a = 0; a <= M.length; a++) {
-		a > 0 && await ie(M[a - 1]);
-		let o = a < M.length;
+}, I = (e) => e == null || typeof e == "string", ne = (e) => new Promise((t) => setTimeout(t, e)), re = async (e, t) => {
+	let n = te(t.method) && I(t.body), r = I(t.body), i;
+	for (let a = 0; a <= P.length; a++) {
+		a > 0 && await ne(P[a - 1]);
+		let o = a < P.length;
 		try {
 			let r = await fetch(e, t);
-			if (o && n && N.has(r.status)) continue;
+			if (o && n && F.has(r.status)) continue;
 			return r;
 		} catch (e) {
 			if (i = e, o && r) continue;
@@ -177,39 +177,39 @@ var _ = [
 		}
 	}
 	throw i ?? /* @__PURE__ */ Error("fetchWithRetry: retries exhausted");
-}, oe = (e) => {
+}, ie = (e) => {
 	try {
 		let t = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), { exp: n } = JSON.parse(atob(t));
-		return typeof n == "number" && Date.now() / 1e3 >= n - ne;
+		return typeof n == "number" && Date.now() / 1e3 >= n - N;
 	} catch {
 		return !1;
 	}
-}, se = async (e, t = {}) => {
+}, ae = async (e, t = {}) => {
 	let n = b();
-	if (n && oe(n)) try {
-		n = await j();
+	if (n && ie(n)) try {
+		n = await M();
 	} catch {
 		n = b();
 	}
 	let r = { ...t.headers };
 	n && (r.Authorization = `Bearer ${n}`);
-	let i = await ae(e, {
+	let i = await re(e, {
 		...t,
 		headers: r
 	});
 	if (i.status !== 401 || !n) return i;
 	try {
-		return r.Authorization = `Bearer ${await j()}`, await ae(e, {
+		return r.Authorization = `Bearer ${await M()}`, await re(e, {
 			...t,
 			headers: r
 		});
 	} catch {
 		return i;
 	}
-}, ce = class {
+}, oe = class {
 	baseURL;
 	constructor(e) {
-		this.baseURL = e.baseURL, te({
+		this.baseURL = e.baseURL, j({
 			baseURL: e.baseURL,
 			onUnauthorized: e.onUnauthorized
 		});
@@ -218,7 +218,7 @@ var _ = [
 		let n = {
 			"Content-Type": "application/json",
 			...t.headers
-		}, r = await se(`${this.baseURL}${e}`, {
+		}, r = await ae(`${this.baseURL}${e}`, {
 			...t,
 			headers: n
 		});
@@ -268,53 +268,54 @@ var _ = [
 			method: "DELETE"
 		});
 	}
-}, F, le = (e) => {
-	F = new ce(e);
-}, I = "astrogators_ally_codes", ue = "astrogators_selected_ally_code", L = () => {
+}, L, se = (e) => {
+	L = new oe(e);
+}, R = "astrogators_ally_codes", ce = "astrogators_selected_ally_code", z = () => {
 	try {
-		let e = localStorage.getItem(I);
+		let e = localStorage.getItem(R);
 		return e ? JSON.parse(e) : [];
 	} catch (e) {
 		return console.error("Failed to read ally codes from localStorage:", e), [];
 	}
-}, de = (e) => {
+}, le = (e) => {
 	try {
-		let t = L();
+		let t = z();
 		if (t.some((t) => t.ally_code === e.ally_code)) return;
-		t.push(e), localStorage.setItem(I, JSON.stringify(t));
+		t.push(e), localStorage.setItem(R, JSON.stringify(t));
 	} catch (e) {
 		console.error("Failed to save ally code to localStorage:", e);
 	}
-}, fe = (e) => {
+}, ue = (e) => {
 	try {
-		let t = L().filter((t) => t.ally_code !== e);
-		localStorage.setItem(I, JSON.stringify(t));
+		let t = z().filter((t) => t.ally_code !== e);
+		localStorage.setItem(R, JSON.stringify(t));
 	} catch (e) {
 		console.error("Failed to remove ally code from localStorage:", e);
 	}
-}, pe = (e) => {
+}, de = (e) => {
 	try {
-		let t = L().map((t) => t.ally_code === e ? {
+		let t = z().map((t) => t.ally_code === e ? {
 			...t,
 			last_used_at: (/* @__PURE__ */ new Date()).toISOString()
 		} : t);
-		localStorage.setItem(I, JSON.stringify(t));
+		localStorage.setItem(R, JSON.stringify(t));
 	} catch (e) {
 		console.error("Failed to update ally code last used:", e);
 	}
-}, me = () => localStorage.getItem(ue), R = (e) => {
-	e ? localStorage.setItem(ue, e) : localStorage.removeItem(ue);
-}, he = () => {
-	localStorage.removeItem(I), localStorage.removeItem(ue);
-}, ge = t(void 0), _e = ({ children: e, apiBaseUrl: t }) => {
+}, fe = () => localStorage.getItem(ce), B = (e) => {
+	e ? localStorage.setItem(ce, e) : localStorage.removeItem(ce);
+}, pe = () => {
+	localStorage.removeItem(R), localStorage.removeItem(ce);
+}, me = t(void 0), he = ({ children: e, apiBaseUrl: t }) => {
 	let [n, i] = s(null), [o, c] = s(!0), [u, d] = s(!0), [f, p] = s(!0), [m, h] = s([]), [g, _] = s(null), [v, y] = s(!1), [b, x] = s({
 		show: !1,
 		localStorageCodes: []
 	});
-	le({ baseURL: t }), a(() => {
+	se({ baseURL: t }), a(() => {
 		(async () => {
 			try {
-				d((await F.get("/api/v1/config/features")).auth_enabled);
+				let e = await L.get("/api/v1/config/features");
+				d(e.auth_enabled);
 			} catch (e) {
 				console.error("Failed to fetch features:", e), d(!0);
 			} finally {
@@ -323,12 +324,13 @@ var _ = [
 		})();
 	}, [t]);
 	let S = r(async () => {
-		if (!O()) {
+		if (!ee()) {
 			i(null), c(!1);
 			return;
 		}
 		try {
-			i(await F.get("/api/v1/users/me"));
+			let e = await L.get("/api/v1/users/me");
+			i(e);
 		} catch (e) {
 			console.error("Failed to fetch user:", e), i(null), D();
 		} finally {
@@ -340,159 +342,161 @@ var _ = [
 	}, [S]);
 	let C = async (e) => {
 		try {
-			let t = await F.post("/api/v1/auth/login", e);
-			E(t.access_token, t.refresh_token), i(await F.get("/api/v1/users/me"));
+			let t = await L.post("/api/v1/auth/login", e);
+			E(t.access_token, t.refresh_token);
+			let n = await L.get("/api/v1/users/me");
+			i(n);
 		} catch (e) {
 			throw console.error("Login failed:", e), e;
 		}
 	}, w = async (e) => {
 		try {
-			await F.post("/api/v1/auth/register", e);
+			await L.post("/api/v1/auth/register", e);
 		} catch (e) {
 			throw console.error("Registration failed:", e), e;
 		}
 	}, T = () => {
-		D(), i(null), h([]), _(null), R(null), x({
+		D(), i(null), h([]), _(null), B(null), x({
 			show: !1,
 			localStorageCodes: []
 		});
-	}, ee = async () => {
+	}, O = async () => {
 		await S();
 	}, k = async (e) => {
 		try {
-			return (await F.post("/api/v1/auth/forgot-password", e)).message;
+			return (await L.post("/api/v1/auth/forgot-password", e)).message;
 		} catch (e) {
 			throw console.error("Forgot password failed:", e), e;
 		}
 	}, A = async (e) => {
 		try {
-			return (await F.post("/api/v1/auth/reset-password", e)).message;
+			return (await L.post("/api/v1/auth/reset-password", e)).message;
 		} catch (e) {
 			throw console.error("Reset password failed:", e), e;
 		}
-	}, te = async (e) => {
+	}, j = async (e) => {
 		try {
-			return (await F.post("/api/v1/auth/resend-verification", e)).message;
+			return (await L.post("/api/v1/auth/resend-verification", e)).message;
 		} catch (e) {
 			throw console.error("Resend verification failed:", e), e;
 		}
-	}, j = r(async () => {
+	}, M = r(async () => {
 		y(!0);
 		try {
 			let e = [];
 			if (n) {
-				let t = await F.get("/api/v1/users/me/ally-codes");
+				let t = await L.get("/api/v1/users/me/ally-codes");
 				h(t.ally_codes), e = t.ally_codes.map((e) => e.ally_code);
-				let n = L();
+				let n = z();
 				n.length > 0 && x({
 					show: !0,
 					localStorageCodes: n.map((e) => e.ally_code)
 				});
 			} else {
-				let t = L();
+				let t = z();
 				h(t), e = t.map((e) => e.ally_code);
 			}
-			let t = me(), r = t && e.includes(t) ? t : null;
-			_(r), r !== t && R(r);
+			let t = fe(), r = t && e.includes(t) ? t : null;
+			_(r), r !== t && B(r);
 		} catch (e) {
 			console.error("Failed to fetch ally codes:", e), h([]);
 		} finally {
 			y(!1);
 		}
-	}, [n]), ne = r(async (e) => {
-		n && typeof e == "number" ? (await F.put(`/api/v1/users/me/ally-codes/${e}/use`, {}), await j()) : !n && typeof e == "string" && (pe(e), h(L()));
-	}, [n, j]), M = r((e) => {
-		if (_(e), R(e), e && n) {
+	}, [n]), N = r(async (e) => {
+		n && typeof e == "number" ? (await L.put(`/api/v1/users/me/ally-codes/${e}/use`, {}), await M()) : !n && typeof e == "string" && (de(e), h(z()));
+	}, [n, M]), P = r((e) => {
+		if (_(e), B(e), e && n) {
 			let t = m.find((t) => "ally_code" in t && t.ally_code === e);
-			t && "id" in t && ne(t.id);
-		} else e && !n && pe(e);
+			t && "id" in t && N(t.id);
+		} else e && !n && de(e);
 	}, [
 		n,
 		m,
-		ne
-	]), N = r(async (e) => {
+		N
+	]), F = r(async (e) => {
 		if (!/^\d{9}$/.test(e)) throw Error("Ally code must be exactly 9 digits");
 		if (n) {
-			let t = await F.post("/api/v1/users/me/ally-codes", { ally_code: e });
-			h((e) => [t, ...e]), m.length === 0 && M(e);
+			let t = await L.post("/api/v1/users/me/ally-codes", { ally_code: e });
+			h((e) => [t, ...e]), m.length === 0 && P(e);
 		} else {
-			let t = await F.get(`/api/v1/player-data/player/${e}`);
+			let t = await L.get(`/api/v1/player-data/player/${e}`);
 			if (!t) throw Error("Invalid ally code - player not found");
-			de({
+			le({
 				ally_code: e,
 				player_name: t.data?.name ?? null,
 				last_used_at: (/* @__PURE__ */ new Date()).toISOString()
-			}), h(L()), m.length === 0 && M(e);
+			}), h(z()), m.length === 0 && P(e);
 		}
 	}, [
 		n,
 		m.length,
-		M
-	]), re = r(async (e) => {
-		n && typeof e == "number" ? (await F.delete(`/api/v1/users/me/ally-codes/${e}`), h((t) => t.filter((t) => "id" in t && t.id !== e))) : !n && typeof e == "string" && (fe(e), h(L()), g === e && M(null));
+		P
+	]), te = r(async (e) => {
+		n && typeof e == "number" ? (await L.delete(`/api/v1/users/me/ally-codes/${e}`), h((t) => t.filter((t) => "id" in t && t.id !== e))) : !n && typeof e == "string" && (ue(e), h(z()), g === e && P(null));
 	}, [
 		n,
 		g,
-		M
-	]), P = r(() => {
+		P
+	]), I = r(() => {
 		x({
 			show: !1,
 			localStorageCodes: []
 		});
-	}, []), ie = r(async () => {
+	}, []), ne = r(async () => {
 		if (!n) return;
-		let e = L();
+		let e = z();
 		for (let t of e) try {
-			await N(t.ally_code);
+			await F(t.ally_code);
 		} catch (e) {
 			console.error(`Failed to migrate ally code ${t.ally_code}:`, e);
 		}
-		he(), P();
+		pe(), I();
 	}, [
 		n,
-		N,
-		P
+		F,
+		I
 	]);
 	a(() => {
-		j();
-	}, [j]);
-	let ae = {
+		M();
+	}, [M]);
+	let re = {
 		user: n,
 		isAuthenticated: !!n,
 		isLoading: o,
 		login: C,
 		register: w,
 		logout: T,
-		refreshUser: ee,
+		refreshUser: O,
 		forgotPassword: k,
 		resetPassword: A,
-		resendVerification: te,
+		resendVerification: j,
 		authEnabled: u,
 		isLoadingFeatures: f,
 		allyCodes: m,
 		selectedAllyCode: g,
 		isLoadingAllyCodes: v,
-		fetchAllyCodes: j,
-		addAllyCode: N,
-		removeAllyCode: re,
-		selectAllyCode: M,
-		updateAllyCodeLastUsed: ne,
+		fetchAllyCodes: M,
+		addAllyCode: F,
+		removeAllyCode: te,
+		selectAllyCode: P,
+		updateAllyCodeLastUsed: N,
 		migrationPrompt: b,
-		dismissMigrationPrompt: P,
-		migrateLocalStorageCodes: ie
+		dismissMigrationPrompt: I,
+		migrateLocalStorageCodes: ne
 	};
-	return /* @__PURE__ */ l(ge.Provider, {
-		value: ae,
+	return /* @__PURE__ */ l(me.Provider, {
+		value: re,
 		children: e
 	});
-}, z = () => {
-	let e = i(ge);
+}, V = () => {
+	let e = i(me);
 	if (e === void 0) throw Error("useAuth must be used within an AuthProvider");
 	return e;
 };
 //#endregion
 //#region src/hooks/useDismissableMenu.ts
-function ve({ isOpen: e, onClose: t, triggerRef: n, panelRef: r }) {
+function ge({ isOpen: e, onClose: t, triggerRef: n, panelRef: r }) {
 	a(() => {
 		if (!e) return;
 		let i = (e) => {
@@ -511,7 +515,7 @@ function ve({ isOpen: e, onClose: t, triggerRef: n, panelRef: r }) {
 		r
 	]);
 }
-var B = {
+var H = {
 	navMenu: "_navMenu_vspnm_1",
 	trigger: "_trigger_vspnm_8",
 	tabActive: "_tabActive_vspnm_29",
@@ -524,9 +528,9 @@ var B = {
 	groupLabel: "_groupLabel_vspnm_92",
 	groupItems: "_groupItems_vspnm_97",
 	groupItem: "_groupItem_vspnm_97"
-}, ye = ({ app: e, isCurrentApp: t, activeSectionId: n, isOpen: r, onOpenChange: i, onSectionClick: a }) => {
-	let { isAuthenticated: s, user: c } = z(), d = o(null), f = o(null), p = `navmenu-panel-${e.id}`;
-	ve({
+}, _e = ({ app: e, isCurrentApp: t, activeSectionId: n, isOpen: r, onOpenChange: i, onSectionClick: a }) => {
+	let { isAuthenticated: s, user: c } = V(), d = o(null), f = o(null), p = `navmenu-panel-${e.id}`;
+	ge({
 		isOpen: r,
 		onClose: () => i(!1),
 		triggerRef: d,
@@ -542,24 +546,24 @@ var B = {
 		let i = t && n === e.id;
 		return /* @__PURE__ */ l("a", {
 			href: e.href,
-			className: `${B.sectionLink} ${r ?? ""} ${i ? B.sectionActive : ""}`,
+			className: `${H.sectionLink} ${r ?? ""} ${i ? H.sectionActive : ""}`,
 			"aria-current": i ? "page" : void 0,
 			onClick: h(e),
 			children: e.label
 		}, e.id);
 	};
 	return /* @__PURE__ */ u("div", {
-		className: B.navMenu,
+		className: H.navMenu,
 		children: [/* @__PURE__ */ u("button", {
 			type: "button",
 			ref: d,
-			className: `${B.trigger} ${t ? B.tabActive : ""}`,
+			className: `${H.trigger} ${t ? H.tabActive : ""}`,
 			"aria-expanded": r,
 			"aria-controls": p,
 			"aria-haspopup": "true",
 			onClick: () => i(!r),
 			children: [e.label, /* @__PURE__ */ l("svg", {
-				className: B.chevron,
+				className: H.chevron,
 				width: "10",
 				height: "6",
 				viewBox: "0 0 10 6",
@@ -576,9 +580,9 @@ var B = {
 		}), r && /* @__PURE__ */ l("div", {
 			id: p,
 			ref: f,
-			className: B.panel,
+			className: H.panel,
 			children: e.status === "coming-soon" ? /* @__PURE__ */ l("div", {
-				className: B.comingSoon,
+				className: H.comingSoon,
 				children: "Coming soon"
 			}) : /* @__PURE__ */ l("nav", {
 				"aria-label": `${e.label} sections`,
@@ -587,20 +591,20 @@ var B = {
 					if (!g(e)) return m(e) ? v(e) : null;
 					let t = e.items.filter(m);
 					return /* @__PURE__ */ u("div", {
-						className: B.group,
-						children: [v(e, B.groupLabel), /* @__PURE__ */ l("div", {
-							className: B.groupItems,
-							children: t.map((e) => v(e, B.groupItem))
+						className: H.group,
+						children: [v(e, H.groupLabel), /* @__PURE__ */ l("div", {
+							className: H.groupItems,
+							children: t.map((e) => v(e, H.groupItem))
 						})]
 					}, e.id);
 				})
 			})
 		})]
 	});
-}, be = { burger: "_burger_javjr_1" }, xe = n(({ isOpen: e, onClick: t, controlsId: n }, r) => /* @__PURE__ */ l("button", {
+}, ve = { burger: "_burger_javjr_1" }, ye = n(({ isOpen: e, onClick: t, controlsId: n }, r) => /* @__PURE__ */ l("button", {
 	ref: r,
 	type: "button",
-	className: be.burger,
+	className: ve.burger,
 	onClick: t,
 	"aria-expanded": e,
 	"aria-controls": n,
@@ -629,8 +633,8 @@ var B = {
 		})
 	})
 }));
-xe.displayName = "NavBurger";
-var V = {
+ye.displayName = "NavBurger";
+var U = {
 	selectWrapper: "_selectWrapper_ir4bq_1",
 	fullWidth: "_fullWidth_ir4bq_7",
 	label: "_label_ir4bq_11",
@@ -641,25 +645,25 @@ var V = {
 	arrow: "_arrow_ir4bq_71",
 	errorText: "_errorText_ir4bq_81",
 	helperText: "_helperText_ir4bq_86"
-}, Se = e.forwardRef(({ label: e, error: t, helperText: n, options: r, placeholder: i, fullWidth: a = !1, className: o = "", id: s, ...c }, d) => {
+}, be = e.forwardRef(({ label: e, error: t, helperText: n, options: r, placeholder: i, fullWidth: a = !1, className: o = "", id: s, ...c }, d) => {
 	let f = s || `select-${Math.random().toString(36).substr(2, 9)}`, p = !!t;
 	return /* @__PURE__ */ u("div", {
-		className: `${V.selectWrapper} ${a ? V.fullWidth : ""} ${o}`,
+		className: `${U.selectWrapper} ${a ? U.fullWidth : ""} ${o}`,
 		children: [
 			e && /* @__PURE__ */ u("label", {
 				htmlFor: f,
-				className: V.label,
+				className: U.label,
 				children: [e, c.required && /* @__PURE__ */ l("span", {
-					className: V.required,
+					className: U.required,
 					children: "*"
 				})]
 			}),
 			/* @__PURE__ */ u("div", {
-				className: V.selectContainer,
+				className: U.selectContainer,
 				children: [/* @__PURE__ */ u("select", {
 					ref: d,
 					id: f,
-					className: `${V.select} ${p ? V.error : ""}`,
+					className: `${U.select} ${p ? U.error : ""}`,
 					...c,
 					children: [
 						i && /* @__PURE__ */ l("option", {
@@ -675,23 +679,23 @@ var V = {
 						!r && c.children
 					]
 				}), /* @__PURE__ */ l("span", {
-					className: V.arrow,
+					className: U.arrow,
 					children: "▼"
 				})]
 			}),
 			t && /* @__PURE__ */ l("span", {
-				className: V.errorText,
+				className: U.errorText,
 				children: t
 			}),
 			n && !t && /* @__PURE__ */ l("span", {
-				className: V.helperText,
+				className: U.helperText,
 				children: n
 			})
 		]
 	});
 });
-Se.displayName = "Select";
-var H = {
+be.displayName = "Select";
+var W = {
 	button: "_button_159ms_1",
 	sm: "_sm_159ms_22",
 	md: "_md_159ms_28",
@@ -707,18 +711,18 @@ var H = {
 	spinner: "_spinner_159ms_116",
 	spin: "_spin_159ms_116",
 	loadingText: "_loadingText_159ms_131"
-}, U = ({ children: e, variant: t = "primary", size: n = "md", fullWidth: r = !1, loading: i = !1, disabled: a = !1, className: o = "", ...s }) => /* @__PURE__ */ l("button", {
-	className: `${H.button} ${H[t]} ${H[n]} ${r ? H.fullWidth : ""} ${i ? H.loading : ""} ${o}`,
+}, G = ({ children: e, variant: t = "primary", size: n = "md", fullWidth: r = !1, loading: i = !1, disabled: a = !1, className: o = "", ...s }) => /* @__PURE__ */ l("button", {
+	className: `${W.button} ${W[t]} ${W[n]} ${r ? W.fullWidth : ""} ${i ? W.loading : ""} ${o}`,
 	disabled: a || i,
 	...s,
 	children: i ? /* @__PURE__ */ u("span", {
-		className: H.loadingSpinner,
-		children: [/* @__PURE__ */ l("span", { className: H.spinner }), /* @__PURE__ */ l("span", {
-			className: H.loadingText,
+		className: W.loadingSpinner,
+		children: [/* @__PURE__ */ l("span", { className: W.spinner }), /* @__PURE__ */ l("span", {
+			className: W.loadingText,
 			children: e
 		})]
 	}) : e
-}), W = {
+}), K = {
 	inputWrapper: "_inputWrapper_15t4g_1",
 	fullWidth: "_fullWidth_15t4g_7",
 	label: "_label_15t4g_11",
@@ -727,40 +731,40 @@ var H = {
 	error: "_error_15t4g_55",
 	errorText: "_errorText_15t4g_63",
 	helperText: "_helperText_15t4g_68"
-}, Ce = e.forwardRef(({ label: e, error: t, helperText: n, fullWidth: r = !1, className: i = "", id: a, ...o }, s) => {
+}, xe = e.forwardRef(({ label: e, error: t, helperText: n, fullWidth: r = !1, className: i = "", id: a, ...o }, s) => {
 	let c = a || `input-${Math.random().toString(36).substr(2, 9)}`, d = !!t;
 	return /* @__PURE__ */ u("div", {
-		className: `${W.inputWrapper} ${r ? W.fullWidth : ""} ${i}`,
+		className: `${K.inputWrapper} ${r ? K.fullWidth : ""} ${i}`,
 		children: [
 			e && /* @__PURE__ */ u("label", {
 				htmlFor: c,
-				className: W.label,
+				className: K.label,
 				children: [e, o.required && /* @__PURE__ */ l("span", {
-					className: W.required,
+					className: K.required,
 					children: "*"
 				})]
 			}),
 			/* @__PURE__ */ l("input", {
 				ref: s,
 				id: c,
-				className: `${W.input} ${d ? W.error : ""}`,
+				className: `${K.input} ${d ? K.error : ""}`,
 				...o
 			}),
 			t && /* @__PURE__ */ l("span", {
-				className: W.errorText,
+				className: K.errorText,
 				children: t
 			}),
 			n && !t && /* @__PURE__ */ l("span", {
-				className: W.helperText,
+				className: K.helperText,
 				children: n
 			})
 		]
 	});
 });
-Ce.displayName = "Input";
+xe.displayName = "Input";
 //#endregion
 //#region src/utils/formatAllyCode.ts
-var G = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e.slice(6, 9)}`, we = (e) => e.replace(/-/g, ""), K = {
+var q = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e.slice(6, 9)}`, Se = (e) => e.replace(/-/g, ""), J = {
 	allyCodeDropdown: "_allyCodeDropdown_1pawi_1",
 	select: "_select_1pawi_8",
 	manageButton: "_manageButton_1pawi_12",
@@ -773,26 +777,29 @@ var G = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 	codeItem: "_codeItem_1pawi_71",
 	doneButton: "_doneButton_1pawi_88",
 	inline: "_inline_1pawi_107"
-}, Te = ({ onAllyCodeSelected: e, className: t = "", isOpen: n, onOpenChange: r, variant: i = "floating" }) => {
-	let { allyCodes: a, selectedAllyCode: c, selectAllyCode: d, removeAllyCode: f, addAllyCode: p, isLoadingAllyCodes: m } = z(), [h, g] = s(!1), _ = n ?? h, v = (e) => {
+}, Ce = ({ onAllyCodeSelected: e, className: t = "", isOpen: n, onOpenChange: r, variant: i = "floating" }) => {
+	let { allyCodes: a, selectedAllyCode: c, selectAllyCode: d, removeAllyCode: f, addAllyCode: p, isLoadingAllyCodes: m } = V(), [h, g] = s(!1), _ = n ?? h, v = (e) => {
 		g(e), r?.(e);
-	}, [y, b] = s(""), [x, S] = s(""), [C, w] = s(""), [T, E] = s(!1), D = o(null), O = o(null);
-	ve({
+	}, [y, b] = s(""), [x, S] = s(""), [C, w] = s(""), [T, E] = s(!1), D = o(null), ee = o(null);
+	ge({
 		isOpen: _ && i === "floating",
 		onClose: () => v(!1),
 		triggerRef: D,
-		panelRef: O
+		panelRef: ee
 	});
-	let ee = a.map((e) => ({
+	let O = a.map((e) => ({
 		value: e.ally_code,
-		label: e.player_name ? `${e.player_name} (${G(e.ally_code)})` : G(e.ally_code)
+		label: e.player_name ? `${e.player_name} (${q(e.ally_code)})` : q(e.ally_code)
 	})), k = (t) => {
 		let n = t.target.value || null;
 		d(n), e?.(n);
 	}, A = async (e) => {
 		let t = a.find((t) => t.ally_code === e);
-		t && await f("id" in t ? t.id : t.ally_code);
-	}, te = async () => {
+		if (t) {
+			let e = "id" in t ? t.id : t.ally_code;
+			await f(e);
+		}
+	}, j = async () => {
 		if (S(""), w(""), !/^\d{9}$/.test(y)) {
 			S("Ally code must be exactly 9 digits");
 			return;
@@ -805,59 +812,59 @@ var G = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 		} finally {
 			E(!1);
 		}
-	}, j = a.length > 0;
+	}, M = a.length > 0;
 	return /* @__PURE__ */ u("div", {
-		className: `${K.allyCodeDropdown} ${i === "inline" ? K.inline : ""} ${t}`,
+		className: `${J.allyCodeDropdown} ${i === "inline" ? J.inline : ""} ${t}`,
 		children: [
-			j && /* @__PURE__ */ l(Se, {
-				options: ee,
+			M && /* @__PURE__ */ l(be, {
+				options: O,
 				value: c || "",
 				onChange: k,
 				placeholder: "Select ally code",
 				disabled: m,
-				className: K.select
+				className: J.select
 			}),
 			_ && /* @__PURE__ */ u("div", {
-				className: K.managePanel,
-				ref: O,
+				className: J.managePanel,
+				ref: ee,
 				id: "ally-code-manage-panel",
 				children: [
 					/* @__PURE__ */ l("h4", { children: "Manage Ally Codes" }),
 					/* @__PURE__ */ u("div", {
-						className: K.addSection,
+						className: J.addSection,
 						children: [
 							/* @__PURE__ */ u("div", {
-								className: K.addInputGroup,
-								children: [/* @__PURE__ */ l(Ce, {
+								className: J.addInputGroup,
+								children: [/* @__PURE__ */ l(xe, {
 									type: "text",
 									placeholder: "9-digit ally code",
 									value: y,
 									onChange: (e) => b(e.target.value.replace(/\D/g, "").slice(0, 9)),
 									disabled: T
-								}), /* @__PURE__ */ l(U, {
+								}), /* @__PURE__ */ l(G, {
 									variant: "primary",
 									size: "sm",
-									onClick: te,
+									onClick: j,
 									loading: T,
 									disabled: y.length !== 9,
 									children: "Add"
 								})]
 							}),
 							x && /* @__PURE__ */ l("div", {
-								className: K.error,
+								className: J.error,
 								children: x
 							}),
 							C && /* @__PURE__ */ l("div", {
-								className: K.success,
+								className: J.success,
 								children: C
 							})
 						]
 					}),
 					/* @__PURE__ */ l("div", {
-						className: K.codesList,
+						className: J.codesList,
 						children: a.map((e) => /* @__PURE__ */ u("div", {
-							className: K.codeItem,
-							children: [/* @__PURE__ */ l("span", { children: e.player_name ? `${e.player_name} (${G(e.ally_code)})` : G(e.ally_code) }), /* @__PURE__ */ l(U, {
+							className: J.codeItem,
+							children: [/* @__PURE__ */ l("span", { children: e.player_name ? `${e.player_name} (${q(e.ally_code)})` : q(e.ally_code) }), /* @__PURE__ */ l(G, {
 								variant: "ghost",
 								size: "sm",
 								onClick: () => A(e.ally_code),
@@ -865,50 +872,50 @@ var G = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 							})]
 						}, e.ally_code))
 					}),
-					/* @__PURE__ */ l(U, {
+					/* @__PURE__ */ l(G, {
 						variant: "secondary",
 						size: "sm",
 						onClick: () => v(!1),
-						className: K.doneButton,
+						className: J.doneButton,
 						children: "Done"
 					})
 				]
 			}),
 			/* @__PURE__ */ l("span", {
 				ref: D,
-				children: /* @__PURE__ */ l(U, {
+				children: /* @__PURE__ */ l(G, {
 					variant: "ghost",
 					size: "sm",
 					onClick: () => v(!_),
-					className: K.manageButton,
+					className: J.manageButton,
 					"aria-expanded": _,
 					"aria-controls": "ally-code-manage-panel",
 					"aria-haspopup": "true",
-					children: j ? "Manage" : "+ Add ally code"
+					children: M ? "Manage" : "+ Add ally code"
 				})
 			})
 		]
 	});
-}, q = {
+}, we = {
 	authCluster: "_authCluster_17o10_1",
 	userLink: "_userLink_17o10_7",
 	adminLink: "_adminLink_17o10_16"
-}, Ee = ({ showAuth: e = !0 }) => {
-	let { user: t, isAuthenticated: n, logout: r, authEnabled: i } = z();
+}, Te = ({ showAuth: e = !0 }) => {
+	let { user: t, isAuthenticated: n, logout: r, authEnabled: i } = V();
 	return e ? n ? /* @__PURE__ */ u("div", {
-		className: q.authCluster,
+		className: we.authCluster,
 		children: [
 			t?.role === "admin" && /* @__PURE__ */ l("a", {
 				href: "/admin/users",
-				className: q.adminLink,
+				className: we.adminLink,
 				children: "Admin"
 			}),
 			/* @__PURE__ */ l("a", {
 				href: "/profile",
-				className: q.userLink,
+				className: we.userLink,
 				children: t?.username
 			}),
-			/* @__PURE__ */ l(U, {
+			/* @__PURE__ */ l(G, {
 				variant: "ghost",
 				size: "sm",
 				onClick: () => {
@@ -918,24 +925,24 @@ var G = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 			})
 		]
 	}) : i ? /* @__PURE__ */ u("div", {
-		className: q.authCluster,
+		className: we.authCluster,
 		children: [/* @__PURE__ */ l("a", {
 			href: "/login",
-			children: /* @__PURE__ */ l(U, {
+			children: /* @__PURE__ */ l(G, {
 				variant: "ghost",
 				size: "sm",
 				children: "Login"
 			})
 		}), /* @__PURE__ */ l("a", {
 			href: "/register",
-			children: /* @__PURE__ */ l(U, {
+			children: /* @__PURE__ */ l(G, {
 				variant: "primary",
 				size: "sm",
 				children: "Sign Up"
 			})
 		})]
 	}) : null : null;
-}, J = {
+}, Y = {
 	backdrop: "_backdrop_3ax21_1",
 	panel: "_panel_3ax21_11",
 	accordion: "_accordion_3ax21_24",
@@ -955,14 +962,23 @@ var G = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 	allySection: "_allySection_3ax21_112",
 	extrasSection: "_extrasSection_3ax21_113",
 	accountSection: "_accountSection_3ax21_114"
-}, De = ({ isOpen: e, onClose: t, currentApp: n, activeSectionId: r, onSectionClick: i, rightExtras: c, showAuth: f, panelId: p, returnFocusRef: m }) => {
-	let { isAuthenticated: h, user: v } = z(), [y, b] = s(n === "hub" ? null : n), x = o(null);
+}, Ee = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", De = ({ isOpen: e, onClose: t, currentApp: n, activeSectionId: r, onSectionClick: i, rightExtras: c, showAuth: f, panelId: p, returnFocusRef: m }) => {
+	let { isAuthenticated: h, user: v } = V(), [y, b] = s(n === "hub" ? null : n), x = o(null);
 	if (a(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
 		document.body.style.overflow = "unset";
 	}), [e]), a(() => {
 		if (!e) return;
 		let r = (e) => {
-			e.key === "Escape" && (t(), m.current?.focus());
+			if (e.key === "Escape") {
+				t(), m.current?.focus();
+				return;
+			}
+			if (e.key === "Tab") {
+				let t = x.current?.querySelectorAll(Ee);
+				if (!t || t.length === 0) return;
+				let n = t[0], r = t[t.length - 1], i = document.activeElement, a = i === x.current || !x.current?.contains(i);
+				e.shiftKey && (i === n || a) ? (e.preventDefault(), r.focus()) : !e.shiftKey && (i === r || a) && (e.preventDefault(), n.focus());
+			}
 		};
 		return document.addEventListener("keydown", r), b(n === "hub" ? null : n), x.current?.focus(), () => document.removeEventListener("keydown", r);
 	}, [e]), !e) return null;
@@ -970,7 +986,7 @@ var G = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 		e === n && i?.(r, a), t();
 	};
 	return d(/* @__PURE__ */ l("div", {
-		className: J.backdrop,
+		className: Y.backdrop,
 		onClick: t,
 		children: /* @__PURE__ */ u("div", {
 			ref: x,
@@ -979,32 +995,32 @@ var G = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 			"aria-modal": "true",
 			"aria-label": "Navigation menu",
 			tabIndex: -1,
-			className: J.panel,
+			className: Y.panel,
 			onClick: (e) => e.stopPropagation(),
 			children: [
 				/* @__PURE__ */ l("div", {
-					className: J.accordion,
+					className: Y.accordion,
 					children: _.map((e) => {
 						let t = y === e.id, i = n === e.id, a = (e) => !(e.requiresAuth && !h || e.roles && (!v || !e.roles.includes(v.role))), o = `mobile-accordion-${e.id}`, s = (t, n) => {
 							let a = i && r === t.id;
 							return /* @__PURE__ */ l("a", {
 								href: t.href,
-								className: `${J.sectionLink} ${n ?? ""} ${a ? J.sectionActive : ""}`,
+								className: `${Y.sectionLink} ${n ?? ""} ${a ? Y.sectionActive : ""}`,
 								"aria-current": a ? "page" : void 0,
 								onClick: S(e.id, t),
 								children: t.label
 							}, t.id);
 						};
 						return /* @__PURE__ */ u("div", {
-							className: J.accordionItem,
+							className: Y.accordionItem,
 							children: [/* @__PURE__ */ u("button", {
 								type: "button",
-								className: `${J.accordionHeader} ${i ? J.currentApp : ""}`,
+								className: `${Y.accordionHeader} ${i ? Y.currentApp : ""}`,
 								"aria-expanded": t,
 								"aria-controls": o,
 								onClick: () => b(t ? null : e.id),
 								children: [e.label, /* @__PURE__ */ l("svg", {
-									className: `${J.chevron} ${t ? J.chevronOpen : ""}`,
+									className: `${Y.chevron} ${t ? Y.chevronOpen : ""}`,
 									width: "10",
 									height: "6",
 									viewBox: "0 0 10 6",
@@ -1020,18 +1036,18 @@ var G = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 								})]
 							}), t && /* @__PURE__ */ l("div", {
 								id: o,
-								className: J.accordionPanel,
+								className: Y.accordionPanel,
 								children: e.status === "coming-soon" ? /* @__PURE__ */ l("div", {
-									className: J.comingSoon,
+									className: Y.comingSoon,
 									children: "Coming soon"
 								}) : e.sections.map((e) => {
 									if (!g(e)) return a(e) ? s(e) : null;
 									let t = e.items.filter(a);
 									return /* @__PURE__ */ u("div", {
-										className: J.group,
-										children: [s(e, J.groupLabel), /* @__PURE__ */ l("div", {
-											className: J.groupItems,
-											children: t.map((e) => s(e, J.groupItem))
+										className: Y.group,
+										children: [s(e, Y.groupLabel), /* @__PURE__ */ l("div", {
+											className: Y.groupItems,
+											children: t.map((e) => s(e, Y.groupItem))
 										})]
 									}, e.id);
 								})
@@ -1040,26 +1056,26 @@ var G = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 					})
 				}),
 				/* @__PURE__ */ l("div", {
-					className: J.allySection,
-					children: /* @__PURE__ */ l(Te, { variant: "inline" })
+					className: Y.allySection,
+					children: /* @__PURE__ */ l(Ce, { variant: "inline" })
 				}),
 				c && /* @__PURE__ */ l("div", {
-					className: J.extrasSection,
+					className: Y.extrasSection,
 					children: c
 				}),
 				/* @__PURE__ */ l("div", {
-					className: J.accountSection,
-					children: /* @__PURE__ */ l(Ee, { showAuth: f })
+					className: Y.accountSection,
+					children: /* @__PURE__ */ l(Te, { showAuth: f })
 				})
 			]
 		})
 	}), document.body);
-}, Y = {
+}, Oe = {
 	logoLink: "_logoLink_12f5f_3",
 	appMenus: "_appMenus_12f5f_10",
 	desktopRight: "_desktopRight_12f5f_19",
 	extrasGroup: "_extrasGroup_12f5f_25"
-}, Oe = ({ currentApp: e, activeSectionId: t, onNavigate: n, rightExtras: r, showAuth: i = !0, className: d }) => {
+}, ke = ({ currentApp: e, activeSectionId: t, onNavigate: n, rightExtras: r, showAuth: i = !0, className: d }) => {
 	let [f, p] = s(null), [m, g] = s(!1), v = o(null), y = "suite-mobile-nav-panel";
 	return a(() => {
 		let e = window.matchMedia("(max-width: 768px)"), t = () => {
@@ -1070,12 +1086,12 @@ var G = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 		className: d,
 		logo: /* @__PURE__ */ l("a", {
 			href: "/",
-			className: Y.logoLink,
+			className: Oe.logoLink,
 			children: "The Astrogator's Table"
 		}),
 		leftContent: /* @__PURE__ */ l("nav", {
-			className: Y.appMenus,
-			children: _.map((r) => /* @__PURE__ */ l(ye, {
+			className: Oe.appMenus,
+			children: _.map((r) => /* @__PURE__ */ l(_e, {
 				app: r,
 				isCurrentApp: e === r.id,
 				activeSectionId: t,
@@ -1085,19 +1101,19 @@ var G = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 			}, r.id))
 		}),
 		rightContent: /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("div", {
-			className: Y.desktopRight,
+			className: Oe.desktopRight,
 			children: [
 				r && /* @__PURE__ */ l("div", {
-					className: Y.extrasGroup,
+					className: Oe.extrasGroup,
 					children: r
 				}),
-				/* @__PURE__ */ l(Te, {
+				/* @__PURE__ */ l(Ce, {
 					isOpen: f === "ally",
 					onOpenChange: (e) => p(e ? "ally" : null)
 				}),
-				/* @__PURE__ */ l(Ee, { showAuth: i })
+				/* @__PURE__ */ l(Te, { showAuth: i })
 			]
-		}), /* @__PURE__ */ l(xe, {
+		}), /* @__PURE__ */ l(ye, {
 			ref: v,
 			isOpen: m,
 			onClick: () => {
@@ -1122,7 +1138,7 @@ var G = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 	defaultContent: "_defaultContent_zjuj8_13",
 	copyright: "_copyright_zjuj8_21",
 	disclaimer: "_disclaimer_zjuj8_26"
-}, ke = ({ children: e, className: t = "" }) => /* @__PURE__ */ l("footer", {
+}, Ae = ({ children: e, className: t = "" }) => /* @__PURE__ */ l("footer", {
 	className: `${X.footer} ${t}`,
 	children: /* @__PURE__ */ l("div", {
 		className: X.content,
@@ -1144,11 +1160,11 @@ var G = (e) => !e || e.length !== 9 ? e : `${e.slice(0, 3)}-${e.slice(3, 6)}-${e
 });
 //#endregion
 //#region src/utils/formatTime.ts
-function Ae(e) {
+function je(e) {
 	let t = /([zZ]|[+-]\d{2}:?\d{2})$/.test(e);
 	return new Date(t ? e : `${e}Z`);
 }
-function je(e, t) {
+function Me(e, t) {
 	let n = Math.max(0, Math.floor((t - e.getTime()) / 1e3));
 	if (n < 60) return `${n}s ago`;
 	let r = Math.floor(n / 60);
@@ -1156,38 +1172,38 @@ function je(e, t) {
 	let i = Math.floor(r / 60);
 	return i < 24 ? `${i}h ago` : `${Math.floor(i / 24)}d ago`;
 }
-function Me(e) {
+function Ne(e) {
 	return `${Math.floor(e / 60)}:${(e % 60).toString().padStart(2, "0")}`;
 }
-var Ne = {
+var Pe = {
 	rosterRefresh: "_rosterRefresh_1rbul_3",
 	updatedLabel: "_updatedLabel_1rbul_11",
 	refreshButton: "_refreshButton_1rbul_19",
 	spin: "_spin_1rbul_31"
-}, Pe = ({ onRefresh: e, isRefreshing: t, cachedAt: n = null, refreshAvailableAt: r = null, labelPrefix: i = "Updated", className: o = "" }) => {
+}, Fe = ({ onRefresh: e, isRefreshing: t, cachedAt: n = null, refreshAvailableAt: r = null, labelPrefix: i = "Updated", className: o = "" }) => {
 	let [c, d] = s(() => Date.now()), f = !!n || r != null && r > c;
 	a(() => {
 		if (!f) return;
 		let e = setInterval(() => d(Date.now()), 1e3);
 		return () => clearInterval(e);
 	}, [f]);
-	let p = r ? Math.max(0, Math.ceil((r - c) / 1e3)) : 0, m = n ? je(Ae(n), c) : null, h = t || p > 0, g = p > 0 ? `Fresh data available in ${Me(p)}` : "Refresh roster";
+	let p = r ? Math.max(0, Math.ceil((r - c) / 1e3)) : 0, m = n ? Me(je(n), c) : null, h = t || p > 0, g = p > 0 ? `Fresh data available in ${Ne(p)}` : "Refresh roster";
 	return /* @__PURE__ */ u("div", {
-		className: `${Ne.rosterRefresh} ${o}`,
+		className: `${Pe.rosterRefresh} ${o}`,
 		children: [m && /* @__PURE__ */ l("span", {
-			className: Ne.updatedLabel,
+			className: Pe.updatedLabel,
 			title: g,
-			children: p > 0 ? `${i} ${m} · fresh in ${Me(p)}` : `${i} ${m}`
-		}), /* @__PURE__ */ l(U, {
+			children: p > 0 ? `${i} ${m} · fresh in ${Ne(p)}` : `${i} ${m}`
+		}), /* @__PURE__ */ l(G, {
 			variant: "outline",
 			size: "sm",
 			onClick: e,
 			disabled: h,
 			title: g,
 			"aria-label": "Refresh roster",
-			className: Ne.refreshButton,
+			className: Pe.refreshButton,
 			children: /* @__PURE__ */ l("span", {
-				className: t ? Ne.spin : void 0,
+				className: t ? Pe.spin : void 0,
 				children: "⟳"
 			})
 		})]
@@ -1203,7 +1219,7 @@ var Ne = {
 	"padding-md": "_padding-md_1vw8g_43",
 	"padding-lg": "_padding-lg_1vw8g_47",
 	hoverable: "_hoverable_1vw8g_52"
-}, Fe = ({ children: e, variant: t = "default", chamfered: n = !1, chamferSize: r = "md", padding: i = "md", hoverable: a = !1, showDiagonalBorders: o = !0, edgeColor: s, className: d = "", onClick: f, style: p }) => {
+}, Ie = ({ children: e, variant: t = "default", chamfered: n = !1, chamferSize: r = "md", padding: i = "md", hoverable: a = !1, showDiagonalBorders: o = !0, edgeColor: s, className: d = "", onClick: f, style: p }) => {
 	let m = n ? r === "asymmetric" ? "chamfered-box-asymmetric" : r === "sm" ? "chamfered-box-sm" : r === "lg" ? "chamfered-box-lg" : "chamfered-box" : "", h = s ?? (n ? "var(--color-border)" : void 0), g = h ? { color: h } : void 0, _ = h ? {
 		...p,
 		"--card-edge-color": h
@@ -1233,7 +1249,7 @@ var Ne = {
 			})
 		] }), e]
 	});
-}, Ie = {
+}, Le = {
 	badge: "_badge_rk7t5_1",
 	sm: "_sm_rk7t5_11",
 	md: "_md_rk7t5_16",
@@ -1245,8 +1261,8 @@ var Ne = {
 	warning: "_warning_rk7t5_47",
 	error: "_error_rk7t5_52",
 	info: "_info_rk7t5_57"
-}, Le = ({ children: e, variant: t = "default", size: n = "md", className: r = "" }) => /* @__PURE__ */ l("span", {
-	className: `${Ie.badge} ${Ie[t]} ${Ie[n]} ${r}`,
+}, Re = ({ children: e, variant: t = "default", size: n = "md", className: r = "" }) => /* @__PURE__ */ l("span", {
+	className: `${Le.badge} ${Le[t]} ${Le[n]} ${r}`,
 	children: e
 }), Q = {
 	overlay: "_overlay_1b3yt_1",
@@ -1261,7 +1277,7 @@ var Ne = {
 	title: "_title_1b3yt_53",
 	closeButton: "_closeButton_1b3yt_60",
 	content: "_content_1b3yt_78"
-}, Re = ({ isOpen: e, onClose: t, title: n, children: r, size: i = "md", closeOnOverlayClick: o = !0, className: s = "" }) => (a(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+}, ze = ({ isOpen: e, onClose: t, title: n, children: r, size: i = "md", closeOnOverlayClick: o = !0, className: s = "" }) => (a(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
 	document.body.style.overflow = "unset";
 }), [e]), a(() => {
 	let n = (n) => {
@@ -1303,7 +1319,7 @@ var Ne = {
 	dot: "_dot_1uhnh_34",
 	bounce: "_bounce_1uhnh_1",
 	visuallyHidden: "_visuallyHidden_1uhnh_91"
-}, ze = ({ size: e = "md", variant: t = "spinner", className: n = "" }) => t === "dots" ? /* @__PURE__ */ u("div", {
+}, Be = ({ size: e = "md", variant: t = "spinner", className: n = "" }) => t === "dots" ? /* @__PURE__ */ u("div", {
 	className: `${$.dots} ${$[e]} ${n}`,
 	children: [
 		/* @__PURE__ */ l("span", { className: $.dot }),
@@ -1317,10 +1333,10 @@ var Ne = {
 		className: $.visuallyHidden,
 		children: "Loading..."
 	})
-}), Be = async (e) => {
+}), Ve = async (e) => {
 	if (e.length === 0) return {};
-	let t = [...new Set(e)], n = await F.get(`/api/v1/users/lookup?ids=${t.join(",")}`);
+	let t = [...new Set(e)], n = await L.get(`/api/v1/users/lookup?ids=${t.join(",")}`);
 	return Object.fromEntries(n.users.map((e) => [e.id, e.username]));
 };
 //#endregion
-export { Te as AllyCodeDropdown, ce as ApiClient, _e as AuthProvider, Le as Badge, U as Button, Fe as Card, p as Container, ke as Footer, Ce as Input, ze as Loader, Re as Modal, Oe as NavBar, Pe as RosterRefresh, _ as SUITE_NAV, Se as Select, h as TopBar, F as apiClient, se as authedFetch, he as clearAllyCodes, D as clearTokens, te as configureAuthRefresh, Be as fetchUsernames, G as formatAllyCode, Me as formatCountdown, je as formatRelativeTime, b as getAccessToken, L as getAllyCodesFromStorage, C as getRefreshToken, me as getSelectedAllyCode, le as initializeApiClient, O as isAuthenticated, g as isSuiteNavGroup, Ae as parseBackendTimestamp, j as refreshAccessToken, S as removeAccessToken, fe as removeAllyCodeFromStorage, T as removeRefreshToken, de as saveAllyCodeToStorage, x as setAccessToken, w as setRefreshToken, R as setSelectedAllyCode, E as setTokens, we as unformatAllyCode, pe as updateAllyCodeLastUsed, z as useAuth };
+export { Ce as AllyCodeDropdown, oe as ApiClient, he as AuthProvider, Re as Badge, G as Button, Ie as Card, p as Container, Ae as Footer, xe as Input, Be as Loader, ze as Modal, ke as NavBar, Fe as RosterRefresh, _ as SUITE_NAV, be as Select, h as TopBar, L as apiClient, ae as authedFetch, pe as clearAllyCodes, D as clearTokens, j as configureAuthRefresh, Ve as fetchUsernames, q as formatAllyCode, Ne as formatCountdown, Me as formatRelativeTime, b as getAccessToken, z as getAllyCodesFromStorage, C as getRefreshToken, fe as getSelectedAllyCode, se as initializeApiClient, ee as isAuthenticated, g as isSuiteNavGroup, je as parseBackendTimestamp, M as refreshAccessToken, S as removeAccessToken, ue as removeAllyCodeFromStorage, T as removeRefreshToken, le as saveAllyCodeToStorage, x as setAccessToken, w as setRefreshToken, B as setSelectedAllyCode, E as setTokens, Se as unformatAllyCode, de as updateAllyCodeLastUsed, V as useAuth };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astrogators-shared-ui",
-  "version": "0.16.3",
+  "version": "0.16.4",
   "description": "Shared UI components and utilities for Astrogator's Table applications",
   "type": "module",
   "main": "./dist/index.js",
@@ -23,7 +23,9 @@
     "dev": "vite",
     "build": "tsc && vite build",
     "preview": "vite preview",
-    "type-check": "tsc --noEmit"
+    "type-check": "tsc --noEmit",
+    "test": "vitest run",
+    "prepublishOnly": "npm run type-check && npm test"
   },
   "repository": {
     "type": "git",
@@ -48,8 +50,8 @@
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "typescript": "^6.0.3",
-    "vite": "^8.0.9",
-    "vite-plugin-dts": "^4.5.4"
-  },
-  "dependencies": {}
+    "vite": "^8.3.0",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^5.0.1"
+  }
 }