@printwithsynergy/lens-pdf 0.3.0-beta.81

package/dist/components/AnnotationNotesPanel.js

@@ -0,0 +1,235 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { isUnwired, logUnwiredHide, useViewerHost, useViewerServices } from "../host/index.js";
+const cardStyle = {
+    display: "flex",
+    flexDirection: "column",
+    gap: 8,
+    padding: 10,
+    border: "1px solid rgba(255,255,255,0.08)",
+    borderRadius: 8,
+    background: "rgba(255,255,255,0.02)",
+    color: "#e2e8f0",
+};
+const labelStyle = {
+    fontSize: 11,
+    letterSpacing: "0.08em",
+    textTransform: "uppercase",
+    color: "rgba(148,163,184,0.95)",
+    fontWeight: 600,
+};
+const textareaStyle = {
+    width: "100%",
+    minHeight: 72,
+    resize: "vertical",
+    background: "rgba(15, 23, 42, 0.45)",
+    color: "#f8fafc",
+    border: "1px solid rgba(255,255,255,0.14)",
+    borderRadius: 6,
+    padding: "8px 10px",
+    fontSize: 12,
+    lineHeight: 1.45,
+    boxSizing: "border-box",
+};
+const selectStyle = {
+    ...textareaStyle,
+    minHeight: 36,
+    resize: "none",
+};
+export function AnnotationNotesPanel({ refreshKey, storageScopeKey, onJumpToPage, indexedAnnotations = [], selectedAnnotationId: selectedAnnotationIdProp, onSelectedAnnotationIdChange, }) {
+    const { debug } = useViewerHost();
+    const { annotations: annotationService } = useViewerServices();
+    const hidden = isUnwired(annotationService);
+    const [entries, setEntries] = useState([]);
+    const [generalNotes, setGeneralNotes] = useState("");
+    const [selectedAnnotationId, setSelectedAnnotationId] = useState("");
+    const [notesByAnnotationId, setNotesByAnnotationId] = useState({});
+    const storageKey = useMemo(() => `lens-pdf:annotation-notes:${storageScopeKey ?? "default-document"}`, [storageScopeKey]);
+    useEffect(() => {
+        if (hidden) {
+            if (debug)
+                logUnwiredHide("AnnotationNotesPanel", "annotations");
+            return;
+        }
+        let cancelled = false;
+        (async () => {
+            const list = await annotationService.list();
+            if (cancelled)
+                return;
+            const sorted = [...list].sort((a, b) => {
+                if (a.pageNum !== b.pageNum)
+                    return a.pageNum - b.pageNum;
+                return a.updatedAt.localeCompare(b.updatedAt);
+            });
+            setEntries(sorted);
+            setSelectedAnnotationId((prev) => prev && sorted.some((entry) => entry.id === prev)
+                ? prev
+                : (sorted[0]?.id ?? ""));
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [annotationService, hidden, debug, refreshKey]);
+    useEffect(() => {
+        if (typeof window === "undefined")
+            return;
+        try {
+            const raw = window.localStorage.getItem(storageKey);
+            if (!raw)
+                return;
+            const parsed = JSON.parse(raw);
+            setGeneralNotes(parsed.generalNotes ?? "");
+            const migrated = {};
+            for (const [key, value] of Object.entries(parsed.notesByAnnotationId ?? {})) {
+                if (typeof value === "string") {
+                    migrated[key] =
+                        value.trim().length > 0
+                            ? [{ id: `${key}:legacy`, text: value, createdAt: new Date().toISOString() }]
+                            : [];
+                    continue;
+                }
+                if (Array.isArray(value)) {
+                    migrated[key] = value
+                        .filter((v) => {
+                        return (typeof v === "object" &&
+                            v !== null &&
+                            typeof v.id === "string" &&
+                            typeof v.text === "string" &&
+                            typeof v.createdAt === "string");
+                    })
+                        .map((v) => ({ id: v.id, text: v.text, createdAt: v.createdAt }));
+                }
+            }
+            setNotesByAnnotationId(migrated);
+        }
+        catch {
+            // Ignore malformed persisted note payloads.
+        }
+    }, [storageKey]);
+    useEffect(() => {
+        if (typeof window === "undefined")
+            return;
+        const payload = JSON.stringify({
+            generalNotes,
+            notesByAnnotationId,
+        });
+        window.localStorage.setItem(storageKey, payload);
+    }, [storageKey, generalNotes, notesByAnnotationId]);
+    if (hidden)
+        return null;
+    const selectedNotes = selectedAnnotationId
+        ? notesByAnnotationId[selectedAnnotationId] ?? []
+        : [];
+    const targets = indexedAnnotations.length > 0
+        ? indexedAnnotations.map((row) => ({
+            id: `obj-${row.number}`,
+            pageNum: row.pageNum,
+            label: `#${row.number} · ${row.objectType}`,
+        }))
+        : entries.map((entry, idx) => ({
+            id: `entry-${entry.id}`,
+            pageNum: entry.pageNum,
+            label: `#${idx + 1} · Page ${entry.pageNum}`,
+        }));
+    const selectedTarget = targets.find((target) => target.id === selectedAnnotationId) ?? null;
+    useEffect(() => {
+        if (!selectedAnnotationIdProp)
+            return;
+        if (!targets.some((t) => t.id === selectedAnnotationIdProp))
+            return;
+        if (selectedAnnotationId !== selectedAnnotationIdProp) {
+            setSelectedAnnotationId(selectedAnnotationIdProp);
+        }
+    }, [selectedAnnotationIdProp, targets, selectedAnnotationId]);
+    useEffect(() => {
+        if (targets.length === 0) {
+            if (selectedAnnotationId)
+                setSelectedAnnotationId("");
+            return;
+        }
+        if (!selectedAnnotationId || !targets.some((t) => t.id === selectedAnnotationId)) {
+            setSelectedAnnotationId(targets[0].id);
+        }
+    }, [targets, selectedAnnotationId]);
+    useEffect(() => {
+        if (!selectedAnnotationId)
+            return;
+        onSelectedAnnotationIdChange?.(selectedAnnotationId);
+    }, [selectedAnnotationId, onSelectedAnnotationIdChange]);
+    return (_jsxs("div", { style: cardStyle, children: [_jsx("div", { style: labelStyle, children: "General notes" }), _jsx("textarea", { value: generalNotes, onChange: (e) => setGeneralNotes(e.target.value), placeholder: "Overall notes about this proof...", style: textareaStyle }), _jsx("div", { style: labelStyle, children: "Annotation-linked note" }), targets.length === 0 ? (_jsx("div", { style: {
+                    fontSize: 12,
+                    color: "rgba(226,232,240,0.62)",
+                    fontStyle: "italic",
+                }, children: "Add at least one annotation on the page to link notes by number." })) : (_jsxs(_Fragment, { children: [_jsx("select", { value: selectedAnnotationId, onChange: (e) => {
+                            const next = e.target.value;
+                            setSelectedAnnotationId(next);
+                            onSelectedAnnotationIdChange?.(next);
+                        }, style: selectStyle, children: targets.map((target) => (_jsx("option", { value: target.id, children: target.label }, target.id))) }), selectedAnnotationId && selectedTarget && (_jsx("div", { style: { display: "flex", gap: 8 }, children: _jsx("button", { type: "button", style: {
+                                border: "1px solid rgba(96,165,250,0.45)",
+                                background: "transparent",
+                                color: "#93c5fd",
+                                borderRadius: 6,
+                                fontSize: 11,
+                                padding: "4px 8px",
+                                cursor: "pointer",
+                            }, onClick: () => {
+                                onJumpToPage?.(selectedTarget.pageNum);
+                            }, children: "Jump to annotation page" }) })), _jsx("button", { type: "button", style: {
+                            border: "1px solid rgba(134,239,172,0.45)",
+                            background: "transparent",
+                            color: "#86efac",
+                            borderRadius: 6,
+                            fontSize: 11,
+                            padding: "5px 10px",
+                            cursor: "pointer",
+                            alignSelf: "flex-start",
+                        }, onClick: () => {
+                            const key = selectedAnnotationId;
+                            if (!key)
+                                return;
+                            const now = new Date().toISOString();
+                            const id = `${key}:${Date.now()}:${Math.random().toString(36).slice(2, 8)}`;
+                            setNotesByAnnotationId((prev) => ({
+                                ...prev,
+                                [key]: [...(prev[key] ?? []), { id, text: "", createdAt: now }],
+                            }));
+                        }, children: "+ Add linked note" }), selectedNotes.length === 0 ? (_jsx("div", { style: {
+                            fontSize: 12,
+                            color: "rgba(226,232,240,0.62)",
+                            fontStyle: "italic",
+                        }, children: "No linked notes yet for this annotation." })) : (selectedNotes.map((note, idx) => (_jsxs("div", { style: { ...cardStyle, gap: 6 }, children: [_jsxs("div", { style: {
+                                    display: "flex",
+                                    justifyContent: "space-between",
+                                    alignItems: "center",
+                                    fontSize: 11,
+                                    color: "rgba(148,163,184,0.95)",
+                                    fontWeight: 600,
+                                }, children: [_jsxs("span", { children: ["Note ", idx + 1] }), _jsx("button", { type: "button", style: {
+                                            border: "1px solid rgba(251,113,133,0.45)",
+                                            background: "transparent",
+                                            color: "#fda4af",
+                                            borderRadius: 6,
+                                            fontSize: 10,
+                                            padding: "3px 8px",
+                                            cursor: "pointer",
+                                        }, onClick: () => {
+                                            const key = selectedAnnotationId;
+                                            if (!key)
+                                                return;
+                                            setNotesByAnnotationId((prev) => ({
+                                                ...prev,
+                                                [key]: (prev[key] ?? []).filter((n) => n.id !== note.id),
+                                            }));
+                                        }, children: "Remove" })] }), _jsx("textarea", { value: note.text, onChange: (e) => {
+                                    const val = e.target.value;
+                                    const key = selectedAnnotationId;
+                                    if (!key)
+                                        return;
+                                    setNotesByAnnotationId((prev) => ({
+                                        ...prev,
+                                        [key]: (prev[key] ?? []).map((n) => n.id === note.id ? { ...n, text: val } : n),
+                                    }));
+                                }, placeholder: "Note linked to this annotation number...", style: textareaStyle })] }, note.id))))] }))] }));
+}
+//# sourceMappingURL=AnnotationNotesPanel.js.map

package/dist/components/AnnotationNotesPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotationNotesPanel.js","sourceRoot":"","sources":["../../components/AnnotationNotesPanel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAsBtF,MAAM,SAAS,GAAkB;IAC/B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,CAAC;IACN,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,kCAAkC;IAC1C,YAAY,EAAE,CAAC;IACf,UAAU,EAAE,wBAAwB;IACpC,KAAK,EAAE,SAAS;CACjB,CAAC;AAEF,MAAM,UAAU,GAAkB;IAChC,QAAQ,EAAE,EAAE;IACZ,aAAa,EAAE,QAAQ;IACvB,aAAa,EAAE,WAAW;IAC1B,KAAK,EAAE,wBAAwB;IAC/B,UAAU,EAAE,GAAG;CAChB,CAAC;AAEF,MAAM,aAAa,GAAkB;IACnC,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,EAAE;IACb,MAAM,EAAE,UAAU;IAClB,UAAU,EAAE,wBAAwB;IACpC,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,kCAAkC;IAC1C,YAAY,EAAE,CAAC;IACf,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,YAAY;CACxB,CAAC;AAEF,MAAM,WAAW,GAAkB;IACjC,GAAG,aAAa;IAChB,SAAS,EAAE,EAAE;IACb,MAAM,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,UAAU,oBAAoB,CAAC,EACnC,UAAU,EACV,eAAe,EACf,YAAY,EACZ,kBAAkB,GAAG,EAAE,EACvB,oBAAoB,EAAE,wBAAwB,EAC9C,4BAA4B,GACF;IAC1B,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,CAAC;IAClC,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC/D,MAAM,MAAM,GAAG,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC5C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAoB,EAAE,CAAC,CAAC;IAC9D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrD,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC7E,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAE5D,EAAE,CAAC,CAAC;IAEN,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CACH,6BAA6B,eAAe,IAAI,kBAAkB,EAAE,EACtE,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,KAAK;gBAAE,cAAc,CAAC,sBAAsB,EAAE,aAAa,CAAC,CAAC;YACjE,OAAO;QACT,CAAC;QACD,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,CAAC,KAAK,IAAI,EAAE;YACV,MAAM,IAAI,GAAG,MAAM,iBAAiB,CAAC,IAAI,EAAE,CAAC;YAC5C,IAAI,SAAS;gBAAE,OAAO;YACtB,MAAM,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACrC,IAAI,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO;oBAAE,OAAO,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC;gBAC1D,OAAO,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YAChD,CAAC,CAAC,CAAC;YACH,UAAU,CAAC,MAAM,CAAC,CAAC;YACnB,uBAAuB,CAAC,CAAC,IAAI,EAAE,EAAE,CAC/B,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC;gBAC/C,CAAC,CAAC,IAAI;gBACN,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,CAC1B,CAAC;QACJ,CAAC,CAAC,EAAE,CAAC;QACL,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,iBAAiB,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO;QAC1C,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;YACpD,IAAI,CAAC,GAAG;gBAAE,OAAO;YACjB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAM5B,CAAC;YACF,eAAe,CAAC,MAAM,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;YAC3C,MAAM,QAAQ,GAA2C,EAAE,CAAC;YAC5D,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,mBAAmB,IAAI,EAAE,CAAC,EAAE,CAAC;gBAC5E,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;oBAC9B,QAAQ,CAAC,GAAG,CAAC;wBACX,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;4BACrB,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC;4BAC7E,CAAC,CAAC,EAAE,CAAC;oBACT,SAAS;gBACX,CAAC;gBACD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;oBACzB,QAAQ,CAAC,GAAG,CAAC,GAAG,KAAK;yBAClB,MAAM,CAAC,CAAC,CAAC,EAA6B,EAAE;wBACvC,OAAO,CACL,OAAO,CAAC,KAAK,QAAQ;4BACrB,CAAC,KAAK,IAAI;4BACV,OAAQ,CAAsB,CAAC,EAAE,KAAK,QAAQ;4BAC9C,OAAQ,CAAwB,CAAC,IAAI,KAAK,QAAQ;4BAClD,OAAQ,CAA6B,CAAC,SAAS,KAAK,QAAQ,CAC7D,CAAC;oBACJ,CAAC,CAAC;yBACD,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;gBACtE,CAAC;YACH,CAAC;YACD,sBAAsB,CAAC,QAAQ,CAAC,CAAC;QACnC,CAAC;QAAC,MAAM,CAAC;YACP,4CAA4C;QAC9C,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO;QAC1C,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC;YAC7B,YAAY;YACZ,mBAAmB;SACpB,CAAC,CAAC;QACH,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEpD,IAAI,MAAM;QAAE,OAAO,IAAI,CAAC;IAExB,MAAM,aAAa,GAAG,oBAAoB;QACxC,CAAC,CAAC,mBAAmB,CAAC,oBAAoB,CAAC,IAAI,EAAE;QACjD,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,OAAO,GACX,kBAAkB,CAAC,MAAM,GAAG,CAAC;QAC3B,CAAC,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YAC/B,EAAE,EAAE,OAAO,GAAG,CAAC,MAAM,EAAE;YACvB,OAAO,EAAE,GAAG,CAAC,OAAO;YACpB,KAAK,EAAE,IAAI,GAAG,CAAC,MAAM,MAAM,GAAG,CAAC,UAAU,EAAE;SAC5C,CAAC,CAAC;QACL,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;YAC3B,EAAE,EAAE,SAAS,KAAK,CAAC,EAAE,EAAE;YACvB,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,KAAK,EAAE,IAAI,GAAG,GAAG,CAAC,WAAW,KAAK,CAAC,OAAO,EAAE;SAC7C,CAAC,CAAC,CAAC;IAEV,MAAM,cAAc,GAClB,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,oBAAoB,CAAC,IAAI,IAAI,CAAC;IAEvE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,wBAAwB;YAAE,OAAO;QACtC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,wBAAwB,CAAC;YAAE,OAAO;QACpE,IAAI,oBAAoB,KAAK,wBAAwB,EAAE,CAAC;YACtD,uBAAuB,CAAC,wBAAwB,CAAC,CAAC;QACpD,CAAC;IACH,CAAC,EAAE,CAAC,wBAAwB,EAAE,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACzB,IAAI,oBAAoB;gBAAE,uBAAuB,CAAC,EAAE,CAAC,CAAC;YACtD,OAAO;QACT,CAAC;QACD,IAAI,CAAC,oBAAoB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,oBAAoB,CAAC,EAAE,CAAC;YACjF,uBAAuB,CAAC,OAAO,CAAC,CAAC,CAAE,CAAC,EAAE,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,oBAAoB;YAAE,OAAO;QAClC,4BAA4B,EAAE,CAAC,oBAAoB,CAAC,CAAC;IACvD,CAAC,EAAE,CAAC,oBAAoB,EAAE,4BAA4B,CAAC,CAAC,CAAC;IAEzD,OAAO,CACL,eAAK,KAAK,EAAE,SAAS,aACnB,cAAK,KAAK,EAAE,UAAU,8BAAqB,EAC3C,mBACE,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAChD,WAAW,EAAC,mCAAmC,EAC/C,KAAK,EAAE,aAAa,GACpB,EAEF,cAAK,KAAK,EAAE,UAAU,uCAA8B,EACnD,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACtB,cACE,KAAK,EAAE;oBACL,QAAQ,EAAE,EAAE;oBACZ,KAAK,EAAE,wBAAwB;oBAC/B,SAAS,EAAE,QAAQ;iBACpB,iFAGG,CACP,CAAC,CAAC,CAAC,CACF,8BACE,iBACE,KAAK,EAAE,oBAAoB,EAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;4BACd,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;4BAC5B,uBAAuB,CAAC,IAAI,CAAC,CAAC;4BAC9B,4BAA4B,EAAE,CAAC,IAAI,CAAC,CAAC;wBACvC,CAAC,EACD,KAAK,EAAE,WAAW,YAEjB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAAwB,KAAK,EAAE,MAAM,CAAC,EAAE,YACrC,MAAM,CAAC,KAAK,IADF,MAAM,CAAC,EAAE,CAEb,CACV,CAAC,GACK,EACR,oBAAoB,IAAI,cAAc,IAAI,CACzC,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,YACrC,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;gCACL,MAAM,EAAE,iCAAiC;gCACzC,UAAU,EAAE,aAAa;gCACzB,KAAK,EAAE,SAAS;gCAChB,YAAY,EAAE,CAAC;gCACf,QAAQ,EAAE,EAAE;gCACZ,OAAO,EAAE,SAAS;gCAClB,MAAM,EAAE,SAAS;6BAClB,EACD,OAAO,EAAE,GAAG,EAAE;gCACZ,YAAY,EAAE,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;4BACzC,CAAC,wCAGM,GACL,CACP,EACD,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;4BACL,MAAM,EAAE,kCAAkC;4BAC1C,UAAU,EAAE,aAAa;4BACzB,KAAK,EAAE,SAAS;4BAChB,YAAY,EAAE,CAAC;4BACf,QAAQ,EAAE,EAAE;4BACZ,OAAO,EAAE,UAAU;4BACnB,MAAM,EAAE,SAAS;4BACjB,SAAS,EAAE,YAAY;yBACxB,EACD,OAAO,EAAE,GAAG,EAAE;4BACZ,MAAM,GAAG,GAAG,oBAAoB,CAAC;4BACjC,IAAI,CAAC,GAAG;gCAAE,OAAO;4BACjB,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;4BACrC,MAAM,EAAE,GAAG,GAAG,GAAG,IAAI,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;4BAC5E,sBAAsB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gCAChC,GAAG,IAAI;gCACP,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC;6BAChE,CAAC,CAAC,CAAC;wBACN,CAAC,kCAGM,EACR,aAAa,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC5B,cACE,KAAK,EAAE;4BACL,QAAQ,EAAE,EAAE;4BACZ,KAAK,EAAE,wBAAwB;4BAC/B,SAAS,EAAE,QAAQ;yBACpB,yDAGG,CACP,CAAC,CAAC,CAAC,CACF,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAC/B,eAAmB,KAAK,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE,aAChD,eACE,KAAK,EAAE;oCACL,OAAO,EAAE,MAAM;oCACf,cAAc,EAAE,eAAe;oCAC/B,UAAU,EAAE,QAAQ;oCACpB,QAAQ,EAAE,EAAE;oCACZ,KAAK,EAAE,wBAAwB;oCAC/B,UAAU,EAAE,GAAG;iCAChB,aAED,oCAAY,GAAG,GAAG,CAAC,IAAQ,EAC3B,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE;4CACL,MAAM,EAAE,kCAAkC;4CAC1C,UAAU,EAAE,aAAa;4CACzB,KAAK,EAAE,SAAS;4CAChB,YAAY,EAAE,CAAC;4CACf,QAAQ,EAAE,EAAE;4CACZ,OAAO,EAAE,SAAS;4CAClB,MAAM,EAAE,SAAS;yCAClB,EACD,OAAO,EAAE,GAAG,EAAE;4CACZ,MAAM,GAAG,GAAG,oBAAoB,CAAC;4CACjC,IAAI,CAAC,GAAG;gDAAE,OAAO;4CACjB,sBAAsB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gDAChC,GAAG,IAAI;gDACP,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC;6CACzD,CAAC,CAAC,CAAC;wCACN,CAAC,uBAGM,IACL,EACN,mBACE,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oCACd,MAAM,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;oCAC3B,MAAM,GAAG,GAAG,oBAAoB,CAAC;oCACjC,IAAI,CAAC,GAAG;wCAAE,OAAO;oCACjB,sBAAsB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;wCAChC,GAAG,IAAI;wCACP,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CACjC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAC3C;qCACF,CAAC,CAAC,CAAC;gCACN,CAAC,EACD,WAAW,EAAC,0CAA0C,EACtD,KAAK,EAAE,aAAa,GACpB,KAlDM,IAAI,CAAC,EAAE,CAmDX,CACP,CAAC,CACH,IACA,CACJ,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/AnnotationThread.d.ts

@@ -0,0 +1,18 @@
+interface AnnotationThreadProps {
+    jobId: string;
+    currentUserEmail?: string;
+    onJumpToPage?: (pageNum: number) => void;
+    /**
+     * Bumped by the host whenever a fresh annotation has been
+     * persisted by `<AnnotationCanvas>` so the thread re-reads
+     * `annotationService.list()`. With browser-only services this is
+     * the version tick from {@link useBrowserViewerServicesVersion};
+     * with a wired backend hosts can reuse any monotonic counter.
+     */
+    refreshKey?: number;
+    /** Larger type, padding, and 44px-class touch targets — use in mobile drawers. */
+    comfortable?: boolean;
+}
+export declare function AnnotationThread({ jobId: _jobId, currentUserEmail, onJumpToPage, refreshKey, comfortable, }: AnnotationThreadProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=AnnotationThread.d.ts.map

package/dist/components/AnnotationThread.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotationThread.d.ts","sourceRoot":"","sources":["../../components/AnnotationThread.tsx"],"names":[],"mappings":"AAYA,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA+FD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EAAE,MAAM,EACb,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,WAAmB,GACpB,EAAE,qBAAqB,kDA8HvB"}

package/dist/components/AnnotationThread.js

@@ -0,0 +1,163 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { isUnwired, logUnwiredHide, useViewerHost, useViewerServices, } from "../host/index.js";
+const containerStyle = {
+    display: "flex",
+    flexDirection: "column",
+    gap: 8,
+    padding: 10,
+    border: "1px solid rgba(255,255,255,0.08)",
+    borderRadius: 8,
+    background: "rgba(255,255,255,0.02)",
+    fontSize: 12,
+    color: "#e2e8f0",
+};
+const emptyStyle = {
+    ...containerStyle,
+    alignItems: "flex-start",
+    fontSize: 12,
+    fontStyle: "italic",
+    color: "rgba(226,232,240,0.55)",
+};
+const loadingRowStyle = {
+    ...containerStyle,
+    alignItems: "center",
+    flexDirection: "row",
+    gap: 8,
+    fontStyle: "italic",
+    color: "rgba(226,232,240,0.55)",
+};
+const itemStyle = {
+    display: "flex",
+    alignItems: "flex-start",
+    justifyContent: "space-between",
+    gap: 8,
+    padding: 8,
+    borderRadius: 6,
+    border: "1px solid rgba(255,255,255,0.08)",
+    background: "rgba(255,255,255,0.04)",
+};
+const itemBodyStyle = {
+    flex: 1,
+    display: "flex",
+    flexDirection: "column",
+    gap: 2,
+};
+const authorStyle = {
+    fontWeight: 600,
+    color: "#f1f5f9",
+};
+const metaStyle = {
+    fontSize: 11,
+    color: "rgba(148,163,184,0.9)",
+};
+const jumpButtonStyle = {
+    marginTop: 4,
+    background: "transparent",
+    border: 0,
+    padding: 0,
+    color: "#60a5fa",
+    fontSize: 11,
+    cursor: "pointer",
+    textDecoration: "underline",
+    alignSelf: "flex-start",
+};
+const deleteButtonStyle = {
+    flex: "0 0 auto",
+    padding: "2px 6px",
+    fontSize: 11,
+    color: "#fca5a5",
+    background: "transparent",
+    border: "1px solid rgba(248,113,113,0.35)",
+    borderRadius: 4,
+    cursor: "pointer",
+};
+const spinnerStyle = {
+    width: 14,
+    height: 14,
+    borderRadius: "50%",
+    border: "2px solid rgba(255,255,255,0.18)",
+    borderTopColor: "rgba(255,255,255,0.65)",
+    animation: "lens-pdf-annotation-spin 0.85s linear infinite",
+};
+const SPINNER_KEYFRAMES = `@keyframes lens-pdf-annotation-spin {
+  to { transform: rotate(360deg); }
+}`;
+export function AnnotationThread({ jobId: _jobId, currentUserEmail, onJumpToPage, refreshKey, comfortable = false, }) {
+    const { readOnly, debug } = useViewerHost();
+    const { annotations: annotationService } = useViewerServices();
+    const hidden = isUnwired(annotationService);
+    const [annotations, setAnnotations] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const load = useCallback(async () => {
+        try {
+            const data = await annotationService.list();
+            setAnnotations([...data]);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [annotationService]);
+    useEffect(() => {
+        if (hidden) {
+            if (debug)
+                logUnwiredHide("AnnotationThread", "annotations");
+            return;
+        }
+        load();
+    }, [load, hidden, debug, refreshKey]);
+    const handleDelete = useCallback(async (annotationId) => {
+        await annotationService.remove(annotationId);
+        setAnnotations((prev) => prev.filter((a) => a.id !== annotationId));
+    }, [annotationService]);
+    if (hidden)
+        return null;
+    const loadingSx = comfortable
+        ? { ...loadingRowStyle, padding: 16, fontSize: 14 }
+        : loadingRowStyle;
+    const emptySx = comfortable
+        ? {
+            ...emptyStyle,
+            padding: 16,
+            fontSize: 14,
+            lineHeight: 1.5,
+        }
+        : emptyStyle;
+    const listSx = comfortable
+        ? { ...containerStyle, padding: 14, gap: 12, fontSize: 13 }
+        : containerStyle;
+    const rowSx = comfortable
+        ? { ...itemStyle, padding: 14, alignItems: "center" }
+        : itemStyle;
+    const metaSx = comfortable
+        ? { ...metaStyle, fontSize: 12 }
+        : metaStyle;
+    const jumpSx = comfortable
+        ? {
+            ...jumpButtonStyle,
+            minHeight: 44,
+            padding: "10px 0",
+            fontSize: 13,
+        }
+        : jumpButtonStyle;
+    const delSx = comfortable
+        ? {
+            ...deleteButtonStyle,
+            minHeight: 44,
+            minWidth: 44,
+            padding: "10px 14px",
+            fontSize: 13,
+        }
+        : deleteButtonStyle;
+    if (loading) {
+        return (_jsxs(_Fragment, { children: [_jsx("style", { children: SPINNER_KEYFRAMES }), _jsxs("div", { style: loadingSx, children: [_jsx("span", { "aria-hidden": true, style: spinnerStyle }), _jsx("span", { children: "Loading annotations\u2026" })] })] }));
+    }
+    if (annotations.length === 0) {
+        return (_jsx("div", { style: emptySx, children: "No annotations yet. Toggle the annotation tool to start marking up the PDF." }));
+    }
+    return (_jsx("div", { style: listSx, children: annotations.map((a) => (_jsxs("div", { style: rowSx, children: [_jsxs("div", { style: itemBodyStyle, children: [_jsx("div", { style: authorStyle, children: a.authorName ?? a.authorEmail }), _jsxs("div", { style: metaSx, children: ["Page ", a.pageNum, " \u00B7 ", new Date(a.updatedAt).toLocaleString()] }), _jsx("button", { type: "button", onClick: () => onJumpToPage?.(a.pageNum), style: jumpSx, children: "Jump to page" })] }), !readOnly &&
+                    currentUserEmail &&
+                    a.authorEmail === currentUserEmail && (_jsx("button", { type: "button", onClick: () => handleDelete(a.id), style: delSx, title: "Delete annotation", children: "Delete" }))] }, a.id))) }));
+}
+//# sourceMappingURL=AnnotationThread.js.map

package/dist/components/AnnotationThread.js.map

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

package/dist/components/AnnotationToolbar.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Annotation tools the toolbar can put into "active" mode. Each
+ * value maps 1:1 to a render branch in {@link AnnotationCanvas}.
+ *
+ * Pen is listed first so the leftmost tool draws immediately; Select
+ * only affects annotations you've already placed (empty canvas =
+ * nothing to grab — not broken).
+ *
+ * @public
+ */
+export type AnnotationTool = "pointer" | "pen" | "arrow" | "rectangle" | "ellipse" | "text" | "highlight";
+interface AnnotationToolbarProps {
+    activeTool: AnnotationTool;
+    onToolChange: (tool: AnnotationTool) => void;
+    strokeColor: string;
+    onStrokeColorChange: (color: string) => void;
+    onUndo: () => void;
+    onRedo: () => void;
+    canUndo: boolean;
+    canRedo: boolean;
+    saving: boolean;
+    /**
+     * Mobile / touch layout: items wrap onto multiple rows and every
+     * control gets a finger-sized hit target. Defaults to false (desktop
+     * single-row layout with smaller buttons).
+     */
+    compact?: boolean;
+}
+/**
+ * Self-styled annotation toolbar — works in any host with no Tailwind
+ * config required. Shows a visible floating tooltip on hover / focus
+ * (not only the native `title` attribute) so touch and fast users
+ * still discover what each control does.
+ *
+ * @public
+ */
+export declare function AnnotationToolbar({ activeTool, onToolChange, strokeColor, onStrokeColorChange, onUndo, onRedo, canUndo, canRedo, saving, compact, }: AnnotationToolbarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AnnotationToolbar.d.ts.map

package/dist/components/AnnotationToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotationToolbar.d.ts","sourceRoot":"","sources":["../../components/AnnotationToolbar.tsx"],"names":[],"mappings":"AAYA;;;;;;;;;GASG;AACH,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,KAAK,GACL,OAAO,GACP,WAAW,GACX,SAAS,GACT,MAAM,GACN,WAAW,CAAC;AAEhB,UAAU,sBAAsB;IAC9B,UAAU,EAAE,cAAc,CAAC;IAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA6ND;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,YAAY,EACZ,WAAW,EACX,mBAAmB,EACnB,MAAM,EACN,MAAM,EACN,OAAO,EACP,OAAO,EACP,MAAM,EACN,OAAe,GAChB,EAAE,sBAAsB,2CA8MxB"}