Use embed for PDF preview in DocumentVault

js/main.js

@@ -552,7 +552,22 @@ class App {
 
         const pdfBlob = await response.blob();
         this.currentPreviewObjectUrl = URL.createObjectURL(pdfBlob);
-        body.innerHTML = `<iframe src="${this.currentPreviewObjectUrl}" class="preview-iframe" title="${file.name}"></iframe>`;
+        const googleViewerUrl = `https://docs.google.com/gview?url=${encodeURIComponent(`${url}?download=true`)}&embedded=true`;
+        body.innerHTML = `
+          <div class="preview-pdf-wrap" style="width:100%; height:100%; display:flex; flex-direction:column;">
+            <embed
+              src="${this.currentPreviewObjectUrl}"
+              type="application/pdf"
+              width="100%"
+              height="100%"
+              style="flex:1; border:0;"
+            />
+            <div style="padding:12px 16px; border-top:1px solid rgba(0,0,0,0.06); display:flex; justify-content:flex-end;">
+              <a href="${googleViewerUrl}" target="_blank" rel="noopener noreferrer" class="btn-secondary" style="text-decoration:none;">
+                Open in Google Viewer
+              </a>
+            </div>
+          </div>`;
       } catch (err) {
         body.innerHTML = this.previewFallback(
           file.name,