@jmruthers/pace-core 0.2.4

package/dist/chunk-7JL3T7BO.js

@@ -0,0 +1,3344 @@
+import {
+  Alert,
+  AlertDescription,
+  Input,
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectLabel,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue
+} from "./chunk-WYB6MBZA.js";
+import {
+  isPermitted
+} from "./chunk-6ZQVSHKL.js";
+import {
+  EventProvider_exports,
+  init_EventProvider,
+  useEvents
+} from "./chunk-TMRLB2LA.js";
+import {
+  PublicErrorBoundary,
+  useAppConfig,
+  usePublicEventLogo,
+  usePublicPageContext
+} from "./chunk-2MKP6IYD.js";
+import {
+  OrganisationProvider_exports,
+  UnifiedAuthProvider_exports,
+  init_OrganisationProvider,
+  init_UnifiedAuthProvider,
+  useOrganisations,
+  useUnifiedAuth
+} from "./chunk-DY5E3AT7.js";
+import {
+  Button,
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogOverlay,
+  DialogTitle,
+  DialogTrigger,
+  init_Button
+} from "./chunk-ETEJVKYK.js";
+import {
+  LoadingSpinner
+} from "./chunk-CDQ3PX7L.js";
+import {
+  performanceBudgetMonitor
+} from "./chunk-74C6SNEC.js";
+import {
+  cn,
+  init_cn
+} from "./chunk-OHXGNT3K.js";
+import {
+  __require,
+  __toCommonJS
+} from "./chunk-PLDDJCW6.js";
+
+// src/components/Card/Card.tsx
+init_cn();
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+function getCardClasses(variant = "default", size = "default") {
+  const baseClasses = "rounded-lg border bg-card text-card-foreground shadow-sm";
+  const variantClasses = {
+    default: "shadow-xl",
+    outline: "border-2",
+    ghost: "border-0 shadow-none"
+  };
+  const sizeClasses3 = {
+    default: "",
+    sm: "text-sm",
+    lg: "text-lg"
+  };
+  return `${baseClasses} ${variantClasses[variant]} ${sizeClasses3[size]}`;
+}
+var Card = React.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+  "article",
+  {
+    ref,
+    className: cn(
+      "grid grid-rows-[auto_1fr_auto] min-w-0 overflow-visible",
+      getCardClasses(variant, size),
+      className
+    ),
+    ...props
+  }
+));
+Card.displayName = "Card";
+var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "header",
+  {
+    ref,
+    className: cn("flex flex-col space-y-1.5 p-6 min-w-0 w-full", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "h3",
+  {
+    ref,
+    className: cn(
+      "text-2xl font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "p",
+  {
+    ref,
+    className: cn(className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "main",
+  {
+    ref,
+    className: cn("p-6 pt-0 min-w-0 w-full", className),
+    ...props
+  }
+));
+CardContent.displayName = "CardContent";
+var CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "footer",
+  {
+    ref,
+    className: cn("flex items-center p-6 pt-0 min-w-0 w-full", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+var CardActions = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "nav",
+  {
+    ref,
+    className: cn("flex gap-2", className),
+    role: "group",
+    "aria-label": "Card actions",
+    ...props
+  }
+));
+CardActions.displayName = "CardActions";
+var HoverCard = React.forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      ref,
+      className: cn("relative inline-block", className),
+      ...props,
+      children
+    }
+  );
+});
+HoverCard.displayName = "HoverCard";
+var HoverCardTrigger = React.forwardRef(({ className, asChild, children, ...props }, ref) => {
+  if (asChild) {
+    return /* @__PURE__ */ jsx("span", { className: cn("cursor-pointer", className), children });
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: cn(
+        "cursor-pointer bg-transparent border-0 p-0 m-0 font-inherit color-inherit text-left",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+HoverCardTrigger.displayName = "HoverCardTrigger";
+var HoverCardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "aside",
+  {
+    ref,
+    className: cn(
+      "absolute z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-4 text-popover-foreground shadow-md",
+      className
+    ),
+    role: "tooltip",
+    ...props
+  }
+));
+HoverCardContent.displayName = "HoverCardContent";
+
+// src/components/Label/Label.tsx
+init_cn();
+import * as React2 from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var getLabelClasses = () => {
+  return "font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70";
+};
+var Label = React2.forwardRef(({
+  className,
+  required = false,
+  requiredIndicator,
+  hideRequiredIndicator = false,
+  helperText,
+  helperTextClassName,
+  error,
+  errorClassName,
+  children,
+  htmlFor,
+  ...props
+}, ref) => {
+  const hasError = !!error;
+  const showHelperText = helperText && !hasError;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      LabelPrimitive.Root,
+      {
+        ref,
+        className: cn(
+          getLabelClasses(),
+          hasError && "text-destructive",
+          className
+        ),
+        htmlFor,
+        ...props,
+        children: [
+          children,
+          required && /* @__PURE__ */ jsx2(
+            "label",
+            {
+              "aria-label": "required",
+              className: cn(
+                "text-destructive ml-1",
+                hideRequiredIndicator && "sr-only"
+              ),
+              children: requiredIndicator || "*"
+            }
+          )
+        ]
+      }
+    ),
+    showHelperText && /* @__PURE__ */ jsx2("p", { className: cn("text-muted-foreground", helperTextClassName), children: helperText }),
+    hasError && /* @__PURE__ */ jsx2(
+      "p",
+      {
+        role: "alert",
+        "aria-live": "polite",
+        className: cn("text-destructive", errorClassName),
+        children: error
+      }
+    )
+  ] });
+});
+Label.displayName = LabelPrimitive.Root.displayName;
+
+// src/components/Avatar/Avatar.tsx
+init_cn();
+import * as React3 from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Avatar = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      className
+    ),
+    ...props
+  }
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("object-cover", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full text-sec-50 bg-sec-500",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+
+// src/components/Progress/Progress.tsx
+init_cn();
+import * as React4 from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Progress = React4.forwardRef(({ className, value, max = 100, ...props }, ref) => /* @__PURE__ */ jsx4(
+  ProgressPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
+      className
+    ),
+    ...props,
+    value,
+    max,
+    "aria-valuenow": value,
+    "aria-valuemax": max,
+    "aria-valuemin": 0,
+    children: /* @__PURE__ */ jsx4(
+      ProgressPrimitive.Indicator,
+      {
+        className: "h-full w-full flex-1 bg-primary transition-all",
+        style: { transform: `translateX(-${100 - (value || 0)}%)` }
+      }
+    )
+  }
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+
+// src/components/Toast/Toast.tsx
+init_cn();
+import * as React5 from "react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import { X } from "lucide-react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var ToastProvider = ToastPrimitives.Provider;
+var ToastViewport = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+  ToastPrimitives.Viewport,
+  {
+    ref,
+    "data-testid": "toast-viewport",
+    className: cn(
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      className
+    ),
+    ...props
+  }
+));
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+var Toast = React5.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx5(
+    ToastPrimitives.Root,
+    {
+      ref,
+      "data-testid": "toast-root",
+      className: cn(
+        "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+        className
+      ),
+      ...props
+    }
+  );
+});
+Toast.displayName = ToastPrimitives.Root.displayName;
+var ToastAction = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+  ToastPrimitives.Action,
+  {
+    ref,
+    "data-testid": "toast-action",
+    className: cn(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
+      className
+    ),
+    ...props
+  }
+));
+ToastAction.displayName = ToastPrimitives.Action.displayName;
+var ToastClose = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+  ToastPrimitives.Close,
+  {
+    ref,
+    "data-testid": "toast-close",
+    className: cn(
+      "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-acc-300 group-[.destructive]:hover:text-acc-50 group-[.destructive]:focus:ring-acc-400 group-[.destructive]:focus:ring-offset-acc-600",
+      className
+    ),
+    "toast-close": "",
+    ...props,
+    children: /* @__PURE__ */ jsx5(X, { className: "h-4 w-4" })
+  }
+));
+ToastClose.displayName = ToastPrimitives.Close.displayName;
+var ToastTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+  ToastPrimitives.Title,
+  {
+    ref,
+    "data-testid": "toast-title",
+    className: cn("text-sm font-semibold", className),
+    ...props
+  }
+));
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+var ToastDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+  ToastPrimitives.Description,
+  {
+    ref,
+    "data-testid": "toast-description",
+    className: cn("text-sm opacity-90", className),
+    ...props
+  }
+));
+ToastDescription.displayName = ToastPrimitives.Description.displayName;
+function useToast() {
+  return {
+    toast: (props) => {
+      console.log("Toast:", props);
+    },
+    dismiss: () => {
+      console.log("Toast dismissed");
+    }
+  };
+}
+function Toaster() {
+  return /* @__PURE__ */ jsx5(ToastProvider, { "data-testid": "toast-provider", children: /* @__PURE__ */ jsx5(ToastViewport, {}) });
+}
+
+// src/components/Form/Form.tsx
+init_cn();
+import { useForm, FormProvider } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { jsx as jsx6 } from "react/jsx-runtime";
+function Form({
+  schema,
+  defaultValues,
+  onSubmit,
+  onError,
+  mode = "onSubmit",
+  children,
+  className
+}) {
+  const methods = useForm({
+    resolver: schema ? zodResolver(schema) : void 0,
+    defaultValues,
+    mode
+  });
+  const handleSubmit = methods.handleSubmit(onSubmit, onError);
+  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
+init_Button();
+import React6, { useState, useCallback, useMemo } from "react";
+init_cn();
+import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+var LoginForm = React6.memo(({
+  onSignIn,
+  onSuccess,
+  onError,
+  isLoading = false,
+  appName,
+  title,
+  subtitle,
+  showSignUp = false,
+  onSignUp,
+  className
+}) => {
+  const [formData, setFormData] = useState({ email: "", password: "" });
+  const [error, setError] = useState(null);
+  const isFormValid = useMemo(() => {
+    return formData.email.length > 0 && formData.password.length > 0;
+  }, [formData.email, formData.password]);
+  const handleEmailChange = useCallback((e) => {
+    setFormData((prev) => ({ ...prev, email: e.target.value }));
+  }, []);
+  const handlePasswordChange = useCallback((e) => {
+    setFormData((prev) => ({ ...prev, password: e.target.value }));
+  }, []);
+  const handleSubmit = useCallback(async (e) => {
+    e.preventDefault();
+    setError(null);
+    if (!isFormValid || isLoading) return;
+    try {
+      await onSignIn(formData);
+      onSuccess?.();
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : "Sign in failed";
+      setError(errorMessage);
+      onError?.(err instanceof Error ? err : new Error(errorMessage));
+    }
+  }, [formData, isFormValid, isLoading, onSignIn, onSuccess, onError]);
+  const handleSignUpClick = useCallback(() => {
+    onSignUp?.();
+  }, [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__ */ jsx7(Card, { className: cn("w-full max-w-md mx-auto", className), children: /* @__PURE__ */ jsxs2("form", { onSubmit: handleSubmit, "data-testid": "login-form", children: [
+    /* @__PURE__ */ jsxs2(CardHeader, { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx7(CardTitle, { className: "text-2xl text-center", children: displayTitle }),
+      /* @__PURE__ */ jsx7(CardDescription, { className: "text-center", children: displaySubtitle })
+    ] }),
+    /* @__PURE__ */ jsxs2(CardContent, { className: "space-y-4", children: [
+      error && /* @__PURE__ */ jsx7(Alert, { variant: "destructive", children: /* @__PURE__ */ jsx7(AlertDescription, { children: error }) }),
+      /* @__PURE__ */ jsx7(Label, { htmlFor: "email", children: "Email" }),
+      /* @__PURE__ */ jsx7(
+        Input,
+        {
+          id: "email",
+          type: "email",
+          placeholder: "Enter your email",
+          value: formData.email,
+          onChange: handleEmailChange,
+          required: true,
+          disabled: isLoading
+        }
+      ),
+      /* @__PURE__ */ jsx7(Label, { htmlFor: "password", children: "Password" }),
+      /* @__PURE__ */ jsx7(
+        Input,
+        {
+          id: "password",
+          type: "password",
+          placeholder: "Enter your password",
+          value: formData.password,
+          onChange: handlePasswordChange,
+          required: true,
+          disabled: isLoading
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs2(CardFooter, { className: "flex flex-col space-y-4", children: [
+      /* @__PURE__ */ jsx7(
+        Button,
+        {
+          type: "submit",
+          className: "w-full",
+          disabled: isLoading || !isFormValid,
+          children: isLoading ? "Signing in..." : "Sign In"
+        }
+      ),
+      showSignUp && (onSignUp ? /* @__PURE__ */ jsx7("div", { className: "text-sm text-center text-muted-foreground", children: /* @__PURE__ */ jsx7(
+        "button",
+        {
+          type: "button",
+          onClick: handleSignUpClick,
+          className: "text-primary hover:underline",
+          children: "Don't have an account? Sign up"
+        }
+      ) }) : /* @__PURE__ */ jsxs2("p", { className: "text-center text-muted-foreground", children: [
+        "Don't have an account?",
+        " ",
+        /* @__PURE__ */ jsx7("a", { href: "/signup", className: "text-primary hover:underline", children: "Sign up" })
+      ] }))
+    ] })
+  ] }) });
+});
+
+// src/components/EventSelector/EventSelector.tsx
+init_Button();
+init_EventProvider();
+import { RefreshCw, AlertCircle, Lock, Calendar, Star } from "lucide-react";
+import { useEffect, useMemo as useMemo2 } from "react";
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+function EventSelector({
+  placeholder = "Select an event",
+  className,
+  onEventChange,
+  showNoEventsMessage = true,
+  showRetryButton = true,
+  showEventDetails = true,
+  showNextEventIndicator = true
+}) {
+  const {
+    events,
+    selectedEvent,
+    isLoading,
+    error,
+    setSelectedEvent,
+    refreshEvents
+  } = useEvents();
+  const handleValueChange = (eventId) => {
+    const event = events.find((e) => (e.event_id || e.id) === eventId);
+    if (event) {
+      setSelectedEvent(event);
+      if (onEventChange) {
+        onEventChange(event);
+      }
+    }
+  };
+  const handleRetry = () => {
+    refreshEvents();
+  };
+  const isNextEvent = (event) => {
+    if (!event.event_date) return false;
+    const now = /* @__PURE__ */ new Date();
+    const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+    const eventDate = new Date(event.event_date);
+    return eventDate >= today;
+  };
+  const formatEventDate = (dateString) => {
+    const date = new Date(dateString);
+    const today = /* @__PURE__ */ new Date();
+    const tomorrow = new Date(today);
+    tomorrow.setDate(tomorrow.getDate() + 1);
+    const normalizeDate = (d) => {
+      const normalized = new Date(d);
+      normalized.setHours(0, 0, 0, 0);
+      return normalized;
+    };
+    const normalizedDate = normalizeDate(date);
+    const normalizedToday = normalizeDate(today);
+    const normalizedTomorrow = normalizeDate(tomorrow);
+    if (normalizedDate.getTime() === normalizedToday.getTime()) {
+      return "Today";
+    } else if (normalizedDate.getTime() === normalizedTomorrow.getTime()) {
+      return "Tomorrow";
+    } else {
+      return date.toLocaleDateString();
+    }
+  };
+  const sortedEvents = useMemo2(() => {
+    const getTime = (e) => e.event_date ? new Date(e.event_date).getTime() : Number.NEGATIVE_INFINITY;
+    return [...events].sort((a, b) => getTime(b) - getTime(a));
+  }, [events]);
+  useEffect(() => {
+    if (!selectedEvent && events.length > 0) {
+      const today = /* @__PURE__ */ new Date();
+      const startOfToday = new Date(today.getFullYear(), today.getMonth(), today.getDate()).getTime();
+      const next = [...events].filter((e) => e.event_date && new Date(e.event_date).getTime() >= startOfToday).sort((a, b) => new Date(a.event_date).getTime() - new Date(b.event_date).getTime())[0];
+      if (next) {
+        setSelectedEvent(next);
+        if (onEventChange) onEventChange(next);
+      }
+    }
+  }, [events, selectedEvent, setSelectedEvent, onEventChange]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs3("div", { className: `flex items-center gap-2 ${className}`, children: [
+      /* @__PURE__ */ jsx8(LoadingSpinner, { size: "sm" }),
+      /* @__PURE__ */ jsx8("span", { className: "text-sm text-muted-foreground", children: "Loading events..." })
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx8("div", { className, children: /* @__PURE__ */ jsxs3(Alert, { variant: "destructive", children: [
+      /* @__PURE__ */ jsx8(Lock, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxs3(AlertDescription, { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx8("span", { children: error.message }),
+        showRetryButton && /* @__PURE__ */ jsxs3(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: handleRetry,
+            className: "ml-2",
+            children: [
+              /* @__PURE__ */ jsx8(RefreshCw, { className: "h-3 w-3 mr-1" }),
+              "Retry"
+            ]
+          }
+        )
+      ] })
+    ] }) });
+  }
+  if (events.length === 0) {
+    if (showNoEventsMessage) {
+      return /* @__PURE__ */ jsx8("div", { className, children: /* @__PURE__ */ jsxs3(Alert, { variant: "inline", children: [
+        /* @__PURE__ */ jsx8(AlertCircle, { className: "h-4 w-4 text-acc-700" }),
+        /* @__PURE__ */ jsxs3(AlertDescription, { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx8("span", { children: "No events available." }),
+          showRetryButton && /* @__PURE__ */ jsxs3(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: handleRetry,
+              className: "ml-2",
+              children: [
+                /* @__PURE__ */ jsx8(RefreshCw, { className: "h-3 w-3 mr-1" }),
+                "Refresh"
+              ]
+            }
+          )
+        ] })
+      ] }) });
+    }
+    return null;
+  }
+  return /* @__PURE__ */ jsxs3(
+    Select,
+    {
+      value: selectedEvent ? selectedEvent.event_id || selectedEvent.id : "",
+      onValueChange: handleValueChange,
+      className,
+      children: [
+        /* @__PURE__ */ jsx8(SelectTrigger, { className: "text-left", variant: "outline", children: /* @__PURE__ */ jsx8(SelectValue, { placeholder, children: selectedEvent && /* @__PURE__ */ jsxs3("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__ */ jsxs3("span", { className: "text-xs text-muted-foreground flex-shrink-0", children: [
+            "(",
+            formatEventDate(selectedEvent.event_date),
+            ")"
+          ] })
+        ] }) }) }),
+        /* @__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__ */ jsx8(
+            SelectItem,
+            {
+              value: event.event_id || event.id,
+              className: "flex items-center justify-between",
+              children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2 w-full", children: [
+                showNextEventIndicator && isNext && /* @__PURE__ */ jsx8(Star, { className: "h-3 w-3 text-acc-500" }),
+                /* @__PURE__ */ jsxs3("div", { className: "flex-1", children: [
+                  /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+                    /* @__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__ */ jsxs3("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+                    /* @__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__ */ jsxs3("div", { className: "text-xs text-muted-foreground", children: [
+                    "\u{1F4CD} ",
+                    event.event_venue
+                  ] })
+                ] })
+              ] })
+            },
+            event.event_id || event.id
+          );
+        }) })
+      ]
+    }
+  );
+}
+
+// src/components/PasswordReset/PasswordChangeForm.tsx
+init_Button();
+import { useState as useState2 } from "react";
+init_cn();
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+function PasswordChangeForm({ onSubmit, className }) {
+  const [newPassword, setNewPassword] = useState2("");
+  const [confirmPassword, setConfirmPassword] = useState2("");
+  const [error, setError] = useState2(null);
+  const [isSubmitting, setIsSubmitting] = useState2(false);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setError(null);
+    if (newPassword.length < 8) {
+      setError("Password must be at least 8 characters.");
+      return;
+    }
+    if (newPassword !== confirmPassword) {
+      setError("Passwords do not match.");
+      return;
+    }
+    setIsSubmitting(true);
+    try {
+      const result = await onSubmit({ newPassword, confirmPassword });
+      if (result && result.error) {
+        setError(result.error.message || "Failed to change password.");
+      }
+    } catch (err) {
+      setError(err?.message || "An unexpected error occurred.");
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs4("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: [
+    error && /* @__PURE__ */ jsx9("div", { role: "alert", children: error }),
+    /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx9(Label, { htmlFor: "new-password", children: "New Password" }),
+      /* @__PURE__ */ jsx9(
+        Input,
+        {
+          id: "new-password",
+          type: "password",
+          value: newPassword,
+          onChange: (e) => setNewPassword(e.target.value),
+          required: true,
+          disabled: isSubmitting
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx9(Label, { htmlFor: "confirm-password", children: "Confirm Password" }),
+      /* @__PURE__ */ jsx9(
+        Input,
+        {
+          id: "confirm-password",
+          type: "password",
+          value: confirmPassword,
+          onChange: (e) => setConfirmPassword(e.target.value),
+          required: true,
+          disabled: isSubmitting
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx9(
+      Button,
+      {
+        type: "submit",
+        className: "w-full",
+        disabled: isSubmitting || !newPassword || !confirmPassword,
+        children: isSubmitting ? "Changing..." : "Change Password"
+      }
+    )
+  ] });
+}
+
+// src/components/Button/index.ts
+init_Button();
+
+// src/components/UserMenu/UserMenu.tsx
+import React8, { useCallback as useCallback2, useMemo as useMemo3, useState as useState3 } from "react";
+import { ChevronDown, LogOut, KeyRound } from "lucide-react";
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+var UserMenu = React8.memo(function UserMenu2({
+  user,
+  onSignOut,
+  onChangePassword,
+  className,
+  showAvatar = true
+}) {
+  const [isPasswordDialogOpen, setPasswordDialogOpen] = useState3(false);
+  const userInfo = useMemo3(() => {
+    if (!user) return null;
+    return {
+      email: user.email,
+      displayName: user.user_metadata?.display_name || user.user_metadata?.full_name || user.email?.split("@")[0],
+      avatarUrl: user.user_metadata?.avatar_url,
+      initial: (user.user_metadata?.display_name || user.user_metadata?.full_name || user.email || "U").charAt(0).toUpperCase()
+    };
+  }, [user]);
+  const handleSignOut = useCallback2(async () => {
+    if (onSignOut) await onSignOut();
+  }, [onSignOut]);
+  if (!user || !userInfo) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs5(Dialog, { open: isPasswordDialogOpen, onOpenChange: setPasswordDialogOpen, children: [
+    /* @__PURE__ */ jsxs5(Select, { className, children: [
+      /* @__PURE__ */ jsx10(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs5(Button, { variant: "outline", className: "flex items-center gap-2", "aria-label": userInfo.displayName, children: [
+        showAvatar && /* @__PURE__ */ jsxs5(Avatar, { className: "h-8 w-8", children: [
+          /* @__PURE__ */ jsx10(AvatarImage, { src: userInfo.avatarUrl, alt: userInfo.displayName }),
+          /* @__PURE__ */ jsx10(AvatarFallback, { children: userInfo.initial })
+        ] }),
+        /* @__PURE__ */ jsx10("span", { className: "hidden sm:inline-block", children: userInfo.displayName }),
+        /* @__PURE__ */ jsx10(ChevronDown, { className: "h-4 w-4" })
+      ] }) }),
+      /* @__PURE__ */ jsxs5(SelectContent, { children: [
+        /* @__PURE__ */ jsx10(SelectLabel, { className: "font-normal", children: /* @__PURE__ */ jsxs5("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__ */ jsx10(SelectSeparator, {}),
+        /* @__PURE__ */ jsx10(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs5(SelectItem, { value: "change-password", children: [
+          /* @__PURE__ */ jsx10(KeyRound, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx10("span", { children: "Change Password" })
+        ] }) }),
+        /* @__PURE__ */ jsxs5(SelectItem, { value: "sign-out", onClick: handleSignOut, children: [
+          /* @__PURE__ */ jsx10(LogOut, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx10("span", { children: "Sign out" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx10(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs5(DialogContent, { className, children: [
+      /* @__PURE__ */ jsx10(DialogHeader, { children: /* @__PURE__ */ jsx10(DialogTitle, { children: "Change Password" }) }),
+      /* @__PURE__ */ jsx10(
+        PasswordChangeForm,
+        {
+          onSubmit: async ({ newPassword, confirmPassword }) => {
+            if (onChangePassword) {
+              const { error } = await onChangePassword(newPassword, confirmPassword);
+              if (!error) {
+                setPasswordDialogOpen(false);
+              }
+              return { error };
+            }
+            return {};
+          }
+        }
+      )
+    ] })
+  ] });
+});
+var UserMenuLoading = React8.memo(function UserMenuLoading2() {
+  return /* @__PURE__ */ jsxs5("div", { className: "relative inline-block text-left", children: [
+    /* @__PURE__ */ jsxs5(
+      "button",
+      {
+        type: "button",
+        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__ */ 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__ */ 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 React9 from "react";
+import { ChevronDown as ChevronDown2 } from "lucide-react";
+init_UnifiedAuthProvider();
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+var NavigationMenu = React9.forwardRef(({
+  items,
+  mode = "dropdown",
+  currentPath,
+  onNavigate,
+  className,
+  disabled = false,
+  buttonText = "Menu",
+  showIcons = true,
+  navigationLabel = "Main navigation",
+  // NEW: Phase 2 - Enhanced Security Features
+  strictMode = true,
+  auditLog = true,
+  onNavigationAccessDenied,
+  onStrictModeViolation,
+  filterByPermissions = true,
+  ...props
+}, ref) => {
+  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");
+  }
+  const filteredItems = React9.useMemo(() => {
+    if (!filterByPermissions || !authContext) return items || [];
+    return (items || []).filter((item) => {
+      if (item.meta?.hidden) return false;
+      if (item.permissions && item.permissions.length > 0) {
+        const hasPermission = item.permissions.some((permission) => {
+          if (typeof permission !== "string") return true;
+          return authContext.hasPermission(permission);
+        });
+        if (!hasPermission) return false;
+      }
+      if (item.roles && item.roles.length > 0) {
+        const hasRole = item.roles.some((role) => {
+          if (typeof role !== "string") return true;
+          return authContext.hasRole(role);
+        });
+        if (!hasRole) return false;
+      }
+      if (item.accessLevel) {
+        if (typeof item.accessLevel === "string") {
+          const accessLevel = item.accessLevel;
+          const hasAccessLevel = authContext.hasAccessLevel(accessLevel);
+          if (!hasAccessLevel) return false;
+        }
+      }
+      return true;
+    });
+  }, [items, filterByPermissions, authContext]);
+  React9.useEffect(() => {
+    if (auditLog && authContext) {
+      console.log("[NavigationMenu] Navigation access attempt:", {
+        itemId: "navigation-menu",
+        label: "Navigation Menu",
+        href: currentPath,
+        permissions: authContext.permissions,
+        roles: authContext.roles,
+        accessLevel: authContext.accessLevel,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      });
+    }
+  }, [auditLog, authContext, currentPath]);
+  const handleHierarchicalKeyDown = (event, item) => {
+    switch (event.key) {
+      case "Enter":
+      case " ":
+        event.preventDefault();
+        if (item.children && item.children.length > 0) {
+          toggleExpanded(item.id);
+        } else if (item.href) {
+          onNavigate?.(item);
+        }
+        break;
+      case "Escape":
+        if (expandedItems.has(item.id)) {
+          toggleExpanded(item.id);
+        }
+        break;
+    }
+  };
+  const toggleExpanded = (itemId) => {
+    const newExpanded = new Set(expandedItems);
+    if (newExpanded.has(itemId)) {
+      newExpanded.delete(itemId);
+    } else {
+      newExpanded.add(itemId);
+    }
+    setExpandedItems(newExpanded);
+  };
+  const handleItemClick = (item) => {
+    if (auditLog) {
+      console.log(`[NavigationMenu] Navigation access attempt:`, {
+        itemId: item.id,
+        label: item.label,
+        href: item.href,
+        permissions: item.permissions,
+        roles: item.roles,
+        accessLevel: item.accessLevel,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      });
+    }
+    const hasPermission = true;
+    if (!hasPermission) {
+      if (onNavigationAccessDenied) {
+        onNavigationAccessDenied(item.id, "Insufficient permissions");
+      }
+      if (strictMode) {
+        console.error(`[NavigationMenu] STRICT MODE VIOLATION: User attempted to access protected navigation item without permission`, {
+          itemId: item.id,
+          label: item.label,
+          href: item.href,
+          permissions: item.permissions,
+          roles: item.roles,
+          accessLevel: item.accessLevel,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        });
+        if (onStrictModeViolation) {
+          onStrictModeViolation(item.id, "Insufficient permissions");
+        }
+      }
+      return;
+    }
+    if (onNavigate) {
+      onNavigate(item);
+    } else if (item.href) {
+      window.location.href = item.href;
+    }
+  };
+  const isActiveItem = (item) => {
+    if (item.isActive !== void 0) return item.isActive;
+    if (currentPath === item.href) return true;
+    if (item.children && item.children.length > 0) {
+      return item.children.some((child) => isActiveItem(child));
+    }
+    return false;
+  };
+  const handleNavigationSelect = (itemId) => {
+    const item = filteredItems.find((i) => i.id === itemId);
+    if (item) {
+      handleItemClick(item);
+    }
+  };
+  const renderHierarchicalItem = (item, level = 0) => {
+    const hasChildren = item.children && item.children.length > 0;
+    const isExpanded = expandedItems.has(item.id);
+    const itemIsActive = isActiveItem(item);
+    return /* @__PURE__ */ jsx11("li", { role: "none", children: hasChildren ? /* @__PURE__ */ jsxs6("div", { children: [
+      /* @__PURE__ */ jsxs6(
+        "button",
+        {
+          onClick: () => toggleExpanded(item.id),
+          onKeyDown: (e) => handleHierarchicalKeyDown(e, item),
+          "aria-expanded": isExpanded,
+          "aria-controls": `submenu-${item.id}`,
+          "aria-current": itemIsActive ? "page" : void 0,
+          children: [
+            /* @__PURE__ */ jsx11("span", { children: item.label }),
+            /* @__PURE__ */ jsx11(ChevronDown2, { "aria-hidden": "true" })
+          ]
+        }
+      ),
+      isExpanded && item.children && /* @__PURE__ */ jsx11(
+        "ul",
+        {
+          id: `submenu-${item.id}`,
+          role: "menu",
+          "aria-label": `${item.label} submenu`,
+          children: item.children.map((child) => /* @__PURE__ */ jsx11(React9.Fragment, { children: renderHierarchicalItem(child, level + 1) }, child.id))
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx11(
+      "a",
+      {
+        href: item.href || "#",
+        onClick: (e) => {
+          if (onNavigate && item.href) {
+            e.preventDefault();
+            onNavigate(item);
+          }
+        },
+        onKeyDown: (e) => handleHierarchicalKeyDown(e, item),
+        role: "menuitem",
+        "aria-current": itemIsActive ? "page" : void 0,
+        children: item.label
+      }
+    ) });
+  };
+  if (mode === "dropdown") {
+    return /* @__PURE__ */ jsxs6(
+      Select,
+      {
+        onValueChange: handleNavigationSelect,
+        className,
+        "data-testid": "navigation-menu-root",
+        children: [
+          /* @__PURE__ */ jsx11(
+            SelectTrigger,
+            {
+              ref: buttonRef,
+              disabled,
+              "aria-label": buttonText,
+              "data-testid": "navigation-menu-trigger",
+              children: /* @__PURE__ */ jsx11(SelectValue, { placeholder: buttonText })
+            }
+          ),
+          /* @__PURE__ */ jsx11(SelectContent, { children: filteredItems.map((item) => {
+            const isActive = isActiveItem(item);
+            return /* @__PURE__ */ jsx11(
+              SelectItem,
+              {
+                value: item.id,
+                disabled: !item.href,
+                "data-testid": `navigation-menu-item-${item.id}`,
+                children: item.label
+              },
+              item.id
+            );
+          }) })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx11(
+    "nav",
+    {
+      ref,
+      className,
+      "aria-label": navigationLabel,
+      ...props,
+      children: /* @__PURE__ */ jsx11("ul", { role: "menubar", children: filteredItems.map((item) => /* @__PURE__ */ jsx11(React9.Fragment, { children: renderHierarchicalItem(item, 0) }, item.id)) })
+    }
+  );
+});
+NavigationMenu.displayName = "NavigationMenu";
+
+// src/components/Header/Header.tsx
+init_cn();
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+function Header({
+  logoUrl,
+  logoAlt = "Logo",
+  logo,
+  navItems = [],
+  user,
+  onSignOut,
+  onChangePassword,
+  actions,
+  userMenu,
+  className,
+  showEventSelector = true,
+  showUserMenu = true,
+  currentPath,
+  onNavigate
+}) {
+  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__ */ jsxs7("nav", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto grid grid-cols-[auto_auto_1fr_auto] gap-4 h-full items-center", children: [
+    logo ? logo : logoUrl ? /* @__PURE__ */ jsx12(
+      "img",
+      {
+        src: logoUrl,
+        alt: logoAlt || "Logo",
+        className: "h-[2.15rem] w-auto max-w-[200px] object-contain rounded-md shadow-md bg-transparent"
+      }
+    ) : /* @__PURE__ */ jsx12(
+      "img",
+      {
+        src: "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"
+      }
+    ),
+    navItems && navItems.length > 0 && /* @__PURE__ */ jsx12(
+      NavigationMenu,
+      {
+        items: navItems,
+        currentPath,
+        onNavigate,
+        buttonText: "Menu",
+        className: "w-48"
+      }
+    ),
+    showEventSelector && /* @__PURE__ */ jsx12(
+      EventSelector,
+      {
+        placeholder: "Select event",
+        className: "justify-self-end hidden sm:block w-96",
+        "data-testid": "event-selector"
+      }
+    ),
+    actions,
+    showUserMenu && (userMenu ? userMenu : /* @__PURE__ */ jsx12(
+      UserMenu,
+      {
+        user: user || null,
+        onSignOut,
+        onChangePassword,
+        className: "w-70"
+      }
+    ))
+  ] }) });
+}
+
+// src/components/Footer/Footer.tsx
+init_cn();
+import React10 from "react";
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+var FooterComponent = ({
+  companyName = "Solvera Solutions Pty Ltd",
+  year = (/* @__PURE__ */ new Date()).getFullYear(),
+  links,
+  className = "",
+  logo,
+  copyright,
+  children
+}) => {
+  const copyrightText = copyright || `\xA9 Copyright 2022\u2013${year} all rights reserved, ${companyName}.`;
+  return /* @__PURE__ */ jsx13("footer", { className: cn("mt-8 py-6 flex justify-center border-t border-border bg-main-100", className), children: /* @__PURE__ */ jsxs8("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 = React10.memo(FooterComponent);
+Footer.displayName = "Footer";
+
+// src/components/PaceAppLayout/PaceAppLayout.tsx
+init_UnifiedAuthProvider();
+import { useState as useState5, useEffect as useEffect3, useMemo as useMemo5, useCallback as useCallback3 } from "react";
+import { Outlet, useNavigate, useLocation } from "react-router-dom";
+import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+var EMPTY_PAGE_ID_MAPPING = {};
+var EMPTY_ROUTE_PERMISSIONS = {};
+function PaceAppLayout({
+  appName,
+  navItems,
+  showEventSelector,
+  headerActions,
+  customLogo,
+  customUserMenu,
+  headerClassName,
+  showUserMenu = true,
+  enforcePermissions = false,
+  defaultPermission = "read",
+  routePermissions = EMPTY_ROUTE_PERMISSIONS,
+  permissionFallback,
+  filterNavigationByPermissions = false,
+  pageIdMapping = EMPTY_PAGE_ID_MAPPING,
+  // NEW: Phase 1 - Enhanced Security Features
+  strictMode = true,
+  enforcePagePermissions = false,
+  pagePermissionFallback,
+  auditLog = true,
+  onPageAccessDenied,
+  onStrictModeViolation,
+  // NEW: Phase 2 - Enhanced Routing Features
+  roleBasedRouting = false,
+  routeConfig = [],
+  fallbackRoute = "/unauthorized",
+  onRouteAccessDenied,
+  onRouteStrictModeViolation
+}) {
+  const { user, signOut, updatePassword } = useUnifiedAuth();
+  const navigate = useNavigate();
+  const location = useLocation();
+  const checkPermission = useCallback3(async (permission, pageId) => {
+    try {
+      if (!user?.id) return false;
+      const scope = {
+        organisationId: user.user_metadata?.organisationId || user.app_metadata?.organisationId,
+        eventId: user.user_metadata?.eventId || user.app_metadata?.eventId,
+        appId: user.user_metadata?.appId || user.app_metadata?.appId
+      };
+      const { isSuperAdmin } = await import("./api-GZHIDA4X.js");
+      const isSuper = await isSuperAdmin(user.id);
+      if (isSuper) {
+        return true;
+      }
+      if (!scope.organisationId) {
+        console.warn("No organisation context available for permission check, denying access");
+        return false;
+      }
+      return await isPermitted({
+        userId: user.id,
+        scope,
+        permission,
+        pageId
+      });
+    } catch (error) {
+      console.error("Permission check failed:", error);
+      throw error;
+    }
+  }, [user?.id]);
+  const [hasPermission, setHasPermission] = useState5(null);
+  const [isCheckingPermission, setIsCheckingPermission] = useState5(false);
+  const [permissionError, setPermissionError] = useState5(null);
+  const defaultNavItems = useMemo5(() => [
+    { id: "home", label: "Home", href: "/", icon: "Home" },
+    { id: "dashboard", label: "Dashboard", href: "/dashboard", icon: "LayoutDashboard" },
+    { id: "settings", label: "Settings", href: "/settings", icon: "Settings" },
+    { id: "ui-showcase", label: "UI Showcase", href: "/ui-showcase", icon: "Component" },
+    { id: "data-table-showcase", label: "DataTable Showcase", href: "/data-table-showcase", icon: "Table" }
+  ], []);
+  const baseMenuItems = useMemo5(() => navItems || defaultNavItems, [navItems]);
+  const currentRoutePermission = useMemo5(() => {
+    const currentPath = location.pathname;
+    return routePermissions[currentPath] || defaultPermission;
+  }, [location.pathname, routePermissions, defaultPermission]);
+  const currentPageId = useMemo5(() => {
+    const currentPath = location.pathname;
+    return pageIdMapping[currentPath] || currentPath.slice(1) || "home";
+  }, [location.pathname, pageIdMapping]);
+  useEffect3(() => {
+    if (!enforcePermissions) {
+      setHasPermission(true);
+      return;
+    }
+    let isMounted = true;
+    const checkRoutePermission = async () => {
+      if (!isMounted) return;
+      setIsCheckingPermission(true);
+      setPermissionError(null);
+      try {
+        const hasAccess = await checkPermission(currentRoutePermission, currentPageId);
+        if (!isMounted) return;
+        setHasPermission(hasAccess);
+        if (auditLog) {
+          console.log(`[PaceAppLayout] Page access attempt:`, {
+            pageName: currentPageId,
+            operation: currentRoutePermission,
+            userId: user?.id,
+            allowed: hasAccess,
+            strictMode,
+            timestamp: (/* @__PURE__ */ new Date()).toISOString()
+          });
+        }
+        if (strictMode && !hasAccess) {
+          console.error(`[PaceAppLayout] STRICT MODE VIOLATION: User attempted to access protected page without permission`, {
+            pageName: currentPageId,
+            operation: currentRoutePermission,
+            userId: user?.id,
+            timestamp: (/* @__PURE__ */ new Date()).toISOString()
+          });
+          if (onStrictModeViolation) {
+            onStrictModeViolation(currentPageId, currentRoutePermission);
+          }
+        }
+        if (!hasAccess && onPageAccessDenied) {
+          onPageAccessDenied(currentPageId, currentRoutePermission);
+        }
+      } catch (error) {
+        if (!isMounted) return;
+        console.error(`[PaceAppLayout] Permission check failed for ${currentPageId}:`, error);
+        setPermissionError(error instanceof Error ? error : new Error("Permission check failed"));
+        setHasPermission(false);
+      } finally {
+        if (isMounted) {
+          setIsCheckingPermission(false);
+        }
+      }
+    };
+    checkRoutePermission();
+    return () => {
+      isMounted = false;
+    };
+  }, [enforcePermissions, currentRoutePermission, currentPageId, strictMode, user?.id]);
+  const [filteredMenuItems, setFilteredMenuItems] = useState5(baseMenuItems);
+  useEffect3(() => {
+    if (!filterNavigationByPermissions || !enforcePermissions) {
+      setFilteredMenuItems(baseMenuItems);
+      return;
+    }
+    let isMounted = true;
+    const filterItems = async () => {
+      const filtered = await Promise.all(
+        baseMenuItems.map(async (item) => {
+          if (!item.href) return { item, hasAccess: true };
+          const pageId = pageIdMapping[item.href] || item.href.slice(1) || "home";
+          const permission = routePermissions[item.href] || defaultPermission;
+          try {
+            const hasAccess = await checkPermission(permission, pageId);
+            return { item, hasAccess };
+          } catch {
+            return { item, hasAccess: false };
+          }
+        })
+      );
+      if (!isMounted) return;
+      const accessibleItems = filtered.filter(({ hasAccess }) => hasAccess).map(({ item }) => item);
+      setFilteredMenuItems(accessibleItems);
+    };
+    filterItems();
+    return () => {
+      isMounted = false;
+    };
+  }, [baseMenuItems, filterNavigationByPermissions, enforcePermissions, pageIdMapping, routePermissions, defaultPermission]);
+  useEffect3(() => {
+    if (!roleBasedRouting || routeConfig.length === 0) return;
+    const currentPath = location.pathname;
+    const currentRoute = routeConfig.find((route) => route.path === currentPath);
+    if (!currentRoute) {
+      if (strictMode) {
+        console.error(`[PaceAppLayout] STRICT MODE VIOLATION: Route not found in configuration`, {
+          route: currentPath,
+          userId: user?.id,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        });
+        if (onRouteStrictModeViolation) {
+          onRouteStrictModeViolation(currentPath, "Route not found in configuration");
+        }
+      }
+      return;
+    }
+    const hasAccess = true;
+    if (!hasAccess) {
+      if (onRouteAccessDenied) {
+        onRouteAccessDenied(currentPath, "Insufficient permissions");
+      }
+      if (strictMode) {
+        console.error(`[PaceAppLayout] STRICT MODE VIOLATION: User attempted to access protected route without permission`, {
+          route: currentPath,
+          userId: user?.id,
+          permissions: currentRoute.permissions,
+          roles: currentRoute.roles,
+          accessLevel: currentRoute.accessLevel,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        });
+        if (onRouteStrictModeViolation) {
+          onRouteStrictModeViolation(currentPath, "Insufficient permissions");
+        }
+      }
+      navigate(fallbackRoute, { replace: true });
+    }
+    if (auditLog) {
+      console.log(`[PaceAppLayout] Route access attempt:`, {
+        route: currentPath,
+        userId: user?.id,
+        allowed: hasAccess,
+        permissions: currentRoute.permissions,
+        roles: currentRoute.roles,
+        accessLevel: currentRoute.accessLevel,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      });
+    }
+  }, [roleBasedRouting, routeConfig, location.pathname, strictMode, user?.id, fallbackRoute]);
+  const handleSignOut = async () => {
+    await signOut();
+  };
+  const handleChangePassword = async (newPassword) => {
+    const result = await updatePassword(newPassword);
+    if (result?.error) {
+      console.error("Failed to change password:", result.error.message);
+    }
+    return result || { error: null };
+  };
+  if (enforcePermissions && isCheckingPermission) {
+    return /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs9("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) {
+    return /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs9("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) {
+    if (enforcePagePermissions && pagePermissionFallback) {
+      return /* @__PURE__ */ jsx14(Fragment4, { children: pagePermissionFallback });
+    }
+    if (permissionFallback) {
+      return /* @__PURE__ */ jsx14(Fragment4, { children: permissionFallback });
+    }
+    return /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs9("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__ */ jsx14(Button, { onClick: () => navigate("/"), children: "Go Home" })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs9(Fragment4, { children: [
+    /* @__PURE__ */ jsx14(
+      Header,
+      {
+        logo: customLogo || void 0,
+        logoUrl: !customLogo ? `/${appName.toLowerCase()}_logo_wide.svg` : void 0,
+        logoAlt: `${appName} Logo`,
+        navItems: filteredMenuItems,
+        actions: headerActions,
+        userMenu: customUserMenu,
+        user,
+        onSignOut: handleSignOut,
+        onChangePassword: handleChangePassword,
+        currentPath: window.location.pathname,
+        onNavigate: (item) => {
+          if (item.href) {
+            navigate(item.href);
+          }
+        },
+        showEventSelector,
+        showUserMenu,
+        className: headerClassName || "sticky top-0 z-[40] w-full"
+      }
+    ),
+    /* @__PURE__ */ jsx14("main", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children: /* @__PURE__ */ jsx14(Outlet, {}) }),
+    /* @__PURE__ */ jsx14(Footer, {})
+  ] });
+}
+
+// src/components/PaceLoginPage/PaceLoginPage.tsx
+import { useEffect as useEffect4, useState as useState6 } from "react";
+import { useNavigate as useNavigate2 } from "react-router-dom";
+import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+var PaceLoginPage = ({
+  appName = "Pace",
+  onSuccessRedirectPath = "/"
+}) => {
+  const { signIn, isAuthenticated, isLoading, authError, hasRole } = useUnifiedAuth();
+  const navigate = useNavigate2();
+  const [isSigningIn, setIsSigningIn] = useState6(false);
+  useEffect4(() => {
+    if (isAuthenticated && !isLoading && hasRole("super_admin")) {
+      try {
+        navigate(onSuccessRedirectPath, { replace: true });
+      } catch (error) {
+        console.error("Navigation error:", error);
+      }
+    }
+  }, [isAuthenticated, isLoading, navigate, onSuccessRedirectPath, hasRole]);
+  const handleSubmit = async (data) => {
+    setIsSigningIn(true);
+    try {
+      const { error } = await signIn(data.email, data.password);
+      if (!error) {
+        try {
+          navigate(onSuccessRedirectPath, { replace: true });
+        } catch (navError) {
+          console.error("Navigation error after sign-in:", navError);
+        }
+      }
+    } finally {
+      setIsSigningIn(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs10("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__ */ jsx15(
+      "img",
+      {
+        src: `/${appName.toLowerCase()}_logo_square.svg`,
+        alt: `${appName} logo`,
+        className: "h-48"
+      }
+    ),
+    /* @__PURE__ */ jsx15(
+      LoginForm,
+      {
+        className: "w-md",
+        onSignIn: handleSubmit,
+        appName,
+        isLoading: isSigningIn,
+        onError: (error) => {
+          console.error("Login error:", error);
+        }
+      }
+    ),
+    authError && /* @__PURE__ */ jsx15("em", { className: "mt-4 text-destructive text-center", children: authError.message })
+  ] });
+};
+
+// src/components/ErrorBoundary/ErrorBoundary.tsx
+import { Component } from "react";
+import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+var ErrorBoundary = class extends Component {
+  constructor(props) {
+    super(props);
+    this.retryTimeoutId = null;
+    this.reportError = (errorId, componentName) => {
+      if (true) {
+        console.warn("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})`);
+        this.setState((prevState) => ({
+          hasError: false,
+          error: void 0,
+          errorInfo: void 0,
+          errorId: void 0,
+          retryCount: prevState.retryCount + 1
+        }));
+      }
+    };
+    this.state = {
+      hasError: false,
+      retryCount: 0
+    };
+  }
+  static getDerivedStateFromError(error) {
+    const errorId = `error_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+    return {
+      hasError: true,
+      error,
+      errorId
+    };
+  }
+  componentDidCatch(error, errorInfo) {
+    const { componentName = "Unknown Component", onError, enableReporting = true } = this.props;
+    const errorId = this.state.errorId;
+    this.setState({ errorInfo });
+    console.error(`ErrorBoundary [${componentName}] caught error ${errorId}:`, error, errorInfo);
+    performanceBudgetMonitor.measure("ERROR_BOUNDARY_TRIGGER", 1, {
+      componentName,
+      errorId,
+      errorMessage: error.message,
+      stack: error.stack?.substring(0, 200)
+      // Truncated stack trace
+    });
+    if (enableReporting) {
+      this.reportError(errorId, componentName);
+    }
+    if (onError) {
+      onError(error, errorInfo, errorId);
+    }
+  }
+  componentWillUnmount() {
+    if (this.retryTimeoutId) {
+      clearTimeout(this.retryTimeoutId);
+    }
+  }
+  render() {
+    if (this.state.hasError) {
+      const {
+        componentName = "Component",
+        fallback,
+        enableRetry = true,
+        maxRetries = 3
+      } = this.props;
+      const { retryCount, errorId } = this.state;
+      if (fallback) {
+        return fallback;
+      }
+      return /* @__PURE__ */ jsx16(
+        "div",
+        {
+          role: "alert",
+          className: "p-6 bg-destructive/10 border border-destructive/20 rounded-lg",
+          "data-error-boundary": errorId,
+          children: /* @__PURE__ */ jsxs11("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsx16("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx16("svg", { className: "w-5 h-5 text-destructive", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx16("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }) }),
+            /* @__PURE__ */ jsxs11("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsxs11("h3", { className: "text-destructive", children: [
+                "Error in ",
+                componentName
+              ] }),
+              /* @__PURE__ */ jsx16("p", { className: "text-destructive/80", children: this.state.error?.message || "An unexpected error occurred." }),
+              enableRetry && retryCount < maxRetries && /* @__PURE__ */ jsxs11("div", { className: "flex gap-3 mb-4", children: [
+                /* @__PURE__ */ jsxs11(
+                  "button",
+                  {
+                    onClick: this.handleRetry,
+                    className: "px-4 py-2 bg-destructive text-destructive-foreground rounded-md hover:bg-destructive/90 transition-colors text-sm font-medium",
+                    children: [
+                      "Retry (",
+                      retryCount + 1,
+                      "/",
+                      maxRetries,
+                      ")"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx16(
+                  "button",
+                  {
+                    onClick: () => window.location.reload(),
+                    className: "px-4 py-2 bg-sec-600 text-main-50 rounded-md hover:bg-sec-700 transition-colors text-sm font-medium",
+                    children: "Reload Page"
+                  }
+                )
+              ] }),
+              retryCount >= maxRetries && /* @__PURE__ */ jsxs11("div", { className: "mb-4 p-3 bg-acc-50 border border-acc-200 rounded-md", children: [
+                /* @__PURE__ */ jsx16("p", { className: "text-acc-800", children: "Maximum retry attempts reached. Please reload the page or contact support." }),
+                /* @__PURE__ */ jsx16(
+                  "button",
+                  {
+                    onClick: () => window.location.reload(),
+                    className: "mt-2 px-3 py-1 bg-acc-600 text-main-50 rounded text-sm hover:bg-acc-700",
+                    children: "Reload Page"
+                  }
+                )
+              ] }),
+              false
+            ] })
+          ] })
+        }
+      );
+    }
+    return this.props.children;
+  }
+};
+
+// src/components/OrganisationSelector/OrganisationSelector.tsx
+import { useState as useState7, useCallback as useCallback4 } from "react";
+init_Button();
+init_OrganisationProvider();
+import { RefreshCw as RefreshCw2, AlertCircle as AlertCircle2, Building2, Shield } from "lucide-react";
+import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+function OrganisationSelector({
+  placeholder = "Select organisation",
+  className,
+  onOrganisationChange,
+  showNoOrganisationsMessage = true,
+  showRetryButton = true,
+  showRole = false,
+  compact = false,
+  disabled = false
+}) {
+  const [isLoading, setIsLoading] = useState7(false);
+  const [switchError, setSwitchError] = useState7(null);
+  const {
+    organisations,
+    selectedOrganisation,
+    isLoading: orgLoading,
+    error: orgError,
+    switchOrganisation,
+    getUserRole,
+    validateOrganisationAccess,
+    refreshOrganisations
+  } = useOrganisations();
+  const handleOrganisationChange = useCallback4(async (orgId) => {
+    if (disabled || isLoading) return;
+    setSwitchError(null);
+    setIsLoading(true);
+    try {
+      if (!validateOrganisationAccess(orgId)) {
+        throw new Error("You do not have access to this organisation");
+      }
+      await switchOrganisation(orgId);
+      const newOrganisation = organisations.find((org) => org.id === orgId);
+      if (newOrganisation && onOrganisationChange) {
+        onOrganisationChange(newOrganisation);
+      }
+      console.log("[OrganisationSelector] Successfully switched to organisation:", orgId);
+    } catch (error) {
+      console.error("[OrganisationSelector] Failed to switch organisation:", error);
+      setSwitchError(error instanceof Error ? error.message : "Failed to switch organisation");
+    } finally {
+      setIsLoading(false);
+    }
+  }, [
+    disabled,
+    isLoading,
+    validateOrganisationAccess,
+    switchOrganisation,
+    organisations,
+    onOrganisationChange
+  ]);
+  const handleRetry = useCallback4(async () => {
+    setIsLoading(true);
+    setSwitchError(null);
+    try {
+      await refreshOrganisations();
+    } catch (error) {
+      console.error("[OrganisationSelector] Failed to refresh organisations:", error);
+      setSwitchError("Failed to refresh organisations");
+    } finally {
+      setIsLoading(false);
+    }
+  }, [refreshOrganisations]);
+  if (orgLoading) {
+    return /* @__PURE__ */ jsxs12("div", { className: `flex items-center gap-2 ${className}`, children: [
+      /* @__PURE__ */ jsx17(LoadingSpinner, { size: "sm" }),
+      /* @__PURE__ */ jsx17("span", { className: "text-sm text-muted-foreground", children: compact ? "Loading..." : "Loading organisations..." })
+    ] });
+  }
+  if (orgError) {
+    return /* @__PURE__ */ jsxs12("div", { className: `space-y-2 ${className}`, children: [
+      /* @__PURE__ */ jsxs12(Alert, { variant: "destructive", children: [
+        /* @__PURE__ */ jsx17(AlertCircle2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsxs12(AlertDescription, { children: [
+          "Failed to load organisations: ",
+          orgError.message
+        ] })
+      ] }),
+      showRetryButton && /* @__PURE__ */ jsxs12(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: handleRetry,
+          disabled: isLoading,
+          className: "w-full",
+          children: [
+            /* @__PURE__ */ jsx17(RefreshCw2, { className: `h-4 w-4 mr-2 ${isLoading ? "animate-spin" : ""}` }),
+            "Retry"
+          ]
+        }
+      )
+    ] });
+  }
+  if (organisations.length === 0) {
+    if (showNoOrganisationsMessage) {
+      return /* @__PURE__ */ jsxs12("div", { className: `space-y-2 ${className}`, children: [
+        /* @__PURE__ */ jsxs12(Alert, { children: [
+          /* @__PURE__ */ jsx17(Building2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx17(AlertDescription, { children: "No organisations available. Please contact your administrator to be added to an organisation." })
+        ] }),
+        showRetryButton && /* @__PURE__ */ jsxs12(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: handleRetry,
+            disabled: isLoading,
+            className: "w-full",
+            children: [
+              /* @__PURE__ */ jsx17(RefreshCw2, { className: `h-4 w-4 mr-2 ${isLoading ? "animate-spin" : ""}` }),
+              "Check Again"
+            ]
+          }
+        )
+      ] });
+    }
+    return null;
+  }
+  const switchErrorDisplay = switchError && /* @__PURE__ */ jsxs12(Alert, { variant: "destructive", className: "mt-2", children: [
+    /* @__PURE__ */ jsx17(AlertCircle2, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx17(AlertDescription, { children: switchError })
+  ] });
+  return /* @__PURE__ */ jsxs12("div", { className: `space-y-2 ${className}`, children: [
+    /* @__PURE__ */ jsxs12(
+      Select,
+      {
+        value: selectedOrganisation.id,
+        onValueChange: handleOrganisationChange,
+        disabled: disabled || isLoading,
+        children: [
+          /* @__PURE__ */ jsx17(SelectTrigger, { className: `${isLoading ? "opacity-50" : ""}`, children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+            isLoading ? /* @__PURE__ */ jsx17(LoadingSpinner, { size: "sm" }) : /* @__PURE__ */ jsx17(Building2, { className: "h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsx17(SelectValue, { placeholder })
+          ] }) }),
+          /* @__PURE__ */ jsx17(SelectContent, { children: organisations.map((org) => {
+            const userRole = getUserRole(org.id);
+            const hasAccess = validateOrganisationAccess(org.id);
+            return /* @__PURE__ */ jsx17(
+              SelectItem,
+              {
+                value: org.id,
+                disabled: !hasAccess,
+                className: !hasAccess ? "opacity-50" : "",
+                children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between w-full", children: [
+                  /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx17(Building2, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ jsxs12("div", { className: "flex flex-col", children: [
+                      /* @__PURE__ */ jsx17("span", { className: "font-medium", children: org.display_name }),
+                      !compact && org.description && /* @__PURE__ */ jsx17("span", { className: "text-xs text-muted-foreground truncate max-w-40", children: org.description })
+                    ] })
+                  ] }),
+                  showRole && /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1 ml-4", children: [
+                    /* @__PURE__ */ jsx17(Shield, { className: "h-3 w-3 text-muted-foreground" }),
+                    /* @__PURE__ */ jsx17("span", { className: "text-xs text-muted-foreground capitalize", children: userRole.replace("_", " ") })
+                  ] })
+                ] })
+              },
+              org.id
+            );
+          }) })
+        ]
+      }
+    ),
+    switchErrorDisplay
+  ] });
+}
+
+// src/components/PasswordReset/PasswordResetForm.tsx
+init_Button();
+import { useState as useState8 } from "react";
+init_cn();
+init_UnifiedAuthProvider();
+import { jsx as jsx18, jsxs as jsxs13 } 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__ */ jsx18("div", { className: cn("", className), role: "form", children: /* @__PURE__ */ jsxs13("div", { className: "space-y-4 text-center", children: [
+      /* @__PURE__ */ jsx18("h2", { children: "Check your email" }),
+      /* @__PURE__ */ jsxs13("p", { className: "text-sec-600", children: [
+        "We have sent a password reset link to ",
+        email
+      ] }),
+      /* @__PURE__ */ jsx18(
+        Button,
+        {
+          variant: "outline",
+          onClick: handleSendAnother,
+          className: "w-full",
+          children: "Send another email"
+        }
+      )
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx18("div", { className: cn("", className), role: "form", children: /* @__PURE__ */ jsxs13("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx18("h2", { children: "Reset Password" }),
+      /* @__PURE__ */ jsx18("p", { className: "text-sec-600", children: "Enter your email address and we'll send you a reset link." })
+    ] }),
+    /* @__PURE__ */ jsxs13("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx18(Label, { htmlFor: "email", children: "Email Address" }),
+        /* @__PURE__ */ jsx18(
+          Input,
+          {
+            id: "email",
+            type: "email",
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            placeholder: "Enter your email",
+            required: true,
+            disabled: isLoading
+          }
+        )
+      ] }),
+      error && /* @__PURE__ */ jsx18("div", { className: "text-sm text-destructive", role: "alert", children: error }),
+      /* @__PURE__ */ jsx18(
+        Button,
+        {
+          type: "submit",
+          className: "w-full",
+          disabled: !email.trim() || isLoading,
+          children: isLoading ? "Sending..." : "Send Reset Link"
+        }
+      )
+    ] })
+  ] }) });
+}
+
+// src/utils/storage/config.ts
+var FILE_SIZE_LIMITS = {
+  // Images
+  "image/jpeg": 5 * 1024 * 1024,
+  // 5MB
+  "image/png": 5 * 1024 * 1024,
+  // 5MB
+  "image/gif": 10 * 1024 * 1024,
+  // 10MB (for animations)
+  "image/webp": 5 * 1024 * 1024,
+  // 5MB
+  "image/svg+xml": 1 * 1024 * 1024,
+  // 1MB (vector graphics)
+  // Documents
+  "application/pdf": 50 * 1024 * 1024,
+  // 50MB
+  "application/msword": 25 * 1024 * 1024,
+  // 25MB
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": 25 * 1024 * 1024,
+  // 25MB
+  "application/vnd.ms-excel": 25 * 1024 * 1024,
+  // 25MB
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": 25 * 1024 * 1024,
+  // 25MB
+  // Archives
+  "application/zip": 100 * 1024 * 1024,
+  // 100MB
+  "application/x-rar-compressed": 100 * 1024 * 1024,
+  // 100MB
+  // Text files
+  "text/plain": 1 * 1024 * 1024,
+  // 1MB
+  "text/csv": 10 * 1024 * 1024,
+  // 10MB
+  "application/json": 10 * 1024 * 1024
+  // 10MB
+};
+var DEFAULT_FILE_SIZE_LIMIT = 10 * 1024 * 1024;
+var APP_PATH_MAPPING = {
+  "PACE": "event_logos",
+  "TRAC": "trac_accommodation",
+  // Default category for TRAC files
+  "MEDI": "documents",
+  "CAKE": "documents"
+};
+var STORAGE_CONFIG = {
+  bucketName: "files",
+  fileSizeLimits: FILE_SIZE_LIMITS,
+  defaultFileSizeLimit: DEFAULT_FILE_SIZE_LIMIT
+};
+function getFileSizeLimit(mimeType) {
+  return STORAGE_CONFIG.fileSizeLimits[mimeType] || STORAGE_CONFIG.defaultFileSizeLimit;
+}
+function validateFileSize(file) {
+  const limit = getFileSizeLimit(file.type);
+  if (file.size > limit) {
+    const limitMB = Math.round(limit / (1024 * 1024));
+    const fileMB = Math.round(file.size / (1024 * 1024));
+    return {
+      isValid: false,
+      error: `File size (${fileMB}MB) exceeds limit (${limitMB}MB) for ${file.type}`
+    };
+  }
+  return { isValid: true };
+}
+function formatFileSize(bytes) {
+  if (bytes === 0) return "0 Bytes";
+  if (bytes < 0) return `${bytes} Bytes`;
+  const k = 1024;
+  const sizes = ["Bytes", "KB", "MB", "GB", "TB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  const sizeIndex = Math.min(Math.max(i, 0), sizes.length - 1);
+  return parseFloat((bytes / Math.pow(k, sizeIndex)).toFixed(2)) + " " + sizes[sizeIndex];
+}
+
+// src/utils/storage/helpers.ts
+function generateFilePath(options, fileName) {
+  const { appName, orgId, isPublic = false, customPath } = options;
+  if (isPublic) {
+    if (customPath) {
+      return `public/${customPath}/${fileName}`;
+    }
+    return `public/assets/${appName}/${fileName}`;
+  }
+  const categoryMap = {
+    "accommodation": "trac_accommodation",
+    "activity": "trac_activity",
+    "transport": "trac_transport",
+    "journal": "trac_journal",
+    "logos": "event_logos",
+    "documents": "files"
+  };
+  if (customPath) {
+    const mappedCategory = categoryMap[customPath] || customPath;
+    return `apps/${appName}/${orgId}/${mappedCategory}/${fileName}`;
+  }
+  return `apps/${appName}/${orgId}/files/${fileName}`;
+}
+function generateUniqueFileName(originalName) {
+  const timestamp = Date.now();
+  const uuid = crypto.randomUUID();
+  const extension = originalName.split(".").pop() || "";
+  const baseName = originalName.replace(/\.[^/.]+$/, "");
+  return `${timestamp}-${uuid}-${baseName}.${extension}`;
+}
+async function extractFileMetadata(file, options, uploadedBy) {
+  const metadata = {
+    mimeType: file.type,
+    size: file.size,
+    orgId: options.orgId,
+    appName: options.appName,
+    uploadedBy,
+    uploadedAt: (/* @__PURE__ */ new Date()).toISOString(),
+    tags: options.tags || [],
+    isPublic: options.isPublic || false,
+    customMetadata: options.metadata || {}
+  };
+  if (file.type.startsWith("image/")) {
+    try {
+      const dimensions = await getImageDimensions(file);
+      metadata.width = dimensions.width;
+      metadata.height = dimensions.height;
+    } catch (error) {
+      console.warn("Could not extract image dimensions:", error);
+    }
+  }
+  try {
+    metadata.hash = await generateFileHash(file);
+  } catch (error) {
+    console.warn("Could not generate file hash:", error);
+  }
+  return metadata;
+}
+async function getImageDimensions(file) {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
+    const url = URL.createObjectURL(file);
+    img.onload = () => {
+      URL.revokeObjectURL(url);
+      resolve({ width: img.width, height: img.height });
+    };
+    img.onerror = () => {
+      URL.revokeObjectURL(url);
+      reject(new Error("Could not load image"));
+    };
+    img.src = url;
+  });
+}
+async function generateFileHash(file) {
+  const buffer = await file.arrayBuffer();
+  const hashBuffer = await crypto.subtle.digest("SHA-256", buffer);
+  const hashArray = Array.from(new Uint8Array(hashBuffer));
+  const hashHex = hashArray.map((b) => b.toString(16).padStart(2, "0")).join("");
+  return `sha256:${hashHex}`;
+}
+async function uploadFile(supabase, file, options) {
+  try {
+    const sizeValidation = validateFileSize(file);
+    if (!sizeValidation.isValid) {
+      return {
+        success: false,
+        error: sizeValidation.error
+      };
+    }
+    const uniqueFileName = generateUniqueFileName(file.name);
+    const filePath = generateFilePath(options, uniqueFileName);
+    const metadata = await extractFileMetadata(file, options, "current-user");
+    const { data, error } = await supabase.storage.from(STORAGE_CONFIG.bucketName).upload(filePath, file, {
+      cacheControl: "3600",
+      upsert: false,
+      contentType: file.type
+    });
+    if (error) {
+      return {
+        success: false,
+        error: `Upload failed: ${error.message}`
+      };
+    }
+    let publicUrl;
+    if (options.isPublic) {
+      const { data: urlData } = supabase.storage.from(STORAGE_CONFIG.bucketName).getPublicUrl(filePath);
+      publicUrl = urlData.publicUrl;
+    }
+    return {
+      success: true,
+      path: filePath,
+      publicUrl,
+      metadata
+    };
+  } catch (error) {
+    return {
+      success: false,
+      error: `Upload failed: ${error instanceof Error ? error.message : "Unknown error"}`
+    };
+  }
+}
+function getPublicUrl(supabase, path) {
+  const { data } = supabase.storage.from(STORAGE_CONFIG.bucketName).getPublicUrl(path);
+  return data.publicUrl;
+}
+async function getSignedUrl(supabase, path, options) {
+  try {
+    const { data, error } = await supabase.storage.from(STORAGE_CONFIG.bucketName).createSignedUrl(path, options.expiresIn || 3600);
+    if (error) {
+      console.error("Failed to create signed URL:", error);
+      return null;
+    }
+    return {
+      url: data.signedUrl,
+      expiresAt: new Date(Date.now() + (options.expiresIn || 3600) * 1e3).toISOString()
+    };
+  } catch (error) {
+    console.error("Failed to create signed URL:", error);
+    return null;
+  }
+}
+async function deleteFile(supabase, path) {
+  try {
+    const { error } = await supabase.storage.from(STORAGE_CONFIG.bucketName).remove([path]);
+    if (error) {
+      return {
+        success: false,
+        error: `Delete failed: ${error.message}`
+      };
+    }
+    return { success: true };
+  } catch (error) {
+    return {
+      success: false,
+      error: `Delete failed: ${error instanceof Error ? error.message : "Unknown error"}`
+    };
+  }
+}
+async function listFiles(supabase, options) {
+  try {
+    const pathPrefix = `apps/${options.appName}/${options.orgId}/`;
+    const searchPath = options.pathPrefix ? `${pathPrefix}${options.pathPrefix}` : pathPrefix;
+    const { data, error } = await supabase.storage.from(STORAGE_CONFIG.bucketName).list(searchPath, {
+      limit: options.limit || 100,
+      offset: options.offset || 0,
+      sortBy: { column: "created_at", order: "desc" }
+    });
+    if (error) {
+      console.error("Failed to list files:", error);
+      return { files: [], totalCount: 0, hasMore: false };
+    }
+    const files = (data || []).map((item) => ({
+      name: item.name,
+      path: `${searchPath}${item.name}`,
+      size: item.metadata?.size || 0,
+      mimeType: item.metadata?.mimetype || "application/octet-stream",
+      lastModified: item.updated_at || item.created_at || (/* @__PURE__ */ new Date()).toISOString(),
+      metadata: {
+        mimeType: item.metadata?.mimetype || "application/octet-stream",
+        size: item.metadata?.size || 0,
+        orgId: options.orgId,
+        appName: options.appName,
+        uploadedBy: "unknown",
+        uploadedAt: item.created_at || (/* @__PURE__ */ new Date()).toISOString(),
+        isPublic: false
+      }
+    }));
+    return {
+      files,
+      totalCount: files.length,
+      hasMore: files.length >= (options.limit || 100)
+    };
+  } catch (error) {
+    console.error("Failed to list files:", error);
+    return { files: [], totalCount: 0, hasMore: false };
+  }
+}
+async function archiveFile(supabase, path, options) {
+  try {
+    const archivedPath = path.replace(`apps/${options.appName}/${options.orgId}/`, `archived/${options.appName}/${options.orgId}/`);
+    const { error: copyError } = await supabase.storage.from(STORAGE_CONFIG.bucketName).copy(path, archivedPath);
+    if (copyError) {
+      return {
+        success: false,
+        error: `Archive failed: ${copyError.message}`
+      };
+    }
+    const deleteResult = await deleteFile(supabase, path);
+    if (!deleteResult.success) {
+      return deleteResult;
+    }
+    return { success: true };
+  } catch (error) {
+    return {
+      success: false,
+      error: `Archive failed: ${error instanceof Error ? error.message : "Unknown error"}`
+    };
+  }
+}
+
+// src/hooks/useStorage.ts
+import { useState as useState9, useCallback as useCallback5 } from "react";
+function useStorage({ supabase, appName, orgId }) {
+  const [isUploading, setIsUploading] = useState9(false);
+  const [uploadError, setUploadError] = useState9(null);
+  const [isListing, setIsListing] = useState9(false);
+  const [listError, setListError] = useState9(null);
+  const [files, setFiles] = useState9([]);
+  const handleUploadFile = useCallback5(async (file, options = {}) => {
+    setIsUploading(true);
+    setUploadError(null);
+    try {
+      const uploadOptions = {
+        appName,
+        orgId,
+        isPublic: false,
+        ...options
+      };
+      const result = await uploadFile(supabase, file, uploadOptions);
+      if (result.success) {
+        await refreshFiles();
+      } else {
+        setUploadError(result.error || "Upload failed");
+      }
+      return result;
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : "Upload failed";
+      setUploadError(errorMessage);
+      return {
+        success: false,
+        error: errorMessage
+      };
+    } finally {
+      setIsUploading(false);
+    }
+  }, [supabase, appName, orgId]);
+  const handleGetPublicUrl = useCallback5((path) => {
+    return getPublicUrl(supabase, path);
+  }, [supabase]);
+  const handleGetSignedUrl = useCallback5(async (path, expiresIn) => {
+    try {
+      const result = await getSignedUrl(supabase, path, {
+        appName,
+        orgId,
+        expiresIn
+      });
+      return result?.url || null;
+    } catch (error) {
+      console.error("Failed to get signed URL:", error);
+      return null;
+    }
+  }, [supabase, appName, orgId]);
+  const handleDeleteFile = useCallback5(async (path) => {
+    try {
+      const result = await deleteFile(supabase, path);
+      if (result.success) {
+        await refreshFiles();
+      }
+      return result;
+    } catch (error) {
+      return {
+        success: false,
+        error: error instanceof Error ? error.message : "Delete failed"
+      };
+    }
+  }, [supabase]);
+  const handleArchiveFile = useCallback5(async (path) => {
+    try {
+      const result = await archiveFile(supabase, path, { appName, orgId });
+      if (result.success) {
+        await refreshFiles();
+      }
+      return result;
+    } catch (error) {
+      return {
+        success: false,
+        error: error instanceof Error ? error.message : "Archive failed"
+      };
+    }
+  }, [supabase, appName, orgId]);
+  const handleListFiles = useCallback5(async (options = {}) => {
+    setIsListing(true);
+    setListError(null);
+    try {
+      const listOptions = {
+        appName,
+        orgId,
+        ...options
+      };
+      const result = await listFiles(supabase, listOptions);
+      setFiles(result.files);
+      return result;
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : "List failed";
+      setListError(errorMessage);
+      return { files: [], totalCount: 0, hasMore: false };
+    } finally {
+      setIsListing(false);
+    }
+  }, [supabase, appName, orgId]);
+  const refreshFiles = useCallback5(async () => {
+    await handleListFiles();
+  }, [handleListFiles]);
+  return {
+    // Upload
+    uploadFile: handleUploadFile,
+    isUploading,
+    uploadError,
+    // URLs
+    getPublicUrl: handleGetPublicUrl,
+    getSignedUrl: handleGetSignedUrl,
+    getFileUrl: handleGetPublicUrl,
+    // Alias for getPublicUrl
+    // File management
+    deleteFile: handleDeleteFile,
+    archiveFile: handleArchiveFile,
+    // Listing
+    listFiles: handleListFiles,
+    isListing,
+    listError,
+    isLoading: isListing,
+    // Alias for isListing
+    error: listError,
+    // Alias for listError
+    // State
+    files,
+    refreshFiles
+  };
+}
+function useFileUpload({ supabase, appName, orgId }) {
+  const [uploadProgress, setUploadProgress] = useState9(0);
+  const [isUploading, setIsUploading] = useState9(false);
+  const [uploadError, setUploadError] = useState9(null);
+  const uploadWithProgress = useCallback5(async (file, options = {}) => {
+    setIsUploading(true);
+    setUploadProgress(0);
+    setUploadError(null);
+    try {
+      const progressInterval = setInterval(() => {
+        setUploadProgress((prev) => Math.min(prev + 10, 90));
+      }, 100);
+      const uploadOptions = {
+        appName,
+        orgId,
+        isPublic: false,
+        ...options
+      };
+      const result = await uploadFile(supabase, file, uploadOptions);
+      clearInterval(progressInterval);
+      setUploadProgress(100);
+      if (!result.success) {
+        setUploadError(result.error || "Upload failed");
+      }
+      return result;
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : "Upload failed";
+      setUploadError(errorMessage);
+      return {
+        success: false,
+        error: errorMessage
+      };
+    } finally {
+      setIsUploading(false);
+      setTimeout(() => setUploadProgress(0), 1e3);
+    }
+  }, [supabase, appName, orgId]);
+  return {
+    uploadWithProgress,
+    uploadProgress,
+    isUploading,
+    uploadError
+  };
+}
+
+// src/components/FileUpload/FileUpload.tsx
+import { useCallback as useCallback6, useState as useState10 } from "react";
+init_Button();
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+function FileUpload({
+  supabase,
+  appName,
+  orgId,
+  onUploadComplete,
+  onUploadStart,
+  accept = "*/*",
+  maxSize,
+  multiple = false,
+  disabled = false,
+  className = "",
+  children
+}) {
+  const [dragActive, setDragActive] = useState10(false);
+  const [selectedFiles, setSelectedFiles] = useState10([]);
+  const [validationErrors, setValidationErrors] = useState10([]);
+  const { uploadWithProgress, uploadProgress, isUploading, uploadError } = useFileUpload({
+    supabase,
+    appName,
+    orgId
+  });
+  const validateFiles = useCallback6((files) => {
+    const errors = [];
+    files.forEach((file, index) => {
+      const sizeValidation = validateFileSize(file);
+      if (!sizeValidation.isValid) {
+        errors.push(`File ${index + 1}: ${sizeValidation.error}`);
+      }
+      if (maxSize && file.size > maxSize) {
+        const fileMB = Math.round(file.size / (1024 * 1024));
+        const maxMB = Math.round(maxSize / (1024 * 1024));
+        errors.push(`File ${index + 1}: Size (${fileMB}MB) exceeds limit (${maxMB}MB)`);
+      }
+    });
+    return errors;
+  }, [maxSize]);
+  const handleFileSelect = useCallback6((files) => {
+    if (!files) return;
+    const fileArray = Array.from(files);
+    const errors = validateFiles(fileArray);
+    setValidationErrors(errors);
+    setSelectedFiles(fileArray);
+  }, [validateFiles]);
+  const handleDrag = useCallback6((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (e.type === "dragenter" || e.type === "dragover") {
+      setDragActive(true);
+    } else if (e.type === "dragleave") {
+      setDragActive(false);
+    }
+  }, []);
+  const handleDrop = useCallback6((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setDragActive(false);
+    if (disabled) return;
+    const files = e.dataTransfer.files;
+    handleFileSelect(files);
+  }, [disabled, handleFileSelect]);
+  const handleFileInputChange = useCallback6((e) => {
+    handleFileSelect(e.target.files);
+  }, [handleFileSelect]);
+  const handleUpload = useCallback6(async () => {
+    if (selectedFiles.length === 0 || validationErrors.length > 0) return;
+    onUploadStart?.();
+    for (const file of selectedFiles) {
+      const result = await uploadWithProgress(file);
+      onUploadComplete?.(result);
+    }
+    setSelectedFiles([]);
+    setValidationErrors([]);
+  }, [selectedFiles, validationErrors, uploadWithProgress, onUploadComplete, onUploadStart]);
+  const handleClear = useCallback6(() => {
+    setSelectedFiles([]);
+    setValidationErrors([]);
+  }, []);
+  const canUpload = selectedFiles.length > 0 && validationErrors.length === 0 && !isUploading && !disabled;
+  return /* @__PURE__ */ jsxs14("div", { className: `file-upload ${className}`, children: [
+    /* @__PURE__ */ jsxs14(
+      "div",
+      {
+        className: `file-upload__dropzone ${dragActive ? "file-upload__dropzone--active" : ""} ${disabled ? "file-upload__dropzone--disabled" : ""}`,
+        onDragEnter: handleDrag,
+        onDragLeave: handleDrag,
+        onDragOver: handleDrag,
+        onDrop: handleDrop,
+        children: [
+          /* @__PURE__ */ jsx19(
+            "input",
+            {
+              type: "file",
+              accept,
+              multiple,
+              onChange: handleFileInputChange,
+              disabled,
+              className: "file-upload__input"
+            }
+          ),
+          children || /* @__PURE__ */ jsxs14("div", { className: "file-upload__content", children: [
+            /* @__PURE__ */ jsx19("p", { className: "file-upload__text", children: dragActive ? "Drop files here" : "Drag and drop files here or click to select" }),
+            /* @__PURE__ */ jsx19(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                disabled,
+                onClick: () => document.querySelector(".file-upload__input")?.click(),
+                children: "Select Files"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    selectedFiles.length > 0 && /* @__PURE__ */ jsxs14("div", { className: "file-upload__files", children: [
+      /* @__PURE__ */ jsx19("h4", { className: "file-upload__files-title", children: "Selected Files:" }),
+      /* @__PURE__ */ jsx19("ul", { className: "file-upload__files-list", children: selectedFiles.map((file, index) => /* @__PURE__ */ jsxs14("li", { className: "file-upload__file-item", children: [
+        /* @__PURE__ */ jsx19("span", { className: "file-upload__file-name", children: file.name }),
+        /* @__PURE__ */ jsx19("span", { className: "file-upload__file-size", children: formatFileSize(file.size) })
+      ] }, index)) })
+    ] }),
+    validationErrors.length > 0 && /* @__PURE__ */ jsx19(Alert, { variant: "destructive", className: "file-upload__errors", children: /* @__PURE__ */ jsx19("ul", { children: validationErrors.map((error, index) => /* @__PURE__ */ jsx19("li", { children: error }, index)) }) }),
+    isUploading && /* @__PURE__ */ jsxs14("div", { className: "file-upload__progress", children: [
+      /* @__PURE__ */ jsx19(Progress, { value: uploadProgress, max: 100 }),
+      /* @__PURE__ */ jsxs14("p", { className: "file-upload__progress-text", children: [
+        "Uploading... ",
+        uploadProgress,
+        "%"
+      ] })
+    ] }),
+    uploadError && /* @__PURE__ */ jsx19(Alert, { variant: "destructive", className: "file-upload__error", children: uploadError }),
+    selectedFiles.length > 0 && /* @__PURE__ */ jsxs14("div", { className: "file-upload__actions", children: [
+      /* @__PURE__ */ jsx19(
+        Button,
+        {
+          onClick: handleUpload,
+          disabled: !canUpload,
+          className: "file-upload__upload-btn",
+          children: isUploading ? "Uploading..." : `Upload ${selectedFiles.length} file${selectedFiles.length > 1 ? "s" : ""}`
+        }
+      ),
+      /* @__PURE__ */ jsx19(
+        Button,
+        {
+          variant: "outline",
+          onClick: handleClear,
+          disabled: isUploading,
+          className: "file-upload__clear-btn",
+          children: "Clear"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/PublicLayout/EventLogo.tsx
+import { useMemo as useMemo6 } from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var sizeClasses = {
+  xs: "h-4 w-4 text-xs",
+  sm: "h-6 w-6 text-sm",
+  md: "h-8 w-8 text-base",
+  lg: "h-12 w-12 text-lg",
+  xl: "h-16 w-16 text-xl",
+  "2xl": "h-20 w-20 text-2xl"
+};
+function defaultGenerateFallbackText(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 = defaultGenerateFallbackText,
+  validateImage = true,
+  loadingComponent: LoadingComponent,
+  errorComponent: ErrorComponent
+}) {
+  let isPublicPage = false;
+  try {
+    const { isPublicPage: publicContext } = usePublicPageContext();
+    isPublicPage = publicContext === true;
+  } catch {
+    isPublicPage = false;
+  }
+  const shouldAvoidAuthContext = useMemo6(() => {
+    if (isPublicPage) return true;
+    try {
+      (init_UnifiedAuthProvider(), __toCommonJS(UnifiedAuthProvider_exports)).useUnifiedAuth();
+      return false;
+    } catch {
+      return true;
+    }
+  }, [isPublicPage]);
+  const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+  const hasValidOrganisationId = organisationId && uuidRegex.test(organisationId);
+  const { supabase } = usePublicPageContext();
+  if (!supabase) {
+    return /* @__PURE__ */ jsx20("div", { className: `${sizeClasses[size]} ${className}`.trim(), title: `${eventName} logo (Supabase not configured)`, children: eventName ? defaultGenerateFallbackText(eventName) : "EV" });
+  }
+  const {
+    logoUrl,
+    fallbackText,
+    isLoading,
+    error
+  } = usePublicEventLogo(
+    eventId,
+    eventName,
+    organisationId,
+    // Always pass organisationId, let the hook handle validation
+    {
+      validateImage,
+      generateFallbackText,
+      supabase
+    }
+  );
+  const sizeClass = useMemo6(() => sizeClasses[size], [size]);
+  const combinedClasses = useMemo6(() => {
+    const baseClasses = "flex items-center justify-center bg-gray-100 text-gray-600 font-semibold rounded";
+    return `${baseClasses} ${sizeClass} ${className}`.trim();
+  }, [sizeClass, className]);
+  if (!hasValidOrganisationId && !isLoading && !logoUrl && showFallback) {
+    return /* @__PURE__ */ jsx20("div", { className: combinedClasses, title: `${eventName} logo (invalid organisation ID)`, children: fallbackText });
+  }
+  if (isLoading) {
+    if (LoadingComponent) {
+      return /* @__PURE__ */ jsx20(LoadingComponent, {});
+    }
+    return /* @__PURE__ */ jsx20("div", { className: `${combinedClasses} animate-pulse`, children: /* @__PURE__ */ jsx20("div", { className: "w-3/4 h-3/4 bg-gray-300 rounded" }) });
+  }
+  if (error) {
+    if (ErrorComponent) {
+      return /* @__PURE__ */ jsx20(ErrorComponent, { error });
+    }
+    if (showFallback) {
+      return /* @__PURE__ */ jsx20("div", { className: combinedClasses, title: `${eventName} (logo unavailable)`, children: fallbackText });
+    }
+    return null;
+  }
+  if (!logoUrl) {
+    if (showFallback) {
+      return /* @__PURE__ */ jsx20("div", { className: combinedClasses, title: `${eventName} logo`, children: fallbackText });
+    }
+    return null;
+  }
+  return /* @__PURE__ */ jsx20(
+    "img",
+    {
+      src: logoUrl,
+      alt: `${eventName} logo`,
+      className: `${sizeClass} ${className}`.trim(),
+      onError: (e) => {
+        const target = e.target;
+        target.style.display = "none";
+        const fallback = document.createElement("div");
+        fallback.className = combinedClasses;
+        fallback.textContent = fallbackText;
+        fallback.title = `${eventName} logo`;
+        target.parentNode?.insertBefore(fallback, target.nextSibling);
+      }
+    }
+  );
+}
+function EventLogoCompact(props) {
+  return /* @__PURE__ */ jsx20(
+    EventLogo,
+    {
+      ...props,
+      size: "sm",
+      className: `${props.className || ""} rounded-sm`
+    }
+  );
+}
+function EventLogoLarge(props) {
+  return /* @__PURE__ */ jsx20(
+    EventLogo,
+    {
+      ...props,
+      size: "xl",
+      className: `${props.className || ""} rounded-lg`
+    }
+  );
+}
+
+// src/components/PublicLayout/PublicPageHeader.tsx
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+function PublicPageHeader({
+  event,
+  eventCode,
+  title,
+  description,
+  showEventLogo = true,
+  showAppLogo = true,
+  className = "",
+  children,
+  customAppLogo,
+  customEventLogo
+}) {
+  const { appName } = useAppConfig();
+  const headerClasses = `bg-white border-b border-gray-200 ${className}`.trim();
+  return /* @__PURE__ */ jsx21("header", { className: headerClasses, children: /* @__PURE__ */ jsxs15("div", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between py-4", children: [
+      showAppLogo && /* @__PURE__ */ jsx21("div", { className: "flex-shrink-0", children: customAppLogo || /* @__PURE__ */ jsxs15("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ jsx21(
+          "img",
+          {
+            className: "h-8 w-auto",
+            src: `/${appName.toLowerCase()}_logo_wide.svg`,
+            alt: appName
+          }
+        ),
+        /* @__PURE__ */ jsx21("span", { className: "ml-2 text-lg font-semibold text-gray-900", children: appName })
+      ] }) }),
+      showEventLogo && /* @__PURE__ */ jsx21("div", { className: "flex-shrink-0", children: customEventLogo || /* @__PURE__ */ jsx21(
+        EventLogo,
+        {
+          eventId: event.event_id,
+          eventName: event.event_name,
+          organisationId: event.organisation_id,
+          size: "md",
+          className: "h-12 w-12"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx21("div", { className: "pb-4", children: /* @__PURE__ */ jsxs15("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx21("h1", { className: "text-3xl font-bold text-gray-900 mb-2", children: event.event_name }),
+      event.event_venue && /* @__PURE__ */ jsx21("p", { className: "text-md text-gray-500 mb-4", children: event.event_venue }),
+      title && /* @__PURE__ */ jsxs15("div", { className: "mt-6", children: [
+        /* @__PURE__ */ jsx21("h2", { className: "text-2xl font-semibold text-gray-800 mb-2", children: title }),
+        description && /* @__PURE__ */ jsx21("p", { className: "text-lg text-gray-600 max-w-3xl mx-auto", children: description })
+      ] }),
+      children && /* @__PURE__ */ jsx21("div", { className: "mt-4", children })
+    ] }) })
+  ] }) });
+}
+
+// src/components/PublicLayout/PublicPageFooter.tsx
+init_cn();
+import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+function PublicPageFooter({
+  event,
+  companyName = "Solvera Solutions Pty Ltd",
+  year = (/* @__PURE__ */ new Date()).getFullYear(),
+  links,
+  className = "",
+  logo,
+  copyright,
+  children
+}) {
+  const copyrightText = copyright || `\xA9 Copyright 2022\u2013${year} all rights reserved, ${companyName}.`;
+  return /* @__PURE__ */ jsx22("footer", { className: cn("mt-8 py-6 flex justify-center border-t border-border bg-main-100", className), children: /* @__PURE__ */ jsxs16("section", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto text-center", children: [
+    logo && /* @__PURE__ */ jsx22("img", { src: logo, alt: "Logo", className: "h-8 w-auto" }),
+    children && /* @__PURE__ */ jsx22(Fragment5, { children }),
+    /* @__PURE__ */ jsx22("span", { className: "text-muted-foreground", children: copyrightText }),
+    links && links.length > 0 && /* @__PURE__ */ jsx22("ul", { className: "flex gap-4 mt-2 md:mt-0", children: links.map((link, index) => /* @__PURE__ */ jsx22("li", { children: /* @__PURE__ */ jsx22("a", { href: link.href, className: "text-muted-foreground hover:text-foreground", children: link.label }) }, index)) })
+  ] }) });
+}
+
+// src/components/PublicLayout/PublicLoadingSpinner.tsx
+import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+var sizeClasses2 = {
+  sm: "h-4 w-4",
+  md: "h-8 w-8",
+  lg: "h-12 w-12",
+  xl: "h-16 w-16"
+};
+function PublicLoadingSpinner({
+  message = "Loading...",
+  size = "md",
+  className = "",
+  showLogo = true,
+  customMessage,
+  centered = true
+}) {
+  const sizeClass = sizeClasses2[size];
+  const displayMessage = customMessage || message;
+  const content = /* @__PURE__ */ jsxs17("div", { className: `flex flex-col items-center ${className}`, children: [
+    showLogo && /* @__PURE__ */ jsx23("div", { className: "mb-4", children: /* @__PURE__ */ jsx23(
+      "img",
+      {
+        className: "h-8 w-auto",
+        src: "/pace_logo_wide.svg",
+        alt: "PACE Core"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs17("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx23(
+        "div",
+        {
+          className: `${sizeClass} border-2 border-gray-200 border-t-blue-600 rounded-full animate-spin`,
+          role: "status",
+          "aria-label": "Loading"
+        }
+      ),
+      /* @__PURE__ */ jsx23("span", { className: "sr-only", children: displayMessage })
+    ] }),
+    displayMessage && /* @__PURE__ */ jsx23("p", { className: "mt-4 text-sm text-gray-600 text-center", children: displayMessage })
+  ] });
+  if (centered) {
+    return /* @__PURE__ */ jsx23("div", { className: "min-h-screen bg-white flex items-center justify-center", children: /* @__PURE__ */ jsx23("div", { className: "max-w-md mx-auto px-4", children: content }) });
+  }
+  return content;
+}
+function PublicLoadingSpinnerFullPage({
+  message = "Loading event details...",
+  eventName,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsx23("div", { className: `min-h-screen bg-white flex items-center justify-center ${className}`, children: /* @__PURE__ */ jsxs17("div", { className: "max-w-md mx-auto text-center px-4", children: [
+    /* @__PURE__ */ jsx23("div", { className: "mb-8", children: /* @__PURE__ */ jsx23(
+      "img",
+      {
+        className: "h-12 w-auto mx-auto",
+        src: "/pace_logo_wide.svg",
+        alt: "PACE Core"
+      }
+    ) }),
+    eventName && /* @__PURE__ */ jsx23("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: eventName }),
+    /* @__PURE__ */ jsx23("div", { className: "relative mb-6", children: /* @__PURE__ */ jsx23(
+      "div",
+      {
+        className: "h-12 w-12 border-4 border-gray-200 border-t-blue-600 rounded-full animate-spin mx-auto",
+        role: "status",
+        "aria-label": "Loading"
+      }
+    ) }),
+    /* @__PURE__ */ jsx23("p", { className: "text-lg text-gray-600", children: message }),
+    /* @__PURE__ */ jsxs17("div", { className: "mt-4 flex justify-center space-x-1", children: [
+      /* @__PURE__ */ jsx23("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "0ms" } }),
+      /* @__PURE__ */ jsx23("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "150ms" } }),
+      /* @__PURE__ */ jsx23("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "300ms" } })
+    ] })
+  ] }) });
+}
+function PublicLoadingSkeleton({
+  lines = 3,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsx23("div", { className: `animate-pulse ${className}`, children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx23(
+    "div",
+    {
+      className: `h-4 bg-gray-200 rounded mb-2 ${index === lines - 1 ? "w-3/4" : "w-full"}`
+    },
+    index
+  )) });
+}
+
+// src/components/PublicLayout/PublicPageLayout.tsx
+import { useMemo as useMemo7 } from "react";
+import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+function PublicPageLayout({
+  eventCode,
+  children,
+  event = null,
+  showFooter = true,
+  className = "",
+  errorFallback: ErrorFallback,
+  loadingFallback: LoadingFallback = PublicLoadingSpinner,
+  customHeader,
+  customFooter,
+  showValidationErrors = true
+}) {
+  const isLoading = false;
+  const error = null;
+  const refetch = async () => {
+  };
+  const layoutClasses = useMemo7(() => {
+    const baseClasses = "min-h-screen bg-white flex flex-col";
+    return `${baseClasses} ${className}`.trim();
+  }, [className]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx24("div", { className: layoutClasses, children: /* @__PURE__ */ jsx24("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsx24(LoadingFallback, {}) }) });
+  }
+  if (error && showValidationErrors) {
+    return /* @__PURE__ */ jsx24("div", { className: layoutClasses, children: /* @__PURE__ */ jsx24("div", { className: "flex-1 flex items-center justify-center", children: ErrorFallback ? /* @__PURE__ */ jsx24(ErrorFallback, { error, retry: refetch }) : /* @__PURE__ */ jsxs18("div", { className: "text-center p-8", children: [
+      /* @__PURE__ */ jsx24("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: "Event Not Found" }),
+      /* @__PURE__ */ jsxs18("p", { className: "text-gray-600 mb-6", children: [
+        'The event code "',
+        eventCode,
+        '" is invalid or the event is not available for public viewing.'
+      ] }),
+      /* @__PURE__ */ jsx24(
+        "button",
+        {
+          onClick: refetch,
+          className: "px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors",
+          children: "Try Again"
+        }
+      )
+    ] }) }) });
+  }
+  if (!event) {
+    return /* @__PURE__ */ jsx24("div", { className: layoutClasses, children: /* @__PURE__ */ jsx24("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxs18("div", { className: "text-center p-8", children: [
+      /* @__PURE__ */ jsx24("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: "Event Not Available" }),
+      /* @__PURE__ */ jsx24("p", { className: "text-gray-600 mb-6", children: "This event is not available for public viewing." }),
+      /* @__PURE__ */ jsx24(
+        "button",
+        {
+          onClick: refetch,
+          className: "px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 transition-colors",
+          children: "Try Again"
+        }
+      )
+    ] }) }) });
+  }
+  return /* @__PURE__ */ jsx24(PublicErrorBoundary, { children: /* @__PURE__ */ jsxs18("div", { className: layoutClasses, children: [
+    customHeader || /* @__PURE__ */ jsx24(
+      PublicPageHeader,
+      {
+        event,
+        eventCode
+      }
+    ),
+    /* @__PURE__ */ jsx24("main", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children }),
+    showFooter && (customFooter || /* @__PURE__ */ jsx24(PublicPageFooter, { event }))
+  ] }) });
+}
+function usePublicPageContext2() {
+  return {
+    eventCode: null,
+    eventId: null,
+    event: null,
+    isLoading: false,
+    error: null,
+    refetch: async () => {
+    },
+    isPublicPage: true
+  };
+}
+
+// src/components/PublicLayout/PublicPageDebugger.tsx
+import { useEffect as useEffect5 } from "react";
+import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+function PublicPageDebugger({ enabled = true, label = "PublicPage" }) {
+  useEffect5(() => {
+    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_UnifiedAuthProvider(), __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 || process.env.VITE_SUPABASE_URL;
+    const supabaseKey = import.meta.env?.VITE_SUPABASE_ANON_KEY || process.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__ */ jsxs19("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__ */ jsx25("div", { children: "Public Page Debugger" }),
+    /* @__PURE__ */ jsx25("div", { children: "Check console for context analysis" })
+  ] });
+}
+
+// src/components/PublicLayout/PublicPageDiagnostic.tsx
+import { useEffect as useEffect6, useState as useState11 } from "react";
+import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+function PublicPageDiagnostic({ enabled = true, label = "PublicPage" }) {
+  const [diagnostics, setDiagnostics] = useState11({
+    hasPublicPageContext: false,
+    hasAuthContext: false,
+    hasOrgContext: false,
+    hasEventContext: false,
+    hasEnvironmentVars: false,
+    routeParams: null
+  });
+  useEffect6(() => {
+    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_UnifiedAuthProvider(), __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 || process.env.VITE_SUPABASE_URL;
+      const supabaseKey = import.meta.env?.VITE_SUPABASE_ANON_KEY || process.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__ */ jsxs20("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__ */ jsx26("div", { style: { fontWeight: "bold", marginBottom: "8px" }, children: "\u{1F50D} Public Page Diagnostics" }),
+    /* @__PURE__ */ jsxs20("div", { children: [
+      "Public Context: ",
+      diagnostics.hasPublicPageContext ? "\u2705" : "\u274C"
+    ] }),
+    /* @__PURE__ */ jsxs20("div", { children: [
+      "Auth Context: ",
+      diagnostics.hasAuthContext ? "\u274C BAD" : "\u2705 GOOD"
+    ] }),
+    /* @__PURE__ */ jsxs20("div", { children: [
+      "Org Context: ",
+      diagnostics.hasOrgContext ? "\u274C BAD" : "\u2705 GOOD"
+    ] }),
+    /* @__PURE__ */ jsxs20("div", { children: [
+      "Event Context: ",
+      diagnostics.hasEventContext ? "\u274C BAD" : "\u2705 GOOD"
+    ] }),
+    /* @__PURE__ */ jsxs20("div", { children: [
+      "Env Vars: ",
+      diagnostics.hasEnvironmentVars ? "\u2705" : "\u274C"
+    ] }),
+    /* @__PURE__ */ jsxs20("div", { children: [
+      "Route Params: ",
+      diagnostics.routeParams ? "\u2705" : "\u274C"
+    ] }),
+    /* @__PURE__ */ jsx26("div", { style: { marginTop: "8px", fontSize: "10px", opacity: 0.8 }, children: "Check console for detailed analysis" })
+  ] });
+}
+
+// src/components/PublicLayout/PublicPageContextChecker.tsx
+import { useEffect as useEffect7 } from "react";
+import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+function PublicPageContextChecker({ enabled = true, label = "PublicPage" }) {
+  useEffect7(() => {
+    if (!enabled) return;
+    console.group(`\u{1F6A8} [${label}] PUBLIC PAGE CONTEXT CHECK`);
+    try {
+      const { isAuthenticated } = (init_UnifiedAuthProvider(), __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`);
+    } catch (error) {
+      console.log(`\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`);
+    } catch (error) {
+      console.log(`\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`);
+    } catch (error) {
+      console.log(`\u2705 [${label}] No event context detected (GOOD!)`);
+    }
+    try {
+      const { isPublicPage } = usePublicPageContext();
+      if (isPublicPage) {
+        console.log(`\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>`);
+      }
+    } catch (error) {
+      console.warn(`\u26A0\uFE0F [${label}] Not in PublicPageProvider context`);
+      console.warn(`\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();
+  }, [enabled, label]);
+  if (!enabled) return null;
+  return /* @__PURE__ */ jsxs21("div", { style: {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    background: "rgba(220, 38, 38, 0.95)",
+    color: "white",
+    padding: "12px",
+    fontSize: "12px",
+    zIndex: 9999,
+    fontFamily: "monospace",
+    maxWidth: "400px",
+    borderRadius: "0 0 8px 0",
+    border: "2px solid #dc2626"
+  }, children: [
+    /* @__PURE__ */ 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!" })
+  ] });
+}
+
+export {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardContent,
+  CardFooter,
+  CardActions,
+  Label,
+  Avatar,
+  AvatarImage,
+  AvatarFallback,
+  Progress,
+  ToastProvider,
+  ToastViewport,
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastTitle,
+  ToastDescription,
+  useToast,
+  Toaster,
+  Form,
+  LoginForm,
+  EventSelector,
+  PasswordChangeForm,
+  UserMenu,
+  NavigationMenu,
+  Header,
+  Footer,
+  PaceAppLayout,
+  PaceLoginPage,
+  ErrorBoundary,
+  OrganisationSelector,
+  PasswordResetForm,
+  FILE_SIZE_LIMITS,
+  DEFAULT_FILE_SIZE_LIMIT,
+  APP_PATH_MAPPING,
+  STORAGE_CONFIG,
+  getFileSizeLimit,
+  validateFileSize,
+  formatFileSize,
+  generateFilePath,
+  generateUniqueFileName,
+  extractFileMetadata,
+  uploadFile,
+  getPublicUrl,
+  getSignedUrl,
+  deleteFile,
+  listFiles,
+  archiveFile,
+  useStorage,
+  useFileUpload,
+  FileUpload,
+  EventLogo,
+  EventLogoCompact,
+  EventLogoLarge,
+  PublicPageHeader,
+  PublicPageFooter,
+  PublicLoadingSpinner,
+  PublicLoadingSpinnerFullPage,
+  PublicLoadingSkeleton,
+  PublicPageLayout,
+  usePublicPageContext2 as usePublicPageContext,
+  PublicPageDebugger,
+  PublicPageDiagnostic,
+  PublicPageContextChecker
+};
+//# sourceMappingURL=chunk-7JL3T7BO.js.map