Loading dashboard...

\n );\n }\n\n return (\n

\n {/* Header */}\n

\n Real-Time Data Processing System\n

\n \n {isConnected ? 'Connected' : 'Disconnected'}\n {metrics && (\n \n Uptime: {formatUptime(metrics.health.uptime)}\n \n )}\n

\n \n

\n \n {loadTestRunning ? (\n \n

\n Running Load Test\n \n ) : (\n 'Start Load Test'\n )}\n \n \n \n Reset System\n \n

\n\n {/* System Status */}\n {health && (\n

System Health

\n Overall Status\n \n {health.status.toUpperCase()}\n \n

\n \n

Health Checks

\n {health.summary.passing}/{health.summary.total}\n

Passing

\n \n

Warnings

\n {health.summary.warning}\n

\n \n

Critical

\n {health.summary.critical}\n

\n )}\n\n {/* Key Metrics */}\n {metrics && (\n

Key Metrics

Throughput

\n {formatNumber(metrics.throughput.eventsPerSecond)}\n

events/second

\n \n

Avg Latency

\n {metrics.latency.avgProcessingTime.toFixed(1)}\n

milliseconds

\n \n

Error Rate

\n {(metrics.errors.errorRate * 100).toFixed(2)}%\n

of total events

\n \n

Total Events

\n {formatNumber(metrics.throughput.totalEvents)}\n

processed

\n )}\n\n {/* Charts */}\n

Throughput Over Time

\n \n

Latency Percentiles

\n\n {/* System Resources */}\n {metrics && (\n

System Resources

CPU Usage

\n {metrics.system.cpuUsage.toFixed(1)}%\n

\n \n

Memory Usage

\n {metrics.system.memoryUsage} MB\n

\n \n

Processing Instances

\n {metrics.system.processingInstances}\n

active instances

\n )}\n\n {/* Health Checks Detail */}\n {health && (\n

Health Check Details

\n {health.checks.map((check, index) => (\n

\n \n

\n {check.name.replace(/_/g, ' ').replace(/\\b\\w/g, l => l.toUpperCase())}\n

{check.message}

\n {check.duration.toFixed(1)}ms\n

\n ))}\n

\n )}\n

\n );\n}\n\n// Initialize the app\nfunction initApp() {\n const root = document.getElementById('root');\n if (root) {\n createRoot(root).render();\n }\n}\n\n// Start the app when DOM is ready\nif (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initApp);\n} else {\n initApp();\n}\n\n// Declare global types\ndeclare global {\n interface Window {\n __INITIAL_DATA__?: SystemMetrics;\n Chart: any;\n }\n}","deleted","label",[171,154],"frontend","permalink","https://www.val.town/x/pinsar/feistyAmberRhinoceros/code/frontend/index.tsx","extension","actionData","errors"]