Agent limits

Usage against plan limits. Bars turn amber at 80% and red at the limit, with a note.

Installation

npx plankui@latest add agent-limits

Usage

import { AgentLimits } from "@/components/ui/agent-limits";

<AgentLimits plan="Team" resets="in 3 days" limits={[{ label: "Messages", used: 412, max: 500 }]} />

API reference

Prop	Type	Default	Description
limits	{ label; used; max; unit? }[]	required	One bar each.
plan / resets	string		Header text.
onUpgrade	() => void		Shows an Upgrade button.

View the source on GitHub