@omersx/bemms 0.0.0-stage → 0.1.0

package/src/app/(dashboard)/maintenance/tasks/page.tsx

@@ -0,0 +1,119 @@
+import { listMaintenanceTasks } from "@/lib/actions/maintenance-tasks"
+import { PageHeader } from "@/components/shared/page-header"
+import { DataTable } from "@/components/shared/data-table"
+import { MaintenanceNav } from "@/components/maintenance/maintenance-nav"
+import {
+  MaintenanceStatusBadge,
+  MaintenanceTypeBadge,
+  PriorityBadge,
+} from "@/components/maintenance/maintenance-badges"
+import { Button } from "@/components/ui/button"
+import { Plus } from "lucide-react"
+import Link from "next/link"
+
+export default async function MaintenanceTasksPage() {
+  const result = await listMaintenanceTasks({ page: 1, pageSize: 100 })
+  const tasks = result?.success && Array.isArray(result.data) ? result.data : []
+
+  const columns = [
+    {
+      key: "taskNumber",
+      header: "Task #",
+      render: (item: any) => (
+        <Link
+          href={`/maintenance/tasks/${item.id}`}
+          className="text-primary hover:underline font-mono text-sm font-medium"
+        >
+          {item.taskNumber}
+        </Link>
+      ),
+    },
+    {
+      key: "title",
+      header: "Title",
+      render: (item: any) => (
+        <Link
+          href={`/maintenance/tasks/${item.id}`}
+          className="font-medium hover:underline line-clamp-1"
+        >
+          {item.title}
+        </Link>
+      ),
+    },
+    {
+      key: "device",
+      header: "Device",
+      render: (item: any) => (
+        <div>
+          <span className="text-sm font-medium">
+            {item.device?.name || "No device"}
+          </span>
+          {item.device?.assetNumber && (
+            <span className="text-xs text-muted-foreground block">
+              Asset: {item.device.assetNumber}
+            </span>
+          )}
+        </div>
+      ),
+    },
+    {
+      key: "maintenanceType",
+      header: "Maintenance Type",
+      render: (item: any) => (
+        <MaintenanceTypeBadge type={item.maintenanceType} />
+      ),
+    },
+    {
+      key: "priorityCode",
+      header: "Priority",
+      render: (item: any) => (
+        <PriorityBadge priority={item.priorityCode} showIcon />
+      ),
+    },
+    {
+      key: "statusCode",
+      header: "Status",
+      render: (item: any) => (
+        <MaintenanceStatusBadge status={item.statusCode} showIcon />
+      ),
+    },
+    {
+      key: "assignee",
+      header: "Assignee",
+      render: (item: any) => (
+        <span className="text-sm">
+          {item.assignedEngineer?.fullName || "Unassigned"}
+        </span>
+      ),
+    },
+    {
+      key: "dueDate",
+      header: "Due Date",
+      render: (item: any) => (
+        <span className="text-xs text-muted-foreground">
+          {item.dueDate ? new Date(item.dueDate).toLocaleDateString() : "—"}
+        </span>
+      ),
+    },
+  ]
+
+  return (
+    <div className="space-y-6">
+      <PageHeader
+        title="Maintenance Tasks"
+        description="View, filter, and manage maintenance work orders and execution stages"
+      />
+
+      <MaintenanceNav />
+
+      <DataTable
+        data={tasks}
+        columns={columns}
+        searchable={true}
+        searchKey="title"
+        searchPlaceholder="Search tasks by title, number..."
+      />
+    </div>
+  )
+}
+

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

