Handle new data object aggregation on front end

Update the type definition for the response from `data_object/workflow_summary` and
update the display strings in the bulk download component.

Author: naglepuff

web/src/components/BulkDownload.vue

@@ -35,13 +35,21 @@ export default defineComponent({
       download,
     } = useBulkDownload(stateRefs.conditions, dataObjectFilter);
 
+    function createLabelString(label: string, count: number, size: number): string {
+      const labelString = `${label} (${count}`;
+      if (size > 0) {
+        return `${labelString}, ${humanFileSize(size)})`;
+      }
+      return `${labelString})`;
+    }
+
     const options = computed(() => Object.entries(downloadOptions.value)
       .map(([key, val]) => ({
         id: key,
-        label: `${key} (${val.count})`,
-        children: Object.entries(val.file_types).map(([filetype, count]) => ({
+        label: createLabelString(key, val.count, val.size),
+        children: Object.entries(val.file_types).map(([filetype, fileTypeStats]) => ({
           id: `${key}::${filetype}`,
-          label: `${filetype} (${count})`,
+          label: createLabelString(filetype, fileTypeStats.count, fileTypeStats.size),
         })),
       })));
 

web/src/data/api.ts

@@ -294,7 +294,8 @@ export const opMap: Record<opType, string> = {
 // See https://github.com/microbiomedata/nmdc-server/pull/403 for documentation
 export type BulkDownloadSummary = Record<string, {
   count: number;
-  file_types: Record<string, number>,
+  size: number;
+  file_types: Record<string, { count: number, size: number }>,
 }>;
 
 export type BulkDownloadAggregateSummary = {