@files-preview-app/preview-file 1.2.8 → 1.3.0

package/dist/react.js

@@ -338,16 +338,21 @@ async function sourceToArrayBuffer(source, signal) {
     metadata.mimeType = source.type || void 0;
     metadata.extension = extractExtension(source.name);
     buffer = await source.arrayBuffer();
-  } else if (source instanceof Blob) {
+  } else if (source instanceof Blob || source && typeof source.arrayBuffer === "function" && typeof source.size === "number") {
     metadata.size = source.size;
     metadata.mimeType = source.type || void 0;
+    if (source.name) {
+      metadata.name = source.name;
+      metadata.extension = extractExtension(source.name);
+    }
     buffer = await source.arrayBuffer();
-  } else if (source instanceof ArrayBuffer) {
+  } else if (source instanceof ArrayBuffer || Object.prototype.toString.call(source) === "[object ArrayBuffer]" || source && typeof source.byteLength === "number" && typeof source.slice === "function") {
     buffer = source;
-  } else if (source instanceof Uint8Array) {
-    buffer = source.buffer.slice(
-      source.byteOffset,
-      source.byteOffset + source.byteLength
+  } else if (source instanceof Uint8Array || ArrayBuffer.isView(source)) {
+    const view = source;
+    buffer = view.buffer.slice(
+      view.byteOffset,
+      view.byteOffset + view.byteLength
     );
   } else {
     throw new Error("Unsupported file source type");
@@ -432,6 +437,45 @@ function createElement(tag, attrs, ...children) {
   }
   return el;
 }
+var DB_NAME = "PreviewFileTransferDB";
+var DB_STORE = "transfers";
+function openDB() {
+  return new Promise((resolve, reject) => {
+    if (typeof indexedDB === "undefined") {
+      return reject(new Error("IndexedDB is not available"));
+    }
+    const req = indexedDB.open(DB_NAME, 1);
+    req.onupgradeneeded = () => {
+      const db = req.result;
+      if (!db.objectStoreNames.contains(DB_STORE)) {
+        db.createObjectStore(DB_STORE, { keyPath: "id" });
+      }
+    };
+    req.onsuccess = () => resolve(req.result);
+    req.onerror = () => reject(req.error);
+  });
+}
+async function saveTransferPayload(id, payload) {
+  if (typeof window !== "undefined") {
+    try {
+      window[id] = payload;
+      window.__lastTransfer = payload;
+    } catch {
+    }
+  }
+  try {
+    const db = await openDB();
+    return new Promise((resolve, reject) => {
+      const tx = db.transaction(DB_STORE, "readwrite");
+      const store = tx.objectStore(DB_STORE);
+      store.put({ id, ...payload, timestamp: Date.now() });
+      tx.oncomplete = () => resolve();
+      tx.onerror = () => reject(tx.error);
+    });
+  } catch (e) {
+    console.warn("[saveTransferPayload] IndexedDB store warning:", e);
+  }
+}
 var ICON_ZOOM_IN = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line><line x1="11" y1="8" x2="11" y2="14"></line><line x1="8" y1="11" x2="14" y2="11"></line></svg>`;
 var ICON_ZOOM_OUT = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line><line x1="8" y1="11" x2="14" y2="11"></line></svg>`;
 var ICON_FIT_PAGE = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"></rect><line x1="8" y1="12" x2="16" y2="12"></line><polyline points="11 9 8 12 11 15"></polyline><polyline points="13 9 16 12 13 15"></polyline></svg>`;
@@ -451,6 +495,7 @@ var ICON_COPY = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" str
 var ICON_FAST_FORWARD = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 19 22 12 13 5 13 19"></polygon><polygon points="2 19 11 12 2 5 2 19"></polygon></svg>`;
 var ICON_REWIND = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="11 19 2 12 11 5 11 19"></polygon><polygon points="22 19 13 12 22 5 22 19"></polygon></svg>`;
 var ICON_SPEED = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>`;
+var ICON_EXTERNAL_WINDOW = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>`;
 var ICON_MAP = {
   "zoom-in": ICON_ZOOM_IN,
   "zoom-out": ICON_ZOOM_OUT,
@@ -477,7 +522,9 @@ var ICON_MAP = {
   "forward-10": ICON_FAST_FORWARD,
   "rewind": ICON_REWIND,
   "replay-10": ICON_REWIND,
-  "speed": ICON_SPEED
+  "speed": ICON_SPEED,
+  "open-window": ICON_EXTERNAL_WINDOW,
+  "external-window": ICON_EXTERNAL_WINDOW
 };
 var ToolbarController = class {
   el;
@@ -694,7 +741,7 @@ var ThumbnailPanel = class {
     }
   }
 };
-var FilePreviewViewer = class {
+var FilePreviewViewer = class _FilePreviewViewer {
   plugins = [];
   activeInstance = null;
   abortController = null;
@@ -731,6 +778,7 @@ var FilePreviewViewer = class {
    * Preview a file in the given container element.
    */
   async preview(container, source, options = {}) {
+    this.currentOptions = options;
     this.abort();
     this.abortController = new AbortController();
     const { signal } = this.abortController;
@@ -740,7 +788,10 @@ var FilePreviewViewer = class {
     this.showLoading();
     try {
       const { buffer, metadata } = await sourceToArrayBuffer(source, signal);
-      this.currentBuffer = buffer;
+      if (options.metadata) {
+        Object.assign(metadata, options.metadata);
+      }
+      this.currentBuffer = buffer.slice(0);
       this.currentMetadata = metadata;
       if (signal.aborted) throw new DOMException("Aborted", "AbortError");
       const fileInfo = { metadata, buffer };
@@ -770,6 +821,7 @@ var FilePreviewViewer = class {
         }
       });
       this.activeInstance = instance;
+      instance.openInSeparateWindow = () => this.openInSeparateWindow();
       this.hideLoading();
       this.eventEmitter.emit("loaded", { metadata, plugin: matchedPlugin.id });
       if (options.showToolbar !== false && this.toolbar) {
@@ -779,26 +831,16 @@ var FilePreviewViewer = class {
           actions.push({
             id: "fullscreen",
             icon: "fullscreen",
-            label: "Toggle Fullscreen",
+            label: "Fullscreen",
             type: "button",
             group: "view",
-            execute: async () => {
+            execute: () => {
               try {
-                const isNativeFs = !!document.fullscreenElement;
-                const isCssFs = this.wrapperEl?.classList.contains("fp-fullscreen-active");
-                if (!isNativeFs && !isCssFs) {
-                  if (this.wrapperEl?.requestFullscreen) {
-                    await this.wrapperEl.requestFullscreen().catch(() => {
-                      this.wrapperEl?.classList.add("fp-fullscreen-active");
-                    });
-                  } else {
-                    this.wrapperEl?.classList.add("fp-fullscreen-active");
-                  }
+                if (!document.fullscreenElement) {
+                  this.wrapperEl?.requestFullscreen?.();
+                  this.wrapperEl?.classList.add("fp-fullscreen-active");
                 } else {
-                  if (document.fullscreenElement) {
-                    await document.exitFullscreen().catch(() => {
-                    });
-                  }
+                  document.exitFullscreen?.();
                   this.wrapperEl?.classList.remove("fp-fullscreen-active");
                 }
               } catch {
@@ -810,6 +852,28 @@ var FilePreviewViewer = class {
             }
           });
         }
+        const openWinAction = actions.find((a) => a.id === "open-window");
+        if (openWinAction) {
+          if (options?._isSeparateWindow) {
+            const idx = actions.indexOf(openWinAction);
+            if (idx !== -1) actions.splice(idx, 1);
+          } else {
+            openWinAction.execute = () => {
+              this.openInSeparateWindow();
+            };
+          }
+        } else if (!options?._isSeparateWindow) {
+          actions.push({
+            id: "open-window",
+            icon: "open-window",
+            label: "Open in Separate Full Window",
+            type: "button",
+            group: "actions",
+            execute: () => {
+              this.openInSeparateWindow();
+            }
+          });
+        }
         this.toolbar.update(actions);
         this.toolbar.show();
       }
@@ -842,6 +906,104 @@ var FilePreviewViewer = class {
       throw error;
     }
   }
+  /**
+   * Opens the current file preview in a separate full browser window.
+   */
+  openInSeparateWindow() {
+    if (!this.currentBuffer) {
+      console.warn("[FilePreviewViewer] No active file buffer to open in separate window");
+      return null;
+    }
+    if (this.currentOptions.onOpenSeparateWindow) {
+      return this.currentOptions.onOpenSeparateWindow({
+        buffer: this.currentBuffer,
+        metadata: this.currentMetadata || { name: "Document" },
+        options: this.currentOptions
+      });
+    }
+    const transferId = "fp_win_" + Date.now() + "_" + Math.random().toString(36).slice(2, 8);
+    let clonedBuffer;
+    try {
+      clonedBuffer = this.currentBuffer.slice(0);
+    } catch {
+      clonedBuffer = this.currentBuffer;
+    }
+    const payload = {
+      buffer: clonedBuffer,
+      metadata: this.currentMetadata ? { ...this.currentMetadata } : void 0,
+      options: { ...this.currentOptions, _isSeparateWindow: true }
+    };
+    if (typeof window !== "undefined") {
+      try {
+        window[transferId] = payload;
+        window.__lastTransfer = payload;
+      } catch {
+      }
+    }
+    saveTransferPayload(transferId, payload).catch((err) => {
+      console.warn("[FilePreviewViewer] Transfer payload save warning:", err);
+    });
+    let targetUrl = null;
+    if (this.currentOptions.standaloneViewerUrl) {
+      const u = new URL(this.currentOptions.standaloneViewerUrl, window.location.href);
+      u.searchParams.set("mode", "fullscreen");
+      u.searchParams.set("transferId", transferId);
+      targetUrl = u.toString();
+    } else if (typeof window !== "undefined" && window.location?.href && !window.location.href.startsWith("about:")) {
+      const u = new URL(window.location.href);
+      u.searchParams.set("mode", "fullscreen");
+      u.searchParams.set("transferId", transferId);
+      targetUrl = u.toString();
+    }
+    if (targetUrl) {
+      const newWin2 = window.open(targetUrl, "_blank");
+      if (!newWin2) {
+        alert("Popup blocker prevented opening the preview in a separate window. Please allow popups for this site.");
+        return null;
+      }
+      return newWin2;
+    }
+    const title = (this.currentMetadata?.name || "Document Preview") + " - Full Preview";
+    const newWin = window.open("", "_blank");
+    if (!newWin) {
+      alert("Popup blocker prevented opening the preview in a separate window. Please allow popups for this site.");
+      return null;
+    }
+    newWin.document.title = title;
+    newWin.document.body.style.margin = "0";
+    newWin.document.body.style.padding = "0";
+    newWin.document.body.style.width = "100vw";
+    newWin.document.body.style.height = "100vh";
+    newWin.document.body.style.overflow = "hidden";
+    newWin.document.body.style.backgroundColor = "#f8fafc";
+    const headNodes = document.querySelectorAll('link[rel="stylesheet"], style');
+    headNodes.forEach((node) => {
+      newWin.document.head.appendChild(node.cloneNode(true));
+    });
+    const root = newWin.document.createElement("div");
+    root.id = "full-window-preview-root";
+    root.style.width = "100%";
+    root.style.height = "100%";
+    root.style.overflow = "hidden";
+    newWin.document.body.appendChild(root);
+    const separateViewer = new _FilePreviewViewer();
+    for (const plugin of this.plugins) {
+      separateViewer.registerPlugin(plugin);
+    }
+    separateViewer.preview(root, this.currentBuffer.slice(0), {
+      ...this.currentOptions,
+      showToolbar: true,
+      toolbarPosition: "top",
+      metadata: this.currentMetadata || void 0,
+      _isSeparateWindow: true
+    }).catch((err) => {
+      console.error("[FilePreviewViewer] Error rendering in separate window:", err);
+    });
+    newWin.addEventListener("beforeunload", () => {
+      separateViewer.destroy();
+    });
+    return newWin;
+  }
   /**
    * Subscribe to viewer events.
    */
@@ -1247,8 +1409,20 @@ var CfbfReader = class {
   }
 };
 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`;
+  if (!pdfjsLib.GlobalWorkerOptions.workerPort && !pdfjsLib.GlobalWorkerOptions.workerSrc) {
+    const customWorker = window.__PDF_WORKER_SRC__;
+    if (customWorker) {
+      pdfjsLib.GlobalWorkerOptions.workerSrc = customWorker;
+    } else {
+      try {
+        pdfjsLib.GlobalWorkerOptions.workerPort = new Worker(
+          new URL("pdfjs-dist/build/pdf.worker.min.mjs", import.meta.url),
+          { type: "module" }
+        );
+      } catch {
+        pdfjsLib.GlobalWorkerOptions.workerSrc = "./pdf.worker.min.mjs";
+      }
+    }
   }
 }
 var PdfPlugin = class {
@@ -1342,6 +1516,14 @@ var PdfPlugin = class {
         type: "button",
         group: "actions",
         execute: () => instance.print?.()
+      },
+      {
+        id: "open-window",
+        icon: "open-window",
+        label: "Open in Separate Full Window",
+        type: "button",
+        group: "actions",
+        execute: () => instance.openInSeparateWindow?.()
       }
     ];
   }
