@omersx/bemms 0.0.0-stage → 1.0.0

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

@@ -0,0 +1,107 @@
+import { auth } from '@/lib/auth';
+import { redirect } from 'next/navigation';
+import { getTodayRound, isEngineerRoundEnabled } from '@/lib/actions/engineer-rounds';
+import { hasRole } from '@/lib/auth/rbac';
+import { PageHeader } from '@/components/shared/page-header';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent } from '@/components/ui/card';
+import { StartRoundCard } from '@/components/rounds/start-round-card';
+import { RoundDepartmentList } from '@/components/rounds/round-department-list';
+import { History, CalendarDays, Users, AlertCircle, Coffee } from 'lucide-react';
+import Link from 'next/link';
+
+export const dynamic = 'force-dynamic';
+
+export default async function RoundsPage() {
+  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-2xl mx-auto space-y-6">
+        <PageHeader
+          title="Engineer's Round"
+          description="Daily department rounds"
+        />
+        <Card>
+          <CardContent className="pt-6 text-center space-y-3">
+            <AlertCircle className="h-10 w-10 mx-auto text-muted-foreground" />
+            <h3 className="font-semibold">Feature Not Enabled</h3>
+            <p className="text-sm text-muted-foreground">
+              The Engineer&apos;s Round feature is not enabled for your organization.
+              An administrator can enable it in Organization Settings → Features.
+            </p>
+          </CardContent>
+        </Card>
+      </div>
+    );
+  }
+
+  const result = await getTodayRound();
+
+  const isManager = hasRole(user.roles || [], 'BIOMED_MGR', 'HOSP_ADMIN', 'ORG_ADMIN', 'SYS_ADMIN');
+
+  return (
+    <div className="max-w-2xl mx-auto space-y-6">
+      <PageHeader
+        title="Engineer's Round"
+        description="Daily department inspection round"
+      >
+        <Link href="/rounds/history">
+          <Button variant="outline" size="sm" className="gap-1.5">
+            <History className="h-4 w-4" />
+            History
+          </Button>
+        </Link>
+      </PageHeader>
+
+      {/* Error state */}
+      {!result.success && (
+        <Card>
+          <CardContent className="pt-6 text-center space-y-3">
+            <AlertCircle className="h-10 w-10 mx-auto text-destructive" />
+            <h3 className="font-semibold">Unable to load round</h3>
+            <p className="text-sm text-muted-foreground">{result.error}</p>
+          </CardContent>
+        </Card>
+      )}
+
+      {/* Off day */}
+      {result.success && result.isOffDay && (
+        <Card>
+          <CardContent className="pt-6 text-center space-y-3">
+            <Coffee className="h-10 w-10 mx-auto text-muted-foreground" />
+            <h3 className="font-semibold">Day Off</h3>
+            <p className="text-sm text-muted-foreground">
+              Today is not a scheduled working day. Enjoy your time off!
+            </p>
+            <Link href="/rounds/history">
+              <Button variant="outline" size="sm" className="mt-2 gap-1.5">
+                <History className="h-4 w-4" />
+                View Round History
+              </Button>
+            </Link>
+          </CardContent>
+        </Card>
+      )}
+
+      {/* Can start a round */}
+      {result.success && result.canStart && !result.data && (
+        <StartRoundCard
+          hospitalId={result.hospitalId!}
+          hospitalName={result.hospitalName}
+          departments={result.departments || []}
+          shiftType={result.shiftType || 'morning'}
+        />
+      )}
+
+      {/* Round in progress or completed */}
+      {result.success && result.data && (
+        <RoundDepartmentList round={result.data as any} />
+      )}
+    </div>
+  );
+}

package/src/app/(dashboard)/scan/[code]/page.tsx

