@jmruthers/pace-core 0.2.6 → 0.4.1

package/dist/chunk-YWYCNGWH.js

@@ -0,0 +1,2070 @@
+import {
+  Button,
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogOverlay,
+  DialogTitle,
+  DialogTrigger,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+  Input,
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "./chunk-4MCJAK7J.js";
+import {
+  useEvents
+} from "./chunk-H4PZ4B3Y.js";
+import {
+  LoadingSpinner
+} from "./chunk-4ZTIEYU2.js";
+import {
+  cn
+} from "./chunk-U7DY5T33.js";
+import {
+  performanceBudgetMonitor
+} from "./chunk-74C6SNEC.js";
+import {
+  isPermitted
+} from "./chunk-XI7QFSSC.js";
+import {
+  useOrganisations,
+  useUnifiedAuth
+} from "./chunk-ZJ3UKPIW.js";
+
+// src/components/Card/Card.tsx
+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 shadow-main-800/20",
+    outline: "border-2",
+    ghost: "border-0 shadow-none"
+  };
+  const sizeClasses = {
+    default: "",
+    sm: "text-sm",
+    lg: "text-lg"
+  };
+  return `${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]}`;
+}
+var Card = React.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+  "article",
+  {
+    ref,
+    className: cn(
+      "grid grid-rows-[auto_1fr_auto]",
+      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", 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(
+  "div",
+  {
+    ref,
+    className: cn("p-6 pt-0", 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", 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
+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/Alert/Alert.tsx
+import * as React3 from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var AlertContext = React3.createContext({ variant: "default" });
+var getAlertClasses = (variant = "default") => {
+  const baseClasses = "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground";
+  const variantClasses = {
+    default: "bg-background text-foreground",
+    destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
+    inline: ""
+    // No classes for inline variant as it renders as fragment
+  };
+  return `${baseClasses} ${variantClasses[variant]}`;
+};
+var Alert = React3.forwardRef(({ className, variant = "default", ...props }, ref) => {
+  const contextValue = React3.useMemo(() => ({ variant }), [variant]);
+  if (variant === "inline") {
+    return /* @__PURE__ */ jsx3(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx3(React3.Fragment, { ...props }) });
+  }
+  return /* @__PURE__ */ jsx3(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx3(
+    "div",
+    {
+      ref,
+      className: cn(getAlertClasses(variant), className),
+      role: "alert",
+      ...props
+    }
+  ) });
+});
+Alert.displayName = "Alert";
+var AlertTitle = React3.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = React3.useContext(AlertContext);
+  if (variant === "inline") {
+    return /* @__PURE__ */ jsx3("strong", { ...props });
+  }
+  return /* @__PURE__ */ jsx3(
+    "h5",
+    {
+      ref,
+      className: cn("", className),
+      ...props
+    }
+  );
+});
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = React3.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = React3.useContext(AlertContext);
+  if (variant === "inline") {
+    return /* @__PURE__ */ jsx3("span", { ...props });
+  }
+  return /* @__PURE__ */ jsx3(
+    "p",
+    {
+      ref,
+      className: cn("", className),
+      ...props
+    }
+  );
+});
+AlertDescription.displayName = "AlertDescription";
+
+// src/components/Avatar/Avatar.tsx
+import * as React4 from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Avatar = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  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 = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("object-cover", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full text-app-sec-50 bg-app-sec-500",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+
+// src/components/Progress/Progress.tsx
+import * as React5 from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Progress = React5.forwardRef(({ className, value, max = 100, ...props }, ref) => /* @__PURE__ */ jsx5(
+  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__ */ jsx5(
+      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
+import * as React6 from "react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import { X } from "lucide-react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var ToastProvider = ToastPrimitives.Provider;
+var ToastViewport = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+  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 = React6.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx6(
+    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 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+  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 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+  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-app-acc-300 group-[.destructive]:hover:text-app-acc-50 group-[.destructive]:focus:ring-app-acc-400 group-[.destructive]:focus:ring-offset-app-acc-600",
+      className
+    ),
+    "toast-close": "",
+    ...props,
+    children: /* @__PURE__ */ jsx6(X, { className: "h-4 w-4" })
+  }
+));
+ToastClose.displayName = ToastPrimitives.Close.displayName;
+var ToastTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+  ToastPrimitives.Title,
+  {
+    ref,
+    "data-testid": "toast-title",
+    className: cn("text-sm font-semibold", className),
+    ...props
+  }
+));
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+var ToastDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+  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__ */ jsx6(ToastProvider, { "data-testid": "toast-provider", children: /* @__PURE__ */ jsx6(ToastViewport, {}) });
+}
+
+// src/components/Form/Form.tsx
+import { useForm, FormProvider } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { jsx as jsx7 } 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__ */ jsx7(FormProvider, { ...methods, children: /* @__PURE__ */ jsx7("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: typeof children === "function" ? children(methods) : children }) });
+}
+
+// src/components/LoginForm/LoginForm.tsx
+import React7, { useState, useCallback, useMemo as useMemo2 } from "react";
+import { jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
+var LoginForm = React7.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 = useMemo2(() => {
+    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 = useMemo2(() => title || (appName ? `Sign in to ${appName}` : "Sign In"), [title, appName]);
+  const displaySubtitle = useMemo2(() => subtitle || "Enter your credentials to continue.", [subtitle]);
+  return /* @__PURE__ */ jsx8(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__ */ jsx8(CardTitle, { className: "text-2xl text-center", children: displayTitle }),
+      /* @__PURE__ */ jsx8(CardDescription, { className: "text-center", children: displaySubtitle })
+    ] }),
+    /* @__PURE__ */ jsxs2(CardContent, { className: "space-y-4", children: [
+      error && /* @__PURE__ */ jsx8(Alert, { variant: "destructive", children: /* @__PURE__ */ jsx8(AlertDescription, { children: error }) }),
+      /* @__PURE__ */ jsx8(Label, { htmlFor: "email", children: "Email" }),
+      /* @__PURE__ */ jsx8(
+        Input,
+        {
+          id: "email",
+          type: "email",
+          placeholder: "Enter your email",
+          value: formData.email,
+          onChange: handleEmailChange,
+          required: true,
+          disabled: isLoading
+        }
+      ),
+      /* @__PURE__ */ jsx8(Label, { htmlFor: "password", children: "Password" }),
+      /* @__PURE__ */ jsx8(
+        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__ */ jsx8(
+        Button,
+        {
+          type: "submit",
+          className: "w-full",
+          disabled: isLoading || !isFormValid,
+          children: isLoading ? "Signing in..." : "Sign In"
+        }
+      ),
+      showSignUp && (onSignUp ? /* @__PURE__ */ jsx8("div", { className: "text-sm text-center text-muted-foreground", children: /* @__PURE__ */ jsx8(
+        "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__ */ jsx8("a", { href: "/signup", className: "text-primary hover:underline", children: "Sign up" })
+      ] }))
+    ] })
+  ] }) });
+});
+
+// src/components/EventSelector/EventSelector.tsx
+import { RefreshCw, AlertCircle, Lock, Calendar, Star } from "lucide-react";
+import { useEffect, useMemo as useMemo3 } from "react";
+import { jsx as jsx9, 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);
+    if (date.toDateString() === today.toDateString()) {
+      return "Today";
+    } else if (date.toDateString() === tomorrow.toDateString()) {
+      return "Tomorrow";
+    } else {
+      return date.toLocaleDateString();
+    }
+  };
+  const sortedEvents = useMemo3(() => {
+    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__ */ jsx9(LoadingSpinner, { size: "sm" }),
+      /* @__PURE__ */ jsx9("span", { className: "text-sm text-muted-foreground", children: "Loading events..." })
+    ] });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx9("div", { className, children: /* @__PURE__ */ jsxs3(Alert, { variant: "destructive", children: [
+      /* @__PURE__ */ jsx9(Lock, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxs3(AlertDescription, { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx9("span", { children: error.message }),
+        showRetryButton && /* @__PURE__ */ jsxs3(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: handleRetry,
+            className: "ml-2",
+            children: [
+              /* @__PURE__ */ jsx9(RefreshCw, { className: "h-3 w-3 mr-1" }),
+              "Retry"
+            ]
+          }
+        )
+      ] })
+    ] }) });
+  }
+  if (events.length === 0) {
+    if (showNoEventsMessage) {
+      return /* @__PURE__ */ jsx9("div", { className, children: /* @__PURE__ */ jsxs3(Alert, { variant: "inline", children: [
+        /* @__PURE__ */ jsx9(AlertCircle, { className: "h-4 w-4 text-app-acc-700" }),
+        /* @__PURE__ */ jsxs3(AlertDescription, { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx9("span", { children: "No events available." }),
+          showRetryButton && /* @__PURE__ */ jsxs3(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: handleRetry,
+              className: "ml-2",
+              children: [
+                /* @__PURE__ */ jsx9(RefreshCw, { className: "h-3 w-3 mr-1" }),
+                "Refresh"
+              ]
+            }
+          )
+        ] })
+      ] }) });
+    }
+    return null;
+  }
+  return /* @__PURE__ */ jsxs3(
+    Select,
+    {
+      value: selectedEvent ? selectedEvent.event_id || selectedEvent.id : "",
+      onValueChange: handleValueChange,
+      children: [
+        /* @__PURE__ */ jsx9(SelectTrigger, { className: `text-left ${className || ""}`, children: /* @__PURE__ */ jsx9(SelectValue, { placeholder, children: selectedEvent && /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx9(Calendar, { className: "h-4 w-4 flex-shrink-0" }),
+          /* @__PURE__ */ jsx9("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__ */ jsx9(SelectContent, { className: "w-96", children: sortedEvents.map((event) => {
+          const isNext = isNextEvent(event);
+          const isSelected = selectedEvent && (selectedEvent.event_id === event.event_id || selectedEvent.id === event.id);
+          return /* @__PURE__ */ jsx9(
+            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__ */ jsx9(Star, { className: "h-3 w-3 text-yellow-500" }),
+                /* @__PURE__ */ jsxs3("div", { className: "flex-1", children: [
+                  /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx9("span", { className: isSelected ? "font-semibold" : "", children: event.event_name || event.name }),
+                    isSelected && /* @__PURE__ */ jsx9("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__ */ jsx9(Calendar, { className: "h-3 w-3" }),
+                    /* @__PURE__ */ jsx9("span", { children: formatEventDate(event.event_date) }),
+                    isNext && /* @__PURE__ */ jsx9("span", { className: "text-yellow-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
+import { useState as useState2 } from "react";
+import { jsx as jsx10, 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__ */ jsx10("div", { role: "alert", children: error }),
+    /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx10(Label, { htmlFor: "new-password", children: "New Password" }),
+      /* @__PURE__ */ jsx10(
+        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__ */ jsx10(Label, { htmlFor: "confirm-password", children: "Confirm Password" }),
+      /* @__PURE__ */ jsx10(
+        Input,
+        {
+          id: "confirm-password",
+          type: "password",
+          value: confirmPassword,
+          onChange: (e) => setConfirmPassword(e.target.value),
+          required: true,
+          disabled: isSubmitting
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx10(
+      Button,
+      {
+        type: "submit",
+        className: "w-full",
+        disabled: isSubmitting || !newPassword || !confirmPassword,
+        children: isSubmitting ? "Changing..." : "Change Password"
+      }
+    )
+  ] });
+}
+
+// src/components/UserMenu/UserMenu.tsx
+import React9, { useCallback as useCallback2, useMemo as useMemo4, useState as useState3 } from "react";
+import { ChevronDown, LogOut, KeyRound } from "lucide-react";
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+var UserMenu = React9.memo(function UserMenu2({
+  user,
+  onSignOut,
+  onChangePassword,
+  className,
+  showAvatar = true
+}) {
+  const [isPasswordDialogOpen, setPasswordDialogOpen] = useState3(false);
+  const userInfo = useMemo4(() => {
+    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(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx11(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs5(Button, { variant: "ghost", className: "flex items-center gap-2", children: [
+        showAvatar && /* @__PURE__ */ jsxs5(Avatar, { className: "h-8 w-8", children: [
+          /* @__PURE__ */ jsx11(AvatarImage, { src: userInfo.avatarUrl, alt: userInfo.displayName }),
+          /* @__PURE__ */ jsx11(AvatarFallback, { children: userInfo.initial })
+        ] }),
+        /* @__PURE__ */ jsx11("span", { className: "hidden sm:inline-block", children: userInfo.displayName }),
+        /* @__PURE__ */ jsx11(ChevronDown, { className: "h-4 w-4" })
+      ] }) }),
+      /* @__PURE__ */ jsxs5(DropdownMenuContent, { align: "end", className: "w-56", children: [
+        /* @__PURE__ */ jsx11(DropdownMenuLabel, { className: "font-normal", children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col space-y-1", children: [
+          /* @__PURE__ */ jsx11("p", { className: "font-medium", children: userInfo.displayName }),
+          /* @__PURE__ */ jsx11("p", { className: "text-muted-foreground", children: userInfo.email })
+        ] }) }),
+        /* @__PURE__ */ jsx11(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsx11(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs5(DropdownMenuItem, { children: [
+          /* @__PURE__ */ jsx11(KeyRound, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx11("span", { children: "Change Password" })
+        ] }) }),
+        /* @__PURE__ */ jsxs5(DropdownMenuItem, { onClick: handleSignOut, children: [
+          /* @__PURE__ */ jsx11(LogOut, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx11("span", { children: "Sign out" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx11(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs5(DialogContent, { className, children: [
+      /* @__PURE__ */ jsx11(DialogHeader, { children: /* @__PURE__ */ jsx11(DialogTitle, { children: "Change Password" }) }),
+      /* @__PURE__ */ jsx11(
+        PasswordChangeForm,
+        {
+          onSubmit: async ({ newPassword, confirmPassword }) => {
+            if (onChangePassword) {
+              const { error } = await onChangePassword(newPassword, confirmPassword);
+              if (!error) {
+                setPasswordDialogOpen(false);
+              }
+              return { error };
+            }
+            return {};
+          }
+        }
+      )
+    ] })
+  ] });
+});
+var UserMenuLoading = React9.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__ */ jsx11("div", { className: "w-6 h-6 rounded-full bg-muted animate-pulse" }),
+          /* @__PURE__ */ jsx11("span", { className: "truncate max-w-[150px]", children: "Loading..." }),
+          /* @__PURE__ */ jsx11(ChevronDown, { className: "w-4 h-4 text-muted-foreground" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx11("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 React10 from "react";
+import { Menu, ChevronDown as ChevronDown2 } from "lucide-react";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+var NavigationMenu = React10.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 [isOpen, setIsOpen] = React10.useState(false);
+  const [expandedItems, setExpandedItems] = React10.useState(/* @__PURE__ */ new Set());
+  const menuRef = React10.useRef(null);
+  const buttonRef = React10.useRef(null);
+  const filteredItems = React10.useMemo(() => {
+    if (!filterByPermissions) return items;
+    return items.filter((item) => {
+      if (item.meta?.hidden) return false;
+      return true;
+    });
+  }, [items, filterByPermissions]);
+  React10.useEffect(() => {
+    if (mode !== "dropdown") return;
+    const handleClickOutside = (event) => {
+      if (menuRef.current && !menuRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    };
+    if (isOpen) {
+      document.addEventListener("mousedown", handleClickOutside);
+    }
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isOpen, mode]);
+  const handleDropdownKeyDown = (event) => {
+    if (event.key === "Escape") {
+      setIsOpen(false);
+      buttonRef.current?.focus();
+    } else if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      setIsOpen(!isOpen);
+    }
+  };
+  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 renderDropdownMenu = () => {
+    if (!isOpen) return null;
+    return /* @__PURE__ */ jsx12(
+      "div",
+      {
+        className: cn(
+          "absolute top-full left-0 mt-1 min-w-[200px] z-50",
+          "bg-popover border border-border rounded-md shadow-lg",
+          "animate-in fade-in-0 zoom-in-95 duration-200"
+        ),
+        role: "menu",
+        "aria-orientation": "vertical",
+        children: /* @__PURE__ */ jsx12("div", { className: "py-1", children: items.map((item) => {
+          const isActive = isActiveItem(item);
+          return /* @__PURE__ */ jsxs6(
+            "a",
+            {
+              href: item.href || "#",
+              onClick: (e) => handleItemClick(item),
+              className: cn(
+                "flex items-center gap-2 px-4 py-2 text-sm",
+                "hover:bg-accent hover:text-accent-foreground",
+                "focus:bg-accent focus:text-accent-foreground focus:outline-none",
+                "transition-colors duration-150",
+                isActive && "bg-accent text-accent-foreground font-medium"
+              ),
+              role: "menuitem",
+              tabIndex: 0,
+              children: [
+                item.icon && showIcons && /* @__PURE__ */ jsx12("div", { "data-testid": `${item.icon.toLowerCase()}-icon`, className: "h-4 w-4 flex-shrink-0" }),
+                /* @__PURE__ */ jsx12("span", { children: item.label }),
+                isActive && /* @__PURE__ */ jsx12("div", { className: "ml-auto w-2 h-2 bg-primary rounded-full" })
+              ]
+            },
+            item.id
+          );
+        }) })
+      }
+    );
+  };
+  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__ */ jsx12("li", { role: "none", children: hasChildren ? /* @__PURE__ */ jsxs6("div", { children: [
+      /* @__PURE__ */ jsxs6(
+        "button",
+        {
+          onClick: () => toggleExpanded(item.id),
+          onKeyDown: (e) => handleHierarchicalKeyDown(e, item),
+          className: cn(
+            "flex items-center justify-between w-full px-3 py-2 text-left rounded-md transition-colors",
+            "hover:bg-muted focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2",
+            itemIsActive && "bg-muted text-primary font-medium"
+          ),
+          "aria-expanded": isExpanded,
+          "aria-controls": `submenu-${item.id}`,
+          "aria-current": itemIsActive ? "page" : void 0,
+          children: [
+            /* @__PURE__ */ jsx12("span", { children: item.label }),
+            /* @__PURE__ */ jsx12(
+              ChevronDown2,
+              {
+                className: cn(
+                  "h-4 w-4 transition-transform",
+                  isExpanded && "rotate-180"
+                ),
+                "aria-hidden": "true"
+              }
+            )
+          ]
+        }
+      ),
+      isExpanded && item.children && /* @__PURE__ */ jsx12(
+        "ul",
+        {
+          id: `submenu-${item.id}`,
+          role: "menu",
+          className: "ml-4 mt-1 space-y-1",
+          "aria-label": `${item.label} submenu`,
+          children: item.children.map((child) => renderHierarchicalItem(child, level + 1))
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx12(
+      "a",
+      {
+        href: item.href || "#",
+        onClick: (e) => {
+          if (onNavigate && item.href) {
+            e.preventDefault();
+            onNavigate(item);
+          }
+        },
+        onKeyDown: (e) => handleHierarchicalKeyDown(e, item),
+        className: cn(
+          "block px-3 py-2 rounded-md transition-colors",
+          "hover:bg-muted focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2",
+          itemIsActive && "bg-muted text-primary font-medium"
+        ),
+        role: "menuitem",
+        "aria-current": itemIsActive ? "page" : void 0,
+        children: item.label
+      }
+    ) }, item.id);
+  };
+  if (mode === "dropdown") {
+    return /* @__PURE__ */ jsx12("div", { className: cn(className), children: /* @__PURE__ */ jsxs6(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx12(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs6(Button, { variant: "ghost", disabled, children: [
+        /* @__PURE__ */ jsx12(Menu, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx12("span", { children: buttonText }),
+        /* @__PURE__ */ jsx12(ChevronDown2, { className: "h-4 w-4" })
+      ] }) }),
+      /* @__PURE__ */ jsx12(DropdownMenuContent, { align: "start", className: "w-56 bg-popover text-popover-foreground", children: filteredItems.map((item) => {
+        const isActive = isActiveItem(item);
+        return /* @__PURE__ */ jsx12(
+          DropdownMenuItem,
+          {
+            onClick: () => handleItemClick(item),
+            disabled: !item.href,
+            className: cn(isActive && "bg-accent text-accent-foreground"),
+            children: item.label
+          },
+          item.id
+        );
+      }) })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx12(
+    "nav",
+    {
+      ref,
+      className: cn("w-full", className),
+      "aria-label": navigationLabel,
+      ...props,
+      children: /* @__PURE__ */ jsx12("ul", { role: "menubar", className: "space-y-1", children: filteredItems.map((item) => renderHierarchicalItem(item)) })
+    }
+  );
+});
+NavigationMenu.displayName = "NavigationMenu";
+
+// src/components/Header/Header.tsx
+import { jsx as jsx13, 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__ */ jsx13("header", { className: cn(
+    "flex items-center w-full border-b border-gray-200 bg-white h-16 shadow-sm",
+    "bg-main-100 backdrop-blur-sm border-border",
+    "supports-[backdrop-filter]:bg-main-100/90 supports-[backdrop-filter]:backdrop-blur-md",
+    className
+  ), role: "banner", children: /* @__PURE__ */ jsxs7("nav", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto flex items-center justify-between min-h-[4rem]", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-6", children: [
+      logo ? logo : logoUrl ? /* @__PURE__ */ jsx13(
+        "img",
+        {
+          src: logoUrl,
+          alt: logoAlt,
+          className: "h-8 w-auto max-w-[200px] object-contain"
+        }
+      ) : /* @__PURE__ */ jsx13(
+        "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,
+          className: "h-8 w-8"
+        }
+      ),
+      navItems.length > 0 && /* @__PURE__ */ jsx13(
+        NavigationMenu,
+        {
+          items: navItems,
+          currentPath,
+          onNavigate,
+          buttonText: "Menu"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-4", children: [
+      showEventSelector && /* @__PURE__ */ jsx13(
+        EventSelector,
+        {
+          placeholder: "Select event",
+          className: "hidden sm:block w-96",
+          "data-testid": "event-selector"
+        }
+      ),
+      actions,
+      showUserMenu && (userMenu ? userMenu : /* @__PURE__ */ jsx13(
+        UserMenu,
+        {
+          user: user || null,
+          onSignOut,
+          onChangePassword
+        }
+      ))
+    ] })
+  ] }) });
+}
+
+// src/components/Footer/Footer.tsx
+import React11 from "react";
+import { Fragment as Fragment3, jsx as jsx14, 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__ */ jsx14("footer", { className: cn("mt-8 py-6 flex justify-center border-t border-border bg-app-main-100", className), children: /* @__PURE__ */ jsxs8("section", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto text-center", children: [
+    logo && /* @__PURE__ */ jsx14("img", { src: logo, alt: "Logo", className: "h-8 w-auto" }),
+    children && /* @__PURE__ */ jsx14(Fragment3, { children }),
+    /* @__PURE__ */ jsx14("span", { className: "text-muted-foreground", children: copyrightText }),
+    links && links.length > 0 && /* @__PURE__ */ jsx14("ul", { className: "flex gap-4 mt-2 md:mt-0", children: links.map((link, index) => /* @__PURE__ */ jsx14("li", { children: /* @__PURE__ */ jsx14("a", { href: link.href, className: "text-muted-foreground hover:text-foreground", children: link.label }) }, index)) })
+  ] }) });
+};
+FooterComponent.displayName = "Footer";
+var Footer = React11.memo(FooterComponent);
+Footer.displayName = "Footer";
+
+// src/components/PaceAppLayout/PaceAppLayout.tsx
+import { useState as useState5, useEffect as useEffect3, useMemo as useMemo6 } from "react";
+import { Outlet, useNavigate, useLocation } from "react-router-dom";
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+function PaceAppLayout({
+  appName,
+  navItems,
+  showEventSelector,
+  headerActions,
+  customLogo,
+  customUserMenu,
+  headerClassName,
+  showUserMenu = true,
+  enforcePermissions = false,
+  defaultPermission = "read",
+  routePermissions = {},
+  permissionFallback,
+  filterNavigationByPermissions = false,
+  pageIdMapping = {},
+  // 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 = useMemo6(() => {
+    return 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
+        };
+        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]);
+  const [hasPermission, setHasPermission] = useState5(null);
+  const [isCheckingPermission, setIsCheckingPermission] = useState5(false);
+  const [permissionError, setPermissionError] = useState5(null);
+  const defaultNavItems = useMemo6(() => [
+    { 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 = useMemo6(() => navItems || defaultNavItems, [navItems]);
+  const currentRoutePermission = useMemo6(() => {
+    const currentPath = location.pathname;
+    return routePermissions[currentPath] || defaultPermission;
+  }, [location.pathname, routePermissions, defaultPermission]);
+  const currentPageId = useMemo6(() => {
+    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, checkPermission, auditLog, strictMode, user?.id, onStrictModeViolation, onPageAccessDenied]);
+  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, checkPermission]);
+  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, onRouteStrictModeViolation, onRouteAccessDenied, navigate, fallbackRoute, auditLog]);
+  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__ */ jsx15("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs9("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx15("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900 mx-auto mb-4" }),
+      /* @__PURE__ */ jsx15("p", { className: "text-gray-600", children: "Checking permissions..." })
+    ] }) });
+  }
+  if (enforcePermissions && permissionError) {
+    return /* @__PURE__ */ jsx15("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs9("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx15("h2", { className: "text-xl font-semibold text-red-600 mb-2", children: "Permission Error" }),
+      /* @__PURE__ */ jsx15("p", { className: "text-gray-600 mb-4", children: permissionError.message }),
+      /* @__PURE__ */ jsx15(Button, { onClick: () => navigate("/"), children: "Go Home" })
+    ] }) });
+  }
+  if (enforcePermissions && hasPermission === false) {
+    if (enforcePagePermissions && pagePermissionFallback) {
+      return /* @__PURE__ */ jsx15(Fragment4, { children: pagePermissionFallback });
+    }
+    if (permissionFallback) {
+      return /* @__PURE__ */ jsx15(Fragment4, { children: permissionFallback });
+    }
+    return /* @__PURE__ */ jsx15("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs9("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx15("h2", { className: "text-xl font-semibold text-red-600 mb-2", children: "Access Denied" }),
+      /* @__PURE__ */ jsx15("p", { className: "text-gray-600 mb-4", children: "You don't have permission to access this page." }),
+      /* @__PURE__ */ jsx15(Button, { onClick: () => navigate("/"), children: "Go Home" })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs9(Fragment4, { children: [
+    /* @__PURE__ */ jsx15(
+      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__ */ jsx15("main", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children: /* @__PURE__ */ jsx15(Outlet, {}) }),
+    /* @__PURE__ */ jsx15(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 jsx16, 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", children: [
+    /* @__PURE__ */ jsx16(
+      "img",
+      {
+        src: `/${appName.toLowerCase()}_logo_square.svg`,
+        alt: `${appName} logo`,
+        className: "h-48"
+      }
+    ),
+    /* @__PURE__ */ jsx16(
+      LoginForm,
+      {
+        className: "w-md",
+        onSignIn: handleSubmit,
+        appName,
+        isLoading: isSigningIn,
+        onError: (error) => {
+          console.error("Login error:", error);
+        }
+      }
+    ),
+    authError && /* @__PURE__ */ jsx16("em", { className: "mt-4 text-destructive text-center", children: authError.message })
+  ] });
+};
+
+// src/components/ErrorBoundary/ErrorBoundary.tsx
+import { Component } from "react";
+import { jsx as jsx17, 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__ */ jsx17(
+        "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__ */ jsx17("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx17("svg", { className: "w-5 h-5 text-destructive", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx17("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }) }),
+            /* @__PURE__ */ jsxs11("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsxs11("h3", { className: "text-destructive", children: [
+                "Error in ",
+                componentName
+              ] }),
+              /* @__PURE__ */ jsx17("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__ */ jsx17(
+                  "button",
+                  {
+                    onClick: () => window.location.reload(),
+                    className: "px-4 py-2 bg-app-sec-600 text-app-main-50 rounded-md hover:bg-app-sec-700 transition-colors text-sm font-medium",
+                    children: "Reload Page"
+                  }
+                )
+              ] }),
+              retryCount >= maxRetries && /* @__PURE__ */ jsxs11("div", { className: "mb-4 p-3 bg-app-acc-50 border border-app-acc-200 rounded-md", children: [
+                /* @__PURE__ */ jsx17("p", { className: "text-app-acc-800", children: "Maximum retry attempts reached. Please reload the page or contact support." }),
+                /* @__PURE__ */ jsx17(
+                  "button",
+                  {
+                    onClick: () => window.location.reload(),
+                    className: "mt-2 px-3 py-1 bg-app-acc-600 text-app-main-50 rounded text-sm hover:bg-app-acc-700",
+                    children: "Reload Page"
+                  }
+                )
+              ] }),
+              false
+            ] })
+          ] })
+        }
+      );
+    }
+    return this.props.children;
+  }
+};
+
+// src/components/OrganisationSelector/OrganisationSelector.tsx
+import { useState as useState7, useCallback as useCallback3 } from "react";
+import { RefreshCw as RefreshCw2, AlertCircle as AlertCircle2, Building2, Shield } from "lucide-react";
+import { jsx as jsx18, 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 = useCallback3(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 = useCallback3(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__ */ jsx18(LoadingSpinner, { size: "sm" }),
+      /* @__PURE__ */ jsx18("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__ */ jsx18(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__ */ jsx18(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__ */ jsx18(Building2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx18(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__ */ jsx18(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__ */ jsx18(AlertCircle2, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx18(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__ */ jsx18(SelectTrigger, { className: `${isLoading ? "opacity-50" : ""}`, children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
+            isLoading ? /* @__PURE__ */ jsx18(LoadingSpinner, { size: "sm" }) : /* @__PURE__ */ jsx18(Building2, { className: "h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsx18(SelectValue, { placeholder })
+          ] }) }),
+          /* @__PURE__ */ jsx18(SelectContent, { children: organisations.map((org) => {
+            const userRole = getUserRole(org.id);
+            const hasAccess = validateOrganisationAccess(org.id);
+            return /* @__PURE__ */ jsx18(
+              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__ */ jsx18(Building2, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ jsxs12("div", { className: "flex flex-col", children: [
+                      /* @__PURE__ */ jsx18("span", { className: "font-medium", children: org.display_name }),
+                      !compact && org.description && /* @__PURE__ */ jsx18("span", { className: "text-xs text-muted-foreground truncate max-w-40", children: org.description })
+                    ] })
+                  ] }),
+                  showRole && /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1 ml-4", children: [
+                    /* @__PURE__ */ jsx18(Shield, { className: "h-3 w-3 text-muted-foreground" }),
+                    /* @__PURE__ */ jsx18("span", { className: "text-xs text-muted-foreground capitalize", children: userRole.replace("_", " ") })
+                  ] })
+                ] })
+              },
+              org.id
+            );
+          }) })
+        ]
+      }
+    ),
+    switchErrorDisplay
+  ] });
+}
+
+// src/components/PasswordReset/PasswordResetForm.tsx
+import { useState as useState8 } from "react";
+import { jsx as jsx19, 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__ */ jsx19("div", { className: cn("", className), role: "form", children: /* @__PURE__ */ jsxs13("div", { className: "space-y-4 text-center", children: [
+      /* @__PURE__ */ jsx19("h2", { children: "Check your email" }),
+      /* @__PURE__ */ jsxs13("p", { className: "text-app-sec-600", children: [
+        "We have sent a password reset link to ",
+        email
+      ] }),
+      /* @__PURE__ */ jsx19(
+        Button,
+        {
+          variant: "outline",
+          onClick: handleSendAnother,
+          className: "w-full",
+          children: "Send another email"
+        }
+      )
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx19("div", { className: cn("", className), role: "form", children: /* @__PURE__ */ jsxs13("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx19("h2", { children: "Reset Password" }),
+      /* @__PURE__ */ jsx19("p", { className: "text-app-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__ */ jsx19(Label, { htmlFor: "email", children: "Email Address" }),
+        /* @__PURE__ */ jsx19(
+          Input,
+          {
+            id: "email",
+            type: "email",
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            placeholder: "Enter your email",
+            required: true,
+            disabled: isLoading
+          }
+        )
+      ] }),
+      error && /* @__PURE__ */ jsx19("div", { className: "text-sm text-destructive", role: "alert", children: error }),
+      /* @__PURE__ */ jsx19(
+        Button,
+        {
+          type: "submit",
+          className: "w-full",
+          disabled: !email.trim() || isLoading,
+          children: isLoading ? "Sending..." : "Send Reset Link"
+        }
+      )
+    ] })
+  ] }) });
+}
+
+export {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardContent,
+  CardFooter,
+  CardActions,
+  Label,
+  Alert,
+  AlertTitle,
+  AlertDescription,
+  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
+};
+//# sourceMappingURL=chunk-YWYCNGWH.js.map