@@ -0,0 +1,310 @@
+import { auth } from '@/lib/auth';
+import { redirect } from 'next/navigation';
+import Link from 'next/link';
+import { hasRole } from '@/lib/auth/rbac';
+import { Card, CardContent } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
+import {
+  Monitor,
+  QrCode,
+  TicketCheck,
+  PlusCircle,
+  AlertTriangle,
+  Wrench,
+  ClipboardList,
+  Calendar,
+  CheckSquare,
+  BarChart3,
+  Bell,
+  Users,
+  Building2,
+  Building,
+  ShieldCheck,
+  ChevronRight,
+  User,
+  Route,
+} from 'lucide-react';
+import { SignOutButton } from '@/components/shared/sign-out-button';
+import { MoreItemBadge } from '@/components/layout/more-item-badge';
+import { ThemeSelectorCard } from '@/components/theme/theme-selector-card';
+
+export default async function MorePage() {
+  const session = await auth();
+  if (!session?.user) redirect('/login');
+
+  const user = session.user as {
+    id: string;
+    fullName?: string;
+    email?: string;
+    roles?: string[];
+  };
+
+  const roles = user.roles || [];
+  const isAdmin = hasRole(roles, 'SYS_ADMIN', 'ORG_ADMIN', 'HOSP_ADMIN');
+  const isBiomed = hasRole(roles, 'BIOMED_ENG', 'BIOMED_TECH', 'BIOMED_MGR');
+  const isStaffOnly = hasRole(roles, 'STAFF', 'DEPT_MGR') && !isBiomed && !isAdmin;
+
+  const sections = [
+    {
+      title: 'Equipment & Helpdesk',
+      items: [
+        ...(isStaffOnly
+          ? [
+              {
+                label: 'My Department',
+                description: 'View your department equipment and status',
+                href: '/my-department',
+                icon: Building2,
+                color: 'text-sky-500 bg-sky-50 dark:bg-sky-950',
+              },
+            ]
+          : [
+              {
+                label: 'Device Inventory',
+                description: 'Browse, search, and manage all biomedical equipment',
+                href: '/devices',
+                icon: Monitor,
+                color: 'text-blue-500 bg-blue-50 dark:bg-blue-950',
+              },
+              {
+                label: 'Departments',
+                description: 'Explore hospital departments and departmental equipment',
+                href: '/departments',
+                icon: Building2,
+                color: 'text-sky-500 bg-sky-50 dark:bg-sky-950',
+              },
+            ]),
+        {
+          label: 'Scan QR Code',
+          description: 'Quick scan device label with camera',
+          href: '/scan',
+          icon: QrCode,
+          color: 'text-emerald-500 bg-emerald-50 dark:bg-emerald-950',
+        },
+        {
+          label: isStaffOnly ? 'My Tickets' : 'Helpdesk Tickets',
+          description: isStaffOnly
+            ? 'Track your reported device problems'
+            : 'View service tickets, fault reports, and status',
+          href: '/tickets',
+          icon: TicketCheck,
+          color: 'text-orange-500 bg-orange-50 dark:bg-orange-950',
+          badgeKey: 'tickets',
+        },
+        {
+          label: 'Report a Problem',
+          description: 'Submit an equipment issue or service request',
+          href: '/tickets/create',
+          icon: PlusCircle,
+          color: 'text-red-500 bg-red-50 dark:bg-red-950',
+        },
+        ...(isStaffOnly
+          ? [
+              {
+                label: 'Our Engineering Team',
+                description: 'View biomedical engineers, contact info, and schedules',
+                href: '/engineering-team',
+                icon: User,
+                color: 'text-purple-500 bg-purple-50 dark:bg-purple-950',
+              },
+            ]
+          : []),
+        ...(isBiomed || isAdmin
+          ? [
+              {
+                label: 'Engineering Team',
+                description: 'Biomedical engineering duty roster, shifts, and on-call schedules',
+                href: '/team',
+                icon: Users,
+                color: 'text-purple-500 bg-purple-50 dark:bg-purple-950',
+              },
+              {
+                label: 'Triage Queue',
+                description: 'Review, prioritize, and assign new incoming tickets',
+                href: '/tickets/triage',
+                icon: AlertTriangle,
+                color: 'text-amber-500 bg-amber-50 dark:bg-amber-950',
+                badgeKey: 'triage',
+              },
+            ]
+          : []),
+      ],
+    },
+    ...(!isStaffOnly
+      ? [
+          {
+            title: 'Maintenance & Work Orders',
+            items: [
+              {
+                label: "Engineer's Daily Round",
+                description: 'Start or continue daily department round and inspections',
+                href: '/rounds',
+                icon: Route,
+                color: 'text-emerald-500 bg-emerald-50 dark:bg-emerald-950',
+              },
+              {
+                label: 'Maintenance',
+                description: 'Hub for work orders, PM plans, and safety checklists',
+                href: '/maintenance',
+                icon: Wrench,
+                color: 'text-indigo-500 bg-indigo-50 dark:bg-indigo-950',
+                badgeKey: 'maintenance',
+              },
+              {
+                label: 'Work Orders / Tasks',
+                description: 'Assigned maintenance tasks and due schedules',
+                href: '/maintenance/tasks',
+                icon: ClipboardList,
+                color: 'text-cyan-500 bg-cyan-50 dark:bg-cyan-950',
+                badgeKey: 'workOrders',
+              },
+              {
+                label: 'PM Plans & Schedules',
+                description: 'Recurring inspection and calibration schedules',
+                href: '/maintenance/plans',
+                icon: Calendar,
+                color: 'text-violet-500 bg-violet-50 dark:bg-violet-950',
+                badgeKey: 'pmPlans',
+              },
+              {
+                label: 'Checklists',
+                description: 'Standardized safety and inspection checklists',
+                href: '/maintenance/checklists',
+                icon: CheckSquare,
+                color: 'text-teal-500 bg-teal-50 dark:bg-teal-950',
+              },
+            ],
+          },
+        ]
+      : []),
+    {
+      title: 'Analytics & Notifications',
+      items: [
+        {
+          label: 'Reports & Compliance',
+          description: 'Inventory, tickets, PM compliance, workload & cost reports',
+          href: '/reports',
+          icon: BarChart3,
+          color: 'text-rose-500 bg-rose-50 dark:bg-rose-950',
+        },
+        {
+          label: 'Notifications',
+          description: 'Alerts, updates, and notification settings',
+          href: '/notifications',
+          icon: Bell,
+          color: 'text-amber-500 bg-amber-50 dark:bg-amber-950',
+          badgeKey: 'notifications',
+        },
+      ],
+    },
+    ...(isAdmin
+      ? [
+          {
+            title: 'System Administration',
+            items: [
+              {
+                label: 'Users & Roles',
+                description: 'Manage staff, engineers, and permissions',
+                href: '/admin/users',
+                icon: Users,
+                color: 'text-purple-500 bg-purple-50 dark:bg-purple-950',
+              },
+              {
+                label: 'General Settings',
+                description: 'Manage health system organization and hospital facilities',
+                href: '/admin/general',
+                icon: Building2,
+                color: 'text-blue-500 bg-blue-50 dark:bg-blue-950',
+              },
+              {
+                label: 'Audit Logs',
+                description: 'Electronic signatures and traceability logs',
+                href: '/admin/audit-logs',
+                icon: ClipboardList,
+                color: 'text-stone-500 bg-stone-50 dark:bg-stone-950',
+              },
+            ],
+          },
+        ]
+      : []),
+  ];
+
+  return (
+    <div className="space-y-6 max-w-2xl mx-auto pb-8">
+      {/* User Card */}
+      <Card className="border shadow-sm hover:border-primary/30 transition">
+        <CardContent className="p-4 sm:p-5 flex items-center justify-between gap-4">
+          <Link href="/profile" className="flex items-center gap-4 flex-1 min-w-0">
+            <div className="w-12 h-12 rounded-full bg-primary/10 text-primary flex items-center justify-center font-bold text-lg shrink-0">
+              {user.fullName?.charAt(0) || <User className="w-6 h-6" />}
+            </div>
+            <div className="flex flex-col flex-1 min-w-0">
+              <h2 className="font-semibold text-base truncate">{user.fullName || 'User'}</h2>
+              <p className="text-xs text-muted-foreground truncate">{user.email}</p>
+              <div className="flex flex-wrap gap-1 mt-1.5">
+                {roles.map((role) => (
+                  <Badge key={role} variant="secondary" className="text-[10px] px-1.5 py-0">
+                    {role.replace(/_/g, ' ')}
+                  </Badge>
+                ))}
+              </div>
+            </div>
+          </Link>
+          <Button asChild variant="outline" size="sm" className="shrink-0 text-xs">
+            <Link href="/profile">My Profile</Link>
+          </Button>
+        </CardContent>
+      </Card>
+
+      {/* Sections */}
+      {sections.map((section) => (
+        <div key={section.title} className="space-y-2">
+          <h3 className="text-xs font-semibold uppercase tracking-wider text-muted-foreground px-1">
+            {section.title}
+          </h3>
+          <div className="bg-card rounded-xl border divide-y overflow-hidden shadow-sm">
+            {section.items.map((item) => {
+              const Icon = item.icon;
+              return (
+                <Link
+                  key={item.href}
+                  href={item.href}
+                  className="flex items-center justify-between p-3.5 sm:p-4 hover:bg-muted/50 transition-colors gap-3"
+                >
+                  <div className="flex items-center gap-3 min-w-0">
+                    <div className={`p-2.5 rounded-lg shrink-0 ${item.color}`}>
+                      <Icon className="w-5 h-5" />
+                    </div>
+                    <div className="flex flex-col min-w-0">
+                      <span className="font-medium text-sm leading-snug">{item.label}</span>
+                      <span className="text-xs text-muted-foreground truncate">
+                        {item.description}
+                      </span>
+                    </div>
+                  </div>
+                  <div className="flex items-center gap-2 shrink-0">
+                    <MoreItemBadge badgeKey={(item as any).badgeKey} />
+                    <ChevronRight className="w-4 h-4 text-muted-foreground shrink-0" />
+                  </div>
+                </Link>
+              );
+            })}
+          </div>
+        </div>
+      ))}
+
+      {/* Theme Settings */}
+      <ThemeSelectorCard />
+
+      {/* Account Session & Sign Out */}
+      <div className="pt-2">
+        <SignOutButton
+          variant="outline"
+          className="w-full text-destructive hover:bg-destructive/10 hover:text-destructive border-destructive/20 h-11 text-sm font-medium"
+          label="Sign Out of Account"
+        />
+      </div>
+    </div>
+  );
+}

