Queue Depth

Vertical battery of segments rendering current queue fill against capacity, with a stacked numeric ratio beside it.

812

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Monitoring18 } from "@/components/beste/piece/monitoring18";

<Monitoring18
  depth={8}
  capacity={12}
  tone="amber"
/>