@jmruthers/pace-core 0.5.92 → 0.5.94

package/dist/{chunk-5LAY74WM.js → chunk-O6GASC4Q.js}

@@ -23,7 +23,7 @@ import {
   SelectSeparator,
   SelectTrigger,
   SelectValue
-} from "./chunk-TZXYSZT3.js";
+} from "./chunk-PRM6EYO3.js";
 import {
   isPermitted,
   isSuperAdmin
@@ -32,28 +32,29 @@ import {
   OrganisationProvider_exports,
   PublicErrorBoundary,
   PublicPageContext,
-  deleteFile,
-  extractFileMetadata,
+  createFileReferenceService,
   getPublicUrl,
   getSignedUrl,
   init_OrganisationProvider,
-  uploadFile,
+  uploadFileWithReference,
   useAppConfig,
+  useFileDisplay,
   useIsPublicPage,
   usePublicEventLogo,
+  usePublicFileDisplay,
   usePublicPageContext
-} from "./chunk-M52CQP5W.js";
+} from "./chunk-MKMKUCPF.js";
 import {
   useToast
 } from "./chunk-QPCAGLUS.js";
 import {
   useEvents,
   useOrganisations
-} from "./chunk-OXFOS62D.js";
+} from "./chunk-MVNOAHOP.js";
 import {
   UnifiedAuthProvider_exports,
   init_UnifiedAuthProvider as init_UnifiedAuthProvider2
-} from "./chunk-AYC2P377.js";
+} from "./chunk-ORACUZ7H.js";
 import {
   EventServiceContext,
   EventServiceProvider,
@@ -63,7 +64,7 @@ import {
   useEventService,
   useSessionRestoration,
   useUnifiedAuth
-} from "./chunk-AAM57AEU.js";
+} from "./chunk-5RYPBJYL.js";
 import {
   LoadingSpinner
 } from "./chunk-CDQ3PX7L.js";
