Workflow library

A React block (a whole screen) in Beamline's Research & design app.

The automation library: every automation as a row (what starts it, whether it's live, a draft or paused, who owns it, when it last ran, and its runs this week day by day with failures said in danger), found by words or by state with the counts on the filter; the chosen one opens beside the list with its owner, last run, its week as bars and its steps in order (a condition's steps one level in, where a run that fails it ends), Duplicate and Open in editor; duplicating makes a new draft with its own identity placed beside the original, which stays as it was, a failed copy said on its row. On a phone the rows lead and the detail is pushed over them with a way back.

Use it for

Finding and telling apart automations before editing or copying one.

Not for

Editing one automation's steps (workflow-builder).

Anatomy

header: the mark, Automations, live · drafts · paused counts
bar: Show (All · Live · Drafts · Paused, each with how many the search finds), Find an automation
row: title with its state badge, what starts it, owner, last run, the week's runs as seven bars with the count and failures, a copy's note or a failed copy, Duplicate (shown on hover, focus or the chosen row)
detail: title, summary and state; owner, last run, this week's runs and failures; the week as bars (7 days ago to today); Steps in order with a glyph per kind (trigger, condition, action, wait), the steps a condition guards one level in; no steps yet for an unbuilt draft; Duplicate, and Open in editor (Finish in editor for a draft)
phone: rows only; choosing one pushes the detail with All automations to go back

States

loading
no automations
no match
no preview
duplicating
duplicated (a draft beside the original)
duplicate failed

Keyboard

the outline is a button that opens the automation
Show is a radio group; Duplicate on each card

Motion

Nothing animates beyond the parts' own feedback; nothing moves at rest.

Props

Prop	Type	Default	Description
`workflows`	`WorkflowSummary[]`	—	Id, title, summary, state, owner, last run, runs this week, outline (null: no preview).
`onDuplicate`	`(id: string) => Promise<WorkflowSummary>`	—	Make a new draft from one; resolve with the copy (its own id). Reject: nothing was made.
`onOpen`	`(id: string) => void`	—	Opens one in the editor; the detail's primary action.
`loading`	`boolean`	—	Cards still loading.
`defaultWorkflows`	`WorkflowSummary[]`	—
`onWorkflowsChange`	`((w: WorkflowSummary[]) => void)`	—
`defaultQuery`	`string`	—
`timeZone`	`string`	—
`product`	`string`	—
`className`	`string`	—	Classes on the documented visual root; no override by default.
`ref`	`Ref<HTMLDivElement>`	—	Receives the documented native target or imperative handle; omitted by default.
`defaultSelected`	`string`	—	The automation shown in the detail first; the first in the list by default.

Built from

Dependencies

lucide-react

Import

import { WorkflowLibrary } from "@beamline/workflow-library";

Get it

Workflow library is part of Beamline UI. Install the parts you need in your React app as compiled packages or editable source. Get Beamline · Connect your agent