ptbk 0.119.0-16 → 0.119.0-21

package/dist/service/spa/app.js

@@ -19,6 +19,15 @@
         busy: new Set(),
         qrFor: null,
         frame: 0,
+        /** Open chat: its name, loaded messages and the message count they reflect. */
+        chat: null,
+        /** Agents offered for a new chat (loaded on demand). */
+        agents: null,
+        /** New-chat entry: 'entry' (Chat with Chatter / Choose another agent) or 'all' (every valid alternative). */
+        newChat: false,
+        showAllChats: false,
+        /** Viewer-local detail panels (initially collapsed; never engine state). */
+        details: { execution: false, browser: false },
     };
 
     /** Creates a DOM element; text children are always inserted as text (never parsed as HTML). */
@@ -95,80 +104,303 @@
         return h('span', { className: `pill ${tone || ''}` }, text);
     }
 
-    /** Runs a control action through the API. */
-    async function control(action, confirmText) {
+    /** Runs one of the engine's shared control operations through the API and reports its real outcome. */
+    async function control(action, confirmText, extra) {
         if (confirmText && !window.confirm(confirmText)) return;
+        const key = `control:${action}`;
+        if (state.busy.has(key)) return;
+        state.busy.add(key);
         try {
-            const result = await api('/api/control', { method: 'POST', body: { action } });
+            const result = await api('/api/control', { method: 'POST', body: { action, ...(extra || {}) } });
             toast(result.outcome);
         } catch (error) {
-            toast(`Failed: ${error.message}`);
+            toast(`Not applied: ${error.message}`);
+        } finally {
+            state.busy.delete(key);
+        }
+    }
+
+    /** Lifecycle actions applicable to the live service state (the same operations as ptbk pause/resume/stop/restart). */
+    function lifecycleActions(snapshot) {
+        const service = snapshot.service;
+        const lifecycle = service.lifecycle || {};
+        const stateName = service.state === 'paused' ? 'pause' : service.state;
+        if (stateName === 'stopped' || stateName === 'finished') return [];
+        const actions = [];
+        const restartable = lifecycle.restartable !== false && service.mode !== 'run';
+        const pending = lifecycle.intent === 'restart' ? 'restart' : 'stop';
+        if (stateName === 'running') actions.push({ action: 'pause', label: 'Pause' });
+        if (stateName === 'pause') actions.push({ action: 'resume', label: 'Resume', primary: true });
+        if (stateName === 'pausing') actions.push({ action: 'resume', label: 'Cancel pause' });
+        if (stateName === 'stopping' && lifecycle.cancellable) {
+            actions.push({ action: 'resume', label: `Cancel ${pending}`, primary: true });
+            actions.push({ action: 'pause', label: 'Pause instead', confirm: `Cancel the pending ${pending} and pause instead?`, extra: { replaceStop: true, revision: lifecycle.revision } });
+        }
+        if (stateName !== 'stopping' || (lifecycle.intent === 'restart' && lifecycle.cancellable)) {
+            actions.push({ action: 'stop', label: stateName === 'pausing' ? 'Stop instead' : 'Stop (graceful)', confirm: 'Stop the service after the current task settles? Every viewer shares this engine; closing this page does not stop it.' });
         }
+        if (restartable && stateName !== 'stopping') actions.push({ action: 'restart', label: 'Restart', confirm: 'Restart the service? The current task finishes first; then exactly one replacement starts with the same configuration.' });
+        if (lifecycle.intent !== 'force-stop') actions.push({ action: 'force-stop', label: 'Force stop', danger: true, confirm: 'Force stop now? Owned work is interrupted immediately (recoverable, never marked done).' });
+        return actions;
+    }
+
+    /** What the live service state means (never a fifth "stopped" live state). */
+    function lifecycleText(snapshot) {
+        const service = snapshot.service;
+        const lifecycle = service.lifecycle || {};
+        const task = snapshot.current ? `“${snapshot.current.taskTitle}”` : 'the current task';
+        switch (service.state === 'paused' ? 'pause' : service.state) {
+            case 'running':
+                return snapshot.current ? 'New tasks start when ready.' : 'Idle is normal; new tasks start when ready.';
+            case 'pausing':
+                return `${task} finishes first; then no task starts until you resume.`;
+            case 'pause':
+                return 'Alive and controllable; no task runs or starts.';
+            case 'stopping':
+                if (lifecycle.intent === 'force-stop') return 'Force stop: owned work is being interrupted (recoverable).';
+                if (lifecycle.shutdown) return lifecycle.intent === 'restart' ? 'Shutting down for a restart; one replacement starts next.' : 'Shutting down.';
+                return `${task} finishes first; then the service ${lifecycle.intent === 'restart' ? 'restarts (exactly one replacement)' : 'exits'}.`;
+            case 'stopped':
+                return 'No engine is running (an observation, not a live state). Start it with ptbk start.';
+            default:
+                return 'The finite run ended.';
+        }
+    }
+
+    /** Loads (or reloads) the open chat; opening marks it read but never answers anything. */
+    async function loadChat(name) {
+        try {
+            const detail = await api(`/api/chats/${encodeURIComponent(name)}`);
+            const changed = !state.chat || state.chat.name !== detail.summary.name || state.chat.detail?.messages.length !== detail.messages.length || state.chat.detail?.summary.status !== detail.summary.status;
+            state.chat = { name: detail.summary.name, detail };
+            if (changed) await api(`/api/chats/${encodeURIComponent(detail.summary.name)}/read`, { method: 'POST' }).catch(() => undefined);
+        } catch (error) {
+            toast(`Chat unavailable: ${error.message}`);
+            state.chat = null;
+        }
+        render(state.snapshot);
     }
 
-    /** Submits an answer once. */
-    async function answer(id, value, status) {
-        if (state.busy.has(id)) return;
-        state.busy.add(id);
+    function openChat(name) {
+        state.newChat = false;
+        state.chat = { name, detail: null };
+        render(state.snapshot);
+        loadChat(name);
+    }
+
+    /** Sends one message (an answer is an ordinary committed chat message); stale views are rejected by the service. */
+    async function sendMessage(name, text, expected) {
+        if (state.busy.has(name)) return;
+        state.busy.add(name);
         render(state.snapshot);
         try {
-            await api(`/api/requests/${encodeURIComponent(id)}/answer`, { method: 'POST', body: { answer: value, status: status || 'answered' } });
-            state.drafts.delete(id);
-            toast('Answer applied.');
+            const result = await api(`/api/chats/${encodeURIComponent(name)}/messages`, { method: 'POST', body: { text, expected } });
+            state.drafts.delete(`chat:${name}`);
+            toast(result.commit ? `Saved (${result.commit.slice(0, 8)}).` : 'Saved.');
         } catch (error) {
-            toast(`Not applied: ${error.message}`);
+            toast(`Not sent: ${error.message}`);
+        } finally {
+            state.busy.delete(name);
+        }
+        if (state.chat && state.chat.name === name) await loadChat(name);
+        else render(state.snapshot);
+    }
+
+    async function startChat(agent, text) {
+        if (state.busy.has('new-chat')) return;
+        state.busy.add('new-chat');
+        render(state.snapshot);
+        try {
+            // One request key per draft: a retried request returns the chat it already created.
+            state.newChatKey = state.newChatKey || `${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;
+            // Without an explicit agent the service uses Chatter (diagnosed, never silently replaced).
+            const result = await api('/api/chats', { method: 'POST', body: { ...(agent ? { agent } : {}), text, requestKey: state.newChatKey } });
+            state.newChatKey = null;
+            state.drafts.delete('chat:new');
+            toast(`Started “${result.name}”.`);
+            openChat(result.name);
+        } catch (error) {
+            toast(`Not started: ${error.message}`);
         } finally {
-            state.busy.delete(id);
+            state.busy.delete('new-chat');
+            render(state.snapshot);
+        }
+    }
+
+    async function showNewChat() {
+        state.newChat = 'entry';
+        state.focusChatter = true;
+        state.chat = null;
+        render(state.snapshot);
+        if (!state.agents) {
+            try {
+                state.agents = (await api('/api/chat-agents')).agents;
+            } catch (error) {
+                toast(`Agents unavailable: ${error.message}`);
+            }
             render(state.snapshot);
         }
     }
 
+    /** Text area with a persistent draft (survives re-renders and reconnects). */
+    function composer(key, label, onSend, disabled) {
+        const field = h('textarea', { 'data-draft': key, 'aria-label': label, placeholder: 'Type a message…', disabled });
+        field.value = state.drafts.get(key) || '';
+        field.addEventListener('input', () => state.drafts.set(key, field.value));
+        field.addEventListener('keydown', (event) => {
+            if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {
+                event.preventDefault();
+                if (field.value.trim()) onSend(field.value);
+            }
+        });
+        return h('div', {}, field, h('div', { className: 'row', style: 'margin-top:8px' }, h('button', { className: 'primary', disabled, onclick: () => (field.value.trim() ? onSend(field.value) : field.focus()) }, 'Send'), h('span', { className: 'muted' }, 'Ctrl+Enter sends')));
+    }
+
     function renderAttention(snapshot) {
-        const requests = snapshot.requests;
-        const card = h('section', { className: `card attention ${requests.length ? '' : 'empty'}`, 'aria-label': 'Needs your attention' });
-        card.append(h('h2', {}, h('span', {}, requests.length ? `Needs your attention (${requests.length})` : 'Needs your attention'), requests.length ? pill('action required', 'warn') : null));
-        if (!requests.length) {
-            card.append(h('p', { className: 'muted' }, 'Nothing needs you right now.'));
+        const waiting = snapshot.chats.waiting;
+        const card = h('section', { className: `card attention ${waiting.length ? '' : 'empty'}`, 'aria-label': 'Needs your attention' });
+        card.append(h('h2', {}, h('span', {}, waiting.length ? `Needs your attention (${waiting.length})` : 'Needs your attention'), waiting.length ? pill('waiting for you', 'warn') : null));
+        if (!waiting.length) {
+            card.append(h('p', { className: 'muted' }, 'No agent is waiting for you.'));
             return card;
         }
-        for (const request of requests) {
-            const busy = state.busy.has(request.id);
-            const item = h('article', { className: 'request', 'data-request': request.id });
-            item.append(h('div', { className: 'reason' }, request.reason));
-            if (request.attempted) item.append(h('div', { className: 'muted' }, `Already attempted: ${request.attempted}`));
-            item.append(
+        for (const chat of waiting) {
+            const busy = state.busy.has(chat.name);
+            const item = h('article', { className: 'request', 'data-chat': chat.name });
+            item.append(h('div', { className: 'reason' }, `${chat.awaiting ? chat.awaiting.sender : chat.agent || 'An agent'} asks in “${chat.name}”`));
+            item.append(h('div', { className: 'meta' }, `${chat.members.join(', ')}${chat.links.length ? ` · ${chat.links.join(', ')}` : ''}${chat.last ? ` · ${time(chat.last.at)}` : ''}${chat.unread ? ` · ${chat.unread} unread` : ''}`));
+            if (chat.awaiting) item.append(h('div', { className: 'question' }, chat.awaiting.text));
+            const actions = h('div', { className: 'choices', role: 'group', 'aria-label': 'Answers' });
+            for (const choice of (chat.awaiting && chat.awaiting.choices) || []) actions.append(h('button', { className: 'primary', disabled: busy, onclick: () => sendMessage(chat.name, choice, chat.messages) }, choice));
+            actions.append(h('button', { onclick: () => openChat(chat.name) }, 'Open conversation'));
+            item.append(actions);
+            card.append(item);
+        }
+        return card;
+    }
+
+    function renderThread(snapshot) {
+        const chat = state.chat;
+        const card = h('section', { className: 'card chats thread', 'aria-label': 'Conversation' });
+        if (!chat.detail) {
+            card.append(h('h2', {}, h('span', {}, chat.name)), h('p', { className: 'muted' }, 'Loading…'));
+            return card;
+        }
+        const { summary, messages } = chat.detail;
+        card.append(
+            h(
+                'h2',
+                {},
+                h('span', {}, summary.name),
+                h('span', { className: 'row' }, pill(summary.status === 'waiting-for-user' ? 'waiting for you' : summary.status, summary.status === 'waiting-for-user' ? 'warn' : summary.status === 'open' ? 'ok' : ''), h('button', { onclick: () => ((state.chat = null), render(state.snapshot)) }, 'Close')),
+            ),
+        );
+        card.append(h('div', { className: 'meta muted' }, `${summary.members.join(', ')} · ${summary.path}${summary.links.length ? ` · links ${summary.links.join(', ')}` : ''}`));
+        const thread = h('div', { className: 'messages', role: 'log', 'aria-live': 'polite' });
+        for (const message of messages) {
+            const user = message.sender.replace(/^@/, '').toLowerCase() === 'user';
+            thread.append(
                 h(
-                    'div',
-                    { className: 'meta' },
-                    `${request.id} · ${request.origin}${request.agent ? ` · asked by ${request.agent}` : ''}${request.taskTitle ? ` · affects “${request.taskTitle}”` : ''} · ${time(request.createdAt)}${request.blocking ? ' · blocking' : ''}`,
+                    'article',
+                    { className: `message ${user ? 'user' : 'agent'}` },
+                    h('div', { className: 'meta' }, h('strong', {}, user ? 'You' : message.sender), ` · ${time(message.at)}`),
+                    h('div', { className: 'text' }, message.text),
+                    message.choices && message.choices.length ? h('div', { className: 'muted' }, `Offered: ${message.choices.join(' | ')}`) : null,
                 ),
             );
-            item.append(h('div', { className: 'question' }, request.question));
-            if (request.choices && request.choices.length) {
-                item.append(h('div', { className: 'choices', role: 'group', 'aria-label': 'Answers' }, request.choices.map((choice) => h('button', { className: 'primary', disabled: busy, onclick: () => answer(request.id, choice) }, choice))));
-            } else {
-                const field = h('textarea', { 'data-draft': request.id, 'aria-label': `Answer to ${request.id}`, placeholder: 'Type your answer…', disabled: busy });
-                field.value = state.drafts.get(request.id) || '';
-                field.addEventListener('input', () => state.drafts.set(request.id, field.value));
-                field.addEventListener('keydown', (event) => {
-                    if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {
-                        event.preventDefault();
-                        if (field.value.trim()) answer(request.id, field.value);
-                    }
-                });
-                item.append(field);
-                item.append(
-                    h(
-                        'div',
-                        { className: 'row', style: 'margin-top:8px' },
-                        h('button', { className: 'primary', disabled: busy, onclick: () => (field.value.trim() ? answer(request.id, field.value) : field.focus()) }, 'Send answer'),
-                        h('span', { className: 'muted' }, 'Ctrl+Enter sends'),
-                    ),
-                );
+        }
+        const last = messages[messages.length - 1];
+        if (last && last.sender.replace(/^@/, '').toLowerCase() === 'user' && summary.status === 'open') thread.append(h('p', { className: 'muted' }, `Waiting for ${summary.agent || 'the agent'}’s reply…`));
+        card.append(thread);
+        requestAnimationFrame(() => {
+            thread.scrollTop = thread.scrollHeight;
+        });
+        const busy = state.busy.has(summary.name);
+        if (summary.humanFacing) {
+            if (summary.awaiting && summary.awaiting.choices && summary.awaiting.choices.length && summary.status === 'waiting-for-user') {
+                card.append(h('div', { className: 'choices', role: 'group', 'aria-label': 'Offered answers' }, summary.awaiting.choices.map((choice) => h('button', { className: 'primary', disabled: busy, onclick: () => sendMessage(summary.name, choice, messages.length) }, choice))));
             }
-            item.append(h('div', { className: 'row', style: 'margin-top:6px' }, h('button', { disabled: busy, onclick: () => window.confirm('Decline this request? The agent is told it was declined.') && answer(request.id, 'Declined by the user.', 'rejected') }, 'Decline')));
-            card.append(item);
+            card.append(composer(`chat:${summary.name}`, `Message to ${summary.agent || 'the agent'}`, (text) => sendMessage(summary.name, text, messages.length), busy));
+        } else card.append(h('p', { className: 'muted' }, 'A task-internal consultation between agents (read-only).'));
+        return card;
+    }
+
+    /**
+     * New chat: first exactly two choices — Chat with Chatter (focused default) or Choose another agent — and only the
+     * second lists every valid alternative (project agents, hidden/core agents and Expert).
+     */
+    function renderNewChat() {
+        const card = h('section', { className: 'card chats', 'aria-label': 'New chat' });
+        const back = state.newChat === 'all' || state.newChat === 'chatter' ? h('button', { onclick: () => ((state.newChat = 'entry'), (state.focusChatter = true), render(state.snapshot)) }, 'Back') : null;
+        card.append(h('h2', {}, h('span', {}, 'New chat'), h('span', { className: 'row' }, back, h('button', { onclick: () => ((state.newChat = false), render(state.snapshot)) }, 'Cancel'))));
+        if (!state.agents) {
+            card.append(h('p', { className: 'muted' }, 'Loading agents…'));
+            return card;
+        }
+        const chatter = state.agents.find((agent) => agent.group === 'chatter');
+        const others = state.agents.filter((agent) => agent.group !== 'chatter');
+        if (!chatter) {
+            card.append(h('div', { className: 'notice error' }, 'Chatter (agents/.core/chatter.book), the default partner of new chats, is missing or invalid. Run `ptbk init` or `ptbk start` to restore it, or choose another agent explicitly below.'));
+            if (state.newChat === 'entry') state.newChat = 'all';
+        }
+        if (state.newChat === 'entry' && chatter) {
+            const primary = h('button', { className: 'primary', 'data-focus': 'chatter', onclick: () => ((state.newChat = 'chatter'), render(state.snapshot)) }, `Chat with ${chatter.name}`);
+            card.append(
+                h('div', { className: 'choices', role: 'group', 'aria-label': 'Who do you want to talk to?' }, primary, h('button', { onclick: () => ((state.newChat = 'all'), render(state.snapshot)) }, 'Choose another agent')),
+                h('p', { className: 'muted' }, `${chatter.name} answers project questions, consults the right specialists for you and creates tasks only when you ask for work.`),
+            );
+            if (state.focusChatter) {
+                state.focusChatter = false;
+                requestAnimationFrame(() => primary.focus());
+            }
+            return card;
         }
+        if (state.newChat === 'chatter' && chatter) {
+            card.append(h('p', {}, 'Talking to ', h('strong', {}, chatter.name)));
+            card.append(composer('chat:new', `First message to ${chatter.name}`, (text) => startChat(chatter.reference, text), state.busy.has('new-chat')));
+        } else {
+            const select = h('select', { 'aria-label': 'Agent', 'data-draft': 'chat:new-agent' });
+            const groups = [
+                ['Project agents', others.filter((agent) => agent.group === 'ordinary')],
+                ['Hidden/core agents', others.filter((agent) => agent.group === 'hidden')],
+                ['Engine-provided', others.filter((agent) => agent.group === 'expert')],
+            ];
+            for (const [label, members] of groups) if (members.length) select.append(h('optgroup', { label }, members.map((agent) => h('option', { value: agent.reference }, agent.name))));
+            if (state.drafts.get('chat:new-agent')) select.value = state.drafts.get('chat:new-agent');
+            select.addEventListener('change', () => state.drafts.set('chat:new-agent', select.value));
+            card.append(h('div', { className: 'row' }, h('label', {}, 'Talk to ', select)));
+            card.append(composer('chat:new', 'First message', (text) => startChat(select.value, text), state.busy.has('new-chat')));
+        }
+        card.append(h('p', { className: 'muted' }, 'Every message is saved in chats/ and committed. Agents reply read-only and create ordinary tasks only when you ask for work.'));
+        return card;
+    }
+
+    function renderChats(snapshot) {
+        if (state.newChat) return renderNewChat();
+        if (state.chat) return renderThread(snapshot);
+        const chats = snapshot.chats;
+        const card = h('section', { className: 'card chats', 'aria-label': 'Chats' });
+        card.append(h('h2', {}, h('span', {}, `Chats (${chats.total}${chats.unread ? `, ${chats.unread} unread` : ''})`), h('button', { className: 'primary', onclick: showNewChat }, 'New chat')));
+        if (!chats.recent.length) {
+            card.append(h('p', { className: 'muted' }, 'No chats yet. Start one to ask an agent about the project or to plan work.'));
+            return card;
+        }
+        const items = state.showAllChats ? chats.recent : chats.recent.slice(0, 6);
+        card.append(
+            h(
+                'ul',
+                { className: 'list' },
+                items.map((chat) =>
+                    h(
+                        'li',
+                        {},
+                        h('a', { href: '#', className: 'title', onclick: (event) => (event.preventDefault(), openChat(chat.name)) }, chat.name, h('span', { className: 'why' }, `${chat.members.join(', ')}${chat.last ? ` · ${chat.last.sender}: ${chat.last.preview}` : ''}`)),
+                        chat.status === 'waiting-for-user' ? pill('waiting for you', 'warn') : chat.unread ? pill(`${chat.unread} unread`, 'ok') : pill(chat.status, ''),
+                    ),
+                ),
+            ),
+        );
+        if (chats.recent.length > 6) card.append(h('button', { onclick: () => ((state.showAllChats = !state.showAllChats), render(state.snapshot)) }, state.showAllChats ? 'Show fewer' : `Show all ${chats.recent.length}`));
         return card;
     }
 
@@ -177,7 +409,6 @@
         card.append(h('h2', {}, h('span', {}, 'Current work'), pill(snapshot.phase, snapshot.phase === 'blocked' ? 'bad' : snapshot.current ? 'ok' : '')));
         const current = snapshot.current;
         if (current) {
-            const model = current.model ? `${current.model}${current.modelSource === 'requested' ? ' (requested)' : ''}` : 'harness default (unknown model)';
             card.append(
                 h(
                     'div',
@@ -187,9 +418,8 @@
                 ),
             );
             const rows = [
-                ['Task', `${current.taskId || current.taskRef}${current.kind !== 'task' ? ` (${current.kind})` : ''}`],
+                ['Task', `${current.taskRef}${current.kind !== 'task' ? ` (${current.kind})` : ''}`],
                 ...(current.trace ? [['Trace', current.trace]] : []),
-                ['Harness', `${current.harnessName} · ${model}${current.thinkingLevel ? ` · ${current.thinkingLevel}` : ''}`],
                 ['Phase', `${current.phase}${current.attempt ? ` · attempt ${current.attempt}/${current.attemptBudget}` : ''}${current.detail ? ` · ${current.detail}` : ''}`],
                 ['Since', time(current.startedAt)],
             ];
@@ -216,27 +446,112 @@
         }
         const error = snapshot.errors[snapshot.errors.length - 1];
         if (error) card.append(h('details', {}, h('summary', {}, `Last error: ${error.summary}`), h('div', { className: 'muted' }, [error.phase && `Step: ${error.phase}`, error.next && `Next: ${error.next}`, error.trace && `Diagnostics: ${error.trace}`].filter(Boolean).join(' · '))));
+        // A significant browser failure stays visible while the browser details are collapsed.
+        const browser = snapshot.browser;
+        if (browser && (browser.state === 'failed' || (browser.recovery && browser.recovery.state === 'blocked')) && browser.lastFailure) {
+            card.append(h('div', { className: 'notice error' }, h('strong', {}, 'Project browser'), ` — ${browser.lastFailure.summary}`, browser.recovery && browser.recovery.state === 'retrying' ? h('div', { className: 'muted' }, 'Recovering automatically…') : null, h('div', { className: 'muted' }, 'Open “Browser details” to recheck, retry or restart it.')));
+        }
         return card;
     }
 
-    function renderControls(snapshot) {
-        const card = h('section', { className: 'card controls', 'aria-label': 'Controls' });
-        card.append(h('h2', {}, 'Controls'));
-        const running = !['stopped', 'finished'].includes(snapshot.service.state);
-        const paused = snapshot.service.state === 'paused' || snapshot.service.state === 'pausing';
-        card.append(
+    /** Labels of a model in one execution context (reported/requested/automatic/unknown stay distinct). */
+    function modelText(model) {
+        if (model.status === 'reported') return `${model.value} (reported by the harness)`;
+        if (model.status === 'requested') return `${model.value} (requested; not yet confirmed)`;
+        if (model.status === 'automatic') return 'automatic — harness default, concrete model not reported';
+        return 'unknown — not reported';
+    }
+
+    /** Labels of a thinking level, in the harness's own terminology. */
+    function thinkingText(thinking) {
+        const term = thinking.term ? ` — ${thinking.term}` : '';
+        if (thinking.status === 'requested') return `${thinking.value}${term}`;
+        if (thinking.status === 'automatic') return `automatic (harness default, level not reported)${term}`;
+        if (thinking.status === 'not-applicable') return 'not applicable — this harness has no thinking-level setting';
+        return thinking.value ? `${thinking.value} (unverified)` : 'unknown — not reported';
+    }
+
+    /** One collapsible detail panel whose open state is a viewer-local choice. */
+    function detailPanel(key, title, content) {
+        const element = h('details', { className: 'card', open: state.details[key] }, h('summary', {}, title), content);
+        element.addEventListener('toggle', () => {
+            state.details[key] = element.open;
+        });
+        return element;
+    }
+
+    function renderExecutionDetails(snapshot) {
+        const execution = snapshot.execution;
+        if (!execution) return h('p', { className: 'muted' }, 'No execution yet in this service.');
+        const rows = [
+            [execution.status === 'active' ? 'Current run' : 'Last run (historical)', execution.status === 'active' ? `${execution.task.kind} · phase ${execution.phase || 'unknown'}${execution.attempt ? ` · attempt ${execution.attempt}/${execution.attemptBudget}` : ''}` : `${execution.outcome || ''} ${execution.endedAt ? `at ${time(execution.endedAt)}` : ''} — not running now`],
+            ['Task', `${execution.task.title}${execution.task.source ? ` · ${execution.task.source}` : ''}`],
+            ['Agent', `${execution.agent.name}${execution.agent.source ? ` · ${execution.agent.source}` : ''}`],
+        ];
+        for (const context of execution.contexts) {
+            const prefix = context.role === 'consultation' ? `${context.by || '?'} → ${context.agent} (${context.state}): ` : '';
+            rows.push([context.role === 'consultation' ? 'Consultation' : 'Harness', `${prefix}${context.harness.name}${context.harness.version ? ` ${context.harness.version}` : ''}`]);
+            rows.push(['Model', `${prefix}${modelText(context.model)}${context.model.source ? ` · ${context.model.source}` : ''}`]);
+            rows.push(['Thinking', `${prefix}${thinkingText(context.thinkingLevel)}${context.thinkingLevel.source ? ` · ${context.thinkingLevel.source}` : ''}`]);
+        }
+        return h('dl', { className: 'kv' }, rows.map(([key, value]) => [h('dt', {}, key), h('dd', {}, value)]));
+    }
+
+    function renderBrowserDetails(snapshot) {
+        const browser = snapshot.browser;
+        if (!browser) return h('p', { className: 'muted' }, 'Browser information is not available from this service.');
+        const rows = [
+            ['Profile', `${browser.sourceLabel} (${browser.source})`],
+            ['Path', browser.profilePath],
+            ['Mode', `${browser.mode.requested}${browser.mode.actual && browser.mode.actual !== browser.mode.requested ? ` (actually ${browser.mode.actual})` : ''}${browser.mode.note ? ` · ${browser.mode.note}` : ''}`],
+            ['State', `${browser.state}${browser.pid ? ` · PID ${browser.pid}` : ''}`],
+            ['Ownership', `${browser.ownership.state}${browser.ownership.holder ? ` — ${browser.ownership.holder}` : ''}`],
+        ];
+        if (browser.executable) rows.push(['Browser', browser.executable]);
+        if (browser.savedProfile) rows.push(['Saved', browser.savedProfile]);
+        if (browser.pending) rows.push(['Pending', browser.pending]);
+        if (browser.lastFailure) rows.push(['Last failure', `${time(browser.lastFailure.at)} ${browser.lastFailure.summary}${browser.lastFailure.evidence ? ` — ${browser.lastFailure.evidence}` : ''}`]);
+        if (browser.recovery && (browser.recovery.state !== 'idle' || browser.recovery.attempts)) rows.push(['Recovery', `${browser.recovery.state}${browser.recovery.attempts ? ` · ${browser.recovery.attempts} attempt(s)` : ''}${browser.recovery.nextRetryAt ? ` · next ${time(browser.recovery.nextRetryAt)}` : ''}${browser.recovery.blocker ? ` · ${browser.recovery.blocker}` : ''}`]);
+        if (browser.lastAction) rows.push(['Last action', `${browser.lastAction.action}: ${browser.lastAction.state} — ${browser.lastAction.outcome}`]);
+        return h(
+            'div',
+            {},
+            h('dl', { className: 'kv' }, rows.map(([key, value]) => [h('dt', {}, key), h('dd', {}, value)])),
             h(
                 'div',
-                { className: 'row' },
-                h('button', { disabled: !running, onclick: () => control(paused ? 'resume' : 'pause') }, paused ? 'Resume' : 'Pause'),
-                h('button', { disabled: !running || !(snapshot.wait && snapshot.wait.skippable), title: snapshot.wait && !snapshot.wait.skippable ? 'Only pacing/backoff waits can be skipped' : '', onclick: () => control('skip-wait') }, 'Skip wait'),
-                snapshot.service.stopRequested
-                    ? h('button', { onclick: () => control('cancel-stop') }, 'Cancel stop')
-                    : h('button', { disabled: !running, onclick: () => control('stop', 'Stop the service after the current task? Closing this page does not stop it.') }, 'Stop after task'),
-                h('button', { className: 'danger', disabled: !running, onclick: () => control('stop-now', 'Stop now? The current task is cancelled and resumes from its recovery record next time.') }, 'Stop now'),
+                { className: 'row', style: 'margin-top:8px', role: 'group', 'aria-label': 'Browser recovery' },
+                h('button', { onclick: () => control('browser-recheck') }, 'Recheck'),
+                h('button', { onclick: () => control('browser-retry') }, 'Retry startup'),
+                h('button', { onclick: () => control('browser-restart', 'Restart this project’s browser? Its profile and sessions are kept; the engine keeps running.') }, 'Restart browser'),
             ),
+            h('p', { className: 'muted' }, 'Recovery is automatic; these actions use the same engine-owned recovery and never restart the engine or other browsers.'),
+        );
+    }
+
+    function renderDetails(snapshot) {
+        return h('section', { className: 'details-panels', 'aria-label': 'Details' }, detailPanel('execution', 'Execution details — agent, harness, model, thinking level', renderExecutionDetails(snapshot)), detailPanel('browser', 'Browser details — profile, health, recovery', renderBrowserDetails(snapshot)));
+    }
+
+    /** The always-visible service-control panel: live state, pending intent and the shared lifecycle operations. */
+    function renderControls(snapshot) {
+        const stateName = snapshot.service.state === 'paused' ? 'pause' : snapshot.service.state;
+        const card = h('section', { className: `card controls ${stateName}`, 'aria-label': 'Service controls' });
+        const lifecycle = snapshot.service.lifecycle || {};
+        card.append(h('h2', {}, h('span', {}, 'Service controls'), h('span', { className: 'state' }, pill(stateName, stateName === 'running' ? 'ok' : stateName === 'stopping' ? 'bad' : 'warn'))));
+        card.append(h('p', {}, lifecycleText(snapshot), lifecycle.since ? h('span', { className: 'muted' }, ` Requested ${time(lifecycle.since)}.`) : null));
+        const buttons = lifecycleActions(snapshot).map((item) =>
+            h('button', { className: item.danger ? 'danger' : item.primary ? 'primary' : '', disabled: state.busy.has(`control:${item.action}`), onclick: () => control(item.action, item.confirm, item.extra) }, item.label),
         );
-        card.append(h('p', { className: 'muted' }, 'Leaving this page never stops the service.'));
+        buttons.push(h('button', { disabled: !(snapshot.wait && snapshot.wait.skippable), title: snapshot.wait && !snapshot.wait.skippable ? 'Only pacing/backoff waits can be skipped' : '', onclick: () => control('skip-wait') }, 'Skip wait'));
+        card.append(h('div', { className: 'row', role: 'group', 'aria-label': 'Lifecycle actions' }, buttons));
+        card.append(h('p', { className: 'muted' }, 'These are the same operations as ptbk pause, resume, stop, stop --force and restart; every connected viewer shares this engine. Leaving this page never stops it.'));
+        return card;
+    }
+
+    /** Agents, harnesses and settings (secondary inventory). */
+    function renderInventory(snapshot) {
+        const card = h('section', { className: 'card inventory', 'aria-label': 'Agents and settings' });
+        card.append(h('h2', {}, 'Agents and settings'));
         const agents = h('details', {}, h('summary', {}, `Agents (${snapshot.agents.length})`), h('ul', { className: 'list' }, snapshot.agents.map((agent) => h('li', {}, h('span', { className: 'row' }, badge(agent, true), agent.name), h('span', { className: 'muted' }, ACTIVITY_LABEL[agent.activity])))));
         card.append(agents);
         const featured = snapshot.harnesses.filter((harness) => harness.featured || harness.enabled);
@@ -310,7 +625,7 @@
                     'ul',
                     { className: 'list' },
                     snapshot.results.recent.slice(0, 6).map((result) =>
-                        h('li', {}, h('span', { className: 'title' }, result.title, h('span', { className: 'why' }, `${result.agent || ''} ${result.commit ? `· ${result.commit.slice(0, 8)}` : ''}${result.taskId ? ` · ${result.taskId}` : ''} · ${time(result.endedAt)}`)), pill(result.outcome, result.outcome.startsWith('completed') ? 'ok' : result.outcome === 'failed' ? 'bad' : 'warn')),
+                        h('li', {}, h('span', { className: 'title' }, result.title, h('span', { className: 'why' }, `${result.agent || ''} ${result.commit ? `· ${result.commit.slice(0, 8)}` : ''} · ${time(result.endedAt)}`)), pill(result.outcome, result.outcome.startsWith('completed') ? 'ok' : result.outcome === 'failed' ? 'bad' : 'warn')),
                     ),
                 ),
             );
@@ -358,7 +673,7 @@
         const focusDraft = active && active.getAttribute && active.getAttribute('data-draft');
         const selection = focusDraft ? [active.selectionStart, active.selectionEnd] : null;
         const scroll = window.scrollY;
-        app.replaceChildren(renderAttention(snapshot), renderWork(snapshot), renderControls(snapshot), renderQueue(snapshot), renderActivity(snapshot), renderConnection(snapshot));
+        app.replaceChildren(renderAttention(snapshot), renderControls(snapshot), renderChats(snapshot), renderWork(snapshot), renderDetails(snapshot), renderQueue(snapshot), renderActivity(snapshot), renderInventory(snapshot), renderConnection(snapshot));
         if (focusDraft) {
             const field = app.querySelector(`[data-draft="${CSS.escape(focusDraft)}"]`);
             if (field) {
@@ -370,9 +685,9 @@
         const live = state.connected ? 'live' : 'disconnected — showing last known state';
         headerStatus.replaceChildren(
             h('strong', {}, snapshot.project.name),
-            ` · ptbk ${snapshot.engine.version} · ${snapshot.service.mode} · ${snapshot.service.state}${snapshot.service.commitMode === 'no-commit' ? ' · NO-COMMIT' : ''}${snapshot.requests.length ? ` · ${snapshot.requests.length} request(s)` : ''} · ${live} · observed ${time(snapshot.observedAt)}`,
+            ` · ptbk ${snapshot.engine.version} · ${snapshot.service.mode} · ${snapshot.service.state}${snapshot.service.commitMode === 'no-commit' ? ' · NO-COMMIT' : ''}${snapshot.chats.waiting.length ? ` · ${snapshot.chats.waiting.length} waiting for you` : ''} · ${live} · observed ${time(snapshot.observedAt)}`,
         );
-        document.title = `${snapshot.requests.length ? `(${snapshot.requests.length}) ` : ''}${snapshot.project.name} · Promptbook`;
+        document.title = `${snapshot.chats.waiting.length ? `(${snapshot.chats.waiting.length}) ` : ''}${snapshot.project.name} · Promptbook`;
     }
 
     /** Pairing screen for unauthenticated visitors (no project data). */
@@ -401,7 +716,13 @@
                 state.snapshot = snapshot;
                 state.revision = snapshot.revision;
                 render(snapshot);
+                // New messages in the open chat arrive without stealing focus or drafts.
+                if (state.chat && state.chat.detail) {
+                    const summary = snapshot.chats.recent.find((chat) => chat.name === state.chat.name);
+                    if (summary && (summary.messages !== state.chat.detail.messages.length || summary.status !== state.chat.detail.summary.status)) loadChat(state.chat.name);
+                }
                 if (snapshot.service.state === 'stopped' || snapshot.service.state === 'finished') {
+                    // An exited engine is an observation; the page never starts or recreates a service.
                     await new Promise((resolve) => setTimeout(resolve, 5000));
                 }
             } catch (error) {

package/dist/service/supervisor.js

@@ -2,7 +2,7 @@ import { spawn } from 'node:child_process';
 import { openSync } from 'node:fs';
 import { engineModule } from '../common/version.js';
 import { projectAt } from '../project/workspace.js';
-import { readLaunchMetadata, rotateServiceLog, servicePaths } from './records.js';
+import { readLaunchMetadata, RESTART_EXIT_CODE, rotateServiceLog, servicePaths } from './records.js';
 /**
  * Daemon supervisor entry: `node dist/service/supervisor.js <projectRoot>`.
  *
@@ -49,6 +49,12 @@ async function supervise() {
         worker = undefined;
         if (terminating || code === 0)
             return;
+        if (code === RESTART_EXIT_CODE) {
+            // A requested restart: the old worker released ownership; start exactly one replacement now.
+            process.stdout.write(`${new Date().toISOString()} worker restarted on request\n`);
+            backoff = 1000;
+            continue;
+        }
         const launch = await readLaunchMetadata(project);
         if (!launch?.persistent || launch.intentionallyStopped)
             return;

package/dist/service/supervisor.js.map

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