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

package/dist/react.js

@@ -434,7 +434,8 @@ function createElement(tag, attrs, ...children) {
 }
 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"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" y1="3" x2="14" y2="10"></line><line x1="3" y1="21" x2="10" y2="14"></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>`;
+var ICON_FIT_WIDTH = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="2" y1="12" x2="22" y2="12"></line><polyline points="5 9 2 12 5 15"></polyline><polyline points="19 9 22 12 19 15"></polyline><line x1="2" y1="5" x2="2" y2="19"></line><line x1="22" y1="5" x2="22" y2="19"></line></svg>`;
 var ICON_ROTATE_CW = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 4 23 10 17 10"></polyline><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"></path></svg>`;
 var ICON_ROTATE_CCW = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="1 4 1 10 7 10"></polyline><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"></path></svg>`;
 var ICON_DOWNLOAD = `<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="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg>`;
@@ -454,6 +455,7 @@ var ICON_MAP = {
   "zoom-in": ICON_ZOOM_IN,
   "zoom-out": ICON_ZOOM_OUT,
   "fit-page": ICON_FIT_PAGE,
+  "fit-width": ICON_FIT_WIDTH,
   "fit-slide": ICON_FIT_PAGE,
   "rotate-cw": ICON_ROTATE_CW,
   "rotate-ccw": ICON_ROTATE_CCW,
@@ -1400,6 +1402,7 @@ var PdfPlugin = class {
     let currentPage = 1;
     let zoomScale = 1;
     let rotation = 0;
+    let fitMode = "width";
     let currentRenderTask = null;
     const renderPage = async (pageNum) => {
       if (currentRenderTask) {
@@ -1419,11 +1422,16 @@ var PdfPlugin = class {
       const containerWidth = container.clientWidth || 900;
       const containerHeight = container.clientHeight || 700;
       const unscaledVp = page.getViewport({ scale: 1, rotation });
-      const availWidth = Math.max(100, containerWidth - 48);
-      const availHeight = Math.max(100, containerHeight - 88);
+      const availWidth = Math.max(280, containerWidth - 48);
+      const availHeight = Math.max(280, containerHeight - 88);
       const scaleW = availWidth / unscaledVp.width;
       const scaleH = availHeight / unscaledVp.height;
-      const fitScale = Math.min(scaleW, scaleH);
+      let fitScale;
+      if (fitMode === "page") {
+        fitScale = Math.max(0.5, Math.min(scaleW, scaleH));
+      } else {
+        fitScale = Math.max(0.65, Math.min(1.15, scaleW));
+      }
       const effectiveScale = (fitScale > 0 ? fitScale : 1) * zoomScale;
       const pixelRatio = window.devicePixelRatio || 1;
       const viewport = page.getViewport({ scale: effectiveScale, rotation });
@@ -1492,6 +1500,7 @@ var PdfPlugin = class {
         renderPage(currentPage);
       },
       fitToPage: () => {
+        fitMode = fitMode === "width" ? "page" : "width";
         zoomScale = 1;
         rotation = 0;
         renderPage(currentPage);
@@ -1508,6 +1517,7 @@ var PdfPlugin = class {
       getPageCount: () => totalPages,
       getCurrentPage: () => currentPage,
       goToPage: (page) => {
+        container.scrollTop = 0;
         renderPage(page);
       },
       download: () => {
@@ -2012,7 +2022,14 @@ 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);
@@ -2033,11 +2050,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)) {
@@ -2045,8 +2065,67 @@ var DocxPlugin = class {
         }
       }
     }
-    const sections = wrapper.querySelectorAll("section.docx");
-    const cards = wrapper.querySelectorAll(".fp-docx-page-card");
+    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 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.offsetHeight || singleSec.scrollHeight;
+      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];
+        const headerEl = singleSec.querySelector("header");
+        const footerEl = singleSec.querySelector("footer");
+        contentContainer.innerHTML = "";
+        singleSec.style.minHeight = `${pageH}px`;
+        singleSec.style.boxSizing = "border-box";
+        let curContent = contentContainer;
+        let curH = 0;
+        const maxH = pageH - 140;
+        for (let i = 0; i < children.length; i++) {
+          const child = children[i];
+          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.minHeight = `${pageH}px`;
+            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";
+            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));
+            }
+            parent.appendChild(nextSec);
+            newSections.push(nextSec);
+            curContent = nextArticle;
+            curH = 0;
+          }
+        }
+        sections = newSections;
+      }
+    }
     const pageElements = sections.length > 0 ? sections : cards;
     const totalPages = Math.max(1, pageElements.length);
     let currentPage = 1;
