@omersx/bemms 0.0.0-stage → 1.0.0

package/src/app/(auth)/layout.tsx

@@ -0,0 +1,20 @@
+import React from 'react'
+import { Activity } from 'lucide-react'
+import { ThemeToggle } from '@/components/theme/theme-toggle'
+
+export default function AuthLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <div className="min-h-screen relative flex flex-col items-center justify-center bg-slate-50 dark:bg-slate-950 p-4 transition-colors duration-200" suppressHydrationWarning>
+      <div className="absolute top-4 right-4 z-10">
+        <ThemeToggle />
+      </div>
+      <div className="mb-8 flex items-center justify-center gap-2 text-primary" suppressHydrationWarning>
+        <Activity className="h-10 w-10" />
+        <h1 className="text-3xl font-bold tracking-tight">BEMMS</h1>
+      </div>
+      <div className="w-full max-w-md" suppressHydrationWarning>
+        {children}
+      </div>
+    </div>
+  )
+}

package/src/app/(auth)/login/page.tsx

@@ -0,0 +1,135 @@
+'use client'
+
+import { useState } from 'react'
+import { signIn } from 'next-auth/react'
+import { useRouter } from 'next/navigation'
+import { Eye, EyeOff, Loader2 } from 'lucide-react'
+import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '@/components/ui/card'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Button } from '@/components/ui/button'
+
+export default function LoginPage() {
+  const router = useRouter()
+  const [email, setEmail] = useState('')
+  const [password, setPassword] = useState('')
+  const [showPassword, setShowPassword] = useState(false)
+  const [loading, setLoading] = useState(false)
+  const [error, setError] = useState('')
+
+  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault()
+    setLoading(true)
+    setError('')
+
+    const cleanEmail = email.trim()
+
+    if (!cleanEmail || !password) {
+      setError('Please provide both username/email and password.')
+      setLoading(false)
+      return
+    }
+
+    try {
+      const res = await signIn('credentials', {
+        email: cleanEmail,
+        password,
+        redirect: false,
+      })
+      if (res?.error) {
+        if (res.error.includes('DATABASE_CONNECTION_ERROR')) {
+          setError('Database connection error. Please verify the database service is running.')
+        } else {
+          setError('Invalid username, email, or password. Please verify your credentials.')
+        }
+      } else {
+        router.push('/dashboard')
+      }
+    } catch {
+      setError('An error occurred. Please try again.')
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <Card className="w-full shadow-lg border-border/40" suppressHydrationWarning>
+      <CardHeader className="space-y-1 text-center" suppressHydrationWarning>
+        <CardTitle className="text-2xl">Sign In</CardTitle>
+        <CardDescription>
+          Enter your username or email and password to access your account
+        </CardDescription>
+      </CardHeader>
+
+      <form onSubmit={handleSubmit} suppressHydrationWarning>
+        <CardContent className="space-y-4" suppressHydrationWarning>
+          {error && (
+            <div className="p-3 text-sm text-destructive-foreground bg-destructive/90 rounded-md">
+              {error}
+            </div>
+          )}
+          <div className="space-y-2" suppressHydrationWarning>
+            <Label htmlFor="email">Username or Email</Label>
+            <Input
+              id="email"
+              name="email"
+              type="text"
+              autoComplete="username"
+              autoCapitalize="none"
+              autoCorrect="off"
+              placeholder="admin or email@hospital.org"
+              data-lpignore="true"
+              value={email}
+              onChange={(e) => setEmail(e.target.value)}
+              suppressHydrationWarning
+              required
+            />
+          </div>
+          <div className="space-y-2" suppressHydrationWarning>
+            <Label htmlFor="password">Password</Label>
+            <div className="relative" suppressHydrationWarning>
+              <Input
+                id="password"
+                name="password"
+                type={showPassword ? 'text' : 'password'}
+                autoComplete="current-password"
+                data-lpignore="true"
+                value={password}
+                onChange={(e) => setPassword(e.target.value)}
+                suppressHydrationWarning
+                required
+              />
+              <Button
+                type="button"
+                variant="ghost"
+                size="icon"
+                className="absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent"
+                onClick={() => setShowPassword(!showPassword)}
+                tabIndex={-1}
+              >
+                {showPassword ? (
+                  <EyeOff className="h-4 w-4 text-muted-foreground" />
+                ) : (
+                  <Eye className="h-4 w-4 text-muted-foreground" />
+                )}
+                <span className="sr-only">Toggle password visibility</span>
+              </Button>
+            </div>
+          </div>
+        </CardContent>
+        <CardFooter suppressHydrationWarning>
+          <Button className="w-full" type="submit" disabled={loading}>
+            {loading ? (
+              <>
+                <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                Signing in...
+              </>
+            ) : (
+              'Sign In'
+            )}
+          </Button>
+        </CardFooter>
+      </form>
+    </Card>
+  )
+}

