@lvce-editor/chat-view 6.62.0 → 6.64.0

package/dist/chatViewWorkerMain.js

@@ -1198,6 +1198,7 @@ const Reference = 100;
 
 const ClientX = 'event.clientX';
 const ClientY = 'event.clientY';
+const DataTransferFiles2 = 'event.dataTransfer.files2';
 const DefaultPrevented = 'event.defaultPrevented';
 const Key = 'event.key';
 const ShiftKey = 'event.shiftKey';
@@ -1307,6 +1308,10 @@ const showContextMenu2 = async (uid, menuId, x, y, args) => {
   number(y);
   await invoke('ContextMenu.show2', uid, menuId, x, y, args);
 };
+const getFileHandles = async fileIds => {
+  const files = await invoke('FileSystemHandle.getFileHandles', fileIds);
+  return files;
+};
 const sendMessagePortToClipBoardWorker$1 = async (port, rpcId) => {
   const command = 'ClipBoard.handleMessagePort';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToClipBoardWorker', port, command, rpcId);
@@ -2034,15 +2039,18 @@ const getDefaultModelsOpenAi = () => {
     id: 'openapi/codex-5.3',
     name: 'Codex 5.3',
     provider: 'openApi',
+    supportsReasoningEffort: true,
     usageCost: 1
   }, {
     id: 'openapi/gpt-5.4-mini',
     name: 'GPT-5.4 Mini',
-    provider: 'openApi'
+    provider: 'openApi',
+    supportsReasoningEffort: true
   }, {
     id: 'openapi/gpt-5-mini',
     name: 'GPT-5 Mini',
-    provider: 'openApi'
+    provider: 'openApi',
+    supportsReasoningEffort: true
   }, {
     id: 'openapi/gpt-4o-mini',
     name: 'GPT-4o Mini',
@@ -4659,7 +4667,7 @@ const getOpenAiTools = tools => {
     };
   });
 };
