@cherrystudio/file-preview 0.2.0 → 0.2.2

package/README.md

@@ -44,6 +44,15 @@ and file-identity content for the fixed top row; the format toolbar shares that
 Without a header, format controls render above the document. Give `source` and
 `resources` stable references so layout, locale and theme updates retain the session.
 
+Refreshing the same source ID and format retains the mounted format and its valid
+reading state while opening a fresh document. Formats preserve zoom, page, scroll,
+worksheet and image transforms as applicable, and clamp positions to shorter content.
+A different source ID or format starts a new preview. The previous document still
+closes on refresh; obsolete reads and parsing results cannot overwrite retained
+content or publish selections or terminal errors for the replacement session.
+Closing and reopening a preview does not persist reading
+history. Hosts must clear any held selection when requesting a refresh.
+
 `onSelection` reports `{ sourceId, revision, anchor, excerpt }`, or `null` when a
 pick is cleared. Anchors use worksheet A1 ranges, body paragraph ordinals, PDF pages
 and PPTX slides. The host owns held selections across refreshes and file switches.
@@ -92,8 +101,7 @@ PDF workers belong to individual previews and never change pdf.js global options
 Cleanup awaits the pdf.js loading task's destruction before terminating its worker,
 allowing document fonts to be released. There is no forced teardown timeout: an
 already-unresponsive worker can leave that destruction promise pending.
-Translations use an independent i18next instance with resources for all 13 desktop
-languages; other locales fall back to English.
+Translations use an independent i18next instance with resources for 14 languages; other locales fall back to English.
 
 `FilePreviewLayout.Shell` owns the shared header and toolbar placement.
 `FilePreviewLayout`, `FilePreviewToolbar` and its portal provider/host are also used
@@ -246,6 +254,22 @@ is bundled, including UI components and the patched docx-preview and pptx-render
 dependencies; consumers install only `zod` and the React peers. CSS excludes Tailwind preflight
 and scopes selectors to `.file-preview-root`.
 
+## Browser regression tests
+
+From the workspace root, install Playwright's Chromium once, then run the package tests:
+
+```sh
+pnpm exec playwright install chromium
+pnpm exec playwright test --config packages/file-preview/playwright.config.ts
+```
+
+The test configuration builds the package and starts its own Vite server, then stops
+the server after the run. No running Electron instance or renderer development server
+is required. The PDF cases exercise the built public package and actual worker/layout
+for mixed/changed page geometry, reading offsets, refresh, zoom, Activity and shorter documents.
+The PowerPoint case uses the real renderer to retain a slide-relative reading offset
+when the same deck changes its slide proportions, including Activity restoration.
+
 ## Publishing
 
 Versioning and npm publishing use the repository's [Changesets workflow](../../.changeset/README.md).

package/dist/{ImageFilePreview-Cbw6HzIR.js → ImageFilePreview-C_P1iIEi.js}

