@xenosystem/agent-conversation 0.1.35 → 0.1.37

package/dist/components/agent/AgentView.js

@@ -30,6 +30,11 @@ import { AgentNotificationBanner } from './AgentNotificationBanner.js';
 import { SlashCommandAutocomplete } from './SlashCommandAutocomplete.js';
 import { AssistantTurnErrorNotice, AssistantTurnStatusNotice } from './AssistantTurnStatusNotice.js';
 import { commandPreviewText, compactCommandPreview, deriveToolInteractionState, hideDuplicateToolTitle, isCommandToolCall } from './toolCardDisplay.js';
+import { deriveToolCallFilePath, humanizeToolName, isToolDisplayNoise, deriveToolCardDisplay, summarizeCommand, parseStructuredCommandContent, formatToolDuration, countTextLines, deriveEditorDiffStats, deriveToolDiffStats, deriveToolCallFileName, deriveFileToolPrimaryText, deriveFileToolActionLabel, buildInlineDiffPreviewLines, mapWorkspaceChoice, deriveTerminalToolOutput, readToolStringParam, isPseudoPermissionDirectory, deriveShellCommandNames, deriveApprovalCardInfo, toolCallLabel, buildSurfaceApprovalRule, canBuildSurfaceApprovalRule, } from './toolCallDerive.js';
+import { AgentsTray, BackgroundTray, Glyph, TasksTray, TranscriptTurn } from './transcript/Transcript.js';
+import { CtxAction, CtxDiff, CtxGrow, CtxMeter, CtxSeg, CtxSplit, CtxStrip, CtxVr, EffortCells, LaneGroup, ModeSegment, PermChip, ComposerDock, DockIcon, Notice, SendSquare, Tiles, Tip, TurnStatus, TypedMenu, XaMenu, XaMenuSearch, XaRow, postureOf, tokenAt, } from './composer/Composer.js';
+import { useAskActions } from './transcript/useAskActions.js';
+import { deriveStepRow } from './transcript/stepModel.js';
 import { deriveWebJobProgressView, webJobStopAvailability, WEB_JOB_STOP_LABEL, WEB_JOB_STOP_TITLE } from './webJobProgressView.js';
 import { cloudModelName, cloudModelSortScore } from '../../utils/cloudModels.js';
 import { isSelectableLiveModel } from '../../utils/modelAvailability.js';
@@ -44,8 +49,21 @@ import { extractUserFileCreateRequest, extractUserFileEditRequest, isAbsoluteOrR
 import { buildRuntimeAttachedContextPrompt } from '../../utils/agentAttachedContextPrompt.js';
 import { buildWorkspaceSelectionContinuationPrompt } from '../../utils/workspaceSelectionContinuation.js';
 import { isAgentComposerInputLocked } from './nativeTuiComposerInput.js';
+import { MessageCopyButton, MessageText } from './MessageText.js';
 import { AgentProviderSelectorController } from '../../providerSelector.js';
 import { loadHubAgentProviderCatalog, refreshHubAgentProviderCatalog, subscribeHubAgentProviderCatalog, } from '../../adapters/xenoAgentHostCatalog.js';
+/**
+ * The seed used before any catalog has loaded — and NOT a claim that this model exists.
+ *
+ * ⚠️ It is a retired id: measured 2026-09-13 the live platform serves `gpt-5.6-*`, and this
+ * `gpt-5.5-high` is served by nothing. That is survivable only because the live catalog's own
+ * default replaces it the moment one arrives (see the reconciliation beside
+ * `cloudModelSelectionMissing`). Before that reconciliation existed, this constant was why a
+ * signed-in person with ten working models was told "Cloud is unavailable · Choose a model".
+ *
+ * 🔴 So do not treat a hardcoded model id as a default. Upstream renames models, and every
+ * hardcoded id here is a future outage that presents as a broken lane rather than a stale string.
+ */
 const AGENT_GPT55_DEFAULT_MODEL = 'gpt-5.5-high';
 const AGENT_MODEL_MODE_SWITCH_ENABLED = true;
 const isAgentCloudModel = (id) => !!id && !id.startsWith('local:');
@@ -166,46 +184,6 @@ function selectAllowedDirectoryForPath(filePath, allowedDirectories, fallback) {
     });
     return matchingRoot || fallback || allowedDirectories[0] || '';
 }
-function countNormalizedTextLines(content) {
-    const normalized = content.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
-    if (!normalized.length)
-        return 0;
-    return normalized.replace(/\n$/, '').split('\n').length;
-}
-function normalizeEditorCandidatePath(raw) {
-    return raw
-        .trim()
-        .replace(/^["'`]+|["'`]+$/g, '')
-        .replace(/[)\].,;:]+$/g, '');
-}
-function extractPathsFromResultText(text) {
-    return extractWindowsFilePathsFromToolResult(text)
-        .map(normalizeEditorCandidatePath)
-        .filter(Boolean);
-}
-function deriveToolCallFilePath(toolCall) {
-    if (toolCall.diff?.path)
-        return normalizeEditorCandidatePath(toolCall.diff.path);
-    const artifactPath = toolCall.artifacts?.find((artifact) => artifact.type === 'file' && artifact.openInEditor)?.value;
-    if (artifactPath)
-        return normalizeEditorCandidatePath(artifactPath);
-    const params = toolCall.params || {};
-    const paramCandidates = [
-        params.path,
-        params.file_path,
-        params.targetPath,
-        params.resolvedTargetPath,
-    ];
-    for (const candidate of paramCandidates) {
-        if (typeof candidate === 'string') {
-            const normalized = normalizeEditorCandidatePath(candidate);
-            if (/^[A-Za-z]:\\/.test(normalized))
-                return normalized;
-        }
-    }
-    const resultCandidates = extractPathsFromResultText(toolCall.result || '');
-    return resultCandidates[0] || null;
-}
 function collectMessageFileReferences(toolCalls) {
     if (!toolCalls || toolCalls.length === 0)
         return [];
@@ -658,146 +636,6 @@ function computeMsgParts(msg) {
     }
     return withTurnStatus(parts);
 }
-function humanizeToolName(toolName) {
-    return toolName
-        .replace(/_/g, ' ')
-        .replace(/([a-z])([A-Z])/g, '$1 $2')
-        .replace(/\b\w/g, (char) => char.toUpperCase());
-}
-function stripToolDisplayPrefix(value) {
-    return value
-        .replace(/^(Selected folder:|Selecting folder:?|Workspace placement:|Running:|Searching:|Reading:|Writing:|Editing:)\s*/i, '')
-        .trim();
-}
-function isToolDisplayNoise(value) {
-    const trimmed = (value || '').trim();
-    if (!trimmed)
-        return true;
-    if (/^[{}\[\],:]+$/.test(trimmed))
-        return true;
-    if (trimmed === '{}' || trimmed === '[]' || trimmed === 'null')
-        return true;
-    try {
-        const parsed = JSON.parse(trimmed);
-        if (parsed === null)
-            return true;
-        if (Array.isArray(parsed))
-            return parsed.length === 0;
-        if (typeof parsed === 'object')
-            return Object.keys(parsed).length === 0;
-    }
-    catch {
-        // Not JSON, so only the punctuation-only check above applies.
-    }
-    return false;
-}
-function deriveToolCardDisplay(toolCall) {
-    const params = toolCall.params || {};
-    const normalizedToolName = toolCall.toolName.toLowerCase();
-    const fallbackLabel = isToolDisplayNoise(toolCall.summary)
-        ? stripToolDisplayPrefix(toolCallLabel(toolCall.toolName, params))
-        : stripToolDisplayPrefix(toolCall.summary || '');
-    const pr = toolCall.permissionRequest;
-    const fileName = deriveToolCallFileName(toolCall);
-    const fileActionLabel = deriveFileToolActionLabel(toolCall);
-    const filePrimaryText = deriveFileToolPrimaryText(toolCall);
-    const query = typeof params.query === 'string' ? params.query.trim() : '';
-    const app = typeof params.app === 'string'
-        ? params.app.trim()
-        : (typeof params.appPath === 'string' ? params.appPath.trim() : '');
-    const directoryArtifact = toolCall.artifacts?.find((artifact) => artifact.type === 'directory')?.value;
-    const directory = typeof params.directory === 'string' && params.directory.trim()
-        ? params.directory.trim()
-        : directoryArtifact;
-    const choice = typeof params.choice === 'string' ? mapWorkspaceChoice(params.choice.trim()) : '';
-    const command = typeof params.command === 'string' ? params.command.trim() : '';
-    if (pr?.status === 'pending') {
-        return hideDuplicateToolTitle({
-            eyebrow: 'Approval required',
-            title: normalizedToolName === 'choosedirectory'
-                ? 'Open folder picker'
-                : (pr.directory || pr.path || fallbackLabel || humanizeToolName(toolCall.toolName)),
-        });
-    }
-    if (fileActionLabel) {
-        return hideDuplicateToolTitle({
-            eyebrow: filePrimaryText || `${fileActionLabel} file`,
-            title: `${fileActionLabel} ${fileName}`,
-        });
-    }
-    if (isCommandToolCall(toolCall)) {
-        return hideDuplicateToolTitle({
-            eyebrow: toolCall.status === 'running' ? 'Running command' : 'Command',
-            title: command ? compactCommandPreview(command) : 'Terminal command',
-        });
-    }
-    switch (normalizedToolName) {
-        case 'choosedirectory':
-            return hideDuplicateToolTitle({
-                eyebrow: toolCall.status === 'running' ? 'Selecting folder' : 'Selected folder',
-                title: toolCall.status === 'running'
-                    ? (directory || 'Selecting folder')
-                    : (directory || fallbackLabel || 'Choose a folder'),
-            });
-        case 'workspaceselection':
-            return hideDuplicateToolTitle({
-                eyebrow: 'Workspace action',
-                title: choice || fallbackLabel || 'Update workspace placement',
-            });
-        case 'chooseworkspaceplacement':
-            return {
-                eyebrow: toolCall.status === 'running' ? 'Choose workspace placement' : 'Workspace placement',
-                title: '',
-            };
-        case 'xenoworkspacemanage':
-            return hideDuplicateToolTitle({
-                eyebrow: 'Workspace registry',
-                title: fallbackLabel || 'Manage workspace hierarchy',
-            });
-        case 'glob':
-            return hideDuplicateToolTitle({
-                eyebrow: toolCall.status === 'running' ? 'Finding files' : 'Glob',
-                title: '',
-            });
-        case 'terminallist':
-            return hideDuplicateToolTitle({
-                eyebrow: toolCall.status === 'running' ? 'Terminal command' : 'Terminal command',
-                title: '',
-            });
-        case 'terminalreadoutput':
-            return hideDuplicateToolTitle({
-                eyebrow: toolCall.status === 'running' ? 'Terminal command' : 'Terminal command',
-                title: '',
-            });
-        case 'terminalwriteinput':
-            return hideDuplicateToolTitle({
-                eyebrow: 'Terminal command',
-                title: '',
-            });
-        case 'askuser':
-            return hideDuplicateToolTitle({
-                eyebrow: 'User input',
-                title: '',
-            });
-        case 'websearch':
-        case 'web_search':
-            return hideDuplicateToolTitle({
-                eyebrow: toolCall.status === 'running' ? 'Searching web' : 'Web search',
-                title: query || fallbackLabel || 'Search query',
-            });
-        case 'openapp':
-        case 'open_app':
-            return hideDuplicateToolTitle({
-                eyebrow: toolCall.status === 'running' ? 'Opening app' : 'Opened app',
-                title: app || fallbackLabel || 'App launch',
-            });
-        default:
-            return hideDuplicateToolTitle({
-                eyebrow: humanizeToolName(toolCall.toolName),
-                title: fallbackLabel || humanizeToolName(toolCall.toolName),
-            });
-    }
-}
 function assistantLaneMarkerKind(part) {
     switch (part.kind) {
         case 'tool-calls':
@@ -1012,36 +850,6 @@ function parseWebSearchResultBlocks(content) {
     }
     return resultBlocks;
 }
-function summarizeCommand(cmd) {
-    const lower = cmd.toLowerCase();
-    if (lower.startsWith('web_search:')) {
-        const query = cmd.slice(11).trim();
-        return { icon: 'search', label: `Searched web: ${query}`, detail: `Web search for "${query}"` };
-    }
-    if (lower.includes('select-string') || lower.includes('grep') || lower.includes('findstr')) {
-        const patternMatch = cmd.match(/[-"]Pattern["']?\s+["']?([^"'\s]+)/i) || cmd.match(/Select-String.*["']([^"']+)["']/i);
-        const pathMatch = cmd.match(/-Path\s+["']?([^"'\s|]+)/i);
-        const caseSensitive = lower.includes('casesensitive:$false') ? 'Case insensitive' : '';
-        const detail = `Searched with query ${patternMatch?.[1] || 'pattern'}${pathMatch ? ` in ${pathMatch[1]}` : ''}${caseSensitive ? `\n${caseSensitive}` : ''}`;
-        return { icon: 'search', label: `Searched ${patternMatch?.[1] || 'pattern'}`, detail };
-    }
-    if (lower.includes('get-childitem') || lower.includes('ls') || lower.includes('dir')) {
-        const pathMatch = cmd.match(/-Path\s+["']?([^"'\s|]+)/i) || cmd.match(/(?:ls|dir)\s+["']?([^"'\s|]+)/i);
-        const path = pathMatch?.[1] || '';
-        const folder = path.split(/[/\\]/).filter(Boolean).pop() || path;
-        const flags = [lower.includes('-recurse') && 'Recursive', lower.includes('-force') && 'Including hidden'].filter(Boolean).join(', ');
-        const detail = `Listed directory ${path}${flags ? `\n${flags}` : ''}`;
-        return { icon: 'file', label: `Listed ${folder || 'directory'}`, detail };
-    }
-    if (lower.includes('get-content') || lower.includes('cat') || lower.includes('type')) {
-        const pathMatch = cmd.match(/-Path\s+["']?([^"'\s|]+)/i) || cmd.match(/(?:cat|type)\s+["']?([^"'\s|]+)/i);
-        const path = pathMatch?.[1] || '';
-        const file = path.split(/[/\\]/).pop() || 'file';
-        return { icon: 'file', label: `Read ${file}`, detail: `Read file ${path}` };
-    }
-    const short = cmd.length > 60 ? cmd.slice(0, 57) + '...' : cmd;
-    return { icon: 'terminal', label: short, detail: cmd };
-}
 function countResults(content) {
     const lines = content.trim().split('\n').filter(l => l.trim());
     if (lines.length === 0)
@@ -1050,67 +858,6 @@ function countResults(content) {
         return 'error';
     return `${lines.length} result${lines.length === 1 ? '' : 's'}`;
 }
-function parseStructuredCommandContent(content) {
-    const raw = content.replace(/^```\n?/gm, '').replace(/```$/gm, '').trim();
-    if (!raw) {
-        return {
-            command: '',
-            cwd: '',
-            stdout: '',
-            stderr: '',
-            error: '',
-            exit: '',
-            outputLineCount: 0,
-        };
-    }
-    const lines = raw.split('\n');
-    let command = '';
-    let cwd = '';
-    let error = '';
-    let exit = '';
-    let inStderr = false;
-    const stdoutLines = [];
-    const stderrLines = [];
-    for (const line of lines) {
-        if (!command && line.startsWith('$ ')) {
-            command = line.slice(2).trim();
-            continue;
-        }
-        if (!cwd && line.startsWith('cwd: ')) {
-            cwd = line.slice(5).trim();
-            continue;
-        }
-        if (line === '[stderr]') {
-            inStderr = true;
-            continue;
-        }
-        if (!error && line.startsWith('[error]')) {
-            error = line.replace(/^\[error\]\s*/i, '').trim();
-            continue;
-        }
-        if (!exit && line.startsWith('exit: ')) {
-            exit = line.replace(/^exit:\s*/i, 'exit ').trim();
-            continue;
-        }
-        if (inStderr) {
-            stderrLines.push(line);
-        }
-        else {
-            stdoutLines.push(line);
-        }
-    }
-    const stdout = stdoutLines.join('\n').trim();
-    const stderr = stderrLines.join('\n').trim();
-    return {
-        command,
-        cwd,
-        stdout,
-        stderr,
-        error,
-        exit,
-        outputLineCount: stdout ? stdout.split(/\r?\n/).length : 0,
-    };
-}
 function CommandResultBlock({ command, content, isError }) {
     const [isOpen, setIsOpen] = useState(false);
     const summary = summarizeCommand(command);
@@ -1163,13 +910,6 @@ function CommandResultBlock({ command, content, isError }) {
             })()] }));
 }
 /** Renders tool calls from the agentic loop (function calling) */
-function formatToolDuration(durationMs) {
-    if (typeof durationMs !== 'number' || Number.isNaN(durationMs))
-        return null;
-    if (durationMs < 1000)
-        return null;
-    return `${(durationMs / 1000).toFixed(durationMs >= 10_000 ? 0 : 1)}s`;
-}
 function normalizeToolDisplayText(value) {
     return (value || '')
         .replace(/\s+/g, ' ')
@@ -1181,119 +921,6 @@ function normalizeToolDisplayText(value) {
 function isEmptyToolResult(value) {
     return isToolDisplayNoise(value);
 }
-function countTextLines(value) {
-    if (!value)
-        return 0;
-    return value.split(/\r?\n/).length;
-}
-function deriveEditorDiffStats(diff) {
-    // Older persisted diff payloads counted empty original content as one removed
-    // line because ''.split('\n') returns ['']. Normalize display stats so a new
-    // file reads as +N -0 and the inline preview matches the counters.
-    if (diff.originalContent.length === 0) {
-        return {
-            added: countNormalizedTextLines(diff.modifiedContent),
-            removed: 0,
-        };
-    }
-    if (diff.modifiedContent.length === 0) {
-        return {
-            added: 0,
-            removed: countNormalizedTextLines(diff.originalContent),
-        };
-    }
-    return {
-        added: diff.addedLines,
-        removed: diff.removedLines,
-    };
-}
-function parseReplacementCount(result) {
-    const match = result?.match(/Replaced\s+(\d+)\s+occurrence/i);
-    const count = match ? Number.parseInt(match[1], 10) : 1;
-    return Number.isFinite(count) && count > 0 ? count : 1;
-}
-function deriveToolDiffStats(toolCall) {
-    if (toolCall.status !== 'done' || toolCall.success === false) {
-        return null;
-    }
-    if (toolCall.diff) {
-        return deriveEditorDiffStats(toolCall.diff);
-    }
-    const toolName = toolCall.toolName.toLowerCase();
-    const params = toolCall.params || {};
-    if (toolName === 'edit' || toolName === 'edit_file') {
-        const oldString = typeof params.old_string === 'string' ? params.old_string : '';
-        const newString = typeof params.new_string === 'string' ? params.new_string : '';
-        if (!oldString && !newString)
-            return null;
-        const replacements = parseReplacementCount(toolCall.result);
-        return {
-            added: countTextLines(newString) * replacements,
-            removed: countTextLines(oldString) * replacements
-        };
-    }
-    if (toolName === 'write' || toolName === 'write_file') {
-        const content = typeof params.content === 'string' ? params.content : '';
-        if (!content)
-            return null;
-        return {
-            added: countTextLines(content),
-            removed: 0
-        };
-    }
-    return null;
-}
-function deriveToolCallFileName(toolCall) {
-    const filePath = deriveToolCallFilePath(toolCall);
-    if (filePath) {
-        const normalized = filePath.replace(/[\\/]+$/, '');
-        const parts = normalized.split(/[/\\]/).filter(Boolean);
-        if (parts.length > 0)
-            return parts[parts.length - 1];
-    }
-    if (toolCall.diff?.name)
-        return toolCall.diff.name;
-    return 'file';
-}
-function deriveFileToolPrimaryText(toolCall) {
-    const toolName = toolCall.toolName.toLowerCase();
-    if (!['write', 'write_file', 'edit', 'edit_file', 'read', 'read_file'].includes(toolName)) {
-        return null;
-    }
-    if (toolCall.status === 'running') {
-        return null;
-    }
-    if (toolCall.success === false) {
-        return null;
-    }
-    if (toolName === 'read' || toolName === 'read_file') {
-        return 'Read file';
-    }
-    if (toolName === 'edit' || toolName === 'edit_file') {
-        return 'Edited file';
-    }
-    if (toolCall.diff) {
-        const original = toolCall.diff.originalContent || '';
-        const { removed } = deriveEditorDiffStats(toolCall.diff);
-        if (!original.trim() && removed === 0) {
-            return 'Created file';
-        }
-        return 'Edited file';
-    }
-    return 'Created file';
-}
-function deriveFileToolActionLabel(toolCall) {
-    const toolName = toolCall.toolName.toLowerCase();
-    if (toolName === 'writefiles')
-        return 'Write';
-    if (toolName === 'write' || toolName === 'write_file')
-        return 'Write';
-    if (toolName === 'edit' || toolName === 'edit_file')
-        return 'Edit';
-    if (toolName === 'read' || toolName === 'read_file')
-        return 'Read';
-    return null;
-}
 function deriveFileToolGroupLabel(toolCall) {
     const primaryText = deriveFileToolPrimaryText(toolCall);
     if (!primaryText)
@@ -2108,92 +1735,6 @@ function buildConversationDebugSnapshot(params) {
     }
     return lines.join('\n').trim();
 }
-function splitPreviewLines(value) {
-    if (!value)
-        return [];
-    return value.replace(/\r\n/g, '\n').replace(/\r/g, '\n').split('\n');
-}
-function buildInlineDiffPreviewLines(diff, maxChangedLines = 12) {
-    const originalLines = splitPreviewLines(diff.originalContent);
-    const modifiedLines = splitPreviewLines(diff.modifiedContent);
-    if (originalLines.length === 0 && modifiedLines.length === 0) {
-        return [];
-    }
-    let prefix = 0;
-    while (prefix < originalLines.length &&
-        prefix < modifiedLines.length &&
-        originalLines[prefix] === modifiedLines[prefix]) {
-        prefix += 1;
-    }
-    let suffix = 0;
-    while (suffix < originalLines.length - prefix &&
-        suffix < modifiedLines.length - prefix &&
-        originalLines[originalLines.length - 1 - suffix] === modifiedLines[modifiedLines.length - 1 - suffix]) {
-        suffix += 1;
-    }
-    const originalChanged = originalLines.slice(prefix, originalLines.length - suffix);
-    const modifiedChanged = modifiedLines.slice(prefix, modifiedLines.length - suffix);
-    const contextBeforeStart = Math.max(0, prefix - 2);
-    const contextBefore = originalLines.slice(contextBeforeStart, prefix);
-    const contextAfterStart = modifiedLines.length - suffix;
-    const contextAfter = modifiedLines.slice(contextAfterStart, Math.min(modifiedLines.length, contextAfterStart + 2));
-    const lines = [];
-    for (let index = 0; index < contextBefore.length; index += 1) {
-        const oldLineNumber = contextBeforeStart + index + 1;
-        lines.push({
-            kind: 'context',
-            oldLineNumber,
-            newLineNumber: oldLineNumber,
-            text: contextBefore[index],
-        });
-    }
-    const changedLineCount = originalChanged.length + modifiedChanged.length;
-    const truncateChanged = changedLineCount > maxChangedLines;
-    const allowedChangedLines = truncateChanged
-        ? Math.max(2, Math.floor(maxChangedLines / 2))
-        : Number.MAX_SAFE_INTEGER;
-    const removedToShow = truncateChanged ? originalChanged.slice(0, allowedChangedLines) : originalChanged;
-    const addedToShow = truncateChanged ? modifiedChanged.slice(0, allowedChangedLines) : modifiedChanged;
-    for (let index = 0; index < removedToShow.length; index += 1) {
-        lines.push({
-            kind: 'removed',
-            oldLineNumber: prefix + index + 1,
-            text: removedToShow[index],
-        });
-    }
-    for (let index = 0; index < addedToShow.length; index += 1) {
-        lines.push({
-            kind: 'added',
-            newLineNumber: prefix + index + 1,
-            text: addedToShow[index],
-        });
-    }
-    if (truncateChanged) {
-        lines.push({
-            kind: 'ellipsis',
-            text: `... ${changedLineCount - (removedToShow.length + addedToShow.length)} more changed lines`
-        });
-    }
-    for (let index = 0; index < contextAfter.length; index += 1) {
-        const newLineNumber = contextAfterStart + index + 1;
-        lines.push({
-            kind: 'context',
-            oldLineNumber: newLineNumber,
-            newLineNumber,
-            text: contextAfter[index],
-        });
-    }
-    if (lines.length === 0) {
-        const fallbackLines = modifiedLines.length > 0 ? modifiedLines : originalLines;
-        return fallbackLines.slice(0, 6).map((line, index) => ({
-            kind: 'context',
-            oldLineNumber: index + 1,
-            newLineNumber: index + 1,
-            text: line,
-        }));
-    }
-    return lines;
-}
 function trimToolPreviewText(value, maxLines = 10, maxChars = 1200) {
     const normalized = value.replace(/\r\n/g, '\n').replace(/\r/g, '\n').trim();
     if (!normalized)
@@ -2305,18 +1846,6 @@ function ToolCommandDetails({ toolCall }) {
         return null;
     return (_jsxs("div", { "data-command-tool-details": true, className: "overflow-hidden", children: [command && (_jsxs("div", { className: "border-b border-white/[0.04]", children: [_jsx("div", { className: "px-2.5 pt-1.5 text-[10px] uppercase tracking-[0.12em] text-white/20", children: "Full command" }), _jsx("div", { children: _jsx("pre", { className: `px-2.5 pb-2 pt-1 text-[11px] font-mono whitespace-pre-wrap break-words ${isFailed ? 'text-red-300/70' : 'text-white/50'}`, children: command }) })] })), output && (_jsxs("div", { children: [_jsx("div", { className: "px-2.5 py-1 text-[10px] uppercase tracking-[0.12em] text-white/20", children: isFailed ? 'Error' : 'Output' }), _jsx("div", { children: _jsx("pre", { className: `px-2.5 pb-2 text-[11px] font-mono whitespace-pre-wrap break-words ${isFailed ? 'text-[#ff8b8b]' : 'text-white/40'}`, children: output }) })] })), !output && (_jsx("div", { className: "px-2.5 py-2 text-[11px] text-white/24", children: isRunning ? 'Waiting for output...' : 'No output' }))] }));
 }
-function mapWorkspaceChoice(value) {
-    switch (value) {
-        case 'inbox':
-            return 'Keep in Inbox';
-        case 'reuse':
-            return 'Move to existing workspace';
-        case 'create':
-            return 'Create new workspace';
-        default:
-            return value;
-    }
-}
 function deriveToolDetailRows(toolCall) {
     const params = toolCall.params || {};
     const toolName = toolCall.toolName.toLowerCase();
@@ -2415,30 +1944,6 @@ function deriveToolDetailRows(toolCall) {
     }
     return rows;
 }
-function deriveTerminalToolOutput(toolCall) {
-    const toolName = toolCall.toolName.toLowerCase();
-    if (toolName !== 'terminalwriteinput' && toolName !== 'terminalreadoutput')
-        return null;
-    const raw = (toolCall.result || '').trim();
-    if (!raw)
-        return null;
-    try {
-        const parsed = JSON.parse(raw);
-        const output = typeof parsed.output === 'string' ? parsed.output : '';
-        if (!output.trim())
-            return null;
-        return {
-            output,
-            terminalId: typeof parsed.terminalId === 'string' ? parsed.terminalId : undefined,
-            cwd: typeof parsed.cwd === 'string' ? parsed.cwd : undefined,
-        };
-    }
-    catch {
-        if (/^Wrote \d+ characters to terminal/i.test(raw))
-            return null;
-        return { output: raw };
-    }
-}
 function TerminalOutputBlock({ output, terminalId, cwd }) {
     return (_jsxs("div", { className: "border-t border-white/[0.04]", children: [_jsxs("div", { className: "flex h-[22px] items-center justify-between gap-2 px-2.5 text-[10px] uppercase tracking-[0.14em] text-white/20", children: [_jsx("span", { children: "Output" }), _jsx("span", { className: "min-w-0 truncate normal-case tracking-normal font-mono text-[10px] text-white/18", children: cwd || terminalId || '' })] }), _jsx("div", { className: "max-h-[220px] overflow-auto bg-[#050506] [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-white/10 [&::-webkit-scrollbar-thumb]:rounded-[1px] [&::-webkit-scrollbar-thumb]:hover:bg-white/20", children: _jsx("pre", { className: "px-2.5 pb-2 pt-1 text-[11px] leading-relaxed font-mono whitespace-pre-wrap break-words text-white/55", children: output }) })] }));
 }
@@ -2492,179 +1997,6 @@ function WebContextJobProgressRow({ toolCall, onStop, }) {
                         onStop();
                     }, title: WEB_JOB_STOP_TITLE, "aria-label": WEB_JOB_STOP_TITLE, className: "h-[18px] flex-shrink-0 rounded-[2px] border border-white/[0.08] bg-white/[0.04] px-1.5 text-[9px] uppercase tracking-[0.14em] text-white/45 transition-colors hover:border-white/[0.16] hover:bg-white/[0.07] hover:text-white/75", children: WEB_JOB_STOP_LABEL }))] }) }));
 }