package/src/app/(dashboard)/my-department/page.tsx

@@ -0,0 +1,151 @@
+import { auth } from '@/lib/auth';
+import { redirect } from 'next/navigation';
+import { db } from '@/lib/db';
+import { devices, departments, userAccessScopes, serviceTickets, hospitals } from '@/lib/db/schema';
+import { eq, and, inArray, ne, not, desc, sql } from 'drizzle-orm';
+import { PageHeader } from '@/components/shared/page-header';
+import { MyDepartmentView } from '@/components/departments/my-department-view';
+
+export const dynamic = 'force-dynamic';
+
+export default async function MyDepartmentPage() {
+  const session = await auth();
+  if (!session?.user) redirect('/login');
+
+  const user = session.user as {
+    id: string;
+    organizationId: string | null;
+    roles: string[];
+  };
+
+  const orgId = user.organizationId;
+  if (!orgId) redirect('/dashboard');
+
+  // Get user's department scopes
+  const scopes = await db.query.userAccessScopes.findMany({
+    where: eq(userAccessScopes.userId, user.id),
+  });
+
+  const deptIds = scopes
+    .map((s) => s.departmentId)
+    .filter(Boolean) as string[];
+
+  // If user has no department scopes, try to find their department from the first scope
+  // or redirect to dashboard
+  if (deptIds.length === 0) {
+    return (
+      <div className="space-y-6 max-w-3xl mx-auto">
+        <PageHeader
+          title="My Department"
+          description="Your department equipment and status"
+        />
+        <div className="text-center py-12">
+          <p className="text-muted-foreground text-sm">
+            You are not currently assigned to a department.
+          </p>
+          <p className="text-muted-foreground text-xs mt-1">
+            Contact your administrator to assign you to a department.
+          </p>
+        </div>
+      </div>
+    );
+  }
+
+  // Get department info
+  const dept = await db.query.departments.findFirst({
+    where: eq(departments.id, deptIds[0]),
+    with: {
+      hospital: true,
+    },
+  });
+
+  // Get department devices with related data
+  const deptDevices = await db.query.devices.findMany({
+    where: and(
+      eq(devices.organizationId, orgId),
+      inArray(devices.departmentId, deptIds)
+    ),
+    with: {
+      department: true,
+      location: true,
+      deviceCategory: true,
+      manufacturer: true,
+    },
+    orderBy: [desc(devices.currentStatusCode), desc(devices.updatedAt)],
+  });
+
+  // Get active tickets for department devices
+  const deviceIds = deptDevices.map((d) => d.id);
+  let activeTickets: any[] = [];
+  if (deviceIds.length > 0) {
+    activeTickets = await db.query.serviceTickets.findMany({
+      where: and(
+        eq(serviceTickets.organizationId, orgId),
+        inArray(serviceTickets.deviceId, deviceIds),
+        not(
+          inArray(serviceTickets.statusCode, [
+            'resolved',
+            'closed',
+            'cancelled',
+          ])
+        )
+      ),
+      columns: {
+        id: true,
+        ticketNumber: true,
+        title: true,
+        statusCode: true,
+        deviceId: true,
+      },
+    });
+  }
+
+  // Compute summary stats
+  const stats = {
+    total: deptDevices.length,
+    operational: deptDevices.filter(
+      (d) => d.currentStatusCode === 'operational'
+    ).length,
+    underMaintenance: deptDevices.filter((d) =>
+      [
+        'under_repair',
+        'under_maintenance',
+        'waiting_for_parts',
+        'under_investigation',
+      ].includes(d.currentStatusCode)
+    ).length,
+    outOfService: deptDevices.filter((d) =>
+      ['out_of_service', 'decommissioned'].includes(d.currentStatusCode)
+    ).length,
+  };
+
+  // Build ticket map keyed by deviceId
+  const ticketsByDevice: Record<string, typeof activeTickets> = {};
+  activeTickets.forEach((t) => {
+    if (t.deviceId) {
+      if (!ticketsByDevice[t.deviceId]) ticketsByDevice[t.deviceId] = [];
+      ticketsByDevice[t.deviceId].push(t);
+    }
+  });
+
+  return (
+    <MyDepartmentView
+      department={{
+        name: dept?.name || 'My Department',
+        hospitalName: (dept as any)?.hospital?.name || '',
+      }}
+      devices={deptDevices.map((d) => ({
+        id: d.id,
+        name: d.name,
+        assetNumber: d.assetNumber,
+        currentStatusCode: d.currentStatusCode,
+        locationName:
+          (d as any).location?.name || d.exactLocationDescription || '',
+        categoryName: (d as any).deviceCategory?.name || '',
+        manufacturerName: (d as any).manufacturer?.name || '',
+        activeTickets: ticketsByDevice[d.id] || [],
+      }))}
+      stats={stats}
+    />
+  );
+}

