@lvce-editor/chat-view 6.65.0 → 6.67.0

package/dist/chatViewWorkerMain.js

@@ -1213,7 +1213,9 @@ const End = 255;
 const Home = 12;
 const UpArrow = 14;
 const DownArrow = 16;
+const KeyN = 42;
 
+const CtrlCmd = 1 << 11 >>> 0;
 const Shift = 1 << 10 >>> 0;
 
 const Chat$2 = 97;
@@ -1847,6 +1849,7 @@ const Debug = 'Debug';
 const BackToChats = 'Back to chats';
 const BackToChatList = 'Back to chat list';
 const Search$1 = 'Search';
+const ScrollDown$1 = 'Scroll down';
 const SearchModels = 'Search models';
 const SearchChats = 'Search chats';
 const Paste = 'Paste';
@@ -1867,12 +1870,17 @@ const ComposePlaceholder = 'Type your message. Enter to send.';
 const AttachImageAsContext = 'Attach Image as Context';
 const OpenImageInNewTab = 'Open image in new tab';
 const RemoveAttachment = 'Remove attachment';
-const ImageCouldNotBeLoaded = 'image could not be loaded';
+const ImageCouldNotBeLoaded = 'Image preview could not be loaded';
 const OpenRouterApiKeyPlaceholder = 'Enter OpenRouter API key';
 const OpenApiApiKeyPlaceholder = 'Enter OpenAI API key';
 const SendMessage = 'Send message';
 const StartVoiceDictation = 'Start voice dictation';
 const AddContext$1 = 'Add Context';
+const AddAction = 'Add Action';
+const OpenInVsCode = 'Open in VSCode';
+const Commit = 'Commit';
+const OpenTerminal = 'Open Terminal';
+const ShowDiff = 'Show Diff';
 const CreatePullRequest$2 = 'Create PR';
 const Save = 'Save';
 const Saving = 'Saving...';
@@ -1922,6 +1930,9 @@ const settings = () => {
 const search = () => {
   return i18nString(Search$1);
 };
+const scrollDown = () => {
+  return i18nString(ScrollDown$1);
+};
 const searchModels = () => {
   return i18nString(SearchModels);
 };
@@ -1985,6 +1996,21 @@ const startVoiceDictation = () => {
 const addContext = () => {
   return i18nString(AddContext$1);
 };
+const addAction = () => {
+  return i18nString(AddAction);
+};
+const openInVsCode = () => {
+  return i18nString(OpenInVsCode);
+};
+const commit = () => {
+  return i18nString(Commit);
+};
+const openTerminal = () => {
+  return i18nString(OpenTerminal);
+};
+const showDiff = () => {
+  return i18nString(ShowDiff);
+};
 const createPullRequest = () => {
   return i18nString(CreatePullRequest$2);
 };
@@ -2059,16 +2085,19 @@ const getDefaultModelsOpenAi = () => {
     id: 'openapi/gpt-4o-mini',
     name: 'GPT-4o Mini',
     provider: 'openApi',
+    supportsImages: true,
     usageCost: 1
   }, {
     id: 'openapi/gpt-4o',
     name: 'GPT-4o',
     provider: 'openApi',
+    supportsImages: true,
     usageCost: 3
   }, {
     id: 'openapi/gpt-4.1-mini',
     name: 'GPT-4.1 Mini',
     provider: 'openApi',
+    supportsImages: true,
     usageCost: 1
   }];
 };
