@jmruthers/pace-core 0.5.13 → 0.5.15

package/docs/api/interfaces/StorageListOptions.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.13](../README.md) / [Exports](../modules.md) / StorageListOptions
+[@jmruthers/pace-core - v0.5.15](../README.md) / [Exports](../modules.md) / StorageListOptions
 
 # Interface: StorageListOptions
 

package/docs/api/interfaces/StorageListResult.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.13](../README.md) / [Exports](../modules.md) / StorageListResult
+[@jmruthers/pace-core - v0.5.15](../README.md) / [Exports](../modules.md) / StorageListResult
 
 # Interface: StorageListResult
 

package/docs/api/interfaces/StorageUploadOptions.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.13](../README.md) / [Exports](../modules.md) / StorageUploadOptions
+[@jmruthers/pace-core - v0.5.15](../README.md) / [Exports](../modules.md) / StorageUploadOptions
 
 # Interface: StorageUploadOptions
 

package/docs/api/interfaces/StorageUploadResult.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.13](../README.md) / [Exports](../modules.md) / StorageUploadResult
+[@jmruthers/pace-core - v0.5.15](../README.md) / [Exports](../modules.md) / StorageUploadResult
 
 # Interface: StorageUploadResult
 

package/docs/api/interfaces/StorageUrlOptions.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.13](../README.md) / [Exports](../modules.md) / StorageUrlOptions
+[@jmruthers/pace-core - v0.5.15](../README.md) / [Exports](../modules.md) / StorageUrlOptions
 
 # Interface: StorageUrlOptions
 

package/docs/api/interfaces/StyleImport.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.13](../README.md) / [Exports](../modules.md) / StyleImport
+[@jmruthers/pace-core - v0.5.15](../README.md) / [Exports](../modules.md) / StyleImport
 
 # Interface: StyleImport
 

package/docs/api/interfaces/ToastActionElement.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.13](../README.md) / [Exports](../modules.md) / ToastActionElement
+[@jmruthers/pace-core - v0.5.15](../README.md) / [Exports](../modules.md) / ToastActionElement
 
 # Interface: ToastActionElement
 

package/docs/api/interfaces/ToastProps.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.13](../README.md) / [Exports](../modules.md) / ToastProps
+[@jmruthers/pace-core - v0.5.15](../README.md) / [Exports](../modules.md) / ToastProps
 
 # Interface: ToastProps
 

package/docs/api/interfaces/UnifiedAuthContextType.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.13](../README.md) / [Exports](../modules.md) / UnifiedAuthContextType
+[@jmruthers/pace-core - v0.5.15](../README.md) / [Exports](../modules.md) / UnifiedAuthContextType
 
 # Interface: UnifiedAuthContextType
 

package/docs/api/interfaces/UnifiedAuthProviderProps.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.13](../README.md) / [Exports](../modules.md) / UnifiedAuthProviderProps
+[@jmruthers/pace-core - v0.5.15](../README.md) / [Exports](../modules.md) / UnifiedAuthProviderProps
 
 # Interface: UnifiedAuthProviderProps
 

package/docs/api/interfaces/UseInactivityTrackerOptions.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.13](../README.md) / [Exports](../modules.md) / UseInactivityTrackerOptions
+[@jmruthers/pace-core - v0.5.15](../README.md) / [Exports](../modules.md) / UseInactivityTrackerOptions
 
 # Interface: UseInactivityTrackerOptions
 

package/docs/api/interfaces/UseInactivityTrackerReturn.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.13](../README.md) / [Exports](../modules.md) / UseInactivityTrackerReturn
+[@jmruthers/pace-core - v0.5.15](../README.md) / [Exports](../modules.md) / UseInactivityTrackerReturn
 
 # Interface: UseInactivityTrackerReturn
 

package/docs/api/interfaces/UsePublicEventLogoOptions.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.13](../README.md) / [Exports](../modules.md) / UsePublicEventLogoOptions
+[@jmruthers/pace-core - v0.5.15](../README.md) / [Exports](../modules.md) / UsePublicEventLogoOptions
 
 # Interface: UsePublicEventLogoOptions
 

package/docs/api/interfaces/UsePublicEventLogoReturn.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.13](../README.md) / [Exports](../modules.md) / UsePublicEventLogoReturn
+[@jmruthers/pace-core - v0.5.15](../README.md) / [Exports](../modules.md) / UsePublicEventLogoReturn
 
 # Interface: UsePublicEventLogoReturn
 

package/docs/api/interfaces/UsePublicEventOptions.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.13](../README.md) / [Exports](../modules.md) / UsePublicEventOptions
+[@jmruthers/pace-core - v0.5.15](../README.md) / [Exports](../modules.md) / UsePublicEventOptions
 
 # Interface: UsePublicEventOptions
 

