@jmruthers/pace-core 0.6.5 → 0.6.7

package/dist/{chunk-6COVEUS7.js → chunk-JGWDVX64.js}

@@ -1,96 +1,33 @@
-import {
-  Alert,
-  AlertDescription,
-  AlertTitle,
-  Button,
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-  Dialog,
-  DialogBody,
-  DialogContent,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  Input,
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectLabel,
-  SelectSeparator,
-  SelectTrigger,
-  SelectValue
-} from "./chunk-IVOFDYWT.js";
-import {
-  useCan,
-  usePermissions,
-  useRBAC,
-  useResolvedScope
-} from "./chunk-HU2C6SSC.js";
-import {
-  createFileReferenceService,
-  generateFileUrlsBatch,
-  getPublicUrl,
-  getSignedUrl,
-  uploadFileWithReference,
-  useAddressAutocomplete,
-  useEventTheme,
-  useFileDisplay,
-  usePreventTabReload,
-  usePublicFileDisplay
-} from "./chunk-UPPMRMYG.js";
-import {
-  useToast
-} from "./chunk-JGRYX5UX.js";
-import {
-  ErrorBoundary,
-  PublicPageContext,
-  useAppConfig,
-  useEvents,
-  useIsPublicPage
-} from "./chunk-NTM7ZSB6.js";
-import {
-  EventServiceContext,
-  useOrganisations,
-  useSessionRestoration,
-  useUnifiedAuth
-} from "./chunk-IHB5DR3H.js";
-import {
-  isSuperAdmin
-} from "./chunk-EFN2EIMK.js";
-import {
-  EventContextRequiredError,
-  OrganisationContextRequiredError
-} from "./chunk-AFVQODI2.js";
-import {
-  assertAppId
-} from "./chunk-QXHPKYJV.js";
-import {
-  LoadingSpinner,
-  getAppId
-} from "./chunk-J36DSWQK.js";
-import {
-  cn
-} from "./chunk-M43Y4SSO.js";
-import {
-  getCurrentAppName
-} from "./chunk-M7MPQISP.js";
-import {
-  clearPalette
-} from "./chunk-L4OXEN46.js";
-import {
-  createLogger,
-  logger
-} from "./chunk-PWLANIRT.js";
+import { AccessDenied } from './chunk-6F3IILHI.js';
+import { Input, Dialog, DialogContent, DialogHeader, DialogBody, DialogFooter, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Alert, AlertDescription, Label, SelectLabel, SelectSeparator, DialogTitle, deriveFormKey, useSessionDraft, filterSensitiveFields, isSensitiveField, SelectGroup, AlertTitle, Progress } from './chunk-Q7Q7V5NV.js';
+import { Button, useRBAC, useResolvedScope, usePermissions, useEvents, useCan } from './chunk-BM4CQ5P3.js';
+import { useAddressAutocomplete, createFileReferenceService, uploadFileWithReference, usePublicFileDisplay, useFileDisplay, getPublicUrl, getSignedUrl, generateFileUrlsBatch, useEventTheme, usePreventTabReload } from './chunk-5X4QLXRG.js';
+import { clearPalette } from './chunk-ZKAWKYT4.js';
+import { useToast } from './chunk-S7DKJPLT.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, useIsPublicPage, PublicPageContext, useAppConfig, ErrorBoundary } from './chunk-VBCS3DUA.js';
+import { useUnifiedAuth, useOrganisations, UnifiedAuthContext, EventServiceContext, useSessionRestoration } from './chunk-FTCRZOG2.js';
+import { EventContextRequiredError, OrganisationContextRequiredError, isSuperAdmin } from './chunk-ZFYPMX46.js';
+import { assertAppId } from './chunk-4SXLQIZO.js';
+import { getAppId } from './chunk-FEJLJNWA.js';
+import { LoadingSpinner } from './chunk-A3W6LW53.js';
+import { getCurrentAppName } from './chunk-OJ4SKRSV.js';
+import { cn } from './chunk-7ILTDCL2.js';
+import { createLogger, logger } from './chunk-TTRFSOKR.js';
+import * as React6 from 'react';
+import React6__default, { useState, useRef, useMemo, useCallback, useEffect, useContext } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { FileText, ExternalLink, X, ChevronDown, KeyRound, LogOut, AlertCircle, RefreshCw, Calendar as Calendar$1, Building2, File, Check } from 'lucide-react';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { useDayPicker, DayPicker } from 'react-day-picker';
+import { enAU } from 'date-fns/locale';
+import { format } from 'date-fns';
+import * as ToastPrimitives from '@radix-ui/react-toast';
+import { useForm, useWatch, FormProvider, useFormContext, Controller } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useLocation, Link, useNavigate, Outlet, Navigate } from 'react-router-dom';
 
