Fix sunburst: aggregate sub-threshold files instead of filtering (#64)

* Fix size representation by aggregating small files into 'Other files' node
* Remove package-lock.json from tracking (already in .gitignore)

Co-authored-by: zz85 <314997+zz85@users.noreply.github.com>

Author: Copilot

app/js/data.js

@@ -55,8 +55,50 @@ function setNodeFilter(data) {
     }
     if (!d._children) return null
 
-    const children = d._children.filter(c => (c.sum / data.sum) * 100 > HIDE_THRESHOLD)
-    return children
+    // Separate children into visible and hidden based on threshold
+    // NOTE: Threshold is calculated relative to the parent node (d.sum), not the root.
+    // This ensures correct filtering behavior when zoomed into subdirectories.
+    const visibleChildren = []
+    const hiddenChildren = []
+    
+    d._children.forEach(c => {
+      if ((c.sum / d.sum) * 100 > HIDE_THRESHOLD) {
+        visibleChildren.push(c)
+      } else {
+        hiddenChildren.push(c)
+      }
+    })
+    
+    // If there are hidden children, create an aggregate "Other files" node
+    // This ensures the visual representation accurately reflects the actual space usage
+    if (hiddenChildren.length > 0) {
+      // Calculate total size and count of hidden items
+      let otherSum = 0
+      let otherCount = 0
+      hiddenChildren.forEach(c => {
+        otherSum += c.sum
+        otherCount += c.count
+      })
+      
+      // Create synthetic "Other files" node
+      const otherNode = {
+        name: `Other files (${hiddenChildren.length} items)`,
+        sum: otherSum,
+        count: otherCount,
+        size: otherSum,
+        value: otherSum,
+        depth: d.depth + 1,
+        parent: d,
+        _children: null,  // Other files node has no children
+        children: null,
+        _isOtherFiles: true,  // Mark this as a synthetic node
+        color: d3.lab(85, 0, 0)  // Light gray color to distinguish it
+      }
+      
+      visibleChildren.push(otherNode)
+    }
+    
+    return visibleChildren
     // return depth < LEVELS ? d._children : null;
   })
 }

app/js/sunburst.js

@@ -206,6 +206,9 @@ function SunBurst() {
   }
 
   function zoomIn(p) {
+    // Prevent zooming into "Other files" synthetic nodes
+    if (p._isOtherFiles) return
+
     if (p.depth > 1) {
       p = p.parent
     }