Update UI to display step duration

[hlu09]

It is nice to know how long individual step took.

[rmgogogo]

@hlu09 Thanks for feedback.
Would you help provide more info so that we can handle it better?

Any reason why you prefer display the step duration? For debugging purpose?

[hlu09]

Current UI has "start" and "end" time of each step. It'd be nice to show a duration too to save users from doing mental math to figure out how long it ran.

[Bobgy]

I think this looks like a small change, and it is useful in many cases (understanding pipeline performance e.t.c).

[elikatsis]

Hi there,

Does the current UI show the start & end time of each step?
If yes (as mentioned in a previous comment), I can't find it 😅 could you guide me a bit where to look for it?
If not, and since this information is persisted in the workflow's status which is already parsed by the UI (Workflow.Status.Nodes), is there any design for the desired UX and an estimation for its implementation?

Thanks!

[Bobgy]

Hi @elikatsis, I checked and looks like KFP UI doesn't show step level start and end time, it only shows workflow start and end time.
But the data is available anyway in

pipelines/frontend/src/lib/WorkflowParser.ts

Line 90 in f8a4521

(Object as any).values(workflowNodes).forEach((node: NodeStatus) => {

, the nodeStatus type has startedAt and finishedAt fields recording this. (WorkflowParser is used to parse data used to show on run details page.)

These data come from argo workflow status fields, there are both step level and workflow level start and finish time, so we can calculate and show durations.

There isn't any existing design to show this, welcome proposing whatever design that feels right to you.
Contributions welcomed!

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[Bobgy]

we plan to do this

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[Bobgy]

/lifecycle frozen

[zijianjoy]

/assign @zijianjoy

[zijianjoy]

We now have a tab to show all the task details, including duration: #5023