gh-15177: Improve on-boarding experience and new space form UX (gh-15178)

gh-15154: Fixed stale containers trying to sync across devices (gh-15166)
gh-15163: Sync upstream Firefox to version 155.0 RC (gh-15164)
2026-08-31 02:33:33 +00:00 · 2026-08-31 02:52:10 +02:00 · 2026-08-30 00:42:45 +02:00 · 2026-08-30 00:26:45 +02:00
57 changed files with 2820 additions and 4346 deletions
--- a/README.md
+++ b/README.md
@@ -35,7 +35,7 @@ Zen is a firefox-based browser with the aim of pushing your productivity to a ne
 ### Firefox Versions
 - [`Release`](https://zen-browser.app/download) - Is currently built using Firefox version `154.0.1`!
- [`Twilight`](https://zen-browser.app/download?twilight) - Is currently built using Firefox version `RC 154.0.1`!
+- [`Twilight`](https://zen-browser.app/download?twilight) - Is currently built using Firefox version `RC 155.0`!
 ### Contributing
--- a/build/firefox-cache/l10n-last-commit-hash
+++ b/build/firefox-cache/l10n-last-commit-hash
@@ -1 +1 @@
-bf4b57fd7fe94054457be7018e8e7beaf754c520
+6b4abe0093721c1be89eb41b3fb060dd6336923d
--- a/locales/en-US/browser/browser/zen-welcome.ftl
+++ b/locales/en-US/browser/browser/zen-welcome.ftl
@@ -5,29 +5,28 @@
 zen-welcome-title-line1 = Welcome to
 zen-welcome-title-line2 = a calmer internet
-zen-welcome-import-title = A Fresh Start, Same Bookmarks
+zen-welcome-back = Back
-zen-welcome-import-description-1 = Your bookmarks, history, and passwords are like a trail of breadcrumbs through the internet—don’t leave them behind!
+zen-welcome-skip = Skip for now
 zen-welcome-import-description-2 = Easily bring them over from another browser and pick up right where you left off.
 zen-welcome-import-button = Import now
-zen-welcome-set-default-browser = Set { -brand-short-name } as your default browser
+zen-welcome-import-title = Bring your stuff along.
-zen-welcome-dont-set-default-browser = DON’T set { -brand-short-name } as your default browser
+zen-welcome-import-description = Import your bookmarks, history and passwords from another browser and pick up right where you left off.
 zen-welcome-import-yes = <strong>YES</strong>, import from another browser.
 zen-welcome-import-no = <strong>NO</strong>, start fresh.
-zen-welcome-initial-essentials-title = Your Key Tabs, Always Within Reach
+zen-welcome-default-browser-title = Make { -brand-short-name } your default?
-zen-welcome-initial-essentials-description-1 = Keep your most important tabs easily accessible and always at hand, no matter how many you open.
+zen-welcome-default-browser-description = Links from other apps will open in { -brand-short-name }. You can always change this later.
-zen-welcome-initial-essentials-description-2 = Essential tabs are always visible, no matter what workspace you are in.
+zen-welcome-set-default-browser = <strong>YES</strong>, make { -brand-short-name } default.
 zen-welcome-dont-set-default-browser = <strong>NO</strong>, still exploring my options.
-zen-welcome-workspace-colors-title = Your Workspaces, Your Colors
+zen-welcome-default-search-title = Pick your search engine.
 zen-welcome-workspace-colors-description = Personalize your browser by giving each workspace its own unique color identity.
 zen-welcome-start-browsing-title = All set?<br/>
    Let’s get rolling!
 zen-welcome-start-browsing-description-1 = You’re all set up and ready to go. Click the button below to start browsing with { -brand-short-name }.
 zen-welcome-start-browsing = Dive in!
 zen-welcome-default-search-title = Your Default Search Engine
 zen-welcome-default-search-description = Choose your default search engine. You can always change it later!
-zen-welcome-skip-button = Skip
+zen-welcome-essentials-title = Choose the apps you use most.
 zen-welcome-essentials-description = Select your favorite apps to keep them handy in your sidebar.
-zen-welcome-finished = Your Zen has been set up correctly!
+zen-welcome-workspace-colors-title = Your space, your colors.
 zen-welcome-workspace-colors-description = Personalize your browser by giving each space its own unique color identity.
 zen-welcome-start-browsing-title = All set? Let’s get rolling!
 zen-welcome-start-browsing-description-1 = You’re all set up and ready to go. Click the button below to start browsing with { -brand-short-name }.
 zen-welcome-start-browsing = Dive in!
--- a/src/-stylelintrc-js.patch
+++ b/src/-stylelintrc-js.patch
@@ -1,5 +1,5 @@
 diff --git a/.stylelintrc.js b/.stylelintrc.js
-index b484bf6600a7e1b8ad2aed8c8b7fe5e84cc3d023..f89712e2c13dfa0bcb48e55cd3872c67f5c98dad 100644
+index b5f8245fa04ffb8fc82240261d63f893f4629f19..1b6ead24adbe69fcb5aeb95cfd3e7fa9662d89d8 100644
 --- a/.stylelintrc.js
 +++ b/.stylelintrc.js
@@ -67,7 +67,7 @@ module.exports = {
@@ -11,10 +11,10 @@ index b484bf6600a7e1b8ad2aed8c8b7fe5e84cc3d023..f89712e2c13dfa0bcb48e55cd3872c67
       {
         ignore: ["blockless-at-rules"],
       },
-@@ -280,7 +280,7 @@ module.exports = {
+@@ -281,7 +281,7 @@ module.exports = {
     "media-query-no-invalid": null,
     "stylelint-plugin-mozilla/media-query-no-invalid": true,
     "stylelint-plugin-mozilla/no-base-design-tokens": true,
     "stylelint-plugin-mozilla/no-has-selector": true,
 -    "stylelint-plugin-mozilla/use-design-tokens": true,
 +    "stylelint-plugin-mozilla/use-design-tokens": false,
   },
--- a/src/browser/base/content/zen-panels/theme-picker.inc
+++ b/src/browser/base/content/zen-panels/theme-picker.inc
@@ -14,14 +14,14 @@
    <panelview id="PanelUI-zen-gradient-generator-view" class="PanelUI-subView zen-theme-picker" role="document" mainview-with-header="true" has-custom-header="true">
      <hbox class="zen-theme-picker-gradient">
        <hbox id="PanelUI-zen-gradient-generator-scheme">
-          <button id="PanelUI-zen-gradient-generator-scheme-auto" class="subviewbutton"/>
+          <button id="PanelUI-zen-gradient-generator-scheme-auto" class="no-squircles subviewbutton"/>
-          <button id="PanelUI-zen-gradient-generator-scheme-light" class="subviewbutton"/>
+          <button id="PanelUI-zen-gradient-generator-scheme-light" class="no-squircles subviewbutton"/>
-          <button id="PanelUI-zen-gradient-generator-scheme-dark" class="subviewbutton"/> 
+          <button id="PanelUI-zen-gradient-generator-scheme-dark" class="no-squircles subviewbutton"/> 
        </hbox>
        <hbox id="PanelUI-zen-gradient-generator-color-actions">
-          <button id="PanelUI-zen-gradient-generator-color-add" class="subviewbutton" />
+          <button id="PanelUI-zen-gradient-generator-color-add" class="no-squircles subviewbutton" />
-          <button id="PanelUI-zen-gradient-generator-color-remove" class="subviewbutton" />
+          <button id="PanelUI-zen-gradient-generator-color-remove" class="no-squircles subviewbutton" />
-          <button id="PanelUI-zen-gradient-generator-color-toggle-algo" class="subviewbutton" />
+          <button id="PanelUI-zen-gradient-generator-color-toggle-algo" class="no-squircles subviewbutton" />
        </hbox>
        <label data-l10n-id="zen-panel-ui-gradient-click-to-add" id="PanelUI-zen-gradient-generator-color-click-to-add"></label>
      </hbox>
@@ -29,82 +29,82 @@
        <toolbarbutton id="PanelUI-zen-gradient-generator-color-page-left" class="toolbarbutton-1" disabled="true" />
        <hbox id="PanelUI-zen-gradient-generator-color-pages">
          <hbox>
-            <box data-lightness="90" data-algo="float" data-num-dots="1" data-position="240,240" style="background: #f4efdf;"></box>
+            <box class="no-squircles" data-lightness="90" data-algo="float" data-num-dots="1" data-position="240,240" style="background: #f4efdf;"></box>
-            <box data-lightness="80" data-algo="float" data-num-dots="1" data-position="233,157" style="background: #f0b8cd;"></box>
+            <box class="no-squircles" data-lightness="80" data-algo="float" data-num-dots="1" data-position="233,157" style="background: #f0b8cd;"></box>
-            <box data-lightness="80" data-algo="float" data-num-dots="1" data-position="236,111" style="background: #e9c3e3;"></box>
+            <box class="no-squircles" data-lightness="80" data-algo="float" data-num-dots="1" data-position="236,111" style="background: #e9c3e3;"></box>
-            <box data-lightness="70" data-algo="float" data-num-dots="1" data-position="234,173" style="background: #da7682;"></box>
+            <box class="no-squircles" data-lightness="70" data-algo="float" data-num-dots="1" data-position="234,173" style="background: #da7682;"></box>
-            <box data-lightness="70" data-algo="float" data-num-dots="1" data-position="220,187" style="background: #eb8570;"></box>
+            <box class="no-squircles" data-lightness="70" data-algo="float" data-num-dots="1" data-position="220,187" style="background: #eb8570;"></box>
-            <box data-lightness="60" data-algo="float" data-num-dots="1" data-position="225,237" style="background: #dcce7f;"></box>
+            <box class="no-squircles" data-lightness="60" data-algo="float" data-num-dots="1" data-position="225,237" style="background: #dcce7f;"></box>
-            <box data-lightness="60" data-algo="float" data-num-dots="1" data-position="147,195" style="background: #5becad;"></box>
+            <box class="no-squircles" data-lightness="60" data-algo="float" data-num-dots="1" data-position="147,195" style="background: #5becad;"></box>
-            <box data-lightness="50" data-algo="float" data-num-dots="1" data-position="81,84" style="background: #919bb5;"></box>
+            <box class="no-squircles" data-lightness="50" data-algo="float" data-num-dots="1" data-position="81,84" style="background: #919bb5;"></box>
          </hbox>
          <hbox>
-            <box data-lightness="90" data-algo="analogous" data-num-dots="3" data-position="240,240"
+            <box class="no-squircles" data-lightness="90" data-algo="analogous" data-num-dots="3" data-position="240,240"
                style="--c1: rgb(245, 237, 214); --c2: rgb(221, 243, 216); --c3: rgb(243, 216, 225);" />
-            <box data-lightness="85" data-algo="analogous" data-num-dots="3" data-position="233,157"
+            <box class="no-squircles" data-lightness="85" data-algo="analogous" data-num-dots="3" data-position="233,157"
                style="--c1: rgb(243, 190, 222); --c2: rgb(247, 222, 186); --c3: rgb(223, 195, 238);" />
-            <box data-lightness="80" data-algo="analogous" data-num-dots="3" data-position="236,111"
+            <box class="no-squircles" data-lightness="80" data-algo="analogous" data-num-dots="3" data-position="236,111"
                style="--c1: rgb(229, 179, 228); --c2: rgb(236, 172, 178); --c3: rgb(197, 185, 223);" />
-            <box data-lightness="70" data-algo="analogous" data-num-dots="3" data-position="234,173"
+            <box class="no-squircles" data-lightness="70" data-algo="analogous" data-num-dots="3" data-position="234,173"
                style="--c1: rgb(235, 122, 159); --c2: rgb(239, 239, 118); --c3: rgb(210, 133, 224);" />
-            <box data-lightness="70" data-algo="analogous" data-num-dots="3" data-position="220,187"
+            <box class="no-squircles" data-lightness="70" data-algo="analogous" data-num-dots="3" data-position="220,187"
                style="--c1: rgb(242, 115, 123); --c2: rgb(175, 242, 115); --c3: rgb(230, 125, 232);" />
-            <box data-lightness="60" data-algo="analogous" data-num-dots="3" data-position="225,237"
+            <box class="no-squircles" data-lightness="60" data-algo="analogous" data-num-dots="3" data-position="225,237"
                style="--c1: rgb(221, 205, 85); --c2: rgb(97, 212, 94); --c3: rgb(215, 91, 124);" />
-            <box data-lightness="60" data-algo="analogous" data-num-dots="3" data-position="147,195"
+            <box class="no-squircles" data-lightness="60" data-algo="analogous" data-num-dots="3" data-position="147,195"
                style="--c1: rgb(75, 231, 210); --c2: rgb(84, 175, 222); --c3: rgb(62, 244, 112);" />
-            <box data-lightness="55" data-algo="analogous" data-num-dots="3" data-position="81,84"
+            <box class="no-squircles" data-lightness="55" data-algo="analogous" data-num-dots="3" data-position="81,84"
                style="--c1: rgb(122, 132, 158); --c2: rgb(137, 117, 164); --c3: rgb(116, 162, 164);" />
          </hbox>
          <hbox>
-            <box data-lightness="10" data-algo="float" data-num-dots="1" data-position="171,72" style="background:rgb(93, 86, 106);"></box>
+            <box class="no-squircles" data-lightness="10" data-algo="float" data-num-dots="1" data-position="171,72" style="background:rgb(93, 86, 106);"></box>
-            <box data-lightness="40" data-algo="float" data-num-dots="1" data-position="265,79" style="background: #997096;"></box>
+            <box class="no-squircles" data-lightness="40" data-algo="float" data-num-dots="1" data-position="265,79" style="background: #997096;"></box>
-            <box data-lightness="35" data-algo="float" data-num-dots="1" data-position="301,176" style="background: #956066;"></box>
+            <box class="no-squircles" data-lightness="35" data-algo="float" data-num-dots="1" data-position="301,176" style="background: #956066;"></box>
-            <box data-lightness="30" data-algo="float" data-num-dots="1" data-position="237,210" style="background: #9c6645;"></box>
+            <box class="no-squircles" data-lightness="30" data-algo="float" data-num-dots="1" data-position="237,210" style="background: #9c6645;"></box>
-            <box data-lightness="30" data-algo="float" data-num-dots="1" data-position="91,228" style="background: #517b6c;"></box>
+            <box class="no-squircles" data-lightness="30" data-algo="float" data-num-dots="1" data-position="91,228" style="background: #517b6c;"></box>
-            <box data-lightness="25" data-algo="float" data-num-dots="1" data-position="67,159" style="background: #576e75;"></box>
+            <box class="no-squircles" data-lightness="25" data-algo="float" data-num-dots="1" data-position="67,159" style="background: #576e75;"></box>
-            <box data-lightness="20" data-algo="float" data-num-dots="1" data-position="314,235" style="background:rgb(131, 109, 95);"></box>
+            <box class="no-squircles" data-lightness="20" data-algo="float" data-num-dots="1" data-position="314,235" style="background:rgb(131, 109, 95);"></box>
-            <box data-lightness="20" data-algo="float" data-num-dots="1" data-position="118,215" style="background: #447464;"></box>
+            <box class="no-squircles" data-lightness="20" data-algo="float" data-num-dots="1" data-position="118,215" style="background: #447464;"></box>
          </hbox>
          <hbox>
-            <box data-lightness="10" data-algo="analogous" data-num-dots="3" data-position="171,72"
+            <box class="no-squircles" data-lightness="10" data-algo="analogous" data-num-dots="3" data-position="171,72"
                style="--c1: rgb(23, 17, 34); --c2: rgb(37, 14, 35); --c3: rgb(18, 22, 33);" />
-            <box data-lightness="40" data-algo="analogous" data-num-dots="3" data-position="265,79"
+            <box class="no-squircles" data-lightness="40" data-algo="analogous" data-num-dots="3" data-position="265,79"
                style="--c1: rgb(128, 76, 124); --c2: rgb(141, 63, 66); --c3: rgb(97, 88, 116);" />
-            <box data-lightness="35" data-algo="analogous" data-num-dots="3" data-position="301,176"
+            <box class="no-squircles" data-lightness="35" data-algo="analogous" data-num-dots="3" data-position="301,176"
                style="--c1: rgb(122, 56, 64); --c2: rgb(126, 121, 52); --c3: rgb(111, 68, 110);" />
-            <box data-lightness="30" data-algo="analogous" data-num-dots="3" data-position="237,210"
+            <box class="no-squircles" data-lightness="30" data-algo="analogous" data-num-dots="3" data-position="237,210"
                style="--c1: rgb(131, 65, 22); --c2: rgb(64, 128, 25); --c3: rgb(122, 31, 91);" />
-            <box data-lightness="30" data-algo="analogous" data-num-dots="3" data-position="91,228"
+            <box class="no-squircles" data-lightness="30" data-algo="analogous" data-num-dots="3" data-position="91,228"
                style="--c1: rgb(45, 108, 85); --c2: rgb(52, 85, 101); --c3: rgb(52, 118, 35);" />
-            <box data-lightness="25" data-algo="analogous" data-num-dots="3" data-position="67,159"
+            <box class="no-squircles" data-lightness="25" data-algo="analogous" data-num-dots="3" data-position="67,159"
                style="--c1: rgb(45, 74, 83); --c2: rgb(46, 50, 81); --c3: rgb(38, 90, 65);" />
-            <box data-lightness="20" data-algo="analogous" data-num-dots="3" data-position="314,235"
+            <box class="no-squircles" data-lightness="20" data-algo="analogous" data-num-dots="3" data-position="314,235"
                style="--c1: rgb(64, 47, 38); --c2: rgb(55, 64, 38); --c3: rgb(59, 43, 52);" />
-            <box data-lightness="20" data-algo="analogous" data-num-dots="3" data-position="118,215"
+            <box class="no-squircles" data-lightness="20" data-algo="analogous" data-num-dots="3" data-position="118,215"
                style="--c1: rgb(22, 80, 61); --c2: rgb(26, 60, 76); --c3: rgb(27, 87, 15);" />
          </hbox>
          <hbox>
 # Start from black to white in a span on 8 steps and.
 # They must all go from the middle to the right side. They must always stay verically centered.
 # And reach to 180 on the right side, meaning we must divide the width in 16 segments.
-            <box data-type="explicit-black-white" data-algo="float" data-num-dots="1" 
+            <box class="no-squircles" data-type="explicit-black-white" data-algo="float" data-num-dots="1" 
                data-position="340,180" style="background: rgb(224, 224, 224);"></box>
-            <box data-type="explicit-black-white" data-algo="float" data-num-dots="1" 
+            <box class="no-squircles" data-type="explicit-black-white" data-algo="float" data-num-dots="1" 
                data-position="337.5,180" style="background: rgb(224, 224, 224);"></box>
-            <box data-type="explicit-black-white" data-algo="float" data-num-dots="1" 
+            <box class="no-squircles" data-type="explicit-black-white" data-algo="float" data-num-dots="1" 
                data-position="315,180" style="background: rgb(192, 192, 192);"></box>
-            <box data-type="explicit-black-white" data-algo="float" data-num-dots="1" 
+            <box class="no-squircles" data-type="explicit-black-white" data-algo="float" data-num-dots="1" 
                data-position="292.5,180" style="background: rgb(160, 160, 160);"></box>
-            <box data-type="explicit-black-white" data-algo="float" data-num-dots="1" 
+            <box class="no-squircles" data-type="explicit-black-white" data-algo="float" data-num-dots="1" 
                data-position="270,180" style="background: rgb(128, 128, 128);"></box>
-            <box data-type="explicit-black-white" data-algo="float" data-num-dots="1" 
+            <box class="no-squircles" data-type="explicit-black-white" data-algo="float" data-num-dots="1" 
                data-position="247.5,180" style="background: rgb(96, 96, 96);"></box>
-            <box data-type="explicit-black-white" data-algo="float" data-num-dots="1" 
+            <box class="no-squircles" data-type="explicit-black-white" data-algo="float" data-num-dots="1" 
                data-position="225,180" style="background: rgb(64, 64, 64);"></box>
-            <box data-type="explicit-black-white" data-algo="float" data-num-dots="1" 
+            <box class="no-squircles" data-type="explicit-black-white" data-algo="float" data-num-dots="1" 
                data-position="202.5,180" style="background: rgb(32, 32, 32);"></box>
-            <box data-type="explicit-black-white" data-algo="float" data-num-dots="1" 
+            <box class="no-squircles" data-type="explicit-black-white" data-algo="float" data-num-dots="1" 
                data-position="180,180" style="background: rgb(0, 0, 0);"></box>
          </hbox>
        </hbox>
--- a/src/browser/components/customizableui/CustomizableUI-sys-mjs.patch
+++ b/src/browser/components/customizableui/CustomizableUI-sys-mjs.patch
@@ -1,5 +1,5 @@
 diff --git a/browser/components/customizableui/CustomizableUI.sys.mjs b/browser/components/customizableui/CustomizableUI.sys.mjs
-index 491161e48044f75167a8e8a0348779cfa22fc40e..867d51b8a6b74f841afc6d84dcdfd8f2681652e5 100644
+index 6d1885a54815d10b3a4e79f7e5acd61ab3abb159..97e07d85c69ec97baeab05aedd57bd8869254d59 100644
 --- a/browser/components/customizableui/CustomizableUI.sys.mjs
 +++ b/browser/components/customizableui/CustomizableUI.sys.mjs
@@ -13,6 +13,7 @@ ChromeUtils.defineESModuleGetters(lazy, {
@@ -10,7 +10,7 @@ index 491161e48044f75167a8e8a0348779cfa22fc40e..867d51b8a6b74f841afc6d84dcdfd8f2
   HomePage: "resource:///modules/HomePage.sys.mjs",
   PanelMultiView:
     "moz-src:///browser/components/customizableui/PanelMultiView.sys.mjs",
-@@ -348,7 +349,7 @@ var CustomizableUIInternal = {
+@@ -352,7 +353,7 @@ var CustomizableUIInternal = {
       {
         type: CustomizableUI.TYPE_PANEL,
         defaultPlacements: [],
@@ -19,7 +19,7 @@ index 491161e48044f75167a8e8a0348779cfa22fc40e..867d51b8a6b74f841afc6d84dcdfd8f2
       },
       false
     );
-@@ -358,27 +359,23 @@ var CustomizableUIInternal = {
+@@ -362,27 +363,23 @@ var CustomizableUIInternal = {
       "back-button",
       "forward-button",
       "stop-reload-button",
@@ -50,17 +50,18 @@ index 491161e48044f75167a8e8a0348779cfa22fc40e..867d51b8a6b74f841afc6d84dcdfd8f2
         defaultCollapsed: false,
       },
       true
-@@ -402,9 +399,6 @@ var CustomizableUIInternal = {
+@@ -406,10 +403,6 @@ var CustomizableUIInternal = {
         type: CustomizableUI.TYPE_TOOLBAR,
         defaultPlacements: [
           "tabbrowser-tabs",
 -          "new-tab-button",
 -          "spring",
 -          "alltabs-button",
 -          "ai-window-toggle",
         ],
         verticalTabsDefaultPlacements: [],
         defaultCollapsed: null,
-@@ -484,6 +478,7 @@ var CustomizableUIInternal = {
+@@ -502,6 +495,7 @@ var CustomizableUIInternal = {
       CustomizableUI.AREA_NAVBAR,
       CustomizableUI.AREA_BOOKMARKS,
       CustomizableUI.AREA_TABSTRIP,
@@ -68,7 +69,7 @@ index 491161e48044f75167a8e8a0348779cfa22fc40e..867d51b8a6b74f841afc6d84dcdfd8f2
     ]);
     if (AppConstants.platform != "macosx") {
       toolbars.add(CustomizableUI.AREA_MENUBAR);
-@@ -1285,6 +1280,9 @@ var CustomizableUIInternal = {
+@@ -1334,6 +1328,9 @@ var CustomizableUIInternal = {
         placements = gPlacements.get(area);
       }
@@ -78,7 +79,7 @@ index 491161e48044f75167a8e8a0348779cfa22fc40e..867d51b8a6b74f841afc6d84dcdfd8f2
       // For toolbars that need it, mark as dirty.
       let defaultPlacements = areaProperties.get("defaultPlacements");
       if (
-@@ -1793,7 +1791,6 @@ var CustomizableUIInternal = {
+@@ -1842,7 +1839,6 @@ var CustomizableUIInternal = {
         lazy.log.info(
           "Widget " + aWidgetId + " not found, unable to remove from " + aArea
         );
@@ -86,7 +87,7 @@ index 491161e48044f75167a8e8a0348779cfa22fc40e..867d51b8a6b74f841afc6d84dcdfd8f2
       }
       this.notifyDOMChange(widgetNode, null, container, true, () => {
-@@ -1803,7 +1800,7 @@ var CustomizableUIInternal = {
+@@ -1852,7 +1848,7 @@ var CustomizableUIInternal = {
         // We also need to remove the panel context menu if it's there:
         this.ensureButtonContextMenu(widgetNode);
         if (gPalette.has(aWidgetId) || this.isSpecialWidget(aWidgetId)) {
@@ -95,7 +96,7 @@ index 491161e48044f75167a8e8a0348779cfa22fc40e..867d51b8a6b74f841afc6d84dcdfd8f2
         } else {
           window.gNavToolbox.palette.appendChild(widgetNode);
         }
-@@ -1971,16 +1968,16 @@ var CustomizableUIInternal = {
+@@ -2020,16 +2016,16 @@ var CustomizableUIInternal = {
         elem.setAttribute("skipintoolbarset", "true");
       }
     }
@@ -115,7 +116,7 @@ index 491161e48044f75167a8e8a0348779cfa22fc40e..867d51b8a6b74f841afc6d84dcdfd8f2
     // Handle initial state of vertical tabs.
     if (isVerticalTabs) {
       // Show the vertical tabs toolbar
-@@ -2222,6 +2219,10 @@ var CustomizableUIInternal = {
+@@ -2271,6 +2267,10 @@ var CustomizableUIInternal = {
    *   The identifier string of the area that aNode is being inserted into.
    */
   insertWidgetBefore(aNode, aNextNode, aContainer, aAreaId) {
@@ -126,7 +127,7 @@ index 491161e48044f75167a8e8a0348779cfa22fc40e..867d51b8a6b74f841afc6d84dcdfd8f2
     this.notifyDOMChange(aNode, aNextNode, aContainer, false, () => {
       this.setLocationAttributes(aNode, aAreaId);
       aContainer.insertBefore(aNode, aNextNode);
-@@ -4592,7 +4593,7 @@ var CustomizableUIInternal = {
+@@ -4647,7 +4647,7 @@ var CustomizableUIInternal = {
    * For all registered areas, builds those areas to reflect the current
    * placement state of all widgets.
    */
@@ -135,7 +136,7 @@ index 491161e48044f75167a8e8a0348779cfa22fc40e..867d51b8a6b74f841afc6d84dcdfd8f2
     for (let [areaId, areaNodes] of gBuildAreas) {
       let placements = gPlacements.get(areaId);
       let isFirstChangedToolbar = true;
-@@ -4603,7 +4604,7 @@ var CustomizableUIInternal = {
+@@ -4658,7 +4658,7 @@ var CustomizableUIInternal = {
         if (area.get("type") == CustomizableUI.TYPE_TOOLBAR) {
           let defaultCollapsed = area.get("defaultCollapsed");
           let win = areaNode.documentGlobal;
@@ -144,7 +145,7 @@ index 491161e48044f75167a8e8a0348779cfa22fc40e..867d51b8a6b74f841afc6d84dcdfd8f2
             win.setToolbarVisibility(
               areaNode,
               typeof defaultCollapsed == "string"
-@@ -5899,6 +5900,7 @@ export var CustomizableUI = {
+@@ -5971,6 +5971,7 @@ export var CustomizableUI = {
   unregisterArea(aName, aDestroyPlacements) {
     CustomizableUIInternal.unregisterArea(aName, aDestroyPlacements);
   },
@@ -152,7 +153,7 @@ index 491161e48044f75167a8e8a0348779cfa22fc40e..867d51b8a6b74f841afc6d84dcdfd8f2
   /**
    * Add a widget to an area.
    * If the area to which you try to add is not known to CustomizableUI,
-@@ -7869,7 +7871,9 @@ class OverflowableToolbar {
+@@ -7946,7 +7947,9 @@ class OverflowableToolbar {
         );
         if (webExtList && CustomizableUI.isWebExtensionWidget(child.id)) {
@@ -162,7 +163,7 @@ index 491161e48044f75167a8e8a0348779cfa22fc40e..867d51b8a6b74f841afc6d84dcdfd8f2
           webExtList.insertBefore(child, webExtList.firstElementChild);
         } else {
           child.setAttribute("cui-anchorid", this.#defaultListButton.id);
-@@ -7929,7 +7933,7 @@ class OverflowableToolbar {
+@@ -8006,7 +8009,7 @@ class OverflowableToolbar {
         ) {
           continue;
         }
@@ -171,7 +172,7 @@ index 491161e48044f75167a8e8a0348779cfa22fc40e..867d51b8a6b74f841afc6d84dcdfd8f2
         if (child != aExceptChild) {
           sum += getInlineSize(child);
         }
-@@ -7953,11 +7957,11 @@ class OverflowableToolbar {
+@@ -8030,11 +8033,11 @@ class OverflowableToolbar {
         parseFloat(style.paddingLeft) -
         parseFloat(style.paddingRight) -
         toolbarChildrenWidth;
@@ -185,7 +186,7 @@ index 491161e48044f75167a8e8a0348779cfa22fc40e..867d51b8a6b74f841afc6d84dcdfd8f2
     });
     lazy.log.debug(
-@@ -7972,7 +7976,39 @@ class OverflowableToolbar {
+@@ -8049,7 +8052,39 @@ class OverflowableToolbar {
       Math.max(targetWidth, targetChildrenWidth)
     );
     totalAvailWidth = Math.ceil(totalAvailWidth);
@@ -226,7 +227,7 @@ index 491161e48044f75167a8e8a0348779cfa22fc40e..867d51b8a6b74f841afc6d84dcdfd8f2
     return { isOverflowing, targetContentWidth, totalAvailWidth };
   }
-@@ -8033,7 +8069,11 @@ class OverflowableToolbar {
+@@ -8110,7 +8145,11 @@ class OverflowableToolbar {
             return;
           }
         }
@@ -239,7 +240,7 @@ index 491161e48044f75167a8e8a0348779cfa22fc40e..867d51b8a6b74f841afc6d84dcdfd8f2
           lazy.log.debug(
             `Need ${minSize} but width is ${totalAvailWidth} so bailing`
           );
-@@ -8066,7 +8106,7 @@ class OverflowableToolbar {
+@@ -8143,7 +8182,7 @@ class OverflowableToolbar {
         }
       }
       if (!inserted) {
@@ -248,7 +249,7 @@ index 491161e48044f75167a8e8a0348779cfa22fc40e..867d51b8a6b74f841afc6d84dcdfd8f2
       }
       child.removeAttribute("cui-anchorid");
       child.removeAttribute("overflowedItem");
-@@ -8192,6 +8232,9 @@ class OverflowableToolbar {
+@@ -8269,6 +8308,9 @@ class OverflowableToolbar {
    *   if no such list exists.
    */
   get #webExtList() {
@@ -258,7 +259,7 @@ index 491161e48044f75167a8e8a0348779cfa22fc40e..867d51b8a6b74f841afc6d84dcdfd8f2
     if (!this.#webExtListRef) {
       let targetID = this.#toolbar.getAttribute("addon-webext-overflowtarget");
       if (!targetID) {
-@@ -8203,6 +8246,9 @@ class OverflowableToolbar {
+@@ -8280,6 +8322,9 @@ class OverflowableToolbar {
       let win = this.#toolbar.documentGlobal;
       let { panel } = win.gUnifiedExtensions;
       this.#webExtListRef = panel.querySelector(`#${targetID}`);
@@ -268,7 +269,7 @@ index 491161e48044f75167a8e8a0348779cfa22fc40e..867d51b8a6b74f841afc6d84dcdfd8f2
     }
     return this.#webExtListRef;
   }
-@@ -8411,7 +8457,7 @@ class OverflowableToolbar {
+@@ -8488,7 +8533,7 @@ class OverflowableToolbar {
         break;
       }
       case "mousedown": {
--- a/src/browser/components/preferences/preferences-js.patch
+++ b/src/browser/components/preferences/preferences-js.patch
@@ -1,5 +1,5 @@
 diff --git a/browser/components/preferences/preferences.js b/browser/components/preferences/preferences.js
-index a76699af75252bec31e17b562463c37236cbbfe5..6355a6ee92754846ffcdd123ac49545d520470c7 100644
+index 94612d8e28af58fcb04914440348b899a0a1e08f..da3b1ffd09745d09589283356d1001dbfb76a468 100644
 --- a/browser/components/preferences/preferences.js
 +++ b/browser/components/preferences/preferences.js
@@ -132,6 +132,7 @@ ChromeUtils.defineLazyGetter(this, "gSubDialog", function () {
@@ -10,7 +10,7 @@ index a76699af75252bec31e17b562463c37236cbbfe5..6355a6ee92754846ffcdd123ac49545d
       ],
       resizeCallback: async ({ title, frame }) => {
         // Search within main document and highlight matched keyword.
-@@ -462,6 +463,8 @@ const CONFIG_PANES = Object.freeze({
+@@ -471,6 +472,8 @@ const CONFIG_PANES = Object.freeze({
   tabsBrowsing: {
     l10nId: "tabs-browsing-section",
     groupIds: [
@@ -19,7 +19,7 @@ index a76699af75252bec31e17b562463c37236cbbfe5..6355a6ee92754846ffcdd123ac49545d
       "browserLayout",
       "tabs",
       "pageNavigation",
-@@ -509,7 +512,7 @@ function register_module(categoryName, categoryObject) {
+@@ -518,7 +521,7 @@ function register_module(categoryName, categoryObject) {
       }
       this._initted = true;
       let template = document.getElementById("template-" + categoryName);
@@ -28,7 +28,7 @@ index a76699af75252bec31e17b562463c37236cbbfe5..6355a6ee92754846ffcdd123ac49545d
         // Replace the template element with the nodes inside of it.
         template.replaceWith(template.content);
-@@ -553,6 +556,10 @@ function init_all() {
+@@ -562,6 +565,10 @@ function init_all() {
   register_module("paneHome", gHomePane);
   register_module("paneSearch", gSearchPane);
   register_module("panePrivacy", gPrivacyPane);
--- a/src/browser/components/preferences/preferences-xhtml.patch
+++ b/src/browser/components/preferences/preferences-xhtml.patch
@@ -27,7 +27,7 @@ index 1b8c38159314b6edee9e6f455beb2b63db1ad3f0..1308345db640dba6b2848b49ef7c1181
 +      </html:moz-page-nav-button>
 +      <html:moz-page-nav-button id="category-zen-CKS"
 +        view="paneZenCKS"
-+        iconsrc="chrome://browser/skin/quickactions.svg"
+        iconsrc="chrome://browser/skin/preferences/category-accessibility.svg"
 +        data-l10n-id="pane-zen-CKS-title">
 +      </html:moz-page-nav-button>
 +      <html:moz-page-nav-button id="category-zen-marketplace"
--- a/src/browser/components/tabbrowser/content/drag-and-drop-js.patch
+++ b/src/browser/components/tabbrowser/content/drag-and-drop-js.patch
@@ -1,5 +1,5 @@
 diff --git a/browser/components/tabbrowser/content/drag-and-drop.js b/browser/components/tabbrowser/content/drag-and-drop.js
-index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b15a030046 100644
+index 70b37f93c4e8ff4ad9a2452681e468d23914c1b5..dbf2d9c83dafbe0e0b4e6caf3835edc8edf9bcf4 100644
 --- a/browser/components/tabbrowser/content/drag-and-drop.js
 +++ b/browser/components/tabbrowser/content/drag-and-drop.js
@@ -35,6 +35,9 @@
@@ -12,7 +12,7 @@ index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b1
     if (isTab(element) || isSplitViewWrapper(element)) {
       return element;
     }
-@@ -118,6 +121,9 @@
+@@ -128,6 +131,9 @@
       }
       let draggedTab = event.dataTransfer.mozGetDataAt(TAB_DROP_TYPE, 0);
@@ -22,7 +22,7 @@ index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b1
       if (
         (dropEffect == "move" || dropEffect == "copy") &&
         document == draggedTab.ownerDocument &&
-@@ -138,6 +144,7 @@
+@@ -148,6 +154,7 @@
           !draggedTab.group.collapsed
         ) {
           draggedTab.group.collapsed = true;
@@ -30,7 +30,7 @@ index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b1
         }
         if (dropEffect == "move") {
-@@ -145,10 +152,6 @@
+@@ -155,10 +162,6 @@
           // Pinned tabs in expanded vertical mode are on a grid format and require
           // different logic to drag and drop.
@@ -41,7 +41,7 @@ index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b1
           this._animateTabMove(event);
           return;
         }
-@@ -287,6 +290,10 @@
+@@ -297,6 +300,10 @@
       this._tabDropIndicator.hidden = true;
       event.stopPropagation();
@@ -52,7 +52,7 @@ index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b1
       if (draggedTab && dropEffect == "copy") {
         let duplicatedDraggedTab;
         let duplicatedTabs = [];
-@@ -312,12 +319,16 @@
+@@ -324,12 +331,16 @@
         let translateOffsetY = oldTranslateY % tabHeight;
         let newTranslateX = oldTranslateX - translateOffsetX;
         let newTranslateY = oldTranslateY - translateOffsetY;
@@ -73,7 +73,7 @@ index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b1
         if (this._tabbrowserTabs.isContainerVerticalPinnedGrid(draggedTab)) {
           // Update both translate axis for pinned vertical expanded tabs
-@@ -392,11 +403,13 @@
+@@ -404,11 +415,13 @@
           this._dragToPinPromoCard,
         ];
         let shouldPin =
@@ -87,15 +87,15 @@ index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b1
           isTab(draggedTab) &&
           draggedTab.pinned &&
           this._tabbrowserTabs.arrowScrollbox.contains(event.target);
-@@ -466,6 +479,7 @@
+@@ -484,6 +497,7 @@
           }
         }
 +        shouldTranslate = false;
         if (shouldTranslate) {
           this.#dropAnimationEndTime = Date.now() + DROP_ANIMATION_GRACE_MS;
           let translationPromises = [];
-           for (let item of movingTabs) {
+@@ -496,7 +510,7 @@
@@ -477,7 +491,7 @@
                 item.removeAttribute("tabdrop-samewindow");
                 resolve();
               };
@@ -104,7 +104,7 @@ index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b1
                 postTransitionCleanup();
               } else {
                 let onTransitionEnd = transitionendEvent => {
-@@ -552,7 +566,7 @@
+@@ -580,7 +594,7 @@
           if (tab.selected) {
             selectedTab = tab;
             indexForSelectedTab = newIndex;
@@ -113,7 +113,7 @@ index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b1
             const droppedIntoPinnedArea = dropIndex < gBrowser.pinnedTabCount;
             const newSplitView = gBrowser.adoptSplitView(tab, {
               elementIndex: droppedIntoPinnedArea
-@@ -577,7 +591,7 @@
+@@ -605,7 +619,7 @@
             }
           }
         }
@@ -122,7 +122,7 @@ index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b1
           const newTab = gBrowser.adoptTab(selectedTab, {
             elementIndex: indexForSelectedTab,
             selectTab: selectedTab == draggedTab,
-@@ -611,10 +625,6 @@
+@@ -639,10 +653,6 @@
               this._tabbrowserTabs.dragAndDropElements[
                 gBrowser.pinnedTabCount + unpinnedSplitViews.length - 1
               ];
@@ -133,7 +133,7 @@ index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b1
           }
         }
       } else {
-@@ -664,6 +674,7 @@
+@@ -703,6 +713,7 @@
           let nextItem = this._tabbrowserTabs.dragAndDropElements[newIndex];
           let tabGroup = isTab(nextItem) && nextItem.group;
@@ -141,12 +141,15 @@ index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b1
           gBrowser.loadTabs(urls, {
             inBackground,
             replace,
-@@ -705,7 +716,16 @@
+@@ -744,6 +755,22 @@
         this._expandGroupOnDrop(draggedTab);
       }
-       this._resetTabsAfterDrop(draggedTab.ownerDocument);
+       this._resetTabsAfterDrop(draggedTab);
-
+      if (
-+      if (!dt.mozUserCancelled && dt.dropEffect == "none" && !this._isCustomizing) {
+        !dt.mozUserCancelled &&
 +        dt.dropEffect == "none" &&
 +        !this._tabbrowserTabs._isCustomizing
 +      ) {
 +        const moved = gZenViewSplitter.moveTabToSplitView(event, draggedTab);
 +        if (moved) {
 +          delete draggedTab._dragData;
@@ -154,12 +157,14 @@ index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b1
 +        }
 +      } else if (dt.mozUserCancelled) {
 +        gZenViewSplitter.onBrowserDragEndToSplit(event, true);
-+        if (gZenViewSplitter._lastOpenedTab) gZenViewSplitter._lastOpenedTab._visuallySelected = false;
+        if (gZenViewSplitter._lastOpenedTab) {
 +          gZenViewSplitter._lastOpenedTab._visuallySelected = false;
 +        }
 +      }
       if (
         dt.mozUserCancelled ||
-         dt.dropEffect != "none" ||
+@@ -1074,11 +1101,10 @@
@@ -927,11 +947,10 @@
         return this.#getHorizontalScrollboxDragTarget(event, ignoreSides);
       }
       while (target) {
@@ -175,7 +180,7 @@ index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b1
           break;
         }
         target = target.parentNode;
-@@ -961,6 +980,9 @@
+@@ -1108,6 +1134,9 @@
           return null;
         }
       }
@@ -185,17 +190,36 @@ index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b1
       return target;
     }
-@@ -1014,7 +1036,8 @@
+@@ -1170,14 +1199,20 @@
-         isTabGroupLabel(draggedTab) &&
+       let releaseReservedSpace = () =>
-         draggedTab._dragData?.expandGroupOnDrop
+         this.#releaseSpaceInScrolledContent(periphery);
-       ) {
+       if (group.collapsed) {
-        draggedTab.group.collapsed = false;
+-        // The group's tabs animate back to their full size, so hold on to the
-+        draggedTab.group.collapsed = draggedTab.group.hasAttribute("has-active");
+-        // space reserved for them until they get there.
-+        gZenFolders.animateGroupMove(draggedTab.group, true);
+-        group.addEventListener(
 -          "TabGroupAnimationComplete",
 -          releaseReservedSpace,
 -          { once: true }
 -        );
 -        group.collapsed = false;
 +        const expand = !group.hasAttribute("has-active");
 +        if (expand) {
 +          // The group's tabs animate back to their full size, so hold on to the
 +          // space reserved for them until they get there.
 +          group.addEventListener(
 +            "TabGroupAnimationComplete",
 +            releaseReservedSpace,
 +            { once: true }
 +          );
 +        } else {
 +          releaseReservedSpace();
 +        }
 +        group.collapsed = !expand;
 +        gZenFolders.animateGroupMove(group, true);
       } else {
         releaseReservedSpace();
       }
-     }
+@@ -1362,7 +1397,6 @@
@@ -1206,7 +1229,6 @@
         // using updateDragImage. On Linux, we can use a panel.
         if (platform == "win" || platform == "macosx") {
           captureListener = function () {
@@ -203,7 +227,7 @@ index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b1
           };
         } else {
           // Create a panel to use it in setDragImage
-@@ -1244,7 +1266,6 @@
+@@ -1400,7 +1434,6 @@
         );
         dragImageOffset = dragImageOffset * scale;
       }
@@ -211,7 +235,7 @@ index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b1
       // _dragData.offsetX/Y give the coordinates that the mouse should be
       // positioned relative to the corner of the new window created upon
-@@ -1263,7 +1284,7 @@
+@@ -1419,7 +1452,7 @@
       let dropEffect = this.getDropEffectForTabDrag(event);
       let isMovingInTabStrip = !fromTabList && dropEffect == "move";
       let collapseTabGroupDuringDrag =
@@ -220,7 +244,7 @@ index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b1
       tab._dragData = {
         offsetX: this._tabbrowserTabs.verticalMode
-@@ -1273,7 +1294,7 @@
+@@ -1429,7 +1462,7 @@
           ? event.screenY - window.screenY - tabOffset
           : event.screenY - window.screenY,
         scrollPos:
@@ -229,7 +253,7 @@ index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b1
             ? this._tabbrowserTabs.pinnedTabsContainer.scrollPosition
             : this._tabbrowserTabs.arrowScrollbox.scrollPosition,
         screenX: event.screenX,
-@@ -1320,6 +1341,7 @@
+@@ -1522,6 +1555,7 @@
       if (tabStripItemElement.hasAttribute("dragtarget")) {
         return;
       }
@@ -237,7 +261,7 @@ index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b1
       let isPinned = tab.pinned;
       let dragAndDropElements = this._tabbrowserTabs.dragAndDropElements;
       let isGrid = this._tabbrowserTabs.isContainerVerticalPinnedGrid(tab);
-@@ -1686,23 +1708,6 @@
+@@ -1895,23 +1929,6 @@
       // Slide the relevant tabs to their new position.
       // non-moving tabs adjust for RTL
@@ -261,7 +285,7 @@ index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b1
       // moving tabs don't adjust for RTL
       for (let item of selectedElements) {
         if (
-@@ -1751,7 +1756,6 @@
+@@ -1960,7 +1977,6 @@
       for (let item of this._tabbrowserTabs.dragAndDropElements) {
         delete item._moveTogetherSelectedTabsData;
         item = elementToMove(item);
@@ -269,7 +293,7 @@ index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b1
         item.removeAttribute("multiselected-move-together");
       }
     }
-@@ -2598,7 +2602,6 @@
+@@ -2812,7 +2828,6 @@
         tab.style.top = "";
         tab.style.maxWidth = "";
         tab.style.pointerEvents = "";
@@ -277,7 +301,7 @@ index 8bb1219962a1368f50b53c61041f135c68e35f31..8e72441d26883cbef7a352b00c0fe2b1
         tab.removeAttribute("small-stack");
         tab.removeAttribute("big-stack");
       }
-@@ -2607,11 +2610,9 @@
+@@ -2821,11 +2836,9 @@
       )) {
         label.style.width = "";
         label.style.maxWidth = "";
--- a/src/browser/components/tabbrowser/content/tabbrowser-js.patch
+++ b/src/browser/components/tabbrowser/content/tabbrowser-js.patch
@@ -1,8 +1,8 @@
 diff --git a/browser/components/tabbrowser/content/tabbrowser.js b/browser/components/tabbrowser/content/tabbrowser.js
-index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da5504f9d8 100644
+index 43180487a2fac15b7a65fac94f233eeed9094990..ae1288974cae29da929f27b78ff8db542566eba2 100644
 --- a/browser/components/tabbrowser/content/tabbrowser.js
 +++ b/browser/components/tabbrowser/content/tabbrowser.js
-@@ -513,6 +513,7 @@
+@@ -514,6 +514,7 @@
      * @type {MozBrowser[]}
      */
     get splitViewBrowsers() {
@@ -10,7 +10,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       const browsers = [];
       if (this.#activeSplitView) {
         for (const tab of this.#activeSplitView.tabs) {
-@@ -611,15 +612,66 @@
+@@ -612,15 +613,66 @@
       return this.tabContainer.visibleTabs;
     }
@@ -79,7 +79,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
     setSelectedTab(val, metricsContext = null) {
       if (this.selectedTab === val) {
         return;
-@@ -632,6 +684,9 @@
+@@ -633,6 +685,9 @@
       ) {
         return;
       }
@@ -89,7 +89,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       // Update the tab
       this.tabbox.selectedTab = val;
-@@ -708,6 +763,10 @@
+@@ -709,6 +764,10 @@
         userContextId = parseInt(tabArgument.getAttribute("usercontextid"), 10);
       }
@@ -100,7 +100,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       if (openWindowInfo) {
         userContextId = openWindowInfo.originAttributes.userContextId;
       }
-@@ -809,6 +868,8 @@
+@@ -810,6 +869,8 @@
       this.tabpanels.appendChild(panel);
       let tab = this.tabs[0];
@@ -109,7 +109,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       tab.linkedPanel = uniqueId;
       this._selectedTab = tab;
       this._selectedBrowser = browser;
-@@ -1178,18 +1239,24 @@
+@@ -1179,18 +1240,24 @@
      *   The context for the operation for telemetry purposes, defaults to an unknown context.
      */
     pinTab(aTab, { metricsContext = this.TabMetrics.UNKNOWN_CONTEXT } = {}) {
@@ -135,7 +135,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       aTab.setAttribute("pinned", "true");
       this._updateTabBarForPinnedTabs();
-@@ -1206,16 +1273,25 @@
+@@ -1207,16 +1274,25 @@
      *   The context for the operation for telemetry purposes, defaults to an unknown context.
      */
     unpinTab(aTab, { metricsContext = this.TabMetrics.UNKNOWN_CONTEXT } = {}) {
@@ -162,7 +162,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       });
       aTab.style.marginInlineStart = "";
-@@ -1430,6 +1506,9 @@
+@@ -1432,6 +1508,9 @@
       let LOCAL_PROTOCOLS = ["chrome:", "about:", "resource:", "data:"];
@@ -172,7 +172,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       if (
         aIconURL &&
         !LOCAL_PROTOCOLS.some(protocol => aIconURL.startsWith(protocol))
-@@ -1439,6 +1518,9 @@
+@@ -1441,6 +1520,9 @@
         );
         return;
       }
@@ -182,7 +182,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       let browser = this.getBrowserForTab(aTab);
       browser.mIconURL = aIconURL;
-@@ -1761,7 +1843,6 @@
+@@ -1763,7 +1845,6 @@
       // Preview mode should not reset the owner
       if (!this.#previewMode && !oldTab.selected) {
@@ -190,7 +190,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       }
       let lastRelatedTab = this.#lastRelatedTabMap.get(oldTab);
-@@ -1852,6 +1933,7 @@
+@@ -1854,6 +1935,7 @@
       if (!this.#previewMode) {
         newTab.recordTimeFromUnloadToReload();
         newTab.updateLastAccessed();
@@ -198,7 +198,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
         oldTab.updateLastAccessed();
         // if this is the foreground window, update the last-seen timestamps.
         if (this.documentGlobal == BrowserWindowTracker.getTopWindow()) {
-@@ -2066,6 +2148,9 @@
+@@ -2068,6 +2150,9 @@
       }
       let activeEl = document.activeElement;
@@ -208,7 +208,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       // If focus is on the old tab, move it to the new tab.
       if (activeEl == oldTab) {
         newTab.focus();
-@@ -2104,7 +2189,7 @@
+@@ -2106,7 +2191,7 @@
       // Focus the location bar if it was previously focused for that tab.
       // In full screen mode, only bother making the location bar visible
       // if the tab is a blank one.
@@ -217,7 +217,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
         let selectURL = () => {
           if (this._asyncTabSwitching) {
             // Set _awaitingSetURI flag to suppress popup notification
-@@ -2392,7 +2477,12 @@
+@@ -2394,7 +2479,12 @@
       return this._setTabLabel(aTab, aLabel);
     }
@@ -231,7 +231,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       if (!aLabel || (isURL && /^about:reader\?url=/.test(aLabel))) {
         return false;
       }
-@@ -2518,7 +2608,7 @@
+@@ -2520,7 +2610,7 @@
         newIndex = this.selectedTab._tPos + 1;
       }
@@ -240,7 +240,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
         if (this.isTabGroupLabel(targetTab)) {
           throw new Error(
             "Replacing a tab group label with a tab is not supported"
-@@ -2793,6 +2883,7 @@
+@@ -2795,6 +2885,7 @@
       uriIsAboutBlank,
       userContextId,
       skipLoad,
@@ -248,7 +248,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
     } = {}) {
       let b = document.createXULElement("browser");
       // Use the JSM global to create the permanentKey, so that if the
-@@ -2866,8 +2957,7 @@
+@@ -2868,8 +2959,7 @@
         // we use a different attribute name for this?
         b.setAttribute("name", name);
       }
@@ -258,7 +258,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
         b.setAttribute("transparent", "true");
       }
-@@ -3022,7 +3112,7 @@
+@@ -3024,7 +3114,7 @@
       let panel = this.getPanel(browser);
       let uniqueId = this._generateUniquePanelID();
@@ -267,7 +267,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       aTab.linkedPanel = uniqueId;
       // Inject the <browser> into the DOM if necessary.
-@@ -3082,8 +3172,8 @@
+@@ -3084,8 +3174,8 @@
       // If we transitioned from one browser to two browsers, we need to set
       // hasSiblings=false on both the existing browser and the new browser.
       if (this.tabs.length == 2) {
@@ -278,7 +278,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       } else {
         aTab.linkedBrowser.browsingContext.hasSiblings = this.tabs.length > 1;
       }
-@@ -3268,7 +3358,6 @@
+@@ -3270,7 +3360,6 @@
             this.selectedTab = this.addTrustedTab(BROWSER_NEW_TAB_URL, {
               tabIndex: tab._tPos + 1,
               userContextId: tab.userContextId,
@@ -286,7 +286,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
               focusUrlBar: true,
             });
             resolve(this.selectedBrowser);
-@@ -3378,6 +3467,10 @@
+@@ -3380,6 +3469,10 @@
         schemelessInput,
         hasValidUserGestureActivation = false,
         textDirectiveUserActivation = false,
@@ -297,7 +297,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       } = {}
     ) {
       // all callers of addTab that pass a params object need to pass
-@@ -3388,10 +3481,25 @@
+@@ -3390,10 +3483,25 @@
         );
       }
@@ -323,7 +323,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       // If we're opening a foreground tab, set the owner by default.
       ownerTab ??= inBackground ? null : this.selectedTab;
-@@ -3399,6 +3507,7 @@
+@@ -3401,6 +3509,7 @@
       if (this.selectedTab.owner) {
         this.selectedTab.owner = null;
       }
@@ -331,7 +331,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       // Find the tab that opened this one, if any. This is used for
       // determining positioning, and inherited attributes such as the
-@@ -3451,6 +3560,22 @@
+@@ -3453,6 +3562,22 @@
           noInitialLabel,
           skipBackgroundNotify,
         });
@@ -354,7 +354,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
         if (insertTab) {
           // Insert the tab into the tab container in the correct position.
           this.#insertTabAtIndex(t, {
-@@ -3459,6 +3584,7 @@
+@@ -3461,6 +3586,7 @@
             ownerTab,
             openerTab,
             pinned,
@@ -362,7 +362,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
             bulkOrderedOpen,
             tabGroup: tabGroup ?? openerTab?.group,
           });
-@@ -3477,6 +3603,7 @@
+@@ -3479,6 +3605,7 @@
           openWindowInfo,
           skipLoad,
           triggeringRemoteType,
@@ -370,7 +370,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
         }));
         if (focusUrlBar) {
-@@ -3601,6 +3728,12 @@
+@@ -3603,6 +3730,12 @@
         }
       }
@@ -383,7 +383,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       // Additionally send pinned tab events
       if (pinned) {
         this.#notifyPinnedStatus(t);
-@@ -3611,6 +3744,15 @@
+@@ -3613,6 +3746,15 @@
       if (!inBackground) {
         this.selectedTab = t;
       }
@@ -399,7 +399,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       return t;
     }
-@@ -3834,6 +3976,7 @@
+@@ -3836,6 +3978,7 @@
         insertBefore = null,
         isAdoptingGroup = false,
         metricsContext = this.TabMetrics.UNKNOWN_CONTEXT,
@@ -407,7 +407,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       } = {}
     ) {
       if (
-@@ -3844,9 +3987,6 @@
+@@ -3846,9 +3989,6 @@
             !this.isSplitViewWrapper(tabOrSplitView)
         )
       ) {
@@ -417,7 +417,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       }
       if (!color) {
-@@ -3867,9 +4007,14 @@
+@@ -3869,9 +4009,14 @@
         label,
         isAdoptingGroup
       );
@@ -434,7 +434,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       );
       group.addTabs(tabsAndSplitViews, metricsContext);
-@@ -3973,7 +4118,7 @@
+@@ -3975,7 +4120,7 @@
       }
       this.#handleTabMove(tab, () =>
@@ -443,7 +443,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       );
     }
-@@ -4059,6 +4204,7 @@
+@@ -4061,6 +4206,7 @@
         color: group.color,
         insertBefore: newTabs[0],
         isAdoptingGroup: true,
@@ -451,7 +451,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       });
     }
-@@ -4269,6 +4415,7 @@
+@@ -4271,6 +4417,7 @@
         openWindowInfo,
         skipLoad,
         triggeringRemoteType,
@@ -459,7 +459,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       }
     ) {
       // If we don't have a preferred remote type (or it is `NOT_REMOTE`), and
-@@ -4329,6 +4476,7 @@
+@@ -4331,6 +4478,7 @@
           openWindowInfo,
           name,
           skipLoad,
@@ -467,7 +467,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
         });
       }
-@@ -4542,9 +4690,9 @@
+@@ -4544,9 +4692,9 @@
         }
         // Add a new tab if needed.
@@ -479,7 +479,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
           let url = "about:blank";
           if (tabData.entries?.length) {
-@@ -4577,8 +4725,10 @@
+@@ -4579,8 +4727,10 @@
             insertTab: false,
             skipLoad: true,
             preferredRemoteType,
@@ -491,7 +491,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
           if (select) {
             tabToSelect = tab;
           }
-@@ -4600,7 +4750,8 @@
+@@ -4602,7 +4752,8 @@
           this.pinTab(tab);
           // Then ensure all the tab open/pinning information is sent.
           this._fireTabOpen(tab, {});
@@ -501,7 +501,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
           let { groupId } = tabData;
           const tabGroup = tabGroupWorkingData.get(groupId);
           // if a tab refers to a tab group we don't know, skip any group
-@@ -4620,7 +4771,10 @@
+@@ -4622,7 +4773,10 @@
                 tabGroup.stateData.id,
                 tabGroup.stateData.color,
                 tabGroup.stateData.collapsed,
@@ -513,7 +513,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
               );
               tabsFragment.appendChild(tabGroup.node);
             }
-@@ -4675,9 +4829,21 @@
+@@ -4677,9 +4831,21 @@
       // to remove the old selected tab.
       if (tabToSelect) {
         let leftoverTab = this.selectedTab;
@@ -535,7 +535,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       if (tabs.length > 1 || !tabs[0].selected) {
         this._updateTabsAfterInsert();
-@@ -4882,11 +5048,17 @@
+@@ -4884,11 +5050,17 @@
       if (ownerTab) {
         tab.owner = ownerTab;
       }
@@ -554,7 +554,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
         if (
           !bulkOrderedOpen &&
           ((openerTab &&
-@@ -4898,7 +5070,7 @@
+@@ -4900,7 +5072,7 @@
           let lastRelatedTab =
             openerTab && this.#lastRelatedTabMap.get(openerTab);
           let previousTab = lastRelatedTab || openerTab || this.selectedTab;
@@ -563,7 +563,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
             tabGroup = previousTab.group;
           }
           if (
-@@ -4914,7 +5086,7 @@
+@@ -4916,7 +5088,7 @@
                 previousTab.splitview
               ) + 1;
           } else if (previousTab.visible) {
@@ -572,7 +572,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
           } else if (previousTab == FirefoxViewHandler.tab) {
             elementIndex = 0;
           }
-@@ -4942,14 +5114,14 @@
+@@ -4944,14 +5116,14 @@
       }
       // Ensure index is within bounds.
       if (tab.pinned) {
@@ -591,7 +591,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       if (pinned && !itemAfter?.pinned) {
         itemAfter = null;
-@@ -4966,7 +5138,7 @@
+@@ -4968,7 +5140,7 @@
       this.tabContainer._invalidateCachedTabs();
@@ -600,7 +600,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
         if (
           (this.isTab(itemAfter) && itemAfter.group == tabGroup) ||
           this.isSplitViewWrapper(itemAfter)
-@@ -4997,7 +5169,11 @@
+@@ -4999,7 +5171,11 @@
         const tabContainer = pinned
           ? this.tabContainer.pinnedTabsContainer
           : this.tabContainer;
@@ -612,7 +612,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       }
       if (tab.group?.collapsed) {
-@@ -5012,6 +5188,7 @@
+@@ -5014,6 +5190,7 @@
       if (pinned) {
         this._updateTabBarForPinnedTabs();
       }
@@ -620,7 +620,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       TabBarVisibility.update();
     }
-@@ -5568,6 +5745,7 @@
+@@ -5577,6 +5754,7 @@
         metricsContext,
       } = {}
     ) {
@@ -628,7 +628,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       // When 'closeWindowWithLastTab' pref is enabled, closing all tabs
       // can be considered equivalent to closing the window.
       if (
-@@ -5678,6 +5856,7 @@
+@@ -5687,6 +5865,7 @@
             closedTabCount -= 1;
           }
         }
@@ -636,7 +636,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
         if (closedTabCount > 0) {
           this.recordTabMetrics(
-@@ -5730,6 +5909,14 @@
+@@ -5761,6 +5940,14 @@
         return;
       }
@@ -651,7 +651,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       let isVisibleTab = aTab.visible;
       // We have to sample the tab width now, since _beginRemoveTab might
       // end up modifying the DOM in such a way that aTab gets a new
-@@ -5737,6 +5924,9 @@
+@@ -5768,6 +5955,9 @@
       // state).
       let tabWidth = window.windowUtils.getBoundsWithoutFlushing(aTab).width;
       let isLastTab = this.#isLastTabInWindow(aTab);
@@ -661,7 +661,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       if (
         !this._beginRemoveTab(aTab, {
           closeWindowFastpath: true,
-@@ -5747,13 +5937,14 @@
+@@ -5778,13 +5968,14 @@
           metricsContext,
         })
       ) {
@@ -677,7 +677,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       let lockTabSizing =
         !this.tabContainer.verticalMode &&
         !aTab.pinned &&
-@@ -5784,7 +5975,13 @@
+@@ -5815,7 +6006,13 @@
         // We're not animating, so we can cancel the animation stopwatch.
         Glean.browserTabclose.timeAnim.cancel(aTab._closeTimeAnimTimerId);
         aTab._closeTimeAnimTimerId = null;
@@ -692,7 +692,18 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
         return;
       }
-@@ -5827,7 +6024,7 @@
+@@ -5855,7 +6052,9 @@
     get #shouldCloseWindowWithLastTab() {
       return (
         !window.toolbar.visible ||
 -        Services.prefs.getBoolPref("browser.tabs.closeWindowWithLastTab")
 +        (Services.prefs.getBoolPref("browser.tabs.closeWindowWithLastTab") &&
 +          !gZenWorkspaces._isClosingWindow &&
 +          !gZenWorkspaces._removedByStartupPage)
       );
     }
@@ -5871,7 +6070,7 @@
      */
     #isLastTabInWindow(tab) {
       for (const otherTab of this.tabs) {
@@ -701,16 +712,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
           return false;
         }
       }
-@@ -5917,7 +6114,7 @@
+@@ -5982,6 +6181,7 @@
           closeWindowWithLastTab != null
             ? closeWindowWithLastTab
             : !window.toolbar.visible ||
 -              Services.prefs.getBoolPref("browser.tabs.closeWindowWithLastTab");
 +              Services.prefs.getBoolPref("browser.tabs.closeWindowWithLastTab") && !gZenWorkspaces._isClosingWindow && !gZenWorkspaces._removedByStartupPage;
         if (closeWindow) {
           // We've already called beforeunload on all the relevant tabs if we get here,
@@ -5941,6 +6138,7 @@
         newTab = true;
       }
@@ -718,8 +720,8 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       aTab._endRemoveArgs = [closeWindow, newTab];
       // swapBrowsersAndCloseOther will take care of closing the window without animation.
-@@ -5982,13 +6180,7 @@
+@@ -6029,13 +6229,7 @@
-       aTab._mouseleave();
+       }
       if (newTab) {
 -        this.addTrustedTab(BROWSER_NEW_TAB_URL, {
@@ -733,7 +735,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       } else {
         TabBarVisibility.update();
       }
-@@ -6128,6 +6320,7 @@
+@@ -6192,6 +6386,7 @@
         this.tabs[i]._tPos = i;
       }
@@ -741,7 +743,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       if (!this.#windowIsClosing) {
         // update tab close buttons state
         this.tabContainer._updateCloseButtons();
-@@ -6313,6 +6506,7 @@
+@@ -6377,6 +6572,7 @@
         memory_after: await getTotalMemoryUsage(),
         time_to_unload_in_ms: timeElapsed,
       });
@@ -749,7 +751,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
     }
     /**
-@@ -6358,6 +6552,7 @@
+@@ -6422,6 +6618,7 @@
       }
       let excludeTabs = new Set(aExcludeTabs);
@@ -757,7 +759,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       // If this tab has a successor, it should be selectable, since
       // hiding or closing a tab removes that tab as a successor.
-@@ -6370,13 +6565,13 @@
+@@ -6434,13 +6631,13 @@
         !excludeTabs.has(aTab.owner) &&
         Services.prefs.getBoolPref("browser.tabs.selectOwnerOnClose")
       ) {
@@ -773,7 +775,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       );
       if (Services.prefs.getBoolPref("browser.tabs.selectMRUOnClose", false)) {
-@@ -6392,6 +6587,13 @@
+@@ -6456,6 +6653,13 @@
         }
       }
@@ -787,7 +789,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       let tab = this.tabContainer.findNextTab(aTab, {
         direction: 1,
         filter: _tab => remainingTabs.includes(_tab),
-@@ -6405,7 +6607,7 @@
+@@ -6469,7 +6673,7 @@
       }
       if (tab) {
@@ -796,7 +798,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       }
       // If no qualifying visible tab was found, see if there is a tab in
-@@ -6426,7 +6628,7 @@
+@@ -6490,7 +6694,7 @@
         });
       }
@@ -805,7 +807,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
     }
     _blurTab(aTab) {
-@@ -6437,7 +6639,7 @@
+@@ -6501,7 +6705,7 @@
      * @returns {boolean}
      *   False if swapping isn't permitted, true otherwise.
      */
@@ -814,7 +816,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       // Do not allow transfering a private tab to a non-private window
       // and vice versa.
       if (
-@@ -6491,6 +6693,7 @@
+@@ -6555,6 +6759,7 @@
       // fire the beforeunload event in the process.  Close the other
       // window if this was its last tab.
       if (
@@ -822,7 +824,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
         !remoteBrowser._beginRemoveTab(aOtherTab, {
           adoptedByTab: aOurTab,
           closeWindowWithLastTab: true,
-@@ -6502,7 +6705,7 @@
+@@ -6566,7 +6771,7 @@
       // If this is the last tab of the window, hide the window
       // immediately without animation before the docshell swap, to avoid
       // about:blank being painted.
@@ -831,7 +833,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       if (closeWindow) {
         let win = aOtherTab.documentGlobal;
         win.windowUtils.suppressAnimation(true);
-@@ -6636,11 +6839,13 @@
+@@ -6700,11 +6905,13 @@
       }
       // Finish tearing down the tab that's going away.
@@ -845,7 +847,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       this.setTabTitle(aOurTab);
-@@ -6860,10 +7065,10 @@
+@@ -6928,10 +7135,10 @@
       SessionStore.deleteCustomTabValue(aTab, "hiddenBy");
     }
@@ -858,7 +860,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
         aTab.selected ||
         aTab.closing ||
         // Tabs that are sharing the screen, microphone or camera cannot be hidden.
-@@ -6923,7 +7128,8 @@
+@@ -6991,7 +7198,8 @@
      * @param {object} [aOptions={}]
      *   Key-value pairs that will be serialized into the features string.
      */
@@ -868,7 +870,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       if (this.tabs.length == 1) {
         return null;
       }
-@@ -6940,7 +7146,7 @@
+@@ -7008,7 +7216,7 @@
       // tell a new window to take the "dropped" tab
       let args = Cc["@mozilla.org/array;1"].createInstance(Ci.nsIMutableArray);
       args.appendElement(aTab.splitview ?? aTab);
@@ -877,7 +879,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
         private: PrivateBrowsingUtils.isWindowPrivate(window),
         features: Object.entries(aOptions)
           .map(([key, value]) => `${key}=${value}`)
-@@ -6948,6 +7154,8 @@
+@@ -7016,6 +7224,8 @@
         openerWindow: window,
         args,
       });
@@ -886,7 +888,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
     }
     /**
-@@ -7074,7 +7282,7 @@
+@@ -7142,7 +7352,7 @@
      *   `true` if element is a `<tab-group>`
      */
     isTabGroup(element) {
@@ -895,7 +897,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
     }
     /**
-@@ -7146,8 +7354,8 @@
+@@ -7214,8 +7424,8 @@
       }
       // Don't allow mixing pinned and unpinned tabs.
@@ -906,7 +908,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       } else {
         tabIndex = Math.max(tabIndex, this.pinnedTabCount);
       }
-@@ -7193,8 +7401,8 @@
+@@ -7261,8 +7471,8 @@
       this.#handleTabMove(
         element,
         () => {
@@ -917,7 +919,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
             neighbor = neighbor.group;
           }
           if (neighbor?.splitview) {
-@@ -7205,6 +7413,12 @@
+@@ -7273,6 +7483,12 @@
               return;
             }
           }
@@ -930,7 +932,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
           if (movingForwards && neighbor) {
             neighbor.after(element);
-@@ -7278,23 +7492,31 @@
+@@ -7346,23 +7562,31 @@
     ) {
       if (this.isTabGroupLabel(targetElement)) {
         targetElement = targetElement.group;
@@ -968,7 +970,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       } else if (!element.pinned && targetElement && targetElement.pinned) {
         // If the caller asks to move an unpinned element next to a pinned
         // tab, move the unpinned element to be the first unpinned element
-@@ -7307,12 +7529,35 @@
+@@ -7375,12 +7599,35 @@
         //    move the tab group right before the first unpinned tab.
         // 4. Moving a tab group and the first unpinned tab is grouped:
         //    move the tab group right before the first unpinned tab's tab group.
@@ -1005,7 +1007,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       // We want to include the splitview wrapper if it's the targetElement, but
       // not in the case where we want to reverse tabs within the same splitview.
-@@ -7321,6 +7566,7 @@
+@@ -7389,6 +7636,7 @@
       }
       let getContainer = () =>
@@ -1013,7 +1015,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
         element.pinned
           ? this.tabContainer.pinnedTabsContainer
           : this.tabContainer;
-@@ -7329,11 +7575,15 @@
+@@ -7397,11 +7645,15 @@
         element,
         () => {
           if (moveBefore) {
@@ -1030,7 +1032,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
           }
         },
         { metricsContext }
-@@ -7411,11 +7661,15 @@
+@@ -7479,11 +7731,15 @@
      *   The context for the operation for telemetry purposes.
      */
     moveTabToExistingGroup(aTab, aGroup, { metricsContext } = {}) {
@@ -1049,7 +1051,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       }
       if (aTab.group && aTab.group.id === aGroup.id) {
         return;
-@@ -7489,6 +7743,7 @@
+@@ -7557,6 +7813,7 @@
       let state = {
         tabIndex: tab._tPos,
@@ -1057,7 +1059,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       };
       if (tab.visible) {
         state.elementIndex = tab.elementIndex;
-@@ -7527,7 +7782,7 @@
+@@ -7595,7 +7852,7 @@
       let changedSplitView =
         previousTabState.splitViewId != currentTabState.splitViewId;
@@ -1066,7 +1068,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
         tab.dispatchEvent(
           new CustomEvent("TabMove", {
             bubbles: true,
-@@ -7579,6 +7834,10 @@
+@@ -7647,6 +7904,10 @@
       moveActionCallback();
@@ -1077,7 +1079,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       // Clear tabs cache after moving nodes because the order of tabs may have
       // changed.
       this.tabContainer._invalidateCachedTabs();
-@@ -7626,7 +7885,22 @@
+@@ -7694,7 +7955,22 @@
      * @returns {object}
      *    The new tab in the current window, null if the tab couldn't be adopted.
      */
@@ -1101,7 +1103,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       // Swap the dropped tab with a new one we create and then close
       // it in the other window (making it seem to have moved between
       // windows). We also ensure that the tab we create to swap into has
-@@ -7669,6 +7943,8 @@
+@@ -7737,6 +8013,8 @@
       }
       params.skipLoad = true;
       let newTab = this.addWebTab("about:blank", params);
@@ -1110,7 +1112,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       aTab.container.tabDragAndDrop.finishAnimateTabMove();
-@@ -8448,7 +8724,7 @@
+@@ -8516,7 +8794,7 @@
         // preventDefault(). It will still raise the window if appropriate.
         return;
       }
@@ -1119,7 +1121,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       window.focus();
       aEvent.preventDefault();
     }
-@@ -8465,7 +8741,6 @@
+@@ -8533,7 +8811,6 @@
     on_TabGroupCollapse(aEvent) {
       aEvent.target.tabs.forEach(tab => {
@@ -1127,7 +1129,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
       });
     }
-@@ -8819,7 +9094,9 @@
+@@ -8887,7 +9164,9 @@
         let filter = this.#tabFilters.get(tab);
         if (filter) {
@@ -1137,7 +1139,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
           let listener = this.#tabListeners.get(tab);
           if (listener) {
-@@ -9604,6 +9881,7 @@
+@@ -9676,6 +9955,7 @@
             aWebProgress.isTopLevel
           ) {
             this._tab.setAttribute("busy", "true");
@@ -1145,7 +1147,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
             gBrowser._tabAttrModified(this._tab, ["busy"]);
             this._tab._notselectedsinceload = !this._tab.selected;
           }
-@@ -9684,6 +9962,7 @@
+@@ -9756,6 +10036,7 @@
         // known defaults. Note we use the original URL since about:newtab
         // redirects to a prerendered page.
         const shouldRemoveFavicon =
@@ -1153,7 +1155,7 @@ index 39b5babee5942427a82a7a64ad69e1b16efebcc1..32beac13dd4215a16de3a783db6c32da
           !this._browser.mIconURL &&
           !ignoreBlank &&
           !(originalLocation.spec in FAVICON_DEFAULTS);
-@@ -9858,13 +10137,6 @@
+@@ -9930,13 +10211,6 @@
             this._browser.originalURI = aRequest.originalURI;
           }
--- a/src/browser/components/urlbar/UrlbarPrefs-sys-mjs.patch
+++ b/src/browser/components/urlbar/UrlbarPrefs-sys-mjs.patch
@@ -1,8 +1,8 @@
 diff --git a/browser/components/urlbar/UrlbarPrefs.sys.mjs b/browser/components/urlbar/UrlbarPrefs.sys.mjs
-index 89f0d44d462de3d7d0f581d6371606f475443822..0d45ce5f6455e9c7276c54f504906bade5b3d286 100644
+index e48f0295d803ba9eac5ab9d01ebb3b3dacbc9d4b..cb78b74230f63a47479404767b5ab5883278dfba 100644
 --- a/browser/components/urlbar/UrlbarPrefs.sys.mjs
 +++ b/browser/components/urlbar/UrlbarPrefs.sys.mjs
-@@ -163,6 +163,9 @@ const PREF_URLBAR_DEFAULTS = /** @type {PreferenceDefinition[]} */ ([
+@@ -161,6 +161,9 @@ const PREF_URLBAR_DEFAULTS = /** @type {PreferenceDefinition[]} */ ([
   // Feature gate pref for flight status suggestions in the urlbar.
   ["flightStatus.featureGate", false],
@@ -12,7 +12,7 @@ index 89f0d44d462de3d7d0f581d6371606f475443822..0d45ce5f6455e9c7276c54f504906bad
   // The minimum prefix length of a flight status keyword the user must type to
   // trigger the suggestion. 0 means the min length should be taken from Nimbus
   // or remote settings.
-@@ -482,6 +485,7 @@ const PREF_URLBAR_DEFAULTS = /** @type {PreferenceDefinition[]} */ ([
+@@ -486,6 +489,7 @@ const PREF_URLBAR_DEFAULTS = /** @type {PreferenceDefinition[]} */ ([
   ["shortcuts.tabs", true],
   ["shortcuts.history", true],
   ["shortcuts.actions", true],
@@ -20,12 +20,12 @@ index 89f0d44d462de3d7d0f581d6371606f475443822..0d45ce5f6455e9c7276c54f504906bad
   // Boolean to determine if the providers defined in `exposureResults`
   // should be displayed in search results. This can be set by a
-@@ -840,6 +844,8 @@ function makeDefaultResultGroups({
+@@ -854,6 +858,8 @@ function makeDefaultResultGroups({
    */
   let rootGroup = {
     children: [
-+      { children: [{ group: lazy.UrlbarUtils.RESULT_GROUP.ZEN_ACTION }] },
+      { children: [{ group: lazy.UrlbarShared.RESULT_GROUP.ZEN_ACTION }] },
-+      { children: [{ group: lazy.UrlbarUtils.RESULT_GROUP.ZEN_WORKSPACE }] },
+      { children: [{ group: lazy.UrlbarShared.RESULT_GROUP.ZEN_WORKSPACE }] },
       // heuristic
       {
         maxResultCount: 1,
--- a/src/browser/components/urlbar/UrlbarProviderHeuristicFallback-sys-mjs.patch
+++ b/src/browser/components/urlbar/UrlbarProviderHeuristicFallback-sys-mjs.patch
@@ -1,8 +1,8 @@
 diff --git a/browser/components/urlbar/UrlbarProviderHeuristicFallback.sys.mjs b/browser/components/urlbar/UrlbarProviderHeuristicFallback.sys.mjs
-index f611d8e44af518aa1adc7505c5021235f55b49de..0eca20cb869626dfa6ace02acc00cad84462d54f 100644
+index cfc232f038cd491db32e0c0ca35622360dd9dec5..4806a725ddefa9d0709020d537eae5464249a294 100644
 --- a/browser/components/urlbar/UrlbarProviderHeuristicFallback.sys.mjs
 +++ b/browser/components/urlbar/UrlbarProviderHeuristicFallback.sys.mjs
-@@ -78,22 +78,26 @@ export class UrlbarProviderHeuristicFallback extends UrlbarProvider {
+@@ -77,22 +77,26 @@ export class UrlbarProviderHeuristicFallback extends UrlbarProvider {
         // Since we can't tell if this is a real URL and whether the user wants
         // to visit or search for it, we provide an alternative searchengine
         // match if the string looks like an alphanumeric origin or an e-mail.
@@ -17,7 +17,7 @@ index f611d8e44af518aa1adc7505c5021235f55b49de..0eca20cb869626dfa6ace02acc00cad8
 -              lazy.UrlUtils.REGEXP_COMMON_EMAIL.test(str))
 -          ) {
 +        let trimmedSearchString = queryContext.trimmedSearchString;
-+        let [searchCandidate] = UrlbarUtils.stripPrefixAndTrim(
+        let [searchCandidate] = lazy.UrlbarShared.stripPrefixAndTrim(
 +          trimmedSearchString,
 +          {
 +            trimSlash: true,
--- a/src/browser/components/urlbar/UrlbarUtils-sys-mjs.patch
+++ b/src/browser/components/urlbar/UrlbarUtils-sys-mjs.patch
@@ -1,41 +1,16 @@
 diff --git a/browser/components/urlbar/UrlbarUtils.sys.mjs b/browser/components/urlbar/UrlbarUtils.sys.mjs
-index 78c76bde00b6b581184cee1cd0e1756e5f2da6a4..94c713470b1240729ef2350d090b0449f3801af4 100644
+index 178cd5e84fda74a28b2de59b671b3399cc28fac4..b03c6e06de4ee9a95dcb4d33d7ac9f0b053be4e1 100644
 --- a/browser/components/urlbar/UrlbarUtils.sys.mjs
 +++ b/browser/components/urlbar/UrlbarUtils.sys.mjs
-@@ -126,6 +126,8 @@ export var UrlbarUtils = {
+@@ -214,6 +214,11 @@ export var UrlbarUtils = {
-     SEMANTIC_HISTORY: "semanticHistory",
+           return UrlbarShared.RESULT_GROUP.HEURISTIC_FALLBACK;
     SUGGESTED_INDEX: "suggestedIndex",
     TAIL_SUGGESTION: "tailSuggestion",
 +    ZEN_ACTION: "zenAction",
 +    ZEN_WORKSPACE: "zenWorkspace",
   }),
   // Defines provider types.
@@ -274,6 +276,14 @@ export var UrlbarUtils = {
         telemetryLabel: "actions",
         uiLabel: "urlbar-searchmode-actions3",
       },
 +      {
 +        source: UrlbarShared.RESULT_SOURCE.WORKSPACES,
 +        restrict: UrlbarShared.RESTRICT_TOKENS.WORKSPACE,
 +        icon: "chrome://browser/skin/zen-icons/selectable/layers.svg",
 +        pref: "shortcuts.workspaces",
 +        telemetryLabel: "workspaces",
 +        uiLabel: "urlbar-search-mode-workspaces",
 +      },
     ]);
   },
@@ -566,6 +576,12 @@ export var UrlbarUtils = {
           return this.RESULT_GROUP.HEURISTIC_FALLBACK;
         case "UrlbarProviderHistoryUrlHeuristic":
-           return this.RESULT_GROUP.HEURISTIC_HISTORY_URL;
+           return UrlbarShared.RESULT_GROUP.HEURISTIC_HISTORY_URL;
 +        case "ZenUrlbarProviderGlobalActions":
 +          if (result.source == UrlbarShared.RESULT_SOURCE.WORKSPACES) {
-+            return this.RESULT_GROUP.ZEN_WORKSPACE;
+            return UrlbarShared.RESULT_GROUP.ZEN_WORKSPACE;
 +          } else {
 +            return this.RESULT_GROUP.ZEN_ACTION;
 +          }
 +          return UrlbarShared.RESULT_GROUP.ZEN_ACTION;
         case "UrlbarProviderOmnibox":
-           return this.RESULT_GROUP.HEURISTIC_OMNIBOX;
+           return UrlbarShared.RESULT_GROUP.HEURISTIC_OMNIBOX;
         case "UrlbarProviderRestrictKeywordsAutofill":
--- a/src/browser/components/urlbar/content/UrlbarChildController-mjs.patch
+++ b/src/browser/components/urlbar/content/UrlbarChildController-mjs.patch
@@ -1,8 +1,8 @@
 diff --git a/browser/components/urlbar/content/UrlbarChildController.mjs b/browser/components/urlbar/content/UrlbarChildController.mjs
-index a8e9d3093d046612650a17970330a8279f55833f..063a3e8adf009d6c0ddc60430bc0e7485e812b8a 100644
+index a17a4de079b69d2818388b33a2c1746cc6148c73..4fee63a22919972af08716db2d2de1c7549ff100 100644
 --- a/browser/components/urlbar/content/UrlbarChildController.mjs
 +++ b/browser/components/urlbar/content/UrlbarChildController.mjs
-@@ -258,7 +258,6 @@ export class UrlbarChildController {
+@@ -438,7 +438,6 @@ export class UrlbarChildController {
     const isMac = AppConstants.platform == "macosx";
     // Handle readline/emacs-style navigation bindings on Mac.
     if (
@@ -10,7 +10,7 @@ index a8e9d3093d046612650a17970330a8279f55833f..063a3e8adf009d6c0ddc60430bc0e748
       this.view.isOpen &&
       event.ctrlKey &&
       (event.key == "n" || event.key == "p")
-@@ -450,6 +449,8 @@ export class UrlbarChildController {
+@@ -630,6 +629,8 @@ export class UrlbarChildController {
             });
           }
           event.preventDefault();
@@ -19,3 +19,25 @@ index a8e9d3093d046612650a17970330a8279f55833f..063a3e8adf009d6c0ddc60430bc0e748
         }
         break;
       }
@@ -934,6 +935,10 @@ export class UrlbarChildController {
       }
       reuseEmpty = true;
     }
 +    if (this.#input.hasAttribute?.("zen-newtab")) {
 +      where = "tab";
 +      reuseEmpty = true;
 +    }
     // The browser window exists only in chrome; a content-process input has no
     // tab to reuse, so `gBrowser` is absent and the reuse is skipped.
     if (
@@ -943,6 +948,10 @@ export class UrlbarChildController {
     ) {
       where = "current";
     }
 +    if (this.window.gBrowser?.selectedTab.hasAttribute("zen-empty-tab")) {
 +      // Always open in a new tab if the current tab is our empty tab.
 +      return "tab";
 +    }
     return where;
   }
--- a/src/browser/components/urlbar/content/UrlbarInput-mjs.patch
+++ b/src/browser/components/urlbar/content/UrlbarInput-mjs.patch
@@ -1,8 +1,8 @@
 diff --git a/browser/components/urlbar/content/UrlbarInput.mjs b/browser/components/urlbar/content/UrlbarInput.mjs
-index e7e9495e56076cd112beafb8297dece4ae4cea58..95e4333866a5f0d41fbdbe23910c396406a247e9 100644
+index 319fb6870ec18d87b9f1263bd960edaa39b0447c..554cc90fb2307450ddc68033968cefd1a95e28b8 100644
 --- a/browser/components/urlbar/content/UrlbarInput.mjs
 +++ b/browser/components/urlbar/content/UrlbarInput.mjs
-@@ -101,6 +101,13 @@ const lazy = XPCOMUtils.declareLazy({
+@@ -88,6 +88,13 @@ const lazy = XPCOMUtils.declareLazy({
   logger: () => UrlbarShared.getLogger({ prefix: "Input" }),
 });
@@ -16,7 +16,7 @@ index e7e9495e56076cd112beafb8297dece4ae4cea58..95e4333866a5f0d41fbdbe23910c3964
 const UNLIMITED_MAX_RESULTS = 99;
 let getBoundsWithoutFlushing = element =>
-@@ -769,7 +776,16 @@ ${
+@@ -771,7 +778,16 @@ ${
     // See _on_select().  HTMLInputElement.select() dispatches a "select"
     // event but does not set the primary selection.
     this._suppressPrimaryAdjustment = true;
@@ -33,7 +33,7 @@ index e7e9495e56076cd112beafb8297dece4ae4cea58..95e4333866a5f0d41fbdbe23910c3964
     this._suppressPrimaryAdjustment = false;
   }
-@@ -843,6 +859,10 @@ ${
+@@ -846,6 +862,10 @@ ${
     hideSearchTerms = false,
     isSameDocument = false,
   } = {}) {
@@ -44,7 +44,7 @@ index e7e9495e56076cd112beafb8297dece4ae4cea58..95e4333866a5f0d41fbdbe23910c3964
     if (!this.#isAddressbar) {
       throw new Error(
         "Cannot set URI for UrlbarInput that is not an address bar"
-@@ -1137,7 +1157,16 @@ ${
+@@ -1143,7 +1163,16 @@ ${
       this.searchModeSwitcher?.updateSearchIcon();
     }
@@ -61,7 +61,7 @@ index e7e9495e56076cd112beafb8297dece4ae4cea58..95e4333866a5f0d41fbdbe23910c3964
   }
   /**
-@@ -1626,7 +1655,11 @@ ${
+@@ -1726,7 +1755,11 @@ ${
     openParams.avoidBrowserFocus = keepViewOpen;
     if (!this.#providesSearchMode(result) && !keepViewOpen) {
@@ -74,7 +74,7 @@ index e7e9495e56076cd112beafb8297dece4ae4cea58..95e4333866a5f0d41fbdbe23910c3964
     }
     if (isCanonized) {
-@@ -2974,6 +3007,42 @@ ${
+@@ -3016,6 +3049,42 @@ ${
     await this.#updateLayoutBreakoutDimensions();
   }
@@ -117,7 +117,7 @@ index e7e9495e56076cd112beafb8297dece4ae4cea58..95e4333866a5f0d41fbdbe23910c3964
   startLayoutExtend() {
     if (!this.#allowBreakout || this.hasAttribute("breakout-extend")) {
       // Do not expand if the Urlbar does not support being expanded or it is
-@@ -2988,6 +3057,13 @@ ${
+@@ -3030,6 +3099,13 @@ ${
     this.toggleAttribute("breakout-extend", true);
     this.#updateTextboxPosition();
@@ -131,7 +131,7 @@ index e7e9495e56076cd112beafb8297dece4ae4cea58..95e4333866a5f0d41fbdbe23910c3964
     // Enable the animation only after the first extend call to ensure it
     // doesn't run when opening a new window.
     if (!this.hasAttribute("breakout-extend-animate")) {
-@@ -3011,6 +3087,29 @@ ${
+@@ -3053,6 +3129,29 @@ ${
       return;
     }
@@ -161,7 +161,7 @@ index e7e9495e56076cd112beafb8297dece4ae4cea58..95e4333866a5f0d41fbdbe23910c3964
     this.toggleAttribute("breakout-extend", false);
     this.#updateTextboxPosition();
   }
-@@ -3049,7 +3148,7 @@ ${
+@@ -3091,7 +3190,7 @@ ${
     forceUnifiedSearchButtonAvailable = false
   ) {
     let prevState = this.getAttribute("pageproxystate");
@@ -170,7 +170,7 @@ index e7e9495e56076cd112beafb8297dece4ae4cea58..95e4333866a5f0d41fbdbe23910c3964
     this.setAttribute("pageproxystate", state);
     this._inputContainer.setAttribute("pageproxystate", state);
     this._identityBox?.setAttribute("pageproxystate", state);
-@@ -3332,10 +3431,12 @@ ${
+@@ -3355,10 +3454,12 @@ ${
     }
     this.style.top = px(
@@ -183,7 +183,7 @@ index e7e9495e56076cd112beafb8297dece4ae4cea58..95e4333866a5f0d41fbdbe23910c3964
     );
   }
-@@ -3394,9 +3495,10 @@ ${
+@@ -3417,9 +3518,10 @@ ${
           return;
         }
@@ -193,9 +193,9 @@ index e7e9495e56076cd112beafb8297dece4ae4cea58..95e4333866a5f0d41fbdbe23910c3964
 -          px(getBoundsWithoutFlushing(this.parentNode).height)
 +          px(getBoundsWithoutFlushing(this.parentNode).height + 8)
         );
-         this.style.setProperty(
+ 
-           "--urlbar-height",
+         if (this.#breakoutBlockerCount) {
-@@ -3902,6 +4004,7 @@ ${
+@@ -3929,6 +4031,7 @@ ${
   }
   _toggleActionOverride(event) {
@@ -203,47 +203,33 @@ index e7e9495e56076cd112beafb8297dece4ae4cea58..95e4333866a5f0d41fbdbe23910c3964
     if (
       event.keyCode == KeyEvent.DOM_VK_SHIFT ||
       event.keyCode == KeyEvent.DOM_VK_ALT ||
-@@ -4014,8 +4117,8 @@ ${
+@@ -4027,9 +4130,10 @@ ${
     if (!this.#isAddressbar) {
       return val;
     }
-    let trimmedValue = lazy.UrlbarPrefs.get("trimURLs")
+-    let trimmedValue = UrlbarPrefs.get("trimURLs")
 -      ? lazy.BrowserUIUtils.trimURL(val)
-+    let trimmedValue = lazy.UrlbarPrefs.get("trimURLs") && this._zenTrimURL
+-      : val;
-+      ? this._zenTrimURL(val)
+    let trimmedValue =
-       : val;
+      UrlbarPrefs.get("trimURLs") && this._zenTrimURL
 +        ? this._zenTrimURL(val)
 +        : val;
     // Only trim value if the directionality doesn't change to RTL and we're not
     // showing a strikeout https protocol.
-@@ -4317,6 +4420,7 @@ ${
+     return this.controller.isTextDirectionRTL(trimmedValue) ||
-     browser = this.window.gBrowser.selectedBrowser,
+@@ -4235,6 +4339,11 @@ ${
-     keepViewOpen = false
+     keepViewOpen = false,
-   ) {
+     browserId = null,
-+    openUILinkWhere = this.window.gZenUIManager.getOpenUILinkWhere(url, browser, openUILinkWhere);
+   }) {
-     if (this.#isAddressbar) {
+    where = this.window.gZenUIManager.getOpenUILinkWhere(
-       this.#prepareAddressbarLoad(
+      url,
-         url,
+      this.window.gBrowser.selectedBrowser,
-@@ -4430,6 +4534,10 @@ ${
+      where
-       }
+    );
-       reuseEmpty = true;
+     let userTypedValue;
-     }
+     if (this.#isAddressbar && where == "current") {
-+    if (this.hasAttribute("zen-newtab")) {
+       // Make sure URL is formatted properly (don't show punycode).
-+      where = "tab";
+@@ -4576,6 +4685,7 @@ ${
 +      reuseEmpty = true;
 +    }
     if (
       where == "tab" &&
       reuseEmpty &&
@@ -4437,6 +4545,9 @@ ${
     ) {
       where = "current";
     }
 +    if (this.window.gBrowser.selectedTab.hasAttribute("zen-empty-tab")) {
 +      return "tab"; // Always open in a new tab if the current tab is "our empty tab".
 +    }
     return where;
   }
@@ -4691,6 +4802,7 @@ ${
       this.setResultForCurrentValue(null);
       this.handleCommand();
       this.controller.clearLastQueryContextCache();
@@ -251,7 +237,7 @@ index e7e9495e56076cd112beafb8297dece4ae4cea58..95e4333866a5f0d41fbdbe23910c3964
       this._suppressStartQuery = false;
     });
-@@ -4698,7 +4810,6 @@ ${
+@@ -4583,7 +4693,6 @@ ${
     contextMenu.addEventListener("popupshowing", () => {
       // Close the results pane when the input field contextual menu is open,
       // because paste and go doesn't want a result selection.
@@ -259,7 +245,7 @@ index e7e9495e56076cd112beafb8297dece4ae4cea58..95e4333866a5f0d41fbdbe23910c3964
       let controller =
         this.document.commandDispatcher.getControllerForCommand("cmd_paste");
-@@ -4979,7 +5090,11 @@ ${
+@@ -4850,7 +4959,11 @@ ${
     if (!engineName && !source && !this.hasAttribute("searchmode")) {
       return;
     }
@@ -272,7 +258,7 @@ index e7e9495e56076cd112beafb8297dece4ae4cea58..95e4333866a5f0d41fbdbe23910c3964
     if (this._searchModeIndicatorTitle) {
       this._searchModeIndicatorTitle.textContent = "";
       this._searchModeIndicatorTitle.removeAttribute("data-l10n-id");
-@@ -5297,6 +5412,7 @@ ${
+@@ -5149,6 +5262,7 @@ ${
     this.document.l10n.setAttributes(
       this.inputField,
@@ -280,20 +266,20 @@ index e7e9495e56076cd112beafb8297dece4ae4cea58..95e4333866a5f0d41fbdbe23910c3964
       l10nId,
       l10nId == "urlbar-placeholder-with-name"
         ? { name: engineName }
-@@ -5347,6 +5463,12 @@ ${
+@@ -5199,6 +5313,12 @@ ${
     }
     lazy.logger.debug("Blur Event");
 +    if (
 +      this.document.commandDispatcher.focusedElement == this.inputField &&
-+      !lazy.UrlbarPrefs.get("closeOnWindowBlur")
+      !UrlbarPrefs.get("closeOnWindowBlur")
 +    ) {
 +      return;
 +    }
     // We cannot count every blur events after a missed engagement as abandoment
     // because the user may have clicked on some view element that executes
     // a command causing a focus change. For example opening preferences from
-@@ -5424,6 +5546,11 @@ ${
+@@ -5276,6 +5396,11 @@ ${
   }
   _on_click(event) {
@@ -305,7 +291,7 @@ index e7e9495e56076cd112beafb8297dece4ae4cea58..95e4333866a5f0d41fbdbe23910c3964
     switch (event.target) {
       case this.inputField:
       case this._inputContainer:
-@@ -5513,10 +5640,11 @@ ${
+@@ -5371,10 +5496,11 @@ ${
       }
       if (untrim) {
         this.setValue(this._untrimmedValue);
@@ -318,7 +304,7 @@ index e7e9495e56076cd112beafb8297dece4ae4cea58..95e4333866a5f0d41fbdbe23910c3964
       this.view.autoOpen({ event });
     } else {
       if (this._untrimOnFocusAfterKeydown) {
-@@ -5556,9 +5684,16 @@ ${
+@@ -5414,9 +5540,16 @@ ${
   }
   _on_mousedown(event) {
@@ -336,7 +322,7 @@ index e7e9495e56076cd112beafb8297dece4ae4cea58..95e4333866a5f0d41fbdbe23910c3964
         if (
           event.composedTarget != this.inputField &&
           event.composedTarget != this._inputContainer
-@@ -5568,6 +5703,10 @@ ${
+@@ -5426,6 +5559,10 @@ ${
         this.focusedViaMousedown = !this.focused;
         this.#preventClickSelectsAll = this.focused;
@@ -347,7 +333,7 @@ index e7e9495e56076cd112beafb8297dece4ae4cea58..95e4333866a5f0d41fbdbe23910c3964
         // Keep the focus status, since the attribute may be changed
         // upon calling this.focus().
-@@ -5605,7 +5744,7 @@ ${
+@@ -5463,7 +5600,7 @@ ${
         // view open on tab switch, and the TabSelect event arrived earlier.
         // Also ignore mousedown on the urlbarView context menu: opening/closing the
         // view is already handled by the result opening flow.
@@ -356,12 +342,12 @@ index e7e9495e56076cd112beafb8297dece4ae4cea58..95e4333866a5f0d41fbdbe23910c3964
           break;
         }
-@@ -5894,7 +6033,7 @@ ${
+@@ -5754,7 +5891,7 @@ ${
     // When we are in actions search mode we can show more results so
     // increase the limit.
     let maxResults =
 -      this.searchMode?.source != UrlbarShared.RESULT_SOURCE.ACTIONS
 +      this.searchMode?.source != UrlbarShared.RESULT_SOURCE.ZEN_ACTIONS
-         ? lazy.UrlbarPrefs.get("maxRichResults")
+         ? UrlbarPrefs.get("maxRichResults")
         : UNLIMITED_MAX_RESULTS;
     let options = {
--- a/src/browser/components/urlbar/content/UrlbarShared-mjs.patch
+++ b/src/browser/components/urlbar/content/UrlbarShared-mjs.patch
@@ -1,8 +1,8 @@
 diff --git a/browser/components/urlbar/content/UrlbarShared.mjs b/browser/components/urlbar/content/UrlbarShared.mjs
-index 5b45afb747bfcdbd06782186737669aa2c4c634d..f68bd009f70415b5fb513abdfe19b4427ceefbfc 100644
+index 4e67dad66ae006842abc6eed547e4a244320d57a..393b61b4d2543c73e60afd334a353f36119ae73e 100644
 --- a/browser/components/urlbar/content/UrlbarShared.mjs
 +++ b/browser/components/urlbar/content/UrlbarShared.mjs
-@@ -47,6 +47,7 @@ export const UrlbarShared = {
+@@ -100,6 +100,7 @@ export const UrlbarShared = {
     // `looksLikeOrigin()` returned `LOOKS_LIKE_ORIGIN.OTHER` for this token.
     // It may or may not be an origin.
     POSSIBLE_ORIGIN_BUT_SEARCH_ALLOWED: 12,
@@ -10,7 +10,7 @@ index 5b45afb747bfcdbd06782186737669aa2c4c634d..f68bd009f70415b5fb513abdfe19b442
   }),
   /**
-@@ -67,6 +68,7 @@ export const UrlbarShared = {
+@@ -120,6 +121,7 @@ export const UrlbarShared = {
     TITLE: "#",
     URL: "$",
     ACTION: ">",
@@ -18,7 +18,7 @@ index 5b45afb747bfcdbd06782186737669aa2c4c634d..f68bd009f70415b5fb513abdfe19b442
   }),
   // Defines UrlbarResult types.
-@@ -112,6 +114,8 @@ export const UrlbarShared = {
+@@ -165,6 +167,8 @@ export const UrlbarShared = {
     OTHER_NETWORK: 6,
     ADDON: 7,
     ACTIONS: 8,
@@ -26,9 +26,33 @@ index 5b45afb747bfcdbd06782186737669aa2c4c634d..f68bd009f70415b5fb513abdfe19b442
 +    WORKSPACES: 10,
   }),
-   /**
+   // Results are categorized into groups to help the muxer compose them.  See
-@@ -128,6 +132,7 @@ export const UrlbarShared = {
+@@ -200,6 +204,8 @@ export const UrlbarShared = {
-     if (lazy.UrlbarPrefs.get("scotchBonnet.enableOverride")) {
+     SEMANTIC_HISTORY: "semanticHistory",
     SUGGESTED_INDEX: "suggestedIndex",
     TAIL_SUGGESTION: "tailSuggestion",
 +    ZEN_ACTION: "zenAction",
 +    ZEN_WORKSPACE: "zenWorkspace",
   }),
   // Defines provider types.
@@ -385,6 +391,14 @@ export const UrlbarShared = {
         telemetryLabel: "actions",
         uiLabel: "urlbar-searchmode-actions3",
       },
 +      {
 +        source: this.RESULT_SOURCE.WORKSPACES,
 +        restrict: this.RESTRICT_TOKENS.WORKSPACE,
 +        icon: "chrome://browser/skin/zen-icons/selectable/layers.svg",
 +        pref: "shortcuts.workspaces",
 +        telemetryLabel: "workspaces",
 +        uiLabel: "urlbar-search-mode-workspaces",
 +      },
     ]);
   },
@@ -402,6 +416,7 @@ export const UrlbarShared = {
     if (UrlbarPrefs.get("scotchBonnet.enableOverride")) {
       keys.push(this.RESTRICT_TOKENS.ACTION);
     }
 +    keys.push(this.RESTRICT_TOKENS.WORKSPACE);
--- a/src/browser/components/urlbar/content/UrlbarView-mjs.patch
+++ b/src/browser/components/urlbar/content/UrlbarView-mjs.patch
@@ -1,8 +1,8 @@
 diff --git a/browser/components/urlbar/content/UrlbarView.mjs b/browser/components/urlbar/content/UrlbarView.mjs
-index e465806c4ae4fc372d9aa2b71aa7f0e74c65d026..c0b3781901298bedee2736819a93edbf545507a7 100644
+index 9a2c787cfa4d70bd587d49e017075f905c90f626..1c3b341e5d520ec9541c4021aaedce98751b6993 100644
 --- a/browser/components/urlbar/content/UrlbarView.mjs
 +++ b/browser/components/urlbar/content/UrlbarView.mjs
-@@ -803,7 +803,7 @@ export class UrlbarView {
+@@ -822,7 +822,7 @@ export class UrlbarView {
       !this.input.value ||
       this.input.getAttribute("pageproxystate") == "valid"
     ) {
@@ -11,7 +11,7 @@ index e465806c4ae4fc372d9aa2b71aa7f0e74c65d026..c0b3781901298bedee2736819a93edbf
         // Try to reuse the cached top-sites context. If it's not cached, then
         // there will be a gap of time between when the input is focused and
         // when the view opens that can be perceived as flicker.
-@@ -941,10 +941,6 @@ export class UrlbarView {
+@@ -963,10 +963,6 @@ export class UrlbarView {
     }
     // If search mode isn't active, close the view.
@@ -22,7 +22,7 @@ index e465806c4ae4fc372d9aa2b71aa7f0e74c65d026..c0b3781901298bedee2736819a93edbf
     // Search mode is active.  If the one-offs should be shown, make sure they
     // are enabled and show the view.
-@@ -3203,6 +3199,8 @@ export class UrlbarView {
+@@ -3306,6 +3302,8 @@ export class UrlbarView {
       if (row?.hasAttribute("row-selectable")) {
         row?.toggleAttribute("selected", true);
       }
@@ -31,7 +31,7 @@ index e465806c4ae4fc372d9aa2b71aa7f0e74c65d026..c0b3781901298bedee2736819a93edbf
       if (element != row) {
         row?.toggleAttribute("descendant-selected", true);
       }
-@@ -3715,7 +3713,7 @@ export class UrlbarView {
+@@ -3972,7 +3970,7 @@ export class UrlbarView {
   }
   #enableOrDisableRowWrap() {
@@ -40,13 +40,13 @@ index e465806c4ae4fc372d9aa2b71aa7f0e74c65d026..c0b3781901298bedee2736819a93edbf
     this.#rows.toggleAttribute("wrap", wrap);
     this.oneOffSearchButtons?.container.toggleAttribute("wrap", wrap);
   }
-@@ -4144,6 +4142,12 @@ export class UrlbarView {
+@@ -4387,6 +4385,12 @@ export class UrlbarView {
   }
   on_blur() {
 +    if (
 +      this.document.commandDispatcher.focusedElement == this.input.inputField &&
-+      !lazy.UrlbarPrefs.get("closeOnWindowBlur")
+      !UrlbarPrefs.get("closeOnWindowBlur")
 +    ) {
 +      return;
 +    }
--- a/src/browser/installer/windows/nsis/uninstaller-nsi.patch
+++ b/src/browser/installer/windows/nsis/uninstaller-nsi.patch
@@ -1,9 +1,18 @@
 diff --git a/browser/installer/windows/nsis/uninstaller.nsi b/browser/installer/windows/nsis/uninstaller.nsi
 old mode 100755
 new mode 100644
-index becbb0f70c84eb7f2d9bff5a3aedcbb7a78a61cf..05835d2088ab631316a25a9f0728898bd7998d8d
+index becbb0f70c84eb7f2d9bff5a3aedcbb7a78a61cf..a23a8a1b160932368377fc841b501df9355918db
 --- a/browser/installer/windows/nsis/uninstaller.nsi
 +++ b/browser/installer/windows/nsis/uninstaller.nsi
@@ -150,7 +150,7 @@ OutFile "helper.exe"
 !endif
 ShowUnInstDetails nevershow
 -!define URLUninstallSurvey "https://qsurvey.mozilla.com/s3/FF-Desktop-Post-Uninstall?channel=${UpdateChannel}&version=${AppVersion}&osversion="
 +!define URLUninstallSurvey "https://links.zen-browser.app/uninstall-feedback?osversion="
 ; Support for the profile refresh feature
 !define URLProfileRefreshHelp "https://support.mozilla.org/kb/refresh-firefox-reset-add-ons-and-settings"
@@ -516,6 +516,7 @@ Section "Uninstall"
   ${un.RegCleanFileHandler}  ".svg"   "FirefoxHTML-$AppUserModelID"
   ${un.RegCleanFileHandler}  ".webp"  "FirefoxHTML-$AppUserModelID"
--- a/src/browser/themes/linux/browser-css.patch
+++ b/src/browser/themes/linux/browser-css.patch
@@ -1,11 +1,11 @@
 diff --git a/browser/themes/linux/browser.css b/browser/themes/linux/browser.css
-index e735ec80b56e1a2da4bc5bec29136ce60353277b..330ea62d220d9acd96a95a605888839388e97452 100644
+index f276db1d456703493ee713370691352985021708..619ee6724eec1e6a25adcb257af0d02eb7a29d34 100644
 --- a/browser/themes/linux/browser.css
 +++ b/browser/themes/linux/browser.css
@@ -14,7 +14,6 @@
     @media (-moz-gtk-theme-family) {
       --tabs-navbar-separator-style: none;
-       @media (prefers-color-scheme: light) and (not -moz-pref("browser.nova.enabled")) {
+       @media (prefers-color-scheme: light) {
 -        --urlbar-box-background-color: #fafafa;
       }
     }
--- a/src/browser/themes/shared/tabbrowser/content-area-css.patch
+++ b/src/browser/themes/shared/tabbrowser/content-area-css.patch
@@ -1,16 +1,16 @@
 diff --git a/browser/themes/shared/tabbrowser/content-area.css b/browser/themes/shared/tabbrowser/content-area.css
-index 3acdec2b8e043fe27919cfa54e73f4d3c491bfc8..267a1087134464a8193a824a2d7f8ac15ff8ad60 100644
+index 2374ed38bd9361d6c7e1886117099c6761e403b8..72f1f52a13096f19ca4009037ad0cdc880775ff7 100644
 --- a/browser/themes/shared/tabbrowser/content-area.css
 +++ b/browser/themes/shared/tabbrowser/content-area.css
-@@ -157,7 +157,6 @@
+@@ -239,7 +239,6 @@
-   min-height: 0;
+   min-width: 0;
   /* We want to be able to show the frame color behind the clipped radiused corner */
 -  background: var(--tabpanel-background-color);
-   @media -moz-pref("sidebar.revamp") {
+   display: grid;
-     outline: 0.01px solid var(--chrome-content-separator-color);
+   /**
-@@ -216,7 +215,6 @@
+@@ -425,7 +424,6 @@
   }
   browser:is([blank], [pendingpaint]) {
@@ -18,7 +18,7 @@ index 3acdec2b8e043fe27919cfa54e73f4d3c491bfc8..267a1087134464a8193a824a2d7f8ac1
   }
   /* Exclude browsers with smartwindow-content attribute which inherit
-@@ -553,7 +551,7 @@ split-view-footer {
+@@ -865,7 +863,7 @@ split-view-footer {
 .dialogStack {
   z-index: var(--browser-stack-z-index-dialog-stack);
@@ -27,12 +27,12 @@ index 3acdec2b8e043fe27919cfa54e73f4d3c491bfc8..267a1087134464a8193a824a2d7f8ac1
   inset: 0;
   /* --browser-with-dialog set on browser[tabDialogShowing], we want to position the overlay
      only on the top of the <browser> element so it doesn't overlap the DevTools toolbox */
-@@ -718,7 +716,7 @@ split-view-footer {
+@@ -1034,7 +1032,7 @@ split-view-footer {
 .dialogOverlay[topmost="true"],
 #window-modal-dialog::backdrop {
 -  background-color: var(--background-color-overlay);
 +  background-color: light-dark(rgba(255, 255, 255, .3), rgba(0, 0, 0, .3));
- }
+   border-radius: var(--chrome-block-radius);
- .dialogOverlay[hideContent="true"][topmost="true"] {
+   .browserSidebarContainer.responsive-mode & {
--- a/src/browser/themes/shared/tabbrowser/tabs-css.patch
+++ b/src/browser/themes/shared/tabbrowser/tabs-css.patch
@@ -1,17 +1,17 @@
 diff --git a/browser/themes/shared/tabbrowser/tabs.css b/browser/themes/shared/tabbrowser/tabs.css
-index 0820fa040642ee05c2a24f5d2cfa58da5c926647..2d93abcce1729744e5963f1c6ad47f253804576e 100644
+index 61c0b8382c78f63ad9113af55a6236c4a29bc45b..0ab463c768d4fb3f45d22e753f408c46b61c0480 100644
 --- a/browser/themes/shared/tabbrowser/tabs.css
 +++ b/browser/themes/shared/tabbrowser/tabs.css
-@@ -45,7 +45,7 @@
+@@ -46,7 +46,7 @@
   --tab-group-line-thickness: 2px;
   --tab-group-line-toolbar-border-distance: 1px;
   /* Collapsed tabs should be square, so set width to match the min height */
 -  --tab-collapsed-background-width: var(--tab-min-height);
 +  --tab-collapsed-background-width: 48px;
   --tab-collapsed-width: calc(var(--tab-collapsed-background-width) + 2 * var(--tab-inner-inline-margin));
   --tab-collapsed-split-pill-offset: 0px;
   --tab-pinned-min-width-expanded: calc(var(--tab-pinned-expanded-background-width) + 2 * var(--tab-pinned-margin-inline-expanded));
-   --tab-note-icon-end-margin: var(--dimension-4);
+@@ -308,7 +308,6 @@ tab-split-view-wrapper[dragtarget] {
@@ -295,7 +295,6 @@ tab-split-view-wrapper[dragtarget] {
   }
   :root:not([uidensity="compact"], [sidebar-expand-on-hover]) &[pinned] {
@@ -19,7 +19,7 @@ index 0820fa040642ee05c2a24f5d2cfa58da5c926647..2d93abcce1729744e5963f1c6ad47f25
   }
   &:is([selected], [multiselected]) {
-@@ -309,6 +308,7 @@ tab-split-view-wrapper[dragtarget] {
+@@ -322,6 +321,7 @@ tab-split-view-wrapper[dragtarget] {
     border-radius: inherit;
     position: relative;
     overflow: hidden;
@@ -27,7 +27,7 @@ index 0820fa040642ee05c2a24f5d2cfa58da5c926647..2d93abcce1729744e5963f1c6ad47f25
     &::before {
       position: absolute;
-@@ -506,10 +506,6 @@ tab-split-view-wrapper[dragtarget] {
+@@ -519,10 +519,6 @@ tab-split-view-wrapper[dragtarget] {
   @media -moz-pref("browser.tabs.fadeOutUnloadedTabs") {
     &[pending] {
@@ -38,7 +38,7 @@ index 0820fa040642ee05c2a24f5d2cfa58da5c926647..2d93abcce1729744e5963f1c6ad47f25
       opacity: 0.5;
       /* Fade the favicon out */
       transition-property: filter, opacity;
-@@ -525,10 +521,6 @@ tab-split-view-wrapper[dragtarget] {
+@@ -538,10 +534,6 @@ tab-split-view-wrapper[dragtarget] {
   @media -moz-pref("browser.tabs.fadeOutExplicitlyUnloadedTabs") {
     &[pending][discarded] {
@@ -49,7 +49,7 @@ index 0820fa040642ee05c2a24f5d2cfa58da5c926647..2d93abcce1729744e5963f1c6ad47f25
       opacity: 0.5;
       /* Fade the favicon out */
       transition-property: filter, opacity;
-@@ -602,7 +594,7 @@ tab-split-view-wrapper[dragtarget] {
+@@ -615,7 +607,7 @@ tab-split-view-wrapper[dragtarget] {
   }
   #tabbrowser-tabs[orient="vertical"] & {
@@ -58,7 +58,7 @@ index 0820fa040642ee05c2a24f5d2cfa58da5c926647..2d93abcce1729744e5963f1c6ad47f25
   }
   &[crashed] {
-@@ -610,7 +602,7 @@ tab-split-view-wrapper[dragtarget] {
+@@ -623,7 +615,7 @@ tab-split-view-wrapper[dragtarget] {
   }
   #tabbrowser-tabs[orient="vertical"]:not([expanded]) &:not([crashed]),
@@ -67,7 +67,7 @@ index 0820fa040642ee05c2a24f5d2cfa58da5c926647..2d93abcce1729744e5963f1c6ad47f25
     &[soundplaying] {
       list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-playing-small.svg");
     }
-@@ -664,7 +656,7 @@ tab-split-view-wrapper[dragtarget] {
+@@ -677,7 +669,7 @@ tab-split-view-wrapper[dragtarget] {
     }
   }
@@ -76,7 +76,7 @@ index 0820fa040642ee05c2a24f5d2cfa58da5c926647..2d93abcce1729744e5963f1c6ad47f25
   &[crashed] {
     display: revert;
   }
-@@ -824,7 +816,7 @@ tab-split-view-wrapper[dragtarget] {
+@@ -837,7 +829,7 @@ tab-split-view-wrapper[dragtarget] {
       has not been added to root. There are certain scenarios when that attribute is temporarily
       removed from root such as when toggling the sidebar to expand with the toolbar button. */
     #tabbrowser-tabs[orient="horizontal"] &:not([pinned]):not([crashed]),
@@ -85,7 +85,7 @@ index 0820fa040642ee05c2a24f5d2cfa58da5c926647..2d93abcce1729744e5963f1c6ad47f25
       &:is([soundplaying], [muted], [activemedia-blocked]) {
         display: flex;
       }
-@@ -1044,7 +1036,6 @@ tab-split-view-wrapper[dragtarget] {
+@@ -1151,7 +1143,6 @@ tab-split-view-wrapper[dragtarget] {
 .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected]),
 .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected]),
 #tabbrowser-tabs[orient="vertical"] .tabbrowser-tab > .tab-stack > .tab-content[titlechanged]:not([selected]) {
@@ -93,7 +93,7 @@ index 0820fa040642ee05c2a24f5d2cfa58da5c926647..2d93abcce1729744e5963f1c6ad47f25
   background-position: center bottom 6.5px;
   background-size: 4px 4px;
   background-repeat: no-repeat;
-@@ -1797,7 +1788,7 @@ tab-group {
+@@ -1904,7 +1895,7 @@ tab-group {
 }
 #tabbrowser-tabs[orient="vertical"][expanded] {
@@ -102,7 +102,7 @@ index 0820fa040642ee05c2a24f5d2cfa58da5c926647..2d93abcce1729744e5963f1c6ad47f25
   &[movingtab][movingtab-addToGroup]:not([movingtab-group], [movingtab-ungroup]) .tabbrowser-tab:is(:active, [multiselected]) {
     margin-inline-start: var(--space-medium);
   }
-@@ -2351,7 +2342,7 @@ tab-group {
+@@ -2504,7 +2495,7 @@ tab-group {
   }
 }
@@ -111,8 +111,8 @@ index 0820fa040642ee05c2a24f5d2cfa58da5c926647..2d93abcce1729744e5963f1c6ad47f25
 #vertical-tabs-newtab-button {
   appearance: none;
   min-height: var(--tab-min-height);
-@@ -2362,7 +2353,7 @@ tab-group {
+@@ -2524,7 +2515,7 @@ tab-group {
-   margin-inline: var(--tab-inner-inline-margin);
+   }
   #tabbrowser-tabs[orient="vertical"]:not([expanded]) & > .toolbarbutton-text {
 -    display: none;
@@ -120,7 +120,7 @@ index 0820fa040642ee05c2a24f5d2cfa58da5c926647..2d93abcce1729744e5963f1c6ad47f25
   }
   &:hover {
-@@ -2386,7 +2377,7 @@ tab-group {
+@@ -2548,7 +2539,7 @@ tab-group {
  * flex container. #tabs-newtab-button is a child of the arrowscrollbox where
  * we don't want a gap (between tabs), so we have to add some margin.
  */
@@ -129,7 +129,7 @@ index 0820fa040642ee05c2a24f5d2cfa58da5c926647..2d93abcce1729744e5963f1c6ad47f25
   margin-block: var(--tab-margin-block);
 }
-@@ -2576,7 +2567,6 @@ tab-group {
+@@ -2740,7 +2731,6 @@ tab-group {
   &:not([expanded]) {
     .tabbrowser-tab[pinned] {
@@ -137,7 +137,7 @@ index 0820fa040642ee05c2a24f5d2cfa58da5c926647..2d93abcce1729744e5963f1c6ad47f25
     }
     .tab-background {
-@@ -2615,8 +2605,8 @@ tab-group {
+@@ -2779,8 +2769,8 @@ tab-group {
       display: block;
       position: absolute;
       inset: auto;
@@ -148,7 +148,7 @@ index 0820fa040642ee05c2a24f5d2cfa58da5c926647..2d93abcce1729744e5963f1c6ad47f25
       &:-moz-window-inactive {
         background-image:
-@@ -2714,9 +2704,6 @@ tab-group {
+@@ -2878,9 +2868,6 @@ tab-group {
   ~ #tabbrowser-tabs[orient="horizontal"]::before {
     display: flex;
     content: "";
@@ -158,7 +158,7 @@ index 0820fa040642ee05c2a24f5d2cfa58da5c926647..2d93abcce1729744e5963f1c6ad47f25
   }
 }
-@@ -2749,7 +2736,6 @@ toolbar:not(#TabsToolbar) #firefox-view-button {
+@@ -2913,7 +2900,6 @@ toolbar:not(#TabsToolbar) #firefox-view-button {
   list-style-image: url(chrome://global/skin/icons/plus.svg);
 }
--- a/src/browser/themes/shared/urlbar-searchbar-css.patch
+++ b/src/browser/themes/shared/urlbar-searchbar-css.patch
@@ -1,19 +1,19 @@
 diff --git a/browser/themes/shared/urlbar-searchbar.css b/browser/themes/shared/urlbar-searchbar.css
-index 22d624d718a289dd7b84ffc2f04dd35893dfbe95..4f57f7853f3043e3ad01d893aa928b9d2e6f3c16 100644
+index 149f123e26cd79e89432dfeb504ca7218ee04810..7e0e6d981d6c2aa53bc2a76d82d2078419659065 100644
 --- a/browser/themes/shared/urlbar-searchbar.css
 +++ b/browser/themes/shared/urlbar-searchbar.css
@@ -19,8 +19,8 @@
   @media not -moz-pref("browser.nova.enabled") {
-     --urlbar-basic-component-size: calc(var(--urlbar-min-height) - 2 * (var(--urlbar-input-container-border-width) + var(--urlbar-input-container-padding)));
+     --urlbar-basic-component-size: calc(var(--urlbar-height) - 2 * (var(--urlbar-input-container-border-width) + var(--urlbar-input-container-padding)));
-    --urlbar-icon-padding: calc((var(--urlbar-min-height) - 2px /* border */ - 2px /* padding */ - 16px /* icon */) / 2);
+-    --urlbar-icon-padding: calc((var(--urlbar-height) - 2px /* border */ - 2px /* padding */ - 16px /* icon */) / 2);
 -    --urlbar-input-container-padding: round(up, 1px, env(hairline));
-+    --urlbar-icon-padding: calc((var(--urlbar-min-height) - 2px /* border */ - 14px /* icon */) / 2);
+    --urlbar-icon-padding: calc((var(--urlbar-height) - 2px /* border */ - 14px /* icon */) / 2);
 +    --urlbar-input-container-padding: 2px;
   }
   @media (max-width: 770px) {
     --urlbar-container-min-width: 240px;
-@@ -126,7 +126,7 @@ toolbar[inactive="true"] .urlbar,
+@@ -127,7 +127,7 @@ toolbar[inactive="true"] .urlbar,
 .urlbar:not([usertyping]) > .urlbar-input-container > .urlbar-go-button,
 .urlbar:not(#searchbar-new, [focused]) > .urlbar-input-container > .urlbar-go-button,
 #urlbar-revert-button-container {
@@ -22,7 +22,7 @@ index 22d624d718a289dd7b84ffc2f04dd35893dfbe95..4f57f7853f3043e3ad01d893aa928b9d
 }
 /* Document Picture-in-Picture API window */
-@@ -403,6 +403,10 @@ toolbar[inactive="true"] .urlbar,
+@@ -405,6 +405,10 @@ toolbar[inactive="true"] .urlbar,
   .urlbar:not([focused])[textoverflow="left"][domaindir="rtl"] > .urlbar-input-container > .urlbar-input-box > & {
     mask-image: linear-gradient(to right, transparent var(--urlbar-scheme-size), black calc(var(--urlbar-scheme-size) + 3ch));
   }
@@ -33,16 +33,18 @@ index 22d624d718a289dd7b84ffc2f04dd35893dfbe95..4f57f7853f3043e3ad01d893aa928b9d
 }
 #urlbar-scheme {
-@@ -492,10 +496,14 @@ toolbar[inactive="true"] .urlbar,
+@@ -476,10 +480,15 @@ toolbar[inactive="true"] .urlbar,
   }
   .urlbar[breakout][breakout-extend] {
-     height: auto;
+-    margin-left: calc(-1 * var(--urlbar-margin-inline));
 +    align-items: center;
 +    :root:not([zen-single-toolbar='true']) & {
     margin-left: calc(-1 * var(--urlbar-margin-inline));
 +    }
     width: calc(var(--urlbar-width) + 2 * var(--urlbar-margin-inline));
 +    :root:not([zen-single-toolbar="true"]) & {
 +      margin-left: calc(-1 * var(--urlbar-margin-inline));
 +    }
 +
     > .urlbar-input-container {
 +      align-items: center;
       height: var(--urlbar-container-height);
--- a/src/browser/themes/shared/zen-icons/icons.css
+++ b/src/browser/themes/shared/zen-icons/icons.css
@@ -812,7 +812,8 @@
 #toolbar-context-toggle-vertical-tabs,
 #toolbar-context-customize-sidebar,
-#sidebarRevampSeparator {
+#sidebarRevampSeparator,
 .fxa-menu-sign-in-promo-image {
  display: none !important;
 }
--- a/src/external-patches/firefox/allow_backdrop_to_work_on_transparency.patch
+++ b/src/external-patches/firefox/allow_backdrop_to_work_on_transparency.patch
@@ -31,12 +31,13 @@ diff --git a/gfx/webrender_bindings/src/bindings.rs b/gfx/webrender_bindings/src
     // Ensure the WR profiler callbacks are hooked up to the Gecko profiler.
     set_profiler_hooks(Some(&PROFILER_HOOKS));
-@@ -2164,10 +2165,11 @@
+@@ -2164,11 +2165,12 @@
         texture_cache_config,
         reject_software_rasterizer,
         low_quality_pinch_zoom,
         max_shared_surface_size,
         enable_dithering,
         enable_shared_instance_buffer,
 +        opaque_backdrop_fallback,
         ..Default::default()
     };
@@ -73,8 +74,9 @@ diff --git a/gfx/wr/webrender/src/renderer/init.rs b/gfx/wr/webrender/src/render
 +    /// See explanation of `gfx.webrender.opaque-backdrop-fallback`.
 +    pub opaque_backdrop_fallback: bool,
 }
-@@ -277,9 +279,10 @@
+@@ -277,10 +279,11 @@
             enable_instancing: true,
             enable_shared_instance_buffer: false,
             reject_software_rasterizer: false,
             low_quality_pinch_zoom: false,
             max_shared_surface_size: 2048,
@@ -84,12 +86,13 @@ diff --git a/gfx/wr/webrender/src/renderer/init.rs b/gfx/wr/webrender/src/render
     }
 }
-@@ -802,10 +805,11 @@
+@@ -802,11 +805,12 @@
         allocated_native_surfaces: FastHashSet::default(),
         debug_overlay_state: DebugOverlayState::new(),
         buffer_damage_tracker: BufferDamageTracker::default(),
         max_primitive_instance_count,
         enable_instancing: options.enable_instancing,
         use_shared_instance_buffer,
 +        opaque_backdrop_fallback: options.opaque_backdrop_fallback,
         consecutive_oom_frames: 0,
         target_frame_publish_id: None,
@@ -99,11 +102,14 @@ diff --git a/gfx/wr/webrender/src/renderer/init.rs b/gfx/wr/webrender/src/render
 diff --git a/gfx/wr/webrender/src/renderer/mod.rs b/gfx/wr/webrender/src/renderer/mod.rs
 --- a/gfx/wr/webrender/src/renderer/mod.rs
 +++ b/gfx/wr/webrender/src/renderer/mod.rs
-@@ -867,10 +867,12 @@
+@@ -867,13 +867,15 @@
     buffer_damage_tracker: BufferDamageTracker,
     max_primitive_instance_count: usize,
     enable_instancing: bool,
     /// If true, stream instance data into large buffers shared by multiple
     /// draws, rather than allocating a new instance buffer for each draw.
     use_shared_instance_buffer: bool,
 +    opaque_backdrop_fallback: bool,
 +
--- a/src/external-patches/firefox/bug_2011236.patch
+++ b/src/external-patches/firefox/bug_2011236.patch
@@ -137,7 +137,7 @@ diff --git a/docshell/shistory/SessionHistoryEntry.cpp b/docshell/shistory/Sessi
     : mURI(aLoadState->URI()),
       mOriginalURI(aLoadState->OriginalURI()),
       mResultPrincipalURI(aLoadState->ResultPrincipalURI()),
-@@ -59,9 +67,10 @@
+@@ -59,11 +67,12 @@
       mLoadReplace(aLoadState->LoadReplace()),
       mHasUserActivation(aLoadState->HasValidUserGestureActivation()),
       mSharedState(SharedState::Create(
@@ -148,6 +148,8 @@ diff --git a/docshell/shistory/SessionHistoryEntry.cpp b/docshell/shistory/Sessi
 +                                 aLoadState->PolicyContainer()),
           /* FIXME Is this correct? */
           aLoadState->TypeHint())) {
   MOZ_DIAGNOSTIC_ASSERT(!mURI->SchemeIs("javascript"));
   // Pull the upload stream off of the channel instead of the load state, as
@@ -124,11 +133,12 @@
   loadInfo->GetPrincipalToInherit(
--- a/src/external-patches/firefox/css_corner_shape_rendering.patch
+++ b/src/external-patches/firefox/css_corner_shape_rendering.patch
--- a/src/external-patches/manifest.json
+++ b/src/external-patches/manifest.json
@@ -44,13 +44,7 @@
  {
    "type": "phabricator",
    "id": "D320897",
-    "name": "Bug 2011236",
+    "name": "Bug 2011236"
    "replaces": {
      // The upstream patch context includes a MOZ_DIAGNOSTIC_ASSERT that
      // doesn't exist yet in our Firefox version.
      "@@ -59,11 +67,12 @@": "@@ -59,9 +67,10 @@",
      "aLoadState->TypeHint())) {\n   MOZ_DIAGNOSTIC_ASSERT(!mURI->SchemeIs(\"javascript\"));\n \n   // Pull": "aLoadState->TypeHint())) {\n   // Pull"
    }
  },
  {
    "type": "phabricator",
@@ -59,16 +53,6 @@
  },
  {
    "type": "local",
    // CSS corner-shape rendering stack from bug 2047627 (borders),
    // bug 2048908 (box shadows) and bug 2058091 (inset), squashed into a
    // single patch: surfer's revert-then-apply on re-import only works for
    // independently revertible patches, so a stack of separate files fails.
    // Combined revisions, in stack order: D313684, D314332-D314337,
    // D316301-D316304, D317056-D317058. The earlier revisions of these
    // bugs (D306773-D306779, D308243, D311523) already landed in the
    // current Firefox version and are omitted. D314332, D314336, D316301,
    // D316303, D316304, D317057 and D317058 are hand-rebased onto
    // Firefox 154 (the upstream diffs target a newer mozilla-central).
    "path": "firefox/css_corner_shape_rendering.patch"
  }
 ]
--- a/src/layout/style/StyleColor-cpp.patch
+++ b/src/layout/style/StyleColor-cpp.patch
@@ -1,16 +1,16 @@
 diff --git a/layout/style/StyleColor.cpp b/layout/style/StyleColor.cpp
-index bbee32af30f35525730a10d0b242c0e8a8fe4695..a590fff105b30bc96fa7a0d8a8d3b1d5aa997e08 100644
+index f922f7fdacc7e1a14beb8da77b48aef3f6ae0b2b..47d19242baaf2a1f25ee07c6e210c839cc7b5089 100644
 --- a/layout/style/StyleColor.cpp
 +++ b/layout/style/StyleColor.cpp
-@@ -9,6 +9,7 @@
+@@ -8,6 +8,7 @@
- #include "mozilla/dom/BindingDeclarations.h"
+ #include "mozilla/StyleColorInlines.h"
 #include "nsIFrame.h"
 #include "nsStyleStruct.h"
 +#include "mozilla/nsZenBoostsBackend.h"
 #include "nsStyleUtil.h"
 namespace mozilla {
- 
+@@ -98,23 +99,24 @@ StyleAbsoluteColor StyleColor::ResolveColor(
@@ -96,23 +97,24 @@ StyleAbsoluteColor StyleColor::ResolveColor(
 template <>
 nscolor StyleColor::CalcColor(nscolor aColor) const {
@@ -40,7 +40,7 @@ index bbee32af30f35525730a10d0b242c0e8a8fe4695..a590fff105b30bc96fa7a0d8a8d3b1d5
 }
 StyleAbsoluteColor StyleAbsoluteColor::ToColorSpace(
-@@ -120,7 +122,7 @@ StyleAbsoluteColor StyleAbsoluteColor::ToColorSpace(
+@@ -122,7 +124,7 @@ StyleAbsoluteColor StyleAbsoluteColor::ToColorSpace(
   return Servo_ConvertColorSpace(this, aColorSpace);
 }
@@ -49,7 +49,7 @@ index bbee32af30f35525730a10d0b242c0e8a8fe4695..a590fff105b30bc96fa7a0d8a8d3b1d5
   constexpr StyleColorSpace DEST_COLOR_SPACE = StyleColorSpace::Srgb;
   constexpr float MIN = 0.0f;
-@@ -162,11 +164,13 @@ nscolor StyleAbsoluteColor::ToColor() const {
+@@ -164,11 +166,13 @@ nscolor StyleAbsoluteColor::ToColor() const {
     }
   }
--- a/src/layout/svg/SVGImageContext-h.patch
+++ b/src/layout/svg/SVGImageContext-h.patch
@@ -1,5 +1,5 @@
 diff --git a/layout/svg/SVGImageContext.h b/layout/svg/SVGImageContext.h
-index b1f811989697966e30859610f4fc07579d0385ab..f6f4cd5a45fc49b416111d980fab4e612788903e 100644
+index ad833c7c2ee6a4c4984efdb0d59e3576c2d1bc19..36864a34badc0cbfe44d6295798622fd6178f9e3 100644
 --- a/layout/svg/SVGImageContext.h
 +++ b/layout/svg/SVGImageContext.h
@@ -6,6 +6,7 @@
@@ -44,7 +44,7 @@ index b1f811989697966e30859610f4fc07579d0385ab..f6f4cd5a45fc49b416111d980fab4e61
   const Maybe<SVGPreserveAspectRatio>& GetPreserveAspectRatio() const {
     return mPreserveAspectRatio;
   }
-@@ -116,7 +137,11 @@ class SVGImageContext {
+@@ -110,7 +131,11 @@ class SVGImageContext {
     return contextPaintIsEqual && mViewportSize == aOther.mViewportSize &&
            mPreserveAspectRatio == aOther.mPreserveAspectRatio &&
            mColorScheme == aOther.mColorScheme &&
@@ -57,17 +57,17 @@ index b1f811989697966e30859610f4fc07579d0385ab..f6f4cd5a45fc49b416111d980fab4e61
   }
   bool operator!=(const SVGImageContext&) const = default;
-@@ -129,7 +154,8 @@ class SVGImageContext {
+@@ -123,7 +148,8 @@ class SVGImageContext {
-     return HashGeneric(hash, mViewportSize.map(HashSize).valueOr(0),
+     return AddToHash(hash, mViewportSize.map(HashSize).valueOr(0),
-                        mPreserveAspectRatio.map(HashPAR).valueOr(0),
+                      mPreserveAspectRatio.map(HashPAR).valueOr(0),
-                        mColorScheme.map(HashColorScheme).valueOr(0),
+                      mColorScheme.map(HashColorScheme).valueOr(0),
-                       HashLinkParameters(mLinkParameters));
+-                     HashLinkParameters(mLinkParameters));
-+                       HashLinkParameters(mLinkParameters), mZenBoostsAccent,
+                     HashLinkParameters(mLinkParameters), mZenBoostsAccent,
-+                       mZenBoostsComplementaryRotation, mZenBoostsInverted);
+                     mZenBoostsComplementaryRotation, mZenBoostsInverted);
   }
  private:
-@@ -167,6 +193,9 @@ class SVGImageContext {
+@@ -156,6 +182,9 @@ class SVGImageContext {
   Maybe<SVGPreserveAspectRatio> mPreserveAspectRatio;
   Maybe<ColorScheme> mColorScheme;
   StyleLinkParameters mLinkParameters;
--- a/src/toolkit/content/widgets/moz-toggle/moz-toggle-tokens-css.patch
+++ b/src/toolkit/content/widgets/moz-toggle/moz-toggle-tokens-css.patch
@@ -1,5 +1,5 @@
 diff --git a/toolkit/content/widgets/moz-toggle/moz-toggle.tokens.css b/toolkit/content/widgets/moz-toggle/moz-toggle.tokens.css
-index 6247d7a3923a6fedd4ec9911aba309ce565cd498..744e670eccc936dde664aa07df3e87bdcafd5e48 100644
+index c0976c54418a28046802443931042bd285aefbde..2adb18d25edbb8aac4e396fcfc64a4a664607836 100644
 --- a/toolkit/content/widgets/moz-toggle/moz-toggle.tokens.css
 +++ b/toolkit/content/widgets/moz-toggle/moz-toggle.tokens.css
@@ -13,8 +13,8 @@
@@ -11,5 +11,5 @@ index 6247d7a3923a6fedd4ec9911aba309ce565cd498..744e670eccc936dde664aa07df3e87bd
 +    --toggle-background-color-pressed: var(--zen-primary-color);
 +    --toggle-background-color-pressed-hover: var(--zen-colors-hover-bg);
     --toggle-background-color-pressed-active: var(--color-accent-primary-active);
-     --toggle-border-color: var(--border-color-interactive);
+     --toggle-border-color: light-dark(var(--color-gray-70), var(--border-color-interactive));
     --toggle-border-color-hover: var(--toggle-border-color);
--- a/src/widget/cocoa/nsCocoaWindow-h.patch
+++ b/src/widget/cocoa/nsCocoaWindow-h.patch
@@ -1,8 +1,8 @@
 diff --git a/widget/cocoa/nsCocoaWindow.h b/widget/cocoa/nsCocoaWindow.h
-index 312011c1c2ac41e78affecbdef25d72766a7c882..e5865c7d6259f0a3df48edf7a26b1b75a23cdb3a 100644
+index 22a2a7ef3a5e9257c8bb00ba6a55e8d39d2abbd9..6d8353fd11921585f7101f5717bdb3dd8f2a5eae 100644
 --- a/widget/cocoa/nsCocoaWindow.h
 +++ b/widget/cocoa/nsCocoaWindow.h
-@@ -462,6 +462,10 @@ class nsCocoaWindow final : public nsIWidget {
+@@ -461,6 +461,10 @@ class nsCocoaWindow final : public nsIWidget {
   void SetHideTitlebarSeparator(bool) override;
   bool IsMacTitlebarDirectionRTL() override;
   void SetCustomTitlebar(bool) override;
@@ -13,9 +13,9 @@ index 312011c1c2ac41e78affecbdef25d72766a7c882..e5865c7d6259f0a3df48edf7a26b1b75
   void UpdateThemeGeometries(
       const nsTArray<ThemeGeometry>& aThemeGeometries) override;
   void LockAspectRatio(bool aShouldLock) override;
-@@ -672,6 +676,7 @@ class nsCocoaWindow final : public nsIWidget {
+@@ -674,6 +678,7 @@ class nsCocoaWindow final : public nsIWidget {
-   bool mAspectRatioLocked = false;
+   // show (e.g. a window created by detaching a tab from a fullscreen window).
-   bool mIsAlert = false;  // True if this is an non-native alert window.
+   bool mIsInitialFullscreenSuppressed = false;
   bool mWasShown = false;
 +  bool mIsBrowserWindow = false;
--- a/src/widget/gtk/nsDragSessionSource-cpp.patch
+++ b/src/widget/gtk/nsDragSessionSource-cpp.patch
@@ -1,16 +1,16 @@
-diff --git a/widget/gtk/nsDragService.cpp b/widget/gtk/nsDragService.cpp
+diff --git a/widget/gtk/nsDragSessionSource.cpp b/widget/gtk/nsDragSessionSource.cpp
-index f760a6bb887b321376761431886c771f14fd03af..d52110ba52a95ef7c7bfb915e120b8dd636c9448 100644
+index a5f67d700f8c80d513f08cc25405b57cf28a2a9a..58186470bcbb7b1eda34ee20a19e29d540ab052a 100644
--- a/widget/gtk/nsDragService.cpp
+--- a/widget/gtk/nsDragSessionSource.cpp
-+++ b/widget/gtk/nsDragService.cpp
+++ b/widget/gtk/nsDragSessionSource.cpp
-@@ -23,6 +23,7 @@
+@@ -13,6 +13,7 @@
 #include "mozilla/Services.h"
 #include "mozilla/StaticPrefs_widget.h"
 #include "mozilla/WidgetUtils.h"
 #include "mozilla/WidgetUtilsGtk.h"
 +#include "mozilla/nsZenDragAndDrop.h"
 #include "nsAppShell.h"
 #include "nsArrayUtils.h"
 #include "nsCRT.h"
-@@ -2304,11 +2305,15 @@ bool nsDragSession::SetAlphaPixmap(SourceSurface* aSurface,
+@@ -1196,11 +1197,15 @@ bool nsDragSessionSource::SetAlphaPixmap(SourceSurface* aSurface,
       cairo_image_surface_get_stride(surf), SurfaceFormat::B8G8R8A8);
   if (!dt) return false;
--- a/src/zen/common/modules/ZenUIManager.mjs
+++ b/src/zen/common/modules/ZenUIManager.mjs
@@ -543,6 +543,10 @@ window.gZenUIManager = {
      return false;
    }
    if (document.documentElement.hasAttribute("zen-welcome-stage")) {
      return false;
    }
    const shouldOpenURLBar =
      overridePreferance ||
      (gZenVerticalTabsManager._canReplaceNewTab &&
--- a/src/zen/common/styles/zen-omnibox.css
+++ b/src/zen/common/styles/zen-omnibox.css
@@ -20,9 +20,9 @@
  --urlbarview-separator-color: light-dark(hsl(0, 0%, 80%), hsl(0, 0%, 20%));
  --urlbarview-background-color-hover: var(--toolbarbutton-hover-background);
  border-radius: calc(var(--toolbarbutton-border-radius) - 2px);
  height: var(--urlbar-height);
  --urlbarView-results-padding: 10px !important;
  --urlbar-container-height: 48px !important;
  --urlbar-input-container-border: none;
  --urlbar-margin-inline: 5px;
  --urlbar-container-padding: 4px;
@@ -136,6 +136,11 @@
  & #identity-box {
    margin-inline-end: 0 !important;
    &[pageproxystate="invalid"] {
      margin-inline-end: -4px !important;
    }
    &.chromeUI:not([pageproxystate="invalid"]) #identity-icon-box {
      border-radius: 10px !important;
    }
@@ -326,6 +331,7 @@
    order: 2;
  }
  /* stylelint-disable-next-line stylelint-plugin-mozilla/no-has-selector */
  #notification-popup-box:not([open]):not(:has(> [showing="true"])) {
    margin-inline-start: calc(-10px - 2 * var(--urlbar-icon-padding));
    opacity: 0;
@@ -487,6 +493,7 @@
  translate: -50% 0%;
  left: 50% !important;
  /* stylelint-disable-next-line stylelint-plugin-mozilla/no-has-selector */
  #urlbar-container:has(&) {
    border-radius: var(--border-radius-medium);
    background: var(--toolbarbutton-hover-background);
@@ -633,6 +640,7 @@
 #urlbar-label-box,
 #urlbar-search-mode-indicator {
  --urlbar-basic-component-size: 18px;
  background-color: color-mix(in srgb, var(--zen-primary-color) 50%, light-dark(rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.2)) 50%) !important;
  color: white;
  padding: 4px 8px;
--- a/src/zen/common/styles/zen-single-components.css
+++ b/src/zen/common/styles/zen-single-components.css
@@ -502,11 +502,13 @@
      opacity 0.12s ease-in-out;
  }
  /* stylelint-disable-next-line stylelint-plugin-mozilla/no-has-selector */
  .permission-popup-permission-item:hover &::before,
  .permission-popup-boost-item:hover:not(:has(.zen-permission-popup-boost-editor-button:hover)) &::before {
    transform: scale(1.05);
  }
  /* stylelint-disable-next-line stylelint-plugin-mozilla/no-has-selector */
  .permission-popup-permission-item:active:hover &::before,
  .permission-popup-boost-item:active:hover:not(:has(.zen-permission-popup-boost-editor-button:hover)) &::before {
    transform: scale(0.95);
--- a/src/zen/common/styles/zen-theme.css
+++ b/src/zen/common/styles/zen-theme.css
@@ -286,7 +286,7 @@
       * 1. If the native radius - the separation is less than 4px, use 4px.
       * 2. Otherwise, use the the calculated value (inner radius = outer radius - separation).
     */
-      max(5px, calc(var(--zen-border-radius) - var(--zen-element-separation) / 2))
+      max(5px, calc((var(--zen-border-radius) - var(--zen-element-separation) / 2) * var(--zen-squircle-value)))
  );
  /** Other theme-related styles */
--- a/src/zen/common/zenThemeModifier.js
+++ b/src/zen/common/zenThemeModifier.js
@@ -109,7 +109,7 @@
        if (AppConstants.platform == "macosx") {
          const targetRadius = window.matchMedia("(-moz-mac-tahoe-theme)")
            .matches
-            ? 14
+            ? 12
            : 10;
          document.documentElement.style.setProperty(
            "--zen-border-radius",
--- a/src/zen/images/favicons/tuta.svg
+++ b/src/zen/images/favicons/tuta.svg
@@ -3,8 +3,7 @@
   - 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/.
   -->
-<?xml version="1.0" encoding="UTF-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="192" height="192">
 <path d="M0 0 C46.53 0 93.06 0 141 0 C140.31337286 6.17964422 139.55249061 11.27288504 137.70605469 17.05029297 C137.47297387 17.80257864 137.23989305 18.55486431 136.99974918 19.32994652 C136.23144234 21.80315256 135.45168558 24.27258703 134.671875 26.7421875 C134.12437759 28.49738282 133.57765617 30.25282037 133.03166199 32.00848389 C131.87637142 35.71831589 130.71622139 39.42657597 129.55197144 43.13360596 C127.74764855 48.8788063 125.95370897 54.62720979 124.16235352 60.37646484 C123.86778165 61.32180147 123.57320978 62.2671381 123.26971149 63.24112129 C122.67820023 65.13942545 122.08671887 67.03773892 121.49526787 68.93606186 C120.61596105 71.75702774 119.73559404 74.57766091 118.85499573 77.39822388 C113.93371601 93.16794093 109.12231506 108.96839561 104.39160156 124.79638672 C104.15798416 125.57612854 103.92436676 126.35587036 103.68367004 127.15924072 C103.08515835 129.15844483 102.48956633 131.15852242 101.89428711 133.15869141 C101 136 101 136 100 138 C53.47 138 6.94 138 -41 138 C-40.30154873 133.1108411 -39.57595592 129.15411541 -38.15258789 124.53222656 C-37.57916405 122.65642914 -37.57916405 122.65642914 -36.99415588 120.74273682 C-36.57039663 119.37534329 -36.14656076 118.0079735 -35.72265625 116.640625 C-35.27348999 115.1778587 -34.82480765 113.71494372 -34.37657166 112.25189209 C-33.18301778 108.36047716 -31.98331296 104.47098593 -30.78216553 100.58190918 C-29.63602455 96.86810525 -28.49491032 93.15276556 -27.35351562 89.4375 C-24.23585848 79.29161092 -21.11791678 69.14580929 -18 59 C-12.06 39.53 -6.12 20.06 0 0 Z " fill="#C00002" transform="translate(51,54)"/>
 <path d="M0 0 C18.3328319 -0.77792059 36.66127963 -1.35606988 55.00715542 -1.70980167 C63.53040721 -1.87858134 72.04320263 -2.10845198 80.55981445 -2.48950195 C142.46067644 -5.20608208 142.46067644 -5.20608208 159.53827381 9.52021503 C166.76889916 16.3955246 173.28323862 24.18336817 178 33 C178 34.32 178 35.64 178 37 C159.57187597 37.07007601 141.14378652 37.12298126 122.71555805 37.15543652 C114.15904092 37.17090649 105.60260658 37.19199848 97.04614258 37.22631836 C89.58846853 37.25621675 82.13085443 37.27557406 74.67312211 37.28226548 C70.72416302 37.28617701 66.77537545 37.29537225 62.82647133 37.31719017 C59.10909816 37.33756234 55.39196707 37.34383237 51.67454338 37.33932304 C49.66086617 37.34054104 47.64721527 37.35667936 45.63360596 37.3732605 C44.43192276 37.36913651 43.23023956 37.36501251 41.99214172 37.36076355 C40.42831993 37.36491162 40.42831993 37.36491162 38.83290577 37.36914349 C32.93264951 36.60030705 29.62184448 32.77709579 25.875 28.5 C19.58131594 21.47164064 12.89888852 14.86095567 6.14794922 8.2734375 C5.35146973 7.48839844 4.55499023 6.70335937 3.734375 5.89453125 C3.01475586 5.19175049 2.29513672 4.48896973 1.55371094 3.76489258 C0 2 0 2 0 0 Z " fill="#C00002" transform="translate(14,0)"/>
 <path d="M0 0 C3.791582 0.9478955 4.61038031 1.2276371 7.22387695 3.72460938 C7.82742508 4.29610718 8.43097321 4.86760498 9.05281067 5.4564209 C9.69151596 6.0792395 10.33022125 6.70205811 10.98828125 7.34375 C11.65087448 7.98687134 12.31346771 8.62999268 12.99613953 9.29260254 C14.39307302 10.6568359 15.78562095 12.02557232 17.17407227 13.3984375 C19.30020941 15.4879213 21.45839054 17.54016287 23.61914062 19.59375 C24.97349069 20.92491308 26.32577572 22.25818109 27.67578125 23.59375 C28.64902092 24.50368713 28.64902092 24.50368713 29.641922 25.43200684 C32.90021798 28.73979232 33.96335392 30.20963715 34.18457031 34.98071289 C32.79621492 42.01530122 30.50352034 48.87563397 28.37109375 55.71484375 C27.89774106 57.25373642 27.42510459 58.79284955 26.95314026 60.33216858 C25.70895014 64.38330864 24.4551733 68.43141814 23.19927979 72.47894287 C21.95200374 76.50438366 20.71357304 80.53254149 19.47460938 84.56054688 C18.02569311 89.27038853 16.5746843 93.97953307 15.11288452 98.68539429 C12.90227206 105.80473144 10.71371664 112.92808223 8.60595703 120.07861328 C8.0605703 121.91064049 8.0605703 121.91064049 7.50416565 123.77967834 C6.83459768 126.03485094 6.17462453 128.29290282 5.52598572 130.55418396 C5.23389725 131.5321846 4.94180878 132.51018524 4.64086914 133.51782227 C4.39422012 134.36594986 4.14757111 135.21407745 3.89344788 136.08790588 C3.59861008 136.71889694 3.30377228 137.349888 3 138 C2.01 138.33 1.02 138.66 0 139 C0 93.13 0 47.26 0 0 Z " fill="#C00002" transform="translate(0,15)"/>
--- a/src/zen/live-folders/providers/GithubLiveFolder.sys.mjs
+++ b/src/zen/live-folders/providers/GithubLiveFolder.sys.mjs
@@ -26,7 +26,8 @@ export class nsGithubLiveFolderProvider extends nsZenLiveFolderProvider {
      const hasAnyFilterEnabled =
        (this.state.options.authorMe ?? false) ||
        (this.state.options.assignedMe ?? true) ||
-        (this.state.options.reviewRequested ?? false);
+        (this.state.options.reviewRequested ?? false) ||
        (this.state.options.includeDrafts ?? true);
      if (!hasAnyFilterEnabled) {
        return "zen-live-folder-github-no-filter";
--- a/src/zen/spaces/ZenGradientGenerator.mjs
+++ b/src/zen/spaces/ZenGradientGenerator.mjs
@@ -353,7 +353,7 @@ export class nsZenThemePicker extends nsZenMultiWindowFeature {
    // Add elements in a circular pattern, where the center is the center of the wrapper
    for (let i = 0; i < 16; i++) {
      const dot = document.createElement("div");
-      dot.classList.add("zen-theme-picker-texture-dot");
+      dot.classList.add("zen-theme-picker-texture-dot", "no-squircles");
      const position = (i / 16) * Math.PI * 2 + wrapperWidth;
      dot.style.left = `${Math.cos(position) * 50 + 50}%`;
      dot.style.top = `${Math.sin(position) * 50 + 50}%`;
@@ -361,6 +361,7 @@ export class nsZenThemePicker extends nsZenMultiWindowFeature {
    }
    this._textureHandler = document.createElement("div");
    this._textureHandler.id = "PanelUI-zen-gradient-generator-texture-handler";
    this._textureHandler.classList.add("no-squircles");
    this._textureHandler.addEventListener(
      "mousedown",
      this.onTextureHandlerMouseDown.bind(this)
@@ -598,7 +599,7 @@ export class nsZenThemePicker extends nsZenMultiWindowFeature {
        color.position || this.calculateInitialPosition([r, g, b]);
      const dotPad = this.panel.querySelector(".zen-theme-picker-gradient");
-      dot.classList.add("zen-theme-picker-dot");
+      dot.classList.add("zen-theme-picker-dot", "no-squircles");
      dot.style.left = `${x}px`;
      dot.style.top = `${y}px`;
--- a/src/zen/spaces/ZenSpaceCreation.mjs
+++ b/src/zen/spaces/ZenSpaceCreation.mjs
@@ -10,6 +10,7 @@ ChromeUtils.defineLazyGetter(lazy, "l10n", () => {
 class nsZenWorkspaceCreation extends MozXULElement {
  #wasInCollapsedMode = false;
  #urlbarDimmed = false;
  promiseInitialized = new Promise(resolve => {
    this.resolveInitialized = resolve;
@@ -77,16 +78,56 @@ class nsZenWorkspaceCreation extends MozXULElement {
    return this.getAttribute("previous-workspace-id");
  }
-  get elementsToAnimate() {
+  get #spaceSwitchDuration() {
-    return [
+    return (
-      this.querySelector(".zen-workspace-creation-title"),
+      Services.prefs.getIntPref("zen.workspaces.switch-animation-duration") /
-      this.querySelector(".zen-workspace-creation-label").parentElement,
+      1000
-      this.querySelector(".zen-workspace-creation-name-wrapper"),
+    );
-      this.querySelector(".zen-workspace-creation-profile-wrapper"),
+  }
-      this.querySelector(".zen-workspace-creation-edit-theme-button"),
+
-      this.createButton.parentNode,
+  #dimUrlbar() {
-      this.cancelButton,
+    if (this.#urlbarDimmed || !gZenVerticalTabsManager._hasSetSingleToolbar) {
-    ];
+      return;
    }
    this.#urlbarDimmed = true;
    const animation = gZenUIManager.motion.animate(
      gURLBar,
      {
        opacity: [1, 0],
      },
      {
        duration: this.#spaceSwitchDuration,
        type: "spring",
        bounce: 0,
      }
    );
    if (gReduceMotion) {
      animation.complete();
    }
  }
  #restoreUrlbar() {
    if (!this.#urlbarDimmed) {
      return;
    }
    this.#urlbarDimmed = false;
    const animation = gZenUIManager.motion.animate(
      gURLBar,
      {
        opacity: [0, 1],
      },
      {
        duration: this.#spaceSwitchDuration,
        type: "spring",
        bounce: 0,
      }
    );
    if (gReduceMotion) {
      animation.complete();
    }
    animation.then(() => {
      gURLBar.style.removeProperty("opacity");
    });
  }
  connectedCallback() {
@@ -109,10 +150,6 @@ class nsZenWorkspaceCreation extends MozXULElement {
      ".zen-workspace-creation-cancel-button"
    );
    for (const element of this.elementsToAnimate) {
      element.style.opacity = 0;
    }
    this.#wasInCollapsedMode =
      document.documentElement.getAttribute("zen-sidebar-expanded") !== "true";
@@ -128,7 +165,7 @@ class nsZenWorkspaceCreation extends MozXULElement {
      this.handleZenWorkspacesChange.bind(this);
    for (const element of this.parentElement.children) {
-      if (element !== this) {
+      if (element !== this && !element.hidden) {
        element.hidden = true;
        this.#hiddenElements.push(element);
      }
@@ -207,48 +244,15 @@ class nsZenWorkspaceCreation extends MozXULElement {
    document.getElementById("zen-sidebar-splitter").style.pointerEvents =
      "none";
-    gZenUIManager.motion
+    gZenCompactModeManager.getAndApplySidebarWidth({});
-      .animate(
+    this.#dimUrlbar();
-        [gBrowser.tabContainer, gURLBar],
+    this.resolveInitialized();
-        {
+  }
-          opacity: [1, 0],
+
-        },
+  disconnectedCallback() {
-        {
+    if (gZenWorkspaces.creatingWorkspaceId === this.workspaceId) {
-          duration: 0.3,
+      gZenWorkspaces.creatingWorkspaceId = null;
-          type: "spring",
+    }
          bounce: 0,
        }
      )
      .then(() => {
        gBrowser.tabContainer.style.visibility = "collapse";
        if (gZenVerticalTabsManager._hasSetSingleToolbar) {
          document.getElementById("nav-bar").style.visibility = "collapse";
        }
        this.style.visibility = "visible";
        gZenCompactModeManager.getAndApplySidebarWidth({});
        this.resolveInitialized();
        let animation = gZenUIManager.motion.animate(
          this.elementsToAnimate,
          {
            y: [20, 0],
            opacity: [0, 1],
            filter: ["blur(2px)", "blur(0)"],
          },
          {
            duration: 0.6,
            type: "spring",
            bounce: 0,
            delay: gZenUIManager.motion.stagger(0.05, { startDelay: 0.2 }),
          }
        );
        if (gReduceMotion) {
          animation.complete();
        }
        animation.then(() => {
          this.inputName.focus();
          gZenWorkspaces.workspaceElement(this.workspaceId).hidden = false;
        });
      });
  }
  async onCreateButtonCommand() {
@@ -258,7 +262,7 @@ class nsZenWorkspaceCreation extends MozXULElement {
    workspace.containerTabId = this.currentProfile;
    await gZenWorkspaces.saveWorkspace(workspace);
-    await this.#cleanup();
+    this.#cleanup();
    gZenWorkspaces._organizeWorkspaceStripLocations(workspace, true);
    gZenWorkspaces.updateTabsContainers();
@@ -268,6 +272,7 @@ class nsZenWorkspaceCreation extends MozXULElement {
  async onCancelButtonCommand() {
    document.documentElement.removeAttribute("zen-creating-workspace");
    this.#restoreUrlbar();
    await gZenWorkspaces.changeWorkspaceWithID(this.previousWorkspaceId);
  }
@@ -332,34 +337,18 @@ class nsZenWorkspaceCreation extends MozXULElement {
  }
  finishSetup() {
    this.inputName.focus();
    gZenWorkspaces.addChangeListeners(this.handleZenWorkspacesChangeBind, {
      once: true,
    });
  }
  async handleZenWorkspacesChange() {
    this.#cleanup();
    await gZenWorkspaces.removeWorkspace(this.workspaceId);
    await this.#cleanup();
  }
-  async #cleanup() {
+  #cleanup() {
    if (!gReduceMotion) {
      await gZenUIManager.motion.animate(
        this.elementsToAnimate.reverse(),
        {
          y: [0, 20],
          opacity: [1, 0],
          filter: ["blur(0)", "blur(2px)"],
        },
        {
          duration: 0.4,
          type: "spring",
          bounce: 0,
          delay: gZenUIManager.motion.stagger(0.05),
        }
      );
    }
    document.getElementById("zen-sidebar-splitter").style.pointerEvents = "";
    gZenWorkspaces.removeChangeListeners(this.handleZenWorkspacesChangeBind);
@@ -377,41 +366,23 @@ class nsZenWorkspaceCreation extends MozXULElement {
    document.documentElement.removeAttribute("zen-creating-workspace");
    gBrowser.tabContainer.style.visibility = "";
    gBrowser.tabContainer.style.opacity = 0;
    if (gZenVerticalTabsManager._hasSetSingleToolbar) {
      document.getElementById("nav-bar").style.visibility = "";
      gURLBar.style.opacity = 0;
    }
    this.remove();
    this.#restoreUrlbar();
-    const workspace = gZenWorkspaces.getActiveWorkspace();
+    // Give the space back its own contents.
-    gZenWorkspaces._organizeWorkspaceStripLocations(workspace);
+    const revealedElements = this.#hiddenElements;
-    gZenWorkspaces.updateTabsContainers();
+    this.#hiddenElements = [];
-
+    for (const element of revealedElements) {
    await gZenUIManager.motion.animate(
      [gBrowser.tabContainer, gURLBar],
      {
        opacity: [0, 1],
      },
      {
        duration: 0.3,
        type: "spring",
        bounce: 0,
      }
    );
    gBrowser.tabContainer.style.opacity = "";
    if (gZenVerticalTabsManager._hasSetSingleToolbar) {
      gURLBar.style.opacity = "";
    }
    for (const element of this.#hiddenElements) {
      element.hidden = false;
    }
-    this.#hiddenElements = [];
+    // Now that the form is gone the space owns its essentials again.
    const workspace = gZenWorkspaces.getActiveWorkspace();
    gZenWorkspaces._organizeWorkspaceStripLocations(workspace);
    gZenWorkspaces.updateTabsContainers();
    // The essentials slid away when we arrived, slide them back in.
    gZenWorkspaces.restoreEssentialsPosition();
    gZenUIManager.updateTabsToolbar();
  }
 }
--- a/src/zen/spaces/ZenSpaceManager.mjs
+++ b/src/zen/spaces/ZenSpaceManager.mjs
@@ -40,6 +40,13 @@ class nsZenWorkspaces {
  #inChangingWorkspace = false;
  draggedElement = null;
  /**
   * The space currently showing the creation form, if any. It shows the form
   * instead of tabs and essentials, so it never owns an essentials section.
   * Cleared by the form element once it is removed from the DOM.
   */
  creatingWorkspaceId = null;
  #hasInitialized = false;
  #canDebug = Services.prefs.getBoolPref("zen.workspaces.debug", false);
@@ -156,11 +163,28 @@ class nsZenWorkspaces {
        this._invalidateBookmarkContainers();
      };
      Services.obs.addObserver(observerFunction, "workspace-bookmarks-updated");
      const onContainerDeleted = subject => {
        const userContextId = subject?.wrappedJSObject?.userContextId;
        for (const workspace of this.getWorkspaces()) {
          if (workspace.containerTabId === userContextId) {
            workspace.containerTabId = 0;
            this.saveWorkspace(workspace);
          }
        }
      };
      Services.obs.addObserver(
        onContainerDeleted,
        "contextual-identity-deleted"
      );
      window.addEventListener("unload", () => {
        Services.obs.removeObserver(
          observerFunction,
          "workspace-bookmarks-updated"
        );
        Services.obs.removeObserver(
          onContainerDeleted,
          "contextual-identity-deleted"
        );
      });
    }
  }
@@ -328,10 +352,7 @@ class nsZenWorkspaces {
  }
  get shouldAnimateEssentials() {
-    return (
+    return this.containerSpecificEssentials || !!this.creatingWorkspaceId;
      this.containerSpecificEssentials ||
      document.documentElement.hasAttribute("zen-creating-workspace")
    );
  }
  get activeWorkspaceElement() {
@@ -441,9 +462,6 @@ class nsZenWorkspaces {
      workspaceWrapper.active = true;
    }
    if (document.documentElement.hasAttribute("zen-creating-workspace")) {
      workspaceWrapper.hidden = true; // Hide workspace while creating it
    }
    container.appendChild(workspaceWrapper);
    this.#organizeTabsToWorkspaceSections(workspace, workspaceWrapper, tabs);
    workspaceWrapper.checkPinsExistence();
@@ -894,6 +912,9 @@ class nsZenWorkspaces {
    // Wait for the next event loop to ensure that the startup focus logic by
    // firefox has finished doing it's thing.
    setTimeout(() => {
      if (document.documentElement.hasAttribute("zen-welcome-stage")) {
        return;
      }
      if (gZenVerticalTabsManager._canReplaceNewTab && shownEmptyTab) {
        BrowserCommands.openTab();
      } else if (shownEmptyTab || initialTabWasEmpty) {
@@ -1219,7 +1240,7 @@ class nsZenWorkspaces {
    }
  }
-  saveWorkspace(workspaceData) {
+  saveWorkspace(workspaceData, { insertAfterId = null } = {}) {
    if (this.privateWindowOrDisabled) {
      return;
    }
@@ -1227,8 +1248,13 @@ class nsZenWorkspaces {
    const index = workspacesData.findIndex(
      ws => ws.uuid === workspaceData.uuid
    );
    const insertAfterIndex = insertAfterId
      ? workspacesData.findIndex(ws => ws.uuid === insertAfterId)
      : -1;
    if (index !== -1) {
      workspacesData[index] = workspaceData;
    } else if (insertAfterIndex !== -1) {
      workspacesData.splice(insertAfterIndex + 1, 0, workspaceData);
    } else {
      workspacesData.push(workspaceData);
    }
@@ -1409,6 +1435,7 @@ class nsZenWorkspaces {
    const previousWorkspace = this.getActiveWorkspace();
    document.documentElement.setAttribute("zen-creating-workspace", "true");
    await this.createAndSaveWorkspace("Space", undefined, false, 0, {
      insertAfterId: previousWorkspace?.uuid,
      beforeChangeCallback: async workspace => {
        createForm = document.createXULElement("zen-workspace-creation");
        createForm.setAttribute("workspace-id", workspace.uuid);
@@ -1416,7 +1443,18 @@ class nsZenWorkspaces {
          "previous-workspace-id",
          previousWorkspace?.uuid || ""
        );
-        gBrowser.tabContainer.after(createForm);
+        this.creatingWorkspaceId = workspace.uuid;
        const spaceElement = this.workspaceElement(workspace.uuid);
        // No essentials sit above the form, so there's no room to reserve for
        // them. The switch animation needs a value to
        // animate the padding from.
        spaceElement.style.paddingTop = "0px";
        spaceElement.appendChild(createForm);
        // Keep the strip sitting on the previous space so that the new one,
        // together with its creation form, slides in like any other space.
        if (previousWorkspace) {
          this._organizeWorkspaceStripLocations(previousWorkspace, true);
        }
        await createForm.promiseInitialized;
      },
    });
@@ -1786,10 +1824,6 @@ class nsZenWorkspaces {
    justMove = false,
    offsetPixels = 0
  ) {
    if (document.documentElement.hasAttribute("zen-creating-workspace")) {
      // If we are creating a workspace, we don't want to animate the strip
      return;
    }
    this._organizingWorkspaceStrip = true;
    const workspaces = this.getWorkspaces();
    let workspaceIndex = workspaces.findIndex(w => w.uuid === workspace.uuid);
@@ -1810,6 +1844,7 @@ class nsZenWorkspaces {
    }
    const workspaceContextId = workspace.containerTabId;
    const nextWorkspaceContextId = workspaces[nextSpaceIdx]?.containerTabId;
    const isCreatingWorkspace = workspace.uuid === this.creatingWorkspaceId;
    for (const otherWorkspace of workspaces) {
      const element = this.workspaceElement(otherWorkspace.uuid);
      let diff = workspaces.indexOf(otherWorkspace) - workspaceIndex;
@@ -1826,8 +1861,9 @@ class nsZenWorkspaces {
      // Get the next workspace contextId, if it's the same, dont apply offsetPixels
      // if it's not we do apply it
      if (
-        container.getAttribute("container") != workspace.containerTabId &&
+        isCreatingWorkspace ||
-        this.shouldAnimateEssentials
+        (container.getAttribute("container") != workspace.containerTabId &&
          this.shouldAnimateEssentials)
      ) {
        container.setAttribute("hidden", "true");
      } else {
@@ -1902,6 +1938,40 @@ class nsZenWorkspaces {
    delete this._organizingWorkspaceStrip;
  }
  /**
   * Slide the essentials back from wherever a creation form parked them.
   */
  restoreEssentialsPosition() {
    const duration =
      Services.prefs.getIntPref("zen.workspaces.switch-animation-duration") /
      1000;
    for (const container of document.querySelectorAll(
      "#zen-essentials .zen-essentials-container"
    )) {
      const existingTransform = container.style.transform;
      const parkedOffset = parseFloat(existingTransform.split("(")[1]) || 0;
      if (!parkedOffset || gReduceMotion) {
        container.style.removeProperty("transform");
        continue;
      }
      gZenUIManager.motion
        .animate(
          container,
          {
            transform: [existingTransform, "translateX(0%)"],
          },
          {
            type: "spring",
            bounce: 0,
            duration,
          }
        )
        .then(() => {
          container.style.removeProperty("transform");
        });
    }
  }
  updateWorkspaceIndicator(currentWorkspace, workspaceIndicator) {
    if (!workspaceIndicator) {
      return;
@@ -1975,17 +2045,21 @@ class nsZenWorkspaces {
    const isGoingLeft = diff < 0;
    const essentialsAnimData = [];
    if (shouldAnimate && this.shouldAnimateEssentials && previousWorkspace) {
-      const containerIds = new Map();
+      const creatingWorkspaceId = this.creatingWorkspaceId;
      const essentialsElements = new Map();
      for (const workspace of workspaces) {
-        const containerId = workspace.containerTabId;
+        if (workspace.uuid === creatingWorkspaceId) {
-        if (!containerIds.has(containerId)) {
+          continue;
          containerIds.set(containerId, []);
        }
-        containerIds.get(containerId).push(workspace);
+        const element = this.getEssentialsSection(workspace.containerTabId);
        if (!essentialsElements.has(element)) {
          essentialsElements.set(element, []);
        }
        essentialsElements.get(element).push(workspace);
      }
-      for (const [containerId, spaces] of containerIds) {
+      for (const [element, spaces] of essentialsElements) {
        essentialsAnimData.push({
-          element: this.getEssentialsSection(containerId),
+          element,
          workspaces: spaces,
        });
      }
@@ -2126,6 +2200,7 @@ class nsZenWorkspaces {
          existingOffset = currentTransform || (isGoingLeft ? -100 : 100);
          newOffset = 0;
        }
        data.finalOffset = newOffset;
        const newTransform = `translateX(${newOffset}%)`;
        let existingTransform = `translateX(${existingOffset}%)`;
        if (shouldAnimate) {
@@ -2164,6 +2239,12 @@ class nsZenWorkspaces {
    document.documentElement.removeAttribute("animating-background");
    if (shouldAnimate) {
      for (const data of essentialsAnimData) {
        if (this.creatingWorkspaceId && data.finalOffset) {
          // The space being created has no essentials of its own, leave the
          // ones we just slid away parked off screen instead of snapping them
          // back under the creation form.
          continue;
        }
        data.element.style.removeProperty("transform");
      }
      this._alwaysAnimatePaddingTop = true;
@@ -2510,7 +2591,9 @@ class nsZenWorkspaces {
    icon = undefined,
    dontChange = false,
    containerTabId = 0,
-    { beforeChangeCallback } = { beforeChangeCallback: null } // Callback to run before changing workspace
+    // beforeChangeCallback runs before changing workspace, insertAfterId places
    // the new space right after an existing one instead of at the end.
    { beforeChangeCallback = null, insertAfterId = null } = {}
  ) {
    if (!this.workspaceEnabled) {
      return null;
@@ -2531,7 +2614,7 @@ class nsZenWorkspaces {
      this.#createWorkspaceTabsSection(workspaceData, extraTabs);
      this._organizeWorkspaceStripLocations(workspaceData);
    }
-    this.saveWorkspace(workspaceData);
+    this.saveWorkspace(workspaceData, { insertAfterId });
    if (!dontChange) {
      if (beforeChangeCallback) {
        try {
@@ -2653,6 +2736,11 @@ class nsZenWorkspaces {
        workspacesIds.push(originalWorkspaceId);
      }
      for (const workspaceId of workspacesIds) {
        if (workspaceId === this.creatingWorkspaceId) {
          // The space being created shows the creation form instead of its
          // essentials, so it doesn't reserve any room for them.
          continue;
        }
        const workspaceElement = this.workspaceElement(workspaceId);
        const workspaceObject = this.getWorkspaceFromId(workspaceId);
        if (!workspaceElement || !workspaceObject) {
--- a/src/zen/spaces/create-workspace-form.css
+++ b/src/zen/spaces/create-workspace-form.css
@@ -6,9 +6,10 @@
 zen-workspace-creation {
  flex: 1;
-  max-width: calc(var(--zen-sidebar-width) - var(--zen-toolbox-padding));
+  flex-direction: column;
-  padding: 3px;
+  min-height: 0;
-  visibility: collapse;
+  width: 100%;
  padding: 3px var(--zen-toolbox-padding);
  & .zen-workspace-creation {
    justify-content: center;
--- a/src/zen/spaces/zen-workspaces.css
+++ b/src/zen/spaces/zen-workspaces.css
@@ -324,7 +324,10 @@ zen-workspace {
  overflow: hidden;
  color: var(--toolbox-textcolor);
-  --tab-background-color-selected: color-mix(in srgb, light-dark(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.18)) 95%, var(--zen-primary-color)) !important;
+  --tab-background-color-selected: light-dark(
    color-mix(in srgb, rgba(255, 255, 255, 0.8) 98%, var(--zen-primary-color)),
    color-mix(in srgb, rgba(255, 255, 255, 0.18) 95%, var(--zen-primary-color))
  ) !important;
  --tab-box-shadow-selected: 0 0.8px 1.5px 0px light-dark(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.05)) !important;
  --tab-selected-textcolor: color-mix(in srgb, var(--toolbox-textcolor) 95%, var(--zen-primary-color)) !important;
--- a/src/zen/sync/ZenSpacesSync.sys.mjs
+++ b/src/zen/sync/ZenSpacesSync.sys.mjs
@@ -139,7 +139,7 @@ export class ZenSpacesSyncEngine extends SyncEngine {
  }
  get version() {
-    return 1;
+    return 3;
  }
  get syncPriority() {
--- a/src/zen/sync/ZenSpacesSyncApplier.sys.mjs
+++ b/src/zen/sync/ZenSpacesSyncApplier.sys.mjs
@@ -543,6 +543,7 @@ class nsZenSpacesSyncApplier {
      skipBackgroundNotify: true,
      lazyTabTitle: data.title || undefined,
      userContextId,
      skipRoute: true,
    });
    // Setting the sync id before the queued TabOpen handler runs makes
    // window sync treat this tab as already replicated.
--- a/src/zen/sync/ZenSpacesSyncModel.sys.mjs
+++ b/src/zen/sync/ZenSpacesSyncModel.sys.mjs
@@ -181,10 +181,18 @@ class nsZenSpacesSyncModel {
    if (!Number.isSafeInteger(id) || id <= 0) {
      return null;
    }
    const data = this.#data();
    if (!lazy.ContextualIdentityService.getPublicIdentityFromId(id)) {
      // A space or tab still pointing at a container that was deleted.
      if (id in data.containers) {
        delete data.containers[id];
        this.#file.saveSoon();
      }
      return null;
    }
    if (id <= BUILTIN_CONTAINER_MAX) {
      return `${BUILTIN_GUID_PREFIX}${id}`;
    }
    const data = this.#data();
    const existing = data.containers[id];
    if (existing) {
      return existing;
@@ -202,17 +210,27 @@ class nsZenSpacesSyncModel {
    if (typeof guid !== "string" || !guid) {
      return null;
    }
    const data = this.#data();
    for (const [id, mapped] of Object.entries(data.containers)) {
      if (mapped === guid) {
        const contextId = Number(id);
        if (lazy.ContextualIdentityService.getPublicIdentityFromId(contextId)) {
          return contextId;
        }
        delete data.containers[id];
        this.#file.saveSoon();
        return null;
      }
    }
    if (guid.startsWith(BUILTIN_GUID_PREFIX)) {
      const id = Number(guid.slice(BUILTIN_GUID_PREFIX.length));
-      return Number.isSafeInteger(id) && id > 0 && id <= BUILTIN_CONTAINER_MAX
+      return Number.isSafeInteger(id) &&
        id > 0 &&
        id <= BUILTIN_CONTAINER_MAX &&
        lazy.ContextualIdentityService.getPublicIdentityFromId(id)
        ? id
        : null;
    }
    for (const [id, mapped] of Object.entries(this.#data().containers)) {
      if (mapped === guid) {
        return Number(id);
      }
    }
    return null;
  }
@@ -223,9 +241,6 @@ class nsZenSpacesSyncModel {
   * @param {number} userContextId
   */
  registerContainerGuid(guid, userContextId) {
    if (guid.startsWith(BUILTIN_GUID_PREFIX)) {
      return;
    }
    this.#data().containers[userContextId] = guid;
    this.#file.saveSoon();
  }
--- a/src/zen/tabs/zen-tabs/vertical-tabs-topbuttons-fix.css
+++ b/src/zen/tabs/zen-tabs/vertical-tabs-topbuttons-fix.css
@@ -4,6 +4,7 @@
 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
 */
 /* stylelint-disable-next-line stylelint-plugin-mozilla/no-has-selector */
 &:not([zen-compact-animating])
  #zen-sidebar-top-buttons:not(:has(#zen-sidebar-top-buttons-customization-target > *:not(#zen-sidebar-top-buttons-separator), .titlebar-buttonbox-container)) {
  max-height: 0 !important;
--- a/src/zen/tabs/zen-tabs/vertical-tabs.css
+++ b/src/zen/tabs/zen-tabs/vertical-tabs.css
@@ -100,6 +100,7 @@
    width: -moz-available !important;
  }
  /* stylelint-disable-next-line stylelint-plugin-mozilla/no-has-selector */
  & #urlbar-container[breakout="true"]:has(#urlbar[zen-floating-urlbar="true"]) {
    --urlbar-container-height: 36px !important;
    --urlbar-height: 38px !important;
@@ -283,8 +284,12 @@
  --focus-outline-color: transparent;
  @media (-moz-platform: windows) {
    font-size: 14px;
  }
  @media (-moz-platform: macos) {
-    font-size: 1.25rem; /* Slightly larger font on macOS */
+    font-size: 1.25rem;
  }
  --tab-inner-inline-margin: 0;
@@ -319,6 +324,7 @@
      display: none;
    }
    /* stylelint-disable-next-line stylelint-plugin-mozilla/no-has-selector */
    :root:not([zen-renaming-tab="true"])
    #tabbrowser-tabs:not([movingtab])
    &:active:not(:has(.tab-content > image:active)) {
@@ -556,7 +562,7 @@
  }
  & #zen-essentials {
-    --tab-min-height: 44px;
+    --tab-min-height: 46px;
  }
  &[zen-right-side="true"] {
@@ -1147,8 +1153,7 @@
  }
 }
-.tabbrowser-tab[zen-essential="true"],
+.tabbrowser-tab[zen-essential="true"] {
 #zen-welcome-initial-essentials-browser-sidebar-essentials .tabbrowser-tab {
  --toolbarbutton-padding-inner: 0;
  max-width: unset;
  width: 100% !important;
--- a/src/zen/tests/welcome/browser_welcome.js
+++ b/src/zen/tests/welcome/browser_welcome.js
@@ -11,191 +11,195 @@ ChromeUtils.defineESModuleGetters(lazy, {
 /* eslint-disable mozilla/no-arbitrary-setTimeout */
 function wait(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
 }
 function currentPageContent() {
  return document.querySelector(
    "#zen-welcome-page-content > .zen-welcome-page:not([exiting])"
  );
 }
 add_task(async function test_Welcome_Steps() {
  const selectedTab = gBrowser.selectedTab;
-  await new Promise(resolve => {
+  await wait(2000); // Give tons of time for the welcome start button to be clicked
-    setTimeout(async () => {
+  await waitForFocus();
-      await waitForFocus();
+  await EventUtils.synthesizeMouseAtCenter(
-      await EventUtils.synthesizeMouseAtCenter(
+    document.getElementById("zen-welcome-start-button"),
-        document.getElementById("zen-welcome-start-button"),
+    {}
-        {}
+  );
-      );
+  await wait(1500); // Wait for the transition to complete
      setTimeout(() => {
        resolve();
      }, 4000); // Wait for the transition to complete
    }, 2000); // Give tons of time for the welcome start button to be clicked
  });
  ok(true, "Welcome start button clicked successfully");
-  Assert.equal(
+  Assert.notEqual(
    window.windowState,
    window.STATE_MAXIMIZED,
-    "Window should be maximized after clicking the welcome start button"
+    "Window should not be maximized by the welcome screen"
  );
-  const welcomeContent = document.getElementById("zen-welcome-page-content");
+  const backButton = document.getElementById("zen-welcome-back");
-
+  ok(
-  for (const button of document.querySelectorAll(
+    backButton.hasAttribute("disabled"),
-    "#zen-welcome-page-sidebar-buttons button"
+    "Back button should be hidden on the first page"
-  )) {
+  );
-    Assert.notStrictEqual(
+  Assert.equal(
-      getComputedStyle(button).pointerEvents,
+    currentPageContent().querySelectorAll(".zen-welcome-option").length,
-      "none",
+    2,
-      `Button with l10n-id "${button.getAttribute("data-l10n-id")}" should be clickable`
+    "Import page should offer two options"
    );
  }
  await goNextWelcomePage("zen-welcome-skip-button");
  ok(true, "Welcome Import Step Test Finished");
  Assert.greater(
    welcomeContent.children.length,
    0,
    "Welcome page content should have children after clicking next action"
  );
  for (const child of welcomeContent.children) {
    ok(
      child.querySelector("img").getAttribute("src").includes("blob:"),
      "Welcome page content should have an image with a base64 data URL"
    );
  }
  await EventUtils.synthesizeMouseAtCenter(welcomeContent.children[1], {});
  await new Promise(resolve => {
    setTimeout(async () => {
      let engineName = await lazy.SearchService.getDefault();
      const selectedLabel = welcomeContent.children[1];
      ok(
        selectedLabel.querySelector("input").checked,
        "The selected label should be checked"
      );
      Assert.equal(
        engineName.name,
        selectedLabel.querySelector("label").textContent.trim(),
        "The default search engine should match the selected label"
      );
      resolve();
    }, 100); // Wait for the transition to complete
  });
  await goNextWelcomePage("zen-generic-next");
-  ok(true, "Welcome Search Step Test Finished");
+  ok(true, "Welcome Import Step Test Finished");
-  await new Promise(resolve => {
+  ok(
-    setTimeout(async () => {
+    !backButton.hasAttribute("disabled"),
-      const essentials = welcomeContent.querySelector(
+    "Back button should be visible after the first page"
-        "#zen-welcome-initial-essentials-browser-sidebar-essentials"
+  );
-      ).children;
+  await EventUtils.synthesizeMouseAtCenter(backButton, {});
-      Assert.greater(
+  await wait(800);
-        essentials.length,
+  ok(
-        3,
+    backButton.hasAttribute("disabled"),
-        "Welcome page content should have more than 3 essentials after clicking next action"
+    "Going back should return to the first page"
-      );
+  );
-      await EventUtils.synthesizeMouseAtCenter(essentials[0], {});
+  await goNextWelcomePage("zen-generic-next");
      await EventUtils.synthesizeMouseAtCenter(essentials[2], {});
      ok(
        essentials[0].hasAttribute("visuallyselected"),
        "The first essential should be visually selected"
      );
      ok(
        !essentials[1].hasAttribute("visuallyselected"),
        "The second essential should be visually selected"
      );
      ok(
        essentials[2].hasAttribute("visuallyselected"),
        "The third essential should be visually selected"
      );
      const urlsToCheck = [
        essentials[0].getAttribute("data-url"),
        essentials[2].getAttribute("data-url"),
      ];
      for (const url of urlsToCheck) {
        ok(
          url.startsWith("https://"),
          `The URL "${url}" should start with "https://"`
        );
      }
      await goNextWelcomePage("zen-generic-next");
      await new Promise(r => {
        setTimeout(async () => {
          for (const url of urlsToCheck) {
            ok(
              await PlacesUtils.history.hasVisits(url),
              `The URL "${url}" should have visits in history`
            );
          }
          r();
        }, 1000); // Wait for the transition to complete
      });
      resolve();
    }, 1000); // Wait for the transition to complete
  });
  await goNextWelcomePage("zen-generic-next");
  ok(true, "Welcome Theme Step Test Finished");
  let options = currentPageContent().querySelectorAll(".zen-welcome-option");
  Assert.greater(
    options.length,
    0,
    "Search page should list the available engines"
  );
  for (const option of options) {
    ok(
      option.querySelector("img").getAttribute("src").includes("blob:"),
      "Each engine option should have an image with a blob URL"
    );
  }
  await EventUtils.synthesizeMouseAtCenter(options[1], {});
  await wait(100);
  let engineName = await lazy.SearchService.getDefault();
  ok(
    options[1].querySelector("input").checked,
    "The selected option should be checked"
  );
  Assert.equal(
    engineName.name,
    options[1].querySelector(".zen-welcome-option-label").textContent.trim(),
    "The default search engine should match the selected option"
  );
  await goNextWelcomePage("zen-generic-next");
  ok(true, "Welcome Search Step Test Finished");
  const essentials = currentPageContent().querySelectorAll(
    "#zen-welcome-essentials .zen-welcome-essential"
  );
  Assert.greater(
    essentials.length,
    3,
    "Welcome page content should have more than 3 essentials"
  );
  await EventUtils.synthesizeMouseAtCenter(essentials[0], {});
  await EventUtils.synthesizeMouseAtCenter(essentials[2], {});
  ok(
    essentials[0].hasAttribute("selected"),
    "The first essential should be selected"
  );
  ok(
    !essentials[1].hasAttribute("selected"),
    "The second essential should not be selected"
  );
  ok(
    essentials[2].hasAttribute("selected"),
    "The third essential should be selected"
  );
  const urlsToCheck = [essentials[0].dataset.url, essentials[2].dataset.url];
  for (const url of urlsToCheck) {
    ok(
      url.startsWith("https://"),
      `The URL "${url}" should start with "https://"`
    );
  }
  await goNextWelcomePage("zen-generic-next");
  ok(true, "Welcome Essentials Step Test Finished");
  options = currentPageContent().querySelectorAll(".zen-welcome-option");
  Assert.equal(options.length, 2, "Default browser page should have 2 options");
  await EventUtils.synthesizeMouseAtCenter(options[0], {});
  ok(
    options[0].querySelector("input").checked,
    "Clicking the option should check its radio"
  );
  // Don't actually change the default browser in the test.
  await EventUtils.synthesizeMouseAtCenter(options[1], {});
  await goNextWelcomePage("zen-generic-next");
  ok(true, "Welcome Default Browser Step Test Finished");
  await goNextWelcomePage("zen-welcome-start-browsing");
  ok(true, "Welcome Finish Step Test Finished");
-  await new Promise(resolve => {
+  await wait(3000); // Wait for the finish animation to complete
    setTimeout(async () => {
      Assert.greater(
        gBrowser._numZenEssentials,
        3,
        "There should be more than 3 Zen Essentials after the welcome process"
      );
      Assert.equal(
        gBrowser.tabs.filter(
          tab => tab.pinned && !tab.hasAttribute("zen-essential")
        ).length,
        3,
        "There should be 3 pinned tabs after the welcome process"
      );
-      gBrowser.selectedTab = selectedTab;
+  for (const url of urlsToCheck) {
-      const groups = gBrowser.tabGroups;
+    ok(
-      Assert.equal(
+      await PlacesUtils.history.hasVisits(url),
-        groups.length,
+      `The URL "${url}" should have visits in history`
-        1,
+    );
-        "There should be one tab group after the welcome process"
+  }
-      );
+  Assert.equal(
-      const group = groups[0];
+    gBrowser._numZenEssentials,
-      Assert.equal(
+    2,
-        group.tabs.length,
+    "There should be 2 Essentials after the welcome process"
-        3,
+  );
-        "The first tab group should have 3 tabs after the welcome process"
+  Assert.equal(
    gBrowser.tabs.filter(
      tab => tab.pinned && !tab.hasAttribute("zen-essential")
    ).length,
    2,
    "There should be 2 pinned tabs after the welcome process"
  );
  gBrowser.selectedTab = selectedTab;
  const groups = gBrowser.tabGroups;
  Assert.equal(
    groups.length,
    1,
    "There should be one tab group after the welcome process"
  );
  const group = groups[0];
  Assert.equal(
    group.tabs.length,
    2,
    "The first tab group should have 2 tabs after the welcome process"
  );
  Assert.equal(
    group.label,
    "zen basics",
    'The first tab group should be labeled "zen basics" after the welcome process'
  );
  for (const tab of gBrowser.tabs) {
    if (tab.hasAttribute("zen-empty-tab")) {
      continue;
    }
    if (tab.pinned && !tab.hasAttribute("zen-essential")) {
      ok(
        tab.hasAttribute("zen-workspace-id"),
        "Pinned tabs should have a zen-workspace-id attribute"
      );
      Assert.equal(
-        group.label,
+        tab.group,
-        "zen basics",
+        group,
-        'The first tab group should be labeled "zen basics" after the welcome process'
+        "Pinned tabs should belong to the first tab group"
      );
-      for (const tab of gBrowser.tabs) {
+    }
-        if (tab.hasAttribute("zen-empty-tab")) {
+  }
-          continue;
+  group.delete();
        }
        if (tab.pinned) {
          if (!tab.hasAttribute("zen-essential")) {
            ok(
              tab.hasAttribute("zen-workspace-id"),
              "Pinned tabs should have a zen-workspace-id attribute"
            );
            Assert.equal(
              tab.group,
              group,
              "Pinned tabs should belong to the first tab group"
            );
          }
        }
      }
      group.delete();
      resolve();
    }, 3000); // Wait for the transition to complete
  });
  for (const tab of gBrowser.tabs) {
    if (tab.pinned) {
      gBrowser.removeTab(tab);
--- a/src/zen/tests/welcome/head.js
+++ b/src/zen/tests/welcome/head.js
@@ -16,7 +16,7 @@ async function goNextWelcomePage(l10nId) {
      setTimeout(() => {
        resolve();
      }, 0);
-    }, 3000); // Wait for the transition to complete
+    }, 800); // Wait for the transition to complete
  });
 }
--- a/src/zen/urlbar/ZenUBActionsProvider.sys.mjs
+++ b/src/zen/urlbar/ZenUBActionsProvider.sys.mjs
@@ -3,10 +3,7 @@
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 import { XPCOMUtils } from "resource://gre/modules/XPCOMUtils.sys.mjs";
-import {
+import { UrlbarProvider } from "moz-src:///browser/components/urlbar/UrlbarUtils.sys.mjs";
  UrlbarProvider,
  UrlbarUtils,
 } from "moz-src:///browser/components/urlbar/UrlbarUtils.sys.mjs";
 import { UrlbarShared } from "chrome://browser/content/urlbar/UrlbarShared.mjs";
 import { globalActions } from "resource:///modules/ZenUBGlobalActions.sys.mjs";
 import { zenUrlbarResultsLearner } from "./ZenUBResultsLearner.sys.mjs";
@@ -41,10 +38,10 @@ XPCOMUtils.defineLazyPreferenceGetter(
 /**
 * A convenience function that takes a payload annotated with
- * UrlbarUtils.HIGHLIGHT enums and returns the payload and the payload's
+ * UrlbarShared.HIGHLIGHT enums and returns the payload and the payload's
 * highlights. Use this function when the highlighting required by your
 * payload is based on simple substring matching, as done by
- * UrlbarUtils.getTokenMatches(). Pass the return values as the `payload` and
+ * UrlbarShared.getTokenMatches(). Pass the return values as the `payload` and
 * `payloadHighlights` params of the UrlbarResult constructor.
 * `payloadHighlights` is optional. If omitted, payload will not be
 * highlighted.
@@ -64,7 +61,7 @@ XPCOMUtils.defineLazyPreferenceGetter(
 *        payloadPropertyValue may be a string or an array of strings.  If
 *        it's a string, then the payloadHighlights in the return value will
 *        be an array of match highlights as described in
- *        UrlbarUtils.getTokenMatches().  If it's an array, then
+ *        UrlbarShared.getTokenMatches().  If it's an array, then
 *        payloadHighlights will be an array of arrays of match highlights,
 *        one element per element in payloadPropertyValue.
 * @returns {{ payload: object, payloadHighlights: object }}
@@ -93,14 +90,14 @@ function payloadAndSimpleHighlights(tokens, payloadInfo) {
  ) {
    // If there's no title, show the domain as the title. Not all valid URLs
    // have a domain.
-    highlightTypes.title = UrlbarUtils.HIGHLIGHT.TYPED;
+    highlightTypes.title = UrlbarShared.HIGHLIGHT.TYPED;
    try {
      payload.title = new URL(payload.url).URI.displayHostPort;
    } catch (e) {}
  }
  if (payload.url) {
    // For display purposes we need to unescape the url.
-    payload.displayUrl = UrlbarUtils.prepareUrlForDisplay(payload.url);
+    payload.displayUrl = UrlbarShared.prepareUrlForDisplay(payload.url);
    highlightTypes.displayUrl = highlightTypes.url;
  }
  // For performance reasons limit excessive string lengths, to reduce the
@@ -109,7 +106,7 @@ function payloadAndSimpleHighlights(tokens, payloadInfo) {
  for (let prop of ["displayUrl", "title", "suggestion"]) {
    let value = payload[prop];
    if (typeof value == "string") {
-      payload[prop] = value.substring(0, UrlbarUtils.MAX_TEXT_LENGTH);
+      payload[prop] = value.substring(0, UrlbarShared.MAX_TEXT_LENGTH);
    }
  }
  let payloadHighlights = {};
@@ -118,9 +115,9 @@ function payloadAndSimpleHighlights(tokens, payloadInfo) {
      let value = payload[name];
      let highlights = Array.isArray(value)
        ? value.map(subval =>
-            UrlbarUtils.getTokenMatches(tokens, subval, highlightType)
+            UrlbarShared.getTokenMatches(tokens, subval, highlightType)
          )
-        : UrlbarUtils.getTokenMatches(tokens, value || "", highlightType);
+        : UrlbarShared.getTokenMatches(tokens, value || "", highlightType);
      if (highlights.length) {
        payloadHighlights[name] = highlights;
      }
@@ -140,10 +137,10 @@ export class ZenUrlbarProviderGlobalActions extends UrlbarProvider {
  }
  /**
-   * @returns {Values<typeof UrlbarUtils.PROVIDER_TYPE>}
+   * @returns {Values<typeof UrlbarShared.PROVIDER_TYPE>}
   */
  get type() {
-    return UrlbarUtils.PROVIDER_TYPE.HEURISTIC;
+    return UrlbarShared.PROVIDER_TYPE.HEURISTIC;
  }
  /**
@@ -161,7 +158,7 @@ export class ZenUrlbarProviderGlobalActions extends UrlbarProvider {
        UrlbarShared.RESULT_SOURCE.ZEN_ACTIONS ||
      (lazy.enabledPref &&
        queryContext.searchString &&
-        queryContext.searchString.length < UrlbarUtils.MAX_TEXT_LENGTH &&
+        queryContext.searchString.length < UrlbarShared.MAX_TEXT_LENGTH &&
        queryContext.searchString.length > 2 &&
        !lazy.UrlUtils.REGEXP_LIKE_PROTOCOL.test(queryContext.searchString))
    );
--- a/src/zen/welcome/ZenWelcome.mjs
+++ b/src/zen/welcome/ZenWelcome.mjs
--- a/src/zen/welcome/jar.inc.mn
+++ b/src/zen/welcome/jar.inc.mn
@@ -4,3 +4,4 @@
        content/browser/zen-components/ZenWelcome.mjs                           (../../zen/welcome/ZenWelcome.mjs)
        content/browser/zen-styles/zen-welcome.css                              (../../zen/welcome/zen-welcome.css)
        content/browser/zen-videos/welcome-background.mp4                       (../../zen/welcome/welcome-background.mp4)
--- a/src/zen/welcome/welcome-background.mp4
+++ b/src/zen/welcome/welcome-background.mp4
--- a/src/zen/welcome/zen-welcome.css
+++ b/src/zen/welcome/zen-welcome.css
@@ -15,6 +15,21 @@
  -moz-window-dragging: drag;
 }
 #zen-welcome {
  position: relative;
  isolation: isolate;
 }
 #zen-welcome-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  will-change: opacity;
 }
 :root[zen-welcome-stage] {
  min-width: 875px;
  min-height: 560px;
@@ -24,32 +39,111 @@
  }
 }
 #zen-welcome {
  --zen-welcome-accent: light-dark(
    oklch(from var(--zen-primary-color) clamp(0.35, l, 0.6) c h),
    oklch(from var(--zen-primary-color) clamp(0.7, l, 0.85) c h)
  );
  --zen-welcome-accent-button: light-dark(
    oklch(from var(--zen-primary-color) clamp(0.35, l, 0.6) c h),
    oklch(from var(--zen-primary-color) clamp(0.55, l, 0.7) c h)
  );
  --zen-welcome-sidebar-bg: light-dark(#ffffff, #1c1c1e);
  --zen-welcome-content-bg: light-dark(#f6f6f8f5, #2b2b30ed);
  --zen-welcome-surface-bg: light-dark(#ffffff, #1c1c1e);
  --zen-welcome-tile-bg: light-dark(#ececee, #333338);
  --zen-welcome-border: light-dark(
    rgba(0, 0, 0, 0.14),
    rgba(255, 255, 255, 0.16)
  );
  --zen-welcome-text-secondary: light-dark(
    rgba(0, 0, 0, 0.6),
    rgba(255, 255, 255, 0.6)
  );
 }
 .zen-welcome-button {
  appearance: none;
  border: none;
  border-radius: 12px;
  padding: 1.2rem 1rem;
  background: transparent;
  color: var(--zen-welcome-accent);
  font: inherit;
  font-size: 1.2rem;
  font-weight: 600;
  cursor: pointer;
  will-change: transform;
  transition: scale 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
  &:hover {
    scale: 1.03;
    filter: brightness(1.1);
  }
  &:active {
    scale: 1;
  }
  &.primary {
    background: var(--zen-welcome-accent-button);
    color: white;
    &:hover {
      filter: brightness(1.1);
    }
  }
 }
 #zen-welcome-start {
  flex-direction: column;
  -moz-window-dragging: drag;
-  --zen-primary-color: light-dark(black, white);
+  color: white;
  #zen-welcome-start-button {
    opacity: 0;
    list-style-image: url(chrome://browser/skin/zen-icons/forward.svg);
    position: absolute;
    bottom: 10%;
    padding: 1em !important;
    min-width: 100px;
    background: rgb(62, 115, 62) !important;
    fill: white !important;
    will-change: transform;
    transition: scale 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
    &:hover {
      scale: 1.03;
      filter: brightness(1.1);
    }
    &:active {
      scale: 1;
      transform: none;
    }
  }
  #zen-welcome-title {
    text-align: center;
-    font-size: 5rem;
+    font-size: 5.2rem;
-    line-height: 1.1;
+    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.03em;
    max-width: 50%;
    font-weight: 500;
    white-space: nowrap;
    /* Layered (transformed) glyphs are drawn with grayscale AA on macOS;
     * use it for the whole title so animating characters don't look bolder. */
    -moz-osx-font-smoothing: grayscale;
    transform: translateY(-5%);
    & > span {
      display: block;
    }
    .zen-welcome-char {
      display: inline-block;
      opacity: 0;
      will-change: transform;
    }
  }
 }
@@ -57,28 +151,18 @@
 #zen-welcome-pages {
  -moz-window-dragging: no-drag;
  opacity: 0;
  justify-content: start;
  align-items: start;
  display: none;
-  background: var(--zen-branding-bg);
+  justify-content: start;
-  border-radius: 1em;
+  align-items: stretch;
  background: var(--zen-welcome-content-bg);
  color: light-dark(#111111, #ffffff);
  border-radius: 1.4rem;
  position: relative;
-  width: 60%;
+  width: 86%;
-  height: 60%;
+  height: 82%;
-  box-shadow: var(--zen-big-shadow);
+  box-shadow: 0 3px 8px rgba(0,0,0,.05);
  overflow: hidden;
  /* Small screens */
  @media (max-width: 1400px) {
    width: 80%;
    height: 80%;
  }
  @media (max-width: 1200px) {
    width: 90%;
    height: 90%;
  }
  @media (max-width: 1000px) {
    width: 100%;
    height: 100%;
@@ -86,216 +170,338 @@
  }
  #zen-welcome-page-sidebar {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
-    justify-content: space-between;
+    width: 38%;
    padding: 3.8rem;
    width: 40%;
    height: 100%;
-    overflow-x: hidden;
+    padding: 4rem 3.8rem 3.6rem;
-    overflow-y: auto;
+    box-sizing: border-box;
    overflow: hidden;
    background: var(--zen-welcome-sidebar-bg);
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.05);
  }
-    & #zen-welcome-heart {
+  #zen-welcome-back {
-      width: 100%;
+    align-self: flex-start;
-      height: 100%;
+    display: flex;
-      opacity: 0;
+    align-items: center;
-      color: currentColor;
+    gap: 0.5rem;
    margin: 0 0 2.2rem;
    padding: 0;
    appearance: none;
    border: none;
    background: none;
    font: inherit;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--zen-welcome-accent);
    &::before {
      content: "";
      width: 16px;
      height: 16px;
      background: url(chrome://browser/skin/zen-icons/back.svg) center / contain
        no-repeat;
      -moz-context-properties: fill;
      fill: currentColor;
      -moz-context-properties: fill, fill-opacity;
      background-image: url(chrome://browser/skin/zen-icons/essential-add.svg);
      background-size: 15%;
      background-repeat: no-repeat;
      background-position: center;
    }
-    &[animate-heart] {
+    &[disabled] {
-      overflow: hidden;
+      visibility: hidden;
    }
  }
  #zen-welcome-page-sidebar-content {
    flex: 1;
    position: relative;
  }
  .zen-welcome-text {
    position: absolute;
    inset: 0;
    & > * {
      opacity: 0;
      will-change: transform, opacity;
    }
    & h1 {
      margin: 0 0 2.4rem;
      font-size: 3rem;
      font-weight: 700;
      line-height: 1.1;
      letter-spacing: -0.02em;
    }
    & p {
      margin: 0 0 1.2rem;
      font-size: 1.25rem;
      line-height: 1.6;
      color: var(--zen-welcome-text-secondary);
    }
  }
  #zen-welcome-page-sidebar-buttons {
    display: flex;
    flex-direction: column;
-    gap: 10px;
+    gap: 1rem;
  }
  #zen-welcome-page-sidebar-content {
    & h1 {
      font-size: xx-large;
      font-weight: 600;
      margin-bottom: 1rem;
    }
    & p {
      margin: 0 0 1.1rem 0;
      color: light-dark(rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0.6));
    }
    & > * {
      transform: translate(300%);
    }
  }
  & button {
    justify-content: center;
    align-items: center;
    transform: translate(300%);
  }
  #zen-welcome-page-content {
-    background: light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1));
+    flex: 1;
    width: 60%;
    max-width: 80rem;
    height: 100%;
    position: relative;
    height: 100%;
    overflow: hidden;
-    justify-content: center;
+
-    align-items: center;
+    &::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      background-image: url(chrome://browser/content/zen-images/grain-bg.png);
      opacity: 0.3;
      mix-blend-mode: overlay;
      pointer-events: none;
    }
  }
  .zen-welcome-page {
    position: absolute;
    inset: 0;
    opacity: 0;
    display: flex;
    flex-direction: column;
-    gap: 1.6rem;
+    justify-content: center;
    align-items: center;
    gap: 2.5rem;
    padding: 3rem 4rem;
    box-sizing: border-box;
-    &[select-engine="true"] {
+    &[exiting] {
-      display: grid;
+      pointer-events: none;
      grid-template-columns: 1fr 1fr;
      box-sizing: border-box;
      padding: 5rem;
    }
-    & > label {
+    &[page="essentials"] {
-      opacity: 0;
+      justify-content: flex-end;
-      transition:
+      align-items: flex-end;
-        scale 0.1s,
+      padding: 3rem 0 0 6rem;
-        box-shadow 0.1s;
+    }
      padding: 1.5rem 1.1rem;
      border-radius: 0.6rem;
      width: 50%;
      gap: 0.8rem;
      display: flex;
      border: 2px solid var(--zen-colors-border);
      background: light-dark(rgba(255, 255, 255, 0.7), rgba(0, 0, 0, 0.4));
      align-items: center;
-      &:hover {
+    &[page="search"] {
-        box-shadow: var(--zen-big-shadow);
+      justify-content: safe center;
      overflow-y: auto;
      padding-top: 6rem;
      padding-bottom: 6rem;
      mask-image: linear-gradient(
        transparent,
        black 6rem,
        black calc(100% - 6rem),
        transparent
      );
      .zen-welcome-option {
        max-width: 24rem;
        min-height: 7.5rem;
        padding: 0 0 0 1.8rem;
        overflow: hidden;
        font-weight: 600;
      }
-      &:has(:checked) {
+      .engine-icon-wrapper {
-        box-shadow: var(--zen-big-shadow);
+        position: relative;
-        border: 2px solid var(--zen-primary-color);
+        display: flex;
-        scale: 1.03;
+        align-items: center;
        justify-content: center;
        align-self: stretch;
        flex-shrink: 0;
        width: 34%;
        margin-left: auto;
        overflow: hidden;
        background: var(--zen-welcome-tile-bg);
      }
    }
-    &[select-engine="true"] > label {
+      .engine-icon-backdrop {
-      flex-direction: column;
+        position: absolute;
-      font-weight: 600;
+        inset: 0;
      aspect-ratio: 1 / 0.7;
      align-items: center;
      width: 60%;
      justify-self: center;
      align-self: center;
      justify-content: space-around;
    }
    /* 3 or more engines */
    &[select-engine="true"]:has(label:nth-of-type(3)) > label {
      height: 50%;
    }
    #zen-welcome-workspace-colors-anchor {
      width: 1px;
      height: 1px;
    }
    #zen-welcome-initial-essentials-browser {
      min-width: 70%;
      min-height: 80%;
      display: flex;
      margin-left: auto;
      margin-top: auto;
      border-top-left-radius: 1.2em;
      box-shadow: var(--zen-big-shadow);
      background: light-dark(rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.2));
      padding-right: 20%;
      overflow: hidden;
      opacity: 0;
      border: 1px solid var(--zen-colors-border);
      border-bottom-width: 0;
      border-right-width: 0;
      #zen-welcome-initial-essentials-browser-sidebar {
        width: 100%;
-        padding: 1.4rem;
+        height: 100%;
-        gap: 1.2rem;
+        object-fit: cover;
-        background: light-dark(rgba(255, 255, 255, 0.7), rgba(0, 0, 0, 0.4));
+        scale: 3;
        filter: blur(30px) saturate(1.8);
        opacity: 0.2;
      }
-        #zen-welcome-initial-essentials-browser-sidebar-win-buttons {
+      .engine-icon {
-          gap: 0.5rem;
+        position: relative;
-          align-items: center;
+        width: 26px;
        height: 26px;
        border-radius: 10px;
      }
-          & > div {
+      .zen-welcome-option-label {
-            width: 15px;
+        order: -1;
-            height: 15px;
+        padding-right: 1rem;
-            border-radius: 50%;
+      }
            background: var(--zen-toolbar-element-bg);
          }
        }
-        #zen-welcome-initial-essentials-browser-sidebar-essentials {
+      .zen-welcome-option-radio {
-          display: grid;
+        order: -2;
-          grid-template-columns: repeat(3, 1fr);
+      }
-          gap: 1rem;
+    }
-          visibility: visible;
+  }
-          & * {
+  .zen-welcome-option {
-            visibility: visible;
+    display: flex;
-          }
+    align-items: center;
    gap: 1rem;
    width: 100%;
    max-width: 30rem;
    padding: 1.8rem 1.9rem;
    font-size: 1.3rem;
    box-sizing: border-box;
    border-radius: 20px;
    border: 1px solid var(--zen-welcome-border);
    background: var(--zen-welcome-surface-bg);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    will-change: transform;
    transition: scale 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
-          & .extra-tab {
+    &:hover {
-            width: 100%;
+      scale: 1.03;
-            height: 4rem;
+    }
            border-radius: var(--border-radius-large);
            margin-top: 0.5rem;
            background: var(--zen-toolbar-element-bg);
            grid-column: span 3;
          }
-          & .tabbrowser-tab {
+    & input {
-            --tab-min-height: 6rem !important;
+      display: none;
-            min-width: 5rem !important;
+    }
            transition: transform 0.1s;
            position: relative;
-            &::after {
+    & strong {
-              position: absolute;
+      font-weight: 700;
-              content: "";
+    }
              width: 1.8rem;
              height: 1.8rem;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              background: var(--zen-essential-tab-icon);
              background-position: center;
              background-size: contain;
              background-repeat: no-repeat;
              border-radius: 4px;
            }
-            --border-radius-medium: 1rem;
+    & .engine-icon {
      width: 28px;
      height: 28px;
      border-radius: 6px;
    }
-            &[visuallyselected] {
+    .zen-welcome-option-radio {
-              transform: scale(1.06);
+      position: relative;
-            }
+      flex-shrink: 0;
      width: 22px;
      height: 22px;
      box-sizing: border-box;
      border-radius: 50%;
      border: 1px solid
        light-dark(rgba(0, 0, 0, 0.45), rgba(255, 255, 255, 0.5));
-            & .tab-background {
+      &::after {
-              margin: 0 !important;
+        content: "";
-            }
+        position: absolute;
        inset: 3px;
        border-radius: 50%;
        background: currentColor;
        opacity: 0;
      }
    }
-            & .tab-background::after {
+    /* stylelint-disable-next-line stylelint-plugin-mozilla/no-has-selector */
-              filter: blur(30px) brightness(1.2);
+    &:has(:checked) {
-            }
+      scale: 1.03;
-          }
+      border-color: var(--zen-welcome-accent);
      color: var(--zen-welcome-accent);
      .zen-welcome-option-radio {
        border-color: currentColor;
        &::after {
          opacity: 1;
        }
      }
    }
  }
  #zen-welcome-workspace-colors-anchor {
    width: 1px;
    height: 1px;
  }
  .zen-welcome-mock-browser {
    width: 92%;
    height: 100%;
    border-top-left-radius: 2.4rem;
    background: light-dark(#e3e3e5, #232326);
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    .zen-welcome-mock-browser-sidebar {
      display: flex;
      flex-direction: column;
      gap: 1.6rem;
      width: 80%;
      height: 100%;
      padding: 2.6rem 2.4rem;
      box-sizing: border-box;
      background: var(--zen-welcome-surface-bg);
    }
    .zen-welcome-mock-browser-dots {
      display: flex;
      gap: 1rem;
      margin-bottom: 0.6rem;
      & > div {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: var(--zen-welcome-tile-bg);
      }
    }
    #zen-welcome-essentials {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
    }
    .zen-welcome-essential {
      appearance: none;
      aspect-ratio: 1;
      padding: 0;
      border-radius: 2rem;
      border: 3px solid transparent;
      background: var(--zen-welcome-tile-bg) var(--zen-welcome-app-icon)
        center / 35% no-repeat;
      cursor: pointer;
      will-change: transform;
      transition: scale 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
      &:hover,
      &[selected] {
        scale: 1.04;
      }
      &[selected] {
        background-color: color-mix(
          in srgb,
          var(--zen-welcome-app-color) 22%,
          var(--zen-welcome-surface-bg)
        );
        border-color: color-mix(
          in srgb,
          var(--zen-welcome-app-color) 60%,
          transparent
        );
      }
    }
    .zen-welcome-mock-tab {
      flex-shrink: 0;
      height: 4.5rem;
      border-radius: 1.6rem;
      background: var(--zen-welcome-tile-bg);
    }
  }
 }
--- a/surfer.json
+++ b/surfer.json
@@ -6,7 +6,7 @@
  "version": {
    "product": "firefox",
    "version": "154.0.1",
-    "candidate": "154.0.1",
+    "candidate": "155.0",
    "candidateBuild": 1
  },
  "buildOptions": {
Author	SHA1	Message	Date
mr. m	67b6daaa0e	gh-15177: Improve on-boarding experience and new space form UX (gh-15178)	2026-08-31 02:52:10 +02:00
mr. m	e89bd7796e	gh-15154: Fixed stale containers trying to sync across devices (gh-15166)	2026-08-30 00:42:45 +02:00
mr. m	66c5931a29	gh-15163: Sync upstream Firefox to version `155.0` RC (gh-15164)	2026-08-30 00:26:45 +02:00
		`@@ -1 +1 @@`
			`bf4b57fd7fe94054457be7018e8e7beaf754c520`				`6b4abe0093721c1be89eb41b3fb060dd6336923d`