-function readToolStringParam(params, keys) {
-    if (!params)
-        return '';
-    for (const key of keys) {
-        const value = params[key];
-        if (typeof value === 'string' && value.trim())
-            return value.trim();
-    }
-    return '';
-}
-function isPseudoPermissionDirectory(directory) {
-    return /^__.*__$/.test((directory || '').trim());
-}
-function tokenizeShellCommand(command) {
-    return (command.match(/"[^"]*"|'[^']*'|[^\s]+/g) || [])
-        .map((token) => token.replace(/^["']|["']$/g, '').trim())
-        .filter(Boolean);
-}
-function deriveShellCommandNames(command) {
-    const tokens = tokenizeShellCommand(command);
-    const commands = [];
-    let expectCommand = true;
-    for (const token of tokens) {
-        const normalized = token.toLowerCase();
-        if (['&&', '||', '|', ';'].includes(normalized)) {
-            expectCommand = true;
-            continue;
-        }
-        if (!expectCommand)
-            continue;
-        if (/^[a-zA-Z][\w.-]*$/.test(token)) {
-            commands.push(token);
-            expectCommand = false;
-        }
-    }
-    return Array.from(new Set(commands));
-}
-function deriveApprovalCardInfo(toolCall, pr) {
-    const params = toolCall.params || {};
-    const normalizedToolName = toolCall.toolName.toLowerCase();
-    const command = readToolStringParam(params, ['command']);
-    const terminalInput = readToolStringParam(params, ['data']);
-    const browserUrl = readToolStringParam(params, ['url']);
-    const browserSelector = readToolStringParam(params, ['selector']);
-    const browserText = readToolStringParam(params, ['text']);
-    const browserKey = readToolStringParam(params, ['key']);
-    const permissionText = (pr.path || pr.directory || '').trim();
-    const body = (() => {
-        if (command)
-            return command;
-        if (terminalInput)
-            return terminalInput.replace(/\r/g, '\\r').replace(/\n/g, '\\n');
-        if (browserUrl)
-            return browserUrl;
-        if (browserSelector && browserText)
-            return `${browserSelector}\n${browserText}`;
-        if (browserSelector)
-            return browserSelector;
-        if (browserKey)
-            return browserKey;
-        return permissionText || humanizeToolName(toolCall.toolName);
-    })();
-    const description = (() => {
-        if (permissionText)
-            return permissionText;
-        if (normalizedToolName === 'bash')
-            return 'Run shell command';
-        if (normalizedToolName === 'terminalwriteinput')
-            return 'Write to PowerShell terminal';
-        if (normalizedToolName.startsWith('browser'))
-            return humanizeToolName(toolCall.toolName);
-        if (normalizedToolName === 'choosedirectory')
-            return 'Open folder picker';
-        return humanizeToolName(toolCall.toolName);
-    })();
-    const shellNames = deriveShellCommandNames(command || terminalInput);
-    const summary = shellNames.length > 0
-        ? shellNames.slice(0, 3).join(', ')
-        : humanizeToolName(toolCall.toolName);
-    const allowlistLabel = shellNames.length > 0
-        ? `Allowlist '${shellNames[0]}'${shellNames.length > 1 ? ` + ${shellNames.length - 1}` : ''}`
-        : `Allowlist ${humanizeToolName(toolCall.toolName)}`;
-    return {
-        description,
-        summary,
-        body,
-        prompt: normalizedToolName === 'bash' || normalizedToolName === 'terminalwriteinput' ? '$ ' : '',
-        allowlistLabel,
-        runLabel: normalizedToolName === 'choosedirectory' ? 'Open' : 'Run',
-    };
-}
-function normalizeTerminalApprovalCommand(raw) {
-    return raw
-        .replace(/\r/g, '\n')
-        .split('\n')
-        .map((line) => line.trim())
-        .filter(Boolean)
-        .join(' && ');
-}
-function safeUrlOrigin(raw) {
-    try {
-        const url = new URL(raw);
-        return url.protocol === 'http:' || url.protocol === 'https:' ? url.origin : '';
-    }
-    catch {
-        return '';
-    }
-}
-function buildSurfaceApprovalRule(toolCall, pr) {
-    const params = toolCall.params || {};
-    const action = toolCall.toolName;
-    if (action === 'TerminalWriteInput') {
-        const command = normalizeTerminalApprovalCommand(readToolStringParam(params, ['data', 'command']));
-        if (!command)
-            return null;
-        const names = deriveShellCommandNames(command);
-        return {
-            surface: 'terminal',
-            action,
-            matcher: command,
-            command,
-            label: names.length > 0 ? names.slice(0, 3).join(', ') : command.slice(0, 80),
-        };
-    }
-    if (action === 'BrowserGoto') {
-        const url = readToolStringParam(params, ['url']);
-        const origin = safeUrlOrigin(url);
-        if (!origin)
-            return null;
-        return {
-            surface: 'browser',
-            action,
-            matcher: origin,
-            browserOrigin: origin,
-            urlPattern: origin,
-            label: origin,
-        };
-    }
-    if (action === 'BrowserClick' || action === 'BrowserType') {
-        const selector = readToolStringParam(params, ['selector']);
-        if (!selector)
-            return null;
-        const browserOrigin = pr.browserOrigin || '';
-        return {
-            surface: 'browser',
-            action,
-            matcher: browserOrigin ? `${browserOrigin} ${selector}` : selector,
-            browserOrigin: browserOrigin || undefined,
-            selector,
-            label: browserOrigin ? `${humanizeToolName(toolCall.toolName)} ${browserOrigin}` : `${humanizeToolName(toolCall.toolName)} ${selector}`,
-        };
-    }
-    if (action === 'BrowserKey') {
-        const key = readToolStringParam(params, ['key']);
-        if (!key)
-            return null;
-        const browserOrigin = pr.browserOrigin || '';
-        return {
-            surface: 'browser',
-            action,
-            matcher: browserOrigin ? `${browserOrigin} ${key}` : key,
-            browserOrigin: browserOrigin || undefined,
-            key,
-            label: browserOrigin ? `Browser key ${key} on ${browserOrigin}` : `Browser key ${key}`,
-        };
-    }
-    if (!pr.directory || isPseudoPermissionDirectory(pr.directory))
-        return null;
-    return null;
-}
-function canBuildSurfaceApprovalRule(toolCall, pr) {
-    return !!buildSurfaceApprovalRule(toolCall, pr);
-}
 function ToolApprovalCard({ toolCall, permission, canPersistAllowlist, onSkip, onRun, onAllowlist, onDenyAlways, }) {
     const info = deriveApprovalCardInfo(toolCall, permission);
     const [expanded, setExpanded] = useState(true);
@@ -3109,58 +2441,6 @@ export function ToolCallsBlock({ calls, requestId, onAddApprovalRule, onOpenEdit
                                                                             }, className: "min-w-0 flex flex-1 items-center gap-1.5 text-left", "aria-label": `Collapse ${fileActionLabel} ${filePath}`, children: [_jsx("span", { className: "inline-flex h-3 w-3 flex-shrink-0 items-center justify-center", children: _jsx("span", { className: "block h-1.5 w-1.5 rounded-[2px] bg-[var(--xeno-marker-solid)]" }) }), _jsxs("span", { className: "min-w-0 flex-1 inline-flex items-center gap-1.5", children: [_jsx("span", { className: "flex-shrink-0 text-[10px] uppercase tracking-[0.14em] text-white/20", children: fileActionLabel }), _jsx("span", { className: "min-w-0 truncate text-[12px] leading-3 font-mono text-white/50", title: filePath, children: deriveToolCallFileName(tc) })] })] }), _jsxs("span", { className: "flex items-center gap-2 flex-shrink-0", children: [handleOpenDiff && tc.diff && (_jsx("button", { type: "button", onClick: () => handleOpenDiff(tc.diff), className: "text-[10px] text-white/35 hover:text-white/55 transition-colors", children: "Preview diff" })), tc.diff && (_jsxs(_Fragment, { children: [_jsxs("span", { className: "text-[10px] text-emerald-300", children: ["+", diffStats?.added ?? 0] }), _jsxs("span", { className: "text-[10px] text-red-300", children: ["-", diffStats?.removed ?? 0] })] })), handleOpenPath && (_jsx("button", { type: "button", onClick: () => handleOpenPath(filePath), className: "text-[10px] text-white/20 hover:text-white/40 transition-colors", children: "Open file" }))] })] }) })), _jsx(ToolInlineDiffCard, { toolCall: tc, onPeekEditorDiff: handleOpenDiff, onPeekEditorPath: handleOpenPath, embedded: true, showHeader: false, showHeaderActions: false, showHeaderStats: false })] }) }) })), !hasPendingPermission && showsInlineCommandCard && (_jsx("div", { className: `${detailRows.length > 0 || webSearchResults.length > 0 || showsInlineDiffCard ? 'border-t border-white/[0.04]' : ''}`, children: _jsx(ToolCommandDetails, { toolCall: tc }) }))] }), hasDetailsFooter && (_jsxs("div", { "data-tool-details-footer": true, className: "absolute inset-x-0 bottom-0 z-10 flex h-6 items-center gap-x-3 border-t border-white/[0.04] bg-[var(--xeno-tool-expanded-bg)] px-2.5 text-[10px] text-white/20", children: [durationLabel && _jsxs("span", { className: "flex-none", children: ["Duration ", durationLabel] }), tc.riskLevel === 'high' && _jsx("span", { className: "flex-none", children: "Risk high" }), footerCwd && _jsxs("span", { className: "min-w-0 flex-1 truncate", children: ["cwd ", footerCwd] })] }))] }) }) }))] }, tc.id));
         }) }));
 }
-function toolCallLabel(toolName, params) {
-    switch (toolName.toLowerCase()) {
-        case 'choosedirectory': {
-            const directory = String(params?.directory || params?.path || '');
-            return directory
-                ? `Selected folder: ${directory}`
-                : 'Selected folder for this conversation';
-        }
-        case 'workspaceselection': {
-            const choice = String(params?.choice || '');
-            return choice ? `Workspace placement: ${choice}` : 'Workspace placement selected';
-        }
-        case 'xenoworkspacemanage': {
-            const action = String(params?.action || 'manage');
-            return `Workspace registry: ${action}`;
-        }
-        case 'bash':
-        case 'run_command': {
-            const cmd = String(params?.command || '');
-            return cmd.length > 60 ? `Running: ${cmd.slice(0, 57)}...` : `Running: ${cmd}`;
-        }
-        case 'runcommand':
-        case 'shell':
-        case 'shell_command':
-        case 'shellcommand':
-        case 'terminal': {
-            const cmd = String(params?.command || '');
-            return cmd ? `Running: ${compactCommandPreview(cmd, 60)}` : 'Terminal command';
-        }
-        case 'websearch':
-        case 'web_search':
-            return `Searching: ${String(params?.query || '')}`;
-        case 'read':
-        case 'read_file':
-            return `Reading: ${String(params?.path || '').split(/[/\\]/).pop() || 'file'}`;
-        case 'write':
-        case 'write_file':
-            return `Writing: ${String(params?.file_path || params?.path || '').split(/[/\\]/).pop() || 'file'}`;
-        case 'edit':
-        case 'edit_file':
-            return `Editing: ${String(params?.file_path || params?.path || '').split(/[/\\]/).pop() || 'file'}`;
-        case 'glob':
-            return `Finding files in ${String(params?.path || '.')}`;
-        case 'grep':
-            return `Searching files for ${String(params?.pattern || params?.query || '')}`;
-        case 'openapp':
-        case 'open_app':
-            return `Opening: ${String(params?.app || params?.appPath || '')}`;
-        default:
-            return `${toolName}(${Object.keys(params || {}).join(', ')})`;
-    }
-}
 function buildSystemPrompt(props, authDisplayName, runtimeKind = 'sdk-native') {
     const { agentName, systemPrompt, templateName, workspaceName, teamName, model, capabilities, allowedDirectories, allowedApps, teamAgents, isMainAssistant } = props;
     const userName = authDisplayName?.trim() || 'User';
@@ -3360,11 +2640,14 @@ export function AgentView(props) {
         ? (effectiveRuntimeSelection.acpAgentConfigId || effectiveRuntimeSelection.providerId)
         : undefined;
     const acpAgentsForRuntime = useMemo(() => acpAgentSummariesForRuntime.map((agent) => acpRuntimeAgentDetails[agent.id] || agent), [acpAgentSummariesForRuntime, acpRuntimeAgentDetails]);
+    // The composer's approvals chip (D9) chooses a posture for THIS conversation; the agent's configured
+    // profile is the default. Every turn — send, rerun, ACP — carries the same one.
+    const effectivePermissionProfile = conversation?.sessionUi?.permissionProfile || props.permissionProfile || 'standard';
     const runtimeProvider = useMemo(() => resolveHubAgentRuntimeProvider({
         selection: effectiveRuntimeSelection,
-        permissionProfile: props.permissionProfile || 'standard',
+        permissionProfile: effectivePermissionProfile,
         acpAgents: acpAgentsForRuntime,
-    }), [acpAgentsForRuntime, effectiveRuntimeSelection, props.permissionProfile]);
+    }), [acpAgentsForRuntime, effectiveRuntimeSelection, effectivePermissionProfile]);
     const runtimeMode = acpModePending || runtimeProvider.kind === 'acp-provider' ? 'acp' : inferenceMode;
     const selectableAcpAgents = useMemo(() => {
         const availableConfigIds = availableAcpConfigIds(sharedRuntimeProviders);
@@ -3537,11 +2820,9 @@ export function AgentView(props) {
         setLastCloudModel(isAgentCloudModel(selectedModel) ? selectedModel : AGENT_GPT55_DEFAULT_MODEL);
         setInferenceMode('cloud');
     }, [selectedModel]);
-    const messagesEndRef = useRef(null);
     const messagesScrollRef = useRef(null);
     const textareaRef = useRef(null);
     const fileInputRef = useRef(null);
-    const modeRef = useRef(null);
     const modelListRef = useRef(null);
     const effortSelectorRef = useRef(null);
     const acpCliListRef = useRef(null);
@@ -3572,8 +2853,22 @@ export function AgentView(props) {
             return score || a.name.localeCompare(b.name);
         });
     }, [cloudRuntimeProvider]);
+    /**
+     * 🔴 "Cloud" is the MODEL ROUTE, never where the work runs — and this dock contains BOTH ideas
+     * at once, so the distinction has to survive into the words.
+     *
+     *   lane = Cloud   → the model is served through the XENO API (this control)
+     *   host = Hosted sandbox / This machine → where the agent's work EXECUTES (the context strip)
+     *
+     * The artifact keeps the visible label short ("Cloud") and does the disambiguating in the
+     * tooltip: "The XENO API can't take this turn right now. Pick another place to run it." So the
+     * fallback reason below says XENO API, not "cloud" — a reader who sees only this sentence must
+     * not conclude that hosted execution is down.
+     */
+    const cloudCatalogState = cloudRuntimeProvider?.catalogState;
+    const cloudCatalogRecovering = cloudCatalogState?.state === 'loading' || !!cloudCatalogState?.failure?.retryable;
     const cloudCatalogUnavailableReason = cloudRuntimeProvider?.safeUnavailableReason
-        || 'The live XENO model catalog is unavailable.';
+        || 'The XENO API can’t take this turn right now.';
     const availableModels = useXenoChatStore(s => s.availableModels);
     const fetchModels = useXenoChatStore(s => s.fetchModels);
     const localModels = useMemo(() => availableModels.filter(m => m.provider === 'local'), [availableModels]);
@@ -3726,16 +3021,43 @@ export function AgentView(props) {
             return isThinkingVariant ? `${cloud.name} (Thinking)` : cloud.name;
         }
         if (inferenceMode === 'cloud' && sharedProviderCatalogLoaded) {
-            return cloudCatalogUnavailableReason.startsWith('Sign in') ? 'Sign in for Cloud' : 'Cloud unavailable';
+            if (cloudCatalogState?.state === 'loading')
+                return 'Loading models…';
+            if (cloudCatalogRecovering)
+                return 'Retrying models…';
+            return cloudCatalogState ? (cloudCatalogState.failure?.code === 'auth-required' ? 'Sign in for Cloud' : 'Cloud unavailable')
+                : cloudCatalogUnavailableReason.startsWith('Sign in') ? 'Sign in for Cloud' : 'Cloud unavailable';
         }
         const local = availableModels.find(m => m.id === actualModelId);
         return local?.name || actualModelId;
-    }, [cloudModels, cloudRuntimeProvider, availableModels, selectedModel, actualModelId, selectedCloudEffortFamily, isThinkingVariant, runtimeProvider.kind, runtimeProvider.displayName, acpProviderModelDisplayName, inferenceMode, sharedProviderCatalogLoaded, cloudCatalogUnavailableReason]);
+    }, [cloudModels, cloudRuntimeProvider, availableModels, selectedModel, actualModelId, selectedCloudEffortFamily, isThinkingVariant, runtimeProvider.kind, runtimeProvider.displayName, acpProviderModelDisplayName, inferenceMode, sharedProviderCatalogLoaded, cloudCatalogUnavailableReason, cloudCatalogState, cloudCatalogRecovering]);
     const currentCloudModel = useMemo(() => cloudModels.find(m => m.id === actualModelId), [cloudModels, actualModelId]);
     const cloudModelSelectionMissing = runtimeProvider.kind !== 'acp-provider'
         && inferenceMode === 'cloud'
         && cloudModels.length > 0
         && !currentCloudModel;