@@ -2306,6 +2335,8 @@ const createDefaultState = () => {
     chatSendAreaPaddingLeft: 8,
     chatSendAreaPaddingRight: 8,
     chatSendAreaPaddingTop: 10,
+    composerAttachmentPreviewOverlayAttachmentId: '',
+    composerAttachmentPreviewOverlayError: false,
     composerAttachments: [],
     composerAttachmentsHeight: 0,
     composerDropActive: false,
@@ -2336,12 +2367,14 @@ const createDefaultState = () => {
     messagesScrollTop: 0,
     mockAiResponseDelay: 800,
     mockApiCommandId: '',
+    mockOpenApiRequests: [],
     modelPickerHeaderHeight,
     modelPickerHeight: getModelPickerHeight(modelPickerHeaderHeight, visibleModels.length),
     modelPickerListScrollTop: 0,
     modelPickerOpen: false,
     modelPickerSearchValue: '',
     models,
+    nextAttachmentId: 1,
     nextMessageId: 1,
     openApiApiBaseUrl: 'https://api.openai.com/v1',
     openApiApiKey: '',
@@ -2372,6 +2405,7 @@ const createDefaultState = () => {
     responsivePickerVisibilityEnabled,
     runMode: 'local',
     runModePickerOpen: false,
+    scrollDownButtonEnabled: false,
     searchEnabled: false,
     searchFieldVisible: false,
     searchValue: '',
@@ -2602,6 +2636,13 @@ const getComposerAttachmentPreviewSrc = async (blob, displayType, mimeType) => {
   return `data:${mimeType || 'application/octet-stream'};base64,${base64}`;
 };
 
+const getComposerAttachmentTextContent = async (blob, displayType) => {
+  if (displayType !== 'text-file') {
+    return undefined;
+  }
+  return blob.text();
+};
+
 const isChatAttachmentAddedEvent = event => {
   return event.type === 'chat-attachment-added';
 };
@@ -2624,6 +2665,7 @@ const getComposerAttachments = async sessionId => {
     }
     const displayType = await getComposerAttachmentDisplayType(event.blob, event.name, event.mimeType);
     const previewSrc = await getComposerAttachmentPreviewSrc(event.blob, displayType, event.mimeType);
+    const textContent = await getComposerAttachmentTextContent(event.blob, displayType);
     attachments.set(event.attachmentId, {
       attachmentId: event.attachmentId,
       displayType,
@@ -2632,7 +2674,10 @@ const getComposerAttachments = async sessionId => {
       ...(previewSrc ? {
         previewSrc
       } : {}),
-      size: event.size
+      size: event.size,
+      ...(typeof textContent === 'string' ? {
+        textContent
+      } : {})
     });
   }
   return [...attachments.values()];
@@ -3194,7 +3239,8 @@ const openModelPicker = state => {
   return {
     ...state,
     agentModePickerOpen: false,
-    focus: 'model-picker-input',
+    focus: modelPickerOpen ? 'model-picker-input' : state.focus,
+    focused: modelPickerOpen ? true : state.focused,
     modelPickerHeight: getModelPickerHeight(state.modelPickerHeaderHeight, visibleModels.length),
     modelPickerListScrollTop: 0,
     modelPickerOpen,
@@ -3230,6 +3276,10 @@ const getKeyBindings = () => {
     command: 'Chat.chatListFocusPrevious',
     key: UpArrow,
     when: FocusChatList
+  }, {
+    command: 'Chat.handleClickNew',
+    key: CtrlCmd | KeyN,
+    when: FocusChatInput
   }, {
     command: 'Chat.handleSubmit',
     key: Enter,
@@ -3328,14 +3378,22 @@ const ComposerDropTarget = 'composer-drop-target';
 const ComposerAttachmentPrefix = 'composer-attachment:';
 const ComposerAttachmentPreviewPrefix = 'composer-attachment-preview:';
 const ComposerAttachmentRemovePrefix = 'composer-attachment-remove:';
+const ComposerAttachmentPreviewOverlay = 'composer-attachment-preview-overlay';
 const AddContext = 'add-context';
 const Dictate = 'dictate';
 const CreatePullRequest$1 = 'create-pull-request';
+const FocusAddAction = 'focus-add-action';
+const FocusOpenInVsCode = 'focus-open-in-vscode';
+const FocusCommit = 'focus-commit';
+const FocusOpenTerminal = 'focus-open-terminal';
+const FocusShowDiff = 'focus-show-diff';
 const Send = 'send';
+const ScrollDown = 'scroll-down';
 const Back = 'back';
 const ModelPickerToggle = 'model-picker-toggle';
 const ModelPickerSearch = 'model-picker-search';
 const ModelPickerList = 'model-picker-list';
+const PickerList = 'picker-list';
 const AgentModePickerToggle = 'agent-mode-picker-toggle';
 const AgentModePickerItemPrefix = 'agent-mode-picker-item:';
 const ReasoningEffortPickerToggle = 'reasoning-effort-picker-toggle';
@@ -3397,6 +3455,12 @@ const getModelPickerItemInputName = modelId => {
 const getComposerAttachmentInputName = attachmentId => {
   return `${ComposerAttachmentPrefix}${attachmentId}`;
 };
+const isComposerAttachmentInputName = name => {
+  return name.startsWith(ComposerAttachmentPrefix);
+};
+const getAttachmentIdFromComposerAttachmentInputName = name => {
+  return name.slice(ComposerAttachmentPrefix.length);
+};
 const getComposerAttachmentRemoveInputName = attachmentId => {
   return `${ComposerAttachmentRemovePrefix}${attachmentId}`;
 };
@@ -3412,6 +3476,9 @@ const isComposerAttachmentRemoveInputName = name => {
 const getAttachmentIdFromComposerAttachmentRemoveInputName = name => {
   return name.slice(ComposerAttachmentRemovePrefix.length);
 };
+const isComposerAttachmentPreviewOverlayInputName = name => {
+  return name === ComposerAttachmentPreviewOverlay;
+};
 const isModelPickerItemInputName = name => {
   return name.startsWith(ModelPickerItemPrefix);
 };
@@ -3505,6 +3572,10 @@ const getMenuEntries = (menuId, props) => {
   }
 };
 
+const getMockOpenApiRequests = state => {
+  return state.mockOpenApiRequests;
+};
+
 const getQuickPickMenuEntries = () => {
   return [];
 };
@@ -3630,6 +3701,12 @@ const getModelPickerClickIndex = (y, height, eventY, modelPickerBottomOffset, mo
   return Math.floor(relativeY / modelPickerItemHeight);
 };
 
+const AutoScrollTopA = Number.MAX_SAFE_INTEGER;
+const AutoScrollTopB = Number.MAX_SAFE_INTEGER - 1;
+const getNextAutoScrollTop = currentScrollTop => {
+  return currentScrollTop === AutoScrollTopA ? AutoScrollTopB : AutoScrollTopA;
+};
+
 const openFolder = async () => {
   try {
     return await invoke('FilePicker.showDirectoryPicker');
@@ -4207,6 +4284,54 @@ const getBasicChatTools = async (agentMode = defaultAgentMode, questionToolEnabl
   }
 };
 
+const getAttachmentTextPart = attachment => {
+  switch (attachment.displayType) {
+    case 'file':
+      return {
+        text: `Attached file "${attachment.name}" (${attachment.mimeType || 'application/octet-stream'}, ${attachment.size} bytes).`,
+        type: 'input_text'
+      };
+    case 'image':
+      return {
+        text: `Attached image "${attachment.name}" could not be encoded for the AI request.`,
+        type: 'input_text'
+      };
+    case 'invalid-image':
+      return {
+        text: `Attached file "${attachment.name}" could not be processed as a valid image.`,
+        type: 'input_text'
+      };
+    case 'text-file':
+      return {
+        text: attachment.textContent ? `Attached text file "${attachment.name}" (${attachment.mimeType || 'text/plain'}):\n\n${attachment.textContent}` : `Attached text file "${attachment.name}" (${attachment.mimeType || 'text/plain'}).`,
+        type: 'input_text'
+      };
+  }
+};
+const getChatMessageOpenAiContent = message => {
+  if (!message.attachments || message.attachments.length === 0) {
+    return message.text;
+  }
+  const parts = [];
+  if (message.text) {
+    parts.push({
+      text: message.text,
+      type: 'input_text'
+    });
+  }
+  for (const attachment of message.attachments) {
+    if (attachment.displayType === 'image' && attachment.previewSrc) {
+      parts.push({
+        image_url: attachment.previewSrc,
+        type: 'input_image'
+      });
+      continue;
+    }
+    parts.push(getAttachmentTextPart(attachment));
+  }
+  return parts;
+};
+
 const getClientRequestIdHeader = () => {
   return {
     'x-client-request-id': crypto.randomUUID()
@@ -4222,11 +4347,22 @@ const getMockAiResponse = async (userMessage, delayInMs) => {
   return `Mock AI response: I received "${userMessage}".`;
 };
 
+let requests = [];
+const reset$2 = () => {
+  requests = [];
+};
+const capture = request => {
+  requests = [...requests, request];
+};
+const getAll = () => {
+  return requests;
+};
+
 let queue = [];
 let waiters = [];
 let finished = false;
 let errorResult;
-const reset$2 = () => {
+const reset$1 = () => {
   queue = [];
   waiters = [];
   finished = false;
@@ -4300,6 +4436,47 @@ const readNextChunk = async () => {
   return promise;
 };
 
+const lastRequestSummaryToken = '__MOCK_OPENAPI_LAST_REQUEST_SUMMARY__';
+const getLastRequestSummary = () => {
+  const requests = getAll();
+  const request = requests.at(-1);
+  if (!request || !request.payload || typeof request.payload !== 'object') {
+    return 'mock-request-summary images=0 text-files=0';
+  }
+  const input = Reflect.get(request.payload, 'input');
+  if (!Array.isArray(input) || input.length === 0) {
+    return 'mock-request-summary images=0 text-files=0';
+  }
+  let imageCount = 0;
+  let textFileCount = 0;
+  for (const item of input) {
+    if (!item || typeof item !== 'object') {
+      continue;
+    }
+    const content = Reflect.get(item, 'content');
+    if (!Array.isArray(content)) {
+      continue;
+    }
+    for (const part of content) {
+      if (!part || typeof part !== 'object') {
+        continue;
+      }
+      const type = Reflect.get(part, 'type');
+      if (type === 'input_image') {
+        imageCount++;
+        continue;
+      }
+      if (type !== 'input_text') {
+        continue;
+      }
+      const text = Reflect.get(part, 'text');
+      if (typeof text === 'string' && text.startsWith('Attached text file "')) {
+        textFileCount++;
+      }
+    }
+  }
+  return `mock-request-summary images=${imageCount} text-files=${textFileCount}`;
+};
 const getResponseFunctionCalls$1 = value => {
   if (!value || typeof value !== 'object') {
     return [];
@@ -4497,9 +4674,10 @@ const getMockOpenApiAssistantText = async (stream, onTextChunk, onToolCallsChunk
       }
       continue;
     }
-    text += chunk;
+    const resolvedChunk = chunk === lastRequestSummaryToken ? getLastRequestSummary() : chunk;
+    text += resolvedChunk;
     if (stream && onTextChunk) {
-      await onTextChunk(chunk);
+      await onTextChunk(resolvedChunk);
     }
   }
   if (!requestDone && remainder) {
@@ -5336,7 +5514,7 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
     stream: false
   };
   const openAiInput = messages.map(message => ({
-    content: message.text,
+    content: getChatMessageOpenAiContent(message),
     role: message.role
   }));
   const tools = await getBasicChatTools(agentMode, questionToolEnabled, toolEnablement);
@@ -5729,12 +5907,22 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
   };
 };
 
+const imageRegex = /\b(?:image|vision|multimodal)\b/i;
+const unsupportedRegex = /\bdoes(?:\s+not|n't)\s+support|not\s+support(?:ed)?|unsupported\b/i;
 const isOffline = () => {
   if (!globalThis.navigator) {
     return false;
   }
   return globalThis.navigator.onLine === false;
 };
+const isImageNotSupportedError = errorResult => {
+  const haystack = [errorResult.errorCode, errorResult.errorMessage, errorResult.errorType].filter(Boolean).join(' ');
+  return imageRegex.test(haystack) && unsupportedRegex.test(haystack);
+};
+const getImageNotSupportedMessage = modelName => {
+  const subject = modelName ? `${modelName} does not support image attachments.` : 'This model does not support image attachments.';
+  return `${subject} Choose a vision-capable model like GPT-4o Mini or GPT-4o, or remove the image and try again.`;
+};
 const getOpenApiErrorMessage = errorResult => {
   switch (errorResult.details) {
     case 'http-error':
@@ -5748,6 +5936,9 @@ const getOpenApiErrorMessage = errorResult => {
           const status = typeof errorResult.statusCode === 'number' ? errorResult.statusCode : 401;
           return `OpenAI request failed (Status ${status}): Invalid API key. Please verify your OpenAI API key in Chat Settings.`;
         }
+        if (isImageNotSupportedError(errorResult)) {
+          return getImageNotSupportedMessage();
+        }
         if (errorResult.statusCode === 429) {
           let prefix = 'OpenAI rate limit exceeded (429)';
           if (hasErrorCode) {
@@ -6196,17 +6387,6 @@ const isOpenRouterModel = (selectedModelId, models) => {
   return selectedModelId.toLowerCase().startsWith('openrouter/');
 };
 
-let requests = [];
-const reset$1 = () => {
-  requests = [];
-};
-const capture = request => {
-  requests = [...requests, request];
-};
-const getAll = () => {
-  return requests;
-};
-
 /* eslint-disable prefer-destructuring */
 
 const trailingSlashesRegex = /\/+$/;
@@ -6221,6 +6401,9 @@ const getEffectiveBackendModelId = selectedModelId => {
   }
   return selectedModelId.slice(separatorIndex + 1);
 };
+const hasImageAttachments = messages => {
+  return messages.some(message => message.attachments?.some(attachment => attachment.displayType === 'image'));
+};
 const getBackendAssistantText = async (messages, selectedModelId, backendUrl, authAccessToken, systemPrompt) => {
   let response;
   try {
@@ -6268,6 +6451,7 @@ const getAiResponse = async ({
   nextMessageId,
   onDataEvent,
   onEventStreamFinished,
+  onMockOpenApiRequestCaptured,
   onTextChunk,
   onToolCallsChunk,
   openApiApiBaseUrl,
@@ -6343,7 +6527,15 @@ const getAiResponse = async ({
     }
   }
   let text = '';
-  if (authEnabled) {
+  const usesOpenApiModel = isOpenApiModel(selectedModelId, models);
+  const usesOpenRouterModel = isOpenRouterModel(selectedModelId, models);
+  const selectedModel = models.find(model => model.id === selectedModelId);
+  const supportsImages = selectedModel?.supportsImages ?? false;
+  const supportsReasoningEffort = selectedModel?.supportsReasoningEffort ?? false;
+  if (hasImageAttachments(messages) && !supportsImages) {
+    text = getImageNotSupportedMessage(selectedModel?.name);
+  }
+  if (!text && authEnabled) {
     if (!backendUrl) {
       text = backendUrlRequiredMessage;
     } else if (authAccessToken) {
@@ -6352,15 +6544,11 @@ const getAiResponse = async ({
       text = backendAccessTokenRequiredMessage;
     }
   }
-  const usesOpenApiModel = isOpenApiModel(selectedModelId, models);
-  const usesOpenRouterModel = isOpenRouterModel(selectedModelId, models);
-  const selectedModel = models.find(model => model.id === selectedModelId);
-  const supportsReasoningEffort = selectedModel?.supportsReasoningEffort ?? false;
   if (!text && usesOpenApiModel) {
     const safeMaxToolCalls = Math.max(1, maxToolCalls);
     if (useMockApi) {
       const openAiInput = messages.map(message => ({
-        content: message.text,
+        content: getChatMessageOpenAiContent(message),
         role: message.role
       }));
       const modelId = getOpenApiModelId(selectedModelId);
@@ -6372,12 +6560,16 @@ const getAiResponse = async ({
       const maxToolIterations = safeMaxToolCalls - 1;
       let previousResponseId;
       for (let i = 0; i <= maxToolIterations; i++) {
-        capture({
+        const request = {
           headers,
           method: 'POST',
           payload: getOpenAiParams(openAiInput, modelId, streamingEnabled, passIncludeObfuscation, await getBasicChatTools(agentMode, questionToolEnabled, toolEnablement), agentMode === 'plan' ? false : webSearchEnabled, safeMaxToolCalls, systemPrompt, previousResponseId, reasoningEffort, supportsReasoningEffort),
           url: getOpenApiApiEndpoint(openApiApiBaseUrl)
-        });
+        };
+        capture(request);
+        if (onMockOpenApiRequestCaptured) {
+          await Promise.resolve(onMockOpenApiRequestCaptured(request));
+        }
         const result = await getMockOpenApiAssistantText(streamingEnabled, onTextChunk, onToolCallsChunk, onDataEvent, onEventStreamFinished);
         if (result.type !== 'success') {
           text = getOpenApiErrorMessage(result);
@@ -6532,6 +6724,9 @@ const Chat = 'Chat';
 const ChatActions = 'ChatActions';
 const ChatAuthError = 'ChatAuthError';
 const ChatFocus = 'ChatFocus';
+const ChatFocusActions = 'ChatFocusActions';
+const ChatFocusHeader = 'ChatFocusHeader';
+const ChatFocusProject = 'ChatFocusProject';
 const ChatHeader = 'ChatHeader';
 const ChatHeaderLabel = 'ChatHeaderLabel';
 const ChatInputBox = 'ChatInputBox';
@@ -6567,6 +6762,9 @@ const ChatComposerAttachmentImage = 'ChatComposerAttachmentImage';
 const ChatComposerAttachmentInvalidImage = 'ChatComposerAttachmentInvalidImage';
 const ChatComposerAttachmentLabel = 'ChatComposerAttachmentLabel';
 const ChatComposerAttachmentPreview = 'ChatComposerAttachmentPreview';
+const ChatComposerAttachmentPreviewOverlay = 'ChatComposerAttachmentPreviewOverlay';
+const ChatComposerAttachmentPreviewOverlayError = 'ChatComposerAttachmentPreviewOverlayError';
+const ChatComposerAttachmentPreviewOverlayImage = 'ChatComposerAttachmentPreviewOverlayImage';
 const ChatComposerAttachmentRemoveButton = 'ChatComposerAttachmentRemoveButton';
 const ChatComposerAttachments = 'ChatComposerAttachments';
 const ChatComposerAttachmentTextFile = 'ChatComposerAttachmentTextFile';
@@ -6605,6 +6803,7 @@ const FileIcon = 'FileIcon';
 const IconButton = 'IconButton';
 const IconButtonDisabled = 'IconButtonDisabled';
 const ImageElement = 'ImageElement';
+const ImageErrorMessage = 'ImageErrorMessage';
 const InputBox = 'InputBox';
 const Insertion = 'Insertion';
 const Label = 'Label';
@@ -8379,12 +8578,6 @@ const getMentionContextMessage = async value => {
   };
 };
 
-const AutoScrollTopA = Number.MAX_SAFE_INTEGER;
-const AutoScrollTopB = Number.MAX_SAFE_INTEGER - 1;
-const getNextAutoScrollTop = currentScrollTop => {
-  return currentScrollTop === AutoScrollTopA ? AutoScrollTopB : AutoScrollTopA;
-};
-
 const slashCommandRegex = /^\/([a-z][a-z0-9-]*)(?:\s+.*)?$/i;
 const getSlashCommand = value => {
   const trimmed = value.trim();
@@ -8662,6 +8855,19 @@ const withUpdatedMessageScrollTop = state => {
   };
 };
 const workspaceUriPlaceholder = '{{workspaceUri}}';
+const clearComposerAttachments = async (sessionId, attachmentIds) => {
+  if (!sessionId) {
+    return;
+  }
+  for (const attachmentId of attachmentIds) {
+    await appendChatViewEvent({
+      attachmentId,
+      sessionId,
+      timestamp: new Date().toISOString(),
+      type: 'chat-attachment-removed'
+    });
+  }
+};
 const getCurrentDate = () => {
   return new Date().toISOString().slice(0, 10);
 };
@@ -8754,7 +8960,12 @@ const handleSubmit = async state => {
     minute: '2-digit'
   });
   const userMessageId = crypto.randomUUID();
+  const composerAttachments = state.composerAttachments.length > 0 ? state.composerAttachments : await getComposerAttachments(state.selectedSessionId);
+  await clearComposerAttachments(state.selectedSessionId, composerAttachments.map(attachment => attachment.attachmentId));
   const userMessage = {
+    ...(composerAttachments.length > 0 ? {
+      attachments: composerAttachments
+    } : {}),
     id: userMessageId,
     role: 'user',
     text: userText,
@@ -8869,6 +9080,9 @@ const handleSubmit = async state => {
     latestState: optimisticState,
     previousState: optimisticState
   };
+  let {
+    mockOpenApiRequests
+  } = optimisticState;
   const selectedOptimisticSession = optimisticState.sessions.find(session => session.id === optimisticState.selectedSessionId);
   const systemPrompt = getEffectiveSystemPrompt(optimisticState, selectedOptimisticSession);
   const workspaceUri = getWorkspaceUri(optimisticState, selectedOptimisticSession);
@@ -8911,6 +9125,9 @@ const handleSubmit = async state => {
         value: '[DONE]'
       });
     },
+    onMockOpenApiRequestCaptured: async request => {
+      mockOpenApiRequests = [...mockOpenApiRequests, request];
+    },
     ...(handleTextChunkFunctionRef ? {
       onTextChunk: handleTextChunkFunctionRef
     } : {}),
@@ -8967,6 +9184,7 @@ const handleSubmit = async state => {
   }
   return withUpdatedMessageScrollTop(focusInput({
     ...latestState,
+    mockOpenApiRequests,
     nextMessageId: latestState.nextMessageId + 1,
     parsedMessages: finalParsedMessages,
     sessions: updatedSessions
@@ -9028,6 +9246,8 @@ const openAgentModePicker = state => {
   return {
     ...state,
     agentModePickerOpen,
+    focus: agentModePickerOpen ? 'picker-list' : state.focus,
+    focused: agentModePickerOpen ? true : state.focused,
     modelPickerOpen: false,
     modelPickerSearchValue: '',
     reasoningEffortPickerOpen: false,
@@ -9046,6 +9266,8 @@ const openReasoningEffortPicker = state => {
   return {
     ...state,
     agentModePickerOpen: false,
+    focus: reasoningEffortPickerOpen ? 'picker-list' : state.focus,
+    focused: reasoningEffortPickerOpen ? true : state.focused,
     modelPickerOpen: false,
     modelPickerSearchValue: '',
     reasoningEffortPickerOpen,
@@ -9071,6 +9293,8 @@ const openRunModePicker = state => {
   return {
     ...state,
     agentModePickerOpen: false,
+    focus: runModePickerOpen ? 'picker-list' : state.focus,
+    focused: runModePickerOpen ? true : state.focused,
     modelPickerOpen: false,
     modelPickerSearchValue: '',
     reasoningEffortPickerOpen: false,
@@ -9334,6 +9558,12 @@ const handleClick = async (state, name, id = '', eventX = 0, eventY = 0) => {
       return deleteSession(state, id);
     case name === Send:
       return handleClickSend(state);
+    case name === ScrollDown:
+      return {
+        ...state,
+        messagesAutoScrollEnabled: true,
+        messagesScrollTop: getNextAutoScrollTop(state.messagesScrollTop)
+      };
     case name === SaveOpenRouterApiKey:
       return handleClickSaveOpenRouterApiKey(state);
     case name === SaveOpenApiApiKey:
@@ -9564,6 +9794,7 @@ const handleDropFiles = async (state, name, fileHandles = []) => {
   const {
     composerDropActive,
     composerDropEnabled,
+    nextAttachmentId,
     selectedSessionId,
     width
   } = state;
@@ -9586,9 +9817,10 @@ const handleDropFiles = async (state, name, fileHandles = []) => {
   const nextAttachments = [];
   for (const droppedFileHandle of droppedFileHandles) {
     const file = await droppedFileHandle.getFile();
-    const attachmentId = crypto.randomUUID();
+    const attachmentId = `attachment-${nextAttachmentId + nextAttachments.length}`;
     const displayType = await getComposerAttachmentDisplayType(file, file.name, file.type);
     const previewSrc = await getComposerAttachmentPreviewSrc(file, displayType, file.type);
+    const textContent = await getComposerAttachmentTextContent(file, displayType);
     await appendChatViewEvent({
       attachmentId,
       blob: file,
@@ -9607,13 +9839,27 @@ const handleDropFiles = async (state, name, fileHandles = []) => {
       ...(previewSrc ? {
         previewSrc
       } : {}),
-      size: file.size
+      size: file.size,
+      ...(typeof textContent === 'string' ? {
+        textContent
+      } : {})
     });
   }
   return {
     ...nextState,
     composerAttachments: [...nextState.composerAttachments, ...nextAttachments],
-    composerAttachmentsHeight: getComposerAttachmentsHeight([...nextState.composerAttachments, ...nextAttachments], width)
+    composerAttachmentsHeight: getComposerAttachmentsHeight([...nextState.composerAttachments, ...nextAttachments], width),
+    nextAttachmentId: nextAttachmentId + nextAttachments.length
+  };
+};
+
+const handleErrorComposerAttachmentPreviewOverlay = async state => {
+  if (!state.composerAttachmentPreviewOverlayAttachmentId || state.composerAttachmentPreviewOverlayError) {
+    return state;
+  }
+  return {
+    ...state,
+    composerAttachmentPreviewOverlayError: true
   };
 };
 
@@ -9817,6 +10063,60 @@ const handleModelChange = async (state, value) => {
   };
 };
 
+const hideComposerAttachmentPreviewOverlay = async state => {
+  if (!state.composerAttachmentPreviewOverlayAttachmentId && !state.composerAttachmentPreviewOverlayError) {
+    return state;
+  }
+  return {
+    ...state,
+    composerAttachmentPreviewOverlayAttachmentId: '',
+    composerAttachmentPreviewOverlayError: false
+  };
+};
+
+const isCurrentAttachmentTarget = (name, attachmentId) => {
+  return name === getComposerAttachmentInputName(attachmentId) || isComposerAttachmentRemoveInputName(name) && getAttachmentIdFromComposerAttachmentRemoveInputName(name) === attachmentId;
+};
+const handleMouseOut = async (state, name, relatedName = '') => {
+  const {
+    composerAttachmentPreviewOverlayAttachmentId
+  } = state;
+  if (!composerAttachmentPreviewOverlayAttachmentId) {
+    return state;
+  }
+  const isLeavingOverlay = isComposerAttachmentPreviewOverlayInputName(name);
+  if (!isLeavingOverlay) {
+    return state;
+  }
+  if (isComposerAttachmentPreviewOverlayInputName(relatedName) || isCurrentAttachmentTarget(relatedName, composerAttachmentPreviewOverlayAttachmentId)) {
+    return state;
+  }
+  return hideComposerAttachmentPreviewOverlay(state);
+};
+
+const showComposerAttachmentPreviewOverlay = async (state, attachmentId) => {
+  const attachment = state.composerAttachments.find(item => item.attachmentId === attachmentId) ?? state.composerAttachments.find(item => item.displayType === 'image' && !!item.previewSrc);
+  if (!attachment || attachment.displayType !== 'image' || !attachment.previewSrc) {
+    return state;
+  }
+  if (state.composerAttachmentPreviewOverlayAttachmentId === attachmentId && !state.composerAttachmentPreviewOverlayError) {
+    return state;
+  }
+  return {
+    ...state,
+    composerAttachmentPreviewOverlayAttachmentId: attachmentId,
+    composerAttachmentPreviewOverlayError: false
+  };
+};
+
+const handleMouseOver = async (state, name) => {
+  if (!isComposerAttachmentInputName(name)) {
+    return state;
+  }
+  const attachmentId = getAttachmentIdFromComposerAttachmentInputName(name);
+  return showComposerAttachmentPreviewOverlay(state, attachmentId);
+};
+
 const handleNewline = async state => {
   const {
     composerValue
@@ -10010,6 +10310,23 @@ const getSavedChatListScrollTop = savedState => {
   return chatListScrollTop;
 };
 
+const getSavedComposerSelection = (savedState, composerValue) => {
+  if (!isObject$1(savedState)) {
+    return undefined;
+  }
+  const {
+    composerSelectionEnd,
+    composerSelectionStart
+  } = savedState;
+  if (typeof composerSelectionStart !== 'number') {
+    return undefined;
+  }
+  if (typeof composerSelectionEnd !== 'number') {
+    return undefined;
+  }
+  return getNormalizedComposerSelection(composerValue, composerSelectionStart, composerSelectionEnd);
+};
+
 const getSavedComposerValue = savedState => {
   if (!isObject$1(savedState)) {
     return undefined;
@@ -10311,6 +10628,15 @@ const loadReasoningPickerEnabled = async () => {
   }
 };
 
+const loadScrollDownButtonEnabled = async () => {
+  try {
+    const savedScrollDownButtonEnabled = await get('chatView.scrollDownButtonEnabled');
+    return typeof savedScrollDownButtonEnabled === 'boolean' ? savedScrollDownButtonEnabled : false;
+  } catch {
+    return false;
+  }
+};
+
 const loadSearchEnabled = async () => {
   try {
     const savedSearchEnabled = await get('chatView.searchEnabled');
@@ -10402,7 +10728,7 @@ const loadVoiceDictationEnabled = async () => {
 };
 
 const loadPreferences = async () => {
-  const [aiSessionTitleGenerationEnabled, authAccessToken, authEnabled, authRefreshToken, backendUrl, chatHistoryEnabled, composerDropEnabled, openApiApiKey, openRouterApiKey, emitStreamingFunctionCallEvents, reasoningPickerEnabled, searchEnabled, streamingEnabled, todoListToolEnabled, toolEnablement, passIncludeObfuscation, useChatCoordinatorWorker, useChatMathWorker, useChatMessageParsingWorker, useChatNetworkWorkerForRequests, useChatToolWorker, voiceDictationEnabled] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadBackendAccessToken(), loadAuthEnabled(), loadBackendRefreshToken(), loadBackendUrl(), loadChatHistoryEnabled(), loadComposerDropEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), loadReasoningPickerEnabled(), loadSearchEnabled(), loadStreamingEnabled(), loadTodoListToolEnabled(), loadToolEnablement(), loadPassIncludeObfuscation(), loadUseChatCoordinatorWorker(), loadUseChatMathWorker(), loadUseChatMessageParsingWorker(), loadUseChatNetworkWorkerForRequests(), loadUseChatToolWorker(), loadVoiceDictationEnabled()]);
+  const [aiSessionTitleGenerationEnabled, authAccessToken, authEnabled, authRefreshToken, backendUrl, chatHistoryEnabled, composerDropEnabled, openApiApiKey, openRouterApiKey, emitStreamingFunctionCallEvents, reasoningPickerEnabled, scrollDownButtonEnabled, searchEnabled, streamingEnabled, todoListToolEnabled, toolEnablement, passIncludeObfuscation, useChatCoordinatorWorker, useChatMathWorker, useChatMessageParsingWorker, useChatNetworkWorkerForRequests, useChatToolWorker, voiceDictationEnabled] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadBackendAccessToken(), loadAuthEnabled(), loadBackendRefreshToken(), loadBackendUrl(), loadChatHistoryEnabled(), loadComposerDropEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), loadReasoningPickerEnabled(), loadScrollDownButtonEnabled(), loadSearchEnabled(), loadStreamingEnabled(), loadTodoListToolEnabled(), loadToolEnablement(), loadPassIncludeObfuscation(), loadUseChatCoordinatorWorker(), loadUseChatMathWorker(), loadUseChatMessageParsingWorker(), loadUseChatNetworkWorkerForRequests(), loadUseChatToolWorker(), loadVoiceDictationEnabled()]);
   return {
     aiSessionTitleGenerationEnabled,
     authAccessToken,
@@ -10416,6 +10742,7 @@ const loadPreferences = async () => {
     openRouterApiKey,
     passIncludeObfuscation,
     reasoningPickerEnabled,
+    scrollDownButtonEnabled,
     searchEnabled,
     streamingEnabled,
     todoListToolEnabled,
@@ -10473,6 +10800,9 @@ const loadContent = async (state, savedState) => {
   const savedSelectedModelId = getSavedSelectedModelId(savedState);
   const savedViewMode = getSavedViewMode(savedState);
   const savedComposerValue = getSavedComposerValue(savedState);
+  const composerValue = savedComposerValue ?? state.composerValue;
+  const savedComposerSelection = getSavedComposerSelection(savedState, composerValue);
+  const [composerSelectionStart, composerSelectionEnd] = savedComposerSelection ?? [state.composerSelectionStart, state.composerSelectionEnd];
   const {
     aiSessionTitleGenerationEnabled,
     authAccessToken,
@@ -10486,6 +10816,7 @@ const loadContent = async (state, savedState) => {
     openRouterApiKey,
     passIncludeObfuscation,
     reasoningPickerEnabled,
+    scrollDownButtonEnabled,
     searchEnabled,
     streamingEnabled,
     todoListToolEnabled,
@@ -10564,7 +10895,9 @@ const loadContent = async (state, savedState) => {
     composerAttachmentsHeight: getComposerAttachmentsHeight(composerAttachments, state.width),
     composerDropActive: false,
     composerDropEnabled,
-    composerValue: savedComposerValue ?? state.composerValue,
+    composerSelectionEnd,
+    composerSelectionStart,
+    composerValue,
     emitStreamingFunctionCallEvents,
     initial: false,
     lastNormalViewMode,
@@ -10586,6 +10919,7 @@ const loadContent = async (state, savedState) => {
     reasoningEffortPickerOpen: false,
     reasoningPickerEnabled,
     runModePickerOpen: false,
+    scrollDownButtonEnabled,
     searchEnabled,
     searchFieldVisible: false,
     searchValue: '',
@@ -10643,7 +10977,7 @@ const mockOpenApiRequestGetAll = _state => {
 };
 
 const mockOpenApiRequestReset = state => {
-  reset$1();
+  reset$2();
   return state;
 };
 
@@ -10668,7 +11002,7 @@ const mockOpenApiStreamPushChunk = (state, chunk) => {
 };
 
 const mockOpenApiStreamReset = state => {
-  reset$2();
+  reset$1();
   return state;
 };
 
@@ -10716,7 +11050,7 @@ const pasteInput = async state => {
 };
 
 const registerMockResponse = (state, mockResponse) => {
-  reset$2();
+  reset$1();
   pushChunk(mockResponse.text);
   finish();
   return state;
@@ -10824,6 +11158,43 @@ const getCss = (composerHeight, composerAttachmentsHeight, modelPickerHeight, li
   border-color: var(--vscode-charts-green, var(--vscode-widget-border, var(--vscode-panel-border)));
 }
 
+.Chat{
+  position: relative;
+}
+
+.ChatComposerAttachmentPreviewOverlay{
+  position: absolute;
+  left: calc(var(--ChatSendAreaPaddingLeft) + 8px);
+  bottom: calc(var(--ChatSendAreaHeight) - 12px);
+  z-index: 6;
+  width: 240px;
+  min-width: 160px;
+  min-height: 160px;
+  max-width: calc(100% - var(--ChatSendAreaPaddingLeft) - var(--ChatSendAreaPaddingRight) - 16px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid var(--vscode-widget-border, var(--vscode-panel-border));
+  border-radius: 12px;
+  background: var(--vscode-editorWidget-background, var(--vscode-editor-background));
+  box-shadow: 0 12px 28px color-mix(in srgb, var(--vscode-editor-background) 45%, black);
+  overflow: hidden;
+}
+
+.ChatComposerAttachmentPreviewOverlayImage{
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  max-height: min(320px, calc(100vh - 200px));
+  object-fit: contain;
+  background: color-mix(in srgb, var(--vscode-editor-background) 88%, black);
+}
+
+.ChatComposerAttachmentPreviewOverlayError{
+  padding: 12px;
+  color: var(--vscode-errorForeground, var(--vscode-foreground));
+}
+
 .CustomSelectContainer{
   position: relative;
   min-width: 0;
@@ -10845,6 +11216,10 @@ const getCss = (composerHeight, composerAttachmentsHeight, modelPickerHeight, li
   pointer-events: auto;
 }
 
+.ChatViewDropOverlayActive{
+  background: rgba(255, 255, 255, 0.1);
+}
+
 .RunModePickerPopOver{
   overflow: hidden;
   border: 1px solid var(--vscode-widget-border, var(--vscode-panel-border));
@@ -10899,6 +11274,27 @@ const getCss = (composerHeight, composerAttachmentsHeight, modelPickerHeight, li
   min-width: 0;
 }
 
+.ChatMessages > .Message{
+  display: flex;
+}
+
+.ChatMessages > .MessageUser{
+  justify-content: flex-end;
+}
+
+.ChatMessages > .MessageAssistant{
+  justify-content: flex-start;
+}
+
+.ChatFocus .ChatMessages > .Message{
+  inline-size: fit-content;
+  max-inline-size: min(100%, var(--ChatFocusContentMaxWidth));
+}
+
+.ChatFocus .ChatMessages > .Message > .ChatMessageContent{
+  max-inline-size: 100%;
+}
+
 `;
   return `${baseCss}
 
@@ -10936,6 +11332,7 @@ const renderCss = (oldState, newState) => {
   return [SetCss, uid, css];
 };
 
+const pickerListSelector = '.ChatOverlays .ChatModelPickerList';
 const getFocusSelector = state => {
   const {
     focus,
@@ -10961,6 +11358,8 @@ const getFocusSelector = state => {
       }
     case 'model-picker-input':
       return `[name="${ModelPickerSearch}"]`;
+    case 'picker-list':
+      return pickerListSelector;
     case 'send-button':
       return '[name="send"]';
     default:
@@ -10971,6 +11370,9 @@ const renderFocus = (oldState, newState) => {
   if (newState.modelPickerOpen && !oldState.modelPickerOpen) {
     return [FocusSelector, `[name="${ModelPickerSearch}"]`];
   }
+  if (newState.agentModePickerOpen && !oldState.agentModePickerOpen || newState.runModePickerOpen && !oldState.runModePickerOpen || newState.reasoningEffortPickerOpen && !oldState.reasoningEffortPickerOpen) {
+    return [FocusSelector, pickerListSelector];
+  }
   const selector = getFocusSelector(newState);
   return [FocusSelector, selector];
 };
@@ -10988,6 +11390,8 @@ const renderFocusContext = (oldState, newState) => {
 const HandleListContextMenu = 2;
 const HandleFocus = 3;
 const HandleInput = 4;
+const HandleMouseOut = 5;
+const HandleMouseOver = 7;
 const HandleClick = 11;
 const HandleKeyDown = 12;
 const HandleClickClose = 13;
@@ -11035,6 +11439,7 @@ const HandlePointerUpModelPickerList = 55;
 const HandleClickReasoningEffortPickerToggle = 56;
 const HandleClickAgentModePickerToggle = 57;
 const HandleContextMenuChatImageAttachment = 58;
+const HandleErrorComposerAttachmentPreviewOverlay = 59;
 
 const getAddContextButtonDom = () => {
   return [{
@@ -11151,6 +11556,8 @@ const getReasoningEffortPickerVirtualDom = (selectedReasoningEffort, reasoningEf
   }, {
     childCount: reasoningEfforts.length,
     className: ChatModelPickerList,
+    name: PickerList,
+    tabIndex: -1,
     type: Ul
   }, ...getReasoningEffortOptionsVirtualDom(selectedReasoningEffort)] : [])];
 };
@@ -11159,6 +11566,21 @@ const getRunModePickerVirtualDom = (selectedRunMode, runModePickerOpen) => {
   return getCustomSelectPickerToggleVirtualDom(selectedRunMode, RunModePickerToggle, runModePickerOpen, HandleClickRunModePickerToggle);
 };
 
+const getScrollDownButtonDom = () => {
+  return [{
+    childCount: 1,
+    className: mergeClassNames(Button, ButtonSecondary),
+    inputType: 'button',
+    name: ScrollDown,
+    onClick: HandleClick,
+    title: scrollDown(),
+    type: Button$1
+  }, {
+    text: scrollDown(),
+    type: Text
+  }];
+};
+
 const getSendButtonClassName = isSendDisabled => {
   return mergeClassNames(IconButton, isSendDisabled ? SendButtonDisabled : '');
 };
@@ -11334,10 +11756,15 @@ const getComposerAttachmentsDom = composerAttachments => {
       childCount: 1 + (removeButtonDom.length > 0 ? 1 : 0) + previewDom.length,
       className: mergeClassNames(ChatComposerAttachment, getComposerAttachmentClassName(attachment.displayType)),
       name: getComposerAttachmentInputName(attachment.attachmentId),
+      onMouseOut: HandleMouseOut,
+      onMouseOver: HandleMouseOver,
+      onPointerOut: HandleMouseOut,
+      onPointerOver: HandleMouseOver,
       type: Div
     }, ...removeButtonDom, ...previewDom, {
       childCount: 1,
       className: ChatComposerAttachmentLabel,
+      name: getComposerAttachmentInputName(attachment.attachmentId),
       type: Span
     }, {
       text: `${getComposerAttachmentLabel(attachment.displayType)} · ${attachment.name}`,
@@ -11359,11 +11786,12 @@ const getComposerTextAreaDom = () => {
     type: TextArea
   };
 };
-const getChatSendAreaDom = (composerValue, composerAttachments, agentMode, agentModePickerOpen, hasSpaceForAgentModePicker, modelPickerOpen, models, selectedModelId, reasoningPickerEnabled, reasoningEffort, reasoningEffortPickerOpen, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, hasSpaceForRunModePicker, runMode, runModePickerOpen, todoListToolEnabled, todoListItems, showCreatePullRequestButton = false, voiceDictationEnabled = false) => {
+const getChatSendAreaDom = (composerValue, composerAttachments, agentMode, agentModePickerOpen, hasSpaceForAgentModePicker, modelPickerOpen, models, selectedModelId, reasoningPickerEnabled, reasoningEffort, reasoningEffortPickerOpen, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, hasSpaceForRunModePicker, runMode, runModePickerOpen, todoListToolEnabled, todoListItems, showCreatePullRequestButton = false, voiceDictationEnabled = false, scrollDownButtonEnabled = false, messagesAutoScrollEnabled = true) => {
   const isSendDisabled = composerValue.trim() === '';
   const showAgentModePicker = hasSpaceForAgentModePicker;
   const showResponsiveRunModePicker = showRunMode && hasSpaceForRunModePicker;
-  const bottomControlsCount = 2 + (usageOverviewEnabled ? 1 : 0) + (addContextButtonEnabled ? 1 : 0) + (showCreatePullRequestButton ? 1 : 0) + (voiceDictationEnabled ? 1 : 0);
+  const showScrollDownButton = scrollDownButtonEnabled && !messagesAutoScrollEnabled;
+  const bottomControlsCount = 2 + (usageOverviewEnabled ? 1 : 0) + (addContextButtonEnabled ? 1 : 0) + (showCreatePullRequestButton ? 1 : 0) + (voiceDictationEnabled ? 1 : 0) + (showScrollDownButton ? 1 : 0);
   const primaryControlsCount = 1 + (showAgentModePicker ? 1 : 0) + (reasoningPickerEnabled ? 1 : 0) + (showResponsiveRunModePicker ? 1 : 0);
   const hasTodoList = todoListToolEnabled && todoListItems.length > 0;
   const hasComposerAttachments = composerAttachments.length > 0;
@@ -11387,7 +11815,58 @@ const getChatSendAreaDom = (composerValue, composerAttachments, agentMode, agent
     className: ChatSendAreaPrimaryControls,
     role: 'toolbar',
     type: Div
-  }, ...(showAgentModePicker ? getAgentModePickerVirtualDom(agentMode, agentModePickerOpen) : []), ...getChatModelPickerToggleVirtualDom(models, selectedModelId, modelPickerOpen), ...(reasoningPickerEnabled ? getReasoningEffortPickerVirtualDom(reasoningEffort, reasoningEffortPickerOpen) : []), ...(showResponsiveRunModePicker ? getRunModePickerVirtualDom(runMode, runModePickerOpen) : []), ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...(addContextButtonEnabled ? getAddContextButtonDom() : []), ...(showCreatePullRequestButton ? getCreatePullRequestButtonDom() : []), ...getSendButtonDom(isSendDisabled, voiceDictationEnabled)];
+  }, ...(showAgentModePicker ? getAgentModePickerVirtualDom(agentMode, agentModePickerOpen) : []), ...getChatModelPickerToggleVirtualDom(models, selectedModelId, modelPickerOpen), ...(reasoningPickerEnabled ? getReasoningEffortPickerVirtualDom(reasoningEffort, reasoningEffortPickerOpen) : []), ...(showResponsiveRunModePicker ? getRunModePickerVirtualDom(runMode, runModePickerOpen) : []), ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...(addContextButtonEnabled ? getAddContextButtonDom() : []), ...(showCreatePullRequestButton ? getCreatePullRequestButtonDom() : []), ...(showScrollDownButton ? getScrollDownButtonDom() : []), ...getSendButtonDom(isSendDisabled, voiceDictationEnabled)];
+};
+
+const focusHeaderStyle = 'align-items:center;border-bottom:1px solid var(--vscode-panel-border, transparent);display:flex;gap:12px;justify-content:space-between;padding:8px 12px;';
+const focusHeaderMetaStyle = 'align-items:baseline;display:flex;gap:8px;min-width:0;overflow:hidden;';
+const focusHeaderTitleStyle = 'margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;';
+const focusHeaderProjectStyle = 'overflow:hidden;text-overflow:ellipsis;white-space:nowrap;';
+const focusHeaderActionsStyle = 'display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;';
+const focusHeaderButtonStyle = 'white-space:nowrap;';
+const getFocusHeaderActionButtonDom = (label, name) => {
+  return [{
+    childCount: 1,
+    className: mergeClassNames(Button, ButtonSecondary),
+    inputType: 'button',
+    name,
+    onClick: HandleClick,
+    style: focusHeaderButtonStyle,
+    title: label,
+    type: Button$1
+  }, text(label)];
+};
+const getChatHeaderDomFocusMode = (selectedSessionTitle, selectedProjectName) => {
+  const items = [[addAction(), FocusAddAction], [openInVsCode(), FocusOpenInVsCode], [commit(), FocusCommit], [openTerminal(), FocusOpenTerminal], [showDiff(), FocusShowDiff]];
+  const hasProjectName = !!selectedProjectName;
+  return [{
+    childCount: 2,
+    className: ChatFocusHeader,
+    style: focusHeaderStyle,
+    type: Header
+  }, {
+    childCount: hasProjectName ? 2 : 1,
+    className: ChatName,
+    style: focusHeaderMetaStyle,
+    type: Div
+  }, {
+    childCount: 1,
+    className: ChatHeaderLabel,
+    style: focusHeaderTitleStyle,
+    type: H2
+  }, text(selectedSessionTitle), ...(hasProjectName ? [{
+    childCount: 1,
+    className: mergeClassNames(LabelDetail, ChatFocusProject),
+    style: focusHeaderProjectStyle,
+    type: Span
+  }, text(selectedProjectName)] : []), {
+    'aria-label': 'focus header actions',
+    childCount: items.length,
+    className: ChatFocusActions,
+    role: ToolBar,
+    style: focusHeaderActionsStyle,
+    type: Div
+  }, ...items.flatMap(([label, name]) => getFocusHeaderActionButtonDom(label, name))];
 };
 
 const getCustomSelectPopOverVirtualDom = (optionCount, height, optionNodes, containerClassName = '', popOverClassName = '') => {
@@ -11403,6 +11882,8 @@ const getCustomSelectPopOverVirtualDom = (optionCount, height, optionNodes, cont
   }, {
     childCount: optionCount,
     className: ChatModelPickerList,
+    name: PickerList,
+    tabIndex: -1,
     type: Ul
   }, ...optionNodes];
 };
@@ -11481,6 +11962,42 @@ const getChatModelPickerPopOverVirtualDom = (models, selectedModelId, modelPicke
   }, ...getModelPickerHeaderDom(modelPickerSearchValue), ...getChatModelListVirtualDom(visibleModels, selectedModelId)];
 };
 
+const getComposerAttachmentPreviewOverlayVirtualDom = (composerAttachments, attachmentId, hasError) => {
+  if (!attachmentId) {
+    return [];
+  }
+  const attachment = composerAttachments.find(item => item.attachmentId === attachmentId);
+  if (!attachment || attachment.displayType !== 'image' || !attachment.previewSrc) {
+    return [];
+  }
+  return [{
+    childCount: 1,
+    className: ChatComposerAttachmentPreviewOverlay,
+    name: ComposerAttachmentPreviewOverlay,
+    onMouseOut: HandleMouseOut,
+    onMouseOver: HandleMouseOver,
+    onPointerOut: HandleMouseOut,
+    onPointerOver: HandleMouseOver,
+    type: Div
+  }, ...(hasError ? [{
+    childCount: 1,
+    className: mergeClassNames(ChatComposerAttachmentPreviewOverlayError, ImageErrorMessage),
+    name: ComposerAttachmentPreviewOverlay,
+    type: Div
+  }, {
+    text: imageCouldNotBeLoaded(),
+    type: Text
+  }] : [{
+    alt: `Large image preview for ${attachment.name}`,
+    childCount: 0,
+    className: ChatComposerAttachmentPreviewOverlayImage,
+    name: ComposerAttachmentPreviewOverlay,
+    onError: HandleErrorComposerAttachmentPreviewOverlay,
+    src: attachment.previewSrc,
+    type: Img
+  }])];
+};
+
 const runModes = ['local', 'background', 'cloud'];
 const runModePickerHeight = runModes.length * 28;
 const getRunModeOptionsVirtualDom = selectedRunMode => {
@@ -11507,6 +12024,10 @@ const getDropOverlayVirtualDom = () => {
 const getChatOverlaysVirtualDom = ({
   agentMode,
   agentModePickerVisible,
+  composerAttachmentPreviewOverlayAttachmentId,
+  composerAttachmentPreviewOverlayError,
+  composerAttachmentPreviewOverlayVisible,
+  composerAttachments,
   dropOverlayVisible,
   modelPickerSearchValue,
   modelPickerVisible,
@@ -11515,7 +12036,7 @@ const getChatOverlaysVirtualDom = ({
   selectedModelId,
   visibleModels
 }) => {
-  const overlayChildCount = (dropOverlayVisible ? 1 : 0) + (agentModePickerVisible ? 1 : 0) + (modelPickerVisible ? 1 : 0) + (runModePickerVisible ? 1 : 0);
+  const overlayChildCount = (dropOverlayVisible ? 1 : 0) + (composerAttachmentPreviewOverlayVisible ? 1 : 0) + (agentModePickerVisible ? 1 : 0) + (modelPickerVisible ? 1 : 0) + (runModePickerVisible ? 1 : 0);
   if (!overlayChildCount) {
     return [];
   }
@@ -11523,7 +12044,7 @@ const getChatOverlaysVirtualDom = ({
     childCount: overlayChildCount,
     className: ChatOverlays,
     type: Div
-  }, ...(dropOverlayVisible ? getDropOverlayVirtualDom() : []), ...(agentModePickerVisible ? getAgentModePickerPopOverVirtualDom(agentMode) : []), ...(modelPickerVisible ? getChatModelPickerPopOverVirtualDom(visibleModels, selectedModelId, modelPickerSearchValue) : []), ...(runModePickerVisible ? getRunModePickerPopOverVirtualDom(runMode) : [])];
+  }, ...(dropOverlayVisible ? getDropOverlayVirtualDom() : []), ...getComposerAttachmentPreviewOverlayVirtualDom(composerAttachments, composerAttachmentPreviewOverlayAttachmentId, composerAttachmentPreviewOverlayError), ...(agentModePickerVisible ? getAgentModePickerPopOverVirtualDom(agentMode) : []), ...(modelPickerVisible ? getChatModelPickerPopOverVirtualDom(visibleModels, selectedModelId, modelPickerSearchValue) : []), ...(runModePickerVisible ? getRunModePickerPopOverVirtualDom(runMode) : [])];
 };
 
 const getBoldInlineNodeDom = (inlineNode, useChatMathWorker, renderInlineNodeDom) => {
@@ -12963,19 +13484,20 @@ const getMessagesDom = (messages, parsedMessages, openRouterApiKeyInput, openApi
   }, ...displayMessages.flatMap(item => getChatMessageDom(item.message, item.parsedContent, openRouterApiKeyInput, openApiApiKeyInput, openApiApiKeyState, openApiApiKeysSettingsUrl, openApiApiKeyInputPattern, openRouterApiKeyState, useChatMathWorker))];
 };
 
+const arrowLeft$1 = {
+  childCount: 0,
+  className: mergeClassNames(MaskIcon, MaskIconArrowLeft),
+  type: Div
+};
 const getBackToChatsButtonDom = () => {
   return [{
     childCount: 1,
-    className: mergeClassNames(Button, ButtonSecondary),
-    inputType: 'button',
+    className: IconButton,
     name: Back,
     onClick: HandleClickBack,
     title: backToChatList(),
     type: Button$1
-  }, {
-    text: backToChatList(),
-    type: Text
-  }];
+  }, arrowLeft$1];
 };
 
 const getProjectSessionDom = (session, selectedSessionId) => {
@@ -13074,6 +13596,8 @@ const getChatModeChatFocusVirtualDom = ({
   authEnabled = false,
   authErrorMessage = '',
   authStatus = 'signed-out',
+  composerAttachmentPreviewOverlayAttachmentId,
+  composerAttachmentPreviewOverlayError = false,
   composerAttachments,
   composerDropActive = false,
   composerDropEnabled = true,
@@ -13084,6 +13608,7 @@ const getChatModeChatFocusVirtualDom = ({
   composerValue,
   hasSpaceForAgentModePicker,
   hasSpaceForRunModePicker,
+  messagesAutoScrollEnabled,
   messagesScrollTop = 0,
   modelPickerOpen = false,
   modelPickerSearchValue = '',
@@ -13103,6 +13628,7 @@ const getChatModeChatFocusVirtualDom = ({
   reasoningPickerEnabled,
   runMode,
   runModePickerOpen = false,
+  scrollDownButtonEnabled,
   selectedModelId,
   selectedProjectId = '',
   selectedSessionId,
@@ -13118,23 +13644,31 @@ const getChatModeChatFocusVirtualDom = ({
   voiceDictationEnabled = false
 }) => {
   const selectedSession = sessions.find(session => session.id === selectedSessionId);
+  const selectedProject = projects.find(project => project.id === selectedProjectId);
   const messages = selectedSession ? selectedSession.messages : [];
+  const selectedSessionTitle = selectedSession?.title || chatTitle();
+  const selectedProjectName = selectedProject?.name || '';
   const showCreatePullRequestButton = canCreatePullRequest(selectedSession);
   const isDropOverlayVisible = composerDropEnabled && composerDropActive;
+  const isComposerAttachmentPreviewOverlayVisible = !!composerAttachmentPreviewOverlayAttachmentId;
   const isAgentModePickerVisible = hasSpaceForAgentModePicker && agentModePickerOpen;
   const isNewModelPickerVisible = modelPickerOpen;
   const isRunModePickerVisible = showRunMode && hasSpaceForRunModePicker && runModePickerOpen;
-  const hasVisibleOverlays = isDropOverlayVisible || isAgentModePickerVisible || isNewModelPickerVisible || isRunModePickerVisible;
-  const chatRootChildCount = 3 + (hasVisibleOverlays ? 1 : 0);
+  const hasVisibleOverlays = isDropOverlayVisible || isComposerAttachmentPreviewOverlayVisible || isAgentModePickerVisible || isNewModelPickerVisible || isRunModePickerVisible;
+  const chatRootChildCount = 4 + (hasVisibleOverlays ? 1 : 0);
   return [{
     childCount: chatRootChildCount,
     className: mergeClassNames(Viewlet, Chat, ChatFocus),
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getProjectListDom(projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop, true), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openApiApiKeyState, openApiApiKeysSettingsUrl, openApiApiKeyInputPattern, openRouterApiKeyState, messagesScrollTop, useChatMathWorker, true), ...getChatSendAreaDom(composerValue, composerAttachments, agentMode, agentModePickerOpen, hasSpaceForAgentModePicker, modelPickerOpen, models, selectedModelId, reasoningPickerEnabled, reasoningEffort, reasoningEffortPickerOpen, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, hasSpaceForRunModePicker, runMode, runModePickerOpen, todoListToolEnabled, todoListItems, showCreatePullRequestButton, voiceDictationEnabled), ...getChatOverlaysVirtualDom({
+  }, ...getChatHeaderDomFocusMode(selectedSessionTitle, selectedProjectName), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openApiApiKeyState, openApiApiKeysSettingsUrl, openApiApiKeyInputPattern, openRouterApiKeyState, messagesScrollTop, useChatMathWorker, true), ...getProjectListDom(projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop, true), ...getChatSendAreaDom(composerValue, composerAttachments, agentMode, agentModePickerOpen, hasSpaceForAgentModePicker, modelPickerOpen, models, selectedModelId, reasoningPickerEnabled, reasoningEffort, reasoningEffortPickerOpen, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, hasSpaceForRunModePicker, runMode, runModePickerOpen, todoListToolEnabled, todoListItems, showCreatePullRequestButton, voiceDictationEnabled, scrollDownButtonEnabled, messagesAutoScrollEnabled), ...getChatOverlaysVirtualDom({
     agentMode,
     agentModePickerVisible: isAgentModePickerVisible,
+    composerAttachmentPreviewOverlayAttachmentId,
+    composerAttachmentPreviewOverlayError,
+    composerAttachmentPreviewOverlayVisible: isComposerAttachmentPreviewOverlayVisible,
+    composerAttachments,
     dropOverlayVisible: isDropOverlayVisible,
     modelPickerSearchValue,
     modelPickerVisible: isNewModelPickerVisible,
@@ -13272,6 +13806,8 @@ const getChatModeDetailVirtualDom = ({
   authEnabled = false,
   authErrorMessage = '',
   authStatus = 'signed-out',
+  composerAttachmentPreviewOverlayAttachmentId,
+  composerAttachmentPreviewOverlayError = false,
   composerAttachments,
   composerDropActive = false,
   composerDropEnabled = true,
@@ -13282,6 +13818,7 @@ const getChatModeDetailVirtualDom = ({
   composerValue,
   hasSpaceForAgentModePicker,
   hasSpaceForRunModePicker,
+  messagesAutoScrollEnabled,
   messagesScrollTop = 0,
   modelPickerOpen = false,
   modelPickerSearchValue = '',
@@ -13298,6 +13835,7 @@ const getChatModeDetailVirtualDom = ({
   reasoningPickerEnabled,
   runMode,
   runModePickerOpen = false,
+  scrollDownButtonEnabled,
   selectedModelId,
   selectedSessionId,
   sessions,
@@ -13316,10 +13854,11 @@ const getChatModeDetailVirtualDom = ({
   const messages = selectedSession ? selectedSession.messages : [];
   const showCreatePullRequestButton = canCreatePullRequest(selectedSession);
   const isDropOverlayVisible = composerDropEnabled && composerDropActive;
+  const isComposerAttachmentPreviewOverlayVisible = !!composerAttachmentPreviewOverlayAttachmentId;
   const isAgentModePickerVisible = hasSpaceForAgentModePicker && agentModePickerOpen;
   const isNewModelPickerVisible = modelPickerOpen;
   const isRunModePickerVisible = showRunMode && hasSpaceForRunModePicker && runModePickerOpen;
-  const hasVisibleOverlays = isDropOverlayVisible || isAgentModePickerVisible || isNewModelPickerVisible || isRunModePickerVisible;
+  const hasVisibleOverlays = isDropOverlayVisible || isComposerAttachmentPreviewOverlayVisible || isAgentModePickerVisible || isNewModelPickerVisible || isRunModePickerVisible;
   const chatRootChildCount = 3 + (hasVisibleOverlays ? 1 : 0);
   return [{
     childCount: chatRootChildCount,
@@ -13327,9 +13866,13 @@ const getChatModeDetailVirtualDom = ({
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getChatHeaderDomDetailMode(selectedSessionTitle, authEnabled, authStatus, authErrorMessage), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openApiApiKeyState, openApiApiKeysSettingsUrl, openApiApiKeyInputPattern, openRouterApiKeyState, messagesScrollTop, useChatMathWorker), ...getChatSendAreaDom(composerValue, composerAttachments, agentMode, agentModePickerOpen, hasSpaceForAgentModePicker, modelPickerOpen, models, selectedModelId, reasoningPickerEnabled, reasoningEffort, reasoningEffortPickerOpen, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, hasSpaceForRunModePicker, runMode, runModePickerOpen, todoListToolEnabled, todoListItems, showCreatePullRequestButton, voiceDictationEnabled), ...getChatOverlaysVirtualDom({
+  }, ...getChatHeaderDomDetailMode(selectedSessionTitle, authEnabled, authStatus, authErrorMessage), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openApiApiKeyState, openApiApiKeysSettingsUrl, openApiApiKeyInputPattern, openRouterApiKeyState, messagesScrollTop, useChatMathWorker), ...getChatSendAreaDom(composerValue, composerAttachments, agentMode, agentModePickerOpen, hasSpaceForAgentModePicker, modelPickerOpen, models, selectedModelId, reasoningPickerEnabled, reasoningEffort, reasoningEffortPickerOpen, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, hasSpaceForRunModePicker, runMode, runModePickerOpen, todoListToolEnabled, todoListItems, showCreatePullRequestButton, voiceDictationEnabled, scrollDownButtonEnabled, messagesAutoScrollEnabled), ...getChatOverlaysVirtualDom({
     agentMode,
     agentModePickerVisible: isAgentModePickerVisible,
+    composerAttachmentPreviewOverlayAttachmentId,
+    composerAttachmentPreviewOverlayError,
+    composerAttachmentPreviewOverlayVisible: isComposerAttachmentPreviewOverlayVisible,
+    composerAttachments,
     dropOverlayVisible: isDropOverlayVisible,
     modelPickerSearchValue,
     modelPickerVisible: isNewModelPickerVisible,
@@ -13474,6 +14017,8 @@ const getChatModeListVirtualDom = ({
   authErrorMessage = '',
   authStatus = 'signed-out',
   chatListScrollTop = 0,
+  composerAttachmentPreviewOverlayAttachmentId,
+  composerAttachmentPreviewOverlayError = false,
   composerAttachments,
   composerDropActive = false,
   composerDropEnabled = true,
@@ -13509,10 +14054,11 @@ const getChatModeListVirtualDom = ({
   voiceDictationEnabled = false
 }) => {
   const isDropOverlayVisible = composerDropEnabled && composerDropActive;
+  const isComposerAttachmentPreviewOverlayVisible = !!composerAttachmentPreviewOverlayAttachmentId;
   const isAgentModePickerVisible = hasSpaceForAgentModePicker && agentModePickerOpen;
   const isNewModelPickerVisible = modelPickerOpen;
   const isRunModePickerVisible = showRunMode && hasSpaceForRunModePicker && runModePickerOpen;
-  const hasVisibleOverlays = isDropOverlayVisible || isAgentModePickerVisible || isNewModelPickerVisible || isRunModePickerVisible;
+  const hasVisibleOverlays = isDropOverlayVisible || isComposerAttachmentPreviewOverlayVisible || isAgentModePickerVisible || isNewModelPickerVisible || isRunModePickerVisible;
   const chatRootChildCount = 3 + (hasVisibleOverlays ? 1 : 0);
   const searchValueTrimmed = searchValue.trim().toLowerCase();
   const visibleSessions = searchEnabled && searchValueTrimmed ? sessions.filter(session => session.title.toLowerCase().includes(searchValueTrimmed)) : sessions;
@@ -13525,6 +14071,10 @@ const getChatModeListVirtualDom = ({
   }, ...getChatHeaderListModeDom(authEnabled, authStatus, authErrorMessage, searchEnabled, searchFieldVisible, searchValue), ...getChatListDom(visibleSessions, selectedSessionId, listFocusedIndex, chatListScrollTop), ...getChatSendAreaDom(composerValue, composerAttachments, agentMode, agentModePickerOpen, hasSpaceForAgentModePicker, modelPickerOpen, models, selectedModelId, reasoningPickerEnabled, reasoningEffort, reasoningEffortPickerOpen, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, hasSpaceForRunModePicker, runMode, runModePickerOpen, todoListToolEnabled, todoListItems, false, voiceDictationEnabled), ...getChatOverlaysVirtualDom({
     agentMode,
     agentModePickerVisible: isAgentModePickerVisible,
+    composerAttachmentPreviewOverlayAttachmentId,
+    composerAttachmentPreviewOverlayError,
+    composerAttachmentPreviewOverlayVisible: isComposerAttachmentPreviewOverlayVisible,
+    composerAttachments,
     dropOverlayVisible: isDropOverlayVisible,
     modelPickerSearchValue,
     modelPickerVisible: isNewModelPickerVisible,
@@ -13623,6 +14173,8 @@ const getChatVirtualDom = options => {
     authErrorMessage = '',
     authStatus = 'signed-out',
     chatListScrollTop,
+    composerAttachmentPreviewOverlayAttachmentId,
+    composerAttachmentPreviewOverlayError = false,
     composerAttachments,
     composerDropActive = false,
     composerDropEnabled = true,
@@ -13634,6 +14186,7 @@ const getChatVirtualDom = options => {
     hasSpaceForAgentModePicker,
     hasSpaceForRunModePicker,
     listFocusedIndex = -1,
+    messagesAutoScrollEnabled,
     messagesScrollTop,
     modelPickerOpen = false,
     modelPickerSearchValue = '',
@@ -13653,6 +14206,7 @@ const getChatVirtualDom = options => {
     reasoningPickerEnabled,
     runMode,
     runModePickerOpen = false,
+    scrollDownButtonEnabled,
     searchEnabled = false,
     searchFieldVisible = false,
     searchValue = '',
@@ -13681,6 +14235,8 @@ const getChatVirtualDom = options => {
         authEnabled,
         authErrorMessage,
         authStatus,
+        composerAttachmentPreviewOverlayAttachmentId,
+        composerAttachmentPreviewOverlayError,
         composerAttachments,
         composerDropActive,
         composerDropEnabled,
@@ -13691,6 +14247,7 @@ const getChatVirtualDom = options => {
         composerValue,
         hasSpaceForAgentModePicker,
         hasSpaceForRunModePicker,
+        messagesAutoScrollEnabled,
         messagesScrollTop,
         modelPickerOpen,
         modelPickerSearchValue,
@@ -13710,6 +14267,7 @@ const getChatVirtualDom = options => {
         reasoningPickerEnabled,
         runMode,
         runModePickerOpen,
+        scrollDownButtonEnabled,
         selectedModelId,
         selectedProjectId,
         selectedSessionId,
@@ -13732,6 +14290,8 @@ const getChatVirtualDom = options => {
         authEnabled,
         authErrorMessage,
         authStatus,
+        composerAttachmentPreviewOverlayAttachmentId,
+        composerAttachmentPreviewOverlayError,
         composerAttachments,
         composerDropActive,
         composerDropEnabled,
@@ -13742,6 +14302,7 @@ const getChatVirtualDom = options => {
         composerValue,
         hasSpaceForAgentModePicker,
         hasSpaceForRunModePicker,
+        messagesAutoScrollEnabled,
         messagesScrollTop,
         modelPickerOpen,
         modelPickerSearchValue,
@@ -13758,6 +14319,7 @@ const getChatVirtualDom = options => {
         reasoningPickerEnabled,
         runMode,
         runModePickerOpen,
+        scrollDownButtonEnabled,
         selectedModelId,
         selectedSessionId,
         sessions,
@@ -13780,6 +14342,8 @@ const getChatVirtualDom = options => {
         authErrorMessage,
         authStatus,
         chatListScrollTop,
+        composerAttachmentPreviewOverlayAttachmentId,
+        composerAttachmentPreviewOverlayError,
         composerAttachments,
         composerDropActive,
         composerDropEnabled,
@@ -13828,6 +14392,8 @@ const renderItems = (oldState, newState) => {
     authErrorMessage,
     authStatus,
     chatListScrollTop,
+    composerAttachmentPreviewOverlayAttachmentId,
+    composerAttachmentPreviewOverlayError,
     composerAttachments,
     composerDropActive,
     composerDropEnabled,
@@ -13840,6 +14406,7 @@ const renderItems = (oldState, newState) => {
     hasSpaceForRunModePicker,
     initial,
     listFocusedIndex,
+    messagesAutoScrollEnabled,
     messagesScrollTop,
     modelPickerOpen,
     modelPickerSearchValue,
@@ -13859,6 +14426,7 @@ const renderItems = (oldState, newState) => {
     reasoningPickerEnabled,
     runMode,
     runModePickerOpen,
+    scrollDownButtonEnabled,
     searchEnabled,
     searchFieldVisible,
     searchValue,
@@ -13888,6 +14456,8 @@ const renderItems = (oldState, newState) => {
     authErrorMessage,
     authStatus,
     chatListScrollTop,
+    composerAttachmentPreviewOverlayAttachmentId,
+    composerAttachmentPreviewOverlayError,
     composerAttachments,
     composerDropActive,
     composerDropEnabled,
@@ -13899,6 +14469,7 @@ const renderItems = (oldState, newState) => {
     hasSpaceForAgentModePicker,
     hasSpaceForRunModePicker,
     listFocusedIndex,
+    messagesAutoScrollEnabled,
     messagesScrollTop,
     modelPickerOpen,
     modelPickerSearchValue,
@@ -13918,6 +14489,7 @@ const renderItems = (oldState, newState) => {
     reasoningPickerEnabled,
     runMode,
     runModePickerOpen,
+    scrollDownButtonEnabled,
     searchEnabled,
     searchFieldVisible,
     searchValue,
@@ -14036,6 +14608,12 @@ const renderEventListeners = () => {
   }, {
     name: HandleClick,
     params: ['handleClick', TargetName, 'event.target.dataset.id', ClientX, ClientY]
+  }, {
+    name: HandleMouseOver,
+    params: ['handleMouseOver', TargetName]
+  }, {
+    name: HandleMouseOut,
+    params: ['handleMouseOut', TargetName, 'event.relatedTarget && event.relatedTarget.getAttribute ? event.relatedTarget.getAttribute("name") : ""']
   }, {
     name: HandleClickDictationButton,
     params: ['handleClickDictationButton']
@@ -14202,6 +14780,9 @@ const renderEventListeners = () => {
     name: HandleContextMenuChatImageAttachment,
     params: ['handleContextMenuChatImageAttachment', TargetName, ClientX, ClientY],
     preventDefault: true
+  }, {
+    name: HandleErrorComposerAttachmentPreviewOverlay,
+    params: ['handleErrorComposerAttachmentPreviewOverlay']
   }];
 };
 
@@ -14283,6 +14864,8 @@ const saveState = state => {
   const {
     agentMode,
     chatListScrollTop,
+    composerSelectionEnd,
+    composerSelectionStart,
     composerValue,
     lastNormalViewMode,
     maxToolCalls,
@@ -14304,6 +14887,8 @@ const saveState = state => {
   return {
     agentMode,
     chatListScrollTop,
+    composerSelectionEnd,
+    composerSelectionStart,
     composerValue,
     lastNormalViewMode,
     maxToolCalls,
@@ -14400,6 +14985,13 @@ const setResponsivePickerVisibilityEnabled = (state, responsivePickerVisibilityE
   };
 };
 
+const setScrollDownButtonEnabled = (state, scrollDownButtonEnabled) => {
+  return {
+    ...state,
+    scrollDownButtonEnabled
+  };
+};
+
 const setSearchEnabled = (state, searchEnabled) => {
   return {
     ...state,
@@ -14532,6 +15124,7 @@ const commandMap = {
   'Chat.getKeyBindings': getKeyBindings,
   'Chat.getMenuEntries': getMenuEntries,
   'Chat.getMenuEntryIds': getMenuEntryIds,
+  'Chat.getMockOpenApiRequests': wrapGetter(getMockOpenApiRequests),
   'Chat.getQuickPickMenuEntries': getQuickPickMenuEntries,
   'Chat.getSelectedSessionId': wrapGetter(getSelectedSessionId),
   'Chat.getSystemPrompt': wrapGetter(getSystemPrompt),
@@ -14564,6 +15157,7 @@ const commandMap = {
   'Chat.handleDragLeave': wrapCommand(handleDragLeave),
   'Chat.handleDragOver': wrapCommand(handleDragOver),
   'Chat.handleDropFiles': wrapCommand(handleDropFiles),
+  'Chat.handleErrorComposerAttachmentPreviewOverlay': wrapCommand(handleErrorComposerAttachmentPreviewOverlay),
   'Chat.handleInput': wrapCommand(handleInput),
   'Chat.handleInputFocus': wrapCommand(handleInputFocus),
   'Chat.handleKeyDown': wrapCommand(handleKeyDown),
@@ -14574,6 +15168,8 @@ const commandMap = {
   'Chat.handleModelChange': wrapCommand(handleModelChange),
   'Chat.handleModelInputBlur': wrapCommand(handleModelInputBlur),
   'Chat.handleModelPickerListScroll': wrapCommand(handleModelPickerListScroll),
+  'Chat.handleMouseOut': wrapCommand(handleMouseOut),
+  'Chat.handleMouseOver': wrapCommand(handleMouseOver),
   'Chat.handlePointerDownModelPickerList': wrapCommand(handlePointerDownModelPickerList),
   'Chat.handlePointerUpModelPickerList': wrapCommand(handlePointerUpModelPickerList),
   'Chat.handleProjectAddButtonContextMenu': wrapCommand(handleProjectAddButtonContextMenu),
@@ -14583,6 +15179,7 @@ const commandMap = {
   'Chat.handleRunModeChange': wrapCommand(handleRunModeChange),
   'Chat.handleSearchValueChange': wrapCommand(handleSearchValueChange),
   'Chat.handleSubmit': wrapCommand(handleSubmit),
+  'Chat.hideComposerAttachmentPreviewOverlay': wrapCommand(hideComposerAttachmentPreviewOverlay),
   'Chat.initialize': initialize,
   'Chat.loadContent': wrapCommand(loadContent),
   'Chat.loadContent2': wrapCommand(loadContent),
@@ -14619,6 +15216,7 @@ const commandMap = {
   'Chat.setReasoningEffort': wrapCommand(setReasoningEffort),
   'Chat.setReasoningPickerEnabled': wrapCommand(setReasoningPickerEnabled),
   'Chat.setResponsivePickerVisibilityEnabled': wrapCommand(setResponsivePickerVisibilityEnabled),
+  'Chat.setScrollDownButtonEnabled': wrapCommand(setScrollDownButtonEnabled),
   'Chat.setSearchEnabled': wrapCommand(setSearchEnabled),
   'Chat.setShowRunMode': wrapCommand(setShowRunMode),
   'Chat.setStreamingEnabled': wrapCommand(setStreamingEnabled),
@@ -14629,6 +15227,7 @@ const commandMap = {
   'Chat.setUseChatMathWorker': wrapCommand(setUseChatMathWorker),
   'Chat.setUseChatMessageParsingWorker': wrapCommand(setUseChatMessageParsingWorker),
   'Chat.setUseChatNetworkWorkerForRequests': wrapCommand(setUseChatNetworkWorkerForRequests),
+  'Chat.showComposerAttachmentPreviewOverlay': wrapCommand(showComposerAttachmentPreviewOverlay),
   'Chat.terminate': terminate,
   'Chat.useMockApi': wrapCommand(useMockApi)
 };