pith-ui 0.0.0-stage → 0.1.0

package/dist/files/panels.js

@@ -0,0 +1,245 @@
+import { dialogHeading, escape, icon, uniqueId, setText } from '../dom.js';
+import { createPagedPreview } from '../content/paged-preview.js';
+export function fileActionsMarkup(options) {
+    const attributes = `data-file-kind="${escape(options.kind)}" data-file-owner="${escape(options.ownerId)}" data-file-path="${escape(options.path)}"`;
+    const preview = options.preview ? `<button type="button" class="pui-secondary-button" data-preview-path="${escape(options.path)}" data-preview-id="${escape(options.ownerId)}">Preview</button>` : '';
+    const copy = options.copyMode && options.copyMode !== 'none' ? `<button type="button" class="pui-secondary-button" ${attributes} data-file-action="${options.copyMode === 'file' ? 'copy' : 'copy-path'}">${options.copyMode === 'file' ? 'Copy file' : 'Copy path'}</button>` : '';
+    return `<div class="pui-file-actions">${preview}<button type="button" class="pui-secondary-button" ${attributes} data-file-action="open">Open</button><button type="button" class="pui-secondary-button" ${attributes} data-file-action="reveal">Reveal</button>${copy}</div>`;
+}
+export function createFileActions(options) {
+    const template = document.createElement('template');
+    template.innerHTML = fileActionsMarkup(options);
+    const element = template.content.firstElementChild;
+    const click = (event) => {
+        const target = event.target.closest('button');
+        if (target && !target.disabled)
+            options.onAction?.(target.dataset.fileAction || 'preview');
+    };
+    if (options.onAction)
+        element.addEventListener('click', click);
+    return { element, destroy() { element.removeEventListener('click', click); element.remove(); } };
+}
+export function createArtifactPanel(options) {
+    const { container: element, control, toggle, count } = options;
+    element.innerHTML = `<div class="pui-artifacts-heading"><h2${options.headingId ? ` id="${escape(options.headingId)}"` : ''}>Files <span data-file-count></span></h2><button type="button" class="pui-quiet-icon" data-artifacts-close aria-label="Close files">${icon('close')}</button></div><p class="pui-artifacts-status" role="status" hidden>Looking for files…</p><div class="pui-artifacts-content"><div data-file-rows></div><p class="pui-form-error" role="alert" hidden></p></div>`;
+    const total = element.querySelector('[data-file-count]');
+    const loading = element.querySelector('[role="status"]');
+    const rows = element.querySelector('[data-file-rows]');
+    const error = element.querySelector('[role="alert"]');
+    const entries = new Map();
+    let open = false;
+    let destroyed = false;
+    function setOpen(value, restoreFocus = false) {
+        if (destroyed)
+            return;
+        open = value && !control.hidden;
+        element.hidden = !open;
+        toggle.setAttribute('aria-expanded', String(open));
+        if (open)
+            element.focus();
+        else if (restoreFocus && !control.hidden)
+            toggle.focus();
+    }
+    return {
+        element, setOpen, get open() { return open; },
+        update(state) {
+            if (destroyed)
+                return;
+            const focused = document.activeElement;
+            control.hidden = !state.ownerId || (!state.files.length && !state.error);
+            if (control.hidden)
+                setOpen(false);
+            const number = `${state.files.length} ${state.files.length === 1 ? 'file' : 'files'}`;
+            const label = state.error ? 'Conversation files unavailable' : `Conversation files (${number})`;
+            toggle.setAttribute('aria-label', label);
+            toggle.title = label;
+            count.textContent = state.files.length ? String(state.files.length) : '!';
+            total.textContent = number;
+            loading.hidden = !state.loading;
+            error.hidden = !state.error;
+            error.textContent = state.error;
+            const keep = new Set(state.files.map(file => `${state.ownerId}/${file.path}`));
+            for (const [key, entry] of entries)
+                if (!keep.has(key)) {
+                    entry.element.remove();
+                    entries.delete(key);
+                }
+            let cursor = rows.firstElementChild;
+            for (const file of state.files) {
+                const key = `${state.ownerId}/${file.path}`;
+                let entry = entries.get(key);
+                if (!entry) {
+                    const article = document.createElement('article');
+                    article.className = 'pui-file-card';
+                    article.innerHTML = `${icon('file')}<div class="pui-file-info"><strong></strong><span class="pui-file-path">${escape(file.path)}</span></div>${fileActionsMarkup({ kind: 'artifact', ownerId: state.ownerId, path: file.path, preview: true, copyMode: state.copyMode })}`;
+                    entry = { element: article, name: article.querySelector('strong'), copy: article.querySelector('[data-file-action="copy"], [data-file-action="copy-path"]') };
+                    entries.set(key, entry);
+                }
+                setText(entry.name, file.name);
+                const copyAction = state.copyMode === 'file' ? 'copy' : 'copy-path';
+                if (entry.copy.dataset.fileAction !== copyAction)
+                    entry.copy.dataset.fileAction = copyAction;
+                if (entry.copy.dataset.copyPending !== 'true')
+                    setText(entry.copy, state.copyMode === 'file' ? 'Copy file' : 'Copy path');
+                if (entry.element !== cursor)
+                    rows.insertBefore(entry.element, cursor);
+                cursor = entry.element.nextElementSibling;
+            }
+            if (focused instanceof HTMLElement && element.contains(focused) && document.activeElement !== focused)
+                focused.focus({ preventScroll: true });
+        },
+        destroy() { destroyed = true; entries.clear(); element.replaceChildren(); },
+    };
+}
+export function createResourcesPanel(options = {}) {
+    const element = options.container || document.createElement('div');
+    const ids = { titleId: options.titleId || uniqueId('pui-resources-title'), dialogId: options.dialogId || uniqueId('pui-resources-dialog'), listId: options.listId || uniqueId('pui-resources-list'), errorId: options.errorId || uniqueId('pui-resources-error') };
+    const close = (event) => {
+        if (!event.target.closest('[data-close]'))
+            return;
+        if (options.onClose)
+            options.onClose();
+        else {
+            const dialog = element.closest('dialog');
+            if (dialog?.open)
+                dialog.close();
+            else
+                element.hidden = true;
+        }
+    };
+    element.addEventListener('click', close);
+    let list, error;
+    let destroyed = false;
+    function row(entry, type) {
+        const outer = document.createElement('article');
+        outer.className = type === 'instructions' ? 'pui-resource-card' : 'pui-file-card';
+        const body = type === 'instructions' ? document.createElement('div') : outer;
+        if (type === 'instructions')
+            body.className = 'pui-file-card';
+        body.innerHTML = `${type === 'template' ? '' : icon('file')}<div class="pui-file-info"><strong>${escape(entry.name)}</strong>${type !== 'instructions' ? `<p>${escape(entry.description || '')}</p>` : ''}<span class="pui-file-path">${escape(entry.path)}</span></div>`;
+        if (entry.fileActions)
+            body.append(entry.fileActions);
+        if (entry.actions)
+            body.append(entry.actions);
+        if (type === 'instructions') {
+            outer.append(body);
+            const details = document.createElement('details');
+            details.className = 'pui-resource-preview';
+            details.innerHTML = `<summary>View instructions</summary><pre>${escape(entry.content || '')}</pre>`;
+            outer.append(details);
+        }
+        return outer;
+    }
+    return {
+        element,
+        open(workspaceName, toolbar) {
+            if (destroyed)
+                return;
+            element.hidden = false;
+            element.innerHTML = `${dialogHeading('Workspace resources', ids.titleId, ids.dialogId, workspaceName)}<p class="pui-modal-description">Instructions, skills and prompt templates are loaded by Pith for each task. Edit them here or open their Markdown files.</p><div class="pui-feature-toolbar" data-resources-toolbar></div><div id="${escape(ids.listId)}" data-resources-list><p class="pui-feature-hint">Loading workspace resources…</p></div><div id="${escape(ids.errorId)}" data-resources-error class="pui-form-error" role="alert"></div>`;
+            element.querySelector('[data-resources-toolbar]').append(toolbar);
+            list = element.querySelector('[data-resources-list]');
+            error = element.querySelector('[data-resources-error]');
+        },
+        setError(message) { if (!destroyed && error)
+            error.textContent = message; },
+        update(state) {
+            if (destroyed || !list)
+                return;
+            list.replaceChildren();
+            for (const [title, entries, type, empty] of [
+                ['Instructions', state.instructions, 'instructions', 'No workspace instructions found.'],
+                ['Skills', state.skills, 'skill', 'No skills found. Add .pi/skills/<skill-name>/SKILL.md in this workspace, then refresh.'],
+                ['Prompt templates', state.templates, 'template', 'No prompt templates yet.'],
+            ]) {
+                const section = document.createElement('section');
+                section.className = 'pui-resource-section';
+                const heading = document.createElement('h3');
+                heading.textContent = title;
+                section.append(heading);
+                if (entries.length)
+                    entries.forEach((entry) => section.append(row(entry, type)));
+                else {
+                    const hint = document.createElement('p');
+                    hint.className = 'pui-feature-hint';
+                    hint.textContent = empty;
+                    section.append(hint);
+                }
+                if (type === 'instructions' && state.createInstructions)
+                    section.append(state.createInstructions);
+                list.append(section);
+            }
+            if (state.diagnostics.length) {
+                const section = document.createElement('section');
+                section.className = 'pui-resource-section pui-resource-diagnostics';
+                section.innerHTML = `<h3>Resource notes</h3>${state.diagnostics.map((note) => `<p>${escape(note)}</p>`).join('')}`;
+                list.append(section);
+            }
+        },
+        destroy() { destroyed = true; element.removeEventListener('click', close); element.replaceChildren(); },
+    };
+}
+export function createFilePreview(options = {}) {
+    const element = options.container || document.createElement('div');
+    const ids = { titleId: options.titleId || uniqueId('pui-preview-title'), dialogId: options.dialogId || uniqueId('pui-preview-dialog'), bodyId: options.bodyId || uniqueId('pui-preview-body') };
+    const close = (event) => {
+        if (!event.target.closest('[data-close]'))
+            return;
+        if (options.onClose)
+            options.onClose();
+        else {
+            const dialog = element.closest('dialog');
+            if (dialog?.open)
+                dialog.close();
+            else
+                element.hidden = true;
+        }
+    };
+    element.addEventListener('click', close);
+    let body;
+    let page;
+    let destroyed = false;
+    function clear() { page?.destroy(); page = undefined; element.replaceChildren(); body = undefined; }
+    return {
+        element, clear,
+        open(input) {
+            if (destroyed)
+                return;
+            clear();
+            element.hidden = false;
+            element.innerHTML = `${dialogHeading(input.name, ids.titleId, ids.dialogId, 'File preview')}<p class="pui-file-preview-path">${escape(input.path)}</p><div id="${escape(ids.bodyId)}" data-file-preview-body class="pui-file-preview-body" aria-live="polite">Loading preview…</div><div class="pui-file-preview-actions"></div>`;
+            element.querySelector('.pui-file-preview-actions').append(input.actions);
+            body = element.querySelector('[data-file-preview-body]');
+        },
+        update(state) {
+            if (destroyed || !body)
+                return;
+            page?.destroy();
+            page = undefined;
+            body.replaceChildren();
+            if (state.error)
+                body.textContent = state.error;
+            else if (state.kind === 'image') {
+                const image = document.createElement('img');
+                image.className = 'pui-file-preview-image';
+                image.src = state.imageSrc || '';
+                image.alt = state.imageAlt || '';
+                image.setAttribute('role', 'button');
+                image.tabIndex = 0;
+                image.title = 'Click to enlarge';
+                body.append(image);
+            }
+            else
+                page = createPagedPreview({ container: body, text: state.text || '', kind: state.kind });
+            if (state.truncated) {
+                const note = document.createElement('p');
+                note.className = 'pui-preview-note';
+                note.textContent = 'Showing the first 8 MiB. Use Open for the complete file.';
+                body.append(note);
+            }
+        },
+        destroy() { if (destroyed)
+            return; clear(); element.removeEventListener('click', close); destroyed = true; },
+    };
+}
+//# sourceMappingURL=panels.js.map