+    /**
+     * A selection the live catalog no longer serves is REPLACED, not reported as an outage.
+     *
+     * 🔴 Measured 2026-09-13 in the running app: the catalog returned ten real models and the dock
+     * still said "Cloud is unavailable · Choose a model". The selection was `gpt-5.5-high` — the
+     * hardcoded {@link AGENT_GPT55_DEFAULT_MODEL} — and the platform now serves the `gpt-5.6-*`
+     * line, so the id had simply been retired upstream. `cloudModelSelectionMissing` was telling
+     * the truth about a model, and the notice read as a failure of the whole lane.
+     *
+     * The catalog's own default already resolves through `preferredGpt55Model`; it just had no path
+     * that repaired an EXISTING selection. The reconciliation that did exist only ran when a person
+     * switched INTO cloud, so a conversation that opened already on cloud with a retired id stayed
+     * stuck — which is every conversation, after any upstream model rename.
+     *
+     * Deliberately narrow: it acts only once the catalog has actually loaded and offers something,
+     * so a network failure still surfaces as an outage instead of silently rewriting the choice.
+     */
+    useEffect(() => {
+        if (!cloudModelSelectionMissing || !preferredGpt55Model || (cloudCatalogState && cloudCatalogState.state !== 'fresh'))
+            return;
+        setSelectedModel(preferredGpt55Model);
+    }, [cloudModelSelectionMissing, preferredGpt55Model, cloudCatalogState]);
     const narrationModelId = useMemo(() => {
         if (actualModelId.startsWith('local:'))
             return actualModelId;
@@ -3744,12 +3066,26 @@ export function AgentView(props) {
     const cloudModelUnavailable = runtimeProvider.kind !== 'acp-provider'
         && inferenceMode === 'cloud'
         && ((sharedProviderCatalogLoaded && cloudModels.length === 0) || cloudModelSelectionMissing);
-    const cloudModelDegraded = runtimeProvider.kind !== 'acp-provider' && inferenceMode === 'cloud' && currentCloudModel?.availability === 'degraded';
-    const cloudModelStatusReason = cloudModelSelectionMissing
-        ? 'The selected model is not present in the live model catalog. Choose an available model.'
-        : (cloudModels.length === 0 && sharedProviderCatalogLoaded
-            ? cloudCatalogUnavailableReason
-            : (currentCloudModel?.availabilityReason || null));
+    const cloudModelDegraded = runtimeProvider.kind !== 'acp-provider' && inferenceMode === 'cloud' && (currentCloudModel?.availability === 'degraded' || cloudCatalogState?.state === 'stale');
+    /**
+     * Can this conversation actually be moved to the local lane? The prototype's notice offers
+     * "Use Local" unconditionally because its three lanes are fixtures; here it is only an honest
+     * offer when a local model is installed — otherwise the button would resolve nothing, which is
+     * the failure the notice exists to avoid.
+     */
+    const canRunLocally = localModels.length > 0;
+    // Recovery-aware hosts supply a typed reason. Keep the legacy text fallback only for old hosts;
+    // a timeout or permission denial must not send an already signed-in person through OAuth again.
+    const cloudNeedsSignIn = cloudCatalogState ? cloudCatalogState.failure?.code === 'auth-required' : cloudCatalogUnavailableReason.startsWith('Sign in');
+    /** The lane control is already saying it. A notice that repeats a control is noise. */
+    const cloudOutageStated = cloudModelUnavailable || (runtimeMode === 'cloud' && sharedProviderCatalogLoaded && cloudModels.length === 0);
+    const cloudModelStatusReason = cloudCatalogState?.state === 'stale'
+        ? 'Showing the last known model list. Availability will be checked when you send.'
+        : cloudModelSelectionMissing
+            ? 'The selected model is not present in the live model catalog. Choose an available model.'
+            : (cloudModels.length === 0 && sharedProviderCatalogLoaded
+                ? cloudCatalogUnavailableReason
+                : (currentCloudModel?.availabilityReason || null));
     const renderModelSearch = () => (_jsx("div", { className: "shrink-0 border-b border-white/[0.06] bg-[#111111]", children: _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "pointer-events-none absolute left-3 top-1/2 h-3 w-3 -translate-y-1/2 text-white/25" }), _jsx("input", { autoFocus: true, type: "text", value: modelSearchQuery, onChange: (event) => setModelSearchQuery(event.target.value), onKeyDown: (event) => {
                         if (event.key === 'Escape') {
                             setModelListOpen(false);
@@ -3995,7 +3331,21 @@ export function AgentView(props) {
             return;
         const handleClick = (e) => {
             const target = e.target;
-            if (modeRef.current?.contains(target))
+            /**
+             * 🔴 The popovers are PORTALED (`XaMenu` → `createPortal(node, dock)`), so their rows are not
+             * DOM descendants of the wrapper `<div ref=…>` that surrounds each `<XaMenu>` in the tree —
+             * and DOM `.contains()` does not follow React portals. Every ref check below therefore read a
+             * click on a menu ROW as "outside": the menu closed on mousedown, the row was unmounted, and
+             * the click that followed landed on a detached node. Measured 2026-09-14 in the packaged app
+             * with a real mouse: 14 rows visible, click a row, 0 rows, pill unchanged. `element.click()`
+             * skips mousedown, which is why the first regression test passed while every human failed.
+             *
+             * A target inside any open popover is inside, whatever wrapper it was portaled out of.
+             */
+            if (target instanceof Element && target.closest('.xa-menu'))
+                return;
+            // the model group is its own click-away region — the bench's one element, with no wrapper to hold a ref
+            if (target instanceof Element && target.closest('.xa-mgrp'))
                 return;
             if (modelListRef.current?.contains(target))
                 return;
@@ -4104,6 +3454,8 @@ export function AgentView(props) {
     const [sessionWorkbenchHeight, setSessionWorkbenchHeight] = useState(0);
     const truncateToMessage = useAgentChatStore(s => s.truncateToMessage);
     const switchBranch = useAgentChatStore(s => s.switchBranch);
+    const rateMessage = useAgentChatStore(s => s.rateMessage);
+    const rememberThinkingTime = useAgentChatStore(s => s.rememberThinkingTime);
     const getBranchInfo = useAgentChatStore(s => s.getBranchInfo);
     const activeNotificationsMap = useAgentChatStore(s => s.activeNotifications);
     const dismissNotification = useAgentChatStore(s => s.dismissNotification);
@@ -4185,6 +3537,101 @@ export function AgentView(props) {
         ? getConversationRuntimeProjection(conversationId) || projectConversationRuntimeState(conversation)
         : projectConversationRuntimeState(conversation)), [conversation, conversationId, getConversationRuntimeProjection]);
     const runtimeProjectedMessages = runtimeProjectedConversation.messages;
+    /**
+     * The turn has stopped at a question and is waiting for the PERSON. Nothing is running, so there
+     * is nothing to stop: the send square goes back to being a send square (bench `.send.idle`), and
+     * the way to end the turn is the card's own Cancel, where the question is.
+     */
+    const agentIsAsking = useMemo(() => {
+        const last = runtimeProjectedMessages[runtimeProjectedMessages.length - 1];
+        if (!last || last.role !== 'assistant')
+            return false;
+        return (last.toolCalls || []).some((call) => call.permissionRequest?.status === 'pending' || call.askUserRequest?.status === 'pending');
+    }, [runtimeProjectedMessages]);
+    /**
+     * D11 — which envelope the composer is in. Machine is a chat-profile conversation the person has
+     * pointed at this computer (`sessionUi.machine`); an agent conversation is Agent whatever the flag
+     * says, because a project folder is a stronger fact than a remembered choice.
+     */
+    const composerMode = workspaceBinding.mode === 'agent' ? 'agent' : sessionUi?.machine ? 'machine' : 'chat';
+    /*
+     * Whether this computer can be acted on — a MEASUREMENT (did a XENO Use device answer?), never a
+     * flag. A surface that already knows says so through `props.machine`; otherwise the conversation
+     * asks the host itself, once, so every surface that mounts it gets the same answer without each
+     * one repeating the question. `undefined` while the host is still being asked.
+     */
+    const [machineProbe, setMachineProbe] = useState(undefined);
+    useEffect(() => {
+        if (props.machine || !conversationId)
+            return;
+        const machine = getOptionalAgentPlatformBridge()?.machine;
+        if (!machine) {
+            setMachineProbe({ available: false, reason: 'This surface cannot reach this computer.' });
+            return;
+        }
+        let cancelled = false;
+        void machine.devices({ conversationId }).then((result) => {
+            if (cancelled)
+                return;
+            if (!result.success) {
+                setMachineProbe({ available: false, reason: result.error });
+                return;
+            }
+            setMachineProbe(result.devices.length ? { available: true } : { available: false, reason: 'No device answered. Start XENO Use on this computer.' });
+        }).catch((error) => { if (!cancelled)
+            setMachineProbe({ available: false, reason: error instanceof Error ? error.message : 'This computer did not answer.' }); });
+        return () => { cancelled = true; };
+    }, [conversationId, props.machine]);
+    const machineOffer = props.machine ?? machineProbe;
+    /*
+     * What this machine conversation HOLDS, for the strip: the host's live grants first (the ones
+     * the agent can actually act through), else the app grant the transcript is asking for right now.
+     * A pending ask is shown too — "Discord · this session" with Revoke meaning "no" — because the
+     * strip is where the person expects to find the answer to "what can it touch?", asked or held.
+     */
+    const [hostMachineGrants, setHostMachineGrants] = useState([]);
+    useEffect(() => {
+        if (composerMode !== 'machine' || !conversationId) {
+            setHostMachineGrants([]);
+            return;
+        }
+        const machine = getOptionalAgentPlatformBridge()?.machine;
+        if (!machine)
+            return;
+        let cancelled = false;
+        void machine.grants({ conversationId }).then((result) => {
+            if (cancelled || !result.success)
+                return;
+            setHostMachineGrants(result.grants.filter((grant) => !grant.revokedAt).map((grant) => ({ grantId: grant.grantId, name: grant.target.name, scope: grant.scope })));
+        }).catch(() => { });
+        return () => { cancelled = true; };
+    }, [composerMode, conversationId, runtimeProjectedMessages.length]);
+    const machineGrant = useMemo(() => {
+        if (composerMode !== 'machine')
+            return null;
+        const held = hostMachineGrants[hostMachineGrants.length - 1];
+        if (held)
+            return { name: held.name, scope: held.scope, pending: false, grantId: held.grantId };
+        for (let i = runtimeProjectedMessages.length - 1; i >= 0; i -= 1) {
+            const message = runtimeProjectedMessages[i];
+            for (const call of message.toolCalls || []) {
+                const name = (call.toolName || '').toLowerCase();
+                if ((name === 'openapp' || name === 'open_app') && call.permissionRequest?.status === 'pending') {
+                    const app = typeof call.params?.app === 'string' ? call.params.app : typeof call.params?.appPath === 'string' ? call.params.appPath : 'an app';
+                    return { name: app, scope: 'session', pending: true, requestId: message.id, permission: call.permissionRequest };
+                }
+            }
+        }
+        return null;
+    }, [composerMode, hostMachineGrants, runtimeProjectedMessages]);
+    /**
+     * The agent is WORKING — as opposed to waiting for the person. The composer folds its model group,
+     * dims the mode segment and shows a stop square only for the first; a turn stopped at a question
+     * leaves every control live (bench: the frames all show an unfolded dock beside a pending ask),
+     * because the person may well change the model, the mode or the posture before answering.
+     */
+    const agentWorking = isStreaming && !agentIsAsking;
+    const controlsLocked = agentWorking || isRunningCommand;
     const latestRuntimePermissionProfile = runtimeProjectedConversation.latestPermissionProfile || null;
     const runtimeCheckpointEvents = runtimeProjectedConversation.checkpointEvents;
     const conversationTasks = useMemo(() => {
@@ -4195,6 +3642,10 @@ export function AgentView(props) {
             return (a.createdAt || 0) - (b.createdAt || 0);
         });
     }, [runtimeProjectedConversation.tasks]);
+    const planAwaitingApproval = useMemo(() => runtimeProjectedMessages.some(message => (message.toolCalls || []).some(tool => {
+        const ask = deriveStepRow(tool).ask;
+        return ask?.kind === 'plan' && ask.status !== 'yes' && conversationTasks.some(task => task.sourceMessageId === message.id);
+    })), [runtimeProjectedMessages, conversationTasks]);
     const taskCounts = useMemo(() => {
         const pending = conversationTasks.filter((task) => task.status === 'pending').length;
         const inProgress = conversationTasks.filter((task) => task.status === 'in_progress').length;
@@ -4294,7 +3745,31 @@ export function AgentView(props) {
         selectedModel,
         selectedReasoningOptionId,
     ]);
-    const skipConversationModelPersistRef = useRef(false);
+    /**
+     * Suppress the model persist ONLY in the commit where the conversation restore ran.
+     *
+     * 🔴 This used to be a one-shot boolean the restore effect set and the persist effect cleared —
+     * and the two effects do not share their dependencies. The restore effect also depends on
+     * `cloudModels`, which gets a new identity on every catalog publish, and opening the Cloud model
+     * list force-refreshes the catalog. So opening the list re-ran the restore effect ALONE, the flag
+     * stayed armed, and the person's next choice was the "next persist" it swallowed: the pick was
+     * never saved, and the following refresh restored the old model into the pill. Measured
+     * 2026-09-14 against the real component (`AgentView.modelSelection.dom.test.ts`): pill showed
+     * "Model B" with the conversation still `model-a`, then snapped back to "Model A".
+     *
+     * ⚠️ The suppression itself is load-bearing and is kept, scoped correctly. When the conversation
+     * changes, both effects run in the SAME commit and the persist effect still sees the previous
+     * conversation's `selectedModel` — writing it would stamp the old model onto the new
+     * conversation. So the skip applies to exactly that commit and can never outlive it.
+     *
+     * The counter effect is declared BEFORE both effects on purpose: effects run in declaration
+     * order, so within one commit it advances first and both effects read the same value.
+     */
+    const commitSequenceRef = useRef(0);
+    const modelRestoreCommitRef = useRef(-1);
+    useEffect(() => {
+        commitSequenceRef.current += 1;
+    });
     useEffect(() => {
         if (!conversationId)
             return;
@@ -4434,14 +3909,16 @@ export function AgentView(props) {
             window.removeEventListener('resize', measure);
         };
     }, [renderWorkbenchPanel, sessionPanelOpen, sessionPanelTab, terminalHistory.length, backgroundTasks.length, checkpoints.length, pendingTurns.length, selectedTraceMessageId, activeTerminalCommand, isRunningTerminalCommand]);
+    /**
+     * Clearance for what still OVERLAYS the thread. The dock no longer does — the frame is a column and
+     * the thread ends above it — so only an open workbench panel, which floats over the thread's end,
+     * needs the thread to pad itself. Zero otherwise, and the bench's own padding applies.
+     */
     const messageViewportBottomPadding = useMemo(() => {
-        const messageBottomBreathingRoom = 120;
-        const composerClearance = Math.max(footerDockHeight, 160) + messageBottomBreathingRoom;
         if (!renderWorkbenchPanel || !sessionPanelOpen)
-            return composerClearance;
-        const workbenchClearance = 96 + Math.max(sessionWorkbenchHeight, 0) + messageBottomBreathingRoom;
-        return Math.max(composerClearance, workbenchClearance);
-    }, [footerDockHeight, renderWorkbenchPanel, sessionPanelOpen, sessionWorkbenchHeight]);
+            return 0;
+        return Math.max(sessionWorkbenchHeight, 0) + 16;
+    }, [renderWorkbenchPanel, sessionPanelOpen, sessionWorkbenchHeight]);
     const isTransientLocalRuntimeError = useCallback((error) => {
         const normalized = (error || '').toLowerCase();
         return normalized.includes('timed out')
@@ -4513,7 +3990,7 @@ export function AgentView(props) {
             && !requestedModel.endsWith('-thinking')
             ? `${reconciledModel}:thinking`
             : reconciledModel;
-        skipConversationModelPersistRef.current = true;
+        modelRestoreCommitRef.current = commitSequenceRef.current;
         if (storedRuntime) {
             setChatRuntimeSelection(storedRuntime.selection);
             setAcpModePending(false);
@@ -4553,10 +4030,9 @@ export function AgentView(props) {
         updateConversation,
     ]);
     useEffect(() => {
-        if (skipConversationModelPersistRef.current) {
-            skipConversationModelPersistRef.current = false;
+        // Same commit as a restore: `selectedModel` may still belong to the previous conversation.
+        if (modelRestoreCommitRef.current === commitSequenceRef.current)
             return;
-        }
         if (!conversationId)
             return;
         const runtimeSelection = effectiveRuntimeSelection || runtimeSelectionForSdk('migration');
@@ -4733,10 +4209,75 @@ export function AgentView(props) {
             setIsStartingLocalRuntime(false);
         }
     }, [isStartingLocalRuntime, selectedModel]);
-    // Auto-scroll on new messages or streaming content
+    /**
+     * The thread FOLLOWS while you are at its end, and stays put while you read (the bench's `pinned`).
+     *
+     * 🔴 This replaces an effect that ran `scrollIntoView` on EVERY change to `messages` — which, while a
+     * turn streams, is every token: scrolling up to read an earlier step was undone by the next word.
+     * Now: less than 48 px from the end is "pinned"; a pinned view follows every growth of the thread (a
+     * row, a card, a streamed word, a fold in flight, observed rather than inferred from the store);
+     * scrolled further up, nothing moves you, and the jump button appears past 120 px.
+     */
+    const threadRef = useRef(null);
+    const pinnedRef = useRef(true);
+    const [toBottom, setToBottom] = useState({ show: false, bottom: 0 });
+    useEffect(() => {
+        const scroller = messagesScrollRef.current;
+        if (!scroller)
+            return;
+        const onScroll = () => {
+            const off = scroller.scrollHeight - scroller.scrollTop - scroller.clientHeight;
+            pinnedRef.current = off < 48;
+            const show = off > 120;
+            const bottom = (footerDockRef.current?.offsetHeight ?? 0) + 8;
+            setToBottom((previous) => (previous.show === show && previous.bottom === bottom ? previous : { show, bottom }));
+        };
+        scroller.addEventListener('scroll', onScroll, { passive: true });
+        const dock = footerDockRef.current;
+        const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(() => {
+            const bottom = (dock?.offsetHeight ?? 0) + 8;
+            setToBottom(previous => previous.bottom === bottom ? previous : { ...previous, bottom });
+        });
+        if (dock)
+            observer?.observe(dock);
+        onScroll();
+        return () => { scroller.removeEventListener('scroll', onScroll); observer?.disconnect(); };
+    }, [conversationHydrating]);
+    useEffect(() => {
+        const thread = threadRef.current;
+        const scroller = messagesScrollRef.current;
+        if (!thread || !scroller || typeof ResizeObserver === 'undefined')
+            return;
+        const observer = new ResizeObserver(() => { if (pinnedRef.current)
+            scroller.scrollTop = scroller.scrollHeight; });
+        observer.observe(thread);
+        return () => observer.disconnect();
+    }, [conversationHydrating]);
+    // Opening a conversation, or sending into one, puts you at its end — those are the two moments the
+    // person has asked for the latest, whatever they were reading before.
+    const lastMessageRole = messages[messages.length - 1]?.role;
+    useEffect(() => {
+        pinnedRef.current = true;
+        const scroller = messagesScrollRef.current;
+        if (scroller)
+            scroller.scrollTop = scroller.scrollHeight;
+    }, [conversationId]);
     useEffect(() => {
-        messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
-    }, [messages]);
+        if (lastMessageRole !== 'user')
+            return;
+        pinnedRef.current = true;
+        const scroller = messagesScrollRef.current;
+        if (scroller)
+            scroller.scrollTop = scroller.scrollHeight;
+    }, [messages.length, lastMessageRole]);
+    const jumpToLatest = useCallback(() => {
+        pinnedRef.current = true;
+        const scroller = messagesScrollRef.current;
+        if (!scroller)
+            return;
+        const still = typeof matchMedia === 'function' && matchMedia('(prefers-reduced-motion: reduce)').matches;
+        scroller.scrollTo({ top: scroller.scrollHeight, behavior: still ? 'auto' : 'smooth' });
+    }, []);
     const keepExpandedToolAboveComposer = useCallback((trigger) => {
         const toolCall = trigger.closest('[data-command-tool-call="true"]');
         if (!toolCall)
@@ -4852,8 +4393,13 @@ export function AgentView(props) {
     const handleSelectWorkspaceMode = useCallback(async (mode) => {
         if (isBusy || props.externalInputLockReason || isSelectingConversationWorkspace)
             return;
-        if (mode === 'chat') {
+        if (mode === 'chat' || mode === 'machine') {
+            // Machine IS a chat-profile conversation — private workspace, no project — that the person has
+            // pointed at this computer; the grants that make it act are the host's, taken one ask at a time
             chooseConversationChatOnly();
+            const targetConversationId = ensureConversationId(conversationId);
+            const current = useAgentChatStore.getState().conversations[targetConversationId];
+            updateConversation(targetConversationId, { sessionUi: { ...(current?.sessionUi || {}), machine: mode === 'machine' } });
             return;
         }
         const current = conversationId ? useAgentChatStore.getState().conversations[conversationId] : undefined;
@@ -5350,7 +4896,7 @@ export function AgentView(props) {
             enableThinking: thinkingEnabled,
             initialToolCalls: options?.initialToolCalls,
             capabilities,
-            permissionProfile: props.permissionProfile || 'standard',
+            permissionProfile: effectivePermissionProfile,
             allowedDirectories: options?.allowedDirectoriesOverride || effectiveAllowedDirectories,
             approvalRules: effectiveApprovalRules,
             runtime: currentRuntimeBinding,
@@ -5391,7 +4937,7 @@ export function AgentView(props) {
         fullSystemPrompt,
         thinkingEnabled,
         capabilities,
-        props.permissionProfile,
+        effectivePermissionProfile,
         effectiveRuntimeSelection,
         runtimeProvider.kind,
         runtimeProvider.status,
@@ -6558,38 +6104,20 @@ export function AgentView(props) {
         dispatchSend(trimmed, attachmentsToSend, targetConversationId);
     };
     const handleKeyDown = (e) => {
-        if (showSlashCommands) {
-            const cleanFilter = input.slice(1).toLowerCase();
-            const filtered = activeCommandsList.filter((cmd) => {
-                const nameWithoutSlash = cmd.name.startsWith('/') ? cmd.name.slice(1).toLowerCase() : cmd.name.toLowerCase();
-                return nameWithoutSlash.includes(cleanFilter) || (cmd.description && cmd.description.toLowerCase().includes(cleanFilter));
-            });
-            if (filtered.length > 0) {
-                if (e.key === 'ArrowDown') {
-                    e.preventDefault();
-                    setSlashCommandIndex((prev) => (prev + 1) % filtered.length);
-                    return;
-                }
-                if (e.key === 'ArrowUp') {
-                    e.preventDefault();
-                    setSlashCommandIndex((prev) => (prev - 1 + filtered.length) % filtered.length);
-                    return;
-                }
-                if (e.key === 'Tab' || (e.key === 'Enter' && !e.shiftKey)) {
-                    e.preventDefault();
-                    const chosen = filtered[slashCommandIndex] || filtered[0];
-                    if (chosen) {
-                        const cmdText = (chosen.name.startsWith('/') ? chosen.name : `/${chosen.name}`) + ' ';
-                        setInput(cmdText);
-                        return;
-                    }
-                }
-                if (e.key === 'Escape') {
-                    e.preventDefault();
-                    setSlashCommandsDismissed(true);
-                    return;
-                }
+        // the typed popover (`/ @ #`) owns the keyboard while it is open — ↑↓ move, → ↵ ⇥ take,
+        // ← removes the prefix and what was typed after it, Esc closes. It listens in the capture
+        // phase, so nothing here needs to repeat that; only ← is ours, because it edits the box.
+        if (typedToken) {
+            if (e.key === 'ArrowLeft') {
+                e.preventDefault();
+                const next = input.slice(0, typedToken.start) + input.slice(typedToken.end);
+                setInput(next);
+                setTypedToken(null);
+                requestAnimationFrame(() => { textareaRef.current?.focus(); textareaRef.current?.setSelectionRange(typedToken.start, typedToken.start); });
+                return;
             }
+            if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Tab' || e.key === 'Escape' || (e.key === 'Enter' && !e.shiftKey))
+                return;
         }
         if (e.key === 'Enter' && !e.shiftKey) {
             e.preventDefault();
@@ -6650,7 +6178,7 @@ export function AgentView(props) {
             appendUserMessage: false,
             enableThinking: rerunModel.startsWith('local:') && rerunModel.endsWith(':thinking'),
             capabilities,
-            permissionProfile: props.permissionProfile || 'standard',
+            permissionProfile: effectivePermissionProfile,
             allowedDirectories: effectiveAllowedDirectories,
             approvalRules: effectiveApprovalRules,
         };
@@ -6684,7 +6212,7 @@ export function AgentView(props) {
         agentId,
         fullSystemPrompt,
         capabilities,
-        props.permissionProfile,
+        effectivePermissionProfile,
         effectiveRuntimeSelection,
         acpProviderModel,
         runtimeProvider.kind,
@@ -6777,6 +6305,333 @@ export function AgentView(props) {
         }, 180);
         return () => window.clearTimeout(timer);
     }, [conversationId, patchSessionUi, sessionUi?.terminalCwd, sessionUi?.terminalInput, terminalDraftCwd, terminalDraftInput]);
+    // ── the D10 transcript: what a turn can do, and how its words are drawn ──────────────────────
+    const askActionsFor = useAskActions(props.onAddApprovalRule);
+    const [machineRevoking, setMachineRevoking] = useState(false);
+    const revokeMachineGrant = useCallback(async () => {
+        if (!machineGrant || !conversationId)
+            return;
+        if (machineGrant.pending && machineGrant.permission) {
+            askActionsFor(machineGrant.requestId).deny(machineGrant.permission);
+            return;
+        }
+        const machine = getOptionalAgentPlatformBridge()?.machine;
+        if (!machineGrant.grantId || !machine)
+            return;
+        setMachineRevoking(true);
+        try {
+            const result = await machine.revoke({ conversationId, grantId: machineGrant.grantId });
+            if (result.success)
+                setHostMachineGrants((grants) => grants.filter((grant) => grant.grantId !== machineGrant.grantId));
+        }
+        finally {
+            setMachineRevoking(false);
+        }
+    }, [askActionsFor, conversationId, machineGrant]);
+    const stepsMode = sessionUi?.stepsMode === 'collapsed' ? 'collapsed' : 'expanded';
+    // ── the composer's own state (D9): which chooser is open, the clock, the strip's git facts ──
+    const permPosture = postureOf(effectivePermissionProfile);
+    const [permOpen, setPermOpen] = useState(false);
+    const [laneOpen, setLaneOpen] = useState(false);
+    const [moreOpen, setMoreOpen] = useState(false);
+    const [branchMoreOpen, setBranchMoreOpen] = useState(false);
+    const [backgroundRunsOpen, setBackgroundRunsOpen] = useState(false);
+    const dockRef = useRef(null);
+    const boxRef = useRef(null);
+    const [typedToken, setTypedToken] = useState(null);
+    const [showAllTiles, setShowAllTiles] = useState(false);
+    /**
+     * What `/ @ #` offer — D9's three verbs, each fed from what this surface ACTUALLY has. A section
+     * with no source behind it says so rather than listing an invention; the prototype's fixtures are
+     * not data this product owns.
+     */
+    const typedSections = useMemo(() => {
+        const token = typedToken;
+        if (!token)
+            return [];
+        const q = token.query;
+        const has = (...values) => values.some((value) => (value || '').toLowerCase().includes(q));
+        const cap = (items) => items.slice(0, 40);
+        if (token.prefix === '/') {
+            const commands = [];
+            const skills = [];
+            for (const command of activeCommandsList) {
+                if (!has(command.name, command.description))
+                    continue;
+                const item = {
+                    glyph: command.origin === 'skill' ? 'box' : 'arrow-right',
+                    token: command.name,
+                    ...(command.description ? { desc: command.description } : {}),
+                    ...(command.origin === 'skill' ? { kind: 'Skill' } : command.origin === 'provider' ? { kind: 'Provider' } : {}),
+                    insert: command.name + ' ',
+                };
+                (command.origin === 'skill' ? skills : commands).push(item);
+            }
+            return [
+                { header: 'Commands', items: cap(commands) },
+                { header: 'Skills', items: cap(skills) },
+            ];
+        }
+        if (token.prefix === '@') {
+            // the files this conversation has actually touched, newest first, then the ones open in the
+            // editor — the product has no project index in the renderer, and inventing one would list
+            // paths that may not exist
+            const seen = new Set();
+            const files = [];
+            const add = (path) => {
+                const clean = path.trim();
+                if (!clean || seen.has(clean) || !has(clean))
+                    return;
+                seen.add(clean);
+                files.push({ glyph: clean.endsWith('/') ? 'folder' : 'file', token: '@' + clean, insert: '@' + clean + ' ' });
+            };
+            for (let i = runtimeProjectedMessages.length - 1; i >= 0 && files.length < 40; i -= 1) {
+                for (const call of runtimeProjectedMessages[i]?.toolCalls || []) {
+                    const path = deriveToolCallFilePath(call);
+                    if (path)
+                        add(path);
+                }
+            }
+            const sources = activeMcpList
+                .filter((mcp) => has(mcp.server))
+                .map((mcp) => ({ glyph: 'link', token: '@' + mcp.server, desc: mcp.status === 'connected' ? 'Connected' : mcp.status === 'auth_required' ? 'Needs sign-in' : 'Unavailable', kind: 'MCP server', insert: '@' + mcp.server + ' ' }));
+            const others = Object.values(conversations)
+                .filter((entry) => entry.id !== conversationId && entry.agentId === agentId && has(entry.title))
+                .sort((a, b) => (b.lastMessageAt || 0) - (a.lastMessageAt || 0))
+                .slice(0, 8)
+                .map((entry) => ({ glyph: 'message', token: '@' + conversationSlug(entry.title), desc: entry.title, kind: relativeDay(entry.lastMessageAt), insert: '@' + conversationSlug(entry.title) + ' ' }));
+            return [
+                { header: 'Files and folders', items: cap(files), ...(files.length ? {} : { empty: 'No file in this conversation yet — open one, or let the agent read one.' }) },
+                { header: 'Sources', items: sources, ...(sources.length ? {} : { empty: 'No connector or MCP server is connected.' }) },
+                { header: 'Conversations', items: others },
+            ];
+        }
+        // `#` is the one that also sends something OUT, and the loop that carries it back is not built
+        // (`XENO REPORT - SPEC.md` §1). An empty list that said "nothing matches" would imply there is
+        // a source and it is empty.
+        return [{ header: 'Work items', items: [], empty: 'Work items arrive with the Report and Forum loop; nothing to reference yet.' }];
+    }, [activeCommandsList, activeMcpList, agentId, conversationId, conversations, runtimeProjectedMessages, typedToken]);
+    const syncTyped = useCallback((element) => {
+        if (!element) {
+            setTypedToken(null);
+            return;
+        }
+        setTypedToken(tokenAt(element.value, element.selectionStart ?? element.value.length));
+    }, []);
+    const takeTyped = useCallback((item) => {
+        const element = textareaRef.current;
+        if (!element || !typedToken)
+            return;
+        // recorded on the conversation, so the SENT message can draw it as a reference too
+        if (sessionUi?.referenceTokens?.[item.token] !== item.glyph)
+            patchSessionUi({ referenceTokens: { ...(sessionUi?.referenceTokens || {}), [item.token]: item.glyph } });
+        const next = element.value.slice(0, typedToken.start) + item.insert + element.value.slice(typedToken.end);
+        setInput(next);
+        setTypedToken(null);
+        requestAnimationFrame(() => {
+            const caret = typedToken.start + item.insert.length;
+            element.focus();
+            element.setSelectionRange(caret, caret);
+        });
+    }, [patchSessionUi, sessionUi?.referenceTokens, setInput, typedToken]);
+    // the popovers position themselves against the dock, so they need the element, not just the ref
+    const [dockEl, setDockEl] = useState(null);
+    useEffect(() => { setDockEl(dockRef.current); }, []);
+    const [delegatedRunsOpen, setDelegatedRunsOpen] = useState(false);
+    // `Working · Ns` counts from the moment the turn started; the segments' return replays once when it ends
+    const [turnSince, setTurnSince] = useState(null);
+    const [composerSettled, setComposerSettled] = useState(true);
+    useEffect(() => {
+        if (agentWorking) {
+            setTurnSince((prev) => prev ?? Date.now());
+            setComposerSettled(true);
+            setPermOpen(false);
+            setLaneOpen(false);
+            return;
+        }
+        setTurnSince((prev) => {
+            if (prev === null)
+                return prev;
+            setComposerSettled(false);
+            return null;
+        });
+        const id = window.setTimeout(() => setComposerSettled(true), 900);
+        return () => window.clearTimeout(id);
+    }, [agentWorking]);
+    // the context meter: what the runtime reported against the model's window, when both are known
+    const contextUsed = useMemo(() => {
+        const total = sessionUi?.runtimeTokenUsage?.total;
+        const window = cloudRuntimeProvider?.models.find((entry) => entry.id === actualModelId)?.contextWindowTokens;
+        if (!total || !window)
+            return null;
+        return Math.min(1, total / window);
+    }, [actualModelId, cloudRuntimeProvider, sessionUi?.runtimeTokenUsage?.total]);
+    // the strip's branch and diff come from the host's git status, read when the project is chosen and
+    // after every turn — never polled while one runs
+    const [gitStrip, setGitStrip] = useState(null);
+    const gitStripRoot = workspaceBinding.mode === 'agent' ? (workspaceBinding.rootDirectory || workspaceBinding.allowedDirectories[0] || '') : '';
+    // Which project the strip was last read for. Skipping every read while a turn streams meant a
+    // conversation OPENED mid-turn showed no branch and no diff until the turn ended — the bench's agent
+    // frame shows both during its live turn. Now: read once when the project is chosen, even mid-turn,
+    // and again after every turn; a running turn still never triggers a re-read.
+    const gitStripReadRoot = useRef('');
+    useEffect(() => {
+        if (!gitStripRoot) {
+            gitStripReadRoot.current = '';
+            return;
+        }
+        if (isStreaming && gitStripReadRoot.current === gitStripRoot)
+            return;
+        gitStripReadRoot.current = gitStripRoot;
+        let cancelled = false;
+        const read = getOptionalAgentPlatformBridge()?.engineering?.gitStatus;
+        if (!read) {
+            setGitStrip(null);
+            return;
+        }
+        void read({ rootDirectory: gitStripRoot }).then((status) => {
+            if (cancelled)
+                return;
+            if (!status?.success || !status.isGitRepo) {
+                setGitStrip(null);
+                return;
+            }
+            const files = Array.isArray(status.files) ? status.files : [];
+            setGitStrip({
+                branch: status.branch,
+                upstream: status.upstream,
+                added: files.reduce((sum, file) => sum + (file.additions || 0), 0),
+                removed: files.reduce((sum, file) => sum + (file.deletions || 0), 0),
+            });
+        }).catch(() => { if (!cancelled)
+            setGitStrip(null); });
+        return () => { cancelled = true; };
+    }, [gitStripRoot, isStreaming]);
+    // Create PR is a turn: the agent opens the pull request with its own tools, in the project it is bound to
+    const handleCreatePullRequest = useCallback(async () => {
+        const command = activeCommandsList.find((entry) => entry.name === '/pr');
+        if (command) {
+            await handleExecuteCommandOrPrompt('/pr');
+            return;
+        }
+        await handleExecuteCommandOrPrompt('Open a pull request for the current branch: summarise the changes since it diverged from its base in the title and body, and use the repository\'s PR conventions if it has any.');
+    }, [activeCommandsList, handleExecuteCommandOrPrompt]);
+    /*
+     * The reply's markdown, as the bench writes it: real `<p>`, `<blockquote>`, `<ul>`, `<table>`, styled
+     * by `.xa-body` in `transcript.css` — the agent-interface's own vocabulary.
+     *
+     * 🔴 It used to wrap everything in `div.agent-markdown` and render every paragraph as a `<div>` with
+     * utility margins, so `.xa-body p`, `.xa-body blockquote` and the rest of that sheet matched nothing
+     * and the older `.agent-markdown` rules styled the reply instead.
+     */
+    /** `<blockquote><p>x</p></blockquote>` → `<blockquote>x</blockquote>`, and only for a single paragraph. */
+    const unwrapSoleParagraph = (children) => {
+        const nodes = React.Children.toArray(children).filter((node) => typeof node !== 'string' || node.trim());
+        const only = nodes.length === 1 ? nodes[0] : null;
+        return React.isValidElement(only) && only.type === 'p' ? only.props.children : children;
+    };
+    const renderAssistantMarkdown = (text, messageFileRefs) => (_jsx(_Fragment, { children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], urlTransform: agentMarkdownUrlTransform, components: {
+                pre: ({ children }) => _jsx(_Fragment, { children: children }),
+                // a quote of one paragraph is one line of quoted words; the extra `<p>` markdown puts
+                // inside it is grammar, not structure, and it takes the paragraph's spacing with it
+                blockquote: ({ children }) => _jsx("blockquote", { children: unwrapSoleParagraph(children) }),
+                a: ({ href, children }) => (_jsx(AgentMarkdownLink, { href: href, fileReferences: messageFileRefs, onOpenEditorPath: props.onOpenEditorPath, allowedDirectories: effectiveAllowedDirectories, conversationId: conversationId || undefined, children: children })),
+                code: ({ className, children, node, ...codeProps }) => {
+                    const isBlock = className || (node?.position && node.position.start?.line !== node.position.end?.line);
+                    if (isBlock) {
+                        return _jsx(CodeBlock, { className: className, ...codeProps, children: children });
+                    }
+                    const inlineText = React.Children.toArray(children).join('');
+                    const fileRef = props.onOpenEditorPath
+                        ? findMessageFileReference(inlineText, messageFileRefs)
+                        : null;
+                    if (fileRef) {
+                        return (_jsx("button", { type: "button", onClick: () => props.onOpenEditorPath?.(fileRef.path), className: "relative -top-px inline-flex items-center align-middle whitespace-nowrap px-1.5 py-0.5 rounded-[3px] bg-black/30 border border-white/[0.04] text-[12px] leading-none font-mono text-white/45 hover:text-white/78 hover:border-white/[0.12] transition-colors cursor-pointer", children: children }));
+                    }
+                    return _jsx("code", { className: "px-1.5 py-0.5 rounded-[3px] bg-black/30 border border-white/[0.04] text-[12px] font-mono text-white/45", ...codeProps, children: children });
+                },
+                img: ({ src, alt, node: _node, ...imageProps }) => (_jsx("a", { href: src, onClick: (e) => { e.preventDefault(); if (src)
+                        getAgentPlatformBridge()?.window?.openExternal(src); }, className: "inline-block max-w-full my-2 rounded-md overflow-hidden border border-white/[0.06] hover:border-white/[0.12] transition-colors cursor-pointer", children: _jsx("img", { src: src, alt: alt || '', className: "max-w-full max-h-[300px] object-contain", referrerPolicy: "no-referrer", loading: "lazy", ...imageProps }) }))
+            }, children: prepareAgentMarkdown(text, messageFileRefs) }) }));
+    const transcriptActionsFor = (msg, msgIdx) => {
+        const previousUserIndex = (() => { for (let i = msgIdx - 1; i >= 0; i -= 1)
+            if (runtimeProjectedMessages[i]?.role === 'user')
+                return i; return -1; })();
+        return {
+            ask: askActionsFor(msg.id),
+            openPath: props.onPeekEditorPath || props.onOpenEditorPath,
+            openDiff: props.onPeekEditorDiff || props.onOpenEditorDiff,
+            openExternal: (url) => { getOptionalAgentPlatformBridge()?.window?.openExternal(url); },
+            copy: (text) => copyTextWithFallback(text),
+            ...(conversationId && getOptionalAgentPlatformBridge()?.agent?.resumeTurn
+                ? { resume: () => { void getOptionalAgentPlatformBridge()?.agent?.resumeTurn?.({ conversationId, requestId: msg.id }); } }
+                : {}),
+            ...(previousUserIndex >= 0 && !isRunningCommand
+                ? {
+                    retry: () => { void rerunUserTurn(previousUserIndex); },
+                    // a reply cannot be edited — Edit opens the PROMPT that produced it, where the branch is made
+                    edit: () => { const prompt = runtimeProjectedMessages[previousUserIndex]; if (prompt)
+                        setEditingMsgId(prompt.id); },
+                }
+                : {}),
+            ...(conversationId
+                ? {
+                    rate: (rating) => { rateMessage(conversationId, msg.id, rating); },
+                    rememberThinkingTime: (ms) => { rememberThinkingTime(conversationId, msg.id, ms); },
+                }
+                : {}),
+            chooseDirectory: (toolCall) => { void handleChooseDirectorySelect(msg.id, toolCall); },
+            ...(workspacePlacementCard ? { workspacePlacement: workspacePlacementCard } : {}),
+            // a backgrounded run's row reads the RUN, not the tool call that detached it
+            background: {
+                find: (taskId) => backgroundRunViews.find((run) => run.taskId === taskId) || null,
+                output: (taskId) => { const task = backgroundTasks.find((entry) => entry.taskId === taskId); if (task)
+                    void handleReadBackgroundTask(task); },
+                stop: (taskId) => { const task = backgroundTasks.find((entry) => entry.taskId === taskId); if (task)
+                    void handleStopBackgroundTask(task); },
+            },
+        };
+    };
+    /**
+     * The sub-agents this conversation spawned. A delegation is a CHILD CONVERSATION here — the store
+     * marks it with `parentConversationId` — so this reads those rather than a second record that
+     * could disagree with them. A child with a turn in flight is live.
+     */
+    const activeTurns = useAgentChatStore(state => state.activeTurnsByConversation);
+    const delegatedRunViews = useMemo(() => {
+        if (!conversationId)
+            return [];
+        return Object.values(conversations)
+            .filter((child) => child.sessionUi?.parentConversationId === conversationId)
+            .map((child) => {
+            const last = child.messages[child.messages.length - 1];
+            const live = !!activeTurns[child.id] || !!last?.isStreaming;
+            return {
+                conversationId: child.id,
+                title: child.title || 'Sub-agent',
+                live,
+                startedAt: child.messages[0]?.timestamp || child.createdAt || Date.now(),
+                updatedAt: last?.timestamp || child.lastMessageAt || Date.now(),
+                ...(live && last?.toolCalls?.length ? { current: toolCallLabel(last.toolCalls[last.toolCalls.length - 1].toolName, last.toolCalls[last.toolCalls.length - 1].params) } : {}),
+            };
+        })
+            .sort((a, b) => Number(b.live) - Number(a.live) || b.updatedAt - a.updatedAt);
+    }, [activeTurns, conversationId, conversations]);
+    /** The conversation's background runs as the transcript sees them — one shape for the row and the tray. */
+    const backgroundRunViews = useMemo(() => backgroundTasks.map((task) => ({
+        taskId: task.taskId,
+        status: task.status,
+        ...(task.command ? { command: task.command } : {}),
+        startedAt: task.startedAt,
+        updatedAt: task.updatedAt,
+        ...(task.exitCode === undefined ? {} : { exitCode: task.exitCode }),
+        ...(task.lastOutput ? { lastOutput: task.lastOutput } : {}),
+        ...(backgroundTaskBusy[task.taskId] ? { busy: backgroundTaskBusy[task.taskId] } : {}),
+    })), [backgroundTasks, backgroundTaskBusy]);
+    const tasksForMessage = (msg) => {
+        const own = conversationTasks.filter((task) => task.sourceMessageId === msg.id || task.sourceRequestId === msg.id);
+        return own.length ? own : undefined;
+    };
     const traceMessages = useMemo(() => ([...runtimeProjectedMessages]
         .filter((message) => message.role === 'assistant' && (!!message.toolCalls?.length
         || !!message.error
@@ -7471,25 +7326,38 @@ export function AgentView(props) {
                 props.onNavigateConversation?.(id);
             } });
     }
-    return (_jsxs("div", { className: "xeno-app-shell flex-1 relative min-h-0", children: [sdkConfirmation.confirmation, _jsx("div", { ref: messagesScrollRef, className: "agent-scrollbar absolute inset-0 overflow-auto pr-1.5", style: { scrollbarGutter: 'stable' }, children: conversationHydrating ? (_jsx(ConversationLoadingSkeleton, {})) : (_jsxs("div", { className: "w-full max-w-[820px] mx-auto px-6 pt-6 min-h-full flex flex-col gap-1.5", style: { paddingBottom: messageViewportBottomPadding }, children: [conversation?.sessionUi?.parentConversationId && props.onNavigateConversation && (_jsx("div", { className: "sticky top-2 z-[21] -mx-1 px-1 pb-2", children: _jsxs("button", { type: "button", onClick: () => props.onNavigateConversation?.(conversation.sessionUi?.parentConversationId || ''), className: "xeno-border-subtle w-full rounded-[6px] border bg-[#111111] px-3 py-2 text-left text-[11px] text-white/48 hover:bg-white/[0.045] hover:text-white/72 transition-colors inline-flex items-center gap-2", children: [_jsx(ChevronLeft, { className: "h-3.5 w-3.5" }), _jsx("span", { children: "Back to parent agent" }), _jsx("span", { className: "ml-auto text-[10px] text-white/22 truncate", children: agentName })] }) })), conversation && devSessionOpen && (_jsx("div", { className: "sticky top-2 z-[20] -mx-1 px-1 pb-2", children: _jsxs("div", { className: "xeno-border-subtle rounded-[6px] border bg-[#111111] px-3 py-2 flex items-center justify-between gap-3", children: [_jsxs("div", { className: "flex items-center gap-3 min-w-0 flex-wrap", children: [_jsx("span", { className: "text-[10px] uppercase tracking-[0.14em] text-white/28", children: "Dev session" }), _jsx("span", { className: `text-[10px] uppercase tracking-[0.14em] ${sessionStatusClassName}`, children: sessionStatusLabel }), _jsxs("span", { className: "text-[10px] text-white/24 tabular-nums", children: [pendingTurns.length, " queued"] }), _jsxs("span", { className: "text-[10px] text-white/24 tabular-nums", children: [checkpoints.length, " checkpoints"] }), _jsxs("span", { className: "text-[10px] text-white/18", children: ["Last active ", new Date(conversation.lastMessageAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })] })] }), _jsxs("div", { className: "flex items-center gap-1.5 flex-shrink-0", children: [_jsxs("button", { type: "button", onClick: () => { void handleCopyDebugSnapshot('standard'); }, disabled: !conversationId || conversationHydrating, className: "h-7 px-2.5 rounded-[4px] bg-white/[0.05] hover:bg-white/[0.08] text-[10px] text-white/55 hover:text-white/78 transition-colors disabled:opacity-35 inline-flex items-center gap-1.5", title: "Copy a redacted support report", children: [_jsx(Copy, { className: "w-3 h-3" }), "Copy report"] }), _jsx("button", { type: "button", onClick: () => { void handleCopyDebugSnapshot('full'); }, disabled: !conversationId || conversationHydrating, className: "h-7 px-2.5 rounded-[4px] bg-white/[0.05] hover:bg-white/[0.08] text-[10px] text-white/45 hover:text-white/72 transition-colors disabled:opacity-35", title: "Copy the full redacted support report", children: "Full report" }), _jsx("button", { type: "button", onClick: toggleDevSession, className: "h-7 px-2.5 rounded-[4px] bg-white/[0.05] hover:bg-white/[0.08] text-[10px] text-white/35 hover:text-white/70 transition-colors", title: "Hide developer session (Ctrl+Shift+D)", children: "Hide" })] })] }) })), runtimeProjectedMessages.length === 0 && (_jsx("div", { className: "flex-1 flex items-center justify-center pt-[20vh]", children: _jsxs("p", { className: "text-[13px] text-white/20", children: ["Message ", agentName, " to get started"] }) })), runtimeProjectedMessages.map((msg, msgIdx) => {
+    return (
+    // The panel's frame, in the Turn Modes Bench's anatomy: `.xa-app` is a column — the thread scrolls
+    // inside `.xa-transcript`, the dock is pinned below it, and the jump-to-latest button floats above the
+    // dock. The transcript used to scroll BEHIND an absolutely positioned dock and pad its end by the
+    // dock's measured height; in a column nothing needs measuring for the thread to end above the box.
+    // (No `xeno-app-shell`: that is the product chrome's surface, declared later at equal specificity, and it
+    // painted the panel's root in the chrome's ink and background instead of the panel's own.)
+    _jsxs("div", { className: "xa-app", children: [sdkConfirmation.confirmation, _jsx("div", { ref: messagesScrollRef, className: `xa-transcript${stepsMode === 'collapsed' ? ' xa-collapsed' : ''}`, "data-transcript": true, style: messageViewportBottomPadding ? { paddingBottom: messageViewportBottomPadding } : undefined, children: conversationHydrating ? (_jsx(ConversationLoadingSkeleton, {})) : (_jsxs("div", { ref: threadRef, className: "xa-thread", "data-stage": true, children: [conversation?.sessionUi?.parentConversationId && props.onNavigateConversation && (_jsx("div", { className: "sticky top-2 z-[21] -mx-1 px-1 pb-2", children: _jsxs("button", { type: "button", onClick: () => props.onNavigateConversation?.(conversation.sessionUi?.parentConversationId || ''), className: "xeno-border-subtle w-full rounded-[6px] border bg-[#111111] px-3 py-2 text-left text-[11px] text-white/48 hover:bg-white/[0.045] hover:text-white/72 transition-colors inline-flex items-center gap-2", children: [_jsx(ChevronLeft, { className: "h-3.5 w-3.5" }), _jsx("span", { children: "Back to parent agent" }), _jsx("span", { className: "ml-auto text-[10px] text-white/22 truncate", children: agentName })] }) })), conversation && devSessionOpen && (_jsx("div", { className: "sticky top-2 z-[20] -mx-1 px-1 pb-2", children: _jsxs("div", { className: "xeno-border-subtle rounded-[6px] border bg-[#111111] px-3 py-2 flex items-center justify-between gap-3", children: [_jsxs("div", { className: "flex items-center gap-3 min-w-0 flex-wrap", children: [_jsx("span", { className: "text-[10px] uppercase tracking-[0.14em] text-white/28", children: "Dev session" }), _jsx("span", { className: `text-[10px] uppercase tracking-[0.14em] ${sessionStatusClassName}`, children: sessionStatusLabel }), _jsxs("span", { className: "text-[10px] text-white/24 tabular-nums", children: [pendingTurns.length, " queued"] }), _jsxs("span", { className: "text-[10px] text-white/24 tabular-nums", children: [checkpoints.length, " checkpoints"] }), _jsxs("span", { className: "text-[10px] text-white/18", children: ["Last active ", new Date(conversation.lastMessageAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })] })] }), _jsxs("div", { className: "flex items-center gap-1.5 flex-shrink-0", children: [_jsxs("button", { type: "button", onClick: () => { void handleCopyDebugSnapshot('standard'); }, disabled: !conversationId || conversationHydrating, className: "h-7 px-2.5 rounded-[4px] bg-white/[0.05] hover:bg-white/[0.08] text-[10px] text-white/55 hover:text-white/78 transition-colors disabled:opacity-35 inline-flex items-center gap-1.5", title: "Copy a redacted support report", children: [_jsx(Copy, { className: "w-3 h-3" }), "Copy report"] }), _jsx("button", { type: "button", onClick: () => { void handleCopyDebugSnapshot('full'); }, disabled: !conversationId || conversationHydrating, className: "h-7 px-2.5 rounded-[4px] bg-white/[0.05] hover:bg-white/[0.08] text-[10px] text-white/45 hover:text-white/72 transition-colors disabled:opacity-35", title: "Copy the full redacted support report", children: "Full report" }), _jsx("button", { type: "button", onClick: toggleDevSession, className: "h-7 px-2.5 rounded-[4px] bg-white/[0.05] hover:bg-white/[0.08] text-[10px] text-white/35 hover:text-white/70 transition-colors", title: "Hide developer session (Ctrl+Shift+D)", children: "Hide" })] })] }) })), runtimeProjectedMessages.length === 0 && (_jsx("div", { className: "flex-1 flex items-center justify-center pt-[20vh]", children: _jsxs("p", { className: "text-[13px] text-white/20", children: ["Message ", agentName, " to get started"] }) })), runtimeProjectedMessages.map((msg, msgIdx) => {
                             const previousMsg = runtimeProjectedMessages[msgIdx - 1];
-                            const parts = computeMsgParts(msg);
-                            const addConversationTurnGap = previousMsg !== undefined && msg.role !== previousMsg.role;
-                            const assistantLaneParts = parts.filter((part) => part.kind !== 'gap');
-                            // Show hover toolbar for plain text assistant messages (no tool calls, no errors)
-                            const hasTextOnly = parts.length > 0 && parts.every(p => p.kind === 'text' || p.kind === 'thinking');
-                            const showToolbar = !msg.hideToolbar && !msg.isStreaming && !msg.isThinking && msg.content && msg.role === 'assistant' && hasTextOnly;
-                            const deferToolbarToBlockedPrompt = !!(blockedPromptVisible
-                                && blockedPromptAnchorMessage
-                                && blockedPromptAnchorMessage.id === msg.id);
+                            // a day boundary in the thread: before the first message, and wherever the day changes
+                            const dayLabel = relativeDay(msg.timestamp);
+                            const startsDay = !previousMsg || relativeDay(previousMsg.timestamp) !== dayLabel;
+                            const nextMsg = runtimeProjectedMessages[msgIdx + 1];
+                            // The reply's Retry reruns THIS message. It exists only on a reply that has one, so a turn
+                            // that failed or never answered would leave no way to run it again — the user row offers
+                            // Rerun exactly then, and only then. A turn still in flight is neither: it has not failed,
+                            // and running it again while it runs is not something to offer.
+                            const replyIsUnderway = nextMsg?.role === 'assistant' && (!!nextMsg.isStreaming || !!nextMsg.isThinking);
+                            const replyOffersRetry = replyIsUnderway || (nextMsg?.role === 'assistant' && !!nextMsg.content?.trim() && !nextMsg.error && !nextMsg.isStreaming);
                             const messageFileRefs = msg.role === 'assistant' ? resolveMessageFileReferences(runtimeProjectedMessages, msgIdx) : [];
                             const messageModel = msg.model || selectedModel;
+                            /*
+                             * The reply's receipt names the model the way the CATALOG does — `Sonnet 5`. The
+                             * provider's own display name first, because it is what every other control in this
+                             * panel shows; the static table is the fallback for a model the catalog never listed.
+                             */
                             const displayMessageModel = messageModel
                                 ? (messageModel.startsWith('local:')
                                     ? messageModel.slice('local:'.length)
-                                    : cloudModelName(messageModel)).toLowerCase()
+                                    : cloudModels.find((entry) => entry.id === messageModel)?.name || cloudModelName(messageModel))
                                 : null;
-                            return (_jsx(React.Fragment, { children: _jsx("div", { className: `flex ${msg.role === 'user' ? 'justify-end' : 'justify-start'} ${addConversationTurnGap ? 'mt-7' : ''}`, children: msg.role === 'user' ? (_jsxs("div", { className: "relative w-fit max-w-[85%] group/msg", children: [editingMsgId === msg.id ? (_jsxs("div", { className: "rounded-lg bg-black/40 border border-white/[0.08] p-2", children: [_jsx("div", { className: "rounded-[4px] border border-white/[0.1] bg-white/[0.04] overflow-hidden", children: _jsx("textarea", { ref: el => { if (el && !el.dataset.focused) {
+                            return (_jsxs(React.Fragment, { children: [startsDay && _jsx("div", { className: "xa-sep xa-label", children: dayLabel }), msg.role === 'user' ? (_jsxs("div", { className: "xa-user", children: [editingMsgId === msg.id ? (_jsxs("div", { className: "rounded-lg bg-black/40 border border-white/[0.08] p-2", children: [_jsx("div", { className: "rounded-[4px] border border-white/[0.1] bg-white/[0.04] overflow-hidden", children: _jsx("textarea", { ref: el => { if (el && !el.dataset.focused) {
                                                                 el.focus();
                                                                 el.dataset.focused = '1';
                                                                 el.style.height = 'auto';
@@ -7517,11 +7385,7 @@ export function AgentView(props) {
                                                                                         setEditingMsgId(null);
                                                                                 });
                                                                             }
-                                                                        }, className: "px-3 py-1.5 rounded-[3px] bg-white/[0.1] border border-white/[0.12] text-[11px] text-white/70 hover:bg-white/[0.16] hover:text-white transition-colors", children: "Save" })] })] })] })) : (_jsxs("div", { className: `w-fit max-w-full ml-auto px-3.5 py-2.5 rounded-lg text-[13px] leading-relaxed text-white/90 whitespace-pre-wrap break-words ${msg.deliveryState === 'queued'
-                                                    ? 'bg-white/[0.05] border border-white/[0.06]'
-                                                    : 'bg-white/[0.08]'}`, children: [msg.attachments && msg.attachments.length > 0 && (_jsx("div", { className: "grid grid-cols-2 gap-2 mb-2", children: msg.attachments.map(att => (_jsx("div", { className: "rounded overflow-hidden border border-white/[0.08] bg-black/30", children: _jsx("img", { src: att.dataUrl, alt: att.name, className: "w-full h-24 object-cover" }) }, att.id))) })), msg.content] })), _jsxs("div", { className: `flex items-center justify-end gap-1 whitespace-nowrap transition-opacity ${msg.deliveryState === 'queued'
-                                                    ? 'opacity-100'
-                                                    : 'absolute right-0 top-full z-20 pt-1 opacity-0 pointer-events-none group-hover/msg:opacity-100 group-hover/msg:pointer-events-auto'} ${msg.deliveryState === 'queued' ? 'mt-1' : ''}`, children: [msg.deliveryState === 'queued' && (_jsx("span", { className: "text-[9px] uppercase tracking-[0.14em] text-white/26 mr-1", children: "Queued" })), msg.deliveryState === 'queued' && conversationId && (
+                                                                        }, className: "px-3 py-1.5 rounded-[3px] bg-white/[0.1] border border-white/[0.12] text-[11px] text-white/70 hover:bg-white/[0.16] hover:text-white transition-colors", children: "Save" })] })] })] })) : (_jsxs("div", { className: `xa-bubble${msg.deliveryState === 'queued' ? ' xa-queued' : ''}`, children: [msg.attachments && msg.attachments.length > 0 && (_jsx("div", { className: "grid grid-cols-2 gap-2 mb-2", children: msg.attachments.map(att => (_jsx("div", { className: "rounded overflow-hidden border border-white/[0.08] bg-black/30", children: _jsx("img", { src: att.dataUrl, alt: att.name, className: "w-full h-24 object-cover" }) }, att.id))) })), _jsx(MessageText, { text: msg.content, references: sessionUi?.referenceTokens })] })), _jsxs("div", { className: `xa-acts${msg.deliveryState === 'queued' ? ' xa-on' : ''}`, children: [msg.deliveryState === 'queued' && _jsx("span", { className: "xa-t xa-label", children: "Queued" }), msg.deliveryState === 'queued' && conversationId && (
                                                     /**
                                                      * Send this into the RUNNING turn instead of waiting
                                                      * for it (ADE spec §5.5).
@@ -7535,7 +7399,7 @@ export function AgentView(props) {
                                                      * be steered, so the message simply stays queued —
                                                      * the honest outcome, not a silent no-op.
                                                      */
-                                                    _jsx("button", { onClick: () => {
+                                                    _jsxs("button", { onClick: () => {
                                                             if (!activeRequestId)
                                                                 return;
                                                             void getAgentPlatformBridge()?.agent?.steerTurn?.({
@@ -7543,74 +7407,14 @@ export function AgentView(props) {
                                                                 requestId: activeRequestId,
                                                                 instruction: msg.content,
                                                             });
-                                                        }, disabled: !isRunningCommand || !activeRequestId, className: "p-1 rounded text-white/20 hover:text-white/50 hover:bg-white/[0.04] active:scale-75 transition-all duration-100 disabled:cursor-not-allowed disabled:opacity-20", title: "Send now \u2014 deliver this into the running turn instead of waiting", children: _jsx(CornerDownLeft, { className: "w-3 h-3" }) })), _jsx("span", { className: "text-[9px] text-white/15 mr-1", children: new Date(msg.timestamp).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) }), _jsx(DiffCopyButton, { getText: () => msg.content, title: "Copy message" }), _jsx("button", { onClick: () => { setEditingMsgId(msg.id); }, disabled: isRunningCommand, className: "p-1 rounded text-white/20 hover:text-white/50 hover:bg-white/[0.04] active:scale-75 transition-all duration-100 disabled:cursor-not-allowed disabled:opacity-20", title: "Edit", children: _jsx(Pencil, { className: "w-3 h-3" }) }), _jsx("button", { onClick: () => {
-                                                            void rerunUserTurn(msgIdx);
-                                                        }, disabled: isRunningCommand, className: "p-1 rounded text-white/20 hover:text-white/50 hover:bg-white/[0.04] active:scale-75 transition-all duration-100 disabled:opacity-20", title: "Rerun from here", children: _jsx(RefreshCw, { className: "w-3 h-3" }) }), (() => {
+                                                        }, disabled: !isRunningCommand || !activeRequestId, className: "xa-b", title: "Send now \u2014 deliver this into the running turn instead of waiting", children: [_jsx(Glyph, { name: "send", size: 11 }), "Send now"] })), _jsx("span", { className: "xa-t xa-num", children: new Date(msg.timestamp).toLocaleTimeString([], { hour: 'numeric', minute: '2-digit' }) }), _jsxs("button", { type: "button", className: "xa-b", onClick: () => { setEditingMsgId(msg.id); }, disabled: isRunningCommand, title: "Edit this message and run it again", children: [_jsx(Glyph, { name: "edit", size: 11 }), "Edit"] }), _jsx(MessageCopyButton, { text: msg.content, copy: copyTextWithFallback }), !replyOffersRetry && (_jsxs("button", { type: "button", className: "xa-b", onClick: () => { void rerunUserTurn(msgIdx); }, disabled: isRunningCommand, title: "Run this message again", children: [_jsx(Glyph, { name: "refresh", size: 11 }), "Rerun"] })), (() => {
                                                         if (!conversationId)
                                                             return null;
                                                         const branchInfo = getBranchInfo(conversationId, msg.id);
                                                         if (!branchInfo)
                                                             return null;
-                                                        return (_jsxs("div", { className: "flex items-center gap-0.5 ml-1", children: [_jsx("button", { onClick: () => switchBranch(conversationId, msg.id, 'prev'), disabled: isBusy, className: "p-0.5 rounded text-white/30 hover:text-white/60 hover:bg-white/[0.06] transition-colors disabled:cursor-not-allowed disabled:opacity-20", children: _jsx(ChevronLeft, { className: "w-3 h-3" }) }), _jsxs("span", { className: "text-[9px] text-white/30 tabular-nums min-w-[20px] text-center", children: [branchInfo.current, "/", branchInfo.total] }), _jsx("button", { onClick: () => switchBranch(conversationId, msg.id, 'next'), disabled: isBusy, className: "p-0.5 rounded text-white/30 hover:text-white/60 hover:bg-white/[0.06] transition-colors disabled:cursor-not-allowed disabled:opacity-20", children: _jsx(ChevronRight, { className: "w-3 h-3" }) })] }));
-                                                    })()] })] })) : (_jsxs("div", { className: "w-full group/ast", children: [_jsx("div", { className: "space-y-2.5", children: assistantLaneParts.map((part, laneIdx) => {
-                                                    const isLastLanePart = laneIdx === assistantLaneParts.length - 1;
-                                                    return (_jsx(AssistantTimelineRow, { markerKind: assistantLaneMarkerKind(part), markerEmbedded: part.kind === 'error'
-                                                            || part.kind === 'turn-status'
-                                                            || (part.kind === 'tool-calls'
-                                                                && part.calls.length > 0
-                                                                && isCommandToolCall(part.calls[0])), isLast: isLastLanePart, showConnectorBelow: isLastLanePart && !!showToolbar && !deferToolbarToBlockedPrompt, children: (() => {
-                                                            switch (part.kind) {
-                                                                case 'command-result':
-                                                                    return _jsx(CommandResultBlock, { command: part.command, content: part.content, isError: part.isError });
-                                                                case 'error':
-                                                                    return _jsx(AssistantTurnErrorNotice, { text: part.text, isCredits: part.isCredits });
-                                                                case 'turn-status':
-                                                                    return (_jsx(AssistantTurnStatusNotice, { status: part.status, ...(part.status === 'interrupted' && conversationId
-                                                                            ? {
-                                                                                onResume: () => {
-                                                                                    void getAgentPlatformBridge()?.agent?.resumeTurn?.({
-                                                                                        conversationId,
-                                                                                        // A message id IS the turn's requestId; the
-                                                                                        // permission projection relies on the same
-                                                                                        // identity to attach prompts to a turn.
-                                                                                        requestId: msg.id,
-                                                                                    });
-                                                                                },
-                                                                            }
-                                                                            : {}) }));
-                                                                case 'thinking':
-                                                                    return _jsx(ThinkingBlock, { thinking: part.text, isThinking: part.active });
-                                                                case 'text':
-                                                                    return (_jsx("div", { className: "min-w-0", children: _jsx("div", { className: "max-w-full", children: _jsx("div", { className: "agent-markdown min-w-0 text-[13px] leading-relaxed text-white/70", children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], urlTransform: agentMarkdownUrlTransform, components: {
-                                                                                        p: ({ children }) => _jsx("div", { className: "mb-2 last:mb-0", children: children }),
-                                                                                        pre: ({ children }) => _jsx(_Fragment, { children: children }),
-                                                                                        a: ({ href, children }) => (_jsx(AgentMarkdownLink, { href: href, fileReferences: messageFileRefs, onOpenEditorPath: props.onOpenEditorPath, allowedDirectories: effectiveAllowedDirectories, conversationId: conversationId || undefined, children: children })),
-                                                                                        code: ({ className, children, node, ...codeProps }) => {
-                                                                                            const isBlock = className || (node?.position && node.position.start?.line !== node.position.end?.line);
-                                                                                            if (isBlock) {
-                                                                                                return _jsx(CodeBlock, { className: className, ...codeProps, children: children });
-                                                                                            }
-                                                                                            const inlineText = React.Children.toArray(children).join('');
-                                                                                            const fileRef = props.onOpenEditorPath
-                                                                                                ? findMessageFileReference(inlineText, messageFileRefs)
-                                                                                                : null;
-                                                                                            if (fileRef) {
-                                                                                                return (_jsx("button", { type: "button", onClick: () => props.onOpenEditorPath?.(fileRef.path), className: "relative -top-px inline-flex items-center align-middle whitespace-nowrap px-1.5 py-0.5 rounded-[3px] bg-black/30 border border-white/[0.04] text-[12px] leading-none font-mono text-white/45 hover:text-white/78 hover:border-white/[0.12] transition-colors cursor-pointer", children: children }));
-                                                                                            }
-                                                                                            return _jsx("code", { className: "px-1.5 py-0.5 rounded-[3px] bg-black/30 border border-white/[0.04] text-[12px] font-mono text-white/45", ...codeProps, children: children });
-                                                                                        },
-                                                                                        img: ({ src, alt, node: _node, ...imageProps }) => (_jsx("a", { href: src, onClick: (e) => { e.preventDefault(); if (src)
-                                                                                                getAgentPlatformBridge()?.window?.openExternal(src); }, className: "inline-block max-w-full my-2 rounded-md overflow-hidden border border-white/[0.06] hover:border-white/[0.12] transition-colors cursor-pointer", children: _jsx("img", { src: src, alt: alt || '', className: "max-w-full max-h-[300px] object-contain", referrerPolicy: "no-referrer", loading: "lazy", ...imageProps }) }))
-                                                                                    }, children: prepareAgentMarkdown(part.text, messageFileRefs) }) }) }) }));
-                                                                case 'tool-calls':
-                                                                    return (_jsx(ToolCallsBlock, { calls: part.calls, requestId: msg.id, onAddApprovalRule: props.onAddApprovalRule, onOpenEditorPath: props.onOpenEditorPath, onOpenEditorDiff: props.onOpenEditorDiff, onPeekEditorPath: props.onPeekEditorPath, onPeekEditorDiff: props.onPeekEditorDiff, onChooseDirectorySelect: handleChooseDirectorySelect, onExpandIntoView: keepExpandedToolAboveComposer, workspacePlacementCard: workspacePlacementCard }));
-                                                                case 'loading':
-                                                                    return (_jsx(ThinkingIndicator, { mode: msg.showThinking === false ? 'response' : 'reasoning', showDots: false }));
-                                                                default:
-                                                                    return null;
-                                                            }
-                                                        })() }, `${msg.id}_${laneIdx}_${part.kind}`));
-                                                }) }), showToolbar && !deferToolbarToBlockedPrompt && (_jsxs("div", { className: "mt-0 grid grid-cols-[12px_minmax(0,1fr)] gap-[6px] opacity-0 group-hover/ast:opacity-100 transition-opacity", children: [_jsxs("div", { className: "relative flex justify-center", children: [_jsx("span", { className: "absolute top-[2px] bottom-[10px] w-px -translate-x-[0.5px] bg-[var(--xeno-border-subtle)]" }), _jsx("span", { className: "relative mt-[4px] inline-flex h-3 w-3 items-center justify-center", children: _jsx("span", { className: "block h-1.5 w-1.5 rounded-[2px] bg-[var(--xeno-marker-solid)]" }) })] }), _jsxs("div", { className: "flex items-center gap-1 flex-wrap min-w-0", children: [_jsx("span", { className: "text-[9px] text-white/15 mr-1", children: new Date(msg.timestamp).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) }), !!displayMessageModel && (_jsx("span", { className: "text-[9px] text-white/20", title: `Model used for this message: ${messageModel}`, children: displayMessageModel })), _jsx(DiffCopyButton, { getText: () => msg.content, title: "Copy message" })] })] }))] })) }) }, msg.id));
+                                                        return (_jsxs(_Fragment, { children: [_jsx("span", { className: "xa-vr" }), _jsx("button", { type: "button", className: "xa-b", "aria-label": "Previous branch", onClick: () => switchBranch(conversationId, msg.id, 'prev'), disabled: isBusy, children: _jsx("span", { style: { display: 'inline-flex', transform: 'scaleX(-1)' }, children: _jsx(Glyph, { name: "chevron-right", size: 11 }) }) }), _jsx("span", { className: "xa-t xa-num", children: `${branchInfo.current}/${branchInfo.total}` }), _jsx("button", { type: "button", className: "xa-b", "aria-label": "Next branch", onClick: () => switchBranch(conversationId, msg.id, 'next'), disabled: isBusy, children: _jsx(Glyph, { name: "chevron-right", size: 11 }) })] }));
+                                                    })()] })] })) : (_jsx(TranscriptTurn, { msg: msg, stepsMode: stepsMode, actions: transcriptActionsFor(msg, msgIdx), renderMarkdown: (text) => renderAssistantMarkdown(text, messageFileRefs), tasks: tasksForMessage(msg), model: displayMessageModel ?? undefined, latest: msgIdx === runtimeProjectedMessages.length - 1 }))] }, msg.id));
                         }), blockedNarrationVisible && (_jsx("div", { className: "flex justify-start", children: _jsx("div", { className: "w-full", children: _jsx(ThinkingIndicator, { mode: "response" }) }) })), blockedPromptVisible && (_jsx("div", { className: "flex justify-start -mt-0.5", children: _jsx("div", { className: "w-full", children: _jsxs("div", { className: "-mx-1.5 rounded-[4px] border border-white/[0.08] bg-white/[0.02] px-3 py-2 flex items-center justify-between gap-3", children: [_jsx("p", { className: "text-[12px] text-white/50 whitespace-nowrap overflow-hidden text-ellipsis flex-1 min-w-0", children: blockedFileActionPrompt.reason === 'capability'
                                                 ? 'Enable file writing for this agent before creating this file?'
                                                 : 'Choose a directory for this conversation before continuing?' }), _jsxs("div", { className: "flex items-center gap-1.5 flex-shrink-0", children: [_jsx("button", { onClick: () => {
@@ -7627,7 +7431,9 @@ export function AgentView(props) {
                                                         ? 'Working...'
                                                         : blockedFileActionPrompt.reason === 'capability'
                                                             ? 'Enable and continue'
-                                                            : 'Choose directory and continue' })] })] }) }) })), _jsx("div", { ref: messagesEndRef })] })) }), renderWorkbenchPanel && sessionPanelOpen && (_jsx("div", { className: "absolute inset-x-0 bottom-[96px] z-[3] px-6", children: _jsxs("div", { ref: sessionWorkbenchRef, className: "xeno-panel-shell xeno-border-subtle w-full max-w-[820px] mx-auto rounded-[6px] border overflow-hidden", children: [_jsxs("div", { className: "xeno-border-subtle h-9 border-b px-3 flex items-center justify-between gap-3", children: [_jsx("div", { className: "flex items-center gap-1.5", children: ['trace', 'output', 'problems', 'terminal'].map((tab) => (_jsx("button", { onClick: () => patchSessionUi({ panelOpen: true, panelTab: tab }), className: `h-6 px-2.5 rounded-[4px] text-[10px] uppercase tracking-[0.12em] transition-colors ${sessionPanelTab === tab
+                                                            : 'Choose directory and continue' })] })] }) }) }))] })) }), renderWorkbenchPanel && sessionPanelOpen && (
+            // floats just above the dock, which is now in the frame's flow rather than overlaid on it
+            _jsx("div", { className: "absolute inset-x-0 z-[3] px-6", style: { bottom: Math.max(footerDockHeight, 0) + 8 }, children: _jsxs("div", { ref: sessionWorkbenchRef, className: "xeno-panel-shell xeno-border-subtle w-full max-w-[820px] mx-auto rounded-[6px] border overflow-hidden", children: [_jsxs("div", { className: "xeno-border-subtle h-9 border-b px-3 flex items-center justify-between gap-3", children: [_jsx("div", { className: "flex items-center gap-1.5", children: ['trace', 'output', 'problems', 'terminal'].map((tab) => (_jsx("button", { onClick: () => patchSessionUi({ panelOpen: true, panelTab: tab }), className: `h-6 px-2.5 rounded-[4px] text-[10px] uppercase tracking-[0.12em] transition-colors ${sessionPanelTab === tab
                                             ? 'bg-[var(--xeno-accent-soft)] text-[color:var(--xeno-ink-primary)]'
                                             : 'xeno-text-faint hover:text-[color:var(--xeno-ink-secondary)] hover:bg-[var(--xeno-bg-subtle)]'}`, children: tab }, tab))) }), _jsx("button", { onClick: () => patchSessionUi({ panelOpen: false }), className: "text-[10px] xeno-text-faint hover:text-[color:var(--xeno-ink-secondary)] transition-colors", children: "Close" })] }), _jsxs("div", { className: "h-[240px] min-h-0", children: [sessionPanelTab === 'trace' && (_jsxs("div", { className: "h-full grid grid-cols-[240px_minmax(0,1fr)]", children: [_jsx("div", { className: "border-r border-white/[0.06] overflow-y-auto", children: traceMessages.length === 0 ? (_jsx("div", { className: "px-3 py-3 text-[11px] text-white/28", children: "No traced turns yet." })) : (traceMessages.map((message) => {
                                                 const toolCount = message.toolCalls?.length || 0;
@@ -7640,173 +7446,205 @@ export function AgentView(props) {
                                                                 event.preventDefault();
                                                                 void handleRunTerminalCommand();
                                                             }
-                                                        }, placeholder: terminalReady ? 'Run a safe workspace command...' : 'Open a folder to use the terminal', disabled: !terminalCapabilityEnabled || isRunningTerminalCommand, className: "h-8 rounded-[4px] border border-white/[0.06] bg-black/20 px-2.5 text-[11px] text-white/78 placeholder:text-white/18 outline-none focus:border-white/[0.12] disabled:opacity-35" }), _jsx("button", { onClick: () => { void handleRunTerminalCommand(); }, disabled: !terminalReady || isRunningTerminalCommand || !terminalDraftInput.trim(), className: "h-8 px-3 rounded-[4px] bg-white/[0.08] hover:bg-white/[0.12] text-[10px] uppercase tracking-[0.12em] text-white/72 transition-colors disabled:opacity-35", children: isRunningTerminalCommand ? 'Running' : 'Run' })] }) })] }))] })] }) })), _jsxs("div", { ref: footerDockRef, className: "xeno-agent-footer-dock absolute inset-x-0 bottom-0 z-[30] isolate px-6 pb-5 pt-3", children: [_jsx("div", { ref: sessionPanelRef, className: "absolute bottom-full right-6 z-[45] mb-1", children: _jsx(SdkSessionPanel, { open: sessionDrawerOpen, onOpenChange: setSessionDrawerOpen, workingDirectory: sdkSessionWorkingDirectory, attachedId: sessionUi?.sdkSessionId, sessions: sdkSessions, loading: sdkSessionsLoading, busy: sdkConfirmation.busy || sdkSessionBindingBusy || isBusy || isPreparingModel, status: sdkSessionStatus, unavailableReason: !conversationId ? 'Select a conversation before managing SDK sessions.' : undefined, canList: !!getOptionalAgentPlatformBridge()?.agent?.listSdkSessions, canAttach: !!getOptionalAgentPlatformBridge()?.agent?.attachSdkSession, canDetach: !!getOptionalAgentPlatformBridge()?.agent?.detachSdkSession, canDelete: !!getOptionalAgentPlatformBridge()?.agent?.deleteSdkSession, canClean: !!getOptionalAgentPlatformBridge()?.agent?.cleanSdkSessions, onReload: () => { void loadSdkSessions(); }, onAttach: sessionId => { void handleAttachSdkSession(sessionId); }, onDetach: () => { void handleDetachSdkSession(); }, onDelete: sessionId => { void handleDeleteSdkSession(sessionId); }, onClean: () => { void handleCleanSdkSessions(); } }) }), !isModelReady && (_jsxs("div", { className: "w-full max-w-[820px] mx-auto mb-2 flex items-center justify-between gap-3", children: [_jsx("p", { className: "text-[11px] text-white/35", children: localRuntimeNeedsStart
-                                    ? `xeno-rt is off. Click xeno-rt in the footer before loading ${localModelName}.`
-                                    : isPreparingModel
-                                        ? (isStartingLocalRuntime ? 'Starting xeno-rt...' : `Loading local model ${localModelName}...`)
-                                        : `Local model failed to load: ${modelWarmupError || 'Unknown error'}` }), !isPreparingModel && !localRuntimeNeedsStart && (_jsx("button", { onClick: () => setWarmupAttempt(v => v + 1), className: "px-2 py-1 rounded bg-white/[0.07] hover:bg-white/[0.12] text-[10px] text-white/70 transition-colors", children: "Retry" }))] })), toolStatus && (_jsx("div", { className: "w-full max-w-[820px] mx-auto mb-2", children: _jsx("p", { className: "text-[11px] text-white/35", children: toolStatus }) })), (cloudModelUnavailable || cloudModelDegraded) && (_jsx("div", { className: "w-full max-w-[820px] mx-auto mb-2 flex items-center justify-between gap-3", children: _jsx("p", { className: `text-[11px] ${cloudModelUnavailable ? 'text-[#ff8f8f]' : 'text-[#ffd38a]'}`, children: cloudModelUnavailable
-                                ? `${cloudModelName(actualModelId)} is unavailable. ${cloudModelStatusReason || ''}`.trim()
-                                : `${cloudModelName(actualModelId)} is using the fallback path. ${cloudModelStatusReason || ''}`.trim() }) })), taskCounts.total > 0 && (_jsx("div", { className: "relative z-[2] w-full max-w-[760px] mx-auto mb-0", children: _jsxs("div", { className: "xeno-border-subtle rounded-t-md rounded-b-none border bg-[#111111]", children: [_jsxs("button", { type: "button", onClick: () => patchSessionUi({ tasksCollapsed: !tasksCollapsed }), "aria-expanded": !tasksCollapsed, className: `w-full flex items-center justify-between gap-3 px-3 py-1.5 text-left transition-colors hover:bg-white/[0.03] ${tasksCollapsed ? '' : 'border-b xeno-border-subtle'}`, children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [_jsx("span", { className: "text-[9px] uppercase tracking-[0.12em] xeno-text-faint whitespace-nowrap", children: "Tasks" }), _jsxs("span", { className: "text-[9px] xeno-text-muted tabular-nums whitespace-nowrap", children: [taskCounts.pending, "/", taskCounts.total, " pending", taskCounts.inProgress > 0 ? ` - ${taskCounts.inProgress} active` : '', taskCounts.blocked > 0 ? ` - ${taskCounts.blocked} blocked` : ''] })] }), _jsx(ChevronDown, { className: `w-3 h-3 xeno-text-faint transition-transform duration-200 ${tasksCollapsed ? '' : 'rotate-180'}` })] }), _jsx("div", { className: `grid overflow-hidden transition-[grid-template-rows,opacity] duration-200 ease-out ${tasksCollapsed ? 'grid-rows-[0fr] opacity-0' : 'grid-rows-[1fr] opacity-100'}`, children: _jsx("div", { className: "min-h-0", children: _jsx("div", { className: "max-h-28 overflow-auto px-2 py-1.5 space-y-0.5 [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-white/12 [&::-webkit-scrollbar-thumb]:rounded-[1px]", children: conversationTasks.map((task) => (_jsxs("div", { className: "w-full rounded-[4px] px-2 py-1 text-left flex items-start gap-2", children: [_jsx("span", { className: `mt-0.5 inline-flex h-3 w-3 items-center justify-center rounded-[2px] border text-[10px] ${task.status === 'done'
-                                                            ? 'border-emerald-400/35'
-                                                            : task.status === 'in_progress'
-                                                                ? 'border-white/35 bg-white/15'
-                                                                : task.status === 'blocked'
-                                                                    ? 'border-amber-400/35 bg-amber-400/14'
-                                                                    : 'border-white/18'}`, children: task.status === 'done' ? (_jsx(Check, { className: "w-3 h-3 text-emerald-300" })) : task.status === 'in_progress' ? (_jsx("span", { className: "block h-[2px] w-[6px] rounded-[1px] bg-white/60" })) : task.status === 'blocked' ? (_jsx("span", { className: "block h-1.5 w-1.5 rounded-[2px] bg-amber-300/70" })) : (_jsx(Square, { className: "w-3 h-3 text-white/45" })) }), _jsx("span", { className: `text-[10px] leading-[1.35] ${task.status === 'done'
-                                                            ? 'line-through text-white/34'
-                                                            : task.status === 'in_progress'
-                                                                ? 'text-white/80'
-                                                                : task.status === 'blocked'
-                                                                    ? 'text-amber-100/76'
-                                                                    : 'text-white/62'}`, children: task.text })] }, task.id))) }) }) })] }) })), _jsxs("div", { className: `w-full max-w-[820px] mx-auto relative ${taskCounts.total > 0 ? '-mt-px z-[3]' : 'z-[2]'}`, children: [showLocalRuntimePrompt && localRuntimeNeedsStart && (_jsx("div", { className: "absolute right-0 bottom-[48px] z-40 flex flex-col items-end", children: _jsxs("div", { className: "xeno-elevated-shell xeno-border-subtle rounded-md border px-3 py-2.5", children: [_jsx("p", { className: "text-[11px] text-white/70", children: "Start xeno-rt before loading this local model?" }), _jsxs("div", { className: "mt-2 flex items-center justify-end gap-2", children: [_jsx("button", { onClick: () => setShowLocalRuntimePrompt(false), className: "h-6 px-2 rounded text-[10px] text-white/35 hover:text-white/60 transition-colors cursor-pointer", children: "Not now" }), _jsx("button", { onClick: () => { void handleStartLocalRuntime(); }, disabled: isStartingLocalRuntime, className: "h-6 px-2 rounded bg-white/[0.08] hover:bg-white/[0.12] text-[10px] text-white/75 transition-colors cursor-pointer disabled:opacity-30 disabled:cursor-not-allowed", children: isStartingLocalRuntime ? 'Starting...' : 'Start xeno-rt' })] })] }) })), runtimeMode === 'acp' && acpCliListOpen && (_jsxs("div", { ref: acpCliListRef, role: "listbox", className: "xeno-elevated-shell xeno-border-subtle absolute left-3 bottom-[44px] z-50 w-[220px] border rounded-md max-h-[280px] overflow-y-auto", children: [_jsx("div", { className: "px-3 pt-2 pb-1 text-[9px] uppercase tracking-[0.14em] text-white/25", children: "ACP CLI" }), selectableAcpAgents.length > 0 ? (selectableAcpAgents.map(agent => {
-                                        const selected = agent.id === selectedAcpAgentConfigId;
-                                        const fixture = agent.certification?.status === 'fixture_only';
-                                        const ready = fixture || (agent.certification?.status === 'certified' && agent.providerReview?.runnable === true);
-                                        return (_jsxs("button", { onClick: () => { selectAcpRuntime(agent.id, selected ? acpProviderModel : undefined); }, role: "option", "aria-selected": selected, className: `w-full flex items-center justify-between gap-2 px-3 py-1.5 text-left transition-colors cursor-pointer ${selected ? 'bg-white/[0.06]' : 'hover:bg-white/[0.04]'}`, children: [_jsx("span", { className: `min-w-0 flex-1 text-[11px] truncate ${selected ? 'text-white/70' : 'text-white/40'}`, children: acpAgentDisplayName(agent) }), _jsx("span", { className: `text-[8px] uppercase tracking-wide ${ready ? 'text-[#96e59d]/70' : 'text-[#ffd38a]/70'}`, children: ready ? 'ready' : 'check' })] }, agent.id));
-                                    })) : (_jsx("div", { className: "px-3 py-2.5 text-[10px] text-white/25 text-center", children: "No available ACP CLI providers. Enable or repair one in Settings." }))] })), runtimeMode === 'acp' && acpModelListOpen && (_jsxs("div", { ref: acpModelListRef, className: "xeno-elevated-shell xeno-border-subtle absolute left-[170px] bottom-[44px] z-50 flex max-h-[280px] w-[220px] flex-col overflow-hidden rounded-md border", children: [renderModelSearch(), _jsxs("div", { role: "listbox", className: "min-h-0 overflow-y-auto", children: [_jsxs("div", { className: "flex items-center justify-between gap-2 px-3 pt-2 pb-1 text-[9px] uppercase tracking-[0.14em] text-white/25", children: [_jsx("span", { children: "ACP model" }), sharedProviderCatalogRefreshing && !acpModelsLoading && _jsx("span", { children: "Refreshing..." })] }), _jsx("button", { onClick: () => { if (selectedAcpAgentConfigId)
-                                                    selectAcpRuntime(selectedAcpAgentConfigId, undefined); }, disabled: !selectedAcpAgentConfigId, role: "option", "aria-selected": !acpProviderModel, className: `w-full flex items-center justify-between px-3 py-1.5 text-left transition-colors cursor-pointer disabled:opacity-30 disabled:cursor-not-allowed ${!acpProviderModel ? 'bg-white/[0.06]' : 'hover:bg-white/[0.04]'}`, children: _jsx("span", { className: `text-[11px] truncate ${!acpProviderModel ? 'text-white/70' : 'text-white/40'}`, children: "CLI default" }) }), acpModelsLoading ? (_jsx("div", { className: "px-3 py-2.5 text-[10px] text-white/25 text-center", children: "Loading models..." })) : acpModelOptions.length > 0 ? (filteredAcpModelOptions.length > 0 ? filteredAcpModelOptions.map((entry) => {
-                                                const selected = entry.selectionKey === (selectedAcpEffortFamily?.baseId || acpProviderModel);
-                                                return (_jsxs("button", { onClick: () => { if (selectedAcpAgentConfigId)
-                                                        selectAcpRuntime(selectedAcpAgentConfigId, entry.id); }, disabled: !selectedAcpAgentConfigId || !entry.available, role: "option", "aria-selected": selected, className: `w-full flex items-center justify-between px-3 py-1.5 text-left transition-colors cursor-pointer disabled:opacity-30 disabled:cursor-not-allowed ${selected ? 'bg-white/[0.06]' : 'hover:bg-white/[0.04]'}`, title: entry.reason || undefined, children: [_jsx("span", { className: `min-w-0 flex-1 text-[11px] truncate ${selected ? 'text-white/70' : 'text-white/40'}`, children: entry.name }), !entry.available && _jsx("span", { className: "ml-2 flex-shrink-0 text-[8px] uppercase tracking-wide text-[#ff8f8f]", children: "Unavailable" })] }, entry.selectionKey));
-                                            }) : (_jsx("div", { className: "px-3 py-2.5 text-[10px] text-white/25 text-center", children: "No matching models" }))) : (_jsx("div", { className: "px-3 py-2.5 text-[10px] text-white/25 text-center", children: selectedAcpAgentConfigId ? (acpModelMessage || 'No preset models for this ACP CLI') : 'Select a CLI first' }))] })] })), modelListOpen && runtimeMode !== 'acp' && (_jsxs("div", { ref: modelListRef, className: "xeno-elevated-shell xeno-border-subtle absolute left-3 bottom-[44px] z-50 flex max-h-[340px] w-[280px] flex-col overflow-hidden rounded-md border", children: [renderModelSearch(), _jsx("div", { role: "listbox", className: "min-h-0 overflow-y-auto", children: runtimeMode === 'cloud' ? (sharedProviderCatalogRefreshing ? (_jsx("div", { className: "px-3 py-3 text-[10px] text-white/25 text-center", children: "Refreshing available models..." })) : cloudModels.length > 0 ? (filteredCloudModelOptions.length > 0 ? filteredCloudModelOptions.map(entry => ((() => {
-                                            const modelMeta = cloudModels.find(cm => cm.id === entry.id);
-                                            const degraded = modelMeta?.availability === 'degraded';
-                                            const selected = entry.selectionKey === (selectedCloudEffortFamily?.baseId || selectedModel);
-                                            return (_jsxs("button", { onClick: () => { setInferenceMode('cloud'); setSelectedModel(entry.id); setModelListOpen(false); setEffortListOpen(false); }, role: "option", "aria-selected": selected, className: `w-full flex items-center justify-between px-3 py-1.5 text-left transition-colors cursor-pointer ${selected ? 'bg-white/[0.06]' : 'hover:bg-white/[0.04]'}`, title: modelMeta?.availabilityReason || undefined, children: [_jsxs("div", { className: "min-w-0 flex-1 flex items-center gap-2", children: [_jsx("span", { className: `text-[11px] truncate ${selected ? 'text-white/70' : 'text-white/40'}`, children: entry.name }), degraded && _jsx("span", { className: "text-[8px] uppercase tracking-wide text-[#ffd38a]", children: "Fallback" })] }), _jsx("span", { className: "text-[9px] text-white/20 flex-shrink-0 ml-2 tabular-nums", children: (() => { const m = cloudModels.find(cm => cm.id === entry.id); return m?.creditsPerKToken != null ? `${m.creditsPerKToken}/1k` : ''; })() })] }, entry.id));
-                                        })())) : (_jsx("div", { className: "px-3 py-3 text-[10px] text-white/25 text-center", children: "No matching models" }))) : (_jsx("div", { className: "px-3 py-3 text-[10px] leading-relaxed text-white/35 text-center", children: cloudCatalogUnavailableReason }))) : (_jsxs(_Fragment, { children: [localModels.length > 0 ? (filteredLocalModels.length > 0 ? filteredLocalModels.map(m => {
-                                                    const selected = m.id === (selectedLocalEffortFamily?.baseId || selectedModel);
-                                                    return (_jsxs("button", { onClick: () => { setInferenceMode('local'); setSelectedModel(m.id); setModelListOpen(false); setEffortListOpen(false); }, role: "option", "aria-selected": selected, className: `w-full flex items-center gap-2 px-3 py-1.5 text-left transition-colors cursor-pointer ${selected ? 'bg-white/[0.06]' : 'hover:bg-white/[0.04]'}`, children: [_jsx("span", { className: `text-[11px] truncate ${selected ? 'text-white/70' : 'text-white/40'}`, children: m.name }), m.parameterSize && _jsx("span", { className: "text-[8px] text-white/20 flex-shrink-0 ml-auto", children: m.parameterSize })] }, m.id));
-                                                }) : (_jsx("div", { className: "px-3 py-2.5 text-[10px] text-white/25 text-center", children: "No matching models" }))) : (_jsx("div", { className: "px-3 py-2.5 text-[10px] text-white/25 text-center", children: "No local models installed" })), _jsx("button", { onClick: () => { setModelListOpen(false); goToModelsMarketplace(); }, className: "w-full flex items-center justify-center gap-1.5 px-3 py-2 border-t border-white/[0.06] text-[10px] text-white/35 hover:text-white/60 hover:bg-white/[0.04] transition-colors cursor-pointer", children: "Browse models" })] })) })] })), _jsxs("div", { className: "space-y-0", children: [pendingTurns.length > 0 && (_jsxs("div", { className: "xeno-border-subtle rounded-t-md border border-b-0 bg-[#111111] overflow-hidden", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 px-3 py-2 border-b xeno-border-subtle", children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [_jsx("span", { className: "text-[10px] uppercase tracking-[0.14em] xeno-text-faint whitespace-nowrap", children: "Queued Messages" }), _jsx("span", { className: "text-[10px] xeno-text-muted tabular-nums whitespace-nowrap", children: pendingTurns.length })] }), _jsx("button", { onClick: () => patchSessionUi({ panelOpen: true }), className: "text-[10px] xeno-text-faint hover:text-[color:var(--xeno-ink-secondary)] transition-colors whitespace-nowrap cursor-pointer focus-visible:outline focus-visible:outline-1 focus-visible:outline-white/35", children: "Manage queue" })] }), _jsxs("div", { className: "divide-y xeno-border-subtle", children: [pendingTurns.slice(0, 3).map((turn) => (_jsxs("div", { className: "flex items-center gap-3 px-3 py-2", children: [_jsx("span", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded-[4px] bg-white/[0.04] px-1.5 text-[10px] xeno-text-faint tabular-nums", children: new Date(turn.queuedAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) }), _jsx("span", { className: "min-w-0 flex-1 text-[12px] leading-4 xeno-text-secondary truncate", children: turn.content }), _jsx("button", { onClick: () => handleRemoveQueuedConversationTurn(turn.id), className: "text-[10px] xeno-text-faint hover:text-[color:var(--xeno-ink-secondary)] transition-colors whitespace-nowrap cursor-pointer focus-visible:outline focus-visible:outline-1 focus-visible:outline-white/35", title: "Remove queued message", children: "Remove" })] }, turn.id))), pendingTurns.length > 3 && (_jsxs("div", { className: "px-3 py-2 text-[11px] xeno-text-faint", children: [pendingTurns.length - 3, " more queued"] }))] })] })), _jsxs("div", { className: "mb-2 flex items-center justify-between gap-2", "data-agent-workspace-binding": workspaceBinding.mode, children: [_jsxs("div", { className: "inline-flex items-center rounded-md border border-white/[0.08] bg-white/[0.025] p-0.5 text-[11px]", children: [_jsx("button", { type: "button", onClick: () => { void handleSelectWorkspaceMode('chat'); }, disabled: isBusy || !!props.externalInputLockReason || isSelectingConversationWorkspace, className: `rounded px-2.5 py-1 font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-40 ${workspaceBinding.mode !== 'agent'
-                                                            ? 'bg-white/[0.12] text-white shadow-sm'
-                                                            : 'text-white/45 hover:bg-white/[0.04] hover:text-white/70'}`, "aria-pressed": workspaceBinding.mode !== 'agent', children: "Chat" }), _jsx("button", { type: "button", onClick: () => { void handleSelectWorkspaceMode('agent'); }, disabled: isBusy || !!props.externalInputLockReason || isSelectingConversationWorkspace, className: `rounded px-2.5 py-1 font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-40 ${workspaceBinding.mode === 'agent'
-                                                            ? 'bg-white/[0.12] text-white shadow-sm'
-                                                            : 'text-white/45 hover:bg-white/[0.04] hover:text-white/70'}`, "aria-pressed": workspaceBinding.mode === 'agent', children: isSelectingConversationWorkspace && workspaceBinding.mode !== 'agent' ? 'Choosing…' : 'Agent' })] }), workspaceBinding.mode === 'agent' ? (_jsxs("div", { className: "flex min-w-0 items-center gap-2 text-[10px]", children: [_jsx("span", { className: "min-w-0 truncate font-mono text-white/45", title: workspaceBinding.rootDirectory || workspaceBinding.allowedDirectories[0], children: workspaceBinding.rootDirectory || workspaceBinding.allowedDirectories[0] }), _jsx("button", { type: "button", onClick: () => { void chooseConversationWorkspace(); }, disabled: isSelectingConversationWorkspace || isBusy || !!props.externalInputLockReason, className: "shrink-0 text-white/35 transition-colors hover:text-white/70 disabled:cursor-not-allowed disabled:opacity-30", children: "Change folder" })] })) : (_jsx("span", { className: "min-w-0 truncate text-[10px] text-white/28", children: "Chat only \u00B7 no project file access" })), activeMcpList.length > 0 && (_jsxs("div", { className: "flex items-center gap-1.5 pl-2 border-l border-white/[0.08]", children: [_jsx("span", { className: "text-[10px] text-white/35 font-mono", children: "MCP:" }), activeMcpList.map((mcp) => {
-                                                        const statusDot = mcp.status === 'connected'
-                                                            ? 'bg-emerald-400'
-                                                            : mcp.status === 'auth_required'
-                                                                ? 'bg-amber-400 animate-pulse'
-                                                                : 'bg-rose-400';
-                                                        const statusTitle = `${mcp.server}: ${mcp.status}${mcp.error ? ` (${mcp.error})` : ''}`;
-                                                        return (_jsxs("button", { type: "button", onClick: () => { void handleExecuteCommandOrPrompt(`/mcp ${mcp.server}`); }, className: "inline-flex items-center gap-1 rounded bg-white/[0.04] px-1.5 py-0.5 text-[10px] font-mono text-white/60 hover:bg-white/[0.08] transition-colors cursor-pointer", title: statusTitle, children: [_jsx("span", { className: `h-1.5 w-1.5 rounded-full ${statusDot}` }), _jsx("span", { children: mcp.server })] }, mcp.server));
-                                                    })] }))] }), props.externalInputLockReason && (_jsx("div", { className: "mb-2 rounded-md border border-amber-400/20 bg-amber-400/[0.06] px-3 py-2 text-[11px] text-amber-100/70", children: props.externalInputLockReason })), activeNotifsList.length > 0 && (_jsx(AgentNotificationBanner, { notifications: activeNotifsList, onDismiss: (id) => {
-                                            if (conversationId)
-                                                dismissNotification(conversationId, id);
-                                        }, onAction: (action, cmd, url) => {
-                                            if (action === 'command' && cmd) {
+                                                        }, placeholder: terminalReady ? 'Run a safe workspace command...' : 'Open a folder to use the terminal', disabled: !terminalCapabilityEnabled || isRunningTerminalCommand, className: "h-8 rounded-[4px] border border-white/[0.06] bg-black/20 px-2.5 text-[11px] text-white/78 placeholder:text-white/18 outline-none focus:border-white/[0.12] disabled:opacity-35" }), _jsx("button", { onClick: () => { void handleRunTerminalCommand(); }, disabled: !terminalReady || isRunningTerminalCommand || !terminalDraftInput.trim(), className: "h-8 px-3 rounded-[4px] bg-white/[0.08] hover:bg-white/[0.12] text-[10px] uppercase tracking-[0.12em] text-white/72 transition-colors disabled:opacity-35", children: isRunningTerminalCommand ? 'Running' : 'Run' })] }) })] }))] })] }) })), _jsxs("div", { ref: (node) => {
+                    ;
+                    dockRef.current = node;
+                    footerDockRef.current = node;
+                }, className: "xa-dock", "data-dock": true, "data-agent-workspace-binding": workspaceBinding.mode, onContextMenu: (event) => {
+                    if (event.target.closest('textarea, input, .xa-menu'))
+                        return;
+                    event.preventDefault();
+                    setMoreOpen(true);
+                    setPermOpen(false);
+                    setLaneOpen(false);
+                }, onKeyDown: (event) => {
+                    if (event.shiftKey && event.key === 'F10') {
+                        event.preventDefault();
+                        setMoreOpen(true);
+                        setPermOpen(false);
+                        setLaneOpen(false);
+                    }
+                }, children: [sessionDrawerOpen && _jsx("div", { ref: sessionPanelRef, className: "absolute bottom-full right-6 z-[45] mb-1", children: _jsx(SdkSessionPanel, { trigger: "none", open: sessionDrawerOpen, onOpenChange: setSessionDrawerOpen, workingDirectory: sdkSessionWorkingDirectory, attachedId: sessionUi?.sdkSessionId, sessions: sdkSessions, loading: sdkSessionsLoading, busy: sdkConfirmation.busy || sdkSessionBindingBusy || isBusy || isPreparingModel, status: sdkSessionStatus, unavailableReason: !conversationId ? 'Select a conversation before managing SDK sessions.' : undefined, canList: !!getOptionalAgentPlatformBridge()?.agent?.listSdkSessions, canAttach: !!getOptionalAgentPlatformBridge()?.agent?.attachSdkSession, canDetach: !!getOptionalAgentPlatformBridge()?.agent?.detachSdkSession, canDelete: !!getOptionalAgentPlatformBridge()?.agent?.deleteSdkSession, canClean: !!getOptionalAgentPlatformBridge()?.agent?.cleanSdkSessions, onReload: () => { void loadSdkSessions(); }, onAttach: sessionId => { void handleAttachSdkSession(sessionId); }, onDetach: () => { void handleDetachSdkSession(); }, onDelete: sessionId => { void handleDeleteSdkSession(sessionId); }, onClean: () => { void handleCleanSdkSessions(); } }) }), _jsxs(ComposerDock.Provider, { value: dockEl, children: [_jsxs("div", { className: "xa-dock-inner", children: [!isModelReady && (_jsx(Notice, { glyph: localRuntimeNeedsStart ? 'monitor' : 'clock', title: localRuntimeNeedsStart
+                                            ? 'xeno-rt is not running'
+                                            : isPreparingModel
+                                                ? (isStartingLocalRuntime ? 'Starting xeno-rt' : `Loading ${localModelName}`)
+                                                : 'The local model did not load', sub: localRuntimeNeedsStart
+                                            ? `${localModelName} runs on this computer, and the runtime that serves it is off.`
+                                            : isPreparingModel
+                                                ? 'The first turn waits for it; nothing is lost.'
+                                                : (modelWarmupError || 'No reason was reported.'), ...(localRuntimeNeedsStart
+                                            ? { action: isStartingLocalRuntime ? 'Starting…' : 'Start xeno-rt', onAction: () => { void handleStartLocalRuntime(); } }
+                                            : !isPreparingModel
+                                                ? { action: 'Try again', onAction: () => setWarmupAttempt(v => v + 1) }
+                                                : {}), center: isPreparingModel })), toolStatus && !cloudOutageStated && _jsx(Notice, { glyph: "zap", title: toolStatus, center: true, onDismiss: () => setToolStatus('') }), (cloudModelUnavailable || cloudModelDegraded) && (_jsx(Notice, { glyph: "cloud", tone: cloudModelUnavailable ? 'bad' : 'warn', title: cloudModelUnavailable
+                                            ? (cloudNeedsSignIn ? 'Cloud needs you signed in' : cloudCatalogState?.state === 'loading' ? 'Loading models…' : cloudCatalogRecovering ? 'Model catalog is reconnecting' : cloudCatalogState?.failure?.code === 'forbidden' ? 'Model access is restricted' : 'Cloud is unavailable')
+                                            : cloudCatalogState?.state === 'stale' ? 'Refreshing the model catalog' : `${cloudModelName(actualModelId)} is on the fallback path`, 
+                                        // 🔴 The second line says what FOLLOWS, never what the first line already said.
+                                        // `cloudModelStatusReason` here is "The live XENO model catalog is unavailable" —
+                                        // the title in other words — so it is deliberately NOT the subtitle for the
+                                        // unavailable case. The degraded case keeps it, because there it carries the one
+                                        // thing the title does not: which route the turn actually took.
+                                        sub: cloudModelUnavailable
+                                            ? (cloudNeedsSignIn
+                                                // the catalog's own sentence already says what to do; restating it would be the
+                                                // duplicate-title defect this notice was just rewritten to avoid
+                                                ? cloudCatalogUnavailableReason
+                                                : cloudCatalogRecovering
+                                                    ? 'The model list will update automatically when the service responds.'
+                                                    : canRunLocally
+                                                        ? 'Run this turn on your own machine instead.'
+                                                        : 'No local model is installed either. Choose another model, or try again when the catalog returns.')
+                                            : (cloudModelStatusReason || 'Answers still arrive; the route is not the usual one.'), action: cloudModelUnavailable ? (canRunLocally ? 'Use Local' : cloudNeedsSignIn || cloudCatalogRecovering ? undefined : 'Choose a model') : undefined, onAction: cloudModelUnavailable
+                                            ? (canRunLocally
+                                                ? () => { switchToLocalMode(); setToolStatus(null); }
+                                                : () => { setModelSearchQuery(''); setModelListOpen(true); })
+                                            : undefined, onDismiss: cloudModelUnavailable ? () => setToolStatus(null) : undefined })), props.externalInputLockReason && (_jsx(Notice, { glyph: "lock", tone: "warn", title: "This conversation is not taking messages", sub: props.externalInputLockReason })), activeNotifsList.length > 0 && (_jsx(AgentNotificationBanner, { notifications: activeNotifsList, onDismiss: (id) => { if (conversationId)
+                                            dismissNotification(conversationId, id); }, onAction: (action, cmd, url) => {
+                                            if (action === 'command' && cmd)
                                                 void handleExecuteCommandOrPrompt(cmd);
-                                            }
-                                            else if (action === 'link' && url) {
+                                            else if (action === 'link' && url)
                                                 window.open(url, '_blank');
-                                            }
-                                        } })), _jsxs("div", { className: `xeno-agent-composer-shell relative border border-white/[0.08] ${pendingTurns.length > 0 ? 'rounded-t-none rounded-b-md' : 'rounded-md'}`, children: [showSlashCommands && (_jsx(SlashCommandAutocomplete, { commands: activeCommandsList, filter: input, selectedIndex: slashCommandIndex, onSelect: (cmdName) => {
-                                                    const cmdText = (cmdName.startsWith('/') ? cmdName : `/${cmdName}`) + ' ';
-                                                    setInput(cmdText);
-                                                    if (textareaRef.current) {
-                                                        textareaRef.current.focus();
-                                                    }
-                                                }, onClose: () => setSlashCommandsDismissed(true) })), _jsx("input", { ref: fileInputRef, type: "file", accept: "image/*", multiple: true, onChange: (e) => { void handleAttachmentPick(e); }, className: "hidden" }), pendingAttachments.length > 0 && (_jsx("div", { className: "px-3 pt-3 pb-1", children: _jsx("div", { className: "grid grid-cols-4 gap-2", children: pendingAttachments.map(att => (_jsxs("div", { className: "xeno-app-shell xeno-border-subtle relative rounded overflow-hidden border", children: [_jsx("img", { src: att.dataUrl, alt: att.name, className: "w-full h-16 object-cover" }), _jsx("button", { onClick: () => removePendingAttachment(att.id), className: "absolute top-1 right-1 w-5 h-5 rounded-[4px] bg-black/60 text-white/70 hover:text-white flex items-center justify-center transition-colors cursor-pointer focus-visible:outline focus-visible:outline-1 focus-visible:outline-white/35", "aria-label": `Remove attachment ${att.name}`, title: `Remove ${att.name}`, children: _jsx(X, { className: "w-3 h-3" }) })] }, att.id))) }) })), _jsx(GhostTextArea, { ref: textareaRef, rows: 2, value: input, onChange: handleInputChange, onKeyDown: handleKeyDown, disabled: inputLocked, placeholder: effectiveGhostText
-                                                    ? ''
-                                                    : (isModelReady
-                                                        ? `Message ${agentName.replace(/\s*powered by .+$/i, '')}...`
-                                                        : (localRuntimeNeedsStart
-                                                            ? 'Start xeno-rt to use this local model'
-                                                            : (isPreparingModel ? `Loading local model ${localModelName}...` : 'Local model is not ready yet'))), effectiveGhostText: effectiveGhostText, onAcceptGhost: handleAcceptGhost }), _jsxs("div", { className: "flex items-center justify-between px-3 pb-2.5 pt-2", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [AGENT_MODEL_MODE_SWITCH_ENABLED && _jsxs("div", { ref: modeRef, className: "flex items-center", children: [_jsx("button", { onClick: () => { setModeExpanded(v => !v); setModelListOpen(false); setEffortListOpen(false); setAcpCliListOpen(false); setAcpModelListOpen(false); }, disabled: isBusy, className: `w-7 h-7 flex items-center justify-center rounded transition-all duration-200 cursor-pointer focus-visible:outline focus-visible:outline-1 focus-visible:outline-white/35 disabled:opacity-30 disabled:cursor-not-allowed ${modeExpanded
-                                                                            ? 'bg-white/[0.08] text-white/60'
-                                                                            : 'bg-white/[0.04] hover:bg-white/[0.08] text-white/40 hover:text-white/60'}`, title: `Mode: ${runtimeMode === 'acp' ? 'ACP' : runtimeMode === 'cloud' ? 'Cloud' : 'Local'}`, "aria-label": `Runtime mode: ${runtimeMode === 'acp' ? 'ACP' : runtimeMode === 'cloud' ? 'Cloud' : 'Local'}`, children: runtimeMode === 'acp'
-                                                                            ? _jsx(ShieldAlert, { className: "w-3.5 h-3.5" })
-                                                                            : runtimeMode === 'cloud'
-                                                                                ? _jsx(Cloud, { className: "w-3.5 h-3.5" })
-                                                                                : _jsx(Monitor, { className: "w-3.5 h-3.5" }) }), _jsxs("div", { className: `flex items-center gap-0.5 overflow-hidden transition-all duration-200 ${modeExpanded ? 'max-w-[210px] ml-1 opacity-100' : 'max-w-0 ml-0 opacity-0'}`, children: [_jsx("button", { onClick: switchToCloudMode, className: `h-7 px-2.5 rounded text-[10px] font-medium tracking-wide whitespace-nowrap transition-colors cursor-pointer focus-visible:outline focus-visible:outline-1 focus-visible:outline-white/35 ${runtimeMode === 'cloud'
-                                                                                    ? 'bg-white/[0.10] text-white/80'
-                                                                                    : 'bg-white/[0.03] text-white/35 hover:bg-white/[0.06] hover:text-white/60'}`, children: "Cloud" }), _jsx("button", { onClick: switchToLocalMode, className: `h-7 px-2.5 rounded text-[10px] font-medium tracking-wide whitespace-nowrap transition-colors cursor-pointer focus-visible:outline focus-visible:outline-1 focus-visible:outline-white/35 ${runtimeMode === 'local'
-                                                                                    ? 'bg-white/[0.10] text-white/80'
-                                                                                    : 'bg-white/[0.03] text-white/35 hover:bg-white/[0.06] hover:text-white/60'}`, children: "Local" }), _jsx("button", { onClick: () => { void switchToAcpMode(); }, className: `h-7 px-2.5 rounded text-[10px] font-medium tracking-wide whitespace-nowrap transition-colors cursor-pointer focus-visible:outline focus-visible:outline-1 focus-visible:outline-white/35 ${runtimeMode === 'acp'
-                                                                                    ? 'bg-white/[0.10] text-white/80'
-                                                                                    : 'bg-white/[0.03] text-white/35 hover:bg-white/[0.06] hover:text-white/60'}`, children: "ACP" })] })] }), modelSelectorVisible && (_jsxs(_Fragment, { children: [runtimeMode === 'acp' && (_jsxs("button", { ref: acpCliBtnRef, onClick: () => { setAcpCliListOpen(v => !v); setAcpModelListOpen(false); setModelListOpen(false); setEffortListOpen(false); setModeExpanded(false); }, disabled: isBusy || modeExpanded, className: "h-7 flex items-center gap-1 px-2 rounded bg-white/[0.04] hover:bg-white/[0.08] text-white/40 hover:text-white/60 transition-colors cursor-pointer focus-visible:outline focus-visible:outline-1 focus-visible:outline-white/35 disabled:opacity-30 disabled:cursor-not-allowed whitespace-nowrap", title: "Select ACP CLI", "aria-label": "Select ACP CLI", "aria-haspopup": "listbox", "aria-expanded": acpCliListOpen, children: [_jsx("span", { className: "text-[10px] max-w-[105px] truncate", children: selectedAcpAgent ? acpAgentDisplayName(selectedAcpAgent) : 'Select CLI' }), _jsx(ChevronDown, { className: `w-3 h-3 flex-shrink-0 transition-transform duration-150 ${acpCliListOpen ? 'rotate-180' : ''}` })] })), _jsxs("button", { ref: runtimeMode === 'acp' ? acpModelBtnRef : modelBtnRef, onClick: () => {
-                                                                            setModelSearchQuery('');
-                                                                            if (runtimeMode === 'acp') {
-                                                                                setAcpModelListOpen(v => !v);
-                                                                                setModelListOpen(false);
-                                                                            }
-                                                                            else {
-                                                                                setModelListOpen(v => !v);
-                                                                                setAcpModelListOpen(false);
-                                                                            }
-                                                                            setEffortListOpen(false);
-                                                                            setAcpCliListOpen(false);
-                                                                            setModeExpanded(false);
-                                                                        }, disabled: isBusy || modeExpanded || (runtimeMode === 'acp' && !selectedAcpAgentConfigId), className: `h-7 flex items-center gap-1 px-2 rounded transition-colors cursor-pointer focus-visible:outline focus-visible:outline-1 focus-visible:outline-white/35 disabled:opacity-30 disabled:cursor-not-allowed whitespace-nowrap ${(runtimeMode === 'acp' ? selectedAcpAgentConfigId : currentModelName)
-                                                                            ? 'bg-white/[0.04] hover:bg-white/[0.08] text-white/40 hover:text-white/60'
-                                                                            : 'bg-white/[0.06] hover:bg-white/[0.10] text-white/25 hover:text-white/45'}`, title: runtimeMode === 'acp' && !selectedAcpAgentConfigId ? 'Select an ACP CLI first' : 'Select model', "aria-label": "Select model", "aria-haspopup": "listbox", "aria-expanded": runtimeMode === 'acp' ? acpModelListOpen : modelListOpen, children: [_jsx("span", { className: "text-[10px] max-w-[140px] truncate", children: runtimeMode === 'acp'
-                                                                                    ? (selectedAcpAgentConfigId
-                                                                                        ? (acpModelsLoading
-                                                                                            ? 'Loading...'
-                                                                                            : acpProviderModelDisplayName)
-                                                                                        : 'Select model')
-                                                                                    : (currentModelName || 'Select model') }), _jsx(ChevronDown, { className: `w-3 h-3 flex-shrink-0 transition-transform duration-150 ${(runtimeMode === 'acp' ? acpModelListOpen : modelListOpen) ? 'rotate-180' : ''}` })] }), _jsxs("button", { type: "button", "aria-pressed": suggestionsAvailable, disabled: !suggestionModelAvailable, title: runtimeMode === 'acp' ? 'Provider-native suggestions are not available through this bridge.' : `Opt in to additional suggestion requests using ${actualModelId}. Cloud requests may incur charges.`, onClick: () => { clearAllSuggestions(); setSuggestionOptInScope(suggestionsAvailable ? null : suggestionScope); }, className: "h-7 rounded bg-white/[0.04] px-2 text-[10px] text-white/45 disabled:opacity-30", children: ["Suggestions: ", suggestionsAvailable ? 'On' : 'Off'] }), activeReasoningSelector && (_jsxs("div", { ref: effortSelectorRef, className: "relative", onKeyDown: (event) => {
-                                                                            if (event.key !== 'Escape')
-                                                                                return;
-                                                                            setEffortListOpen(false);
-                                                                            effortBtnRef.current?.focus();
-                                                                        }, children: [_jsxs("button", { ref: effortBtnRef, onClick: () => { setEffortListOpen((open) => !open); setModelListOpen(false); setAcpModelListOpen(false); setAcpCliListOpen(false); setModeExpanded(false); }, disabled: isBusy || modeExpanded, className: "h-7 flex items-center gap-1 rounded bg-white/[0.04] px-2 text-white/40 transition-colors hover:bg-white/[0.08] hover:text-white/60 focus-visible:outline focus-visible:outline-1 focus-visible:outline-white/35 disabled:cursor-not-allowed disabled:opacity-30", title: "Select reasoning effort", "aria-label": "Select reasoning effort", "aria-haspopup": "listbox", "aria-expanded": effortListOpen, children: [_jsxs("span", { className: "text-[10px] whitespace-nowrap", children: ["Effort: ", activeReasoningSelector.label] }), _jsx(ChevronDown, { className: `h-3 w-3 flex-shrink-0 transition-transform duration-150 ${effortListOpen ? 'rotate-180' : ''}` })] }), effortListOpen && (_jsx("div", { role: "listbox", className: "xeno-elevated-shell xeno-border-subtle absolute bottom-[34px] right-0 z-50 w-[130px] overflow-hidden rounded-md border py-1", children: activeReasoningSelector.options.map((option) => {
-                                                                                    const selected = runtimeMode === 'acp'
-                                                                                        ? selectedAcpEffortFamily?.effort === option.id
-                                                                                        : runtimeMode === 'cloud'
-                                                                                            ? selectedCloudEffortFamily?.effort === option.id
-                                                                                            : selectedModel === option.modelId;
-                                                                                    const acpDiscoveredOption = runtimeMode === 'acp'
-                                                                                        ? acpProviderModelOptionById.get(option.modelId)
-                                                                                        : undefined;
-                                                                                    const unavailable = option.available === false || acpDiscoveredOption?.available === false;
-                                                                                    return (_jsx("button", { type: "button", role: "option", "aria-selected": selected, disabled: unavailable, title: option.reason || acpDiscoveredOption?.reason || undefined, onClick: () => {
-                                                                                            setReasoningChoice({ conversationId: conversationId || null, providerKey: reasoningProviderKey, modelId: option.modelId, optionId: option.id });
-                                                                                            if (runtimeMode === 'acp') {
-                                                                                                if (selectedAcpAgentConfigId)
-                                                                                                    selectAcpRuntime(selectedAcpAgentConfigId, option.modelId);
-                                                                                            }
-                                                                                            else {
-                                                                                                setSelectedModel(option.modelId);
-                                                                                                setEffortListOpen(false);
-                                                                                            }
-                                                                                            if (conversationId) {
-                                                                                                const latest = useAgentChatStore.getState().getConversation(conversationId);
-                                                                                                if (latest?.runtime)
-                                                                                                    updateConversation(conversationId, {
-                                                                                                        runtime: { ...latest.runtime, model: providerRuntimeModelId(option.modelId), reasoning: { ...latest.runtime.reasoning, optionId: option.id } },
-                                                                                                    });
-                                                                                            }
-                                                                                        }, className: `w-full px-3 py-1.5 text-left text-[10px] transition-colors disabled:cursor-not-allowed disabled:opacity-30 ${selected ? 'bg-white/[0.06] text-white/70' : 'text-white/40 hover:bg-white/[0.04] hover:text-white/60'}`, children: option.label }, option.id));
-                                                                                }) }))] })), _jsxs("button", { onClick: () => { if (isAuthenticatedForCloud)
-                                                                            setCloudRunEnabled(!cloudRunEnabled); }, disabled: isBusy || !isAuthenticatedForCloud, className: `h-7 flex items-center gap-1 px-2 rounded transition-colors cursor-pointer focus-visible:outline focus-visible:outline-1 focus-visible:outline-white/35 disabled:cursor-not-allowed whitespace-nowrap ${!isAuthenticatedForCloud
-                                                                            ? 'bg-white/[0.03] text-white/25 opacity-60'
-                                                                            : cloudRunEnabled
-                                                                                ? 'bg-sky-500/20 text-sky-200 hover:bg-sky-500/25'
-                                                                                : 'bg-white/[0.04] hover:bg-white/[0.08] text-white/40 hover:text-white/60'}`, title: isAuthenticatedForCloud
-                                                                            ? (cloudRunEnabled
-                                                                                ? 'Run in cloud is ON; this turn runs on the hosted agent (billed via credits). Click to run locally.'
-                                                                                : 'Run in cloud: dispatch this turn to the hosted agent (billed via credits)')
-                                                                            : 'Sign in to run in the cloud', "aria-label": "Toggle run in cloud", "aria-pressed": cloudRunEnabled, children: [_jsx(Cloud, { className: "w-3 h-3 flex-shrink-0" }), _jsx("span", { className: "text-[10px]", children: "Cloud" })] }), cloudRunEnabled && isAuthenticatedForCloud && activeCloudRunStatus && (_jsxs("span", { className: "h-7 flex items-center gap-1 px-2 rounded bg-white/[0.03] text-white/45 text-[10px] whitespace-nowrap", title: `Hosted run ${activeCloudRunStatus.runId}`, children: [_jsx("span", { className: "capitalize", children: activeCloudRunStatus.status || 'queued' }), typeof activeCloudRunStatus.creditsSettled === 'number' && activeCloudRunStatus.creditsSettled > 0
-                                                                                ? _jsxs("span", { className: "text-white/30", children: ["- ", activeCloudRunStatus.creditsSettled, "cr"] })
-                                                                                : typeof activeCloudRunStatus.creditsHeld === 'number' && activeCloudRunStatus.creditsHeld > 0
-                                                                                    ? _jsxs("span", { className: "text-white/30", children: ["- ", activeCloudRunStatus.creditsHeld, "cr held"] })
-                                                                                    : null] }))] }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [conversationId && (_jsx(LiveConversationCollaboration, { localConversationId: conversationId, title: conversation?.title || 'Agent conversation', modelId: actualModelId, ownerMessages: runtimeProjectedMessages, request: collaborationRequest, onAccessChange: setCollaborationAccess, onNavigateConversation: id => {
-                                                                    useAgentChatStore.getState().createConversation(agentId, id);
-                                                                    props.onNavigateConversation?.(id);
-                                                                } })), props.onOpenRuntimeSettings && (_jsx("button", { onClick: props.onOpenRuntimeSettings, disabled: isBusy, className: "w-7 h-7 flex items-center justify-center rounded bg-white/[0.04] hover:bg-white/[0.08] text-white/35 hover:text-white/60 transition-colors cursor-pointer focus-visible:outline focus-visible:outline-1 focus-visible:outline-white/35 disabled:opacity-30 disabled:cursor-not-allowed", title: "Edit runtime provider", "aria-label": "Edit runtime provider", children: _jsx(Pencil, { className: "w-3 h-3" }) })), props.onOpenConversationSettings && (_jsx("button", { onClick: props.onOpenConversationSettings, className: "h-7 px-2.5 rounded-[4px] text-[10px] bg-white/[0.04] hover:bg-white/[0.08] text-white/35 hover:text-white/60 transition-colors cursor-pointer focus-visible:outline focus-visible:outline-1 focus-visible:outline-white/35", title: "Open chat and workspace settings", children: "Settings" })), _jsx("button", { onClick: (event) => {
-                                                                    if (event.shiftKey) {
-                                                                        event.preventDefault();
-                                                                        toggleDevSession();
+                                        } })), taskCounts.total > 0 && !planAwaitingApproval && (_jsx(TasksTray, { tasks: conversationTasks, open: !tasksCollapsed, onToggle: () => patchSessionUi({ tasksCollapsed: !tasksCollapsed }) })), _jsx(AgentsTray, { runs: delegatedRunViews, open: delegatedRunsOpen, onToggle: () => setDelegatedRunsOpen((value) => !value), onOpen: (childId) => { props.onNavigateConversation?.(childId); } }), _jsx(BackgroundTray, { runs: backgroundRunViews, open: backgroundRunsOpen, onToggle: () => setBackgroundRunsOpen((value) => !value), onOutput: (taskId) => { const task = backgroundTasks.find((entry) => entry.taskId === taskId); if (task)
+                                            void handleReadBackgroundTask(task); }, onStop: (taskId) => { const task = backgroundTasks.find((entry) => entry.taskId === taskId); if (task)
+                                            void handleStopBackgroundTask(task); } }), _jsxs("div", { className: "xa-wsrow", children: [_jsx(ModeSegment, { mode: composerMode, onMode: (mode) => { void handleSelectWorkspaceMode(mode); }, machine: machineOffer, disabled: controlsLocked || !!props.externalInputLockReason || isSelectingConversationWorkspace, choosing: isSelectingConversationWorkspace }), _jsx(CtxStrip, { children: workspaceBinding.mode === 'agent' ? (_jsxs(_Fragment, { children: [_jsx(CtxSeg, { glyph: "folder", name: true, title: workspaceBinding.rootDirectory || workspaceBinding.allowedDirectories[0], children: projectDisplayName(workspaceBinding.rootDirectory || workspaceBinding.allowedDirectories[0]) }), _jsx(CtxVr, {}), _jsx(CtxSeg, { glyph: cloudRunEnabled && isAuthenticatedForCloud ? 'box' : 'monitor', dim: true, title: !isAuthenticatedForCloud
+                                                                ? 'The agent works on this computer. Sign in to move it into a sandbox on XENO’s servers.'
+                                                                : cloudRunEnabled
+                                                                    ? 'The agent works inside a sandbox on XENO’s servers (billed via credits). Click to work on this computer instead.'
+                                                                    : 'The agent works on this computer. Click to move it into a sandbox on XENO’s servers.', onClick: () => { if (isAuthenticatedForCloud)
+                                                                setCloudRunEnabled(!cloudRunEnabled); }, disabled: controlsLocked, children: cloudRunEnabled && isAuthenticatedForCloud
+                                                                ? (activeCloudRunStatus ? `Hosted sandbox · ${activeCloudRunStatus.status || 'queued'}` : 'Hosted sandbox')
+                                                                : 'This machine' }), gitStrip?.branch && (_jsxs(_Fragment, { children: [_jsx(CtxVr, { branch: true }), _jsx(CtxSeg, { glyph: "git-branch", dim: true, branch: true, title: gitStrip.upstream ? `${gitStrip.branch} · tracks ${gitStrip.upstream}` : gitStrip.branch, children: gitStrip.branch })] })), activeMcpList.length > 0 && (_jsxs(_Fragment, { children: [_jsx(CtxVr, {}), activeMcpList.map((mcp) => (_jsx(CtxSeg, { dim: true, title: `${mcp.server}: ${mcp.status}${mcp.error ? ` (${mcp.error})` : ''}`, onClick: () => { void handleExecuteCommandOrPrompt(`/mcp ${mcp.server}`); }, children: mcp.status === 'connected' ? mcp.server : `${mcp.server} · ${mcp.status === 'auth_required' ? 'sign in' : 'down'}` }, mcp.server)))] })), _jsx(CtxGrow, {}), gitStrip && (gitStrip.added > 0 || gitStrip.removed > 0) && _jsx(CtxDiff, { added: gitStrip.added, removed: gitStrip.removed }), _jsx(CtxSplit, { label: "Create PR", title: "Ask the agent to open a pull request for this branch", disabled: controlsLocked || inputLocked, onClick: () => { void handleCreatePullRequest(); }, moreMenu: "branch", moreOpen: branchMoreOpen, onMore: () => setBranchMoreOpen((open) => !open) }), _jsxs(XaMenu, { open: branchMoreOpen, onClose: () => setBranchMoreOpen(false), menu: "branch", width: 260, children: [_jsx(XaRow, { label: "Push this branch", sub: "Push it to its remote, setting upstream if it has none", onClick: () => { setBranchMoreOpen(false); void handleExecuteCommandOrPrompt('Push the current branch to its remote, setting the upstream if it has none. Report what was pushed.'); } }), _jsx(XaRow, { label: "Open a draft pull request", sub: "A PR marked draft, otherwise the same as Create PR", onClick: () => { setBranchMoreOpen(false); void handleExecuteCommandOrPrompt('Open a DRAFT pull request for the current branch: summarise the changes since it diverged from its base in the title and body.'); } }), _jsx(XaRow, { label: "Show me what changed", sub: "The diff against the base, summarised", onClick: () => { setBranchMoreOpen(false); void handleExecuteCommandOrPrompt('Summarise what has changed on this branch since it diverged from its base, file by file.'); } })] })] })) : composerMode === 'machine' ? (
+                                                /* D11 — this computer, per app, per session, under a grant: the machine, what it
+                                                   holds, and the one way to take it back */
+                                                _jsxs(_Fragment, { children: [_jsx(CtxSeg, { glyph: "monitor", name: true, title: machineOffer?.available ? 'The agent acts on this computer, inside the apps you grant it' : (machineOffer?.reason || 'This computer is not answering — the agent cannot act on it yet'), children: "This machine" }), _jsx(CtxVr, {}), machineGrant ? (_jsxs(CtxSeg, { glyph: "app-window", dim: true, title: machineGrant.pending ? `${machineGrant.name} — asked for, not yet granted` : `${machineGrant.name} — granted until this ${machineGrant.scope} ends`, children: [machineGrant.name, " \u00B7 this ", machineGrant.scope] })) : (_jsx(CtxSeg, { dim: true, title: "No app is granted yet \u2014 the agent asks for one when it needs it", children: "No app yet" })), _jsx(CtxGrow, {}), machineGrant
+                                                            ? _jsx(CtxAction, { title: machineGrant.pending ? 'Refuse this grant' : 'Take the grant back — the agent stops acting in it now', disabled: machineRevoking, onClick: () => { void revokeMachineGrant(); }, children: machineRevoking ? 'Revoking…' : 'Revoke' })
+                                                            : props.onNavigateConversation && (_jsx(CtxAction, { title: "Start a new conversation", onClick: () => { const id = useAgentChatStore.getState().createConversation(agentId); props.onNavigateConversation?.(id); }, children: "New chat" }))] })) : (_jsxs(_Fragment, { children: [_jsx(CtxSeg, { glyph: "message", name: true, title: conversation?.title || 'New conversation', children: conversation?.title || 'New conversation' }), _jsx(CtxVr, {}), _jsx(CtxSeg, { dim: true, title: "Chat only \u2014 no access to project files", children: "Private workspace" }), _jsx(CtxGrow, {}), contextUsed !== null && _jsx(CtxMeter, { used: contextUsed, title: "How much of the context window this conversation has used" }), props.onNavigateConversation && (_jsx(CtxAction, { title: "Start a new conversation", onClick: () => { const id = useAgentChatStore.getState().createConversation(agentId); props.onNavigateConversation?.(id); }, children: "New chat" }))] })) })] }), pendingTurns.length > 0 && (_jsxs("div", { className: "xeno-border-subtle rounded-t-md border border-b-0 bg-[#111111] overflow-hidden -mb-[9px]", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 px-3 py-2 border-b xeno-border-subtle", children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [_jsx("span", { className: "xa-label whitespace-nowrap", children: "Queued" }), _jsx("span", { className: "text-[10px] xeno-text-muted tabular-nums whitespace-nowrap", children: pendingTurns.length })] }), _jsx("button", { onClick: () => patchSessionUi({ panelOpen: true }), className: "text-[10px] xeno-text-faint hover:text-[color:var(--xeno-ink-secondary)] transition-colors whitespace-nowrap cursor-pointer focus-visible:outline focus-visible:outline-1 focus-visible:outline-white/35", children: "Manage queue" })] }), _jsxs("div", { className: "divide-y xeno-border-subtle", children: [pendingTurns.slice(0, 3).map((turn) => (_jsxs("div", { className: "flex items-center gap-3 px-3 py-2", children: [_jsx("span", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded-[4px] bg-white/[0.04] px-1.5 text-[10px] xeno-text-faint tabular-nums", children: new Date(turn.queuedAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }) }), _jsx("span", { className: "min-w-0 flex-1 text-[12px] leading-4 xeno-text-secondary truncate", children: turn.content }), _jsx("button", { onClick: () => handleRemoveQueuedConversationTurn(turn.id), className: "text-[10px] xeno-text-faint hover:text-[color:var(--xeno-ink-secondary)] transition-colors whitespace-nowrap cursor-pointer focus-visible:outline focus-visible:outline-1 focus-visible:outline-white/35", title: "Remove queued message", children: "Remove" })] }, turn.id))), pendingTurns.length > 3 && _jsxs("div", { className: "px-3 py-2 text-[11px] xeno-text-faint", children: [pendingTurns.length - 3, " more queued"] })] })] })), _jsxs("div", { ref: boxRef, className: `xa-box${pendingTurns.length > 0 ? ' xa-queued' : ''}${inputLocked ? ' xa-off' : ''}`, children: [_jsx("input", { ref: fileInputRef, type: "file", accept: "image/*", multiple: true, onChange: (e) => { void handleAttachmentPick(e); }, className: "hidden" }), _jsx(Tiles, { items: pendingAttachments.map((att) => ({ id: att.id, name: att.name, dataUrl: att.dataUrl })), showAll: showAllTiles, onShowAll: () => setShowAllTiles(true), onRemove: (id) => removePendingAttachment(id) }), _jsx("div", { className: `xa-field${effectiveGhostText ? ' xa-ghosting' : ''}`, children: _jsx(GhostTextArea, { ref: textareaRef, rows: 1, value: input, onChange: handleInputChange, onKeyDown: handleKeyDown, disabled: inputLocked, placeholder: effectiveGhostText
+                                                        ? ''
+                                                        : (isModelReady
+                                                            // the three prefixes the box answers to, named the way the bench names them
+                                                            ? `Message ${agentName.replace(/\s*powered by .+$/i, '')} — / for commands, @ for files, # for work items`
+                                                            : (localRuntimeNeedsStart
+                                                                ? 'Start xeno-rt to use this local model'
+                                                                : (isPreparingModel ? `Loading local model ${localModelName}…` : 'Local model is not ready yet'))), effectiveGhostText: effectiveGhostText, onAcceptGhost: handleAcceptGhost, chrome: "panel", onCaret: syncTyped }) })] }), _jsxs("div", { className: `xa-controls${agentWorking ? ' xa-running' : composerSettled ? '' : ' xa-idle'}`, children: [_jsx("button", { type: "button", className: "xa-ic", "data-tip": "Attach images from this machine", "data-key": "\u2318U", "aria-label": "Attach", disabled: inputLocked, onClick: () => fileInputRef.current?.click(), children: _jsx(DockIcon, { name: "plus" }) }), _jsx(PermChip
+                                            // who approves what the agent does — asked wherever it can DO something: in a project, or on this machine
+                                            , { 
+                                                // who approves what the agent does — asked wherever it can DO something: in a project, or on this machine
+                                                present: composerMode !== 'chat', value: permPosture, open: permOpen, onToggle: () => { setPermOpen((v) => !v); setLaneOpen(false); setMoreOpen(false); }, onPick: (posture) => { patchSessionUi({ permissionProfile: posture }); setPermOpen(false); }, disabled: controlsLocked || !!props.externalInputLockReason }), _jsx("div", { className: "xa-grow" }), AGENT_MODEL_MODE_SWITCH_ENABLED && (_jsxs(LaneGroup, { lane: runtimeMode, laneOpen: laneOpen, onLaneToggle: () => { setLaneOpen((v) => !v); setPermOpen(false); setModelListOpen(false); setEffortListOpen(false); setAcpCliListOpen(false); setAcpModelListOpen(false); }, onLanePick: (lane) => { setLaneOpen(false); if (lane === 'cloud')
+                                                    switchToCloudMode();
+                                                else if (lane === 'local')
+                                                    switchToLocalMode();
+                                                else
+                                                    void switchToAcpMode(); }, laneDown: {
+                                                    ...(sharedProviderCatalogLoaded && cloudModels.length === 0 ? { cloud: cloudCatalogUnavailableReason } : {}),
+                                                    ...(localModels.length === 0 ? { local: 'No local model is installed.' } : {}),
+                                                    ...(selectableAcpAgents.length === 0 ? { acp: 'No ACP agent is available. Enable one in Settings.' } : {}),
+                                                }, 
+                                                // the artifact's sentence for a lane that cannot take the turn — but a lane
+                                                // waiting on a sign-in already told you what to do, so it does not get the
+                                                // "pick somewhere else" suffix on top of it
+                                                currentDown: runtimeMode === 'cloud' && sharedProviderCatalogLoaded && cloudModels.length === 0
+                                                    ? (cloudNeedsSignIn || cloudCatalogRecovering ? cloudCatalogUnavailableReason : `${cloudCatalogUnavailableReason} Pick another place to run it.`)
+                                                    : undefined, ...(cloudNeedsSignIn ? { currentDownLabel: 'Sign in for Cloud' } : cloudCatalogState?.state === 'loading' ? { currentDownLabel: 'Loading models…' } : cloudCatalogRecovering ? { currentDownLabel: 'Retrying models…' } : {}), disabled: controlsLocked, running: agentWorking, harness: runtimeMode === 'acp' ? {
+                                                    label: selectedAcpAgent ? acpAgentDisplayName(selectedAcpAgent) : 'Choose an agent',
+                                                    open: acpCliListOpen,
+                                                    onClick: () => { setAcpCliListOpen(v => !v); setAcpModelListOpen(false); setModelListOpen(false); setEffortListOpen(false); setLaneOpen(false); },
+                                                } : undefined, model: {
+                                                    label: runtimeMode === 'acp'
+                                                        ? (selectedAcpAgentConfigId ? (acpModelsLoading ? 'Loading…' : acpProviderModelDisplayName) : 'Model')
+                                                        : (currentModelName || 'Choose a model'),
+                                                    open: runtimeMode === 'acp' ? acpModelListOpen : modelListOpen,
+                                                    disabled: runtimeMode === 'acp' && !selectedAcpAgentConfigId,
+                                                    title: runtimeMode === 'acp' && !selectedAcpAgentConfigId ? 'Choose an agent first' : 'Which model answers',
+                                                    onClick: () => {
+                                                        setModelSearchQuery('');
+                                                        if (runtimeMode === 'acp') {
+                                                            setAcpModelListOpen(v => !v);
+                                                            setModelListOpen(false);
+                                                        }
+                                                        else {
+                                                            setModelListOpen(v => !v);
+                                                            setAcpModelListOpen(false);
+                                                        }
+                                                        setEffortListOpen(false);
+                                                        setAcpCliListOpen(false);
+                                                        setLaneOpen(false);
+                                                    },
+                                                }, effort: activeReasoningSelector ? {
+                                                    label: activeReasoningSelector.label,
+                                                    open: effortListOpen,
+                                                    onClick: () => { setEffortListOpen(o => !o); setModelListOpen(false); setAcpModelListOpen(false); setAcpCliListOpen(false); setLaneOpen(false); },
+                                                } : undefined, children: [runtimeMode === 'acp' && acpCliListOpen && _jsx("div", { ref: acpCliListRef, children: _jsx(XaMenu, { open: runtimeMode === 'acp' && acpCliListOpen, onClose: () => setAcpCliListOpen(false), clickAway: false, menu: "harness", width: 236, header: "Harness", children: selectableAcpAgents.length > 0 ? selectableAcpAgents.map((agent, i) => {
+                                                                const fixture = agent.certification?.status === 'fixture_only';
+                                                                const ready = fixture || (agent.certification?.status === 'certified' && agent.providerReview?.runnable === true);
+                                                                return _jsx(XaRow, { label: acpAgentDisplayName(agent), selected: agent.id === selectedAcpAgentConfigId, idx: ready ? i + 1 : undefined, na: ready ? undefined : 'check', onClick: () => { selectAcpRuntime(agent.id, agent.id === selectedAcpAgentConfigId ? acpProviderModel : undefined); setAcpCliListOpen(false); } }, agent.id);
+                                                            }) : _jsx("div", { className: "xa-none", children: "No ACP agent is available. Enable or repair one in Settings." }) }) }), runtimeMode === 'acp' && acpModelListOpen && _jsx("div", { ref: acpModelListRef, children: _jsxs(XaMenu, { open: runtimeMode === 'acp' && acpModelListOpen, onClose: () => setAcpModelListOpen(false), clickAway: false, menu: "model", width: 236, header: `${selectedAcpAgent ? acpAgentDisplayName(selectedAcpAgent) : 'Harness'} models`, children: [acpModelOptions.length > 6 && _jsx(XaMenuSearch, { value: modelSearchQuery, onChange: setModelSearchQuery, placeholder: "Search models" }), _jsx(XaRow, { label: "Harness default", selected: !acpProviderModel, disabled: !selectedAcpAgentConfigId, onClick: () => { if (selectedAcpAgentConfigId)
+                                                                        selectAcpRuntime(selectedAcpAgentConfigId, undefined); setAcpModelListOpen(false); } }), acpModelsLoading ? _jsx("div", { className: "xa-none", children: "Loading models\u2026" })
+                                                                    : acpModelOptions.length > 0
+                                                                        ? (filteredAcpModelOptions.length > 0 ? filteredAcpModelOptions.map((entry, i) => (_jsx(XaRow, { label: entry.name, selected: entry.selectionKey === (selectedAcpEffortFamily?.baseId || acpProviderModel), disabled: !selectedAcpAgentConfigId || !entry.available, na: entry.available ? undefined : 'unavailable', idx: entry.available ? i + 1 : undefined, title: entry.reason || undefined, onClick: () => { if (selectedAcpAgentConfigId)
+                                                                                selectAcpRuntime(selectedAcpAgentConfigId, entry.id); setAcpModelListOpen(false); } }, entry.selectionKey))) : _jsx("div", { className: "xa-none", children: "No matching models" }))
+                                                                        : _jsx("div", { className: "xa-none", children: selectedAcpAgentConfigId ? (acpModelMessage || 'No preset models for this agent') : 'Choose an agent first' })] }) }), runtimeMode !== 'acp' && modelListOpen && _jsx("div", { ref: modelListRef, children: _jsxs(XaMenu, { open: true, onClose: () => setModelListOpen(false), clickAway: false, menu: "model", width: 236, header: "Model", children: [(runtimeMode === 'cloud' ? cloudModels.length : localModels.length) > 6 && _jsx(XaMenuSearch, { value: modelSearchQuery, onChange: setModelSearchQuery, placeholder: "Search models" }), runtimeMode === 'cloud' ? (sharedProviderCatalogRefreshing ? _jsx("div", { className: "xa-none", children: "Refreshing available models\u2026" })
+                                                                    : cloudModels.length > 0
+                                                                        ? (filteredCloudModelOptions.length > 0 ? filteredCloudModelOptions.map((entry, i) => {
+                                                                            const modelMeta = cloudModels.find(cm => cm.id === entry.id);
+                                                                            return _jsx(XaRow, { label: entry.name, selected: entry.selectionKey === (selectedCloudEffortFamily?.baseId || selectedModel), na: modelMeta?.availability === 'degraded' ? 'fallback' : undefined, idx: modelMeta?.availability === 'degraded' ? undefined : i + 1, title: modelMeta?.availabilityReason || undefined, onClick: () => { setInferenceMode('cloud'); setSelectedModel(entry.id); setModelListOpen(false); setEffortListOpen(false); } }, entry.id);
+                                                                        }) : _jsx("div", { className: "xa-none", children: "No matching models" }))
+                                                                        : _jsx("div", { className: "xa-none", children: cloudCatalogUnavailableReason })) : (_jsxs(_Fragment, { children: [localModels.length > 0
+                                                                            ? (filteredLocalModels.length > 0 ? filteredLocalModels.map((m, i) => (_jsx(XaRow, { label: m.name, tag: m.parameterSize || undefined, idx: m.parameterSize ? undefined : i + 1, selected: m.id === (selectedLocalEffortFamily?.baseId || selectedModel), onClick: () => { setInferenceMode('local'); setSelectedModel(m.id); setModelListOpen(false); setEffortListOpen(false); } }, m.id))) : _jsx("div", { className: "xa-none", children: "No matching models" }))
+                                                                            : _jsx("div", { className: "xa-none", children: "No local models installed" }), _jsx("div", { className: "xa-hr" }), _jsx(XaRow, { label: "Browse models", chev: true, onClick: () => { setModelListOpen(false); goToModelsMarketplace(); } })] }))] }) }), !!activeReasoningSelector && effortListOpen && _jsx("div", { ref: effortSelectorRef, onKeyDown: (event) => { if (event.key === 'Escape')
+                                                            setEffortListOpen(false); }, children: _jsx(XaMenu, { open: !!activeReasoningSelector && effortListOpen, onClose: () => setEffortListOpen(false), clickAway: false, menu: "effort", width: 224, children: activeReasoningSelector && (_jsx(EffortCells, { options: activeReasoningSelector.options.map((option) => {
+                                                                    const acpDiscoveredOption = runtimeMode === 'acp' ? acpProviderModelOptionById.get(option.modelId) : undefined;
+                                                                    const unavailable = option.available === false || acpDiscoveredOption?.available === false;
+                                                                    return { id: option.id, label: option.label, disabled: unavailable, title: option.reason || acpDiscoveredOption?.reason || undefined };
+                                                                }), value: runtimeMode === 'acp' ? selectedAcpEffortFamily?.effort : runtimeMode === 'cloud' ? selectedCloudEffortFamily?.effort : activeReasoningSelector.options.find((o) => o.modelId === selectedModel)?.id, onPick: (id) => {
+                                                                    const option = activeReasoningSelector.options.find((o) => o.id === id);
+                                                                    if (!option)
                                                                         return;
+                                                                    setReasoningChoice({ conversationId: conversationId || null, providerKey: reasoningProviderKey, modelId: option.modelId, optionId: option.id });
+                                                                    if (runtimeMode === 'acp') {
+                                                                        if (selectedAcpAgentConfigId)
+                                                                            selectAcpRuntime(selectedAcpAgentConfigId, option.modelId);
                                                                     }
-                                                                    patchSessionUi({ panelOpen: !sessionPanelOpen });
-                                                                }, className: `h-7 px-2.5 rounded-[4px] text-[10px] transition-colors cursor-pointer focus-visible:outline focus-visible:outline-1 focus-visible:outline-white/35 ${sessionPanelOpen
-                                                                    ? 'bg-white/[0.08] text-white/72'
-                                                                    : 'bg-white/[0.04] hover:bg-white/[0.08] text-white/35 hover:text-white/60'}`, title: "Toggle workbench panel. Shift+click or Ctrl+Shift+D for the developer session.", children: "Panel" }), _jsx(AIStatusIndicator, { model: actualModelId, className: "justify-end", refreshKey: runtimeStatusRefreshKey, runtimeAvailable: selectedModel.startsWith('local:') ? localRuntimeAvailable : null, onRuntimeClick: selectedModel.startsWith('local:') ? handleRuntimeIndicatorClick : undefined }), isStreaming && !activeCliThreadRun && (_jsx("button", { 
-                                                                // Names the conversation this Stop belongs to: with concurrent turns the
-                                                                // foreground scalar is not necessarily this conversation's turn.
-                                                                onClick: () => { abort(conversationId); clearAllSuggestions(); }, disabled: isCancelling, className: "w-7 h-7 flex items-center justify-center rounded bg-white/[0.08] hover:bg-white/[0.14] text-white/50 hover:text-white/90 transition-colors cursor-pointer focus-visible:outline focus-visible:outline-1 focus-visible:outline-white/35 disabled:cursor-wait disabled:opacity-55", title: "Stop current response", "aria-label": "Stop current response", children: isCancelling ? (_jsx(RefreshCw, { className: "w-3 h-3 animate-spin" })) : (_jsx(Square, { className: "w-3 h-3" })) })), activeCliThreadRun && (_jsx("button", { onClick: () => { void cancelCliAppServerMessage(); }, className: "w-7 h-7 flex items-center justify-center rounded bg-white/[0.08] hover:bg-white/[0.14] text-white/50 hover:text-white/90 transition-colors cursor-pointer focus-visible:outline focus-visible:outline-1 focus-visible:outline-white/35", title: activeCliThreadRun.kind === 'remote' ? 'Stop CLI remote run start' : 'Stop CLI app-server turn', "aria-label": activeCliThreadRun.kind === 'remote' ? 'Stop CLI remote run start' : 'Stop CLI app-server turn', children: _jsx(Square, { className: "w-3 h-3" }) })), _jsx("button", { onClick: () => { void handleSend(); }, disabled: (!input.trim() && pendingAttachments.length === 0) || inputLocked, className: "w-7 h-7 flex items-center justify-center rounded bg-white/[0.08] hover:bg-white/[0.14] text-white/50 hover:text-white/90 transition-colors cursor-pointer focus-visible:outline focus-visible:outline-1 focus-visible:outline-white/35 disabled:opacity-30 disabled:cursor-not-allowed", title: isStreaming && !inputLocked ? 'Queue message' : 'Send message', "aria-label": isStreaming && !inputLocked ? 'Queue message' : 'Send message', children: _jsx(ArrowUp, { className: "w-3.5 h-3.5" }) })] })] })] })] })] })] })] }));
+                                                                    else
+                                                                        setSelectedModel(option.modelId);
+                                                                    if (conversationId) {
+                                                                        const latest = useAgentChatStore.getState().getConversation(conversationId);
+                                                                        if (latest?.runtime)
+                                                                            updateConversation(conversationId, {
+                                                                                runtime: { ...latest.runtime, model: providerRuntimeModelId(option.modelId), reasoning: { ...latest.runtime.reasoning, optionId: option.id } },
+                                                                            });
+                                                                    }
+                                                                } })) }) })] })), _jsx(TurnStatus, { since: agentWorking ? turnSince : null }), _jsxs(XaMenu, { open: moreOpen, onClose: () => setMoreOpen(false), menu: "more", width: 248, header: "This conversation", children: [_jsx(XaRow, { label: `Steps · ${stepsMode}`, sub: stepsMode === 'expanded' ? 'Every step draws as the agent works' : 'Steps stay folded; the current one rides the clock line', onClick: () => { patchSessionUi({ stepsMode: stepsMode === 'collapsed' ? 'expanded' : 'collapsed' }); } }), _jsx(XaRow, { label: `Suggestions · ${suggestionsAvailable ? 'On' : 'Off'}`, sub: runtimeMode === 'acp' ? 'Not available through this agent' : 'Ghost text while you type; cloud requests may draw credits', disabled: !suggestionModelAvailable, onClick: () => { clearAllSuggestions(); setSuggestionOptInScope(suggestionsAvailable ? null : suggestionScope); } }), renderWorkbenchPanel && _jsx(XaRow, { label: `Workbench · ${sessionPanelOpen ? 'Open' : 'Closed'}`, sub: "Terminal, background runs, checkpoints, the queue \u00B7 Ctrl+Shift+D for the developer session", onClick: () => { patchSessionUi({ panelOpen: !sessionPanelOpen }); setMoreOpen(false); } }), conversationId && (_jsx(LiveConversationCollaboration, { localConversationId: conversationId, title: conversation?.title || 'Agent conversation', modelId: actualModelId, ownerMessages: runtimeProjectedMessages, request: collaborationRequest ?? undefined, onAccessChange: setCollaborationAccess, onNavigateConversation: id => { useAgentChatStore.getState().createConversation(agentId, id); props.onNavigateConversation?.(id); }, renderTrigger: (open) => _jsx(XaRow, { label: "Share", sub: "Live collaboration on this conversation", onClick: () => { setMoreOpen(false); open(); } }) })), props.onOpenConversationSettings && _jsx(XaRow, { label: "Settings", sub: "Chat and workspace settings", onClick: () => { setMoreOpen(false); props.onOpenConversationSettings?.(); } }), props.onOpenRuntimeSettings && _jsx(XaRow, { label: "Runtime provider", sub: "Edit where turns run", disabled: isBusy, onClick: () => { setMoreOpen(false); props.onOpenRuntimeSettings?.(); } }), _jsx(XaRow, { label: "SDK sessions", sub: sessionUi?.sdkSessionId ? `Attached · ${sessionUi.sdkSessionId.slice(0, 8)}` : 'Attach, detach or clean the agent’s sessions', onClick: () => { setMoreOpen(false); setSessionDrawerOpen(true); } }), _jsx("div", { className: "xa-hr" }), _jsx("div", { className: "px-[9px] py-[6px]", children: _jsx(AIStatusIndicator, { model: actualModelId, refreshKey: runtimeStatusRefreshKey, runtimeAvailable: selectedModel.startsWith('local:') ? localRuntimeAvailable : null, onRuntimeClick: selectedModel.startsWith('local:') ? handleRuntimeIndicatorClick : undefined }) })] }), _jsx(SendSquare, { state: (isStreaming && !agentIsAsking) || !!activeCliThreadRun ? 'running' : ((input.trim() || pendingAttachments.length > 0) && !inputLocked ? 'ready' : 'idle'), stopping: isCancelling, sendTitle: isStreaming && !inputLocked ? 'Queue message' : 'Send', onSend: () => { void handleSend(); }, onStop: () => { if (activeCliThreadRun)
+                                                    void cancelCliAppServerMessage();
+                                                else {
+                                                    abort(conversationId || undefined);
+                                                    clearAllSuggestions();
+                                                } } })] })] }), _jsx(Tip, { dockRef: dockRef, suspended: !!typedToken || moreOpen || modelListOpen || effortListOpen || acpCliListOpen || acpModelListOpen }), _jsx(TypedMenu, { open: !!typedToken, token: typedToken, sections: typedSections, onTake: takeTyped, onClose: () => setTypedToken(null), boxRef: boxRef, dock: dockEl })] })] }), _jsx("button", { type: "button", className: `xa-tobottom${toBottom.show ? ' xa-show' : ''}`, "data-tobottom": true, "aria-label": "Jump to the latest", tabIndex: toBottom.show ? 0 : -1, style: { bottom: toBottom.bottom }, onClick: jumpToLatest, children: _jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "square", "aria-hidden": "true", children: _jsx("path", { d: "M6 9l6 6 6-6" }) }) })] }));
 }
 const ACP_MODEL_ID = /^[A-Za-z0-9._:/+-]{1,120}$/;
+/** `@` names a conversation the way the prototype does — its title, slugged. */
+function conversationSlug(title) {
+    return (title || 'conversation').toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/(^-|-$)/g, '') || 'conversation';
+}
+/** When a conversation last spoke, in the words the picker's KIND column uses. */
+function relativeDay(at) {
+    if (!at)
+        return '';
+    const days = Math.floor((Date.now() - at) / 86_400_000);
+    if (days <= 0)
+        return 'Today';
+    if (days === 1)
+        return 'Yesterday';
+    if (days < 7)
+        return new Date(at).toLocaleDateString([], { weekday: 'long' });
+    return new Date(at).toLocaleDateString([], { month: 'short', day: 'numeric' });
+}
+/** The last segment of a path, on either separator — `path.basename` follows the HOST, not the string. */
+function projectDisplayName(root) {
+    if (!root)
+        return 'No project';
+    const parts = root.replace(/[\\/]+$/, '').split(/[\\/]/);
+    return parts[parts.length - 1] || root;
+}
 function projectSharedAcpProviderModels(provider) {
     const options = [];
     const seen = new Set();