@arbidocs/react 0.5.111 → 0.5.113

package/dist/users/index.js

@@ -0,0 +1,15 @@
+import {
+  isAgent,
+  getUserAvatarColor,
+  getUserInitials,
+  getUserDisplayName,
+  createUserAvatarIcon
+} from "./user-display.js";
+export {
+  createUserAvatarIcon,
+  getUserAvatarColor,
+  getUserDisplayName,
+  getUserInitials,
+  isAgent
+};
+//# sourceMappingURL=index.js.map

package/dist/users/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/users/index.ts"],
+  "sourcesContent": ["export {\n  isAgent,\n  getUserAvatarColor,\n  getUserInitials,\n  getUserDisplayName,\n  createUserAvatarIcon,\n} from './user-display'\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
+  "names": []
+}

package/dist/users/user-display.js

@@ -0,0 +1,60 @@
+import { Avatar, AvatarFallback, AvatarImage } from "../ui/avatar.js";
+import React from "react";
+function isAgent(user) {
+  return user.external_id.startsWith("agt-");
+}
+function getUserAvatarColor(userId) {
+  let fifthChar = "0";
+  if (userId && userId.length >= 5) {
+    fifthChar = userId.charAt(4);
+  }
+  const colorMap = {
+    "0": "bg-emerald-700",
+    "1": "bg-blue-700",
+    "2": "bg-violet-700",
+    "3": "bg-rose-700",
+    "4": "bg-amber-700",
+    "5": "bg-lime-700",
+    "6": "bg-purple-700",
+    "7": "bg-cyan-700",
+    "8": "bg-orange-700",
+    "9": "bg-teal-700",
+    a: "bg-red-700",
+    b: "bg-indigo-700",
+    c: "bg-pink-700",
+    d: "bg-green-700",
+    e: "bg-yellow-700",
+    f: "bg-sky-700"
+  };
+  return colorMap[fifthChar] || "bg-emerald-700";
+}
+function getUserInitials(user) {
+  const first = user.given_name[0] ?? "";
+  const last = user.family_name?.[0] ?? "";
+  return (first + last).toUpperCase();
+}
+function getUserDisplayName(user) {
+  return user.family_name ? `${user.given_name} ${user.family_name}` : user.given_name;
+}
+function createUserAvatarIcon(user) {
+  const initials = getUserInitials(user);
+  const colorClass = getUserAvatarColor(user.external_id);
+  return React.createElement(
+    Avatar,
+    { className: "h-5 w-5 border border-white" },
+    user.picture && React.createElement(AvatarImage, { src: user.picture, alt: initials }),
+    React.createElement(
+      AvatarFallback,
+      { className: `text-[9px] text-white font-semibold ${colorClass}` },
+      initials
+    )
+  );
+}
+export {
+  createUserAvatarIcon,
+  getUserAvatarColor,
+  getUserDisplayName,
+  getUserInitials,
+  isAgent
+};
+//# sourceMappingURL=user-display.js.map

package/dist/users/user-display.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/users/user-display.ts"],
+  "sourcesContent": ["/**\n * User Utilities\n *\n * A person's display name, avatar colour and initials, the same in every surface.\n * Uses deterministic color mapping based on user ID (5th character of ID).\n *\n * NOTE: given_name and family_name are required fields.\n */\n\nimport { Avatar, AvatarFallback, AvatarImage } from '../ui/avatar'\nimport React from 'react'\n\n/**\n * Check if a user is an agent (external_id starts with 'agt-')\n */\nexport function isAgent(user: { external_id: string }): boolean {\n  return user.external_id.startsWith('agt-')\n}\n\n/**\n * Generate consistent avatar color based on user ID\n * Uses same pattern as workspace colors - extracts 5th character for deterministic mapping\n */\nexport function getUserAvatarColor(userId: string): string {\n  // Extract 5th character (index 4) for color mapping\n  let fifthChar = '0' // default fallback\n\n  if (userId && userId.length >= 5) {\n    fifthChar = userId.charAt(4)\n  }\n\n  // Map to solid, vibrant avatar colors (700 weight: white initials pass WCAG AA 4.5:1 on every colour)\n  const colorMap: Record<string, string> = {\n    '0': 'bg-emerald-700',\n    '1': 'bg-blue-700',\n    '2': 'bg-violet-700',\n    '3': 'bg-rose-700',\n    '4': 'bg-amber-700',\n    '5': 'bg-lime-700',\n    '6': 'bg-purple-700',\n    '7': 'bg-cyan-700',\n    '8': 'bg-orange-700',\n    '9': 'bg-teal-700',\n    a: 'bg-red-700',\n    b: 'bg-indigo-700',\n    c: 'bg-pink-700',\n    d: 'bg-green-700',\n    e: 'bg-yellow-700',\n    f: 'bg-sky-700',\n  }\n\n  return colorMap[fifthChar] || 'bg-emerald-700'\n}\n\n/**\n * Get user initials from given_name and family_name (both required)\n * Returns first letter of each name, e.g. \"John Doe\" -> \"JD\"\n */\nexport function getUserInitials(user: { given_name: string; family_name?: string | null }): string {\n  const first = user.given_name[0] ?? ''\n  const last = user.family_name?.[0] ?? ''\n  return (first + last).toUpperCase()\n}\n\n/**\n * Get user display name from given_name and family_name (both required)\n * Returns full name, e.g. \"John Doe\"\n */\nexport function getUserDisplayName(user: {\n  given_name: string\n  family_name?: string | null\n}): string {\n  return user.family_name ? `${user.given_name} ${user.family_name}` : user.given_name\n}\n\n/**\n * Create a user avatar icon element for use in toast notifications.\n * This is a simple React element (not a component with hooks) so it can be\n * used outside of React component context (e.g., in WebSocket handlers).\n */\nexport function createUserAvatarIcon(user: {\n  external_id: string\n  given_name: string\n  family_name?: string | null\n  picture?: string | null\n}): React.ReactElement {\n  const initials = getUserInitials(user)\n  const colorClass = getUserAvatarColor(user.external_id)\n\n  return React.createElement(\n    Avatar,\n    { className: 'h-5 w-5 border border-white' },\n    user.picture && React.createElement(AvatarImage, { src: user.picture, alt: initials }),\n    React.createElement(\n      AvatarFallback,\n      { className: `text-[9px] text-white font-semibold ${colorClass}` },\n      initials\n    )\n  )\n}\n"],
+  "mappings": "AASA,SAAS,QAAQ,gBAAgB,mBAAmB;AACpD,OAAO,WAAW;AAKX,SAAS,QAAQ,MAAwC;AAC9D,SAAO,KAAK,YAAY,WAAW,MAAM;AAC3C;AAMO,SAAS,mBAAmB,QAAwB;AAEzD,MAAI,YAAY;AAEhB,MAAI,UAAU,OAAO,UAAU,GAAG;AAChC,gBAAY,OAAO,OAAO,CAAC;AAAA,EAC7B;AAGA,QAAM,WAAmC;AAAA,IACvC,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAEA,SAAO,SAAS,SAAS,KAAK;AAChC;AAMO,SAAS,gBAAgB,MAAmE;AACjG,QAAM,QAAQ,KAAK,WAAW,CAAC,KAAK;AACpC,QAAM,OAAO,KAAK,cAAc,CAAC,KAAK;AACtC,UAAQ,QAAQ,MAAM,YAAY;AACpC;AAMO,SAAS,mBAAmB,MAGxB;AACT,SAAO,KAAK,cAAc,GAAG,KAAK,UAAU,IAAI,KAAK,WAAW,KAAK,KAAK;AAC5E;AAOO,SAAS,qBAAqB,MAKd;AACrB,QAAM,WAAW,gBAAgB,IAAI;AACrC,QAAM,aAAa,mBAAmB,KAAK,WAAW;AAEtD,SAAO,MAAM;AAAA,IACX;AAAA,IACA,EAAE,WAAW,8BAA8B;AAAA,IAC3C,KAAK,WAAW,MAAM,cAAc,aAAa,EAAE,KAAK,KAAK,SAAS,KAAK,SAAS,CAAC;AAAA,IACrF,MAAM;AAAA,MACJ;AAAA,MACA,EAAE,WAAW,uCAAuC,UAAU,GAAG;AAAA,MACjE;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/viewers/AudioViewer.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+function AudioViewer({ blob, title }) {
+  const [objectUrl, setObjectUrl] = useState("");
+  useEffect(() => {
+    const url = URL.createObjectURL(blob);
+    setObjectUrl(url);
+    return () => URL.revokeObjectURL(url);
+  }, [blob]);
+  if (!objectUrl) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "h-full w-full flex items-center justify-center p-4 bg-muted/30",
+      "data-testid": "audio-viewer",
+      children: /* @__PURE__ */ jsx("audio", { src: objectUrl, controls: true, title, className: "w-full max-w-lg" })
+    }
+  );
+}
+export {
+  AudioViewer
+};
+//# sourceMappingURL=AudioViewer.js.map

package/dist/viewers/AudioViewer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/viewers/AudioViewer.tsx"],
+  "sourcesContent": ["import { useEffect, useState } from 'react'\n\nexport interface AudioViewerProps {\n  blob: Blob\n  title: string\n}\n\n/** Renders an audio blob with the browser's native transport controls. */\nexport function AudioViewer({ blob, title }: AudioViewerProps) {\n  const [objectUrl, setObjectUrl] = useState<string>('')\n\n  useEffect(() => {\n    const url = URL.createObjectURL(blob)\n    setObjectUrl(url)\n    return () => URL.revokeObjectURL(url)\n  }, [blob])\n\n  if (!objectUrl) return null\n\n  return (\n    <div\n      className=\"h-full w-full flex items-center justify-center p-4 bg-muted/30\"\n      data-testid=\"audio-viewer\"\n    >\n      <audio src={objectUrl} controls title={title} className=\"w-full max-w-lg\" />\n    </div>\n  )\n}\n"],
+  "mappings": "AAwBM;AAxBN,SAAS,WAAW,gBAAgB;AAQ7B,SAAS,YAAY,EAAE,MAAM,MAAM,GAAqB;AAC7D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAiB,EAAE;AAErD,YAAU,MAAM;AACd,UAAM,MAAM,IAAI,gBAAgB,IAAI;AACpC,iBAAa,GAAG;AAChB,WAAO,MAAM,IAAI,gBAAgB,GAAG;AAAA,EACtC,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,CAAC,UAAW,QAAO;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MAEZ,8BAAC,WAAM,KAAK,WAAW,UAAQ,MAAC,OAAc,WAAU,mBAAkB;AAAA;AAAA,EAC5E;AAEJ;",
+  "names": []
+}

