fix: cache wykresów — eliminacja race condition z dynamic import

frontend/app/dashboard/components/ChartsSection.tsx

@@ -16,6 +16,7 @@ import EmotionalPieChart from "../../../components/EmotionalPieChart";
 import FakeNewsBarChart from "../../../components/FakeNewsBarChart";
 import ProgressBar from "../../../components/ProgressBar";
 import { useDashboardCharts } from "../../hooks/useDashboardCharts";
+import { useNewsCache } from "../../stores/newsCache";
 import locales from "../../../lib/locales";
 import MiniSpinner from "./MiniSpinner";
 import ArticlesModal from "./ArticlesModal";
@@ -94,11 +95,10 @@ export default function ChartsSection({
 
   useEffect(() => {
     setIsClient(true);
-
-    import("../../../app/stores/newsCache").then(({ useNewsCache }) => {
-      const cache = useNewsCache.getState();
-      setCachedCharts(cache.get<ChartsCache>(CHARTS_CACHE_KEY));
-    });
+    // Synchroniczny odczyt — brak dynamic import eliminuje race condition
+    // z hasLoadedRef, który blokował użycie cache na kolejnych wejściach
+    const cached = useNewsCache.getState().get<ChartsCache>(CHARTS_CACHE_KEY);
+    setCachedCharts(cached);
   }, []);
 
   useEffect(() => {
@@ -189,20 +189,17 @@ export default function ChartsSection({
 
     if (!barData?.length && !emotionData?.length) return;
 
-    import("../../../app/stores/newsCache").then(({ useNewsCache }) => {
-      const cache = useNewsCache.getState();
-
-      const currentCache = cache.get<ChartsCache>(CHARTS_CACHE_KEY);
-      const areDataEqual =
-        JSON.stringify(currentCache?.barData) === JSON.stringify(barData) &&
-        JSON.stringify(currentCache?.emotionData) === JSON.stringify(emotionData);
+    const cache = useNewsCache.getState();
+    const currentCache = cache.get<ChartsCache>(CHARTS_CACHE_KEY);
+    const areDataEqual =
+      JSON.stringify(currentCache?.barData) === JSON.stringify(barData) &&
+      JSON.stringify(currentCache?.emotionData) === JSON.stringify(emotionData);
 
-      if (areDataEqual) return;
+    if (areDataEqual) return;
 
-      const payload: ChartsCache = { barData, emotionData, totalSources };
-      cache.set(CHARTS_CACHE_KEY, payload);
-      setCachedCharts(payload);
-    });
+    const payload: ChartsCache = { barData, emotionData, totalSources };
+    cache.set(CHARTS_CACHE_KEY, payload);
+    setCachedCharts(payload);
   }, [
     isClient,
     chartsStarted,

frontend/app/hooks/useDashboardCharts.ts

@@ -159,6 +159,9 @@ if (barsMap.size === 0) return; // nic w cache — nie nadpisuj pustą tablicą
 
     const workers = Array.from({ length: CONCURRENCY }, () => fetchWorker());
     await Promise.allSettled(workers);
+
+    // Wymuś przeliczenie po zakończeniu — CACHE HIT nie wyzwala subskrypcji Zustand
+    recomputeFromCache();
     setChartsLoading(false);
 
     console.log("[CHARTS] gotowe. barData końcowy:", barData.map(b => b.label));