feat: add document preview overlay

app/pages/sites.vue

@@ -1,5 +1,10 @@
 <template>
   <main class="container mx-auto px-6 py-8">
+    <DocumentPreviewModal
+      :document="previewDocument"
+      :visible="previewVisible"
+      @close="closePreview"
+    />
     <!-- Hero Section -->
     <div class="hero min-h-[30vh] bg-gradient-to-r from-primary to-secondary">
       <div class="hero-content text-center text-neutral-content">
@@ -328,6 +333,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,7 +379,9 @@ import { useSites } from '~/composables/useSites'
 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'
 
 const { sites, loading, loadSites, createSite, updateSite, deleteSite } = useSites()
 const { uploadDocuments, deleteDocument, loadDocumentsBySite } = useDocuments()
@@ -396,6 +412,8 @@ const editSiteForm = reactive({
 
 const selectedFiles = ref([])
 const uploadingDocuments = ref(false)
+const previewDocument = ref(null)
+const previewVisible = ref(false)
 
 const siteDocuments = computed(() => siteBeingEdited.value?.documents || [])
 const documentIcon = (doc) => getFileIcon({ name: doc.filename || doc.name, mime: doc.mimeType })
@@ -543,6 +561,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 refreshSiteDocuments = async (siteId) => {
   if (!siteId) return
   const result = await loadDocumentsBySite(siteId, { updateStore: false })