@pitvox/partner-react 0.3.0 → 0.5.0

package/dist/index.js

@@ -1,75 +1,80 @@
-import { jsx as e, jsxs as l, Fragment as Q } from "react/jsx-runtime";
-import { createContext as Re, useMemo as T, useContext as $e, useState as q, useCallback as G } from "react";
-import { useQueryClient as Z, QueryClient as Me, QueryClientProvider as De, useQuery as L, useMutation as ie } from "@tanstack/react-query";
-import { useSearchParams as oe } from "react-router-dom";
-const z = Re(null), Be = "https://cdn.pitvox.com", Ie = "https://pitvox.com";
-let W = null;
-function Pt({
-  partnerSlug: t,
-  cdnUrl: n = Be,
-  pitvoxUrl: r = Ie,
-  getSteamId: a,
-  onRegister: s,
+import { jsx as r, jsxs as o, Fragment as G } from "react/jsx-runtime";
+import { createContext as be, useMemo as k, useContext as ye, useState as M, useCallback as O } from "react";
+import { useQueryClient as P, QueryClient as we, QueryClientProvider as ke, useQuery as C, useMutation as _, useQueries as Ce } from "@tanstack/react-query";
+const W = be(null), Le = "https://cdn.pitvox.com", Re = "https://pitvox.com";
+let K = null;
+function Cr({
+  partnerSlug: e,
+  cdnUrl: t = Le,
+  pitvoxUrl: n = Re,
+  getSteamId: s,
+  onRegister: a,
   onWithdraw: i,
-  children: c
+  onFetchNotifications: c,
+  onMarkNotificationRead: d,
+  onMarkAllNotificationsRead: u,
+  children: l
 }) {
-  const o = T(() => ({
-    partnerSlug: t,
-    cdnUrl: n.replace(/\/$/, ""),
-    pitvoxUrl: r.replace(/\/$/, ""),
-    getSteamId: a || (() => null),
-    onRegister: s || null,
-    onWithdraw: i || null
-  }), [t, n, r, a, s, i]);
-  let m = !1;
+  const m = k(() => ({
+    partnerSlug: e,
+    cdnUrl: t.replace(/\/$/, ""),
+    pitvoxUrl: n.replace(/\/$/, ""),
+    getSteamId: s || (() => null),
+    onRegister: a || null,
+    onWithdraw: i || null,
+    onFetchNotifications: c || null,
+    onMarkNotificationRead: d || null,
+    onMarkAllNotificationsRead: u || null
+  }), [e, t, n, s, a, i, c, d, u]);
+  let g = !1;
   try {
-    Z(), m = !0;
+    P(), g = !0;
   } catch {
-    m = !1;
+    g = !1;
   }
-  return m ? /* @__PURE__ */ e(z.Provider, { value: o, children: c }) : (W || (W = new Me({
+  return g ? /* @__PURE__ */ r(W.Provider, { value: m, children: l }) : (K || (K = new we({
     defaultOptions: {
       queries: { staleTime: 6e4 }
     }
-  })), /* @__PURE__ */ e(De, { client: W, children: /* @__PURE__ */ e(z.Provider, { value: o, children: c }) }));
+  })), /* @__PURE__ */ r(ke, { client: K, children: /* @__PURE__ */ r(W.Provider, { value: m, children: l }) }));
 }
-function k() {
-  const t = $e(z);
-  if (!t)
+function w() {
+  const e = ye(W);
+  if (!e)
     throw new Error("usePitVox must be used within a <PitVoxPartnerProvider>");
-  return t;
+  return e;
 }
-async function R(t, n) {
-  const r = await fetch(`${t}/${n}`);
-  if (!r.ok) {
-    if (r.status === 404 || r.status === 403) return null;
-    throw new Error(`CDN fetch failed: ${r.status}`);
+async function L(e, t) {
+  const n = await fetch(`${e}/${t}`);
+  if (!n.ok) {
+    if (n.status === 404 || n.status === 403) return null;
+    throw new Error(`CDN fetch failed: ${n.status}`);
   }
-  return r.json();
+  return n.json();
 }
-function F(t) {
-  if (!t && t !== 0) return "-";
-  const n = Math.floor(t / 1e3), r = Math.floor(n / 60), a = n % 60, s = t % 1e3;
-  return `${r}:${String(a).padStart(2, "0")}.${String(s).padStart(3, "0")}`;
+function U(e) {
+  if (!e && e !== 0) return "-";
+  const t = Math.floor(e / 1e3), n = Math.floor(t / 60), s = t % 60, a = e % 1e3;
+  return `${n}:${String(s).padStart(2, "0")}.${String(a).padStart(3, "0")}`;
 }
-function A(t) {
-  return !t && t !== 0 ? "-" : (t / 1e3).toFixed(3);
+function D(e) {
+  return !e && e !== 0 ? "-" : (e / 1e3).toFixed(3);
 }
-function D(t) {
-  if (!t) return "";
-  let n = t;
-  return n.startsWith("ks_") && (n = n.slice(3)), n.split("_").map((r) => r.charAt(0).toUpperCase() + r.slice(1)).join(" ");
+function S(e) {
+  if (!e) return "";
+  let t = e;
+  return t.startsWith("ks_") && (t = t.slice(3)), t.split("_").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" ");
 }
-function j(t, n, r) {
-  const a = t.split("_").map((c) => c.charAt(0).toUpperCase() + c.slice(1)).join(" "), s = r === "acc" || !r && (n == null ? void 0 : n.toLowerCase()) === "track config";
-  if (!n || n === "default" || s) return a;
-  const i = n.split("_").map((c) => c.charAt(0).toUpperCase() + c.slice(1)).join(" ");
-  return `${a} ${i}`;
+function q(e, t, n) {
+  const s = e.split("_").map((c) => c.charAt(0).toUpperCase() + c.slice(1)).join(" "), a = n === "acc" || !n && (t == null ? void 0 : t.toLowerCase()) === "track config";
+  if (!t || t === "default" || a) return s;
+  const i = t.split("_").map((c) => c.charAt(0).toUpperCase() + c.slice(1)).join(" ");
+  return `${s} ${i}`;
 }
-function E(t) {
-  if (!t) return "-";
+function A(e) {
+  if (!e) return "-";
   try {
-    return new Date(t).toLocaleDateString("en-GB", {
+    return new Date(e).toLocaleDateString("en-GB", {
       day: "numeric",
       month: "short",
       year: "numeric"
@@ -78,22 +83,26 @@ function E(t) {
     return "-";
   }
 }
-function At(t) {
-  if (!t) return "";
-  const n = Date.now() - new Date(t).getTime(), r = Math.floor(n / 1e3);
-  if (r < 60) return "Just now";
-  const a = Math.floor(r / 60);
-  if (a < 60) return `${a}m ago`;
-  const s = Math.floor(a / 60);
-  if (s < 24) return `${s}h ago`;
-  const i = Math.floor(s / 24);
-  return i < 30 ? `${i}d ago` : E(t);
-}
-function Ut(t) {
-  return t == null ? "" : `${t >= 0 ? "+" : "-"}${(Math.abs(t) / 1e3).toFixed(3)}`;
-}
-function le(t) {
-  return t ? {
+function ne(e) {
+  if (!e) return "";
+  const t = Date.now() - new Date(e).getTime(), n = Math.floor(t / 1e3);
+  if (n < 60) return "Just now";
+  const s = Math.floor(n / 60);
+  if (s < 60) return `${s}m ago`;
+  const a = Math.floor(s / 60);
+  if (a < 24) return `${a}h ago`;
+  const i = Math.floor(a / 24);
+  return i < 30 ? `${i}d ago` : A(e);
+}
+function Lr(e) {
+  return e == null ? "" : `${e >= 0 ? "+" : "-"}${(Math.abs(e) / 1e3).toFixed(3)}`;
+}
+function Te(e, t) {
+  const { type: n, title: s, trackId: a, trackLayout: i, carId: c, game: d, data: u } = e, l = a ? q(a, i, d) : null, m = c ? S(c) : null, g = [l, m].filter(Boolean).join(" — ");
+  return n === "RECORD_BEATEN" && g ? `${u != null && u.beatenBySteamId && t ? t(u.beatenBySteamId).displayName : "Someone"} beat your record on ${g}` : n === "RECORD_SET" && g ? `You set a new record on ${g}` : s || "New notification";
+}
+function se(e) {
+  return e ? {
     E: "Eco",
     RD: "Road",
     SC: "SuperCar",
@@ -104,251 +113,267 @@ function le(t) {
     MR: "Medium Race",
     SR: "Soft Race",
     S: "Soft"
-  }[t] || t : "Unknown";
+  }[e] || e : "Unknown";
 }
-function Pe(t = {}) {
-  var o, m, d, x, N, f;
-  const { cdnUrl: n, partnerSlug: r } = k(), { game: a, gameVersion: s } = t, i = L({
-    queryKey: ["pitvox", "leaderboards", r, "index"],
-    queryFn: () => R(n, `leaderboards/partners/${r}/index.json`),
+function Rr(e = {}) {
+  var d, u, l, m, g, v;
+  const { cdnUrl: t, partnerSlug: n } = w(), { game: s, gameVersion: a } = e, i = C({
+    queryKey: ["pitvox", "leaderboards", n, "index"],
+    queryFn: () => L(t, `leaderboards/partners/${n}/index.json`),
     staleTime: 3e4,
     refetchInterval: 3e4
-  }), c = T(() => {
-    var g;
-    if (!((g = i.data) != null && g.tracks)) return [];
-    let v = i.data.tracks;
-    return a && (v = v.filter((p) => p.game === a)), s && (v = v.filter((p) => p.gameVersion === s)), v.map((p) => ({
+  }), c = k(() => {
+    var b;
+    if (!((b = i.data) != null && b.tracks)) return [];
+    let f = i.data.tracks;
+    return s && (f = f.filter((p) => p.game === s)), a && (f = f.filter((p) => p.gameVersion === a)), f.map((p) => ({
       id: p.trackId,
       layout: p.layout,
       game: p.game,
       gameVersion: p.gameVersion,
-      displayName: j(p.trackId, p.layout, p.game),
+      displayName: q(p.trackId, p.layout, p.game),
       driverCount: p.driverCount || 0,
       carCount: p.carCount || 0,
       record: p.recordHolder ? {
         visibleId: p.recordHolder.steamId || p.recordHolder.userId,
         carId: p.recordHolder.carId,
-        carDisplayName: D(p.recordHolder.carId),
+        carDisplayName: S(p.recordHolder.carId),
         lapTimeMs: p.recordHolder.lapTimeMs,
         timestamp: p.recordHolder.recordedAt
       } : null,
       recordByTag: p.recordByTag || null
     }));
-  }, [(o = i.data) == null ? void 0 : o.tracks, a, s]);
+  }, [(d = i.data) == null ? void 0 : d.tracks, s, a]);
   return {
     ...i,
     data: c,
-    partner: ((m = i.data) == null ? void 0 : m.partner) || null,
-    generatedAt: (d = i.data) == null ? void 0 : d.generatedAt,
-    totalLaps: ((x = i.data) == null ? void 0 : x.totalLaps) || 0,
-    totalUsers: ((N = i.data) == null ? void 0 : N.totalUsers) || 0,
-    versions: ((f = i.data) == null ? void 0 : f.versions) || {}
+    partner: ((u = i.data) == null ? void 0 : u.partner) || null,
+    generatedAt: (l = i.data) == null ? void 0 : l.generatedAt,
+    totalLaps: ((m = i.data) == null ? void 0 : m.totalLaps) || 0,
+    totalUsers: ((g = i.data) == null ? void 0 : g.totalUsers) || 0,
+    versions: ((v = i.data) == null ? void 0 : v.versions) || {}
   };
 }
-function ce(t, n, r = {}) {
-  const { cdnUrl: a, partnerSlug: s } = k(), { carId: i, game: c, gameVersion: o } = r, m = n || "default", d = o ? `leaderboards/partners/${s}/v/${o}/tracks/${t}/${m}.json` : `leaderboards/partners/${s}/tracks/${t}/${m}.json`, { data: x, isLoading: N, error: f } = L({
-    queryKey: ["pitvox", "leaderboards", s, "track", t, m, o],
-    queryFn: () => R(a, d),
-    enabled: !!t,
+function Se(e, t, n = {}) {
+  const { cdnUrl: s, partnerSlug: a } = w(), { carId: i, game: c, gameVersion: d } = n, u = t || "default", l = d ? `leaderboards/partners/${a}/v/${d}/tracks/${e}/${u}.json` : `leaderboards/partners/${a}/tracks/${e}/${u}.json`, { data: m, isLoading: g, error: v } = C({
+    queryKey: ["pitvox", "leaderboards", a, "track", e, u, d],
+    queryFn: () => L(s, l),
+    enabled: !!e,
     staleTime: 3e4,
     refetchInterval: 3e4
   });
-  return { data: T(() => {
-    if (!(x != null && x.entries)) return [];
-    let g = x.entries;
-    if (c && (g = g.filter((p) => p.game === c)), !i) {
-      const p = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map();
-      for (const u of g) {
-        const y = u.steamId || u.userId;
-        h.has(u.carId) || h.set(u.carId, /* @__PURE__ */ new Set()), h.get(u.carId).add(y), (!p.has(u.carId) || u.lapTimeMs < p.get(u.carId).lapTimeMs) && p.set(u.carId, u);
+  return { data: k(() => {
+    if (!(m != null && m.entries)) return [];
+    let b = m.entries;
+    if (c && (b = b.filter((p) => p.game === c)), !i) {
+      const p = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map();
+      for (const h of b) {
+        const x = h.steamId || h.userId;
+        N.has(h.carId) || N.set(h.carId, /* @__PURE__ */ new Set()), N.get(h.carId).add(x), (!p.has(h.carId) || h.lapTimeMs < p.get(h.carId).lapTimeMs) && p.set(h.carId, h);
       }
-      return Array.from(p.values()).map((u) => {
-        var y;
-        return { ...u, driverCount: ((y = h.get(u.carId)) == null ? void 0 : y.size) || 0 };
-      }).sort((u, y) => u.lapTimeMs - y.lapTimeMs);
+      return Array.from(p.values()).map((h) => {
+        var x;
+        return { ...h, driverCount: ((x = N.get(h.carId)) == null ? void 0 : x.size) || 0 };
+      }).sort((h, x) => h.lapTimeMs - x.lapTimeMs);
     }
-    return g.filter((p) => p.carId === i).sort((p, h) => p.lapTimeMs - h.lapTimeMs);
-  }, [x == null ? void 0 : x.entries, i, c]), isLoading: N, error: f };
-}
-function Ae(t, n, r, a, s = {}) {
-  var f, v;
-  const { cdnUrl: i, partnerSlug: c } = k(), { showInvalid: o = !1, game: m, gameVersion: d } = s, x = L({
-    queryKey: ["pitvox", "laps", c, t],
-    queryFn: () => R(i, `laps/partners/${c}/${t}.json`),
-    enabled: !!t,
+    return b.filter((p) => p.carId === i).sort((p, N) => p.lapTimeMs - N.lapTimeMs);
+  }, [m == null ? void 0 : m.entries, i, c]), isLoading: g, error: v };
+}
+function $e(e, t, n, s, a = {}) {
+  var v, f;
+  const { cdnUrl: i, partnerSlug: c } = w(), { showInvalid: d = !1, game: u, gameVersion: l } = a, m = C({
+    queryKey: ["pitvox", "laps", c, e],
+    queryFn: () => L(i, `laps/partners/${c}/${e}.json`),
+    enabled: !!e,
     staleTime: 3e4,
     refetchInterval: 3e4
-  }), N = T(() => {
-    var g;
-    return (g = x.data) != null && g.laps ? x.data.laps.filter((p) => {
-      if (p.trackId !== n) return !1;
-      if (r) {
-        if (p.trackLayout !== r) return !1;
+  }), g = k(() => {
+    var b;
+    return (b = m.data) != null && b.laps ? m.data.laps.filter((p) => {
+      if (p.trackId !== t) return !1;
+      if (n) {
+        if (p.trackLayout !== n) return !1;
       } else if (p.trackLayout && p.trackLayout !== "default") return !1;
-      return !(p.carId !== a || m && p.game !== m || d && p.gameVersion !== d || !o && !p.isValid);
-    }).sort((p, h) => p.lapTimeMs - h.lapTimeMs) : [];
-  }, [(f = x.data) == null ? void 0 : f.laps, n, r, a, m, d, o]);
+      return !(p.carId !== s || u && p.game !== u || l && p.gameVersion !== l || !d && !p.isValid);
+    }).sort((p, N) => p.lapTimeMs - N.lapTimeMs) : [];
+  }, [(v = m.data) == null ? void 0 : v.laps, t, n, s, u, l, d]);
   return {
-    ...x,
-    data: N,
-    driverName: ((v = x.data) == null ? void 0 : v.driverName) || "Driver"
+    ...m,
+    data: g,
+    driverName: ((f = m.data) == null ? void 0 : f.driverName) || "Driver"
   };
 }
-function Ue() {
-  const { cdnUrl: t } = k(), { data: n } = L({
+function ae() {
+  const { cdnUrl: e } = w(), { data: t } = C({
     queryKey: ["pitvox", "users", "index"],
-    queryFn: () => R(t, "users/index.json"),
+    queryFn: () => L(e, "users/index.json"),
     staleTime: 5 * 6e4,
     gcTime: 30 * 6e4
-  }), r = (n == null ? void 0 : n.users) || {};
-  return (a, s) => {
-    const i = r[a];
+  }), n = (t == null ? void 0 : t.users) || {};
+  return (s, a) => {
+    const i = n[s];
     return {
-      displayName: (i == null ? void 0 : i.displayName) || s || a || "Unknown",
+      displayName: (i == null ? void 0 : i.displayName) || a || s || "Unknown",
       avatarUrl: (i == null ? void 0 : i.avatarUrl) || null,
       affiliations: (i == null ? void 0 : i.affiliations) || []
     };
   };
 }
-function Fe() {
-  const { cdnUrl: t } = k(), { data: n } = L({
+function Tr() {
+  const { cdnUrl: e } = w(), { data: t } = C({
     queryKey: ["pitvox", "cars", "index"],
-    queryFn: () => R(t, "cars/index.json"),
+    queryFn: () => L(e, "cars/index.json"),
     staleTime: 5 * 6e4,
     gcTime: 30 * 6e4
   });
   return {
-    tags: (n == null ? void 0 : n.tags) || [],
-    cars: (n == null ? void 0 : n.cars) || {}
+    tags: (t == null ? void 0 : t.tags) || [],
+    cars: (t == null ? void 0 : t.cars) || {}
   };
 }
-function Ft(t, n) {
-  return ce(t, null, { carId: n });
+function Sr(e, t) {
+  return Se(e, null, { carId: t });
 }
-function Ee() {
-  const { cdnUrl: t, partnerSlug: n } = k();
-  return L({
-    queryKey: ["pitvox", "competitions", n],
+function $r() {
+  const { cdnUrl: e, partnerSlug: t } = w();
+  return C({
+    queryKey: ["pitvox", "competitions", t],
     queryFn: async () => {
-      const r = await R(t, "competitions/index.json");
-      return r != null && r.competitions ? r.competitions.filter((a) => a.partnerSlug === n) : [];
+      const n = await L(e, "competitions/index.json");
+      return n != null && n.competitions ? n.competitions.filter((s) => s.partnerSlug === t) : [];
     },
     staleTime: 6e4
   });
 }
-function de(t) {
-  const { cdnUrl: n, partnerSlug: r } = k();
-  return L({
-    queryKey: ["pitvox", "competition", r, t, "config"],
-    queryFn: () => R(n, `competitions/${r}/${t}/config.json`),
-    enabled: !!t,
+function Me(e) {
+  const { cdnUrl: t, partnerSlug: n } = w();
+  return C({
+    queryKey: ["pitvox", "competition", n, e, "config"],
+    queryFn: () => L(t, `competitions/${n}/${e}/config.json`),
+    enabled: !!e,
     staleTime: 6e4
   });
 }
-function Ve(t) {
-  const { cdnUrl: n, partnerSlug: r } = k();
-  return L({
-    queryKey: ["pitvox", "competition", r, t, "standings"],
-    queryFn: () => R(n, `competitions/${r}/${t}/standings.json`),
-    enabled: !!t,
+function De(e) {
+  const { cdnUrl: t, partnerSlug: n } = w();
+  return C({
+    queryKey: ["pitvox", "competition", n, e, "standings"],
+    queryFn: () => L(t, `competitions/${n}/${e}/standings.json`),
+    enabled: !!e,
     staleTime: 6e4
   });
 }
-function _e(t, n) {
-  const { cdnUrl: r, partnerSlug: a } = k();
-  return L({
-    queryKey: ["pitvox", "competition", a, t, "round", n],
-    queryFn: () => R(r, `competitions/${a}/${t}/rounds/${n}.json`),
-    enabled: !!t && n != null,
+function Ie(e, t) {
+  const { cdnUrl: n, partnerSlug: s } = w();
+  return C({
+    queryKey: ["pitvox", "competition", s, e, "round", t],
+    queryFn: () => L(n, `competitions/${s}/${e}/rounds/${t}.json`),
+    enabled: !!e && t != null,
     staleTime: 6e4
   });
 }
-function Et(t, n = []) {
-  const { cdnUrl: r, partnerSlug: a } = k();
-  return L({
-    queryKey: ["pitvox", "competition", a, t, "allRounds", n],
+function Mr(e, t = []) {
+  const { cdnUrl: n, partnerSlug: s } = w();
+  return C({
+    queryKey: ["pitvox", "competition", s, e, "allRounds", t],
     queryFn: async () => (await Promise.all(
-      n.map(
-        (i) => R(r, `competitions/${a}/${t}/rounds/${i}.json`).catch(() => null)
+      t.map(
+        (i) => L(n, `competitions/${s}/${e}/rounds/${i}.json`).catch(() => null)
       )
     )).filter(Boolean),
-    enabled: !!t && n.length > 0,
+    enabled: !!e && t.length > 0,
     staleTime: 6e4
   });
 }
-function qe(t) {
-  const { cdnUrl: n, partnerSlug: r } = k();
-  return L({
-    queryKey: ["pitvox", "competition", r, t, "entrylist"],
-    queryFn: () => R(n, `competitions/${r}/${t}/entrylist.json`),
-    enabled: !!t,
+function ie(e) {
+  const { cdnUrl: t, partnerSlug: n } = w();
+  return C({
+    queryKey: ["pitvox", "competition", n, e, "entrylist"],
+    queryFn: () => L(t, `competitions/${n}/${e}/entrylist.json`),
+    enabled: !!e,
     staleTime: 6e4
   });
 }
-function je(t) {
-  const { cdnUrl: n, partnerSlug: r, getSteamId: a } = k(), s = a();
-  return L({
-    queryKey: ["pitvox", "registration", r, t, s],
+function z(e) {
+  const { cdnUrl: t, partnerSlug: n, getSteamId: s } = w(), a = s();
+  return C({
+    queryKey: ["pitvox", "registration", n, e, a],
     queryFn: async () => {
-      var m;
-      const i = await fetch(`${n}/competitions/${r}/${t}/entrylist.json`);
+      var u;
+      const i = await fetch(`${t}/competitions/${n}/${e}/entrylist.json`);
       if (!i.ok) return { isRegistered: !1, entryList: null };
       const c = await i.json();
-      return { isRegistered: !!s && ((m = c.drivers) == null ? void 0 : m.some((d) => d.steamId === s)), entryList: c };
+      return { isRegistered: !!a && ((u = c.drivers) == null ? void 0 : u.some((l) => l.steamId === a)), entryList: c };
     },
-    enabled: !!t,
+    enabled: !!e,
     staleTime: 6e4
   });
 }
-function Ke(t) {
-  const { onRegister: n, partnerSlug: r } = k(), a = Z();
-  return ie({
-    mutationFn: (s) => {
-      if (!n)
+function oe(e) {
+  const { onRegister: t, partnerSlug: n, getSteamId: s } = w(), a = P(), i = ae();
+  return _({
+    mutationFn: (c) => {
+      if (!t)
         throw new Error(
           "No onRegister callback provided to PitVoxPartnerProvider. Provide onRegister for in-app registration, or use useRegistrationUrl() to link to pitvox.com."
         );
-      return n(t, s);
+      return t(e, c);
     },
     onSuccess: () => {
-      a.invalidateQueries({
-        queryKey: ["pitvox", "registration", r, t]
-      }), a.invalidateQueries({
-        queryKey: ["pitvox", "competition", r, t, "entrylist"]
-      });
+      const c = s();
+      if (a.setQueriesData(
+        { queryKey: ["pitvox", "registration", n, e] },
+        (d) => d ? { ...d, isRegistered: !0 } : { isRegistered: !0, entryList: null }
+      ), c) {
+        const d = i(c), u = {
+          steamId: c,
+          displayName: d.displayName,
+          avatarUrl: d.avatarUrl
+        };
+        a.setQueriesData(
+          { queryKey: ["pitvox", "competition", n, e, "entrylist"] },
+          (l) => {
+            var g;
+            return l ? ((g = l.drivers) == null ? void 0 : g.some((v) => v.steamId === c)) ? l : { ...l, drivers: [...l.drivers || [], u] } : { drivers: [u] };
+          }
+        );
+      }
     }
   });
 }
-function He(t) {
-  const { onWithdraw: n, partnerSlug: r, getSteamId: a } = k(), s = Z();
-  return ie({
+function ce(e) {
+  const { onWithdraw: t, partnerSlug: n, getSteamId: s } = w(), a = P();
+  return _({
     mutationFn: (i) => {
-      if (!n)
+      if (!t)
         throw new Error(
           "No onWithdraw callback provided to PitVoxPartnerProvider. Provide onWithdraw for in-app withdrawal, or use useRegistrationUrl() to link to pitvox.com."
         );
-      const c = i || a();
+      const c = i || s();
       if (!c) throw new Error("No Steam ID available");
-      return n(t, c);
+      return t(e, c);
     },
     onSuccess: () => {
-      s.invalidateQueries({
-        queryKey: ["pitvox", "registration", r, t]
-      }), s.invalidateQueries({
-        queryKey: ["pitvox", "competition", r, t, "entrylist"]
-      });
+      const i = s();
+      a.setQueriesData(
+        { queryKey: ["pitvox", "registration", n, e] },
+        (c) => c ? { ...c, isRegistered: !1 } : { isRegistered: !1, entryList: null }
+      ), i && a.setQueriesData(
+        { queryKey: ["pitvox", "competition", n, e, "entrylist"] },
+        (c) => c != null && c.drivers ? { ...c, drivers: c.drivers.filter((d) => d.steamId !== i) } : c
+      );
     }
   });
 }
-function Oe() {
-  const { onRegister: t, onWithdraw: n } = k(), r = !!(t && n);
-  return { isPowerMode: r, isBasicMode: !r };
+function Q() {
+  const { onRegister: e, onWithdraw: t } = w(), n = !!(e && t);
+  return { isPowerMode: n, isBasicMode: !n };
 }
-function We(t) {
-  const { pitvoxUrl: n, partnerSlug: r } = k();
-  return `${n}/p/${r}/competitions/${t}/register`;
+function Z(e) {
+  const { pitvoxUrl: t, partnerSlug: n } = w();
+  return `${t}/p/${n}/competitions/${e}/register`;
 }
-const Ge = {
+const Be = {
   formula: "Formula",
   gt3: "GT3",
   gt2: "GT2",
@@ -368,533 +393,395 @@ const Ge = {
   "2000s": "2000s",
   "2010s": "2010s",
   "2020s": "2020s"
-}, pe = [
+}, le = [
   { id: "class", tags: ["formula", "gt3", "gt2", "gt4", "cup", "prototype", "rally"] },
   { id: "tier", tags: ["hypercar", "supercar", "sports_car", "hot_hatch", "lightweight"] },
   { id: "era", tags: ["1960s", "1970s", "1980s", "1990s", "2000s", "2010s", "2020s"] }
 ];
-function ze(t) {
-  for (const n of pe)
-    if (n.tags.includes(t)) return n.id;
+function Pe(e) {
+  for (const t of le)
+    if (t.tags.includes(e)) return t.id;
   return "other";
 }
-function ue(t, n) {
-  if (n.size === 0) return !0;
-  const r = {};
-  for (const a of n) {
-    const s = ze(a);
-    r[s] || (r[s] = []), r[s].push(a);
+function de(e, t) {
+  if (t.size === 0) return !0;
+  const n = {};
+  for (const s of t) {
+    const a = Pe(s);
+    n[a] || (n[a] = []), n[a].push(s);
   }
-  for (const a of Object.values(r))
-    if (!a.some((s) => t.includes(s))) return !1;
+  for (const s of Object.values(n))
+    if (!s.some((a) => e.includes(a))) return !1;
   return !0;
 }
-function me() {
-  const [t, n] = q(/* @__PURE__ */ new Set()), r = G((s) => {
-    n((i) => {
-      const c = new Set(i);
-      return c.has(s) ? c.delete(s) : c.add(s), c;
-    });
-  }, []), a = G(() => n(/* @__PURE__ */ new Set()), []);
-  return { activeTags: t, toggle: r, clear: a };
-}
-function J(t) {
-  const [n, r] = q(t), a = G((s) => {
-    r(
-      (i) => i.key === s ? { key: s, dir: i.dir === "asc" ? "desc" : "asc" } : { key: s, dir: s.includes("timestamp") || s.includes("Date") ? "desc" : "asc" }
+function pe(e, t) {
+  const [n, s] = M(/* @__PURE__ */ new Set()), a = e !== void 0, i = a ? e : n, c = O((u) => {
+    const l = new Set(i);
+    l.has(u) ? l.delete(u) : l.add(u), a && t ? t(l) : s(l);
+  }, [i, a, t]), d = O(() => {
+    a && t ? t(/* @__PURE__ */ new Set()) : s(/* @__PURE__ */ new Set());
+  }, [a, t]);
+  return { activeTags: i, toggle: c, clear: d };
+}
+function Y(e) {
+  const [t, n] = M(e), s = O((a) => {
+    n(
+      (i) => i.key === a ? { key: a, dir: i.dir === "asc" ? "desc" : "asc" } : { key: a, dir: a.includes("timestamp") || a.includes("Date") ? "desc" : "asc" }
     );
   }, []);
-  return [n, a];
+  return [t, s];
 }
-function X(t, n, r) {
-  return [...t].sort((a, s) => {
-    const i = r(a, n.key), c = r(s, n.key);
+function J(e, t, n) {
+  return [...e].sort((s, a) => {
+    const i = n(s, t.key), c = n(a, t.key);
     if (i == null && c == null) return 0;
     if (i == null) return 1;
     if (c == null) return -1;
-    const o = typeof i == "string" ? i.localeCompare(c) : i - c;
-    return n.dir === "desc" ? -o : o;
+    const d = typeof i == "string" ? i.localeCompare(c) : i - c;
+    return t.dir === "desc" ? -d : d;
   });
 }
-function he(t, n = !1) {
-  const r = n ? t == null ? void 0 : t.filter((a) => a.isValid) : t;
-  return r != null && r.length ? {
-    s1: Math.min(...r.map((a) => a.sector1Ms).filter(Boolean)),
-    s2: Math.min(...r.map((a) => a.sector2Ms).filter(Boolean)),
-    s3: Math.min(...r.map((a) => a.sector3Ms).filter(Boolean))
+function ue(e, t = !1) {
+  const n = t ? e == null ? void 0 : e.filter((s) => s.isValid) : e;
+  return n != null && n.length ? {
+    s1: Math.min(...n.map((s) => s.sector1Ms).filter(Boolean)),
+    s2: Math.min(...n.map((s) => s.sector2Ms).filter(Boolean)),
+    s3: Math.min(...n.map((s) => s.sector3Ms).filter(Boolean))
   } : null;
 }
-function Qe({ active: t, dir: n }) {
-  return t ? n === "asc" ? /* @__PURE__ */ e("svg", { className: "pvx-sort-icon", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) }) : /* @__PURE__ */ e("svg", { className: "pvx-sort-icon", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) }) : /* @__PURE__ */ e("svg", { className: "pvx-sort-icon pvx-sort-icon--inactive", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8 9l4-4 4 4M16 15l-4 4-4-4" }) });
+function Ue({ active: e, dir: t }) {
+  return e ? t === "asc" ? /* @__PURE__ */ r("svg", { className: "pvx-sort-icon", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) }) : /* @__PURE__ */ r("svg", { className: "pvx-sort-icon", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) }) : /* @__PURE__ */ r("svg", { className: "pvx-sort-icon pvx-sort-icon--inactive", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8 9l4-4 4 4M16 15l-4 4-4-4" }) });
 }
-function M({ label: t, sortKey: n, config: r, onSort: a, className: s = "" }) {
-  return /* @__PURE__ */ e(
+function T({ label: e, sortKey: t, config: n, onSort: s, className: a = "" }) {
+  return /* @__PURE__ */ r(
     "th",
     {
-      className: `pvx-th pvx-th--sortable ${s}`,
-      onClick: () => a(n),
-      children: /* @__PURE__ */ l("span", { className: "pvx-th-inner", children: [
-        t,
-        /* @__PURE__ */ e(Qe, { active: r.key === n, dir: r.dir })
+      className: `pvx-th pvx-th--sortable ${a}`,
+      onClick: () => s(t),
+      children: /* @__PURE__ */ o("span", { className: "pvx-th-inner", children: [
+        e,
+        /* @__PURE__ */ r(Ue, { active: n.key === t, dir: n.dir })
       ] })
     }
   );
 }
-function Y({ userId: t, getUserDisplay: n }) {
-  const { displayName: r, avatarUrl: a } = n(t);
-  return /* @__PURE__ */ l("span", { className: "pvx-driver", children: [
-    a ? /* @__PURE__ */ e("img", { src: a, alt: "", className: "pvx-driver-avatar" }) : /* @__PURE__ */ e("span", { className: "pvx-driver-avatar pvx-driver-avatar--placeholder" }),
-    /* @__PURE__ */ e("span", { className: "pvx-driver-name", children: r })
+function X({ userId: e, getUserDisplay: t }) {
+  const { displayName: n, avatarUrl: s } = t(e);
+  return /* @__PURE__ */ o("span", { className: "pvx-driver", children: [
+    s ? /* @__PURE__ */ r("img", { src: s, alt: "", className: "pvx-driver-avatar" }) : /* @__PURE__ */ r("span", { className: "pvx-driver-avatar pvx-driver-avatar--placeholder" }),
+    /* @__PURE__ */ r("span", { className: "pvx-driver-name", children: n })
   ] });
 }
-function ve({ rank: t, podium: n = !1 }) {
-  return /* @__PURE__ */ e("span", { className: n ? t === 1 ? "pvx-rank pvx-rank--gold" : t === 2 ? "pvx-rank pvx-rank--silver" : t === 3 ? "pvx-rank pvx-rank--bronze" : "pvx-rank" : "pvx-rank", children: t });
+function me({ rank: e, podium: t = !1 }) {
+  return /* @__PURE__ */ r("span", { className: t ? e === 1 ? "pvx-rank pvx-rank--gold" : e === 2 ? "pvx-rank pvx-rank--silver" : e === 3 ? "pvx-rank pvx-rank--bronze" : "pvx-rank" : "pvx-rank", children: e });
 }
-function xe({ availableTags: t, activeTags: n, onToggle: r, onClear: a }) {
-  if (!t || t.length < 2) return null;
-  const s = pe.map((i) => ({ id: i.id, tags: i.tags.filter((c) => t.includes(c)) })).filter((i) => i.tags.length > 0);
-  return /* @__PURE__ */ l("div", { className: "pvx-tag-bar", children: [
-    /* @__PURE__ */ e(
+function ve({ availableTags: e, activeTags: t, onToggle: n, onClear: s }) {
+  if (!e || e.length < 2) return null;
+  const a = le.map((i) => ({ id: i.id, tags: i.tags.filter((c) => e.includes(c)) })).filter((i) => i.tags.length > 0);
+  return /* @__PURE__ */ o("div", { className: "pvx-tag-bar", children: [
+    /* @__PURE__ */ r(
       "button",
       {
-        onClick: a,
-        className: `pvx-tag ${n.size === 0 ? "pvx-tag--active" : ""}`,
+        onClick: s,
+        className: `pvx-tag ${t.size === 0 ? "pvx-tag--active" : ""}`,
         children: "All"
       }
     ),
-    s.map((i, c) => /* @__PURE__ */ l("span", { className: "contents", children: [
-      c > 0 && /* @__PURE__ */ e("span", { className: "pvx-tag-separator" }),
-      i.tags.map((o) => /* @__PURE__ */ e(
+    a.map((i, c) => /* @__PURE__ */ o("span", { className: "contents", children: [
+      c > 0 && /* @__PURE__ */ r("span", { className: "pvx-tag-separator" }),
+      i.tags.map((d) => /* @__PURE__ */ r(
         "button",
         {
-          onClick: () => r(o),
-          className: `pvx-tag ${n.has(o) ? "pvx-tag--active" : ""}`,
-          children: Ge[o] || o
+          onClick: () => n(d),
+          className: `pvx-tag ${t.has(d) ? "pvx-tag--active" : ""}`,
+          children: Be[d] || d
         },
-        o
+        d
       ))
     ] }, i.id))
   ] });
 }
-function ee({ segments: t }) {
-  return /* @__PURE__ */ e("nav", { className: "pvx-breadcrumb", "aria-label": "Breadcrumb", children: /* @__PURE__ */ e("ol", { className: "pvx-breadcrumb-list", children: t.map((n, r) => {
-    const a = r === t.length - 1;
-    return /* @__PURE__ */ l("li", { className: "pvx-breadcrumb-item", children: [
-      r > 0 && /* @__PURE__ */ e("svg", { className: "pvx-breadcrumb-chevron", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 4.5l7.5 7.5-7.5 7.5" }) }),
-      !a && n.onClick ? /* @__PURE__ */ e("button", { onClick: n.onClick, className: "pvx-breadcrumb-link", children: n.label }) : /* @__PURE__ */ e("span", { className: "pvx-breadcrumb-current", children: n.label })
-    ] }, n.key);
+function ee({ segments: e }) {
+  return /* @__PURE__ */ r("nav", { className: "pvx-breadcrumb", "aria-label": "Breadcrumb", children: /* @__PURE__ */ r("ol", { className: "pvx-breadcrumb-list", children: e.map((t, n) => {
+    const s = n === e.length - 1;
+    return /* @__PURE__ */ o("li", { className: "pvx-breadcrumb-item", children: [
+      n > 0 && /* @__PURE__ */ r("svg", { className: "pvx-breadcrumb-chevron", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 4.5l7.5 7.5-7.5 7.5" }) }),
+      !s && t.onClick ? /* @__PURE__ */ r("button", { onClick: t.onClick, className: "pvx-breadcrumb-link", children: t.label }) : /* @__PURE__ */ r("span", { className: "pvx-breadcrumb-current", children: t.label })
+    ] }, t.key);
   }) }) });
 }
-function K({ message: t }) {
-  return /* @__PURE__ */ l("div", { className: "pvx-empty", children: [
-    /* @__PURE__ */ e("svg", { className: "pvx-empty-icon", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16.5 18.75h-9m9 0a3 3 0 013 3h-15a3 3 0 013-3m9 0v-4.5A3.375 3.375 0 0013.125 10.875h-2.25A3.375 3.375 0 007.5 14.25v4.5" }) }),
-    /* @__PURE__ */ e("p", { children: t })
+function V({ message: e }) {
+  return /* @__PURE__ */ o("div", { className: "pvx-empty", children: [
+    /* @__PURE__ */ r("svg", { className: "pvx-empty-icon", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16.5 18.75h-9m9 0a3 3 0 013 3h-15a3 3 0 013-3m9 0v-4.5A3.375 3.375 0 0013.125 10.875h-2.25A3.375 3.375 0 007.5 14.25v4.5" }) }),
+    /* @__PURE__ */ r("p", { children: e })
   ] });
 }
-function H() {
-  return /* @__PURE__ */ e("div", { className: "pvx-loading", children: "Loading..." });
-}
-function Ze() {
-  return /* @__PURE__ */ e("svg", { className: "pvx-icon pvx-icon--valid", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 12.75l6 6 9-13.5" }) });
-}
-function Je() {
-  return /* @__PURE__ */ e("svg", { className: "pvx-icon pvx-icon--invalid", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) });
-}
-function Xe({ tracks: t, isLoading: n, carMetadata: r, getUserDisplay: a, onTrackSelect: s }) {
-  const [i, c] = J({ key: "record.timestamp", dir: "desc" }), { activeTags: o, toggle: m, clear: d } = me(), x = T(() => {
-    var g;
-    if (!((g = r == null ? void 0 : r.tags) != null && g.length)) return [];
-    const v = /* @__PURE__ */ new Set();
-    for (const p of t || [])
-      p.recordByTag && Object.keys(p.recordByTag).forEach((h) => v.add(h));
-    return r.tags.filter((p) => v.has(p));
-  }, [t, r]), N = T(() => t ? o.size === 0 ? t : t.map((v) => {
-    var h, u;
-    if (!v.recordByTag) return null;
-    let g = null;
+function j() {
+  return /* @__PURE__ */ r("div", { className: "pvx-loading", children: "Loading..." });
+}
+function Ae() {
+  return /* @__PURE__ */ r("svg", { className: "pvx-icon pvx-icon--valid", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 12.75l6 6 9-13.5" }) });
+}
+function Fe() {
+  return /* @__PURE__ */ r("svg", { className: "pvx-icon pvx-icon--invalid", fill: "none", viewBox: "0 0 24 24", strokeWidth: 2, stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) });
+}
+function Dr({ tracks: e, isLoading: t, carMetadata: n, getUserDisplay: s, onTrackSelect: a, tags: i, onTagChange: c }) {
+  const [d, u] = Y({ key: "record.timestamp", dir: "desc" }), { activeTags: l, toggle: m, clear: g } = pe(i, c), v = k(() => {
+    var N;
+    if (!((N = n == null ? void 0 : n.tags) != null && N.length)) return [];
     const p = /* @__PURE__ */ new Set();
-    for (const y of Object.values(v.recordByTag)) {
-      if (p.has(y.carId)) continue;
-      p.add(y.carId);
-      const C = ((u = (h = r == null ? void 0 : r.cars) == null ? void 0 : h[y.carId]) == null ? void 0 : u.tags) || ["sports_car"];
-      ue(C, o) && (!g || y.lapTimeMs < g.lapTimeMs) && (g = y);
+    for (const h of e || [])
+      h.recordByTag && Object.keys(h.recordByTag).forEach((x) => p.add(x));
+    return n.tags.filter((h) => p.has(h));
+  }, [e, n]), f = k(() => e ? l.size === 0 ? e : e.map((p) => {
+    var x, y;
+    if (!p.recordByTag) return null;
+    let N = null;
+    const h = /* @__PURE__ */ new Set();
+    for (const R of Object.values(p.recordByTag)) {
+      if (h.has(R.carId)) continue;
+      h.add(R.carId);
+      const $ = ((y = (x = n == null ? void 0 : n.cars) == null ? void 0 : x[R.carId]) == null ? void 0 : y.tags) || ["sports_car"];
+      de($, l) && (!N || R.lapTimeMs < N.lapTimeMs) && (N = R);
     }
-    return g ? {
-      ...v,
+    return N ? {
+      ...p,
       record: {
-        visibleId: g.steamId || g.identifier,
-        carId: g.carId,
-        carDisplayName: D(g.carId),
-        lapTimeMs: g.lapTimeMs,
-        timestamp: g.recordedAt
+        visibleId: N.steamId || N.identifier,
+        carId: N.carId,
+        carDisplayName: S(N.carId),
+        lapTimeMs: N.lapTimeMs,
+        timestamp: N.recordedAt
       }
     } : null;
-  }).filter(Boolean) : [], [t, o, r]), f = T(() => X(N, i, (v, g) => {
-    var p, h;
-    switch (g) {
+  }).filter(Boolean) : [], [e, l, n]), b = k(() => J(f, d, (p, N) => {
+    var h, x;
+    switch (N) {
       case "displayName":
-        return v.displayName;
+        return p.displayName;
       case "record.lapTimeMs":
-        return (p = v.record) == null ? void 0 : p.lapTimeMs;
+        return (h = p.record) == null ? void 0 : h.lapTimeMs;
       case "driverCount":
-        return v.driverCount || 0;
+        return p.driverCount || 0;
       case "carCount":
-        return v.carCount || 0;
+        return p.carCount || 0;
       case "record.timestamp":
       default:
-        return (h = v.record) != null && h.timestamp ? new Date(v.record.timestamp).getTime() : 0;
+        return (x = p.record) != null && x.timestamp ? new Date(p.record.timestamp).getTime() : 0;
     }
-  }), [N, i]);
-  return n ? /* @__PURE__ */ e(H, {}) : t != null && t.length ? /* @__PURE__ */ l("div", { className: "pvx-card", children: [
-    /* @__PURE__ */ e("div", { className: "pvx-card-header", children: /* @__PURE__ */ e("h2", { className: "pvx-card-title", children: "Track Records" }) }),
-    /* @__PURE__ */ e(xe, { availableTags: x, activeTags: o, onToggle: m, onClear: d }),
-    /* @__PURE__ */ e("div", { className: "pvx-table-scroll", children: /* @__PURE__ */ l("table", { className: "pvx-table", children: [
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ l("tr", { className: "pvx-thead-row", children: [
-        /* @__PURE__ */ e(M, { label: "Track", sortKey: "displayName", config: i, onSort: c }),
-        /* @__PURE__ */ e("th", { className: "pvx-th", children: "Record Holder" }),
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-hidden-below-lg", children: "Car" }),
-        /* @__PURE__ */ e(M, { label: "Lap Time", sortKey: "record.lapTimeMs", config: i, onSort: c }),
-        /* @__PURE__ */ e(M, { label: "Drivers", sortKey: "driverCount", config: i, onSort: c, className: "pvx-hidden-below-md" }),
-        /* @__PURE__ */ e(M, { label: "Cars", sortKey: "carCount", config: i, onSort: c, className: "pvx-hidden-below-lg" }),
-        /* @__PURE__ */ e(M, { label: "Date", sortKey: "record.timestamp", config: i, onSort: c, className: "pvx-hidden-below-xl" })
+  }), [f, d]);
+  return t ? /* @__PURE__ */ r(j, {}) : e != null && e.length ? /* @__PURE__ */ o("div", { className: "pvx-card", children: [
+    /* @__PURE__ */ r("div", { className: "pvx-card-header", children: /* @__PURE__ */ r("h2", { className: "pvx-card-title", children: "Track Records" }) }),
+    /* @__PURE__ */ r(ve, { availableTags: v, activeTags: l, onToggle: m, onClear: g }),
+    /* @__PURE__ */ r("div", { className: "pvx-table-scroll", children: /* @__PURE__ */ o("table", { className: "pvx-table", children: [
+      /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ o("tr", { className: "pvx-thead-row", children: [
+        /* @__PURE__ */ r(T, { label: "Track", sortKey: "displayName", config: d, onSort: u }),
+        /* @__PURE__ */ r("th", { className: "pvx-th", children: "Record Holder" }),
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-hidden-below-lg", children: "Car" }),
+        /* @__PURE__ */ r(T, { label: "Lap Time", sortKey: "record.lapTimeMs", config: d, onSort: u }),
+        /* @__PURE__ */ r(T, { label: "Drivers", sortKey: "driverCount", config: d, onSort: u, className: "pvx-hidden-below-md" }),
+        /* @__PURE__ */ r(T, { label: "Cars", sortKey: "carCount", config: d, onSort: u, className: "pvx-hidden-below-lg" }),
+        /* @__PURE__ */ r(T, { label: "Date", sortKey: "record.timestamp", config: d, onSort: u, className: "pvx-hidden-below-xl" })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { className: "pvx-tbody", children: f.map((v) => {
-        var g, p, h;
-        return /* @__PURE__ */ l(
+      /* @__PURE__ */ r("tbody", { className: "pvx-tbody", children: b.map((p) => {
+        var N, h, x;
+        return /* @__PURE__ */ o(
           "tr",
           {
             className: "pvx-row pvx-row--clickable",
-            onClick: () => s(v.id, v.layout),
+            onClick: () => a(p.id, p.layout),
             children: [
-              /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--primary", children: v.displayName }),
-              /* @__PURE__ */ e("td", { className: "pvx-td", children: (g = v.record) != null && g.visibleId ? /* @__PURE__ */ e(Y, { userId: v.record.visibleId, getUserDisplay: a }) : "-" }),
-              /* @__PURE__ */ e("td", { className: "pvx-td pvx-hidden-below-lg", children: ((p = v.record) == null ? void 0 : p.carDisplayName) || "-" }),
-              /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--primary pvx-td--mono", children: v.record ? F(v.record.lapTimeMs) : "-" }),
-              /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--center pvx-hidden-below-md", children: v.driverCount || "-" }),
-              /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--center pvx-hidden-below-lg", children: v.carCount || "-" }),
-              /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--muted pvx-hidden-below-xl", children: (h = v.record) != null && h.timestamp ? E(v.record.timestamp) : "-" })
+              /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--primary", children: p.displayName }),
+              /* @__PURE__ */ r("td", { className: "pvx-td", children: (N = p.record) != null && N.visibleId ? /* @__PURE__ */ r(X, { userId: p.record.visibleId, getUserDisplay: s }) : "-" }),
+              /* @__PURE__ */ r("td", { className: "pvx-td pvx-hidden-below-lg", children: ((h = p.record) == null ? void 0 : h.carDisplayName) || "-" }),
+              /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--primary pvx-td--mono", children: p.record ? U(p.record.lapTimeMs) : "-" }),
+              /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--center pvx-hidden-below-md", children: p.driverCount || "-" }),
+              /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--center pvx-hidden-below-lg", children: p.carCount || "-" }),
+              /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--muted pvx-hidden-below-xl", children: (x = p.record) != null && x.timestamp ? A(p.record.timestamp) : "-" })
             ]
           },
-          `${v.id}|${v.layout || ""}`
+          `${p.id}|${p.layout || ""}`
         );
       }) })
     ] }) })
-  ] }) : /* @__PURE__ */ e(K, { message: "No lap times recorded yet." });
-}
-function Ye({ entries: t, isLoading: n, track: r, carMetadata: a, getUserDisplay: s, onCarSelect: i, onNavigate: c }) {
-  const [o, m] = J({ key: "lapTimeMs", dir: "asc" }), { activeTags: d, toggle: x, clear: N } = me(), f = T(() => {
-    var u, y, C;
-    if (!t || !((u = a == null ? void 0 : a.tags) != null && u.length)) return [];
-    const h = /* @__PURE__ */ new Set();
-    for (const $ of t)
-      (((C = (y = a.cars) == null ? void 0 : y[$.carId]) == null ? void 0 : C.tags) || ["sports_car"]).forEach((S) => h.add(S));
-    return a.tags.filter(($) => h.has($));
-  }, [t, a]), v = T(() => t ? d.size === 0 ? t : t.filter((h) => {
-    var y, C;
-    const u = ((C = (y = a == null ? void 0 : a.cars) == null ? void 0 : y[h.carId]) == null ? void 0 : C.tags) || ["sports_car"];
-    return ue(u, d);
-  }) : [], [t, d, a]), g = T(() => X(v, o, (h, u) => {
-    switch (u) {
+  ] }) : /* @__PURE__ */ r(V, { message: "No lap times recorded yet." });
+}
+function Ir({ entries: e, isLoading: t, track: n, carMetadata: s, getUserDisplay: a, onCarSelect: i, onNavigate: c, tags: d, onTagChange: u }) {
+  const [l, m] = Y({ key: "lapTimeMs", dir: "asc" }), { activeTags: g, toggle: v, clear: f } = pe(d, u), b = k(() => {
+    var y, R, $;
+    if (!e || !((y = s == null ? void 0 : s.tags) != null && y.length)) return [];
+    const x = /* @__PURE__ */ new Set();
+    for (const B of e)
+      ((($ = (R = s.cars) == null ? void 0 : R[B.carId]) == null ? void 0 : $.tags) || ["sports_car"]).forEach((Ne) => x.add(Ne));
+    return s.tags.filter((B) => x.has(B));
+  }, [e, s]), p = k(() => e ? g.size === 0 ? e : e.filter((x) => {
+    var R, $;
+    const y = (($ = (R = s == null ? void 0 : s.cars) == null ? void 0 : R[x.carId]) == null ? void 0 : $.tags) || ["sports_car"];
+    return de(y, g);
+  }) : [], [e, g, s]), N = k(() => J(p, l, (x, y) => {
+    switch (y) {
       case "carId":
-        return D(h.carId);
+        return S(x.carId);
       case "driverCount":
-        return h.driverCount || 0;
+        return x.driverCount || 0;
       case "lapTimeMs":
       default:
-        return h.lapTimeMs;
+        return x.lapTimeMs;
     }
-  }), [v, o]), p = [
+  }), [p, l]), h = [
     { key: "tracks", label: "Tracks", onClick: () => c("tracks") },
-    { key: "track", label: r.displayName }
+    { key: "track", label: n.displayName }
   ];
-  return n ? /* @__PURE__ */ e(H, {}) : /* @__PURE__ */ l("div", { className: "pvx-card", children: [
-    /* @__PURE__ */ e("div", { className: "pvx-card-header", children: /* @__PURE__ */ e(ee, { segments: p }) }),
-    /* @__PURE__ */ e(xe, { availableTags: f, activeTags: d, onToggle: x, onClear: N }),
-    t != null && t.length ? /* @__PURE__ */ e("div", { className: "pvx-table-scroll", children: /* @__PURE__ */ l("table", { className: "pvx-table", children: [
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ l("tr", { className: "pvx-thead-row", children: [
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-th--narrow", children: "#" }),
-        /* @__PURE__ */ e(M, { label: "Car", sortKey: "carId", config: o, onSort: m }),
-        /* @__PURE__ */ e("th", { className: "pvx-th", children: "Record Holder" }),
-        /* @__PURE__ */ e(M, { label: "Lap Time", sortKey: "lapTimeMs", config: o, onSort: m }),
-        /* @__PURE__ */ e(M, { label: "Drivers", sortKey: "driverCount", config: o, onSort: m, className: "pvx-hidden-below-md" }),
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-hidden-below-lg", children: "Date" })
+  return t ? /* @__PURE__ */ r(j, {}) : /* @__PURE__ */ o("div", { className: "pvx-card", children: [
+    /* @__PURE__ */ r("div", { className: "pvx-card-header", children: /* @__PURE__ */ r(ee, { segments: h }) }),
+    /* @__PURE__ */ r(ve, { availableTags: b, activeTags: g, onToggle: v, onClear: f }),
+    e != null && e.length ? /* @__PURE__ */ r("div", { className: "pvx-table-scroll", children: /* @__PURE__ */ o("table", { className: "pvx-table", children: [
+      /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ o("tr", { className: "pvx-thead-row", children: [
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-th--narrow", children: "#" }),
+        /* @__PURE__ */ r(T, { label: "Car", sortKey: "carId", config: l, onSort: m }),
+        /* @__PURE__ */ r("th", { className: "pvx-th", children: "Record Holder" }),
+        /* @__PURE__ */ r(T, { label: "Lap Time", sortKey: "lapTimeMs", config: l, onSort: m }),
+        /* @__PURE__ */ r(T, { label: "Drivers", sortKey: "driverCount", config: l, onSort: m, className: "pvx-hidden-below-md" }),
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-hidden-below-lg", children: "Date" })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { className: "pvx-tbody", children: g.map((h, u) => /* @__PURE__ */ l(
+      /* @__PURE__ */ r("tbody", { className: "pvx-tbody", children: N.map((x, y) => /* @__PURE__ */ o(
         "tr",
         {
           className: "pvx-row pvx-row--clickable",
-          onClick: () => i(h.carId),
+          onClick: () => i(x.carId),
           children: [
-            /* @__PURE__ */ e("td", { className: "pvx-td", children: /* @__PURE__ */ e(ve, { rank: u + 1, podium: !0 }) }),
-            /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--primary", children: D(h.carId) }),
-            /* @__PURE__ */ e("td", { className: "pvx-td", children: /* @__PURE__ */ e(Y, { userId: h.steamId || h.userId, getUserDisplay: s }) }),
-            /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--primary pvx-td--mono", children: F(h.lapTimeMs) }),
-            /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--center pvx-hidden-below-md", children: h.driverCount || "-" }),
-            /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--muted pvx-hidden-below-lg", children: h.recordedAt ? E(h.recordedAt) : "-" })
+            /* @__PURE__ */ r("td", { className: "pvx-td", children: /* @__PURE__ */ r(me, { rank: y + 1, podium: !0 }) }),
+            /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--primary", children: S(x.carId) }),
+            /* @__PURE__ */ r("td", { className: "pvx-td", children: /* @__PURE__ */ r(X, { userId: x.steamId || x.userId, getUserDisplay: a }) }),
+            /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--primary pvx-td--mono", children: U(x.lapTimeMs) }),
+            /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--center pvx-hidden-below-md", children: x.driverCount || "-" }),
+            /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--muted pvx-hidden-below-lg", children: x.recordedAt ? A(x.recordedAt) : "-" })
           ]
         },
-        h.carId
+        x.carId
       )) })
-    ] }) }) : /* @__PURE__ */ e(K, { message: "No lap times for this track yet." })
+    ] }) }) : /* @__PURE__ */ r(V, { message: "No lap times for this track yet." })
   ] });
 }
-function et({ entries: t, isLoading: n, track: r, carId: a, getUserDisplay: s, onDriverSelect: i, onNavigate: c }) {
-  const [o, m] = J({ key: "lapTimeMs", dir: "asc" }), d = T(() => he(t), [t]), x = T(() => X(t || [], o, (f, v) => {
-    switch (v) {
+function Br({ entries: e, isLoading: t, track: n, carId: s, getUserDisplay: a, onDriverSelect: i, onNavigate: c }) {
+  const [d, u] = Y({ key: "lapTimeMs", dir: "asc" }), l = k(() => ue(e), [e]), m = k(() => J(e || [], d, (v, f) => {
+    switch (f) {
       case "userId":
-        return s(f.steamId || f.userId).displayName;
+        return a(v.steamId || v.userId).displayName;
       case "lapCount":
-        return f.lapCount || 0;
+        return v.lapCount || 0;
       case "lapTimeMs":
       default:
-        return f.lapTimeMs;
+        return v.lapTimeMs;
     }
-  }), [t, o, s]), N = [
+  }), [e, d, a]), g = [
     { key: "tracks", label: "Tracks", onClick: () => c("tracks") },
-    { key: "track", label: r.displayName, onClick: () => c("track") },
-    { key: "car", label: D(a) }
+    { key: "track", label: n.displayName, onClick: () => c("track") },
+    { key: "car", label: S(s) }
   ];
-  return n ? /* @__PURE__ */ e(H, {}) : /* @__PURE__ */ l("div", { className: "pvx-card", children: [
-    /* @__PURE__ */ e("div", { className: "pvx-card-header", children: /* @__PURE__ */ e(ee, { segments: N }) }),
-    t != null && t.length ? /* @__PURE__ */ e("div", { className: "pvx-table-scroll", children: /* @__PURE__ */ l("table", { className: "pvx-table", children: [
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ l("tr", { className: "pvx-thead-row", children: [
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-th--narrow", children: "#" }),
-        /* @__PURE__ */ e(M, { label: "Driver", sortKey: "userId", config: o, onSort: m }),
-        /* @__PURE__ */ e(M, { label: "Lap Time", sortKey: "lapTimeMs", config: o, onSort: m }),
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-hidden-below-sm", children: "S1" }),
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-hidden-below-sm", children: "S2" }),
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-hidden-below-sm", children: "S3" }),
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-hidden-below-lg", children: "Tyre" }),
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-hidden-below-xl", children: "Fuel" }),
-        /* @__PURE__ */ e(M, { label: "Laps", sortKey: "lapCount", config: o, onSort: m, className: "pvx-hidden-below-lg" }),
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-hidden-below-xl", children: "Date" })
+  return t ? /* @__PURE__ */ r(j, {}) : /* @__PURE__ */ o("div", { className: "pvx-card", children: [
+    /* @__PURE__ */ r("div", { className: "pvx-card-header", children: /* @__PURE__ */ r(ee, { segments: g }) }),
+    e != null && e.length ? /* @__PURE__ */ r("div", { className: "pvx-table-scroll", children: /* @__PURE__ */ o("table", { className: "pvx-table", children: [
+      /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ o("tr", { className: "pvx-thead-row", children: [
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-th--narrow", children: "#" }),
+        /* @__PURE__ */ r(T, { label: "Driver", sortKey: "userId", config: d, onSort: u }),
+        /* @__PURE__ */ r(T, { label: "Lap Time", sortKey: "lapTimeMs", config: d, onSort: u }),
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-hidden-below-sm", children: "S1" }),
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-hidden-below-sm", children: "S2" }),
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-hidden-below-sm", children: "S3" }),
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-hidden-below-lg", children: "Tyre" }),
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-hidden-below-xl", children: "Fuel" }),
+        /* @__PURE__ */ r(T, { label: "Laps", sortKey: "lapCount", config: d, onSort: u, className: "pvx-hidden-below-lg" }),
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-hidden-below-xl", children: "Date" })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { className: "pvx-tbody", children: x.map((f, v) => {
-        const g = v + 1, p = f.steamId || f.userId, h = d && f.sector1Ms === d.s1, u = d && f.sector2Ms === d.s2, y = d && f.sector3Ms === d.s3;
-        return /* @__PURE__ */ l(
+      /* @__PURE__ */ r("tbody", { className: "pvx-tbody", children: m.map((v, f) => {
+        const b = f + 1, p = v.steamId || v.userId, N = l && v.sector1Ms === l.s1, h = l && v.sector2Ms === l.s2, x = l && v.sector3Ms === l.s3;
+        return /* @__PURE__ */ o(
           "tr",
           {
-            className: `pvx-row pvx-row--clickable ${g <= 3 ? "pvx-row--podium" : ""}`,
+            className: `pvx-row pvx-row--clickable ${b <= 3 ? "pvx-row--podium" : ""}`,
             onClick: () => i(p),
             children: [
-              /* @__PURE__ */ e("td", { className: "pvx-td", children: /* @__PURE__ */ e(ve, { rank: g, podium: !0 }) }),
-              /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--primary", children: /* @__PURE__ */ e(Y, { userId: p, getUserDisplay: s }) }),
-              /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--primary pvx-td--mono", children: F(f.lapTimeMs) }),
-              /* @__PURE__ */ e("td", { className: `pvx-td pvx-td--mono pvx-td--sector pvx-hidden-below-sm ${h ? "pvx-td--best-sector" : ""}`, children: A(f.sector1Ms) }),
-              /* @__PURE__ */ e("td", { className: `pvx-td pvx-td--mono pvx-td--sector pvx-hidden-below-sm ${u ? "pvx-td--best-sector" : ""}`, children: A(f.sector2Ms) }),
-              /* @__PURE__ */ e("td", { className: `pvx-td pvx-td--mono pvx-td--sector pvx-hidden-below-sm ${y ? "pvx-td--best-sector" : ""}`, children: A(f.sector3Ms) }),
-              /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--center pvx-hidden-below-lg", title: le(f.tyreCompound), children: f.tyreCompound || "-" }),
-              /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--center pvx-hidden-below-xl", children: f.startingFuelL ? `${f.startingFuelL}L` : "-" }),
-              /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--center pvx-hidden-below-lg", children: f.lapCount || "-" }),
-              /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--muted pvx-hidden-below-xl", children: f.recordedAt ? E(f.recordedAt) : "-" })
+              /* @__PURE__ */ r("td", { className: "pvx-td", children: /* @__PURE__ */ r(me, { rank: b, podium: !0 }) }),
+              /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--primary", children: /* @__PURE__ */ r(X, { userId: p, getUserDisplay: a }) }),
+              /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--primary pvx-td--mono", children: U(v.lapTimeMs) }),
+              /* @__PURE__ */ r("td", { className: `pvx-td pvx-td--mono pvx-td--sector pvx-hidden-below-sm ${N ? "pvx-td--best-sector" : ""}`, children: D(v.sector1Ms) }),
+              /* @__PURE__ */ r("td", { className: `pvx-td pvx-td--mono pvx-td--sector pvx-hidden-below-sm ${h ? "pvx-td--best-sector" : ""}`, children: D(v.sector2Ms) }),
+              /* @__PURE__ */ r("td", { className: `pvx-td pvx-td--mono pvx-td--sector pvx-hidden-below-sm ${x ? "pvx-td--best-sector" : ""}`, children: D(v.sector3Ms) }),
+              /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--center pvx-hidden-below-lg", title: se(v.tyreCompound), children: v.tyreCompound || "-" }),
+              /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--center pvx-hidden-below-xl", children: v.startingFuelL ? `${v.startingFuelL}L` : "-" }),
+              /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--center pvx-hidden-below-lg", children: v.lapCount || "-" }),
+              /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--muted pvx-hidden-below-xl", children: v.recordedAt ? A(v.recordedAt) : "-" })
             ]
           },
           p
         );
       }) })
-    ] }) }) : /* @__PURE__ */ e(K, { message: "No lap times for this car yet." })
+    ] }) }) : /* @__PURE__ */ r(V, { message: "No lap times for this car yet." })
   ] });
 }
-function tt({ userId: t, track: n, carId: r, game: a, gameVersion: s, showInvalid: i, getUserDisplay: c, onToggleInvalid: o, onNavigate: m }) {
-  const { data: d, driverName: x, isLoading: N } = Ae(t, n.id, n.layout, r, { showInvalid: i, game: a, gameVersion: s }), { displayName: f, avatarUrl: v } = c(t, x), g = T(() => he(d, !0), [d]), p = T(() => {
-    const u = (d == null ? void 0 : d.filter((y) => y.isValid)) || [];
-    return u.length ? Math.min(...u.map((y) => y.lapTimeMs)) : null;
-  }, [d]), h = [
-    { key: "tracks", label: "Tracks", onClick: () => m("tracks") },
-    { key: "track", label: n.displayName, onClick: () => m("track") },
-    { key: "car", label: D(r), onClick: () => m("car") },
-    { key: "driver", label: f }
+function Pr({ userId: e, track: t, carId: n, game: s, gameVersion: a, showInvalid: i, getUserDisplay: c, onToggleInvalid: d, onNavigate: u }) {
+  const { data: l, driverName: m, isLoading: g } = $e(e, t.id, t.layout, n, { showInvalid: i, game: s, gameVersion: a }), { displayName: v, avatarUrl: f } = c(e, m), b = k(() => ue(l, !0), [l]), p = k(() => {
+    const h = (l == null ? void 0 : l.filter((x) => x.isValid)) || [];
+    return h.length ? Math.min(...h.map((x) => x.lapTimeMs)) : null;
+  }, [l]), N = [
+    { key: "tracks", label: "Tracks", onClick: () => u("tracks") },
+    { key: "track", label: t.displayName, onClick: () => u("track") },
+    { key: "car", label: S(n), onClick: () => u("car") },
+    { key: "driver", label: v }
   ];
-  return N ? /* @__PURE__ */ e(H, {}) : /* @__PURE__ */ l("div", { className: "pvx-card", children: [
-    /* @__PURE__ */ l("div", { className: "pvx-card-header pvx-card-header--split", children: [
-      /* @__PURE__ */ l("div", { className: "pvx-card-header-left", children: [
-        /* @__PURE__ */ e(ee, { segments: h }),
-        v ? /* @__PURE__ */ e("img", { src: v, alt: "", className: "pvx-driver-avatar pvx-driver-avatar--lg" }) : /* @__PURE__ */ e("span", { className: "pvx-driver-avatar pvx-driver-avatar--lg pvx-driver-avatar--placeholder" })
+  return g ? /* @__PURE__ */ r(j, {}) : /* @__PURE__ */ o("div", { className: "pvx-card", children: [
+    /* @__PURE__ */ o("div", { className: "pvx-card-header pvx-card-header--split", children: [
+      /* @__PURE__ */ o("div", { className: "pvx-card-header-left", children: [
+        /* @__PURE__ */ r(ee, { segments: N }),
+        f ? /* @__PURE__ */ r("img", { src: f, alt: "", className: "pvx-driver-avatar pvx-driver-avatar--lg" }) : /* @__PURE__ */ r("span", { className: "pvx-driver-avatar pvx-driver-avatar--lg pvx-driver-avatar--placeholder" })
       ] }),
-      /* @__PURE__ */ l("label", { className: "pvx-checkbox-label", children: [
-        /* @__PURE__ */ e(
+      /* @__PURE__ */ o("label", { className: "pvx-checkbox-label", children: [
+        /* @__PURE__ */ r(
           "input",
           {
             type: "checkbox",
             checked: i,
-            onChange: o,
+            onChange: d,
             className: "pvx-checkbox"
           }
         ),
-        /* @__PURE__ */ e("span", { children: "Show invalid laps" })
+        /* @__PURE__ */ r("span", { children: "Show invalid laps" })
       ] })
     ] }),
-    d != null && d.length ? /* @__PURE__ */ e("div", { className: "pvx-table-scroll", children: /* @__PURE__ */ l("table", { className: "pvx-table", children: [
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ l("tr", { className: "pvx-thead-row", children: [
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-th--narrow", children: "#" }),
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-hidden-below-md", children: "Lap" }),
-        /* @__PURE__ */ e("th", { className: "pvx-th", children: "Lap Time" }),
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-hidden-below-sm", children: "S1" }),
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-hidden-below-sm", children: "S2" }),
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-hidden-below-sm", children: "S3" }),
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-th--narrow", children: "Valid" }),
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-hidden-below-lg", children: "Tyre" }),
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-hidden-below-lg", children: "Fuel" }),
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-hidden-below-xl", children: "Date" })
+    l != null && l.length ? /* @__PURE__ */ r("div", { className: "pvx-table-scroll", children: /* @__PURE__ */ o("table", { className: "pvx-table", children: [
+      /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ o("tr", { className: "pvx-thead-row", children: [
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-th--narrow", children: "#" }),
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-hidden-below-md", children: "Lap" }),
+        /* @__PURE__ */ r("th", { className: "pvx-th", children: "Lap Time" }),
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-hidden-below-sm", children: "S1" }),
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-hidden-below-sm", children: "S2" }),
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-hidden-below-sm", children: "S3" }),
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-th--narrow", children: "Valid" }),
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-hidden-below-lg", children: "Tyre" }),
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-hidden-below-lg", children: "Fuel" }),
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-hidden-below-xl", children: "Date" })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { className: "pvx-tbody", children: d.map((u, y) => {
-        const C = u.isValid && u.lapTimeMs === p, $ = g && u.isValid && u.sector1Ms === g.s1, _ = g && u.isValid && u.sector2Ms === g.s2, S = g && u.isValid && u.sector3Ms === g.s3;
-        let P = "pvx-row";
-        return u.isValid || (P += " pvx-row--invalid"), C && (P += " pvx-row--personal-best"), /* @__PURE__ */ l("tr", { className: P, children: [
-          /* @__PURE__ */ e("td", { className: "pvx-td", children: /* @__PURE__ */ e("span", { className: `pvx-rank ${C ? "pvx-rank--gold" : ""}`, children: y + 1 }) }),
-          /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--muted pvx-hidden-below-md", children: u.lapNumber || "-" }),
-          /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--primary pvx-td--mono", children: F(u.lapTimeMs) }),
-          /* @__PURE__ */ e("td", { className: `pvx-td pvx-td--mono pvx-td--sector pvx-hidden-below-sm ${$ ? "pvx-td--best-sector" : ""}`, children: A(u.sector1Ms) }),
-          /* @__PURE__ */ e("td", { className: `pvx-td pvx-td--mono pvx-td--sector pvx-hidden-below-sm ${_ ? "pvx-td--best-sector" : ""}`, children: A(u.sector2Ms) }),
-          /* @__PURE__ */ e("td", { className: `pvx-td pvx-td--mono pvx-td--sector pvx-hidden-below-sm ${S ? "pvx-td--best-sector" : ""}`, children: A(u.sector3Ms) }),
-          /* @__PURE__ */ e("td", { className: "pvx-td", title: u.isValid ? void 0 : u.invalidReason || "Invalid", children: u.isValid ? /* @__PURE__ */ e(Ze, {}) : /* @__PURE__ */ e(Je, {}) }),
-          /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--center pvx-hidden-below-lg", title: le(u.tyreCompound), children: u.tyreCompound || "-" }),
-          /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--center pvx-hidden-below-lg", children: u.startingFuelL ? `${u.startingFuelL}L` : "-" }),
-          /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--muted pvx-hidden-below-xl", children: E(u.timestamp) })
-        ] }, u.id);
+      /* @__PURE__ */ r("tbody", { className: "pvx-tbody", children: l.map((h, x) => {
+        const y = h.isValid && h.lapTimeMs === p, R = b && h.isValid && h.sector1Ms === b.s1, $ = b && h.isValid && h.sector2Ms === b.s2, B = b && h.isValid && h.sector3Ms === b.s3;
+        let E = "pvx-row";
+        return h.isValid || (E += " pvx-row--invalid"), y && (E += " pvx-row--personal-best"), /* @__PURE__ */ o("tr", { className: E, children: [
+          /* @__PURE__ */ r("td", { className: "pvx-td", children: /* @__PURE__ */ r("span", { className: `pvx-rank ${y ? "pvx-rank--gold" : ""}`, children: x + 1 }) }),
+          /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--muted pvx-hidden-below-md", children: h.lapNumber || "-" }),
+          /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--primary pvx-td--mono", children: U(h.lapTimeMs) }),
+          /* @__PURE__ */ r("td", { className: `pvx-td pvx-td--mono pvx-td--sector pvx-hidden-below-sm ${R ? "pvx-td--best-sector" : ""}`, children: D(h.sector1Ms) }),
+          /* @__PURE__ */ r("td", { className: `pvx-td pvx-td--mono pvx-td--sector pvx-hidden-below-sm ${$ ? "pvx-td--best-sector" : ""}`, children: D(h.sector2Ms) }),
+          /* @__PURE__ */ r("td", { className: `pvx-td pvx-td--mono pvx-td--sector pvx-hidden-below-sm ${B ? "pvx-td--best-sector" : ""}`, children: D(h.sector3Ms) }),
+          /* @__PURE__ */ r("td", { className: "pvx-td", title: h.isValid ? void 0 : h.invalidReason || "Invalid", children: h.isValid ? /* @__PURE__ */ r(Ae, {}) : /* @__PURE__ */ r(Fe, {}) }),
+          /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--center pvx-hidden-below-lg", title: se(h.tyreCompound), children: h.tyreCompound || "-" }),
+          /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--center pvx-hidden-below-lg", children: h.startingFuelL ? `${h.startingFuelL}L` : "-" }),
+          /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--muted pvx-hidden-below-xl", children: A(h.timestamp) })
+        ] }, h.id);
       }) })
-    ] }) }) : /* @__PURE__ */ e(K, { message: i ? "No laps recorded for this combination." : 'No valid laps. Try enabling "Show invalid laps".' })
+    ] }) }) : /* @__PURE__ */ r(V, { message: i ? "No laps recorded for this combination." : 'No valid laps. Try enabling "Show invalid laps".' })
   ] });
 }
-function Vt({ className: t, defaultGame: n = "evo", title: r = "Leaderboards" }) {
-  const [a, s] = oe(), i = Ue(), c = Fe(), o = a.get("game") || n, m = a.get("version"), d = a.get("track"), x = a.get("car"), N = a.get("driver"), f = a.get("invalid") === "true", {
-    data: v,
-    isLoading: g,
-    generatedAt: p,
-    totalLaps: h,
-    totalUsers: u,
-    versions: y
-  } = Pe({ game: o }), C = y == null ? void 0 : y[o], $ = m || (C == null ? void 0 : C.default) || null, _ = T(() => !v || !$ ? v || [] : v.filter((b) => b.gameVersion === $), [v, $]), S = T(() => {
-    if (!d) return null;
-    const [b, w] = d.split("|");
-    return { id: b, layout: w || null, displayName: j(b, w, o) };
-  }, [d, o]), { data: P, isLoading: te } = ce(
-    S == null ? void 0 : S.id,
-    S == null ? void 0 : S.layout,
-    { carId: x, game: o, gameVersion: $ }
-  );
-  function I(b) {
-    s(b);
-  }
-  function ye(b) {
-    I({ game: b });
-  }
-  function Ce(b) {
-    const w = { game: o };
-    b && b !== (C == null ? void 0 : C.default) && (w.version = b), I(w);
-  }
-  function we(b, w) {
-    const re = { game: o, track: w ? `${b}|${w}` : b };
-    m && (re.version = m), I(re);
-  }
-  function ke(b) {
-    const w = { game: o, track: d };
-    m && (w.version = m), b && (w.car = b), I(w);
-  }
-  function Te(b) {
-    const w = { game: o, track: d, car: x, driver: b };
-    m && (w.version = m), I(w);
-  }
-  function O(b) {
-    const w = { game: o };
-    m && (w.version = m), (b === "track" || b === "car") && (w.track = d), b === "car" && (w.car = x), I(w);
-  }
-  function Se() {
-    const b = { game: o, track: d, car: x, driver: N };
-    m && (b.version = m), f || (b.invalid = "true"), I(b);
-  }
-  const Le = () => S && x && N ? /* @__PURE__ */ e(
-    tt,
-    {
-      userId: N,
-      track: S,
-      carId: x,
-      game: o,
-      gameVersion: $,
-      showInvalid: f,
-      getUserDisplay: i,
-      onToggleInvalid: Se,
-      onNavigate: O
-    }
-  ) : S && x ? /* @__PURE__ */ e(
-    et,
-    {
-      entries: P || [],
-      isLoading: te,
-      track: S,
-      carId: x,
-      getUserDisplay: i,
-      onDriverSelect: Te,
-      onNavigate: O
-    }
-  ) : S ? /* @__PURE__ */ e(
-    Ye,
-    {
-      entries: P || [],
-      isLoading: te,
-      track: S,
-      carMetadata: c,
-      getUserDisplay: i,
-      onCarSelect: ke,
-      onNavigate: O
-    }
-  ) : /* @__PURE__ */ e(
-    Xe,
-    {
-      tracks: _,
-      isLoading: g,
-      carMetadata: c,
-      getUserDisplay: i,
-      onTrackSelect: we
-    }
-  );
-  return /* @__PURE__ */ l("div", { className: `pvx-leaderboard-explorer ${t || ""}`, children: [
-    /* @__PURE__ */ l("div", { className: "pvx-explorer-header", children: [
-      /* @__PURE__ */ e("h1", { className: "pvx-explorer-title", children: r }),
-      /* @__PURE__ */ l("div", { className: "pvx-explorer-stats", children: [
-        h > 0 && /* @__PURE__ */ l("span", { children: [
-          h.toLocaleString(),
-          " laps"
-        ] }),
-        h > 0 && u > 0 && /* @__PURE__ */ e("span", { className: "pvx-explorer-stats-sep", children: "|" }),
-        u > 0 && /* @__PURE__ */ l("span", { children: [
-          u.toLocaleString(),
-          " drivers"
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ l("div", { className: "pvx-explorer-controls", children: [
-      /* @__PURE__ */ e("div", { className: "pvx-game-tabs", children: ["evo", "acc"].map((b) => /* @__PURE__ */ e(
-        "button",
-        {
-          onClick: () => ye(b),
-          className: `pvx-game-tab ${o === b ? "pvx-game-tab--active" : ""}`,
-          children: b === "evo" ? "AC EVO" : "ACC"
-        },
-        b
-      )) }),
-      C && /* @__PURE__ */ e(
-        "select",
-        {
-          value: $ || "",
-          onChange: (b) => Ce(b.target.value),
-          className: "pvx-version-select",
-          children: C.available.slice().reverse().map((b) => /* @__PURE__ */ l("option", { value: b, children: [
-            "v",
-            b,
-            b === C.default ? " (Latest)" : ""
-          ] }, b))
-        }
-      )
-    ] }),
-    Le(),
-    p && /* @__PURE__ */ l("p", { className: "pvx-data-timestamp", children: [
-      "Data updated: ",
-      new Date(p).toLocaleString()
-    ] })
-  ] });
-}
-const rt = {
+const Ee = {
   GBR: "🇬🇧",
   DEU: "🇩🇪",
   NLD: "🇳🇱",
@@ -925,811 +812,1118 @@ const rt = {
   RUS: "🇷🇺",
   TUR: "🇹🇷",
   KOR: "🇰🇷"
-}, nt = {
+}, _e = ["🥇", "🥈", "🥉"], qe = {
   championship: "Championship",
   series: "Series",
   event: "Event"
-}, ne = ["PRACTICE", "QUALIFYING", "RACE"];
-function ge({ position: t }) {
-  return /* @__PURE__ */ e("span", { className: t === 1 ? "pvx-rank pvx-rank--gold" : t === 2 ? "pvx-rank pvx-rank--silver" : t === 3 ? "pvx-rank pvx-rank--bronze" : "pvx-rank", children: t });
-}
-function fe({ nation: t }) {
-  const n = t && rt[t];
-  return n ? /* @__PURE__ */ e("span", { className: "pvx-nation-flag", title: t, children: n }) : null;
-}
-function at({ sessions: t, activeSession: n, onSelect: r }) {
-  if (!t || t.length <= 1) return null;
-  const a = [...t].sort(
-    (s, i) => ne.indexOf(s.type) - ne.indexOf(i.type)
+}, re = ["PRACTICE", "QUALIFYING", "RACE"];
+function he({ position: e }) {
+  return /* @__PURE__ */ r("span", { className: e === 1 ? "pvx-rank pvx-rank--gold" : e === 2 ? "pvx-rank pvx-rank--silver" : e === 3 ? "pvx-rank pvx-rank--bronze" : "pvx-rank", children: e });
+}
+function xe({ nation: e }) {
+  const t = e && Ee[e];
+  return t ? /* @__PURE__ */ r("span", { className: "pvx-nation-flag", title: e, children: t }) : null;
+}
+function Ve({ sessions: e, activeSession: t, onSelect: n }) {
+  if (!e || e.length <= 1) return null;
+  const s = [...e].sort(
+    (a, i) => re.indexOf(a.type) - re.indexOf(i.type)
   );
-  return /* @__PURE__ */ e("div", { className: "pvx-session-tabs", children: a.map((s) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ r("div", { className: "pvx-session-tabs", children: s.map((a) => /* @__PURE__ */ r(
     "button",
     {
-      onClick: () => r(s.type),
-      className: `pvx-session-tab ${n === s.type ? "pvx-session-tab--active" : ""}`,
-      children: s.type
+      onClick: () => n(a.type),
+      className: `pvx-session-tab ${t === a.type ? "pvx-session-tab--active" : ""}`,
+      children: a.type
     },
-    s.type
+    a.type
   )) });
 }
-function Ne({ type: t }) {
-  return /* @__PURE__ */ e("span", { className: `pvx-comp-badge pvx-comp-badge--${t}`, children: nt[t] || t });
-}
-function U({ children: t, variant: n = "default" }) {
-  return /* @__PURE__ */ e("span", { className: `pvx-info-pill ${n !== "default" ? `pvx-info-pill--${n}` : ""}`, children: t });
-}
-function be(t) {
-  if (!t) return "TBD";
-  const n = new Date(t);
-  if (isNaN(n)) return "TBD";
-  const r = n.toLocaleDateString("en-GB", { weekday: "short", day: "numeric", month: "short" }), a = n.toLocaleTimeString("en-GB", { hour: "2-digit", minute: "2-digit" });
-  return `${r} • ${a}`;
-}
-function st(t) {
-  return t.reduce((n, r) => {
-    var a;
-    return (a = r.splits) != null && a.length ? n ? n.map((s, i) => {
-      const c = r.splits[i];
-      return c && c < s ? c : s;
-    }) : [...r.splits] : n;
+function je({ type: e }) {
+  return /* @__PURE__ */ r("span", { className: `pvx-comp-badge pvx-comp-badge--${e}`, children: qe[e] || e });
+}
+function H({ children: e, variant: t = "default" }) {
+  return /* @__PURE__ */ r("span", { className: `pvx-info-pill ${t !== "default" ? `pvx-info-pill--${t}` : ""}`, children: e });
+}
+function Ke(e) {
+  if (!e) return "TBD";
+  const t = new Date(e);
+  if (isNaN(t)) return "TBD";
+  const n = t.toLocaleDateString("en-GB", { weekday: "short", day: "numeric", month: "short" }), s = t.toLocaleTimeString("en-GB", { hour: "2-digit", minute: "2-digit" });
+  return `${n} • ${s}`;
+}
+function He(e) {
+  return e.reduce((t, n) => {
+    var s;
+    return (s = n.splits) != null && s.length ? t ? t.map((a, i) => {
+      const c = n.splits[i];
+      return c && c < a ? c : a;
+    }) : [...n.splits] : t;
   }, null);
 }
-function V({ message: t = "Loading..." }) {
-  return /* @__PURE__ */ e("div", { className: "pvx-loading", children: t });
+function F({ message: e = "Loading..." }) {
+  return /* @__PURE__ */ r("div", { className: "pvx-loading", children: e });
 }
-function B({ message: t = "No data available." }) {
-  return /* @__PURE__ */ e("div", { className: "pvx-empty", children: /* @__PURE__ */ e("p", { children: t }) });
+function I({ message: e = "No data available." }) {
+  return /* @__PURE__ */ r("div", { className: "pvx-empty", children: /* @__PURE__ */ r("p", { children: e }) });
 }
-function it({ competitions: t, isLoading: n, onSelect: r, className: a }) {
-  return n ? /* @__PURE__ */ e(V, { message: "Loading competitions..." }) : t != null && t.length ? /* @__PURE__ */ e("div", { className: `pvx-comp-grid ${a || ""}`, children: t.map((s) => /* @__PURE__ */ e(ot, { comp: s, onSelect: r }, s.id)) }) : /* @__PURE__ */ e(B, { message: "No competitions available." });
+function Ur({ competitions: e, isLoading: t, onSelect: n, onRegister: s, className: a }) {
+  return t ? /* @__PURE__ */ r(F, { message: "Loading competitions..." }) : e != null && e.length ? /* @__PURE__ */ r("div", { className: `pvx-comp-grid ${a || ""}`, children: e.map((i) => /* @__PURE__ */ r(Oe, { comp: i, onSelect: n, onRegister: s || n }, i.id)) }) : /* @__PURE__ */ r(I, { message: "No competitions available." });
 }
-function ot({ comp: t, onSelect: n }) {
-  var g, p, h;
-  const { cdnUrl: r } = k(), a = t.posterCdnPath ? `${r}/${t.posterCdnPath}` : null, s = t.registration, i = (s == null ? void 0 : s.currentCount) || 0, c = s == null ? void 0 : s.maxParticipants, o = c && i >= c, m = (s == null ? void 0 : s.deadline) && new Date(s.deadline) < /* @__PURE__ */ new Date(), d = (s == null ? void 0 : s.isOpen) && !m && !o, x = /* @__PURE__ */ new Date(), N = (g = t.rounds) == null ? void 0 : g.find((u) => u.startTime && new Date(u.startTime) >= x), f = ((p = t.rounds) == null ? void 0 : p.length) || 0, v = ((h = t.rounds) == null ? void 0 : h.filter((u) => u.isFinalized).length) || 0;
-  return /* @__PURE__ */ l(
+function Oe({ comp: e, onSelect: t, onRegister: n }) {
+  var p, N, h;
+  const { cdnUrl: s } = w(), a = e.posterCdnPath ? `${s}/${e.posterCdnPath}` : null, i = e.registration, c = (i == null ? void 0 : i.currentCount) || 0, d = i == null ? void 0 : i.maxParticipants, u = d && c >= d, l = (i == null ? void 0 : i.deadline) && new Date(i.deadline) < /* @__PURE__ */ new Date(), m = (i == null ? void 0 : i.isOpen) && !l && !u, g = /* @__PURE__ */ new Date(), v = (p = e.rounds) == null ? void 0 : p.find((x) => x.startTime && new Date(x.startTime) >= g), f = ((N = e.rounds) == null ? void 0 : N.length) || 0, b = ((h = e.rounds) == null ? void 0 : h.filter((x) => x.isFinalized).length) || 0;
+  return /* @__PURE__ */ o(
     "div",
     {
       className: "pvx-comp-card",
-      onClick: () => n(t.id),
+      onClick: () => t(e.id),
       role: "button",
       tabIndex: 0,
-      onKeyDown: (u) => {
-        (u.key === "Enter" || u.key === " ") && (u.preventDefault(), n(t.id));
+      onKeyDown: (x) => {
+        (x.key === "Enter" || x.key === " ") && (x.preventDefault(), t(e.id));
       },
       children: [
-        /* @__PURE__ */ e("div", { className: "pvx-comp-card-poster", children: a ? /* @__PURE__ */ e("img", { src: a, alt: t.name, className: "pvx-comp-card-poster-img" }) : /* @__PURE__ */ e("div", { className: "pvx-comp-card-poster-placeholder", children: /* @__PURE__ */ e(lt, {}) }) }),
-        /* @__PURE__ */ l("div", { className: "pvx-comp-card-body", children: [
-          /* @__PURE__ */ e("h3", { className: "pvx-comp-card-title", children: t.name }),
-          t.description && /* @__PURE__ */ e("p", { className: "pvx-comp-card-desc", children: t.description }),
-          /* @__PURE__ */ l("div", { className: "pvx-comp-card-pills", children: [
-            /* @__PURE__ */ e(Ne, { type: t.type }),
-            t.game && /* @__PURE__ */ e(U, { children: t.game.toUpperCase() }),
-            t.formatDescription && t.formatDescription.split(", ").map((u, y) => /* @__PURE__ */ e(U, { variant: "format", children: u }, y))
+        /* @__PURE__ */ r("div", { className: "pvx-comp-card-poster", children: a ? /* @__PURE__ */ r("img", { src: a, alt: e.name, className: "pvx-comp-card-poster-img" }) : /* @__PURE__ */ r("div", { className: "pvx-comp-card-poster-placeholder", children: /* @__PURE__ */ r(Ge, {}) }) }),
+        /* @__PURE__ */ o("div", { className: "pvx-comp-card-body", children: [
+          /* @__PURE__ */ r("h3", { className: "pvx-comp-card-title", children: e.name }),
+          e.description && /* @__PURE__ */ r("p", { className: "pvx-comp-card-desc", children: e.description }),
+          /* @__PURE__ */ o("div", { className: "pvx-comp-card-pills", children: [
+            /* @__PURE__ */ r(je, { type: e.type }),
+            e.game && /* @__PURE__ */ r(H, { children: e.game.toUpperCase() }),
+            e.formatDescription && e.formatDescription.split(", ").map((x, y) => /* @__PURE__ */ r(H, { variant: "format", children: x }, y))
           ] }),
-          t.carsDescription && /* @__PURE__ */ e("div", { className: "pvx-comp-card-pills", children: t.carsDescription.split(", ").map((u, y) => /* @__PURE__ */ e(U, { children: u }, y)) }),
-          /* @__PURE__ */ l("div", { className: "pvx-comp-card-schedule", children: [
-            N ? /* @__PURE__ */ l("span", { className: "pvx-comp-card-schedule-next", children: [
-              /* @__PURE__ */ e("span", { className: "pvx-comp-card-schedule-label", children: "Next:" }),
+          e.carsDescription && /* @__PURE__ */ r("div", { className: "pvx-comp-card-pills", children: e.carsDescription.split(", ").map((x, y) => /* @__PURE__ */ r(H, { children: x }, y)) }),
+          /* @__PURE__ */ o("div", { className: "pvx-comp-card-schedule", children: [
+            v ? /* @__PURE__ */ o("span", { className: "pvx-comp-card-schedule-next", children: [
+              /* @__PURE__ */ r("span", { className: "pvx-comp-card-schedule-label", children: "Next:" }),
               " ",
               "R",
-              N.roundNumber,
+              v.roundNumber,
               " ",
-              N.track || "TBD",
+              v.track || "TBD",
               " — ",
-              be(N.startTime)
-            ] }) : f > 0 ? /* @__PURE__ */ l("span", { className: "pvx-comp-card-schedule-next", children: [
-              v,
+              Ke(v.startTime)
+            ] }) : f > 0 ? /* @__PURE__ */ o("span", { className: "pvx-comp-card-schedule-next", children: [
+              b,
               "/",
               f,
               " rounds completed"
             ] }) : null,
-            f > 0 && /* @__PURE__ */ l("span", { className: "pvx-comp-card-round-count", children: [
+            f > 0 && /* @__PURE__ */ o("span", { className: "pvx-comp-card-round-count", children: [
               f,
               " round",
               f !== 1 ? "s" : ""
             ] })
           ] }),
-          s && /* @__PURE__ */ l("div", { className: "pvx-comp-card-reg", children: [
-            /* @__PURE__ */ e("span", { className: `pvx-comp-reg-badge ${d ? "pvx-comp-reg-badge--open" : o ? "pvx-comp-reg-badge--full" : "pvx-comp-reg-badge--closed"}`, children: d ? "Registration Open" : o ? "Full" : "Registration Closed" }),
-            /* @__PURE__ */ l("span", { className: "pvx-comp-reg-count", children: [
-              i,
-              "/",
-              c || "∞",
-              " drivers"
-            ] })
-          ] })
+          i && /* @__PURE__ */ r(
+            We,
+            {
+              competitionId: e.id,
+              regOpen: m,
+              isFull: u,
+              deadlinePassed: l,
+              regCount: c,
+              regMax: d,
+              onRegister: n
+            }
+          )
         ] })
       ]
     }
   );
 }
-function lt() {
-  return /* @__PURE__ */ l("svg", { className: "pvx-comp-trophy-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ e("path", { d: "M6 9H4.5a2.5 2.5 0 0 1 0-5H6" }),
-    /* @__PURE__ */ e("path", { d: "M18 9h1.5a2.5 2.5 0 0 0 0-5H18" }),
-    /* @__PURE__ */ e("path", { d: "M4 22h16" }),
-    /* @__PURE__ */ e("path", { d: "M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22" }),
-    /* @__PURE__ */ e("path", { d: "M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22" }),
-    /* @__PURE__ */ e("path", { d: "M18 2H6v7a6 6 0 0 0 12 0V2Z" })
+function We({ competitionId: e, regOpen: t, isFull: n, deadlinePassed: s, regCount: a, regMax: i, onRegister: c }) {
+  const { isPowerMode: d } = Q(), u = Z(e), { data: l } = z(e), m = (l == null ? void 0 : l.isRegistered) || !1, g = i ? a / i * 100 : 0, v = g >= 100 ? "full" : g >= 75 ? "warning" : "ok";
+  return /* @__PURE__ */ o("div", { className: "pvx-comp-card-reg", children: [
+    /* @__PURE__ */ r("div", { className: "pvx-comp-card-reg-info", children: /* @__PURE__ */ o("span", { className: `pvx-reg-capacity pvx-reg-capacity--${v}`, children: [
+      a,
+      "/",
+      i || "∞",
+      " drivers"
+    ] }) }),
+    /* @__PURE__ */ r("div", { className: "pvx-comp-card-reg-action", children: m ? /* @__PURE__ */ r(
+      "button",
+      {
+        className: "pvx-comp-card-reg-btn pvx-comp-card-reg-btn--registered",
+        onClick: (f) => {
+          f.stopPropagation(), c(e);
+        },
+        children: "✓ Registered"
+      }
+    ) : t ? d ? /* @__PURE__ */ r(
+      "button",
+      {
+        className: "pvx-comp-card-reg-btn pvx-comp-card-reg-btn--open",
+        onClick: (f) => {
+          f.stopPropagation(), c(e);
+        },
+        children: "Register"
+      }
+    ) : /* @__PURE__ */ r(
+      "a",
+      {
+        href: u,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "pvx-comp-card-reg-btn pvx-comp-card-reg-btn--open",
+        onClick: (f) => f.stopPropagation(),
+        children: "Register"
+      }
+    ) : /* @__PURE__ */ r("span", { className: "pvx-comp-card-reg-btn pvx-comp-card-reg-btn--closed", children: n ? "Full" : "Closed" }) })
   ] });
 }
-function ct({ competitionId: t, className: n }) {
-  var o, m;
-  const { data: r, isLoading: a } = Ve(t), { data: s, isLoading: i } = de(t);
-  if (a || i)
-    return /* @__PURE__ */ e(V, { message: "Loading standings..." });
-  if (!((o = r == null ? void 0 : r.standings) != null && o.length))
-    return /* @__PURE__ */ e(B, { message: "No standings data yet. Results will appear once rounds are finalised." });
-  const c = ((m = s == null ? void 0 : s.rounds) == null ? void 0 : m.filter((d) => d.isFinalized)) || [];
-  return /* @__PURE__ */ l("div", { className: `pvx-card ${n || ""}`, children: [
-    /* @__PURE__ */ e("div", { className: "pvx-card-header--split", children: /* @__PURE__ */ l("div", { className: "pvx-card-header-left", children: [
-      /* @__PURE__ */ e("h3", { className: "pvx-card-title", children: "Championship Standings" }),
-      /* @__PURE__ */ l("span", { className: "pvx-standings-subtitle", children: [
+function Ge() {
+  return /* @__PURE__ */ o("svg", { className: "pvx-comp-trophy-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ r("path", { d: "M6 9H4.5a2.5 2.5 0 0 1 0-5H6" }),
+    /* @__PURE__ */ r("path", { d: "M18 9h1.5a2.5 2.5 0 0 0 0-5H18" }),
+    /* @__PURE__ */ r("path", { d: "M4 22h16" }),
+    /* @__PURE__ */ r("path", { d: "M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22" }),
+    /* @__PURE__ */ r("path", { d: "M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22" }),
+    /* @__PURE__ */ r("path", { d: "M18 2H6v7a6 6 0 0 0 12 0V2Z" })
+  ] });
+}
+function Ar({ competitionId: e, className: t }) {
+  var d, u;
+  const { data: n, isLoading: s } = De(e), { data: a, isLoading: i } = Me(e);
+  if (s || i)
+    return /* @__PURE__ */ r(F, { message: "Loading standings..." });
+  if (!((d = n == null ? void 0 : n.standings) != null && d.length))
+    return /* @__PURE__ */ r(I, { message: "No standings data yet. Results will appear once rounds are finalised." });
+  const c = ((u = a == null ? void 0 : a.rounds) == null ? void 0 : u.filter((l) => l.isFinalized)) || [];
+  return /* @__PURE__ */ o("div", { className: `pvx-card ${t || ""}`, children: [
+    /* @__PURE__ */ r("div", { className: "pvx-card-header--split", children: /* @__PURE__ */ o("div", { className: "pvx-card-header-left", children: [
+      /* @__PURE__ */ r("h3", { className: "pvx-card-title", children: "Championship Standings" }),
+      /* @__PURE__ */ o("span", { className: "pvx-standings-subtitle", children: [
         "After ",
-        r.roundsCompleted,
+        n.roundsCompleted,
         " round",
-        r.roundsCompleted !== 1 ? "s" : "",
-        r.countingRounds > 0 && ` (best ${r.countingRounds} count)`
+        n.roundsCompleted !== 1 ? "s" : "",
+        n.countingRounds > 0 && ` (best ${n.countingRounds} count)`
       ] })
     ] }) }),
-    /* @__PURE__ */ e("div", { className: "pvx-table-scroll", children: /* @__PURE__ */ l("table", { className: "pvx-table", children: [
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ l("tr", { className: "pvx-thead-row", children: [
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-th--narrow", children: "Pos" }),
-        /* @__PURE__ */ e("th", { className: "pvx-th", children: "Driver" }),
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-th--center pvx-hidden-below-sm", children: "W" }),
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-th--center pvx-hidden-below-sm", children: "Pod" }),
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-th--center", children: "Points" }),
-        c.map((d) => /* @__PURE__ */ l(
+    /* @__PURE__ */ r("div", { className: "pvx-table-scroll", children: /* @__PURE__ */ o("table", { className: "pvx-table", children: [
+      /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ o("tr", { className: "pvx-thead-row", children: [
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-th--narrow", children: "Pos" }),
+        /* @__PURE__ */ r("th", { className: "pvx-th", children: "Driver" }),
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-th--center pvx-hidden-below-sm", children: "W" }),
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-th--center pvx-hidden-below-sm", children: "Pod" }),
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-th--center", children: "Points" }),
+        c.map((l) => /* @__PURE__ */ o(
           "th",
           {
             className: "pvx-th pvx-th--center pvx-hidden-below-md",
-            title: d.track || `Round ${d.roundNumber}`,
+            title: l.track || `Round ${l.roundNumber}`,
             children: [
               "R",
-              d.roundNumber
+              l.roundNumber
             ]
           },
-          d.roundNumber
+          l.roundNumber
         ))
       ] }) }),
-      /* @__PURE__ */ e("tbody", { className: "pvx-tbody", children: r.standings.map((d) => /* @__PURE__ */ e(
-        dt,
+      /* @__PURE__ */ r("tbody", { className: "pvx-tbody", children: n.standings.map((l) => /* @__PURE__ */ r(
+        ze,
         {
-          driver: d,
+          driver: l,
           finalizedRounds: c
         },
-        d.driverId || d.driverName
+        l.driverId || l.driverName
       )) })
     ] }) })
   ] });
 }
-function dt({ driver: t, finalizedRounds: n }) {
-  var c, o, m;
-  const r = t.position <= 3, a = new Map(
-    ((c = t.roundResults) == null ? void 0 : c.map((d) => [d.roundNumber, d])) || []
-  ), s = ((o = t.roundResults) == null ? void 0 : o.filter((d) => d.position === 1).length) || 0, i = ((m = t.roundResults) == null ? void 0 : m.filter((d) => d.position <= 3).length) || 0;
-  return /* @__PURE__ */ l("tr", { className: `pvx-row ${r ? "pvx-row--podium" : ""}`, children: [
-    /* @__PURE__ */ e("td", { className: "pvx-td", children: /* @__PURE__ */ e(ge, { position: t.position }) }),
-    /* @__PURE__ */ l("td", { className: "pvx-td pvx-td--primary", children: [
-      /* @__PURE__ */ e(fe, { nation: t.nation }),
-      t.driverName
+function ze({ driver: e, finalizedRounds: t }) {
+  var c, d, u;
+  const n = e.position <= 3, s = new Map(
+    ((c = e.roundResults) == null ? void 0 : c.map((l) => [l.roundNumber, l])) || []
+  ), a = ((d = e.roundResults) == null ? void 0 : d.filter((l) => l.position === 1).length) || 0, i = ((u = e.roundResults) == null ? void 0 : u.filter((l) => l.position <= 3).length) || 0;
+  return /* @__PURE__ */ o("tr", { className: `pvx-row ${n ? "pvx-row--podium" : ""}`, children: [
+    /* @__PURE__ */ r("td", { className: "pvx-td", children: /* @__PURE__ */ r(he, { position: e.position }) }),
+    /* @__PURE__ */ o("td", { className: "pvx-td pvx-td--primary", children: [
+      /* @__PURE__ */ r(xe, { nation: e.nation }),
+      e.driverName
     ] }),
-    /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--center pvx-hidden-below-sm", children: s || "-" }),
-    /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--center pvx-hidden-below-sm", children: i || "-" }),
-    /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--center pvx-standings-total", children: t.totalPoints }),
-    n.map((d) => {
-      const x = a.get(d.roundNumber), N = x == null ? void 0 : x.dropped;
-      return /* @__PURE__ */ e(
+    /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--center pvx-hidden-below-sm", children: a || "-" }),
+    /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--center pvx-hidden-below-sm", children: i || "-" }),
+    /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--center pvx-standings-total", children: e.totalPoints }),
+    t.map((l) => {
+      const m = s.get(l.roundNumber), g = m == null ? void 0 : m.dropped;
+      return /* @__PURE__ */ r(
         "td",
         {
-          className: `pvx-td pvx-td--center pvx-hidden-below-md ${!N && (x == null ? void 0 : x.position) <= 3 ? "pvx-standings-cell--podium" : ""}`,
-          children: x ? /* @__PURE__ */ l("div", { className: `pvx-standings-round-cell ${N ? "pvx-standings-round-cell--dropped" : ""}`, children: [
-            /* @__PURE__ */ l("span", { className: "pvx-standings-round-pos", children: [
+          className: `pvx-td pvx-td--center pvx-hidden-below-md ${!g && (m == null ? void 0 : m.position) <= 3 ? "pvx-standings-cell--podium" : ""}`,
+          children: m ? /* @__PURE__ */ o("div", { className: `pvx-standings-round-cell ${g ? "pvx-standings-round-cell--dropped" : ""}`, children: [
+            /* @__PURE__ */ o("span", { className: "pvx-standings-round-pos", children: [
               "P",
-              x.position
+              m.position
             ] }),
-            /* @__PURE__ */ e("span", { className: "pvx-standings-round-pts", children: x.points })
-          ] }) : /* @__PURE__ */ e("span", { className: "pvx-td--muted", children: "-" })
+            /* @__PURE__ */ r("span", { className: "pvx-standings-round-pts", children: m.points })
+          ] }) : /* @__PURE__ */ r("span", { className: "pvx-td--muted", children: "-" })
         },
-        d.roundNumber
+        l.roundNumber
       );
     })
   ] });
 }
-function pt({ competitionId: t, roundNumber: n, className: r }) {
-  var x, N;
-  const { data: a, isLoading: s } = _e(t, n), [i, c] = q(null);
-  if (s)
-    return /* @__PURE__ */ e(V, { message: "Loading results..." });
-  if (!a)
-    return /* @__PURE__ */ e(B, { message: "No results for this round." });
-  const o = a.sessions || [];
-  if (!o.length)
-    return /* @__PURE__ */ e(B, { message: "No session data for this round." });
-  const m = i || ((x = o.find((f) => f.type === "RACE")) == null ? void 0 : x.type) || ((N = o[0]) == null ? void 0 : N.type), d = o.find((f) => f.type === m) || o[0];
-  return /* @__PURE__ */ l("div", { className: `pvx-round-results ${r || ""}`, children: [
-    /* @__PURE__ */ l("div", { className: "pvx-round-results-header", children: [
-      /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ l("h4", { className: "pvx-round-results-title", children: [
+function Fr({ competitionId: e, roundNumber: t, className: n }) {
+  var u;
+  const { data: s, isLoading: a } = Ie(e, t);
+  if (a)
+    return /* @__PURE__ */ r(F, { message: "Loading results..." });
+  if (!s)
+    return /* @__PURE__ */ r(I, { message: "No results for this round." });
+  const c = (s.sessions || []).find((l) => l.type === "RACE"), d = (u = c == null ? void 0 : c.results) == null ? void 0 : u.filter((l) => l.position <= 3).sort((l, m) => l.position - m.position);
+  return /* @__PURE__ */ o("div", { className: `pvx-round-results ${n || ""}`, children: [
+    /* @__PURE__ */ o("div", { className: "pvx-round-results-header", children: [
+      /* @__PURE__ */ o("div", { children: [
+        /* @__PURE__ */ o("h4", { className: "pvx-round-results-title", children: [
           "Round ",
-          a.roundNumber,
-          a.track ? `: ${a.track}` : ""
+          s.roundNumber,
+          s.track ? `: ${s.track}` : ""
         ] }),
-        a.startTime && /* @__PURE__ */ e("p", { className: "pvx-round-results-date", children: new Date(a.startTime).toLocaleDateString("en-GB", {
+        s.startTime && /* @__PURE__ */ r("p", { className: "pvx-round-results-date", children: new Date(s.startTime).toLocaleDateString("en-GB", {
           day: "numeric",
           month: "long",
           year: "numeric"
         }) })
       ] }),
-      /* @__PURE__ */ e(ut, { sessions: o })
+      (d == null ? void 0 : d.length) > 0 && /* @__PURE__ */ r("div", { className: "pvx-round-podium-summary", children: d.map((l) => /* @__PURE__ */ o("span", { className: "pvx-round-podium-item", children: [
+        /* @__PURE__ */ r("span", { children: _e[l.position - 1] }),
+        /* @__PURE__ */ r("span", { children: l.driverName })
+      ] }, l.driverId)) })
     ] }),
-    /* @__PURE__ */ e(
-      at,
+    /* @__PURE__ */ r(Qe, { round: s })
+  ] });
+}
+function Qe({ round: e, className: t }) {
+  var d, u;
+  const [n, s] = M(null), a = (e == null ? void 0 : e.sessions) || [];
+  if (!a.length)
+    return /* @__PURE__ */ r(I, { message: "No session data for this round." });
+  const i = n || ((d = a.find((l) => l.type === "RACE")) == null ? void 0 : d.type) || ((u = a[0]) == null ? void 0 : u.type), c = a.find((l) => l.type === i) || a[0];
+  return /* @__PURE__ */ o("div", { className: t || "", children: [
+    /* @__PURE__ */ r(
+      Ve,
       {
-        sessions: o,
-        activeSession: m,
-        onSelect: c
+        sessions: a,
+        activeSession: i,
+        onSelect: s
       }
     ),
-    /* @__PURE__ */ e(mt, { session: d })
+    /* @__PURE__ */ r(Ze, { session: c })
   ] });
 }
-function ut({ sessions: t }) {
+function Ze({ session: e }) {
   var s;
-  const n = t.find((i) => i.type === "RACE"), r = (s = n == null ? void 0 : n.results) == null ? void 0 : s.filter((i) => i.position <= 3).sort((i, c) => i.position - c.position);
-  if (!(r != null && r.length)) return null;
-  const a = ["🥇", "🥈", "🥉"];
-  return /* @__PURE__ */ e("div", { className: "pvx-round-podium-summary", children: r.map((i) => /* @__PURE__ */ l("span", { className: "pvx-round-podium-item", children: [
-    /* @__PURE__ */ e("span", { children: a[i.position - 1] }),
-    /* @__PURE__ */ e("span", { children: i.driverName })
-  ] }, i.driverId)) });
-}
-function mt({ session: t }) {
-  var a;
-  const n = t.type === "RACE";
-  if (!((a = t.results) != null && a.length))
-    return /* @__PURE__ */ e(B, { message: `No results for ${t.type}.` });
-  const r = st(t.results);
-  return /* @__PURE__ */ e("div", { className: "pvx-table-scroll", children: /* @__PURE__ */ l("table", { className: "pvx-table", children: [
-    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ l("tr", { className: "pvx-thead-row", children: [
-      /* @__PURE__ */ e("th", { className: "pvx-th pvx-th--narrow", children: "Pos" }),
-      /* @__PURE__ */ e("th", { className: "pvx-th", children: "Driver" }),
-      /* @__PURE__ */ e("th", { className: "pvx-th pvx-hidden-below-sm", children: "Car" }),
-      /* @__PURE__ */ e("th", { className: "pvx-th", children: "Best Lap" }),
-      n && /* @__PURE__ */ l(Q, { children: [
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-hidden-below-sm", children: "Laps" }),
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-hidden-below-sm", children: "Time / Gap" }),
-        /* @__PURE__ */ e("th", { className: "pvx-th pvx-th--center", children: "Points" })
+  const t = e.type === "RACE";
+  if (!((s = e.results) != null && s.length))
+    return /* @__PURE__ */ r(I, { message: `No results for ${e.type}.` });
+  const n = He(e.results);
+  return /* @__PURE__ */ r("div", { className: "pvx-table-scroll", children: /* @__PURE__ */ o("table", { className: "pvx-table", children: [
+    /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ o("tr", { className: "pvx-thead-row", children: [
+      /* @__PURE__ */ r("th", { className: "pvx-th pvx-th--narrow", children: "Pos" }),
+      /* @__PURE__ */ r("th", { className: "pvx-th", children: "Driver" }),
+      /* @__PURE__ */ r("th", { className: "pvx-th pvx-hidden-below-sm", children: "Car" }),
+      /* @__PURE__ */ r("th", { className: "pvx-th", children: "Best Lap" }),
+      t && /* @__PURE__ */ o(G, { children: [
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-hidden-below-sm", children: "Laps" }),
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-hidden-below-sm", children: "Time / Gap" }),
+        /* @__PURE__ */ r("th", { className: "pvx-th pvx-th--center", children: "Points" })
       ] })
     ] }) }),
-    /* @__PURE__ */ e("tbody", { className: "pvx-tbody", children: t.results.map((s, i) => /* @__PURE__ */ e(
-      ht,
+    /* @__PURE__ */ r("tbody", { className: "pvx-tbody", children: e.results.map((a, i) => /* @__PURE__ */ r(
+      Ye,
       {
-        result: s,
-        isRace: n,
-        fastestSplits: r,
+        result: a,
+        isRace: t,
+        fastestSplits: n,
         rowIndex: i
       },
-      s.driverId || i
+      a.driverId || i
     )) })
   ] }) });
 }
-function ht({ result: t, isRace: n, fastestSplits: r, rowIndex: a }) {
-  const s = t.position <= 3;
-  return /* @__PURE__ */ l("tr", { className: `pvx-row ${s ? "pvx-row--podium" : ""}`, children: [
-    /* @__PURE__ */ e("td", { className: "pvx-td", children: /* @__PURE__ */ e(ge, { position: t.position }) }),
-    /* @__PURE__ */ l("td", { className: "pvx-td pvx-td--primary", children: [
-      /* @__PURE__ */ e(fe, { nation: t.nation }),
-      t.driverName,
-      t.carNumber != null && /* @__PURE__ */ l("span", { className: "pvx-car-number", children: [
+function Ye({ result: e, isRace: t, fastestSplits: n, rowIndex: s }) {
+  const a = e.position <= 3;
+  return /* @__PURE__ */ o("tr", { className: `pvx-row ${a ? "pvx-row--podium" : ""}`, children: [
+    /* @__PURE__ */ r("td", { className: "pvx-td", children: /* @__PURE__ */ r(he, { position: e.position }) }),
+    /* @__PURE__ */ o("td", { className: "pvx-td pvx-td--primary", children: [
+      /* @__PURE__ */ r(xe, { nation: e.nation }),
+      e.driverName,
+      e.carNumber != null && /* @__PURE__ */ o("span", { className: "pvx-car-number", children: [
         "#",
-        t.carNumber
+        e.carNumber
       ] }),
-      t.penalty && /* @__PURE__ */ e("span", { className: "pvx-penalty", children: t.penalty })
+      e.penalty && /* @__PURE__ */ r("span", { className: "pvx-penalty", children: e.penalty })
     ] }),
-    /* @__PURE__ */ e("td", { className: "pvx-td pvx-hidden-below-sm", children: D(t.carId) }),
-    /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--mono", children: /* @__PURE__ */ e(
-      vt,
+    /* @__PURE__ */ r("td", { className: "pvx-td pvx-hidden-below-sm", children: S(e.carId) }),
+    /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--mono", children: /* @__PURE__ */ r(
+      Je,
       {
-        bestLap: t.bestLapFormatted,
-        hasBestLap: t.hasBestLap,
-        splits: t.splits,
-        fastestSplits: r,
-        showAbove: a <= 1
+        bestLap: e.bestLapFormatted,
+        hasBestLap: e.hasBestLap,
+        splits: e.splits,
+        fastestSplits: n,
+        showAbove: s <= 1
       }
     ) }),
-    n && /* @__PURE__ */ l(Q, { children: [
-      /* @__PURE__ */ e("td", { className: "pvx-td pvx-hidden-below-sm", children: t.lapsCompleted }),
-      /* @__PURE__ */ e("td", { className: "pvx-td pvx-td--mono pvx-td--muted pvx-hidden-below-sm", children: t.position === 1 ? t.totalTime || "-" : t.gap || "-" }),
-      /* @__PURE__ */ l("td", { className: "pvx-td pvx-td--center", children: [
-        /* @__PURE__ */ e("span", { className: "pvx-session-points", children: t.points }),
-        t.pointsOverride !== 0 && t.pointsOverride && /* @__PURE__ */ l("span", { className: "pvx-points-override", children: [
+    t && /* @__PURE__ */ o(G, { children: [
+      /* @__PURE__ */ r("td", { className: "pvx-td pvx-hidden-below-sm", children: e.lapsCompleted }),
+      /* @__PURE__ */ r("td", { className: "pvx-td pvx-td--mono pvx-td--muted pvx-hidden-below-sm", children: e.position === 1 ? e.totalTime || "-" : e.gap || "-" }),
+      /* @__PURE__ */ o("td", { className: "pvx-td pvx-td--center", children: [
+        /* @__PURE__ */ r("span", { className: "pvx-session-points", children: e.points }),
+        e.pointsOverride !== 0 && e.pointsOverride && /* @__PURE__ */ o("span", { className: "pvx-points-override", children: [
           "(",
-          t.pointsOverride > 0 ? "+" : "",
-          t.pointsOverride,
+          e.pointsOverride > 0 ? "+" : "",
+          e.pointsOverride,
           ")"
         ] })
       ] })
     ] })
   ] });
 }
-function vt({ bestLap: t, hasBestLap: n, splits: r, fastestSplits: a, showAbove: s }) {
-  return t ? /* @__PURE__ */ l("span", { className: `pvx-best-lap-cell ${n ? "pvx-best-lap-cell--fastest" : ""}`, children: [
-    /* @__PURE__ */ e("span", { className: "pvx-best-lap-time", children: t }),
-    (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ e("span", { className: "pvx-splits-tooltip-anchor", children: /* @__PURE__ */ e("span", { className: `pvx-splits-tooltip ${s ? "" : "pvx-splits-tooltip--above"}`, children: r.map((i, c) => {
-      const o = a && i === a[c];
-      return /* @__PURE__ */ l("span", { className: "pvx-splits-tooltip-row", children: [
-        /* @__PURE__ */ l("span", { className: "pvx-splits-tooltip-label", children: [
+function Je({ bestLap: e, hasBestLap: t, splits: n, fastestSplits: s, showAbove: a }) {
+  return e ? /* @__PURE__ */ o("span", { className: `pvx-best-lap-cell ${t ? "pvx-best-lap-cell--fastest" : ""}`, children: [
+    /* @__PURE__ */ r("span", { className: "pvx-best-lap-time", children: e }),
+    (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ r("span", { className: "pvx-splits-tooltip-anchor", children: /* @__PURE__ */ r("span", { className: `pvx-splits-tooltip ${a ? "" : "pvx-splits-tooltip--above"}`, children: n.map((i, c) => {
+      const d = s && i === s[c];
+      return /* @__PURE__ */ o("span", { className: "pvx-splits-tooltip-row", children: [
+        /* @__PURE__ */ o("span", { className: "pvx-splits-tooltip-label", children: [
           "S",
           c + 1
         ] }),
-        /* @__PURE__ */ e("span", { className: o ? "pvx-splits-tooltip-best" : "", children: i })
+        /* @__PURE__ */ r("span", { className: d ? "pvx-splits-tooltip-best" : "", children: i })
       ] }, c);
     }) }) })
-  ] }) : /* @__PURE__ */ e("span", { className: "pvx-td--muted", children: "-" });
+  ] }) : /* @__PURE__ */ r("span", { className: "pvx-td--muted", children: "-" });
 }
-function xt({ competitionId: t, className: n }) {
-  const { data: r, isLoading: a } = qe(t);
+function Er({ competitionId: e, className: t }) {
+  const { getSteamId: n } = w(), { data: s, isLoading: a } = ie(e), i = n();
   if (a)
-    return /* @__PURE__ */ e(V, { message: "Loading drivers..." });
-  const s = (r == null ? void 0 : r.drivers) || (r == null ? void 0 : r.entries) || [];
-  return s.length ? /* @__PURE__ */ e("div", { className: `pvx-entry-grid ${n || ""}`, children: s.map((i) => {
-    var c, o;
-    return /* @__PURE__ */ l("div", { className: "pvx-entry-card", children: [
-      i.avatarUrl ? /* @__PURE__ */ e(
+    return /* @__PURE__ */ r(F, { message: "Loading drivers..." });
+  const c = (s == null ? void 0 : s.drivers) || (s == null ? void 0 : s.entries) || [];
+  return c.length ? /* @__PURE__ */ r("div", { className: `pvx-entry-grid ${t || ""}`, children: c.map((d) => {
+    var l, m;
+    const u = i && d.steamId === i;
+    return /* @__PURE__ */ o("div", { className: `pvx-entry-card ${u ? "pvx-entry-card--you" : ""}`, children: [
+      d.avatarUrl ? /* @__PURE__ */ r(
         "img",
         {
-          src: i.avatarUrl,
+          src: d.avatarUrl,
           alt: "",
           className: "pvx-entry-avatar"
         }
-      ) : /* @__PURE__ */ e("div", { className: "pvx-entry-avatar pvx-entry-avatar--placeholder", children: ((o = (c = i.displayName) == null ? void 0 : c.charAt(0)) == null ? void 0 : o.toUpperCase()) || "?" }),
-      /* @__PURE__ */ e("span", { className: "pvx-entry-name", children: i.displayName })
-    ] }, i.steamId || i.driverId);
-  }) }) : /* @__PURE__ */ e(B, { message: "No drivers registered yet." });
-}
-function gt({
-  competitionId: t,
-  driverData: n,
-  className: r,
-  children: a
+      ) : /* @__PURE__ */ r("div", { className: "pvx-entry-avatar pvx-entry-avatar--placeholder", children: ((m = (l = d.displayName) == null ? void 0 : l.charAt(0)) == null ? void 0 : m.toUpperCase()) || "?" }),
+      /* @__PURE__ */ o("span", { className: "pvx-entry-name", children: [
+        d.displayName,
+        u && /* @__PURE__ */ r("span", { className: "pvx-entry-you", children: " (you)" })
+      ] })
+    ] }, d.steamId || d.driverId);
+  }) }) : /* @__PURE__ */ r(I, { message: "No drivers registered yet." });
+}
+function _r({
+  competitionId: e,
+  driverData: t,
+  className: n,
+  children: s
 }) {
-  const { data: s, isLoading: i } = je(t), { isPowerMode: c } = Oe(), o = We(t), m = Ke(t), d = He(t), x = (s == null ? void 0 : s.isRegistered) || !1, N = i || m.isPending || d.isPending, f = m.error || d.error || null, v = () => {
-    c && n && m.mutate(n);
-  }, g = () => {
-    c && d.mutate();
+  const { data: a, isLoading: i } = z(e), { isPowerMode: c } = Q(), d = Z(e), u = oe(e), l = ce(e), m = (a == null ? void 0 : a.isRegistered) || !1, g = i || u.isPending || l.isPending, v = u.error || l.error || null, f = () => {
+    c && u.mutate(t || {});
+  }, b = () => {
+    c && l.mutate();
   };
-  return typeof a == "function" ? a({ isRegistered: x, isLoading: N, register: v, withdraw: g, error: f, isPowerMode: c, registrationUrl: o }) : c ? /* @__PURE__ */ e(
+  return typeof s == "function" ? s({ isRegistered: m, isLoading: g, register: f, withdraw: b, error: v, isPowerMode: c, registrationUrl: d }) : c ? /* @__PURE__ */ r(
     "button",
     {
-      className: `pvx-comp-register-btn ${r || ""}`,
-      onClick: x ? g : v,
-      disabled: N,
-      children: N ? "Loading..." : x ? "Withdraw" : "Register"
+      className: `pvx-comp-register-btn ${n || ""}`,
+      onClick: m ? b : f,
+      disabled: g,
+      children: g ? "Loading..." : m ? "Withdraw" : "Register"
     }
-  ) : /* @__PURE__ */ e(
+  ) : /* @__PURE__ */ r(
     "a",
     {
-      href: o,
+      href: d,
       target: "_blank",
       rel: "noopener noreferrer",
-      className: `pvx-comp-register-link ${r || ""}`,
-      children: x ? "View Registration" : "Register on PitVox"
+      className: `pvx-comp-register-link ${n || ""}`,
+      children: m ? "View Registration" : "Register on PitVox"
     }
   );
 }
-const ft = [
-  { id: "standings", label: "Standings" },
-  { id: "rounds", label: "Rounds" },
-  { id: "drivers", label: "Drivers" }
-];
-function _t({ className: t, title: n = "Competitions" }) {
-  const [r, a] = oe(), s = r.get("competition"), i = r.get("tab") || "standings", c = r.get("round") ? Number(r.get("round")) : null, { data: o, isLoading: m } = Ee();
-  function d(g) {
-    a({ competition: g });
-  }
-  function x() {
-    a({});
-  }
-  function N(g) {
-    a({ competition: s, tab: g });
-  }
-  function f(g) {
-    a({ competition: s, tab: "rounds", round: String(g) });
-  }
-  function v() {
-    a({ competition: s, tab: "rounds" });
-  }
-  return s ? /* @__PURE__ */ e("div", { className: `pvx-comp-explorer ${t || ""}`, children: /* @__PURE__ */ e(
-    Nt,
+function qr({ competitionId: e, registration: t, className: n }) {
+  const { getSteamId: s } = w(), { isPowerMode: a } = Q(), i = Z(e), { data: c, isLoading: d } = z(e), { data: u, isLoading: l } = ie(e), m = oe(e), g = ce(e), v = s(), f = (c == null ? void 0 : c.isRegistered) || !1, b = (u == null ? void 0 : u.drivers) || (u == null ? void 0 : u.entries) || [], p = t || {}, N = p.maxParticipants && (p.currentCount || 0) >= p.maxParticipants, h = p.deadline && new Date(p.deadline) < /* @__PURE__ */ new Date(), x = p.isOpen && !h && !N;
+  return d || l ? /* @__PURE__ */ r(F, { message: "Loading registration..." }) : f ? /* @__PURE__ */ r("div", { className: `pvx-reg-panel ${n || ""}`, children: /* @__PURE__ */ r(
+    er,
     {
-      competitionId: s,
-      activeTab: i,
-      selectedRound: c,
-      onBack: x,
-      onTabChange: N,
-      onSelectRound: f,
-      onDeselectRound: v
+      competitionId: e,
+      drivers: b,
+      steamId: v,
+      isPowerMode: a,
+      registrationUrl: i,
+      withdrawMutation: g,
+      registration: p
     }
-  ) }) : /* @__PURE__ */ l("div", { className: `pvx-comp-explorer ${t || ""}`, children: [
-    /* @__PURE__ */ l("div", { className: "pvx-explorer-header", children: [
-      /* @__PURE__ */ e("h2", { className: "pvx-explorer-title", children: n }),
-      !m && (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ e("div", { className: "pvx-explorer-stats", children: /* @__PURE__ */ l("span", { children: [
-        o.length,
-        " competition",
-        o.length !== 1 ? "s" : ""
-      ] }) })
+  ) }) : x ? v ? a ? /* @__PURE__ */ r("div", { className: `pvx-reg-panel ${n || ""}`, children: /* @__PURE__ */ r(
+    Xe,
+    {
+      competitionId: e,
+      registerMutation: m,
+      registration: p
+    }
+  ) }) : /* @__PURE__ */ r("div", { className: `pvx-reg-panel ${n || ""}`, children: /* @__PURE__ */ r("a", { href: i, target: "_blank", rel: "noopener noreferrer", className: "pvx-comp-register-link", children: "Register on PitVox" }) }) : /* @__PURE__ */ r("div", { className: `pvx-reg-panel ${n || ""}`, children: a ? /* @__PURE__ */ r("div", { className: "pvx-reg-status-msg", children: "Sign in to register for this competition." }) : /* @__PURE__ */ r("div", { className: "pvx-reg-status-msg", children: /* @__PURE__ */ r("a", { href: i, target: "_blank", rel: "noopener noreferrer", className: "pvx-comp-register-link", children: "Register on PitVox" }) }) }) : /* @__PURE__ */ o("div", { className: `pvx-reg-panel ${n || ""}`, children: [
+    /* @__PURE__ */ r("div", { className: "pvx-reg-status-msg", children: N ? "Registration is full." : h ? "Registration deadline has passed." : "Registration is closed." }),
+    b.length > 0 && /* @__PURE__ */ r(ge, { drivers: b, steamId: v })
+  ] });
+}
+function Xe({ competitionId: e, registerMutation: t, registration: n }) {
+  const [s, a] = M(""), [i, c] = M("intermediate"), [d, u] = M(""), l = (f) => {
+    f.preventDefault(), t.mutate({
+      discordUsername: s || void 0,
+      experience: i,
+      comments: d || void 0
+    });
+  }, m = n || {}, g = m.currentCount || 0, v = m.maxParticipants;
+  return /* @__PURE__ */ o("form", { className: "pvx-reg-form", onSubmit: l, children: [
+    /* @__PURE__ */ o("div", { className: "pvx-reg-form-header", children: [
+      /* @__PURE__ */ r("h3", { className: "pvx-reg-form-title", children: "Register" }),
+      v && /* @__PURE__ */ r(fe, { count: g, max: v })
+    ] }),
+    t.error && /* @__PURE__ */ r("div", { className: "pvx-reg-error", children: t.error.message || "Registration failed" }),
+    /* @__PURE__ */ o("div", { className: "pvx-reg-field", children: [
+      /* @__PURE__ */ o("label", { className: "pvx-reg-label", htmlFor: `pvx-discord-${e}`, children: [
+        "Discord Username ",
+        /* @__PURE__ */ r("span", { className: "pvx-reg-optional", children: "(optional)" })
+      ] }),
+      /* @__PURE__ */ r(
+        "input",
+        {
+          id: `pvx-discord-${e}`,
+          type: "text",
+          className: "pvx-reg-input",
+          placeholder: "e.g. username",
+          value: s,
+          onChange: (f) => a(f.target.value)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o("div", { className: "pvx-reg-field", children: [
+      /* @__PURE__ */ r("label", { className: "pvx-reg-label", htmlFor: `pvx-exp-${e}`, children: "Experience Level" }),
+      /* @__PURE__ */ o(
+        "select",
+        {
+          id: `pvx-exp-${e}`,
+          className: "pvx-reg-select",
+          value: i,
+          onChange: (f) => c(f.target.value),
+          children: [
+            /* @__PURE__ */ r("option", { value: "beginner", children: "Beginner" }),
+            /* @__PURE__ */ r("option", { value: "intermediate", children: "Intermediate" }),
+            /* @__PURE__ */ r("option", { value: "advanced", children: "Advanced" })
+          ]
+        }
+      )
     ] }),
-    /* @__PURE__ */ e(
-      it,
+    /* @__PURE__ */ o("div", { className: "pvx-reg-field", children: [
+      /* @__PURE__ */ o("label", { className: "pvx-reg-label", htmlFor: `pvx-comments-${e}`, children: [
+        "Comments ",
+        /* @__PURE__ */ r("span", { className: "pvx-reg-optional", children: "(optional)" })
+      ] }),
+      /* @__PURE__ */ r(
+        "textarea",
+        {
+          id: `pvx-comments-${e}`,
+          className: "pvx-reg-textarea",
+          rows: 3,
+          placeholder: "Anything the organisers should know?",
+          value: d,
+          onChange: (f) => u(f.target.value)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ r("div", { className: "pvx-reg-actions", children: /* @__PURE__ */ r(
+      "button",
       {
-        competitions: o,
-        isLoading: m,
-        onSelect: d
+        type: "submit",
+        className: "pvx-comp-register-btn",
+        disabled: t.isPending,
+        children: t.isPending ? "Registering..." : "Register"
       }
-    )
+    ) })
   ] });
 }
-function Nt({
-  competitionId: t,
-  activeTab: n,
-  selectedRound: r,
-  onBack: a,
-  onTabChange: s,
-  onSelectRound: i,
-  onDeselectRound: c
-}) {
-  var g, p;
-  const { data: o, isLoading: m } = de(t);
-  if (m)
-    return /* @__PURE__ */ e(V, { message: "Loading competition..." });
-  if (!o)
-    return /* @__PURE__ */ l("div", { children: [
-      /* @__PURE__ */ e(B, { message: "Competition not found." }),
-      /* @__PURE__ */ e("div", { className: "pvx-comp-back-link-wrap", children: /* @__PURE__ */ e("button", { onClick: a, className: "pvx-comp-back-link", children: "← Back to competitions" }) })
-    ] });
-  const d = o.type === "championship", x = ((g = o.rounds) == null ? void 0 : g.filter((h) => h.isFinalized)) || [], N = o.rounds || [], f = ft.filter((h) => !(h.id === "standings" && !d || h.id === "rounds" && x.length === 0)), v = f.find((h) => h.id === n) ? n : ((p = f[0]) == null ? void 0 : p.id) || "standings";
-  return /* @__PURE__ */ l(Q, { children: [
-    /* @__PURE__ */ e("button", { onClick: a, className: "pvx-comp-back-link", children: "← Competitions" }),
-    /* @__PURE__ */ l("div", { className: "pvx-comp-detail-header", children: [
-      /* @__PURE__ */ e("h2", { className: "pvx-explorer-title", children: o.name }),
-      o.description && /* @__PURE__ */ e("p", { className: "pvx-comp-detail-desc", children: o.description }),
-      /* @__PURE__ */ l("div", { className: "pvx-comp-detail-meta", children: [
-        /* @__PURE__ */ e(Ne, { type: o.type }),
-        o.game && /* @__PURE__ */ e(U, { children: o.game.toUpperCase() }),
-        o.countingRounds > 0 && /* @__PURE__ */ l(U, { variant: "format", children: [
-          "Best ",
-          o.countingRounds,
-          " of ",
-          N.length,
-          " rounds count"
-        ] }),
-        N.length > 0 && /* @__PURE__ */ l(U, { children: [
-          N.length,
-          " round",
-          N.length !== 1 ? "s" : ""
-        ] })
-      ] })
+function er({ competitionId: e, drivers: t, steamId: n, isPowerMode: s, registrationUrl: a, withdrawMutation: i, registration: c }) {
+  const [d, u] = M(!1), l = () => {
+    i.mutate(void 0, {
+      onSuccess: () => u(!1)
+    });
+  }, m = c || {}, g = t.length || m.currentCount || 0, v = m.maxParticipants;
+  return /* @__PURE__ */ o(G, { children: [
+    /* @__PURE__ */ o("div", { className: "pvx-reg-form-header", children: [
+      /* @__PURE__ */ r("h3", { className: "pvx-reg-form-title", children: "Registered Drivers" }),
+      v && /* @__PURE__ */ r(fe, { count: g, max: v })
     ] }),
-    (() => {
-      const h = o.registration;
-      if (!h) return null;
-      const u = h.deadline && new Date(h.deadline) < /* @__PURE__ */ new Date(), y = h.maxParticipants && (h.currentCount || 0) >= h.maxParticipants;
-      return h.isOpen && !u && !y ? /* @__PURE__ */ e("div", { className: "pvx-comp-register-cta", children: /* @__PURE__ */ e(gt, { competitionId: t }) }) : null;
-    })(),
-    N.length > 0 && /* @__PURE__ */ e(bt, { rounds: N }),
-    f.length > 1 && /* @__PURE__ */ e("div", { className: "pvx-comp-tabs", children: f.map((h) => /* @__PURE__ */ e(
+    /* @__PURE__ */ r(ge, { drivers: t, steamId: n }),
+    i.error && /* @__PURE__ */ r("div", { className: "pvx-reg-error", children: i.error.message || "Withdrawal failed" }),
+    s ? /* @__PURE__ */ r("div", { className: "pvx-reg-actions", children: d ? /* @__PURE__ */ o("div", { className: "pvx-reg-confirm", children: [
+      /* @__PURE__ */ r("p", { className: "pvx-reg-confirm-text", children: "Are you sure you want to unregister?" }),
+      /* @__PURE__ */ o("div", { className: "pvx-reg-confirm-actions", children: [
+        /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            className: "pvx-reg-cancel-btn",
+            onClick: () => u(!1),
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            className: "pvx-reg-danger-btn",
+            onClick: l,
+            disabled: i.isPending,
+            children: i.isPending ? "Unregistering..." : "Yes, Unregister"
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ r(
       "button",
       {
-        onClick: () => s(h.id),
-        className: `pvx-comp-tab ${v === h.id ? "pvx-comp-tab--active" : ""}`,
-        children: h.label
-      },
-      h.id
-    )) }),
-    v === "standings" && /* @__PURE__ */ e(ct, { competitionId: t }),
-    v === "rounds" && /* @__PURE__ */ e(
-      yt,
-      {
-        competitionId: t,
-        finalizedRounds: x,
-        selectedRound: r,
-        onSelectRound: i,
-        onDeselectRound: c
+        type: "button",
+        className: "pvx-reg-unregister-btn",
+        onClick: () => u(!0),
+        children: "Unregister"
       }
-    ),
-    v === "drivers" && /* @__PURE__ */ e(xt, { competitionId: t })
+    ) }) : /* @__PURE__ */ r("div", { className: "pvx-reg-actions", children: /* @__PURE__ */ r("a", { href: a, target: "_blank", rel: "noopener noreferrer", className: "pvx-comp-register-link", children: "Manage on PitVox" }) })
   ] });
 }
-function bt({ rounds: t }) {
-  const n = /* @__PURE__ */ new Date(), r = t.find((a) => a.startTime && new Date(a.startTime) >= n);
-  return /* @__PURE__ */ e("div", { className: "pvx-comp-schedule", children: /* @__PURE__ */ e("div", { className: "pvx-comp-schedule-list", children: t.map((a) => {
-    const s = a === r, i = a.startTime && new Date(a.startTime) < n;
-    return /* @__PURE__ */ l(
+function ge({ drivers: e, steamId: t }) {
+  return e.length ? /* @__PURE__ */ r("div", { className: "pvx-reg-driver-list", children: e.map((n) => {
+    var a, i;
+    const s = t && n.steamId === t;
+    return /* @__PURE__ */ o(
       "div",
       {
-        className: `pvx-comp-schedule-item ${s ? "pvx-comp-schedule-item--next" : ""} ${i ? "pvx-comp-schedule-item--past" : ""}`,
+        className: `pvx-entry-card ${s ? "pvx-entry-card--you" : ""}`,
         children: [
-          /* @__PURE__ */ l("span", { className: "pvx-comp-schedule-round", children: [
-            "R",
-            a.roundNumber
-          ] }),
-          /* @__PURE__ */ e("span", { className: "pvx-comp-schedule-track", children: a.track || "TBD" }),
-          /* @__PURE__ */ e("span", { className: "pvx-comp-schedule-date", children: be(a.startTime) }),
-          a.isFinalized && /* @__PURE__ */ e("span", { className: "pvx-comp-schedule-badge", children: "Results" })
+          n.avatarUrl ? /* @__PURE__ */ r("img", { src: n.avatarUrl, alt: "", className: "pvx-entry-avatar" }) : /* @__PURE__ */ r("div", { className: "pvx-entry-avatar pvx-entry-avatar--placeholder", children: ((i = (a = n.displayName) == null ? void 0 : a.charAt(0)) == null ? void 0 : i.toUpperCase()) || "?" }),
+          /* @__PURE__ */ o("span", { className: "pvx-entry-name", children: [
+            n.displayName,
+            s && /* @__PURE__ */ r("span", { className: "pvx-entry-you", children: " (you)" })
+          ] })
         ]
       },
-      a.roundNumber
+      n.steamId || n.driverId
     );
-  }) }) });
+  }) }) : /* @__PURE__ */ r("div", { className: "pvx-reg-no-drivers", children: "No drivers registered yet." });
+}
+function fe({ count: e, max: t }) {
+  const n = t ? e / t * 100 : 0, s = n >= 100 ? "full" : n >= 75 ? "warning" : "ok";
+  return /* @__PURE__ */ o("span", { className: `pvx-reg-capacity pvx-reg-capacity--${s}`, children: [
+    e,
+    "/",
+    t,
+    " drivers"
+  ] });
 }
-function yt({ competitionId: t, finalizedRounds: n, selectedRound: r, onSelectRound: a, onDeselectRound: s }) {
-  return n.length ? /* @__PURE__ */ l("div", { className: "pvx-comp-rounds", children: [
-    /* @__PURE__ */ e("div", { className: "pvx-comp-round-pills", children: n.map((i) => /* @__PURE__ */ l(
-      "button",
-      {
-        onClick: () => r === i.roundNumber ? s() : a(i.roundNumber),
-        className: `pvx-comp-round-pill ${r === i.roundNumber ? "pvx-comp-round-pill--active" : ""}`,
-        children: [
-          /* @__PURE__ */ l("span", { className: "pvx-comp-round-pill-num", children: [
-            "R",
-            i.roundNumber
-          ] }),
-          i.track && /* @__PURE__ */ e("span", { className: "pvx-comp-round-pill-track", children: i.track })
-        ]
-      },
-      i.roundNumber
-    )) }),
-    r ? /* @__PURE__ */ e(pt, { competitionId: t, roundNumber: r }) : /* @__PURE__ */ e("div", { className: "pvx-empty", children: /* @__PURE__ */ e("p", { children: "Select a round to view results." }) })
-  ] }) : /* @__PURE__ */ e(B, { message: "No finalised rounds yet." });
-}
-function Ct(t) {
-  const { cdnUrl: n, partnerSlug: r } = k(), a = L({
-    queryKey: ["pitvox", "laps", r, t],
-    queryFn: () => R(n, `laps/partners/${r}/${t}.json`),
-    enabled: !!t,
+function rr(e) {
+  const { cdnUrl: t, partnerSlug: n } = w(), s = C({
+    queryKey: ["pitvox", "laps", n, e],
+    queryFn: () => L(t, `laps/partners/${n}/${e}.json`),
+    enabled: !!e,
     staleTime: 3e4,
     refetchInterval: 3e4
-  }), s = a.data;
+  }), a = s.data;
   return {
-    isLoading: a.isLoading,
-    error: a.error,
-    data: s ? {
-      driverName: s.driverName || "Driver",
-      lapCount: s.lapCount || 0,
-      trackBreakdown: s.trackBreakdown || [],
-      carBreakdown: s.carBreakdown || [],
-      recordsHeld: s.recordsHeld || 0,
-      currentRecords: s.currentRecords || [],
-      bestRanking: s.bestRanking ?? null,
-      bestRankingTrackId: s.bestRankingTrackId ?? null,
-      bestRankingLayout: s.bestRankingLayout ?? null,
-      bestRankingCarId: s.bestRankingCarId ?? null,
-      generatedAt: s.generatedAt
+    isLoading: s.isLoading,
+    error: s.error,
+    data: a ? {
+      driverName: a.driverName || "Driver",
+      lapCount: a.lapCount || 0,
+      trackBreakdown: a.trackBreakdown || [],
+      carBreakdown: a.carBreakdown || [],
+      recordsHeld: a.recordsHeld || 0,
+      currentRecords: a.currentRecords || [],
+      bestRanking: a.bestRanking ?? null,
+      bestRankingTrackId: a.bestRankingTrackId ?? null,
+      bestRankingLayout: a.bestRankingLayout ?? null,
+      bestRankingCarId: a.bestRankingCarId ?? null,
+      generatedAt: a.generatedAt
     } : null
   };
 }
-function wt(t) {
+function tr(e) {
   var i;
-  const { cdnUrl: n, partnerSlug: r } = k(), a = L({
-    queryKey: ["pitvox", "ratings", r],
-    queryFn: () => R(n, `leaderboards/partners/${r}/ratings.json`),
+  const { cdnUrl: t, partnerSlug: n } = w(), s = C({
+    queryKey: ["pitvox", "ratings", n],
+    queryFn: () => L(t, `leaderboards/partners/${n}/ratings.json`),
     staleTime: 6e4,
     refetchInterval: 6e4
-  }), s = T(() => {
+  }), a = k(() => {
     var c;
-    return !((c = a.data) != null && c.drivers) || !t ? null : a.data.drivers.find(
-      (o) => o.identifier === t
+    return !((c = s.data) != null && c.drivers) || !e ? null : s.data.drivers.find(
+      (d) => d.identifier === e
     ) || null;
-  }, [(i = a.data) == null ? void 0 : i.drivers, t]);
+  }, [(i = s.data) == null ? void 0 : i.drivers, e]);
   return {
-    isLoading: a.isLoading,
-    error: a.error,
-    data: s ? {
-      rating: s.rating,
-      rank: s.rank,
-      totalDrivers: a.data.driverCount || a.data.drivers.length,
-      comboCount: s.comboCount || 0,
-      distinctCars: s.distinctCars || 0,
-      combos: s.combos || []
+    isLoading: s.isLoading,
+    error: s.error,
+    data: a ? {
+      rating: a.rating,
+      rank: a.rank,
+      totalDrivers: s.data.driverCount || s.data.drivers.length,
+      comboCount: a.comboCount || 0,
+      distinctCars: a.distinctCars || 0,
+      combos: a.combos || []
     } : null
   };
 }
-function kt({ driverName: t, avatarUrl: n, memberSince: r, className: a = "" }) {
-  const s = r ? new Date(r).toLocaleDateString("en-GB", { day: "2-digit", month: "2-digit", year: "numeric" }) : null;
-  return /* @__PURE__ */ l("div", { className: `pvx-card pvx-dash-profile ${a}`, children: [
-    n ? /* @__PURE__ */ e("img", { src: n, alt: "", className: "pvx-dash-profile-avatar" }) : /* @__PURE__ */ e("div", { className: "pvx-dash-profile-avatar pvx-dash-profile-avatar--placeholder", children: (t || "?")[0].toUpperCase() }),
-    /* @__PURE__ */ l("div", { className: "pvx-dash-profile-info", children: [
-      /* @__PURE__ */ e("h2", { className: "pvx-dash-profile-name", children: t }),
-      s && /* @__PURE__ */ l("p", { className: "pvx-dash-profile-since", children: [
+function nr() {
+  const { cdnUrl: e, partnerSlug: t, getSteamId: n } = w(), s = n(), { data: a, isLoading: i } = C({
+    queryKey: ["pitvox", "competitions", t],
+    queryFn: async () => {
+      const m = await L(e, "competitions/index.json");
+      return m != null && m.competitions ? m.competitions.filter((g) => g.partnerSlug === t) : [];
+    },
+    staleTime: 6e4
+  }), c = (a == null ? void 0 : a.map((m) => m.id)) || [], d = Ce({
+    queries: c.map((m) => ({
+      queryKey: ["pitvox", "competition", t, m, "entrylist"],
+      queryFn: () => L(e, `competitions/${t}/${m}/entrylist.json`),
+      enabled: !!s && c.length > 0,
+      staleTime: 6e4
+    }))
+  }), u = d.some((m) => m.isLoading);
+  return {
+    data: k(() => {
+      var v, f;
+      if (!a || !s || u) return [];
+      const m = /* @__PURE__ */ new Date(), g = [];
+      for (let b = 0; b < a.length; b++) {
+        const p = a[b], N = (v = d[b]) == null ? void 0 : v.data;
+        if (!((f = N == null ? void 0 : N.drivers) == null ? void 0 : f.some((y) => y.steamId === s))) continue;
+        const x = p.rounds || [];
+        for (const y of x)
+          y.isFinalized || !y.startTime || new Date(y.startTime) <= m || g.push({
+            competitionId: p.id,
+            competitionName: p.name,
+            roundNumber: y.roundNumber,
+            track: y.track || "TBD",
+            startTime: y.startTime
+          });
+      }
+      return g.sort((b, p) => new Date(b.startTime) - new Date(p.startTime)), g.length > 0 && (g[0].isNext = !0), g;
+    }, [a, s, u, d]),
+    isLoading: i || !!s && u
+  };
+}
+function sr() {
+  const { onFetchNotifications: e } = w();
+  return !!e;
+}
+function ar(e = {}) {
+  const { onFetchNotifications: t, partnerSlug: n } = w(), { limit: s = 20, unreadOnly: a = !1 } = e;
+  return C({
+    queryKey: ["pitvox", "notifications", n, { limit: s, unreadOnly: a }],
+    queryFn: () => t({ limit: s, unreadOnly: a }),
+    enabled: !!t,
+    staleTime: 3e4,
+    refetchInterval: 3e4
+  });
+}
+function Vr() {
+  const { onFetchNotifications: e, partnerSlug: t } = w(), { data: n, isLoading: s } = C({
+    queryKey: ["pitvox", "notifications", t, { limit: 1, unreadOnly: !1 }],
+    queryFn: () => e({ limit: 1 }),
+    enabled: !!e,
+    staleTime: 3e4,
+    refetchInterval: 3e4,
+    select: (a) => (a == null ? void 0 : a.unreadCount) ?? 0
+  });
+  return { count: n ?? 0, isLoading: s };
+}
+function ir() {
+  const { onMarkNotificationRead: e, partnerSlug: t } = w(), n = P();
+  return _({
+    mutationFn: (s) => {
+      if (!e)
+        throw new Error("No onMarkNotificationRead callback provided to PitVoxPartnerProvider.");
+      return e(s);
+    },
+    onSuccess: (s, a) => {
+      n.setQueriesData(
+        { queryKey: ["pitvox", "notifications", t] },
+        (i) => i != null && i.notifications ? {
+          ...i,
+          unreadCount: Math.max(0, (i.unreadCount || 0) - 1),
+          notifications: i.notifications.map(
+            (c) => c.id === a ? { ...c, isRead: !0, readAt: (/* @__PURE__ */ new Date()).toISOString() } : c
+          )
+        } : i
+      );
+    }
+  });
+}
+function or() {
+  const { onMarkAllNotificationsRead: e, partnerSlug: t } = w(), n = P();
+  return _({
+    mutationFn: () => {
+      if (!e)
+        throw new Error("No onMarkAllNotificationsRead callback provided to PitVoxPartnerProvider.");
+      return e();
+    },
+    onSuccess: () => {
+      n.setQueriesData(
+        { queryKey: ["pitvox", "notifications", t] },
+        (s) => s != null && s.notifications ? {
+          ...s,
+          unreadCount: 0,
+          notifications: s.notifications.map((a) => ({
+            ...a,
+            isRead: !0,
+            readAt: a.readAt || (/* @__PURE__ */ new Date()).toISOString()
+          }))
+        } : s
+      );
+    }
+  });
+}
+function cr({ driverName: e, avatarUrl: t, memberSince: n, className: s = "" }) {
+  const a = n ? new Date(n).toLocaleDateString("en-GB", { day: "2-digit", month: "2-digit", year: "numeric" }) : null;
+  return /* @__PURE__ */ o("div", { className: `pvx-card pvx-dash-profile ${s}`, children: [
+    t ? /* @__PURE__ */ r("img", { src: t, alt: "", className: "pvx-dash-profile-avatar" }) : /* @__PURE__ */ r("div", { className: "pvx-dash-profile-avatar pvx-dash-profile-avatar--placeholder", children: (e || "?")[0].toUpperCase() }),
+    /* @__PURE__ */ o("div", { className: "pvx-dash-profile-info", children: [
+      /* @__PURE__ */ r("h2", { className: "pvx-dash-profile-name", children: e }),
+      a && /* @__PURE__ */ o("p", { className: "pvx-dash-profile-since", children: [
         "Racing since ",
-        s
+        a
       ] })
     ] })
   ] });
 }
-function Tt() {
-  return /* @__PURE__ */ l("svg", { className: "pvx-dash-stat-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ e("line", { x1: "4", y1: "9", x2: "20", y2: "9" }),
-    /* @__PURE__ */ e("line", { x1: "4", y1: "15", x2: "20", y2: "15" }),
-    /* @__PURE__ */ e("line", { x1: "10", y1: "3", x2: "8", y2: "21" }),
-    /* @__PURE__ */ e("line", { x1: "16", y1: "3", x2: "14", y2: "21" })
+function lr() {
+  return /* @__PURE__ */ o("svg", { className: "pvx-dash-stat-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ r("line", { x1: "4", y1: "9", x2: "20", y2: "9" }),
+    /* @__PURE__ */ r("line", { x1: "4", y1: "15", x2: "20", y2: "15" }),
+    /* @__PURE__ */ r("line", { x1: "10", y1: "3", x2: "8", y2: "21" }),
+    /* @__PURE__ */ r("line", { x1: "16", y1: "3", x2: "14", y2: "21" })
   ] });
 }
-function St() {
-  return /* @__PURE__ */ l("svg", { className: "pvx-dash-stat-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "2" }),
-    /* @__PURE__ */ e("path", { d: "M12 14v4" }),
-    /* @__PURE__ */ e("path", { d: "M10.5 12.5l-4 2.5" }),
-    /* @__PURE__ */ e("path", { d: "M13.5 12.5l4 2.5" })
+function dr() {
+  return /* @__PURE__ */ o("svg", { className: "pvx-dash-stat-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "2" }),
+    /* @__PURE__ */ r("path", { d: "M12 14v4" }),
+    /* @__PURE__ */ r("path", { d: "M10.5 12.5l-4 2.5" }),
+    /* @__PURE__ */ r("path", { d: "M13.5 12.5l4 2.5" })
   ] });
 }
-function Lt() {
-  return /* @__PURE__ */ e("svg", { className: "pvx-dash-stat-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }) });
+function pr() {
+  return /* @__PURE__ */ r("svg", { className: "pvx-dash-stat-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ r("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }) });
 }
-function ae({ items: t, labelKey: n, countKey: r }) {
-  if (!(t != null && t.length)) return null;
-  const a = t.slice().sort((s, i) => i[r] - s[r]).slice(0, 10);
-  return /* @__PURE__ */ l("div", { className: "pvx-dash-tooltip", children: [
-    a.map((s, i) => /* @__PURE__ */ l("div", { className: "pvx-dash-tooltip-row", children: [
-      /* @__PURE__ */ e("span", { className: "pvx-dash-tooltip-label", children: s[n] }),
-      /* @__PURE__ */ e("span", { className: "pvx-dash-tooltip-value", children: s[r] })
+function te({ items: e, labelKey: t, countKey: n }) {
+  if (!(e != null && e.length)) return null;
+  const s = e.slice().sort((a, i) => i[n] - a[n]).slice(0, 10);
+  return /* @__PURE__ */ o("div", { className: "pvx-dash-tooltip", children: [
+    s.map((a, i) => /* @__PURE__ */ o("div", { className: "pvx-dash-tooltip-row", children: [
+      /* @__PURE__ */ r("span", { className: "pvx-dash-tooltip-label", children: a[t] }),
+      /* @__PURE__ */ r("span", { className: "pvx-dash-tooltip-value", children: a[n] })
     ] }, i)),
-    t.length > 10 && /* @__PURE__ */ l("div", { className: "pvx-dash-tooltip-row pvx-dash-tooltip-more", children: [
+    e.length > 10 && /* @__PURE__ */ o("div", { className: "pvx-dash-tooltip-row pvx-dash-tooltip-more", children: [
       "+",
-      t.length - 10,
+      e.length - 10,
       " more"
     ] })
   ] });
 }
-function Rt({ stats: t, rating: n, className: r = "" }) {
-  if (!t) return null;
-  const a = t.trackBreakdown.map((i) => ({
-    name: j(i.trackId, i.layout),
+function ur({ stats: e, rating: t, className: n = "" }) {
+  if (!e) return null;
+  const s = e.trackBreakdown.map((i) => ({
+    name: q(i.trackId, i.layout),
     lapCount: i.lapCount
-  })), s = t.carBreakdown.map((i) => ({
-    name: D(i.carId),
+  })), a = e.carBreakdown.map((i) => ({
+    name: S(i.carId),
     lapCount: i.lapCount
   }));
-  return /* @__PURE__ */ l("div", { className: `pvx-dash-stats ${r}`, children: [
-    /* @__PURE__ */ l("div", { className: "pvx-dash-stat-card pvx-dash-stat-card--has-tooltip", children: [
-      /* @__PURE__ */ e(Tt, {}),
-      /* @__PURE__ */ l("div", { className: "pvx-dash-stat-content", children: [
-        /* @__PURE__ */ e("span", { className: "pvx-dash-stat-value", children: t.lapCount.toLocaleString() }),
-        /* @__PURE__ */ e("span", { className: "pvx-dash-stat-label", children: "Total Laps" })
+  return /* @__PURE__ */ o("div", { className: `pvx-dash-stats ${n}`, children: [
+    /* @__PURE__ */ o("div", { className: "pvx-dash-stat-card pvx-dash-stat-card--has-tooltip", children: [
+      /* @__PURE__ */ r(lr, {}),
+      /* @__PURE__ */ o("div", { className: "pvx-dash-stat-content", children: [
+        /* @__PURE__ */ r("span", { className: "pvx-dash-stat-value", children: e.lapCount.toLocaleString() }),
+        /* @__PURE__ */ r("span", { className: "pvx-dash-stat-label", children: "Total Laps" })
       ] }),
-      /* @__PURE__ */ e(ae, { items: a, labelKey: "name", countKey: "lapCount" })
+      /* @__PURE__ */ r(te, { items: s, labelKey: "name", countKey: "lapCount" })
     ] }),
-    /* @__PURE__ */ l("div", { className: "pvx-dash-stat-card pvx-dash-stat-card--has-tooltip", children: [
-      /* @__PURE__ */ e(St, {}),
-      /* @__PURE__ */ l("div", { className: "pvx-dash-stat-content", children: [
-        /* @__PURE__ */ e("span", { className: "pvx-dash-stat-value", children: t.carBreakdown.length }),
-        /* @__PURE__ */ e("span", { className: "pvx-dash-stat-label", children: "Cars Used" })
+    /* @__PURE__ */ o("div", { className: "pvx-dash-stat-card pvx-dash-stat-card--has-tooltip", children: [
+      /* @__PURE__ */ r(dr, {}),
+      /* @__PURE__ */ o("div", { className: "pvx-dash-stat-content", children: [
+        /* @__PURE__ */ r("span", { className: "pvx-dash-stat-value", children: e.carBreakdown.length }),
+        /* @__PURE__ */ r("span", { className: "pvx-dash-stat-label", children: "Cars Used" })
       ] }),
-      /* @__PURE__ */ e(ae, { items: s, labelKey: "name", countKey: "lapCount" })
+      /* @__PURE__ */ r(te, { items: a, labelKey: "name", countKey: "lapCount" })
     ] }),
-    n && /* @__PURE__ */ l("div", { className: "pvx-dash-stat-card pvx-dash-stat-card--rating", children: [
-      /* @__PURE__ */ e(Lt, {}),
-      /* @__PURE__ */ l("div", { className: "pvx-dash-stat-content", children: [
-        /* @__PURE__ */ e("span", { className: "pvx-dash-stat-value", children: n.rating.toFixed(1) }),
-        /* @__PURE__ */ e("span", { className: "pvx-dash-stat-label", children: "Driver Rating" }),
-        /* @__PURE__ */ l("span", { className: "pvx-dash-stat-sub", children: [
+    t && /* @__PURE__ */ o("div", { className: "pvx-dash-stat-card pvx-dash-stat-card--rating", children: [
+      /* @__PURE__ */ r(pr, {}),
+      /* @__PURE__ */ o("div", { className: "pvx-dash-stat-content", children: [
+        /* @__PURE__ */ r("span", { className: "pvx-dash-stat-value", children: t.rating.toFixed(1) }),
+        /* @__PURE__ */ r("span", { className: "pvx-dash-stat-label", children: "Driver Rating" }),
+        /* @__PURE__ */ o("span", { className: "pvx-dash-stat-sub", children: [
           "#",
-          n.rank,
+          t.rank,
           " of ",
-          n.totalDrivers
+          t.totalDrivers
         ] })
       ] })
     ] })
   ] });
 }
-const se = 10;
-function $t({ records: t, className: n = "" }) {
-  const [r, a] = q(!1), s = T(() => t != null && t.length ? t.slice().sort((o, m) => {
-    const d = o.recordedAt ? new Date(o.recordedAt).getTime() : 0;
-    return (m.recordedAt ? new Date(m.recordedAt).getTime() : 0) - d;
-  }) : [], [t]);
-  if (!s.length) return null;
-  const i = r ? s : s.slice(0, se), c = s.length > se;
-  return /* @__PURE__ */ l("div", { className: `pvx-card ${n}`, children: [
-    /* @__PURE__ */ e("div", { className: "pvx-card-header", children: /* @__PURE__ */ l("h3", { className: "pvx-card-title", children: [
-      /* @__PURE__ */ e("span", { className: "pvx-dash-records-icon", children: /* @__PURE__ */ l("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-        /* @__PURE__ */ e("path", { d: "M6 9H4.5a2.5 2.5 0 010-5H6" }),
-        /* @__PURE__ */ e("path", { d: "M18 9h1.5a2.5 2.5 0 000-5H18" }),
-        /* @__PURE__ */ e("path", { d: "M4 22h16" }),
-        /* @__PURE__ */ e("path", { d: "M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20 7 22" }),
-        /* @__PURE__ */ e("path", { d: "M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20 17 22" }),
-        /* @__PURE__ */ e("path", { d: "M18 2H6v7a6 6 0 0012 0V2z" })
+function mr({ records: e, className: t = "" }) {
+  const n = k(() => e != null && e.length ? e.slice().sort((s, a) => {
+    const i = s.recordedAt ? new Date(s.recordedAt).getTime() : 0;
+    return (a.recordedAt ? new Date(a.recordedAt).getTime() : 0) - i;
+  }) : [], [e]);
+  return n.length ? /* @__PURE__ */ o("div", { className: `pvx-card ${t}`, children: [
+    /* @__PURE__ */ r("div", { className: "pvx-card-header", children: /* @__PURE__ */ o("h3", { className: "pvx-card-title", children: [
+      /* @__PURE__ */ r("span", { className: "pvx-dash-records-icon", children: /* @__PURE__ */ o("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+        /* @__PURE__ */ r("path", { d: "M6 9H4.5a2.5 2.5 0 010-5H6" }),
+        /* @__PURE__ */ r("path", { d: "M18 9h1.5a2.5 2.5 0 000-5H18" }),
+        /* @__PURE__ */ r("path", { d: "M4 22h16" }),
+        /* @__PURE__ */ r("path", { d: "M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20 7 22" }),
+        /* @__PURE__ */ r("path", { d: "M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20 17 22" }),
+        /* @__PURE__ */ r("path", { d: "M18 2H6v7a6 6 0 0012 0V2z" })
       ] }) }),
       "Current Records",
-      /* @__PURE__ */ l("span", { className: "pvx-dash-records-count", children: [
+      /* @__PURE__ */ o("span", { className: "pvx-dash-records-count", children: [
         "(",
-        s.length,
+        n.length,
         ")"
       ] })
     ] }) }),
-    /* @__PURE__ */ e("div", { className: "pvx-dash-records-list", children: i.map((o, m) => /* @__PURE__ */ l("div", { className: "pvx-dash-record-row", children: [
-      /* @__PURE__ */ l("div", { className: "pvx-dash-record-info", children: [
-        /* @__PURE__ */ e("span", { className: "pvx-dash-record-track", children: j(o.trackId, o.layout, o.game) }),
-        /* @__PURE__ */ e("span", { className: "pvx-dash-record-car", children: D(o.carId) })
+    /* @__PURE__ */ r("div", { className: "pvx-dash-records-list", children: n.map((s, a) => /* @__PURE__ */ o("div", { className: "pvx-dash-record-row", children: [
+      /* @__PURE__ */ o("div", { className: "pvx-dash-record-info", children: [
+        /* @__PURE__ */ r("span", { className: "pvx-dash-record-track", children: q(s.trackId, s.layout, s.game) }),
+        /* @__PURE__ */ r("span", { className: "pvx-dash-record-car", children: S(s.carId) })
       ] }),
-      /* @__PURE__ */ l("div", { className: "pvx-dash-record-time", children: [
-        /* @__PURE__ */ e("span", { className: "pvx-dash-record-lap", children: F(o.lapTimeMs) }),
-        /* @__PURE__ */ l("span", { className: `pvx-dash-game-badge pvx-dash-game-badge--${o.game || "evo"}`, children: [
-          (o.game || "evo").toUpperCase(),
-          o.gameVersion ? ` ${o.gameVersion}` : ""
+      /* @__PURE__ */ o("div", { className: "pvx-dash-record-time", children: [
+        /* @__PURE__ */ r("span", { className: "pvx-dash-record-lap", children: U(s.lapTimeMs) }),
+        /* @__PURE__ */ o("span", { className: `pvx-dash-game-badge pvx-dash-game-badge--${s.game || "evo"}`, children: [
+          (s.game || "evo").toUpperCase(),
+          s.gameVersion ? ` ${s.gameVersion}` : ""
         ] })
       ] })
-    ] }, m)) }),
-    c && /* @__PURE__ */ e(
-      "button",
+    ] }, a)) })
+  ] }) : null;
+}
+function vr({ events: e, isLoading: t, className: n }) {
+  return t ? /* @__PURE__ */ r("div", { className: "pvx-loading", children: "Loading upcoming events..." }) : e != null && e.length ? /* @__PURE__ */ o("div", { className: `pvx-card ${n || ""}`, children: [
+    /* @__PURE__ */ r("div", { className: "pvx-card-header", children: /* @__PURE__ */ o("h3", { className: "pvx-card-title", children: [
+      /* @__PURE__ */ r(xr, {}),
+      "Upcoming Events",
+      /* @__PURE__ */ o("span", { className: "pvx-dash-records-count", children: [
+        "(",
+        e.length,
+        ")"
+      ] })
+    ] }) }),
+    /* @__PURE__ */ r("div", { className: "pvx-upcoming-list", children: e.map((s) => /* @__PURE__ */ o(
+      "div",
       {
-        className: "pvx-dash-records-toggle",
-        onClick: () => a(!r),
-        children: r ? "Show less" : `Show all ${s.length} records`
-      }
-    )
+        className: `pvx-upcoming-item ${s.isNext ? "pvx-upcoming-item--next" : ""}`,
+        children: [
+          /* @__PURE__ */ o("div", { className: "pvx-upcoming-info", children: [
+            /* @__PURE__ */ r("span", { className: "pvx-upcoming-comp", children: s.competitionName }),
+            /* @__PURE__ */ o("span", { className: "pvx-upcoming-round", children: [
+              "Round ",
+              s.roundNumber,
+              ": ",
+              s.track
+            ] })
+          ] }),
+          /* @__PURE__ */ o("div", { className: "pvx-upcoming-time", children: [
+            /* @__PURE__ */ r("span", { className: "pvx-upcoming-date", children: new Date(s.startTime).toLocaleDateString("en-GB", {
+              day: "numeric",
+              month: "short",
+              year: "numeric"
+            }) }),
+            /* @__PURE__ */ r("span", { className: "pvx-upcoming-relative", children: hr(s.startTime) }),
+            s.isNext && /* @__PURE__ */ r("span", { className: "pvx-upcoming-badge", children: "Next" })
+          ] })
+        ]
+      },
+      `${s.competitionId}-${s.roundNumber}`
+    )) })
+  ] }) : null;
+}
+function hr(e) {
+  const t = new Date(e).getTime() - Date.now();
+  if (t <= 0) return "Now";
+  const n = Math.floor(t / (1e3 * 60 * 60));
+  if (n < 1) return "Less than 1 hour";
+  if (n < 24) return `in ${n}h`;
+  const s = Math.floor(n / 24);
+  if (s === 1) return "Tomorrow";
+  if (s < 7) return `in ${s} days`;
+  if (s < 30) {
+    const a = Math.floor(s / 7);
+    return `in ${a} week${a !== 1 ? "s" : ""}`;
+  }
+  return ne(e);
+}
+function xr() {
+  return /* @__PURE__ */ o("svg", { className: "pvx-dash-records-icon", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ r("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }),
+    /* @__PURE__ */ r("path", { d: "M16 2v4M8 2v4M3 10h18" })
+  ] });
+}
+function gr({ notifications: e, unreadCount: t = 0, onMarkRead: n, onMarkAllRead: s, isLoading: a, className: i }) {
+  const c = ae();
+  return a ? /* @__PURE__ */ r("div", { className: "pvx-loading", children: "Loading notifications..." }) : /* @__PURE__ */ o("div", { className: `pvx-card ${i || ""}`, children: [
+    /* @__PURE__ */ o("div", { className: "pvx-card-header", children: [
+      /* @__PURE__ */ o("h3", { className: "pvx-card-title", children: [
+        /* @__PURE__ */ r(br, {}),
+        "Notifications",
+        t > 0 && /* @__PURE__ */ r("span", { className: "pvx-notif-badge", children: t > 99 ? "99+" : t })
+      ] }),
+      t > 0 && s && /* @__PURE__ */ r("button", { className: "pvx-notif-mark-all", onClick: s, children: "Mark all read" })
+    ] }),
+    e != null && e.length ? /* @__PURE__ */ r("div", { className: "pvx-notif-list", children: e.map((d) => /* @__PURE__ */ r(
+      fr,
+      {
+        notification: d,
+        getUserDisplay: c,
+        onMarkRead: n
+      },
+      d.id
+    )) }) : /* @__PURE__ */ r("div", { className: "pvx-notif-empty", children: "No notifications" })
+  ] });
+}
+function fr({ notification: e, getUserDisplay: t, onMarkRead: n }) {
+  const s = () => {
+    !e.isRead && n && n(e.id);
+  };
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      className: `pvx-notif-item ${e.isRead ? "" : "pvx-notif-item--unread"}`,
+      onClick: s,
+      children: [
+        /* @__PURE__ */ r(Nr, { type: e.type }),
+        /* @__PURE__ */ o("div", { className: "pvx-notif-content", children: [
+          /* @__PURE__ */ r("span", { className: "pvx-notif-message", children: Te(e, t) }),
+          /* @__PURE__ */ r("span", { className: "pvx-notif-time", children: ne(e.createdAt) })
+        ] }),
+        !e.isRead && /* @__PURE__ */ r("span", { className: "pvx-notif-dot" })
+      ]
+    }
+  );
+}
+function Nr({ type: e }) {
+  return e === "RECORD_BEATEN" ? /* @__PURE__ */ r("span", { className: "pvx-notif-icon pvx-notif-icon--beaten", children: /* @__PURE__ */ r("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ r("path", { d: "m7 7 10 10M17 7v10H7" }) }) }) : e === "ADMIN_MESSAGE" ? /* @__PURE__ */ r("span", { className: "pvx-notif-icon pvx-notif-icon--admin", children: /* @__PURE__ */ o("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ r("path", { d: "m3 11 18-5v12L3 13v-2z" }),
+    /* @__PURE__ */ r("path", { d: "M11.6 16.8a3 3 0 1 1-5.8-1.6" })
+  ] }) }) : /* @__PURE__ */ r("span", { className: "pvx-notif-icon pvx-notif-icon--record", children: /* @__PURE__ */ o("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ r("path", { d: "M6 9H4.5a2.5 2.5 0 0 1 0-5H6" }),
+    /* @__PURE__ */ r("path", { d: "M18 9h1.5a2.5 2.5 0 0 0 0-5H18" }),
+    /* @__PURE__ */ r("path", { d: "M4 22h16" }),
+    /* @__PURE__ */ r("path", { d: "M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22" }),
+    /* @__PURE__ */ r("path", { d: "M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22" }),
+    /* @__PURE__ */ r("path", { d: "M18 2H6v7a6 6 0 0 0 12 0V2Z" })
+  ] }) });
+}
+function br() {
+  return /* @__PURE__ */ o("svg", { className: "pvx-dash-records-icon", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ r("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }),
+    /* @__PURE__ */ r("path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" })
   ] });
 }
-function qt({ steamId: t, avatarUrl: n, memberSince: r, className: a = "" }) {
-  const { data: s, isLoading: i, error: c } = Ct(t), { data: o, isLoading: m } = wt(t);
-  return i || m ? /* @__PURE__ */ e("div", { className: "pvx-loading", children: "Loading dashboard..." }) : c ? /* @__PURE__ */ e("div", { className: "pvx-empty", children: "Failed to load dashboard data." }) : s ? /* @__PURE__ */ l("div", { className: `pvx-dash ${a}`, children: [
-    /* @__PURE__ */ e(
-      kt,
+function jr({ steamId: e, avatarUrl: t, memberSince: n, className: s = "" }) {
+  const { data: a, isLoading: i, error: c } = rr(e), { data: d, isLoading: u } = tr(e), { data: l, isLoading: m } = nr(), g = sr(), { data: v, isLoading: f } = ar({ limit: 10 }), b = ir(), p = or();
+  return i || u ? /* @__PURE__ */ r("div", { className: "pvx-loading", children: "Loading dashboard..." }) : c ? /* @__PURE__ */ r("div", { className: "pvx-empty", children: "Failed to load dashboard data." }) : a ? /* @__PURE__ */ o("div", { className: `pvx-dash ${s}`, children: [
+    /* @__PURE__ */ r(
+      cr,
       {
-        driverName: s.driverName,
-        avatarUrl: n,
-        memberSince: r
+        driverName: a.driverName,
+        avatarUrl: t,
+        memberSince: n
       }
     ),
-    /* @__PURE__ */ e(Rt, { stats: s, rating: o }),
-    /* @__PURE__ */ e($t, { records: s.currentRecords })
-  ] }) : /* @__PURE__ */ e("div", { className: "pvx-empty", children: "No data available yet. Start driving to see your stats!" });
+    /* @__PURE__ */ r(ur, { stats: a, rating: d }),
+    e && /* @__PURE__ */ r(vr, { events: l, isLoading: m }),
+    /* @__PURE__ */ o("div", { className: `pvx-dash-row ${g ? "pvx-dash-row--2col" : ""}`, children: [
+      /* @__PURE__ */ r(mr, { records: a.currentRecords }),
+      g && /* @__PURE__ */ r(
+        gr,
+        {
+          notifications: v == null ? void 0 : v.notifications,
+          unreadCount: (v == null ? void 0 : v.unreadCount) || 0,
+          onMarkRead: (N) => b.mutate(N),
+          onMarkAllRead: () => p.mutate(),
+          isLoading: f
+        }
+      )
+    ] })
+  ] }) : /* @__PURE__ */ r("div", { className: "pvx-empty", children: "No data available yet. Start driving to see your stats!" });
 }
 export {
-  Ye as CarsTable,
-  it as CompetitionCards,
-  _t as CompetitionExplorer,
-  qt as DriverDashboard,
-  kt as DriverProfile,
-  et as DriversTable,
-  xt as EntryList,
-  tt as LapHistoryTable,
-  Vt as LeaderboardExplorer,
-  Pt as PitVoxPartnerProvider,
-  $t as RecordsTable,
-  gt as RegisterButton,
-  pt as RoundResults,
-  ct as StandingsTable,
-  Rt as StatsCards,
-  Xe as TracksTable,
-  D as formatCarName,
-  E as formatDate,
-  Ut as formatDelta,
-  F as formatLapTime,
-  At as formatRelativeTime,
-  A as formatSectorTime,
-  j as formatTrackName,
-  le as formatTyreCompound,
-  Ft as useCarLeaderboard,
-  Fe as useCarMetadata,
-  Et as useCompetitionAllRounds,
-  de as useCompetitionConfig,
-  qe as useCompetitionEntryList,
-  _e as useCompetitionRound,
-  Ve as useCompetitionStandings,
-  Ee as useCompetitions,
-  Ae as useDriverLaps,
-  wt as useDriverRating,
-  Ct as useDriverStats,
-  Pe as useLeaderboardIndex,
-  k as usePitVox,
-  Ke as useRegister,
-  Oe as useRegistrationMode,
-  je as useRegistrationStatus,
-  We as useRegistrationUrl,
-  ce as useTrackLeaderboard,
-  Ue as useUserLookup,
-  He as useWithdraw
+  Ir as CarsTable,
+  I as CompEmptyState,
+  F as CompLoadingState,
+  Ur as CompetitionCards,
+  jr as DriverDashboard,
+  cr as DriverProfile,
+  Br as DriversTable,
+  Er as EntryList,
+  H as InfoPill,
+  Pr as LapHistoryTable,
+  gr as NotificationsCard,
+  _e as PODIUM_MEDALS,
+  Cr as PitVoxPartnerProvider,
+  mr as RecordsTable,
+  _r as RegisterButton,
+  qr as RegistrationPanel,
+  Fr as RoundResults,
+  Qe as RoundSessionResults,
+  Ar as StandingsTable,
+  ur as StatsCards,
+  Dr as TracksTable,
+  je as TypeBadge,
+  vr as UpcomingEvents,
+  S as formatCarName,
+  A as formatDate,
+  Lr as formatDelta,
+  U as formatLapTime,
+  Te as formatNotificationMessage,
+  ne as formatRelativeTime,
+  D as formatSectorTime,
+  q as formatTrackName,
+  se as formatTyreCompound,
+  Sr as useCarLeaderboard,
+  Tr as useCarMetadata,
+  Mr as useCompetitionAllRounds,
+  Me as useCompetitionConfig,
+  ie as useCompetitionEntryList,
+  Ie as useCompetitionRound,
+  De as useCompetitionStandings,
+  $r as useCompetitions,
+  $e as useDriverLaps,
+  tr as useDriverRating,
+  rr as useDriverStats,
+  Rr as useLeaderboardIndex,
+  or as useMarkAllNotificationsRead,
+  ir as useMarkNotificationRead,
+  ar as useNotifications,
+  sr as useNotificationsEnabled,
+  w as usePitVox,
+  oe as useRegister,
+  Q as useRegistrationMode,
+  z as useRegistrationStatus,
+  Z as useRegistrationUrl,
+  Se as useTrackLeaderboard,
+  Vr as useUnreadCount,
+  nr as useUpcomingEvents,
+  ae as useUserLookup,
+  ce as useWithdraw
 };