@@ -1391,18 +1573,21 @@ var PdfPlugin = class {
     indicator.style.pointerEvents = "none";
     container.appendChild(indicator);
     ctx.container.appendChild(container);
+    const standardFontsUrl = typeof window !== "undefined" && window.__PDF_STANDARD_FONTS_URL__ || "./standard_fonts/";
+    const cmapsUrl = typeof window !== "undefined" && window.__PDF_CMAPS_URL__ || "./cmaps/";
     const loadingTask = pdfjsLib.getDocument({
-      data: new Uint8Array(ctx.buffer),
-      cMapUrl: `https://unpkg.com/pdfjs-dist@${pdfjsLib.version || "4.10.38"}/cmaps/`,
+      data: new Uint8Array(ctx.buffer.slice(0)),
+      cMapUrl: cmapsUrl,
       cMapPacked: true,
-      standardFontDataUrl: `https://unpkg.com/pdfjs-dist@${pdfjsLib.version || "4.10.38"}/standard_fonts/`
+      standardFontDataUrl: standardFontsUrl,
+      verbosity: 0
     });
     const pdfDoc = await loadingTask.promise;
     const totalPages = Math.max(1, pdfDoc.numPages);
     let currentPage = 1;
     let zoomScale = 1;
     let rotation = 0;
-    let fitMode = "width";
+    let fitMode = "page";
     let currentRenderTask = null;
     const renderPage = async (pageNum) => {
       if (currentRenderTask) {
@@ -1422,15 +1607,15 @@ var PdfPlugin = class {
       const containerWidth = container.clientWidth || 900;
       const containerHeight = container.clientHeight || 700;
       const unscaledVp = page.getViewport({ scale: 1, rotation });
-      const availWidth = Math.max(280, containerWidth - 48);
-      const availHeight = Math.max(280, containerHeight - 88);
+      const availWidth = Math.max(320, containerWidth - 48);
+      const availHeight = Math.max(550, containerHeight - 88);
       const scaleW = availWidth / unscaledVp.width;
       const scaleH = availHeight / unscaledVp.height;
       let fitScale;
       if (fitMode === "page") {
-        fitScale = Math.max(0.5, Math.min(scaleW, scaleH));
+        fitScale = Math.max(0.4, Math.min(scaleW, scaleH));
       } else {
-        fitScale = Math.max(0.65, Math.min(1.15, scaleW));
+        fitScale = Math.max(0.65, Math.min(1.25, scaleW));
       }
       const effectiveScale = (fitScale > 0 ? fitScale : 1) * zoomScale;
       const pixelRatio = window.devicePixelRatio || 1;
@@ -1456,7 +1641,7 @@ var PdfPlugin = class {
         currentRenderTask = null;
       }
     };
-    await renderPage(1);
+    renderPage(1);
     let resizeTimer = null;
     const resizeObserver = new ResizeObserver(() => {
       if (resizeTimer) clearTimeout(resizeTimer);
@@ -1500,7 +1685,7 @@ var PdfPlugin = class {
         renderPage(currentPage);
       },
       fitToPage: () => {
-        fitMode = fitMode === "width" ? "page" : "width";
+        fitMode = fitMode === "page" ? "width" : "page";
         zoomScale = 1;
         rotation = 0;
         renderPage(currentPage);
@@ -1517,6 +1702,7 @@ var PdfPlugin = class {
       getPageCount: () => totalPages,
       getCurrentPage: () => currentPage,
       goToPage: (page) => {
+        container.scrollTop = 0;
         renderPage(page);
       },
       download: () => {
@@ -1976,6 +2162,14 @@ var DocxPlugin = class {
         type: "button",
         group: "actions",
         execute: () => instance.print?.()
+      },
+      {
+        id: "open-window",
+        icon: "open-window",
+        label: "Open in Separate Full Window",
+        type: "button",
+        group: "actions",
+        execute: () => instance.openInSeparateWindow?.()
       }
     );
     return actions;
@@ -2021,13 +2215,45 @@ var DocxPlugin = class {
         ignoreFonts: true,
         // Avoid crashes on embedded obfuscated fonts
         breakPages: true,
-        experimental: true
+        experimental: true,
+        ignoreLastRenderedPageBreak: false,
+        // Honor Word's exact page breaks!
+        renderHeaders: true,
+        renderFooters: true,
+        renderFootnotes: true,
+        renderEndnotes: true,
+        useBase64URL: true
       });
       if (!ctx.container.contains(wrapper)) {
         ctx.container.appendChild(wrapper);
       }
       if (wrapper.children.length > 0 && (wrapper.textContent?.trim().length ?? 0) > 0) {
         renderedSuccessfully = true;
+        try {
+          const unzipped = unzipSync(new Uint8Array(ctx.buffer));
+          const chartKeys = Object.keys(unzipped).filter((k) => k.replace(/^[./\\]+/, "").toLowerCase().startsWith("word/charts/chart") && k.endsWith(".xml")).sort();
+          if (chartKeys.length > 0) {
+            const allDivs = Array.from(wrapper.querySelectorAll("div"));
+            const emptyContainers = allDivs.filter((div) => {
+              const st = div.getAttribute("style") || "";
+              return st.includes("width:") && st.includes("height:") && div.children.length === 0 && (div.textContent?.trim().length ?? 0) === 0;
+            });
+            chartKeys.forEach((cKey, idx) => {
+              const target = emptyContainers[idx];
+              if (target) {
+                const xmlStr = strFromU8(unzipped[cKey]);
+                const svg = this.parseAndRenderChartSvg(xmlStr);
+                if (svg) {
+                  target.innerHTML = svg;
+                  target.style.display = "block";
+                  target.style.margin = "12px auto";
+                }
+              }
+            });
+          }
+        } catch (chartErr) {
+          console.warn("[DocxPlugin] Non-critical error rendering DrawingML charts:", chartErr);
+        }
       }
     } catch (err) {
       console.warn("[DocxPlugin] docx-preview failed, triggering native fallback:", err);
@@ -2042,11 +2268,14 @@ var DocxPlugin = class {
         renderedSuccessfully = true;
       } catch (fallbackErr) {
         console.error("[DocxPlugin] Native fallback failed:", fallbackErr);
+        const isCorrupt = fallbackErr?.message?.includes("invalid zip") || fallbackErr?.message?.includes("corrupted");
         wrapper.innerHTML = `
-          <div style="text-align:center; padding: 48px; background: #fff; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.06);">
-            <div style="font-size:48px; margin-bottom: 16px;">\u{1F4C4}</div>
-            <h3 style="margin: 0 0 8px; color: #1e293b;">${ctx.metadata.name || "Word Document"}</h3>
-            <p style="color: #64748b; margin: 0;">Could not parse document content</p>
+          <div style="text-align:center; padding: 48px 32px; background: #fff; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.06); max-width: 600px; margin: 40px auto;">
+            <div style="font-size:48px; margin-bottom: 16px;">${isCorrupt ? "\u26A0\uFE0F" : "\u{1F4C4}"}</div>
+            <h3 style="margin: 0 0 8px; color: #1e293b; font-size: 18px;">${ctx.metadata.name || "Word Document"}</h3>
+            <p style="color: #64748b; margin: 0 0 16px; font-size: 14px; line-height: 1.5;">
+              ${isCorrupt ? "This document appears to be corrupted or contains invalid archive data and cannot be opened (matches Microsoft Word on Windows)." : "Could not render document content. The file structure may be damaged."}
+            </p>
           </div>
         `;
         if (!ctx.container.contains(wrapper)) {
@@ -2056,50 +2285,74 @@ var DocxPlugin = class {
     }
     let sections = Array.from(wrapper.querySelectorAll("section.docx"));
     const cards = Array.from(wrapper.querySelectorAll(".fp-docx-page-card"));
-    if (sections.length === 1 && cards.length === 0) {
-      const singleSec = sections[0];
-      const pageH = 1056;
-      const secH = singleSec.offsetHeight || singleSec.scrollHeight;
-      if (secH > pageH * 1.25) {
-        const children = Array.from(singleSec.children);
-        if (children.length > 1) {
+    if (sections.length > 0 && cards.length === 0) {
+      const finalSections = [];
+      for (const singleSec of sections) {
+        const contentContainer = singleSec.querySelector("article") || singleSec;
+        const children = Array.from(contentContainer.children);
+        const pageH = singleSec.offsetHeight > 1300 ? 1122 : Math.max(1056, singleSec.offsetHeight);
+        const secH = singleSec.scrollHeight || singleSec.offsetHeight;
+        if (secH > pageH * 1.25 && children.length > 1) {
+          const childHeights = children.map((c) => {
+            const rectH = c.getBoundingClientRect().height;
+            const offH = c.offsetHeight;
+            const textLen = c.textContent?.trim().length || 0;
+            const estH = Math.max(24, Math.ceil(textLen / 80) * 22 + 16);
+            return Math.max(rectH, offH, estH);
+          });
           const parent = singleSec.parentElement || wrapper;
-          const newSections = [singleSec];
-          singleSec.innerHTML = "";
+          const headerEl = singleSec.querySelector("header");
+          const footerEl = singleSec.querySelector("footer");
+          contentContainer.innerHTML = "";
           singleSec.style.minHeight = `${pageH}px`;
-          singleSec.style.maxHeight = `${pageH}px`;
-          singleSec.style.overflow = "hidden";
           singleSec.style.boxSizing = "border-box";
+          let curContent = contentContainer;
           let curSec = singleSec;
           let curH = 0;
-          const maxH = pageH - 96;
+          const maxH = pageH - 140;
+          finalSections.push(singleSec);
           for (let i = 0; i < children.length; i++) {
             const child = children[i];
-            curSec.appendChild(child);
-            const chH = child.offsetHeight || 28;
+            const chH = childHeights[i];
+            curContent.appendChild(child);
             curH += chH;
             if (curH >= maxH && i < children.length - 1) {
               const nextSec = document.createElement("section");
               nextSec.className = singleSec.className;
               nextSec.style.cssText = singleSec.style.cssText;
-              nextSec.style.width = singleSec.style.width || "816px";
               nextSec.style.minHeight = `${pageH}px`;
-              nextSec.style.maxHeight = `${pageH}px`;
-              nextSec.style.overflow = "hidden";
               nextSec.style.boxSizing = "border-box";
               nextSec.style.backgroundColor = "#ffffff";
               nextSec.style.boxShadow = "0 4px 24px rgba(0, 0, 0, 0.08)";
               nextSec.style.borderRadius = "4px";
               nextSec.style.marginBottom = "24px";
-              parent.appendChild(nextSec);
-              newSections.push(nextSec);
+              if (headerEl) {
+                nextSec.appendChild(headerEl.cloneNode(true));
+              }
+              const nextArticle = document.createElement("article");
+              if (contentContainer.tagName.toLowerCase() === "article") {
+                nextArticle.style.cssText = contentContainer.style.cssText;
+              }
+              nextSec.appendChild(nextArticle);
+              if (footerEl) {
+                nextSec.appendChild(footerEl.cloneNode(true));
+              }
+              if (curSec.nextSibling) {
+                parent.insertBefore(nextSec, curSec.nextSibling);
+              } else {
+                parent.appendChild(nextSec);
+              }
+              finalSections.push(nextSec);
               curSec = nextSec;
+              curContent = nextArticle;
               curH = 0;
             }
           }
-          sections = newSections;
+        } else {
+          finalSections.push(singleSec);
         }
       }
+      sections = finalSections;
     }
     const pageElements = sections.length > 0 ? sections : cards;
     const totalPages = Math.max(1, pageElements.length);
@@ -2137,6 +2390,7 @@ var DocxPlugin = class {
       if (indicator) {
         indicator.textContent = `Page ${currentPage} of ${totalPages}`;
       }
+      ctx.container.scrollTop = 0;
       ctx.emit("page-change", { page: currentPage, total: totalPages });
     };
     if (totalPages > 1) {
@@ -2490,6 +2744,88 @@ var DocxPlugin = class {
     }
     return result;
   }
+  parseAndRenderChartSvg(xmlStr, width = 500, height = 260) {
+    const catMatches = [...xmlStr.matchAll(/<c:cat>[\s\S]*?<c:strCache>([\s\S]*?)<\/c:strCache>/g)];
+    let categories = [];
+    if (catMatches.length > 0) {
+      categories = [...catMatches[0][1].matchAll(/<c:v>([^<]+)<\/c:v>/g)].map((m) => m[1]);
+    }
+    if (categories.length === 0) {
+      categories = ["Category 1", "Category 2", "Category 3", "Category 4"];
+    }
+    const defaultColors = ["#004586", "#ff420e", "#ffd320", "#579d1c", "#7e0021", "#83caff"];
+    const sers = [...xmlStr.matchAll(/<c:ser>([\s\S]*?)<\/c:ser>/g)];
+    const series = [];
+    sers.forEach((s, sIdx) => {
+      const titleMatch = s[1].match(/<c:tx>[\s\S]*?<c:v>([^<]+)<\/c:v>/);
+      const title = titleMatch ? titleMatch[1] : `Series ${sIdx + 1}`;
+      const clrMatch = s[1].match(/<a:srgbClr\s+val="([^"]+)"/);
+      const color = clrMatch ? "#" + clrMatch[1] : defaultColors[sIdx % defaultColors.length];
+      const valMatch = s[1].match(/<c:val>[\s\S]*?<c:numCache>([\s\S]*?)<\/c:numCache>/);
+      let values = [];
+      if (valMatch) {
+        values = [...valMatch[1].matchAll(/<c:pt\s+idx="(\d+)">\s*<c:v>([^<]+)<\/c:v>/g)].sort((a, b) => parseInt(a[1], 10) - parseInt(b[1], 10)).map((m) => parseFloat(m[2]) || 0);
+      }
+      series.push({ title, color, values });
+    });
+    if (series.length === 0) return "";
+    let maxVal = 10;
+    series.forEach((s) => s.values.forEach((v) => {
+      if (v > maxVal) maxVal = v;
+    }));
+    maxVal = Math.ceil(maxVal * 1.15);
+    if (maxVal % 2 !== 0) maxVal++;
+    const padLeft = 45;
+    const padBottom = 55;
+    const padTop = 20;
+    const padRight = 20;
+    const plotW = width - padLeft - padRight;
+    const plotH = height - padTop - padBottom;
+    const yTicks = 5;
+    let gridLines = "";
+    for (let i = 0; i <= yTicks; i++) {
+      const val = maxVal / yTicks * i;
+      const y = padTop + plotH - val / maxVal * plotH;
+      gridLines += `<line x1="${padLeft}" y1="${y}" x2="${padLeft + plotW}" y2="${y}" stroke="#e2e8f0" stroke-width="1" />`;
+      gridLines += `<text x="${padLeft - 8}" y="${y + 4}" text-anchor="end" font-size="11" fill="#64748b" font-family="Calibri, sans-serif">${Math.round(val)}</text>`;
+    }
+    const numCats = categories.length;
+    const numSers = series.length;
+    const groupW = plotW / numCats;
+    const barW = Math.max(8, Math.min(28, groupW * 0.7 / numSers));
+    const groupPad = (groupW - barW * numSers) / 2;
+    let bars = "";
+    let catLabels = "";
+    for (let c = 0; c < numCats; c++) {
+      const catX = padLeft + c * groupW;
+      catLabels += `<text x="${catX + groupW / 2}" y="${padTop + plotH + 18}" text-anchor="middle" font-size="11" fill="#334155" font-family="Calibri, sans-serif">${categories[c]}</text>`;
+      for (let s = 0; s < numSers; s++) {
+        const val = series[s].values[c] ?? 0;
+        const bH = Math.max(0, val / maxVal * plotH);
+        const bX = catX + groupPad + s * barW;
+        const bY = padTop + plotH - bH;
+        bars += `<rect x="${bX}" y="${bY}" width="${barW - 2}" height="${bH}" fill="${series[s].color}" rx="1" />`;
+      }
+    }
+    let legend = "";
+    const legY = height - 12;
+    let legX = padLeft + (plotW - numSers * 100) / 2;
+    series.forEach((s) => {
+      legend += `<rect x="${legX}" y="${legY - 9}" width="10" height="10" fill="${s.color}" rx="2" />`;
+      legend += `<text x="${legX + 15}" y="${legY}" font-size="11" fill="#475569" font-family="Calibri, sans-serif">${s.title}</text>`;
+      legX += 95;
+    });
+    return `
+      <svg viewBox="0 0 ${width} ${height}" width="100%" height="100%" style="background:#ffffff; border-radius:4px; overflow:visible;" xmlns="http://www.w3.org/2000/svg">
+        ${gridLines}
+        <line x1="${padLeft}" y1="${padTop + plotH}" x2="${padLeft + plotW}" y2="${padTop + plotH}" stroke="#94a3b8" stroke-width="1.5" />
+        <line x1="${padLeft}" y1="${padTop}" x2="${padLeft}" y2="${padTop + plotH}" stroke="#94a3b8" stroke-width="1.5" />
+        ${bars}
+        ${catLabels}
+        ${legend}
+      </svg>
+    `.trim();
+  }
 };
 function docxPlugin() {
   return new DocxPlugin();
@@ -3056,6 +3392,16 @@ var CodePlugin = class {
         execute: () => {
           instance.print?.();
         }
+      },
+      {
+        id: "open-window",
+        icon: "open-window",
+        label: "Open in Separate Full Window",
+        type: "button",
+        group: "actions",
+        execute: () => {
+          instance.openInSeparateWindow?.();
+        }
       }
     );
     return actions;
@@ -3069,17 +3415,39 @@ var CodePlugin = class {
     let rawPages = [];
     if (isTxt) {
       const explicitPages = fullText.split(/(?:\f|\x0C)/);
+      const charsPerLine = 85;
+      const maxVisualLines = 45;
+      const charsPerPage = charsPerLine * maxVisualLines;
       for (const ep of explicitPages) {
         const lines = ep.split(/\r?\n/);
         let currentChunk = [];
+        let currentLines = 0;
         for (let i = 0; i < lines.length; i++) {
-          currentChunk.push(lines[i]);
-          if (currentChunk.length >= 46) {
+          const line = lines[i];
+          const vLines = Math.max(1, Math.ceil((line.length || 1) / charsPerLine));
+          if (currentLines + vLines > maxVisualLines && currentChunk.length > 0) {
             rawPages.push(currentChunk.join("\n"));
             currentChunk = [];
+            currentLines = 0;
+          }
+          if (vLines > maxVisualLines) {
+            let remaining = line;
+            while (remaining.length > charsPerPage) {
+              let splitIdx = remaining.lastIndexOf(" ", charsPerPage);
+              if (splitIdx < charsPerPage * 0.75) splitIdx = charsPerPage;
+              rawPages.push(remaining.slice(0, splitIdx));
+              remaining = remaining.slice(splitIdx).trimStart();
+            }
+            if (remaining.length > 0) {
+              currentChunk.push(remaining);
+              currentLines = Math.ceil(remaining.length / charsPerLine);
+            }
+          } else {
+            currentChunk.push(line);
+            currentLines += vLines;
           }
         }
-        if (currentChunk.length > 0 || lines.length === 0) {
+        if (currentChunk.length > 0) {
           rawPages.push(currentChunk.join("\n"));
         }
       }
@@ -3189,6 +3557,7 @@ var CodePlugin = class {
       if (indicator) {
         indicator.textContent = `Page ${currentPage} of ${totalPages}`;
       }
+      container.scrollTop = 0;
       ctx.emit("page-change", { page: currentPage, total: totalPages });
     };
     if (totalPages > 1) {
@@ -4201,6 +4570,14 @@ var RtfPlugin = class {
         type: "button",
         group: "actions",
         execute: () => instance.print?.()
+      },
+      {
+        id: "open-window",
+        icon: "open-window",
+        label: "Open in Separate Full Window",
+        type: "button",
+        group: "actions",
+        execute: () => instance.openInSeparateWindow?.()
       }
     );
     return actions;
@@ -4253,11 +4630,55 @@ var RtfPlugin = class {
       }
       const doc = new RTFJS.Document(ctx.buffer, {});
       const htmlElements = await doc.render();
-      pageElements = htmlElements;
-      for (let i = 0; i < htmlElements.length; i++) {
-        const el = htmlElements[i];
-        el.style.display = i === 0 ? "block" : "none";
-        wrapper.appendChild(el);
+      const contentNodes = [];
+      for (const item of htmlElements) {
+        if (item.children && item.children.length > 0 && !item.tagName.toLowerCase().startsWith("table")) {
+          contentNodes.push(...Array.from(item.children));
+        } else {
+          contentNodes.push(item);
+        }
+      }
+      wrapper.innerHTML = "";
+      contentNodes.forEach((node) => wrapper.appendChild(node));
+      const childHeights = contentNodes.map((c) => {
+        const rectH = c.getBoundingClientRect ? c.getBoundingClientRect().height : 0;
+        const offH = c.offsetHeight || 0;
+        const textLen = c.textContent?.trim().length || 0;
+        const estH = Math.max(24, Math.ceil(textLen / 75) * 22 + 14);
+        return Math.max(rectH, offH, estH);
+      });
+      wrapper.innerHTML = "";
+      const createRtfCard = () => {
+        const card = document.createElement("div");
+        card.className = "fp-rtf-page-card";
+        card.style.backgroundColor = "#ffffff";
+        card.style.boxShadow = "0 4px 24px rgba(0,0,0,0.08)";
+        card.style.borderRadius = "4px";
+        card.style.padding = "72px 56px";
+        card.style.width = "816px";
+        card.style.minHeight = "1056px";
+        card.style.boxSizing = "border-box";
+        card.style.marginBottom = "24px";
+        card.style.fontFamily = 'Calibri, "Segoe UI", Arial, sans-serif';
+        card.style.lineHeight = "1.6";
+        return card;
+      };
+      let curCard = createRtfCard();
+      wrapper.appendChild(curCard);
+      pageElements = [curCard];
+      let curH = 0;
+      const maxH = 912;
+      for (let i = 0; i < contentNodes.length; i++) {
+        const child = contentNodes[i];
+        const chH = childHeights[i];
+        curCard.appendChild(child);
+        curH += chH;
+        if (curH >= maxH && i < contentNodes.length - 1) {
+          curCard = createRtfCard();
+          wrapper.appendChild(curCard);
+          pageElements.push(curCard);
+          curH = 0;
+        }
       }
     } catch (err) {
       console.warn("[RtfPlugin] RTF render error, fallback text:", err);
@@ -4323,6 +4744,7 @@ var RtfPlugin = class {
       if (indicator) {
         indicator.textContent = `Page ${currentPage} of ${totalPages}`;
       }
+      ctx.container.scrollTop = 0;
       ctx.emit("page-change", { page: currentPage, total: totalPages });
     };
     if (totalPages > 1) {
@@ -4624,6 +5046,14 @@ var OpenDocumentPlugin = class {
         type: "button",
         group: "actions",
         execute: () => instance.print?.()
+      },
+      {
+        id: "open-window",
+        icon: "open-window",
+        label: "Open in Separate Full Window",
+        type: "button",
+        group: "actions",
+        execute: () => instance.openInSeparateWindow?.()
       }
     );
     return actions;
@@ -4794,12 +5224,9 @@ var OpenDocumentPlugin = class {
         page.style.backgroundColor = "#ffffff";
         page.style.boxShadow = "0 2px 10px rgba(0,0,0,0.08)";
         page.style.borderRadius = "4px";
-        page.style.boxSizing = "border-box";
         page.style.display = idx === 0 ? "block" : "none";
-        page.style.position = "absolute";
-        page.style.top = "0";
-        page.style.left = "50%";
-        page.style.transform = "translateX(-50%)";
+        page.style.margin = "0 auto 24px";
+        page.style.boxShadow = "0 4px 24px rgba(0, 0, 0, 0.08)";
         elements.forEach((el) => page.appendChild(el));
         wrapper.appendChild(page);
         slides.push(page);
@@ -4837,6 +5264,7 @@ var OpenDocumentPlugin = class {
       if (indicator) {
         indicator.textContent = `Page ${currentPage} of ${totalPages}`;
       }
+      container.scrollTop = 0;
       ctx.emit("page-change", { page: currentPage, total: totalPages });
     };
     return {
@@ -5214,6 +5642,14 @@ var DocPlugin = class {
         type: "button",
         group: "actions",
         execute: () => instance.print?.()
+      },
+      {
+        id: "open-window",
+        icon: "open-window",
+        label: "Open in Separate Full Window",
+        type: "button",
+        group: "actions",
+        execute: () => instance.openInSeparateWindow?.()
       }
     );
     return actions;
@@ -5329,6 +5765,7 @@ var DocPlugin = class {
       if (indicator) {
         indicator.textContent = `Page ${currentPage} of ${totalPages}`;
       }
+      container.scrollTop = 0;
       ctx.emit("page-change", { page: currentPage, total: totalPages });
     };
     if (totalPages > 1) {
@@ -5504,47 +5941,69 @@ var DocPlugin = class {
   heuristicTextExtraction(buffer) {
     return this.extractStringsFromBytes(new Uint8Array(buffer));
   }
+  cleanWordDocFields(text) {
+    if (!text) return "";
+    let cleaned = text.replace(
+      /\x13\s*HYPERLINK\s*"?([^"\x14]+)"?\s*\x14([\s\S]*?)\x15/gi,
+      (_match, url, label) => {
+        const cleanUrl = url.trim();
+        const cleanLabel = label.trim() || cleanUrl;
+        return `<a href="${cleanUrl}" target="_blank" rel="noopener noreferrer" style="color: #2563eb; text-decoration: underline;">${cleanLabel}</a>`;
+      }
+    );
+    cleaned = cleaned.replace(/\x13[^\x14\x15]*\x14([^\x15]*)\x15/g, "$1");
+    cleaned = cleaned.replace(/\x13[^\x15]*\x15/g, "");
+    cleaned = cleaned.replace(/[\x13\x14\x15]/g, "");
+    return cleaned;
+  }
   splitIntoPages(text) {
     if (!text) return [""];
-    const explicitParts = 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);
-    if (explicitParts.length === 0) explicitParts.push(text);
-    const maxLinesPerPage = 48;
+    const cleanedText = this.cleanWordDocFields(text);
+    const normalized = cleanedText.replace(/\r\n/g, "\n").replace(/\r/g, "\n").replace(/\x0B/g, "\n").replace(/\x07\n/g, "\n").replace(/\x07/g, "	");
+    const explicitParts = normalized.split(/[\x0C\f]|\n\s*[-=_]{3,}\s*(?:PAGE|Page|page break)[\s\d\w-]*[-=_]{3,}\s*\n/i).map((p) => p.trim()).filter((p) => p.length > 0);
+    if (explicitParts.length === 0) explicitParts.push(normalized);
+    const maxLinesPerPage = 32;
+    const charsPerLine = 80;
     const finalPages = [];
     for (const part of explicitParts) {
-      const lines = part.split(/\r?\n/);
+      const lines = part.split("\n");
       let currentLines = [];
       let count = 0;
       for (const line of lines) {
-        currentLines.push(line);
-        count++;
-        if (count >= maxLinesPerPage) {
+        const plainLine = line.replace(/<[^>]+>/g, "");
+        const vLines = Math.max(1, Math.ceil((plainLine.length || 1) / charsPerLine));
+        if (count + vLines > maxLinesPerPage && currentLines.length > 0) {
           finalPages.push(currentLines.join("\n"));
           currentLines = [];
           count = 0;
         }
+        currentLines.push(line);
+        count += vLines;
       }
       if (currentLines.length > 0) {
         finalPages.push(currentLines.join("\n"));
       }
     }
-    return finalPages.length > 0 ? finalPages : [text];
+    return finalPages.length > 0 ? finalPages : [normalized];
   }
   /**
    * 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").split("\n");
+    const lines = text.replace(/\r\n/g, "\n").replace(/\r/g, "\n").replace(/\x0B/g, "\n").replace(/\x07\n/g, "\n").replace(/\x07/g, "	").split("\n");
     let html = "";
     let inList = false;
     let tableLines = [];
     const flushTable = () => {
       if (tableLines.length > 0) {
-        html += '<table style="width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 12px;">';
-        for (const tLine of tableLines) {
-          html += "<tr>";
-          const cols = tLine.split("	");
+        html += '<table style="width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 13px; font-family: Calibri, sans-serif;">';
+        for (let rIdx = 0; rIdx < tableLines.length; rIdx++) {
+          const tLine = tableLines[rIdx];
+          const isHeader = rIdx === 0;
+          html += `<tr style="${isHeader ? "background-color: #f8fafc; font-weight: 600;" : ""}">`;
+          const cols = tLine.split("	").filter((c) => c.trim().length > 0);
           for (const col of cols) {
-            html += `<td style="border: 1px solid #cbd5e1; padding: 6px 8px;">${DOMPurify6.sanitize(col.trim())}</td>`;
+            html += `<td style="border: 1px solid #cbd5e1; padding: 8px 12px;">${DOMPurify6.sanitize(col.trim())}</td>`;
           }
           html += "</tr>";
         }
@@ -5557,27 +6016,18 @@ var DocPlugin = class {
       let line = lines[i];
       let tabCount = (line.match(/\t/g) || []).length;
       if (tabCount > 0) {
-        let consecutiveTableLines = 1;
-        let j = i + 1;
-        while (j < lines.length) {
-          const nextTabCount = (lines[j].match(/\t/g) || []).length;
-          if (nextTabCount === tabCount) {
-            consecutiveTableLines++;
-            j++;
-          } else {
-            break;
-          }
+        let j = i;
+        while (j < lines.length && (lines[j].match(/\t/g) || []).length > 0) {
+          j++;
         }
-        if (consecutiveTableLines >= 3) {
-          if (inList) {
-            html += "</ul>";
-            inList = false;
-          }
-          tableLines = lines.slice(i, j);
-          flushTable();
-          i = j;
-          continue;
+        if (inList) {
+          html += "</ul>";
+          inList = false;
         }
+        tableLines = lines.slice(i, j);
+        flushTable();
+        i = j;
+        continue;
       }
       line = line.trim();
       if (!line) {
@@ -5597,25 +6047,26 @@ var DocPlugin = class {
         i++;
         continue;
       }
+      const sanitizeOptions = { ADD_TAGS: ["a"], ADD_ATTR: ["href", "target", "rel", "style"] };
       if (line.length < 60 && !line.endsWith(".") && (/^[A-Z0-9\s:_-]+$/.test(line) || line.startsWith("#"))) {
         if (inList) {
           html += "</ul>";
           inList = false;
         }
-        html += `<h2 style="font-size: 16px; font-weight: 700; color: #1e3a8a; margin: 16px 0 8px; border-bottom: 1px solid #e2e8f0; padding-bottom: 4px;">${DOMPurify6.sanitize(line)}</h2>`;
+        html += `<h2 style="font-size: 16px; font-weight: 700; color: #1e3a8a; margin: 16px 0 8px; border-bottom: 1px solid #e2e8f0; padding-bottom: 4px;">${DOMPurify6.sanitize(line, sanitizeOptions)}</h2>`;
       } else if (line.startsWith("\u2022") || line.startsWith("-") || line.startsWith("*")) {
         if (!inList) {
           html += '<ul style="margin: 8px 0; padding-left: 24px;">';
           inList = true;
         }
         const bulletText = line.replace(/^[•\-\*]\s*/, "");
-        html += `<li style="margin: 4px 0; line-height: 1.15; font-size: 12pt;">${DOMPurify6.sanitize(bulletText)}</li>`;
+        html += `<li style="margin: 4px 0; line-height: 1.15; font-size: 12pt;">${DOMPurify6.sanitize(bulletText, sanitizeOptions)}</li>`;
       } else {
         if (inList) {
           html += "</ul>";
           inList = false;
         }
-        html += `<p style="line-height: 1.15; margin: 0; font-size: 12pt; text-align: justify;">${DOMPurify6.sanitize(line)}</p>`;
+        html += `<p style="line-height: 1.15; margin: 0; font-size: 12pt; text-align: justify;">${DOMPurify6.sanitize(line, sanitizeOptions)}</p>`;
       }
       i++;
     }