feat(dashboard, risk): add SWR query hook and lazy load charts

src/modules/dashboard/dashboard-console.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import dynamic from "next/dynamic";
 import Link from "next/link";
 import { useCallback, useEffect, useMemo, useState, type ReactElement, type ReactNode } from "react";
 import { useTranslation } from "react-i18next";
@@ -35,16 +36,6 @@ import { AdminNoResourceState, AdminTableNoResourceRow } from "@/components/admi
 import { Button, buttonVariants } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Skeleton } from "@/components/ui/skeleton";
-import {
-  AbnormalTransferPanelFooter,
-  CapUsageBar,
-  FinanceStructureChart,
-  HotUsageBars,
-  ResultBatchQueueSummary,
-  PlatformLifetimePayoutSnapshot,
-  DashboardPanelCard,
-  SettlementStatusChart,
-} from "@/modules/dashboard/dashboard-visuals";
 import { useAdminCurrencyCatalog } from "@/hooks/use-admin-currency-catalog";
 import { adminWeekdayKeyForDate, formatAdminCalendarToday } from "@/lib/admin-datetime";
 import { normalizeAdminLanguage } from "@/i18n";
@@ -66,6 +57,40 @@ import type { AdminDrawFinanceSummaryData } from "@/types/api/admin-draw-finance
 import type { AdminRiskPoolRow } from "@/types/api/admin-risk";
 import type { DrawCurrentSnapshot } from "@/types/api/public-draw";
 
+// recharts 图表组件懒加载，避免 ~200KB 进入主 bundle
+const DashboardPanelCard = dynamic(
+  () => import("@/modules/dashboard/dashboard-visuals").then((m) => ({ default: m.DashboardPanelCard })),
+  { ssr: false },
+);
+const AbnormalTransferPanelFooter = dynamic(
+  () => import("@/modules/dashboard/dashboard-visuals").then((m) => ({ default: m.AbnormalTransferPanelFooter })),
+  { ssr: false },
+);
+const CapUsageBar = dynamic(
+  () => import("@/modules/dashboard/dashboard-visuals").then((m) => ({ default: m.CapUsageBar })),
+  { ssr: false },
+);
+const FinanceStructureChart = dynamic(
+  () => import("@/modules/dashboard/dashboard-visuals").then((m) => ({ default: m.FinanceStructureChart })),
+  { ssr: false },
+);
+const HotUsageBars = dynamic(
+  () => import("@/modules/dashboard/dashboard-visuals").then((m) => ({ default: m.HotUsageBars })),
+  { ssr: false },
+);
+const ResultBatchQueueSummary = dynamic(
+  () => import("@/modules/dashboard/dashboard-visuals").then((m) => ({ default: m.ResultBatchQueueSummary })),
+  { ssr: false },
+);
+const PlatformLifetimePayoutSnapshot = dynamic(
+  () => import("@/modules/dashboard/dashboard-visuals").then((m) => ({ default: m.PlatformLifetimePayoutSnapshot })),
+  { ssr: false },
+);
+const SettlementStatusChart = dynamic(
+  () => import("@/modules/dashboard/dashboard-visuals").then((m) => ({ default: m.SettlementStatusChart })),
+  { ssr: false },
+);
+
 type HotPlayTab = "4D" | "3D" | "2D" | "special";
 
 function formatMoneyMinor(minor: number, currencyCode: string | null): string {