Added Run tab in workflow page

Author: zonia3000

components/src/lib/types/api.d.ts

@@ -311,6 +311,8 @@ export type HistoryUnit = {
 
 export type HistoryRunAggregated = {
 	id: number;
+	timestamp_started: string;
+	version: string | null;
 	workflowtask_dump: WorkflowTaskV2;
 	num_submitted_units: number;
 	num_done_units: number;

src/routes/v2/projects/[projectId]/workflows/[workflowId]/+page.svelte

@@ -27,6 +27,7 @@
 	import RunStatusModal from '$lib/components/jobs/RunStatusModal.svelte';
 	import { navigating, navigationCancelled } from '$lib/stores';
 	import { writable } from 'svelte/store';
+	import TimestampCell from '$lib/components/jobs/TimestampCell.svelte';
 
 	/** @type {number|undefined} */
 	const defaultDatasetId = $derived(page.data.defaultDatasetId);
@@ -970,7 +971,8 @@
 											class="nav-link {workflowTabContextId === 0 ? 'active' : ''}"
 											onclick={() => setWorkflowTabContextId(0)}
 											aria-current={workflowTabContextId === 0}
-											>Arguments
+										>
+											Arguments
 										</button>
 									</li>
 									<li class="nav-item">
@@ -982,29 +984,40 @@
 											Meta
 										</button>
 									</li>
+									{#if selectedHistoryRun}
+										<li>
+											<button
+												class="nav-link {workflowTabContextId === 2 ? 'active' : ''}"
+												onclick={() => setWorkflowTabContextId(2)}
+												aria-current={workflowTabContextId === 2}
+											>
+												Run
+											</button>
+										</li>
+									{/if}
 									<li class="nav-item">
 										<button
-											class="nav-link {workflowTabContextId === 2 ? 'active' : ''}"
-											onclick={() => setWorkflowTabContextId(2)}
-											aria-current={workflowTabContextId === 2}
+											class="nav-link {workflowTabContextId === 3 ? 'active' : ''}"
+											onclick={() => setWorkflowTabContextId(3)}
+											aria-current={workflowTabContextId === 3}
 										>
 											Info
 										</button>
 									</li>
 									<li class="nav-item">
 										<button
-											class="nav-link {workflowTabContextId === 3 ? 'active' : ''}"
-											onclick={() => setWorkflowTabContextId(3)}
-											aria-current={workflowTabContextId === 3}
+											class="nav-link {workflowTabContextId === 4 ? 'active' : ''}"
+											onclick={() => setWorkflowTabContextId(4)}
+											aria-current={workflowTabContextId === 4}
 										>
 											Types
 										</button>
 									</li>
 									<li class="nav-item">
 										<button
-											class="nav-link {workflowTabContextId === 4 ? 'active' : ''}"
-											onclick={() => setWorkflowTabContextId(4)}
-											aria-current={workflowTabContextId === 4}
+											class="nav-link {workflowTabContextId === 5 ? 'active' : ''}"
+											onclick={() => setWorkflowTabContextId(5)}
+											aria-current={workflowTabContextId === 5}
 										>
 											Version
 											{#if $newVersionsCount}
@@ -1080,14 +1093,29 @@
 								</div>
 							</div>
 						{:else if workflowTabContextId === 2}
+							<div id="run-tab" class="tab-pane show active">
+								<div class="card-body">
+									{#if selectedHistoryRun}
+										<ul class="list-group">
+											<li class="list-group-item list-group-item-light fw-bold">Started</li>
+											<li class="list-group-item">
+												<TimestampCell timestamp={selectedHistoryRun.timestamp_started} />
+											</li>
+											<li class="list-group-item list-group-item-light fw-bold">Version</li>
+											<li class="list-group-item">{selectedHistoryRun.version || '-'}</li>
+										</ul>
+									{/if}
+								</div>
+							</div>
+						{:else if workflowTabContextId === 3}
 							<div id="info-tab" class="tab-pane show active">
 								<div class="card-body">
 									{#if selectedWorkflowTask}
 										<TaskInfoTab task={selectedWorkflowTask.task} />
 									{/if}
 								</div>
 							</div>
-						{:else if workflowTabContextId === 3}
+						{:else if workflowTabContextId === 4}
 							{#if selectedWorkflowTask}
 								<InputFiltersTab
 									{workflow}
@@ -1101,8 +1129,8 @@
 						<div
 							id="version-tab"
 							class="tab-pane"
-							class:show={workflowTabContextId === 4}
-							class:active={workflowTabContextId === 4}
+							class:show={workflowTabContextId === 5}
+							class:active={workflowTabContextId === 5}
 						>
 							<div class="card-body">
 								{#if selectedWorkflowTask}

tests/v2/workflow_task_run_schema_version_changes.spec.js

@@ -104,6 +104,13 @@ test('Workflow task runs display different versions of arguments schema', async
 		await expect(page.getByRole('spinbutton')).toBeDisabled();
 	});
 
+	await test.step('Check runs tab', async () => {
+		await page.getByRole('button', { name: 'Run', exact: true }).click();
+		await expect(page.locator('#run-tab').getByText('0.0.2')).toBeVisible();
+		await page.getByRole('button', { name: 'Run 1' }).click();
+		await expect(page.locator('#run-tab').getByText('0.0.1')).toBeVisible();
+	});
+
 	await test.step('Delete older task version', async () => {
 		await page.goto('/v2/tasks/management');
 		const taskRow = page.getByRole('row', { name: taskName });