@jmruthers/pace-core 0.5.181 → 0.5.183

package/dist/{chunk-D7LCGMVS.js → chunk-QETLRQI6.js}

@@ -25,95 +25,61 @@ import {
   SelectSeparator,
   SelectTrigger,
   SelectValue
-} from "./chunk-5MT24GKJ.js";
+} from "./chunk-QUVSNGIP.js";
 import {
   useCan,
   usePermissions,
   useRBAC,
   useResolvedScope
-} from "./chunk-ZYTYSTO5.js";
+} from "./chunk-RA3JUFMW.js";
 import {
   isSuperAdmin
-} from "./chunk-BVYWGZVV.js";
+} from "./chunk-M7W4CP3M.js";
 import {
-  OrganisationProvider_exports,
-  PublicErrorBoundary,
+  ErrorBoundary,
   PublicPageContext,
   createFileReferenceService,
   getPublicUrl,
   getSignedUrl,
-  init_OrganisationProvider,
   uploadFileWithReference,
   useAppConfig,
   useEventTheme,
   useFileDisplay,
   useIsPublicPage,
-  usePublicFileDisplay,
-  usePublicPageContext
-} from "./chunk-HZLDFOE4.js";
+  usePublicFileDisplay
+} from "./chunk-MI7HBHN3.js";
 import {
   useToast
-} from "./chunk-BESYRHQM.js";
+} from "./chunk-6C4YBBJM.js";
 import {
-  init_useOrganisations,
   useEvents,
   useOrganisations
-} from "./chunk-LIMSTKYD.js";
-import {
-  UnifiedAuthProvider_exports,
-  init_UnifiedAuthProvider as init_UnifiedAuthProvider2
-} from "./chunk-EGI6MUL6.js";
+} from "./chunk-QCDXODCA.js";
 import {
   EventServiceContext,
-  EventServiceProvider,
-  init_EventServiceProvider,
-  init_UnifiedAuthProvider,
-  init_useSessionRestoration,
-  useEventService,
   useSessionRestoration,
   useUnifiedAuth
-} from "./chunk-3JI76CYK.js";
+} from "./chunk-FUEYYMX5.js";
+import {
+  assertAppId
+} from "./chunk-QXHPKYJV.js";
 import {
   LoadingSpinner,
   getAppId
-} from "./chunk-S5OFRT4M.js";
-import {
-  getCurrentAppName
-} from "./chunk-Q5QRDWKI.js";
-import {
-  performanceBudgetMonitor
-} from "./chunk-FMUCXFII.js";
+} from "./chunk-KUEN3HFB.js";
 import {
   cn
-} from "./chunk-56XJ3TU6.js";
+} from "./chunk-R77UEZ4E.js";
+import {
+  getCurrentAppName
+} from "./chunk-F2IMUDXZ.js";
 import {
   clearPalette
-} from "./chunk-ERISIBYU.js";
+} from "./chunk-SQGMNID3.js";
 import {
   createLogger,
-  init_logger,
   logger
-} from "./chunk-XDNLUEXI.js";
-import {
-  __esm,
-  __export,
-  __toCommonJS
-} from "./chunk-PLDDJCW6.js";
-
-// src/providers/EventProvider.tsx
-var EventProvider_exports = {};
-__export(EventProvider_exports, {
-  EventProvider: () => EventServiceProvider,
-  EventServiceContext: () => EventServiceContext,
-  useEventService: () => useEventService
-});
-var init_EventProvider = __esm({
-  "src/providers/EventProvider.tsx"() {
-    "use strict";
-    init_EventServiceProvider();
-    init_EventServiceProvider();
-  }
-});
+} from "./chunk-PWLANIRT.js";
 
 // src/components/Label/Label.tsx
 import * as React from "react";
@@ -152,7 +118,7 @@ var Label = React.forwardRef(({
         children: [
           children,
           required && /* @__PURE__ */ jsx(
-            "label",
+            "span",
             {
               "aria-label": "required",
               className: cn(
@@ -291,7 +257,8 @@ function buildVariantClasses(style, color, shade) {
       `shadow-${color}-${cfg.bg}`,
       `text-${color}-${cfg.text}`,
       "my-1",
-      "mx-1",
+      "ml-1",
+      "mr-2",
       "py-0",
       "px-2"
     );
@@ -312,7 +279,7 @@ function generateVariantClasses() {
 }
 var variantClassesMap = generateVariantClasses();
 function getBadgeClasses(variant = "solid-main-normal") {
-  const baseClasses = "inline-flex text-balance items-center rounded-2xl px-3 py-1 text-xs font-medium transition-colors box-border";
+  const baseClasses = "text-balance rounded-2xl px-3 py-1 mr-1 text-xs font-medium transition-colors box-border";
   return `${baseClasses} ${variantClassesMap[variant]}`;
 }
 var Badge = React4.forwardRef(
@@ -396,45 +363,50 @@ Switch.displayName = SwitchPrimitive.Root.displayName;
 import * as React6 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { jsx as jsx6 } from "react/jsx-runtime";
-var Tabs = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(TabsPrimitive.Root, { ref, ...props }));
+var Tabs = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx6(TabsPrimitive.Root, { asChild: true, ...props, children: /* @__PURE__ */ jsx6("section", { ref, className, children }) }));
 Tabs.displayName = TabsPrimitive.Root.displayName || "Tabs";
-var TabsList = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
-  TabsPrimitive.List,
+var TabsList = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx6(TabsPrimitive.List, { asChild: true, ...props, children: /* @__PURE__ */ jsx6(
+  "nav",
   {
     ref,
     className: cn(
-      "inline-flex h-10 items-center justify-center rounded-md bg-sec-100 p-1 text-sec-600",
+      "mb-0",
       className
     ),
-    ...props
+    children
   }
-));
+) }));
 TabsList.displayName = TabsPrimitive.List.displayName || "TabsList";
-var TabsTrigger = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
-  TabsPrimitive.Trigger,
-  {
-    ref,
-    className: cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-main-600 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-      "data-[state=active]:bg-background data-[state=active]:text-main-600 data-[state=active]:shadow-sm",
-      "data-[state=inactive]:text-sec-600 data-[state=inactive]:hover:text-main-600",
-      className
-    ),
-    ...props
-  }
-));
+var TabsTrigger = React6.forwardRef(({ className, variant, size, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx6(TabsPrimitive.Trigger, { asChild: true, ...props, children: /* @__PURE__ */ jsx6(
+    Button,
+    {
+      ref,
+      variant,
+      size,
+      className: cn(
+        "rounded-b-none",
+        "data-[state=active]:bg-main-50 data-[state=active]:text-main-950 data-[state=active]:border-t-1 data-[state=active]:border-x-1 data-[state=active]:shadow-md",
+        "data-[state=inactive]:bg-main-300 data-[state=inactive]:text-main-800 ",
+        "data-[state=inactive]:hover:bg-acc-400",
+        className
+      ),
+      children
+    }
+  ) });
+});
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName || "TabsTrigger";
-var TabsContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
-  TabsPrimitive.Content,
+var TabsContent = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx6(TabsPrimitive.Content, { asChild: true, ...props, children: /* @__PURE__ */ jsx6(
+  "aside",
   {
     ref,
     className: cn(
-      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-main-600 focus-visible:ring-offset-2",
+      "focus-visible:outline-none focus-visible:bg-main-300",
       className
     ),
-    ...props
+    children
   }
-));
+) }));
 TabsContent.displayName = TabsPrimitive.Content.displayName || "TabsContent";
 
 // src/components/Calendar/Calendar.tsx
@@ -442,11 +414,45 @@ import * as React7 from "react";
 import { DayPicker } from "react-day-picker";
 import { jsx as jsx7 } from "react/jsx-runtime";
 var Calendar = React7.forwardRef(
-  ({ className, classNames, mode, ...props }, ref) => {
+  ({ className, classNames, mode, components, ...props }, ref) => {
+    const defaultComponents = {
+      IconLeft: ({ ...iconProps }) => /* @__PURE__ */ jsx7(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: "h-4 w-4",
+          ...iconProps,
+          children: /* @__PURE__ */ jsx7("path", { d: "m15 18-6-6 6-6" })
+        }
+      ),
+      IconRight: ({ ...iconProps }) => /* @__PURE__ */ jsx7(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: "h-4 w-4",
+          ...iconProps,
+          children: /* @__PURE__ */ jsx7("path", { d: "m9 18 6-6-6-6" })
+        }
+      ),
+      ...components
+    };
     return /* @__PURE__ */ jsx7("div", { ref, className: cn("p-3", className), children: /* @__PURE__ */ jsx7(
       DayPicker,
       {
-        mode,
+        ...mode ? { mode } : {},
+        ...props,
         className: "rounded-md border border-sec-200 bg-background",
         classNames: {
           months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
@@ -482,40 +488,7 @@ var Calendar = React7.forwardRef(
           day_hidden: "invisible",
           ...classNames
         },
-        components: {
-          IconLeft: ({ ...props2 }) => /* @__PURE__ */ jsx7(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              className: "h-4 w-4",
-              ...props2,
-              children: /* @__PURE__ */ jsx7("path", { d: "m15 18-6-6 6-6" })
-            }
-          ),
-          IconRight: ({ ...props2 }) => /* @__PURE__ */ jsx7(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              className: "h-4 w-4",
-              ...props2,
-              children: /* @__PURE__ */ jsx7("path", { d: "m9 18 6-6-6-6" })
-            }
-          ),
-          ...props.components
-        },
-        ...props
+        components: defaultComponents
       }
     ) });
   }
@@ -621,9 +594,9 @@ function Toaster() {
 }
 
 // src/components/Form/Form.tsx
