@jmruthers/pace-core 0.6.7 → 0.6.9

package/audit-tool/utils/report-utils.cjs

@@ -83,13 +83,127 @@ function formatStandardSection(standard, standardName, issues, standardDocPath)
   return section;
 }
 
+/**
+ * Format dependency audit section for markdown report
+ * @param {Object} dependencyResult - Dependency audit result
+ * @returns {string} - Formatted markdown section
+ */
+function formatDependencyAuditSection(dependencyResult) {
+  if (dependencyResult.error) {
+    return `\n### ❌ Dependency Audit\n\n**Error:** ${dependencyResult.error}\n\n`;
+  }
+  
+  const issues = dependencyResult.issues || {};
+  const includedDeps = issues.includedDeps || [];
+  const missingRequired = issues.missingRequired || [];
+  const missingOptional = issues.missingOptional || [];
+  const versionIssues = issues.versionIssues || [];
+  const wrongLocation = issues.wrongLocation || [];
+  const missingDevDeps = issues.missingDevDeps || [];
+  const devVersionIssues = issues.devVersionIssues || [];
+  
+  const totalIssues = includedDeps.length + missingRequired.length + versionIssues.length + wrongLocation.length + missingDevDeps.length + devVersionIssues.length;
+  
+  if (totalIssues === 0 && missingOptional.length === 0) {
+    return `\n### ✅ Dependency Audit\n\nNo issues found.\n`;
+  }
+  
+  let section = `\n### ${totalIssues > 0 ? '❌' : '⚠️'} Dependency Audit\n\n`;
+  section += `**Reference:** [Dependencies Guide](https://github.com/jmruthers/pace-core/blob/main/packages/core/docs/getting-started/dependencies.md)\n\n`;
+  
+  if (totalIssues > 0) {
+    section += `**Issues Found:** ${totalIssues}\n\n`;
+  }
+  
+  // Included dependencies (errors)
+  if (includedDeps.length > 0) {
+    section += `#### ❌ Included Dependencies (MUST REMOVE) - ${includedDeps.length} issue${includedDeps.length > 1 ? 's' : ''}\n\n`;
+    section += `These packages are already included in pace-core and should NOT be installed in your app:\n\n`;
+    includedDeps.forEach(issue => {
+      section += `- **${issue.package}**@${issue.installed} (in ${issue.location})\n`;
+      section += `  - Should NOT be installed (already included in pace-core)\n`;
+      section += `  - Fix: \`npm uninstall ${issue.package}\`\n\n`;
+    });
+  }
+  
+  // Missing required dependencies (errors)
+  if (missingRequired.length > 0) {
+    section += `#### ❌ Missing Required Dependencies - ${missingRequired.length} issue${missingRequired.length > 1 ? 's' : ''}\n\n`;
+    section += `These packages are required for pace-core to function:\n\n`;
+    missingRequired.forEach(issue => {
+      section += `- **${issue.package}** (required: ${issue.required})\n`;
+      section += `  - Fix: \`npm install ${issue.package}@${issue.required}\`\n\n`;
+    });
+  }
+  
+  // Version issues (errors)
+  if (versionIssues.length > 0) {
+    section += `#### ⚠️ Version Issues - ${versionIssues.length} issue${versionIssues.length > 1 ? 's' : ''}\n\n`;
+    section += `These packages have incorrect version ranges:\n\n`;
+    versionIssues.forEach(issue => {
+      section += `- **${issue.package}**\n`;
+      section += `  - Installed: ${issue.installed}\n`;
+      section += `  - Required: ${issue.required}\n`;
+      section += `  - Fix: \`npm install ${issue.package}@${issue.required}\`\n\n`;
+    });
+  }
+  
+  // Wrong location (warnings)
+  if (wrongLocation.length > 0) {
+    section += `#### ⚠️ Wrong Location - ${wrongLocation.length} issue${wrongLocation.length > 1 ? 's' : ''}\n\n`;
+    section += `These packages are in the wrong location in package.json:\n\n`;
+    wrongLocation.forEach(issue => {
+      section += `- **${issue.package}**\n`;
+      section += `  - Currently in: ${issue.current}\n`;
+      section += `  - Should be in: ${issue.shouldBe}\n`;
+      section += `  - Fix: \`npm uninstall ${issue.package} && npm install -D ${issue.package}\`\n\n`;
+    });
+  }
+  
+  // Missing optional dependencies (info)
+  if (missingOptional.length > 0) {
+    section += `#### ℹ️ Missing Optional Dependencies - ${missingOptional.length} package${missingOptional.length > 1 ? 's' : ''}\n\n`;
+    section += `These packages are optional and only needed if you use specific features:\n\n`;
+    missingOptional.forEach(issue => {
+      section += `- **${issue.package}** (required: ${issue.required})\n`;
+      section += `  - Install only if you use this feature\n`;
+      section += `  - Fix: \`npm install ${issue.package}@${issue.required}\`\n\n`;
+    });
+  }
+  
+  // Missing dev dependencies (errors)
+  if (missingDevDeps.length > 0) {
+    section += `#### ❌ Missing Required Dev Dependencies - ${missingDevDeps.length} issue${missingDevDeps.length > 1 ? 's' : ''}\n\n`;
+    section += `These dev dependencies are required for a compatible development environment:\n\n`;
+    missingDevDeps.forEach(issue => {
+      section += `- **${issue.package}** (required: ${issue.required})\n`;
+      section += `  - Fix: \`npm install -D ${issue.package}@${issue.required}\`\n\n`;
+    });
+  }
+  
+  // Dev version issues (errors)
+  if (devVersionIssues.length > 0) {
+    section += `#### ⚠️ Dev Dependency Version Issues - ${devVersionIssues.length} issue${devVersionIssues.length > 1 ? 's' : ''}\n\n`;
+    section += `These dev dependencies have incorrect version ranges:\n\n`;
+    devVersionIssues.forEach(issue => {
+      section += `- **${issue.package}** (in ${issue.location})\n`;
+      section += `  - Installed: ${issue.installed}\n`;
+      section += `  - Required: ${issue.required}\n`;
+      section += `  - Fix: \`npm install -D ${issue.package}@${issue.required}\`\n\n`;
+    });
+  }
+  
+  return section;
+}
+
 /**
  * Generate markdown report from audit results
- * @param {Object} results - Audit results object
+ * @param {Object} results - Audit results object (standard audits)
  * @param {string} consumingAppPath - Path to consuming app
+ * @param {Object} dependencyResult - Dependency audit result (optional)
  * @returns {string} - Complete markdown report
  */
