@lvce-editor/static-server 0.110.20 → 0.110.22

package/static/{ab2919e → 12042c9}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -1,5 +1,3 @@
-import { diffTree } from '@lvce-editor/virtual-dom-worker';
-
 class AssertionError extends Error {
   constructor(message) {
     super(message);
@@ -97,7 +95,7 @@ const getAssetDir$2 = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/ab2919e';
+    return '/12042c9';
   }
 };
 const assetDir = getAssetDir$2();
@@ -1435,11 +1433,11 @@ const commands = Object.create(null);
 const register$1 = commandMap => {
   Object.assign(commands, commandMap);
 };
-const getCommand$1 = key => {
+const getCommand$2 = key => {
   return commands[key];
 };
 const execute$3 = (command, ...args) => {
-  const fn = getCommand$1(command);
+  const fn = getCommand$2(command);
   if (!fn) {
     throw new CommandNotFoundError(command);
   }
@@ -1462,9 +1460,9 @@ const create$n$1 = (id, method, params) => {
   };
   return message;
 };
-let id$6 = 0;
+let id$7 = 0;
 const create$m$1 = () => {
-  return ++id$6;
+  return ++id$7;
 };
 
 /* eslint-disable n/no-unsupported-features/es-syntax */
@@ -1912,9 +1910,9 @@ const get$k = id => {
 const remove$c = id => {
   delete callbacks[id];
 };
-let id$5 = 0;
+let id$6 = 0;
 const create$3$1 = () => {
-  return ++id$5;
+  return ++id$6;
 };
 const registerPromise = () => {
   const id = create$3$1();
@@ -2717,7 +2715,7 @@ const hydrate$e = async () => {
     logError(error);
   }
 };
-const reload$6 = async () => {
+const reload$7 = async () => {
   try {
     await load$5();
   } catch (error) {
@@ -2952,7 +2950,7 @@ const applyPreferredColorTheme = async () => {
     throw fallbackError;
   }
 };
-const reload$5 = async () => {
+const reload$6 = async () => {
   const colorThemeId = getPreferredColorTheme();
   if (colorThemeId !== FALLBACK_COLOR_THEME_ID) {
     const colorThemeNames = await getColorThemeNames(assetDir, getPlatform$4());
@@ -3921,7 +3919,7 @@ const forward$2 = key => async (...args) => {
   const windowId = await getWindowId();
   return invoke$H(key, windowId, ...args);
 };
-const reload$4 = forward$2('ElectronWindow.reload');
+const reload$5 = forward$2('ElectronWindow.reload');
 const minimize$1 = forward$2('ElectronWindow.minimize');
 const unmaximize$1 = forward$2('ElectronWindow.unmaximize');
 const maximize$1 = forward$2('ElectronWindow.maximize');
@@ -3935,7 +3933,7 @@ const zoomReset$1 = forward$2('ElectronWindow.zoomReset');
 const focus$i = forward$2('ElectronWindow.focus');
 
 const reloadElectron = () => {
-  return reload$4();
+  return reload$5();
 };
 
 const reloadWeb = () => {
@@ -3953,7 +3951,7 @@ const getFn$1 = () => {
       throw new Error('unexpected platform');
   }
 };
-const reload$3 = () => {
+const reload$4 = () => {
   const fn = getFn$1();
   return fn();
 };
@@ -4478,7 +4476,7 @@ const Span = 8;
 const Table = 9;
 const TBody = 10;
 const Td = 11;
-const Text = 12;
+const Text$1 = 12;
 const Th = 13;
 const THead = 14;
 const Tr = 15;
@@ -4487,7 +4485,7 @@ const Img = 17;
 const H2 = 22;
 const Select$2 = 63;
 const Option$2 = 64;
-const Reference = 100;
+const Reference$1 = 100;
 
 const Left = 1;
 const Right = 2;
@@ -4501,6 +4499,7 @@ const HandleClickSuggestion = 'handleClickSuggestion';
 const HandleClickSimpleBrowserNewTab = 'handleClickSimpleBrowserNewTab';
 const HandleClickSimpleBrowserTab = 'handleClickSimpleBrowserTab';
 const HandleClickSimpleBrowserTabClose = 'handleClickSimpleBrowserTabClose';
+const HandleContextMenuSimpleBrowserTab = 'handleContextMenuSimpleBrowserTab';
 const HandleClickClose = 'handleClickClose';
 const HandleClickCloseSecondaryPreview = 'handleClickCloseSecondaryPreview';
 const HandleClickForward = 'handleClickForward';
@@ -4595,7 +4594,7 @@ const getActivityBarDom = activityBarId => {
     };
   }
   return {
-    type: Reference,
+    type: Reference$1,
     uid: activityBarId
   };
 };
@@ -4608,7 +4607,7 @@ const getSideBarDom$1 = sideBarId => {
     };
   }
   return {
-    type: Reference,
+    type: Reference$1,
     uid: sideBarId
   };
 };
@@ -4621,7 +4620,7 @@ const getSecondarySideBarDom = secondarySideBarId => {
     };
   }
   return {
-    type: Reference,
+    type: Reference$1,
     uid: secondarySideBarId
   };
 };
@@ -4634,7 +4633,7 @@ const getMainDom = mainId => {
     };
   } else {
     return {
-      type: Reference,
+      type: Reference$1,
       uid: mainId
     };
   }
@@ -4648,7 +4647,7 @@ const getPreviewDom = previewId => {
     };
   }
   return {
-    type: Reference,
+    type: Reference$1,
     uid: previewId
   };
 };
