@jmruthers/pace-core 0.5.135 → 0.5.137

package/dist/{chunk-HMNOSGVA.js → chunk-KYRHUBIU.js}

@@ -25,16 +25,16 @@ import {
   SelectSeparator,
   SelectTrigger,
   SelectValue
-} from "./chunk-GVDR7WNV.js";
+} from "./chunk-HAWZXGR2.js";
 import {
   useCan,
   usePermissions,
   useRBAC,
   useResolvedScope
-} from "./chunk-BYXRHAIF.js";
+} from "./chunk-BLCXZEYF.js";
 import {
   isSuperAdmin
-} from "./chunk-WP5I5GLN.js";
+} from "./chunk-BVYWGZVV.js";
 import {
   OrganisationProvider_exports,
   PublicErrorBoundary,
@@ -50,19 +50,19 @@ import {
   useIsPublicPage,
   usePublicFileDisplay,
   usePublicPageContext
-} from "./chunk-VZ5OR6HD.js";
+} from "./chunk-4C7EXCAR.js";
 import {
   useToast
-} from "./chunk-GKHF54DI.js";
+} from "./chunk-BESYRHQM.js";
 import {
   init_useOrganisations,
   useEvents,
   useOrganisations
-} from "./chunk-TGIY2AR2.js";
+} from "./chunk-MA6EPSGZ.js";
 import {
   UnifiedAuthProvider_exports,
   init_UnifiedAuthProvider as init_UnifiedAuthProvider2
-} from "./chunk-CTJRBUX2.js";
+} from "./chunk-6LAAY47Q.js";
 import {
   EventServiceContext,
   EventServiceProvider,
@@ -72,26 +72,31 @@ import {
   useEventService,
   useSessionRestoration,
   useUnifiedAuth
-} from "./chunk-3CG5L6RN.js";
+} from "./chunk-YCWDTTUK.js";
 import {
-  LoadingSpinner
-} from "./chunk-CDQ3PX7L.js";
+  LoadingSpinner,
+  getAppId
+} from "./chunk-S5OFRT4M.js";
 import {
   getCurrentAppName
-} from "./chunk-JCQZ6LA7.js";
+} from "./chunk-Q5QRDWKI.js";
 import {
   performanceBudgetMonitor
-} from "./chunk-O3NWNXDY.js";
+} from "./chunk-FMUCXFII.js";
 import {
   cn
-} from "./chunk-PYUXFQJ3.js";
+} from "./chunk-56XJ3TU6.js";
 import {
   clearPalette
-} from "./chunk-GEVIB2UB.js";
+} from "./chunk-ERISIBYU.js";
+import {
+  createLogger,
+  init_logger,
+  logger
+} from "./chunk-XDNLUEXI.js";
 import {
   __esm,
   __export,
-  __require,
   __toCommonJS
 } from "./chunk-PLDDJCW6.js";
 