-import { useForm, FormProvider } from "react-hook-form";
+import { useForm, FormProvider, useFormContext, Controller } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
 function Form({
   schema,
   defaultValues,
@@ -641,10 +614,60 @@ function Form({
   const handleSubmit = methods.handleSubmit(onSubmit, onError);
   return /* @__PURE__ */ jsx9(FormProvider, { ...methods, children: /* @__PURE__ */ jsx9("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: typeof children === "function" ? children(methods) : children }) });
 }
+function FormField({
+  name,
+  label,
+  type = "text",
+  placeholder,
+  inputProps,
+  validation,
+  render,
+  "data-testid": testId,
+  className
+}) {
+  const { control, formState: { errors } } = useFormContext();
+  const fieldError = errors[name];
+  const errorMessage = fieldError && typeof fieldError === "object" && "message" in fieldError ? String(fieldError.message) : void 0;
+  return /* @__PURE__ */ jsxs3("div", { className: cn("space-y-2", className), children: [
+    label && /* @__PURE__ */ jsxs3(Label, { htmlFor: name, children: [
+      label,
+      validation?.required && /* @__PURE__ */ jsx9("span", { className: "text-destructive ml-1", "aria-label": "required", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsx9(
+      Controller,
+      {
+        name,
+        control,
+        rules: validation,
+        render: (props) => {
+          if (render) {
+            return render(props);
+          }
+          return /* @__PURE__ */ jsx9(
+            "input",
+            {
+              ...props.field,
+              id: name,
+              type,
+              placeholder,
+              "data-testid": testId,
+              className: cn(
+                "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+                fieldError && "border-destructive focus-visible:ring-destructive"
+              ),
+              ...inputProps
+            }
+          );
+        }
+      }
+    ),
+    errorMessage && /* @__PURE__ */ jsx9("p", { className: "text-destructive", role: "alert", children: errorMessage })
+  ] });
+}
 
 // src/components/LoginForm/LoginForm.tsx
 import React9, { useState, useCallback, useMemo } from "react";
-import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 var LoginForm = React9.memo(({
   onSignIn,
   onSuccess,
@@ -686,13 +709,13 @@ var LoginForm = React9.memo(({
   }, [onSignUp]);
   const displayTitle = useMemo(() => title || (appName ? `Sign in to ${appName}` : "Sign In"), [title, appName]);
   const displaySubtitle = useMemo(() => subtitle || "Enter your credentials to continue.", [subtitle]);
-  return /* @__PURE__ */ jsx10(Card, { className: cn("w-full max-w-md mx-auto", className), children: /* @__PURE__ */ jsxs3("form", { onSubmit: handleSubmit, "data-testid": "login-form", children: [
-    /* @__PURE__ */ jsxs3(CardHeader, { className: "space-y-1", children: [
+  return /* @__PURE__ */ jsx10(Card, { className: cn("w-full max-w-md mx-auto", className), children: /* @__PURE__ */ jsxs4("form", { onSubmit: handleSubmit, "data-testid": "login-form", children: [
+    /* @__PURE__ */ jsxs4(CardHeader, { className: "space-y-1", children: [
       /* @__PURE__ */ jsx10(CardTitle, { className: "text-2xl text-center", children: displayTitle }),
       /* @__PURE__ */ jsx10(CardDescription, { className: "text-center", children: displaySubtitle })
     ] }),
-    /* @__PURE__ */ jsxs3(CardContent, { className: "space-y-4", children: [
-      error && /* @__PURE__ */ jsx10(Alert, { variant: "destructive", children: /* @__PURE__ */ jsx10(AlertDescription, { children: error }) }),
+    /* @__PURE__ */ jsxs4(CardContent, { className: "space-y-4", children: [
+      error && /* @__PURE__ */ jsx10(Alert, { variant: "destructive", role: "alert", "aria-live": "assertive", children: /* @__PURE__ */ jsx10(AlertDescription, { children: error }) }),
       /* @__PURE__ */ jsx10(Label, { htmlFor: "email", children: "Email" }),
       /* @__PURE__ */ jsx10(
         Input,
@@ -720,7 +743,7 @@ var LoginForm = React9.memo(({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs3(CardFooter, { className: "flex flex-col space-y-4", children: [
+    /* @__PURE__ */ jsxs4(CardFooter, { className: "flex flex-col space-y-4", children: [
       /* @__PURE__ */ jsx10(
         Button,
         {
@@ -738,7 +761,7 @@ var LoginForm = React9.memo(({
           className: "text-primary hover:underline",
           children: "Don't have an account? Sign up"
         }
-      ) }) : /* @__PURE__ */ jsxs3("p", { className: "text-center text-muted-foreground", children: [
+      ) }) : /* @__PURE__ */ jsxs4("p", { className: "text-center text-muted-foreground", children: [
         "Don't have an account?",
         " ",
         /* @__PURE__ */ jsx10("a", { href: "/signup", className: "text-primary hover:underline", children: "Sign up" })
@@ -749,9 +772,8 @@ var LoginForm = React9.memo(({
 
 // src/components/EventSelector/EventSelector.tsx
 import { RefreshCw, AlertCircle, Lock, Calendar as Calendar2, Star } from "lucide-react";
-init_logger();
-import { useEffect, useMemo as useMemo2 } from "react";
-import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+import { useEffect, useMemo as useMemo2, useRef } from "react";
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
 function EventSelector({
   placeholder = "Select an event",
   className,
@@ -769,13 +791,6 @@ function EventSelector({
     setSelectedEvent,
     refreshEvents
   } = useEvents();
-  logger.debug("EventSelector", "Component render:", {
-    eventsCount: events.length,
-    events: events.map((e) => ({ id: e.event_id, name: e.event_name })),
-    selectedEvent: selectedEvent ? { id: selectedEvent.event_id, name: selectedEvent.event_name } : null,
-    isLoading,
-    error: error?.message
-  });
   const handleValueChange = (eventId) => {
     const event = events.find((e) => (e.event_id || e.id) === eventId);
     if (event) {
@@ -820,8 +835,26 @@ function EventSelector({
     const getTime = (e) => e.event_date ? new Date(e.event_date).getTime() : Number.NEGATIVE_INFINITY;
     return [...events].sort((a, b) => getTime(b) - getTime(a));
   }, [events]);
+  const prevEventsLengthRef = useRef(events.length);
+  const prevSelectedEventIdRef = useRef(selectedEvent?.event_id);
+  const hasAutoSelectedRef = useRef(false);
   useEffect(() => {
-    if (!selectedEvent && events.length > 0 && !isLoading) {
+    const eventsLengthChanged = events.length !== prevEventsLengthRef.current;
+    const selectedEventChanged = selectedEvent?.event_id !== prevSelectedEventIdRef.current;
+    if (eventsLengthChanged) {
+      prevEventsLengthRef.current = events.length;
+      if (events.length > 0) {
+        hasAutoSelectedRef.current = false;
+      }
+    }
+    if (selectedEventChanged) {
+      prevSelectedEventIdRef.current = selectedEvent?.event_id;
+      if (selectedEvent) {
+        hasAutoSelectedRef.current = false;
+      }
+    }
+    if (!selectedEvent && events.length > 0 && !isLoading && eventsLengthChanged && !hasAutoSelectedRef.current) {
+      hasAutoSelectedRef.current = true;
       autoSelectEvent();
     }
     function autoSelectEvent() {
@@ -844,19 +877,19 @@ function EventSelector({
         }
       }
     }
-  }, [events, selectedEvent, setSelectedEvent, onEventChange, isLoading]);
+  }, [events.length, selectedEvent?.event_id, isLoading, setSelectedEvent, onEventChange]);
   if (isLoading) {
-    return /* @__PURE__ */ jsxs4("div", { className: `flex items-center gap-2 ${className}`, children: [
+    return /* @__PURE__ */ jsxs5("div", { className: `flex items-center gap-2 ${className}`, children: [
       /* @__PURE__ */ jsx11(LoadingSpinner, { size: "sm" }),
       /* @__PURE__ */ jsx11("span", { className: "text-sm text-muted-foreground", children: "Loading events..." })
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ jsx11("div", { className, children: /* @__PURE__ */ jsxs4(Alert, { variant: "destructive", children: [
+    return /* @__PURE__ */ jsx11("div", { className, children: /* @__PURE__ */ jsxs5(Alert, { variant: "destructive", children: [
       /* @__PURE__ */ jsx11(Lock, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsxs4(AlertDescription, { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs5(AlertDescription, { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsx11("span", { children: error.message }),
-        showRetryButton && /* @__PURE__ */ jsxs4(
+        showRetryButton && /* @__PURE__ */ jsxs5(
           Button,
           {
             variant: "outline",
@@ -874,11 +907,11 @@ function EventSelector({
   }
   if (events.length === 0) {
     if (showNoEventsMessage) {
-      return /* @__PURE__ */ jsx11("div", { className, children: /* @__PURE__ */ jsxs4(Alert, { variant: "inline", children: [
+      return /* @__PURE__ */ jsx11("div", { className, children: /* @__PURE__ */ jsxs5(Alert, { variant: "inline", children: [
         /* @__PURE__ */ jsx11(AlertCircle, { className: "h-4 w-4 text-acc-700" }),
-        /* @__PURE__ */ jsxs4(AlertDescription, { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs5(AlertDescription, { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsx11("span", { children: "No events available." }),
-          showRetryButton && /* @__PURE__ */ jsxs4(
+          showRetryButton && /* @__PURE__ */ jsxs5(
             Button,
             {
               variant: "outline",
@@ -896,17 +929,17 @@ function EventSelector({
     }
     return null;
   }
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     Select,
     {
       value: selectedEvent ? selectedEvent.event_id || selectedEvent.id : "",
       onValueChange: handleValueChange,
       className,
       children: [
-        /* @__PURE__ */ jsx11(SelectTrigger, { className: "text-left", variant: "outline", children: /* @__PURE__ */ jsx11(SelectValue, { placeholder, children: selectedEvent && /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx11(SelectTrigger, { className: "text-left", variant: "outline", children: /* @__PURE__ */ jsx11(SelectValue, { placeholder, children: selectedEvent && /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx11(Calendar2, { className: "h-4 w-4 flex-shrink-0" }),
-          /* @__PURE__ */ jsx11("span", { className: "truncate", children: selectedEvent.event_name || selectedEvent.name }),
-          selectedEvent.event_date && /* @__PURE__ */ jsxs4("span", { className: "text-xs text-muted-foreground flex-shrink-0", children: [
+          /* @__PURE__ */ jsx11("span", { className: "truncate", children: selectedEvent.event_name }),
+          selectedEvent.event_date && /* @__PURE__ */ jsxs5("span", { className: "text-xs text-muted-foreground flex-shrink-0", children: [
             "(",
             formatEventDate(selectedEvent.event_date),
             ")"
@@ -920,19 +953,19 @@ function EventSelector({
             {
               value: event.event_id || event.id,
               className: "flex items-center justify-between",
-              children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 w-full", children: [
+              children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 w-full", children: [
                 showNextEventIndicator && isNext && /* @__PURE__ */ jsx11(Star, { className: "h-3 w-3 text-acc-500" }),
-                /* @__PURE__ */ jsxs4("div", { className: "flex-1", children: [
-                  /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx11("span", { className: isSelected ? "font-semibold" : "", children: event.event_name || event.name }),
+                /* @__PURE__ */ jsxs5("div", { className: "flex-1", children: [
+                  /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx11("span", { className: isSelected ? "font-semibold" : "", children: event.event_name }),
                     isSelected && /* @__PURE__ */ jsx11("span", { className: "text-xs bg-primary text-primary-foreground px-1 rounded", children: "Current" })
                   ] }),
-                  showEventDetails && event.event_date && /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+                  showEventDetails && event.event_date && /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
                     /* @__PURE__ */ jsx11(Calendar2, { className: "h-3 w-3" }),
                     /* @__PURE__ */ jsx11("span", { children: formatEventDate(event.event_date) }),
                     showNextEventIndicator && isNext && /* @__PURE__ */ jsx11("span", { className: "text-acc-600 font-medium", children: "(Next)" })
                   ] }),
-                  showEventDetails && event.event_venue && /* @__PURE__ */ jsxs4("div", { className: "text-xs text-muted-foreground", children: [
+                  showEventDetails && event.event_venue && /* @__PURE__ */ jsxs5("div", { className: "text-xs text-muted-foreground", children: [
                     "\u{1F4CD} ",
                     event.event_venue
                   ] })
@@ -947,9 +980,9 @@ function EventSelector({
   );
 }
 
-// src/components/PasswordReset/PasswordChangeForm.tsx
+// src/components/PasswordChange/PasswordChangeForm.tsx
 import { useState as useState2 } from "react";
-import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
 function PasswordChangeForm({ onSubmit, className }) {
   const [newPassword, setNewPassword] = useState2("");
   const [confirmPassword, setConfirmPassword] = useState2("");
@@ -973,14 +1006,15 @@ function PasswordChangeForm({ onSubmit, className }) {
         setError(result.error.message || "Failed to change password.");
       }
     } catch (err) {
-      setError(err?.message || "An unexpected error occurred.");
+      const errorObj = err instanceof Error ? err : new Error("An unexpected error occurred");
+      setError(errorObj.message);
     } finally {
       setIsSubmitting(false);
     }
   };
-  return /* @__PURE__ */ jsxs5("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: [
+  return /* @__PURE__ */ jsxs6("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: [
     error && /* @__PURE__ */ jsx12("div", { role: "alert", children: error }),
-    /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsx12(Label, { htmlFor: "new-password", children: "New Password" }),
       /* @__PURE__ */ jsx12(
         Input,
@@ -994,7 +1028,7 @@ function PasswordChangeForm({ onSubmit, className }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsx12(Label, { htmlFor: "confirm-password", children: "Confirm Password" }),
       /* @__PURE__ */ jsx12(
         Input,
@@ -1023,7 +1057,7 @@ function PasswordChangeForm({ onSubmit, className }) {
 // src/components/UserMenu/UserMenu.tsx
 import React11, { useCallback as useCallback2, useMemo as useMemo3, useState as useState3 } from "react";
 import { ChevronDown, LogOut, KeyRound } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
 var UserMenu = React11.memo(function UserMenu2({
   user,
   onSignOut,
@@ -1047,34 +1081,34 @@ var UserMenu = React11.memo(function UserMenu2({
   if (!user || !userInfo) {
     return null;
   }
-  return /* @__PURE__ */ jsxs6(Dialog, { open: isPasswordDialogOpen, onOpenChange: setPasswordDialogOpen, children: [
-    /* @__PURE__ */ jsxs6(Select, { className, children: [
-      /* @__PURE__ */ jsx13(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs6(Button, { variant: "outline", className: "flex items-center gap-2", "aria-label": userInfo.displayName, children: [
-        showAvatar && /* @__PURE__ */ jsxs6(Avatar, { className: "size-7", children: [
+  return /* @__PURE__ */ jsxs7(Dialog, { open: isPasswordDialogOpen, onOpenChange: setPasswordDialogOpen, children: [
+    /* @__PURE__ */ jsxs7(Select, { className, children: [
+      /* @__PURE__ */ jsx13(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs7(Button, { variant: "outline", className: "flex items-center gap-2", "aria-label": userInfo.displayName, children: [
+        showAvatar && /* @__PURE__ */ jsxs7(Avatar, { className: "size-7", children: [
           /* @__PURE__ */ jsx13(AvatarImage, { src: userInfo.avatarUrl, alt: userInfo.displayName }),
           /* @__PURE__ */ jsx13(AvatarFallback, { children: userInfo.initial })
         ] }),
         /* @__PURE__ */ jsx13("span", { children: userInfo.displayName }),
         /* @__PURE__ */ jsx13(ChevronDown, { className: "h-4 w-4" })
       ] }) }),
-      /* @__PURE__ */ jsxs6(SelectContent, { children: [
-        /* @__PURE__ */ jsx13(SelectLabel, { className: "font-normal", children: /* @__PURE__ */ jsxs6("div", { className: "flex flex-col space-y-1", children: [
+      /* @__PURE__ */ jsxs7(SelectContent, { children: [
+        /* @__PURE__ */ jsx13(SelectLabel, { className: "font-normal", children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col space-y-1", children: [
           /* @__PURE__ */ jsx13("p", { className: "font-medium", children: userInfo.displayName }),
           /* @__PURE__ */ jsx13("p", { className: "text-muted-foreground", children: userInfo.email })
         ] }) }),
         /* @__PURE__ */ jsx13(SelectSeparator, {}),
-        /* @__PURE__ */ jsx13(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs6(SelectItem, { value: "change-password", children: [
+        /* @__PURE__ */ jsx13(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs7(SelectItem, { value: "change-password", children: [
           /* @__PURE__ */ jsx13(KeyRound, { className: "mr-2 h-4 w-4" }),
           /* @__PURE__ */ jsx13("span", { children: "Change Password" })
         ] }) }),
-        /* @__PURE__ */ jsxs6(SelectItem, { value: "sign-out", onClick: handleSignOut, children: [
+        /* @__PURE__ */ jsxs7(SelectItem, { value: "sign-out", onClick: handleSignOut, children: [
           /* @__PURE__ */ jsx13(LogOut, { className: "mr-2 h-4 w-4" }),
           /* @__PURE__ */ jsx13("span", { children: "Sign out" })
         ] })
       ] })
     ] }),
     /* @__PURE__ */ jsx13(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs6(DialogContent, { className, children: [
+    /* @__PURE__ */ jsxs7(DialogContent, { className, children: [
       /* @__PURE__ */ jsx13(DialogHeader, { children: /* @__PURE__ */ jsx13(DialogTitle, { children: "Change Password" }) }),
       /* @__PURE__ */ jsx13(
         PasswordChangeForm,
@@ -1095,8 +1129,8 @@ var UserMenu = React11.memo(function UserMenu2({
   ] });
 });
 var UserMenuLoading = React11.memo(function UserMenuLoading2() {
-  return /* @__PURE__ */ jsxs6("div", { className: "relative inline-block text-left", children: [
-    /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7("div", { className: "relative inline-block text-left", children: [
+    /* @__PURE__ */ jsxs7(
       "button",
       {
         type: "button",
@@ -1117,9 +1151,7 @@ UserMenu.Loading = UserMenuLoading;
 // src/components/NavigationMenu/NavigationMenu.tsx
 import * as React12 from "react";
 import { ChevronDown as ChevronDown2 } from "lucide-react";
-init_UnifiedAuthProvider2();
-init_logger();
-import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 var NavigationMenu = React12.forwardRef(({
   items,
   mode = "dropdown",
@@ -1135,7 +1167,7 @@ var NavigationMenu = React12.forwardRef(({
   auditLog = true,
   onNavigationAccessDenied,
   onStrictModeViolation,
-  filterByPermissions = true,
+  itemsPreFiltered = false,
   ...props
 }, ref) => {
   const [expandedItems, setExpandedItems] = React12.useState(/* @__PURE__ */ new Set());
@@ -1159,9 +1191,10 @@ var NavigationMenu = React12.forwardRef(({
   const { supabase } = authContext || {};
   const { selectedOrganisation } = authContext || {};
   const { resolvedScope, isLoading: scopeLoading, error: scopeError } = useResolvedScope({
-    supabase: filterByPermissions ? supabase || null : null,
-    selectedOrganisationId: filterByPermissions ? selectedOrganisation?.id || null : null,
-    selectedEventId: filterByPermissions ? selectedEvent?.event_id || null : null
+    supabase: itemsPreFiltered ? null : supabase || null,
+    // Skip expensive resolution if pre-filtered
+    selectedOrganisationId: itemsPreFiltered ? null : selectedOrganisation?.id || null,
+    selectedEventId: itemsPreFiltered ? null : selectedEvent?.event_id || null
   });
   const [resolvedAppId, setResolvedAppId] = React12.useState(void 0);
   React12.useEffect(() => {
@@ -1171,7 +1204,7 @@ var NavigationMenu = React12.forwardRef(({
       }
       const userId2 = authContext.user.id;
       const appName = authContext.appName;
-      import("./api-45XYYO2A.js").then(({ resolveAppContext }) => {
+      import("./api-ROMBCNKU.js").then(({ resolveAppContext }) => {
         resolveAppContext({
           userId: userId2,
           appName
@@ -1186,9 +1219,10 @@ var NavigationMenu = React12.forwardRef(({
     }
   }, [scopeLoading, resolvedScope?.appId, selectedOrganisation?.id, authContext?.appName, authContext?.user?.id, resolvedAppId]);
   const effectiveScope = React12.useMemo(() => {
-    if (!scopeLoading && resolvedScope?.organisationId) {
+    if (resolvedScope?.organisationId) {
       return resolvedScope;
-    } else if (!scopeLoading && selectedOrganisation?.id) {
+    }
+    if (selectedOrganisation?.id) {
       const fallbackScope = {
         organisationId: selectedOrganisation.id,
         eventId: selectedEvent?.event_id || void 0,
@@ -1197,7 +1231,7 @@ var NavigationMenu = React12.forwardRef(({
       return fallbackScope;
     }
     return null;
-  }, [scopeLoading, resolvedScope, selectedOrganisation?.id, selectedEvent?.event_id, resolvedAppId]);
+  }, [resolvedScope, selectedOrganisation?.id, selectedEvent?.event_id, resolvedAppId]);
   const scopeKey = effectiveScope ? `${effectiveScope.organisationId || ""}-${effectiveScope.eventId || ""}-${effectiveScope.appId || ""}` : "empty";
   const stableScope = React12.useMemo(() => {
     if (effectiveScope?.organisationId) {
@@ -1215,37 +1249,63 @@ var NavigationMenu = React12.forwardRef(({
   }, [scopeKey, effectiveScope]);
   const userId = authContext?.user?.id || "";
   const { permissions: permissionMap, hasAnyPermission, isLoading: permissionsLoading, error: permissionsError } = usePermissions(
-    userId,
-    stableScope.organisationId,
-    stableScope.eventId,
-    stableScope.appId
+    itemsPreFiltered ? null : userId,
+    // Pass null to trigger early return (empty string would wait 3s)
+    itemsPreFiltered ? void 0 : stableScope.organisationId,
+    // Pass undefined to skip timeout
+    itemsPreFiltered ? void 0 : stableScope.eventId,
+    // Skip if pre-filtered
+    itemsPreFiltered ? void 0 : stableScope.appId
+    // Skip if pre-filtered
   );
   const previousFilteredItemsRef = React12.useRef([]);
   const filteredItems = React12.useMemo(() => {
-    if (filterByPermissions) {
-      const isOrgContextReady = orgContextReady && selectedOrganisation?.id;
-      const isEventContextReady = eventLoadingRaw === void 0 ? true : !eventLoading;
-      const hasValidContext = isOrgContextReady && isEventContextReady;
-      const shouldWaitForScope = scopeLoading || !hasValidContext;
-      const shouldRetryAfterError = scopeError && hasValidContext && !scopeLoading;
-      if (!authContext || !rbacContext || shouldWaitForScope && !shouldRetryAfterError) {
-        return [];
+    if (itemsPreFiltered && items && items.length > 0) {
+      const visibleItems = (items || []).filter((item) => !item.meta?.hidden);
+      previousFilteredItemsRef.current = visibleItems;
+      return visibleItems;
+    }
+    const isOrgContextReady = orgContextReady && selectedOrganisation?.id;
+    const isEventContextReady = eventLoadingRaw === void 0 ? true : !eventLoading;
+    const hasValidContext = isOrgContextReady && isEventContextReady;
+    const shouldWaitForScope = scopeLoading || !hasValidContext;
+    const shouldRetryAfterError = scopeError && hasValidContext && !scopeLoading;
+    if (items && items.length > 0 && selectedOrganisation?.id) {
+      const visibleItems = (items || []).filter((item) => !item.meta?.hidden);
+      previousFilteredItemsRef.current = visibleItems;
+      return visibleItems;
+    }
+    if (!authContext || !rbacContext || shouldWaitForScope && !shouldRetryAfterError) {
+      return [];
+    }
+    if (permissionsLoading) {
+      if (previousFilteredItemsRef.current.length > 0) {
+        return previousFilteredItemsRef.current;
       }
-      if (permissionsLoading) {
-        if (previousFilteredItemsRef.current.length > 0) {
-          return previousFilteredItemsRef.current;
-        }
-        return [];
+      if (items && items.length > 0 && stableScope.organisationId) {
+        return (items || []).filter((item) => !item.meta?.hidden);
       }
-      if (permissionsError || !permissionMap || Object.keys(permissionMap).length === 0) {
-        logger.warn("NavigationMenu", "Permission map is empty or has error - showing no items for security", {
-          permissionsError: permissionsError?.message,
-          permissionMapSize: permissionMap ? Object.keys(permissionMap).length : 0
+      return [];
+    }
+    if (permissionsError) {
+      logger.warn("NavigationMenu", "Permission check error - showing no items for security", {
+        permissionsError: permissionsError?.message
+      });
+      return [];
+    }
+    if (!permissionMap || Object.keys(permissionMap).length === 0) {
+      if (stableScope.organisationId && items && items.length > 0) {
+        return (items || []).filter((item) => !item.meta?.hidden);
+      }
+      if (stableScope.organisationId) {
+        logger.warn("NavigationMenu", "Permission map is empty and no items provided - showing nothing", {
+          permissionMapSize: 0,
+          organisationId: stableScope.organisationId,
+          eventId: stableScope.eventId,
+          appId: stableScope.appId
         });
-        return [];
       }
-    } else {
-      return (items || []).filter((item) => !item.meta?.hidden);
+      return [];
     }
     const getPageIdFromHref = (href) => {
       if (!href) return null;
@@ -1346,7 +1406,8 @@ var NavigationMenu = React12.forwardRef(({
     return filtered;
   }, [
     items,
-    filterByPermissions,
+    itemsPreFiltered,
+    // Add itemsPreFiltered to dependencies
     authContext,
     rbacContext,
     permissionMap,
@@ -1364,20 +1425,6 @@ var NavigationMenu = React12.forwardRef(({
     orgContextReady,
     selectedOrganisation?.id
   ]);
-  React12.useEffect(() => {
-    if (auditLog && authContext) {
-      const currentItem = items?.find((item) => item.href === currentPath || item.id === "navigation-menu");
-      logger.debug("NavigationMenu", "Navigation access attempt:", {
-        itemId: currentItem?.id || "navigation-menu",
-        label: currentItem?.label || "Navigation Menu",
-        href: currentPath,
-        permissions: currentItem?.permissions || null,
-        roles: currentItem?.roles || null,
-        accessLevel: currentItem?.accessLevel || null,
-        timestamp: (/* @__PURE__ */ new Date()).toISOString()
-      });
-    }
-  }, [auditLog, authContext, currentPath, items]);
   const handleHierarchicalKeyDown = (event, item) => {
     switch (event.key) {
       case "Enter":
@@ -1426,8 +1473,16 @@ var NavigationMenu = React12.forwardRef(({
       return;
     }
     const isItemVisible = filteredItems.some((filtered) => filtered.id === item.id);
+    if (!isItemVisible) {
+      logger.warn("NavigationMenu", "Navigation attempt to filtered item blocked", {
+        itemId: item.id,
+        label: item.label,
+        href: item.href
+      });
+      return;
+    }
     let hasPermission = true;
-    if (item.permissions && item.permissions.length > 0 && rbacContext && hasAnyPermission) {
+    if (item.permissions && item.permissions.length > 0 && rbacContext && hasAnyPermission && permissionMap && Object.keys(permissionMap).length > 0) {
       const permissions = item.permissions.filter((p) => typeof p === "string").map((p) => p);
       if (permissions.length > 0) {
         hasPermission = hasAnyPermission(permissions);
@@ -1454,9 +1509,12 @@ var NavigationMenu = React12.forwardRef(({
         });
       }
     }
+    if (!hasPermission && (!permissionMap || Object.keys(permissionMap).length === 0) && isItemVisible) {
+      hasPermission = true;
+    }
     if (!hasPermission) {
       if (onNavigationAccessDenied) {
-        onNavigationAccessDenied(item.id, "Insufficient permissions");
+        onNavigationAccessDenied(item);
       }
       if (strictMode) {
         logger.error("NavigationMenu", "STRICT MODE VIOLATION: User attempted to access protected navigation item without permission", {
@@ -1469,7 +1527,7 @@ var NavigationMenu = React12.forwardRef(({
           timestamp: (/* @__PURE__ */ new Date()).toISOString()
         });
         if (onStrictModeViolation) {
-          onStrictModeViolation(item.id, "Insufficient permissions");
+          onStrictModeViolation(item, "Insufficient permissions");
         }
       }
       return;
@@ -1481,7 +1539,6 @@ var NavigationMenu = React12.forwardRef(({
     }
   };
   const isActiveItem = (item) => {
-    if (item.isActive !== void 0) return item.isActive;
     if (currentPath === item.href) return true;
     if (item.children && item.children.length > 0) {
       return item.children.some((child) => isActiveItem(child));
@@ -1498,8 +1555,8 @@ var NavigationMenu = React12.forwardRef(({
     const hasChildren = item.children && item.children.length > 0;
     const isExpanded = expandedItems.has(item.id);
     const itemIsActive = isActiveItem(item);
-    return /* @__PURE__ */ jsx14("li", { role: "none", children: hasChildren ? /* @__PURE__ */ jsxs7("div", { children: [
-      /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsx14("li", { role: "none", children: hasChildren ? /* @__PURE__ */ jsxs8("div", { children: [
+      /* @__PURE__ */ jsxs8(
         "button",
         {
           onClick: () => toggleExpanded(item.id),
@@ -1540,7 +1597,7 @@ var NavigationMenu = React12.forwardRef(({
     ) });
   };
   if (mode === "dropdown") {
-    return /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsxs8(
       Select,
       {
         onValueChange: handleNavigationSelect,
@@ -1589,7 +1646,7 @@ NavigationMenu.displayName = "NavigationMenu";
 
 // src/components/Header/Header.tsx
 import { Link } from "react-router-dom";
-import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 function Header({
   logoUrl,
   logoAlt = "Logo",
@@ -1610,7 +1667,7 @@ function Header({
   return /* @__PURE__ */ jsx15("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: [
+  ), role: "banner", children: /* @__PURE__ */ jsxs9("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 ? logoHref ? /* @__PURE__ */ jsx15(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: logo }) : logo : logoUrl ? logoHref ? /* @__PURE__ */ jsx15(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: /* @__PURE__ */ jsx15(
       "img",
       {
@@ -1647,7 +1704,8 @@ function Header({
         currentPath,
         onNavigate,
         buttonText: "Menu",
-        className: "w-48"
+        className: "w-48",
+        itemsPreFiltered: true
       }
     ),
     showEventSelector ? /* @__PURE__ */ jsx15(
@@ -1673,7 +1731,7 @@ function Header({
 
 // src/components/Footer/Footer.tsx
 import React13 from "react";
-import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 var FooterComponent = ({
   companyName = "Solvera Solutions Pty Ltd",
   year = (/* @__PURE__ */ new Date()).getFullYear(),
@@ -1684,7 +1742,7 @@ var FooterComponent = ({
   children
 }) => {
   const copyrightText = copyright || `\xA9 Copyright 2022\u2013${year} all rights reserved, ${companyName}.`;
-  return /* @__PURE__ */ jsx16("footer", { className: cn("mt-8 py-6 flex justify-center border-t border-border bg-main-100", className), children: /* @__PURE__ */ jsxs9("section", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto text-center", children: [
+  return /* @__PURE__ */ jsx16("footer", { className: cn("mt-8 py-6 flex justify-center border-t border-border bg-main-100", className), children: /* @__PURE__ */ jsxs10("section", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto text-center", children: [
     logo && /* @__PURE__ */ jsx16("img", { src: logo, alt: "Logo", className: "h-8 w-auto" }),
     children && /* @__PURE__ */ jsx16(Fragment3, { children }),
     /* @__PURE__ */ jsx16("span", { className: "text-muted-foreground", children: copyrightText }),
@@ -1696,12 +1754,9 @@ var Footer = React13.memo(FooterComponent);
 Footer.displayName = "Footer";
 
 // src/components/PaceAppLayout/PaceAppLayout.tsx
-init_UnifiedAuthProvider2();
-init_useOrganisations();
 import { useState as useState5, useEffect as useEffect3, useMemo as useMemo5 } from "react";
 import { Outlet, useNavigate, useLocation } from "react-router-dom";
-init_logger();
-import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 var EMPTY_PAGE_ID_MAPPING = {};
 var EMPTY_ROUTE_PERMISSIONS = {};
 function PaceAppLayout({
@@ -1718,7 +1773,6 @@ function PaceAppLayout({
   defaultPermission = "read",
   routePermissions = EMPTY_ROUTE_PERMISSIONS,
   permissionFallback,
-  filterNavigationByPermissions = false,
   pageIdMapping = EMPTY_PAGE_ID_MAPPING,
   // NEW: Phase 1 - Enhanced Security Features
   strictMode = true,
@@ -1734,7 +1788,7 @@ function PaceAppLayout({
   onRouteAccessDenied,
   onRouteStrictModeViolation
 }) {
-  const { user, signOut, updatePassword, supabase } = useUnifiedAuth();
+  const { user, signOut, updatePassword, supabase, appId: contextAppId } = useUnifiedAuth();
   const { selectedOrganisation } = useOrganisations();
   const navigate = useNavigate();
   const location = useLocation();
@@ -1750,17 +1804,24 @@ function PaceAppLayout({
     selectedOrganisationId: selectedOrganisation?.id || null,
     selectedEventId: selectedEvent?.event_id || null
   });
+  const resolvedAppId = contextAppId || resolvedScope?.appId;
   const scope = useMemo5(() => {
-    if (!resolvedScope?.organisationId) {
+    if (resolvedScope?.organisationId) {
+      return resolvedScope;
+    }
+    if (selectedOrganisation?.id) {
       return {
-        organisationId: selectedOrganisation?.id || "",
+        organisationId: selectedOrganisation.id,
         eventId: selectedEvent?.event_id || void 0,
-        // Preserve appId from resolvedScope if it exists, even if organisationId is missing
-        appId: resolvedScope?.appId || void 0
+        appId: resolvedAppId || resolvedScope?.appId || void 0
       };
     }
-    return resolvedScope;
-  }, [resolvedScope, selectedOrganisation?.id, selectedEvent?.event_id]);
+    return {
+      organisationId: selectedOrganisation?.id || "",
+      eventId: selectedEvent?.event_id || void 0,
+      appId: resolvedAppId || resolvedScope?.appId || void 0
+    };
+  }, [resolvedScope, selectedOrganisation?.id, selectedEvent?.event_id, resolvedAppId]);
   const defaultNavItems = useMemo5(() => [
     { id: "home", label: "Home", href: "/", icon: "Home" },
     { id: "dashboard", label: "Dashboard", href: "/dashboard", icon: "LayoutDashboard" },
@@ -1845,10 +1906,6 @@ function PaceAppLayout({
   }, [enforcePermissions, can, isCheckingPermission, isCheckingSuperAdmin, isSuperAdminUser, currentPageId, currentRoutePermission, user?.id, strictMode, auditLog, onPageAccessDenied, onStrictModeViolation]);
   const [filteredMenuItems, setFilteredMenuItems] = useState5(baseMenuItems);
   useEffect3(() => {
-    if (!filterNavigationByPermissions) {
-      setFilteredMenuItems(baseMenuItems);
-      return;
-    }
     let isMounted = true;
     const filterItems = async () => {
       if (!user?.id) {
@@ -1858,23 +1915,18 @@ function PaceAppLayout({
         return;
       }
       const currentScope = scope;
-      if (scopeLoading || !currentScope.appId) {
-        if (!scopeLoading && !currentScope.appId) {
-          logger.error("PaceAppLayout", "appId not resolved in scope - navigation filtering disabled for security", {
-            scope: currentScope,
-            resolvedScope,
-            selectedOrganisationId: selectedOrganisation?.id,
-            selectedEventId: selectedEvent?.event_id,
-            appName
-          });
-        }
+      const hasAppId = currentScope.appId || resolvedAppId;
+      const hasOrganisationContext = currentScope.organisationId;
+      const hasUser = !!user?.id;
+      if (hasUser && hasOrganisationContext) {
+      } else if (!hasUser || !hasOrganisationContext) {
         if (isMounted) {
           setFilteredMenuItems([]);
         }
         return;
       }
       try {
-        const { isSuperAdmin: isSuperAdmin2 } = await import("./api-45XYYO2A.js");
+        const { isSuperAdmin: isSuperAdmin2 } = await import("./api-ROMBCNKU.js");
         const isSuper = await isSuperAdmin2(user.id);
         if (isSuper) {
           if (isMounted) {
@@ -1895,23 +1947,16 @@ function PaceAppLayout({
         return;
       }
       try {
-        const { getPermissionMap } = await import("./api-45XYYO2A.js");
-        logger.debug("PaceAppLayout", "Filtering navigation with scope", {
+        const { getPermissionMap } = await import("./api-ROMBCNKU.js");
+        const permissionScope = {
           organisationId: currentScope.organisationId,
           eventId: currentScope.eventId,
-          appId: currentScope.appId,
-          hasOrganisationId: !!currentScope.organisationId,
-          hasEventId: !!currentScope.eventId,
-          hasAppId: !!currentScope.appId
-        });
+          appId: currentScope.appId || resolvedAppId || void 0
+          // Use appId if available, but proceed without it
+        };
         const permissionMap = await getPermissionMap({
           userId: user.id,
-          scope: currentScope
-        });
-        logger.debug("PaceAppLayout", "Permission map received", {
-          permissionCount: Object.keys(permissionMap).length,
-          permissions: Object.keys(permissionMap),
-          hasWildcard: permissionMap["*"] === true
+          scope: permissionScope
         });
         const filtered = baseMenuItems.map((item) => {
           if (!item.href) return { item, hasAccess: true };
@@ -1919,15 +1964,6 @@ function PaceAppLayout({
           const permission = routePermissions[item.href] || defaultPermission;
           const fullPermission = permission.includes(":") ? permission : pageId ? `${permission}:page.${pageId}` : permission;
           const hasAccess = permissionMap["*"] === true || permissionMap[fullPermission] === true;
-          logger.debug("PaceAppLayout", "Checking navigation item permission", {
-            itemId: item.id,
-            href: item.href,
-            pageId,
-            permission,
-            fullPermission,
-            hasAccess,
-            permissionInMap: permissionMap[fullPermission]
-          });
           return { item, hasAccess };
         });
         if (!isMounted) return;
@@ -1944,7 +1980,7 @@ function PaceAppLayout({
     return () => {
       isMounted = false;
     };
-  }, [baseMenuItems, filterNavigationByPermissions, pageIdMapping, routePermissions, defaultPermission, can, user?.id, scope, scopeLoading]);
+  }, [baseMenuItems, pageIdMapping, routePermissions, defaultPermission, can, user?.id, scope, scopeLoading, contextAppId, resolvedScope?.appId]);
   useEffect3(() => {
     if (!roleBasedRouting || routeConfig.length === 0) return;
     let isMounted = true;
@@ -1967,7 +2003,7 @@ function PaceAppLayout({
       let hasAccess = true;
       if (currentRoute.pageId && currentRoute.permissions && currentRoute.permissions.length > 0) {
         try {
-          const { isPermittedCached } = await import("./api-45XYYO2A.js");
+          const { isPermittedCached } = await import("./api-ROMBCNKU.js");
           const hasPagePermission = await isPermittedCached({
             userId: user?.id || "",
             scope,
@@ -1983,7 +2019,7 @@ function PaceAppLayout({
         }
       }
       if (hasAccess && currentRoute.roles && currentRoute.roles.length > 0 && user?.id) {
-        const { useUnifiedAuth: useUnifiedAuth2 } = await import("./UnifiedAuthProvider-B37ATQHE.js");
+        const { useUnifiedAuth: useUnifiedAuth2 } = await import("./UnifiedAuthProvider-7F6T4B6K.js");
         hasAccess = true;
       }
       if (!isMounted) return;
@@ -2016,21 +2052,27 @@ function PaceAppLayout({
   const handleSignOut = async () => {
     await signOut();
   };
-  const handleChangePassword = async (newPassword) => {
+  const handleChangePassword = async (newPassword, confirmPassword) => {
     const result = await updatePassword(newPassword);
     if (result?.error) {
       logger.error("PaceAppLayout", "Failed to change password", { error: result.error.message });
+      return {
+        error: {
+          message: result.error.message,
+          code: result.error.name || "PASSWORD_UPDATE_ERROR"
+        }
+      };
     }
-    return result || { error: null };
+    return {};
   };
   if (enforcePermissions && (isCheckingSuperAdmin || isCheckingPermission)) {
-    return /* @__PURE__ */ jsx17("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs10("div", { className: "text-center", children: [
+    return /* @__PURE__ */ jsx17("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs11("div", { className: "text-center", children: [
       /* @__PURE__ */ jsx17("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-sec-900 mx-auto mb-4" }),
       /* @__PURE__ */ jsx17("p", { className: "text-sec-600", children: "Checking permissions..." })
     ] }) });
   }
   if (enforcePermissions && permissionError && !isSuperAdminUser) {
-    return /* @__PURE__ */ jsx17("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs10("div", { className: "text-center", children: [
+    return /* @__PURE__ */ jsx17("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs11("div", { className: "text-center", children: [
       /* @__PURE__ */ jsx17("h2", { className: "text-xl font-semibold text-acc-600 mb-2", children: "Permission Error" }),
       /* @__PURE__ */ jsx17("p", { className: "text-sec-600 mb-4", children: permissionError.message }),
       /* @__PURE__ */ jsx17(Button, { onClick: () => navigate("/"), children: "Go Home" })
@@ -2043,10 +2085,10 @@ function PaceAppLayout({
     if (permissionFallback) {
       return /* @__PURE__ */ jsx17(Fragment4, { children: permissionFallback });
     }
-    return /* @__PURE__ */ jsx17("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs10("div", { className: "text-center", children: [
+    return /* @__PURE__ */ jsx17("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs11("div", { className: "text-center", children: [
       /* @__PURE__ */ jsx17("h2", { className: "text-xl font-semibold text-acc-600 mb-2", children: "Access Denied" }),
       /* @__PURE__ */ jsx17("p", { className: "text-sec-600 mb-4", children: "You don't have permission to access this page." }),
-      /* @__PURE__ */ jsxs10("div", { className: "flex gap-2 justify-center", children: [
+      /* @__PURE__ */ jsxs11("div", { className: "flex gap-2 justify-center", children: [
         /* @__PURE__ */ jsx17(Button, { onClick: () => navigate("/"), children: "Go Home" }),
         /* @__PURE__ */ jsx17(
           Button,
@@ -2062,7 +2104,7 @@ function PaceAppLayout({
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ jsxs10(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
     /* @__PURE__ */ jsx17(
       Header,
       {
@@ -2095,9 +2137,7 @@ function PaceAppLayout({
 // src/components/PaceLoginPage/PaceLoginPage.tsx
 import { useEffect as useEffect4, useState as useState6, useContext } from "react";
 import { useNavigate as useNavigate2, useLocation as useLocation2 } from "react-router-dom";
-init_EventServiceProvider();
-init_logger();
-import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 var PaceLoginPage = ({
   appName = "Pace",
   onSuccessRedirectPath = "/user-dashboard",
@@ -2228,7 +2268,7 @@ var PaceLoginPage = ({
       setIsSigningIn(false);
     }
   };
-  return /* @__PURE__ */ jsxs11("main", { className: "min-h-screen grid mx-auto w-fit content-center justify-items-center gap-y-8", "aria-label": `${appName} Login Page`, children: [
+  return /* @__PURE__ */ jsxs12("main", { className: "min-h-screen grid mx-auto w-fit content-center justify-items-center gap-y-8", "aria-label": `${appName} Login Page`, children: [
     /* @__PURE__ */ jsx18(
       "img",
       {
@@ -2259,49 +2299,33 @@ var PaceLoginPage = ({
 };
 
 // src/components/SessionRestorationLoader/SessionRestorationLoader.tsx
-import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 var SessionRestorationLoader = ({
-  message = "Restoring session..."
+  message = "Restoring session...",
+  className
 }) => {
-  return /* @__PURE__ */ jsxs12(
+  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)"
-      },
+      className: cn(
+        "flex flex-col items-center justify-center h-screen w-full gap-4 text-center p-4 bg-background",
+        className
+      ),
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": message,
       children: [
         /* @__PURE__ */ jsx19(LoadingSpinner, { size: "lg" }),
-        /* @__PURE__ */ jsx19(
-          "div",
-          {
-            style: {
-              fontSize: "0.95rem",
-              color: "var(--muted-foreground, #6b7280)"
-            },
-            children: message
-          }
-        )
+        /* @__PURE__ */ jsx19("div", { className: "text-sm text-sec-600", 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";
-init_logger();
-import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 function ProtectedRoute({
   requireEvent = true,
   allowSuperAdminBypass = false,
@@ -2342,7 +2366,7 @@ function ProtectedRoute({
     return /* @__PURE__ */ jsx20(Outlet2, {});
   }
   if (!events || events.length === 0) {
-    return noEventsFallback || /* @__PURE__ */ jsx20("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "100vh", padding: "2rem" }, children: /* @__PURE__ */ jsxs13(Alert, { variant: "destructive", className: "max-w-md", children: [
+    return noEventsFallback || /* @__PURE__ */ jsx20("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "100vh", padding: "2rem" }, children: /* @__PURE__ */ jsxs14(Alert, { variant: "destructive", className: "max-w-md", children: [
       /* @__PURE__ */ jsx20(AlertTitle, { children: "No Events Available" }),
       /* @__PURE__ */ jsx20(AlertDescription, { children: "You don't have access to any events. Please contact your administrator if you believe this is an error." })
     ] }) });
@@ -2354,159 +2378,10 @@ function ProtectedRoute({
   return /* @__PURE__ */ jsx20(Outlet2, {});
 }
 
-// src/components/ErrorBoundary/ErrorBoundary.tsx
-import { Component } from "react";
-init_logger();
-import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
-var ErrorBoundary = class extends Component {
-  constructor(props) {
-    super(props);
-    this.retryTimeoutId = null;
-    this.reportError = (errorId, componentName) => {
-      if (import.meta.env.MODE === "production") {
-        logger.warn("ErrorBoundary", "Error reporting would be triggered in production:", { errorId, componentName });
-      }
-    };
-    this.handleRetry = () => {
-      const { maxRetries = 3 } = this.props;
-      const { retryCount } = this.state;
-      if (retryCount < maxRetries) {
-        logger.debug("ErrorBoundary", `Retrying component render (attempt ${retryCount + 1}/${maxRetries})`);
-        this.setState((prevState) => ({
-          hasError: false,
-          error: void 0,
-          errorInfo: void 0,
-          errorId: void 0,
-          retryCount: prevState.retryCount + 1
-        }));
-      }
-    };
-    this.state = {
-      hasError: false,
-      retryCount: 0
-    };
-  }
-  static getDerivedStateFromError(error) {
-    const errorId = `error_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
-    return {
-      hasError: true,
-      error,
-      errorId
-    };
-  }
-  componentDidCatch(error, errorInfo) {
-    const { componentName = "Unknown Component", onError, enableReporting = true } = this.props;
-    const errorId = this.state.errorId;
-    this.setState({ errorInfo });
-    logger.error("ErrorBoundary", `[${componentName}] Caught error ${errorId}:`, error, errorInfo);
-    performanceBudgetMonitor.measure("ERROR_BOUNDARY_TRIGGER", 1, {
-      componentName,
-      errorId,
-      errorMessage: error.message,
-      stack: error.stack?.substring(0, 200)
-      // Truncated stack trace
-    });
-    if (enableReporting) {
-      this.reportError(errorId, componentName);
-    }
-    if (onError) {
-      onError(error, errorInfo, errorId);
-    }
-  }
-  componentWillUnmount() {
-    if (this.retryTimeoutId) {
-      clearTimeout(this.retryTimeoutId);
-    }
-  }
-  render() {
-    if (this.state.hasError) {
-      const {
-        componentName = "Component",
-        fallback,
-        enableRetry = true,
-        maxRetries = 3
-      } = this.props;
-      const { retryCount, errorId } = this.state;
-      if (fallback) {
-        return fallback;
-      }
-      return /* @__PURE__ */ jsx21(
-        "div",
-        {
-          role: "alert",
-          className: "p-6 bg-destructive/10 border border-destructive/20 rounded-lg",
-          "data-error-boundary": errorId,
-          children: /* @__PURE__ */ jsxs14("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsx21("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx21("svg", { className: "w-5 h-5 text-destructive", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx21("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__ */ jsx21("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,
-                    className: "px-4 py-2 bg-destructive text-destructive-foreground rounded-md hover:bg-destructive/90 transition-colors text-sm font-medium",
-                    children: [
-                      "Retry (",
-                      retryCount + 1,
-                      "/",
-                      maxRetries,
-                      ")"
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsx21(
-                  "button",
-                  {
-                    onClick: () => window.location.reload(),
-                    className: "px-4 py-2 bg-sec-600 text-main-50 rounded-md hover:bg-sec-700 transition-colors text-sm font-medium",
-                    children: "Reload Page"
-                  }
-                )
-              ] }),
-              retryCount >= maxRetries && /* @__PURE__ */ jsxs14("div", { className: "mb-4 p-3 bg-acc-50 border border-acc-200 rounded-md", children: [
-                /* @__PURE__ */ jsx21("p", { className: "text-acc-800", children: "Maximum retry attempts reached. Please reload the page or contact support." }),
-                /* @__PURE__ */ jsx21(
-                  "button",
-                  {
-                    onClick: () => window.location.reload(),
-                    className: "mt-2 px-3 py-1 bg-acc-600 text-main-50 rounded text-sm hover:bg-acc-700",
-                    children: "Reload Page"
-                  }
-                )
-              ] }),
-              import.meta.env.MODE === "development" && this.state.error && /* @__PURE__ */ jsxs14("details", { className: "text-sm text-destructive/70", children: [
-                /* @__PURE__ */ jsx21("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__ */ jsxs14("pre", { className: "whitespace-pre-wrap text-xs overflow-auto max-h-32", children: [
-                    this.state.error.toString(),
-                    this.state.errorInfo?.componentStack
-                  ] })
-                ] })
-              ] })
-            ] })
-          ] })
-        }
-      );
-    }
-    return this.props.children;
-  }
-};
-
 // src/components/OrganisationSelector/OrganisationSelector.tsx
 import { useState as useState7, useCallback as useCallback4 } from "react";
-init_OrganisationProvider();
-init_logger();
 import { RefreshCw as RefreshCw2, AlertCircle as AlertCircle2, Building2, Shield } from "lucide-react";
-import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 function OrganisationSelector({
   placeholder = "Select organisation",
   className,
@@ -2571,14 +2446,14 @@ function OrganisationSelector({
   }, [refreshOrganisations]);
   if (orgLoading) {
     return /* @__PURE__ */ jsxs15("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx22(LoadingSpinner, { size: "sm" }),
-      /* @__PURE__ */ jsx22("span", { className: "text-sm text-muted-foreground", children: compact ? "Loading..." : "Loading organisations..." })
+      /* @__PURE__ */ jsx21(LoadingSpinner, { size: "sm" }),
+      /* @__PURE__ */ jsx21("span", { className: "text-sm text-muted-foreground", children: compact ? "Loading..." : "Loading organisations..." })
     ] });
   }
   if (orgError) {
     return /* @__PURE__ */ jsxs15("div", { className: `space-y-2 ${className}`, children: [
       /* @__PURE__ */ jsxs15(Alert, { variant: "destructive", children: [
-        /* @__PURE__ */ jsx22(AlertCircle2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx21(AlertCircle2, { className: "h-4 w-4" }),
         /* @__PURE__ */ jsxs15(AlertDescription, { children: [
           "Failed to load organisations: ",
           orgError.message
@@ -2593,7 +2468,7 @@ function OrganisationSelector({
           disabled: isLoading,
           className: "w-full",
           children: [
-            /* @__PURE__ */ jsx22(RefreshCw2, { className: `h-4 w-4 mr-2 ${isLoading ? "animate-spin" : ""}` }),
+            /* @__PURE__ */ jsx21(RefreshCw2, { className: `h-4 w-4 mr-2 ${isLoading ? "animate-spin" : ""}` }),
             "Retry"
           ]
         }
@@ -2604,8 +2479,8 @@ function OrganisationSelector({
     if (showNoOrganisationsMessage) {
       return /* @__PURE__ */ jsxs15("div", { className: `space-y-2 ${className}`, children: [
         /* @__PURE__ */ jsxs15(Alert, { children: [
-          /* @__PURE__ */ jsx22(Building2, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx22(AlertDescription, { children: "No organisations available. Please contact your administrator to be added to an organisation." })
+          /* @__PURE__ */ jsx21(Building2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx21(AlertDescription, { children: "No organisations available. Please contact your administrator to be added to an organisation." })
         ] }),
         showRetryButton && /* @__PURE__ */ jsxs15(
           Button,
@@ -2616,7 +2491,7 @@ function OrganisationSelector({
             disabled: isLoading,
             className: "w-full",
             children: [
-              /* @__PURE__ */ jsx22(RefreshCw2, { className: `h-4 w-4 mr-2 ${isLoading ? "animate-spin" : ""}` }),
+              /* @__PURE__ */ jsx21(RefreshCw2, { className: `h-4 w-4 mr-2 ${isLoading ? "animate-spin" : ""}` }),
               "Check Again"
             ]
           }
@@ -2626,8 +2501,8 @@ function OrganisationSelector({
     return null;
   }
   const switchErrorDisplay = switchError && /* @__PURE__ */ jsxs15(Alert, { variant: "destructive", className: "mt-2", children: [
-    /* @__PURE__ */ jsx22(AlertCircle2, { className: "h-4 w-4" }),
-    /* @__PURE__ */ jsx22(AlertDescription, { children: switchError })
+    /* @__PURE__ */ jsx21(AlertCircle2, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx21(AlertDescription, { children: switchError })
   ] });
   return /* @__PURE__ */ jsxs15("div", { className: `space-y-2 ${className}`, children: [
     /* @__PURE__ */ jsxs15(
@@ -2637,14 +2512,14 @@ function OrganisationSelector({
         onValueChange: handleOrganisationChange,
         disabled: disabled || isLoading || !selectedOrganisation,
         children: [
-          /* @__PURE__ */ jsx22(SelectTrigger, { className: `${isLoading ? "opacity-50" : ""}`, children: /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
-            isLoading ? /* @__PURE__ */ jsx22(LoadingSpinner, { size: "sm" }) : /* @__PURE__ */ jsx22(Building2, { className: "h-4 w-4 text-muted-foreground" }),
-            /* @__PURE__ */ jsx22(SelectValue, { placeholder })
+          /* @__PURE__ */ jsx21(SelectTrigger, { className: `${isLoading ? "opacity-50" : ""}`, children: /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
+            isLoading ? /* @__PURE__ */ jsx21(LoadingSpinner, { size: "sm" }) : /* @__PURE__ */ jsx21(Building2, { className: "h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsx21(SelectValue, { placeholder })
           ] }) }),
-          /* @__PURE__ */ jsx22(SelectContent, { children: organisations.map((org) => {
+          /* @__PURE__ */ jsx21(SelectContent, { children: organisations.map((org) => {
             const userRole = getUserRole(org.id);
             const hasAccess = validateOrganisationAccess(org.id);
-            return /* @__PURE__ */ jsx22(
+            return /* @__PURE__ */ jsx21(
               SelectItem,
               {
                 value: org.id,
@@ -2652,15 +2527,15 @@ function OrganisationSelector({
                 className: !hasAccess ? "opacity-50" : "",
                 children: /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between w-full", children: [
                   /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx22(Building2, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ jsx21(Building2, { className: "h-4 w-4" }),
                     /* @__PURE__ */ jsxs15("div", { className: "flex flex-col", children: [
-                      /* @__PURE__ */ jsx22("span", { className: "font-medium", children: org.display_name }),
-                      !compact && org.description && /* @__PURE__ */ jsx22("span", { className: "text-xs text-muted-foreground truncate max-w-40", children: org.description })
+                      /* @__PURE__ */ jsx21("span", { className: "font-medium", children: org.display_name }),
+                      !compact && org.description && /* @__PURE__ */ jsx21("span", { className: "text-xs text-muted-foreground truncate max-w-40", children: org.description })
                     ] })
                   ] }),
                   showRole && /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-1 ml-4", children: [
-                    /* @__PURE__ */ jsx22(Shield, { className: "h-3 w-3 text-muted-foreground" }),
-                    /* @__PURE__ */ jsx22("span", { className: "text-xs text-muted-foreground capitalize", children: userRole?.replace("_", " ") || "No Role" })
+                    /* @__PURE__ */ jsx21(Shield, { className: "h-3 w-3 text-muted-foreground" }),
+                    /* @__PURE__ */ jsx21("span", { className: "text-xs text-muted-foreground capitalize", children: userRole?.replace("_", " ") || "No Role" })
                   ] })
                 ] })
               },
@@ -2675,8 +2550,7 @@ function OrganisationSelector({
 }
 
 // src/hooks/useFileReference.ts
-import { useState as useState8, useCallback as useCallback5, useEffect as useEffect5, useRef as useRef2, useMemo as useMemo7 } from "react";
-init_logger();
+import { useState as useState8, useCallback as useCallback5, useEffect as useEffect5, useRef as useRef3, useMemo as useMemo7 } from "react";
 var log = createLogger("useFileReference");
 function useFileReference(supabase) {
   const [isLoading, setIsLoading] = useState8(false);
@@ -2848,7 +2722,7 @@ function useFileReferenceForRecord(supabase, table_name, record_id, organisation
   const [fileReference, setFileReference] = useState8(null);
   const [fileReferences, setFileReferences] = useState8([]);
   const [fileCount, setFileCount] = useState8(0);
-  const urlRefreshIntervalRef = useRef2(null);
+  const urlRefreshIntervalRef = useRef3(null);
   const loadFileReference = useCallback5(async () => {
     const reference = await getFileReference(table_name, record_id, organisation_id);
     setFileReference(reference);
@@ -3014,8 +2888,8 @@ function useFilesByCategory(supabase, table_name, record_id, category, organisat
 }
 
 // src/components/FileUpload/FileUpload.tsx
-import { useState as useState9, useCallback as useCallback6, useRef as useRef3, useEffect as useEffect6, useMemo as useMemo8 } from "react";
-import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useState as useState9, useCallback as useCallback6, useRef as useRef4, useEffect as useEffect6, useMemo as useMemo8 } from "react";
+import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 function FileUpload({
   supabase,
   table_name,
@@ -3042,7 +2916,7 @@ function FileUpload({
   const [resolvedAppId, setResolvedAppId] = useState9(app_id || null);
   const [isResolvingAppId, setIsResolvingAppId] = useState9(!app_id);
   const [appIdError, setAppIdError] = useState9(null);
-  const fileInputRef = useRef3(null);
+  const fileInputRef = useRef4(null);
   const { uploadFile, isLoading, error } = useFileReference(supabase);
   useEffect6(() => {
     if (app_id) {
@@ -3208,7 +3082,7 @@ function FileUpload({
           table_name,
           record_id,
           organisation_id,
-          app_id: resolvedAppId,
+          app_id: resolvedAppId ? assertAppId(resolvedAppId) : assertAppId(""),
           category,
           is_public: isPublic
         }, file);
@@ -3341,14 +3215,24 @@ function FileUpload({
     /* @__PURE__ */ jsxs16(
       "div",
       {
+        role: "button",
+        tabIndex: isDisabled ? -1 : 0,
+        "aria-label": "File upload area",
+        "aria-disabled": isDisabled,
         className: `relative border-2 border-dashed rounded-lg p-6 text-center transition-colors ${dragClasses} ${disabledClasses}`,
         onDragOver: handleDragOver,
         onDragLeave: handleDragLeave,
         onDrop: handleDrop,
         onClick: !isDisabled ? handleClick : void 0,
+        onKeyDown: !isDisabled ? (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            handleClick();
+          }
+        } : void 0,
         children: [
           children || /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsx22(
               "input",
               {
                 ref: fileInputRef,
@@ -3361,8 +3245,8 @@ function FileUpload({
                 "data-testid": "file-input"
               }
             ),
-            /* @__PURE__ */ jsx23("div", { className: "text-sec-600", children: isResolvingAppId ? "Resolving app configuration..." : isDragging ? "Drop files here..." : /* @__PURE__ */ jsxs16(Fragment5, { children: [
-              /* @__PURE__ */ jsx23("span", { className: "font-medium", children: "Click to upload" }),
+            /* @__PURE__ */ jsx22("div", { className: "text-sec-600", children: isResolvingAppId ? "Resolving app configuration..." : isDragging ? "Drop files here..." : /* @__PURE__ */ jsxs16(Fragment5, { children: [
+              /* @__PURE__ */ jsx22("span", { className: "font-medium", children: "Click to upload" }),
               " ",
               "or drag and drop"
             ] }) }),
@@ -3372,11 +3256,20 @@ function FileUpload({
               !isResolvingAppId && multiple && " \u2022 Multiple files allowed"
             ] })
           ] }),
-          isUploading && !showProgress && /* @__PURE__ */ jsx23("div", { className: "absolute inset-0 bg-white bg-opacity-75 flex items-center justify-center", children: /* @__PURE__ */ jsx23("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-main-500" }) })
+          isUploading && !showProgress && /* @__PURE__ */ jsx22(
+            "div",
+            {
+              className: "absolute inset-0 bg-white bg-opacity-75 flex items-center justify-center",
+              role: "status",
+              "aria-live": "polite",
+              "aria-label": "Uploading file",
+              children: /* @__PURE__ */ jsx22("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-main-500", "aria-hidden": "true" })
+            }
+          )
         ]
       }
     ),
-    showProgress && uploadStates.size > 0 && /* @__PURE__ */ jsx23("div", { className: "space-y-2", children: Array.from(uploadStates.entries()).map(([fileId, uploadState]) => {
+    showProgress && uploadStates.size > 0 && /* @__PURE__ */ jsx22("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";
@@ -3386,23 +3279,23 @@ function FileUpload({
         {
           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__ */ jsx23("div", { className: "flex-shrink-0", children: preview ? /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsx22("div", { className: "flex-shrink-0", children: preview ? /* @__PURE__ */ jsx22(
               "img",
               {
                 src: preview,
                 alt: file.name,
                 className: "w-12 h-12 object-cover rounded"
               }
-            ) : /* @__PURE__ */ jsx23("div", { className: "w-12 h-12 flex items-center justify-center bg-sec-200 rounded", children: /* @__PURE__ */ jsx23("span", { className: "text-2xl", children: "\u{1F4C4}" }) }) }),
+            ) : /* @__PURE__ */ jsx22("div", { className: "w-12 h-12 flex items-center justify-center bg-sec-200 rounded", children: /* @__PURE__ */ jsx22("span", { className: "text-2xl", children: "\u{1F4C4}" }) }) }),
             /* @__PURE__ */ jsxs16("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsx23("div", { className: "font-medium text-sec-900 truncate", children: file.name }),
+              /* @__PURE__ */ jsx22("div", { className: "font-medium text-sec-900 truncate", children: file.name }),
               /* @__PURE__ */ jsxs16("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__ */ jsx23("div", { className: "w-full bg-sec-200 rounded-full h-2", children: /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsx22("div", { className: "w-full bg-sec-200 rounded-full h-2", children: /* @__PURE__ */ jsx22(
                   "div",
                   {
                     className: `h-2 rounded-full transition-all duration-300 ${isError ? "bg-acc-500" : "bg-main-500"}`,
@@ -3419,33 +3312,56 @@ function FileUpload({
               ] })
             ] }),
             /* @__PURE__ */ jsxs16("div", { className: "flex-shrink-0", children: [
-              isCompleted && /* @__PURE__ */ jsx23("span", { className: "text-success-500 text-xl", children: "\u2713" }),
-              isError && /* @__PURE__ */ jsx23("span", { className: "text-acc-500 text-xl", children: "\u2715" }),
-              isUploading2 && /* @__PURE__ */ jsx23("div", { className: "animate-spin rounded-full h-5 w-5 border-b-2 border-main-500" })
+              isCompleted && /* @__PURE__ */ jsx22("span", { className: "text-success-500 text-xl", children: "\u2713" }),
+              isError && /* @__PURE__ */ jsx22("span", { className: "text-acc-500 text-xl", children: "\u2715" }),
+              isUploading2 && /* @__PURE__ */ jsx22(
+                "div",
+                {
+                  className: "animate-spin rounded-full h-5 w-5 border-b-2 border-main-500",
+                  role: "status",
+                  "aria-label": "Uploading",
+                  "aria-hidden": "true"
+                }
+              )
             ] })
           ]
         },
         fileId
       );
     }) }),
-    appIdError && /* @__PURE__ */ jsx23("div", { className: "p-3 bg-acc-50 border border-acc-200 rounded-lg text-sm text-acc-600", children: appIdError }),
-    error && /* @__PURE__ */ jsx23("div", { className: "p-3 bg-acc-50 border border-acc-200 rounded-lg text-sm text-acc-600", children: error })
+    appIdError && /* @__PURE__ */ jsx22(
+      "div",
+      {
+        className: "p-3 bg-acc-50 border border-acc-200 rounded-lg text-sm text-acc-600",
+        role: "alert",
+        "aria-live": "assertive",
+        children: appIdError
+      }
+    ),
+    error && /* @__PURE__ */ jsx22(
+      "div",
+      {
+        className: "p-3 bg-acc-50 border border-acc-200 rounded-lg text-sm text-acc-600",
+        role: "alert",
+        "aria-live": "assertive",
+        children: error
+      }
+    )
   ] });
 }
 
 // src/components/FileDisplay/FileDisplay.tsx
-import { useState as useState11, useEffect as useEffect8, useRef as useRef5, useContext as useContext2, useMemo as useMemo9 } from "react";
+import { useState as useState11, useEffect as useEffect8, useRef as useRef6, useContext as useContext2, useMemo as useMemo9 } from "react";
 
 // src/hooks/useFileUrl.ts
-import { useState as useState10, useEffect as useEffect7, useCallback as useCallback7, useRef as useRef4 } from "react";
-init_logger();
+import { useState as useState10, useEffect as useEffect7, useCallback as useCallback7, useRef as useRef5 } from "react";
 var log2 = createLogger("useFileUrl");
 function useFileUrl(fileReference, options) {
   const { organisation_id, supabase, autoLoad = true } = options;
   const [url, setUrl] = useState10(null);
   const [isLoading, setIsLoading] = useState10(false);
   const [error, setError] = useState10(null);
-  const fileReferenceIdRef = useRef4(null);
+  const fileReferenceIdRef = useRef5(null);
   const loadUrl = useCallback7(async () => {
     if (!fileReference) {
       setUrl(null);
@@ -3509,9 +3425,7 @@ function useFileUrl(fileReference, options) {
 }
 
 // src/components/FileDisplay/FileDisplay.tsx
-init_UnifiedAuthProvider();
-init_logger();
-import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 var fallbackSizeClasses = {
   xs: "h-4 w-4 text-xs",
   sm: "h-6 w-6 text-sm",
@@ -3553,7 +3467,7 @@ function FileDisplayContent({
   const [imageError, setImageError] = useState11(false);
   const [internalFileUrls, setInternalFileUrls] = useState11(new Map(fileUrls));
   const [deleteDialogOpen, setDeleteDialogOpen] = useState11(false);
-  const fileReferencesRef = useRef5([]);
+  const fileReferencesRef = useRef6([]);
   const computedFallbackText = useMemo9(() => {
     if (fallbackText) return fallbackText;
     const fileName = fileReference?.file_metadata?.fileName;
@@ -3618,21 +3532,22 @@ function FileDisplayContent({
   };
   if (error) {
     if (ErrorComponent) {
-      return /* @__PURE__ */ jsx24(ErrorComponent, { error, retry: clearError });
+      return /* @__PURE__ */ jsx23(ErrorComponent, { error, retry: clearError });
     }
     if (showFallback) {
-      return /* @__PURE__ */ jsx24("div", { className: fallbackClasses, title: "File unavailable", children: computedFallbackText });
+      return /* @__PURE__ */ jsx23("div", { className: fallbackClasses, title: "File unavailable", children: computedFallbackText });
     }
     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: [
         "Error loading file: ",
         error instanceof Error ? error.message : String(error)
       ] }),
-      clearError && /* @__PURE__ */ jsx24(
+      clearError && /* @__PURE__ */ jsx23(
         "button",
         {
           onClick: clearError,
           className: "mt-2 text-sm text-acc-700 hover:text-acc-800 underline",
+          "aria-label": "Retry loading file",
           children: "Try again"
         }
       )
@@ -3658,20 +3573,20 @@ function FileDisplayContent({
   }
   if (isLoading) {
     if (LoadingComponent) {
-      return /* @__PURE__ */ jsx24(LoadingComponent, {});
+      return /* @__PURE__ */ jsx23(LoadingComponent, {});
     }
-    return /* @__PURE__ */ jsx24("div", { className: `flex items-center justify-center p-4 ${className}`, children: /* @__PURE__ */ jsx24("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-main-500" }) });
+    return /* @__PURE__ */ jsx23("div", { className: `flex items-center justify-center p-4 ${className}`, children: /* @__PURE__ */ jsx23("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-main-500" }) });
   }
   if ((category || displayOnly) && fileReference) {
     const isImage = fileReference.file_metadata.fileType?.startsWith("image/");
     if (displayOnly && isImage && !showDelete) {
       if (imageError && showFallback) {
-        return /* @__PURE__ */ jsx24("div", { className: fallbackClasses, title: fileReference.file_metadata.fileName || "File", children: computedFallbackText });
+        return /* @__PURE__ */ jsx23("div", { className: fallbackClasses, title: fileReference.file_metadata.fileName || "File", children: computedFallbackText });
       }
       if (!fileUrl) {
-        return /* @__PURE__ */ jsx24("div", { className: `bg-sec-100 rounded animate-pulse ${className || "max-w-full h-48"}`, children: /* @__PURE__ */ jsx24("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsx24("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-main-500" }) }) });
+        return /* @__PURE__ */ jsx23("div", { className: `bg-sec-100 rounded animate-pulse ${className || "max-w-full h-48"}`, children: /* @__PURE__ */ jsx23("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsx23("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-main-500" }) }) });
       }
-      return /* @__PURE__ */ jsx24(
+      return /* @__PURE__ */ jsx23(
         "img",
         {
           src: fileUrl,
@@ -3682,11 +3597,11 @@ function FileDisplayContent({
       );
     }
     if (displayOnly && showFallback && (!fileUrl || imageError || !isImage)) {
-      return /* @__PURE__ */ jsx24("div", { className: fallbackClasses, title: fileReference.file_metadata.fileName || "File", children: computedFallbackText });
+      return /* @__PURE__ */ jsx23("div", { className: fallbackClasses, title: fileReference.file_metadata.fileName || "File", children: computedFallbackText });
     }
     return /* @__PURE__ */ jsxs17("div", { className: `space-y-2 ${className}`, children: [
       isImage && fileUrl && !imageError ? /* @__PURE__ */ jsxs17("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx23(
           "img",
           {
             src: fileUrl,
@@ -3696,7 +3611,7 @@ function FileDisplayContent({
           }
         ),
         showDelete && /* @__PURE__ */ jsxs17(Fragment6, { children: [
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx23(
             "button",
             {
               onClick: handleDeleteClick,
@@ -3706,29 +3621,29 @@ function FileDisplayContent({
               children: "\xD7"
             }
           ),
-          /* @__PURE__ */ jsx24(Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: /* @__PURE__ */ jsxs17(DialogContent, { size: "sm", children: [
-            /* @__PURE__ */ jsx24(DialogHeader, { children: /* @__PURE__ */ jsx24(DialogTitle, { children: "Confirm Delete" }) }),
-            /* @__PURE__ */ jsx24(DialogBody, { children: /* @__PURE__ */ jsx24("p", { children: "Are you sure you want to delete this file? This action cannot be undone." }) }),
+          /* @__PURE__ */ jsx23(Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: /* @__PURE__ */ jsxs17(DialogContent, { size: "sm", children: [
+            /* @__PURE__ */ jsx23(DialogHeader, { children: /* @__PURE__ */ jsx23(DialogTitle, { children: "Confirm Delete" }) }),
+            /* @__PURE__ */ jsx23(DialogBody, { children: /* @__PURE__ */ jsx23("p", { children: "Are you sure you want to delete this file? This action cannot be undone." }) }),
             /* @__PURE__ */ jsxs17(DialogFooter, { children: [
-              /* @__PURE__ */ jsx24(Button, { variant: "outline", onClick: () => setDeleteDialogOpen(false), children: "Cancel" }),
-              /* @__PURE__ */ jsx24(Button, { variant: "destructive", onClick: handleDeleteConfirm, children: "Delete" })
+              /* @__PURE__ */ jsx23(Button, { variant: "outline", onClick: () => setDeleteDialogOpen(false), children: "Cancel" }),
+              /* @__PURE__ */ jsx23(Button, { variant: "destructive", onClick: handleDeleteConfirm, children: "Delete" })
             ] })
           ] }) })
         ] })
       ] }) : isImage && imageError && showFallback ? (
         // Show fallback when image fails to load and fallback is enabled
-        /* @__PURE__ */ jsx24("div", { className: fallbackClasses, title: fileReference.file_metadata.fileName || "File", children: computedFallbackText })
+        /* @__PURE__ */ jsx23("div", { className: fallbackClasses, title: fileReference.file_metadata.fileName || "File", children: computedFallbackText })
       ) : /* @__PURE__ */ jsxs17("div", { className: "flex items-center space-x-3 p-3 bg-sec-50 rounded-lg border border-sec-200", children: [
-        /* @__PURE__ */ jsx24("span", { className: "text-2xl", children: getFileIcon(fileReference.file_metadata.fileType || "") }),
+        /* @__PURE__ */ jsx23("span", { className: "text-2xl", children: getFileIcon(fileReference.file_metadata.fileType || "") }),
         /* @__PURE__ */ jsxs17("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx24("div", { className: "font-medium text-sec-900 truncate", children: fileReference.file_metadata.fileName || "Unknown file" }),
+          /* @__PURE__ */ jsx23("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: [
             fileReference.file_metadata.fileSize && formatFileSize(fileReference.file_metadata.fileSize),
             fileReference.file_metadata.fileType && ` \u2022 ${fileReference.file_metadata.fileType}`
           ] })
         ] }),
         showDelete && /* @__PURE__ */ jsxs17(Fragment6, { children: [
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx23(
             "button",
             {
               onClick: handleDeleteClick,
@@ -3738,12 +3653,12 @@ function FileDisplayContent({
               children: "\xD7"
             }
           ),
-          /* @__PURE__ */ jsx24(Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: /* @__PURE__ */ jsxs17(DialogContent, { size: "sm", children: [
-            /* @__PURE__ */ jsx24(DialogHeader, { children: /* @__PURE__ */ jsx24(DialogTitle, { children: "Confirm Delete" }) }),
-            /* @__PURE__ */ jsx24(DialogBody, { children: /* @__PURE__ */ jsx24("p", { children: "Are you sure you want to delete this file? This action cannot be undone." }) }),
+          /* @__PURE__ */ jsx23(Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: /* @__PURE__ */ jsxs17(DialogContent, { size: "sm", children: [
+            /* @__PURE__ */ jsx23(DialogHeader, { children: /* @__PURE__ */ jsx23(DialogTitle, { children: "Confirm Delete" }) }),
+            /* @__PURE__ */ jsx23(DialogBody, { children: /* @__PURE__ */ jsx23("p", { children: "Are you sure you want to delete this file? This action cannot be undone." }) }),
             /* @__PURE__ */ jsxs17(DialogFooter, { children: [
-              /* @__PURE__ */ jsx24(Button, { variant: "outline", onClick: () => setDeleteDialogOpen(false), children: "Cancel" }),
-              /* @__PURE__ */ jsx24(Button, { variant: "destructive", onClick: handleDeleteConfirm, children: "Delete" })
+              /* @__PURE__ */ jsx23(Button, { variant: "outline", onClick: () => setDeleteDialogOpen(false), children: "Cancel" }),
+              /* @__PURE__ */ jsx23(Button, { variant: "destructive", onClick: handleDeleteConfirm, children: "Delete" })
             ] })
           ] }) })
         ] })
@@ -3757,7 +3672,7 @@ function FileDisplayContent({
       const fileUrl2 = internalFileUrls.get(fileRef.id) || null;
       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: [
-        isImage && fileUrl2 ? /* @__PURE__ */ jsx24(
+        isImage && fileUrl2 ? /* @__PURE__ */ jsx23(
           "img",
           {
             src: fileUrl2,
@@ -3765,9 +3680,9 @@ function FileDisplayContent({
             className: "w-12 h-12 object-cover rounded",
             onError: handleImageError
           }
-        ) : /* @__PURE__ */ jsx24("span", { className: "text-2xl", children: getFileIcon(fileRef.file_metadata.fileType || "") }),
+        ) : /* @__PURE__ */ jsx23("span", { className: "text-2xl", children: getFileIcon(fileRef.file_metadata.fileType || "") }),
         /* @__PURE__ */ jsxs17("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx24("div", { className: "font-medium text-sec-900 truncate", children: fileRef.file_metadata.fileName || "Unknown file" }),
+          /* @__PURE__ */ jsx23("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: [
             fileRef.file_metadata.fileSize && formatFileSize(fileRef.file_metadata.fileSize),
             fileRef.file_metadata.fileType && ` \u2022 ${fileRef.file_metadata.fileType}`,
@@ -3775,7 +3690,7 @@ function FileDisplayContent({
           ] })
         ] }),
         /* @__PURE__ */ jsxs17("div", { className: "flex items-center space-x-2", children: [
-          canDownload && /* @__PURE__ */ jsx24(
+          canDownload && /* @__PURE__ */ jsx23(
             "a",
             {
               href: fileRef.file_path,
@@ -3785,7 +3700,7 @@ function FileDisplayContent({
               children: "\u2193"
             }
           ),
-          showDelete && onDelete && /* @__PURE__ */ jsx24(
+          showDelete && onDelete && /* @__PURE__ */ jsx23(
             "button",
             {
               onClick: handleDeleteClick,
@@ -3821,7 +3736,7 @@ function FileDisplayPublic({
   const supabase = publicPageContext?.supabase ?? null;
   if (!supabase) {
     if (showFallback) {
-      return /* @__PURE__ */ jsx24(
+      return /* @__PURE__ */ jsx23(
         FileDisplayContent,
         {
           isLoading: false,
@@ -3847,7 +3762,7 @@ function FileDisplayPublic({
         }
       );
     }
-    return /* @__PURE__ */ jsx24("div", { className: `text-sec-500 text-center p-4 ${className}`, children: "Supabase client not available in public context" });
+    return /* @__PURE__ */ jsx23("div", { className: `text-sec-500 text-center p-4 ${className}`, children: "Supabase client not available in public context" });
   }
   const {
     fileUrl,
@@ -3891,7 +3806,7 @@ function FileDisplayPublic({
     finalFileCount = 1;
     finalFileUrl = fileUrls.get(targetFile.id) || null;
   }
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     FileDisplayContent,
     {
       isLoading,
@@ -3935,7 +3850,7 @@ function FileDisplayAuthenticated({
 }) {
   const { supabase } = useUnifiedAuth();
   if (!supabase) {
-    return /* @__PURE__ */ jsx24("div", { className: `text-sec-500 text-center p-4 ${className}`, children: "Supabase client not available in authenticated context" });
+    return /* @__PURE__ */ jsx23("div", { className: `text-sec-500 text-center p-4 ${className}`, children: "Supabase client not available in authenticated context" });
   }
   const {
     fileUrl,
@@ -3993,7 +3908,7 @@ function FileDisplayAuthenticated({
       finalError = error || displayOnlyFileUrlHook.error;
     }
   }
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     FileDisplayContent,
     {
       isLoading: finalIsLoading,
@@ -4038,7 +3953,7 @@ function FileDisplay({
 }) {
   const isPublicPage = useIsPublicPage();
   if (isPublicPage) {
-    return /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx23(
       FileDisplayPublic,
       {
         table_name,
@@ -4058,7 +3973,7 @@ function FileDisplay({
       }
     );
   }
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     FileDisplayAuthenticated,
     {
       table_name,
@@ -4080,9 +3995,9 @@ function FileDisplay({
 }
 
 // src/components/Table/Table.tsx
-import * as React21 from "react";
-import { jsx as jsx25 } from "react/jsx-runtime";
-var Table = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+import * as React20 from "react";
+import { jsx as jsx24 } from "react/jsx-runtime";
+var Table = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   "table",
   {
     ref,
@@ -4091,9 +4006,9 @@ var Table = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Table.displayName = "Table";
-var TableHeader = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+var TableBody = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   "tbody",
   {
     ref,
@@ -4102,7 +4017,7 @@ var TableBody = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+var TableFooter = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   "tfoot",
   {
     ref,
@@ -4114,7 +4029,7 @@ var TableFooter = React21.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+var TableRow = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   "tr",
   {
     ref,
@@ -4126,7 +4041,7 @@ var TableRow = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+var TableHead = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   "th",
   {
     ref,
@@ -4138,7 +4053,7 @@ var TableHead = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+var TableCell = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   "td",
   {
     ref,
@@ -4147,7 +4062,7 @@ var TableCell = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+var TableCaption = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   "caption",
   {
     ref,
@@ -4157,8 +4072,8 @@ var TableCaption = React21.forwardRef(({ className, ...props }, ref) => /* @__PU
 ));
 TableCaption.displayName = "TableCaption";
 
-// src/components/PublicLayout/PublicPageHeader.tsx
-import { Fragment as Fragment7, jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
+// src/components/PublicLayout/PublicPageLayout.tsx
+import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
 function PublicPageHeader({
   event,
   eventCode,
@@ -4172,10 +4087,10 @@ function PublicPageHeader({
 }) {
   const { appName } = useAppConfig();
   return /* @__PURE__ */ jsxs18("header", { className: cn(
-    "w-full px-[max(0rem,calc((100vw-var(--app-width))/2-0.5rem))] grid grid-cols-[auto_1fr_auto]  place-items-center gap-2",
+    "w-full px-[max(0rem,calc((100vw-var(--app-width))/2-0.5rem))] grid grid-cols-[auto_1fr_auto] place-items-center gap-2",
     className
   ), children: [
-    showAppLogo && appName && /* @__PURE__ */ jsx26(
+    showAppLogo && appName && /* @__PURE__ */ jsx25(
       "img",
       {
         className: "ml-4 max-w-36 object-contain row-span-2",
@@ -4184,8 +4099,8 @@ function PublicPageHeader({
       }
     ),
     event && /* @__PURE__ */ jsxs18(Fragment7, { children: [
-      /* @__PURE__ */ jsx26("h1", { children: event.event_name }),
-      showEventLogo && event && /* @__PURE__ */ jsx26(Fragment7, { children: customEventLogo || /* @__PURE__ */ jsx26(Fragment7, { children: /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx25("h1", { children: event.event_name }),
+      showEventLogo && event && /* @__PURE__ */ jsx25(Fragment7, { children: customEventLogo || /* @__PURE__ */ jsx25(
         FileDisplay,
         {
           table_name: "event",
@@ -4201,19 +4116,16 @@ function PublicPageHeader({
             return event.event_name.split(/[\s\-_]+/).map((word) => word.charAt(0).toUpperCase()).join("").substring(0, 3);
           }
         }
-      ) }) }),
-      event.event_venue && /* @__PURE__ */ jsx26("h4", { children: event.event_venue })
+      ) }),
+      event.event_venue && /* @__PURE__ */ jsx25("h4", { children: event.event_venue })
     ] }),
     title && /* @__PURE__ */ jsxs18(Fragment7, { children: [
-      /* @__PURE__ */ jsx26("h1", { children: title }),
-      description && /* @__PURE__ */ jsx26("p", { className: "text-lg text-sec-600 max-w-3xl mx-auto", children: description })
+      /* @__PURE__ */ jsx25("h1", { children: title }),
+      description && /* @__PURE__ */ jsx25("p", { className: "text-lg text-sec-600 max-w-3xl mx-auto", children: description })
     ] }),
-    children && /* @__PURE__ */ jsx26(Fragment7, { children })
+    children && /* @__PURE__ */ jsx25(Fragment7, { children })
   ] });
 }
-
-// src/components/PublicLayout/PublicPageFooter.tsx
-import { Fragment as Fragment8, jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
 function PublicPageFooter({
   event,
   companyName = "Solvera Solutions Pty Ltd",
@@ -4225,114 +4137,13 @@ function PublicPageFooter({
   children
 }) {
   const copyrightText = copyright || `\xA9 Copyright 2022\u2013${year} all rights reserved, ${companyName}.`;
-  return /* @__PURE__ */ jsx27("footer", { className: cn("mt-8 py-6 flex justify-center", className), children: /* @__PURE__ */ jsxs19("section", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto text-center", children: [
-    logo && /* @__PURE__ */ jsx27("img", { src: logo, alt: "Logo", className: "h-8 w-auto" }),
-    children && /* @__PURE__ */ jsx27(Fragment8, { children }),
-    /* @__PURE__ */ jsx27("span", { className: "text-muted-foreground", children: copyrightText }),
-    links && links.length > 0 && /* @__PURE__ */ jsx27("ul", { className: "flex gap-4 mt-2 md:mt-0", children: links.map((link, index) => /* @__PURE__ */ jsx27("li", { children: /* @__PURE__ */ jsx27("a", { href: link.href, className: "text-muted-foreground hover:text-foreground", children: link.label }) }, index)) })
-  ] }) });
-}
-
-// src/components/PublicLayout/PublicLoadingSpinner.tsx
-import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
-var sizeClasses = {
-  sm: "h-4 w-4",
-  md: "h-8 w-8",
-  lg: "h-12 w-12",
-  xl: "h-16 w-16"
-};
-function PublicLoadingSpinner({
-  message = "Loading...",
-  size = "md",
-  className = "",
-  showLogo = true,
-  customMessage,
-  centered = true
-}) {
-  const sizeClass = sizeClasses[size];
-  const displayMessage = customMessage || message;
-  const content = /* @__PURE__ */ jsxs20("div", { className: cn("flex flex-col items-center", className), children: [
-    showLogo && /* @__PURE__ */ jsx28("div", { className: "mb-4", children: /* @__PURE__ */ jsx28(
-      "img",
-      {
-        className: "h-8 w-auto",
-        src: "/pace_logo_wide.svg",
-        alt: "PACE Core"
-      }
-    ) }),
-    /* @__PURE__ */ jsxs20("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx28(
-        "div",
-        {
-          className: cn(
-            sizeClass,
-            "border-2 border-sec-200 border-t-main-600 rounded-full animate-spin"
-          ),
-          role: "status",
-          "aria-label": "Loading"
-        }
-      ),
-      /* @__PURE__ */ jsx28("span", { className: "sr-only", children: displayMessage })
-    ] }),
-    displayMessage && /* @__PURE__ */ jsx28("p", { className: "mt-4 text-sm text-sec-600 text-center", children: displayMessage })
-  ] });
-  if (centered) {
-    return /* @__PURE__ */ jsx28("div", { className: "min-h-screen bg-background flex items-center justify-center", children: /* @__PURE__ */ jsx28("div", { className: "max-w-md mx-auto px-4", children: content }) });
-  }
-  return content;
-}
-function PublicLoadingSpinnerFullPage({
-  message = "Loading event details...",
-  eventName,
-  className = ""
-}) {
-  return /* @__PURE__ */ jsx28("div", { className: cn(
-    "min-h-screen bg-background flex items-center justify-center",
-    className
-  ), children: /* @__PURE__ */ jsxs20("div", { className: "max-w-md mx-auto text-center px-4", children: [
-    /* @__PURE__ */ jsx28("div", { className: "mb-8", children: /* @__PURE__ */ jsx28(
-      "img",
-      {
-        className: "h-12 w-auto mx-auto",
-        src: "/pace_logo_wide.svg",
-        alt: "PACE Core"
-      }
-    ) }),
-    eventName && /* @__PURE__ */ jsx28("h1", { className: "text-2xl font-bold text-sec-900 mb-4", children: eventName }),
-    /* @__PURE__ */ jsx28("div", { className: "relative mb-6", children: /* @__PURE__ */ jsx28(
-      "div",
-      {
-        className: "h-12 w-12 border-4 border-sec-200 border-t-main-600 rounded-full animate-spin mx-auto",
-        role: "status",
-        "aria-label": "Loading"
-      }
-    ) }),
-    /* @__PURE__ */ jsx28("p", { className: "text-lg text-sec-600", children: message }),
-    /* @__PURE__ */ jsxs20("div", { className: "mt-4 flex justify-center space-x-1", children: [
-      /* @__PURE__ */ jsx28("div", { className: "h-2 w-2 bg-main-600 rounded-full animate-bounce", style: { animationDelay: "0ms" } }),
-      /* @__PURE__ */ jsx28("div", { className: "h-2 w-2 bg-main-600 rounded-full animate-bounce", style: { animationDelay: "150ms" } }),
-      /* @__PURE__ */ jsx28("div", { className: "h-2 w-2 bg-main-600 rounded-full animate-bounce", style: { animationDelay: "300ms" } })
-    ] })
+  return /* @__PURE__ */ jsx25("footer", { className: cn("mt-8 py-6 flex justify-center", className), children: /* @__PURE__ */ jsxs18("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)) })
   ] }) });
 }
-function PublicLoadingSkeleton({
-  lines = 3,
-  className = ""
-}) {
-  return /* @__PURE__ */ jsx28("div", { className: cn("animate-pulse", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx28(
-    "div",
-    {
-      className: cn(
-        "h-4 bg-sec-200 rounded mb-2",
-        index === lines - 1 ? "w-3/4" : "w-full"
-      )
-    },
-    index
-  )) });
-}
-
-// src/components/PublicLayout/PublicPageLayout.tsx
-import { Fragment as Fragment9, jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
 function PublicPageLayout({
   eventCode,
   children,
@@ -4343,7 +4154,7 @@ function PublicPageLayout({
   showFooter = true,
   className = "",
   errorFallback: ErrorFallback,
-  loadingFallback: LoadingFallback = PublicLoadingSpinner,
+  loadingFallback: LoadingFallback,
   customHeader,
   customFooter,
   showValidationErrors = true,
@@ -4353,213 +4164,49 @@ function PublicPageLayout({
   const handleRefetch = refetch || (async () => {
   });
   if (isLoading) {
-    if (LoadingFallback === PublicLoadingSpinner) {
-      return /* @__PURE__ */ jsx29(
-        PublicLoadingSpinner,
-        {
-          className: "items-center justify-center",
-          message: loadingMessage
-        }
-      );
+    if (LoadingFallback) {
+      return /* @__PURE__ */ jsx25(LoadingFallback, {});
     }
-    return /* @__PURE__ */ jsx29(LoadingFallback, {});
+    return /* @__PURE__ */ jsx25("div", { className: "min-h-screen bg-background flex items-center justify-center", children: /* @__PURE__ */ jsxs18("div", { className: "max-w-md mx-auto text-center px-4", children: [
+      /* @__PURE__ */ jsx25(LoadingSpinner, { size: "lg", className: "mx-auto mb-4" }),
+      loadingMessage && /* @__PURE__ */ jsx25("p", { className: "text-sec-600", children: loadingMessage })
+    ] }) });
   }
   if (error && showValidationErrors) {
     if (ErrorFallback) {
-      return /* @__PURE__ */ jsx29(ErrorFallback, { error, retry: handleRefetch });
+      return /* @__PURE__ */ jsx25(ErrorFallback, { error, retry: handleRefetch });
     }
-    return /* @__PURE__ */ jsxs21("main", { className: "flex flex-col items-center justify-center px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children: [
-      /* @__PURE__ */ jsx29("h1", { children: "Event Not Found" }),
-      /* @__PURE__ */ jsxs21("p", { children: [
+    return /* @__PURE__ */ jsxs18("main", { className: "flex flex-col items-center justify-center px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children: [
+      /* @__PURE__ */ jsx25("h1", { children: "Event Not Found" }),
+      /* @__PURE__ */ jsxs18("p", { children: [
         'The event code "',
         eventCode,
         '" is invalid or the event is not available for public viewing.'
       ] }),
-      /* @__PURE__ */ jsx29(Button, { onClick: handleRefetch, children: "Try Again" })
+      /* @__PURE__ */ jsx25(Button, { onClick: handleRefetch, children: "Try Again" })
     ] });
   }
   if (!event && showValidationErrors) {
-    return /* @__PURE__ */ jsxs21("main", { className: "flex flex-col items-center justify-center px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children: [
-      /* @__PURE__ */ jsx29("h1", { children: "Event Not Available" }),
-      /* @__PURE__ */ jsx29("p", { children: "This event is not available for public viewing." }),
-      handleRefetch && /* @__PURE__ */ jsx29(Button, { onClick: handleRefetch, children: "Try Again" })
+    return /* @__PURE__ */ jsxs18("main", { className: "flex flex-col items-center justify-center px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children: [
+      /* @__PURE__ */ jsx25("h1", { children: "Event Not Available" }),
+      /* @__PURE__ */ jsx25("p", { children: "This event is not available for public viewing." }),
+      handleRefetch && /* @__PURE__ */ jsx25(Button, { onClick: handleRefetch, children: "Try Again" })
     ] });
   }
-  return /* @__PURE__ */ jsx29(PublicErrorBoundary, { children: /* @__PURE__ */ jsxs21(Fragment9, { children: [
-    customHeader || /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx25(ErrorBoundary, { componentName: "PublicPageLayout", children: /* @__PURE__ */ jsxs18(Fragment7, { children: [
+    customHeader || /* @__PURE__ */ jsx25(
       PublicPageHeader,
       {
         event: event || void 0,
         eventCode
       }
     ),
-    /* @__PURE__ */ jsx29("main", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children }),
-    showFooter && event && (customFooter || /* @__PURE__ */ jsx29(PublicPageFooter, { event }))
+    /* @__PURE__ */ jsx25("main", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children }),
+    showFooter && event && (customFooter || /* @__PURE__ */ jsx25(PublicPageFooter, { event }))
   ] }) });
 }
-function usePublicPageContext2() {
-  return {
-    eventCode: null,
-    eventId: null,
-    event: null,
-    isLoading: false,
-    error: null,
-    refetch: async () => {
-    },
-    isPublicPage: true
-  };
-}
-
-// src/components/PublicLayout/PublicPageContextChecker.tsx
-import { useEffect as useEffect9 } from "react";
-init_logger();
-import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
-function PublicPageContextChecker({ enabled = true, label = "PublicPage" }) {
-  const isDebugEnabled = import.meta.env.MODE === "development" && import.meta.env.VITE_ENABLE_DEBUG_LOGS === "true" || import.meta.env.MODE === "test" || import.meta.env.VITEST === true || typeof process !== "undefined" && false;
-  if (!isDebugEnabled || !enabled) {
-    return null;
-  }
-  useEffect9(() => {
-    logger.debug("PublicPageContextChecker", `\u{1F6A8} [${label}] PUBLIC PAGE CONTEXT CHECK`);
-    try {
-      const { isAuthenticated } = (init_UnifiedAuthProvider2(), __toCommonJS(UnifiedAuthProvider_exports)).useUnifiedAuth();
-      logger.error("PublicPageContextChecker", `\u274C [${label}] AUTHENTICATION CONTEXT DETECTED!`);
-      logger.error("PublicPageContextChecker", `\u274C [${label}] isAuthenticated:`, isAuthenticated);
-      logger.error("PublicPageContextChecker", `\u274C [${label}] This public page is inside UnifiedAuthProvider - THIS IS WRONG!`);
-      logger.error("PublicPageContextChecker", `\u274C [${label}] SOLUTION: Move public routes outside of authentication providers`);
-    } catch (error) {
-      logger.debug("PublicPageContextChecker", `\u2705 [${label}] No authentication context detected (GOOD!)`);
-    }
-    try {
-      const { selectedOrganisation } = (init_OrganisationProvider(), __toCommonJS(OrganisationProvider_exports)).useOrganisations();
-      logger.error("PublicPageContextChecker", `\u274C [${label}] ORGANISATION CONTEXT DETECTED!`);
-      logger.error("PublicPageContextChecker", `\u274C [${label}] selectedOrganisation:`, selectedOrganisation);
-      logger.error("PublicPageContextChecker", `\u274C [${label}] This public page is inside OrganisationProvider - THIS IS WRONG!`);
-      logger.error("PublicPageContextChecker", `\u274C [${label}] SOLUTION: Move public routes outside of authentication providers`);
-    } catch (error) {
-      logger.debug("PublicPageContextChecker", `\u2705 [${label}] No organisation context detected (GOOD!)`);
-    }
-    try {
-      const { events } = (init_EventProvider(), __toCommonJS(EventProvider_exports)).useEvents();
-      logger.error("PublicPageContextChecker", `\u274C [${label}] EVENT CONTEXT DETECTED!`);
-      logger.error("PublicPageContextChecker", `\u274C [${label}] events:`, events);
-      logger.error("PublicPageContextChecker", `\u274C [${label}] This public page is inside EventProvider - THIS IS WRONG!`);
-      logger.error("PublicPageContextChecker", `\u274C [${label}] SOLUTION: Move public routes outside of authentication providers`);
-    } catch (error) {
-      logger.debug("PublicPageContextChecker", `\u2705 [${label}] No event context detected (GOOD!)`);
-    }
-    try {
-      const { isPublicPage } = usePublicPageContext();
-      if (isPublicPage) {
-        logger.debug("PublicPageContextChecker", `\u2705 [${label}] Public page context detected (GOOD!)`);
-      } else {
-        logger.warn("PublicPageContextChecker", `\u26A0\uFE0F [${label}] Not in PublicPageProvider context`);
-        logger.warn("PublicPageContextChecker", `\u26A0\uFE0F [${label}] SOLUTION: Wrap your public page in <PublicPageProvider>`);
-      }
-    } catch (error) {
-      logger.warn("PublicPageContextChecker", `\u26A0\uFE0F [${label}] Not in PublicPageProvider context`);
-      logger.warn("PublicPageContextChecker", `\u26A0\uFE0F [${label}] SOLUTION: Wrap your public page in <PublicPageProvider>`);
-    }
-    logger.debug("PublicPageContextChecker", `\u{1F4D6} [${label}] IMMEDIATE ACTION REQUIRED`);
-    logger.debug("PublicPageContextChecker", `If you see any \u274C errors above, your public page is inside authentication context.`);
-    logger.debug("PublicPageContextChecker", `This will cause infinite loading loops and authentication errors.`);
-    logger.debug("PublicPageContextChecker", `\u{1F527} SOLUTION: Check your main App.tsx file`);
-    logger.debug("PublicPageContextChecker", `Make sure public routes are completely separate from authentication providers`);
-    logger.debug("PublicPageContextChecker", `Follow the architecture in: packages/core/docs/public-pages-guide.md`);
-  }, [enabled, label]);
-  return /* @__PURE__ */ jsxs22("div", { style: {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    background: "rgba(220, 38, 38, 0.95)",
-    color: "white",
-    padding: "12px",
-    fontSize: "12px",
-    zIndex: 9999,
-    fontFamily: "monospace",
-    maxWidth: "400px",
-    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!" })
-  ] });
-}
-
-// src/components/PublicLayout/EventLogo.tsx
-import React23 from "react";
-import { jsx as jsx31 } from "react/jsx-runtime";
-function defaultGenerateFallbackText2(eventName) {
-  if (!eventName) return "EV";
-  return eventName.split(" ").map((word) => word.charAt(0).toUpperCase()).join("").substring(0, 3);
-}
-function EventLogo({
-  eventId,
-  eventName,
-  organisationId,
-  size = "md",
-  className = "",
-  showFallback = true,
-  generateFallbackText = defaultGenerateFallbackText2,
-  validateImage = true,
-  // Deprecated but kept for backward compatibility
-  loadingComponent: LoadingComponent,
-  errorComponent: ErrorComponent
-}) {
-  const adaptedGenerateFallbackText = React23.useCallback(
-    (fileName) => {
-      return generateFallbackText(eventName || fileName || "");
-    },
-    [eventName, generateFallbackText]
-  );
-  const adaptedErrorComponent = ErrorComponent ? React23.useCallback(
-    ({ error }) => {
-      const errorObj = error instanceof Error ? error : new Error(String(error || "Unknown error"));
-      return /* @__PURE__ */ jsx31(ErrorComponent, { error: errorObj });
-    },
-    [ErrorComponent]
-  ) : void 0;
-  return /* @__PURE__ */ jsx31(
-    FileDisplay,
-    {
-      table_name: "event",
-      record_id: eventId,
-      organisation_id: organisationId,
-      category: "event_logos" /* EVENT_LOGOS */,
-      displayOnly: true,
-      showFallback,
-      fallbackSize: size,
-      className,
-      generateFallbackText: adaptedGenerateFallbackText,
-      loadingComponent: LoadingComponent,
-      errorComponent: adaptedErrorComponent
-    }
-  );
-}
-function EventLogoCompact(props) {
-  return /* @__PURE__ */ jsx31(
-    EventLogo,
-    {
-      ...props,
-      size: "sm",
-      className: `${props.className || ""} rounded-sm`
-    }
-  );
-}
-function EventLogoLarge(props) {
-  return /* @__PURE__ */ jsx31(
-    EventLogo,
-    {
-      ...props,
-      size: "xl",
-      className: `${props.className || ""} rounded-lg`
-    }
-  );
-}
 
 export {
-  init_EventProvider,
   Label,
   Textarea,
   Avatar,
@@ -4581,6 +4228,7 @@ export {
   ToastDescription,
   Toaster,
   Form,
+  FormField,
   LoginForm,
   EventSelector,
   PasswordChangeForm,
@@ -4592,7 +4240,6 @@ export {
   PaceLoginPage,
   SessionRestorationLoader,
   ProtectedRoute,
-  ErrorBoundary,
   OrganisationSelector,
   useFileReference,
   useFileReferenceForRecord,
@@ -4610,14 +4257,6 @@ export {
   TableCaption,
   PublicPageHeader,
   PublicPageFooter,
-  PublicLoadingSpinner,
-  PublicLoadingSpinnerFullPage,
-  PublicLoadingSkeleton,
-  PublicPageLayout,
-  usePublicPageContext2 as usePublicPageContext,
-  PublicPageContextChecker,
-  EventLogo,
-  EventLogoCompact,
-  EventLogoLarge
+  PublicPageLayout
 };
-//# sourceMappingURL=chunk-D7LCGMVS.js.map
+//# sourceMappingURL=chunk-QETLRQI6.js.map