package/dist/viewers/DocxViewer.js

@@ -0,0 +1,81 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+function measureContentWidth(container) {
+  let pageWidth = 0;
+  container.querySelectorAll("section.docx").forEach((section) => {
+    pageWidth = Math.max(pageWidth, section.offsetWidth);
+  });
+  if (pageWidth === 0) return 0;
+  const wrapper = container.querySelector(".docx-wrapper");
+  if (wrapper) {
+    const style = window.getComputedStyle(wrapper);
+    pageWidth += (parseFloat(style.paddingLeft) || 0) + (parseFloat(style.paddingRight) || 0);
+  }
+  return pageWidth;
+}
+function DocxViewer({ blob }) {
+  const outerRef = useRef(null);
+  const containerRef = useRef(null);
+  const [error, setError] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [containerWidth, setContainerWidth] = useState(0);
+  const [contentWidth, setContentWidth] = useState(0);
+  useEffect(() => {
+    const outer = outerRef.current;
+    if (!outer) return;
+    const updateWidth = () => setContainerWidth(outer.clientWidth);
+    updateWidth();
+    const resizeObserver = new ResizeObserver(updateWidth);
+    resizeObserver.observe(outer);
+    return () => resizeObserver.disconnect();
+  }, []);
+  useEffect(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    let cancelled = false;
+    setIsLoading(true);
+    setError(null);
+    setContentWidth(0);
+    container.innerHTML = "";
+    import("docx-preview").then(({ renderAsync }) => {
+      if (cancelled) return;
+      return renderAsync(blob, container, void 0, {
+        ignoreLastRenderedPageBreak: false
+      });
+    }).then(() => {
+      if (!cancelled) setIsLoading(false);
+    }).catch((err) => {
+      if (!cancelled) {
+        console.error("DocxViewer render error:", err);
+        setError("Failed to render document");
+        setIsLoading(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [blob]);
+  useLayoutEffect(() => {
+    const container = containerRef.current;
+    if (isLoading || error || !container) return;
+    setContentWidth(measureContentWidth(container));
+  }, [isLoading, error]);
+  const scale = containerWidth > 0 && contentWidth > 0 ? Math.min(1, containerWidth / contentWidth) : 1;
+  return /* @__PURE__ */ jsxs("div", { ref: outerRef, className: "w-full h-full overflow-auto bg-muted", "data-testid": "docx-viewer", children: [
+    isLoading && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Loading document..." }) }),
+    error && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx("div", { className: "text-destructive", children: error }) }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: containerRef,
+        "data-testid": "docx-viewer-body",
+        className: `docx-viewer-body${isLoading || error ? " hidden" : ""}`,
+        style: { zoom: scale }
+      }
+    )
+  ] });
+}
+export {
+  DocxViewer
+};
+//# sourceMappingURL=DocxViewer.js.map

package/dist/viewers/DocxViewer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/viewers/DocxViewer.tsx"],
+  "sourcesContent": ["/**\n * DocxViewer\n *\n * Renders DOCX files natively using docx-preview, preserving track changes\n * (shown as strikethrough deletions + inserted text) and inline comments.\n *\n * Pages render at their natural width and are scaled down to fit the\n * container, so the document resizes with the panel instead of clipping.\n *\n * `docx-preview` is an OPTIONAL peer dependency, imported dynamically \u2014 a\n * consumer that never renders a .docx does not need it installed. If it is\n * missing the viewer shows a load error rather than crashing the app.\n */\n\nimport { useEffect, useLayoutEffect, useRef, useState } from 'react'\n\nexport interface DocxViewerProps {\n  blob: Blob\n}\n\n/** Natural width of the rendered document: widest page plus wrapper padding. */\nfunction measureContentWidth(container: HTMLElement): number {\n  let pageWidth = 0\n  container.querySelectorAll<HTMLElement>('section.docx').forEach((section) => {\n    pageWidth = Math.max(pageWidth, section.offsetWidth)\n  })\n  if (pageWidth === 0) return 0\n\n  const wrapper = container.querySelector<HTMLElement>('.docx-wrapper')\n  if (wrapper) {\n    const style = window.getComputedStyle(wrapper)\n    pageWidth += (parseFloat(style.paddingLeft) || 0) + (parseFloat(style.paddingRight) || 0)\n  }\n  return pageWidth\n}\n\nexport function DocxViewer({ blob }: DocxViewerProps) {\n  const outerRef = useRef<HTMLDivElement>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [error, setError] = useState<string | null>(null)\n  const [isLoading, setIsLoading] = useState(true)\n  const [containerWidth, setContainerWidth] = useState(0)\n  const [contentWidth, setContentWidth] = useState(0)\n\n  // Track container width so the document rescales when the panel is resized\n  useEffect(() => {\n    const outer = outerRef.current\n    if (!outer) return\n\n    const updateWidth = () => setContainerWidth(outer.clientWidth)\n    updateWidth()\n\n    const resizeObserver = new ResizeObserver(updateWidth)\n    resizeObserver.observe(outer)\n    return () => resizeObserver.disconnect()\n  }, [])\n\n  useEffect(() => {\n    const container = containerRef.current\n    if (!container) return\n\n    let cancelled = false\n\n    setIsLoading(true)\n    setError(null)\n    setContentWidth(0)\n    container.innerHTML = ''\n\n    import('docx-preview')\n      .then(({ renderAsync }) => {\n        if (cancelled) return\n        return renderAsync(blob, container, undefined, {\n          ignoreLastRenderedPageBreak: false,\n        })\n      })\n      .then(() => {\n        if (!cancelled) setIsLoading(false)\n      })\n      .catch((err) => {\n        if (!cancelled) {\n          console.error('DocxViewer render error:', err)\n          setError('Failed to render document')\n          setIsLoading(false)\n        }\n      })\n\n    return () => {\n      cancelled = true\n    }\n  }, [blob])\n\n  // Measure after the body is unhidden \u2014 offsetWidth is 0 while `hidden` (display: none)\n  useLayoutEffect(() => {\n    const container = containerRef.current\n    if (isLoading || error || !container) return\n    setContentWidth(measureContentWidth(container))\n  }, [isLoading, error])\n\n  const scale =\n    containerWidth > 0 && contentWidth > 0 ? Math.min(1, containerWidth / contentWidth) : 1\n\n  return (\n    <div ref={outerRef} className=\"w-full h-full overflow-auto bg-muted\" data-testid=\"docx-viewer\">\n      {isLoading && (\n        <div className=\"flex items-center justify-center h-full\">\n          <div className=\"text-sm text-muted-foreground\">Loading document...</div>\n        </div>\n      )}\n      {error && (\n        <div className=\"flex items-center justify-center h-full\">\n          <div className=\"text-destructive\">{error}</div>\n        </div>\n      )}\n      <div\n        ref={containerRef}\n        data-testid=\"docx-viewer-body\"\n        className={`docx-viewer-body${isLoading || error ? ' hidden' : ''}`}\n        style={{ zoom: scale }}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": "AAsGI,SAGM,KAHN;AAxFJ,SAAS,WAAW,iBAAiB,QAAQ,gBAAgB;AAO7D,SAAS,oBAAoB,WAAgC;AAC3D,MAAI,YAAY;AAChB,YAAU,iBAA8B,cAAc,EAAE,QAAQ,CAAC,YAAY;AAC3E,gBAAY,KAAK,IAAI,WAAW,QAAQ,WAAW;AAAA,EACrD,CAAC;AACD,MAAI,cAAc,EAAG,QAAO;AAE5B,QAAM,UAAU,UAAU,cAA2B,eAAe;AACpE,MAAI,SAAS;AACX,UAAM,QAAQ,OAAO,iBAAiB,OAAO;AAC7C,kBAAc,WAAW,MAAM,WAAW,KAAK,MAAM,WAAW,MAAM,YAAY,KAAK;AAAA,EACzF;AACA,SAAO;AACT;AAEO,SAAS,WAAW,EAAE,KAAK,GAAoB;AACpD,QAAM,WAAW,OAAuB,IAAI;AAC5C,QAAM,eAAe,OAAuB,IAAI;AAChD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AACtD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAC/C,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,CAAC;AACtD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,CAAC;AAGlD,YAAU,MAAM;AACd,UAAM,QAAQ,SAAS;AACvB,QAAI,CAAC,MAAO;AAEZ,UAAM,cAAc,MAAM,kBAAkB,MAAM,WAAW;AAC7D,gBAAY;AAEZ,UAAM,iBAAiB,IAAI,eAAe,WAAW;AACrD,mBAAe,QAAQ,KAAK;AAC5B,WAAO,MAAM,eAAe,WAAW;AAAA,EACzC,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,UAAM,YAAY,aAAa;AAC/B,QAAI,CAAC,UAAW;AAEhB,QAAI,YAAY;AAEhB,iBAAa,IAAI;AACjB,aAAS,IAAI;AACb,oBAAgB,CAAC;AACjB,cAAU,YAAY;AAEtB,WAAO,cAAc,EAClB,KAAK,CAAC,EAAE,YAAY,MAAM;AACzB,UAAI,UAAW;AACf,aAAO,YAAY,MAAM,WAAW,QAAW;AAAA,QAC7C,6BAA6B;AAAA,MAC/B,CAAC;AAAA,IACH,CAAC,EACA,KAAK,MAAM;AACV,UAAI,CAAC,UAAW,cAAa,KAAK;AAAA,IACpC,CAAC,EACA,MAAM,CAAC,QAAQ;AACd,UAAI,CAAC,WAAW;AACd,gBAAQ,MAAM,4BAA4B,GAAG;AAC7C,iBAAS,2BAA2B;AACpC,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF,CAAC;AAEH,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAGT,kBAAgB,MAAM;AACpB,UAAM,YAAY,aAAa;AAC/B,QAAI,aAAa,SAAS,CAAC,UAAW;AACtC,oBAAgB,oBAAoB,SAAS,CAAC;AAAA,EAChD,GAAG,CAAC,WAAW,KAAK,CAAC;AAErB,QAAM,QACJ,iBAAiB,KAAK,eAAe,IAAI,KAAK,IAAI,GAAG,iBAAiB,YAAY,IAAI;AAExF,SACE,qBAAC,SAAI,KAAK,UAAU,WAAU,wCAAuC,eAAY,eAC9E;AAAA,iBACC,oBAAC,SAAI,WAAU,2CACb,8BAAC,SAAI,WAAU,iCAAgC,iCAAmB,GACpE;AAAA,IAED,SACC,oBAAC,SAAI,WAAU,2CACb,8BAAC,SAAI,WAAU,oBAAoB,iBAAM,GAC3C;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,eAAY;AAAA,QACZ,WAAW,mBAAmB,aAAa,QAAQ,YAAY,EAAE;AAAA,QACjE,OAAO,EAAE,MAAM,MAAM;AAAA;AAAA,IACvB;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/viewers/ImageViewer.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+function ImageViewer({ blob, alt }) {
+  const [objectUrl, setObjectUrl] = useState("");
+  useEffect(() => {
+    const url = URL.createObjectURL(blob);
+    setObjectUrl(url);
+    return () => URL.revokeObjectURL(url);
+  }, [blob]);
+  if (!objectUrl) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "h-full w-full overflow-auto flex items-center justify-center p-4 bg-muted/30",
+      "data-testid": "image-viewer",
+      children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: objectUrl,
+          alt,
+          className: "max-w-full max-h-full object-contain rounded shadow-sm",
+          "data-testid": "image-viewer-img"
+        }
+      )
+    }
+  );
+}
+export {
+  ImageViewer
+};
+//# sourceMappingURL=ImageViewer.js.map

