@jmruthers/pace-core 0.5.90 → 0.5.92

package/dist/{chunk-EWMXLDIX.js → chunk-5LAY74WM.js}

@@ -1,6 +1,7 @@
 import {
   Alert,
   AlertDescription,
+  AlertTitle,
   Button,
   Card,
   CardContent,
@@ -22,7 +23,7 @@ import {
   SelectSeparator,
   SelectTrigger,
   SelectValue
-} from "./chunk-4DYK5KCK.js";
+} from "./chunk-TZXYSZT3.js";
 import {
   isPermitted,
   isSuperAdmin
@@ -41,26 +42,28 @@ import {
   useIsPublicPage,
   usePublicEventLogo,
   usePublicPageContext
-} from "./chunk-JDPFQV3V.js";
+} from "./chunk-M52CQP5W.js";
 import {
   useToast
 } from "./chunk-QPCAGLUS.js";
 import {
   useEvents,
   useOrganisations
-} from "./chunk-JQWSAYZC.js";
+} from "./chunk-OXFOS62D.js";
 import {
   UnifiedAuthProvider_exports,
   init_UnifiedAuthProvider as init_UnifiedAuthProvider2
-} from "./chunk-7XBW2P7B.js";
+} from "./chunk-AYC2P377.js";
 import {
   EventServiceContext,
   EventServiceProvider,
   init_EventServiceProvider,
   init_UnifiedAuthProvider,
+  init_useSessionRestoration,
   useEventService,
+  useSessionRestoration,
   useUnifiedAuth
-} from "./chunk-AIV3VYBQ.js";
+} from "./chunk-AAM57AEU.js";
 import {
   LoadingSpinner
 } from "./chunk-CDQ3PX7L.js";
@@ -581,6 +584,17 @@ function EventSelector({
       if (next) {
         setSelectedEvent(next);
         if (onEventChange) onEventChange(next);
+      } else {
+        const mostRecentPast = [...events].filter((e) => {
+          if (!e.event_date) return false;
+          const eventDate = new Date(e.event_date);
+          const startOfEventDate = new Date(eventDate.getFullYear(), eventDate.getMonth(), eventDate.getDate()).getTime();
+          return startOfEventDate < startOfToday;
+        }).sort((a, b) => new Date(b.event_date).getTime() - new Date(a.event_date).getTime())[0];
+        if (mostRecentPast) {
+          setSelectedEvent(mostRecentPast);
+          if (onEventChange) onEventChange(mostRecentPast);
+        }
       }
     }
   }, [events, selectedEvent, setSelectedEvent, onEventChange]);
