TechPrufer
Get started
Temporal
Temporal logoTemporal · Feature trail

Workflow Execution UI

3 posts · Mar 2022 – Apr 2024

What this trail covers

The Temporal UI has been significantly redesigned with a ground-up rewrite using Svelte, focusing on improved performance, a smaller application bundle, and a more intuitive user experience. Key improvements include parity with the current UI, easier visibility of Data Converters, and URL-based storage of filter settings and queries for shareability. The new UI is progressively rolling out and will eventually become the default. This post details the new Compact, Timeline, and Full History views, along with enhancements to filters, tabs, dark mode, and child workflow visibility.

All Temporal trails
  1. Redesigning Workflow experience with Temporal’s New UIThis post details the redesign of the Temporal Workflow Execution UI, introducing three new views: Compact, Timeline, and Full History. The Compact view offers a linear progression of Event Groups, the Timeline view visualizes event durations and real-time progress, and the Full History view provides low-level event details akin to a git tree. Enhancements include improved event grouping, visual cues (lines, dots, icons, colors, liveness) for event status and type, real-time updates, and the ability to view child workflow timelines within summary details. The UI also features streamlined filters, dedicated tabs for Relationships and Metadata, and the addition of Dark Mode. Child workflow visibility can now be toggled in the Workflow List.
  2. Workflow visualization with Temporal’s Timeline ViewIntroduced a new 'Timeline' view to the Temporal Web UI for visualizing workflow execution. This view represents the flow of Events over time, using 'Event Groups' to consolidate related events (e.g., ActivityTaskScheduled, Started, Completed) into single rows spanning their duration. It supports zooming, scrolling, filtering by event type, and displays outcome colors and retry information. The implementation utilizes the 'vis-timeline' open-source library with Svelte.
  3. Temporal UI v2 is now in public betaThis post announces the public beta of the new Temporal UI, a complete rewrite using Svelte. It details the architectural foundation for future iterations, performance improvements due to Svelte's compile-time optimizations leading to smaller bundles, and new features like URL-based filter sharing and improved visibility of Data Converters. The post also outlines the rollout strategy, including parallel operation with the old UI and eventual deprecation of the old UI.