Workflow components
11 Workflow components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js: ApprovalQueue, CronBuilder, KillSwitch, RuleBuilder, RunHistory, StepEditor, Test Run Stream, Workflow canvas, Workflow marketplace, Workflow network, Workflow Views.
- ApprovalQueueA review queue of things waiting for a person to approve, reject with a reason, or convert to a task. It handles expiry, review criteria and redacted arguments.
- CronBuilderA schedule editor with simple settings or a cron expression, a plain-language reading in English and Arabic, field-level validation, and the next runs in a chosen time zone. Ships a schedule list with ran, failed and missed status.
- KillSwitchOne control that stops every automation with a required reason, plus a banner that shows the paused state and a list of paired browsers to unpair.
- RuleBuilderAn IFTTT style rule editor with an event trigger, nested all-of and any-of condition groups, and an ordered list of actions, read back as a plain-language sentence with the missing pieces listed.
- RunHistoryA runs list with status filter and search beside a run detail showing per-step state, timings, input, output, logs and screenshots, the failing step, a span timeline with attributes, and the raw payload.
- StepEditorA linear, sortable, nestable step list with forms generated from each step type, continue-on-failure, a parameters editor with secret values, a node picker for adding steps, problem checking and a test-run panel.
- Test Run StreamA test run that streams. Run and Stop, each step appearing and updating in place as the server reports it, a live elapsed time and summary, and what the run saved, with its raw data behind a toggle.
- Workflow canvasEditable workflow graph with status nodes, a what-happens-next picker, a config side panel, minimap, validation, versions and an execution overlay with replay.
- Workflow marketplaceA store of workflow steps and ready-made presets with search, categories, a kind switch, a detail sheet and install, built on the shared catalog store.
- Workflow networkRead-only process diagram of step cards joined by measured connectors, with decision, human and result kinds, that wraps by width and follows the reading direction.
- Workflow ViewsOne workflow shown three ways from the same nested steps. A numbered outline with loops and labelled branches, a pipeline diagram, and your editor, with a view switch that can remember the choice.