@@ -1123,6 +1137,7 @@ var NavigationMenu = React9.forwardRef(({
 NavigationMenu.displayName = "NavigationMenu";
 
 // src/components/Header/Header.tsx
+import { Link } from "react-router-dom";
 import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 function Header({
   logoUrl,
@@ -1138,20 +1153,35 @@ function Header({
   showEventSelector = true,
   showUserMenu = true,
   currentPath,
-  onNavigate
+  onNavigate,
+  logoHref
 }) {
   return /* @__PURE__ */ jsx12("header", { className: cn(
     "w-full border-b border-main-200 h-16 shadow-sm bg-main-100 ",
     className
   ), role: "banner", children: /* @__PURE__ */ jsxs8("nav", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto grid grid-cols-[auto_auto_1fr_auto] gap-4 h-full items-center", children: [
-    logo ? logo : logoUrl ? /* @__PURE__ */ jsx12(
+    logo ? logoHref ? /* @__PURE__ */ jsx12(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: logo }) : logo : logoUrl ? logoHref ? /* @__PURE__ */ jsx12(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: /* @__PURE__ */ jsx12(
+      "img",
+      {
+        src: logoUrl,
+        alt: logoAlt || "Logo",
+        className: "h-[2.15rem] w-auto max-w-[200px] object-contain rounded-md shadow-md bg-transparent"
+      }
+    ) }) : /* @__PURE__ */ jsx12(
       "img",
       {
         src: logoUrl,
         alt: logoAlt || "Logo",
         className: "h-[2.15rem] w-auto max-w-[200px] object-contain rounded-md shadow-md bg-transparent"
       }
-    ) : /* @__PURE__ */ jsx12(
+    ) : logoHref ? /* @__PURE__ */ jsx12(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: /* @__PURE__ */ jsx12(
+      "img",
+      {
+        src: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23000'/%3E%3Ctext x='16' y='20' text-anchor='middle' fill='white' font-family='Arial' font-size='14' font-weight='bold'%3EL%3C/text%3E%3C/svg%3E",
+        alt: logoAlt || "Logo",
+        className: "h-8 w-8 shadow-md"
+      }
+    ) }) : /* @__PURE__ */ jsx12(
       "img",
       {
         src: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23000'/%3E%3Ctext x='16' y='20' text-anchor='middle' fill='white' font-family='Arial' font-size='14' font-weight='bold'%3EL%3C/text%3E%3C/svg%3E",
@@ -1227,6 +1257,7 @@ function PaceAppLayout({
   showEventSelector,
   headerActions,
   customLogo,
+  logoHref = "/dashboard",
   customUserMenu,
   headerClassName,
   showUserMenu = true,
@@ -1416,7 +1447,7 @@ function PaceAppLayout({
         }
       }
       if (hasAccess && currentRoute.roles && currentRoute.roles.length > 0 && user?.id) {
-        const { useUnifiedAuth: useUnifiedAuth2 } = await import("./UnifiedAuthProvider-6JRTOFPS.js");
+        const { useUnifiedAuth: useUnifiedAuth2 } = await import("./UnifiedAuthProvider-ZM7VUC45.js");
         hasAccess = true;
       }
       if (!isMounted) return;
@@ -1500,6 +1531,7 @@ function PaceAppLayout({
         logo: customLogo || void 0,
         logoUrl: !customLogo ? `/${appName.toLowerCase()}_logo_wide.svg` : void 0,
         logoAlt: `${appName} Logo`,
+        logoHref,
         navItems: filteredMenuItems,
         actions: headerActions,
         userMenu: customUserMenu,
@@ -1658,9 +1690,104 @@ var PaceLoginPage = ({
   ] });
 };
 
+// src/components/SessionRestorationLoader.tsx
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+var SessionRestorationLoader = ({
+  message = "Restoring session..."
+}) => {
+  return /* @__PURE__ */ jsxs12(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        height: "100vh",
+        width: "100%",
+        gap: "1rem",
+        textAlign: "center",
+        padding: "1rem",
+        background: "var(--background, transparent)"
+      },
+      children: [
+        /* @__PURE__ */ jsx16(LoadingSpinner, { size: "lg" }),
+        /* @__PURE__ */ jsx16(
+          "div",
+          {
+            style: {
+              fontSize: "0.95rem",
+              color: "var(--muted-foreground, #6b7280)"
+            },
+            children: message
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/components/ProtectedRoute/ProtectedRoute.tsx
+init_UnifiedAuthProvider();
+init_useSessionRestoration();
+import { useMemo as useMemo6 } from "react";
+import { Navigate, Outlet as Outlet2 } from "react-router-dom";
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+function ProtectedRoute({
+  requireEvent = true,
+  allowSuperAdminBypass = false,
+  noEventsFallback,
+  loadingFallback,
+  loginPath = "/login"
+}) {
+  const { isAuthenticated, isLoading } = useUnifiedAuth();
+  const { selectedEvent, events, isLoading: eventLoading } = useEvents();
+  const sessionRestoration = useSessionRestoration();
+  const isRestoringSession = useMemo6(() => {
+    return sessionRestoration.isRestoring && !sessionRestoration.restorationComplete && !sessionRestoration.restorationError && !sessionRestoration.hasTimedOut;
+  }, [
+    sessionRestoration.isRestoring,
+    sessionRestoration.restorationComplete,
+    sessionRestoration.restorationError,
+    sessionRestoration.hasTimedOut
+  ]);
+  if (isRestoringSession) {
+    return /* @__PURE__ */ jsx17(SessionRestorationLoader, {});
+  }
+  if (isLoading && !sessionRestoration.hasTimedOut) {
+    return loadingFallback || /* @__PURE__ */ jsx17("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100vh" }, children: /* @__PURE__ */ jsx17(LoadingSpinner, {}) });
+  }
+  if (!isAuthenticated) {
+    if (sessionRestoration.hasTimedOut || sessionRestoration.restorationError) {
+      console.warn("[ProtectedRoute] Session restoration failed, redirecting to login", {
+        timedOut: sessionRestoration.hasTimedOut,
+        error: sessionRestoration.restorationError?.message
+      });
+    }
+    return /* @__PURE__ */ jsx17(Navigate, { to: loginPath, replace: true });
+  }
+  if (!requireEvent) {
+    return /* @__PURE__ */ jsx17(Outlet2, {});
+  }
+  if (eventLoading) {
+    return /* @__PURE__ */ jsx17(Outlet2, {});
+  }
+  if (!events || events.length === 0) {
+    return noEventsFallback || /* @__PURE__ */ jsx17("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "100vh", padding: "2rem" }, children: /* @__PURE__ */ jsxs13(Alert, { variant: "destructive", className: "max-w-md", children: [
+      /* @__PURE__ */ jsx17(AlertTitle, { children: "No Events Available" }),
+      /* @__PURE__ */ jsx17(AlertDescription, { children: "You don't have access to any events. Please contact your administrator if you believe this is an error." })
+    ] }) });
+  }
+  if (!selectedEvent) {
+    console.debug("[ProtectedRoute] Events available but none selected - allowing render so selector is visible");
+    return /* @__PURE__ */ jsx17(Outlet2, {});
+  }
+  return /* @__PURE__ */ jsx17(Outlet2, {});
+}
+
 // src/components/ErrorBoundary/ErrorBoundary.tsx
 import { Component } from "react";
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 var ErrorBoundary = class extends Component {
   constructor(props) {
     super(props);
@@ -1733,22 +1860,22 @@ var ErrorBoundary = class extends Component {
       if (fallback) {
         return fallback;
       }
-      return /* @__PURE__ */ jsx16(
+      return /* @__PURE__ */ jsx18(
         "div",
         {
           role: "alert",
           className: "p-6 bg-destructive/10 border border-destructive/20 rounded-lg",
           "data-error-boundary": errorId,
-          children: /* @__PURE__ */ jsxs12("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsx16("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx16("svg", { className: "w-5 h-5 text-destructive", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx16("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }) }),
-            /* @__PURE__ */ jsxs12("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsxs12("h3", { className: "text-destructive", children: [
+          children: /* @__PURE__ */ jsxs14("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsx18("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx18("svg", { className: "w-5 h-5 text-destructive", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx18("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }) }),
+            /* @__PURE__ */ jsxs14("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsxs14("h3", { className: "text-destructive", children: [
                 "Error in ",
                 componentName
               ] }),
-              /* @__PURE__ */ jsx16("p", { className: "text-destructive/80", children: this.state.error?.message || "An unexpected error occurred." }),
-              enableRetry && retryCount < maxRetries && /* @__PURE__ */ jsxs12("div", { className: "flex gap-3 mb-4", children: [
-                /* @__PURE__ */ jsxs12(
+              /* @__PURE__ */ jsx18("p", { className: "text-destructive/80", children: this.state.error?.message || "An unexpected error occurred." }),
+              enableRetry && retryCount < maxRetries && /* @__PURE__ */ jsxs14("div", { className: "flex gap-3 mb-4", children: [
+                /* @__PURE__ */ jsxs14(
                   "button",
                   {
                     onClick: this.handleRetry,
@@ -1762,7 +1889,7 @@ var ErrorBoundary = class extends Component {
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx16(
+                /* @__PURE__ */ jsx18(
                   "button",
                   {
                     onClick: () => window.location.reload(),
@@ -1771,9 +1898,9 @@ var ErrorBoundary = class extends Component {
                   }
                 )
               ] }),
-              retryCount >= maxRetries && /* @__PURE__ */ jsxs12("div", { className: "mb-4 p-3 bg-acc-50 border border-acc-200 rounded-md", children: [
-                /* @__PURE__ */ jsx16("p", { className: "text-acc-800", children: "Maximum retry attempts reached. Please reload the page or contact support." }),
-                /* @__PURE__ */ jsx16(
+              retryCount >= maxRetries && /* @__PURE__ */ jsxs14("div", { className: "mb-4 p-3 bg-acc-50 border border-acc-200 rounded-md", children: [
+                /* @__PURE__ */ jsx18("p", { className: "text-acc-800", children: "Maximum retry attempts reached. Please reload the page or contact support." }),
+                /* @__PURE__ */ jsx18(
                   "button",
                   {
                     onClick: () => window.location.reload(),
@@ -1782,14 +1909,14 @@ var ErrorBoundary = class extends Component {
                   }
                 )
               ] }),
-              import.meta.env.MODE === "development" && this.state.error && /* @__PURE__ */ jsxs12("details", { className: "text-sm text-destructive/70", children: [
-                /* @__PURE__ */ jsx16("summary", { className: "cursor-pointer font-medium mb-2", children: "Error Details (Development)" }),
-                /* @__PURE__ */ jsxs12("div", { className: "bg-destructive/5 p-3 rounded border", children: [
-                  /* @__PURE__ */ jsxs12("p", { className: "font-mono", children: [
+              import.meta.env.MODE === "development" && this.state.error && /* @__PURE__ */ jsxs14("details", { className: "text-sm text-destructive/70", children: [
+                /* @__PURE__ */ jsx18("summary", { className: "cursor-pointer font-medium mb-2", children: "Error Details (Development)" }),
+                /* @__PURE__ */ jsxs14("div", { className: "bg-destructive/5 p-3 rounded border", children: [
+                  /* @__PURE__ */ jsxs14("p", { className: "font-mono", children: [
                     "Error ID: ",
                     errorId
                   ] }),
-                  /* @__PURE__ */ jsxs12("pre", { className: "whitespace-pre-wrap text-xs overflow-auto max-h-32", children: [
+                  /* @__PURE__ */ jsxs14("pre", { className: "whitespace-pre-wrap text-xs overflow-auto max-h-32", children: [
                     this.state.error.toString(),
                     this.state.errorInfo?.componentStack
                   ] })
@@ -1804,48 +1931,11 @@ var ErrorBoundary = class extends Component {
   }
 };
 
-// src/components/SessionRestorationLoader.tsx
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
-var SessionRestorationLoader = ({
-  message = "Restoring session..."
-}) => {
-  return /* @__PURE__ */ jsxs13(
-    "div",
-    {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        height: "100vh",
-        width: "100%",
-        gap: "1rem",
-        textAlign: "center",
-        padding: "1rem",
-        background: "var(--background, transparent)"
-      },
-      children: [
-        /* @__PURE__ */ jsx17(LoadingSpinner, { size: "lg" }),
-        /* @__PURE__ */ jsx17(
-          "div",
-          {
-            style: {
-              fontSize: "0.95rem",
-              color: "var(--muted-foreground, #6b7280)"
-            },
-            children: message
-          }
-        )
-      ]
-    }
-  );
-};
-
 // src/components/OrganisationSelector/OrganisationSelector.tsx
 import { useState as useState7, useCallback as useCallback4 } from "react";
 init_OrganisationProvider();
 import { RefreshCw as RefreshCw2, AlertCircle as AlertCircle2, Building2, Shield } from "lucide-react";
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 function OrganisationSelector({
   placeholder = "Select organisation",
   className,
@@ -1909,21 +1999,21 @@ function OrganisationSelector({
     }
   }, [refreshOrganisations]);
   if (orgLoading) {
-    return /* @__PURE__ */ jsxs14("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx18(LoadingSpinner, { size: "sm" }),
-      /* @__PURE__ */ jsx18("span", { className: "text-sm text-muted-foreground", children: compact ? "Loading..." : "Loading organisations..." })
+    return /* @__PURE__ */ jsxs15("div", { className: `flex items-center gap-2 ${className}`, children: [
+      /* @__PURE__ */ jsx19(LoadingSpinner, { size: "sm" }),
+      /* @__PURE__ */ jsx19("span", { className: "text-sm text-muted-foreground", children: compact ? "Loading..." : "Loading organisations..." })
     ] });
   }
   if (orgError) {
-    return /* @__PURE__ */ jsxs14("div", { className: `space-y-2 ${className}`, children: [
-      /* @__PURE__ */ jsxs14(Alert, { variant: "destructive", children: [
-        /* @__PURE__ */ jsx18(AlertCircle2, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsxs14(AlertDescription, { children: [
+    return /* @__PURE__ */ jsxs15("div", { className: `space-y-2 ${className}`, children: [
+      /* @__PURE__ */ jsxs15(Alert, { variant: "destructive", children: [
+        /* @__PURE__ */ jsx19(AlertCircle2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsxs15(AlertDescription, { children: [
           "Failed to load organisations: ",
           orgError.message
         ] })
       ] }),
-      showRetryButton && /* @__PURE__ */ jsxs14(
+      showRetryButton && /* @__PURE__ */ jsxs15(
         Button,
         {
           variant: "outline",
@@ -1932,7 +2022,7 @@ function OrganisationSelector({
           disabled: isLoading,
           className: "w-full",
           children: [
-            /* @__PURE__ */ jsx18(RefreshCw2, { className: `h-4 w-4 mr-2 ${isLoading ? "animate-spin" : ""}` }),
+            /* @__PURE__ */ jsx19(RefreshCw2, { className: `h-4 w-4 mr-2 ${isLoading ? "animate-spin" : ""}` }),
             "Retry"
           ]
         }
@@ -1941,12 +2031,12 @@ function OrganisationSelector({
   }
   if (organisations.length === 0) {
     if (showNoOrganisationsMessage) {
-      return /* @__PURE__ */ jsxs14("div", { className: `space-y-2 ${className}`, children: [
-        /* @__PURE__ */ jsxs14(Alert, { children: [
-          /* @__PURE__ */ jsx18(Building2, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx18(AlertDescription, { children: "No organisations available. Please contact your administrator to be added to an organisation." })
+      return /* @__PURE__ */ jsxs15("div", { className: `space-y-2 ${className}`, children: [
+        /* @__PURE__ */ jsxs15(Alert, { children: [
+          /* @__PURE__ */ jsx19(Building2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx19(AlertDescription, { children: "No organisations available. Please contact your administrator to be added to an organisation." })
         ] }),
-        showRetryButton && /* @__PURE__ */ jsxs14(
+        showRetryButton && /* @__PURE__ */ jsxs15(
           Button,
           {
             variant: "outline",
@@ -1955,7 +2045,7 @@ function OrganisationSelector({
             disabled: isLoading,
             className: "w-full",
             children: [
-              /* @__PURE__ */ jsx18(RefreshCw2, { className: `h-4 w-4 mr-2 ${isLoading ? "animate-spin" : ""}` }),
+              /* @__PURE__ */ jsx19(RefreshCw2, { className: `h-4 w-4 mr-2 ${isLoading ? "animate-spin" : ""}` }),
               "Check Again"
             ]
           }
@@ -1964,42 +2054,42 @@ function OrganisationSelector({
     }
     return null;
   }
-  const switchErrorDisplay = switchError && /* @__PURE__ */ jsxs14(Alert, { variant: "destructive", className: "mt-2", children: [
-    /* @__PURE__ */ jsx18(AlertCircle2, { className: "h-4 w-4" }),
-    /* @__PURE__ */ jsx18(AlertDescription, { children: switchError })
+  const switchErrorDisplay = switchError && /* @__PURE__ */ jsxs15(Alert, { variant: "destructive", className: "mt-2", children: [
+    /* @__PURE__ */ jsx19(AlertCircle2, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx19(AlertDescription, { children: switchError })
   ] });
-  return /* @__PURE__ */ jsxs14("div", { className: `space-y-2 ${className}`, children: [
-    /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15("div", { className: `space-y-2 ${className}`, children: [
+    /* @__PURE__ */ jsxs15(
       Select,
       {
         value: selectedOrganisation?.id || "",
         onValueChange: handleOrganisationChange,
         disabled: disabled || isLoading || !selectedOrganisation,
         children: [
-          /* @__PURE__ */ jsx18(SelectTrigger, { className: `${isLoading ? "opacity-50" : ""}`, children: /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
-            isLoading ? /* @__PURE__ */ jsx18(LoadingSpinner, { size: "sm" }) : /* @__PURE__ */ jsx18(Building2, { className: "h-4 w-4 text-muted-foreground" }),
-            /* @__PURE__ */ jsx18(SelectValue, { placeholder })
+          /* @__PURE__ */ jsx19(SelectTrigger, { className: `${isLoading ? "opacity-50" : ""}`, children: /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
+            isLoading ? /* @__PURE__ */ jsx19(LoadingSpinner, { size: "sm" }) : /* @__PURE__ */ jsx19(Building2, { className: "h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsx19(SelectValue, { placeholder })
           ] }) }),
-          /* @__PURE__ */ jsx18(SelectContent, { children: organisations.map((org) => {
+          /* @__PURE__ */ jsx19(SelectContent, { children: organisations.map((org) => {
             const userRole = getUserRole(org.id);
             const hasAccess = validateOrganisationAccess(org.id);
-            return /* @__PURE__ */ jsx18(
+            return /* @__PURE__ */ jsx19(
               SelectItem,
               {
                 value: org.id,
                 disabled: !hasAccess,
                 className: !hasAccess ? "opacity-50" : "",
-                children: /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between w-full", children: [
-                  /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx18(Building2, { className: "h-4 w-4" }),
-                    /* @__PURE__ */ jsxs14("div", { className: "flex flex-col", children: [
-                      /* @__PURE__ */ jsx18("span", { className: "font-medium", children: org.display_name }),
-                      !compact && org.description && /* @__PURE__ */ jsx18("span", { className: "text-xs text-muted-foreground truncate max-w-40", children: org.description })
+                children: /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between w-full", children: [
+                  /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx19(Building2, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ jsxs15("div", { className: "flex flex-col", children: [
+                      /* @__PURE__ */ jsx19("span", { className: "font-medium", children: org.display_name }),
+                      !compact && org.description && /* @__PURE__ */ jsx19("span", { className: "text-xs text-muted-foreground truncate max-w-40", children: org.description })
                     ] })
                   ] }),
-                  showRole && /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-1 ml-4", children: [
-                    /* @__PURE__ */ jsx18(Shield, { className: "h-3 w-3 text-muted-foreground" }),
-                    /* @__PURE__ */ jsx18("span", { className: "text-xs text-muted-foreground capitalize", children: userRole?.replace("_", " ") || "No Role" })
+                  showRole && /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-1 ml-4", children: [
+                    /* @__PURE__ */ jsx19(Shield, { className: "h-3 w-3 text-muted-foreground" }),
+                    /* @__PURE__ */ jsx19("span", { className: "text-xs text-muted-foreground capitalize", children: userRole?.replace("_", " ") || "No Role" })
                   ] })
                 ] })
               },
@@ -2016,7 +2106,7 @@ function OrganisationSelector({
 // src/components/PasswordReset/PasswordResetForm.tsx
 import { useState as useState8 } from "react";
 init_UnifiedAuthProvider2();
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function PasswordResetForm({
   onSuccess,
   onError,
@@ -2057,13 +2147,13 @@ function PasswordResetForm({
     setError(null);
   };
   if (isSuccess) {
-    return /* @__PURE__ */ jsx19("div", { className: cn("", className), role: "form", children: /* @__PURE__ */ jsxs15("div", { className: "space-y-4 text-center", children: [
-      /* @__PURE__ */ jsx19("h2", { children: "Check your email" }),
-      /* @__PURE__ */ jsxs15("p", { className: "text-sec-600", children: [
+    return /* @__PURE__ */ jsx20("div", { className: cn("", className), role: "form", children: /* @__PURE__ */ jsxs16("div", { className: "space-y-4 text-center", children: [
+      /* @__PURE__ */ jsx20("h2", { children: "Check your email" }),
+      /* @__PURE__ */ jsxs16("p", { className: "text-sec-600", children: [
         "We have sent a password reset link to ",
         email
       ] }),
-      /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsx20(
         Button,
         {
           variant: "outline",
@@ -2074,15 +2164,15 @@ function PasswordResetForm({
       )
     ] }) });
   }
-  return /* @__PURE__ */ jsx19("div", { className: cn("", className), role: "form", children: /* @__PURE__ */ jsxs15("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs15("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx19("h2", { children: "Reset Password" }),
-      /* @__PURE__ */ jsx19("p", { className: "text-sec-600", children: "Enter your email address and we'll send you a reset link." })
+  return /* @__PURE__ */ jsx20("div", { className: cn("", className), role: "form", children: /* @__PURE__ */ jsxs16("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx20("h2", { children: "Reset Password" }),
+      /* @__PURE__ */ jsx20("p", { className: "text-sec-600", children: "Enter your email address and we'll send you a reset link." })
     ] }),
-    /* @__PURE__ */ jsxs15("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs15("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx19(Label, { htmlFor: "email", children: "Email Address" }),
-        /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsxs16("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx20(Label, { htmlFor: "email", children: "Email Address" }),
+        /* @__PURE__ */ jsx20(
           Input,
           {
             id: "email",
@@ -2095,8 +2185,8 @@ function PasswordResetForm({
           }
         )
       ] }),
-      error && /* @__PURE__ */ jsx19("div", { className: "text-sm text-destructive", role: "alert", children: error }),
-      /* @__PURE__ */ jsx19(
+      error && /* @__PURE__ */ jsx20("div", { className: "text-sm text-destructive", role: "alert", children: error }),
+      /* @__PURE__ */ jsx20(
         Button,
         {
           type: "submit",
@@ -2110,7 +2200,7 @@ function PasswordResetForm({
 }
 
 // src/hooks/useFileReference.ts
-import { useState as useState9, useCallback as useCallback5, useEffect as useEffect5, useRef as useRef2, useMemo as useMemo6 } from "react";
+import { useState as useState9, useCallback as useCallback5, useEffect as useEffect5, useRef as useRef2, useMemo as useMemo7 } from "react";
 
 // src/utils/file-reference.ts
 init_organisationContext();
@@ -2412,7 +2502,7 @@ async function uploadFileWithReference(supabase, options, file) {
 function useFileReference(supabase) {
   const [isLoading, setIsLoading] = useState9(false);
   const [error, setError] = useState9(null);
-  const service = useMemo6(() => createFileReferenceService(supabase), [supabase]);
+  const service = useMemo7(() => createFileReferenceService(supabase), [supabase]);
   const uploadFile2 = useCallback5(async (options, file) => {
     setIsLoading(true);
     setError(null);
@@ -2745,7 +2835,7 @@ function useFilesByCategory(supabase, table_name, record_id, category, organisat
 }
 
 // src/components/FileUpload/FileUpload.tsx
-import { useState as useState10, useCallback as useCallback6, useRef as useRef3, useEffect as useEffect6, useMemo as useMemo7 } from "react";
+import { useState as useState10, useCallback as useCallback6, useRef as useRef3, useEffect as useEffect6, useMemo as useMemo8 } from "react";
 
 // src/utils/appIdResolver.ts
 async function getAppId(supabase, appName) {
@@ -2787,7 +2877,7 @@ var CachedAppIdResolver = class {
 var cachedAppIdResolver = new CachedAppIdResolver();
 
 // src/components/FileUpload/FileUpload.tsx
-import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 function FileUpload({
   supabase,
   table_name,
@@ -2851,12 +2941,12 @@ function FileUpload({
     };
     resolveAppId();
   }, [app_id, supabase]);
-  const isUploading = useMemo7(() => {
+  const isUploading = useMemo8(() => {
     return uploadStates.size > 0 && Array.from(uploadStates.values()).some(
       (state) => state.progress.status === "uploading" || state.progress.status === "processing"
     );
   }, [uploadStates]);
-  const isDisabled = useMemo7(() => {
+  const isDisabled = useMemo8(() => {
     return disabled || isUploading || isResolvingAppId || !resolvedAppId;
   }, [disabled, isUploading, isResolvingAppId, resolvedAppId]);
   const generatePreview = useCallback6((file) => {
@@ -3116,8 +3206,8 @@ function FileUpload({
   };
   const dragClasses = isDragging ? "border-main-500 bg-main-50" : "border-sec-300 hover:border-sec-400";
   const disabledClasses = isDisabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:bg-sec-50";
-  return /* @__PURE__ */ jsxs16("div", { className: `space-y-4 ${className}`, children: [
-    /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17("div", { className: `space-y-4 ${className}`, children: [
+    /* @__PURE__ */ jsxs17(
       "div",
       {
         className: `relative border-2 border-dashed rounded-lg p-6 text-center transition-colors ${dragClasses} ${disabledClasses}`,
@@ -3126,8 +3216,8 @@ function FileUpload({
         onDrop: handleDrop,
         onClick: !isDisabled ? handleClick : void 0,
         children: [
-          children || /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx20(
+          children || /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx21(
               "input",
               {
                 ref: fileInputRef,
@@ -3140,55 +3230,55 @@ function FileUpload({
                 "data-testid": "file-input"
               }
             ),
-            /* @__PURE__ */ jsx20("div", { className: "text-sec-600", children: isResolvingAppId ? "Resolving app configuration..." : isDragging ? "Drop files here..." : /* @__PURE__ */ jsxs16(Fragment5, { children: [
-              /* @__PURE__ */ jsx20("span", { className: "font-medium", children: "Click to upload" }),
+            /* @__PURE__ */ jsx21("div", { className: "text-sec-600", children: isResolvingAppId ? "Resolving app configuration..." : isDragging ? "Drop files here..." : /* @__PURE__ */ jsxs17(Fragment5, { children: [
+              /* @__PURE__ */ jsx21("span", { className: "font-medium", children: "Click to upload" }),
               " ",
               "or drag and drop"
             ] }) }),
-            /* @__PURE__ */ jsxs16("div", { className: "text-sm text-sec-500", children: [
+            /* @__PURE__ */ jsxs17("div", { className: "text-sm text-sec-500", children: [
               !isResolvingAppId && accept !== "*/*" && `Accepted formats: ${accept}`,
               !isResolvingAppId && maxSize && ` \u2022 Max size: ${Math.round(maxSize / 1024 / 1024)}MB`,
               !isResolvingAppId && multiple && " \u2022 Multiple files allowed"
             ] })
           ] }),
-          isUploading && !showProgress && /* @__PURE__ */ jsx20("div", { className: "absolute inset-0 bg-white bg-opacity-75 flex items-center justify-center", children: /* @__PURE__ */ jsx20("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-main-500" }) })
+          isUploading && !showProgress && /* @__PURE__ */ jsx21("div", { className: "absolute inset-0 bg-white bg-opacity-75 flex items-center justify-center", children: /* @__PURE__ */ jsx21("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-main-500" }) })
         ]
       }
     ),
-    showProgress && uploadStates.size > 0 && /* @__PURE__ */ jsx20("div", { className: "space-y-2", children: Array.from(uploadStates.entries()).map(([fileId, uploadState]) => {
+    showProgress && uploadStates.size > 0 && /* @__PURE__ */ jsx21("div", { className: "space-y-2", children: Array.from(uploadStates.entries()).map(([fileId, uploadState]) => {
       const { file, progress, preview, result } = uploadState;
       const isError = progress.status === "error";
       const isCompleted = progress.status === "completed";
       const isUploading2 = progress.status === "uploading" || progress.status === "processing";
-      return /* @__PURE__ */ jsxs16(
+      return /* @__PURE__ */ jsxs17(
         "div",
         {
           className: `flex items-center space-x-3 p-3 rounded-lg border ${isError ? "bg-acc-50 border-acc-200" : isCompleted ? "bg-success-50 border-success-200" : "bg-sec-50 border-sec-200"}`,
           children: [
-            /* @__PURE__ */ jsx20("div", { className: "flex-shrink-0", children: preview ? /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21("div", { className: "flex-shrink-0", children: preview ? /* @__PURE__ */ jsx21(
               "img",
               {
                 src: preview,
                 alt: file.name,
                 className: "w-12 h-12 object-cover rounded"
               }
-            ) : /* @__PURE__ */ jsx20("div", { className: "w-12 h-12 flex items-center justify-center bg-sec-200 rounded", children: /* @__PURE__ */ jsx20("span", { className: "text-2xl", children: "\u{1F4C4}" }) }) }),
-            /* @__PURE__ */ jsxs16("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsx20("div", { className: "font-medium text-sec-900 truncate", children: file.name }),
-              /* @__PURE__ */ jsxs16("div", { className: "text-sm text-sec-500", children: [
+            ) : /* @__PURE__ */ jsx21("div", { className: "w-12 h-12 flex items-center justify-center bg-sec-200 rounded", children: /* @__PURE__ */ jsx21("span", { className: "text-2xl", children: "\u{1F4C4}" }) }) }),
+            /* @__PURE__ */ jsxs17("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx21("div", { className: "font-medium text-sec-900 truncate", children: file.name }),
+              /* @__PURE__ */ jsxs17("div", { className: "text-sm text-sec-500", children: [
                 formatFileSize(file.size),
                 isCompleted && result && " \u2022 Uploaded",
                 isError && progress.error && ` \u2022 ${progress.error}`
               ] }),
-              showProgress && (isUploading2 || isError) && /* @__PURE__ */ jsxs16("div", { className: "mt-2", children: [
-                /* @__PURE__ */ jsx20("div", { className: "w-full bg-sec-200 rounded-full h-2", children: /* @__PURE__ */ jsx20(
+              showProgress && (isUploading2 || isError) && /* @__PURE__ */ jsxs17("div", { className: "mt-2", children: [
+                /* @__PURE__ */ jsx21("div", { className: "w-full bg-sec-200 rounded-full h-2", children: /* @__PURE__ */ jsx21(
                   "div",
                   {
                     className: `h-2 rounded-full transition-all duration-300 ${isError ? "bg-acc-500" : "bg-main-500"}`,
                     style: { width: `${progress.percentage}%` }
                   }
                 ) }),
-                isUploading2 && /* @__PURE__ */ jsxs16("div", { className: "text-xs text-sec-500 mt-1", children: [
+                isUploading2 && /* @__PURE__ */ jsxs17("div", { className: "text-xs text-sec-500 mt-1", children: [
                   progress.percentage,
                   "% \u2022 ",
                   formatFileSize(progress.loaded),
@@ -3197,24 +3287,24 @@ function FileUpload({
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs16("div", { className: "flex-shrink-0", children: [
-              isCompleted && /* @__PURE__ */ jsx20("span", { className: "text-success-500 text-xl", children: "\u2713" }),
-              isError && /* @__PURE__ */ jsx20("span", { className: "text-acc-500 text-xl", children: "\u2715" }),
-              isUploading2 && /* @__PURE__ */ jsx20("div", { className: "animate-spin rounded-full h-5 w-5 border-b-2 border-main-500" })
+            /* @__PURE__ */ jsxs17("div", { className: "flex-shrink-0", children: [
+              isCompleted && /* @__PURE__ */ jsx21("span", { className: "text-success-500 text-xl", children: "\u2713" }),
+              isError && /* @__PURE__ */ jsx21("span", { className: "text-acc-500 text-xl", children: "\u2715" }),
+              isUploading2 && /* @__PURE__ */ jsx21("div", { className: "animate-spin rounded-full h-5 w-5 border-b-2 border-main-500" })
             ] })
           ]
         },
         fileId
       );
     }) }),
-    appIdError && /* @__PURE__ */ jsx20("div", { className: "p-3 bg-acc-50 border border-acc-200 rounded-lg text-sm text-acc-600", children: appIdError }),
-    error && /* @__PURE__ */ jsx20("div", { className: "p-3 bg-acc-50 border border-acc-200 rounded-lg text-sm text-acc-600", children: error })
+    appIdError && /* @__PURE__ */ jsx21("div", { className: "p-3 bg-acc-50 border border-acc-200 rounded-lg text-sm text-acc-600", children: appIdError }),
+    error && /* @__PURE__ */ jsx21("div", { className: "p-3 bg-acc-50 border border-acc-200 rounded-lg text-sm text-acc-600", children: error })
   ] });
 }
 
 // src/components/FileDisplay/FileDisplay.tsx
 import { useState as useState11, useEffect as useEffect7, useRef as useRef4 } from "react";
-import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function FileDisplay({
   supabase,
   table_name,
@@ -3348,15 +3438,15 @@ function FileDisplay({
     return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
   };
   if (isLoading) {
-    return /* @__PURE__ */ jsx21("div", { className: `flex items-center justify-center p-4 ${className}`, children: /* @__PURE__ */ jsx21("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-main-500" }) });
+    return /* @__PURE__ */ jsx22("div", { className: `flex items-center justify-center p-4 ${className}`, children: /* @__PURE__ */ jsx22("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-main-500" }) });
   }
   if (error) {
-    return /* @__PURE__ */ jsxs17("div", { className: `p-4 bg-acc-50 border border-acc-200 rounded-lg ${className}`, children: [
-      /* @__PURE__ */ jsxs17("div", { className: "text-acc-600", children: [
+    return /* @__PURE__ */ jsxs18("div", { className: `p-4 bg-acc-50 border border-acc-200 rounded-lg ${className}`, children: [
+      /* @__PURE__ */ jsxs18("div", { className: "text-acc-600", children: [
         "Error loading file: ",
         error
       ] }),
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx22(
         "button",
         {
           onClick: clearError,
@@ -3367,16 +3457,16 @@ function FileDisplay({
     ] });
   }
   if (fileCount === 0) {
-    return /* @__PURE__ */ jsxs17("div", { className: `text-sec-500 text-center p-4 ${className}`, children: [
+    return /* @__PURE__ */ jsxs18("div", { className: `text-sec-500 text-center p-4 ${className}`, children: [
       "No files found",
       children
     ] });
   }
   if (category && fileReference) {
     const isImage = fileReference.file_metadata.fileType?.startsWith("image/");
-    return /* @__PURE__ */ jsxs17("div", { className: `space-y-2 ${className}`, children: [
-      isImage && fileUrl && !imageError ? /* @__PURE__ */ jsxs17("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx21(
+    return /* @__PURE__ */ jsxs18("div", { className: `space-y-2 ${className}`, children: [
+      isImage && fileUrl && !imageError ? /* @__PURE__ */ jsxs18("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx22(
           "img",
           {
             src: fileUrl,
@@ -3385,7 +3475,7 @@ function FileDisplay({
             onError: handleImageError
           }
         ),
-        showDelete && /* @__PURE__ */ jsx21(
+        showDelete && /* @__PURE__ */ jsx22(
           "button",
           {
             onClick: handleDelete,
@@ -3395,16 +3485,16 @@ function FileDisplay({
             children: "\xD7"
           }
         )
-      ] }) : /* @__PURE__ */ jsxs17("div", { className: "flex items-center space-x-3 p-3 bg-sec-50 rounded-lg border border-sec-200", children: [
-        /* @__PURE__ */ jsx21("span", { className: "text-2xl", children: getFileIcon(fileReference.file_metadata.fileType || "") }),
-        /* @__PURE__ */ jsxs17("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx21("div", { className: "font-medium text-sec-900 truncate", children: fileReference.file_metadata.fileName || "Unknown file" }),
-          /* @__PURE__ */ jsxs17("div", { className: "text-sm text-sec-500", children: [
+      ] }) : /* @__PURE__ */ jsxs18("div", { className: "flex items-center space-x-3 p-3 bg-sec-50 rounded-lg border border-sec-200", children: [
+        /* @__PURE__ */ jsx22("span", { className: "text-2xl", children: getFileIcon(fileReference.file_metadata.fileType || "") }),
+        /* @__PURE__ */ jsxs18("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx22("div", { className: "font-medium text-sec-900 truncate", children: fileReference.file_metadata.fileName || "Unknown file" }),
+          /* @__PURE__ */ jsxs18("div", { className: "text-sm text-sec-500", children: [
             fileReference.file_metadata.fileSize && formatFileSize(fileReference.file_metadata.fileSize),
             fileReference.file_metadata.fileType && ` \u2022 ${fileReference.file_metadata.fileType}`
           ] })
         ] }),
-        showDelete && /* @__PURE__ */ jsx21(
+        showDelete && /* @__PURE__ */ jsx22(
           "button",
           {
             onClick: handleDelete,
@@ -3418,14 +3508,14 @@ function FileDisplay({
       children
     ] });
   }
-  return /* @__PURE__ */ jsxs17("div", { className: `space-y-2 ${className}`, children: [
+  return /* @__PURE__ */ jsxs18("div", { className: `space-y-2 ${className}`, children: [
     fileReferences.map((fileRef) => {
       const isImage = fileRef.file_metadata.fileType?.startsWith("image/");
       const fileUrl2 = fileUrls.get(fileRef.id) || null;
       const isLoadingUrl = loadingUrls.has(fileRef.id);
       const canDownload = !isImage && fileUrl2;
-      return /* @__PURE__ */ jsxs17("div", { className: "flex items-center space-x-3 p-3 bg-sec-50 rounded-lg border border-sec-200", children: [
-        isLoadingUrl ? /* @__PURE__ */ jsx21("div", { className: "w-12 h-12 flex items-center justify-center", children: /* @__PURE__ */ jsx21("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-main-500" }) }) : isImage && fileUrl2 ? /* @__PURE__ */ jsx21(
+      return /* @__PURE__ */ jsxs18("div", { className: "flex items-center space-x-3 p-3 bg-sec-50 rounded-lg border border-sec-200", children: [
+        isLoadingUrl ? /* @__PURE__ */ jsx22("div", { className: "w-12 h-12 flex items-center justify-center", children: /* @__PURE__ */ jsx22("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-main-500" }) }) : isImage && fileUrl2 ? /* @__PURE__ */ jsx22(
           "img",
           {
             src: fileUrl2,
@@ -3433,17 +3523,17 @@ function FileDisplay({
             className: "w-12 h-12 object-cover rounded",
             onError: handleImageError
           }
-        ) : /* @__PURE__ */ jsx21("span", { className: "text-2xl", children: getFileIcon(fileRef.file_metadata.fileType || "") }),
-        /* @__PURE__ */ jsxs17("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx21("div", { className: "font-medium text-sec-900 truncate", children: fileRef.file_metadata.fileName || "Unknown file" }),
-          /* @__PURE__ */ jsxs17("div", { className: "text-sm text-sec-500", children: [
+        ) : /* @__PURE__ */ jsx22("span", { className: "text-2xl", children: getFileIcon(fileRef.file_metadata.fileType || "") }),
+        /* @__PURE__ */ jsxs18("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx22("div", { className: "font-medium text-sec-900 truncate", children: fileRef.file_metadata.fileName || "Unknown file" }),
+          /* @__PURE__ */ jsxs18("div", { className: "text-sm text-sec-500", children: [
             fileRef.file_metadata.fileSize && formatFileSize(fileRef.file_metadata.fileSize),
             fileRef.file_metadata.fileType && ` \u2022 ${fileRef.file_metadata.fileType}`,
             fileRef.file_metadata.category && ` \u2022 ${fileRef.file_metadata.category}`
           ] })
         ] }),
-        /* @__PURE__ */ jsxs17("div", { className: "flex items-center space-x-2", children: [
-          canDownload && /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsxs18("div", { className: "flex items-center space-x-2", children: [
+          canDownload && /* @__PURE__ */ jsx22(
             "a",
             {
               href: fileRef.file_path,
@@ -3453,7 +3543,7 @@ function FileDisplay({
               children: "\u2193"
             }
           ),
-          showDelete && /* @__PURE__ */ jsx21(
+          showDelete && /* @__PURE__ */ jsx22(
             "button",
             {
               onClick: () => deleteFile2(true),
@@ -3470,7 +3560,7 @@ function FileDisplay({
 }
 
 // src/hooks/useEventLogo.ts
-import { useState as useState12, useEffect as useEffect8, useCallback as useCallback8, useMemo as useMemo8 } from "react";
+import { useState as useState12, useEffect as useEffect8, useCallback as useCallback8, useMemo as useMemo9 } from "react";
 function defaultGenerateFallbackText(eventName) {
   if (!eventName) return "EV";
   return eventName.split(" ").map((word) => word.charAt(0).toUpperCase()).join("").substring(0, 3);
@@ -3502,7 +3592,7 @@ function useEventLogo(supabase, eventId, eventName, organisationId, options = {}
   const [logoUrl, setLogoUrl] = useState12(null);
   const [isLoading, setIsLoading] = useState12(false);
   const [error, setError] = useState12(null);
-  const fallbackText = useMemo8(() => {
+  const fallbackText = useMemo9(() => {
     return eventName ? generateFallbackText(eventName) : "EV";
   }, [eventName, generateFallbackText]);
   const fetchLogo = useCallback8(async () => {
@@ -3630,9 +3720,9 @@ function getEventLogoCacheStats() {
 }
 
 // src/components/Table/Table.tsx
-import * as React18 from "react";
-import { jsx as jsx22 } from "react/jsx-runtime";
-var Table = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+import * as React19 from "react";
+import { jsx as jsx23 } from "react/jsx-runtime";
+var Table = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "table",
   {
     ref,
@@ -3641,9 +3731,9 @@ var Table = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Table.displayName = "Table";
-var TableHeader = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var TableBody = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "tbody",
   {
     ref,
@@ -3652,7 +3742,7 @@ var TableBody = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var TableFooter = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "tfoot",
   {
     ref,
@@ -3664,7 +3754,7 @@ var TableFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var TableRow = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "tr",
   {
     ref,
@@ -3676,7 +3766,7 @@ var TableRow = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var TableHead = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "th",
   {
     ref,
@@ -3688,7 +3778,7 @@ var TableHead = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var TableCell = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "td",
   {
     ref,
@@ -3697,7 +3787,7 @@ var TableCell = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var TableCaption = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
   "caption",
   {
     ref,
@@ -3708,9 +3798,9 @@ var TableCaption = React18.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 
 // src/components/PublicLayout/EventLogo.tsx
-import { useMemo as useMemo9, useContext } from "react";
+import { useMemo as useMemo10, useContext } from "react";
 init_UnifiedAuthProvider();
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var sizeClasses = {
   xs: "h-4 w-4 text-xs",
   sm: "h-6 w-6 text-sm",
@@ -3741,7 +3831,7 @@ function EventLogoPublic({
   const hasValidOrganisationId = organisationId && uuidRegex.test(organisationId);
   if (!supabase) {
     const effectiveSize = size || "md";
-    return /* @__PURE__ */ jsx23("div", { className: `${sizeClasses[effectiveSize]} ${className}`.trim(), title: `${eventName} logo (Supabase not configured)`, children: eventName ? defaultGenerateFallbackText2(eventName) : "EV" });
+    return /* @__PURE__ */ jsx24("div", { className: `${sizeClasses[effectiveSize]} ${className}`.trim(), title: `${eventName} logo (Supabase not configured)`, children: eventName ? defaultGenerateFallbackText2(eventName) : "EV" });
   }
   const {
     logoUrl,
@@ -3759,36 +3849,36 @@ function EventLogoPublic({
       supabase
     }
   );
-  const sizeClass = useMemo9(() => sizeClasses[size || "md"], [size]);
-  const combinedClasses = useMemo9(() => {
+  const sizeClass = useMemo10(() => sizeClasses[size || "md"], [size]);
+  const combinedClasses = useMemo10(() => {
     const baseClasses = "flex items-center justify-center bg-gray-100 text-gray-600 font-semibold rounded";
     return `${baseClasses} ${sizeClass} ${className}`.trim();
   }, [sizeClass, className]);
   if (!hasValidOrganisationId && !isLoading && !logoUrl && showFallback) {
-    return /* @__PURE__ */ jsx23("div", { className: combinedClasses, title: `${eventName} logo (invalid organisation ID)`, children: fallbackText });
+    return /* @__PURE__ */ jsx24("div", { className: combinedClasses, title: `${eventName} logo (invalid organisation ID)`, children: fallbackText });
   }
   if (isLoading) {
     if (LoadingComponent) {
-      return /* @__PURE__ */ jsx23(LoadingComponent, {});
+      return /* @__PURE__ */ jsx24(LoadingComponent, {});
     }
-    return /* @__PURE__ */ jsx23("div", { className: `${combinedClasses} animate-pulse`, children: /* @__PURE__ */ jsx23("div", { className: "w-3/4 h-3/4 bg-gray-300 rounded" }) });
+    return /* @__PURE__ */ jsx24("div", { className: `${combinedClasses} animate-pulse`, children: /* @__PURE__ */ jsx24("div", { className: "w-3/4 h-3/4 bg-gray-300 rounded" }) });
   }
   if (error) {
     if (ErrorComponent) {
-      return /* @__PURE__ */ jsx23(ErrorComponent, { error });
+      return /* @__PURE__ */ jsx24(ErrorComponent, { error });
     }
     if (showFallback) {
-      return /* @__PURE__ */ jsx23("div", { className: combinedClasses, title: `${eventName} (logo unavailable)`, children: fallbackText });
+      return /* @__PURE__ */ jsx24("div", { className: combinedClasses, title: `${eventName} (logo unavailable)`, children: fallbackText });
     }
     return null;
   }
   if (!logoUrl) {
     if (showFallback) {
-      return /* @__PURE__ */ jsx23("div", { className: combinedClasses, title: `${eventName} logo`, children: fallbackText });
+      return /* @__PURE__ */ jsx24("div", { className: combinedClasses, title: `${eventName} logo`, children: fallbackText });
     }
     return null;
   }
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "img",
     {
       src: logoUrl,
@@ -3823,7 +3913,7 @@ function EventLogoAuthenticated({
   const hasValidOrganisationId = organisationId && uuidRegex.test(organisationId);
   if (!supabase) {
     const effectiveSize = size || "md";
-    return /* @__PURE__ */ jsx23("div", { className: `${sizeClasses[effectiveSize]} ${className}`.trim(), title: `${eventName} logo (Supabase not configured)`, children: eventName ? defaultGenerateFallbackText2(eventName) : "EV" });
+    return /* @__PURE__ */ jsx24("div", { className: `${sizeClasses[effectiveSize]} ${className}`.trim(), title: `${eventName} logo (Supabase not configured)`, children: eventName ? defaultGenerateFallbackText2(eventName) : "EV" });
   }
   const {
     logoUrl,
@@ -3840,36 +3930,36 @@ function EventLogoAuthenticated({
       generateFallbackText
     }
   );
-  const sizeClass = useMemo9(() => sizeClasses[size || "md"], [size]);
-  const combinedClasses = useMemo9(() => {
+  const sizeClass = useMemo10(() => sizeClasses[size || "md"], [size]);
+  const combinedClasses = useMemo10(() => {
     const baseClasses = "flex items-center justify-center bg-gray-100 text-gray-600 font-semibold rounded";
     return `${baseClasses} ${sizeClass} ${className}`.trim();
   }, [sizeClass, className]);
   if (!hasValidOrganisationId && !isLoading && !logoUrl && showFallback) {
-    return /* @__PURE__ */ jsx23("div", { className: combinedClasses, title: `${eventName} logo (invalid organisation ID)`, children: fallbackText });
+    return /* @__PURE__ */ jsx24("div", { className: combinedClasses, title: `${eventName} logo (invalid organisation ID)`, children: fallbackText });
   }
   if (isLoading) {
     if (LoadingComponent) {
-      return /* @__PURE__ */ jsx23(LoadingComponent, {});
+      return /* @__PURE__ */ jsx24(LoadingComponent, {});
     }
-    return /* @__PURE__ */ jsx23("div", { className: `${combinedClasses} animate-pulse`, children: /* @__PURE__ */ jsx23("div", { className: "w-3/4 h-3/4 bg-gray-300 rounded" }) });
+    return /* @__PURE__ */ jsx24("div", { className: `${combinedClasses} animate-pulse`, children: /* @__PURE__ */ jsx24("div", { className: "w-3/4 h-3/4 bg-gray-300 rounded" }) });
   }
   if (error) {
     if (ErrorComponent) {
-      return /* @__PURE__ */ jsx23(ErrorComponent, { error });
+      return /* @__PURE__ */ jsx24(ErrorComponent, { error });
     }
     if (showFallback) {
-      return /* @__PURE__ */ jsx23("div", { className: combinedClasses, title: `${eventName} (logo unavailable)`, children: fallbackText });
+      return /* @__PURE__ */ jsx24("div", { className: combinedClasses, title: `${eventName} (logo unavailable)`, children: fallbackText });
     }
     return null;
   }
   if (!logoUrl) {
     if (showFallback) {
-      return /* @__PURE__ */ jsx23("div", { className: combinedClasses, title: `${eventName} logo`, children: fallbackText });
+      return /* @__PURE__ */ jsx24("div", { className: combinedClasses, title: `${eventName} logo`, children: fallbackText });
     }
     return null;
   }
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "img",
     {
       src: logoUrl,
@@ -3901,7 +3991,7 @@ function EventLogo({
 }) {
   const isPublicPage = useIsPublicPage();
   if (isPublicPage) {
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx24(
       EventLogoPublic,
       {
         eventId,
@@ -3917,7 +4007,7 @@ function EventLogo({
       }
     );
   }
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     EventLogoAuthenticated,
     {
       eventId,
@@ -3934,7 +4024,7 @@ function EventLogo({
   );
 }
 function EventLogoCompact(props) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     EventLogo,
     {
       ...props,
@@ -3944,7 +4034,7 @@ function EventLogoCompact(props) {
   );
 }
 function EventLogoLarge(props) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     EventLogo,
     {
       ...props,
@@ -3955,7 +4045,7 @@ function EventLogoLarge(props) {
 }
 
 // src/components/PublicLayout/PublicPageHeader.tsx
-import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 function PublicPageHeader({
   event,
   eventCode,
@@ -3970,10 +4060,10 @@ function PublicPageHeader({
 }) {
   const { appName } = useAppConfig();
   const headerClasses = `bg-white border-b border-gray-200 ${className}`.trim();
-  return /* @__PURE__ */ jsx24("header", { className: headerClasses, children: /* @__PURE__ */ jsxs18("div", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto", children: [
-    /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between py-4", children: [
-      showAppLogo && /* @__PURE__ */ jsx24("div", { className: "flex-shrink-0", children: customAppLogo || /* @__PURE__ */ jsxs18("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25("header", { className: headerClasses, children: /* @__PURE__ */ jsxs19("div", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto", children: [
+    /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between py-4", children: [
+      showAppLogo && /* @__PURE__ */ jsx25("div", { className: "flex-shrink-0", children: customAppLogo || /* @__PURE__ */ jsxs19("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ jsx25(
           "img",
           {
             className: "h-8 w-auto",
@@ -3981,9 +4071,9 @@ function PublicPageHeader({
             alt: appName
           }
         ),
-        /* @__PURE__ */ jsx24("span", { className: "ml-2 text-lg font-semibold text-gray-900", children: appName })
+        /* @__PURE__ */ jsx25("span", { className: "ml-2 text-lg font-semibold text-gray-900", children: appName })
       ] }) }),
-      showEventLogo && event && /* @__PURE__ */ jsx24("div", { className: "flex-shrink-0", children: customEventLogo || /* @__PURE__ */ jsx24(
+      showEventLogo && event && /* @__PURE__ */ jsx25("div", { className: "flex-shrink-0", children: customEventLogo || /* @__PURE__ */ jsx25(
         EventLogo,
         {
           eventId: event.event_id,
@@ -3994,22 +4084,22 @@ function PublicPageHeader({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx24("div", { className: "pb-4", children: /* @__PURE__ */ jsxs18("div", { className: "text-center", children: [
-      event && /* @__PURE__ */ jsxs18(Fragment6, { children: [
-        /* @__PURE__ */ jsx24("h1", { className: "text-3xl font-bold text-gray-900 mb-2", children: event.event_name }),
-        event.event_venue && /* @__PURE__ */ jsx24("p", { className: "text-md text-gray-500 mb-4", children: event.event_venue })
+    /* @__PURE__ */ jsx25("div", { className: "pb-4", children: /* @__PURE__ */ jsxs19("div", { className: "text-center", children: [
+      event && /* @__PURE__ */ jsxs19(Fragment6, { children: [
+        /* @__PURE__ */ jsx25("h1", { className: "text-3xl font-bold text-gray-900 mb-2", children: event.event_name }),
+        event.event_venue && /* @__PURE__ */ jsx25("p", { className: "text-md text-gray-500 mb-4", children: event.event_venue })
       ] }),
-      title && /* @__PURE__ */ jsxs18("div", { className: "mt-6", children: [
-        /* @__PURE__ */ jsx24("h2", { className: "text-2xl font-semibold text-gray-800 mb-2", children: title }),
-        description && /* @__PURE__ */ jsx24("p", { className: "text-lg text-gray-600 max-w-3xl mx-auto", children: description })
+      title && /* @__PURE__ */ jsxs19("div", { className: "mt-6", children: [
+        /* @__PURE__ */ jsx25("h2", { className: "text-2xl font-semibold text-gray-800 mb-2", children: title }),
+        description && /* @__PURE__ */ jsx25("p", { className: "text-lg text-gray-600 max-w-3xl mx-auto", children: description })
       ] }),
-      children && /* @__PURE__ */ jsx24("div", { className: "mt-4", children })
+      children && /* @__PURE__ */ jsx25("div", { className: "mt-4", children })
     ] }) })
   ] }) });
 }
 
 // src/components/PublicLayout/PublicPageFooter.tsx
-import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
 function PublicPageFooter({
   event,
   companyName = "Solvera Solutions Pty Ltd",
@@ -4021,16 +4111,16 @@ function PublicPageFooter({
   children
 }) {
   const copyrightText = copyright || `\xA9 Copyright 2022\u2013${year} all rights reserved, ${companyName}.`;
-  return /* @__PURE__ */ jsx25("footer", { className: cn("mt-8 py-6 flex justify-center border-t border-border bg-main-100", className), children: /* @__PURE__ */ jsxs19("section", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto text-center", children: [
-    logo && /* @__PURE__ */ jsx25("img", { src: logo, alt: "Logo", className: "h-8 w-auto" }),
-    children && /* @__PURE__ */ jsx25(Fragment7, { children }),
-    /* @__PURE__ */ jsx25("span", { className: "text-muted-foreground", children: copyrightText }),
-    links && links.length > 0 && /* @__PURE__ */ jsx25("ul", { className: "flex gap-4 mt-2 md:mt-0", children: links.map((link, index) => /* @__PURE__ */ jsx25("li", { children: /* @__PURE__ */ jsx25("a", { href: link.href, className: "text-muted-foreground hover:text-foreground", children: link.label }) }, index)) })
+  return /* @__PURE__ */ jsx26("footer", { className: cn("mt-8 py-6 flex justify-center border-t border-border bg-main-100", className), children: /* @__PURE__ */ jsxs20("section", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto text-center", children: [
+    logo && /* @__PURE__ */ jsx26("img", { src: logo, alt: "Logo", className: "h-8 w-auto" }),
+    children && /* @__PURE__ */ jsx26(Fragment7, { children }),
+    /* @__PURE__ */ jsx26("span", { className: "text-muted-foreground", children: copyrightText }),
+    links && links.length > 0 && /* @__PURE__ */ jsx26("ul", { className: "flex gap-4 mt-2 md:mt-0", children: links.map((link, index) => /* @__PURE__ */ jsx26("li", { children: /* @__PURE__ */ jsx26("a", { href: link.href, className: "text-muted-foreground hover:text-foreground", children: link.label }) }, index)) })
   ] }) });
 }
 
 // src/components/PublicLayout/PublicLoadingSpinner.tsx
-import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
 var sizeClasses2 = {
   sm: "h-4 w-4",
   md: "h-8 w-8",
@@ -4047,8 +4137,8 @@ function PublicLoadingSpinner({
 }) {
   const sizeClass = sizeClasses2[size];
   const displayMessage = customMessage || message;
-  const content = /* @__PURE__ */ jsxs20("div", { className: `flex flex-col items-center ${className}`, children: [
-    showLogo && /* @__PURE__ */ jsx26("div", { className: "mb-4", children: /* @__PURE__ */ jsx26(
+  const content = /* @__PURE__ */ jsxs21("div", { className: `flex flex-col items-center ${className}`, children: [
+    showLogo && /* @__PURE__ */ jsx27("div", { className: "mb-4", children: /* @__PURE__ */ jsx27(
       "img",
       {
         className: "h-8 w-auto",
@@ -4056,8 +4146,8 @@ function PublicLoadingSpinner({
         alt: "PACE Core"
       }
     ) }),
-    /* @__PURE__ */ jsxs20("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsxs21("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx27(
         "div",
         {
           className: `${sizeClass} border-2 border-gray-200 border-t-blue-600 rounded-full animate-spin`,
@@ -4065,12 +4155,12 @@ function PublicLoadingSpinner({
           "aria-label": "Loading"
         }
       ),
-      /* @__PURE__ */ jsx26("span", { className: "sr-only", children: displayMessage })
+      /* @__PURE__ */ jsx27("span", { className: "sr-only", children: displayMessage })
     ] }),
-    displayMessage && /* @__PURE__ */ jsx26("p", { className: "mt-4 text-sm text-gray-600 text-center", children: displayMessage })
+    displayMessage && /* @__PURE__ */ jsx27("p", { className: "mt-4 text-sm text-gray-600 text-center", children: displayMessage })
   ] });
   if (centered) {
-    return /* @__PURE__ */ jsx26("div", { className: "min-h-screen bg-white flex items-center justify-center", children: /* @__PURE__ */ jsx26("div", { className: "max-w-md mx-auto px-4", children: content }) });
+    return /* @__PURE__ */ jsx27("div", { className: "min-h-screen bg-white flex items-center justify-center", children: /* @__PURE__ */ jsx27("div", { className: "max-w-md mx-auto px-4", children: content }) });
   }
   return content;
 }
@@ -4079,8 +4169,8 @@ function PublicLoadingSpinnerFullPage({
   eventName,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx26("div", { className: `min-h-screen bg-white flex items-center justify-center ${className}`, children: /* @__PURE__ */ jsxs20("div", { className: "max-w-md mx-auto text-center px-4", children: [
-    /* @__PURE__ */ jsx26("div", { className: "mb-8", children: /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27("div", { className: `min-h-screen bg-white flex items-center justify-center ${className}`, children: /* @__PURE__ */ jsxs21("div", { className: "max-w-md mx-auto text-center px-4", children: [
+    /* @__PURE__ */ jsx27("div", { className: "mb-8", children: /* @__PURE__ */ jsx27(
       "img",
       {
         className: "h-12 w-auto mx-auto",
@@ -4088,8 +4178,8 @@ function PublicLoadingSpinnerFullPage({
         alt: "PACE Core"
       }
     ) }),
-    eventName && /* @__PURE__ */ jsx26("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: eventName }),
-    /* @__PURE__ */ jsx26("div", { className: "relative mb-6", children: /* @__PURE__ */ jsx26(
+    eventName && /* @__PURE__ */ jsx27("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: eventName }),
+    /* @__PURE__ */ jsx27("div", { className: "relative mb-6", children: /* @__PURE__ */ jsx27(
       "div",
       {
         className: "h-12 w-12 border-4 border-gray-200 border-t-blue-600 rounded-full animate-spin mx-auto",
@@ -4097,11 +4187,11 @@ function PublicLoadingSpinnerFullPage({
         "aria-label": "Loading"
       }
     ) }),
-    /* @__PURE__ */ jsx26("p", { className: "text-lg text-gray-600", children: message }),
-    /* @__PURE__ */ jsxs20("div", { className: "mt-4 flex justify-center space-x-1", children: [
-      /* @__PURE__ */ jsx26("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "0ms" } }),
-      /* @__PURE__ */ jsx26("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "150ms" } }),
-      /* @__PURE__ */ jsx26("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "300ms" } })
+    /* @__PURE__ */ jsx27("p", { className: "text-lg text-gray-600", children: message }),
+    /* @__PURE__ */ jsxs21("div", { className: "mt-4 flex justify-center space-x-1", children: [
+      /* @__PURE__ */ jsx27("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "0ms" } }),
+      /* @__PURE__ */ jsx27("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "150ms" } }),
+      /* @__PURE__ */ jsx27("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "300ms" } })
     ] })
   ] }) });
 }
@@ -4109,7 +4199,7 @@ function PublicLoadingSkeleton({
   lines = 3,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx26("div", { className: `animate-pulse ${className}`, children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27("div", { className: `animate-pulse ${className}`, children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx27(
     "div",
     {
       className: `h-4 bg-gray-200 rounded mb-2 ${index === lines - 1 ? "w-3/4" : "w-full"}`
@@ -4119,8 +4209,8 @@ function PublicLoadingSkeleton({
 }
 
 // src/components/PublicLayout/PublicPageLayout.tsx
-import { useMemo as useMemo10 } from "react";
-import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+import { useMemo as useMemo11 } from "react";
+import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
 function PublicPageLayout({
   eventCode,
   children,
@@ -4137,22 +4227,22 @@ function PublicPageLayout({
   const error = null;
   const refetch = async () => {
   };
-  const layoutClasses = useMemo10(() => {
+  const layoutClasses = useMemo11(() => {
     const baseClasses = "min-h-screen bg-white flex flex-col";
     return `${baseClasses} ${className}`.trim();
   }, [className]);
   if (isLoading) {
-    return /* @__PURE__ */ jsx27("div", { className: layoutClasses, children: /* @__PURE__ */ jsx27("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsx27(LoadingFallback, {}) }) });
+    return /* @__PURE__ */ jsx28("div", { className: layoutClasses, children: /* @__PURE__ */ jsx28("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsx28(LoadingFallback, {}) }) });
   }
   if (error && showValidationErrors) {
-    return /* @__PURE__ */ jsx27("div", { className: layoutClasses, children: /* @__PURE__ */ jsx27("div", { className: "flex-1 flex items-center justify-center", children: ErrorFallback ? /* @__PURE__ */ jsx27(ErrorFallback, { error, retry: refetch }) : /* @__PURE__ */ jsxs21("div", { className: "text-center p-8", children: [
-      /* @__PURE__ */ jsx27("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: "Event Not Found" }),
-      /* @__PURE__ */ jsxs21("p", { className: "text-gray-600 mb-6", children: [
+    return /* @__PURE__ */ jsx28("div", { className: layoutClasses, children: /* @__PURE__ */ jsx28("div", { className: "flex-1 flex items-center justify-center", children: ErrorFallback ? /* @__PURE__ */ jsx28(ErrorFallback, { error, retry: refetch }) : /* @__PURE__ */ jsxs22("div", { className: "text-center p-8", children: [
+      /* @__PURE__ */ jsx28("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: "Event Not Found" }),
+      /* @__PURE__ */ jsxs22("p", { className: "text-gray-600 mb-6", children: [
         'The event code "',
         eventCode,
         '" is invalid or the event is not available for public viewing.'
       ] }),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx28(
         "button",
         {
           onClick: refetch,
@@ -4163,10 +4253,10 @@ function PublicPageLayout({
     ] }) }) });
   }
   if (!event) {
-    return /* @__PURE__ */ jsx27("div", { className: layoutClasses, children: /* @__PURE__ */ jsx27("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxs21("div", { className: "text-center p-8", children: [
-      /* @__PURE__ */ jsx27("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: "Event Not Available" }),
-      /* @__PURE__ */ jsx27("p", { className: "text-gray-600 mb-6", children: "This event is not available for public viewing." }),
-      /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx28("div", { className: layoutClasses, children: /* @__PURE__ */ jsx28("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxs22("div", { className: "text-center p-8", children: [
+      /* @__PURE__ */ jsx28("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: "Event Not Available" }),
+      /* @__PURE__ */ jsx28("p", { className: "text-gray-600 mb-6", children: "This event is not available for public viewing." }),
+      /* @__PURE__ */ jsx28(
         "button",
         {
           onClick: refetch,
@@ -4176,16 +4266,16 @@ function PublicPageLayout({
       )
     ] }) }) });
   }
-  return /* @__PURE__ */ jsx27(PublicErrorBoundary, { children: /* @__PURE__ */ jsxs21("div", { className: layoutClasses, children: [
-    customHeader || /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(PublicErrorBoundary, { children: /* @__PURE__ */ jsxs22("div", { className: layoutClasses, children: [
+    customHeader || /* @__PURE__ */ jsx28(
       PublicPageHeader,
       {
         event,
         eventCode
       }
     ),
-    /* @__PURE__ */ jsx27("main", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children }),
-    showFooter && (customFooter || /* @__PURE__ */ jsx27(PublicPageFooter, { event }))
+    /* @__PURE__ */ jsx28("main", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children }),
+    showFooter && (customFooter || /* @__PURE__ */ jsx28(PublicPageFooter, { event }))
   ] }) });
 }
 function usePublicPageContext2() {
@@ -4203,7 +4293,7 @@ function usePublicPageContext2() {
 
 // src/components/PublicLayout/PublicPageDebugger.tsx
 import { useEffect as useEffect9 } from "react";
-import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
 function PublicPageDebugger({ enabled = true, label = "PublicPage" }) {
   useEffect9(() => {
     if (!enabled) return;
@@ -4246,7 +4336,7 @@ function PublicPageDebugger({ enabled = true, label = "PublicPage" }) {
     };
   }, [enabled, label]);
   if (!enabled) return null;
-  return /* @__PURE__ */ jsxs22("div", { style: {
+  return /* @__PURE__ */ jsxs23("div", { style: {
     position: "fixed",
     top: 0,
     right: 0,
@@ -4257,14 +4347,14 @@ function PublicPageDebugger({ enabled = true, label = "PublicPage" }) {
     zIndex: 9999,
     fontFamily: "monospace"
   }, children: [
-    /* @__PURE__ */ jsx28("div", { children: "Public Page Debugger" }),
-    /* @__PURE__ */ jsx28("div", { children: "Check console for context analysis" })
+    /* @__PURE__ */ jsx29("div", { children: "Public Page Debugger" }),
+    /* @__PURE__ */ jsx29("div", { children: "Check console for context analysis" })
   ] });
 }
 
 // src/components/PublicLayout/PublicPageDiagnostic.tsx
 import { useEffect as useEffect10, useState as useState13 } from "react";
-import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
 function PublicPageDiagnostic({ enabled = true, label = "PublicPage" }) {
   const [diagnostics, setDiagnostics] = useState13({
     hasPublicPageContext: false,
@@ -4345,7 +4435,7 @@ function PublicPageDiagnostic({ enabled = true, label = "PublicPage" }) {
     runDiagnostics();
   }, [enabled, label]);
   if (!enabled) return null;
-  return /* @__PURE__ */ jsxs23("div", { style: {
+  return /* @__PURE__ */ jsxs24("div", { style: {
     position: "fixed",
     top: 0,
     left: 0,
@@ -4358,38 +4448,38 @@ function PublicPageDiagnostic({ enabled = true, label = "PublicPage" }) {
     maxWidth: "300px",
     borderRadius: "0 0 8px 0"
   }, children: [
-    /* @__PURE__ */ jsx29("div", { style: { fontWeight: "bold", marginBottom: "8px" }, children: "\u{1F50D} Public Page Diagnostics" }),
-    /* @__PURE__ */ jsxs23("div", { children: [
+    /* @__PURE__ */ jsx30("div", { style: { fontWeight: "bold", marginBottom: "8px" }, children: "\u{1F50D} Public Page Diagnostics" }),
+    /* @__PURE__ */ jsxs24("div", { children: [
       "Public Context: ",
       diagnostics.hasPublicPageContext ? "\u2705" : "\u274C"
     ] }),
-    /* @__PURE__ */ jsxs23("div", { children: [
+    /* @__PURE__ */ jsxs24("div", { children: [
       "Auth Context: ",
       diagnostics.hasAuthContext ? "\u274C BAD" : "\u2705 GOOD"
     ] }),
-    /* @__PURE__ */ jsxs23("div", { children: [
+    /* @__PURE__ */ jsxs24("div", { children: [
       "Org Context: ",
       diagnostics.hasOrgContext ? "\u274C BAD" : "\u2705 GOOD"
     ] }),
-    /* @__PURE__ */ jsxs23("div", { children: [
+    /* @__PURE__ */ jsxs24("div", { children: [
       "Event Context: ",
       diagnostics.hasEventContext ? "\u274C BAD" : "\u2705 GOOD"
     ] }),
-    /* @__PURE__ */ jsxs23("div", { children: [
+    /* @__PURE__ */ jsxs24("div", { children: [
       "Env Vars: ",
       diagnostics.hasEnvironmentVars ? "\u2705" : "\u274C"
     ] }),
-    /* @__PURE__ */ jsxs23("div", { children: [
+    /* @__PURE__ */ jsxs24("div", { children: [
       "Route Params: ",
       diagnostics.routeParams ? "\u2705" : "\u274C"
     ] }),
-    /* @__PURE__ */ jsx29("div", { style: { marginTop: "8px", fontSize: "10px", opacity: 0.8 }, children: "Check console for detailed analysis" })
+    /* @__PURE__ */ jsx30("div", { style: { marginTop: "8px", fontSize: "10px", opacity: 0.8 }, children: "Check console for detailed analysis" })
   ] });
 }
 
 // src/components/PublicLayout/PublicPageContextChecker.tsx
 import { useEffect as useEffect11 } from "react";
-import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
 function PublicPageContextChecker({ enabled = true, label = "PublicPage" }) {
   useEffect11(() => {
     if (!enabled) return;
@@ -4453,7 +4543,7 @@ function PublicPageContextChecker({ enabled = true, label = "PublicPage" }) {
     console.groupEnd();
   }, [enabled, label]);
   if (!enabled) return null;
-  return /* @__PURE__ */ jsxs24("div", { style: {
+  return /* @__PURE__ */ jsxs25("div", { style: {
     position: "fixed",
     top: 0,
     left: 0,
@@ -4467,9 +4557,9 @@ function PublicPageContextChecker({ enabled = true, label = "PublicPage" }) {
     borderRadius: "0 0 8px 0",
     border: "2px solid #dc2626"
   }, children: [
-    /* @__PURE__ */ jsx30("div", { style: { fontWeight: "bold", marginBottom: "8px" }, children: "\u{1F6A8} PUBLIC PAGE CONTEXT CHECK" }),
-    /* @__PURE__ */ jsx30("div", { children: "Check console for authentication context analysis" }),
-    /* @__PURE__ */ jsx30("div", { style: { marginTop: "8px", fontSize: "10px", opacity: 0.9 }, children: "If you see \u274C errors in console, your public page is inside auth context!" })
+    /* @__PURE__ */ jsx31("div", { style: { fontWeight: "bold", marginBottom: "8px" }, children: "\u{1F6A8} PUBLIC PAGE CONTEXT CHECK" }),
+    /* @__PURE__ */ jsx31("div", { children: "Check console for authentication context analysis" }),
+    /* @__PURE__ */ jsx31("div", { style: { marginTop: "8px", fontSize: "10px", opacity: 0.9 }, children: "If you see \u274C errors in console, your public page is inside auth context!" })
   ] });
 }
 
@@ -4499,8 +4589,9 @@ export {
   Footer,
   PaceAppLayout,
   PaceLoginPage,
-  ErrorBoundary,
   SessionRestorationLoader,
+  ProtectedRoute,
+  ErrorBoundary,
   OrganisationSelector,
   PasswordResetForm,
   useFileReference,
@@ -4534,4 +4625,4 @@ export {
   PublicPageDiagnostic,
   PublicPageContextChecker
 };
-//# sourceMappingURL=chunk-EWMXLDIX.js.map
+//# sourceMappingURL=chunk-5LAY74WM.js.map