From db2c67060ba7d72c166e1af1f0a0687d66e0b39e Mon Sep 17 00:00:00 2001
From: "christian.vidal" <christianvidalwolf@gmail.com>
Date: Thu, 29 Jan 2026 20:31:44 +0100
Subject: [PATCH] Implement Dashboard-specific YTD filtering

---
 App.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/App.tsx b/App.tsx
index bc1cba2..0ef46ac 100644
--- a/App.tsx
+++ b/App.tsx
@@ -525,6 +525,20 @@ const App: React.FC = () => {
     });
   }, [combinedAdsData, gridContext.maxWeek]);
 
+  // Derived Data for Dashboard (YTD Filtered - Isolated)
+  // Dashboard needs aggregated data respecting the max week limit of current year.
+  const ytdFilteredData = useMemo(() => {
+    return filteredData.filter(r => r.week <= gridContext.maxWeek);
+  }, [filteredData, gridContext.maxWeek]);
+
+  const ytdFilteredAdsData = useMemo(() => {
+    return filteredAdsData.filter(r => r.week <= gridContext.maxWeek);
+  }, [filteredAdsData, gridContext.maxWeek]);
+
+  const ytdAggregatedData = useMemo(() => {
+    return aggregateData(ytdFilteredData);
+  }, [ytdFilteredData]);
+
   // Derived Data for Views
   const years = useMemo(() => getUniqueValues(rawData, 'year').sort().reverse(), [rawData]);
 
@@ -701,7 +715,7 @@ const App: React.FC = () => {
             <FilterBar filters={filters} onFilterChange={handleFilterChange} options={filterOptions} />
             <div className="mt-6">
               <div className={view === 'dashboard' ? '' : 'hidden'}>
-                <Dashboard data={aggregatedData} filterState={filters} adsData={filteredAdsData} stockMap={stockMap} />
+                <Dashboard data={ytdAggregatedData} filterState={filters} adsData={ytdFilteredAdsData} stockMap={stockMap} />
               </div>
 
               <Suspense fallback={<LoadingSpinner />}>