@lionrapid/core 0.1.1 → 0.1.3-beta.0

package/dist/browser/editor/inspector.js

@@ -3,6 +3,7 @@
  * Shows overlay on hover, resolves key on click, opens sidebar.
  */
 import { resolveKey } from './key-resolver.js';
+import { parseBlockElement } from '../markup-parser.js';
 const SKIP_TAGS = new Set(['SCRIPT', 'STYLE', 'CODE', 'PRE', 'TEXTAREA', 'NOSCRIPT', 'SVG']);
 const BLOCK_SELECTOR = 'p,h1,h2,h3,h4,h5,h6,li,td,th,label,button,figcaption,dt,dd,summary,caption';
 export class Inspector {
@@ -11,8 +12,16 @@ export class Inspector {
     onSelect;
     rafId = null;
     active = true;
-    constructor(shadowRoot, onSelect) {
+    rootElement;
+    /** When set, clicks resolve keys from this map (snapshot viewer mode)
+     *  instead of re-computing from the (redacted) DOM text. */
+    snapshotKeyMap;
+    constructor(shadowRoot, onSelect, rootElement, snapshotKeyMap) {
         this.onSelect = onSelect;
+        // Default scope is the live document body; snapshot viewer passes a
+        // sandbox wrapper so blocks outside it are ignored.
+        this.rootElement = rootElement || document.body;
+        this.snapshotKeyMap = snapshotKeyMap || null;
         // Create overlay inside shadow DOM
         this.overlay = document.createElement('div');
         this.overlay.className = 'lr-overlay';
@@ -50,6 +59,9 @@ export class Inspector {
         // Skip editor UI elements (inside shadow DOM won't trigger this, but be safe)
         if (target.closest('#__lionrapid-editor'))
             return;
+        // Skip anything outside the scope root (snapshot viewer mode)
+        if (!this.rootElement.contains(target))
+            return;
         // Skip non-translatable elements
         if (this.shouldSkip(target)) {
             this.clearHighlight();
@@ -75,6 +87,9 @@ export class Inspector {
         // Skip editor UI
         if (target.closest('#__lionrapid-editor'))
             return;
+        // Skip anything outside the scope root (snapshot viewer mode)
+        if (!this.rootElement.contains(target))
+            return;
         // Find the block to resolve
         const block = target.closest(BLOCK_SELECTOR) || target.closest('[data-lr-block]');
         if (!block)
@@ -83,6 +98,22 @@ export class Inspector {
             return;
         e.preventDefault();
         e.stopPropagation();
+        // Snapshot viewer mode: look up pre-computed key by data-lr-snap-idx
+        // instead of re-running resolveKey on the redacted text.
+        if (this.snapshotKeyMap) {
+            const idxAttr = block.getAttribute('data-lr-snap-idx');
+            if (idxAttr !== null) {
+                const idx = parseInt(idxAttr, 10);
+                const key = this.snapshotKeyMap.get(idx);
+                if (key) {
+                    const unit = parseBlockElement(block);
+                    this.onSelect({ key, unit, translatedUnit: null, element: block });
+                    return;
+                }
+            }
+            // Block has no snap-idx — not a pre-extracted block, skip
+            return;
+        }
         const resolved = resolveKey(block);
         if (resolved) {
             this.onSelect(resolved);

package/dist/browser/editor/inspector.js.map

@@ -1 +1 @@
-{"version":3,"file":"inspector.js","sourceRoot":"","sources":["../../../src/browser/editor/inspector.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"inspector.js","sourceRoot":"","sources":["../../../src/browser/editor/inspector.ts"],"names":[],"mappings":"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"}

package/dist/browser/editor/snapshot-capture.d.ts

@@ -0,0 +1,57 @@
+/**
+ * Snapshot Capture — Serializes the live DOM with PII redaction.
+ *
+ * Used by the visual editor to let an authenticated admin capture an auth page
+ * so a translator (without credentials) can later translate it against a
+ * frozen copy. The serialized HTML is uploaded to the server and retrieved in
+ * viewer mode (?__lr_snapshot={uuid}) where Inspector + Sidebar boot against
+ * the snapshot root instead of document.body.
+ *
+ * Redaction strategy (block-level; Phase 1):
+ *   - Remove: <script>, <noscript>, <iframe>, <embed>, <object>, editor host
+ *   - Clear all form <input>, <textarea>, <select> values
+ *   - Replace [data-pii] / [data-sensitive] text with [REDACTED]
+ *   - Strip all inline event handlers (onclick, onmouseover, etc.)
+ *   - Replace text nodes that fully match an email/phone/number/URL with [REDACTED]
+ *   - Strip CSRF/CSP meta tags and auth tokens from link/script URLs
+ *
+ * Fine-grained text-node redaction (mid-sentence PII) is deferred to Phase 4.
+ */
+export interface SnapshotTextEntry {
+    /** auto_xxxxxxxxxxxx — 12-char md5 hash, generated BEFORE redaction so it matches the live page */
+    key: string;
+    /** The source tag name (P, H1, LI, etc.) — useful for future analytics */
+    tagName: string;
+    /** Index of this block among all block elements in the snapshot DOM. Used by
+     *  the viewer to map a clicked element back to its pre-computed key without
+     *  re-running BlockExtractor on the redacted text. */
+    blockIndex: number;
+}
+export interface SnapshotViewport {
+    width: number;
+    height: number;
+    devicePixelRatio: number;
+}
+export interface CapturedSnapshot {
+    html: string;
+    textEntries: SnapshotTextEntry[];
+    pageUrl: string;
+    title: string;
+    viewport: SnapshotViewport;
+}
+/**
+ * Capture the current page as a redacted snapshot.
+ *
+ * Pure function — does NOT mutate the live DOM. Clones first, then:
+ *   1. Extracts block keys BEFORE redaction (so auto_keys match the live page)
+ *   2. Redacts the clone (strips PII, scripts, forms, etc.)
+ *   3. Stamps each block element with a data-lr-snap-idx attribute so the
+ *      viewer can map a click back to the pre-computed key
+ *   4. Serializes to HTML
+ *
+ * The textEntries carry pre-computed keys (no source text) and the HTML is
+ * safe to store. The viewer uses textEntries to look up the correct key by
+ * index when the translator clicks a block.
+ */
+export declare function captureSnapshot(): CapturedSnapshot;
+//# sourceMappingURL=snapshot-capture.d.ts.map

package/dist/browser/editor/snapshot-capture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snapshot-capture.d.ts","sourceRoot":"","sources":["../../../src/browser/editor/snapshot-capture.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAOH,MAAM,WAAW,iBAAiB;IAChC,mGAAmG;IACnG,GAAG,EAAE,MAAM,CAAC;IACZ,0EAA0E;IAC1E,OAAO,EAAE,MAAM,CAAC;IAChB;;0DAEsD;IACtD,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,iBAAiB,EAAE,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,gBAAgB,CAAC;CAC5B;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,eAAe,IAAI,gBAAgB,CAqClD"}

package/dist/browser/editor/snapshot-capture.js

@@ -0,0 +1,249 @@
+/**
+ * Snapshot Capture — Serializes the live DOM with PII redaction.
+ *
+ * Used by the visual editor to let an authenticated admin capture an auth page
+ * so a translator (without credentials) can later translate it against a
+ * frozen copy. The serialized HTML is uploaded to the server and retrieved in
+ * viewer mode (?__lr_snapshot={uuid}) where Inspector + Sidebar boot against
+ * the snapshot root instead of document.body.
+ *
+ * Redaction strategy (block-level; Phase 1):
+ *   - Remove: <script>, <noscript>, <iframe>, <embed>, <object>, editor host
+ *   - Clear all form <input>, <textarea>, <select> values
+ *   - Replace [data-pii] / [data-sensitive] text with [REDACTED]
+ *   - Strip all inline event handlers (onclick, onmouseover, etc.)
+ *   - Replace text nodes that fully match an email/phone/number/URL with [REDACTED]
+ *   - Strip CSRF/CSP meta tags and auth tokens from link/script URLs
+ *
+ * Fine-grained text-node redaction (mid-sentence PII) is deferred to Phase 4.
+ */
+import { BlockExtractor } from '../block-extractor.js';
+import { ExcludeFilter } from '../exclude-filter.js';
+const REDACTED = '[REDACTED]';
+/**
+ * Capture the current page as a redacted snapshot.
+ *
+ * Pure function — does NOT mutate the live DOM. Clones first, then:
+ *   1. Extracts block keys BEFORE redaction (so auto_keys match the live page)
+ *   2. Redacts the clone (strips PII, scripts, forms, etc.)
+ *   3. Stamps each block element with a data-lr-snap-idx attribute so the
+ *      viewer can map a click back to the pre-computed key
+ *   4. Serializes to HTML
+ *
+ * The textEntries carry pre-computed keys (no source text) and the HTML is
+ * safe to store. The viewer uses textEntries to look up the correct key by
+ * index when the translator clicks a block.
+ */
+export function captureSnapshot() {
+    // 1. Clone the entire document element.
+    const clone = document.documentElement.cloneNode(true);
+    // 2. Extract blocks BEFORE redaction so keys match the live page.
+    //    The real text is used for md5 hashing, producing the same auto_keys
+    //    the edge proxy / auto-init generates on the live page.
+    const textEntries = extractTextEntries(clone);
+    // 3. Stamp each extracted block with a data attribute linking it to its
+    //    entry index. The viewer uses this to resolve clicks to pre-computed
+    //    keys without re-running BlockExtractor on the redacted text.
+    //    (extractTextEntries stores the element reference so we can stamp it)
+    // 4. Redact the clone. Order: remove dangerous elements first so we don't
+    //    waste time walking their subtrees.
+    removeDangerousElements(clone);
+    clearFormValues(clone);
+    redactSensitiveElements(clone);
+    stripInlineEventHandlers(clone);
+    redactTextNodePII(clone);
+    stripSensitiveMetaAndHeaders(clone);
+    // 5. Serialize.
+    const html = '<!DOCTYPE html>\n' + clone.outerHTML;
+    return {
+        html,
+        textEntries,
+        pageUrl: window.location.href,
+        title: document.title,
+        viewport: {
+            width: window.innerWidth,
+            height: window.innerHeight,
+            devicePixelRatio: window.devicePixelRatio || 1,
+        },
+    };
+}
+/**
+ * Remove elements that should never appear in a snapshot:
+ * - <script>, <noscript>: could re-execute or leak source
+ * - <iframe>, <embed>, <object>: third-party content, likely auth-bound
+ * - #__lionrapid-editor: the editor's own shadow host
+ * - <link rel="prefetch"> / <link rel="preload"> that may leak auth URLs
+ */
+function removeDangerousElements(root) {
+    const selectors = [
+        'script',
+        'noscript',
+        'iframe',
+        'embed',
+        'object',
+        '#__lionrapid-editor',
+        'link[rel="prefetch"]',
+        'link[rel="preload"]',
+        'link[rel="modulepreload"]',
+    ];
+    for (const selector of selectors) {
+        const matches = root.querySelectorAll(selector);
+        for (let i = 0; i < matches.length; i++) {
+            matches[i].remove();
+        }
+    }
+}
+/**
+ * Clear all form field values so no user input leaks.
+ * This covers <input> (all types), <textarea>, and <select>.
+ */
+function clearFormValues(root) {
+    const inputs = root.querySelectorAll('input, textarea, select');
+    for (let i = 0; i < inputs.length; i++) {
+        const el = inputs[i];
+        // Clear live value
+        if ('value' in el)
+            el.value = '';
+        // Clear the serialized attribute — cloneNode copies the attribute,
+        // not the .value property, so we need to touch both.
+        if (el.hasAttribute('value'))
+            el.setAttribute('value', '');
+        // <textarea> content lives in text children, not an attribute
+        if (el.tagName === 'TEXTAREA')
+            el.textContent = '';
+        // Clear option selection on <select>
+        if (el.tagName === 'SELECT') {
+            const options = el.querySelectorAll('option');
+            for (let j = 0; j < options.length; j++) {
+                options[j].selected = false;
+                options[j].removeAttribute('selected');
+            }
+        }
+        // Remove data-* attributes that often hold state
+        const attrs = Array.from(el.attributes);
+        for (const attr of attrs) {
+            if (attr.name.startsWith('data-value') || attr.name === 'data-initial') {
+                el.removeAttribute(attr.name);
+            }
+        }
+    }
+}
+/**
+ * Replace the text content of elements flagged as sensitive with [REDACTED].
+ * Preserves the element itself so layout stays intact.
+ */
+function redactSensitiveElements(root) {
+    const sensitive = root.querySelectorAll('[data-pii], [data-sensitive]');
+    for (let i = 0; i < sensitive.length; i++) {
+        const el = sensitive[i];
+        el.textContent = REDACTED;
+        // Strip all attributes except structural ones so classes/ids still position it.
+        const attrs = Array.from(el.attributes);
+        for (const attr of attrs) {
+            if (attr.name !== 'class' && attr.name !== 'id' && attr.name !== 'style') {
+                el.removeAttribute(attr.name);
+            }
+        }
+    }
+}
+/**
+ * Walk every element and strip any attribute that starts with 'on' (onclick,
+ * onmouseover, onload, etc.). These could re-execute in the viewer.
+ */
+function stripInlineEventHandlers(root) {
+    const walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT);
+    let node = walker.nextNode();
+    while (node) {
+        const attrs = Array.from(node.attributes);
+        for (const attr of attrs) {
+            if (attr.name.toLowerCase().startsWith('on')) {
+                node.removeAttribute(attr.name);
+            }
+        }
+        node = walker.nextNode();
+    }
+}
+/**
+ * Walk text nodes and replace any that WHOLLY match a PII pattern (the entire
+ * trimmed text is an email, phone, URL, or numeric sequence). Mid-sentence
+ * redaction is deferred to Phase 4 (pii-redactor.ts).
+ */
+function redactTextNodePII(root) {
+    const filter = new ExcludeFilter({ emails: true, urls: true, numbers: true, phones: true }, 1);
+    const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);
+    const nodesToRedact = [];
+    let node = walker.nextNode();
+    while (node) {
+        const trimmed = (node.nodeValue || '').trim();
+        // Require at least 5 chars to avoid false positives on things like page
+        // numbers ("1", "23"). ExcludeFilter with minTextLength=1 only flags on
+        // PII pattern match, not length, so length guard lives here.
+        if (trimmed.length >= 5 && filter.shouldExclude(trimmed)) {
+            nodesToRedact.push(node);
+        }
+        node = walker.nextNode();
+    }
+    for (const textNode of nodesToRedact) {
+        textNode.nodeValue = REDACTED;
+    }
+}
+/**
+ * Strip meta tags and link/script URLs that commonly carry auth material.
+ */
+function stripSensitiveMetaAndHeaders(root) {
+    // CSRF / CSP nonces
+    const sensitiveMetas = root.querySelectorAll('meta[name="csrf-token"], meta[name="csp-nonce"], meta[name="csrf-param"], meta[http-equiv="set-cookie"]');
+    for (let i = 0; i < sensitiveMetas.length; i++) {
+        sensitiveMetas[i].remove();
+    }
+    // Strip token-bearing query params from <link> and <a href> URLs
+    const TOKEN_PARAMS = ['token', 'auth', 'access_token', 'session', 'sid', 'key', 'api_key', 'apikey'];
+    const urlElements = root.querySelectorAll('link[href], a[href], img[src]');
+    for (let i = 0; i < urlElements.length; i++) {
+        const el = urlElements[i];
+        const attr = el.tagName === 'IMG' ? 'src' : 'href';
+        const raw = el.getAttribute(attr);
+        if (!raw)
+            continue;
+        try {
+            const url = new URL(raw, window.location.href);
+            let changed = false;
+            for (const param of TOKEN_PARAMS) {
+                if (url.searchParams.has(param)) {
+                    url.searchParams.set(param, REDACTED);
+                    changed = true;
+                }
+            }
+            if (changed)
+                el.setAttribute(attr, url.toString());
+        }
+        catch {
+            // Not a parseable URL (mailto:, tel:, javascript:, etc.) — skip
+        }
+    }
+}
+/**
+ * Run BlockExtractor on the clone BEFORE redaction to produce text entries
+ * with content-hash keys that match the live page. Each extracted block
+ * element is stamped with `data-lr-snap-idx` so the viewer can map a click
+ * back to the pre-computed key without re-running BlockExtractor on the
+ * (now redacted) text.
+ *
+ * No source text is included in the returned entries — only the key, tag
+ * name, and block index — so the entries are safe to store even though
+ * extraction happened before redaction.
+ */
+function extractTextEntries(clone) {
+    const extractor = new BlockExtractor({ emails: true, urls: true, numbers: true, phones: true }, [], 2);
+    const blocks = extractor.extract(clone);
+    return blocks.map((block, index) => {
+        // Stamp the element so the viewer can resolve clicks by data attribute
+        block.element.setAttribute('data-lr-snap-idx', String(index));
+        return {
+            key: block.key,
+            tagName: block.element.tagName,
+            blockIndex: index,
+        };
+    });
+}
+//# sourceMappingURL=snapshot-capture.js.map

package/dist/browser/editor/snapshot-capture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snapshot-capture.js","sourceRoot":"","sources":["../../../src/browser/editor/snapshot-capture.ts"],"names":[],"mappings":"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"}

package/dist/browser/editor/snapshot-viewer.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Snapshot Viewer — Renders a saved snapshot in the current page so the
+ * Inspector + Sidebar can be pointed at it for translation.
+ *
+ * When the editor loads with `?__lr_snapshot={uuid}`, the normal page is
+ * replaced with the snapshot HTML inside a sandbox wrapper:
+ *
+ *   <div id="__lr_snapshot_root">  ← scoped root passed to Inspector
+ *     <html>...snapshot...</html>
+ *   </div>
+ *
+ * Auto-init retranslation is NOT re-run against the snapshot — translations
+ * saved via the sidebar flow through the normal batch endpoint and will
+ * appear on the real auth page on next load.
+ */
+import type { EditorAPI } from './editor-api.js';
+export interface SnapshotViewerResult {
+    /** Scope root to pass to Inspector */
+    root: HTMLElement;
+    /** Snapshot metadata for display in the toolbar / sidebar */
+    pageUrl: string;
+    title: string;
+    /** Pre-computed key map: blockIndex → key. The Inspector uses this to resolve
+     *  clicks without re-running BlockExtractor on the redacted HTML. */
+    keyMap: Map<number, string>;
+}
+/**
+ * Fetch a snapshot from the server and mount it into the current page.
+ * Returns the root element Inspector should scope against.
+ *
+ * On failure (404, network error, deleted snapshot) returns null and displays
+ * a user-visible notice via the caller's notice helper.
+ */
+export declare function activateSnapshotViewer(snapshotUuid: string, api: EditorAPI): Promise<SnapshotViewerResult | null>;
+//# sourceMappingURL=snapshot-viewer.d.ts.map

package/dist/browser/editor/snapshot-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snapshot-viewer.d.ts","sourceRoot":"","sources":["../../../src/browser/editor/snapshot-viewer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGjD,MAAM,WAAW,oBAAoB;IACnC,sCAAsC;IACtC,IAAI,EAAE,WAAW,CAAC;IAClB,6DAA6D;IAC7D,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd;yEACqE;IACrE,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,wBAAsB,sBAAsB,CAC1C,YAAY,EAAE,MAAM,EACpB,GAAG,EAAE,SAAS,GACb,OAAO,CAAC,oBAAoB,GAAG,IAAI,CAAC,CAsEtC"}

package/dist/browser/editor/snapshot-viewer.js

@@ -0,0 +1,90 @@
+/**
+ * Snapshot Viewer — Renders a saved snapshot in the current page so the
+ * Inspector + Sidebar can be pointed at it for translation.
+ *
+ * When the editor loads with `?__lr_snapshot={uuid}`, the normal page is
+ * replaced with the snapshot HTML inside a sandbox wrapper:
+ *
+ *   <div id="__lr_snapshot_root">  ← scoped root passed to Inspector
+ *     <html>...snapshot...</html>
+ *   </div>
+ *
+ * Auto-init retranslation is NOT re-run against the snapshot — translations
+ * saved via the sidebar flow through the normal batch endpoint and will
+ * appear on the real auth page on next load.
+ */
+/**
+ * Fetch a snapshot from the server and mount it into the current page.
+ * Returns the root element Inspector should scope against.
+ *
+ * On failure (404, network error, deleted snapshot) returns null and displays
+ * a user-visible notice via the caller's notice helper.
+ */
+export async function activateSnapshotViewer(snapshotUuid, api) {
+    const snapshot = await api.getSnapshot(snapshotUuid);
+    if (!snapshot)
+        return null;
+    // Replace the entire body with a sandbox wrapper holding the snapshot HTML.
+    // We keep document.head alone so the editor's Shadow DOM host and existing
+    // stylesheets (for rendering) still work.
+    //
+    // The snapshot HTML is a full document (starts with <!DOCTYPE>), so we
+    // parse it with DOMParser and extract the <body> children. The snapshot's
+    // <head> <link> and <style> tags are appended to the real head so the
+    // snapshot renders with its original styles.
+    const parser = new DOMParser();
+    const doc = parser.parseFromString(snapshot.html, 'text/html');
+    // Copy over stylesheets and inline <style> tags from the snapshot head.
+    // We prefix them with a data attribute so the cleanup code can remove them
+    // if the viewer is ever unmounted (out of scope for Phase 1).
+    const snapshotStyles = doc.head.querySelectorAll('link[rel="stylesheet"], style');
+    for (let i = 0; i < snapshotStyles.length; i++) {
+        const clone = snapshotStyles[i].cloneNode(true);
+        clone.setAttribute('data-lr-snapshot-style', '');
+        document.head.appendChild(clone);
+    }
+    // Copy <title> so the tab title reflects the captured page
+    if (snapshot.title) {
+        document.title = `[Snapshot] ${snapshot.title}`;
+    }
+    // Clear the current body content (but preserve the editor's shadow host
+    // if it's already mounted — it's attached to #__lionrapid-editor).
+    const editorHost = document.getElementById('__lionrapid-editor');
+    while (document.body.firstChild) {
+        if (document.body.firstChild === editorHost) {
+            // Skip past the editor host without removing it
+            const next = document.body.firstChild.nextSibling;
+            if (!next)
+                break;
+            document.body.removeChild(next);
+        }
+        else {
+            document.body.removeChild(document.body.firstChild);
+        }
+    }
+    // Build sandbox wrapper and inject snapshot body
+    const root = document.createElement('div');
+    root.id = '__lr_snapshot_root';
+    root.setAttribute('data-lr-snapshot-uuid', snapshotUuid);
+    root.innerHTML = doc.body.innerHTML;
+    // Insert wrapper before the editor host so the editor stays on top
+    if (editorHost && editorHost.parentNode === document.body) {
+        document.body.insertBefore(root, editorHost);
+    }
+    else {
+        document.body.appendChild(root);
+    }
+    // Build key map from textEntries: blockIndex → auto_key
+    const keyMap = new Map();
+    const entries = snapshot.textEntries || [];
+    for (const entry of entries) {
+        keyMap.set(entry.blockIndex, entry.key);
+    }
+    return {
+        root,
+        pageUrl: snapshot.pageUrl,
+        title: snapshot.title,
+        keyMap,
+    };
+}
+//# sourceMappingURL=snapshot-viewer.js.map

package/dist/browser/editor/snapshot-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snapshot-viewer.js","sourceRoot":"","sources":["../../../src/browser/editor/snapshot-viewer.ts"],"names":[],"mappings":"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"}

package/dist/browser/editor/toolbar.d.ts

@@ -5,6 +5,11 @@
  */
 export type OnLanguageChange = (locale: string) => void;
 export type OnExit = () => void;
+export type OnCaptureSnapshot = () => void;
+export interface ToolbarCaptureOptions {
+    /** 'capture' = new snapshot, 'recapture' = overwrite an existing snapshot's version */
+    mode?: 'capture' | 'recapture';
+}
 export declare class Toolbar {
     private el;
     private langBtnEl;
@@ -14,10 +19,11 @@ export declare class Toolbar {
     private currentLocale;
     private onLanguageChange;
     private onExit;
+    private onCaptureSnapshot;
     private dragging;
     private dragOffsetX;
     private dragOffsetY;
-    constructor(shadowRoot: ShadowRoot, languages: string[], currentLocale: string, onLanguageChange: OnLanguageChange, onExit: OnExit);
+    constructor(shadowRoot: ShadowRoot, languages: string[], currentLocale: string, onLanguageChange: OnLanguageChange, onExit: OnExit, onCaptureSnapshot?: OnCaptureSnapshot | null, captureOptions?: ToolbarCaptureOptions);
     toggle(): void;
     updateProgress(translated: number, total: number): void;
     getCurrentLocale(): string;

package/dist/browser/editor/toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/browser/editor/toolbar.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;AACxD,MAAM,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC;AAEhC,qBAAa,OAAO;IAClB,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,SAAS,CAAoB;IACrC,OAAO,CAAC,UAAU,CAAiB;IACnC,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,gBAAgB,CAAmB;IAC3C,OAAO,CAAC,MAAM,CAAS;IAGvB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,WAAW,CAAK;gBAGtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,MAAM,EAAE,EACnB,aAAa,EAAE,MAAM,EACrB,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM;IAkFhB,MAAM,IAAI,IAAI;IAKd,cAAc,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIvD,gBAAgB,IAAI,MAAM;IAI1B,OAAO,IAAI,IAAI;IAMf,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,aAAa;CAQtB"}
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/browser/editor/toolbar.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;AACxD,MAAM,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC;AAChC,MAAM,MAAM,iBAAiB,GAAG,MAAM,IAAI,CAAC;AAE3C,MAAM,WAAW,qBAAqB;IACpC,uFAAuF;IACvF,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CAChC;AAED,qBAAa,OAAO;IAClB,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,SAAS,CAAoB;IACrC,OAAO,CAAC,UAAU,CAAiB;IACnC,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,gBAAgB,CAAmB;IAC3C,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,iBAAiB,CAA2B;IAGpD,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,WAAW,CAAK;gBAGtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,MAAM,EAAE,EACnB,aAAa,EAAE,MAAM,EACrB,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,iBAAiB,GAAE,iBAAiB,GAAG,IAAW,EAClD,cAAc,GAAE,qBAA0B;IAyG5C,MAAM,IAAI,IAAI;IAKd,cAAc,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIvD,gBAAgB,IAAI,MAAM;IAI1B,OAAO,IAAI,IAAI;IAMf,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,aAAa;CAQtB"}

package/dist/browser/editor/toolbar.js

@@ -12,14 +12,17 @@ export class Toolbar {
     currentLocale;
     onLanguageChange;
     onExit;
+    onCaptureSnapshot;
     // Drag state
     dragging = false;
     dragOffsetX = 0;
     dragOffsetY = 0;
-    constructor(shadowRoot, languages, currentLocale, onLanguageChange, onExit) {
+    constructor(shadowRoot, languages, currentLocale, onLanguageChange, onExit, onCaptureSnapshot = null, captureOptions = {}) {
         this.onLanguageChange = onLanguageChange;
         this.onExit = onExit;
+        this.onCaptureSnapshot = onCaptureSnapshot;
         this.currentLocale = currentLocale;
+        const captureMode = captureOptions.mode ?? 'capture';
         this.el = document.createElement('div');
         this.el.className = 'lr-fab';
         // FAB button (always visible)
@@ -70,6 +73,28 @@ export class Toolbar {
         }
         langWrap.appendChild(this.langMenuEl);
         panel.appendChild(langWrap);
+        // Capture Snapshot button (only in capture mode, not viewer mode).
+        // Label/title change when recapture mode is active so the PM knows this
+        // click will overwrite an existing snapshot's version instead of making
+        // a new one.
+        if (this.onCaptureSnapshot) {
+            const captureBtn = document.createElement('button');
+            captureBtn.className = 'lr-fab-snapshot';
+            if (captureMode === 'recapture') {
+                captureBtn.textContent = 'Save re-capture';
+                captureBtn.title = 'Save this page as a new version of the existing snapshot';
+            }
+            else {
+                captureBtn.textContent = 'Capture';
+                captureBtn.title = 'Capture a redacted snapshot of this page for translators';
+            }
+            captureBtn.addEventListener('click', (e) => {
+                e.stopPropagation();
+                if (this.onCaptureSnapshot)
+                    this.onCaptureSnapshot();
+            });
+            panel.appendChild(captureBtn);
+        }
         // Progress
         this.progressEl = document.createElement('span');
         this.progressEl.className = 'lr-fab-progress';