@@ -2083,6 +2162,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) {
@@ -2090,22 +2170,27 @@ var DocxPlugin = class {
     }
     scale = 1;
     let rotation = 0;
-    const calculateFitScale = () => {
+    let fitMode = "width";
+    const calculateFitScale = (mode = fitMode) => {
       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 singlePageH = Math.min(activeEl.offsetHeight || 1056, Math.round(elW * 1.32));
+      const availW = Math.max(280, ctx.container.clientWidth - 48);
+      const availH = Math.max(280, ctx.container.clientHeight - 80);
       const sW = availW / elW;
-      const sH = availH / elH;
-      return Math.min(1.1, Math.min(sW, sH));
+      const sH = availH / singlePageH;
+      if (mode === "page") {
+        return Math.max(0.55, Math.min(1.15, Math.min(sW, sH)));
+      }
+      return Math.max(0.65, Math.min(1.05, sW));
     };
     const applyTransform = () => {
       wrapper.style.transform = `scale(${scale}) rotate(${rotation}deg)`;
       wrapper.style.transformOrigin = "top center";
     };
     setTimeout(() => {
-      scale = calculateFitScale();
+      fitMode = "width";
+      scale = calculateFitScale("width");
       applyTransform();
     }, 60);
     const cleanup = () => {
@@ -2139,7 +2224,8 @@ var DocxPlugin = class {
         applyTransform();
       },
       fitToPage: () => {
-        scale = calculateFitScale();
+        fitMode = fitMode === "width" ? "page" : "width";
+        scale = calculateFitScale(fitMode);
         rotation = 0;
         applyTransform();
       },
@@ -2583,11 +2669,9 @@ var ExcelPlugin = class {
     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 availW = Math.max(280, container.clientWidth - 48);
       const tW = table.offsetWidth || 800;
-      const tH = table.offsetHeight || 600;
-      return Math.min(1, Math.min(availW / tW, availH / tH));
+      return Math.max(0.65, Math.min(1, availW / tW));
     };
     try {
       wb = XLSX.read(new Uint8Array(ctx.buffer), { type: "array", cellDates: true });
@@ -3011,17 +3095,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"));
         }
       }
@@ -3131,6 +3237,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) {
@@ -3184,7 +3291,7 @@ var CodePlugin = class {
       fitToPage: () => {
         fontSize = 13;
         rotation = 0;
-        zoomLevel = 1;
+        zoomLevel = isTxt ? Math.max(0.65, Math.min(1.05, (container.clientWidth - 48) / 816)) : 1;
         updateTransform();
       },
       rotateCW: () => {
@@ -4166,20 +4273,27 @@ var RtfPlugin = class {
     let scale = 1;
     let rotation = 0;
     let pageElements = [];
-    const calculateFitScale = () => {
+    let fitMode = "width";
+    const calculateFitScale = (mode = fitMode) => {
       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 singlePageH = Math.min(activeEl.offsetHeight || 1056, Math.round(elW * 1.32));
+      const availW = Math.max(280, ctx.container.clientWidth - 48);
+      const availH = Math.max(280, ctx.container.clientHeight - 80);
+      const sW = availW / elW;
+      const sH = availH / singlePageH;
+      if (mode === "page") {
+        return Math.max(0.55, Math.min(1.15, Math.min(sW, sH)));
+      }
+      return Math.max(0.65, Math.min(1.05, sW));
     };
     const applyTransform = () => {
       wrapper.style.transform = `scale(${scale}) rotate(${rotation}deg)`;
       wrapper.style.transformOrigin = "top center";
     };
     setTimeout(() => {
-      scale = calculateFitScale();
+      fitMode = "width";
+      scale = calculateFitScale("width");
       applyTransform();
     }, 60);
     try {
@@ -4188,11 +4302,60 @@ 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);
+      if (htmlElements.length === 1) {
+        const singleEl = htmlElements[0];
+        wrapper.appendChild(singleEl);
+        const children = Array.from(singleEl.children);
+        const secH = singleEl.offsetHeight || singleEl.scrollHeight;
+        if (secH > 1300 && 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);
+          });
+          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";
+            return card;
+          };
+          let curCard = createRtfCard();
+          wrapper.appendChild(curCard);
+          pageElements = [curCard];
+          let curH = 0;
+          const maxH = 920;
+          for (let i = 0; i < children.length; i++) {
+            const child = children[i];
+            const chH = childHeights[i];
+            curCard.appendChild(child);
+            curH += chH;
+            if (curH >= maxH && i < children.length - 1) {
+              curCard = createRtfCard();
+              wrapper.appendChild(curCard);
+              pageElements.push(curCard);
+              curH = 0;
+            }
+          }
+        } else {
+          pageElements = [singleEl];
+        }
+      } else {
+        pageElements = htmlElements;
+        for (let i = 0; i < htmlElements.length; i++) {
+          const el = htmlElements[i];
+          el.style.display = i === 0 ? "block" : "none";
+          wrapper.appendChild(el);
+        }
       }
     } catch (err) {
       console.warn("[RtfPlugin] RTF render error, fallback text:", err);
@@ -4258,6 +4421,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) {
@@ -4288,7 +4452,8 @@ var RtfPlugin = class {
         applyTransform();
       },
       fitToPage: () => {
-        scale = calculateFitScale();
+        fitMode = fitMode === "width" ? "page" : "width";
+        scale = calculateFitScale(fitMode);
         rotation = 0;
         applyTransform();
       },
@@ -4607,19 +4772,29 @@ var OpenDocumentPlugin = class {
     ctx.container.appendChild(container);
     let scale = 1;
     let rotation = 0;
-    const calculateFitScale = () => {
+    let fitMode = "width";
+    const calculateFitScale = (mode = fitMode) => {
       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 singlePageH = Math.min(wrapper.offsetHeight || 1056, Math.round(elW * 1.32));
+      const availW = Math.max(280, ctx.container.clientWidth - 48);
+      const availH = Math.max(280, ctx.container.clientHeight - 80);
+      const sW = availW / elW;
+      const sH = availH / (isPresentation ? 540 : singlePageH);
+      if (isPresentation) {
+        return Math.min(1, Math.min(sW, sH));
+      }
+      if (mode === "page") {
+        return Math.max(0.55, Math.min(1.15, Math.min(sW, sH)));
+      }
+      return Math.max(0.65, Math.min(1.05, sW));
     };
     const applyTransform = () => {
       wrapper.style.transform = `scale(${scale}) rotate(${rotation}deg)`;
       wrapper.style.transformOrigin = "top center";
     };
     setTimeout(() => {
-      scale = calculateFitScale();
+      fitMode = "width";
+      scale = calculateFitScale("width");
       applyTransform();
     }, 60);
     let currentPage = 1;
@@ -4718,12 +4893,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);
@@ -4761,6 +4933,7 @@ var OpenDocumentPlugin = class {
       if (indicator) {
         indicator.textContent = `Page ${currentPage} of ${totalPages}`;
       }
+      container.scrollTop = 0;
       ctx.emit("page-change", { page: currentPage, total: totalPages });
     };
     return {
@@ -4780,7 +4953,8 @@ var OpenDocumentPlugin = class {
         applyTransform();
       },
       fitToPage: () => {
-        scale = calculateFitScale();
+        fitMode = fitMode === "width" ? "page" : "width";
+        scale = calculateFitScale(fitMode);
         rotation = 0;
         applyTransform();
       },
@@ -5252,20 +5426,28 @@ 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) {
       showPage(1);
     }
-    const calculateFitScale = () => {
+    let fitMode = "width";
+    const calculateFitScale = (mode = fitMode) => {
       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));
+      const availW = Math.max(280, ctx.container.clientWidth - 48);
+      const availH = Math.max(280, ctx.container.clientHeight - 80);
+      const sW = availW / elW;
+      const sH = availH / elH;
+      if (mode === "page") {
+        return Math.max(0.55, Math.min(1.15, Math.min(sW, sH)));
+      }
+      return Math.max(0.65, Math.min(1.05, sW));
     };
     setTimeout(() => {
-      scale = calculateFitScale();
+      fitMode = "width";
+      scale = calculateFitScale("width");
       applyTransform();
     }, 60);
     const cleanup = () => {
@@ -5293,7 +5475,8 @@ var DocPlugin = class {
         applyTransform();
       },
       fitToPage: () => {
-        scale = calculateFitScale();
+        fitMode = fitMode === "width" ? "page" : "width";
+        scale = calculateFitScale(fitMode);
         rotation = 0;
         applyTransform();
       },
@@ -5421,45 +5604,50 @@ var DocPlugin = class {
   }
   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 normalized = text.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 vLines = Math.max(1, Math.ceil((line.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>";
         }
@@ -5472,27 +5660,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) {