feat: add intelligent tab grouping by similarity

This feature automatically organizes workspace tabs into categories based on their content and domain.

How it works:
- Analyzes all unpinned tabs in the active workspace
- Uses intelligent keyword matching to categorize tabs by topic (Development, Social, Shopping, Video, News, etc.)
- Groups similar tabs together with visual category headers
- Maintains logical ordering with priority-based sorting
- New tabs automatically stay above categorized groups

The grouping is triggered via a new 'Group' button in the workspace toolbar.
Categories include: Development, Social Media, Shopping, Video/Streaming, News, Productivity, Finance, Gaming, and more.

Localization support added for: en-US, en-GB, it

Author: matteomekhail

locales/en-GB/browser/browser/zen-workspaces.ftl

@@ -3,53 +3,53 @@
 # file, You can obtain one at http://mozilla.org/MPL/2.0/.
 
 zen-panel-ui-workspaces-text = Other workspaces
-zen-panel-ui-workspaces-create = 
+zen-panel-ui-workspaces-create =
     .label = Create Space
-zen-panel-ui-folder-create = 
+zen-panel-ui-folder-create =
     .label = Create Folder
-zen-panel-ui-new-empty-split = 
+zen-panel-ui-new-empty-split =
     .label = New Split
-zen-workspaces-panel-context-delete = 
+zen-workspaces-panel-context-delete =
     .label = Delete Workspace
     .accesskey = D
-zen-workspaces-panel-change-name = 
+zen-workspaces-panel-change-name =
     .label = Change Name
-zen-workspaces-panel-change-icon = 
+zen-workspaces-panel-change-icon =
     .label = Change Icon
-zen-workspaces-panel-context-default-profile = 
+zen-workspaces-panel-context-default-profile =
     .label = Set Profile
-zen-workspaces-panel-unload = 
+zen-workspaces-panel-unload =
     .label = Unload Space
 zen-workspaces-how-to-reorder-title = How to reorder spaces
 zen-workspaces-how-to-reorder-desc = Drag the space icons at the bottom of the sidebar to reorder them
-zen-workspaces-change-theme = 
+zen-workspaces-change-theme =
     .label = Edit Theme
-zen-workspaces-panel-context-open = 
+zen-workspaces-panel-context-open =
     .label = Open Workspace
     .accesskey = O
-zen-workspaces-panel-context-edit = 
+zen-workspaces-panel-context-edit =
     .label = Edit Workspace
     .accesskey = E
-context-zen-change-workspace-tab = 
+context-zen-change-workspace-tab =
     .label = Change Tab(s) To Workspace
     .accesskey = C
-zen-bookmark-edit-panel-workspace-selector = 
+zen-bookmark-edit-panel-workspace-selector =
     .value = Other Workspace
     .accesskey = W
-zen-panel-ui-gradient-generator-algo-complementary = 
+zen-panel-ui-gradient-generator-algo-complementary =
     .label = Complementary
-zen-panel-ui-gradient-generator-algo-splitComplementary = 
+zen-panel-ui-gradient-generator-algo-splitComplementary =
     .label = Split
-zen-panel-ui-gradient-generator-algo-analogous = 
+zen-panel-ui-gradient-generator-algo-analogous =
     .label = Analogous
-zen-panel-ui-gradient-generator-algo-triadic = 
+zen-panel-ui-gradient-generator-algo-triadic =
     .label = Triadic
-zen-panel-ui-gradient-generator-algo-floating = 
+zen-panel-ui-gradient-generator-algo-floating =
     .label = Floating
 zen-panel-ui-gradient-click-to-add = Click to add a colour
-zen-workspace-creation-name = 
+zen-workspace-creation-name =
     .placeholder = Space Name
-zen-workspaces-panel-context-reorder = 
+zen-workspaces-panel-context-reorder =
     .label = Reorder Spaces
 zen-workspace-creation-profile = Profile
     .tooltiptext = Profiles are used to separate cookies and site data between spaces.