@@ -76,10 +77,6 @@ import {
 import {
   performanceBudgetMonitor
 } from "./chunk-O3NWNXDY.js";
-import {
-  init_organisationContext,
-  setOrganisationContext
-} from "./chunk-BDZUMRBD.js";
 import {
   __esm,
   __export,
@@ -1447,7 +1444,7 @@ function PaceAppLayout({
         }
       }
       if (hasAccess && currentRoute.roles && currentRoute.roles.length > 0 && user?.id) {
-        const { useUnifiedAuth: useUnifiedAuth2 } = await import("./UnifiedAuthProvider-ZM7VUC45.js");
+        const { useUnifiedAuth: useUnifiedAuth2 } = await import("./UnifiedAuthProvider-H7RI4KYD.js");
         hasAccess = true;
       }
       if (!isMounted) return;
@@ -2201,309 +2198,11 @@ function PasswordResetForm({
 
 // src/hooks/useFileReference.ts
 import { useState as useState9, useCallback as useCallback5, useEffect as useEffect5, useRef as useRef2, useMemo as useMemo7 } from "react";
-
-// src/utils/file-reference.ts
-init_organisationContext();
-var FileReferenceServiceImpl = class {
-  constructor(supabase) {
-    this.supabase = supabase;
-  }
-  async createFileReference(options, file) {
-    try {
-      if (!options.organisation_id) {
-        throw new Error("organisation_id is required for file upload");
-      }
-      if (!options.table_name) {
-        throw new Error("table_name is required for file upload");
-      }
-      if (!options.record_id) {
-        throw new Error("record_id is required for file upload");
-      }
-      const uploadResult = await uploadFile(this.supabase, file, {
-        appName: "file-reference",
-        orgId: options.organisation_id,
-        isPublic: options.is_public || false,
-        customPath: options.category
-        // Use category as the custom path
-      });
-      if (!uploadResult.success) {
-        throw new Error(`Failed to upload file: ${uploadResult.error}`);
-      }
-      if (!uploadResult.path) {
-        throw new Error("File upload did not return a path");
-      }
-      const filePath = uploadResult.path;
-      const metadata = await extractFileMetadata(file, {
-        appName: "file-reference",
-        orgId: options.organisation_id,
-        isPublic: options.is_public || false
-      }, "system");
-      await setOrganisationContext(this.supabase, options.organisation_id);
-      const { data, error } = await this.supabase.rpc("data_file_reference_create", {
-        p_table_name: options.table_name,
-        p_record_id: options.record_id,
-        p_file_path: filePath,
-        p_organisation_id: options.organisation_id,
-        p_app_id: options.app_id,
-        p_file_metadata: {
-          fileName: file.name,
-          fileType: file.type,
-          fileSize: file.size,
-          category: options.category,
-          ...metadata,
-          ...options.custom_metadata
-        },
-        p_is_public: options.is_public || false
-      });
-      if (error) {
-        await deleteFile(this.supabase, filePath, options.is_public || false);
-        throw new Error(`Failed to create file reference: ${error.message}`);
-      }
-      const { data: fileRef, error: fetchError } = await this.supabase.from("file_references").select("*").eq("id", data).single();
-      if (fetchError || !fileRef) {
-        throw new Error(`Failed to fetch created file reference: ${fetchError?.message}`);
-      }
-      return fileRef;
-    } catch (error) {
-      console.error("Error creating file reference:", error);
-      throw error;
-    }
-  }
-  async getFileReference(table_name, record_id, organisation_id) {
-    try {
-      const { data, error } = await this.supabase.from("file_references").select("*").eq("table_name", table_name).eq("record_id", record_id).eq("organisation_id", organisation_id).single();
-      if (error) {
-        if (error.code === "PGRST116") {
-          return null;
-        }
-        throw new Error(`Failed to get file reference: ${error.message}`);
-      }
-      return data;
-    } catch (error) {
-      console.error("Error getting file reference:", error);
-      throw error;
-    }
-  }
-  async getFileUrl(table_name, record_id, organisation_id) {
-    try {
-      const fileRef = await this.getFileReference(table_name, record_id, organisation_id);
-      if (!fileRef) {
-        return null;
-      }
-      if (fileRef.is_public) {
-        const { data: pathData } = await this.supabase.rpc("data_file_reference_url_get", {
-          p_table_name: table_name,
-          p_record_id: record_id,
-          p_organisation_id: organisation_id
-        });
-        if (!pathData) {
-          return null;
-        }
-        return getPublicUrl(this.supabase, pathData, true);
-      } else {
-        return await this.getSignedUrl(table_name, record_id, organisation_id);
-      }
-    } catch (error) {
-      console.error("Error getting file URL:", error);
-      throw error;
-    }
-  }
-  async getSignedUrl(table_name, record_id, organisation_id, expires_in = 3600) {
-    try {
-      const { data: filePath, error } = await this.supabase.rpc("data_file_reference_signed_url_get", {
-        p_table_name: table_name,
-        p_record_id: record_id,
-        p_organisation_id: organisation_id,
-        p_expires_in: expires_in
-      });
-      if (error) {
-        throw new Error(`Failed to get signed URL: ${error.message}`);
-      }
-      if (!filePath) {
-        return null;
-      }
-      const signedUrlResult = await getSignedUrl(this.supabase, filePath, {
-        appName: "file-reference",
-        orgId: organisation_id,
-        expiresIn: expires_in
-      });
-      return signedUrlResult?.url || null;
-    } catch (error) {
-      console.error("Error getting signed URL:", error);
-      throw error;
-    }
-  }
-  async updateFileReference(id, updates) {
-    try {
-      const { data, error } = await this.supabase.from("file_references").update(updates).eq("id", id).select().single();
-      if (error) {
-        throw new Error(`Failed to update file reference: ${error.message}`);
-      }
-      return data;
-    } catch (error) {
-      console.error("Error updating file reference:", error);
-      throw error;
-    }
-  }
-  async deleteFileReference(table_name, record_id, organisation_id, delete_file = false) {
-    try {
-      const fileRef = await this.getFileReference(table_name, record_id, organisation_id);
-      const { error } = await this.supabase.rpc("data_file_reference_delete", {
-        p_table_name: table_name,
-        p_record_id: record_id,
-        p_organisation_id: organisation_id,
-        p_delete_file: delete_file
-      });
-      if (error) {
-        throw new Error(`Failed to delete file reference: ${error.message}`);
-      }
-      if (delete_file && fileRef) {
-        await deleteFile(this.supabase, fileRef.file_path, fileRef.is_public || false);
-      }
-      return true;
-    } catch (error) {
-      console.error("Error deleting file reference:", error);
-      throw error;
-    }
-  }
-  async listFileReferences(table_name, record_id, organisation_id) {
-    try {
-      const { data, error } = await this.supabase.rpc("data_file_reference_list", {
-        p_table_name: table_name,
-        p_record_id: record_id,
-        p_organisation_id: organisation_id
-      });
-      if (error) {
-        throw new Error(`Failed to list file references: ${error.message}`);
-      }
-      if (!data || data.length === 0) {
-        return [];
-      }
-      const ids = data.map((item) => item.id);
-      const { data: fullData, error: fetchError } = await this.supabase.from("file_references").select("*").in("id", ids);
-      if (fetchError) {
-        throw new Error(`Failed to fetch file references: ${fetchError.message}`);
-      }
-      return fullData || [];
-    } catch (error) {
-      console.error("Error listing file references:", error);
-      throw error;
-    }
-  }
-  async getFileCount(table_name, record_id, organisation_id) {
-    try {
-      const { data, error } = await this.supabase.rpc("data_file_reference_count_get", {
-        p_table_name: table_name,
-        p_record_id: record_id,
-        p_organisation_id: organisation_id
-      });
-      if (error) {
-        throw new Error(`Failed to get file count: ${error.message}`);
-      }
-      return data || 0;
-    } catch (error) {
-      console.error("Error getting file count:", error);
-      throw error;
-    }
-  }
-  async getFileReferenceById(id, organisation_id) {
-    try {
-      const { data, error } = await this.supabase.rpc("data_file_reference_get", {
-        p_file_reference_id: id,
-        p_organisation_id: organisation_id
-      });
-      if (error) {
-        throw new Error(`Failed to get file reference by ID: ${error.message}`);
-      }
-      if (!data || data.length === 0) {
-        return null;
-      }
-      return data[0];
-    } catch (error) {
-      console.error("Error getting file reference by ID:", error);
-      throw error;
-    }
-  }
-  async getFilesByCategory(table_name, record_id, category, organisation_id) {
-    try {
-      const { data, error } = await this.supabase.rpc("data_file_reference_by_category_list", {
-        p_table_name: table_name,
-        p_record_id: record_id,
-        p_category: category,
-        p_organisation_id: organisation_id
-      });
-      if (error) {
-        throw new Error(`Failed to get files by category: ${error.message}`);
-      }
-      if (!data || data.length === 0) {
-        return [];
-      }
-      const ids = data.map((item) => item.id);
-      const { data: fullData, error: fetchError } = await this.supabase.from("file_references").select("*").in("id", ids);
-      if (fetchError) {
-        throw new Error(`Failed to fetch file references: ${fetchError.message}`);
-      }
-      return fullData || [];
-    } catch (error) {
-      console.error("Error getting files by category:", error);
-      throw error;
-    }
-  }
-  async uploadMultipleFiles(options, files) {
-    const success = [];
-    const failed = [];
-    const results = [];
-    for (const file of files) {
-      try {
-        const fileReference = await this.createFileReference(options, file);
-        success.push(fileReference);
-        results.push({
-          file,
-          result: {
-            file_reference: fileReference,
-            file_url: fileReference.is_public ? getPublicUrl(this.supabase, fileReference.file_path, true) : ""
-          }
-        });
-      } catch (error) {
-        const message = error instanceof Error ? error.message : "Unknown error";
-        failed.push({ file, error: message });
-        results.push({ file, result: null, error: message });
-      }
-    }
-    return {
-      success,
-      failed,
-      total: results.length,
-      successful: success.length,
-      results
-    };
-  }
-};
-function createFileReferenceService(supabase) {
-  return new FileReferenceServiceImpl(supabase);
-}
-async function uploadFileWithReference(supabase, options, file) {
-  const service = createFileReferenceService(supabase);
-  const fileReference = await service.createFileReference(options, file);
-  const fileUrl = options.is_public ? getPublicUrl(supabase, fileReference.file_path, true) : await getSignedUrl(supabase, fileReference.file_path, {
-    appName: "file-reference",
-    orgId: options.organisation_id,
-    expiresIn: 3600
-  });
-  const urlString = typeof fileUrl === "string" ? fileUrl : fileUrl?.url || "";
-  return {
-    file_reference: fileReference,
-    file_url: urlString,
-    signed_url: options.is_public ? void 0 : urlString || void 0
-  };
-}
-
-// src/hooks/useFileReference.ts
 function useFileReference(supabase) {
   const [isLoading, setIsLoading] = useState9(false);
   const [error, setError] = useState9(null);
   const service = useMemo7(() => createFileReferenceService(supabase), [supabase]);
-  const uploadFile2 = useCallback5(async (options, file) => {
+  const uploadFile = useCallback5(async (options, file) => {
     setIsLoading(true);
     setError(null);
     try {
@@ -2640,7 +2339,7 @@ function useFileReference(supabase) {
   return {
     isLoading,
     error,
-    uploadFile: uploadFile2,
+    uploadFile,
     getFileReference,
     getFileReferenceById,
     getFileUrl,
@@ -2690,7 +2389,7 @@ function useFileReferenceForRecord(supabase, table_name, record_id, organisation
     setFileCount(count);
     return count;
   }, [getFileCount, table_name, record_id, organisation_id]);
-  const deleteFile2 = useCallback5(async (delete_file) => {
+  const deleteFile = useCallback5(async (delete_file) => {
     const success = await deleteFileReference(table_name, record_id, organisation_id, delete_file);
     if (success) {
       setFileReference(null);
@@ -2728,7 +2427,7 @@ function useFileReferenceForRecord(supabase, table_name, record_id, organisation
     loadFileUrl,
     loadFileReferences,
     loadFileCount,
-    deleteFile: deleteFile2,
+    deleteFile,
     updateFileReference,
     clearError
   };
@@ -2905,7 +2604,7 @@ function FileUpload({
   const [isResolvingAppId, setIsResolvingAppId] = useState10(!app_id);
   const [appIdError, setAppIdError] = useState10(null);
   const fileInputRef = useRef3(null);
-  const { uploadFile: uploadFile2, isLoading, error } = useFileReference(supabase);
+  const { uploadFile, isLoading, error } = useFileReference(supabase);
   useEffect6(() => {
     if (app_id) {
       setResolvedAppId(app_id);
@@ -3066,7 +2765,7 @@ function FileUpload({
           const errorMsg = appIdError || "App ID not available. Please provide app_id prop or set app name.";
           throw new Error(errorMsg);
         }
-        const result = await uploadFile2({
+        const result = await uploadFile({
           table_name,
           record_id,
           organisation_id,
@@ -3165,7 +2864,7 @@ function FileUpload({
         onUploadError?.(errorMessage, file);
       }
     }
-  }, [uploadFile2, table_name, record_id, organisation_id, resolvedAppId, category, isPublic, maxSize, onUploadSuccess, onUploadError, onProgress, validateFile, generatePreview, showPreview, appIdError]);
+  }, [uploadFile, table_name, record_id, organisation_id, resolvedAppId, category, isPublic, maxSize, onUploadSuccess, onUploadError, onProgress, validateFile, generatePreview, showPreview, appIdError]);
   const handleDragOver = useCallback6((e) => {
     e.preventDefault();
     e.stopPropagation();
@@ -3303,77 +3002,53 @@ function FileUpload({
 }
 
 // src/components/FileDisplay/FileDisplay.tsx
-import { useState as useState11, useEffect as useEffect7, useRef as useRef4 } from "react";
+import { useState as useState11, useEffect as useEffect7, useRef as useRef4, useContext } from "react";
+init_UnifiedAuthProvider();
 import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
-function FileDisplay({
+function FileDisplayContent({
+  isLoading,
+  error,
+  fileUrl,
+  fileReference,
+  fileReferences,
+  fileUrls,
+  fileCount,
+  category,
+  displayOnly,
+  showDelete,
+  className,
+  children,
+  onDelete,
+  clearError,
   supabase,
-  table_name,
-  record_id,
   organisation_id,
-  category,
-  showUpload = false,
-  showDelete = false,
-  className = "",
-  children
+  loadingUrls = /* @__PURE__ */ new Set()
 }) {
-  const {
-    isLoading,
-    error,
-    fileUrl,
-    fileReference,
-    fileReferences,
-    fileCount,
-    loadFileReference,
-    loadFileUrl,
-    loadFileReferences,
-    loadFileCount,
-    deleteFile: deleteFile2,
-    clearError
-  } = useFileReferenceForRecord(supabase, table_name, record_id, organisation_id);
   const [imageError, setImageError] = useState11(false);
-  const [fileUrls, setFileUrls] = useState11(/* @__PURE__ */ new Map());
-  const [loadingUrls, setLoadingUrls] = useState11(/* @__PURE__ */ new Set());
+  const [internalFileUrls, setInternalFileUrls] = useState11(new Map(fileUrls));
   const loadedFilesRef = useRef4(/* @__PURE__ */ new Set());
-  const loadingUrlsRef = useRef4(/* @__PURE__ */ new Set());
+  const loadingUrlsRef = useRef4(new Set(loadingUrls));
   const fileReferencesRef = useRef4([]);
+  useEffect7(() => {
+    setInternalFileUrls(new Map(fileUrls));
+  }, [fileUrls]);
   useEffect7(() => {
     const currentIds = fileReferences.map((f) => f.id).join(",");
     const prevIds = fileReferencesRef.current.map((f) => f.id).join(",");
     if (currentIds !== prevIds) {
       fileReferencesRef.current = fileReferences;
       loadedFilesRef.current.clear();
-      setFileUrls(/* @__PURE__ */ new Map());
-      setLoadingUrls(/* @__PURE__ */ new Set());
+      setInternalFileUrls(/* @__PURE__ */ new Map());
     }
   }, [fileReferences]);
   useEffect7(() => {
-    loadFileCount();
-    if (category) {
-      loadFileReference();
-    } else {
-      loadFileReferences();
-    }
-  }, [loadFileCount, loadFileReference, loadFileReferences, category]);
-  useEffect7(() => {
-    if (fileReference) {
-      loadFileUrl();
-    }
-  }, [fileReference, loadFileUrl]);
-  useEffect7(() => {
-    if (category || fileReferences.length === 0) return;
+    if (!supabase || category || fileReferences.length === 0) return;
     const loadFileUrls = async () => {
       const urlsToLoad = fileReferences.filter((fileRef) => {
         return !loadedFilesRef.current.has(fileRef.id) && !loadingUrlsRef.current.has(fileRef.id);
       });
       if (urlsToLoad.length === 0) return;
-      setLoadingUrls((prev) => {
-        const updated = new Set(prev);
-        urlsToLoad.forEach((fileRef) => {
-          updated.add(fileRef.id);
-          loadingUrlsRef.current.add(fileRef.id);
-        });
-        return updated;
-      });
+      loadingUrlsRef.current = /* @__PURE__ */ new Set([...loadingUrlsRef.current, ...urlsToLoad.map((f) => f.id)]);
       for (const fileRef of urlsToLoad) {
         try {
           let url = null;
@@ -3388,7 +3063,7 @@ function FileDisplay({
             url = signedUrlResult?.url || null;
           }
           if (url) {
-            setFileUrls((prev) => {
+            setInternalFileUrls((prev) => {
               const updated = new Map(prev);
               updated.set(fileRef.id, url);
               return updated;
@@ -3398,12 +3073,7 @@ function FileDisplay({
         } catch (error2) {
           console.error(`Failed to load URL for file ${fileRef.id}:`, error2);
         } finally {
-          setLoadingUrls((prev) => {
-            const updated = new Set(prev);
-            updated.delete(fileRef.id);
-            loadingUrlsRef.current.delete(fileRef.id);
-            return updated;
-          });
+          loadingUrlsRef.current.delete(fileRef.id);
         }
       }
     };
@@ -3411,10 +3081,10 @@ function FileDisplay({
   }, [category, fileReferences.map((f) => f.id).join(","), supabase, organisation_id]);
   const handleDelete = async () => {
     if (window.confirm("Are you sure you want to delete this file?")) {
-      const success = await deleteFile2(true);
-      if (success) {
-        setImageError(false);
+      if (onDelete) {
+        await onDelete();
       }
+      setImageError(false);
     }
   };
   const handleImageError = () => {
@@ -3444,9 +3114,9 @@ function FileDisplay({
     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
+        error instanceof Error ? error.message : String(error)
       ] }),
-      /* @__PURE__ */ jsx22(
+      clearError && /* @__PURE__ */ jsx22(
         "button",
         {
           onClick: clearError,
@@ -3462,8 +3132,19 @@ function FileDisplay({
       children
     ] });
   }
-  if (category && fileReference) {
+  if ((category || displayOnly) && fileReference) {
     const isImage = fileReference.file_metadata.fileType?.startsWith("image/");
+    if (displayOnly && isImage && fileUrl && !imageError && !showDelete) {
+      return /* @__PURE__ */ jsx22(
+        "img",
+        {
+          src: fileUrl,
+          alt: fileReference.file_metadata.fileName || "File",
+          className: className || "max-w-full h-auto",
+          onError: handleImageError
+        }
+      );
+    }
     return /* @__PURE__ */ jsxs18("div", { className: `space-y-2 ${className}`, children: [
       isImage && fileUrl && !imageError ? /* @__PURE__ */ jsxs18("div", { className: "relative", children: [
         /* @__PURE__ */ jsx22(
@@ -3471,7 +3152,7 @@ function FileDisplay({
           {
             src: fileUrl,
             alt: fileReference.file_metadata.fileName || "File",
-            className: "max-w-full h-auto rounded-lg border border-sec-200",
+            className: "max-w-full h-auto",
             onError: handleImageError
           }
         ),
@@ -3511,8 +3192,8 @@ function FileDisplay({
   return /* @__PURE__ */ jsxs18("div", { className: `space-y-2 ${className}`, children: [
     fileReferences.map((fileRef) => {
       const isImage = fileRef.file_metadata.fileType?.startsWith("image/");
-      const fileUrl2 = fileUrls.get(fileRef.id) || null;
-      const isLoadingUrl = loadingUrls.has(fileRef.id);
+      const fileUrl2 = internalFileUrls.get(fileRef.id) || null;
+      const isLoadingUrl = loadingUrlsRef.current.has(fileRef.id);
       const canDownload = !isImage && fileUrl2;
       return /* @__PURE__ */ jsxs18("div", { className: "flex items-center space-x-3 p-3 bg-sec-50 rounded-lg border border-sec-200", children: [
         isLoadingUrl ? /* @__PURE__ */ jsx22("div", { className: "w-12 h-12 flex items-center justify-center", children: /* @__PURE__ */ jsx22("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-main-500" }) }) : isImage && fileUrl2 ? /* @__PURE__ */ jsx22(
@@ -3543,10 +3224,12 @@ function FileDisplay({
               children: "\u2193"
             }
           ),
-          showDelete && /* @__PURE__ */ jsx22(
+          showDelete && onDelete && /* @__PURE__ */ jsx22(
             "button",
             {
-              onClick: () => deleteFile2(true),
+              onClick: () => {
+                onDelete();
+              },
               className: "text-acc-500 hover:text-acc-700 p-1",
               title: "Delete file",
               children: "\xD7"
@@ -3558,62 +3241,466 @@ function FileDisplay({
     children
   ] });
 }
-
-// src/hooks/useEventLogo.ts
-import { useState as useState12, useEffect as useEffect8, useCallback as useCallback8, useMemo as useMemo9 } from "react";
-function defaultGenerateFallbackText(eventName) {
-  if (!eventName) return "EV";
-  return eventName.split(" ").map((word) => word.charAt(0).toUpperCase()).join("").substring(0, 3);
-}
-var authenticatedLogoCache = /* @__PURE__ */ new Map();
-var MAX_CACHE_SIZE = 100;
-function cleanupCache() {
-  const now = Date.now();
-  const entries = Array.from(authenticatedLogoCache.entries());
-  entries.forEach(([key, value]) => {
-    if (now - value.timestamp > value.ttl) {
-      authenticatedLogoCache.delete(key);
-    }
-  });
-  if (authenticatedLogoCache.size > MAX_CACHE_SIZE) {
-    const sortedEntries = Array.from(authenticatedLogoCache.entries()).sort((a, b) => a[1].timestamp - b[1].timestamp);
-    const toRemove = sortedEntries.slice(0, authenticatedLogoCache.size - MAX_CACHE_SIZE);
-    toRemove.forEach(([key]) => authenticatedLogoCache.delete(key));
-  }
-}
-function useEventLogo(supabase, eventId, eventName, organisationId, options = {}) {
+function FileDisplayBackwardsCompat({
+  supabase,
+  table_name,
+  record_id,
+  organisation_id,
+  category,
+  displayOnly = false,
+  showUpload = false,
+  showDelete = false,
+  className = "",
+  children
+}) {
   const {
-    cacheTtl = 30 * 60 * 1e3,
-    // 30 minutes
-    enableCache = true,
-    validateImage = true,
-    generateFallbackText = defaultGenerateFallbackText
-  } = options;
-  const [logoUrl, setLogoUrl] = useState12(null);
-  const [isLoading, setIsLoading] = useState12(false);
-  const [error, setError] = useState12(null);
-  const fallbackText = useMemo9(() => {
-    return eventName ? generateFallbackText(eventName) : "EV";
-  }, [eventName, generateFallbackText]);
-  const fetchLogo = useCallback8(async () => {
-    if (!eventId || !organisationId || !supabase) {
-      setLogoUrl(null);
-      setIsLoading(false);
-      return;
+    isLoading: isLoadingForRecord,
+    error: errorForRecord,
+    fileUrl,
+    fileReference,
+    fileReferences,
+    fileCount,
+    loadFileReference,
+    loadFileUrl,
+    loadFileReferences,
+    loadFileCount,
+    deleteFile,
+    clearError
+  } = useFileReferenceForRecord(supabase, table_name, record_id, organisation_id);
+  const {
+    getFilesByCategory,
+    isLoading: isLoadingCategory,
+    error: errorCategory
+  } = useFileReference(supabase);
+  const [categoryFileReference, setCategoryFileReference] = useState11(null);
+  const [categoryFileUrl, setCategoryFileUrl] = useState11(null);
+  const [categoryFileReferences, setCategoryFileReferences] = useState11([]);
+  const [displayOnlyFileReference, setDisplayOnlyFileReference] = useState11(null);
+  const [displayOnlyFileUrl, setDisplayOnlyFileUrl] = useState11(null);
+  useEffect7(() => {
+    if (category) {
+      const loadCategoryFiles = async () => {
+        try {
+          const files = await getFilesByCategory(table_name, record_id, category, organisation_id);
+          setCategoryFileReferences(files);
+          if (files.length > 0) {
+            const firstFile = files[0];
+            setCategoryFileReference(firstFile);
+            let url = null;
+            if (firstFile.is_public) {
+              url = getPublicUrl(supabase, firstFile.file_path, true);
+            } else {
+              const signedUrlResult = await getSignedUrl(supabase, firstFile.file_path, {
+                appName: "file-reference",
+                orgId: organisation_id,
+                expiresIn: 3600
+              });
+              url = signedUrlResult?.url || null;
+            }
+            setCategoryFileUrl(url);
+          } else {
+            setCategoryFileReference(null);
+            setCategoryFileUrl(null);
+          }
+        } catch (err) {
+          console.error("[FileDisplayBackwardsCompat] Error loading files by category:", err);
+        }
+      };
+      loadCategoryFiles();
+    } else {
+      setCategoryFileReference(null);
+      setCategoryFileUrl(null);
+      setCategoryFileReferences([]);
     }
-    const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
-    if (!uuidRegex.test(organisationId)) {
-      console.warn("[useEventLogo] Invalid organisationId format (not a valid UUID):", organisationId);
+  }, [category, table_name, record_id, organisation_id, supabase, getFilesByCategory]);
+  useEffect7(() => {
+    if (!category) {
+      loadFileCount();
+      loadFileReferences();
     }
-    const cacheKey = `event_logo_${eventId}_${organisationId}`;
-    if (enableCache) {
-      const cached = authenticatedLogoCache.get(cacheKey);
-      if (cached && Date.now() - cached.timestamp < cached.ttl) {
-        setLogoUrl(cached.data);
-        setIsLoading(false);
-        setError(null);
-        return;
-      }
+  }, [loadFileCount, loadFileReferences, category]);
+  useEffect7(() => {
+    if (!category && fileReference) {
+      loadFileUrl();
+    }
+  }, [category, fileReference, loadFileUrl]);
+  useEffect7(() => {
+    if (displayOnly && !category && fileReferences.length > 0) {
+      const loadDisplayOnlyFile = async () => {
+        try {
+          const imageFiles = fileReferences.filter(
+            (f) => f.file_metadata.fileType?.startsWith("image/")
+          );
+          const targetFile = imageFiles.length > 0 ? imageFiles[0] : fileReferences[0];
+          setDisplayOnlyFileReference(targetFile);
+          let url = null;
+          if (targetFile.is_public) {
+            url = getPublicUrl(supabase, targetFile.file_path, true);
+          } else {
+            const signedUrlResult = await getSignedUrl(supabase, targetFile.file_path, {
+              appName: "file-reference",
+              orgId: organisation_id,
+              expiresIn: 3600
+            });
+            url = signedUrlResult?.url || null;
+          }
+          setDisplayOnlyFileUrl(url);
+        } catch (err) {
+          console.error("[FileDisplayBackwardsCompat] Error loading displayOnly file:", err);
+        }
+      };
+      loadDisplayOnlyFile();
+    } else if (!displayOnly || category) {
+      setDisplayOnlyFileReference(null);
+      setDisplayOnlyFileUrl(null);
+    }
+  }, [displayOnly, category, fileReferences, supabase, organisation_id]);
+  const handleDelete = async () => {
+    if (window.confirm("Are you sure you want to delete this file?")) {
+      await deleteFile(true);
+    }
+  };
+  let finalFileReference = null;
+  let finalFileUrl = null;
+  let finalFileReferences = [];
+  let finalFileCount = 0;
+  let finalIsLoading = false;
+  let finalError = null;
+  if (category) {
+    finalFileReference = categoryFileReference;
+    finalFileUrl = categoryFileUrl;
+    finalFileReferences = categoryFileReferences;
+    finalFileCount = categoryFileReferences.length;
+    finalIsLoading = isLoadingCategory;
+    finalError = errorCategory;
+  } else if (displayOnly) {
+    finalFileReference = displayOnlyFileReference;
+    finalFileUrl = displayOnlyFileUrl;
+    finalFileReferences = displayOnlyFileReference ? [displayOnlyFileReference] : [];
+    finalFileCount = displayOnlyFileReference ? 1 : 0;
+    finalIsLoading = isLoadingForRecord;
+    finalError = errorForRecord;
+  } else {
+    finalFileReference = fileReference;
+    finalFileUrl = fileUrl;
+    finalFileReferences = fileReferences;
+    finalFileCount = fileCount;
+    finalIsLoading = isLoadingForRecord;
+    finalError = errorForRecord;
+  }
+  return /* @__PURE__ */ jsx22(
+    FileDisplayContent,
+    {
+      isLoading: finalIsLoading,
+      error: finalError,
+      fileUrl: finalFileUrl,
+      fileReference: finalFileReference,
+      fileReferences: finalFileReferences,
+      fileUrls: /* @__PURE__ */ new Map(),
+      fileCount: finalFileCount,
+      category,
+      displayOnly,
+      showDelete,
+      className,
+      children,
+      onDelete: handleDelete,
+      clearError,
+      supabase,
+      organisation_id,
+      loadingUrls: /* @__PURE__ */ new Set()
+    }
+  );
+}
+function FileDisplayPublic({
+  table_name,
+  record_id,
+  organisation_id,
+  category,
+  displayOnly = false,
+  showUpload = false,
+  showDelete = false,
+  className = "",
+  children
+}) {
+  const publicPageContext = useContext(PublicPageContext);
+  const supabase = publicPageContext?.supabase ?? null;
+  if (!supabase) {
+    return /* @__PURE__ */ jsx22("div", { className: `text-sec-500 text-center p-4 ${className}`, children: "Supabase client not available in public context" });
+  }
+  const {
+    fileUrl,
+    fileReference,
+    fileReferences,
+    fileUrls,
+    fileCount,
+    isLoading,
+    error,
+    refetch
+  } = usePublicFileDisplay(
+    table_name,
+    record_id,
+    organisation_id,
+    category,
+    { supabase }
+  );
+  const handleDelete = async () => {
+    console.warn("[FileDisplay] Delete operation not supported in public context");
+  };
+  let finalFileReference = fileReference;
+  let finalFileUrl = fileUrl;
+  let finalFileReferences = fileReferences;
+  let finalFileCount = fileCount;
+  if (displayOnly && !category && fileReferences.length > 0) {
+    const imageFiles = fileReferences.filter(
+      (f) => f.file_metadata.fileType?.startsWith("image/")
+    );
+    const targetFile = imageFiles.length > 0 ? imageFiles[0] : fileReferences[0];
+    finalFileReference = targetFile;
+    finalFileReferences = [targetFile];
+    finalFileCount = 1;
+    finalFileUrl = fileUrls.get(targetFile.id) || null;
+  }
+  return /* @__PURE__ */ jsx22(
+    FileDisplayContent,
+    {
+      isLoading,
+      error,
+      fileUrl: finalFileUrl,
+      fileReference: finalFileReference,
+      fileReferences: finalFileReferences,
+      fileUrls,
+      fileCount: finalFileCount,
+      category,
+      displayOnly,
+      showDelete: false,
+      className,
+      children,
+      onDelete: showDelete ? handleDelete : void 0,
+      supabase,
+      organisation_id
+    }
+  );
+}
+function FileDisplayAuthenticated({
+  table_name,
+  record_id,
+  organisation_id,
+  category,
+  displayOnly = false,
+  showUpload = false,
+  showDelete = false,
+  className = "",
+  children
+}) {
+  const { supabase } = useUnifiedAuth();
+  if (!supabase) {
+    return /* @__PURE__ */ jsx22("div", { className: `text-sec-500 text-center p-4 ${className}`, children: "Supabase client not available in authenticated context" });
+  }
+  const {
+    fileUrl,
+    fileReference,
+    fileReferences,
+    fileUrls,
+    fileCount,
+    isLoading,
+    error,
+    refetch
+  } = useFileDisplay(
+    table_name,
+    record_id,
+    organisation_id,
+    category,
+    { supabase }
+  );
+  const [displayOnlyFileReference, setDisplayOnlyFileReference] = useState11(null);
+  const [displayOnlyFileUrl, setDisplayOnlyFileUrl] = useState11(null);
+  useEffect7(() => {
+    if (displayOnly && !category && fileReferences.length > 0) {
+      const loadDisplayOnlyFile = async () => {
+        try {
+          const imageFiles = fileReferences.filter(
+            (f) => f.file_metadata.fileType?.startsWith("image/")
+          );
+          const targetFile = imageFiles.length > 0 ? imageFiles[0] : fileReferences[0];
+          setDisplayOnlyFileReference(targetFile);
+          const existingUrl = fileUrls.get(targetFile.id);
+          if (existingUrl) {
+            setDisplayOnlyFileUrl(existingUrl);
+            return;
+          }
+          let url = null;
+          if (targetFile.is_public) {
+            url = getPublicUrl(supabase, targetFile.file_path, true);
+          } else {
+            const signedUrlResult = await getSignedUrl(supabase, targetFile.file_path, {
+              appName: "file-reference",
+              orgId: organisation_id,
+              expiresIn: 3600
+            });
+            url = signedUrlResult?.url || null;
+          }
+          setDisplayOnlyFileUrl(url);
+        } catch (err) {
+          console.error("[FileDisplayAuthenticated] Error loading displayOnly file:", err);
+        }
+      };
+      loadDisplayOnlyFile();
+    } else if (!displayOnly || category) {
+      setDisplayOnlyFileReference(null);
+      setDisplayOnlyFileUrl(null);
+    }
+  }, [displayOnly, category, fileReferences, fileUrls, supabase, organisation_id]);
+  const handleDelete = async () => {
+    console.warn("[FileDisplay] Delete operation needs to be implemented via FileReferenceService");
+  };
+  let finalFileReference = fileReference;
+  let finalFileUrl = fileUrl;
+  let finalFileReferences = fileReferences;
+  let finalFileCount = fileCount;
+  if (displayOnly && !category) {
+    finalFileReference = displayOnlyFileReference;
+    finalFileUrl = displayOnlyFileUrl;
+    finalFileReferences = displayOnlyFileReference ? [displayOnlyFileReference] : [];
+    finalFileCount = displayOnlyFileReference ? 1 : 0;
+  }
+  return /* @__PURE__ */ jsx22(
+    FileDisplayContent,
+    {
+      isLoading,
+      error,
+      fileUrl: finalFileUrl,
+      fileReference: finalFileReference,
+      fileReferences: finalFileReferences,
+      fileUrls,
+      fileCount: finalFileCount,
+      category,
+      displayOnly,
+      showDelete,
+      className,
+      children,
+      onDelete: showDelete ? handleDelete : void 0,
+      supabase,
+      organisation_id
+    }
+  );
+}
+function FileDisplay({
+  supabase,
+  table_name,
+  record_id,
+  organisation_id,
+  category,
+  displayOnly = false,
+  showUpload = false,
+  showDelete = false,
+  className = "",
+  children
+}) {
+  if (supabase) {
+    return /* @__PURE__ */ jsx22(
+      FileDisplayBackwardsCompat,
+      {
+        supabase,
+        table_name,
+        record_id,
+        organisation_id,
+        category,
+        displayOnly,
+        showUpload,
+        showDelete,
+        className,
+        children
+      }
+    );
+  }
+  const isPublicPage = useIsPublicPage();
+  if (isPublicPage) {
+    return /* @__PURE__ */ jsx22(
+      FileDisplayPublic,
+      {
+        table_name,
+        record_id,
+        organisation_id,
+        category,
+        displayOnly,
+        showUpload,
+        showDelete,
+        className,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx22(
+    FileDisplayAuthenticated,
+    {
+      table_name,
+      record_id,
+      organisation_id,
+      category,
+      displayOnly,
+      showUpload,
+      showDelete,
+      className,
+      children
+    }
+  );
+}
+
+// src/hooks/useEventLogo.ts
+import { useState as useState12, useEffect as useEffect8, useCallback as useCallback8, useMemo as useMemo9 } from "react";
+function defaultGenerateFallbackText(eventName) {
+  if (!eventName) return "EV";
+  return eventName.split(" ").map((word) => word.charAt(0).toUpperCase()).join("").substring(0, 3);
+}
+var authenticatedLogoCache = /* @__PURE__ */ new Map();
+var MAX_CACHE_SIZE = 100;
+function cleanupCache() {
+  const now = Date.now();
+  const entries = Array.from(authenticatedLogoCache.entries());
+  entries.forEach(([key, value]) => {
+    if (now - value.timestamp > value.ttl) {
+      authenticatedLogoCache.delete(key);
+    }
+  });
+  if (authenticatedLogoCache.size > MAX_CACHE_SIZE) {
+    const sortedEntries = Array.from(authenticatedLogoCache.entries()).sort((a, b) => a[1].timestamp - b[1].timestamp);
+    const toRemove = sortedEntries.slice(0, authenticatedLogoCache.size - MAX_CACHE_SIZE);
+    toRemove.forEach(([key]) => authenticatedLogoCache.delete(key));
+  }
+}
+function useEventLogo(supabase, eventId, eventName, organisationId, options = {}) {
+  const {
+    cacheTtl = 30 * 60 * 1e3,
+    // 30 minutes
+    enableCache = true,
+    validateImage = true,
+    generateFallbackText = defaultGenerateFallbackText
+  } = options;
+  const [logoUrl, setLogoUrl] = useState12(null);
+  const [isLoading, setIsLoading] = useState12(false);
+  const [error, setError] = useState12(null);
+  const fallbackText = useMemo9(() => {
+    return eventName ? generateFallbackText(eventName) : "EV";
+  }, [eventName, generateFallbackText]);
+  const fetchLogo = useCallback8(async () => {
+    if (!eventId || !organisationId || !supabase) {
+      setLogoUrl(null);
+      setIsLoading(false);
+      return;
+    }
+    const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+    if (!uuidRegex.test(organisationId)) {
+      console.warn("[useEventLogo] Invalid organisationId format (not a valid UUID):", organisationId);
+    }
+    const cacheKey = `event_logo_${eventId}_${organisationId}`;
+    if (enableCache) {
+      const cached = authenticatedLogoCache.get(cacheKey);
+      if (cached && Date.now() - cached.timestamp < cached.ttl) {
+        setLogoUrl(cached.data);
+        setIsLoading(false);
+        setError(null);
+        return;
+      }
     }
     try {
       setIsLoading(true);
@@ -3774,278 +3861,31 @@ var TableHead = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE_
       "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
       className
     ),
-    ...props
-  }
-));
-TableHead.displayName = "TableHead";
-var TableCell = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
-  "td",
-  {
-    ref,
-    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
-    ...props
-  }
-));
-TableCell.displayName = "TableCell";
-var TableCaption = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
-  "caption",
-  {
-    ref,
-    className: cn("mt-4 text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-TableCaption.displayName = "TableCaption";
-
-// src/components/PublicLayout/EventLogo.tsx
-import { useMemo as useMemo10, useContext } from "react";
-init_UnifiedAuthProvider();
-import { jsx as jsx24 } from "react/jsx-runtime";
-var sizeClasses = {
-  xs: "h-4 w-4 text-xs",
-  sm: "h-6 w-6 text-sm",
-  md: "h-8 w-8 text-base",
-  lg: "h-12 w-12 text-lg",
-  xl: "h-16 w-16 text-xl",
-  "2xl": "h-20 w-20 text-2xl"
-};
-function defaultGenerateFallbackText2(eventName) {
-  if (!eventName) return "EV";
-  return eventName.split(" ").map((word) => word.charAt(0).toUpperCase()).join("").substring(0, 3);
-}
-function EventLogoPublic({
-  eventId,
-  eventName,
-  organisationId,
-  size,
-  className,
-  showFallback,
-  generateFallbackText,
-  validateImage,
-  LoadingComponent,
-  ErrorComponent
-}) {
-  const publicPageContext = useContext(PublicPageContext);
-  const supabase = publicPageContext?.supabase ?? null;
-  const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
-  const hasValidOrganisationId = organisationId && uuidRegex.test(organisationId);
-  if (!supabase) {
-    const effectiveSize = size || "md";
-    return /* @__PURE__ */ jsx24("div", { className: `${sizeClasses[effectiveSize]} ${className}`.trim(), title: `${eventName} logo (Supabase not configured)`, children: eventName ? defaultGenerateFallbackText2(eventName) : "EV" });
-  }
-  const {
-    logoUrl,
-    fallbackText,
-    isLoading,
-    error
-  } = usePublicEventLogo(
-    eventId,
-    eventName,
-    organisationId,
-    // Always pass organisationId, let the hook handle validation
-    {
-      validateImage,
-      generateFallbackText,
-      supabase
-    }
-  );
-  const sizeClass = useMemo10(() => sizeClasses[size || "md"], [size]);
-  const combinedClasses = useMemo10(() => {
-    const baseClasses = "flex items-center justify-center bg-gray-100 text-gray-600 font-semibold rounded";
-    return `${baseClasses} ${sizeClass} ${className}`.trim();
-  }, [sizeClass, className]);
-  if (!hasValidOrganisationId && !isLoading && !logoUrl && showFallback) {
-    return /* @__PURE__ */ jsx24("div", { className: combinedClasses, title: `${eventName} logo (invalid organisation ID)`, children: fallbackText });
-  }
-  if (isLoading) {
-    if (LoadingComponent) {
-      return /* @__PURE__ */ jsx24(LoadingComponent, {});
-    }
-    return /* @__PURE__ */ jsx24("div", { className: `${combinedClasses} animate-pulse`, children: /* @__PURE__ */ jsx24("div", { className: "w-3/4 h-3/4 bg-gray-300 rounded" }) });
-  }
-  if (error) {
-    if (ErrorComponent) {
-      return /* @__PURE__ */ jsx24(ErrorComponent, { error });
-    }
-    if (showFallback) {
-      return /* @__PURE__ */ jsx24("div", { className: combinedClasses, title: `${eventName} (logo unavailable)`, children: fallbackText });
-    }
-    return null;
-  }
-  if (!logoUrl) {
-    if (showFallback) {
-      return /* @__PURE__ */ jsx24("div", { className: combinedClasses, title: `${eventName} logo`, children: fallbackText });
-    }
-    return null;
-  }
-  return /* @__PURE__ */ jsx24(
-    "img",
-    {
-      src: logoUrl,
-      alt: `${eventName} logo`,
-      className: `${sizeClass} ${className}`.trim(),
-      onError: (e) => {
-        const target = e.target;
-        target.style.display = "none";
-        const fallback = document.createElement("div");
-        fallback.className = combinedClasses;
-        fallback.textContent = fallbackText;
-        fallback.title = `${eventName} logo`;
-        target.parentNode?.insertBefore(fallback, target.nextSibling);
-      }
-    }
-  );
-}
-function EventLogoAuthenticated({
-  eventId,
-  eventName,
-  organisationId,
-  size,
-  className,
-  showFallback,
-  generateFallbackText,
-  validateImage,
-  LoadingComponent,
-  ErrorComponent
-}) {
-  const { supabase } = useUnifiedAuth();
-  const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
-  const hasValidOrganisationId = organisationId && uuidRegex.test(organisationId);
-  if (!supabase) {
-    const effectiveSize = size || "md";
-    return /* @__PURE__ */ jsx24("div", { className: `${sizeClasses[effectiveSize]} ${className}`.trim(), title: `${eventName} logo (Supabase not configured)`, children: eventName ? defaultGenerateFallbackText2(eventName) : "EV" });
-  }
-  const {
-    logoUrl,
-    fallbackText,
-    isLoading,
-    error
-  } = useEventLogo(
-    supabase,
-    eventId,
-    eventName,
-    organisationId,
-    {
-      validateImage,
-      generateFallbackText
-    }
-  );
-  const sizeClass = useMemo10(() => sizeClasses[size || "md"], [size]);
-  const combinedClasses = useMemo10(() => {
-    const baseClasses = "flex items-center justify-center bg-gray-100 text-gray-600 font-semibold rounded";
-    return `${baseClasses} ${sizeClass} ${className}`.trim();
-  }, [sizeClass, className]);
-  if (!hasValidOrganisationId && !isLoading && !logoUrl && showFallback) {
-    return /* @__PURE__ */ jsx24("div", { className: combinedClasses, title: `${eventName} logo (invalid organisation ID)`, children: fallbackText });
-  }
-  if (isLoading) {
-    if (LoadingComponent) {
-      return /* @__PURE__ */ jsx24(LoadingComponent, {});
-    }
-    return /* @__PURE__ */ jsx24("div", { className: `${combinedClasses} animate-pulse`, children: /* @__PURE__ */ jsx24("div", { className: "w-3/4 h-3/4 bg-gray-300 rounded" }) });
-  }
-  if (error) {
-    if (ErrorComponent) {
-      return /* @__PURE__ */ jsx24(ErrorComponent, { error });
-    }
-    if (showFallback) {
-      return /* @__PURE__ */ jsx24("div", { className: combinedClasses, title: `${eventName} (logo unavailable)`, children: fallbackText });
-    }
-    return null;
-  }
-  if (!logoUrl) {
-    if (showFallback) {
-      return /* @__PURE__ */ jsx24("div", { className: combinedClasses, title: `${eventName} logo`, children: fallbackText });
-    }
-    return null;
-  }
-  return /* @__PURE__ */ jsx24(
-    "img",
-    {
-      src: logoUrl,
-      alt: `${eventName} logo`,
-      className: `${sizeClass} ${className}`.trim(),
-      onError: (e) => {
-        const target = e.target;
-        target.style.display = "none";
-        const fallback = document.createElement("div");
-        fallback.className = combinedClasses;
-        fallback.textContent = fallbackText;
-        fallback.title = `${eventName} logo`;
-        target.parentNode?.insertBefore(fallback, target.nextSibling);
-      }
-    }
-  );
-}
-function EventLogo({
-  eventId,
-  eventName,
-  organisationId,
-  size = "md",
-  className = "",
-  showFallback = true,
-  generateFallbackText = defaultGenerateFallbackText2,
-  validateImage = true,
-  loadingComponent: LoadingComponent,
-  errorComponent: ErrorComponent
-}) {
-  const isPublicPage = useIsPublicPage();
-  if (isPublicPage) {
-    return /* @__PURE__ */ jsx24(
-      EventLogoPublic,
-      {
-        eventId,
-        eventName,
-        organisationId,
-        size,
-        className,
-        showFallback,
-        generateFallbackText,
-        validateImage,
-        LoadingComponent,
-        ErrorComponent
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx24(
-    EventLogoAuthenticated,
-    {
-      eventId,
-      eventName,
-      organisationId,
-      size,
-      className,
-      showFallback,
-      generateFallbackText,
-      validateImage,
-      LoadingComponent,
-      ErrorComponent
-    }
-  );
-}
-function EventLogoCompact(props) {
-  return /* @__PURE__ */ jsx24(
-    EventLogo,
-    {
-      ...props,
-      size: "sm",
-      className: `${props.className || ""} rounded-sm`
-    }
-  );
-}
-function EventLogoLarge(props) {
-  return /* @__PURE__ */ jsx24(
-    EventLogo,
-    {
-      ...props,
-      size: "xl",
-      className: `${props.className || ""} rounded-lg`
-    }
-  );
-}
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+var TableCell = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+  "td",
+  {
+    ref,
+    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+var TableCaption = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+  "caption",
+  {
+    ref,
+    className: cn("mt-4 text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
 
 // src/components/PublicLayout/PublicPageHeader.tsx
-import { Fragment as Fragment6, jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 function PublicPageHeader({
   event,
   eventCode,
@@ -4056,50 +3896,50 @@ function PublicPageHeader({
   className = "",
   children,
   customAppLogo,
-  customEventLogo
+  customEventLogo,
+  supabase
 }) {
   const { appName } = useAppConfig();
   const headerClasses = `bg-white border-b border-gray-200 ${className}`.trim();
-  return /* @__PURE__ */ jsx25("header", { className: headerClasses, children: /* @__PURE__ */ jsxs19("div", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto", children: [
+  return /* @__PURE__ */ jsx24("header", { className: headerClasses, children: /* @__PURE__ */ jsxs19("div", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto", children: [
     /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between py-4", children: [
-      showAppLogo && /* @__PURE__ */ jsx25("div", { className: "flex-shrink-0", children: customAppLogo || /* @__PURE__ */ jsxs19("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ jsx25(
-          "img",
-          {
-            className: "h-8 w-auto",
-            src: `/${appName.toLowerCase()}_logo_wide.svg`,
-            alt: appName
-          }
-        ),
-        /* @__PURE__ */ jsx25("span", { className: "ml-2 text-lg font-semibold text-gray-900", children: appName })
-      ] }) }),
-      showEventLogo && event && /* @__PURE__ */ jsx25("div", { className: "flex-shrink-0", children: customEventLogo || /* @__PURE__ */ jsx25(
-        EventLogo,
+      showAppLogo && /* @__PURE__ */ jsx24("div", { className: "flex-shrink-0", children: customAppLogo || /* @__PURE__ */ jsx24(
+        "img",
+        {
+          className: "h-8 w-8 object-contain",
+          src: `/${appName.toLowerCase()}_logo_square.svg`,
+          alt: appName
+        }
+      ) }),
+      showEventLogo && event && /* @__PURE__ */ jsx24("div", { className: "flex-shrink-0", children: customEventLogo || /* @__PURE__ */ jsx24(
+        FileDisplay,
         {
-          eventId: event.event_id,
-          eventName: event.event_name,
-          organisationId: event.organisation_id,
-          size: "md",
-          className: "h-12 w-12"
+          supabase,
+          table_name: "event",
+          record_id: event.event_id,
+          organisation_id: event.organisation_id,
+          category: "event_logos" /* EVENT_LOGOS */,
+          showDelete: false,
+          className: "[&_img]:h-12 [&_img]:w-12 [&_img]:object-contain"
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx25("div", { className: "pb-4", children: /* @__PURE__ */ jsxs19("div", { className: "text-center", children: [
+    /* @__PURE__ */ jsx24("div", { className: "pb-4", children: /* @__PURE__ */ jsxs19("div", { className: "text-center", children: [
       event && /* @__PURE__ */ jsxs19(Fragment6, { children: [
-        /* @__PURE__ */ jsx25("h1", { className: "text-3xl font-bold text-gray-900 mb-2", children: event.event_name }),
-        event.event_venue && /* @__PURE__ */ jsx25("p", { className: "text-md text-gray-500 mb-4", children: event.event_venue })
+        /* @__PURE__ */ jsx24("h1", { className: "text-3xl font-bold text-gray-900 mb-2", children: event.event_name }),
+        event.event_venue && /* @__PURE__ */ jsx24("p", { className: "text-md text-gray-500 mb-4", children: event.event_venue })
       ] }),
       title && /* @__PURE__ */ jsxs19("div", { className: "mt-6", children: [
-        /* @__PURE__ */ jsx25("h2", { className: "text-2xl font-semibold text-gray-800 mb-2", children: title }),
-        description && /* @__PURE__ */ jsx25("p", { className: "text-lg text-gray-600 max-w-3xl mx-auto", children: description })
+        /* @__PURE__ */ jsx24("h2", { className: "text-2xl font-semibold text-gray-800 mb-2", children: title }),
+        description && /* @__PURE__ */ jsx24("p", { className: "text-lg text-gray-600 max-w-3xl mx-auto", children: description })
       ] }),
-      children && /* @__PURE__ */ jsx25("div", { className: "mt-4", children })
+      children && /* @__PURE__ */ jsx24("div", { className: "mt-4", children })
     ] }) })
   ] }) });
 }
 
 // src/components/PublicLayout/PublicPageFooter.tsx
-import { Fragment as Fragment7, jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
 function PublicPageFooter({
   event,
   companyName = "Solvera Solutions Pty Ltd",
@@ -4111,17 +3951,17 @@ function PublicPageFooter({
   children
 }) {
   const copyrightText = copyright || `\xA9 Copyright 2022\u2013${year} all rights reserved, ${companyName}.`;
-  return /* @__PURE__ */ jsx26("footer", { className: cn("mt-8 py-6 flex justify-center border-t border-border bg-main-100", className), children: /* @__PURE__ */ jsxs20("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)) })
+  return /* @__PURE__ */ jsx25("footer", { className: cn("mt-8 py-6 flex justify-center border-t border-border bg-main-100", className), children: /* @__PURE__ */ jsxs20("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)) })
   ] }) });
 }
 
 // src/components/PublicLayout/PublicLoadingSpinner.tsx
-import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
-var sizeClasses2 = {
+import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
+var sizeClasses = {
   sm: "h-4 w-4",
   md: "h-8 w-8",
   lg: "h-12 w-12",
@@ -4135,10 +3975,10 @@ function PublicLoadingSpinner({
   customMessage,
   centered = true
 }) {
-  const sizeClass = sizeClasses2[size];
+  const sizeClass = sizeClasses[size];
   const displayMessage = customMessage || message;
   const content = /* @__PURE__ */ jsxs21("div", { className: `flex flex-col items-center ${className}`, children: [
-    showLogo && /* @__PURE__ */ jsx27("div", { className: "mb-4", children: /* @__PURE__ */ jsx27(
+    showLogo && /* @__PURE__ */ jsx26("div", { className: "mb-4", children: /* @__PURE__ */ jsx26(
       "img",
       {
         className: "h-8 w-auto",
@@ -4147,7 +3987,7 @@ function PublicLoadingSpinner({
       }
     ) }),
     /* @__PURE__ */ jsxs21("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx26(
         "div",
         {
           className: `${sizeClass} border-2 border-gray-200 border-t-blue-600 rounded-full animate-spin`,
@@ -4155,12 +3995,12 @@ function PublicLoadingSpinner({
           "aria-label": "Loading"
         }
       ),
-      /* @__PURE__ */ jsx27("span", { className: "sr-only", children: displayMessage })
+      /* @__PURE__ */ jsx26("span", { className: "sr-only", children: displayMessage })
     ] }),
-    displayMessage && /* @__PURE__ */ jsx27("p", { className: "mt-4 text-sm text-gray-600 text-center", children: displayMessage })
+    displayMessage && /* @__PURE__ */ jsx26("p", { className: "mt-4 text-sm text-gray-600 text-center", children: displayMessage })
   ] });
   if (centered) {
-    return /* @__PURE__ */ jsx27("div", { className: "min-h-screen bg-white flex items-center justify-center", children: /* @__PURE__ */ jsx27("div", { className: "max-w-md mx-auto px-4", children: content }) });
+    return /* @__PURE__ */ jsx26("div", { className: "min-h-screen bg-white flex items-center justify-center", children: /* @__PURE__ */ jsx26("div", { className: "max-w-md mx-auto px-4", children: content }) });
   }
   return content;
 }
@@ -4169,8 +4009,8 @@ function PublicLoadingSpinnerFullPage({
   eventName,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx27("div", { className: `min-h-screen bg-white flex items-center justify-center ${className}`, children: /* @__PURE__ */ jsxs21("div", { className: "max-w-md mx-auto text-center px-4", children: [
-    /* @__PURE__ */ jsx27("div", { className: "mb-8", children: /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26("div", { className: `min-h-screen bg-white flex items-center justify-center ${className}`, children: /* @__PURE__ */ jsxs21("div", { className: "max-w-md mx-auto text-center px-4", children: [
+    /* @__PURE__ */ jsx26("div", { className: "mb-8", children: /* @__PURE__ */ jsx26(
       "img",
       {
         className: "h-12 w-auto mx-auto",
@@ -4178,8 +4018,8 @@ function PublicLoadingSpinnerFullPage({
         alt: "PACE Core"
       }
     ) }),
-    eventName && /* @__PURE__ */ jsx27("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: eventName }),
-    /* @__PURE__ */ jsx27("div", { className: "relative mb-6", children: /* @__PURE__ */ jsx27(
+    eventName && /* @__PURE__ */ jsx26("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: eventName }),
+    /* @__PURE__ */ jsx26("div", { className: "relative mb-6", children: /* @__PURE__ */ jsx26(
       "div",
       {
         className: "h-12 w-12 border-4 border-gray-200 border-t-blue-600 rounded-full animate-spin mx-auto",
@@ -4187,11 +4027,11 @@ function PublicLoadingSpinnerFullPage({
         "aria-label": "Loading"
       }
     ) }),
-    /* @__PURE__ */ jsx27("p", { className: "text-lg text-gray-600", children: message }),
+    /* @__PURE__ */ jsx26("p", { className: "text-lg text-gray-600", children: message }),
     /* @__PURE__ */ jsxs21("div", { className: "mt-4 flex justify-center space-x-1", children: [
-      /* @__PURE__ */ jsx27("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "0ms" } }),
-      /* @__PURE__ */ jsx27("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "150ms" } }),
-      /* @__PURE__ */ jsx27("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "300ms" } })
+      /* @__PURE__ */ jsx26("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "0ms" } }),
+      /* @__PURE__ */ jsx26("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "150ms" } }),
+      /* @__PURE__ */ jsx26("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "300ms" } })
     ] })
   ] }) });
 }
@@ -4199,7 +4039,7 @@ function PublicLoadingSkeleton({
   lines = 3,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx27("div", { className: `animate-pulse ${className}`, children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26("div", { className: `animate-pulse ${className}`, children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx26(
     "div",
     {
       className: `h-4 bg-gray-200 rounded mb-2 ${index === lines - 1 ? "w-3/4" : "w-full"}`
@@ -4209,8 +4049,8 @@ function PublicLoadingSkeleton({
 }
 
 // src/components/PublicLayout/PublicPageLayout.tsx
-import { useMemo as useMemo11 } from "react";
-import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
+import { useMemo as useMemo10 } from "react";
+import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
 function PublicPageLayout({
   eventCode,
   children,
@@ -4227,22 +4067,22 @@ function PublicPageLayout({
   const error = null;
   const refetch = async () => {
   };
-  const layoutClasses = useMemo11(() => {
+  const layoutClasses = useMemo10(() => {
     const baseClasses = "min-h-screen bg-white flex flex-col";
     return `${baseClasses} ${className}`.trim();
   }, [className]);
   if (isLoading) {
-    return /* @__PURE__ */ jsx28("div", { className: layoutClasses, children: /* @__PURE__ */ jsx28("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsx28(LoadingFallback, {}) }) });
+    return /* @__PURE__ */ jsx27("div", { className: layoutClasses, children: /* @__PURE__ */ jsx27("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsx27(LoadingFallback, {}) }) });
   }
   if (error && showValidationErrors) {
-    return /* @__PURE__ */ jsx28("div", { className: layoutClasses, children: /* @__PURE__ */ jsx28("div", { className: "flex-1 flex items-center justify-center", children: ErrorFallback ? /* @__PURE__ */ jsx28(ErrorFallback, { error, retry: refetch }) : /* @__PURE__ */ jsxs22("div", { className: "text-center p-8", children: [
-      /* @__PURE__ */ jsx28("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: "Event Not Found" }),
+    return /* @__PURE__ */ jsx27("div", { className: layoutClasses, children: /* @__PURE__ */ jsx27("div", { className: "flex-1 flex items-center justify-center", children: ErrorFallback ? /* @__PURE__ */ jsx27(ErrorFallback, { error, retry: refetch }) : /* @__PURE__ */ jsxs22("div", { className: "text-center p-8", children: [
+      /* @__PURE__ */ jsx27("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: "Event Not Found" }),
       /* @__PURE__ */ jsxs22("p", { className: "text-gray-600 mb-6", children: [
         'The event code "',
         eventCode,
         '" is invalid or the event is not available for public viewing.'
       ] }),
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx27(
         "button",
         {
           onClick: refetch,
@@ -4253,10 +4093,10 @@ function PublicPageLayout({
     ] }) }) });
   }
   if (!event) {
-    return /* @__PURE__ */ jsx28("div", { className: layoutClasses, children: /* @__PURE__ */ jsx28("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxs22("div", { className: "text-center p-8", children: [
-      /* @__PURE__ */ jsx28("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: "Event Not Available" }),
-      /* @__PURE__ */ jsx28("p", { className: "text-gray-600 mb-6", children: "This event is not available for public viewing." }),
-      /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx27("div", { className: layoutClasses, children: /* @__PURE__ */ jsx27("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxs22("div", { className: "text-center p-8", children: [
+      /* @__PURE__ */ jsx27("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: "Event Not Available" }),
+      /* @__PURE__ */ jsx27("p", { className: "text-gray-600 mb-6", children: "This event is not available for public viewing." }),
+      /* @__PURE__ */ jsx27(
         "button",
         {
           onClick: refetch,
@@ -4266,16 +4106,16 @@ function PublicPageLayout({
       )
     ] }) }) });
   }
-  return /* @__PURE__ */ jsx28(PublicErrorBoundary, { children: /* @__PURE__ */ jsxs22("div", { className: layoutClasses, children: [
-    customHeader || /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx27(PublicErrorBoundary, { children: /* @__PURE__ */ jsxs22("div", { className: layoutClasses, children: [
+    customHeader || /* @__PURE__ */ jsx27(
       PublicPageHeader,
       {
         event,
         eventCode
       }
     ),
-    /* @__PURE__ */ jsx28("main", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children }),
-    showFooter && (customFooter || /* @__PURE__ */ jsx28(PublicPageFooter, { event }))
+    /* @__PURE__ */ jsx27("main", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children }),
+    showFooter && (customFooter || /* @__PURE__ */ jsx27(PublicPageFooter, { event }))
   ] }) });
 }
 function usePublicPageContext2() {
@@ -4293,7 +4133,7 @@ function usePublicPageContext2() {
 
 // src/components/PublicLayout/PublicPageDebugger.tsx
 import { useEffect as useEffect9 } from "react";
-import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
 function PublicPageDebugger({ enabled = true, label = "PublicPage" }) {
   useEffect9(() => {
     if (!enabled) return;
@@ -4347,14 +4187,14 @@ function PublicPageDebugger({ enabled = true, label = "PublicPage" }) {
     zIndex: 9999,
     fontFamily: "monospace"
   }, children: [
-    /* @__PURE__ */ jsx29("div", { children: "Public Page Debugger" }),
-    /* @__PURE__ */ jsx29("div", { children: "Check console for context analysis" })
+    /* @__PURE__ */ jsx28("div", { children: "Public Page Debugger" }),
+    /* @__PURE__ */ jsx28("div", { children: "Check console for context analysis" })
   ] });
 }
 
 // src/components/PublicLayout/PublicPageDiagnostic.tsx
 import { useEffect as useEffect10, useState as useState13 } from "react";
-import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
 function PublicPageDiagnostic({ enabled = true, label = "PublicPage" }) {
   const [diagnostics, setDiagnostics] = useState13({
     hasPublicPageContext: false,
@@ -4448,7 +4288,7 @@ function PublicPageDiagnostic({ enabled = true, label = "PublicPage" }) {
     maxWidth: "300px",
     borderRadius: "0 0 8px 0"
   }, children: [
-    /* @__PURE__ */ jsx30("div", { style: { fontWeight: "bold", marginBottom: "8px" }, children: "\u{1F50D} Public Page Diagnostics" }),
+    /* @__PURE__ */ jsx29("div", { style: { fontWeight: "bold", marginBottom: "8px" }, children: "\u{1F50D} Public Page Diagnostics" }),
     /* @__PURE__ */ jsxs24("div", { children: [
       "Public Context: ",
       diagnostics.hasPublicPageContext ? "\u2705" : "\u274C"
@@ -4473,13 +4313,13 @@ function PublicPageDiagnostic({ enabled = true, label = "PublicPage" }) {
       "Route Params: ",
       diagnostics.routeParams ? "\u2705" : "\u274C"
     ] }),
-    /* @__PURE__ */ jsx30("div", { style: { marginTop: "8px", fontSize: "10px", opacity: 0.8 }, children: "Check console for detailed analysis" })
+    /* @__PURE__ */ jsx29("div", { style: { marginTop: "8px", fontSize: "10px", opacity: 0.8 }, children: "Check console for detailed analysis" })
   ] });
 }
 
 // src/components/PublicLayout/PublicPageContextChecker.tsx
 import { useEffect as useEffect11 } from "react";
-import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
 function PublicPageContextChecker({ enabled = true, label = "PublicPage" }) {
   useEffect11(() => {
     if (!enabled) return;
@@ -4557,12 +4397,261 @@ function PublicPageContextChecker({ enabled = true, label = "PublicPage" }) {
     borderRadius: "0 0 8px 0",
     border: "2px solid #dc2626"
   }, children: [
-    /* @__PURE__ */ jsx31("div", { style: { fontWeight: "bold", marginBottom: "8px" }, children: "\u{1F6A8} PUBLIC PAGE CONTEXT CHECK" }),
-    /* @__PURE__ */ jsx31("div", { children: "Check console for authentication context analysis" }),
-    /* @__PURE__ */ jsx31("div", { style: { marginTop: "8px", fontSize: "10px", opacity: 0.9 }, children: "If you see \u274C errors in console, your public page is inside auth context!" })
+    /* @__PURE__ */ jsx30("div", { style: { fontWeight: "bold", marginBottom: "8px" }, children: "\u{1F6A8} PUBLIC PAGE CONTEXT CHECK" }),
+    /* @__PURE__ */ jsx30("div", { children: "Check console for authentication context analysis" }),
+    /* @__PURE__ */ jsx30("div", { style: { marginTop: "8px", fontSize: "10px", opacity: 0.9 }, children: "If you see \u274C errors in console, your public page is inside auth context!" })
   ] });
 }
 
+// src/components/PublicLayout/EventLogo.tsx
+import { useMemo as useMemo11, useContext as useContext2 } from "react";
+init_UnifiedAuthProvider();
+import { jsx as jsx31 } from "react/jsx-runtime";
+var sizeClasses2 = {
+  xs: "h-4 w-4 text-xs",
+  sm: "h-6 w-6 text-sm",
+  md: "h-8 w-8 text-base",
+  lg: "h-12 w-12 text-lg",
+  xl: "h-16 w-16 text-xl",
+  "2xl": "h-20 w-20 text-2xl"
+};
+function defaultGenerateFallbackText2(eventName) {
+  if (!eventName) return "EV";
+  return eventName.split(" ").map((word) => word.charAt(0).toUpperCase()).join("").substring(0, 3);
+}
+function EventLogoPublic({
+  eventId,
+  eventName,
+  organisationId,
+  size,
+  className,
+  showFallback,
+  generateFallbackText,
+  validateImage,
+  LoadingComponent,
+  ErrorComponent
+}) {
+  const publicPageContext = useContext2(PublicPageContext);
+  const supabase = publicPageContext?.supabase ?? null;
+  const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+  const hasValidOrganisationId = organisationId && uuidRegex.test(organisationId);
+  if (!supabase) {
+    const effectiveSize = size || "md";
+    return /* @__PURE__ */ jsx31("div", { className: `${sizeClasses2[effectiveSize]} ${className}`.trim(), title: `${eventName} logo (Supabase not configured)`, children: eventName ? defaultGenerateFallbackText2(eventName) : "EV" });
+  }
+  const {
+    logoUrl,
+    fallbackText,
+    isLoading,
+    error
+  } = usePublicEventLogo(
+    eventId,
+    eventName,
+    organisationId,
+    // Always pass organisationId, let the hook handle validation
+    {
+      validateImage,
+      generateFallbackText,
+      supabase
+    }
+  );
+  const sizeClass = useMemo11(() => sizeClasses2[size || "md"], [size]);
+  const combinedClasses = useMemo11(() => {
+    const baseClasses = "flex items-center justify-center bg-gray-100 text-gray-600 font-semibold rounded";
+    return `${baseClasses} ${sizeClass} ${className}`.trim();
+  }, [sizeClass, className]);
+  if (!hasValidOrganisationId && !isLoading && !logoUrl && showFallback) {
+    return /* @__PURE__ */ jsx31("div", { className: combinedClasses, title: `${eventName} logo (invalid organisation ID)`, children: fallbackText });
+  }
+  if (isLoading) {
+    if (LoadingComponent) {
+      return /* @__PURE__ */ jsx31(LoadingComponent, {});
+    }
+    return /* @__PURE__ */ jsx31("div", { className: `${combinedClasses} animate-pulse`, children: /* @__PURE__ */ jsx31("div", { className: "w-3/4 h-3/4 bg-gray-300 rounded" }) });
+  }
+  if (error) {
+    if (ErrorComponent) {
+      return /* @__PURE__ */ jsx31(ErrorComponent, { error });
+    }
+    if (showFallback) {
+      return /* @__PURE__ */ jsx31("div", { className: combinedClasses, title: `${eventName} (logo unavailable)`, children: fallbackText });
+    }
+    return null;
+  }
+  if (!logoUrl) {
+    if (showFallback) {
+      return /* @__PURE__ */ jsx31("div", { className: combinedClasses, title: `${eventName} logo`, children: fallbackText });
+    }
+    return null;
+  }
+  const imageClasses = `${sizeClass} object-contain rounded ${className}`.trim();
+  return /* @__PURE__ */ jsx31(
+    "img",
+    {
+      src: logoUrl,
+      alt: `${eventName} logo`,
+      className: imageClasses,
+      onError: (e) => {
+        const target = e.target;
+        target.style.display = "none";
+        const fallback = document.createElement("div");
+        fallback.className = combinedClasses;
+        fallback.textContent = fallbackText;
+        fallback.title = `${eventName} logo`;
+        target.parentNode?.insertBefore(fallback, target.nextSibling);
+      }
+    }
+  );
+}
+function EventLogoAuthenticated({
+  eventId,
+  eventName,
+  organisationId,
+  size,
+  className,
+  showFallback,
+  generateFallbackText,
+  validateImage,
+  LoadingComponent,
+  ErrorComponent
+}) {
+  const { supabase } = useUnifiedAuth();
+  const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+  const hasValidOrganisationId = organisationId && uuidRegex.test(organisationId);
+  if (!supabase) {
+    const effectiveSize = size || "md";
+    return /* @__PURE__ */ jsx31("div", { className: `${sizeClasses2[effectiveSize]} ${className}`.trim(), title: `${eventName} logo (Supabase not configured)`, children: eventName ? defaultGenerateFallbackText2(eventName) : "EV" });
+  }
+  const {
+    logoUrl,
+    fallbackText,
+    isLoading,
+    error
+  } = useEventLogo(
+    supabase,
+    eventId,
+    eventName,
+    organisationId,
+    {
+      validateImage,
+      generateFallbackText
+    }
+  );
+  const sizeClass = useMemo11(() => sizeClasses2[size || "md"], [size]);
+  const combinedClasses = useMemo11(() => {
+    const baseClasses = "flex items-center justify-center bg-gray-100 text-gray-600 font-semibold rounded";
+    return `${baseClasses} ${sizeClass} ${className}`.trim();
+  }, [sizeClass, className]);
+  if (!hasValidOrganisationId && !isLoading && !logoUrl && showFallback) {
+    return /* @__PURE__ */ jsx31("div", { className: combinedClasses, title: `${eventName} logo (invalid organisation ID)`, children: fallbackText });
+  }
+  if (isLoading) {
+    if (LoadingComponent) {
+      return /* @__PURE__ */ jsx31(LoadingComponent, {});
+    }
+    return /* @__PURE__ */ jsx31("div", { className: `${combinedClasses} animate-pulse`, children: /* @__PURE__ */ jsx31("div", { className: "w-3/4 h-3/4 bg-gray-300 rounded" }) });
+  }
+  if (error) {
+    if (ErrorComponent) {
+      return /* @__PURE__ */ jsx31(ErrorComponent, { error });
+    }
+    if (showFallback) {
+      return /* @__PURE__ */ jsx31("div", { className: combinedClasses, title: `${eventName} (logo unavailable)`, children: fallbackText });
+    }
+    return null;
+  }
+  if (!logoUrl) {
+    if (showFallback) {
+      return /* @__PURE__ */ jsx31("div", { className: combinedClasses, title: `${eventName} logo`, children: fallbackText });
+    }
+    return null;
+  }
+  const imageClasses = `${sizeClass} object-contain rounded ${className}`.trim();
+  return /* @__PURE__ */ jsx31(
+    "img",
+    {
+      src: logoUrl,
+      alt: `${eventName} logo`,
+      className: imageClasses,
+      onError: (e) => {
+        const target = e.target;
+        target.style.display = "none";
+        const fallback = document.createElement("div");
+        fallback.className = combinedClasses;
+        fallback.textContent = fallbackText;
+        fallback.title = `${eventName} logo`;
+        target.parentNode?.insertBefore(fallback, target.nextSibling);
+      }
+    }
+  );
+}
+function EventLogo({
+  eventId,
+  eventName,
+  organisationId,
+  size = "md",
+  className = "",
+  showFallback = true,
+  generateFallbackText = defaultGenerateFallbackText2,
+  validateImage = true,
+  loadingComponent: LoadingComponent,
+  errorComponent: ErrorComponent
+}) {
+  const isPublicPage = useIsPublicPage();
+  if (isPublicPage) {
+    return /* @__PURE__ */ jsx31(
+      EventLogoPublic,
+      {
+        eventId,
+        eventName,
+        organisationId,
+        size,
+        className,
+        showFallback,
+        generateFallbackText,
+        validateImage,
+        LoadingComponent,
+        ErrorComponent
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx31(
+    EventLogoAuthenticated,
+    {
+      eventId,
+      eventName,
+      organisationId,
+      size,
+      className,
+      showFallback,
+      generateFallbackText,
+      validateImage,
+      LoadingComponent,
+      ErrorComponent
+    }
+  );
+}
+function EventLogoCompact(props) {
+  return /* @__PURE__ */ jsx31(
+    EventLogo,
+    {
+      ...props,
+      size: "sm",
+      className: `${props.className || ""} rounded-sm`
+    }
+  );
+}
+function EventLogoLarge(props) {
+  return /* @__PURE__ */ jsx31(
+    EventLogo,
+    {
+      ...props,
+      size: "xl",
+      className: `${props.className || ""} rounded-lg`
+    }
+  );
+}
+
 export {
   init_EventProvider,
   Label,
@@ -4611,9 +4700,6 @@ export {
   TableHead,
   TableCell,
   TableCaption,
-  EventLogo,
-  EventLogoCompact,
-  EventLogoLarge,
   PublicPageHeader,
   PublicPageFooter,
   PublicLoadingSpinner,
@@ -4623,6 +4709,9 @@ export {
   usePublicPageContext2 as usePublicPageContext,
   PublicPageDebugger,
   PublicPageDiagnostic,
-  PublicPageContextChecker
+  PublicPageContextChecker,
+  EventLogo,
+  EventLogoCompact,
+  EventLogoLarge
 };
-//# sourceMappingURL=chunk-5LAY74WM.js.map
+//# sourceMappingURL=chunk-O6GASC4Q.js.map