PcHakiu45
components/ui/pc-hakiu-45.tsx
A profile card with AI quote usage and user information. Avatar with initials fallback, name, role and bio; quota section shows percentage, figures and reset date. Warning and destructive states at 80% and 100% are signaled with a glyph so colour never carries the meaning. Respects prefers-reduced-motion and is fully keyboard accessible.
Default
The usual case: moderate usage with profile details and an action button to view more.
Default
%22%2F%3E%3Cpath%20d%3D%22M40%20320c20-70%2060-100%20120-100s100%2030%20120%20100z%22%20fill%3D%22rgba(255%2C255%2C255%2C0.75)%22%2F%3E%3C%2Fsvg%3E)
Haiku 4.5
Fast, efficient AI model
Optimized for speed and clarity. Perfect for quick insights and responsive interactions.
AI Quote Usage
High usage (80% threshold)
Haiku 4.5
Fast, efficient AI model
Optimized for speed and clarity. Perfect for quick insights and responsive interactions.
AI Quote Usage
You're using most of your quote allowance.
Limit reached
Haiku 4.5
Fast, efficient AI model
Optimized for speed and clarity. Perfect for quick insights and responsive interactions.
AI Quote Usage
You've reached your quote limit. Upgrade your plan for more.
Without action button
Haiku 4.5
Fast, efficient AI model
Optimized for speed and clarity. Perfect for quick insights and responsive interactions.
AI Quote Usage
Broken avatar
Haiku 4.5
Fast, efficient AI model
Optimized for speed and clarity. Perfect for quick insights and responsive interactions.