@lvce-editor/chat-view 6.66.0 → 6.68.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,12 +1849,14 @@ 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';
 const Rename = 'Rename';
 const Archive = 'Archive';
 const AddProjectChat = 'Add Project';
+const RemoveProject = 'Remove Project';
 const Settings$1 = 'Settings';
 const LoginToBackend = 'Login to backend';
 const LogoutFromBackend = 'Logout from backend';
@@ -1867,7 +1871,7 @@ 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';
@@ -1912,6 +1916,9 @@ const newChat = () => {
 const addProject = () => {
   return i18nString(AddProjectChat);
 };
+const removeProject = () => {
+  return i18nString(RemoveProject);
+};
 const debug = () => {
   return i18nString(Debug);
 };
@@ -1927,6 +1934,9 @@ const settings = () => {
 const search = () => {
   return i18nString(Search$1);
 };
+const scrollDown = () => {
+  return i18nString(ScrollDown$1);
+};
 const searchModels = () => {
   return i18nString(SearchModels);
 };
@@ -2079,16 +2089,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
   }];
 };
@@ -2326,6 +2339,8 @@ const createDefaultState = () => {
     chatSendAreaPaddingLeft: 8,
     chatSendAreaPaddingRight: 8,
     chatSendAreaPaddingTop: 10,
+    composerAttachmentPreviewOverlayAttachmentId: '',
+    composerAttachmentPreviewOverlayError: false,
     composerAttachments: [],
     composerAttachmentsHeight: 0,
     composerDropActive: false,
@@ -2356,12 +2371,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: '',
@@ -2392,6 +2409,7 @@ const createDefaultState = () => {
     responsivePickerVisibilityEnabled,
     runMode: 'local',
     runModePickerOpen: false,
+    scrollDownButtonEnabled: false,
     searchEnabled: false,
     searchFieldVisible: false,
     searchValue: '',
@@ -2622,6 +2640,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';
 };
@@ -2644,6 +2669,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,
@@ -2652,7 +2678,10 @@ const getComposerAttachments = async sessionId => {
       ...(previewSrc ? {
         previewSrc
       } : {}),
-      size: event.size
+      size: event.size,
+      ...(typeof textContent === 'string' ? {
+        textContent
+      } : {})
     });
   }
   return [...attachments.values()];
