cli-jaw 2.1.1 → 2.1.3

package/public/js/main.ts

@@ -51,6 +51,7 @@ import {
     onPerCliAiEProviderChange, saveActiveCliSettings, savePerCli, openPromptModal,
     onFlushCliChange, loadFlushAgentSidebar,
     closePromptModal, savePromptFromModal, syncMcpServers, installMcpGlobal,
+    openMcpModal, initMcpModal,
     loadCliStatus, scheduleCliStatusRefresh, setCliStatusInterval,
     initCliStatusToggle, initCliStatusPreviewHooks, isCliStatusExpanded, expandCliStatus, isEmbeddedPreviewFrame,
     setTelegram, setForwardAll, setTelegramMentionOnly, saveTelegramSettings,
@@ -89,6 +90,7 @@ import { initPendingQueue } from './features/pending-queue.js';
 import { initAttentionBadge } from './features/attention-badge.js';
 import { initHelpDialog } from './features/help-dialog.js';
 import { initChatSearch, toggleChatSearch, closeChatSearch } from './features/chat-search.js';
+import { initMediaLightbox } from './features/media-lightbox.js';
 
 function isLocalPreviewOrigin(origin: string): boolean {
     if (origin === window.location.origin) return true;
@@ -367,8 +369,10 @@ function bindPerCliControlEvents(): void {
 }
 
 // MCP
+document.querySelector('[data-action="openMcpModal"]')?.addEventListener('click', openMcpModal);
 document.querySelector('[data-action="syncMcp"]')?.addEventListener('click', syncMcpServers);
 document.querySelector('[data-action="installMcp"]')?.addEventListener('click', installMcpGlobal);
+initMcpModal();
 document.querySelector('[data-action="refreshCli"]')?.addEventListener('click', () => {
     if (!isCliStatusExpanded()) expandCliStatus();
     else loadCliStatus(true);
@@ -516,6 +520,7 @@ async function bootstrap(): Promise<void> {
     bindPerCliControlEvents();
     initHelpDialog();
     initChatSearch();
+    initMediaLightbox();
     document.getElementById('chatSearchTrigger')?.addEventListener('click', toggleChatSearch);
     initAttentionBadge();
     connect();

package/public/js/preview-parent-origin.ts

@@ -36,3 +36,17 @@ export function postPreviewOpenNotes(path: string): boolean {
     window.parent.postMessage({ type: 'jaw-preview-open-notes', path }, targetOrigin);
     return true;
 }
+
+export function postPreviewOpenDoc(absolutePath: string): boolean {
+    const targetOrigin = previewParentOrigin();
+    if (!targetOrigin || !absolutePath.trim()) return false;
+    window.parent.postMessage({ type: 'jaw-preview-open-doc', path: absolutePath }, targetOrigin);
+    return true;
+}
+
+export function postPreviewInvalidate(topics: string[], reason: string): boolean {
+    const targetOrigin = previewParentOrigin();
+    if (!targetOrigin || topics.length === 0) return false;
+    window.parent.postMessage({ type: 'dashboard.invalidate', topics, reason }, targetOrigin);
+    return true;
+}

package/public/js/provider-icons.ts

@@ -9,6 +9,7 @@ import antigravitySvg from '../assets/providers/antigravity-color.svg?raw';
 import grokSvg from '../assets/providers/grok-color.svg?raw';
 import copilotSvg from '../assets/providers/copilot-color.svg?raw';
 import cursorSvg from '../assets/providers/cursor-color.svg?raw';
+import kiroSvg from '../assets/providers/kiro-color.svg?raw';
 
 // Mono variants for dark/light mode flexibility
 import claudeMonoSvg from '../assets/providers/claude.svg?raw';
@@ -17,13 +18,14 @@ import antigravityMonoSvg from '../assets/providers/antigravity.svg?raw';
 import grokMonoSvg from '../assets/providers/grok.svg?raw';
 import copilotMonoSvg from '../assets/providers/copilot.svg?raw';
 import cursorMonoSvg from '../assets/providers/cursor.svg?raw';
+import kiroMonoSvg from '../assets/providers/kiro.svg?raw';
 
 // Service icons (Discord, Telegram)
 import discordSvg from '../assets/providers/discord.svg?raw';
 import telegramSvg from '../assets/providers/telegram.svg?raw';
 import opencodeSvg from '../assets/providers/opencode.svg?raw';
 
-export type ProviderSlug = 'ai-e' | 'claude' | 'openai' | 'gemini' | 'antigravity' | 'grok' | 'copilot' | 'cursor' | 'codex' | 'codex-app' | 'opencode' | 'discord' | 'telegram';
+export type ProviderSlug = 'ai-e' | 'claude' | 'openai' | 'gemini' | 'antigravity' | 'grok' | 'copilot' | 'cursor' | 'kiro-code' | 'codex' | 'codex-app' | 'opencode' | 'discord' | 'telegram';
 
 interface ProviderIcon {
     color: string;
@@ -42,6 +44,7 @@ const PROVIDER_ICONS: Record<ProviderSlug, ProviderIcon> = {
     grok:     { color: grokSvg,    mono: grokMonoSvg,     label: 'Grok' },
     copilot:  { color: copilotSvg, mono: copilotMonoSvg,  label: 'Copilot' },
     cursor:   { color: cursorSvg,  mono: cursorMonoSvg,   label: 'Cursor' },
+    'kiro-code': { color: kiroSvg, mono: kiroMonoSvg, label: 'Kiro' },
     codex:    { color: openaiSvg, mono: openaiSvg,  label: 'Codex' },
     'codex-app': { color: openaiColorSvg, mono: openaiSvg, label: 'Codex App' },
     opencode: { color: opencodeSvg, mono: opencodeSvg,   label: 'OpenCode' },
@@ -57,6 +60,7 @@ const PROVIDER_LABEL_ALIASES: Record<string, string> = {
     'claude-i': 'Claude E',
     'agy': 'Antigravity',
     cursor: 'Cursor',
+    'kiro-code': 'Kiro',
 };
 
 function resolveProviderSlug(slug: string): ProviderSlug | null {
@@ -68,6 +72,7 @@ function resolveProviderSlug(slug: string): ProviderSlug | null {
     if (normalized === 'grok' || normalized.startsWith('grok')) return 'grok';
     if (normalized.startsWith('copilot') || normalized === 'githubcopilot') return 'copilot';
     if (normalized === 'cursor' || normalized.startsWith('cursor')) return 'cursor';
+    if (normalized === 'kirocode' || normalized === 'kiro') return 'kiro-code';
     if (normalized === 'codexapp' || normalized === 'codexappserver') return 'codex-app';
     if (normalized === 'codex') return 'codex';
     if (normalized === 'opencode') return 'opencode';

package/public/js/render/file-links.ts

@@ -1,6 +1,6 @@
 // ── File path linkification and click-to-open delegation ──
 import { apiJson } from '../api.js';
-import { postPreviewOpenNotes, previewParentOrigin } from '../preview-parent-origin.js';
+import { postPreviewOpenNotes, postPreviewOpenDoc, previewParentOrigin } from '../preview-parent-origin.js';
 import { normalizeNotesVaultPath } from './notes-vault-path.js';
 
 const FILE_PATH_RE_G = /(?:~\/[^\s)`\]"'<>]+|\/(?:Users|home|tmp|var|opt|private)\/[^\s)`\]"'<>]+)/g;
@@ -88,7 +88,10 @@ function appendFileLink(
     if (vaultRel) span.setAttribute('data-vault-rel', vaultRel);
     span.setAttribute('role', 'button');
     span.setAttribute('tabindex', '0');
-    span.textContent = clean;
+    const basename = clean.split('/').pop() || clean;
+    const hasExt = /\.\w{1,10}$/.test(basename);
+    span.textContent = hasExt ? basename : clean;
+    if (hasExt) span.title = clean;
     frag.appendChild(span);
 }
 
@@ -203,6 +206,11 @@ async function handleFilePathClick(path: string, link: HTMLElement): Promise<voi
         setTimeout(() => link.classList.remove('opened'), 1500);
         return;
     }
+    if (/\.(md|mdx)$/i.test(path) && previewParentOrigin() && postPreviewOpenDoc(path)) {
+        link.classList.add('opened');
+        setTimeout(() => link.classList.remove('opened'), 1500);
+        return;
+    }
     openLocalPath(path, link);
 }
 

package/public/js/render/markdown.ts

@@ -10,6 +10,7 @@ import { unshieldSvgBlocks } from './svg-actions.js';
 import { highlightCode, ensureHighlightLanguages } from './highlight.js';
 import { schedulePostRender } from './post-render.js';
 import { ensureRenderDelegations } from './delegations.js';
+import { API_BASE } from '../api.js';
 
 // ── marked.js configuration (ES module — always available) ──
 let markedReady = false;
@@ -46,6 +47,21 @@ function ensureMarked(): boolean {
         return `<div class="code-block"><div class="code-header"><span class="code-lang">${langDisplay}</span><button class="code-copy-btn" type="button" aria-label="${escapeHtml(copyLabel)}">${escapeHtml(copyLabel)}</button></div><pre><code class="hljs${lang ? ` language-${escapeHtml(lang)}` : ''}">${highlighted}</code></pre></div>`;
     };
 
+    // Inline media: rewrite absolute paths to /media/ URL, detect video
+    renderer.image = function ({ href, title, text }: { href: string; title?: string | null; text: string }) {
+        if (!href) return '';
+        const src = (href.startsWith('/') || href.includes('/uploads/'))
+            ? `${API_BASE}/media/${encodeURIComponent(href.split('/').pop()!)}`
+            : escapeHtml(href);
+        const alt = escapeHtml(text || '');
+        const titleAttr = title ? ` title="${escapeHtml(title)}"` : '';
+        const ext = (src.split('.').pop() || '').toLowerCase().split('?')[0] || '';
+        if (['mp4', 'webm', 'mov', 'ogg'].includes(ext)) {
+            return `<video src="${src}" controls class="chat-inline-video" preload="metadata"${titleAttr}></video>`;
+        }
+        return `<img src="${src}" alt="${alt}" class="chat-inline-img" loading="lazy"${titleAttr} />`;
+    };
+
     renderer.link = function ({ href, title, text }: { href: string; title?: string | null; text: string }) {
         const safeHref = escapeHtml(href || '');
         const titleAttr = title ? ` title="${escapeHtml(title)}"` : '';

package/public/js/ui.ts

@@ -76,6 +76,12 @@ export function cleanupToolActivity(): void {
     currentStream = null;
 }
 
+/** Timestamp of last steer — used to suppress late agent_done after steer. */
+let lastSteerTs = 0;
+export function markSteered(): void { lastSteerTs = Date.now(); }
+export function clearSteer(): void { lastSteerTs = 0; }
+export function isRecentSteer(): boolean { return Date.now() - lastSteerTs < 8000; }
+
 export function showLiveToolActivity(label: string): void {
     removeSkeleton();
     if (!state.currentAgentDiv || !state.currentAgentDiv.isConnected) {
@@ -307,7 +313,7 @@ export function finalizeAgent(text: string, toolLog?: ToolLogEntry[]): void {
         }
         state.currentAgentDiv.removeAttribute(ACTIVE_RUN_HYDRATED_ATTR);
         const content = (state.currentAgentDiv as HTMLElement)?.querySelector('.msg-content');
-        // Live stream is preview-only; agent_done text stays authoritative.
+        // Live stream is preview-only; agent_done text is always authoritative.
         const streamedText = currentStream ? finalizeStream(currentStream, true) : '';
         const finalText = text || streamedText;
         currentStream = null;
@@ -359,6 +365,7 @@ export function finalizeAgent(text: string, toolLog?: ToolLogEntry[]): void {
                     tool_log: durableToolLogJson,
                 }, vs.count));
                 releaseProcessBlockDetails(div);
+                vs.scrollToBottom();
             } else {
                 vs.appendLiveItem(div);
             }

package/public/js/virtual-scroll.ts

@@ -421,6 +421,25 @@ export class VirtualScroll {
             });
             containerObserver.observe(this.container);
             cleanupFns.push(() => containerObserver.disconnect());
+
+            // ── Content-growth bottom lock ──
+            // innerEl height tracks the virtualizer total size (set in render).
+            // Lazy markdown / mermaid / images grow it *after* the time-boxed
+            // initial settle finishes, drifting the bottom anchor upward with
+            // nothing left to re-bottom. Re-bottom when total content height
+            // grows — but only while bottom-follow intent still holds, so it
+            // releases the moment the user scrolls up (260508 rule preserved).
+            let prevTotal = this.virtualizer?.getTotalSize() ?? 0;
+            const contentObserver = new ResizeObserver(() => {
+                const total = this.virtualizer?.getTotalSize() ?? 0;
+                if (total <= prevTotal) { prevTotal = total; return; }
+                prevTotal = total;
+                if (this.shouldFollowAfterRestore()) {
+                    this.reconcileBottomAfterLayout('manual', true);
+                }
+            });
+            contentObserver.observe(this.innerEl);
+            cleanupFns.push(() => contentObserver.disconnect());
         }
 
         // ── Browser restore reconciliation ──

package/public/js/ws.ts

@@ -1,7 +1,7 @@
 // ── WebSocket Connection ──
 import { state } from './state.js';
 import { API_BASE } from './api.js';
-import { setStatus, updateQueueBadge, addSystemMsg, appendAgentText, finalizeAgent, addMessage, showProcessStep, cleanupToolActivity, showLiveToolActivity, applyQueuedOverlay, hydrateActiveRun, reconcileChatBottomAfterRestore, showChatRestoreIndicator } from './ui.js';
+import { setStatus, updateQueueBadge, addSystemMsg, appendAgentText, finalizeAgent, addMessage, showProcessStep, cleanupToolActivity, applyQueuedOverlay, hydrateActiveRun, reconcileChatBottomAfterRestore, showChatRestoreIndicator, markSteered, clearSteer, isRecentSteer } from './ui.js';
 import { renderPendingQueue } from './features/pending-queue.js';
 import { t, getLang } from './features/i18n.js';
 import { getVirtualScroll } from './virtual-scroll.js';
@@ -51,6 +51,7 @@ interface WsMessage {
     phase?: string;
     phaseLabel?: string;
     pending?: number;
+    queued?: Array<{ id: string; prompt: string; source?: string; ts?: number }>;
     path?: string;
     round?: number;
     agentPhases?: { agent?: string; name?: string }[];
@@ -87,6 +88,16 @@ interface WsMessage {
     deferredPending?: number;
     taskAnchor?: string | null;
     resolvedSelection?: ResolvedSelectionState | null;
+    buildBudget?: {
+        maxWorkerDispatches: number;
+        maxSelfHealRetries: number;
+        maxVerificationRounds: number;
+        spent: {
+            workerDispatches: number;
+            selfHealRetries: number;
+            verificationRounds: number;
+        };
+    } | null;
     interview?: { known: string[]; unknown: string[]; round: number } | null;
     delaySeconds?: number;
     attempts?: number;
@@ -96,6 +107,8 @@ interface WsMessage {
     exitCode?: number;
     error?: string;
     message?: string;
+    steered?: boolean;
+    steerWaitMs?: number;
 }
 
 // Agent phase state (populated by agent_status events from orchestrator)
@@ -123,8 +136,11 @@ async function refreshRuntimeSnapshot(options: { hydrateRun?: boolean } = {}): P
     renderPendingQueue(snap.queued || []);
     if (options.hydrateRun) hydrateActiveRun(snap.activeRun);
     hydrateGoalState();
-    setStatus(snap.runtime.busy ? 'running' : 'idle');
-    if (snap.runtime.busy && snap.activeRun?.cli === 'agy') showLiveToolActivity(`${providerLabel(snap.activeRun.cli)} working...`);
+    if (snap.runtime.busy) {
+        setStatus('running');
+    } else if (!isRecentSteer()) {
+        setStatus('idle');
+    }
     import('./features/employees.js').then(m => {
         if (typeof m.renderEmployees === 'function') m.renderEmployees();
     });
@@ -268,7 +284,70 @@ function setInterviewCollapsed(collapsed: boolean): void {
     if (toggle) toggle.setAttribute('aria-expanded', String(!collapsed));
 }
 
-function renderInterviewPanel(interview: { known: string[]; unknown: string[]; round: number } | null): void {
+interface InterviewEvidenceView {
+    fact: string;
+    source?: string;
+    confidence?: number;
+    turnNumber?: number;
+    dimension?: string;
+}
+
+interface DimensionAssessmentView {
+    goal: string;
+    constraint: string;
+    success: string;
+    ontology: string;
+}
+
+function renderDimensionBars(assessment: DimensionAssessmentView): string {
+    const levelToScore = (l: string) => {
+        switch (l) {
+            case 'max': return 1.0;
+            case 'xhigh': return 0.8;
+            case 'high': return 0.6;
+            case 'medium': return 0.4;
+            default: return 0.2;
+        }
+    };
+    const levelColor = (l: string) => {
+        switch (l) {
+            case 'max': return '#2196f3';
+            case 'xhigh': return '#4caf50';
+            case 'high': return '#8bc34a';
+            case 'medium': return '#ff9800';
+            default: return '#f44336';
+        }
+    };
+    const scores = [levelToScore(assessment.goal), levelToScore(assessment.constraint), levelToScore(assessment.success), levelToScore(assessment.ontology)];
+    const overall = 1 - (scores.reduce((a, b) => a + b, 0) / scores.length);
+    const allMax = Object.values(assessment).every(v => v === 'max');
+    const overallLabel = allMax ? '🟢 Ready' : overall <= 0.2 ? '🟢 Ready' : overall <= 0.4 ? '🟡 Almost' : '🔴 Needs work';
+
+    const bar = (dim: string, level: string) => {
+        const score = levelToScore(level);
+        const pct = score * 100;
+        const color = levelColor(level);
+        return `<div style="display:flex;align-items:center;gap:6px;font-size:12px">
+            <span style="width:70px;color:var(--text-secondary)">${dim}</span>
+            <div style="flex:1;height:5px;background:var(--bg-tertiary);border-radius:3px">
+                <div style="width:${pct}%;height:100%;background:${color};border-radius:3px;transition:width .3s"></div>
+            </div>
+            <span style="width:60px;text-align:right;font-weight:600;font-size:11px">${score.toFixed(1)} ${level.toUpperCase()}</span>
+        </div>`;
+    };
+    return `<div style="display:flex;flex-direction:column;gap:3px;margin:6px 0">
+        <div style="display:flex;justify-content:space-between;font-size:11px;margin-bottom:2px">
+            <span style="color:var(--text-secondary)">Ambiguity: ${overall.toFixed(2)}</span>
+            <span>${overallLabel}</span>
+        </div>
+        ${bar('Goal', assessment.goal)}
+        ${bar('Constraint', assessment.constraint)}
+        ${bar('Success', assessment.success)}
+        ${bar('Ontology', assessment.ontology)}
+    </div>`;
+}
+
+function renderInterviewPanel(interview: { known: (string | InterviewEvidenceView)[]; unknown: string[]; round: number; assessment?: DimensionAssessmentView } | null): void {
     const panel = document.getElementById('interviewPanel');
     if (!panel) return;
     if (!interview || (!interview.known.length && !interview.unknown.length)) {
@@ -277,16 +356,35 @@ function renderInterviewPanel(interview: { known: string[]; unknown: string[]; r
     }
     panel.hidden = false;
     panel.classList.toggle('collapsed', interviewCollapsed);
-    const knownHtml = interview.known.map(k => `<li class="iv-known">${escapeHtml(k)}</li>`).join('');
-    const unknownHtml = interview.unknown.map(u => `<li class="iv-unknown">${escapeHtml(u)}</li>`).join('');
+
+    const sourceIcon = (src?: string) => {
+        switch (src) {
+            case 'user_statement': return '🟢';
+            case 'repo_fact': return '🔵';
+            case 'inference': return '🟡';
+            case 'assumption': return '🟠';
+            case 'default': return '⚪';
+            default: return '·';
+        }
+    };
+
+    const knownHtml = interview.known.map(k => {
+        if (typeof k === 'string') return `<li class="iv-known">· ${escapeHtml(k)}</li>`;
+        const ev = k as InterviewEvidenceView;
+        const icon = sourceIcon(ev.source);
+        const dim = ev.dimension ? ` <span class="iv-dim">[${ev.dimension}]</span>` : '';
+        return `<li class="iv-known">${icon} ${escapeHtml(ev.fact)}${dim}</li>`;
+    }).join('');
+    const unknownHtml = interview.unknown.map(u => `<li class="iv-unknown">❓ ${escapeHtml(typeof u === 'string' ? u : JSON.stringify(u))}</li>`).join('');
     panel.innerHTML = `
         <button type="button" class="iv-toggle" aria-expanded="${!interviewCollapsed}" aria-controls="interviewBody" title="인터뷰 트래커 접기/펼치기">
             <span class="iv-chevron" aria-hidden="true">▸</span>
-            <span class="iv-summary">Interview · <span class="iv-known-count">Known ${interview.known.length}</span> · <span class="iv-unknown-count">Unknown ${interview.unknown.length}</span> · Round ${interview.round}</span>
+            <span class="iv-summary">Interview · <span class="iv-known-count">Known ${interview.known.length}</span> · <span class="iv-unknown-count">Unknown ${interview.unknown.length}</span>${interview.known.filter(k => typeof k === 'object' && k && 'source' in k && (k as InterviewEvidenceView).source === 'assumption').length > 0 ? ` · <span class="iv-assumption-count">⚠️ ${interview.known.filter(k => typeof k === 'object' && k && 'source' in k && (k as InterviewEvidenceView).source === 'assumption').length} assumptions</span>` : ''} · Round ${interview.round}</span>
         </button>
         <div class="iv-body" id="interviewBody">
-            <div class="iv-section"><strong>Known (${interview.known.length})</strong><ul>${knownHtml}</ul></div>
-            <div class="iv-section"><strong>Unknown (${interview.unknown.length})</strong><ul>${unknownHtml}</ul></div>
+            ${interview.assessment ? `<div class="iv-section iv-section-ambiguity">${renderDimensionBars(interview.assessment)}</div>` : ''}
+            <div class="iv-section iv-section-known"><strong>Known (${interview.known.length})</strong><ul>${knownHtml}</ul></div>
+            <div class="iv-section iv-section-unknown"><strong>Unknown (${interview.unknown.length})</strong><ul>${unknownHtml}</ul></div>
         </div>
     `;
     if (!panel.dataset['toggleBound']) {
@@ -299,6 +397,28 @@ function renderInterviewPanel(interview: { known: string[]; unknown: string[]; r
     }
 }
 
+function renderBudgetPanel(budget: { maxWorkerDispatches: number; maxSelfHealRetries: number; maxVerificationRounds: number; spent: { workerDispatches: number; selfHealRetries: number; verificationRounds: number } } | null, orcState: string): void {
+    const panel = document.getElementById('budgetPanel');
+    if (!panel) return;
+    if (!budget || orcState !== 'B') { panel.hidden = true; return; }
+    panel.hidden = false;
+    const bar = (label: string, spent: number, max: number) => {
+        const pct = max > 0 ? Math.min((spent / max) * 100, 100) : 0;
+        const color = pct >= 100 ? '#f44336' : pct >= 66 ? '#ff9800' : '#4caf50';
+        return `<div style="display:flex;align-items:center;gap:6px;font-size:12px">
+            <span style="width:70px;color:var(--text-secondary)">${label}</span>
+            <div style="flex:1;height:5px;background:var(--bg-tertiary);border-radius:3px">
+                <div style="width:${pct}%;height:100%;background:${color};border-radius:3px"></div>
+            </div>
+            <span style="width:30px;text-align:right;font-size:11px">${spent}/${max}</span>
+        </div>`;
+    };
+    panel.innerHTML = `<div style="font-size:11px;font-weight:600;margin-bottom:4px;color:var(--text-secondary)">Build Budget</div>
+        ${bar('Workers', budget.spent.workerDispatches, budget.maxWorkerDispatches)}
+        ${bar('Self-heal', budget.spent.selfHealRetries, budget.maxSelfHealRetries)}
+        ${bar('Verify', budget.spent.verificationRounds, budget.maxVerificationRounds)}`;
+}
+
 async function hydrateGoalState(): Promise<void> {
     try {
         const res = await fetch(`${API_BASE}/api/goal`);
@@ -463,12 +583,12 @@ export function connect(): void {
             return;
         }
         if (msg.type === 'agent_status') {
+            if (!msg.running && isRecentSteer()) return;
+            if (msg.running && isRecentSteer()) clearSteer();
             if (msg.running !== undefined) {
                 setStatus(msg.running ? 'running' : 'idle');
-                if (msg.running && msg.cli === 'agy') showLiveToolActivity(`${providerLabel(msg.cli)} working...`);
             } else {
                 setStatus(msg.status || 'idle');
-                if (msg.status === 'running' && msg.cli === 'agy') showLiveToolActivity(`${providerLabel(msg.cli)} working...`);
             }
             // Track per-agent phase for badge rendering
             if (msg.agentId && msg.phase) {
@@ -477,6 +597,9 @@ export function connect(): void {
             }
         } else if (msg.type === 'queue_update') {
             updateQueueBadge(msg.pending || 0);
+            if (Array.isArray(msg.queued)) {
+                renderPendingQueue(msg.queued);
+            }
             syncOrchestrateSnapshot('queue_update').catch(() => { /* snapshot not critical — UI recovers on next event */ });
         } else if (msg.type === 'worklog_created') {
             addSystemMsg(`${ICONS.clipboard} Worklog: ${escapeHtml(msg.path || '')}`);
@@ -493,6 +616,7 @@ export function connect(): void {
                 addSystemMsg(t('ws.roundRetry', { round: msg.round || 0 }));
             }
         } else if (msg.type === 'agent_tool') {
+            if (isRecentSteer()) return;
             const stepType = msg.toolType === 'thinking' ? 'thinking'
                 : msg.toolType === 'search' ? 'search'
                     : msg.toolType === 'subagent' ? 'subagent' : 'tool';
@@ -513,7 +637,8 @@ export function connect(): void {
                 status: (msg.status as 'running' | 'done' | 'error') || 'running',
                 startTime: Date.now(),
             });
-        } else if (msg.type === 'agent_output') {
+        } else if (msg.type === 'agent_output' || msg.type === 'agent_chunk') {
+            if (isRecentSteer()) return;
             appendAgentText(msg.text || '');
         } else if (msg.type === 'agent_retry') {
             const retryDelay = Number(msg.delay ?? 0);
@@ -543,8 +668,13 @@ export function connect(): void {
             const evt = msg.event;
             if (evt) applyWorkflowEvent(evt);
         } else if (msg.type === 'agent_done') {
-            finalizeAgent(msg.text || '', msg.toolLog);
-            notifyUnreadResponse();
+            if (msg.steered || isRecentSteer()) {
+                // Suppress agent_done from steered (killed) process.
+                // Server sets steered:true; isRecentSteer is fallback for edge cases.
+            } else {
+                finalizeAgent(msg.text || '', msg.toolLog);
+                notifyUnreadResponse();
+            }
         } else if (msg.type === 'orchestrate_done') {
             finalizeAgent(msg.text || '');
             notifyUnreadResponse();
@@ -578,10 +708,13 @@ export function connect(): void {
                 resolvedSelection: msg.resolvedSelection || null,
                 interview: msg.interview || null,
             });
+            renderBudgetPanel(msg.buildBudget || null, typeof msg.state === 'string' ? msg.state : 'IDLE');
         } else if (msg.type === 'memory_status') {
             import('./features/memory.js').then(m => m.refreshMemorySidebar());
         } else if (msg.type === 'steer_started') {
-            setStatus('running');
+            markSteered();
+            finalizeAgent('');
+            setStatus('steering');
         } else if (msg.type === 'new_message' && (msg.source === 'telegram' || msg.source === 'discord' || msg.fromQueue === true)) {
             addMessage(msg.role === 'assistant' ? 'agent' : (msg.role || 'user'), msg.content || '', msg.cli);
         } else if (msg.type === 'system_notice') {
@@ -600,6 +733,9 @@ export function connect(): void {
             addSystemMsg(`⚠️ Goal continuation failed: ${escapeHtml(msg.error || '')}`, 'tool-activity');
         } else if (msg.type === 'settings_change') {
             syncOrchestrateSnapshot('settings_change').catch(() => {});
+        } else if (msg.type === 'session_switched' || msg.type === 'session_created') {
+            // Reload messages for the new active session
+            window.location.reload();
         }
     };
     state.ws.onopen = () => {

package/public/locales/en.json

@@ -1,8 +1,10 @@
 {
     "cmd.help.desc": "Command list",
     "cmd.status.desc": "Current status",
-    "cmd.clear.desc": "Clear screen (non-destructive)",
-    "cmd.reset.desc": "Full reset (MCP/Skills/Employees/Session)",
+    "cmd.clear.desc": "Clear conversation / all: reset skills+employees+MCP",
+    "cmd.purge.desc": "Purge conversation and memory",
+    "cmd.purge.tg_desc": "Purge chat+memory",
+    "cmd.reset.desc": "Bootstrap reset (conversation/memory/skills/employees/MCP)",
     "cmd.model.desc": "View/change model",
     "cmd.cli.desc": "View/change active CLI",
     "cmd.fallback.desc": "Set fallback CLI order",
@@ -89,9 +91,13 @@
     "cmd.reset.confirm": "Full reset: MCP, skills, employees, and session will be reset to defaults.\nType /reset confirm to proceed.",
     "cmd.reset.unavailable": "Reset is not supported in this environment.",
     "cmd.reset.done": "Reset complete: {items}",
+    "cmd.reset.bootstrapDone": "🔄 Bootstrap reset complete: {items}",
+    "cmd.reset.memory": "Memory",
     "cmd.reset.skills": "Skills",
     "cmd.reset.employees": "Employees",
     "cmd.reset.sessions": "Session",
+    "cmd.purge.done": "✅ Conversation + memory purged",
+    "cmd.clearAll.done": "✅ {items} reset complete",
     "cmd.mcp.syncDone": "MCP sync complete ({count} targets)",
     "cmd.mcp.installDone": "MCP install complete ({count} servers)",
     "cmd.memory.empty": "No memory files.",
@@ -261,6 +267,7 @@
     "btn.attach": "Attach file",
     "input.placeholder": "Type a message...",
     "queue.pendingTitle": "Pending",
+    "queue.copy": "Copy prompt",
     "queue.delete": "Remove",
     "queue.steer": "Run now (steer)",
     "queue.cancelArm": "Click again to cancel",

package/public/locales/ja.json

@@ -1,8 +1,10 @@
 {
     "cmd.help.desc": "コマンド一覧",
     "cmd.status.desc": "現在の状態",
-    "cmd.clear.desc": "画面をクリア（データは保持）",
-    "cmd.reset.desc": "完全リセット（MCP/スキル/従業員/セッション）",
+    "cmd.clear.desc": "会話削除 / all: スキル+従業員+MCPリセット",
+    "cmd.purge.desc": "会話+メモリ削除",
+    "cmd.purge.tg_desc": "会話+メモリ削除",
+    "cmd.reset.desc": "ブートストラップ初期化（会話/メモリ/スキル/従業員/MCP）",
     "cmd.model.desc": "モデルの確認/変更",
     "cmd.cli.desc": "アクティブ CLI の確認/変更",
     "cmd.fallback.desc": "Fallback CLI の順序を設定",
@@ -89,9 +91,13 @@
     "cmd.reset.confirm": "完全リセット: MCP、スキル、従業員、セッションをデフォルトに戻します。\n続行するには /reset confirm と入力してください。",
     "cmd.reset.unavailable": "この環境ではリセットはサポートされていません。",
     "cmd.reset.done": "リセット完了: {items}",
+    "cmd.reset.bootstrapDone": "🔄 ブートストラップ初期化完了: {items}",
+    "cmd.reset.memory": "メモリ",
     "cmd.reset.skills": "スキル",
     "cmd.reset.employees": "従業員",
     "cmd.reset.sessions": "セッション",
+    "cmd.purge.done": "✅ 会話 + メモリ削除完了",
+    "cmd.clearAll.done": "✅ {items} リセット完了",
     "cmd.mcp.syncDone": "MCP 同期が完了しました（{count} 件）",
     "cmd.mcp.installDone": "MCP インストールが完了しました（{count} サーバー）",
     "cmd.memory.empty": "メモリファイルはありません。",
@@ -250,6 +256,7 @@
     "btn.attach": "ファイルを添付",
     "input.placeholder": "メッセージを入力...",
     "queue.pendingTitle": "待機中",
+    "queue.copy": "コピー",
     "queue.delete": "削除",
     "queue.steer": "今すぐ実行（steer）",
     "queue.cancelArm": "もう一度クリックしてキャンセル",

package/public/locales/ko.json

@@ -1,8 +1,10 @@
 {
     "cmd.help.desc": "커맨드 목록",
     "cmd.status.desc": "현재 상태",
-    "cmd.clear.desc": "화면 정리 (비파괴)",
-    "cmd.reset.desc": "전체 초기화 (MCP/스킬/직원/세션)",
+    "cmd.clear.desc": "대화 삭제 / all: 스킬+직원+MCP 리셋",
+    "cmd.purge.desc": "대화 + 메모리 삭제",
+    "cmd.purge.tg_desc": "대화+메모리 삭제",
+    "cmd.reset.desc": "부트스트랩 초기화 (대화/메모리/스킬/직원/MCP)",
     "cmd.model.desc": "모델 확인/변경",
     "cmd.cli.desc": "활성 CLI 확인/변경",
     "cmd.fallback.desc": "폴백 CLI 순서 설정",
@@ -89,9 +91,13 @@
     "cmd.reset.confirm": "전체 초기화: MCP, 스킬, 직원, 세션을 기본값으로 재설정합니다.\n실행하려면 /reset confirm 을 입력하세요.",
     "cmd.reset.unavailable": "이 환경에서는 초기화가 지원되지 않습니다.",
     "cmd.reset.done": "초기화 완료: {items}",
+    "cmd.reset.bootstrapDone": "🔄 부트스트랩 초기화 완료: {items}",
+    "cmd.reset.memory": "메모리",
     "cmd.reset.skills": "스킬",
     "cmd.reset.employees": "직원",
     "cmd.reset.sessions": "세션",
+    "cmd.purge.done": "✅ 대화 + 메모리 삭제 완료",
+    "cmd.clearAll.done": "✅ {items} 리셋 완료",
     "cmd.mcp.syncDone": "MCP sync 완료 ({count} target)",
     "cmd.mcp.installDone": "MCP install 완료 ({count} server)",
     "cmd.memory.empty": "memory 파일이 없습니다.",
@@ -261,6 +267,7 @@
     "btn.attach": "파일 첨부",
     "input.placeholder": "메시지 입력...",
     "queue.pendingTitle": "대기 중",
+    "queue.copy": "복사",
     "queue.delete": "삭제",
     "queue.steer": "지금 실행 (steer)",
     "queue.cancelArm": "취소 (3초 안에 한 번 더 누르면 취소)",

package/public/locales/zh.json

@@ -1,8 +1,10 @@
 {
     "cmd.help.desc": "命令列表",
     "cmd.status.desc": "当前状态",
-    "cmd.clear.desc": "清屏（不删除数据）",
-    "cmd.reset.desc": "完全重置（MCP/技能/员工/会话）",
+    "cmd.clear.desc": "删除对话 / all: 重置技能+员工+MCP",
+    "cmd.purge.desc": "删除对话和记忆",
+    "cmd.purge.tg_desc": "删除对话+记忆",
+    "cmd.reset.desc": "引导重置（对话/记忆/技能/员工/MCP）",
     "cmd.model.desc": "查看/切换模型",
     "cmd.cli.desc": "查看/切换当前 CLI",
     "cmd.fallback.desc": "设置 CLI fallback 顺序",
@@ -89,9 +91,13 @@
     "cmd.reset.confirm": "完全重置：MCP、技能、员工和会话都会恢复默认值。\n输入 /reset confirm 继续。",
     "cmd.reset.unavailable": "当前环境不支持重置。",
     "cmd.reset.done": "重置完成：{items}",
+    "cmd.reset.bootstrapDone": "🔄 引导重置完成：{items}",
+    "cmd.reset.memory": "记忆",
     "cmd.reset.skills": "技能",
     "cmd.reset.employees": "员工",
     "cmd.reset.sessions": "会话",
+    "cmd.purge.done": "✅ 对话 + 记忆已清除",
+    "cmd.clearAll.done": "✅ {items} 重置完成",
     "cmd.mcp.syncDone": "MCP 同步完成（{count} 个目标）",
     "cmd.mcp.installDone": "MCP 安装完成（{count} 个服务器）",
     "cmd.memory.empty": "没有记忆文件。",
@@ -250,6 +256,7 @@
     "btn.attach": "附加文件",
     "input.placeholder": "输入消息...",
     "queue.pendingTitle": "待处理",
+    "queue.copy": "复制",
     "queue.delete": "移除",
     "queue.steer": "立即运行（steer）",
     "queue.cancelArm": "再次点击取消",