@vertesia/ui 0.24.0-dev.202601221707

package/lib/esm/features/magic-pdf/AnnotatedImageSlider.js

@@ -0,0 +1,268 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Center, VTooltip } from "@vertesia/ui/core";
+import clsx from "clsx";
+import { ChevronsDown, ChevronsUp, Image, Loader2, Maximize, Minus, Plus, ScanSearch } from "lucide-react";
+import { useRef, useState, useEffect, useCallback } from "react";
+import { ImageType, useMagicPdfContext } from "./MagicPdfProvider";
+// Zoom levels as percentages (100 = fit to width)
+const ZOOM_LEVELS = [50, 75, 100, 125, 150, 200, 300];
+const DEFAULT_ZOOM = 100;
+// Default aspect ratio (letter size) used before first image loads
+const DEFAULT_ASPECT_RATIO = 11 / 8.5; // height / width
+// Generate page order radiating outward from current page
+// e.g., if current=5 and total=10: [5, 6, 4, 7, 3, 8, 2, 9, 1, 10]
+function getPageLoadOrder(currentPage, totalPages) {
+    const order = [currentPage];
+    let offset = 1;
+    while (order.length < totalPages) {
+        const next = currentPage + offset;
+        const prev = currentPage - offset;
+        if (next <= totalPages)
+            order.push(next);
+        if (prev >= 1)
+            order.push(prev);
+        offset++;
+    }
+    return order;
+}
+/**
+ * Image-based page slider that displays annotated/instrumented page images.
+ * Progressively loads images starting from current page and radiating outward.
+ * Loads first image immediately to determine aspect ratio for stable layout.
+ */
+export function AnnotatedImageSlider({ className, currentPage, onChange }) {
+    const [imageType, setImageType] = useState(ImageType.instrumented);
+    const [aspectRatio, setAspectRatio] = useState(DEFAULT_ASPECT_RATIO);
+    const [loadedUrls, setLoadedUrls] = useState(new Map());
+    const [zoom, setZoom] = useState(DEFAULT_ZOOM);
+    const loadedPagesRef = useRef(new Set());
+    const ref = useRef(null);
+    const scrollContainerRef = useRef(null);
+    const isProgrammaticScrollRef = useRef(false);
+    const { imageProvider, count } = useMagicPdfContext();
+    const zoomIn = useCallback(() => {
+        let currentIndex = ZOOM_LEVELS.findIndex(level => level >= zoom);
+        if (currentIndex === -1) {
+            currentIndex = ZOOM_LEVELS.length - 1;
+        }
+        const nextIndex = Math.min(currentIndex + 1, ZOOM_LEVELS.length - 1);
+        setZoom(ZOOM_LEVELS[nextIndex]);
+    }, [zoom]);
+    const zoomOut = useCallback(() => {
+        let currentIndex = ZOOM_LEVELS.findIndex(level => level >= zoom);
+        if (currentIndex === -1) {
+            currentIndex = ZOOM_LEVELS.length - 1;
+        }
+        const prevIndex = Math.max(currentIndex - 1, 0);
+        setZoom(ZOOM_LEVELS[prevIndex]);
+    }, [zoom]);
+    const fitToView = useCallback(() => {
+        setZoom(DEFAULT_ZOOM);
+    }, []);
+    // Load first image to determine aspect ratio
+    useEffect(() => {
+        imageProvider.getPageImageUrl(1, imageType)
+            .then((url) => {
+            const img = new window.Image();
+            img.onload = () => {
+                if (img.width > 0 && img.height > 0) {
+                    setAspectRatio(img.height / img.width);
+                }
+            };
+            img.src = url;
+        })
+            .catch(() => {
+            // Keep default aspect ratio on error
+        });
+    }, [imageProvider, imageType]);
+    // Track the current imageType for change detection
+    const prevImageTypeRef = useRef(imageType);
+    // Progressive loading: load pages in parallel, prioritized from current page outward
+    useEffect(() => {
+        let cancelled = false;
+        // Check if imageType changed - if so, reset and reload all pages
+        const imageTypeChanged = prevImageTypeRef.current !== imageType;
+        if (imageTypeChanged) {
+            prevImageTypeRef.current = imageType;
+            loadedPagesRef.current = new Set();
+            setLoadedUrls(new Map());
+        }
+        const loadOrder = getPageLoadOrder(currentPage, count);
+        // Load all pages in parallel, but they're already prioritized by loadOrder
+        // The imageProvider handles deduplication via its pending map
+        const loadPage = async (page) => {
+            if (cancelled || loadedPagesRef.current.has(page))
+                return;
+            try {
+                const url = await imageProvider.getPageImageUrl(page, imageType);
+                if (!cancelled) {
+                    loadedPagesRef.current.add(page);
+                    setLoadedUrls(prev => new Map(prev).set(page, url));
+                }
+            }
+            catch {
+                // Skip failed pages
+            }
+        };
+        // Start all loads in parallel - prioritized pages will update state first
+        // since they're fetched first in the loadOrder
+        loadOrder.forEach(page => loadPage(page));
+        return () => {
+            cancelled = true;
+        };
+    }, [currentPage, count, imageType, imageProvider]);
+    // Scroll to current page when zoom changes to preserve position
+    const prevZoomRef = useRef(zoom);
+    useEffect(() => {
+        if (prevZoomRef.current !== zoom && scrollContainerRef.current) {
+            prevZoomRef.current = zoom;
+            // Mark as programmatic scroll to avoid triggering onChange
+            isProgrammaticScrollRef.current = true;
+            const thumbnail = scrollContainerRef.current.querySelector(`[data-page="${currentPage}"]`);
+            if (thumbnail) {
+                // Use requestAnimationFrame to wait for DOM to update with new sizes
+                requestAnimationFrame(() => {
+                    thumbnail.scrollIntoView({
+                        behavior: 'instant',
+                        block: 'center',
+                    });
+                    // Reset after scroll completes
+                    requestAnimationFrame(() => {
+                        isProgrammaticScrollRef.current = false;
+                    });
+                });
+            }
+            else {
+                isProgrammaticScrollRef.current = false;
+            }
+        }
+    }, [zoom, currentPage]);
+    // Jump to current page when it changes (user navigation via buttons/input)
+    const prevPageRef = useRef(currentPage);
+    useEffect(() => {
+        if (prevPageRef.current !== currentPage && scrollContainerRef.current) {
+            prevPageRef.current = currentPage;
+            // Mark as programmatic scroll to avoid triggering onChange
+            isProgrammaticScrollRef.current = true;
+            const thumbnail = scrollContainerRef.current.querySelector(`[data-page="${currentPage}"]`);
+            if (thumbnail) {
+                thumbnail.scrollIntoView({
+                    behavior: 'instant',
+                    block: 'nearest',
+                });
+            }
+            // Reset after a short delay to allow scroll event to fire
+            requestAnimationFrame(() => {
+                isProgrammaticScrollRef.current = false;
+            });
+        }
+    }, [currentPage]);
+    // Update current page based on scroll position (when user scrolls manually)
+    useEffect(() => {
+        const container = scrollContainerRef.current;
+        if (!container)
+            return;
+        let scrollDebounceTimer = null;
+        const handleScroll = () => {
+            // Skip if this is a programmatic scroll
+            if (isProgrammaticScrollRef.current)
+                return;
+            // Debounce scroll updates
+            if (scrollDebounceTimer)
+                clearTimeout(scrollDebounceTimer);
+            scrollDebounceTimer = setTimeout(() => {
+                // Find the page element closest to the center of the viewport
+                const containerRect = container.getBoundingClientRect();
+                const containerCenter = containerRect.top + containerRect.height / 2;
+                let closestPage = currentPage;
+                let closestDistance = Infinity;
+                for (let i = 1; i <= count; i++) {
+                    const pageEl = container.querySelector(`[data-page="${i}"]`);
+                    if (pageEl) {
+                        const pageRect = pageEl.getBoundingClientRect();
+                        const pageCenter = pageRect.top + pageRect.height / 2;
+                        const distance = Math.abs(pageCenter - containerCenter);
+                        if (distance < closestDistance) {
+                            closestDistance = distance;
+                            closestPage = i;
+                        }
+                    }
+                }
+                if (closestPage !== currentPage) {
+                    prevPageRef.current = closestPage;
+                    onChange(closestPage);
+                }
+            }, 50);
+        };
+        container.addEventListener('scroll', handleScroll, { passive: true });
+        return () => {
+            if (scrollDebounceTimer)
+                clearTimeout(scrollDebounceTimer);
+            container.removeEventListener('scroll', handleScroll);
+        };
+    }, [count, currentPage, onChange]);
+    const goPrev = () => {
+        if (currentPage > 1) {
+            onChange(currentPage - 1);
+        }
+    };
+    const goNext = () => {
+        if (currentPage < count) {
+            onChange(currentPage + 1);
+        }
+    };
+    return (_jsxs("div", { ref: ref, className: clsx('flex flex-col items-stretch gap-y-2', className), children: [_jsxs("div", { className: "relative flex items-center justify-center px-2 h-9", children: [_jsx(Button, { variant: "ghost", size: "xs", onClick: goPrev, alt: "Previous page", children: _jsx(ChevronsUp, { className: 'size-4' }) }), _jsxs("div", { className: "absolute left-2 flex items-center gap-x-1", children: [_jsx(ImageTypeButton, { type: ImageType.original, currentType: imageType, onClick: () => setImageType(ImageType.original), icon: _jsx(Image, { className: "size-4" }), tooltip: "Original images" }), _jsx(ImageTypeButton, { type: ImageType.instrumented, currentType: imageType, onClick: () => setImageType(ImageType.instrumented), icon: _jsx(ScanSearch, { className: "size-4" }), tooltip: "Instrumented images" }), _jsx("div", { className: "w-px h-4 bg-border mx-1" }), _jsx(ZoomControls, { zoom: zoom, onZoomIn: zoomIn, onZoomOut: zoomOut, onFitToView: fitToView, canZoomIn: zoom < ZOOM_LEVELS[ZOOM_LEVELS.length - 1], canZoomOut: zoom > ZOOM_LEVELS[0] })] }), _jsx("div", { className: "absolute right-2", children: _jsx(PageNavigator, { currentPage: currentPage, totalPages: count, onChange: onChange }) })] }), _jsx("div", { ref: scrollContainerRef, className: 'flex flex-col items-center gap-2 flex-1 overflow-y-auto px-2', children: Array.from({ length: count }, (_, index) => (_jsx(PageThumbnail, { currentPage: currentPage, pageNumber: index + 1, aspectRatio: aspectRatio, zoom: zoom, url: loadedUrls.get(index + 1), onSelect: () => onChange(index + 1) }, index))) }), _jsx("div", { className: "flex items-center justify-center h-9", children: _jsx(Button, { variant: "ghost", size: "xs", onClick: goNext, alt: "Next page", children: _jsx(ChevronsDown, { className: 'size-4' }) }) })] }));
+}
+function ImageTypeButton({ type, currentType, onClick, icon, tooltip }) {
+    const isSelected = type === currentType;
+    return (_jsx(VTooltip, { description: tooltip, placement: "bottom", size: "xs", children: _jsx("button", { className: clsx("p-1 rounded cursor-pointer transition-colors", isSelected
+                ? "text-primary bg-primary/10"
+                : "text-muted-foreground hover:text-foreground hover:bg-muted"), onClick: onClick, children: icon }) }));
+}
+function ZoomControls({ zoom, onZoomIn, onZoomOut, onFitToView, canZoomIn, canZoomOut }) {
+    return (_jsxs("div", { className: "flex items-center gap-x-0.5", children: [_jsx(VTooltip, { description: "Zoom out", placement: "bottom", size: "xs", children: _jsx("button", { className: clsx("p-1 rounded cursor-pointer transition-colors", canZoomOut
+                        ? "text-muted-foreground hover:text-foreground hover:bg-muted"
+                        : "text-muted-foreground/40 cursor-not-allowed"), onClick: onZoomOut, disabled: !canZoomOut, children: _jsx(Minus, { className: "size-4" }) }) }), _jsxs("span", { className: "text-xs text-muted-foreground min-w-[32px] text-center", children: [zoom, "%"] }), _jsx(VTooltip, { description: "Zoom in", placement: "bottom", size: "xs", children: _jsx("button", { className: clsx("p-1 rounded cursor-pointer transition-colors", canZoomIn
+                        ? "text-muted-foreground hover:text-foreground hover:bg-muted"
+                        : "text-muted-foreground/40 cursor-not-allowed"), onClick: onZoomIn, disabled: !canZoomIn, children: _jsx(Plus, { className: "size-4" }) }) }), _jsx(VTooltip, { description: "Fit to width", placement: "bottom", size: "xs", children: _jsx("button", { className: clsx("p-1 rounded cursor-pointer transition-colors", zoom !== DEFAULT_ZOOM
+                        ? "text-muted-foreground hover:text-foreground hover:bg-muted"
+                        : "text-muted-foreground/40"), onClick: onFitToView, children: _jsx(Maximize, { className: "size-4" }) }) })] }));
+}
+function PageThumbnail({ pageNumber, currentPage, aspectRatio, zoom, url, onSelect }) {
+    const isSelected = pageNumber === currentPage;
+    const widthPercent = zoom;
+    return (_jsxs("div", { className: "p-2 hover:bg-muted rounded-md flex flex-col items-center", "data-page": pageNumber, style: { width: `${widthPercent}%` }, children: [_jsx("div", { className: clsx('relative border-[2px] cursor-pointer overflow-hidden flex items-center justify-center bg-muted/50 w-full', isSelected ? "border-primary" : "border-border"), style: { aspectRatio: `1 / ${aspectRatio}` }, onClick: onSelect, children: url ? (_jsx("img", { src: url, alt: `Page ${pageNumber}`, className: "w-full" })) : (_jsx(Loader2, { className: "w-6 h-6 animate-spin text-muted-foreground" })) }), _jsx(Center, { className: "text-sm text-muted-foreground pt-1 font-semibold", children: pageNumber })] }));
+}
+function PageNavigator({ currentPage, totalPages, onChange }) {
+    const inputRef = useRef(null);
+    const [inputValue, setInputValue] = useState(String(currentPage));
+    // Sync input value when currentPage changes externally
+    useEffect(() => {
+        setInputValue(String(currentPage));
+    }, [currentPage]);
+    const handleSubmit = () => {
+        const page = parseInt(inputValue, 10);
+        if (!isNaN(page) && page >= 1 && page <= totalPages) {
+            onChange(page);
+        }
+        else {
+            // Reset to current page if invalid
+            setInputValue(String(currentPage));
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === 'Enter') {
+            handleSubmit();
+            inputRef.current?.blur();
+        }
+        else if (e.key === 'Escape') {
+            setInputValue(String(currentPage));
+            inputRef.current?.blur();
+        }
+    };
+    const handleBlur = () => {
+        handleSubmit();
+    };
+    return (_jsxs("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [_jsx("span", { children: "Page" }), _jsx("input", { ref: inputRef, type: "text", value: inputValue, onChange: (e) => setInputValue(e.target.value), onKeyDown: handleKeyDown, onBlur: handleBlur, className: "w-8 h-5 text-center text-xs px-1 py-0 bg-background border border-border rounded focus:outline-none focus:border-primary" }), _jsxs("span", { children: ["/ ", totalPages] })] }));
+}
+//# sourceMappingURL=AnnotatedImageSlider.js.map

package/lib/esm/features/magic-pdf/AnnotatedImageSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotatedImageSlider.js","sourceRoot":"","sources":["../../../../src/features/magic-pdf/AnnotatedImageSlider.tsx"],"names":[],"mappings":"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"}

package/lib/esm/features/magic-pdf/DownloadPopover.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@vertesia/ui/core";
+import { useUserSession } from "@vertesia/ui/session";
+import { Popover } from "@vertesia/ui/widgets";
+import { Download } from "lucide-react";
+import { getResourceUrl } from "./MagicPdfProvider";
+export function DownloadPopover({ object }) {
+    const { client } = useUserSession();
+    const onDownload = (name) => {
+        getResourceUrl(client, object.id, name).then(url => window.open(url, '_blank'));
+    };
+    const getProcessorType = () => {
+        if (object.metadata?.type === "document") {
+            const docMetadata = object.metadata;
+            return docMetadata.content_processor?.type || "xml";
+        }
+        return "xml"; // default
+    };
+    const processorType = getProcessorType();
+    const buttonClass = "p-2 cursor-pointer hover:bg-muted text-left text-sm";
+    // For markdown processor, only one download option - render simple button
+    if (processorType === "markdown") {
+        return (_jsx(Button, { variant: "ghost", size: "xs", onClick: () => onDownload("document.md"), alt: "Download", children: _jsx(Download, { className: 'size-4' }) }));
+    }
+    // Default XML processor - multiple options, use popover
+    return (_jsxs(Popover, { strategy: 'absolute', placement: 'bottom-start', zIndex: 100, offset: 8, children: [_jsx(Popover.Trigger, { click: true, children: _jsx(Button, { variant: "ghost", size: "xs", alt: "Download", children: _jsx(Download, { className: 'size-4' }) }) }), _jsx(Popover.Content, { children: _jsxs("div", { className: "rounded-md shadow-md border border-border bg-popover min-w-[200px] flex flex-col divide-y divide-border", children: [_jsx("button", { className: buttonClass, onClick: () => onDownload("annotated.pdf"), children: "annotated.pdf" }), _jsx("button", { className: buttonClass, onClick: () => onDownload("document.xml"), children: "document.xml" }), _jsx("button", { className: buttonClass, onClick: () => onDownload("analyzed-pages.json"), children: "analyzed-pages.json" })] }) })] }));
+}
+//# sourceMappingURL=DownloadPopover.js.map

package/lib/esm/features/magic-pdf/DownloadPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadPopover.js","sourceRoot":"","sources":["../../../../src/features/magic-pdf/DownloadPopover.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKpD,MAAM,UAAU,eAAe,CAAC,EAAE,MAAM,EAAwB;IAC5D,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAA;IACnC,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE;QAChC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;IACpF,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,GAAW,EAAE;QAClC,IAAI,MAAM,CAAC,QAAQ,EAAE,IAAI,KAAK,UAAU,EAAE,CAAC;YACvC,MAAM,WAAW,GAAG,MAAM,CAAC,QAA4B,CAAC;YACxD,OAAO,WAAW,CAAC,iBAAiB,EAAE,IAAI,IAAI,KAAK,CAAC;QACxD,CAAC;QACD,OAAO,KAAK,CAAC,CAAC,UAAU;IAC5B,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IAEzC,MAAM,WAAW,GAAG,qDAAqD,CAAC;IAE1E,0EAA0E;IAC1E,IAAI,aAAa,KAAK,UAAU,EAAE,CAAC;QAC/B,OAAO,CACH,KAAC,MAAM,IACH,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,EACxC,GAAG,EAAC,UAAU,YAEd,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,GAAG,GAC1B,CACZ,CAAC;IACN,CAAC;IAED,wDAAwD;IACxD,OAAO,CACH,MAAC,OAAO,IAAC,QAAQ,EAAC,UAAU,EAAC,SAAS,EAAC,cAAc,EAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,aACxE,KAAC,OAAO,CAAC,OAAO,IAAC,KAAK,kBAClB,KAAC,MAAM,IACH,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,GAAG,EAAC,UAAU,YAEd,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,GAAG,GAC1B,GACK,EAClB,KAAC,OAAO,CAAC,OAAO,cACZ,eAAK,SAAS,EAAC,yGAAyG,aACpH,iBAAQ,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,eAAe,CAAC,8BAEjE,EACT,iBAAQ,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,6BAEhE,EACT,iBAAQ,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,qBAAqB,CAAC,oCAEvE,IACP,GACQ,IACZ,CACb,CAAA;AACL,CAAC"}

package/lib/esm/features/magic-pdf/ExtractedContentView.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { JSONCode, XMLViewer, MarkdownRenderer } from '@vertesia/ui/widgets';
+import { Loader2 } from 'lucide-react';
+import { useEffect, useState } from "react";
+import { useMagicPdfContext } from "./MagicPdfProvider";
+function LoadingSpinner({ className }) {
+    return (_jsx("div", { className: `flex items-center justify-center ${className || ''}`, children: _jsx(Loader2, { className: "w-6 h-6 animate-spin text-gray-400" }) }));
+}
+export function ExtractedContentView({ viewType, pageNumber }) {
+    switch (viewType) {
+        case "json":
+            return _jsx(JsonPageLayoutView, { pageNumber: pageNumber });
+        case "markdown":
+            return _jsx(MarkdownPageView, { pageNumber: pageNumber });
+        default:
+            return _jsx(XmlPageView, { pageNumber: pageNumber });
+    }
+}
+function XmlPageView({ pageNumber }) {
+    const { xmlPages: pages } = useMagicPdfContext();
+    return (_jsx("div", { className: "px-4 py-2", children: _jsx(XMLViewer, { xml: pages[pageNumber - 1], collapsible: true }) }));
+}
+function JsonPageLayoutView({ pageNumber }) {
+    const [content, setContent] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const { layoutProvider } = useMagicPdfContext();
+    useEffect(() => {
+        setLoading(true);
+        setError(null);
+        layoutProvider.getPageLayout(pageNumber)
+            .then((layoutContent) => {
+            setContent(layoutContent ? JSON.parse(layoutContent) : null);
+            setLoading(false);
+        })
+            .catch((err) => {
+            console.error(err);
+            setError(err.message || 'Failed to load layout');
+            setLoading(false);
+        });
+    }, [pageNumber, layoutProvider]);
+    if (loading) {
+        return (_jsx("div", { className: "px-4 py-8", children: _jsx(LoadingSpinner, {}) }));
+    }
+    if (error) {
+        return (_jsx("div", { className: "px-4 py-2 text-red-500 text-sm", children: error }));
+    }
+    return content ? _jsx(JSONCode, { className: "w-full", data: content }) : null;
+}
+function MarkdownPageView({ pageNumber }) {
+    const [content, setContent] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const { markdownProvider } = useMagicPdfContext();
+    useEffect(() => {
+        setLoading(true);
+        setError(null);
+        markdownProvider.getPageMarkdown(pageNumber)
+            .then((md) => {
+            setContent(md);
+            setLoading(false);
+        })
+            .catch((err) => {
+            console.error(err);
+            setError(err.message || 'Failed to load markdown');
+            setLoading(false);
+        });
+    }, [pageNumber, markdownProvider]);
+    if (loading) {
+        return (_jsxs("div", { className: "h-full flex flex-col items-center justify-center gap-2", children: [_jsx(LoadingSpinner, {}), _jsx("span", { className: "text-sm text-muted-foreground", children: "Loading..." })] }));
+    }
+    if (error) {
+        return (_jsx("div", { className: "px-4 py-2 text-red-500 text-sm", children: error }));
+    }
+    return (_jsx("div", { className: "px-4 py-2 prose prose-sm max-w-none dark:prose-invert", children: content ? _jsx(MarkdownRenderer, { children: content }) : _jsx("div", { children: "No markdown content available" }) }));
+}
+//# sourceMappingURL=ExtractedContentView.js.map

package/lib/esm/features/magic-pdf/ExtractedContentView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtractedContentView.js","sourceRoot":"","sources":["../../../../src/features/magic-pdf/ExtractedContentView.tsx"],"names":[],"mappings":"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"}

package/lib/esm/features/magic-pdf/MagicPdfProvider.js

@@ -0,0 +1,242 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useUserSession } from "@vertesia/ui/session";
+import { PDF_RENDITION_NAME, } from "@vertesia/common";
+import React, { createContext, useEffect, useState } from "react";
+const DEFAULT_PAGE_COUNT = 10;
+const ADVANCED_PROCESSING_PREFIX = "magic-pdf";
+export var ImageType;
+(function (ImageType) {
+    ImageType["original"] = "original";
+    ImageType["instrumented"] = "instrumented";
+})(ImageType || (ImageType = {}));
+/** Provider for lazy-loading page images on demand */
+export class PageImageProvider {
+    client;
+    objectId;
+    totalPages;
+    cache = new Map();
+    pending = new Map();
+    constructor(client, objectId, totalPages) {
+        this.client = client;
+        this.objectId = objectId;
+        this.totalPages = totalPages;
+    }
+    getCacheKey(page, type) {
+        return `${type}-${page}`;
+    }
+    /** Get the URL for a specific page and image type, fetching lazily if needed */
+    async getPageImageUrl(page, type) {
+        const key = this.getCacheKey(page, type);
+        // Return cached URL if available
+        const cached = this.cache.get(key);
+        if (cached)
+            return cached;
+        // Return pending promise if already fetching
+        const pending = this.pending.get(key);
+        if (pending)
+            return pending;
+        // Fetch the URL
+        const promise = this.fetchImageUrl(page, type);
+        this.pending.set(key, promise);
+        try {
+            const url = await promise;
+            this.cache.set(key, url);
+            return url;
+        }
+        finally {
+            this.pending.delete(key);
+        }
+    }
+    async fetchImageUrl(page, type) {
+        const path = this.getImagePath(page, type);
+        const response = await this.client.files.getDownloadUrl(path);
+        return response.url;
+    }
+    getImagePath(page, type) {
+        const basePath = `${ADVANCED_PROCESSING_PREFIX}/${this.objectId}/pages`;
+        switch (type) {
+            case ImageType.original:
+                return `${basePath}/page-${page}.original.jpg`;
+            case ImageType.instrumented:
+                return `${basePath}/page-${page}.instrumented.jpg`;
+        }
+    }
+}
+class PageLayoutProvider {
+    client;
+    objectId;
+    totalPages;
+    cache = new Map();
+    pending = new Map();
+    constructor(client, objectId, totalPages) {
+        this.client = client;
+        this.objectId = objectId;
+        this.totalPages = totalPages;
+    }
+    async getPageLayout(page) {
+        // Return cached content if available
+        const cached = this.cache.get(page);
+        if (cached !== undefined)
+            return cached;
+        // Return pending promise if already fetching
+        const pending = this.pending.get(page);
+        if (pending)
+            return pending;
+        // Fetch the layout
+        const promise = this.fetchPageLayout(page);
+        this.pending.set(page, promise);
+        try {
+            const content = await promise;
+            this.cache.set(page, content);
+            return content;
+        }
+        finally {
+            this.pending.delete(page);
+        }
+    }
+    async fetchPageLayout(page) {
+        const path = `${ADVANCED_PROCESSING_PREFIX}/${this.objectId}/pages/page-${page}.layout.json`;
+        const response = await this.client.files.getDownloadUrl(path);
+        const result = await fetch(response.url, { method: "GET" });
+        if (!result.ok) {
+            throw new Error("Failed to fetch json layout: " + result.statusText);
+        }
+        return result.text();
+    }
+}
+class PageMarkdownProvider {
+    totalPages;
+    pages = [];
+    constructor(totalPages) {
+        this.totalPages = totalPages;
+    }
+    // Initialize by parsing pages from the full markdown content
+    // Pages are delimited by <!-- {"page":N} --> markers
+    initFromContent(markdownContent) {
+        this.pages = extractMarkdownPages(markdownContent, this.totalPages);
+    }
+    // Keep for backwards compatibility with non-markdown processors
+    async loadUrls(_vertesia, _objectId) {
+        // No-op for markdown processor - content is already parsed
+    }
+    async getPageMarkdown(page) {
+        const index = page - 1;
+        if (index < 0 || index >= this.pages.length) {
+            return '';
+        }
+        return this.pages[index];
+    }
+}
+// Extract markdown pages from content delimited by <!-- {"page":N} --> markers
+function extractMarkdownPages(content, totalPages) {
+    const pages = new Array(totalPages).fill('');
+    // Match page delimiters: <!-- {"page":N} -->
+    const pageDelimiterRegex = /<!--\s*\{\s*"page"\s*:\s*(\d+)\s*\}\s*-->/g;
+    // Find all page markers and their positions
+    const markers = [];
+    let match;
+    while ((match = pageDelimiterRegex.exec(content)) !== null) {
+        markers.push({
+            page: parseInt(match[1], 10),
+            index: match.index + match[0].length,
+        });
+    }
+    // Extract content between markers
+    for (let i = 0; i < markers.length; i++) {
+        const marker = markers[i];
+        const pageIndex = marker.page - 1;
+        if (pageIndex < 0 || pageIndex >= totalPages) {
+            continue;
+        }
+        const startIndex = marker.index;
+        // Find the actual end by looking for the next delimiter or end of content
+        const nextDelimiterMatch = content.slice(startIndex).match(/<!--\s*\{\s*"page"\s*:\s*\d+\s*\}\s*-->/);
+        const actualEndIndex = nextDelimiterMatch
+            ? startIndex + nextDelimiterMatch.index
+            : content.length;
+        let pageContent = content.slice(startIndex, actualEndIndex).trim();
+        // Remove trailing --- separators if present
+        pageContent = pageContent.replace(/\n---\s*$/, '').trim();
+        pages[pageIndex] = pageContent;
+    }
+    return pages;
+}
+const MagicPdfContext = createContext(undefined);
+export function MagicPdfProvider({ children, object }) {
+    const { client } = useUserSession();
+    const page_count = object.metadata.page_count || DEFAULT_PAGE_COUNT;
+    const isMarkdownProcessor = object.metadata?.content_processor?.type === 'markdown';
+    // Create initial context immediately (synchronously) for both processor types
+    const [info, setInfo] = useState(() => {
+        const markdownProvider = new PageMarkdownProvider(page_count);
+        if (isMarkdownProcessor && object.text) {
+            markdownProvider.initFromContent(object.text);
+        }
+        const xml = object.text ? cleanXml(object.text) : "";
+        return {
+            count: page_count,
+            layoutProvider: new PageLayoutProvider(client, object.id, page_count),
+            markdownProvider,
+            imageProvider: new PageImageProvider(client, object.id, page_count),
+            xml,
+            xmlPages: object.text ? extractXmlPages(xml) : [],
+            pdfUrl: '',
+            pdfUrlLoading: true,
+        };
+    });
+    useEffect(() => {
+        if (isMarkdownProcessor) {
+            // For markdown processor, fetch the PDF URL lazily
+            // Priority: PDF rendition > source (only if source is PDF)
+            const metadata = object.metadata;
+            const pdfRendition = metadata?.renditions?.find(r => r.name === PDF_RENDITION_NAME);
+            const isPdfSource = object.content?.type === 'application/pdf';
+            const sourceToResolve = pdfRendition?.content?.source || (isPdfSource ? object.content?.source : undefined);
+            if (sourceToResolve) {
+                client.store.objects.getDownloadUrl(sourceToResolve, undefined, 'inline')
+                    .then((response) => {
+                    setInfo(prev => ({ ...prev, pdfUrl: response.url, pdfUrlLoading: false }));
+                })
+                    .catch((e) => {
+                    console.warn('Failed to get PDF URL:', e);
+                    setInfo(prev => ({ ...prev, pdfUrlLoading: false }));
+                });
+            }
+            else {
+                setInfo(prev => ({ ...prev, pdfUrlLoading: false }));
+            }
+        }
+        else {
+            // For XML processor, no pre-loading needed - images load on demand
+            setInfo(prev => ({ ...prev, pdfUrlLoading: false }));
+        }
+    }, [object.id, client, isMarkdownProcessor, page_count]);
+    return (_jsx(MagicPdfContext.Provider, { value: info, children: children }));
+}
+export function getResourceUrl(vertesia, objectId, name) {
+    return vertesia.files
+        .getDownloadUrl(`${ADVANCED_PROCESSING_PREFIX}/${objectId}/${name}`)
+        .then((r) => r.url);
+}
+export function useMagicPdfContext() {
+    const context = React.useContext(MagicPdfContext);
+    if (!context) {
+        throw new Error("useMagicPdfContext must be used within a MagicPdfProvider");
+    }
+    return context;
+}
+function extractXmlPages(xml) {
+    // Parse the XML string
+    const doc = new DOMParser().parseFromString(cleanXml(xml), "text/xml");
+    const pages = doc.getElementsByTagName("page");
+    const serializer = new XMLSerializer();
+    return Array.from(pages).map((p) => serializer.serializeToString(p));
+}
+function cleanXml(xml) {
+    const cleanedXML = xml
+        // eslint-disable-next-line no-control-regex
+        .replace(/[\x00-\x08\x0B\x0C\x0E-\x1F\x7F]/g, "")
+        .replace(/<\?xml.*?\?>/g, "");
+    return cleanedXML;
+}
+//# sourceMappingURL=MagicPdfProvider.js.map