package/dist/viewers/ImageViewer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/viewers/ImageViewer.tsx"],
+  "sourcesContent": ["import { useEffect, useState } from 'react'\n\nexport interface ImageViewerProps {\n  blob: Blob\n  alt: string\n}\n\n/** Renders an image blob, scaled to fit its container. */\nexport function ImageViewer({ blob, alt }: ImageViewerProps) {\n  const [objectUrl, setObjectUrl] = useState<string>('')\n\n  useEffect(() => {\n    const url = URL.createObjectURL(blob)\n    setObjectUrl(url)\n    return () => URL.revokeObjectURL(url)\n  }, [blob])\n\n  if (!objectUrl) return null\n\n  return (\n    <div\n      className=\"h-full w-full overflow-auto flex items-center justify-center p-4 bg-muted/30\"\n      data-testid=\"image-viewer\"\n    >\n      <img\n        src={objectUrl}\n        alt={alt}\n        className=\"max-w-full max-h-full object-contain rounded shadow-sm\"\n        data-testid=\"image-viewer-img\"\n      />\n    </div>\n  )\n}\n"],
+  "mappings": "AAwBM;AAxBN,SAAS,WAAW,gBAAgB;AAQ7B,SAAS,YAAY,EAAE,MAAM,IAAI,GAAqB;AAC3D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAiB,EAAE;AAErD,YAAU,MAAM;AACd,UAAM,MAAM,IAAI,gBAAgB,IAAI;AACpC,iBAAa,GAAG;AAChB,WAAO,MAAM,IAAI,gBAAgB,GAAG;AAAA,EACtC,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,CAAC,UAAW,QAAO;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MAEZ;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL;AAAA,UACA,WAAU;AAAA,UACV,eAAY;AAAA;AAAA,MACd;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/viewers/PdfViewer.js

@@ -1,4 +1,20 @@
-export { PdfViewer, pdfViewerChunk } from '../chunk-L2IPPTVC.js';
-import '../chunk-SSXFVWCT.js';
+import { jsx } from "react/jsx-runtime";
+import { lazyChunk, lazyComponent } from "../lazy-chunk.js";
+const pdfViewerChunk = lazyChunk(() => import("./PdfViewerImpl.js"));
+const PdfViewer = lazyComponent(
+  pdfViewerChunk,
+  (m) => m.PdfViewer,
+  () => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "h-full w-full animate-pulse bg-muted/40",
+      "data-slot": "pdf-loading",
+      "aria-busy": "true"
+    }
+  )
+);
+export {
+  PdfViewer,
+  pdfViewerChunk
+};
 //# sourceMappingURL=PdfViewer.js.map
-//# sourceMappingURL=PdfViewer.js.map

package/dist/viewers/PdfViewer.js.map

@@ -1 +1,7 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"PdfViewer.js"}
+{
+  "version": 3,
+  "sources": ["../../src/viewers/PdfViewer.tsx"],
+  "sourcesContent": ["/**\n * `PdfViewer`: a PDF rendered with pdf.js. The PDF engine is large, so it lives in its own chunk,\n * loaded the first time a PDF renders (`pdfViewerChunk`); meanwhile a blank page area.\n */\nimport type { ComponentType } from 'react'\nimport { lazyChunk, lazyComponent } from '../lazy-chunk'\nimport type { PdfViewerProps } from './PdfViewerImpl'\n\nexport type { PdfViewerAssets, PdfViewerProps } from './PdfViewerImpl'\n\nexport const pdfViewerChunk = lazyChunk(() => import('./PdfViewerImpl'))\n\nexport const PdfViewer: ComponentType<PdfViewerProps> = lazyComponent(\n  pdfViewerChunk,\n  (m) => m.PdfViewer,\n  () => (\n    <div\n      className=\"h-full w-full animate-pulse bg-muted/40\"\n      data-slot=\"pdf-loading\"\n      aria-busy=\"true\"\n    />\n  )\n)\n"],
+  "mappings": "AAgBI;AAXJ,SAAS,WAAW,qBAAqB;AAKlC,MAAM,iBAAiB,UAAU,MAAM,OAAO,iBAAiB,CAAC;AAEhE,MAAM,YAA2C;AAAA,EACtD;AAAA,EACA,CAAC,MAAM,EAAE;AAAA,EACT,MACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,aAAU;AAAA,MACV,aAAU;AAAA;AAAA,EACZ;AAEJ;",
+  "names": []
+}

package/dist/{PdfViewerImpl-TEBYF2QI.js → viewers/PdfViewerImpl.js}

@@ -1,12 +1,18 @@
-import { INITIAL_LAZY_LOAD_BUFFER, contentBoxWidth, LAZY_LOAD_BUFFER_AFTER, usePageIntersectionObserver, useScrollAnchor, usePinchZoom, renderDpr, fitPageWidth, LAZY_LOAD_BUFFER_BEFORE } from './chunk-6QNBSXCE.js';
-import { installPdfjsPolyfills } from './chunk-PTOP7OHG.js';
-import { useState, useMemo, useEffect, useRef, useCallback } from 'react';
-import { Document, Page, pdfjs } from 'react-pdf';
-import 'react-pdf/dist/Page/AnnotationLayer.css';
-import 'react-pdf/dist/Page/TextLayer.css';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var DEFAULT_ASSETS = {
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef, useCallback, useMemo } from "react";
+import { Document, Page, pdfjs } from "react-pdf";
+import "react-pdf/dist/Page/AnnotationLayer.css";
+import "react-pdf/dist/Page/TextLayer.css";
+import { installPdfjsPolyfills } from "./pdfjs-polyfills.js";
+import { usePageIntersectionObserver } from "./usePageIntersectionObserver.js";
+import { useScrollAnchor } from "./page-scroll.js";
+import { contentBoxWidth, fitPageWidth, renderDpr, usePinchZoom } from "./viewer-zoom.js";
+import {
+  LAZY_LOAD_BUFFER_BEFORE,
+  LAZY_LOAD_BUFFER_AFTER,
+  INITIAL_LAZY_LOAD_BUFFER
+} from "./pdf-viewer-constants.js";
+const DEFAULT_ASSETS = {
   workerSrc: "/pdf.worker.min.mjs",
   cMapUrl: "/cmaps/",
   standardFontDataUrl: "/standard_fonts/",
@@ -18,17 +24,17 @@ function ensurePdfWorker(workerSrc) {
     pdfjs.GlobalWorkerOptions.workerSrc = workerSrc;
   }
 }
-var DEFAULT_PAGE_ASPECT_RATIO = 1.414;
-var PAGE_BORDER_PX = 2;
-var RERENDER_DEBOUNCE_MS = 250;
-var ZOOMED_BUFFER_THRESHOLD = 1.5;
+const DEFAULT_PAGE_ASPECT_RATIO = 1.414;
+const PAGE_BORDER_PX = 2;
+const RERENDER_DEBOUNCE_MS = 250;
+const ZOOMED_BUFFER_THRESHOLD = 1.5;
 function sameSet(a, b) {
   if (a.size !== b.size) return false;
   for (const v of a) if (!b.has(v)) return false;
   return true;
 }
-var TEXT_LAYER_BUFFER = 1;
-var ratioOf = (page) => {
+const TEXT_LAYER_BUFFER = 1;
+const ratioOf = (page) => {
   const { width, height } = page.getViewport({ scale: 1 });
   return width > 0 && height > 0 ? height / width : DEFAULT_PAGE_ASPECT_RATIO;
 };
@@ -372,7 +378,7 @@ function PdfViewer({
     }
   );
 }
-
-export { PdfViewer };
-//# sourceMappingURL=PdfViewerImpl-TEBYF2QI.js.map
-//# sourceMappingURL=PdfViewerImpl-TEBYF2QI.js.map
+export {
+  PdfViewer
+};
+//# sourceMappingURL=PdfViewerImpl.js.map