@@ -3,10 +3,10 @@ import { _ as cva, a as usePreviewHost, b as useComposedRefs, d as EmptyState, g
 import { n as ZoomIn, t as ZoomOut } from "./zoom-out-B2XJ64Kx.js";
 import { S as composeEventHandlers, a as usePortalContainer, b as dispatchDiscreteCustomEvent, c as Portal$1, d as Content, f as Root2$1, g as DismissableLayer, h as useLayoutEffect2, l as Anchor, m as useId$1, o as useControllableState, p as createPopperScope, s as Presence, t as FilePreviewToolbarButton, u as Arrow, v as useCallbackRef, x as createContextScope, y as Primitive } from "./FilePreviewToolbarButton-ptqwCTnz.js";
 import { i as useFocusGuards, n as hideOthers, r as FocusScope, t as ReactRemoveScroll } from "./Combination-i8Z9CJHc.js";
-import { t as imageFilePreviewPlugin } from "./imageFilePreviewPlugin-Cif3MLQd.js";
+import { t as imageFilePreviewPlugin } from "./imageFilePreviewPlugin-D6hV1Hm1.js";
 import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-DC7vPyMI.js";
 import * as React$1 from "react";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 /**
 * @license lucide-react v0.545.0 - ISC
@@ -2078,11 +2078,20 @@ var IMAGE_MEDIA_TYPE_BY_EXTENSION = {
 };
 function ImageFilePreview({ sourceId, fileName, document, mediaType }) {
 	const { t } = useTranslation();
-	const { failDocument } = usePreviewHost();
+	const { failDocument, isCurrentDocument } = usePreviewHost();
 	const [url, setUrl] = useState(null);
 	const objectUrlRef = useRef(null);
 	const [status, setStatus] = useState("loading");
 	const transformControls = useImagePreviewTransform();
+	const [loadedDocument, setLoadedDocument] = useState(document);
+	const [pendingTransform, setPendingTransform] = useState(transformControls.transform);
+	if (loadedDocument !== document) {
+		setLoadedDocument(document);
+		setStatus("loading");
+	}
+	useLayoutEffect(() => {
+		if (status === "ready") setPendingTransform(transformControls.transform);
+	}, [status, transformControls.transform]);
 	const releaseImageUrl = useCallback(() => {
 		if (objectUrlRef.current) URL.revokeObjectURL(objectUrlRef.current);
 		objectUrlRef.current = null;
@@ -2103,14 +2112,14 @@ function ImageFilePreview({ sourceId, fileName, document, mediaType }) {
 		setStatus("loading");
 		setUrl(null);
 		readPreviewDocument(document, IMAGE_PREVIEW_MAX_SIZE_BYTES, controller.signal).then((bytes) => {
-			if (controller.signal.aborted) return;
+			if (controller.signal.aborted || isCurrentDocument?.() === false) return;
 			const extension = fileName.split(".").at(-1)?.toLowerCase();
 			const normalizedMediaType = mediaType?.split(";", 1)[0].trim().toLowerCase();
 			const mime = normalizedMediaType && imageFilePreviewPlugin.mediaTypes.includes(normalizedMediaType) ? normalizedMediaType : IMAGE_MEDIA_TYPE_BY_EXTENSION[extension ?? ""] ?? `image/${extension}`;
 			objectUrlRef.current = URL.createObjectURL(new Blob([bytes], { type: mime }));
 			setUrl(objectUrlRef.current);
 		}).catch((error) => {
-			if (controller.signal.aborted) return;
+			if (controller.signal.aborted || isCurrentDocument?.() === false) return;
 			failDocument?.(error);
 			setStatus(error instanceof PreviewError && error.code === "too_large" ? "too_large" : "error");
 		});
@@ -2123,7 +2132,8 @@ function ImageFilePreview({ sourceId, fileName, document, mediaType }) {
 		fileName,
 		mediaType,
 		failDocument,
-		releaseImageUrl
+		releaseImageUrl,
+		isCurrentDocument
 	]);
 	if (status === "too_large") return /* @__PURE__ */ jsx(FilePreviewLayout.Frame, { children: /* @__PURE__ */ jsx(FilePreviewLayout.Content, { children: /* @__PURE__ */ jsx(FilePreviewTooLarge, {
 		sizeBytes: document.size,
@@ -2156,8 +2166,13 @@ function ImageFilePreview({ sourceId, fileName, document, mediaType }) {
 			imageClassName: status === "loading" ? "opacity-0" : void 0,
 			item,
 			transformControls,
-			onLoad: () => setStatus("ready"),
+			onLoad: () => {
+				if (isCurrentDocument?.() === false) return;
+				transformControls.update(pendingTransform);
+				setStatus("ready");
+			},
 			onError: () => {
+				if (isCurrentDocument?.() === false) return;
 				const error = /* @__PURE__ */ new Error(`Failed to load image preview: ${sourceId}`);
 				failDocument?.(error);
 				releaseImageUrl();

package/dist/{PdfFilePreview-DqnRzmwY.js → PdfFilePreview-CbrMcPzo.js}

@@ -8,7 +8,7 @@ import { i as useFocusGuards, n as hideOthers, r as FocusScope, t as ReactRemove
 import { t as createPreviewSelection } from "./selection-B0INvh6t.js";
 import { t as attachTouchPinch } from "./touchPinch-C4fl-9fg.js";
 import * as React$1 from "react";
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 /**
 * @license lucide-react v0.545.0 - ISC
@@ -29148,13 +29148,26 @@ function PdfPreviewTooLarge() {
 */
 function PdfFilePreview({ sourceId, fileName, document: previewDocument, onSelection }) {
 	const logger = usePreviewLogger("PdfFilePreview");
-	const { root: previewRoot, resources, options, failDocument } = usePreviewHost();
+	const { root: previewRoot, resources, options, failDocument, isCurrentDocument } = usePreviewHost();
 	const { t } = useTranslation();
 	const rootRef = useRef(null);
 	const containerRef = useRef(null);
 	const viewerRef = useRef(null);
 	const pdfViewerRef = useRef(null);
+	const restoredViewerRef = useRef(null);
 	const linkServiceRef = useRef(null);
+	const zoomIntentRef = useRef({
+		value: DEFAULT_PDF_SCALE,
+		width: 0
+	});
+	const readingPositionRef = useRef(null);
+	const captureReadingPosition = useCallback(() => {
+		const viewer = pdfViewerRef.current;
+		const container = containerRef.current;
+		if (!viewer || restoredViewerRef.current !== viewer || !container || container.clientHeight === 0) return;
+		viewer.update();
+	}, []);
+	useLayoutEffect(() => captureReadingPosition, [captureReadingPosition]);
 	const [background, setBackground] = useState(() => resolveThemeBackground(null));
 	const backgroundRef = useRef(background);
 	backgroundRef.current = background;
@@ -29263,7 +29276,7 @@ function PdfFilePreview({ sourceId, fileName, document: previewDocument, onSelec
 	useEffect(() => {
 		pickTokenRef.current += 1;
 		setPickedPage(null);
-	}, [sourceId]);
+	}, [sourceId, previewDocument]);
 	useEffect(() => () => {
 		pickTokenRef.current += 1;
 	}, []);
@@ -29304,7 +29317,10 @@ function PdfFilePreview({ sourceId, fileName, document: previewDocument, onSelec
 		const viewer = pdfViewerRef.current;
 		if (!responsiveLayout || status !== "ready" || !container || !viewer) return;
 		const observer = new ResizeObserver(() => {
-			if (container.clientWidth > 0 && viewer.currentScaleValue === DEFAULT_PDF_SCALE) viewer.currentScaleValue = DEFAULT_PDF_SCALE;
+			const nextWidth = container.clientWidth;
+			if (nextWidth <= 0 || nextWidth === zoomIntentRef.current.width) return;
+			zoomIntentRef.current.width = nextWidth;
+			if (zoomIntentRef.current.value === DEFAULT_PDF_SCALE) viewer.currentScaleValue = DEFAULT_PDF_SCALE;
 		});
 		observer.observe(container);
 		return () => observer.disconnect();
@@ -29344,9 +29360,11 @@ function PdfFilePreview({ sourceId, fileName, document: previewDocument, onSelec
 		let workerPort = null;
 		let worker = null;
 		let disposing = false;
+		const isCurrent = () => !cancelled && isCurrentDocument?.() !== false;
 		const dispose = () => {
 			if (disposing) return;
 			disposing = true;
+			captureReadingPosition();
 			rangeTransport?.abort();
 			const task = loadingTask;
 			loadingTask = null;
@@ -29363,6 +29381,10 @@ function PdfFilePreview({ sourceId, fileName, document: previewDocument, onSelec
 		};
 		const failLoad = (error) => {
 			if (cancelled || failed) return;
+			if (!isCurrent()) {
+				dispose();
+				return;
+			}
 			failed = true;
 			dispose();
 			const normalized = error instanceof Error ? error : new Error(String(error));
@@ -29379,8 +29401,6 @@ function PdfFilePreview({ sourceId, fileName, document: previewDocument, onSelec
 		setStatus("loading");
 		setCurrentPage(0);
 		setPageCount(0);
-		setZoom(DEFAULT_ZOOM);
-		setIsOutlineOpen(false);
 		setOutlineItems([]);
 		setOutlineStatus("loading");
 		(async () => {
@@ -29409,7 +29429,10 @@ function PdfFilePreview({ sourceId, fileName, document: previewDocument, onSelec
 					...resources?.readPdfResource ? createPdfResourceFactories(resources.readPdfResource) : {}
 				});
 				const nextDocument = await loadingTask.promise;
-				if (cancelled || failed) return;
+				if (!isCurrent() || failed) {
+					dispose();
+					return;
+				}
 				setDocumentProxy(nextDocument);
 			} catch (error) {
 				failLoad(error);
@@ -29424,19 +29447,21 @@ function PdfFilePreview({ sourceId, fileName, document: previewDocument, onSelec
 		previewDocument,
 		resources,
 		failDocument,
-		logger
+		logger,
+		captureReadingPosition,
+		isCurrentDocument
 	]);
 	useEffect(() => {
-		if (!documentProxy) return;
+		if (!documentProxy || documentProxy.loadingTask.destroyed) return;
 		let cancelled = false;
 		setOutlineItems([]);
 		setOutlineStatus("loading");
 		documentProxy.getOutline().then((items) => {
-			if (cancelled) return;
+			if (cancelled || isCurrentDocument?.() === false) return;
 			setOutlineItems(items ?? []);
 			setOutlineStatus("ready");
 		}).catch((error) => {
-			if (cancelled) return;
+			if (cancelled || isCurrentDocument?.() === false) return;
 			const normalized = error instanceof Error ? error : new Error(String(error));
 			logger.error(`Failed to load PDF outline: ${sourceId}`, normalized);
 			setOutlineStatus("error");
@@ -29447,16 +29472,18 @@ function PdfFilePreview({ sourceId, fileName, document: previewDocument, onSelec
 	}, [
 		documentProxy,
 		sourceId,
-		logger
+		logger,
+		isCurrentDocument
 	]);
 	useEffect(() => {
 		const container = containerRef.current;
 		const viewerElement = viewerRef.current;
-		if (!documentProxy || !container || !viewerElement) return;
+		if (!documentProxy || documentProxy.loadingTask.destroyed || !container || !viewerElement) return;
 		const eventBus = new EventBus();
 		const linkService = new PDFLinkService({ eventBus });
 		const viewerAbortController = new AbortController();
 		let pdfViewer;
+		const isCurrent = () => pdfViewerRef.current === pdfViewer && isCurrentDocument?.() !== false;
 		try {
 			pdfViewer = new PDFViewer({
 				container,
@@ -29494,7 +29521,26 @@ function PdfFilePreview({ sourceId, fileName, document: previewDocument, onSelec
 		};
 		const handleScaleChanging = (event) => {
 			const nextScale = event?.scale ?? pdfViewer.currentScale;
-			if (typeof nextScale === "number" && Number.isFinite(nextScale) && nextScale > 0) setZoom(nextScale);
+			if (typeof nextScale === "number" && Number.isFinite(nextScale) && nextScale > 0) {
+				if (restoredViewerRef.current === pdfViewer) zoomIntentRef.current = {
+					value: pdfViewer.currentScaleValue,
+					width: container.clientWidth
+				};
+				setZoom(nextScale);
+			}
+		};
+		const handleViewArea = (event) => {
+			if (restoredViewerRef.current !== pdfViewer || container.clientHeight === 0) return;
+			const { pageNumber, left, top } = event.location;
+			const pageView = pdfViewer.getPageView(pageNumber - 1);
+			if (!pageView?.pdfPage) return;
+			readingPositionRef.current = {
+				scale: pdfViewer.currentScale,
+				page: pageNumber,
+				left,
+				top,
+				viewBox: [...pageView.viewport.viewBox]
+			};
 		};
 		const zoomOptions = { drawingDelay: ZOOM_DRAWING_DELAY };
 		let pinchWheelDelta = 0;
@@ -29598,14 +29644,69 @@ function PdfFilePreview({ sourceId, fileName, document: previewDocument, onSelec
 			pdfViewer.setDocument(documentProxy);
 			linkService.setDocument(documentProxy);
 			syncPreviewControls();
-			pdfViewer.firstPagePromise.then(() => {
-				if (pdfViewerRef.current !== pdfViewer) return;
-				pdfViewer.currentScaleValue = DEFAULT_PDF_SCALE;
+			pdfViewer.firstPagePromise.then(async () => {
+				if (!isCurrent()) return;
+				const position = readingPositionRef.current;
+				if (position) {
+					const pageNumber = clamp(position.page, 1, documentProxy.numPages);
+					const ensurePageGeometry = async (number) => {
+						const view = pdfViewer.getPageView(number - 1);
+						if (!view.pdfPage) {
+							const page = await documentProxy.getPage(number);
+							if (!isCurrent()) return null;
+							if (!view.pdfPage) view.setPdfPage(page);
+						}
+						return view;
+					};
+					const pageView = await ensurePageGeometry(pageNumber);
+					if (!pageView || !isCurrent()) return;
+					pdfViewer.currentPageNumber = pageNumber;
+					pdfViewer.currentScaleValue = String(position.scale);
+					const point = pageNumber === position.page ? [position.left, position.top].map((value, axis) => {
+						const min = pageView.viewport.viewBox[axis];
+						const max = pageView.viewport.viewBox[axis + 2];
+						if (value < position.viewBox[axis]) return min + value - position.viewBox[axis];
+						if (value > position.viewBox[axis + 2]) return max + value - position.viewBox[axis + 2];
+						return clamp(value, min, max);
+					}) : null;
+					const offsetTop = point ? pageView.viewport.convertToViewportPoint(point[0], point[1])[1] : 0;
+					let remainingHeight = container.clientHeight + offsetTop - pageView.height;
+					for (let number = pageNumber + 1; remainingHeight > 0 && number <= documentProxy.numPages; number++) {
+						const nextPage = await ensurePageGeometry(number);
+						if (!nextPage || !isCurrent()) return;
+						remainingHeight -= nextPage.height;
+					}
+					remainingHeight -= Math.max(0, offsetTop);
+					for (let number = pageNumber - 1; remainingHeight > 0 && number >= 1; number--) {
+						const previousPage = await ensurePageGeometry(number);
+						if (!previousPage || !isCurrent()) return;
+						remainingHeight -= previousPage.height;
+					}
+					pdfViewer.scrollPageIntoView({
+						pageNumber,
+						destArray: [
+							null,
+							{ name: "XYZ" },
+							point?.[0] ?? null,
+							point?.[1] ?? null,
+							null
+						],
+						allowNegativeOffset: true,
+						ignoreDestinationZoom: true
+					});
+				} else {
+					zoomIntentRef.current = {
+						value: DEFAULT_PDF_SCALE,
+						width: container.clientWidth
+					};
+					pdfViewer.currentScaleValue = DEFAULT_PDF_SCALE;
+				}
 				syncBackground();
 				syncPreviewControls();
+				restoredViewerRef.current = pdfViewer;
 				setStatus("ready");
 			}).catch((error) => {
-				if (pdfViewerRef.current !== pdfViewer) return;
+				if (!isCurrent()) return;
 				const normalized = error instanceof Error ? error : new Error(String(error));
 				failDocument?.(normalized);
 				setStatus("error");
@@ -29615,6 +29716,7 @@ function PdfFilePreview({ sourceId, fileName, document: previewDocument, onSelec
 			eventBus.on("pagerendered", syncBackground);
 			eventBus.on("pagechanging", handlePageChanging);
 			eventBus.on("scalechanging", handleScaleChanging);
+			eventBus.on("updateviewarea", handleViewArea);
 			container.addEventListener("wheel", handleWheelZoom, { passive: false });
 			container.addEventListener("keydown", handleKeyboardZoom);
 			container.addEventListener("pointerdown", focusContainer);
@@ -29630,6 +29732,7 @@ function PdfFilePreview({ sourceId, fileName, document: previewDocument, onSelec
 			eventBus.off("pagerendered", syncBackground);
 			eventBus.off("pagechanging", handlePageChanging);
 			eventBus.off("scalechanging", handleScaleChanging);
+			eventBus.off("updateviewarea", handleViewArea);
 			container.removeEventListener("wheel", handleWheelZoom);
 			container.removeEventListener("keydown", handleKeyboardZoom);
 			container.removeEventListener("pointerdown", focusContainer);
@@ -29639,6 +29742,7 @@ function PdfFilePreview({ sourceId, fileName, document: previewDocument, onSelec
 			detachDocument(pdfViewer);
 			pdfViewer.cleanup();
 			if (pdfViewerRef.current === pdfViewer) pdfViewerRef.current = null;
+			if (restoredViewerRef.current === pdfViewer) restoredViewerRef.current = null;
 			if (linkServiceRef.current === linkService) linkServiceRef.current = null;
 		};
 	}, [
@@ -29647,7 +29751,8 @@ function PdfFilePreview({ sourceId, fileName, document: previewDocument, onSelec
 		sourceId,
 		focusContainer,
 		logger,
-		failDocument
+		failDocument,
+		isCurrentDocument
 	]);
 	const hasPages = status === "ready" && pageCount > 0;
 	return /* @__PURE__ */ jsxs(FilePreviewLayout.Frame, { children: [
@@ -29710,7 +29815,7 @@ function PdfFilePreview({ sourceId, fileName, document: previewDocument, onSelec
 					})]
 				}), status === "loading" ? /* @__PURE__ */ jsxs("div", {
 					role: "status",
-					className: "absolute inset-0 flex items-center justify-center gap-2 bg-background text-sm text-muted-foreground",
+					className: "text-muted-foreground absolute inset-0 flex items-center justify-center gap-2 bg-background text-sm",
 					children: [/* @__PURE__ */ jsx(LoaderCircle, {
 						className: "size-4 animate-spin",
 						"aria-hidden": true

package/dist/{PowerPointFilePreview-CO_N6c1I.js → PowerPointFilePreview-9E6kUy_A.js}

@@ -8,7 +8,7 @@ import { t as FilePreviewToolbarButton } from "./FilePreviewToolbarButton-ptqwCT
 import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-DC7vPyMI.js";
 import { t as createPreviewSelection } from "./selection-B0INvh6t.js";
 import { t as require_jszip_min } from "./jszip.min-uwqlc4KL.js";
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../../node_modules/.pnpm/@aiden0z+pptx-renderer@1.2.2_patch_hash=cef8fdac29413f0b6e59df97fe5c874f536c1bc064d77aa_88cebeb44ab3d763fe0846cd3c392c59/node_modules/@aiden0z/pptx-renderer/dist/aiden0z-pptx-renderer.es.js
 var import_jszip_min = /* @__PURE__ */ __toESM(require_jszip_min(), 1);
@@ -57774,10 +57774,26 @@ function stripExternalMediaRelationships(presentation) {
 */
 function PowerPointFilePreview({ sourceId, fileName, document: previewDocument, onSelection }) {
 	const logger = usePreviewLogger("PowerPointFilePreview");
-	const { options, failDocument } = usePreviewHost();
+	const { options, failDocument, isCurrentDocument } = usePreviewHost();
 	const { t } = useTranslation();
 	const containerRef = useRef(null);
 	const viewerRef = useRef(null);
+	const restoredViewerRef = useRef(null);
+	const readingPositionRef = useRef(null);
+	const captureReadingPosition = useCallback(() => {
+		const viewer = viewerRef.current;
+		const container = containerRef.current;
+		if (!viewer || restoredViewerRef.current !== viewer || !container || container.clientHeight === 0) return;
+		const slide = container.querySelector(`[data-slide-index="${viewer.currentSlideIndex}"]`);
+		if (!slide) return;
+		readingPositionRef.current = {
+			zoom: viewer.zoomPercent,
+			page: viewer.currentSlideIndex + 1,
+			top: container.scrollTop - slide.offsetTop,
+			left: container.scrollLeft - slide.offsetLeft
+		};
+	}, []);
+	useLayoutEffect(() => captureReadingPosition, [captureReadingPosition]);
 	const presentationRef = useRef(null);
 	const controlsBusyRef = useRef(false);
 	const [error, setError] = useState(null);
@@ -57849,20 +57865,21 @@ function PowerPointFilePreview({ sourceId, fileName, document: previewDocument,
 		const controller = new AbortController();
 		let cancelled = false;
 		let viewer = null;
+		const isCurrent = () => !cancelled && isCurrentDocument?.() !== false;
 		setError(null);
 		setLoading(true);
 		setCurrentPage(0);
 		setPageCount(0);
-		setZoom(PPTX_PREVIEW_DEFAULT_ZOOM);
 		setPreviewControlsBusy(false);
 		container.innerHTML = "";
 		(async () => {
 			try {
 				const pptxData = await readPreviewDocument(previewDocument, PPTX_PREVIEW_MAX_SOURCE_BYTES, controller.signal);
-				if (cancelled) return;
+				if (!isCurrent()) return;
 				throwIfAborted(controller.signal);
 				const pptxFiles = await ZE(toArrayBuffer(pptxData), $ut);
 				throwIfAborted(controller.signal);
+				if (!isCurrent()) return;
 				const presentation = pv(pptxFiles, { lazySlides: true });
 				if (presentation.slides.length === 0) throw new PreviewError("load_error", "PPTX contains no slides to preview");
 				stripExternalMediaRelationships(presentation);
@@ -57870,26 +57887,26 @@ function PowerPointFilePreview({ sourceId, fileName, document: previewDocument,
 				throwIfAborted(controller.signal);
 				viewer = new Q_(container, {
 					fitMode: "contain",
-					zoomPercent: PPTX_PREVIEW_DEFAULT_ZOOM,
+					zoomPercent: readingPositionRef.current?.zoom ?? PPTX_PREVIEW_DEFAULT_ZOOM,
 					scrollContainer: container,
 					zipLimits: $ut,
 					lazyMedia: true,
 					lazySlides: true,
 					pdfjs: false,
 					onSlideChange: (index) => {
-						if (!cancelled) setCurrentPage(index + 1);
+						if (isCurrent()) setCurrentPage(index + 1);
 					},
 					onRenderStart: () => {
-						if (!cancelled) setPreviewControlsBusy(true);
+						if (isCurrent()) setPreviewControlsBusy(true);
 					},
 					onRenderComplete: () => {
-						if (cancelled) return;
+						if (!isCurrent()) return;
 						const activeViewer = viewerRef.current;
 						if (activeViewer) setZoom(activeViewer.zoomPercent);
 						setPreviewControlsBusy(false);
 					},
 					onSlideError: (index, slideError) => {
-						if (cancelled) return;
+						if (!isCurrent()) return;
 						const normalized = slideError instanceof Error ? slideError : new Error(String(slideError));
 						logger.error(`Failed to render PPTX preview slide ${index + 1}: ${sourceId}`, normalized);
 					},
@@ -57910,13 +57927,24 @@ function PowerPointFilePreview({ sourceId, fileName, document: previewDocument,
 					overscanViewport: 2
 				});
 				throwIfAborted(controller.signal);
-				if (cancelled) return;
+				if (!isCurrent()) return;
 				const nextPageCount = viewer.slideCount;
+				const position = readingPositionRef.current;
+				if (position && nextPageCount > 0) {
+					await viewer.goToSlide(clamp(position.page, 1, nextPageCount) - 1, { block: "start" });
+					if (!isCurrent()) return;
+					const slide = container.querySelector(`[data-slide-index="${viewer.currentSlideIndex}"]`);
+					if (slide) {
+						container.scrollTop = slide.offsetTop + clamp(position.top, 1 - container.clientHeight, Math.max(0, slide.offsetHeight - 1));
+						container.scrollLeft = slide.offsetLeft + clamp(position.left, 1 - container.clientWidth, Math.max(0, slide.offsetWidth - 1));
+					}
+				}
+				restoredViewerRef.current = viewer;
 				setPageCount(nextPageCount);
 				setCurrentPage(nextPageCount > 0 ? viewer.currentSlideIndex + 1 : 0);
 				focusContainer();
 			} catch (loadError) {
-				if (cancelled) return;
+				if (!isCurrent()) return;
 				if (viewerRef.current === viewer) viewerRef.current = null;
 				viewer?.destroy();
 				container.innerHTML = "";
@@ -57925,25 +57953,29 @@ function PowerPointFilePreview({ sourceId, fileName, document: previewDocument,
 				failDocument?.(reported);
 				setError(reported);
 			} finally {
-				if (!cancelled) setLoading(false);
+				if (isCurrent()) setLoading(false);
 			}
 		})();
 		return () => {
+			captureReadingPosition();
 			cancelled = true;
 			controller.abort();
 			controlsBusyRef.current = false;
 			presentationRef.current = null;
 			if (viewerRef.current === viewer) viewerRef.current = null;
+			if (restoredViewerRef.current === viewer) restoredViewerRef.current = null;
 			viewer?.destroy();
 			container.innerHTML = "";
 		};
 	}, [
+		captureReadingPosition,
 		sourceId,
 		focusContainer,
 		previewDocument,
 		logger,
 		failDocument,
-		setPreviewControlsBusy
+		setPreviewControlsBusy,
+		isCurrentDocument
 	]);
 	const handlePick = useCallback((event) => {
 		if (!onSelection || !(event.target instanceof Element)) return;
@@ -57989,7 +58021,7 @@ function PowerPointFilePreview({ sourceId, fileName, document: previewDocument,
 	}, [onSelection]);
 	useEffect(() => {
 		setPickedSlide(null);
-	}, [sourceId]);
+	}, [sourceId, previewDocument]);
 	const hasPages = !error && pageCount > 0;
 	return /* @__PURE__ */ jsxs(FilePreviewLayout.Frame, { children: [/* @__PURE__ */ jsx(PowerPointFilePreviewToolbar, {
 		currentPage: hasPages ? currentPage : 0,
@@ -58018,13 +58050,13 @@ function PowerPointFilePreview({ sourceId, fileName, document: previewDocument,
 					"data-picker": onSelection ? "true" : void 0,
 					role: "region",
 					"aria-label": fileName,
-					className: "h-full w-full overflow-auto bg-background outline-none focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:ring-inset [&[data-picker=true]_[data-slide-index]:not([data-pptx-picked=true]):hover]:outline [&[data-picker=true]_[data-slide-index]:not([data-pptx-picked=true]):hover]:outline-2 [&[data-picker=true]_[data-slide-index]:not([data-pptx-picked=true]):hover]:outline-primary/40 [&[data-picker=true]_[data-slide-index]]:cursor-pointer [&_[data-slide-index][data-pptx-picked=true]]:outline [&_[data-slide-index][data-pptx-picked=true]]:outline-2 [&_[data-slide-index][data-pptx-picked=true]]:outline-primary",
+					className: "h-full w-full overflow-auto bg-background outline-none focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:ring-inset [&_[data-slide-index][data-pptx-picked=true]]:outline [&_[data-slide-index][data-pptx-picked=true]]:outline-2 [&_[data-slide-index][data-pptx-picked=true]]:outline-primary [&[data-picker=true]_[data-slide-index]]:cursor-pointer [&[data-picker=true]_[data-slide-index]:not([data-pptx-picked=true]):hover]:outline [&[data-picker=true]_[data-slide-index]:not([data-pptx-picked=true]):hover]:outline-2 [&[data-picker=true]_[data-slide-index]:not([data-pptx-picked=true]):hover]:outline-primary/40",
 					tabIndex: 0,
 					onClick: handlePick
 				}),
 				loading ? /* @__PURE__ */ jsxs("div", {
 					role: "status",
-					className: "absolute inset-0 flex items-center justify-center gap-2 bg-background text-sm text-muted-foreground",
+					className: "text-muted-foreground absolute inset-0 flex items-center justify-center gap-2 bg-background text-sm",
 					children: [/* @__PURE__ */ jsx(LoaderCircle, {
 						className: "size-4 animate-spin",
 						"aria-hidden": true

package/dist/{SpreadsheetFilePreview-GKeQwJL3.js → SpreadsheetFilePreview-PWFG3UY3.js}

@@ -7,7 +7,7 @@ import { t as FilePreviewToolbarButton } from "./FilePreviewToolbarButton-ptqwCT
 import { t as FilePreviewTooLarge } from "./FilePreviewTooLarge-DC7vPyMI.js";
 import { n as normalizeSelectionText, t as createPreviewSelection } from "./selection-B0INvh6t.js";
 import * as React$1 from "react";
-import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import React, { memo, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { flushSync } from "react-dom";
 typeof window !== "undefined" && window.document && window.document.createElement;
@@ -973,7 +973,7 @@ function SpreadsheetFilePreviewToolbar({ canZoomIn, canZoomOut, onZoomIn, onZoom
 var XLSX_PREVIEW_MAX_SIZE_BYTES = 20971520;
 function useXlsxWorkbook(document, fileName) {
 	const logger = usePreviewLogger("useXlsxWorkbook");
-	const { failDocument, resources } = usePreviewHost();
+	const { failDocument, resources, isCurrentDocument } = usePreviewHost();
 	const { baseUrl, createWorker } = resources ?? {};
 	const [state, setState] = useState({ status: "idle" });
 	const workerRef = useRef(null);
@@ -983,6 +983,7 @@ function useXlsxWorkbook(document, fileName) {
 		let cancelled = false;
 		const controller = new AbortController();
 		const requestId = ++requestIdRef.current;
+		const isCurrent = () => !cancelled && requestId === requestIdRef.current && isCurrentDocument?.() !== false;
 		if (document.size > 20971520) {
 			failDocument?.(new PreviewError("too_large", "Workbook exceeds the preview size limit"));
 			setState({
@@ -991,15 +992,18 @@ function useXlsxWorkbook(document, fileName) {
 			});
 			return;
 		}
-		setState({ status: "loading" });
+		setState((current) => ({
+			status: "loading",
+			model: "model" in current ? current.model : void 0
+		}));
 		(async () => {
 			let bytes;
 			try {
 				const raw = await readPreviewDocument(document, XLSX_PREVIEW_MAX_SIZE_BYTES, controller.signal);
-				if (cancelled || requestId !== requestIdRef.current) return;
+				if (!isCurrent()) return;
 				bytes = raw.slice().buffer;
 			} catch (error) {
-				if (cancelled || requestId !== requestIdRef.current) return;
+				if (!isCurrent()) return;
 				const normalized = error instanceof Error ? error : new Error(String(error));
 				failDocument?.(normalized);
 				setState({
@@ -1012,7 +1016,7 @@ function useXlsxWorkbook(document, fileName) {
 			try {
 				worker = createXlsxWorker(baseUrl, createWorker);
 			} catch (error) {
-				if (cancelled || requestId !== requestIdRef.current) return;
+				if (!isCurrent()) return;
 				const normalized = error instanceof Error ? error : new Error(String(error));
 				failDocument?.(normalized);
 				setState({
@@ -1021,7 +1025,7 @@ function useXlsxWorkbook(document, fileName) {
 				});
 				return;
 			}
-			if (cancelled || requestId !== requestIdRef.current) {
+			if (!isCurrent()) {
 				worker.terminate();
 				return;
 			}
@@ -1030,6 +1034,7 @@ function useXlsxWorkbook(document, fileName) {
 				if (cancelled || event.data.id !== requestIdRef.current) return;
 				worker.terminate();
 				if (workerRef.current === worker) workerRef.current = null;
+				if (!isCurrent()) return;
 				if (event.data.ok) {
 					for (const warning of event.data.model.warnings) {
 						if (loggedWarningsRef.current.has(warning)) continue;
@@ -1052,6 +1057,7 @@ function useXlsxWorkbook(document, fileName) {
 				if (cancelled || requestId !== requestIdRef.current) return;
 				worker.terminate();
 				if (workerRef.current === worker) workerRef.current = null;
+				if (!isCurrent()) return;
 				failDocument?.(event.error instanceof Error ? event.error : new Error(event.message));
 				setState({
 					status: "error",
@@ -1068,7 +1074,7 @@ function useXlsxWorkbook(document, fileName) {
 			} catch (error) {
 				worker.terminate();
 				if (workerRef.current === worker) workerRef.current = null;
-				if (cancelled || requestId !== requestIdRef.current) return;
+				if (!isCurrent()) return;
 				const normalized = error instanceof Error ? error : new Error(String(error));
 				failDocument?.(normalized);
 				setState({
@@ -1089,7 +1095,8 @@ function useXlsxWorkbook(document, fileName) {
 		logger,
 		failDocument,
 		baseUrl,
-		createWorker
+		createWorker,
+		isCurrentDocument
 	]);
 	return state;
 }
@@ -2174,7 +2181,7 @@ var CellView = memo(function CellView({ cell, style, covered = false, isFirstRow
 		borderLeft: covered ? void 0 : isFirstCol ? css.borderLeft ?? DEFAULT_GRID_LINE : css.borderLeft
 	};
 	return /* @__PURE__ */ jsx("div", {
-		className: "absolute px-1 text-foreground text-sm",
+		className: "absolute px-1 text-sm text-foreground",
 		style: finalCss,
 		children: cell && /* @__PURE__ */ jsx("span", {
 			className: cn(cell.formulaState === "unevaluated" && "text-muted-foreground italic"),
@@ -2208,7 +2215,7 @@ var SelectedCellOverlay = ({ cell, style, rect }) => {
 	};
 	return /* @__PURE__ */ jsx("div", {
 		"data-testid": "xlsx-grid-selected-overlay",
-		className: "z-10 px-1 text-foreground text-sm shadow-md outline outline-primary",
+		className: "z-10 px-1 text-sm text-foreground shadow-md outline outline-primary",
 		style: finalCss,
 		children: cell && /* @__PURE__ */ jsx("span", {
 			className: cn(cell.formulaState === "unevaluated" && "text-muted-foreground italic"),
@@ -2221,7 +2228,7 @@ var SelectedCellOverlay = ({ cell, style, rect }) => {
 var UnsupportedChartPlaceholder = ({ chart }) => {
 	const { t } = useTranslation();
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex h-full w-full flex-col items-center justify-center gap-1 rounded-md border border-border border-dashed text-center text-muted-foreground text-xs",
+		className: "text-muted-foreground flex h-full w-full flex-col items-center justify-center gap-1 rounded-md border border-dashed border-border text-center text-xs",
 		children: [/* @__PURE__ */ jsx("span", { children: t("xlsx_preview.chart_unsupported") }), chart.rawTypeName && /* @__PURE__ */ jsx("span", { children: chart.rawTypeName })]
 	});
 };
@@ -2294,6 +2301,20 @@ var XlsxGrid = ({ sheet, styles, imageUrls, zoom, onSelectCell, pickerActive, re
 		estimateSize: (index) => colLayout.sizes[index] * zoom,
 		overscan: OVERSCAN
 	});
+	useLayoutEffect(() => {
+		rowVirtualizer.measure();
+	}, [
+		rowVirtualizer,
+		rowLayout,
+		zoom
+	]);
+	useLayoutEffect(() => {
+		colVirtualizer.measure();
+	}, [
+		colVirtualizer,
+		colLayout,
+		zoom
+	]);
 	const virtualRows = rowVirtualizer.getVirtualItems();
 	const virtualCols = colVirtualizer.getVirtualItems();
 	const readViewport = useCallback((el) => ({
@@ -2408,6 +2429,12 @@ var XlsxGrid = ({ sheet, styles, imageUrls, zoom, onSelectCell, pickerActive, re
 		commitSelection(null);
 	}, [applySelection, commitSelection]);
 	const pickerWasActiveRef = useRef(false);
+	const previousSheetRef = useRef(sheet);
+	useEffect(() => {
+		if (previousSheetRef.current === sheet) return;
+		previousSheetRef.current = sheet;
+		clearSelection();
+	}, [sheet, clearSelection]);
 	useEffect(() => {
 		const isActive = Boolean(pickerActive);
 		if (pickerWasActiveRef.current === isActive) return;
@@ -2778,7 +2805,7 @@ var XlsxGrid = ({ sheet, styles, imageUrls, zoom, onSelectCell, pickerActive, re
 						className: "absolute",
 						style: zoomTransform,
 						children: virtualCols.map((vc) => /* @__PURE__ */ jsx("div", {
-							className: "absolute flex items-center justify-center border-border border-r text-muted-foreground text-xs",
+							className: "text-muted-foreground absolute flex items-center justify-center border-r border-border text-xs",
 							style: {
 								left: axisOffset(colLayout, vc.index),
 								width: colLayout.sizes[vc.index],
@@ -2800,7 +2827,7 @@ var XlsxGrid = ({ sheet, styles, imageUrls, zoom, onSelectCell, pickerActive, re
 						className: "absolute",
 						style: zoomTransform,
 						children: virtualRows.map((vr) => /* @__PURE__ */ jsx("div", {
-							className: "absolute flex items-center justify-center border-border border-b text-muted-foreground text-xs",
+							className: "text-muted-foreground absolute flex items-center justify-center border-b border-border text-xs",
 							style: {
 								top: axisOffset(rowLayout, vr.index),
 								height: rowLayout.sizes[vr.index],
@@ -3039,23 +3066,21 @@ function SpreadsheetFilePreview({ sourceId, fileName, document: previewDocument,
 	const [selectedCell, setSelectedCell] = useState(null);
 	const [chartRenderer, setChartRenderer] = useState(null);
 	const [imageUrls, setImageUrls] = useState({});
-	const model = state.status === "ready" ? state.model : null;
+	const model = "model" in state ? state.model : null;
 	const sheets = useMemo(() => model ? visibleSheets(model) : [], [model]);
 	const activeSheet = sheets.find((sheet) => sheet.name === activeSheetName) ?? sheets[0] ?? null;
 	useEffect(() => {
 		setSelectedCell(null);
-		if (sheets.length === 0) {
-			setActiveSheetName(null);
-			return;
-		}
+		if (sheets.length === 0) return;
 		if (!sheets.some((sheet) => sheet.name === activeSheetName)) setActiveSheetName(sheets[0].name);
 	}, [sheets, activeSheetName]);
 	const handleSelectCell = useCallback((info) => setSelectedCell(info && activeSheet ? {
 		...info,
-		sheet: activeSheet
-	} : null), [activeSheet]);
+		sheet: activeSheet,
+		document: previewDocument
+	} : null), [activeSheet, previewDocument]);
 	const selectionReference = useMemo(() => {
-		if (!selectedCell || !activeSheet || selectedCell.sheet !== activeSheet) return null;
+		if (state.status !== "ready" || !selectedCell || !activeSheet || selectedCell.sheet !== activeSheet || selectedCell.document !== previewDocument) return null;
 		return createPreviewSelection({
 			sourceId,
 			anchor: {
@@ -3070,7 +3095,8 @@ function SpreadsheetFilePreview({ sourceId, fileName, document: previewDocument,
 		selectedCell,
 		activeSheet,
 		sourceId,
-		previewDocument.revision
+		previewDocument,
+		state.status
 	]);
 	const captureArmedRef = useRef(false);
 	useEffect(() => {
@@ -3129,9 +3155,9 @@ function SpreadsheetFilePreview({ sourceId, fileName, document: previewDocument,
 		});
 	}, []);
 	let content;
-	if (state.status === "loading" || state.status === "idle") content = /* @__PURE__ */ jsxs("div", {
+	if (state.status === "loading" && !model || state.status === "idle") content = /* @__PURE__ */ jsxs("div", {
 		role: "status",
-		className: "flex h-full w-full items-center justify-center gap-2 bg-background text-muted-foreground text-sm",
+		className: "text-muted-foreground flex h-full w-full items-center justify-center gap-2 bg-background text-sm",
 		children: [/* @__PURE__ */ jsx(LoaderCircle, {
 			className: "size-4 animate-spin",
 			"aria-hidden": true
@@ -3159,13 +3185,14 @@ function SpreadsheetFilePreview({ sourceId, fileName, document: previewDocument,
 			className: "relative flex h-full w-full flex-col overflow-hidden bg-background",
 			children: [/* @__PURE__ */ jsx("div", {
 				className: "min-h-0 flex-1",
+				inert: state.status !== "ready",
 				children: /* @__PURE__ */ jsx(XlsxGrid_default, {
 					sheet: activeSheet,
 					styles: model.styles,
 					imageUrls,
 					zoom,
 					onSelectCell: handleSelectCell,
-					pickerActive: onSelection !== void 0,
+					pickerActive: state.status === "ready" && onSelection !== void 0,
 					renderChart
 				}, activeSheet.name)
 			}), /* @__PURE__ */ jsxs("div", {
@@ -3189,9 +3216,9 @@ function SpreadsheetFilePreview({ sourceId, fileName, document: previewDocument,
 						})
 					}),
 					/* @__PURE__ */ jsxs("div", {
-						className: "flex min-w-0 flex-1 items-center justify-end gap-2 text-muted-foreground text-xs",
+						className: "text-muted-foreground flex min-w-0 flex-1 items-center justify-end gap-2 text-xs",
 						children: [statusBarText ? /* @__PURE__ */ jsx("span", {
-							className: "selectable cursor-text select-text truncate",
+							className: "selectable cursor-text truncate select-text",
 							"data-testid": "xlsx-preview-status-bar",
 							children: statusBarText
 						}) : null, cellOnActiveSheet?.cell?.formulaState === "unevaluated" ? /* @__PURE__ */ jsx("span", {

package/dist/{WordFilePreview-IfWcWbwn.js → WordFilePreview-hfALJk2N.js}

@@ -3836,7 +3836,7 @@ function sanitizeHyperlinks(body) {
 	});
 }
 function WordFilePreview({ sourceId, fileName, document: previewDocument, onSelection }) {
-	const { options, failDocument } = usePreviewHost();
+	const { options, failDocument, isCurrentDocument } = usePreviewHost();
 	const { t } = useTranslation();
 	const docxClassName = `docx-preview-${useId().replace(/[^a-zA-Z0-9_-]/g, "")}`;
 	const containerRef = useRef(null);
@@ -3853,7 +3853,10 @@ function WordFilePreview({ sourceId, fileName, document: previewDocument, onSele
 	const [zoom, setZoom] = useState(DOCX_PREVIEW_DEFAULT_ZOOM);
 	const [fitZoom, setFitZoom] = useState(DOCX_PREVIEW_DEFAULT_ZOOM);
 	const [manualZoom, setManualZoom] = useState(false);
-	const [normalizeSymbolBullets] = useState(() => options?.docx?.normalizeSymbolBullets === true);
+	const normalizeSymbolBulletsRef = useRef(options?.docx?.normalizeSymbolBullets === true);
+	useLayoutEffect(() => {
+		normalizeSymbolBulletsRef.current = options?.docx?.normalizeSymbolBullets === true;
+	}, [options?.docx?.normalizeSymbolBullets]);
 	const fitWidth = options?.docx?.initialZoom === "fit-width";
 	const minZoom = fitWidth ? Math.min(DOCX_PREVIEW_MIN_ZOOM, fitZoom) : DOCX_PREVIEW_MIN_ZOOM;
 	useLayoutEffect(() => {
@@ -3923,16 +3926,10 @@ function WordFilePreview({ sourceId, fileName, document: previewDocument, onSele
 		if (!bodyContainer || !styleContainer) return;
 		const controller = new AbortController();
 		const token = ++renderTokenRef.current;
-		const isCurrent = () => renderTokenRef.current === token;
+		const isCurrent = () => renderTokenRef.current === token && isCurrentDocument?.() !== false;
+		const normalizeSymbolBullets = normalizeSymbolBulletsRef.current;
 		setError(null);
 		setLoading(true);
-		setCurrentPage(0);
-		setPageCount(0);
-		setZoom(DOCX_PREVIEW_DEFAULT_ZOOM);
-		setFitZoom(DOCX_PREVIEW_DEFAULT_ZOOM);
-		setManualZoom(false);
-		fitScrollTopRef.current = null;
-		pinchAnchorRef.current = null;
 		const stagingHost = document.createElement("div");
 		const stagingBody = document.createElement("div");
 		const stagingStyle = document.createElement("div");
@@ -3967,11 +3964,17 @@ function WordFilePreview({ sourceId, fileName, document: previewDocument, onSele
 					page.classList.add("docx-preview-page", "docx-preview");
 				});
 				sanitizeHyperlinks(stagingBody);
+				const scrollTop = containerRef.current?.scrollTop ?? 0;
+				const scrollLeft = containerRef.current?.scrollLeft ?? 0;
 				bodyContainer.replaceChildren(...stagingBody.childNodes);
 				styleContainer.replaceChildren(...stagingStyle.childNodes);
+				if (containerRef.current) {
+					containerRef.current.scrollTop = scrollTop;
+					containerRef.current.scrollLeft = scrollLeft;
+				}
 				const nextPageCount = Math.max(pages.length, 1);
 				setPageCount(nextPageCount);
-				setCurrentPage(nextPageCount > 0 ? 1 : 0);
+				setCurrentPage((page) => clamp(page, 1, nextPageCount));
 				focusContainer();
 			} catch (loadError) {
 				if (!isCurrent()) return;
@@ -3986,8 +3989,6 @@ function WordFilePreview({ sourceId, fileName, document: previewDocument, onSele
 		return () => {
 			controller.abort();
 			renderTokenRef.current += 1;
-			bodyContainer.innerHTML = "";
-			styleContainer.innerHTML = "";
 			stagingHost.remove();
 		};
 	}, [
@@ -3996,12 +3997,12 @@ function WordFilePreview({ sourceId, fileName, document: previewDocument, onSele
 		previewDocument,
 		failDocument,
 		docxClassName,
-		normalizeSymbolBullets
+		isCurrentDocument
 	]);
 	useEffect(() => {
 		const scrollRoot = containerRef.current;
 		const bodyContainer = bodyRef.current;
-		if (!scrollRoot || !bodyContainer || pageCount <= 0) return;
+		if (!scrollRoot || !bodyContainer || pageCount <= 0 || loading) return;
 		const pages = Array.from(bodyContainer.querySelectorAll(".docx-preview-page"));
 		if (pages.length === 0) return;
 		const visiblePages = /* @__PURE__ */ new Set();
@@ -4024,7 +4025,7 @@ function WordFilePreview({ sourceId, fileName, document: previewDocument, onSele
 		});
 		pages.forEach((page) => observer.observe(page));
 		return () => observer.disconnect();
-	}, [pageCount]);
+	}, [pageCount, loading]);
 	const handlePick = useCallback((event) => {
 		if (!onSelection || !(event.target instanceof Element)) return;
 		if (event.target.closest("a[href]")) event.preventDefault();
@@ -4107,12 +4108,12 @@ function WordFilePreview({ sourceId, fileName, document: previewDocument, onSele
 						"data-picker": onSelection ? "true" : void 0,
 						onClick: handlePick,
 						style: contentStyle,
-						className: "mx-auto w-fit min-w-0 [&[data-picker=true]_p[data-docx-part=body]:not([data-docx-picked=true]):hover]:bg-primary/10 [&[data-picker=true]_p[data-docx-part=body]]:cursor-pointer [&_.docx-preview-wrapper]:mx-auto [&_.docx-preview]:box-border [&_.docx-preview]:max-w-full [&_p[data-docx-picked=true]]:bg-primary/15 [&_p[data-docx-picked=true]]:outline [&_p[data-docx-picked=true]]:outline-1 [&_p[data-docx-picked=true]]:outline-primary/60 [&_section]:overflow-hidden [&_section]:rounded-sm [&_section]:shadow-md"
+						className: "mx-auto w-fit min-w-0 [&_.docx-preview]:box-border [&_.docx-preview]:max-w-full [&_.docx-preview-wrapper]:mx-auto [&_p[data-docx-picked=true]]:bg-primary/15 [&_p[data-docx-picked=true]]:outline [&_p[data-docx-picked=true]]:outline-1 [&_p[data-docx-picked=true]]:outline-primary/60 [&_section]:overflow-hidden [&_section]:rounded-sm [&_section]:shadow-md [&[data-picker=true]_p[data-docx-part=body]]:cursor-pointer [&[data-picker=true]_p[data-docx-part=body]:not([data-docx-picked=true]):hover]:bg-primary/10"
 					})]
 				}),
 				loading ? /* @__PURE__ */ jsxs("div", {
 					role: "status",
-					className: "absolute inset-0 flex items-center justify-center gap-2 bg-background text-sm text-muted-foreground",
+					className: "text-muted-foreground absolute inset-0 flex items-center justify-center gap-2 bg-background text-sm",
 					children: [/* @__PURE__ */ jsx(LoaderCircle, {
 						className: "size-4 animate-spin",
 						"aria-hidden": true

package/dist/{imageFilePreviewPlugin-Cif3MLQd.js → imageFilePreviewPlugin-D6hV1Hm1.js}

@@ -23,7 +23,7 @@ var imageFilePreviewPlugin = {
 		"image/vnd.microsoft.icon",
 		"image/svg+xml"
 	],
-	load: () => import("./ImageFilePreview-Cbw6HzIR.js")
+	load: () => import("./ImageFilePreview-C_P1iIEi.js")
 };
 //#endregion
 export { imageFilePreviewPlugin as t };

package/dist/react.js

@@ -1,8 +1,8 @@
 import { n as assertPreviewRange, t as PreviewError } from "./source-Rx3etU3y.js";
 import { a as usePreviewHost, c as FilePreviewToolbarPortalHost, d as EmptyState, g as createLucideIcon, h as FileWarning, i as PreviewHostContext, l as FilePreviewToolbarPortalProvider, m as LoaderCircle, n as I18nContext, p as cn, r as FilePreviewLayout, s as FilePreviewToolbar, t as useTranslation } from "./useTranslation-BJY4EKsz.js";
 import { n as DialogPortalContainerProvider, r as PortalContainerProvider, t as FilePreviewToolbarButton } from "./FilePreviewToolbarButton-ptqwCTnz.js";
-import { t as imageFilePreviewPlugin } from "./imageFilePreviewPlugin-Cif3MLQd.js";
-import { Component, Suspense, createContext, createElement, lazy, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { t as imageFilePreviewPlugin } from "./imageFilePreviewPlugin-D6hV1Hm1.js";
+import { Component, Suspense, createContext, createElement, lazy, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 /**
 * @license lucide-react v0.545.0 - ISC
@@ -32,14 +32,14 @@ var plugins = [
 		id: "pdf",
 		extensions: ["pdf"],
 		mediaTypes: ["application/pdf"],
-		load: () => import("./PdfFilePreview-DqnRzmwY.js"),
+		load: () => import("./PdfFilePreview-CbrMcPzo.js"),
 		supportsSelectionReference: true
 	},
 	{
 		id: "powerpoint",
 		extensions: ["pptx"],
 		mediaTypes: ["application/vnd.openxmlformats-officedocument.presentationml.presentation"],
-		load: () => import("./PowerPointFilePreview-CO_N6c1I.js"),
+		load: () => import("./PowerPointFilePreview-9E6kUy_A.js"),
 		supportsSelectionReference: true
 	},
 	{
@@ -56,14 +56,14 @@ var plugins = [
 		id: "spreadsheet",
 		extensions: ["xlsx"],
 		mediaTypes: ["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],
-		load: () => import("./SpreadsheetFilePreview-GKeQwJL3.js"),
+		load: () => import("./SpreadsheetFilePreview-PWFG3UY3.js"),
 		supportsSelectionReference: true
 	},
 	{
 		id: "word",
 		extensions: ["docx"],
 		mediaTypes: ["application/vnd.openxmlformats-officedocument.wordprocessingml.document"],
-		load: () => import("./WordFilePreview-IfWcWbwn.js"),
+		load: () => import("./WordFilePreview-hfALJk2N.js"),
 		supportsSelectionReference: true
 	}
 ];
@@ -2670,6 +2670,42 @@ var catalogs = {
 		"xlsx_preview.formula_not_evaluated": "Impossible d’évaluer la formule",
 		"xlsx_preview.sheet_tabs_label": "Feuilles"
 	},
+	"it-it": {
+		"common.close": "Chiudi",
+		"common.loading": "Caricamento...",
+		"common.next": "Avanti",
+		"common.previous": "Indietro",
+		"file_preview.load_error.description": "Impossibile caricare il contenuto dell'anteprima.",
+		"file_preview.load_error.title": "Anteprima non riuscita",
+		"file_preview.loading": "Caricamento dell'anteprima...",
+		"file_preview.pdf.outline.empty": "Questo PDF non contiene un indice.",
+		"file_preview.pdf.outline.load_error": "Impossibile caricare l'indice.",
+		"file_preview.pdf.outline.title": "Indice",
+		"file_preview.pdf.page_number": "Numero di pagina",
+		"file_preview.pdf.too_large.description": "Una parte di questo PDF è troppo grande per visualizzarne l'anteprima in modo sicuro nell'app.",
+		"file_preview.pdf.too_large.title": "Impossibile visualizzare l'anteprima di questo PDF",
+		"file_preview.powerpoint.zip_limit.description": "Questo file PowerPoint supera i limiti di sicurezza dell'app per l'anteprima.",
+		"file_preview.powerpoint.zip_limit.title": "Impossibile visualizzare l'anteprima di questo file PowerPoint",
+		"file_preview.too_large.action": "Apri con l'app predefinita",
+		"file_preview.too_large.description": "La dimensione del file {{size}} supera il limite di {{limit}} per l'anteprima.",
+		"file_preview.too_large.title": "File troppo grande per l'anteprima",
+		"file_preview.unsupported.action": "Apri con l'app predefinita",
+		"file_preview.unsupported.description": "L'anteprima di questo tipo di file non è ancora supportata.",
+		"file_preview.unsupported.title": "Anteprima non disponibile",
+		"preview.flip_horizontal": "Rifletti orizzontalmente",
+		"preview.flip_vertical": "Rifletti verticalmente",
+		"preview.label": "Anteprima",
+		"preview.reset": "Reimposta",
+		"preview.rotate_left": "Ruota a sinistra",
+		"preview.rotate_right": "Ruota a destra",
+		"preview.zoom_in": "Ingrandisci",
+		"preview.zoom_out": "Riduci",
+		"xlsx_preview.chart": "Grafico",
+		"xlsx_preview.chart_unsupported": "Questo tipo di grafico non è ancora supportato",
+		"xlsx_preview.error.description": "Impossibile visualizzare l'anteprima di questo foglio di calcolo.",
+		"xlsx_preview.formula_not_evaluated": "Impossibile valutare la formula",
+		"xlsx_preview.sheet_tabs_label": "Fogli"
+	},
 	"ja-jp": {
 		"common.close": "閉じる",
 		"common.loading": "読み込み中...",
@@ -3008,6 +3044,8 @@ function PreviewSession({ source, header, className, style, refreshKey = 0, reso
 	const [session, setSession] = useState(null);
 	const [failure, setFailure] = useState(null);
 	const closeRef = useRef(void 0);
+	const plugin = useMemo(() => resolvePreviewPlugin(source.name, source.mediaType), [source.name, source.mediaType]);
+	const Plugin = useMemo(() => plugin ? lazy(plugin.load) : null, [plugin]);
 	const hasFailedRef = useRef(false);
 	const callbacks = useRef({
 		onSelection,
@@ -3021,7 +3059,7 @@ function PreviewSession({ source, header, className, style, refreshKey = 0, reso
 		onError,
 		onRequestOpen
 	};
-	const failDocument = useCallback((error) => {
+	const reportFailure = useCallback((error) => {
 		if (hasFailedRef.current) return;
 		hasFailedRef.current = true;
 		closeRef.current?.();
@@ -3035,7 +3073,24 @@ function PreviewSession({ source, header, className, style, refreshKey = 0, reso
 		});
 		callbacks.current.onError?.(normalized);
 	}, []);
-	const reportSelection = useCallback((selection) => callbacks.current.onSelection?.(selection), []);
+	const requestIdRef = useRef(0);
+	useLayoutEffect(() => {
+		requestIdRef.current += 1;
+		return () => {
+			requestIdRef.current += 1;
+		};
+	}, [
+		source,
+		refreshKey,
+		plugin
+	]);
+	const isCurrentSession = useCallback(() => session?.requestId === requestIdRef.current, [session]);
+	const failDocument = useCallback((error) => {
+		if (isCurrentSession()) reportFailure(error);
+	}, [isCurrentSession, reportFailure]);
+	const reportSelection = useCallback((selection) => {
+		if (isCurrentSession()) callbacks.current.onSelection?.(selection);
+	}, [isCurrentSession]);
 	const reportDiagnostic = useCallback((diagnostic) => callbacks.current.onDiagnostic?.(diagnostic), []);
 	const requestOpen = useCallback((reason) => callbacks.current.onRequestOpen?.(reason), []);
 	const hasOpenAction = onRequestOpen !== void 0;
@@ -3045,7 +3100,8 @@ function PreviewSession({ source, header, className, style, refreshKey = 0, reso
 		options,
 		onDiagnostic: reportDiagnostic,
 		onRequestOpen: hasOpenAction ? requestOpen : void 0,
-		failDocument
+		failDocument,
+		isCurrentDocument: isCurrentSession
 	}), [
 		root,
 		resources,
@@ -3053,15 +3109,14 @@ function PreviewSession({ source, header, className, style, refreshKey = 0, reso
 		reportDiagnostic,
 		requestOpen,
 		hasOpenAction,
-		failDocument
+		failDocument,
+		isCurrentSession
 	]);
-	const plugin = useMemo(() => resolvePreviewPlugin(source.name, source.mediaType), [source.name, source.mediaType]);
-	const Plugin = useMemo(() => plugin ? lazy(plugin.load) : null, [plugin]);
 	useEffect(() => {
-		setSession(null);
 		setFailure(null);
 		hasFailedRef.current = false;
 		if (!plugin) return;
+		const requestId = requestIdRef.current;
 		const controller = new AbortController();
 		let opened = null;
 		let closed = false;
@@ -3086,8 +3141,9 @@ function PreviewSession({ source, header, className, style, refreshKey = 0, reso
 				assertPreviewRange(opened.size, 0, opened.size);
 				setSession({
 					source,
-					refreshKey,
-					document: opened
+					requestId,
+					document: opened,
+					plugin
 				});
 			} catch (error) {
 				close();
@@ -3096,7 +3152,7 @@ function PreviewSession({ source, header, className, style, refreshKey = 0, reso
 					source,
 					refreshKey
 				});
-				failDocument(error);
+				reportFailure(error);
 			}
 		})();
 		return () => {
@@ -3108,9 +3164,9 @@ function PreviewSession({ source, header, className, style, refreshKey = 0, reso
 		source,
 		refreshKey,
 		plugin,
-		failDocument
+		reportFailure
 	]);
-	const ready = session?.source === source && session.refreshKey === refreshKey ? session : null;
+	const ready = session?.source.id === source.id && session.plugin === plugin ? session : null;
 	const failed = failure?.source === source && failure.refreshKey === refreshKey;
 	const content = !Plugin ? /* @__PURE__ */ jsx(PreviewState, { kind: "unsupported" }) : failed ? /* @__PURE__ */ jsx(PreviewState, { kind: "error" }) : !ready ? /* @__PURE__ */ jsx(PreviewState, { kind: "loading" }) : /* @__PURE__ */ jsx(m, {
 		resetKeys: [ready.document],
@@ -3119,14 +3175,14 @@ function PreviewSession({ source, header, className, style, refreshKey = 0, reso
 		children: /* @__PURE__ */ jsx(Suspense, {
 			fallback: /* @__PURE__ */ jsx(PreviewState, { kind: "loading" }),
 			children: /* @__PURE__ */ jsx(Plugin, {
-				sourceId: source.id,
-				fileName: source.name,
-				mediaType: source.mediaType,
+				sourceId: ready.source.id,
+				fileName: ready.source.name,
+				mediaType: ready.source.mediaType,
 				document: ready.document,
 				onSelection: onSelection ? reportSelection : void 0
-			}, `${source.id}:${refreshKey}:${ready.document.revision}`)
+			})
 		})
-	}, `${source.id}:${refreshKey}:${ready.document.revision}`);
+	}, `${source.id}:${plugin?.id}`);
 	return /* @__PURE__ */ jsx("div", {
 		ref: setRoot,
 		"data-file-preview-root": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cherrystudio/file-preview",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Portable read-only document preview for Cherry Studio",
   "license": "AGPL-3.0-only",
   "repository": {