@xyne/workflow-ui 1.3.10 → 1.3.11

package/dist/components/shared/viewers/PdfView.d.ts

@@ -0,0 +1,38 @@
+import { type ReactNode } from 'react';
+export interface PdfViewProps {
+    /** Same-origin URL for the raw PDF bytes (cookie auth). */
+    url: string;
+    /** Display name shown in the toolbar and used for the download filename. */
+    name?: string | undefined;
+    /** 1-indexed page to scroll to on first load (e.g. a citation's pageNumber). */
+    initialPage?: number | undefined;
+    /**
+     * Initial zoom. A number is a literal scale (1 = 100%); the named pdf.js
+     * modes fit the page to the container. Defaults to `'page-width'` because
+     * this viewer is embedded in a narrow, resizable side panel — a literal
+     * 100% would overflow horizontally. Named modes re-fit on container resize;
+     * once the user zooms manually we stop re-fitting.
+     */
+    initialScale?: number | 'page-width' | 'page-fit' | 'page-actual' | 'auto' | undefined;
+    /**
+     * Bump this to re-jump to `initialPage` even when the value didn't change —
+     * lets a host pull the user back to the cited page on re-click. Also
+     * re-applies `highlightQuery`.
+     */
+    navSeq?: number | undefined;
+    /**
+     * When provided, prefills the Find input and pdf.js's findController
+     * highlights matches in the text layer.
+     */
+    highlightQuery?: string | null | undefined;
+    /** Leading slot in the toolbar (e.g. a Back button). */
+    leading?: ReactNode;
+    /** Optional right-side companion rendered alongside the scroll area. */
+    rightSlot?: ReactNode;
+    /** Extreme-right Close button — only when the host wants a dismiss affordance. */
+    onClose?: (() => void) | undefined;
+    /** Hide the Download link. */
+    hideDownload?: boolean | undefined;
+}
+export default function PdfView({ url, name, initialPage, initialScale, navSeq, highlightQuery, leading, rightSlot, onClose, hideDownload, }: PdfViewProps): import("react").JSX.Element;
+//# sourceMappingURL=PdfView.d.ts.map

package/dist/components/shared/viewers/PdfView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdfView.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/viewers/PdfView.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA8FjF,MAAM,WAAW,YAAY;IAC3B,2DAA2D;IAC3D,GAAG,EAAE,MAAM,CAAC;IACZ,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,gFAAgF;IAChF,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,aAAa,GAAG,MAAM,GAAG,SAAS,CAAC;IACvF;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C,wDAAwD;IACxD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,wEAAwE;IACxE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,kFAAkF;IAClF,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACnC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACpC;AAKD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,GAAG,EACH,IAAiB,EACjB,WAAW,EACX,YAA2B,EAC3B,MAAM,EACN,cAAc,EACd,OAAO,EACP,SAAS,EACT,OAAO,EACP,YAAoB,GACrB,EAAE,YAAY,+BA0ed"}

package/dist/components/shared/viewers/PdfView.js

