Service Link

Inline edge between two named endpoints, drawn as a status-tinted stem with the round-trip latency floating mid-span.

api
42ms
db

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

Import & use
import { Monitoring16 } from "@/components/beste/piece/monitoring16";

<Monitoring16
  from="api"
  to="db"
  latency="42ms"
  status="healthy"
/>