Automation Studio Workflows
List of automations with status, last run and success rate.
Choose the primitives library your project already uses. Both look the same: your theme, not the variant, controls colors, shape, type and motion.
About this page
What it's for
- List of automations with status, last run and success rate.
- Workflow dashboard where you can run, pause, duplicate and delete several workflows at once.
Includes
- Workflow table
- Status filter
- Last run column
- Success rate sparkline
- Run now
- Bulk pause activate delete
- Duplicate
- Kpi summary
Works with
- Radix UI and Base UI primitives (pick the one your project uses)
- React 19 and Tailwind CSS 4 in Next.js (App Router), Vite, React Router or TanStack Start, installed with the agentic-ui or shadcn CLI
- Your theme tokens, in light and dark mode
- 1 template or blueprint on this site use it (below)
Install
Included with Agentic UI Kit (one-time license). Install needs your license key: see pricing · connect your project.
Agentic UI CLI
agentic-ui add automation-studio-workflowsInstalls through shadcn and adapts the component to your design tokens.
shadcn CLI
npx shadcn@4.17.0 add @agentic-ui/automation-studio-workflowsUsed in
- Type
- Page
- Variants
- Radix UI and Base UI
- Themes
- Light and dark
- Widths
- Preview it at desktop, tablet and mobile widths above.
- Motion
- Animated, with a reduced-motion fallback
- Sample data
- Ships with sample data in
seed.ts,workflows.ts,build.ts,connections.ts,runs.ts,run-payloads.ts; replace it with your own.
- npm packages
lucide-react- Registry dependencies
chart-sparklinedata-bulk-action-barlib-primitives- Files
36 files
- components/agentic-ui/automation-studio-workflows/screens/workflows.tsx
- components/agentic-ui/automation-studio-workflows/lib/types.ts
- components/agentic-ui/automation-studio-workflows/engine/types.ts
- components/agentic-ui/automation-studio-workflows/lib/store.ts
- components/agentic-ui/automation-studio-workflows/lib/reducer.ts
- components/agentic-ui/automation-studio-workflows/lib/clock.ts
- components/agentic-ui/automation-studio-workflows/data/seed.ts
- components/agentic-ui/automation-studio-workflows/data/workflows.ts
- components/agentic-ui/automation-studio-workflows/data/build.ts
- components/agentic-ui/automation-studio-workflows/engine/catalog/index.ts
- components/agentic-ui/automation-studio-workflows/engine/catalog/apps.ts
- components/agentic-ui/automation-studio-workflows/engine/catalog/helpers.ts
- components/agentic-ui/automation-studio-workflows/engine/template.ts
- components/agentic-ui/automation-studio-workflows/engine/catalog/triggers.ts
- components/agentic-ui/automation-studio-workflows/engine/catalog/actions-ops.ts
- components/agentic-ui/automation-studio-workflows/engine/catalog/actions-core.ts
- components/agentic-ui/automation-studio-workflows/engine/condition.ts
- components/agentic-ui/automation-studio-workflows/engine/catalog/actions-apps.ts
- components/agentic-ui/automation-studio-workflows/engine/layout.ts
- components/agentic-ui/automation-studio-workflows/engine/graph.ts
- components/agentic-ui/automation-studio-workflows/data/connections.ts
- components/agentic-ui/automation-studio-workflows/lib/start-run.ts
- components/agentic-ui/automation-studio-workflows/lib/runs.ts
- components/agentic-ui/automation-studio-workflows/lib/format.ts
- components/agentic-ui/automation-studio-workflows/data/runs.ts
- components/agentic-ui/automation-studio-workflows/data/run-payloads.ts
- components/agentic-ui/automation-studio-workflows/engine/simulate.ts
- components/agentic-ui/automation-studio-workflows/engine/attempt.ts
- components/agentic-ui/automation-studio-workflows/components/workflows-summary.tsx
- components/agentic-ui/automation-studio-workflows/components/workflow-row.tsx
- components/agentic-ui/automation-studio-workflows/components/common.tsx
- components/agentic-ui/automation-studio-workflows/components/notice.tsx
- components/agentic-ui/automation-studio-workflows/components/new-workflow-dialog.tsx
- components/agentic-ui/automation-studio-workflows/lib/editor-model.ts
- components/agentic-ui/automation-studio-workflows/engine/validate.ts
- components/agentic-ui/automation-studio-workflows/components/confirm-dialog.tsx
Related components
Automation Studio Connections
Connected apps page with reconnect for expired access and a demo credentials manager.
Details and live previewAutomation Studio Editor
Visual workflow builder with trigger and action nodes, branching and a configuration panel.
Details and live previewAutomation Studio Run Detail
Execution detail with a replayable timeline, per-step input and output and a retry button on the failed step.
Details and live previewAutomation Studio Runs
Run history of an automation with status filters and a failed step column.
Details and live preview