Merge branch 'quick-fix-main' of github.com:Tria-plc/edr-platform into quick-fix-main

apps/edr-passenger-web/backoffice/src/app/dashboard/page.tsx

@@ -3,7 +3,7 @@
 import { useQuery } from '@tanstack/react-query';
 import { PermissionGuard } from '@/components/layout/PermissionGuard';
 import { PERMS } from '@/lib/permissions';
-import { Ticket, AlertCircle, BookOpen, Banknote, ArrowRight } from 'lucide-react';
+import { Ticket, AlertCircle, BookOpen, Banknote, ArrowRight, ScanLine } from 'lucide-react';
 import { dashboardApi } from '@/lib/api/dashboard';
 import { apiClient } from '@/lib/api-client';
 import { formatCurrency } from '@/lib/utils';
@@ -143,9 +143,18 @@ function DashboardPageContent() {
 
   return (
     <div className="space-y-6 p-6">
-      <div>
-        <h1 className="text-3xl font-bold text-foreground">Dashboard</h1>
-        <p className="text-muted-foreground mt-1">Welcome back! Here&apos;s your operational summary.</p>
+      <div className="flex items-start justify-between">
+        <div>
+          <h1 className="text-3xl font-bold text-foreground">Dashboard</h1>
+          <p className="text-muted-foreground mt-1">Welcome back! Here&apos;s your operational summary.</p>
+        </div>
+        <Link
+          href="/boarding"
+          className="flex items-center gap-2 rounded-lg bg-emerald-600 hover:bg-emerald-700 text-white px-4 py-2 text-sm font-medium transition-colors"
+        >
+          <ScanLine className="h-4 w-4" />
+          Boarding
+        </Link>
       </div>
 
       {statsError && (
@@ -161,7 +170,7 @@ function DashboardPageContent() {
       )}
 
       {/* Stat cards */}
-      <div className="grid grid-cols-1 gap-4 sm:grid-cols-3">
+      <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
         <StatCard
           icon={<BookOpen className="h-4 w-4 text-blue-600 dark:text-blue-400" />}
           iconBg="bg-blue-100 dark:bg-blue-900/30"
@@ -174,18 +183,7 @@ function DashboardPageContent() {
             { label: 'Package', value: stats?.totalPackageBookings ?? 0, href: '/package-bookings' },
           ]}
         />
-        <StatCard
-          icon={<Ticket className="h-4 w-4 text-emerald-600 dark:text-emerald-400" />}
-          iconBg="bg-emerald-100 dark:bg-emerald-900/30"
-          label="Tickets"
-          total={stats?.totalTickets ?? 0}
-          loading={statsLoading}
-          href="/tickets"
-          rows={[
-            { label: 'Regular', value: stats?.totalNormalTickets ?? 0, href: '/tickets' },
-            { label: 'Package', value: stats?.totalPackageTickets ?? 0, href: '/tickets' },
-          ]}
-        />
+        {/* Tickets card hidden temporarily */}
 
         {/* Revenue card */}
         <div className="card flex flex-col gap-3">

apps/edr-passenger-web/backoffice/src/app/reports/passengers/page.tsx

@@ -20,7 +20,6 @@ interface PassengersReport {
 
 interface PassengerRow {
   bookingRef: string;
-  bookingStatus: string;
   passengerName: string;
   passengerCategory: string;
   idDocumentType: string | null;
@@ -139,9 +138,6 @@ export default function PassengersReportPage() {
           {data && tab === 'occupancy' && (
             <ActionButton icon={Download} variant="secondary" onClick={doExportOccupancy}>Export CSV</ActionButton>
           )}
-          {passengerList.length > 0 && tab === 'list' && (
-            <ActionButton icon={Download} variant="secondary" onClick={doExportList}>Export CSV</ActionButton>
-          )}
         </div>
         {(isLoading || listLoading) && <p className="text-xs text-muted-foreground mt-2">Loading…</p>}
         {isError && <p className="text-xs text-red-500 mt-2">Failed to load report.</p>}
@@ -288,33 +284,19 @@ export default function PassengersReportPage() {
             </div>
           )}
 
-          {/* Passenger List tab */}
           {tab === 'list' && (
-            <div className="card space-y-4">
-              <div className="flex flex-wrap gap-3">
+            <div className="space-y-4">
+              <div className="flex items-center gap-3 flex-wrap">
                 <input
                   type="text"
-                  className="input min-w-52 flex-1"
-                  placeholder="Search by name, booking ref or ID…"
+                  className="input max-w-sm flex-1"
+                  placeholder="Search by name or booking ref…"
                   value={listSearch}
                   onChange={e => setListSearch(e.target.value)}
                 />
-                <select
-                  className="input w-44"
-                  value={filterCoach}
-                  onChange={e => setFilterCoach(e.target.value)}
-                >
-                  <option value="">All coaches</option>
-                  {coachOptions.map(c => <option key={c} value={c}>Coach {c}</option>)}
-                </select>
-                <select
-                  className="input w-52"
-                  value={filterOrigin}
-                  onChange={e => setFilterOrigin(e.target.value)}
-                >
-                  <option value="">All origins</option>
-                  {originOptions.map(o => <option key={o} value={o}>{o}</option>)}
-                </select>
+                {passengerList.length > 0 && (
+                  <ActionButton icon={Download} variant="secondary" onClick={doExportList}>Export CSV</ActionButton>
+                )}
               </div>
               <div className="overflow-x-auto">
                 <table className="w-full text-sm">

apps/edr-passenger-web/backoffice/src/app/reports/seats/page.tsx

@@ -2,8 +2,8 @@
 
 import { useState, useMemo } from 'react';
 import { useQuery } from '@tanstack/react-query';
-import { Download, Armchair, CheckCircle, Clock, AlertCircle } from 'lucide-react';
-import { bookingsApi } from '@/lib/api';
+import { Download, Armchair, CheckCircle, Clock, AlertCircle, Ban } from 'lucide-react';
+import { bookingsApi, seatsApi } from '@/lib/api';
 import Badge from '@/components/ui/Badge';
 import ActionButton from '@/components/ui/ActionButton';
 import { formatDateTime, formatCurrency } from '@/lib/utils';
@@ -46,6 +46,11 @@ export default function SeatStatusReportPage() {
   const [statusFilter, setStatusFilter] = useState<'ALL' | 'PAID' | 'UNPAID'>('ALL');
   const [search, setSearch] = useState('');
 
+  const { data: blockedSeats = [] } = useQuery({
+    queryKey: ['blocked-seats'],
+    queryFn: () => seatsApi.getBlocked().then((r: any) => Array.isArray(r) ? r : r?.data ?? []),
+  });
+
   const { data: bookingsData, isLoading } = useQuery({
     queryKey: ['seat-report-bookings'],
     queryFn: () => bookingsApi.getAll({ pageSize: 1000 }),
@@ -150,7 +155,7 @@ export default function SeatStatusReportPage() {
       </div>
 
       {/* Summary Cards */}
-      <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
         <div className="card">
           <div className="flex items-start justify-between">
             <div>
@@ -189,6 +194,19 @@ export default function SeatStatusReportPage() {
             <AlertCircle className="h-8 w-8 text-red-500 opacity-30" />
           </div>
         </div>
+
+        <div className="card">
+          <div className="flex items-start justify-between">
+            <div>
+              <p className="text-muted-foreground text-sm font-medium">Blocked Seats</p>
+              <p className="text-2xl font-bold mt-2 text-slate-600 dark:text-slate-400">
+                {blockedSeats.length}
+              </p>
+              <p className="text-xs text-muted-foreground mt-1">Manually blocked</p>
+            </div>
+            <Ban className="h-8 w-8 text-slate-500 opacity-30" />
+          </div>
+        </div>
       </div>
 
       {/* Filters */}

apps/edr-passenger-web/backoffice/src/lib/api/index.ts

@@ -151,6 +151,7 @@ export const seatsApi = {
     return apiClient.get<any>(`/seats/seatmap/${scheduleId}${params}`);
   },
   getBySchedule: (scheduleId: string) => apiClient.get<any>(`/seats/schedule/${scheduleId}`),
+  getBlocked: () => apiClient.get<any[]>('/seats/blocks'),
   hold: (data: any) => apiClient.post<any>('/seats/hold', data),
   release: (holdId: string) => apiClient.delete(`/seats/hold/${holdId}`),
   block: (seatId: string, data: any) => apiClient.post<any>(`/seats/${seatId}/block`, data),