task-d complate

src/app/dashboard/crm/enquiries/[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 { enquiryByIdOptions, enquiryFollowupsOptions } from '@/features/crm/enquiries/api/queries';
+import { EnquiryDetail } from '@/features/crm/enquiries/components/enquiry-detail';
+import { getEnquiryReferenceData } from '@/features/crm/enquiries/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 EnquiryDetailRoute({ 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.crmEnquiryRead)));
+  const canUpdate =
+    session?.user?.systemRole === 'super_admin' ||
+    (!!session?.user?.activeOrganizationId &&
+      (session.user.activeMembershipRole === 'admin' ||
+        session.user.activePermissions.includes(PERMISSIONS.crmEnquiryUpdate)));
+  const canFollowupCreate =
+    session?.user?.systemRole === 'super_admin' ||
+    (!!session?.user?.activeOrganizationId &&
+      (session.user.activeMembershipRole === 'admin' ||
+        session.user.activePermissions.includes(PERMISSIONS.crmEnquiryFollowupCreate)));
+  const canFollowupUpdate =
+    session?.user?.systemRole === 'super_admin' ||
+    (!!session?.user?.activeOrganizationId &&
+      (session.user.activeMembershipRole === 'admin' ||
+        session.user.activePermissions.includes(PERMISSIONS.crmEnquiryFollowupUpdate)));
+  const canFollowupDelete =
+    session?.user?.systemRole === 'super_admin' ||
+    (!!session?.user?.activeOrganizationId &&
+      (session.user.activeMembershipRole === 'admin' ||
+        session.user.activePermissions.includes(PERMISSIONS.crmEnquiryFollowupDelete)));
+  const queryClient = getQueryClient();
+
+  if (canRead) {
+    void queryClient.prefetchQuery(enquiryByIdOptions(id));
+    void queryClient.prefetchQuery(enquiryFollowupsOptions(id));
+  }
+
+  const referenceData =
+    canRead && session?.user?.activeOrganizationId
+      ? await getEnquiryReferenceData(session.user.activeOrganizationId)
+      : null;
 
   return (
     <PageContainer
       pageTitle='Enquiry Detail'
-      pageDescription={`Production detail route placeholder for enquiry ${id}.`}
+      pageDescription='Opportunity context, follow-up timeline, and future quotation 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 enquiry.
+        </div>
+      }
     >
-      <CrmProductionPlaceholder
-        title='Enquiry detail pending'
-        summary='This route is reserved for the production enquiry detail page and no longer imports the demo in-memory service.'
-        foundationItems={[
-          'Organization context',
-          'Branch validation',
-          'Master option lookups',
-          'Audit logging'
-        ]}
-        nextStep='Implement enquiry detail on top of persisted enquiry, activity, and relationship data.'
-        demoHref={`/dashboard/crm-demo/enquiries/${id}`}
-      />
+      {referenceData ? (
+        <HydrationBoundary state={dehydrate(queryClient)}>
+          <EnquiryDetail
+            enquiryId={id}
+            referenceData={referenceData}
+            canUpdate={canUpdate}
+            canManageFollowups={{
+              create: canFollowupCreate,
+              update: canFollowupUpdate,
+              delete: canFollowupDelete
+            }}
+          />
+        </HydrationBoundary>
+      ) : null}
     </PageContainer>
   );
 }