package/docs/api/interfaces/UsePublicEventReturn.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.13](../README.md) / [Exports](../modules.md) / UsePublicEventReturn
+[@jmruthers/pace-core - v0.5.15](../README.md) / [Exports](../modules.md) / UsePublicEventReturn
 
 # Interface: UsePublicEventReturn
 

package/docs/api/interfaces/UsePublicRouteParamsReturn.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.13](../README.md) / [Exports](../modules.md) / UsePublicRouteParamsReturn
+[@jmruthers/pace-core - v0.5.15](../README.md) / [Exports](../modules.md) / UsePublicRouteParamsReturn
 
 # Interface: UsePublicRouteParamsReturn
 

package/docs/api/interfaces/UserEventAccess.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.13](../README.md) / [Exports](../modules.md) / UserEventAccess
+[@jmruthers/pace-core - v0.5.15](../README.md) / [Exports](../modules.md) / UserEventAccess
 
 # Interface: UserEventAccess
 

package/docs/api/interfaces/UserMenuProps.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.13](../README.md) / [Exports](../modules.md) / UserMenuProps
+[@jmruthers/pace-core - v0.5.15](../README.md) / [Exports](../modules.md) / UserMenuProps
 
 # Interface: UserMenuProps
 

package/docs/api/interfaces/UserProfile.md

@@ -1,4 +1,4 @@
-[@jmruthers/pace-core - v0.5.13](../README.md) / [Exports](../modules.md) / UserProfile
+[@jmruthers/pace-core - v0.5.15](../README.md) / [Exports](../modules.md) / UserProfile
 
 # Interface: UserProfile
 

package/docs/api/modules.md

@@ -1,6 +1,6 @@
-[@jmruthers/pace-core - v0.5.13](README.md) / Exports
+[@jmruthers/pace-core - v0.5.15](README.md) / Exports
 
-# @jmruthers/pace-core - v0.5.13
+# @jmruthers/pace-core - v0.5.15
 
 **`File`**
 