@@ -60,6 +60,14 @@ zen-workspaces-delete-workspace-body = Are you sure you want to delete { $name }
 # Note that the html tag MUST not be changed or removed, as it is used to better
 # display the shortcut in the toast notification.
 zen-workspaces-close-all-unpinned-tabs-toast = Tabs Closed! Use <span>{ $shortcut }</span> to undo.
-zen-workspaces-close-all-unpinned-tabs-title = 
+zen-workspaces-close-all-unpinned-tabs-title =
     .label = Clear
     .tooltiptext = Close all unpinned tabs
+
+zen-workspaces-group-tabs-toast = Created { $count } { $count ->
+    [one] group
+   *[other] groups
+  }!
+zen-workspaces-group-tabs-title =
+    .label = Group
+    .tooltiptext = Group tabs by similarity

locales/en-US/browser/browser/zen-workspaces.ftl

@@ -83,3 +83,11 @@ zen-workspaces-close-all-unpinned-tabs-toast = Tabs Closed! Use <span>{ $shortcu
 zen-workspaces-close-all-unpinned-tabs-title =
     .label = Clear
     .tooltiptext = Close all unpinned tabs
+
+zen-workspaces-group-tabs-toast = Created { $count } { $count ->
+    [one] group
+   *[other] groups
+  }!
+zen-workspaces-group-tabs-title =
+    .label = Group
+    .tooltiptext = Group tabs by similarity

locales/it/browser/browser/zen-workspaces.ftl

@@ -3,53 +3,53 @@
 # file, You can obtain one at http://mozilla.org/MPL/2.0/.
 
 zen-panel-ui-workspaces-text = Spazi
-zen-panel-ui-workspaces-create = 
+zen-panel-ui-workspaces-create =
     .label = Crea Spazio
-zen-panel-ui-folder-create = 
+zen-panel-ui-folder-create =
     .label = Crea Cartella
-zen-panel-ui-new-empty-split = 
+zen-panel-ui-new-empty-split =
     .label = Nuova Divisione
-zen-workspaces-panel-context-delete = 
+zen-workspaces-panel-context-delete =
     .label = Elimina lo Spazio
     .accesskey = D
-zen-workspaces-panel-change-name = 
+zen-workspaces-panel-change-name =
     .label = Cambia Nome
-zen-workspaces-panel-change-icon = 
+zen-workspaces-panel-change-icon =
     .label = Cambia Icona
-zen-workspaces-panel-context-default-profile = 
+zen-workspaces-panel-context-default-profile =
     .label = Imposta Profilo
-zen-workspaces-panel-unload = 
+zen-workspaces-panel-unload =
     .label = Scarica Spazio
 zen-workspaces-how-to-reorder-title = Come riordinare gli spazi
 zen-workspaces-how-to-reorder-desc = Trascina le icone degli spazi in fondo alla barra laterale per riordinarle
-zen-workspaces-change-theme = 
+zen-workspaces-change-theme =
     .label = Modifica Tema
-zen-workspaces-panel-context-open = 
+zen-workspaces-panel-context-open =
     .label = Apri Spazio
     .accesskey = O
-zen-workspaces-panel-context-edit = 
+zen-workspaces-panel-context-edit =
     .label = Modifica Spazio
     .accesskey = E
-context-zen-change-workspace-tab = 
+context-zen-change-workspace-tab =
     .label = Metti scheda/e su uno spazio di lavoro
     .accesskey = C
-zen-bookmark-edit-panel-workspace-selector = 
+zen-bookmark-edit-panel-workspace-selector =
     .value = Spazi
     .accesskey = W
-zen-panel-ui-gradient-generator-algo-complementary = 
+zen-panel-ui-gradient-generator-algo-complementary =
     .label = Complementare
-zen-panel-ui-gradient-generator-algo-splitComplementary = 
+zen-panel-ui-gradient-generator-algo-splitComplementary =
     .label = Dividi
-zen-panel-ui-gradient-generator-algo-analogous = 
+zen-panel-ui-gradient-generator-algo-analogous =
     .label = Analogo
-zen-panel-ui-gradient-generator-algo-triadic = 
+zen-panel-ui-gradient-generator-algo-triadic =
     .label = Triadico
-zen-panel-ui-gradient-generator-algo-floating = 
+zen-panel-ui-gradient-generator-algo-floating =
     .label = Fluttuante
 zen-panel-ui-gradient-click-to-add = Clicca per aggiungere un colore
-zen-workspace-creation-name = 
+zen-workspace-creation-name =
     .placeholder = Nome dello Spazio
-zen-workspaces-panel-context-reorder = 
+zen-workspaces-panel-context-reorder =
     .label = Riordina Spazi
 zen-workspace-creation-profile = Profilo
     .tooltiptext = I profili vengono usati per separare i cookie e i dati dei siti tra gli spazi.
@@ -60,6 +60,14 @@ zen-workspaces-delete-workspace-body = Sei sicuro di voler cancellare { $name }?
 # Note that the html tag MUST not be changed or removed, as it is used to better
 # display the shortcut in the toast notification.
 zen-workspaces-close-all-unpinned-tabs-toast = Scheda chiusa! Usa <span>{ $shortcut }</span> per riaprirla.
-zen-workspaces-close-all-unpinned-tabs-title = 
+zen-workspaces-close-all-unpinned-tabs-title =
     .label = Pulisci
     .tooltiptext = Chiudi tutte le schede non bloccate
+
+zen-workspaces-group-tabs-toast = { $count ->
+    [one] Creato { $count } gruppo
+   *[other] Creati { $count } gruppi
+  }!
+zen-workspaces-group-tabs-title =
+    .label = Raggruppa
+    .tooltiptext = Raggruppa le schede per similarità

src/browser/base/content/zen-commands.inc.xhtml

@@ -61,4 +61,5 @@
 
   <command id="cmd_zenTogglePinTab" />
   <command id="cmd_zenCloseUnpinnedTabs" />
+  <command id="cmd_zenGroupTabs" />
 </commandset>

src/browser/themes/shared/zen-icons/icons.css

@@ -393,6 +393,18 @@
   list-style-image: url('arrow-down.svg') !important;
 }
 
