feat: enhance dataset size display and selection panel functionality

- Add functionality to calculate and format total file size for selected datasets.
- Update UI to display total size alongside the count of selected datasets.
- Refactor existing methods to improve clarity and maintainability in size calculations.
- Introduce new utility methods for file size formatting and total size calculation from datasets.

Author: RogersPyke

docs/index.html

@@ -88,10 +88,12 @@ <h1 class="header-title">RoboCOIN-DataManager</h1>
                 <span class="stat-inline">
                     <span class="stat-label">Filtered:</span>
                     <strong id="filteredCount">0</strong>
+                    <span id="filteredInfo"> repos</span>
                 </span>
                 <span class="stat-inline">
                     <span class="stat-label">Selected:</span>
                     <strong id="selectedCount">0</strong>
+                    <span id="selectedInfo"> repos</span>
                 </span>
             </div>
         </div>

docs/js/app.js

@@ -153,8 +153,18 @@ class Application {
         const searchQuery = document.getElementById('searchBox')?.value || '';
         const filteredDatasets = this.filterManager.applyFilters(searchQuery);
 
+        // Get selected datasets array from selectedDatasets Set
+        const selectedDatasetsArray = Array.from(this.selectedDatasets)
+            .map(path => dataManager.datasetMap.get(path))
+            .filter(ds => ds !== undefined);
+        
         // Update counts
-        this.uiUtils.updateCounts(filteredDatasets.length, this.selectedDatasets.size);
+        this.uiUtils.updateCounts(
+            filteredDatasets.length, 
+            this.selectedDatasets.size, 
+            filteredDatasets,
+            selectedDatasetsArray
+        );
 
         // Update filter counts in UI
         this.updateFilterCounts(filteredDatasets);

docs/js/modules/config.js

@@ -316,6 +316,46 @@ class ConfigManager {
         return null;
     }
 
+    /**
+     * Format file size from bytes to human-readable string (GB or TB)
+     * @param {number} totalBytes - Total size in bytes
+     * @returns {string} Formatted size string (e.g., "1.5GB" or "0.3TB")
+     */
+    static formatFileSize(totalBytes) {
+        const TB = 1e12;
+        const GB = 1e9;
+        const useTB = totalBytes >= TB;
+        const value = useTB ? (totalBytes / TB) : (totalBytes / GB);
+        const formatted = (Math.round(value * 10) / 10).toFixed(1);
+        const unit = useTB ? 'TB' : 'GB';
+        return `${formatted}${unit}`;
+    }
+
+    /**
+     * Calculate total size in bytes from an array of datasets
+     * @param {Dataset[]} datasets - Array of datasets
+     * @returns {number|null} Total size in bytes, or null if no valid sizes found
+     */
+    static calculateTotalSizeFromDatasets(datasets) {
+        if (!datasets || datasets.length === 0) {
+            return null;
+        }
+        
+        let totalBytes = 0;
+        let hasValidSize = false;
+        
+        for (const ds of datasets) {
+            const size = ds?.datasetSize ?? ds?.raw?.dataset_size;
+            const bytes = this.parseDatasetSizeToBytes(size);
+            if (bytes !== null) {
+                totalBytes += bytes;
+                hasValidSize = true;
+            }
+        }
+        
+        return hasValidSize ? totalBytes : null;
+    }
+
     /**
      * Build the required storage comment for a list of datasets.
      * Rules:
@@ -335,24 +375,16 @@ class ConfigManager {
             return '# Required storage:  ---GB/TB.\n# Disk usage may be larger.';
         }
 
-        let totalBytes = 0;
-        for (const path of datasetPaths) {
-            const ds = datasetMap.get(path);
-            const size = ds?.datasetSize ?? ds?.raw?.dataset_size;
-            const bytes = this.parseDatasetSizeToBytes(size);
-            if (bytes === null) {
-                return '# Required storage:  ---GB/TB.\n# Disk usage may be larger.';
-            }
-            totalBytes += bytes;
+        // Build datasets array from paths
+        const datasets = datasetPaths.map(path => datasetMap.get(path)).filter(ds => ds !== undefined);
+        const totalBytes = this.calculateTotalSizeFromDatasets(datasets);
+        
+        if (totalBytes === null) {
+            return '# Required storage:  ---GB/TB.\n# Disk usage may be larger.';
         }
-
-        const TB = 1e12;
-        const GB = 1e9;
-        const useTB = totalBytes >= TB;
-        const value = useTB ? (totalBytes / TB) : (totalBytes / GB);
-        const formatted = (Math.round(value * 10) / 10).toFixed(1);
-        const unit = useTB ? 'TB' : 'GB';
-        return `# Required storage:  ${formatted}${unit}.\n# Disk usage may be larger.`;
+        
+        const formattedSize = this.formatFileSize(totalBytes);
+        return `# Required storage:  ${formattedSize}.\n# Disk usage may be larger.`;
     }
 
     /**

docs/js/modules/selection-panel.js

@@ -57,11 +57,44 @@ export class SelectionPanelManager {
         this._sortedPathsCache = null;
     }
 
+    /**
+     * Calculate and format total file size for selected datasets
+     * @returns {string} Formatted size string (e.g., " repos, 1.5GB")
+     */
+    _calculateSelectedTotalSize() {
+        if (this.selectedDatasets.size === 0) {
+            return ' repos';
+        }
+        
+        // Build datasets array from selected paths
+        const datasets = Array.from(this.selectedDatasets)
+            .map(path => this.datasetMap.get(path))
+            .filter(ds => ds !== undefined);
+        
+        const totalBytes = ConfigManager.calculateTotalSizeFromDatasets(datasets);
+        
+        if (totalBytes === null) {
+            return ' repos';
+        }
+        
+        const formattedSize = ConfigManager.formatFileSize(totalBytes);
+        return ` repos, ${formattedSize}`;
+    }
+
     /**
      * Update selection panel with virtual scrolling
      */
     updateSelectionPanel() {
-        document.getElementById('selectedCount').textContent = this.selectedDatasets.size;
+        const selectedCountEl = document.getElementById('selectedCount');
+        const selectedInfoEl = document.getElementById('selectedInfo');
+        
+        if (selectedCountEl) {
+            selectedCountEl.textContent = this.selectedDatasets.size;
+        }
+        
+        if (selectedInfoEl) {
+            selectedInfoEl.textContent = this._calculateSelectedTotalSize();
+        }
 
         const list = document.getElementById('selectionList');
         if (!list) return;

docs/js/modules/ui-utils.js

@@ -244,17 +244,51 @@ export class UIUtils {
         }
     }
 
+    /**
+     * Calculate and format total file size for datasets
+     * @param {Dataset[]} datasets - Array of datasets
+     * @returns {string} Formatted size string (e.g., " repos, 1.5GB")
+     */
+    calculateTotalSize(datasets) {
+        if (!datasets || datasets.length === 0) {
+            return ' repos';
+        }
+        
+        const totalBytes = ConfigManager.calculateTotalSizeFromDatasets(datasets);
+        
+        if (totalBytes === null) {
+            return ' repos';
+        }
+        
+        const formattedSize = ConfigManager.formatFileSize(totalBytes);
+        return ` repos, ${formattedSize}`;
+    }
+
     /**
      * Update counts display
      * @param {number} filteredCount - Filtered datasets count
      * @param {number} selectedCount - Selected datasets count
+     * @param {Dataset[]} [filteredDatasets] - Optional filtered datasets array for size calculation
+     * @param {Dataset[]} [selectedDatasets] - Optional selected datasets array for size calculation
      */
-    updateCounts(filteredCount, selectedCount) {
+    updateCounts(filteredCount, selectedCount, filteredDatasets = null, selectedDatasets = null) {
         const filteredEl = document.getElementById('filteredCount');
         const selectedEl = document.getElementById('selectedCount');
+        const filteredInfoEl = document.getElementById('filteredInfo');
+        const selectedInfoEl = document.getElementById('selectedInfo');
 
         if (filteredEl) filteredEl.textContent = filteredCount;
         if (selectedEl) selectedEl.textContent = selectedCount;
+        
+        // Calculate and display total file size for filtered datasets
+        if (filteredInfoEl) {
+            filteredInfoEl.textContent = this.calculateTotalSize(filteredDatasets);
+        }
+        
+        // Calculate and display total file size for selected datasets
+        if (selectedInfoEl) {
+            selectedInfoEl.textContent = this.calculateTotalSize(selectedDatasets);
+        }
     }
 
     /**