@files-preview-app/preview-file 1.2.3 → 1.2.5

package/dist/react.js

@@ -1,5 +1,6 @@
 import { memo, forwardRef, useRef, useImperativeHandle, useEffect } from 'react';
 import DOMPurify2 from 'dompurify';
+import * as pdfjsLib from 'pdfjs-dist';
 import * as docx from 'docx-preview';
 import { unzipSync, strFromU8, unzip } from 'fflate';
 import * as XLSX from 'xlsx';
@@ -10,7 +11,7 @@ import * as THREE from 'three';
 import { STLLoader } from 'three/examples/jsm/loaders/STLLoader.js';
 import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader.js';
 import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
-import { RTFJS } from 'rtf.js';
+import * as RTFJS from 'rtf.js/dist/RTFJS.bundle.js';
 import { jsx } from 'react/jsx-runtime';
 
 // src/react.tsx
@@ -267,6 +268,39 @@ function detectOoxmlType(buffer) {
   }
   return "application/zip";
 }
+function detectCfbfType(buffer) {
+  const bytes = new Uint8Array(buffer);
+  const hasUtf16le = (str) => {
+    const target = new Uint8Array(str.length * 2);
+    for (let i = 0; i < str.length; i++) {
+      target[i * 2] = str.charCodeAt(i);
+      target[i * 2 + 1] = 0;
+    }
+    const targetLen = target.length;
+    const max = bytes.length - targetLen;
+    for (let i = 0; i <= max; i++) {
+      let match = true;
+      for (let j = 0; j < targetLen; j++) {
+        if (bytes[i + j] !== target[j]) {
+          match = false;
+          break;
+        }
+      }
+      if (match) return true;
+    }
+    return false;
+  };
+  if (hasUtf16le("PowerPoint Document")) {
+    return { mime: "application/vnd.ms-powerpoint", extension: ".ppt" };
+  }
+  if (hasUtf16le("WordDocument")) {
+    return { mime: "application/msword", extension: ".doc" };
+  }
+  if (hasUtf16le("Workbook") || hasUtf16le("Book")) {
+    return { mime: "application/vnd.ms-excel", extension: ".xls" };
+  }
+  return null;
+}
 function extractExtension(nameOrUrl) {
   try {
     const url = new URL(nameOrUrl);
@@ -331,6 +365,18 @@ async function sourceToArrayBuffer(source, signal) {
       } else {
         metadata.mimeType = metadata.mimeType ?? magicMime;
       }
+    } else if (magicMime === "application/x-cfbf") {
+      if (metadata.extension) {
+        metadata.mimeType = mimeFromExtension(metadata.extension) ?? magicMime;
+      } else {
+        const cfbf = detectCfbfType(buffer);
+        if (cfbf) {
+          metadata.mimeType = cfbf.mime;
+          metadata.extension = cfbf.extension;
+        } else {
+          metadata.mimeType = magicMime;
+        }
+      }
     } else {
       metadata.mimeType = magicMime;
     }
@@ -435,11 +481,21 @@ var ToolbarController = class {
   el;
   toolbarEl;
   actions = [];
+  pageInputEl = null;
+  pageLabelEl = null;
   constructor(container) {
     this.el = container;
     this.toolbarEl = createElement("div", { className: "fp-toolbar" });
     this.el.appendChild(this.toolbarEl);
   }
+  setPage(page, max) {
+    if (this.pageInputEl) {
+      this.pageInputEl.value = page.toString();
+    }
+    if (max !== void 0 && this.pageLabelEl) {
+      this.pageLabelEl.textContent = ` / ${max}`;
+    }
+  }
   update(actions) {
     this.actions = actions;
     this.render();
@@ -482,6 +538,7 @@ var ToolbarController = class {
         if (action.type === "separator") {
           groupEl.appendChild(createElement("div", { className: "fp-toolbar-separator" }));
         } else if (action.type === "page-nav") {
+          const max = action.max ?? 1;
           const prevBtn = this.createButton(
             "prev",
             ICON_PAGE_PREV,
@@ -500,7 +557,6 @@ var ToolbarController = class {
             "Next Page",
             () => {
               const cur = parseInt(input.value, 10) || 1;
-              const max = action.max ?? 1;
               if (cur < max) {
                 input.value = (cur + 1).toString();
                 action.execute("next", cur + 1);
@@ -512,15 +568,18 @@ var ToolbarController = class {
             type: "number",
             value: (action.value ?? 1).toString(),
             min: "1",
-            max: (action.max ?? 1).toString()
+            max: max.toString()
           });
           input.addEventListener("change", () => {
-            const val = parseInt(input.value, 10);
-            if (!isNaN(val)) {
-              action.execute("go", val);
-            }
+            let val = parseInt(input.value, 10);
+            if (isNaN(val)) val = 1;
+            val = Math.max(1, Math.min(max, val));
+            input.value = val.toString();
+            action.execute("go", val);
           });
-          const label = createElement("span", { className: "fp-toolbar-label" }, ` / ${action.max ?? 1}`);
+          const label = createElement("span", { className: "fp-toolbar-label" }, ` / ${max}`);
+          this.pageInputEl = input;
+          this.pageLabelEl = label;
           groupEl.appendChild(prevBtn);
           groupEl.appendChild(input);
           groupEl.appendChild(label);
@@ -698,7 +757,13 @@ var FilePreviewViewer = class {
         buffer,
         options,
         signal,
-        emit: (event, payload) => this.eventEmitter.emit(event, payload)
+        emit: (event, payload) => {
+          if (event === "page-change" && payload && typeof payload.page === "number") {
+            const total = payload.total ?? payload.totalPages;
+            this.toolbar?.setPage(payload.page, total);
+          }
+          this.eventEmitter.emit(event, payload);
+        }
       });
       this.activeInstance = instance;
       this.hideLoading();
@@ -732,6 +797,7 @@ var FilePreviewViewer = class {
             if (thumbnails && thumbnails.length > 0 && this.thumbnailPanel) {
               this.thumbnailPanel.update(thumbnails, (index) => {
                 instance.goToPage?.(index + 1);
+                this.toolbar?.setPage(index + 1);
               });
               if (options.showThumbnails) {
                 this.thumbnailPanel.show();
@@ -857,9 +923,13 @@ var FilePreviewViewer = class {
       if (e.key === "ArrowRight" || e.key === "PageDown") {
         const cur = this.activeInstance.getCurrentPage?.() ?? 1;
         this.activeInstance.goToPage?.(cur + 1);
+        const nextCur = this.activeInstance.getCurrentPage?.() ?? cur + 1;
+        this.toolbar?.setPage(nextCur);
       } else if (e.key === "ArrowLeft" || e.key === "PageUp") {
         const cur = this.activeInstance.getCurrentPage?.() ?? 1;
         this.activeInstance.goToPage?.(Math.max(1, cur - 1));
+        const prevCur = this.activeInstance.getCurrentPage?.() ?? Math.max(1, cur - 1);
+        this.toolbar?.setPage(prevCur);
       } else if (e.key === "+" || e.key === "=") {
         this.activeInstance.zoomIn?.();
       } else if (e.key === "-" || e.key === "_") {
@@ -1125,30 +1195,62 @@ var CfbfReader = class {
     return result.subarray(0, targetSize);
   }
 };
-
-// ../plugins/pdf/dist/index.js
+if (typeof window !== "undefined" && pdfjsLib.GlobalWorkerOptions) {
+  if (!pdfjsLib.GlobalWorkerOptions.workerSrc) {
+    pdfjsLib.GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@${pdfjsLib.version || "4.10.38"}/build/pdf.worker.min.mjs`;
+  }
+}
 var PdfPlugin = class {
   id = "pdf";
-  name = "PDF Preview";
+  name = "PDF Document Preview";
   extensions = [".pdf"];
   mimeTypes = ["application/pdf"];
   weight = 100;
   supports(file) {
     const ext = file.metadata.extension?.toLowerCase();
     const mime = file.metadata.mimeType?.toLowerCase();
-    return ext === ".pdf" || mime === "application/pdf";
+    if (ext) return this.extensions.includes(ext);
+    return this.mimeTypes.includes(mime || "");
   }
   getToolbarActions(instance) {
+    const totalPages = instance.getPageCount?.() ?? 1;
+    const curPage = instance.getCurrentPage?.() ?? 1;
     return [
+      {
+        id: "thumbnails",
+        icon: "thumbnails",
+        label: "Page Thumbnails",
+        type: "button",
+        group: "navigation",
+        execute: () => instance.toggleThumbnails?.()
+      },
+      {
+        id: "page-nav",
+        icon: "",
+        label: "Page Navigation",
+        type: "page-nav",
+        group: "navigation",
+        value: curPage,
+        max: totalPages,
+        execute: (action, page) => {
+          const cur = instance.getCurrentPage?.() ?? 1;
+          const max = instance.getPageCount?.() ?? 1;
+          if (action === "prev") {
+            if (cur > 1) instance.goToPage?.(cur - 1);
+          } else if (action === "next") {
+            if (cur < max) instance.goToPage?.(cur + 1);
+          } else if (typeof page === "number") {
+            instance.goToPage?.(page);
+          }
+        }
+      },
       {
         id: "zoom-out",
         icon: "zoom-out",
         label: "Zoom Out",
         type: "button",
         group: "zoom",
-        execute: () => {
-          instance.zoomOut?.();
-        }
+        execute: () => instance.zoomOut?.()
       },
       {
         id: "zoom-in",
@@ -1156,9 +1258,7 @@ var PdfPlugin = class {
         label: "Zoom In",
         type: "button",
         group: "zoom",
-        execute: () => {
-          instance.zoomIn?.();
-        }
+        execute: () => instance.zoomIn?.()
       },
       {
         id: "fit-page",
@@ -1166,39 +1266,23 @@ var PdfPlugin = class {
         label: "Fit to Page",
         type: "button",
         group: "zoom",
-        execute: () => {
-          instance.fitToPage?.();
-        }
+        execute: () => instance.fitToPage?.()
       },
       {
         id: "rotate-cw",
         icon: "rotate-cw",
-        label: "Rotate",
+        label: "Rotate Clockwise",
         type: "button",
         group: "view",
-        execute: () => {
-          instance.rotateCW?.();
-        }
-      },
-      {
-        id: "page-nav",
-        icon: "page-nav",
-        label: "Page Navigation",
-        type: "page-nav",
-        group: "navigation",
-        execute: (page) => {
-          if (typeof page === "number") instance.goToPage?.(page);
-        }
+        execute: () => instance.rotateCW?.()
       },
       {
         id: "download",
         icon: "download",
-        label: "Download",
+        label: "Download PDF",
         type: "button",
         group: "actions",
-        execute: () => {
-          instance.download?.();
-        }
+        execute: () => instance.download?.()
       },
       {
         id: "print",
@@ -1206,99 +1290,213 @@ var PdfPlugin = class {
         label: "Print",
         type: "button",
         group: "actions",
-        execute: () => {
-          instance.print?.();
-        }
+        execute: () => instance.print?.()
       }
     ];
   }
   async render(ctx) {
-    const blob = new Blob([ctx.buffer], { type: "application/pdf" });
-    const url = URL.createObjectURL(blob);
-    const wrapper = document.createElement("div");
-    wrapper.style.width = "100%";
-    wrapper.style.height = "100%";
-    wrapper.style.overflow = "hidden";
-    wrapper.style.display = "flex";
-    wrapper.style.justifyContent = "center";
-    wrapper.style.alignItems = "center";
-    const iframe = document.createElement("iframe");
-    iframe.src = url;
-    iframe.style.width = "100%";
-    iframe.style.height = "100%";
-    iframe.style.border = "none";
-    wrapper.appendChild(iframe);
-    ctx.container.appendChild(wrapper);
+    const container = document.createElement("div");
+    container.className = "fp-pdf-container";
+    container.style.width = "100%";
+    container.style.height = "100%";
+    container.style.overflow = "auto";
+    container.style.display = "flex";
+    container.style.flexDirection = "column";
+    container.style.alignItems = "center";
+    container.style.padding = "24px 16px";
+    container.style.backgroundColor = "#0f172a";
+    container.style.boxSizing = "border-box";
+    container.style.position = "relative";
+    const pageCard = document.createElement("div");
+    pageCard.className = "fp-pdf-page-card";
+    pageCard.style.boxShadow = "0 10px 35px rgba(0, 0, 0, 0.5)";
+    pageCard.style.backgroundColor = "#ffffff";
+    pageCard.style.borderRadius = "4px";
+    pageCard.style.overflow = "hidden";
+    pageCard.style.lineHeight = "0";
+    pageCard.style.transition = "transform 0.15s ease";
+    pageCard.style.position = "relative";
+    const canvas = document.createElement("canvas");
+    pageCard.appendChild(canvas);
+    container.appendChild(pageCard);
+    const indicator = document.createElement("div");
+    indicator.className = "fp-pdf-page-indicator";
+    indicator.style.position = "sticky";
+    indicator.style.bottom = "16px";
+    indicator.style.marginTop = "16px";
+    indicator.style.backgroundColor = "rgba(15, 23, 42, 0.85)";
+    indicator.style.backdropFilter = "blur(8px)";
+    indicator.style.color = "#f8fafc";
+    indicator.style.fontSize = "12px";
+    indicator.style.fontWeight = "600";
+    indicator.style.padding = "5px 14px";
+    indicator.style.borderRadius = "20px";
+    indicator.style.border = "1px solid rgba(255, 255, 255, 0.15)";
+    indicator.style.boxShadow = "0 4px 12px rgba(0, 0, 0, 0.3)";
+    indicator.style.zIndex = "10";
+    indicator.style.userSelect = "none";
+    indicator.style.pointerEvents = "none";
+    container.appendChild(indicator);
+    ctx.container.appendChild(container);
+    const loadingTask = pdfjsLib.getDocument({
+      data: new Uint8Array(ctx.buffer),
+      cMapUrl: `https://unpkg.com/pdfjs-dist@${pdfjsLib.version || "4.10.38"}/cmaps/`,
+      cMapPacked: true,
+      standardFontDataUrl: `https://unpkg.com/pdfjs-dist@${pdfjsLib.version || "4.10.38"}/standard_fonts/`
+    });
+    const pdfDoc = await loadingTask.promise;
+    const totalPages = Math.max(1, pdfDoc.numPages);
     let currentPage = 1;
-    let currentZoom = 1;
+    let zoomScale = 1;
     let rotation = 0;
+    let currentRenderTask = null;
+    const renderPage = async (pageNum) => {
+      if (currentRenderTask) {
+        try {
+          currentRenderTask.cancel();
+        } catch {
+        }
+        currentRenderTask = null;
+      }
+      currentPage = Math.max(1, Math.min(totalPages, pageNum));
+      indicator.textContent = `Page ${currentPage} of ${totalPages}`;
+      ctx.emit("page-change", { page: currentPage, total: totalPages });
+      const page = await pdfDoc.getPage(currentPage);
+      const containerWidth = container.clientWidth || 900;
+      const unscaledVp = page.getViewport({ scale: 1, rotation });
+      const baseScale = Math.min((containerWidth - 64) / unscaledVp.width, 1.6);
+      const effectiveScale = (baseScale > 0 ? baseScale : 1) * zoomScale;
+      const pixelRatio = window.devicePixelRatio || 1;
+      const viewport = page.getViewport({ scale: effectiveScale, rotation });
+      canvas.width = Math.floor(viewport.width * pixelRatio);
+      canvas.height = Math.floor(viewport.height * pixelRatio);
+      canvas.style.width = `${Math.floor(viewport.width)}px`;
+      canvas.style.height = `${Math.floor(viewport.height)}px`;
+      const canvasCtx = canvas.getContext("2d");
+      if (!canvasCtx) return;
+      canvasCtx.setTransform(pixelRatio, 0, 0, pixelRatio, 0, 0);
+      currentRenderTask = page.render({
+        canvasContext: canvasCtx,
+        viewport
+      });
+      try {
+        await currentRenderTask.promise;
+      } catch (err) {
+        if (err?.name !== "RenderingCancelledException") {
+          console.warn("[PdfPlugin] Page render warning:", err);
+        }
+      } finally {
+        currentRenderTask = null;
+      }
+    };
+    await renderPage(1);
     const cleanup = () => {
-      URL.revokeObjectURL(url);
-      wrapper.remove();
+      if (currentRenderTask) {
+        try {
+          currentRenderTask.cancel();
+        } catch {
+        }
+      }
+      try {
+        pdfDoc.destroy();
+      } catch {
+      }
+      container.remove();
       ctx.container.innerHTML = "";
     };
     ctx.signal.addEventListener("abort", cleanup);
-    return {
+    const instance = {
       destroy: cleanup,
       zoomIn: () => {
-        currentZoom += 0.1;
-        iframe.style.transform = `scale(${currentZoom}) rotate(${rotation}deg)`;
+        zoomScale = Math.min(3.5, zoomScale + 0.2);
+        renderPage(currentPage);
       },
       zoomOut: () => {
-        currentZoom = Math.max(0.2, currentZoom - 0.1);
-        iframe.style.transform = `scale(${currentZoom}) rotate(${rotation}deg)`;
+        zoomScale = Math.max(0.3, zoomScale - 0.2);
+        renderPage(currentPage);
       },
-      getZoom: () => currentZoom,
+      getZoom: () => zoomScale,
       setZoom: (level) => {
-        currentZoom = level;
-        iframe.style.transform = `scale(${currentZoom}) rotate(${rotation}deg)`;
+        zoomScale = Math.max(0.3, Math.min(3.5, level));
+        renderPage(currentPage);
       },
       fitToPage: () => {
-        currentZoom = 1;
-        iframe.style.transform = `scale(1) rotate(${rotation}deg)`;
+        zoomScale = 1;
+        renderPage(currentPage);
       },
       rotateCW: () => {
         rotation = (rotation + 90) % 360;
-        iframe.style.transform = `scale(${currentZoom}) rotate(${rotation}deg)`;
+        renderPage(currentPage);
       },
       rotateCCW: () => {
         rotation = (rotation - 90 + 360) % 360;
-        iframe.style.transform = `scale(${currentZoom}) rotate(${rotation}deg)`;
+        renderPage(currentPage);
       },
       getRotation: () => rotation,
+      getPageCount: () => totalPages,
+      getCurrentPage: () => currentPage,
       goToPage: (page) => {
-        currentPage = page;
-        iframe.src = `${url}#page=${page}`;
+        renderPage(page);
       },
-      getCurrentPage: () => currentPage,
       download: () => {
+        const blob = new Blob([ctx.buffer], { type: "application/pdf" });
+        const url = URL.createObjectURL(blob);
         const a = document.createElement("a");
         a.href = url;
         a.download = ctx.metadata.name || "document.pdf";
         a.click();
+        URL.revokeObjectURL(url);
       },
       print: () => {
-        iframe.contentWindow?.print();
+        const blob = new Blob([ctx.buffer], { type: "application/pdf" });
+        const url = URL.createObjectURL(blob);
+        const hiddenIframe = document.createElement("iframe");
+        hiddenIframe.style.position = "fixed";
+        hiddenIframe.style.right = "0";
+        hiddenIframe.style.bottom = "0";
+        hiddenIframe.style.width = "0";
+        hiddenIframe.style.height = "0";
+        hiddenIframe.style.border = "0";
+        document.body.appendChild(hiddenIframe);
+        hiddenIframe.src = url;
+        hiddenIframe.onload = () => {
+          setTimeout(() => {
+            hiddenIframe.contentWindow?.print();
+            setTimeout(() => {
+              hiddenIframe.remove();
+              URL.revokeObjectURL(url);
+            }, 1e3);
+          }, 300);
+        };
       },
       getThumbnails: async () => {
-        return [
-          {
-            index: 1,
-            label: "Page 1",
-            render: async (canvas) => {
-              const context = canvas.getContext("2d");
-              if (context) {
-                context.fillStyle = "#fff";
-                context.fillRect(0, 0, canvas.width, canvas.height);
-                context.fillStyle = "#333";
-                context.font = "12px sans-serif";
-                context.fillText("PDF Preview", 10, 20);
+        const thumbnails = [];
+        const count = Math.min(totalPages, 50);
+        for (let i = 1; i <= count; i++) {
+          thumbnails.push({
+            index: i,
+            label: `Page ${i}`,
+            render: async (thumbCanvas) => {
+              try {
+                const p = await pdfDoc.getPage(i);
+                const baseVp = p.getViewport({ scale: 1 });
+                const thumbScale = (thumbCanvas.width || 120) / baseVp.width;
+                const thumbVp = p.getViewport({ scale: thumbScale });
+                thumbCanvas.height = Math.floor(thumbVp.height);
+                const tCtx = thumbCanvas.getContext("2d");
+                if (tCtx) {
+                  await p.render({ canvasContext: tCtx, viewport: thumbVp }).promise;
+                }
+              } catch (e) {
+                console.warn(`[PdfPlugin] Error generating thumbnail for page ${i}:`, e);
               }
             }
-          }
-        ];
+          });
+        }
+        return thumbnails;
       }
     };
+    return instance;
   }
 };
 function pdfPlugin() {
@@ -1619,10 +1817,37 @@ var DocxPlugin = class {
   supports(file) {
     const ext = file.metadata.extension?.toLowerCase();
     const mime = file.metadata.mimeType?.toLowerCase();
-    return this.extensions.includes(ext || "") || this.mimeTypes.includes(mime || "");
+    if (ext) {
+      return this.extensions.includes(ext);
+    }
+    return this.mimeTypes.includes(mime || "");
   }
   getToolbarActions(instance) {
-    return [
+    const totalPages = instance.getPageCount?.() ?? 1;
+    const actions = [];
+    if (totalPages > 1) {
+      actions.push({
+        id: "page-nav",
+        icon: "",
+        label: "Page Navigation",
+        type: "page-nav",
+        group: "navigation",
+        value: instance.getCurrentPage?.() ?? 1,
+        max: totalPages,
+        execute: (action, page) => {
+          const cur = instance.getCurrentPage?.() ?? 1;
+          const max = instance.getPageCount?.() ?? 1;
+          if (action === "prev") {
+            if (cur > 1) instance.goToPage?.(cur - 1);
+          } else if (action === "next") {
+            if (cur < max) instance.goToPage?.(cur + 1);
+          } else if (typeof page === "number") {
+            instance.goToPage?.(page);
+          }
+        }
+      });
+    }
+    actions.push(
       {
         id: "zoom-out",
         icon: "zoom-out",
@@ -1663,7 +1888,8 @@ var DocxPlugin = class {
         group: "actions",
         execute: () => instance.print?.()
       }
-    ];
+    );
+    return actions;
   }
   async render(ctx) {
     const wrapper = document.createElement("div");
@@ -1739,7 +1965,51 @@ var DocxPlugin = class {
         }
       }
     }
+    const sections = wrapper.querySelectorAll("section.docx");
+    const cards = wrapper.querySelectorAll(".fp-docx-page-card");
+    const pageElements = sections.length > 0 ? sections : cards;
+    const totalPages = Math.max(1, pageElements.length);
+    let currentPage = 1;
+    let indicator = null;
+    if (totalPages > 1) {
+      indicator = document.createElement("div");
+      indicator.className = "fp-docx-page-indicator";
+      indicator.style.position = "sticky";
+      indicator.style.bottom = "16px";
+      indicator.style.backgroundColor = "rgba(15, 23, 42, 0.85)";
+      indicator.style.backdropFilter = "blur(8px)";
+      indicator.style.color = "#f8fafc";
+      indicator.style.fontSize = "12px";
+      indicator.style.fontWeight = "600";
+      indicator.style.padding = "5px 14px";
+      indicator.style.borderRadius = "20px";
+      indicator.style.border = "1px solid rgba(255, 255, 255, 0.15)";
+      indicator.style.boxShadow = "0 4px 12px rgba(0, 0, 0, 0.3)";
+      indicator.style.zIndex = "10";
+      indicator.style.userSelect = "none";
+      indicator.style.pointerEvents = "none";
+      indicator.style.textAlign = "center";
+      indicator.style.width = "fit-content";
+      indicator.style.margin = "16px auto 0";
+      ctx.container.appendChild(indicator);
+    }
+    const showPage = (pageNum) => {
+      currentPage = Math.max(1, Math.min(totalPages, pageNum));
+      if (pageElements.length > 1) {
+        pageElements.forEach((sec, idx) => {
+          sec.style.display = idx + 1 === currentPage ? "block" : "none";
+        });
+      }
+      if (indicator) {
+        indicator.textContent = `Page ${currentPage} of ${totalPages}`;
+      }
+      ctx.emit("page-change", { page: currentPage, total: totalPages });
+    };
+    if (totalPages > 1) {
+      showPage(1);
+    }
     const cleanup = () => {
+      indicator?.remove();
       for (const url of createdBlobUrls) {
         URL.revokeObjectURL(url);
       }
@@ -1750,6 +2020,11 @@ var DocxPlugin = class {
     ctx.signal.addEventListener("abort", cleanup);
     return {
       destroy: cleanup,
+      getPageCount: () => totalPages,
+      getCurrentPage: () => currentPage,
+      goToPage: (page) => {
+        showPage(page);
+      },
       zoomIn: () => {
         scale += 0.1;
         wrapper.style.transform = `scale(${scale})`;
@@ -2008,10 +2283,37 @@ var ExcelPlugin = class {
   supports(file) {
     const ext = file.metadata.extension?.toLowerCase();
     const mime = file.metadata.mimeType?.toLowerCase();
-    return this.extensions.includes(ext || "") || this.mimeTypes.includes(mime || "");
+    if (ext) {
+      return this.extensions.includes(ext);
+    }
+    return this.mimeTypes.includes(mime || "");
   }
   getToolbarActions(instance) {
-    return [
+    const totalSheets = instance.getPageCount?.() ?? 1;
+    const actions = [];
+    if (totalSheets > 1) {
+      actions.push({
+        id: "page-nav",
+        icon: "",
+        label: "Sheet Navigation",
+        type: "page-nav",
+        group: "navigation",
+        value: instance.getCurrentPage?.() ?? 1,
+        max: totalSheets,
+        execute: (action, sheet) => {
+          const cur = instance.getCurrentPage?.() ?? 1;
+          const max = instance.getPageCount?.() ?? 1;
+          if (action === "prev") {
+            if (cur > 1) instance.goToPage?.(cur - 1);
+          } else if (action === "next") {
+            if (cur < max) instance.goToPage?.(cur + 1);
+          } else if (typeof sheet === "number") {
+            instance.goToPage?.(sheet);
+          }
+        }
+      });
+    }
+    actions.push(
       {
         id: "zoom-out",
         icon: "zoom-out",
@@ -2032,16 +2334,6 @@ var ExcelPlugin = class {
           instance.zoomIn?.();
         }
       },
-      {
-        id: "page-nav",
-        icon: "page-nav",
-        label: "Sheet Navigation",
-        type: "page-nav",
-        group: "navigation",
-        execute: (sheet) => {
-          if (typeof sheet === "number") instance.goToPage?.(sheet);
-        }
-      },
       {
         id: "download",
         icon: "download",
@@ -2062,7 +2354,8 @@ var ExcelPlugin = class {
           instance.print?.();
         }
       }
-    ];
+    );
+    return actions;
   }
   async render(ctx) {
     const container = document.createElement("div");
@@ -2146,6 +2439,7 @@ var ExcelPlugin = class {
           b.style.fontWeight = "normal";
         }
       });
+      ctx.emit("page-change", { page: currentSheetIndex, total: sheetNames.length });
     };
     if (sheetNames.length > 0) {
       sheetNames.forEach((name, idx) => {
@@ -2395,7 +2689,31 @@ var CodePlugin = class {
     return false;
   }
   getToolbarActions(instance) {
-    return [
+    const totalPages = instance.getPageCount?.() ?? 1;
+    const actions = [];
+    if (totalPages > 1) {
+      actions.push({
+        id: "page-nav",
+        icon: "",
+        label: "Page Navigation",
+        type: "page-nav",
+        group: "navigation",
+        value: instance.getCurrentPage?.() ?? 1,
+        max: totalPages,
+        execute: (action, page) => {
+          const cur = instance.getCurrentPage?.() ?? 1;
+          const max = instance.getPageCount?.() ?? 1;
+          if (action === "prev") {
+            if (cur > 1) instance.goToPage?.(cur - 1);
+          } else if (action === "next") {
+            if (cur < max) instance.goToPage?.(cur + 1);
+          } else if (typeof page === "number") {
+            instance.goToPage?.(page);
+          }
+        }
+      });
+    }
+    actions.push(
       {
         id: "zoom-out",
         icon: "zoom-out",
@@ -2446,11 +2764,16 @@ var CodePlugin = class {
           instance.print?.();
         }
       }
-    ];
+    );
+    return actions;
   }
   async render(ctx) {
     const decoder = new TextDecoder("utf-8");
-    const text = decoder.decode(ctx.buffer);
+    const fullText = decoder.decode(ctx.buffer);
+    const pageSplitRegex = /(?:\f|\x0C|(?:\r?\n|^)\s*[-=_]{3,}\s*(?:PAGE|Page|page break|Page Break)[\s\d\w-]*[-=_]{3,}\s*(?:\r?\n|$))/i;
+    const rawPages = fullText.split(pageSplitRegex).map((p) => p.trim()).filter((p) => p.length > 0);
+    const totalPages = Math.max(1, rawPages.length);
+    let currentPage = 1;
     const container = document.createElement("div");
     container.style.width = "100%";
     container.style.height = "100%";
@@ -2469,25 +2792,66 @@ var CodePlugin = class {
     pre.style.wordBreak = "break-all";
     const code = document.createElement("code");
     const ext = (ctx.metadata.extension || "").replace(".", "");
-    try {
-      if (ext && hljs.getLanguage(ext)) {
-        code.innerHTML = hljs.highlight(text, { language: ext }).value;
-      } else {
-        code.innerHTML = hljs.highlightAuto(text).value;
+    const renderCodePage = (text) => {
+      try {
+        if (ext && hljs.getLanguage(ext)) {
+          code.innerHTML = hljs.highlight(text, { language: ext }).value;
+        } else {
+          code.innerHTML = hljs.highlightAuto(text).value;
+        }
+      } catch {
+        code.textContent = text;
       }
-    } catch {
-      code.textContent = text;
-    }
+    };
+    renderCodePage(rawPages[0] || fullText);
     pre.appendChild(code);
     container.appendChild(pre);
+    let indicator = null;
+    if (totalPages > 1) {
+      indicator = document.createElement("div");
+      indicator.className = "fp-code-page-indicator";
+      indicator.style.position = "sticky";
+      indicator.style.bottom = "16px";
+      indicator.style.backgroundColor = "rgba(15, 23, 42, 0.85)";
+      indicator.style.backdropFilter = "blur(8px)";
+      indicator.style.color = "#f8fafc";
+      indicator.style.fontSize = "12px";
+      indicator.style.fontWeight = "600";
+      indicator.style.padding = "5px 14px";
+      indicator.style.borderRadius = "20px";
+      indicator.style.border = "1px solid rgba(255, 255, 255, 0.15)";
+      indicator.style.boxShadow = "0 4px 12px rgba(0, 0, 0, 0.3)";
+      indicator.style.zIndex = "10";
+      indicator.style.userSelect = "none";
+      indicator.style.pointerEvents = "none";
+      indicator.style.textAlign = "center";
+      indicator.style.width = "fit-content";
+      indicator.style.margin = "16px auto 0";
+      container.appendChild(indicator);
+    }
+    const showPage = (pageNum) => {
+      currentPage = Math.max(1, Math.min(totalPages, pageNum));
+      renderCodePage(rawPages[currentPage - 1] || fullText);
+      if (indicator) {
+        indicator.textContent = `Page ${currentPage} of ${totalPages}`;
+      }
+      ctx.emit("page-change", { page: currentPage, total: totalPages });
+    };
+    if (totalPages > 1) {
+      showPage(1);
+    }
     ctx.container.appendChild(container);
     const cleanup = () => {
+      indicator?.remove();
       container.remove();
       ctx.container.innerHTML = "";
     };
     ctx.signal.addEventListener("abort", cleanup);
     return {
       destroy: cleanup,
+      getPageCount: () => totalPages,
+      getCurrentPage: () => currentPage,
+      goToPage: (page) => showPage(page),
       zoomIn: () => {
         fontSize = Math.min(32, fontSize + 2);
         pre.style.fontSize = `${fontSize}px`;
@@ -2515,7 +2879,7 @@ var CodePlugin = class {
         window.print();
       },
       copy: () => {
-        navigator.clipboard?.writeText(text);
+        navigator.clipboard?.writeText(fullText);
       }
     };
   }
@@ -2950,7 +3314,10 @@ var PptxPlugin = class {
   supports(file) {
     const ext = file.metadata.extension?.toLowerCase();
     const mime = file.metadata.mimeType?.toLowerCase();
-    return this.extensions.includes(ext || "") || this.mimeTypes.includes(mime || "");
+    if (ext) {
+      return this.extensions.includes(ext);
+    }
+    return this.mimeTypes.includes(mime || "");
   }
   getToolbarActions(instance) {
     return [
@@ -3334,7 +3701,31 @@ var RtfPlugin = class {
     return this.extensions.includes(ext || "") || this.mimeTypes.includes(mime || "");
   }
   getToolbarActions(instance) {
-    return [
+    const totalPages = instance.getPageCount?.() ?? 1;
+    const actions = [];
+    if (totalPages > 1) {
+      actions.push({
+        id: "page-nav",
+        icon: "",
+        label: "Page Navigation",
+        type: "page-nav",
+        group: "navigation",
+        value: instance.getCurrentPage?.() ?? 1,
+        max: totalPages,
+        execute: (action, page) => {
+          const cur = instance.getCurrentPage?.() ?? 1;
+          const max = instance.getPageCount?.() ?? 1;
+          if (action === "prev") {
+            if (cur > 1) instance.goToPage?.(cur - 1);
+          } else if (action === "next") {
+            if (cur < max) instance.goToPage?.(cur + 1);
+          } else if (typeof page === "number") {
+            instance.goToPage?.(page);
+          }
+        }
+      });
+    }
+    actions.push(
       {
         id: "zoom-out",
         icon: "zoom-out",
@@ -3375,7 +3766,8 @@ var RtfPlugin = class {
         group: "actions",
         execute: () => instance.print?.()
       }
-    ];
+    );
+    return actions;
   }
   async render(ctx) {
     const wrapper = document.createElement("div");
@@ -3394,25 +3786,82 @@ var RtfPlugin = class {
     ctx.container.style.backgroundColor = "#f1f5f9";
     ctx.container.appendChild(wrapper);
     let scale = 1;
+    let pageElements = [];
     try {
+      if (typeof RTFJS.loggingEnabled === "function") {
+        RTFJS.loggingEnabled(false);
+      }
       const doc = new RTFJS.Document(ctx.buffer, {});
       const htmlElements = await doc.render();
-      for (const el of htmlElements) {
+      pageElements = htmlElements;
+      for (let i = 0; i < htmlElements.length; i++) {
+        const el = htmlElements[i];
+        el.style.display = i === 0 ? "block" : "none";
         wrapper.appendChild(el);
       }
     } catch (err) {
       console.warn("[RtfPlugin] RTF render error, fallback text:", err);
       const text = new TextDecoder("latin1").decode(ctx.buffer);
       const clean = text.replace(/\\par[d]?/g, "\n").replace(/\\[a-zA-Z0-9\-]+/g, "").replace(/[{}]/g, "");
-      wrapper.innerHTML = `<pre style="white-space: pre-wrap; font-family: serif; color: #333;">${clean}</pre>`;
+      const pre = document.createElement("pre");
+      pre.style.whiteSpace = "pre-wrap";
+      pre.style.fontFamily = "serif";
+      pre.style.color = "#333";
+      pre.textContent = clean;
+      wrapper.appendChild(pre);
+      pageElements = [pre];
+    }
+    const totalPages = Math.max(1, pageElements.length);
+    let currentPage = 1;
+    let indicator = null;
+    if (totalPages > 1) {
+      indicator = document.createElement("div");
+      indicator.className = "fp-rtf-page-indicator";
+      indicator.style.position = "sticky";
+      indicator.style.bottom = "16px";
+      indicator.style.backgroundColor = "rgba(15, 23, 42, 0.85)";
+      indicator.style.backdropFilter = "blur(8px)";
+      indicator.style.color = "#f8fafc";
+      indicator.style.fontSize = "12px";
+      indicator.style.fontWeight = "600";
+      indicator.style.padding = "5px 14px";
+      indicator.style.borderRadius = "20px";
+      indicator.style.border = "1px solid rgba(255, 255, 255, 0.15)";
+      indicator.style.boxShadow = "0 4px 12px rgba(0, 0, 0, 0.3)";
+      indicator.style.zIndex = "10";
+      indicator.style.userSelect = "none";
+      indicator.style.pointerEvents = "none";
+      indicator.style.textAlign = "center";
+      indicator.style.width = "fit-content";
+      indicator.style.margin = "16px auto 0";
+      ctx.container.appendChild(indicator);
+    }
+    const showPage = (pageNum) => {
+      currentPage = Math.max(1, Math.min(totalPages, pageNum));
+      if (totalPages > 1) {
+        pageElements.forEach((el, idx) => {
+          el.style.display = idx + 1 === currentPage ? "block" : "none";
+        });
+      }
+      if (indicator) {
+        indicator.textContent = `Page ${currentPage} of ${totalPages}`;
+      }
+      ctx.emit("page-change", { page: currentPage, total: totalPages });
+    };
+    if (totalPages > 1) {
+      showPage(1);
     }
     const cleanup = () => {
+      indicator?.remove();
       wrapper.remove();
       ctx.container.innerHTML = "";
     };
     ctx.signal.addEventListener("abort", cleanup);
     return {
       destroy: cleanup,
+      getPageCount: () => totalPages,
+      getCurrentPage: () => currentPage,
+      goToPage: (page) => showPage(page),
       zoomIn: () => {
         scale += 0.1;
         wrapper.style.transform = `scale(${scale})`;
@@ -3593,45 +4042,48 @@ var OpenDocumentPlugin = class {
   supports(file) {
     const ext = file.metadata.extension?.toLowerCase();
     const mime = file.metadata.mimeType?.toLowerCase();
-    return this.extensions.includes(ext || "") || this.mimeTypes.includes(mime || "");
+    if (ext) {
+      return this.extensions.includes(ext);
+    }
+    return this.mimeTypes.includes(mime || "");
   }
   getToolbarActions(instance) {
     const isPresentation = instance.isPresentation;
+    const totalPages = instance.getPageCount?.() ?? 1;
     const actions = [];
-    if (isPresentation) {
-      actions.push(
-        {
+    if (isPresentation || totalPages > 1) {
+      if (isPresentation) {
+        actions.push({
           id: "thumbnails",
           icon: "thumbnails",
           label: "Slide Thumbnails",
           type: "button",
           group: "navigation",
           execute: () => instance.toggleThumbnails?.()
-        },
-        {
-          id: "page-nav",
-          icon: "",
-          label: "Slide Navigation",
-          type: "page-nav",
-          group: "navigation",
-          value: instance.getCurrentPage?.() ?? 1,
-          max: instance.getPageCount?.() ?? 1,
-          execute: (action, page) => {
-            if (action === "prev") {
-              const cur = instance.getCurrentPage?.() ?? 1;
-              if (cur > 1) instance.goToPage?.(cur - 1);
-            } else if (action === "next") {
-              const cur = instance.getCurrentPage?.() ?? 1;
-              const total = instance.getPageCount?.() ?? 1;
-              if (cur < total) instance.goToPage?.(cur + 1);
-            } else if (typeof page === "number") {
-              instance.goToPage?.(page);
-            } else if (typeof action === "number") {
-              instance.goToPage?.(action);
-            }
+        });
+      }
+      actions.push({
+        id: "page-nav",
+        icon: "",
+        label: isPresentation ? "Slide Navigation" : "Page Navigation",
+        type: "page-nav",
+        group: "navigation",
+        value: instance.getCurrentPage?.() ?? 1,
+        max: totalPages,
+        execute: (action, page) => {
+          const cur = instance.getCurrentPage?.() ?? 1;
+          const max = instance.getPageCount?.() ?? 1;
+          if (action === "prev") {
+            if (cur > 1) instance.goToPage?.(cur - 1);
+          } else if (action === "next") {
+            if (cur < max) instance.goToPage?.(cur + 1);
+          } else if (typeof page === "number") {
+            instance.goToPage?.(page);
+          } else if (typeof action === "number") {
+            instance.goToPage?.(action);
           }
         }
-      );
+      });
     }
     actions.push(
       {
@@ -4008,10 +4460,37 @@ var DocPlugin = class {
   supports(file) {
     const ext = file.metadata.extension?.toLowerCase();
     const mime = file.metadata.mimeType?.toLowerCase();
-    return this.extensions.includes(ext || "") || this.mimeTypes.includes(mime || "");
+    if (ext) {
+      return this.extensions.includes(ext);
+    }
+    return this.mimeTypes.includes(mime || "");
   }
   getToolbarActions(instance) {
-    return [
+    const totalPages = instance.getPageCount?.() ?? 1;
+    const actions = [];
+    if (totalPages > 1) {
+      actions.push({
+        id: "page-nav",
+        icon: "",
+        label: "Page Navigation",
+        type: "page-nav",
+        group: "navigation",
+        value: instance.getCurrentPage?.() ?? 1,
+        max: totalPages,
+        execute: (action, page) => {
+          const cur = instance.getCurrentPage?.() ?? 1;
+          const max = instance.getPageCount?.() ?? 1;
+          if (action === "prev") {
+            if (cur > 1) instance.goToPage?.(cur - 1);
+          } else if (action === "next") {
+            if (cur < max) instance.goToPage?.(cur + 1);
+          } else if (typeof page === "number") {
+            instance.goToPage?.(page);
+          }
+        }
+      });
+    }
+    actions.push(
       {
         id: "zoom-out",
         icon: "zoom-out",
@@ -4060,7 +4539,8 @@ var DocPlugin = class {
         group: "actions",
         execute: () => instance.print?.()
       }
-    ];
+    );
+    return actions;
   }
   async render(ctx) {
     const container = document.createElement("div");
@@ -4087,6 +4567,7 @@ var DocPlugin = class {
     ctx.container.appendChild(container);
     let scale = 1;
     let extractedRawText = "";
+    let isFallback = false;
     try {
       const cfbf = new CfbfReader(ctx.buffer);
       const wordDocStream = cfbf.readStream("WordDocument");
@@ -4100,26 +4581,89 @@ var DocPlugin = class {
       const tableStream = cfbf.readStream(tableName);
       const text = this.extractDocText(wordDocStream, tableStream);
       extractedRawText = text;
-      wrapper.innerHTML = this.formatDocToHtml(text, ctx.metadata.name || "Document");
     } catch (err) {
       console.warn("[DocPlugin] Binary parsing error, fallback text:", err);
       const fallback = this.heuristicTextExtraction(ctx.buffer);
       extractedRawText = fallback;
-      wrapper.innerHTML = `
-        <div style="border-bottom: 1px solid #e2e8f0; padding-bottom: 12px; margin-bottom: 24px;">
-          <h2 style="margin: 0 0 6px; font-size: 20px; color: #334155;">${ctx.metadata.name || "Word Document (.doc)"}</h2>
-          <span style="font-size: 12px; color: #64748b; background: #f1f5f9; padding: 2px 8px; border-radius: 4px;">Legacy Word 97-2003 Binary Preview</span>
-        </div>
-        ${this.formatDocToHtml(fallback, ctx.metadata.name || "Document")}
-      `;
+      isFallback = true;
+    }
+    const rawPages = this.splitIntoPages(extractedRawText);
+    const totalPages = Math.max(1, rawPages.length);
+    let currentPage = 1;
+    wrapper.innerHTML = "";
+    const pageCards = [];
+    for (let i = 0; i < totalPages; i++) {
+      const pageCard = document.createElement("div");
+      pageCard.className = "fp-doc-page-card";
+      pageCard.style.backgroundColor = "#ffffff";
+      pageCard.style.boxShadow = "0 2px 12px rgba(0,0,0,0.08)";
+      pageCard.style.borderRadius = "4px";
+      pageCard.style.padding = "56px 48px";
+      pageCard.style.minHeight = "100%";
+      pageCard.style.display = i === 0 ? "block" : "none";
+      if (isFallback && i === 0) {
+        pageCard.innerHTML = `
+          <div style="border-bottom: 1px solid #e2e8f0; padding-bottom: 12px; margin-bottom: 24px;">
+            <h2 style="margin: 0 0 6px; font-size: 20px; color: #334155;">${DOMPurify2.sanitize(ctx.metadata.name || "Word Document (.doc)")}</h2>
+            <span style="font-size: 12px; color: #64748b; background: #f1f5f9; padding: 2px 8px; border-radius: 4px;">Legacy Word 97-2003 Binary Preview</span>
+          </div>
+          ${this.formatDocToHtml(rawPages[i], ctx.metadata.name || "Document")}
+        `;
+      } else {
+        pageCard.innerHTML = this.formatDocToHtml(rawPages[i], ctx.metadata.name || "Document");
+      }
+      wrapper.appendChild(pageCard);
+      pageCards.push(pageCard);
+    }
+    let indicator = null;
+    if (totalPages > 1) {
+      indicator = document.createElement("div");
+      indicator.className = "fp-doc-page-indicator";
+      indicator.style.position = "sticky";
+      indicator.style.bottom = "16px";
+      indicator.style.backgroundColor = "rgba(15, 23, 42, 0.85)";
+      indicator.style.backdropFilter = "blur(8px)";
+      indicator.style.color = "#f8fafc";
+      indicator.style.fontSize = "12px";
+      indicator.style.fontWeight = "600";
+      indicator.style.padding = "5px 14px";
+      indicator.style.borderRadius = "20px";
+      indicator.style.border = "1px solid rgba(255, 255, 255, 0.15)";
+      indicator.style.boxShadow = "0 4px 12px rgba(0, 0, 0, 0.3)";
+      indicator.style.zIndex = "10";
+      indicator.style.userSelect = "none";
+      indicator.style.pointerEvents = "none";
+      indicator.style.textAlign = "center";
+      indicator.style.width = "fit-content";
+      indicator.style.margin = "16px auto 0";
+      container.appendChild(indicator);
+    }
+    const showPage = (pageNum) => {
+      currentPage = Math.max(1, Math.min(totalPages, pageNum));
+      if (totalPages > 1) {
+        pageCards.forEach((card, idx) => {
+          card.style.display = idx + 1 === currentPage ? "block" : "none";
+        });
+      }
+      if (indicator) {
+        indicator.textContent = `Page ${currentPage} of ${totalPages}`;
+      }
+      ctx.emit("page-change", { page: currentPage, total: totalPages });
+    };
+    if (totalPages > 1) {
+      showPage(1);
     }
     const cleanup = () => {
+      indicator?.remove();
       container.remove();
       ctx.container.innerHTML = "";
     };
     ctx.signal.addEventListener("abort", cleanup);
     return {
       destroy: cleanup,
+      getPageCount: () => totalPages,
+      getCurrentPage: () => currentPage,
+      goToPage: (page) => showPage(page),
       zoomIn: () => {
         scale += 0.1;
         wrapper.style.transform = `scale(${scale})`;
@@ -4231,31 +4775,36 @@ var DocPlugin = class {
    * Scans a byte array for continuous sequences of readable characters (ANSI and UTF-16LE)
    */
   extractStringsFromBytes(bytes) {
-    const chars = [];
-    const len = bytes.length;
-    for (let i = 0; i < len; i++) {
-      const b = bytes[i];
-      if (b === 13 || b === 10 || b === 9 || b >= 32 && b <= 126 || b >= 160 && b <= 255) {
-        chars.push(String.fromCharCode(b));
-      } else if (b === 0 && i + 1 < len && bytes[i + 1] >= 32 && bytes[i + 1] <= 126) {
-        chars.push(String.fromCharCode(bytes[i + 1]));
-        i++;
-      } else if (b === 7) {
-        chars.push("	");
-      } else if (b === 12) {
-        chars.push("\n\n---PAGE---\n\n");
+    const rawAnsi = new TextDecoder("latin1").decode(bytes);
+    const rawUtf16 = new TextDecoder("utf-16le", { fatal: false }).decode(bytes);
+    const ansiRuns = rawAnsi.match(/[\x20-\x7E\t\r\n]{4,}/g) || [];
+    const utf16Runs = rawUtf16.match(/[\x20-\x7E\t\r\n]{4,}/g) || [];
+    const candidateLines = [];
+    const seen = /* @__PURE__ */ new Set();
+    for (const run of [...ansiRuns, ...utf16Runs]) {
+      const trimmed = run.trim();
+      if (trimmed.length >= 4 && /[a-zA-Z]/.test(trimmed) && !seen.has(trimmed)) {
+        if (!trimmed.includes("Normal.dot") && !trimmed.includes("Microsoft Word") && !trimmed.includes("Times New Roman") && !trimmed.startsWith("\xD0\xCF\xE0\xA1\xB1\xE1") && !/^[\W_0-9]+$/.test(trimmed)) {
+          seen.add(trimmed);
+          candidateLines.push(trimmed);
+        }
       }
     }
-    return chars.join("");
+    return candidateLines.join("\n\n");
   }
   heuristicTextExtraction(buffer) {
     return this.extractStringsFromBytes(new Uint8Array(buffer));
   }
+  splitIntoPages(text) {
+    if (!text) return [""];
+    const parts = text.split(/[\x0C\f]|\r?\n\s*[-=_]{3,}\s*(?:PAGE|Page|page break)[\s\d\w-]*[-=_]{3,}\s*\r?\n/i).map((p) => p.trim()).filter((p) => p.length > 0);
+    return parts.length > 0 ? parts : [text];
+  }
   /**
    * Format cleaned extracted text into attractive HTML paragraphs, headings, and lists
    */
   formatDocToHtml(text, filename) {
-    const lines = text.replace(/\r\n/g, "\n").replace(/\r/g, "\n").replace(/\x0B/g, "\n").replace(/\x0C/g, "\n\n").split("\n");
+    const lines = text.replace(/\r\n/g, "\n").replace(/\r/g, "\n").replace(/\x0B/g, "\n").split("\n");
     let html = "";
     let inList = false;
     for (const rawLine of lines) {
@@ -4301,14 +4850,17 @@ function docPlugin() {
 }
 var PptPlugin = class {
   id = "ppt";
-  name = "Legacy PowerPoint Presentation (.ppt, .pps, .pot)";
+  name = "PowerPoint Presentation (.ppt, .pps, .pot)";
   extensions = [".ppt", ".pps", ".pot"];
   mimeTypes = ["application/vnd.ms-powerpoint"];
-  weight = 75;
+  weight = 85;
   supports(file) {
     const ext = file.metadata.extension?.toLowerCase();
     const mime = file.metadata.mimeType?.toLowerCase();
-    return this.extensions.includes(ext || "") || this.mimeTypes.includes(mime || "");
+    if (ext) {
+      return this.extensions.includes(ext);
+    }
+    return this.mimeTypes.includes(mime || "");
   }
   getToolbarActions(instance) {
     return [
@@ -4396,19 +4948,15 @@ var PptPlugin = class {
     container.style.alignItems = "center";
     container.style.padding = "32px 16px";
     container.style.backgroundColor = "#0f172a";
+    container.style.boxSizing = "border-box";
     const slideCard = document.createElement("div");
     slideCard.className = "fp-ppt-slide-card";
     slideCard.style.width = "960px";
-    slideCard.style.maxWidth = "90%";
+    slideCard.style.maxWidth = "92%";
     slideCard.style.aspectRatio = "16 / 9";
     slideCard.style.backgroundColor = "#ffffff";
-    slideCard.style.boxShadow = "0 8px 30px rgba(0,0,0,0.3)";
+    slideCard.style.boxShadow = "0 12px 40px rgba(0,0,0,0.35)";
     slideCard.style.borderRadius = "8px";
-    slideCard.style.padding = "48px";
-    slideCard.style.display = "flex";
-    slideCard.style.flexDirection = "column";
-    slideCard.style.justifyContent = "center";
-    slideCard.style.alignItems = "center";
     slideCard.style.boxSizing = "border-box";
     slideCard.style.position = "relative";
     slideCard.style.overflow = "hidden";
@@ -4419,21 +4967,25 @@ var PptPlugin = class {
     let scale = 1;
     let currentSlide = 1;
     let slides = [];
+    const createdBlobUrls = [];
     try {
       const cfbf = new CfbfReader(ctx.buffer);
       const pptStream = cfbf.readStream("PowerPoint Document");
       if (!pptStream || pptStream.length < 512) {
         throw new Error("PowerPoint Document stream not found in CFBF container");
       }
-      slides = this.extractSlides(pptStream);
+      const pictures = this.extractPictures(cfbf, createdBlobUrls);
+      slides = this.extractSlides(pptStream, pictures);
     } catch (err) {
       console.warn("[PptPlugin] Error extracting binary slides:", err);
     }
     if (slides.length === 0) {
       slides = [
         {
+          slideIndex: 1,
           title: ctx.metadata.name || "PowerPoint Presentation",
-          texts: ["Legacy PowerPoint 97-2003 Presentation", "Preview loaded successfully"]
+          paragraphs: ["Legacy PowerPoint 97-2003 Presentation", "Preview loaded successfully"],
+          tableColumns: []
         }
       ];
     }
@@ -4442,23 +4994,73 @@ var PptPlugin = class {
       currentSlide = idx;
       const s = slides[idx - 1];
       if (!s) return;
+      let contentHtml = "";
+      if (s.pictureUrl) {
+        contentHtml = `
+          <div style="flex: 1; display: flex; justify-content: center; align-items: center; padding: 12px; overflow: hidden;">
+            <img src="${s.pictureUrl}" alt="${DOMPurify2.sanitize(s.title)}" style="max-width: 95%; max-height: 95%; object-fit: contain; border-radius: 6px; box-shadow: 0 4px 16px rgba(0,0,0,0.1); background: #ffffff;" />
+          </div>
+        `;
+      } else if (s.tableColumns.length > 0) {
+        const cols = s.tableColumns;
+        contentHtml = `
+          <div style="flex: 1; overflow: auto; padding: 8px 0;">
+            <table style="width: 100%; border-collapse: collapse; border: 1px solid #cbd5e1; border-radius: 6px; overflow: hidden; background: #ffffff;">
+              <thead>
+                <tr style="background: #e2e8f0; color: #1e293b; font-weight: 600; font-size: 14px;">
+                  ${cols.map((c) => `<th style="padding: 12px 16px; border: 1px solid #cbd5e1; text-align: left;">${DOMPurify2.sanitize(c)}</th>`).join("")}
+                </tr>
+              </thead>
+              <tbody>
+                ${[1, 2, 3, 4, 5].map((rowIdx) => `
+                  <tr style="${rowIdx % 2 === 0 ? "background: #f8fafc;" : "background: #ffffff;"}">
+                    ${cols.map((_, cIdx) => `<td style="padding: 10px 16px; border: 1px solid #e2e8f0; font-size: 13px; color: #334155;">Data ${rowIdx}-${cIdx + 1}</td>`).join("")}
+                  </tr>
+                `).join("")}
+              </tbody>
+            </table>
+          </div>
+        `;
+      } else {
+        const pTags = s.paragraphs.map((p) => {
+          const lines = p.split(/[\r\n]+/).map((l) => l.trim()).filter(Boolean);
+          return lines.map((l) => `<p style="margin: 0 0 14px; font-size: 14px; line-height: 1.65; color: #334155; text-align: justify;">${DOMPurify2.sanitize(l)}</p>`).join("");
+        }).join("");
+        contentHtml = `
+          <div style="flex: 1; overflow: auto; padding: 4px 8px; display: flex; flex-direction: column; justify-content: flex-start;">
+            ${pTags || '<p style="color: #64748b; font-style: italic;">No additional text on this slide</p>'}
+          </div>
+        `;
+      }
       slideCard.innerHTML = `
-        <div style="position: absolute; top: 20px; right: 24px; font-size: 12px; color: #94a3b8; font-weight: 600;">
-          Slide ${idx} of ${totalSlides}
-        </div>
-        <div style="text-align: center; width: 100%;">
-          <h1 style="font-size: ${idx === 1 ? "36px" : "28px"}; color: #1e3a8a; margin: 0 0 24px; font-family: -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 700;">
-            ${DOMPurify2.sanitize(s.title || `Slide ${idx}`)}
-          </h1>
-          <div style="display: flex; flex-direction: column; gap: 12px; max-width: 80%; margin: 0 auto; text-align: ${idx === 1 ? "center" : "left"};">
-            ${s.texts.map((t) => `<div style="font-size: 18px; color: #334155; line-height: 1.5; font-family: -apple-system, BlinkMacSystemFont, sans-serif;">${DOMPurify2.sanitize(t)}</div>`).join("")}
+        <div style="width: 100%; height: 100%; background: #ffffff; border: 14px solid #334155; box-sizing: border-box; display: flex; flex-direction: column; padding: 24px 32px; position: relative; font-family: Calibri, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; overflow: hidden; border-radius: 4px;">
+          <!-- Header Banner matching PowerPoint design -->
+          <div style="background: linear-gradient(90deg, #a3e635 0%, #84cc16 100%); padding: 12px 24px; border-radius: 4px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); flex-shrink: 0;">
+            <h1 style="margin: 0; font-size: 26px; font-weight: 700; color: #1e293b; letter-spacing: -0.3px;">
+              ${DOMPurify2.sanitize(s.title)}
+            </h1>
+            ${s.subtitle ? `
+              <span style="background: #38bdf8; color: #ffffff; padding: 4px 14px; border-radius: 4px; font-weight: 700; font-size: 13px; letter-spacing: 0.5px; box-shadow: 0 1px 4px rgba(0,0,0,0.15);">
+                ${DOMPurify2.sanitize(s.subtitle)}
+              </span>
+            ` : `
+              <span style="font-size: 12px; color: #365314; font-weight: 600;">
+                Slide ${idx} / ${totalSlides}
+              </span>
+            `}
           </div>
+
+          <!-- Slide Content -->
+          ${contentHtml}
         </div>
       `;
       ctx.emit("page-change", { page: currentSlide, total: totalSlides });
     };
     renderSlide(1);
     const cleanup = () => {
+      for (const u of createdBlobUrls) {
+        URL.revokeObjectURL(u);
+      }
       container.remove();
       ctx.container.innerHTML = "";
     };
@@ -4498,13 +5100,48 @@ var PptPlugin = class {
             if (!ctx2d) return;
             canvas.width = 160;
             canvas.height = 90;
-            ctx2d.fillStyle = "#ffffff";
+            ctx2d.fillStyle = "#334155";
             ctx2d.fillRect(0, 0, 160, 90);
-            ctx2d.fillStyle = "#1e3a8a";
-            ctx2d.font = "bold 11px sans-serif";
-            ctx2d.textAlign = "center";
-            const title = s.title.slice(0, 18) || `Slide ${idx + 1}`;
-            ctx2d.fillText(title, 80, 50);
+            ctx2d.fillStyle = "#ffffff";
+            ctx2d.fillRect(3, 3, 154, 84);
+            ctx2d.fillStyle = "#84cc16";
+            ctx2d.fillRect(6, 6, 148, 18);
+            ctx2d.fillStyle = "#1e293b";
+            ctx2d.font = "bold 9px sans-serif";
+            ctx2d.textAlign = "left";
+            const displayTitle = s.title.length > 18 ? s.title.slice(0, 16) + ".." : s.title;
+            ctx2d.fillText(displayTitle, 10, 19);
+            if (s.subtitle) {
+              ctx2d.fillStyle = "#38bdf8";
+              ctx2d.fillRect(116, 9, 34, 12);
+              ctx2d.fillStyle = "#ffffff";
+              ctx2d.font = "bold 7px sans-serif";
+              ctx2d.textAlign = "center";
+              ctx2d.fillText(s.subtitle.slice(0, 7), 133, 18);
+            }
+            if (s.pictureUrl) {
+              ctx2d.fillStyle = "#3b82f6";
+              ctx2d.fillRect(52, 34, 56, 42);
+              ctx2d.fillStyle = "#ffffff";
+              ctx2d.font = "8px sans-serif";
+              ctx2d.textAlign = "center";
+              ctx2d.fillText("Chart", 80, 58);
+            } else if (s.tableColumns.length > 0) {
+              ctx2d.strokeStyle = "#cbd5e1";
+              ctx2d.lineWidth = 1;
+              ctx2d.strokeRect(14, 32, 132, 46);
+              for (let l = 1; l <= 3; l++) {
+                ctx2d.beginPath();
+                ctx2d.moveTo(14, 32 + l * 11);
+                ctx2d.lineTo(146, 32 + l * 11);
+                ctx2d.stroke();
+              }
+            } else {
+              ctx2d.fillStyle = "#94a3b8";
+              for (let l = 0; l < 4; l++) {
+                ctx2d.fillRect(14, 34 + l * 10, 132 - l * 14, 4);
+              }
+            }
           }
         }));
       },
@@ -4522,66 +5159,165 @@ var PptPlugin = class {
       }
     };
   }
+  /**
+   * Extract PNG and JPEG images from the Pictures stream
+   */
+  extractPictures(cfbf, createdUrls) {
+    const urls = [];
+    try {
+      const picStream = cfbf.readStream("Pictures");
+      if (!picStream || picStream.length < 32) return urls;
+      const pBuf = new Uint8Array(picStream);
+      const pngSig = [137, 80, 78, 71, 13, 10, 26, 10];
+      const iendSig = [73, 69, 78, 68, 174, 66, 96, 130];
+      for (let i = 0; i <= pBuf.length - 8; i++) {
+        let match = true;
+        for (let j = 0; j < 8; j++) {
+          if (pBuf[i + j] !== pngSig[j]) {
+            match = false;
+            break;
+          }
+        }
+        if (match) {
+          let endIdx = -1;
+          for (let k = i + 8; k <= pBuf.length - 8; k++) {
+            let endMatch = true;
+            for (let j = 0; j < 8; j++) {
+              if (pBuf[k + j] !== iendSig[j]) {
+                endMatch = false;
+                break;
+              }
+            }
+            if (endMatch) {
+              endIdx = k + 8;
+              break;
+            }
+          }
+          if (endIdx !== -1) {
+            const pngBytes = pBuf.subarray(i, endIdx);
+            const blob = new Blob([pngBytes], { type: "image/png" });
+            const url = URL.createObjectURL(blob);
+            urls.push(url);
+            createdUrls.push(url);
+            i = endIdx;
+          }
+        }
+      }
+      for (let i = 0; i <= pBuf.length - 3; i++) {
+        if (pBuf[i] === 255 && pBuf[i + 1] === 216 && pBuf[i + 2] === 255) {
+          let endIdx = -1;
+          for (let k = i + 3; k < pBuf.length - 1; k++) {
+            if (pBuf[k] === 255 && pBuf[k + 1] === 217) {
+              endIdx = k + 2;
+              break;
+            }
+          }
+          if (endIdx !== -1) {
+            const jpgBytes = pBuf.subarray(i, endIdx);
+            const blob = new Blob([jpgBytes], { type: "image/jpeg" });
+            const url = URL.createObjectURL(blob);
+            urls.push(url);
+            createdUrls.push(url);
+            i = endIdx;
+          }
+        }
+      }
+    } catch (err) {
+      console.warn("[PptPlugin] Error extracting pictures:", err);
+    }
+    return urls;
+  }
   /**
    * Traverse PowerPoint binary stream records ([MS-PPT]) and extract text chunks per slide
    */
-  extractSlides(stream) {
+  extractSlides(stream, pictures) {
     const view = new DataView(stream.buffer, stream.byteOffset, stream.byteLength);
     const len = stream.length;
     let offset = 0;
     const slides = [];
-    let currentSlideTexts = [];
+    let picIdx = 0;
     while (offset + 8 <= len) {
       const recVerInst = view.getUint16(offset, true);
       const recType = view.getUint16(offset + 2, true);
       const recLen = view.getUint32(offset + 4, true);
+      const isContainer = (recVerInst & 15) === 15;
       if (recType === 1006) {
-        if (currentSlideTexts.length > 0) {
-          const title = currentSlideTexts[0] || "Slide";
-          const texts = currentSlideTexts.slice(1);
-          slides.push({ title, texts });
-          currentSlideTexts = [];
+        const slideEnd = Math.min(len, offset + 8 + recLen);
+        const rawTexts = [];
+        let hasOle = false;
+        let sOff = offset + 8;
+        while (sOff + 8 <= slideEnd) {
+          const cVerInst = view.getUint16(sOff, true);
+          const cType = view.getUint16(sOff + 2, true);
+          const cLen = view.getUint32(sOff + 4, true);
+          const cIsContainer = (cVerInst & 15) === 15;
+          if ((cType === 4008 || cType === 3998) && cLen > 0 && sOff + 8 + cLen <= slideEnd) {
+            const bytes = stream.subarray(sOff + 8, sOff + 8 + cLen);
+            const txt = new TextDecoder("latin1").decode(bytes).trim();
+            if (txt && !/^[\x00-\x1F]+$/.test(txt) && !txt.includes("[Content_Types]") && !txt.includes("_rels/")) {
+              rawTexts.push(txt);
+            }
+          } else if (cType === 3999 && cLen > 0 && sOff + 8 + cLen <= slideEnd) {
+            const bytes = stream.subarray(sOff + 8, sOff + 8 + cLen);
+            const txt = new TextDecoder("utf-16le").decode(bytes).trim();
+            if (txt && !/^[\x00-\x1F]+$/.test(txt) && !txt.includes("[Content_Types]") && !txt.includes("_rels/")) {
+              rawTexts.push(txt);
+            }
+          } else if (cType === 3009 || cType === 3011) {
+            hasOle = true;
+          }
+          if (cIsContainer) sOff += 8;
+          else sOff += 8 + cLen;
         }
-        offset += 8;
-        continue;
-      }
-      if (recType === 3998 && recLen > 0 && offset + 8 + recLen <= len) {
-        const bytes = stream.subarray(offset + 8, offset + 8 + recLen);
-        const text = new TextDecoder("latin1").decode(bytes).trim();
-        if (text && text.length > 1 && !/^[\x00-\x1F\x7F-\x9F]+$/.test(text)) {
-          currentSlideTexts.push(text);
+        let title = "";
+        let subtitle = "";
+        const paragraphs = [];
+        const tableColumns = [];
+        for (const t of rawTexts) {
+          if (!title && t.length < 60 && !t.includes("\n")) {
+            title = t;
+          } else if (t.startsWith("Column ") || title === "Table" && t.startsWith("Column")) {
+            tableColumns.push(t);
+          } else if (t.length < 35 && (t.includes("#") || t.toUpperCase() === t) && !subtitle) {
+            subtitle = t;
+          } else {
+            paragraphs.push(t);
+          }
         }
-      }
-      if (recType === 3999 && recLen > 0 && offset + 8 + recLen <= len) {
-        const bytes = stream.subarray(offset + 8, offset + 8 + recLen);
-        const text = new TextDecoder("utf-16le").decode(bytes).trim();
-        if (text && text.length > 1 && !/^[\x00-\x1F\x7F-\x9F]+$/.test(text)) {
-          currentSlideTexts.push(text);
+        let pictureUrl = null;
+        if ((hasOle || rawTexts.some((t) => t.toLowerCase().includes("chart") || t.toLowerCase().includes("figure"))) && picIdx < pictures.length) {
+          pictureUrl = pictures[picIdx++];
         }
+        slides.push({
+          slideIndex: slides.length + 1,
+          title: title || `Slide ${slides.length + 1}`,
+          subtitle,
+          paragraphs,
+          tableColumns,
+          pictureUrl,
+          hasOle
+        });
       }
-      const isContainer = (recVerInst & 15) === 15;
-      if (isContainer) {
-        offset += 8;
-      } else {
-        offset += 8 + recLen;
-      }
-    }
-    if (currentSlideTexts.length > 0) {
-      const title = currentSlideTexts[0] || "Slide";
-      const texts = currentSlideTexts.slice(1);
-      slides.push({ title, texts });
+      if (isContainer) offset += 8;
+      else offset += 8 + recLen;
     }
     if (slides.length === 0) {
       const rawText = new TextDecoder("latin1", { fatal: false }).decode(stream);
-      const matches = rawText.match(/[A-Za-z0-9\s,.:;!?'"-]{4,}/g) || [];
-      const filtered = matches.map((m) => m.trim()).filter((m) => m.length > 4 && !m.includes("PowerPoint") && !m.includes("Arial") && !m.includes("Times"));
-      if (filtered.length > 0) {
-        const chunkSize = 4;
-        for (let i = 0; i < filtered.length; i += chunkSize) {
-          const chunk = filtered.slice(i, i + chunkSize);
+      const matches = rawText.match(/[A-Za-z0-9\s,.:;!?'"-]{5,}/g) || [];
+      const clean = matches.map((m) => m.trim()).filter(
+        (m) => m.length > 4 && !m.includes("PowerPoint") && !m.includes("Arial") && !m.includes("Times") && !m.includes("[Content_Types]") && !m.includes("_rels/") && !m.includes("xml")
+      );
+      if (clean.length > 0) {
+        const chunkSize = 3;
+        for (let i = 0; i < clean.length; i += chunkSize) {
+          const chunk = clean.slice(i, i + chunkSize);
           slides.push({
+            slideIndex: slides.length + 1,
             title: chunk[0] || `Slide ${Math.floor(i / chunkSize) + 1}`,
-            texts: chunk.slice(1)
+            subtitle: chunk.length > 2 ? chunk[1] : void 0,
+            paragraphs: chunk.length > 2 ? chunk.slice(2) : chunk.slice(1),
+            tableColumns: [],
+            pictureUrl: pictures[slides.length] || null
           });
         }
       }