@files-preview-app/preview-file 1.3.2 → 1.3.3

package/dist/react.cjs

@@ -3509,26 +3509,6 @@ 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",
@@ -3589,12 +3569,11 @@ 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.transform = `scale(${scale})`;
       contentArea.style.transformOrigin = "top left";
     };
     const calculateFitScale = () => {
@@ -3602,7 +3581,7 @@ var ExcelPlugin = class {
       if (!table) return 1;
       const availW = Math.max(280, container.clientWidth - 48);
       const tW = table.offsetWidth || 800;
-      return Math.max(0.65, Math.min(1, availW / tW));
+      return Math.max(0.4, Math.min(1, availW / tW));
     };
     try {
       wb = XLSX__namespace.read(new Uint8Array(ctx.buffer), { type: "array", cellDates: true });
@@ -3657,7 +3636,16 @@ var ExcelPlugin = class {
         }
       });
       ctx.emit("page-change", { page: currentSheetIndex, total: sheetNames.length });
+      requestAnimationFrame(() => {
+        scale = calculateFitScale();
+        applyTransform();
+      });
     };
+    const ro = new ResizeObserver(() => {
+      scale = calculateFitScale();
+      applyTransform();
+    });
+    ro.observe(container);
     if (sheetNames.length > 0) {
       sheetNames.forEach((name, idx) => {
         const btn = document.createElement("button");
@@ -3684,6 +3672,7 @@ var ExcelPlugin = class {
       `;
     }
     const cleanup = () => {
+      ro.disconnect();
       container.remove();
       ctx.container.innerHTML = "";
     };
@@ -3705,16 +3694,11 @@ var ExcelPlugin = class {
       },
       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) {
@@ -3812,38 +3796,15 @@ var CsvPlugin = class {
     return ext === ".csv" || ext === ".tsv" || mime === "text/csv" || mime === "text/tab-separated-values";
   }
   getToolbarActions(instance) {
-    const totalPages = instance.getPageCount?.() ?? 1;
     const actions = [];
     actions.push({
       id: "thumbnails",
       icon: "thumbnails",
-      label: "Page Thumbnails",
+      label: "Sheet Thumbnails",
       type: "button",
       group: "navigation",
       execute: () => instance.toggleThumbnails?.()
     });
-    if (totalPages > 1) {
-      actions.push({
-        id: "page-nav",
-        icon: "",
-        label: "Page Navigation",
-        type: "page-nav",
-        group: "navigation",
-        value: instance.getCurrentPage?.() ?? 1,
-        max: totalPages,
-        execute: (action, page) => {
-          const cur = instance.getCurrentPage?.() ?? 1;
-          const max = instance.getPageCount?.() ?? 1;
-          if (action === "prev") {
-            if (cur > 1) instance.goToPage?.(cur - 1);
-          } else if (action === "next") {
-            if (cur < max) instance.goToPage?.(cur + 1);
-          } else if (typeof page === "number") {
-            instance.goToPage?.(page);
-          }
-        }
-      });
-    }
     actions.push(
       {
         id: "zoom-out",
@@ -3865,16 +3826,6 @@ var CsvPlugin = class {
           instance.zoomIn?.();
         }
       },
-      {
-        id: "fit-page",
-        icon: "fit-page",
-        label: "Fit to View",
-        type: "button",
-        group: "zoom",
-        execute: () => {
-          instance.fitToPage?.();
-        }
-      },
       {
         id: "download",
         icon: "download",
@@ -3917,131 +3868,135 @@ var CsvPlugin = class {
     container.style.overflow = "auto";
     container.style.padding = "16px";
     container.style.boxSizing = "border-box";
-    container.style.transformOrigin = "top left";
+    const tableWrapper = document.createElement("div");
+    tableWrapper.style.transformOrigin = "top left";
     const delimiter = ctx.metadata.extension === ".tsv" ? "	" : ",";
     const allLines = text.split(/\r?\n/).filter((r) => r.trim().length > 0);
     const headerLine = allLines[0] || "";
     const headerCells = headerLine.split(delimiter);
     const dataLines = allLines.slice(1);
-    const ROWS_PER_PAGE = 100;
-    const totalPages = Math.max(1, Math.ceil(dataLines.length / ROWS_PER_PAGE));
-    let currentPage = 1;
     const table = document.createElement("table");
     table.style.borderCollapse = "collapse";
-    table.style.width = "100%";
+    table.style.minWidth = "100%";
     table.style.fontFamily = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, monospace';
     table.style.fontSize = "13px";
-    const renderPage = (pageNum) => {
-      currentPage = Math.max(1, Math.min(totalPages, pageNum));
-      table.innerHTML = "";
-      const headerTr = document.createElement("tr");
-      headerCells.forEach((cell) => {
-        const th = document.createElement("th");
-        th.textContent = cell.trim();
-        th.style.border = "1px solid #d0d7de";
-        th.style.padding = "8px 12px";
-        th.style.backgroundColor = "#f6f8fa";
-        th.style.fontWeight = "600";
-        th.style.whiteSpace = "nowrap";
-        headerTr.appendChild(th);
-      });
-      table.appendChild(headerTr);
-      const start = (currentPage - 1) * ROWS_PER_PAGE;
-      const end = Math.min(dataLines.length, start + ROWS_PER_PAGE);
-      const pageRows = dataLines.slice(start, end);
-      pageRows.forEach((row, idx) => {
-        const tr = document.createElement("tr");
-        if (idx % 2 === 1) tr.style.backgroundColor = "#f8fafc";
-        const cells = row.split(delimiter);
-        cells.forEach((cell) => {
-          const td = document.createElement("td");
-          td.textContent = cell.trim();
-          td.style.border = "1px solid #d0d7de";
-          td.style.padding = "6px 12px";
-          td.style.whiteSpace = "nowrap";
-          tr.appendChild(td);
-        });
-        table.appendChild(tr);
+    table.style.background = "#ffffff";
+    table.style.border = "1px solid #d0d7de";
+    const headerTr = document.createElement("tr");
+    headerCells.forEach((cell) => {
+      const th = document.createElement("th");
+      th.textContent = cell.trim();
+      th.style.border = "1px solid #d0d7de";
+      th.style.padding = "8px 12px";
+      th.style.backgroundColor = "#f6f8fa";
+      th.style.fontWeight = "600";
+      th.style.whiteSpace = "nowrap";
+      headerTr.appendChild(th);
+    });
+    table.appendChild(headerTr);
+    dataLines.forEach((row, idx) => {
+      const tr = document.createElement("tr");
+      if (idx % 2 === 1) tr.style.backgroundColor = "#f8fafc";
+      const cells = row.split(delimiter);
+      cells.forEach((cell) => {
+        const td = document.createElement("td");
+        td.textContent = cell.trim();
+        td.style.border = "1px solid #d0d7de";
+        td.style.padding = "6px 12px";
+        td.style.whiteSpace = "nowrap";
+        tr.appendChild(td);
       });
-      container.scrollTop = 0;
-      ctx.emit("page-change", { page: currentPage, total: totalPages });
-    };
-    renderPage(1);
-    container.appendChild(table);
+      table.appendChild(tr);
+    });
+    tableWrapper.appendChild(table);
+    container.appendChild(tableWrapper);
     ctx.container.appendChild(container);
     let scale = 1;
+    const calculateFitScale = () => {
+      const availW = Math.max(280, container.clientWidth - 48);
+      const tW = table.offsetWidth || 800;
+      return Math.max(0.4, Math.min(1, availW / tW));
+    };
     const applyScale = () => {
-      container.style.transform = `scale(${scale})`;
-      container.style.transformOrigin = "top left";
+      tableWrapper.style.transform = `scale(${scale})`;
     };
+    requestAnimationFrame(() => {
+      scale = calculateFitScale();
+      applyScale();
+    });
+    const ro = new ResizeObserver(() => {
+      scale = calculateFitScale();
+      applyScale();
+    });
+    ro.observe(container);
     const cleanup = () => {
+      ro.disconnect();
       container.remove();
       ctx.container.innerHTML = "";
     };
     ctx.signal.addEventListener("abort", cleanup);
     return {
       destroy: cleanup,
-      getPageCount: () => totalPages,
-      getCurrentPage: () => currentPage,
-      goToPage: (page) => renderPage(page),
+      getPageCount: () => 1,
+      getCurrentPage: () => 1,
+      goToPage: () => {
+      },
       getThumbnails: () => {
-        const thumbnails = [];
-        for (let i = 0; i < totalPages; i++) {
-          const pageIdx = i;
-          const startRow = pageIdx * ROWS_PER_PAGE + 1;
-          const endRow = Math.min(dataLines.length, (pageIdx + 1) * ROWS_PER_PAGE);
-          const label = totalPages === 1 ? "Table" : `Page ${pageIdx + 1} (${startRow}-${endRow})`;
-          thumbnails.push({
-            index: pageIdx,
-            label,
-            render: async (canvas) => {
-              canvas.width = 140;
-              canvas.height = 100;
-              const c = canvas.getContext("2d");
-              if (!c) return;
-              c.fillStyle = "#ffffff";
-              c.fillRect(0, 0, canvas.width, canvas.height);
-              c.fillStyle = "#2563eb";
-              c.fillRect(0, 0, canvas.width, 16);
-              c.fillStyle = "#ffffff";
-              c.font = "bold 8px sans-serif";
-              c.fillText(`\u{1F4C8} ${label.slice(0, 18)}`, 6, 11);
-              const startY = 17;
-              const rowH = 13;
-              const colW = 28;
-              const cols = Math.min(4, headerCells.length || 4);
-              c.fillStyle = "#f1f5f9";
-              c.fillRect(0, startY, canvas.width, rowH);
-              c.strokeStyle = "#cbd5e1";
-              c.lineWidth = 0.8;
-              c.strokeRect(0, startY, canvas.width, rowH);
-              c.fillStyle = "#64748b";
-              c.font = "bold 7px sans-serif";
-              for (let ci = 0; ci < cols; ci++) {
-                const hName = headerCells[ci] || `Col ${ci + 1}`;
-                c.fillText(hName.slice(0, 5), 8 + ci * colW, startY + 9);
-              }
-              const rowsToPreview = dataLines.slice(pageIdx * ROWS_PER_PAGE, pageIdx * ROWS_PER_PAGE + 5);
-              for (let ri = 0; ri < rowsToPreview.length; ri++) {
-                const y = startY + (ri + 1) * rowH;
-                if (y > canvas.height - 2) break;
-                c.strokeStyle = "#e2e8f0";
-                c.strokeRect(0, y, canvas.width, rowH);
-                const cVals = rowsToPreview[ri].split(delimiter);
-                c.fillStyle = "#334155";
-                c.font = "6px sans-serif";
-                for (let ci = 0; ci < cols; ci++) {
-                  const val = cVals[ci] || "";
-                  c.fillText(val.trim().slice(0, 6), 8 + ci * colW, y + 9);
+        const sheetName = ctx.metadata.name?.replace(/\.[^/.]+$/, "") || "Sheet1";
+        return [{
+          index: 0,
+          label: sheetName,
+          render: async (canvas) => {
+            canvas.width = 140;
+            canvas.height = 100;
+            const c = canvas.getContext("2d");
+            if (!c) return;
+            c.fillStyle = "#ffffff";
+            c.fillRect(0, 0, canvas.width, canvas.height);
+            c.fillStyle = "#107c41";
+            c.fillRect(0, 0, canvas.width, 16);
+            c.fillStyle = "#ffffff";
+            c.font = 'bold 8px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
+            c.fillText(`\u{1F4CA} ${sheetName.slice(0, 16)}`, 6, 11);
+            const startY = 17;
+            const rowH = 13;
+            const colW = 30;
+            const cols = headerCells.slice(0, 4).map((h) => h.trim() || "Col");
+            c.fillStyle = "#f1f5f9";
+            c.fillRect(0, startY, canvas.width, rowH);
+            c.strokeStyle = "#cbd5e1";
+            c.lineWidth = 0.8;
+            c.strokeRect(0, startY, canvas.width, rowH);
+            c.fillStyle = "#64748b";
+            c.font = "bold 7px sans-serif";
+            for (let ci = 0; ci < cols.length; ci++) {
+              c.fillText(cols[ci].slice(0, 5), 14 + ci * colW, startY + 9);
+            }
+            for (let ri = 0; ri < Math.min(5, dataLines.length); ri++) {
+              const y = startY + (ri + 1) * rowH;
+              if (y > canvas.height - 2) break;
+              c.fillStyle = "#f8fafc";
+              c.fillRect(0, y, 12, rowH);
+              c.fillStyle = "#94a3b8";
+              c.font = "6px sans-serif";
+              c.fillText(String(ri + 1), 3, y + 9);
+              c.strokeStyle = "#e2e8f0";
+              c.strokeRect(0, y, canvas.width, rowH);
+              const rowCells = dataLines[ri].split(delimiter);
+              c.fillStyle = "#334155";
+              c.font = "6px sans-serif";
+              for (let ci = 0; ci < cols.length; ci++) {
+                const val = (rowCells[ci] || "").trim();
+                if (val) {
+                  c.fillText(val.slice(0, 6), 14 + ci * colW, y + 9);
                 }
               }
-              c.strokeStyle = "#cbd5e1";
-              c.lineWidth = 1;
-              c.strokeRect(0.5, 0.5, canvas.width - 1, canvas.height - 1);
             }
-          });
-        }
-        return thumbnails;
+            c.strokeStyle = "#cbd5e1";
+            c.lineWidth = 1;
+            c.strokeRect(0.5, 0.5, canvas.width - 1, canvas.height - 1);
+          }
+        }];
       },
       zoomIn: () => {
         scale += 0.1;
@@ -4057,11 +4012,13 @@ var CsvPlugin = class {
         applyScale();
       },
       fitToPage: () => {
-        const availW = Math.max(280, (ctx.container.clientWidth || window.innerWidth) - 48);
-        const tW = table.offsetWidth || 600;
-        scale = Math.max(0.35, Math.min(1, availW / tW));
+        scale = calculateFitScale();
         applyScale();
       },
+      rotateCW: () => {
+      },
+      rotateCCW: () => {
+      },
       download: () => {
         const blob = new Blob([ctx.buffer], { type: "text/csv" });
         const url = URL.createObjectURL(blob);
@@ -4173,26 +4130,6 @@ 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",
@@ -5336,6 +5273,148 @@ var ThreeDPlugin = class {
 function threeDPlugin() {
   return new ThreeDPlugin();
 }
+function cleanRtfText(raw) {
+  return raw.replace(/\\bin\d+\s/g, "").replace(/{\\\*[^}]+}/g, "").replace(/\\u(-?\d+)\??/g, (_, code) => {
+    let num = parseInt(code, 10);
+    if (num < 0) num += 65536;
+    return String.fromCharCode(num);
+  }).replace(/\\'([0-9a-fA-F]{2})/g, (_, hex) => {
+    return String.fromCharCode(parseInt(hex, 16));
+  }).replace(/\\tab\b/g, " ").replace(/\\emdash\b/g, "\u2014").replace(/\\endash\b/g, "\u2013").replace(/\\bullet\b/g, "\u2022").replace(/\\lquote\b/g, "\u2018").replace(/\\rquote\b/g, "\u2019").replace(/\\ldblquote\b/g, "\u201C").replace(/\\rdblquote\b/g, "\u201D").replace(/\\\w+(?:-?\d+)?\s?/g, " ").replace(/[{}\r\n]/g, " ").replace(/\s+/g, " ").trim();
+}
+function parseRtfTables(rtfText) {
+  const rowSegments = rtfText.split(/\\row\b/);
+  if (rowSegments.length <= 1) return [];
+  const rawTables = [];
+  let currentTable = null;
+  let charOffset = 0;
+  for (let i = 0; i < rowSegments.length - 1; i++) {
+    const segment = rowSegments[i];
+    const segmentStart = charOffset;
+    const segmentEnd = charOffset + segment.length + 4;
+    const cellParts = segment.split(/\\cell\b/);
+    if (cellParts.length > 1) {
+      const cellxMatches = [...segment.matchAll(/\\cellx(\d+)/g)].map((m) => parseInt(m[1], 10));
+      let cellWidths = [];
+      if (cellxMatches.length > 0) {
+        let seq = [cellxMatches[0]];
+        for (let k = 1; k < cellxMatches.length; k++) {
+          if (cellxMatches[k] > cellxMatches[k - 1]) seq.push(cellxMatches[k]);
+          else break;
+        }
+        let prev = 0;
+        cellWidths = seq.map((x) => {
+          const w = x - prev;
+          prev = x;
+          return w;
+        });
+      }
+      const cells = [];
+      for (let c = 0; c < cellParts.length - 1; c++) {
+        let rawCell = cellParts[c];
+        if (c === 0) {
+          const lastTrowd = rawCell.lastIndexOf("\\trowd");
+          if (lastTrowd !== -1) rawCell = rawCell.slice(lastTrowd);
+        }
+        cells.push(cleanRtfText(rawCell));
+      }
+      const isNewTable = !currentTable || segmentStart - currentTable.lastEnd > 2500;
+      if (isNewTable) {
+        const prevTextSlice = rtfText.slice(Math.max(0, segmentStart - 4e3), segmentStart);
+        const cleanPrev = cleanRtfText(prevTextSlice);
+        const anchorBefore = cleanPrev.slice(-80).trim();
+        currentTable = {
+          id: `RTF_TABLE_${rawTables.length}`,
+          startPos: segmentStart,
+          lastEnd: segmentEnd,
+          rows: [],
+          columnWidths: cellWidths,
+          anchorBefore,
+          anchorAfter: ""
+        };
+        rawTables.push(currentTable);
+      }
+      if (currentTable) {
+        currentTable.rows.push({
+          cells,
+          widths: cellWidths.length === cells.length ? cellWidths : currentTable.columnWidths
+        });
+        currentTable.lastEnd = segmentEnd;
+      }
+    }
+    charOffset += segment.length + 4;
+  }
+  rawTables.forEach((tbl) => {
+    const afterSlice = rtfText.slice(tbl.lastEnd, Math.min(rtfText.length, tbl.lastEnd + 2e3));
+    const cleanAfter = cleanRtfText(afterSlice);
+    tbl.anchorAfter = cleanAfter.slice(0, 80).trim();
+  });
+  return rawTables.map((tbl) => {
+    const totalW = (tbl.columnWidths || []).reduce((a, b) => a + b, 0);
+    const colPercents = totalW > 0 ? tbl.columnWidths.map((w) => Math.round(w / totalW * 100)) : [];
+    return {
+      id: tbl.id,
+      rows: tbl.rows.map((r) => r.cells),
+      colPercents,
+      anchorBefore: tbl.anchorBefore,
+      anchorAfter: tbl.anchorAfter
+    };
+  });
+}
+function renderRtfTableElement(table) {
+  const tableEl = document.createElement("table");
+  tableEl.className = "fp-rtf-table";
+  tableEl.style.width = "100%";
+  tableEl.style.borderCollapse = "collapse";
+  tableEl.style.margin = "16px 0 20px";
+  tableEl.style.fontSize = "10pt";
+  tableEl.style.lineHeight = "1.5";
+  tableEl.style.border = "1px solid #cbd5e1";
+  tableEl.style.borderRadius = "4px";
+  tableEl.style.boxSizing = "border-box";
+  tableEl.style.backgroundColor = "#ffffff";
+  const thead = document.createElement("thead");
+  const tbody = document.createElement("tbody");
+  table.rows.forEach((rowCells, rIdx) => {
+    const tr = document.createElement("tr");
+    const isHeader = rIdx === 0;
+    if (isHeader) {
+      tr.style.backgroundColor = "#f8fafc";
+      tr.style.borderBottom = "2px solid #cbd5e1";
+    } else {
+      tr.style.borderBottom = "1px solid #e2e8f0";
+      if (rIdx % 2 === 0) {
+        tr.style.backgroundColor = "#fcfdfe";
+      }
+    }
+    rowCells.forEach((cellText, cIdx) => {
+      const cellEl = document.createElement(isHeader ? "th" : "td");
+      cellEl.style.padding = "8px 12px";
+      cellEl.style.border = "1px solid #cbd5e1";
+      cellEl.style.verticalAlign = "top";
+      cellEl.style.color = isHeader ? "#0f172a" : "#1e293b";
+      cellEl.style.fontWeight = isHeader ? "600" : "normal";
+      if (table.colPercents && table.colPercents[cIdx]) {
+        cellEl.style.width = `${table.colPercents[cIdx]}%`;
+      }
+      if (/^\d+$/.test(cellText.trim()) || cellText.trim() === "#") {
+        cellEl.style.textAlign = "center";
+      } else {
+        cellEl.style.textAlign = "left";
+      }
+      cellEl.textContent = cellText;
+      tr.appendChild(cellEl);
+    });
+    if (isHeader) {
+      thead.appendChild(tr);
+    } else {
+      tbody.appendChild(tr);
+    }
+  });
+  tableEl.appendChild(thead);
+  tableEl.appendChild(tbody);
+  return tableEl;
+}
 var RtfPlugin = class {
   id = "rtf";
   name = "Rich Text Format (RTF)";
@@ -5371,6 +5450,14 @@ var RtfPlugin = class {
       }
     });
     actions.push(
+      {
+        id: "thumbnails",
+        icon: "thumbnails",
+        label: "Thumbnails",
+        type: "button",
+        group: "view",
+        execute: () => instance.toggleThumbnails?.()
+      },
       {
         id: "zoom-out",
         icon: "zoom-out",
@@ -5498,6 +5585,8 @@ var RtfPlugin = class {
       if (typeof RTFJS__namespace.loggingEnabled === "function") {
         RTFJS__namespace.loggingEnabled(false);
       }
+      const rawText = new TextDecoder("latin1").decode(ctx.buffer);
+      const tables = parseRtfTables(rawText);
       const doc = new RTFJS__namespace.Document(ctx.buffer, {});
       const htmlElements = await doc.render();
       const contentNodes = [];
@@ -5512,6 +5601,20 @@ var RtfPlugin = class {
           if (hasChildBlocks && !["table", "tr", "td", "th", "ul", "ol", "li"].includes(tag)) {
             extractBlocks(Array.from(item.children));
           } else {
+            const svgs = item.querySelectorAll("svg, img");
+            svgs.forEach((s) => {
+              const el = s;
+              el.style.maxWidth = "100%";
+              el.style.maxHeight = "360px";
+              el.style.display = "block";
+              el.style.margin = "12px auto";
+              if (s.tagName.toLowerCase() === "svg") {
+                s.removeAttribute("width");
+                s.removeAttribute("height");
+                el.style.width = "100%";
+                el.style.maxHeight = "360px";
+              }
+            });
             if (tag === "p" || tag === "div") {
               item.style.display = "block";
               item.style.marginBottom = "12px";
@@ -5522,14 +5625,46 @@ var RtfPlugin = class {
         }
       };
       extractBlocks(htmlElements);
+      tables.forEach((table) => {
+        const tableEl = renderRtfTableElement(table);
+        let inserted = false;
+        if (table.anchorBefore && table.anchorBefore.length > 10) {
+          const keyword = table.anchorBefore.slice(-35).trim();
+          for (let i = 0; i < contentNodes.length; i++) {
+            if (contentNodes[i].textContent?.includes(keyword)) {
+              contentNodes.splice(i + 1, 0, tableEl);
+              inserted = true;
+              break;
+            }
+          }
+        }
+        if (!inserted && table.anchorAfter && table.anchorAfter.length > 10) {
+          const keyword = table.anchorAfter.slice(0, 35).trim();
+          for (let i = 0; i < contentNodes.length; i++) {
+            if (contentNodes[i].textContent?.includes(keyword)) {
+              contentNodes.splice(i, 0, tableEl);
+              inserted = true;
+              break;
+            }
+          }
+        }
+        if (!inserted) {
+          if (contentNodes.length > 2) {
+            contentNodes.splice(2, 0, tableEl);
+          } else {
+            contentNodes.push(tableEl);
+          }
+        }
+      });
       wrapper.innerHTML = "";
       contentNodes.forEach((node) => wrapper.appendChild(node));
       const childHeights = contentNodes.map((c) => {
         const rectH = c.getBoundingClientRect ? c.getBoundingClientRect().height : 0;
         const offH = c.offsetHeight || 0;
+        const realH = Math.max(rectH, offH);
+        if (realH > 0) return realH;
         const textLen = c.textContent?.trim().length || 0;
-        const estH = Math.max(28, Math.ceil(textLen / 75) * 24 + 16);
-        return Math.max(rectH, offH, estH);
+        return Math.max(24, Math.ceil(textLen / 95) * 22 + 12);
       });
       wrapper.innerHTML = "";
       const createRtfCard = () => {
@@ -5538,7 +5673,7 @@ var RtfPlugin = class {
         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.padding = "64px 56px";
         card.style.width = "816px";
         card.style.minHeight = "1056px";
         card.style.boxSizing = "border-box";
@@ -5552,22 +5687,35 @@ var RtfPlugin = class {
       wrapper.appendChild(curCard);
       pageElements = [curCard];
       let curH = 0;
-      const maxH = 912;
+      const maxH = 928;
       for (let i = 0; i < contentNodes.length; i++) {
         const child = contentNodes[i];
         const chH = childHeights[i];
-        curCard.appendChild(child);
-        curH += chH;
-        if (curH >= maxH && i < contentNodes.length - 1) {
+        const isChildEmpty = (child.textContent || "").trim().length === 0 && !child.querySelector("table, img, svg, canvas");
+        if (curH === 0 && isChildEmpty) {
+          continue;
+        }
+        if (curH + chH > maxH && curCard.childNodes.length > 0) {
           curCard = createRtfCard();
           wrapper.appendChild(curCard);
           pageElements.push(curCard);
           curH = 0;
         }
+        curCard.appendChild(child);
+        curH += chH;
+      }
+      pageElements = pageElements.filter((card) => {
+        const hasText = (card.textContent || "").trim().length > 0;
+        const hasMedia = card.querySelector("table, img, svg, canvas") !== null;
+        return hasText || hasMedia;
+      });
+      if (pageElements.length === 0) {
+        pageElements = [curCard];
       }
     } catch (err) {
       console.warn("[RtfPlugin] RTF render error, fallback text:", err);
       const text = new TextDecoder("latin1").decode(ctx.buffer);
+      const tables = parseRtfTables(text);
       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);
@@ -5578,7 +5726,7 @@ var RtfPlugin = class {
         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.padding = "64px 56px";
         pageCard.style.width = "816px";
         pageCard.style.minHeight = "1056px";
         pageCard.style.boxSizing = "border-box";
@@ -5589,6 +5737,9 @@ var RtfPlugin = class {
         pageCard.style.whiteSpace = "pre-wrap";
         pageCard.style.display = i === 0 ? "block" : "none";
         pageCard.textContent = pages[i];
+        if (i === 1 && tables.length > 0) {
+          tables.forEach((tbl) => pageCard.appendChild(renderRtfTableElement(tbl)));
+        }
         wrapper.appendChild(pageCard);
         pageElements.push(pageCard);
       }
@@ -5619,6 +5770,32 @@ var RtfPlugin = class {
       getPageCount: () => totalPages,
       getCurrentPage: () => currentPage,
       goToPage: (page) => showPage(page),
+      getThumbnails: async () => {
+        const items = [];
+        for (let idx = 0; idx < totalPages; idx++) {
+          const pageIdx = idx;
+          items.push({
+            index: pageIdx,
+            label: `Page ${pageIdx + 1}`,
+            render: async (canvas) => {
+              const ctx2d = canvas.getContext("2d");
+              if (!ctx2d) return;
+              canvas.width = 140;
+              canvas.height = 180;
+              ctx2d.fillStyle = "#ffffff";
+              ctx2d.fillRect(0, 0, 140, 180);
+              ctx2d.strokeStyle = "#cbd5e1";
+              ctx2d.lineWidth = 1;
+              ctx2d.strokeRect(0.5, 0.5, 139, 179);
+              ctx2d.fillStyle = "#334155";
+              ctx2d.font = 'bold 11px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
+              ctx2d.textAlign = "center";
+              ctx2d.fillText(`Page ${pageIdx + 1}`, 70, 95);
+            }
+          });
+        }
+        return items;
+      },
       zoomIn: () => {
         isUserZoomed = true;
         scale += 0.15;
@@ -7656,6 +7833,8 @@ var FilePreview = react.memo(react.forwardRef(
     onError,
     onPageChange,
     onZoomChange,
+    onRotate,
+    onDestroy,
     className,
     style
   }, ref) => {
@@ -7678,6 +7857,8 @@ var FilePreview = react.memo(react.forwardRef(
       if (onError) unsubs.push(viewer.on("error", (e) => onError(e instanceof Error ? e : new Error(String(e)))));
       if (onPageChange) unsubs.push(viewer.on("page-change", onPageChange));
       if (onZoomChange) unsubs.push(viewer.on("zoom-change", onZoomChange));
+      if (onRotate) unsubs.push(viewer.on("rotate", onRotate));
+      if (onDestroy) unsubs.push(viewer.on("destroy", onDestroy));
       return () => {
         unsubs.forEach((fn) => fn());
         viewer.destroy();