Merge branch 'main' into 21386-project-loading-view

[arvados.git] / services / workbench2 / src / views / workflow-panel / registered-workflow-panel.tsx

diff --git a/services/workbench2/src/views/workflow-panel/registered-workflow-panel.tsx b/services/workbench2/src/views/workflow-panel/registered-workflow-panel.tsx
index 578ca1a0e1742e69fc4f93c65b0e9d8738f0ad55..aa4c1b29d430538d4fdab7fcf574e1e14030f74e 100644 (file)
--- a/services/workbench2/src/views/workflow-panel/registered-workflow-panel.tsx
+++ b/services/workbench2/src/views/workflow-panel/registered-workflow-panel.tsx
@@ -136,9 +136,9 @@ export const RegisteredWorkflowPanel = withStyles(styles)(connect(
                 const { classes, item, inputParams, outputParams, workflowCollection } = this.props;
                 const panelsData: MPVPanelState[] = [
                     { name: "Details" },
-                    { name: "Inputs" },
+                    { name: "Runs" },
                     { name: "Outputs" },
-                    { name: "Executions" },
+                    { name: "Inputs" },
                     { name: "Definition" },
                 ];
                 return item
@@ -181,27 +181,28 @@ export const RegisteredWorkflowPanel = withStyles(styles)(connect(
                                 </CardContent>
                             </Card>
                         </MPVPanelContent>
-                        <MPVPanelContent forwardProps xs data-cy="process-inputs">
+                        <MPVPanelContent forwardProps xs maxHeight="100%">
+                            <WorkflowProcessesPanel />
+                        </MPVPanelContent>
+                        <MPVPanelContent forwardProps xs data-cy="process-outputs" maxHeight="100%">
                             <ProcessIOCard
-                                label={ProcessIOCardType.INPUT}
-                                params={inputParams}
+                                label={ProcessIOCardType.OUTPUT}
+                                params={outputParams}
                                 raw={{}}
                                 forceShowParams={true}
                             />
                         </MPVPanelContent>
-                        <MPVPanelContent forwardProps xs data-cy="process-outputs">
+                        <MPVPanelContent forwardProps xs data-cy="process-inputs" maxHeight="100%">
                             <ProcessIOCard
-                                label={ProcessIOCardType.OUTPUT}
-                                params={outputParams}
+                                label={ProcessIOCardType.INPUT}
+                                params={inputParams}
                                 raw={{}}
                                 forceShowParams={true}
                             />
                         </MPVPanelContent>
-                        <MPVPanelContent forwardProps xs>
-                            <WorkflowProcessesPanel />
-                        </MPVPanelContent>
-                        <MPVPanelContent xs>
+                        <MPVPanelContent xs maxHeight="100%">
                             <Card className={classes.filesCard}>
+                                <CardHeader title="Workflow Definition" />
                                 <ProcessOutputCollectionFiles isWritable={false} currentItemUuid={workflowCollection} />
                             </Card>
                         </MPVPanelContent>