package/src/app/(dashboard)/admin/audit-logs/page.tsx

@@ -0,0 +1,178 @@
+import {
+  getAuditLogs,
+  getAuditLogEntityTypes,
+  getAuditLogActors,
+  getAuditLogStats,
+  type AuditLogFilters as AuditFiltersType,
+} from '@/lib/actions/audit-logs';
+import { PageHeader } from '@/components/shared/page-header';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { AuditLogFilters } from '@/components/admin/audit-log-filters';
+import { AuditLogTable } from '@/components/admin/audit-log-table';
+import { AuditLogExport } from '@/components/admin/audit-log-export';
+import { Activity, Clock, AlertTriangle, Database } from 'lucide-react';
+
+interface AuditLogsPageProps {
+  searchParams: Promise<Record<string, string | string[] | undefined>>;
+}
+
+export default async function AuditLogsPage({ searchParams }: AuditLogsPageProps) {
+  const params = await searchParams;
+
+  const search = typeof params.search === 'string' ? params.search : undefined;
+  const entityType = typeof params.entityType === 'string' ? params.entityType : undefined;
+  const actionType = typeof params.actionType === 'string' ? params.actionType : undefined;
+  const actorId = typeof params.actorId === 'string' ? params.actorId : undefined;
+  const startDate = typeof params.startDate === 'string' ? params.startDate : undefined;
+  const endDate = typeof params.endDate === 'string' ? params.endDate : undefined;
+  const page = typeof params.page === 'string' ? Math.max(1, parseInt(params.page, 10) || 1) : 1;
+  const pageSize = typeof params.pageSize === 'string' ? Math.max(1, parseInt(params.pageSize, 10) || 20) : 20;
+
+  const filters: AuditFiltersType = {
+    search,
+    entityType,
+    actionType,
+    actorId,
+    startDate,
+    endDate,
+    page,
+    pageSize,
+  };
+
+  // Fetch audit logs, distinct entity types, actors, and stats concurrently
+  const [logsRes, entityTypesRes, actorsRes, statsRes] = await Promise.all([
+    getAuditLogs(filters),
+    getAuditLogEntityTypes(),
+    getAuditLogActors(),
+    getAuditLogStats(),
+  ]);
+
+  const logs = logsRes?.success && logsRes.data ? logsRes.data : [];
+  const pagination = logsRes?.pagination || {
+    page,
+    pageSize,
+    total: logs.length,
+    totalPages: 1,
+  };
+
+  const entityTypes = entityTypesRes?.success && entityTypesRes.data ? entityTypesRes.data : [];
+  const actors = actorsRes?.success && actorsRes.data ? actorsRes.data : [];
+  const stats = statsRes?.success && statsRes.data
+    ? statsRes.data
+    : { total: 0, last24h: 0, last7d: 0, failedLogins24h: 0 };
+
+  const hasFailedLogins = stats.failedLogins24h > 0;
+
+  return (
+    <div className="space-y-6">
+      <PageHeader
+        title="Audit Logs"
+        description="Comprehensive audit trail and security event logs across system modules"
+      >
+        <AuditLogExport filters={filters} />
+      </PageHeader>
+
+      {/* 4 Stat Cards */}
+      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
+        {/* Total Logs */}
+        <Card className="border shadow-sm">
+          <CardHeader className="flex flex-row items-center justify-between pb-2 space-y-0">
+            <CardTitle className="text-sm font-medium text-muted-foreground">
+              Total Logs
+            </CardTitle>
+            <Database className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">{stats.total.toLocaleString()}</div>
+            <p className="text-xs text-muted-foreground mt-1">All recorded events</p>
+          </CardContent>
+        </Card>
+
+        {/* Last 24 Hours */}
+        <Card className="border shadow-sm">
+          <CardHeader className="flex flex-row items-center justify-between pb-2 space-y-0">
+            <CardTitle className="text-sm font-medium text-muted-foreground">
+              Last 24 Hours
+            </CardTitle>
+            <Clock className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">{stats.last24h.toLocaleString()}</div>
+            <p className="text-xs text-muted-foreground mt-1">Recent system activities</p>
+          </CardContent>
+        </Card>
+
+        {/* Last 7 Days */}
+        <Card className="border shadow-sm">
+          <CardHeader className="flex flex-row items-center justify-between pb-2 space-y-0">
+            <CardTitle className="text-sm font-medium text-muted-foreground">
+              Last 7 Days
+            </CardTitle>
+            <Activity className="h-4 w-4 text-muted-foreground" />
+          </CardHeader>
+          <CardContent>
+            <div className="text-2xl font-bold">{stats.last7d.toLocaleString()}</div>
+            <p className="text-xs text-muted-foreground mt-1">Weekly event volume</p>
+          </CardContent>
+        </Card>
+
+        {/* Failed Logins (24h) */}
+        <Card
+          className={`border shadow-sm transition-colors ${
+            hasFailedLogins
+              ? 'border-red-300 bg-red-50/40 dark:border-red-900 dark:bg-red-950/20'
+              : ''
+          }`}
+        >
+          <CardHeader className="flex flex-row items-center justify-between pb-2 space-y-0">
+            <CardTitle
+              className={`text-sm font-medium ${
+                hasFailedLogins ? 'text-red-700 dark:text-red-400' : 'text-muted-foreground'
+              }`}
+            >
+              Failed Logins (24h)
+            </CardTitle>
+            <AlertTriangle
+              className={`h-4 w-4 ${
+                hasFailedLogins
+                  ? 'text-red-600 dark:text-red-400'
+                  : 'text-muted-foreground'
+              }`}
+            />
+          </CardHeader>
+          <CardContent>
+            <div
+              className={`text-2xl font-bold ${
+                hasFailedLogins ? 'text-red-600 dark:text-red-400' : ''
+              }`}
+            >
+              {stats.failedLogins24h.toLocaleString()}
+            </div>
+            <p
+              className={`text-xs mt-1 ${
+                hasFailedLogins
+                  ? 'text-red-600/80 dark:text-red-400/80 font-medium'
+                  : 'text-muted-foreground'
+              }`}
+            >
+              {hasFailedLogins ? 'Attention recommended' : 'No authentication alerts'}
+            </p>
+          </CardContent>
+        </Card>
+      </div>
+
+      {/* Filters row */}
+      <AuditLogFilters
+        entityTypes={entityTypes}
+        actors={actors}
+      />
+
+      {/* Audit Log Table with Pagination */}
+      <Card className="border shadow-sm">
+        <CardContent className="pt-6">
+          <AuditLogTable logs={logs} pagination={pagination} />
+        </CardContent>
+      </Card>
+    </div>
+  );
+}