-// src/components/AddressField/AddressField.tsx
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var AddressField = React.forwardRef(
+var AddressField = React6.forwardRef(
   ({
     apiKey,
     value: controlledValue,
@@ -109,13 +46,13 @@ var AddressField = React.forwardRef(
     cacheTTL,
     ...props
   }, ref) => {
-    const [internalValue, setInternalValue] = React.useState(defaultValue);
-    const [isOpen, setIsOpen] = React.useState(false);
-    const [selectedIndex, setSelectedIndex] = React.useState(-1);
-    const [inputFocused, setInputFocused] = React.useState(false);
-    const inputRef = React.useRef(null);
-    const suggestionsRef = React.useRef(null);
-    const containerRef = React.useRef(null);
+    const [internalValue, setInternalValue] = React6.useState(defaultValue);
+    const [isOpen, setIsOpen] = React6.useState(false);
+    const [selectedIndex, setSelectedIndex] = React6.useState(-1);
+    const [inputFocused, setInputFocused] = React6.useState(false);
+    const inputRef = React6.useRef(null);
+    const suggestionsRef = React6.useRef(null);
+    const containerRef = React6.useRef(null);
     const value = controlledValue !== void 0 ? controlledValue : internalValue;
     const { suggestions, isLoading, error: autocompleteError, selectAddress, clearSuggestions } = useAddressAutocomplete(apiKey, value, {
       autocompleteOptions,
@@ -123,14 +60,14 @@ var AddressField = React.forwardRef(
       cacheEnabled,
       cacheTTL
     });
-    React.useEffect(() => {
+    React6.useEffect(() => {
       if (suggestions.length > 0 && inputFocused && value.trim()) {
         setIsOpen(true);
       } else if (suggestions.length === 0 || !value.trim()) {
         setIsOpen(false);
       }
     }, [suggestions, inputFocused, value]);
-    const handleInputChange = React.useCallback(
+    const handleInputChange = React6.useCallback(
       (e) => {
         const newValue = e.target.value;
         if (controlledValue === void 0) {
@@ -145,7 +82,7 @@ var AddressField = React.forwardRef(
       },
       [controlledValue, onInputChange, onChange, clearSuggestions]
     );
-    const handleSelectAddress = React.useCallback(
+    const handleSelectAddress = React6.useCallback(
       async (placeId) => {
         setIsOpen(false);
         setSelectedIndex(-1);
@@ -162,7 +99,7 @@ var AddressField = React.forwardRef(
       },
       [selectAddress, onChange, onInputChange, controlledValue]
     );
-    const handleKeyDown = React.useCallback(
+    const handleKeyDown = React6.useCallback(
       (e) => {
         if (!isOpen || suggestions.length === 0) {
           if (e.key === "Escape") {
@@ -200,13 +137,13 @@ var AddressField = React.forwardRef(
       },
       [isOpen, suggestions, selectedIndex, handleSelectAddress]
     );
-    const handleFocus = React.useCallback(() => {
+    const handleFocus = React6.useCallback(() => {
       setInputFocused(true);
       if (suggestions.length > 0 && value.trim()) {
         setIsOpen(true);
       }
     }, [suggestions, value]);
-    const handleBlur = React.useCallback(
+    const handleBlur = React6.useCallback(
       (e) => {
         setTimeout(() => {
           if (!containerRef.current?.contains(document.activeElement)) {
@@ -218,7 +155,7 @@ var AddressField = React.forwardRef(
       },
       []
     );
-    React.useEffect(() => {
+    React6.useEffect(() => {
       const handleClickOutside = (event) => {
         if (containerRef.current && !containerRef.current.contains(event.target)) {
           setIsOpen(false);
@@ -232,8 +169,8 @@ var AddressField = React.forwardRef(
         };
       }
     }, [isOpen]);
-    const suggestionsId = React.useId();
-    React.useEffect(() => {
+    const suggestionsId = React6.useId();
+    React6.useEffect(() => {
       if (selectedIndex >= 0) {
         const selectedItem = document.getElementById(
           `${suggestionsId}-item-${selectedIndex}`
@@ -243,7 +180,7 @@ var AddressField = React.forwardRef(
         }
       }
     }, [selectedIndex, suggestionsId]);
-    React.useImperativeHandle(ref, () => inputRef.current);
+    React6.useImperativeHandle(ref, () => inputRef.current);
     const hasError = error || !!autocompleteError;
     return /* @__PURE__ */ jsxs("form", { ref: containerRef, className: cn("relative w-full", className), children: [
       /* @__PURE__ */ jsx(
@@ -283,7 +220,7 @@ var AddressField = React.forwardRef(
             "list-none p-0 m-0"
           ),
           "data-testid": "address-suggestions",
-          children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsxs(React6.Fragment, { children: [
             /* @__PURE__ */ jsx(
               "dt",
               {
@@ -312,75 +249,8 @@ var AddressField = React.forwardRef(
   }
 );
 AddressField.displayName = "AddressField";
-
-// src/components/Label/Label.tsx
-import * as React2 from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } 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__ */ jsxs2(Fragment2, { children: [
-    /* @__PURE__ */ jsxs2(
-      LabelPrimitive.Root,
-      {
-        ref,
-        className: cn(
-          getLabelClasses(),
-          hasError && "text-destructive",
-          className
-        ),
-        htmlFor,
-        ...props,
-        children: [
-          children,
-          required && /* @__PURE__ */ jsx2(
-            "span",
-            {
-              "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/Textarea/Textarea.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
 function Textarea({ className, variant = "default", size = "md", error, ref, ...props }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx(
     "textarea",
     {
       className: cn(
@@ -405,21 +275,14 @@ function Textarea({ className, variant = "default", size = "md", error, ref, ...
   );
 }
 Textarea.displayName = "Textarea";
-
-// src/components/FileDisplay/FileDisplay.tsx
-import React3, { useState as useState3, useEffect as useEffect3, useCallback as useCallback3, useRef as useRef3, useContext, useMemo } from "react";
-import { FileText, ExternalLink } from "lucide-react";
-
-// src/hooks/useFileUrl.ts
-import { useState as useState2, useEffect as useEffect2, useCallback as useCallback2, useRef as useRef2 } from "react";
 var log = createLogger("useFileUrl");
 function useFileUrl(fileReference, options) {
   const { organisation_id, supabase, autoLoad = true } = options;
-  const [url, setUrl] = useState2(null);
-  const [isLoading, setIsLoading] = useState2(false);
-  const [error, setError] = useState2(null);
-  const fileReferenceIdRef = useRef2(null);
-  const loadUrl = useCallback2(async () => {
+  const [url, setUrl] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const fileReferenceIdRef = useRef(null);
+  const loadUrl = useCallback(async () => {
     if (!fileReference) {
       setUrl(null);
       setIsLoading(false);
@@ -461,13 +324,13 @@ function useFileUrl(fileReference, options) {
       setIsLoading(false);
     }
   }, [fileReference, supabase, organisation_id, isLoading, url]);
-  const clear = useCallback2(() => {
+  const clear = useCallback(() => {
     setUrl(null);
     setError(null);
     setIsLoading(false);
     fileReferenceIdRef.current = null;
   }, []);
-  useEffect2(() => {
+  useEffect(() => {
     if (autoLoad) {
       if (fileReferenceIdRef.current !== fileReference?.id) {
         setUrl(null);
@@ -486,9 +349,6 @@ function useFileUrl(fileReference, options) {
     clear
   };
 }
-
-// src/components/FileDisplay/FileDisplay.tsx
-import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var fallbackSizeClasses = {
   xs: "size-4 text-xs",
   sm: "size-6 text-sm",
@@ -509,7 +369,7 @@ function defaultGenerateFallbackText(fileName) {
   if (words.length === 0) return "FL";
   return words.map((word) => word.charAt(0).toUpperCase()).join("").substring(0, 3);
 }
-var FileDisplayContent = React3.memo(function FileDisplayContent2({
+var FileDisplayContent = React6__default.memo(function FileDisplayContent2({
   isLoading,
   error,
   fileUrl,
@@ -536,21 +396,21 @@ var FileDisplayContent = React3.memo(function FileDisplayContent2({
   enableChildren = false,
   showMetadata = true
 }) {
-  const [imageError, setImageError] = useState3(false);
-  const [internalFileUrls, setInternalFileUrls] = useState3(new Map(fileUrls));
-  const [deleteDialogOpen, setDeleteDialogOpen] = useState3(false);
-  const fileReferencesRef = useRef3([]);
-  const imgRef = useRef3(null);
-  const currentSrcRef = useRef3(null);
-  const isImageLoadingRef = useRef3(false);
+  const [imageError, setImageError] = useState(false);
+  const [internalFileUrls, setInternalFileUrls] = useState(new Map(fileUrls));
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
+  const fileReferencesRef = useRef([]);
+  const imgRef = useRef(null);
+  const currentSrcRef = useRef(null);
+  const isImageLoadingRef = useRef(false);
   const stableFileUrl = useMemo(() => fileUrl, [fileUrl]);
-  const handleImageLoadStart = useCallback3(() => {
+  const handleImageLoadStart = useCallback(() => {
     isImageLoadingRef.current = true;
     if (stableFileUrl) {
       currentSrcRef.current = stableFileUrl;
     }
   }, [stableFileUrl]);
-  const handleImageLoad = useCallback3(() => {
+  const handleImageLoad = useCallback(() => {
     isImageLoadingRef.current = false;
     if (stableFileUrl) {
       currentSrcRef.current = stableFileUrl;
@@ -564,7 +424,7 @@ var FileDisplayContent = React3.memo(function FileDisplayContent2({
   const fallbackClasses = useMemo(() => {
     return getFallbackClasses(fallbackSize);
   }, [fallbackSize]);
-  useEffect3(() => {
+  useEffect(() => {
     const currentIds = fileReferences.map((f) => f.id).join(",");
     const prevIds = fileReferencesRef.current.map((f) => f.id).join(",");
     if (currentIds !== prevIds) {
@@ -610,17 +470,17 @@ var FileDisplayContent = React3.memo(function FileDisplayContent2({
   };
   if (error) {
     if (ErrorComponent) {
-      return /* @__PURE__ */ jsx4(ErrorComponent, { error, retry: clearError });
+      return /* @__PURE__ */ jsx(ErrorComponent, { error, retry: clearError });
     }
     if (showFallback) {
-      return /* @__PURE__ */ jsx4("figure", { className, title: "File unavailable", children: /* @__PURE__ */ jsx4("p", { className: fallbackClasses, children: computedFallbackText }) });
+      return /* @__PURE__ */ jsx("figure", { className, title: "File unavailable", children: /* @__PURE__ */ jsx("p", { className: fallbackClasses, children: computedFallbackText }) });
     }
-    return /* @__PURE__ */ jsxs3("figure", { className, title: "Error", children: [
-      /* @__PURE__ */ jsxs3("p", { className: getFallbackClasses(fallbackSize || "md"), children: [
+    return /* @__PURE__ */ jsxs("figure", { className, title: "Error", children: [
+      /* @__PURE__ */ jsxs("p", { className: getFallbackClasses(fallbackSize || "md"), children: [
         "Error loading file: ",
         error instanceof Error ? error.message : String(error)
       ] }),
-      clearError && /* @__PURE__ */ jsx4(
+      clearError && /* @__PURE__ */ jsx(
         Button,
         {
           onClick: clearError,
@@ -633,38 +493,38 @@ var FileDisplayContent = React3.memo(function FileDisplayContent2({
   }
   if (fileCount === 0 && !isLoading) {
     if (showFallback) {
-      return /* @__PURE__ */ jsxs3("figure", { className, title: "No file", children: [
-        /* @__PURE__ */ jsx4("p", { className: fallbackClasses, children: computedFallbackText }),
+      return /* @__PURE__ */ jsxs("figure", { className, title: "No file", children: [
+        /* @__PURE__ */ jsx("p", { className: fallbackClasses, children: computedFallbackText }),
         children
       ] });
     }
-    return /* @__PURE__ */ jsxs3("figure", { className: `text-sec-500 text-center p-4 ${className}`, children: [
-      /* @__PURE__ */ jsx4("p", { children: "No files found" }),
+    return /* @__PURE__ */ jsxs("figure", { className: `text-sec-500 text-center p-4 ${className}`, children: [
+      /* @__PURE__ */ jsx("p", { children: "No files found" }),
       children
     ] });
   }
   if (isLoading && showFallback && fileCount === 0) {
-    return /* @__PURE__ */ jsxs3("figure", { className, title: "Loading...", children: [
-      /* @__PURE__ */ jsx4("p", { className: fallbackClasses, children: computedFallbackText }),
+    return /* @__PURE__ */ jsxs("figure", { className, title: "Loading...", children: [
+      /* @__PURE__ */ jsx("p", { className: fallbackClasses, children: computedFallbackText }),
       children
     ] });
   }
   if (isLoading) {
     if (LoadingComponent) {
-      return /* @__PURE__ */ jsx4(LoadingComponent, {});
+      return /* @__PURE__ */ jsx(LoadingComponent, {});
     }
-    return /* @__PURE__ */ jsx4("figure", { className, title: "Loading", children: /* @__PURE__ */ jsx4("p", { className: "flex items-center justify-center p-4", children: /* @__PURE__ */ jsx4(LoadingSpinner, {}) }) });
+    return /* @__PURE__ */ jsx("figure", { className, title: "Loading", children: /* @__PURE__ */ jsx("p", { className: "flex items-center justify-center p-4", children: /* @__PURE__ */ jsx(LoadingSpinner, {}) }) });
   }
   if ((category || displayOnly) && fileReference) {
     const isImage = fileReference.file_metadata.fileType?.startsWith("image/");
     if (displayOnly && isImage && !showDelete && !enableChildren) {
       if (imageError && showFallback) {
-        return /* @__PURE__ */ jsx4("figure", { className, title: fileReference.file_metadata.fileName || "File", children: /* @__PURE__ */ jsx4("p", { className: fallbackClasses, children: computedFallbackText }) });
+        return /* @__PURE__ */ jsx("figure", { className, title: fileReference.file_metadata.fileName || "File", children: /* @__PURE__ */ jsx("p", { className: fallbackClasses, children: computedFallbackText }) });
       }
       if (!stableFileUrl) {
-        return /* @__PURE__ */ jsx4("figure", { className: className || "max-w-full h-48", title: "Loading", children: /* @__PURE__ */ jsx4("p", { className: fallbackClasses, children: /* @__PURE__ */ jsx4(LoadingSpinner, {}) }) });
+        return /* @__PURE__ */ jsx("figure", { className: className || "max-w-full h-48", title: "Loading", children: /* @__PURE__ */ jsx("p", { className: fallbackClasses, children: /* @__PURE__ */ jsx(LoadingSpinner, {}) }) });
       }
-      return /* @__PURE__ */ jsx4("figure", { className: className || "", children: /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsx("figure", { className: className || "", children: /* @__PURE__ */ jsx(
         "img",
         {
           ref: imgRef,
@@ -682,8 +542,8 @@ var FileDisplayContent = React3.memo(function FileDisplayContent2({
     if (displayOnly && !isImage && stableFileUrl && fileReference && !showDelete) {
       const fileName = fileReference.file_metadata?.fileName || "Document";
       const ariaLabel = `Open ${fileName} in new tab`;
-      return /* @__PURE__ */ jsxs3("figure", { className, children: [
-        /* @__PURE__ */ jsxs3(
+      return /* @__PURE__ */ jsxs("figure", { className, children: [
+        /* @__PURE__ */ jsxs(
           "a",
           {
             href: stableFileUrl || void 0,
@@ -692,15 +552,15 @@ var FileDisplayContent = React3.memo(function FileDisplayContent2({
             "aria-label": ariaLabel,
             className: "flex items-center gap-2 p-3 bg-sec-50 border border-sec-200 rounded-lg hover:bg-sec-100 transition-colors text-main-600 hover:text-main-700 focus:outline-none focus:ring-2 focus:ring-main-500 focus:ring-offset-2",
             children: [
-              /* @__PURE__ */ jsx4(FileText, { className: "size-5 shrink-0", "aria-hidden": "true" }),
-              /* @__PURE__ */ jsx4("span", { className: "flex-1 font-medium truncate", children: fileName }),
-              /* @__PURE__ */ jsx4(ExternalLink, { className: "size-5 shrink-0", "aria-hidden": "true" })
+              /* @__PURE__ */ jsx(FileText, { className: "size-5 shrink-0", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx("span", { className: "flex-1 font-medium truncate", children: fileName }),
+              /* @__PURE__ */ jsx(ExternalLink, { className: "size-5 shrink-0", "aria-hidden": "true" })
             ]
           }
         ),
-        showMetadata && /* @__PURE__ */ jsxs3("figcaption", { children: [
-          /* @__PURE__ */ jsx4("p", { children: fileName }),
-          fileReference.file_metadata.fileSize && /* @__PURE__ */ jsxs3("p", { children: [
+        showMetadata && /* @__PURE__ */ jsxs("figcaption", { children: [
+          /* @__PURE__ */ jsx("p", { children: fileName }),
+          fileReference.file_metadata.fileSize && /* @__PURE__ */ jsxs("p", { children: [
             formatFileSize(fileReference.file_metadata.fileSize),
             " \u2022 ",
             fileReference.file_metadata.fileType
@@ -709,10 +569,10 @@ var FileDisplayContent = React3.memo(function FileDisplayContent2({
       ] });
     }
     if (displayOnly && showFallback && (!stableFileUrl || imageError || !isImage)) {
-      return /* @__PURE__ */ jsx4("figure", { className, title: fileReference.file_metadata.fileName || "File", children: /* @__PURE__ */ jsx4("p", { className: fallbackClasses, children: computedFallbackText }) });
+      return /* @__PURE__ */ jsx("figure", { className, title: fileReference.file_metadata.fileName || "File", children: /* @__PURE__ */ jsx("p", { className: fallbackClasses, children: computedFallbackText }) });
     }
-    return /* @__PURE__ */ jsx4("figure", { className: `relative ${className}`, children: isImage && stableFileUrl && !imageError ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
-      /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx("figure", { className: `relative ${className}`, children: isImage && stableFileUrl && !imageError ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
         "img",
         {
           src: stableFileUrl,
@@ -723,8 +583,8 @@ var FileDisplayContent = React3.memo(function FileDisplayContent2({
         },
         fileReference.id
       ),
-      showDelete && /* @__PURE__ */ jsxs3(Fragment3, { children: [
-        /* @__PURE__ */ jsx4(
+      showDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
           Button,
           {
             variant: "destructive",
@@ -736,19 +596,19 @@ var FileDisplayContent = React3.memo(function FileDisplayContent2({
             children: "\xD7"
           }
         ),
-        /* @__PURE__ */ jsx4(Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: /* @__PURE__ */ jsxs3(DialogContent, { size: "sm", title: "Confirm Delete", children: [
-          /* @__PURE__ */ jsx4(DialogHeader, { children: /* @__PURE__ */ jsx4("h2", { children: "Confirm Delete" }) }),
-          /* @__PURE__ */ jsx4(DialogBody, { children: /* @__PURE__ */ jsx4("p", { children: "Are you sure you want to delete this file? This action cannot be undone." }) }),
-          /* @__PURE__ */ jsxs3(DialogFooter, { children: [
-            /* @__PURE__ */ jsx4(Button, { variant: "outline", onClick: () => setDeleteDialogOpen(false), children: "Cancel" }),
-            /* @__PURE__ */ jsx4(Button, { variant: "destructive", onClick: handleDeleteConfirm, children: "Delete" })
+        /* @__PURE__ */ jsx(Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: /* @__PURE__ */ jsxs(DialogContent, { size: "sm", title: "Confirm Delete", children: [
+          /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx("h2", { children: "Confirm Delete" }) }),
+          /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsx("p", { children: "Are you sure you want to delete this file? This action cannot be undone." }) }),
+          /* @__PURE__ */ jsxs(DialogFooter, { children: [
+            /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setDeleteDialogOpen(false), children: "Cancel" }),
+            /* @__PURE__ */ jsx(Button, { variant: "destructive", onClick: handleDeleteConfirm, children: "Delete" })
           ] })
         ] }) })
       ] }),
       children,
-      showMetadata && /* @__PURE__ */ jsxs3("figcaption", { children: [
-        /* @__PURE__ */ jsx4("p", { children: fileReference.file_metadata.fileName || "Unknown file" }),
-        (fileReference.file_metadata.fileSize || fileReference.file_metadata.fileType) && /* @__PURE__ */ jsxs3("p", { children: [
+      showMetadata && /* @__PURE__ */ jsxs("figcaption", { children: [
+        /* @__PURE__ */ jsx("p", { children: fileReference.file_metadata.fileName || "Unknown file" }),
+        (fileReference.file_metadata.fileSize || fileReference.file_metadata.fileType) && /* @__PURE__ */ jsxs("p", { children: [
           fileReference.file_metadata.fileSize && formatFileSize(fileReference.file_metadata.fileSize),
           fileReference.file_metadata.fileSize && fileReference.file_metadata.fileType && " \u2022 ",
           fileReference.file_metadata.fileType
@@ -756,23 +616,23 @@ var FileDisplayContent = React3.memo(function FileDisplayContent2({
       ] })
     ] }) : isImage && imageError && showFallback ? (
       // Show fallback when image fails to load and fallback is enabled
-      /* @__PURE__ */ jsxs3(Fragment3, { children: [
-        /* @__PURE__ */ jsx4("p", { className: fallbackClasses, title: fileReference.file_metadata.fileName || "File", children: computedFallbackText }),
+      /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: fallbackClasses, title: fileReference.file_metadata.fileName || "File", children: computedFallbackText }),
         children,
-        showMetadata && /* @__PURE__ */ jsxs3("figcaption", { children: [
-          /* @__PURE__ */ jsx4("p", { children: fileReference.file_metadata.fileName || "Unknown file" }),
-          (fileReference.file_metadata.fileSize || fileReference.file_metadata.fileType) && /* @__PURE__ */ jsxs3("p", { children: [
+        showMetadata && /* @__PURE__ */ jsxs("figcaption", { children: [
+          /* @__PURE__ */ jsx("p", { children: fileReference.file_metadata.fileName || "Unknown file" }),
+          (fileReference.file_metadata.fileSize || fileReference.file_metadata.fileType) && /* @__PURE__ */ jsxs("p", { children: [
             fileReference.file_metadata.fileSize && formatFileSize(fileReference.file_metadata.fileSize),
             fileReference.file_metadata.fileSize && fileReference.file_metadata.fileType && " \u2022 ",
             fileReference.file_metadata.fileType
           ] })
         ] })
       ] })
-    ) : /* @__PURE__ */ jsxs3(Fragment3, { children: [
-      /* @__PURE__ */ jsxs3("p", { className: "flex items-center space-x-3 p-3 bg-sec-50 rounded-lg border border-sec-200", children: [
-        /* @__PURE__ */ jsx4("span", { className: "text-2xl", children: getFileIcon(fileReference.file_metadata.fileType || "") }),
-        showDelete && /* @__PURE__ */ jsxs3(Fragment3, { children: [
-          /* @__PURE__ */ jsx4(
+    ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("p", { className: "flex items-center space-x-3 p-3 bg-sec-50 rounded-lg border border-sec-200", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-2xl", children: getFileIcon(fileReference.file_metadata.fileType || "") }),
+        showDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
             Button,
             {
               variant: "destructive",
@@ -784,20 +644,20 @@ var FileDisplayContent = React3.memo(function FileDisplayContent2({
               children: "\xD7"
             }
           ),
-          /* @__PURE__ */ jsx4(Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: /* @__PURE__ */ jsxs3(DialogContent, { size: "sm", title: "Confirm Delete", children: [
-            /* @__PURE__ */ jsx4(DialogHeader, { children: /* @__PURE__ */ jsx4("h2", { children: "Confirm Delete" }) }),
-            /* @__PURE__ */ jsx4(DialogBody, { children: /* @__PURE__ */ jsx4("p", { children: "Are you sure you want to delete this file? This action cannot be undone." }) }),
-            /* @__PURE__ */ jsxs3(DialogFooter, { children: [
-              /* @__PURE__ */ jsx4(Button, { variant: "outline", onClick: () => setDeleteDialogOpen(false), children: "Cancel" }),
-              /* @__PURE__ */ jsx4(Button, { variant: "destructive", onClick: handleDeleteConfirm, children: "Delete" })
+          /* @__PURE__ */ jsx(Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: /* @__PURE__ */ jsxs(DialogContent, { size: "sm", title: "Confirm Delete", children: [
+            /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx("h2", { children: "Confirm Delete" }) }),
+            /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsx("p", { children: "Are you sure you want to delete this file? This action cannot be undone." }) }),
+            /* @__PURE__ */ jsxs(DialogFooter, { children: [
+              /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setDeleteDialogOpen(false), children: "Cancel" }),
+              /* @__PURE__ */ jsx(Button, { variant: "destructive", onClick: handleDeleteConfirm, children: "Delete" })
             ] })
           ] }) })
         ] })
       ] }),
       children,
-      showMetadata && /* @__PURE__ */ jsxs3("figcaption", { children: [
-        /* @__PURE__ */ jsx4("p", { children: fileReference.file_metadata.fileName || "Unknown file" }),
-        (fileReference.file_metadata.fileSize || fileReference.file_metadata.fileType) && /* @__PURE__ */ jsxs3("p", { children: [
+      showMetadata && /* @__PURE__ */ jsxs("figcaption", { children: [
+        /* @__PURE__ */ jsx("p", { children: fileReference.file_metadata.fileName || "Unknown file" }),
+        (fileReference.file_metadata.fileSize || fileReference.file_metadata.fileType) && /* @__PURE__ */ jsxs("p", { children: [
           fileReference.file_metadata.fileSize && formatFileSize(fileReference.file_metadata.fileSize),
           fileReference.file_metadata.fileSize && fileReference.file_metadata.fileType && " \u2022 ",
           fileReference.file_metadata.fileType
@@ -805,13 +665,13 @@ var FileDisplayContent = React3.memo(function FileDisplayContent2({
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ jsxs3("figure", { className: `space-y-2 ${className}`, children: [
+  return /* @__PURE__ */ jsxs("figure", { className: `space-y-2 ${className}`, children: [
     fileReferences.map((fileRef) => {
       const isImage = fileRef.file_metadata.fileType?.startsWith("image/");
       const fileUrl2 = internalFileUrls.get(fileRef.id) || null;
       const canDownload = !isImage && fileUrl2;
-      return /* @__PURE__ */ jsxs3("figure", { className: "flex items-center space-x-3 p-3 bg-sec-50 rounded-lg border border-sec-200", children: [
-        isImage && fileUrl2 ? /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsxs("figure", { className: "flex items-center space-x-3 p-3 bg-sec-50 rounded-lg border border-sec-200", children: [
+        isImage && fileUrl2 ? /* @__PURE__ */ jsx(
           "img",
           {
             src: fileUrl2 || void 0,
@@ -821,10 +681,10 @@ var FileDisplayContent = React3.memo(function FileDisplayContent2({
             loading: "lazy"
           },
           fileRef.id
-        ) : /* @__PURE__ */ jsx4("span", { className: "text-2xl", children: getFileIcon(fileRef.file_metadata.fileType || "") }),
-        showMetadata && /* @__PURE__ */ jsxs3("figcaption", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx4("p", { className: "font-medium text-sec-900 truncate", children: fileRef.file_metadata.fileName || "Unknown file" }),
-          (fileRef.file_metadata.fileSize || fileRef.file_metadata.fileType || fileRef.file_metadata.category) && /* @__PURE__ */ jsxs3("p", { className: "text-sm text-sec-500", children: [
+        ) : /* @__PURE__ */ jsx("span", { className: "text-2xl", children: getFileIcon(fileRef.file_metadata.fileType || "") }),
+        showMetadata && /* @__PURE__ */ jsxs("figcaption", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx("p", { className: "font-medium text-sec-900 truncate", children: fileRef.file_metadata.fileName || "Unknown file" }),
+          (fileRef.file_metadata.fileSize || fileRef.file_metadata.fileType || fileRef.file_metadata.category) && /* @__PURE__ */ jsxs("p", { className: "text-sm text-sec-500", children: [
             fileRef.file_metadata.fileSize && formatFileSize(fileRef.file_metadata.fileSize),
             fileRef.file_metadata.fileSize && fileRef.file_metadata.fileType && " \u2022 ",
             fileRef.file_metadata.fileType,
@@ -832,8 +692,8 @@ var FileDisplayContent = React3.memo(function FileDisplayContent2({
             fileRef.file_metadata.category
           ] })
         ] }),
-        /* @__PURE__ */ jsxs3("p", { className: "flex items-center space-x-2", children: [
-          canDownload && /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsxs("p", { className: "flex items-center space-x-2", children: [
+          canDownload && /* @__PURE__ */ jsx(
             "a",
             {
               href: fileRef.file_path,
@@ -843,7 +703,7 @@ var FileDisplayContent = React3.memo(function FileDisplayContent2({
               children: "\u2193"
             }
           ),
-          showDelete && onDelete && /* @__PURE__ */ jsx4(
+          showDelete && onDelete && /* @__PURE__ */ jsx(
             Button,
             {
               variant: "destructive",
@@ -882,9 +742,26 @@ function FileDisplayPublic({
 }) {
   const publicPageContext = useContext(PublicPageContext);
   const supabase = publicPageContext?.supabase ?? null;
+  const {
+    fileUrl,
+    fileReference,
+    fileReferences,
+    fileUrls,
+    fileCount,
+    isLoading,
+    error,
+    refetch
+  } = usePublicFileDisplay(
+    table_name,
+    record_id,
+    organisation_id,
+    category,
+    { supabase }
+    // Type assertion needed due to type mismatch between contexts
+  );
   if (!supabase) {
     if (showFallback) {
-      return /* @__PURE__ */ jsx4(
+      return /* @__PURE__ */ jsx(
         FileDisplayContent,
         {
           isLoading: false,
@@ -914,24 +791,8 @@ function FileDisplayPublic({
         }
       );
     }
-    return /* @__PURE__ */ jsx4("figure", { className, title: "Error", children: /* @__PURE__ */ jsx4("p", { className: getFallbackClasses(fallbackSize || "md"), children: "Supabase client not available in public context" }) });
+    return /* @__PURE__ */ jsx("figure", { className, title: "Error", children: /* @__PURE__ */ jsx("p", { className: getFallbackClasses(fallbackSize || "md"), children: "Supabase client not available in public context" }) });
   }
-  const {
-    fileUrl,
-    fileReference,
-    fileReferences,
-    fileUrls,
-    fileCount,
-    isLoading,
-    error,
-    refetch
-  } = usePublicFileDisplay(
-    table_name,
-    record_id,
-    organisation_id,
-    category,
-    { supabase }
-  );
   if (error) {
     logger.error("FileDisplayPublic", "Error fetching file", {
       table_name,
@@ -958,7 +819,7 @@ function FileDisplayPublic({
     finalFileCount = 1;
     finalFileUrl = fileUrls.get(targetFile.id) || null;
   }
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx(
     FileDisplayContent,
     {
       isLoading,
@@ -1009,7 +870,7 @@ function FileDisplayAuthenticated({
   showMetadata
 }) {
   const { supabase } = useUnifiedAuth();
-  const [displayOnlyFileReference, setDisplayOnlyFileReference] = useState3(null);
+  const [displayOnlyFileReference, setDisplayOnlyFileReference] = useState(null);
   const {
     fileUrl,
     fileReference,
@@ -1036,7 +897,7 @@ function FileDisplayAuthenticated({
     }
   );
   const displayOnlyFileUrl = displayOnlyFileUrlFromMap || displayOnlyFileUrlHook.url;
-  useEffect3(() => {
+  useEffect(() => {
     if (displayOnly && !category && fileReferences.length > 0) {
       const imageFiles = fileReferences.filter(
         (f) => f.file_metadata.fileType?.startsWith("image/")
@@ -1048,7 +909,7 @@ function FileDisplayAuthenticated({
     }
   }, [displayOnly, category, fileReferences, fileUrls]);
   if (!supabase) {
-    return /* @__PURE__ */ jsx4("figure", { className, title: "Error", children: /* @__PURE__ */ jsx4("p", { className: getFallbackClasses(fallbackSize || "md"), children: "Supabase client not available in authenticated context" }) });
+    return /* @__PURE__ */ jsx("figure", { className, title: "Error", children: /* @__PURE__ */ jsx("p", { className: getFallbackClasses(fallbackSize || "md"), children: "Supabase client not available in authenticated context" }) });
   }
   const handleDelete = async () => {
   };
@@ -1068,7 +929,7 @@ function FileDisplayAuthenticated({
       finalError = error || displayOnlyFileUrlHook.error;
     }
   }
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx(
     FileDisplayContent,
     {
       isLoading: finalIsLoading,
@@ -1121,7 +982,7 @@ function FileDisplay({
 }) {
   const isPublicPage = useIsPublicPage();
   if (isPublicPage) {
-    return /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx(
       FileDisplayPublic,
       {
         table_name,
@@ -1145,7 +1006,7 @@ function FileDisplay({
       }
     );
   }
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx(
     FileDisplayAuthenticated,
     {
       table_name,
@@ -1169,10 +1030,7 @@ function FileDisplay({
     }
   );
 }
-
-// src/hooks/useFileReference.ts
-import { useState as useState4, useCallback as useCallback4, useEffect as useEffect4, useRef as useRef4, useMemo as useMemo2 } from "react";
-var log2 = createLogger("useFileReference");
+createLogger("useFileReference");
 var urlRefreshManager = {
   subscriptions: /* @__PURE__ */ new Map(),
   subscribe(key, callback) {
@@ -1204,10 +1062,10 @@ var urlRefreshManager = {
   }
 };
 function useFileReference(supabase) {
-  const [isLoading, setIsLoading] = useState4(false);
-  const [error, setError] = useState4(null);
-  const service = useMemo2(() => createFileReferenceService(supabase), [supabase]);
-  const uploadFile = useCallback4(async (options, file) => {
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const service = useMemo(() => createFileReferenceService(supabase), [supabase]);
+  const uploadFile = useCallback(async (options, file) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -1221,7 +1079,7 @@ function useFileReference(supabase) {
       setIsLoading(false);
     }
   }, [supabase]);
-  const getFileReference = useCallback4(async (table_name, record_id, organisation_id) => {
+  const getFileReference = useCallback(async (table_name, record_id, organisation_id) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -1234,7 +1092,7 @@ function useFileReference(supabase) {
       setIsLoading(false);
     }
   }, [service]);
-  const getFileUrl = useCallback4(async (table_name, record_id, organisation_id) => {
+  const getFileUrl = useCallback(async (table_name, record_id, organisation_id) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -1247,7 +1105,7 @@ function useFileReference(supabase) {
       setIsLoading(false);
     }
   }, [service]);
-  const getSignedUrl3 = useCallback4(async (table_name, record_id, organisation_id, expires_in) => {
+  const getSignedUrl3 = useCallback(async (table_name, record_id, organisation_id, expires_in) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -1260,7 +1118,7 @@ function useFileReference(supabase) {
       setIsLoading(false);
     }
   }, [service]);
-  const updateFileReference = useCallback4(async (id, updates) => {
+  const updateFileReference = useCallback(async (id, updates) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -1273,7 +1131,7 @@ function useFileReference(supabase) {
       setIsLoading(false);
     }
   }, [service]);
-  const deleteFileReference = useCallback4(async (table_name, record_id, organisation_id, delete_file) => {
+  const deleteFileReference = useCallback(async (table_name, record_id, organisation_id, delete_file) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -1286,7 +1144,7 @@ function useFileReference(supabase) {
       setIsLoading(false);
     }
   }, [service]);
-  const listFileReferences = useCallback4(async (table_name, record_id, organisation_id) => {
+  const listFileReferences = useCallback(async (table_name, record_id, organisation_id) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -1299,7 +1157,7 @@ function useFileReference(supabase) {
       setIsLoading(false);
     }
   }, [service]);
-  const getFileCount = useCallback4(async (table_name, record_id, organisation_id) => {
+  const getFileCount = useCallback(async (table_name, record_id, organisation_id) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -1312,7 +1170,7 @@ function useFileReference(supabase) {
       setIsLoading(false);
     }
   }, [service]);
-  const getFileReferenceById = useCallback4(async (id, organisation_id) => {
+  const getFileReferenceById = useCallback(async (id, organisation_id) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -1325,7 +1183,7 @@ function useFileReference(supabase) {
       setIsLoading(false);
     }
   }, [service]);
-  const getFilesByCategory = useCallback4(async (table_name, record_id, category, organisation_id) => {
+  const getFilesByCategory = useCallback(async (table_name, record_id, category, organisation_id) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -1338,7 +1196,7 @@ function useFileReference(supabase) {
       setIsLoading(false);
     }
   }, [service]);
-  const clearError = useCallback4(() => {
+  const clearError = useCallback(() => {
     setError(null);
   }, []);
   return {
@@ -1369,32 +1227,32 @@ function useFileReferenceForRecord(supabase, table_name, record_id, organisation
     getFileCount,
     clearError
   } = useFileReference(supabase);
-  const [fileUrl, setFileUrl] = useState4(null);
-  const [fileReference, setFileReference] = useState4(null);
-  const [fileReferences, setFileReferences] = useState4([]);
-  const [fileCount, setFileCount] = useState4(0);
-  const refreshSubscriptionRef = useRef4(null);
-  const loadFileReference = useCallback4(async () => {
+  const [fileUrl, setFileUrl] = useState(null);
+  const [fileReference, setFileReference] = useState(null);
+  const [fileReferences, setFileReferences] = useState([]);
+  const [fileCount, setFileCount] = useState(0);
+  const refreshSubscriptionRef = useRef(null);
+  const loadFileReference = useCallback(async () => {
     const reference = await getFileReference(table_name, record_id, organisation_id);
     setFileReference(reference);
     return reference;
   }, [getFileReference, table_name, record_id, organisation_id]);
-  const loadFileUrl = useCallback4(async () => {
+  const loadFileUrl = useCallback(async () => {
     const url = await getFileUrl(table_name, record_id, organisation_id);
     setFileUrl(url);
     return url;
   }, [getFileUrl, table_name, record_id, organisation_id]);
-  const loadFileReferences = useCallback4(async () => {
+  const loadFileReferences = useCallback(async () => {
     const references = await listFileReferences(table_name, record_id, organisation_id);
     setFileReferences(references);
     return references;
   }, [listFileReferences, table_name, record_id, organisation_id]);
-  const loadFileCount = useCallback4(async () => {
+  const loadFileCount = useCallback(async () => {
     const count = await getFileCount(table_name, record_id, organisation_id);
     setFileCount(count);
     return count;
   }, [getFileCount, table_name, record_id, organisation_id]);
-  const deleteFile = useCallback4(async (delete_file) => {
+  const deleteFile = useCallback(async (delete_file) => {
     const success = await deleteFileReference(table_name, record_id, organisation_id, delete_file);
     if (success) {
       setFileReference(null);
@@ -1403,7 +1261,7 @@ function useFileReferenceForRecord(supabase, table_name, record_id, organisation
     }
     return success;
   }, [deleteFileReference, table_name, record_id, organisation_id, loadFileCount]);
-  useEffect4(() => {
+  useEffect(() => {
     if (refreshSubscriptionRef.current) {
       refreshSubscriptionRef.current();
       refreshSubscriptionRef.current = null;
@@ -1445,9 +1303,9 @@ function useFileReferenceById(supabase, fileReferenceId, organisationId) {
     getFileReferenceById,
     clearError
   } = useFileReference(supabase);
-  const [fileReference, setFileReference] = useState4(null);
-  const [fileUrl, setFileUrl] = useState4(null);
-  const loadFileReference = useCallback4(async () => {
+  const [fileReference, setFileReference] = useState(null);
+  const [fileUrl, setFileUrl] = useState(null);
+  const loadFileReference = useCallback(async () => {
     if (!fileReferenceId || !organisationId) {
       setFileReference(null);
       setFileUrl(null);
@@ -1457,10 +1315,10 @@ function useFileReferenceById(supabase, fileReferenceId, organisationId) {
     setFileReference(reference);
     return reference;
   }, [getFileReferenceById, fileReferenceId, organisationId]);
-  useEffect4(() => {
+  useEffect(() => {
     loadFileReference();
   }, [loadFileReference]);
-  useEffect4(() => {
+  useEffect(() => {
     if (!fileReference || !fileReferenceId || !organisationId) {
       setFileUrl(null);
       return;
@@ -1496,9 +1354,9 @@ function useFilesByCategory(supabase, table_name, record_id, category, organisat
     getFilesByCategory,
     clearError
   } = useFileReference(supabase);
-  const [fileReferences, setFileReferences] = useState4([]);
-  const [fileUrls, setFileUrls] = useState4(/* @__PURE__ */ new Map());
-  const loadFiles = useCallback4(async () => {
+  const [fileReferences, setFileReferences] = useState([]);
+  const [fileUrls, setFileUrls] = useState(/* @__PURE__ */ new Map());
+  const loadFiles = useCallback(async () => {
     if (!category || !organisation_id) {
       setFileReferences([]);
       setFileUrls(/* @__PURE__ */ new Map());
@@ -1514,7 +1372,7 @@ function useFilesByCategory(supabase, table_name, record_id, category, organisat
     setFileUrls(urlMap);
     return files;
   }, [table_name, record_id, category, organisation_id, supabase, getFilesByCategory]);
-  useEffect4(() => {
+  useEffect(() => {
     loadFiles();
   }, [loadFiles]);
   return {
@@ -1526,10 +1384,6 @@ function useFilesByCategory(supabase, table_name, record_id, category, organisat
     clearError
   };
 }
-
-// src/components/Avatar/Avatar.tsx
-import * as React4 from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
 var sizeClasses = {
   xs: "size-4 text-xs",
   sm: "size-6 text-sm",
@@ -1538,7 +1392,7 @@ var sizeClasses = {
   xl: "size-16 text-xl",
   "2xl": "size-20 text-2xl"
 };
-var Avatar = React4.forwardRef(
+var Avatar = React6.forwardRef(
   ({
     table_name,
     record_id,
@@ -1552,7 +1406,7 @@ var Avatar = React4.forwardRef(
     size = "md",
     ...props
   }, ref) => {
-    const [imageError, setImageError] = React4.useState(false);
+    const [imageError, setImageError] = React6.useState(false);
     const { supabase } = useUnifiedAuth();
     const canFetchFileId = Boolean(fileId && organisation_id && supabase);
     const { fileReference, fileUrl: fileIdUrl, isLoading: fileIdLoading } = useFileReferenceById(
@@ -1569,23 +1423,23 @@ var Avatar = React4.forwardRef(
     const fallbackClasses = "size-full grid place-items-center text-center text-sec-50 bg-sec-500";
     const imageClasses = "object-cover size-full";
     const containerClasses = cn(baseClasses, className);
-    const handleImageError = React4.useCallback(() => {
+    const handleImageError = React6.useCallback(() => {
       setImageError(true);
     }, []);
-    React4.useEffect(() => {
+    React6.useEffect(() => {
       if (src) {
         setImageError(false);
       }
     }, [src]);
-    return /* @__PURE__ */ jsx5(
+    return /* @__PURE__ */ jsx(
       "figure",
       {
         ref,
         className: containerClasses,
         ...props,
-        children: showFallback ? /* @__PURE__ */ jsx5("figcaption", { className: fallbackClasses, "aria-label": alt || fallback, children: fallback }) : hasFileProps ? (
+        children: showFallback ? /* @__PURE__ */ jsx("figcaption", { className: fallbackClasses, "aria-label": alt || fallback, children: fallback }) : hasFileProps ? (
           // File reference props approach - use FileDisplay
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx(
             FileDisplay,
             {
               table_name,
@@ -1600,7 +1454,7 @@ var Avatar = React4.forwardRef(
           )
         ) : hasFileId && fileIdUrl ? (
           // File ID approach - use img tag with fetched URL
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx(
             "img",
             {
               src: fileIdUrl,
@@ -1611,7 +1465,7 @@ var Avatar = React4.forwardRef(
           )
         ) : hasDirectUrl ? (
           // Direct URL approach - use img tag
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx(
             "img",
             {
               src,
@@ -1622,16 +1476,13 @@ var Avatar = React4.forwardRef(
           )
         ) : (
           // Fallback if nothing else works
-          /* @__PURE__ */ jsx5("figcaption", { className: fallbackClasses, "aria-label": alt || fallback, children: fallback })
+          /* @__PURE__ */ jsx("figcaption", { className: fallbackClasses, "aria-label": alt || fallback, children: fallback })
         )
       }
     );
   }
 );
 Avatar.displayName = "Avatar";
-
-// src/components/Badge/Badge.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
 var shadeConfig = {
   muted: {
     bg: 200,
@@ -1705,7 +1556,7 @@ function Badge({ className, variant = "solid-main-normal", ref, ...props }) {
     const classesWithoutShadows = variantClasses.replace(/\bshadow-badge-soft\b/g, "").replace(/\bshadow-\w+-\d+\b/g, "").replace(/\s+/g, " ").trim();
     const mergedClasses = cn(classesWithoutShadows, className);
     const finalClasses = `${mergedClasses} shadow-badge-soft ${shadowColorClass}`.trim();
-    return /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsx(
       "span",
       {
         ref,
@@ -1714,7 +1565,7 @@ function Badge({ className, variant = "solid-main-normal", ref, ...props }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx(
     "span",
     {
       ref,
@@ -1724,12 +1575,7 @@ function Badge({ className, variant = "solid-main-normal", ref, ...props }) {
   );
 }
 Badge.displayName = "Badge";
-
-// src/components/Switch/Switch.tsx
-import * as React5 from "react";
-import * as SwitchPrimitive from "@radix-ui/react-switch";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var Switch = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
+var Switch = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SwitchPrimitive.Root,
   {
     className: cn(
@@ -1751,7 +1597,7 @@ var Switch = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ jsx7(
+    children: /* @__PURE__ */ jsx(
       SwitchPrimitive.Thumb,
       {
         className: cn(
@@ -1770,14 +1616,9 @@ var Switch = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Switch.displayName = SwitchPrimitive.Root.displayName;
-
-// src/components/Tabs/Tabs.tsx
-import * as React6 from "react";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var Tabs = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx8(TabsPrimitive.Root, { asChild: true, ...props, children: /* @__PURE__ */ jsx8("section", { ref, className, children }) }));
+var Tabs = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.Root, { asChild: true, ...props, children: /* @__PURE__ */ jsx("section", { ref, className, children }) }));
 Tabs.displayName = TabsPrimitive.Root.displayName || "Tabs";
-var TabsList = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx8(TabsPrimitive.List, { asChild: true, ...props, children: /* @__PURE__ */ jsx8(
+var TabsList = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.List, { asChild: true, ...props, children: /* @__PURE__ */ jsx(
   "nav",
   {
     ref,
@@ -1790,7 +1631,7 @@ var TabsList = React6.forwardRef(({ className, children, ...props }, ref) => /*
 ) }));
 TabsList.displayName = TabsPrimitive.List.displayName || "TabsList";
 var TabsTrigger = React6.forwardRef(({ className, variant, size, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx8(TabsPrimitive.Trigger, { asChild: true, ...props, children: /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx(TabsPrimitive.Trigger, { asChild: true, ...props, children: /* @__PURE__ */ jsx(
     Button,
     {
       ref,
@@ -1808,7 +1649,7 @@ var TabsTrigger = React6.forwardRef(({ className, variant, size, children, ...pr
   ) });
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName || "TabsTrigger";
-var TabsContent = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx8(TabsPrimitive.Content, { asChild: true, ...props, children: /* @__PURE__ */ jsx8(
+var TabsContent = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.Content, { asChild: true, ...props, children: /* @__PURE__ */ jsx(
   "aside",
   {
     ref,
@@ -1820,15 +1661,6 @@ var TabsContent = React6.forwardRef(({ className, children, ...props }, ref) =>
   }
 ) }));
 TabsContent.displayName = TabsPrimitive.Content.displayName || "TabsContent";
-
-// src/components/Calendar/Calendar.tsx
-import * as React7 from "react";
-import {
-  DayPicker,
-  useDayPicker
-} from "react-day-picker";
-import { enAU } from "date-fns/locale";
-import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 var assignToRef = (ref, value) => {
   if (!ref) {
     return;
@@ -1839,10 +1671,10 @@ var assignToRef = (ref, value) => {
   }
   ref.current = value;
 };
-var Calendar = React7.forwardRef(
-  ({ className, classNames, mode, components, locale, month: controlledMonth, onMonthChange: controlledOnMonthChange, onSelect, ...props }, ref) => {
-    const tableRef = React7.useRef(null);
-    const setForwardedRef = React7.useCallback(
+var Calendar = React6.forwardRef(
+  ({ className, classNames, mode, components, locale, month: controlledMonth, onMonthChange: controlledOnMonthChange, onSelect, captionLayout, startMonth, endMonth, ...props }, ref) => {
+    const tableRef = React6.useRef(null);
+    const setForwardedRef = React6.useCallback(
       (node) => {
         tableRef.current = node;
         if (!ref) {
@@ -1856,14 +1688,14 @@ var Calendar = React7.forwardRef(
       },
       [ref]
     );
-    const rootPropsRef = React7.useRef(null);
+    const rootPropsRef = React6.useRef(null);
     const selected = props.selected;
     const isMonthControlled = controlledMonth !== void 0;
-    const [internalMonth, setInternalMonth] = React7.useState(() => {
+    const [internalMonth, setInternalMonth] = React6.useState(() => {
       const now = /* @__PURE__ */ new Date();
       return new Date(now.getFullYear(), now.getMonth(), 1);
     });
-    const month = React7.useMemo(() => {
+    const month = React6.useMemo(() => {
       const monthToUse = isMonthControlled ? controlledMonth : internalMonth;
       if (!monthToUse) {
         const now = /* @__PURE__ */ new Date();
@@ -1872,16 +1704,16 @@ var Calendar = React7.forwardRef(
       const normalized = new Date(monthToUse.getFullYear(), monthToUse.getMonth(), 1);
       return normalized;
     }, [isMonthControlled, controlledMonth, internalMonth]);
-    const handleMonthChange = React7.useCallback((newMonth) => {
+    const handleMonthChange = React6.useCallback((newMonth) => {
       if (!isMonthControlled) {
         setInternalMonth(newMonth);
       }
       controlledOnMonthChange?.(newMonth);
     }, [isMonthControlled, controlledOnMonthChange]);
-    const wrappedHandleMonthChange = React7.useCallback((newMonth) => {
+    const wrappedHandleMonthChange = React6.useCallback((newMonth) => {
       handleMonthChange(newMonth);
     }, [handleMonthChange]);
-    const CustomRoot = React7.memo(({ children, rootRef: dayPickerRootRef, ...rootProps }) => {
+    const CustomRoot = React6.memo(({ children, rootRef: dayPickerRootRef, ...rootProps }) => {
       const {
         className: rootClassName,
         style: rootStyle,
@@ -1894,32 +1726,103 @@ var Calendar = React7.forwardRef(
         rootRef: dayPickerRootRef,
         restProps
       };
-      return /* @__PURE__ */ jsx9(Fragment4, { children });
+      return /* @__PURE__ */ jsx(Fragment, { children });
     });
     CustomRoot.displayName = "CustomRoot";
-    const CustomMonths = React7.memo(({ children }) => {
-      return /* @__PURE__ */ jsx9(Fragment4, { children });
+    const CustomMonths = React6.memo(({ children }) => {
+      const childrenArray = React6.Children.toArray(children);
+      const filteredChildren = childrenArray.filter((child) => {
+        if (!React6.isValidElement(child)) return true;
+        const childType = child.type;
+        const displayName = childType?.displayName || childType?.name;
+        if (displayName === "MonthCaption" || displayName === "Dropdown" || displayName === "DropdownMonth" || displayName === "DropdownYear" || typeof childType === "string" && childType.includes("dropdown")) {
+          return false;
+        }
+        if (childType === "div") {
+          const childProps = child.props;
+          if (childProps?.children) {
+            const childChildren = React6.Children.toArray(childProps.children);
+            const hasCaptionSpan = childChildren.some((cc) => {
+              if (!React6.isValidElement(cc) || cc.type !== "span") return false;
+              const spanProps = cc.props;
+              return spanProps?.role === "status" && spanProps?.["aria-live"] === "polite";
+            });
+            if (hasCaptionSpan) {
+              return false;
+            }
+          }
+        }
+        return true;
+      });
+      return /* @__PURE__ */ jsx(Fragment, { children: filteredChildren });
     });
     CustomMonths.displayName = "CustomMonths";
-    const CustomMonthGrid = React7.forwardRef((props2, forwardedRef) => {
-      return /* @__PURE__ */ jsx9("table", { ref: forwardedRef, ...props2 });
+    const CustomMonthGrid = React6.forwardRef((props2, forwardedRef) => {
+      return /* @__PURE__ */ jsx("table", { ref: forwardedRef, ...props2 });
     });
     CustomMonthGrid.displayName = "CustomMonthGrid";
-    const CustomMonth = React7.memo(({ calendarMonth, displayIndex, className: className2, children }) => {
+    const CustomMonthCaption = React6.memo(({ displayMonth, startMonth: captionStartMonth, endMonth: captionEndMonth, locale: captionLocale }) => {
+      const { goToMonth } = useDayPicker();
+      const calendarLocale = captionLocale || enAU;
+      const fromDate = captionStartMonth || new Date(1900, 0);
+      const toDate = captionEndMonth || new Date(2100, 11);
+      const monthOptions = React6.useMemo(() => {
+        const months = [];
+        for (let i = 0; i < 12; i++) {
+          const monthDate = new Date(displayMonth.getFullYear(), i, 1);
+          const label = format(monthDate, "MMMM", { locale: calendarLocale });
+          months.push({ value: i.toString(), label });
+        }
+        return months;
+      }, [calendarLocale, displayMonth]);
+      const yearOptions = React6.useMemo(() => {
+        const years = [];
+        const startYear = fromDate.getFullYear();
+        const endYear = toDate.getFullYear();
+        for (let year = startYear; year <= endYear; year++) {
+          years.push({ value: year.toString(), label: year.toString() });
+        }
+        return years;
+      }, [fromDate, toDate]);
+      const currentMonth = displayMonth.getMonth();
+      const currentYear = displayMonth.getFullYear();
+      const handleMonthChange2 = React6.useCallback((value) => {
+        const newMonth = parseInt(value, 10);
+        const newDate = new Date(currentYear, newMonth, 1);
+        goToMonth(newDate);
+      }, [currentYear, goToMonth]);
+      const handleYearChange = React6.useCallback((value) => {
+        const newYear = parseInt(value, 10);
+        const newDate = new Date(newYear, currentMonth, 1);
+        goToMonth(newDate);
+      }, [currentMonth, goToMonth]);
+      return /* @__PURE__ */ jsxs("nav", { className: "relative flex items-center justify-center gap-2", children: [
+        /* @__PURE__ */ jsxs(Select, { value: currentMonth.toString(), onValueChange: handleMonthChange2, children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { className: "w-auto min-w-[120px]", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: monthOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+        ] }),
+        /* @__PURE__ */ jsxs(Select, { value: currentYear.toString(), onValueChange: handleYearChange, children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { className: "w-auto min-w-[100px]", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: yearOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+        ] })
+      ] });
+    });
+    CustomMonthCaption.displayName = "CustomMonthCaption";
+    const CustomMonth = React6.memo(({ calendarMonth, displayIndex, className: className2, children, captionLayout: monthCaptionLayout, startMonth: monthStartMonth, endMonth: monthEndMonth }) => {
       const { formatters, components: components2, labels, classNames: classNames2, previousMonth, nextMonth, goToMonth } = useDayPicker();
       const caption = formatters.formatCaption(calendarMonth.date, {});
       const Chevron = components2?.Chevron;
-      const childrenArray = React7.Children.toArray(children);
+      const childrenArray = React6.Children.toArray(children);
       const monthGridIndex = childrenArray.findIndex((child) => {
-        if (!React7.isValidElement(child)) return false;
+        if (!React6.isValidElement(child)) return false;
         const childType = child.type;
         return typeof childType === "function" && childType.displayName === "MonthGrid" || child.type === "table";
       });
-      return /* @__PURE__ */ jsx9(Fragment4, { children: childrenArray.map((child, index) => {
-        if (React7.isValidElement(child) && child.type?.displayName === "MonthCaption") {
+      return /* @__PURE__ */ jsx(Fragment, { children: childrenArray.map((child, index) => {
+        if (React6.isValidElement(child) && child.type?.displayName === "MonthCaption") {
           return null;
         }
-        if (index === monthGridIndex && React7.isValidElement(child)) {
+        if (index === monthGridIndex && React6.isValidElement(child)) {
           const monthGridChild = child;
           const applyRootProps = displayIndex === 0 && index === monthGridIndex;
           const storedRootProps = applyRootProps ? rootPropsRef.current : null;
@@ -1969,16 +1872,25 @@ var Calendar = React7.forwardRef(
             }
             assignToRef(monthGridElement.ref, node);
           } : void 0;
-          return React7.cloneElement(
+          const isDropdownLayout = monthCaptionLayout === "dropdown";
+          return React6.cloneElement(
             monthGridElement,
             {
               key: child.key ?? `month-grid-${displayIndex}`,
               ...tableProps,
               ...mergedRef ? { ref: mergedRef } : {}
             },
-            /* @__PURE__ */ jsxs4(Fragment4, { children: [
-              /* @__PURE__ */ jsx9("caption", { className: "relative", children: /* @__PURE__ */ jsxs4("nav", { className: "relative flex items-center justify-center gap-1", children: [
-                /* @__PURE__ */ jsx9(
+            /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("caption", { className: "relative", children: isDropdownLayout ? /* @__PURE__ */ jsx(
+                CustomMonthCaption,
+                {
+                  displayMonth: calendarMonth.date,
+                  startMonth: monthStartMonth,
+                  endMonth: monthEndMonth,
+                  locale
+                }
+              ) : /* @__PURE__ */ jsxs("nav", { className: "relative flex items-center justify-center gap-1", children: [
+                /* @__PURE__ */ jsx(
                   "button",
                   {
                     type: "button",
@@ -1995,11 +1907,11 @@ var Calendar = React7.forwardRef(
                     "aria-label": previousMonth ? labels.labelPrevious(previousMonth) : void 0,
                     onClick: handlePreviousClick,
                     disabled: !previousMonth,
-                    children: Chevron ? /* @__PURE__ */ jsx9(Chevron, { orientation: "left", className: "size-4", disabled: !previousMonth }) : /* @__PURE__ */ jsx9("span", { children: "\u2039" })
+                    children: Chevron ? /* @__PURE__ */ jsx(Chevron, { orientation: "left", className: "size-4", disabled: !previousMonth }) : /* @__PURE__ */ jsx("span", { children: "\u2039" })
                   }
                 ),
-                /* @__PURE__ */ jsx9("span", { className: "text-sm font-medium", children: caption }),
-                /* @__PURE__ */ jsx9(
+                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: caption }),
+                /* @__PURE__ */ jsx(
                   "button",
                   {
                     type: "button",
@@ -2016,7 +1928,7 @@ var Calendar = React7.forwardRef(
                     "aria-label": nextMonth ? labels.labelNext(nextMonth) : void 0,
                     onClick: handleNextClick,
                     disabled: !nextMonth,
-                    children: Chevron ? /* @__PURE__ */ jsx9(Chevron, { orientation: "right", className: "size-4", disabled: !nextMonth }) : /* @__PURE__ */ jsx9("span", { children: "\u203A" })
+                    children: Chevron ? /* @__PURE__ */ jsx(Chevron, { orientation: "right", className: "size-4", disabled: !nextMonth }) : /* @__PURE__ */ jsx("span", { children: "\u203A" })
                   }
                 )
               ] }) }),
@@ -2024,25 +1936,41 @@ var Calendar = React7.forwardRef(
             ] })
           );
         }
-        return React7.isValidElement(child) ? React7.cloneElement(child, { key: child.key ?? `calendar-child-${index}` }) : child;
+        return React6.isValidElement(child) ? React6.cloneElement(child, { key: child.key ?? `calendar-child-${index}` }) : child;
       }) });
     });
     CustomMonth.displayName = "CustomMonth";
-    const CustomWeekdays = React7.memo(({ className: className2, children, ...props2 }) => {
-      return /* @__PURE__ */ jsx9("thead", { children: /* @__PURE__ */ jsx9("tr", { className: cn("text-xs text-sec-500", className2), ...props2, children }) });
+    const CustomWeekdays = React6.memo(({ className: className2, children, ...props2 }) => {
+      return /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: cn("text-xs text-sec-500", className2), ...props2, children }) });
     });
     CustomWeekdays.displayName = "CustomWeekdays";
-    const defaultComponents = React7.useMemo(() => ({
+    const CustomMonthWithProps = React6.useCallback((props2) => {
+      return /* @__PURE__ */ jsx(
+        CustomMonth,
+        {
+          ...props2,
+          captionLayout,
+          startMonth,
+          endMonth
+        }
+      );
+    }, [captionLayout, startMonth, endMonth]);
+    const CustomMonthCaptionWrapper = React6.memo((_props) => {
+      return null;
+    });
+    CustomMonthCaptionWrapper.displayName = "CustomMonthCaptionWrapper";
+    const defaultComponents = React6.useMemo(() => ({
       Root: CustomRoot,
       Months: CustomMonths,
-      Month: CustomMonth,
+      Month: CustomMonthWithProps,
       MonthGrid: CustomMonthGrid,
-      // MonthCaption is now handled inside CustomMonth (injected into table)
+      // MonthCaption returns null - actual caption is rendered in CustomMonth inside <caption>
+      MonthCaption: CustomMonthCaptionWrapper,
       Weekdays: CustomWeekdays,
       // Spread user components AFTER ours so ours take precedence
       ...components || {}
-    }), [components, CustomRoot, CustomMonths, CustomMonth, CustomWeekdays]);
-    return /* @__PURE__ */ jsx9(
+    }), [components, CustomRoot, CustomMonths, CustomMonthWithProps, CustomMonthCaptionWrapper, CustomWeekdays]);
+    return /* @__PURE__ */ jsx(
       DayPicker,
       {
         ...mode ? { mode } : {},
@@ -2118,14 +2046,8 @@ var Calendar = React7.forwardRef(
   }
 );
 Calendar.displayName = "Calendar";
-
-// src/components/Toast/Toast.tsx
-import * as React8 from "react";
-import * as ToastPrimitives from "@radix-ui/react-toast";
-import { X } from "lucide-react";
-import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var ToastViewport = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -2138,8 +2060,8 @@ var ToastViewport = React8.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var Toast = React8.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx10(
+var Toast = React6.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
     ToastPrimitives.Root,
     {
       ref,
@@ -2153,7 +2075,7 @@ var Toast = React8.forwardRef(({ className, ...props }, ref) => {
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var ToastAction = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Action,
   {
     ref,
@@ -2166,7 +2088,7 @@ var ToastAction = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var ToastClose = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Close,
   {
     ref,
@@ -2177,11 +2099,11 @@ var ToastClose = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE_
     ),
     "toast-close": "",
     ...props,
-    children: /* @__PURE__ */ jsx10(X, { className: "size-4" })
+    children: /* @__PURE__ */ jsx(X, { className: "size-4" })
   }
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var ToastTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Title,
   {
     ref,
@@ -2191,7 +2113,7 @@ var ToastTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var ToastDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ToastPrimitives.Description,
   {
     ref,
@@ -2203,24 +2125,19 @@ var ToastDescription = React8.forwardRef(({ className, ...props }, ref) => /* @_
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 function Toaster() {
   const { toasts } = useToast();
-  return /* @__PURE__ */ jsxs5(ToastProvider, { "data-testid": "toast-provider", children: [
-    /* @__PURE__ */ jsx10(ToastViewport, {}),
+  return /* @__PURE__ */ jsxs(ToastProvider, { "data-testid": "toast-provider", children: [
+    /* @__PURE__ */ jsx(ToastViewport, {}),
     toasts.map((toast) => {
       const { id, title, description, action, dismiss, duration, ...toastProps } = toast;
-      return /* @__PURE__ */ jsxs5(Toast, { ...toastProps, duration, children: [
-        title && /* @__PURE__ */ jsx10(ToastTitle, { children: title }),
-        description && /* @__PURE__ */ jsx10(ToastDescription, { children: description }),
+      return /* @__PURE__ */ jsxs(Toast, { ...toastProps, duration, children: [
+        title && /* @__PURE__ */ jsx(ToastTitle, { children: title }),
+        description && /* @__PURE__ */ jsx(ToastDescription, { children: description }),
         action && action,
-        /* @__PURE__ */ jsx10(ToastClose, { onClick: dismiss })
+        /* @__PURE__ */ jsx(ToastClose, { onClick: dismiss })
       ] }, id);
     })
   ] });
 }
-
-// src/components/Form/Form.tsx
-import { useForm, FormProvider, useFormContext, Controller } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 function Form({
   schema,
   defaultValues,
@@ -2230,14 +2147,281 @@ function Form({
   children,
   className
 }) {
+  const location = useLocation();
+  const auth = useUnifiedAuth();
+  const userId = auth.user?.id || null;
+  const fieldNames = useMemo(() => {
+    if (schema && "shape" in schema && typeof schema.shape === "object") {
+      return Object.keys(schema.shape);
+    }
+    if (defaultValues) {
+      return Object.keys(defaultValues);
+    }
+    return [];
+  }, [schema, defaultValues]);
+  const persistenceKey = useMemo(() => {
+    return deriveFormKey(
+      {
+        fieldNames
+      },
+      null,
+      // Parent context (Dialog) - not available yet, can be enhanced later
+      location,
+      userId
+    );
+  }, [fieldNames, location, userId]);
+  const fieldTypes = useMemo(() => {
+    const types = {};
+    if (schema && "shape" in schema && typeof schema.shape === "object") {
+      const shape = schema.shape;
+      for (const [key, value] of Object.entries(shape)) {
+        if (value && typeof value === "object" && "_def" in value) {
+          const def = value._def;
+          if (def.typeName === "ZodString") {
+            types[key] = "text";
+          } else if (def.typeName === "ZodNumber") {
+            types[key] = "number";
+          } else if (def.typeName === "ZodBoolean") {
+            types[key] = "checkbox";
+          }
+        }
+      }
+    }
+    return types;
+  }, [schema]);
+  const { state: persistedValues, setState: setPersistedValues, clearDraft } = useSessionDraft(
+    persistenceKey || "form:no-key",
+    {},
+    {
+      enabled: Boolean(persistenceKey),
+      debounceMs: 300
+    }
+  );
+  const mergedDefaultValues = useMemo(() => {
+    if (!persistenceKey || !persistedValues || Object.keys(persistedValues).length === 0) {
+      return defaultValues;
+    }
+    const filteredPersisted = filterSensitiveFields(
+      persistedValues,
+      fieldNames,
+      fieldTypes
+    );
+    return {
+      ...defaultValues,
+      ...filteredPersisted
+    };
+  }, [defaultValues, persistedValues, persistenceKey, fieldNames, fieldTypes]);
   const methods = useForm({
     resolver: schema ? zodResolver(schema) : void 0,
-    defaultValues,
+    defaultValues: mergedDefaultValues,
     mode,
     shouldUnregister: false
   });
-  const handleSubmit = methods.handleSubmit(onSubmit, onError);
-  return /* @__PURE__ */ jsx11(FormProvider, { ...methods, children: /* @__PURE__ */ jsx11("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: typeof children === "function" ? children(methods) : children }) });
+  const hasRestoredRef = useRef(false);
+  const isRestoringRef = useRef(false);
+  const restoreTimeoutRef = useRef(null);
+  const lastRestoredRef = useRef(null);
+  useEffect(() => {
+    if (restoreTimeoutRef.current) {
+      clearTimeout(restoreTimeoutRef.current);
+    }
+    if (isRestoringRef.current) {
+      return;
+    }
+    if (!persistenceKey || !persistedValues || Object.keys(persistedValues).length === 0) {
+      if (!hasRestoredRef.current) {
+        hasRestoredRef.current = true;
+      }
+      return;
+    }
+    const persistedValuesStr = JSON.stringify(persistedValues);
+    if (lastRestoredRef.current === persistedValuesStr && hasRestoredRef.current) {
+      return;
+    }
+    isRestoringRef.current = true;
+    restoreTimeoutRef.current = setTimeout(() => {
+      const persistedKeys = Object.keys(persistedValues);
+      const hasNumericKeys = persistedKeys.length > 0 && persistedKeys.every((key) => /^\d+$/.test(key));
+      let valuesToRestore;
+      if (hasNumericKeys && fieldNames.length === persistedKeys.length) {
+        valuesToRestore = {};
+        for (let i = 0; i < fieldNames.length; i++) {
+          const fieldName = fieldNames[i];
+          const numericKey = String(i);
+          if (numericKey in persistedValues) {
+            valuesToRestore[fieldName] = persistedValues[numericKey];
+          }
+        }
+        console.log("[Form Persistence] Mapped numeric keys to field names:", {
+          numericKeys: persistedKeys,
+          fieldNames,
+          mappedValues: valuesToRestore
+        });
+      } else {
+        valuesToRestore = persistedValues;
+      }
+      const restoreKeys = Object.keys(valuesToRestore);
+      const filteredPersisted = filterSensitiveFields(
+        valuesToRestore,
+        restoreKeys.length > 0 ? restoreKeys : fieldNames,
+        fieldTypes
+      );
+      const sensitiveFields = restoreKeys.filter((name) => {
+        const type = fieldTypes?.[name];
+        return isSensitiveField(name, type);
+      });
+      console.log("[Form Persistence] \u2705 Restoring persisted values:", {
+        persistenceKey,
+        persistedValuesKeys: persistedKeys,
+        persistedValuesString: JSON.stringify(persistedValues),
+        hasNumericKeys,
+        valuesToRestoreKeys: Object.keys(valuesToRestore),
+        filteredPersistedKeys: Object.keys(filteredPersisted),
+        fieldNames,
+        sensitiveFields,
+        filteredCount: Object.keys(filteredPersisted).length,
+        persistedCount: persistedKeys.length,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      });
+      const valuesToSet = {};
+      let hasValuesToSet = false;
+      for (const [key, value] of Object.entries(filteredPersisted)) {
+        const currentValue = methods.getValues(key);
+        if (currentValue !== value) {
+          valuesToSet[key] = value;
+          hasValuesToSet = true;
+        }
+      }
+      if (hasValuesToSet) {
+        console.log("[Form Persistence] \u{1F504} Setting form values via reset():", {
+          persistenceKey,
+          valuesToSetKeys: Object.keys(valuesToSet),
+          valuesToSet,
+          timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        });
+        methods.reset({
+          ...methods.getValues(),
+          ...valuesToSet
+        });
+        console.log("[Form Persistence] \u2705 Form values set successfully", {
+          persistenceKey,
+          currentValues: methods.getValues()
+        });
+      } else {
+        console.log("[Form Persistence] \u23ED\uFE0F No values to set (all values already match)", {
+          persistenceKey
+        });
+      }
+      lastRestoredRef.current = persistedValuesStr;
+      hasRestoredRef.current = true;
+      isRestoringRef.current = false;
+      restoreTimeoutRef.current = null;
+    }, 100);
+    return () => {
+      if (restoreTimeoutRef.current) {
+        clearTimeout(restoreTimeoutRef.current);
+        restoreTimeoutRef.current = null;
+      }
+    };
+  }, [persistedValues, persistenceKey]);
+  const watchedValues = useWatch({
+    control: methods.control
+    // Don't pass name - we want all values as an object, not an array
+  });
+  const previousValuesRef = useRef(null);
+  const persistTimeoutRef = useRef(null);
+  useEffect(() => {
+    if (!persistenceKey || !watchedValues || isRestoringRef.current) {
+      return;
+    }
+    const currentValuesStr = JSON.stringify(watchedValues);
+    if (currentValuesStr === previousValuesRef.current) {
+      return;
+    }
+    previousValuesRef.current = currentValuesStr;
+    if (persistTimeoutRef.current) {
+      clearTimeout(persistTimeoutRef.current);
+    }
+    persistTimeoutRef.current = setTimeout(() => {
+      const allFieldNames = Object.keys(watchedValues);
+      const filteredValues = filterSensitiveFields(
+        watchedValues,
+        allFieldNames.length > 0 ? allFieldNames : fieldNames,
+        fieldTypes
+      );
+      const sensitiveFields = allFieldNames.filter((name) => {
+        const type = fieldTypes?.[name];
+        return isSensitiveField(name, type);
+      });
+      console.log("[Form Persistence] \u{1F4BE} Persisting form values:", {
+        persistenceKey,
+        filteredValuesKeys: Object.keys(filteredValues),
+        originalValuesKeys: Object.keys(watchedValues),
+        allFieldNames,
+        sensitiveFields,
+        filteredCount: Object.keys(filteredValues).length,
+        originalCount: allFieldNames.length,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      });
+      setPersistedValues(filteredValues);
+      if (persistenceKey) {
+        setTimeout(() => {
+          const storageKey = `pace-core:draft:${persistenceKey}`;
+          const stored = sessionStorage.getItem(storageKey);
+          console.log("[Form Persistence] \u{1F4E6} SessionStorage AFTER setPersistedValues:", {
+            persistenceKey,
+            storageKey,
+            stored: stored ? JSON.parse(stored) : null
+          });
+        }, 100);
+      }
+      persistTimeoutRef.current = null;
+    }, 300);
+    return () => {
+      if (persistTimeoutRef.current) {
+        clearTimeout(persistTimeoutRef.current);
+        persistTimeoutRef.current = null;
+      }
+    };
+  }, [watchedValues, persistenceKey]);
+  const handleSubmit = methods.handleSubmit(
+    async (data) => {
+      console.log("[Form Lifecycle] \u{1F4E4} Form submit started", {
+        persistenceKey,
+        dataKeys: Object.keys(data),
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      });
+      await onSubmit(data);
+      console.log("[Form Lifecycle] \u2705 Form submit successful", {
+        persistenceKey,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      });
+      if (persistenceKey && clearDraft) {
+        console.log("[Form Persistence] \u{1F5D1}\uFE0F Clearing draft after successful submit", {
+          persistenceKey
+        });
+        clearDraft();
+        setTimeout(() => {
+          const storageKey = `pace-core:draft:${persistenceKey}`;
+          const stored = sessionStorage.getItem(storageKey);
+          console.log("[Form Persistence] \u{1F4E6} SessionStorage AFTER clearDraft (submit):", {
+            persistenceKey,
+            storageKey,
+            stored: stored ? JSON.parse(stored) : null
+          });
+        }, 100);
+      }
+    },
+    (errors) => {
+      console.log("[Form Lifecycle] \u274C Form submit failed with errors", {
+        persistenceKey,
+        errors,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      });
+      onError?.(errors);
+    }
+  );
+  return /* @__PURE__ */ jsx(FormProvider, { ...methods, children: /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: typeof children === "function" ? children(methods) : children }) });
 }
 function FormField({
   name,
@@ -2251,12 +2435,12 @@ function FormField({
   className
 }) {
   const { control } = useFormContext();
-  return /* @__PURE__ */ jsxs6("label", { className: cn("space-y-2", className), children: [
-    label && /* @__PURE__ */ jsxs6(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs("label", { className: cn("space-y-2", className), children: [
+    label && /* @__PURE__ */ jsxs(Fragment, { children: [
       label,
-      validation?.required && /* @__PURE__ */ jsx11("span", { className: "text-destructive ml-1", "aria-label": "required", children: "*" })
+      validation?.required && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", "aria-label": "required", children: "*" })
     ] }),
-    /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx(
       Controller,
       {
         name,
@@ -2269,8 +2453,8 @@ function FormField({
           if (render) {
             return render(props);
           }
-          return /* @__PURE__ */ jsxs6(Fragment5, { children: [
-            /* @__PURE__ */ jsx11(
+          return /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
               "input",
               {
                 ...field,
@@ -2286,18 +2470,14 @@ function FormField({
                 ...inputProps
               }
             ),
-            errorMessage && /* @__PURE__ */ jsx11("p", { className: "text-destructive", role: "alert", children: errorMessage })
+            errorMessage && /* @__PURE__ */ jsx("p", { className: "text-destructive", role: "alert", children: errorMessage })
           ] });
         }
       }
     )
   ] });
 }
-
-// src/components/LoginForm/LoginForm.tsx
-import React9, { useState as useState7, useCallback as useCallback7, useMemo as useMemo4 } from "react";
-import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
-var LoginForm = React9.memo(({
+var LoginForm = React6__default.memo(({
   onSignIn,
   onSuccess,
   onError,
@@ -2309,9 +2489,9 @@ var LoginForm = React9.memo(({
   onSignUp,
   className
 }) => {
-  const [formData, setFormData] = useState7({ email: "", password: "" });
-  const [error, setError] = useState7(null);
-  const isFormValid = useMemo4(() => {
+  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 = (e) => {
@@ -2320,7 +2500,7 @@ var LoginForm = React9.memo(({
   const handlePasswordChange = (e) => {
     setFormData((prev) => ({ ...prev, password: e.target.value }));
   };
-  const handleSubmit = useCallback7(async (e) => {
+  const handleSubmit = useCallback(async (e) => {
     e.preventDefault();
     setError(null);
     if (!isFormValid || isLoading) return;
@@ -2336,17 +2516,17 @@ var LoginForm = React9.memo(({
   const handleSignUpClick = () => {
     onSignUp?.();
   };
-  const displayTitle = useMemo4(() => title || (appName ? `Sign in to ${appName}` : "Sign In"), [title, appName]);
-  const displaySubtitle = useMemo4(() => subtitle || "Enter your credentials to continue.", [subtitle]);
-  return /* @__PURE__ */ jsx12(Card, { className: cn("w-full max-w-md mx-auto", className), children: /* @__PURE__ */ jsxs7("form", { onSubmit: handleSubmit, "data-testid": "login-form", children: [
-    /* @__PURE__ */ jsxs7(CardHeader, { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx12(CardTitle, { className: "text-2xl text-center", children: displayTitle }),
-      /* @__PURE__ */ jsx12(CardDescription, { className: "text-center", children: displaySubtitle })
+  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__ */ jsx(Card, { className: cn("w-full max-w-md mx-auto", className), children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, "data-testid": "login-form", children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl text-center", children: displayTitle }),
+      /* @__PURE__ */ jsx(CardDescription, { className: "text-center", children: displaySubtitle })
     ] }),
-    /* @__PURE__ */ jsxs7(CardContent, { className: "space-y-4", children: [
-      error && /* @__PURE__ */ jsx12(Alert, { variant: "destructive", role: "alert", "aria-live": "assertive", children: /* @__PURE__ */ jsx12(AlertDescription, { children: error }) }),
-      /* @__PURE__ */ jsx12(Label, { htmlFor: "email", children: "Email" }),
-      /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+      error && /* @__PURE__ */ jsx(Alert, { variant: "destructive", role: "alert", "aria-live": "assertive", children: /* @__PURE__ */ jsx(AlertDescription, { children: error }) }),
+      /* @__PURE__ */ jsx(Label, { htmlFor: "email", children: "Email" }),
+      /* @__PURE__ */ jsx(
         Input,
         {
           id: "email",
@@ -2358,8 +2538,8 @@ var LoginForm = React9.memo(({
           disabled: isLoading
         }
       ),
-      /* @__PURE__ */ jsx12(Label, { htmlFor: "password", children: "Password" }),
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx(Label, { htmlFor: "password", children: "Password" }),
+      /* @__PURE__ */ jsx(
         Input,
         {
           id: "password",
@@ -2372,8 +2552,8 @@ var LoginForm = React9.memo(({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs7(CardFooter, { className: "flex flex-col space-y-4", children: [
-      /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsxs(CardFooter, { className: "flex flex-col space-y-4", children: [
+      /* @__PURE__ */ jsx(
         Button,
         {
           type: "submit",
@@ -2382,7 +2562,7 @@ var LoginForm = React9.memo(({
           children: isLoading ? "Signing in..." : "Sign In"
         }
       ),
-      showSignUp && (onSignUp ? /* @__PURE__ */ jsx12("p", { className: "text-sm text-center text-muted-foreground", children: /* @__PURE__ */ jsx12(
+      showSignUp && (onSignUp ? /* @__PURE__ */ jsx("p", { className: "text-sm text-center text-muted-foreground", children: /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
@@ -2390,19 +2570,14 @@ var LoginForm = React9.memo(({
           className: "text-primary hover:underline",
           children: "Don't have an account? Sign up"
         }
-      ) }) : /* @__PURE__ */ jsxs7("p", { className: "text-center text-muted-foreground", children: [
+      ) }) : /* @__PURE__ */ jsxs("p", { className: "text-center text-muted-foreground", children: [
         "Don't have an account?",
         " ",
-        /* @__PURE__ */ jsx12("a", { href: "/signup", className: "text-primary hover:underline", children: "Sign up" })
+        /* @__PURE__ */ jsx("a", { href: "/signup", className: "text-primary hover:underline", children: "Sign up" })
       ] }))
     ] })
   ] }) });
 });
-
-// src/components/ContextSelector/ContextSelector.tsx
-import { useMemo as useMemo5 } from "react";
-import { RefreshCw, AlertCircle, Building2, Calendar as Calendar2 } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
 function ContextSelector({
   placeholder = "Select organisation or event",
   className,
@@ -2433,7 +2608,7 @@ function ContextSelector({
   const isLoading = showOrganisations && orgLoading || showEvents && eventLoading;
   const hasError = showOrganisations && orgError || showEvents && eventError;
   const hasItems = showOrganisations && (organisations?.length || 0) > 0 || showEvents && (events?.length || 0) > 0;
-  const currentValue = useMemo5(() => {
+  const currentValue = useMemo(() => {
     if (showEvents && selectedEvent) {
       return `event:${selectedEvent.event_id || selectedEvent.id}`;
     }
@@ -2472,9 +2647,10 @@ function ContextSelector({
   };
   if (isLoading && !hasItems) {
     const loadingText = compact ? "Loading..." : showOrganisations && showEvents ? "Loading organisations and events..." : showOrganisations ? "Loading organisations..." : "Loading events...";
-    return /* @__PURE__ */ jsxs8("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx13(LoadingSpinner, { size: "sm" }),
-      /* @__PURE__ */ jsx13("span", { className: "text-sm text-muted-foreground", children: loadingText })
+    return /* @__PURE__ */ jsxs("p", { className, children: [
+      /* @__PURE__ */ jsx(LoadingSpinner, { size: "sm" }),
+      /* @__PURE__ */ jsx("br", {}),
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: loadingText })
     ] });
   }
   if (hasError) {
@@ -2485,12 +2661,10 @@ function ContextSelector({
     if (showEvents && eventError) {
       errorMessages.push(`Failed to load events: ${eventError.message}`);
     }
-    return /* @__PURE__ */ jsxs8("div", { className: `space-y-2 ${className}`, children: [
-      /* @__PURE__ */ jsxs8(Alert, { variant: "destructive", children: [
-        /* @__PURE__ */ jsx13(AlertCircle, { className: "size-4" }),
-        /* @__PURE__ */ jsx13(AlertDescription, { children: errorMessages.join(" ") })
-      ] }),
-      showRetryButton && /* @__PURE__ */ jsxs8(
+    return /* @__PURE__ */ jsxs(Alert, { variant: "destructive", className: `space-y-2 ${className}`, children: [
+      /* @__PURE__ */ jsx(AlertCircle, { className: "size-4" }),
+      /* @__PURE__ */ jsx(AlertDescription, { children: errorMessages.join(" ") }),
+      showRetryButton && /* @__PURE__ */ jsxs(
         Button,
         {
           variant: "outline",
@@ -2499,7 +2673,7 @@ function ContextSelector({
           disabled: isLoading,
           className: "w-full",
           children: [
-            /* @__PURE__ */ jsx13(RefreshCw, { className: `size-4 mr-2 ${isLoading ? "animate-spin" : ""}` }),
+            /* @__PURE__ */ jsx(RefreshCw, { className: `size-4 mr-2 ${isLoading ? "animate-spin" : ""}` }),
             "Retry"
           ]
         }
@@ -2509,12 +2683,10 @@ function ContextSelector({
   if (!hasItems) {
     if (showNoItemsMessage) {
       const noItemsText = showOrganisations && showEvents ? "No organisations or events available. Please contact your administrator." : showOrganisations ? "No organisations available. Please contact your administrator." : "No events available. Please contact your administrator.";
-      return /* @__PURE__ */ jsxs8("div", { className: `space-y-2 ${className}`, children: [
-        /* @__PURE__ */ jsxs8(Alert, { children: [
-          /* @__PURE__ */ jsx13(AlertCircle, { className: "size-4" }),
-          /* @__PURE__ */ jsx13(AlertDescription, { children: noItemsText })
-        ] }),
-        showRetryButton && /* @__PURE__ */ jsxs8(
+      return /* @__PURE__ */ jsxs(Alert, { className: `space-y-2 ${className}`, children: [
+        /* @__PURE__ */ jsx(AlertCircle, { className: "size-4" }),
+        /* @__PURE__ */ jsx(AlertDescription, { children: noItemsText }),
+        showRetryButton && /* @__PURE__ */ jsxs(
           Button,
           {
             variant: "outline",
@@ -2523,7 +2695,7 @@ function ContextSelector({
             disabled: isLoading,
             className: "w-full",
             children: [
-              /* @__PURE__ */ jsx13(RefreshCw, { className: `size-4 mr-2 ${isLoading ? "animate-spin" : ""}` }),
+              /* @__PURE__ */ jsx(RefreshCw, { className: `size-4 mr-2 ${isLoading ? "animate-spin" : ""}` }),
               "Check Again"
             ]
           }
@@ -2532,22 +2704,22 @@ function ContextSelector({
     }
     return null;
   }
-  const displayValue = useMemo5(() => {
+  const displayValue = useMemo(() => {
     if (showEvents && selectedEvent) {
-      return /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx13(Calendar2, { className: "size-4 flex-shrink-0" }),
-        /* @__PURE__ */ jsx13("span", { className: "truncate", children: selectedEvent.event_name })
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Calendar$1, { className: "inline-block size-4 mr-2" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: selectedEvent.event_name })
       ] });
     }
     if (showOrganisations && selectedOrganisation) {
-      return /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx13(Building2, { className: "size-4 flex-shrink-0" }),
-        /* @__PURE__ */ jsx13("span", { className: "truncate", children: selectedOrganisation.display_name })
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Building2, { className: "inline-block size-4 mr-2" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: selectedOrganisation.display_name })
       ] });
     }
     return null;
   }, [showOrganisations, showEvents, selectedOrganisation, selectedEvent]);
-  const effectivePlaceholder = useMemo5(() => {
+  const effectivePlaceholder = useMemo(() => {
     if (placeholder !== "Select organisation or event") {
       return placeholder;
     }
@@ -2562,55 +2734,55 @@ function ContextSelector({
     }
     return placeholder;
   }, [placeholder, showOrganisations, showEvents]);
-  return /* @__PURE__ */ jsx13("div", { className, "data-testid": "context-selector", children: /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs(
     Select,
     {
       value: currentValue,
       onValueChange: handleValueChange,
       disabled: disabled || isLoading,
+      className,
+      "data-testid": "context-selector",
       children: [
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx(
           SelectTrigger,
           {
             className: "text-left",
             variant: "outline",
-            children: /* @__PURE__ */ jsx13(SelectValue, { placeholder: effectivePlaceholder, children: displayValue })
+            children: /* @__PURE__ */ jsx(SelectValue, { placeholder: effectivePlaceholder, children: displayValue })
           }
         ),
-        /* @__PURE__ */ jsxs8(SelectContent, { children: [
-          showOrganisations && organisations && organisations.length > 0 && /* @__PURE__ */ jsxs8(Fragment6, { children: [
-            /* @__PURE__ */ jsxs8(SelectGroup, { children: [
-              /* @__PURE__ */ jsx13(SelectLabel, { children: "Organisations" }),
-              organisations.map((org) => /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsxs(SelectContent, { children: [
+          showOrganisations && organisations && organisations.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(SelectGroup, { children: [
+              /* @__PURE__ */ jsx(SelectLabel, { children: "Organisations" }),
+              organisations.map((org) => /* @__PURE__ */ jsxs(
                 SelectItem,
                 {
                   value: `org:${org.id}`,
-                  children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx13(Building2, { className: "size-4" }),
-                    /* @__PURE__ */ jsxs8("div", { className: "flex flex-col", children: [
-                      /* @__PURE__ */ jsx13("span", { className: "font-medium", children: org.display_name }),
-                      !compact && org.description && /* @__PURE__ */ jsx13("span", { className: "text-xs text-muted-foreground truncate max-w-40", children: org.description })
-                    ] })
-                  ] })
+                  children: [
+                    /* @__PURE__ */ jsx(Building2, { className: "inline-block size-4 mr-2" }),
+                    /* @__PURE__ */ jsx("span", { className: "font-medium", children: org.display_name }),
+                    /* @__PURE__ */ jsx("br", {}),
+                    !compact && org.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: org.description })
+                  ]
                 },
                 org.id
               ))
             ] }),
-            showEvents && events && events.length > 0 && /* @__PURE__ */ jsx13(SelectSeparator, {})
+            showEvents && events && events.length > 0 && /* @__PURE__ */ jsx(SelectSeparator, {})
           ] }),
-          showEvents && events && events.length > 0 && /* @__PURE__ */ jsxs8(SelectGroup, { children: [
-            /* @__PURE__ */ jsx13(SelectLabel, { children: "Events" }),
-            events.map((event) => /* @__PURE__ */ jsx13(
+          showEvents && events && events.length > 0 && /* @__PURE__ */ jsxs(SelectGroup, { children: [
+            /* @__PURE__ */ jsx(SelectLabel, { children: "Events" }),
+            events.map((event) => /* @__PURE__ */ jsxs(
               SelectItem,
               {
                 value: `event:${event.event_id || event.id}`,
-                children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx13(Calendar2, { className: "size-4" }),
-                  /* @__PURE__ */ jsxs8("div", { className: "flex flex-col", children: [
-                    /* @__PURE__ */ jsx13("span", { className: "font-medium", children: event.event_name }),
-                    !compact && event.event_date && /* @__PURE__ */ jsx13("span", { className: "text-xs text-muted-foreground", children: new Date(event.event_date).toLocaleDateString() })
-                  ] })
-                ] })
+                children: [
+                  /* @__PURE__ */ jsx(Calendar$1, { className: " inline-block size-4 mr-2" }),
+                  /* @__PURE__ */ jsx("span", { className: "font-medium", children: event.event_name }),
+                  /* @__PURE__ */ jsx("br", {}),
+                  !compact && event.event_date && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: new Date(event.event_date).toLocaleDateString() })
+                ]
               },
               event.event_id || event.id
             ))
@@ -2618,17 +2790,13 @@ function ContextSelector({
         ] })
       ]
     }
-  ) });
+  );
 }
-
-// src/components/PasswordChange/PasswordChangeForm.tsx
-import { useState as useState8 } from "react";
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 function PasswordChangeForm({ onSubmit, onSuccess, className }) {
-  const [newPassword, setNewPassword] = useState8("");
-  const [confirmPassword, setConfirmPassword] = useState8("");
-  const [error, setError] = useState8(null);
-  const [isSubmitting, setIsSubmitting] = useState8(false);
+  const [newPassword, setNewPassword] = useState("");
+  const [confirmPassword, setConfirmPassword] = useState("");
+  const [error, setError] = useState(null);
+  const [isSubmitting, setIsSubmitting] = useState(false);
   const handleSubmit = async (e) => {
     e.preventDefault();
     setError(null);
@@ -2655,11 +2823,11 @@ function PasswordChangeForm({ onSubmit, onSuccess, className }) {
       setIsSubmitting(false);
     }
   };
-  return /* @__PURE__ */ jsxs9("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: [
-    error && /* @__PURE__ */ jsx14("p", { className: "grid place-items-center text-center size-full", role: "alert", children: error }),
-    /* @__PURE__ */ jsxs9(Label, { htmlFor: "new-password", className: "block mb-4", children: [
+  return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: [
+    error && /* @__PURE__ */ jsx("p", { className: "grid place-items-center text-center size-full", role: "alert", children: error }),
+    /* @__PURE__ */ jsxs(Label, { htmlFor: "new-password", className: "block mb-4", children: [
       "New Password",
-      /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx(
         Input,
         {
           id: "new-password",
@@ -2672,9 +2840,9 @@ function PasswordChangeForm({ onSubmit, onSuccess, className }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs9(Label, { htmlFor: "confirm-password", className: "block mb-4", children: [
+    /* @__PURE__ */ jsxs(Label, { htmlFor: "confirm-password", className: "block mb-4", children: [
       "Confirm Password",
-      /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx(
         Input,
         {
           id: "confirm-password",
@@ -2687,7 +2855,7 @@ function PasswordChangeForm({ onSubmit, onSuccess, className }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx(
       Button,
       {
         type: "submit",
@@ -2698,19 +2866,14 @@ function PasswordChangeForm({ onSubmit, onSuccess, className }) {
     )
   ] });
 }
-
-// src/components/UserMenu/UserMenu.tsx
-import React12, { useCallback as useCallback8, useMemo as useMemo6, useState as useState9 } from "react";
-import { ChevronDown, LogOut, KeyRound } from "lucide-react";
-import { Fragment as Fragment7, jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
-var UserMenu = React12.memo(function UserMenu2({
+var UserMenu = React6__default.memo(function UserMenu2({
   user,
   onSignOut,
   onChangePassword,
   className,
   showAvatar = true
 }) {
-  const userInfo = useMemo6(() => {
+  const userInfo = useMemo(() => {
     if (!user) return null;
     return {
       email: user.email,
@@ -2719,23 +2882,23 @@ var UserMenu = React12.memo(function UserMenu2({
       initial: (user.user_metadata?.display_name || user.user_metadata?.full_name || user.email || "U").charAt(0).toUpperCase()
     };
   }, [user]);
-  const handleSignOut = useCallback8(async () => {
+  const handleSignOut = useCallback(async () => {
     if (onSignOut) await onSignOut();
   }, [onSignOut]);
-  if (!user || !userInfo) {
-    return null;
-  }
-  const [isPasswordDialogOpen, setPasswordDialogOpen] = useState9(false);
-  const handlePasswordChange = useCallback8(async (newPassword, confirmPassword) => {
+  const [isPasswordDialogOpen, setPasswordDialogOpen] = useState(false);
+  const handlePasswordChange = useCallback(async (newPassword, confirmPassword) => {
     if (!onChangePassword) {
       return { error: { message: "Password change not configured" } };
     }
     return await onChangePassword(newPassword, confirmPassword);
   }, [onChangePassword]);
-  return /* @__PURE__ */ jsxs10(Fragment7, { children: [
-    /* @__PURE__ */ jsxs10(Select, { className, children: [
-      /* @__PURE__ */ jsx15(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs10(Button, { variant: "outline", className: "flex items-center gap-2", "aria-label": userInfo.displayName, children: [
-        showAvatar && /* @__PURE__ */ jsx15(
+  if (!user || !userInfo) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Select, { className, children: [
+      /* @__PURE__ */ jsx(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "flex items-center gap-2", "aria-label": userInfo.displayName, children: [
+        showAvatar && /* @__PURE__ */ jsx(
           Avatar,
           {
             src: userInfo.avatarUrl,
@@ -2744,36 +2907,36 @@ var UserMenu = React12.memo(function UserMenu2({
             className: "size-7"
           }
         ),
-        /* @__PURE__ */ jsx15("span", { children: userInfo.displayName }),
-        /* @__PURE__ */ jsx15(ChevronDown, { className: "size-4" })
+        /* @__PURE__ */ jsx("span", { children: userInfo.displayName }),
+        /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" })
       ] }) }),
-      /* @__PURE__ */ jsxs10(SelectContent, { children: [
-        /* @__PURE__ */ jsx15(SelectLabel, { className: "font-normal", children: /* @__PURE__ */ jsxs10("li", { className: "pt-2", children: [
+      /* @__PURE__ */ jsxs(SelectContent, { children: [
+        /* @__PURE__ */ jsx(SelectLabel, { className: "font-normal", children: /* @__PURE__ */ jsxs("li", { className: "pt-2", children: [
           userInfo.displayName,
-          /* @__PURE__ */ jsx15("br", {}),
-          /* @__PURE__ */ jsx15("small", { children: userInfo.email })
+          /* @__PURE__ */ jsx("br", {}),
+          /* @__PURE__ */ jsx("small", { children: userInfo.email })
         ] }) }),
-        /* @__PURE__ */ jsx15(SelectSeparator, {}),
-        /* @__PURE__ */ jsxs10(
+        /* @__PURE__ */ jsx(SelectSeparator, {}),
+        /* @__PURE__ */ jsxs(
           SelectItem,
           {
             value: "change-password",
             onClick: () => setPasswordDialogOpen(true),
             children: [
-              /* @__PURE__ */ jsx15(KeyRound, { className: "inline-block mr-2 size-4" }),
+              /* @__PURE__ */ jsx(KeyRound, { className: "inline-block mr-2 size-4" }),
               "Change Password"
             ]
           }
         ),
-        /* @__PURE__ */ jsxs10(SelectItem, { value: "sign-out", onClick: handleSignOut, children: [
-          /* @__PURE__ */ jsx15(LogOut, { className: "inline-block mr-2 size-4" }),
+        /* @__PURE__ */ jsxs(SelectItem, { value: "sign-out", onClick: handleSignOut, children: [
+          /* @__PURE__ */ jsx(LogOut, { className: "inline-block mr-2 size-4" }),
           "Sign out"
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx15(Dialog, { open: isPasswordDialogOpen, onOpenChange: setPasswordDialogOpen, children: /* @__PURE__ */ jsxs10(DialogContent, { children: [
-      /* @__PURE__ */ jsx15(DialogHeader, { children: /* @__PURE__ */ jsx15(DialogTitle, { children: "Change Password" }) }),
-      /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx(Dialog, { open: isPasswordDialogOpen, onOpenChange: setPasswordDialogOpen, children: /* @__PURE__ */ jsxs(DialogContent, { persistOpenState: false, children: [
+      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Change Password" }) }),
+      /* @__PURE__ */ jsx(
         PasswordChangeForm,
         {
           onSubmit: async ({ newPassword, confirmPassword }) => {
@@ -2785,8 +2948,8 @@ var UserMenu = React12.memo(function UserMenu2({
     ] }) })
   ] });
 });
-var UserMenuLoading = React12.memo(function UserMenuLoading2() {
-  return /* @__PURE__ */ jsxs10(
+var UserMenuLoading = React6__default.memo(function UserMenuLoading2() {
+  return /* @__PURE__ */ jsxs(
     Button,
     {
       type: "button",
@@ -2795,46 +2958,23 @@ var UserMenuLoading = React12.memo(function UserMenuLoading2() {
       className: "flex items-center space-x-2",
       "aria-label": "Loading user menu",
       children: [
-        /* @__PURE__ */ jsx15(LoadingSpinner, { size: "sm", className: "inline-block mr-2" }),
-        /* @__PURE__ */ jsx15("span", { className: "truncate max-w-[150px]", children: "Loading..." }),
-        /* @__PURE__ */ jsx15(ChevronDown, { className: "w-4 h-4 text-muted-foreground" })
+        /* @__PURE__ */ jsx(LoadingSpinner, { size: "sm", className: "inline-block mr-2" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate max-w-[150px]", children: "Loading..." }),
+        /* @__PURE__ */ jsx(ChevronDown, { className: "w-4 h-4 text-muted-foreground" })
       ]
     }
   );
 });
 UserMenu.Loading = UserMenuLoading;
-
-// src/components/NavigationMenu/NavigationMenu.tsx
-import * as React14 from "react";
-import { ChevronDown as ChevronDown2 } from "lucide-react";
-
-// src/components/NavigationMenu/useNavigationFiltering.ts
-import * as React13 from "react";
 function useNavigationFiltering({
   items,
   itemsPreFiltered = false,
   auditLog = true
 }) {
-  const [resolvedAppId, setResolvedAppId] = React13.useState(void 0);
-  const previousFilteredItemsRef = React13.useRef([]);
-  let authContext = null;
-  try {
-    authContext = useUnifiedAuth();
-  } catch (error) {
-    logger.warn(
-      "NavigationMenu",
-      "useUnifiedAuth not available, running in unauthenticated mode"
-    );
-  }
-  let rbacContext = null;
-  try {
-    rbacContext = useRBAC();
-  } catch (error) {
-    logger.warn(
-      "NavigationMenu",
-      "useRBAC not available, permission filtering disabled"
-    );
-  }
+  const [resolvedAppId, setResolvedAppId] = React6.useState(void 0);
+  const previousFilteredItemsRef = React6.useRef([]);
+  const authContext = useUnifiedAuth();
+  const rbacContext = useRBAC();
   const eventLoadingRaw = authContext?.eventLoading;
   const eventLoading = eventLoadingRaw ?? false;
   const selectedEvent = authContext?.selectedEvent || null;
@@ -2844,16 +2984,17 @@ function useNavigationFiltering({
   const { resolvedScope, isLoading: scopeLoading, error: scopeError } = useResolvedScope({
     supabase: itemsPreFiltered ? null : supabase || null,
     selectedOrganisationId: itemsPreFiltered ? null : selectedOrganisation?.id || null,
-    selectedEventId: itemsPreFiltered ? null : selectedEvent?.event_id || null
+    selectedEventId: itemsPreFiltered ? null : selectedEvent?.event_id || null,
+    selectedEventOrganisationId: itemsPreFiltered ? null : selectedEvent?.organisation_id || null
   });
-  React13.useEffect(() => {
+  React6.useEffect(() => {
     if (!scopeLoading && !resolvedScope?.appId && selectedOrganisation?.id && authContext?.appName && authContext?.user?.id && !resolvedAppId) {
       if (!authContext.user || !authContext.appName) {
         return;
       }
       const userId2 = authContext.user.id;
       const appName = authContext.appName;
-      import("./api-O6HTBX5Y.js").then(({ resolveAppContext }) => {
+      import('./api-Y4MQWOFW.js').then(({ resolveAppContext }) => {
         resolveAppContext({
           userId: userId2,
           appName
@@ -2874,7 +3015,7 @@ function useNavigationFiltering({
     authContext?.user?.id,
     resolvedAppId
   ]);
-  const effectiveScope = React13.useMemo(() => {
+  const effectiveScope = React6.useMemo(() => {
     if (resolvedScope?.organisationId) {
       return resolvedScope;
     }
@@ -2889,7 +3030,7 @@ function useNavigationFiltering({
     return null;
   }, [resolvedScope, selectedOrganisation?.id, selectedEvent?.event_id, resolvedAppId]);
   const scopeKey = effectiveScope ? `${effectiveScope.organisationId || ""}-${effectiveScope.eventId || ""}-${effectiveScope.appId || ""}` : "empty";
-  const stableScope = React13.useMemo(() => {
+  const stableScope = React6.useMemo(() => {
     if (effectiveScope?.organisationId) {
       return {
         organisationId: effectiveScope.organisationId,
@@ -2915,7 +3056,7 @@ function useNavigationFiltering({
     itemsPreFiltered ? void 0 : stableScope.eventId,
     itemsPreFiltered ? void 0 : stableScope.appId
   );
-  const filteredItems = React13.useMemo(() => {
+  const filteredItems = React6.useMemo(() => {
     if (itemsPreFiltered && items && items.length > 0) {
       const visibleItems = (items || []).filter((item) => !item.meta?.hidden);
       previousFilteredItemsRef.current = visibleItems;
@@ -3094,10 +3235,7 @@ function useNavigationFiltering({
     hasAnyPermission: hasAnyPermission || null
   };
 }
-
-// src/components/NavigationMenu/NavigationMenu.tsx
-import { Fragment as Fragment9, jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
-var NavigationMenu = React14.forwardRef(({
+var NavigationMenu = React6.forwardRef(({
   items,
   mode = "dropdown",
   currentPath,
@@ -3115,8 +3253,8 @@ var NavigationMenu = React14.forwardRef(({
   itemsPreFiltered = false,
   ...props
 }, ref) => {
-  const [expandedItems, setExpandedItems] = React14.useState(/* @__PURE__ */ new Set());
-  const buttonRef = React14.useRef(null);
+  const [expandedItems, setExpandedItems] = React6.useState(/* @__PURE__ */ new Set());
+  const buttonRef = React6.useRef(null);
   const { authContext, rbacContext, filteredItems, permissionMap, hasAnyPermission } = useNavigationFiltering({ items, itemsPreFiltered, auditLog });
   const handleHierarchicalKeyDown = (event, item) => {
     switch (event.key) {
@@ -3146,8 +3284,6 @@ var NavigationMenu = React14.forwardRef(({
     setExpandedItems(newExpanded);
   };
   const handleItemClick = (item) => {
-    if (auditLog) {
-    }
     if (!authContext) {
       if (onNavigate) {
         onNavigate(item);
@@ -3239,8 +3375,8 @@ var NavigationMenu = React14.forwardRef(({
     const hasChildren = item.children && item.children.length > 0;
     const isExpanded = expandedItems.has(item.id);
     const itemIsActive = isActiveItem(item);
-    return /* @__PURE__ */ jsx16("li", { role: "none", children: hasChildren ? /* @__PURE__ */ jsxs11(Fragment9, { children: [
-      /* @__PURE__ */ jsxs11(
+    return /* @__PURE__ */ jsx("li", { role: "none", children: hasChildren ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
         "button",
         {
           onClick: () => toggleExpanded(item.id),
@@ -3249,21 +3385,21 @@ var NavigationMenu = React14.forwardRef(({
           "aria-controls": `submenu-${item.id}`,
           "aria-current": itemIsActive ? "page" : void 0,
           children: [
-            /* @__PURE__ */ jsx16("span", { children: item.label }),
-            /* @__PURE__ */ jsx16(ChevronDown2, { "aria-hidden": "true" })
+            /* @__PURE__ */ jsx("span", { children: item.label }),
+            /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true" })
           ]
         }
       ),
-      isExpanded && item.children && /* @__PURE__ */ jsx16(
+      isExpanded && item.children && /* @__PURE__ */ jsx(
         "ul",
         {
           id: `submenu-${item.id}`,
           role: "menu",
           "aria-label": `${item.label} submenu`,
-          children: item.children.map((child) => /* @__PURE__ */ jsx16(React14.Fragment, { children: renderHierarchicalItem(child, level + 1) }, child.id))
+          children: item.children.map((child) => /* @__PURE__ */ jsx(React6.Fragment, { children: renderHierarchicalItem(child, level + 1) }, child.id))
         }
       )
-    ] }) : /* @__PURE__ */ jsx16(
+    ] }) : /* @__PURE__ */ jsx(
       "a",
       {
         href: item.href || "#",
@@ -3281,26 +3417,26 @@ var NavigationMenu = React14.forwardRef(({
     ) });
   };
   if (mode === "dropdown") {
-    return /* @__PURE__ */ jsxs11(
+    return /* @__PURE__ */ jsxs(
       Select,
       {
         onValueChange: handleNavigationSelect,
         className,
         "data-testid": "navigation-menu-root",
         children: [
-          /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx(
             SelectTrigger,
             {
               ref: buttonRef,
               disabled,
               "aria-label": buttonText,
               "data-testid": "navigation-menu-trigger",
-              children: /* @__PURE__ */ jsx16(SelectValue, { placeholder: buttonText })
+              children: /* @__PURE__ */ jsx(SelectValue, { placeholder: buttonText })
             }
           ),
-          /* @__PURE__ */ jsx16(SelectContent, { children: filteredItems.map((item) => {
-            const isActive = isActiveItem(item);
-            return /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx(SelectContent, { children: filteredItems.map((item) => {
+            isActiveItem(item);
+            return /* @__PURE__ */ jsx(
               SelectItem,
               {
                 value: item.id,
@@ -3315,22 +3451,18 @@ var NavigationMenu = React14.forwardRef(({
       }
     );
   }
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx(
     "nav",
     {
       ref,
       className,
       "aria-label": navigationLabel,
       ...props,
-      children: /* @__PURE__ */ jsx16("ul", { role: "menubar", children: filteredItems.map((item) => /* @__PURE__ */ jsx16(React14.Fragment, { children: renderHierarchicalItem(item, 0) }, item.id)) })
+      children: /* @__PURE__ */ jsx("ul", { role: "menubar", children: filteredItems.map((item) => /* @__PURE__ */ jsx(React6.Fragment, { children: renderHierarchicalItem(item, 0) }, item.id)) })
     }
   );
 });
 NavigationMenu.displayName = "NavigationMenu";
-
-// src/components/Header/Header.tsx
-import { Link } from "react-router-dom";
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 function Header({
   logoUrl,
   logoAlt = "Logo",
@@ -3353,32 +3485,32 @@ function Header({
   const shouldShowContextSelector = showContextSelector !== false;
   const { switchOrganisation } = useOrganisations();
   const { events, setSelectedEvent } = useEvents();
-  return /* @__PURE__ */ jsx17("header", { className: cn(
+  return /* @__PURE__ */ jsx("header", { className: cn(
     "w-full border-b border-main-200 h-16 shadow-sm bg-main-100 ",
     className
-  ), role: "banner", children: /* @__PURE__ */ jsxs12("nav", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto grid grid-cols-[auto_1fr_auto_auto_auto_auto] items-center gap-4 h-full", children: [
-    logo ? logoHref ? /* @__PURE__ */ jsx17(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: logo }) : logo : logoUrl ? logoHref ? /* @__PURE__ */ jsx17(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: /* @__PURE__ */ jsx17(
+  ), role: "banner", children: /* @__PURE__ */ jsxs("nav", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto grid grid-cols-[auto_1fr_auto_auto_auto_auto] items-center gap-4 h-full", children: [
+    logo ? logoHref ? /* @__PURE__ */ jsx(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: logo }) : logo : logoUrl ? logoHref ? /* @__PURE__ */ jsx(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: /* @__PURE__ */ jsx(
       "img",
       {
         src: logoUrl,
         alt: logoAlt || "Logo",
         className: "h-[2.15rem] w-auto max-w-[200px] object-contain rounded-md shadow-md bg-transparent"
       }
-    ) }) : /* @__PURE__ */ jsx17(
+    ) }) : /* @__PURE__ */ jsx(
       "img",
       {
         src: logoUrl,
         alt: logoAlt || "Logo",
         className: "h-[2.15rem] w-auto max-w-[200px] object-contain rounded-md shadow-md bg-transparent"
       }
-    ) : logoHref ? /* @__PURE__ */ jsx17(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: /* @__PURE__ */ jsx17(
+    ) : logoHref ? /* @__PURE__ */ jsx(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: /* @__PURE__ */ jsx(
       "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: "size-8 shadow-md"
       }
-    ) }) : /* @__PURE__ */ jsx17(
+    ) }) : /* @__PURE__ */ jsx(
       "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",
@@ -3386,7 +3518,7 @@ function Header({
         className: "size-8 shadow-md"
       }
     ),
-    navItems && navItems.length > 0 && /* @__PURE__ */ jsx17(
+    navItems && navItems.length > 0 && /* @__PURE__ */ jsx(
       NavigationMenu,
       {
         items: navItems,
@@ -3397,7 +3529,7 @@ function Header({
         itemsPreFiltered: true
       }
     ),
-    shouldShowContextSelector ? /* @__PURE__ */ jsx17(
+    shouldShowContextSelector ? /* @__PURE__ */ jsx(
       ContextSelector,
       {
         placeholder: "Select organisation or event",
@@ -3420,7 +3552,7 @@ function Header({
       }
     ) : null,
     actions,
-    showUserMenu && (userMenu ? userMenu : /* @__PURE__ */ jsx17(
+    showUserMenu && (userMenu ? userMenu : /* @__PURE__ */ jsx(
       UserMenu,
       {
         user: user || null,
@@ -3431,10 +3563,6 @@ function Header({
     ))
   ] }) });
 }
-
-// src/components/Footer/Footer.tsx
-import React15 from "react";
-import { Fragment as Fragment10, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 var FooterComponent = ({
   companyName = "Solvera Solutions Pty Ltd",
   year = (/* @__PURE__ */ new Date()).getFullYear(),
@@ -3445,21 +3573,16 @@ var FooterComponent = ({
   children
 }) => {
   const copyrightText = copyright || `\xA9 Copyright 2022\u2013${year} all rights reserved, ${companyName}.`;
-  return /* @__PURE__ */ jsx18("footer", { className: cn("mt-8 py-6 flex justify-center border-t border-border bg-main-100", className), children: /* @__PURE__ */ jsxs13("section", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto text-center", children: [
-    logo && /* @__PURE__ */ jsx18("img", { src: logo, alt: "Logo", className: "h-8 w-auto" }),
-    children && /* @__PURE__ */ jsx18(Fragment10, { children }),
-    /* @__PURE__ */ jsx18("span", { className: "text-muted-foreground", children: copyrightText }),
-    links && links.length > 0 && /* @__PURE__ */ jsx18("ul", { className: "flex gap-4 mt-2 md:mt-0", children: links.map((link, index) => /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsx18("a", { href: link.href, className: "text-muted-foreground hover:text-foreground", children: link.label }) }, index)) })
+  return /* @__PURE__ */ jsx("footer", { className: cn("mt-8 py-6 flex justify-center border-t border-border bg-main-100", className), children: /* @__PURE__ */ jsxs("section", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto text-center", children: [
+    logo && /* @__PURE__ */ jsx("img", { src: logo, alt: "Logo", className: "h-8 w-auto" }),
+    children && /* @__PURE__ */ jsx(Fragment, { children }),
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: copyrightText }),
+    links && links.length > 0 && /* @__PURE__ */ jsx("ul", { className: "flex gap-4 mt-2 md:mt-0", children: links.map((link, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: link.href, className: "text-muted-foreground hover:text-foreground", children: link.label }) }, index)) })
   ] }) });
 };
 FooterComponent.displayName = "Footer";
-var Footer = React15.memo(FooterComponent);
+var Footer = React6__default.memo(FooterComponent);
 Footer.displayName = "Footer";
-
-// src/components/PaceAppLayout/PaceAppLayout.tsx
-import { useState as useState12, useEffect as useEffect7, useMemo as useMemo8 } from "react";
-import { Outlet, useNavigate, useLocation } from "react-router-dom";
-import { Fragment as Fragment11, jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 var EMPTY_PAGE_ID_MAPPING = {};
 var EMPTY_ROUTE_PERMISSIONS = {};
 function PaceAppLayout({
@@ -3502,9 +3625,9 @@ function PaceAppLayout({
     isLoading: organisationLoading
   } = useOrganisations();
   const { isSuperAdmin: isSuperAdminFromRBAC, isLoading: rbacLoading } = useRBAC();
-  const [isSuperAdminDirect, setIsSuperAdminDirect] = useState12(false);
-  const [isCheckingSuperAdminDirect, setIsCheckingSuperAdminDirect] = useState12(false);
-  useEffect7(() => {
+  const [isSuperAdminDirect, setIsSuperAdminDirect] = useState(false);
+  const [isCheckingSuperAdminDirect, setIsCheckingSuperAdminDirect] = useState(false);
+  useEffect(() => {
     const checkSuperAdminDirect = async () => {
       if (!user?.id) {
         setIsSuperAdminDirect(false);
@@ -3541,13 +3664,14 @@ function PaceAppLayout({
   const { resolvedScope, isLoading: scopeLoading } = useResolvedScope({
     supabase: supabase || null,
     selectedOrganisationId: selectedOrganisation?.id || null,
-    selectedEventId: selectedEvent?.event_id || null
+    selectedEventId: selectedEvent?.event_id || null,
+    selectedEventOrganisationId: selectedEvent?.organisation_id || null
   });
   const resolvedAppId = contextAppId || resolvedScope?.appId;
   const scopeOrgId = resolvedScope?.organisationId || selectedOrganisation?.id || "";
   const scopeEventId = resolvedScope?.eventId || selectedEvent?.event_id || void 0;
   const scopeAppId = resolvedScope?.appId || resolvedAppId || void 0;
-  const scope = useMemo8(() => {
+  const scope = useMemo(() => {
     const newScope = {};
     if (scopeOrgId) {
       newScope.organisationId = scopeOrgId;
@@ -3560,19 +3684,19 @@ function PaceAppLayout({
     }
     return newScope;
   }, [scopeOrgId, scopeEventId, scopeAppId]);
-  const defaultNavItems = useMemo8(() => [
+  const defaultNavItems = useMemo(() => [
     { 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 = useMemo8(() => navItems || defaultNavItems, [navItems]);
-  const currentRoutePermission = useMemo8(() => {
+  const baseMenuItems = useMemo(() => navItems || defaultNavItems, [navItems]);
+  const currentRoutePermission = useMemo(() => {
     const currentPath = location.pathname;
     return routePermissions[currentPath] || defaultPermission;
   }, [location.pathname, routePermissions, defaultPermission]);
-  const currentPageId = useMemo8(() => {
+  const currentPageId = useMemo(() => {
     const currentPath = location.pathname;
     if (pageIdMapping[currentPath]) {
       return pageIdMapping[currentPath];
@@ -3580,7 +3704,7 @@ function PaceAppLayout({
     const pathSegments = currentPath.slice(1).split("/").filter(Boolean);
     return pathSegments[0] || "";
   }, [location.pathname, pageIdMapping]);
-  const currentPermission = useMemo8(() => {
+  const currentPermission = useMemo(() => {
     if (!enforcePermissions || !currentPageId) {
       return "";
     }
@@ -3603,13 +3727,13 @@ function PaceAppLayout({
   );
   const can = isSuperAdmin2 ? true : canFromHook;
   const hasPermission = enforcePermissions ? can : true;
-  const isContextError = useMemo8(() => {
+  const isContextError = useMemo(() => {
     if (!permissionError) {
       return false;
     }
     return permissionError instanceof EventContextRequiredError || permissionError instanceof OrganisationContextRequiredError || permissionError.name === "EventContextRequiredError" || permissionError.name === "OrganisationContextRequiredError";
   }, [permissionError]);
-  useEffect7(() => {
+  useEffect(() => {
     if (!enforcePermissions) {
       return;
     }
@@ -3632,8 +3756,8 @@ function PaceAppLayout({
       onPageAccessDenied(currentPageId, currentRoutePermission);
     }
   }, [enforcePermissions, can, isCheckingPermission, isSuperAdmin2, currentPageId, currentRoutePermission, user?.id, strictMode, auditLog, onPageAccessDenied, onStrictModeViolation]);
-  const [filteredMenuItems, setFilteredMenuItems] = useState12(baseMenuItems);
-  useEffect7(() => {
+  const [filteredMenuItems, setFilteredMenuItems] = useState(baseMenuItems);
+  useEffect(() => {
     let isMounted = true;
     const filterItems = async () => {
       if (!user?.id) {
@@ -3643,7 +3767,7 @@ function PaceAppLayout({
         return;
       }
       const currentScope = scope;
-      const hasAppId = currentScope.appId || resolvedAppId;
+      currentScope.appId || resolvedAppId;
       const hasOrganisationContext = currentScope.organisationId;
       const hasUser = !!user?.id;
       if (!hasUser) {
@@ -3659,7 +3783,7 @@ function PaceAppLayout({
         return;
       }
       try {
-        const { isSuperAdmin: checkSuperAdminDynamic } = await import("./api-O6HTBX5Y.js");
+        const { isSuperAdmin: checkSuperAdminDynamic } = await import('./api-Y4MQWOFW.js');
         const isSuper = await checkSuperAdminDynamic(user.id);
         if (isSuper) {
           if (isMounted) {
@@ -3668,13 +3792,12 @@ function PaceAppLayout({
           return;
         }
       } catch (error) {
-        if (error && typeof error === "object" && "code" in error && error.code === "RBAC_NOT_INITIALIZED") {
-        } else {
+        if (error && typeof error === "object" && "code" in error && error.code === "RBAC_NOT_INITIALIZED") ; else {
           throw error;
         }
       }
       try {
-        const { getPermissionMap } = await import("./api-O6HTBX5Y.js");
+        const { getPermissionMap } = await import('./api-Y4MQWOFW.js');
         const permissionScope = {
           organisationId: currentScope.organisationId,
           eventId: currentScope.eventId,
@@ -3685,7 +3808,7 @@ function PaceAppLayout({
           userId: user.id,
           scope: permissionScope
         });
-        const { getPageScopeType } = await import("./api-O6HTBX5Y.js");
+        const { getPageScopeType } = await import('./api-Y4MQWOFW.js');
         const effectiveAppId = currentScope.appId || resolvedAppId;
         const effectiveAppName = appName;
         const hasEventContext = !!currentScope.eventId;
@@ -3772,7 +3895,7 @@ function PaceAppLayout({
       isMounted = false;
     };
   }, [baseMenuItems, pageIdMapping, routePermissions, defaultPermission, can, user?.id, scope, scopeLoading, contextAppId, resolvedScope?.appId, selectedOrganisation?.id, selectedEvent?.event_id, appName]);
-  useEffect7(() => {
+  useEffect(() => {
     if (!roleBasedRouting || routeConfig.length === 0) return;
     let isMounted = true;
     const checkRouteAccess = async () => {
@@ -3794,7 +3917,7 @@ function PaceAppLayout({
       let hasAccess = true;
       if (currentRoute.pageId && currentRoute.permissions && currentRoute.permissions.length > 0) {
         try {
-          const { isPermittedCached } = await import("./api-O6HTBX5Y.js");
+          const { isPermittedCached } = await import('./api-Y4MQWOFW.js');
           const hasPagePermission = await isPermittedCached({
             userId: user?.id || "",
             scope,
@@ -3810,7 +3933,7 @@ function PaceAppLayout({
         }
       }
       if (hasAccess && currentRoute.roles && currentRoute.roles.length > 0 && user?.id) {
-        const { useUnifiedAuth: useUnifiedAuth2 } = await import("./UnifiedAuthProvider-4SBX4LU5.js");
+        const { useUnifiedAuth: useUnifiedAuth2 } = await import('./UnifiedAuthProvider-ZT6TIGM7.js');
         hasAccess = true;
       }
       if (!isMounted) return;
@@ -3871,62 +3994,58 @@ function PaceAppLayout({
     }
   };
   if (user?.id && organisationLoading && !isSuperAdmin2 && !isCheckingSuperAdminDirect && !rbacLoading && !selectedOrganisationId) {
-    return /* @__PURE__ */ jsxs14("p", { className: "grid place-items-center text-center size-full", children: [
-      /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsxs("p", { className: "grid place-items-center text-center size-full", children: [
+      /* @__PURE__ */ jsx(
         LoadingSpinner,
         {
           size: "lg"
         }
       ),
-      /* @__PURE__ */ jsx19("br", {}),
+      /* @__PURE__ */ jsx("br", {}),
       "Loading organisation context..."
     ] });
   }
   if (enforcePermissions && isCheckingPermission) {
-    return /* @__PURE__ */ jsxs14("p", { className: "grid place-items-center text-center size-full", children: [
-      /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsxs("p", { className: "grid place-items-center text-center size-full", children: [
+      /* @__PURE__ */ jsx(
         LoadingSpinner,
         {
           size: "lg"
         }
       ),
-      /* @__PURE__ */ jsx19("br", {}),
+      /* @__PURE__ */ jsx("br", {}),
       "Checking permissions..."
     ] });
   }
   if (enforcePermissions && permissionError && !isSuperAdmin2 && !isContextError) {
-    return /* @__PURE__ */ jsxs14("hgroup", { className: "grid place-items-center text-center size-full", children: [
-      /* @__PURE__ */ jsx19("h2", { children: "Permission Error" }),
-      /* @__PURE__ */ jsx19("p", { children: permissionError.message }),
-      /* @__PURE__ */ jsx19(Button, { onClick: () => navigate("/"), children: "Go Home" })
+    return /* @__PURE__ */ jsxs("hgroup", { className: "grid place-items-center text-center size-full", children: [
+      /* @__PURE__ */ jsx("h2", { children: "Permission Error" }),
+      /* @__PURE__ */ jsx("p", { children: permissionError.message }),
+      /* @__PURE__ */ jsx(Button, { onClick: () => navigate("/"), children: "Go Home" })
     ] });
   }
   if (enforcePermissions && hasPermission === false && !isCheckingSuperAdminDirect && !isSuperAdmin2 && !isContextError) {
     if (enforcePagePermissions && pagePermissionFallback) {
-      return /* @__PURE__ */ jsx19(Fragment11, { children: pagePermissionFallback });
+      return /* @__PURE__ */ jsx(Fragment, { children: pagePermissionFallback });
     }
     if (permissionFallback) {
-      return /* @__PURE__ */ jsx19(Fragment11, { children: permissionFallback });
+      return /* @__PURE__ */ jsx(Fragment, { children: permissionFallback });
     }
-    return /* @__PURE__ */ jsxs14("hgroup", { className: "grid place-items-center text-center size-full", children: [
-      /* @__PURE__ */ jsx19("h2", { children: "Access Denied" }),
-      /* @__PURE__ */ jsx19("p", { children: "You don't have permission to access this page." }),
-      /* @__PURE__ */ jsx19(Button, { onClick: () => navigate("/"), children: "Go Home" }),
-      /* @__PURE__ */ jsx19(
-        Button,
-        {
-          variant: "outline",
-          onClick: async () => {
-            await handleSignOut();
-            navigate("/login");
-          },
-          children: "Sign out"
-        }
-      )
-    ] });
+    return /* @__PURE__ */ jsx(
+      AccessDenied,
+      {
+        message: "You don't have permission to access this page.",
+        onGoBack: () => navigate("/"),
+        onSignOut: async () => {
+          await handleSignOut();
+          navigate("/login");
+        },
+        showSignOut: true
+      }
+    );
   }
-  return /* @__PURE__ */ jsxs14(Fragment11, { children: [
-    /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
       Header,
       {
         logo: customLogo || void 0,
@@ -3952,38 +4071,39 @@ function PaceAppLayout({
         className: headerClassName || "sticky top-0 z-[40] w-full"
       }
     ),
-    /* @__PURE__ */ jsx19("main", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children: /* @__PURE__ */ jsx19(Outlet, {}) }),
-    /* @__PURE__ */ jsx19(Footer, {})
+    /* @__PURE__ */ jsx("main", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children: /* @__PURE__ */ jsx(Outlet, {}) }),
+    /* @__PURE__ */ jsx(Footer, {})
   ] });
 }
-
-// src/components/PaceLoginPage/PaceLoginPage.tsx
-import { useEffect as useEffect8, useState as useState13, useContext as useContext2 } from "react";
-import { useNavigate as useNavigate2, useLocation as useLocation2 } from "react-router-dom";
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
 var PaceLoginPage = ({
   appName = "Pace",
   onSuccessRedirectPath = "/",
   requireAppAccess = false
 }) => {
-  const { signIn, isAuthenticated, isLoading, authError, user, supabase } = useUnifiedAuth();
-  const navigate = useNavigate2();
-  const location = useLocation2();
-  const [isSigningIn, setIsSigningIn] = useState13(false);
-  const [accessError, setAccessError] = useState13(null);
-  const [isCheckingAccess, setIsCheckingAccess] = useState13(false);
-  const eventServiceContext = useContext2(EventServiceContext);
+  const authContext = useContext(UnifiedAuthContext);
+  const navigate = useNavigate();
+  const location = useLocation();
+  const [isSigningIn, setIsSigningIn] = useState(false);
+  const [accessError, setAccessError] = useState(null);
+  const [isCheckingAccess, setIsCheckingAccess] = useState(false);
+  const eventServiceContext = useContext(EventServiceContext);
   const eventService = eventServiceContext?.eventService || null;
-  useEffect8(() => {
+  const signIn = authContext?.signIn || (async () => ({ error: null }));
+  const isAuthenticated = authContext?.isAuthenticated ?? false;
+  const isLoading = authContext?.isLoading ?? false;
+  const authError = authContext?.authError ?? null;
+  const user = authContext?.user ?? null;
+  const supabase = authContext?.supabase ?? null;
+  useEffect(() => {
     clearPalette();
   }, []);
-  useEffect8(() => {
+  useEffect(() => {
     const isOnLoginPage = location.pathname === "/login" || location.pathname.startsWith("/login");
     if (isOnLoginPage) {
       clearPalette();
     }
   }, [location.pathname]);
-  useEffect8(() => {
+  useEffect(() => {
     const restoreEvent = async () => {
       try {
         const isOnLoginPage = window.location.pathname === "/login" || window.location.pathname.startsWith("/login");
@@ -3998,7 +4118,7 @@ var PaceLoginPage = ({
     }, 100);
     return () => clearTimeout(timeoutId);
   }, [eventService]);
-  useEffect8(() => {
+  useEffect(() => {
     if (!requireAppAccess || !isAuthenticated || isLoading || !user || !supabase) {
       return;
     }
@@ -4086,8 +4206,11 @@ var PaceLoginPage = ({
       setIsSigningIn(false);
     }
   };
-  return /* @__PURE__ */ jsxs15("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__ */ jsx20(
+  if (!authContext) {
+    return /* @__PURE__ */ jsx("main", { className: "min-h-screen flex items-center justify-center", children: /* @__PURE__ */ jsx("section", { className: "text-center", children: /* @__PURE__ */ jsx("p", { children: "Loading..." }) }) });
+  }
+  return /* @__PURE__ */ jsxs("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__ */ jsx(
       "img",
       {
         src: `/${appName.toLowerCase()}_logo_square.svg`,
@@ -4095,7 +4218,7 @@ var PaceLoginPage = ({
         className: "h-48"
       }
     ),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx(
       LoginForm,
       {
         className: "w-md",
@@ -4109,20 +4232,17 @@ var PaceLoginPage = ({
     ),
     (() => {
       const benign = !!(authError && (authError.name === "AuthSessionMissingError" || /Auth session missing/i.test(authError.message)));
-      return authError && !benign ? /* @__PURE__ */ jsx20("em", { className: "mt-4 text-destructive text-center", children: authError.message }) : null;
+      return authError && !benign ? /* @__PURE__ */ jsx("em", { className: "mt-4 text-destructive text-center", children: authError.message }) : null;
     })(),
-    accessError && /* @__PURE__ */ jsx20("em", { className: "mt-4 text-destructive text-center", children: accessError }),
-    isCheckingAccess && /* @__PURE__ */ jsx20("em", { className: "mt-4 text-muted-foreground text-center", children: "Checking permissions..." })
+    accessError && /* @__PURE__ */ jsx("em", { className: "mt-4 text-destructive text-center", children: accessError }),
+    isCheckingAccess && /* @__PURE__ */ jsx("em", { className: "mt-4 text-muted-foreground text-center", children: "Checking permissions..." })
   ] });
 };
-
-// src/components/SessionRestorationLoader/SessionRestorationLoader.tsx
-import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 var SessionRestorationLoader = ({
   message = "Restoring session...",
   className
 }) => {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs(
     Alert,
     {
       className: cn(
@@ -4133,17 +4253,12 @@ var SessionRestorationLoader = ({
       "aria-live": "polite",
       "aria-label": message,
       children: [
-        /* @__PURE__ */ jsx21(LoadingSpinner, { size: "lg" }),
-        /* @__PURE__ */ jsx21("span", { className: "text-sm text-sec-600", children: message })
+        /* @__PURE__ */ jsx(LoadingSpinner, { size: "lg" }),
+        /* @__PURE__ */ jsx("span", { className: "text-sm text-sec-600", children: message })
       ]
     }
   );
 };
-
-// src/components/ProtectedRoute/ProtectedRoute.tsx
-import { useMemo as useMemo9, useEffect as useEffect9, useRef as useRef8, useState as useState14 } from "react";
-import { Navigate, Outlet as Outlet2 } from "react-router-dom";
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 function ProtectedRoute({
   requireEvent = false,
   noEventsFallback,
@@ -4157,17 +4272,17 @@ function ProtectedRoute({
   const eventLoading = requireEvent ? eventsContext.isLoading || false : false;
   const sessionRestoration = useSessionRestoration();
   usePreventTabReload({ enabled: true, gracePeriodMs: 2e3 });
-  const wasAuthenticatedRef = useRef8(false);
-  const [shouldRedirect, setShouldRedirect] = useState14(false);
-  const tabJustBecameVisibleRef = useRef8(false);
-  useEffect9(() => {
+  const wasAuthenticatedRef = useRef(false);
+  const [shouldRedirect, setShouldRedirect] = useState(false);
+  const tabJustBecameVisibleRef = useRef(false);
+  useEffect(() => {
     if (isAuthenticated) {
       wasAuthenticatedRef.current = true;
       setShouldRedirect(false);
       tabJustBecameVisibleRef.current = false;
     }
   }, [isAuthenticated]);
-  useEffect9(() => {
+  useEffect(() => {
     if (typeof document === "undefined") return;
     let timeoutId = null;
     let wasHidden = document.hidden;
@@ -4211,13 +4326,13 @@ function ProtectedRoute({
       }
     };
   }, [isAuthenticated]);
-  useEffect9(() => {
+  useEffect(() => {
     if (isAuthenticated) {
       setShouldRedirect(false);
       tabJustBecameVisibleRef.current = false;
     }
   }, [isAuthenticated]);
-  const isRestoringSession = useMemo9(() => {
+  const isRestoringSession = useMemo(() => {
     return sessionRestoration.isRestoring && !sessionRestoration.restorationComplete && !sessionRestoration.restorationError && !sessionRestoration.hasTimedOut;
   }, [
     sessionRestoration.isRestoring,
@@ -4226,13 +4341,13 @@ function ProtectedRoute({
     sessionRestoration.hasTimedOut
   ]);
   if (isRestoringSession) {
-    return /* @__PURE__ */ jsx22(SessionRestorationLoader, {});
+    return /* @__PURE__ */ jsx(SessionRestorationLoader, {});
   }
   if (requireEvent && eventLoading) {
-    return /* @__PURE__ */ jsx22(Outlet2, {});
+    return /* @__PURE__ */ jsx(Outlet, {});
   }
   if (isLoading && !sessionRestoration.hasTimedOut) {
-    return loadingFallback || /* @__PURE__ */ jsx22("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100vh" }, children: /* @__PURE__ */ jsx22(LoadingSpinner, {}) });
+    return loadingFallback || /* @__PURE__ */ jsx("main", { className: "grid place-items-center size-full", children: /* @__PURE__ */ jsx(LoadingSpinner, {}) });
   }
   if (!isAuthenticated) {
     if (sessionRestoration.hasTimedOut || sessionRestoration.restorationError) {
@@ -4240,41 +4355,37 @@ function ProtectedRoute({
         timedOut: sessionRestoration.hasTimedOut,
         error: sessionRestoration.restorationError?.message
       });
-      return /* @__PURE__ */ jsx22(Navigate, { to: loginPath, replace: true });
+      return /* @__PURE__ */ jsx(Navigate, { to: loginPath, replace: true });
     }
     if (!wasAuthenticatedRef.current) {
-      return /* @__PURE__ */ jsx22(Navigate, { to: loginPath, replace: true });
+      return /* @__PURE__ */ jsx(Navigate, { to: loginPath, replace: true });
     }
     const isTabVisible = typeof document !== "undefined" && !document.hidden;
     if (tabJustBecameVisibleRef.current || isTabVisible && wasAuthenticatedRef.current && isLoading) {
-      return loadingFallback || /* @__PURE__ */ jsx22("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100vh" }, children: /* @__PURE__ */ jsx22(LoadingSpinner, {}) });
+      return loadingFallback || /* @__PURE__ */ jsx("main", { className: "grid place-items-center size-full", children: /* @__PURE__ */ jsx(LoadingSpinner, {}) });
     }
     if (shouldRedirect) {
-      return /* @__PURE__ */ jsx22(Navigate, { to: loginPath, replace: true });
+      return /* @__PURE__ */ jsx(Navigate, { to: loginPath, replace: true });
     }
     if (isLoading) {
-      return loadingFallback || /* @__PURE__ */ jsx22("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100vh" }, children: /* @__PURE__ */ jsx22(LoadingSpinner, {}) });
+      return loadingFallback || /* @__PURE__ */ jsx("main", { className: "grid place-items-center size-full", children: /* @__PURE__ */ jsx(LoadingSpinner, {}) });
     }
-    return /* @__PURE__ */ jsx22(Navigate, { to: loginPath, replace: true });
+    return /* @__PURE__ */ jsx(Navigate, { to: loginPath, replace: true });
   }
   if (!requireEvent) {
-    return /* @__PURE__ */ jsx22(Outlet2, {});
+    return /* @__PURE__ */ jsx(Outlet, {});
   }
   if (!events || events.length === 0) {
-    return noEventsFallback || /* @__PURE__ */ jsx22("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "100vh", padding: "2rem" }, children: /* @__PURE__ */ jsxs17(Alert, { variant: "destructive", className: "max-w-md", children: [
-      /* @__PURE__ */ jsx22(AlertTitle, { children: "No Events Available" }),
-      /* @__PURE__ */ jsx22(AlertDescription, { children: "You don't have access to any events. Please contact your administrator if you believe this is an error." })
+    return noEventsFallback || /* @__PURE__ */ jsx("main", { className: "grid place-items-center text-center min-h-screen p-8", children: /* @__PURE__ */ jsxs(Alert, { variant: "destructive", className: "max-w-md", children: [
+      /* @__PURE__ */ jsx(AlertTitle, { children: "No Events Available" }),
+      /* @__PURE__ */ jsx(AlertDescription, { children: "You don't have access to any events. Please contact your administrator if you believe this is an error." })
     ] }) });
   }
   if (!selectedEvent) {
-    return /* @__PURE__ */ jsx22(Outlet2, {});
+    return /* @__PURE__ */ jsx(Outlet, {});
   }
-  return /* @__PURE__ */ jsx22(Outlet2, {});
+  return /* @__PURE__ */ jsx(Outlet, {});
 }
-
-// src/components/FileUpload/FileUpload.tsx
-import { useState as useState15, useCallback as useCallback10, useRef as useRef9, useEffect as useEffect10, useMemo as useMemo10 } from "react";
-import { Fragment as Fragment12, jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 function FileUpload({
   supabase,
   table_name,
@@ -4307,14 +4418,14 @@ function FileUpload({
     }
     throw new Error(errorMsg);
   }
-  const [isDragging, setIsDragging] = useState15(false);
-  const [uploadStates, setUploadStates] = useState15(/* @__PURE__ */ new Map());
-  const [resolvedAppId, setResolvedAppId] = useState15(app_id || null);
-  const [isResolvingAppId, setIsResolvingAppId] = useState15(!app_id);
-  const [appIdError, setAppIdError] = useState15(null);
-  const fileInputRef = useRef9(null);
+  const [isDragging, setIsDragging] = useState(false);
+  const [uploadStates, setUploadStates] = useState(/* @__PURE__ */ new Map());
+  const [resolvedAppId, setResolvedAppId] = useState(app_id || null);
+  const [isResolvingAppId, setIsResolvingAppId] = useState(!app_id);
+  const [appIdError, setAppIdError] = useState(null);
+  const fileInputRef = useRef(null);
   const { uploadFile, isLoading, error } = useFileReference(supabase);
-  useEffect10(() => {
+  useEffect(() => {
     if (app_id) {
       setResolvedAppId(app_id);
       setIsResolvingAppId(false);
@@ -4349,15 +4460,15 @@ function FileUpload({
     };
     resolveAppId();
   }, [app_id, supabase]);
-  const isUploading = useMemo10(() => {
+  const isUploading = useMemo(() => {
     return uploadStates.size > 0 && Array.from(uploadStates.values()).some(
       (state) => state.progress.status === "uploading" || state.progress.status === "processing"
     );
   }, [uploadStates]);
-  const isDisabled = useMemo10(() => {
+  const isDisabled = useMemo(() => {
     return disabled || isUploading || isResolvingAppId || !resolvedAppId;
   }, [disabled, isUploading, isResolvingAppId, resolvedAppId]);
-  const generatePreview = useCallback10((file) => {
+  const generatePreview = useCallback((file) => {
     return new Promise((resolve) => {
       if (!file.type.startsWith("image/")) {
         resolve(null);
@@ -4371,7 +4482,7 @@ function FileUpload({
       reader.readAsDataURL(file);
     });
   }, []);
-  const validateFile = useCallback10((file) => {
+  const validateFile = useCallback((file) => {
     if (file.size > maxSize) {
       return `File "${file.name}" exceeds maximum size of ${Math.round(maxSize / 1024 / 1024)}MB`;
     }
@@ -4395,15 +4506,13 @@ function FileUpload({
     }
     return null;
   }, [accept, maxSize]);
-  const handleFileSelect = useCallback10(async (files) => {
+  const handleFileSelect = useCallback(async (files) => {
     if (!files || files.length === 0) return;
     const fileArray = Array.from(files);
-    const validationErrors = [];
     const validFiles = [];
     for (const file of fileArray) {
       const error2 = validateFile(file);
       if (error2) {
-        validationErrors.push(error2);
         onUploadError?.(error2, file);
       } else {
         validFiles.push(file);
@@ -4576,19 +4685,19 @@ function FileUpload({
       }
     }
   }, [uploadFile, table_name, record_id, organisation_id, resolvedAppId, category, folder, isPublic, maxSize, onUploadSuccess, onUploadError, onProgress, validateFile, generatePreview, showPreview, appIdError, pageContext]);
-  const handleDragOver = useCallback10((e) => {
+  const handleDragOver = useCallback((e) => {
     e.preventDefault();
     e.stopPropagation();
     if (!isDisabled) {
       setIsDragging(true);
     }
   }, [isDisabled]);
-  const handleDragLeave = useCallback10((e) => {
+  const handleDragLeave = useCallback((e) => {
     e.preventDefault();
     e.stopPropagation();
     setIsDragging(false);
   }, []);
-  const handleDrop = useCallback10((e) => {
+  const handleDrop = useCallback((e) => {
     e.preventDefault();
     e.stopPropagation();
     setIsDragging(false);
@@ -4596,13 +4705,13 @@ function FileUpload({
     const files = e.dataTransfer.files;
     handleFileSelect(files);
   }, [isDisabled, handleFileSelect]);
-  const handleFileInputChange = useCallback10((e) => {
+  const handleFileInputChange = useCallback((e) => {
     handleFileSelect(e.target.files);
     if (e.target) {
       e.target.value = "";
     }
   }, [handleFileSelect]);
-  const handleClick = useCallback10(() => {
+  const handleClick = useCallback(() => {
     if (!isDisabled && fileInputRef.current) {
       fileInputRef.current.click();
     }
@@ -4616,9 +4725,9 @@ function FileUpload({
   };
   const dragClasses = isDragging ? "border-main-500 bg-main-50" : "border-sec-300 hover:border-sec-400";
   const disabledClasses = isDisabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:bg-sec-50";
-  return /* @__PURE__ */ jsxs18("div", { className: `space-y-4 ${className}`, children: [
-    /* @__PURE__ */ jsxs18(
-      "div",
+  return /* @__PURE__ */ jsxs(Card, { className, children: [
+    /* @__PURE__ */ jsxs(
+      CardHeader,
       {
         role: "button",
         tabIndex: isDisabled ? -1 : 0,
@@ -4636,8 +4745,8 @@ function FileUpload({
           }
         } : void 0,
         children: [
-          children || /* @__PURE__ */ jsxs18("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx23(
+          children || /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
               "input",
               {
                 ref: fileInputRef,
@@ -4651,64 +4760,58 @@ function FileUpload({
                 "aria-label": accept ? `Upload file${multiple ? "s" : ""} (${accept})` : `Upload file${multiple ? "s" : ""}`
               }
             ),
-            /* @__PURE__ */ jsx23("div", { className: "text-sec-600", children: isResolvingAppId ? "Resolving app configuration..." : isDragging ? "Drop files here..." : /* @__PURE__ */ jsxs18(Fragment12, { children: [
-              /* @__PURE__ */ jsx23("span", { className: "font-medium", children: "Click to upload" }),
+            /* @__PURE__ */ jsx("p", { className: "text-sec-600", children: isResolvingAppId ? "Resolving app configuration..." : isDragging ? "Drop files here..." : /* @__PURE__ */ jsxs(Fragment, { children: [
+              "Click to upload",
               " ",
               "or drag and drop"
             ] }) }),
-            /* @__PURE__ */ jsxs18("div", { className: "text-sm text-sec-500", children: [
+            /* @__PURE__ */ jsxs("p", { className: "text-sm text-sec-500", children: [
               !isResolvingAppId && accept !== "*/*" && `Accepted formats: ${accept}`,
               !isResolvingAppId && maxSize && ` \u2022 Max size: ${Math.round(maxSize / 1024 / 1024)}MB`,
               !isResolvingAppId && multiple && " \u2022 Multiple files allowed"
             ] })
           ] }),
-          isUploading && !showProgress && /* @__PURE__ */ jsx23(
-            "div",
-            {
-              className: "absolute inset-0 bg-white bg-opacity-75 flex items-center justify-center",
-              role: "status",
-              "aria-live": "polite",
-              "aria-label": "Uploading file",
-              children: /* @__PURE__ */ jsx23("div", { className: "animate-spin rounded-full size-8 border-b-2 border-main-500", "aria-hidden": "true" })
-            }
-          )
+          isUploading && !showProgress && /* @__PURE__ */ jsx(LoadingSpinner, { size: "lg", className: "text-main-500" })
         ]
       }
     ),
-    showProgress && uploadStates.size > 0 && /* @__PURE__ */ jsx23("div", { className: "space-y-2", children: Array.from(uploadStates.entries()).map(([fileId, uploadState]) => {
+    showProgress && uploadStates.size > 0 && /* @__PURE__ */ jsx(CardContent, { children: Array.from(uploadStates.entries()).map(([fileId, uploadState]) => {
       const { file, progress, preview, result } = uploadState;
       const isError = progress.status === "error";
       const isCompleted = progress.status === "completed";
       const isUploading2 = progress.status === "uploading" || progress.status === "processing";
-      return /* @__PURE__ */ jsxs18(
-        "div",
+      return /* @__PURE__ */ jsxs(
+        Card,
         {
-          className: `flex items-center space-x-3 p-3 rounded-lg border ${isError ? "bg-acc-50 border-acc-200" : isCompleted ? "bg-success-50 border-success-200" : "bg-sec-50 border-sec-200"}`,
+          className: `grid grid-cols-[auto_1fr_auto] items-center gap-3 ${isError ? "bg-acc-50 border-acc-200" : isCompleted ? "bg-success-50 border-success-200" : "bg-sec-50 border-sec-200"}`,
           children: [
-            /* @__PURE__ */ jsx23("div", { className: "flex-shrink-0", children: preview ? /* @__PURE__ */ jsx23(
+            /* @__PURE__ */ jsx(CardHeader, { className: "p-0", children: preview ? /* @__PURE__ */ jsx(
               "img",
               {
                 src: preview,
                 alt: file.name,
-                className: "w-12 h-12 object-cover rounded"
+                className: "size-12 object-cover rounded"
               }
-            ) : /* @__PURE__ */ jsx23("div", { className: "w-12 h-12 flex items-center justify-center bg-sec-200 rounded", children: /* @__PURE__ */ jsx23("span", { className: "text-2xl", children: "\u{1F4C4}" }) }) }),
-            /* @__PURE__ */ jsxs18("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsx23("div", { className: "font-medium text-sec-900 truncate", children: file.name }),
-              /* @__PURE__ */ jsxs18("div", { className: "text-sm text-sec-500", children: [
+            ) : /* @__PURE__ */ jsx(File, { className: "size-12 text-sec-600" }) }),
+            /* @__PURE__ */ jsxs(CardContent, { className: "p-0 min-w-0", children: [
+              /* @__PURE__ */ jsx(CardTitle, { className: "text-base truncate", children: file.name }),
+              /* @__PURE__ */ jsxs(CardDescription, { children: [
                 formatFileSize(file.size),
                 isCompleted && result && " \u2022 Uploaded",
                 isError && progress.error && ` \u2022 ${progress.error}`
               ] }),
-              showProgress && (isUploading2 || isError) && /* @__PURE__ */ jsxs18("div", { className: "mt-2", children: [
-                /* @__PURE__ */ jsx23("div", { className: "w-full bg-sec-200 rounded-full h-2", children: /* @__PURE__ */ jsx23(
-                  "div",
+              showProgress && (isUploading2 || isError) && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  Progress,
                   {
-                    className: `h-2 rounded-full transition-all duration-300 ${isError ? "bg-acc-500" : "bg-main-500"}`,
-                    style: { width: `${progress.percentage}%` }
+                    value: progress.percentage,
+                    max: 100,
+                    style: {
+                      accentColor: isError ? "var(--color-acc-500)" : "var(--color-main-500)"
+                    }
                   }
-                ) }),
-                isUploading2 && /* @__PURE__ */ jsxs18("div", { className: "text-xs text-sec-500 mt-1", children: [
+                ),
+                isUploading2 && /* @__PURE__ */ jsxs("p", { children: [
                   progress.percentage,
                   "% \u2022 ",
                   formatFileSize(progress.loaded),
@@ -4717,125 +4820,22 @@ function FileUpload({
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs18("div", { className: "flex-shrink-0", children: [
-              isCompleted && /* @__PURE__ */ jsx23("span", { className: "text-success-500 text-xl", children: "\u2713" }),
-              isError && /* @__PURE__ */ jsx23("span", { className: "text-acc-500 text-xl", children: "\u2715" }),
-              isUploading2 && /* @__PURE__ */ jsx23(
-                "div",
-                {
-                  className: "animate-spin rounded-full size-5 border-b-2 border-main-500",
-                  role: "status",
-                  "aria-label": "Uploading",
-                  "aria-hidden": "true"
-                }
-              )
+            /* @__PURE__ */ jsxs(CardFooter, { className: "p-0", children: [
+              isCompleted && /* @__PURE__ */ jsx(Check, { className: "text-success-500 size-5" }),
+              isError && /* @__PURE__ */ jsx(X, { className: "text-acc-500 size-5" }),
+              isUploading2 && /* @__PURE__ */ jsx(LoadingSpinner, { size: "sm", className: "text-main-500" })
             ] })
           ]
         },
         fileId
       );
     }) }),
-    appIdError && /* @__PURE__ */ jsx23(
-      "div",
-      {
-        className: "p-3 bg-acc-50 border border-acc-200 rounded-lg text-sm text-acc-600",
-        role: "alert",
-        "aria-live": "assertive",
-        children: appIdError
-      }
-    ),
-    error && /* @__PURE__ */ jsx23(
-      "div",
-      {
-        className: "p-3 bg-acc-50 border border-acc-200 rounded-lg text-sm text-acc-600",
-        role: "alert",
-        "aria-live": "assertive",
-        children: error
-      }
-    )
+    (appIdError || error) && /* @__PURE__ */ jsxs(CardFooter, { children: [
+      appIdError && /* @__PURE__ */ jsx("p", { className: "grid place-items-center text-center size-full", role: "alert", "aria-live": "assertive", children: appIdError }),
+      error && /* @__PURE__ */ jsx("p", { className: "grid place-items-center text-center size-full", role: "alert", "aria-live": "assertive", children: error })
+    ] })
   ] });
 }
-
-// src/components/Table/Table.tsx
-import * as React20 from "react";
-import { jsx as jsx24 } from "react/jsx-runtime";
-var Table = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
-  "table",
-  {
-    ref,
-    className: cn("w-full caption-bottom text-sm", className),
-    ...props
-  }
-));
-Table.displayName = "Table";
-var TableHeader = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
-TableHeader.displayName = "TableHeader";
-var TableBody = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
-  "tbody",
-  {
-    ref,
-    className: cn("[&_tr:last-child]:border-0", className),
-    ...props
-  }
-));
-TableBody.displayName = "TableBody";
-var TableFooter = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
-  "tfoot",
-  {
-    ref,
-    className: cn(
-      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
-      className
-    ),
-    ...props
-  }
-));
-TableFooter.displayName = "TableFooter";
-var TableRow = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
-  "tr",
-  {
-    ref,
-    className: cn(
-      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
-      className
-    ),
-    ...props
-  }
-));
-TableRow.displayName = "TableRow";
-var TableHead = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
-  "th",
-  {
-    ref,
-    className: cn(
-      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
-      className
-    ),
-    ...props
-  }
-));
-TableHead.displayName = "TableHead";
-var TableCell = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
-  "td",
-  {
-    ref,
-    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
-    ...props
-  }
-));
-TableCell.displayName = "TableCell";
-var TableCaption = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
-  "caption",
-  {
-    ref,
-    className: cn("mt-4 text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-TableCaption.displayName = "TableCaption";
-
-// src/components/PublicLayout/PublicPageLayout.tsx
-import { Fragment as Fragment13, jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 function PublicPageHeader({
   event,
   eventCode,
@@ -4848,11 +4848,11 @@ function PublicPageHeader({
   customEventLogo
 }) {
   const { appName } = useAppConfig();
-  return /* @__PURE__ */ jsxs19("header", { className: cn(
+  return /* @__PURE__ */ jsxs("header", { className: cn(
     "w-full px-[max(0rem,calc((100vw-var(--app-width))/2-0.5rem))] grid grid-cols-[auto_1fr_auto] place-items-center gap-2",
     className
   ), children: [
-    showAppLogo && appName && /* @__PURE__ */ jsx25(
+    showAppLogo && appName && /* @__PURE__ */ jsx(
       "img",
       {
         className: "ml-4 max-w-36 object-contain row-span-2",
@@ -4860,9 +4860,9 @@ function PublicPageHeader({
         alt: appName
       }
     ),
-    event && /* @__PURE__ */ jsxs19(Fragment13, { children: [
-      /* @__PURE__ */ jsx25("h1", { children: event.event_name }),
-      showEventLogo && event && /* @__PURE__ */ jsx25(Fragment13, { children: customEventLogo || /* @__PURE__ */ jsx25(
+    event && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("h1", { children: event.event_name }),
+      showEventLogo && event && /* @__PURE__ */ jsx(Fragment, { children: customEventLogo || /* @__PURE__ */ jsx(
         FileDisplay,
         {
           table_name: "event",
@@ -4879,13 +4879,13 @@ function PublicPageHeader({
           }
         }
       ) }),
-      event.event_venue && /* @__PURE__ */ jsx25("h4", { children: event.event_venue })
+      event.event_venue && /* @__PURE__ */ jsx("h4", { children: event.event_venue })
     ] }),
-    title && /* @__PURE__ */ jsxs19(Fragment13, { children: [
-      /* @__PURE__ */ jsx25("h1", { children: title }),
-      description && /* @__PURE__ */ jsx25("p", { className: "text-lg text-sec-600 max-w-3xl mx-auto", children: description })
+    title && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("h1", { children: title }),
+      description && /* @__PURE__ */ jsx("p", { className: "text-lg text-sec-600 max-w-3xl mx-auto", children: description })
     ] }),
-    children && /* @__PURE__ */ jsx25(Fragment13, { children })
+    children && /* @__PURE__ */ jsx(Fragment, { children })
   ] });
 }
 function PublicPageFooter({
@@ -4899,11 +4899,11 @@ function PublicPageFooter({
   children
 }) {
   const copyrightText = copyright || `\xA9 Copyright 2022\u2013${year} all rights reserved, ${companyName}.`;
-  return /* @__PURE__ */ jsx25("footer", { className: cn("mt-8 py-6 flex justify-center", className), children: /* @__PURE__ */ jsxs19("section", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto text-center", children: [
-    logo && /* @__PURE__ */ jsx25("img", { src: logo, alt: "Logo", className: "h-8 w-auto" }),
-    children && /* @__PURE__ */ jsx25(Fragment13, { children }),
-    /* @__PURE__ */ jsx25("span", { className: "text-muted-foreground", children: copyrightText }),
-    links && links.length > 0 && /* @__PURE__ */ jsx25("ul", { className: "flex gap-4 mt-2 md:mt-0", children: links.map((link, index) => /* @__PURE__ */ jsx25("li", { children: /* @__PURE__ */ jsx25("a", { href: link.href, className: "text-muted-foreground hover:text-foreground", children: link.label }) }, index)) })
+  return /* @__PURE__ */ jsx("footer", { className: cn("mt-8 py-6 flex justify-center", className), children: /* @__PURE__ */ jsxs("section", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto text-center", children: [
+    logo && /* @__PURE__ */ jsx("img", { src: logo, alt: "Logo", className: "h-8 w-auto" }),
+    children && /* @__PURE__ */ jsx(Fragment, { children }),
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: copyrightText }),
+    links && links.length > 0 && /* @__PURE__ */ jsx("ul", { className: "flex gap-4 mt-2 md:mt-0", children: links.map((link, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: link.href, className: "text-muted-foreground hover:text-foreground", children: link.label }) }, index)) })
   ] }) });
 }
 function PublicPageLayout({
@@ -4926,102 +4926,51 @@ function PublicPageLayout({
   });
   if (isLoading) {
     if (LoadingFallback) {
-      return /* @__PURE__ */ jsx25(LoadingFallback, {});
+      return /* @__PURE__ */ jsx(LoadingFallback, {});
     }
-    return /* @__PURE__ */ jsxs19("p", { className: "grid place-items-center text-center size-full", children: [
-      /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsxs("p", { className: "grid place-items-center text-center size-full", children: [
+      /* @__PURE__ */ jsx(
         LoadingSpinner,
         {
           size: "lg"
         }
       ),
-      /* @__PURE__ */ jsx25("br", {}),
+      /* @__PURE__ */ jsx("br", {}),
       loadingMessage || "Loading..."
     ] });
   }
   if (error && showValidationErrors) {
     if (ErrorFallback) {
-      return /* @__PURE__ */ jsx25(ErrorFallback, { error, retry: handleRefetch });
+      return /* @__PURE__ */ jsx(ErrorFallback, { error, retry: handleRefetch });
     }
-    return /* @__PURE__ */ jsxs19("main", { className: "flex flex-col items-center justify-center px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children: [
-      /* @__PURE__ */ jsx25("h1", { children: "Event Not Found" }),
-      /* @__PURE__ */ jsxs19("p", { children: [
+    return /* @__PURE__ */ jsxs("main", { className: "flex flex-col items-center justify-center px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children: [
+      /* @__PURE__ */ jsx("h1", { children: "Event Not Found" }),
+      /* @__PURE__ */ jsxs("p", { children: [
         'The event code "',
         eventCode,
         '" is invalid or the event is not available for public viewing.'
       ] }),
-      /* @__PURE__ */ jsx25(Button, { onClick: handleRefetch, children: "Try Again" })
+      /* @__PURE__ */ jsx(Button, { onClick: handleRefetch, children: "Try Again" })
     ] });
   }
   if (!event && showValidationErrors) {
-    return /* @__PURE__ */ jsxs19("main", { className: "flex flex-col items-center justify-center px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children: [
-      /* @__PURE__ */ jsx25("h1", { children: "Event Not Available" }),
-      /* @__PURE__ */ jsx25("p", { children: "This event is not available for public viewing." }),
-      handleRefetch && /* @__PURE__ */ jsx25(Button, { onClick: handleRefetch, children: "Try Again" })
+    return /* @__PURE__ */ jsxs("main", { className: "flex flex-col items-center justify-center px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children: [
+      /* @__PURE__ */ jsx("h1", { children: "Event Not Available" }),
+      /* @__PURE__ */ jsx("p", { children: "This event is not available for public viewing." }),
+      handleRefetch && /* @__PURE__ */ jsx(Button, { onClick: handleRefetch, children: "Try Again" })
     ] });
   }
-  return /* @__PURE__ */ jsx25(ErrorBoundary, { componentName: "PublicPageLayout", children: /* @__PURE__ */ jsxs19(Fragment13, { children: [
-    customHeader || /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx(ErrorBoundary, { componentName: "PublicPageLayout", children: /* @__PURE__ */ jsxs(Fragment, { children: [
+    customHeader || /* @__PURE__ */ jsx(
       PublicPageHeader,
       {
         event: event || void 0,
         eventCode
       }
     ),
-    /* @__PURE__ */ jsx25("main", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children }),
-    showFooter && event && (customFooter || /* @__PURE__ */ jsx25(PublicPageFooter, { event }))
+    /* @__PURE__ */ jsx("main", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children }),
+    showFooter && event && (customFooter || /* @__PURE__ */ jsx(PublicPageFooter, { event }))
   ] }) });
 }
 
-export {
-  AddressField,
-  Label,
-  Textarea,
-  FileDisplay,
-  useFileReference,
-  useFileReferenceForRecord,
-  useFileReferenceById,
-  useFilesByCategory,
-  Avatar,
-  Badge,
-  Switch,
-  Tabs,
-  TabsList,
-  TabsTrigger,
-  TabsContent,
-  Calendar,
-  ToastProvider,
-  ToastViewport,
-  Toast,
-  ToastAction,
-  ToastClose,
-  ToastTitle,
-  ToastDescription,
-  Toaster,
-  Form,
-  FormField,
-  LoginForm,
-  ContextSelector,
-  PasswordChangeForm,
-  UserMenu,
-  NavigationMenu,
-  Header,
-  Footer,
-  PaceAppLayout,
-  PaceLoginPage,
-  SessionRestorationLoader,
-  ProtectedRoute,
-  FileUpload,
-  Table,
-  TableHeader,
-  TableBody,
-  TableFooter,
-  TableRow,
-  TableHead,
-  TableCell,
-  TableCaption,
-  PublicPageHeader,
-  PublicPageFooter,
-  PublicPageLayout
-};
-//# sourceMappingURL=chunk-6COVEUS7.js.map
+export { AddressField, Avatar, Badge, Calendar, ContextSelector, FileDisplay, FileUpload, Footer, Form, FormField, Header, LoginForm, NavigationMenu, PaceAppLayout, PaceLoginPage, PasswordChangeForm, ProtectedRoute, PublicPageFooter, PublicPageHeader, PublicPageLayout, SessionRestorationLoader, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, UserMenu, useFileReference, useFileReferenceById, useFileReferenceForRecord, useFilesByCategory };