FlowDrop Office

FlowDrop Office draws a FlowDrop workflow as a pixel-art office, with one office per section and one desk per node, then replays each run desk by desk so you can watch which nodes ran, in what order, and what each one returned.

Where to find it

Once enabled, every workflow gets an Office tab in the FlowDrop workflow editor and an Office operation in the workflow list.

Features

• Offices from your own layout: each caption node in the editor becomes an office for the nodes to its right. Sections every run passes through sit along the corridor; branches behind a switch gateway sit in the back row, so only the route a run takes lights up.
• Run replay: a clerk finishes at one desk and walks the file to the next, the camera follows, and a subtitle says what the node did.
• Inspector: shows the stored job output of each step, grouped by office. Once a run finishes, click a desk or a step in the progress bar to jump to it.
• Playback controls: pause, change speed, zoom out to the wide shot, or press P for presentation mode, where the office fills the screen and the chat stays as a narrow column.
• Live turns: send a message from the chat on the page. The office runs it in a FlowDrop session owned by the current user and replays the run it produced.
• Recent runs: replay any of the workflow's recent pipelines the user is allowed to view.
• Human in the loop: when the workflow stops to ask a question with options, the chat shows the options and sends the chosen one back as the resume.
• Works with any workflow: the module reads the workflow graph and needs no per-workflow setup. Common node types (chat input, guardrails, gateways, prompt template, vector search, AI chat, chat output, workflow executor) get their own subtitle texts; other types show "Working" and "Done".

For site builders

Show a workflow to people who will never open the node editor: stakeholder reviews, or explaining why the assistant gave a particular answer.

For developers

Step through a real run with each node's stored output next to the desk that produced it. hook_flowdrop_office_turn_alter() lets you rewrite or refuse a chat message before it is stored.

Installation

Install with Composer, then enable the module:

composer require drupal/flowdrop_office

drush en flowdrop_office

Grant the View the FlowDrop office permission to the roles that should see offices. Each run only shows if the user may view that pipeline, and sending live turns also needs FlowDrop's Execute session workflow permission.

Requirements/Dependencies

• FlowDrop, with these submodules: Workflow, Pipeline, Job, Session, Playground and Interrupt.