@zerohive/hive-viewer 1.0.0 → 2.0.0

package/dist/index.js

@@ -1,1536 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.tsx
-var index_exports = {};
-__export(index_exports, {
-  DocumentViewer: () => DocumentViewer
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/components/DocumentViewer.tsx
-var import_react8 = require("react");
-
-// src/editors/RichTextEditor.tsx
-var import_mammoth = __toESM(require("mammoth"), 1);
-var import_react = require("react");
-var import_markdown_it = __toESM(require("markdown-it"), 1);
-
-// src/utils/sanitize.ts
-var import_dompurify = __toESM(require("dompurify"), 1);
-function sanitizeHtml(html) {
-  return import_dompurify.default.sanitize(html, {
-    USE_PROFILES: { html: true },
-    ADD_ATTR: ["target", "rel"]
-  });
-}
-
-// src/editors/RichTextEditor.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function RichTextEditor(props) {
-  const editorRef = (0, import_react.useRef)(null);
-  const [contentHtml, setContentHtml] = (0, import_react.useState)("");
-  const [loading, setLoading] = (0, import_react.useState)(false);
-  const mdParser = (0, import_react.useRef)(new import_markdown_it.default({ html: true, linkify: true }));
-  (0, import_react.useEffect)(() => {
-    const loadDoc = async () => {
-      if (!props.arrayBuffer) return;
-      setLoading(true);
-      try {
-        if (props.fileName.endsWith(".docx") || props.fileType === "docx") {
-          const result = await import_mammoth.default.convertToHtml({
-            arrayBuffer: props.arrayBuffer
-          });
-          setContentHtml(sanitizeHtml(result.value));
-        } else {
-          const decoder = new TextDecoder("utf-8");
-          const text = decoder.decode(props.arrayBuffer);
-          if (props.fileName.endsWith(".md") || props.fileType === "md") {
-            const html = mdParser.current.render(text);
-            setContentHtml(sanitizeHtml(html));
-          } else {
-            setContentHtml(
-              `<pre style="white-space: pre-wrap; font-family: monospace;">${text}</pre>`
-            );
-          }
-        }
-        props.onPageCount(1);
-      } catch (err) {
-        console.error("Doc Conversion failed", err);
-        setContentHtml("<p style='color:red'>Error parsing document.</p>");
-      } finally {
-        setLoading(false);
-      }
-    };
-    loadDoc();
-  }, [props.arrayBuffer, props.fileName, props.fileType]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "hv-view-single", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "hv-page-container", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "p-12 text-center text-gray-400", children: "Processing text..." }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      ref: editorRef,
-      className: "hv-docx-content",
-      contentEditable: props.mode === "edit" || props.mode === "create",
-      dangerouslySetInnerHTML: { __html: contentHtml },
-      suppressContentEditableWarning: true
-    }
-  ) }) });
-}
-
-// src/editors/SpreadsheetEditor.tsx
-var import_react2 = require("react");
-var XLSX = __toESM(require("xlsx"), 1);
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var SpreadsheetEditor = (0, import_react2.forwardRef)(function SpreadsheetEditor2(props, ref) {
-  const readonly = props.mode === "view";
-  const [data, setData] = (0, import_react2.useState)([]);
-  const [cols, setCols] = (0, import_react2.useState)([]);
-  (0, import_react2.useEffect)(() => {
-    if (!props.arrayBuffer) return;
-    try {
-      const wb = XLSX.read(props.arrayBuffer, { type: "array" });
-      const wsName = wb.SheetNames[0];
-      const ws = wb.Sheets[wsName];
-      const jsonData = XLSX.utils.sheet_to_json(ws, {
-        header: 1,
-        defval: ""
-      });
-      const minRows = 40;
-      const minCols = 15;
-      const rows = Math.max(minRows, jsonData.length);
-      const colCount = Math.max(minCols, jsonData[0]?.length || 0);
-      const normalized = Array.from({ length: rows }, (_, r) => {
-        const row = jsonData[r] || [];
-        return Array.from(
-          { length: colCount },
-          (_2, c) => row[c] !== void 0 && row[c] !== null ? String(row[c]) : ""
-        );
-      });
-      setData(normalized);
-      const headers = Array.from({ length: colCount }, (_, i) => {
-        let letter = "";
-        let temp = i;
-        while (temp >= 0) {
-          letter = String.fromCharCode(temp % 26 + 65) + letter;
-          temp = Math.floor(temp / 26) - 1;
-        }
-        return letter;
-      });
-      setCols(headers);
-    } catch (e) {
-      console.error("Spreadsheet load error:", e);
-    }
-  }, [props.arrayBuffer]);
-  async function save(exportPdf) {
-    if (!props.onSave) return;
-    const ws = XLSX.utils.aoa_to_sheet(data);
-    const wb = XLSX.utils.book_new();
-    XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
-    const out = XLSX.write(wb, { type: "array", bookType: "xlsx" });
-    const bytes = new Uint8Array(out);
-    let binary = "";
-    for (let i = 0; i < bytes.byteLength; i++) {
-      binary += String.fromCharCode(bytes[i]);
-    }
-    props.onSave(btoa(binary), {
-      fileName: props.fileName,
-      fileType: "xlsx",
-      exportedAsPdf: !!exportPdf
-    });
-  }
-  (0, import_react2.useImperativeHandle)(ref, () => ({ save }));
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "hv-view-single", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    "div",
-    {
-      className: "hv-page-container",
-      style: {
-        width: "auto",
-        maxWidth: "95vw",
-        minWidth: "800px",
-        padding: 0,
-        overflow: "hidden",
-        display: "flex",
-        flexDirection: "column"
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-          "div",
-          {
-            style: {
-              background: "#f8f9fa",
-              borderBottom: "1px solid #e2e8f0",
-              padding: "8px 16px",
-              fontSize: "12px",
-              color: "#64748b",
-              display: "flex",
-              gap: "12px",
-              flexShrink: 0
-            },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "fx" }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                "div",
-                {
-                  style: {
-                    background: "white",
-                    border: "1px solid #cbd5e1",
-                    flex: 1,
-                    height: "18px",
-                    borderRadius: "2px"
-                  }
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "div",
-          {
-            style: {
-              overflow: "auto",
-              // FIX: Dynamic height ensures bottom isn't cut off on small screens
-              maxHeight: "calc(100vh - 140px)",
-              minHeight: "400px",
-              position: "relative",
-              // FIX: Padding prevents border clipping (first row/col edges)
-              padding: "1px"
-            },
-            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-              "table",
-              {
-                style: {
-                  borderCollapse: "collapse",
-                  minWidth: "100%",
-                  tableLayout: "fixed"
-                },
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                      "th",
-                      {
-                        style: {
-                          width: "40px",
-                          background: "#f1f5f9",
-                          border: "1px solid #cbd5e1",
-                          position: "sticky",
-                          top: 0,
-                          left: 0,
-                          zIndex: 30
-                          // Increased zIndex
-                        }
-                      }
-                    ),
-                    cols.map((col, i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                      "th",
-                      {
-                        style: {
-                          minWidth: "100px",
-                          background: "#f1f5f9",
-                          border: "1px solid #cbd5e1",
-                          color: "#475569",
-                          fontSize: "11px",
-                          fontWeight: 600,
-                          padding: "4px",
-                          position: "sticky",
-                          top: 0,
-                          zIndex: 20
-                          // Increased zIndex
-                        },
-                        children: col
-                      },
-                      i
-                    ))
-                  ] }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tbody", { children: data.map((row, r) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                      "td",
-                      {
-                        style: {
-                          background: "#f1f5f9",
-                          border: "1px solid #cbd5e1",
-                          textAlign: "center",
-                          fontSize: "11px",
-                          color: "#64748b",
-                          position: "sticky",
-                          left: 0,
-                          zIndex: 20
-                          // Increased zIndex to stay above cells
-                        },
-                        children: r + 1
-                      }
-                    ),
-                    row.map((cell, c) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                      "td",
-                      {
-                        contentEditable: !readonly,
-                        suppressContentEditableWarning: true,
-                        onBlur: (e) => {
-                          const val = e.currentTarget.innerText;
-                          setData((prev) => {
-                            const next = [...prev];
-                            next[r] = [...next[r]];
-                            next[r][c] = val;
-                            return next;
-                          });
-                        },
-                        style: {
-                          border: "1px solid #e2e8f0",
-                          padding: "4px 8px",
-                          fontSize: "13px",
-                          color: "#1e293b",
-                          minWidth: "100px",
-                          whiteSpace: "nowrap",
-                          overflow: "hidden",
-                          outline: "none",
-                          zIndex: 1
-                        },
-                        children: cell
-                      },
-                      c
-                    ))
-                  ] }, r)) })
-                ]
-              }
-            )
-          }
-        )
-      ]
-    }
-  ) });
-});
-
-// src/renderers/ImageRenderer.tsx
-var import_react3 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function ImageRenderer({
-  arrayBuffer,
-  fileType,
-  fileName
-}) {
-  const [zoom, setZoom] = (0, import_react3.useState)(1);
-  const url = (0, import_react3.useMemo)(() => {
-    if (!arrayBuffer) {
-      return void 0;
-    }
-    const mime = fileType === "svg" ? "image/svg+xml" : fileType === "png" ? "image/png" : "image/jpeg";
-    return URL.createObjectURL(new Blob([arrayBuffer], { type: mime }));
-  }, [arrayBuffer, fileType]);
-  (0, import_react3.useEffect)(() => {
-    return () => {
-      if (url) {
-        URL.revokeObjectURL(url);
-      }
-    };
-  }, [url]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex flex-col h-full bg-gray-50", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center justify-between px-6 py-4 bg-white border-b border-gray-200", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { className: "text-sm font-medium text-gray-700 truncate max-w-md", children: fileName }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center gap-3 bg-gray-100 rounded-lg p-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "button",
-          {
-            type: "button",
-            onClick: () => setZoom((z) => Math.max(0.25, z - 0.25)),
-            className: "w-9 h-9 flex items-center justify-center rounded-md bg-white hover:bg-gray-50 text-gray-700 transition-all shadow-sm hover:shadow",
-            "aria-label": "Zoom out",
-            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              "svg",
-              {
-                className: "w-4 h-4",
-                fill: "none",
-                viewBox: "0 0 24 24",
-                stroke: "currentColor",
-                children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M20 12H4"
-                  }
-                )
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "text-sm font-semibold text-gray-700 min-w-[3.5rem] text-center px-2", children: [
-          Math.round(zoom * 100),
-          "%"
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "button",
-          {
-            type: "button",
-            onClick: () => setZoom((z) => Math.min(4, z + 0.25)),
-            className: "w-9 h-9 flex items-center justify-center rounded-md bg-white hover:bg-gray-50 text-gray-700 transition-all shadow-sm hover:shadow",
-            "aria-label": "Zoom in",
-            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              "svg",
-              {
-                className: "w-4 h-4",
-                fill: "none",
-                viewBox: "0 0 24 24",
-                stroke: "currentColor",
-                children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M12 4v16m8-8H4"
-                  }
-                )
-              }
-            )
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex-1 overflow-auto flex items-center justify-center p-8", children: [
-      !arrayBuffer && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "w-16 h-16 mx-auto mb-3 rounded-full bg-gray-200 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "svg",
-          {
-            className: "w-8 h-8 text-gray-400",
-            fill: "none",
-            viewBox: "0 0 24 24",
-            stroke: "currentColor",
-            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              "path",
-              {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
-              }
-            )
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-sm text-gray-500", children: "No image data provided" })
-      ] }),
-      arrayBuffer && !url && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "w-16 h-16 mx-auto mb-3 rounded-full bg-red-100 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "svg",
-          {
-            className: "w-8 h-8 text-red-500",
-            fill: "none",
-            viewBox: "0 0 24 24",
-            stroke: "currentColor",
-            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              "path",
-              {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-              }
-            )
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-sm text-gray-600", children: "Failed to load image" })
-      ] }),
-      url && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        "div",
-        {
-          style: { transform: `scale(${zoom})` },
-          className: "transition-transform duration-200 origin-center",
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            "img",
-            {
-              src: url,
-              alt: fileName,
-              style: { transform: `scale(${zoom})` },
-              className: "max-w-full h-auto rounded-lg shadow-lg transition-transform duration-200"
-            }
-          )
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/renderers/PdfRenderer.tsx
-var import_pdfjs_dist = require("pdfjs-dist");
-var import_react4 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var PDF_WORKER_URL = "https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.10.38/pdf.worker.min.mjs";
-function PdfRenderer(props) {
-  const { url, arrayBuffer, layout, currentPage } = props;
-  const [doc, setDoc] = (0, import_react4.useState)(null);
-  const [error, setError] = (0, import_react4.useState)(null);
-  (0, import_react4.useEffect)(() => {
-    if (!import_pdfjs_dist.GlobalWorkerOptions.workerSrc) {
-      import_pdfjs_dist.GlobalWorkerOptions.workerSrc = PDF_WORKER_URL;
-    }
-    let active = true;
-    const loadPdf = async () => {
-      if (!url && !arrayBuffer) return;
-      setError(null);
-      try {
-        const dataSource = arrayBuffer ? { data: arrayBuffer.slice(0) } : { url };
-        const loadingTask = (0, import_pdfjs_dist.getDocument)(dataSource);
-        const pdf = await loadingTask.promise;
-        if (active) {
-          setDoc(pdf);
-          props.onPageCount(pdf.numPages);
-          generateThumbnails(pdf);
-        }
-      } catch (err) {
-        console.error("PDF Load Error:", err);
-        if (active) setError(err.message || "Failed to load PDF");
-      }
-    };
-    loadPdf();
-    return () => {
-      active = false;
-    };
-  }, [url, arrayBuffer]);
-  const generateThumbnails = async (pdf) => {
-    try {
-      const thumbs = [];
-      const num = Math.min(pdf.numPages, 5);
-      for (let i = 1; i <= num; i++) {
-        const page = await pdf.getPage(i);
-        const viewport = page.getViewport({ scale: 0.2 });
-        const canvas = document.createElement("canvas");
-        canvas.width = viewport.width;
-        canvas.height = viewport.height;
-        const ctx = canvas.getContext("2d");
-        if (ctx) {
-          await page.render({ canvasContext: ctx, viewport }).promise;
-          thumbs.push(canvas.toDataURL());
-        }
-      }
-      props.onThumbs(thumbs);
-    } catch (e) {
-    }
-  };
-  const pagesToRender = (0, import_react4.useMemo)(() => {
-    if (!doc) return [];
-    const p = Math.max(1, Math.min(currentPage, doc.numPages));
-    if (layout === "side-by-side" && doc.numPages > 1) {
-      if (p === 1) return [1];
-      const left = p % 2 === 0 ? p : p - 1;
-      return left + 1 <= doc.numPages ? [left, left + 1] : [left];
-    }
-    return [p];
-  }, [doc, currentPage, layout]);
-  if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-      "div",
-      {
-        className: "hv-page-container",
-        style: { padding: "32px", textAlign: "center", color: "#dc2626" },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: "Error loading PDF" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-sm mt-2", children: error })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    "div",
-    {
-      className: `hv-doc-scroll ${layout === "side-by-side" ? "hv-view-double" : "hv-view-single"}`,
-      children: pagesToRender.map((page) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PdfPage, { doc, pageNum: page }, page))
-    }
-  );
-}
-function PdfPage({
-  doc,
-  pageNum
-}) {
-  const canvasRef = (0, import_react4.useRef)(null);
-  (0, import_react4.useEffect)(() => {
-    if (!doc || !canvasRef.current) return;
-    let active = true;
-    const render = async () => {
-      try {
-        const page = await doc.getPage(pageNum);
-        if (!active) return;
-        const scale = 1.5;
-        const viewport = page.getViewport({ scale });
-        const canvas = canvasRef.current;
-        const ctx = canvas.getContext("2d");
-        if (!ctx) return;
-        canvas.width = viewport.width;
-        canvas.height = viewport.height;
-        canvas.style.width = `${viewport.width / scale}px`;
-        canvas.style.height = `${viewport.height / scale}px`;
-        await page.render({ canvasContext: ctx, viewport }).promise;
-      } catch (e) {
-        console.error("Page render error:", e);
-      }
-    };
-    render();
-    return () => {
-      active = false;
-    };
-  }, [doc, pageNum]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    "div",
-    {
-      className: "hv-page-container",
-      style: {
-        minHeight: "600px",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center"
-      },
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("canvas", { ref: canvasRef, className: "hv-pdf-canvas" })
-    }
-  );
-}
-
-// src/renderers/PptxRenderer.tsx
-var import_react5 = require("react");
-var import_jszip = __toESM(require("jszip"), 1);
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var NS_P = "http://schemas.openxmlformats.org/presentationml/2006/main";
-var NS_A = "http://schemas.openxmlformats.org/drawingml/2006/main";
-function parseColor(solidFill) {
-  if (!solidFill) return void 0;
-  const srgbClr = solidFill.getElementsByTagNameNS(NS_A, "srgbClr")[0];
-  if (srgbClr) {
-    const val = srgbClr.getAttribute("val");
-    return val ? `#${val}` : void 0;
-  }
-  const schemeClr = solidFill.getElementsByTagNameNS(NS_A, "schemeClr")[0];
-  if (schemeClr) {
-    const val = schemeClr.getAttribute("val");
-    const colorMap = {
-      tx1: "#000000",
-      bg1: "#FFFFFF",
-      tx2: "#1F1F1F",
-      accent1: "#4472C4",
-      accent2: "#ED7D31",
-      accent3: "#A5A5A5",
-      accent4: "#FFC000",
-      accent5: "#5B9BD5",
-      accent6: "#70AD47"
-    };
-    return colorMap[val || ""] || "#000000";
-  }
-  return void 0;
-}
-function parseSlideXml(xml) {
-  const parser = new DOMParser();
-  const doc = parser.parseFromString(xml, "application/xml");
-  let title;
-  let titleColor;
-  let bgColor;
-  const body = [];
-  const bgElements = doc.getElementsByTagNameNS(NS_P, "bg");
-  if (bgElements.length > 0) {
-    const bgPr = bgElements[0].getElementsByTagNameNS(NS_P, "bgPr")[0];
-    if (bgPr) {
-      const solidFill = bgPr.getElementsByTagNameNS(NS_A, "solidFill")[0];
-      bgColor = parseColor(solidFill);
-    }
-  }
-  const shapes = Array.from(doc.getElementsByTagNameNS(NS_P, "sp"));
-  shapes.forEach((shape) => {
-    const nvSpPr = shape.getElementsByTagNameNS(NS_P, "nvSpPr")[0];
-    const cNvPr = nvSpPr?.getElementsByTagNameNS(NS_P, "cNvPr")[0];
-    const name = cNvPr?.getAttribute("name")?.toLowerCase() || "";
-    const isTitle = name.includes("title") || name.includes("header");
-    const txBody = shape.getElementsByTagNameNS(NS_P, "txBody")[0];
-    if (!txBody) return;
-    const paragraphs = Array.from(txBody.getElementsByTagNameNS(NS_A, "p"));
-    paragraphs.forEach((p) => {
-      const runs = Array.from(p.getElementsByTagNameNS(NS_A, "r"));
-      runs.forEach((run) => {
-        const textEl = run.getElementsByTagNameNS(NS_A, "t")[0];
-        const text = textEl?.textContent?.trim() || "";
-        if (!text) return;
-        const rPr = run.getElementsByTagNameNS(NS_A, "rPr")[0];
-        let color;
-        let isBold = false;
-        let isItalic = false;
-        if (rPr) {
-          isBold = rPr.getAttribute("b") === "1";
-          isItalic = rPr.getAttribute("i") === "1";
-          color = parseColor(rPr.getElementsByTagNameNS(NS_A, "solidFill")[0]);
-        }
-        if (isTitle && !title) {
-          title = text;
-          titleColor = color;
-        } else {
-          body.push({ text, color, isBold, isItalic });
-        }
-      });
-    });
-  });
-  return { title, titleColor, body, bgColor };
-}
-function PptxRenderer(props) {
-  const [slides, setSlides] = (0, import_react5.useState)([]);
-  const [error, setError] = (0, import_react5.useState)(null);
-  (0, import_react5.useEffect)(() => {
-    if (!props.arrayBuffer) return;
-    const loadPptx = async () => {
-      try {
-        const zip = await import_jszip.default.loadAsync(props.arrayBuffer);
-        const slidePaths = Object.keys(zip.files).filter((p) => /^ppt\/slides\/slide\d+\.xml$/.test(p)).sort((a, b) => {
-          const numA = parseInt(a.match(/\d+/)[0]);
-          const numB = parseInt(b.match(/\d+/)[0]);
-          return numA - numB;
-        });
-        const parsedSlides = [];
-        for (const path of slidePaths) {
-          const xml = await zip.files[path].async("string");
-          parsedSlides.push(parseSlideXml(xml));
-        }
-        setSlides(parsedSlides);
-        props.onPageCount(parsedSlides.length);
-        const thumbs = parsedSlides.map(
-          (_, i) => `data:image/svg+xml;charset=utf-8,${encodeURIComponent(
-            `<svg xmlns="http://www.w3.org/2000/svg" width="100" height="56"><rect width="100%" height="100%" fill="#4f46e5"/><text x="50%" y="50%" fill="white" font-size="20" text-anchor="middle" dy=".3em">${i + 1}</text></svg>`
-          )}`
-        );
-        props.onThumbs(thumbs);
-      } catch (err) {
-        setError(err.message || "Failed to parse PPTX");
-      }
-    };
-    loadPptx();
-  }, [props.arrayBuffer]);
-  const pagesToShow = (0, import_react5.useMemo)(() => {
-    if (slides.length === 0) return [];
-    const validPage = Math.max(1, Math.min(props.currentPage, slides.length));
-    if (props.layout === "side-by-side" && slides.length > 1) {
-      if (validPage === 1) return [1];
-      const left = validPage % 2 === 0 ? validPage : validPage - 1;
-      return [left, left + 1].filter((p) => p <= slides.length);
-    }
-    return [validPage];
-  }, [slides.length, props.currentPage, props.layout]);
-  if (error) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "text-red-500 p-8 text-center", children: error });
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    "div",
-    {
-      className: props.layout === "side-by-side" ? "hv-view-double" : "hv-view-single",
-      children: pagesToShow.map((p) => {
-        const slide = slides[p - 1];
-        if (!slide) return null;
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-          "div",
-          {
-            className: "hv-page-container",
-            style: {
-              width: "960px",
-              // Standard HD slide width
-              aspectRatio: "16/9",
-              padding: "48px",
-              backgroundColor: slide.bgColor || "#ffffff",
-              display: "flex",
-              flexDirection: "column",
-              justifyContent: "center",
-              position: "relative"
-              // For absolute positioning if we added it later
-            },
-            children: [
-              slide.title && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                "h1",
-                {
-                  style: {
-                    fontSize: "42px",
-                    marginBottom: "32px",
-                    fontWeight: "bold",
-                    color: slide.titleColor || "#1a202c",
-                    lineHeight: 1.2
-                  },
-                  children: slide.title
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                "div",
-                {
-                  style: { display: "flex", flexDirection: "column", gap: "16px" },
-                  children: slide.body.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-                    "div",
-                    {
-                      style: {
-                        display: "flex",
-                        alignItems: "flex-start",
-                        gap: "12px"
-                      },
-                      children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                          "div",
-                          {
-                            style: {
-                              width: "8px",
-                              height: "8px",
-                              background: item.color || "#cbd5e1",
-                              borderRadius: "50%",
-                              marginTop: "12px",
-                              flexShrink: 0
-                            }
-                          }
-                        ),
-                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                          "p",
-                          {
-                            style: {
-                              fontSize: "24px",
-                              color: item.color || "#4a5568",
-                              fontWeight: item.isBold ? "bold" : "normal",
-                              fontStyle: item.isItalic ? "italic" : "normal",
-                              margin: 0
-                            },
-                            children: item.text
-                          }
-                        )
-                      ]
-                    },
-                    i
-                  ))
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-                "div",
-                {
-                  style: {
-                    position: "absolute",
-                    bottom: "20px",
-                    right: "30px",
-                    color: "#cbd5e1",
-                    fontWeight: "bold"
-                  },
-                  children: p
-                }
-              )
-            ]
-          },
-          p
-        );
-      })
-    }
-  );
-}
-
-// src/utils/fileSource.ts
-function guessFileType(name, explicit) {
-  if (explicit) {
-    return explicit;
-  }
-  const ext = (name?.split(".").pop() || "").toLowerCase();
-  const allowed = [
-    "pdf",
-    "md",
-    "docx",
-    "xlsx",
-    "pptx",
-    "txt",
-    "png",
-    "jpg",
-    "svg"
-  ];
-  return allowed.includes(ext) ? ext : "txt";
-}
-async function base64ToArrayBuffer(b64) {
-  const bin = atob(b64);
-  const len = bin.length;
-  const bytes = new Uint8Array(len);
-  for (let i = 0; i < len; i++) {
-    bytes[i] = bin.charCodeAt(i);
-  }
-  return bytes.buffer;
-}
-async function resolveSource(args) {
-  const fileType = guessFileType(args.fileName, args.fileType);
-  const fileName = args.fileName ?? `document.${fileType}`;
-  if (args.blob) {
-    const ab = await args.blob.arrayBuffer();
-    const url = URL.createObjectURL(args.blob);
-    return { fileType, fileName, arrayBuffer: ab, url };
-  }
-  if (args.base64) {
-    const ab = await base64ToArrayBuffer(args.base64);
-    return { fileType, fileName, arrayBuffer: ab };
-  }
-  if (!args.fileUrl) {
-    throw new Error("No file source provided. Use fileUrl, blob, or base64.");
-  }
-  const res = await fetch(args.fileUrl);
-  if (!res.ok) {
-    throw new Error(`Failed to fetch file (${res.status})`);
-  }
-  const total = Number(res.headers.get("content-length") || "") || void 0;
-  if (!res.body) {
-    const ab = await res.arrayBuffer();
-    args.onProgress?.(ab.byteLength, total);
-    return { fileType, fileName, arrayBuffer: ab, url: args.fileUrl };
-  }
-  const reader = res.body.getReader();
-  const chunks = [];
-  let loaded = 0;
-  while (true) {
-    const { done, value } = await reader.read();
-    if (done) {
-      break;
-    }
-    if (value) {
-      chunks.push(value);
-      loaded += value.length;
-      args.onProgress?.(loaded, total);
-    }
-  }
-  const out = new Uint8Array(loaded);
-  let offset = 0;
-  for (const c of chunks) {
-    out.set(c, offset);
-    offset += c.length;
-  }
-  return { fileType, fileName, arrayBuffer: out.buffer, url: args.fileUrl };
-}
-
-// src/components/ThumbnailsSidebar.tsx
-var import_react6 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-function ThumbnailsSidebar(props) {
-  const { isOpen, thumbnails, currentPage, onSelectPage } = props;
-  const activeRef = (0, import_react6.useRef)(null);
-  (0, import_react6.useEffect)(() => {
-    if (activeRef.current) {
-      activeRef.current.scrollIntoView({
-        behavior: "smooth",
-        block: "nearest"
-      });
-    }
-  }, [currentPage, isOpen]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: `hv-sidebar ${!isOpen ? "collapsed" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "hv-thumb-list", children: [
-    thumbnails.map((src, index) => {
-      const pageNum = index + 1;
-      const isActive = pageNum === currentPage;
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-        "div",
-        {
-          ref: isActive ? activeRef : null,
-          className: `hv-thumb-item ${isActive ? "active" : ""}`,
-          onClick: () => onSelectPage(pageNum),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "hv-thumb-preview", children: src ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-              "img",
-              {
-                src,
-                alt: `Page ${pageNum}`,
-                className: "hv-thumb-img"
-              }
-            ) : (
-              // Skeleton loader state for thumbnail
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w-full h-full bg-gray-100 animate-pulse flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-xs text-gray-300", children: "..." }) })
-            ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "hv-thumb-label", children: [
-              "Page ",
-              pageNum
-            ] })
-          ]
-        },
-        pageNum
-      );
-    }),
-    thumbnails.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "text-center p-4 text-xs text-gray-400", children: "No previews available" })
-  ] }) });
-}
-
-// src/components/Toolbar.tsx
-var import_lucide_react = require("lucide-react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function Toolbar(props) {
-  const {
-    fileName,
-    pageCount,
-    currentPage,
-    onPageChange,
-    layout,
-    onLayoutChange
-  } = props;
-  const handlePrev = () => {
-    if (currentPage > 1) onPageChange(currentPage - 1);
-  };
-  const handleNext = () => {
-    if (currentPage < pageCount) onPageChange(currentPage + 1);
-  };
-  const handleInput = (e) => {
-    const val = parseInt(e.target.value);
-    if (!isNaN(val) && val >= 1 && val <= pageCount) {
-      onPageChange(val);
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "hv-toolbar", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "hv-toolbar-group", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        "button",
-        {
-          className: `hv-btn ${props.showThumbnails ? "hv-btn-active" : ""}`,
-          onClick: props.onToggleThumbnails,
-          title: "Toggle Thumbnails",
-          children: props.showThumbnails ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.PanelLeftClose, { size: 20 }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.PanelLeftOpen, { size: 20 })
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        "div",
-        {
-          className: "hv-sep",
-          style: {
-            width: 1,
-            height: 24,
-            background: "var(--hv-border)",
-            margin: "0 8px"
-          }
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        "span",
-        {
-          style: {
-            fontWeight: 600,
-            fontSize: "14px",
-            maxWidth: 200,
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            whiteSpace: "nowrap"
-          },
-          children: fileName || "Document"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "hv-toolbar-group", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        "button",
-        {
-          className: "hv-btn",
-          disabled: currentPage <= 1,
-          onClick: handlePrev,
-          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.ChevronLeft, { size: 20 })
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2 text-sm font-medium text-gray-600", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          "input",
-          {
-            type: "number",
-            className: "w-12 text-center border rounded py-1 bg-gray-50 focus:bg-white focus:ring-2 focus:ring-indigo-500 outline-none transition-all",
-            value: currentPage,
-            onChange: handleInput,
-            min: 1,
-            max: pageCount
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-gray-400", children: "/" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: pageCount })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        "button",
-        {
-          className: "hv-btn",
-          disabled: currentPage >= pageCount,
-          onClick: handleNext,
-          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.ChevronRight, { size: 20 })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "hv-toolbar-group", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        "button",
-        {
-          className: `hv-btn ${layout === "single" ? "hv-btn-active text-indigo-600 bg-indigo-50" : ""}`,
-          onClick: () => onLayoutChange("single"),
-          title: "Single Page View",
-          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.LayoutTemplate, { size: 18 })
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        "button",
-        {
-          className: `hv-btn ${layout === "side-by-side" ? "hv-btn-active text-indigo-600 bg-indigo-50" : ""}`,
-          onClick: () => onLayoutChange("side-by-side"),
-          title: "Two Page View",
-          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.Grid2X2, { size: 18 })
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        "div",
-        {
-          className: "hv-sep",
-          style: {
-            width: 1,
-            height: 24,
-            background: "var(--hv-border)",
-            margin: "0 8px"
-          }
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-        "button",
-        {
-          className: `hv-btn hv-btn-primary ${props.showSignatures ? "ring-2 ring-indigo-300" : ""}`,
-          onClick: props.onToggleSignatures,
-          title: "Sign Document",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react.PenLine, { size: 18, className: "mr-2" }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "hidden sm:inline", children: "Sign" })
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/components/SignaturePanel.tsx
-var import_lucide_react2 = require("lucide-react");
-var import_react7 = require("react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-function SignaturePanel(props) {
-  const { isOpen, onClose, onSelectSignature } = props;
-  const [signatures, setSignatures] = (0, import_react7.useState)([]);
-  const [showModal, setShowModal] = (0, import_react7.useState)(false);
-  const canvasRef = (0, import_react7.useRef)(null);
-  const [isDrawing, setIsDrawing] = (0, import_react7.useState)(false);
-  const openCreateModal = () => {
-    setShowModal(true);
-    setTimeout(() => {
-      const canvas = canvasRef.current;
-      if (canvas) {
-        const ctx = canvas.getContext("2d");
-        ctx?.clearRect(0, 0, canvas.width, canvas.height);
-      }
-    }, 100);
-  };
-  const saveSignature = () => {
-    const canvas = canvasRef.current;
-    if (!canvas) return;
-    const newSig = {
-      id: Date.now().toString(),
-      signatureImageUrl: canvas.toDataURL("image/png"),
-      signedBy: "Me",
-      dateSigned: (/* @__PURE__ */ new Date()).toISOString()
-    };
-    setSignatures([...signatures, newSig]);
-    setShowModal(false);
-    onSelectSignature(newSig);
-  };
-  const startDraw = (e) => {
-    setIsDrawing(true);
-    draw(e);
-  };
-  const stopDraw = () => setIsDrawing(false);
-  const draw = (e) => {
-    if (!isDrawing || !canvasRef.current) return;
-    const canvas = canvasRef.current;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return;
-    const rect = canvas.getBoundingClientRect();
-    const clientX = "touches" in e ? e.touches[0].clientX : e.clientX;
-    const clientY = "touches" in e ? e.touches[0].clientY : e.clientY;
-    const x = clientX - rect.left;
-    const y = clientY - rect.top;
-    ctx.lineWidth = 2;
-    ctx.lineCap = "round";
-    ctx.lineTo(x, y);
-    ctx.stroke();
-    ctx.beginPath();
-    ctx.moveTo(x, y);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-      "div",
-      {
-        className: `hv-sidebar hv-sidebar-right ${!isOpen ? "collapsed" : ""}`,
-        style: { width: isOpen ? "280px" : "0" },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-            "div",
-            {
-              className: "hv-sidebar-header",
-              style: { justifyContent: "space-between", padding: "12px 16px" },
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { style: { margin: 0, fontSize: "15px", fontWeight: 600 }, children: "Signatures" }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                  "button",
-                  {
-                    onClick: onClose,
-                    className: "hv-btn",
-                    style: { padding: "4px", border: "none" },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.X, { size: 18 })
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "hv-thumb-list", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-              "button",
-              {
-                onClick: openCreateModal,
-                className: "hv-btn",
-                style: {
-                  width: "100%",
-                  justifyContent: "center",
-                  border: "2px dashed var(--hv-border)",
-                  marginBottom: "16px",
-                  color: "var(--hv-primary)"
-                },
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Plus, { size: 18, style: { marginRight: "8px" } }),
-                  "New Signature"
-                ]
-              }
-            ),
-            signatures.map((sig) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-              "div",
-              {
-                className: "hv-thumb-item",
-                style: {
-                  position: "relative",
-                  padding: "12px",
-                  background: "var(--hv-bg)",
-                  borderRadius: "8px",
-                  border: "1px solid var(--hv-border)"
-                },
-                onClick: () => onSelectSignature(sig),
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                    "img",
-                    {
-                      src: sig.signatureImageUrl,
-                      alt: "Signature",
-                      style: { height: "40px", objectFit: "contain" }
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                    "div",
-                    {
-                      style: {
-                        fontSize: "11px",
-                        color: "var(--hv-muted)",
-                        marginTop: "4px",
-                        textAlign: "center"
-                      },
-                      children: new Date(sig.dateSigned).toLocaleDateString()
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                    "button",
-                    {
-                      onClick: (e) => {
-                        e.stopPropagation();
-                        setSignatures(signatures.filter((s) => s.id !== sig.id));
-                      },
-                      className: "hv-btn",
-                      style: {
-                        position: "absolute",
-                        top: "4px",
-                        right: "4px",
-                        padding: "4px",
-                        color: "#ef4444",
-                        border: "none",
-                        background: "white"
-                      },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Trash2, { size: 12 })
-                    }
-                  )
-                ]
-              },
-              sig.id
-            ))
-          ] })
-        ]
-      }
-    ),
-    showModal && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "hv-modal-overlay", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-      "div",
-      {
-        className: "hv-modal",
-        style: { width: "450px", maxWidth: "90vw" },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-            "div",
-            {
-              style: {
-                padding: "16px 24px",
-                borderBottom: "1px solid var(--hv-border)",
-                display: "flex",
-                justifyContent: "space-between",
-                alignItems: "center"
-              },
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { style: { margin: 0, fontSize: "18px", fontWeight: 600 }, children: "Draw Signature" }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                  "button",
-                  {
-                    onClick: () => setShowModal(false),
-                    className: "hv-btn",
-                    style: { border: "none" },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.X, { size: 20 })
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-            "div",
-            {
-              style: {
-                padding: "24px",
-                background: "#f9fafb",
-                display: "flex",
-                flexDirection: "column",
-                alignItems: "center"
-              },
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                  "div",
-                  {
-                    style: {
-                      background: "white",
-                      border: "1px solid #e5e7eb",
-                      borderRadius: "8px",
-                      overflow: "hidden",
-                      boxShadow: "inset 0 2px 4px 0 rgba(0,0,0,0.05)"
-                    },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                      "canvas",
-                      {
-                        ref: canvasRef,
-                        width: 400,
-                        height: 200,
-                        style: {
-                          display: "block",
-                          cursor: "crosshair",
-                          touchAction: "none"
-                        },
-                        onMouseDown: startDraw,
-                        onMouseUp: stopDraw,
-                        onMouseMove: draw,
-                        onTouchStart: startDraw,
-                        onTouchEnd: stopDraw,
-                        onTouchMove: draw
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                  "p",
-                  {
-                    style: {
-                      fontSize: "12px",
-                      color: "var(--hv-muted)",
-                      marginTop: "8px"
-                    },
-                    children: "Sign above using your mouse or finger"
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-            "div",
-            {
-              style: {
-                padding: "16px 24px",
-                borderTop: "1px solid var(--hv-border)",
-                display: "flex",
-                justifyContent: "flex-end",
-                gap: "12px"
-              },
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                  "button",
-                  {
-                    onClick: () => {
-                      const ctx = canvasRef.current?.getContext("2d");
-                      ctx?.clearRect(0, 0, 400, 200);
-                    },
-                    className: "hv-btn",
-                    children: "Clear"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { onClick: saveSignature, className: "hv-btn hv-btn-primary", children: "Create & Use" })
-              ]
-            }
-          )
-        ]
-      }
-    ) })
-  ] });
-}
-
-// src/components/DocumentViewer.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-function DocumentViewer(props) {
-  const mode = props.mode ?? "view";
-  const theme = props.theme ?? "light";
-  const [layout, setLayout] = (0, import_react8.useState)(
-    props.defaultLayout ?? "single"
-  );
-  const [showThumbnails, setShowThumbnails] = (0, import_react8.useState)(true);
-  const [showSignatures, setShowSignatures] = (0, import_react8.useState)(false);
-  const [resolved, setResolved] = (0, import_react8.useState)(null);
-  const [loading, setLoading] = (0, import_react8.useState)(true);
-  const [error, setError] = (0, import_react8.useState)("");
-  const [pageCount, setPageCount] = (0, import_react8.useState)(1);
-  const [currentPage, setCurrentPage] = (0, import_react8.useState)(1);
-  const [thumbnails, setThumbnails] = (0, import_react8.useState)([]);
-  (0, import_react8.useEffect)(() => {
-    let active = true;
-    const loadFile = async () => {
-      setLoading(true);
-      setError("");
-      setResolved(null);
-      try {
-        if (mode === "create") {
-          setResolved({
-            fileType: props.fileType ?? "docx",
-            fileName: props.fileName ?? "Untitled"
-          });
-        } else {
-          const res = await resolveSource({
-            fileUrl: props.fileUrl,
-            base64: props.base64,
-            blob: props.blob,
-            fileName: props.fileName,
-            fileType: props.fileType
-          });
-          if (active) setResolved(res);
-        }
-      } catch (err) {
-        if (active) setError(err.message || "Failed to load document");
-      } finally {
-        if (active) setLoading(false);
-      }
-    };
-    loadFile();
-    return () => {
-      active = false;
-    };
-  }, [props.fileUrl, props.base64, props.blob, mode]);
-  const handleSignatureSelect = (sig) => {
-    if (props.onSign) {
-      props.onSign(sig);
-    }
-    console.log("Signature selected:", sig);
-  };
-  const renderContent = () => {
-    if (error) {
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "hv-error-banner", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("strong", { children: "Error loading document" }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { children: error })
-      ] });
-    }
-    if (loading || !resolved) {
-      return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "hv-loader", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "hv-spinner" }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "Loading Document..." })
-      ] });
-    }
-    const commonProps = {
-      arrayBuffer: resolved.arrayBuffer,
-      fileName: resolved.fileName,
-      fileType: resolved.fileType,
-      layout,
-      currentPage,
-      onPageCount: setPageCount,
-      onCurrentPageChange: setCurrentPage,
-      onThumbs: setThumbnails
-    };
-    switch (resolved.fileType) {
-      case "pdf":
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PdfRenderer, { url: resolved.url, ...commonProps });
-      case "docx":
-      case "doc":
-      case "rtf":
-      case "txt":
-      case "md":
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RichTextEditor, { mode, ...commonProps });
-      case "xlsx":
-      case "csv":
-      case "xls":
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SpreadsheetEditor, { mode, ...commonProps });
-      case "pptx":
-      case "ppt":
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PptxRenderer, { ...commonProps });
-      case "jpg":
-      case "jpeg":
-      case "png":
-      case "gif":
-      case "bmp":
-      case "svg":
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ImageRenderer, { ...commonProps, fileType: resolved.fileType });
-      default:
-        return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "hv-error-banner", children: [
-          "Unsupported file type: ",
-          resolved.fileType
-        ] });
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "hv-root", "data-hv-theme": theme, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      Toolbar,
-      {
-        fileName: resolved?.fileName,
-        pageCount,
-        currentPage,
-        onPageChange: setCurrentPage,
-        layout,
-        onLayoutChange: setLayout,
-        showThumbnails,
-        onToggleThumbnails: () => setShowThumbnails(!showThumbnails),
-        showSignatures,
-        onToggleSignatures: () => setShowSignatures(!showSignatures)
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "hv-shell", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        ThumbnailsSidebar,
-        {
-          isOpen: showThumbnails,
-          thumbnails,
-          currentPage,
-          onSelectPage: setCurrentPage
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("main", { className: "hv-main", children: renderContent() }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        SignaturePanel,
-        {
-          isOpen: showSignatures,
-          onClose: () => setShowSignatures(false),
-          onSelectSignature: handleSignatureSelect
-        }
-      )
-    ] })
-  ] });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DocumentViewer
-});
-//# sourceMappingURL=index.js.map