pith-ui 0.1.1 → 0.2.0-app.1

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.map

@@ -1 +1 @@
-{"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;AAGxD,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,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,CAQrN"}
+{"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,11 +1,13 @@
 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');
@@ -13,7 +15,7 @@ export function createFullAccessConfirmation(initial, options = {}) {
     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; current = state; action.update({ disabled: !!state.disabled }); if (state.error !== undefined)
+        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') + '-');
@@ -24,27 +26,44 @@ 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;

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 { ActionResult, UIBlock } from '../core.js';\nimport { escape, icon, uniqueId } from '../dom.js';\nimport {adoptAction,adoptFeedback,adoptProductParts} from '../foundations.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 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 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; 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'; 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 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"]}
+{"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) {
@@ -8,27 +9,43 @@ export function createRuntimePanel(initial, options = {}) {
         if (options.costs)
             element.querySelector('#run-status-details').append(options.costs);
     }
-    const summary = element.querySelector('#run-status-summary');
-    const values = element.querySelector('#runtime-values');
+    const summary = element.querySelector('[id$="run-status-summary"]');
+    const values = element.querySelector('[id$="runtime-values"]');
     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":"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","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>('[id$=\"run-status-summary\"]')!; const values = element.querySelector<HTMLElement>('[id$=\"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"]}

package/dist/workspace.d.ts.map

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

package/dist/workspace.js

@@ -1,8 +1,10 @@
-import { Generation } from './core.js';
-import { icon } from './dom.js';
+import {} from './core.js';
+import { focusableElements, icon } from './dom.js';
 import { controlDisabled } from './core.js';
 import { adoptProductParts, reconcileSelectOptions } from './foundations.js';
 import { installDialogLifecycle } from './surface.js';
+import { permissionControlElement } from './tasks/permission-element.js';
+import { createOperation } from './operation.js';
 let sequence = 0;
 function identify(root, prefix) {
     if (!prefix)
@@ -24,27 +26,37 @@ export function createComposerView(options = {}) {
         <div class="pui-composer-toolbar">
           <div class="pui-composer-context">
             <button id="attach-images" type="button" class="pui-quiet-icon pui-attach-images" data-action="attach-images" aria-label="Attach images" title="Attach images">${icon('image')}</button>
-            <label class="pui-permission-control" id="permission-control">${icon('shield')}<span class="pui-sr-only">Conversation permissions</span><select id="permission-mode" aria-describedby="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')}</label>
+            <span data-permission-slot></span>
           </div>
           <div class="pui-composer-actions"><button id="composer-model" type="button" class="pui-composer-model" data-action="model" data-idle-action data-global-idle aria-label="Choose model">Choose model</button><label class="pui-composer-thinking"><span class="pui-sr-only">Thinking effort</span><select id="composer-thinking" aria-label="Thinking effort"></select></label><button id="send-button" class="pui-send-button" type="submit" aria-label="Send message">${icon('arrow')}</button></div>
         </div>
       </form>`;
     const element = holder.firstElementChild;
+    const permission = permissionControlElement();
+    permission.id = 'permission-control';
+    const permissionMode = permission.querySelector('select');
+    permissionMode.id = 'permission-mode';
+    permissionMode.setAttribute('aria-describedby', 'permission-description');
+    element.querySelector('[data-permission-slot]').replaceWith(permission);
     const input = element.querySelector('textarea');
     const action = element.querySelector('[type="submit"]');
     const model = element.querySelector('[data-action="model"]');
     const thinking = element.querySelector('[aria-label="Thinking effort"]');
+    const thinkingLabel = thinking.closest('label');
     const imagePicker = element.querySelector('[type="file"]');
     identify(element, options.prefix ?? 'pui-composer-' + ++sequence + '-');
-    const generation = new Generation();
     const parts = adoptProductParts(element);
+    parts.control(element.querySelector('[id$="permission-mode"]'));
+    parts.control(thinking);
     let destroyed = false;
-    let pending = false, last = {}, lastAction = 'send';
+    let last = {}, lastAction = 'send';
     const error = document.createElement('div');
     error.className = 'pui-form-error';
     error.setAttribute('role', 'alert');
     error.hidden = true;
     element.insertBefore(error, element.firstChild);
+    const feedback = parts.feedback(error);
+    const setError = (message) => { feedback.update({ message, tone: 'error' }); error.hidden = !message; };
     const resize = () => { input.style.height = 'auto'; input.style.height = Math.min(input.scrollHeight, 180) + 'px'; };
     const update = (state) => {
         if (destroyed)
@@ -60,46 +72,27 @@ export function createComposerView(options = {}) {
         const actionLabel = lastAction === 'stop' ? 'Stop agent' : lastAction === 'queue' ? 'Queue message' : 'Send message';
         action.setAttribute('aria-label', actionLabel);
         action.title = actionLabel;
-        parts.action(action).update({ disabled: !!(state.actionDisabled || state.disabled), pending });
+        parts.action(action).update({ disabled: !!(state.actionDisabled || state.disabled), pending: operation.pending });
         if (state.model) {
             parts.action(model).update({ label: state.model.label, title: state.model.description, disabled: !!state.model.disabled });
         }
         if (state.thinking) {
             const { options: choices, value, disabled } = state.thinking;
             reconcileSelectOptions(thinking, choices, value);
+            thinkingLabel.hidden = choices.length < 2;
             parts.control(thinking).update({ disabled: !!disabled });
-            thinking.parentElement.hidden = choices.length < 2;
         }
         parts.update();
     };
+    const operation = createOperation({ unavailable: () => destroyed || action.disabled, onPending: () => update(last), onError: setError });
     const onInput = () => { resize(); options.onInput?.(input.value); };
-    const run = async (callback, textSubmission = true) => {
-        if (!callback || pending || action.disabled || (textSubmission && (input.disabled || input.readOnly)))
+    const run = (callback, textSubmission = true) => {
+        if (!callback || (textSubmission && (input.disabled || input.readOnly)))
             return;
-        const seq = generation.next();
-        pending = true;
-        error.hidden = true;
-        error.textContent = '';
-        update(last);
-        try {
-            const result = await callback();
-            if (generation.current(seq) && result && !result.ok) {
-                error.textContent = result.error;
-                error.hidden = false;
-            }
-        }
-        catch (reason) {
-            if (generation.current(seq)) {
-                error.textContent = reason instanceof Error ? reason.message : String(reason);
-                error.hidden = false;
-            }
-        }
-        finally {
-            if (generation.current(seq)) {
-                pending = false;
-                update(last);
-            }
-        }
+        operation.run(() => { setError(''); return callback(); }, result => {
+            if (result && !result.ok)
+                setError(result.error);
+        });
     };
     const submit = (event) => { if (options.onSubmit) {
         event.preventDefault();
@@ -136,12 +129,12 @@ export function createComposerView(options = {}) {
     action.addEventListener('click', stop);
     return { element, input, update, getValue: () => input.value,
         reset(value) { if (destroyed)
-            return; generation.invalidate(); pending = false; error.hidden = true; error.textContent = ''; input.value = value; update(last); resize(); }, focus: () => { if (!destroyed)
+            return; operation.invalidate(); setError(''); input.value = value; update(last); resize(); }, focus: () => { if (!destroyed)
             input.focus(); }, resize,
         pickImages() { if (!destroyed)
             imagePicker.click(); },
         destroy() { if (destroyed)
-            return; destroyed = true; generation.destroy(); parts.destroy(); input.removeEventListener('input', onInput); input.removeEventListener('keydown', keydown); element.removeEventListener('submit', submit); action.removeEventListener('click', stop); element.removeEventListener('click', click); thinking.removeEventListener('change', chooseThinking); imagePicker.removeEventListener('change', images); element.remove(); } };
+            return; destroyed = true; operation.destroy(); parts.destroy(); input.removeEventListener('input', onInput); input.removeEventListener('keydown', keydown); element.removeEventListener('submit', submit); action.removeEventListener('click', stop); element.removeEventListener('click', click); thinking.removeEventListener('change', chooseThinking); imagePicker.removeEventListener('change', images); element.remove(); } };
 }
 export function createWorkspaceShell(options) {
     const element = document.createElement('div');
@@ -218,12 +211,72 @@ export function createWorkspaceShell(options) {
         const name = dialog.id.slice(prefix.length).replace(/-dialog$/, '');
         return [name, installDialogLifecycle(dialog, { onClose: () => options.onDialogClose?.(name) })];
     }));
-    const setSidebarOpen = (open) => { if (destroyed)
-        return; part('sidebar').classList.toggle('pui-open', open); part('sidebar-scrim').classList.toggle('pui-visible', open); };
-    const sidebarClick = (event) => { const target = event.target; if (target === part('sidebar-scrim') || target.closest('[data-action="menu"]')) {
-        setSidebarOpen(target !== part('sidebar-scrim'));
+    const sidebar = part('sidebar'), scrim = part('sidebar-scrim');
+    const main = element.querySelector('.pui-main');
+    const sidebarTrigger = element.querySelector('.pui-mobile-menu');
+    const narrow = matchMedia('(max-width: 720px)');
+    let sidebarOpen = false;
+    sidebarTrigger.setAttribute('aria-controls', sidebar.id);
+    scrim.setAttribute('aria-hidden', 'true');
+    const sidebarControls = () => focusableElements(sidebar);
+    const syncSidebar = () => {
+        if (destroyed)
+            return;
+        const open = narrow.matches && sidebarOpen;
+        main.inert = open;
+        sidebar.inert = narrow.matches && !open;
+        sidebarTrigger.setAttribute('aria-expanded', String(sidebarOpen));
+        sidebar.classList.toggle('pui-open', sidebarOpen);
+        scrim.classList.toggle('pui-visible', sidebarOpen);
+    };
+    const setSidebarOpen = (open) => {
+        if (destroyed)
+            return;
+        const wasOpen = sidebarOpen;
+        sidebarOpen = open;
+        if (!open && narrow.matches && sidebar.contains(document.activeElement)) {
+            main.inert = false;
+            sidebarTrigger.focus({ preventScroll: true });
+        }
+        syncSidebar();
+        if (narrow.matches && open && !wasOpen)
+            sidebarControls()[0]?.focus({ preventScroll: true });
+    };
+    const onBreakpoint = () => {
+        if (narrow.matches && !sidebarOpen && sidebar.contains(document.activeElement)) {
+            main.inert = false;
+            sidebarTrigger.focus({ preventScroll: true });
+        }
+        syncSidebar();
+    };
+    const sidebarKeydown = (event) => {
+        if (!narrow.matches || !sidebarOpen || event.defaultPrevented || element.querySelector('dialog[open]'))
+            return;
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            event.stopPropagation();
+            setSidebarOpen(false);
+            return;
+        }
+        if (event.key !== 'Tab')
+            return;
+        const controls = sidebarControls(), first = controls[0], last = controls.at(-1);
+        if (event.shiftKey && document.activeElement === first) {
+            event.preventDefault();
+            last?.focus();
+        }
+        else if (!event.shiftKey && document.activeElement === last) {
+            event.preventDefault();
+            first?.focus();
+        }
+    };
+    const sidebarClick = (event) => { const target = event.target; if (target === scrim || target.closest('[data-action="menu"]')) {
+        setSidebarOpen(target !== scrim && !sidebarOpen);
         event.stopPropagation();
     } };
+    narrow.addEventListener('change', onBreakpoint);
+    element.addEventListener('keydown', sidebarKeydown);
+    syncSidebar();
     const search = part('history-search');
     const onSearch = () => options.onSearch?.(search.value);
     search.addEventListener('input', onSearch);
@@ -282,7 +335,7 @@ export function createWorkspaceShell(options) {
                 link.setAttribute('aria-disabled', String(unavailable({ kind: 'conversation', id: link.dataset.downloadConversation })));
         },
         destroy() { if (destroyed)
-            return; destroyed = true; for (const dialog of dialogs.values())
+            return; destroyed = true; narrow.removeEventListener('change', onBreakpoint); element.removeEventListener('keydown', sidebarKeydown); sidebar.inert = false; main.inert = false; for (const dialog of dialogs.values())
             dialog.destroy(); parts.destroy(); search.removeEventListener('input', onSearch); element.removeEventListener('click', sidebarClick); busy.removeEventListener('click', onBusy); composer.destroy(); element.remove(); } };
 }
 //# sourceMappingURL=workspace.js.map