Blueprint # Automation Studio Zapier and n8n style workflow automation app for an operations team: a workflow list with status, last run and success rate; a visual canvas editor with trigger and action nodes, branching, a configuration panel per step and publish checks; a test run that replays step by step with each step's input, output and retries; run history with status filters, search, an advanced rule filter and bulk retry; a run detail page with a replayable timeline, per-step input and output, a log and retry from the failed step; connected apps with a demo credentials manager and an action catalog; a template gallery; and workspace settings with limits and failure notifications. Screens 4 Framework Next.js App Router · React 19 · Tailwind CSS 4 · shadcn/ui Variants Radix UI and Base UI Install One command, every screen Screens 4 /automation-studio/workflows [New tab](https://agentic-ui-kit.com/automation-studio/workflows)[Try a theme](https://agentic-ui-kit.com/themes) ## What is implemented - The App Router routes above, each composed from catalog components. Interactive UI states such as menus, dialogs, filters and tabs work as in the viewer. - Sample data that ships with each component, so the screens render without a backend. - Light and dark themes. ## What you supply - Your data: API routes or a backend in place of the sample data. No backend is included. - Authentication and authorization. - Persistence: database, file storage and any server-side state. - Business rules and server-side validation. ## Install Radix UI project ``` npx shadcn@4.17.0 add @agentic-ui/blueprint-automation-studio ``` Checked: installs and builds in a clean Next.js project. Base UI project ``` npx shadcn@4.17.0 add @agentic-ui/blueprint-automation-studio ``` Checked: installs and builds in a clean Next.js project. Your project must be connected to the private registry first: [installation guide](https://agentic-ui-kit.com/docs#start-from-blueprint). ## Components it uses - [App Shell Automation Studio Shell](https://agentic-ui-kit.com/components/automation-studio-shell) - [Workflows Automation Studio Workflows](https://agentic-ui-kit.com/components/automation-studio-workflows) - [Bulk Actions Data Bulk Action Bar](https://agentic-ui-kit.com/components/data-bulk-action-bar) - [Editor Automation Studio Editor](https://agentic-ui-kit.com/components/automation-studio-editor) - [Canvas AI Workflow Canvas](https://agentic-ui-kit.com/components/ai-workflow-canvas) - [Nodes AI Workflow Node Set](https://agentic-ui-kit.com/components/ai-workflow-node-set) - [Node Settings AI Node Config Panel](https://agentic-ui-kit.com/components/ai-node-config-panel) - [Run History Automation Studio Runs](https://agentic-ui-kit.com/components/automation-studio-runs) - [Run Filter Data Query Builder](https://agentic-ui-kit.com/components/data-query-builder) - [Run Detail Automation Studio Run Detail](https://agentic-ui-kit.com/components/automation-studio-run-detail) - [Run Replay AI Workflow Run Mode](https://agentic-ui-kit.com/components/ai-workflow-run-mode) - [Step Inspector AI Workflow Debug Panel](https://agentic-ui-kit.com/components/ai-workflow-debug-panel) - [Log Tail Dev Log Tail](https://agentic-ui-kit.com/components/dev-log-tail) - [Connections Automation Studio Connections](https://agentic-ui-kit.com/components/automation-studio-connections) - [Action Catalog AI Tool Registry](https://agentic-ui-kit.com/components/ai-tool-registry) - [Templates Automation Studio Templates](https://agentic-ui-kit.com/components/automation-studio-templates) - [Template Gallery AI Workflow Templates](https://agentic-ui-kit.com/components/ai-workflow-templates) - [Settings Automation Studio Settings](https://agentic-ui-kit.com/components/automation-studio-settings)