@@ -3214,7 +3243,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,
@@ -3250,6 +3280,10 @@ const getKeyBindings = () => {
     command: 'Chat.chatListFocusPrevious',
     key: UpArrow,
     when: FocusChatList
+  }, {
+    command: 'Chat.handleClickNew',
+    key: CtrlCmd | KeyN,
+    when: FocusChatInput
   }, {
     command: 'Chat.handleSubmit',
     key: Enter,
@@ -3348,6 +3382,7 @@ 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';
@@ -3357,10 +3392,12 @@ 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';
@@ -3379,6 +3416,7 @@ const Login = 'login';
 const Logout = 'logout';
 const CloseChat = 'close-chat';
 const SessionDelete = 'SessionDelete';
+const ProjectDelete = 'ProjectDelete';
 const ProjectPrefix = 'project:';
 const SessionPrefix = 'session:';
 const RenamePrefix = 'session-rename:';
@@ -3422,6 +3460,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}`;
 };
@@ -3437,6 +3481,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);
 };
@@ -3478,17 +3525,27 @@ const menuEntryAddProject = {
   id: 'addProject',
   label: addProject()
 };
-const getMenuEntriesChatProjectList = (projectId = '') => {
+const getMenuEntriesChatProjectList = (projectId = '', canRemoveProject = true) => {
   if (!projectId) {
     return [menuEntryAddProject];
   }
-  return [{
+  const entries = [{
     args: [getCreateSessionInProjectInputName(projectId)],
     command: 'Chat.handleClick',
     flags: None,
     id: 'newChat',
     label: newChat()
   }, menuEntryAddProject];
+  if (canRemoveProject) {
+    entries.push({
+      args: [ProjectDelete, projectId],
+      command: 'Chat.handleClick',
+      flags: None,
+      id: 'removeProject',
+      label: removeProject()
+    });
+  }
+  return entries;
 };
 
 const getMenuEntriesProjectAddButton = () => {
@@ -3522,7 +3579,7 @@ const getMenuEntries = (menuId, props) => {
     case MenuChatList:
       return getMenuEntriesChatList();
     case MenuChatProjectList:
-      return getMenuEntriesChatProjectList(props.projectId);
+      return getMenuEntriesChatProjectList(props.projectId, props.canRemoveProject);
     case MenuProjectAddButton:
       return getMenuEntriesProjectAddButton();
     default:
@@ -3530,6 +3587,10 @@ const getMenuEntries = (menuId, props) => {
   }
 };
 
+const getMockOpenApiRequests = state => {
+  return state.mockOpenApiRequests;
+};
+
 const getQuickPickMenuEntries = () => {
   return [];
 };
@@ -3619,6 +3680,15 @@ const handleChatListContextMenu = async (state, eventX, eventY) => {
   };
 };
 
+const focusInput = state => {
+  return {
+    ...state,
+    focus: 'composer',
+    focused: true,
+    listFocusedIndex: -1
+  };
+};
+
 const generateSessionId = () => {
   return crypto.randomUUID();
 };
@@ -3634,7 +3704,7 @@ const createSession = async (state, projectIdOverride = '') => {
     title: `Chat ${state.sessions.length + 1}`
   };
   await saveChatSession(session);
-  return {
+  return focusInput({
     ...state,
     composerAttachments: [],
     composerAttachmentsHeight: 0,
@@ -3643,6 +3713,84 @@ const createSession = async (state, projectIdOverride = '') => {
     selectedProjectId: projectId,
     selectedSessionId: id,
     sessions: [...state.sessions, session]
+  });
+};
+
+const getBlankProjectId = (state, removedProjectId) => {
+  return state.projects.find(project => project.id !== removedProjectId && project.name === '_blank')?.id || '';
+};
+const getNextViewMode = (state, hasSelectedSession) => {
+  if (state.viewMode === 'chat-focus') {
+    return 'chat-focus';
+  }
+  if (!hasSelectedSession) {
+    return 'list';
+  }
+  return state.viewMode === 'detail' ? 'detail' : 'list';
+};
+const ensureExpandedProject = (state, projectExpandedIds, selectedProjectId, visibleSessions) => {
+  if (state.viewMode !== 'chat-focus' || !selectedProjectId || visibleSessions.length === 0 || projectExpandedIds.includes(selectedProjectId)) {
+    return projectExpandedIds;
+  }
+  return [...projectExpandedIds, selectedProjectId];
+};
+const deleteProject = async (state, projectId) => {
+  const project = state.projects.find(candidate => candidate.id === projectId);
+  if (!project || project.name === '_blank') {
+    return state;
+  }
+  const blankProjectId = getBlankProjectId(state, projectId);
+  if (!blankProjectId) {
+    return state;
+  }
+  const projects = state.projects.filter(candidate => candidate.id !== projectId);
+  const sessions = await Promise.all(state.sessions.map(async session => {
+    if (session.projectId !== projectId) {
+      return session;
+    }
+    const updatedSession = {
+      ...session,
+      projectId: blankProjectId
+    };
+    await saveChatSession(updatedSession);
+    return updatedSession;
+  }));
+  const selectedProjectId = !state.selectedProjectId || state.selectedProjectId === projectId || !projects.some(candidate => candidate.id === state.selectedProjectId) ? blankProjectId : state.selectedProjectId;
+  const projectExpandedIds = state.projectExpandedIds.filter(expandedProjectId => expandedProjectId !== projectId && projects.some(candidate => candidate.id === expandedProjectId));
+  const visibleSessions = getVisibleSessions(sessions, selectedProjectId);
+  const nextProjectExpandedIds = ensureExpandedProject(state, projectExpandedIds, selectedProjectId, visibleSessions);
+  if (visibleSessions.length === 0) {
+    return {
+      ...state,
+      composerAttachments: [],
+      composerAttachmentsHeight: 0,
+      projectExpandedIds: nextProjectExpandedIds,
+      projects,
+      selectedProjectId,
+      selectedSessionId: '',
+      sessions,
+      viewMode: getNextViewMode(state, false)
+    };
+  }
+  const selectedSessionId = visibleSessions.some(session => session.id === state.selectedSessionId) ? state.selectedSessionId : visibleSessions[0].id;
+  const loadedSession = await getChatSession(selectedSessionId);
+  const composerAttachments = await getComposerAttachments(selectedSessionId);
+  const hydratedSessions = sessions.map(session => {
+    if (session.id !== selectedSessionId || !loadedSession) {
+      return session;
+    }
+    return loadedSession;
+  });
+  return {
+    ...state,
+    composerAttachments,
+    composerAttachmentsHeight: getComposerAttachmentsHeight(composerAttachments, state.width),
+    projectExpandedIds: nextProjectExpandedIds,
+    projects,
+    selectedProjectId,
+    selectedSessionId,
+    sessions: hydratedSessions,
+    viewMode: getNextViewMode(state, true)
   };
 };
 
@@ -3655,6 +3803,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');
@@ -4232,6 +4386,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()
@@ -4247,11 +4449,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;
@@ -4325,6 +4538,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 [];
@@ -4522,9 +4776,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) {
@@ -5361,7 +5616,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);
@@ -5754,12 +6009,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':
@@ -5773,6 +6038,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) {
@@ -6221,17 +6489,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 = /\/+$/;
@@ -6246,6 +6503,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 {
@@ -6293,6 +6553,7 @@ const getAiResponse = async ({
   nextMessageId,
   onDataEvent,
   onEventStreamFinished,
+  onMockOpenApiRequestCaptured,
   onTextChunk,
   onToolCallsChunk,
   openApiApiBaseUrl,
@@ -6368,7 +6629,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) {
@@ -6377,15 +6646,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);
@@ -6397,12 +6662,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);
@@ -6559,6 +6828,7 @@ const ChatAuthError = 'ChatAuthError';
 const ChatFocus = 'ChatFocus';
 const ChatFocusActions = 'ChatFocusActions';
 const ChatFocusHeader = 'ChatFocusHeader';
+const ChatFocusMainArea = 'ChatFocusMainArea';
 const ChatFocusProject = 'ChatFocusProject';
 const ChatHeader = 'ChatHeader';
 const ChatHeaderLabel = 'ChatHeaderLabel';
@@ -6595,9 +6865,19 @@ 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';
+const ChatAttachment = 'ChatAttachment';
+const ChatAttachmentImage = 'ChatAttachmentImage';
+const ChatAttachmentInvalidImage = 'ChatAttachmentInvalidImage';
+const ChatAttachmentLabel = 'ChatAttachmentLabel';
+const ChatAttachmentPreview = 'ChatAttachmentPreview';
+const ChatAttachments = 'ChatAttachments';
+const ChatAttachmentTextFile = 'ChatAttachmentTextFile';
 const ChatSendArea = 'ChatSendArea';
 const ChatSendAreaBottom = 'ChatSendAreaBottom';
 const ChatSendAreaContent = 'ChatSendAreaContent';
@@ -6633,6 +6913,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';
@@ -6646,6 +6927,7 @@ const MaskIconAccount = 'MaskIconAccount';
 const MaskIconAdd = 'MaskIconAdd';
 const MaskIconArrowLeft = 'MaskIconArrowLeft';
 const MaskIconChevronDown = 'MaskIconChevronDown';
+const MaskIconChevronRight = 'MaskIconChevronRight';
 const MaskIconChevronUp = 'MaskIconChevronUp';
 const MaskIconClose = 'MaskIconClose';
 const MaskIconDebugPause = 'MaskIconDebugPause';
@@ -8245,15 +8527,6 @@ const getSlashCommandHandler = command => {
   return slashCommandRegistry[command];
 };
 
-const focusInput = state => {
-  return {
-    ...state,
-    focus: 'composer',
-    focused: true,
-    listFocusedIndex: -1
-  };
-};
-
 const withClearedComposer = state => {
   return focusInput({
     ...state,
@@ -8407,12 +8680,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();
@@ -8690,6 +8957,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);
 };
@@ -8782,7 +9062,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,
@@ -8897,6 +9182,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);
@@ -8939,6 +9227,9 @@ const handleSubmit = async state => {
         value: '[DONE]'
       });
     },
+    onMockOpenApiRequestCaptured: async request => {
+      mockOpenApiRequests = [...mockOpenApiRequests, request];
+    },
     ...(handleTextChunkFunctionRef ? {
       onTextChunk: handleTextChunkFunctionRef
     } : {}),
@@ -8995,6 +9286,7 @@ const handleSubmit = async state => {
   }
   return withUpdatedMessageScrollTop(focusInput({
     ...latestState,
+    mockOpenApiRequests,
     nextMessageId: latestState.nextMessageId + 1,
     parsedMessages: finalParsedMessages,
     sessions: updatedSessions
@@ -9056,6 +9348,8 @@ const openAgentModePicker = state => {
   return {
     ...state,
     agentModePickerOpen,
+    focus: agentModePickerOpen ? 'picker-list' : state.focus,
+    focused: agentModePickerOpen ? true : state.focused,
     modelPickerOpen: false,
     modelPickerSearchValue: '',
     reasoningEffortPickerOpen: false,
@@ -9074,6 +9368,8 @@ const openReasoningEffortPicker = state => {
   return {
     ...state,
     agentModePickerOpen: false,
+    focus: reasoningEffortPickerOpen ? 'picker-list' : state.focus,
+    focused: reasoningEffortPickerOpen ? true : state.focused,
     modelPickerOpen: false,
     modelPickerSearchValue: '',
     reasoningEffortPickerOpen,
@@ -9099,6 +9395,8 @@ const openRunModePicker = state => {
   return {
     ...state,
     agentModePickerOpen: false,
+    focus: runModePickerOpen ? 'picker-list' : state.focus,
+    focused: runModePickerOpen ? true : state.focused,
     modelPickerOpen: false,
     modelPickerSearchValue: '',
     reasoningEffortPickerOpen: false,
@@ -9360,8 +9658,16 @@ const handleClick = async (state, name, id = '', eventX = 0, eventY = 0) => {
       }
     case name === SessionDelete:
       return deleteSession(state, id);
+    case name === ProjectDelete:
+      return deleteProject(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:
@@ -9592,6 +9898,7 @@ const handleDropFiles = async (state, name, fileHandles = []) => {
   const {
     composerDropActive,
     composerDropEnabled,
+    nextAttachmentId,
     selectedSessionId,
     width
   } = state;
@@ -9614,9 +9921,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,
@@ -9635,13 +9943,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
   };
 };
 
@@ -9845,6 +10167,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
@@ -9870,7 +10246,7 @@ const handleProjectAddButtonContextMenu = async (state, button, x, y) => {
   return state;
 };
 
-const getProjectIdAtIndex = (state, index) => {
+const getProjectAtIndex = (state, index) => {
   const {
     projectExpandedIds,
     projects,
@@ -9880,7 +10256,7 @@ const getProjectIdAtIndex = (state, index) => {
   let currentIndex = 0;
   for (const project of projects) {
     if (currentIndex === index) {
-      return project.id;
+      return project;
     }
     currentIndex++;
     if (projectExpandedIds.includes(project.id)) {
@@ -9890,13 +10266,13 @@ const getProjectIdAtIndex = (state, index) => {
           continue;
         }
         if (currentIndex === index) {
-          return project.id;
+          return project;
         }
         currentIndex++;
       }
     }
   }
-  return '';
+  return undefined;
 };
 const handleProjectListContextMenu = async (state, button, x, y) => {
   const {
@@ -9909,13 +10285,14 @@ const handleProjectListContextMenu = async (state, button, x, y) => {
   if (index < 0) {
     return state;
   }
-  const projectId = getProjectIdAtIndex(state, index);
-  if (!projectId) {
+  const project = getProjectAtIndex(state, index);
+  if (!project) {
     return state;
   }
   await showContextMenu2(uid, MenuChatProjectList, x, y, {
+    canRemoveProject: project.name !== '_blank',
     menuId: MenuChatProjectList,
-    projectId
+    projectId: project.id
   });
   return state;
 };
@@ -10038,6 +10415,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;
@@ -10339,16 +10733,25 @@ const loadReasoningPickerEnabled = async () => {
   }
 };
 
-const loadSearchEnabled = async () => {
+const loadScrollDownButtonEnabled = async () => {
   try {
-    const savedSearchEnabled = await get('chatView.searchEnabled');
-    return typeof savedSearchEnabled === 'boolean' ? savedSearchEnabled : false;
+    const savedScrollDownButtonEnabled = await get('chatView.scrollDownButtonEnabled');
+    return typeof savedScrollDownButtonEnabled === 'boolean' ? savedScrollDownButtonEnabled : false;
   } catch {
     return false;
   }
 };
 
-const loadStreamingEnabled = async () => {
+const loadSearchEnabled = async () => {
+  try {
+    const savedSearchEnabled = await get('chatView.searchEnabled');
+    return typeof savedSearchEnabled === 'boolean' ? savedSearchEnabled : false;
+  } catch {
+    return false;
+  }
+};
+
+const loadStreamingEnabled = async () => {
   try {
     const savedStreamingEnabled = await get('chatView.streamingEnabled');
     return typeof savedStreamingEnabled === 'boolean' ? savedStreamingEnabled : true;
@@ -10430,7 +10833,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,
@@ -10444,6 +10847,7 @@ const loadPreferences = async () => {
     openRouterApiKey,
     passIncludeObfuscation,
     reasoningPickerEnabled,
+    scrollDownButtonEnabled,
     searchEnabled,
     streamingEnabled,
     todoListToolEnabled,
@@ -10501,6 +10905,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,
@@ -10514,6 +10921,7 @@ const loadContent = async (state, savedState) => {
     openRouterApiKey,
     passIncludeObfuscation,
     reasoningPickerEnabled,
+    scrollDownButtonEnabled,
     searchEnabled,
     streamingEnabled,
     todoListToolEnabled,
@@ -10592,7 +11000,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,
@@ -10614,6 +11024,7 @@ const loadContent = async (state, savedState) => {
     reasoningEffortPickerOpen: false,
     reasoningPickerEnabled,
     runModePickerOpen: false,
+    scrollDownButtonEnabled,
     searchEnabled,
     searchFieldVisible: false,
     searchValue: '',
@@ -10671,7 +11082,7 @@ const mockOpenApiRequestGetAll = _state => {
 };
 
 const mockOpenApiRequestReset = state => {
-  reset$1();
+  reset$2();
   return state;
 };
 
@@ -10696,10 +11107,33 @@ const mockOpenApiStreamPushChunk = (state, chunk) => {
 };
 
 const mockOpenApiStreamReset = state => {
-  reset$2();
+  reset$1();
   return state;
 };
 
+const openMockProject = async (state, projectId, projectName, projectUri) => {
+  if (!projectId || !projectName) {
+    return state;
+  }
+  const project = {
+    id: projectId,
+    name: projectName,
+    uri: projectUri
+  };
+  const projects = state.projects.some(candidate => candidate.id === projectId) ? state.projects.map(candidate => {
+    if (candidate.id !== projectId) {
+      return candidate;
+    }
+    return project;
+  }) : [...state.projects, project];
+  return {
+    ...state,
+    projectExpandedIds: state.projectExpandedIds.includes(projectId) ? state.projectExpandedIds : [...state.projectExpandedIds, projectId],
+    projects,
+    selectedProjectId: projectId
+  };
+};
+
 const openMockSession = async (state, mockSessionId, mockChatMessages) => {
   const {
     sessions: currentSessions
@@ -10744,7 +11178,7 @@ const pasteInput = async state => {
 };
 
 const registerMockResponse = (state, mockResponse) => {
-  reset$2();
+  reset$1();
   pushChunk(mockResponse.text);
   finish();
   return state;
@@ -10852,6 +11286,93 @@ const getCss = (composerHeight, composerAttachmentsHeight, modelPickerHeight, li
   border-color: var(--vscode-charts-green, var(--vscode-widget-border, var(--vscode-panel-border)));
 }
 
+.ChatAttachments{
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 8px;
+}
+
+.ChatAttachment{
+  align-items: center;
+  display: inline-flex;
+  gap: 6px;
+  max-width: 100%;
+  min-width: 0;
+  overflow: hidden;
+  border-radius: 999px;
+  border: 1px solid var(--vscode-widget-border, var(--vscode-panel-border));
+  padding: 4px 10px;
+  background: var(--vscode-badge-background, color-mix(in srgb, var(--vscode-editor-background) 88%, white));
+  color: var(--vscode-badge-foreground, var(--vscode-foreground));
+  font-size: 12px;
+}
+
+.ChatAttachmentLabel{
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.ChatAttachmentPreview{
+  width: 20px;
+  height: 20px;
+  flex: none;
+  border-radius: 4px;
+  object-fit: cover;
+}
+
+.ChatAttachmentImage{
+  border-color: var(--vscode-charts-blue);
+}
+
+.ChatAttachmentInvalidImage{
+  border-color: var(--vscode-inputValidation-errorBorder, var(--vscode-errorForeground));
+  color: var(--vscode-errorForeground, var(--vscode-foreground));
+}
+
+.ChatAttachmentTextFile{
+  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;
@@ -10889,6 +11410,13 @@ const getCss = (composerHeight, composerAttachmentsHeight, modelPickerHeight, li
   color: var(--vscode-textLink-foreground);
 }
 
+.ProjectListChevron{
+  display: inline-block;
+  flex: none;
+  height: 16px;
+  width: 16px;
+}
+
 .ChatOrderedListItem{
   align-items: flex-start;
   display: flex;
@@ -10931,6 +11459,22 @@ 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;
+}
+
+.ChatMessages > .MessageUser .ChatAttachments{
+  justify-content: flex-end;
+}
+
 .ChatFocus .ChatMessages > .Message{
   inline-size: fit-content;
   max-inline-size: min(100%, var(--ChatFocusContentMaxWidth));
@@ -10940,6 +11484,24 @@ const getCss = (composerHeight, composerAttachmentsHeight, modelPickerHeight, li
   max-inline-size: 100%;
 }
 
+
+.Viewlet.Chat.ChatFocus{
+  display: flex !important;
+  min-width: 0;
+}
+
+.ChatFocusMainArea{
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-width: 0;
+}
+
+.ChatFocusMainArea > .ChatMessages{
+  flex: 1;
+  min-height: 0;
+}
+
 `;
   return `${baseCss}
 
@@ -10977,6 +11539,7 @@ const renderCss = (oldState, newState) => {
   return [SetCss, uid, css];
 };
 
+const pickerListSelector = '.ChatOverlays .ChatModelPickerList';
 const getFocusSelector = state => {
   const {
     focus,
@@ -11002,6 +11565,8 @@ const getFocusSelector = state => {
       }
     case 'model-picker-input':
       return `[name="${ModelPickerSearch}"]`;
+    case 'picker-list':
+      return pickerListSelector;
     case 'send-button':
       return '[name="send"]';
     default:
@@ -11012,6 +11577,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];
 };
@@ -11029,6 +11597,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;
@@ -11076,6 +11646,7 @@ const HandlePointerUpModelPickerList = 55;
 const HandleClickReasoningEffortPickerToggle = 56;
 const HandleClickAgentModePickerToggle = 57;
 const HandleContextMenuChatImageAttachment = 58;
+const HandleErrorComposerAttachmentPreviewOverlay = 59;
 
 const getAddContextButtonDom = () => {
   return [{
@@ -11192,6 +11763,8 @@ const getReasoningEffortPickerVirtualDom = (selectedReasoningEffort, reasoningEf
   }, {
     childCount: reasoningEfforts.length,
     className: ChatModelPickerList,
+    name: PickerList,
+    tabIndex: -1,
     type: Ul
   }, ...getReasoningEffortOptionsVirtualDom(selectedReasoningEffort)] : [])];
 };
@@ -11200,6 +11773,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 : '');
 };
@@ -11375,10 +11963,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}`,
@@ -11400,11 +11993,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;
@@ -11428,7 +12022,7 @@ 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;';
@@ -11482,6 +12076,10 @@ const getChatHeaderDomFocusMode = (selectedSessionTitle, selectedProjectName) =>
   }, ...items.flatMap(([label, name]) => getFocusHeaderActionButtonDom(label, name))];
 };
 
