feat: add document preview overlay

app/components/PieceItem.vue

@@ -1,5 +1,11 @@
 <template>
   <div class="border border-gray-200 rounded-lg p-4">
+    <DocumentPreviewModal
+      :document="previewDocument"
+      :visible="previewVisible"
+      @close="closePreview"
+    />
+
     <div class="flex items-center justify-between mb-3">
       <div class="flex items-center gap-2">
         <svg class="w-4 h-4 text-purple-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -205,6 +211,15 @@
             </div>
           </div>
           <div class="flex items-center gap-2">
+            <button
+              type="button"
+              class="btn btn-ghost btn-xs"
+              :disabled="!canPreviewDocument(document)"
+              :title="canPreviewDocument(document) ? 'Consulter le document' : 'Aucun aperçu disponible pour ce type'"
+              @click="openPreview(document)"
+            >
+              Consulter
+            </button>
             <button type="button" class="btn btn-ghost btn-xs" @click="downloadDocument(document)">
               Télécharger
             </button>
@@ -231,7 +246,9 @@ import { useCustomFields } from '~/composables/useCustomFields'
 import { useToast } from '~/composables/useToast'
 import { useDocuments } from '~/composables/useDocuments'
 import { getFileIcon } from '~/utils/fileIcons'
+import { canPreviewDocument } from '~/utils/documentPreview'
 import DocumentUpload from '~/components/DocumentUpload.vue'
+import DocumentPreviewModal from '~/components/DocumentPreviewModal.vue'
 import ConstructeurSelect from './ConstructeurSelect.vue'
 
 const props = defineProps({
@@ -261,6 +278,8 @@ const loadingDocuments = ref(false)
 const documentsLoaded = ref(!!(props.piece.documents && props.piece.documents.length))
 const pieceDocuments = computed(() => props.piece.documents || [])
 const documentIcon = (doc) => getFileIcon({ name: doc.filename || doc.name, mime: doc.mimeType })
+const previewDocument = ref(null)
+const previewVisible = ref(false)
 
 const handleConstructeurChange = (value) => {
   props.piece.constructeurId = value
@@ -328,6 +347,17 @@ const downloadDocument = (doc) => {
   window.open(doc.path, '_blank')
 }
 
+const openPreview = (doc) => {
+  if (!canPreviewDocument(doc)) return
+  previewDocument.value = doc
+  previewVisible.value = true
+}
+
+const closePreview = () => {
+  previewVisible.value = false
+  previewDocument.value = null
+}
+
 const formatSize = (size) => {
   if (size === undefined || size === null) return '—'
   if (size === 0) return '0 B'