fix: Auto-scale Y-axis when filtering chart series

When a series is selected/filtered, the Y-axis now automatically
adjusts to fit only the visible series data range instead of
maintaining the original scale. This provides better visualization
of the selected series without huge empty spaces or peaks.

Author: alok87

packages/app/src/HDXMultiSeriesTimeChart.tsx

@@ -489,6 +489,44 @@ export const MemoChart = memo(function MemoChart({
     });
   }, [lineData, displayType, id, isHovered, selectedSeriesNames]);
 
+  const yAxisDomain = useMemo(() => {
+    const hasSelection = selectedSeriesNames && selectedSeriesNames.size > 0;
+    
+    if (!hasSelection) {
+      // No selection, let Recharts auto-calculate based on all data
+      return ['auto', 'auto'];
+    }
+
+    // When series are selected, calculate domain based only on visible series
+    let minValue = Infinity;
+    let maxValue = -Infinity;
+
+    graphResults.forEach(dataPoint => {
+      lineData.forEach(ld => {
+        const seriesName = ld.displayName || ld.dataKey;
+        // Only consider selected series
+        if (selectedSeriesNames.has(seriesName)) {
+          const value = dataPoint[ld.dataKey];
+          if (typeof value === 'number' && !isNaN(value)) {
+            minValue = Math.min(minValue, value);
+            maxValue = Math.max(maxValue, value);
+          }
+        }
+      });
+    });
+
+    // If we found valid values, return them with some padding
+    if (minValue !== Infinity && maxValue !== -Infinity) {
+      const padding = (maxValue - minValue) * 0.1; // 10% padding
+      return [
+        Math.max(0, minValue - padding), // Don't go below 0
+        maxValue + padding
+      ];
+    }
+
+    return ['auto', 'auto'];
+  }, [graphResults, lineData, selectedSeriesNames]);
+
   const sizeRef = useRef<[number, number]>([0, 0]);
 
   const formatTime = useFormatTime();
@@ -680,6 +718,7 @@ export const MemoChart = memo(function MemoChart({
           minTickGap={25}
           tickFormatter={tickFormatter}
           tick={{ fontSize: 11, fontFamily: 'IBM Plex Mono, monospace' }}
+          domain={yAxisDomain}
         />
         {lines}
         {isClickActive == null && (