feat: implement multi-source weather data collection system and dashboard frontend with integrated analysis services.

frontend/components/dashboard/PolyWeatherDashboard.tsx

@@ -6,11 +6,22 @@ import {
   DashboardStoreProvider,
   useDashboardStore,
 } from "@/hooks/useDashboardStore";
+import { preloadChartJs } from "@/hooks/useChart";
 import { I18nProvider, useI18n } from "@/hooks/useI18n";
 import { CitySidebar } from "@/components/dashboard/CitySidebar";
 import { DetailPanel } from "@/components/dashboard/DetailPanel";
 import { HeaderBar } from "@/components/dashboard/HeaderBar";
 
+const loadHistoryModal = () =>
+  import("@/components/dashboard/HistoryModal").then(
+    (module) => module.HistoryModal,
+  );
+
+const loadFutureForecastModal = () =>
+  import("@/components/dashboard/FutureForecastModal").then(
+    (module) => module.FutureForecastModal,
+  );
+
 const MapCanvas = dynamic(
   () =>
     import("@/components/dashboard/MapCanvas").then((module) => module.MapCanvas),
@@ -21,10 +32,7 @@ const MapCanvas = dynamic(
 );
 
 const HistoryModal = dynamic(
-  () =>
-    import("@/components/dashboard/HistoryModal").then(
-      (module) => module.HistoryModal,
-    ),
+  loadHistoryModal,
   {
     ssr: false,
     loading: () => null,
@@ -32,10 +40,7 @@ const HistoryModal = dynamic(
 );
 
 const FutureForecastModal = dynamic(
-  () =>
-    import("@/components/dashboard/FutureForecastModal").then(
-      (module) => module.FutureForecastModal,
-    ),
+  loadFutureForecastModal,
   {
     ssr: false,
     loading: () => null,
@@ -77,6 +82,42 @@ function DashboardScreen() {
     };
   }, [store]);
 
+  useEffect(() => {
+    const browserWindow = window as Window & {
+      requestIdleCallback?: (
+        cb: IdleRequestCallback,
+        options?: IdleRequestOptions,
+      ) => number;
+      cancelIdleCallback?: (handle: number) => void;
+    };
+    if (typeof browserWindow.requestIdleCallback === "function") {
+      const handle = browserWindow.requestIdleCallback(() => {
+        void loadHistoryModal();
+        void loadFutureForecastModal();
+      }, { timeout: 1200 });
+      return () => {
+        if (typeof browserWindow.cancelIdleCallback === "function") {
+          browserWindow.cancelIdleCallback(handle);
+        }
+      };
+    }
+
+    const timeoutId = window.setTimeout(() => {
+      void loadHistoryModal();
+      void loadFutureForecastModal();
+    }, 500);
+    return () => {
+      window.clearTimeout(timeoutId);
+    };
+  }, []);
+
+  useEffect(() => {
+    if (!store.selectedCity) return;
+    void preloadChartJs();
+    void loadHistoryModal();
+    void loadFutureForecastModal();
+  }, [store.selectedCity]);
+
   // Avoid full-page flashing on initial load; only show this overlay for manual refresh.
   const showLoading =
     store.loadingState.cities ||