demo 260202

When creating flows in the prototype, we need a way to send a message that expects a direct response.

For example, asking for the customer’s birthday. If the customer doesn’t respond, we may want to ask them more than one time, spread out on a cadence like a few hours or days. But ultimately a customer may never respond, so we also need some kind of timeout to stop asking beyond a certain point.

This mock-up explores adding a single node to a flow that contains all of these parameters. The message, where we want to store the response, what type of response we’re expecting, and how many times we want to pester them to answer.

Try it out

The drop zone when dragging a node around the canvas was a little tight. You couldn’t see the drop zone clearly. This update adds a wider horizontal space to the zone and also adds some transition animation to the active state. These changes make this much more fun and clear to drag and drop.

Try it out

1. Make a new flow
2. Add some nodes
3. Drag to rearrange

You can now bulk import flow definitions, including example templates. This dramatically cuts setup time for new workflows.

This allows exporting all the flows in a workflow builder at one time. Also supports pasting in many flows at one time.

This lays the groundwork for copy and pasting flows across instances, customers, etc. Also lays the groundwork for taking these workflows into third-party AI tools to refine or explore new ideas. And then round trip bring them back into the workflow builder.

This should provide extreme flexibility in our future prototypes.

Try it out

Flow history and analytics are now available. Teams can see what’s working with completion rates, per-step breakdowns, and contact drill-downs.

We have Sankey charts to show the falloff and paths taken and the amount for each of those. You can also choose any individual step and seek contacts that went through that step. This should allow at-a-glance visualization of how a flow is working and provide deep linking to troubleshoot any individual contact’s journey.

Try it out

This adds some basic history states to mirror common operating system interfaces.

Now when you’re editing a flow, you can undo or redo for that editing session. Once you navigate away from the draft or hit publish, that history is gone. This should be a good balance of allowing you to try and undo things in an individual editing session.

You can also use key commands:

• ⌘ Z undo
• ⌘ ⇧ Z redo

Try it out

Updated interface for selecting options on nodes.

• drilling down into menus replaced with flat grouped options
• adds search with keyboard navigation for selection
• consistent input across nodes
• ability to edit condition rules
• swap branches moved into node tree

Process

This video shows variations on how to handle node configuration in the workflow builder.

Prototype Links

flow builder - trigger editor

trigger variations

You can now copy and paste entire workflows as JSON.

How it works:

• Copy JSON button on flow cards lets you export any workflow
• Import Flow button and dialog lets you create a new flow from copied JSON

Why this matters:

• Share workflows between team members or environments
• Back up your workflows before making big changes
• Duplicate complex flows without rebuilding from scratch
• Move workflows between staging and production
• Allow AI tools to compose workflows outside of Workflow Builder GUI.

Added a toolbar that lets you run workflow event simulations (contact created, inbound message, purchase, etc). Like a video player, you can play, pause, and resume.

The toolbar shows:

• Playback controls to start, pause, and resume.
• Elapsed time so you know how much simulated time has passed
• Current date and time in the simulation, including a day/night indicator

This makes it easier to test how your workflows behave at different times of day and understand the timing of automated messages.

This is necessary to test other UI concepts for the Workflow Builder. But it could also be a first step toward a testing interface for the production app.

Replaced the complex swimlane view with a single, easy-to-read timeline that tells the story of a contact’s journey through your flows.

What’s new:

• Unified Timeline - One chronological view of everything that happened to a contact
• Visual Consistency - Timeline markers use the same colors as the flow editor, so it’s easy to connect the dots
• “Why Here” Context - Each step shows the data or conditions that caused the contact to reach that point
• Mini Timeline Preview - Contact list cards now show a compact timeline that matches the full view

Active Flows Cards:

• At-a-glance view of all active flows for a contact
• Status icons show what’s happening (running, waiting, paused)
• Cleaner layout with labeled rows for Status and Step

This makes it much easier to understand what happened to a contact and why, without needing to dig through technical details.

A prototype for how to notify the user that changes are being saved. I wanted something that would grab their attention but wouldn’t be as intrusive and distracting as a pop-up or a toast.

This shows the user both that their work is being saved and where they can go to see the change history.

You can play with the prototype here: https://voxie.github.io/prototypes/save-notification/

Small quality of life improvement for the OU user editor. When selecting a new role, the current user role would disappear so you couldn’t verify your changes before confirming. Now the current role shows in the callout above the input so you always have a reference to it.

Added a search feature to this demo site so you can quickly find past entries.

Text Search:

• Search across titles, descriptions, types, and full body content

Date Filtering:

• Relative dates: today, yesterday, this week, last week, last 2 weeks
• Specific dates: 2026-01-30, january, jan 2026
• Date ranges: between jan 1 and jan 31, before january 15, after last week

Boolean Operators:

• workflow AND product — both must match
• workflow OR timeline — either can match
• Combine dates with text: last week AND marketing

Keyboard Shortcuts:

• Cmd+K to focus search
• Esc to clear

Click the ? button next to the search box for a full syntax reference.

You can now navigate to the next or previous entry within a given demo.

You can also navigate with the keyboard: ← → or k j