package/src/app/(dashboard)/admin/data/page.tsx

@@ -0,0 +1,37 @@
+import { redirect } from 'next/navigation';
+import { auth } from '@/lib/auth';
+import { requireRole } from '@/lib/auth/rbac';
+import { getExportSummary } from '@/lib/actions/data-management';
+import { DataManagementTabs } from '@/components/admin/data-management/data-management-tabs';
+
+export default async function AdminDataManagementPage() {
+  const session = await auth();
+  if (!session?.user) {
+    redirect('/login');
+  }
+
+  try {
+    await requireRole('SYS_ADMIN', 'ORG_ADMIN', 'BIOMED_MGR');
+  } catch {
+    redirect('/dashboard');
+  }
+
+  const summaryRes = await getExportSummary();
+  const summary = summaryRes.success && summaryRes.data
+    ? summaryRes.data
+    : {
+        devices: 0,
+        departments: 0,
+        categories: 0,
+        manufacturers: 0,
+        tickets: 0,
+        auditLogs: 0,
+      };
+
+  return (
+    <div className="space-y-6">
+      <DataManagementTabs summary={summary} />
+    </div>
+  );
+}
+

package/src/app/(dashboard)/admin/departments/[deptId]/edit/page.tsx

@@ -0,0 +1,206 @@
+"use client"
+
+import { useEffect, useState, use } from "react"
+import { useRouter } from "next/navigation"
+import { useForm } from "react-hook-form"
+import { getDepartmentById, updateDepartment } from "@/lib/actions/departments"
+import { getUsers } from "@/lib/actions/users"
+import { PageHeader } from "@/components/shared/page-header"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
+import { Card, CardContent } from "@/components/ui/card"
+import { ArrowLeft, Loader2, Save } from "lucide-react"
+import Link from "next/link"
+import { toast } from "sonner"
+
+const DEPARTMENT_TYPES = [
+  "Emergency",
+  "Intensive Care",
+  "Surgical",
+  "Laboratory",
+  "Diagnostic & Imaging",
+  "Pediatrics",
+  "Dental",
+  "Clinical",
+  "Biomedical Engineering",
+  "Administration",
+  "Support Services",
+  "Other",
+]
+
+export default function EditDepartmentPage({ params }: { params: Promise<{ deptId: string }> }) {
+  const resolvedParams = use(params)
+  const router = useRouter()
+  const [loading, setLoading] = useState(true)
+  const [saving, setSaving] = useState(false)
+  const [users, setUsers] = useState<any[]>([])
+  const [selectedManagerId, setSelectedManagerId] = useState<string>("none")
+  const [selectedType, setSelectedType] = useState<string>("")
+  const [selectedStatus, setSelectedStatus] = useState<string>("active")
+  
+  const { register, handleSubmit, setValue } = useForm()
+
+  useEffect(() => {
+    async function loadData() {
+      try {
+        const [deptRes, usersRes] = await Promise.all([
+          getDepartmentById(resolvedParams.deptId),
+          getUsers(),
+        ])
+
+        if (usersRes.success && Array.isArray(usersRes.data)) {
+          setUsers(usersRes.data)
+        }
+
+        if (deptRes.success && deptRes.data) {
+          const d = deptRes.data
+          setValue("name", d.name)
+          setValue("code", d.code)
+          setValue("departmentType", d.departmentType || "")
+          setValue("status", d.status || "active")
+          setSelectedType(d.departmentType || "")
+          setSelectedStatus(d.status || "active")
+          setSelectedManagerId(d.managerUserId || "none")
+        }
+      } catch (err) {
+        console.error("Failed to load department data:", err)
+        toast.error("Failed to load department details")
+      } finally {
+        setLoading(false)
+      }
+    }
+    loadData()
+  }, [resolvedParams.deptId, setValue])
+
+  const onSubmit = async (data: any) => {
+    setSaving(true)
+    try {
+      const payload = {
+        name: data.name,
+        code: data.code,
+        departmentType: selectedType || null,
+        status: selectedStatus || "active",
+        managerUserId: selectedManagerId === "none" ? null : selectedManagerId,
+      }
+
+      const res = await updateDepartment(resolvedParams.deptId, payload)
+      if (res.success) {
+        toast.success("Department updated successfully")
+        router.push(`/departments/${resolvedParams.deptId}`)
+        router.refresh()
+      } else {
+        toast.error((res as any).error || "Failed to update department")
+      }
+    } catch (err: any) {
+      toast.error(err.message || "An unexpected error occurred")
+    } finally {
+      setSaving(false)
+    }
+  }
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center min-h-[400px]">
+        <Loader2 className="w-8 h-8 animate-spin text-primary" />
+      </div>
+    )
+  }
+
+  return (
+    <div className="space-y-6 max-w-2xl mx-auto">
+      <div className="flex items-center gap-3">
+        <Button variant="ghost" size="icon" asChild>
+          <Link href={`/departments/${resolvedParams.deptId}`}>
+            <ArrowLeft className="w-4 h-4" />
+          </Link>
+        </Button>
+        <PageHeader title="Edit Department" description="Update department configuration and assigned manager" />
+      </div>
+      
+      <Card>
+        <CardContent className="pt-6">
+          <form onSubmit={handleSubmit(onSubmit)} className="space-y-5">
+            <div className="space-y-2">
+              <Label htmlFor="name">Department Name <span className="text-destructive">*</span></Label>
+              <Input id="name" {...register("name", { required: true })} placeholder="e.g. Emergency Department" />
+            </div>
+            
+            <div className="space-y-2">
+              <Label htmlFor="code">Department Code <span className="text-destructive">*</span></Label>
+              <Input id="code" {...register("code", { required: true })} placeholder="e.g. EMERG" />
+            </div>
+            
+            <div className="space-y-2">
+              <Label htmlFor="departmentType">Department Type</Label>
+              <Select value={selectedType} onValueChange={(val) => setSelectedType(val)}>
+                <SelectTrigger id="departmentType">
+                  <SelectValue placeholder="Select Department Type" />
+                </SelectTrigger>
+                <SelectContent>
+                  {DEPARTMENT_TYPES.map((t) => (
+                    <SelectItem key={t} value={t}>{t}</SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+            </div>
+
+            <div className="space-y-2">
+              <Label htmlFor="manager">Department Manager (Head of Department)</Label>
+              <Select value={selectedManagerId} onValueChange={(val) => setSelectedManagerId(val)}>
+                <SelectTrigger id="manager">
+                  <SelectValue placeholder="Assign a Department Manager" />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="none">-- No Manager (Unassigned) --</SelectItem>
+                  {users.map((u) => (
+                    <SelectItem key={u.id} value={u.id}>
+                      {u.fullName || u.email} ({u.email})
+                    </SelectItem>
+                  ))}
+                </SelectContent>
+              </Select>
+              <p className="text-xs text-muted-foreground">
+                You can invite new department heads anytime under Administration → Users, then assign them here.
+              </p>
+            </div>
+
+            <div className="space-y-2">
+              <Label htmlFor="status">Operational Status</Label>
+              <Select value={selectedStatus} onValueChange={(val) => setSelectedStatus(val)}>
+                <SelectTrigger id="status">
+                  <SelectValue placeholder="Select Status" />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="active">Active</SelectItem>
+                  <SelectItem value="inactive">Inactive</SelectItem>
+                  <SelectItem value="archived">Archived</SelectItem>
+                </SelectContent>
+              </Select>
+            </div>
+
+            <div className="flex items-center gap-3 pt-4 border-t">
+              <Button type="submit" disabled={saving} className="min-h-[44px]">
+                {saving ? (
+                  <>
+                    <Loader2 className="w-4 h-4 mr-2 animate-spin" />
+                    Saving...
+                  </>
+                ) : (
+                  <>
+                    <Save className="w-4 h-4 mr-2" />
+                    Save Changes
+                  </>
+                )}
+              </Button>
+              <Button variant="outline" asChild className="min-h-[44px]">
+                <Link href={`/departments/${resolvedParams.deptId}`}>Cancel</Link>
+              </Button>
+            </div>
+          </form>
+        </CardContent>
+      </Card>
+    </div>
+  )
+}

package/src/app/(dashboard)/admin/departments/[deptId]/page.tsx

@@ -0,0 +1,71 @@
+import { getDepartmentById } from "@/lib/actions/departments"
+import { PageHeader } from "@/components/shared/page-header"
+import { StatusBadge } from "@/components/shared/status-badge"
+import { Button } from "@/components/ui/button"
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
+import Link from "next/link"
+import { Edit } from "lucide-react"
+
+export default async function DepartmentDetailPage({ params }: { params: Promise<{ deptId: string }> }) {
+  const { deptId } = await params
+  const result = await getDepartmentById(deptId)
+  const dept = result?.success ? result.data : null
+
+  if (!dept) {
+    return <div>Department not found</div>
+  }
+
+  return (
+    <div className="space-y-6">
+      <PageHeader 
+        title={dept.name} 
+        description={`Code: ${dept.code} | Hospital: ${(dept as any).hospital?.name || dept.hospitalId}`}
+      >
+        <Button asChild variant="outline">
+          <Link href={`/admin/departments/${dept.id}/edit`}>
+            <Edit className="w-4 h-4 mr-2" />
+            Edit
+          </Link>
+        </Button>
+      </PageHeader>
+      
+      <div className="grid gap-6 md:grid-cols-2">
+        <Card>
+          <CardHeader><CardTitle>Overview</CardTitle></CardHeader>
+          <CardContent className="space-y-4">
+            <div>
+              <span className="font-medium text-muted-foreground">Status: </span>
+              <StatusBadge status={dept.status} />
+            </div>
+            <div>
+              <span className="font-medium text-muted-foreground">Type: </span>
+              <span>{dept.departmentType || "N/A"}</span>
+            </div>
+            <div>
+              <span className="font-medium text-muted-foreground">Manager ID: </span>
+              <span>{(dept as any).manager?.fullName || dept.managerUserId || "None"}</span>
+            </div>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader><CardTitle>Locations & Devices</CardTitle></CardHeader>
+          <CardContent className="space-y-4">
+            <div>
+              <span className="font-medium text-muted-foreground">Linked Devices: </span>
+              <span>{(dept as any).linkedDevicesCount || 0}</span>
+            </div>
+            <div>
+              <span className="font-medium text-muted-foreground">Locations: </span>
+              <ul className="list-disc pl-5 mt-2">
+                {((dept as any).locations)?.map((loc: any) => (
+                  <li key={loc.id}>{loc.name}</li>
+                )) || <li>No locations defined.</li>}
+              </ul>
+            </div>
+          </CardContent>
+        </Card>
+      </div>
+    </div>
+  )
+}

package/src/app/(dashboard)/admin/departments/new/page.tsx

@@ -0,0 +1,6 @@
+import { redirect } from "next/navigation"
+
+export default function AdminNewDepartmentPage() {
+  redirect("/departments/new")
+}
+

package/src/app/(dashboard)/admin/departments/page.tsx

@@ -0,0 +1,6 @@
+import { redirect } from "next/navigation";
+
+export default function AdminDepartmentsPage() {
+  redirect("/departments");
+}
+