@omersx/bemms 0.0.0-stage → 0.1.0

package/src/app/(dashboard)/reports/page.tsx

@@ -0,0 +1,120 @@
+import Link from 'next/link';
+import { auth } from '@/lib/auth';
+import { redirect } from 'next/navigation';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import {
+  Monitor, TicketCheck, Wrench, DollarSign, Users,
+  History, ArrowRight,
+} from 'lucide-react';
+
+const reportTypes = [
+  {
+    title: 'Inventory Report',
+    description: 'Devices by status, department, category, and manufacturer',
+    href: '/reports/inventory',
+    icon: Monitor,
+    color: 'text-blue-500',
+  },
+  {
+    title: 'Ticket Performance',
+    description: 'Response times, priorities, backlog, and resolution rates',
+    href: '/reports/tickets',
+    icon: TicketCheck,
+    color: 'text-orange-500',
+  },
+  {
+    title: 'PM Compliance',
+    description: 'Preventive maintenance completion rates and overdue items',
+    href: '/reports/maintenance',
+    icon: Wrench,
+    color: 'text-green-500',
+  },
+  {
+    title: 'Maintenance Costs',
+    description: 'Parts, vendor services, and labor costs by device and department',
+    href: '/reports/costs',
+    icon: DollarSign,
+    color: 'text-purple-500',
+  },
+  {
+    title: 'Engineer Workload',
+    description: 'Task distribution, resolution times, and PM completion',
+    href: '/reports/workload',
+    icon: Users,
+    color: 'text-teal-500',
+  },
+];
+
+export default async function ReportsPage() {
+  const session = await auth();
+  if (!session?.user) redirect('/login');
+
+  return (
+    <div className="space-y-6 max-w-5xl mx-auto">
+      <div>
+        <h1 className="text-2xl md:text-3xl font-bold tracking-tight">Reports</h1>
+        <p className="text-muted-foreground mt-1">
+          Operational statistics and compliance reports
+        </p>
+      </div>
+
+      <Tabs defaultValue="live" className="w-full">
+        <TabsList className="w-full md:w-auto">
+          <TabsTrigger value="live" className="flex-1 md:flex-none min-h-[44px]">
+            Live Statistics
+          </TabsTrigger>
+          <TabsTrigger value="history" className="flex-1 md:flex-none min-h-[44px]">
+            Report History
+          </TabsTrigger>
+        </TabsList>
+
+        <TabsContent value="live" className="mt-6">
+          <div className="grid gap-4 md:grid-cols-2">
+            {reportTypes.map((report) => (
+              <Link key={report.href} href={report.href} className="block">
+                <Card className="hover:bg-muted/50 transition-colors cursor-pointer h-full">
+                  <CardContent className="p-6">
+                    <div className="flex items-start justify-between">
+                      <div className="flex items-start gap-3">
+                        <div className={`mt-0.5 ${report.color}`}>
+                          <report.icon className="h-5 w-5" />
+                        </div>
+                        <div>
+                          <h3 className="font-semibold">{report.title}</h3>
+                          <p className="text-sm text-muted-foreground mt-1">
+                            {report.description}
+                          </p>
+                        </div>
+                      </div>
+                      <ArrowRight className="h-4 w-4 text-muted-foreground mt-1 shrink-0" />
+                    </div>
+                  </CardContent>
+                </Card>
+              </Link>
+            ))}
+          </div>
+        </TabsContent>
+
+        <TabsContent value="history" className="mt-6">
+          <Card>
+            <CardContent className="py-12 text-center">
+              <History className="h-10 w-10 mx-auto text-muted-foreground mb-4" />
+              <h3 className="font-semibold text-lg">Report History</h3>
+              <p className="text-sm text-muted-foreground mt-2 max-w-sm mx-auto">
+                Generated report snapshots will appear here after you export a report.
+              </p>
+              <Link
+                href="/reports/history"
+                className="text-primary text-sm hover:underline mt-4 inline-block"
+              >
+                View all report history →
+              </Link>
+            </CardContent>
+          </Card>
+        </TabsContent>
+      </Tabs>
+    </div>
+  );
+}
+

package/src/app/(dashboard)/reports/tickets/page.tsx

