Agency OS

High-Friction Auth Form

Email + password sign-in with CAPTCHA, rate limiting indicator, and progressive error states.

B2B Dashboard Header

Sticky top nav with org switcher, notification bell, global search, and user avatar dropdown.

AI Generation Progress Shell

Async job progress with streaming status updates, estimated time, cancel action, and graceful error fallback.

Stripe Billing Panel

Current plan display, usage meter, upgrade CTA, invoice history table, and payment method manager.

Empty State with Guided CTA

Contextual empty state with illustration placeholder, headline, body copy, and primary action button.

Data Table with Filters

Sortable, paginated table with column visibility toggle, search filter, bulk select, and export to CSV.

Referral Incentive Card

Viral referral module with shareable link, rewards progress bar, and social share action buttons.

API Key Manager

Create, label, rotate, and revoke API keys with last-used timestamps and permission scope display.

Toast Notification System

Stacked toast queue with success, error, warning, and info variants. Auto-dismiss with manual close.

Metric KPI Card

Dashboard KPI card with primary metric, delta vs previous period, sparkline, and status indicator.

Pricing Table (3-Tier)

Side-by-side pricing tiers with feature list, recommended badge, monthly/annual toggle, and Stripe checkout CTA.

Command Palette (⌘K)

Global fuzzy-search command palette with keyboard nav, recent items, grouped results, and action dispatch.