pith-ui 0.0.0-stage → 0.1.0

package/README.md

@@ -1,3 +1,81 @@
-# Temporary Holding Version
+# Pith UI
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Native TypeScript UI building blocks for AI-assisted application development. Choose a complete block, provide typed content and callbacks, and reuse its reviewed layout and interaction rules.
+
+The source is TypeScript and CSS. The package contains compiled ESM, declarations and a separate stylesheet. It uses browser DOM APIs, native controls and system fonts; no UI framework or animation runtime is required.
+
+## Try the components
+
+The [interactive showroom](https://minifish-org.github.io/pith-ui/) groups **design foundations → base components → product blocks → composed pages**. It exposes real controls, theme and state comparisons, CSS-pixel measurements, spacing rulers and motion playback. Showroom data and actions are simulated and labelled accordingly. Automated checks do not substitute for human acceptance.
+
+Run it locally with Node 22.18 or newer:
+
+```sh
+npm ci
+npm run dev
+```
+
+## Use the package
+
+```sh
+npm install --save-exact pith-ui@0.1.0
+```
+
+```ts
+import { createTextEditDialog, setAppearance } from 'pith-ui';
+import 'pith-ui/styles.css';
+
+// Include document.body when dialogs are mounted there.
+setAppearance(document.body, 'system');
+
+const editor = createTextEditDialog({
+  title: 'Edit message',
+  onSubmit: async (text) => {
+    const saved = await saveMessage(text); // Your existing business action.
+    return saved ? { ok: true } : { ok: false, error: 'Save failed. Your edit is retained.' };
+  },
+});
+editor.open({ value: 'Original message' });
+// When this owner is released:
+// editor.destroy();
+```
+
+`saveMessage` is an application callback, not a Pith UI API. [Complete, type-checked examples](https://github.com/minifish-org/pith-ui/blob/main/docs/examples.ts) show how to connect it and clean up ownership.
+
+## What belongs where
+
+| Pith UI | Application |
+|---|---|
+| Visual tokens, component layout, native controls | Branding and business data |
+| Focus, disclosure, menu, local feedback, reading position | HTTP/WebSocket, authentication, persistence |
+| Pending/error presentation and content rendering | Permission, identity and target validation |
+| Sanitized Markdown, code/diff/file/image presentation | File acquisition, native actions, object-URL ownership |
+| Interactive examples and component regression tests | End-to-end product policy and release validation |
+
+The first consumer is Pith Desk. Its existing controllers keep their request, draft, approval and recovery semantics while shared views move into this library.
+
+## Find a block
+
+- **Foundations:** color, typography, spacing, dimensions, borders, surfaces, focus and motion.
+- **Base components:** actions, fields, status, feedback, dialog/menu/popover, form/layout and scrolling.
+- **Product blocks:** navigation, conversation reader, composer/queue, models, tasks/approval, settings/connections, OAuth/MCP, resources, files, branch history and system information.
+- **Pages:** working compositions of those blocks, rather than separate copies of their implementations.
+
+Read the bundled [exact API reference](./API.md), [complete catalog](https://github.com/minifish-org/pith-ui/blob/main/docs/catalog.md), [integration guide](https://github.com/minifish-org/pith-ui/blob/main/docs/guide.md), [AI usage instructions](https://github.com/minifish-org/pith-ui/blob/main/AI.md), [validation guide](https://github.com/minifish-org/pith-ui/blob/main/docs/validation.md) and [release procedure](https://github.com/minifish-org/pith-ui/blob/main/docs/releasing.md).
+
+## Develop and validate
+
+```sh
+npm run check
+npm run build
+npm test
+node scripts/catalog.ts
+node scripts/api-docs.ts --check
+npx --no-install playwright install chromium webkit
+npm run test:browser
+npm run showroom:build
+```
+
+The lockfile fixes tool and dependency versions. All handwritten logic, including new scripts and tests, is TypeScript; JavaScript and declarations are generated build products. The library and showroom build separately, so measurement tools and fixtures do not ship to applications.
+
+Pith UI is licensed under [AGPL-3.0-only](./LICENSE). Runtime dependencies retain their own licenses.

package/dist/composer.d.ts

@@ -0,0 +1,38 @@
+import type { UIBlock } from './core.js';
+export interface PendingMessage {
+    id: string;
+    text: string;
+    mode: string;
+    imageCount?: number;
+}
+export interface PendingMessagesState {
+    items: readonly PendingMessage[];
+    running: boolean;
+    busy: boolean;
+}
+export interface PendingMessagesOptions {
+    container?: HTMLElement;
+    onAction?: (action: 'edit' | 'delete' | 'steer', id: string) => void;
+}
+export declare function createPendingMessages(options?: PendingMessagesOptions): UIBlock<PendingMessagesState>;
+export interface AttachmentItem {
+    id: string;
+    url: string;
+    name: string;
+}
+export declare function createDropFeedback(options: {
+    container: HTMLElement;
+}): UIBlock<{
+    active: boolean;
+    disabled?: boolean;
+}>;
+export interface AttachmentsState {
+    items: readonly AttachmentItem[];
+    disabled?: boolean;
+}
+export declare function createAttachments(options?: {
+    container?: HTMLElement;
+    onRemove?: (id: string) => void;
+    onOpen?: (image: HTMLImageElement) => void;
+}): UIBlock<AttachmentsState>;
+//# sourceMappingURL=composer.d.ts.map

package/dist/composer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composer.d.ts","sourceRoot":"","sources":["../src/composer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGzC,MAAM,WAAW,cAAc;IAAG,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAAE;AAChG,MAAM,WAAW,oBAAoB;IAAG,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,OAAO,CAAC;CAAE;AAC5G,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACtE;AACD,wBAAgB,qBAAqB,CAAC,OAAO,GAAE,sBAA2B,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAuCzG;AAED,MAAM,WAAW,cAAc;IAAG,EAAE,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;CAAE;AAE1E,wBAAgB,kBAAkB,CAAC,OAAO,EAAE;IAAE,SAAS,EAAE,WAAW,CAAA;CAAE,GAAG,OAAO,CAAC;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,CAQxH;AACD,MAAM,WAAW,gBAAgB;IAAG,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAAE;AAC3F,wBAAgB,iBAAiB,CAAC,OAAO,GAAE;IAAE,SAAS,CAAC,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;CAAO,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAuBnL"}

package/dist/composer.js

@@ -0,0 +1,114 @@
+import { escape, icon } from './dom.js';
+export function createPendingMessages(options = {}) {
+    const element = options.container ?? document.createElement('section');
+    element.classList.add('pui-queued-messages');
+    element.setAttribute('aria-label', 'Pending messages');
+    let destroyed = false;
+    const rows = new Map();
+    const heading = document.createElement('div');
+    heading.className = 'pui-section-heading';
+    heading.textContent = 'Pending messages';
+    element.append(heading);
+    const click = (event) => {
+        const button = event.target.closest('[data-queue-action]');
+        if (button && !button.disabled)
+            options.onAction?.(button.dataset.queueAction, button.dataset.queuedMessage);
+    };
+    element.addEventListener('click', click);
+    return { element, update(state) {
+            if (destroyed)
+                return;
+            element.hidden = !state.items.length;
+            const keep = new Set(state.items.map(item => item.id));
+            for (const [key, row] of rows)
+                if (!keep.has(key)) {
+                    row.remove();
+                    rows.delete(key);
+                }
+            let cursor = heading.nextElementSibling;
+            for (const item of state.items) {
+                let row = rows.get(item.id);
+                if (!row) {
+                    row = document.createElement('div');
+                    row.className = 'pui-queued-message';
+                    row.innerHTML = `<span class="pui-queue-badge">Instruction</span><div class="pui-queued-message-content"><span class="pui-queued-message-text"></span><small class="pui-queue-image-count"></small></div><div class="pui-queued-message-actions"><button type="button" class="pui-quiet-icon pui-queue-steer" data-queue-action="steer" title="Steer the current task at its next turn">${icon('steer')}<span>Steer</span></button><button type="button" class="pui-quiet-icon" data-queue-action="edit" aria-label="Edit pending message" title="Edit message">${icon('edit')}</button><button type="button" class="pui-quiet-icon" data-queue-action="delete" aria-label="Delete pending message" title="Delete message">${icon('trash')}</button></div>`;
+                    rows.set(item.id, row);
+                }
+                row.querySelector('.pui-queue-badge').hidden = item.mode !== 'steer';
+                const text = row.querySelector('.pui-queued-message-text');
+                const value = item.text || 'Image attachment';
+                if (text.textContent !== value)
+                    text.textContent = value;
+                text.title = item.text;
+                const count = row.querySelector('.pui-queue-image-count');
+                const label = item.imageCount ? `${item.imageCount} image${item.imageCount === 1 ? '' : 's'}` : '';
+                if (count.textContent !== label)
+                    count.textContent = label;
+                count.hidden = !item.imageCount;
+                for (const button of row.querySelectorAll('[data-queue-action]')) {
+                    button.dataset.queuedMessage = item.id;
+                    button.disabled = state.busy;
+                    if (button.dataset.queueAction === 'steer')
+                        button.hidden = item.mode !== 'follow-up' || !state.running;
+                }
+                if (row !== cursor)
+                    element.insertBefore(row, cursor);
+                cursor = row.nextElementSibling;
+            }
+        }, destroy() { if (destroyed)
+            return; destroyed = true; element.removeEventListener('click', click); rows.clear(); element.replaceChildren(); } };
+}
+export function createDropFeedback(options) {
+    const element = options.container;
+    let destroyed = false;
+    return { element, update(state) {
+            if (destroyed)
+                return;
+            if (state.active && !state.disabled)
+                element.classList.add('pui-drag-images');
+            else
+                element.classList.remove('pui-drag-images');
+        }, destroy() { destroyed = true; element.classList.remove('pui-drag-images'); } };
+}
+export function createAttachments(options = {}) {
+    const element = options.container ?? document.createElement('div');
+    element.classList.add('pui-draft-images');
+    element.setAttribute('aria-label', 'Image attachments');
+    const click = (event) => {
+        const target = event.target;
+        const button = target.closest('[data-remove-image]');
+        if (button && !button.disabled)
+            options.onRemove?.(button.dataset.removeImage);
+        if (target instanceof HTMLImageElement)
+            options.onOpen?.(target);
+    };
+    element.addEventListener('click', click);
+    return { element, update(state) {
+            element.hidden = !state.items.length;
+            const keys = new Set(state.items.map(item => item.id));
+            for (const node of element.querySelectorAll('[data-attachment-id]'))
+                if (!keys.has(node.dataset.attachmentId))
+                    node.remove();
+            for (const item of state.items) {
+                let figure = [...element.children].find(node => node.dataset.attachmentId === item.id);
+                if (!figure) {
+                    figure = document.createElement('figure');
+                    figure.className = 'pui-draft-image';
+                    figure.dataset.attachmentId = item.id;
+                    figure.innerHTML = `<img role="button" tabindex="0" title="Click to enlarge" /><figcaption></figcaption><button type="button" class="pui-remove-image">${icon('close')}</button>`;
+                }
+                const image = figure.querySelector('img');
+                if (image.getAttribute('src') !== item.url)
+                    image.src = item.url;
+                image.alt = item.name;
+                figure.querySelector('figcaption').textContent = item.name;
+                const button = figure.querySelector('button');
+                button.dataset.removeImage = item.id;
+                button.setAttribute('aria-label', 'Remove ' + item.name);
+                button.disabled = !!state.disabled;
+                if (element.children[state.items.indexOf(item)] !== figure)
+                    element.insertBefore(figure, element.children[state.items.indexOf(item)] ?? null);
+            }
+        }, destroy() { element.removeEventListener('click', click); element.replaceChildren(); } };
+}
+//# sourceMappingURL=composer.js.map

package/dist/composer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composer.js","sourceRoot":"","sources":["../src/composer.ts"],"names":[],"mappings":"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","sourcesContent":["import type { UIBlock } from './core.js';\nimport { escape, icon } from './dom.js';\n\nexport interface PendingMessage { id: string; text: string; mode: string; imageCount?: number; }\nexport interface PendingMessagesState { items: readonly PendingMessage[]; running: boolean; busy: boolean; }\nexport interface PendingMessagesOptions {\n  container?: HTMLElement;\n  onAction?: (action: 'edit' | 'delete' | 'steer', id: string) => void;\n}\nexport function createPendingMessages(options: PendingMessagesOptions = {}): UIBlock<PendingMessagesState> {\n  const element = options.container ?? document.createElement('section');\n  element.classList.add('pui-queued-messages'); element.setAttribute('aria-label', 'Pending messages');\n  let destroyed = false;\n  const rows = new Map<string, HTMLElement>();\n  const heading = document.createElement('div'); heading.className = 'pui-section-heading'; heading.textContent = 'Pending messages';\n  element.append(heading);\n  const click = (event: Event) => {\n    const button = (event.target as Element).closest<HTMLButtonElement>('[data-queue-action]');\n    if (button && !button.disabled) options.onAction?.(button.dataset.queueAction as 'edit' | 'delete' | 'steer', button.dataset.queuedMessage!);\n  };\n  element.addEventListener('click', click);\n  return { element, update(state) {\n    if (destroyed) return;\n    element.hidden = !state.items.length;\n    const keep = new Set(state.items.map(item => item.id));\n    for (const [key, row] of rows) if (!keep.has(key)) { row.remove(); rows.delete(key); }\n    let cursor: Element | null = heading.nextElementSibling;\n    for (const item of state.items) {\n      let row = rows.get(item.id);\n      if (!row) {\n        row = document.createElement('div'); row.className = 'pui-queued-message';\n        row.innerHTML = `<span class=\"pui-queue-badge\">Instruction</span><div class=\"pui-queued-message-content\"><span class=\"pui-queued-message-text\"></span><small class=\"pui-queue-image-count\"></small></div><div class=\"pui-queued-message-actions\"><button type=\"button\" class=\"pui-quiet-icon pui-queue-steer\" data-queue-action=\"steer\" title=\"Steer the current task at its next turn\">${icon('steer')}<span>Steer</span></button><button type=\"button\" class=\"pui-quiet-icon\" data-queue-action=\"edit\" aria-label=\"Edit pending message\" title=\"Edit message\">${icon('edit')}</button><button type=\"button\" class=\"pui-quiet-icon\" data-queue-action=\"delete\" aria-label=\"Delete pending message\" title=\"Delete message\">${icon('trash')}</button></div>`;\n        rows.set(item.id, row);\n      }\n      row.querySelector<HTMLElement>('.pui-queue-badge')!.hidden = item.mode !== 'steer';\n      const text = row.querySelector<HTMLElement>('.pui-queued-message-text')!;\n      const value = item.text || 'Image attachment'; if (text.textContent !== value) text.textContent = value; text.title = item.text;\n      const count = row.querySelector<HTMLElement>('.pui-queue-image-count')!;\n      const label = item.imageCount ? `${item.imageCount} image${item.imageCount === 1 ? '' : 's'}` : '';\n      if (count.textContent !== label) count.textContent = label; count.hidden = !item.imageCount;\n      for (const button of row.querySelectorAll<HTMLButtonElement>('[data-queue-action]')) {\n        button.dataset.queuedMessage = item.id; button.disabled = state.busy;\n        if (button.dataset.queueAction === 'steer') button.hidden = item.mode !== 'follow-up' || !state.running;\n      }\n      if (row !== cursor) element.insertBefore(row, cursor);\n      cursor = row.nextElementSibling;\n    }\n  }, destroy() { if (destroyed) return; destroyed = true; element.removeEventListener('click', click); rows.clear(); element.replaceChildren(); } };\n}\n\nexport interface AttachmentItem { id: string; url: string; name: string; }\n\nexport function createDropFeedback(options: { container: HTMLElement }): UIBlock<{ active: boolean; disabled?: boolean }> {\n  const element = options.container;\n  let destroyed = false;\n  return { element, update(state) {\n    if (destroyed) return;\n    if (state.active && !state.disabled) element.classList.add('pui-drag-images');\n    else element.classList.remove('pui-drag-images');\n  }, destroy() { destroyed = true; element.classList.remove('pui-drag-images'); } };\n}\nexport interface AttachmentsState { items: readonly AttachmentItem[]; disabled?: boolean; }\nexport function createAttachments(options: { container?: HTMLElement; onRemove?: (id: string) => void; onOpen?: (image: HTMLImageElement) => void } = {}): UIBlock<AttachmentsState> {\n  const element = options.container ?? document.createElement('div'); element.classList.add('pui-draft-images'); element.setAttribute('aria-label', 'Image attachments');\n  const click = (event: Event) => {\n    const target = event.target as Element;\n    const button = target.closest<HTMLButtonElement>('[data-remove-image]');\n    if (button && !button.disabled) options.onRemove?.(button.dataset.removeImage!);\n    if (target instanceof HTMLImageElement) options.onOpen?.(target);\n  };\n  element.addEventListener('click', click);\n  return { element, update(state) {\n    element.hidden = !state.items.length;\n    const keys = new Set(state.items.map(item => item.id));\n    for (const node of element.querySelectorAll<HTMLElement>('[data-attachment-id]')) if (!keys.has(node.dataset.attachmentId!)) node.remove();\n    for (const item of state.items) {\n      let figure = [...element.children].find(node => (node as HTMLElement).dataset.attachmentId === item.id) as HTMLElement | undefined;\n      if (!figure) { figure = document.createElement('figure'); figure.className = 'pui-draft-image'; figure.dataset.attachmentId = item.id;\n        figure.innerHTML = `<img role=\"button\" tabindex=\"0\" title=\"Click to enlarge\" /><figcaption></figcaption><button type=\"button\" class=\"pui-remove-image\">${icon('close')}</button>`; }\n      const image = figure.querySelector('img')!; if (image.getAttribute('src') !== item.url) image.src = item.url; image.alt = item.name;\n      figure.querySelector('figcaption')!.textContent = item.name;\n      const button = figure.querySelector('button')!; button.dataset.removeImage = item.id; button.setAttribute('aria-label', 'Remove ' + item.name); button.disabled = !!state.disabled;\n      if (element.children[state.items.indexOf(item)] !== figure) element.insertBefore(figure, element.children[state.items.indexOf(item)] ?? null);\n    }\n  }, destroy() { element.removeEventListener('click', click); element.replaceChildren(); } };\n}\n"]}

package/dist/content/conversation-reader.d.ts

@@ -0,0 +1,19 @@
+export interface TextRange {
+    start: number;
+    end: number;
+}
+export declare function findRanges(text: string, query: string): TextRange[];
+export interface ConversationReaderOptions {
+    keyboardTarget?: EventTarget;
+    isKeyboardBlocked?: () => boolean;
+}
+export declare function installConversationReader(scroll: HTMLElement, messages: HTMLElement, bar: HTMLElement, latest: HTMLButtonElement, options?: ConversationReaderOptions): {
+    beforeRender(id: string): void;
+    afterRender(): void;
+    prune(ids: string[]): void;
+    followLatest: () => void;
+    openFind: () => void;
+    closeFind: () => void;
+    destroy(): void;
+};
+//# sourceMappingURL=conversation-reader.d.ts.map

package/dist/content/conversation-reader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-reader.d.ts","sourceRoot":"","sources":["../../src/content/conversation-reader.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IAAG,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE;AAGzD,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,CAInE;AAKD,MAAM,WAAW,yBAAyB;IACxC,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC;CACnC;AAED,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,GAAE,yBAA8B;qBA2LrJ,MAAM,GAAG,IAAI;mBAQf,IAAI;eAYR,MAAM,EAAE,GAAG,IAAI;wBArJH,IAAI;oBAiFR,IAAI;qBAMH,IAAI;eAkEb,IAAI;EAYlB"}

package/dist/content/conversation-reader.js

@@ -0,0 +1,280 @@
+// Literal, case-insensitive matches, with offsets into the original text.
+export function findRanges(text, query) {
+    if (!query)
+        return [];
+    const pattern = new RegExp(query.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'giu');
+    return [...text.matchAll(pattern)].map((match) => ({ start: match.index, end: match.index + match[0].length }));
+}
+export function installConversationReader(scroll, messages, bar, latest, options = {}) {
+    let destroyed = false;
+    const removals = [];
+    function listen(target, type, listener, settings) {
+        target.addEventListener(type, listener, settings);
+        removals.push(() => target.removeEventListener?.(type, listener, settings));
+    }
+    const field = bar.querySelector('input');
+    const count = bar.querySelector('[data-find-count]');
+    const previous = bar.querySelector('[data-find-previous]');
+    const next = bar.querySelector('[data-find-next]');
+    const close = bar.querySelector('[data-find-close]');
+    const positions = new Map();
+    let activeID = '';
+    let matches = [];
+    let selected = -1;
+    let frame = 0;
+    let pendingPosition;
+    let restoring = false;
+    let searchSignature = '';
+    let contentHeight = scroll.scrollHeight;
+    let viewportHeight = scroll.clientHeight;
+    let viewportWidth = scroll.clientWidth;
+    const nearBottom = () => scroll.scrollHeight - scroll.scrollTop - scroll.clientHeight < 80;
+    const layoutChanged = () => contentHeight !== scroll.scrollHeight || viewportHeight !== scroll.clientHeight || viewportWidth !== scroll.clientWidth;
+    function recordLayout() {
+        contentHeight = scroll.scrollHeight;
+        viewportHeight = scroll.clientHeight;
+        viewportWidth = scroll.clientWidth;
+    }
+    function capture(follow = nearBottom()) {
+        const top = scroll.getBoundingClientRect().top;
+        const anchor = [...messages.querySelectorAll('[data-reading-id]')].find((element) => element.getBoundingClientRect().bottom > top);
+        return { top: scroll.scrollTop, follow, anchor: anchor?.dataset.readingId, offset: anchor ? anchor.getBoundingClientRect().top - top : undefined };
+    }
+    function updateLatest() { latest.hidden = !messages.childElementCount || nearBottom(); }
+    function remember() {
+        if (activeID && !restoring && !pendingPosition)
+            positions.set(activeID, capture());
+        recordLayout();
+        updateLatest();
+    }
+    function restore(position) {
+        restoring = true;
+        if (position.follow)
+            scroll.scrollTop = scroll.scrollHeight;
+        else {
+            const anchor = [...messages.querySelectorAll('[data-reading-id]')].find((element) => element.dataset.readingId === position.anchor);
+            scroll.scrollTop = anchor && position.offset !== undefined
+                ? scroll.scrollTop + anchor.getBoundingClientRect().top - scroll.getBoundingClientRect().top - position.offset
+                : position.top;
+        }
+        restoring = false;
+        // Following is user intent. Layout changes (including image decoding) must
+        // not turn it off, or turn a history reader back into a follower.
+        if (activeID)
+            positions.set(activeID, capture(position.follow));
+        recordLayout();
+        updateLatest();
+    }
+    function followLatest() {
+        const position = { top: 0, follow: true };
+        if (pendingPosition)
+            pendingPosition = position;
+        restore(position);
+    }
+    let cachedMatches = new WeakMap();
+    function clearMarks(root = messages) {
+        for (const mark of root.querySelectorAll('mark[data-find-match]'))
+            mark.replaceWith(document.createTextNode(mark.textContent || ''));
+        root.normalize();
+        if (root === messages)
+            cachedMatches = new WeakMap();
+        else
+            cachedMatches.delete(root);
+    }
+    function markMatches() {
+        const previousKey = matches[selected]?.key;
+        matches = [];
+        const query = field.value;
+        if (!bar.hidden && query) {
+            for (const root of messages.querySelectorAll('[data-reading-id]')) {
+                const cached = cachedMatches.get(root);
+                if (cached?.query === query && cached.version === root.dataset.renderVersion) {
+                    matches.push(...cached.matches);
+                    continue;
+                }
+                clearMarks(root);
+                const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, {
+                    acceptNode: (node) => node.parentElement?.closest('button, summary, script, style, [data-find-ignore]') ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT,
+                });
+                const nodes = [];
+                let text = '', block = null;
+                while (walker.nextNode()) {
+                    const node = walker.currentNode;
+                    const parent = node.parentElement?.closest('p, pre, li, h1, h2, h3, h4, h5, h6, .pui-user-text, .pui-system-message') || root;
+                    if (text && parent !== block)
+                        text += '\n';
+                    block = parent;
+                    const start = text.length;
+                    text += node.data;
+                    nodes.push({ node, start, end: text.length });
+                }
+                const ranges = findRanges(text, query);
+                const base = matches.length;
+                matches.push(...ranges.map((range) => ({ key: `${root.dataset.readingId}:${range.start}`, parts: [] })));
+                for (const { node, start, end } of nodes) {
+                    const intersections = ranges.map((range, index) => ({ start: Math.max(start, range.start) - start, end: Math.min(end, range.end) - start, index: base + index })).filter((range) => range.end > range.start);
+                    if (!intersections.length)
+                        continue;
+                    const fragment = document.createDocumentFragment();
+                    let offset = 0;
+                    for (const range of intersections) {
+                        fragment.append(document.createTextNode(node.data.slice(offset, range.start)));
+                        const mark = document.createElement('mark');
+                        mark.dataset.findMatch = String(range.index);
+                        mark.textContent = node.data.slice(range.start, range.end);
+                        matches[range.index].parts.push(mark);
+                        fragment.append(mark);
+                        offset = range.end;
+                    }
+                    fragment.append(document.createTextNode(node.data.slice(offset)));
+                    node.replaceWith(fragment);
+                }
+                cachedMatches.set(root, { query, version: root.dataset.renderVersion, matches: matches.slice(base) });
+            }
+        }
+        else
+            clearMarks();
+        const kept = matches.findIndex((match) => match.key === previousKey);
+        selected = matches.length ? kept >= 0 ? kept : Math.max(0, Math.min(selected, matches.length - 1)) : -1;
+        updateSelection();
+    }
+    function updateSelection() {
+        matches.forEach((match, index) => match.parts.forEach((part) => part.classList.toggle('pui-find-current', index === selected)));
+        count.textContent = field.value ? matches.length ? `${selected + 1} / ${matches.length}` : 'No matches' : '';
+        previous.disabled = next.disabled = !matches.length;
+    }
+    function reveal() {
+        const target = matches[selected]?.parts[0];
+        if (!target)
+            return;
+        for (let parent = target.parentElement; parent && parent !== messages; parent = parent.parentElement)
+            if (parent instanceof HTMLDetailsElement)
+                parent.open = true;
+        scroll.scrollTop += target.getBoundingClientRect().top - scroll.getBoundingClientRect().top - scroll.clientHeight / 3;
+        remember();
+    }
+    function move(direction) {
+        if (!matches.length)
+            return;
+        selected = (selected + direction + matches.length) % matches.length;
+        updateSelection();
+        reveal();
+    }
+    function openFind() {
+        bar.hidden = false;
+        markMatches();
+        field.focus();
+        field.select();
+    }
+    function closeFind() {
+        bar.hidden = true;
+        clearMarks();
+        matches = [];
+        selected = -1;
+        scroll.focus({ preventScroll: true });
+        updateLatest();
+    }
+    listen(field, 'input', () => { selected = -1; matches = []; markMatches(); reveal(); });
+    listen(field, 'keydown', (event) => {
+        if (event.key === 'Enter' && !event.isComposing) {
+            event.preventDefault();
+            move(event.shiftKey ? -1 : 1);
+        }
+    });
+    listen(previous, 'click', () => move(-1));
+    listen(next, 'click', () => move(1));
+    listen(close, 'click', closeFind);
+    listen(options.keyboardTarget || document, 'keydown', (event) => {
+        if (event.isComposing || options.isKeyboardBlocked?.())
+            return;
+        if ((event.metaKey || event.ctrlKey) && !event.altKey && event.key.toLowerCase() === 'f') {
+            event.preventDefault();
+            openFind();
+        }
+        else if (event.key === 'Escape' && !bar.hidden) {
+            event.preventDefault();
+            closeFind();
+        }
+    });
+    listen(latest, 'click', followLatest);
+    listen(scroll, 'scroll', () => {
+        if (restoring || pendingPosition)
+            return;
+        const saved = positions.get(activeID);
+        // A resize can clamp scrollTop and dispatch a scroll before ResizeObserver.
+        // Only scrolling within a stable layout changes the following preference.
+        if (saved && layoutChanged())
+            restore(saved);
+        else if (!saved || Math.abs(scroll.scrollTop - saved.top) > 1)
+            remember();
+        else
+            updateLatest();
+    }, { passive: true });
+    // Async image decoding and resizing must not displace an existing anchor.
+    const observer = new ResizeObserver(() => {
+        if (destroyed)
+            return;
+        if (!pendingPosition && activeID) {
+            const saved = positions.get(activeID);
+            if (saved)
+                restore(saved);
+        }
+        updateLatest();
+    });
+    observer.observe(messages);
+    observer.observe(scroll);
+    return {
+        beforeRender(id) {
+            if (destroyed)
+                return;
+            if (activeID && !positions.has(activeID))
+                positions.set(activeID, capture());
+            pendingPosition = id === activeID ? pendingPosition || positions.get(activeID) || capture() : positions.get(id) || { top: 0, follow: true };
+            if (id !== activeID) {
+                selected = -1;
+                matches = [];
+                searchSignature = '';
+            }
+            activeID = id;
+            cancelAnimationFrame(frame);
+        },
+        afterRender() {
+            if (destroyed)
+                return;
+            const signature = messages.innerHTML;
+            if (!bar.hidden && signature !== searchSignature) {
+                markMatches();
+                searchSignature = messages.innerHTML;
+            }
+            frame = requestAnimationFrame(() => {
+                if (destroyed)
+                    return;
+                const position = pendingPosition;
+                pendingPosition = undefined;
+                if (position)
+                    restore(position);
+                else
+                    updateLatest();
+            });
+        },
+        prune(ids) { const keep = new Set(ids); for (const id of positions.keys())
+            if (!keep.has(id))
+                positions.delete(id); },
+        followLatest,
+        openFind,
+        closeFind,
+        destroy() {
+            if (destroyed)
+                return;
+            destroyed = true;
+            cancelAnimationFrame(frame);
+            observer.disconnect();
+            removals.splice(0).forEach((remove) => remove());
+            clearMarks();
+            positions.clear();
+            matches = [];
+            pendingPosition = undefined;
+        },
+    };
+}
+//# sourceMappingURL=conversation-reader.js.map

package/dist/content/conversation-reader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-reader.js","sourceRoot":"","sources":["../../src/content/conversation-reader.ts"],"names":[],"mappings":"AAEA,0EAA0E;AAC1E,MAAM,UAAU,UAAU,CAAC,IAAY,EAAE,KAAa;IACpD,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAC;IACtB,MAAM,OAAO,GAAG,IAAI,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC;IAChF,OAAO,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAM,EAAE,GAAG,EAAE,KAAK,CAAC,KAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;AACpH,CAAC;AAUD,MAAM,UAAU,yBAAyB,CAAC,MAAmB,EAAE,QAAqB,EAAE,GAAgB,EAAE,MAAyB,EAAE,UAAqC,EAAE;IACxK,IAAI,SAAS,GAAG,KAAK,CAAC;IACtB,MAAM,QAAQ,GAAsB,EAAE,CAAC;IACvC,SAAS,MAAM,CAAkB,MAAmB,EAAE,IAAY,EAAE,QAA4B,EAAE,QAAkC;QAClI,MAAM,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAyB,EAAE,QAAQ,CAAC,CAAC;QACnE,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,EAAE,CAAC,IAAI,EAAE,QAAyB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC/F,CAAC;IACD,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAmB,OAAO,CAAE,CAAC;IAC5D,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAc,mBAAmB,CAAE,CAAC;IACnE,MAAM,QAAQ,GAAG,GAAG,CAAC,aAAa,CAAoB,sBAAsB,CAAE,CAAC;IAC/E,MAAM,IAAI,GAAG,GAAG,CAAC,aAAa,CAAoB,kBAAkB,CAAE,CAAC;IACvE,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAoB,mBAAmB,CAAE,CAAC;IACzE,MAAM,SAAS,GAAG,IAAI,GAAG,EAA2B,CAAC;IACrD,IAAI,QAAQ,GAAG,EAAE,CAAC;IAClB,IAAI,OAAO,GAAY,EAAE,CAAC;IAC1B,IAAI,QAAQ,GAAG,CAAC,CAAC,CAAC;IAClB,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,eAA4C,CAAC;IACjD,IAAI,SAAS,GAAG,KAAK,CAAC;IACtB,IAAI,eAAe,GAAG,EAAE,CAAC;IACzB,IAAI,aAAa,GAAG,MAAM,CAAC,YAAY,CAAC;IACxC,IAAI,cAAc,GAAG,MAAM,CAAC,YAAY,CAAC;IACzC,IAAI,aAAa,GAAG,MAAM,CAAC,WAAW,CAAC;IAEvC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,GAAG,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,YAAY,GAAG,EAAE,CAAC;IAC3F,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,aAAa,KAAK,MAAM,CAAC,YAAY,IAAI,cAAc,KAAK,MAAM,CAAC,YAAY,IAAI,aAAa,KAAK,MAAM,CAAC,WAAW,CAAC;IACpJ,SAAS,YAAY;QACnB,aAAa,GAAG,MAAM,CAAC,YAAY,CAAC;QACpC,cAAc,GAAG,MAAM,CAAC,YAAY,CAAC;QACrC,aAAa,GAAG,MAAM,CAAC,WAAW,CAAC;IACrC,CAAC;IACD,SAAS,OAAO,CAAC,MAAM,GAAG,UAAU,EAAE;QACpC,MAAM,GAAG,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC;QAC/C,MAAM,MAAM,GAAG,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAc,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC;QAChJ,OAAO,EAAE,GAAG,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;IACrJ,CAAC;IACD,SAAS,YAAY,KAAW,MAAM,CAAC,MAAM,GAAG,CAAC,QAAQ,CAAC,iBAAiB,IAAI,UAAU,EAAE,CAAC,CAAC,CAAC;IAC9F,SAAS,QAAQ;QACf,IAAI,QAAQ,IAAI,CAAC,SAAS,IAAI,CAAC,eAAe;YAAE,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;QACnF,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,CAAC;IACjB,CAAC;IACD,SAAS,OAAO,CAAC,QAAyB;QACxC,SAAS,GAAG,IAAI,CAAC;QACjB,IAAI,QAAQ,CAAC,MAAM;YAAE,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC;aACvD,CAAC;YACJ,MAAM,MAAM,GAAG,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAc,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,KAAK,QAAQ,CAAC,MAAM,CAAC,CAAC;YACjJ,MAAM,CAAC,SAAS,GAAG,MAAM,IAAI,QAAQ,CAAC,MAAM,KAAK,SAAS;gBACxD,CAAC,CAAC,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,QAAQ,CAAC,MAAM;gBAC9G,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC;QACnB,CAAC;QACD,SAAS,GAAG,KAAK,CAAC;QAClB,2EAA2E;QAC3E,kEAAkE;QAClE,IAAI,QAAQ;YAAE,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;QAChE,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,CAAC;IACjB,CAAC;IACD,SAAS,YAAY;QACnB,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;QAC1C,IAAI,eAAe;YAAE,eAAe,GAAG,QAAQ,CAAC;QAChD,OAAO,CAAC,QAAQ,CAAC,CAAC;IACpB,CAAC;IAED,IAAI,aAAa,GAAG,IAAI,OAAO,EAA6E,CAAC;IAC7G,SAAS,UAAU,CAAC,OAAoB,QAAQ;QAC9C,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,gBAAgB,CAAC,uBAAuB,CAAC;YAAE,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,CAAC;QACrI,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,IAAI,IAAI,KAAK,QAAQ;YAAE,aAAa,GAAG,IAAI,OAAO,EAAE,CAAC;;YAChD,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC;IACD,SAAS,WAAW;QAClB,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC;QAC3C,OAAO,GAAG,EAAE,CAAC;QACb,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QAC1B,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,KAAK,EAAE,CAAC;YACzB,KAAK,MAAM,IAAI,IAAI,QAAQ,CAAC,gBAAgB,CAAc,mBAAmB,CAAC,EAAE,CAAC;gBAC/E,MAAM,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBACvC,IAAI,MAAM,EAAE,KAAK,KAAK,KAAK,IAAI,MAAM,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;oBAAC,OAAO,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;oBAAC,SAAS;gBAAC,CAAC;gBAC5H,UAAU,CAAC,IAAI,CAAC,CAAC;gBACjB,MAAM,MAAM,GAAG,QAAQ,CAAC,gBAAgB,CAAC,IAAI,EAAE,UAAU,CAAC,SAAS,EAAE;oBACnE,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,oDAAoD,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,aAAa;iBAC9J,CAAC,CAAC;gBACH,MAAM,KAAK,GAAiD,EAAE,CAAC;gBAC/D,IAAI,IAAI,GAAG,EAAE,EAAE,KAAK,GAAmB,IAAI,CAAC;gBAC5C,OAAO,MAAM,CAAC,QAAQ,EAAE,EAAE,CAAC;oBACzB,MAAM,IAAI,GAAG,MAAM,CAAC,WAAmB,CAAC;oBACxC,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,yEAAyE,CAAC,IAAI,IAAI,CAAC;oBAC9H,IAAI,IAAI,IAAI,MAAM,KAAK,KAAK;wBAAE,IAAI,IAAI,IAAI,CAAC;oBAC3C,KAAK,GAAG,MAAM,CAAC;oBACf,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;oBAC1B,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC;oBAClB,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;gBAChD,CAAC;gBACD,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gBACvC,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC;gBAC5B,OAAO,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;gBACzG,KAAK,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,KAAK,EAAE,CAAC;oBACzC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,EAAE,KAAK,EAAE,IAAI,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;oBAC7M,IAAI,CAAC,aAAa,CAAC,MAAM;wBAAE,SAAS;oBACpC,MAAM,QAAQ,GAAG,QAAQ,CAAC,sBAAsB,EAAE,CAAC;oBACnD,IAAI,MAAM,GAAG,CAAC,CAAC;oBACf,KAAK,MAAM,KAAK,IAAI,aAAa,EAAE,CAAC;wBAClC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;wBAC/E,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;wBAC5C,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;wBAC7C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;wBAC3D,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;wBACtC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;wBACtB,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC;oBACrB,CAAC;oBACD,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAClE,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;gBAC7B,CAAC;gBACD,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACxG,CAAC;QACH,CAAC;;YAAM,UAAU,EAAE,CAAC;QACpB,MAAM,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,WAAW,CAAC,CAAC;QACrE,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxG,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,SAAS,eAAe;QACtB,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,EAAE,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC;QAChI,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,CAAC,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7G,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC;IACtD,CAAC;IACD,SAAS,MAAM;QACb,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;QAC3C,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,KAAK,IAAI,MAAM,GAAG,MAAM,CAAC,aAAa,EAAE,MAAM,IAAI,MAAM,KAAK,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC,aAAa;YAAE,IAAI,MAAM,YAAY,kBAAkB;gBAAE,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;QACnK,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,YAAY,GAAG,CAAC,CAAC;QACtH,QAAQ,EAAE,CAAC;IACb,CAAC;IACD,SAAS,IAAI,CAAC,SAAiB;QAC7B,IAAI,CAAC,OAAO,CAAC,MAAM;YAAE,OAAO;QAC5B,QAAQ,GAAG,CAAC,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC;QACpE,eAAe,EAAE,CAAC;QAClB,MAAM,EAAE,CAAC;IACX,CAAC;IACD,SAAS,QAAQ;QACf,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC;QACnB,WAAW,EAAE,CAAC;QACd,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,KAAK,CAAC,MAAM,EAAE,CAAC;IACjB,CAAC;IACD,SAAS,SAAS;QAChB,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC;QAClB,UAAU,EAAE,CAAC;QACb,OAAO,GAAG,EAAE,CAAC;QACb,QAAQ,GAAG,CAAC,CAAC,CAAC;QACd,MAAM,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;QACtC,YAAY,EAAE,CAAC;IACjB,CAAC;IACD,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACxF,MAAM,CAAgB,KAAK,EAAE,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;QAChD,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;YAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,CAAC;IAC7G,CAAC,CAAC,CAAC;IACH,MAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACrC,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAClC,MAAM,CAAgB,OAAO,CAAC,cAAc,IAAI,QAAQ,EAAE,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;QAC7E,IAAI,KAAK,CAAC,WAAW,IAAI,OAAO,CAAC,iBAAiB,EAAE,EAAE;YAAE,OAAO;QAC/D,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,GAAG,EAAE,CAAC;YAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YAAC,QAAQ,EAAE,CAAC;QAAC,CAAC;aAC5H,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;YAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YAAC,SAAS,EAAE,CAAC;QAAC,CAAC;IAC1F,CAAC,CAAC,CAAC;IACH,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC;IACtC,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE;QAC5B,IAAI,SAAS,IAAI,eAAe;YAAE,OAAO;QACzC,MAAM,KAAK,GAAG,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QACtC,4EAA4E;QAC5E,0EAA0E;QAC1E,IAAI,KAAK,IAAI,aAAa,EAAE;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;aACxC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;YAAE,QAAQ,EAAE,CAAC;;YACrE,YAAY,EAAE,CAAC;IACtB,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACtB,0EAA0E;IAC1E,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;QACvC,IAAI,SAAS;YAAE,OAAO;QACtB,IAAI,CAAC,eAAe,IAAI,QAAQ,EAAE,CAAC;YACjC,MAAM,KAAK,GAAG,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YACtC,IAAI,KAAK;gBAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;QACD,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACzB,OAAO;QACL,YAAY,CAAC,EAAU;YACrB,IAAI,SAAS;gBAAE,OAAO;YACtB,IAAI,QAAQ,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;gBAAE,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;YAC7E,eAAe,GAAG,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAe,IAAI,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;YAC5I,IAAI,EAAE,KAAK,QAAQ,EAAE,CAAC;gBAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;gBAAC,OAAO,GAAG,EAAE,CAAC;gBAAC,eAAe,GAAG,EAAE,CAAC;YAAC,CAAC;YAC3E,QAAQ,GAAG,EAAE,CAAC;YACd,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;QACD,WAAW;YACT,IAAI,SAAS;gBAAE,OAAO;YACtB,MAAM,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC;YACrC,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,SAAS,KAAK,eAAe,EAAE,CAAC;gBAAC,WAAW,EAAE,CAAC;gBAAC,eAAe,GAAG,QAAQ,CAAC,SAAS,CAAC;YAAC,CAAC;YAC1G,KAAK,GAAG,qBAAqB,CAAC,GAAG,EAAE;gBACjC,IAAI,SAAS;oBAAE,OAAO;gBACtB,MAAM,QAAQ,GAAG,eAAe,CAAC;gBACjC,eAAe,GAAG,SAAS,CAAC;gBAC5B,IAAI,QAAQ;oBAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;;oBAC3B,YAAY,EAAE,CAAC;YACtB,CAAC,CAAC,CAAC;QACL,CAAC;QACD,KAAK,CAAC,GAAa,IAAU,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,MAAM,EAAE,IAAI,SAAS,CAAC,IAAI,EAAE;YAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;gBAAE,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QACrI,YAAY;QACZ,QAAQ;QACR,SAAS;QACT,OAAO;YACL,IAAI,SAAS;gBAAE,OAAO;YACtB,SAAS,GAAG,IAAI,CAAC;YACjB,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC5B,QAAQ,CAAC,UAAU,EAAE,CAAC;YACtB,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;YACjD,UAAU,EAAE,CAAC;YACb,SAAS,CAAC,KAAK,EAAE,CAAC;YAClB,OAAO,GAAG,EAAE,CAAC;YACb,eAAe,GAAG,SAAS,CAAC;QAC9B,CAAC;KACF,CAAC;AACJ,CAAC","sourcesContent":["export interface TextRange { start: number; end: number }\n\n// Literal, case-insensitive matches, with offsets into the original text.\nexport function findRanges(text: string, query: string): TextRange[] {\n  if (!query) return [];\n  const pattern = new RegExp(query.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&'), 'giu');\n  return [...text.matchAll(pattern)].map((match) => ({ start: match.index!, end: match.index! + match[0].length }));\n}\n\ninterface ReadingPosition { top: number; follow: boolean; anchor?: string; offset?: number }\ninterface Match { key: string; parts: HTMLElement[] }\n\nexport interface ConversationReaderOptions {\n  keyboardTarget?: EventTarget;\n  isKeyboardBlocked?: () => boolean;\n}\n\nexport function installConversationReader(scroll: HTMLElement, messages: HTMLElement, bar: HTMLElement, latest: HTMLButtonElement, options: ConversationReaderOptions = {}) {\n  let destroyed = false;\n  const removals: Array<() => void> = [];\n  function listen<T extends Event>(target: EventTarget, type: string, listener: (event: T) => void, settings?: AddEventListenerOptions): void {\n    target.addEventListener(type, listener as EventListener, settings);\n    removals.push(() => target.removeEventListener?.(type, listener as EventListener, settings));\n  }\n  const field = bar.querySelector<HTMLInputElement>('input')!;\n  const count = bar.querySelector<HTMLElement>('[data-find-count]')!;\n  const previous = bar.querySelector<HTMLButtonElement>('[data-find-previous]')!;\n  const next = bar.querySelector<HTMLButtonElement>('[data-find-next]')!;\n  const close = bar.querySelector<HTMLButtonElement>('[data-find-close]')!;\n  const positions = new Map<string, ReadingPosition>();\n  let activeID = '';\n  let matches: Match[] = [];\n  let selected = -1;\n  let frame = 0;\n  let pendingPosition: ReadingPosition | undefined;\n  let restoring = false;\n  let searchSignature = '';\n  let contentHeight = scroll.scrollHeight;\n  let viewportHeight = scroll.clientHeight;\n  let viewportWidth = scroll.clientWidth;\n\n  const nearBottom = () => scroll.scrollHeight - scroll.scrollTop - scroll.clientHeight < 80;\n  const layoutChanged = () => contentHeight !== scroll.scrollHeight || viewportHeight !== scroll.clientHeight || viewportWidth !== scroll.clientWidth;\n  function recordLayout(): void {\n    contentHeight = scroll.scrollHeight;\n    viewportHeight = scroll.clientHeight;\n    viewportWidth = scroll.clientWidth;\n  }\n  function capture(follow = nearBottom()): ReadingPosition {\n    const top = scroll.getBoundingClientRect().top;\n    const anchor = [...messages.querySelectorAll<HTMLElement>('[data-reading-id]')].find((element) => element.getBoundingClientRect().bottom > top);\n    return { top: scroll.scrollTop, follow, anchor: anchor?.dataset.readingId, offset: anchor ? anchor.getBoundingClientRect().top - top : undefined };\n  }\n  function updateLatest(): void { latest.hidden = !messages.childElementCount || nearBottom(); }\n  function remember(): void {\n    if (activeID && !restoring && !pendingPosition) positions.set(activeID, capture());\n    recordLayout();\n    updateLatest();\n  }\n  function restore(position: ReadingPosition): void {\n    restoring = true;\n    if (position.follow) scroll.scrollTop = scroll.scrollHeight;\n    else {\n      const anchor = [...messages.querySelectorAll<HTMLElement>('[data-reading-id]')].find((element) => element.dataset.readingId === position.anchor);\n      scroll.scrollTop = anchor && position.offset !== undefined\n        ? scroll.scrollTop + anchor.getBoundingClientRect().top - scroll.getBoundingClientRect().top - position.offset\n        : position.top;\n    }\n    restoring = false;\n    // Following is user intent. Layout changes (including image decoding) must\n    // not turn it off, or turn a history reader back into a follower.\n    if (activeID) positions.set(activeID, capture(position.follow));\n    recordLayout();\n    updateLatest();\n  }\n  function followLatest(): void {\n    const position = { top: 0, follow: true };\n    if (pendingPosition) pendingPosition = position;\n    restore(position);\n  }\n\n  let cachedMatches = new WeakMap<HTMLElement, { query: string; version?: string; matches: typeof matches }>();\n  function clearMarks(root: HTMLElement = messages): void {\n    for (const mark of root.querySelectorAll('mark[data-find-match]')) mark.replaceWith(document.createTextNode(mark.textContent || ''));\n    root.normalize();\n    if (root === messages) cachedMatches = new WeakMap();\n    else cachedMatches.delete(root);\n  }\n  function markMatches(): void {\n    const previousKey = matches[selected]?.key;\n    matches = [];\n    const query = field.value;\n    if (!bar.hidden && query) {\n      for (const root of messages.querySelectorAll<HTMLElement>('[data-reading-id]')) {\n        const cached = cachedMatches.get(root);\n        if (cached?.query === query && cached.version === root.dataset.renderVersion) { matches.push(...cached.matches); continue; }\n        clearMarks(root);\n        const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, {\n          acceptNode: (node) => node.parentElement?.closest('button, summary, script, style, [data-find-ignore]') ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT,\n        });\n        const nodes: { node: Text; start: number; end: number }[] = [];\n        let text = '', block: Element | null = null;\n        while (walker.nextNode()) {\n          const node = walker.currentNode as Text;\n          const parent = node.parentElement?.closest('p, pre, li, h1, h2, h3, h4, h5, h6, .pui-user-text, .pui-system-message') || root;\n          if (text && parent !== block) text += '\\n';\n          block = parent;\n          const start = text.length;\n          text += node.data;\n          nodes.push({ node, start, end: text.length });\n        }\n        const ranges = findRanges(text, query);\n        const base = matches.length;\n        matches.push(...ranges.map((range) => ({ key: `${root.dataset.readingId}:${range.start}`, parts: [] })));\n        for (const { node, start, end } of nodes) {\n          const intersections = ranges.map((range, index) => ({ start: Math.max(start, range.start) - start, end: Math.min(end, range.end) - start, index: base + index })).filter((range) => range.end > range.start);\n          if (!intersections.length) continue;\n          const fragment = document.createDocumentFragment();\n          let offset = 0;\n          for (const range of intersections) {\n            fragment.append(document.createTextNode(node.data.slice(offset, range.start)));\n            const mark = document.createElement('mark');\n            mark.dataset.findMatch = String(range.index);\n            mark.textContent = node.data.slice(range.start, range.end);\n            matches[range.index].parts.push(mark);\n            fragment.append(mark);\n            offset = range.end;\n          }\n          fragment.append(document.createTextNode(node.data.slice(offset)));\n          node.replaceWith(fragment);\n        }\n        cachedMatches.set(root, { query, version: root.dataset.renderVersion, matches: matches.slice(base) });\n      }\n    } else clearMarks();\n    const kept = matches.findIndex((match) => match.key === previousKey);\n    selected = matches.length ? kept >= 0 ? kept : Math.max(0, Math.min(selected, matches.length - 1)) : -1;\n    updateSelection();\n  }\n  function updateSelection(): void {\n    matches.forEach((match, index) => match.parts.forEach((part) => part.classList.toggle('pui-find-current', index === selected)));\n    count.textContent = field.value ? matches.length ? `${selected + 1} / ${matches.length}` : 'No matches' : '';\n    previous.disabled = next.disabled = !matches.length;\n  }\n  function reveal(): void {\n    const target = matches[selected]?.parts[0];\n    if (!target) return;\n    for (let parent = target.parentElement; parent && parent !== messages; parent = parent.parentElement) if (parent instanceof HTMLDetailsElement) parent.open = true;\n    scroll.scrollTop += target.getBoundingClientRect().top - scroll.getBoundingClientRect().top - scroll.clientHeight / 3;\n    remember();\n  }\n  function move(direction: number): void {\n    if (!matches.length) return;\n    selected = (selected + direction + matches.length) % matches.length;\n    updateSelection();\n    reveal();\n  }\n  function openFind(): void {\n    bar.hidden = false;\n    markMatches();\n    field.focus();\n    field.select();\n  }\n  function closeFind(): void {\n    bar.hidden = true;\n    clearMarks();\n    matches = [];\n    selected = -1;\n    scroll.focus({ preventScroll: true });\n    updateLatest();\n  }\n  listen(field, 'input', () => { selected = -1; matches = []; markMatches(); reveal(); });\n  listen<KeyboardEvent>(field, 'keydown', (event) => {\n    if (event.key === 'Enter' && !event.isComposing) { event.preventDefault(); move(event.shiftKey ? -1 : 1); }\n  });\n  listen(previous, 'click', () => move(-1));\n  listen(next, 'click', () => move(1));\n  listen(close, 'click', closeFind);\n  listen<KeyboardEvent>(options.keyboardTarget || document, 'keydown', (event) => {\n    if (event.isComposing || options.isKeyboardBlocked?.()) return;\n    if ((event.metaKey || event.ctrlKey) && !event.altKey && event.key.toLowerCase() === 'f') { event.preventDefault(); openFind(); }\n    else if (event.key === 'Escape' && !bar.hidden) { event.preventDefault(); closeFind(); }\n  });\n  listen(latest, 'click', followLatest);\n  listen(scroll, 'scroll', () => {\n    if (restoring || pendingPosition) return;\n    const saved = positions.get(activeID);\n    // A resize can clamp scrollTop and dispatch a scroll before ResizeObserver.\n    // Only scrolling within a stable layout changes the following preference.\n    if (saved && layoutChanged()) restore(saved);\n    else if (!saved || Math.abs(scroll.scrollTop - saved.top) > 1) remember();\n    else updateLatest();\n  }, { passive: true });\n  // Async image decoding and resizing must not displace an existing anchor.\n  const observer = new ResizeObserver(() => {\n    if (destroyed) return;\n    if (!pendingPosition && activeID) {\n      const saved = positions.get(activeID);\n      if (saved) restore(saved);\n    }\n    updateLatest();\n  });\n  observer.observe(messages);\n  observer.observe(scroll);\n  return {\n    beforeRender(id: string): void {\n      if (destroyed) return;\n      if (activeID && !positions.has(activeID)) positions.set(activeID, capture());\n      pendingPosition = id === activeID ? pendingPosition || positions.get(activeID) || capture() : positions.get(id) || { top: 0, follow: true };\n      if (id !== activeID) { selected = -1; matches = []; searchSignature = ''; }\n      activeID = id;\n      cancelAnimationFrame(frame);\n    },\n    afterRender(): void {\n      if (destroyed) return;\n      const signature = messages.innerHTML;\n      if (!bar.hidden && signature !== searchSignature) { markMatches(); searchSignature = messages.innerHTML; }\n      frame = requestAnimationFrame(() => {\n        if (destroyed) return;\n        const position = pendingPosition;\n        pendingPosition = undefined;\n        if (position) restore(position);\n        else updateLatest();\n      });\n    },\n    prune(ids: string[]): void { const keep = new Set(ids); for (const id of positions.keys()) if (!keep.has(id)) positions.delete(id); },\n    followLatest,\n    openFind,\n    closeFind,\n    destroy(): void {\n      if (destroyed) return;\n      destroyed = true;\n      cancelAnimationFrame(frame);\n      observer.disconnect();\n      removals.splice(0).forEach((remove) => remove());\n      clearMarks();\n      positions.clear();\n      matches = [];\n      pendingPosition = undefined;\n    },\n  };\n}\n"]}