Shadcnblocks
Shadcnblocks AdminNextjs + shadcn/ui
Ecommerce
Project Management
Payment Processor
AI Chat App
    • Conversation 1
    • Conversation 2
    • Conversation 3
    • Conversation 4
    • Conversation 5
    • Conversation 6
    • Conversation 7
    • Conversation 8
    • Conversation 9
    • Conversation 10
    • Conversation 11
    • Conversation 12
    • Conversation 13
    • Conversation 14
    • Conversation 15
    • Conversation 16
    • Conversation 17
    • Conversation 18
    • Conversation 19
    • Conversation 20
    • Conversation 21
    • Conversation 22
    • Conversation 23
Todo
Original
  • Users
  • Tasks
Developers
Pages
Skip to main content
Actions
  • New chat
  • Skill library
  • Agent workspace
Workspaces
  • AI admin screens
  • Commerce workspace
Chats
  • Map agent approval states
  • Review product table density
  • Choose campaign direction
  • Summarize weekly kickoff
  • Build revenue overview
  • Preview marketing page
  • Synthesize recording
  • Plan billing webhook migration
  • Research bulk action feedback
  • Generate admin bulk actions
  • Verify generated bulk actions
  • Queue product review follow-ups
  • Review and commit verified changes
  • Triage support backlog
  • Compare response versions
  • Review release blockers
  • Review component ownership
  • Recover billing retry session
  • Compact checkout migration context
Workflows
  • Design release workflow
  • Observe live agent run
  • Review multi-agent handoff
  • Workspace settings
Generated artifacts and code output

Generated artifacts and code output

Generate a reusable bulk-actions component for our admin tables. It should expose queued, running, succeeded, and failed states, use our existing buttons, and include a focused hook and tests.
Shadcnblocks AICode generator

I kept the state contract separate from the table implementation and packaged the result as three focused files. Select a file to review it, or use the artifact actions to copy, regenerate, download, or close the output.

Admin bulk actions

Generated

3 generated files · updated just now

3 files
bulk-actions.tsx
use-bulk-actions.ts
bulk-actions.test.tsx
3 generated
src/components/admin/bulk-actions.tsx
tsx

The component stays presentation-focused, while the hook owns the async lifecycle. That keeps it reusable across product, customer, and order tables without coupling it to one data client.

TypeScript
Generated workspace3 files