feat [UI]: Refined ctrl+tab panel

prefs/zen/zen.yaml

@@ -52,3 +52,9 @@
 
 - name: zen.tabs.ctrl-tab.ignore-pending-tabs
   value: false
+
+- name: zen.tabs.ctrl-tab-panel.enabled
+  value: true
+
+- name: zen.tabs.ctrl-tab-panel.sort-by-recent
+  value: false

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

@@ -20,6 +20,7 @@
 <link rel="stylesheet" type="text/css" href="chrome://browser/content/zen-styles/zen-split-view.css" />
 <link rel="stylesheet" type="text/css" href="chrome://browser/content/zen-styles/zen-folders.css" />
 <link rel="stylesheet" type="text/css" href="chrome://browser/content/zen-styles/zen-glance.css" />
+<link rel="stylesheet" type="text/css" href="chrome://browser/content/zen-styles/zen-ctrl-tab-panel.css" />
 <link rel="stylesheet" type="text/css" href="chrome://browser/content/zen-styles/zen-popup.css" />
 
 <link rel="stylesheet" type="text/css" href="chrome://browser/content/zen-styles/zen-compact-mode.css" />
@@ -45,6 +46,7 @@
 <script type="module" src="resource:///modules/zen/ZenSpaceCreation.mjs"></script>
 <script type="module" src="chrome://browser/content/zen-components/ZenGlanceManager.mjs"></script>
 <script type="module" src="chrome://browser/content/zen-components/ZenPinnedTabManager.mjs"></script>
+<script type="module" src="chrome://browser/content/zen-components/ZenCtrlTabPanel.mjs"></script>
 <script type="module" src="chrome://browser/content/zen-components/ZenViewSplitter.mjs"></script>
 <script type="module" src="chrome://browser/content/zen-components/ZenFolder.mjs"></script>
 <script type="module" src="chrome://browser/content/zen-components/ZenFolders.mjs"></script>s

src/browser/base/content/zen-panels/ctrl-tab-panel.inc

@@ -0,0 +1,22 @@
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+<panel id="zen-ctrl-tab-panel"
+        role="group"
+        type="arrow"
+        hidepopovertail="true"
+        noautofocus="true"
+        consumeoutsideclicks="true"
+        animate="false"
+        nonnativepopover="true">
+  <panelmultiview id="zen-ctrl-tab-panel-multiview"
+                  mainViewId="zen-ctrl-tab-panel-view">
+    <panelview id="zen-ctrl-tab-panel-view"
+                class="cui-widget-panelview"
+                mainview-with-header="true">
+      <hbox id="zen-ctrl-tab-panel-tabs" class="zen-ctrl-tab-panel-tabs">
+      </hbox>
+    </panelview>
+  </panelmultiview>
+</panel>

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

@@ -6,5 +6,6 @@
 #include zen-panels/emojis-picker.inc
 #include zen-panels/folders-search.inc
 #include zen-panels/site-data.inc
+#include zen-panels/ctrl-tab-panel.inc
 
 #include zen-panels/popups.inc