package/dist/viewers/PdfViewerImpl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/viewers/PdfViewerImpl.tsx"],
+  "sourcesContent": ["/**\n * PdfViewer \u2014 paged PDF rendering with bidirectional page synchronisation.\n *\n * Uses IntersectionObserver to track the visible page and to drive two separate\n * lazy-load windows: a wide canvas buffer (so a page image is ready before the\n * user scrolls to it) and a narrow text-layer window (text spans are expensive\n * DOM, so they only exist for the active reading area).\n *\n * DECOUPLED FOR REUSE: page changes are reported through `onPageChange` rather\n * than written to an app store, and the pdf.js asset URLs are props rather than\n * hardcoded paths, because a consuming app decides where it serves the worker,\n * cmaps and standard fonts from.\n *\n * `react-pdf` and `pdfjs-dist` are OPTIONAL peer dependencies \u2014 install them\n * only if you render PDFs. The consuming app must also serve the pdf.js worker\n * (see `assets.workerSrc`).\n */\n\nimport { useState, useEffect, useRef, useCallback, useMemo, type ReactNode } from 'react'\nimport { Document, Page, pdfjs } from 'react-pdf'\nimport 'react-pdf/dist/Page/AnnotationLayer.css'\nimport 'react-pdf/dist/Page/TextLayer.css'\nimport { installPdfjsPolyfills } from './pdfjs-polyfills'\nimport { usePageIntersectionObserver } from './usePageIntersectionObserver'\nimport { useScrollAnchor } from './page-scroll'\nimport { contentBoxWidth, fitPageWidth, renderDpr, usePinchZoom } from './viewer-zoom'\nimport {\n  LAZY_LOAD_BUFFER_BEFORE,\n  LAZY_LOAD_BUFFER_AFTER,\n  INITIAL_LAZY_LOAD_BUFFER,\n} from './pdf-viewer-constants'\n\n/** Where the app serves the pdf.js runtime assets from. */\nexport interface PdfViewerAssets {\n  /** pdf.js worker bundle. Default `/pdf.worker.min.mjs`. */\n  workerSrc?: string\n  /** Directory of pdf.js character maps. Default `/cmaps/`. */\n  cMapUrl?: string\n  /** Directory of pdf.js standard font data. Default `/standard_fonts/`. */\n  standardFontDataUrl?: string\n  /**\n   * Directory of the pdf.js wasm decoders (openjpeg for JPEG 2000, jbig2,\n   * qcms). Scanned PDFs routinely embed JPX/JBIG2-compressed page images;\n   * without these modules pdf.js fails image decoding with only a console\n   * warning and renders blank white pages. Default `/wasm/`.\n   */\n  wasmUrl?: string\n}\n\nconst DEFAULT_ASSETS: Required<PdfViewerAssets> = {\n  workerSrc: '/pdf.worker.min.mjs',\n  cMapUrl: '/cmaps/',\n  standardFontDataUrl: '/standard_fonts/',\n  wasmUrl: '/wasm/',\n}\n\n/**\n * Ready pdf.js before any Document mounts: the built-ins it needs on this thread (older browsers\n * lack them and every page render would throw), and the worker, re-set only if it changed.\n */\nfunction ensurePdfWorker(workerSrc: string) {\n  installPdfjsPolyfills()\n  if (pdfjs.GlobalWorkerOptions.workerSrc !== workerSrc) {\n    pdfjs.GlobalWorkerOptions.workerSrc = workerSrc\n  }\n}\n\n// Page rendering constants\n// Height / width used for a page until its real size is known (the first page is read as soon as\n// the document opens, every other page as it renders). A placeholder that differs from the real\n// page shifts everything below it when the page renders.\nconst DEFAULT_PAGE_ASPECT_RATIO = 1.414 // A4 (\u221A2)\n/** The page wrapper's own border (border, top + bottom), included in its fixed height. */\nconst PAGE_BORDER_PX = 2\n/** Wait for the zoom to settle before re-rasterising every visible page. */\nconst RERENDER_DEBOUNCE_MS = 250\n/** Above this zoom a page canvas is large enough that the render window shrinks. */\nconst ZOOMED_BUFFER_THRESHOLD = 1.5\n\n/** Same set contents: lets a state setter bail out instead of re-rendering on every scroll tick. */\nfunction sameSet(a: ReadonlySet<number>, b: ReadonlySet<number>): boolean {\n  if (a.size !== b.size) return false\n  for (const v of a) if (!b.has(v)) return false\n  return true\n}\n\n// Text layer is enabled for pages within 1 page of the visible set \u2014 enough for smooth\n// scrolling while keeping DOM node count low on large documents.\nconst TEXT_LAYER_BUFFER = 1\n\ninterface PdfPageSize {\n  getViewport: (options: { scale: number }) => { width: number; height: number }\n}\nconst ratioOf = (page: PdfPageSize): number => {\n  const { width, height } = page.getViewport({ scale: 1 })\n  return width > 0 && height > 0 ? height / width : DEFAULT_PAGE_ASPECT_RATIO\n}\n\nexport interface PdfViewerProps {\n  file: string | Blob\n  currentPage?: number\n  onLoadSuccess?: (numPages: number) => void\n  /** Incremented to trigger scroll to currentPage */\n  scrollTrigger?: number\n  /** Zoom as a multiplier of the fit-width size (1 = fit width). Default 1. */\n  zoom?: number\n  /** Called by pinch and double-tap; the host owns the value (its buttons change it too). */\n  onZoomChange?: (zoom: number) => void\n  /**\n   * Called as the user scrolls, with the page occupying most of the viewport.\n   * This is the reusable form of the monolith's `setViewingDocumentPage`.\n   */\n  onPageChange?: (pageNumber: number) => void\n  /**\n   * Force pdf.js to rasterise fonts onto the canvas instead of using @font-face.\n   * Required when rendering into a different document (e.g. a popped-out window),\n   * where @font-face rules from the opener do not apply.\n   */\n  disableFontFace?: boolean\n  /** Where the app serves the pdf.js worker, cmaps and standard fonts from. */\n  assets?: PdfViewerAssets\n  /**\n   * Content drawn over every page, inside its border box (e.g. the annotation layer). It fills the\n   * page area and moves and scales with it. `pageWidthPt` is the page's width in PDF points once\n   * known, so overlays can size strokes and text to match what a later export draws.\n   */\n  renderPageOverlay?: (page: { pageNumber: number; pageWidthPt: number | undefined }) => ReactNode\n}\n\nexport function PdfViewer({\n  file,\n  currentPage,\n  onLoadSuccess,\n  scrollTrigger,\n  zoom = 1,\n  onZoomChange,\n  onPageChange,\n  disableFontFace = false,\n  assets,\n  renderPageOverlay,\n}: PdfViewerProps) {\n  const workerSrc = assets?.workerSrc ?? DEFAULT_ASSETS.workerSrc\n  const cMapUrl = assets?.cMapUrl ?? DEFAULT_ASSETS.cMapUrl\n  const standardFontDataUrl = assets?.standardFontDataUrl ?? DEFAULT_ASSETS.standardFontDataUrl\n  const wasmUrl = assets?.wasmUrl ?? DEFAULT_ASSETS.wasmUrl\n\n  // Ensure the pdf.js worker is configured before any Document mounts\n  ensurePdfWorker(workerSrc)\n\n  const [numPages, setNumPages] = useState<number>(0)\n  const [containerWidth, setContainerWidth] = useState<number>(0)\n  // Real height/width of the document's pages: the first page's, then each page as it loads.\n  const [defaultRatio, setDefaultRatio] = useState<number>(DEFAULT_PAGE_ASPECT_RATIO)\n  const [pageRatios, setPageRatios] = useState<ReadonlyMap<number, number>>(new Map())\n  // Each page's width in PDF points, for overlays that must size strokes and text like an export.\n  const [pageWidthsPt, setPageWidthsPt] = useState<ReadonlyMap<number, number>>(new Map())\n  const [loadError, setLoadError] = useState<Error | null>(null)\n  const [documentKey, setDocumentKey] = useState<string>(() => `pdf-${Date.now()}`)\n\n  // Initialize with pages around the current page (or first 3 pages if no current page).\n  // Start with a small initial buffer so the first paint is cheap; expand to the full\n  // buffer lazily via requestIdleCallback after the first render settles.\n  const initialPage = currentPage || 1\n  const [renderedPages, setRenderedPages] = useState<Set<number>>(\n    new Set([\n      Math.max(1, initialPage - INITIAL_LAZY_LOAD_BUFFER.before),\n      initialPage,\n      initialPage + INITIAL_LAZY_LOAD_BUFFER.after,\n    ])\n  )\n\n  // Pages currently in/near the viewport \u2014 used to gate the text layer.\n  // Keeping this separate from renderedPages lets the canvas still render on buffer pages\n  // while text DOM nodes are only created for the user's active reading area.\n  const [visiblePages, setVisiblePages] = useState<Set<number>>(new Set([initialPage]))\n\n  // A late PDF.js completion belongs only to the file that started it.\n  const loadLifetime = useMemo(() => ({ file, active: true }), [file])\n  useEffect(() => {\n    loadLifetime.active = true\n    return () => {\n      loadLifetime.active = false\n    }\n  }, [loadLifetime])\n\n  // Reset document key when file changes to force remount\n  useEffect(() => {\n    setDocumentKey(`pdf-${Date.now()}`)\n    setNumPages(0)\n    setLoadError(null)\n  }, [file])\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const pageRefs = useRef<Map<number, HTMLDivElement>>(new Map())\n\n  // Handle document load success\n  const onDocumentLoadSuccess = useCallback(\n    (pdf: { numPages: number; getPage?: (n: number) => Promise<PdfPageSize> }) => {\n      if (!loadLifetime.active) return\n      const n = pdf.numPages\n      void pdf\n        .getPage?.(1)\n        .then((page) => {\n          if (loadLifetime.active) setDefaultRatio(ratioOf(page))\n        })\n        .catch(() => {})\n      setNumPages(n)\n      setLoadError(null) // Clear any previous errors\n\n      try {\n        onLoadSuccess?.(n)\n      } catch (error) {\n        console.error('Error in onLoadSuccess callback:', error)\n      }\n    },\n    [onLoadSuccess, loadLifetime]\n  )\n\n  // Expand only while this file is mounted. Cancellation also guards callbacks\n  // that were already queued when the idle/timer handle was cancelled.\n  useEffect(() => {\n    if (numPages === 0) return\n    let cancelled = false\n    const expand = () => {\n      if (cancelled || !loadLifetime.active) return\n      setRenderedPages((prev) => {\n        if (prev.size === 0) return prev\n        const newSet = new Set(prev)\n        const anchor = currentPage || 1\n        for (\n          let i = Math.max(1, anchor - LAZY_LOAD_BUFFER_BEFORE);\n          i <= Math.min(numPages, anchor + LAZY_LOAD_BUFFER_AFTER);\n          i++\n        ) {\n          newSet.add(i)\n        }\n        return newSet\n      })\n    }\n    if (typeof requestIdleCallback !== 'undefined') {\n      const handle = requestIdleCallback(expand, { timeout: 500 })\n      return () => {\n        cancelled = true\n        if (typeof cancelIdleCallback !== 'undefined') cancelIdleCallback(handle)\n      }\n    }\n    const handle = setTimeout(expand, 500)\n    return () => {\n      cancelled = true\n      clearTimeout(handle)\n    }\n  }, [numPages, currentPage, loadLifetime])\n\n  // Handle document load error\n  const onDocumentLoadError = useCallback((error: Error) => {\n    console.error('PDF loading error:', error)\n    setLoadError(error)\n    setNumPages(0)\n  }, [])\n\n  // react-pdf calls this when the PDF is encrypted (reason === 1) or the\n  // supplied password was wrong (reason === 2). Default behaviour is a\n  // window.prompt() that, when cancelled, never resolves the password\n  // callback \u2014 pdf.js then leaves the document load Promise pending forever\n  // and the viewer is stuck on \"Loading PDF...\".\n  //\n  // Always call updatePassword exactly once. On cancel we surface a\n  // synthetic load error so onLoadError \u2192 setLoadError fires the standard\n  // error UI instead of the indefinite spinner.\n  const onPassword = useCallback((updatePassword: (password: string) => void, reason: number) => {\n    const message =\n      reason === 2\n        ? 'Incorrect password. Enter the password to unlock this PDF:'\n        : 'This PDF is password-protected. Enter the password to view it:'\n    const password = window.prompt(message)\n    if (password === null) {\n      // Cancelled. Synthesise a load error so the error UI takes over.\n      setLoadError(new Error('Password required to open this PDF'))\n      setNumPages(0)\n      return\n    }\n    updatePassword(password)\n  }, [])\n\n  // Fit width: the scroller's content box (inside its padding AND its vertical scrollbar) less the\n  // page's own border. `offsetWidth` would count the scrollbar and overflow sideways by its width.\n  useEffect(() => {\n    const container = containerRef.current\n    if (!container) return\n    const setFromContentWidth = (contentWidth: number) =>\n      setContainerWidth(fitPageWidth(contentWidth, PAGE_BORDER_PX))\n\n    setFromContentWidth(contentBoxWidth(container))\n\n    // Re-measure on any change of the content box: a panel resize, or the vertical scrollbar\n    // appearing once the pages are taller than the scroller.\n    const resizeObserver = new ResizeObserver((entries) => {\n      const entry = entries[entries.length - 1]\n      const box = entry?.contentBoxSize?.[0]\n      setFromContentWidth(box ? box.inlineSize : (entry?.contentRect.width ?? 0))\n    })\n    resizeObserver.observe(container)\n\n    return () => {\n      resizeObserver.disconnect()\n    }\n  }, [])\n\n  // Track whether initial scroll has completed to prevent feedback loop\n  const scrollCompleteRef = useRef(false)\n\n  // Scroll to page ONLY when PDF loads - not when page number updates from scrolling\n  useEffect(() => {\n    if (numPages === 0) return\n\n    // If we already scrolled, don't scroll again\n    if (scrollCompleteRef.current) return\n\n    // Ensure the target page and surrounding pages are rendered\n    if (currentPage) {\n      setRenderedPages((prev) => {\n        const newSet = new Set(prev)\n        for (\n          let i = Math.max(1, currentPage - LAZY_LOAD_BUFFER_BEFORE);\n          i <= Math.min(numPages, currentPage + LAZY_LOAD_BUFFER_AFTER);\n          i++\n        ) {\n          newSet.add(i)\n        }\n        return newSet\n      })\n\n      // Wait for DOM update, then scroll\n      requestAnimationFrame(() => {\n        const pageElement = pageRefs.current.get(currentPage)\n        if (pageElement) {\n          pageElement.scrollIntoView({ behavior: 'auto', block: 'start' })\n        }\n        // Wait for scroll to complete before allowing page number updates\n        setTimeout(() => {\n          scrollCompleteRef.current = true\n        }, 100)\n      })\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [numPages]) // Note: currentPage is intentionally NOT a dependency to prevent feedback loop\n\n  // The page the last explicit request (overlay arrows, typed number) asked for. Read when the\n  // trigger fires; scrolling itself changes `currentPage` and must NOT re-run the scroll below,\n  // or every page the user scrolls past would pull the view back to that page's top.\n  const currentPageRef = useRef(currentPage)\n  currentPageRef.current = currentPage\n\n  // Scroll to page when scrollTrigger changes (user entered a page number)\n  useEffect(() => {\n    const currentPage = currentPageRef.current\n    if (!scrollTrigger || numPages === 0 || !currentPage) return\n\n    // Temporarily disable observer updates during manual scroll\n    scrollCompleteRef.current = false\n\n    // Ensure the target page and surrounding pages are rendered\n    setRenderedPages((prev) => {\n      const newSet = new Set(prev)\n      for (\n        let i = Math.max(1, currentPage - LAZY_LOAD_BUFFER_BEFORE);\n        i <= Math.min(numPages, currentPage + LAZY_LOAD_BUFFER_AFTER);\n        i++\n      ) {\n        newSet.add(i)\n      }\n      return newSet\n    })\n\n    // Double-rAF: first frame lets React commit the setRenderedPages update so\n    // pages before the target are in the DOM at their correct heights; second\n    // frame scrolls after layout has settled. Instant scroll avoids a race\n    // where smooth-scroll animation is still running when the observer\n    // re-enables and reports the wrong page.\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        const pageElement = pageRefs.current.get(currentPage)\n        if (pageElement) {\n          pageElement.scrollIntoView({ behavior: 'instant', block: 'start' })\n        }\n        scrollCompleteRef.current = true\n      })\n    })\n  }, [scrollTrigger, numPages])\n\n  // Handle lazy loading based on visible pages\n  const handleVisibilityUpdate = useCallback(\n    (visibilityMap: Map<number, number>) => {\n      const visiblePageNums = Array.from(visibilityMap.entries())\n        .filter(([, ratio]) => ratio > 0)\n        .map(([pageNum]) => pageNum)\n\n      if (visiblePageNums.length > 0) {\n        const minVisible = Math.min(...visiblePageNums)\n        const maxVisible = Math.max(...visiblePageNums)\n\n        // Update canvas render buffer (wider window for smooth pre-loading). Zoomed pages are\n        // big canvases: keep fewer of them alive so far pages release their memory.\n        const zoomed = zoom > ZOOMED_BUFFER_THRESHOLD\n        const before = zoomed ? 1 : LAZY_LOAD_BUFFER_BEFORE\n        const after = zoomed ? 2 : LAZY_LOAD_BUFFER_AFTER\n        const pagesToRender = new Set<number>()\n        for (\n          let i = Math.max(1, minVisible - before);\n          i <= Math.min(numPages, maxVisible + after);\n          i++\n        ) {\n          pagesToRender.add(i)\n        }\n        setRenderedPages((prev) => (sameSet(prev, pagesToRender) ? prev : pagesToRender))\n\n        // Update text-layer set (narrow window \u2014 text layer is expensive DOM)\n        const nearViewport = new Set<number>()\n        for (\n          let i = Math.max(1, minVisible - TEXT_LAYER_BUFFER);\n          i <= Math.min(numPages, maxVisible + TEXT_LAYER_BUFFER);\n          i++\n        ) {\n          nearViewport.add(i)\n        }\n        setVisiblePages((prev) => (sameSet(prev, nearViewport) ? prev : nearViewport))\n      }\n    },\n    [numPages, zoom]\n  )\n\n  // Memoize options to prevent unnecessary Document reloads.\n  // When the options object changes reference, react-pdf reloads the document,\n  // which fails if the source Blob's ArrayBuffer was already transferred to the worker.\n  const documentOptions = useMemo(\n    () => ({\n      standardFontDataUrl,\n      cMapUrl,\n      cMapPacked: true,\n      wasmUrl,\n      ...(disableFontFace && { disableFontFace: true }),\n    }),\n    [standardFontDataUrl, cMapUrl, wasmUrl, disableFontFace]\n  )\n\n  // Observer callback is optional for consumers that don't track the page.\n  const handlePageChange = useCallback(\n    (pageNumber: number) => onPageChange?.(pageNumber),\n    [onPageChange]\n  )\n\n  // Use IntersectionObserver to track visible pages and update page number\n  usePageIntersectionObserver({\n    containerRef,\n    scrollCompleteRef,\n    isEnabled: numPages > 0,\n    getPageElements: () => Array.from(pageRefs.current.values()),\n    getPageNumber: (element) => parseInt(element.getAttribute('data-page-number') ?? '0'),\n    onPageChange: handlePageChange,\n    onVisibilityUpdate: handleVisibilityUpdate,\n    observeKey: `${numPages}:${containerWidth > 0}`,\n  })\n\n  // Pages above the reading position change height as they load their real size.\n  useScrollAnchor(containerRef, `${numPages}:${containerWidth > 0}`)\n\n  // Pinch / double-tap, and the focal point kept still for every zoom change.\n  usePinchZoom({ containerRef, zoom, onZoomChange })\n\n  // Layout follows `zoom` at once (a CSS scale of the already rendered canvas, so the gesture is\n  // smooth); the canvases are re-rendered at the new resolution once the zoom has settled. Without\n  // this the bitmap is only magnified and stays blurry.\n  const [renderZoom, setRenderZoom] = useState(zoom)\n  useEffect(() => {\n    if (zoom === renderZoom) return\n    const timer = setTimeout(() => setRenderZoom(zoom), RERENDER_DEBOUNCE_MS)\n    return () => clearTimeout(timer)\n  }, [zoom, renderZoom])\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"w-full h-full overflow-auto bg-muted flex flex-col items-start p-4 pb-20\"\n      // Two-finger gestures belong to the viewer (real zoom), not to the browser (bitmap zoom).\n      // The scrollbar's gutter is always reserved, so the fit width does not change (and every page\n      // re-rasterise) when the scrollbar appears, and cannot flip back and forth at the threshold.\n      style={{ touchAction: 'pan-x pan-y', scrollbarGutter: 'stable' }}\n      role=\"region\"\n      aria-label=\"PDF document viewer\"\n      data-testid=\"pdf-viewer\"\n    >\n      <Document\n        // Wider than the scroller when zoomed in: the scroller pans horizontally over it.\n        className=\"flex w-max min-w-full flex-col\"\n        key={documentKey}\n        // react-pdf 11 suspends while loading and sends failures to an error boundary. This viewer\n        // owns its loading and error UI (and the password flow), so keep the callback behaviour.\n        suspense={false}\n        file={file}\n        onLoadSuccess={onDocumentLoadSuccess}\n        onLoadError={onDocumentLoadError}\n        onPassword={onPassword}\n        options={documentOptions}\n        loading={\n          <div className=\"flex items-center justify-center h-full\">\n            <div className=\"text-sm text-muted-foreground\">Loading PDF...</div>\n          </div>\n        }\n        error={\n          <div className=\"flex flex-col items-center justify-center h-full gap-4 p-8\">\n            <div className=\"text-destructive text-center\">\n              {loadError?.message ===\n              \"Cannot read properties of null (reading 'sendWithPromise')\" ? (\n                <>\n                  <p className=\"font-semibold mb-2\">PDF viewer initialization failed</p>\n                  <p className=\"text-sm text-muted-foreground\">Please refresh the page to retry</p>\n                </>\n              ) : (\n                <>\n                  <p className=\"font-semibold mb-2\">Failed to load PDF</p>\n                  {loadError && (\n                    <p className=\"text-sm text-muted-foreground\">{loadError.message}</p>\n                  )}\n                </>\n              )}\n            </div>\n          </div>\n        }\n      >\n        {containerWidth > 0 &&\n          Array.from(new Array(numPages), (_, index) => {\n            const pageNumber = index + 1\n            const shouldRender = renderedPages.has(pageNumber)\n            const ratio = pageRatios.get(pageNumber) ?? defaultRatio\n            const pageWidth = containerWidth * zoom\n            const pageHeight = pageWidth * ratio\n            // Resolution the canvas is (re-)rendered at, and how far it is CSS-scaled meanwhile.\n            const renderWidth = containerWidth * renderZoom\n            const scale = zoom / renderZoom\n            // Only enable the text layer for pages in/near the viewport.\n            // Pages in the wider render buffer get a canvas (so the image is ready when\n            // the user scrolls to them) but no text spans until they're nearby \u2014 this\n            // avoids committing thousands of DOM nodes synchronously on large documents.\n            const shouldRenderTextLayer = visiblePages.has(pageNumber)\n\n            return (\n              <div\n                key={`page_${pageNumber}`}\n                ref={(el) => {\n                  if (el) {\n                    pageRefs.current.set(pageNumber, el)\n                  } else {\n                    pageRefs.current.delete(pageNumber)\n                  }\n                }}\n                data-page-number={pageNumber}\n                // Fixed height in every state: a flex item would otherwise shrink (it is a\n                // scroller itself via blocks.css) and a placeholder/real mismatch would shift the\n                // pages below.\n                className=\"relative mx-auto mb-6 shrink-0 shadow-xl bg-white border border-border\"\n                style={{ width: pageWidth + PAGE_BORDER_PX, height: pageHeight + PAGE_BORDER_PX }}\n                role=\"article\"\n                aria-label={`Page ${pageNumber} of ${numPages}`}\n              >\n                {shouldRender ? (\n                  <div\n                    data-testid={`pdf-page-scaler-${pageNumber}`}\n                    style={\n                      scale === 1\n                        ? undefined\n                        : { transform: `scale(${scale})`, transformOrigin: '0 0' }\n                    }\n                  >\n                    <Page\n                      pageNumber={pageNumber}\n                      width={renderWidth}\n                      renderTextLayer={shouldRenderTextLayer}\n                      renderAnnotationLayer={false}\n                      onLoadSuccess={(page: { originalWidth: number; originalHeight: number }) => {\n                        setPageWidthsPt((prev) =>\n                          prev.get(pageNumber) === page.originalWidth\n                            ? prev\n                            : new Map(prev).set(pageNumber, page.originalWidth)\n                        )\n                        const ratio = page.originalHeight / page.originalWidth\n                        setPageRatios((prev) =>\n                          Math.abs((prev.get(pageNumber) ?? defaultRatio) - ratio) < 0.001\n                            ? prev\n                            : new Map(prev).set(pageNumber, ratio)\n                        )\n                      }}\n                      // DPR capped at 2x and lowered further when the page would exceed the canvas\n                      // pixel budget (zoomed pages are big; iOS Safari fails above ~16.7M pixels).\n                      devicePixelRatio={renderDpr(\n                        renderWidth,\n                        renderWidth * ratio,\n                        window.devicePixelRatio || 1\n                      )}\n                      loading={\n                        <div\n                          className=\"flex items-center justify-center bg-muted\"\n                          style={{ width: renderWidth, height: renderWidth * ratio }}\n                        >\n                          <div className=\"text-sm text-muted-foreground\">\n                            Loading page {pageNumber}...\n                          </div>\n                        </div>\n                      }\n                    />\n                  </div>\n                ) : (\n                  <div\n                    className=\"flex items-center justify-center bg-muted\"\n                    style={{ width: pageWidth, height: pageHeight }}\n                  >\n                    <div className=\"text-sm text-muted-foreground\">Page {pageNumber}</div>\n                  </div>\n                )}\n                {renderPageOverlay?.({ pageNumber, pageWidthPt: pageWidthsPt.get(pageNumber) })}\n              </div>\n            )\n          })}\n      </Document>\n    </div>\n  )\n}\n"],
+  "mappings": "AAyfY,SAQI,UARJ,KAQI,YARJ;AAveZ,SAAS,UAAU,WAAW,QAAQ,aAAa,eAA+B;AAClF,SAAS,UAAU,MAAM,aAAa;AACtC,OAAO;AACP,OAAO;AACP,SAAS,6BAA6B;AACtC,SAAS,mCAAmC;AAC5C,SAAS,uBAAuB;AAChC,SAAS,iBAAiB,cAAc,WAAW,oBAAoB;AACvE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAmBP,MAAM,iBAA4C;AAAA,EAChD,WAAW;AAAA,EACX,SAAS;AAAA,EACT,qBAAqB;AAAA,EACrB,SAAS;AACX;AAMA,SAAS,gBAAgB,WAAmB;AAC1C,wBAAsB;AACtB,MAAI,MAAM,oBAAoB,cAAc,WAAW;AACrD,UAAM,oBAAoB,YAAY;AAAA,EACxC;AACF;AAMA,MAAM,4BAA4B;AAElC,MAAM,iBAAiB;AAEvB,MAAM,uBAAuB;AAE7B,MAAM,0BAA0B;AAGhC,SAAS,QAAQ,GAAwB,GAAiC;AACxE,MAAI,EAAE,SAAS,EAAE,KAAM,QAAO;AAC9B,aAAW,KAAK,EAAG,KAAI,CAAC,EAAE,IAAI,CAAC,EAAG,QAAO;AACzC,SAAO;AACT;AAIA,MAAM,oBAAoB;AAK1B,MAAM,UAAU,CAAC,SAA8B;AAC7C,QAAM,EAAE,OAAO,OAAO,IAAI,KAAK,YAAY,EAAE,OAAO,EAAE,CAAC;AACvD,SAAO,QAAQ,KAAK,SAAS,IAAI,SAAS,QAAQ;AACpD;AAiCO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AACF,GAAmB;AACjB,QAAM,YAAY,QAAQ,aAAa,eAAe;AACtD,QAAM,UAAU,QAAQ,WAAW,eAAe;AAClD,QAAM,sBAAsB,QAAQ,uBAAuB,eAAe;AAC1E,QAAM,UAAU,QAAQ,WAAW,eAAe;AAGlD,kBAAgB,SAAS;AAEzB,QAAM,CAAC,UAAU,WAAW,IAAI,SAAiB,CAAC;AAClD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAiB,CAAC;AAE9D,QAAM,CAAC,cAAc,eAAe,IAAI,SAAiB,yBAAyB;AAClF,QAAM,CAAC,YAAY,aAAa,IAAI,SAAsC,oBAAI,IAAI,CAAC;AAEnF,QAAM,CAAC,cAAc,eAAe,IAAI,SAAsC,oBAAI,IAAI,CAAC;AACvF,QAAM,CAAC,WAAW,YAAY,IAAI,SAAuB,IAAI;AAC7D,QAAM,CAAC,aAAa,cAAc,IAAI,SAAiB,MAAM,OAAO,KAAK,IAAI,CAAC,EAAE;AAKhF,QAAM,cAAc,eAAe;AACnC,QAAM,CAAC,eAAe,gBAAgB,IAAI;AAAA,IACxC,oBAAI,IAAI;AAAA,MACN,KAAK,IAAI,GAAG,cAAc,yBAAyB,MAAM;AAAA,MACzD;AAAA,MACA,cAAc,yBAAyB;AAAA,IACzC,CAAC;AAAA,EACH;AAKA,QAAM,CAAC,cAAc,eAAe,IAAI,SAAsB,oBAAI,IAAI,CAAC,WAAW,CAAC,CAAC;AAGpF,QAAM,eAAe,QAAQ,OAAO,EAAE,MAAM,QAAQ,KAAK,IAAI,CAAC,IAAI,CAAC;AACnE,YAAU,MAAM;AACd,iBAAa,SAAS;AACtB,WAAO,MAAM;AACX,mBAAa,SAAS;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAGjB,YAAU,MAAM;AACd,mBAAe,OAAO,KAAK,IAAI,CAAC,EAAE;AAClC,gBAAY,CAAC;AACb,iBAAa,IAAI;AAAA,EACnB,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,eAAe,OAAuB,IAAI;AAChD,QAAM,WAAW,OAAoC,oBAAI,IAAI,CAAC;AAG9D,QAAM,wBAAwB;AAAA,IAC5B,CAAC,QAA6E;AAC5E,UAAI,CAAC,aAAa,OAAQ;AAC1B,YAAM,IAAI,IAAI;AACd,WAAK,IACF,UAAU,CAAC,EACX,KAAK,CAAC,SAAS;AACd,YAAI,aAAa,OAAQ,iBAAgB,QAAQ,IAAI,CAAC;AAAA,MACxD,CAAC,EACA,MAAM,MAAM;AAAA,MAAC,CAAC;AACjB,kBAAY,CAAC;AACb,mBAAa,IAAI;AAEjB,UAAI;AACF,wBAAgB,CAAC;AAAA,MACnB,SAAS,OAAO;AACd,gBAAQ,MAAM,oCAAoC,KAAK;AAAA,MACzD;AAAA,IACF;AAAA,IACA,CAAC,eAAe,YAAY;AAAA,EAC9B;AAIA,YAAU,MAAM;AACd,QAAI,aAAa,EAAG;AACpB,QAAI,YAAY;AAChB,UAAM,SAAS,MAAM;AACnB,UAAI,aAAa,CAAC,aAAa,OAAQ;AACvC,uBAAiB,CAAC,SAAS;AACzB,YAAI,KAAK,SAAS,EAAG,QAAO;AAC5B,cAAM,SAAS,IAAI,IAAI,IAAI;AAC3B,cAAM,SAAS,eAAe;AAC9B,iBACM,IAAI,KAAK,IAAI,GAAG,SAAS,uBAAuB,GACpD,KAAK,KAAK,IAAI,UAAU,SAAS,sBAAsB,GACvD,KACA;AACA,iBAAO,IAAI,CAAC;AAAA,QACd;AACA,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AACA,QAAI,OAAO,wBAAwB,aAAa;AAC9C,YAAMA,UAAS,oBAAoB,QAAQ,EAAE,SAAS,IAAI,CAAC;AAC3D,aAAO,MAAM;AACX,oBAAY;AACZ,YAAI,OAAO,uBAAuB,YAAa,oBAAmBA,OAAM;AAAA,MAC1E;AAAA,IACF;AACA,UAAM,SAAS,WAAW,QAAQ,GAAG;AACrC,WAAO,MAAM;AACX,kBAAY;AACZ,mBAAa,MAAM;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,UAAU,aAAa,YAAY,CAAC;AAGxC,QAAM,sBAAsB,YAAY,CAAC,UAAiB;AACxD,YAAQ,MAAM,sBAAsB,KAAK;AACzC,iBAAa,KAAK;AAClB,gBAAY,CAAC;AAAA,EACf,GAAG,CAAC,CAAC;AAWL,QAAM,aAAa,YAAY,CAAC,gBAA4C,WAAmB;AAC7F,UAAM,UACJ,WAAW,IACP,+DACA;AACN,UAAM,WAAW,OAAO,OAAO,OAAO;AACtC,QAAI,aAAa,MAAM;AAErB,mBAAa,IAAI,MAAM,oCAAoC,CAAC;AAC5D,kBAAY,CAAC;AACb;AAAA,IACF;AACA,mBAAe,QAAQ;AAAA,EACzB,GAAG,CAAC,CAAC;AAIL,YAAU,MAAM;AACd,UAAM,YAAY,aAAa;AAC/B,QAAI,CAAC,UAAW;AAChB,UAAM,sBAAsB,CAAC,iBAC3B,kBAAkB,aAAa,cAAc,cAAc,CAAC;AAE9D,wBAAoB,gBAAgB,SAAS,CAAC;AAI9C,UAAM,iBAAiB,IAAI,eAAe,CAAC,YAAY;AACrD,YAAM,QAAQ,QAAQ,QAAQ,SAAS,CAAC;AACxC,YAAM,MAAM,OAAO,iBAAiB,CAAC;AACrC,0BAAoB,MAAM,IAAI,aAAc,OAAO,YAAY,SAAS,CAAE;AAAA,IAC5E,CAAC;AACD,mBAAe,QAAQ,SAAS;AAEhC,WAAO,MAAM;AACX,qBAAe,WAAW;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,CAAC;AAGL,QAAM,oBAAoB,OAAO,KAAK;AAGtC,YAAU,MAAM;AACd,QAAI,aAAa,EAAG;AAGpB,QAAI,kBAAkB,QAAS;AAG/B,QAAI,aAAa;AACf,uBAAiB,CAAC,SAAS;AACzB,cAAM,SAAS,IAAI,IAAI,IAAI;AAC3B,iBACM,IAAI,KAAK,IAAI,GAAG,cAAc,uBAAuB,GACzD,KAAK,KAAK,IAAI,UAAU,cAAc,sBAAsB,GAC5D,KACA;AACA,iBAAO,IAAI,CAAC;AAAA,QACd;AACA,eAAO;AAAA,MACT,CAAC;AAGD,4BAAsB,MAAM;AAC1B,cAAM,cAAc,SAAS,QAAQ,IAAI,WAAW;AACpD,YAAI,aAAa;AACf,sBAAY,eAAe,EAAE,UAAU,QAAQ,OAAO,QAAQ,CAAC;AAAA,QACjE;AAEA,mBAAW,MAAM;AACf,4BAAkB,UAAU;AAAA,QAC9B,GAAG,GAAG;AAAA,MACR,CAAC;AAAA,IACH;AAAA,EAEF,GAAG,CAAC,QAAQ,CAAC;AAKb,QAAM,iBAAiB,OAAO,WAAW;AACzC,iBAAe,UAAU;AAGzB,YAAU,MAAM;AACd,UAAMC,eAAc,eAAe;AACnC,QAAI,CAAC,iBAAiB,aAAa,KAAK,CAACA,aAAa;AAGtD,sBAAkB,UAAU;AAG5B,qBAAiB,CAAC,SAAS;AACzB,YAAM,SAAS,IAAI,IAAI,IAAI;AAC3B,eACM,IAAI,KAAK,IAAI,GAAGA,eAAc,uBAAuB,GACzD,KAAK,KAAK,IAAI,UAAUA,eAAc,sBAAsB,GAC5D,KACA;AACA,eAAO,IAAI,CAAC;AAAA,MACd;AACA,aAAO;AAAA,IACT,CAAC;AAOD,0BAAsB,MAAM;AAC1B,4BAAsB,MAAM;AAC1B,cAAM,cAAc,SAAS,QAAQ,IAAIA,YAAW;AACpD,YAAI,aAAa;AACf,sBAAY,eAAe,EAAE,UAAU,WAAW,OAAO,QAAQ,CAAC;AAAA,QACpE;AACA,0BAAkB,UAAU;AAAA,MAC9B,CAAC;AAAA,IACH,CAAC;AAAA,EACH,GAAG,CAAC,eAAe,QAAQ,CAAC;AAG5B,QAAM,yBAAyB;AAAA,IAC7B,CAAC,kBAAuC;AACtC,YAAM,kBAAkB,MAAM,KAAK,cAAc,QAAQ,CAAC,EACvD,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,QAAQ,CAAC,EAC/B,IAAI,CAAC,CAAC,OAAO,MAAM,OAAO;AAE7B,UAAI,gBAAgB,SAAS,GAAG;AAC9B,cAAM,aAAa,KAAK,IAAI,GAAG,eAAe;AAC9C,cAAM,aAAa,KAAK,IAAI,GAAG,eAAe;AAI9C,cAAM,SAAS,OAAO;AACtB,cAAM,SAAS,SAAS,IAAI;AAC5B,cAAM,QAAQ,SAAS,IAAI;AAC3B,cAAM,gBAAgB,oBAAI,IAAY;AACtC,iBACM,IAAI,KAAK,IAAI,GAAG,aAAa,MAAM,GACvC,KAAK,KAAK,IAAI,UAAU,aAAa,KAAK,GAC1C,KACA;AACA,wBAAc,IAAI,CAAC;AAAA,QACrB;AACA,yBAAiB,CAAC,SAAU,QAAQ,MAAM,aAAa,IAAI,OAAO,aAAc;AAGhF,cAAM,eAAe,oBAAI,IAAY;AACrC,iBACM,IAAI,KAAK,IAAI,GAAG,aAAa,iBAAiB,GAClD,KAAK,KAAK,IAAI,UAAU,aAAa,iBAAiB,GACtD,KACA;AACA,uBAAa,IAAI,CAAC;AAAA,QACpB;AACA,wBAAgB,CAAC,SAAU,QAAQ,MAAM,YAAY,IAAI,OAAO,YAAa;AAAA,MAC/E;AAAA,IACF;AAAA,IACA,CAAC,UAAU,IAAI;AAAA,EACjB;AAKA,QAAM,kBAAkB;AAAA,IACtB,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA,GAAI,mBAAmB,EAAE,iBAAiB,KAAK;AAAA,IACjD;AAAA,IACA,CAAC,qBAAqB,SAAS,SAAS,eAAe;AAAA,EACzD;AAGA,QAAM,mBAAmB;AAAA,IACvB,CAAC,eAAuB,eAAe,UAAU;AAAA,IACjD,CAAC,YAAY;AAAA,EACf;AAGA,8BAA4B;AAAA,IAC1B;AAAA,IACA;AAAA,IACA,WAAW,WAAW;AAAA,IACtB,iBAAiB,MAAM,MAAM,KAAK,SAAS,QAAQ,OAAO,CAAC;AAAA,IAC3D,eAAe,CAAC,YAAY,SAAS,QAAQ,aAAa,kBAAkB,KAAK,GAAG;AAAA,IACpF,cAAc;AAAA,IACd,oBAAoB;AAAA,IACpB,YAAY,GAAG,QAAQ,IAAI,iBAAiB,CAAC;AAAA,EAC/C,CAAC;AAGD,kBAAgB,cAAc,GAAG,QAAQ,IAAI,iBAAiB,CAAC,EAAE;AAGjE,eAAa,EAAE,cAAc,MAAM,aAAa,CAAC;AAKjD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,IAAI;AACjD,YAAU,MAAM;AACd,QAAI,SAAS,WAAY;AACzB,UAAM,QAAQ,WAAW,MAAM,cAAc,IAAI,GAAG,oBAAoB;AACxE,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,MAAM,UAAU,CAAC;AAErB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAU;AAAA,MAIV,OAAO,EAAE,aAAa,eAAe,iBAAiB,SAAS;AAAA,MAC/D,MAAK;AAAA,MACL,cAAW;AAAA,MACX,eAAY;AAAA,MAEZ;AAAA,QAAC;AAAA;AAAA,UAEC,WAAU;AAAA,UAIV,UAAU;AAAA,UACV;AAAA,UACA,eAAe;AAAA,UACf,aAAa;AAAA,UACb;AAAA,UACA,SAAS;AAAA,UACT,SACE,oBAAC,SAAI,WAAU,2CACb,8BAAC,SAAI,WAAU,iCAAgC,4BAAc,GAC/D;AAAA,UAEF,OACE,oBAAC,SAAI,WAAU,8DACb,8BAAC,SAAI,WAAU,gCACZ,qBAAW,YACZ,+DACE,iCACE;AAAA,gCAAC,OAAE,WAAU,sBAAqB,8CAAgC;AAAA,YAClE,oBAAC,OAAE,WAAU,iCAAgC,8CAAgC;AAAA,aAC/E,IAEA,iCACE;AAAA,gCAAC,OAAE,WAAU,sBAAqB,gCAAkB;AAAA,YACnD,aACC,oBAAC,OAAE,WAAU,iCAAiC,oBAAU,SAAQ;AAAA,aAEpE,GAEJ,GACF;AAAA,UAGD,2BAAiB,KAChB,MAAM,KAAK,IAAI,MAAM,QAAQ,GAAG,CAAC,GAAG,UAAU;AAC5C,kBAAM,aAAa,QAAQ;AAC3B,kBAAM,eAAe,cAAc,IAAI,UAAU;AACjD,kBAAM,QAAQ,WAAW,IAAI,UAAU,KAAK;AAC5C,kBAAM,YAAY,iBAAiB;AACnC,kBAAM,aAAa,YAAY;AAE/B,kBAAM,cAAc,iBAAiB;AACrC,kBAAM,QAAQ,OAAO;AAKrB,kBAAM,wBAAwB,aAAa,IAAI,UAAU;AAEzD,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,KAAK,CAAC,OAAO;AACX,sBAAI,IAAI;AACN,6BAAS,QAAQ,IAAI,YAAY,EAAE;AAAA,kBACrC,OAAO;AACL,6BAAS,QAAQ,OAAO,UAAU;AAAA,kBACpC;AAAA,gBACF;AAAA,gBACA,oBAAkB;AAAA,gBAIlB,WAAU;AAAA,gBACV,OAAO,EAAE,OAAO,YAAY,gBAAgB,QAAQ,aAAa,eAAe;AAAA,gBAChF,MAAK;AAAA,gBACL,cAAY,QAAQ,UAAU,OAAO,QAAQ;AAAA,gBAE5C;AAAA,iCACC;AAAA,oBAAC;AAAA;AAAA,sBACC,eAAa,mBAAmB,UAAU;AAAA,sBAC1C,OACE,UAAU,IACN,SACA,EAAE,WAAW,SAAS,KAAK,KAAK,iBAAiB,MAAM;AAAA,sBAG7D;AAAA,wBAAC;AAAA;AAAA,0BACC;AAAA,0BACA,OAAO;AAAA,0BACP,iBAAiB;AAAA,0BACjB,uBAAuB;AAAA,0BACvB,eAAe,CAAC,SAA4D;AAC1E;AAAA,8BAAgB,CAAC,SACf,KAAK,IAAI,UAAU,MAAM,KAAK,gBAC1B,OACA,IAAI,IAAI,IAAI,EAAE,IAAI,YAAY,KAAK,aAAa;AAAA,4BACtD;AACA,kCAAMC,SAAQ,KAAK,iBAAiB,KAAK;AACzC;AAAA,8BAAc,CAAC,SACb,KAAK,KAAK,KAAK,IAAI,UAAU,KAAK,gBAAgBA,MAAK,IAAI,OACvD,OACA,IAAI,IAAI,IAAI,EAAE,IAAI,YAAYA,MAAK;AAAA,4BACzC;AAAA,0BACF;AAAA,0BAGA,kBAAkB;AAAA,4BAChB;AAAA,4BACA,cAAc;AAAA,4BACd,OAAO,oBAAoB;AAAA,0BAC7B;AAAA,0BACA,SACE;AAAA,4BAAC;AAAA;AAAA,8BACC,WAAU;AAAA,8BACV,OAAO,EAAE,OAAO,aAAa,QAAQ,cAAc,MAAM;AAAA,8BAEzD,+BAAC,SAAI,WAAU,iCAAgC;AAAA;AAAA,gCAC/B;AAAA,gCAAW;AAAA,iCAC3B;AAAA;AAAA,0BACF;AAAA;AAAA,sBAEJ;AAAA;AAAA,kBACF,IAEA;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAU;AAAA,sBACV,OAAO,EAAE,OAAO,WAAW,QAAQ,WAAW;AAAA,sBAE9C,+BAAC,SAAI,WAAU,iCAAgC;AAAA;AAAA,wBAAM;AAAA,yBAAW;AAAA;AAAA,kBAClE;AAAA,kBAED,oBAAoB,EAAE,YAAY,aAAa,aAAa,IAAI,UAAU,EAAE,CAAC;AAAA;AAAA;AAAA,cAvEzE,QAAQ,UAAU;AAAA,YAwEzB;AAAA,UAEJ,CAAC;AAAA;AAAA,QA/HE;AAAA,MAgIP;AAAA;AAAA,EACF;AAEJ;",
+  "names": ["handle", "currentPage", "ratio"]
+}

