import { useTranslation } from 'react-i18next';
import { DashboardBuilder } from '@/components/dashboard/DashboardBuilder';

/**
 * Dashboard page — pure host (Phase M4).
 *
 * All content (stat cards, activity feed, system metrics, plugin widgets)
 * now lives in personal MiniApp instances managed by the builder. The
 * former hard-coded blocks were migrated to widgets in M4:
 * - StatCards        -> ContactsStatsWidget (contacts plugin, contacts:read)
 * - ActivityFeed     -> AuditActivityWidget (system, audit:read)
 * - System Metrics   -> SystemMetricsWidget (system, settings:read)
 */

export function DashboardPage() {
  const { t } = useTranslation();

  return (
    <div className="p-6 max-w-7xl mx-auto" data-testid="dashboard-page">
      <h1 className="text-2xl font-bold text-secondary-900 mb-6">{t('dashboard.title')}</h1>
      <DashboardBuilder />
    </div>
  );
}

export default DashboardPage;