Alert System

• Priority-based routing: Critical alerts via SMS/Phone, high via Slack, medium via Email
• Multi-channel support: SMS, Phone, Slack, Email, Push notifications, and digest modes
• Acknowledgment tracking: Track which alerts have been acknowledged and by whom
• Priority summary: At-a-glance view of alert counts by severity
• Tabbed interface: Separate views for active and acknowledged alerts
• Channel configuration: Configure notification preferences per priority level

Import the AlertSystem component and provide an array of alerts with priority levels and acknowledgment status.

import { AlertSystem } from '@/components/ai/alert-system'

const alerts = [
  {
    id: '1',
    priority: 'critical',
    title: 'Database Connection Timeout',
    message: 'Primary database is not responding...',
    timestamp: new Date().toISOString(),
    acknowledged: false
  },
  // ... more alerts
]

<AlertSystem
  alerts={alerts}
  digestMode="hourly"
  onAcknowledge={(id) => handleAcknowledge(id)}
  onDismiss={(id) => handleDismiss(id)}
  onConfigureChannel={() => openChannelConfig()}
  showChannelConfig={true}
/>