@@ -0,0 +1,439 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// PDF viewer built on pdf.js's native `PDFViewer` component (the same
+// renderer Firefox ships) — ported from the xyne app's `PdfViewer` so the
+// SDK renders documents exactly like the rest of the product.
+//
+// Why pdf.js's viewer (and not react-pdf): react-pdf flickers on
+// virtualized scroll because page heights are estimated up-front and
+// remeasured on mount, plus pages unmount on overscan (white flashes on
+// scroll-back). pdf.js's PDFViewer pre-measures every page from the PDF's
+// viewport, keeps a buffer of rendered pages, has built-in text-layer
+// rendering, and ships its own findController.
+//
+// It also replaces the browser's native <iframe> plugin, which forces a
+// dark chrome + page-thumbnail rail that can't be restyled.
+//
+// Styling is driven entirely by the SDK's `--wui-*` theme tokens, so
+// whatever the host application defines flows into this viewer.
+//
+// React's job here is just:
+//   1. Mount the viewer once when the file URL changes.
+//   2. Bridge our toolbar (page input, zoom, search) to viewer events.
+//   3. Tear down on unmount.
+//
+// Imperative wiring is small but unavoidable because the viewer manages
+// its own DOM; we don't try to fight that.
+import { useCallback, useEffect, useRef, useState } from 'react';
+import * as pdfjsLib from 'pdfjs-dist';
+import { EventBus, PDFFindController, PDFLinkService, PDFViewer as PdfjsViewer, } from 'pdfjs-dist/web/pdf_viewer.mjs';
+import { ChevronUp, ChevronDown, Download, Loader2, Minus, Plus, Search, X, } from 'lucide-react';
+// Worker is served by the host app from its public root. pdf.js's default
+// route-relative resolution 404s into an SPA fallback, so pin an absolute
+// path. Re-asserted inside the component for bundler-tree-shaking safety.
+const PDF_WORKER_URL = '/pdf.worker.mjs';
+pdfjsLib.GlobalWorkerOptions.workerSrc = PDF_WORKER_URL;
+// pdf.js FindState values — exported at runtime but absent from the type
+// declarations, so mirrored here.
+const FIND_NOT_FOUND = 1;
+const FIND_PENDING = 3;
+/**
+ * When a highlight phrase spans a page break, find where it splits: the
+ * longest word-boundary head that appears on one page whose tail appears on
+ * the following page. Returns the two fragments (both individually findable,
+ * so a `query: [head, tail]` array search highlights the value on BOTH
+ * pages), or null when the value doesn't split cleanly across two pages.
+ */
+async function computePageSplit(doc, value) {
+    const normWS = (s) => s.replace(/\s+/g, ' ').trim();
+    const v = normWS(value);
+    const words = v.split(' ');
+    if (words.length < 2)
+        return null;
+    // Text of each page, whitespace-normalized. Capped for very large docs —
+    // this only runs on the miss path, and a citation far past 50 pages can
+    // still fall back to the prefix ladder.
+    const pageTexts = [];
+    const maxPages = Math.min(doc.numPages, 50);
+    for (let i = 1; i <= maxPages; i++) {
+        const page = await doc.getPage(i);
+        const tc = await page.getTextContent();
+        pageTexts.push(normWS(tc.items.map((it) => ('str' in it ? it.str : '')).join(' ')));
+    }
+    // Whole value present on a single page → not a page-split problem.
+    if (pageTexts.some((p) => p.includes(v)))
+        return null;
+    for (let i = 0; i < pageTexts.length - 1; i++) {
+        for (let k = words.length - 1; k >= 1; k--) {
+            const head = words.slice(0, k).join(' ');
+            const tail = words.slice(k).join(' ');
+            if (pageTexts[i].includes(head) && pageTexts[i + 1].includes(tail)) {
+                return [head, tail];
+            }
+        }
+    }
+    return null;
+}
+/**
+ * Progressively shorter prefixes of a highlight phrase, longest first.
+ *
+ * pdf.js's find controller matches within a single page's text, so a value
+ * that spans pages (or whose middle drifted in OCR) never matches as a
+ * whole. The page-split search above is tried first; this ladder is the
+ * last-resort fallback — the *start* of the value is on the cited page by
+ * definition, so shorter heads eventually highlight something.
+ */
+function buildQueryLadder(value) {
+    const words = value.trim().split(/\s+/);
+    const ladder = [];
+    for (const n of [words.length, 6, 4, 3, 2]) {
+        if (n < 2 || n > words.length)
+            continue;
+        const q = words.slice(0, n).join(' ');
+        if (q.length >= 4 && !ladder.includes(q))
+            ladder.push(q);
+    }
+    return ladder.length ? ladder : [value.trim()];
+}
+const iconBtn = 'grid h-7 w-7 place-items-center rounded-[var(--wui-radius-sm)] text-[var(--wui-fg-muted)] transition-colors hover:bg-[var(--wui-bg-subtle)] hover:text-[var(--wui-fg)] disabled:cursor-not-allowed disabled:opacity-40';
+export default function PdfView({ url, name = 'Document', initialPage, initialScale = 'page-width', navSeq, highlightQuery, leading, rightSlot, onClose, hideDownload = false, }) {
+    pdfjsLib.GlobalWorkerOptions.workerSrc = PDF_WORKER_URL;
+    const containerRef = useRef(null);
+    // pdf.js requires a separate inner div with class `pdfViewer` to hold the
+    // page wrappers — the outer `containerRef` is the scroll element.
+    const viewerInnerRef = useRef(null);
+    const instanceRef = useRef(null);
+    // Last navSeq we honored so re-renders don't keep yanking the user back.
+    const lastJumpRef = useRef(null);
+    const lastHighlightRef = useRef(null);
+    // Read inside the viewer effect without making them dependencies (a change
+    // must not tear down and rebuild the viewer).
+    const initialScaleRef = useRef(initialScale);
+    initialScaleRef.current = initialScale;
+    const initialPageRef = useRef(initialPage);
+    initialPageRef.current = initialPage;
+    const navSeqRef = useRef(navSeq);
+    navSeqRef.current = navSeq;
+    // Auto-highlight fallback state: the query we injected (null once the user
+    // types their own), the full value for page-split detection, the remaining
+    // shorter prefixes to try, and guards for the async split attempt.
+    const autoQueryRef = useRef(null);
+    const autoFullRef = useRef(null);
+    const autoLadderRef = useRef([]);
+    const splitTriedRef = useRef(false);
+    const splitBusyRef = useRef(false);
+    const pdfDocRef = useRef(null);
+    const [numPages, setNumPages] = useState(0);
+    const [currentPage, setCurrentPage] = useState(1);
+    const [scalePct, setScalePct] = useState(100);
+    const [loadState, setLoadState] = useState('loading');
+    const [loadError, setLoadError] = useState(null);
+    const [pageInput, setPageInput] = useState('1');
+    const [pageInputFocused, setPageInputFocused] = useState(false);
+    const [query, setQuery] = useState('');
+    useEffect(() => {
+        if (!pageInputFocused)
+            setPageInput(String(currentPage));
+    }, [currentPage, pageInputFocused]);
+    const fileUrl = /^https?:/i.test(url) ? url : `${window.location.origin}${url}`;
+    // Drop the caller's highlight phrase into Find; re-apply on navSeq bump.
+    // Arms the split/prefix fallbacks so a phrase that spans a page break (or
+    // drifted in OCR) still highlights on the cited page. The signature
+    // includes the file URL so switching this instance to another document
+    // re-arms the auto-highlight for it.
+    useEffect(() => {
+        if (loadState !== 'ready')
+            return;
+        const sig = `${fileUrl}#${highlightQuery ?? ''}#${String(navSeq ?? 0)}`;
+        if (lastHighlightRef.current === sig)
+            return;
+        lastHighlightRef.current = sig;
+        if (highlightQuery && highlightQuery.length >= 2) {
+            const ladder = buildQueryLadder(highlightQuery);
+            const first = ladder[0] ?? highlightQuery;
+            autoQueryRef.current = first;
+            autoFullRef.current = highlightQuery;
+            autoLadderRef.current = ladder.slice(1);
+            splitTriedRef.current = false;
+            setQuery(first);
+        }
+    }, [fileUrl, highlightQuery, navSeq, loadState]);
+    // ── Viewer lifecycle ──────────────────────────────────────────────────
+    // Construct once per URL. The viewer owns its DOM subtree; we just hand it
+    // the container + scroll element. Destroy on unmount to release the
+    // worker-side document and any page render tasks.
+    useEffect(() => {
+        const container = containerRef.current;
+        const viewerInner = viewerInnerRef.current;
+        if (!container || !viewerInner)
+            return undefined;
+        setLoadState('loading');
+        setLoadError(null);
+        setNumPages(0);
+        setCurrentPage(1);
+        lastJumpRef.current = null;
+        const eventBus = new EventBus();
+        const linkService = new PDFLinkService({ eventBus });
+        const findController = new PDFFindController({ eventBus, linkService });
+        const viewer = new PdfjsViewer({
+            container,
+            viewer: viewerInner,
+            eventBus,
+            linkService,
+            findController,
+            // Hidden text layer is required for search highlighting.
+            textLayerMode: 2,
+            // Disable annotation editing/forms — this viewer is read-only.
+            annotationEditorMode: -1,
+        });
+        linkService.setViewer(viewer);
+        eventBus.on('pagesinit', () => {
+            // Fit-to-width by default: this viewer lives in a narrow side panel, so
+            // a literal 100% would overflow. Named modes also let us re-fit on
+            // resize. The centering CSS keeps the page middled when it's narrower.
+            viewer.currentScaleValue = String(initialScaleRef.current);
+            setScalePct(Math.round((viewer.currentScale ?? 1) * 100));
+            // Land directly on the cited page. Setting it here — inside pagesinit,
+            // before the first paint — means page 1 is never rendered; a post-ready
+            // React effect would jump only after page 1 had flashed. (This is how
+            // pdf.js's own viewer applies its #page= hash.) The jump effect below
+            // stays for navSeq re-jumps; marking lastJumpRef stops it re-firing.
+            const target = initialPageRef.current;
+            if (target && target >= 1 && target <= viewer.pagesCount) {
+                viewer.currentPageNumber = target;
+                lastJumpRef.current = `${String(target)}#${String(navSeqRef.current ?? 0)}`;
+            }
+        });
+        eventBus.on('pagechanging', (evt) => {
+            setCurrentPage(evt.pageNumber);
+        });
+        eventBus.on('scalechanging', (evt) => {
+            setScalePct(Math.round(evt.scale * 100));
+        });
+        // Auto-highlight fallback: when the query we injected finds nothing
+        // (value spans a page break / OCR drift), first try to SPLIT the value at
+        // the actual page boundary and search both fragments at once (pdf.js
+        // accepts a query array — highlights land on both pages); only if no
+        // clean split exists, step down the prefix ladder. User-typed queries
+        // never trigger any of this — typing clears autoQueryRef.
+        const stepLadder = () => {
+            const next = autoLadderRef.current.shift();
+            if (next) {
+                autoQueryRef.current = next;
+                setQuery(next);
+            }
+            else {
+                autoQueryRef.current = null; // exhausted — leave Find as-is
+            }
+        };
+        const handleAutoNotFound = async () => {
+            if (splitBusyRef.current)
+                return;
+            if (!splitTriedRef.current && autoFullRef.current && pdfDocRef.current) {
+                splitTriedRef.current = true;
+                splitBusyRef.current = true;
+                try {
+                    const frags = await computePageSplit(pdfDocRef.current, autoFullRef.current);
+                    // Re-check auto mode — the user may have typed meanwhile.
+                    if (frags && autoQueryRef.current) {
+                        autoQueryRef.current = frags.join(' ');
+                        eventBus.dispatch('find', {
+                            source: null,
+                            type: '',
+                            query: frags,
+                            highlightAll: true,
+                            findPrevious: false,
+                            caseSensitive: false,
+                            entireWord: false,
+                        });
+                        return;
+                    }
+                }
+                catch {
+                    /* split is best-effort — fall through to the ladder */
+                }
+                finally {
+                    splitBusyRef.current = false;
+                }
+            }
+            stepLadder();
+        };
+        eventBus.on('updatefindcontrolstate', (evt) => {
+            if (evt.state === FIND_PENDING)
+                return;
+            const auto = autoQueryRef.current;
+            if (!auto)
+                return;
+            if (typeof evt.rawQuery === 'string' && evt.rawQuery !== auto)
+                return;
+            if (evt.state === FIND_NOT_FOUND) {
+                void handleAutoNotFound();
+            }
+            else {
+                autoLadderRef.current = []; // found — stop stepping down
+            }
+        });
+        const loadingTask = pdfjsLib.getDocument({
+            url: fileUrl,
+            withCredentials: true,
+        });
+        let cancelled = false;
+        void loadingTask.promise
+            .then((pdfDoc) => {
+            if (cancelled)
+                return;
+            viewer.setDocument(pdfDoc);
+            linkService.setDocument(pdfDoc, null);
+            pdfDocRef.current = pdfDoc;
+            setNumPages(pdfDoc.numPages);
+            setLoadState('ready');
+            instanceRef.current = {
+                viewer,
+                eventBus,
+                findController,
+                loadingTask: loadingTask,
+                pdfDoc: pdfDoc,
+            };
+        })
+            .catch((err) => {
+            if (cancelled)
+                return;
+            setLoadError(err instanceof Error ? err.message : String(err));
+            setLoadState('error');
+        });
+        return () => {
+            cancelled = true;
+            pdfDocRef.current = null;
+            const inst = instanceRef.current;
+            instanceRef.current = null;
+            // Best-effort cleanup — destroy() returns a promise but we don't wait.
+            void inst?.loadingTask?.destroy().catch(() => undefined);
+            void inst?.pdfDoc?.destroy().catch(() => undefined);
+            try {
+                viewer.cleanup();
+            }
+            catch {
+                /* no-op */
+            }
+        };
+    }, [fileUrl]);
+    // ── Re-jump to a page on navSeq bump ──────────────────────────────────
+    // The *initial* landing happens in pagesinit (pre-paint, no page-1 flash);
+    // this effect only handles later navSeq bumps (host re-clicks a citation),
+    // plus the fallback where pagesinit couldn't honor the target.
+    useEffect(() => {
+        if (loadState !== 'ready' || !initialPage || numPages === 0)
+            return;
+        const sig = `${String(initialPage)}#${String(navSeq ?? 0)}`;
+        if (lastJumpRef.current === sig)
+            return;
+        lastJumpRef.current = sig;
+        if (initialPage > numPages)
+            return;
+        const viewer = instanceRef.current?.viewer;
+        if (!viewer)
+            return;
+        viewer.currentPageNumber = initialPage;
+    }, [loadState, initialPage, navSeq, numPages]);
+    // ── Re-fit on container resize ────────────────────────────────────────
+    // The host panel is user-resizable. While the scale is a *named* pdf.js
+    // mode ('page-width' etc.), reassigning it recomputes the fit. Once the
+    // user zooms manually the value becomes numeric and we leave it alone.
+    useEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return undefined;
+        const ro = new ResizeObserver(() => {
+            const viewer = instanceRef.current?.viewer;
+            const current = viewer?.currentScaleValue;
+            if (!viewer || !current || !Number.isNaN(Number(current)))
+                return;
+            viewer.currentScaleValue = current;
+        });
+        ro.observe(container);
+        return () => ro.disconnect();
+    }, []);
+    // ── Trackpad pinch-to-zoom + Ctrl/Cmd-wheel zoom ──────────────────────
+    // Browsers translate pinch gestures into `wheel` events with ctrlKey:true.
+    // Passive:false so preventDefault() fires — otherwise the page zooms.
+    useEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return undefined;
+        const onWheel = (e) => {
+            if (!(e.ctrlKey || e.metaKey))
+                return;
+            e.preventDefault();
+            const viewer = instanceRef.current?.viewer;
+            if (!viewer)
+                return;
+            const current = viewer.currentScale ?? 1;
+            const step = Math.max(-0.5, Math.min(0.5, -e.deltaY * 0.01));
+            viewer.currentScaleValue = String(Math.max(0.25, Math.min(5, current + step)));
+        };
+        container.addEventListener('wheel', onWheel, { passive: false });
+        return () => container.removeEventListener('wheel', onWheel);
+    }, []);
+    // ── Find/search ───────────────────────────────────────────────────────
+    useEffect(() => {
+        if (loadState !== 'ready')
+            return;
+        const eb = instanceRef.current?.eventBus;
+        if (!eb)
+            return;
+        const trimmed = query.trim();
+        eb.dispatch('find', {
+            source: null,
+            type: '',
+            query: trimmed.length < 2 ? '' : trimmed,
+            highlightAll: trimmed.length >= 2,
+            findPrevious: false,
+            caseSensitive: false,
+            entireWord: false,
+        });
+    }, [query, loadState]);
+    // ── Toolbar handlers ──────────────────────────────────────────────────
+    const goToPage = useCallback((n) => {
+        const viewer = instanceRef.current?.viewer;
+        if (!viewer)
+            return;
+        viewer.currentPageNumber = Math.max(1, Math.min(viewer.pagesCount, n));
+    }, []);
+    const commitPageInput = useCallback(() => {
+        const n = Number(pageInput);
+        if (Number.isInteger(n) && n >= 1 && numPages > 0 && n <= numPages)
+            goToPage(n);
+        else
+            setPageInput(String(currentPage));
+    }, [pageInput, numPages, goToPage, currentPage]);
+    const zoom = useCallback((delta) => {
+        const viewer = instanceRef.current?.viewer;
+        if (!viewer)
+            return;
+        viewer.currentScaleValue = String(Math.max(0.25, Math.min(5, (viewer.currentScale ?? 1) + delta)));
+    }, []);
+    return (_jsxs("div", { className: "flex h-full min-h-0 flex-col bg-[var(--wui-bg)]", children: [_jsxs("div", { className: "wui-pdf-toolbar relative flex shrink-0 flex-wrap items-center justify-center gap-x-2 gap-y-1.5 border-b border-[var(--wui-border)] px-3 py-2", children: [leading && (_jsx("div", { className: "absolute left-3 top-1/2 flex min-w-0 -translate-y-1/2 items-center gap-2", children: leading })), _jsxs("div", { className: "relative shrink-0", children: [_jsx(Search, { className: "pointer-events-none absolute left-1.5 top-1/2 h-3 w-3 -translate-y-1/2 text-[var(--wui-fg-muted)]", "aria-hidden": true, strokeWidth: 1.75 }), _jsx("input", { type: "text", value: query, onChange: (e) => {
+                                    // The user took over the Find box — disarm the auto fallback.
+                                    autoQueryRef.current = null;
+                                    autoLadderRef.current = [];
+                                    setQuery(e.target.value);
+                                }, placeholder: "Find", "aria-label": "Find in document", 
+                                // Reserve room for the clear button only while there is a query —
+                                // buys back the pixels the cluster separators cost.
+                                className: `h-7 w-[84px] rounded-[var(--wui-radius-sm)] border border-[var(--wui-border)] bg-[var(--wui-bg)] pl-6 ${query.length > 0 ? 'pr-6' : 'pr-2'} text-[12px] text-[var(--wui-fg)] outline-none transition placeholder:text-[var(--wui-fg-muted)] focus:border-[var(--wui-primary)]` }), query.length > 0 && (_jsx("button", { type: "button", "aria-label": "Clear search", onClick: () => setQuery(''), className: "absolute right-1 top-1/2 grid h-5 w-5 -translate-y-1/2 place-items-center rounded text-[var(--wui-fg-muted)] hover:bg-[var(--wui-bg-subtle)] hover:text-[var(--wui-fg)]", children: _jsx(X, { className: "h-3 w-3", "aria-hidden": true, strokeWidth: 1.75 }) }))] }), _jsx("span", { className: "wui-pdf-sep h-4 w-px shrink-0 bg-[var(--wui-border)]", "aria-hidden": true }), _jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [_jsx("button", { type: "button", "aria-label": "Previous page", disabled: currentPage <= 1, onClick: () => goToPage(currentPage - 1), className: iconBtn, children: _jsx(ChevronUp, { className: "h-3.5 w-3.5", strokeWidth: 1.75 }) }), _jsxs("div", { className: "flex items-center gap-0.5 text-[12px] tabular-nums text-[var(--wui-fg-muted)]", children: [_jsx("input", { type: "text", inputMode: "numeric", value: pageInput, onChange: (e) => setPageInput(e.target.value.replace(/\D/g, '')), onFocus: (e) => {
+                                            setPageInputFocused(true);
+                                            e.target.select();
+                                        }, onBlur: () => {
+                                            setPageInputFocused(false);
+                                            commitPageInput();
+                                        }, onKeyDown: (e) => {
+                                            if (e.key === 'Enter') {
+                                                e.preventDefault();
+                                                e.currentTarget.blur();
+                                            }
+                                            else if (e.key === 'Escape') {
+                                                setPageInput(String(currentPage));
+                                                e.currentTarget.blur();
+                                            }
+                                        }, disabled: numPages === 0, "aria-label": "Go to page", className: "h-7 w-10 rounded-[var(--wui-radius-sm)] border border-[var(--wui-border)] bg-[var(--wui-bg)] text-center text-[12px] tabular-nums text-[var(--wui-fg)] outline-none transition focus:border-[var(--wui-primary)] disabled:opacity-40" }), _jsx("span", { "aria-hidden": true, children: "/" }), _jsx("span", { className: "min-w-[20px] text-center", children: numPages > 0 ? String(numPages) : '—' })] }), _jsx("button", { type: "button", "aria-label": "Next page", disabled: numPages > 0 && currentPage >= numPages, onClick: () => goToPage(currentPage + 1), className: iconBtn, children: _jsx(ChevronDown, { className: "h-3.5 w-3.5", strokeWidth: 1.75 }) })] }), _jsx("span", { className: "wui-pdf-sep h-4 w-px shrink-0 bg-[var(--wui-border)]", "aria-hidden": true }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [_jsx("button", { type: "button", "aria-label": "Zoom out", onClick: () => zoom(-0.1), className: iconBtn, children: _jsx(Minus, { className: "h-3.5 w-3.5", strokeWidth: 1.75 }) }), _jsx("span", { className: "wui-pdf-zoom-pct min-w-[44px] text-center text-[12px] tabular-nums text-[var(--wui-fg-muted)]", children: `${String(scalePct)}%` }), _jsx("button", { type: "button", "aria-label": "Zoom in", onClick: () => zoom(0.1), className: iconBtn, children: _jsx(Plus, { className: "h-3.5 w-3.5", strokeWidth: 1.75 }) }), !hideDownload && (_jsxs(_Fragment, { children: [_jsx("span", { className: "mx-0.5 h-4 w-px bg-[var(--wui-border)]", "aria-hidden": true }), _jsx("a", { href: url, download: name, "aria-label": "Download", className: iconBtn, children: _jsx(Download, { className: "h-3.5 w-3.5", strokeWidth: 1.75 }) })] })), onClose && (_jsxs(_Fragment, { children: [_jsx("span", { className: "mx-0.5 h-4 w-px bg-[var(--wui-border)]", "aria-hidden": true }), _jsx("button", { type: "button", "aria-label": "Close", onClick: onClose, className: iconBtn, children: _jsx(X, { className: "h-4 w-4", "aria-hidden": true, strokeWidth: 1.75 }) })] }))] })] }), _jsxs("div", { className: "flex min-h-0 flex-1", children: [_jsxs("div", { className: "relative min-w-0 flex-1 overflow-hidden", children: [_jsx("div", { ref: containerRef, className: "pdf-host absolute inset-0 overflow-auto bg-[var(--wui-bg-subtle)] [&_.pdfViewer]:min-w-full [&_.pdfViewer_.page]:!mx-auto", children: _jsx("div", { ref: viewerInnerRef, className: "pdfViewer" }) }), loadState === 'loading' && (_jsxs("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center gap-2 text-[13px] text-[var(--wui-fg-muted)]", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin", strokeWidth: 1.75 }), "Loading document\u2026"] })), loadState === 'error' && (_jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-1 px-6 text-center", children: [_jsx("p", { className: "text-[14px] font-medium text-[var(--wui-fg)]", children: "Could not display this file" }), _jsx("p", { className: "text-[12.5px] text-[var(--wui-fg-muted)]", children: loadError })] }))] }), rightSlot] })] }));
+}
+//# sourceMappingURL=PdfView.js.map

