@jmruthers/pace-core 0.5.69 → 0.5.71

package/dist/{chunk-ZXJGZLLO.js → chunk-2NWIXRSB.js}

@@ -15,17 +15,17 @@ import {
   SelectSeparator,
   SelectTrigger,
   SelectValue
-} from "./chunk-NO5QHMDX.js";
+} from "./chunk-VLFIYM6B.js";
 import {
   isPermitted
-} from "./chunk-NHR52QAQ.js";
+} from "./chunk-FGMFQSHX.js";
 import {
   PublicErrorBoundary,
   useAppConfig,
   usePublicEventLogo,
   usePublicPageContext,
   useToast
-} from "./chunk-V3QO3LL7.js";
+} from "./chunk-C353TCFY.js";
 import {
   Button,
   Dialog,
@@ -44,7 +44,7 @@ import {
   useEvents,
   useOrganisations,
   useUnifiedAuth
-} from "./chunk-6JILXFEA.js";
+} from "./chunk-4CET7YQI.js";
 import {
   LoadingSpinner
 } from "./chunk-CDQ3PX7L.js";
@@ -1205,7 +1205,7 @@ function PaceAppLayout({
         eventId: user.user_metadata?.eventId || user.app_metadata?.eventId,
         appId: user.user_metadata?.appId || user.app_metadata?.appId
       };
-      const { isSuperAdmin } = await import("./api-A4SUYPPV.js");
+      const { isSuperAdmin } = await import("./api-DDMUKIUD.js");
       const isSuper = await isSuperAdmin(user.id);
       if (isSuper) {
         return true;
@@ -2396,11 +2396,564 @@ function useFileUpload({ supabase, appName, orgId }) {
   };
 }
 
+// src/hooks/useFileReference.ts
+import { useState as useState10, useCallback as useCallback6 } from "react";
+
+// src/utils/file-reference.ts
+var FileReferenceServiceImpl = class {
+  constructor(supabase) {
+    this.supabase = supabase;
+  }
+  async createFileReference(options, file) {
+    try {
+      const filePath = generateFilePath({
+        appName: "file-reference",
+        orgId: options.organisation_id,
+        isPublic: options.is_public || false
+      }, file.name);
+      const uploadResult = await uploadFile(this.supabase, file, {
+        appName: "file-reference",
+        orgId: options.organisation_id,
+        isPublic: options.is_public || false,
+        customPath: filePath
+      });
+      if (!uploadResult.success) {
+        throw new Error(`Failed to upload file: ${uploadResult.error}`);
+      }
+      const metadata = await extractFileMetadata(file, {
+        appName: "file-reference",
+        orgId: options.organisation_id,
+        isPublic: options.is_public || false
+      }, "system");
+      const { data, error } = await this.supabase.rpc("insert_file_reference", {
+        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);
+        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 { data, error } = await this.supabase.rpc("get_file_url", {
+        p_table_name: table_name,
+        p_record_id: record_id,
+        p_organisation_id: organisation_id
+      });
+      if (error) {
+        throw new Error(`Failed to get file URL: ${error.message}`);
+      }
+      return data;
+    } 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, error } = await this.supabase.rpc("get_file_signed_url", {
+        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}`);
+      }
+      return data;
+    } 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 { error } = await this.supabase.rpc("delete_file_reference", {
+        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}`);
+      }
+      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("get_record_files", {
+        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}`);
+      }
+      return data;
+    } 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("get_record_file_count", {
+        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;
+    }
+  }
+};
+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) : 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] = useState10(false);
+  const [error, setError] = useState10(null);
+  const service = createFileReferenceService(supabase);
+  const uploadFile2 = useCallback6(async (options, file) => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      const result = await uploadFileWithReference(supabase, options, file);
+      return result;
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : "Upload failed";
+      setError(errorMessage);
+      return null;
+    } finally {
+      setIsLoading(false);
+    }
+  }, [supabase]);
+  const getFileReference = useCallback6(async (table_name, record_id, organisation_id) => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      return await service.getFileReference(table_name, record_id, organisation_id);
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : "Failed to get file reference";
+      setError(errorMessage);
+      return null;
+    } finally {
+      setIsLoading(false);
+    }
+  }, [service]);
+  const getFileUrl = useCallback6(async (table_name, record_id, organisation_id) => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      return await service.getFileUrl(table_name, record_id, organisation_id);
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : "Failed to get file URL";
+      setError(errorMessage);
+      return null;
+    } finally {
+      setIsLoading(false);
+    }
+  }, [service]);
+  const getSignedUrl2 = useCallback6(async (table_name, record_id, organisation_id, expires_in) => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      return await service.getSignedUrl(table_name, record_id, organisation_id, expires_in);
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : "Failed to get signed URL";
+      setError(errorMessage);
+      return null;
+    } finally {
+      setIsLoading(false);
+    }
+  }, [service]);
+  const updateFileReference = useCallback6(async (id, updates) => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      return await service.updateFileReference(id, updates);
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : "Failed to update file reference";
+      setError(errorMessage);
+      return null;
+    } finally {
+      setIsLoading(false);
+    }
+  }, [service]);
+  const deleteFileReference = useCallback6(async (table_name, record_id, organisation_id, delete_file) => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      return await service.deleteFileReference(table_name, record_id, organisation_id, delete_file);
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : "Failed to delete file reference";
+      setError(errorMessage);
+      return false;
+    } finally {
+      setIsLoading(false);
+    }
+  }, [service]);
+  const listFileReferences = useCallback6(async (table_name, record_id, organisation_id) => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      return await service.listFileReferences(table_name, record_id, organisation_id);
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : "Failed to list file references";
+      setError(errorMessage);
+      return [];
+    } finally {
+      setIsLoading(false);
+    }
+  }, [service]);
+  const getFileCount = useCallback6(async (table_name, record_id, organisation_id) => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      return await service.getFileCount(table_name, record_id, organisation_id);
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : "Failed to get file count";
+      setError(errorMessage);
+      return 0;
+    } finally {
+      setIsLoading(false);
+    }
+  }, [service]);
+  const clearError = useCallback6(() => {
+    setError(null);
+  }, []);
+  return {
+    isLoading,
+    error,
+    uploadFile: uploadFile2,
+    getFileReference,
+    getFileUrl,
+    getSignedUrl: getSignedUrl2,
+    updateFileReference,
+    deleteFileReference,
+    listFileReferences,
+    getFileCount,
+    clearError
+  };
+}
+function useFileReferenceForRecord(supabase, table_name, record_id, organisation_id) {
+  const {
+    isLoading,
+    error,
+    getFileUrl,
+    getFileReference,
+    updateFileReference,
+    deleteFileReference,
+    listFileReferences,
+    getFileCount,
+    clearError
+  } = useFileReference(supabase);
+  const [fileUrl, setFileUrl] = useState10(null);
+  const [fileReference, setFileReference] = useState10(null);
+  const [fileReferences, setFileReferences] = useState10([]);
+  const [fileCount, setFileCount] = useState10(0);
+  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 = 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 = 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 = useCallback6(async () => {
+    const count = await getFileCount(table_name, record_id, organisation_id);
+    setFileCount(count);
+    return count;
+  }, [getFileCount, table_name, record_id, organisation_id]);
+  const deleteFile2 = useCallback6(async (delete_file) => {
+    const success = await deleteFileReference(table_name, record_id, organisation_id, delete_file);
+    if (success) {
+      setFileReference(null);
+      setFileUrl(null);
+      await loadFileCount();
+    }
+    return success;
+  }, [deleteFileReference, table_name, record_id, organisation_id, loadFileCount]);
+  return {
+    isLoading,
+    error,
+    fileUrl,
+    fileReference,
+    fileReferences,
+    fileCount,
+    loadFileReference,
+    loadFileUrl,
+    loadFileReferences,
+    loadFileCount,
+    deleteFile: deleteFile2,
+    updateFileReference,
+    clearError
+  };
+}
+
+// src/components/FileDisplay.tsx
+import { useState as useState11, useEffect as useEffect5 } from "react";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+function FileDisplay({
+  supabase,
+  table_name,
+  record_id,
+  organisation_id,
+  category,
+  showUpload = false,
+  showDelete = false,
+  className = "",
+  children
+}) {
+  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);
+  useEffect5(() => {
+    loadFileCount();
+    if (category) {
+      loadFileReference();
+    } else {
+      loadFileReferences();
+    }
+  }, [loadFileCount, loadFileReference, loadFileReferences, category]);
+  useEffect5(() => {
+    if (fileReference) {
+      loadFileUrl();
+    }
+  }, [fileReference, loadFileUrl]);
+  const handleDelete = async () => {
+    if (window.confirm("Are you sure you want to delete this file?")) {
+      const success = await deleteFile2(true);
+      if (success) {
+        setImageError(false);
+      }
+    }
+  };
+  const handleImageError = () => {
+    setImageError(true);
+  };
+  const getFileIcon = (fileType) => {
+    if (fileType.startsWith("image/")) return "\u{1F5BC}\uFE0F";
+    if (fileType.startsWith("video/")) return "\u{1F3A5}";
+    if (fileType.startsWith("audio/")) return "\u{1F3B5}";
+    if (fileType.includes("pdf")) return "\u{1F4C4}";
+    if (fileType.includes("word")) return "\u{1F4DD}";
+    if (fileType.includes("excel") || fileType.includes("spreadsheet")) return "\u{1F4CA}";
+    if (fileType.includes("powerpoint") || fileType.includes("presentation")) return "\u{1F4CA}";
+    return "\u{1F4C1}";
+  };
+  const formatFileSize2 = (bytes) => {
+    if (bytes === 0) return "0 Bytes";
+    const k = 1024;
+    const sizes = ["Bytes", "KB", "MB", "GB"];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx19("div", { className: `flex items-center justify-center p-4 ${className}`, children: /* @__PURE__ */ jsx19("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-main-500" }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs15("div", { className: `p-4 bg-acc-50 border border-acc-200 rounded-lg ${className}`, children: [
+      /* @__PURE__ */ jsxs15("div", { className: "text-acc-600", children: [
+        "Error loading file: ",
+        error
+      ] }),
+      /* @__PURE__ */ jsx19(
+        "button",
+        {
+          onClick: clearError,
+          className: "mt-2 text-sm text-acc-700 hover:text-acc-800 underline",
+          children: "Try again"
+        }
+      )
+    ] });
+  }
+  if (fileCount === 0) {
+    return /* @__PURE__ */ jsxs15("div", { className: `text-sec-500 text-center p-4 ${className}`, children: [
+      "No files found",
+      children
+    ] });
+  }
+  if (category && fileReference) {
+    const isImage = fileReference.file_metadata.fileType?.startsWith("image/");
+    return /* @__PURE__ */ jsxs15("div", { className: `space-y-2 ${className}`, children: [
+      isImage && fileUrl && !imageError ? /* @__PURE__ */ jsxs15("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx19(
+          "img",
+          {
+            src: fileUrl,
+            alt: fileReference.file_metadata.fileName || "File",
+            className: "max-w-full h-auto rounded-lg border border-sec-200",
+            onError: handleImageError
+          }
+        ),
+        showDelete && /* @__PURE__ */ jsx19(
+          "button",
+          {
+            onClick: handleDelete,
+            className: "absolute top-2 right-2 bg-acc-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm hover:bg-acc-600",
+            title: "Delete file",
+            children: "\xD7"
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxs15("div", { className: "flex items-center space-x-3 p-3 bg-sec-50 rounded-lg border border-sec-200", children: [
+        /* @__PURE__ */ jsx19("span", { className: "text-2xl", children: getFileIcon(fileReference.file_metadata.fileType || "") }),
+        /* @__PURE__ */ jsxs15("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx19("div", { className: "font-medium text-sec-900 truncate", children: fileReference.file_metadata.fileName || "Unknown file" }),
+          /* @__PURE__ */ jsxs15("div", { className: "text-sm text-sec-500", children: [
+            fileReference.file_metadata.fileSize && formatFileSize2(fileReference.file_metadata.fileSize),
+            fileReference.file_metadata.fileType && ` \u2022 ${fileReference.file_metadata.fileType}`
+          ] })
+        ] }),
+        showDelete && /* @__PURE__ */ jsx19(
+          "button",
+          {
+            onClick: handleDelete,
+            className: "text-acc-500 hover:text-acc-700 p-1",
+            title: "Delete file",
+            children: "\xD7"
+          }
+        )
+      ] }),
+      children
+    ] });
+  }
+  return /* @__PURE__ */ jsxs15("div", { className: `space-y-2 ${className}`, children: [
+    fileReferences.map((fileRef) => {
+      const isImage = fileRef.file_metadata.fileType?.startsWith("image/");
+      const fileUrl2 = fileRef.is_public ? `https://your-supabase-url.supabase.co/storage/v1/object/public/files/${fileRef.file_path}` : null;
+      return /* @__PURE__ */ jsxs15("div", { className: "flex items-center space-x-3 p-3 bg-sec-50 rounded-lg border border-sec-200", children: [
+        isImage && fileUrl2 ? /* @__PURE__ */ jsx19(
+          "img",
+          {
+            src: fileUrl2,
+            alt: fileRef.file_metadata.fileName || "File",
+            className: "w-12 h-12 object-cover rounded",
+            onError: handleImageError
+          }
+        ) : /* @__PURE__ */ jsx19("span", { className: "text-2xl", children: getFileIcon(fileRef.file_metadata.fileType || "") }),
+        /* @__PURE__ */ jsxs15("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx19("div", { className: "font-medium text-sec-900 truncate", children: fileRef.file_metadata.fileName || "Unknown file" }),
+          /* @__PURE__ */ jsxs15("div", { className: "text-sm text-sec-500", children: [
+            fileRef.file_metadata.fileSize && formatFileSize2(fileRef.file_metadata.fileSize),
+            fileRef.file_metadata.fileType && ` \u2022 ${fileRef.file_metadata.fileType}`,
+            fileRef.file_metadata.category && ` \u2022 ${fileRef.file_metadata.category}`
+          ] })
+        ] }),
+        showDelete && /* @__PURE__ */ jsx19(
+          "button",
+          {
+            onClick: () => deleteFile2(true),
+            className: "text-acc-500 hover:text-acc-700 p-1",
+            title: "Delete file",
+            children: "\xD7"
+          }
+        )
+      ] }, fileRef.id);
+    }),
+    children
+  ] });
+}
+
 // src/components/Table/Table.tsx
 init_cn();
