@jmruthers/pace-core 0.5.185 → 0.5.187

package/dist/{chunk-HC67NW5K.js → chunk-LBBUPSSC.js}

@@ -25,41 +25,44 @@ import {
   SelectSeparator,
   SelectTrigger,
   SelectValue
-} from "./chunk-HGPQUCBC.js";
+} from "./chunk-FMTK4XNN.js";
 import {
   useCan,
   usePermissions,
   useRBAC,
   useResolvedScope
-} from "./chunk-445GEP27.js";
+} from "./chunk-3IC5WCMO.js";
 import {
   isSuperAdmin
-} from "./chunk-U6WNSFX5.js";
+} from "./chunk-HEHYGYOX.js";
 import {
   ErrorBoundary,
   PublicPageContext,
   createFileReferenceService,
+  generateFileUrlsBatch,
   getPublicUrl,
   getSignedUrl,
   uploadFileWithReference,
+  useAddressAutocomplete,
   useAppConfig,
   useEventTheme,
   useFileDisplay,
   useIsPublicPage,
+  usePreventTabReload,
   usePublicFileDisplay
-} from "./chunk-MX3EIJGQ.js";
+} from "./chunk-C4OYJOV4.js";
 import {
   useToast
 } from "./chunk-6C4YBBJM.js";
 import {
   useEvents,
   useOrganisations
-} from "./chunk-XAUHJD3L.js";
+} from "./chunk-K2JGDXGU.js";
 import {
   EventServiceContext,
   useSessionRestoration,
   useUnifiedAuth
-} from "./chunk-FXFJRTKI.js";
+} from "./chunk-WK2Y6TGA.js";
 import {
   assertAppId
 } from "./chunk-QXHPKYJV.js";
@@ -81,14 +84,240 @@ import {
   logger
 } from "./chunk-PWLANIRT.js";
 
