frontend phase 14

client/src/app/[locale]/(private-routes)/(customer)/bookings/[id]/page.tsx

@@ -3,6 +3,7 @@ import { useParams, useRouter } from 'next/navigation';
 import { useLocale, useTranslations } from 'next-intl';
 import { Stack, Typography } from '@mui/material';
 import { BookingDetailView } from '@/components/booking';
+import { BookingSupportEntry } from '@/components/messaging';
 import RefundStatusCard from '@/components/RefundStatusCard';
 import AppButton from '@/components/common/AppButton';
 import { bookingCancelPath, bookingRefundStatusPath, bookingReviewPath } from '@/constants';
@@ -30,6 +31,7 @@ export default function CustomerBookingDetailPage() {
       <BookingDetailView bookingId={bookingId} viewerRole="customer" />
       {bookingId > 0 && <CustomerBookingActions bookingId={bookingId} />}
       {bookingId > 0 && <LeaveReviewCta bookingId={bookingId} />}
+      {bookingId > 0 && <BookingSupportEntry bookingId={bookingId} role="customer" />}
     </Stack>
   );
 }

client/src/app/[locale]/(private-routes)/(customer)/notifications/page.tsx

@@ -0,0 +1,7 @@
+'use client';
+import { NotificationCenter } from '@/components/notifications';
+
+/** /notifications — the customer notification center (f14). The bell deep-links here. */
+export default function CustomerNotificationsPage() {
+  return <NotificationCenter role="customer" />;
+}

client/src/app/[locale]/(private-routes)/(customer)/support/tickets/[id]/page.tsx

@@ -0,0 +1,11 @@
+'use client';
+import { useParams } from 'next/navigation';
+import { TicketThreadScreen } from '@/components/messaging';
+
+/** /support/tickets/[id] — the customer ticket thread (f14). */
+export default function CustomerTicketThreadPage() {
+  const params = useParams<{ id: string }>();
+  const id = Number(params.id);
+  const ticketId = Number.isInteger(id) && id > 0 ? id : -1;
+  return <TicketThreadScreen role="customer" ticketId={ticketId} />;
+}

client/src/app/[locale]/(private-routes)/(customer)/support/tickets/page.tsx

@@ -0,0 +1,7 @@
+'use client';
+import { TicketInboxScreen } from '@/components/messaging';
+
+/** /support/tickets — the customer "My Tickets" inbox (f14). Shares the screen with the nurse shell. */
+export default function CustomerTicketsPage() {
+  return <TicketInboxScreen role="customer" />;
+}

client/src/app/[locale]/(private-routes)/nurse/notifications/page.tsx

@@ -0,0 +1,7 @@
+'use client';
+import { NotificationCenter } from '@/components/notifications';
+
+/** /nurse/notifications — the nurse notification center (f14). The bell deep-links here. */
+export default function NurseNotificationsPage() {
+  return <NotificationCenter role="nurse" />;
+}

client/src/app/[locale]/(private-routes)/nurse/support/tickets/[id]/page.tsx

@@ -0,0 +1,11 @@
+'use client';
+import { useParams } from 'next/navigation';
+import { TicketThreadScreen } from '@/components/messaging';
+
+/** /nurse/support/tickets/[id] — the nurse ticket thread (f14). */
+export default function NurseTicketThreadPage() {
+  const params = useParams<{ id: string }>();
+  const id = Number(params.id);
+  const ticketId = Number.isInteger(id) && id > 0 ? id : -1;
+  return <TicketThreadScreen role="nurse" ticketId={ticketId} />;
+}

client/src/app/[locale]/(private-routes)/nurse/support/tickets/page.tsx

@@ -0,0 +1,7 @@
+'use client';
+import { TicketInboxScreen } from '@/components/messaging';
+
+/** /nurse/support/tickets — the nurse "My Tickets" inbox (f14). Same screen as the customer, nurse chrome. */
+export default function NurseTicketsPage() {
+  return <TicketInboxScreen role="nurse" />;
+}

client/src/app/[locale]/(private-routes)/nurse/visits/[id]/page.tsx

@@ -2,6 +2,7 @@
 import { useParams } from 'next/navigation';
 import { Stack } from '@mui/material';
 import { BookingDetailView } from '@/components/booking';
+import { BookingSupportEntry } from '@/components/messaging';
 import NurseVisitNotesPanel from './NurseVisitNotesPanel';
 
 /**
@@ -19,6 +20,7 @@ export default function NurseBookingDetailPage() {
   return (
     <Stack sx={{ gap: 3 }}>
       <BookingDetailView bookingId={bookingId} viewerRole="nurse" />
+      {bookingId > 0 && <BookingSupportEntry bookingId={bookingId} role="nurse" />}
       {bookingId > 0 && <NurseVisitNotesPanel bookingId={bookingId} />}
     </Stack>
   );