Stealth Documentation

@import 'tailwindcss';
@import 'stealth-ui/css/neutral.css';
@import 'stealth-ui/css/preset.css';

import { StealthProvider, useSecurityContext } from '@stealth/core'
import { AlertPanel, Dashboard } from '@stealth/ui'
 
function SecurityDashboard() {
  const { threats, mitigations, systemStatus } = useSecurityContext()
 
  return (
    <Dashboard>
      <AlertPanel
        priority="high"
        threats={threats.filter((t) => t.severity >= 8)}
        onThreatDetected={async (threat) => {
          await mitigations.autoResolve(threat.id)
        }}
      />
 
      {/* Real-time system monitoring */}
      <SystemStatus
        metrics={systemStatus}
        refreshInterval={5000}
        thresholds={{
          cpu: 80,
          memory: 90,
          networkLatency: 100,
        }}
      />
 
      {/* Threat visualization */}
      <ThreatMap data={threats} clusterThreshold={5} animate={true} />
    </Dashboard>
  )
}
 
// Wrap your application with the provider
export default function App() {
  return (
    <StealthProvider
      config={{
        apiKey: process.env.STEALTH_API_KEY,
        environment: 'production',
        enableAI: true,
        logLevel: 'warning',
      }}
    >
      <SecurityDashboard />
    </StealthProvider>
  )
}