@@ -5434,7 +5434,7 @@ function MyComponent() {
 
 #### Defined in
 
-[packages/core/src/rbac/hooks/usePermissions.ts:123](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/rbac/hooks/usePermissions.ts#L123)
+[packages/core/src/rbac/hooks/usePermissions.ts:175](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/rbac/hooks/usePermissions.ts#L175)
 
 ___
 
@@ -5484,7 +5484,7 @@ function MyComponent() {
 
 #### Defined in
 
-[packages/core/src/rbac/hooks/usePermissions.ts:202](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/rbac/hooks/usePermissions.ts#L202)
+[packages/core/src/rbac/hooks/usePermissions.ts:254](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/rbac/hooks/usePermissions.ts#L254)
 
 ___
 
@@ -5541,7 +5541,7 @@ function MyComponent() {
 
 #### Defined in
 
-[packages/core/src/rbac/hooks/usePermissions.ts:276](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/rbac/hooks/usePermissions.ts#L276)
+[packages/core/src/rbac/hooks/usePermissions.ts:328](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/rbac/hooks/usePermissions.ts#L328)
 
 ___
 
@@ -5592,7 +5592,7 @@ function MyComponent() {
 
 #### Defined in
 
-[packages/core/src/rbac/hooks/usePermissions.ts:358](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/rbac/hooks/usePermissions.ts#L358)
+[packages/core/src/rbac/hooks/usePermissions.ts:410](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/rbac/hooks/usePermissions.ts#L410)
 
 ___
 
@@ -5643,7 +5643,7 @@ function MyComponent() {
 
 #### Defined in
 
-[packages/core/src/rbac/hooks/usePermissions.ts:443](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/rbac/hooks/usePermissions.ts#L443)
+[packages/core/src/rbac/hooks/usePermissions.ts:495](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/rbac/hooks/usePermissions.ts#L495)
 
 ___
 
@@ -5694,7 +5694,7 @@ function MyComponent() {
 
 #### Defined in
 
-[packages/core/src/rbac/hooks/usePermissions.ts:527](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/rbac/hooks/usePermissions.ts#L527)
+[packages/core/src/rbac/hooks/usePermissions.ts:579](https://github.com/jmruthers/pace-core/blob/main/packages/core/src/rbac/hooks/usePermissions.ts#L579)
 
 ___
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jmruthers/pace-core",
-  "version": "0.5.13",
+  "version": "0.5.15",
   "description": "Clean, modern React component library with Tailwind v4 styling and native utilities",
   "private": false,
   "publishConfig": {

package/src/rbac/components/PagePermissionGuard.tsx

@@ -67,7 +67,7 @@
  * - RBAC types - Type definitions
  */
 
-import React, { useMemo, useCallback, useEffect, useState } from 'react';
+import React, { useMemo, useCallback, useEffect, useState, useRef } from 'react';
 import { useCan } from '../hooks';
 import { useUnifiedAuth } from '../../providers/UnifiedAuthProvider';
 import { UUID, Permission, Scope } from '../types';
@@ -132,6 +132,10 @@ export function PagePermissionGuard({
   const [hasChecked, setHasChecked] = useState(false);
   const [checkError, setCheckError] = useState<Error | null>(null);
   const [resolvedScope, setResolvedScope] = useState<Scope | null>(null);
+  
+  // Use ref to avoid infinite re-renders from supabase dependency
+  const supabaseRef = useRef(supabase);
+  supabaseRef.current = supabase;
 
   // Resolve scope - either use provided scope or resolve from context
   useEffect(() => {
@@ -145,12 +149,12 @@ export function PagePermissionGuard({
       let appId: string | undefined = undefined;
       
       // Try to resolve from database
-      if (supabase) {
+      if (supabaseRef.current) {
         const appName = getCurrentAppName();
         if (appName) {
           try {
             console.log('[PagePermissionGuard] Resolving app name to ID:', appName);
-            const { data: app, error } = await supabase
+            const { data: app, error } = await supabaseRef.current
               .from('rbac_apps')
               .select('id, name, is_active')
               .eq('name', appName)
@@ -160,7 +164,7 @@ export function PagePermissionGuard({
             if (error) {
               console.error('[PagePermissionGuard] Database error resolving app ID:', error);
               // Check if app exists but is inactive
-              const { data: inactiveApp } = await supabase
+              const { data: inactiveApp } = await supabaseRef.current
                 .from('rbac_apps')
                 .select('id, name, is_active')
                 .eq('name', appName)
@@ -256,9 +260,9 @@ export function PagePermissionGuard({
       }
 
       // If we only have event, resolve organisation from event
-      if (selectedEventId && supabase) {
+      if (selectedEventId && supabaseRef.current) {
         try {
-          const eventScope = await createScopeFromEvent(supabase, selectedEventId);
+          const eventScope = await createScopeFromEvent(supabaseRef.current, selectedEventId);
           if (!eventScope) {
             setCheckError(new Error('Could not resolve organization from event context'));
             setResolvedScope(null); // Ensure we don't proceed with incomplete scope
@@ -283,7 +287,7 @@ export function PagePermissionGuard({
     };
 
     resolveScope();
-  }, [scope, selectedOrganisationId, selectedEventId, supabase]);
+  }, [scope, selectedOrganisationId, selectedEventId]);
 
   // Determine the page ID for permission checking
   const effectivePageId = useMemo((): string => {
@@ -315,7 +319,7 @@ export function PagePermissionGuard({
   
   // Use a stable scope object to prevent unnecessary re-renders
   const scopeForUseCan = useMemo(() => {
-    return shouldCheckPermissions ? resolvedScope : { organisationId: 'loading', appId: 'loading', eventId: undefined };
+    return shouldCheckPermissions ? resolvedScope : { organisationId: '', appId: '', eventId: undefined };
   }, [shouldCheckPermissions, resolvedScope]);
   
   const { can, isLoading: canIsLoading, error: canError } = useCan(
@@ -392,27 +396,31 @@ export function PagePermissionGuard({
     willShowLoading: isLoading || !resolvedScope,
     willShowError: !!checkError,
     willShowAccessDenied: !can,
-    willShowContent: !isLoading && !!resolvedScope && !checkError && can
+    willShowContent: !isLoading && !!resolvedScope && !checkError && can,
+    scopeKey: resolvedScope ? `${resolvedScope.organisationId}-${resolvedScope.eventId}-${resolvedScope.appId}` : 'no-scope'
   });
 
+  // Create a key to force re-render when scope changes
+  const scopeKey = resolvedScope ? `${resolvedScope.organisationId}-${resolvedScope.eventId}-${resolvedScope.appId}` : 'no-scope';
+  
   // Show loading state
   if (isLoading || !resolvedScope) {
-    return <>{loading}</>;
+    return <div key={`loading-${scopeKey}`}>{loading}</div>;
   }
 
   // Show error state
   if (checkError) {
     console.error(`[PagePermissionGuard] Permission check failed for page ${pageName}:`, checkError);
-    return <>{fallback}</>;
+    return <div key={`error-${scopeKey}`}>{fallback}</div>;
   }
 
   // Show access denied
   if (!can) {
-    return <>{fallback}</>;
+    return <div key={`denied-${scopeKey}`}>{fallback}</div>;
   }
 
   // Show protected content
-  return <>{children}</>;
+  return <div key={`content-${scopeKey}`}>{children}</div>;
 }
 
 /**