Blocks / AI

Artifacts

Browse and manage AI-generated document artifacts: filterable list, full-content preview, copy-to-clipboard, and version delete, backed by the framework's document persistence service.

$pnpm exec shadcn add @intelligo/artifacts

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

Loading preview…
about this block

Browse and manage AI-generated document artifacts: filterable list, full-content preview, copy-to-clipboard, and version delete, backed by the framework's document persistence service.

yours to edit
  • lib/document-patterns.ts

messages/en/artifacts.json

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

built from

alert, badge, button, card, dialog, scroll-area, skeleton, spinner, page-header, document-viewer, animated-list

npm packages it adds

@intelligo-dev/auth · @intelligo-dev/core · @intelligo-dev/next · lucide-react · sonner · server-only · next-intl

what shadcn add writes · 8 files
Routes
  • app/[locale]/(app)/artifacts/page.tsx
  • app/[locale]/(app)/artifacts/loading.tsx
  • app/[locale]/(app)/artifacts/error.tsx
Components
  • components/artifacts/document-list.tsx
  • components/artifacts/document-actions.tsx
Actions, config and messages
  • actions/documents.ts
  • lib/document-patterns.ts
  • messages/en/artifacts.json

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