Skip to content

refactor: Move timeline state from Workflow History header to root#1158

Merged
adhityamamallan merged 1 commit intocadence-workflow:masterfrom
adhityamamallan:lift-timeline-state-up
Feb 12, 2026
Merged

refactor: Move timeline state from Workflow History header to root#1158
adhityamamallan merged 1 commit intocadence-workflow:masterfrom
adhityamamallan:lift-timeline-state-up

Conversation

@adhityamamallan
Copy link
Member

@adhityamamallan adhityamamallan commented Feb 11, 2026

Summary

Lift timeline state up from WorkflowHistoryHeader to WorkflowHistoryV2, allowing sub-components in the list to open the timeline if necessary.

Test plan

Updated unit tests.

@adhityamamallan adhityamamallan marked this pull request as ready for review February 12, 2026 10:16
Signed-off-by: Adhitya Mamallan <adhitya.mamallan@uber.com>
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR lifts the “timeline shown” state from WorkflowHistoryHeader up into WorkflowHistoryV2, so components outside the header can control timeline visibility.

Changes:

  • Introduced isTimelineShown state in WorkflowHistoryV2 and passed it down to WorkflowHistoryHeader.
  • Updated WorkflowHistoryHeader props/types to accept isTimelineShown + setIsTimelineShown instead of owning local state.
  • Adjusted WorkflowHistoryHeader unit tests to reflect externally-controlled timeline state.

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 1 comment.

File Description
src/views/workflow-history-v2/workflow-history-v2.tsx Adds timeline visibility state at the page/root level and passes it into the header.
src/views/workflow-history-v2/workflow-history-header/workflow-history-header.types.ts Extends header props to include timeline state + setter.
src/views/workflow-history-v2/workflow-history-header/workflow-history-header.tsx Removes internal timeline state and uses the injected state/setter.
src/views/workflow-history-v2/workflow-history-header/__tests__/workflow-history-header.test.tsx Updates tests for the new controlled-timeline behavior.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

await user.click(timelineButton);

expect(screen.getByTestId('workflow-history-timeline')).toBeInTheDocument();
expect(mockSetIsTimelineShown).toHaveBeenCalledTimes(1);
Copy link

Copilot AI Feb 12, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This assertion only checks that setIsTimelineShown was called, but not that it was called with the expected toggle updater. Since the handler uses the functional form ((v) => !v), consider asserting the argument is a function (or invoking it to verify it toggles) to make the test actually validate the behavior.

Suggested change
expect(mockSetIsTimelineShown).toHaveBeenCalledTimes(1);
expect(mockSetIsTimelineShown).toHaveBeenCalledTimes(1);
const toggleUpdater = mockSetIsTimelineShown.mock.calls[0][0];
expect(typeof toggleUpdater).toBe('function');
expect(toggleUpdater(true)).toBe(false);
expect(toggleUpdater(false)).toBe(true);

Copilot uses AI. Check for mistakes.
@adhityamamallan adhityamamallan merged commit d93191f into cadence-workflow:master Feb 12, 2026
10 checks passed
Assem-Uber pushed a commit to Assem-Uber/cadence-web that referenced this pull request Feb 19, 2026
Lift timeline state up from WorkflowHistoryHeader to WorkflowHistoryV2, allowing sub-components in the list to open the timeline if necessary.

Signed-off-by: Adhitya Mamallan <adhitya.mamallan@uber.com>
Assem-Uber added a commit that referenced this pull request Feb 20, 2026
* fix decode params in cluster methods

* fix url decode in worfklow actions APIs