package/dist/files/panels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panels.js","sourceRoot":"","sources":["../../src/files/panels.ts"],"names":[],"mappings":"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","sourcesContent":["import { dialogHeading, escape, icon, uniqueId, setText } from '../dom.js';\nimport type { UIBlock } from '../core.js';\nimport { createPagedPreview, type PreviewKind } from '../content/paged-preview.js';\n\nexport interface FileActionOptions {\n  kind: string; ownerId: string; path: string; preview?: boolean;\n  copyMode?: 'file' | 'path' | 'none';\n  onAction?: (action: 'preview' | 'open' | 'reveal' | 'copy' | 'copy-path') => void;\n}\nexport function fileActionsMarkup(options: FileActionOptions): string {\n  const attributes = `data-file-kind=\"${escape(options.kind)}\" data-file-owner=\"${escape(options.ownerId)}\" data-file-path=\"${escape(options.path)}\"`;\n  const preview = options.preview ? `<button type=\"button\" class=\"pui-secondary-button\" data-preview-path=\"${escape(options.path)}\" data-preview-id=\"${escape(options.ownerId)}\">Preview</button>` : '';\n  const copy = options.copyMode && options.copyMode !== 'none' ? `<button type=\"button\" class=\"pui-secondary-button\" ${attributes} data-file-action=\"${options.copyMode === 'file' ? 'copy' : 'copy-path'}\">${options.copyMode === 'file' ? 'Copy file' : 'Copy path'}</button>` : '';\n  return `<div class=\"pui-file-actions\">${preview}<button type=\"button\" class=\"pui-secondary-button\" ${attributes} data-file-action=\"open\">Open</button><button type=\"button\" class=\"pui-secondary-button\" ${attributes} data-file-action=\"reveal\">Reveal</button>${copy}</div>`;\n}\nexport function createFileActions(options: FileActionOptions) {\n  const template = document.createElement('template');\n  template.innerHTML = fileActionsMarkup(options);\n  const element = template.content.firstElementChild as HTMLElement;\n  const click = (event: Event) => {\n    const target = (event.target as Element).closest<HTMLElement>('button');\n    if (target && !(target as HTMLButtonElement).disabled) options.onAction?.(target.dataset.fileAction as 'open' | 'reveal' | 'copy' | 'copy-path' || 'preview');\n  };\n  if (options.onAction) element.addEventListener('click', click);\n  return { element, destroy(): void { element.removeEventListener('click', click); element.remove(); } };\n}\n\nexport interface ArtifactPanelState { ownerId: string; files: readonly { name: string; path: string }[]; loading: boolean; error: string; copyMode: 'file' | 'path' }\nexport interface ArtifactPanelOptions { container: HTMLElement; control: HTMLElement; toggle: HTMLElement; count: HTMLElement; headingId?: string }\nexport function createArtifactPanel(options: ArtifactPanelOptions) {\n  const { container: element, control, toggle, count } = options;\n  element.innerHTML = `<div class=\"pui-artifacts-heading\"><h2${options.headingId ? ` id=\"${escape(options.headingId)}\"` : ''}>Files <span data-file-count></span></h2><button type=\"button\" class=\"pui-quiet-icon\" data-artifacts-close aria-label=\"Close files\">${icon('close')}</button></div><p class=\"pui-artifacts-status\" role=\"status\" hidden>Looking for files…</p><div class=\"pui-artifacts-content\"><div data-file-rows></div><p class=\"pui-form-error\" role=\"alert\" hidden></p></div>`;\n  const total = element.querySelector<HTMLElement>('[data-file-count]')!;\n  const loading = element.querySelector<HTMLElement>('[role=\"status\"]')!;\n  const rows = element.querySelector<HTMLElement>('[data-file-rows]')!;\n  const error = element.querySelector<HTMLElement>('[role=\"alert\"]')!;\n  const entries = new Map<string, { element: HTMLElement; name: HTMLElement; copy: HTMLButtonElement }>();\n  let open = false;\n  let destroyed = false;\n  function setOpen(value: boolean, restoreFocus = false): void {\n    if (destroyed) return;\n    open = value && !control.hidden;\n    element.hidden = !open;\n    toggle.setAttribute('aria-expanded', String(open));\n    if (open) element.focus();\n    else if (restoreFocus && !control.hidden) toggle.focus();\n  }\n  return {\n    element, setOpen, get open() { return open; },\n    update(state: Readonly<ArtifactPanelState>): void {\n      if (destroyed) return;\n      const focused = document.activeElement;\n      control.hidden = !state.ownerId || (!state.files.length && !state.error);\n      if (control.hidden) setOpen(false);\n      const number = `${state.files.length} ${state.files.length === 1 ? 'file' : 'files'}`;\n      const label = state.error ? 'Conversation files unavailable' : `Conversation files (${number})`;\n      toggle.setAttribute('aria-label', label); toggle.title = label;\n      count.textContent = state.files.length ? String(state.files.length) : '!';\n      total.textContent = number;\n      loading.hidden = !state.loading;\n      error.hidden = !state.error;\n      error.textContent = state.error;\n      const keep = new Set(state.files.map(file => `${state.ownerId}/${file.path}`));\n      for (const [key, entry] of entries) if (!keep.has(key)) { entry.element.remove(); entries.delete(key); }\n      let cursor = rows.firstElementChild;\n      for (const file of state.files) {\n        const key = `${state.ownerId}/${file.path}`;\n        let entry = entries.get(key);\n        if (!entry) {\n          const article = document.createElement('article'); article.className = 'pui-file-card';\n          article.innerHTML = `${icon('file')}<div class=\"pui-file-info\"><strong></strong><span class=\"pui-file-path\">${escape(file.path)}</span></div>${fileActionsMarkup({ kind: 'artifact', ownerId: state.ownerId, path: file.path, preview: true, copyMode: state.copyMode })}`;\n          entry = { element: article, name: article.querySelector('strong')!, copy: article.querySelector<HTMLButtonElement>('[data-file-action=\"copy\"], [data-file-action=\"copy-path\"]')! };\n          entries.set(key, entry);\n        }\n        setText(entry.name, file.name);\n        const copyAction = state.copyMode === 'file' ? 'copy' : 'copy-path';\n        if (entry.copy.dataset.fileAction !== copyAction) entry.copy.dataset.fileAction = copyAction;\n        if (entry.copy.dataset.copyPending !== 'true') setText(entry.copy, state.copyMode === 'file' ? 'Copy file' : 'Copy path');\n        if (entry.element !== cursor) rows.insertBefore(entry.element, cursor);\n        cursor = entry.element.nextElementSibling;\n      }\n      if (focused instanceof HTMLElement && element.contains(focused) && document.activeElement !== focused) focused.focus({ preventScroll: true });\n    },\n    destroy(): void { destroyed = true; entries.clear(); element.replaceChildren(); },\n  };\n}\n\nexport interface ResourceDisplayEntry { name: string; path: string; description?: string; content?: string; fileActions?: Node; actions?: Node }\nexport interface ResourcesPanelState {\n  instructions: readonly ResourceDisplayEntry[]; skills: readonly ResourceDisplayEntry[]; templates: readonly ResourceDisplayEntry[];\n  diagnostics: readonly string[]; createInstructions?: Node;\n}\nexport interface ResourcesPanelOptions { container?: HTMLElement; titleId?: string; dialogId?: string; listId?: string; errorId?: string; onClose?: () => void }\nexport function createResourcesPanel(options: ResourcesPanelOptions = {}) {\n  const element = options.container || document.createElement('div');\n  const ids = { titleId: options.titleId || uniqueId('pui-resources-title'), dialogId: options.dialogId || uniqueId('pui-resources-dialog'), listId: options.listId || uniqueId('pui-resources-list'), errorId: options.errorId || uniqueId('pui-resources-error') };\n  const close = (event: Event) => {\n    if (!(event.target as Element).closest('[data-close]')) return;\n    if (options.onClose) options.onClose();\n    else { const dialog = element.closest('dialog'); if (dialog?.open) dialog.close(); else element.hidden = true; }\n  };\n  element.addEventListener('click', close);\n  let list: HTMLElement | undefined, error: HTMLElement | undefined;\n  let destroyed = false;\n  function row(entry: ResourceDisplayEntry, type: 'instructions' | 'skill' | 'template'): HTMLElement {\n    const outer = document.createElement('article'); outer.className = type === 'instructions' ? 'pui-resource-card' : 'pui-file-card';\n    const body = type === 'instructions' ? document.createElement('div') : outer;\n    if (type === 'instructions') body.className = 'pui-file-card';\n    body.innerHTML = `${type === 'template' ? '' : icon('file')}<div class=\"pui-file-info\"><strong>${escape(entry.name)}</strong>${type !== 'instructions' ? `<p>${escape(entry.description || '')}</p>` : ''}<span class=\"pui-file-path\">${escape(entry.path)}</span></div>`;\n    if (entry.fileActions) body.append(entry.fileActions);\n    if (entry.actions) body.append(entry.actions);\n    if (type === 'instructions') { outer.append(body); const details = document.createElement('details'); details.className = 'pui-resource-preview'; details.innerHTML = `<summary>View instructions</summary><pre>${escape(entry.content || '')}</pre>`; outer.append(details); }\n    return outer;\n  }\n  return {\n    element,\n    open(workspaceName: string, toolbar: Node): void {\n      if (destroyed) return;\n      element.hidden = false;\n      element.innerHTML = `${dialogHeading('Workspace resources', ids.titleId, ids.dialogId, workspaceName)}<p class=\"pui-modal-description\">Instructions, skills and prompt templates are loaded by Pith for each task. Edit them here or open their Markdown files.</p><div class=\"pui-feature-toolbar\" data-resources-toolbar></div><div id=\"${escape(ids.listId)}\" data-resources-list><p class=\"pui-feature-hint\">Loading workspace resources…</p></div><div id=\"${escape(ids.errorId)}\" data-resources-error class=\"pui-form-error\" role=\"alert\"></div>`;\n      element.querySelector('[data-resources-toolbar]')!.append(toolbar);\n      list = element.querySelector<HTMLElement>('[data-resources-list]')!;\n      error = element.querySelector<HTMLElement>('[data-resources-error]')!;\n    },\n    setError(message: string): void { if (!destroyed && error) error.textContent = message; },\n    update(state: Readonly<ResourcesPanelState>): void {\n      if (destroyed || !list) return;\n      list.replaceChildren();\n      for (const [title, entries, type, empty] of [\n        ['Instructions', state.instructions, 'instructions', 'No workspace instructions found.'],\n        ['Skills', state.skills, 'skill', 'No skills found. Add .pi/skills/<skill-name>/SKILL.md in this workspace, then refresh.'],\n        ['Prompt templates', state.templates, 'template', 'No prompt templates yet.'],\n      ] as const) {\n        const section = document.createElement('section'); section.className = 'pui-resource-section';\n        const heading = document.createElement('h3'); heading.textContent = title; section.append(heading);\n        if (entries.length) entries.forEach((entry) => section.append(row(entry, type)));\n        else { const hint = document.createElement('p'); hint.className = 'pui-feature-hint'; hint.textContent = empty; section.append(hint); }\n        if (type === 'instructions' && state.createInstructions) section.append(state.createInstructions);\n        list.append(section);\n      }\n      if (state.diagnostics.length) {\n        const section = document.createElement('section'); section.className = 'pui-resource-section pui-resource-diagnostics';\n        section.innerHTML = `<h3>Resource notes</h3>${state.diagnostics.map((note) => `<p>${escape(note)}</p>`).join('')}`;\n        list.append(section);\n      }\n    },\n    destroy(): void { destroyed = true; element.removeEventListener('click', close); element.replaceChildren(); },\n  };\n}\n\nexport interface FilePreviewState { kind: PreviewKind | 'image'; text?: string; imageSrc?: string; imageAlt?: string; truncated?: boolean; error?: string }\nexport interface FilePreviewOptions { container?: HTMLElement; titleId?: string; dialogId?: string; bodyId?: string; onClose?: () => void }\nexport function createFilePreview(options: FilePreviewOptions = {}) {\n  const element = options.container || document.createElement('div');\n  const ids = { titleId: options.titleId || uniqueId('pui-preview-title'), dialogId: options.dialogId || uniqueId('pui-preview-dialog'), bodyId: options.bodyId || uniqueId('pui-preview-body') };\n  const close = (event: Event) => {\n    if (!(event.target as Element).closest('[data-close]')) return;\n    if (options.onClose) options.onClose();\n    else { const dialog = element.closest('dialog'); if (dialog?.open) dialog.close(); else element.hidden = true; }\n  };\n  element.addEventListener('click', close);\n  let body: HTMLElement | undefined;\n  let page: UIBlock<{ text: string; kind: PreviewKind }> | undefined;\n  let destroyed = false;\n  function clear(): void { page?.destroy(); page = undefined; element.replaceChildren(); body = undefined; }\n  return {\n    element, clear,\n    open(input: { name: string; path: string; actions: Node }): void {\n      if (destroyed) return;\n      clear();\n      element.hidden = false;\n      element.innerHTML = `${dialogHeading(input.name, ids.titleId, ids.dialogId, 'File preview')}<p class=\"pui-file-preview-path\">${escape(input.path)}</p><div id=\"${escape(ids.bodyId)}\" data-file-preview-body class=\"pui-file-preview-body\" aria-live=\"polite\">Loading preview…</div><div class=\"pui-file-preview-actions\"></div>`;\n      element.querySelector('.pui-file-preview-actions')!.append(input.actions);\n      body = element.querySelector<HTMLElement>('[data-file-preview-body]')!;\n    },\n    update(state: Readonly<FilePreviewState>): void {\n      if (destroyed || !body) return;\n      page?.destroy(); page = undefined; body.replaceChildren();\n      if (state.error) body.textContent = state.error;\n      else if (state.kind === 'image') {\n        const image = document.createElement('img'); image.className = 'pui-file-preview-image';\n        image.src = state.imageSrc || ''; image.alt = state.imageAlt || '';\n        image.setAttribute('role', 'button'); image.tabIndex = 0; image.title = 'Click to enlarge'; body.append(image);\n      } else page = createPagedPreview({ container: body, text: state.text || '', kind: state.kind });\n      if (state.truncated) { const note = document.createElement('p'); note.className = 'pui-preview-note'; note.textContent = 'Showing the first 8 MiB. Use Open for the complete file.'; body.append(note); }\n    },\n    destroy(): void { if (destroyed) return; clear(); element.removeEventListener('click', close); destroyed = true; },\n  };\n}\n"]}

