viewer

frontend/src/preview/DocumentViewerPanel.jsx

@@ -73,9 +73,15 @@ const DocumentViewerPanel = ({
       return null;
     }
 
-    const contentType = (document.content_type || '').toLowerCase();
+    const normalizedContentType = (previewEntry.contentType
+      || document.content_type
+      || '')
+      .toLowerCase();
+    const isImage = normalizedContentType.startsWith('image/');
+    const isPdf = normalizedContentType === 'application/pdf'
+      || normalizedContentType === 'application/x-pdf';
 
-    if (contentType.startsWith('image/')) {
+    if (isImage) {
       return (
         <img
           src={previewEntry.url}
@@ -86,14 +92,41 @@ const DocumentViewerPanel = ({
       );
     }
 
+    if (isPdf) {
+      return (
+        <iframe
+          src={previewEntry.url}
+          title={`Preview of ${document.title}`}
+          className="document-viewer__object"
+        />
+      );
+    }
+
+    const displayContentType = document.content_type || previewEntry.contentType || 'this file type';
+    const displayFilename = previewEntry.filename
+      || document.filename
+      || document.original_name
+      || 'download';
+
     return (
-      <iframe
-        src={previewEntry.url}
-        title={`Preview of ${document.title}`}
-        className="document-viewer__object"
-      />
+      <div className="document-viewer__unsupported">
+        <div className="document-viewer__unsupported-message">
+          Preview is not available for {displayContentType} files.
+        </div>
+        <div className="document-viewer__unsupported-filename">{displayFilename}</div>
+        <a
+          className="button-link document-viewer__unsupported-download"
+          href={previewEntry.url}
+          download={displayFilename}
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <DownloadIcon />
+          <span>Download</span>
+        </a>
+      </div>
     );
-  }, [previewEntry?.url, document]);
+  }, [previewEntry, document]);
 
   const metadataPayload = useMemo(() => {
     if (!document || !document.metadata || Object.keys(document.metadata).length === 0) {