Server Stats

'use client'

import * as React from 'react'
import { Activity } from 'lucide-react'
import { cn } from '@/lib/utils'

export interface DiskStats {
  name?: string            // mount/label, e.g. "/", "/data", "C:"
  total: number; used: number; free: number; percent: number
}

export interface ServerStatsData {
  cpu_count: number
  load_avg: number[]        // [1m, 5m, 15m]
  load_percent: number[]    // [1m, 5m, 15m] as % of capacity
  uptime_seconds: number
  ram: { total: number; used: number; available: number; percent: number }
  disk: DiskStats           // primary disk (single-disk case)
  disks?: DiskStats[]       // all disks; first = primary (wins over disk)
  network: { bytes_sent: number; bytes_recv: number; send_bps: number; recv_bps: number; percent: number; max_mbits: number }
}

export interface ServerStatsItem {
  label?: string
  stats: ServerStatsData
}

export interface ServerStatsProps {
  stats?: ServerStatsData | null   // single server
  servers?: ServerStatsItem[]      // 2+ servers (wins over stats)
  copyable?: boolean               // tooltip "Copy" button (default true)
  className?: string
}

// Compact health pill(s): Load / RAM / HDD / Net / Up, color-coded
// green < 50% < amber < 80% < red, with a full-detail hover tooltip.
// The tooltip has a Copy button that dumps every metric as text.
// Presentational: feed it stats from your own polling loop.