Workflow Execution UI

4/23/2024

This post details the redesign of the Temporal Workflow Execution UI. It introduces the concept of 'Event Groups' to simplify the event history and describes three new views: Compact, Timeline, and Full History. The Compact view presents event groups linearly, the Timeline view visualizes event durations and timings, and the Full History view offers a detailed, git-tree-like representation of all events. The post also elaborates on shared visual elements like lines, dots, icons, and colors used to represent event status and types, and introduces 'liveness' for real-time updates. New features like filtering by event types, dedicated tabs for Relationships and Metadata, Dark Mode (in open source), and the ability to hide child workflows in the list are also highlighted. The UI is now available in Temporal Cloud and Open Source.

10/10/2023

Introduced the Timeline view to the Workflow Execution UI, providing a visual representation of workflow events over time. This view leverages Event Groups to display activities as time spans, indicating their outcome (color-coded) and parallelism. It also shows retry attempts for activities. Navigation and filtering are supported through scrolling, zooming, and event type filtering. The implementation uses the vis-timeline library and Svelte.

3/29/2022

This post announces the public beta of the new Temporal UI (v2), a complete rewrite using Svelte for improved performance and a smaller application bundle. It details quality-of-life improvements, performance enhancements, and new features like easier Data Converter identification and URL-based filter sharing. The post also outlines the rollout strategy, including running both UIs in parallel initially and eventually making v2 the default. It encourages user feedback for continued iteration.