@@ -0,0 +1,139 @@
+import { auth } from '@/lib/auth';
+import { redirect } from 'next/navigation';
+import { getTicketPerformanceReport } from '@/lib/actions/reports';
+import { ReportTransparencyHeader } from '@/components/reports/transparency-header';
+import { ReportSummaryCards } from '@/components/reports/summary-cards';
+import { ReportExportButton } from '@/components/reports/export-button';
+import { Card, CardContent } from '@/components/ui/card';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
+import { ArrowLeft, Ticket, Clock, CheckCircle, AlertCircle } from 'lucide-react';
+import Link from 'next/link';
+
+function formatHours(hours: number | null | undefined): string {
+  if (hours == null) return 'N/A';
+  const h = Math.floor(hours);
+  const m = Math.round((hours - h) * 60);
+  if (h === 0) return `${m}m`;
+  return `${h}h ${m}m`;
+}
+
+export default async function TicketPerformanceReportPage({ searchParams }: { searchParams: Promise<{ [key: string]: string | string[] | undefined }> }) {
+  const session = await auth();
+  if (!session) redirect('/login');
+
+  const resolvedParams = await searchParams;
+
+  const defaultStartDate = new Date();
+  defaultStartDate.setDate(defaultStartDate.getDate() - 30);
+
+  const filters = {
+    hospitalId: typeof resolvedParams.hospitalId === 'string' ? resolvedParams.hospitalId : undefined,
+    departmentId: typeof resolvedParams.departmentId === 'string' ? resolvedParams.departmentId : undefined,
+    startDate: typeof resolvedParams.startDate === 'string' ? resolvedParams.startDate : defaultStartDate.toISOString(),
+    endDate: typeof resolvedParams.endDate === 'string' ? resolvedParams.endDate : new Date().toISOString(),
+  };
+
+  const data = await getTicketPerformanceReport(filters as any);
+
+  const summaryItems = [
+    { label: 'Total Tickets', value: data?.total || 0, icon: Ticket },
+    { label: 'Open', value: data?.openCount || 0, icon: AlertCircle, color: 'text-yellow-600' },
+    { label: 'Resolved', value: data?.closedCount || 0, icon: CheckCircle, color: 'text-green-600' },
+    { label: 'Avg Response', value: formatHours(data?.avgResponseTime), icon: Clock },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center gap-4">
+        <Link href="/reports" className="text-muted-foreground hover:text-foreground inline-flex items-center gap-2">
+          <ArrowLeft className="h-4 w-4" />
+          <span className="hidden sm:inline">Back to Reports</span>
+        </Link>
+        <h1 className="text-2xl font-bold tracking-tight">Ticket Performance Report</h1>
+      </div>
+
+      <ReportTransparencyHeader
+        reportType="tickets"
+        timezone="UTC"
+        dateRange={{ start: filters.startDate, end: filters.endDate }}
+        filters={filters as Record<string, string>}
+        generatedAt={new Date()}
+      />
+
+      <ReportSummaryCards items={summaryItems} />
+
+      {!data || data.total === 0 ? (
+        <Card>
+          <CardContent className="p-6 text-center text-muted-foreground">
+            No ticket data found matching the selected filters.
+          </CardContent>
+        </Card>
+      ) : (
+        <>
+          <div className="grid gap-4 md:hidden">
+            <Card>
+              <CardContent className="p-4 space-y-2">
+                <div className="font-semibold mb-2">Priority Breakdown</div>
+                <div className="text-sm grid grid-cols-2 gap-2">
+                  <span className="text-red-600 font-medium">P1 Critical: {data.priorityP1 || 0}</span>
+                  <span className="text-orange-600 font-medium">P2 High: {data.priorityP2 || 0}</span>
+                  <span className="text-yellow-600 font-medium">P3 Normal: {data.priorityP3 || 0}</span>
+                  <span className="text-green-600 font-medium">P4 Low: {data.priorityP4 || 0}</span>
+                </div>
+              </CardContent>
+            </Card>
+            <Card>
+              <CardContent className="p-4 space-y-2">
+                <div className="font-semibold mb-2">Resolution Metrics</div>
+                <div className="text-sm grid grid-cols-2 gap-2">
+                  <span>Avg Response:</span>
+                  <span className="font-medium">{formatHours(data.avgResponseTime)}</span>
+                  <span>Avg Resolution:</span>
+                  <span className="font-medium">{formatHours(data.avgResolutionTime)}</span>
+                </div>
+              </CardContent>
+            </Card>
+          </div>
+
+          <div className="hidden md:block rounded-md border">
+            <Table>
+              <TableHeader>
+                <TableRow>
+                  <TableHead>Metric</TableHead>
+                  <TableHead className="text-right">Value</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                <TableRow>
+                  <TableCell className="font-medium">Priority 1 (Critical)</TableCell>
+                  <TableCell className="text-right text-red-600 font-medium">{data.priorityP1 || 0}</TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableCell className="font-medium">Priority 2 (High)</TableCell>
+                  <TableCell className="text-right text-orange-600 font-medium">{data.priorityP2 || 0}</TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableCell className="font-medium">Priority 3 (Normal)</TableCell>
+                  <TableCell className="text-right text-yellow-600 font-medium">{data.priorityP3 || 0}</TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableCell className="font-medium">Priority 4 (Low)</TableCell>
+                  <TableCell className="text-right text-green-600 font-medium">{data.priorityP4 || 0}</TableCell>
+                </TableRow>
+                <TableRow>
+                  <TableCell className="font-medium">Avg Resolution Time</TableCell>
+                  <TableCell className="text-right font-medium">{formatHours(data.avgResolutionTime)}</TableCell>
+                </TableRow>
+              </TableBody>
+            </Table>
+          </div>
+        </>
+      )}
+
+      <div className="flex justify-end">
+        <ReportExportButton reportType="tickets" filters={filters as Record<string, string>} />
+      </div>
+    </div>
+  );
+}
+

