tsk-C

compleate

src/app/dashboard/crm/customers/[id]/page.tsx

@@ -1,5 +1,11 @@
+import { auth } from '@/auth';
+import { HydrationBoundary, dehydrate } from '@tanstack/react-query';
 import PageContainer from '@/components/layout/page-container';
-import { CrmProductionPlaceholder } from '@/features/foundation/components/crm-production-placeholder';
+import { CustomerDetail } from '@/features/crm/customers/components/customer-detail';
+import { customerByIdOptions, customerContactsOptions } from '@/features/crm/customers/api/queries';
+import { getCustomerReferenceData } from '@/features/crm/customers/server/service';
+import { PERMISSIONS } from '@/lib/auth/rbac';
+import { getQueryClient } from '@/lib/query-client';
 
 type PageProps = {
   params: Promise<{ id: string }>;
@@ -7,24 +13,69 @@ type PageProps = {
 
 export default async function CustomerDetailRoute({ params }: PageProps) {
   const { id } = await params;
+  const session = await auth();
+  const canRead =
+    session?.user?.systemRole === 'super_admin' ||
+    (!!session?.user?.activeOrganizationId &&
+      (session.user.activeMembershipRole === 'admin' ||
+        session.user.activePermissions.includes(PERMISSIONS.crmCustomerRead)));
+  const canUpdate =
+    session?.user?.systemRole === 'super_admin' ||
+    (!!session?.user?.activeOrganizationId &&
+      (session.user.activeMembershipRole === 'admin' ||
+        session.user.activePermissions.includes(PERMISSIONS.crmCustomerUpdate)));
+  const canContactCreate =
+    session?.user?.systemRole === 'super_admin' ||
+    (!!session?.user?.activeOrganizationId &&
+      (session.user.activeMembershipRole === 'admin' ||
+        session.user.activePermissions.includes(PERMISSIONS.crmContactCreate)));
+  const canContactUpdate =
+    session?.user?.systemRole === 'super_admin' ||
+    (!!session?.user?.activeOrganizationId &&
+      (session.user.activeMembershipRole === 'admin' ||
+        session.user.activePermissions.includes(PERMISSIONS.crmContactUpdate)));
+  const canContactDelete =
+    session?.user?.systemRole === 'super_admin' ||
+    (!!session?.user?.activeOrganizationId &&
+      (session.user.activeMembershipRole === 'admin' ||
+        session.user.activePermissions.includes(PERMISSIONS.crmContactDelete)));
+  const queryClient = getQueryClient();
+
+  if (canRead) {
+    void queryClient.prefetchQuery(customerByIdOptions(id));
+    void queryClient.prefetchQuery(customerContactsOptions(id));
+  }
+
+  const referenceData =
+    canRead && session?.user?.activeOrganizationId
+      ? await getCustomerReferenceData(session.user.activeOrganizationId)
+      : null;
 
   return (
     <PageContainer
       pageTitle='Customer Detail'
-      pageDescription={`Production detail route placeholder for customer ${id}.`}
+      pageDescription='Customer profile, contacts, audit timeline, and future CRM document handoff.'
+      access={canRead}
+      accessFallback={
+        <div className='text-muted-foreground rounded-lg border border-dashed p-8 text-center'>
+          You do not have access to this customer record.
+        </div>
+      }
     >
-      <CrmProductionPlaceholder
-        title='Customer detail pending'
-        summary='This detail route is intentionally isolated from legacy demo state until the production Customer module is implemented.'
-        foundationItems={[
-          'Current organization context',
-          'Permission checks',
-          'Branch validation abstraction',
-          'Audit log helper'
-        ]}
-        nextStep='Implement customer detail using real customer, contact, enquiry, and audit data from production APIs.'
-        demoHref={`/dashboard/crm-demo/customers/${id}`}
-      />
+      {referenceData ? (
+        <HydrationBoundary state={dehydrate(queryClient)}>
+          <CustomerDetail
+            customerId={id}
+            referenceData={referenceData}
+            canUpdate={canUpdate}
+            canManageContacts={{
+              create: canContactCreate,
+              update: canContactUpdate,
+              delete: canContactDelete
+            }}
+          />
+        </HydrationBoundary>
+      ) : null}
     </PageContainer>
   );
 }

src/app/dashboard/crm/customers/page.tsx

@@ -1,29 +1,74 @@
+import { auth } from '@/auth';
 import PageContainer from '@/components/layout/page-container';
-import { CrmProductionPlaceholder } from '@/features/foundation/components/crm-production-placeholder';
+import CustomerListing from '@/features/crm/customers/components/customer-listing';
+import { CustomerFormSheetTrigger } from '@/features/crm/customers/components/customer-form-sheet';
+import { getCustomerReferenceData } from '@/features/crm/customers/server/service';
+import { PERMISSIONS } from '@/lib/auth/rbac';
+import { searchParamsCache } from '@/lib/searchparams';
+import type { SearchParams } from 'nuqs/server';
 
 export const metadata = {
   title: 'Dashboard: CRM Customers'
 };
 
-export default function CustomersRoute() {
+type PageProps = {
+  searchParams: Promise<SearchParams>;
+};
+
+export default async function CustomersRoute(props: PageProps) {
+  const searchParams = await props.searchParams;
+  const session = await auth();
+  const canRead =
+    session?.user?.systemRole === 'super_admin' ||
+    (!!session?.user?.activeOrganizationId &&
+      (session.user.activeMembershipRole === 'admin' ||
+        session.user.activePermissions.includes(PERMISSIONS.crmCustomerRead)));
+  const canCreate =
+    session?.user?.systemRole === 'super_admin' ||
+    (!!session?.user?.activeOrganizationId &&
+      (session.user.activeMembershipRole === 'admin' ||
+        session.user.activePermissions.includes(PERMISSIONS.crmCustomerCreate)));
+  const canUpdate =
+    session?.user?.systemRole === 'super_admin' ||
+    (!!session?.user?.activeOrganizationId &&
+      (session.user.activeMembershipRole === 'admin' ||
+        session.user.activePermissions.includes(PERMISSIONS.crmCustomerUpdate)));
+  const canDelete =
+    session?.user?.systemRole === 'super_admin' ||
+    (!!session?.user?.activeOrganizationId &&
+      (session.user.activeMembershipRole === 'admin' ||
+        session.user.activePermissions.includes(PERMISSIONS.crmCustomerDelete)));
+
+  searchParamsCache.parse(searchParams);
+
+  const referenceData =
+    canRead && session?.user?.activeOrganizationId
+      ? await getCustomerReferenceData(session.user.activeOrganizationId)
+      : null;
+
   return (
     <PageContainer
       pageTitle='Customers'
-      pageDescription='Production customer CRUD has not started yet. This route is reserved for the Task C implementation path.'
+      pageDescription='Production customer registry with organization scoping, branch filters, contact management, and audit-backed history.'
+      access={canRead}
+      accessFallback={
+        <div className='text-muted-foreground rounded-lg border border-dashed p-8 text-center'>
+          You do not have access to CRM customer records.
+        </div>
+      }
+      pageHeaderAction={
+        canCreate && referenceData ? (
+          <CustomerFormSheetTrigger referenceData={referenceData} />
+        ) : null
+      }
     >
-      <CrmProductionPlaceholder
-        title='Customer module pending'
-        summary='The old customer list and form flow has been moved to the demo path so this route no longer depends on mock services.'
-        foundationItems={[
-          'Organization-first access boundary',
-          'Customer status options from master options',
-          'Branch scope abstraction for customer ownership',
-          'Document code generation for customer records',
-          'Audit hooks for future mutations'
-        ]}
-        nextStep='Implement Customer list, detail, and create/edit flows with real route handlers and persistence.'
-        demoHref='/dashboard/crm-demo/customers'
-      />
+      {referenceData ? (
+        <CustomerListing
+          referenceData={referenceData}
+          canUpdate={canUpdate}
+          canDelete={canDelete}
+        />
+      ) : null}
     </PageContainer>
   );
 }