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

package/dist/react.js

@@ -1,5 +1,5 @@
 import { memo, forwardRef, useRef, useImperativeHandle, useEffect } from 'react';
-import DOMPurify2 from 'dompurify';
+import DOMPurify6 from 'dompurify';
 import * as pdfjsLib from 'pdfjs-dist';
 import * as docx from 'docx-preview';
 import { unzipSync, strFromU8, unzip } from 'fflate';
@@ -358,7 +358,7 @@ async function sourceToArrayBuffer(source, signal) {
     if (magicMime === "application/zip") {
       const ooxmlMime = detectOoxmlType(buffer);
       if (ooxmlMime && ooxmlMime !== "application/zip") {
-        metadata.mimeType = ooxmlMime;
+        metadata.mimeType = metadata.mimeType ?? ooxmlMime;
         if (ooxmlMime.includes("wordprocessing")) metadata.extension = metadata.extension ?? ".docx";
         else if (ooxmlMime.includes("spreadsheet")) metadata.extension = metadata.extension ?? ".xlsx";
         else if (ooxmlMime.includes("presentation")) metadata.extension = metadata.extension ?? ".pptx";
@@ -387,7 +387,7 @@ async function sourceToArrayBuffer(source, signal) {
   return { buffer, metadata };
 }
 function sanitizeSVG(svg) {
-  return DOMPurify2.sanitize(svg, {
+  return DOMPurify6.sanitize(svg, {
     USE_PROFILES: { svg: true, svgFilters: true }
   });
 }
@@ -706,6 +706,8 @@ var FilePreviewViewer = class {
   keyHandler = null;
   currentContainer = null;
   currentOptions = {};
+  resizeObserver = null;
+  fullscreenHandler = null;
   /**
    * Register a preview plugin.
    */
@@ -778,12 +780,31 @@ var FilePreviewViewer = class {
             label: "Toggle Fullscreen",
             type: "button",
             group: "view",
-            execute: () => {
-              if (!document.fullscreenElement) {
-                this.wrapperEl?.requestFullscreen?.();
-              } else {
-                document.exitFullscreen?.();
+            execute: async () => {
+              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");
+                  }
+                } else {
+                  if (document.fullscreenElement) {
+                    await document.exitFullscreen().catch(() => {
+                    });
+                  }
+                  this.wrapperEl?.classList.remove("fp-fullscreen-active");
+                }
+              } catch {
+                this.wrapperEl?.classList.toggle("fp-fullscreen-active");
               }
+              setTimeout(() => {
+                this.activeInstance?.fitToPage?.();
+              }, 120);
             }
           });
         }
@@ -833,6 +854,15 @@ var FilePreviewViewer = class {
       window.removeEventListener("keydown", this.keyHandler);
       this.keyHandler = null;
     }
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+      this.resizeObserver = null;
+    }
+    if (this.fullscreenHandler) {
+      document.removeEventListener("fullscreenchange", this.fullscreenHandler);
+      document.removeEventListener("webkitfullscreenchange", this.fullscreenHandler);
+      this.fullscreenHandler = null;
+    }
     this.abort();
     this.destroyInstance();
     this.toolbar?.destroy();
@@ -912,6 +942,25 @@ var FilePreviewViewer = class {
     this.thumbnailPanel = new ThumbnailPanel(thumbnailEl);
     this.setupKeyboardShortcuts();
     this.setupDragAndDrop(container, options);
+    this.setupResizeAndFullscreenListeners();
+  }
+  setupResizeAndFullscreenListeners() {
+    if (this.fullscreenHandler) return;
+    this.fullscreenHandler = () => {
+      setTimeout(() => {
+        this.activeInstance?.fitToPage?.();
+      }, 100);
+    };
+    document.addEventListener("fullscreenchange", this.fullscreenHandler);
+    document.addEventListener("webkitfullscreenchange", this.fullscreenHandler);
+    if (typeof ResizeObserver !== "undefined" && this.contentEl) {
+      this.resizeObserver = new ResizeObserver(() => {
+        if (this.activeInstance && (!this.activeInstance.getZoom || Math.abs((this.activeInstance.getZoom?.() ?? 1) - 1) < 0.05)) {
+          this.activeInstance.fitToPage?.();
+        }
+      });
+      this.resizeObserver.observe(this.contentEl);
+    }
   }
   setupKeyboardShortcuts() {
     if (this.keyHandler) return;
@@ -1303,7 +1352,8 @@ var PdfPlugin = class {
     container.style.display = "flex";
     container.style.flexDirection = "column";
     container.style.alignItems = "center";
-    container.style.padding = "24px 16px";
+    container.style.justifyContent = "flex-start";
+    container.style.padding = "20px 16px";
     container.style.backgroundColor = "#0f172a";
     container.style.boxSizing = "border-box";
     container.style.position = "relative";
@@ -1316,7 +1366,8 @@ var PdfPlugin = class {
     pageCard.style.lineHeight = "0";
     pageCard.style.transition = "transform 0.15s ease";
     pageCard.style.position = "relative";
-    const canvas = document.createElement("canvas");
+    pageCard.style.flexShrink = "0";
+    let canvas = document.createElement("canvas");
     pageCard.appendChild(canvas);
     container.appendChild(pageCard);
     const indicator = document.createElement("div");
@@ -1358,14 +1409,22 @@ var PdfPlugin = class {
         }
         currentRenderTask = null;
       }
+      const newCanvas = document.createElement("canvas");
+      pageCard.replaceChild(newCanvas, canvas);
+      canvas = newCanvas;
       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 containerHeight = container.clientHeight || 700;
       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 availWidth = Math.max(100, containerWidth - 48);
+      const availHeight = Math.max(100, containerHeight - 88);
+      const scaleW = availWidth / unscaledVp.width;
+      const scaleH = availHeight / unscaledVp.height;
+      const fitScale = Math.min(scaleW, scaleH);
+      const effectiveScale = (fitScale > 0 ? fitScale : 1) * zoomScale;
       const pixelRatio = window.devicePixelRatio || 1;
       const viewport = page.getViewport({ scale: effectiveScale, rotation });
       canvas.width = Math.floor(viewport.width * pixelRatio);
@@ -1390,7 +1449,19 @@ var PdfPlugin = class {
       }
     };
     await renderPage(1);
+    let resizeTimer = null;
+    const resizeObserver = new ResizeObserver(() => {
+      if (resizeTimer) clearTimeout(resizeTimer);
+      resizeTimer = setTimeout(() => {
+        if (Math.abs(zoomScale - 1) < 0.05) {
+          renderPage(currentPage);
+        }
+      }, 150);
+    });
+    resizeObserver.observe(container);
     const cleanup = () => {
+      resizeObserver.disconnect();
+      if (resizeTimer) clearTimeout(resizeTimer);
       if (currentRenderTask) {
         try {
           currentRenderTask.cancel();
@@ -1422,6 +1493,7 @@ var PdfPlugin = class {
       },
       fitToPage: () => {
         zoomScale = 1;
+        rotation = 0;
         renderPage(currentPage);
       },
       rotateCW: () => {
@@ -1872,6 +1944,14 @@ var DocxPlugin = class {
         group: "zoom",
         execute: () => instance.fitToPage?.()
       },
+      {
+        id: "rotate-cw",
+        icon: "rotate-cw",
+        label: "Rotate",
+        type: "button",
+        group: "view",
+        execute: () => instance.rotateCW?.()
+      },
       {
         id: "download",
         icon: "download",
@@ -2008,6 +2088,26 @@ var DocxPlugin = class {
     if (totalPages > 1) {
       showPage(1);
     }
+    scale = 1;
+    let rotation = 0;
+    const calculateFitScale = () => {
+      const activeEl = pageElements[currentPage - 1] || wrapper.firstElementChild || wrapper;
+      const elW = activeEl.offsetWidth || 816;
+      const elH = activeEl.offsetHeight || 1056;
+      const availW = Math.max(200, ctx.container.clientWidth - 48);
+      const availH = Math.max(200, ctx.container.clientHeight - 80);
+      const sW = availW / elW;
+      const sH = availH / elH;
+      return Math.min(1.1, Math.min(sW, sH));
+    };
+    const applyTransform = () => {
+      wrapper.style.transform = `scale(${scale}) rotate(${rotation}deg)`;
+      wrapper.style.transformOrigin = "top center";
+    };
+    setTimeout(() => {
+      scale = calculateFitScale();
+      applyTransform();
+    }, 60);
     const cleanup = () => {
       indicator?.remove();
       for (const url of createdBlobUrls) {
@@ -2026,21 +2126,30 @@ var DocxPlugin = class {
         showPage(page);
       },
       zoomIn: () => {
-        scale += 0.1;
-        wrapper.style.transform = `scale(${scale})`;
+        scale += 0.15;
+        applyTransform();
       },
       zoomOut: () => {
-        scale = Math.max(0.2, scale - 0.1);
-        wrapper.style.transform = `scale(${scale})`;
+        scale = Math.max(0.2, scale - 0.15);
+        applyTransform();
       },
       getZoom: () => scale,
       setZoom: (level) => {
         scale = level;
-        wrapper.style.transform = `scale(${scale})`;
+        applyTransform();
       },
       fitToPage: () => {
-        scale = 1;
-        wrapper.style.transform = "scale(1)";
+        scale = calculateFitScale();
+        rotation = 0;
+        applyTransform();
+      },
+      rotateCW: () => {
+        rotation = (rotation + 90) % 360;
+        applyTransform();
+      },
+      rotateCCW: () => {
+        rotation = (rotation - 90 + 360) % 360;
+        applyTransform();
       },
       download: () => {
         const blob = new Blob([ctx.buffer], { type: this.mimeTypes[0] });
@@ -2100,90 +2209,149 @@ var DocxPlugin = class {
         console.warn("[DocxPlugin] Error parsing relationships:", relsErr);
       }
     }
-    const card = document.createElement("div");
-    card.className = "fp-docx-page-card";
-    card.style.backgroundColor = "#ffffff";
-    card.style.borderRadius = "6px";
-    card.style.boxShadow = "0 4px 24px rgba(0,0,0,0.08)";
-    card.style.padding = "48px 56px";
-    card.style.fontFamily = 'Calibri, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
-    card.style.color = "#1e293b";
-    card.style.lineHeight = "1.6";
+    const sectPrs = Array.from(doc.getElementsByTagNameNS("*", "sectPr"));
+    const lastSectPr = sectPrs[sectPrs.length - 1];
+    let defaultW = 12240;
+    let defaultH = 15840;
+    let margins = { top: 1440, right: 1440, bottom: 1440, left: 1440 };
+    if (lastSectPr) {
+      const pgSz = lastSectPr.getElementsByTagNameNS("*", "pgSz")[0];
+      if (pgSz) {
+        defaultW = parseInt(pgSz.getAttribute("w:w") || pgSz.getAttribute("w") || "12240", 10);
+        defaultH = parseInt(pgSz.getAttribute("w:h") || pgSz.getAttribute("h") || "15840", 10);
+      }
+      const pgMar = lastSectPr.getElementsByTagNameNS("*", "pgMar")[0];
+      if (pgMar) {
+        margins.top = parseInt(pgMar.getAttribute("w:top") || pgMar.getAttribute("top") || "1440", 10);
+        margins.bottom = parseInt(pgMar.getAttribute("w:bottom") || pgMar.getAttribute("bottom") || "1440", 10);
+        margins.left = parseInt(pgMar.getAttribute("w:left") || pgMar.getAttribute("left") || "1440", 10);
+        margins.right = parseInt(pgMar.getAttribute("w:right") || pgMar.getAttribute("right") || "1440", 10);
+      }
+    }
+    const createPageCard = () => {
+      const card = document.createElement("div");
+      card.className = "fp-docx-page-card";
+      card.style.backgroundColor = "#ffffff";
+      card.style.borderRadius = "4px";
+      card.style.boxShadow = "0 4px 24px rgba(0,0,0,0.08)";
+      card.style.fontFamily = 'Calibri, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
+      card.style.color = "#1e293b";
+      card.style.lineHeight = "1.6";
+      card.style.boxSizing = "border-box";
+      card.style.overflow = "hidden";
+      card.style.position = "relative";
+      card.style.marginBottom = "24px";
+      card.style.width = `${defaultW / 15}px`;
+      card.style.height = `${defaultH / 15}px`;
+      card.style.padding = `${margins.top / 15}px ${margins.right / 15}px ${margins.bottom / 15}px ${margins.left / 15}px`;
+      return card;
+    };
+    let currentCard = createPageCard();
+    let currentHtml = "";
+    const pages = [{ card: currentCard, html: "" }];
+    const flushHtml = () => {
+      pages[pages.length - 1].html += currentHtml;
+      currentHtml = "";
+    };
+    const newPage = () => {
+      flushHtml();
+      currentCard = createPageCard();
+      pages.push({ card: currentCard, html: "" });
+    };
     const body = doc.getElementsByTagNameNS("*", "body")[0] || doc.documentElement;
-    let html = "";
     for (const child of Array.from(body.children)) {
       const tag = child.localName || child.nodeName.split(":").pop();
       if (tag === "p") {
         const pStyle = child.getElementsByTagNameNS("*", "pStyle")[0];
         const styleVal = pStyle?.getAttribute("w:val") || pStyle?.getAttribute("val") || "";
         const numPr = child.getElementsByTagNameNS("*", "numPr")[0];
-        const textContent = this.extractParagraphHtml(child, imageMap);
-        if (!textContent.trim()) {
-          html += '<div style="height: 10px;"></div>';
-          continue;
-        }
-        const lowerStyle = styleVal.toLowerCase();
-        if (lowerStyle.includes("title")) {
-          html += `<h1 style="font-size: 28px; font-weight: 700; color: #1e3a8a; margin: 24px 0 12px; border-bottom: 2px solid #e2e8f0; padding-bottom: 8px;">${textContent}</h1>`;
-        } else if (lowerStyle.includes("heading1") || styleVal === "1") {
-          html += `<h2 style="font-size: 22px; font-weight: 700; color: #1e40af; margin: 20px 0 10px;">${textContent}</h2>`;
-        } else if (lowerStyle.includes("heading2") || styleVal === "2") {
-          html += `<h3 style="font-size: 18px; font-weight: 600; color: #2563eb; margin: 16px 0 8px;">${textContent}</h3>`;
-        } else if (lowerStyle.includes("heading3") || styleVal === "3") {
-          html += `<h4 style="font-size: 15px; font-weight: 600; color: #334155; margin: 12px 0 6px;">${textContent}</h4>`;
-        } else if (numPr) {
-          html += `<div style="display: flex; gap: 8px; margin: 4px 0 4px 20px;"><span style="color: #2563eb; font-weight: bold;">\u2022</span><span>${textContent}</span></div>`;
-        } else {
-          html += `<p style="margin: 8px 0; font-size: 14px;">${textContent}</p>`;
+        const chunks = this.extractParagraphChunks(child, imageMap);
+        for (let i = 0; i < chunks.length; i++) {
+          if (i > 0) {
+            newPage();
+          }
+          const textContent = chunks[i];
+          if (!textContent.trim() && !textContent.includes("<img")) {
+            currentHtml += '<div style="height: 10px;"></div>';
+            continue;
+          }
+          const lowerStyle = styleVal.toLowerCase();
+          if (lowerStyle.includes("title")) {
+            currentHtml += `<h1 style="font-size: 28px; font-weight: 700; color: #1e3a8a; margin: 24px 0 12px; border-bottom: 2px solid #e2e8f0; padding-bottom: 8px;">${textContent}</h1>`;
+          } else if (lowerStyle.includes("heading1") || styleVal === "1") {
+            currentHtml += `<h2 style="font-size: 22px; font-weight: 700; color: #1e40af; margin: 20px 0 10px;">${textContent}</h2>`;
+          } else if (lowerStyle.includes("heading2") || styleVal === "2") {
+            currentHtml += `<h3 style="font-size: 18px; font-weight: 600; color: #2563eb; margin: 16px 0 8px;">${textContent}</h3>`;
+          } else if (lowerStyle.includes("heading3") || styleVal === "3") {
+            currentHtml += `<h4 style="font-size: 15px; font-weight: 600; color: #334155; margin: 12px 0 6px;">${textContent}</h4>`;
+          } else if (numPr) {
+            currentHtml += `<div style="display: flex; gap: 8px; margin: 4px 0 4px 20px;"><span style="color: #2563eb; font-weight: bold;">\u2022</span><span>${textContent}</span></div>`;
+          } else {
+            currentHtml += `<p style="margin: 8px 0; font-size: 14px;">${textContent}</p>`;
+          }
         }
       } else if (tag === "tbl") {
-        html += '<table style="width: 100%; border-collapse: collapse; margin: 20px 0; border: 1px solid #cbd5e1;">';
+        currentHtml += '<table style="width: 100%; border-collapse: collapse; margin: 20px 0; border: 1px solid #cbd5e1;">';
         const rows = Array.from(child.getElementsByTagNameNS("*", "tr"));
         rows.forEach((tr, rIdx) => {
-          html += `<tr style="${rIdx === 0 ? "background-color: #f8fafc; font-weight: 600;" : ""}">`;
+          currentHtml += `<tr style="${rIdx === 0 ? "background-color: #f8fafc; font-weight: 600;" : ""}">`;
           const cells = Array.from(tr.getElementsByTagNameNS("*", "tc"));
           cells.forEach((tc) => {
             const cellText = this.extractParagraphHtml(tc, imageMap);
-            html += `<td style="border: 1px solid #cbd5e1; padding: 8px 12px; font-size: 13px;">${cellText || "&nbsp;"}</td>`;
+            currentHtml += `<td style="border: 1px solid #cbd5e1; padding: 8px 12px; font-size: 13px;">${cellText || "&nbsp;"}</td>`;
           });
-          html += "</tr>";
+          currentHtml += "</tr>";
         });
-        html += "</table>";
+        currentHtml += "</table>";
       }
     }
-    card.innerHTML = DOMPurify2.sanitize(html, {
-      ADD_TAGS: ["h1", "h2", "h3", "h4", "p", "table", "tr", "td", "span", "b", "i", "u", "s", "strike", "img", "div", "br"],
-      ADD_ATTR: ["style", "src", "alt", "colspan", "rowspan"]
-    });
-    wrapper.appendChild(card);
+    flushHtml();
+    for (const page of pages) {
+      page.card.innerHTML = DOMPurify6.sanitize(page.html, {
+        ADD_TAGS: ["h1", "h2", "h3", "h4", "p", "table", "tr", "td", "span", "b", "i", "u", "s", "strike", "img", "div", "br"],
+        ADD_ATTR: ["style", "src", "alt", "colspan", "rowspan"]
+      });
+      wrapper.appendChild(page.card);
+    }
   }
   extractParagraphHtml(pElement, imageMap = {}) {
-    let result = "";
+    return this.extractParagraphChunks(pElement, imageMap).join("<br/>");
+  }
+  extractParagraphChunks(pElement, imageMap = {}) {
+    const chunks = [""];
+    let currentChunkIndex = 0;
     const drawings = Array.from(pElement.getElementsByTagNameNS("*", "drawing"));
     for (const drawing of drawings) {
       const blip = drawing.getElementsByTagNameNS("*", "blip")[0];
       const rId = blip?.getAttribute("r:embed") || blip?.getAttribute("r:id");
       if (rId && imageMap[rId]) {
-        result += `<div style="text-align:center; margin: 12px 0;"><img src="${imageMap[rId]}" style="max-width: 100%; height: auto; border-radius: 4px;" /></div>`;
+        chunks[currentChunkIndex] += `<div style="text-align:center; margin: 12px 0;"><img src="${imageMap[rId]}" style="max-width: 100%; height: auto; border-radius: 4px;" /></div>`;
       }
     }
     const runs = Array.from(pElement.getElementsByTagNameNS("*", "r"));
-    if (runs.length === 0 && !result) {
-      return DOMPurify2.sanitize(pElement.textContent || "");
+    if (runs.length === 0 && !chunks[currentChunkIndex]) {
+      chunks[currentChunkIndex] = DOMPurify6.sanitize(pElement.textContent || "");
+      return chunks;
     }
     for (const r of runs) {
       const blip = r.getElementsByTagNameNS("*", "blip")[0] || r.getElementsByTagNameNS("*", "imagedata")[0];
       const rId = blip?.getAttribute("r:embed") || blip?.getAttribute("r:id");
       if (rId && imageMap[rId]) {
-        result += `<img src="${imageMap[rId]}" style="max-width: 100%; height: auto; display: inline-block; margin: 4px;" />`;
+        chunks[currentChunkIndex] += `<img src="${imageMap[rId]}" style="max-width: 100%; height: auto; display: inline-block; margin: 4px;" />`;
       }
-      const brs = r.getElementsByTagNameNS("*", "br");
-      for (let i = 0; i < brs.length; i++) {
-        result += "<br/>";
+      const brs = Array.from(r.getElementsByTagNameNS("*", "br"));
+      for (const br of brs) {
+        const type = br.getAttribute("w:type") || br.getAttribute("type");
+        if (type === "page") {
+          chunks.push("");
+          currentChunkIndex++;
+        } else {
+          chunks[currentChunkIndex] += "<br/>";
+        }
       }
       const tabs = r.getElementsByTagNameNS("*", "tab");
       if (tabs.length > 0) {
-        result += "&emsp;";
+        chunks[currentChunkIndex] += "&emsp;";
       }
       const rPr = r.getElementsByTagNameNS("*", "rPr")[0];
       const isBold = !!rPr?.getElementsByTagNameNS("*", "b")[0];
@@ -2197,7 +2365,7 @@ var DocxPlugin = class {
       const texts = Array.from(r.getElementsByTagNameNS("*", "t"));
       let text = texts.map((t) => t.textContent || "").join("");
       if (!text) continue;
-      text = DOMPurify2.sanitize(text);
+      text = DOMPurify6.sanitize(text);
       let styles = "";
       if (isBold) styles += "font-weight: bold; ";
       if (isItalic) styles += "font-style: italic; ";
@@ -2209,12 +2377,12 @@ var DocxPlugin = class {
         if (!isNaN(pt) && pt > 0) styles += `font-size: ${pt}pt; `;
       }
       if (styles) {
-        result += `<span style="${styles}">${text}</span>`;
+        chunks[currentChunkIndex] += `<span style="${styles}">${text}</span>`;
       } else {
-        result += text;
+        chunks[currentChunkIndex] += text;
       }
     }
-    return result;
+    return chunks;
   }
   renderBinaryDocFallback(ctx, wrapper) {
     const card = document.createElement("div");
@@ -2231,14 +2399,14 @@ var DocxPlugin = class {
       const wordDocStream = cfbf.readStream("WordDocument");
       if (wordDocStream && wordDocStream.length >= 512) {
         const text2 = this.extractReadableStrings(wordDocStream);
-        card.innerHTML = `<div style="white-space: pre-wrap;">${DOMPurify2.sanitize(text2)}</div>`;
+        card.innerHTML = `<div style="white-space: pre-wrap;">${DOMPurify6.sanitize(text2)}</div>`;
         wrapper.appendChild(card);
         return;
       }
     } catch {
     }
     const text = this.extractReadableStrings(new Uint8Array(ctx.buffer));
-    card.innerHTML = `<div style="white-space: pre-wrap;">${DOMPurify2.sanitize(text)}</div>`;
+    card.innerHTML = `<div style="white-space: pre-wrap;">${DOMPurify6.sanitize(text)}</div>`;
     wrapper.appendChild(card);
   }
   extractReadableStrings(bytes) {
@@ -2334,6 +2502,26 @@ var ExcelPlugin = class {
           instance.zoomIn?.();
         }
       },
+      {
+        id: "fit-page",
+        icon: "fit-page",
+        label: "Fit to View",
+        type: "button",
+        group: "zoom",
+        execute: () => {
+          instance.fitToPage?.();
+        }
+      },
+      {
+        id: "rotate-cw",
+        icon: "rotate-cw",
+        label: "Rotate",
+        type: "button",
+        group: "view",
+        execute: () => {
+          instance.rotateCW?.();
+        }
+      },
       {
         id: "download",
         icon: "download",
@@ -2384,9 +2572,23 @@ var ExcelPlugin = class {
     container.appendChild(tabsArea);
     ctx.container.appendChild(container);
     let scale = 1;
+    let rotation = 0;
     let currentSheetIndex = 1;
     let sheetNames = [];
     let wb = null;
+    const applyTransform = () => {
+      contentArea.style.transform = `scale(${scale}) rotate(${rotation}deg)`;
+      contentArea.style.transformOrigin = "top left";
+    };
+    const calculateFitScale = () => {
+      const table = contentArea.querySelector("table");
+      if (!table) return 1;
+      const availW = Math.max(200, container.clientWidth - 48);
+      const availH = Math.max(200, container.clientHeight - 80);
+      const tW = table.offsetWidth || 800;
+      const tH = table.offsetHeight || 600;
+      return Math.min(1, Math.min(availW / tW, availH / tH));
+    };
     try {
       wb = XLSX.read(new Uint8Array(ctx.buffer), { type: "array", cellDates: true });
       sheetNames = wb.SheetNames || [];
@@ -2474,17 +2676,30 @@ var ExcelPlugin = class {
     return {
       destroy: cleanup,
       zoomIn: () => {
-        scale += 0.1;
-        contentArea.style.transform = `scale(${scale})`;
+        scale += 0.15;
+        applyTransform();
       },
       zoomOut: () => {
-        scale = Math.max(0.2, scale - 0.1);
-        contentArea.style.transform = `scale(${scale})`;
+        scale = Math.max(0.2, scale - 0.15);
+        applyTransform();
       },
       getZoom: () => scale,
       setZoom: (level) => {
         scale = level;
-        contentArea.style.transform = `scale(${scale})`;
+        applyTransform();
+      },
+      fitToPage: () => {
+        scale = calculateFitScale();
+        rotation = 0;
+        applyTransform();
+      },
+      rotateCW: () => {
+        rotation = (rotation + 90) % 360;
+        applyTransform();
+      },
+      rotateCCW: () => {
+        rotation = (rotation - 90 + 360) % 360;
+        applyTransform();
       },
       goToPage: (page) => {
         if (page > 0 && page <= sheetNames.length) {
@@ -2734,6 +2949,26 @@ var CodePlugin = class {
           instance.zoomIn?.();
         }
       },
+      {
+        id: "fit-page",
+        icon: "fit-page",
+        label: "Fit to View",
+        type: "button",
+        group: "zoom",
+        execute: () => {
+          instance.fitToPage?.();
+        }
+      },
+      {
+        id: "rotate-cw",
+        icon: "rotate-cw",
+        label: "Rotate",
+        type: "button",
+        group: "view",
+        execute: () => {
+          instance.rotateCW?.();
+        }
+      },
       {
         id: "copy",
         icon: "copy",
@@ -2770,40 +3005,94 @@ var CodePlugin = class {
   async render(ctx) {
     const decoder = new TextDecoder("utf-8");
     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 extRaw = ctx.metadata.extension?.toLowerCase();
+    const mimeRaw = ctx.metadata.mimeType?.toLowerCase();
+    const isTxt = extRaw === ".txt" || mimeRaw === "text/plain" && (!extRaw || !this.extensions.filter((e) => e !== ".txt").includes(extRaw));
+    let rawPages = [];
+    if (isTxt) {
+      const explicitPages = fullText.split(/(?:\f|\x0C)/);
+      for (const ep of explicitPages) {
+        const lines = ep.split(/\r?\n/);
+        let currentChunk = [];
+        for (let i = 0; i < lines.length; i++) {
+          currentChunk.push(lines[i]);
+          if (currentChunk.length >= 46) {
+            rawPages.push(currentChunk.join("\n"));
+            currentChunk = [];
+          }
+        }
+        if (currentChunk.length > 0 || lines.length === 0) {
+          rawPages.push(currentChunk.join("\n"));
+        }
+      }
+      if (rawPages.length === 0) rawPages = [""];
+    } else {
+      const pageSplitRegex = /(?:\f|\x0C|(?:\r?\n|^)\s*[-=_]{3,}\s*(?:PAGE|Page|page break|Page Break)[\s\d\w-]*[-=_]{3,}\s*(?:\r?\n|$))/i;
+      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%";
     container.style.overflow = "auto";
-    container.style.backgroundColor = "#1e1e1e";
-    container.style.color = "#d4d4d4";
-    container.style.padding = "16px";
-    container.style.boxSizing = "border-box";
     let fontSize = 13;
+    let rotation = 0;
+    let zoomLevel = 1;
     const pre = document.createElement("pre");
-    pre.style.margin = "0";
-    pre.style.fontFamily = "Consolas, Menlo, Monaco, monospace";
-    pre.style.fontSize = `${fontSize}px`;
-    pre.style.lineHeight = "1.5";
-    pre.style.whiteSpace = "pre-wrap";
-    pre.style.wordBreak = "break-all";
     const code = document.createElement("code");
+    if (isTxt) {
+      container.style.backgroundColor = "#f1f5f9";
+      container.style.padding = "32px";
+      container.style.boxSizing = "border-box";
+      container.style.display = "flex";
+      container.style.flexDirection = "column";
+      container.style.alignItems = "center";
+      pre.style.margin = "0";
+      pre.style.fontFamily = "Consolas, 'Courier New', monospace";
+      pre.style.fontSize = "13px";
+      pre.style.color = "#1e293b";
+      pre.style.lineHeight = "1.5";
+      pre.style.whiteSpace = "pre-wrap";
+      pre.style.wordBreak = "break-word";
+      pre.style.backgroundColor = "#ffffff";
+      pre.style.width = "816px";
+      pre.style.minHeight = "1056px";
+      pre.style.padding = "72px 56px";
+      pre.style.boxSizing = "border-box";
+      pre.style.boxShadow = "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)";
+      pre.style.borderRadius = "4px";
+      pre.style.transformOrigin = "top center";
+    } else {
+      container.style.backgroundColor = "#1e1e1e";
+      container.style.color = "#d4d4d4";
+      container.style.padding = "16px";
+      container.style.boxSizing = "border-box";
+      pre.style.margin = "0";
+      pre.style.fontFamily = "Consolas, Menlo, Monaco, monospace";
+      pre.style.fontSize = `${fontSize}px`;
+      pre.style.lineHeight = "1.5";
+      pre.style.whiteSpace = "pre-wrap";
+      pre.style.wordBreak = "break-all";
+      pre.style.transformOrigin = "top left";
+    }
     const ext = (ctx.metadata.extension || "").replace(".", "");
     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 {
+      if (isTxt) {
         code.textContent = text;
+      } else {
+        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;
+        }
       }
     };
-    renderCodePage(rawPages[0] || fullText);
+    renderCodePage(rawPages[0] || (isTxt ? "" : fullText));
     pre.appendChild(code);
     container.appendChild(pre);
     let indicator = null;
@@ -2812,15 +3101,22 @@ var CodePlugin = class {
       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";
+      if (isTxt) {
+        indicator.style.backgroundColor = "rgba(255, 255, 255, 0.9)";
+        indicator.style.color = "#334155";
+        indicator.style.border = "1px solid #e2e8f0";
+        indicator.style.boxShadow = "0 1px 3px rgba(0,0,0,0.1)";
+      } else {
+        indicator.style.backgroundColor = "rgba(15, 23, 42, 0.85)";
+        indicator.style.color = "#f8fafc";
+        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.backdropFilter = "blur(8px)";
+      }
       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";
@@ -2831,7 +3127,7 @@ var CodePlugin = class {
     }
     const showPage = (pageNum) => {
       currentPage = Math.max(1, Math.min(totalPages, pageNum));
-      renderCodePage(rawPages[currentPage - 1] || fullText);
+      renderCodePage(rawPages[currentPage - 1] || (isTxt ? "" : fullText));
       if (indicator) {
         indicator.textContent = `Page ${currentPage} of ${totalPages}`;
       }
@@ -2847,23 +3143,57 @@ var CodePlugin = class {
       ctx.container.innerHTML = "";
     };
     ctx.signal.addEventListener("abort", cleanup);
+    const updateTransform = () => {
+      if (isTxt) {
+        pre.style.transform = `scale(${zoomLevel}) rotate(${rotation}deg)`;
+      } else {
+        pre.style.transform = `rotate(${rotation}deg)`;
+        pre.style.fontSize = `${fontSize}px`;
+      }
+    };
     return {
       destroy: cleanup,
       getPageCount: () => totalPages,
       getCurrentPage: () => currentPage,
       goToPage: (page) => showPage(page),
       zoomIn: () => {
-        fontSize = Math.min(32, fontSize + 2);
-        pre.style.fontSize = `${fontSize}px`;
+        if (isTxt) {
+          zoomLevel = Math.min(3, zoomLevel + 0.1);
+        } else {
+          fontSize = Math.min(32, fontSize + 2);
+        }
+        updateTransform();
       },
       zoomOut: () => {
-        fontSize = Math.max(8, fontSize - 2);
-        pre.style.fontSize = `${fontSize}px`;
+        if (isTxt) {
+          zoomLevel = Math.max(0.1, zoomLevel - 0.1);
+        } else {
+          fontSize = Math.max(8, fontSize - 2);
+        }
+        updateTransform();
       },
-      getZoom: () => fontSize / 13,
+      getZoom: () => isTxt ? zoomLevel : fontSize / 13,
       setZoom: (level) => {
-        fontSize = Math.round(13 * level);
-        pre.style.fontSize = `${fontSize}px`;
+        if (isTxt) {
+          zoomLevel = level;
+        } else {
+          fontSize = Math.round(13 * level);
+        }
+        updateTransform();
+      },
+      fitToPage: () => {
+        fontSize = 13;
+        rotation = 0;
+        zoomLevel = 1;
+        updateTransform();
+      },
+      rotateCW: () => {
+        rotation = (rotation + 90) % 360;
+        updateTransform();
+      },
+      rotateCCW: () => {
+        rotation = (rotation - 90 + 360) % 360;
+        updateTransform();
       },
       download: () => {
         const mimeType = ctx.metadata.mimeType || "text/plain";
@@ -3162,7 +3492,7 @@ var MarkdownPlugin = class {
       gfm: true,
       breaks: true
     });
-    const cleanHtml = DOMPurify2.sanitize(rawHtml, {
+    const cleanHtml = DOMPurify6.sanitize(rawHtml, {
       USE_PROFILES: { html: true }
     });
     const wrapper = document.createElement("div");
@@ -3376,6 +3706,14 @@ var PptxPlugin = class {
         group: "zoom",
         execute: () => instance.fitToPage?.()
       },
+      {
+        id: "rotate-cw",
+        icon: "rotate-cw",
+        label: "Rotate",
+        type: "button",
+        group: "view",
+        execute: () => instance.rotateCW?.()
+      },
       {
         id: "download",
         icon: "download",
@@ -3400,6 +3738,7 @@ var PptxPlugin = class {
     const slideCount = renderer.slidePaths?.length || 1;
     let currentSlide = 1;
     let scale = 1;
+    let rotation = 0;
     const wrapper = document.createElement("div");
     wrapper.className = "fp-pptx-wrapper";
     wrapper.style.cssText = `
@@ -3422,6 +3761,8 @@ var PptxPlugin = class {
       background: #ffffff;
       transform-origin: top center;
       transition: transform 0.2s ease;
+      max-width: calc(100% - 32px);
+      max-height: calc(100% - 48px);
     `;
     const canvas = document.createElement("canvas");
     slideContainer.appendChild(canvas);
@@ -3429,10 +3770,22 @@ var PptxPlugin = class {
     ctx.container.innerHTML = "";
     ctx.container.style.overflow = "auto";
     ctx.container.appendChild(wrapper);
+    const calculateFitScale = () => {
+      const availW = Math.max(200, ctx.container.clientWidth - 48);
+      const availH = Math.max(200, ctx.container.clientHeight - 72);
+      const cW = canvas.offsetWidth || 1280;
+      const cH = canvas.offsetHeight || 720;
+      return Math.min(1, Math.min(availW / cW, availH / cH));
+    };
+    const applyTransform = () => {
+      slideContainer.style.transform = `scale(${scale}) rotate(${rotation}deg)`;
+    };
     const renderCurrentSlide = async () => {
       try {
         await renderer.renderSlide(currentSlide - 1, canvas, 1280);
         ctx.emit("page-change", { page: currentSlide, totalPages: slideCount });
+        scale = calculateFitScale();
+        applyTransform();
       } catch (err) {
         console.error("[PptxPlugin] Failed to render slide:", err);
       }
@@ -3455,21 +3808,30 @@ var PptxPlugin = class {
       getPageCount: () => slideCount,
       getCurrentPage: () => currentSlide,
       zoomIn: () => {
-        scale += 0.1;
-        slideContainer.style.transform = `scale(${scale})`;
+        scale += 0.15;
+        applyTransform();
       },
       zoomOut: () => {
-        scale = Math.max(0.2, scale - 0.1);
-        slideContainer.style.transform = `scale(${scale})`;
+        scale = Math.max(0.2, scale - 0.15);
+        applyTransform();
       },
       getZoom: () => scale,
       setZoom: (level) => {
         scale = level;
-        slideContainer.style.transform = `scale(${scale})`;
+        applyTransform();
       },
       fitToPage: () => {
-        scale = 1;
-        slideContainer.style.transform = "scale(1)";
+        scale = calculateFitScale();
+        rotation = 0;
+        applyTransform();
+      },
+      rotateCW: () => {
+        rotation = (rotation + 90) % 360;
+        applyTransform();
+      },
+      rotateCCW: () => {
+        rotation = (rotation - 90 + 360) % 360;
+        applyTransform();
       },
       getThumbnails: () => {
         const list = [];
@@ -3750,6 +4112,14 @@ var RtfPlugin = class {
         group: "zoom",
         execute: () => instance.fitToPage?.()
       },
+      {
+        id: "rotate-cw",
+        icon: "rotate-cw",
+        label: "Rotate",
+        type: "button",
+        group: "view",
+        execute: () => instance.rotateCW?.()
+      },
       {
         id: "download",
         icon: "download",
@@ -3758,6 +4128,14 @@ var RtfPlugin = class {
         group: "actions",
         execute: () => instance.download?.()
       },
+      {
+        id: "copy",
+        icon: "copy",
+        label: "Copy Text",
+        type: "button",
+        group: "actions",
+        execute: () => instance.copy?.()
+      },
       {
         id: "print",
         icon: "print",
@@ -3786,7 +4164,24 @@ var RtfPlugin = class {
     ctx.container.style.backgroundColor = "#f1f5f9";
     ctx.container.appendChild(wrapper);
     let scale = 1;
+    let rotation = 0;
     let pageElements = [];
+    const calculateFitScale = () => {
+      const activeEl = pageElements[currentPage - 1] || wrapper;
+      const elW = activeEl.offsetWidth || 850;
+      const elH = activeEl.offsetHeight || 1e3;
+      const availW = Math.max(200, ctx.container.clientWidth - 48);
+      const availH = Math.max(200, ctx.container.clientHeight - 80);
+      return Math.min(1.1, Math.min(availW / elW, availH / elH));
+    };
+    const applyTransform = () => {
+      wrapper.style.transform = `scale(${scale}) rotate(${rotation}deg)`;
+      wrapper.style.transformOrigin = "top center";
+    };
+    setTimeout(() => {
+      scale = calculateFitScale();
+      applyTransform();
+    }, 60);
     try {
       if (typeof RTFJS.loggingEnabled === "function") {
         RTFJS.loggingEnabled(false);
@@ -3802,14 +4197,31 @@ var RtfPlugin = class {
     } 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, "");
-      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 rawPages = text.split(/\\page\b/).map((segment) => {
+        return segment.replace(/\\par[d]?/g, "\n").replace(/\\[a-zA-Z0-9\-]+/g, "").replace(/[{}]/g, "").trim();
+      }).filter((p) => p.length > 0);
+      const pages = rawPages.length > 0 ? rawPages : [text.replace(/\\par[d]?/g, "\n").replace(/\\[a-zA-Z0-9\-]+/g, "").replace(/[{}]/g, "").trim()];
+      for (let i = 0; i < pages.length; i++) {
+        const pageCard = document.createElement("div");
+        pageCard.className = "fp-rtf-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 = "72px 56px";
+        pageCard.style.width = "816px";
+        pageCard.style.minHeight = "1056px";
+        pageCard.style.maxWidth = "100%";
+        pageCard.style.boxSizing = "border-box";
+        pageCard.style.fontFamily = "serif";
+        pageCard.style.fontSize = "12pt";
+        pageCard.style.lineHeight = "1.6";
+        pageCard.style.color = "#1e293b";
+        pageCard.style.whiteSpace = "pre-wrap";
+        pageCard.style.display = i === 0 ? "block" : "none";
+        pageCard.textContent = pages[i];
+        wrapper.appendChild(pageCard);
+        pageElements.push(pageCard);
+      }
     }
     const totalPages = Math.max(1, pageElements.length);
     let currentPage = 1;
@@ -3863,21 +4275,30 @@ var RtfPlugin = class {
       getCurrentPage: () => currentPage,
       goToPage: (page) => showPage(page),
       zoomIn: () => {
-        scale += 0.1;
-        wrapper.style.transform = `scale(${scale})`;
+        scale += 0.15;
+        applyTransform();
       },
       zoomOut: () => {
-        scale = Math.max(0.2, scale - 0.1);
-        wrapper.style.transform = `scale(${scale})`;
+        scale = Math.max(0.2, scale - 0.15);
+        applyTransform();
       },
       getZoom: () => scale,
       setZoom: (level) => {
         scale = level;
-        wrapper.style.transform = `scale(${scale})`;
+        applyTransform();
       },
       fitToPage: () => {
-        scale = 1;
-        wrapper.style.transform = "scale(1)";
+        scale = calculateFitScale();
+        rotation = 0;
+        applyTransform();
+      },
+      rotateCW: () => {
+        rotation = (rotation + 90) % 360;
+        applyTransform();
+      },
+      rotateCCW: () => {
+        rotation = (rotation - 90 + 360) % 360;
+        applyTransform();
       },
       download: () => {
         const blob = new Blob([ctx.buffer], { type: "application/rtf" });
@@ -3888,6 +4309,10 @@ var RtfPlugin = class {
         a.click();
         URL.revokeObjectURL(url);
       },
+      copy: () => {
+        const text = wrapper.textContent || "";
+        navigator.clipboard?.writeText(text);
+      },
       print: () => {
         window.print();
       }
@@ -3962,7 +4387,7 @@ var HtmlPreviewPlugin = class {
   }
   async render(ctx) {
     const rawHtml = new TextDecoder("utf-8").decode(ctx.buffer);
-    const sanitized = DOMPurify2.sanitize(rawHtml, {
+    const sanitized = DOMPurify6.sanitize(rawHtml, {
       WHOLE_DOCUMENT: true,
       ADD_TAGS: ["style", "link"],
       ADD_ATTR: ["target", "rel"]
@@ -4105,11 +4530,19 @@ var OpenDocumentPlugin = class {
       {
         id: "fit-page",
         icon: "fit-page",
-        label: "Fit to Page",
+        label: isPresentation ? "Fit to Slide" : "Fit to Page",
         type: "button",
         group: "zoom",
         execute: () => instance.fitToPage?.()
       },
+      {
+        id: "rotate-cw",
+        icon: "rotate-cw",
+        label: "Rotate",
+        type: "button",
+        group: "view",
+        execute: () => instance.rotateCW?.()
+      },
       {
         id: "download",
         icon: "download",
@@ -4173,6 +4606,22 @@ var OpenDocumentPlugin = class {
     container.appendChild(wrapper);
     ctx.container.appendChild(container);
     let scale = 1;
+    let rotation = 0;
+    const calculateFitScale = () => {
+      const elW = wrapper.offsetWidth || 850;
+      const elH = wrapper.offsetHeight || (isPresentation ? 540 : 1e3);
+      const availW = Math.max(200, ctx.container.clientWidth - 48);
+      const availH = Math.max(200, ctx.container.clientHeight - 80);
+      return Math.min(1, Math.min(availW / elW, availH / elH));
+    };
+    const applyTransform = () => {
+      wrapper.style.transform = `scale(${scale}) rotate(${rotation}deg)`;
+      wrapper.style.transformOrigin = "top center";
+    };
+    setTimeout(() => {
+      scale = calculateFitScale();
+      applyTransform();
+    }, 60);
     let currentPage = 1;
     let totalPages = 1;
     let slides = [];
@@ -4204,14 +4653,97 @@ var OpenDocumentPlugin = class {
         wrapper.textContent = contentDoc.documentElement.textContent || "Formula content";
       }
     } else {
-      wrapper.style.maxWidth = "850px";
-      wrapper.style.padding = "48px";
+      wrapper.style.maxWidth = "none";
+      wrapper.style.padding = "0";
       wrapper.style.minHeight = "100%";
+      wrapper.style.backgroundColor = "transparent";
+      wrapper.style.boxShadow = "none";
+      wrapper.style.position = "relative";
+      const dims = this.getPageDimensions(stylesDoc, contentDoc);
       const bodyHtml = this.renderOdfBody(contentDoc, styleMap, imageUrls);
-      wrapper.innerHTML = DOMPurify2.sanitize(bodyHtml, {
-        ADD_TAGS: ["math", "semantics", "mrow", "mi", "mo", "mn", "msup", "msub"],
+      const tempDiv = document.createElement("div");
+      tempDiv.style.width = `${dims.width - dims.marginLeft - dims.marginRight}px`;
+      tempDiv.style.position = "absolute";
+      tempDiv.style.visibility = "hidden";
+      tempDiv.innerHTML = DOMPurify6.sanitize(bodyHtml, {
+        ADD_TAGS: ["math", "semantics", "mrow", "mi", "mo", "mn", "msup", "msub", "hr"],
         ADD_ATTR: ["style", "colspan", "rowspan"]
       });
+      document.body.appendChild(tempDiv);
+      const contentHeight = dims.height - dims.marginTop - dims.marginBottom;
+      const pageElements = [[]];
+      let currentHeight = 0;
+      let currentPageIdx = 0;
+      Array.from(tempDiv.children).forEach((child) => {
+        const el = child;
+        const style = el.getAttribute("style") || "";
+        const isBreakBefore = style.includes("page-break-before: always");
+        const isBreakAfter = style.includes("page-break-after: always");
+        const isSoftBreak = el.classList.contains("odf-page-break");
+        if (isBreakBefore) {
+          if (pageElements[currentPageIdx].length > 0) {
+            currentPageIdx++;
+            pageElements.push([]);
+            currentHeight = 0;
+          }
+        }
+        const h = el.offsetHeight || 0;
+        if (currentHeight + h > contentHeight && pageElements[currentPageIdx].length > 0 && !isSoftBreak) {
+          currentPageIdx++;
+          pageElements.push([]);
+          currentHeight = 0;
+        }
+        if (!isSoftBreak) {
+          pageElements[currentPageIdx].push(el.cloneNode(true));
+          currentHeight += h;
+        }
+        if (isBreakAfter || isSoftBreak) {
+          currentPageIdx++;
+          pageElements.push([]);
+          currentHeight = 0;
+        }
+      });
+      document.body.removeChild(tempDiv);
+      if (pageElements.length > 1 && pageElements[pageElements.length - 1].length === 0) {
+        pageElements.pop();
+      }
+      totalPages = Math.max(1, pageElements.length);
+      pageElements.forEach((elements, idx) => {
+        const page = document.createElement("div");
+        page.className = `fp-odt-page fp-odt-page-${idx + 1}`;
+        page.style.width = `${dims.width}px`;
+        page.style.minHeight = `${dims.height}px`;
+        page.style.padding = `${dims.marginTop}px ${dims.marginRight}px ${dims.marginBottom}px ${dims.marginLeft}px`;
+        page.style.margin = "0 auto";
+        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%)";
+        elements.forEach((el) => page.appendChild(el));
+        wrapper.appendChild(page);
+        slides.push(page);
+      });
+      const pageIndicator = document.createElement("div");
+      pageIndicator.className = "fp-odt-page-indicator";
+      pageIndicator.style.position = "sticky";
+      pageIndicator.style.bottom = "16px";
+      pageIndicator.style.left = "50%";
+      pageIndicator.style.transform = "translateX(-50%)";
+      pageIndicator.style.backgroundColor = "rgba(0, 0, 0, 0.6)";
+      pageIndicator.style.color = "#fff";
+      pageIndicator.style.padding = "6px 12px";
+      pageIndicator.style.borderRadius = "16px";
+      pageIndicator.style.fontSize = "12px";
+      pageIndicator.style.zIndex = "100";
+      pageIndicator.style.display = "inline-block";
+      pageIndicator.style.width = "fit-content";
+      pageIndicator.textContent = `Page 1 of ${totalPages}`;
+      container.appendChild(pageIndicator);
     }
     const cleanup = () => {
       imageUrls.forEach((url) => URL.revokeObjectURL(url));
@@ -4220,32 +4752,45 @@ var OpenDocumentPlugin = class {
     };
     ctx.signal.addEventListener("abort", cleanup);
     const goToPage = (page) => {
-      if (!isPresentation || page < 1 || page > totalPages) return;
+      if (page < 1 || page > totalPages) return;
       currentPage = page;
       slides.forEach((s, idx) => {
         s.style.display = idx === page - 1 ? "block" : "none";
       });
+      const indicator = container.querySelector(".fp-odt-page-indicator");
+      if (indicator) {
+        indicator.textContent = `Page ${currentPage} of ${totalPages}`;
+      }
       ctx.emit("page-change", { page: currentPage, total: totalPages });
     };
     return {
       destroy: cleanup,
       isPresentation,
       zoomIn: () => {
-        scale += 0.1;
-        wrapper.style.transform = `scale(${scale})`;
+        scale += 0.15;
+        applyTransform();
       },
       zoomOut: () => {
-        scale = Math.max(0.2, scale - 0.1);
-        wrapper.style.transform = `scale(${scale})`;
+        scale = Math.max(0.2, scale - 0.15);
+        applyTransform();
       },
       getZoom: () => scale,
       setZoom: (level) => {
         scale = level;
-        wrapper.style.transform = `scale(${scale})`;
+        applyTransform();
       },
       fitToPage: () => {
-        scale = 1;
-        wrapper.style.transform = "scale(1)";
+        scale = calculateFitScale();
+        rotation = 0;
+        applyTransform();
+      },
+      rotateCW: () => {
+        rotation = (rotation + 90) % 360;
+        applyTransform();
+      },
+      rotateCCW: () => {
+        rotation = (rotation - 90 + 360) % 360;
+        applyTransform();
       },
       goToPage,
       getPageCount: () => totalPages,
@@ -4284,6 +4829,43 @@ var OpenDocumentPlugin = class {
       }
     };
   }
+  getPageDimensions(stylesDoc, contentDoc) {
+    let width = 850;
+    let height = 1123;
+    let marginTop = 48;
+    let marginBottom = 48;
+    let marginLeft = 48;
+    let marginRight = 48;
+    const parseUnit = (val) => {
+      if (!val) return null;
+      if (val.endsWith("cm")) return parseFloat(val) * 37.8;
+      if (val.endsWith("mm")) return parseFloat(val) * 3.78;
+      if (val.endsWith("in")) return parseFloat(val) * 96;
+      if (val.endsWith("pt")) return parseFloat(val) * 1.33;
+      if (val.endsWith("px")) return parseFloat(val);
+      return parseFloat(val);
+    };
+    const docs = [stylesDoc, contentDoc].filter(Boolean);
+    for (const doc of docs) {
+      const pageLayout = doc.querySelector("page-layout-properties, [page-width]");
+      if (pageLayout) {
+        const w = parseUnit(pageLayout.getAttribute("fo:page-width") || pageLayout.getAttribute("page-width"));
+        const h = parseUnit(pageLayout.getAttribute("fo:page-height") || pageLayout.getAttribute("page-height"));
+        const mt = parseUnit(pageLayout.getAttribute("fo:margin-top") || pageLayout.getAttribute("margin-top"));
+        const mb = parseUnit(pageLayout.getAttribute("fo:margin-bottom") || pageLayout.getAttribute("margin-bottom"));
+        const ml = parseUnit(pageLayout.getAttribute("fo:margin-left") || pageLayout.getAttribute("margin-left"));
+        const mr = parseUnit(pageLayout.getAttribute("fo:margin-right") || pageLayout.getAttribute("margin-right"));
+        if (w !== null) width = w;
+        if (h !== null) height = h;
+        if (mt !== null) marginTop = mt;
+        if (mb !== null) marginBottom = mb;
+        if (ml !== null) marginLeft = ml;
+        if (mr !== null) marginRight = mr;
+        break;
+      }
+    }
+    return { width, height, marginTop, marginBottom, marginLeft, marginRight };
+  }
   extractStyles(stylesDoc, contentDoc) {
     const map = /* @__PURE__ */ new Map();
     const styleNodes = [];
@@ -4306,14 +4888,21 @@ var OpenDocumentPlugin = class {
         if (color) css += `color: ${color}; `;
         if (size) css += `font-size: ${size}; `;
       }
-      const paraProp = node.querySelector("paragraph-properties, [text-align]");
+      let paraProp = node.querySelector("paragraph-properties, [text-align]");
+      if (!paraProp) {
+        paraProp = Array.from(node.children).find((c) => c.tagName.includes("paragraph-properties")) || null;
+      }
       if (paraProp) {
         const align = paraProp.getAttribute("fo:text-align") || paraProp.getAttribute("text-align");
         const mt = paraProp.getAttribute("fo:margin-top") || paraProp.getAttribute("margin-top");
         const mb = paraProp.getAttribute("fo:margin-bottom") || paraProp.getAttribute("margin-bottom");
+        const breakBefore = paraProp.getAttribute("fo:break-before") || paraProp.getAttribute("break-before");
+        const breakAfter = paraProp.getAttribute("fo:break-after") || paraProp.getAttribute("break-after");
         if (align) css += `text-align: ${align}; `;
         if (mt) css += `margin-top: ${mt}; `;
         if (mb) css += `margin-bottom: ${mb}; `;
+        if (breakBefore === "page") css += "page-break-before: always; ";
+        if (breakAfter === "page") css += "page-break-after: always; ";
       }
       if (css) map.set(name, css);
     }
@@ -4398,6 +4987,8 @@ var OpenDocumentPlugin = class {
           result += "&emsp;";
         } else if (tag === "line-break") {
           result += "<br/>";
+        } else if (tag === "soft-page-break") {
+          result += '<hr class="odf-page-break" style="page-break-after: always; border: none; margin: 0; padding: 0; height: 0;" />';
         } else {
           result += el.textContent || "";
         }
@@ -4515,6 +5106,14 @@ var DocPlugin = class {
         group: "zoom",
         execute: () => instance.fitToPage?.()
       },
+      {
+        id: "rotate-cw",
+        icon: "rotate-cw",
+        label: "Rotate",
+        type: "button",
+        group: "view",
+        execute: () => instance.rotateCW?.()
+      },
       {
         id: "copy",
         icon: "copy",
@@ -4550,20 +5149,9 @@ var DocPlugin = class {
     container.style.overflow = "auto";
     container.style.padding = "32px 16px";
     container.style.backgroundColor = "#f1f5f9";
-    const wrapper = document.createElement("div");
-    wrapper.className = "fp-doc-wrapper";
-    wrapper.style.maxWidth = "850px";
-    wrapper.style.margin = "0 auto";
-    wrapper.style.backgroundColor = "#ffffff";
-    wrapper.style.boxShadow = "0 2px 12px rgba(0,0,0,0.08)";
-    wrapper.style.borderRadius = "4px";
-    wrapper.style.padding = "56px 48px";
-    wrapper.style.minHeight = "100%";
-    wrapper.style.transformOrigin = "top center";
-    wrapper.style.transition = "transform 0.2s ease";
-    wrapper.style.fontFamily = 'Calibri, "Segoe UI", Arial, sans-serif';
-    wrapper.style.color = "#1e293b";
-    container.appendChild(wrapper);
+    container.style.display = "flex";
+    container.style.justifyContent = "center";
+    container.style.alignItems = "flex-start";
     ctx.container.appendChild(container);
     let scale = 1;
     let extractedRawText = "";
@@ -4590,21 +5178,27 @@ var DocPlugin = class {
     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.width = "816px";
+      pageCard.style.height = "1056px";
       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.padding = "96px 72px";
+      pageCard.style.boxSizing = "border-box";
+      pageCard.style.overflow = "hidden";
       pageCard.style.display = i === 0 ? "block" : "none";
+      pageCard.style.transformOrigin = "top center";
+      pageCard.style.transition = "transform 0.2s ease";
+      pageCard.style.fontFamily = 'Calibri, "Segoe UI", Arial, sans-serif';
+      pageCard.style.color = "#1e293b";
       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>
+            <h2 style="margin: 0 0 6px; font-size: 20px; color: #334155;">${DOMPurify6.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")}
@@ -4612,15 +5206,17 @@ var DocPlugin = class {
       } else {
         pageCard.innerHTML = this.formatDocToHtml(rawPages[i], ctx.metadata.name || "Document");
       }
-      wrapper.appendChild(pageCard);
+      container.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.position = "fixed";
       indicator.style.bottom = "16px";
+      indicator.style.left = "50%";
+      indicator.style.transform = "translateX(-50%)";
       indicator.style.backgroundColor = "rgba(15, 23, 42, 0.85)";
       indicator.style.backdropFilter = "blur(8px)";
       indicator.style.color = "#f8fafc";
@@ -4634,17 +5230,25 @@ var DocPlugin = class {
       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);
     }
+    let rotation = 0;
+    const applyTransform = () => {
+      const activeCard = pageCards[currentPage - 1];
+      if (activeCard) {
+        activeCard.style.transform = `scale(${scale}) rotate(${rotation}deg)`;
+      }
+    };
     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";
-        });
-      }
+      pageCards.forEach((card, idx) => {
+        if (idx + 1 === currentPage) {
+          card.style.display = "block";
+          card.style.transform = `scale(${scale}) rotate(${rotation}deg)`;
+        } else {
+          card.style.display = "none";
+        }
+      });
       if (indicator) {
         indicator.textContent = `Page ${currentPage} of ${totalPages}`;
       }
@@ -4653,6 +5257,17 @@ var DocPlugin = class {
     if (totalPages > 1) {
       showPage(1);
     }
+    const calculateFitScale = () => {
+      const elW = 816;
+      const elH = 1056;
+      const availW = Math.max(200, ctx.container.clientWidth - 48);
+      const availH = Math.max(200, ctx.container.clientHeight - 80);
+      return Math.min(1.1, Math.min(availW / elW, availH / elH));
+    };
+    setTimeout(() => {
+      scale = calculateFitScale();
+      applyTransform();
+    }, 60);
     const cleanup = () => {
       indicator?.remove();
       container.remove();
@@ -4665,21 +5280,30 @@ var DocPlugin = class {
       getCurrentPage: () => currentPage,
       goToPage: (page) => showPage(page),
       zoomIn: () => {
-        scale += 0.1;
-        wrapper.style.transform = `scale(${scale})`;
+        scale += 0.15;
+        applyTransform();
       },
       zoomOut: () => {
-        scale = Math.max(0.2, scale - 0.1);
-        wrapper.style.transform = `scale(${scale})`;
+        scale = Math.max(0.2, scale - 0.15);
+        applyTransform();
       },
       getZoom: () => scale,
       setZoom: (level) => {
         scale = level;
-        wrapper.style.transform = `scale(${scale})`;
+        applyTransform();
       },
       fitToPage: () => {
-        scale = 1;
-        wrapper.style.transform = "scale(1)";
+        scale = calculateFitScale();
+        rotation = 0;
+        applyTransform();
+      },
+      rotateCW: () => {
+        rotation = (rotation + 90) % 360;
+        applyTransform();
+      },
+      rotateCCW: () => {
+        rotation = (rotation - 90 + 360) % 360;
+        applyTransform();
       },
       copy: () => {
         navigator.clipboard.writeText(extractedRawText);
@@ -4797,8 +5421,28 @@ var DocPlugin = class {
   }
   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];
+    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 finalPages = [];
+    for (const part of explicitParts) {
+      const lines = part.split(/\r?\n/);
+      let currentLines = [];
+      let count = 0;
+      for (const line of lines) {
+        currentLines.push(line);
+        count++;
+        if (count >= maxLinesPerPage) {
+          finalPages.push(currentLines.join("\n"));
+          currentLines = [];
+          count = 0;
+        }
+      }
+      if (currentLines.length > 0) {
+        finalPages.push(currentLines.join("\n"));
+      }
+    }
+    return finalPages.length > 0 ? finalPages : [text];
   }
   /**
    * Format cleaned extracted text into attractive HTML paragraphs, headings, and lists
@@ -4807,17 +5451,65 @@ var DocPlugin = class {
     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) {
-      const line = rawLine.trim();
+    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("	");
+          for (const col of cols) {
+            html += `<td style="border: 1px solid #cbd5e1; padding: 6px 8px;">${DOMPurify6.sanitize(col.trim())}</td>`;
+          }
+          html += "</tr>";
+        }
+        html += "</table>";
+        tableLines = [];
+      }
+    };
+    let i = 0;
+    while (i < lines.length) {
+      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;
+          }
+        }
+        if (consecutiveTableLines >= 3) {
+          if (inList) {
+            html += "</ul>";
+            inList = false;
+          }
+          tableLines = lines.slice(i, j);
+          flushTable();
+          i = j;
+          continue;
+        }
+      }
+      line = line.trim();
       if (!line) {
         if (inList) {
           html += "</ul>";
           inList = false;
         }
+        html += '<div style="height: 1.15em;"></div>';
+        i++;
         continue;
       }
-      if (/^[\x00-\x1F\x7F-\x9F]+$/.test(line)) continue;
-      if (line.includes("Normal.dot") || line.includes("Microsoft Word") || line.includes("Times New Roman") && line.length < 30) {
+      if (/^[\x00-\x1F\x7F-\x9F]+$/.test(line)) {
+        i++;
+        continue;
+      }
+      if ((line.includes("Normal.dot") || line.includes("Microsoft Word") || line.includes("Times New Roman")) && line.length < 30) {
+        i++;
         continue;
       }
       if (line.length < 60 && !line.endsWith(".") && (/^[A-Z0-9\s:_-]+$/.test(line) || line.startsWith("#"))) {
@@ -4825,24 +5517,26 @@ var DocPlugin = class {
           html += "</ul>";
           inList = false;
         }
-        html += `<h2 style="font-size: 18px; font-weight: 700; color: #1e3a8a; margin: 20px 0 8px; border-bottom: 1px solid #e2e8f0; padding-bottom: 4px;">${DOMPurify2.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)}</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.6;">${DOMPurify2.sanitize(bulletText)}</li>`;
+        html += `<li style="margin: 4px 0; line-height: 1.15; font-size: 12pt;">${DOMPurify6.sanitize(bulletText)}</li>`;
       } else {
         if (inList) {
           html += "</ul>";
           inList = false;
         }
-        html += `<p style="line-height: 1.7; margin: 10px 0; font-size: 14px; text-align: justify;">${DOMPurify2.sanitize(line)}</p>`;
+        html += `<p style="line-height: 1.15; margin: 0; font-size: 12pt; text-align: justify;">${DOMPurify6.sanitize(line)}</p>`;
       }
+      i++;
     }
     if (inList) html += "</ul>";
-    return html || `<p style="color: #64748b; font-style: italic;">(No readable text found in ${DOMPurify2.sanitize(filename)})</p>`;
+    flushTable();
+    return html || `<p style="color: #64748b; font-style: italic;">(No readable text found in ${DOMPurify6.sanitize(filename)})</p>`;
   }
 };
 function docPlugin() {
@@ -4919,6 +5613,14 @@ var PptPlugin = class {
         group: "zoom",
         execute: () => instance.fitToPage?.()
       },
+      {
+        id: "rotate-cw",
+        icon: "rotate-cw",
+        label: "Rotate",
+        type: "button",
+        group: "view",
+        execute: () => instance.rotateCW?.()
+      },
       {
         id: "download",
         icon: "download",
@@ -4952,22 +5654,36 @@ var PptPlugin = class {
     const slideCard = document.createElement("div");
     slideCard.className = "fp-ppt-slide-card";
     slideCard.style.width = "960px";
-    slideCard.style.maxWidth = "92%";
+    slideCard.style.maxWidth = "calc(100% - 32px)";
+    slideCard.style.maxHeight = "calc(100% - 48px)";
     slideCard.style.aspectRatio = "16 / 9";
     slideCard.style.backgroundColor = "#ffffff";
     slideCard.style.boxShadow = "0 12px 40px rgba(0,0,0,0.35)";
     slideCard.style.borderRadius = "8px";
     slideCard.style.boxSizing = "border-box";
     slideCard.style.position = "relative";
-    slideCard.style.overflow = "hidden";
-    slideCard.style.transformOrigin = "center center";
     slideCard.style.transition = "transform 0.2s ease";
+    slideCard.style.transformOrigin = "center center";
+    slideCard.style.flexShrink = "0";
     container.appendChild(slideCard);
     ctx.container.appendChild(container);
     let scale = 1;
+    let rotation = 0;
     let currentSlide = 1;
     let slides = [];
     const createdBlobUrls = [];
+    const calculateFitScale = () => {
+      const availW = Math.max(200, container.clientWidth - 48);
+      const availH = Math.max(200, container.clientHeight - 72);
+      return Math.min(1, Math.min(availW / 960, availH / 540));
+    };
+    const applyTransform = () => {
+      slideCard.style.transform = `scale(${scale}) rotate(${rotation}deg)`;
+    };
+    setTimeout(() => {
+      scale = calculateFitScale();
+      applyTransform();
+    }, 60);
     try {
       const cfbf = new CfbfReader(ctx.buffer);
       const pptStream = cfbf.readStream("PowerPoint Document");
@@ -4998,7 +5714,7 @@ var PptPlugin = class {
       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;" />
+            <img src="${s.pictureUrl}" alt="${DOMPurify6.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) {
@@ -5008,7 +5724,7 @@ var PptPlugin = class {
             <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("")}
+                  ${cols.map((c) => `<th style="padding: 12px 16px; border: 1px solid #cbd5e1; text-align: left;">${DOMPurify6.sanitize(c)}</th>`).join("")}
                 </tr>
               </thead>
               <tbody>
@@ -5024,7 +5740,7 @@ var PptPlugin = class {
       } 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("");
+          return lines.map((l) => `<p style="margin: 0 0 14px; font-size: 14px; line-height: 1.65; color: #334155; text-align: justify;">${DOMPurify6.sanitize(l)}</p>`).join("");
         }).join("");
         contentHtml = `
           <div style="flex: 1; overflow: auto; padding: 4px 8px; display: flex; flex-direction: column; justify-content: flex-start;">
@@ -5037,11 +5753,11 @@ var PptPlugin = class {
           <!-- 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)}
+              ${DOMPurify6.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)}
+                ${DOMPurify6.sanitize(s.subtitle)}
               </span>
             ` : `
               <span style="font-size: 12px; color: #365314; font-weight: 600;">
@@ -5068,21 +5784,30 @@ var PptPlugin = class {
     return {
       destroy: cleanup,
       zoomIn: () => {
-        scale += 0.1;
-        slideCard.style.transform = `scale(${scale})`;
+        scale += 0.15;
+        applyTransform();
       },
       zoomOut: () => {
-        scale = Math.max(0.3, scale - 0.1);
-        slideCard.style.transform = `scale(${scale})`;
+        scale = Math.max(0.2, scale - 0.15);
+        applyTransform();
       },
       getZoom: () => scale,
       setZoom: (level) => {
         scale = level;
-        slideCard.style.transform = `scale(${scale})`;
+        applyTransform();
       },
       fitToPage: () => {
-        scale = 1;
-        slideCard.style.transform = "scale(1)";
+        scale = calculateFitScale();
+        rotation = 0;
+        applyTransform();
+      },
+      rotateCW: () => {
+        rotation = (rotation + 90) % 360;
+        applyTransform();
+      },
+      rotateCCW: () => {
+        rotation = (rotation - 90 + 360) % 360;
+        applyTransform();
       },
       goToPage: (page) => {
         if (page >= 1 && page <= totalSlides) {