package/dist/viewers/VideoViewer.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+function VideoViewer({ blob, title }) {
+  const [objectUrl, setObjectUrl] = useState("");
+  useEffect(() => {
+    const url = URL.createObjectURL(blob);
+    setObjectUrl(url);
+    return () => URL.revokeObjectURL(url);
+  }, [blob]);
+  if (!objectUrl) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "h-full w-full overflow-auto flex items-center justify-center p-4 bg-muted/30",
+      "data-testid": "video-viewer",
+      children: /* @__PURE__ */ jsx(
+        "video",
+        {
+          src: objectUrl,
+          controls: true,
+          title,
+          className: "max-w-full max-h-full rounded shadow-sm"
+        }
+      )
+    }
+  );
+}
+export {
+  VideoViewer
+};
+//# sourceMappingURL=VideoViewer.js.map

package/dist/viewers/VideoViewer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/viewers/VideoViewer.tsx"],
+  "sourcesContent": ["import { useEffect, useState } from 'react'\n\nexport interface VideoViewerProps {\n  blob: Blob\n  title: string\n}\n\n/** Renders a video blob with the browser's native transport controls. */\nexport function VideoViewer({ blob, title }: VideoViewerProps) {\n  const [objectUrl, setObjectUrl] = useState<string>('')\n\n  useEffect(() => {\n    const url = URL.createObjectURL(blob)\n    setObjectUrl(url)\n    return () => URL.revokeObjectURL(url)\n  }, [blob])\n\n  if (!objectUrl) return null\n\n  return (\n    <div\n      className=\"h-full w-full overflow-auto flex items-center justify-center p-4 bg-muted/30\"\n      data-testid=\"video-viewer\"\n    >\n      <video\n        src={objectUrl}\n        controls\n        title={title}\n        className=\"max-w-full max-h-full rounded shadow-sm\"\n      />\n    </div>\n  )\n}\n"],
+  "mappings": "AAwBM;AAxBN,SAAS,WAAW,gBAAgB;AAQ7B,SAAS,YAAY,EAAE,MAAM,MAAM,GAAqB;AAC7D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAiB,EAAE;AAErD,YAAU,MAAM;AACd,UAAM,MAAM,IAAI,gBAAgB,IAAI;AACpC,iBAAa,GAAG;AAChB,WAAO,MAAM,IAAI,gBAAgB,GAAG;AAAA,EACtC,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,CAAC,UAAW,QAAO;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MAEZ;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,UAAQ;AAAA,UACR;AAAA,UACA,WAAU;AAAA;AAAA,MACZ;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/viewers/XlsxViewer.js

