Blocks / Commerce

Usage

Workspace usage dashboard: current-period summary tiles, a period selector, and a table of recent AI execution records.

$pnpm exec shadcn add @intelligo/usage

Run it inside an app made by intelligo create. Anywhere else, name the registry and install the base first.

Loading preview…
about this block

Workspace usage dashboard: current-period summary tiles, a period selector, and a table of recent AI execution records.

yours to edit

No config seam of its own — it follows the app shell and the messages file.

messages/en/usage.json

Everything else is used verbatim; a deployment varies through these files and translations.How seams work →

requires
built from

card, progress, skeleton, table, tabs, button, page-header, stat-card, status-badge, animated-list

npm packages it adds

@intelligo-dev/auth · @intelligo-dev/billing · @intelligo-dev/core · @intelligo-dev/executions · @intelligo-dev/next · lucide-react · next-intl

what shadcn add writes · 9 files
Routes
  • app/[locale]/(app)/usage/page.tsx
  • app/[locale]/(app)/usage/loading.tsx
  • app/[locale]/(app)/usage/error.tsx
Components
  • components/usage/usage-summary-cards.tsx
  • components/usage/usage-chart.tsx
  • components/usage/usage-records-table.tsx
  • components/usage/usage-empty-state.tsx
Actions, config and messages
  • actions/usage.ts
  • messages/en/usage.json

Ready to try it? Three commands and the app runs against a stub model.