@files-preview-app/preview-file 1.2.2 → 1.2.4

package/dist/react.js

@@ -1,5 +1,5 @@
 import { memo, forwardRef, useRef, useImperativeHandle, useEffect } from 'react';
-import DOMPurify6 from 'dompurify';
+import DOMPurify2 from 'dompurify';
 import * as docx from 'docx-preview';
 import { unzipSync, strFromU8, unzip } from 'fflate';
 import * as XLSX from 'xlsx';
@@ -10,7 +10,7 @@ import * as THREE from 'three';
 import { STLLoader } from 'three/examples/jsm/loaders/STLLoader.js';
 import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader.js';
 import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
-import { RTFJS } from 'rtf.js';
+import * as RTFJS from 'rtf.js/dist/RTFJS.bundle.js';
 import { jsx } from 'react/jsx-runtime';
 
 // src/react.tsx
@@ -267,6 +267,39 @@ function detectOoxmlType(buffer) {
   }
   return "application/zip";
 }
+function detectCfbfType(buffer) {
+  const bytes = new Uint8Array(buffer);
+  const hasUtf16le = (str) => {
+    const target = new Uint8Array(str.length * 2);
+    for (let i = 0; i < str.length; i++) {
+      target[i * 2] = str.charCodeAt(i);
+      target[i * 2 + 1] = 0;
+    }
+    const targetLen = target.length;
+    const max = bytes.length - targetLen;
+    for (let i = 0; i <= max; i++) {
+      let match = true;
+      for (let j = 0; j < targetLen; j++) {
+        if (bytes[i + j] !== target[j]) {
+          match = false;
+          break;
+        }
+      }
+      if (match) return true;
+    }
+    return false;
+  };
+  if (hasUtf16le("PowerPoint Document")) {
+    return { mime: "application/vnd.ms-powerpoint", extension: ".ppt" };
+  }
+  if (hasUtf16le("WordDocument")) {
+    return { mime: "application/msword", extension: ".doc" };
+  }
+  if (hasUtf16le("Workbook") || hasUtf16le("Book")) {
+    return { mime: "application/vnd.ms-excel", extension: ".xls" };
+  }
+  return null;
+}
 function extractExtension(nameOrUrl) {
   try {
     const url = new URL(nameOrUrl);
@@ -331,6 +364,18 @@ async function sourceToArrayBuffer(source, signal) {
       } else {
         metadata.mimeType = metadata.mimeType ?? magicMime;
       }
+    } else if (magicMime === "application/x-cfbf") {
+      if (metadata.extension) {
+        metadata.mimeType = mimeFromExtension(metadata.extension) ?? magicMime;
+      } else {
+        const cfbf = detectCfbfType(buffer);
+        if (cfbf) {
+          metadata.mimeType = cfbf.mime;
+          metadata.extension = cfbf.extension;
+        } else {
+          metadata.mimeType = magicMime;
+        }
+      }
     } else {
       metadata.mimeType = magicMime;
     }
@@ -341,7 +386,7 @@ async function sourceToArrayBuffer(source, signal) {
   return { buffer, metadata };
 }
 function sanitizeSVG(svg) {
-  return DOMPurify6.sanitize(svg, {
+  return DOMPurify2.sanitize(svg, {
     USE_PROFILES: { svg: true, svgFilters: true }
   });
 }
@@ -401,6 +446,9 @@ var ICON_THUMBNAILS = `<svg width="24" height="24" viewBox="0 0 24 24" fill="non
 var ICON_CLOSE = `<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="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>`;
 var ICON_FULLSCREEN = `<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="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg>`;
 var ICON_COPY = `<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="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>`;
+var ICON_FAST_FORWARD = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 19 22 12 13 5 13 19"></polygon><polygon points="2 19 11 12 2 5 2 19"></polygon></svg>`;
+var ICON_REWIND = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="11 19 2 12 11 5 11 19"></polygon><polygon points="22 19 13 12 22 5 22 19"></polygon></svg>`;
+var ICON_SPEED = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>`;
 var ICON_MAP = {
   "zoom-in": ICON_ZOOM_IN,
   "zoom-out": ICON_ZOOM_OUT,
@@ -421,7 +469,12 @@ var ICON_MAP = {
   "page-prev": ICON_PAGE_PREV,
   "page-next": ICON_PAGE_NEXT,
   "chevron-left": ICON_PAGE_PREV,
-  "chevron-right": ICON_PAGE_NEXT
+  "chevron-right": ICON_PAGE_NEXT,
+  "fast-forward": ICON_FAST_FORWARD,
+  "forward-10": ICON_FAST_FORWARD,
+  "rewind": ICON_REWIND,
+  "replay-10": ICON_REWIND,
+  "speed": ICON_SPEED
 };
 var ToolbarController = class {
   el;
@@ -1389,6 +1442,16 @@ var MediaPlugin = class {
     }
     if (instance.play) {
       actions.push(
+        {
+          id: "replay-10",
+          icon: "replay-10",
+          label: "Rewind 10s",
+          type: "button",
+          group: "actions",
+          execute: () => {
+            instance.rewind?.(10);
+          }
+        },
         {
           id: "play",
           icon: "play",
@@ -1408,6 +1471,26 @@ var MediaPlugin = class {
           execute: () => {
             instance.pause?.();
           }
+        },
+        {
+          id: "forward-10",
+          icon: "forward-10",
+          label: "Fast Forward 10s",
+          type: "button",
+          group: "actions",
+          execute: () => {
+            instance.fastForward?.(10);
+          }
+        },
+        {
+          id: "speed",
+          icon: "speed",
+          label: "Playback Speed",
+          type: "button",
+          group: "actions",
+          execute: () => {
+            instance.cycleSpeed?.();
+          }
         }
       );
     }
@@ -1530,6 +1613,28 @@ var MediaPlugin = class {
       play: mediaElement ? () => mediaElement?.play() : void 0,
       pause: mediaElement ? () => mediaElement?.pause() : void 0,
       isPlaying: mediaElement ? () => !mediaElement?.paused : void 0,
+      fastForward: mediaElement ? (seconds = 10) => {
+        if (mediaElement) {
+          mediaElement.currentTime = Math.min(mediaElement.duration || Infinity, mediaElement.currentTime + seconds);
+        }
+      } : void 0,
+      rewind: mediaElement ? (seconds = 10) => {
+        if (mediaElement) {
+          mediaElement.currentTime = Math.max(0, mediaElement.currentTime - seconds);
+        }
+      } : void 0,
+      cycleSpeed: mediaElement ? () => {
+        if (mediaElement) {
+          const speeds = [1, 1.25, 1.5, 2, 0.5];
+          const curIndex = speeds.indexOf(mediaElement.playbackRate);
+          const nextIndex = curIndex === -1 ? 0 : (curIndex + 1) % speeds.length;
+          mediaElement.playbackRate = speeds[nextIndex];
+        }
+      } : void 0,
+      setPlaybackRate: mediaElement ? (rate) => {
+        if (mediaElement) mediaElement.playbackRate = rate;
+      } : void 0,
+      getPlaybackRate: mediaElement ? () => mediaElement?.playbackRate ?? 1 : void 0,
       download: () => {
         const a = document.createElement("a");
         a.href = url;
@@ -1559,7 +1664,10 @@ var DocxPlugin = class {
   supports(file) {
     const ext = file.metadata.extension?.toLowerCase();
     const mime = file.metadata.mimeType?.toLowerCase();
-    return this.extensions.includes(ext || "") || this.mimeTypes.includes(mime || "");
+    if (ext) {
+      return this.extensions.includes(ext);
+    }
+    return this.mimeTypes.includes(mime || "");
   }
   getToolbarActions(instance) {
     return [
@@ -1611,16 +1719,35 @@ var DocxPlugin = class {
     wrapper.style.transformOrigin = "top center";
     wrapper.style.transition = "transform 0.2s ease";
     wrapper.style.padding = "24px 16px";
-    wrapper.style.maxWidth = "900px";
+    wrapper.style.maxWidth = "950px";
     wrapper.style.margin = "0 auto";
     wrapper.style.boxSizing = "border-box";
     ctx.container.style.overflow = "auto";
     ctx.container.style.backgroundColor = "#f1f5f9";
     ctx.container.appendChild(wrapper);
+    const styleOverride = document.createElement("style");
+    styleOverride.textContent = `
+      .fp-docx-wrapper .docx-wrapper {
+        background: transparent !important;
+        padding: 0 !important;
+        display: flex !important;
+        flex-direction: column !important;
+        align-items: center !important;
+        box-sizing: border-box !important;
+      }
+      .fp-docx-wrapper section.docx {
+        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08) !important;
+        border-radius: 4px !important;
+        margin-bottom: 24px !important;
+        background-color: #ffffff !important;
+      }
+    `;
+    ctx.container.appendChild(styleOverride);
     let scale = 1;
     let renderedSuccessfully = false;
+    const createdBlobUrls = [];
     try {
-      await docx.renderAsync(ctx.buffer, wrapper, ctx.container, {
+      await docx.renderAsync(ctx.buffer, wrapper, wrapper, {
         inWrapper: true,
         ignoreWidth: false,
         ignoreHeight: false,
@@ -1629,19 +1756,25 @@ var DocxPlugin = class {
         breakPages: true,
         experimental: true
       });
+      if (!ctx.container.contains(wrapper)) {
+        ctx.container.appendChild(wrapper);
+      }
       if (wrapper.children.length > 0 && (wrapper.textContent?.trim().length ?? 0) > 0) {
         renderedSuccessfully = true;
       }
     } catch (err) {
-      console.warn("[DocxPlugin] docx-preview failed, triggering native XML fallback:", err);
+      console.warn("[DocxPlugin] docx-preview failed, triggering native fallback:", err);
     }
     if (!renderedSuccessfully) {
       try {
         wrapper.innerHTML = "";
-        this.renderXmlFallback(ctx, wrapper);
+        this.renderXmlFallback(ctx, wrapper, createdBlobUrls);
+        if (!ctx.container.contains(wrapper)) {
+          ctx.container.appendChild(wrapper);
+        }
         renderedSuccessfully = true;
       } catch (fallbackErr) {
-        console.error("[DocxPlugin] XML fallback failed:", fallbackErr);
+        console.error("[DocxPlugin] Native fallback failed:", fallbackErr);
         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>
@@ -1649,10 +1782,17 @@ var DocxPlugin = class {
             <p style="color: #64748b; margin: 0;">Could not parse document content</p>
           </div>
         `;
+        if (!ctx.container.contains(wrapper)) {
+          ctx.container.appendChild(wrapper);
+        }
       }
     }
     const cleanup = () => {
+      for (const url of createdBlobUrls) {
+        URL.revokeObjectURL(url);
+      }
       wrapper.remove();
+      styleOverride.remove();
       ctx.container.innerHTML = "";
     };
     ctx.signal.addEventListener("abort", cleanup);
@@ -1689,13 +1829,50 @@ var DocxPlugin = class {
       }
     };
   }
-  renderXmlFallback(ctx, wrapper) {
+  renderXmlFallback(ctx, wrapper, createdBlobUrls) {
+    const magic = new Uint8Array(ctx.buffer.slice(0, 8));
+    if (magic[0] === 208 && magic[1] === 207 && magic[2] === 17 && magic[3] === 224) {
+      this.renderBinaryDocFallback(ctx, wrapper);
+      return;
+    }
     const unzipped = unzipSync(new Uint8Array(ctx.buffer));
-    const docXmlEntry = unzipped["word/document.xml"];
+    const docKey = Object.keys(unzipped).find((k) => k.replace(/^[./\\]+/, "").toLowerCase() === "word/document.xml");
+    const docXmlEntry = docKey ? unzipped[docKey] : void 0;
     if (!docXmlEntry) throw new Error("Missing word/document.xml in DOCX package");
     const xmlStr = strFromU8(docXmlEntry);
     const parser = new DOMParser();
     const doc = parser.parseFromString(xmlStr, "application/xml");
+    const imageMap = {};
+    const relsKey = Object.keys(unzipped).find((k) => k.replace(/^[./\\]+/, "").toLowerCase() === "word/_rels/document.xml.rels");
+    if (relsKey && unzipped[relsKey]) {
+      try {
+        const relsXml = strFromU8(unzipped[relsKey]);
+        const relsDoc = parser.parseFromString(relsXml, "application/xml");
+        const relEls = Array.from(relsDoc.getElementsByTagName("Relationship"));
+        for (const rel of relEls) {
+          const rId = rel.getAttribute("Id");
+          const target = rel.getAttribute("Target");
+          if (rId && target) {
+            const cleanTarget = target.replace(/^\.\.\//, "").replace(/^\//, "");
+            const fullTargetKey = Object.keys(unzipped).find((k) => {
+              const norm = k.replace(/^[./\\]+/, "").toLowerCase();
+              return norm === ("word/" + cleanTarget).toLowerCase() || norm === cleanTarget.toLowerCase();
+            });
+            if (fullTargetKey && unzipped[fullTargetKey]) {
+              const bytes = unzipped[fullTargetKey];
+              const ext = cleanTarget.split(".").pop()?.toLowerCase() || "png";
+              const mime = ext === "jpg" || ext === "jpeg" ? "image/jpeg" : ext === "gif" ? "image/gif" : ext === "svg" ? "image/svg+xml" : "image/png";
+              const blob = new Blob([bytes], { type: mime });
+              const blobUrl = URL.createObjectURL(blob);
+              imageMap[rId] = blobUrl;
+              createdBlobUrls.push(blobUrl);
+            }
+          }
+        }
+      } catch (relsErr) {
+        console.warn("[DocxPlugin] Error parsing relationships:", relsErr);
+      }
+    }
     const card = document.createElement("div");
     card.className = "fp-docx-page-card";
     card.style.backgroundColor = "#ffffff";
@@ -1713,7 +1890,7 @@ var DocxPlugin = class {
         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);
+        const textContent = this.extractParagraphHtml(child, imageMap);
         if (!textContent.trim()) {
           html += '<div style="height: 10px;"></div>';
           continue;
@@ -1739,7 +1916,7 @@ var DocxPlugin = class {
           html += `<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);
+            const cellText = this.extractParagraphHtml(tc, imageMap);
             html += `<td style="border: 1px solid #cbd5e1; padding: 8px 12px; font-size: 13px;">${cellText || "&nbsp;"}</td>`;
           });
           html += "</tr>";
@@ -1747,34 +1924,63 @@ var DocxPlugin = class {
         html += "</table>";
       }
     }
-    card.innerHTML = DOMPurify6.sanitize(html, {
-      ADD_TAGS: ["h1", "h2", "h3", "h4", "p", "table", "tr", "td", "span", "b", "i", "u", "img", "div"],
+    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);
   }
-  extractParagraphHtml(pElement) {
+  extractParagraphHtml(pElement, imageMap = {}) {
     let result = "";
+    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>`;
+      }
+    }
     const runs = Array.from(pElement.getElementsByTagNameNS("*", "r"));
-    if (runs.length === 0) {
-      return DOMPurify6.sanitize(pElement.textContent || "");
+    if (runs.length === 0 && !result) {
+      return DOMPurify2.sanitize(pElement.textContent || "");
     }
     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;" />`;
+      }
+      const brs = r.getElementsByTagNameNS("*", "br");
+      for (let i = 0; i < brs.length; i++) {
+        result += "<br/>";
+      }
+      const tabs = r.getElementsByTagNameNS("*", "tab");
+      if (tabs.length > 0) {
+        result += "&emsp;";
+      }
       const rPr = r.getElementsByTagNameNS("*", "rPr")[0];
       const isBold = !!rPr?.getElementsByTagNameNS("*", "b")[0];
       const isItalic = !!rPr?.getElementsByTagNameNS("*", "i")[0];
       const isUnderline = !!rPr?.getElementsByTagNameNS("*", "u")[0];
+      const isStrike = !!rPr?.getElementsByTagNameNS("*", "strike")[0];
       const colorNode = rPr?.getElementsByTagNameNS("*", "color")[0];
       const colorVal = colorNode?.getAttribute("w:val") || colorNode?.getAttribute("val");
+      const szNode = rPr?.getElementsByTagNameNS("*", "sz")[0];
+      const szVal = szNode?.getAttribute("w:val") || szNode?.getAttribute("val");
       const texts = Array.from(r.getElementsByTagNameNS("*", "t"));
       let text = texts.map((t) => t.textContent || "").join("");
       if (!text) continue;
-      text = DOMPurify6.sanitize(text);
+      text = DOMPurify2.sanitize(text);
       let styles = "";
       if (isBold) styles += "font-weight: bold; ";
       if (isItalic) styles += "font-style: italic; ";
       if (isUnderline) styles += "text-decoration: underline; ";
+      if (isStrike) styles += "text-decoration: line-through; ";
       if (colorVal && colorVal !== "auto") styles += `color: #${colorVal}; `;
+      if (szVal) {
+        const pt = parseInt(szVal, 10) / 2;
+        if (!isNaN(pt) && pt > 0) styles += `font-size: ${pt}pt; `;
+      }
       if (styles) {
         result += `<span style="${styles}">${text}</span>`;
       } else {
@@ -1783,6 +1989,52 @@ var DocxPlugin = class {
     }
     return result;
   }
+  renderBinaryDocFallback(ctx, wrapper) {
+    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";
+    try {
+      const cfbf = new CfbfReader(ctx.buffer);
+      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>`;
+        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>`;
+    wrapper.appendChild(card);
+  }
+  extractReadableStrings(bytes) {
+    let result = "";
+    let current = "";
+    for (let i = 0; i < bytes.length; i++) {
+      const b = bytes[i];
+      if (b >= 32 && b <= 126 || b === 10 || b === 13 || b === 9) {
+        current += String.fromCharCode(b);
+      } else if (b === 0 && i + 1 < bytes.length && bytes[i + 1] >= 32 && bytes[i + 1] <= 126) {
+        continue;
+      } else {
+        if (current.trim().length > 3) {
+          result += current.trim() + "\n\n";
+        }
+        current = "";
+      }
+    }
+    if (current.trim().length > 3) {
+      result += current.trim();
+    }
+    return result;
+  }
 };
 function docxPlugin() {
   return new DocxPlugin();
@@ -1804,7 +2056,10 @@ var ExcelPlugin = class {
   supports(file) {
     const ext = file.metadata.extension?.toLowerCase();
     const mime = file.metadata.mimeType?.toLowerCase();
-    return this.extensions.includes(ext || "") || this.mimeTypes.includes(mime || "");
+    if (ext) {
+      return this.extensions.includes(ext);
+    }
+    return this.mimeTypes.includes(mime || "");
   }
   getToolbarActions(instance) {
     return [
@@ -2594,7 +2849,7 @@ var MarkdownPlugin = class {
       gfm: true,
       breaks: true
     });
-    const cleanHtml = DOMPurify6.sanitize(rawHtml, {
+    const cleanHtml = DOMPurify2.sanitize(rawHtml, {
       USE_PROFILES: { html: true }
     });
     const wrapper = document.createElement("div");
@@ -2746,7 +3001,10 @@ var PptxPlugin = class {
   supports(file) {
     const ext = file.metadata.extension?.toLowerCase();
     const mime = file.metadata.mimeType?.toLowerCase();
-    return this.extensions.includes(ext || "") || this.mimeTypes.includes(mime || "");
+    if (ext) {
+      return this.extensions.includes(ext);
+    }
+    return this.mimeTypes.includes(mime || "");
   }
   getToolbarActions(instance) {
     return [
@@ -3191,6 +3449,9 @@ var RtfPlugin = class {
     ctx.container.appendChild(wrapper);
     let scale = 1;
     try {
+      if (typeof RTFJS.loggingEnabled === "function") {
+        RTFJS.loggingEnabled(false);
+      }
       const doc = new RTFJS.Document(ctx.buffer, {});
       const htmlElements = await doc.render();
       for (const el of htmlElements) {
@@ -3309,7 +3570,7 @@ var HtmlPreviewPlugin = class {
   }
   async render(ctx) {
     const rawHtml = new TextDecoder("utf-8").decode(ctx.buffer);
-    const sanitized = DOMPurify6.sanitize(rawHtml, {
+    const sanitized = DOMPurify2.sanitize(rawHtml, {
       WHOLE_DOCUMENT: true,
       ADD_TAGS: ["style", "link"],
       ADD_ATTR: ["target", "rel"]
@@ -3389,7 +3650,10 @@ var OpenDocumentPlugin = class {
   supports(file) {
     const ext = file.metadata.extension?.toLowerCase();
     const mime = file.metadata.mimeType?.toLowerCase();
-    return this.extensions.includes(ext || "") || this.mimeTypes.includes(mime || "");
+    if (ext) {
+      return this.extensions.includes(ext);
+    }
+    return this.mimeTypes.includes(mime || "");
   }
   getToolbarActions(instance) {
     const isPresentation = instance.isPresentation;
@@ -3552,7 +3816,7 @@ var OpenDocumentPlugin = class {
       wrapper.style.padding = "48px";
       wrapper.style.minHeight = "100%";
       const bodyHtml = this.renderOdfBody(contentDoc, styleMap, imageUrls);
-      wrapper.innerHTML = DOMPurify6.sanitize(bodyHtml, {
+      wrapper.innerHTML = DOMPurify2.sanitize(bodyHtml, {
         ADD_TAGS: ["math", "semantics", "mrow", "mi", "mo", "mn", "msup", "msub"],
         ADD_ATTR: ["style", "colspan", "rowspan"]
       });
@@ -3804,7 +4068,10 @@ var DocPlugin = class {
   supports(file) {
     const ext = file.metadata.extension?.toLowerCase();
     const mime = file.metadata.mimeType?.toLowerCase();
-    return this.extensions.includes(ext || "") || this.mimeTypes.includes(mime || "");
+    if (ext) {
+      return this.extensions.includes(ext);
+    }
+    return this.mimeTypes.includes(mime || "");
   }
   getToolbarActions(instance) {
     return [
@@ -4027,22 +4294,22 @@ var DocPlugin = class {
    * Scans a byte array for continuous sequences of readable characters (ANSI and UTF-16LE)
    */
   extractStringsFromBytes(bytes) {
-    const chars = [];
-    const len = bytes.length;
-    for (let i = 0; i < len; i++) {
-      const b = bytes[i];
-      if (b === 13 || b === 10 || b === 9 || b >= 32 && b <= 126 || b >= 160 && b <= 255) {
-        chars.push(String.fromCharCode(b));
-      } else if (b === 0 && i + 1 < len && bytes[i + 1] >= 32 && bytes[i + 1] <= 126) {
-        chars.push(String.fromCharCode(bytes[i + 1]));
-        i++;
-      } else if (b === 7) {
-        chars.push("	");
-      } else if (b === 12) {
-        chars.push("\n\n---PAGE---\n\n");
+    const rawAnsi = new TextDecoder("latin1").decode(bytes);
+    const rawUtf16 = new TextDecoder("utf-16le", { fatal: false }).decode(bytes);
+    const ansiRuns = rawAnsi.match(/[\x20-\x7E\t\r\n]{4,}/g) || [];
+    const utf16Runs = rawUtf16.match(/[\x20-\x7E\t\r\n]{4,}/g) || [];
+    const candidateLines = [];
+    const seen = /* @__PURE__ */ new Set();
+    for (const run of [...ansiRuns, ...utf16Runs]) {
+      const trimmed = run.trim();
+      if (trimmed.length >= 4 && /[a-zA-Z]/.test(trimmed) && !seen.has(trimmed)) {
+        if (!trimmed.includes("Normal.dot") && !trimmed.includes("Microsoft Word") && !trimmed.includes("Times New Roman") && !trimmed.startsWith("\xD0\xCF\xE0\xA1\xB1\xE1") && !/^[\W_0-9]+$/.test(trimmed)) {
+          seen.add(trimmed);
+          candidateLines.push(trimmed);
+        }
       }
     }
-    return chars.join("");
+    return candidateLines.join("\n\n");
   }
   heuristicTextExtraction(buffer) {
     return this.extractStringsFromBytes(new Uint8Array(buffer));
@@ -4072,24 +4339,24 @@ 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;">${DOMPurify6.sanitize(line)}</h2>`;
+        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>`;
       } 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;">${DOMPurify6.sanitize(bulletText)}</li>`;
+        html += `<li style="margin: 4px 0; line-height: 1.6;">${DOMPurify2.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;">${DOMPurify6.sanitize(line)}</p>`;
+        html += `<p style="line-height: 1.7; margin: 10px 0; font-size: 14px; text-align: justify;">${DOMPurify2.sanitize(line)}</p>`;
       }
     }
     if (inList) html += "</ul>";
-    return html || `<p style="color: #64748b; font-style: italic;">(No readable text found in ${DOMPurify6.sanitize(filename)})</p>`;
+    return html || `<p style="color: #64748b; font-style: italic;">(No readable text found in ${DOMPurify2.sanitize(filename)})</p>`;
   }
 };
 function docPlugin() {
@@ -4097,14 +4364,17 @@ function docPlugin() {
 }
 var PptPlugin = class {
   id = "ppt";
-  name = "Legacy PowerPoint Presentation (.ppt, .pps, .pot)";
+  name = "PowerPoint Presentation (.ppt, .pps, .pot)";
   extensions = [".ppt", ".pps", ".pot"];
   mimeTypes = ["application/vnd.ms-powerpoint"];
-  weight = 75;
+  weight = 85;
   supports(file) {
     const ext = file.metadata.extension?.toLowerCase();
     const mime = file.metadata.mimeType?.toLowerCase();
-    return this.extensions.includes(ext || "") || this.mimeTypes.includes(mime || "");
+    if (ext) {
+      return this.extensions.includes(ext);
+    }
+    return this.mimeTypes.includes(mime || "");
   }
   getToolbarActions(instance) {
     return [
@@ -4192,19 +4462,15 @@ var PptPlugin = class {
     container.style.alignItems = "center";
     container.style.padding = "32px 16px";
     container.style.backgroundColor = "#0f172a";
+    container.style.boxSizing = "border-box";
     const slideCard = document.createElement("div");
     slideCard.className = "fp-ppt-slide-card";
     slideCard.style.width = "960px";
-    slideCard.style.maxWidth = "90%";
+    slideCard.style.maxWidth = "92%";
     slideCard.style.aspectRatio = "16 / 9";
     slideCard.style.backgroundColor = "#ffffff";
-    slideCard.style.boxShadow = "0 8px 30px rgba(0,0,0,0.3)";
+    slideCard.style.boxShadow = "0 12px 40px rgba(0,0,0,0.35)";
     slideCard.style.borderRadius = "8px";
-    slideCard.style.padding = "48px";
-    slideCard.style.display = "flex";
-    slideCard.style.flexDirection = "column";
-    slideCard.style.justifyContent = "center";
-    slideCard.style.alignItems = "center";
     slideCard.style.boxSizing = "border-box";
     slideCard.style.position = "relative";
     slideCard.style.overflow = "hidden";
@@ -4215,21 +4481,25 @@ var PptPlugin = class {
     let scale = 1;
     let currentSlide = 1;
     let slides = [];
+    const createdBlobUrls = [];
     try {
       const cfbf = new CfbfReader(ctx.buffer);
       const pptStream = cfbf.readStream("PowerPoint Document");
       if (!pptStream || pptStream.length < 512) {
         throw new Error("PowerPoint Document stream not found in CFBF container");
       }
-      slides = this.extractSlides(pptStream);
+      const pictures = this.extractPictures(cfbf, createdBlobUrls);
+      slides = this.extractSlides(pptStream, pictures);
     } catch (err) {
       console.warn("[PptPlugin] Error extracting binary slides:", err);
     }
     if (slides.length === 0) {
       slides = [
         {
+          slideIndex: 1,
           title: ctx.metadata.name || "PowerPoint Presentation",
-          texts: ["Legacy PowerPoint 97-2003 Presentation", "Preview loaded successfully"]
+          paragraphs: ["Legacy PowerPoint 97-2003 Presentation", "Preview loaded successfully"],
+          tableColumns: []
         }
       ];
     }
@@ -4238,23 +4508,73 @@ var PptPlugin = class {
       currentSlide = idx;
       const s = slides[idx - 1];
       if (!s) return;
+      let contentHtml = "";
+      if (s.pictureUrl) {
+        contentHtml = `
+          <div style="flex: 1; display: flex; justify-content: center; align-items: center; padding: 12px; overflow: hidden;">
+            <img src="${s.pictureUrl}" alt="${DOMPurify2.sanitize(s.title)}" style="max-width: 95%; max-height: 95%; object-fit: contain; border-radius: 6px; box-shadow: 0 4px 16px rgba(0,0,0,0.1); background: #ffffff;" />
+          </div>
+        `;
+      } else if (s.tableColumns.length > 0) {
+        const cols = s.tableColumns;
+        contentHtml = `
+          <div style="flex: 1; overflow: auto; padding: 8px 0;">
+            <table style="width: 100%; border-collapse: collapse; border: 1px solid #cbd5e1; border-radius: 6px; overflow: hidden; background: #ffffff;">
+              <thead>
+                <tr style="background: #e2e8f0; color: #1e293b; font-weight: 600; font-size: 14px;">
+                  ${cols.map((c) => `<th style="padding: 12px 16px; border: 1px solid #cbd5e1; text-align: left;">${DOMPurify2.sanitize(c)}</th>`).join("")}
+                </tr>
+              </thead>
+              <tbody>
+                ${[1, 2, 3, 4, 5].map((rowIdx) => `
+                  <tr style="${rowIdx % 2 === 0 ? "background: #f8fafc;" : "background: #ffffff;"}">
+                    ${cols.map((_, cIdx) => `<td style="padding: 10px 16px; border: 1px solid #e2e8f0; font-size: 13px; color: #334155;">Data ${rowIdx}-${cIdx + 1}</td>`).join("")}
+                  </tr>
+                `).join("")}
+              </tbody>
+            </table>
+          </div>
+        `;
+      } else {
+        const pTags = s.paragraphs.map((p) => {
+          const lines = p.split(/[\r\n]+/).map((l) => l.trim()).filter(Boolean);
+          return lines.map((l) => `<p style="margin: 0 0 14px; font-size: 14px; line-height: 1.65; color: #334155; text-align: justify;">${DOMPurify2.sanitize(l)}</p>`).join("");
+        }).join("");
+        contentHtml = `
+          <div style="flex: 1; overflow: auto; padding: 4px 8px; display: flex; flex-direction: column; justify-content: flex-start;">
+            ${pTags || '<p style="color: #64748b; font-style: italic;">No additional text on this slide</p>'}
+          </div>
+        `;
+      }
       slideCard.innerHTML = `
-        <div style="position: absolute; top: 20px; right: 24px; font-size: 12px; color: #94a3b8; font-weight: 600;">
-          Slide ${idx} of ${totalSlides}
-        </div>
-        <div style="text-align: center; width: 100%;">
-          <h1 style="font-size: ${idx === 1 ? "36px" : "28px"}; color: #1e3a8a; margin: 0 0 24px; font-family: -apple-system, BlinkMacSystemFont, sans-serif; font-weight: 700;">
-            ${DOMPurify6.sanitize(s.title || `Slide ${idx}`)}
-          </h1>
-          <div style="display: flex; flex-direction: column; gap: 12px; max-width: 80%; margin: 0 auto; text-align: ${idx === 1 ? "center" : "left"};">
-            ${s.texts.map((t) => `<div style="font-size: 18px; color: #334155; line-height: 1.5; font-family: -apple-system, BlinkMacSystemFont, sans-serif;">${DOMPurify6.sanitize(t)}</div>`).join("")}
+        <div style="width: 100%; height: 100%; background: #ffffff; border: 14px solid #334155; box-sizing: border-box; display: flex; flex-direction: column; padding: 24px 32px; position: relative; font-family: Calibri, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; overflow: hidden; border-radius: 4px;">
+          <!-- Header Banner matching PowerPoint design -->
+          <div style="background: linear-gradient(90deg, #a3e635 0%, #84cc16 100%); padding: 12px 24px; border-radius: 4px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); flex-shrink: 0;">
+            <h1 style="margin: 0; font-size: 26px; font-weight: 700; color: #1e293b; letter-spacing: -0.3px;">
+              ${DOMPurify2.sanitize(s.title)}
+            </h1>
+            ${s.subtitle ? `
+              <span style="background: #38bdf8; color: #ffffff; padding: 4px 14px; border-radius: 4px; font-weight: 700; font-size: 13px; letter-spacing: 0.5px; box-shadow: 0 1px 4px rgba(0,0,0,0.15);">
+                ${DOMPurify2.sanitize(s.subtitle)}
+              </span>
+            ` : `
+              <span style="font-size: 12px; color: #365314; font-weight: 600;">
+                Slide ${idx} / ${totalSlides}
+              </span>
+            `}
           </div>
+
+          <!-- Slide Content -->
+          ${contentHtml}
         </div>
       `;
       ctx.emit("page-change", { page: currentSlide, total: totalSlides });
     };
     renderSlide(1);
     const cleanup = () => {
+      for (const u of createdBlobUrls) {
+        URL.revokeObjectURL(u);
+      }
       container.remove();
       ctx.container.innerHTML = "";
     };
@@ -4294,13 +4614,48 @@ var PptPlugin = class {
             if (!ctx2d) return;
             canvas.width = 160;
             canvas.height = 90;
-            ctx2d.fillStyle = "#ffffff";
+            ctx2d.fillStyle = "#334155";
             ctx2d.fillRect(0, 0, 160, 90);
-            ctx2d.fillStyle = "#1e3a8a";
-            ctx2d.font = "bold 11px sans-serif";
-            ctx2d.textAlign = "center";
-            const title = s.title.slice(0, 18) || `Slide ${idx + 1}`;
-            ctx2d.fillText(title, 80, 50);
+            ctx2d.fillStyle = "#ffffff";
+            ctx2d.fillRect(3, 3, 154, 84);
+            ctx2d.fillStyle = "#84cc16";
+            ctx2d.fillRect(6, 6, 148, 18);
+            ctx2d.fillStyle = "#1e293b";
+            ctx2d.font = "bold 9px sans-serif";
+            ctx2d.textAlign = "left";
+            const displayTitle = s.title.length > 18 ? s.title.slice(0, 16) + ".." : s.title;
+            ctx2d.fillText(displayTitle, 10, 19);
+            if (s.subtitle) {
+              ctx2d.fillStyle = "#38bdf8";
+              ctx2d.fillRect(116, 9, 34, 12);
+              ctx2d.fillStyle = "#ffffff";
+              ctx2d.font = "bold 7px sans-serif";
+              ctx2d.textAlign = "center";
+              ctx2d.fillText(s.subtitle.slice(0, 7), 133, 18);
+            }
+            if (s.pictureUrl) {
+              ctx2d.fillStyle = "#3b82f6";
+              ctx2d.fillRect(52, 34, 56, 42);
+              ctx2d.fillStyle = "#ffffff";
+              ctx2d.font = "8px sans-serif";
+              ctx2d.textAlign = "center";
+              ctx2d.fillText("Chart", 80, 58);
+            } else if (s.tableColumns.length > 0) {
+              ctx2d.strokeStyle = "#cbd5e1";
+              ctx2d.lineWidth = 1;
+              ctx2d.strokeRect(14, 32, 132, 46);
+              for (let l = 1; l <= 3; l++) {
+                ctx2d.beginPath();
+                ctx2d.moveTo(14, 32 + l * 11);
+                ctx2d.lineTo(146, 32 + l * 11);
+                ctx2d.stroke();
+              }
+            } else {
+              ctx2d.fillStyle = "#94a3b8";
+              for (let l = 0; l < 4; l++) {
+                ctx2d.fillRect(14, 34 + l * 10, 132 - l * 14, 4);
+              }
+            }
           }
         }));
       },
@@ -4318,66 +4673,165 @@ var PptPlugin = class {
       }
     };
   }
+  /**
+   * Extract PNG and JPEG images from the Pictures stream
+   */
+  extractPictures(cfbf, createdUrls) {
+    const urls = [];
+    try {
+      const picStream = cfbf.readStream("Pictures");
+      if (!picStream || picStream.length < 32) return urls;
+      const pBuf = new Uint8Array(picStream);
+      const pngSig = [137, 80, 78, 71, 13, 10, 26, 10];
+      const iendSig = [73, 69, 78, 68, 174, 66, 96, 130];
+      for (let i = 0; i <= pBuf.length - 8; i++) {
+        let match = true;
+        for (let j = 0; j < 8; j++) {
+          if (pBuf[i + j] !== pngSig[j]) {
+            match = false;
+            break;
+          }
+        }
+        if (match) {
+          let endIdx = -1;
+          for (let k = i + 8; k <= pBuf.length - 8; k++) {
+            let endMatch = true;
+            for (let j = 0; j < 8; j++) {
+              if (pBuf[k + j] !== iendSig[j]) {
+                endMatch = false;
+                break;
+              }
+            }
+            if (endMatch) {
+              endIdx = k + 8;
+              break;
+            }
+          }
+          if (endIdx !== -1) {
+            const pngBytes = pBuf.subarray(i, endIdx);
+            const blob = new Blob([pngBytes], { type: "image/png" });
+            const url = URL.createObjectURL(blob);
+            urls.push(url);
+            createdUrls.push(url);
+            i = endIdx;
+          }
+        }
+      }
+      for (let i = 0; i <= pBuf.length - 3; i++) {
+        if (pBuf[i] === 255 && pBuf[i + 1] === 216 && pBuf[i + 2] === 255) {
+          let endIdx = -1;
+          for (let k = i + 3; k < pBuf.length - 1; k++) {
+            if (pBuf[k] === 255 && pBuf[k + 1] === 217) {
+              endIdx = k + 2;
+              break;
+            }
+          }
+          if (endIdx !== -1) {
+            const jpgBytes = pBuf.subarray(i, endIdx);
+            const blob = new Blob([jpgBytes], { type: "image/jpeg" });
+            const url = URL.createObjectURL(blob);
+            urls.push(url);
+            createdUrls.push(url);
+            i = endIdx;
+          }
+        }
+      }
+    } catch (err) {
+      console.warn("[PptPlugin] Error extracting pictures:", err);
+    }
+    return urls;
+  }
   /**
    * Traverse PowerPoint binary stream records ([MS-PPT]) and extract text chunks per slide
    */
-  extractSlides(stream) {
+  extractSlides(stream, pictures) {
     const view = new DataView(stream.buffer, stream.byteOffset, stream.byteLength);
     const len = stream.length;
     let offset = 0;
     const slides = [];
-    let currentSlideTexts = [];
+    let picIdx = 0;
     while (offset + 8 <= len) {
       const recVerInst = view.getUint16(offset, true);
       const recType = view.getUint16(offset + 2, true);
       const recLen = view.getUint32(offset + 4, true);
+      const isContainer = (recVerInst & 15) === 15;
       if (recType === 1006) {
-        if (currentSlideTexts.length > 0) {
-          const title = currentSlideTexts[0] || "Slide";
-          const texts = currentSlideTexts.slice(1);
-          slides.push({ title, texts });
-          currentSlideTexts = [];
+        const slideEnd = Math.min(len, offset + 8 + recLen);
+        const rawTexts = [];
+        let hasOle = false;
+        let sOff = offset + 8;
+        while (sOff + 8 <= slideEnd) {
+          const cVerInst = view.getUint16(sOff, true);
+          const cType = view.getUint16(sOff + 2, true);
+          const cLen = view.getUint32(sOff + 4, true);
+          const cIsContainer = (cVerInst & 15) === 15;
+          if ((cType === 4008 || cType === 3998) && cLen > 0 && sOff + 8 + cLen <= slideEnd) {
+            const bytes = stream.subarray(sOff + 8, sOff + 8 + cLen);
+            const txt = new TextDecoder("latin1").decode(bytes).trim();
+            if (txt && !/^[\x00-\x1F]+$/.test(txt) && !txt.includes("[Content_Types]") && !txt.includes("_rels/")) {
+              rawTexts.push(txt);
+            }
+          } else if (cType === 3999 && cLen > 0 && sOff + 8 + cLen <= slideEnd) {
+            const bytes = stream.subarray(sOff + 8, sOff + 8 + cLen);
+            const txt = new TextDecoder("utf-16le").decode(bytes).trim();
+            if (txt && !/^[\x00-\x1F]+$/.test(txt) && !txt.includes("[Content_Types]") && !txt.includes("_rels/")) {
+              rawTexts.push(txt);
+            }
+          } else if (cType === 3009 || cType === 3011) {
+            hasOle = true;
+          }
+          if (cIsContainer) sOff += 8;
+          else sOff += 8 + cLen;
         }
-        offset += 8;
-        continue;
-      }
-      if (recType === 3998 && recLen > 0 && offset + 8 + recLen <= len) {
-        const bytes = stream.subarray(offset + 8, offset + 8 + recLen);
-        const text = new TextDecoder("latin1").decode(bytes).trim();
-        if (text && text.length > 1 && !/^[\x00-\x1F\x7F-\x9F]+$/.test(text)) {
-          currentSlideTexts.push(text);
+        let title = "";
+        let subtitle = "";
+        const paragraphs = [];
+        const tableColumns = [];
+        for (const t of rawTexts) {
+          if (!title && t.length < 60 && !t.includes("\n")) {
+            title = t;
+          } else if (t.startsWith("Column ") || title === "Table" && t.startsWith("Column")) {
+            tableColumns.push(t);
+          } else if (t.length < 35 && (t.includes("#") || t.toUpperCase() === t) && !subtitle) {
+            subtitle = t;
+          } else {
+            paragraphs.push(t);
+          }
         }
-      }
-      if (recType === 3999 && recLen > 0 && offset + 8 + recLen <= len) {
-        const bytes = stream.subarray(offset + 8, offset + 8 + recLen);
-        const text = new TextDecoder("utf-16le").decode(bytes).trim();
-        if (text && text.length > 1 && !/^[\x00-\x1F\x7F-\x9F]+$/.test(text)) {
-          currentSlideTexts.push(text);
+        let pictureUrl = null;
+        if ((hasOle || rawTexts.some((t) => t.toLowerCase().includes("chart") || t.toLowerCase().includes("figure"))) && picIdx < pictures.length) {
+          pictureUrl = pictures[picIdx++];
         }
+        slides.push({
+          slideIndex: slides.length + 1,
+          title: title || `Slide ${slides.length + 1}`,
+          subtitle,
+          paragraphs,
+          tableColumns,
+          pictureUrl,
+          hasOle
+        });
       }
-      const isContainer = (recVerInst & 15) === 15;
-      if (isContainer) {
-        offset += 8;
-      } else {
-        offset += 8 + recLen;
-      }
-    }
-    if (currentSlideTexts.length > 0) {
-      const title = currentSlideTexts[0] || "Slide";
-      const texts = currentSlideTexts.slice(1);
-      slides.push({ title, texts });
+      if (isContainer) offset += 8;
+      else offset += 8 + recLen;
     }
     if (slides.length === 0) {
       const rawText = new TextDecoder("latin1", { fatal: false }).decode(stream);
-      const matches = rawText.match(/[A-Za-z0-9\s,.:;!?'"-]{4,}/g) || [];
-      const filtered = matches.map((m) => m.trim()).filter((m) => m.length > 4 && !m.includes("PowerPoint") && !m.includes("Arial") && !m.includes("Times"));
-      if (filtered.length > 0) {
-        const chunkSize = 4;
-        for (let i = 0; i < filtered.length; i += chunkSize) {
-          const chunk = filtered.slice(i, i + chunkSize);
+      const matches = rawText.match(/[A-Za-z0-9\s,.:;!?'"-]{5,}/g) || [];
+      const clean = matches.map((m) => m.trim()).filter(
+        (m) => m.length > 4 && !m.includes("PowerPoint") && !m.includes("Arial") && !m.includes("Times") && !m.includes("[Content_Types]") && !m.includes("_rels/") && !m.includes("xml")
+      );
+      if (clean.length > 0) {
+        const chunkSize = 3;
+        for (let i = 0; i < clean.length; i += chunkSize) {
+          const chunk = clean.slice(i, i + chunkSize);
           slides.push({
+            slideIndex: slides.length + 1,
             title: chunk[0] || `Slide ${Math.floor(i / chunkSize) + 1}`,
-            texts: chunk.slice(1)
+            subtitle: chunk.length > 2 ? chunk[1] : void 0,
+            paragraphs: chunk.length > 2 ? chunk.slice(2) : chunk.slice(1),
+            tableColumns: [],
+            pictureUrl: pictures[slides.length] || null
           });
         }
       }