-// src/components/Label/Label.tsx
+// src/components/AddressField/AddressField.tsx
 import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var AddressField = React.forwardRef(
+  ({
+    apiKey,
+    value: controlledValue,
+    defaultValue = "",
+    onChange,
+    onInputChange,
+    placeholder = "Enter address",
+    error,
+    disabled,
+    className,
+    size = "md",
+    variant = "default",
+    autocompleteOptions,
+    debounceDelay,
+    cacheEnabled = true,
+    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 value = controlledValue !== void 0 ? controlledValue : internalValue;
+    const { suggestions, isLoading, error: autocompleteError, selectAddress, clearSuggestions } = useAddressAutocomplete(apiKey, value, {
+      autocompleteOptions,
+      debounceDelay,
+      cacheEnabled,
+      cacheTTL
+    });
+    React.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(
+      (e) => {
+        const newValue = e.target.value;
+        if (controlledValue === void 0) {
+          setInternalValue(newValue);
+        }
+        onInputChange?.(newValue);
+        setSelectedIndex(-1);
+        if (!newValue.trim()) {
+          onChange?.(null);
+          clearSuggestions();
+        }
+      },
+      [controlledValue, onInputChange, onChange, clearSuggestions]
+    );
+    const handleSelectAddress = React.useCallback(
+      async (placeId) => {
+        setIsOpen(false);
+        setSelectedIndex(-1);
+        const address = await selectAddress(placeId);
+        if (address) {
+          const displayValue = address.full_address || "";
+          if (controlledValue === void 0) {
+            setInternalValue(displayValue);
+          }
+          onInputChange?.(displayValue);
+          onChange?.(address);
+        }
+        inputRef.current?.blur();
+      },
+      [selectAddress, onChange, onInputChange, controlledValue]
+    );
+    const handleKeyDown = React.useCallback(
+      (e) => {
+        if (!isOpen || suggestions.length === 0) {
+          if (e.key === "Escape") {
+            setIsOpen(false);
+            inputRef.current?.blur();
+          }
+          return;
+        }
+        switch (e.key) {
+          case "ArrowDown":
+            e.preventDefault();
+            setSelectedIndex((prev) => prev < suggestions.length - 1 ? prev + 1 : prev);
+            break;
+          case "ArrowUp":
+            e.preventDefault();
+            setSelectedIndex((prev) => prev > 0 ? prev - 1 : -1);
+            break;
+          case "Enter":
+            e.preventDefault();
+            if (selectedIndex >= 0 && selectedIndex < suggestions.length) {
+              handleSelectAddress(suggestions[selectedIndex].place_id);
+            }
+            break;
+          case "Escape":
+            e.preventDefault();
+            setIsOpen(false);
+            setSelectedIndex(-1);
+            inputRef.current?.blur();
+            break;
+          case "Tab":
+            setIsOpen(false);
+            setSelectedIndex(-1);
+            break;
+        }
+      },
+      [isOpen, suggestions, selectedIndex, handleSelectAddress]
+    );
+    const handleFocus = React.useCallback(() => {
+      setInputFocused(true);
+      if (suggestions.length > 0 && value.trim()) {
+        setIsOpen(true);
+      }
+    }, [suggestions, value]);
+    const handleBlur = React.useCallback(
+      (e) => {
+        setTimeout(() => {
+          if (!containerRef.current?.contains(document.activeElement)) {
+            setInputFocused(false);
+            setIsOpen(false);
+            setSelectedIndex(-1);
+          }
+        }, 200);
+      },
+      []
+    );
+    React.useEffect(() => {
+      const handleClickOutside = (event) => {
+        if (containerRef.current && !containerRef.current.contains(event.target)) {
+          setIsOpen(false);
+          setSelectedIndex(-1);
+        }
+      };
+      if (isOpen) {
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => {
+          document.removeEventListener("mousedown", handleClickOutside);
+        };
+      }
+    }, [isOpen]);
+    React.useEffect(() => {
+      if (selectedIndex >= 0 && suggestionsRef.current) {
+        const selectedItem = suggestionsRef.current.children[selectedIndex];
+        if (selectedItem && typeof selectedItem.scrollIntoView === "function") {
+          selectedItem.scrollIntoView({ block: "nearest", behavior: "smooth" });
+        }
+      }
+    }, [selectedIndex]);
+    React.useImperativeHandle(ref, () => inputRef.current);
+    const suggestionsId = React.useId();
+    const hasError = error || !!autocompleteError;
+    return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: cn("relative w-full", className), children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            ref: inputRef,
+            type: "text",
+            value,
+            onChange: handleInputChange,
+            onKeyDown: handleKeyDown,
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            placeholder,
+            disabled,
+            error: hasError,
+            size,
+            variant,
+            role: "combobox",
+            "aria-expanded": isOpen,
+            "aria-autocomplete": "list",
+            "aria-controls": suggestionsId,
+            "aria-haspopup": "listbox",
+            "aria-activedescendant": selectedIndex >= 0 ? `${suggestionsId}-item-${selectedIndex}` : void 0,
+            ...props
+          }
+        ),
+        isLoading && /* @__PURE__ */ jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none", children: /* @__PURE__ */ jsx(LoadingSpinner, { size: "sm" }) })
+      ] }),
+      isOpen && suggestions.length > 0 && /* @__PURE__ */ jsx(
+        "ul",
+        {
+          ref: suggestionsRef,
+          id: suggestionsId,
+          role: "listbox",
+          className: cn(
+            "absolute z-[99999] w-full mt-1 max-h-60 overflow-y-auto",
+            "border border-main-300 bg-main-50 shadow-lg rounded-md",
+            "list-none p-0 m-0"
+          ),
+          "data-testid": "address-suggestions",
+          children: suggestions.map((suggestion, index) => /* @__PURE__ */ jsxs(
+            "li",
+            {
+              id: `${suggestionsId}-item-${index}`,
+              role: "option",
+              "aria-selected": selectedIndex === index,
+              className: cn(
+                "px-3 py-2 cursor-pointer text-sm",
+                "hover:bg-main-100 focus:bg-main-100",
+                "border-b border-main-200 last:border-b-0",
+                selectedIndex === index && "bg-main-100"
+              ),
+              onClick: () => handleSelectAddress(suggestion.place_id),
+              onMouseEnter: () => setSelectedIndex(index),
+              "data-testid": `address-suggestion-${index}`,
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "font-medium text-main-900", children: suggestion.structured_formatting?.main_text || suggestion.description }),
+                suggestion.structured_formatting?.secondary_text && /* @__PURE__ */ jsx("div", { className: "text-xs text-main-600 mt-0.5", children: suggestion.structured_formatting.secondary_text })
+              ]
+            },
+            suggestion.place_id
+          ))
+        }
+      ),
+      autocompleteError && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-destructive", role: "alert", children: autocompleteError.message })
+    ] });
+  }
+);
+AddressField.displayName = "AddressField";
+
+// src/components/Label/Label.tsx
+import * as React2 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, 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 = React.forwardRef(({
+var Label = React2.forwardRef(({
   className,
   required = false,
   requiredIndicator,
@@ -103,8 +332,8 @@ var Label = React.forwardRef(({
 }, ref) => {
   const hasError = !!error;
   const showHelperText = helperText && !hasError;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsxs2(
       LabelPrimitive.Root,
       {
         ref,
@@ -117,7 +346,7 @@ var Label = React.forwardRef(({
         ...props,
         children: [
           children,
-          required && /* @__PURE__ */ jsx(
+          required && /* @__PURE__ */ jsx2(
             "span",
             {
               "aria-label": "required",
@@ -131,8 +360,8 @@ var Label = React.forwardRef(({
         ]
       }
     ),
-    showHelperText && /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground", helperTextClassName), children: helperText }),
-    hasError && /* @__PURE__ */ jsx(
+    showHelperText && /* @__PURE__ */ jsx2("p", { className: cn("text-muted-foreground", helperTextClassName), children: helperText }),
+    hasError && /* @__PURE__ */ jsx2(
       "p",
       {
         role: "alert",
@@ -146,11 +375,11 @@ var Label = React.forwardRef(({
 Label.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/Textarea/Textarea.tsx
-import * as React2 from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var Textarea = React2.forwardRef(
+import * as React3 from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Textarea = React3.forwardRef(
   ({ className, variant = "default", size = "md", error, ...props }, ref) => {
-    return /* @__PURE__ */ jsx2(
+    return /* @__PURE__ */ jsx3(
       "textarea",
       {
         className: cn(
@@ -178,10 +407,10 @@ var Textarea = React2.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/Avatar/Avatar.tsx
-import * as React3 from "react";
+import * as React4 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var Avatar = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Avatar = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
   AvatarPrimitive.Root,
   {
     ref,
@@ -193,7 +422,7 @@ var Avatar = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+var AvatarImage = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
   AvatarPrimitive.Image,
   {
     ref,
@@ -202,7 +431,7 @@ var AvatarImage = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+var AvatarFallback = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -216,8 +445,8 @@ var AvatarFallback = React3.forwardRef(({ className, ...props }, ref) => /* @__P
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // src/components/Badge/Badge.tsx
-import * as React4 from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import * as React5 from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var shadeConfig = {
   muted: {
     bg: 200,
@@ -282,7 +511,7 @@ function getBadgeClasses(variant = "solid-main-normal") {
   const baseClasses = "text-balance rounded-2xl px-3 py-1 mr-1 text-xs font-medium transition-colors box-border";
   return `${baseClasses} ${variantClassesMap[variant]}`;
 }
-var Badge = React4.forwardRef(
+var Badge = React5.forwardRef(
   ({ className, variant = "solid-main-normal", ...props }, ref) => {
     const isSoftVariant = variant.startsWith("soft-");
     if (isSoftVariant) {
@@ -292,7 +521,7 @@ var Badge = React4.forwardRef(
       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__ */ jsx4(
+      return /* @__PURE__ */ jsx5(
         "span",
         {
           ref,
@@ -301,7 +530,7 @@ var Badge = React4.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx5(
       "span",
       {
         ref,
@@ -314,10 +543,10 @@ var Badge = React4.forwardRef(
 Badge.displayName = "Badge";
 
 // src/components/Switch/Switch.tsx
-import * as React5 from "react";
+import * as React6 from "react";
 import * as SwitchPrimitive from "@radix-ui/react-switch";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var Switch = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Switch = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
   SwitchPrimitive.Root,
   {
     className: cn(
@@ -339,7 +568,7 @@ var Switch = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ jsx5(
+    children: /* @__PURE__ */ jsx6(
       SwitchPrimitive.Thumb,
       {
         className: cn(
@@ -360,12 +589,12 @@ 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 React7 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var Tabs = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx6(TabsPrimitive.Root, { asChild: true, ...props, children: /* @__PURE__ */ jsx6("section", { ref, className, children }) }));
+import { jsx as jsx7 } from "react/jsx-runtime";
+var Tabs = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx7(TabsPrimitive.Root, { asChild: true, ...props, children: /* @__PURE__ */ jsx7("section", { ref, className, children }) }));
 Tabs.displayName = TabsPrimitive.Root.displayName || "Tabs";
-var TabsList = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx6(TabsPrimitive.List, { asChild: true, ...props, children: /* @__PURE__ */ jsx6(
+var TabsList = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx7(TabsPrimitive.List, { asChild: true, ...props, children: /* @__PURE__ */ jsx7(
   "nav",
   {
     ref,
@@ -377,8 +606,8 @@ 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__ */ jsx6(TabsPrimitive.Trigger, { asChild: true, ...props, children: /* @__PURE__ */ jsx6(
+var TabsTrigger = React7.forwardRef(({ className, variant, size, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx7(TabsPrimitive.Trigger, { asChild: true, ...props, children: /* @__PURE__ */ jsx7(
     Button,
     {
       ref,
@@ -396,7 +625,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__ */ jsx6(TabsPrimitive.Content, { asChild: true, ...props, children: /* @__PURE__ */ jsx6(
+var TabsContent = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx7(TabsPrimitive.Content, { asChild: true, ...props, children: /* @__PURE__ */ jsx7(
   "aside",
   {
     ref,
@@ -410,13 +639,13 @@ 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 * as React8 from "react";
 import { DayPicker } from "react-day-picker";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var Calendar = React7.forwardRef(
+import { jsx as jsx8 } from "react/jsx-runtime";
+var Calendar = React8.forwardRef(
   ({ className, classNames, mode, components, ...props }, ref) => {
     const defaultComponents = {
-      IconLeft: ({ ...iconProps }) => /* @__PURE__ */ jsx7(
+      IconLeft: ({ ...iconProps }) => /* @__PURE__ */ jsx8(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -428,10 +657,10 @@ var Calendar = React7.forwardRef(
           strokeLinejoin: "round",
           className: "h-4 w-4",
           ...iconProps,
-          children: /* @__PURE__ */ jsx7("path", { d: "m15 18-6-6 6-6" })
+          children: /* @__PURE__ */ jsx8("path", { d: "m15 18-6-6 6-6" })
         }
       ),
-      IconRight: ({ ...iconProps }) => /* @__PURE__ */ jsx7(
+      IconRight: ({ ...iconProps }) => /* @__PURE__ */ jsx8(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -443,12 +672,12 @@ var Calendar = React7.forwardRef(
           strokeLinejoin: "round",
           className: "h-4 w-4",
           ...iconProps,
-          children: /* @__PURE__ */ jsx7("path", { d: "m9 18 6-6-6-6" })
+          children: /* @__PURE__ */ jsx8("path", { d: "m9 18 6-6-6-6" })
         }
       ),
       ...components
     };
-    return /* @__PURE__ */ jsx7("div", { ref, className: cn("p-3", className), children: /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx8("div", { ref, className: cn("p-3", className), children: /* @__PURE__ */ jsx8(
       DayPicker,
       {
         ...mode ? { mode } : {},
@@ -496,12 +725,12 @@ var Calendar = React7.forwardRef(
 Calendar.displayName = "Calendar";
 
 // src/components/Toast/Toast.tsx
-import * as React8 from "react";
+import * as React9 from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { X } from "lucide-react";
-import { jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
 var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var ToastViewport = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -514,8 +743,8 @@ var ToastViewport = React8.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var Toast = React8.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx8(
+var Toast = React9.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx9(
     ToastPrimitives.Root,
     {
       ref,
@@ -529,7 +758,7 @@ var Toast = React8.forwardRef(({ className, ...props }, ref) => {
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var ToastAction = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   ToastPrimitives.Action,
   {
     ref,
@@ -542,7 +771,7 @@ var ToastAction = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var ToastClose = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   ToastPrimitives.Close,
   {
     ref,
@@ -553,11 +782,11 @@ var ToastClose = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE_
     ),
     "toast-close": "",
     ...props,
-    children: /* @__PURE__ */ jsx8(X, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx9(X, { className: "h-4 w-4" })
   }
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var ToastTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   ToastPrimitives.Title,
   {
     ref,
@@ -567,7 +796,7 @@ var ToastTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx8(
+var ToastDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   ToastPrimitives.Description,
   {
     ref,
@@ -579,15 +808,15 @@ var ToastDescription = React8.forwardRef(({ className, ...props }, ref) => /* @_
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 function Toaster() {
   const { toasts } = useToast();
-  return /* @__PURE__ */ jsxs2(ToastProvider, { "data-testid": "toast-provider", children: [
-    /* @__PURE__ */ jsx8(ToastViewport, {}),
+  return /* @__PURE__ */ jsxs3(ToastProvider, { "data-testid": "toast-provider", children: [
+    /* @__PURE__ */ jsx9(ToastViewport, {}),
     toasts.map((toast) => {
       const { id, title, description, action, dismiss, duration, ...toastProps } = toast;
-      return /* @__PURE__ */ jsxs2(Toast, { ...toastProps, duration, children: [
-        title && /* @__PURE__ */ jsx8(ToastTitle, { children: title }),
-        description && /* @__PURE__ */ jsx8(ToastDescription, { children: description }),
+      return /* @__PURE__ */ jsxs3(Toast, { ...toastProps, duration, children: [
+        title && /* @__PURE__ */ jsx9(ToastTitle, { children: title }),
+        description && /* @__PURE__ */ jsx9(ToastDescription, { children: description }),
         action && action,
-        /* @__PURE__ */ jsx8(ToastClose, { onClick: dismiss })
+        /* @__PURE__ */ jsx9(ToastClose, { onClick: dismiss })
       ] }, id);
     })
   ] });
@@ -596,7 +825,7 @@ function Toaster() {
 // src/components/Form/Form.tsx
 import { useForm, FormProvider, useFormContext, Controller } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 function Form({
   schema,
   defaultValues,
@@ -612,7 +841,7 @@ function Form({
     mode
   });
   const handleSubmit = methods.handleSubmit(onSubmit, onError);
-  return /* @__PURE__ */ jsx9(FormProvider, { ...methods, children: /* @__PURE__ */ jsx9("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: typeof children === "function" ? children(methods) : children }) });
+  return /* @__PURE__ */ jsx10(FormProvider, { ...methods, children: /* @__PURE__ */ jsx10("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: typeof children === "function" ? children(methods) : children }) });
 }
 function FormField({
   name,
@@ -628,12 +857,12 @@ function FormField({
   const { control, formState: { errors } } = useFormContext();
   const fieldError = errors[name];
   const errorMessage = fieldError && typeof fieldError === "object" && "message" in fieldError ? String(fieldError.message) : void 0;
-  return /* @__PURE__ */ jsxs3("div", { className: cn("space-y-2", className), children: [
-    label && /* @__PURE__ */ jsxs3(Label, { htmlFor: name, children: [
+  return /* @__PURE__ */ jsxs4("div", { className: cn("space-y-2", className), children: [
+    label && /* @__PURE__ */ jsxs4(Label, { htmlFor: name, children: [
       label,
-      validation?.required && /* @__PURE__ */ jsx9("span", { className: "text-destructive ml-1", "aria-label": "required", children: "*" })
+      validation?.required && /* @__PURE__ */ jsx10("span", { className: "text-destructive ml-1", "aria-label": "required", children: "*" })
     ] }),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10(
       Controller,
       {
         name,
@@ -643,7 +872,7 @@ function FormField({
           if (render) {
             return render(props);
           }
-          return /* @__PURE__ */ jsx9(
+          return /* @__PURE__ */ jsx10(
             "input",
             {
               ...props.field,
@@ -661,14 +890,14 @@ function FormField({
         }
       }
     ),
-    errorMessage && /* @__PURE__ */ jsx9("p", { className: "text-destructive", role: "alert", children: errorMessage })
+    errorMessage && /* @__PURE__ */ jsx10("p", { className: "text-destructive", role: "alert", children: errorMessage })
   ] });
 }
 
 // src/components/LoginForm/LoginForm.tsx
-import React9, { useState, useCallback, useMemo } from "react";
-import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
-var LoginForm = React9.memo(({
+import React10, { useState as useState2, useCallback as useCallback2, useMemo } from "react";
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+var LoginForm = React10.memo(({
   onSignIn,
   onSuccess,
   onError,
@@ -680,18 +909,18 @@ var LoginForm = React9.memo(({
   onSignUp,
   className
 }) => {
-  const [formData, setFormData] = useState({ email: "", password: "" });
-  const [error, setError] = useState(null);
+  const [formData, setFormData] = useState2({ email: "", password: "" });
+  const [error, setError] = useState2(null);
   const isFormValid = useMemo(() => {
     return formData.email.length > 0 && formData.password.length > 0;
   }, [formData.email, formData.password]);
-  const handleEmailChange = useCallback((e) => {
+  const handleEmailChange = useCallback2((e) => {
     setFormData((prev) => ({ ...prev, email: e.target.value }));
   }, []);
-  const handlePasswordChange = useCallback((e) => {
+  const handlePasswordChange = useCallback2((e) => {
     setFormData((prev) => ({ ...prev, password: e.target.value }));
   }, []);
-  const handleSubmit = useCallback(async (e) => {
+  const handleSubmit = useCallback2(async (e) => {
     e.preventDefault();
     setError(null);
     if (!isFormValid || isLoading) return;
@@ -704,20 +933,20 @@ var LoginForm = React9.memo(({
       onError?.(err instanceof Error ? err : new Error(errorMessage));
     }
   }, [formData, isFormValid, isLoading, onSignIn, onSuccess, onError]);
-  const handleSignUpClick = useCallback(() => {
+  const handleSignUpClick = useCallback2(() => {
     onSignUp?.();
   }, [onSignUp]);
   const displayTitle = useMemo(() => title || (appName ? `Sign in to ${appName}` : "Sign In"), [title, appName]);
   const displaySubtitle = useMemo(() => subtitle || "Enter your credentials to continue.", [subtitle]);
-  return /* @__PURE__ */ jsx10(Card, { className: cn("w-full max-w-md mx-auto", className), children: /* @__PURE__ */ jsxs4("form", { onSubmit: handleSubmit, "data-testid": "login-form", children: [
-    /* @__PURE__ */ jsxs4(CardHeader, { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx10(CardTitle, { className: "text-2xl text-center", children: displayTitle }),
-      /* @__PURE__ */ jsx10(CardDescription, { className: "text-center", children: displaySubtitle })
+  return /* @__PURE__ */ jsx11(Card, { className: cn("w-full max-w-md mx-auto", className), children: /* @__PURE__ */ jsxs5("form", { onSubmit: handleSubmit, "data-testid": "login-form", children: [
+    /* @__PURE__ */ jsxs5(CardHeader, { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx11(CardTitle, { className: "text-2xl text-center", children: displayTitle }),
+      /* @__PURE__ */ jsx11(CardDescription, { className: "text-center", children: displaySubtitle })
     ] }),
-    /* @__PURE__ */ jsxs4(CardContent, { className: "space-y-4", children: [
-      error && /* @__PURE__ */ jsx10(Alert, { variant: "destructive", role: "alert", "aria-live": "assertive", children: /* @__PURE__ */ jsx10(AlertDescription, { children: error }) }),
-      /* @__PURE__ */ jsx10(Label, { htmlFor: "email", children: "Email" }),
-      /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsxs5(CardContent, { className: "space-y-4", children: [
+      error && /* @__PURE__ */ jsx11(Alert, { variant: "destructive", role: "alert", "aria-live": "assertive", children: /* @__PURE__ */ jsx11(AlertDescription, { children: error }) }),
+      /* @__PURE__ */ jsx11(Label, { htmlFor: "email", children: "Email" }),
+      /* @__PURE__ */ jsx11(
         Input,
         {
           id: "email",
@@ -729,8 +958,8 @@ var LoginForm = React9.memo(({
           disabled: isLoading
         }
       ),
-      /* @__PURE__ */ jsx10(Label, { htmlFor: "password", children: "Password" }),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx11(Label, { htmlFor: "password", children: "Password" }),
+      /* @__PURE__ */ jsx11(
         Input,
         {
           id: "password",
@@ -743,8 +972,8 @@ var LoginForm = React9.memo(({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs4(CardFooter, { className: "flex flex-col space-y-4", children: [
-      /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsxs5(CardFooter, { className: "flex flex-col space-y-4", children: [
+      /* @__PURE__ */ jsx11(
         Button,
         {
           type: "submit",
@@ -753,7 +982,7 @@ var LoginForm = React9.memo(({
           children: isLoading ? "Signing in..." : "Sign In"
         }
       ),
-      showSignUp && (onSignUp ? /* @__PURE__ */ jsx10("div", { className: "text-sm text-center text-muted-foreground", children: /* @__PURE__ */ jsx10(
+      showSignUp && (onSignUp ? /* @__PURE__ */ jsx11("div", { className: "text-sm text-center text-muted-foreground", children: /* @__PURE__ */ jsx11(
         "button",
         {
           type: "button",
@@ -761,10 +990,10 @@ var LoginForm = React9.memo(({
           className: "text-primary hover:underline",
           children: "Don't have an account? Sign up"
         }
-      ) }) : /* @__PURE__ */ jsxs4("p", { className: "text-center text-muted-foreground", children: [
+      ) }) : /* @__PURE__ */ jsxs5("p", { className: "text-center text-muted-foreground", children: [
         "Don't have an account?",
         " ",
-        /* @__PURE__ */ jsx10("a", { href: "/signup", className: "text-primary hover:underline", children: "Sign up" })
+        /* @__PURE__ */ jsx11("a", { href: "/signup", className: "text-primary hover:underline", children: "Sign up" })
       ] }))
     ] })
   ] }) });
@@ -772,8 +1001,8 @@ var LoginForm = React9.memo(({
 
 // src/components/EventSelector/EventSelector.tsx
 import { RefreshCw, AlertCircle, Lock, Calendar as Calendar2, Star } from "lucide-react";
-import { useEffect, useMemo as useMemo2, useRef } from "react";
-import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useEffect as useEffect2, useMemo as useMemo2, useRef as useRef2 } from "react";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
 function EventSelector({
   placeholder = "Select an event",
   className,
@@ -835,10 +1064,10 @@ function EventSelector({
     const getTime = (e) => e.event_date ? new Date(e.event_date).getTime() : Number.NEGATIVE_INFINITY;
     return [...events].sort((a, b) => getTime(b) - getTime(a));
   }, [events]);
-  const prevEventsLengthRef = useRef(events.length);
-  const prevSelectedEventIdRef = useRef(selectedEvent?.event_id);
-  const hasAutoSelectedRef = useRef(false);
-  useEffect(() => {
+  const prevEventsLengthRef = useRef2(events.length);
+  const prevSelectedEventIdRef = useRef2(selectedEvent?.event_id);
+  const hasAutoSelectedRef = useRef2(false);
+  useEffect2(() => {
     const eventsLengthChanged = events.length !== prevEventsLengthRef.current;
     const selectedEventChanged = selectedEvent?.event_id !== prevSelectedEventIdRef.current;
     if (eventsLengthChanged) {
@@ -879,17 +1108,17 @@ function EventSelector({
     }
   }, [events.length, selectedEvent?.event_id, isLoading, setSelectedEvent, onEventChange]);
   if (isLoading) {
-    return /* @__PURE__ */ jsxs5("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx11(LoadingSpinner, { size: "sm" }),
-      /* @__PURE__ */ jsx11("span", { className: "text-sm text-muted-foreground", children: "Loading events..." })
+    return /* @__PURE__ */ jsxs6("div", { className: `flex items-center gap-2 ${className}`, children: [
+      /* @__PURE__ */ jsx12(LoadingSpinner, { size: "sm" }),
+      /* @__PURE__ */ jsx12("span", { className: "text-sm text-muted-foreground", children: "Loading events..." })
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ jsx11("div", { className, children: /* @__PURE__ */ jsxs5(Alert, { variant: "destructive", children: [
-      /* @__PURE__ */ jsx11(Lock, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsxs5(AlertDescription, { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx11("span", { children: error.message }),
-        showRetryButton && /* @__PURE__ */ jsxs5(
+    return /* @__PURE__ */ jsx12("div", { className, children: /* @__PURE__ */ jsxs6(Alert, { variant: "destructive", children: [
+      /* @__PURE__ */ jsx12(Lock, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsxs6(AlertDescription, { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx12("span", { children: error.message }),
+        showRetryButton && /* @__PURE__ */ jsxs6(
           Button,
           {
             variant: "outline",
@@ -897,7 +1126,7 @@ function EventSelector({
             onClick: handleRetry,
             className: "ml-2",
             children: [
-              /* @__PURE__ */ jsx11(RefreshCw, { className: "h-3 w-3 mr-1" }),
+              /* @__PURE__ */ jsx12(RefreshCw, { className: "h-3 w-3 mr-1" }),
               "Retry"
             ]
           }
@@ -907,11 +1136,11 @@ function EventSelector({
   }
   if (events.length === 0) {
     if (showNoEventsMessage) {
-      return /* @__PURE__ */ jsx11("div", { className, children: /* @__PURE__ */ jsxs5(Alert, { variant: "inline", children: [
-        /* @__PURE__ */ jsx11(AlertCircle, { className: "h-4 w-4 text-acc-700" }),
-        /* @__PURE__ */ jsxs5(AlertDescription, { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx11("span", { children: "No events available." }),
-          showRetryButton && /* @__PURE__ */ jsxs5(
+      return /* @__PURE__ */ jsx12("div", { className, children: /* @__PURE__ */ jsxs6(Alert, { variant: "inline", children: [
+        /* @__PURE__ */ jsx12(AlertCircle, { className: "h-4 w-4 text-acc-700" }),
+        /* @__PURE__ */ jsxs6(AlertDescription, { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx12("span", { children: "No events available." }),
+          showRetryButton && /* @__PURE__ */ jsxs6(
             Button,
             {
               variant: "outline",
@@ -919,7 +1148,7 @@ function EventSelector({
               onClick: handleRetry,
               className: "ml-2",
               children: [
-                /* @__PURE__ */ jsx11(RefreshCw, { className: "h-3 w-3 mr-1" }),
+                /* @__PURE__ */ jsx12(RefreshCw, { className: "h-3 w-3 mr-1" }),
                 "Refresh"
               ]
             }
@@ -929,43 +1158,43 @@ function EventSelector({
     }
     return null;
   }
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs6(
     Select,
     {
       value: selectedEvent ? selectedEvent.event_id || selectedEvent.id : "",
       onValueChange: handleValueChange,
       className,
       children: [
-        /* @__PURE__ */ jsx11(SelectTrigger, { className: "text-left", variant: "outline", children: /* @__PURE__ */ jsx11(SelectValue, { placeholder, children: selectedEvent && /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx11(Calendar2, { className: "h-4 w-4 flex-shrink-0" }),
-          /* @__PURE__ */ jsx11("span", { className: "truncate", children: selectedEvent.event_name }),
-          selectedEvent.event_date && /* @__PURE__ */ jsxs5("span", { className: "text-xs text-muted-foreground flex-shrink-0", children: [
+        /* @__PURE__ */ jsx12(SelectTrigger, { className: "text-left", variant: "outline", children: /* @__PURE__ */ jsx12(SelectValue, { placeholder, children: selectedEvent && /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx12(Calendar2, { className: "h-4 w-4 flex-shrink-0" }),
+          /* @__PURE__ */ jsx12("span", { className: "truncate", children: selectedEvent.event_name }),
+          selectedEvent.event_date && /* @__PURE__ */ jsxs6("span", { className: "text-xs text-muted-foreground flex-shrink-0", children: [
             "(",
             formatEventDate(selectedEvent.event_date),
             ")"
           ] })
         ] }) }) }),
-        /* @__PURE__ */ jsx11(SelectContent, { children: sortedEvents.map((event) => {
+        /* @__PURE__ */ jsx12(SelectContent, { children: sortedEvents.map((event) => {
           const isNext = isNextEvent(event);
           const isSelected = selectedEvent && (selectedEvent.event_id === event.event_id || selectedEvent.id === event.id);
-          return /* @__PURE__ */ jsx11(
+          return /* @__PURE__ */ jsx12(
             SelectItem,
             {
               value: event.event_id || event.id,
               className: "flex items-center justify-between",
-              children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 w-full", children: [
-                showNextEventIndicator && isNext && /* @__PURE__ */ jsx11(Star, { className: "h-3 w-3 text-acc-500" }),
-                /* @__PURE__ */ jsxs5("div", { className: "flex-1", children: [
-                  /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx11("span", { className: isSelected ? "font-semibold" : "", children: event.event_name }),
-                    isSelected && /* @__PURE__ */ jsx11("span", { className: "text-xs bg-primary text-primary-foreground px-1 rounded", children: "Current" })
+              children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2 w-full", children: [
+                showNextEventIndicator && isNext && /* @__PURE__ */ jsx12(Star, { className: "h-3 w-3 text-acc-500" }),
+                /* @__PURE__ */ jsxs6("div", { className: "flex-1", children: [
+                  /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx12("span", { className: isSelected ? "font-semibold" : "", children: event.event_name }),
+                    isSelected && /* @__PURE__ */ jsx12("span", { className: "text-xs bg-primary text-primary-foreground px-1 rounded", children: "Current" })
                   ] }),
-                  showEventDetails && event.event_date && /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
-                    /* @__PURE__ */ jsx11(Calendar2, { className: "h-3 w-3" }),
-                    /* @__PURE__ */ jsx11("span", { children: formatEventDate(event.event_date) }),
-                    showNextEventIndicator && isNext && /* @__PURE__ */ jsx11("span", { className: "text-acc-600 font-medium", children: "(Next)" })
+                  showEventDetails && event.event_date && /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+                    /* @__PURE__ */ jsx12(Calendar2, { className: "h-3 w-3" }),
+                    /* @__PURE__ */ jsx12("span", { children: formatEventDate(event.event_date) }),
+                    showNextEventIndicator && isNext && /* @__PURE__ */ jsx12("span", { className: "text-acc-600 font-medium", children: "(Next)" })
                   ] }),
-                  showEventDetails && event.event_venue && /* @__PURE__ */ jsxs5("div", { className: "text-xs text-muted-foreground", children: [
+                  showEventDetails && event.event_venue && /* @__PURE__ */ jsxs6("div", { className: "text-xs text-muted-foreground", children: [
                     "\u{1F4CD} ",
                     event.event_venue
                   ] })
@@ -981,9 +1210,9 @@ function EventSelector({
 }
 
 // src/components/OrganisationSelector/OrganisationSelector.tsx
-import { useState as useState2, useCallback as useCallback2 } from "react";
+import { useState as useState3, useCallback as useCallback3 } from "react";
 import { RefreshCw as RefreshCw2, AlertCircle as AlertCircle2, Building2, Shield } from "lucide-react";
-import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
 function OrganisationSelector({
   placeholder = "Select organisation",
   className,
@@ -994,8 +1223,8 @@ function OrganisationSelector({
   compact = false,
   disabled = false
 }) {
-  const [isLoading, setIsLoading] = useState2(false);
-  const [switchError, setSwitchError] = useState2(null);
+  const [isLoading, setIsLoading] = useState3(false);
+  const [switchError, setSwitchError] = useState3(null);
   const {
     organisations,
     selectedOrganisation,
@@ -1006,7 +1235,7 @@ function OrganisationSelector({
     validateOrganisationAccess,
     refreshOrganisations
   } = useOrganisations();
-  const handleOrganisationChange = useCallback2(async (orgId) => {
+  const handleOrganisationChange = useCallback3(async (orgId) => {
     if (disabled || isLoading) return;
     setSwitchError(null);
     setIsLoading(true);
@@ -1034,7 +1263,7 @@ function OrganisationSelector({
     organisations,
     onOrganisationChange
   ]);
-  const handleRetry = useCallback2(async () => {
+  const handleRetry = useCallback3(async () => {
     setIsLoading(true);
     setSwitchError(null);
     try {
@@ -1047,21 +1276,21 @@ function OrganisationSelector({
     }
   }, [refreshOrganisations]);
   if (orgLoading) {
-    return /* @__PURE__ */ jsxs6("div", { className: `flex items-center gap-2 ${className}`, children: [
-      /* @__PURE__ */ jsx12(LoadingSpinner, { size: "sm" }),
-      /* @__PURE__ */ jsx12("span", { className: "text-sm text-muted-foreground", children: compact ? "Loading..." : "Loading organisations..." })
+    return /* @__PURE__ */ jsxs7("div", { className: `flex items-center gap-2 ${className}`, children: [
+      /* @__PURE__ */ jsx13(LoadingSpinner, { size: "sm" }),
+      /* @__PURE__ */ jsx13("span", { className: "text-sm text-muted-foreground", children: compact ? "Loading..." : "Loading organisations..." })
     ] });
   }
   if (orgError) {
-    return /* @__PURE__ */ jsxs6("div", { className: `space-y-2 ${className}`, children: [
-      /* @__PURE__ */ jsxs6(Alert, { variant: "destructive", children: [
-        /* @__PURE__ */ jsx12(AlertCircle2, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsxs6(AlertDescription, { children: [
+    return /* @__PURE__ */ jsxs7("div", { className: `space-y-2 ${className}`, children: [
+      /* @__PURE__ */ jsxs7(Alert, { variant: "destructive", children: [
+        /* @__PURE__ */ jsx13(AlertCircle2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsxs7(AlertDescription, { children: [
           "Failed to load organisations: ",
           orgError.message
         ] })
       ] }),
-      showRetryButton && /* @__PURE__ */ jsxs6(
+      showRetryButton && /* @__PURE__ */ jsxs7(
         Button,
         {
           variant: "outline",
@@ -1070,7 +1299,7 @@ function OrganisationSelector({
           disabled: isLoading,
           className: "w-full",
           children: [
-            /* @__PURE__ */ jsx12(RefreshCw2, { className: `h-4 w-4 mr-2 ${isLoading ? "animate-spin" : ""}` }),
+            /* @__PURE__ */ jsx13(RefreshCw2, { className: `h-4 w-4 mr-2 ${isLoading ? "animate-spin" : ""}` }),
             "Retry"
           ]
         }
@@ -1079,12 +1308,12 @@ function OrganisationSelector({
   }
   if (organisations.length === 0) {
     if (showNoOrganisationsMessage) {
-      return /* @__PURE__ */ jsxs6("div", { className: `space-y-2 ${className}`, children: [
-        /* @__PURE__ */ jsxs6(Alert, { children: [
-          /* @__PURE__ */ jsx12(Building2, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx12(AlertDescription, { children: "No organisations available. Please contact your administrator to be added to an organisation." })
+      return /* @__PURE__ */ jsxs7("div", { className: `space-y-2 ${className}`, children: [
+        /* @__PURE__ */ jsxs7(Alert, { children: [
+          /* @__PURE__ */ jsx13(Building2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx13(AlertDescription, { children: "No organisations available. Please contact your administrator to be added to an organisation." })
         ] }),
-        showRetryButton && /* @__PURE__ */ jsxs6(
+        showRetryButton && /* @__PURE__ */ jsxs7(
           Button,
           {
             variant: "outline",
@@ -1093,7 +1322,7 @@ function OrganisationSelector({
             disabled: isLoading,
             className: "w-full",
             children: [
-              /* @__PURE__ */ jsx12(RefreshCw2, { className: `h-4 w-4 mr-2 ${isLoading ? "animate-spin" : ""}` }),
+              /* @__PURE__ */ jsx13(RefreshCw2, { className: `h-4 w-4 mr-2 ${isLoading ? "animate-spin" : ""}` }),
               "Check Again"
             ]
           }
@@ -1102,42 +1331,42 @@ function OrganisationSelector({
     }
     return null;
   }
-  const switchErrorDisplay = switchError && /* @__PURE__ */ jsxs6(Alert, { variant: "destructive", className: "mt-2", children: [
-    /* @__PURE__ */ jsx12(AlertCircle2, { className: "h-4 w-4" }),
-    /* @__PURE__ */ jsx12(AlertDescription, { children: switchError })
+  const switchErrorDisplay = switchError && /* @__PURE__ */ jsxs7(Alert, { variant: "destructive", className: "mt-2", children: [
+    /* @__PURE__ */ jsx13(AlertCircle2, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx13(AlertDescription, { children: switchError })
   ] });
-  return /* @__PURE__ */ jsxs6("div", { className: `space-y-2 ${className}`, children: [
-    /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7("div", { className: `space-y-2 ${className}`, children: [
+    /* @__PURE__ */ jsxs7(
       Select,
       {
         value: selectedOrganisation?.id || "",
         onValueChange: handleOrganisationChange,
         disabled: disabled || isLoading || !selectedOrganisation,
         children: [
-          /* @__PURE__ */ jsx12(SelectTrigger, { className: `${isLoading ? "opacity-50" : ""}`, children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
-            isLoading ? /* @__PURE__ */ jsx12(LoadingSpinner, { size: "sm" }) : /* @__PURE__ */ jsx12(Building2, { className: "h-4 w-4 text-muted-foreground" }),
-            /* @__PURE__ */ jsx12(SelectValue, { placeholder })
+          /* @__PURE__ */ jsx13(SelectTrigger, { className: `${isLoading ? "opacity-50" : ""}`, children: /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
+            isLoading ? /* @__PURE__ */ jsx13(LoadingSpinner, { size: "sm" }) : /* @__PURE__ */ jsx13(Building2, { className: "h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsx13(SelectValue, { placeholder })
           ] }) }),
-          /* @__PURE__ */ jsx12(SelectContent, { children: organisations.map((org) => {
+          /* @__PURE__ */ jsx13(SelectContent, { children: organisations.map((org) => {
             const userRole = getUserRole(org.id);
             const hasAccess = validateOrganisationAccess(org.id);
-            return /* @__PURE__ */ jsx12(
+            return /* @__PURE__ */ jsx13(
               SelectItem,
               {
                 value: org.id,
                 disabled: !hasAccess,
                 className: !hasAccess ? "opacity-50" : "",
-                children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between w-full", children: [
-                  /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx12(Building2, { className: "h-4 w-4" }),
-                    /* @__PURE__ */ jsxs6("div", { className: "flex flex-col", children: [
-                      /* @__PURE__ */ jsx12("span", { className: "font-medium", children: org.display_name }),
-                      !compact && org.description && /* @__PURE__ */ jsx12("span", { className: "text-xs text-muted-foreground truncate max-w-40", children: org.description })
+                children: /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between w-full", children: [
+                  /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx13(Building2, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ jsxs7("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 })
                     ] })
                   ] }),
-                  showRole && /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-1 ml-4", children: [
-                    /* @__PURE__ */ jsx12(Shield, { className: "h-3 w-3 text-muted-foreground" }),
-                    /* @__PURE__ */ jsx12("span", { className: "text-xs text-muted-foreground capitalize", children: userRole?.replace("_", " ") || "No Role" })
+                  showRole && /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-1 ml-4", children: [
+                    /* @__PURE__ */ jsx13(Shield, { className: "h-3 w-3 text-muted-foreground" }),
+                    /* @__PURE__ */ jsx13("span", { className: "text-xs text-muted-foreground capitalize", children: userRole?.replace("_", " ") || "No Role" })
                   ] })
                 ] })
               },
@@ -1152,13 +1381,13 @@ function OrganisationSelector({
 }
 
 // src/components/PasswordChange/PasswordChangeForm.tsx
-import { useState as useState3 } from "react";
-import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useState as useState4 } from "react";
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 function PasswordChangeForm({ onSubmit, className }) {
-  const [newPassword, setNewPassword] = useState3("");
-  const [confirmPassword, setConfirmPassword] = useState3("");
-  const [error, setError] = useState3(null);
-  const [isSubmitting, setIsSubmitting] = useState3(false);
+  const [newPassword, setNewPassword] = useState4("");
+  const [confirmPassword, setConfirmPassword] = useState4("");
+  const [error, setError] = useState4(null);
+  const [isSubmitting, setIsSubmitting] = useState4(false);
   const handleSubmit = async (e) => {
     e.preventDefault();
     setError(null);
@@ -1183,11 +1412,11 @@ function PasswordChangeForm({ onSubmit, className }) {
       setIsSubmitting(false);
     }
   };
-  return /* @__PURE__ */ jsxs7("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: [
-    error && /* @__PURE__ */ jsx13("div", { role: "alert", children: error }),
-    /* @__PURE__ */ jsxs7("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx13(Label, { htmlFor: "new-password", children: "New Password" }),
-      /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs8("form", { onSubmit: handleSubmit, className: cn("space-y-4", className), children: [
+    error && /* @__PURE__ */ jsx14("div", { role: "alert", children: error }),
+    /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx14(Label, { htmlFor: "new-password", children: "New Password" }),
+      /* @__PURE__ */ jsx14(
         Input,
         {
           id: "new-password",
@@ -1199,9 +1428,9 @@ function PasswordChangeForm({ onSubmit, className }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs7("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx13(Label, { htmlFor: "confirm-password", children: "Confirm Password" }),
-      /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx14(Label, { htmlFor: "confirm-password", children: "Confirm Password" }),
+      /* @__PURE__ */ jsx14(
         Input,
         {
           id: "confirm-password",
@@ -1213,7 +1442,7 @@ function PasswordChangeForm({ onSubmit, className }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       Button,
       {
         type: "submit",
@@ -1226,17 +1455,17 @@ function PasswordChangeForm({ onSubmit, className }) {
 }
 
 // src/components/UserMenu/UserMenu.tsx
-import React12, { useCallback as useCallback3, useMemo as useMemo3, useState as useState4 } from "react";
+import React13, { useCallback as useCallback4, useMemo as useMemo3, useState as useState5 } from "react";
 import { ChevronDown, LogOut, KeyRound } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
-var UserMenu = React12.memo(function UserMenu2({
+import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+var UserMenu = React13.memo(function UserMenu2({
   user,
   onSignOut,
   onChangePassword,
   className,
   showAvatar = true
 }) {
-  const [isPasswordDialogOpen, setPasswordDialogOpen] = useState4(false);
+  const [isPasswordDialogOpen, setPasswordDialogOpen] = useState5(false);
   const userInfo = useMemo3(() => {
     if (!user) return null;
     return {
@@ -1246,42 +1475,42 @@ 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 = useCallback3(async () => {
+  const handleSignOut = useCallback4(async () => {
     if (onSignOut) await onSignOut();
   }, [onSignOut]);
   if (!user || !userInfo) {
     return null;
   }
-  return /* @__PURE__ */ jsxs8(Dialog, { open: isPasswordDialogOpen, onOpenChange: setPasswordDialogOpen, children: [
-    /* @__PURE__ */ jsxs8(Select, { className, children: [
-      /* @__PURE__ */ jsx14(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs8(Button, { variant: "outline", className: "flex items-center gap-2", "aria-label": userInfo.displayName, children: [
-        showAvatar && /* @__PURE__ */ jsxs8(Avatar, { className: "size-7", children: [
-          /* @__PURE__ */ jsx14(AvatarImage, { src: userInfo.avatarUrl, alt: userInfo.displayName }),
-          /* @__PURE__ */ jsx14(AvatarFallback, { children: userInfo.initial })
+  return /* @__PURE__ */ jsxs9(Dialog, { open: isPasswordDialogOpen, onOpenChange: setPasswordDialogOpen, children: [
+    /* @__PURE__ */ jsxs9(Select, { className, children: [
+      /* @__PURE__ */ jsx15(SelectTrigger, { asChild: true, children: /* @__PURE__ */ jsxs9(Button, { variant: "outline", className: "flex items-center gap-2", "aria-label": userInfo.displayName, children: [
+        showAvatar && /* @__PURE__ */ jsxs9(Avatar, { className: "size-7", children: [
+          /* @__PURE__ */ jsx15(AvatarImage, { src: userInfo.avatarUrl, alt: userInfo.displayName }),
+          /* @__PURE__ */ jsx15(AvatarFallback, { children: userInfo.initial })
         ] }),
-        /* @__PURE__ */ jsx14("span", { children: userInfo.displayName }),
-        /* @__PURE__ */ jsx14(ChevronDown, { className: "h-4 w-4" })
+        /* @__PURE__ */ jsx15("span", { children: userInfo.displayName }),
+        /* @__PURE__ */ jsx15(ChevronDown, { className: "h-4 w-4" })
       ] }) }),
-      /* @__PURE__ */ jsxs8(SelectContent, { children: [
-        /* @__PURE__ */ jsx14(SelectLabel, { className: "font-normal", children: /* @__PURE__ */ jsxs8("div", { className: "flex flex-col space-y-1", children: [
-          /* @__PURE__ */ jsx14("p", { className: "font-medium", children: userInfo.displayName }),
-          /* @__PURE__ */ jsx14("p", { className: "text-muted-foreground", children: userInfo.email })
+      /* @__PURE__ */ jsxs9(SelectContent, { children: [
+        /* @__PURE__ */ jsx15(SelectLabel, { className: "font-normal", children: /* @__PURE__ */ jsxs9("div", { className: "flex flex-col space-y-1", children: [
+          /* @__PURE__ */ jsx15("p", { className: "font-medium", children: userInfo.displayName }),
+          /* @__PURE__ */ jsx15("p", { className: "text-muted-foreground", children: userInfo.email })
         ] }) }),
-        /* @__PURE__ */ jsx14(SelectSeparator, {}),
-        /* @__PURE__ */ jsx14(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs8(SelectItem, { value: "change-password", children: [
-          /* @__PURE__ */ jsx14(KeyRound, { className: "mr-2 h-4 w-4" }),
-          /* @__PURE__ */ jsx14("span", { children: "Change Password" })
+        /* @__PURE__ */ jsx15(SelectSeparator, {}),
+        /* @__PURE__ */ jsx15(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs9(SelectItem, { value: "change-password", children: [
+          /* @__PURE__ */ jsx15(KeyRound, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx15("span", { children: "Change Password" })
         ] }) }),
-        /* @__PURE__ */ jsxs8(SelectItem, { value: "sign-out", onClick: handleSignOut, children: [
-          /* @__PURE__ */ jsx14(LogOut, { className: "mr-2 h-4 w-4" }),
-          /* @__PURE__ */ jsx14("span", { children: "Sign out" })
+        /* @__PURE__ */ jsxs9(SelectItem, { value: "sign-out", onClick: handleSignOut, children: [
+          /* @__PURE__ */ jsx15(LogOut, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx15("span", { children: "Sign out" })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx14(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs8(DialogContent, { className, children: [
-      /* @__PURE__ */ jsx14(DialogHeader, { children: /* @__PURE__ */ jsx14(DialogTitle, { children: "Change Password" }) }),
-      /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx15(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs9(DialogContent, { className, children: [
+      /* @__PURE__ */ jsx15(DialogHeader, { children: /* @__PURE__ */ jsx15(DialogTitle, { children: "Change Password" }) }),
+      /* @__PURE__ */ jsx15(
         PasswordChangeForm,
         {
           onSubmit: async ({ newPassword, confirmPassword }) => {
@@ -1299,31 +1528,31 @@ var UserMenu = React12.memo(function UserMenu2({
     ] })
   ] });
 });
-var UserMenuLoading = React12.memo(function UserMenuLoading2() {
-  return /* @__PURE__ */ jsxs8("div", { className: "relative inline-block text-left", children: [
-    /* @__PURE__ */ jsxs8(
+var UserMenuLoading = React13.memo(function UserMenuLoading2() {
+  return /* @__PURE__ */ jsxs9("div", { className: "relative inline-block text-left", children: [
+    /* @__PURE__ */ jsxs9(
       "button",
       {
         type: "button",
         disabled: true,
         className: "flex items-center space-x-2 px-3 py-2 text-sm font-medium text-muted-foreground bg-muted border border-input rounded-md",
         children: [
-          /* @__PURE__ */ jsx14("div", { className: "w-6 h-6 rounded-full bg-muted animate-pulse" }),
-          /* @__PURE__ */ jsx14("span", { className: "truncate max-w-[150px]", children: "Loading..." }),
-          /* @__PURE__ */ jsx14(ChevronDown, { className: "w-4 h-4 text-muted-foreground" })
+          /* @__PURE__ */ jsx15("div", { className: "w-6 h-6 rounded-full bg-muted animate-pulse" }),
+          /* @__PURE__ */ jsx15("span", { className: "truncate max-w-[150px]", children: "Loading..." }),
+          /* @__PURE__ */ jsx15(ChevronDown, { className: "w-4 h-4 text-muted-foreground" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx14("div", { role: "status", "aria-label": "Loading user menu", "aria-live": "polite", className: "w-6 h-6 rounded-full bg-muted animate-pulse" })
+    /* @__PURE__ */ jsx15("div", { role: "status", "aria-label": "Loading user menu", "aria-live": "polite", className: "w-6 h-6 rounded-full bg-muted animate-pulse" })
   ] });
 });
 UserMenu.Loading = UserMenuLoading;
 
 // src/components/NavigationMenu/NavigationMenu.tsx
-import * as React13 from "react";
+import * as React14 from "react";
 import { ChevronDown as ChevronDown2 } from "lucide-react";
-import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
-var NavigationMenu = React13.forwardRef(({
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+var NavigationMenu = React14.forwardRef(({
   items,
   mode = "dropdown",
   currentPath,
@@ -1341,8 +1570,8 @@ var NavigationMenu = React13.forwardRef(({
   itemsPreFiltered = false,
   ...props
 }, ref) => {
-  const [expandedItems, setExpandedItems] = React13.useState(/* @__PURE__ */ new Set());
-  const buttonRef = React13.useRef(null);
+  const [expandedItems, setExpandedItems] = React14.useState(/* @__PURE__ */ new Set());
+  const buttonRef = React14.useRef(null);
   let authContext = null;
   try {
     authContext = useUnifiedAuth();
@@ -1367,15 +1596,15 @@ var NavigationMenu = React13.forwardRef(({
     selectedOrganisationId: itemsPreFiltered ? null : selectedOrganisation?.id || null,
     selectedEventId: itemsPreFiltered ? null : selectedEvent?.event_id || null
   });
-  const [resolvedAppId, setResolvedAppId] = React13.useState(void 0);
-  React13.useEffect(() => {
+  const [resolvedAppId, setResolvedAppId] = React14.useState(void 0);
+  React14.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-BMFCXVQX.js").then(({ resolveAppContext }) => {
+      import("./api-YP7XD5L6.js").then(({ resolveAppContext }) => {
         resolveAppContext({
           userId: userId2,
           appName
@@ -1389,7 +1618,7 @@ var NavigationMenu = React13.forwardRef(({
       });
     }
   }, [scopeLoading, resolvedScope?.appId, selectedOrganisation?.id, authContext?.appName, authContext?.user?.id, resolvedAppId]);
-  const effectiveScope = React13.useMemo(() => {
+  const effectiveScope = React14.useMemo(() => {
     if (resolvedScope?.organisationId) {
       return resolvedScope;
     }
@@ -1404,7 +1633,7 @@ var NavigationMenu = React13.forwardRef(({
     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 = React14.useMemo(() => {
     if (effectiveScope?.organisationId) {
       return {
         organisationId: effectiveScope.organisationId,
@@ -1429,8 +1658,8 @@ var NavigationMenu = React13.forwardRef(({
     itemsPreFiltered ? void 0 : stableScope.appId
     // Skip if pre-filtered
   );
-  const previousFilteredItemsRef = React13.useRef([]);
-  const filteredItems = React13.useMemo(() => {
+  const previousFilteredItemsRef = React14.useRef([]);
+  const filteredItems = React14.useMemo(() => {
     if (itemsPreFiltered && items && items.length > 0) {
       const visibleItems = (items || []).filter((item) => !item.meta?.hidden);
       previousFilteredItemsRef.current = visibleItems;
@@ -1726,8 +1955,8 @@ var NavigationMenu = React13.forwardRef(({
     const hasChildren = item.children && item.children.length > 0;
     const isExpanded = expandedItems.has(item.id);
     const itemIsActive = isActiveItem(item);
-    return /* @__PURE__ */ jsx15("li", { role: "none", children: hasChildren ? /* @__PURE__ */ jsxs9("div", { children: [
-      /* @__PURE__ */ jsxs9(
+    return /* @__PURE__ */ jsx16("li", { role: "none", children: hasChildren ? /* @__PURE__ */ jsxs10("div", { children: [
+      /* @__PURE__ */ jsxs10(
         "button",
         {
           onClick: () => toggleExpanded(item.id),
@@ -1736,21 +1965,21 @@ var NavigationMenu = React13.forwardRef(({
           "aria-controls": `submenu-${item.id}`,
           "aria-current": itemIsActive ? "page" : void 0,
           children: [
-            /* @__PURE__ */ jsx15("span", { children: item.label }),
-            /* @__PURE__ */ jsx15(ChevronDown2, { "aria-hidden": "true" })
+            /* @__PURE__ */ jsx16("span", { children: item.label }),
+            /* @__PURE__ */ jsx16(ChevronDown2, { "aria-hidden": "true" })
           ]
         }
       ),
-      isExpanded && item.children && /* @__PURE__ */ jsx15(
+      isExpanded && item.children && /* @__PURE__ */ jsx16(
         "ul",
         {
           id: `submenu-${item.id}`,
           role: "menu",
           "aria-label": `${item.label} submenu`,
-          children: item.children.map((child) => /* @__PURE__ */ jsx15(React13.Fragment, { children: renderHierarchicalItem(child, level + 1) }, child.id))
+          children: item.children.map((child) => /* @__PURE__ */ jsx16(React14.Fragment, { children: renderHierarchicalItem(child, level + 1) }, child.id))
         }
       )
-    ] }) : /* @__PURE__ */ jsx15(
+    ] }) : /* @__PURE__ */ jsx16(
       "a",
       {
         href: item.href || "#",
@@ -1768,26 +1997,26 @@ var NavigationMenu = React13.forwardRef(({
     ) });
   };
   if (mode === "dropdown") {
-    return /* @__PURE__ */ jsxs9(
+    return /* @__PURE__ */ jsxs10(
       Select,
       {
         onValueChange: handleNavigationSelect,
         className,
         "data-testid": "navigation-menu-root",
         children: [
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx16(
             SelectTrigger,
             {
               ref: buttonRef,
               disabled,
               "aria-label": buttonText,
               "data-testid": "navigation-menu-trigger",
-              children: /* @__PURE__ */ jsx15(SelectValue, { placeholder: buttonText })
+              children: /* @__PURE__ */ jsx16(SelectValue, { placeholder: buttonText })
             }
           ),
-          /* @__PURE__ */ jsx15(SelectContent, { children: filteredItems.map((item) => {
+          /* @__PURE__ */ jsx16(SelectContent, { children: filteredItems.map((item) => {
             const isActive = isActiveItem(item);
-            return /* @__PURE__ */ jsx15(
+            return /* @__PURE__ */ jsx16(
               SelectItem,
               {
                 value: item.id,
@@ -1802,14 +2031,14 @@ var NavigationMenu = React13.forwardRef(({
       }
     );
   }
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     "nav",
     {
       ref,
       className,
       "aria-label": navigationLabel,
       ...props,
-      children: /* @__PURE__ */ jsx15("ul", { role: "menubar", children: filteredItems.map((item) => /* @__PURE__ */ jsx15(React13.Fragment, { children: renderHierarchicalItem(item, 0) }, item.id)) })
+      children: /* @__PURE__ */ jsx16("ul", { role: "menubar", children: filteredItems.map((item) => /* @__PURE__ */ jsx16(React14.Fragment, { children: renderHierarchicalItem(item, 0) }, item.id)) })
     }
   );
 });
@@ -1817,7 +2046,7 @@ NavigationMenu.displayName = "NavigationMenu";
 
 // src/components/Header/Header.tsx
 import { Link } from "react-router-dom";
-import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 function Header({
   logoUrl,
   logoAlt = "Logo",
@@ -1836,32 +2065,32 @@ function Header({
   onNavigate,
   logoHref
 }) {
-  return /* @__PURE__ */ jsx16("header", { className: cn(
+  return /* @__PURE__ */ jsx17("header", { className: cn(
     "w-full border-b border-main-200 h-16 shadow-sm bg-main-100 ",
     className
-  ), role: "banner", children: /* @__PURE__ */ jsxs10("nav", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto grid grid-cols-[auto_auto_1fr_auto] gap-4 h-full items-center", children: [
-    logo ? logoHref ? /* @__PURE__ */ jsx16(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: logo }) : logo : logoUrl ? logoHref ? /* @__PURE__ */ jsx16(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: /* @__PURE__ */ jsx16(
+  ), role: "banner", children: /* @__PURE__ */ jsxs11("nav", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto flex 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(
       "img",
       {
         src: logoUrl,
         alt: logoAlt || "Logo",
         className: "h-[2.15rem] w-auto max-w-[200px] object-contain rounded-md shadow-md bg-transparent"
       }
-    ) }) : /* @__PURE__ */ jsx16(
+    ) }) : /* @__PURE__ */ jsx17(
       "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__ */ jsx16(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: /* @__PURE__ */ jsx16(
+    ) : logoHref ? /* @__PURE__ */ jsx17(Link, { to: logoHref, className: "cursor-pointer hover:opacity-80 transition-opacity", children: /* @__PURE__ */ jsx17(
       "img",
       {
         src: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23000'/%3E%3Ctext x='16' y='20' text-anchor='middle' fill='white' font-family='Arial' font-size='14' font-weight='bold'%3EL%3C/text%3E%3C/svg%3E",
         alt: logoAlt || "Logo",
         className: "h-8 w-8 shadow-md"
       }
-    ) }) : /* @__PURE__ */ jsx16(
+    ) }) : /* @__PURE__ */ jsx17(
       "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",
@@ -1869,7 +2098,7 @@ function Header({
         className: "h-8 w-8 shadow-md"
       }
     ),
-    navItems && navItems.length > 0 && /* @__PURE__ */ jsx16(
+    navItems && navItems.length > 0 && /* @__PURE__ */ jsx17(
       NavigationMenu,
       {
         items: navItems,
@@ -1880,8 +2109,8 @@ function Header({
         itemsPreFiltered: true
       }
     ),
-    /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-4 justify-end", children: [
-      showOrgSelector ? /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-4 ml-auto", children: [
+      showOrgSelector ? /* @__PURE__ */ jsx17(
         OrganisationSelector,
         {
           placeholder: "Select organisation",
@@ -1890,18 +2119,16 @@ function Header({
           compact: true
         }
       ) : null,
-      showEventSelector ? /* @__PURE__ */ jsx16(
+      showEventSelector ? /* @__PURE__ */ jsx17(
         EventSelector,
         {
           placeholder: "Select event",
           className: "w-96",
           "data-testid": "event-selector"
         }
-      ) : null
-    ] }),
-    /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-4", children: [
+      ) : null,
       actions,
-      showUserMenu && (userMenu ? userMenu : /* @__PURE__ */ jsx16(
+      showUserMenu && (userMenu ? userMenu : /* @__PURE__ */ jsx17(
         UserMenu,
         {
           user: user || null,
@@ -1915,8 +2142,8 @@ function Header({
 }
 
 // src/components/Footer/Footer.tsx
-import React14 from "react";
-import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+import React15 from "react";
+import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 var FooterComponent = ({
   companyName = "Solvera Solutions Pty Ltd",
   year = (/* @__PURE__ */ new Date()).getFullYear(),
@@ -1927,21 +2154,21 @@ var FooterComponent = ({
   children
 }) => {
   const copyrightText = copyright || `\xA9 Copyright 2022\u2013${year} all rights reserved, ${companyName}.`;
-  return /* @__PURE__ */ jsx17("footer", { className: cn("mt-8 py-6 flex justify-center border-t border-border bg-main-100", className), children: /* @__PURE__ */ jsxs11("section", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto text-center", children: [
-    logo && /* @__PURE__ */ jsx17("img", { src: logo, alt: "Logo", className: "h-8 w-auto" }),
-    children && /* @__PURE__ */ jsx17(Fragment3, { children }),
-    /* @__PURE__ */ jsx17("span", { className: "text-muted-foreground", children: copyrightText }),
-    links && links.length > 0 && /* @__PURE__ */ jsx17("ul", { className: "flex gap-4 mt-2 md:mt-0", children: links.map((link, index) => /* @__PURE__ */ jsx17("li", { children: /* @__PURE__ */ jsx17("a", { href: link.href, className: "text-muted-foreground hover:text-foreground", children: link.label }) }, index)) })
+  return /* @__PURE__ */ jsx18("footer", { className: cn("mt-8 py-6 flex justify-center border-t border-border bg-main-100", className), children: /* @__PURE__ */ jsxs12("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(Fragment3, { 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)) })
   ] }) });
 };
 FooterComponent.displayName = "Footer";
-var Footer = React14.memo(FooterComponent);
+var Footer = React15.memo(FooterComponent);
 Footer.displayName = "Footer";
 
 // src/components/PaceAppLayout/PaceAppLayout.tsx
-import { useState as useState6, useEffect as useEffect3, useMemo as useMemo5 } from "react";
+import { useState as useState7, useEffect as useEffect4, useMemo as useMemo5 } from "react";
 import { Outlet, useNavigate, useLocation } from "react-router-dom";
-import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 var EMPTY_PAGE_ID_MAPPING = {};
 var EMPTY_ROUTE_PERMISSIONS = {};
 function PaceAppLayout({
@@ -2035,9 +2262,9 @@ function PaceAppLayout({
     const permissionString = `${currentRoutePermission}:page.${currentPageId}`;
     return permissionString;
   }, [enforcePermissions, currentRoutePermission, currentPageId]);
-  const [isSuperAdminUser, setIsSuperAdminUser] = useState6(false);
-  const [isCheckingSuperAdmin, setIsCheckingSuperAdmin] = useState6(false);
-  useEffect3(() => {
+  const [isSuperAdminUser, setIsSuperAdminUser] = useState7(false);
+  const [isCheckingSuperAdmin, setIsCheckingSuperAdmin] = useState7(false);
+  useEffect4(() => {
     const checkSuperAdminStatus = async () => {
       if (!user?.id) {
         setIsSuperAdminUser(false);
@@ -2067,7 +2294,7 @@ function PaceAppLayout({
   );
   const can = isSuperAdminUser ? true : canFromHook;
   const hasPermission = enforcePermissions ? can : true;
-  useEffect3(() => {
+  useEffect4(() => {
     if (!enforcePermissions) {
       return;
     }
@@ -2090,8 +2317,8 @@ function PaceAppLayout({
       onPageAccessDenied(currentPageId, currentRoutePermission);
     }
   }, [enforcePermissions, can, isCheckingPermission, isCheckingSuperAdmin, isSuperAdminUser, currentPageId, currentRoutePermission, user?.id, strictMode, auditLog, onPageAccessDenied, onStrictModeViolation]);
-  const [filteredMenuItems, setFilteredMenuItems] = useState6(baseMenuItems);
-  useEffect3(() => {
+  const [filteredMenuItems, setFilteredMenuItems] = useState7(baseMenuItems);
+  useEffect4(() => {
     let isMounted = true;
     const filterItems = async () => {
       if (!user?.id) {
@@ -2117,7 +2344,7 @@ function PaceAppLayout({
         return;
       }
       try {
-        const { isSuperAdmin: isSuperAdmin2 } = await import("./api-BMFCXVQX.js");
+        const { isSuperAdmin: isSuperAdmin2 } = await import("./api-YP7XD5L6.js");
         const isSuper = await isSuperAdmin2(user.id);
         if (isSuper) {
           if (isMounted) {
@@ -2132,7 +2359,7 @@ function PaceAppLayout({
         }
       }
       try {
-        const { getPermissionMap } = await import("./api-BMFCXVQX.js");
+        const { getPermissionMap } = await import("./api-YP7XD5L6.js");
         const permissionScope = {
           organisationId: currentScope.organisationId,
           eventId: currentScope.eventId,
@@ -2166,7 +2393,7 @@ function PaceAppLayout({
       isMounted = false;
     };
   }, [baseMenuItems, pageIdMapping, routePermissions, defaultPermission, can, user?.id, scope, scopeLoading, contextAppId, resolvedScope?.appId, selectedOrganisation?.id]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!roleBasedRouting || routeConfig.length === 0) return;
     let isMounted = true;
     const checkRouteAccess = async () => {
@@ -2188,7 +2415,7 @@ function PaceAppLayout({
       let hasAccess = true;
       if (currentRoute.pageId && currentRoute.permissions && currentRoute.permissions.length > 0) {
         try {
-          const { isPermittedCached } = await import("./api-BMFCXVQX.js");
+          const { isPermittedCached } = await import("./api-YP7XD5L6.js");
           const hasPagePermission = await isPermittedCached({
             userId: user?.id || "",
             scope,
@@ -2204,7 +2431,7 @@ function PaceAppLayout({
         }
       }
       if (hasAccess && currentRoute.roles && currentRoute.roles.length > 0 && user?.id) {
-        const { useUnifiedAuth: useUnifiedAuth2 } = await import("./UnifiedAuthProvider-A4BCQRJY.js");
+        const { useUnifiedAuth: useUnifiedAuth2 } = await import("./UnifiedAuthProvider-B76OWOAT.js");
         hasAccess = true;
       }
       if (!isMounted) return;
@@ -2251,31 +2478,31 @@ function PaceAppLayout({
     return {};
   };
   if (enforcePermissions && (isCheckingSuperAdmin || isCheckingPermission)) {
-    return /* @__PURE__ */ jsx18("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs12("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsx18("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-sec-900 mx-auto mb-4" }),
-      /* @__PURE__ */ jsx18("p", { className: "text-sec-600", children: "Checking permissions..." })
+    return /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs13("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx19("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-sec-900 mx-auto mb-4" }),
+      /* @__PURE__ */ jsx19("p", { className: "text-sec-600", children: "Checking permissions..." })
     ] }) });
   }
   if (enforcePermissions && permissionError && !isSuperAdminUser) {
-    return /* @__PURE__ */ jsx18("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs12("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsx18("h2", { className: "text-xl font-semibold text-acc-600 mb-2", children: "Permission Error" }),
-      /* @__PURE__ */ jsx18("p", { className: "text-sec-600 mb-4", children: permissionError.message }),
-      /* @__PURE__ */ jsx18(Button, { onClick: () => navigate("/"), children: "Go Home" })
+    return /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs13("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx19("h2", { className: "text-xl font-semibold text-acc-600 mb-2", children: "Permission Error" }),
+      /* @__PURE__ */ jsx19("p", { className: "text-sec-600 mb-4", children: permissionError.message }),
+      /* @__PURE__ */ jsx19(Button, { onClick: () => navigate("/"), children: "Go Home" })
     ] }) });
   }
   if (enforcePermissions && hasPermission === false && !isCheckingSuperAdmin && !isSuperAdminUser) {
     if (enforcePagePermissions && pagePermissionFallback) {
-      return /* @__PURE__ */ jsx18(Fragment4, { children: pagePermissionFallback });
+      return /* @__PURE__ */ jsx19(Fragment4, { children: pagePermissionFallback });
     }
     if (permissionFallback) {
-      return /* @__PURE__ */ jsx18(Fragment4, { children: permissionFallback });
+      return /* @__PURE__ */ jsx19(Fragment4, { children: permissionFallback });
     }
-    return /* @__PURE__ */ jsx18("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs12("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsx18("h2", { className: "text-xl font-semibold text-acc-600 mb-2", children: "Access Denied" }),
-      /* @__PURE__ */ jsx18("p", { className: "text-sec-600 mb-4", children: "You don't have permission to access this page." }),
-      /* @__PURE__ */ jsxs12("div", { className: "flex gap-2 justify-center", children: [
-        /* @__PURE__ */ jsx18(Button, { onClick: () => navigate("/"), children: "Go Home" }),
-        /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx19("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs13("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx19("h2", { className: "text-xl font-semibold text-acc-600 mb-2", children: "Access Denied" }),
+      /* @__PURE__ */ jsx19("p", { className: "text-sec-600 mb-4", children: "You don't have permission to access this page." }),
+      /* @__PURE__ */ jsxs13("div", { className: "flex gap-2 justify-center", children: [
+        /* @__PURE__ */ jsx19(Button, { onClick: () => navigate("/"), children: "Go Home" }),
+        /* @__PURE__ */ jsx19(
           Button,
           {
             variant: "outline",
@@ -2289,8 +2516,8 @@ function PaceAppLayout({
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ jsxs12(Fragment4, { children: [
-    /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs13(Fragment4, { children: [
+    /* @__PURE__ */ jsx19(
       Header,
       {
         logo: customLogo || void 0,
@@ -2315,15 +2542,15 @@ function PaceAppLayout({
         className: headerClassName || "sticky top-0 z-[40] w-full"
       }
     ),
-    /* @__PURE__ */ jsx18("main", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children: /* @__PURE__ */ jsx18(Outlet, {}) }),
-    /* @__PURE__ */ jsx18(Footer, {})
+    /* @__PURE__ */ jsx19("main", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children: /* @__PURE__ */ jsx19(Outlet, {}) }),
+    /* @__PURE__ */ jsx19(Footer, {})
   ] });
 }
 
 // src/components/PaceLoginPage/PaceLoginPage.tsx
-import { useEffect as useEffect4, useState as useState7, useContext } from "react";
+import { useEffect as useEffect5, useState as useState8, useContext } from "react";
 import { useNavigate as useNavigate2, useLocation as useLocation2 } from "react-router-dom";
-import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 var PaceLoginPage = ({
   appName = "Pace",
   onSuccessRedirectPath = "/",
@@ -2332,21 +2559,21 @@ var PaceLoginPage = ({
   const { signIn, isAuthenticated, isLoading, authError, user, supabase } = useUnifiedAuth();
   const navigate = useNavigate2();
   const location = useLocation2();
-  const [isSigningIn, setIsSigningIn] = useState7(false);
-  const [accessError, setAccessError] = useState7(null);
-  const [isCheckingAccess, setIsCheckingAccess] = useState7(false);
+  const [isSigningIn, setIsSigningIn] = useState8(false);
+  const [accessError, setAccessError] = useState8(null);
+  const [isCheckingAccess, setIsCheckingAccess] = useState8(false);
   const eventServiceContext = useContext(EventServiceContext);
   const eventService = eventServiceContext?.eventService || null;
-  useEffect4(() => {
+  useEffect5(() => {
     clearPalette();
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     const isOnLoginPage = location.pathname === "/login" || location.pathname.startsWith("/login");
     if (isOnLoginPage) {
       clearPalette();
     }
   }, [location.pathname]);
-  useEffect4(() => {
+  useEffect5(() => {
     const restoreEvent = async () => {
       try {
         const isOnLoginPage = window.location.pathname === "/login" || window.location.pathname.startsWith("/login");
@@ -2362,7 +2589,7 @@ var PaceLoginPage = ({
     }, 100);
     return () => clearTimeout(timeoutId);
   }, [eventService]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!requireAppAccess || !isAuthenticated || isLoading || !user || !supabase) {
       return;
     }
@@ -2454,8 +2681,8 @@ var PaceLoginPage = ({
       setIsSigningIn(false);
     }
   };
-  return /* @__PURE__ */ jsxs13("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__ */ jsx19(
+  return /* @__PURE__ */ jsxs14("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(
       "img",
       {
         src: `/${appName.toLowerCase()}_logo_square.svg`,
@@ -2463,7 +2690,7 @@ var PaceLoginPage = ({
         className: "h-48"
       }
     ),
-    /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx20(
       LoginForm,
       {
         className: "w-md",
@@ -2477,20 +2704,20 @@ var PaceLoginPage = ({
     ),
     (() => {
       const benign = !!(authError && (authError.name === "AuthSessionMissingError" || /Auth session missing/i.test(authError.message)));
-      return authError && !benign ? /* @__PURE__ */ jsx19("em", { className: "mt-4 text-destructive text-center", children: authError.message }) : null;
+      return authError && !benign ? /* @__PURE__ */ jsx20("em", { className: "mt-4 text-destructive text-center", children: authError.message }) : null;
     })(),
-    accessError && /* @__PURE__ */ jsx19("em", { className: "mt-4 text-destructive text-center", children: accessError }),
-    isCheckingAccess && /* @__PURE__ */ jsx19("em", { className: "mt-4 text-muted-foreground text-center", children: "Checking permissions..." })
+    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..." })
   ] });
 };
 
 // src/components/SessionRestorationLoader/SessionRestorationLoader.tsx
-import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 var SessionRestorationLoader = ({
   message = "Restoring session...",
   className
 }) => {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       className: cn(
@@ -2501,17 +2728,17 @@ var SessionRestorationLoader = ({
       "aria-live": "polite",
       "aria-label": message,
       children: [
-        /* @__PURE__ */ jsx20(LoadingSpinner, { size: "lg" }),
-        /* @__PURE__ */ jsx20("div", { className: "text-sm text-sec-600", children: message })
+        /* @__PURE__ */ jsx21(LoadingSpinner, { size: "lg" }),
+        /* @__PURE__ */ jsx21("div", { className: "text-sm text-sec-600", children: message })
       ]
     }
   );
 };
 
 // src/components/ProtectedRoute/ProtectedRoute.tsx
-import { useMemo as useMemo6 } from "react";
+import { useMemo as useMemo6, useEffect as useEffect6, useRef as useRef4, useState as useState9 } from "react";
 import { Navigate, Outlet as Outlet2 } from "react-router-dom";
-import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 function ProtectedRoute({
   requireEvent = false,
   allowSuperAdminBypass = false,
@@ -2525,6 +2752,67 @@ function ProtectedRoute({
   const events = requireEvent ? eventsContext.events || [] : [];
   const eventLoading = requireEvent ? eventsContext.isLoading || false : false;
   const sessionRestoration = useSessionRestoration();
+  usePreventTabReload({ enabled: true, gracePeriodMs: 2e3 });
+  const wasAuthenticatedRef = useRef4(false);
+  const [shouldRedirect, setShouldRedirect] = useState9(false);
+  const tabJustBecameVisibleRef = useRef4(false);
+  useEffect6(() => {
+    if (isAuthenticated) {
+      wasAuthenticatedRef.current = true;
+      setShouldRedirect(false);
+      tabJustBecameVisibleRef.current = false;
+    }
+  }, [isAuthenticated]);
+  useEffect6(() => {
+    if (typeof document === "undefined") return;
+    let timeoutId = null;
+    let wasHidden = document.hidden;
+    const handleVisibilityChange = () => {
+      const isNowVisible = !document.hidden;
+      if (isNowVisible && wasHidden) {
+        if (!isAuthenticated && wasAuthenticatedRef.current) {
+          tabJustBecameVisibleRef.current = true;
+          setShouldRedirect(false);
+          if (timeoutId) {
+            clearTimeout(timeoutId);
+          }
+          timeoutId = setTimeout(() => {
+            tabJustBecameVisibleRef.current = false;
+            setShouldRedirect((prev) => {
+              return prev;
+            });
+          }, 2e3);
+        }
+      } else if (!isNowVisible) {
+        tabJustBecameVisibleRef.current = false;
+        if (timeoutId) {
+          clearTimeout(timeoutId);
+          timeoutId = null;
+        }
+      }
+      wasHidden = !isNowVisible;
+    };
+    if (!document.hidden && !isAuthenticated && wasAuthenticatedRef.current) {
+      tabJustBecameVisibleRef.current = true;
+      setShouldRedirect(false);
+      timeoutId = setTimeout(() => {
+        tabJustBecameVisibleRef.current = false;
+      }, 2e3);
+    }
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    return () => {
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+      if (timeoutId) {
+        clearTimeout(timeoutId);
+      }
+    };
+  }, [isAuthenticated]);
+  useEffect6(() => {
+    if (isAuthenticated) {
+      setShouldRedirect(false);
+      tabJustBecameVisibleRef.current = false;
+    }
+  }, [isAuthenticated]);
   const isRestoringSession = useMemo6(() => {
     return sessionRestoration.isRestoring && !sessionRestoration.restorationComplete && !sessionRestoration.restorationError && !sessionRestoration.hasTimedOut;
   }, [
@@ -2534,13 +2822,13 @@ function ProtectedRoute({
     sessionRestoration.hasTimedOut
   ]);
   if (isRestoringSession) {
-    return /* @__PURE__ */ jsx21(SessionRestorationLoader, {});
+    return /* @__PURE__ */ jsx22(SessionRestorationLoader, {});
   }
   if (requireEvent && eventLoading) {
-    return /* @__PURE__ */ jsx21(Outlet2, {});
+    return /* @__PURE__ */ jsx22(Outlet2, {});
   }
   if (isLoading && !sessionRestoration.hasTimedOut) {
-    return loadingFallback || /* @__PURE__ */ jsx21("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100vh" }, children: /* @__PURE__ */ jsx21(LoadingSpinner, {}) });
+    return loadingFallback || /* @__PURE__ */ jsx22("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100vh" }, children: /* @__PURE__ */ jsx22(LoadingSpinner, {}) });
   }
   if (!isAuthenticated) {
     if (sessionRestoration.hasTimedOut || sessionRestoration.restorationError) {
@@ -2548,33 +2836,47 @@ function ProtectedRoute({
         timedOut: sessionRestoration.hasTimedOut,
         error: sessionRestoration.restorationError?.message
       });
+      return /* @__PURE__ */ jsx22(Navigate, { to: loginPath, replace: true });
+    }
+    if (!wasAuthenticatedRef.current) {
+      return /* @__PURE__ */ jsx22(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, {}) });
+    }
+    if (shouldRedirect) {
+      return /* @__PURE__ */ jsx22(Navigate, { to: loginPath, replace: true });
     }
-    return /* @__PURE__ */ jsx21(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 /* @__PURE__ */ jsx22(Navigate, { to: loginPath, replace: true });
   }
   if (!requireEvent) {
-    return /* @__PURE__ */ jsx21(Outlet2, {});
+    return /* @__PURE__ */ jsx22(Outlet2, {});
   }
   if (!events || events.length === 0) {
-    return noEventsFallback || /* @__PURE__ */ jsx21("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "100vh", padding: "2rem" }, children: /* @__PURE__ */ jsxs15(Alert, { variant: "destructive", className: "max-w-md", children: [
-      /* @__PURE__ */ jsx21(AlertTitle, { children: "No Events Available" }),
-      /* @__PURE__ */ jsx21(AlertDescription, { children: "You don't have access to any events. Please contact your administrator if you believe this is an error." })
+    return noEventsFallback || /* @__PURE__ */ jsx22("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "100vh", padding: "2rem" }, children: /* @__PURE__ */ jsxs16(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." })
     ] }) });
   }
   if (!selectedEvent) {
     logger.debug("ProtectedRoute", "Events available but none selected - allowing render so selector is visible");
-    return /* @__PURE__ */ jsx21(Outlet2, {});
+    return /* @__PURE__ */ jsx22(Outlet2, {});
   }
-  return /* @__PURE__ */ jsx21(Outlet2, {});
+  return /* @__PURE__ */ jsx22(Outlet2, {});
 }
 
 // src/hooks/useFileReference.ts
-import { useState as useState8, useCallback as useCallback5, useEffect as useEffect5, useRef as useRef3, useMemo as useMemo7 } from "react";
+import { useState as useState10, useCallback as useCallback6, useEffect as useEffect7, useRef as useRef5, useMemo as useMemo7 } from "react";
 var log = createLogger("useFileReference");
 function useFileReference(supabase) {
-  const [isLoading, setIsLoading] = useState8(false);
-  const [error, setError] = useState8(null);
+  const [isLoading, setIsLoading] = useState10(false);
+  const [error, setError] = useState10(null);
   const service = useMemo7(() => createFileReferenceService(supabase), [supabase]);
-  const uploadFile = useCallback5(async (options, file) => {
+  const uploadFile = useCallback6(async (options, file) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -2588,7 +2890,7 @@ function useFileReference(supabase) {
       setIsLoading(false);
     }
   }, [supabase]);
-  const getFileReference = useCallback5(async (table_name, record_id, organisation_id) => {
+  const getFileReference = useCallback6(async (table_name, record_id, organisation_id) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -2601,7 +2903,7 @@ function useFileReference(supabase) {
       setIsLoading(false);
     }
   }, [service]);
-  const getFileUrl = useCallback5(async (table_name, record_id, organisation_id) => {
+  const getFileUrl = useCallback6(async (table_name, record_id, organisation_id) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -2614,7 +2916,7 @@ function useFileReference(supabase) {
       setIsLoading(false);
     }
   }, [service]);
-  const getSignedUrl2 = useCallback5(async (table_name, record_id, organisation_id, expires_in) => {
+  const getSignedUrl3 = useCallback6(async (table_name, record_id, organisation_id, expires_in) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -2627,7 +2929,7 @@ function useFileReference(supabase) {
       setIsLoading(false);
     }
   }, [service]);
-  const updateFileReference = useCallback5(async (id, updates) => {
+  const updateFileReference = useCallback6(async (id, updates) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -2640,7 +2942,7 @@ function useFileReference(supabase) {
       setIsLoading(false);
     }
   }, [service]);
-  const deleteFileReference = useCallback5(async (table_name, record_id, organisation_id, delete_file) => {
+  const deleteFileReference = useCallback6(async (table_name, record_id, organisation_id, delete_file) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -2653,7 +2955,7 @@ function useFileReference(supabase) {
       setIsLoading(false);
     }
   }, [service]);
-  const listFileReferences = useCallback5(async (table_name, record_id, organisation_id) => {
+  const listFileReferences = useCallback6(async (table_name, record_id, organisation_id) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -2666,7 +2968,7 @@ function useFileReference(supabase) {
       setIsLoading(false);
     }
   }, [service]);
-  const getFileCount = useCallback5(async (table_name, record_id, organisation_id) => {
+  const getFileCount = useCallback6(async (table_name, record_id, organisation_id) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -2679,7 +2981,7 @@ function useFileReference(supabase) {
       setIsLoading(false);
     }
   }, [service]);
-  const getFileReferenceById = useCallback5(async (id, organisation_id) => {
+  const getFileReferenceById = useCallback6(async (id, organisation_id) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -2692,7 +2994,7 @@ function useFileReference(supabase) {
       setIsLoading(false);
     }
   }, [service]);
-  const getFilesByCategory = useCallback5(async (table_name, record_id, category, organisation_id) => {
+  const getFilesByCategory = useCallback6(async (table_name, record_id, category, organisation_id) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -2705,7 +3007,7 @@ function useFileReference(supabase) {
       setIsLoading(false);
     }
   }, [service]);
-  const clearError = useCallback5(() => {
+  const clearError = useCallback6(() => {
     setError(null);
   }, []);
   return {
@@ -2715,7 +3017,7 @@ function useFileReference(supabase) {
     getFileReference,
     getFileReferenceById,
     getFileUrl,
-    getSignedUrl: getSignedUrl2,
+    getSignedUrl: getSignedUrl3,
     updateFileReference,
     deleteFileReference,
     listFileReferences,
@@ -2736,32 +3038,32 @@ function useFileReferenceForRecord(supabase, table_name, record_id, organisation
     getFileCount,
     clearError
   } = useFileReference(supabase);
-  const [fileUrl, setFileUrl] = useState8(null);
-  const [fileReference, setFileReference] = useState8(null);
-  const [fileReferences, setFileReferences] = useState8([]);
-  const [fileCount, setFileCount] = useState8(0);
-  const urlRefreshIntervalRef = useRef3(null);
-  const loadFileReference = useCallback5(async () => {
+  const [fileUrl, setFileUrl] = useState10(null);
+  const [fileReference, setFileReference] = useState10(null);
+  const [fileReferences, setFileReferences] = useState10([]);
+  const [fileCount, setFileCount] = useState10(0);
+  const urlRefreshIntervalRef = useRef5(null);
+  const loadFileReference = useCallback6(async () => {
     const reference = await getFileReference(table_name, record_id, organisation_id);
     setFileReference(reference);
     return reference;
   }, [getFileReference, table_name, record_id, organisation_id]);
-  const loadFileUrl = useCallback5(async () => {
+  const loadFileUrl = useCallback6(async () => {
     const url = await getFileUrl(table_name, record_id, organisation_id);
     setFileUrl(url);
     return url;
   }, [getFileUrl, table_name, record_id, organisation_id]);
-  const loadFileReferences = useCallback5(async () => {
+  const loadFileReferences = useCallback6(async () => {
     const references = await listFileReferences(table_name, record_id, organisation_id);
     setFileReferences(references);
     return references;
   }, [listFileReferences, table_name, record_id, organisation_id]);
-  const loadFileCount = useCallback5(async () => {
+  const loadFileCount = useCallback6(async () => {
     const count = await getFileCount(table_name, record_id, organisation_id);
     setFileCount(count);
     return count;
   }, [getFileCount, table_name, record_id, organisation_id]);
-  const deleteFile = useCallback5(async (delete_file) => {
+  const deleteFile = useCallback6(async (delete_file) => {
     const success = await deleteFileReference(table_name, record_id, organisation_id, delete_file);
     if (success) {
       setFileReference(null);
@@ -2770,7 +3072,7 @@ function useFileReferenceForRecord(supabase, table_name, record_id, organisation
     }
     return success;
   }, [deleteFileReference, table_name, record_id, organisation_id, loadFileCount]);
-  useEffect5(() => {
+  useEffect7(() => {
     if (!fileReference || fileReference.is_public) {
       if (urlRefreshIntervalRef.current) {
         clearInterval(urlRefreshIntervalRef.current);
@@ -2811,9 +3113,9 @@ function useFileReferenceById(supabase, fileReferenceId, organisationId) {
     getFileReferenceById,
     clearError
   } = useFileReference(supabase);
-  const [fileReference, setFileReference] = useState8(null);
-  const [fileUrl, setFileUrl] = useState8(null);
-  const loadFileReference = useCallback5(async () => {
+  const [fileReference, setFileReference] = useState10(null);
+  const [fileUrl, setFileUrl] = useState10(null);
+  const loadFileReference = useCallback6(async () => {
     if (!fileReferenceId || !organisationId) {
       setFileReference(null);
       setFileUrl(null);
@@ -2823,10 +3125,10 @@ function useFileReferenceById(supabase, fileReferenceId, organisationId) {
     setFileReference(reference);
     return reference;
   }, [getFileReferenceById, fileReferenceId, organisationId]);
-  useEffect5(() => {
+  useEffect7(() => {
     loadFileReference();
   }, [loadFileReference]);
-  useEffect5(() => {
+  useEffect7(() => {
     if (!fileReference || !fileReferenceId || !organisationId) {
       setFileUrl(null);
       return;
@@ -2858,9 +3160,9 @@ function useFilesByCategory(supabase, table_name, record_id, category, organisat
     getFilesByCategory,
     clearError
   } = useFileReference(supabase);
-  const [fileReferences, setFileReferences] = useState8([]);
-  const [fileUrls, setFileUrls] = useState8(/* @__PURE__ */ new Map());
-  const loadFiles = useCallback5(async () => {
+  const [fileReferences, setFileReferences] = useState10([]);
+  const [fileUrls, setFileUrls] = useState10(/* @__PURE__ */ new Map());
+  const loadFiles = useCallback6(async () => {
     if (!category || !organisation_id) {
       setFileReferences([]);
       setFileUrls(/* @__PURE__ */ new Map());
@@ -2868,31 +3170,15 @@ function useFilesByCategory(supabase, table_name, record_id, category, organisat
     }
     const files = await getFilesByCategory(table_name, record_id, category, organisation_id);
     setFileReferences(files);
-    const urlMap = /* @__PURE__ */ new Map();
-    for (const fileRef of files) {
-      try {
-        let url = null;
-        if (fileRef.is_public) {
-          url = getPublicUrl(supabase, fileRef.file_path, true);
-        } else {
-          const signedUrlResult = await getSignedUrl(supabase, fileRef.file_path, {
-            appName: "file-reference",
-            orgId: organisation_id,
-            expiresIn: 3600
-          });
-          url = signedUrlResult?.url || null;
-        }
-        if (url) {
-          urlMap.set(fileRef.id, url);
-        }
-      } catch (err) {
-        log.error(`Failed to load URL for file ${fileRef.id}:`, err);
-      }
-    }
+    const urlMap = await generateFileUrlsBatch(supabase, files, {
+      appName: "file-reference",
+      orgId: organisation_id,
+      expiresIn: 3600
+    });
     setFileUrls(urlMap);
     return files;
   }, [table_name, record_id, category, organisation_id, supabase, getFilesByCategory]);
-  useEffect5(() => {
+  useEffect7(() => {
     loadFiles();
   }, [loadFiles]);
   return {
@@ -2906,8 +3192,8 @@ function useFilesByCategory(supabase, table_name, record_id, category, organisat
 }
 
 // src/components/FileUpload/FileUpload.tsx
-import { useState as useState9, useCallback as useCallback6, useRef as useRef4, useEffect as useEffect6, useMemo as useMemo8 } from "react";
-import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useState as useState11, useCallback as useCallback7, useRef as useRef6, useEffect as useEffect8, useMemo as useMemo8 } from "react";
+import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 function FileUpload({
   supabase,
   table_name,
@@ -2915,7 +3201,9 @@ function FileUpload({
   organisation_id,
   app_id,
   category,
+  folder,
   pageContext,
+  event_id,
   accept = "*/*",
   maxSize = 10 * 1024 * 1024,
   // 10MB default
@@ -2930,14 +3218,14 @@ function FileUpload({
   onProgress,
   children
 }) {
-  const [isDragging, setIsDragging] = useState9(false);
-  const [uploadStates, setUploadStates] = useState9(/* @__PURE__ */ new Map());
-  const [resolvedAppId, setResolvedAppId] = useState9(app_id || null);
-  const [isResolvingAppId, setIsResolvingAppId] = useState9(!app_id);
-  const [appIdError, setAppIdError] = useState9(null);
-  const fileInputRef = useRef4(null);
+  const [isDragging, setIsDragging] = useState11(false);
+  const [uploadStates, setUploadStates] = useState11(/* @__PURE__ */ new Map());
+  const [resolvedAppId, setResolvedAppId] = useState11(app_id || null);
+  const [isResolvingAppId, setIsResolvingAppId] = useState11(!app_id);
+  const [appIdError, setAppIdError] = useState11(null);
+  const fileInputRef = useRef6(null);
   const { uploadFile, isLoading, error } = useFileReference(supabase);
-  useEffect6(() => {
+  useEffect8(() => {
     if (app_id) {
       setResolvedAppId(app_id);
       setIsResolvingAppId(false);
@@ -2980,7 +3268,7 @@ function FileUpload({
   const isDisabled = useMemo8(() => {
     return disabled || isUploading || isResolvingAppId || !resolvedAppId;
   }, [disabled, isUploading, isResolvingAppId, resolvedAppId]);
-  const generatePreview = useCallback6((file) => {
+  const generatePreview = useCallback7((file) => {
     return new Promise((resolve) => {
       if (!file.type.startsWith("image/")) {
         resolve(null);
@@ -2994,7 +3282,7 @@ function FileUpload({
       reader.readAsDataURL(file);
     });
   }, []);
-  const validateFile = useCallback6((file) => {
+  const validateFile = useCallback7((file) => {
     if (file.size > maxSize) {
       return `File "${file.name}" exceeds maximum size of ${Math.round(maxSize / 1024 / 1024)}MB`;
     }
@@ -3018,7 +3306,7 @@ function FileUpload({
     }
     return null;
   }, [accept, maxSize]);
-  const handleFileSelect = useCallback6(async (files) => {
+  const handleFileSelect = useCallback7(async (files) => {
     if (!files || files.length === 0) return;
     const fileArray = Array.from(files);
     const validationErrors = [];
@@ -3103,7 +3391,9 @@ function FileUpload({
           organisation_id,
           app_id: resolvedAppId ? assertAppId(resolvedAppId) : assertAppId(""),
           category,
+          folder,
           pageContext,
+          event_id,
           is_public: isPublic
         }, file);
         clearInterval(progressInterval);
@@ -3190,20 +3480,20 @@ function FileUpload({
         onUploadError?.(errorMessage, file);
       }
     }
-  }, [uploadFile, table_name, record_id, organisation_id, resolvedAppId, category, isPublic, maxSize, onUploadSuccess, onUploadError, onProgress, validateFile, generatePreview, showPreview, appIdError]);
-  const handleDragOver = useCallback6((e) => {
+  }, [uploadFile, table_name, record_id, organisation_id, resolvedAppId, category, folder, isPublic, maxSize, onUploadSuccess, onUploadError, onProgress, validateFile, generatePreview, showPreview, appIdError]);
+  const handleDragOver = useCallback7((e) => {
     e.preventDefault();
     e.stopPropagation();
     if (!isDisabled) {
       setIsDragging(true);
     }
   }, [isDisabled]);
-  const handleDragLeave = useCallback6((e) => {
+  const handleDragLeave = useCallback7((e) => {
     e.preventDefault();
     e.stopPropagation();
     setIsDragging(false);
   }, []);
-  const handleDrop = useCallback6((e) => {
+  const handleDrop = useCallback7((e) => {
     e.preventDefault();
     e.stopPropagation();
     setIsDragging(false);
@@ -3211,13 +3501,13 @@ function FileUpload({
     const files = e.dataTransfer.files;
     handleFileSelect(files);
   }, [isDisabled, handleFileSelect]);
-  const handleFileInputChange = useCallback6((e) => {
+  const handleFileInputChange = useCallback7((e) => {
     handleFileSelect(e.target.files);
     if (e.target) {
       e.target.value = "";
     }
   }, [handleFileSelect]);
-  const handleClick = useCallback6(() => {
+  const handleClick = useCallback7(() => {
     if (!isDisabled && fileInputRef.current) {
       fileInputRef.current.click();
     }
@@ -3231,8 +3521,8 @@ function FileUpload({
   };
   const dragClasses = isDragging ? "border-main-500 bg-main-50" : "border-sec-300 hover:border-sec-400";
   const disabledClasses = isDisabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:bg-sec-50";
-  return /* @__PURE__ */ jsxs16("div", { className: `space-y-4 ${className}`, children: [
-    /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17("div", { className: `space-y-4 ${className}`, children: [
+    /* @__PURE__ */ jsxs17(
       "div",
       {
         role: "button",
@@ -3251,8 +3541,8 @@ function FileUpload({
           }
         } : void 0,
         children: [
-          children || /* @__PURE__ */ jsxs16("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx22(
+          children || /* @__PURE__ */ jsxs17("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx23(
               "input",
               {
                 ref: fileInputRef,
@@ -3265,64 +3555,64 @@ function FileUpload({
                 "data-testid": "file-input"
               }
             ),
-            /* @__PURE__ */ jsx22("div", { className: "text-sec-600", children: isResolvingAppId ? "Resolving app configuration..." : isDragging ? "Drop files here..." : /* @__PURE__ */ jsxs16(Fragment5, { children: [
-              /* @__PURE__ */ jsx22("span", { className: "font-medium", children: "Click to upload" }),
+            /* @__PURE__ */ jsx23("div", { className: "text-sec-600", children: isResolvingAppId ? "Resolving app configuration..." : isDragging ? "Drop files here..." : /* @__PURE__ */ jsxs17(Fragment5, { children: [
+              /* @__PURE__ */ jsx23("span", { className: "font-medium", children: "Click to upload" }),
               " ",
               "or drag and drop"
             ] }) }),
-            /* @__PURE__ */ jsxs16("div", { className: "text-sm text-sec-500", children: [
+            /* @__PURE__ */ jsxs17("div", { className: "text-sm text-sec-500", children: [
               !isResolvingAppId && accept !== "*/*" && `Accepted formats: ${accept}`,
               !isResolvingAppId && maxSize && ` \u2022 Max size: ${Math.round(maxSize / 1024 / 1024)}MB`,
               !isResolvingAppId && multiple && " \u2022 Multiple files allowed"
             ] })
           ] }),
-          isUploading && !showProgress && /* @__PURE__ */ jsx22(
+          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__ */ jsx22("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-main-500", "aria-hidden": "true" })
+              children: /* @__PURE__ */ jsx23("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-main-500", "aria-hidden": "true" })
             }
           )
         ]
       }
     ),
-    showProgress && uploadStates.size > 0 && /* @__PURE__ */ jsx22("div", { className: "space-y-2", children: Array.from(uploadStates.entries()).map(([fileId, uploadState]) => {
+    showProgress && uploadStates.size > 0 && /* @__PURE__ */ jsx23("div", { className: "space-y-2", children: Array.from(uploadStates.entries()).map(([fileId, uploadState]) => {
       const { file, progress, preview, result } = uploadState;
       const isError = progress.status === "error";
       const isCompleted = progress.status === "completed";
       const isUploading2 = progress.status === "uploading" || progress.status === "processing";
-      return /* @__PURE__ */ jsxs16(
+      return /* @__PURE__ */ jsxs17(
         "div",
         {
           className: `flex items-center space-x-3 p-3 rounded-lg border ${isError ? "bg-acc-50 border-acc-200" : isCompleted ? "bg-success-50 border-success-200" : "bg-sec-50 border-sec-200"}`,
           children: [
-            /* @__PURE__ */ jsx22("div", { className: "flex-shrink-0", children: preview ? /* @__PURE__ */ jsx22(
+            /* @__PURE__ */ jsx23("div", { className: "flex-shrink-0", children: preview ? /* @__PURE__ */ jsx23(
               "img",
               {
                 src: preview,
                 alt: file.name,
                 className: "w-12 h-12 object-cover rounded"
               }
-            ) : /* @__PURE__ */ jsx22("div", { className: "w-12 h-12 flex items-center justify-center bg-sec-200 rounded", children: /* @__PURE__ */ jsx22("span", { className: "text-2xl", children: "\u{1F4C4}" }) }) }),
-            /* @__PURE__ */ jsxs16("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsx22("div", { className: "font-medium text-sec-900 truncate", children: file.name }),
-              /* @__PURE__ */ jsxs16("div", { className: "text-sm text-sec-500", children: [
+            ) : /* @__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__ */ jsxs17("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsx23("div", { className: "font-medium text-sec-900 truncate", children: file.name }),
+              /* @__PURE__ */ jsxs17("div", { className: "text-sm text-sec-500", children: [
                 formatFileSize(file.size),
                 isCompleted && result && " \u2022 Uploaded",
                 isError && progress.error && ` \u2022 ${progress.error}`
               ] }),
-              showProgress && (isUploading2 || isError) && /* @__PURE__ */ jsxs16("div", { className: "mt-2", children: [
-                /* @__PURE__ */ jsx22("div", { className: "w-full bg-sec-200 rounded-full h-2", children: /* @__PURE__ */ jsx22(
+              showProgress && (isUploading2 || isError) && /* @__PURE__ */ jsxs17("div", { className: "mt-2", children: [
+                /* @__PURE__ */ jsx23("div", { className: "w-full bg-sec-200 rounded-full h-2", children: /* @__PURE__ */ jsx23(
                   "div",
                   {
                     className: `h-2 rounded-full transition-all duration-300 ${isError ? "bg-acc-500" : "bg-main-500"}`,
                     style: { width: `${progress.percentage}%` }
                   }
                 ) }),
-                isUploading2 && /* @__PURE__ */ jsxs16("div", { className: "text-xs text-sec-500 mt-1", children: [
+                isUploading2 && /* @__PURE__ */ jsxs17("div", { className: "text-xs text-sec-500 mt-1", children: [
                   progress.percentage,
                   "% \u2022 ",
                   formatFileSize(progress.loaded),
@@ -3331,10 +3621,10 @@ function FileUpload({
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs16("div", { className: "flex-shrink-0", children: [
-              isCompleted && /* @__PURE__ */ jsx22("span", { className: "text-success-500 text-xl", children: "\u2713" }),
-              isError && /* @__PURE__ */ jsx22("span", { className: "text-acc-500 text-xl", children: "\u2715" }),
-              isUploading2 && /* @__PURE__ */ jsx22(
+            /* @__PURE__ */ jsxs17("div", { className: "flex-shrink-0", children: [
+              isCompleted && /* @__PURE__ */ jsx23("span", { className: "text-success-500 text-xl", children: "\u2713" }),
+              isError && /* @__PURE__ */ jsx23("span", { className: "text-acc-500 text-xl", children: "\u2715" }),
+              isUploading2 && /* @__PURE__ */ jsx23(
                 "div",
                 {
                   className: "animate-spin rounded-full h-5 w-5 border-b-2 border-main-500",
@@ -3349,7 +3639,7 @@ function FileUpload({
         fileId
       );
     }) }),
-    appIdError && /* @__PURE__ */ jsx22(
+    appIdError && /* @__PURE__ */ jsx23(
       "div",
       {
         className: "p-3 bg-acc-50 border border-acc-200 rounded-lg text-sm text-acc-600",
@@ -3358,7 +3648,7 @@ function FileUpload({
         children: appIdError
       }
     ),
-    error && /* @__PURE__ */ jsx22(
+    error && /* @__PURE__ */ jsx23(
       "div",
       {
         className: "p-3 bg-acc-50 border border-acc-200 rounded-lg text-sm text-acc-600",
@@ -3371,18 +3661,19 @@ function FileUpload({
 }
 
 // src/components/FileDisplay/FileDisplay.tsx
-import { useState as useState11, useEffect as useEffect8, useRef as useRef6, useContext as useContext2, useMemo as useMemo9 } from "react";
+import { useState as useState13, useEffect as useEffect10, useRef as useRef8, useContext as useContext2, useMemo as useMemo9 } from "react";
+import { FileText, ExternalLink } from "lucide-react";
 
 // src/hooks/useFileUrl.ts
-import { useState as useState10, useEffect as useEffect7, useCallback as useCallback7, useRef as useRef5 } from "react";
+import { useState as useState12, useEffect as useEffect9, useCallback as useCallback8, useRef as useRef7 } from "react";
 var log2 = createLogger("useFileUrl");
 function useFileUrl(fileReference, options) {
   const { organisation_id, supabase, autoLoad = true } = options;
-  const [url, setUrl] = useState10(null);
-  const [isLoading, setIsLoading] = useState10(false);
-  const [error, setError] = useState10(null);
-  const fileReferenceIdRef = useRef5(null);
-  const loadUrl = useCallback7(async () => {
+  const [url, setUrl] = useState12(null);
+  const [isLoading, setIsLoading] = useState12(false);
+  const [error, setError] = useState12(null);
+  const fileReferenceIdRef = useRef7(null);
+  const loadUrl = useCallback8(async () => {
     if (!fileReference) {
       setUrl(null);
       setIsLoading(false);
@@ -3418,13 +3709,13 @@ function useFileUrl(fileReference, options) {
       setIsLoading(false);
     }
   }, [fileReference, supabase, organisation_id, isLoading, url]);
-  const clear = useCallback7(() => {
+  const clear = useCallback8(() => {
     setUrl(null);
     setError(null);
     setIsLoading(false);
     fileReferenceIdRef.current = null;
   }, []);
-  useEffect7(() => {
+  useEffect9(() => {
     if (autoLoad) {
       if (fileReferenceIdRef.current !== fileReference?.id) {
         setUrl(null);
@@ -3445,7 +3736,7 @@ function useFileUrl(fileReference, options) {
 }
 
 // src/components/FileDisplay/FileDisplay.tsx
-import { Fragment as Fragment6, jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
 var fallbackSizeClasses = {
   xs: "h-4 w-4 text-xs",
   sm: "h-6 w-6 text-sm",
@@ -3484,10 +3775,10 @@ function FileDisplayContent({
   fallbackText,
   fallbackSize = "md"
 }) {
-  const [imageError, setImageError] = useState11(false);
-  const [internalFileUrls, setInternalFileUrls] = useState11(new Map(fileUrls));
-  const [deleteDialogOpen, setDeleteDialogOpen] = useState11(false);
-  const fileReferencesRef = useRef6([]);
+  const [imageError, setImageError] = useState13(false);
+  const [internalFileUrls, setInternalFileUrls] = useState13(new Map(fileUrls));
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState13(false);
+  const fileReferencesRef = useRef8([]);
   const computedFallbackText = useMemo9(() => {
     if (fallbackText) return fallbackText;
     const fileName = fileReference?.file_metadata?.fileName;
@@ -3498,7 +3789,7 @@ function FileDisplayContent({
     const baseClasses = "flex items-center justify-center bg-sec-100 text-sec-600 font-semibold rounded";
     return `${baseClasses} ${sizeClass} ${className}`.trim();
   }, [fallbackSize, className]);
-  useEffect8(() => {
+  useEffect10(() => {
     const currentIds = fileReferences.map((f) => f.id).join(",");
     const prevIds = fileReferencesRef.current.map((f) => f.id).join(",");
     if (currentIds !== prevIds) {
@@ -3552,17 +3843,17 @@ function FileDisplayContent({
   };
   if (error) {
     if (ErrorComponent) {
-      return /* @__PURE__ */ jsx23(ErrorComponent, { error, retry: clearError });
+      return /* @__PURE__ */ jsx24(ErrorComponent, { error, retry: clearError });
     }
     if (showFallback) {
-      return /* @__PURE__ */ jsx23("div", { className: fallbackClasses, title: "File unavailable", children: computedFallbackText });
+      return /* @__PURE__ */ jsx24("div", { className: fallbackClasses, title: "File unavailable", children: computedFallbackText });
     }
-    return /* @__PURE__ */ jsxs17("div", { className: `p-4 bg-acc-50 border border-acc-200 rounded-lg ${className}`, children: [
-      /* @__PURE__ */ jsxs17("div", { className: "text-acc-600", children: [
+    return /* @__PURE__ */ jsxs18("div", { className: `p-4 bg-acc-50 border border-acc-200 rounded-lg ${className}`, children: [
+      /* @__PURE__ */ jsxs18("div", { className: "text-acc-600", children: [
         "Error loading file: ",
         error instanceof Error ? error.message : String(error)
       ] }),
-      clearError && /* @__PURE__ */ jsx23(
+      clearError && /* @__PURE__ */ jsx24(
         "button",
         {
           onClick: clearError,
@@ -3575,38 +3866,38 @@ function FileDisplayContent({
   }
   if (fileCount === 0 && !isLoading) {
     if (showFallback) {
-      return /* @__PURE__ */ jsxs17("div", { className: fallbackClasses, title: "No file", children: [
+      return /* @__PURE__ */ jsxs18("div", { className: fallbackClasses, title: "No file", children: [
         computedFallbackText,
         children
       ] });
     }
-    return /* @__PURE__ */ jsxs17("div", { className: `text-sec-500 text-center p-4 ${className}`, children: [
+    return /* @__PURE__ */ jsxs18("div", { className: `text-sec-500 text-center p-4 ${className}`, children: [
       "No files found",
       children
     ] });
   }
   if (isLoading && showFallback && fileCount === 0) {
-    return /* @__PURE__ */ jsxs17("div", { className: fallbackClasses, title: "Loading...", children: [
+    return /* @__PURE__ */ jsxs18("div", { className: fallbackClasses, title: "Loading...", children: [
       computedFallbackText,
       children
     ] });
   }
   if (isLoading) {
     if (LoadingComponent) {
-      return /* @__PURE__ */ jsx23(LoadingComponent, {});
+      return /* @__PURE__ */ jsx24(LoadingComponent, {});
     }
-    return /* @__PURE__ */ jsx23("div", { className: `flex items-center justify-center p-4 ${className}`, children: /* @__PURE__ */ jsx23("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-main-500" }) });
+    return /* @__PURE__ */ jsx24("div", { className: `flex items-center justify-center p-4 ${className}`, children: /* @__PURE__ */ jsx24("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-main-500" }) });
   }
   if ((category || displayOnly) && fileReference) {
     const isImage = fileReference.file_metadata.fileType?.startsWith("image/");
     if (displayOnly && isImage && !showDelete) {
       if (imageError && showFallback) {
-        return /* @__PURE__ */ jsx23("div", { className: fallbackClasses, title: fileReference.file_metadata.fileName || "File", children: computedFallbackText });
+        return /* @__PURE__ */ jsx24("div", { className: fallbackClasses, title: fileReference.file_metadata.fileName || "File", children: computedFallbackText });
       }
       if (!fileUrl) {
-        return /* @__PURE__ */ jsx23("div", { className: `bg-sec-100 rounded animate-pulse ${className || "max-w-full h-48"}`, children: /* @__PURE__ */ jsx23("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsx23("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-main-500" }) }) });
+        return /* @__PURE__ */ jsx24("div", { className: `bg-sec-100 rounded animate-pulse ${className || "max-w-full h-48"}`, children: /* @__PURE__ */ jsx24("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsx24("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-main-500" }) }) });
       }
-      return /* @__PURE__ */ jsx23(
+      return /* @__PURE__ */ jsx24(
         "img",
         {
           src: fileUrl,
@@ -3616,12 +3907,31 @@ function FileDisplayContent({
         }
       );
     }
+    if (displayOnly && !isImage && fileUrl && fileReference && !showDelete) {
+      const fileName = fileReference.file_metadata?.fileName || "Document";
+      const ariaLabel = `Open ${fileName} in new tab`;
+      return /* @__PURE__ */ jsxs18(
+        "a",
+        {
+          href: fileUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          "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 ${className || ""}`.trim(),
+          children: [
+            /* @__PURE__ */ jsx24(FileText, { className: "h-5 w-5 shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx24("span", { className: "flex-1 font-medium truncate", children: fileName }),
+            /* @__PURE__ */ jsx24(ExternalLink, { className: "h-5 w-5 shrink-0", "aria-hidden": "true" })
+          ]
+        }
+      );
+    }
     if (displayOnly && showFallback && (!fileUrl || imageError || !isImage)) {
-      return /* @__PURE__ */ jsx23("div", { className: fallbackClasses, title: fileReference.file_metadata.fileName || "File", children: computedFallbackText });
+      return /* @__PURE__ */ jsx24("div", { className: fallbackClasses, title: fileReference.file_metadata.fileName || "File", children: computedFallbackText });
     }
-    return /* @__PURE__ */ jsxs17("div", { className: `space-y-2 ${className}`, children: [
-      isImage && fileUrl && !imageError ? /* @__PURE__ */ jsxs17("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsxs18("div", { className: `space-y-2 ${className}`, children: [
+      isImage && fileUrl && !imageError ? /* @__PURE__ */ jsxs18("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx24(
           "img",
           {
             src: fileUrl,
@@ -3630,8 +3940,8 @@ function FileDisplayContent({
             onError: handleImageError
           }
         ),
-        showDelete && /* @__PURE__ */ jsxs17(Fragment6, { children: [
-          /* @__PURE__ */ jsx23(
+        showDelete && /* @__PURE__ */ jsxs18(Fragment6, { children: [
+          /* @__PURE__ */ jsx24(
             "button",
             {
               onClick: handleDeleteClick,
@@ -3641,29 +3951,29 @@ function FileDisplayContent({
               children: "\xD7"
             }
           ),
-          /* @__PURE__ */ jsx23(Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: /* @__PURE__ */ jsxs17(DialogContent, { size: "sm", children: [
-            /* @__PURE__ */ jsx23(DialogHeader, { children: /* @__PURE__ */ jsx23(DialogTitle, { children: "Confirm Delete" }) }),
-            /* @__PURE__ */ jsx23(DialogBody, { children: /* @__PURE__ */ jsx23("p", { children: "Are you sure you want to delete this file? This action cannot be undone." }) }),
-            /* @__PURE__ */ jsxs17(DialogFooter, { children: [
-              /* @__PURE__ */ jsx23(Button, { variant: "outline", onClick: () => setDeleteDialogOpen(false), children: "Cancel" }),
-              /* @__PURE__ */ jsx23(Button, { variant: "destructive", onClick: handleDeleteConfirm, children: "Delete" })
+          /* @__PURE__ */ jsx24(Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: /* @__PURE__ */ jsxs18(DialogContent, { size: "sm", children: [
+            /* @__PURE__ */ jsx24(DialogHeader, { children: /* @__PURE__ */ jsx24(DialogTitle, { children: "Confirm Delete" }) }),
+            /* @__PURE__ */ jsx24(DialogBody, { children: /* @__PURE__ */ jsx24("p", { children: "Are you sure you want to delete this file? This action cannot be undone." }) }),
+            /* @__PURE__ */ jsxs18(DialogFooter, { children: [
+              /* @__PURE__ */ jsx24(Button, { variant: "outline", onClick: () => setDeleteDialogOpen(false), children: "Cancel" }),
+              /* @__PURE__ */ jsx24(Button, { variant: "destructive", onClick: handleDeleteConfirm, children: "Delete" })
             ] })
           ] }) })
         ] })
       ] }) : isImage && imageError && showFallback ? (
         // Show fallback when image fails to load and fallback is enabled
-        /* @__PURE__ */ jsx23("div", { className: fallbackClasses, title: fileReference.file_metadata.fileName || "File", children: computedFallbackText })
-      ) : /* @__PURE__ */ jsxs17("div", { className: "flex items-center space-x-3 p-3 bg-sec-50 rounded-lg border border-sec-200", children: [
-        /* @__PURE__ */ jsx23("span", { className: "text-2xl", children: getFileIcon(fileReference.file_metadata.fileType || "") }),
-        /* @__PURE__ */ jsxs17("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx23("div", { className: "font-medium text-sec-900 truncate", children: fileReference.file_metadata.fileName || "Unknown file" }),
-          /* @__PURE__ */ jsxs17("div", { className: "text-sm text-sec-500", children: [
+        /* @__PURE__ */ jsx24("div", { className: fallbackClasses, title: fileReference.file_metadata.fileName || "File", children: computedFallbackText })
+      ) : /* @__PURE__ */ jsxs18("div", { className: "flex items-center space-x-3 p-3 bg-sec-50 rounded-lg border border-sec-200", children: [
+        /* @__PURE__ */ jsx24("span", { className: "text-2xl", children: getFileIcon(fileReference.file_metadata.fileType || "") }),
+        /* @__PURE__ */ jsxs18("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx24("div", { className: "font-medium text-sec-900 truncate", children: fileReference.file_metadata.fileName || "Unknown file" }),
+          /* @__PURE__ */ jsxs18("div", { className: "text-sm text-sec-500", children: [
             fileReference.file_metadata.fileSize && formatFileSize(fileReference.file_metadata.fileSize),
             fileReference.file_metadata.fileType && ` \u2022 ${fileReference.file_metadata.fileType}`
           ] })
         ] }),
-        showDelete && /* @__PURE__ */ jsxs17(Fragment6, { children: [
-          /* @__PURE__ */ jsx23(
+        showDelete && /* @__PURE__ */ jsxs18(Fragment6, { children: [
+          /* @__PURE__ */ jsx24(
             "button",
             {
               onClick: handleDeleteClick,
@@ -3673,12 +3983,12 @@ function FileDisplayContent({
               children: "\xD7"
             }
           ),
-          /* @__PURE__ */ jsx23(Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: /* @__PURE__ */ jsxs17(DialogContent, { size: "sm", children: [
-            /* @__PURE__ */ jsx23(DialogHeader, { children: /* @__PURE__ */ jsx23(DialogTitle, { children: "Confirm Delete" }) }),
-            /* @__PURE__ */ jsx23(DialogBody, { children: /* @__PURE__ */ jsx23("p", { children: "Are you sure you want to delete this file? This action cannot be undone." }) }),
-            /* @__PURE__ */ jsxs17(DialogFooter, { children: [
-              /* @__PURE__ */ jsx23(Button, { variant: "outline", onClick: () => setDeleteDialogOpen(false), children: "Cancel" }),
-              /* @__PURE__ */ jsx23(Button, { variant: "destructive", onClick: handleDeleteConfirm, children: "Delete" })
+          /* @__PURE__ */ jsx24(Dialog, { open: deleteDialogOpen, onOpenChange: setDeleteDialogOpen, children: /* @__PURE__ */ jsxs18(DialogContent, { size: "sm", children: [
+            /* @__PURE__ */ jsx24(DialogHeader, { children: /* @__PURE__ */ jsx24(DialogTitle, { children: "Confirm Delete" }) }),
+            /* @__PURE__ */ jsx24(DialogBody, { children: /* @__PURE__ */ jsx24("p", { children: "Are you sure you want to delete this file? This action cannot be undone." }) }),
+            /* @__PURE__ */ jsxs18(DialogFooter, { children: [
+              /* @__PURE__ */ jsx24(Button, { variant: "outline", onClick: () => setDeleteDialogOpen(false), children: "Cancel" }),
+              /* @__PURE__ */ jsx24(Button, { variant: "destructive", onClick: handleDeleteConfirm, children: "Delete" })
             ] })
           ] }) })
         ] })
@@ -3686,13 +3996,13 @@ function FileDisplayContent({
       children
     ] });
   }
-  return /* @__PURE__ */ jsxs17("div", { className: `space-y-2 ${className}`, children: [
+  return /* @__PURE__ */ jsxs18("div", { className: `space-y-2 ${className}`, children: [
     fileReferences.map((fileRef) => {
       const isImage = fileRef.file_metadata.fileType?.startsWith("image/");
       const fileUrl2 = internalFileUrls.get(fileRef.id) || null;
       const canDownload = !isImage && fileUrl2;
-      return /* @__PURE__ */ jsxs17("div", { className: "flex items-center space-x-3 p-3 bg-sec-50 rounded-lg border border-sec-200", children: [
-        isImage && fileUrl2 ? /* @__PURE__ */ jsx23(
+      return /* @__PURE__ */ jsxs18("div", { className: "flex items-center space-x-3 p-3 bg-sec-50 rounded-lg border border-sec-200", children: [
+        isImage && fileUrl2 ? /* @__PURE__ */ jsx24(
           "img",
           {
             src: fileUrl2,
@@ -3700,17 +4010,17 @@ function FileDisplayContent({
             className: "w-12 h-12 object-cover rounded",
             onError: handleImageError
           }
-        ) : /* @__PURE__ */ jsx23("span", { className: "text-2xl", children: getFileIcon(fileRef.file_metadata.fileType || "") }),
-        /* @__PURE__ */ jsxs17("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx23("div", { className: "font-medium text-sec-900 truncate", children: fileRef.file_metadata.fileName || "Unknown file" }),
-          /* @__PURE__ */ jsxs17("div", { className: "text-sm text-sec-500", children: [
+        ) : /* @__PURE__ */ jsx24("span", { className: "text-2xl", children: getFileIcon(fileRef.file_metadata.fileType || "") }),
+        /* @__PURE__ */ jsxs18("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx24("div", { className: "font-medium text-sec-900 truncate", children: fileRef.file_metadata.fileName || "Unknown file" }),
+          /* @__PURE__ */ jsxs18("div", { className: "text-sm text-sec-500", children: [
             fileRef.file_metadata.fileSize && formatFileSize(fileRef.file_metadata.fileSize),
             fileRef.file_metadata.fileType && ` \u2022 ${fileRef.file_metadata.fileType}`,
             fileRef.file_metadata.category && ` \u2022 ${fileRef.file_metadata.category}`
           ] })
         ] }),
-        /* @__PURE__ */ jsxs17("div", { className: "flex items-center space-x-2", children: [
-          canDownload && /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsxs18("div", { className: "flex items-center space-x-2", children: [
+          canDownload && /* @__PURE__ */ jsx24(
             "a",
             {
               href: fileRef.file_path,
@@ -3720,7 +4030,7 @@ function FileDisplayContent({
               children: "\u2193"
             }
           ),
-          showDelete && onDelete && /* @__PURE__ */ jsx23(
+          showDelete && onDelete && /* @__PURE__ */ jsx24(
             "button",
             {
               onClick: handleDeleteClick,
@@ -3756,7 +4066,7 @@ function FileDisplayPublic({
   const supabase = publicPageContext?.supabase ?? null;
   if (!supabase) {
     if (showFallback) {
-      return /* @__PURE__ */ jsx23(
+      return /* @__PURE__ */ jsx24(
         FileDisplayContent,
         {
           isLoading: false,
@@ -3782,7 +4092,7 @@ function FileDisplayPublic({
         }
       );
     }
-    return /* @__PURE__ */ jsx23("div", { className: `text-sec-500 text-center p-4 ${className}`, children: "Supabase client not available in public context" });
+    return /* @__PURE__ */ jsx24("div", { className: `text-sec-500 text-center p-4 ${className}`, children: "Supabase client not available in public context" });
   }
   const {
     fileUrl,
@@ -3826,7 +4136,7 @@ function FileDisplayPublic({
     finalFileCount = 1;
     finalFileUrl = fileUrls.get(targetFile.id) || null;
   }
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     FileDisplayContent,
     {
       isLoading,
@@ -3870,7 +4180,7 @@ function FileDisplayAuthenticated({
 }) {
   const { supabase } = useUnifiedAuth();
   if (!supabase) {
-    return /* @__PURE__ */ jsx23("div", { className: `text-sec-500 text-center p-4 ${className}`, children: "Supabase client not available in authenticated context" });
+    return /* @__PURE__ */ jsx24("div", { className: `text-sec-500 text-center p-4 ${className}`, children: "Supabase client not available in authenticated context" });
   }
   const {
     fileUrl,
@@ -3888,7 +4198,7 @@ function FileDisplayAuthenticated({
     category,
     { supabase }
   );
-  const [displayOnlyFileReference, setDisplayOnlyFileReference] = useState11(null);
+  const [displayOnlyFileReference, setDisplayOnlyFileReference] = useState13(null);
   const displayOnlyFileUrlFromMap = displayOnlyFileReference ? fileUrls.get(displayOnlyFileReference.id) : null;
   const displayOnlyFileUrlHook = useFileUrl(
     displayOnlyFileReference && !displayOnlyFileUrlFromMap ? displayOnlyFileReference : null,
@@ -3899,7 +4209,7 @@ function FileDisplayAuthenticated({
     }
   );
   const displayOnlyFileUrl = displayOnlyFileUrlFromMap || displayOnlyFileUrlHook.url;
-  useEffect8(() => {
+  useEffect10(() => {
     if (displayOnly && !category && fileReferences.length > 0) {
       const imageFiles = fileReferences.filter(
         (f) => f.file_metadata.fileType?.startsWith("image/")
@@ -3928,7 +4238,7 @@ function FileDisplayAuthenticated({
       finalError = error || displayOnlyFileUrlHook.error;
     }
   }
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     FileDisplayContent,
     {
       isLoading: finalIsLoading,
@@ -3973,7 +4283,7 @@ function FileDisplay({
 }) {
   const isPublicPage = useIsPublicPage();
   if (isPublicPage) {
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx24(
       FileDisplayPublic,
       {
         table_name,
@@ -3993,7 +4303,7 @@ function FileDisplay({
       }
     );
   }
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     FileDisplayAuthenticated,
     {
       table_name,
@@ -4015,9 +4325,9 @@ function FileDisplay({
 }
 
 // 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(
+import * as React21 from "react";
+import { jsx as jsx25 } from "react/jsx-runtime";
+var Table = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   "table",
   {
     ref,
@@ -4026,9 +4336,9 @@ var Table = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Table.displayName = "Table";
-var TableHeader = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var TableBody = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   "tbody",
   {
     ref,
@@ -4037,7 +4347,7 @@ var TableBody = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var TableFooter = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   "tfoot",
   {
     ref,
@@ -4049,7 +4359,7 @@ var TableFooter = React20.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var TableRow = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   "tr",
   {
     ref,
@@ -4061,7 +4371,7 @@ var TableRow = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var TableHead = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   "th",
   {
     ref,
@@ -4073,7 +4383,7 @@ var TableHead = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var TableCell = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   "td",
   {
     ref,
@@ -4082,7 +4392,7 @@ var TableCell = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var TableCaption = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   "caption",
   {
     ref,
@@ -4093,7 +4403,7 @@ var TableCaption = React20.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 
 // src/components/PublicLayout/PublicPageLayout.tsx
-import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
 function PublicPageHeader({
   event,
   eventCode,
@@ -4106,11 +4416,11 @@ function PublicPageHeader({
   customEventLogo
 }) {
   const { appName } = useAppConfig();
-  return /* @__PURE__ */ jsxs18("header", { className: cn(
+  return /* @__PURE__ */ jsxs19("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__ */ jsx26(
       "img",
       {
         className: "ml-4 max-w-36 object-contain row-span-2",
@@ -4118,9 +4428,9 @@ function PublicPageHeader({
         alt: appName
       }
     ),
-    event && /* @__PURE__ */ jsxs18(Fragment7, { children: [
-      /* @__PURE__ */ jsx25("h1", { children: event.event_name }),
-      showEventLogo && event && /* @__PURE__ */ jsx25(Fragment7, { children: customEventLogo || /* @__PURE__ */ jsx25(
+    event && /* @__PURE__ */ jsxs19(Fragment7, { children: [
+      /* @__PURE__ */ jsx26("h1", { children: event.event_name }),
+      showEventLogo && event && /* @__PURE__ */ jsx26(Fragment7, { children: customEventLogo || /* @__PURE__ */ jsx26(
         FileDisplay,
         {
           table_name: "event",
@@ -4137,13 +4447,13 @@ function PublicPageHeader({
           }
         }
       ) }),
-      event.event_venue && /* @__PURE__ */ jsx25("h4", { children: event.event_venue })
+      event.event_venue && /* @__PURE__ */ jsx26("h4", { children: event.event_venue })
     ] }),
-    title && /* @__PURE__ */ jsxs18(Fragment7, { 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__ */ jsxs19(Fragment7, { children: [
+      /* @__PURE__ */ jsx26("h1", { children: title }),
+      description && /* @__PURE__ */ jsx26("p", { className: "text-lg text-sec-600 max-w-3xl mx-auto", children: description })
     ] }),
-    children && /* @__PURE__ */ jsx25(Fragment7, { children })
+    children && /* @__PURE__ */ jsx26(Fragment7, { children })
   ] });
 }
 function PublicPageFooter({
@@ -4157,11 +4467,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__ */ jsxs18("section", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto text-center", children: [
-    logo && /* @__PURE__ */ jsx25("img", { src: logo, alt: "Logo", className: "h-8 w-auto" }),
-    children && /* @__PURE__ */ jsx25(Fragment7, { children }),
-    /* @__PURE__ */ jsx25("span", { className: "text-muted-foreground", children: copyrightText }),
-    links && links.length > 0 && /* @__PURE__ */ jsx25("ul", { className: "flex gap-4 mt-2 md:mt-0", children: links.map((link, index) => /* @__PURE__ */ jsx25("li", { children: /* @__PURE__ */ jsx25("a", { href: link.href, className: "text-muted-foreground hover:text-foreground", children: link.label }) }, index)) })
+  return /* @__PURE__ */ jsx26("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__ */ jsx26("img", { src: logo, alt: "Logo", className: "h-8 w-auto" }),
+    children && /* @__PURE__ */ jsx26(Fragment7, { children }),
+    /* @__PURE__ */ jsx26("span", { className: "text-muted-foreground", children: copyrightText }),
+    links && links.length > 0 && /* @__PURE__ */ jsx26("ul", { className: "flex gap-4 mt-2 md:mt-0", children: links.map((link, index) => /* @__PURE__ */ jsx26("li", { children: /* @__PURE__ */ jsx26("a", { href: link.href, className: "text-muted-foreground hover:text-foreground", children: link.label }) }, index)) })
   ] }) });
 }
 function PublicPageLayout({
@@ -4185,48 +4495,49 @@ function PublicPageLayout({
   });
   if (isLoading) {
     if (LoadingFallback) {
-      return /* @__PURE__ */ jsx25(LoadingFallback, {});
+      return /* @__PURE__ */ jsx26(LoadingFallback, {});
     }
-    return /* @__PURE__ */ jsx25("div", { className: "min-h-screen bg-background flex items-center justify-center", children: /* @__PURE__ */ jsxs18("div", { className: "max-w-md mx-auto text-center px-4", children: [
-      /* @__PURE__ */ jsx25(LoadingSpinner, { size: "lg", className: "mx-auto mb-4" }),
-      loadingMessage && /* @__PURE__ */ jsx25("p", { className: "text-sec-600", children: loadingMessage })
+    return /* @__PURE__ */ jsx26("div", { className: "min-h-screen bg-background flex items-center justify-center", children: /* @__PURE__ */ jsxs19("div", { className: "max-w-md mx-auto text-center px-4", children: [
+      /* @__PURE__ */ jsx26(LoadingSpinner, { size: "lg", className: "mx-auto mb-4" }),
+      loadingMessage && /* @__PURE__ */ jsx26("p", { className: "text-sec-600", children: loadingMessage })
     ] }) });
   }
   if (error && showValidationErrors) {
     if (ErrorFallback) {
-      return /* @__PURE__ */ jsx25(ErrorFallback, { error, retry: handleRefetch });
+      return /* @__PURE__ */ jsx26(ErrorFallback, { error, retry: handleRefetch });
     }
-    return /* @__PURE__ */ jsxs18("main", { className: "flex flex-col items-center justify-center px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children: [
-      /* @__PURE__ */ jsx25("h1", { children: "Event Not Found" }),
-      /* @__PURE__ */ jsxs18("p", { children: [
+    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__ */ jsx26("h1", { children: "Event Not Found" }),
+      /* @__PURE__ */ jsxs19("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__ */ jsx26(Button, { onClick: handleRefetch, children: "Try Again" })
     ] });
   }
   if (!event && showValidationErrors) {
-    return /* @__PURE__ */ jsxs18("main", { className: "flex flex-col items-center justify-center px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children: [
-      /* @__PURE__ */ jsx25("h1", { children: "Event Not Available" }),
-      /* @__PURE__ */ jsx25("p", { children: "This event is not available for public viewing." }),
-      handleRefetch && /* @__PURE__ */ jsx25(Button, { onClick: handleRefetch, children: "Try Again" })
+    return /* @__PURE__ */ jsxs19("main", { className: "flex flex-col items-center justify-center px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children: [
+      /* @__PURE__ */ jsx26("h1", { children: "Event Not Available" }),
+      /* @__PURE__ */ jsx26("p", { children: "This event is not available for public viewing." }),
+      handleRefetch && /* @__PURE__ */ jsx26(Button, { onClick: handleRefetch, children: "Try Again" })
     ] });
   }
-  return /* @__PURE__ */ jsx25(ErrorBoundary, { componentName: "PublicPageLayout", children: /* @__PURE__ */ jsxs18(Fragment7, { children: [
-    customHeader || /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(ErrorBoundary, { componentName: "PublicPageLayout", children: /* @__PURE__ */ jsxs19(Fragment7, { children: [
+    customHeader || /* @__PURE__ */ jsx26(
       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__ */ jsx26("main", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children }),
+    showFooter && event && (customFooter || /* @__PURE__ */ jsx26(PublicPageFooter, { event }))
   ] }) });
 }
 
 export {
+  AddressField,
   Label,
   Textarea,
   Avatar,
@@ -4279,4 +4590,4 @@ export {
   PublicPageFooter,
   PublicPageLayout
 };
-//# sourceMappingURL=chunk-HC67NW5K.js.map
+//# sourceMappingURL=chunk-LBBUPSSC.js.map