feat: add document preview overlay

app/pages/machine/[id].vue

@@ -7,6 +7,12 @@
 
     <!-- Machine Details -->
     <div v-else-if="machine" class="space-y-8">
+      <DocumentPreviewModal
+        :document="previewDocument"
+        :visible="previewVisible"
+        @close="closePreview"
+      />
+
       <!-- Header with Edit Button -->
       <div class="flex justify-between items-center">
         <h1 class="text-3xl font-bold">Détails de la machine</h1>
@@ -259,6 +265,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>
@@ -365,10 +380,12 @@ import { useApi } from '~/composables/useApi'
 import { useToast } from '~/composables/useToast'
 import { useDocuments } from '~/composables/useDocuments'
 import { getFileIcon } from '~/utils/fileIcons'
+import { canPreviewDocument } from '~/utils/documentPreview'
 import ComponentHierarchy from '~/components/ComponentHierarchy.vue'
 import DocumentUpload from '~/components/DocumentUpload.vue'
 import ConstructeurSelect from '~/components/ConstructeurSelect.vue'
 import { useConstructeurs } from '~/composables/useConstructeurs'
+import DocumentPreviewModal from '~/components/DocumentPreviewModal.vue'
 
 const route = useRoute()
 const machineId = route.params.id
@@ -423,6 +440,8 @@ const machineCustomFieldValues = reactive({})
 const machineDocumentFiles = ref([])
 const machineDocumentsUploading = ref(false)
 const machineDocumentsLoaded = ref(false)
+const previewDocument = ref(null)
+const previewVisible = ref(false)
 
 const handleMachineConstructeurChange = async (value) => {
   machineConstructeurId.value = value
@@ -537,6 +556,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'