@xenosystem/agent-interface-ui 0.1.24 → 0.1.26

package/dist/components/agent/AgentView.js

@@ -1,5 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { getAgentPlatformBridge, getOptionalAgentPlatformBridge } from '../../platformBridge.js';
+import { copyTextWithFallback } from '../../utils/clipboardCopy.js';
+import { sdkConfirmationActions, usePreparedConfirmation } from './destructiveConfirmation.js';
+import { SdkSessionPanel } from './SdkSessionPanel.js';
+import { LiveConversationCollaboration } from './LiveConversationCollaboration.js';
+import { readCollaborationAccess } from './conversationCollaborationController.js';
 /*
  * AgentView.tsx - Active Agent Chat Interface
  *
@@ -21,14 +26,18 @@ import { useSuggestionStore } from '../../stores/suggestionStore.js';
 import { GhostTextArea } from './GhostTextArea.js';
 import { AIStatusIndicator } from './AIStatusIndicator.js';
 import { CommandToolCard } from './CommandToolCard.js';
+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 { 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';
+import { buildProviderCommandArgs } from '../../utils/providerCommandArgs.js';
 import { availableAcpConfigIds } from '../../utils/providerAvailability.js';
 import { extractWindowsFilePathsFromToolResult, prepareAgentMarkdown, resolveMarkdownLocalFilePath, } from '../../utils/markdownWindowsPaths.js';
-import { agentReasoningEffortLabel, buildExplicitAgentReasoningEffortFamilies, indexAgentReasoningEffortFamilies, preferredAgentReasoningModelId, resolveAgentReasoningEffortFamily, } from '../../utils/agentReasoningEffort.js';
+import { agentReasoningEffortLabel, indexAgentReasoningEffortFamilies, resolveAgentReasoningEffortFamily, } from '../../utils/agentReasoningEffort.js';
+import { projectAdvertisedReasoning, projectAdvertisedModels, resolveAdvertisedReasoning, preferredAdvertisedModel, providerRuntimeModelId } from '../../utils/advertisedReasoning.js';
 import { acpAgentDisplayName, resolveHubAgentRuntimeProvider } from '../../utils/agentRuntimeProvider.js';
 import { createConversationRuntimeBinding, reconcileCloudConversationModel, runtimeSelectionForSdk, } from '../../utils/conversationRuntime.js';
 import { extractUserFileCreateRequest, extractUserFileEditRequest, isAbsoluteOrRootedPath } from '../../utils/fileCreateIntent.js';
@@ -39,23 +48,7 @@ import { AgentProviderSelectorController } from '../../providerSelector.js';
 import { loadHubAgentProviderCatalog, refreshHubAgentProviderCatalog, subscribeHubAgentProviderCatalog, } from '../../adapters/xenoAgentHostCatalog.js';
 const AGENT_GPT55_DEFAULT_MODEL = 'gpt-5.5-high';
 const AGENT_MODEL_MODE_SWITCH_ENABLED = true;
-const AGENT_GPT55_MODEL_IDS = new Set([
-    'gpt-5.5',
-    'gpt-5.5-none',
-    'gpt-5.5-low',
-    'gpt-5.5-medium',
-    'gpt-5.5-high',
-    'gpt-5.5-xhigh',
-    'gpt-5.5-pro',
-    'gpt-5.5-mini',
-    'gpt-5.5-nano',
-]);
-const normalizeAgentModelId = (id) => {
-    const base = id.replace(/:thinking$/, '');
-    return base.includes('/') ? (base.split('/').pop() || base) : base;
-};
 const isAgentCloudModel = (id) => !!id && !id.startsWith('local:');
-const isAgentGpt55Model = (id) => AGENT_GPT55_MODEL_IDS.has(normalizeAgentModelId(id));
 const EMPTY_MESSAGES = [];
 const EMPTY_STRINGS = [];
 const EMPTY_ACP_MODEL_CHOICES = [];
@@ -2115,25 +2108,6 @@ function buildConversationDebugSnapshot(params) {
     }
     return lines.join('\n').trim();
 }
-async function copyTextWithFallback(value) {
-    if (navigator.clipboard?.writeText) {
-        await navigator.clipboard.writeText(value);
-        return;
-    }
-    const textArea = document.createElement('textarea');
-    textArea.value = value;
-    textArea.setAttribute('readonly', 'true');
-    textArea.style.position = 'fixed';
-    textArea.style.opacity = '0';
-    textArea.style.pointerEvents = 'none';
-    document.body.appendChild(textArea);
-    textArea.select();
-    const copied = document.execCommand('copy');
-    document.body.removeChild(textArea);
-    if (!copied) {
-        throw new Error('Clipboard copy failed');
-    }
-}
 function splitPreviewLines(value) {
     if (!value)
         return [];
@@ -2237,17 +2211,43 @@ function trimToolPreviewText(value, maxLines = 10, maxChars = 1200) {
 }
 function DiffCopyButton({ getText, title = 'Copy file contents' }) {
     const [copied, setCopied] = useState(false);
-    return (_jsx("button", { type: "button", onClick: async (event) => {
-            event.stopPropagation();
-            try {
-                await copyTextWithFallback(getText());
-                setCopied(true);
-                window.setTimeout(() => setCopied(false), 1200);
-            }
-            catch {
-                /* clipboard unavailable */
-            }
-        }, className: "p-1 rounded text-white/20 hover:text-white/50 hover:bg-white/[0.04] active:scale-75 transition-all duration-100", title: copied ? 'Copied' : title, "aria-label": title, children: copied ? _jsx(Check, { className: "w-3 h-3 text-white/60", strokeWidth: 1.7 }) : _jsx(Copy, { className: "w-3 h-3" }) }));
+    const [copyError, setCopyError] = useState(false);
+    const [pending, setPending] = useState(false);
+    const pendingRef = useRef(false);
+    const timer = useRef(null);
+    const mounted = useRef(true);
+    useEffect(() => {
+        mounted.current = true;
+        return () => { mounted.current = false; if (timer.current)
+            clearTimeout(timer.current); };
+    }, []);
+    return (_jsxs("span", { className: "inline-flex items-center gap-1", children: [_jsx("button", { type: "button", disabled: pending, onClick: async (event) => {
+                    event.stopPropagation();
+                    if (pendingRef.current)
+                        return;
+                    pendingRef.current = true;
+                    setPending(true);
+                    setCopyError(false);
+                    setCopied(false);
+                    if (timer.current)
+                        clearTimeout(timer.current);
+                    try {
+                        await copyTextWithFallback(getText());
+                        if (!mounted.current)
+                            return;
+                        setCopied(true);
+                        timer.current = setTimeout(() => setCopied(false), 1200);
+                    }
+                    catch {
+                        if (mounted.current)
+                            setCopyError(true);
+                    }
+                    finally {
+                        pendingRef.current = false;
+                        if (mounted.current)
+                            setPending(false);
+                    }
+                }, className: "p-1 rounded text-white/20 hover:text-white/50 hover:bg-white/[0.04] active:scale-75 transition-all duration-100", title: copied ? 'Copied' : title, "aria-label": title, children: copied ? _jsx(Check, { className: "w-3 h-3 text-white/60", strokeWidth: 1.7 }) : _jsx(Copy, { className: "w-3 h-3" }) }), copyError && _jsx("span", { role: "alert", className: "text-[10px] text-red-300", children: "Copy failed. Try again." })] }));
 }
 function ToolInlineDiffCard({ toolCall, onPeekEditorDiff, onPeekEditorPath, embedded = false, showHeaderActions = true, showHeaderStats = true, showHeader = true, }) {
     const diff = toolCall.diff;
@@ -3270,6 +3270,14 @@ export function AgentView(props) {
     const conversations = useAgentChatStore(s => s.conversations);
     const persistenceNotice = useAgentChatStore(s => s.persistenceNotice);
     const conversation = conversationId ? conversations[conversationId] : undefined;
+    const [collaborationAccess, setCollaborationAccess] = useState(() => (readCollaborationAccess(typeof localStorage !== 'undefined' ? localStorage : undefined, conversationId || undefined)));
+    const collaborationRequest = useMemo(() => {
+        const request = getOptionalAgentPlatformBridge()?.account?.request;
+        return request ? (input) => request(input) : undefined;
+    }, []);
+    useEffect(() => {
+        setCollaborationAccess(readCollaborationAccess(typeof localStorage !== 'undefined' ? localStorage : undefined, conversationId || undefined));
+    }, [conversationId]);
     const updateConversation = useAgentChatStore(s => s.updateConversation);
     const [input, setInput] = useState('');
     const [isSelectingConversationWorkspace, setIsSelectingConversationWorkspace] = useState(false);
@@ -3315,22 +3323,13 @@ export function AgentView(props) {
                     : 'save failed';
         setToolStatus(`Conversation ${label}: ${persistenceNotice.message || 'Local storage is unavailable.'}`);
     }, [conversationId, persistenceNotice]);
-    // Reasoning-capable SDK models use ':thinking' as a UI-only suffix so the request can
-    // keep sending the base model ID plus enableThinking=true.
-    const canThink = (id) => {
-        const normalized = id.includes('/') ? (id.split('/').pop() || id) : id;
-        if (normalized.endsWith('-thinking'))
-            return false;
-        if (/-(none|low|medium|high|xhigh)$/.test(normalized))
-            return false;
-        if (normalized.startsWith('claude-'))
-            return !normalized.includes('haiku');
-        return /^gpt-5(?:[.-]|$)/.test(normalized);
-    };
-    const isThinkingVariant = selectedModel.endsWith(':thinking');
+    // Local runtime supportsThinking is an explicit capability. Cloud and ACP
+    // reasoning choices below come exclusively from their advertised descriptors.
+    const isThinkingVariant = selectedModel.startsWith('local:') && selectedModel.endsWith(':thinking');
     const thinkingEnabled = isThinkingVariant;
+    const [reasoningChoice, setReasoningChoice] = useState(null);
     // Actual model ID sent to API (strip :thinking suffix)
-    const actualModelId = selectedModel.replace(/:thinking$/, '');
+    const actualModelId = providerRuntimeModelId(selectedModel);
     const [modeExpanded, setModeExpanded] = useState(false);
     const [modelSelectorVisible, setModelSelectorVisible] = useState(true);
     const [modelListOpen, setModelListOpen] = useState(false);
@@ -3554,7 +3553,7 @@ export function AgentView(props) {
     const authDisplayName = useAuthStore(s => s.user?.display_name ?? null);
     const cloudRuntimeProvider = useMemo(() => sharedRuntimeProviders.find((entry) => entry.id === 'xeno-cloud'), [sharedRuntimeProviders]);
     const cloudModels = useMemo(() => {
-        return (cloudRuntimeProvider?.models || [])
+        return projectAdvertisedModels(cloudRuntimeProvider)
             .filter(isSelectableLiveModel)
             .map((modelEntry) => ({
             id: modelEntry.id,
@@ -3578,31 +3577,18 @@ export function AgentView(props) {
     const availableModels = useXenoChatStore(s => s.availableModels);
     const fetchModels = useXenoChatStore(s => s.fetchModels);
     const localModels = useMemo(() => availableModels.filter(m => m.provider === 'local'), [availableModels]);
-    const cloudEffortFamilies = useMemo(() => {
-        const families = buildExplicitAgentReasoningEffortFamilies(cloudModels.map((modelEntry) => modelEntry.id));
-        for (const modelEntry of cloudModels) {
-            if (!modelEntry.id.endsWith('-thinking'))
-                continue;
-            const baseId = modelEntry.id.slice(0, -'-thinking'.length);
-            if (families.has(baseId) || !cloudModels.some((candidate) => candidate.id === baseId))
-                continue;
-            families.set(baseId, [
-                { effort: 'auto', modelId: baseId },
-                { effort: 'thinking', modelId: modelEntry.id },
-            ]);
-        }
-        for (const modelEntry of cloudModels) {
-            if (families.has(modelEntry.id) || !canThink(modelEntry.id) || isAgentGpt55Model(modelEntry.id))
-                continue;
-            families.set(modelEntry.id, [
-                { effort: 'auto', modelId: modelEntry.id },
-                { effort: 'thinking', modelId: `${modelEntry.id}:thinking` },
-            ]);
-        }
-        return families;
-    }, [cloudModels]);
-    const cloudEffortFamilyByModelId = useMemo(() => indexAgentReasoningEffortFamilies(cloudEffortFamilies), [cloudEffortFamilies]);
-    const selectedCloudEffortFamily = useMemo(() => resolveAgentReasoningEffortFamily(selectedModel, cloudEffortFamilies, cloudEffortFamilyByModelId), [cloudEffortFamilies, cloudEffortFamilyByModelId, selectedModel]);
+    const reasoningProviderKey = runtimeMode === 'acp' ? `acp:${selectedAcpAgentConfigId}` : runtimeMode;
+    const reasoningRuntimeModel = runtimeMode === 'acp' ? acpProviderModel : selectedModel;
+    const selectedReasoningOptionId = reasoningChoice?.conversationId === (conversationId || null) && reasoningChoice?.providerKey === reasoningProviderKey && reasoningChoice.modelId === reasoningRuntimeModel
+        ? reasoningChoice.optionId
+        : conversation?.runtime && conversation.runtime.model === reasoningRuntimeModel
+            && (conversation.runtime.executionMode === runtimeMode)
+            ? conversation.runtime.reasoning.optionId
+            : undefined;
+    const cloudReasoningCatalog = useMemo(() => projectAdvertisedReasoning(cloudRuntimeProvider), [cloudRuntimeProvider]);
+    const cloudEffortFamilies = cloudReasoningCatalog.families;
+    const cloudEffortFamilyByModelId = cloudReasoningCatalog.byModelId;
+    const selectedCloudEffortFamily = useMemo(() => resolveAdvertisedReasoning(selectedModel, cloudReasoningCatalog, selectedReasoningOptionId), [cloudReasoningCatalog, selectedModel, selectedReasoningOptionId]);
     const localEffortFamilies = useMemo(() => {
         const families = new Map();
         for (const modelEntry of localModels) {
@@ -3617,9 +3603,10 @@ export function AgentView(props) {
     }, [localModels]);
     const localEffortFamilyByModelId = useMemo(() => indexAgentReasoningEffortFamilies(localEffortFamilies), [localEffortFamilies]);
     const selectedLocalEffortFamily = useMemo(() => resolveAgentReasoningEffortFamily(selectedModel, localEffortFamilies, localEffortFamilyByModelId), [localEffortFamilies, localEffortFamilyByModelId, selectedModel]);
-    const acpEffortFamilies = useMemo(() => buildExplicitAgentReasoningEffortFamilies(acpModelOptions), [acpModelOptions]);
-    const acpEffortFamilyByModelId = useMemo(() => indexAgentReasoningEffortFamilies(acpEffortFamilies), [acpEffortFamilies]);
-    const selectedAcpEffortFamily = useMemo(() => resolveAgentReasoningEffortFamily(acpProviderModel, acpEffortFamilies, acpEffortFamilyByModelId), [acpEffortFamilies, acpEffortFamilyByModelId, acpProviderModel]);
+    const acpReasoningCatalog = useMemo(() => projectAdvertisedReasoning(selectedSharedAcpProvider), [selectedSharedAcpProvider]);
+    const acpEffortFamilies = acpReasoningCatalog.families;
+    const acpEffortFamilyByModelId = acpReasoningCatalog.byModelId;
+    const selectedAcpEffortFamily = useMemo(() => resolveAdvertisedReasoning(acpProviderModel, acpReasoningCatalog, selectedReasoningOptionId), [acpReasoningCatalog, acpProviderModel, selectedReasoningOptionId]);
     const acpProviderModelDisplayName = useMemo(() => {
         if (!acpProviderModel)
             return 'CLI default';
@@ -3629,43 +3616,24 @@ export function AgentView(props) {
         const displayModelId = selectedAcpEffortFamily?.baseId || acpProviderModel;
         return presentAcpProviderModelLabel(acpProviderModelOptionById.get(displayModelId), displayModelId);
     }, [acpProviderModel, acpProviderModelOptionById, selectedAcpEffortFamily?.baseId, selectedSharedAcpSnapshot]);
-    const activeReasoningEffortFamily = runtimeMode === 'acp'
-        ? null
-        : runtimeMode === 'local'
-            ? selectedLocalEffortFamily
-            : selectedCloudEffortFamily;
     const activeReasoningSelector = useMemo(() => {
-        if (runtimeMode === 'acp') {
-            const selectedSharedModel = selectedSharedAcpSnapshot?.selectedModel;
-            if (!selectedSharedModel)
-                return null;
-            const advertisedReasoning = selectedSharedModel.reasoningOptions || [];
-            const baseReasoning = advertisedReasoning.find((option) => (!option.runtimeModelId || option.runtimeModelId === selectedSharedModel.id));
-            const variants = advertisedReasoning.filter((option) => (!!option.runtimeModelId && option.runtimeModelId !== selectedSharedModel.id));
-            if (variants.length === 0)
+        if (runtimeMode !== 'local') {
+            const family = runtimeMode === 'acp' ? selectedAcpEffortFamily : selectedCloudEffortFamily;
+            if (!family)
                 return null;
-            const options = [{
-                    id: baseReasoning?.id || 'provider-default',
-                    label: baseReasoning?.label || 'Default',
-                    modelId: selectedSharedModel.id,
-                    available: selectedSharedModel.availability === 'available' || selectedSharedModel.availability === 'degraded',
-                    reason: selectedSharedModel.safeUnavailableReason || null,
-                }, ...variants.map((option) => ({
-                    id: option.id,
-                    label: option.label,
-                    modelId: option.runtimeModelId,
-                    available: selectedSharedModel.availability === 'available' || selectedSharedModel.availability === 'degraded',
-                    reason: selectedSharedModel.safeUnavailableReason || option.description || null,
-                }))];
-            const selectedRuntimeModel = selectedSharedAcpSnapshot.selection?.runtimeModelId || selectedSharedModel.id;
-            const selectedOption = options.find((option) => option.modelId === selectedRuntimeModel) || options[0];
-            return { label: selectedOption?.label || 'Default', options };
-        }
-        if (!activeReasoningEffortFamily)
+            return {
+                label: family.label,
+                options: family.options.map((option) => ({
+                    id: option.effort, label: option.label, modelId: option.modelId,
+                    available: option.available, reason: option.reason,
+                })),
+            };
+        }
+        if (!selectedLocalEffortFamily)
             return null;
         return {
-            label: agentReasoningEffortLabel(activeReasoningEffortFamily.effort),
-            options: activeReasoningEffortFamily.options.map((option) => ({
+            label: agentReasoningEffortLabel(selectedLocalEffortFamily.effort),
+            options: selectedLocalEffortFamily.options.map((option) => ({
                 id: option.effort,
                 label: agentReasoningEffortLabel(option.effort),
                 modelId: option.modelId,
@@ -3673,7 +3641,7 @@ export function AgentView(props) {
                 reason: null,
             })),
         };
-    }, [activeReasoningEffortFamily, runtimeMode, selectedSharedAcpSnapshot]);
+    }, [selectedLocalEffortFamily, selectedCloudEffortFamily, selectedAcpEffortFamily, runtimeMode]);
     const normalizedModelSearch = modelSearchQuery.trim().toLowerCase();
     const filteredCloudModelOptions = useMemo(() => {
         const seenEffortFamilies = new Set();
@@ -3686,17 +3654,17 @@ export function AgentView(props) {
                 seenEffortFamilies.add(effortBaseId);
                 const selectedOption = selectedCloudEffortFamily?.baseId === effortBaseId
                     ? selectedModel
-                    : preferredAgentReasoningModelId(effortOptions) || effortBaseId;
+                    : preferredAdvertisedModel(effortOptions) || effortBaseId;
                 return [{
                         id: selectedOption,
                         selectionKey: effortBaseId,
-                        name: cloudModelName(effortBaseId),
-                        searchText: effortOptions.map((option) => `${option.modelId} ${agentReasoningEffortLabel(option.effort)}`).join(' '),
+                        name: cloudRuntimeProvider?.models.find((entry) => entry.id === effortBaseId)?.displayName || effortBaseId,
+                        searchText: effortOptions.map((option) => `${option.modelId} ${option.label}`).join(' '),
                     }];
             }
             return [{ id: modelEntry.id, selectionKey: modelEntry.id, name: modelEntry.name, searchText: modelEntry.id }];
         }).filter((entry) => !normalizedModelSearch || `${entry.name} ${entry.searchText}`.toLowerCase().includes(normalizedModelSearch));
-    }, [cloudEffortFamilies, cloudEffortFamilyByModelId, cloudModels, normalizedModelSearch, selectedCloudEffortFamily?.baseId, selectedModel]);
+    }, [cloudEffortFamilies, cloudEffortFamilyByModelId, cloudModels, cloudRuntimeProvider, normalizedModelSearch, selectedCloudEffortFamily?.baseId, selectedModel]);
     const filteredLocalModels = useMemo(() => localModels.filter(modelEntry => (!normalizedModelSearch
         || `${modelEntry.name} ${modelEntry.id} ${modelEntry.parameterSize || ''}`.toLowerCase().includes(normalizedModelSearch))), [localModels, normalizedModelSearch]);
     const filteredAcpModelOptions = useMemo(() => {
@@ -3710,7 +3678,7 @@ export function AgentView(props) {
                 seenEffortFamilies.add(effortBaseId);
                 const selectedOption = selectedAcpEffortFamily?.baseId === effortBaseId && acpProviderModel
                     ? acpProviderModel
-                    : preferredAgentReasoningModelId(effortOptions) || effortBaseId;
+                    : preferredAdvertisedModel(effortOptions) || effortBaseId;
                 const selectedModelOption = acpProviderModelOptionById.get(selectedOption);
                 return [{
                         id: selectedOption,
@@ -3718,7 +3686,7 @@ export function AgentView(props) {
                         name: presentAcpProviderModelLabel(acpProviderModelOptionById.get(effortBaseId), effortBaseId),
                         searchText: effortOptions.map((option) => {
                             const discoveredOption = acpProviderModelOptionById.get(option.modelId);
-                            return `${option.modelId} ${discoveredOption?.label || ''} ${discoveredOption?.reason || ''} ${agentReasoningEffortLabel(option.effort)}`;
+                            return `${option.modelId} ${discoveredOption?.label || ''} ${discoveredOption?.reason || ''} ${option.label}`;
                         }).join(' '),
                         available: selectedModelOption?.available !== false,
                         reason: selectedModelOption?.reason || null,
@@ -3736,11 +3704,11 @@ export function AgentView(props) {
         }).filter((entry) => !normalizedModelSearch || `${entry.name} ${entry.searchText}`.toLowerCase().includes(normalizedModelSearch));
     }, [acpEffortFamilies, acpEffortFamilyByModelId, acpModelOptions, acpProviderModel, acpProviderModelOptionById, normalizedModelSearch, selectedAcpEffortFamily?.baseId]);
     const preferredGpt55Model = useMemo(() => {
-        return cloudModels.find(m => m.id === AGENT_GPT55_DEFAULT_MODEL)?.id
-            || cloudModels.find(m => m.id === 'gpt-5.5')?.id
+        return cloudModels.find(m => m.id === cloudRuntimeProvider?.defaultModelId)?.id
+            || cloudModels.find(m => cloudRuntimeProvider?.models.some((entry) => entry.id === m.id && entry.isDefault))?.id
             || cloudModels[0]?.id
-            || AGENT_GPT55_DEFAULT_MODEL;
-    }, [cloudModels]);
+            || '';
+    }, [cloudModels, cloudRuntimeProvider]);
     useEffect(() => {
         if (!lastLocalModel && localModels.length > 0) {
             setLastLocalModel(localModels[0].id);
@@ -3750,11 +3718,11 @@ export function AgentView(props) {
         if (runtimeProvider.kind === 'acp-provider') {
             return `${runtimeProvider.displayName} - ${acpProviderModelDisplayName}`;
         }
-        const baseId = selectedModel.replace(/:thinking$/, '');
+        const baseId = providerRuntimeModelId(selectedModel);
         const cloud = cloudModels.find(m => m.id === baseId);
         if (cloud) {
             if (selectedCloudEffortFamily)
-                return cloudModelName(selectedCloudEffortFamily.baseId);
+                return cloudRuntimeProvider?.models.find((entry) => entry.id === selectedCloudEffortFamily.baseId)?.displayName || selectedCloudEffortFamily.baseId;
             return isThinkingVariant ? `${cloud.name} (Thinking)` : cloud.name;
         }
         if (inferenceMode === 'cloud' && sharedProviderCatalogLoaded) {
@@ -3762,7 +3730,7 @@ export function AgentView(props) {
         }
         const local = availableModels.find(m => m.id === actualModelId);
         return local?.name || actualModelId;
-    }, [cloudModels, 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]);
     const currentCloudModel = useMemo(() => cloudModels.find(m => m.id === actualModelId), [cloudModels, actualModelId]);
     const cloudModelSelectionMissing = runtimeProvider.kind !== 'acp-provider'
         && inferenceMode === 'cloud'
@@ -3829,7 +3797,7 @@ export function AgentView(props) {
                 : 'sdk-native',
             ...(providerId ? { providerId } : {}),
             ...(acpAgentConfigId ? { acpAgentConfigId } : {}),
-            model: modelId.replace(/:thinking$/, ''),
+            model: providerRuntimeModelId(modelId),
         }).then((result) => {
             if (bindRevision !== providerLaneSelectionRevisionRef.current)
                 return;
@@ -3859,7 +3827,7 @@ export function AgentView(props) {
         const previousSelection = conversation?.runtime?.selection;
         const runtime = createConversationRuntimeBinding({
             selection,
-            model: uiModel.replace(/:thinking$/, ''),
+            model: providerRuntimeModelId(uiModel),
             reasoningModel: uiModel,
             inferenceMode: mode,
         });
@@ -3945,7 +3913,7 @@ export function AgentView(props) {
             setModelListOpen(false);
             return;
         }
-        const rememberedCloudModel = cloudModels.find((modelEntry) => (modelEntry.id === lastCloudModel.replace(/:thinking$/, '')));
+        const rememberedCloudModel = cloudModels.find((modelEntry) => (modelEntry.id === lastCloudModel));
         const fallbackCloudModel = rememberedCloudModel ? lastCloudModel : preferredGpt55Model;
         setToolStatus(null);
         setInferenceMode('cloud');
@@ -4137,6 +4105,56 @@ export function AgentView(props) {
     const truncateToMessage = useAgentChatStore(s => s.truncateToMessage);
     const switchBranch = useAgentChatStore(s => s.switchBranch);
     const getBranchInfo = useAgentChatStore(s => s.getBranchInfo);
+    const activeNotificationsMap = useAgentChatStore(s => s.activeNotifications);
+    const dismissNotification = useAgentChatStore(s => s.dismissNotification);
+    const availableCommandsMap = useAgentChatStore(s => s.availableCommands);
+    const mcpStatusesMap = useAgentChatStore(s => s.mcpStatuses);
+    const activeNotifsList = useMemo(() => {
+        if (!conversationId)
+            return [];
+        const notifsObj = activeNotificationsMap[conversationId] || {};
+        return Object.values(notifsObj);
+    }, [activeNotificationsMap, conversationId]);
+    const activeMcpList = useMemo(() => {
+        if (!conversationId)
+            return [];
+        const mcpObj = mcpStatusesMap[conversationId] || {};
+        return Object.values(mcpObj);
+    }, [mcpStatusesMap, conversationId]);
+    const activeCommandsList = useMemo(() => {
+        const reported = (conversationId ? availableCommandsMap[conversationId] : undefined) || [];
+        const conv = conversationId ? conversations[conversationId] : undefined;
+        const snap = conv?.capabilitySnapshot;
+        const snapshotCommands = (snap?.commands || []).map((c) => ({
+            name: c.name.startsWith('/') ? c.name : `/${c.name}`,
+            description: c.description,
+            origin: c.origin === 'skill' ? 'skill' : 'provider',
+        }));
+        const snapshotSkills = (snap?.skills || []).map((s) => ({
+            name: s.name.startsWith('/') ? s.name : `/${s.name}`,
+            description: s.description,
+            origin: 'skill',
+        }));
+        const builtIn = [
+            { name: '/run', description: 'Run a command in the project terminal', origin: 'xeno' },
+            { name: '/xeno-clear-view', description: 'Clear conversation history and reset view', origin: 'xeno' },
+            { name: '/clear', description: 'Clear conversation history and reset view', origin: 'xeno' },
+        ];
+        const all = [...snapshotCommands, ...snapshotSkills, ...reported, ...builtIn];
+        const names = new Set();
+        const result = [];
+        for (const c of all) {
+            if (!names.has(c.name)) {
+                names.add(c.name);
+                result.push(c);
+            }
+        }
+        return result;
+    }, [availableCommandsMap, conversationId, conversations]);
+    const [slashCommandIndex, setSlashCommandIndex] = useState(0);
+    const [slashCommandsDismissed, setSlashCommandsDismissed] = useState(false);
+    useEffect(() => { setSlashCommandsDismissed(false); setSlashCommandIndex(0); }, [input, conversationId]);
+    const showSlashCommands = !slashCommandsDismissed && input.startsWith('/') && !input.includes(' ') && activeCommandsList.length > 0;
     const isStreaming = activeRequestId !== null && !!conversationId && activeConversationId === conversationId;
     const isBusy = isStreaming || isRunningCommand;
     const activeCloudRunStatus = activeRequestId ? cloudRuns[activeRequestId] : undefined;
@@ -4230,10 +4248,16 @@ export function AgentView(props) {
     const [sdkCheckpoints, setSdkCheckpoints] = useState([]);
     const [sdkSessions, setSdkSessions] = useState([]);
     const [sdkSessionsLoading, setSdkSessionsLoading] = useState(false);
+    const [sdkSessionBindingBusy, setSdkSessionBindingBusy] = useState(false);
+    const sdkSessionBindingBusyRef = useRef(false);
     const [sdkSessionStatus, setSdkSessionStatus] = useState(null);
     const [backgroundTaskBusy, setBackgroundTaskBusy] = useState({});
     const resolvedTerminalCwd = (sessionUi?.terminalCwd || conversation?.rootDirectory || effectiveAllowedDirectories[0] || '').trim();
     const sdkSessionWorkingDirectory = (conversation?.rootDirectory || effectiveAllowedDirectories[0] || '').trim();
+    const sdkConfirmation = usePreparedConfirmation(JSON.stringify([conversationId, sdkSessionWorkingDirectory, sessionUi?.sdkSessionId, sessionDrawerOpen]));
+    const sdkConfirmationSessionsRef = useRef(sdkSessions);
+    sdkConfirmationSessionsRef.current = sdkSessions;
+    const sdkSessionsRefreshRef = useRef(0);
     const terminalCapabilityEnabled = !!props.capabilities?.terminal;
     const terminalReady = terminalCapabilityEnabled && Boolean(resolvedTerminalCwd || conversation?.id);
     const localModelName = actualModelId.startsWith('local:') ? actualModelId.slice('local:'.length) : actualModelId;
@@ -4256,6 +4280,7 @@ export function AgentView(props) {
             selection,
             model: runtimeModel,
             reasoningModel,
+            reasoningOptionId: selectedReasoningOptionId,
             inferenceMode,
         });
     }, [
@@ -4267,6 +4292,7 @@ export function AgentView(props) {
         runtimeProvider.kind,
         selectedAcpAgentConfigId,
         selectedModel,
+        selectedReasoningOptionId,
     ]);
     const skipConversationModelPersistRef = useRef(false);
     useEffect(() => {
@@ -4290,6 +4316,8 @@ export function AgentView(props) {
             const target = event.target;
             if (sessionPanelRef.current?.contains(target))
                 return;
+            if (target instanceof Element && target.closest('[role="dialog"]'))
+                return;
             setSessionDrawerOpen(false);
         };
         const timer = window.setTimeout(() => document.addEventListener('mousedown', handleClick), 0);
@@ -4331,29 +4359,36 @@ export function AgentView(props) {
     const loadSdkSessions = useCallback(async () => {
         if (!getAgentPlatformBridge()?.agent?.listSdkSessions)
             return;
+        const viewCurrent = sdkConfirmation.capture();
+        const version = ++sdkSessionsRefreshRef.current;
+        const current = () => viewCurrent() && sdkSessionsRefreshRef.current === version;
         setSdkSessionsLoading(true);
         try {
             const result = await getAgentPlatformBridge().agent.listSdkSessions({
                 workingDirectory: sdkSessionWorkingDirectory || undefined,
                 limit: 40,
             });
-            if (!result.success && sdkSessionWorkingDirectory) {
-                const fallback = await getAgentPlatformBridge().agent.listSdkSessions({ limit: 40 });
-                setSdkSessions(Array.isArray(fallback.sessions) ? fallback.sessions : []);
-                setSdkSessionStatus(fallback.success ? null : (fallback.error || 'Unable to load SDK sessions.'));
+            if (!current())
                 return;
+            // A failed scoped read must not silently expose another workspace's sessions.
+            if (!result.success) {
+                setSdkSessionStatus(result.error || 'Unable to load SDK sessions.');
+                return false;
             }
             setSdkSessions(Array.isArray(result.sessions) ? result.sessions : []);
-            setSdkSessionStatus(result.success ? null : (result.error || 'Unable to load SDK sessions.'));
+            setSdkSessionStatus(null);
+            return true;
         }
         catch (error) {
-            setSdkSessions([]);
-            setSdkSessionStatus(error instanceof Error ? error.message : String(error));
+            if (current())
+                setSdkSessionStatus(error instanceof Error ? error.message : String(error));
+            return false;
         }
         finally {
-            setSdkSessionsLoading(false);
+            if (current())
+                setSdkSessionsLoading(false);
         }
-    }, [sdkSessionWorkingDirectory]);
+    }, [sdkSessionWorkingDirectory, sdkConfirmation.capture]);
     useEffect(() => {
         if (!sessionDrawerOpen)
             return;
@@ -4467,11 +4502,12 @@ export function AgentView(props) {
                 requestedModel,
                 catalog: cloudModels,
                 hasConversationHistory: (conversation?.messages.length || 0) > 0,
-                preferredModelIds: [AGENT_GPT55_DEFAULT_MODEL, 'gpt-5.5'],
+                preferredModelIds: preferredGpt55Model ? [preferredGpt55Model] : [],
             })
             : { model: requestedModel, status: 'preserved' };
         const reconciledModel = reconciliation.model;
         const targetModel = reconciliation.status !== 'defaulted'
+            && requestedExecutionMode === 'local'
             && storedRuntime?.reasoning.effort === 'thinking'
             && !requestedModel.endsWith(':thinking')
             && !requestedModel.endsWith('-thinking')
@@ -4494,7 +4530,7 @@ export function AgentView(props) {
             const selection = storedRuntime?.selection || props.runtimeSelection || runtimeSelectionForSdk('migration');
             const runtime = createConversationRuntimeBinding({
                 selection,
-                model: targetModel.replace(/:thinking$/, ''),
+                model: providerRuntimeModelId(targetModel),
                 reasoningModel: targetModel,
                 inferenceMode: 'cloud',
                 migrationSource: 'model',
@@ -4526,8 +4562,9 @@ export function AgentView(props) {
         const runtimeSelection = effectiveRuntimeSelection || runtimeSelectionForSdk('migration');
         const runtime = createConversationRuntimeBinding({
             selection: runtimeSelection,
-            model: selectedModel.replace(/:thinking$/, ''),
+            model: providerRuntimeModelId(selectedModel),
             reasoningModel: selectedModel,
+            reasoningOptionId: selectedReasoningOptionId,
             inferenceMode,
         });
         const isSdkRuntime = runtime.selection.providerKind === 'sdk-native';
@@ -4549,6 +4586,7 @@ export function AgentView(props) {
         effectiveRuntimeSelection,
         inferenceMode,
         selectedModel,
+        selectedReasoningOptionId,
         updateConversation,
     ]);
     useEffect(() => {
@@ -4565,19 +4603,17 @@ export function AgentView(props) {
         return () => window.clearInterval(interval);
     }, [isStreaming, refreshLocalRuntimeState, runtimeStatusRefreshKey, selectedModel]);
     // Suggestion store
-    const detectSuggestionModel = useSuggestionStore(s => s.detectSuggestionModel);
     const generateGhostText = useSuggestionStore(s => s.generateGhostText);
     const clearGhostText = useSuggestionStore(s => s.clearGhostText);
     const clearAllSuggestions = useSuggestionStore(s => s.clearAll);
     const ghostText = useSuggestionStore(s => s.ghostText);
-    const suggestionMode = useSuggestionStore(s => s.suggestionMode);
-    const setSuggestionMode = useSuggestionStore(s => s.setSuggestionMode);
-    const localModel = useSuggestionStore(s => s.localModel);
-    const suggestionsAvailable = suggestionMode === 'cloud' || !!localModel;
-    // Detect suggestion model on mount
-    useEffect(() => {
-        void detectSuggestionModel();
-    }, [detectSuggestionModel]);
+    const [suggestionOptInScope, setSuggestionOptInScope] = useState(null);
+    const suggestionScope = JSON.stringify([conversationId, runtimeMode, actualModelId]);
+    const suggestionModelAvailable = runtimeMode === 'cloud'
+        ? cloudModels.some(model => model.id === actualModelId)
+        : runtimeMode === 'local' && localModels.some(model => model.id === actualModelId);
+    const suggestionsAvailable = suggestionModelAvailable && suggestionOptInScope === suggestionScope;
+    useEffect(() => { clearAllSuggestions(); return () => clearAllSuggestions(); }, [suggestionScope, clearAllSuggestions]);
     // Generate ghost text after assistant finishes responding.
     // Quick-reply pills were removed from the composer surface to keep it clean.
     useEffect(() => {
@@ -4589,11 +4625,13 @@ export function AgentView(props) {
         if (last.role !== 'assistant' || last.isStreaming || last.isCommandResult || last.command)
             return;
         const contextMsgs = runtimeProjectedMessages.slice(-6).map(m => ({ role: m.role, content: m.content }));
-        void generateGhostText('', contextMsgs, agentName);
-    }, [runtimeProjectedMessages, isBusy, suggestionsAvailable, conversationId, agentName, generateGhostText]);
+        if (runtimeMode === 'acp')
+            return;
+        void generateGhostText('', contextMsgs, agentName, { scopeId: conversationId, model: actualModelId, source: runtimeMode });
+    }, [runtimeProjectedMessages, isBusy, suggestionsAvailable, conversationId, agentName, generateGhostText, actualModelId, runtimeMode]);
     // Ghost text prefix matching
     const effectiveGhostText = useMemo(() => {
-        if (!ghostText || isBusy)
+        if (!suggestionsAvailable || !ghostText || isBusy)
             return '';
         if (!input)
             return ghostText;
@@ -4601,7 +4639,7 @@ export function AgentView(props) {
             return ghostText.slice(input.length);
         }
         return '';
-    }, [ghostText, input, isBusy]);
+    }, [ghostText, input, isBusy, suggestionsAvailable]);
     // Setup IPC listeners
     useEffect(() => {
         const cleanup = setupAgentChatListeners();
@@ -6144,6 +6182,158 @@ export function AgentView(props) {
         runDeterministicFileCreate,
         workspaceBindingPrompt
     ]);
+    const runCliCommandInTerminal = async (rawCommand, targetConversationId) => {
+        appendMessage(targetConversationId, { role: 'user', content: rawCommand });
+        const command = normalizePowerShellCommand(rawCommand);
+        if (!command) {
+            appendMessage(targetConversationId, { role: 'assistant', content: 'Empty command.', error: 'Invalid command' });
+            if (textareaRef.current)
+                textareaRef.current.style.height = 'auto';
+            return;
+        }
+        if (!capabilities?.terminal) {
+            appendMessage(targetConversationId, { role: 'assistant', content: 'Terminal capability is disabled for this agent.', error: 'Terminal capability is disabled for this agent.' });
+            if (textareaRef.current)
+                textareaRef.current.style.height = 'auto';
+            return;
+        }
+        if (workspaceBinding.mode === 'workspace' && effectiveAllowedDirectories.length === 0) {
+            appendMessage(targetConversationId, { role: 'assistant', content: 'No allowed directories configured. Open agent settings and add one.', error: 'No allowed directories configured.' });
+            if (textareaRef.current)
+                textareaRef.current.style.height = 'auto';
+            return;
+        }
+        if (!getAgentPlatformBridge()?.workspace) {
+            appendMessage(targetConversationId, { role: 'assistant', content: 'Workspace terminal bridge not available. Restart app.', error: 'Workspace terminal bridge not available.' });
+            if (textareaRef.current)
+                textareaRef.current.style.height = 'auto';
+            return;
+        }
+        setIsRunningCommand(true);
+        const result = await getAgentPlatformBridge().workspace.runCommand({
+            command,
+            cwd: effectiveAllowedDirectories[0] || conversation?.rootDirectory || '',
+            allowedDirs: effectiveAllowedDirectories,
+            conversationId: targetConversationId,
+        });
+        setIsRunningCommand(false);
+        const blocks = [];
+        blocks.push(`$ ${command}`);
+        if (result.cwd)
+            blocks.push(`cwd: ${result.cwd}`);
+        if (result.stdout?.trim())
+            blocks.push(result.stdout.trim());
+        if (result.stderr?.trim())
+            blocks.push(`[stderr]\n${result.stderr.trim()}`);
+        if (result.error)
+            blocks.push(`[error] ${result.error}`);
+        blocks.push(`exit: ${result.exitCode ?? 'n/a'}`);
+        appendMessage(targetConversationId, {
+            role: 'assistant',
+            content: `\`\`\`\n${blocks.join('\n\n')}\n\`\`\``,
+            error: result.success ? undefined : (result.error || 'Command failed'),
+            command,
+            isCommandResult: true
+        });
+        if (textareaRef.current)
+            textareaRef.current.style.height = 'auto';
+    };
+    const handleExecuteCommandOrPrompt = async (rawCommand) => {
+        const trimmed = rawCommand.trim();
+        if (!trimmed)
+            return;
+        const targetConversationId = ensureConversationId(conversationId);
+        // 1. Explicitly namespaced UI presentation commands (origin: "xeno-ui")
+        if (trimmed === '/xeno-clear-view' || trimmed === '/clear') {
+            appendMessage(targetConversationId, { role: 'user', content: trimmed });
+            updateConversation(targetConversationId, { messages: [] });
+            if (textareaRef.current)
+                textareaRef.current.style.height = 'auto';
+            return;
+        }
+        // 2. Project terminal CLI execution
+        if (trimmed.startsWith('codex ') || trimmed.startsWith('/run ')) {
+            const cliCmd = trimmed.startsWith('/run ') ? trimmed.slice(5).trim() : trimmed;
+            await runCliCommandInTerminal(cliCmd, targetConversationId);
+            return;
+        }
+        // 3. Provider commands (/compact, /model, /status, /mcp, /help, etc.)
+        // Thin client: Never synthesize fake local message slicing or fake state.
+        appendMessage(targetConversationId, { role: 'user', content: trimmed });
+        if (textareaRef.current)
+            textareaRef.current.style.height = 'auto';
+        const conv = conversations[targetConversationId];
+        const bridge = getAgentPlatformBridge();
+        if (trimmed.startsWith('/')) {
+            const [cmdToken, ...argTokens] = trimmed.split(' ');
+            const commandId = cmdToken.startsWith('/') ? cmdToken.slice(1) : cmdToken;
+            const rawArg = argTokens.join(' ').trim();
+            if (bridge?.acp?.invokeCommand) {
+                const commandRequestId = `command-${crypto.randomUUID()}`;
+                appendMessage(targetConversationId, {
+                    id: commandRequestId, role: 'assistant', content: '', isStreaming: true,
+                });
+                const finishCommand = (content, error) => {
+                    const current = useAgentChatStore.getState().conversations[targetConversationId];
+                    if (!current)
+                        return;
+                    updateConversation(targetConversationId, {
+                        messages: current.messages.map(message => message.id === commandRequestId
+                            ? { ...message, content: message.content || content, isStreaming: false, error }
+                            : message),
+                    });
+                };
+                try {
+                    const res = await bridge.acp.invokeCommand({
+                        conversationId: targetConversationId,
+                        sessionId: conv?.sessionUi?.acpSessionId,
+                        commandId,
+                        rawInput: trimmed,
+                        args: buildProviderCommandArgs(commandId, rawArg),
+                        idempotencyKey: commandRequestId,
+                    });
+                    if (res.success && res.commandEvent) {
+                        const ev = res.commandEvent;
+                        const outputRecord = ev.output && typeof ev.output === 'object'
+                            ? ev.output : undefined;
+                        if (ev.phase === 'completed') {
+                            const output = typeof ev.output === 'string' ? ev.output
+                                : typeof outputRecord?.message === 'string' ? outputRecord.message
+                                    : outputRecord ? JSON.stringify(outputRecord, null, 2) : undefined;
+                            const newModel = typeof outputRecord?.model === 'string' ? outputRecord.model
+                                : typeof ev.model === 'string' ? ev.model : undefined;
+                            finishCommand(output || `Command \`${trimmed}\` completed.`);
+                            if (newModel) {
+                                setSelectedModel(newModel);
+                                updateConversation(targetConversationId, { model: newModel });
+                            }
+                            return;
+                        }
+                        const errObj = ev.error;
+                        finishCommand(typeof errObj?.message === 'string' ? errObj.message
+                            : ev.phase === 'cancelled' ? 'Command cancelled.' : 'Provider command did not complete.', typeof errObj?.code === 'string' ? errObj.code : ev.phase === 'cancelled' ? 'COMMAND_CANCELLED' : 'COMMAND_FAILED');
+                        return;
+                    }
+                    finishCommand(res.error || 'Provider command returned no terminal result.', 'COMMAND_INVOCATION_FAILED');
+                    return;
+                }
+                catch (err) {
+                    finishCommand(err instanceof Error ? err.message : String(err), 'COMMAND_EXCEPTION');
+                    return;
+                }
+            }
+            else {
+                appendMessage(targetConversationId, {
+                    role: 'assistant',
+                    content: `Platform bridge does not support command invocation for \`${trimmed}\`.`,
+                    error: 'UNSUPPORTED_PLATFORM_BRIDGE',
+                });
+                return;
+            }
+        }
+        // Forward to provider prompt turn
+        void dispatchSend(trimmed, [], targetConversationId, { appendUserMessage: false });
+    };
     const handleSend = async () => {
         clearAllSuggestions();
         const trimmed = input.trim();
@@ -6349,61 +6539,9 @@ export function AgentView(props) {
         setBlockedFileActionPrompt(null);
         setInput('');
         const targetConversationId = ensureConversationId(conversationId);
-        if (trimmed.startsWith('/run ') && !hasAttachments) {
-            appendMessage(targetConversationId, { role: 'user', content: trimmed });
-            const command = normalizePowerShellCommand(trimmed.slice(5).trim());
-            if (!command) {
-                appendMessage(targetConversationId, { role: 'assistant', content: 'Usage: /run <command>', error: 'Usage: /run <command>' });
-                if (textareaRef.current)
-                    textareaRef.current.style.height = 'auto';
-                return;
-            }
-            if (!capabilities?.terminal) {
-                appendMessage(targetConversationId, { role: 'assistant', content: 'Terminal capability is disabled for this agent.', error: 'Terminal capability is disabled for this agent.' });
-                if (textareaRef.current)
-                    textareaRef.current.style.height = 'auto';
-                return;
-            }
-            if (workspaceBinding.mode === 'workspace' && effectiveAllowedDirectories.length === 0) {
-                appendMessage(targetConversationId, { role: 'assistant', content: 'No allowed directories configured. Open agent settings and add one.', error: 'No allowed directories configured.' });
-                if (textareaRef.current)
-                    textareaRef.current.style.height = 'auto';
-                return;
-            }
-            if (!getAgentPlatformBridge()?.workspace) {
-                appendMessage(targetConversationId, { role: 'assistant', content: 'Workspace terminal bridge not available. Restart app.', error: 'Workspace terminal bridge not available.' });
-                if (textareaRef.current)
-                    textareaRef.current.style.height = 'auto';
-                return;
-            }
-            setIsRunningCommand(true);
-            const result = await getAgentPlatformBridge().workspace.runCommand({
-                command,
-                cwd: effectiveAllowedDirectories[0] || '',
-                allowedDirs: effectiveAllowedDirectories,
-                conversationId: targetConversationId,
-            });
-            setIsRunningCommand(false);
-            const blocks = [];
-            blocks.push(`$ ${command}`);
-            if (result.cwd)
-                blocks.push(`cwd: ${result.cwd}`);
-            if (result.stdout?.trim())
-                blocks.push(result.stdout.trim());
-            if (result.stderr?.trim())
-                blocks.push(`[stderr]\n${result.stderr.trim()}`);
-            if (result.error)
-                blocks.push(`[error] ${result.error}`);
-            blocks.push(`exit: ${result.exitCode ?? 'n/a'}`);
-            appendMessage(targetConversationId, {
-                role: 'assistant',
-                content: `\`\`\`\n${blocks.join('\n\n')}\n\`\`\``,
-                error: result.success ? undefined : (result.error || 'Command failed'),
-                command,
-                isCommandResult: true
-            });
-            if (textareaRef.current)
-                textareaRef.current.style.height = 'auto';
+        if (!hasAttachments && (trimmed.startsWith('/') ||
+            trimmed.startsWith('codex '))) {
+            await handleExecuteCommandOrPrompt(trimmed);
             return;
         }
         if (inferenceMode === 'cloud' && cloudModelUnavailable) {
@@ -6420,6 +6558,39 @@ 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;
+                }
+            }
+        }
         if (e.key === 'Enter' && !e.shiftKey) {
             e.preventDefault();
             void handleSend();
@@ -6477,7 +6648,7 @@ export function AgentView(props) {
         appendMessage(conversationId, { role: 'user', content: rerunContent });
         const sendOptions = {
             appendUserMessage: false,
-            enableThinking: rerunModel.endsWith(':thinking'),
+            enableThinking: rerunModel.startsWith('local:') && rerunModel.endsWith(':thinking'),
             capabilities,
             permissionProfile: props.permissionProfile || 'standard',
             allowedDirectories: effectiveAllowedDirectories,
@@ -7024,53 +7195,78 @@ export function AgentView(props) {
         };
     }, [backgroundTasks, conversationId, patchBackgroundTask]);
     const handleAttachSdkSession = useCallback(async (sessionId) => {
-        if (!conversationId || !getAgentPlatformBridge()?.agent?.attachSdkSession)
+        const service = getOptionalAgentPlatformBridge()?.agent;
+        if (!conversationId || !service?.attachSdkSession || sdkSessionBindingBusyRef.current)
+            return;
+        const viewCurrent = sdkConfirmation.capture();
+        const version = (() => {
+            const item = sdkConfirmationSessionsRef.current.find(entry => entry.id === sessionId || entry.sessionId === sessionId);
+            return item ? JSON.stringify(item) : undefined;
+        })();
+        if (!version) {
+            setSdkSessionStatus('The selected SDK session is no longer in this workspace list.');
             return;
+        }
+        sdkSessionBindingBusyRef.current = true;
+        setSdkSessionBindingBusy(true);
         setSdkSessionStatus('Attaching SDK session...');
         try {
-            const result = await getAgentPlatformBridge().agent.attachSdkSession({ conversationId, sessionId });
-            if (!result.success) {
-                setSdkSessionStatus(result.error || 'Unable to attach SDK session.');
-                setToolStatus(result.error || 'Unable to attach SDK session.');
+            const result = await service.attachSdkSession({ conversationId, sessionId });
+            const latest = useAgentChatStore.getState().getConversation(conversationId);
+            const currentItem = sdkConfirmationSessionsRef.current.find(entry => entry.id === sessionId || entry.sessionId === sessionId);
+            if (!viewCurrent() || !latest || JSON.stringify(currentItem) !== version)
                 return;
-            }
-            patchSessionUi({
-                sdkSessionId: sessionId,
-                sdkSessionDir: result.sessionDir,
-                sdkSessionHistoryPath: result.sessionHistoryPath,
-            });
+            if (!result.success)
+                throw new Error(result.error || 'Unable to attach SDK session.');
+            updateConversation(conversationId, { sessionUi: { ...(latest.sessionUi || {}), sdkSessionId: sessionId,
+                    sdkSessionDir: result.sessionDir, sdkSessionHistoryPath: result.sessionHistoryPath } });
             setSdkCheckpoints(Array.isArray(result.checkpoints) ? result.checkpoints : []);
             setSdkSessionStatus('SDK session attached. The next turn will resume it.');
             setToolStatus('SDK session attached.');
         }
         catch (error) {
-            const message = error instanceof Error ? error.message : 'Unable to attach SDK session.';
-            setSdkSessionStatus(message);
-            setToolStatus(message);
+            if (viewCurrent()) {
+                const message = error instanceof Error ? error.message : 'Unable to attach SDK session.';
+                setSdkSessionStatus(message);
+                setToolStatus(message);
+            }
         }
-    }, [conversationId, patchSessionUi, setToolStatus]);
+        finally {
+            sdkSessionBindingBusyRef.current = false;
+            if (viewCurrent())
+                setSdkSessionBindingBusy(false);
+        }
+    }, [conversationId, sdkConfirmation.capture, setToolStatus, updateConversation]);
     const handleDetachSdkSession = useCallback(async () => {
-        if (!conversationId || !getAgentPlatformBridge()?.agent?.detachSdkSession)
+        const service = getOptionalAgentPlatformBridge()?.agent;
+        const sessionId = sessionUi?.sdkSessionId;
+        if (!conversationId || !sessionId || !service?.detachSdkSession || sdkSessionBindingBusyRef.current)
             return;
+        const viewCurrent = sdkConfirmation.capture();
+        sdkSessionBindingBusyRef.current = true;
+        setSdkSessionBindingBusy(true);
         setSdkSessionStatus('Detaching SDK session...');
         try {
-            const result = await getAgentPlatformBridge().agent.detachSdkSession({ conversationId });
-            if (!result.success) {
-                setSdkSessionStatus(result.error || 'Unable to detach SDK session.');
+            const result = await service.detachSdkSession({ conversationId });
+            const latest = useAgentChatStore.getState().getConversation(conversationId);
+            if (!viewCurrent() || latest?.sessionUi?.sdkSessionId !== sessionId)
                 return;
-            }
-            patchSessionUi({
-                sdkSessionId: undefined,
-                sdkSessionDir: undefined,
-                sdkSessionHistoryPath: undefined,
-            });
+            if (!result.success)
+                throw new Error(result.error || 'Unable to detach SDK session.');
+            updateConversation(conversationId, { sessionUi: { ...latest.sessionUi, sdkSessionId: undefined, sdkSessionDir: undefined, sdkSessionHistoryPath: undefined } });
             setSdkCheckpoints([]);
             setSdkSessionStatus('Detached. The next turn will create a fresh SDK session.');
         }
         catch (error) {
-            setSdkSessionStatus(error instanceof Error ? error.message : 'Unable to detach SDK session.');
+            if (viewCurrent())
+                setSdkSessionStatus(error instanceof Error ? error.message : 'Unable to detach SDK session.');
+        }
+        finally {
+            sdkSessionBindingBusyRef.current = false;
+            if (viewCurrent())
+                setSdkSessionBindingBusy(false);
         }
-    }, [conversationId, patchSessionUi]);
+    }, [conversationId, sdkConfirmation.capture, sessionUi?.sdkSessionId, updateConversation]);
     const handleRepairRuntimeEventLog = useCallback(async () => {
         if (!conversationId || !getAgentPlatformBridge()?.runtimeEvents?.repair || !getAgentPlatformBridge()?.runtimeEvents?.list)
             return;
@@ -7110,55 +7306,38 @@ export function AgentView(props) {
             setToolStatus(message);
         }
     }, [conversationId, patchSessionUi, setToolStatus]);
-    const handleDeleteSdkSession = useCallback(async (sessionId) => {
-        if (!getAgentPlatformBridge()?.agent?.deleteSdkSession)
-            return;
-        if (!window.confirm(`Delete SDK session ${sessionId}? This removes its SDK transcript and checkpoints from disk.`))
-            return;
-        setSdkSessionStatus('Deleting SDK session...');
-        try {
-            const result = await getAgentPlatformBridge().agent.deleteSdkSession({ sessionId });
-            if (!result.success) {
-                setSdkSessionStatus(result.error || 'Unable to delete SDK session.');
+    const sdkDestructiveActions = sdkConfirmationActions({
+        gate: sdkConfirmation,
+        service: () => getOptionalAgentPlatformBridge()?.agent,
+        workingDirectory: sdkSessionWorkingDirectory,
+        attachedId: sessionUi?.sdkSessionId,
+        currentAttachedId: () => conversationId ? useAgentChatStore.getState().getConversation(conversationId)?.sessionUi?.sdkSessionId : undefined,
+        targetVersion: sessionId => {
+            const item = sdkConfirmationSessionsRef.current.find(entry => entry.id === sessionId || entry.sessionId === sessionId);
+            return item ? JSON.stringify(item) : undefined;
+        },
+        collectionVersion: () => JSON.stringify(sdkConfirmationSessionsRef.current),
+        mutationAllowed: () => {
+            if (sdkSessionBindingBusyRef.current)
+                return false;
+            const latest = conversationId ? useAgentChatStore.getState().getConversation(conversationId) : undefined;
+            return !!latest && !useAgentChatStore.getState().activeRequestId
+                && latest.sessionUi?.activeLane?.status !== 'active_native' && latest.sessionUi?.activeLane?.status !== 'active_structured';
+        },
+        detachDeleted: sessionId => {
+            if (!conversationId)
                 return;
-            }
-            if (sessionUi?.sdkSessionId === sessionId) {
-                patchSessionUi({
-                    sdkSessionId: undefined,
-                    sdkSessionDir: undefined,
-                    sdkSessionHistoryPath: undefined,
-                });
-                setSdkCheckpoints([]);
-            }
-            await loadSdkSessions();
-            setSdkSessionStatus('SDK session deleted.');
-        }
-        catch (error) {
-            setSdkSessionStatus(error instanceof Error ? error.message : 'Unable to delete SDK session.');
-        }
-    }, [loadSdkSessions, patchSessionUi, sessionUi?.sdkSessionId]);
-    const handleCleanSdkSessions = useCallback(async () => {
-        if (!sdkSessionWorkingDirectory || !getAgentPlatformBridge()?.agent?.cleanSdkSessions)
-            return;
-        if (!window.confirm(`Delete old SDK sessions for ${sdkSessionWorkingDirectory}? The currently attached session will be kept.`))
-            return;
-        setSdkSessionStatus('Cleaning old SDK sessions...');
-        try {
-            const result = await getAgentPlatformBridge().agent.cleanSdkSessions({
-                workingDirectory: sdkSessionWorkingDirectory,
-                excludeSessionIds: sessionUi?.sdkSessionId ? [sessionUi.sdkSessionId] : [],
-            });
-            if (!result.success) {
-                setSdkSessionStatus(result.error || 'Unable to clean SDK sessions.');
+            const latest = useAgentChatStore.getState().getConversation(conversationId);
+            if (latest?.sessionUi?.sdkSessionId !== sessionId)
                 return;
-            }
-            await loadSdkSessions();
-            setSdkSessionStatus('Old SDK sessions cleaned.');
-        }
-        catch (error) {
-            setSdkSessionStatus(error instanceof Error ? error.message : 'Unable to clean SDK sessions.');
-        }
-    }, [loadSdkSessions, sdkSessionWorkingDirectory, sessionUi?.sdkSessionId]);
+            updateConversation(conversationId, { sessionUi: { ...latest.sessionUi, sdkSessionId: undefined, sdkSessionDir: undefined, sdkSessionHistoryPath: undefined } });
+            setSdkCheckpoints([]);
+        },
+        status: setSdkSessionStatus,
+        refresh: loadSdkSessions,
+    });
+    const handleDeleteSdkSession = sdkDestructiveActions.remove;
+    const handleCleanSdkSessions = sdkDestructiveActions.clean;
     const handleRemoveQueuedConversationTurn = useCallback((queuedTurnId) => {
         if (!conversationId)
             return;
@@ -7286,7 +7465,13 @@ export function AgentView(props) {
         terminalDraftInput,
         updateConversation,
     ]);
-    return (_jsxs("div", { className: "xeno-app-shell flex-1 relative min-h-0", children: [_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) => {
+    if (conversationId && collaborationAccess?.kind === 'participant') {
+        return _jsx(LiveConversationCollaboration, { localConversationId: conversationId, title: conversation?.title || 'Shared conversation', request: collaborationRequest, onAccessChange: setCollaborationAccess, onNavigateConversation: id => {
+                useAgentChatStore.getState().createConversation(agentId, id);
+                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) => {
                             const previousMsg = runtimeProjectedMessages[msgIdx - 1];
                             const parts = computeMsgParts(msg);
                             const addConversationTurnGap = previousMsg !== undefined && msg.role !== previousMsg.role;
@@ -7358,7 +7543,7 @@ 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("button", { onClick: () => { navigator.clipboard.writeText(msg.content); }, className: "p-1 rounded text-white/20 hover:text-white/50 hover:bg-white/[0.04] active:scale-75 transition-all duration-100", title: "Copy", children: _jsx(Copy, { className: "w-3 h-3" }) }), _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: () => {
+                                                        }, 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" }) }), (() => {
                                                         if (!conversationId)
@@ -7425,7 +7610,7 @@ export function AgentView(props) {
                                                                     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("button", { onClick: () => { navigator.clipboard.writeText(msg.content); }, className: "p-1 rounded text-white/20 hover:text-white/50 hover:bg-white/[0.04] active:scale-75 transition-all duration-100", title: "Copy", children: _jsx(Copy, { className: "w-3 h-3" }) })] })] }))] })) }) }, msg.id));
+                                                }) }), 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));
                         }), 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: () => {
@@ -7455,7 +7640,7 @@ 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: [!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
+                                                        }, 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}...`)
@@ -7484,10 +7669,10 @@ export function AgentView(props) {
                                                 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.replace(/:thinking$/, ''));
+                                            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.replace(/:thinking$/, '')); return m?.creditsPerKToken != null ? `${m.creditsPerKToken}/1k` : ''; })() })] }, entry.id));
+                                            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));
@@ -7495,7 +7680,31 @@ export function AgentView(props) {
                                                             ? 'bg-white/[0.12] text-white shadow-sm'
                                                             : 'text-white/45 hover:bg-white/[0.04] hover:text-white/70'}`, "aria-pressed": workspaceBinding.mode !== 'workspace', children: "Chat" }), _jsx("button", { type: "button", onClick: () => { void handleSelectWorkspaceMode('workspace'); }, 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 === 'workspace'
                                                             ? 'bg-white/[0.12] text-white shadow-sm'
-                                                            : 'text-white/45 hover:bg-white/[0.04] hover:text-white/70'}`, "aria-pressed": workspaceBinding.mode === 'workspace', children: isSelectingConversationWorkspace && workspaceBinding.mode !== 'workspace' ? 'Choosing…' : 'Agent' })] }), workspaceBinding.mode === 'workspace' ? (_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" }))] }), 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 })), _jsxs("div", { className: `xeno-agent-composer-shell border border-white/[0.08] ${pendingTurns.length > 0 ? 'rounded-t-none rounded-b-md' : 'rounded-md'}`, children: [_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
+                                                            : 'text-white/45 hover:bg-white/[0.04] hover:text-white/70'}`, "aria-pressed": workspaceBinding.mode === 'workspace', children: isSelectingConversationWorkspace && workspaceBinding.mode !== 'workspace' ? 'Choosing…' : 'Agent' })] }), workspaceBinding.mode === 'workspace' ? (_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) {
+                                                void handleExecuteCommandOrPrompt(cmd);
+                                            }
+                                            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, '')}...`
@@ -7534,20 +7743,23 @@ export function AgentView(props) {
                                                                                             ? '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' : ''}` })] }), activeReasoningSelector && (_jsxs("div", { ref: effortSelectorRef, className: "relative", onKeyDown: (event) => {
+                                                                                    : (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'
-                                                                                        ? (selectedSharedAcpSnapshot?.selection?.runtimeModelId || selectedSharedAcpSnapshot?.selectedModel?.id) === option.modelId
-                                                                                        : selectedModel === option.modelId;
+                                                                                        ? 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);
@@ -7556,7 +7768,14 @@ export function AgentView(props) {
                                                                                                 setSelectedModel(option.modelId);
                                                                                                 setEffortListOpen(false);
                                                                                             }
-                                                                                        }, 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.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 } },
+                                                                                                    });
+                                                                                            }
+                                                                                        }, 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'
@@ -7570,7 +7789,10 @@ export function AgentView(props) {
                                                                                 ? _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: [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) => {
+                                                                                    : 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();
@@ -7579,7 +7801,10 @@ export function AgentView(props) {
                                                                     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", { onClick: () => { abort(); 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" }) })] })] })] })] })] })] })] }));
+                                                                    : '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" }) })] })] })] })] })] })] })] }));
 }
 const ACP_MODEL_ID = /^[A-Za-z0-9._:/+-]{1,120}$/;
 function projectSharedAcpProviderModels(provider) {