@@ -0,0 +1,154 @@
+import { resolveDeviceScan } from "@/lib/actions/qr"
+import { getDeviceActiveTickets } from "@/lib/actions/tickets"
+import { Card, CardContent, CardHeader, CardTitle, CardFooter } from "@/components/ui/card"
+import { AlertCircle, ArrowLeft, AlertTriangle, ExternalLink, Ticket } from "lucide-react"
+import { Button } from "@/components/ui/button"
+import { DeviceStatusBadge } from "@/components/devices/device-badges"
+import { DeviceAvailabilityBanner } from "@/components/devices/device-availability-banner"
+import { TicketStatusBadge } from "@/components/tickets/ticket-badges"
+import Link from "next/link"
+
+export default async function ScanResolverPage({ params }: { params: Promise<{ code: string }> }) {
+  const { code } = await params
+  return <ScanResolverContent code={code} />
+}
+
+async function ScanResolverContent({ code }: { code: string }) {
+  const result = await resolveDeviceScan(code)
+
+  if (result?.success && result.data) {
+    const device = result.data
+    const ticketsResult = await getDeviceActiveTickets(device.deviceId)
+    const activeTickets = (ticketsResult?.success && Array.isArray(ticketsResult.data)) ? ticketsResult.data : []
+
+    return (
+      <div className="max-w-lg mx-auto space-y-5 pb-8">
+        {/* Navigation link */}
+        <Link
+          href="/scan"
+          className="inline-flex items-center text-sm text-muted-foreground hover:text-foreground transition-colors"
+        >
+          <ArrowLeft className="w-4 h-4 mr-1.5" />
+          Back to Scanner
+        </Link>
+
+        {/* 1. Clinical Availability & Safety Banner */}
+        <DeviceAvailabilityBanner
+          status={device.currentStatus}
+          limitationsNote={device.statusLimitationsNote}
+        />
+
+        {/* 2. Device Identity Summary Card */}
+        <Card className="shadow-xs">
+          <CardHeader className="pb-3">
+            <div className="flex items-start justify-between gap-3">
+              <div>
+                <p className="text-xs font-semibold uppercase tracking-wider text-muted-foreground">
+                  {device.hospitalName || "Hospital"}
+                </p>
+                <CardTitle className="text-xl font-bold mt-0.5">{device.deviceName}</CardTitle>
+              </div>
+              <DeviceStatusBadge status={device.currentStatus} />
+            </div>
+          </CardHeader>
+          <CardContent className="space-y-3 pt-0 text-sm">
+            <div className="flex justify-between py-1.5 border-b text-xs">
+              <span className="text-muted-foreground">Asset Number</span>
+              <span className="font-mono font-semibold">{device.assetNumber}</span>
+            </div>
+            <div className="flex justify-between py-1.5 border-b text-xs">
+              <span className="text-muted-foreground">Internal Code</span>
+              <span className="font-mono">{device.internalCode}</span>
+            </div>
+            <div className="flex items-start justify-between py-1.5 border-b text-xs">
+              <span className="text-muted-foreground">Location</span>
+              <span className="text-right font-medium">
+                {device.departmentName ? `${device.departmentName} — ` : ""}
+                {device.locationName || "General Area"}
+              </span>
+            </div>
+          </CardContent>
+
+          <CardFooter className="flex flex-col gap-2.5 pt-2">
+            <Button
+              asChild
+              className="w-full bg-amber-600 hover:bg-amber-700 text-white font-semibold py-5"
+            >
+              <Link href={`/tickets/create?deviceId=${device.deviceId}&source=qr_scan`}>
+                <AlertTriangle className="w-4 h-4 mr-2" />
+                Report a Problem / Request Maintenance
+              </Link>
+            </Button>
+
+            <Button asChild variant="outline" className="w-full py-5">
+              <Link href={`/devices/${device.deviceId}`}>
+                <ExternalLink className="w-4 h-4 mr-2" />
+                View Full Device Profile & History
+              </Link>
+            </Button>
+          </CardFooter>
+        </Card>
+
+        {/* 3. Active Tickets Alert Card */}
+        {activeTickets.length > 0 && (
+          <Card className="border-amber-200 dark:border-amber-900/40 bg-amber-50/40 dark:bg-amber-950/10">
+            <CardHeader className="pb-3">
+              <CardTitle className="text-sm font-semibold text-amber-900 dark:text-amber-300 flex items-center gap-2">
+                <Ticket className="w-4 h-4 text-amber-600" />
+                Active Service Ticket in Progress ({activeTickets.length})
+              </CardTitle>
+            </CardHeader>
+            <CardContent className="space-y-3 pt-0">
+              {activeTickets.map((t: any) => (
+                <div
+                  key={t.id}
+                  className="p-3 bg-white dark:bg-card rounded-md border text-xs space-y-1.5"
+                >
+                  <div className="flex items-center justify-between">
+                    <span className="font-mono font-medium text-primary">{t.ticketNumber}</span>
+                    <TicketStatusBadge status={t.statusCode} />
+                  </div>
+                  <p className="font-medium text-foreground text-sm">{t.title}</p>
+                  <p className="text-muted-foreground line-clamp-1">{t.description}</p>
+                  <div className="pt-1">
+                    <Link
+                      href={`/tickets/${t.id}`}
+                      className="text-primary hover:underline font-medium inline-flex items-center gap-1"
+                    >
+                      Track this ticket & add updates →
+                    </Link>
+                  </div>
+                </div>
+              ))}
+            </CardContent>
+          </Card>
+        )}
+      </div>
+    )
+  }
+
+  // Error state for unknown or revoked QR code
+  return (
+    <div className="flex items-center justify-center min-h-[60vh] max-w-md mx-auto">
+      <Card className="w-full text-center">
+        <CardContent className="pt-8 pb-6 space-y-4">
+          <AlertCircle className="w-12 h-12 text-destructive mx-auto" />
+          <h2 className="text-lg font-semibold">QR Code Not Recognized</h2>
+          <p className="text-muted-foreground text-sm leading-relaxed px-4">
+            {result?.code === "INACTIVE"
+              ? "This QR label has been revoked or replaced with a new label. Please check the current label affixed to the device."
+              : "The scanned QR code is not associated with any active device in the BEMMS registry."}
+          </p>
+          <div className="flex flex-col sm:flex-row gap-2 justify-center pt-2">
+            <Button asChild variant="outline" className="w-full sm:w-auto">
+              <Link href="/scan">Scan Another</Link>
+            </Button>
+            <Button asChild className="w-full sm:w-auto">
+              <Link href="/devices">Browse Device Inventory</Link>
+            </Button>
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  )
+}

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