package/dist/components/shared/viewers/PdfView.js.map

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

package/dist/layout-engine/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/layout-engine/components.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGzD,OAAO,EAAE,EAAE,EAAE,MAAM,4BAA4B,CAAC;AA+IhD,eAAO,MAAM,gBAAgB,EAAE,QAgD9B,CAAC;AAEF,OAAO,EAAE,EAAE,EAAE,CAAC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/layout-engine/components.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGzD,OAAO,EAAE,EAAE,EAAE,MAAM,4BAA4B,CAAC;AAiMhD,eAAO,MAAM,gBAAgB,EAAE,QAiD9B,CAAC;AAEF,OAAO,EAAE,EAAE,EAAE,CAAC"}

package/dist/layout-engine/components.js

@@ -33,7 +33,13 @@ function ValueView({ value }) {
         if (value.length === 0)
             return _jsx("span", { className: "text-[var(--wui-fg-muted)]", children: "None" });
         if (value.every((v) => !isObj(v) && !Array.isArray(v))) {
-            return _jsx("div", { className: "flex flex-wrap gap-1.5", children: value.map((v, i) => _jsx("span", { className: "rounded-md bg-[color-mix(in_srgb,var(--wui-fg)_6%,transparent)] px-2 py-0.5 text-[12px] text-[var(--wui-fg)]", children: String(v) }, i)) });
+            const items = value.map((v) => String(v));
+            // Short scalars → tag chips; sentence-length strings → a readable bulleted list
+            // (a long sentence stuffed into a chip looks wrong).
+            if (items.every((s) => s.length <= 24)) {
+                return _jsx("div", { className: "flex flex-wrap gap-1.5", children: items.map((s, i) => _jsx("span", { className: "rounded-md bg-[color-mix(in_srgb,var(--wui-fg)_6%,transparent)] px-2 py-0.5 text-[12px] text-[var(--wui-fg)]", children: s }, i)) });
+            }
+            return _jsx("ul", { className: "flex flex-col gap-1.5", children: items.map((s, i) => _jsxs("li", { className: "flex gap-2 text-[13px] leading-relaxed text-[var(--wui-fg)]", children: [_jsx("span", { className: "mt-[7px] h-1 w-1 shrink-0 rounded-full bg-[var(--wui-fg-muted)]" }), s] }, i)) });
         }
         return _jsx("div", { className: "flex flex-col gap-2", children: value.map((v, i) => _jsx("div", { className: "rounded-lg border border-[var(--wui-border)] p-3", children: isObj(v) ? _jsx(KV, { data: v, dense: true }) : _jsx(ValueView, { value: v }) }, i)) });
     }
