From 035dee77605fbd04d72982e4f084c0d394ad4d12 Mon Sep 17 00:00:00 2001
From: Peter Amstutz <peter.amstutz@curii.com>
Date: Tue, 8 Oct 2024 10:07:56 -0400
Subject: [PATCH] 22153: Add the name of the currently selected workflow

Arvados-DCO-1.1-Signed-off-by: Peter Amstutz <peter.amstutz@curii.com>
---
 .../views/workflow-panel/workflow-description-card.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/services/workbench2/src/views/workflow-panel/workflow-description-card.tsx b/services/workbench2/src/views/workflow-panel/workflow-description-card.tsx
index 0e0fe88a2b..db086269bb 100644
--- a/services/workbench2/src/views/workflow-panel/workflow-description-card.tsx
+++ b/services/workbench2/src/views/workflow-panel/workflow-description-card.tsx
@@ -4,7 +4,7 @@
 
 import React from 'react';
 import { CustomStyleRulesCallback } from 'common/custom-theme';
-import { CardContent, Tab, Tabs, Table, TableHead, TableCell, TableBody, TableRow } from '@mui/material';
+import { CardContent, Tab, Tabs, Table, TableHead, TableCell, TableBody, TableRow, Typography } from '@mui/material';
 import { WithStyles } from '@mui/styles';
 import withStyles from '@mui/styles/withStyles';
 import { ArvadosTheme } from 'common/custom-theme';
@@ -13,7 +13,7 @@ import { DataTableDefaultView } from 'components/data-table-default-view/data-ta
 import { parseWorkflowDefinition, getWorkflowInputs, getInputLabel, stringifyInputType } from 'models/workflow';
 import { WorkflowDetailsCardDataProps, WorkflowDetailsAttributes } from 'views-components/details-panel/workflow-details';
 
-export type CssRules = 'root' | 'tab' | 'inputTab' | 'graphTab' | 'graphTabWithChosenWorkflow' | 'descriptionTab' | 'inputsTable';
+export type CssRules = 'root' | 'tab' | 'inputTab' | 'graphTab' | 'graphTabWithChosenWorkflow' | 'descriptionTab' | 'inputsTable' | 'workflowName';
 
 const styles: CustomStyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
     root: {
@@ -43,6 +43,9 @@ const styles: CustomStyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
     inputsTable: {
         tableLayout: 'fixed',
     },
+    workflowName: {
+        minHeight: "4rem",
+    }
 });
 
 type WorkflowDetailsCardProps = WorkflowDetailsCardDataProps & WithStyles<CssRules>;
@@ -61,6 +64,9 @@ export const WorkflowDetailsCard = withStyles(styles)(
             const { classes, workflow } = this.props;
             const { value } = this.state;
             return <div className={classes.root}>
+                <Typography className={classes.workflowName} variant='h6'>
+                    {workflow && workflow.name}
+                </Typography>
                 <Tabs value={value} onChange={this.handleChange} centered={true}>
                     <Tab className={classes.tab} label="Description" />
                     <Tab className={classes.tab} label="Inputs" />
-- 
2.30.2