ProfileCard

components/ui/profile-card.tsx

An account profile card with a portrait header, user details and an AI quote quota block. The portrait fills the top of the card with a frosted fade into name and verification; usage shows percentage, figures and reset date at a glance, with a breakdown of where quotes went. Escalation at 80% and 100% is spelled out with a warning glyph so colour never carries the meaning alone.

Default

Composer 2.5 Fast

@pc-composer-25-fast

Verified

Design engineer building component systems and agent tooling.

Projects
12
Components
48
Since
2024

AI quotes

Pro

43%

432 / 1,000 · Resets 1 Sep

This cycle

  • Claude Sonnet218 · 50%
  • Claude Haiku142 · 33%
  • Embeddings72 · 17%

Close to the limit

At 80% a muted advisory appears with both ways out, and the warning glyph is present so escalation never rides on colour alone.

Ada Lovelace

@ada

Mathematician and writer of the first algorithm.

AI quotes

Pro

86%

860 / 1,000 · Resets 1 Sep

This cycle

Close to the Pro limit. Slow down or raise it in billing or upgrade your plan.

  • Claude Sonnet612 · 71%
  • Claude Haiku248 · 29%

Limit reached

At 100% the percentage and bar turn destructive and the copy states when requests resume.

Grace Hopper

@grace

Compiler pioneer and rear admiral.

AI quotes

Pro

100%

1,000 / 1,000 · Resets 1 Sep

This cycle

Limit reached. New requests pause until 1 Sep. Manage billing

  • Claude Sonnet840 · 84%
  • Claude Haiku160 · 16%

Unmetered plan

Unmetered plans read No limit and draw no bar.

AT

Alan Turing

@alan

Computer scientist and cryptanalyst.

Projects
3
Seats
24
Since
2023

AI quotes

Enterprise

No limit on this plan.

Broken avatar

A failed image falls back to initials and keeps the card height.

Katherine Johnson

@katherine

Verified

NASA mathematician whose trajectories put people in orbit.

AI quotes

24%

120 / 500 · Resets 1 Sep

This cycle

Long name and bio

Name, handle and bio truncate so the quota block stays in place.

AC

Alexandra Constantinescu-Petrov

@alexandra-constantinescu-petrov-design

Building design systems that survive contact with production, long stakeholder lists and quarterly reorgs without losing the thread.

AI quotes

42%

210 / 500 · Resets 1 Sep

This cycle

Usage failed to load

The error says what failed and keeps profile details visible. Retry clears the error in this preview.

MH

Margaret Hamilton

@margaret

Led the team that wrote the Apollo onboard flight software.

AI quotes

Usage could not be loaded.

Your account details are still shown. Try again to see this cycle's quote usage.

Loading

The skeleton holds the portrait ratio and quota block height so the card does not jump when data arrives.

Loading profile