@@ -75,7 +81,34 @@ function TableView({ data }) {
     if (rows.length === 0)
         return _jsx("div", { className: "text-[13px] italic text-[var(--wui-fg-muted)]", children: "No rows" });
     const cols = [...new Set(rows.flatMap((r) => Object.keys(r)))];
-    return (_jsx("div", { className: "overflow-auto rounded-lg border border-[var(--wui-border)]", children: _jsxs("table", { className: "w-full border-collapse text-[13px]", children: [_jsx("thead", { children: _jsx("tr", { className: "border-b border-[var(--wui-border)] bg-[color-mix(in_srgb,var(--wui-fg)_3%,transparent)]", children: cols.map((c) => _jsx("th", { className: "px-3 py-2 text-left text-[11px] font-semibold uppercase tracking-wide text-[var(--wui-fg-muted)]", children: humanize(c) }, c)) }) }), _jsx("tbody", { children: rows.map((r, i) => (_jsx("tr", { className: "border-b border-[var(--wui-border)] last:border-0", children: cols.map((c) => _jsx("td", { className: "px-3 py-2 align-top text-[var(--wui-fg)]", children: _jsx(ValueView, { value: r[c] }) }, c)) }, i))) })] }) }));
+    // GitHub-style tables — mirrors MarkdownView: rounded bordered frame, filled header,
+    // column gridlines, zebra rows. Kept in sync so config <Table> and markdown tables match.
+    return (_jsx("div", { className: "overflow-x-auto rounded-lg border border-[var(--wui-border)]", children: _jsxs("table", { className: "w-full border-collapse text-[12px] [&_tbody_tr:nth-child(2n)]:bg-[color-mix(in_srgb,var(--wui-fg)_4%,transparent)] [&_tbody_tr:last-child_td]:border-b-0", children: [_jsx("thead", { children: _jsx("tr", { children: cols.map((c) => _jsx("th", { className: "border-b border-[var(--wui-border)] bg-[var(--wui-bg-muted)] px-3 py-2 text-left font-semibold text-[var(--wui-fg)] [&:not(:last-child)]:border-r [&:not(:last-child)]:border-[var(--wui-border)]", children: humanize(c) }, c)) }) }), _jsx("tbody", { children: rows.map((r, i) => (_jsx("tr", { children: cols.map((c) => _jsx("td", { className: "border-b border-[var(--wui-border)] px-3 py-2 align-top text-[var(--wui-fg)] [&:not(:last-child)]:border-r [&:not(:last-child)]:border-[var(--wui-border)]", children: _jsx(ValueView, { value: r[c] }) }, c)) }, i))) })] }) }));
+}
+// ─── Matrix — pivot [{label, values:{col:val}}] into label-rows × value-columns ───
+// For metric/period tables (financials): each row is a metric, columns are the periods
+// (union of the values-object keys). Same GitHub-style frame as Table; numeric cells right-aligned.
+function MatrixView({ data, rowKey, sub, values }) {
+    const rows = Array.isArray(data) ? data.filter(isObj) : [];
+    if (rows.length === 0)
+        return _jsx("div", { className: "text-[13px] italic text-[var(--wui-fg-muted)]", children: "No rows" });
+    const rk = rowKey ?? 'label';
+    const vk = values ?? 'values';
+    const cols = [];
+    for (const r of rows) {
+        const v = r[vk];
+        if (isObj(v))
+            for (const k of Object.keys(v))
+                if (!cols.includes(k))
+                    cols.push(k);
+    }
+    const th = 'border-b border-[var(--wui-border)] bg-[var(--wui-bg-muted)] px-3 py-2 font-semibold text-[var(--wui-fg)] [&:not(:last-child)]:border-r [&:not(:last-child)]:border-[var(--wui-border)]';
+    const td = 'border-b border-[var(--wui-border)] px-3 py-2 align-top [&:not(:last-child)]:border-r [&:not(:last-child)]:border-[var(--wui-border)]';
+    return (_jsx("div", { className: "overflow-x-auto rounded-lg border border-[var(--wui-border)]", children: _jsxs("table", { className: "w-full border-collapse text-[12px] [&_tbody_tr:nth-child(2n)]:bg-[color-mix(in_srgb,var(--wui-fg)_4%,transparent)] [&_tbody_tr:last-child_td]:border-b-0", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: cn(th, 'text-left'), children: humanize(rk) }), cols.map((c) => _jsx("th", { className: cn(th, 'whitespace-nowrap text-right'), children: c }, c))] }) }), _jsx("tbody", { children: rows.map((r, i) => {
+                        const v = isObj(r[vk]) ? r[vk] : {};
+                        const subLabel = sub ? str(r[sub]) : undefined;
+                        return (_jsxs("tr", { children: [_jsxs("td", { className: cn(td, 'text-left'), children: [_jsx("span", { className: "font-medium text-[var(--wui-fg)]", children: str(r[rk]) ?? '' }), subLabel ? _jsx("span", { className: "ml-1.5 text-[11px] text-[var(--wui-fg-muted)]", children: subLabel }) : null] }), cols.map((c) => _jsx("td", { className: cn(td, 'text-right tabular-nums text-[var(--wui-fg)]'), children: _jsx(ValueView, { value: v[c] }) }, c))] }, i));
+                    }) })] }) }));
 }
 // ─── Preview — a document / image with sizing ───
 function PreviewView({ src, height, width }) {
@@ -100,7 +133,7 @@ export const DEFAULT_REGISTRY = {
         render: (p, kids, key) => {
             const cols = num(p['cols']);
             if (cols && cols > 1)
-                return _jsx("div", { className: "grid gap-x-8 gap-y-6", style: { gridTemplateColumns: `repeat(${String(cols)}, minmax(0, 1fr))` }, children: kids }, key);
+                return _jsx("div", { className: "grid gap-x-8 gap-y-2.5", style: { gridTemplateColumns: `repeat(${String(cols)}, minmax(0, 1fr))` }, children: kids }, key);
             return _jsx("div", { className: "flex flex-wrap items-start gap-x-10 gap-y-4", children: kids }, key);
         },
     },
@@ -131,6 +164,7 @@ export const DEFAULT_REGISTRY = {
     Code: { childMode: 'text', render: (p, kids, key) => _jsx(CodeBlock, { lang: str(p['lang']), children: str(p['value']) ?? (typeof kids === 'string' ? kids : '') }, key) },
     Json: { childMode: 'none', render: (p, _k, key) => _jsx(JsonView, { data: p['data'] }, key) },
     Table: { childMode: 'none', render: (p, _k, key) => _jsx(TableView, { data: p['data'] }, key) },
+    Matrix: { childMode: 'none', render: (p, _k, key) => _jsx(MatrixView, { data: p['data'], rowKey: str(p['rowKey']), sub: str(p['sub']), values: str(p['values']) }, key) },
     Preview: { childMode: 'none', render: (p, _k, key) => _jsx(PreviewView, { src: p['src'], height: num(p['height']), width: num(p['width']) }, key) },
 };
 export { cn };