Merge branch '20513-link-cwl-code' refs #20513

Arvados-DCO-1.1-Signed-off-by: Peter Amstutz <peter.amstutz@curii.com>

diff --cc src/views/process-panel/process-details-attributes.tsx
index b0d8039f93d14e506aaee8c3ac840b518fdb84ff,4979e391730972b6c463f0142e930e661aac7d67..ffacd967f4d8e289edf6f9bf66bf31a3c59d2ea1
--- 1/src/views/process-panel/process-details-attributes.tsx
--- 2/src/views/process-panel/process-details-attributes.tsx
+++ b/src/views/process-panel/process-details-attributes.tsx
@@@ -67,10 -96,10 +96,12 @@@ export const ProcessDetailsAttributes 
              const subprocesses = props.subprocesses;
              const classes = props.classes;
              const mdSize = props.twoCol ? 6 : 12;
+             const workflowCollection = props.workflowCollection;
+             const workflowPath = props.workflowPath;
              const filteredPropertyKeys = Object.keys(containerRequest.properties)
                  .filter(k => (typeof containerRequest.properties[k] !== 'object'));
 +            const hasTotalCost = containerRequest && containerRequest.cumulativeCost > 0;
 +            const totalCostNotReady = container && container.cost > 0 && container.state === "Running" && containerRequest && containerRequest.cumulativeCost === 0 && subprocesses.length > 0;
              return <Grid container>
                  <Grid item xs={12}>
                      <ProcessRuntimeStatus runtimeStatus={container?.runtimeStatus} containerCount={containerRequest.containerCount} />
@@@ -129,10 -158,16 +160,14 @@@
                          <CollectionName className={classes.link} uuid={containerRequest.outputUuid} />
                      </span>}
                  </Grid>
 -                {container && container.cost > 0 && <Grid item xs={12} md={mdSize}>
 -                    <DetailsAttribute label='Cost ' value={formatContainerCost(container.cost)} />
 -                </Grid>}
 -
 -            {container && workflowCollection && <Grid item xs={12} md={mdSize}>
 -                <DetailsAttribute label='Workflow code' link={getCollectionUrl(workflowCollection)} value={workflowPath} />
 -            </Grid>}
 +                {container && <Grid item xs={12} md={mdSize}>
 +                    <DetailsAttribute label='Cost' value={
 +                        `${hasTotalCost ? formatContainerCost(containerRequest.cumulativeCost) + ' total, ' : (totalCostNotReady ? 'total pending completion, ' : '')}${container.cost > 0 ? formatContainerCost(container.cost) : 'not available'} for this container`
 +                    } />
+ 
 -                {containerRequest && containerRequest.cumulativeCost > 0 && subprocesses.length > 0 && <Grid item xs={12} md={mdSize}>
 -                    <DetailsAttribute label='Container &amp; subprocess cost' value={formatContainerCost(containerRequest.cumulativeCost)} />
++                    {container && workflowCollection && <Grid item xs={12} md={mdSize}>
++                        <DetailsAttribute label='Workflow code' link={getCollectionUrl(workflowCollection)} value={workflowPath} />
++                    </Grid>}
                  </Grid>}
                  {containerRequest.properties.template_uuid &&
                      <Grid item xs={12} md={mdSize}>