-const getOpenAiParams = (input, modelId, stream, includeObfuscation, tools, webSearchEnabled, maxToolCalls, systemPrompt = '', previousResponseId, reasoningEffort) => {
+const getOpenAiParams = (input, modelId, stream, includeObfuscation, tools, webSearchEnabled, maxToolCalls, systemPrompt = '', previousResponseId, reasoningEffort, supportsReasoningEffort = false) => {
   const openAiTools = getOpenAiTools(tools);
   return {
     input,
@@ -4678,7 +4686,7 @@ const getOpenAiParams = (input, modelId, stream, includeObfuscation, tools, webS
     ...(previousResponseId ? {
       previous_response_id: previousResponseId
     } : {}),
-    ...(reasoningEffort ? {
+    ...(reasoningEffort && supportsReasoningEffort ? {
       reasoning: {
         effort: reasoningEffort
       }
@@ -5285,6 +5293,7 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
     questionToolEnabled = false,
     reasoningEffort,
     stream,
+    supportsReasoningEffort = false,
     systemPrompt = '',
     toolEnablement,
     useChatNetworkWorkerForRequests = false,
@@ -5303,7 +5312,7 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
   const maxToolIterations = safeMaxToolCalls - 1;
   let previousResponseId;
   for (let i = 0; i <= maxToolIterations; i++) {
-    const postBody = getOpenAiParams(openAiInput, modelId, stream, includeObfuscation, tools, webSearchEnabled, safeMaxToolCalls, systemPrompt, previousResponseId, reasoningEffort);
+    const postBody = getOpenAiParams(openAiInput, modelId, stream, includeObfuscation, tools, webSearchEnabled, safeMaxToolCalls, systemPrompt, previousResponseId, reasoningEffort, supportsReasoningEffort);
     if (stream) {
       const streamResult = useChatNetworkWorkerForRequests ? await (async () => {
         const requestResult = await makeStreamingApiRequest({
@@ -6313,6 +6322,8 @@ const getAiResponse = async ({
   }
   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) {
@@ -6332,7 +6343,7 @@ const getAiResponse = async ({
         capture({
           headers,
           method: 'POST',
-          payload: getOpenAiParams(openAiInput, modelId, streamingEnabled, passIncludeObfuscation, await getBasicChatTools(agentMode, questionToolEnabled, toolEnablement), agentMode === 'plan' ? false : webSearchEnabled, safeMaxToolCalls, systemPrompt, previousResponseId, reasoningEffort),
+          payload: getOpenAiParams(openAiInput, modelId, streamingEnabled, passIncludeObfuscation, await getBasicChatTools(agentMode, questionToolEnabled, toolEnablement), agentMode === 'plan' ? false : webSearchEnabled, safeMaxToolCalls, systemPrompt, previousResponseId, reasoningEffort, supportsReasoningEffort),
           url: getOpenApiApiEndpoint(openApiApiBaseUrl)
         });
         const result = await getMockOpenApiAssistantText(streamingEnabled, onTextChunk, onToolCallsChunk, onDataEvent, onEventStreamFinished);
@@ -6412,6 +6423,7 @@ const getAiResponse = async ({
           reasoningEffort
         } : {}),
         stream: streamingEnabled,
+        supportsReasoningEffort,
         systemPrompt,
         ...(toolEnablement ? {
           toolEnablement
@@ -6512,6 +6524,7 @@ const ChatModelPickerItemSelected = 'ChatModelPickerItemSelected';
 const ChatModelPickerItemUsageCost = 'ChatModelPickerItemUsageCost';
 const ChatModelPickerList = 'ChatModelPickerList';
 const ChatName = 'ChatName';
+const ChatOverlays = 'ChatOverlays';
 const ChatOrderedList = 'ChatOrderedList';
 const ChatOrderedListItem = 'ChatOrderedListItem';
 const ChatOrderedListItemContent = 'ChatOrderedListItemContent';
@@ -9481,7 +9494,23 @@ const handleDragOver = async (state, name, hasFiles = true) => {
   };
 };
 
-const handleDropFiles = async (state, name, files = []) => {
+const getDroppedFiles = async fileHandles => {
+  // TODO adjust e2e test and remove this code
+  if (fileHandles.some(item => typeof item !== 'number')) {
+    return fileHandles.map(item => {
+      return {
+        getFile() {
+          return item;
+        }
+      };
+    });
+  }
+  const actualHandles = await getFileHandles(fileHandles);
+  return actualHandles.map(item => item.value).filter(item => item.kind === 'file');
+};
+
+const handleDropFiles = async (state, name, fileHandles = []) => {
+  const droppedFileHandles = await getDroppedFiles(fileHandles);
   const {
     composerDropActive,
     composerDropEnabled,
@@ -9501,11 +9530,12 @@ const handleDropFiles = async (state, name, files = []) => {
     ...state,
     composerDropActive: false
   };
-  if (!selectedSessionId || files.length === 0) {
+  if (!selectedSessionId || fileHandles.length === 0) {
     return nextState;
   }
   const nextAttachments = [];
-  for (const file of files) {
+  for (const droppedFileHandle of droppedFileHandles) {
+    const file = await droppedFileHandle.getFile();
     const attachmentId = crypto.randomUUID();
     const displayType = await getComposerAttachmentDisplayType(file, file.name, file.type);
     const previewSrc = await getComposerAttachmentPreviewSrc(file, displayType, file.type);
@@ -10751,6 +10781,16 @@ const getCss = (composerHeight, composerAttachmentsHeight, modelPickerHeight, li
   justify-content: flex-end;
 }
 
+.ChatOverlays{
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+}
+
+.ChatOverlays > *{
+  pointer-events: auto;
+}
+
 .RunModePickerPopOver{
   overflow: hidden;
   border: 1px solid var(--vscode-widget-border, var(--vscode-panel-border));
@@ -10922,57 +10962,6 @@ const HandleClickReasoningEffortPickerToggle = 56;
 const HandleClickAgentModePickerToggle = 57;
 const HandleContextMenuChatImageAttachment = 58;
 
-const getCustomSelectOptionVirtualDom = (name, label, selected, detail = '') => {
-  const className = mergeClassNames(ChatModelPickerItem, selected ? ChatModelPickerItemSelected : '');
-  const hasDetail = detail !== '';
-  return [{
-    childCount: 1,
-    type: Li
-  }, {
-    childCount: hasDetail ? 2 : 1,
-    className,
-    inputType: 'button',
-    name,
-    onClick: HandleClick,
-    type: Button$1
-  }, {
-    childCount: 1,
-    className: ChatModelPickerItemLabel,
-    name,
-    type: Span
-  }, text(label), ...(hasDetail ? [{
-    childCount: 1,
-    className: ChatModelPickerItemUsageCost,
-    name,
-    type: Span
-  }, text(detail)] : [])];
-};
-
-const getCustomSelectPopOverVirtualDom = (optionCount, height, optionNodes, containerClassName = '', popOverClassName = '') => {
-  return [{
-    childCount: 1,
-    className: mergeClassNames(ChatModelPickerContainer, containerClassName),
-    type: Div
-  }, {
-    childCount: 1,
-    className: mergeClassNames(ChatModelPicker, popOverClassName),
-    style: `height: ${height}px;`,
-    type: Div
-  }, {
-    childCount: optionCount,
-    className: ChatModelPickerList,
-    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));
-};
-
 const getAddContextButtonDom = () => {
   return [{
     childCount: 1,
@@ -11045,6 +11034,32 @@ const getCreatePullRequestButtonDom = () => {
   }];
 };
 
+const getCustomSelectOptionVirtualDom = (name, label, selected, detail = '') => {
+  const className = mergeClassNames(ChatModelPickerItem, selected ? ChatModelPickerItemSelected : '');
+  const hasDetail = detail !== '';
+  return [{
+    childCount: 1,
+    type: Li
+  }, {
+    childCount: hasDetail ? 2 : 1,
+    className,
+    inputType: 'button',
+    name,
+    onClick: HandleClick,
+    type: Button$1
+  }, {
+    childCount: 1,
+    className: ChatModelPickerItemLabel,
+    name,
+    type: Span
+  }, text(label), ...(hasDetail ? [{
+    childCount: 1,
+    className: ChatModelPickerItemUsageCost,
+    name,
+    type: Span
+  }, text(detail)] : [])];
+};
+
 const reasoningEffortPickerHeight = reasoningEfforts.length * 28;
 const getReasoningEffortOptionsVirtualDom = selectedReasoningEffort => {
   return reasoningEfforts.flatMap(reasoningEffort => {
@@ -11297,10 +11312,36 @@ const getChatSendAreaDom = (composerValue, composerAttachments, agentMode, agent
   }, {
     childCount: primaryControlsCount,
     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)];
 };
 
+const getCustomSelectPopOverVirtualDom = (optionCount, height, optionNodes, containerClassName = '', popOverClassName = '') => {
+  return [{
+    childCount: 1,
+    className: mergeClassNames(ChatModelPickerContainer, containerClassName),
+    type: Div
+  }, {
+    childCount: 1,
+    className: mergeClassNames(ChatModelPicker, popOverClassName),
+    style: `height: ${height}px;`,
+    type: Div
+  }, {
+    childCount: optionCount,
+    className: ChatModelPickerList,
+    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));
+};
+
 const getUsageCostLabel = model => {
   return `${model.usageCost ?? 1}x`;
 };
@@ -11367,6 +11408,51 @@ const getChatModelPickerPopOverVirtualDom = (models, selectedModelId, modelPicke
   }, ...getModelPickerHeaderDom(modelPickerSearchValue), ...getChatModelListVirtualDom(visibleModels, selectedModelId)];
 };
 
+const runModes = ['local', 'background', 'cloud'];
+const runModePickerHeight = runModes.length * 28;
+const getRunModeOptionsVirtualDom = selectedRunMode => {
+  return runModes.flatMap(runMode => getCustomSelectOptionVirtualDom(getRunModePickerItemInputName(runMode), runMode, runMode === selectedRunMode));
+};
+const getRunModePickerPopOverVirtualDom = selectedRunMode => {
+  return getCustomSelectPopOverVirtualDom(runModes.length, runModePickerHeight, getRunModeOptionsVirtualDom(selectedRunMode), RunModePickerContainer, RunModePickerPopOver);
+};
+
+const getDropOverlayVirtualDom = () => {
+  return [{
+    childCount: 1,
+    className: mergeClassNames(ChatViewDropOverlay, ChatViewDropOverlayActive),
+    name: ComposerDropTarget,
+    onDragLeave: HandleDragLeave,
+    onDragOver: HandleDragOver,
+    onDrop: HandleDrop,
+    type: Div
+  }, {
+    text: attachImageAsContext(),
+    type: Text
+  }];
+};
+const getChatOverlaysVirtualDom = ({
+  agentMode,
+  agentModePickerVisible,
+  dropOverlayVisible,
+  modelPickerSearchValue,
+  modelPickerVisible,
+  runMode,
+  runModePickerVisible,
+  selectedModelId,
+  visibleModels
+}) => {
+  const overlayChildCount = (dropOverlayVisible ? 1 : 0) + (agentModePickerVisible ? 1 : 0) + (modelPickerVisible ? 1 : 0) + (runModePickerVisible ? 1 : 0);
+  if (!overlayChildCount) {
+    return [];
+  }
+  return [{
+    childCount: overlayChildCount,
+    className: ChatOverlays,
+    type: Div
+  }, ...(dropOverlayVisible ? getDropOverlayVirtualDom() : []), ...(agentModePickerVisible ? getAgentModePickerPopOverVirtualDom(agentMode) : []), ...(modelPickerVisible ? getChatModelPickerPopOverVirtualDom(visibleModels, selectedModelId, modelPickerSearchValue) : []), ...(runModePickerVisible ? getRunModePickerPopOverVirtualDom(runMode) : [])];
+};
+
 const getBoldInlineNodeDom = (inlineNode, useChatMathWorker, renderInlineNodeDom) => {
   return [{
     childCount: inlineNode.children.length,
@@ -12862,15 +12948,6 @@ const getProjectListDom = (projects, sessions, projectExpandedIds, selectedProje
   }, text('+ Add Project'), ...(showBackToChatsButton ? getBackToChatsButtonDom() : [])];
 };
 
-const runModes = ['local', 'background', 'cloud'];
-const runModePickerHeight = runModes.length * 28;
-const getRunModeOptionsVirtualDom = selectedRunMode => {
-  return runModes.flatMap(runMode => getCustomSelectOptionVirtualDom(getRunModePickerItemInputName(runMode), runMode, runMode === selectedRunMode));
-};
-const getRunModePickerPopOverVirtualDom = selectedRunMode => {
-  return getCustomSelectPopOverVirtualDom(runModes.length, runModePickerHeight, getRunModeOptionsVirtualDom(selectedRunMode), RunModePickerContainer, RunModePickerPopOver);
-};
-
 const getChatModeChatFocusVirtualDom = ({
   addContextButtonEnabled,
   agentMode,
@@ -12928,25 +13005,25 @@ const getChatModeChatFocusVirtualDom = ({
   const isAgentModePickerVisible = hasSpaceForAgentModePicker && agentModePickerOpen;
   const isNewModelPickerVisible = modelPickerOpen;
   const isRunModePickerVisible = showRunMode && hasSpaceForRunModePicker && runModePickerOpen;
-  const chatRootChildCount = 3 + (isDropOverlayVisible ? 1 : 0) + (isAgentModePickerVisible ? 1 : 0) + (isNewModelPickerVisible ? 1 : 0) + (isRunModePickerVisible ? 1 : 0);
+  const hasVisibleOverlays = isDropOverlayVisible || isAgentModePickerVisible || isNewModelPickerVisible || isRunModePickerVisible;
+  const chatRootChildCount = 3 + (hasVisibleOverlays ? 1 : 0);
   return [{
     childCount: chatRootChildCount,
     className: mergeClassNames(Viewlet, Chat, ChatFocus),
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getProjectListDom(projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop, true), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openApiApiKeyState, openApiApiKeysSettingsUrl, openApiApiKeyInputPattern, openRouterApiKeyState, messagesScrollTop, useChatMathWorker, true), ...getChatSendAreaDom(composerValue, composerAttachments, agentMode, agentModePickerOpen, hasSpaceForAgentModePicker, modelPickerOpen, models, selectedModelId, reasoningPickerEnabled, reasoningEffort, reasoningEffortPickerOpen, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, hasSpaceForRunModePicker, runMode, runModePickerOpen, todoListToolEnabled, todoListItems, showCreatePullRequestButton, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
-    childCount: 1,
-    className: mergeClassNames(ChatViewDropOverlay, ChatViewDropOverlayActive),
-    name: ComposerDropTarget,
-    onDragLeave: HandleDragLeave,
-    onDragOver: HandleDragOver,
-    onDrop: HandleDrop,
-    type: Div
-  }, {
-    text: attachImageAsContext(),
-    type: Text
-  }] : []), ...(isAgentModePickerVisible ? getAgentModePickerPopOverVirtualDom(agentMode) : []), ...(isNewModelPickerVisible ? getChatModelPickerPopOverVirtualDom(visibleModels, selectedModelId, modelPickerSearchValue) : []), ...(isRunModePickerVisible ? getRunModePickerPopOverVirtualDom(runMode) : [])];
+  }, ...getProjectListDom(projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop, true), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openApiApiKeyState, openApiApiKeysSettingsUrl, openApiApiKeyInputPattern, openRouterApiKeyState, messagesScrollTop, useChatMathWorker, true), ...getChatSendAreaDom(composerValue, composerAttachments, agentMode, agentModePickerOpen, hasSpaceForAgentModePicker, modelPickerOpen, models, selectedModelId, reasoningPickerEnabled, reasoningEffort, reasoningEffortPickerOpen, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, hasSpaceForRunModePicker, runMode, runModePickerOpen, todoListToolEnabled, todoListItems, showCreatePullRequestButton, voiceDictationEnabled), ...getChatOverlaysVirtualDom({
+    agentMode,
+    agentModePickerVisible: isAgentModePickerVisible,
+    dropOverlayVisible: isDropOverlayVisible,
+    modelPickerSearchValue,
+    modelPickerVisible: isNewModelPickerVisible,
+    runMode,
+    runModePickerVisible: isRunModePickerVisible,
+    selectedModelId,
+    visibleModels
+  })];
 };
 
 const arrowLeft = {
@@ -13033,6 +13110,7 @@ const getChatHeaderActionsDom = (viewMode, authEnabled = false, authStatus = 'si
     title: closeChat()
   }];
   return [{
+    'aria-label': 'chat actions',
     childCount: items.length,
     className: ChatActions,
     role: ToolBar,
@@ -13056,7 +13134,7 @@ const getChatHeaderDomDetailMode = (selectedSessionTitle, authEnabled = false, a
     childCount: hasAuthError ? 3 : 2,
     className: ChatHeader,
     onContextMenu: HandleChatHeaderContextMenu,
-    type: Div
+    type: Header
   }, {
     childCount: 2,
     className: ChatName,
@@ -13122,25 +13200,25 @@ const getChatModeDetailVirtualDom = ({
   const isAgentModePickerVisible = hasSpaceForAgentModePicker && agentModePickerOpen;
   const isNewModelPickerVisible = modelPickerOpen;
   const isRunModePickerVisible = showRunMode && hasSpaceForRunModePicker && runModePickerOpen;
-  const chatRootChildCount = 3 + (isDropOverlayVisible ? 1 : 0) + (isAgentModePickerVisible ? 1 : 0) + (isNewModelPickerVisible ? 1 : 0) + (isRunModePickerVisible ? 1 : 0);
+  const hasVisibleOverlays = isDropOverlayVisible || isAgentModePickerVisible || isNewModelPickerVisible || isRunModePickerVisible;
+  const chatRootChildCount = 3 + (hasVisibleOverlays ? 1 : 0);
   return [{
     childCount: chatRootChildCount,
     className: mergeClassNames(Viewlet, Chat),
     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), ...(isDropOverlayVisible ? [{
-    childCount: 1,
-    className: mergeClassNames(ChatViewDropOverlay, ChatViewDropOverlayActive),
-    name: ComposerDropTarget,
-    onDragLeave: HandleDragLeave,
-    onDragOver: HandleDragOver,
-    onDrop: HandleDrop,
-    type: Div
-  }, {
-    text: attachImageAsContext(),
-    type: Text
-  }] : []), ...(isAgentModePickerVisible ? getAgentModePickerPopOverVirtualDom(agentMode) : []), ...(isNewModelPickerVisible ? getChatModelPickerPopOverVirtualDom(visibleModels, selectedModelId, modelPickerSearchValue) : []), ...(isRunModePickerVisible ? getRunModePickerPopOverVirtualDom(runMode) : [])];
+  }, ...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({
+    agentMode,
+    agentModePickerVisible: isAgentModePickerVisible,
+    dropOverlayVisible: isDropOverlayVisible,
+    modelPickerSearchValue,
+    modelPickerVisible: isNewModelPickerVisible,
+    runMode,
+    runModePickerVisible: isRunModePickerVisible,
+    selectedModelId,
+    visibleModels
+  })];
 };
 
 const getChatSearchDom = (hasSearchField, searchValue) => {
@@ -13170,7 +13248,7 @@ const getChatHeaderListModeDom = (authEnabled = false, authStatus = 'signed-out'
     childCount: headerChildCount,
     className: ChatHeader,
     onContextMenu: HandleChatHeaderContextMenu,
-    type: Div
+    type: Header
   }, {
     childCount: 1,
     className: ChatHeaderLabel,
@@ -13269,23 +13347,6 @@ const getChatListDom = (sessions, selectedSessionId, listFocusedIndex, chatListS
   }, ...sessions.flatMap((session, index) => getSessionDom(session, index === listFocusedIndex))];
 };
 
-const getDropOverlayVirtualDom = isDropOverlayVisible => {
-  if (!isDropOverlayVisible) {
-    return [];
-  }
-  return [{
-    childCount: 1,
-    className: mergeClassNames(ChatViewDropOverlay, ChatViewDropOverlayActive),
-    name: ComposerDropTarget,
-    onDragLeave: HandleDragLeave,
-    onDragOver: HandleDragOver,
-    onDrop: HandleDrop,
-    type: Div
-  }, {
-    text: attachImageAsContext(),
-    type: Text
-  }];
-};
 const getChatModeListVirtualDom = ({
   addContextButtonEnabled,
   agentMode,
@@ -13332,7 +13393,8 @@ const getChatModeListVirtualDom = ({
   const isAgentModePickerVisible = hasSpaceForAgentModePicker && agentModePickerOpen;
   const isNewModelPickerVisible = modelPickerOpen;
   const isRunModePickerVisible = showRunMode && hasSpaceForRunModePicker && runModePickerOpen;
-  const chatRootChildCount = 3 + (isDropOverlayVisible ? 1 : 0) + (isAgentModePickerVisible ? 1 : 0) + (isNewModelPickerVisible ? 1 : 0) + (isRunModePickerVisible ? 1 : 0);
+  const hasVisibleOverlays = isDropOverlayVisible || 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;
   return [{
@@ -13341,7 +13403,17 @@ const getChatModeListVirtualDom = ({
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...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), ...getDropOverlayVirtualDom(isDropOverlayVisible), ...(isAgentModePickerVisible ? getAgentModePickerPopOverVirtualDom(agentMode) : []), ...(isNewModelPickerVisible ? getChatModelPickerPopOverVirtualDom(visibleModels, selectedModelId, modelPickerSearchValue) : []), ...(isRunModePickerVisible ? getRunModePickerPopOverVirtualDom(runMode) : [])];
+  }, ...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,
+    dropOverlayVisible: isDropOverlayVisible,
+    modelPickerSearchValue,
+    modelPickerVisible: isNewModelPickerVisible,
+    runMode,
+    runModePickerVisible: isRunModePickerVisible,
+    selectedModelId,
+    visibleModels
+  })];
 };
 
 const getChatModeUnsupportedVirtualDom = () => {
@@ -13901,11 +13973,11 @@ const renderEventListeners = () => {
     params: ['handleSearchValueChange', TargetValue]
   }, {
     name: HandleDragEnter,
-    params: ['handleDragEnter', TargetName, 'Array.from(event.dataTransfer?.files || []).length > 0'],
+    params: ['handleDragEnter', TargetName, DataTransferFiles2],
     preventDefault: true
   }, {
     name: HandleDragOver,
-    params: ['handleDragOver', TargetName, 'Array.from(event.dataTransfer?.files || []).length > 0'],
+    params: ['handleDragOver', TargetName, DataTransferFiles2],
     preventDefault: true
   }, {
     name: HandleDragLeave,
@@ -13913,15 +13985,15 @@ const renderEventListeners = () => {
     preventDefault: true
   }, {
     name: HandleDrop,
-    params: ['handleDropFiles', TargetName, 'Array.from(event.dataTransfer?.files || [])'],
+    params: ['handleDropFiles', TargetName, DataTransferFiles2],
     preventDefault: true
   }, {
     name: HandleDragEnterChatView,
-    params: ['handleDragEnter', 'composer-drop-target', 'Array.from(event.dataTransfer?.files || []).length > 0'],
+    params: ['handleDragEnter', 'composer-drop-target', DataTransferFiles2],
     preventDefault: true
   }, {
     name: HandleDragOverChatView,
-    params: ['handleDragOver', 'composer-drop-target', 'Array.from(event.dataTransfer?.files || []).length > 0'],
+    params: ['handleDragOver', 'composer-drop-target', DataTransferFiles2],
     preventDefault: true
   }, {
     name: HandleModelChange,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/chat-view",
-  "version": "6.62.0",
+  "version": "6.64.0",
   "description": "Chat View Worker",
   "repository": {
     "type": "git",