dashboard-nanobot/frontend/src/modules/platform/PlatformAdminDashboardPage.tsx

import '../../components/skill-market/SkillMarketShared.css';
import { PlatformSummaryCards } from './components/PlatformSummaryCards';
import { PlatformUsageAnalyticsSection } from './components/PlatformUsageAnalyticsSection';
import { PlatformBotActivityAnalyticsSection } from './components/PlatformBotActivityAnalyticsSection';
import { usePlatformDashboard } from './hooks/usePlatformDashboard';
import './PlatformDashboardPage.css';

interface PlatformAdminDashboardPageProps {
  compactMode: boolean;
}

export function PlatformAdminDashboardPage({ compactMode }: PlatformAdminDashboardPageProps) {
  const dashboard = usePlatformDashboard({ compactMode });

  return (
    <section className="panel stack skill-market-page-shell platform-admin-page-shell">
      <div className="skill-market-page-workspace platform-admin-page-workspace">
        <PlatformSummaryCards
          isZh={dashboard.isZh}
          overview={dashboard.overview}
          overviewBots={dashboard.overviewBots}
          overviewImages={dashboard.overviewImages}
          overviewResources={dashboard.overviewResources}
        />

        <div className="platform-analytics-grid">
          <PlatformUsageAnalyticsSection
            isZh={dashboard.isZh}
            usageAnalytics={dashboard.usageAnalytics}
            usageAnalyticsMax={dashboard.usageAnalyticsMax}
            usageAnalyticsSeries={dashboard.usageAnalyticsSeries}
            usageAnalyticsTicks={dashboard.usageAnalyticsTicks}
            usageLoading={dashboard.usageLoading}
            usageSummary={dashboard.usageSummary}
          />

          <PlatformBotActivityAnalyticsSection
            isZh={dashboard.isZh}
            activityStats={dashboard.activityStats}
            loading={dashboard.loading}
          />
        </div>
      </div>
    </section>
  );
}