feat: add 'Unload other tabs' tab menu option

src/_locales/dict.common.ts

@@ -1955,6 +1955,17 @@ export const commonTranslations: Translations = {
     zh_TW: '卸載分頁',
     ja: 'アンロード',
   },
+  'menu.tab.discard_other': {
+    en: 'Unload other tabs',
+    de: 'Andere Tabs entladen',
+    fr: 'Décharger les autres onglets',
+    hu: 'A többi lap kisöprése',
+    pl: 'Uśpij inne karty',
+    ru: 'Выгрузить другие вкладки',
+    zh_CN: '卸载其他标签页',
+    zh_TW: '卸載其他分頁',
+    ja: '他のタブをアンロード',
+  },
   'menu.tab.edit_title': {
     en: 'Edit title',
     de: 'Titel bearbeiten',

src/defaults/mocks.tabs.fg.ts

@@ -64,7 +64,6 @@ export class MTab implements Tab {
     branchColor: null,
     customColor: null,
     isGroup: false,
-    preview: false,
   }
   sessionData?: TabSessionData | undefined
   titleEl?: HTMLElement | undefined

src/page.setup/components/menu-editor.vue

@@ -174,6 +174,7 @@ const TABS_MENU_OPTS: Record<string, string> = {
   mute: 'menu.tab.mute',
   duplicate: 'menu.tab.duplicate',
   discard: 'menu.tab.discard',
+  discardOtherTabs: 'menu.tab.discard_other',
   dedupeTabs: 'menu.dedupe',
   copyTabsUrls: 'menu.copy_urls',
   copyTabsTitles: 'menu.copy_titles',

src/services/menu.fg.options.tabs.ts

@@ -309,6 +309,43 @@ export const tabsMenuOptions: Record<string, () => MenuOption | MenuOption[] | u
     return option
   },
 
+  discardOtherTabs: () => {
+    const getEligibleTabIds = (): ID[] => {
+      const tabIds: ID[] = []
+      const ids = Selection.ids()
+      const firstTab = Tabs.byId[ids[0]]
+      if (firstTab) {
+        const panel = Sidebar.panelsById[firstTab.panelId]
+        if (Utils.isTabsPanel(panel)) {
+          panel.tabs.forEach(t => !ids.includes(t.id) && tabIds.push(t.id))
+          if (!Settings.state.pinnedNoUnload || !Settings.state.pinnedNoUnloadExplicit) {
+            panel.pinnedTabs.forEach(t => !ids.includes(t.id) && tabIds.push(t.id))
+          }
+        }
+      }
+      return tabIds
+    }
+
+    const option: MenuOption = {
+      label: translate('menu.tab.discard_other'),
+      icon: 'icon_discard',
+      onClick: () => {
+        const tabIds: ID[] = getEligibleTabIds()
+        if (tabIds.length) Tabs.discardTabs(tabIds, true)
+      },
+    }
+
+    const tabId = Selection.getFirst()
+    const tab = Tabs.byId[tabId]
+    if (!tab) option.inactive = true
+    else {
+      const panel = Sidebar.panelsById[tab.panelId]
+      if (!panel || getEligibleTabIds().length === 0) option.inactive = true
+    }
+    if (!Settings.state.ctxMenuRenderInact && option.inactive) return
+    return option
+  },
+
   group: () => {
     const option: MenuOption = {
       label: translate('menu.tab.group'),