* refactor: Move history scroll handlers to dedicated hook (#1156)

* Move code for Workflow History V2 scroll handlers (scroll to event, scroll up, scroll down) and variables (Virtuoso refs) to dedicated React hook
* Fix a minor bug with scrollToEvent where it would not work with the first event

Signed-off-by: Adhitya Mamallan <adhitya.mamallan@uber.com>

* refactor: rename onClickEvent to onClickShowInTable in Workflow History Timeline (#1157)

* To prepare for moving the click handling for events to a dedicated "Show in table" button, this PR renames the onClickEvent handler to onClickShowInTable

Signed-off-by: Adhitya Mamallan <adhitya.mamallan@uber.com>

* Lift timeline state up to workflow history root (#1158)

Lift timeline state up from WorkflowHistoryHeader to WorkflowHistoryV2, allowing sub-components in the list to open the timeline if necessary.

Signed-off-by: Adhitya Mamallan <adhitya.mamallan@uber.com>

* refactor: Use groupId from Event Groups entries instead of firstEventId in Workflow History Timeline (#1160)

Instead of setting the row ID as the firstEventId for Workflow History Timeline rows, this PR passes the groupId (which, in practice, is the exact same thing) to the getTimelineRowFromEventGroup helper

Signed-off-by: Adhitya Mamallan <adhitya.mamallan@uber.com>

* fix: Show correct error banner message when failing to load domains from some clusters  (#1162)

Problem
When the Cadence UI fails to connect to some clusters to load domains, we show an error banner with the list of problematic clusters. However, this banner currently lists all clusters instead of just the problematic ones. This is due to a mistake in the logic for evaluating problematic clusters.

Solution
Fix the logic for evaluating problematic clusters
Break the getAllDomains helper up into separate helpers for better testability

Signed-off-by: Adhitya Mamallan <adhitya.mamallan@uber.com>

* fix: Add cron schedule descriptions to Workflow History V2 components (#1163)

Add natural-language Cron descriptions (implemented in #1151) to Workflow History V2 details parsers config

Signed-off-by: Adhitya Mamallan <adhitya.mamallan@uber.com>

* fix: Use ClustersConfigs type in getAllDomains unit test (#1165)

* Use server-side ClustersConfigs type and existing clusters configs fixtures in unit test for getAllDomains, to prevent getConfigValue's spy from assuming that it's of type PublicClustersConfigs (client-side)
* Rename setup param to clustersConfigs from clusterConfigs, to match the type

Signed-off-by: Adhitya Mamallan <adhitya.mamallan@uber.com>

* fix: Add explicit "Copy link" text to history event link copy button (#1166)

* Add explicit "Copy link" text to history event link copy button in accordance with existing designs, to make the button's intent clearer without needing to hover on it
* Remove the "Copy link to event" tooltip that shows up when user initially hovers on the link button

Signed-off-by: Adhitya Mamallan <adhitya.mamallan@uber.com>

* feat: Add timeline scroll handler & target to useWorkflowHistoryScroll (#1167)

* Add timeline Virtuoso ref, scroll handler and scroll target (event group) to useWorkflowHistoryScroll, to use for timeline <-> table integration

Signed-off-by: Adhitya Mamallan <adhitya.mamallan@uber.com>

* feat: Warning message when no workers are available for a task list (#1168)

Signed-off-by: Yoav Levy <yoavlev2@gmail.com>

* feat: Add "Show in Timeline" button to event groups in grouped Workflow History table (#1169)

* Add timeline scroll handler in useWorkflowHistoryScroll hook with similar pattern to existing table scroll
* Add "Show in timeline" button in event group details panel that scrolls to and highlights the group in the timeline
* Implement animation effect for highlighted timeline rows using 2-second fade transition

Signed-off-by: Adhitya Mamallan <adhitya.mamallan@uber.com>

* feat: Add "Show in Table" button to event groups in Workflow History Timeline (#1171)

* Add "Show in Table" button to event groups in Workflow History Timeline, to highlight event groups in the Workflow History tables
* Remove the onClick functionality from the timeline event bar
* Increase tooltip entry time to 600ms (and define it in a constant instead of hardcoding it)
* Increase spacing between event tabs and action buttons from scale400 (12px) to scale1200 (48px)

Signed-off-by: Adhitya Mamallan <adhitya.mamallan@uber.com>

* feat: Add "Show in Timeline" button to events in ungrouped Workflow History table (#1170)

* Add the Show in Timeline button (added in #1169) to the ungrouped Workflow History table
* Add groupId to UngroupedEventsInfo
* Move createUngroupedEventsInfo test util to fixtures directory

Signed-off-by: Adhitya Mamallan <adhitya.mamallan@uber.com>

* fix: Improper wrapping & overflow on Workflow Summary page (#1174)

* Rewrite the styles to use a simpler grid-based layout, distributing the space evenly between the summary details and the JSON panels
* Allow the workflow title to overflow onto multiple lines

Signed-off-by: Adhitya Mamallan <adhitya.mamallan@uber.com>

* fix: Constrain size of group details tooltip in Workflow History timeline (#1176)

* Constrain max width of the tooltip to 800px
* Add an isScrollable prop to WorkflowHistoryEventDetails, constraining the height of non-panel details to 250px and making them scrollable if true
* Pass this prop through from WorkflowHistoryTimelineEventGroup

Signed-off-by: Adhitya Mamallan <adhitya.mamallan@uber.com>

* feat: Dynamically resize history timeline for running workflows (#1172)

* Add hook useCurrentTimeMs to accurately calculate the current time every second, instead of letting it be recalculated only on rerenders.
* Add hook useSteppedDomainMaxMs to calculate the timeline's max domain based on events and current time
Change the implementation of getTimelineMaxTimeMs to take current time as a parameter instead of calling Date.now() inside it
* For running events without an end time (so, any running events besides timers), use current time as the bar's end point, so that bars smoothly expand
* Add an outline to the timeline component
* Move header padding to timeline container margin (still size400/16px)
* Remove border between header cells

Signed-off-by: Adhitya Mamallan <adhitya.mamallan@uber.com>

* fix: double decode params in cluster methods middleware (#1180)

* fix decode params in cluster methods

* fix double decoding

* add search attribute api

* fix: Stop click propagation when clicking on Workflow History summarized details (#1175)

* Add new field hasClickableContent to details row item config, which is set if the item is meant to be clickable
* Set this field to true for all existing links
* Call e.stopPropagation() in the details entry onClick handler to prevent the click from propagating to parents, if hasClickableContent is true


Signed-off-by: Adhitya Mamallan <adhitya.mamallan@uber.com>

* refactor: Move types from workflow-history.types.ts to workflow-history-v2.types.ts (#1177)

* Move Workflow History types from v1 folder to v2 folder, to prepare for changes to history event group computation
* Refactor v2 code to use the types from workflow-history-v2.types.ts

Signed-off-by: Adhitya Mamallan <adhitya.mamallan@uber.com>

* fix: Double decode issue for summary page (#1183)

* fix decode params in cluster methods

* fix double decoding

* fix double encoding for summary page

* revert search attributes changes

---------

Signed-off-by: Adhitya Mamallan <adhitya.mamallan@uber.com>
Signed-off-by: Yoav Levy <yoavlev2@gmail.com>
Co-authored-by: Adhitya Mamallan <adhitya.mamallan@uber.com>
Co-authored-by: Yoav Levy <yoavlev2@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants