Demo 260928

VUI v1 launched

• changed font awesome setup so the repo could be made public
• created integration in product prototypes so future prototypes can use it

New Features

• added search
• updated icon docs
• updated input docs

Improved that layout and responsive design for the “what’s new” module on the new app dashboard.

• Images take better advantage of the given space
• Controls now sit in a dedicated area matching chart legend styling
• New pause button for stopping auto play

Contact Logs

Concept for viewing the Workflows from a Contact’s page. This allows for viewing history of recent Workflow Builder runs. This should be useful for troubleshooting complexity and edge cases.

Sankey

As part of this work also includes the ability to search contacts from the Sankey View on Workflow Builder. Both of these views link to each other allowing a full round-trip for viewing aggregate analytics of a Workflow and details of a specific Contact.

The Contact search shows the newer filter and group by concepts introduced on the recent Group Onboarding tables.

Try it

Run Type

Mockup of allowing a test to be a dry run or a live run. A live run will actually send messages to the selected phone number and make api calls to 3rd party apis. A dry run stays only in the browser no texts or api calls. This is to give complete control to the user and allow testing end-to-end scenarios.

Contact Model

The contact form now matches the one in production, and anything beyond its standard fields is entered as a custom attribute.

Segments

A segment now shows the rules that define it, and those rules are checked as you set up the contact. Instead of picking a segment and trusting the contact belongs in it, you can see whether this contact matches the rules defined by the selected segment.

Breakpoints

Simplified UX for adding and configuring breakpoints. Using the same drawer attribute component used on nodes.

Run

Start over now clears breakpoints. Start over and Rewind say what they reset before you use them.

Simplified this view with Contact’s end state and Log of the run only. Log view makes use of style and components from the Contact Log work.

Try it

Button improvements developed in VUI have made it into Frontend Components and the main app.

• Button scale effect now applies consistently across sizes
• Removed distracting opacity flash on button tap
• Improved accessibility with better support for reduced motion
• Consistent focus rings
• Improved style configuration for devs