@@ -212,11 +217,108 @@ var AvatarFallback = React2.forwardRef(({ className, ...props }, ref) => /* @__P
 ));
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
-// src/components/Switch/Switch.tsx
+// src/components/Badge/Badge.tsx
 import * as React3 from "react";
-import * as SwitchPrimitive from "@radix-ui/react-switch";
 import { jsx as jsx3 } from "react/jsx-runtime";
-var Switch = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+var shadeConfig = {
+  muted: {
+    bg: 200,
+    text: 600,
+    border: 400,
+    outlineText: 600,
+    outlineBg: 100
+  },
+  normal: {
+    bg: 500,
+    text: 50,
+    border: 700,
+    outlineText: 700,
+    outlineBg: 200
+  },
+  strong: {
+    bg: 700,
+    text: 50,
+    border: 800,
+    outlineText: 900,
+    outlineBg: 400
+  }
+};
+var colors = ["main", "sec", "acc"];
+var styles = ["solid", "outline", "soft"];
+function buildVariantClasses(style, color, shade) {
+  const cfg = shadeConfig[shade];
+  const parts = [];
+  if (style === "solid") {
+    parts.push(`bg-${color}-${cfg.bg}`, `text-${color}-${cfg.text}`);
+  } else if (style === "outline") {
+    parts.push("outline outline-1 -outline-offset-1", `outline-${color}-${cfg.border}`, `bg-${color}-${cfg.outlineBg}`, `text-${color}-${cfg.outlineText}`);
+  } else if (style === "soft") {
+    parts.push(
+      `bg-${color}-${cfg.bg}`,
+      "shadow-badge-soft",
+      `shadow-${color}-${cfg.bg}`,
+      `text-${color}-${cfg.text}`,
+      "my-1",
+      "mx-1",
+      "py-0",
+      "px-2"
+    );
+  }
+  return parts.join(" ");
+}
+function generateVariantClasses() {
+  const variantClasses = {};
+  for (const style of styles) {
+    for (const color of colors) {
+      for (const shade of Object.keys(shadeConfig)) {
+        const variant = `${style}-${color}-${shade}`;
+        variantClasses[variant] = buildVariantClasses(style, color, shade);
+      }
+    }
+  }
+  return variantClasses;
+}
+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";
+  return `${baseClasses} ${variantClassesMap[variant]}`;
+}
+var Badge = React3.forwardRef(
+  ({ className, variant = "solid-main-normal", ...props }, ref) => {
+    const isSoftVariant = variant.startsWith("soft-");
+    if (isSoftVariant) {
+      const variantClasses = getBadgeClasses(variant);
+      const shadowColorMatch = variantClasses.match(/\bshadow-(\w+)-(\d+)\b/);
+      const shadowColorClass = shadowColorMatch ? shadowColorMatch[0] : "";
+      const classesWithoutShadows = variantClasses.replace(/\bshadow-badge-soft\b/g, "").replace(/\bshadow-\w+-\d+\b/g, "").replace(/\s+/g, " ").trim();
+      const mergedClasses = cn(classesWithoutShadows, className);
+      const finalClasses = `${mergedClasses} shadow-badge-soft ${shadowColorClass}`.trim();
+      return /* @__PURE__ */ jsx3(
+        "span",
+        {
+          ref,
+          className: finalClasses,
+          ...props
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx3(
+      "span",
+      {
+        ref,
+        className: cn(getBadgeClasses(variant), className),
+        ...props
+      }
+    );
+  }
+);
+Badge.displayName = "Badge";
+
+// src/components/Switch/Switch.tsx
+import * as React4 from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Switch = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
   SwitchPrimitive.Root,
   {
     className: cn(
@@ -238,7 +340,7 @@ var Switch = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ jsx3(
+    children: /* @__PURE__ */ jsx4(
       SwitchPrimitive.Thumb,
       {
         className: cn(
@@ -259,12 +361,12 @@ var Switch = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 Switch.displayName = SwitchPrimitive.Root.displayName;
 
 // src/components/Toast/Toast.tsx
-import * as React4 from "react";
+import * as React5 from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { X } from "lucide-react";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+var ToastViewport = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -277,8 +379,8 @@ var ToastViewport = React4.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var Toast = React4.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx4(
+var Toast = React5.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx5(
     ToastPrimitives.Root,
     {
       ref,
@@ -292,7 +394,7 @@ var Toast = React4.forwardRef(({ className, ...props }, ref) => {
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+var ToastAction = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
   ToastPrimitives.Action,
   {
     ref,
@@ -305,7 +407,7 @@ var ToastAction = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+var ToastClose = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
   ToastPrimitives.Close,
   {
     ref,
@@ -316,11 +418,11 @@ var ToastClose = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE_
     ),
     "toast-close": "",
     ...props,
-    children: /* @__PURE__ */ jsx4(X, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx5(X, { className: "h-4 w-4" })
   }
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+var ToastTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
   ToastPrimitives.Title,
   {
     ref,
@@ -330,7 +432,7 @@ var ToastTitle = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+var ToastDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
   ToastPrimitives.Description,
   {
     ref,
@@ -343,14 +445,14 @@ ToastDescription.displayName = ToastPrimitives.Description.displayName;
 function Toaster() {
   const { toasts } = useToast();
   return /* @__PURE__ */ jsxs2(ToastProvider, { "data-testid": "toast-provider", children: [
-    /* @__PURE__ */ jsx4(ToastViewport, {}),
+    /* @__PURE__ */ jsx5(ToastViewport, {}),
     toasts.map((toast) => {
       const { id, title, description, action, dismiss, duration, ...toastProps } = toast;
       return /* @__PURE__ */ jsxs2(Toast, { ...toastProps, duration, children: [
-        title && /* @__PURE__ */ jsx4(ToastTitle, { children: title }),
-        description && /* @__PURE__ */ jsx4(ToastDescription, { children: description }),
+        title && /* @__PURE__ */ jsx5(ToastTitle, { children: title }),
+        description && /* @__PURE__ */ jsx5(ToastDescription, { children: description }),
         action && action,
-        /* @__PURE__ */ jsx4(ToastClose, { onClick: dismiss })
+        /* @__PURE__ */ jsx5(ToastClose, { onClick: dismiss })
       ] }, id);
     })
   ] });
@@ -359,7 +461,7 @@ function Toaster() {
 // src/components/Form/Form.tsx
 import { useForm, FormProvider } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function Form({
   schema,
   defaultValues,
@@ -375,13 +477,13 @@ function Form({
     mode
   });
   const handleSubmit = methods.handleSubmit(onSubmit, onError);
-  return /* @__PURE__ */ jsx5(FormProvider, { ...methods, children: /* @__PURE__ */ jsx5("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: typeof children === "function" ? children(methods) : children }) });
+  return /* @__PURE__ */ jsx6(FormProvider, { ...methods, children: /* @__PURE__ */ jsx6("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: typeof children === "function" ? children(methods) : children }) });
 }
 
 // src/components/LoginForm/LoginForm.tsx
-import React5, { useState, useCallback, useMemo } from "react";
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
-var LoginForm = React5.memo(({
+import React6, { useState, useCallback, useMemo } from "react";
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+var LoginForm = React6.memo(({
   onSignIn,
   onSuccess,
   onError,
@@ -422,15 +524,15 @@ var LoginForm = React5.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__ */ jsx6(Card, { className: cn("w-full max-w-md mx-auto", className), children: /* @__PURE__ */ jsxs3("form", { onSubmit: handleSubmit, "data-testid": "login-form", children: [
+  return /* @__PURE__ */ jsx7(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: [
-      /* @__PURE__ */ jsx6(CardTitle, { className: "text-2xl text-center", children: displayTitle }),
-      /* @__PURE__ */ jsx6(CardDescription, { className: "text-center", children: displaySubtitle })
+      /* @__PURE__ */ jsx7(CardTitle, { className: "text-2xl text-center", children: displayTitle }),
+      /* @__PURE__ */ jsx7(CardDescription, { className: "text-center", children: displaySubtitle })
     ] }),
     /* @__PURE__ */ jsxs3(CardContent, { className: "space-y-4", children: [
-      error && /* @__PURE__ */ jsx6(Alert, { variant: "destructive", children: /* @__PURE__ */ jsx6(AlertDescription, { children: error }) }),
-      /* @__PURE__ */ jsx6(Label, { htmlFor: "email", children: "Email" }),
-      /* @__PURE__ */ jsx6(
+      error && /* @__PURE__ */ jsx7(Alert, { variant: "destructive", children: /* @__PURE__ */ jsx7(AlertDescription, { children: error }) }),
+      /* @__PURE__ */ jsx7(Label, { htmlFor: "email", children: "Email" }),
+      /* @__PURE__ */ jsx7(
         Input,
         {
           id: "email",
@@ -442,8 +544,8 @@ var LoginForm = React5.memo(({
           disabled: isLoading
         }
       ),
-      /* @__PURE__ */ jsx6(Label, { htmlFor: "password", children: "Password" }),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(Label, { htmlFor: "password", children: "Password" }),
+      /* @__PURE__ */ jsx7(
         Input,
         {
           id: "password",
@@ -457,7 +559,7 @@ var LoginForm = React5.memo(({
       )
     ] }),
     /* @__PURE__ */ jsxs3(CardFooter, { className: "flex flex-col space-y-4", children: [
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx7(
         Button,
         {
           type: "submit",
@@ -466,7 +568,7 @@ var LoginForm = React5.memo(({
           children: isLoading ? "Signing in..." : "Sign In"
         }
       ),
-      showSignUp && (onSignUp ? /* @__PURE__ */ jsx6("div", { className: "text-sm text-center text-muted-foreground", children: /* @__PURE__ */ jsx6(
+      showSignUp && (onSignUp ? /* @__PURE__ */ jsx7("div", { className: "text-sm text-center text-muted-foreground", children: /* @__PURE__ */ jsx7(
         "button",
         {
           type: "button",
@@ -477,7 +579,7 @@ var LoginForm = React5.memo(({
       ) }) : /* @__PURE__ */ jsxs3("p", { className: "text-center text-muted-foreground", children: [
         "Don't have an account?",
         " ",
-        /* @__PURE__ */ jsx6("a", { href: "/signup", className: "text-primary hover:underline", children: "Sign up" })
+        /* @__PURE__ */ jsx7("a", { href: "/signup", className: "text-primary hover:underline", children: "Sign up" })
       ] }))
     ] })
   ] }) });
@@ -485,8 +587,9 @@ var LoginForm = React5.memo(({
 
 // src/components/EventSelector/EventSelector.tsx
 import { RefreshCw, AlertCircle, Lock, Calendar, Star } from "lucide-react";
+init_logger();
 import { useEffect, useMemo as useMemo2 } from "react";
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
 function EventSelector({
   placeholder = "Select an event",
   className,
@@ -504,7 +607,7 @@ function EventSelector({
     setSelectedEvent,
     refreshEvents
   } = useEvents();
-  console.log("[EventSelector] Component render:", {
+  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,
@@ -582,15 +685,15 @@ function EventSelector({
   }, [events, selectedEvent, setSelectedEvent, onEventChange, isLoading]);
   if (isLoading) {
     return /* @__PURE__ */ jsxs4("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx7(LoadingSpinner, { size: "sm" }),
-      /* @__PURE__ */ jsx7("span", { className: "text-sm text-muted-foreground", children: "Loading events..." })
+      /* @__PURE__ */ jsx8(LoadingSpinner, { size: "sm" }),
+      /* @__PURE__ */ jsx8("span", { className: "text-sm text-muted-foreground", children: "Loading events..." })
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ jsx7("div", { className, children: /* @__PURE__ */ jsxs4(Alert, { variant: "destructive", children: [
-      /* @__PURE__ */ jsx7(Lock, { className: "h-4 w-4" }),
+    return /* @__PURE__ */ jsx8("div", { className, children: /* @__PURE__ */ jsxs4(Alert, { variant: "destructive", children: [
+      /* @__PURE__ */ jsx8(Lock, { className: "h-4 w-4" }),
       /* @__PURE__ */ jsxs4(AlertDescription, { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx7("span", { children: error.message }),
+        /* @__PURE__ */ jsx8("span", { children: error.message }),
         showRetryButton && /* @__PURE__ */ jsxs4(
           Button,
           {
@@ -599,7 +702,7 @@ function EventSelector({
             onClick: handleRetry,
             className: "ml-2",
             children: [
-              /* @__PURE__ */ jsx7(RefreshCw, { className: "h-3 w-3 mr-1" }),
+              /* @__PURE__ */ jsx8(RefreshCw, { className: "h-3 w-3 mr-1" }),
               "Retry"
             ]
           }
@@ -609,10 +712,10 @@ function EventSelector({
   }
   if (events.length === 0) {
     if (showNoEventsMessage) {
-      return /* @__PURE__ */ jsx7("div", { className, children: /* @__PURE__ */ jsxs4(Alert, { variant: "inline", children: [
-        /* @__PURE__ */ jsx7(AlertCircle, { className: "h-4 w-4 text-acc-700" }),
+      return /* @__PURE__ */ jsx8("div", { className, children: /* @__PURE__ */ jsxs4(Alert, { variant: "inline", children: [
+        /* @__PURE__ */ jsx8(AlertCircle, { className: "h-4 w-4 text-acc-700" }),
         /* @__PURE__ */ jsxs4(AlertDescription, { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx7("span", { children: "No events available." }),
+          /* @__PURE__ */ jsx8("span", { children: "No events available." }),
           showRetryButton && /* @__PURE__ */ jsxs4(
             Button,
             {
@@ -621,7 +724,7 @@ function EventSelector({
               onClick: handleRetry,
               className: "ml-2",
               children: [
-                /* @__PURE__ */ jsx7(RefreshCw, { className: "h-3 w-3 mr-1" }),
+                /* @__PURE__ */ jsx8(RefreshCw, { className: "h-3 w-3 mr-1" }),
                 "Refresh"
               ]
             }
@@ -638,34 +741,34 @@ function EventSelector({
       onValueChange: handleValueChange,
       className,
       children: [
-        /* @__PURE__ */ jsx7(SelectTrigger, { className: "text-left", variant: "outline", children: /* @__PURE__ */ jsx7(SelectValue, { placeholder, children: selectedEvent && /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx7(Calendar, { className: "h-4 w-4 flex-shrink-0" }),
-          /* @__PURE__ */ jsx7("span", { className: "truncate", children: selectedEvent.event_name || selectedEvent.name }),
+        /* @__PURE__ */ jsx8(SelectTrigger, { className: "text-left", variant: "outline", children: /* @__PURE__ */ jsx8(SelectValue, { placeholder, children: selectedEvent && /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx8(Calendar, { className: "h-4 w-4 flex-shrink-0" }),
+          /* @__PURE__ */ jsx8("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: [
             "(",
             formatEventDate(selectedEvent.event_date),
             ")"
           ] })
         ] }) }) }),
-        /* @__PURE__ */ jsx7(SelectContent, { children: sortedEvents.map((event) => {
+        /* @__PURE__ */ jsx8(SelectContent, { children: sortedEvents.map((event) => {
           const isNext = isNextEvent(event);
           const isSelected = selectedEvent && (selectedEvent.event_id === event.event_id || selectedEvent.id === event.id);
-          return /* @__PURE__ */ jsx7(
+          return /* @__PURE__ */ jsx8(
             SelectItem,
             {
               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: [
-                showNextEventIndicator && isNext && /* @__PURE__ */ jsx7(Star, { className: "h-3 w-3 text-acc-500" }),
+                showNextEventIndicator && isNext && /* @__PURE__ */ jsx8(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__ */ jsx7("span", { className: isSelected ? "font-semibold" : "", children: event.event_name || event.name }),
-                    isSelected && /* @__PURE__ */ jsx7("span", { className: "text-xs bg-primary text-primary-foreground px-1 rounded", children: "Current" })
+                    /* @__PURE__ */ jsx8("span", { className: isSelected ? "font-semibold" : "", children: event.event_name || event.name }),
+                    isSelected && /* @__PURE__ */ jsx8("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: [
-                    /* @__PURE__ */ jsx7(Calendar, { className: "h-3 w-3" }),
-                    /* @__PURE__ */ jsx7("span", { children: formatEventDate(event.event_date) }),
-                    showNextEventIndicator && isNext && /* @__PURE__ */ jsx7("span", { className: "text-acc-600 font-medium", children: "(Next)" })
+                    /* @__PURE__ */ jsx8(Calendar, { className: "h-3 w-3" }),
+                    /* @__PURE__ */ jsx8("span", { children: formatEventDate(event.event_date) }),
+                    showNextEventIndicator && isNext && /* @__PURE__ */ jsx8("span", { className: "text-acc-600 font-medium", children: "(Next)" })
                   ] }),
                   showEventDetails && event.event_venue && /* @__PURE__ */ jsxs4("div", { className: "text-xs text-muted-foreground", children: [
                     "\u{1F4CD} ",
@@ -684,7 +787,7 @@ function EventSelector({
 
 // src/components/PasswordReset/PasswordChangeForm.tsx
 import { useState as useState2 } from "react";
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 function PasswordChangeForm({ onSubmit, className }) {
   const [newPassword, setNewPassword] = useState2("");
   const [confirmPassword, setConfirmPassword] = useState2("");
@@ -714,10 +817,10 @@ function PasswordChangeForm({ onSubmit, className }) {
     }
   };
   return /* @__PURE__ */ jsxs5("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: [
-    error && /* @__PURE__ */ jsx8("div", { role: "alert", children: error }),
+    error && /* @__PURE__ */ jsx9("div", { role: "alert", children: error }),
     /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx8(Label, { htmlFor: "new-password", children: "New Password" }),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9(Label, { htmlFor: "new-password", children: "New Password" }),
+      /* @__PURE__ */ jsx9(
         Input,
         {
           id: "new-password",
@@ -730,8 +833,8 @@ function PasswordChangeForm({ onSubmit, className }) {
       )
     ] }),
     /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx8(Label, { htmlFor: "confirm-password", children: "Confirm Password" }),
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx9(Label, { htmlFor: "confirm-password", children: "Confirm Password" }),
+      /* @__PURE__ */ jsx9(
         Input,
         {
           id: "confirm-password",
@@ -743,7 +846,7 @@ function PasswordChangeForm({ onSubmit, className }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9(
       Button,
       {
         type: "submit",
@@ -756,10 +859,10 @@ function PasswordChangeForm({ onSubmit, className }) {
 }
 
 // src/components/UserMenu/UserMenu.tsx
-import React7, { useCallback as useCallback2, useMemo as useMemo3, useState as useState3 } from "react";
+import React8, { useCallback as useCallback2, useMemo as useMemo3, useState as useState3 } from "react";
 import { ChevronDown, LogOut, KeyRound } from "lucide-react";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
-var UserMenu = React7.memo(function UserMenu2({
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+var UserMenu = React8.memo(function UserMenu2({
   user,
   onSignOut,
   onChangePassword,
@@ -784,34 +887,34 @@ var UserMenu = React7.memo(function UserMenu2({
   }
   return /* @__PURE__ */ jsxs6(Dialog, { open: isPasswordDialogOpen, onOpenChange: setPasswordDialogOpen, children: [
     /* @__PURE__ */ jsxs6(Select, { className, children: [
-      /* @__PURE__ */ jsx9(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs6(Button, { variant: "outline", className: "flex items-center gap-2", "aria-label": userInfo.displayName, children: [
+      /* @__PURE__ */ jsx10(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: [
-          /* @__PURE__ */ jsx9(AvatarImage, { src: userInfo.avatarUrl, alt: userInfo.displayName }),
-          /* @__PURE__ */ jsx9(AvatarFallback, { children: userInfo.initial })
+          /* @__PURE__ */ jsx10(AvatarImage, { src: userInfo.avatarUrl, alt: userInfo.displayName }),
+          /* @__PURE__ */ jsx10(AvatarFallback, { children: userInfo.initial })
         ] }),
-        /* @__PURE__ */ jsx9("span", { children: userInfo.displayName }),
-        /* @__PURE__ */ jsx9(ChevronDown, { className: "h-4 w-4" })
+        /* @__PURE__ */ jsx10("span", { children: userInfo.displayName }),
+        /* @__PURE__ */ jsx10(ChevronDown, { className: "h-4 w-4" })
       ] }) }),
       /* @__PURE__ */ jsxs6(SelectContent, { children: [
-        /* @__PURE__ */ jsx9(SelectLabel, { className: "font-normal", children: /* @__PURE__ */ jsxs6("div", { className: "flex flex-col space-y-1", children: [
-          /* @__PURE__ */ jsx9("p", { className: "font-medium", children: userInfo.displayName }),
-          /* @__PURE__ */ jsx9("p", { className: "text-muted-foreground", children: userInfo.email })
+        /* @__PURE__ */ jsx10(SelectLabel, { className: "font-normal", children: /* @__PURE__ */ jsxs6("div", { className: "flex flex-col space-y-1", children: [
+          /* @__PURE__ */ jsx10("p", { className: "font-medium", children: userInfo.displayName }),
+          /* @__PURE__ */ jsx10("p", { className: "text-muted-foreground", children: userInfo.email })
         ] }) }),
-        /* @__PURE__ */ jsx9(SelectSeparator, {}),
-        /* @__PURE__ */ jsx9(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs6(SelectItem, { value: "change-password", children: [
-          /* @__PURE__ */ jsx9(KeyRound, { className: "mr-2 h-4 w-4" }),
-          /* @__PURE__ */ jsx9("span", { children: "Change Password" })
+        /* @__PURE__ */ jsx10(SelectSeparator, {}),
+        /* @__PURE__ */ jsx10(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs6(SelectItem, { value: "change-password", children: [
+          /* @__PURE__ */ jsx10(KeyRound, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx10("span", { children: "Change Password" })
         ] }) }),
         /* @__PURE__ */ jsxs6(SelectItem, { value: "sign-out", onClick: handleSignOut, children: [
-          /* @__PURE__ */ jsx9(LogOut, { className: "mr-2 h-4 w-4" }),
-          /* @__PURE__ */ jsx9("span", { children: "Sign out" })
+          /* @__PURE__ */ jsx10(LogOut, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx10("span", { children: "Sign out" })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx9(DialogOverlay, {}),
+    /* @__PURE__ */ jsx10(DialogOverlay, {}),
     /* @__PURE__ */ jsxs6(DialogContent, { className, children: [
-      /* @__PURE__ */ jsx9(DialogHeader, { children: /* @__PURE__ */ jsx9(DialogTitle, { children: "Change Password" }) }),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx10(DialogHeader, { children: /* @__PURE__ */ jsx10(DialogTitle, { children: "Change Password" }) }),
+      /* @__PURE__ */ jsx10(
         PasswordChangeForm,
         {
           onSubmit: async ({ newPassword, confirmPassword }) => {
@@ -829,7 +932,7 @@ var UserMenu = React7.memo(function UserMenu2({
     ] })
   ] });
 });
-var UserMenuLoading = React7.memo(function UserMenuLoading2() {
+var UserMenuLoading = React8.memo(function UserMenuLoading2() {
   return /* @__PURE__ */ jsxs6("div", { className: "relative inline-block text-left", children: [
     /* @__PURE__ */ jsxs6(
       "button",
@@ -838,23 +941,24 @@ var UserMenuLoading = React7.memo(function UserMenuLoading2() {
         disabled: true,
         className: "flex items-center space-x-2 px-3 py-2 text-sm font-medium text-muted-foreground bg-muted border border-input rounded-md",
         children: [
-          /* @__PURE__ */ jsx9("div", { className: "w-6 h-6 rounded-full bg-muted animate-pulse" }),
-          /* @__PURE__ */ jsx9("span", { className: "truncate max-w-[150px]", children: "Loading..." }),
-          /* @__PURE__ */ jsx9(ChevronDown, { className: "w-4 h-4 text-muted-foreground" })
+          /* @__PURE__ */ jsx10("div", { className: "w-6 h-6 rounded-full bg-muted animate-pulse" }),
+          /* @__PURE__ */ jsx10("span", { className: "truncate max-w-[150px]", children: "Loading..." }),
+          /* @__PURE__ */ jsx10(ChevronDown, { className: "w-4 h-4 text-muted-foreground" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx9("div", { role: "status", "aria-label": "Loading user menu", "aria-live": "polite", className: "w-6 h-6 rounded-full bg-muted animate-pulse" })
+    /* @__PURE__ */ jsx10("div", { role: "status", "aria-label": "Loading user menu", "aria-live": "polite", className: "w-6 h-6 rounded-full bg-muted animate-pulse" })
   ] });
 });
 UserMenu.Loading = UserMenuLoading;
 
 // src/components/NavigationMenu/NavigationMenu.tsx
-import * as React8 from "react";
+import * as React9 from "react";
 import { ChevronDown as ChevronDown2 } from "lucide-react";
 init_UnifiedAuthProvider2();
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
-var NavigationMenu = React8.forwardRef(({
+init_logger();
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+var NavigationMenu = React9.forwardRef(({
   items,
   mode = "dropdown",
   currentPath,
@@ -872,19 +976,19 @@ var NavigationMenu = React8.forwardRef(({
   filterByPermissions = true,
   ...props
 }, ref) => {
-  const [expandedItems, setExpandedItems] = React8.useState(/* @__PURE__ */ new Set());
-  const buttonRef = React8.useRef(null);
+  const [expandedItems, setExpandedItems] = React9.useState(/* @__PURE__ */ new Set());
+  const buttonRef = React9.useRef(null);
   let authContext = null;
   try {
     authContext = useUnifiedAuth();
   } catch (error) {
-    console.warn("[NavigationMenu] useUnifiedAuth not available, running in unauthenticated mode");
+    logger.warn("NavigationMenu", "useUnifiedAuth not available, running in unauthenticated mode");
   }
   let rbacContext = null;
   try {
     rbacContext = useRBAC();
   } catch (error) {
-    console.warn("[NavigationMenu] useRBAC not available, permission filtering disabled");
+    logger.warn("NavigationMenu", "useRBAC not available, permission filtering disabled");
   }
   const { supabase } = authContext || {};
   const { selectedOrganisation } = authContext || {};
@@ -894,7 +998,7 @@ var NavigationMenu = React8.forwardRef(({
     selectedOrganisationId: selectedOrganisation?.id || null,
     selectedEventId: selectedEvent?.event_id || null
   });
-  const stableScopeRef = React8.useRef({
+  const stableScopeRef = React9.useRef({
     organisationId: "",
     eventId: void 0,
     appId: void 0
@@ -925,8 +1029,8 @@ var NavigationMenu = React8.forwardRef(({
     userId,
     stableScope
   );
-  const previousFilteredItemsRef = React8.useRef([]);
-  const filteredItems = React8.useMemo(() => {
+  const previousFilteredItemsRef = React9.useRef([]);
+  const filteredItems = React9.useMemo(() => {
     if (filterByPermissions) {
       if (!authContext || !rbacContext || scopeLoading || !resolvedScope?.organisationId) {
         return [];
@@ -938,7 +1042,7 @@ var NavigationMenu = React8.forwardRef(({
         return [];
       }
       if (permissionsError || !permissionMap || Object.keys(permissionMap).length === 0) {
-        console.warn("[NavigationMenu] Permission map is empty or has error - showing no items for security", {
+        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
         });
@@ -1017,7 +1121,7 @@ var NavigationMenu = React8.forwardRef(({
           const finalHasPermission = isSuperAdmin2 || hasPagePermission;
           if (!finalHasPermission) {
             if (auditLog) {
-              console.log(`[NavigationMenu] Filtering out navigation item "${item.label}" - no page permission:`, {
+              logger.debug("NavigationMenu", `Filtering out navigation item "${item.label}" - no page permission:`, {
                 itemId: item.id,
                 href: item.href,
                 pageId,
@@ -1065,9 +1169,9 @@ var NavigationMenu = React8.forwardRef(({
     resolvedScope,
     auditLog
   ]);
-  React8.useEffect(() => {
+  React9.useEffect(() => {
     if (auditLog && authContext) {
-      console.log("[NavigationMenu] Navigation access attempt:", {
+      logger.debug("NavigationMenu", "Navigation access attempt:", {
         itemId: "navigation-menu",
         label: "Navigation Menu",
         href: currentPath,
@@ -1108,7 +1212,7 @@ var NavigationMenu = React8.forwardRef(({
   };
   const handleItemClick = (item) => {
     if (auditLog) {
-      console.log(`[NavigationMenu] Navigation access attempt:`, {
+      logger.debug("NavigationMenu", "Navigation access attempt:", {
         itemId: item.id,
         label: item.label,
         href: item.href,
@@ -1160,7 +1264,7 @@ var NavigationMenu = React8.forwardRef(({
         onNavigationAccessDenied(item.id, "Insufficient permissions");
       }
       if (strictMode) {
-        console.error(`[NavigationMenu] STRICT MODE VIOLATION: User attempted to access protected navigation item without permission`, {
+        logger.error("NavigationMenu", "STRICT MODE VIOLATION: User attempted to access protected navigation item without permission", {
           itemId: item.id,
           label: item.label,
           href: item.href,
@@ -1199,7 +1303,7 @@ var NavigationMenu = React8.forwardRef(({
     const hasChildren = item.children && item.children.length > 0;
     const isExpanded = expandedItems.has(item.id);
     const itemIsActive = isActiveItem(item);
-    return /* @__PURE__ */ jsx10("li", { role: "none", children: hasChildren ? /* @__PURE__ */ jsxs7("div", { children: [
+    return /* @__PURE__ */ jsx11("li", { role: "none", children: hasChildren ? /* @__PURE__ */ jsxs7("div", { children: [
       /* @__PURE__ */ jsxs7(
         "button",
         {
@@ -1209,21 +1313,21 @@ var NavigationMenu = React8.forwardRef(({
           "aria-controls": `submenu-${item.id}`,
           "aria-current": itemIsActive ? "page" : void 0,
           children: [
-            /* @__PURE__ */ jsx10("span", { children: item.label }),
-            /* @__PURE__ */ jsx10(ChevronDown2, { "aria-hidden": "true" })
+            /* @__PURE__ */ jsx11("span", { children: item.label }),
+            /* @__PURE__ */ jsx11(ChevronDown2, { "aria-hidden": "true" })
           ]
         }
       ),
-      isExpanded && item.children && /* @__PURE__ */ jsx10(
+      isExpanded && item.children && /* @__PURE__ */ jsx11(
         "ul",
         {
           id: `submenu-${item.id}`,
           role: "menu",
           "aria-label": `${item.label} submenu`,
-          children: item.children.map((child) => /* @__PURE__ */ jsx10(React8.Fragment, { children: renderHierarchicalItem(child, level + 1) }, child.id))
+          children: item.children.map((child) => /* @__PURE__ */ jsx11(React9.Fragment, { children: renderHierarchicalItem(child, level + 1) }, child.id))
         }
       )
-    ] }) : /* @__PURE__ */ jsx10(
+    ] }) : /* @__PURE__ */ jsx11(
       "a",
       {
         href: item.href || "#",
@@ -1248,19 +1352,19 @@ var NavigationMenu = React8.forwardRef(({
         className,
         "data-testid": "navigation-menu-root",
         children: [
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             SelectTrigger,
             {
               ref: buttonRef,
               disabled,
               "aria-label": buttonText,
               "data-testid": "navigation-menu-trigger",
-              children: /* @__PURE__ */ jsx10(SelectValue, { placeholder: buttonText })
+              children: /* @__PURE__ */ jsx11(SelectValue, { placeholder: buttonText })
             }
           ),
-          /* @__PURE__ */ jsx10(SelectContent, { children: filteredItems.map((item) => {
+          /* @__PURE__ */ jsx11(SelectContent, { children: filteredItems.map((item) => {
             const isActive = isActiveItem(item);
-            return /* @__PURE__ */ jsx10(
+            return /* @__PURE__ */ jsx11(
               SelectItem,
               {
                 value: item.id,
@@ -1275,14 +1379,14 @@ var NavigationMenu = React8.forwardRef(({
       }
     );
   }
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "nav",
     {
       ref,
       className,
       "aria-label": navigationLabel,
       ...props,
-      children: /* @__PURE__ */ jsx10("ul", { role: "menubar", children: filteredItems.map((item) => /* @__PURE__ */ jsx10(React8.Fragment, { children: renderHierarchicalItem(item, 0) }, item.id)) })
+      children: /* @__PURE__ */ jsx11("ul", { role: "menubar", children: filteredItems.map((item) => /* @__PURE__ */ jsx11(React9.Fragment, { children: renderHierarchicalItem(item, 0) }, item.id)) })
     }
   );
 });
@@ -1290,7 +1394,7 @@ NavigationMenu.displayName = "NavigationMenu";
 
 // src/components/Header/Header.tsx
 import { Link } from "react-router-dom";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 function Header({
   logoUrl,
   logoAlt = "Logo",
@@ -1308,32 +1412,32 @@ function Header({
   onNavigate,
   logoHref
 }) {
-  return /* @__PURE__ */ jsx11("header", { className: cn(
+  return /* @__PURE__ */ jsx12("header", { className: cn(
     "w-full border-b border-main-200 h-16 shadow-sm bg-main-100 ",
     className
   ), role: "banner", children: /* @__PURE__ */ jsxs8("nav", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto grid grid-cols-[auto_auto_1fr_auto] gap-4 h-full items-center", children: [
-    logo ? logoHref ? /* @__PURE__ */ jsx11(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: logo }) : logo : logoUrl ? logoHref ? /* @__PURE__ */ jsx11(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: /* @__PURE__ */ jsx11(
+    logo ? logoHref ? /* @__PURE__ */ jsx12(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: logo }) : logo : logoUrl ? logoHref ? /* @__PURE__ */ jsx12(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: /* @__PURE__ */ jsx12(
       "img",
       {
         src: logoUrl,
         alt: logoAlt || "Logo",
         className: "h-[2.15rem] w-auto max-w-[200px] object-contain rounded-md shadow-md bg-transparent"
       }
-    ) }) : /* @__PURE__ */ jsx11(
+    ) }) : /* @__PURE__ */ jsx12(
       "img",
       {
         src: logoUrl,
         alt: logoAlt || "Logo",
         className: "h-[2.15rem] w-auto max-w-[200px] object-contain rounded-md shadow-md bg-transparent"
       }
-    ) : logoHref ? /* @__PURE__ */ jsx11(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: /* @__PURE__ */ jsx11(
+    ) : logoHref ? /* @__PURE__ */ jsx12(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: /* @__PURE__ */ jsx12(
       "img",
       {
         src: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23000'/%3E%3Ctext x='16' y='20' text-anchor='middle' fill='white' font-family='Arial' font-size='14' font-weight='bold'%3EL%3C/text%3E%3C/svg%3E",
         alt: logoAlt || "Logo",
         className: "h-8 w-8 shadow-md"
       }
-    ) }) : /* @__PURE__ */ jsx11(
+    ) }) : /* @__PURE__ */ jsx12(
       "img",
       {
         src: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23000'/%3E%3Ctext x='16' y='20' text-anchor='middle' fill='white' font-family='Arial' font-size='14' font-weight='bold'%3EL%3C/text%3E%3C/svg%3E",
@@ -1341,7 +1445,7 @@ function Header({
         className: "h-8 w-8 shadow-md"
       }
     ),
-    navItems && navItems.length > 0 && /* @__PURE__ */ jsx11(
+    navItems && navItems.length > 0 && /* @__PURE__ */ jsx12(
       NavigationMenu,
       {
         items: navItems,
@@ -1351,16 +1455,16 @@ function Header({
         className: "w-48"
       }
     ),
-    showEventSelector ? /* @__PURE__ */ jsx11(
+    showEventSelector ? /* @__PURE__ */ jsx12(
       EventSelector,
       {
         placeholder: "Select event",
         className: "justify-self-end w-96",
         "data-testid": "event-selector"
       }
-    ) : /* @__PURE__ */ jsx11("del", { className: "justify-self-end invisible", children: "Event Selector N/A" }),
+    ) : /* @__PURE__ */ jsx12("del", { className: "justify-self-end invisible", children: "Event Selector N/A" }),
     actions,
-    showUserMenu && (userMenu ? userMenu : /* @__PURE__ */ jsx11(
+    showUserMenu && (userMenu ? userMenu : /* @__PURE__ */ jsx12(
       UserMenu,
       {
         user: user || null,
@@ -1373,8 +1477,8 @@ function Header({
 }
 
 // src/components/Footer/Footer.tsx
-import React9 from "react";
-import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import React10 from "react";
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 var FooterComponent = ({
   companyName = "Solvera Solutions Pty Ltd",
   year = (/* @__PURE__ */ new Date()).getFullYear(),
@@ -1385,15 +1489,15 @@ var FooterComponent = ({
   children
 }) => {
   const copyrightText = copyright || `\xA9 Copyright 2022\u2013${year} all rights reserved, ${companyName}.`;
-  return /* @__PURE__ */ jsx12("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: [
-    logo && /* @__PURE__ */ jsx12("img", { src: logo, alt: "Logo", className: "h-8 w-auto" }),
-    children && /* @__PURE__ */ jsx12(Fragment3, { children }),
-    /* @__PURE__ */ jsx12("span", { className: "text-muted-foreground", children: copyrightText }),
-    links && links.length > 0 && /* @__PURE__ */ jsx12("ul", { className: "flex gap-4 mt-2 md:mt-0", children: links.map((link, index) => /* @__PURE__ */ jsx12("li", { children: /* @__PURE__ */ jsx12("a", { href: link.href, className: "text-muted-foreground hover:text-foreground", children: link.label }) }, index)) })
+  return /* @__PURE__ */ jsx13("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: [
+    logo && /* @__PURE__ */ jsx13("img", { src: logo, alt: "Logo", className: "h-8 w-auto" }),
+    children && /* @__PURE__ */ jsx13(Fragment3, { children }),
+    /* @__PURE__ */ jsx13("span", { className: "text-muted-foreground", children: copyrightText }),
+    links && links.length > 0 && /* @__PURE__ */ jsx13("ul", { className: "flex gap-4 mt-2 md:mt-0", children: links.map((link, index) => /* @__PURE__ */ jsx13("li", { children: /* @__PURE__ */ jsx13("a", { href: link.href, className: "text-muted-foreground hover:text-foreground", children: link.label }) }, index)) })
   ] }) });
 };
 FooterComponent.displayName = "Footer";
-var Footer = React9.memo(FooterComponent);
+var Footer = React10.memo(FooterComponent);
 Footer.displayName = "Footer";
 
 // src/components/PaceAppLayout/PaceAppLayout.tsx
@@ -1401,7 +1505,8 @@ init_UnifiedAuthProvider2();
 init_useOrganisations();
 import { useState as useState5, useEffect as useEffect3, useMemo as useMemo5 } from "react";
 import { Outlet, useNavigate, useLocation } from "react-router-dom";
-import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+init_logger();
+import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 var EMPTY_PAGE_ID_MAPPING = {};
 var EMPTY_ROUTE_PERMISSIONS = {};
 function PaceAppLayout({
@@ -1501,7 +1606,7 @@ function PaceAppLayout({
         const superAdminStatus = await isSuperAdmin(user.id);
         setIsSuperAdminUser(superAdminStatus);
       } catch (error) {
-        console.error("[PaceAppLayout] Error checking super admin status:", error);
+        logger.error("PaceAppLayout", "Error checking super admin status", { userId: user?.id, error });
         setIsSuperAdminUser(false);
       } finally {
         setIsCheckingSuperAdmin(false);
@@ -1527,7 +1632,7 @@ function PaceAppLayout({
       return;
     }
     if (strictMode && !isSuperAdminUser && !can) {
-      console.error(`[PaceAppLayout] STRICT MODE VIOLATION: User attempted to access protected page without permission`, {
+      logger.error("PaceAppLayout", "STRICT MODE VIOLATION: User attempted to access protected page without permission", {
         pageName: currentPageId,
         operation: currentRoutePermission,
         userId: user?.id,
@@ -1562,7 +1667,7 @@ function PaceAppLayout({
         appId: user.user_metadata?.appId || user.app_metadata?.appId
       };
       try {
-        const { isSuperAdmin: isSuperAdmin2 } = await import("./api-TNIBJWLM.js");
+        const { isSuperAdmin: isSuperAdmin2 } = await import("./api-45XYYO2A.js");
         const isSuper = await isSuperAdmin2(user.id);
         if (isSuper) {
           if (isMounted) {
@@ -1583,7 +1688,7 @@ function PaceAppLayout({
         return;
       }
       try {
-        const { getPermissionMap } = await import("./api-TNIBJWLM.js");
+        const { getPermissionMap } = await import("./api-45XYYO2A.js");
         const permissionMap = await getPermissionMap({
           userId: user.id,
           scope: scope2
@@ -1600,7 +1705,7 @@ function PaceAppLayout({
         const accessibleItems = filtered.filter(({ hasAccess }) => hasAccess).map(({ item }) => item);
         setFilteredMenuItems(accessibleItems);
       } catch (error) {
-        console.error("[PaceAppLayout] Failed to load permission map for navigation filtering:", error);
+        logger.error("PaceAppLayout", "Failed to load permission map for navigation filtering", { userId: user?.id, error });
         if (isMounted) {
           setFilteredMenuItems(baseMenuItems);
         }
@@ -1619,7 +1724,7 @@ function PaceAppLayout({
       const currentRoute = routeConfig.find((route) => route.path === currentPath);
       if (!currentRoute) {
         if (strictMode) {
-          console.error(`[PaceAppLayout] STRICT MODE VIOLATION: Route not found in configuration`, {
+          logger.error("PaceAppLayout", "STRICT MODE VIOLATION: Route not found in configuration", {
             route: currentPath,
             userId: user?.id,
             timestamp: (/* @__PURE__ */ new Date()).toISOString()
@@ -1633,7 +1738,7 @@ function PaceAppLayout({
       let hasAccess = true;
       if (currentRoute.pageId && currentRoute.permissions && currentRoute.permissions.length > 0) {
         try {
-          const { isPermittedCached } = await import("./api-TNIBJWLM.js");
+          const { isPermittedCached } = await import("./api-45XYYO2A.js");
           const hasPagePermission = await isPermittedCached({
             userId: user?.id || "",
             scope,
@@ -1643,13 +1748,13 @@ function PaceAppLayout({
           if (!isMounted) return;
           hasAccess = hasPagePermission;
         } catch (error) {
-          console.error("[PaceAppLayout] Failed to check page permission:", error);
+          logger.error("PaceAppLayout", "Failed to check page permission", { route: currentPath, pageId: currentRoute.pageId, error });
           if (!isMounted) return;
           hasAccess = false;
         }
       }
       if (hasAccess && currentRoute.roles && currentRoute.roles.length > 0 && user?.id) {
-        const { useUnifiedAuth: useUnifiedAuth2 } = await import("./UnifiedAuthProvider-CQDZRJIS.js");
+        const { useUnifiedAuth: useUnifiedAuth2 } = await import("./UnifiedAuthProvider-XIQQ7LVU.js");
         hasAccess = true;
       }
       if (!isMounted) return;
@@ -1658,7 +1763,7 @@ function PaceAppLayout({
           onRouteAccessDenied(currentPath, "Insufficient permissions");
         }
         if (strictMode) {
-          console.error(`[PaceAppLayout] STRICT MODE VIOLATION: User attempted to access protected route without permission`, {
+          logger.error("PaceAppLayout", "STRICT MODE VIOLATION: User attempted to access protected route without permission", {
             route: currentPath,
             userId: user?.id,
             permissions: currentRoute.permissions,
@@ -1685,36 +1790,36 @@ function PaceAppLayout({
   const handleChangePassword = async (newPassword) => {
     const result = await updatePassword(newPassword);
     if (result?.error) {
-      console.error("Failed to change password:", result.error.message);
+      logger.error("PaceAppLayout", "Failed to change password", { error: result.error.message });
     }
     return result || { error: null };
   };
-  if (enforcePermissions && (isCheckingSuperAdmin || isCheckingPermission) && !permissionError) {
-    return /* @__PURE__ */ jsx13("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs10("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsx13("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-sec-900 mx-auto mb-4" }),
-      /* @__PURE__ */ jsx13("p", { className: "text-sec-600", children: "Checking permissions..." })
+  if (enforcePermissions && (isCheckingSuperAdmin || isCheckingPermission)) {
+    return /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs10("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx14("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-sec-900 mx-auto mb-4" }),
+      /* @__PURE__ */ jsx14("p", { className: "text-sec-600", children: "Checking permissions..." })
     ] }) });
   }
-  if (enforcePermissions && permissionError && !isCheckingSuperAdmin && !isSuperAdminUser) {
-    return /* @__PURE__ */ jsx13("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs10("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsx13("h2", { className: "text-xl font-semibold text-acc-600 mb-2", children: "Permission Error" }),
-      /* @__PURE__ */ jsx13("p", { className: "text-sec-600 mb-4", children: permissionError.message }),
-      /* @__PURE__ */ jsx13(Button, { onClick: () => navigate("/"), children: "Go Home" })
+  if (enforcePermissions && permissionError && !isSuperAdminUser) {
+    return /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs10("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx14("h2", { className: "text-xl font-semibold text-acc-600 mb-2", children: "Permission Error" }),
+      /* @__PURE__ */ jsx14("p", { className: "text-sec-600 mb-4", children: permissionError.message }),
+      /* @__PURE__ */ jsx14(Button, { onClick: () => navigate("/"), children: "Go Home" })
     ] }) });
   }
   if (enforcePermissions && hasPermission === false && !isCheckingSuperAdmin && !isSuperAdminUser) {
     if (enforcePagePermissions && pagePermissionFallback) {
-      return /* @__PURE__ */ jsx13(Fragment4, { children: pagePermissionFallback });
+      return /* @__PURE__ */ jsx14(Fragment4, { children: pagePermissionFallback });
     }
     if (permissionFallback) {
-      return /* @__PURE__ */ jsx13(Fragment4, { children: permissionFallback });
+      return /* @__PURE__ */ jsx14(Fragment4, { children: permissionFallback });
     }
-    return /* @__PURE__ */ jsx13("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs10("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsx13("h2", { className: "text-xl font-semibold text-acc-600 mb-2", children: "Access Denied" }),
-      /* @__PURE__ */ jsx13("p", { className: "text-sec-600 mb-4", children: "You don't have permission to access this page." }),
+    return /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs10("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx14("h2", { className: "text-xl font-semibold text-acc-600 mb-2", children: "Access Denied" }),
+      /* @__PURE__ */ jsx14("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__ */ jsx13(Button, { onClick: () => navigate("/"), children: "Go Home" }),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(Button, { onClick: () => navigate("/"), children: "Go Home" }),
+        /* @__PURE__ */ jsx14(
           Button,
           {
             variant: "outline",
@@ -1729,7 +1834,7 @@ function PaceAppLayout({
     ] }) });
   }
   return /* @__PURE__ */ jsxs10(Fragment4, { children: [
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       Header,
       {
         logo: customLogo || void 0,
@@ -1753,8 +1858,8 @@ function PaceAppLayout({
         className: headerClassName || "sticky top-0 z-[40] w-full"
       }
     ),
-    /* @__PURE__ */ jsx13("main", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children: /* @__PURE__ */ jsx13(Outlet, {}) }),
-    /* @__PURE__ */ jsx13(Footer, {})
+    /* @__PURE__ */ jsx14("main", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children: /* @__PURE__ */ jsx14(Outlet, {}) }),
+    /* @__PURE__ */ jsx14(Footer, {})
   ] });
 }
 
@@ -1762,10 +1867,11 @@ function PaceAppLayout({
 import { useEffect as useEffect4, useState as useState6, useContext } from "react";
 import { useNavigate as useNavigate2, useLocation as useLocation2 } from "react-router-dom";
 init_EventServiceProvider();
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+init_logger();
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 var PaceLoginPage = ({
   appName = "Pace",
-  onSuccessRedirectPath = "/",
+  onSuccessRedirectPath = "/user-dashboard",
   requireAppAccess = false
 }) => {
   const { signIn, isAuthenticated, isLoading, authError, user, supabase } = useUnifiedAuth();
@@ -1793,7 +1899,7 @@ var PaceLoginPage = ({
           await eventService.restorePersistedEvent();
         }
       } catch (error) {
-        console.debug("[PaceLoginPage] Could not restore persisted event (service may not be ready):", error);
+        logger.debug("PaceLoginPage", "Could not restore persisted event (service may not be ready):", error);
       }
     };
     const timeoutId = setTimeout(() => {
@@ -1810,31 +1916,31 @@ var PaceLoginPage = ({
       setAccessError(null);
       try {
         const userId = user.id;
-        console.log("[PaceLoginPage] Checking app access using RBAC:", { appName, userId });
+        logger.debug("PaceLoginPage", "Checking app access using RBAC:", { appName, userId });
         const superAdminCheck = await isSuperAdmin(userId);
         if (superAdminCheck) {
-          console.log("[PaceLoginPage] User is super admin, granting access");
+          logger.debug("PaceLoginPage", "User is super admin, granting access");
           setIsCheckingAccess(false);
           navigate(onSuccessRedirectPath, { replace: true });
           return;
         }
         const { data: appData, error: appError } = await supabase.from("rbac_apps").select("id, name, is_active").eq("name", appName).eq("is_active", true).single();
         if (appError || !appData) {
-          console.error("[PaceLoginPage] App not found:", appName, appError);
+          logger.error("PaceLoginPage", "App not found:", { appName, error: appError });
           setAccessError(`Application "${appName}" is not configured. Please contact your administrator.`);
           setIsCheckingAccess(false);
           return;
         }
         const { data: pagesData, error: pagesError } = await supabase.from("rbac_app_pages").select("id, page_name").eq("app_id", appData.id);
         if (pagesError || !pagesData || pagesData.length === 0) {
-          console.log("[PaceLoginPage] No pages configured for app:", appName);
+          logger.debug("PaceLoginPage", "No pages configured for app:", appName);
           setAccessError(`You do not have permission to access ${appName}. This application is currently unavailable. Please contact your administrator if you believe you should have access.`);
           setIsCheckingAccess(false);
           return;
         }
         const { data: orgData } = await supabase.from("rbac_organisation_roles").select("organisation_id").eq("user_id", userId).eq("status", "active").is("revoked_at", null).limit(1).single();
         if (!orgData) {
-          console.log("[PaceLoginPage] User has no organisation access");
+          logger.debug("PaceLoginPage", "User has no organisation access");
           setAccessError(`You do not have permission to access ${appName}. You are not assigned to any organisation. Please contact your administrator.`);
           setIsCheckingAccess(false);
           return;
@@ -1851,23 +1957,23 @@ var PaceLoginPage = ({
             p_page_id: page.page_name
             // Page name to resolve to UUID
           });
-          console.log("[PaceLoginPage] Permission check for page:", page.page_name, { hasPermission, error: permError });
+          logger.debug("PaceLoginPage", "Permission check for page:", { pageName: page.page_name, hasPermission, error: permError });
           if (!permError && hasPermission === true) {
             hasAnyAccess = true;
             break;
           }
         }
         if (hasAnyAccess) {
-          console.log("[PaceLoginPage] User has access to app");
+          logger.debug("PaceLoginPage", "User has access to app");
           setIsCheckingAccess(false);
           navigate(onSuccessRedirectPath, { replace: true });
           return;
         }
-        console.log("[PaceLoginPage] Access denied - no permissions");
+        logger.debug("PaceLoginPage", "Access denied - no permissions");
         setAccessError(`You do not have permission to access ${appName}. This application is restricted to authorized users only. Please contact your administrator if you believe you should have access.`);
         setIsCheckingAccess(false);
       } catch (error) {
-        console.error("[PaceLoginPage] Error checking app access:", error);
+        logger.error("PaceLoginPage", "Error checking app access:", error);
         setAccessError("An error occurred while checking your permissions. Please try again or contact support.");
         setIsCheckingAccess(false);
       }
@@ -1886,7 +1992,7 @@ var PaceLoginPage = ({
         try {
           navigate(onSuccessRedirectPath, { replace: true });
         } catch (navError) {
-          console.error("Navigation error after sign-in:", navError);
+          logger.error("PaceLoginPage", "Navigation error after sign-in:", navError);
         }
       }
     } finally {
@@ -1894,7 +2000,7 @@ var PaceLoginPage = ({
     }
   };
   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: [
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       "img",
       {
         src: `/${appName.toLowerCase()}_logo_square.svg`,
@@ -1902,7 +2008,7 @@ var PaceLoginPage = ({
         className: "h-48"
       }
     ),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(
       LoginForm,
       {
         className: "w-md",
@@ -1910,21 +2016,21 @@ var PaceLoginPage = ({
         appName,
         isLoading: isSigningIn,
         onError: (error) => {
-          console.error("Login error:", error);
+          logger.error("PaceLoginPage", "Login error:", error);
         }
       }
     ),
     (() => {
       const benign = !!(authError && (authError.name === "AuthSessionMissingError" || /Auth session missing/i.test(authError.message)));
-      return authError && !benign ? /* @__PURE__ */ jsx14("em", { className: "mt-4 text-destructive text-center", children: authError.message }) : null;
+      return authError && !benign ? /* @__PURE__ */ jsx15("em", { className: "mt-4 text-destructive text-center", children: authError.message }) : null;
     })(),
-    accessError && /* @__PURE__ */ jsx14("em", { className: "mt-4 text-destructive text-center", children: accessError }),
-    isCheckingAccess && /* @__PURE__ */ jsx14("em", { className: "mt-4 text-muted-foreground text-center", children: "Checking permissions..." })
+    accessError && /* @__PURE__ */ jsx15("em", { className: "mt-4 text-destructive text-center", children: accessError }),
+    isCheckingAccess && /* @__PURE__ */ jsx15("em", { className: "mt-4 text-muted-foreground text-center", children: "Checking permissions..." })
   ] });
 };
 
-// src/components/SessionRestorationLoader.tsx
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+// src/components/SessionRestorationLoader/SessionRestorationLoader.tsx
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 var SessionRestorationLoader = ({
   message = "Restoring session..."
 }) => {
@@ -1944,8 +2050,8 @@ var SessionRestorationLoader = ({
         background: "var(--background, transparent)"
       },
       children: [
-        /* @__PURE__ */ jsx15(LoadingSpinner, { size: "lg" }),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16(LoadingSpinner, { size: "lg" }),
+        /* @__PURE__ */ jsx16(
           "div",
           {
             style: {
@@ -1965,7 +2071,8 @@ init_UnifiedAuthProvider();
 init_useSessionRestoration();
 import { useMemo as useMemo6 } from "react";
 import { Navigate, Outlet as Outlet2 } from "react-router-dom";
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+init_logger();
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 function ProtectedRoute({
   requireEvent = true,
   allowSuperAdminBypass = false,
@@ -1985,56 +2092,57 @@ function ProtectedRoute({
     sessionRestoration.hasTimedOut
   ]);
   if (isRestoringSession) {
-    return /* @__PURE__ */ jsx16(SessionRestorationLoader, {});
+    return /* @__PURE__ */ jsx17(SessionRestorationLoader, {});
   }
   if (requireEvent && eventLoading) {
-    return /* @__PURE__ */ jsx16(Outlet2, {});
+    return /* @__PURE__ */ jsx17(Outlet2, {});
   }
   if (authLoading && !sessionRestoration.hasTimedOut) {
-    return loadingFallback || /* @__PURE__ */ jsx16("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100vh" }, children: /* @__PURE__ */ jsx16(LoadingSpinner, {}) });
+    return loadingFallback || /* @__PURE__ */ jsx17("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100vh" }, children: /* @__PURE__ */ jsx17(LoadingSpinner, {}) });
   }
   if (!isAuthenticated) {
     if (sessionRestoration.hasTimedOut || sessionRestoration.restorationError) {
-      console.warn("[ProtectedRoute] Session restoration failed, redirecting to login", {
+      logger.warn("ProtectedRoute", "Session restoration failed, redirecting to login", {
         timedOut: sessionRestoration.hasTimedOut,
         error: sessionRestoration.restorationError?.message
       });
     }
-    return /* @__PURE__ */ jsx16(Navigate, { to: loginPath, replace: true });
+    return /* @__PURE__ */ jsx17(Navigate, { to: loginPath, replace: true });
   }
   if (!requireEvent) {
-    return /* @__PURE__ */ jsx16(Outlet2, {});
+    return /* @__PURE__ */ jsx17(Outlet2, {});
   }
   if (!events || events.length === 0) {
-    return noEventsFallback || /* @__PURE__ */ jsx16("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "100vh", padding: "2rem" }, children: /* @__PURE__ */ jsxs13(Alert, { variant: "destructive", className: "max-w-md", children: [
-      /* @__PURE__ */ jsx16(AlertTitle, { children: "No Events Available" }),
-      /* @__PURE__ */ jsx16(AlertDescription, { children: "You don't have access to any events. Please contact your administrator if you believe this is an error." })
+    return noEventsFallback || /* @__PURE__ */ jsx17("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "100vh", padding: "2rem" }, children: /* @__PURE__ */ jsxs13(Alert, { variant: "destructive", className: "max-w-md", children: [
+      /* @__PURE__ */ jsx17(AlertTitle, { children: "No Events Available" }),
+      /* @__PURE__ */ jsx17(AlertDescription, { children: "You don't have access to any events. Please contact your administrator if you believe this is an error." })
     ] }) });
   }
   if (!selectedEvent) {
-    console.debug("[ProtectedRoute] Events available but none selected - allowing render so selector is visible");
-    return /* @__PURE__ */ jsx16(Outlet2, {});
+    logger.debug("ProtectedRoute", "Events available but none selected - allowing render so selector is visible");
+    return /* @__PURE__ */ jsx17(Outlet2, {});
   }
-  return /* @__PURE__ */ jsx16(Outlet2, {});
+  return /* @__PURE__ */ jsx17(Outlet2, {});
 }
 
 // src/components/ErrorBoundary/ErrorBoundary.tsx
 import { Component } from "react";
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+init_logger();
+import { jsx as jsx18, 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") {
-        console.warn("Error reporting would be triggered in production:", { errorId, componentName });
+        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) {
-        console.log(`Retrying component render (attempt ${retryCount + 1}/${maxRetries})`);
+        logger.debug("ErrorBoundary", `Retrying component render (attempt ${retryCount + 1}/${maxRetries})`);
         this.setState((prevState) => ({
           hasError: false,
           error: void 0,
@@ -2061,7 +2169,7 @@ var ErrorBoundary = class extends Component {
     const { componentName = "Unknown Component", onError, enableReporting = true } = this.props;
     const errorId = this.state.errorId;
     this.setState({ errorInfo });
-    console.error(`ErrorBoundary [${componentName}] caught error ${errorId}:`, error, errorInfo);
+    logger.error("ErrorBoundary", `[${componentName}] Caught error ${errorId}:`, error, errorInfo);
     performanceBudgetMonitor.measure("ERROR_BOUNDARY_TRIGGER", 1, {
       componentName,
       errorId,
@@ -2093,20 +2201,20 @@ var ErrorBoundary = class extends Component {
       if (fallback) {
         return fallback;
       }
-      return /* @__PURE__ */ jsx17(
+      return /* @__PURE__ */ jsx18(
         "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__ */ jsx17("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx17("svg", { className: "w-5 h-5 text-destructive", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx17("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__ */ jsx18("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx18("svg", { className: "w-5 h-5 text-destructive", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx18("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }) }),
             /* @__PURE__ */ jsxs14("div", { className: "flex-1 min-w-0", children: [
               /* @__PURE__ */ jsxs14("h3", { className: "text-destructive", children: [
                 "Error in ",
                 componentName
               ] }),
-              /* @__PURE__ */ jsx17("p", { className: "text-destructive/80", children: this.state.error?.message || "An unexpected error occurred." }),
+              /* @__PURE__ */ jsx18("p", { className: "text-destructive/80", children: this.state.error?.message || "An unexpected error occurred." }),
               enableRetry && retryCount < maxRetries && /* @__PURE__ */ jsxs14("div", { className: "flex gap-3 mb-4", children: [
                 /* @__PURE__ */ jsxs14(
                   "button",
@@ -2122,7 +2230,7 @@ var ErrorBoundary = class extends Component {
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx17(
+                /* @__PURE__ */ jsx18(
                   "button",
                   {
                     onClick: () => window.location.reload(),
@@ -2132,8 +2240,8 @@ var ErrorBoundary = class extends Component {
                 )
               ] }),
               retryCount >= maxRetries && /* @__PURE__ */ jsxs14("div", { className: "mb-4 p-3 bg-acc-50 border border-acc-200 rounded-md", children: [
-                /* @__PURE__ */ jsx17("p", { className: "text-acc-800", children: "Maximum retry attempts reached. Please reload the page or contact support." }),
-                /* @__PURE__ */ jsx17(
+                /* @__PURE__ */ jsx18("p", { className: "text-acc-800", children: "Maximum retry attempts reached. Please reload the page or contact support." }),
+                /* @__PURE__ */ jsx18(
                   "button",
                   {
                     onClick: () => window.location.reload(),
@@ -2143,7 +2251,7 @@ var ErrorBoundary = class extends Component {
                 )
               ] }),
               import.meta.env.MODE === "development" && this.state.error && /* @__PURE__ */ jsxs14("details", { className: "text-sm text-destructive/70", children: [
-                /* @__PURE__ */ jsx17("summary", { className: "cursor-pointer font-medium mb-2", children: "Error Details (Development)" }),
+                /* @__PURE__ */ jsx18("summary", { className: "cursor-pointer font-medium mb-2", children: "Error Details (Development)" }),
                 /* @__PURE__ */ jsxs14("div", { className: "bg-destructive/5 p-3 rounded border", children: [
                   /* @__PURE__ */ jsxs14("p", { className: "font-mono", children: [
                     "Error ID: ",
@@ -2167,8 +2275,9 @@ var ErrorBoundary = class extends Component {
 // 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 jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 function OrganisationSelector({
   placeholder = "Select organisation",
   className,
@@ -2204,9 +2313,9 @@ function OrganisationSelector({
       if (newOrganisation && onOrganisationChange) {
         onOrganisationChange(newOrganisation);
       }
-      console.log("[OrganisationSelector] Successfully switched to organisation:", orgId);
+      logger.debug("OrganisationSelector", "Successfully switched to organisation:", orgId);
     } catch (error) {
-      console.error("[OrganisationSelector] Failed to switch organisation:", error);
+      logger.error("OrganisationSelector", "Failed to switch organisation:", error);
       setSwitchError(error instanceof Error ? error.message : "Failed to switch organisation");
     } finally {
       setIsLoading(false);
@@ -2225,7 +2334,7 @@ function OrganisationSelector({
     try {
       await refreshOrganisations();
     } catch (error) {
-      console.error("[OrganisationSelector] Failed to refresh organisations:", error);
+      logger.error("OrganisationSelector", "Failed to refresh organisations:", error);
       setSwitchError("Failed to refresh organisations");
     } finally {
       setIsLoading(false);
@@ -2233,14 +2342,14 @@ function OrganisationSelector({
   }, [refreshOrganisations]);
   if (orgLoading) {
     return /* @__PURE__ */ jsxs15("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx18(LoadingSpinner, { size: "sm" }),
-      /* @__PURE__ */ jsx18("span", { className: "text-sm text-muted-foreground", children: compact ? "Loading..." : "Loading organisations..." })
+      /* @__PURE__ */ jsx19(LoadingSpinner, { size: "sm" }),
+      /* @__PURE__ */ jsx19("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__ */ jsx18(AlertCircle2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx19(AlertCircle2, { className: "h-4 w-4" }),
         /* @__PURE__ */ jsxs15(AlertDescription, { children: [
           "Failed to load organisations: ",
           orgError.message
@@ -2255,7 +2364,7 @@ function OrganisationSelector({
           disabled: isLoading,
           className: "w-full",
           children: [
-            /* @__PURE__ */ jsx18(RefreshCw2, { className: `h-4 w-4 mr-2 ${isLoading ? "animate-spin" : ""}` }),
+            /* @__PURE__ */ jsx19(RefreshCw2, { className: `h-4 w-4 mr-2 ${isLoading ? "animate-spin" : ""}` }),
             "Retry"
           ]
         }
@@ -2266,8 +2375,8 @@ function OrganisationSelector({
     if (showNoOrganisationsMessage) {
       return /* @__PURE__ */ jsxs15("div", { className: `space-y-2 ${className}`, children: [
         /* @__PURE__ */ jsxs15(Alert, { children: [
-          /* @__PURE__ */ jsx18(Building2, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx18(AlertDescription, { children: "No organisations available. Please contact your administrator to be added to an organisation." })
+          /* @__PURE__ */ jsx19(Building2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx19(AlertDescription, { children: "No organisations available. Please contact your administrator to be added to an organisation." })
         ] }),
         showRetryButton && /* @__PURE__ */ jsxs15(
           Button,
@@ -2278,7 +2387,7 @@ function OrganisationSelector({
             disabled: isLoading,
             className: "w-full",
             children: [
-              /* @__PURE__ */ jsx18(RefreshCw2, { className: `h-4 w-4 mr-2 ${isLoading ? "animate-spin" : ""}` }),
+              /* @__PURE__ */ jsx19(RefreshCw2, { className: `h-4 w-4 mr-2 ${isLoading ? "animate-spin" : ""}` }),
               "Check Again"
             ]
           }
@@ -2288,8 +2397,8 @@ function OrganisationSelector({
     return null;
   }
   const switchErrorDisplay = switchError && /* @__PURE__ */ jsxs15(Alert, { variant: "destructive", className: "mt-2", children: [
-    /* @__PURE__ */ jsx18(AlertCircle2, { className: "h-4 w-4" }),
-    /* @__PURE__ */ jsx18(AlertDescription, { children: switchError })
+    /* @__PURE__ */ jsx19(AlertCircle2, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx19(AlertDescription, { children: switchError })
   ] });
   return /* @__PURE__ */ jsxs15("div", { className: `space-y-2 ${className}`, children: [
     /* @__PURE__ */ jsxs15(
@@ -2299,14 +2408,14 @@ function OrganisationSelector({
         onValueChange: handleOrganisationChange,
         disabled: disabled || isLoading || !selectedOrganisation,
         children: [
-          /* @__PURE__ */ jsx18(SelectTrigger, { className: `${isLoading ? "opacity-50" : ""}`, children: /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
-            isLoading ? /* @__PURE__ */ jsx18(LoadingSpinner, { size: "sm" }) : /* @__PURE__ */ jsx18(Building2, { className: "h-4 w-4 text-muted-foreground" }),
-            /* @__PURE__ */ jsx18(SelectValue, { placeholder })
+          /* @__PURE__ */ jsx19(SelectTrigger, { className: `${isLoading ? "opacity-50" : ""}`, children: /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
+            isLoading ? /* @__PURE__ */ jsx19(LoadingSpinner, { size: "sm" }) : /* @__PURE__ */ jsx19(Building2, { className: "h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsx19(SelectValue, { placeholder })
           ] }) }),
-          /* @__PURE__ */ jsx18(SelectContent, { children: organisations.map((org) => {
+          /* @__PURE__ */ jsx19(SelectContent, { children: organisations.map((org) => {
             const userRole = getUserRole(org.id);
             const hasAccess = validateOrganisationAccess(org.id);
-            return /* @__PURE__ */ jsx18(
+            return /* @__PURE__ */ jsx19(
               SelectItem,
               {
                 value: org.id,
@@ -2314,15 +2423,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__ */ jsx18(Building2, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ jsx19(Building2, { className: "h-4 w-4" }),
                     /* @__PURE__ */ jsxs15("div", { className: "flex flex-col", children: [
-                      /* @__PURE__ */ jsx18("span", { className: "font-medium", children: org.display_name }),
-                      !compact && org.description && /* @__PURE__ */ jsx18("span", { className: "text-xs text-muted-foreground truncate max-w-40", children: org.description })
+                      /* @__PURE__ */ jsx19("span", { className: "font-medium", children: org.display_name }),
+                      !compact && org.description && /* @__PURE__ */ jsx19("span", { className: "text-xs text-muted-foreground truncate max-w-40", children: org.description })
                     ] })
                   ] }),
                   showRole && /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-1 ml-4", children: [
-                    /* @__PURE__ */ jsx18(Shield, { className: "h-3 w-3 text-muted-foreground" }),
-                    /* @__PURE__ */ jsx18("span", { className: "text-xs text-muted-foreground capitalize", children: userRole?.replace("_", " ") || "No Role" })
+                    /* @__PURE__ */ jsx19(Shield, { className: "h-3 w-3 text-muted-foreground" }),
+                    /* @__PURE__ */ jsx19("span", { className: "text-xs text-muted-foreground capitalize", children: userRole?.replace("_", " ") || "No Role" })
                   ] })
                 ] })
               },
@@ -2336,107 +2445,13 @@ function OrganisationSelector({
   ] });
 }
 
-// src/components/PasswordReset/PasswordResetForm.tsx
-import { useState as useState8 } from "react";
-init_UnifiedAuthProvider2();
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
-function PasswordResetForm({
-  onSuccess,
-  onError,
-  className
-}) {
-  const { resetPassword } = useUnifiedAuth();
-  const [email, setEmail] = useState8("");
-  const [isLoading, setIsLoading] = useState8(false);
-  const [isSuccess, setIsSuccess] = useState8(false);
-  const [error, setError] = useState8(null);
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    if (!email.trim()) {
-      return;
-    }
-    setIsLoading(true);
-    setError(null);
-    try {
-      const { error: resetError } = await resetPassword(email);
-      if (resetError) {
-        const errorObj = new Error(resetError.message || "Failed to send reset email");
-        setError(errorObj.message);
-        onError?.(errorObj);
-      } else {
-        setIsSuccess(true);
-        onSuccess?.();
-      }
-    } catch (err) {
-      const errorObj = err instanceof Error ? err : new Error("An unexpected error occurred");
-      setError(errorObj.message);
-      onError?.(errorObj);
-    } finally {
-      setIsLoading(false);
-    }
-  };
-  const handleSendAnother = () => {
-    setIsSuccess(false);
-    setError(null);
-  };
-  if (isSuccess) {
-    return /* @__PURE__ */ jsx19("div", { className: cn("", className), role: "form", children: /* @__PURE__ */ jsxs16("div", { className: "space-y-4 text-center", children: [
-      /* @__PURE__ */ jsx19("h2", { children: "Check your email" }),
-      /* @__PURE__ */ jsxs16("p", { className: "text-sec-600", children: [
-        "We have sent a password reset link to ",
-        email
-      ] }),
-      /* @__PURE__ */ jsx19(
-        Button,
-        {
-          variant: "outline",
-          onClick: handleSendAnother,
-          className: "w-full",
-          children: "Send another email"
-        }
-      )
-    ] }) });
-  }
-  return /* @__PURE__ */ jsx19("div", { className: cn("", className), role: "form", children: /* @__PURE__ */ jsxs16("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx19("h2", { children: "Reset Password" }),
-      /* @__PURE__ */ jsx19("p", { className: "text-sec-600", children: "Enter your email address and we'll send you a reset link." })
-    ] }),
-    /* @__PURE__ */ jsxs16("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx19(Label, { htmlFor: "email", children: "Email Address" }),
-        /* @__PURE__ */ jsx19(
-          Input,
-          {
-            id: "email",
-            type: "email",
-            value: email,
-            onChange: (e) => setEmail(e.target.value),
-            placeholder: "Enter your email",
-            required: true,
-            disabled: isLoading
-          }
-        )
-      ] }),
-      error && /* @__PURE__ */ jsx19("div", { className: "text-sm text-destructive", role: "alert", children: error }),
-      /* @__PURE__ */ jsx19(
-        Button,
-        {
-          type: "submit",
-          className: "w-full",
-          disabled: !email.trim() || isLoading,
-          children: isLoading ? "Sending..." : "Send Reset Link"
-        }
-      )
-    ] })
-  ] }) });
-}
-
 // src/hooks/useFileReference.ts
-import { useState as useState9, useCallback as useCallback5, useEffect as useEffect5, useRef as useRef2, useMemo as useMemo7 } from "react";
+import { useState as useState8, useCallback as useCallback5, useEffect as useEffect5, useRef as useRef2, useMemo as useMemo7 } from "react";
+init_logger();
+var log = createLogger("useFileReference");
 function useFileReference(supabase) {
-  const [isLoading, setIsLoading] = useState9(false);
-  const [error, setError] = useState9(null);
+  const [isLoading, setIsLoading] = useState8(false);
+  const [error, setError] = useState8(null);
   const service = useMemo7(() => createFileReferenceService(supabase), [supabase]);
   const uploadFile = useCallback5(async (options, file) => {
     setIsLoading(true);
@@ -2600,10 +2615,10 @@ function useFileReferenceForRecord(supabase, table_name, record_id, organisation
     getFileCount,
     clearError
   } = useFileReference(supabase);
-  const [fileUrl, setFileUrl] = useState9(null);
-  const [fileReference, setFileReference] = useState9(null);
-  const [fileReferences, setFileReferences] = useState9([]);
-  const [fileCount, setFileCount] = useState9(0);
+  const [fileUrl, setFileUrl] = useState8(null);
+  const [fileReference, setFileReference] = useState8(null);
+  const [fileReferences, setFileReferences] = useState8([]);
+  const [fileCount, setFileCount] = useState8(0);
   const urlRefreshIntervalRef = useRef2(null);
   const loadFileReference = useCallback5(async () => {
     const reference = await getFileReference(table_name, record_id, organisation_id);
@@ -2675,8 +2690,8 @@ function useFileReferenceById(supabase, fileReferenceId, organisationId) {
     getFileReferenceById,
     clearError
   } = useFileReference(supabase);
-  const [fileReference, setFileReference] = useState9(null);
-  const [fileUrl, setFileUrl] = useState9(null);
+  const [fileReference, setFileReference] = useState8(null);
+  const [fileUrl, setFileUrl] = useState8(null);
   const loadFileReference = useCallback5(async () => {
     if (!fileReferenceId || !organisationId) {
       setFileReference(null);
@@ -2722,8 +2737,8 @@ function useFilesByCategory(supabase, table_name, record_id, category, organisat
     getFilesByCategory,
     clearError
   } = useFileReference(supabase);
-  const [fileReferences, setFileReferences] = useState9([]);
-  const [fileUrls, setFileUrls] = useState9(/* @__PURE__ */ new Map());
+  const [fileReferences, setFileReferences] = useState8([]);
+  const [fileUrls, setFileUrls] = useState8(/* @__PURE__ */ new Map());
   const loadFiles = useCallback5(async () => {
     if (!category || !organisation_id) {
       setFileReferences([]);
@@ -2750,7 +2765,7 @@ function useFilesByCategory(supabase, table_name, record_id, category, organisat
           urlMap.set(fileRef.id, url);
         }
       } catch (err) {
-        console.error(`Failed to load URL for file ${fileRef.id}:`, err);
+        log.error(`Failed to load URL for file ${fileRef.id}:`, err);
       }
     }
     setFileUrls(urlMap);
@@ -2770,49 +2785,8 @@ function useFilesByCategory(supabase, table_name, record_id, category, organisat
 }
 
 // src/components/FileUpload/FileUpload.tsx
-import { useState as useState10, useCallback as useCallback6, useRef as useRef3, useEffect as useEffect6, useMemo as useMemo8 } from "react";
-
-// src/utils/appIdResolver.ts
-async function getAppId(supabase, appName) {
-  try {
-    const { data, error } = await supabase.from("rbac_apps").select("id").ilike("name", appName).eq("is_active", true).single();
-    if (error) {
-      console.error("Failed to resolve app ID for app name:", appName, error);
-      return null;
-    }
-    return data?.id || null;
-  } catch (error) {
-    console.error("Error resolving app ID for app name:", appName, error);
-    return null;
-  }
-}
-var CachedAppIdResolver = class {
-  constructor() {
-    this.cache = /* @__PURE__ */ new Map();
-    this.ttl = 5 * 60 * 1e3;
-  }
-  // 5 minutes
-  async getAppId(supabase, appName) {
-    const now = Date.now();
-    const cached = this.cache.get(appName);
-    if (cached && cached.expires > now) {
-      return cached.id;
-    }
-    const id = await getAppId(supabase, appName);
-    this.cache.set(appName, { id, expires: now + this.ttl });
-    return id;
-  }
-  clearCache() {
-    this.cache.clear();
-  }
-  clearCacheForApp(appName) {
-    this.cache.delete(appName);
-  }
-};
-var cachedAppIdResolver = new CachedAppIdResolver();
-
-// src/components/FileUpload/FileUpload.tsx
-import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { useState as useState9, useCallback as useCallback6, useRef as useRef3, useEffect as useEffect6, useMemo as useMemo8 } from "react";
+import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function FileUpload({
   supabase,
   table_name,
@@ -2834,11 +2808,11 @@ function FileUpload({
   onProgress,
   children
 }) {
-  const [isDragging, setIsDragging] = useState10(false);
-  const [uploadStates, setUploadStates] = useState10(/* @__PURE__ */ new Map());
-  const [resolvedAppId, setResolvedAppId] = useState10(app_id || null);
-  const [isResolvingAppId, setIsResolvingAppId] = useState10(!app_id);
-  const [appIdError, setAppIdError] = useState10(null);
+  const [isDragging, setIsDragging] = useState9(false);
+  const [uploadStates, setUploadStates] = useState9(/* @__PURE__ */ new Map());
+  const [resolvedAppId, setResolvedAppId] = useState9(app_id || null);
+  const [isResolvingAppId, setIsResolvingAppId] = useState9(!app_id);
+  const [appIdError, setAppIdError] = useState9(null);
   const fileInputRef = useRef3(null);
   const { uploadFile, isLoading, error } = useFileReference(supabase);
   useEffect6(() => {
@@ -3134,8 +3108,8 @@ function FileUpload({
   };
   const dragClasses = isDragging ? "border-main-500 bg-main-50" : "border-sec-300 hover:border-sec-400";
   const disabledClasses = isDisabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:bg-sec-50";
-  return /* @__PURE__ */ jsxs17("div", { className: `space-y-4 ${className}`, children: [
-    /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs16("div", { className: `space-y-4 ${className}`, children: [
+    /* @__PURE__ */ jsxs16(
       "div",
       {
         className: `relative border-2 border-dashed rounded-lg p-6 text-center transition-colors ${dragClasses} ${disabledClasses}`,
@@ -3144,7 +3118,7 @@ function FileUpload({
         onDrop: handleDrop,
         onClick: !isDisabled ? handleClick : void 0,
         children: [
-          children || /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+          children || /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
             /* @__PURE__ */ jsx20(
               "input",
               {
@@ -3158,12 +3132,12 @@ function FileUpload({
                 "data-testid": "file-input"
               }
             ),
-            /* @__PURE__ */ jsx20("div", { className: "text-sec-600", children: isResolvingAppId ? "Resolving app configuration..." : isDragging ? "Drop files here..." : /* @__PURE__ */ jsxs17(Fragment5, { children: [
+            /* @__PURE__ */ jsx20("div", { className: "text-sec-600", children: isResolvingAppId ? "Resolving app configuration..." : isDragging ? "Drop files here..." : /* @__PURE__ */ jsxs16(Fragment5, { children: [
               /* @__PURE__ */ jsx20("span", { className: "font-medium", children: "Click to upload" }),
               " ",
               "or drag and drop"
             ] }) }),
-            /* @__PURE__ */ jsxs17("div", { className: "text-sm text-sec-500", children: [
+            /* @__PURE__ */ jsxs16("div", { className: "text-sm text-sec-500", children: [
               !isResolvingAppId && accept !== "*/*" && `Accepted formats: ${accept}`,
               !isResolvingAppId && maxSize && ` \u2022 Max size: ${Math.round(maxSize / 1024 / 1024)}MB`,
               !isResolvingAppId && multiple && " \u2022 Multiple files allowed"
@@ -3178,7 +3152,7 @@ function FileUpload({
       const isError = progress.status === "error";
       const isCompleted = progress.status === "completed";
       const isUploading2 = progress.status === "uploading" || progress.status === "processing";
-      return /* @__PURE__ */ jsxs17(
+      return /* @__PURE__ */ jsxs16(
         "div",
         {
           className: `flex items-center space-x-3 p-3 rounded-lg border ${isError ? "bg-acc-50 border-acc-200" : isCompleted ? "bg-success-50 border-success-200" : "bg-sec-50 border-sec-200"}`,
@@ -3191,14 +3165,14 @@ function FileUpload({
                 className: "w-12 h-12 object-cover rounded"
               }
             ) : /* @__PURE__ */ jsx20("div", { className: "w-12 h-12 flex items-center justify-center bg-sec-200 rounded", children: /* @__PURE__ */ jsx20("span", { className: "text-2xl", children: "\u{1F4C4}" }) }) }),
-            /* @__PURE__ */ jsxs17("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsxs16("div", { className: "flex-1 min-w-0", children: [
               /* @__PURE__ */ jsx20("div", { className: "font-medium text-sec-900 truncate", children: file.name }),
-              /* @__PURE__ */ jsxs17("div", { className: "text-sm text-sec-500", children: [
+              /* @__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__ */ jsxs17("div", { className: "mt-2", children: [
+              showProgress && (isUploading2 || isError) && /* @__PURE__ */ jsxs16("div", { className: "mt-2", children: [
                 /* @__PURE__ */ jsx20("div", { className: "w-full bg-sec-200 rounded-full h-2", children: /* @__PURE__ */ jsx20(
                   "div",
                   {
@@ -3206,7 +3180,7 @@ function FileUpload({
                     style: { width: `${progress.percentage}%` }
                   }
                 ) }),
-                isUploading2 && /* @__PURE__ */ jsxs17("div", { className: "text-xs text-sec-500 mt-1", children: [
+                isUploading2 && /* @__PURE__ */ jsxs16("div", { className: "text-xs text-sec-500 mt-1", children: [
                   progress.percentage,
                   "% \u2022 ",
                   formatFileSize(progress.loaded),
@@ -3215,7 +3189,7 @@ function FileUpload({
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs17("div", { className: "flex-shrink-0", children: [
+            /* @__PURE__ */ jsxs16("div", { className: "flex-shrink-0", children: [
               isCompleted && /* @__PURE__ */ jsx20("span", { className: "text-success-500 text-xl", children: "\u2713" }),
               isError && /* @__PURE__ */ jsx20("span", { className: "text-acc-500 text-xl", children: "\u2715" }),
               isUploading2 && /* @__PURE__ */ jsx20("div", { className: "animate-spin rounded-full h-5 w-5 border-b-2 border-main-500" })
@@ -3231,15 +3205,17 @@ function FileUpload({
 }
 
 // src/components/FileDisplay/FileDisplay.tsx
-import { useState as useState12, useEffect as useEffect8, useRef as useRef5, useContext as useContext2, useMemo as useMemo9 } from "react";
+import { useState as useState11, useEffect as useEffect8, useRef as useRef5, useContext as useContext2, useMemo as useMemo9 } from "react";
 
 // src/hooks/useFileUrl.ts
-import { useState as useState11, useEffect as useEffect7, useCallback as useCallback7, useRef as useRef4 } from "react";
+import { useState as useState10, useEffect as useEffect7, useCallback as useCallback7, useRef as useRef4 } from "react";
+init_logger();
+var log2 = createLogger("useFileUrl");
 function useFileUrl(fileReference, options) {
   const { organisation_id, supabase, autoLoad = true } = options;
-  const [url, setUrl] = useState11(null);
-  const [isLoading, setIsLoading] = useState11(false);
-  const [error, setError] = useState11(null);
+  const [url, setUrl] = useState10(null);
+  const [isLoading, setIsLoading] = useState10(false);
+  const [error, setError] = useState10(null);
   const fileReferenceIdRef = useRef4(null);
   const loadUrl = useCallback7(async () => {
     if (!fileReference) {
@@ -3272,7 +3248,7 @@ function useFileUrl(fileReference, options) {
       const error2 = err instanceof Error ? err : new Error("Failed to generate file URL");
       setError(error2);
       setUrl(null);
-      console.error("[useFileUrl] Error generating URL:", error2);
+      log2.error("Error generating URL:", error2);
     } finally {
       setIsLoading(false);
     }
@@ -3305,7 +3281,8 @@ function useFileUrl(fileReference, options) {
 
 // src/components/FileDisplay/FileDisplay.tsx
 init_UnifiedAuthProvider();
-import { Fragment as Fragment6, jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+init_logger();
+import { Fragment as Fragment6, jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 var fallbackSizeClasses = {
   xs: "h-4 w-4 text-xs",
   sm: "h-6 w-6 text-sm",
@@ -3344,9 +3321,9 @@ function FileDisplayContent({
   fallbackText,
   fallbackSize = "md"
 }) {
-  const [imageError, setImageError] = useState12(false);
-  const [internalFileUrls, setInternalFileUrls] = useState12(new Map(fileUrls));
-  const [deleteDialogOpen, setDeleteDialogOpen] = useState12(false);
+  const [imageError, setImageError] = useState11(false);
+  const [internalFileUrls, setInternalFileUrls] = useState11(new Map(fileUrls));
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState11(false);
   const fileReferencesRef = useRef5([]);
   const computedFallbackText = useMemo9(() => {
     if (fallbackText) return fallbackText;
@@ -3417,8 +3394,8 @@ function FileDisplayContent({
     if (showFallback) {
       return /* @__PURE__ */ jsx21("div", { className: fallbackClasses, title: "File unavailable", children: computedFallbackText });
     }
-    return /* @__PURE__ */ jsxs18("div", { className: `p-4 bg-acc-50 border border-acc-200 rounded-lg ${className}`, children: [
-      /* @__PURE__ */ jsxs18("div", { className: "text-acc-600", children: [
+    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)
       ] }),
@@ -3434,18 +3411,18 @@ function FileDisplayContent({
   }
   if (fileCount === 0 && !isLoading) {
     if (showFallback) {
-      return /* @__PURE__ */ jsxs18("div", { className: fallbackClasses, title: "No file", children: [
+      return /* @__PURE__ */ jsxs17("div", { className: fallbackClasses, title: "No file", children: [
         computedFallbackText,
         children
       ] });
     }
-    return /* @__PURE__ */ jsxs18("div", { className: `text-sec-500 text-center p-4 ${className}`, children: [
+    return /* @__PURE__ */ jsxs17("div", { className: `text-sec-500 text-center p-4 ${className}`, children: [
       "No files found",
       children
     ] });
   }
   if (isLoading && showFallback && fileCount === 0) {
-    return /* @__PURE__ */ jsxs18("div", { className: fallbackClasses, title: "Loading...", children: [
+    return /* @__PURE__ */ jsxs17("div", { className: fallbackClasses, title: "Loading...", children: [
       computedFallbackText,
       children
     ] });
@@ -3478,8 +3455,8 @@ function FileDisplayContent({
     if (displayOnly && showFallback && (!fileUrl || imageError || !isImage)) {
       return /* @__PURE__ */ jsx21("div", { className: fallbackClasses, title: fileReference.file_metadata.fileName || "File", children: computedFallbackText });
     }
-    return /* @__PURE__ */ jsxs18("div", { className: `space-y-2 ${className}`, children: [
-      isImage && fileUrl && !imageError ? /* @__PURE__ */ jsxs18("div", { className: "relative", children: [
+    return /* @__PURE__ */ jsxs17("div", { className: `space-y-2 ${className}`, children: [
+      isImage && fileUrl && !imageError ? /* @__PURE__ */ jsxs17("div", { className: "relative", children: [
         /* @__PURE__ */ jsx21(
           "img",
           {
@@ -3489,7 +3466,7 @@ function FileDisplayContent({
             onError: handleImageError
           }
         ),
-        showDelete && /* @__PURE__ */ jsxs18(Fragment6, { children: [
+        showDelete && /* @__PURE__ */ jsxs17(Fragment6, { children: [
           /* @__PURE__ */ jsx21(
             "button",
             {
@@ -3500,10 +3477,10 @@ function FileDisplayContent({
               children: "\xD7"
             }
           ),
-          /* @__PURE__ */ jsx21(Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: /* @__PURE__ */ jsxs18(DialogContent, { size: "sm", children: [
+          /* @__PURE__ */ jsx21(Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: /* @__PURE__ */ jsxs17(DialogContent, { size: "sm", children: [
             /* @__PURE__ */ jsx21(DialogHeader, { children: /* @__PURE__ */ jsx21(DialogTitle, { children: "Confirm Delete" }) }),
             /* @__PURE__ */ jsx21(DialogBody, { children: /* @__PURE__ */ jsx21("p", { children: "Are you sure you want to delete this file? This action cannot be undone." }) }),
-            /* @__PURE__ */ jsxs18(DialogFooter, { children: [
+            /* @__PURE__ */ jsxs17(DialogFooter, { children: [
               /* @__PURE__ */ jsx21(Button, { variant: "outline", onClick: () => setDeleteDialogOpen(false), children: "Cancel" }),
               /* @__PURE__ */ jsx21(Button, { variant: "destructive", onClick: handleDeleteConfirm, children: "Delete" })
             ] })
@@ -3512,16 +3489,16 @@ function FileDisplayContent({
       ] }) : isImage && imageError && showFallback ? (
         // Show fallback when image fails to load and fallback is enabled
         /* @__PURE__ */ jsx21("div", { className: fallbackClasses, title: fileReference.file_metadata.fileName || "File", children: computedFallbackText })
-      ) : /* @__PURE__ */ jsxs18("div", { className: "flex items-center space-x-3 p-3 bg-sec-50 rounded-lg border border-sec-200", children: [
+      ) : /* @__PURE__ */ jsxs17("div", { className: "flex items-center space-x-3 p-3 bg-sec-50 rounded-lg border border-sec-200", children: [
         /* @__PURE__ */ jsx21("span", { className: "text-2xl", children: getFileIcon(fileReference.file_metadata.fileType || "") }),
-        /* @__PURE__ */ jsxs18("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "flex-1 min-w-0", children: [
           /* @__PURE__ */ jsx21("div", { className: "font-medium text-sec-900 truncate", children: fileReference.file_metadata.fileName || "Unknown file" }),
-          /* @__PURE__ */ jsxs18("div", { className: "text-sm text-sec-500", children: [
+          /* @__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__ */ jsxs18(Fragment6, { children: [
+        showDelete && /* @__PURE__ */ jsxs17(Fragment6, { children: [
           /* @__PURE__ */ jsx21(
             "button",
             {
@@ -3532,10 +3509,10 @@ function FileDisplayContent({
               children: "\xD7"
             }
           ),
-          /* @__PURE__ */ jsx21(Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: /* @__PURE__ */ jsxs18(DialogContent, { size: "sm", children: [
+          /* @__PURE__ */ jsx21(Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: /* @__PURE__ */ jsxs17(DialogContent, { size: "sm", children: [
             /* @__PURE__ */ jsx21(DialogHeader, { children: /* @__PURE__ */ jsx21(DialogTitle, { children: "Confirm Delete" }) }),
             /* @__PURE__ */ jsx21(DialogBody, { children: /* @__PURE__ */ jsx21("p", { children: "Are you sure you want to delete this file? This action cannot be undone." }) }),
-            /* @__PURE__ */ jsxs18(DialogFooter, { children: [
+            /* @__PURE__ */ jsxs17(DialogFooter, { children: [
               /* @__PURE__ */ jsx21(Button, { variant: "outline", onClick: () => setDeleteDialogOpen(false), children: "Cancel" }),
               /* @__PURE__ */ jsx21(Button, { variant: "destructive", onClick: handleDeleteConfirm, children: "Delete" })
             ] })
@@ -3545,12 +3522,12 @@ function FileDisplayContent({
       children
     ] });
   }
-  return /* @__PURE__ */ jsxs18("div", { className: `space-y-2 ${className}`, children: [
+  return /* @__PURE__ */ jsxs17("div", { className: `space-y-2 ${className}`, children: [
     fileReferences.map((fileRef) => {
       const isImage = fileRef.file_metadata.fileType?.startsWith("image/");
       const fileUrl2 = internalFileUrls.get(fileRef.id) || null;
       const canDownload = !isImage && fileUrl2;
-      return /* @__PURE__ */ jsxs18("div", { className: "flex items-center space-x-3 p-3 bg-sec-50 rounded-lg border border-sec-200", children: [
+      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__ */ jsx21(
           "img",
           {
@@ -3560,15 +3537,15 @@ function FileDisplayContent({
             onError: handleImageError
           }
         ) : /* @__PURE__ */ jsx21("span", { className: "text-2xl", children: getFileIcon(fileRef.file_metadata.fileType || "") }),
-        /* @__PURE__ */ jsxs18("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "flex-1 min-w-0", children: [
           /* @__PURE__ */ jsx21("div", { className: "font-medium text-sec-900 truncate", children: fileRef.file_metadata.fileName || "Unknown file" }),
-          /* @__PURE__ */ jsxs18("div", { className: "text-sm text-sec-500", children: [
+          /* @__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}`,
             fileRef.file_metadata.category && ` \u2022 ${fileRef.file_metadata.category}`
           ] })
         ] }),
-        /* @__PURE__ */ jsxs18("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "flex items-center space-x-2", children: [
           canDownload && /* @__PURE__ */ jsx21(
             "a",
             {
@@ -3613,19 +3590,6 @@ function FileDisplayPublic({
 }) {
   const publicPageContext = useContext2(PublicPageContext);
   const supabase = publicPageContext?.supabase ?? null;
-  console.log("[FileDisplayPublic] Supabase Client Context:", {
-    hasPublicPageContext: !!publicPageContext,
-    hasSupabaseClient: !!supabase,
-    supabaseUrl: publicPageContext?.environment?.supabaseUrl || "not available",
-    hasAnonKey: !!publicPageContext?.environment?.supabaseKey,
-    hasAuth: !!supabase?.auth,
-    organisation_id,
-    table_name,
-    record_id,
-    category,
-    context: "public_page_anonymous_user",
-    note: "Public pages use anonymous Supabase client (no user session)"
-  });
   if (!supabase) {
     if (showFallback) {
       return /* @__PURE__ */ jsx21(
@@ -3673,7 +3637,7 @@ function FileDisplayPublic({
     { supabase }
   );
   if (error) {
-    console.error("[FileDisplayPublic] Error fetching file:", {
+    logger.error("FileDisplayPublic", "Error fetching file", {
       table_name,
       record_id,
       organisation_id,
@@ -3682,23 +3646,6 @@ function FileDisplayPublic({
       errorStack: error.stack
     });
   }
-  if (fileUrl && !isLoading && !error) {
-    console.log("[FileDisplayPublic] File loaded successfully:", {
-      table_name,
-      record_id,
-      category,
-      fileUrl: fileUrl.substring(0, 50) + "..."
-      // Truncate URL for logging
-    });
-  }
-  if (!isLoading && !error && !fileUrl && !fileReference) {
-    console.log("[FileDisplayPublic] No file found (will show fallback if enabled):", {
-      table_name,
-      record_id,
-      category,
-      showFallback
-    });
-  }
   const handleDelete = async () => {
   };
   let finalFileReference = fileReference;
@@ -3777,7 +3724,7 @@ function FileDisplayAuthenticated({
     category,
     { supabase }
   );
-  const [displayOnlyFileReference, setDisplayOnlyFileReference] = useState12(null);
+  const [displayOnlyFileReference, setDisplayOnlyFileReference] = useState11(null);
   const displayOnlyFileUrlFromMap = displayOnlyFileReference ? fileUrls.get(displayOnlyFileReference.id) : null;
   const displayOnlyFileUrlHook = useFileUrl(
     displayOnlyFileReference && !displayOnlyFileUrlFromMap ? displayOnlyFileReference : null,
@@ -3982,7 +3929,7 @@ var TableCaption = React18.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 
 // src/components/PublicLayout/PublicPageHeader.tsx
-import { Fragment as Fragment7, jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 function PublicPageHeader({
   event,
   eventCode,
@@ -3995,7 +3942,7 @@ function PublicPageHeader({
   customEventLogo
 }) {
   const { appName } = useAppConfig();
-  return /* @__PURE__ */ jsxs19("header", { className: cn(
+  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",
     className
   ), children: [
@@ -4007,43 +3954,28 @@ function PublicPageHeader({
         alt: appName
       }
     ),
-    event && /* @__PURE__ */ jsxs19(Fragment7, { children: [
+    event && /* @__PURE__ */ jsxs18(Fragment7, { children: [
       /* @__PURE__ */ jsx23("h1", { children: event.event_name }),
-      showEventLogo && event && /* @__PURE__ */ jsx23(Fragment7, { children: customEventLogo || /* @__PURE__ */ jsxs19(Fragment7, { children: [
-        (() => {
-          console.log("[PublicPageHeader] Organisation ID Derivation Chain:", {
-            eventCode,
-            eventId: event.event_id,
-            eventName: event.event_name,
-            organisationId: event.organisation_id,
-            organisationIdType: typeof event.organisation_id,
-            organisationIdValid: !!event.organisation_id && event.organisation_id !== "",
-            derivation: "URL \u2192 eventCode \u2192 usePublicEvent \u2192 event.organisation_id \u2192 FileDisplay",
-            note: "Organisation ID is derived from event data fetched using event code from URL"
-          });
-          return null;
-        })(),
-        /* @__PURE__ */ jsx23(
-          FileDisplay,
-          {
-            table_name: "event",
-            record_id: event.event_id,
-            organisation_id: event.organisation_id,
-            category: "event_logos" /* EVENT_LOGOS */,
-            displayOnly: true,
-            showFallback: true,
-            fallbackSize: "md",
-            className: "mr-4 max-w-36 row-span-2",
-            generateFallbackText: (fileName) => {
-              if (!event.event_name) return "EV";
-              return event.event_name.split(/[\s\-_]+/).map((word) => word.charAt(0).toUpperCase()).join("").substring(0, 3);
-            }
+      showEventLogo && event && /* @__PURE__ */ jsx23(Fragment7, { children: customEventLogo || /* @__PURE__ */ jsx23(Fragment7, { children: /* @__PURE__ */ jsx23(
+        FileDisplay,
+        {
+          table_name: "event",
+          record_id: event.event_id,
+          organisation_id: event.organisation_id,
+          category: "event_logos" /* EVENT_LOGOS */,
+          displayOnly: true,
+          showFallback: true,
+          fallbackSize: "md",
+          className: "mr-4 max-w-36 row-span-2",
+          generateFallbackText: (fileName) => {
+            if (!event.event_name) return "EV";
+            return event.event_name.split(/[\s\-_]+/).map((word) => word.charAt(0).toUpperCase()).join("").substring(0, 3);
           }
-        )
-      ] }) }),
+        }
+      ) }) }),
       event.event_venue && /* @__PURE__ */ jsx23("h4", { children: event.event_venue })
     ] }),
-    title && /* @__PURE__ */ jsxs19(Fragment7, { children: [
+    title && /* @__PURE__ */ jsxs18(Fragment7, { children: [
       /* @__PURE__ */ jsx23("h1", { children: title }),
       description && /* @__PURE__ */ jsx23("p", { className: "text-lg text-sec-600 max-w-3xl mx-auto", children: description })
     ] }),
@@ -4052,7 +3984,7 @@ function PublicPageHeader({
 }
 
 // src/components/PublicLayout/PublicPageFooter.tsx
-import { Fragment as Fragment8, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 function PublicPageFooter({
   event,
   companyName = "Solvera Solutions Pty Ltd",
@@ -4064,7 +3996,7 @@ function PublicPageFooter({
   children
 }) {
   const copyrightText = copyright || `\xA9 Copyright 2022\u2013${year} all rights reserved, ${companyName}.`;
-  return /* @__PURE__ */ jsx24("footer", { className: cn("mt-8 py-6 flex justify-center", className), children: /* @__PURE__ */ jsxs20("section", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto text-center", children: [
+  return /* @__PURE__ */ jsx24("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__ */ jsx24("img", { src: logo, alt: "Logo", className: "h-8 w-auto" }),
     children && /* @__PURE__ */ jsx24(Fragment8, { children }),
     /* @__PURE__ */ jsx24("span", { className: "text-muted-foreground", children: copyrightText }),
@@ -4073,7 +4005,7 @@ function PublicPageFooter({
 }
 
 // src/components/PublicLayout/PublicLoadingSpinner.tsx
-import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
 var sizeClasses = {
   sm: "h-4 w-4",
   md: "h-8 w-8",
@@ -4090,7 +4022,7 @@ function PublicLoadingSpinner({
 }) {
   const sizeClass = sizeClasses[size];
   const displayMessage = customMessage || message;
-  const content = /* @__PURE__ */ jsxs21("div", { className: cn("flex flex-col items-center", className), children: [
+  const content = /* @__PURE__ */ jsxs20("div", { className: cn("flex flex-col items-center", className), children: [
     showLogo && /* @__PURE__ */ jsx25("div", { className: "mb-4", children: /* @__PURE__ */ jsx25(
       "img",
       {
@@ -4099,7 +4031,7 @@ function PublicLoadingSpinner({
         alt: "PACE Core"
       }
     ) }),
-    /* @__PURE__ */ jsxs21("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "relative", children: [
       /* @__PURE__ */ jsx25(
         "div",
         {
@@ -4128,7 +4060,7 @@ function PublicLoadingSpinnerFullPage({
   return /* @__PURE__ */ jsx25("div", { className: cn(
     "min-h-screen bg-background flex items-center justify-center",
     className
-  ), children: /* @__PURE__ */ jsxs21("div", { className: "max-w-md mx-auto text-center px-4", children: [
+  ), children: /* @__PURE__ */ jsxs20("div", { className: "max-w-md mx-auto text-center px-4", children: [
     /* @__PURE__ */ jsx25("div", { className: "mb-8", children: /* @__PURE__ */ jsx25(
       "img",
       {
@@ -4147,7 +4079,7 @@ function PublicLoadingSpinnerFullPage({
       }
     ) }),
     /* @__PURE__ */ jsx25("p", { className: "text-lg text-sec-600", children: message }),
-    /* @__PURE__ */ jsxs21("div", { className: "mt-4 flex justify-center space-x-1", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "mt-4 flex justify-center space-x-1", children: [
       /* @__PURE__ */ jsx25("div", { className: "h-2 w-2 bg-main-600 rounded-full animate-bounce", style: { animationDelay: "0ms" } }),
       /* @__PURE__ */ jsx25("div", { className: "h-2 w-2 bg-main-600 rounded-full animate-bounce", style: { animationDelay: "150ms" } }),
       /* @__PURE__ */ jsx25("div", { className: "h-2 w-2 bg-main-600 rounded-full animate-bounce", style: { animationDelay: "300ms" } })
@@ -4171,7 +4103,7 @@ function PublicLoadingSkeleton({
 }
 
 // src/components/PublicLayout/PublicPageLayout.tsx
-import { Fragment as Fragment9, jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
 function PublicPageLayout({
   eventCode,
   children,
@@ -4207,9 +4139,9 @@ function PublicPageLayout({
     if (ErrorFallback) {
       return /* @__PURE__ */ jsx26(ErrorFallback, { error, retry: handleRefetch });
     }
-    return /* @__PURE__ */ jsxs22("main", { className: "flex flex-col items-center justify-center px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children: [
+    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__ */ jsx26("h1", { children: "Event Not Found" }),
-      /* @__PURE__ */ jsxs22("p", { children: [
+      /* @__PURE__ */ jsxs21("p", { children: [
         'The event code "',
         eventCode,
         '" is invalid or the event is not available for public viewing.'
@@ -4218,13 +4150,13 @@ function PublicPageLayout({
     ] });
   }
   if (!event && showValidationErrors) {
-    return /* @__PURE__ */ jsxs22("main", { className: "flex flex-col items-center justify-center px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children: [
+    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__ */ jsx26("h1", { children: "Event Not Available" }),
       /* @__PURE__ */ jsx26("p", { children: "This event is not available for public viewing." }),
       handleRefetch && /* @__PURE__ */ jsx26(Button, { onClick: handleRefetch, children: "Try Again" })
     ] });
   }
-  return /* @__PURE__ */ jsx26(PublicErrorBoundary, { children: /* @__PURE__ */ jsxs22(Fragment9, { children: [
+  return /* @__PURE__ */ jsx26(PublicErrorBoundary, { children: /* @__PURE__ */ jsxs21(Fragment9, { children: [
     customHeader || /* @__PURE__ */ jsx26(
       PublicPageHeader,
       {
@@ -4249,259 +4181,64 @@ function usePublicPageContext2() {
   };
 }
 
-// src/components/PublicLayout/PublicPageDebugger.tsx
-import { useEffect as useEffect9 } from "react";
-import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
-function PublicPageDebugger({ enabled = true, label = "PublicPage" }) {
-  useEffect9(() => {
-    if (!enabled) return;
-    console.log(`[${label}] Component mounted`);
-    try {
-      const { isPublicPage } = usePublicPageContext();
-      console.log(`[${label}] Public page context detected:`, isPublicPage);
-    } catch (error) {
-      console.warn(`[${label}] Not in PublicPageProvider context:`, error instanceof Error ? error.message : String(error));
-    }
-    try {
-      const { isAuthenticated } = (init_UnifiedAuthProvider2(), __toCommonJS(UnifiedAuthProvider_exports)).useUnifiedAuth();
-      console.warn(`[${label}] AUTHENTICATION CONTEXT DETECTED! This should not happen in public pages.`);
-      console.warn(`[${label}] isAuthenticated:`, isAuthenticated);
-    } catch (error) {
-      console.log(`[${label}] No authentication context detected (good for public pages)`);
-    }
-    try {
-      const { selectedOrganisation } = (init_OrganisationProvider(), __toCommonJS(OrganisationProvider_exports)).useOrganisations();
-      console.warn(`[${label}] ORGANISATION CONTEXT DETECTED! This should not happen in public pages.`);
-      console.warn(`[${label}] selectedOrganisation:`, selectedOrganisation);
-    } catch (error) {
-      console.log(`[${label}] No organisation context detected (good for public pages)`);
-    }
-    try {
-      const { events } = (init_EventProvider(), __toCommonJS(EventProvider_exports)).useEvents();
-      console.warn(`[${label}] EVENT CONTEXT DETECTED! This should not happen in public pages.`);
-      console.warn(`[${label}] events:`, events);
-    } catch (error) {
-      console.log(`[${label}] No event context detected (good for public pages)`);
-    }
-    const supabaseUrl = import.meta.env?.VITE_SUPABASE_URL;
-    const supabaseKey = import.meta.env?.VITE_SUPABASE_ANON_KEY;
-    console.log(`[${label}] Environment variables:`, {
-      supabaseUrl: supabaseUrl ? "Present" : "Missing",
-      supabaseKey: supabaseKey ? "Present" : "Missing"
-    });
-    return () => {
-      console.log(`[${label}] Component unmounted`);
-    };
-  }, [enabled, label]);
-  if (!enabled) return null;
-  return /* @__PURE__ */ jsxs23("div", { style: {
-    position: "fixed",
-    top: 0,
-    right: 0,
-    background: "rgba(0,0,0,0.8)",
-    color: "white",
-    padding: "8px",
-    fontSize: "12px",
-    zIndex: 9999,
-    fontFamily: "monospace"
-  }, children: [
-    /* @__PURE__ */ jsx27("div", { children: "Public Page Debugger" }),
-    /* @__PURE__ */ jsx27("div", { children: "Check console for context analysis" })
-  ] });
-}
-
-// src/components/PublicLayout/PublicPageDiagnostic.tsx
-import { useEffect as useEffect10, useState as useState13 } from "react";
-import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
-function PublicPageDiagnostic({ enabled = true, label = "PublicPage" }) {
-  const [diagnostics, setDiagnostics] = useState13({
-    hasPublicPageContext: false,
-    hasAuthContext: false,
-    hasOrgContext: false,
-    hasEventContext: false,
-    hasEnvironmentVars: false,
-    routeParams: null
-  });
-  useEffect10(() => {
-    if (!enabled) return;
-    const runDiagnostics = () => {
-      const newDiagnostics = {
-        hasPublicPageContext: false,
-        hasAuthContext: false,
-        hasOrgContext: false,
-        hasEventContext: false,
-        hasEnvironmentVars: false,
-        routeParams: null
-      };
-      try {
-        const { isPublicPage } = usePublicPageContext();
-        newDiagnostics.hasPublicPageContext = isPublicPage === true;
-      } catch (error) {
-        newDiagnostics.hasPublicPageContext = false;
-      }
-      try {
-        const { isAuthenticated } = (init_UnifiedAuthProvider2(), __toCommonJS(UnifiedAuthProvider_exports)).useUnifiedAuth();
-        newDiagnostics.hasAuthContext = true;
-      } catch (error) {
-        newDiagnostics.hasAuthContext = false;
-      }
-      try {
-        const { selectedOrganisation } = (init_OrganisationProvider(), __toCommonJS(OrganisationProvider_exports)).useOrganisations();
-        newDiagnostics.hasOrgContext = true;
-      } catch (error) {
-        newDiagnostics.hasOrgContext = false;
-      }
-      try {
-        const { events } = (init_EventProvider(), __toCommonJS(EventProvider_exports)).useEvents();
-        newDiagnostics.hasEventContext = true;
-      } catch (error) {
-        newDiagnostics.hasEventContext = false;
-      }
-      const supabaseUrl = import.meta.env?.VITE_SUPABASE_URL;
-      const supabaseKey = import.meta.env?.VITE_SUPABASE_ANON_KEY;
-      newDiagnostics.hasEnvironmentVars = !!(supabaseUrl && supabaseKey);
-      try {
-        const { useParams } = __require("react-router-dom");
-        const params = useParams();
-        newDiagnostics.routeParams = params;
-      } catch (error) {
-        newDiagnostics.routeParams = null;
-      }
-      setDiagnostics(newDiagnostics);
-      console.group(`\u{1F50D} [${label}] Public Page Diagnostics`);
-      console.log("\u2705 Public Page Context:", newDiagnostics.hasPublicPageContext ? "PRESENT" : "MISSING");
-      console.log("\u274C Auth Context:", newDiagnostics.hasAuthContext ? "PRESENT (BAD!)" : "ABSENT (GOOD!)");
-      console.log("\u274C Org Context:", newDiagnostics.hasOrgContext ? "PRESENT (BAD!)" : "ABSENT (GOOD!)");
-      console.log("\u274C Event Context:", newDiagnostics.hasEventContext ? "PRESENT (BAD!)" : "ABSENT (GOOD!)");
-      console.log("\u2705 Environment Vars:", newDiagnostics.hasEnvironmentVars ? "PRESENT" : "MISSING");
-      console.log("\u2705 Route Params:", newDiagnostics.routeParams);
-      console.groupEnd();
-      if (newDiagnostics.hasAuthContext || newDiagnostics.hasOrgContext || newDiagnostics.hasEventContext) {
-        console.error(`\u{1F6A8} [${label}] PROBLEM DETECTED: Public page is inside authentication context!`);
-        console.error("\u{1F527} SOLUTION: Move public routes outside of UnifiedAuthProvider, OrganisationProvider, and EventProvider");
-        console.error("\u{1F4D6} See: packages/core/docs/emergency-public-pages-fix.md");
-      } else if (!newDiagnostics.hasPublicPageContext) {
-        console.warn(`\u26A0\uFE0F [${label}] WARNING: Not in PublicPageProvider context`);
-        console.warn("\u{1F527} SOLUTION: Wrap your public page component in <PublicPageProvider>");
-      } else if (!newDiagnostics.hasEnvironmentVars) {
-        console.warn(`\u26A0\uFE0F [${label}] WARNING: Missing environment variables`);
-        console.warn("\u{1F527} SOLUTION: Set VITE_SUPABASE_URL and VITE_SUPABASE_ANON_KEY in your environment");
-      } else {
-        console.log(`\u2705 [${label}] All diagnostics passed! Public page should work correctly.`);
-      }
-    };
-    runDiagnostics();
-  }, [enabled, label]);
-  if (!enabled) return null;
-  return /* @__PURE__ */ jsxs24("div", { style: {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    background: "rgba(0,0,0,0.9)",
-    color: "white",
-    padding: "12px",
-    fontSize: "11px",
-    zIndex: 9999,
-    fontFamily: "monospace",
-    maxWidth: "300px",
-    borderRadius: "0 0 8px 0"
-  }, children: [
-    /* @__PURE__ */ jsx28("div", { style: { fontWeight: "bold", marginBottom: "8px" }, children: "\u{1F50D} Public Page Diagnostics" }),
-    /* @__PURE__ */ jsxs24("div", { children: [
-      "Public Context: ",
-      diagnostics.hasPublicPageContext ? "\u2705" : "\u274C"
-    ] }),
-    /* @__PURE__ */ jsxs24("div", { children: [
-      "Auth Context: ",
-      diagnostics.hasAuthContext ? "\u274C BAD" : "\u2705 GOOD"
-    ] }),
-    /* @__PURE__ */ jsxs24("div", { children: [
-      "Org Context: ",
-      diagnostics.hasOrgContext ? "\u274C BAD" : "\u2705 GOOD"
-    ] }),
-    /* @__PURE__ */ jsxs24("div", { children: [
-      "Event Context: ",
-      diagnostics.hasEventContext ? "\u274C BAD" : "\u2705 GOOD"
-    ] }),
-    /* @__PURE__ */ jsxs24("div", { children: [
-      "Env Vars: ",
-      diagnostics.hasEnvironmentVars ? "\u2705" : "\u274C"
-    ] }),
-    /* @__PURE__ */ jsxs24("div", { children: [
-      "Route Params: ",
-      diagnostics.routeParams ? "\u2705" : "\u274C"
-    ] }),
-    /* @__PURE__ */ jsx28("div", { style: { marginTop: "8px", fontSize: "10px", opacity: 0.8 }, children: "Check console for detailed analysis" })
-  ] });
-}
-
 // src/components/PublicLayout/PublicPageContextChecker.tsx
-import { useEffect as useEffect11 } from "react";
-import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
+import { useEffect as useEffect9 } from "react";
+init_logger();
+import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
 function PublicPageContextChecker({ enabled = true, label = "PublicPage" }) {
-  useEffect11(() => {
-    if (!enabled) return;
-    console.group(`\u{1F6A8} [${label}] PUBLIC PAGE CONTEXT CHECK`);
+  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();
-      console.error(`\u274C [${label}] AUTHENTICATION CONTEXT DETECTED!`);
-      console.error(`\u274C [${label}] isAuthenticated:`, isAuthenticated);
-      console.error(`\u274C [${label}] This public page is inside UnifiedAuthProvider - THIS IS WRONG!`);
-      console.error(`\u274C [${label}] SOLUTION: Move public routes outside of authentication providers`);
+      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) {
-      console.log(`\u2705 [${label}] No authentication context detected (GOOD!)`);
+      logger.debug("PublicPageContextChecker", `\u2705 [${label}] No authentication context detected (GOOD!)`);
     }
     try {
       const { selectedOrganisation } = (init_OrganisationProvider(), __toCommonJS(OrganisationProvider_exports)).useOrganisations();
-      console.error(`\u274C [${label}] ORGANISATION CONTEXT DETECTED!`);
-      console.error(`\u274C [${label}] selectedOrganisation:`, selectedOrganisation);
-      console.error(`\u274C [${label}] This public page is inside OrganisationProvider - THIS IS WRONG!`);
-      console.error(`\u274C [${label}] SOLUTION: Move public routes outside of authentication providers`);
+      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) {
-      console.log(`\u2705 [${label}] No organisation context detected (GOOD!)`);
+      logger.debug("PublicPageContextChecker", `\u2705 [${label}] No organisation context detected (GOOD!)`);
     }
     try {
       const { events } = (init_EventProvider(), __toCommonJS(EventProvider_exports)).useEvents();
-      console.error(`\u274C [${label}] EVENT CONTEXT DETECTED!`);
-      console.error(`\u274C [${label}] events:`, events);
-      console.error(`\u274C [${label}] This public page is inside EventProvider - THIS IS WRONG!`);
-      console.error(`\u274C [${label}] SOLUTION: Move public routes outside of authentication providers`);
+      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) {
-      console.log(`\u2705 [${label}] No event context detected (GOOD!)`);
+      logger.debug("PublicPageContextChecker", `\u2705 [${label}] No event context detected (GOOD!)`);
     }
     try {
       const { isPublicPage } = usePublicPageContext();
       if (isPublicPage) {
-        console.log(`\u2705 [${label}] Public page context detected (GOOD!)`);
+        logger.debug("PublicPageContextChecker", `\u2705 [${label}] Public page context detected (GOOD!)`);
       } else {
-        console.warn(`\u26A0\uFE0F [${label}] Not in PublicPageProvider context`);
-        console.warn(`\u26A0\uFE0F [${label}] SOLUTION: Wrap your public page in <PublicPageProvider>`);
+        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) {
-      console.warn(`\u26A0\uFE0F [${label}] Not in PublicPageProvider context`);
-      console.warn(`\u26A0\uFE0F [${label}] SOLUTION: Wrap your public page in <PublicPageProvider>`);
+      logger.warn("PublicPageContextChecker", `\u26A0\uFE0F [${label}] Not in PublicPageProvider context`);
+      logger.warn("PublicPageContextChecker", `\u26A0\uFE0F [${label}] SOLUTION: Wrap your public page in <PublicPageProvider>`);
     }
-    console.groupEnd();
-    console.group(`\u{1F4D6} [${label}] IMMEDIATE ACTION REQUIRED`);
-    console.log(`If you see any \u274C errors above, your public page is inside authentication context.`);
-    console.log(`This will cause infinite loading loops and authentication errors.`);
-    console.log(``);
-    console.log(`\u{1F527} SOLUTION:`);
-    console.log(`1. Check your main App.tsx file`);
-    console.log(`2. Make sure public routes are completely separate from authentication providers`);
-    console.log(`3. Follow the architecture in: packages/core/docs/public-pages-guide.md`);
-    console.log(``);
-    console.log(`\u2705 CORRECT ARCHITECTURE:`);
-    console.log(`<BrowserRouter>`);
-    console.log(`  <Routes>`);
-    console.log(`    <Route path="/events/*" element={<PublicPageApp />} />`);
-    console.log(`    <Route path="/*" element={<AuthenticatedApp />} />`);
-    console.log(`  </Routes>`);
-    console.log(`</BrowserRouter>`);
-    console.groupEnd();
+    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]);
-  if (!enabled) return null;
-  return /* @__PURE__ */ jsxs25("div", { style: {
+  return /* @__PURE__ */ jsxs22("div", { style: {
     position: "fixed",
     top: 0,
     left: 0,
@@ -4515,18 +4252,90 @@ function PublicPageContextChecker({ enabled = true, label = "PublicPage" }) {
     borderRadius: "0 0 8px 0",
     border: "2px solid #dc2626"
   }, children: [
-    /* @__PURE__ */ jsx29("div", { style: { fontWeight: "bold", marginBottom: "8px" }, children: "\u{1F6A8} PUBLIC PAGE CONTEXT CHECK" }),
-    /* @__PURE__ */ jsx29("div", { children: "Check console for authentication context analysis" }),
-    /* @__PURE__ */ jsx29("div", { style: { marginTop: "8px", fontSize: "10px", opacity: 0.9 }, children: "If you see \u274C errors in console, your public page is inside auth context!" })
+    /* @__PURE__ */ jsx27("div", { style: { fontWeight: "bold", marginBottom: "8px" }, children: "\u{1F6A8} PUBLIC PAGE CONTEXT CHECK" }),
+    /* @__PURE__ */ jsx27("div", { children: "Check console for authentication context analysis" }),
+    /* @__PURE__ */ jsx27("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 React20 from "react";
+import { jsx as jsx28 } 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 = React20.useCallback(
+    (fileName) => {
+      return generateFallbackText(eventName || fileName || "");
+    },
+    [eventName, generateFallbackText]
+  );
+  const adaptedErrorComponent = ErrorComponent ? React20.useCallback(
+    ({ error }) => {
+      const errorObj = error instanceof Error ? error : new Error(String(error || "Unknown error"));
+      return /* @__PURE__ */ jsx28(ErrorComponent, { error: errorObj });
+    },
+    [ErrorComponent]
+  ) : void 0;
+  return /* @__PURE__ */ jsx28(
+    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__ */ jsx28(
+    EventLogo,
+    {
+      ...props,
+      size: "sm",
+      className: `${props.className || ""} rounded-sm`
+    }
+  );
+}
+function EventLogoLarge(props) {
+  return /* @__PURE__ */ jsx28(
+    EventLogo,
+    {
+      ...props,
+      size: "xl",
+      className: `${props.className || ""} rounded-lg`
+    }
+  );
+}
+
 export {
   init_EventProvider,
   Label,
   Avatar,
   AvatarImage,
   AvatarFallback,
+  Badge,
   Switch,
   ToastProvider,
   ToastViewport,
@@ -4550,7 +4359,6 @@ export {
   ProtectedRoute,
   ErrorBoundary,
   OrganisationSelector,
-  PasswordResetForm,
   useFileReference,
   useFileReferenceForRecord,
   useFileReferenceById,
@@ -4572,8 +4380,9 @@ export {
   PublicLoadingSkeleton,
   PublicPageLayout,
   usePublicPageContext2 as usePublicPageContext,
-  PublicPageDebugger,
-  PublicPageDiagnostic,
-  PublicPageContextChecker
+  PublicPageContextChecker,
+  EventLogo,
+  EventLogoCompact,
+  EventLogoLarge
 };
-//# sourceMappingURL=chunk-HMNOSGVA.js.map
+//# sourceMappingURL=chunk-KYRHUBIU.js.map