@lvce-editor/chat-view 6.63.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);
@@ -6519,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';
@@ -9488,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,
@@ -9508,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);
@@ -10758,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));
@@ -10929,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,
@@ -11052,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 => {
@@ -11309,6 +11317,31 @@ const getChatSendAreaDom = (composerValue, composerAttachments, agentMode, agent
   }, ...(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`;
 };
@@ -11375,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,
@@ -12870,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,
@@ -12936,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 = {
@@ -13041,6 +13110,7 @@ const getChatHeaderActionsDom = (viewMode, authEnabled = false, authStatus = 'si
     title: closeChat()
   }];
   return [{
+    'aria-label': 'chat actions',
     childCount: items.length,
     className: ChatActions,
     role: ToolBar,
@@ -13130,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) => {
@@ -13277,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,
@@ -13340,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 [{
@@ -13349,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 = () => {
@@ -13909,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,
@@ -13921,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.63.0",
+  "version": "6.64.0",
   "description": "Chat View Worker",
   "repository": {
     "type": "git",