feat: add document preview overlay

app/components/ComponentItem.vue

@@ -1,5 +1,11 @@
 <template>
   <div class="space-y-4">
+    <DocumentPreviewModal
+      :document="previewDocument"
+      :visible="previewVisible"
+      @close="closePreview"
+    />
+
     <!-- Component Header -->
     <div class="flex items-start justify-between p-4 bg-base-200 rounded-lg">
       <div class="flex items-start gap-3 w-full">
@@ -199,6 +205,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>
@@ -260,6 +275,8 @@ import DocumentUpload from './DocumentUpload.vue'
 import ConstructeurSelect from './ConstructeurSelect.vue'
 import { useDocuments } from '~/composables/useDocuments'
 import { getFileIcon } from '~/utils/fileIcons'
+import { canPreviewDocument } from '~/utils/documentPreview'
+import DocumentPreviewModal from '~/components/DocumentPreviewModal.vue'
 
 const props = defineProps({
   component: {
@@ -289,6 +306,8 @@ const loadingDocuments = ref(false)
 const documentsLoaded = ref(!!(props.component.documents && props.component.documents.length))
 const componentDocuments = computed(() => props.component.documents || [])
 const documentIcon = (doc) => getFileIcon({ name: doc.filename || doc.name, mime: doc.mimeType })
+const previewDocument = ref(null)
+const previewVisible = ref(false)
 
 const handleConstructeurChange = async (value) => {
   props.component.constructeurId = value
@@ -409,6 +428,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'