task-g

src/features/crm/quotations/components/quotation-detail.tsx

@@ -69,6 +69,7 @@ import type {
   QuotationTopicRecord
 } from '../api/types';
 import { submitQuotationApprovalMutation } from '@/features/foundation/approval/mutations';
+import { QuotationDocumentPreview } from './quotation-document-preview';
 import { QuotationFormSheet } from './quotation-form-sheet';
 import { QuotationApprovalTab } from './quotation-approval-tab';
 import { QuotationStatusBadge } from './quotation-status-badge';
@@ -481,7 +482,8 @@ export function QuotationDetail({
   canReturnApproval,
   activeBusinessRole,
   isOrgAdmin,
-  currentUserId
+  currentUserId,
+  canPreviewDocument
 }: {
   quotationId: string;
   referenceData: QuotationReferenceData;
@@ -499,6 +501,7 @@ export function QuotationDetail({
   activeBusinessRole: string | null;
   isOrgAdmin: boolean;
   currentUserId: string;
+  canPreviewDocument: boolean;
 }) {
   const { data } = useSuspenseQuery(quotationByIdOptions(quotationId));
   const { data: itemsData } = useSuspenseQuery(quotationItemsOptions(quotationId));
@@ -1188,15 +1191,19 @@ export function QuotationDetail({
                 </TabsContent>
 
                 <TabsContent value='preview'>
-                  <Card>
-                    <CardHeader>
-                      <CardTitle>Document Preview Placeholder</CardTitle>
-                      <CardDescription>PDF and rendered output are intentionally postponed.</CardDescription>
-                    </CardHeader>
-                    <CardContent>
-                      <EmptyState message='Production preview and PDF generation are outside Task E scope.' />
-                    </CardContent>
-                  </Card>
+                  {canPreviewDocument ? (
+                    <QuotationDocumentPreview quotationId={quotationId} />
+                  ) : (
+                    <Card>
+                      <CardHeader>
+                        <CardTitle>Document Preview</CardTitle>
+                        <CardDescription>Preview permission is required to load document data.</CardDescription>
+                      </CardHeader>
+                      <CardContent>
+                        <EmptyState message='You do not have access to quotation document preview.' />
+                      </CardContent>
+                    </Card>
+                  )}
                 </TabsContent>
               </Tabs>
             </CardContent>