-function generateMarkdownReport(results, consumingAppPath) {
+function generateMarkdownReport(results, consumingAppPath, dependencyResult = null) {
   const now = new Date();
   const timestamp = now.toISOString();
   
@@ -141,10 +255,29 @@ function generateMarkdownReport(results, consumingAppPath) {
     }
   });
   
+  // Count dependency audit issues
+  let dependencyIssues = 0;
+  if (dependencyResult && !dependencyResult.error) {
+    const depIssues = dependencyResult.issues || {};
+    dependencyIssues = (depIssues.includedDeps?.length || 0) +
+                      (depIssues.missingRequired?.length || 0) +
+                      (depIssues.versionIssues?.length || 0) +
+                      (depIssues.wrongLocation?.length || 0) +
+                      (depIssues.missingDevDeps?.length || 0) +
+                      (depIssues.devVersionIssues?.length || 0);
+    totalIssues += dependencyIssues;
+  }
+  
   report += `**Total Issues:** ${totalIssues}\n\n`;
   report += `| Standard | Issues |\n`;
   report += `|----------|--------|\n`;
   
+  // Add dependency audit to summary table first
+  if (dependencyResult) {
+    const depIcon = dependencyIssues === 0 ? '✅' : '❌';
+    report += `| ${depIcon} Dependency Audit | ${dependencyIssues} |\n`;
+  }
+  
   Object.entries(standardCounts).forEach(([standard, count]) => {
     const icon = count === 0 ? '✅' : '❌';
     report += `| ${icon} ${standardNames[standard]} | ${count} |\n`;
@@ -153,6 +286,11 @@ function generateMarkdownReport(results, consumingAppPath) {
   report += `\n---\n\n`;
   report += `## Detailed Results\n\n`;
   
+  // Add dependency audit section first
+  if (dependencyResult) {
+    report += formatDependencyAuditSection(dependencyResult);
+  }
+  
   // Generate sections for each standard
   Object.keys(standardNames).forEach(standard => {
     const standardResult = results[standard];
@@ -236,6 +374,7 @@ function generateSummary(results) {
 module.exports = {
   formatIssue,
   formatStandardSection,
+  formatDependencyAuditSection,
   generateMarkdownReport,
   generateSummary,
 };

package/dist/{DataTable-7PMH7XN7.js → DataTable-SOAFXIWY.js}

@@ -1,10 +1,10 @@
-export { ActionButtons, BulkOperationsDropdown, ColumnFactory, ColumnVisibilityDropdown, DataTable, DataTableCore, DataTableErrorBoundary, DataTableModals, DataTableToolbar, EditableRow, EmptyState, EnhancedPaginationControls, GroupingDropdown, ImportModal, LoadingState, PaginationControls, SortIndicator, UnifiedTableBody, announce, announceBulkOperation, announceFilterChange, announceLoadingState, announcePaginationChange, announceSearchResults, announceSelectionChange, announceSortChange, average, calculateAllDepths, calculateAllIndentation, calculateIndentation, calculateOptimalPageSize, cleanupLiveRegion, count, createHierarchicalStructure, defaultDataTableFeatures, exportToCSV, exportToCSVWithTableRows, generateCSVContent, getAriaSortState, getAriaSortValue, getCellRenderer, getColumnHeaderText, getHierarchicalSortConfig, getPageSizeOptions, getPaginationBinding, getRowDepth, getRowDescription, getRowIdSafe, getSortButtonLabel, groupHierarchicalData, hasValidRowId, initializeLiveRegion, isHierarchicalSortableColumn, max, min, normalizeDataTableFeatures, shouldShowColumnForRow, sortHierarchicalDataByStructure, sortHierarchicalDataWithSorting, sum, validateHierarchicalData, validatePaginationConfig } from './chunk-Q7Q7V5NV.js';
-import './chunk-BM4CQ5P3.js';
+export { ActionButtons, BulkOperationsDropdown, ColumnFactory, ColumnVisibilityDropdown, DataTable, DataTableCore, DataTableErrorBoundary, DataTableModals, DataTableToolbar, EditableRow, EmptyState, EnhancedPaginationControls, GroupingDropdown, ImportModal, LoadingState, PaginationControls, SortIndicator, UnifiedTableBody, announce, announceBulkOperation, announceFilterChange, announceLoadingState, announcePaginationChange, announceSearchResults, announceSelectionChange, announceSortChange, average, calculateAllDepths, calculateAllIndentation, calculateIndentation, calculateOptimalPageSize, cleanupLiveRegion, count, createHierarchicalStructure, defaultDataTableFeatures, exportToCSV, exportToCSVWithTableRows, findSelectLabel, generateCSVContent, getAriaSortState, getAriaSortValue, getCellRenderer, getColumnHeaderText, getHierarchicalSortConfig, getPageSizeOptions, getPaginationBinding, getRowDepth, getRowDescription, getRowIdSafe, getSortButtonLabel, groupHierarchicalData, hasValidRowId, initializeLiveRegion, isHierarchicalSortableColumn, max, min, normalizeDataTableFeatures, shouldShowColumnForRow, sortHierarchicalDataByStructure, sortHierarchicalDataWithSorting, sum, validateHierarchicalData, validatePaginationConfig } from './chunk-J2U36LHD.js';
+import './chunk-GS5672WG.js';
 export { CircuitBreaker, DEFAULT_FALLBACK_CONFIG, DataChunkManager, DataTableError, DataTableErrorType, ErrorRecoveryManager, MemoryMonitor, SearchIndex, VisibilityTracker, chunkData, debounce, determinePaginationMode, getOptimalPageSizeOptions, safeExecute, throttle, useDataTablePerformance } from './chunk-S7DKJPLT.js';
-import './chunk-VBCS3DUA.js';
+import './chunk-EF2UGZWY.js';
 import './chunk-C7NSAPTL.js';
-import './chunk-FTCRZOG2.js';
-import './chunk-ZFYPMX46.js';
+import './chunk-T5CVK4R3.js';
+import './chunk-LX6U42O3.js';
 import './chunk-AHU7G2R5.js';
 import './chunk-4SXLQIZO.js';
 import './chunk-A3W6LW53.js';

package/dist/{PublicPageProvider-DlsCaR5v.d.ts → PublicPageProvider-CIGSujI2.d.ts}

@@ -473,27 +473,32 @@ declare namespace Textarea {
  * Features:
  * - Multiple visual variants (default, destructive, inline)
  * - Title and description support
- * - Semantic HTML: renders as `<aside>` element
- * - ARIA role="alert" for accessibility
+ * - Semantic HTML: renders as `<p>` element with `role="alert"` (default) or custom role
  * - Keyboard and screen reader accessible
  * - Composable with icons and actions
  * - Inline variant for lightweight text formatting
  *
  * @example
  * ```tsx
- * // Basic alert (renders as <aside> with <h5> title and <p> description)
+ * // Basic alert (renders as <p role="alert"> with <h5> title and <p> description)
  * <Alert>
  *   <AlertTitle>Success</AlertTitle>
  *   <AlertDescription>Your changes have been saved.</AlertDescription>
  * </Alert>
  *
- * // Destructive alert with icon (renders as <aside> with <h5> title and <p> description)
+ * // Destructive alert with icon (renders as <p role="alert"> with <h5> title and <p> description)
  * <Alert variant="destructive">
  *   <ErrorIcon />
  *   <AlertTitle>Error</AlertTitle>
  *   <AlertDescription>Something went wrong.</AlertDescription>
  * </Alert>
  *
+ * // Status message (renders as <p role="status"> for informational messages)
+ * <Alert role="status" aria-live="polite">
+ *   <AlertTitle>No data available</AlertTitle>
+ *   <AlertDescription>Get started by adding your first entry.</AlertDescription>
+ * </Alert>
+ *
  * // Inline alert (renders as React.Fragment with <strong> title and <span> description)
  * <Alert variant="inline">
  *   <AlertTitle>Note:</AlertTitle>
@@ -502,15 +507,16 @@ declare namespace Textarea {
  * ```
  *
  * @accessibility
- * - Uses semantic HTML: `<aside>` element for better semantic meaning
- * - Uses role="alert" for screen reader announcement
+ * - Uses semantic HTML: `<p>` element with `role="alert"` (default) for screen reader announcements
+ * - Can be customized with `role="status"` for informational messages
  * - Title and description are semantically structured
  * - Supports keyboard navigation and focus
  */
 
-declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLElement> & {
+declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & {
     variant?: "default" | "destructive" | "inline";
-} & React$1.RefAttributes<HTMLElement>>;
+    role?: string;
+} & React$1.RefAttributes<HTMLParagraphElement>>;
 declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLHeadingElement>>;
 declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
 

package/dist/{UnifiedAuthProvider-ZT6TIGM7.js → UnifiedAuthProvider-7SNDOWYD.js}

@@ -1,5 +1,5 @@
-export { UnifiedAuthContext, UnifiedAuthProvider, useUnifiedAuth } from './chunk-FTCRZOG2.js';
-import './chunk-ZFYPMX46.js';
+export { UnifiedAuthContext, UnifiedAuthProvider, useUnifiedAuth } from './chunk-T5CVK4R3.js';
+import './chunk-LX6U42O3.js';
 import './chunk-AHU7G2R5.js';
 import './chunk-4SXLQIZO.js';
 import './chunk-HF6O3O37.js';

package/dist/{api-Y4MQWOFW.js → api-7P7DI652.js}

@@ -1,4 +1,4 @@
-export { OrganisationContextRequiredError, clearCache, getAccessLevel, getPageScopeType, getPermissionMap, getRoleContext, hasAllPermissions, hasAnyPermission, invalidateAppCache, invalidateEventCache, invalidateOrganisationCache, invalidateUserCache, isEventAdmin, isOrganisationAdmin, isPermitted, isPermittedCached, isRBACInitialized, isSuperAdmin, resolveAppContext, setupRBAC } from './chunk-ZFYPMX46.js';
+export { OrganisationContextRequiredError, clearCache, getAccessLevel, getPageScopeType, getPermissionMap, getRoleContext, hasAllPermissions, hasAnyPermission, invalidateAppCache, invalidateEventCache, invalidateOrganisationCache, invalidateUserCache, isEventAdmin, isOrganisationAdmin, isPermitted, isPermittedCached, isRBACInitialized, isSuperAdmin, resolveAppContext, setupRBAC } from './chunk-LX6U42O3.js';
 import './chunk-AHU7G2R5.js';
 import './chunk-TTRFSOKR.js';
 import './chunk-3RG5ZIWI.js';

package/dist/{chunk-L4XMVJKY.js → chunk-4DDCYDQ3.js}

@@ -1,6 +1,6 @@
-import { generateFilePath, generateUniqueFileName, extractFileMetadata, uploadFile, getPublicUrl, getSignedUrl, deleteFile, downloadFile, listFiles, archiveFile } from './chunk-5X4QLXRG.js';
-import { useOrganisationSecurity, usePublicPageContext } from './chunk-VBCS3DUA.js';
-import { useOrganisations } from './chunk-FTCRZOG2.js';
+import { generateFilePath, generateUniqueFileName, extractFileMetadata, uploadFile, getPublicUrl, getSignedUrl, deleteFile, downloadFile, listFiles, archiveFile } from './chunk-MPBLMWVR.js';
+import { useOrganisationSecurity, usePublicPageContext } from './chunk-EF2UGZWY.js';
+import { useOrganisations } from './chunk-T5CVK4R3.js';
 import { assertOrganisationId } from './chunk-4SXLQIZO.js';
 import { createLogger, logger } from './chunk-TTRFSOKR.js';
 import { useForm } from 'react-hook-form';
@@ -481,13 +481,14 @@ function usePublicRouteParams(options = {}) {
   }, [fetchEventData, eventLoading]);
   const finalError = useMemo(() => {
     if (error) return error;
-    if (eventError) return eventError;
+    if (!validateEventCode) return null;
+    if (fetchEventData && eventError) return eventError;
     return null;
-  }, [error, eventError]);
+  }, [error, eventError, fetchEventData, validateEventCode]);
   const eventId = useMemo(() => {
-    if (!event) return null;
+    if (!fetchEventData || !event) return null;
     return event.event_id || event.id;
-  }, [event]);
+  }, [fetchEventData, event]);
   const refetch = useCallback(async () => {
     if (!fetchEventData) return;
     await refetchEvent();

package/dist/{chunk-JGWDVX64.js → chunk-5HNSDQWH.js}

@@ -1,12 +1,12 @@
-import { AccessDenied } from './chunk-6F3IILHI.js';
-import { Input, Dialog, DialogContent, DialogHeader, DialogBody, DialogFooter, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Alert, AlertDescription, Label, SelectLabel, SelectSeparator, DialogTitle, deriveFormKey, useSessionDraft, filterSensitiveFields, isSensitiveField, SelectGroup, AlertTitle, Progress } from './chunk-Q7Q7V5NV.js';
-import { Button, useRBAC, useResolvedScope, usePermissions, useEvents, useCan } from './chunk-BM4CQ5P3.js';
-import { useAddressAutocomplete, createFileReferenceService, uploadFileWithReference, usePublicFileDisplay, useFileDisplay, getPublicUrl, getSignedUrl, generateFileUrlsBatch, useEventTheme, usePreventTabReload } from './chunk-5X4QLXRG.js';
-import { clearPalette } from './chunk-ZKAWKYT4.js';
+import { AccessDenied } from './chunk-S6ZQKDY6.js';
+import { Input, Dialog, DialogContent, DialogHeader, DialogBody, DialogFooter, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Alert, AlertDescription, Label, SelectLabel, SelectSeparator, DialogTitle, deriveFormKey, useSessionDraft, filterSensitiveFields, isSensitiveField, SelectGroup, AlertTitle, Progress } from './chunk-J2U36LHD.js';
+import { Button, useRBAC, useResolvedScope, usePermissions, useEvents, useCan } from './chunk-GS5672WG.js';
+import { useAddressAutocomplete, createFileReferenceService, uploadFileWithReference, usePublicFileDisplay, useFileDisplay, getPublicUrl, getSignedUrl, generateFileUrlsBatch, useEventTheme, usePreventTabReload } from './chunk-MPBLMWVR.js';
+import { clearPalette } from './chunk-5W2A3DRC.js';
 import { useToast } from './chunk-S7DKJPLT.js';
-import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, useIsPublicPage, PublicPageContext, useAppConfig, ErrorBoundary } from './chunk-VBCS3DUA.js';
-import { useUnifiedAuth, useOrganisations, UnifiedAuthContext, EventServiceContext, useSessionRestoration } from './chunk-FTCRZOG2.js';
-import { EventContextRequiredError, OrganisationContextRequiredError, isSuperAdmin } from './chunk-ZFYPMX46.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, useIsPublicPage, PublicPageContext, useAppConfig, ErrorBoundary } from './chunk-EF2UGZWY.js';
+import { useUnifiedAuth, useOrganisations, UnifiedAuthContext, EventServiceContext, useSessionRestoration } from './chunk-T5CVK4R3.js';
+import { EventContextRequiredError, OrganisationContextRequiredError, isSuperAdmin } from './chunk-LX6U42O3.js';
 import { assertAppId } from './chunk-4SXLQIZO.js';
 import { getAppId } from './chunk-FEJLJNWA.js';
 import { LoadingSpinner } from './chunk-A3W6LW53.js';
@@ -16,7 +16,7 @@ import { createLogger, logger } from './chunk-TTRFSOKR.js';
 import * as React6 from 'react';
 import React6__default, { useState, useRef, useMemo, useCallback, useEffect, useContext } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { FileText, ExternalLink, X, ChevronDown, KeyRound, LogOut, AlertCircle, RefreshCw, Calendar as Calendar$1, Building2, File, Check } from 'lucide-react';
+import { FileText, ExternalLink, X, ChevronDown, KeyRound, LogOut, Calendar as Calendar$1, Building2, AlertCircle, RefreshCw, File, Check } from 'lucide-react';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { useDayPicker, DayPicker } from 'react-day-picker';
@@ -53,6 +53,7 @@ var AddressField = React6.forwardRef(
     const inputRef = React6.useRef(null);
     const suggestionsRef = React6.useRef(null);
     const containerRef = React6.useRef(null);
+    const blurTimeoutRef = React6.useRef(null);
     const value = controlledValue !== void 0 ? controlledValue : internalValue;
     const { suggestions, isLoading, error: autocompleteError, selectAddress, clearSuggestions } = useAddressAutocomplete(apiKey, value, {
       autocompleteOptions,
@@ -145,16 +146,33 @@ var AddressField = React6.forwardRef(
     }, [suggestions, value]);
     const handleBlur = React6.useCallback(
       (e) => {
-        setTimeout(() => {
+        if (blurTimeoutRef.current) {
+          clearTimeout(blurTimeoutRef.current);
+          blurTimeoutRef.current = null;
+        }
+        blurTimeoutRef.current = setTimeout(() => {
+          if (typeof window === "undefined" || typeof document === "undefined") {
+            blurTimeoutRef.current = null;
+            return;
+          }
           if (!containerRef.current?.contains(document.activeElement)) {
             setInputFocused(false);
             setIsOpen(false);
             setSelectedIndex(-1);
           }
+          blurTimeoutRef.current = null;
         }, 200);
       },
       []
     );
+    React6.useEffect(() => {
+      return () => {
+        if (blurTimeoutRef.current) {
+          clearTimeout(blurTimeoutRef.current);
+          blurTimeoutRef.current = null;
+        }
+      };
+    }, []);
     React6.useEffect(() => {
       const handleClickOutside = (event) => {
         if (containerRef.current && !containerRef.current.contains(event.target)) {
@@ -282,20 +300,28 @@ function useFileUrl(fileReference, options) {
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState(null);
   const fileReferenceIdRef = useRef(null);
+  const isLoadingRef = useRef(false);
+  const urlRef = useRef(null);
+  useEffect(() => {
+    isLoadingRef.current = isLoading;
+    urlRef.current = url;
+  }, [isLoading, url]);
   const loadUrl = useCallback(async () => {
     if (!fileReference) {
       setUrl(null);
       setIsLoading(false);
       setError(null);
+      fileReferenceIdRef.current = null;
       return;
     }
     if (!supabase) {
       setUrl(null);
       setIsLoading(false);
       setError(new Error("Supabase client is required for URL generation"));
+      fileReferenceIdRef.current = null;
       return;
     }
-    if (isLoading || url && fileReferenceIdRef.current === fileReference.id) {
+    if (isLoadingRef.current || urlRef.current && fileReferenceIdRef.current === fileReference.id) {
       return;
     }
     setIsLoading(true);
@@ -323,24 +349,49 @@ function useFileUrl(fileReference, options) {
     } finally {
       setIsLoading(false);
     }
-  }, [fileReference, supabase, organisation_id, isLoading, url]);
+  }, [fileReference, supabase, organisation_id]);
   const clear = useCallback(() => {
     setUrl(null);
     setError(null);
     setIsLoading(false);
     fileReferenceIdRef.current = null;
+    urlRef.current = null;
   }, []);
   useEffect(() => {
-    if (autoLoad) {
-      if (fileReferenceIdRef.current !== fileReference?.id) {
+    if (!autoLoad) {
+      return;
+    }
+    const currentFileId = fileReference?.id ?? null;
+    const previousFileId = fileReferenceIdRef.current;
+    if (!fileReference) {
+      if (previousFileId !== null) {
         setUrl(null);
         setError(null);
+        fileReferenceIdRef.current = null;
+        urlRef.current = null;
       }
-      if (fileReference && !url && !isLoading) {
+      return;
+    }
+    if (previousFileId !== null && previousFileId !== currentFileId) {
+      setUrl(null);
+      setError(null);
+      fileReferenceIdRef.current = null;
+      urlRef.current = null;
+      loadUrl();
+      return;
+    }
+    if (previousFileId === null && currentFileId !== null) {
+      fileReferenceIdRef.current = currentFileId;
+      if (!isLoading && !url) {
         loadUrl();
       }
+    } else if (previousFileId === currentFileId && !url && !isLoading) {
+      if (fileReferenceIdRef.current !== currentFileId) {
+        fileReferenceIdRef.current = currentFileId;
+      }
+      loadUrl();
     }
-  }, [fileReference?.id, autoLoad, loadUrl, url, isLoading]);
+  }, [fileReference, autoLoad, loadUrl, url, isLoading]);
   return {
     url,
     isLoading,
@@ -2604,7 +2655,6 @@ function ContextSelector({
     error: eventError,
     refreshEvents
   } = useEvents();
-  const { isSuperAdmin: isSuperAdmin2 } = useRBAC();
   const isLoading = showOrganisations && orgLoading || showEvents && eventLoading;
   const hasError = showOrganisations && orgError || showEvents && eventError;
   const hasItems = showOrganisations && (organisations?.length || 0) > 0 || showEvents && (events?.length || 0) > 0;
@@ -2617,6 +2667,36 @@ function ContextSelector({
     }
     return "";
   }, [showOrganisations, showEvents, selectedOrganisation?.id, selectedEvent]);
+  const displayValue = useMemo(() => {
+    if (showEvents && selectedEvent) {
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Calendar$1, { className: "inline-block size-4 mr-2" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: selectedEvent.event_name })
+      ] });
+    }
+    if (showOrganisations && selectedOrganisation) {
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Building2, { className: "inline-block size-4 mr-2" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: selectedOrganisation.display_name })
+      ] });
+    }
+    return null;
+  }, [showOrganisations, showEvents, selectedOrganisation, selectedEvent]);
+  const effectivePlaceholder = useMemo(() => {
+    if (placeholder !== "Select organisation or event") {
+      return placeholder;
+    }
+    if (showOrganisations && showEvents) {
+      return "Select organisation or event";
+    }
+    if (showOrganisations) {
+      return "Select organisation";
+    }
+    if (showEvents) {
+      return "Select event";
+    }
+    return placeholder;
+  }, [placeholder, showOrganisations, showEvents]);
   const handleValueChange = (value) => {
     if (disabled || isLoading) return;
     if (value.startsWith("org:") && showOrganisations) {
@@ -2704,36 +2784,6 @@ function ContextSelector({
     }
     return null;
   }
-  const displayValue = useMemo(() => {
-    if (showEvents && selectedEvent) {
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Calendar$1, { className: "inline-block size-4 mr-2" }),
-        /* @__PURE__ */ jsx("span", { className: "truncate", children: selectedEvent.event_name })
-      ] });
-    }
-    if (showOrganisations && selectedOrganisation) {
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Building2, { className: "inline-block size-4 mr-2" }),
-        /* @__PURE__ */ jsx("span", { className: "truncate", children: selectedOrganisation.display_name })
-      ] });
-    }
-    return null;
-  }, [showOrganisations, showEvents, selectedOrganisation, selectedEvent]);
-  const effectivePlaceholder = useMemo(() => {
-    if (placeholder !== "Select organisation or event") {
-      return placeholder;
-    }
-    if (showOrganisations && showEvents) {
-      return "Select organisation or event";
-    }
-    if (showOrganisations) {
-      return "Select organisation";
-    }
-    if (showEvents) {
-      return "Select event";
-    }
-    return placeholder;
-  }, [placeholder, showOrganisations, showEvents]);
   return /* @__PURE__ */ jsxs(
     Select,
     {
@@ -2911,11 +2961,11 @@ var UserMenu = React6__default.memo(function UserMenu2({
         /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" })
       ] }) }),
       /* @__PURE__ */ jsxs(SelectContent, { children: [
-        /* @__PURE__ */ jsx(SelectLabel, { className: "font-normal", children: /* @__PURE__ */ jsxs("li", { className: "pt-2", children: [
+        /* @__PURE__ */ jsxs(SelectLabel, { className: "font-normal pt-2", children: [
           userInfo.displayName,
           /* @__PURE__ */ jsx("br", {}),
           /* @__PURE__ */ jsx("small", { children: userInfo.email })
-        ] }) }),
+        ] }),
         /* @__PURE__ */ jsx(SelectSeparator, {}),
         /* @__PURE__ */ jsxs(
           SelectItem,
@@ -2994,7 +3044,7 @@ function useNavigationFiltering({
       }
       const userId2 = authContext.user.id;
       const appName = authContext.appName;
-      import('./api-Y4MQWOFW.js').then(({ resolveAppContext }) => {
+      import('./api-7P7DI652.js').then(({ resolveAppContext }) => {
         resolveAppContext({
           userId: userId2,
           appName
@@ -3783,7 +3833,7 @@ function PaceAppLayout({
         return;
       }
       try {
-        const { isSuperAdmin: checkSuperAdminDynamic } = await import('./api-Y4MQWOFW.js');
+        const { isSuperAdmin: checkSuperAdminDynamic } = await import('./api-7P7DI652.js');
         const isSuper = await checkSuperAdminDynamic(user.id);
         if (isSuper) {
           if (isMounted) {
@@ -3797,7 +3847,7 @@ function PaceAppLayout({
         }
       }
       try {
-        const { getPermissionMap } = await import('./api-Y4MQWOFW.js');
+        const { getPermissionMap } = await import('./api-7P7DI652.js');
         const permissionScope = {
           organisationId: currentScope.organisationId,
           eventId: currentScope.eventId,
@@ -3808,7 +3858,7 @@ function PaceAppLayout({
           userId: user.id,
           scope: permissionScope
         });
-        const { getPageScopeType } = await import('./api-Y4MQWOFW.js');
+        const { getPageScopeType } = await import('./api-7P7DI652.js');
         const effectiveAppId = currentScope.appId || resolvedAppId;
         const effectiveAppName = appName;
         const hasEventContext = !!currentScope.eventId;
@@ -3917,7 +3967,7 @@ function PaceAppLayout({
       let hasAccess = true;
       if (currentRoute.pageId && currentRoute.permissions && currentRoute.permissions.length > 0) {
         try {
-          const { isPermittedCached } = await import('./api-Y4MQWOFW.js');
+          const { isPermittedCached } = await import('./api-7P7DI652.js');
           const hasPagePermission = await isPermittedCached({
             userId: user?.id || "",
             scope,
@@ -3933,7 +3983,7 @@ function PaceAppLayout({
         }
       }
       if (hasAccess && currentRoute.roles && currentRoute.roles.length > 0 && user?.id) {
-        const { useUnifiedAuth: useUnifiedAuth2 } = await import('./UnifiedAuthProvider-ZT6TIGM7.js');
+        const { useUnifiedAuth: useUnifiedAuth2 } = await import('./UnifiedAuthProvider-7SNDOWYD.js');
         hasAccess = true;
       }
       if (!isMounted) return;
@@ -4424,7 +4474,16 @@ function FileUpload({
   const [isResolvingAppId, setIsResolvingAppId] = useState(!app_id);
   const [appIdError, setAppIdError] = useState(null);
   const fileInputRef = useRef(null);
+  const progressIntervalsRef = useRef(/* @__PURE__ */ new Map());
   const { uploadFile, isLoading, error } = useFileReference(supabase);
+  useEffect(() => {
+    return () => {
+      progressIntervalsRef.current.forEach((interval) => {
+        clearInterval(interval);
+      });
+      progressIntervalsRef.current.clear();
+    };
+  }, []);
   useEffect(() => {
     if (app_id) {
       setResolvedAppId(app_id);
@@ -4579,11 +4638,16 @@ function FileUpload({
             return updated;
           });
         }, 200);
+        progressIntervalsRef.current.set(fileId, progressInterval);
         if (!resolvedAppId) {
+          clearInterval(progressInterval);
+          progressIntervalsRef.current.delete(fileId);
           const errorMsg = appIdError || "App ID not available. Please provide app_id prop or set app name.";
           throw new Error(errorMsg);
         }
         if (!pageContext) {
+          clearInterval(progressInterval);
+          progressIntervalsRef.current.delete(fileId);
           const errorMsg = "pageContext is required for file upload. This is used for permission checks.";
           throw new Error(errorMsg);
         }
@@ -4601,6 +4665,7 @@ function FileUpload({
           is_public: isPublic
         }, file);
         clearInterval(progressInterval);
+        progressIntervalsRef.current.delete(fileId);
         if (result) {
           setUploadStates((prev) => {
             const updated = new Map(prev);
@@ -4656,6 +4721,11 @@ function FileUpload({
           onUploadError?.("Upload failed", file);
         }
       } catch (err) {
+        const interval = progressIntervalsRef.current.get(fileId);
+        if (interval) {
+          clearInterval(interval);
+          progressIntervalsRef.current.delete(fileId);
+        }
         const errorMessage = err instanceof Error ? err.message : "Upload failed";
         setUploadStates((prev) => {
           const updated = new Map(prev);