@@ -0,0 +1,102 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+function XlsxViewer({ blob }) {
+  const [sheets, setSheets] = useState([]);
+  const [activeSheet, setActiveSheet] = useState("");
+  const [rows, setRows] = useState([]);
+  const [error, setError] = useState(null);
+  const [isLoading, setIsLoading] = useState(true);
+  const workbookRef = useRef(null);
+  const renderSheet = async (sheetName, wb) => {
+    const XLSX = await import("xlsx");
+    const sheet = wb.Sheets[sheetName];
+    const data = XLSX.utils.sheet_to_json(sheet, { header: 1, defval: "" });
+    setRows(data);
+    setActiveSheet(sheetName);
+  };
+  useEffect(() => {
+    let cancelled = false;
+    blob.arrayBuffer().then(async (buffer) => {
+      if (cancelled) return;
+      const XLSX = await import("xlsx");
+      const wb = XLSX.read(buffer, { type: "array" });
+      workbookRef.current = wb;
+      const sheetNames = wb.SheetNames;
+      setSheets(sheetNames);
+      const data = XLSX.utils.sheet_to_json(wb.Sheets[sheetNames[0]], {
+        header: 1,
+        defval: ""
+      });
+      if (!cancelled) {
+        setRows(data);
+        setActiveSheet(sheetNames[0]);
+        setIsLoading(false);
+      }
+    }).catch((err) => {
+      if (!cancelled) {
+        console.error("XlsxViewer error:", err);
+        setError("Failed to render spreadsheet");
+        setIsLoading(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [blob]);
+  const handleSheetChange = (sheetName) => {
+    if (workbookRef.current) {
+      renderSheet(sheetName, workbookRef.current);
+    }
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Loading spreadsheet..." }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx("div", { className: "text-destructive", children: error }) });
+  }
+  const colCount = rows.reduce((max, row) => Math.max(max, row.length), 0);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "w-full h-full flex flex-col overflow-hidden bg-background",
+      "data-testid": "xlsx-viewer",
+      children: [
+        sheets.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 flex items-center gap-0.5 px-2 pt-1 border-b bg-muted overflow-x-auto", children: sheets.map((sheet) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => handleSheetChange(sheet),
+            className: `px-3 py-1 text-sm font-medium whitespace-nowrap rounded-t transition-colors border-x border-t ${sheet === activeSheet ? "bg-background text-primary border-border" : "bg-muted text-muted-foreground border-transparent hover:bg-muted hover:text-foreground"}`,
+            children: sheet
+          },
+          sheet
+        )) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-auto", children: [
+          /* @__PURE__ */ jsx("table", { className: "text-sm border-collapse min-w-full", children: /* @__PURE__ */ jsx("tbody", { children: rows.map((row, rowIdx) => /* @__PURE__ */ jsxs(
+            "tr",
+            {
+              className: rowIdx === 0 ? "bg-muted font-semibold sticky top-0" : "hover:bg-accent",
+              children: [
+                /* @__PURE__ */ jsx("td", { className: "border border-border px-1 text-center text-muted-foreground bg-muted select-none w-8 min-w-[2rem]", children: rowIdx + 1 }),
+                Array.from({ length: colCount }).map((_, colIdx) => /* @__PURE__ */ jsx(
+                  "td",
+                  {
+                    className: "border border-border px-2 py-0.5 whitespace-nowrap max-w-[200px] overflow-hidden text-ellipsis",
+                    title: String(row[colIdx] ?? ""),
+                    children: String(row[colIdx] ?? "")
+                  },
+                  colIdx
+                ))
+              ]
+            },
+            rowIdx
+          )) }) }),
+          rows.length === 0 && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-8 text-sm text-muted-foreground", children: "Empty sheet" })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  XlsxViewer
+};
+//# sourceMappingURL=XlsxViewer.js.map