+ {change.type === 'increase' ? '+' : change.type === 'decrease' ? '-' : ''} + {Math.abs(change.value)}% from last period +
+ )} ++ Showing {sampleData.length} sample records +
+| + {column?.displayName || colKey} + | + ); + })} +
|---|
|
+ |
+ ))}
+
Connecting to Supabase...
++ {errorMessage} +
++ This typically happens when: +
++ Supabase URL: {process.env.NEXT_PUBLIC_SUPABASE_URL || 'Not configured'} +
++ If this is a local/self-hosted Supabase instance, ensure it's running and accessible. +
++ Demonstrating real-time event animations and modal interactions +
+No events yet. Click "Add Single Event" or "Connect" to see events.
++ An unexpected error occurred while rendering this component. + The error has been logged and our team has been notified. +
+ + {process.env.NODE_ENV === 'development' && this.state.error && ( +{this.state.error.toString()}
+ {this.state.errorInfo.componentStack}
+ + We're experiencing technical difficulties with the dashboard. + Please try refreshing the page. +
+ ++ There was an error displaying the events. Please try refreshing. +
+ ++ Real-time monitoring of Claude Code tool usage and events +
+Failed to load events
+{eventsError.message}
+ +Loading events...
+No events found
++ Events will appear here when Claude Code tools are used. +
++ Other events from the same session +
++ {event.summary} +
+ {event.toolName && ( ++ Tool: {event.toolName} +
+ )} + {event.details && ( +File: {event.details.file_path}
+ )} + {event.details.duration_ms && ( +Duration: {event.details.duration_ms}ms
+ )} + {event.details.error_code && ( +Error: {event.details.error_code}
+ )} +{error}
+ {onRetry && ( + + )} +Loading events...
++ Events will appear here as they are generated +
++ No event types available +
+ )} ++ Real-time monitoring of Claude Code tool usage and events +
+Failed to load events
+{eventsError.message}
+ +No events found
++ Events will appear here when Claude Code tools are used. +
++ Observability Platform +
++ {description} +
+ )} +