task-e

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

@@ -1,5 +1,19 @@
+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 {
+  quotationAttachmentsOptions,
+  quotationByIdOptions,
+  quotationCustomersOptions,
+  quotationFollowupsOptions,
+  quotationItemsOptions,
+  quotationRevisionsOptions,
+  quotationTopicsOptions
+} from '@/features/crm/quotations/api/queries';
+import { QuotationDetail } from '@/features/crm/quotations/components/quotation-detail';
+import { getQuotationReferenceData } from '@/features/crm/quotations/server/service';
+import { PERMISSIONS } from '@/lib/auth/rbac';
+import { getQueryClient } from '@/lib/query-client';
 
 type PageProps = {
   params: Promise<{ id: string }>;
@@ -7,24 +21,90 @@ type PageProps = {
 
 export default async function QuotationDetailRoute({ 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.crmQuotationRead)));
+  const canUpdate =
+    session?.user?.systemRole === 'super_admin' ||
+    (!!session?.user?.activeOrganizationId &&
+      (session.user.activeMembershipRole === 'admin' ||
+        session.user.activePermissions.includes(PERMISSIONS.crmQuotationUpdate)));
+  const canManageItems =
+    session?.user?.systemRole === 'super_admin' ||
+    (!!session?.user?.activeOrganizationId &&
+      (session.user.activeMembershipRole === 'admin' ||
+        session.user.activePermissions.includes(PERMISSIONS.crmQuotationItemManage)));
+  const canManageCustomers =
+    session?.user?.systemRole === 'super_admin' ||
+    (!!session?.user?.activeOrganizationId &&
+      (session.user.activeMembershipRole === 'admin' ||
+        session.user.activePermissions.includes(PERMISSIONS.crmQuotationCustomerManage)));
+  const canManageTopics =
+    session?.user?.systemRole === 'super_admin' ||
+    (!!session?.user?.activeOrganizationId &&
+      (session.user.activeMembershipRole === 'admin' ||
+        session.user.activePermissions.includes(PERMISSIONS.crmQuotationTopicManage)));
+  const canManageFollowups =
+    session?.user?.systemRole === 'super_admin' ||
+    (!!session?.user?.activeOrganizationId &&
+      (session.user.activeMembershipRole === 'admin' ||
+        session.user.activePermissions.includes(PERMISSIONS.crmQuotationFollowupManage)));
+  const canManageAttachments =
+    session?.user?.systemRole === 'super_admin' ||
+    (!!session?.user?.activeOrganizationId &&
+      (session.user.activeMembershipRole === 'admin' ||
+        session.user.activePermissions.includes(PERMISSIONS.crmQuotationAttachmentManage)));
+  const canCreateRevision =
+    session?.user?.systemRole === 'super_admin' ||
+    (!!session?.user?.activeOrganizationId &&
+      (session.user.activeMembershipRole === 'admin' ||
+        session.user.activePermissions.includes(PERMISSIONS.crmQuotationRevisionCreate)));
+  const queryClient = getQueryClient();
+
+  if (canRead) {
+    void queryClient.prefetchQuery(quotationByIdOptions(id));
+    void queryClient.prefetchQuery(quotationItemsOptions(id));
+    void queryClient.prefetchQuery(quotationCustomersOptions(id));
+    void queryClient.prefetchQuery(quotationTopicsOptions(id));
+    void queryClient.prefetchQuery(quotationFollowupsOptions(id));
+    void queryClient.prefetchQuery(quotationAttachmentsOptions(id));
+    void queryClient.prefetchQuery(quotationRevisionsOptions(id));
+  }
+
+  const referenceData =
+    canRead && session?.user?.activeOrganizationId
+      ? await getQuotationReferenceData(session.user.activeOrganizationId)
+      : null;
 
   return (
     <PageContainer
       pageTitle='Quotation Detail'
-      pageDescription={`Production detail route placeholder for quotation ${id}.`}
+      pageDescription='Commercial detail, child records, revisions, and audit activity.'
+      access={canRead}
+      accessFallback={
+        <div className='text-muted-foreground rounded-lg border border-dashed p-8 text-center'>
+          You do not have access to this quotation.
+        </div>
+      }
     >
-      <CrmProductionPlaceholder
-        title='Quotation detail pending'
-        summary='This production detail route is isolated from the legacy quotation preview and approval mock flow.'
-        foundationItems={[
-          'Document sequence helper',
-          'Branch scope validation',
-          'Master option lookups',
-          'Audit trail foundation'
-        ]}
-        nextStep='Implement production quotation detail with real approval, preview, and related-entity data.'
-        demoHref={`/dashboard/crm-demo/quotations/${id}`}
-      />
+      {referenceData ? (
+        <HydrationBoundary state={dehydrate(queryClient)}>
+          <QuotationDetail
+            quotationId={id}
+            referenceData={referenceData}
+            canUpdate={canUpdate}
+            canManageItems={canManageItems}
+            canManageCustomers={canManageCustomers}
+            canManageTopics={canManageTopics}
+            canManageFollowups={canManageFollowups}
+            canManageAttachments={canManageAttachments}
+            canCreateRevision={canCreateRevision}
+          />
+        </HydrationBoundary>
+      ) : null}
     </PageContainer>
   );
 }