+.zen-workspace-group-tabs-button {
+  list-style-image: none !important;
+
+  & .toolbarbutton-icon {
+    display: none !important;
+  }
+
+  @media -moz-pref('zen.view.show-clear-tabs-button', false) {
+    display: none;
+  }
+}
+
 .zen-workspace-close-unpinned-tabs-button {
   list-style-image: url('dart-down.svg');
 

src/zen/common/zen-sets.js

@@ -125,6 +125,9 @@ document.addEventListener(
           case 'cmd_zenCloseUnpinnedTabs':
             gZenWorkspaces.closeAllUnpinnedTabs();
             break;
+          case 'cmd_zenGroupTabs':
+            gZenWorkspaces.groupTabsBySimilarity();
+            break;
           case 'cmd_zenUnloadWorkspace': {
             gZenWorkspaces.unloadWorkspace();
             break;

src/zen/tabs/zen-tabs/vertical-tabs.css

@@ -1357,3 +1357,49 @@
 .tab-group-label-container[zen-dragtarget] {
   z-index: 9 !important;
 }
+
+/* ==========================================================================
+   Tab Category Headers (for Group function)
+   ========================================================================== */
+.tabbrowser-tab[zen-category-first="true"] {
+  display: flex;
+  flex-direction: column;
+}
+
+.tabbrowser-tab[zen-category-first="true"]::before {
+  content: attr(zen-category);
+  display: block;
+  width: 100%;
+  padding: 8px var(--zen-toolbox-padding);
+  margin-top: 12px;
+  margin-bottom: 4px;
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  color: var(--sidebar-text-color);
+  opacity: 0.5;
+  user-select: none;
+  pointer-events: none;
+  animation: zenCategoryHeaderFadeIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
+  order: -1;
+}
+
+:root:not([zen-sidebar-expanded='true']) .tabbrowser-tab[zen-category-first="true"]::before {
+  display: none;
+}
+
+:root:not([zen-sidebar-expanded='true']) .tabbrowser-tab[zen-category-first="true"] {
+  display: initial;
+}
+
+@keyframes zenCategoryHeaderFadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(-8px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}