pith-ui 0.1.0 → 0.1.4

package/dist/tasks/approval.js

@@ -1,61 +1,102 @@
-import { scopeIds, localField } from '../forms/identity.js';
-import { escape, icon, uniqueId } from '../dom.js';
+import { scopeIds } from '../forms/identity.js';
+import { icon, uniqueId, setText } from '../dom.js';
 import { createPagedPreview } from '../content/paged-preview.js';
+import { adoptProductParts } from '../foundations.js';
 export function createApprovalPanel(initial, options = {}) {
     const element = options.element || document.createElement('div');
     if (!options.element)
         element.className = 'pui-approval-panel';
-    const prefix = options.idPrefix ?? uniqueId('pui-approval') + '-';
-    const $ = (id) => localField(element, prefix + id);
-    const abort = new AbortController();
-    let contentAbort = new AbortController();
-    let signature = '';
-    let destroyed = false;
-    let previews = [];
+    const prefix = options.idPrefix ?? uniqueId('pui-approval') + '-', parts = adoptProductParts(element), abort = new AbortController();
+    let destroyed = false, current = null, contentAbort = new AbortController();
+    let card, warning, badge, file, fileKind, path, previewError, diff, shortened, details, args, scope, always;
+    let diffBlock, argsBlock;
+    const clear = () => { contentAbort.abort(); contentAbort = new AbortController(); diffBlock?.destroy(); argsBlock?.destroy(); diffBlock = argsBlock = undefined; card = undefined; element.replaceChildren(); };
+    const showArgs = () => { if (destroyed || !current || argsBlock || (current.preview && !details.open))
+        return; argsBlock = createPagedPreview({ container: args, text: current.argsText, kind: 'text' }); };
+    function create() {
+        element.innerHTML = `<section class="pui-approval-card" aria-label="Tool approval required"><div class="pui-approval-heading">${icon('shield')}<div><strong>Pith needs your permission</strong><span>Review this action before it runs.</span></div><span class="pui-approval-badge"></span></div><p class="pui-approval-warning" hidden></p><div class="pui-approval-file" hidden><strong></strong><code></code></div><p class="pui-preview-note" role="status" hidden></p><div id="approval-diff-preview" hidden></div><p class="pui-preview-note" data-shortened hidden>Preview shortened. Expand Tool arguments for the complete change.</p><details class="pui-approval-arguments"><summary>Tool arguments</summary><div id="approval-args-preview"></div></details><p class="pui-approval-scope" hidden>Workspace permission applies to this conversation. Commands and external connection tools still need approval.</p><div class="pui-approval-actions"><button type="button" class="pui-secondary-button" data-approval="deny">Deny</button><button type="button" class="pui-secondary-button pui-always-allow-button" data-approval="always">Always allow workspace changes</button><button type="button" class="pui-primary-button" data-approval="allow">${icon('check')}Allow this action</button></div></section>`;
+        card = element.firstElementChild;
+        scopeIds(card, prefix);
+        warning = card.querySelector('.pui-approval-warning');
+        badge = card.querySelector('.pui-approval-badge');
+        file = card.querySelector('.pui-approval-file');
+        fileKind = file.querySelector('strong');
+        path = file.querySelector('code');
+        previewError = card.querySelector('[role="status"]');
+        diff = card.querySelector('[id$="approval-diff-preview"]');
+        shortened = card.querySelector('[data-shortened]');
+        details = card.querySelector('details');
+        args = details.querySelector('div');
+        scope = card.querySelector('.pui-approval-scope');
+        always = card.querySelector('[data-approval="always"]');
+        details.addEventListener('toggle', showArgs, { signal: contentAbort.signal });
+    }
     const update = (state) => {
         if (destroyed)
             return;
-        const approval = state.approval;
-        const next = JSON.stringify(approval);
-        if (next !== signature) {
-            signature = next;
-            contentAbort.abort();
-            contentAbort = new AbortController();
-            for (const preview of previews)
-                preview.destroy();
-            previews = [];
-            const warning = approval?.warning || '';
-            const canAlwaysAllow = !!approval?.canAlwaysAllow;
-            const preview = approval?.preview;
-            const previewBody = preview?.error ? `<p class="pui-preview-note" role="status">${escape(preview.error)}</p>` : preview ? `<div id="approval-diff-preview"></div>${preview.truncated ? '<p class="pui-preview-note">Preview shortened. Expand Tool arguments for the complete change.</p>' : ''}` : '';
-            const previewMarkup = preview ? `<div class="pui-approval-file"><strong>${preview.kind === 'create' ? 'Create file' : 'Modify file'}</strong><code>${escape(preview.path)}</code></div>${previewBody}` : '';
-            const args = `<div id="approval-args-preview"></div>`;
-            element.innerHTML = approval ? `<section class="pui-approval-card" aria-label="Tool approval required"><div class="pui-approval-heading">${icon('shield')}<div><strong>Pith needs your permission</strong><span>Review this action before it runs.</span></div><span class="pui-approval-badge">${escape(approval.toolName)}</span></div>${warning ? `<p class="pui-approval-warning">${escape(warning)}</p>` : ''}${previewMarkup}${preview ? `<details class="pui-approval-arguments" ${preview.error ? 'open' : ''}><summary>Tool arguments</summary>${args}</details>` : args}${canAlwaysAllow ? '<p class="pui-approval-scope">Workspace permission applies to this conversation. Commands and external connection tools still need approval.</p>' : ''}<div class="pui-approval-actions"><button class="pui-secondary-button" data-approval="deny" ${state.disabled ? 'disabled' : ''}>Deny</button>${canAlwaysAllow ? `<button class="pui-secondary-button pui-always-allow-button" data-approval="always" ${state.disabled ? 'disabled' : ''}>Always allow workspace changes</button>` : ''}<button class="pui-primary-button" data-approval="allow" ${state.disabled ? 'disabled' : ''}>${icon('check')}Allow this action</button></div></section>` : '';
-            for (const child of element.children)
-                scopeIds(child, prefix);
-            for (const button of element.querySelectorAll('[data-approval]'))
-                button.dataset.approvalId = approval?.id || '';
-            if (preview && !preview.error)
-                previews.push(createPagedPreview({ container: $('approval-diff-preview'), text: preview.diff || 'No content changes.', kind: 'diff' }));
-            if (approval) {
-                const argsContainer = $('approval-args-preview');
-                const details = argsContainer.closest('details');
-                let loaded = false;
-                const showArgs = () => { if (destroyed || loaded || (details && !details.open))
-                    return; loaded = true; previews.push(createPagedPreview({ container: argsContainer, text: approval.argsText, kind: 'text' })); };
-                details?.addEventListener('toggle', showArgs, { signal: contentAbort.signal });
-                showArgs();
-            }
+        const approval = state.approval, changed = approval?.id !== current?.id;
+        if (changed || !approval)
+            clear();
+        current = approval;
+        if (!approval) {
+            parts.update();
+            return;
+        }
+        const fresh = !card;
+        if (fresh)
+            create();
+        const preview = approval.preview;
+        setText(badge, approval.toolName);
+        setText(warning, approval.warning || '');
+        warning.hidden = !approval.warning;
+        file.hidden = !preview;
+        if (preview) {
+            setText(fileKind, preview.kind === 'create' ? 'Create file' : 'Modify file');
+            setText(path, preview.path);
+        }
+        previewError.hidden = !preview?.error;
+        setText(previewError, preview?.error || '');
+        diff.hidden = !preview || !!preview.error;
+        shortened.hidden = !preview || !!preview.error || !preview.truncated;
+        if (preview && !preview.error) {
+            const value = { text: preview.diff || 'No content changes.', kind: 'diff' };
+            if (diffBlock)
+                diffBlock.update(value);
+            else
+                diffBlock = createPagedPreview({ container: diff, ...value });
+        }
+        else if (diffBlock) {
+            diffBlock.destroy();
+            diffBlock = undefined;
+        }
+        if (preview) {
+            if (args.parentElement !== details)
+                details.append(args);
+            if (details.parentElement !== card)
+                card.insertBefore(details, scope);
+            if (fresh)
+                details.open = !!preview.error;
+        }
+        else {
+            if (args.parentElement !== card)
+                card.insertBefore(args, scope);
+            details.remove();
+        }
+        showArgs();
+        argsBlock?.update({ text: approval.argsText, kind: 'text' });
+        scope.hidden = !approval.canAlwaysAllow;
+        always.hidden = !approval.canAlwaysAllow;
+        for (const button of element.querySelectorAll('[data-approval]')) {
+            button.dataset.approvalId = approval.id;
+            parts.action(button).update({ disabled: !!state.disabled });
         }
-        for (const button of element.querySelectorAll('[data-approval]'))
-            button.disabled = !!state.disabled;
+        parts.update();
     };
-    element.addEventListener('click', (event) => { const button = event.target.closest('[data-approval]'); if (button && !button.disabled)
+    element.addEventListener('click', event => { const button = event.target.closest('[data-approval]'); if (button && !button.disabled && !button.hidden)
         options.onAction?.(button.dataset.approvalId, button.dataset.approval); }, { signal: abort.signal });
     update(initial);
     return { element, update, destroy() { if (destroyed)
-            return; destroyed = true; abort.abort(); contentAbort.abort(); for (const preview of previews)
-            preview.destroy(); if (!options.element)
+            return; destroyed = true; clear(); parts.destroy(); abort.abort(); contentAbort.abort(); if (!options.element)
             element.remove(); } };
 }
 //# sourceMappingURL=approval.js.map

package/dist/tasks/approval.js.map

@@ -1 +1 @@
-{"version":3,"file":"approval.js","sourceRoot":"","sources":["../../src/tasks/approval.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAC,MAAM,WAAW,CAAC;AACjD,OAAO,EAAC,kBAAkB,EAAyB,MAAM,6BAA6B,CAAC;AAGvF,MAAM,UAAU,mBAAmB,CAAC,OAA2B,EAAE,UAA4H,EAAE;IAC9L,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAAC,IAAI,CAAC,OAAO,CAAC,OAAO;QAAE,OAAO,CAAC,SAAS,GAAG,oBAAoB,CAAC;IACjI,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,cAAc,CAAC,GAAG,GAAG,CAAC;IAClE,MAAM,CAAC,GAAG,CAAsC,EAAU,EAAE,EAAE,CAAC,UAAU,CAAI,OAAO,EAAE,MAAM,GAAG,EAAE,CAAC,CAAC;IACnG,MAAM,KAAK,GAAG,IAAI,eAAe,EAAE,CAAC;IAAC,IAAI,YAAY,GAAG,IAAI,eAAe,EAAE,CAAC;IAAC,IAAI,SAAS,GAAG,EAAE,CAAC;IAAC,IAAI,SAAS,GAAG,KAAK,CAAC;IAAC,IAAI,QAAQ,GAAiC,EAAE,CAAC;IAC1K,MAAM,MAAM,GAAG,CAAC,KAAmC,EAAE,EAAE;QACrD,IAAI,SAAS;YAAE,OAAO;QAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;QAAC,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC9F,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YAAA,SAAS,GAAG,IAAI,CAAC;YAAC,YAAY,CAAC,KAAK,EAAE,CAAC;YAAC,YAAY,GAAG,IAAI,eAAe,EAAE,CAAC;YAAC,KAAK,MAAM,OAAO,IAAI,QAAQ;gBAAE,OAAO,CAAC,OAAO,EAAE,CAAC;YAAC,QAAQ,GAAG,EAAE,CAAC;YACxK,MAAM,OAAO,GAAG,QAAQ,EAAE,OAAO,IAAI,EAAE,CAAC;YAAC,MAAM,cAAc,GAAG,CAAC,CAAC,QAAQ,EAAE,cAAc,CAAC;YAAC,MAAM,OAAO,GAAG,QAAQ,EAAE,OAAO,CAAC;YACzH,MAAM,WAAW,GAAG,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,6CAA6C,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,yCAAyC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,mGAAmG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YACvS,MAAM,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,0CAA0C,OAAO,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,kBAAkB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5M,MAAM,IAAI,GAAG,wCAAwC,CAAC;YAE3D,OAAO,CAAC,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,4GAA4G,IAAI,CAAC,QAAQ,CAAC,yIAAyI,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,OAAO,CAAC,CAAC,CAAC,mCAAmC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,2CAA2C,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,qCAAqC,IAAI,YAAY,CAAC,CAAC,CAAC,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,kJAAkJ,CAAC,CAAC,CAAC,EAAE,+FAA+F,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,iBAAiB,cAAc,CAAC,CAAC,CAAC,uFAAuF,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,0CAA0C,CAAC,CAAC,CAAC,EAAE,4DAA4D,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,OAAO,CAAC,4CAA4C,CAAC,CAAC,CAAC,EAAE,CAAC;YAAC,KAAK,MAAM,KAAK,IAAI,OAAO,CAAC,QAAQ;gBAAE,QAAQ,CAAC,KAAoB,EAAE,MAAM,CAAC,CAAC;YAChxC,KAAK,MAAM,MAAM,IAAI,OAAO,CAAC,gBAAgB,CAAoB,iBAAiB,CAAC;gBAAE,MAAM,CAAC,OAAO,CAAC,UAAU,GAAG,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC;YACpI,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK;gBAAE,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAC,SAAS,EAAE,CAAC,CAAc,uBAAuB,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,qBAAqB,EAAE,IAAI,EAAE,MAAM,EAAC,CAAC,CAAC,CAAC;YAClL,IAAI,QAAQ,EAAE,CAAC;gBAAA,MAAM,aAAa,GAAG,CAAC,CAAc,uBAAuB,CAAC,CAAC;gBAAC,MAAM,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;gBAAC,IAAI,MAAM,GAAG,KAAK,CAAC;gBAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,GAAE,IAAI,SAAS,IAAI,MAAM,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;oBAAE,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAC,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,CAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAC,CAAC,CAAC,CAAC,CAAA,CAAC,CAAC;gBAAC,OAAO,EAAE,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAC,MAAM,EAAC,YAAY,CAAC,MAAM,EAAC,CAAC,CAAC;gBAAC,QAAQ,EAAE,CAAC;YAAA,CAAC;QAC3b,CAAC;QACD,KAAK,MAAM,MAAM,IAAI,OAAO,CAAC,gBAAgB,CAAoB,iBAAiB,CAAC;YAAE,MAAM,CAAC,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC1H,CAAC,CAAC;IACF,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,GAAE,MAAM,MAAM,GAAI,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAoB,iBAAiB,CAAC,CAAC,CAAC,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ;QAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,UAAW,EAAE,MAAM,CAAC,OAAO,CAAC,QAAuC,CAAC,CAAC,CAAA,CAAC,EAAE,EAAC,MAAM,EAAC,KAAK,CAAC,MAAM,EAAC,CAAC,CAAC;IAC3S,MAAM,CAAC,OAAO,CAAC,CAAC;IAAC,OAAO,EAAC,OAAO,EAAE,MAAM,EAAE,OAAO,KAAI,IAAI,SAAS;YAAE,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,MAAM,OAAO,IAAI,QAAQ;YAAE,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA,CAAC,EAAC,CAAC;AACjO,CAAC","sourcesContent":["import {scopeIds, localField} from '../forms/identity.js';\nimport type { UIBlock } from '../core.js';\nimport {escape, icon, uniqueId} from '../dom.js';\nimport {createPagedPreview, type PagedPreviewState} from '../content/paged-preview.js';\nexport interface ApprovalView {id: string; toolName: string; warning?: string; canAlwaysAllow: boolean; argsText: string; preview?: {kind: string; path: string; error?: string; diff?: string; truncated?: boolean}}\nexport interface ApprovalPanelState {approval: ApprovalView | null; disabled?: boolean}\nexport function createApprovalPanel(initial: ApprovalPanelState, options: {element?: HTMLElement; idPrefix?: string; onAction?: (id: string, action: 'deny' | 'always' | 'allow') => void} = {}): UIBlock<ApprovalPanelState> {\n const element = options.element || document.createElement('div'); if (!options.element) element.className = 'pui-approval-panel';\n const prefix = options.idPrefix ?? uniqueId('pui-approval') + '-';\n const $ = <T extends HTMLElement = HTMLElement>(id: string) => localField<T>(element, prefix + id);\n const abort = new AbortController(); let contentAbort = new AbortController(); let signature = ''; let destroyed = false; let previews: UIBlock<PagedPreviewState>[] = [];\n const update = (state: Readonly<ApprovalPanelState>) => {\n   if (destroyed) return; const approval = state.approval; const next = JSON.stringify(approval);\n   if (next !== signature) {signature = next; contentAbort.abort(); contentAbort = new AbortController(); for (const preview of previews) preview.destroy(); previews = [];\n   const warning = approval?.warning || ''; const canAlwaysAllow = !!approval?.canAlwaysAllow; const preview = approval?.preview;\n        const previewBody = preview?.error ? `<p class=\"pui-preview-note\" role=\"status\">${escape(preview.error)}</p>` : preview ? `<div id=\"approval-diff-preview\"></div>${preview.truncated ? '<p class=\"pui-preview-note\">Preview shortened. Expand Tool arguments for the complete change.</p>' : ''}` : '';\n        const previewMarkup = preview ? `<div class=\"pui-approval-file\"><strong>${preview.kind === 'create' ? 'Create file' : 'Modify file'}</strong><code>${escape(preview.path)}</code></div>${previewBody}` : '';\n        const args = `<div id=\"approval-args-preview\"></div>`;\n\n   element.innerHTML = approval ? `<section class=\"pui-approval-card\" aria-label=\"Tool approval required\"><div class=\"pui-approval-heading\">${icon('shield')}<div><strong>Pith needs your permission</strong><span>Review this action before it runs.</span></div><span class=\"pui-approval-badge\">${escape(approval.toolName)}</span></div>${warning ? `<p class=\"pui-approval-warning\">${escape(warning)}</p>` : ''}${previewMarkup}${preview ? `<details class=\"pui-approval-arguments\" ${preview.error ? 'open' : ''}><summary>Tool arguments</summary>${args}</details>` : args}${canAlwaysAllow ? '<p class=\"pui-approval-scope\">Workspace permission applies to this conversation. Commands and external connection tools still need approval.</p>' : ''}<div class=\"pui-approval-actions\"><button class=\"pui-secondary-button\" data-approval=\"deny\" ${state.disabled ? 'disabled' : ''}>Deny</button>${canAlwaysAllow ? `<button class=\"pui-secondary-button pui-always-allow-button\" data-approval=\"always\" ${state.disabled ? 'disabled' : ''}>Always allow workspace changes</button>` : ''}<button class=\"pui-primary-button\" data-approval=\"allow\" ${state.disabled ? 'disabled' : ''}>${icon('check')}Allow this action</button></div></section>` : ''; for (const child of element.children) scopeIds(child as HTMLElement, prefix);\n   for (const button of element.querySelectorAll<HTMLButtonElement>('[data-approval]')) button.dataset.approvalId = approval?.id || '';\n   if (preview && !preview.error) previews.push(createPagedPreview({container: $<HTMLElement>('approval-diff-preview'), text: preview.diff || 'No content changes.', kind: 'diff'}));\n   if (approval) {const argsContainer = $<HTMLElement>('approval-args-preview'); const details = argsContainer.closest('details'); let loaded = false; const showArgs = () => {if (destroyed || loaded || (details && !details.open)) return; loaded = true; previews.push(createPagedPreview({container: argsContainer, text: approval.argsText, kind: 'text'}));}; details?.addEventListener('toggle', showArgs, {signal:contentAbort.signal}); showArgs();}\n   }\n   for (const button of element.querySelectorAll<HTMLButtonElement>('[data-approval]')) button.disabled = !!state.disabled;\n };\n element.addEventListener('click', (event) => {const button = (event.target as HTMLElement).closest<HTMLButtonElement>('[data-approval]'); if (button && !button.disabled) options.onAction?.(button.dataset.approvalId!, button.dataset.approval as 'deny' | 'always' | 'allow');}, {signal:abort.signal});\n update(initial); return {element, update, destroy() {if (destroyed) return; destroyed = true; abort.abort(); contentAbort.abort(); for (const preview of previews) preview.destroy(); if (!options.element) element.remove();}};\n}\n"]}
+{"version":3,"file":"approval.js","sourceRoot":"","sources":["../../src/tasks/approval.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAE9C,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAC,MAAM,WAAW,CAAC;AAClD,OAAO,EAAC,kBAAkB,EAAyB,MAAM,6BAA6B,CAAC;AACvF,OAAO,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;AAGpD,MAAM,UAAU,mBAAmB,CAAC,OAA2B,EAAE,UAA4H,EAAE;IAC9L,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAAC,IAAI,CAAC,OAAO,CAAC,OAAO;QAAE,OAAO,CAAC,SAAS,GAAG,oBAAoB,CAAC;IACjI,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,cAAc,CAAC,GAAG,GAAG,EAAE,KAAK,GAAG,iBAAiB,CAAC,OAAO,CAAC,EAAE,KAAK,GAAG,IAAI,eAAe,EAAE,CAAC;IACrI,IAAI,SAAS,GAAG,KAAK,EAAE,OAAO,GAAwB,IAAI,EAAE,YAAY,GAAG,IAAI,eAAe,EAAE,CAAC;IACjG,IAAI,IAA6B,EAAE,OAAoB,EAAE,KAAkB,EAAE,IAAiB,EAAE,QAAqB,EAAE,IAAiB,EAAE,YAAyB,EAAE,IAAiB,EAAE,SAAsB,EAAE,OAA2B,EAAE,IAAiB,EAAE,KAAkB,EAAE,MAAyB,CAAC;IAC9S,IAAI,SAAiD,EAAE,SAAiD,CAAC;IACzG,MAAM,KAAK,GAAG,GAAG,EAAE,GAAE,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,YAAY,GAAG,IAAI,eAAe,EAAE,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC,OAAO,CAAC,eAAe,EAAE,CAAC,CAAA,CAAC,CAAC;IAC9M,MAAM,QAAQ,GAAG,GAAG,EAAE,GAAE,IAAI,SAAS,IAAI,CAAC,OAAO,IAAI,SAAS,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QAAE,OAAO,CAAC,SAAS,GAAG,kBAAkB,CAAC,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,CAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,EAAC,CAAC,CAAC,CAAA,CAAC,CAAC;IACnM,SAAS,MAAM;QACb,OAAO,CAAC,SAAS,GAAG,4GAA4G,IAAI,CAAC,QAAQ,CAAC,2jCAA2jC,IAAI,CAAC,OAAO,CAAC,4CAA4C,CAAC;QACnwC,IAAI,GAAG,OAAO,CAAC,iBAAgC,CAAC;QAAC,QAAQ,CAAC,IAAI,EAAC,MAAM,CAAC,CAAC;QACvE,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,uBAAuB,CAAE,CAAC;QAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAE,CAAC;QAAC,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAE,CAAC;QAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAE,CAAC;QAAC,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAE,CAAC;QAC3O,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAE,CAAC;QAAC,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,+BAA+B,CAAE,CAAC;QAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAE,CAAC;QAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,SAAS,CAAE,CAAC;QAAC,IAAI,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAAE,CAAC;QAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAE,CAAC;QAAC,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,0BAA0B,CAAE,CAAC;QACtW,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAC,QAAQ,EAAC,EAAC,MAAM,EAAC,YAAY,CAAC,MAAM,EAAC,CAAC,CAAC;IAC3E,CAAC;IACD,MAAM,MAAM,GAAG,CAAC,KAAmC,EAAE,EAAE;QACrD,IAAI,SAAS;YAAE,OAAO;QAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,EAAE,OAAO,GAAG,QAAQ,EAAE,EAAE,KAAK,OAAO,EAAE,EAAE,CAAC;QAAC,IAAI,OAAO,IAAI,CAAC,QAAQ;YAAE,KAAK,EAAE,CAAC;QAAC,OAAO,GAAG,QAAQ,CAAC;QACtJ,IAAI,CAAC,QAAQ,EAAE,CAAC;YAAA,KAAK,CAAC,MAAM,EAAE,CAAC;YAAC,OAAO;QAAA,CAAC;QACxC,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC;QAAC,IAAI,KAAK;YAAE,MAAM,EAAE,CAAC;QAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC3E,OAAO,CAAC,KAAK,EAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAAC,OAAO,CAAC,OAAO,EAAC,QAAQ,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;QAAC,OAAO,CAAC,MAAM,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC;QAC9G,IAAI,CAAC,MAAM,GAAG,CAAC,OAAO,CAAC;QAAC,IAAI,OAAO,EAAE,CAAC;YAAA,OAAO,CAAC,QAAQ,EAAC,OAAO,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;YAAC,OAAO,CAAC,IAAI,EAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAAA,CAAC;QAC/I,YAAY,CAAC,MAAM,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC;QAAC,OAAO,CAAC,YAAY,EAAC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;QAClF,IAAI,CAAC,MAAM,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;QAAC,SAAS,CAAC,MAAM,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;QAChH,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAAA,MAAM,KAAK,GAAG,EAAC,IAAI,EAAC,OAAO,CAAC,IAAI,IAAI,qBAAqB,EAAC,IAAI,EAAC,MAAe,EAAC,CAAC;YAAC,IAAI,SAAS;gBAAE,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;;gBAAM,SAAS,GAAG,kBAAkB,CAAC,EAAC,SAAS,EAAC,IAAI,EAAC,GAAG,KAAK,EAAC,CAAC,CAAC;QAAA,CAAC;aACpN,IAAI,SAAS,EAAE,CAAC;YAAA,SAAS,CAAC,OAAO,EAAE,CAAC;YAAC,SAAS,GAAG,SAAS,CAAC;QAAA,CAAC;QACjE,IAAI,OAAO,EAAE,CAAC;YAAA,IAAI,IAAI,CAAC,aAAa,KAAK,OAAO;gBAAE,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAAC,IAAI,OAAO,CAAC,aAAa,KAAK,IAAI;gBAAE,IAAK,CAAC,YAAY,CAAC,OAAO,EAAC,KAAK,CAAC,CAAC;YAAC,IAAI,KAAK;gBAAE,OAAO,CAAC,IAAI,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;QAAA,CAAC;aACrL,CAAC;YAAA,IAAI,IAAI,CAAC,aAAa,KAAK,IAAI;gBAAE,IAAK,CAAC,YAAY,CAAC,IAAI,EAAC,KAAK,CAAC,CAAC;YAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QAAA,CAAC;QACzF,QAAQ,EAAE,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC,EAAC,IAAI,EAAC,QAAQ,CAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,EAAC,CAAC,CAAC;QACpE,KAAK,CAAC,MAAM,GAAG,CAAC,QAAQ,CAAC,cAAc,CAAC;QAAC,MAAM,CAAC,MAAM,GAAG,CAAC,QAAQ,CAAC,cAAc,CAAC;QAClF,KAAK,MAAM,MAAM,IAAI,OAAO,CAAC,gBAAgB,CAAoB,iBAAiB,CAAC,EAAE,CAAC;YAAA,MAAM,CAAC,OAAO,CAAC,UAAU,GAAG,QAAQ,CAAC,EAAE,CAAC;YAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EAAC,QAAQ,EAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAC,CAAC,CAAC;QAAA,CAAC;QACzL,KAAK,CAAC,MAAM,EAAE,CAAC;IACjB,CAAC,CAAC;IACF,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,GAAE,MAAM,MAAM,GAAI,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAoB,iBAAiB,CAAC,CAAC,CAAC,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,IAAI,CAAC,MAAM,CAAC,MAAM;QAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,UAAW,EAAC,MAAM,CAAC,OAAO,CAAC,QAAuC,CAAC,CAAC,CAAA,CAAC,EAAE,EAAC,MAAM,EAAC,KAAK,CAAC,MAAM,EAAC,CAAC,CAAC;IAC1T,MAAM,CAAC,OAAO,CAAC,CAAC;IAAC,OAAO,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,KAAI,IAAI,SAAS;YAAE,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA,CAAC,EAAC,CAAC;AACtM,CAAC","sourcesContent":["import {scopeIds} from '../forms/identity.js';\nimport type { UIBlock } from '../core.js';\nimport {icon, uniqueId, setText} from '../dom.js';\nimport {createPagedPreview, type PagedPreviewState} from '../content/paged-preview.js';\nimport {adoptProductParts} from '../foundations.js';\nexport interface ApprovalView {id: string; toolName: string; warning?: string; canAlwaysAllow: boolean; argsText: string; preview?: {kind: string; path: string; error?: string; diff?: string; truncated?: boolean}}\nexport interface ApprovalPanelState {approval: ApprovalView | null; disabled?: boolean}\nexport function createApprovalPanel(initial: ApprovalPanelState, options: {element?: HTMLElement; idPrefix?: string; onAction?: (id: string, action: 'deny' | 'always' | 'allow') => void} = {}): UIBlock<ApprovalPanelState> {\n const element = options.element || document.createElement('div'); if (!options.element) element.className = 'pui-approval-panel';\n const prefix = options.idPrefix ?? uniqueId('pui-approval') + '-', parts = adoptProductParts(element), abort = new AbortController();\n let destroyed = false, current: ApprovalView | null = null, contentAbort = new AbortController();\n let card: HTMLElement | undefined, warning: HTMLElement, badge: HTMLElement, file: HTMLElement, fileKind: HTMLElement, path: HTMLElement, previewError: HTMLElement, diff: HTMLElement, shortened: HTMLElement, details: HTMLDetailsElement, args: HTMLElement, scope: HTMLElement, always: HTMLButtonElement;\n let diffBlock: UIBlock<PagedPreviewState> | undefined, argsBlock: UIBlock<PagedPreviewState> | undefined;\n const clear = () => {contentAbort.abort(); contentAbort = new AbortController(); diffBlock?.destroy(); argsBlock?.destroy(); diffBlock = argsBlock = undefined; card = undefined; element.replaceChildren();};\n const showArgs = () => {if (destroyed || !current || argsBlock || (current.preview && !details.open)) return; argsBlock = createPagedPreview({container:args,text:current.argsText,kind:'text'});};\n function create(): void {\n   element.innerHTML = `<section class=\"pui-approval-card\" aria-label=\"Tool approval required\"><div class=\"pui-approval-heading\">${icon('shield')}<div><strong>Pith needs your permission</strong><span>Review this action before it runs.</span></div><span class=\"pui-approval-badge\"></span></div><p class=\"pui-approval-warning\" hidden></p><div class=\"pui-approval-file\" hidden><strong></strong><code></code></div><p class=\"pui-preview-note\" role=\"status\" hidden></p><div id=\"approval-diff-preview\" hidden></div><p class=\"pui-preview-note\" data-shortened hidden>Preview shortened. Expand Tool arguments for the complete change.</p><details class=\"pui-approval-arguments\"><summary>Tool arguments</summary><div id=\"approval-args-preview\"></div></details><p class=\"pui-approval-scope\" hidden>Workspace permission applies to this conversation. Commands and external connection tools still need approval.</p><div class=\"pui-approval-actions\"><button type=\"button\" class=\"pui-secondary-button\" data-approval=\"deny\">Deny</button><button type=\"button\" class=\"pui-secondary-button pui-always-allow-button\" data-approval=\"always\">Always allow workspace changes</button><button type=\"button\" class=\"pui-primary-button\" data-approval=\"allow\">${icon('check')}Allow this action</button></div></section>`;\n   card = element.firstElementChild as HTMLElement; scopeIds(card,prefix);\n   warning = card.querySelector('.pui-approval-warning')!; badge = card.querySelector('.pui-approval-badge')!; file = card.querySelector('.pui-approval-file')!; fileKind = file.querySelector('strong')!; path = file.querySelector('code')!;\n   previewError = card.querySelector('[role=\"status\"]')!; diff = card.querySelector('[id$=\"approval-diff-preview\"]')!; shortened = card.querySelector('[data-shortened]')!; details = card.querySelector('details')!; args = details.querySelector('div')!; scope = card.querySelector('.pui-approval-scope')!; always = card.querySelector('[data-approval=\"always\"]')!;\n   details.addEventListener('toggle',showArgs,{signal:contentAbort.signal});\n }\n const update = (state: Readonly<ApprovalPanelState>) => {\n   if (destroyed) return; const approval = state.approval, changed = approval?.id !== current?.id; if (changed || !approval) clear(); current = approval;\n   if (!approval) {parts.update(); return;}\n   const fresh = !card; if (fresh) create(); const preview = approval.preview;\n   setText(badge,approval.toolName); setText(warning,approval.warning || ''); warning.hidden = !approval.warning;\n   file.hidden = !preview; if (preview) {setText(fileKind,preview.kind === 'create' ? 'Create file' : 'Modify file'); setText(path,preview.path);}\n   previewError.hidden = !preview?.error; setText(previewError,preview?.error || '');\n   diff.hidden = !preview || !!preview.error; shortened.hidden = !preview || !!preview.error || !preview.truncated;\n   if (preview && !preview.error) {const value = {text:preview.diff || 'No content changes.',kind:'diff' as const}; if (diffBlock) diffBlock.update(value); else diffBlock = createPagedPreview({container:diff,...value});}\n   else if (diffBlock) {diffBlock.destroy(); diffBlock = undefined;}\n   if (preview) {if (args.parentElement !== details) details.append(args); if (details.parentElement !== card) card!.insertBefore(details,scope); if (fresh) details.open = !!preview.error;}\n   else {if (args.parentElement !== card) card!.insertBefore(args,scope); details.remove();}\n   showArgs(); argsBlock?.update({text:approval.argsText,kind:'text'});\n   scope.hidden = !approval.canAlwaysAllow; always.hidden = !approval.canAlwaysAllow;\n   for (const button of element.querySelectorAll<HTMLButtonElement>('[data-approval]')) {button.dataset.approvalId = approval.id; parts.action(button).update({disabled:!!state.disabled});}\n   parts.update();\n };\n element.addEventListener('click', event => {const button = (event.target as HTMLElement).closest<HTMLButtonElement>('[data-approval]'); if (button && !button.disabled && !button.hidden) options.onAction?.(button.dataset.approvalId!,button.dataset.approval as 'deny' | 'always' | 'allow');}, {signal:abort.signal});\n update(initial); return {element,update,destroy() {if (destroyed) return; destroyed = true; clear(); parts.destroy(); abort.abort(); contentAbort.abort(); if (!options.element) element.remove();}};\n}\n"]}

package/dist/tasks/permission-element.d.ts

@@ -0,0 +1,3 @@
+/** Internal retained-node template shared with the composer shell. */
+export declare function permissionControlElement(): HTMLLabelElement;
+//# sourceMappingURL=permission-element.d.ts.map

package/dist/tasks/permission-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"permission-element.d.ts","sourceRoot":"","sources":["../../src/tasks/permission-element.ts"],"names":[],"mappings":"AAEA,sEAAsE;AACtE,wBAAgB,wBAAwB,IAAI,gBAAgB,CAI3D"}

package/dist/tasks/permission-element.js

@@ -0,0 +1,10 @@
+import { icon } from '../dom.js';
+/** Internal retained-node template shared with the composer shell. */
+export function permissionControlElement() {
+    const element = document.createElement('label');
+    element.className = 'pui-permission-control';
+    element.dataset.puiSelectAnchor = '';
+    element.innerHTML = `${icon('shield')}<span class="pui-sr-only">Conversation permissions</span><select><option value="ask">Ask before changes</option><option value="workspace-write">Allow workspace changes</option><option value="full-access">Full access</option></select>${icon('down')}`;
+    return element;
+}
+//# sourceMappingURL=permission-element.js.map

package/dist/tasks/permission-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"permission-element.js","sourceRoot":"","sources":["../../src/tasks/permission-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAC;AAE/B,sEAAsE;AACtE,MAAM,UAAU,wBAAwB;IACtC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAAC,OAAO,CAAC,SAAS,GAAG,wBAAwB,CAAC;IAAC,OAAO,CAAC,OAAO,CAAC,eAAe,GAAG,EAAE,CAAC;IACpI,OAAO,CAAC,SAAS,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,4OAA4O,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;IAChS,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["import {icon} from '../dom.js';\n\n/** Internal retained-node template shared with the composer shell. */\nexport function permissionControlElement(): HTMLLabelElement {\n  const element = document.createElement('label'); element.className = 'pui-permission-control'; element.dataset.puiSelectAnchor = '';\n  element.innerHTML = `${icon('shield')}<span class=\"pui-sr-only\">Conversation permissions</span><select><option value=\"ask\">Ask before changes</option><option value=\"workspace-write\">Allow workspace changes</option><option value=\"full-access\">Full access</option></select>${icon('down')}`;\n  return element;\n}\n"]}

package/dist/tasks/permission.d.ts

@@ -1,12 +1,14 @@
-import type { UIBlock } from '../core.js';
+import type { ActionResult, UIBlock } from '../core.js';
 export interface FullAccessState {
     title?: string;
     error?: string;
     disabled?: boolean;
 }
-export declare function createFullAccessConfirmation(initial: FullAccessState, options?: {
+export interface FullAccessOptions {
     idPrefix?: string;
-}): UIBlock<FullAccessState> & {
+    onConfirm?: () => ActionResult | Promise<ActionResult>;
+}
+export declare function createFullAccessConfirmation(initial: FullAccessState, options?: FullAccessOptions): UIBlock<FullAccessState> & {
     readonly confirmButton: HTMLButtonElement;
 };
 export interface TaskFailureState {

package/dist/tasks/permission.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"permission.d.ts","sourceRoot":"","sources":["../../src/tasks/permission.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,WAAW,eAAe;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAC;AACrF,wBAAgB,4BAA4B,CAAC,OAAO,EAAE,eAAe,EAAE,OAAO,GAAE;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAM,GAAG,OAAO,CAAC,eAAe,CAAC,GAAG;IAAC,QAAQ,CAAC,aAAa,EAAE,iBAAiB,CAAA;CAAC,CAKhL;AACD,MAAM,WAAW,gBAAgB;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAC;AACjI,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,gBAAgB,EAAE,OAAO,GAAE;IAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;CAAM,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAK3M;AACD,MAAM,WAAW,sBAAsB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAC;AAC/F,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,sBAAsB,EAAE,OAAO,GAAE;IAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAAC,kBAAkB,CAAC,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAAM,GAAG,OAAO,CAAC,sBAAsB,CAAC,CAOrN"}
+{"version":3,"file":"permission.d.ts","sourceRoot":"","sources":["../../src/tasks/permission.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAKxD,MAAM,WAAW,eAAe;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAC;AACrF,MAAM,WAAW,iBAAiB;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,CAAA;CAAC;AAC9G,wBAAgB,4BAA4B,CAAC,OAAO,EAAE,eAAe,EAAE,OAAO,GAAE,iBAAsB,GAAG,OAAO,CAAC,eAAe,CAAC,GAAG;IAAC,QAAQ,CAAC,aAAa,EAAE,iBAAiB,CAAA;CAAC,CAQ9K;AACD,MAAM,WAAW,gBAAgB;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAC;AACjI,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,gBAAgB,EAAE,OAAO,GAAE;IAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;CAAM,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAmB3M;AACD,MAAM,WAAW,sBAAsB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAC;AAC/F,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,sBAAsB,EAAE,OAAO,GAAE;IAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAAC,kBAAkB,CAAC,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAAM,GAAG,OAAO,CAAC,sBAAsB,CAAC,CAQrN"}

package/dist/tasks/permission.js

@@ -1,46 +1,69 @@
 import { scopeIds } from '../forms/identity.js';
-import { escape, icon, uniqueId } from '../dom.js';
+import { escape, icon, uniqueId, setText } from '../dom.js';
+import { adoptAction, adoptFeedback, adoptProductParts } from '../foundations.js';
+import { permissionControlElement } from './permission-element.js';
+import { reconcileKeyed } from '../reconcile.js';
 export function createFullAccessConfirmation(initial, options = {}) {
     const state = initial;
     const element = document.createElement('div');
     element.className = 'pui-full-access-confirmation';
-    element.innerHTML = `<div class="pui-modal-heading"><div><span class="pui-eyebrow">CONVERSATION PERMISSIONS</span><h2 id="full-access-title">Enable full access?</h2></div><button class="pui-quiet-icon" data-close="permissions-dialog" aria-label="Cancel full access">${icon('close')}</button></div><p class="pui-modal-description">Give Pith permission to run <strong>all enabled tools, including external MCP connections,</strong> without asking in <strong>${escape(state.title || 'this conversation')}</strong>.</p><div class="pui-full-access-explanation">${icon('shield')}<div><strong>This is access to your computer account and connected services.</strong><p>Commands can read, change, or delete files outside the workspace and access the network. External tools can act on their connected services. There is no OS sandbox.</p></div></div><p class="pui-permission-revoke-note">This applies only to the current conversation and stays enabled across app restarts until you revoke it. To revoke it, choose “Ask before changes” or “Allow workspace changes” in the composer. Workspace permission alone never grants external MCP tools access.</p><div id="permissions-error" class="pui-form-error" role="alert"></div><div class="pui-modal-footer"><button class="pui-secondary-button" type="button" data-close="permissions-dialog">Cancel</button><button class="pui-primary-button pui-full-access-confirm" id="enable-full-access" type="button">Enable full access</button></div>`;
+    element.innerHTML = `<div class="pui-modal-heading"><div><span class="pui-eyebrow">CONVERSATION PERMISSIONS</span><h2 id="full-access-title">Enable full access?</h2></div><button type="button" class="pui-quiet-icon" data-pui-close data-close="permissions-dialog" aria-label="Cancel full access">${icon('close')}</button></div><p class="pui-modal-description">Give Pith permission to run <strong>all enabled tools, including external MCP connections,</strong> without asking in <strong data-permission-target>${escape(state.title || 'this conversation')}</strong>.</p><div class="pui-full-access-explanation">${icon('shield')}<div><strong>This is access to your computer account and connected services.</strong><p>Commands can read, change, or delete files outside the workspace and access the network. External tools can act on their connected services. There is no OS sandbox.</p></div></div><p class="pui-permission-revoke-note">This applies only to the current conversation and stays enabled across app restarts until you revoke it. To revoke it, choose “Ask before changes” or “Allow workspace changes” in the composer. Workspace permission alone never grants external MCP tools access.</p><div id="permissions-error" class="pui-form-error" role="alert"></div><div class="pui-modal-footer"><button class="pui-secondary-button" type="button" data-pui-close data-close="permissions-dialog">Cancel</button><button class="pui-primary-button pui-full-access-confirm" id="enable-full-access" type="button">Enable full access</button></div>`;
     let destroyed = false;
     const confirmButton = element.querySelector('#enable-full-access');
     const error = element.querySelector('#permissions-error');
+    let current = initial;
+    const feedback = adoptFeedback(error, { presentation: 'inline', autoHide: false });
+    const action = adoptAction(confirmButton, { onAction: options.onConfirm ? () => { update({ ...current, error: '' }); return options.onConfirm(); } : undefined, onError: message => { update({ ...current, error: message }); } });
     const update = (state) => { if (destroyed)
-        return; confirmButton.disabled = !!state.disabled; if (state.error !== undefined)
-        error.textContent = state.error; };
+        return; current = state; setText(element.querySelector('[data-permission-target]'), state.title || 'this conversation'); action.update({ disabled: !!state.disabled }); if (state.error !== undefined)
+        feedback.update({ message: state.error, tone: 'error' }); };
     update(initial);
     scopeIds(element, options.idPrefix ?? uniqueId('pui-full-access') + '-');
     return { element, confirmButton, update, destroy() { if (destroyed)
-            return; destroyed = true; element.remove(); } };
+            return; destroyed = true; action.destroy(); feedback.destroy(); element.remove(); } };
 }
 export function createTaskFailure(initial, options = {}) {
     const element = options.element || document.createElement('section');
     if (!options.element)
         element.className = 'pui-task-failure';
-    const abort = new AbortController();
-    let signature = '';
+    const message = document.createElement('strong'), advice = document.createElement('p'), actions = document.createElement('div');
+    const rows = new Map();
     let destroyed = false;
-    const update = (state) => { if (destroyed)
-        return; const next = JSON.stringify(state); if (next === signature)
-        return; signature = next; element.hidden = !state.visible; element.innerHTML = state.visible ? `<strong>${escape(state.message)}</strong><p>${escape(state.advice)}</p><div>${state.canContinue ? `<button class="pui-secondary-button" type="button" data-action="continue" data-idle-action data-idle-workspace="${escape(state.workspaceId)}">Review and continue</button>` : '<button class="pui-secondary-button" type="button" data-action="settings">Check model settings</button>'}<button class="pui-secondary-button" type="button" data-action="diagnostics">Save diagnostics</button></div>` : ''; };
-    element.addEventListener('click', (event) => { const action = event.target.closest('[data-action]')?.dataset.action; if (action === 'continue')
-        options.onContinue?.(); if (action === 'settings')
-        options.onSettings?.(); if (action === 'diagnostics')
-        options.onDiagnostics?.(); }, { signal: abort.signal });
+    const release = (row) => { if (row.stop)
+        row.element.removeEventListener('click', row.stop); row.handle.destroy(); };
+    const update = (state) => {
+        if (destroyed)
+            return;
+        element.hidden = !state.visible;
+        if (!state.visible)
+            return;
+        if (message.parentElement !== element)
+            element.replaceChildren(message, advice, actions);
+        setText(message, state.message);
+        setText(advice, state.advice);
+        const views = [{ action: state.canContinue ? 'continue' : 'settings', label: state.canContinue ? 'Review and continue' : 'Check model settings', callback: state.canContinue ? options.onContinue : options.onSettings }, { action: 'diagnostics', label: 'Save diagnostics', callback: options.onDiagnostics }];
+        reconcileKeyed(actions, rows, views, { key: view => view.action, element: row => row.element, create(view) {
+                const button = document.createElement('button');
+                button.type = 'button';
+                button.className = 'pui-secondary-button';
+                button.dataset.action = view.action;
+                const stop = view.callback ? (event) => event.stopPropagation() : undefined;
+                if (stop)
+                    button.addEventListener('click', stop);
+                return { element: button, handle: adoptAction(button, { onAction: view.callback }), stop };
+            }, update(row, view) { row.handle.update({ label: view.label }); if (view.action === 'continue') {
+                row.element.dataset.idleAction = '';
+                row.element.dataset.idleWorkspace = state.workspaceId || '';
+            } }, destroy: release });
+    };
     update(initial);
     return { element, update, destroy() { if (destroyed)
-            return; destroyed = true; abort.abort(); if (!options.element)
+            return; destroyed = true; for (const row of rows.values())
+            release(row); rows.clear(); if (!options.element)
             element.remove(); } };
 }
 export function createPermissionControl(initial, options = {}) {
-    const element = options.element || document.createElement('label');
-    if (!options.element) {
-        element.className = 'pui-permission-control';
-        element.innerHTML = `${icon('shield')}<span class="pui-sr-only">Conversation permissions</span><select aria-describedby="pui-permission-description"><option value="ask">Ask before changes</option><option value="workspace-write">Allow workspace changes</option><option value="full-access">Full access</option></select>${icon('down')}`;
-    }
+    const element = options.element || permissionControlElement();
     const selector = element.querySelector('select');
     const abort = new AbortController();
     let destroyed = false;
@@ -51,8 +74,10 @@ export function createPermissionControl(initial, options = {}) {
     }
     else
         selector.removeAttribute('aria-describedby');
+    const parts = adoptProductParts(element);
+    const control = parts.control(selector);
     const update = (state) => { if (destroyed)
-        return; selector.value = state.mode; selector.disabled = !!state.disabled; element.classList.toggle('pui-full-access', state.mode === 'full-access'); if (options.descriptionElement) {
+        return; control.reset(state.mode); control.update({ disabled: !!state.disabled }); element.classList.toggle('pui-full-access', state.mode === 'full-access'); if (options.descriptionElement) {
         options.descriptionElement.textContent = state.description;
         options.descriptionElement.classList.toggle('pui-full-access-note', state.mode === 'full-access');
     }
@@ -61,7 +86,7 @@ export function createPermissionControl(initial, options = {}) {
     selector.addEventListener('change', () => options.onChange?.(selector.value), { signal: abort.signal });
     update(initial);
     return { element, update, destroy() { if (destroyed)
-            return; destroyed = true; abort.abort(); if (!options.element)
+            return; destroyed = true; parts.destroy(); abort.abort(); if (!options.element)
             element.remove(); } };
 }
 //# sourceMappingURL=permission.js.map

package/dist/tasks/permission.js.map

@@ -1 +1 @@
-{"version":3,"file":"permission.js","sourceRoot":"","sources":["../../src/tasks/permission.ts"],"names":[],"mappings":"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","sourcesContent":["import {scopeIds} from '../forms/identity.js';\nimport type { UIBlock } from '../core.js';\nimport { escape, icon, uniqueId } from '../dom.js';\nexport interface FullAccessState {title?: string; error?: string; disabled?: boolean}\nexport function createFullAccessConfirmation(initial: FullAccessState, options: {idPrefix?: string} = {}): UIBlock<FullAccessState> & {readonly confirmButton: HTMLButtonElement} {\n const state = initial; const element = document.createElement('div'); element.className = 'pui-full-access-confirmation'; element.innerHTML = `<div class=\"pui-modal-heading\"><div><span class=\"pui-eyebrow\">CONVERSATION PERMISSIONS</span><h2 id=\"full-access-title\">Enable full access?</h2></div><button class=\"pui-quiet-icon\" data-close=\"permissions-dialog\" aria-label=\"Cancel full access\">${icon('close')}</button></div><p class=\"pui-modal-description\">Give Pith permission to run <strong>all enabled tools, including external MCP connections,</strong> without asking in <strong>${escape(state.title || 'this conversation')}</strong>.</p><div class=\"pui-full-access-explanation\">${icon('shield')}<div><strong>This is access to your computer account and connected services.</strong><p>Commands can read, change, or delete files outside the workspace and access the network. External tools can act on their connected services. There is no OS sandbox.</p></div></div><p class=\"pui-permission-revoke-note\">This applies only to the current conversation and stays enabled across app restarts until you revoke it. To revoke it, choose “Ask before changes” or “Allow workspace changes” in the composer. Workspace permission alone never grants external MCP tools access.</p><div id=\"permissions-error\" class=\"pui-form-error\" role=\"alert\"></div><div class=\"pui-modal-footer\"><button class=\"pui-secondary-button\" type=\"button\" data-close=\"permissions-dialog\">Cancel</button><button class=\"pui-primary-button pui-full-access-confirm\" id=\"enable-full-access\" type=\"button\">Enable full access</button></div>`;\n let destroyed = false; const confirmButton = element.querySelector<HTMLButtonElement>('#enable-full-access')!; const error = element.querySelector<HTMLElement>('#permissions-error')!;\n const update = (state: Readonly<FullAccessState>) => {if (destroyed) return; confirmButton.disabled = !!state.disabled; if (state.error !== undefined) error.textContent = state.error;}; update(initial); scopeIds(element, options.idPrefix ?? uniqueId('pui-full-access') + '-');\n return {element, confirmButton, update, destroy() {if (destroyed) return; destroyed = true; element.remove();}};\n}\nexport interface TaskFailureState {visible: boolean; message: string; advice: string; canContinue: boolean; workspaceId?: string}\nexport function createTaskFailure(initial: TaskFailureState, options: {element?: HTMLElement; onContinue?: () => void; onSettings?: () => void; onDiagnostics?: () => void} = {}): UIBlock<TaskFailureState> {\n const element = options.element || document.createElement('section'); if (!options.element) element.className = 'pui-task-failure'; const abort = new AbortController(); let signature = ''; let destroyed = false;\n const update = (state: Readonly<TaskFailureState>) => {if (destroyed) return; const next = JSON.stringify(state); if (next === signature) return; signature = next; element.hidden = !state.visible; element.innerHTML = state.visible ? `<strong>${escape(state.message)}</strong><p>${escape(state.advice)}</p><div>${state.canContinue ? `<button class=\"pui-secondary-button\" type=\"button\" data-action=\"continue\" data-idle-action data-idle-workspace=\"${escape(state.workspaceId)}\">Review and continue</button>` : '<button class=\"pui-secondary-button\" type=\"button\" data-action=\"settings\">Check model settings</button>'}<button class=\"pui-secondary-button\" type=\"button\" data-action=\"diagnostics\">Save diagnostics</button></div>` : '';};\n element.addEventListener('click', (event) => {const action = (event.target as HTMLElement).closest<HTMLElement>('[data-action]')?.dataset.action; if (action === 'continue') options.onContinue?.(); if (action === 'settings') options.onSettings?.(); if (action === 'diagnostics') options.onDiagnostics?.();}, {signal:abort.signal});\n update(initial); return {element, update, destroy() {if (destroyed) return; destroyed = true; abort.abort(); if (!options.element) element.remove();}};\n}\nexport interface PermissionControlState {mode: string; description: string; disabled?: boolean}\nexport function createPermissionControl(initial: PermissionControlState, options: {element?: HTMLElement; descriptionElement?: HTMLElement; onChange?: (value: string) => void} = {}): UIBlock<PermissionControlState> {\n const element = options.element || document.createElement('label'); if (!options.element) {element.className = 'pui-permission-control'; element.innerHTML = `${icon('shield')}<span class=\"pui-sr-only\">Conversation permissions</span><select aria-describedby=\"pui-permission-description\"><option value=\"ask\">Ask before changes</option><option value=\"workspace-write\">Allow workspace changes</option><option value=\"full-access\">Full access</option></select>${icon('down')}`;}\n const selector = element.querySelector<HTMLSelectElement>('select')!; const abort = new AbortController(); let destroyed = false;\n if (options.descriptionElement) {if (!options.descriptionElement.id) options.descriptionElement.id = uniqueId('pui-permission-description'); selector.setAttribute('aria-describedby', options.descriptionElement.id);} else selector.removeAttribute('aria-describedby');\n const update = (state: Readonly<PermissionControlState>) => {if (destroyed) return; selector.value = state.mode; selector.disabled = !!state.disabled; element.classList.toggle('pui-full-access', state.mode === 'full-access'); if (options.descriptionElement) {options.descriptionElement.textContent = state.description; options.descriptionElement.classList.toggle('pui-full-access-note', state.mode === 'full-access');} else selector.title = state.description;};\n selector.addEventListener('change', () => options.onChange?.(selector.value), {signal:abort.signal}); update(initial);\n return {element, update, destroy() {if (destroyed) return; destroyed = true; abort.abort(); if (!options.element) element.remove();}};\n}\n"]}
+{"version":3,"file":"permission.js","sourceRoot":"","sources":["../../src/tasks/permission.ts"],"names":[],"mappings":"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","sourcesContent":["import {scopeIds} from '../forms/identity.js';\nimport type { ActionResult, UIBlock } from '../core.js';\nimport { escape, icon, uniqueId, setText } from '../dom.js';\nimport {adoptAction,adoptFeedback,adoptProductParts} from '../foundations.js';\nimport {permissionControlElement} from './permission-element.js';\nimport {reconcileKeyed} from '../reconcile.js';\nexport interface FullAccessState {title?: string; error?: string; disabled?: boolean}\nexport interface FullAccessOptions {idPrefix?: string; onConfirm?: () => ActionResult | Promise<ActionResult>}\nexport function createFullAccessConfirmation(initial: FullAccessState, options: FullAccessOptions = {}): UIBlock<FullAccessState> & {readonly confirmButton: HTMLButtonElement} {\n const state = initial; const element = document.createElement('div'); element.className = 'pui-full-access-confirmation'; element.innerHTML = `<div class=\"pui-modal-heading\"><div><span class=\"pui-eyebrow\">CONVERSATION PERMISSIONS</span><h2 id=\"full-access-title\">Enable full access?</h2></div><button type=\"button\" class=\"pui-quiet-icon\" data-pui-close data-close=\"permissions-dialog\" aria-label=\"Cancel full access\">${icon('close')}</button></div><p class=\"pui-modal-description\">Give Pith permission to run <strong>all enabled tools, including external MCP connections,</strong> without asking in <strong data-permission-target>${escape(state.title || 'this conversation')}</strong>.</p><div class=\"pui-full-access-explanation\">${icon('shield')}<div><strong>This is access to your computer account and connected services.</strong><p>Commands can read, change, or delete files outside the workspace and access the network. External tools can act on their connected services. There is no OS sandbox.</p></div></div><p class=\"pui-permission-revoke-note\">This applies only to the current conversation and stays enabled across app restarts until you revoke it. To revoke it, choose “Ask before changes” or “Allow workspace changes” in the composer. Workspace permission alone never grants external MCP tools access.</p><div id=\"permissions-error\" class=\"pui-form-error\" role=\"alert\"></div><div class=\"pui-modal-footer\"><button class=\"pui-secondary-button\" type=\"button\" data-pui-close data-close=\"permissions-dialog\">Cancel</button><button class=\"pui-primary-button pui-full-access-confirm\" id=\"enable-full-access\" type=\"button\">Enable full access</button></div>`;\n let destroyed = false; const confirmButton = element.querySelector<HTMLButtonElement>('#enable-full-access')!; const error = element.querySelector<HTMLElement>('#permissions-error')!;\n let current = initial;\n const feedback = adoptFeedback(error,{presentation:'inline',autoHide:false});\n const action = adoptAction(confirmButton,{onAction:options.onConfirm ? () => {update({...current,error:''}); return options.onConfirm!();} : undefined,onError:message => {update({...current,error:message});}});\n const update = (state: Readonly<FullAccessState>) => {if (destroyed) return; current = state; setText(element.querySelector<HTMLElement>('[data-permission-target]')!,state.title || 'this conversation'); action.update({disabled: !!state.disabled}); if (state.error !== undefined) feedback.update({message:state.error,tone:'error'});}; update(initial); scopeIds(element, options.idPrefix ?? uniqueId('pui-full-access') + '-');\n return {element, confirmButton, update, destroy() {if (destroyed) return; destroyed = true; action.destroy(); feedback.destroy(); element.remove();}};\n}\nexport interface TaskFailureState {visible: boolean; message: string; advice: string; canContinue: boolean; workspaceId?: string}\nexport function createTaskFailure(initial: TaskFailureState, options: {element?: HTMLElement; onContinue?: () => void; onSettings?: () => void; onDiagnostics?: () => void} = {}): UIBlock<TaskFailureState> {\n const element = options.element || document.createElement('section'); if (!options.element) element.className = 'pui-task-failure';\n const message = document.createElement('strong'), advice = document.createElement('p'), actions = document.createElement('div');\n type Action = 'continue' | 'settings' | 'diagnostics';\n type Row = {element: HTMLButtonElement; handle: ReturnType<typeof adoptAction>; stop?: (event: Event) => void};\n const rows = new Map<Action,Row>(); let destroyed = false;\n const release = (row: Row) => {if (row.stop) row.element.removeEventListener('click',row.stop); row.handle.destroy();};\n const update = (state: Readonly<TaskFailureState>) => {\n   if (destroyed) return; element.hidden = !state.visible; if (!state.visible) return;\n   if (message.parentElement !== element) element.replaceChildren(message,advice,actions);\n   setText(message,state.message); setText(advice,state.advice);\n   const views: Array<{action: Action; label: string; callback?: () => void}> = [{action:state.canContinue ? 'continue' : 'settings',label:state.canContinue ? 'Review and continue' : 'Check model settings',callback:state.canContinue ? options.onContinue : options.onSettings},{action:'diagnostics',label:'Save diagnostics',callback:options.onDiagnostics}];\n   reconcileKeyed(actions,rows,views,{key:view=>view.action,element:row=>row.element,create(view) {\n     const button = document.createElement('button'); button.type = 'button'; button.className = 'pui-secondary-button'; button.dataset.action = view.action;\n     const stop = view.callback ? (event: Event) => event.stopPropagation() : undefined; if (stop) button.addEventListener('click',stop);\n     return {element:button,handle:adoptAction(button,{onAction:view.callback}),stop};\n   },update(row,view) {row.handle.update({label:view.label}); if (view.action === 'continue') {row.element.dataset.idleAction = ''; row.element.dataset.idleWorkspace = state.workspaceId || '';}},destroy:release});\n };\n update(initial); return {element,update,destroy() {if (destroyed) return; destroyed = true; for (const row of rows.values()) release(row); rows.clear(); if (!options.element) element.remove();}};\n}\nexport interface PermissionControlState {mode: string; description: string; disabled?: boolean}\nexport function createPermissionControl(initial: PermissionControlState, options: {element?: HTMLElement; descriptionElement?: HTMLElement; onChange?: (value: string) => void} = {}): UIBlock<PermissionControlState> {\n const element = options.element || permissionControlElement();\n const selector = element.querySelector<HTMLSelectElement>('select')!; const abort = new AbortController(); let destroyed = false;\n if (options.descriptionElement) {if (!options.descriptionElement.id) options.descriptionElement.id = uniqueId('pui-permission-description'); selector.setAttribute('aria-describedby', options.descriptionElement.id);} else selector.removeAttribute('aria-describedby');\n const parts = adoptProductParts(element); const control = parts.control(selector);\n const update = (state: Readonly<PermissionControlState>) => {if (destroyed) return; control.reset(state.mode); control.update({disabled:!!state.disabled}); element.classList.toggle('pui-full-access', state.mode === 'full-access'); if (options.descriptionElement) {options.descriptionElement.textContent = state.description; options.descriptionElement.classList.toggle('pui-full-access-note', state.mode === 'full-access');} else selector.title = state.description;};\n selector.addEventListener('change', () => options.onChange?.(selector.value), {signal:abort.signal}); update(initial);\n return {element, update, destroy() {if (destroyed) return; destroyed = true; parts.destroy(); abort.abort(); if (!options.element) element.remove();}};\n}\n"]}

package/dist/tasks/runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../src/tasks/runtime.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,WAAW,iBAAiB;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAC;AACvW,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,iBAAiB,EAAE,OAAO,GAAE;IAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,IAAI,CAAA;CAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC,GAAG;IAAC,YAAY,CAAC,KAAK,EAAE;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,GAAG,IAAI,CAAA;CAAC,CAOnP"}
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../src/tasks/runtime.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAG1C,MAAM,WAAW,iBAAiB;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAC;AACvW,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,iBAAiB,EAAE,OAAO,GAAE;IAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,IAAI,CAAA;CAAM,GAAG,OAAO,CAAC,iBAAiB,CAAC,GAAG;IAAC,YAAY,CAAC,KAAK,EAAE;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,GAAG,IAAI,CAAA;CAAC,CAsBnP"}

package/dist/tasks/runtime.js

@@ -1,5 +1,6 @@
 import { scopeIds } from '../forms/identity.js';
-import { escape, uniqueId } from '../dom.js';
+import { setText, uniqueId } from '../dom.js';
+import { reconcileKeyed } from '../reconcile.js';
 export function createRuntimePanel(initial, options = {}) {
     const element = options.element || document.createElement('details');
     if (!options.element) {
@@ -13,22 +14,38 @@ export function createRuntimePanel(initial, options = {}) {
     const prefix = options.idPrefix ?? uniqueId('pui-runtime') + '-';
     for (const child of element.children)
         scopeIds(child, prefix);
-    let signature = '';
     let destroyed = false;
+    const list = document.createElement('dl'), note = document.createElement('p');
+    note.textContent = 'Duration and average speed cover the latest task, including tools and waits. Speed uses reported output tokens, including reasoning, retries and summaries; input, cache and earlier tasks are excluded. An interrupted checkpoint shows only a lower bound for duration. Session token figures come from Pith records. Context excludes system instructions and tool schemas. Costs estimate recorded requests; unknown prices and older unrecorded requests are excluded. This is not a provider bill.';
+    const rows = new Map();
     const updateTiming = (state) => { if (destroyed)
-        return; summary.textContent = state.summary; const duration = values.querySelector('[data-runtime-duration]'); const speed = values.querySelector('[data-runtime-speed]'); if (duration)
-        duration.textContent = state.duration; if (speed)
-        speed.textContent = state.speed; };
-    const update = (state) => { if (destroyed)
-        return; element.hidden = !state.visible; const next = JSON.stringify({ ...state, summary: undefined, duration: undefined, speed: undefined }); if (next !== signature) {
-        signature = next;
-        values.innerHTML = state.visible ? `<dl>${state.provider ? `<dt>Provider</dt><dd>${escape(state.provider)}</dd>` : ''}${state.thinkingLevel ? `<dt>Thinking effort</dt><dd>${escape(state.thinkingLevel)}</dd>` : ''}<dt>Latest task duration</dt><dd id="runtime-duration" data-runtime-duration></dd><dt>Avg. output tokens/s</dt><dd id="runtime-speed" data-runtime-speed></dd><dt>Session input / output</dt><dd>${escape(state.inputTokens)} / ${escape(state.outputTokens)}</dd><dt>Cache read / write</dt><dd>${escape(state.cacheRead)} / ${escape(state.cacheWrite)}</dd><dt>Estimated conversation context</dt><dd>~${escape(state.contextTokens)} / ${escape(state.contextWindow)} tokens</dd><dt>Context summaries</dt><dd>${escape(state.compactions)}</dd><dt>Tool failures recorded</dt><dd>${escape(state.toolFailures)}</dd><dt>Recorded cost (USD)</dt><dd>${escape(state.recordedCost)}</dd><dt>Latest task (USD)</dt><dd>${escape(state.latestCost)}</dd><dt>Execution</dt><dd>Codemode enabled · durable local task journal</dd></dl><p>Duration and average speed cover the latest task, including tools and waits. Speed uses reported output tokens, including reasoning, retries and summaries; input, cache and earlier tasks are excluded. An interrupted checkpoint shows only a lower bound for duration. Session token figures come from Pith records. Context excludes system instructions and tool schemas. Costs estimate recorded requests; unknown prices and older unrecorded requests are excluded. This is not a provider bill.</p>` : '';
-        for (const child of values.children)
-            scopeIds(child, prefix);
-    } updateTiming(state); };
+        return; setText(summary, state.summary); const duration = rows.get('duration-value'), speed = rows.get('speed-value'); if (duration)
+        setText(duration, state.duration); if (speed)
+        setText(speed, state.speed); };
+    const update = (state) => {
+        if (destroyed)
+            return;
+        element.hidden = !state.visible;
+        if (state.visible) {
+            if (list.parentElement !== values)
+                values.replaceChildren(list, note);
+            const fields = [];
+            if (state.provider)
+                fields.push(['provider', 'Provider', state.provider]);
+            if (state.thinkingLevel)
+                fields.push(['thinking', 'Thinking effort', state.thinkingLevel]);
+            fields.push(['duration', 'Latest task duration', state.duration], ['speed', 'Avg. output tokens/s', state.speed], ['tokens', 'Session input / output', `${state.inputTokens} / ${state.outputTokens}`], ['cache', 'Cache read / write', `${state.cacheRead} / ${state.cacheWrite}`], ['context', 'Estimated conversation context', `~${state.contextTokens} / ${state.contextWindow} tokens`], ['compactions', 'Context summaries', state.compactions], ['failures', 'Tool failures recorded', state.toolFailures], ['recorded', 'Recorded cost (USD)', state.recordedCost], ['latest', 'Latest task (USD)', state.latestCost], ['execution', 'Execution', 'Codemode enabled · durable local task journal']);
+            const entries = fields.flatMap(([id, label, value]) => [{ key: id + '-label', tag: 'dt', text: label, id }, { key: id + '-value', tag: 'dd', text: value, id }]);
+            reconcileKeyed(list, rows, entries, { key: row => row.key, element: row => row, create(row) { const node = document.createElement(row.tag); if (row.tag === 'dd' && (row.id === 'duration' || row.id === 'speed')) {
+                    node.id = prefix + 'runtime-' + row.id;
+                    node.setAttribute('data-runtime-' + row.id, '');
+                } return node; }, update(node, row) { setText(node, row.text); }, destroy() { } });
+        }
+        updateTiming(state);
+    };
     update(initial);
     return { element, update, updateTiming, destroy() { if (destroyed)
-            return; destroyed = true; if (!options.element)
+            return; destroyed = true; rows.clear(); if (!options.element)
             element.remove(); } };
 }
 //# sourceMappingURL=runtime.js.map

package/dist/tasks/runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../src/tasks/runtime.ts"],"names":[],"mappings":"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","sourcesContent":["import {scopeIds} from '../forms/identity.js';\nimport type { UIBlock } from '../core.js';\nimport { escape, uniqueId } from '../dom.js';\nexport interface RuntimePanelState {visible: boolean; summary: string; duration: string; speed: string; provider?: string; thinkingLevel?: string; inputTokens: string; outputTokens: string; cacheRead: string; cacheWrite: string; contextTokens: string; contextWindow: string; compactions: string; toolFailures: string; recordedCost: string; latestCost: string}\nexport function createRuntimePanel(initial: RuntimePanelState, options: {element?: HTMLElement; idPrefix?: string; costs?: Node} = {}): UIBlock<RuntimePanelState> & {updateTiming(value: {summary: string; duration: string; speed: string}): void} {\n const element = options.element || document.createElement('details');\n if (!options.element) {element.className = 'pui-run-status pui-runtime-panel'; element.innerHTML = '<summary id=\"run-status-summary\"></summary><div id=\"run-status-details\"><div id=\"runtime-values\"></div></div>'; if (options.costs) element.querySelector('#run-status-details')!.append(options.costs);}\n const summary = element.querySelector<HTMLElement>('#run-status-summary')!; const values = element.querySelector<HTMLElement>('#runtime-values')!; const prefix = options.idPrefix ?? uniqueId('pui-runtime') + '-'; for (const child of element.children) scopeIds(child as HTMLElement, prefix); let signature = ''; let destroyed = false;\n const updateTiming = (state: {summary: string; duration: string; speed: string}) => {if (destroyed) return; summary.textContent = state.summary; const duration = values.querySelector<HTMLElement>('[data-runtime-duration]'); const speed = values.querySelector<HTMLElement>('[data-runtime-speed]'); if (duration) duration.textContent = state.duration; if (speed) speed.textContent = state.speed;};\n const update = (state: Readonly<RuntimePanelState>) => {if (destroyed) return; element.hidden = !state.visible; const next = JSON.stringify({...state, summary: undefined, duration: undefined, speed: undefined}); if (next !== signature) {signature = next; values.innerHTML = state.visible ? `<dl>${state.provider ? `<dt>Provider</dt><dd>${escape(state.provider)}</dd>` : ''}${state.thinkingLevel ? `<dt>Thinking effort</dt><dd>${escape(state.thinkingLevel)}</dd>` : ''}<dt>Latest task duration</dt><dd id=\"runtime-duration\" data-runtime-duration></dd><dt>Avg. output tokens/s</dt><dd id=\"runtime-speed\" data-runtime-speed></dd><dt>Session input / output</dt><dd>${escape(state.inputTokens)} / ${escape(state.outputTokens)}</dd><dt>Cache read / write</dt><dd>${escape(state.cacheRead)} / ${escape(state.cacheWrite)}</dd><dt>Estimated conversation context</dt><dd>~${escape(state.contextTokens)} / ${escape(state.contextWindow)} tokens</dd><dt>Context summaries</dt><dd>${escape(state.compactions)}</dd><dt>Tool failures recorded</dt><dd>${escape(state.toolFailures)}</dd><dt>Recorded cost (USD)</dt><dd>${escape(state.recordedCost)}</dd><dt>Latest task (USD)</dt><dd>${escape(state.latestCost)}</dd><dt>Execution</dt><dd>Codemode enabled · durable local task journal</dd></dl><p>Duration and average speed cover the latest task, including tools and waits. Speed uses reported output tokens, including reasoning, retries and summaries; input, cache and earlier tasks are excluded. An interrupted checkpoint shows only a lower bound for duration. Session token figures come from Pith records. Context excludes system instructions and tool schemas. Costs estimate recorded requests; unknown prices and older unrecorded requests are excluded. This is not a provider bill.</p>` : ''; for (const child of values.children) scopeIds(child as HTMLElement, prefix);} updateTiming(state);};\n update(initial); return {element, update, updateTiming, destroy() {if (destroyed) return; destroyed = true; if (!options.element) element.remove();}};\n}\n"]}
+{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../src/tasks/runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAE9C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAC,cAAc,EAAC,MAAM,iBAAiB,CAAC;AAE/C,MAAM,UAAU,kBAAkB,CAAC,OAA0B,EAAE,UAAoE,EAAE;IACpI,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACrE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QAAA,OAAO,CAAC,SAAS,GAAG,kCAAkC,CAAC;QAAC,OAAO,CAAC,SAAS,GAAG,+GAA+G,CAAC;QAAC,IAAI,OAAO,CAAC,KAAK;YAAE,OAAO,CAAC,aAAa,CAAC,qBAAqB,CAAE,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAAA,CAAC;IAC5S,MAAM,OAAO,GAAG,OAAO,CAAC,aAAa,CAAc,qBAAqB,CAAE,CAAC;IAAC,MAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAc,iBAAiB,CAAE,CAAC;IAAC,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,CAAC,GAAG,GAAG,CAAC;IAAC,KAAK,MAAM,KAAK,IAAI,OAAO,CAAC,QAAQ;QAAE,QAAQ,CAAC,KAAoB,EAAE,MAAM,CAAC,CAAC;IAAC,IAAI,SAAS,GAAG,KAAK,CAAC;IACzT,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC9E,IAAI,CAAC,WAAW,GAAG,0eAA0e,CAAC;IAC9f,MAAM,IAAI,GAAG,IAAI,GAAG,EAAsB,CAAC;IAC3C,MAAM,YAAY,GAAG,CAAC,KAAyD,EAAE,EAAE,GAAE,IAAI,SAAS;QAAE,OAAO,CAAC,OAAO,CAAC,OAAO,EAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,QAAQ;QAAE,OAAO,CAAC,QAAQ,EAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,KAAK;QAAE,OAAO,CAAC,KAAK,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA,CAAC,CAAC;IAClT,MAAM,MAAM,GAAG,CAAC,KAAkC,EAAE,EAAE;QACpD,IAAI,SAAS;YAAE,OAAO;QAAC,OAAO,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC;QACvD,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YAClB,IAAI,IAAI,CAAC,aAAa,KAAK,MAAM;gBAAE,MAAM,CAAC,eAAe,CAAC,IAAI,EAAC,IAAI,CAAC,CAAC;YACrE,MAAM,MAAM,GAAkC,EAAE,CAAC;YACjD,IAAI,KAAK,CAAC,QAAQ;gBAAE,MAAM,CAAC,IAAI,CAAC,CAAC,UAAU,EAAC,UAAU,EAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;YACxE,IAAI,KAAK,CAAC,aAAa;gBAAE,MAAM,CAAC,IAAI,CAAC,CAAC,UAAU,EAAC,iBAAiB,EAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;YACzF,MAAM,CAAC,IAAI,CAAC,CAAC,UAAU,EAAC,sBAAsB,EAAC,KAAK,CAAC,QAAQ,CAAC,EAAC,CAAC,OAAO,EAAC,sBAAsB,EAAC,KAAK,CAAC,KAAK,CAAC,EAAC,CAAC,QAAQ,EAAC,wBAAwB,EAAC,GAAG,KAAK,CAAC,WAAW,MAAM,KAAK,CAAC,YAAY,EAAE,CAAC,EAAC,CAAC,OAAO,EAAC,oBAAoB,EAAC,GAAG,KAAK,CAAC,SAAS,MAAM,KAAK,CAAC,UAAU,EAAE,CAAC,EAAC,CAAC,SAAS,EAAC,gCAAgC,EAAC,IAAI,KAAK,CAAC,aAAa,MAAM,KAAK,CAAC,aAAa,SAAS,CAAC,EAAC,CAAC,aAAa,EAAC,mBAAmB,EAAC,KAAK,CAAC,WAAW,CAAC,EAAC,CAAC,UAAU,EAAC,wBAAwB,EAAC,KAAK,CAAC,YAAY,CAAC,EAAC,CAAC,UAAU,EAAC,qBAAqB,EAAC,KAAK,CAAC,YAAY,CAAC,EAAC,CAAC,QAAQ,EAAC,mBAAmB,EAAC,KAAK,CAAC,UAAU,CAAC,EAAC,CAAC,WAAW,EAAC,WAAW,EAAC,+CAA+C,CAAC,CAAC,CAAC;YAChpB,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAC,KAAK,EAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,EAAC,EAAE,GAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,EAAE,EAAC,EAAC,EAAC,GAAG,EAAC,EAAE,GAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,EAAE,EAAC,CAAC,CAAC,CAAC;YAC1I,cAAc,CAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,EAAC,GAAG,EAAC,GAAG,CAAA,EAAE,CAAA,GAAG,CAAC,GAAG,EAAC,OAAO,EAAC,GAAG,CAAA,EAAE,CAAA,GAAG,EAAC,MAAM,CAAC,GAAG,IAAG,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,GAAG,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,UAAU,IAAI,GAAG,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,CAAC;oBAAA,IAAI,CAAC,EAAE,GAAG,MAAM,GAAC,UAAU,GAAC,GAAG,CAAC,EAAE,CAAC;oBAAC,IAAI,CAAC,YAAY,CAAC,eAAe,GAAC,GAAG,CAAC,EAAE,EAAC,EAAE,CAAC,CAAC;gBAAA,CAAC,CAAC,OAAO,IAAI,CAAC,CAAA,CAAC,EAAC,MAAM,CAAC,IAAI,EAAC,GAAG,IAAG,OAAO,CAAC,IAAI,EAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAA,CAAC,EAAC,OAAO,KAAI,CAAC,EAAC,CAAC,CAAC;QACpW,CAAC;QACD,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IACF,MAAM,CAAC,OAAO,CAAC,CAAC;IAAC,OAAO,EAAC,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,KAAI,IAAI,SAAS;YAAE,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA,CAAC,EAAC,CAAC;AACrK,CAAC","sourcesContent":["import {scopeIds} from '../forms/identity.js';\nimport type { UIBlock } from '../core.js';\nimport { setText, uniqueId } from '../dom.js';\nimport {reconcileKeyed} from '../reconcile.js';\nexport interface RuntimePanelState {visible: boolean; summary: string; duration: string; speed: string; provider?: string; thinkingLevel?: string; inputTokens: string; outputTokens: string; cacheRead: string; cacheWrite: string; contextTokens: string; contextWindow: string; compactions: string; toolFailures: string; recordedCost: string; latestCost: string}\nexport function createRuntimePanel(initial: RuntimePanelState, options: {element?: HTMLElement; idPrefix?: string; costs?: Node} = {}): UIBlock<RuntimePanelState> & {updateTiming(value: {summary: string; duration: string; speed: string}): void} {\n const element = options.element || document.createElement('details');\n if (!options.element) {element.className = 'pui-run-status pui-runtime-panel'; element.innerHTML = '<summary id=\"run-status-summary\"></summary><div id=\"run-status-details\"><div id=\"runtime-values\"></div></div>'; if (options.costs) element.querySelector('#run-status-details')!.append(options.costs);}\n const summary = element.querySelector<HTMLElement>('#run-status-summary')!; const values = element.querySelector<HTMLElement>('#runtime-values')!; const prefix = options.idPrefix ?? uniqueId('pui-runtime') + '-'; for (const child of element.children) scopeIds(child as HTMLElement, prefix); let destroyed = false;\n const list = document.createElement('dl'), note = document.createElement('p');\n note.textContent = 'Duration and average speed cover the latest task, including tools and waits. Speed uses reported output tokens, including reasoning, retries and summaries; input, cache and earlier tasks are excluded. An interrupted checkpoint shows only a lower bound for duration. Session token figures come from Pith records. Context excludes system instructions and tool schemas. Costs estimate recorded requests; unknown prices and older unrecorded requests are excluded. This is not a provider bill.';\n const rows = new Map<string,HTMLElement>();\n const updateTiming = (state: {summary: string; duration: string; speed: string}) => {if (destroyed) return; setText(summary,state.summary); const duration = rows.get('duration-value'), speed = rows.get('speed-value'); if (duration) setText(duration,state.duration); if (speed) setText(speed,state.speed);};\n const update = (state: Readonly<RuntimePanelState>) => {\n   if (destroyed) return; element.hidden = !state.visible;\n   if (state.visible) {\n     if (list.parentElement !== values) values.replaceChildren(list,note);\n     const fields: Array<[string,string,string]> = [];\n     if (state.provider) fields.push(['provider','Provider',state.provider]);\n     if (state.thinkingLevel) fields.push(['thinking','Thinking effort',state.thinkingLevel]);\n     fields.push(['duration','Latest task duration',state.duration],['speed','Avg. output tokens/s',state.speed],['tokens','Session input / output',`${state.inputTokens} / ${state.outputTokens}`],['cache','Cache read / write',`${state.cacheRead} / ${state.cacheWrite}`],['context','Estimated conversation context',`~${state.contextTokens} / ${state.contextWindow} tokens`],['compactions','Context summaries',state.compactions],['failures','Tool failures recorded',state.toolFailures],['recorded','Recorded cost (USD)',state.recordedCost],['latest','Latest task (USD)',state.latestCost],['execution','Execution','Codemode enabled · durable local task journal']);\n     const entries = fields.flatMap(([id,label,value]) => [{key:id+'-label',tag:'dt',text:label,id},{key:id+'-value',tag:'dd',text:value,id}]);\n     reconcileKeyed(list,rows,entries,{key:row=>row.key,element:row=>row,create(row) {const node = document.createElement(row.tag); if (row.tag === 'dd' && (row.id === 'duration' || row.id === 'speed')) {node.id = prefix+'runtime-'+row.id; node.setAttribute('data-runtime-'+row.id,'');} return node;},update(node,row) {setText(node,row.text);},destroy() {}});\n   }\n   updateTiming(state);\n };\n update(initial); return {element, update, updateTiming, destroy() {if (destroyed) return; destroyed = true; rows.clear(); if (!options.element) element.remove();}};\n}\n"]}