+const getAgentModeOptionsVirtualDom = selectedAgentMode => {
+  return agentModes.flatMap(agentMode => getCustomSelectOptionVirtualDom(getAgentModePickerItemInputName(agentMode), getAgentModeLabel(agentMode), agentMode === selectedAgentMode));
+};
+
 const getCustomSelectPopOverVirtualDom = (optionCount, height, optionNodes, containerClassName = '', popOverClassName = '') => {
   return [{
     childCount: 1,
@@ -11495,14 +12093,13 @@ const getCustomSelectPopOverVirtualDom = (optionCount, height, optionNodes, cont
   }, {
     childCount: optionCount,
     className: ChatModelPickerList,
+    name: PickerList,
+    tabIndex: -1,
     type: Ul
   }, ...optionNodes];
 };
 
 const agentModePickerHeight = agentModes.length * 28;
-const getAgentModeOptionsVirtualDom = selectedAgentMode => {
-  return agentModes.flatMap(agentMode => getCustomSelectOptionVirtualDom(getAgentModePickerItemInputName(agentMode), getAgentModeLabel(agentMode), agentMode === selectedAgentMode));
-};
 const getAgentModePickerPopOverVirtualDom = selectedAgentMode => {
   return getCustomSelectPopOverVirtualDom(agentModes.length, agentModePickerHeight, getAgentModeOptionsVirtualDom(selectedAgentMode));
 };
@@ -11573,6 +12170,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 => {
@@ -11599,6 +12232,10 @@ const getDropOverlayVirtualDom = () => {
 const getChatOverlaysVirtualDom = ({
   agentMode,
   agentModePickerVisible,
+  composerAttachmentPreviewOverlayAttachmentId,
+  composerAttachmentPreviewOverlayError,
+  composerAttachmentPreviewOverlayVisible,
+  composerAttachments,
   dropOverlayVisible,
   modelPickerSearchValue,
   modelPickerVisible,
@@ -11607,7 +12244,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 [];
   }
@@ -11615,7 +12252,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) => {
@@ -11748,12 +12385,17 @@ const getTokenDom = token => {
 
 const getCodeBlockDom = node => {
   const tokenDom = node.codeTokens.flatMap(getTokenDom);
+  const languageAttribute = node.language ? {
+    'data-lang': node.language
+  } : {};
   return [{
     childCount: 1,
-    type: Pre
+    type: Pre,
+    ...languageAttribute
   }, {
     childCount: node.codeTokens.length,
-    type: Code
+    type: Code,
+    ...languageAttribute
   }, ...tokenDom];
 };
 
@@ -12287,69 +12929,6 @@ const getToolCallCreateDirectoryVirtualDom = toolCall => {
   }, ...getToolCallFileNameDom(directoryName, fileNameClickableProps), ...(statusLabel ? [text(statusLabel)] : [])];
 };
 
-const getToolCallEditFileVirtualDom = toolCall => {
-  const target = getReadFileTarget(toolCall.arguments);
-  if (!target) {
-    return [];
-  }
-  const fileName = getFileNameFromUri(target.title);
-  const fileNameClickableProps = target.clickableUri ? {
-    'data-uri': target.clickableUri,
-    onClick: HandleClickFileName
-  } : {};
-  return [{
-    childCount: 3,
-    className: ChatOrderedListItem,
-    title: target.title,
-    type: Li
-  }, {
-    childCount: 0,
-    className: FileIcon,
-    type: Div
-  }, {
-    childCount: 1,
-    className: ToolCallName,
-    type: Span
-  }, text('edit_file '), {
-    childCount: 1,
-    className: ChatToolCallReadFileLink,
-    title: target.clickableUri,
-    ...fileNameClickableProps,
-    type: Span
-  }, ...getToolCallFileNameDom(fileName, fileNameClickableProps)];
-};
-
-const getToolCallGetWorkspaceUriVirtualDom = toolCall => {
-  if (!toolCall.result) {
-    return [];
-  }
-  const statusLabel = getToolCallStatusLabel(toolCall);
-  const fileName = getFileNameFromUri(toolCall.result);
-  const fileNameClickableProps = {
-    'data-uri': toolCall.result,
-    onClick: HandleClickFileName
-  };
-  return [{
-    childCount: statusLabel ? 4 : 3,
-    className: ChatOrderedListItem,
-    title: toolCall.result,
-    type: Li
-  }, {
-    childCount: 0,
-    className: FileIcon,
-    type: Div
-  }, {
-    childCount: 1,
-    className: ToolCallName,
-    type: Span
-  }, text('get_workspace_uri '), {
-    childCount: 1,
-    className: ChatToolCallReadFileLink,
-    ...fileNameClickableProps,
-    type: Span
-  }, ...getToolCallFileNameDom(fileName, fileNameClickableProps), ...(statusLabel ? [text(statusLabel)] : [])];
-};
-
 const getToolCallArgumentPreview = rawArguments => {
   if (!rawArguments.trim()) {
     return '""';
@@ -12424,6 +13003,91 @@ const getToolCallLabel = toolCall => {
   return `${displayName} ${argumentPreview}${statusLabel}`;
 };
 
+const RE_TOOL_NAME_PREFIX = /^([^ :]+)/;
+const getToolCallDefaultDom = toolCall => {
+  const label = getToolCallLabel(toolCall);
+  const match = RE_TOOL_NAME_PREFIX.exec(label);
+  const toolNamePrefix = match ? match[1] : label;
+  const suffix = label.slice(toolNamePrefix.length);
+  const hasSuffix = suffix.length > 0;
+  const hoverTitle = hasSuffix && toolCall.arguments.trim() ? toolCall.arguments : undefined;
+  return [{
+    childCount: hasSuffix ? 2 : 1,
+    className: ChatOrderedListItem,
+    ...(hoverTitle ? {
+      title: hoverTitle
+    } : {}),
+    type: Li
+  }, {
+    childCount: 1,
+    className: ToolCallName,
+    type: Span
+  }, text(toolNamePrefix), ...(hasSuffix ? [text(suffix)] : [])];
+};
+
+const getToolCallEditFileVirtualDom = toolCall => {
+  const target = getReadFileTarget(toolCall.arguments);
+  if (!target) {
+    return [];
+  }
+  const fileName = getFileNameFromUri(target.title);
+  const fileNameClickableProps = target.clickableUri ? {
+    'data-uri': target.clickableUri,
+    onClick: HandleClickFileName
+  } : {};
+  return [{
+    childCount: 3,
+    className: ChatOrderedListItem,
+    title: target.title,
+    type: Li
+  }, {
+    childCount: 0,
+    className: FileIcon,
+    type: Div
+  }, {
+    childCount: 1,
+    className: ToolCallName,
+    type: Span
+  }, text('edit_file '), {
+    childCount: 1,
+    className: ChatToolCallReadFileLink,
+    title: target.clickableUri,
+    ...fileNameClickableProps,
+    type: Span
+  }, ...getToolCallFileNameDom(fileName, fileNameClickableProps)];
+};
+
+const getToolCallGetWorkspaceUriVirtualDom = toolCall => {
+  if (!toolCall.result) {
+    return [];
+  }
+  const statusLabel = getToolCallStatusLabel(toolCall);
+  const fileName = getFileNameFromUri(toolCall.result);
+  const fileNameClickableProps = {
+    'data-uri': toolCall.result,
+    onClick: HandleClickFileName
+  };
+  return [{
+    childCount: statusLabel ? 4 : 3,
+    className: ChatOrderedListItem,
+    title: toolCall.result,
+    type: Li
+  }, {
+    childCount: 0,
+    className: FileIcon,
+    type: Div
+  }, {
+    childCount: 1,
+    className: ToolCallName,
+    type: Span
+  }, text('get_workspace_uri '), {
+    childCount: 1,
+    className: ChatToolCallReadFileLink,
+    ...fileNameClickableProps,
+    type: Span
+  }, ...getToolCallFileNameDom(fileName, fileNameClickableProps), ...(statusLabel ? [text(statusLabel)] : [])];
+};
+
 const getToolCallReadFileVirtualDom = toolCall => {
   const target = getReadFileTarget(toolCall.arguments);
   if (!target) {
@@ -12847,7 +13511,6 @@ const getToolCallWriteFileVirtualDom = toolCall => {
   }, text(` -${linesDeleted}`)] : []), ...(statusLabel ? [text(statusLabel)] : [])];
 };
 
-const RE_TOOL_NAME_PREFIX = /^([^ :]+)/;
 const getToolCallDom = toolCall => {
   if (toolCall.name === 'getWorkspaceUri') {
     const virtualDom = getToolCallGetWorkspaceUriVirtualDom(toolCall);
@@ -12891,24 +13554,7 @@ const getToolCallDom = toolCall => {
       return virtualDom;
     }
   }
-  const label = getToolCallLabel(toolCall);
-  const match = RE_TOOL_NAME_PREFIX.exec(label);
-  const toolNamePrefix = match ? match[1] : label;
-  const suffix = label.slice(toolNamePrefix.length);
-  const hasSuffix = suffix.length > 0;
-  const hoverTitle = hasSuffix && toolCall.arguments.trim() ? toolCall.arguments : undefined;
-  return [{
-    childCount: hasSuffix ? 2 : 1,
-    className: ChatOrderedListItem,
-    ...(hoverTitle ? {
-      title: hoverTitle
-    } : {}),
-    type: Li
-  }, {
-    childCount: 1,
-    className: ToolCallName,
-    type: Span
-  }, text(toolNamePrefix), ...(hasSuffix ? [text(suffix)] : [])];
+  return getToolCallDefaultDom(toolCall);
 };
 
 const withOrderedListMarker = (virtualDom, index) => {
@@ -12966,6 +13612,70 @@ const getTopLevelNodeCount = nodes => {
   return topLevelCount;
 };
 
+const getChatAttachmentLabel = displayType => {
+  switch (displayType) {
+    case 'file':
+      return 'File';
+    case 'image':
+      return 'Image';
+    case 'invalid-image':
+      return 'Invalid image';
+    case 'text-file':
+      return 'Text file';
+    default:
+      return displayType;
+  }
+};
+const getChatAttachmentClassName = displayType => {
+  switch (displayType) {
+    case 'file':
+      return ChatAttachment;
+    case 'image':
+      return ChatAttachmentImage;
+    case 'invalid-image':
+      return ChatAttachmentInvalidImage;
+    case 'text-file':
+      return ChatAttachmentTextFile;
+    default:
+      return ChatAttachment;
+  }
+};
+const getChatAttachmentPreviewDom = attachment => {
+  if (!attachment.previewSrc) {
+    return [];
+  }
+  return [{
+    alt: `Attachment preview for ${attachment.name}`,
+    childCount: 0,
+    className: ChatAttachmentPreview,
+    src: attachment.previewSrc,
+    type: Img
+  }];
+};
+const getChatAttachmentsDom = attachments => {
+  if (attachments.length === 0) {
+    return [];
+  }
+  return [{
+    childCount: attachments.length,
+    className: ChatAttachments,
+    type: Div
+  }, ...attachments.flatMap(attachment => {
+    const previewDom = getChatAttachmentPreviewDom(attachment);
+    return [{
+      childCount: 1 + previewDom.length,
+      className: mergeClassNames(ChatAttachment, getChatAttachmentClassName(attachment.displayType)),
+      type: Div
+    }, ...previewDom, {
+      childCount: 1,
+      className: ChatAttachmentLabel,
+      type: Span
+    }, {
+      text: `${getChatAttachmentLabel(attachment.displayType)} · ${attachment.name}`,
+      type: Text
+    }];
+  })];
+};
 const getChatMessageDom = (message, parsedMessageContent, _openRouterApiKeyInput, _openApiApiKeyInput = '', openApiApiKeyState = 'idle', openApiApiKeysSettingsUrl = 'https://platform.openai.com/api-keys', openApiApiKeyInputPattern = '^sk-.+', openRouterApiKeyState = 'idle', useChatMathWorker = false) => {
   const roleClassName = message.role === 'user' ? MessageUser : MessageAssistant;
   const isOpenApiApiKeyMissingMessage = message.role === 'assistant' && message.text === openApiApiKeyRequiredMessage;
@@ -12973,10 +13683,12 @@ const getChatMessageDom = (message, parsedMessageContent, _openRouterApiKeyInput
   const isOpenRouterRequestFailedMessage = message.role === 'assistant' && message.text === openRouterRequestFailedMessage;
   const isOpenRouterTooManyRequestsMessage = message.role === 'assistant' && message.text.startsWith(openRouterTooManyRequestsMessage);
   const messageDom = getMessageContentDom(parsedMessageContent, useChatMathWorker);
+  const attachmentsDom = message.role === 'user' ? getChatAttachmentsDom(message.attachments ?? []) : [];
   const toolCallsDom = getToolCallsDom(message);
   const toolCallsChildCount = toolCallsDom.length > 0 ? 1 : 0;
   const messageDomChildCount = getTopLevelNodeCount(messageDom);
-  const extraChildCount = isOpenApiApiKeyMissingMessage || isOpenRouterApiKeyMissingMessage || isOpenRouterRequestFailedMessage || isOpenRouterTooManyRequestsMessage ? messageDomChildCount + 1 + toolCallsChildCount : messageDomChildCount + toolCallsChildCount;
+  const attachmentsChildCount = attachmentsDom.length > 0 ? 1 : 0;
+  const extraChildCount = isOpenApiApiKeyMissingMessage || isOpenRouterApiKeyMissingMessage || isOpenRouterRequestFailedMessage || isOpenRouterTooManyRequestsMessage ? messageDomChildCount + 1 + toolCallsChildCount + attachmentsChildCount : messageDomChildCount + toolCallsChildCount + attachmentsChildCount;
   return [{
     childCount: 1,
     className: mergeClassNames(Message, roleClassName),
@@ -12985,7 +13697,7 @@ const getChatMessageDom = (message, parsedMessageContent, _openRouterApiKeyInput
     childCount: extraChildCount,
     className: ChatMessageContent,
     type: Div
-  }, ...toolCallsDom, ...messageDom, ...(isOpenApiApiKeyMissingMessage ? getMissingOpenApiApiKeyDom(openApiApiKeyState, openApiApiKeysSettingsUrl, openApiApiKeyInputPattern) : []), ...(isOpenRouterApiKeyMissingMessage ? getMissingOpenRouterApiKeyDom(openRouterApiKeyState) : []), ...(isOpenRouterRequestFailedMessage ? getOpenRouterRequestFailedDom() : []), ...(isOpenRouterTooManyRequestsMessage ? getOpenRouterTooManyRequestsDom() : [])];
+  }, ...toolCallsDom, ...messageDom, ...attachmentsDom, ...(isOpenApiApiKeyMissingMessage ? getMissingOpenApiApiKeyDom(openApiApiKeyState, openApiApiKeysSettingsUrl, openApiApiKeyInputPattern) : []), ...(isOpenRouterApiKeyMissingMessage ? getMissingOpenRouterApiKeyDom(openRouterApiKeyState) : []), ...(isOpenRouterRequestFailedMessage ? getOpenRouterRequestFailedDom() : []), ...(isOpenRouterTooManyRequestsMessage ? getOpenRouterTooManyRequestsDom() : [])];
 };
 
 const parentNode$1 = {
@@ -13041,7 +13753,18 @@ const getDisplayMessages = (messages, parsedMessages) => {
 };
 const getMessagesDom = (messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput = '', openApiApiKeyState = 'idle', openApiApiKeysSettingsUrl = 'https://platform.openai.com/api-keys', openApiApiKeyInputPattern = '^sk-.+', openRouterApiKeyState = 'idle', messagesScrollTop = 0, useChatMathWorker = false, hideWelcomeMessage = false) => {
   if (messages.length === 0) {
-    return hideWelcomeMessage ? [] : getEmptyMessagesDom();
+    if (!hideWelcomeMessage) {
+      return getEmptyMessagesDom();
+    }
+    return [{
+      childCount: 0,
+      className: 'ChatMessages',
+      onContextMenu: HandleMessagesContextMenu,
+      onScroll: HandleMessagesScroll,
+      role: 'log',
+      scrollTop: messagesScrollTop,
+      type: Div
+    }];
   }
   const displayMessages = getDisplayMessages(messages, parsedMessages);
   return [{
@@ -13108,10 +13831,10 @@ const getProjectGroupDom = (project, sessions, projectExpandedIds, selectedProje
     tabIndex: 0,
     type: Div
   }, {
-    childCount: 1,
-    className: ProjectListChevron,
-    type: Span
-  }, text(expanded ? '▾' : '▸'), {
+    childCount: 0,
+    className: mergeClassNames(ProjectListChevron, MaskIcon, expanded ? MaskIconChevronDown : MaskIconChevronRight),
+    type: Div
+  }, {
     childCount: 0,
     className: 'MaskIcon MaskIconFolder',
     type: Div
@@ -13167,6 +13890,8 @@ const getChatModeChatFocusVirtualDom = ({
   authEnabled = false,
   authErrorMessage = '',
   authStatus = 'signed-out',
+  composerAttachmentPreviewOverlayAttachmentId,
+  composerAttachmentPreviewOverlayError = false,
   composerAttachments,
   composerDropActive = false,
   composerDropEnabled = true,
@@ -13177,6 +13902,7 @@ const getChatModeChatFocusVirtualDom = ({
   composerValue,
   hasSpaceForAgentModePicker,
   hasSpaceForRunModePicker,
+  messagesAutoScrollEnabled,
   messagesScrollTop = 0,
   modelPickerOpen = false,
   modelPickerSearchValue = '',
@@ -13196,6 +13922,7 @@ const getChatModeChatFocusVirtualDom = ({
   reasoningPickerEnabled,
   runMode,
   runModePickerOpen = false,
+  scrollDownButtonEnabled,
   selectedModelId,
   selectedProjectId = '',
   selectedSessionId,
@@ -13217,20 +13944,29 @@ const getChatModeChatFocusVirtualDom = ({
   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 = 4 + (hasVisibleOverlays ? 1 : 0);
+  const hasVisibleOverlays = isDropOverlayVisible || isComposerAttachmentPreviewOverlayVisible || isAgentModePickerVisible || isNewModelPickerVisible || isRunModePickerVisible;
+  const chatRootChildCount = 2 + (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), ...getChatHeaderDomFocusMode(selectedSessionTitle, selectedProjectName), ...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({
+  }, ...getProjectListDom(projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop, true), {
+    childCount: 3,
+    className: ChatFocusMainArea,
+    type: Div
+  }, ...getChatHeaderDomFocusMode(selectedSessionTitle, selectedProjectName), ...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, scrollDownButtonEnabled, messagesAutoScrollEnabled), ...getChatOverlaysVirtualDom({
     agentMode,
     agentModePickerVisible: isAgentModePickerVisible,
+    composerAttachmentPreviewOverlayAttachmentId,
+    composerAttachmentPreviewOverlayError,
+    composerAttachmentPreviewOverlayVisible: isComposerAttachmentPreviewOverlayVisible,
+    composerAttachments,
     dropOverlayVisible: isDropOverlayVisible,
     modelPickerSearchValue,
     modelPickerVisible: isNewModelPickerVisible,
@@ -13277,22 +14013,31 @@ const getHeaderActionVirtualDom = item => {
   }];
 };
 
-const getChatHeaderActionsDom = (viewMode, authEnabled = false, authStatus = 'signed-out', searchEnabled = false) => {
-  const toggleTitle = viewMode === 'chat-focus' ? normalChatMode() : chatFocusMode();
+const getAuthAction = (authEnabled, authStatus) => {
   const isSigningIn = authStatus === 'signing-in';
-  const authAction = authEnabled && authStatus !== 'signed-in' ? {
-    disabled: isSigningIn,
-    icon: mergeClassNames(MaskIcon, MaskIconAccount),
-    name: Login,
-    onClick: HandleClick,
-    title: isSigningIn ? loggingInToBackend() : loginToBackend()
-  } : authEnabled ? {
+  if (!authEnabled) {
+    return undefined;
+  }
+  if (authStatus !== 'signed-in') {
+    return {
+      disabled: isSigningIn,
+      icon: mergeClassNames(MaskIcon, MaskIconAccount),
+      name: Login,
+      onClick: HandleClick,
+      title: isSigningIn ? loggingInToBackend() : loginToBackend()
+    };
+  }
+  return {
     disabled: false,
     icon: mergeClassNames(MaskIcon, MaskIconSignOut),
     name: Logout,
     onClick: HandleClick,
     title: logoutFromBackend()
-  } : undefined;
+  };
+};
+const getChatHeaderActionsDom = (viewMode, authEnabled = false, authStatus = 'signed-out', searchEnabled = false) => {
+  const toggleTitle = viewMode === 'chat-focus' ? normalChatMode() : chatFocusMode();
+  const authAction = getAuthAction(authEnabled, authStatus);
   const items = [{
     icon: mergeClassNames(MaskIcon, MaskIconLayoutPanelLeft),
     name: ToggleChatFocus,
@@ -13368,6 +14113,8 @@ const getChatModeDetailVirtualDom = ({
   authEnabled = false,
   authErrorMessage = '',
   authStatus = 'signed-out',
+  composerAttachmentPreviewOverlayAttachmentId,
+  composerAttachmentPreviewOverlayError = false,
   composerAttachments,
   composerDropActive = false,
   composerDropEnabled = true,
@@ -13378,6 +14125,7 @@ const getChatModeDetailVirtualDom = ({
   composerValue,
   hasSpaceForAgentModePicker,
   hasSpaceForRunModePicker,
+  messagesAutoScrollEnabled,
   messagesScrollTop = 0,
   modelPickerOpen = false,
   modelPickerSearchValue = '',
@@ -13394,6 +14142,7 @@ const getChatModeDetailVirtualDom = ({
   reasoningPickerEnabled,
   runMode,
   runModePickerOpen = false,
+  scrollDownButtonEnabled,
   selectedModelId,
   selectedSessionId,
   sessions,
@@ -13412,10 +14161,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,
@@ -13423,9 +14173,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,
@@ -13570,6 +14324,8 @@ const getChatModeListVirtualDom = ({
   authErrorMessage = '',
   authStatus = 'signed-out',
   chatListScrollTop = 0,
+  composerAttachmentPreviewOverlayAttachmentId,
+  composerAttachmentPreviewOverlayError = false,
   composerAttachments,
   composerDropActive = false,
   composerDropEnabled = true,
@@ -13605,10 +14361,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;
@@ -13621,6 +14378,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,
@@ -13719,6 +14480,8 @@ const getChatVirtualDom = options => {
     authErrorMessage = '',
     authStatus = 'signed-out',
     chatListScrollTop,
+    composerAttachmentPreviewOverlayAttachmentId,
+    composerAttachmentPreviewOverlayError = false,
     composerAttachments,
     composerDropActive = false,
     composerDropEnabled = true,
@@ -13730,6 +14493,7 @@ const getChatVirtualDom = options => {
     hasSpaceForAgentModePicker,
     hasSpaceForRunModePicker,
     listFocusedIndex = -1,
+    messagesAutoScrollEnabled,
     messagesScrollTop,
     modelPickerOpen = false,
     modelPickerSearchValue = '',
@@ -13749,6 +14513,7 @@ const getChatVirtualDom = options => {
     reasoningPickerEnabled,
     runMode,
     runModePickerOpen = false,
+    scrollDownButtonEnabled,
     searchEnabled = false,
     searchFieldVisible = false,
     searchValue = '',
@@ -13777,6 +14542,8 @@ const getChatVirtualDom = options => {
         authEnabled,
         authErrorMessage,
         authStatus,
+        composerAttachmentPreviewOverlayAttachmentId,
+        composerAttachmentPreviewOverlayError,
         composerAttachments,
         composerDropActive,
         composerDropEnabled,
@@ -13787,6 +14554,7 @@ const getChatVirtualDom = options => {
         composerValue,
         hasSpaceForAgentModePicker,
         hasSpaceForRunModePicker,
+        messagesAutoScrollEnabled,
         messagesScrollTop,
         modelPickerOpen,
         modelPickerSearchValue,
@@ -13806,6 +14574,7 @@ const getChatVirtualDom = options => {
         reasoningPickerEnabled,
         runMode,
         runModePickerOpen,
+        scrollDownButtonEnabled,
         selectedModelId,
         selectedProjectId,
         selectedSessionId,
@@ -13828,6 +14597,8 @@ const getChatVirtualDom = options => {
         authEnabled,
         authErrorMessage,
         authStatus,
+        composerAttachmentPreviewOverlayAttachmentId,
+        composerAttachmentPreviewOverlayError,
         composerAttachments,
         composerDropActive,
         composerDropEnabled,
@@ -13838,6 +14609,7 @@ const getChatVirtualDom = options => {
         composerValue,
         hasSpaceForAgentModePicker,
         hasSpaceForRunModePicker,
+        messagesAutoScrollEnabled,
         messagesScrollTop,
         modelPickerOpen,
         modelPickerSearchValue,
@@ -13854,6 +14626,7 @@ const getChatVirtualDom = options => {
         reasoningPickerEnabled,
         runMode,
         runModePickerOpen,
+        scrollDownButtonEnabled,
         selectedModelId,
         selectedSessionId,
         sessions,
@@ -13876,6 +14649,8 @@ const getChatVirtualDom = options => {
         authErrorMessage,
         authStatus,
         chatListScrollTop,
+        composerAttachmentPreviewOverlayAttachmentId,
+        composerAttachmentPreviewOverlayError,
         composerAttachments,
         composerDropActive,
         composerDropEnabled,
@@ -13924,6 +14699,8 @@ const renderItems = (oldState, newState) => {
     authErrorMessage,
     authStatus,
     chatListScrollTop,
+    composerAttachmentPreviewOverlayAttachmentId,
+    composerAttachmentPreviewOverlayError,
     composerAttachments,
     composerDropActive,
     composerDropEnabled,
@@ -13936,6 +14713,7 @@ const renderItems = (oldState, newState) => {
     hasSpaceForRunModePicker,
     initial,
     listFocusedIndex,
+    messagesAutoScrollEnabled,
     messagesScrollTop,
     modelPickerOpen,
     modelPickerSearchValue,
@@ -13955,6 +14733,7 @@ const renderItems = (oldState, newState) => {
     reasoningPickerEnabled,
     runMode,
     runModePickerOpen,
+    scrollDownButtonEnabled,
     searchEnabled,
     searchFieldVisible,
     searchValue,
@@ -13984,6 +14763,8 @@ const renderItems = (oldState, newState) => {
     authErrorMessage,
     authStatus,
     chatListScrollTop,
+    composerAttachmentPreviewOverlayAttachmentId,
+    composerAttachmentPreviewOverlayError,
     composerAttachments,
     composerDropActive,
     composerDropEnabled,
@@ -13995,6 +14776,7 @@ const renderItems = (oldState, newState) => {
     hasSpaceForAgentModePicker,
     hasSpaceForRunModePicker,
     listFocusedIndex,
+    messagesAutoScrollEnabled,
     messagesScrollTop,
     modelPickerOpen,
     modelPickerSearchValue,
@@ -14014,6 +14796,7 @@ const renderItems = (oldState, newState) => {
     reasoningPickerEnabled,
     runMode,
     runModePickerOpen,
+    scrollDownButtonEnabled,
     searchEnabled,
     searchFieldVisible,
     searchValue,
@@ -14132,6 +14915,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']
@@ -14298,6 +15087,9 @@ const renderEventListeners = () => {
     name: HandleContextMenuChatImageAttachment,
     params: ['handleContextMenuChatImageAttachment', TargetName, ClientX, ClientY],
     preventDefault: true
+  }, {
+    name: HandleErrorComposerAttachmentPreviewOverlay,
+    params: ['handleErrorComposerAttachmentPreviewOverlay']
   }];
 };
 
@@ -14379,6 +15171,8 @@ const saveState = state => {
   const {
     agentMode,
     chatListScrollTop,
+    composerSelectionEnd,
+    composerSelectionStart,
     composerValue,
     lastNormalViewMode,
     maxToolCalls,
@@ -14400,6 +15194,8 @@ const saveState = state => {
   return {
     agentMode,
     chatListScrollTop,
+    composerSelectionEnd,
+    composerSelectionStart,
     composerValue,
     lastNormalViewMode,
     maxToolCalls,
@@ -14496,6 +15292,13 @@ const setResponsivePickerVisibilityEnabled = (state, responsivePickerVisibilityE
   };
 };
 
+const setScrollDownButtonEnabled = (state, scrollDownButtonEnabled) => {
+  return {
+    ...state,
+    scrollDownButtonEnabled
+  };
+};
+
 const setSearchEnabled = (state, searchEnabled) => {
   return {
     ...state,
@@ -14628,6 +15431,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),
@@ -14660,6 +15464,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),
@@ -14670,6 +15475,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),
@@ -14679,6 +15486,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),
@@ -14691,6 +15499,7 @@ const commandMap = {
   'Chat.mockOpenApiStreamPushChunk': wrapCommand(mockOpenApiStreamPushChunk),
   'Chat.mockOpenApiStreamReset': wrapCommand(mockOpenApiStreamReset),
   'Chat.openAgentModePicker': wrapCommand(openAgentModePicker),
+  'Chat.openMockProject': wrapCommand(openMockProject),
   'Chat.openMockSession': wrapCommand(openMockSession),
   'Chat.openModelPicker': wrapCommand(openModelPicker),
   'Chat.openReasoningEffortPicker': wrapCommand(openReasoningEffortPicker),
@@ -14715,6 +15524,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),
@@ -14725,6 +15535,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)
 };