Release notes for 1.12.6b

biome.json

@@ -41,5 +41,18 @@
     "defaultBranch": "main",
     "root": ".",
     "useIgnoreFile": true
-  }
+  },
+  "overrides": [
+    {
+      "include": ["*.astro"],
+      "linter": {
+        "rules": {
+          "style": {
+            "useConst": "off",
+            "useImportType": "off"
+          }
+        }
+      }
+    }
+  ]
 }

package-lock.json

@@ -23,7 +23,7 @@
         "autoprefixer": "10.4.14",
         "clsx": "^2.1.1",
         "date-fns": "^4.1.0",
-        "free-astro-components": "^1.1.1",
+        "free-astro-components": "^1.2.0",
         "lucide-astro": "^0.460.0",
         "lucide-react": "^0.475.0",
         "motion": "^11.13.5",

package.json

@@ -32,7 +32,7 @@
     "autoprefixer": "10.4.14",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
-    "free-astro-components": "^1.1.1",
+    "free-astro-components": "^1.2.0",
     "lucide-astro": "^0.460.0",
     "lucide-react": "^0.475.0",
     "motion": "^11.13.5",

scripts/twilight-to-stable.py

@@ -44,7 +44,6 @@ def main():
         with open(TWILIGHT_RELEASE_NOTES, "w") as f:
             json.dump({
                 "version": "xxx",
-                "image": False,
                 "extra": "",
                 "fixes": [],
                 "features": [],

src/components/ReleaseNoteItem.astro

@@ -1,10 +1,10 @@
 ---
-import { Accordion, AccordionItem } from 'free-astro-components'
 import InfoIcon from '~/icons/InfoIcon.astro'
 
 import { releaseNotes as releaseNotesData } from '~/release-notes'
 import { getLocale, getPath, getUI } from '~/utils/i18n'
-import { type BreakingChange, type ReleaseNote, getReleaseNoteFirefoxVersion } from '../release-notes'
+import { type ReleaseNote, getReleaseNoteFirefoxVersion } from '../release-notes'
+import ReleaseNoteListItem from './ReleaseNoteListItem.astro'
 export type Props = ReleaseNote
 const { isTwilight, ...props } = Astro.props
 
@@ -31,13 +31,76 @@ let compareLink = ''
 if (prevReleaseNote && !isTwilight) {
   compareLink = `https://github.com/zen-browser/desktop/compare/${prevReleaseNote.version}...${props.version}`
 }
+
+const isLatest = currentReleaseIndex === 0
+
+const listItems = {}
+// biome-ignore lint/suspicious/noExplicitAny:
+const generateItems = (items: any, type: string) => {
+  if (!items) return
+  if (!listItems[type]) {
+    listItems[type] = []
+  }
+  // biome-ignore lint/complexity/noForEach:
+  items.forEach((item) => {
+    switch (type) {
+      case 'feature':
+        listItems[type].push({
+          type: 'feature',
+          content: item,
+        })
+        break
+      case 'fix':
+        listItems[type].push({
+          type: 'fix',
+          content: item.description ?? item,
+          ...(item.issue
+            ? {
+                link: {
+                  text: `Issue #${item.issue}`,
+                  href: `https://github.com/zen-browser/desktop/issues/${item.issue}`,
+                },
+              }
+            : {}),
+        })
+        break
+      case 'security':
+        listItems[type].push({
+          type: 'security',
+          link: {
+            text: 'Security Advisory',
+            href: item,
+          },
+        })
+        break
+      case 'theme':
+        listItems[type].push({
+          type: 'theme',
+          content: item,
+        })
+        break
+      case 'break':
+        listItems[type].push({
+          type: 'break',
+          content: item,
+        })
+        break
+    }
+  })
+}
+generateItems(props.security ? [props.security] : null, 'security')
+generateItems(props.fixes, 'fix')
+generateItems(props.features, 'feature')
+generateItems(props.themeChanges, 'theme')
+generateItems(props.breakingChanges, 'break')
+generateItems(props.knownIssues, 'known')
 ---
 
 <section
-  class="release-note-item relative mt-24 flex flex-col border-t pt-24 lg:flex-row"
+  class="release-note-item relative mt-12 flex flex-col pt-24 lg:flex-row"
   id={props.version}
 >
-  <div class="px-5 md:px-10 md:pr-32">
+  <div class="px-5 md:px-10 md:pr-32 w-full gap-2 flex flex-col">
     {
       isTwilight ? (
         <a
@@ -48,11 +111,15 @@ if (prevReleaseNote && !isTwilight) {
         </a>
       ) : null
     }
-    <h1 class="flex items-center text-3xl font-bold">
+    <div class="w-full sm:flex justify-between">
+    <div class="flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-0 text-sm font-bold opacity-80">
       {
         isTwilight ? (
           <>
-            {releaseNoteItem.twilightChanges} {props.version} 🌙
+            {releaseNoteItem.twilightChanges} {props.version.replaceAll(
+              '{version}',
+              props.version,
+            )}
           </>
         ) : (
           <>
@@ -63,19 +130,18 @@ if (prevReleaseNote && !isTwilight) {
           </>
         )
       }
-      {
+            {
         ffVersion ? (
-          <div class="!mb-2 ml-6 mt-1 block inline w-fit rounded-full bg-blue-500 px-3 py-1 text-xs text-paper dark:bg-blue-50">
+          <span class="text-muted-foreground mx-3 hidden sm:block">•</span>
+          <a               rel="noopener noreferrer"class="text-xs underline decoration-wavy text-coral opacity-80" href={`https://www.mozilla.org/en-US/firefox/${ffVersion}/releasenotes/`} target="_blank" rel="noopener noreferrer">
             {releaseNoteItem.firefoxVersion.replace('{version}', ffVersion)}
-          </div>
+          </a>
         ) : null
       }
-    </h1>
+      <span class="text-muted-foreground mx-3 hidden sm:block">•</span>
-    {date && date.toLocaleDateString('en-US', { dateStyle: 'long' })}
+            <a
-    <div class="mt-2">
-      <a
         rel="noopener noreferrer"
-        class="zen-link whitespace-nowrap text-sm opacity-60"
+        class="zen-link whitespace-nowrap !no-underline text-xs opacity-80"
         target="_blank"
         href={`https://github.com/zen-browser/desktop/releases/tag/${isTwilight ? 'twilight' : props.version}`}
         >{releaseNoteItem.githubRelease}</a
@@ -83,10 +149,10 @@ if (prevReleaseNote && !isTwilight) {
       {
         !isTwilight ? (
           <>
-            <span class="text-muted-foreground mx-auto">•</span>
+            <span class="text-muted-foreground mx-3 hidden sm:block">•</span>
             <a
               rel="noopener noreferrer"
-              class="zen-link whitespace-nowrap text-sm opacity-60"
+              class="zen-link whitespace-nowrap !no-underline text-xs opacity-80"
               target="_blank"
               href={`https://github.com/zen-browser/desktop/actions/runs/${props.workflowId}`}
             >
@@ -98,10 +164,10 @@ if (prevReleaseNote && !isTwilight) {
       {
         compareLink !== '' ? (
           <>
-            <span class="text-muted-foreground mx-auto">•</span>
+            <span class="text-muted-foreground mx-3 hidden sm:block">•</span>
             <a
               rel="noopener noreferrer"
-              class="zen-link whitespace-nowrap text-sm opacity-60"
+              class="zen-link whitespace-nowrap !no-underline text-xs opacity-80"
               target="_blank"
               href={compareLink}
             >
@@ -111,112 +177,46 @@ if (prevReleaseNote && !isTwilight) {
         ) : null
       }
     </div>
-    <div class="text-muted-forground mt-6 flex text-sm opacity-70">
+    <div class="text-xs opacity-80 font-bold">
+      {date && date.toLocaleDateString('en-US', { dateStyle: 'long' })}
+    </div>
+    </div>
+    {
+      props.extra?.length ? (
+        <p class="text-md text-muted-foreground extra mt-2">
+          <Fragment set:html={props.extra.replace(/\n/g, '<br />')} />
+        </p>
+      ) : null
+    }
+    {isTwilight || isLatest ? (
+      
+    <div class="text-muted-forground flex text-sm opacity-70">
       {isTwilight ? <InfoIcon class="mx-4 my-0 size-6 text-yellow-500" /> : null}
       <p class="m-0">
         {isTwilight ? <>{releaseNoteItem.twilightWarning}</> : null}
         <span set:html={releaseNoteItem.reportIssues} />
       </p>
     </div>
-
+    ) : null}
+    <div class="gap-8 flex flex-col mt-4">
     {
-      props.extra ? (
+      Object.keys(listItems).map((type) => {
-        <p class="text-md text-muted-foreground extra mt-2">
+        const items = listItems[type];
-          <Fragment set:html={props.extra.replace(/\n/g, '<br />')} />
+        if (items.length === 0) return null;
-        </p>
+        return (
-      ) : null
+          <ul class="gap-1 flex flex-col">
-    }
+      {items.map((item: any) => (
-    <div class="mt-8" data-orientation="vertical"></div>
+        <ReleaseNoteListItem 
-    <Accordion>
+          type={item.type}
-      {
+          content={item.content}
-        props.fixes?.length ? (
+          link={item.link}
-          <AccordionItem title="Fixes">
+        />
-            <ul class="list-inside list-disc">
+      ))}
-              {props.fixes.map((fix: any) => (
+    </ul>
-                <li class="text-md text-muted-foreground">
+        );
-                  {typeof fix === 'string' ? (
+    </div>
-                    fix
+    })
-                  ) : (
+  }
-                    <>
-                      {fix.description}
-                      {fix.issue ? (
-                        <>
-                          {' '}
-                          <a
-                            class="zen-link"
-                            href={`https://github.com/zen-browser/desktop/issues/${fix.issue}`}
-                            rel="noopener noreferrer"
-                            target="_blank"
-                            aria-label={releaseNoteItem.viewIssue.replace(
-                              '{issue}',
-                              fix.issue,
-                            )}
-                          >
-                            #{fix.issue}
-                          </a>
-                        </>
-                      ) : null}
-                    </>
-                  )}
-                </li>
-              ))}
-            </ul>
-          </AccordionItem>
-        ) : null
-      }
-      {
-        props.features?.length ? (
-          <AccordionItem title={releaseNoteItem.sections.features}>
-            <ul class="list-inside list-disc">
-              {props.features.map((feature: string) => (
-                <li class="text-md text-muted-foreground">{feature}</li>
-              ))}
-            </ul>
-          </AccordionItem>
-        ) : null
-      }
-      {
-        props.themeChanges?.length ? (
-          <AccordionItem title={releaseNoteItem.sections.themeChanges}>
-            <ul class="list-inside list-disc">
-              {props.themeChanges.map((themeChange: string) => (
-                <li class="text-md text-muted-foreground">{themeChange}</li>
-              ))}
-            </ul>
-          </AccordionItem>
-        ) : null
-      }
-      {
-        props.breakingChanges?.length ? (
-          <AccordionItem title={releaseNoteItem.sections.breakingChanges.title}>
-            <ul class="list-inside list-disc">
-              {props.breakingChanges.map((breakingChange: BreakingChange) => (
-                <li class="text-md text-muted-foreground">
-                  {typeof breakingChange === 'string' ? (
-                    <Fragment set:html={breakingChange} />
-                  ) : (
-                    <>
-                      {breakingChange.description}
-                      <a
-                        class="zen-link"
-                        href={breakingChange.link}
-                        rel="noopener noreferrer"
-                        target="_blank"
-                        aria-label={
-                          releaseNoteItem.sections.breakingChanges.description
-                        }
-                      >
-                        {releaseNoteItem.learnMore}
-                      </a>
-                    </>
-                  )}
-                </li>
-              ))}
-            </ul>
-          </AccordionItem>
-        ) : null
-      }
-    </Accordion>
   </div>
   <style is:global>
     .ac-accordion-item-title {

src/components/ReleaseNoteListItem.astro

@@ -0,0 +1,50 @@
+---
+import { getLocale, getPath, getUI } from '~/utils/i18n'
+
+const { type, content, link } = Astro.props as {
+  type: 'security' | 'feature' | 'fix' | 'theme' | 'break' | 'known'
+  content: string
+  link?: {
+    text: string
+    href: string
+  } | null
+}
+
+const locale = getLocale(Astro)
+
+const {
+  routes: {
+    releaseNotes: { itemType },
+  },
+} = getUI(locale)
+---
+
+<li class="flex gap-2">
+  <div
+    class:list={[
+  (type === 'security' && 'text-[#e3401f]') ||
+    (type === 'feature' && 'text-[#bf3316] dark:text-[#ffb1a1]') ||
+    (type === 'fix' && 'text-[#fe846b]') ||
+    (type === 'theme' && 'text-[#f76f53]') ||
+    (type === 'break' && 'text-[#471308]') || ''
+, 'opacity-80 font-bold min-w-16']}
+>
+    {itemType[type]}
+  </div>
+  <div>
+  {content && (
+    <span
+      class="text-base opacity-80"
+      set:html={content}
+    />
+  )}
+  {link && (
+    <a
+      href={link.href}
+      class="text-base text-blue inline-block underline"
+    >
+      {link.text}
+    </a>
+  )}
+  </div>
+</li>

src/i18n/en/translation.json

@@ -105,35 +105,33 @@
       "title": "Release notes - Zen Browser",
       "topSection": {
         "title": "Release Notes",
-        "description": "Stay up to date with the latest changes to Zen Browser! Since the <a class=\"zen-link\" href=\"#1.0.0-a.1\">first release</a> till <a class=\"zen-link\" href=\"#{latestVersion}\">{latestVersion}</a>, we've been working hard to make Zen Browser the best it can be. Thanks everyone for your feedback! ❤️"
+        "description": "Stay up to date with the latest changes to Zen! Since the <a class=\"zen-link\" href=\"#1.0.0-a.1\">first release</a> till <a class=\"zen-link\" href=\"#{latestVersion}\">{latestVersion}</a>, we've been working hard to make Zen Browser the best it can be. Thanks everyone for your feedback! ❤️"
       },
       "list": {
         "support": "Give us some support!",
-        "expandAll": "Expand all",
         "navigateToVersion": "Navigate to version..."
       },
+      "itemType": {
+        "fix": "Fixed",
+        "feature": "Added",
+        "known": "Known",
+        "break": "Breaking",
+        "theme": "Theme",
+        "security": "Security"
+      },
       "backToTop": "Back to the top",
       "chooseVersion": "Choose version",
       "components": {
         "releaseNoteItem": {
           "twilight": "Twilight",
-          "twilightChanges": "Twilight changes for {version} 🌙",
+          "twilightChanges": "Twilight changes",
-          "releaseChanges": "Release notes for {version} 🎉",
+          "releaseChanges": "v{version}",
           "firefoxVersion": "Firefox {version}",
           "githubRelease": "GitHub Release",
           "workflowRun": "Workflow run",
           "compareChanges": "Compare changes",
           "twilightWarning": "Please note that Twilight is a pre-release version of Zen Browser. It may contain bugs and unfinished features.",
           "reportIssues": " If you encounter any issues, please report them on <a rel=\"noopener noreferrer\" target=\"_blank\" href=\"https://github.com/zen-browser/desktop/issues/\" class=\"zen-link\">the issues page</a>.",
-          "sections": {
-            "fixes": "Fixes",
-            "features": "Features",
-            "themeChanges": "Theme Changes",
-            "breakingChanges": {
-              "title": "Breaking Changes",
-              "description": "View breaking changes on GitHub"
-            }
-          },
           "learnMore": "Learn more",
           "viewIssue": "View issue number {issue} on GitHub"
         }
@@ -188,7 +186,7 @@
             },
             "kristijanribaric": {
               "name": "Kristijan Ribaric",
-              "description": "Active contributor",
+              "description": "Active contributor with split views / workspaces",
               "link": "https://github.com/kristijanribaric"
             },
             "larvey": {
@@ -198,7 +196,7 @@
             },
             "studio": {
               "name": "Studio Movie Girl",
-              "description": "Big contributor with the gradient generator and helped with macOS development on the early days",
+              "description": "Big contributor with the gradient generator",
               "link": "https://github.com/neurokitti"
             }
           },

src/pages/[...locale]/release-notes/index.astro

@@ -23,9 +23,9 @@ const {
   >
     <div
       id="release-notes"
-      class="py-42 flex min-h-screen w-full flex-col justify-center"
+      class="py-42 flex min-h-screen gap-8 w-full flex-col justify-center"
     >
-      <Description class="mt-48 text-4xl font-bold">Release Notes</Description>
+      <Description class="mt-48 text-6xl font-bold">Changelog</Description>
       <p
         class="text-base opacity-55"
         set:html={releaseNotes.topSection.description.replaceAll(
@@ -34,14 +34,11 @@ const {
         )}
       />
       <div
-        class="mx-auto mt-8 flex w-fit flex-col gap-4 sm:mr-0 sm:flex-row sm:items-center"
+        class="mt-8 flex w-fit flex-col gap-4 sm:mr-0 sm:flex-row sm:items-center"
       >
         <Button class="flex" isPrimary href="/donate">
           {releaseNotes.list.support}
         </Button>
-        <Button id="toggle-notes" class="flex" data-open="false" href="#">
-          {releaseNotes.list.expandAll}
-        </Button>
         <Button id="navigate-to-version" href="#" class="flex">
           {releaseNotes.list.navigateToVersion}
         </Button>
@@ -87,7 +84,6 @@ const {
   import { openModal, closeModal } from 'free-astro-components'
 
   const scrollTopButton = document.getElementById('scroll-top')
-  const toggleButton = document.getElementById('toggle-notes')
   const versionButton = document.getElementById('navigate-to-version')
   const container = document.getElementById('release-notes')
   const modal = document.getElementById('version-modal')
@@ -106,24 +102,6 @@ const {
     }
   }
 
-  const toggleNotes = () => {
-    if (!toggleButton || !container) return
-
-    const accordionItems = container.getElementsByTagName('details')
-    const isOpen = toggleButton.getAttribute('data-open') === 'true'
-
-    Array.from(accordionItems).forEach((accordionItem) => {
-      if (isOpen) {
-        accordionItem.removeAttribute('open')
-      } else {
-        accordionItem.setAttribute('open', '')
-      }
-    })
-
-    toggleButton.setAttribute('data-open', (!isOpen).toString())
-    toggleButton.textContent = isOpen ? 'Expand all' : 'Collapse all'
-  }
-
   const navigateToVersion = (e: MouseEvent) => {
     const target = e.target as HTMLElement
     if (!container || !target?.closest('[data-version]')) return
@@ -150,7 +128,6 @@ const {
   }
 
   window.addEventListener('scroll', toggleScrollButton)
-  toggleButton?.addEventListener('click', toggleNotes)
   versionButton?.addEventListener('click', openVersionModal)
   versionList?.addEventListener('click', navigateToVersion)
 </script>

src/release-notes.ts

@@ -13,8 +13,9 @@ export interface ReleaseNote {
   version: string
   date?: string // optional for twilight
   extra?: string
-  image?: boolean
   fixes?: Fix[]
+  security?: string
+  knownIssues?: string[]
   features?: string[]
   breakingChanges?: BreakingChange[]
   themeChanges?: string[]

src/release-notes/stable.json

@@ -31,7 +31,10 @@
     "version": "1.0.0-a.2",
     "date": "12/07/2024",
     "extra": "This release is the second alpha release of the 1.0.0-alpha series. It includes a lot of bug fixes and improvements given the feedback we received from the first alpha release. This release is still not considered stable, but it's a big step towards the first stable release.",
-    "features": ["Added support for macOS aaarch64!", "Some performance improvements"],
+    "features": [
+      "Added support for macOS aaarch64!",
+      "Some performance improvements"
+    ],
     "fixes": [
       {
         "description": "Fixed rounded corners of browser views for some websites",
@@ -46,13 +49,18 @@
         "issue": 50
       }
     ],
-    "breakingChanges": ["Removed support window's stub installer. It's under development."]
+    "breakingChanges": [
+      "Removed support window's stub installer. It's under development."
+    ]
   },
   {
     "version": "1.0.0-a.3",
     "date": "14/07/2024",
     "extra": "This release is the third alpha release of the 1.0.0-alpha series. One big feature of this release is the new workspaces feature. This feature allows you to create different workspaces with different tabs and configurations. This release also includes a lot of bug fixes and improvements.",
-    "features": ["Added support for workspaces (Experimental)", "Better support for macOS aarch64"],
+    "features": [
+      "Added support for workspaces (Experimental)",
+      "Better support for macOS aarch64"
+    ],
     "fixes": [
       {
         "description": "Fixed subwindows not being displayed correctly",
@@ -254,7 +262,9 @@
         "issue": 89
       }
     ],
-    "breakingChanges": ["Changed the ID for flatpak to io.github.zen_browser.zen"]
+    "breakingChanges": [
+      "Changed the ID for flatpak to io.github.zen_browser.zen"
+    ]
   },
   {
     "version": "1.0.0-a.11",
@@ -300,7 +310,9 @@
         "issue": 124
       }
     ],
-    "breakingChanges": ["Changed the ID for AppImage to io.github.zen_browser.zen"]
+    "breakingChanges": [
+      "Changed the ID for AppImage to io.github.zen_browser.zen"
+    ]
   },
   {
     "version": "1.0.0-a.12",
@@ -351,7 +363,9 @@
     "version": "1.0.0-a.13",
     "date": "05/08/2024",
     "extra": "This is a smaller release to fix some bugs and improve some small details.\n\nIm going to try doing more frequent releases from now on, see how it goes.",
-    "features": ["Allow to remember sidebar width even after collapsing it."],
+    "features": [
+      "Allow to remember sidebar width even after collapsing it."
+    ],
     "fixes": [
       {
         "description": "Task Manager Icon Missing in Flatpak Version",
@@ -601,7 +615,10 @@
     "version": "1.0.0-a.30",
     "date": "26/08/2024",
     "extra": "This release is the thirtieth alpha release of the 1.0.0-alpha series.",
-    "features": ["Added support for 24 more languages!", "Update installed mods from the browser settings"],
+    "features": [
+      "Added support for 24 more languages!",
+      "Update installed mods from the browser settings"
+    ],
     "fixes": [
       {
         "description": "Letterboxing option is missing",
@@ -729,7 +746,6 @@
     "version": "1.0.1-a",
     "date": "15/09/2024",
     "workflowId": 10911842349,
-    "image": true,
     "extra": "This version marks a more stable alpha release.\n\nThis release brings a few improvements to the UI and some important quality of life features for workspaces, such as separate pinned tabs, custom icons and assigned tab conainers!\n\nWe've also added a new AppImage installer for Linux users and started signing our Windows builds with a verified digital signature, making Windows Defender and other antivirus software less annoying!\n\nAlso, we've made the browser's layout more stable for mods, improved overal UX and added an a better theme support (Now called Zen Mods)!",
     "features": [
       "Added verified digital signature to Windows builds",
@@ -770,7 +786,6 @@
   {
     "version": "1.0.1-a.2",
     "date": "17/09/2024",
-    "image": true,
     "workflowId": 10966772761,
     "extra": "This release could be considered a hotfix release for the previous version.\n\nSince we've started doing pretty big UI changes in order to gain more stability, it's normal that we may encounter some bugs... But not that many!\n\nThis release fixes some of the most important bugs that were introduced in the previous version and adds some small improvements.",
     "features": [
@@ -826,7 +841,6 @@
   {
     "version": "1.0.1-a.3",
     "date": "22/09/2024",
-    "image": true,
     "workflowId": 10984599633,
     "extra": "We are thrilled to announce that this release marks a significant leap forward for Zen Browser.\n\nSince the last version (1.0.1-a.2), we've implemented numerous improvements and addressed key bug fixes, all aimed at enhancing your browsing experience.\n\nWe've made significant changes to the UI, including a new compact mode design, improved tab management, and a more intuitive user interface. We've also added new features, such as the ability to customize the tab bar and a new compact mode design.\n\nWe hope you enjoy this release and look forward to your feedback!",
     "features": [
@@ -889,7 +903,10 @@
         "description": "Fixed Mods not being applied to every single window opened"
       }
     ],
-    "breakingChanges": ["Removed Galaxy and Dream mods", "Removed the 'legacy-toolbar' preference"],
+    "breakingChanges": [
+      "Removed Galaxy and Dream mods",
+      "Removed the 'legacy-toolbar' preference"
+    ],
     "themeChanges": [
       "Themes will now be able to have string and number values",
       "The configuration schema for mods has been updated. All current mods have been updated automatically."
@@ -898,10 +915,11 @@
   {
     "version": "1.0.1-a.4",
     "date": "23/09/2024",
-    "image": true,
     "workflowId": 11000317603,
     "extra": "This update addresses some significant issues with the previous release.\n\nWe appreciate your patience and support!",
-    "features": ["Added a new system for handling keyboard shortcuts"],
+    "features": [
+      "Added a new system for handling keyboard shortcuts"
+    ],
     "fixes": [
       {
         "description": "The New Tab button is not visible",
@@ -926,10 +944,13 @@
   {
     "version": "1.0.1-a.5",
     "date": "24/09/2024",
-    "image": false,
     "workflowId": 11020784612,
     "extra": "This update is a small patch to fix some issues that weren't addressed in the previous release!",
-    "features": ["Moved application menu button to the right", "Added new shortcuts", "Collapsed tab sidebar is now smaller"],
+    "features": [
+      "Moved application menu button to the right",
+      "Added new shortcuts",
+      "Collapsed tab sidebar is now smaller"
+    ],
     "fixes": [
       {
         "description": "Fixed issue with hovering over window control buttons (macOS)"
@@ -943,7 +964,6 @@
   {
     "version": "1.0.1-a.6",
     "date": "29/09/2024",
-    "image": true,
     "workflowId": 11095257662,
     "extra": "This release fixes a few critical bugs and introduces Tab Unloading! Unused tabs will free up memory with this new feature",
     "features": [
@@ -954,8 +974,12 @@
       "Enabled container tabs by default",
       "Improved Expand Tabs on Hover layout"
     ],
-    "themeChanges": ["Toggle inputs will not use the themed tertiary color"],
+    "themeChanges": [
-    "breakingChanges": ["The keyboard shortcuts will be overriden by the defaults ones in this update"],
+      "Toggle inputs will not use the themed tertiary color"
+    ],
+    "breakingChanges": [
+      "The keyboard shortcuts will be overriden by the defaults ones in this update"
+    ],
     "fixes": [
       {
         "description": "Fixed Firefox add-ons not updating",
@@ -992,7 +1016,6 @@
   {
     "version": "1.0.1-a.7",
     "date": "01/10/2024",
-    "image": false,
     "workflowId": 11108707060,
     "extra": "This release is a really small release to fix a very important bug that was introduced in the previous release.",
     "fixes": [
@@ -1007,7 +1030,6 @@
   {
     "version": "1.0.1-a.8",
     "date": "10/10/2024",
-    "image": true,
     "workflowId": 11279059812,
     "extra": "This release brings Zen to Firefox v131.0.2, which patches a significant security vulnerability.\n\nThis update improves the split view and pinned tabs features.\nWe have also released Zen Twilight; automated unstable builds where you can test out the latest features!",
     "features": [
@@ -1052,7 +1074,6 @@
   {
     "version": "1.0.1-a.9",
     "date": "14/10/2024",
-    "image": true,
     "workflowId": 11333793682,
     "extra": "This update brings further refinements to Zen Browser, focusing on stability improvements and new features for session management.\n\nWe've also enhanced pinned tab handling and workspaces to improve the user experience. Thanks everyone!",
     "features": [
@@ -1110,7 +1131,6 @@
   {
     "version": "1.0.1-a.10",
     "date": "15/10/2024",
-    "image": false,
     "workflowId": 11349525400,
     "extra": "This release is a small patch to fix some issues on keyboard shortcuts that were introduced in the previous release.",
     "fixes": [
@@ -1131,12 +1151,14 @@
         "description": "Fixed about page linking 'global Community' to a Mozilla page"
       }
     ],
-    "features": ["About page will now display the Firefox version used", "Disabled forcing container grouping for workspaces"]
+    "features": [
+      "About page will now display the Firefox version used",
+      "Disabled forcing container grouping for workspaces"
+    ]
   },
   {
     "version": "1.0.1-a.11",
     "date": "19/10/2024",
-    "image": true,
     "workflowId": 11412027026,
     "extra": "This release brings some quality of life improvements and new features to Workspaces.",
     "fixes": [
@@ -1187,7 +1209,6 @@
   {
     "version": "1.0.1-a.12",
     "date": "19/10/2024",
-    "image": false,
     "workflowId": 11419764479,
     "extra": "This release is a small release that fixes some annoying bugs, and adds some small improvements.\n\nThese releases will commonly mostly contain bug fixes and small improvements as our current goal right now is to stabilize the browser.\n\nThanks everyone for the feedback!",
     "features": [
@@ -1212,7 +1233,6 @@
   {
     "version": "1.0.1-a.13",
     "date": "27/10/2024",
-    "image": true,
     "workflowId": 11540529505,
     "extra": "This update brings custom gradient themes to workspaces!",
     "features": [
@@ -1246,7 +1266,9 @@
         "issue": 2156
       }
     ],
-    "breakingChanges": ["Removed Show Expand Button option from settings"],
+    "breakingChanges": [
+      "Removed Show Expand Button option from settings"
+    ],
     "themeChanges": [
       "The variable '--zen-main-browser-background' will now contain the generated gradient",
       "Added the 'unread' attribute for background tabs that haven't been accessed yet"
@@ -1255,7 +1277,6 @@
   {
     "version": "1.0.1-a.14",
     "date": "27/10/2024",
-    "image": false,
     "workflowId": 32129331813,
     "extra": "This release is a small patch to fix some issues that were introduced in the previous release. Thanks everyone for the quick feedback!",
     "fixes": [
@@ -1272,12 +1293,13 @@
         "description": "Fixed sidebar webpanels being in a darker contrast"
       }
     ],
-    "features": ["Added a confirmation dialog when the gradient generator has successfully saved the gradient"]
+    "features": [
+      "Added a confirmation dialog when the gradient generator has successfully saved the gradient"
+    ]
   },
   {
     "version": "1.0.1-a.15",
     "date": "31/10/2024",
-    "image": true,
     "workflowId": 11600705444,
     "extra": "This release introduces Zen Glance, a new convenient way to preview links!\n\nZen Glance allows you to open a link preview in a small window, without leaving the current page. This feature is perfect for quickly checking links without losing your place.\n\nWe've also updated to the latest stable version of Firefox (what a mess, everything got broken!), and we can already start to see some early stages of tab groups!\n\nStart using Zen Glance today my 'ctrl+clic' or 'alt+click' on macos on any link and experience this new way of browsing!",
     "fixes": [
@@ -1318,7 +1340,9 @@
         "issue": 2413
       }
     ],
-    "breakingChanges": ["Changed the default layout of the customizable UI buttons"],
+    "breakingChanges": [
+      "Changed the default layout of the customizable UI buttons"
+    ],
     "features": [
       "Added Zen Glance!",
       "Updated to the latest stable version of Firefox (132.0)",
@@ -1331,7 +1355,6 @@
   {
     "version": "1.0.1-a.16",
     "date": "31/10/2024",
-    "image": false,
     "workflowId": 11603948220,
     "extra": "This release is a small patch to fix some issues that were introduced in the previous release. Thanks everyone for the quick feedback!",
     "fixes": [
@@ -1345,12 +1368,13 @@
         "description": "Fixed wrong aligment on glance action buttons"
       }
     ],
-    "features": ["No new features, sorry"]
+    "features": [
+      "No new features, sorry"
+    ]
   },
   {
     "version": "1.0.1-a.17",
     "date": "01/11/2024",
-    "image": false,
     "workflowId": 11620213140,
     "extra": "This was another release with the sole purpose of fixing some issues that were introduced in the previous release. Thanks everyone for the quick feedback!",
     "fixes": [
@@ -1387,7 +1411,6 @@
   {
     "version": "1.0.1-a.18",
     "date": "09/11/2024",
-    "image": true,
     "workflowId": 11758612771,
     "extra": "This release brings some quality of life improvements and new features to Zen Browser! First thing you would notice, pinned tabs look like normal tabs now. Why? Because we added 'essentials'.\n\nEssentials are a new way to manage your tabs, workspaces and pinned tabs. You can now have pinned tabs your workspace, and essentials will be the only tabs that are not workspace specific.\n\nWe've also started to experiment with new layouts and designs for the browser, and we've added a more native look to the browser!",
     "features": [
@@ -1506,7 +1529,6 @@
   {
     "version": "1.0.1-a.19",
     "date": "10/11/2024",
-    "image": false,
     "workflowId": 11767769200,
     "extra": "This release is a small patch to fix some issues that were introduced in the previous release. Thanks everyone for the quick feedback!",
     "fixes": [
@@ -1558,7 +1580,6 @@
   {
     "version": "1.0.2-b.0",
     "date": "10/12/2024",
-    "image": true,
     "workflowId": 12246343549,
     "extra": "This release introduces a new stage for Zen Browser, the beta stage! This means that we are getting closer to a stable release, and we are now focusing on fixing bugs and improving the overall experience.\n\nWe've made some significant changes to the UI, including a new layout for the browser called single toolbar and much more!",
     "fixes": [
@@ -1644,7 +1665,6 @@
   {
     "version": "1.0.2-b.1",
     "date": "11/12/2024",
-    "image": false,
     "workflowId": 12280896272,
     "extra": "This release brings some commong bug fixes and improvements to the browser. Thanks everyone for the feedback!",
     "fixes": [
@@ -1679,7 +1699,6 @@
   {
     "version": "1.0.2-b.2",
     "date": "15/12/2024",
-    "image": false,
     "workflowId": 12333272353,
     "extra": "This release is a small patch to fix some issues and improve overall stability. Thanks everyone for the feedback!",
     "fixes": [
@@ -1730,7 +1749,6 @@
   {
     "version": "1.0.2-b.3",
     "date": "19/12/2024",
-    "image": true,
     "workflowId": 12419745635,
     "extra": "This release brings more bug fixing and ovcerall stability while also including some small polishing features/details. Our goal during the beta phase is to get everything as stable and ready for our stable release!\n\nNote: We will be hosting a hall-of-fame event, where top 20 zen rices will be featured in the website!\n\nMerry Christmas everyone!",
     "fixes": [
@@ -1774,7 +1792,6 @@
   {
     "version": "1.0.2-b.4",
     "date": "22/12/2024",
-    "image": false,
     "workflowId": 12453824612,
     "extra": "This release includes many more bug fixes and improvements to the browser. We've also added an <a href='https://github.com/zen-browser/desktop/tree/dev/docs/issue-metrics' target='_blank'>issue metrics</a> file too see how many issues we've fixed each month!",
     "fixes": [
@@ -1830,7 +1847,6 @@
   {
     "version": "1.0.2-b.5",
     "date": "26/12/2024",
-    "image": false,
     "workflowId": 12481117227,
     "extra": "This release is just a small patch to fix a really annoying issue with extension popups not working correctly.",
     "fixes": [
@@ -1965,12 +1981,10 @@
       "Removed option to disable workspaces. Workspaces are now a core feature of Zen, and it can be really easy to ignore them (they are hidden if you have just one workspace) if you don't want to use them. Most of Zen's functionality is built around workspaces, so we decided to make them a core feature. They were an option before because they were experimental."
     ],
     "workflowId": 12700507897,
-    "image": false,
     "date": "07/01/2025"
   },
   {
     "version": "1.7b",
-    "image": false,
     "extra": "This is a small update, but it brings some nice improvements to the workspace and the overall experience.\n\n<strong><u>IMPORTANT FOR FLATPAK USERS</u>:</strong> The app id has changed, please see <a href='https://www.reddit.com/r/zen_browser/comments/1i2cspi/comment/m7di8z1/' target='_blank'>this post</a> for instructions on how to migrate",
     "fixes": [
       "Fixed wrong spacing when using right side tabs",
@@ -2014,7 +2028,6 @@
   },
   {
     "version": "1.7.1b",
-    "image": false,
     "extra": "<u>We are back again with yet another stability update!</u>\n\nThis update focused on finally fixing the main issues people have with essentials/pinned tabs and improving the experience and UI.\n\nWe've improved the browser's overall UI and feel, added new optimized and *bouncy* animations, made some quality-of-life improvements, and are having a great time!\n\nOne thing to expect in future releases is the implementation of a new settings window, where all Zen-specific features can be easily customized and toggled.",
     "fixes": [
       "Fixed essentials and pinned tabs not being correctly restored when using multiple windows",
@@ -2053,7 +2066,6 @@
   },
   {
     "version": "1.7.2b",
-    "image": false,
     "extra": "Another stability update, where we've fixed a few more bugs and improved the overall feel of the app.\n\nThis is a small update, released primarily to keep Firefox up to date while we work on the next big update.",
     "fixes": [
       "Fixed firefox sidebar spacings",
@@ -2078,7 +2090,6 @@
   },
   {
     "version": "1.7.3b",
-    "image": false,
     "extra": "In this release, more stability and performance improvements have been made.",
     "fixes": [
       "Fixed essentials background having the wrong border radius",
@@ -2124,15 +2135,16 @@
   },
   {
     "version": "1.7.4b",
-    "image": false,
     "date": "30/01/2025",
     "workflowId": 13062083313,
     "extra": "Quick fix for a critical bug that was introduced in the previous release.",
-    "fixes": ["Fixed the browser not opening when having multiple windows", "Fixed macos fullscreen having a weird shadow"]
+    "fixes": [
+      "Fixed the browser not opening when having multiple windows",
+      "Fixed macos fullscreen having a weird shadow"
+    ]
   },
   {
     "version": "1.7.5b",
-    "image": false,
     "extra": "Another stability update while we are figuring big changes out!\n\nThis update has been focused on adding some cool new features such as removing the need of new tabs and a better glance experience. We have also fixed a lot of bugs that have been reported by the community, thank you for your feedback!",
     "fixes": [
       "Fixed double clicking the sidebar not opening a new tab",
@@ -2173,7 +2185,6 @@
   },
   {
     "version": "1.7.6b",
-    "image": false,
     "extra": "This release is a small one, but it brings a few fixes and a new feature.",
     "fixes": [
       "Fixed sidebar icons all looking the same",
@@ -2187,13 +2198,14 @@
       "Fixed opening glance tabs on essentials messing up the sidebar",
       "Fixed pinned tabs appearing on normal container after a restart"
     ],
-    "features": ["Tabs can now be dragged into pinned tabs by dragging them into the workspace indicator"],
+    "features": [
+      "Tabs can now be dragged into pinned tabs by dragging them into the workspace indicator"
+    ],
     "workflowId": 13209591935,
     "date": "08/02/2025"
   },
   {
     "version": "1.8b",
-    "image": false,
     "extra": "Huge update filled with improvements and QoL features.\n\nP.S. Check out this cool site! https://doeszenhavedrmyet.com/",
     "fixes": [
       "Fixed weird text generation when rendering PDFs/Google Docs on some websites, without the need to disable hardware acceleration",
@@ -2254,7 +2266,6 @@
   },
   {
     "version": "1.8.1b",
-    "image": false,
     "extra": "Small update with some bug fixes and improvements.",
     "fixes": [
       "Fixed updating from older versions not showing tabs from other workspaces at startup",
@@ -2269,7 +2280,6 @@
   },
   {
     "version": "1.8.2b",
-    "image": false,
     "extra": "Another update with many bug fixes!",
     "fixes": [
       "Fixed pinned tabs re-ordering on startup",
@@ -2279,13 +2289,14 @@
       "Fixed pinning a tab adding them to the essentials container",
       "Other small fixes for compact mode not animating properly"
     ],
-    "features": ["localhost and http URL will no longer be trimmed in single toolbar layout"],
+    "features": [
+      "localhost and http URL will no longer be trimmed in single toolbar layout"
+    ],
     "workflowId": 13530880093,
     "date": "25/02/2025"
   },
   {
     "version": "1.9b",
-    "image": false,
     "extra": "Another nice update for Zen! This time, we've added a new feature that allows you to drag-and-drop tabs into the browser to split them!",
     "fixes": [
       "Fixed pinned tabs being subject to appearing on the essentials container",
@@ -2323,7 +2334,6 @@
   },
   {
     "version": "1.9.1b",
-    "image": false,
     "extra": "Another update with stability improvements.",
     "fixes": [
       "Fixed new tabs opening where Essentials are in some cases",
@@ -2344,7 +2354,6 @@
   },
   {
     "version": "1.10b",
-    "image": false,
     "extra": "This small but mighty update includes some exciting new features and improvements to Zen, such as passkey support for MacOS, and a media player controller that's fully integrated with Picture-in-Picture mode.",
     "fixes": [
       "Glance should no longer close if 'onbeforeunload' is triggered",
@@ -2368,7 +2377,6 @@
   },
   {
     "version": "1.10.1b",
-    "image": false,
     "extra": "A small update with some bug fixes and improvements. We've also added a feature many of you have been asking for: a minimize button for Picture-in-Picture mode!",
     "fixes": [
       "Fixed media player having low contrast on automatic theme",
@@ -2389,7 +2397,6 @@
   },
   {
     "version": "1.10.2b",
-    "image": false,
     "extra": "Just a small update to improve stability while we work on much bigger things like: tab folders, a new workspace management UI, a new settings panel, and more. Sorry!",
     "fixes": [
       "Fixed the media player's playback rate and overflow not being updated correctly",
@@ -2406,15 +2413,15 @@
   },
   {
     "version": "1.10.3b",
-    "image": false,
     "extra": "Terribly sorry for the frequent updates, this emergency release simply updates Firefox, fixing a critical vulnerability in chromium's sandboxing system. You can read more here:\n\n<a href='https://cyberinsider.com/firefox-says-its-vulnerable-to-chromes-zero-day-used-in-espionage-attacks/'>https://cyberinsider.com/firefox-says-its-vulnerable-to-chromes-zero-day-used-in-espionage-attacks/</a>",
-    "features": ["Updated Firefox to 136.0.4"],
+    "features": [
+      "Updated Firefox to 136.0.4"
+    ],
     "workflowId": 14109635630,
     "date": "27/03/2025"
   },
   {
     "version": "1.11b",
-    "image": false,
     "extra": "This update brings in some new QoL improvements that we think you'll love, and more stability!",
     "fixes": [
       "Fixed dialogs in Glance tabs shrinking",
@@ -2457,7 +2464,6 @@
   },
   {
     "version": "1.11.1b",
-    "image": false,
     "extra": "This small update brings some nice fixes and stability improvements to Zen",
     "fixes": [
       "Fixed Glance not becoming it's own tab when expanding",
@@ -2469,7 +2475,6 @@
   },
   {
     "version": "1.11.2b",
-    "image": false,
     "extra": "Another stability update for Zen, while we prepare some cool new features for the future! Clue: it starts with an 'F'",
     "fixes": [
       {
@@ -2498,7 +2503,6 @@
   },
   {
     "version": "1.11.3b",
-    "image": false,
     "extra": "We are back with some nice QoL improvements and bug fixes. We decided that the release of Firefox 138 will be the defining moment for Zen, allowing stable enough groups for us to release tab folders! We are also working on something called 'Zen Library'!",
     "fixes": [
       "Fixed Glance occasionally acting weird when cycling tabs with the keyboard",
@@ -2523,7 +2527,6 @@
   },
   {
     "version": "1.11.4b",
-    "image": false,
     "extra": "This update includes a number of bug fixes and performance improvements!",
     "fixes": [
       {
@@ -2578,7 +2581,6 @@
   },
   {
     "version": "1.11.5b",
-    "image": false,
     "extra": "A small update to fix some issues with the new PiP feature and 'element-separation: 0'",
     "fixes": [
       "Fixed an issue with 'element-separation: 0' disallowing access to the window controls",
@@ -2590,7 +2592,6 @@
   },
   {
     "version": "1.12b",
-    "image": false,
     "extra": "A nice update that brings some cool new features and fixes!\n\nWe are also excited to announce that we've joined <a href=\"https://floss.social/@zenbrowser\">floss.social</a>!\n\nIn response to recent privacy concerns, we've significantly strengthened Zen's privacy measures. Previously, we only disabled telemetry, but some minimal pings were still being sent. Now, Firefox telemetry has been completely stripped out from the core.\n\nAdditionally, onboarding pages and initial Essentials favicons are now locally bundled and our website no longer relies on any external services, CDNs, nor Cloudflare services. Initial Essentials selected on startup will only be loaded when the tab is clicked on, so connections won't be established until you explicitly enter the tab. We also changed our onboarding Essentials options to more privacy and productivity focused sites.\n\nOnly critical security updates and other non-telemetry-related services remain. As a result, the number of external connections has dropped from 82 to around 20-10 \u2014 factoring in that Zen's site is loaded twice (for the welcome page and privacy policy).\n\nPsst. With the release of Firefox 138, folders are just around the corner!",
     "fixes": [
       "Fixed a crash when no loaded tab is present on the 'Ctrl+Tab' menu",
@@ -2637,7 +2638,6 @@
   },
   {
     "version": "1.12.1b",
-    "image": false,
     "extra": "This is just a small update to fix some bugs with the previous version. Please check out the release notes for 1.12b for more details.",
     "fixes": [
       "Fixed sidebar in collapsed and compact modes being too small",
@@ -2651,7 +2651,6 @@
   },
   {
     "version": "1.12.2b",
-    "image": false,
     "extra": "Just a small update to fix some bugs and introduce some minor features!",
     "fixes": [
       "Fixed Essentials/pinned tabs not loading if 'reset to default on startup' is enabled",
@@ -2673,8 +2672,7 @@
   },
   {
     "version": "1.12.3b",
-    "image": false,
+    "extra": "",
-    "extra": "This is just a small update to fix some bugs!",
     "fixes": [
       "Fixed the toast notifications not aligning when tabs are on the right",
       "Fixed restoring previous tabs not working in some cases",
@@ -2688,8 +2686,7 @@
   },
   {
     "version": "1.12.4b",
-    "image": false,
+    "extra": "",
-    "extra": "In this version we have added some tiny new improvements and fixed some bugs.",
     "fixes": [
       "Fixed issues with toast notifications not being hidden after a timeout and displaying when they shouldn't",
       {
@@ -2718,11 +2715,39 @@
   },
   {
     "version": "1.12.5b",
-    "image": false,
     "extra": "",
-    "fixes": ["Fixed a weird shadow with the URL bar.", "Fixed all tabs button appearing unexpectedly."],
+    "fixes": [
+      "Fixed a weird shadow with the URL bar.",
+      "Fixed all tabs button appearing unexpectedly."
+    ],
     "features": [],
     "workflowId": 15024223699,
     "date": "14/05/2025"
+  },
+  {
+    "version": "1.12.6b",
+    "extra": "This new release updates firefox to the latest version which fixes various security issues.",
+    "fixes": [
+      "Compact mode appearing 'tab openned in the background' when having multiple toolbars.",
+      "An issue with GTK popups having low contrast.",
+      "Tabs not being able to unload after closing glance.",
+      "An issue with updating invalid mods clearing the mod list.",
+      "An accessibility issue with the scrollbar on the sidebar.",
+      "Fixed opening a new link as split view while having glance open."
+    ],
+    "security": "https://www.mozilla.org/en-US/security/advisories/mfsa2025-36/",
+    "features": [
+      "Updated to Firefox 138.0.4",
+      "Better compact mode support for multiple toolbars."
+    ],
+    "knownIssues": [
+      "Selecting a tab on private mode doesn't scroll to make the tab visible."
+    ],
+    "themeChanges": [
+      "Changed the layout of workspaces and their icons internally to provide a more stable layout that doesn't require floating elements. We finally manage to get it how we wanted it to be, meaning it will change less in the future."
+    ],
+    "workflowId": 15101210312,
+    "image": false,
+    "date": "19/05/2025"
   }
 ]

src/release-notes/twilight.json

@@ -1,6 +1,5 @@
 {
   "version": "xxx",
-  "image": false,
   "extra": "",
   "fixes": [],
   "features": []

src/tests/components/PlatformDownload.test.ts

@@ -50,7 +50,13 @@ describe('<PlatformDownload />', () => {
   it('renders linux platform with flathub and tarball', async () => {
     const linuxReleases = {
       flathub: { all: { label: 'Flathub', link: '/flathub' } },
-      x86_64: { tarball: { label: 'Tarball x86_64', link: '/tarball-x86_64', checksum: 'sha256' } },
+      x86_64: {
+        tarball: {
+          label: 'Tarball x86_64',
+          link: '/tarball-x86_64',
+          checksum: 'sha256',
+        },
+      },
     }
     const result = await container.renderToString(PlatformDownload, {
       props: {
@@ -72,10 +78,18 @@ describe('<PlatformDownload />', () => {
     const linuxReleases = {
       flathub: { all: { label: 'Flathub', link: '/flathub' } },
       x86_64: {
-        tarball: { label: 'Tarball x86_64', link: '/tarball-x86_64', checksum: 'sha256' },
+        tarball: {
+          label: 'Tarball x86_64',
+          link: '/tarball-x86_64',
+          checksum: 'sha256',
+        },
       },
       aarch64: {
-        tarball: { label: 'Tarball ARM64', link: '/tarball-arm64', checksum: 'sha256-arm64' },
+        tarball: {
+          label: 'Tarball ARM64',
+          link: '/tarball-arm64',
+          checksum: 'sha256-arm64',
+        },
       },
     }
     const result = await container.renderToString(PlatformDownload, {