package/dist/files/systems.d.ts

@@ -0,0 +1,91 @@
+import type { UIBlock } from '../core.js';
+export interface CostSummaryDisplay {
+    unavailable?: boolean;
+    requestCount: number;
+    unknownRequests: number;
+    runRequests: number;
+    runUnknownRequests: number;
+    total: number;
+    runTotal: number;
+}
+export declare function formatCost(cost: CostSummaryDisplay | undefined, latestTask?: boolean): string;
+export interface CostRequestDisplay {
+    id: string;
+    purpose: string;
+    status: string;
+    provider: string;
+    providerName?: string;
+    model: string;
+    modelName?: string;
+    time: string;
+    source: string;
+    price: unknown;
+    known: boolean;
+    usage: {
+        input: number;
+        output: number;
+        cacheRead: number;
+        cacheWrite: number;
+        reasoning?: number;
+        cost: {
+            total: number;
+        };
+    };
+}
+export interface CostLedgerState {
+    unknownRequests: number;
+    requests: readonly CostRequestDisplay[] | null;
+}
+export declare function createCostLedger(options?: {
+    container?: HTMLElement;
+}): {
+    element: HTMLElement;
+    clear(): void;
+    loading(): void;
+    setError(message: string): void;
+    update(report: Readonly<CostLedgerState>): void;
+    destroy(): void;
+};
+export interface UpdatePanelState {
+    version: string;
+    enabled: boolean;
+    phase: string;
+    availableVersion: string;
+    progress: number;
+    message: string;
+}
+export declare function createUpdatePanel(options?: {
+    container?: HTMLElement;
+    productName?: string;
+    onCheck?: () => void;
+    onInstall?: () => void;
+}): {
+    element: HTMLElement;
+    update(value: Readonly<UpdatePanelState>): void;
+    setPending(value: boolean): void;
+    setError(value: string, options?: {
+        allowCheckRetry?: boolean;
+    }): void;
+    destroy(): void;
+};
+export interface CompletionNoticeDisplay {
+    id: string;
+    runID: string;
+    title: string;
+    workspace: string;
+}
+export declare function historyStatusMarkup(status: 'approval' | 'running' | 'unread' | 'idle'): string;
+export declare function createCompletionNotices(options?: {
+    container?: HTMLElement;
+    onOpen?: (id: string) => void;
+    onDismiss?: (runID: string) => void;
+}): UIBlock<readonly CompletionNoticeDisplay[]>;
+export declare function createCopyFeedback(options: {
+    status: HTMLElement;
+    isDisabled: (button: HTMLButtonElement) => boolean;
+    onError: (error: unknown) => void;
+}): {
+    copy(button: HTMLButtonElement, action: () => Promise<void>, announcement: string): Promise<void>;
+    destroy(): void;
+};
+//# sourceMappingURL=systems.d.ts.map

package/dist/files/systems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"systems.d.ts","sourceRoot":"","sources":["../../src/files/systems.ts"],"names":[],"mappings":"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"}