package/src/app/(dashboard)/reports/workload/page.tsx

@@ -0,0 +1,135 @@
+import { auth } from '@/lib/auth';
+import { redirect } from 'next/navigation';
+import { db } from '@/lib/db';
+import { users } from '@/lib/db/schema';
+import { inArray } from 'drizzle-orm';
+import { getWorkloadReport } from '@/lib/actions/reports';
+import { ReportTransparencyHeader } from '@/components/reports/transparency-header';
+import { ReportSummaryCards } from '@/components/reports/summary-cards';
+import { ReportExportButton } from '@/components/reports/export-button';
+import { Card, CardContent } from '@/components/ui/card';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
+import { ArrowLeft, Users, Briefcase, Clock, Activity } from 'lucide-react';
+import Link from 'next/link';
+
+export default async function WorkloadReportPage({ searchParams }: { searchParams: Promise<{ [key: string]: string | string[] | undefined }> }) {
+  const session = await auth();
+  if (!session) redirect('/login');
+
+  const resolvedParams = await searchParams;
+
+  const filters = {
+    hospitalId: typeof resolvedParams.hospitalId === 'string' ? resolvedParams.hospitalId : undefined,
+    departmentId: typeof resolvedParams.departmentId === 'string' ? resolvedParams.departmentId : undefined,
+    startDate: typeof resolvedParams.startDate === 'string' ? resolvedParams.startDate : undefined,
+    endDate: typeof resolvedParams.endDate === 'string' ? resolvedParams.endDate : undefined,
+  };
+
+  const rawData = await getWorkloadReport(filters as any);
+
+  // Fetch engineer names
+  const engineerIds = rawData.map(r => r.engineerId).filter((id): id is string => id !== null);
+  let engineerMap = new Map<string, string>();
+  
+  if (engineerIds.length > 0) {
+    const engineers = await db.select({ id: users.id, fullName: users.fullName })
+      .from(users)
+      .where(inArray(users.id, engineerIds));
+      
+    engineerMap = new Map(engineers.map(e => [e.id, e.fullName || 'Unknown Engineer']));
+  }
+
+  const data = rawData.map(r => ({
+    ...r,
+    name: r.engineerId ? engineerMap.get(r.engineerId) || r.engineerId : 'Unassigned',
+  }));
+
+  const totalEngineers = data.length;
+  const totalAssigned = data.reduce((acc, curr) => acc + curr.assignedCount, 0);
+  const totalCompleted = data.reduce((acc, curr) => acc + curr.completedCount, 0);
+
+  const summaryItems = [
+    { label: 'Total Engineers', value: totalEngineers, icon: Users },
+    { label: 'Total Tasks Assigned', value: totalAssigned, icon: Briefcase },
+    { label: 'Total Completed', value: totalCompleted, icon: Activity, color: 'text-green-600' },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center gap-4">
+        <Link href="/reports" className="text-muted-foreground hover:text-foreground inline-flex items-center gap-2">
+          <ArrowLeft className="h-4 w-4" />
+          <span className="hidden sm:inline">Back to Reports</span>
+        </Link>
+        <h1 className="text-2xl font-bold tracking-tight">Engineer Workload Report</h1>
+      </div>
+
+      <ReportTransparencyHeader
+        reportType="workload"
+        timezone="UTC"
+        dateRange={{ start: filters.startDate, end: filters.endDate }}
+        filters={filters as Record<string, string>}
+        generatedAt={new Date()}
+      />
+
+      <ReportSummaryCards items={summaryItems} />
+
+      {!data || data.length === 0 ? (
+        <Card>
+          <CardContent className="p-6 text-center text-muted-foreground">
+            No workload data found matching the selected filters.
+          </CardContent>
+        </Card>
+      ) : (
+        <>
+          <div className="grid gap-4 md:hidden">
+            {data.map((item) => (
+              <Card key={item.engineerId || 'unassigned'}>
+                <CardContent className="p-4 space-y-2">
+                  <div className="font-semibold">{item.name}</div>
+                  <div className="text-sm grid grid-cols-2 gap-2">
+                    <span className="text-muted-foreground">Assigned: {item.assignedCount}</span>
+                    <span className="text-green-600 font-medium">Completed: {item.completedCount}</span>
+                    <span className="text-red-600 font-medium col-span-2">P1 Critical: {item.priorityP1Count}</span>
+                  </div>
+                </CardContent>
+              </Card>
+            ))}
+          </div>
+
+          <div className="hidden md:block rounded-md border">
+            <Table>
+              <TableHeader>
+                <TableRow>
+                  <TableHead>Engineer</TableHead>
+                  <TableHead className="text-right">Assigned</TableHead>
+                  <TableHead className="text-right text-green-600">Completed</TableHead>
+                  <TableHead className="text-right text-red-600">P1 Critical</TableHead>
+                  <TableHead className="text-right">PM Rate</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {data.map((item) => (
+                  <TableRow key={item.engineerId || 'unassigned'}>
+                    <TableCell className="font-medium">{item.name}</TableCell>
+                    <TableCell className="text-right">{item.assignedCount}</TableCell>
+                    <TableCell className="text-right font-medium text-green-600">{item.completedCount}</TableCell>
+                    <TableCell className="text-right font-medium text-red-600">{item.priorityP1Count}</TableCell>
+                    <TableCell className="text-right">
+                      {item.assignedCount > 0 ? ((item.completedCount / item.assignedCount) * 100).toFixed(1) : 0}%
+                    </TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </div>
+        </>
+      )}
+
+      <div className="flex justify-end">
+        <ReportExportButton reportType="workload" filters={filters as Record<string, string>} />
+      </div>
+    </div>
+  );
+}
+

package/src/app/(dashboard)/rounds/[id]/page.tsx

@@ -0,0 +1,197 @@
+import { auth } from '@/lib/auth';
+import { redirect } from 'next/navigation';
+import { getRoundDetail } from '@/lib/actions/engineer-rounds';
+import { PageHeader } from '@/components/shared/page-header';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import {
+  CheckCircle2, Circle, SkipForward, AlertTriangle, FileText,
+  Clock, Building2, ShieldCheck, ArrowLeft, Calendar,
+} from 'lucide-react';
+import { cn } from '@/lib/utils';
+import Link from 'next/link';
+
+export const dynamic = 'force-dynamic';
+
+export default async function RoundDetailPage({ params }: { params: Promise<{ id: string }> }) {
+  const session = await auth();
+  if (!session?.user) redirect('/login');
+
+  const { id } = await params;
+  const result = await getRoundDetail(id);
+
+  if (!result.success || !result.data) {
+    return (
+      <div className="max-w-2xl mx-auto space-y-6">
+        <PageHeader title="Round Detail" />
+        <Card>
+          <CardContent className="pt-6 text-center">
+            <p className="text-muted-foreground">{result.error || 'Round not found'}</p>
+            <Link href="/rounds/history">
+              <Button variant="outline" className="mt-4">Back to History</Button>
+            </Link>
+          </CardContent>
+        </Card>
+      </div>
+    );
+  }
+
+  const round = result.data;
+  const formatTime = (ts: Date | string | null | undefined) => {
+    if (!ts) return '—';
+    return new Date(ts).toLocaleTimeString('en-US', {
+      hour: '2-digit', minute: '2-digit', hour12: true,
+    });
+  };
+
+  const formatDate = (d: string) => {
+    return new Date(d + 'T00:00:00').toLocaleDateString('en-US', {
+      weekday: 'long', year: 'numeric', month: 'long', day: 'numeric',
+    });
+  };
+
+  const completedVisits = round.departmentVisits.filter((v: any) => v.status === 'completed');
+  const skippedVisits = round.departmentVisits.filter((v: any) => v.status === 'skipped');
+
+  const statusColor = {
+    completed: 'text-green-600 dark:text-green-400',
+    in_progress: 'text-blue-600 dark:text-blue-400',
+    missed: 'text-red-600 dark:text-red-400',
+    scheduled: 'text-muted-foreground',
+    cancelled: 'text-muted-foreground',
+  };
+
+  return (
+    <div className="max-w-2xl mx-auto space-y-6">
+      <PageHeader title="Round Detail">
+        <Link href="/rounds/history">
+          <Button variant="outline" size="sm" className="gap-1.5">
+            <ArrowLeft className="h-4 w-4" />
+            Back
+          </Button>
+        </Link>
+      </PageHeader>
+
+      {/* Round Info Card */}
+      <Card>
+        <CardContent className="pt-6 space-y-3">
+          <div className="flex items-center justify-between">
+            <h2 className="text-lg font-semibold">{round.engineer?.fullName}</h2>
+            <span className={cn(
+              'text-sm font-medium capitalize',
+              statusColor[round.status as keyof typeof statusColor] || 'text-muted-foreground',
+            )}>
+              {round.status?.replace(/_/g, ' ')}
+            </span>
+          </div>
+          <div className="grid gap-2 text-sm text-muted-foreground">
+            <div className="flex items-center gap-2">
+              <Calendar className="h-4 w-4" />
+              {formatDate(round.roundDate)} · <span className="capitalize">{round.shiftType}</span> shift
+            </div>
+            <div className="flex items-center gap-2">
+              <Building2 className="h-4 w-4" />
+              {round.hospital?.name}
+            </div>
+            <div className="flex items-center gap-2">
+              <Clock className="h-4 w-4" />
+              {formatTime(round.startedAt)} — {formatTime(round.completedAt)}
+            </div>
+            {round.startSignature && (
+              <div className="flex items-center gap-2 text-green-600 dark:text-green-400">
+                <ShieldCheck className="h-4 w-4" />
+                Signed at {formatTime(round.startSignature.signedAt as any)}
+              </div>
+            )}
+          </div>
+
+          {/* Stats */}
+          <div className="flex flex-wrap gap-4 pt-2 border-t text-sm">
+            <div>
+              <span className="text-muted-foreground">Departments: </span>
+              <span className="font-medium">{completedVisits.length}/{round.departmentVisits.length}</span>
+            </div>
+            <div>
+              <span className="text-muted-foreground">Issues: </span>
+              <span className="font-medium">{round.totalIssuesReported}</span>
+            </div>
+            <div>
+              <span className="text-muted-foreground">Notes: </span>
+              <span className="font-medium">{round.totalNotes}</span>
+            </div>
+          </div>
+        </CardContent>
+      </Card>
+
+      {/* Department Visits */}
+      <div className="space-y-2">
+        <h3 className="text-sm font-semibold text-muted-foreground uppercase tracking-wider px-1">
+          Department Visits
+        </h3>
+        {round.departmentVisits.map((visit: any) => (
+          <Card key={visit.id} className={cn(
+            visit.status === 'completed' && 'border-green-200 dark:border-green-900/40',
+            visit.status === 'skipped' && 'opacity-60',
+          )}>
+            <CardContent className="pt-4 pb-4 space-y-2">
+              <div className="flex items-center gap-2">
+                {visit.status === 'completed' ? (
+                  <CheckCircle2 className="h-5 w-5 text-green-500 shrink-0" />
+                ) : visit.status === 'skipped' ? (
+                  <SkipForward className="h-5 w-5 text-muted-foreground shrink-0" />
+                ) : (
+                  <Circle className="h-5 w-5 text-muted-foreground/40 shrink-0" />
+                )}
+                <span className="font-medium">{visit.departmentName}</span>
+                {visit.completedAt && (
+                  <span className="ml-auto text-xs text-muted-foreground">
+                    {formatTime(visit.startedAt)} — {formatTime(visit.completedAt)}
+                  </span>
+                )}
+              </div>
+
+              {/* Notes */}
+              {visit.notes?.length > 0 && (
+                <div className="ml-7 space-y-1.5">
+                  {visit.notes.map((note: any) => (
+                    <div key={note.id} className="text-sm bg-muted/50 rounded-md p-2.5">
+                      <p className="text-foreground">{note.noteText}</p>
+                      {note.deviceMentions?.length > 0 && (
+                        <div className="flex flex-wrap gap-1 mt-1">
+                          {note.deviceMentions.map((m: any, i: number) => (
+                            <span
+                              key={`${m.deviceId}-${i}`}
+                              className="inline-flex items-center text-xs bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400 px-1.5 py-0.5 rounded"
+                            >
+                              @{m.deviceName}
+                            </span>
+                          ))}
+                        </div>
+                      )}
+                    </div>
+                  ))}
+                </div>
+              )}
+
+              {/* Tickets */}
+              {visit.tickets?.length > 0 && (
+                <div className="ml-7 space-y-1">
+                  {visit.tickets.map((ticket: any) => (
+                    <Link
+                      key={ticket.ticketNumber}
+                      href={`/tickets/${ticket.ticketNumber}`}
+                      className="flex items-center gap-2 text-sm text-yellow-600 dark:text-yellow-400 hover:underline"
+                    >
+                      <AlertTriangle className="h-3.5 w-3.5" />
+                      {ticket.ticketNumber} — {ticket.title}
+                    </Link>
+                  ))}
+                </div>
+              )}
+            </CardContent>
+          </Card>
+        ))}
+      </div>
+    </div>
+  );
+}

package/src/app/(dashboard)/rounds/history/page.tsx

@@ -0,0 +1,82 @@
+import { auth } from '@/lib/auth';
+import { redirect } from 'next/navigation';
+import {
+  getRoundHistory, getRoundCalendarData, getTeamRoundCompliance, isEngineerRoundEnabled,
+} from '@/lib/actions/engineer-rounds';
+import { hasRole } from '@/lib/auth/rbac';
+import { PageHeader } from '@/components/shared/page-header';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { RoundHistoryClient } from '@/components/rounds/round-history-client';
+import { ArrowLeft, AlertCircle, Download } from 'lucide-react';
+import Link from 'next/link';
+
+export const dynamic = 'force-dynamic';
+
+export default async function RoundHistoryPage() {
+  const session = await auth();
+  if (!session?.user) redirect('/login');
+
+  const user = session.user as any;
+  const enabled = await isEngineerRoundEnabled();
+
+  if (!enabled) {
+    return (
+      <div className="max-w-3xl mx-auto space-y-6">
+        <PageHeader title="Round History" />
+        <Card>
+          <CardContent className="pt-6 text-center">
+            <AlertCircle className="h-10 w-10 mx-auto text-muted-foreground mb-3" />
+            <p className="text-muted-foreground">Feature not enabled</p>
+          </CardContent>
+        </Card>
+      </div>
+    );
+  }
+
+  const isManager = hasRole(user.roles || [], 'BIOMED_MGR', 'HOSP_ADMIN', 'ORG_ADMIN', 'SYS_ADMIN');
+  const now = new Date();
+  const currentMonth = now.getMonth() + 1;
+  const currentYear = now.getFullYear();
+
+  // Fetch initial data
+  const [historyResult, calendarResult, complianceResult] = await Promise.all([
+    getRoundHistory({ pageSize: 20 }),
+    getRoundCalendarData({ engineerId: user.id, month: currentMonth, year: currentYear }),
+    isManager ? getTeamRoundCompliance() : Promise.resolve(null),
+  ]);
+
+  return (
+    <div className="max-w-3xl mx-auto space-y-6">
+      <PageHeader title="Round History" description="View past rounds and compliance">
+        <div className="flex items-center gap-2">
+          <a
+            href="/api/admin/data/export?entities=rounds&format=xlsx"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            <Button variant="outline" size="sm" className="gap-1.5">
+              <Download className="h-4 w-4" />
+              Export
+            </Button>
+          </a>
+          <Link href="/rounds">
+            <Button variant="outline" size="sm" className="gap-1.5">
+              <ArrowLeft className="h-4 w-4" />
+              Today
+            </Button>
+          </Link>
+        </div>
+      </PageHeader>
+
+      <RoundHistoryClient
+        initialHistory={historyResult.success ? historyResult.data || [] : []}
+        initialCalendar={calendarResult.success ? calendarResult.data : null}
+        initialCompliance={complianceResult?.success ? complianceResult.data : null}
+        isManager={isManager}
+        currentUserId={user.id}
+        pagination={historyResult.success ? (historyResult as any).pagination : null}
+      />
+    </div>
+  );
+}