Displayed input/output task type in type tab on workflow page

Author: zonia3000

src/lib/components/v2/workflow/InputFiltersTab.svelte

@@ -3,6 +3,7 @@
 	import InputFiltersTypesForm from '../projects/datasets/InputFiltersTypesForm.svelte';
 	import { displayStandardErrorAlert, getAlertErrorFromResponse } from '$lib/common/errors';
 	import Modal from '$lib/components/common/Modal.svelte';
+	import BooleanIcon from 'fractal-components/common/BooleanIcon.svelte';
 
 	/** @type {import("fractal-components/types/api").WorkflowV2} */
 	export let workflow;
@@ -193,3 +194,40 @@
 		</svelte:fragment>
 	</Modal>
 </div>
+
+<ul class="list-group p-3">
+	<li class="list-group-item list-group-item-light fw-bold">Input Types</li>
+	<li class="list-group-item">
+		{#if Object.keys(workflowTask.task.input_types).length === 0}
+			-
+		{:else}
+			<table class="table table-borderless mb-0">
+				<tbody>
+					{#each Object.keys(workflowTask.task.input_types) as key}
+						<tr class="d-flex">
+							<td><code>{key}</code></td>
+							<td class="flex-grow"><BooleanIcon value={workflowTask.task.input_types[key]} /></td>
+						</tr>
+					{/each}
+				</tbody>
+			</table>
+		{/if}
+	</li>
+	<li class="list-group-item list-group-item-light fw-bold">Output Types</li>
+	<li class="list-group-item">
+		{#if Object.keys(workflowTask.task.output_types).length === 0}
+			-
+		{:else}
+			<table class="table table-borderless mb-0">
+				<tbody>
+					{#each Object.keys(workflowTask.task.output_types) as key}
+						<tr class="d-flex">
+							<td><code>{key}</code></td>
+							<td class="flex-grow"><BooleanIcon value={workflowTask.task.output_types[key]} /></td>
+						</tr>
+					{/each}
+				</tbody>
+			</table>
+		{/if}
+	</li>
+</ul>

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

@@ -475,7 +475,9 @@
 			console.error('Error retrieving workflow jobs', await response.json());
 			return;
 		}
-		const jobs = /** @type {import('fractal-components/types/api').ApplyWorkflowV2[]} */ (await response.json());
+		const jobs = /** @type {import('fractal-components/types/api').ApplyWorkflowV2[]} */ (
+			await response.json()
+		);
 		const failedJobs = jobs
 			.filter((j) => j.dataset_id === selectedDatasetId && j.status === 'failed')
 			.sort((j1, j2) => (j1.start_timestamp < j2.start_timestamp ? 1 : -1));
@@ -792,7 +794,8 @@
 											class="nav-link {workflowTabContextId === 3 ? 'active' : ''}"
 											on:click={() => setWorkflowTabContextId(3)}
 											aria-current={workflowTabContextId === 3}
-											>Input Filters
+										>
+											Types
 										</button>
 									</li>
 									<li class="nav-item">

tests/v2/run_workflow_image_list_visibility.spec.js

@@ -45,6 +45,7 @@ test('Image list visibility in run workflow modal', async ({ page, workflow }) =
 		await expect(page.getByText(/Total results: 2/)).toBeVisible();
 		await selectSlimSelect(page, page.getByLabel('Selector for attribute a1'), 'v1');
 		await page.getByRole('button', { name: 'Apply' }).click();
+		await expect(page.getByRole('button', { name: 'Apply' })).toBeDisabled();
 		await selectSlimSelect(page, page.getByLabel('Selector for attribute a2'), 'v2');
 		await page.getByRole('button', { name: 'Apply' }).click();
 		await expect(page.getByText(/Total results: 0/)).toBeVisible();

tests/v2/run_workflow_images.spec.js

@@ -96,7 +96,7 @@ test('View images in run workflow modal', async ({ page, workflow }) => {
 
 	await test.step('Add input filter', async () => {
 		await workflow.selectTask('generic_task');
-		await page.getByText('Input Filters').click();
+		await page.getByText('Types').click();
 		await page.getByRole('button', { name: 'Add type filter' }).click();
 		await page.getByPlaceholder('Key').last().fill('t1');
 		await page.getByRole('switch').click();

tests/v2/task_version_update.spec.js

@@ -148,7 +148,7 @@ test('Task version update [v2]', async ({ page, workflow }) => {
 	});
 
 	await test.step('Add Input Filters', async () => {
-		await page.getByText('Input Filters').click();
+		await page.getByText('Types').click();
 		await page.getByRole('button', { name: 'Add type filter', exact: true }).click();
 		await page.getByPlaceholder('Key').fill('key2');
 		await page.getByRole('button', { name: 'Save' }).click();
@@ -174,7 +174,7 @@ test('Task version update [v2]', async ({ page, workflow }) => {
 	});
 
 	await test.step('Verify that input filters have been preserved', async () => {
-		await page.getByText('Input Filters').click();
+		await page.getByText('Types').click();
 		await expect(page.getByPlaceholder('Key')).toHaveValue('key2');
 	});
 

tests/v2/workflow_task_input_filters.spec.js

@@ -73,7 +73,7 @@ test('Workflow task input filters [v2]', async ({ page, workflow }) => {
 	});
 
 	await test.step('Open Input Filters tab', async () => {
-		await page.getByText('Input Filters').click();
+		await page.getByText('Types').click();
 	});
 
 	await test.step('Add empty attribute filter and trigger validation', async () => {
@@ -91,7 +91,7 @@ test('Workflow task input filters [v2]', async ({ page, workflow }) => {
 	await test.step('Reload the page and check saved filters', async () => {
 		await page.reload();
 		await workflow.selectTask(taskName1);
-		await page.getByText('Input Filters').click();
+		await page.getByText('Types').click();
 		await expect(page.getByPlaceholder('Key')).toHaveValue('key2');
 	});