@@ -0,0 +1,73 @@
+"use client"
+
+import { PageHeader } from "@/components/shared/page-header"
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Camera, Search, QrCode } from "lucide-react"
+import { useRouter } from "next/navigation"
+import { useState } from "react"
+import { QrCameraScanner } from "@/components/devices/qr-camera-scanner"
+
+export default function ScanPage() {
+  const router = useRouter()
+  const [manualInput, setManualInput] = useState("")
+
+  const handleManualSearch = (e: React.FormEvent) => {
+    e.preventDefault()
+    if (manualInput.trim()) {
+      // If it looks like a QR reference (starts with dv_), go to scan resolver
+      if (manualInput.startsWith("dv_")) {
+        router.push(`/scan/${manualInput.trim()}`)
+      } else {
+        // Otherwise search by asset number in devices list
+        router.push(`/devices?search=${encodeURIComponent(manualInput.trim())}`)
+      }
+    }
+  }
+
+  return (
+    <div className="space-y-6 max-w-lg mx-auto">
+      <PageHeader
+        title="Scan Device QR"
+        description="Scan a QR code or enter an asset number to find a device"
+      />
+
+      <Card>
+        <CardHeader className="pb-3">
+          <CardTitle className="flex items-center gap-2 text-base">
+            <Camera className="w-5 h-5 text-primary" />
+            Live Camera Scanner
+          </CardTitle>
+        </CardHeader>
+        <CardContent>
+          <QrCameraScanner />
+        </CardContent>
+      </Card>
+
+      <Card>
+        <CardHeader>
+          <CardTitle className="flex items-center gap-2">
+            <Search className="w-5 h-5" />
+            Manual Lookup
+          </CardTitle>
+        </CardHeader>
+        <CardContent>
+          <form onSubmit={handleManualSearch} className="flex gap-2">
+            <Input
+              value={manualInput}
+              onChange={(e) => setManualInput(e.target.value)}
+              placeholder="Enter asset number or QR reference (dv_xxx)..."
+              className="flex-1"
+            />
+            <Button type="submit">
+              <Search className="w-4 h-4 mr-2" />
+              Find
+            </Button>
+          </form>
+        </CardContent>
+      </Card>
+    </div>
+  )
+}
+

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

@@ -0,0 +1,42 @@
+import { requireAuth } from '@/lib/auth/rbac';
+import { getEngineersTeam, getDepartmentCoverageMatrix } from '@/lib/actions/engineers';
+import { TeamPageClient } from '@/components/team/team-page-client';
+import { Metadata } from 'next';
+
+export const dynamic = 'force-dynamic';
+
+export const metadata: Metadata = {
+  title: 'Engineering Team & Duty Schedule | BEMMS',
+  description: 'Hospital biomedical engineering roster, on-call schedules, and department coverage.',
+};
+
+export default async function TeamPage() {
+  await requireAuth();
+
+  const [teamRes, coverageRes] = await Promise.all([
+    getEngineersTeam(),
+    getDepartmentCoverageMatrix(),
+  ]);
+
+  const members = teamRes.data || [];
+  const stats = teamRes.stats || {
+    totalEngineers: members.length,
+    onDutyToday: members.filter((m) => m.dutyStatus === 'on_duty').length,
+    onCallToday: members.filter((m) => m.dutyStatus === 'on_call').length,
+    inMaintenanceToday: members.filter((m) => m.dutyStatus === 'in_maintenance').length,
+    offDutyToday: members.filter((m) => m.dutyStatus === 'off_duty').length,
+    totalActiveWorkOrders: 0,
+  };
+  const coverage = coverageRes.departments || [];
+
+  return (
+    <div className="space-y-6">
+      <TeamPageClient
+        initialMembers={members}
+        stats={stats}
+        coverage={coverage}
+      />
+    </div>
+  );
+}
+