@@ -4661,13 +4660,13 @@ const getSecondaryPreviewDom = secondaryPreviewId => {
     };
   }
   return {
-    type: Reference,
+    type: Reference$1,
     uid: secondaryPreviewId
   };
 };
 const getPreviewActionsDom = previewActionsUid => {
   return {
-    type: Reference,
+    type: Reference$1,
     uid: previewActionsUid
   };
 };
@@ -4805,7 +4804,7 @@ const getTitleBarDom = titleBarId => {
     };
   } else {
     return {
-      type: Reference,
+      type: Reference$1,
       uid: titleBarId
     };
   }
@@ -4819,7 +4818,7 @@ const getStatusBarDom = statusBarId => {
     };
   } else {
     return {
-      type: Reference,
+      type: Reference$1,
       uid: statusBarId
     };
   }
@@ -4833,7 +4832,7 @@ const getPanelDom = panelId => {
     };
   } else {
     return {
-      type: Reference,
+      type: Reference$1,
       uid: panelId
     };
   }
@@ -4954,7 +4953,7 @@ const getLayoutVirtualDom = state => {
     if (showAllWidgets || mountedViewlets.has(widget.parentUid)) {
       workbenchChildCount++;
       dom.push({
-        type: Reference,
+        type: Reference$1,
         uid: widget.uid
       });
     }
@@ -6757,7 +6756,7 @@ const reset$1 = () => {
   state$m.webSocketUrl = '';
 };
 const isActive$1 = () => Boolean(state$m.command && state$n.workspaceUri === state$m.workspaceUri);
-const getCommand = () => {
+const getCommand$1 = () => {
   if (!isActive$1()) {
     return '';
   }
@@ -7136,8 +7135,8 @@ const shouldTrace = (selectors, traceId) => {
   return selectors.has('*') || Boolean(traceId && selectors.has(traceId));
 };
 
-const version = '0.110.20';
-const commit$1 = 'ab2919e';
+const version = '0.110.22';
+const commit$1 = '12042c9';
 const productNameLong = 'Lvce Editor - OSS';
 const getPid = () => {
   return invoke$H('Process.getPid');
@@ -7729,7 +7728,7 @@ const setUri = async (uri, providedPathSeparator, connection) => {
 };
 const handleRemoteCliOpenRequest = async request => {
   const currentUri = state$n.workspaceUri;
-  const command = getCommand();
+  const command = getCommand$1();
   const remoteCliUrl = getRemoteCliUrl();
   const webSocketUrl = getWebSocketUrlTemplate();
   if (!currentUri || !command) {
@@ -9454,7 +9453,7 @@ const focus$h = async id => {
   }
   await invoke$K('Viewlet.sendMultiple', commands);
 };
-const reload$2 = async id => {
+const reload$3 = async id => {
   const instance = getInstance(id);
   if (!instance || instance.status === 'reloading' || instance.status === 'disposed' || typeof instance.factory.loadContent !== 'function') {
     return;
@@ -10549,7 +10548,7 @@ const scheduleReload = () => {
   }
   reloadTimeout = setTimeout(async () => {
     reloadTimeout = undefined;
-    await reload$6();
+    await reload$7();
   }, ReloadDelay);
 };
 const handleEvent$2 = event => {
@@ -14104,15 +14103,15 @@ const Exec_ipc = {
 };
 
 const cache = Object.create(null);
-const id$4 = 1;
+const id$5 = 1;
 const get$3 = () => {
-  return cache[id$4];
+  return cache[id$5];
 };
 const has$1 = () => {
-  return id$4 in cache;
+  return id$5 in cache;
 };
 const set$3 = value => {
-  cache[id$4] = value;
+  cache[id$5] = value;
 };
 
 const getExtensions = () => {
@@ -14593,7 +14592,7 @@ const ClipBoard_ipc = {
 const name$2f = 'ColorTheme';
 const Commands$2j = {
   hydrate: hydrate$c,
-  reload: reload$5,
+  reload: reload$6,
   setColorTheme: setColorTheme,
   getColorThemeNames: getColorThemeNames
 };
@@ -16452,7 +16451,7 @@ const getModule = id => {
   }
   throw new Error(`menu entries for ${id} not found`);
 };
-const getMenuEntries$5 = async (id, ...args) => {
+const getMenuEntries$6 = async (id, ...args) => {
   try {
     const module = await getModule(id);
     // @ts-ignore
@@ -16575,7 +16574,7 @@ const Commands$1M = {
   selectIndex: selectIndex$1,
   selectItem: selectItem,
   show: show$7,
-  getMenuEntries: getMenuEntries$5,
+  getMenuEntries: getMenuEntries$6,
   getMenuEntries2
 };
 
@@ -16917,7 +16916,7 @@ const RecentlyOpened_ipc = {
 
 const name$1x = 'Reload';
 const Commands$1z = {
-  reload: reload$3
+  reload: reload$4
 };
 
 const Reload_ipc = {
@@ -17082,7 +17081,7 @@ const Commands$1r = {
   getTitle: getTitle$n,
   requestRender: requestRender,
   openWidget: openWidget,
-  reload: reload$2,
+  reload: reload$3,
   send: send,
   dispose: dispose$S,
   resize: resize$E
@@ -17168,7 +17167,7 @@ const PointerCapture_ipc = {
   name: name$1l
 };
 
-const Add = 'Add';
+const Add$1 = 'Add';
 const ClearAll = 'ClearAll';
 const CollapseAll = 'CollapseAll';
 const DebugAlt2 = 'DebugAlt2';
@@ -19244,6 +19243,7 @@ const E2eTests = 27;
 const ProcessExplorer = 29;
 const ExtensionView = 30;
 const StatusBar$1 = 31;
+const SimpleBrowserTab = 32;
 
 const handleExtensionStatusUpdate = async () => {
   // TODO inform all viewlets
@@ -19596,7 +19596,7 @@ const h = (type, props, childCount) => {
 };
 const text = data => {
   return {
-    type: Text,
+    type: Text$1,
     text: data,
     childCount: 0
   };
@@ -20635,16 +20635,16 @@ const getKeyBindings$C = async () => {
   }
 };
 
-const id$3 = Explorer;
-const getMenuEntries$4 = () => {
+const id$4 = Explorer;
+const getMenuEntries$5 = () => {
   const explorerState = getState('Explorer');
   return invoke$l('Explorer.getMenuEntries2', explorerState.uid);
 };
 
 const MenuEntriesExplorer = {
   __proto__: null,
-  getMenuEntries: getMenuEntries$4,
-  id: id$3
+  getMenuEntries: getMenuEntries$5,
+  id: id$4
 };
 
 const menus$z = [MenuEntriesExplorer];
@@ -20880,8 +20880,8 @@ const getKeyBindings$B = () => {
   }];
 };
 
-const id$2 = ProcessExplorer;
-const getMenuEntries$3 = async () => {
+const id$3 = ProcessExplorer;
+const getMenuEntries$4 = async () => {
   const processExplorerState = getState('ProcessExplorer');
   const r = await invoke$c('ProcessExplorer.getMenuEntries', processExplorerState.uid);
   return r;
@@ -20889,8 +20889,8 @@ const getMenuEntries$3 = async () => {
 
 const MenuEntriesProcessExplorer = {
   __proto__: null,
-  getMenuEntries: getMenuEntries$3,
-  id: id$2
+  getMenuEntries: getMenuEntries$4,
+  id: id$3
 };
 
 const menus$y = [MenuEntriesProcessExplorer];
@@ -23487,9 +23487,10 @@ const getKeyBindings$o = () => {
 
 const Separator$1 = 1;
 const None$5 = 0;
+const Disabled = 5;
 
-const id$1 = E2eTests;
-const getMenuEntries$2 = () => {
+const id$2 = E2eTests;
+const getMenuEntries$3 = () => {
   return [{
     id: 'openInNewTab',
     label: 'Open in New Tab',
@@ -23500,8 +23501,8 @@ const getMenuEntries$2 = () => {
 
 const MenuEntriesE2eTests = {
   __proto__: null,
-  getMenuEntries: getMenuEntries$2,
-  id: id$1
+  getMenuEntries: getMenuEntries$3,
+  id: id$2
 };
 
 const menus$o = [MenuEntriesE2eTests];
@@ -25763,7 +25764,7 @@ const renderEventListeners$l = state => {
   return [...defaultEventListeners, ...eventListeners.map(wrapExtensionEventListener)];
 };
 
-const getMenuEntries$1 = async (uid, props = {}) => {
+const getMenuEntries$2 = async (uid, props = {}) => {
   if (typeof props.menuId !== 'string') {
     return [];
   }
@@ -25785,7 +25786,7 @@ const getMenuEntries$1 = async (uid, props = {}) => {
   return invoke$G('Extensions.getViewMenuEntries', viewId, uid, props.menuId, assetDir, getPlatform$4());
 };
 const menus$h = [{
-  getMenuEntries: getMenuEntries$1,
+  getMenuEntries: getMenuEntries$2,
   id: ExtensionView
 }];
 
@@ -26303,7 +26304,7 @@ const ViewletKeyBindings_ipc = {
 
 const Deb = 'Deb';
 
-const commit = 'ab2919e';
+const commit = '12042c9';
 
 const getAutoUpdateType = () => {
   return invoke$H('AutoUpdater.getAutoUpdateType');
@@ -31976,7 +31977,7 @@ const getActionsDom = newState => {
     }];
   }
   return [{
-    type: Reference,
+    type: Reference$1,
     uid: actions
   }];
 };
@@ -32002,7 +32003,7 @@ const getSideBarDom = newState => {
     className: 'SideBar',
     childCount: showHeader ? 2 : 1
   }, ...(showHeader ? getTitleAreaDom(newState) : []), {
-    type: Reference,
+    type: Reference$1,
     uid: childUid
   }];
 };
@@ -32199,7 +32200,7 @@ const renderDom$2 = {
       className: 'SideBar SecondarySideBar',
       childCount: 1
     }, {
-      type: Reference,
+      type: Reference$1,
       uid: childUid
     }];
     return [/* method */'Viewlet.setDom2', dom];
@@ -32326,9 +32327,15 @@ const resizeWebContentsView = async (id, x, y, width, height) => {
 const setIframeSrc = async (id, iframeSrc) => {
   return invoke('ElectronWebContentsView.setIframeSrc', id, iframeSrc);
 };
+const setAudioMuted = (id, muted) => {
+  return invoke('ElectronWebContentsView.setAudioMuted', id, muted);
+};
 const focus$2 = id => {
   return invoke('ElectronWebContentsView.focus', id);
 };
+const reload$2 = id => {
+  return invoke('ElectronWebContentsView.reload', id);
+};
 const capturePage = id => {
   return invoke('ElectronWebContentsView.capturePage', id);
 };
@@ -32438,6 +32445,7 @@ const createTab$1 = ({
   inputValue = '',
   isAudioPlaying = false,
   isLoading = false,
+  muted = false,
   title = 'New Tab'
 }) => ({
   browserViewId,
@@ -32448,6 +32456,7 @@ const createTab$1 = ({
   inputValue,
   isAudioPlaying,
   isLoading,
+  muted,
   title: title || 'New Tab'
 });
 const updateTab = (state, browserViewId, updates) => {
@@ -32485,6 +32494,7 @@ const activateTab = (state, tabs, selectedTabIndex) => {
     inputValue: tab.inputValue,
     isAudioPlaying: tab.isAudioPlaying,
     isLoading: tab.isLoading,
+    muted: tab.muted,
     selectedTabIndex,
     tabs,
     title: tab.title
@@ -32513,8 +32523,9 @@ const create$6 = (id, uri, x, y, width, height) => {
     browserViewId: 0,
     canGoForward: true,
     canGoBack: true,
-    isLoading: false,
     isAudioPlaying: false,
+    isLoading: false,
+    muted: false,
     hasSuggestionsOverlay: false,
     selectedSuggestionIndex: -1,
     suggestions: [],
@@ -32630,6 +32641,7 @@ const loadContent$6 = async (state, savedState) => {
       canGoForward: stats.canGoForward,
       iframeSrc,
       inputValue: iframeSrc,
+      muted: Boolean(stats.isAudioMuted),
       title
     });
     return {
@@ -32645,7 +32657,8 @@ const loadContent$6 = async (state, savedState) => {
       shortcuts,
       tabs: [tab],
       tabsEnabled,
-      title
+      title,
+      muted: Boolean(stats.isAudioMuted)
     };
   }
   const browserViewId = await createWebContentsView(/* restoreId */0, uid);
@@ -32656,7 +32669,8 @@ const loadContent$6 = async (state, savedState) => {
   const {
     title,
     canGoBack,
-    canGoForward
+    canGoForward,
+    isAudioMuted
   } = await getStats$1(browserViewId);
   return {
     ...state,
@@ -32666,6 +32680,7 @@ const loadContent$6 = async (state, savedState) => {
     browserViewId,
     canGoBack,
     canGoForward,
+    muted: Boolean(isAudioMuted),
     uri: `simple-browser://${browserViewId}`,
     headerHeight,
     selectedTabIndex: 0,
@@ -32677,6 +32692,7 @@ const loadContent$6 = async (state, savedState) => {
       canGoForward,
       iframeSrc,
       inputValue: iframeSrc,
+      muted: Boolean(isAudioMuted),
       title
     })],
     tabsEnabled
@@ -32723,6 +32739,74 @@ const createNewTab = async state => {
     focusAddressVersion: newState.focusAddressVersion + 1
   };
 };
+const duplicateTab$1 = async (state, index) => {
+  const {
+    browserViewId,
+    hasSuggestionsOverlay,
+    tabs: oldTabs,
+    tabsEnabled
+  } = state;
+  if (!tabsEnabled) {
+    return state;
+  }
+  const tabIndex = Number(index);
+  if (tabIndex < 0 || tabIndex >= oldTabs.length) {
+    return state;
+  }
+  const currentState = hasSuggestionsOverlay ? await closeSuggestions(state) : state;
+  const sourceTab = currentState.tabs[tabIndex];
+  const emptyTab = await createEmptyTab(currentState);
+  const tab = {
+    ...emptyTab,
+    iframeSrc: sourceTab.iframeSrc,
+    inputValue: sourceTab.inputValue,
+    isLoading: Boolean(sourceTab.iframeSrc),
+    title: sourceTab.title
+  };
+  if (tab.iframeSrc) {
+    void setIframeSrc(tab.browserViewId, tab.iframeSrc);
+  }
+  if (browserViewId) {
+    await hide$1(browserViewId);
+  }
+  await show$3(tab.browserViewId);
+  await focus$2(tab.browserViewId);
+  const tabs = currentState.tabs.toSpliced(tabIndex + 1, 0, tab);
+  const newState = activateTab(currentState, tabs, tabIndex + 1);
+  return tab.iframeSrc ? newState : {
+    ...newState,
+    focusAddressVersion: newState.focusAddressVersion + 1
+  };
+};
+const muteTab$1 = async (state, index) => {
+  const {
+    tabs
+  } = state;
+  const tabIndex = Number(index);
+  if (tabIndex < 0 || tabIndex >= tabs.length) {
+    return state;
+  }
+  const tab = tabs[tabIndex];
+  const muted = !tab.muted;
+  await setAudioMuted(tab.browserViewId, muted);
+  return updateTab(state, tab.browserViewId, {
+    muted
+  });
+};
+const reloadTab$1 = async (state, index) => {
+  const {
+    tabs
+  } = state;
+  const tabIndex = Number(index);
+  if (tabIndex < 0 || tabIndex >= tabs.length) {
+    return state;
+  }
+  const tab = tabs[tabIndex];
+  await reload$2(tab.browserViewId);
+  return updateTab(state, tab.browserViewId, {
+    isLoading: true
+  });
+};
 const handleWindowOpen = async (state, browserViewId, url, disposition) => {
   const {
     hasSuggestionsOverlay,
@@ -32776,7 +32860,7 @@ const selectTab = async (state, index) => {
   await focus$2(tab.browserViewId);
   return activateTab(newState, newState.tabs, selectedTabIndex);
 };
-const closeTab = async (state, index) => {
+const closeTab$1 = async (state, index) => {
   if (!state.tabsEnabled) {
     return state;
   }
@@ -32817,6 +32901,77 @@ const closeTab = async (state, index) => {
   await focus$2(selectedTab.browserViewId);
   return activateTab(currentState, tabs, selectedTabIndex);
 };
+const closeTabsByIndex = async (state, indexes, preferredTabIndex) => {
+  const {
+    hasSuggestionsOverlay,
+    selectedTabIndex: oldSelectedTabIndex,
+    tabsEnabled
+  } = state;
+  if (!tabsEnabled || indexes.length === 0) {
+    return state;
+  }
+  const indexesToClose = new Set(indexes);
+  const selectedTabWillClose = indexesToClose.has(oldSelectedTabIndex);
+  const currentState = selectedTabWillClose && hasSuggestionsOverlay ? await closeSuggestions(state) : state;
+  const {
+    browserViewId,
+    tabs: currentTabs
+  } = currentState;
+  const preferredBrowserViewId = currentTabs[preferredTabIndex]?.browserViewId;
+  const tabsToClose = currentTabs.filter((tab, index) => indexesToClose.has(index));
+  const remainingTabs = currentTabs.filter((tab, index) => !indexesToClose.has(index));
+  await Promise.all(tabsToClose.map(tab => disposeWebContentsView(tab.browserViewId)));
+  const retainedSelectedTabIndex = remainingTabs.findIndex(tab => tab.browserViewId === browserViewId);
+  if (retainedSelectedTabIndex !== -1) {
+    return {
+      ...currentState,
+      selectedTabIndex: retainedSelectedTabIndex,
+      tabs: remainingTabs
+    };
+  }
+  const selectedTabIndex = Math.max(0, remainingTabs.findIndex(tab => tab.browserViewId === preferredBrowserViewId));
+  const selectedTab = remainingTabs[selectedTabIndex];
+  await show$3(selectedTab.browserViewId);
+  await focus$2(selectedTab.browserViewId);
+  return activateTab(currentState, remainingTabs, selectedTabIndex);
+};
+const closeTabsToTheLeft$1 = async (state, index) => {
+  const {
+    tabs
+  } = state;
+  const tabIndex = Number(index);
+  if (tabIndex <= 0 || tabIndex >= tabs.length) {
+    return state;
+  }
+  const indexes = Array.from({
+    length: tabIndex
+  }, (_, index) => index);
+  return closeTabsByIndex(state, indexes, tabIndex);
+};
+const closeTabsToTheRight$1 = async (state, index) => {
+  const {
+    tabs
+  } = state;
+  const tabIndex = Number(index);
+  if (tabIndex < 0 || tabIndex >= tabs.length - 1) {
+    return state;
+  }
+  const indexes = Array.from({
+    length: tabs.length - tabIndex - 1
+  }, (_, index) => tabIndex + index + 1);
+  return closeTabsByIndex(state, indexes, tabIndex);
+};
+const closeOtherTabs$1 = async (state, index) => {
+  const {
+    tabs
+  } = state;
+  const tabIndex = Number(index);
+  if (tabIndex < 0 || tabIndex >= tabs.length || tabs.length === 1) {
+    return state;
+  }
+  const indexes = tabs.map((_, index) => index).filter(index => index !== tabIndex);
+  return closeTabsByIndex(state, indexes, tabIndex);
+};
 const showOverlay = async (state, overlayId) => {
   if (state.overlayIds.includes(overlayId)) {
     return state;
@@ -33115,8 +33270,12 @@ const Commands$5 = {
   acceptSuggestion: acceptSuggestion,
   applySuggestions: applySuggestions,
   closeSuggestions: closeSuggestions,
-  closeTab: closeTab,
+  closeOtherTabs: closeOtherTabs$1,
+  closeTab: closeTab$1,
+  closeTabsToTheLeft: closeTabsToTheLeft$1,
+  closeTabsToTheRight: closeTabsToTheRight$1,
   createNewTab: createNewTab,
+  duplicateTab: duplicateTab$1,
   getDomTree: getDomTree,
   go: go,
   handleAudioStateChanged: handleAudioStateChanged,
@@ -33128,6 +33287,8 @@ const Commands$5 = {
   handleTitleUpdated: handleTitleUpdated,
   handleWillNavigate: handleWillNavigate,
   hideOverlay: hideOverlay,
+  muteTab: muteTab$1,
+  reloadTab: reloadTab$1,
   insertCss: insertCss,
   insertJavaScript: insertJavaScript,
   setUrl: setUrl,
@@ -33140,6 +33301,7 @@ const LazyCommands = {
   openExternal: () => Promise.resolve().then(function () { return ViewletSimpleBrowserOpenExternal; }),
   openBackgroundTab: () => Promise.resolve().then(function () { return ViewletSimpleBrowserOpenBackgroundTab; }),
   handleContextMenu: () => Promise.resolve().then(function () { return ViewletSimpleBrowserHandleContextMenu; }),
+  handleTabContextMenu: () => Promise.resolve().then(function () { return ViewletSimpleBrowserHandleTabContextMenu; }),
   inspectElement: () => Promise.resolve().then(function () { return ViewletSimpleBrowserInspectElement; }),
   copyImage: () => Promise.resolve().then(function () { return ViewletSimpleBrowserCopyImage; }),
   backward: () => Promise.resolve().then(function () { return ViewletSimpleBrowserBackward; }),
@@ -33190,7 +33352,15 @@ const UiStrings$1 = {
   OpenLinkInNewTab: 'Open Link in New Tab',
   CopyLinkAddress: 'Copy Link Address',
   SaveImageAs: 'Save Image',
-  CopyImage: 'Copy Image'
+  CopyImage: 'Copy Image',
+  MuteTab: 'Mute Tab',
+  UnmuteTab: 'Unmute Tab',
+  DuplicateTab: 'Duplicate Tab',
+  ReloadTab: 'Reload Tab',
+  CloseTab: 'Close Tab',
+  CloseTabsToTheLeft: 'Close Tabs to the Left',
+  CloseTabsToTheRight: 'Close Tabs to the Right',
+  CloseOtherTabs: 'Close Other Tabs'
 };
 const inspectElement$1 = () => {
   return i18nString(UiStrings$1.InspectElement);
@@ -33210,6 +33380,30 @@ const saveImageAs = () => {
 const copyImage$1 = () => {
   return i18nString(UiStrings$1.CopyImage);
 };
+const muteTab = () => {
+  return i18nString(UiStrings$1.MuteTab);
+};
+const unmuteTab = () => {
+  return i18nString(UiStrings$1.UnmuteTab);
+};
+const duplicateTab = () => {
+  return i18nString(UiStrings$1.DuplicateTab);
+};
+const reloadTab = () => {
+  return i18nString(UiStrings$1.ReloadTab);
+};
+const closeTab = () => {
+  return i18nString(UiStrings$1.CloseTab);
+};
+const closeTabsToTheLeft = () => {
+  return i18nString(UiStrings$1.CloseTabsToTheLeft);
+};
+const closeTabsToTheRight = () => {
+  return i18nString(UiStrings$1.CloseTabsToTheRight);
+};
+const closeOtherTabs = () => {
+  return i18nString(UiStrings$1.CloseOtherTabs);
+};
 
 const getMenuEntriesLink = (x, y, params) => {
   const {
@@ -33269,8 +33463,8 @@ const getMenuEntriesImage = (x, y, params) => {
     args: [x, y]
   }];
 };
-const id = SimpleBrowser;
-const getMenuEntries = (x, y, params) => {
+const id$1 = SimpleBrowser;
+const getMenuEntries$1 = (x, y, params) => {
   const menuItems = [];
   if (params.linkURL) {
     menuItems.push(...getMenuEntriesLink(x, y, params));
@@ -33286,12 +33480,313 @@ const getMenuEntries = (x, y, params) => {
 };
 
 const MenuEntriesSimpleBrowser = {
+  __proto__: null,
+  getMenuEntries: getMenuEntries$1,
+  id: id$1
+};
+
+const menuEntrySeparator = {
+  id: 'separator',
+  label: '',
+  flags: Separator$1,
+  command: ''
+};
+
+const id = SimpleBrowserTab;
+const getCommand = (uid, command, label, index, flags = None$5) => ({
+  id: `simpleBrowserTab${command}`,
+  label,
+  flags,
+  command: 'Viewlet.executeViewletCommand',
+  args: [uid, command, index]
+});
+const getMenuEntries = (uid, index) => {
+  const instance = getByUid(uid);
+  const state = instance?.state;
+  const tabIndex = Number(index);
+  if (!state) {
+    return [];
+  }
+  const {
+    tabs
+  } = state;
+  if (tabIndex < 0 || tabIndex >= tabs.length) {
+    return [];
+  }
+  const tab = tabs[tabIndex];
+  return [getCommand(uid, 'muteTab', tab.muted ? unmuteTab() : muteTab(), tabIndex), getCommand(uid, 'duplicateTab', duplicateTab(), tabIndex), getCommand(uid, 'reloadTab', reloadTab(), tabIndex), menuEntrySeparator, getCommand(uid, 'closeTab', closeTab(), tabIndex), getCommand(uid, 'closeTabsToTheLeft', closeTabsToTheLeft(), tabIndex, tabIndex === 0 ? Disabled : None$5), getCommand(uid, 'closeTabsToTheRight', closeTabsToTheRight(), tabIndex, tabIndex === tabs.length - 1 ? Disabled : None$5), getCommand(uid, 'closeOtherTabs', closeOtherTabs(), tabIndex, tabs.length === 1 ? Disabled : None$5)];
+};
+
+const MenuEntriesSimpleBrowserTab = {
   __proto__: null,
   getMenuEntries,
   id
 };
 
-const menus$3 = [MenuEntriesSimpleBrowser];
+const menus$3 = [MenuEntriesSimpleBrowser, MenuEntriesSimpleBrowserTab];
+
+const Text = 12;
+const Reference = 100;
+
+const SetText = 1;
+const Replace = 2;
+const SetAttribute = 3;
+const RemoveAttribute = 4;
+const Add = 6;
+const NavigateChild = 7;
+const NavigateParent = 8;
+const RemoveChild = 9;
+const NavigateSibling = 10;
+const SetReferenceNodeUid = 11;
+
+const isKey = key => {
+  return key !== 'type' && key !== 'childCount';
+};
+
+const getKeys = node => {
+  const keys = Object.keys(node).filter(isKey);
+  return keys;
+};
+
+const arrayToTree = nodes => {
+  const result = [];
+  let i = 0;
+  while (i < nodes.length) {
+    const node = nodes[i];
+    const {
+      children,
+      nodesConsumed
+    } = getChildrenWithCount(nodes, i + 1, node.childCount || 0);
+    result.push({
+      node,
+      children
+    });
+    i += 1 + nodesConsumed;
+  }
+  return result;
+};
+const getChildrenWithCount = (nodes, startIndex, childCount) => {
+  if (childCount === 0) {
+    return {
+      children: [],
+      nodesConsumed: 0
+    };
+  }
+  const children = [];
+  let i = startIndex;
+  let remaining = childCount;
+  let totalConsumed = 0;
+  while (remaining > 0 && i < nodes.length) {
+    const node = nodes[i];
+    const nodeChildCount = node.childCount || 0;
+    const {
+      children: nodeChildren,
+      nodesConsumed
+    } = getChildrenWithCount(nodes, i + 1, nodeChildCount);
+    children.push({
+      node,
+      children: nodeChildren
+    });
+    const nodeSize = 1 + nodesConsumed;
+    i += nodeSize;
+    totalConsumed += nodeSize;
+    remaining--;
+  }
+  return {
+    children,
+    nodesConsumed: totalConsumed
+  };
+};
+
+const compareNodes = (oldNode, newNode) => {
+  // Check if node type changed - return null to signal incompatible nodes
+  // (caller should handle this with a Replace operation)
+  if (oldNode.type !== newNode.type) {
+    return null;
+  }
+  const patches = [];
+  // Handle reference nodes - special handling for uid changes
+  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) {
+    if (oldNode.text !== newNode.text) {
+      patches.push({
+        type: SetText,
+        value: newNode.text
+      });
+    }
+    return patches;
+  }
+  // Compare attributes
+  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]) {
+      patches.push({
+        type: SetAttribute,
+        key,
+        value: newNode[key]
+      });
+    }
+  }
+  // Check for removed attributes
+  for (const key of oldKeys) {
+    if (!Object.hasOwn(newNode, key)) {
+      patches.push({
+        type: RemoveAttribute,
+        key
+      });
+    }
+  }
+  return patches;
+};
+
+const treeToArray = node => {
+  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;
+};
+
+const navigateToChild = (patches, currentChildIndex, index) => {
+  if (currentChildIndex === -1) {
+    patches.push({
+      type: NavigateChild,
+      index
+    });
+    return index;
+  }
+  if (currentChildIndex !== index) {
+    patches.push({
+      type: NavigateSibling,
+      index
+    });
+  }
+  return index;
+};
+const navigateToParent = (patches, currentChildIndex) => {
+  if (currentChildIndex >= 0) {
+    patches.push({
+      type: NavigateParent
+    });
+  }
+  return -1;
+};
+const addTree = (newNode, patches) => {
+  patches.push({
+    type: Add,
+    nodes: treeToArray(newNode)
+  });
+};
+const replaceTree = (newNode, patches) => {
+  patches.push({
+    type: Replace,
+    nodes: treeToArray(newNode)
+  });
+};
+const diffExistingChild = (oldNode, newNode, patches, currentChildIndex, index) => {
+  const nodePatches = compareNodes(oldNode.node, newNode.node);
+  if (nodePatches === null) {
+    const nextChildIndex = navigateToChild(patches, currentChildIndex, index);
+    replaceTree(newNode, patches);
+    return nextChildIndex;
+  }
+  const hasChildrenToCompare = oldNode.children.length > 0 || newNode.children.length > 0;
+  if (nodePatches.length === 0 && !hasChildrenToCompare) {
+    return currentChildIndex;
+  }
+  const nextChildIndex = navigateToChild(patches, currentChildIndex, index);
+  if (nodePatches.length > 0) {
+    patches.push(...nodePatches);
+  }
+  if (hasChildrenToCompare) {
+    diffChildren(oldNode.children, newNode.children, patches);
+  }
+  return nextChildIndex;
+};
+const diffRootNode = (oldNode, newNode, patches) => {
+  const nodePatches = compareNodes(oldNode.node, newNode.node);
+  if (nodePatches === null) {
+    replaceTree(newNode, patches);
+    return;
+  }
+  if (nodePatches.length > 0) {
+    patches.push(...nodePatches);
+  }
+  if (oldNode.children.length > 0 || newNode.children.length > 0) {
+    diffChildren(oldNode.children, newNode.children, patches);
+  }
+};
+const diffChildren = (oldChildren, newChildren, patches) => {
+  const maxLength = Math.max(oldChildren.length, newChildren.length);
+  let currentChildIndex = -1;
+  const indicesToRemove = [];
+  for (let i = 0; i < maxLength; i++) {
+    const oldNode = oldChildren[i];
+    const newNode = newChildren[i];
+    if (!oldNode && !newNode) {
+      continue;
+    }
+    if (!oldNode) {
+      currentChildIndex = navigateToParent(patches, currentChildIndex);
+      addTree(newNode, patches);
+      continue;
+    }
+    if (!newNode) {
+      indicesToRemove.push(i);
+      continue;
+    }
+    currentChildIndex = diffExistingChild(oldNode, newNode, patches, currentChildIndex, i);
+  }
+  navigateToParent(patches, currentChildIndex);
+  for (let j = indicesToRemove.length - 1; j >= 0; j--) {
+    patches.push({
+      type: RemoveChild,
+      index: indicesToRemove[j]
+    });
+  }
+};
+const diffTrees = (oldTree, newTree, patches, path) => {
+  if (path.length === 0 && oldTree.length === 1 && newTree.length === 1) {
+    diffRootNode(oldTree[0], newTree[0], patches);
+    return;
+  }
+  diffChildren(oldTree, newTree, patches);
+};
+
+const removeTrailingNavigationPatches = patches => {
+  while (patches.length > 0) {
+    const patch = patches.at(-1);
+    if (patch.type !== NavigateChild && patch.type !== NavigateParent && patch.type !== NavigateSibling) {
+      break;
+    }
+    patches.pop();
+  }
+  return patches;
+};
+
+const diffTree = (oldNodes, newNodes) => {
+  // Step 1: Convert flat arrays to tree structures
+  const oldTree = arrayToTree(oldNodes);
+  const newTree = arrayToTree(newNodes);
+  // Step 3: Compare the trees
+  const patches = [];
+  diffTrees(oldTree, newTree, patches, []);
+  // Remove trailing navigation patches since they serve no purpose
+  return removeTrailingNavigationPatches(patches);
+};
 
 const Url = 'url';
 
@@ -33321,6 +33816,7 @@ const getSimpleBrowserVirtualDom = (canGoBack, canGoForward, isLoading, value, s
         tabIndex: isSelected ? 0 : -1,
         'data-index': index,
         onClick: HandleClickSimpleBrowserTab,
+        onContextMenu: HandleContextMenuSimpleBrowserTab,
         title: tab.title || 'New Tab',
         childCount: 2 + (tab.favicon ? 1 : 0) + (tab.isAudioPlaying ? 1 : 0)
       });
@@ -33487,6 +33983,9 @@ const renderEventListeners$5 = () => {
     name: HandleClickSimpleBrowserTabClose,
     params: ['closeTab', 'event.currentTarget.dataset.index'],
     stopPropagation: true
+  }, {
+    name: HandleContextMenuSimpleBrowserTab,
+    params: ['handleTabContextMenu', 'event.currentTarget.dataset.index', 'event.clientX', 'event.clientY']
   }, {
     name: HandleClickSimpleBrowserNewTab,
     params: ['createNewTab']
@@ -33571,11 +34070,15 @@ const ViewletSimpleBrowser_ipc = {
   acceptSuggestion,
   applySuggestions,
   backgroundLoadContent,
+  closeOtherTabs: closeOtherTabs$1,
   closeSuggestions,
-  closeTab,
+  closeTab: closeTab$1,
+  closeTabsToTheLeft: closeTabsToTheLeft$1,
+  closeTabsToTheRight: closeTabsToTheRight$1,
   create: create$6,
   createNewTab,
   dispose: dispose$4,
+  duplicateTab: duplicateTab$1,
   getKeyBindings: getKeyBindings$3,
   go,
   handleAudioStateChanged,
@@ -33594,7 +34097,9 @@ const ViewletSimpleBrowser_ipc = {
   hideOverlay,
   loadContent: loadContent$6,
   menus: menus$3,
+  muteTab: muteTab$1,
   name: name$5,
+  reloadTab: reloadTab$1,
   render: render$6,
   renderEventListeners: renderEventListeners$5,
   resize: resize$5,
@@ -34666,7 +35171,7 @@ const getTerminalsDom = state => {
     childCount: childUids.length + (terminalTabsVisible ? 1 : 0),
     onMouseDown: HandleMouseDown
   }, ...getTabsDom(state), ...childUids.map(uid => ({
-    type: Reference,
+    type: Reference$1,
     uid
   }))];
 };
@@ -34714,7 +35219,7 @@ const getActions = state => {
   return [{
     type: Button,
     id: newTerminal(),
-    icon: Add,
+    icon: Add$1,
     command: 'addTerminal',
     onClick: HandleClickAction
   }, {
@@ -35175,6 +35680,11 @@ const convertMenuItem = menuItem => {
       return {
         type: Separator
       };
+    case Disabled:
+      return {
+        enabled: false,
+        label
+      };
     default:
       return {
         label
@@ -35197,14 +35707,14 @@ const getItem = (items, label) => {
  * @deprecated
  */
 const openContextMenu = async (x, y, id, ...args) => {
-  const entries = await getMenuEntries$5(id, ...args);
+  const entries = await getMenuEntries$6(id, ...args);
   const electronMenuItems = convertMenuItems(entries);
   const event = await invoke$H('ElectronContextMenu.openContextMenu', electronMenuItems, x, y);
   if (event.type === 'close') {
     return;
   }
   const item = getItem(entries, event.data);
-  if (!item) {
+  if (!item || item.flags === Disabled) {
     return;
   }
   const commandArgs = item.args || [];
@@ -35218,7 +35728,7 @@ const openContextMenu2 = async (x, y, uid, menuId, ...args) => {
     return;
   }
   const item = getItem(entries, event.data);
-  if (!item) {
+  if (!item || item.flags === Disabled) {
     return;
   }
   const commandArgs = item.args || [];
@@ -35373,6 +35883,26 @@ const ViewletSimpleBrowserHandleContextMenu = {
   handleContextMenu
 };
 
+const handleTabContextMenu = async (state, index, x, y) => {
+  number(x);
+  number(y);
+  const {
+    tabs,
+    uid
+  } = state;
+  const tabIndex = Number(index);
+  if (tabIndex < 0 || tabIndex >= tabs.length) {
+    return state;
+  }
+  await show2$3(uid, SimpleBrowserTab, x, y, tabIndex);
+  return state;
+};
+
+const ViewletSimpleBrowserHandleTabContextMenu = {
+  __proto__: null,
+  handleTabContextMenu
+};
+
 const inspectElement = async (state, x, y) => {
   const {
     browserViewId