-import * as React16 from "react";
-import { jsx as jsx19 } from "react/jsx-runtime";
-var Table = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+import * as React17 from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var Table = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   "table",
   {
     ref,
@@ -2409,9 +2962,9 @@ var Table = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Table.displayName = "Table";
-var TableHeader = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var TableBody = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   "tbody",
   {
     ref,
@@ -2420,7 +2973,7 @@ var TableBody = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var TableFooter = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   "tfoot",
   {
     ref,
@@ -2432,7 +2985,7 @@ var TableFooter = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var TableRow = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   "tr",
   {
     ref,
@@ -2444,7 +2997,7 @@ var TableRow = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var TableHead = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   "th",
   {
     ref,
@@ -2456,7 +3009,7 @@ var TableHead = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var TableCell = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   "td",
   {
     ref,
@@ -2465,7 +3018,7 @@ var TableCell = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+var TableCaption = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   "caption",
   {
     ref,
@@ -2477,7 +3030,7 @@ TableCaption.displayName = "TableCaption";
 
 // src/components/PublicLayout/EventLogo.tsx
 import { useMemo as useMemo6 } from "react";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var sizeClasses = {
   xs: "h-4 w-4 text-xs",
   sm: "h-6 w-6 text-sm",
@@ -2522,7 +3075,7 @@ function EventLogo({
   const hasValidOrganisationId = organisationId && uuidRegex.test(organisationId);
   const { supabase } = usePublicPageContext();
   if (!supabase) {
-    return /* @__PURE__ */ jsx20("div", { className: `${sizeClasses[size]} ${className}`.trim(), title: `${eventName} logo (Supabase not configured)`, children: eventName ? defaultGenerateFallbackText(eventName) : "EV" });
+    return /* @__PURE__ */ jsx21("div", { className: `${sizeClasses[size]} ${className}`.trim(), title: `${eventName} logo (Supabase not configured)`, children: eventName ? defaultGenerateFallbackText(eventName) : "EV" });
   }
   const {
     logoUrl,
@@ -2546,30 +3099,30 @@ function EventLogo({
     return `${baseClasses} ${sizeClass} ${className}`.trim();
   }, [sizeClass, className]);
   if (!hasValidOrganisationId && !isLoading && !logoUrl && showFallback) {
-    return /* @__PURE__ */ jsx20("div", { className: combinedClasses, title: `${eventName} logo (invalid organisation ID)`, children: fallbackText });
+    return /* @__PURE__ */ jsx21("div", { className: combinedClasses, title: `${eventName} logo (invalid organisation ID)`, children: fallbackText });
   }
   if (isLoading) {
     if (LoadingComponent) {
-      return /* @__PURE__ */ jsx20(LoadingComponent, {});
+      return /* @__PURE__ */ jsx21(LoadingComponent, {});
     }
-    return /* @__PURE__ */ jsx20("div", { className: `${combinedClasses} animate-pulse`, children: /* @__PURE__ */ jsx20("div", { className: "w-3/4 h-3/4 bg-gray-300 rounded" }) });
+    return /* @__PURE__ */ jsx21("div", { className: `${combinedClasses} animate-pulse`, children: /* @__PURE__ */ jsx21("div", { className: "w-3/4 h-3/4 bg-gray-300 rounded" }) });
   }
   if (error) {
     if (ErrorComponent) {
-      return /* @__PURE__ */ jsx20(ErrorComponent, { error });
+      return /* @__PURE__ */ jsx21(ErrorComponent, { error });
     }
     if (showFallback) {
-      return /* @__PURE__ */ jsx20("div", { className: combinedClasses, title: `${eventName} (logo unavailable)`, children: fallbackText });
+      return /* @__PURE__ */ jsx21("div", { className: combinedClasses, title: `${eventName} (logo unavailable)`, children: fallbackText });
     }
     return null;
   }
   if (!logoUrl) {
     if (showFallback) {
-      return /* @__PURE__ */ jsx20("div", { className: combinedClasses, title: `${eventName} logo`, children: fallbackText });
+      return /* @__PURE__ */ jsx21("div", { className: combinedClasses, title: `${eventName} logo`, children: fallbackText });
     }
     return null;
   }
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "img",
     {
       src: logoUrl,
@@ -2588,7 +3141,7 @@ function EventLogo({
   );
 }
 function EventLogoCompact(props) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     EventLogo,
     {
       ...props,
@@ -2598,7 +3151,7 @@ function EventLogoCompact(props) {
   );
 }
 function EventLogoLarge(props) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     EventLogo,
     {
       ...props,
@@ -2609,7 +3162,7 @@ function EventLogoLarge(props) {
 }
 
 // src/components/PublicLayout/PublicPageHeader.tsx
-import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 function PublicPageHeader({
   event,
   eventCode,
@@ -2624,10 +3177,10 @@ function PublicPageHeader({
 }) {
   const { appName } = useAppConfig();
   const headerClasses = `bg-white border-b border-gray-200 ${className}`.trim();
-  return /* @__PURE__ */ jsx21("header", { className: headerClasses, children: /* @__PURE__ */ jsxs15("div", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto", children: [
-    /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between py-4", children: [
-      showAppLogo && /* @__PURE__ */ jsx21("div", { className: "flex-shrink-0", children: customAppLogo || /* @__PURE__ */ jsxs15("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22("header", { className: headerClasses, children: /* @__PURE__ */ jsxs16("div", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between py-4", children: [
+      showAppLogo && /* @__PURE__ */ jsx22("div", { className: "flex-shrink-0", children: customAppLogo || /* @__PURE__ */ jsxs16("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ jsx22(
           "img",
           {
             className: "h-8 w-auto",
@@ -2635,9 +3188,9 @@ function PublicPageHeader({
             alt: appName
           }
         ),
-        /* @__PURE__ */ jsx21("span", { className: "ml-2 text-lg font-semibold text-gray-900", children: appName })
+        /* @__PURE__ */ jsx22("span", { className: "ml-2 text-lg font-semibold text-gray-900", children: appName })
       ] }) }),
-      showEventLogo && event && /* @__PURE__ */ jsx21("div", { className: "flex-shrink-0", children: customEventLogo || /* @__PURE__ */ jsx21(
+      showEventLogo && event && /* @__PURE__ */ jsx22("div", { className: "flex-shrink-0", children: customEventLogo || /* @__PURE__ */ jsx22(
         EventLogo,
         {
           eventId: event.event_id,
@@ -2648,23 +3201,23 @@ function PublicPageHeader({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx21("div", { className: "pb-4", children: /* @__PURE__ */ jsxs15("div", { className: "text-center", children: [
-      event && /* @__PURE__ */ jsxs15(Fragment5, { children: [
-        /* @__PURE__ */ jsx21("h1", { className: "text-3xl font-bold text-gray-900 mb-2", children: event.event_name }),
-        event.event_venue && /* @__PURE__ */ jsx21("p", { className: "text-md text-gray-500 mb-4", children: event.event_venue })
+    /* @__PURE__ */ jsx22("div", { className: "pb-4", children: /* @__PURE__ */ jsxs16("div", { className: "text-center", children: [
+      event && /* @__PURE__ */ jsxs16(Fragment5, { children: [
+        /* @__PURE__ */ jsx22("h1", { className: "text-3xl font-bold text-gray-900 mb-2", children: event.event_name }),
+        event.event_venue && /* @__PURE__ */ jsx22("p", { className: "text-md text-gray-500 mb-4", children: event.event_venue })
       ] }),
-      title && /* @__PURE__ */ jsxs15("div", { className: "mt-6", children: [
-        /* @__PURE__ */ jsx21("h2", { className: "text-2xl font-semibold text-gray-800 mb-2", children: title }),
-        description && /* @__PURE__ */ jsx21("p", { className: "text-lg text-gray-600 max-w-3xl mx-auto", children: description })
+      title && /* @__PURE__ */ jsxs16("div", { className: "mt-6", children: [
+        /* @__PURE__ */ jsx22("h2", { className: "text-2xl font-semibold text-gray-800 mb-2", children: title }),
+        description && /* @__PURE__ */ jsx22("p", { className: "text-lg text-gray-600 max-w-3xl mx-auto", children: description })
       ] }),
-      children && /* @__PURE__ */ jsx21("div", { className: "mt-4", children })
+      children && /* @__PURE__ */ jsx22("div", { className: "mt-4", children })
     ] }) })
   ] }) });
 }
 
 // src/components/PublicLayout/PublicPageFooter.tsx
 init_cn();
-import { Fragment as Fragment6, jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 function PublicPageFooter({
   event,
   companyName = "Solvera Solutions Pty Ltd",
@@ -2676,16 +3229,16 @@ function PublicPageFooter({
   children
 }) {
   const copyrightText = copyright || `\xA9 Copyright 2022\u2013${year} all rights reserved, ${companyName}.`;
-  return /* @__PURE__ */ jsx22("footer", { className: cn("mt-8 py-6 flex justify-center border-t border-border bg-main-100", className), children: /* @__PURE__ */ jsxs16("section", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto text-center", children: [
-    logo && /* @__PURE__ */ jsx22("img", { src: logo, alt: "Logo", className: "h-8 w-auto" }),
-    children && /* @__PURE__ */ jsx22(Fragment6, { children }),
-    /* @__PURE__ */ jsx22("span", { className: "text-muted-foreground", children: copyrightText }),
-    links && links.length > 0 && /* @__PURE__ */ jsx22("ul", { className: "flex gap-4 mt-2 md:mt-0", children: links.map((link, index) => /* @__PURE__ */ jsx22("li", { children: /* @__PURE__ */ jsx22("a", { href: link.href, className: "text-muted-foreground hover:text-foreground", children: link.label }) }, index)) })
+  return /* @__PURE__ */ jsx23("footer", { className: cn("mt-8 py-6 flex justify-center border-t border-border bg-main-100", className), children: /* @__PURE__ */ jsxs17("section", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto text-center", children: [
+    logo && /* @__PURE__ */ jsx23("img", { src: logo, alt: "Logo", className: "h-8 w-auto" }),
+    children && /* @__PURE__ */ jsx23(Fragment6, { children }),
+    /* @__PURE__ */ jsx23("span", { className: "text-muted-foreground", children: copyrightText }),
+    links && links.length > 0 && /* @__PURE__ */ jsx23("ul", { className: "flex gap-4 mt-2 md:mt-0", children: links.map((link, index) => /* @__PURE__ */ jsx23("li", { children: /* @__PURE__ */ jsx23("a", { href: link.href, className: "text-muted-foreground hover:text-foreground", children: link.label }) }, index)) })
   ] }) });
 }
 
 // src/components/PublicLayout/PublicLoadingSpinner.tsx
-import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
 var sizeClasses2 = {
   sm: "h-4 w-4",
   md: "h-8 w-8",
@@ -2702,8 +3255,8 @@ function PublicLoadingSpinner({
 }) {
   const sizeClass = sizeClasses2[size];
   const displayMessage = customMessage || message;
-  const content = /* @__PURE__ */ jsxs17("div", { className: `flex flex-col items-center ${className}`, children: [
-    showLogo && /* @__PURE__ */ jsx23("div", { className: "mb-4", children: /* @__PURE__ */ jsx23(
+  const content = /* @__PURE__ */ jsxs18("div", { className: `flex flex-col items-center ${className}`, children: [
+    showLogo && /* @__PURE__ */ jsx24("div", { className: "mb-4", children: /* @__PURE__ */ jsx24(
       "img",
       {
         className: "h-8 w-auto",
@@ -2711,8 +3264,8 @@ function PublicLoadingSpinner({
         alt: "PACE Core"
       }
     ) }),
-    /* @__PURE__ */ jsxs17("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsxs18("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx24(
         "div",
         {
           className: `${sizeClass} border-2 border-gray-200 border-t-blue-600 rounded-full animate-spin`,
@@ -2720,12 +3273,12 @@ function PublicLoadingSpinner({
           "aria-label": "Loading"
         }
       ),
-      /* @__PURE__ */ jsx23("span", { className: "sr-only", children: displayMessage })
+      /* @__PURE__ */ jsx24("span", { className: "sr-only", children: displayMessage })
     ] }),
-    displayMessage && /* @__PURE__ */ jsx23("p", { className: "mt-4 text-sm text-gray-600 text-center", children: displayMessage })
+    displayMessage && /* @__PURE__ */ jsx24("p", { className: "mt-4 text-sm text-gray-600 text-center", children: displayMessage })
   ] });
   if (centered) {
-    return /* @__PURE__ */ jsx23("div", { className: "min-h-screen bg-white flex items-center justify-center", children: /* @__PURE__ */ jsx23("div", { className: "max-w-md mx-auto px-4", children: content }) });
+    return /* @__PURE__ */ jsx24("div", { className: "min-h-screen bg-white flex items-center justify-center", children: /* @__PURE__ */ jsx24("div", { className: "max-w-md mx-auto px-4", children: content }) });
   }
   return content;
 }
@@ -2734,8 +3287,8 @@ function PublicLoadingSpinnerFullPage({
   eventName,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx23("div", { className: `min-h-screen bg-white flex items-center justify-center ${className}`, children: /* @__PURE__ */ jsxs17("div", { className: "max-w-md mx-auto text-center px-4", children: [
-    /* @__PURE__ */ jsx23("div", { className: "mb-8", children: /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24("div", { className: `min-h-screen bg-white flex items-center justify-center ${className}`, children: /* @__PURE__ */ jsxs18("div", { className: "max-w-md mx-auto text-center px-4", children: [
+    /* @__PURE__ */ jsx24("div", { className: "mb-8", children: /* @__PURE__ */ jsx24(
       "img",
       {
         className: "h-12 w-auto mx-auto",
@@ -2743,8 +3296,8 @@ function PublicLoadingSpinnerFullPage({
         alt: "PACE Core"
       }
     ) }),
-    eventName && /* @__PURE__ */ jsx23("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: eventName }),
-    /* @__PURE__ */ jsx23("div", { className: "relative mb-6", children: /* @__PURE__ */ jsx23(
+    eventName && /* @__PURE__ */ jsx24("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: eventName }),
+    /* @__PURE__ */ jsx24("div", { className: "relative mb-6", children: /* @__PURE__ */ jsx24(
       "div",
       {
         className: "h-12 w-12 border-4 border-gray-200 border-t-blue-600 rounded-full animate-spin mx-auto",
@@ -2752,11 +3305,11 @@ function PublicLoadingSpinnerFullPage({
         "aria-label": "Loading"
       }
     ) }),
-    /* @__PURE__ */ jsx23("p", { className: "text-lg text-gray-600", children: message }),
-    /* @__PURE__ */ jsxs17("div", { className: "mt-4 flex justify-center space-x-1", children: [
-      /* @__PURE__ */ jsx23("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "0ms" } }),
-      /* @__PURE__ */ jsx23("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "150ms" } }),
-      /* @__PURE__ */ jsx23("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "300ms" } })
+    /* @__PURE__ */ jsx24("p", { className: "text-lg text-gray-600", children: message }),
+    /* @__PURE__ */ jsxs18("div", { className: "mt-4 flex justify-center space-x-1", children: [
+      /* @__PURE__ */ jsx24("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "0ms" } }),
+      /* @__PURE__ */ jsx24("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "150ms" } }),
+      /* @__PURE__ */ jsx24("div", { className: "h-2 w-2 bg-blue-600 rounded-full animate-bounce", style: { animationDelay: "300ms" } })
     ] })
   ] }) });
 }
@@ -2764,7 +3317,7 @@ function PublicLoadingSkeleton({
   lines = 3,
   className = ""
 }) {
-  return /* @__PURE__ */ jsx23("div", { className: `animate-pulse ${className}`, children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24("div", { className: `animate-pulse ${className}`, children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx24(
     "div",
     {
       className: `h-4 bg-gray-200 rounded mb-2 ${index === lines - 1 ? "w-3/4" : "w-full"}`
@@ -2775,7 +3328,7 @@ function PublicLoadingSkeleton({
 
 // src/components/PublicLayout/PublicPageLayout.tsx
 import { useMemo as useMemo7 } from "react";
-import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 function PublicPageLayout({
   eventCode,
   children,
@@ -2797,17 +3350,17 @@ function PublicPageLayout({
     return `${baseClasses} ${className}`.trim();
   }, [className]);
   if (isLoading) {
-    return /* @__PURE__ */ jsx24("div", { className: layoutClasses, children: /* @__PURE__ */ jsx24("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsx24(LoadingFallback, {}) }) });
+    return /* @__PURE__ */ jsx25("div", { className: layoutClasses, children: /* @__PURE__ */ jsx25("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsx25(LoadingFallback, {}) }) });
   }
   if (error && showValidationErrors) {
-    return /* @__PURE__ */ jsx24("div", { className: layoutClasses, children: /* @__PURE__ */ jsx24("div", { className: "flex-1 flex items-center justify-center", children: ErrorFallback ? /* @__PURE__ */ jsx24(ErrorFallback, { error, retry: refetch }) : /* @__PURE__ */ jsxs18("div", { className: "text-center p-8", children: [
-      /* @__PURE__ */ jsx24("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: "Event Not Found" }),
-      /* @__PURE__ */ jsxs18("p", { className: "text-gray-600 mb-6", children: [
+    return /* @__PURE__ */ jsx25("div", { className: layoutClasses, children: /* @__PURE__ */ jsx25("div", { className: "flex-1 flex items-center justify-center", children: ErrorFallback ? /* @__PURE__ */ jsx25(ErrorFallback, { error, retry: refetch }) : /* @__PURE__ */ jsxs19("div", { className: "text-center p-8", children: [
+      /* @__PURE__ */ jsx25("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: "Event Not Found" }),
+      /* @__PURE__ */ jsxs19("p", { className: "text-gray-600 mb-6", children: [
         'The event code "',
         eventCode,
         '" is invalid or the event is not available for public viewing.'
       ] }),
-      /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx25(
         "button",
         {
           onClick: refetch,
@@ -2818,10 +3371,10 @@ function PublicPageLayout({
     ] }) }) });
   }
   if (!event) {
-    return /* @__PURE__ */ jsx24("div", { className: layoutClasses, children: /* @__PURE__ */ jsx24("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxs18("div", { className: "text-center p-8", children: [
-      /* @__PURE__ */ jsx24("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: "Event Not Available" }),
-      /* @__PURE__ */ jsx24("p", { className: "text-gray-600 mb-6", children: "This event is not available for public viewing." }),
-      /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx25("div", { className: layoutClasses, children: /* @__PURE__ */ jsx25("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxs19("div", { className: "text-center p-8", children: [
+      /* @__PURE__ */ jsx25("h1", { className: "text-2xl font-bold text-gray-900 mb-4", children: "Event Not Available" }),
+      /* @__PURE__ */ jsx25("p", { className: "text-gray-600 mb-6", children: "This event is not available for public viewing." }),
+      /* @__PURE__ */ jsx25(
         "button",
         {
           onClick: refetch,
@@ -2831,16 +3384,16 @@ function PublicPageLayout({
       )
     ] }) }) });
   }
-  return /* @__PURE__ */ jsx24(PublicErrorBoundary, { children: /* @__PURE__ */ jsxs18("div", { className: layoutClasses, children: [
-    customHeader || /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(PublicErrorBoundary, { children: /* @__PURE__ */ jsxs19("div", { className: layoutClasses, children: [
+    customHeader || /* @__PURE__ */ jsx25(
       PublicPageHeader,
       {
         event,
         eventCode
       }
     ),
-    /* @__PURE__ */ jsx24("main", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children }),
-    showFooter && (customFooter || /* @__PURE__ */ jsx24(PublicPageFooter, { event }))
+    /* @__PURE__ */ jsx25("main", { className: "px-4 w-[min(var(--app-width),100%)] mx-auto py-8", children }),
+    showFooter && (customFooter || /* @__PURE__ */ jsx25(PublicPageFooter, { event }))
   ] }) });
 }
 function usePublicPageContext2() {
@@ -2857,10 +3410,10 @@ function usePublicPageContext2() {
 }
 
 // src/components/PublicLayout/PublicPageDebugger.tsx
-import { useEffect as useEffect5 } from "react";
-import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { useEffect as useEffect6 } from "react";
+import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
 function PublicPageDebugger({ enabled = true, label = "PublicPage" }) {
-  useEffect5(() => {
+  useEffect6(() => {
     if (!enabled) return;
     console.log(`[${label}] Component mounted`);
     try {
@@ -2901,7 +3454,7 @@ function PublicPageDebugger({ enabled = true, label = "PublicPage" }) {
     };
   }, [enabled, label]);
   if (!enabled) return null;
-  return /* @__PURE__ */ jsxs19("div", { style: {
+  return /* @__PURE__ */ jsxs20("div", { style: {
     position: "fixed",
     top: 0,
     right: 0,
@@ -2912,16 +3465,16 @@ function PublicPageDebugger({ enabled = true, label = "PublicPage" }) {
     zIndex: 9999,
     fontFamily: "monospace"
   }, children: [
-    /* @__PURE__ */ jsx25("div", { children: "Public Page Debugger" }),
-    /* @__PURE__ */ jsx25("div", { children: "Check console for context analysis" })
+    /* @__PURE__ */ jsx26("div", { children: "Public Page Debugger" }),
+    /* @__PURE__ */ jsx26("div", { children: "Check console for context analysis" })
   ] });
 }
 
 // src/components/PublicLayout/PublicPageDiagnostic.tsx
-import { useEffect as useEffect6, useState as useState10 } from "react";
-import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { useEffect as useEffect7, useState as useState12 } from "react";
+import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
 function PublicPageDiagnostic({ enabled = true, label = "PublicPage" }) {
-  const [diagnostics, setDiagnostics] = useState10({
+  const [diagnostics, setDiagnostics] = useState12({
     hasPublicPageContext: false,
     hasAuthContext: false,
     hasOrgContext: false,
@@ -2929,7 +3482,7 @@ function PublicPageDiagnostic({ enabled = true, label = "PublicPage" }) {
     hasEnvironmentVars: false,
     routeParams: null
   });
-  useEffect6(() => {
+  useEffect7(() => {
     if (!enabled) return;
     const runDiagnostics = () => {
       const newDiagnostics = {
@@ -3000,7 +3553,7 @@ function PublicPageDiagnostic({ enabled = true, label = "PublicPage" }) {
     runDiagnostics();
   }, [enabled, label]);
   if (!enabled) return null;
-  return /* @__PURE__ */ jsxs20("div", { style: {
+  return /* @__PURE__ */ jsxs21("div", { style: {
     position: "fixed",
     top: 0,
     left: 0,
@@ -3013,40 +3566,40 @@ function PublicPageDiagnostic({ enabled = true, label = "PublicPage" }) {
     maxWidth: "300px",
     borderRadius: "0 0 8px 0"
   }, children: [
-    /* @__PURE__ */ jsx26("div", { style: { fontWeight: "bold", marginBottom: "8px" }, children: "\u{1F50D} Public Page Diagnostics" }),
-    /* @__PURE__ */ jsxs20("div", { children: [
+    /* @__PURE__ */ jsx27("div", { style: { fontWeight: "bold", marginBottom: "8px" }, children: "\u{1F50D} Public Page Diagnostics" }),
+    /* @__PURE__ */ jsxs21("div", { children: [
       "Public Context: ",
       diagnostics.hasPublicPageContext ? "\u2705" : "\u274C"
     ] }),
-    /* @__PURE__ */ jsxs20("div", { children: [
+    /* @__PURE__ */ jsxs21("div", { children: [
       "Auth Context: ",
       diagnostics.hasAuthContext ? "\u274C BAD" : "\u2705 GOOD"
     ] }),
-    /* @__PURE__ */ jsxs20("div", { children: [
+    /* @__PURE__ */ jsxs21("div", { children: [
       "Org Context: ",
       diagnostics.hasOrgContext ? "\u274C BAD" : "\u2705 GOOD"
     ] }),
-    /* @__PURE__ */ jsxs20("div", { children: [
+    /* @__PURE__ */ jsxs21("div", { children: [
       "Event Context: ",
       diagnostics.hasEventContext ? "\u274C BAD" : "\u2705 GOOD"
     ] }),
-    /* @__PURE__ */ jsxs20("div", { children: [
+    /* @__PURE__ */ jsxs21("div", { children: [
       "Env Vars: ",
       diagnostics.hasEnvironmentVars ? "\u2705" : "\u274C"
     ] }),
-    /* @__PURE__ */ jsxs20("div", { children: [
+    /* @__PURE__ */ jsxs21("div", { children: [
       "Route Params: ",
       diagnostics.routeParams ? "\u2705" : "\u274C"
     ] }),
-    /* @__PURE__ */ jsx26("div", { style: { marginTop: "8px", fontSize: "10px", opacity: 0.8 }, children: "Check console for detailed analysis" })
+    /* @__PURE__ */ jsx27("div", { style: { marginTop: "8px", fontSize: "10px", opacity: 0.8 }, children: "Check console for detailed analysis" })
   ] });
 }
 
 // src/components/PublicLayout/PublicPageContextChecker.tsx
-import { useEffect as useEffect7 } from "react";
-import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+import { useEffect as useEffect8 } from "react";
+import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
 function PublicPageContextChecker({ enabled = true, label = "PublicPage" }) {
-  useEffect7(() => {
+  useEffect8(() => {
     if (!enabled) return;
     console.group(`\u{1F6A8} [${label}] PUBLIC PAGE CONTEXT CHECK`);
     try {
@@ -3108,7 +3661,7 @@ function PublicPageContextChecker({ enabled = true, label = "PublicPage" }) {
     console.groupEnd();
   }, [enabled, label]);
   if (!enabled) return null;
-  return /* @__PURE__ */ jsxs21("div", { style: {
+  return /* @__PURE__ */ jsxs22("div", { style: {
     position: "fixed",
     top: 0,
     left: 0,
@@ -3122,9 +3675,9 @@ function PublicPageContextChecker({ enabled = true, label = "PublicPage" }) {
     borderRadius: "0 0 8px 0",
     border: "2px solid #dc2626"
   }, children: [
-    /* @__PURE__ */ jsx27("div", { style: { fontWeight: "bold", marginBottom: "8px" }, children: "\u{1F6A8} PUBLIC PAGE CONTEXT CHECK" }),
-    /* @__PURE__ */ jsx27("div", { children: "Check console for authentication context analysis" }),
-    /* @__PURE__ */ jsx27("div", { style: { marginTop: "8px", fontSize: "10px", opacity: 0.9 }, children: "If you see \u274C errors in console, your public page is inside auth context!" })
+    /* @__PURE__ */ jsx28("div", { style: { fontWeight: "bold", marginBottom: "8px" }, children: "\u{1F6A8} PUBLIC PAGE CONTEXT CHECK" }),
+    /* @__PURE__ */ jsx28("div", { children: "Check console for authentication context analysis" }),
+    /* @__PURE__ */ jsx28("div", { style: { marginTop: "8px", fontSize: "10px", opacity: 0.9 }, children: "If you see \u274C errors in console, your public page is inside auth context!" })
   ] });
 }
 
@@ -3175,6 +3728,9 @@ export {
   StorageUtils,
   useStorage,
   useFileUpload,
+  useFileReference,
+  useFileReferenceForRecord,
+  FileDisplay,
   Table,
   TableHeader,
   TableBody,
@@ -3197,4 +3753,4 @@ export {
   PublicPageDiagnostic,
   PublicPageContextChecker
 };
-//# sourceMappingURL=chunk-ZXJGZLLO.js.map
+//# sourceMappingURL=chunk-2NWIXRSB.js.map