package/src/app/(dashboard)/notifications/notification-list.tsx

@@ -0,0 +1,103 @@
+'use client';
+
+import { useState } from 'react';
+import { Card, CardContent } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { NotificationItem } from '@/components/notifications/notification-item';
+import { markAsRead, markAllAsRead } from '@/lib/actions/notifications';
+import { Bell, CheckCheck, Filter } from 'lucide-react';
+
+export function NotificationList({ initialItems }: { initialItems: any[] }) {
+  const [items, setItems] = useState<any[]>(initialItems);
+  const [filterUnreadOnly, setFilterUnreadOnly] = useState(false);
+
+  const handleMarkRead = async (id: string) => {
+    await markAsRead(id);
+    setItems((prev) =>
+      prev.map((item) =>
+        item.id === id ? { ...item, readAt: new Date() } : item
+      )
+    );
+  };
+
+  const handleMarkAllRead = async () => {
+    await markAllAsRead();
+    setItems((prev) =>
+      prev.map((item) => ({ ...item, readAt: item.readAt || new Date() }))
+    );
+  };
+
+  const filteredItems = filterUnreadOnly
+    ? items.filter((item) => !item.readAt)
+    : items;
+
+  const unreadCount = items.filter((item) => !item.readAt).length;
+
+  return (
+    <div className="space-y-4">
+      <div className="flex flex-wrap items-center justify-between gap-2 pb-2">
+        <div className="flex items-center gap-2">
+          <Button
+            variant={filterUnreadOnly ? 'default' : 'outline'}
+            size="sm"
+            onClick={() => setFilterUnreadOnly(!filterUnreadOnly)}
+            className="text-xs h-8 min-h-[36px]"
+          >
+            <Filter className="h-3.5 w-3.5 mr-1" />
+            {filterUnreadOnly ? 'Showing Unread' : 'All Notifications'}
+          </Button>
+          {unreadCount > 0 && (
+            <span className="text-xs text-muted-foreground">
+              {unreadCount} unread
+            </span>
+          )}
+        </div>
+
+        {unreadCount > 0 && (
+          <Button
+            variant="ghost"
+            size="sm"
+            onClick={handleMarkAllRead}
+            className="text-xs h-8 min-h-[36px] gap-1"
+          >
+            <CheckCheck className="h-3.5 w-3.5" />
+            Mark all read
+          </Button>
+        )}
+      </div>
+
+      {filteredItems.length === 0 ? (
+        <Card>
+          <CardContent className="py-12 text-center">
+            <Bell className="h-10 w-10 mx-auto text-muted-foreground/50 mb-3" />
+            <h3 className="font-medium text-base">No notifications</h3>
+            <p className="text-sm text-muted-foreground mt-1">
+              {filterUnreadOnly
+                ? 'You have caught up with all unread notifications.'
+                : 'You do not have any notifications yet.'}
+            </p>
+          </CardContent>
+        </Card>
+      ) : (
+        <Card>
+          <CardContent className="p-2 sm:p-4 divide-y">
+            {filteredItems.map((item) => (
+              <NotificationItem
+                key={item.id}
+                id={item.id}
+                notificationType={item.notificationType}
+                title={item.title}
+                body={item.body}
+                actionUrl={item.actionUrl}
+                readAt={item.readAt}
+                createdAt={item.createdAt}
+                onMarkRead={handleMarkRead}
+              />
+            ))}
+          </CardContent>
+        </Card>
+      )}
+    </div>
+  );
+}
+