@lvce-editor/main-area-worker 9.32.5 → 9.33.0

package/dist/mainAreaWorkerMain.js

@@ -1,249 +1,3 @@
-const toCommandId = key => {
-  const dotIndex = key.indexOf('.');
-  return key.slice(dotIndex + 1);
-};
-const create$f = () => {
-  const commandQueues = new Map();
-  const generations = Object.create(null);
-  const states = Object.create(null);
-  const commandMapRef = {};
-  const getGeneration = uid => generations[uid] || 0;
-  const isCurrentGeneration = (uid, generation) => {
-    return states[uid] !== undefined && getGeneration(uid) === generation;
-  };
-  const updateState = (uid, generation, fallbackState, updater) => {
-    if (!isCurrentGeneration(uid, generation)) {
-      return Promise.resolve(fallbackState);
-    }
-    const current = states[uid];
-    const updatedState = updater(current.newState);
-    if (updatedState !== current.newState) {
-      states[uid] = {
-        newState: updatedState,
-        oldState: current.oldState,
-        scheduledState: updatedState
-      };
-    }
-    return Promise.resolve(updatedState);
-  };
-  const createAsyncCommandContext = (uid, generation) => {
-    let latestState = states[uid].newState;
-    return {
-      getState: () => {
-        if (isCurrentGeneration(uid, generation)) {
-          latestState = states[uid].newState;
-        }
-        return latestState;
-      },
-      updateState: async updater => {
-        latestState = await updateState(uid, generation, latestState, updater);
-        return latestState;
-      }
-    };
-  };
-  const enqueueCommand = async (uid, command) => {
-    const previous = commandQueues.get(uid) || Promise.resolve();
-    const run = async () => {
-      try {
-        await previous;
-      } catch {
-        // The previous caller receives its error; later commands must still run.
-      }
-      await command();
-    };
-    const current = run();
-    commandQueues.set(uid, current);
-    try {
-      await current;
-    } finally {
-      if (commandQueues.get(uid) === current) {
-        commandQueues.delete(uid);
-      }
-    }
-  };
-  return {
-    clear() {
-      commandQueues.clear();
-      for (const key of Object.keys(states)) {
-        delete states[key];
-      }
-    },
-    diff(uid, modules, numbers) {
-      const {
-        oldState,
-        scheduledState
-      } = states[uid];
-      const diffResult = [];
-      for (let i = 0; i < modules.length; i++) {
-        const fn = modules[i];
-        if (!fn(oldState, scheduledState)) {
-          diffResult.push(numbers[i]);
-        }
-      }
-      return diffResult;
-    },
-    dispose(uid) {
-      commandQueues.delete(uid);
-      delete states[uid];
-    },
-    get(uid) {
-      return states[uid];
-    },
-    getCommandIds() {
-      const keys = Object.keys(commandMapRef);
-      const ids = keys.map(toCommandId);
-      return ids;
-    },
-    getKeys() {
-      return Object.keys(states).map(Number);
-    },
-    registerCommands(commandMap) {
-      Object.assign(commandMapRef, commandMap);
-    },
-    set(uid, oldState, newState, scheduledState) {
-      const current = states[uid];
-      if (!current || oldState === newState && newState !== current.newState) {
-        generations[uid] = getGeneration(uid) + 1;
-      }
-      states[uid] = {
-        newState,
-        oldState,
-        scheduledState: scheduledState ?? newState
-      };
-    },
-    wrapAsyncCommand(fn) {
-      const wrapped = async (uid, ...args) => {
-        const generation = getGeneration(uid);
-        const context = createAsyncCommandContext(uid, generation);
-        await fn(context, ...args);
-      };
-      return wrapped;
-    },
-    wrapCommand(fn) {
-      const wrapped = async (uid, ...args) => {
-        const generation = getGeneration(uid);
-        const {
-          newState,
-          oldState
-        } = states[uid];
-        const newerState = await fn(newState, ...args);
-        if (oldState === newerState || newState === newerState) {
-          return;
-        }
-        if (!isCurrentGeneration(uid, generation)) {
-          return;
-        }
-        const latestOld = states[uid];
-        const latestNew = {
-          ...latestOld.newState,
-          ...newerState
-        };
-        states[uid] = {
-          newState: latestNew,
-          oldState: latestOld.oldState,
-          scheduledState: latestNew
-        };
-      };
-      return wrapped;
-    },
-    wrapGetter(fn) {
-      const wrapped = (uid, ...args) => {
-        const {
-          newState
-        } = states[uid];
-        return fn(newState, ...args);
-      };
-      return wrapped;
-    },
-    wrapLoadContent(fn) {
-      const wrapped = async (uid, ...args) => {
-        const generation = getGeneration(uid);
-        const {
-          newState,
-          oldState
-        } = states[uid];
-        const result = await fn(newState, ...args);
-        const {
-          error,
-          state
-        } = result;
-        if (oldState === state || newState === state) {
-          return {
-            error
-          };
-        }
-        if (!isCurrentGeneration(uid, generation)) {
-          return {
-            error
-          };
-        }
-        const latestOld = states[uid];
-        const latestNew = {
-          ...latestOld.newState,
-          ...state
-        };
-        states[uid] = {
-          newState: latestNew,
-          oldState: latestOld.oldState,
-          scheduledState: latestNew
-        };
-        return {
-          error
-        };
-      };
-      return wrapped;
-    },
-    wrapSerialAsyncCommand(fn) {
-      const wrapped = async (uid, ...args) => {
-        await enqueueCommand(uid, async () => {
-          if (!states[uid]) {
-            return;
-          }
-          const generation = getGeneration(uid);
-          const context = createAsyncCommandContext(uid, generation);
-          await fn(context, ...args);
-        });
-      };
-      return wrapped;
-    },
-    wrapSerialCommand(fn) {
-      const wrapped = async (uid, ...args) => {
-        await enqueueCommand(uid, async () => {
-          if (!states[uid]) {
-            return;
-          }
-          const generation = getGeneration(uid);
-          const {
-            newState,
-            oldState
-          } = states[uid];
-          const newerState = await fn(newState, ...args);
-          if (oldState === newerState || newState === newerState) {
-            return;
-          }
-          if (!isCurrentGeneration(uid, generation)) {
-            return;
-          }
-          const latestOld = states[uid];
-          const latestNew = {
-            ...latestOld.newState,
-            ...newerState
-          };
-          states[uid] = {
-            newState: latestNew,
-            oldState: latestOld.oldState,
-            scheduledState: latestNew
-          };
-        });
-      };
-      return wrapped;
-    }
-  };
-};
-const terminate = () => {
-  globalThis.close();
-};
-
 const normalizeLine = line => {
   if (line.startsWith('Error: ')) {
     return line.slice('Error: '.length);
@@ -1137,7 +891,7 @@ const getErrorResponse = (id, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(id, errorProperty);
 };
-const create$e = (message, result) => {
+const create$f = (message, result) => {
   return {
     id: message.id,
     jsonrpc: Two$1,
@@ -1146,7 +900,7 @@ const create$e = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$e(message, resultProperty);
+  return create$f(message, resultProperty);
 };
 const getErrorResponseSimple = (id, error) => {
   return {
@@ -1240,7 +994,7 @@ const handleJsonRpcMessage = async (...args) => {
 
 const Two = '2.0';
 
-const create$d = (method, params) => {
+const create$e = (method, params) => {
   return {
     jsonrpc: Two,
     method,
@@ -1248,7 +1002,7 @@ const create$d = (method, params) => {
   };
 };
 
-const create$c = (id, method, params) => {
+const create$d = (id, method, params) => {
   const message = {
     id,
     jsonrpc: Two,
@@ -1259,12 +1013,12 @@ const create$c = (id, method, params) => {
 };
 
 let id$1 = 0;
-const create$b = () => {
+const create$c = () => {
   return ++id$1;
 };
 
 const registerPromise = map => {
-  const id = create$b();
+  const id = create$c();
   const {
     promise,
     resolve
@@ -1281,7 +1035,7 @@ const invokeHelper = async (callbacks, ipc, method, params, useSendAndTransfer)
     id,
     promise
   } = registerPromise(callbacks);
-  const message = create$c(id, method, params);
+  const message = create$d(id, method, params);
   if (useSendAndTransfer && ipc.sendAndTransfer) {
     ipc.sendAndTransfer(message);
   } else {
@@ -1317,7 +1071,7 @@ const createRpc = ipc => {
      * @deprecated
      */
     send(method, ...params) {
-      const message = create$d(method, params);
+      const message = create$e(method, params);
       ipc.send(message);
     }
   };
@@ -1357,7 +1111,7 @@ const listen$1 = async (module, options) => {
   return ipc;
 };
 
-const create$a = async ({
+const create$b = async ({
   commandMap,
   messagePort,
   requiresSocket
@@ -1375,7 +1129,7 @@ const create$a = async ({
   return rpc;
 };
 
-const create$9 = async ({
+const create$a = async ({
   commandMap,
   isMessagePortOpen = true,
   messagePort
@@ -1393,7 +1147,7 @@ const create$9 = async ({
   return rpc;
 };
 
-const create$8 = async ({
+const create$9 = async ({
   commandMap,
   isMessagePortOpen,
   send
@@ -1403,7 +1157,7 @@ const create$8 = async ({
     port2
   } = new MessageChannel();
   await send(port1);
-  return create$9({
+  return create$a({
     commandMap,
     isMessagePortOpen,
     messagePort: port2
@@ -1438,7 +1192,7 @@ const createSharedLazyRpc = factory => {
   };
 };
 
-const create$7 = async ({
+const create$8 = async ({
   commandMap,
   getPortTuple,
   send
@@ -1448,20 +1202,20 @@ const create$7 = async ({
     port2
   } = await getPortTuple();
   await send(port1);
-  const rpc = create$a({
+  const rpc = create$b({
     commandMap,
     messagePort: port2
   });
   return rpc;
 };
 
-const create$6 = async ({
+const create$7 = async ({
   commandMap,
   getPortTuple,
   send
 }) => {
   return createSharedLazyRpc(() => {
-    return create$7({
+    return create$8({
       commandMap,
       getPortTuple,
       send
@@ -1469,13 +1223,13 @@ const create$6 = async ({
   });
 };
 
-const create$5 = async ({
+const create$6 = async ({
   commandMap,
   isMessagePortOpen,
   send
 }) => {
   return createSharedLazyRpc(() => {
-    return create$8({
+    return create$9({
       commandMap,
       isMessagePortOpen,
       send
@@ -1483,7 +1237,7 @@ const create$5 = async ({
   });
 };
 
-const create$4 = async ({
+const create$5 = async ({
   commandMap
 }) => {
   // TODO create a commandMap per rpc instance
@@ -1515,7 +1269,7 @@ const createMockRpc = ({
 };
 
 const rpcs = Object.create(null);
-const set$5 = (id, rpc) => {
+const set$6 = (id, rpc) => {
   rpcs[id] = rpc;
 };
 const get$1 = id => {
@@ -1526,7 +1280,7 @@ const remove = id => {
 };
 
 /* eslint-disable  @typescript-eslint/explicit-function-return-type */
-const create$3 = rpcId => {
+const create$4 = rpcId => {
   return {
     async dispose() {
       const rpc = get$1(rpcId);
@@ -1548,7 +1302,7 @@ const create$3 = rpcId => {
       const mockRpc = createMockRpc({
         commandMap
       });
-      set$5(rpcId, mockRpc);
+      set$6(rpcId, mockRpc);
       // @ts-ignore
       mockRpc[Symbol.dispose] = () => {
         remove(rpcId);
@@ -1557,12 +1311,12 @@ const create$3 = rpcId => {
       return mockRpc;
     },
     set(rpc) {
-      set$5(rpcId, rpc);
+      set$6(rpcId, rpc);
     }
   };
 };
 
-const None$1 = 'none';
+const None$2 = 'none';
 const Tab$1 = 'tab';
 const TabList = 'tablist';
 const ToolBar = 'toolbar';
@@ -1746,11 +1500,12 @@ const Tab = 13;
 const Main$1 = 24;
 
 const Separator = 1;
-const None = 0;
+const None$1 = 0;
 
 const Electron = 2;
 
 const ClipBoardWorker = 3400;
+const DialogWorker = 7014;
 const ExtensionHostWorker = 44;
 const IconThemeWorker = 7009;
 const RendererWorker = 1;
@@ -1762,17 +1517,22 @@ const SetPatches = 'Viewlet.setPatches';
 const FocusEditorText = 12;
 
 const {
+  set: set$5
+} = create$4(ClipBoardWorker);
+
+const {
+  invoke: invoke$2,
   set: set$4
-} = create$3(ClipBoardWorker);
+} = create$4(DialogWorker);
 
 const {
   set: set$3
-} = create$3(ExtensionHostWorker);
+} = create$4(ExtensionHostWorker);
 
 const {
   invoke: invoke$1,
   set: set$2
-} = create$3(IconThemeWorker);
+} = create$4(IconThemeWorker);
 const getIcons = async iconRequests => {
   // @ts-ignore
   return invoke$1('IconTheme.getIcons', iconRequests);
@@ -1782,7 +1542,7 @@ const {
   invoke,
   invokeAndTransfer,
   set: set$1
-} = create$3(RendererWorker);
+} = create$4(RendererWorker);
 const handleModifiedStatusChange$1 = async (uri, modified) => {
   return invoke('Main.handleModifiedStatusChange', uri, modified);
 };
@@ -1797,6 +1557,10 @@ const sendMessagePortToClipBoardWorker$1 = async (port, rpcId) => {
   const command = 'ClipBoard.handleMessagePort';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToClipBoardWorker', port, command, rpcId);
 };
+const sendMessagePortToDialogWorker = async port => {
+  const command = 'HandleMessagePort.handleMessagePort';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToDialogWorker', port, command);
+};
 const sendMessagePortToIconThemeWorker = async (port, rpcId) => {
   const command = 'IconTheme.handleMessagePort';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToIconThemeWorker', port, command, rpcId);
@@ -1808,21 +1572,270 @@ const sendMessagePortToExtensionHostWorker$1 = async (port, rpcId = 0) => {
   const command = 'HandleMessagePort.handleMessagePort2';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionHostWorker', port, command, rpcId);
 };
-const confirm = async (message, options) => {
+const confirm$1 = async (message, options) => {
   const result = await invoke('ConfirmPrompt.prompt', message, options);
   return result;
 };
-const writeClipBoardText = async text => {
-  await invoke('ClipBoard.writeText', /* text */text);
+const writeClipBoardText = async text => {
+  await invoke('ClipBoard.writeText', /* text */text);
+};
+
+const toCommandId = key => {
+  const dotIndex = key.indexOf('.');
+  return key.slice(dotIndex + 1);
+};
+const create$3 = () => {
+  const commandQueues = new Map();
+  const generations = Object.create(null);
+  const states = Object.create(null);
+  const commandMapRef = {};
+  const getGeneration = uid => generations[uid] || 0;
+  const isCurrentGeneration = (uid, generation) => {
+    return states[uid] !== undefined && getGeneration(uid) === generation;
+  };
+  const updateState = (uid, generation, fallbackState, updater) => {
+    if (!isCurrentGeneration(uid, generation)) {
+      return Promise.resolve(fallbackState);
+    }
+    const current = states[uid];
+    const updatedState = updater(current.newState);
+    if (updatedState !== current.newState) {
+      states[uid] = {
+        newState: updatedState,
+        oldState: current.oldState,
+        scheduledState: updatedState
+      };
+    }
+    return Promise.resolve(updatedState);
+  };
+  const createAsyncCommandContext = (uid, generation) => {
+    let latestState = states[uid].newState;
+    return {
+      getState: () => {
+        if (isCurrentGeneration(uid, generation)) {
+          latestState = states[uid].newState;
+        }
+        return latestState;
+      },
+      updateState: async updater => {
+        latestState = await updateState(uid, generation, latestState, updater);
+        return latestState;
+      }
+    };
+  };
+  const enqueueCommand = async (uid, command) => {
+    const previous = commandQueues.get(uid) || Promise.resolve();
+    const run = async () => {
+      try {
+        await previous;
+      } catch {
+        // The previous caller receives its error; later commands must still run.
+      }
+      await command();
+    };
+    const current = run();
+    commandQueues.set(uid, current);
+    try {
+      await current;
+    } finally {
+      if (commandQueues.get(uid) === current) {
+        commandQueues.delete(uid);
+      }
+    }
+  };
+  return {
+    clear() {
+      commandQueues.clear();
+      for (const key of Object.keys(states)) {
+        delete states[key];
+      }
+    },
+    diff(uid, modules, numbers) {
+      const {
+        oldState,
+        scheduledState
+      } = states[uid];
+      const diffResult = [];
+      for (let i = 0; i < modules.length; i++) {
+        const fn = modules[i];
+        if (!fn(oldState, scheduledState)) {
+          diffResult.push(numbers[i]);
+        }
+      }
+      return diffResult;
+    },
+    dispose(uid) {
+      commandQueues.delete(uid);
+      delete states[uid];
+    },
+    get(uid) {
+      return states[uid];
+    },
+    getCommandIds() {
+      const keys = Object.keys(commandMapRef);
+      const ids = keys.map(toCommandId);
+      return ids;
+    },
+    getKeys() {
+      return Object.keys(states).map(Number);
+    },
+    registerCommands(commandMap) {
+      Object.assign(commandMapRef, commandMap);
+    },
+    set(uid, oldState, newState, scheduledState) {
+      const current = states[uid];
+      if (!current || oldState === newState && newState !== current.newState) {
+        generations[uid] = getGeneration(uid) + 1;
+      }
+      states[uid] = {
+        newState,
+        oldState,
+        scheduledState: scheduledState ?? newState
+      };
+    },
+    wrapAsyncCommand(fn) {
+      const wrapped = async (uid, ...args) => {
+        const generation = getGeneration(uid);
+        const context = createAsyncCommandContext(uid, generation);
+        await fn(context, ...args);
+      };
+      return wrapped;
+    },
+    wrapCommand(fn) {
+      const wrapped = async (uid, ...args) => {
+        const generation = getGeneration(uid);
+        const {
+          newState,
+          oldState
+        } = states[uid];
+        const newerState = await fn(newState, ...args);
+        if (oldState === newerState || newState === newerState) {
+          return;
+        }
+        if (!isCurrentGeneration(uid, generation)) {
+          return;
+        }
+        const latestOld = states[uid];
+        const latestNew = {
+          ...latestOld.newState,
+          ...newerState
+        };
+        states[uid] = {
+          newState: latestNew,
+          oldState: latestOld.oldState,
+          scheduledState: latestNew
+        };
+      };
+      return wrapped;
+    },
+    wrapGetter(fn) {
+      const wrapped = (uid, ...args) => {
+        const {
+          newState
+        } = states[uid];
+        return fn(newState, ...args);
+      };
+      return wrapped;
+    },
+    wrapLoadContent(fn) {
+      const wrapped = async (uid, ...args) => {
+        const generation = getGeneration(uid);
+        const {
+          newState,
+          oldState
+        } = states[uid];
+        const result = await fn(newState, ...args);
+        const {
+          error,
+          state
+        } = result;
+        if (oldState === state || newState === state) {
+          return {
+            error
+          };
+        }
+        if (!isCurrentGeneration(uid, generation)) {
+          return {
+            error
+          };
+        }
+        const latestOld = states[uid];
+        const latestNew = {
+          ...latestOld.newState,
+          ...state
+        };
+        states[uid] = {
+          newState: latestNew,
+          oldState: latestOld.oldState,
+          scheduledState: latestNew
+        };
+        return {
+          error
+        };
+      };
+      return wrapped;
+    },
+    wrapSerialAsyncCommand(fn) {
+      const wrapped = async (uid, ...args) => {
+        await enqueueCommand(uid, async () => {
+          if (!states[uid]) {
+            return;
+          }
+          const generation = getGeneration(uid);
+          const context = createAsyncCommandContext(uid, generation);
+          await fn(context, ...args);
+        });
+      };
+      return wrapped;
+    },
+    wrapSerialCommand(fn) {
+      const wrapped = async (uid, ...args) => {
+        await enqueueCommand(uid, async () => {
+          if (!states[uid]) {
+            return;
+          }
+          const generation = getGeneration(uid);
+          const {
+            newState,
+            oldState
+          } = states[uid];
+          const newerState = await fn(newState, ...args);
+          if (oldState === newerState || newState === newerState) {
+            return;
+          }
+          if (!isCurrentGeneration(uid, generation)) {
+            return;
+          }
+          const latestOld = states[uid];
+          const latestNew = {
+            ...latestOld.newState,
+            ...newerState
+          };
+          states[uid] = {
+            newState: latestNew,
+            oldState: latestOld.oldState,
+            scheduledState: latestNew
+          };
+        });
+      };
+      return wrapped;
+    }
+  };
+};
+const terminate = () => {
+  globalThis.close();
 };
 
 const addClosedTabs = (state, entries) => {
+  const {
+    closedTabs
+  } = state;
   if (entries.length === 0) {
     return state;
   }
   return {
     ...state,
-    closedTabs: [...state.closedTabs, ...entries].slice(-20)
+    closedTabs: [...closedTabs, ...entries].slice(-20)
   };
 };
 
@@ -1844,10 +1857,13 @@ const redistributeSizesWithRounding = groups => {
 };
 
 const withGroupsAndActiveGroup = (state, groups, activeGroupId) => {
+  const {
+    layout
+  } = state;
   return {
     ...state,
     layout: {
-      ...state.layout,
+      ...layout,
       activeGroupId,
       groups
     }
@@ -1859,20 +1875,26 @@ const withEmptyGroups = state => {
 };
 
 const withGroups = (state, groups) => {
+  const {
+    layout
+  } = state;
   return {
     ...state,
     layout: {
-      ...state.layout,
+      ...layout,
       groups
     }
   };
 };
 
 const closeTab = (state, groupId, tabId) => {
+  const {
+    layout
+  } = state;
   const {
     activeGroupId,
     groups
-  } = state.layout;
+  } = layout;
 
   // Find the group to close the tab from
   const groupIndex = getGroupIndexById(state, groupId);
@@ -1951,10 +1973,13 @@ const createViewlet = async (viewletModuleId, editorUid, tabId, bounds, uri) =>
 };
 
 const getActiveFileUri = state => {
+  const {
+    layout
+  } = state;
   const {
     activeGroupId,
     groups
-  } = state.layout;
+  } = layout;
   const activeGroup = groups.find(group => group.id === activeGroupId);
   const activeTab = activeGroup?.tabs.find(tab => tab.id === activeGroup.activeTabId);
   if (!activeTab) {
@@ -1998,7 +2023,7 @@ const withActiveEditorChangeAsync = fn => {
   };
 };
 
-const registry = create$f();
+const registry = create$3();
 const {
   get,
   getCommandIds,
@@ -2301,6 +2326,9 @@ const findTabInState = (state, groupId, tabId) => {
 };
 
 const closeTabWithViewlet = async (state, groupId, tabId) => {
+  const {
+    layout
+  } = state;
   const tab = findTabInState(state, groupId, tabId);
   const commands = [];
   if (tab && tab.editorUid !== -1) {
@@ -2310,7 +2338,7 @@ const closeTabWithViewlet = async (state, groupId, tabId) => {
     commands.push(...disposeCommands);
   }
   const newState = closeTab(state, groupId, tabId);
-  const group = state.layout.groups.find(g => g.id === groupId);
+  const group = layout.groups.find(g => g.id === groupId);
   const wasActiveTab = group?.activeTabId === tabId;
   const newGroup = wasActiveTab ? newState.layout.groups.find(candidate => candidate.id === groupId) : undefined;
   const newActiveTabId = newGroup?.activeTabId;
@@ -2342,6 +2370,17 @@ const saveEditor = async editorUid => {
   return invoke('Editor.save', editorUid);
 };
 
+const missingDialogWorkerRelay = 'Command "SendMessagePortToExtensionHostWorker.sendMessagePortToDialogWorker" not found';
+const confirm = async (message, options) => {
+  try {
+    return await invoke$2('ConfirmPrompt.prompt', message, options);
+  } catch (error) {
+    if (!String(error).includes(missingDialogWorkerRelay)) {
+      throw error;
+    }
+    return confirm$1(message, options);
+  }
+};
 const promptSave = async title => {
   const shouldSave = await confirm(`Do you want to save the changes you made to ${title}?`, {
     cancelMessage: 'More Options',
@@ -2420,9 +2459,12 @@ const disposeEditors = async editorUids => {
 };
 
 const closeAll$1 = async state => {
-  const editorUids = state.layout.groups.flatMap(group => group.tabs.map(tab => tab.editorUid)).filter(editorUid => editorUid !== -1);
+  const {
+    layout
+  } = state;
+  const editorUids = layout.groups.flatMap(group => group.tabs.map(tab => tab.editorUid)).filter(editorUid => editorUid !== -1);
   await disposeEditors(editorUids);
-  const entries = state.layout.groups.flatMap((group, groupIndex) => {
+  const entries = layout.groups.flatMap((group, groupIndex) => {
     return group.tabs.map((tab, tabIndex) => ({
       group,
       groupIndex,
@@ -2566,9 +2608,12 @@ const closeSavedInGroup = group => {
   };
 };
 const closeSaved$1 = state => {
+  const {
+    layout
+  } = state;
   const {
     groups
-  } = state.layout;
+  } = layout;
   const closedTabs = groups.flatMap((group, groupIndex) => {
     return group.tabs.map((tab, tabIndex) => ({
       group,
@@ -2582,7 +2627,10 @@ const closeSaved$1 = state => {
 };
 
 const closeFirstTabByUri = (state, uri) => {
-  const matchingGroup = state.layout.groups.find(group => {
+  const {
+    layout
+  } = state;
+  const matchingGroup = layout.groups.find(group => {
     return group.tabs.some(tab => tab.uri === uri);
   });
   const matchingTab = matchingGroup?.tabs.find(tab => tab.uri === uri);
@@ -2604,7 +2652,10 @@ const closeTabsByUris = (state, uris) => {
 };
 
 const getGroupById = (state, groupId) => {
-  return state.layout.groups.find(group => group.id === groupId);
+  const {
+    layout
+  } = state;
+  return layout.groups.find(group => group.id === groupId);
 };
 
 const closeTabsRight = (state, groupId) => {
@@ -2664,9 +2715,12 @@ const findGroupById = (state, groupId) => {
 };
 
 const copyIntoNewWindow$1 = async state => {
+  const {
+    layout
+  } = state;
   const {
     activeGroupId
-  } = state.layout;
+  } = layout;
   const group = findGroupById(state, activeGroupId ?? 0);
   if (!group) {
     return state;
@@ -2747,12 +2801,12 @@ const create$1 = (uid, uri, x, y, width, height, platform, assetDir, tabHeight =
   set(uid, state, state);
 };
 
-const isEqual$1 = (oldState, newState) => {
+const isEqual$2 = (oldState, newState) => {
   return false;
 };
 
-const isEqual = (oldState, newState) => {
-  return oldState.layout === newState.layout;
+const isEqual$1 = (oldState, newState) => {
+  return oldState.dragOverlay === newState.dragOverlay && oldState.layout === newState.layout;
 };
 
 const RenderItems = 4;
@@ -2763,7 +2817,7 @@ const RenderPendingViewletUpdate = 12;
 const isPendingViewletUpdateEqual = (oldState, newState) => {
   return newState.pendingViewletUpdate === undefined;
 };
-const modules = [isEqual, isEqual$1, isPendingViewletUpdateEqual];
+const modules = [isEqual$1, isEqual$2, isPendingViewletUpdateEqual];
 const numbers = [RenderIncremental, RenderCss, RenderPendingViewletUpdate];
 
 const diff = (oldState, newState) => {
@@ -2983,7 +3037,10 @@ const getActiveTabId$1 = state => {
 };
 
 const getSelectedTabData = (state, groupIndex, index) => {
-  const group = state.layout.groups[groupIndex];
+  const {
+    layout
+  } = state;
+  const group = layout.groups[groupIndex];
   if (!group || index < 0 || index >= group.tabs.length) {
     return undefined;
   }
@@ -3043,11 +3100,18 @@ const findTabById = (state, tabId) => {
 };
 
 const getSelectedTabBounds = state => {
+  const {
+    height,
+    tabHeight,
+    width,
+    x,
+    y
+  } = state;
   return {
-    height: state.height - state.tabHeight,
-    width: state.width,
-    x: state.x,
-    y: state.y + state.tabHeight
+    height: height - tabHeight,
+    width,
+    x,
+    y: y + tabHeight
   };
 };
 
@@ -3095,11 +3159,14 @@ const getViewletModuleId = async tab => {
 };
 
 const startContentLoading = async (oldState, state, tabId, path, requestId) => {
+  const {
+    uid
+  } = state;
   try {
     const getLatestState = () => {
-      return get(state.uid).newState;
+      return get(uid).newState;
     };
-    set(state.uid, oldState, state);
+    set(uid, oldState, state);
     const newState = await loadTabContentAsync(tabId, path, requestId, getLatestState);
     return newState;
   } catch {
@@ -3281,8 +3348,8 @@ const getActiveGroup = (groups, activeGroupId) => {
   return groups.find(g => g.id === activeGroupId);
 };
 
-const Left = 'left';
-const Right = 'right';
+const Left$1 = 'left';
+const Right$1 = 'right';
 
 const getActiveTab = state => {
   const {
@@ -3374,12 +3441,18 @@ const getRestoredTab = tab => {
   };
 };
 const getStateWithoutLastClosedTab = state => {
+  const {
+    closedTabs
+  } = state;
   return {
     ...state,
-    closedTabs: state.closedTabs.slice(0, -1)
+    closedTabs: closedTabs.slice(0, -1)
   };
 };
 const restoreExistingUri = (state, entry) => {
+  const {
+    layout
+  } = state;
   if (!entry.tab.uri) {
     return undefined;
   }
@@ -3387,11 +3460,11 @@ const restoreExistingUri = (state, entry) => {
   if (!existing) {
     return undefined;
   }
-  const groupIndex = state.layout.groups.findIndex(group => group.id === existing.groupId);
+  const groupIndex = layout.groups.findIndex(group => group.id === existing.groupId);
   if (groupIndex === -1) {
     return undefined;
   }
-  const tabIndex = state.layout.groups[groupIndex].tabs.findIndex(tab => tab.id === existing.tab.id);
+  const tabIndex = layout.groups[groupIndex].tabs.findIndex(tab => tab.id === existing.tab.id);
   if (tabIndex === -1) {
     return undefined;
   }
@@ -3411,9 +3484,12 @@ const restoreExistingUri = (state, entry) => {
   };
 };
 const restoreIntoExistingGroup = (state, entry) => {
+  const {
+    layout
+  } = state;
   const {
     groups
-  } = state.layout;
+  } = layout;
   const groupIndex = groups.findIndex(group => group.id === entry.group.id);
   if (groupIndex === -1) {
     return undefined;
@@ -3501,7 +3577,10 @@ const restoreIntoRecreatedGroup = (state, entry) => {
   };
 };
 const restoreClosedTabState = state => {
-  const entry = state.closedTabs.at(-1);
+  const {
+    closedTabs
+  } = state;
+  const entry = closedTabs.at(-1);
   if (!entry) {
     return undefined;
   }
@@ -3550,7 +3629,10 @@ const getActiveTabId = state => {
 };
 
 const getTabCount = state => {
-  return state.layout.groups.reduce((sum, group) => sum + group.tabs.length, 0);
+  const {
+    layout
+  } = state;
+  return layout.groups.reduce((sum, group) => sum + group.tabs.length, 0);
 };
 
 const getCurrentState = state => {
@@ -3664,9 +3746,10 @@ const updateTabUriTitle = (tab, homeDirUri) => {
 };
 const updateTabUriTitles = state => {
   const {
+    homeDirUri: rawHomeDirUri,
     layout
   } = state;
-  const homeDirUri = state.homeDirUri || '';
+  const homeDirUri = rawHomeDirUri || '';
   return {
     ...state,
     layout: {
@@ -3681,6 +3764,7 @@ const updateTabUriTitles = state => {
 
 const createEmptyGroup$1 = (state, uri, requestId, preview = false, title = getLabel(uri), editorType = 'text', editorInput) => {
   const {
+    homeDirUri,
     layout
   } = state;
   const {
@@ -3702,7 +3786,7 @@ const createEmptyGroup$1 = (state, uri, requestId, preview = false, title = getL
     loadingState: 'loading',
     title,
     uri,
-    uriTitle: getUriTitle(uri, state.homeDirUri || '')
+    uriTitle: getUriTitle(uri, homeDirUri || '')
   };
   const newGroup = {
     activeTabId: newTab.id,
@@ -3761,6 +3845,7 @@ const openTab = (state, groupId, tab) => {
 const ensureActiveGroup = (state, uri, preview = false, title = getLabel(uri), editorType = 'text', editorInput) => {
   // Find the active group (by activeGroupId or focused flag)
   const {
+    homeDirUri,
     layout
   } = state;
   const {
@@ -3798,7 +3883,7 @@ const ensureActiveGroup = (state, uri, preview = false, title = getLabel(uri), e
             loadingState: 'loading',
             title,
             uri,
-            uriTitle: getUriTitle(uri, state.homeDirUri || '')
+            uriTitle: getUriTitle(uri, homeDirUri || '')
           };
         });
         return {
@@ -3832,7 +3917,7 @@ const ensureActiveGroup = (state, uri, preview = false, title = getLabel(uri), e
       loadingState: 'loading',
       title,
       uri: uri,
-      uriTitle: getUriTitle(uri, state.homeDirUri || '')
+      uriTitle: getUriTitle(uri, homeDirUri || '')
     };
     newState = openTab(state, activeGroup.id, newTab);
   } else {
@@ -4047,7 +4132,10 @@ const getExistingTabState = (state, existingTab, preview) => {
   return switchTab(pinnedState, existingTab.groupId, existingTab.tab.id);
 };
 const getActivePreviewEditorUid = state => {
-  const activeGroup = state.layout.activeGroupId === undefined ? state.layout.groups.find(group => group.focused) : state.layout.groups.find(group => group.id === state.layout.activeGroupId);
+  const {
+    layout
+  } = state;
+  const activeGroup = layout.activeGroupId === undefined ? layout.groups.find(group => group.focused) : layout.groups.find(group => group.id === layout.activeGroupId);
   const activeTab = activeGroup?.tabs.find(tab => tab.id === activeGroup.activeTabId);
   return activeTab?.isPreview ? activeTab.editorUid : -1;
 };
@@ -4254,17 +4342,20 @@ const rebalanceGroupSizes = groups => {
   }));
 };
 const isTrailingSplit = direction => {
-  return direction === Right || direction === 'down';
+  return direction === Right$1 || direction === 'down';
 };
 const getSplitLayoutDirection = direction => {
-  return direction === Left || direction === Right ? Horizontal : Vertical;
+  return direction === Left$1 || direction === Right$1 ? Horizontal : Vertical;
 };
 const createNextState = (state, activeGroupId, groups) => {
+  const {
+    layout
+  } = state;
   return {
     ...state,
     layout: {
       activeGroupId,
-      direction: state.layout.direction,
+      direction: layout.direction,
       groups
     }
   };
@@ -4433,7 +4524,7 @@ const handleClickAction = async (state, action, rawGroupId) => {
     case RetryOpen:
       return retryOpen(state);
     case SplitRight$1:
-      return splitEditorGroup$1(state, activeGroup.id, Right);
+      return splitEditorGroup$1(state, activeGroup.id, Right$1);
     case TogglePreview$1:
       return handleClickTogglePreview(state);
     default:
@@ -4486,6 +4577,9 @@ const show2 = async (uid, menuId, x, y, args) => {
 
 const NoGroupId = -1;
 const handleContextMenu = async (state, rawGroupId, x, y) => {
+  const {
+    uid
+  } = state;
   number(x);
   number(y);
   if (rawGroupId === undefined) {
@@ -4495,7 +4589,7 @@ const handleContextMenu = async (state, rawGroupId, x, y) => {
   if (Number.isNaN(groupId)) {
     return state;
   }
-  await show2(state.uid, Main$1, x, y, {
+  await show2(uid, Main$1, x, y, {
     groupId,
     menuId: Main$1
   });
@@ -4503,12 +4597,15 @@ const handleContextMenu = async (state, rawGroupId, x, y) => {
 };
 
 const handleDoubleClick = (state, groupIndexRaw, indexRaw) => {
+  const {
+    layout
+  } = state;
   if (!groupIndexRaw || !indexRaw) {
     return state;
   }
   const groupIndex = Number.parseInt(groupIndexRaw);
   const tabIndex = Number.parseInt(indexRaw);
-  const tab = state.layout.groups[groupIndex]?.tabs[tabIndex];
+  const tab = layout.groups[groupIndex]?.tabs[tabIndex];
   if (!tab?.isPreview) {
     return state;
   }
@@ -4517,6 +4614,118 @@ const handleDoubleClick = (state, groupIndexRaw, indexRaw) => {
   });
 };
 
+const handleDragLeave = state => {
+  const {
+    dragOverlay
+  } = state;
+  if (!dragOverlay) {
+    return state;
+  }
+  return {
+    ...state,
+    dragOverlay: undefined
+  };
+};
+
+const None = 0;
+const Up = 1;
+const Down = 2;
+const Left = 3;
+const Right = 4;
+
+const getSplitDirection = (x, y, width, height) => {
+  const percentX = x / width;
+  if (percentX < 0.25) {
+    return Left;
+  }
+  if (percentX > 0.75) {
+    return Right;
+  }
+  const percentY = y / height;
+  if (percentY < 0.25) {
+    return Up;
+  }
+  if (percentY > 0.75) {
+    return Down;
+  }
+  return None;
+};
+const getOverlay = (x, y, width, height, splitDirection) => {
+  const halfHeight = height / 2;
+  const halfWidth = width / 2;
+  switch (splitDirection) {
+    case Down:
+      return {
+        height: halfHeight,
+        width,
+        x,
+        y: y + halfHeight
+      };
+    case Left:
+      return {
+        height,
+        width: halfWidth,
+        x,
+        y
+      };
+    case Right:
+      return {
+        height,
+        width: halfWidth,
+        x: x + halfWidth,
+        y
+      };
+    case Up:
+      return {
+        height: halfHeight,
+        width,
+        x,
+        y
+      };
+    default:
+      return {
+        height,
+        width,
+        x,
+        y
+      };
+  }
+};
+const getDragOverlay = (state, eventX, eventY) => {
+  const {
+    height,
+    layout,
+    tabHeight,
+    width,
+    x,
+    y
+  } = state;
+  const hasOpenEditor = layout.groups.some(group => !group.isEmpty);
+  const contentY = hasOpenEditor ? tabHeight : 0;
+  const contentHeight = Math.max(0, height - contentY);
+  const relativeX = eventX - x;
+  const relativeY = eventY - y - contentY;
+  const splitDirection = getSplitDirection(relativeX, relativeY, width, contentHeight);
+  return getOverlay(0, contentY, width, contentHeight, splitDirection);
+};
+
+const isEqual = (oldOverlay, newOverlay) => {
+  return oldOverlay?.x === newOverlay?.x && oldOverlay?.y === newOverlay?.y && oldOverlay?.width === newOverlay?.width && oldOverlay?.height === newOverlay?.height;
+};
+const handleDragOver = (state, eventX, eventY) => {
+  const {
+    dragOverlay: oldDragOverlay
+  } = state;
+  const dragOverlay = getDragOverlay(state, eventX, eventY);
+  if (isEqual(oldDragOverlay, dragOverlay)) {
+    return state;
+  }
+  return {
+    ...state,
+    dragOverlay
+  };
+};
+
 const EditorGroupHeader = 'EditorGroupHeader';
 const EmptyGroupHeader = 'EmptyGroupHeader';
 const EmptyGroupCloseButton = 'EmptyGroupCloseButton';
@@ -4539,6 +4748,7 @@ const TextEditorLoading = 'TextEditor TextEditor--loading';
 const EditorContentLoading = 'EditorContent EditorContent--loading';
 const TextEditorError = 'TextEditor TextEditorError';
 const EditorContentError = 'EditorContent EditorContentError';
+const DragOverlay = 'DragOverlay';
 const Main = 'Main';
 const EDITOR_GROUPS_CONTAINER = 'editor-groups-container';
 const TabIcon = 'TabIcon';
@@ -4677,16 +4887,20 @@ const getAllTabs = layout => {
 };
 
 const loadFileIcons = async state => {
+  const {
+    fileIconCache,
+    layout
+  } = state;
   try {
-    const allTabs = getAllTabs(state.layout);
+    const allTabs = getAllTabs(layout);
     const {
       newFileIconCache
-    } = await getFileIconsForTabs(allTabs, state.fileIconCache);
+    } = await getFileIconsForTabs(allTabs, fileIconCache);
 
     // Update tabs with their icons
     const updatedLayout = {
-      ...state.layout,
-      groups: state.layout.groups.map(group => ({
+      ...layout,
+      groups: layout.groups.map(group => ({
         ...group,
         tabs: group.tabs.map(tab => ({
           ...tab,
@@ -4701,8 +4915,8 @@ const loadFileIcons = async state => {
   } catch {
     // If icon request fails, continue without icons
     return {
-      fileIconCache: state.fileIconCache,
-      updatedLayout: state.layout
+      fileIconCache,
+      updatedLayout: layout
     };
   }
 };
@@ -4840,17 +5054,20 @@ const getSashCorner = layout => {
 };
 
 const handleSashCornerPointerDown = async (state, clientX, clientY) => {
+  const {
+    layout
+  } = state;
   if (!Number.isFinite(clientX) || !Number.isFinite(clientY)) {
     return state;
   }
-  const sashCorner = getSashCorner(state.layout);
+  const sashCorner = getSashCorner(layout);
   if (!sashCorner) {
     return state;
   }
   return {
     ...state,
     sashCornerDrag: {
-      groupSizes: state.layout.groups.map(group => ({
+      groupSizes: layout.groups.map(group => ({
         id: group.id,
         size: group.size
       })),
@@ -4893,6 +5110,9 @@ const getBeforeSize = (startSize, deltaPx, axisSize, minSizePx, totalSize) => {
 const handleSashCornerPointerMove = async (state, clientX, clientY) => {
   const {
     height,
+    layout,
+    minGroupHeightPx,
+    minGroupWidthPx,
     sashCornerDrag,
     width
   } = state;
@@ -4912,8 +5132,8 @@ const handleSashCornerPointerMove = async (state, clientX, clientY) => {
   }
   const xBeforeStartSize = sumGroupSizes(groupSizes, xBeforeGroupIds);
   const yBeforeStartSize = sumGroupSizes(groupSizes, yBeforeGroupIds);
-  const xBeforeSize = getBeforeSize(xBeforeStartSize, clientX - startClientX, width, state.minGroupWidthPx, totalSize);
-  const yBeforeSize = getBeforeSize(yBeforeStartSize, clientY - startClientY, height, state.minGroupHeightPx, totalSize);
+  const xBeforeSize = getBeforeSize(xBeforeStartSize, clientX - startClientX, width, minGroupWidthPx, totalSize);
+  const yBeforeSize = getBeforeSize(yBeforeStartSize, clientY - startClientY, height, minGroupHeightPx, totalSize);
   const xAfterSize = totalSize - xBeforeSize;
   const yAfterSize = totalSize - yBeforeSize;
   const xBeforeGroupIdSet = new Set(xBeforeGroupIds);
@@ -4921,8 +5141,8 @@ const handleSashCornerPointerMove = async (state, clientX, clientY) => {
   return {
     ...state,
     layout: {
-      ...state.layout,
-      groups: state.layout.groups.map(group => {
+      ...layout,
+      groups: layout.groups.map(group => {
         const xSize = xBeforeGroupIdSet.has(group.id) ? xBeforeSize : xAfterSize;
         const ySize = yBeforeGroupIdSet.has(group.id) ? yBeforeSize : yAfterSize;
         return {
@@ -4935,7 +5155,10 @@ const handleSashCornerPointerMove = async (state, clientX, clientY) => {
 };
 
 const handleSashCornerPointerUp = async state => {
-  if (!state.sashCornerDrag) {
+  const {
+    sashCornerDrag
+  } = state;
+  if (!sashCornerDrag) {
     return state;
   }
   return {
@@ -5003,6 +5226,8 @@ const handleSashPointerMove = async (state, clientX, clientY) => {
   const {
     height,
     layout,
+    minGroupHeightPx,
+    minGroupWidthPx,
     sashDrag,
     width
   } = state;
@@ -5023,7 +5248,7 @@ const handleSashPointerMove = async (state, clientX, clientY) => {
   const deltaPx = direction === Horizontal ? clientX - sashDrag.startClientX : clientY - sashDrag.startClientY;
   const deltaPercent = deltaPx / axisSize * 100;
   const totalResizableSize = sashDrag.beforeSize + sashDrag.afterSize;
-  const minGroupSizePx = direction === Horizontal ? state.minGroupWidthPx : state.minGroupHeightPx;
+  const minGroupSizePx = direction === Horizontal ? minGroupWidthPx : minGroupHeightPx;
   let minGroupSize = getMinGroupSizePercent(axisSize, minGroupSizePx);
 
   // If the minimum size makes it impossible to fit two groups, relax the constraint
@@ -5083,6 +5308,7 @@ const handleTabContextMenu = async (state, button, x, y) => {
 
 const handleUriChange = async (state, oldUri, newUri) => {
   const {
+    homeDirUri,
     layout
   } = state;
   const {
@@ -5113,7 +5339,7 @@ const handleUriChange = async (state, oldUri, newUri) => {
             editorInput,
             title: getLabel(renamedUri),
             uri: renamedUri,
-            uriTitle: getUriTitle(renamedUri, state.homeDirUri || '')
+            uriTitle: getUriTitle(renamedUri, homeDirUri || '')
           };
         }
         return tab;
@@ -5324,15 +5550,18 @@ const updateTabs = (state, editorUids) => {
 };
 
 const restoreAndCreateEditors = async (state, restoredLayout) => {
+  const {
+    tabHeight
+  } = state;
   let newState = {
     ...state,
     layout: restoredLayout
   };
   const bounds = {
-    height: newState.height - state.tabHeight,
+    height: newState.height - tabHeight,
     width: newState.width,
     x: newState.x,
-    y: newState.y + state.tabHeight
+    y: newState.y + tabHeight
   };
 
   // Get viewlet module IDs for all active tabs
@@ -5440,7 +5669,7 @@ const sendMessagePortToExtensionHostWorker = async port => {
 
 const createExtensionHostRpc = async () => {
   try {
-    const rpc = await create$8({
+    const rpc = await create$9({
       commandMap: {},
       send: sendMessagePortToExtensionHostWorker
     });
@@ -5604,12 +5833,15 @@ const menuEntrySeparator = {
 };
 
 const getNewWindowMenuEntries = state => {
-  if (state.platform !== Electron) {
+  const {
+    platform
+  } = state;
+  if (platform !== Electron) {
     return [];
   }
   return [menuEntrySeparator, {
     command: 'MainArea.newWindow',
-    flags: None,
+    flags: None$1,
     id: 'newWindow',
     label: newWindow$1()
   }];
@@ -5619,37 +5851,37 @@ const getMenuEntries$2 = (state, groupId) => {
   const groupArgs = getMenuEntryArgs(groupId);
   const entries = [{
     command: 'MainArea.newFile',
-    flags: None,
+    flags: None$1,
     id: 'newTextFile',
     label: newTextFile()
   }, {
     args: [QuickPick, 'file'],
     command: 'Viewlet.openWidget',
-    flags: None,
+    flags: None$1,
     id: 'openFile',
     label: openFile()
   }, menuEntrySeparator, {
     args: groupArgs,
     command: 'MainArea.splitUp',
-    flags: None,
+    flags: None$1,
     id: 'splitUp',
     label: splitUp$1()
   }, {
     args: groupArgs,
     command: 'MainArea.splitDown',
-    flags: None,
+    flags: None$1,
     id: 'splitDown',
     label: splitDown$1()
   }, {
     args: groupArgs,
     command: 'MainArea.splitLeft',
-    flags: None,
+    flags: None$1,
     id: 'splitLeft',
     label: splitLeft$1()
   }, {
     args: groupArgs,
     command: 'MainArea.splitRight',
-    flags: None,
+    flags: None$1,
     id: 'splitRight',
     label: splitRight$1()
   }, ...getNewWindowMenuEntries(state)];
@@ -5659,7 +5891,7 @@ const getMenuEntries$2 = (state, groupId) => {
   return [...entries, menuEntrySeparator, {
     args: [groupId],
     command: 'MainArea.closeEditorGroup',
-    flags: None,
+    flags: None$1,
     id: 'closeGroup',
     label: closeEditorGroup()
   }];
@@ -5690,101 +5922,101 @@ const getMenuEntries$1 = state => {
   } = tab;
   return [{
     command: 'Main.closeFocusedTab',
-    flags: None,
+    flags: None$1,
     id: 'tabClose',
     label: close()
   }, {
     command: 'Main.closeOthers',
-    flags: None,
+    flags: None$1,
     id: 'tabCloseOthers',
     label: closeOthers()
   }, {
     command: 'Main.closeTabsRight',
-    flags: None,
+    flags: None$1,
     id: 'tabCloseToTheRight',
     label: closeToTheRight()
   }, {
     command: 'Main.closeSaved',
-    flags: None,
+    flags: None$1,
     id: 'tabCloseSaved',
     label: closeSaved()
   }, {
     command: 'Main.closeAll',
-    flags: None,
+    flags: None$1,
     id: 'tabCloseAll',
     label: closeAll()
   }, menuEntrySeparator, {
     args: [path],
     command: 'Main.copyPath',
-    flags: None,
+    flags: None$1,
     id: 'copyPath',
     label: copyPath()
   }, {
     args: [path],
     command: 'Main.copyRelativePath',
-    flags: None,
+    flags: None$1,
     id: 'copyRelativePath',
     label: copyRelativePath()
   }, menuEntrySeparator, {
     command: 'Main.reopenEditorWith',
-    flags: None,
+    flags: None$1,
     id: 'reopenEditorWith',
     label: reopenEditorWith$1()
   }, menuEntrySeparator, {
     command: '',
-    flags: None,
+    flags: None$1,
     id: 'share',
     label: share()
   }, menuEntrySeparator, {
     command: '',
-    flags: None,
+    flags: None$1,
     id: 'addFileToChat',
     label: addFileToChat()
   }, menuEntrySeparator, {
     command: '',
-    flags: None,
+    flags: None$1,
     id: 'openContainingFolder',
     label: openContainingFolder()
   }, {
     args: [path],
     command: 'Explorer.revealItem',
-    flags: None,
+    flags: None$1,
     id: 'revealInExplorerView',
     label: revealInExplorerView()
   }, menuEntrySeparator, {
     command: '',
-    flags: None,
+    flags: None$1,
     id: 'keepOpen',
     label: keepOpen()
   }, {
     command: '',
-    flags: None,
+    flags: None$1,
     id: 'pin',
     label: pin()
   }, menuEntrySeparator, {
     command: 'Main.splitRight',
-    flags: None,
+    flags: None$1,
     id: 'splitRight',
     label: splitRight$1()
   }, {
     command: '',
-    flags: None,
+    flags: None$1,
     id: 'splitAndMove',
     label: splitAndMove()
   }, {
     command: 'MainArea.moveIntoNewWindow',
-    flags: None,
+    flags: None$1,
     id: 'moveIntoNewWindow',
     label: moveIntoNewWindow$1()
   }, {
     command: 'MainArea.copyIntoNewWindow',
-    flags: None,
+    flags: None$1,
     id: 'copyIntoNewWindow',
     label: copyIntoNewWindow()
   }, menuEntrySeparator, {
     args: [/* id */'References', /* focus */true, path],
     command: 'SideBar.show',
-    flags: None,
+    flags: None$1,
     id: 'findFileReferences',
     label: findFileReferences()
   }];
@@ -5802,9 +6034,12 @@ const getMenuEntries = async (state, props) => {
 };
 
 const moveIntoNewWindow = async state => {
+  const {
+    layout
+  } = state;
   const {
     activeGroupId
-  } = state.layout;
+  } = layout;
   const group = findGroupById(state, activeGroupId ?? 0);
   if (!group) {
     return state;
@@ -5829,25 +6064,9 @@ const newWindow = async state => {
 };
 
 const openUrisWithContext = async (context, uris) => {
-  if (uris.length === 0) {
-    return;
-  }
-  await openUriWithContext(context, uris[0]);
-  if (uris.length === 1) {
-    return;
-  }
-  let currentState = context.getState();
-  const firstTab = findTabByUri(currentState, uris[0]);
-  for (const uri of uris.slice(1)) {
-    const existingTab = findTabByUri(currentState, uri);
-    if (!existingTab) {
-      currentState = ensureActiveGroup(currentState, uri);
-    }
-  }
-  if (firstTab) {
-    currentState = switchTab(currentState, firstTab.groupId, firstTab.tab.id);
+  for (const uri of uris) {
+    await openUriWithContext(context, uri);
   }
-  await context.updateState(() => currentState);
 };
 
 const refresh = state => {
@@ -5856,6 +6075,24 @@ const refresh = state => {
   };
 };
 
+const getDragOverlayCss = dragOverlay => {
+  if (!dragOverlay) {
+    return [];
+  }
+  const {
+    height,
+    width,
+    x,
+    y
+  } = dragOverlay;
+  return [`.DragOverlay {
+  left: ${x}px;
+  top: ${y}px;
+  width: ${width}px;
+  height: ${height}px;
+}`];
+};
+
 const getEditorGroupCss = layout => {
   const groupSizeVariable = layout.direction === Vertical ? '--EditorGroupHeight' : '--EditorGroupWidth';
   return layout.groups.map(group => {
@@ -5945,10 +6182,18 @@ const getSashCss = (layout, width = 0) => {
   return getProtoSashCss(layout, width).map(renderSashCss);
 };
 
-const getCss = (layout, width = 0) => {
-  const rules = [`.MainArea {
+const getCss = (layout, width = 0, dragOverlay) => {
+  const rules = [`.Main {
+  position: relative;
 }`, `.editor-groups-container {
   overflow: auto;
+}`, `.DragOverlay {
+  position: absolute;
+  z-index: 1;
+  contain: strict;
+  pointer-events: none;
+  background: rgba(83, 89, 93, 0.5);
+  transition: all 100ms;
 }`, `.SashBorder {
   background: var(--SashBorder, gray);
 }`, `.SashBorderHorizontal {
@@ -5984,7 +6229,7 @@ const getCss = (layout, width = 0) => {
   /*height: var(--EditorGroupHeight, auto);*/
 }`];
   if (layout) {
-    rules.push(...getEditorGroupCss(layout), ...getSashCss(layout, width));
+    rules.push(...getEditorGroupCss(layout), ...getDragOverlayCss(dragOverlay), ...getSashCss(layout, width));
     const sashCorner = getSashCorner(layout);
     if (sashCorner) {
       rules.push(`.SashCorner {
@@ -5998,7 +6243,7 @@ const getCss = (layout, width = 0) => {
 };
 
 const renderCss = (oldState, newState) => {
-  const css = getCss(newState.layout, newState.width);
+  const css = getCss(newState.layout, newState.width, newState.dragOverlay);
   return [SetCss, newState.uid, css];
 };
 
@@ -6094,14 +6339,11 @@ const compareNodes = (oldNode, newNode) => {
   }
   const patches = [];
   // Handle reference nodes - special handling for uid changes
-  if (oldNode.type === Reference) {
-    if (oldNode.uid !== newNode.uid) {
-      patches.push({
-        type: SetReferenceNodeUid,
-        uid: newNode.uid
-      });
-    }
-    return patches;
+  if (oldNode.type === Reference && oldNode.uid !== newNode.uid) {
+    patches.push({
+      type: SetReferenceNodeUid,
+      uid: newNode.uid
+    });
   }
   // Handle text nodes
   if (oldNode.type === Text && newNode.type === Text) {
@@ -6114,8 +6356,8 @@ const compareNodes = (oldNode, newNode) => {
     return patches;
   }
   // Compare attributes
-  const oldKeys = getKeys(oldNode);
-  const newKeys = getKeys(newNode);
+  const oldKeys = getKeys(oldNode).filter(key => oldNode.type !== Reference || key !== 'uid');
+  const newKeys = getKeys(newNode).filter(key => newNode.type !== Reference || key !== 'uid');
   // Check for attribute changes
   for (const key of newKeys) {
     if (oldNode[key] !== newNode[key]) {
@@ -6139,9 +6381,14 @@ const compareNodes = (oldNode, newNode) => {
 };
 
 const treeToArray = node => {
-  const result = [node.node];
-  for (const child of node.children) {
-    result.push(...treeToArray(child));
+  const result = [];
+  const stack = [node];
+  while (stack.length > 0) {
+    const current = stack.pop();
+    result.push(current.node);
+    for (let i = current.children.length - 1; i >= 0; i--) {
+      stack.push(current.children[i]);
+    }
   }
   return result;
 };
@@ -6253,17 +6500,14 @@ const diffTrees = (oldTree, newTree, patches, path) => {
 };
 
 const removeTrailingNavigationPatches = patches => {
-  // Find the last non-navigation patch
-  let lastNonNavigationIndex = -1;
-  for (let i = patches.length - 1; i >= 0; i--) {
-    const patch = patches[i];
+  while (patches.length > 0) {
+    const patch = patches.at(-1);
     if (patch.type !== NavigateChild && patch.type !== NavigateParent && patch.type !== NavigateSibling) {
-      lastNonNavigationIndex = i;
       break;
     }
+    patches.pop();
   }
-  // Return patches up to and including the last non-navigation patch
-  return lastNonNavigationIndex === -1 ? [] : patches.slice(0, lastNonNavigationIndex + 1);
+  return patches;
 };
 
 const diffTree = (oldNodes, newNodes) => {
@@ -6291,6 +6535,18 @@ const HandleDoubleClick = 19;
 const HandleSashCornerPointerDown = 20;
 const HandleSashCornerPointerMove = 21;
 const HandleSashCornerPointerUp = 22;
+const HandleDragOver = 23;
+const HandleDragLeave = 24;
+const HandleDrop = 25;
+
+const dragOverlayVirtualDom = {
+  childCount: 0,
+  className: DragOverlay,
+  type: Div
+};
+const getDragOverlayVirtualDom = () => {
+  return dragOverlayVirtualDom;
+};
 
 const textEditorNode = {
   childCount: 1,
@@ -6320,15 +6576,16 @@ const paragraphNode = {
   childCount: 1,
   type: P
 };
+const retryButtonNode = {
+  childCount: 1,
+  className: mergeClassNames(Button, ButtonSecondary),
+  'data-action': RetryOpen,
+  name: RetryOpen,
+  onClick: HandleClickAction,
+  type: Button$2
+};
 const renderError = errorMessage => {
-  return [textEditorErrorNode, editorContentErrorNode, paragraphNode, text(`Error: ${errorMessage}`), {
-    childCount: 1,
-    className: mergeClassNames(Button, ButtonSecondary),
-    'data-action': RetryOpen,
-    name: RetryOpen,
-    onClick: HandleClickAction,
-    type: Button$2
-  }, text(retry())];
+  return [textEditorErrorNode, editorContentErrorNode, paragraphNode, text(`Error: ${errorMessage}`), retryButtonNode, text(retry())];
 };
 
 const textEditorLoadingNode = {
@@ -6421,7 +6678,7 @@ const SearchEditorScheme = 'search-editor://';
 const tabIconNode = {
   childCount: 1,
   className: TabIcon,
-  role: None$1,
+  role: None$2,
   type: Div
 };
 const tabTitleNode = {
@@ -6452,7 +6709,7 @@ const renderTabIcon = tab => {
   return [{
     childCount: 0,
     className: TabIcon,
-    role: None$1,
+    role: None$2,
     src: tab.icon,
     type: Img
   }];
@@ -6554,7 +6811,7 @@ const renderEditorGroupHeader = (group, groupIndex, splitButtonEnabled) => {
     childCount: hasActions ? 2 : 1,
     className: EditorGroupHeader,
     onDblClick: HandleHeaderDoubleClick,
-    role: None$1,
+    role: None$2,
     type: Div
   }, ...getTabsVirtualDom(group, groupIndex, tabsChildCount), ...actions];
 };
@@ -6645,7 +6902,7 @@ const renderSash = (direction, sashId) => {
     className: getSashClassName(direction),
     'data-sashId': sashId,
     onPointerDown: HandleSashPointerDown,
-    role: None$1,
+    role: None$2,
     type: Button$2
   }, {
     childCount: 0,
@@ -6658,7 +6915,7 @@ const sashCornerNode = {
   childCount: 0,
   className: 'SashCorner',
   onPointerDown: HandleSashCornerPointerDown,
-  role: None$1,
+  role: None$2,
   type: Button$2
 };
 const renderSashCorner = () => {
@@ -6668,6 +6925,9 @@ const renderSashCorner = () => {
 const mainNode$1 = {
   childCount: 1,
   className: Main,
+  onDragLeave: HandleDragLeave,
+  onDragOver: HandleDragOver,
+  onDrop: HandleDrop,
   type: Div
 };
 const renderSingleEditorGroup = (layout, splitButtonEnabled, sizeProperty = 'width') => {
@@ -6687,8 +6947,20 @@ const getContainerClassName = (direction, childCount) => {
 const mainNode = {
   childCount: 1,
   className: Main,
+  onDragLeave: HandleDragLeave,
+  onDragOver: HandleDragOver,
+  onDrop: HandleDrop,
   type: Div
 };
+const addDragOverlay = (dom, dragOverlay) => {
+  if (!dragOverlay) {
+    return dom;
+  }
+  return [dom[0], {
+    ...dom[1],
+    childCount: dom[1].childCount + 1
+  }, ...dom.slice(2), getDragOverlayVirtualDom()];
+};
 const getSizeProperty = direction => {
   return direction === Vertical ? 'height' : 'width';
 };
@@ -6737,7 +7009,7 @@ const renderSegmentChildren = (direction, groups, splitButtonEnabled) => {
     children.push({
       childCount: nestedChildCount,
       className: getContainerClassName(nestedDirection, segment.groups.length),
-      role: None$1,
+      role: None$2,
       style: `${sizeProperty}:${segmentSize}%;`,
       type: Div
     });
@@ -6750,25 +7022,25 @@ const renderSegmentChildren = (direction, groups, splitButtonEnabled) => {
     children
   };
 };
-const getMainAreaVirtualDom = (layout, splitButtonEnabled = false) => {
+const getMainAreaVirtualDom = (layout, splitButtonEnabled = false, dragOverlay) => {
   const {
     direction,
     groups
   } = layout;
   const sizeProperty = getSizeProperty(direction);
   if (groups.length === 1) {
-    return renderSingleEditorGroup(layout, splitButtonEnabled, sizeProperty);
+    return addDragOverlay(renderSingleEditorGroup(layout, splitButtonEnabled, sizeProperty), dragOverlay);
   }
   const editorGroupsContainerClassName = getContainerClassName(direction, groups.length);
   if (groups.length === 0) {
-    return [mainNode, {
+    return addDragOverlay([mainNode, {
       childCount: 0,
       className: editorGroupsContainerClassName,
       'data-groupId': '',
       onContextMenu: HandleContextMenu,
-      role: None$1,
+      role: None$2,
       type: Div
-    }];
+    }], dragOverlay);
   }
   const {
     childCount,
@@ -6776,16 +7048,17 @@ const getMainAreaVirtualDom = (layout, splitButtonEnabled = false) => {
   } = renderSegmentChildren(direction, groups, splitButtonEnabled);
   const sashCorner = getSashCorner(layout);
   const sashCornerChildren = sashCorner ? [renderSashCorner()] : [];
-  return [mainNode, {
+  return addDragOverlay([mainNode, {
     childCount: childCount + sashCornerChildren.length,
     className: editorGroupsContainerClassName,
-    role: None$1,
+    role: None$2,
     type: Div
-  }, ...children, ...sashCornerChildren];
+  }, ...children, ...sashCornerChildren], dragOverlay);
 };
 
 const renderItems = (oldState, newState) => {
   const {
+    dragOverlay,
     initial,
     layout,
     splitButtonEnabled,
@@ -6794,7 +7067,7 @@ const renderItems = (oldState, newState) => {
   if (initial) {
     return [SetDom2, uid, []];
   }
-  const dom = getMainAreaVirtualDom(layout, splitButtonEnabled);
+  const dom = getMainAreaVirtualDom(layout, splitButtonEnabled, dragOverlay);
   return [SetDom2, uid, dom];
 };
 
@@ -6900,6 +7173,17 @@ const renderEventListeners = () => {
   }, {
     name: HandleSashCornerPointerUp,
     params: ['handleSashCornerPointerUp', ClientX, ClientY]
+  }, {
+    name: HandleDragOver,
+    params: ['handleDragOver', ClientX, ClientY],
+    preventDefault: true
+  }, {
+    name: HandleDragLeave,
+    params: ['handleDragLeave']
+  }, {
+    name: HandleDrop,
+    params: ['handleDragLeave'],
+    preventDefault: true
   }];
 };
 
@@ -7035,8 +7319,11 @@ const getLatestStoredState = (uid, fallbackState, referenceTabId, referenceTabUr
   return fallbackState;
 };
 const save = async state => {
+  const {
+    uid
+  } = state;
   const requestedActiveTabData = getActiveTab(state);
-  const currentState = getLatestStoredState(state.uid, state, requestedActiveTabData?.tab.id, requestedActiveTabData?.tab.uri, !requestedActiveTabData);
+  const currentState = getLatestStoredState(uid, state, requestedActiveTabData?.tab.id, requestedActiveTabData?.tab.uri, !requestedActiveTabData);
   const activeTabData = getActiveTab(currentState);
   if (!activeTabData) {
     return currentState;
@@ -7049,17 +7336,17 @@ const save = async state => {
   }
   if (!tab.isDirty) {
     await saveEditorAndHandleSettingsChange(tab);
-    return getLatestStoredState(state.uid, currentState, tab.id, tab.uri);
+    return getLatestStoredState(uid, currentState, tab.id, tab.uri);
   }
   const editorState = await saveEditorAndHandleSettingsChange(tab);
-  const latestState = getLatestStoredState(state.uid, currentState, tab.id, tab.uri);
+  const latestState = getLatestStoredState(uid, currentState, tab.id, tab.uri);
   if (editorState?.modified) {
     return latestState;
   }
   if (tab.uri) {
     await handleModifiedStatusChange$1(tab.uri, false);
   }
-  const stateAfterModifiedStatusChange = getLatestStoredState(state.uid, latestState, tab.id, tab.uri);
+  const stateAfterModifiedStatusChange = getLatestStoredState(uid, latestState, tab.id, tab.uri);
   return updateTab(stateAfterModifiedStatusChange, tab.id, {
     isDirty: false
   });
@@ -7196,12 +7483,15 @@ const setEditorLayout = (state, direction, slots) => {
   };
 };
 const flipLayout = state => {
+  const {
+    layout
+  } = state;
   return {
     ...state,
     layout: {
-      ...state.layout,
-      direction: flipDirection(state.layout.direction),
-      groups: state.layout.groups.map(group => ({
+      ...layout,
+      direction: flipDirection(layout.direction),
+      groups: layout.groups.map(group => ({
         ...group,
         direction: group.direction === undefined ? undefined : flipDirection(group.direction)
       }))
@@ -7324,7 +7614,7 @@ const splitDown = (state, groupId) => {
     };
     return splitEditorGroup$1(stateWithInitialGroup, initialGroupId, 'down');
   }
-  const resolvedGroupId = groupId ?? state.layout.activeGroupId;
+  const resolvedGroupId = groupId ?? layout.activeGroupId;
   if (!resolvedGroupId) {
     return state;
   }
@@ -7357,10 +7647,10 @@ const splitLeft = (state, groupId) => {
         groups: [initialGroup]
       }
     };
-    return splitEditorGroup$1(stateWithInitialGroup, initialGroupId, Left);
+    return splitEditorGroup$1(stateWithInitialGroup, initialGroupId, Left$1);
   }
   const targetGroupId = groupId ?? activeGroupId ?? groups[0]?.id ?? 0;
-  return splitEditorGroup$1(state, targetGroupId, Left);
+  return splitEditorGroup$1(state, targetGroupId, Left$1);
 };
 
 const splitRight = (state, groupId) => {
@@ -7391,10 +7681,10 @@ const splitRight = (state, groupId) => {
         groups: [initialGroup]
       }
     };
-    return splitEditorGroup$1(stateWithInitialGroup, initialGroupId, Right);
+    return splitEditorGroup$1(stateWithInitialGroup, initialGroupId, Right$1);
   }
   const targetGroupId = groupId ?? activeGroupId ?? groups[0]?.id ?? 0;
-  return splitEditorGroup$1(state, targetGroupId, Right);
+  return splitEditorGroup$1(state, targetGroupId, Right$1);
 };
 
 const splitUp = (state, groupId) => {
@@ -7424,7 +7714,7 @@ const splitUp = (state, groupId) => {
     };
     return splitEditorGroup$1(stateWithInitialGroup, initialGroupId, 'up');
   }
-  const resolvedGroupId = groupId ?? state.layout.activeGroupId;
+  const resolvedGroupId = groupId ?? layout.activeGroupId;
   if (!resolvedGroupId) {
     return state;
   }
@@ -7511,6 +7801,8 @@ const commandMap = {
   'MainArea.handleClickTogglePreview': wrapSerialCommand(handleClickTogglePreview),
   'MainArea.handleContextMenu': wrapSerialCommand(handleContextMenu),
   'MainArea.handleDoubleClick': wrapSerialCommand(handleDoubleClick),
+  'MainArea.handleDragLeave': wrapSerialCommand(handleDragLeave),
+  'MainArea.handleDragOver': wrapSerialCommand(handleDragOver),
   'MainArea.handleHeaderDoubleClick': wrapSerialCommand(handleHeaderDoubleClick),
   'MainArea.handleIconThemeChange': wrapSerialCommand(handleIconThemeChange),
   'MainArea.handleModifiedStatusChange': wrapAsyncCommand(handleModifiedStatusChangeWithContext),
@@ -7564,11 +7856,11 @@ const sendMessagePortToClipBoardWorker = async port => {
 };
 
 const initializeClipBoardWorker = async () => {
-  const rpc = await create$6({
+  const rpc = await create$7({
     commandMap: {},
     send: sendMessagePortToClipBoardWorker
   });
-  set$4(rpc);
+  set$5(rpc);
 };
 
 const send = port => {
@@ -7576,7 +7868,7 @@ const send = port => {
 };
 const createIconThemeWorkerRpc = async () => {
   try {
-    const rpc = await create$5({
+    const rpc = await create$6({
       commandMap: {},
       send
     });
@@ -7605,7 +7897,7 @@ const initializeIconThemeWorker = async () => {
 };
 
 const initializeRendererWorker = async () => {
-  const rpc = await create$4({
+  const rpc = await create$5({
     commandMap: commandMap
   });
   set$1(rpc);
@@ -7614,6 +7906,11 @@ const initializeRendererWorker = async () => {
 const listen = async () => {
   registerCommands(commandMap);
   await Promise.all([initializeRendererWorker(), initializeIconThemeWorker(), initializeClipBoardWorker()]);
+  const dialogRpc = await create$6({
+    commandMap: {},
+    send: sendMessagePortToDialogWorker
+  });
+  set$4(dialogRpc);
 };
 
 const main$1 = async () => {
@@ -7622,7 +7919,7 @@ const main$1 = async () => {
 
 const main = async () => {
   registerCommands(commandMap);
-  const rpc = await create$4({
+  const rpc = await create$5({
     commandMap: commandMap
   });
   set$1(rpc);