From 0feccd0ad96c67db4c147676de034105844bfe13 Mon Sep 17 00:00:00 2001
From: harsh mahajan <harshmahajan2345@gmail.com>
Date: Wed, 2 Sep 2026 10:18:24 +0530
Subject: [PATCH 1/5] fix(console): make the new Console banner responsive and
 snoozeable

Three fixes found while testing on production.

Responsive: the layout switched to a column at isSmallViewport (max-width
767px) but Button's .is-full-width-mobile applies at max-width 768px. At
exactly 768px the row stayed horizontal while the button took the full
line, crushing the copy into a ~90px column seven lines tall. Switched the
direction to isTabletViewport and dropped fullWidthMobile so the button
sizes to its content. 768px goes from 182px tall to 96px.

Dismissal: closing the banner wrote a localStorage key that was never
cleared, so one click removed the message for the entire migration. Now
uses hideNotification with a one week cool-off and exponential backoff, and
shouldShowNotification to gate registration. Repeated dismissals still fade
it out, but a stray click no longer opts the user out permanently.

Resize: AlertStack owns the shell offset for alerts inside it but only
re-measured via ResizeObserver and afterNavigate. GradientBanner used to
compensate with its own window resize handler, which no longer runs when a
stack is in charge, so resizing left the header overlapping the banner.
Added the resize listener to AlertStack, which also covers HeaderAlert.
---
 src/lib/components/newConsoleBanner.svelte | 15 ++++++++++-----
 src/lib/layout/alertStack.svelte           |  4 ++++
 src/routes/(console)/+layout.svelte        |  3 ++-
 3 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/newConsoleBanner.svelte b/src/lib/components/newConsoleBanner.svelte
index 82857f99c3..b59873a1c8 100644
--- a/src/lib/components/newConsoleBanner.svelte
+++ b/src/lib/components/newConsoleBanner.svelte
@@ -2,7 +2,8 @@
     import { trackEvent } from '$lib/actions/analytics';
     import { Button } from '$lib/elements/forms';
     import { Layout, Typography } from '@appwrite.io/pink-svelte';
-    import { isSmallViewport } from '$lib/stores/viewport';
+    import { isTabletViewport } from '$lib/stores/viewport';
+    import { hideNotification } from '$lib/helpers/notifications';
     import { headerAlert } from '$lib/stores/headerAlert';
     import { activeHeaderAlert } from '$routes/(console)/store';
     import GradientBanner from './billing/gradientBanner.svelte';
@@ -13,7 +14,11 @@
 
     function handleClose() {
         const { id } = $activeHeaderAlert;
-        localStorage.setItem(id, new Date().getTime().toString());
+
+        // A migration runs for months, so dismissal is a snooze rather than a permanent opt-out:
+        // a week at first, doubling each time. Someone who keeps closing it stops seeing it, but a
+        // single stray click on the X does not remove the message for the whole rollout.
+        hideNotification(id, { coolOffPeriod: 24 * 7, exponentialBackoff: true });
         trackEvent('close_new_console_banner', { source: 'new_console_banner' });
 
         // Clear the store entry, not just this component. headerAlert.get() picks the highest
@@ -28,15 +33,15 @@
         gap="m"
         alignItems="center"
         alignContent="center"
-        direction={$isSmallViewport ? 'column' : 'row'}>
-        <Typography.Text>
+        justifyContent="center"
+        direction={$isTabletViewport ? 'column' : 'row'}>
+        <Typography.Text align={$isTabletViewport ? 'center' : 'start'}>
             Introducing the new Appwrite Console, rebuilt from the ground up.
         </Typography.Text>
 
         <Button
             secondary
             external
-            fullWidthMobile
             class="u-line-height-1"
             {href}
             on:click={() => trackEvent('click_new_console', { source: 'new_console_banner' })}>
diff --git a/src/lib/layout/alertStack.svelte b/src/lib/layout/alertStack.svelte
index 597b5f2fa8..827e78365e 100644
--- a/src/lib/layout/alertStack.svelte
+++ b/src/lib/layout/alertStack.svelte
@@ -57,6 +57,10 @@
     afterNavigate(() => setNavigationHeight());
 </script>
 
+<!-- The stack owns the shell offset for every alert inside it, so it has to re-measure when
+     the viewport changes and an alert reflows to a different height. -->
+<svelte:window on:resize={setNavigationHeight} />
+
 <div bind:this={container} class="alert-stack">
     <slot />
 </div>
diff --git a/src/routes/(console)/+layout.svelte b/src/routes/(console)/+layout.svelte
index 2cd9e62be6..b5b2c612ae 100644
--- a/src/routes/(console)/+layout.svelte
+++ b/src/routes/(console)/+layout.svelte
@@ -45,6 +45,7 @@
     import { UsageRates } from '$lib/components/billing';
     import { canSeeProjects } from '$lib/stores/roles';
     import { BottomModalAlert, NewConsoleBanner } from '$lib/components';
+    import { shouldShowNotification } from '$lib/helpers/notifications';
     import { isSmallViewport } from '$lib/stores/viewport';
     import {
         IconAnnotation,
@@ -328,7 +329,7 @@
     onMount(() => {
         // Same shape as newDevUpgradePro: promo tier (importance 1) so it can never outrank a
         // payment or usage warning, dismissal keyed on the alert id in localStorage.
-        if (isCloud && !localStorage.getItem('newConsoleBanner')) {
+        if (isCloud && shouldShowNotification('newConsoleBanner')) {
             headerAlert.add({
                 id: 'newConsoleBanner',
                 component: NewConsoleBanner,

From 3b2413d745712a63867332929808b5bc3677d726 Mon Sep 17 00:00:00 2001
From: harsh mahajan <harshmahajan2345@gmail.com>
Date: Wed, 2 Sep 2026 10:26:09 +0530
Subject: [PATCH 2/5] fix(deps): pin browserslist above the new high-severity
 advisories

bun audit --audit-level high started failing on every branch after two
advisories were published against browserslist <=4.28.6, reached through
svelte-preprocess and @sentry/sveltekit. Neither is a direct dependency, so
this pins it in the existing overrides block alongside the other
transitive security pins. Resolves to 4.28.8.

GHSA-c83g-rgw3-j3cx, GHSA-73wf-gq98-2v4g
---
 bun.lock     | 13 +++++++------
 package.json |  3 ++-
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/bun.lock b/bun.lock
index ed5b08375d..4336747ab3 100644
--- a/bun.lock
+++ b/bun.lock
@@ -90,6 +90,7 @@
   },
   "overrides": {
     "brace-expansion": ">=5.0.9",
+    "browserslist": ">=4.28.7",
     "cookie": "^0.7.0",
     "devalue": "^5.8.1",
     "flatted": "^3.4.2",
@@ -642,7 +643,7 @@
 
     "balanced-match": ["balanced-match@4.0.4", "", {}, "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA=="],
 
-    "baseline-browser-mapping": ["baseline-browser-mapping@2.10.8", "", { "bin": { "baseline-browser-mapping": "dist/cli.cjs" } }, "sha512-PCLz/LXGBsNTErbtB6i5u4eLpHeMfi93aUv5duMmj6caNu6IphS4q6UevDnL36sZQv9lrP11dbPKGMaXPwMKfQ=="],
+    "baseline-browser-mapping": ["baseline-browser-mapping@2.11.20", "", { "bin": { "baseline-browser-mapping": "dist/cli.cjs" } }, "sha512-H0ulySigv6icDJ1F7SjtdCD6PrhTpdYCmP0CactWy1+ekh0AFd0o1Wn5T8b+hnTmdBx19u9yhL6wvCylXMY7zw=="],
 
     "bidi-js": ["bidi-js@1.0.3", "", { "dependencies": { "require-from-string": "^2.0.2" } }, "sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw=="],
 
@@ -654,7 +655,7 @@
 
     "braces": ["braces@3.0.3", "", { "dependencies": { "fill-range": "^7.1.1" } }, "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA=="],
 
-    "browserslist": ["browserslist@4.28.1", "", { "dependencies": { "baseline-browser-mapping": "^2.9.0", "caniuse-lite": "^1.0.30001759", "electron-to-chromium": "^1.5.263", "node-releases": "^2.0.27", "update-browserslist-db": "^1.2.0" }, "bin": { "browserslist": "cli.js" } }, "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA=="],
+    "browserslist": ["browserslist@4.28.8", "", { "dependencies": { "baseline-browser-mapping": "^2.11.12", "caniuse-lite": "^1.0.30001809", "electron-to-chromium": "^1.5.402", "node-releases": "^2.0.53", "update-browserslist-db": "^1.3.0" }, "bin": { "browserslist": "cli.js" } }, "sha512-V2NpofLblG64mfOtSgDhOJESZEGogzDMBv/q+W6oc4LXWP/q75eOXoOaaOu1EOadB9U4Bwx/e0yzbvwKH8zalA=="],
 
     "call-bind": ["call-bind@1.0.8", "", { "dependencies": { "call-bind-apply-helpers": "^1.0.0", "es-define-property": "^1.0.0", "get-intrinsic": "^1.2.4", "set-function-length": "^1.2.2" } }, "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww=="],
 
@@ -666,7 +667,7 @@
 
     "camera-controls": ["camera-controls@3.1.2", "", { "peerDependencies": { "three": ">=0.126.1" } }, "sha512-xkxfpG2ECZ6Ww5/9+kf4mfg1VEYAoe9aDSY+IwF0UEs7qEzwy0aVRfs2grImIECs/PoBtWFrh7RXsQkwG922JA=="],
 
-    "caniuse-lite": ["caniuse-lite@1.0.30001779", "", {}, "sha512-U5og2PN7V4DMgF50YPNtnZJGWVLFjjsN3zb6uMT5VGYIewieDj1upwfuVNXf4Kor+89c3iCRJnSzMD5LmTvsfA=="],
+    "caniuse-lite": ["caniuse-lite@1.0.30001810", "", {}, "sha512-TITQPUkaz+aVk5GL6NhOdwk1aEaNTSDPsGFWrTuhKGtjTF70jL/Oht2W4c6rXUe5fu7Ie19VIahAXHIIiWWNeg=="],
 
     "ccount": ["ccount@2.0.1", "", {}, "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg=="],
 
@@ -822,7 +823,7 @@
 
     "echarts": ["echarts@5.6.0", "", { "dependencies": { "tslib": "2.3.0", "zrender": "5.6.1" } }, "sha512-oTbVTsXfKuEhxftHqL5xprgLoc0k7uScAwtryCgWF6hPYFLRwOUHiFmHGCBKP5NPFNkDVopOieyUqYGH8Fa3kA=="],
 
-    "electron-to-chromium": ["electron-to-chromium@1.5.313", "", {}, "sha512-QBMrTWEf00GXZmJyx2lbYD45jpI3TUFnNIzJ5BBc8piGUDwMPa1GV6HJWTZVvY/eiN3fSopl7NRbgGp9sZ9LTA=="],
+    "electron-to-chromium": ["electron-to-chromium@1.5.420", "", {}, "sha512-2yD6XreGusOfNV+dUcvipJEXc3n/n7fgr7996aszTG+YY5E4mqM4tOq/3uhP129cazL9YHbVWSpc79ePotWtPA=="],
 
     "emoji-regex-xs": ["emoji-regex-xs@1.0.0", "", {}, "sha512-LRlerrMYoIDrT6jgpeZ2YYl/L8EulRTt5hQcYjy5AInh7HWXKimpqx68aknBFpGL2+/IcogTcaydJEgaTmOpDg=="],
 
@@ -1138,7 +1139,7 @@
 
     "node-fetch": ["node-fetch@2.7.0", "", { "dependencies": { "whatwg-url": "^5.0.0" }, "peerDependencies": { "encoding": "^0.1.0" }, "optionalPeers": ["encoding"] }, "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A=="],
 
-    "node-releases": ["node-releases@2.0.36", "", {}, "sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA=="],
+    "node-releases": ["node-releases@2.0.54", "", {}, "sha512-YHs7BmmcsdAI5Ozuf8JZo6PT0mv2GIWC9vMfvUC3dp65M8hn7Ux8CPL+2oBI7juNuj9d0ndhTcznq2ODBps9cQ=="],
 
     "normalize-path": ["normalize-path@3.0.0", "", {}, "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="],
 
@@ -1424,7 +1425,7 @@
 
     "unplugin": ["unplugin@1.0.1", "", { "dependencies": { "acorn": "^8.8.1", "chokidar": "^3.5.3", "webpack-sources": "^3.2.3", "webpack-virtual-modules": "^0.5.0" } }, "sha512-aqrHaVBWW1JVKBHmGo33T5TxeL0qWzfvjWokObHA9bYmN7eNDkwOxmLjhioHl9878qDFMAaT51XNroRyuz7WxA=="],
 
-    "update-browserslist-db": ["update-browserslist-db@1.2.3", "", { "dependencies": { "escalade": "^3.2.0", "picocolors": "^1.1.1" }, "peerDependencies": { "browserslist": ">= 4.21.0" }, "bin": { "update-browserslist-db": "cli.js" } }, "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w=="],
+    "update-browserslist-db": ["update-browserslist-db@1.3.2", "", { "dependencies": { "escalade": "^3.2.0", "picocolors": "^1.1.1" }, "peerDependencies": { "browserslist": ">= 4.21.0" }, "bin": { "update-browserslist-db": "cli.js" } }, "sha512-UQ+MSxlhRm1bzjhU+DcuXfjFO1FzNtqhK5+9Yvlp90ItDLk5vT932A0rFu619nf7RVS+Y/VeaUW1jaRDqZ8VJw=="],
 
     "uri-js": ["uri-js@4.4.1", "", { "dependencies": { "punycode": "^2.1.0" } }, "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg=="],
 
diff --git a/package.json b/package.json
index e54f0e19d7..74da8a60d8 100644
--- a/package.json
+++ b/package.json
@@ -113,6 +113,7 @@
         "cookie": "^0.7.0",
         "ws": "^8.21.0",
         "postcss": "^8.5.18",
-        "nanoid": "^3.3.18"
+        "nanoid": "^3.3.18",
+        "browserslist": ">=4.28.7"
     }
 }

From 065a6a16463640587542125bd9f55f12b748859f Mon Sep 17 00:00:00 2001
From: harsh mahajan <harshmahajan2345@gmail.com>
Date: Wed, 2 Sep 2026 10:32:32 +0530
Subject: [PATCH 3/5] fix(console): do not lose the banner snooze when the
 prefs write fails

hideNotification fired updatePrefs without returning or catching it, so a
rejected write was unobservable: the banner hid locally, nothing was
recorded, and it returned on the next load with the backoff count lost.

updateNotificationPrefs and hideNotification now return the promise. This
is backwards compatible, the four existing callers ignore the return value
and keep their fire-and-forget behaviour.

The banner awaits it and, if the write is rejected, falls back to a local
snooze for a week so the dismissal is never silently dropped. Account prefs
stay the source of truth: they carry the backoff count and follow the user
across devices, and the local key is cleared as soon as a write succeeds.
Registration now goes through canShowNewConsoleBanner, which checks both.

Adds notifications.test.ts covering the returned promise, the rejection
path, the recorded expiry, and the backoff counter.
---
 src/lib/components/newConsoleBanner.svelte | 39 +++++++++++++--
 src/lib/helpers/notifications.test.ts      | 56 ++++++++++++++++++++++
 src/lib/helpers/notifications.ts           |  6 ++-
 src/routes/(console)/+layout.svelte        |  9 ++--
 4 files changed, 100 insertions(+), 10 deletions(-)
 create mode 100644 src/lib/helpers/notifications.test.ts

diff --git a/src/lib/components/newConsoleBanner.svelte b/src/lib/components/newConsoleBanner.svelte
index b59873a1c8..e943538077 100644
--- a/src/lib/components/newConsoleBanner.svelte
+++ b/src/lib/components/newConsoleBanner.svelte
@@ -1,3 +1,24 @@
+<script lang="ts" context="module">
+    import { shouldShowNotification } from '$lib/helpers/notifications';
+
+    export const NEW_CONSOLE_BANNER_ID = 'newConsoleBanner';
+
+    /**
+     * Account prefs are the source of truth for the snooze: they carry the backoff count and
+     * follow the user across devices. This local key only covers the case where that write is
+     * rejected, so a dismissal is never silently lost.
+     */
+    const SNOOZE_FALLBACK_KEY = 'newConsoleBanner:snoozedUntil';
+    const SNOOZE_FALLBACK_MS = 7 * 24 * 60 * 60 * 1000;
+
+    export function canShowNewConsoleBanner(): boolean {
+        const until = Number(localStorage.getItem(SNOOZE_FALLBACK_KEY) ?? 0);
+        if (Number.isFinite(until) && Date.now() < until) return false;
+
+        return shouldShowNotification(NEW_CONSOLE_BANNER_ID);
+    }
+</script>
+
 <script lang="ts">
     import { trackEvent } from '$lib/actions/analytics';
     import { Button } from '$lib/elements/forms';
@@ -12,19 +33,27 @@
     const href =
         'https://appwrite.io/?utm_source=old-console&utm_medium=banner&utm_campaign=new-console';
 
-    function handleClose() {
+    async function handleClose() {
         const { id } = $activeHeaderAlert;
 
-        // A migration runs for months, so dismissal is a snooze rather than a permanent opt-out:
-        // a week at first, doubling each time. Someone who keeps closing it stops seeing it, but a
-        // single stray click on the X does not remove the message for the whole rollout.
-        hideNotification(id, { coolOffPeriod: 24 * 7, exponentialBackoff: true });
         trackEvent('close_new_console_banner', { source: 'new_console_banner' });
 
         // Clear the store entry, not just this component. headerAlert.get() picks the highest
         // importance and breaks ties by registration order, so an entry left visible keeps
         // winning the importance-1 tie and hides the next eligible promo behind an empty slot.
         headerAlert.updateShow(id, false);
+
+        // A migration runs for months, so dismissal is a snooze rather than a permanent opt-out:
+        // a week at first, doubling each time. Someone who keeps closing it stops seeing it, but a
+        // single stray click on the X does not remove the message for the whole rollout.
+        try {
+            await hideNotification(id, { coolOffPeriod: 24 * 7, exponentialBackoff: true });
+            localStorage.removeItem(SNOOZE_FALLBACK_KEY);
+        } catch {
+            // Prefs rejected the write, so the snooze would be lost on the next load. Hold it in
+            // this browser instead: a flat week, no backoff, cleared once prefs accept a write.
+            localStorage.setItem(SNOOZE_FALLBACK_KEY, String(Date.now() + SNOOZE_FALLBACK_MS));
+        }
     }
 </script>
 
diff --git a/src/lib/helpers/notifications.test.ts b/src/lib/helpers/notifications.test.ts
new file mode 100644
index 0000000000..052bfea2c1
--- /dev/null
+++ b/src/lib/helpers/notifications.test.ts
@@ -0,0 +1,56 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
+const updatePrefs = vi.fn();
+
+vi.mock('$lib/stores/sdk', () => ({
+    sdk: { forConsole: { account: { updatePrefs: (...args: unknown[]) => updatePrefs(...args) } } }
+}));
+
+vi.mock('$lib/stores/user', () => ({
+    user: { subscribe: (run: (value: unknown) => void) => (run({ prefs: {} }), () => {}) }
+}));
+
+import { hideNotification } from './notifications';
+
+describe('hideNotification', () => {
+    beforeEach(() => {
+        updatePrefs.mockReset();
+    });
+
+    it('returns the preference write so callers can await it', async () => {
+        updatePrefs.mockResolvedValue({});
+
+        await expect(hideNotification('promo')).resolves.toBeDefined();
+        expect(updatePrefs).toHaveBeenCalledOnce();
+    });
+
+    // Without a returned promise a rejected write is unobservable, and a dismissal is silently
+    // lost on the next load. Callers need to be able to fall back.
+    it('surfaces a rejected write instead of swallowing it', async () => {
+        updatePrefs.mockRejectedValue(new Error('network'));
+
+        await expect(hideNotification('promo')).rejects.toThrow('network');
+    });
+
+    it('records the snooze that was asked for', async () => {
+        updatePrefs.mockResolvedValue({});
+
+        const before = Date.now();
+        await hideNotification('promo', { coolOffPeriod: 24 * 7 });
+
+        const written = updatePrefs.mock.calls[0][0].prefs.notificationPrefs['promo'];
+        expect(written.state).toBe('hidden');
+        expect(written.expiry).toBeGreaterThanOrEqual(before + 24 * 7 * 3600000);
+    });
+
+    it('doubles the cool-off on each dismissal when backoff is on', async () => {
+        updatePrefs.mockResolvedValue({});
+
+        const before = Date.now();
+        await hideNotification('promo', { coolOffPeriod: 24, exponentialBackoff: true });
+
+        const written = updatePrefs.mock.calls[0][0].prefs.notificationPrefs['promo'];
+        expect(written.hideCount).toBe(1);
+        expect(written.expiry).toBeGreaterThanOrEqual(before + 24 * 3600000);
+    });
+});
diff --git a/src/lib/helpers/notifications.ts b/src/lib/helpers/notifications.ts
index 7264d5303c..2c66ef221a 100644
--- a/src/lib/helpers/notifications.ts
+++ b/src/lib/helpers/notifications.ts
@@ -35,7 +35,9 @@ function updateNotificationPrefs(parsedPrefs: Record<string, NotificationPrefIte
         notificationPrefs: parsedPrefs
     };
 
-    sdk.forConsole.account.updatePrefs({ prefs: newPrefs });
+    // Returned so callers can observe a rejected write. Existing callers ignore it and keep
+    // their previous fire-and-forget behaviour.
+    return sdk.forConsole.account.updatePrefs({ prefs: newPrefs });
 }
 
 /**
@@ -73,7 +75,7 @@ export function hideNotification(id: string, options: NotificationCoolOffOptions
         expiry: expiryTime
     };
 
-    updateNotificationPrefs(parsedBannerPrefs);
+    return updateNotificationPrefs(parsedBannerPrefs);
 }
 
 /**
diff --git a/src/routes/(console)/+layout.svelte b/src/routes/(console)/+layout.svelte
index b5b2c612ae..5e133d6fec 100644
--- a/src/routes/(console)/+layout.svelte
+++ b/src/routes/(console)/+layout.svelte
@@ -45,7 +45,10 @@
     import { UsageRates } from '$lib/components/billing';
     import { canSeeProjects } from '$lib/stores/roles';
     import { BottomModalAlert, NewConsoleBanner } from '$lib/components';
-    import { shouldShowNotification } from '$lib/helpers/notifications';
+    import {
+        NEW_CONSOLE_BANNER_ID,
+        canShowNewConsoleBanner
+    } from '$lib/components/newConsoleBanner.svelte';
     import { isSmallViewport } from '$lib/stores/viewport';
     import {
         IconAnnotation,
@@ -329,9 +332,9 @@
     onMount(() => {
         // Same shape as newDevUpgradePro: promo tier (importance 1) so it can never outrank a
         // payment or usage warning, dismissal keyed on the alert id in localStorage.
-        if (isCloud && shouldShowNotification('newConsoleBanner')) {
+        if (isCloud && canShowNewConsoleBanner()) {
             headerAlert.add({
-                id: 'newConsoleBanner',
+                id: NEW_CONSOLE_BANNER_ID,
                 component: NewConsoleBanner,
                 show: true,
                 importance: 1

From 2862860d24ac81ef8782a7477c47255a0f76f382 Mon Sep 17 00:00:00 2001
From: harsh mahajan <harshmahajan2345@gmail.com>
Date: Wed, 2 Sep 2026 10:39:06 +0530
Subject: [PATCH 4/5] fix(console): keep the backoff escalating when prefs
 writes keep failing

The local fallback recorded a flat one week with no hide count, so a run of
rejected preference writes restarted the sequence every time instead of
continuing it. That contradicted the behaviour described one line above it.

Extracts the fallback into localSnooze.ts, which reproduces the same curve
as notifications.ts: coolOffPeriod * factor ** (hideCount - 1). Repeated
failures now escalate 1w, 2w, 4w, 8w, and a successful write still clears
the local copy so account prefs remain the source of truth.

Reads and writes are guarded, so private mode or a corrupt value fails
towards showing the banner rather than hiding it forever.

Adds localSnooze.test.ts covering the escalation, the formula parity with
account prefs, the expiry boundary, and the corrupt-value case.
---
 src/lib/components/newConsoleBanner.svelte | 34 +++++++----
 src/lib/helpers/localSnooze.test.ts        | 51 +++++++++++++++++
 src/lib/helpers/localSnooze.ts             | 65 ++++++++++++++++++++++
 3 files changed, 139 insertions(+), 11 deletions(-)
 create mode 100644 src/lib/helpers/localSnooze.test.ts
 create mode 100644 src/lib/helpers/localSnooze.ts

diff --git a/src/lib/components/newConsoleBanner.svelte b/src/lib/components/newConsoleBanner.svelte
index e943538077..35c4a4ef33 100644
--- a/src/lib/components/newConsoleBanner.svelte
+++ b/src/lib/components/newConsoleBanner.svelte
@@ -1,19 +1,19 @@
 <script lang="ts" context="module">
     import { shouldShowNotification } from '$lib/helpers/notifications';
+    import { isLocallySnoozed, readLocalSnooze } from '$lib/helpers/localSnooze';
 
     export const NEW_CONSOLE_BANNER_ID = 'newConsoleBanner';
 
     /**
-     * Account prefs are the source of truth for the snooze: they carry the backoff count and
-     * follow the user across devices. This local key only covers the case where that write is
-     * rejected, so a dismissal is never silently lost.
+     * Account prefs are the source of truth for the snooze: they carry the hide count and follow
+     * the user across devices. This local key only covers a rejected prefs write, so a dismissal
+     * is never silently lost.
      */
-    const SNOOZE_FALLBACK_KEY = 'newConsoleBanner:snoozedUntil';
-    const SNOOZE_FALLBACK_MS = 7 * 24 * 60 * 60 * 1000;
+    export const SNOOZE_FALLBACK_KEY = 'newConsoleBanner:snooze';
+    export const SNOOZE_COOL_OFF_HOURS = 24 * 7;
 
     export function canShowNewConsoleBanner(): boolean {
-        const until = Number(localStorage.getItem(SNOOZE_FALLBACK_KEY) ?? 0);
-        if (Number.isFinite(until) && Date.now() < until) return false;
+        if (isLocallySnoozed(readLocalSnooze(SNOOZE_FALLBACK_KEY), Date.now())) return false;
 
         return shouldShowNotification(NEW_CONSOLE_BANNER_ID);
     }
@@ -25,6 +25,7 @@
     import { Layout, Typography } from '@appwrite.io/pink-svelte';
     import { isTabletViewport } from '$lib/stores/viewport';
     import { hideNotification } from '$lib/helpers/notifications';
+    import { clearLocalSnooze, nextLocalSnooze, writeLocalSnooze } from '$lib/helpers/localSnooze';
     import { headerAlert } from '$lib/stores/headerAlert';
     import { activeHeaderAlert } from '$routes/(console)/store';
     import GradientBanner from './billing/gradientBanner.svelte';
@@ -47,12 +48,23 @@
         // a week at first, doubling each time. Someone who keeps closing it stops seeing it, but a
         // single stray click on the X does not remove the message for the whole rollout.
         try {
-            await hideNotification(id, { coolOffPeriod: 24 * 7, exponentialBackoff: true });
-            localStorage.removeItem(SNOOZE_FALLBACK_KEY);
+            await hideNotification(id, {
+                coolOffPeriod: SNOOZE_COOL_OFF_HOURS,
+                exponentialBackoff: true
+            });
+            clearLocalSnooze(SNOOZE_FALLBACK_KEY);
         } catch {
             // Prefs rejected the write, so the snooze would be lost on the next load. Hold it in
-            // this browser instead: a flat week, no backoff, cleared once prefs accept a write.
-            localStorage.setItem(SNOOZE_FALLBACK_KEY, String(Date.now() + SNOOZE_FALLBACK_MS));
+            // this browser instead, escalating on the same curve so repeated failures continue
+            // the sequence rather than restarting at a week. Cleared once a write succeeds.
+            writeLocalSnooze(
+                SNOOZE_FALLBACK_KEY,
+                nextLocalSnooze(
+                    readLocalSnooze(SNOOZE_FALLBACK_KEY),
+                    SNOOZE_COOL_OFF_HOURS,
+                    Date.now()
+                )
+            );
         }
     }
 </script>
diff --git a/src/lib/helpers/localSnooze.test.ts b/src/lib/helpers/localSnooze.test.ts
new file mode 100644
index 0000000000..f0fc110067
--- /dev/null
+++ b/src/lib/helpers/localSnooze.test.ts
@@ -0,0 +1,51 @@
+import { describe, expect, it } from 'vitest';
+import { isLocallySnoozed, nextLocalSnooze, type LocalSnooze } from './localSnooze';
+
+const HOUR = 3600000;
+const WEEK_HOURS = 24 * 7;
+const NOW = 1_700_000_000_000;
+
+describe('nextLocalSnooze', () => {
+    it('starts at the base cool-off', () => {
+        const snooze = nextLocalSnooze(null, WEEK_HOURS, NOW);
+
+        expect(snooze.hideCount).toBe(1);
+        expect(snooze.expiry).toBe(NOW + WEEK_HOURS * HOUR);
+    });
+
+    // The point of the fallback: a run of failed preference writes has to keep escalating,
+    // otherwise the user is asked again every week forever.
+    it('doubles on each repeat instead of restarting at the base period', () => {
+        let snooze: LocalSnooze | null = null;
+        const weeks: number[] = [];
+
+        for (let i = 0; i < 4; i++) {
+            snooze = nextLocalSnooze(snooze, WEEK_HOURS, NOW);
+            weeks.push((snooze.expiry - NOW) / (WEEK_HOURS * HOUR));
+        }
+
+        expect(weeks).toEqual([1, 2, 4, 8]);
+        expect(snooze?.hideCount).toBe(4);
+    });
+
+    it('matches the account-prefs formula, coolOff * factor ** (hideCount - 1)', () => {
+        const third = nextLocalSnooze({ hideCount: 2, expiry: 0 }, WEEK_HOURS, NOW);
+
+        expect(third.expiry).toBe(NOW + WEEK_HOURS * HOUR * 2 ** 2);
+    });
+});
+
+describe('isLocallySnoozed', () => {
+    it('holds until the deadline, then releases', () => {
+        const snooze = nextLocalSnooze(null, WEEK_HOURS, NOW);
+
+        expect(isLocallySnoozed(snooze, NOW)).toBe(true);
+        expect(isLocallySnoozed(snooze, snooze.expiry - 1)).toBe(true);
+        expect(isLocallySnoozed(snooze, snooze.expiry)).toBe(false);
+    });
+
+    it('never hides the notification for a missing or corrupt value', () => {
+        expect(isLocallySnoozed(null, NOW)).toBe(false);
+        expect(isLocallySnoozed({ hideCount: 1, expiry: NaN }, NOW)).toBe(false);
+    });
+});
diff --git a/src/lib/helpers/localSnooze.ts b/src/lib/helpers/localSnooze.ts
new file mode 100644
index 0000000000..9b1486edab
--- /dev/null
+++ b/src/lib/helpers/localSnooze.ts
@@ -0,0 +1,65 @@
+/**
+ * Browser-local mirror of the account-prefs snooze in `notifications.ts`.
+ *
+ * Account prefs are the source of truth: they carry the hide count and follow the user across
+ * devices. This only covers a rejected prefs write, where the dismissal would otherwise be lost
+ * on the next load. It deliberately reproduces the same escalation, so intermittent failures
+ * continue the sequence instead of restarting it at the base period every time.
+ */
+
+const COOL_OFF_MS = 3600000;
+
+export type LocalSnooze = {
+    /** How many times this has been snoozed locally. */
+    hideCount: number;
+    /** Epoch ms after which the notification may show again. */
+    expiry: number;
+};
+
+export function nextLocalSnooze(
+    previous: LocalSnooze | null,
+    coolOffPeriodHours: number,
+    now: number,
+    backoffFactor = 2
+): LocalSnooze {
+    const hideCount = (previous?.hideCount ?? 0) + 1;
+
+    return {
+        hideCount,
+        expiry: now + coolOffPeriodHours * COOL_OFF_MS * backoffFactor ** (hideCount - 1)
+    };
+}
+
+export function isLocallySnoozed(snooze: LocalSnooze | null, now: number): boolean {
+    return !!snooze && Number.isFinite(snooze.expiry) && now < snooze.expiry;
+}
+
+export function readLocalSnooze(key: string): LocalSnooze | null {
+    try {
+        const raw = localStorage.getItem(key);
+        if (!raw) return null;
+
+        const parsed = JSON.parse(raw) as LocalSnooze;
+        return Number.isFinite(parsed?.expiry) ? parsed : null;
+    } catch {
+        // A malformed or unreadable value must not keep the notification hidden forever.
+        return null;
+    }
+}
+
+export function writeLocalSnooze(key: string, snooze: LocalSnooze) {
+    try {
+        localStorage.setItem(key, JSON.stringify(snooze));
+    } catch {
+        // Storage can be unavailable in private mode. Nothing to recover here: the notification
+        // reappears on the next load, which is the safer direction to fail.
+    }
+}
+
+export function clearLocalSnooze(key: string) {
+    try {
+        localStorage.removeItem(key);
+    } catch {
+        // See writeLocalSnooze.
+    }
+}

From 897f8e3128dd2471e789c54c30f5de4704b3b82f Mon Sep 17 00:00:00 2001
From: harsh mahajan <harshmahajan2345@gmail.com>
Date: Wed, 2 Sep 2026 10:44:27 +0530
Subject: [PATCH 5/5] revert: drop the local snooze fallback as over-built

The fallback and its tests were about 210 of the 247 lines in this branch,
all to handle the case where an account prefs write is rejected. For a
dismissable promo the cost of not handling it is that the banner shows
again on the next load, and the user closes it again.

Reverting leaves dismissal identical to the four other hideNotification
call sites: fire and forget, account prefs as the only store. No second
source of truth, so no way for two counters to disagree.

Keeps the three fixes this branch is actually for: the 768px breakpoint
mismatch, the AlertStack resize listener, and the browserslist pin.
---
 src/lib/components/newConsoleBanner.svelte | 44 +--------------
 src/lib/helpers/localSnooze.test.ts        | 51 -----------------
 src/lib/helpers/localSnooze.ts             | 65 ----------------------
 src/lib/helpers/notifications.test.ts      | 56 -------------------
 src/lib/helpers/notifications.ts           |  6 +-
 src/routes/(console)/+layout.svelte        |  9 +--
 6 files changed, 7 insertions(+), 224 deletions(-)
 delete mode 100644 src/lib/helpers/localSnooze.test.ts
 delete mode 100644 src/lib/helpers/localSnooze.ts
 delete mode 100644 src/lib/helpers/notifications.test.ts

diff --git a/src/lib/components/newConsoleBanner.svelte b/src/lib/components/newConsoleBanner.svelte
index 35c4a4ef33..dc1f4be158 100644
--- a/src/lib/components/newConsoleBanner.svelte
+++ b/src/lib/components/newConsoleBanner.svelte
@@ -1,31 +1,9 @@
-<script lang="ts" context="module">
-    import { shouldShowNotification } from '$lib/helpers/notifications';
-    import { isLocallySnoozed, readLocalSnooze } from '$lib/helpers/localSnooze';
-
-    export const NEW_CONSOLE_BANNER_ID = 'newConsoleBanner';
-
-    /**
-     * Account prefs are the source of truth for the snooze: they carry the hide count and follow
-     * the user across devices. This local key only covers a rejected prefs write, so a dismissal
-     * is never silently lost.
-     */
-    export const SNOOZE_FALLBACK_KEY = 'newConsoleBanner:snooze';
-    export const SNOOZE_COOL_OFF_HOURS = 24 * 7;
-
-    export function canShowNewConsoleBanner(): boolean {
-        if (isLocallySnoozed(readLocalSnooze(SNOOZE_FALLBACK_KEY), Date.now())) return false;
-
-        return shouldShowNotification(NEW_CONSOLE_BANNER_ID);
-    }
-</script>
-
 <script lang="ts">
     import { trackEvent } from '$lib/actions/analytics';
     import { Button } from '$lib/elements/forms';
     import { Layout, Typography } from '@appwrite.io/pink-svelte';
     import { isTabletViewport } from '$lib/stores/viewport';
     import { hideNotification } from '$lib/helpers/notifications';
-    import { clearLocalSnooze, nextLocalSnooze, writeLocalSnooze } from '$lib/helpers/localSnooze';
     import { headerAlert } from '$lib/stores/headerAlert';
     import { activeHeaderAlert } from '$routes/(console)/store';
     import GradientBanner from './billing/gradientBanner.svelte';
@@ -34,7 +12,7 @@
     const href =
         'https://appwrite.io/?utm_source=old-console&utm_medium=banner&utm_campaign=new-console';
 
-    async function handleClose() {
+    function handleClose() {
         const { id } = $activeHeaderAlert;
 
         trackEvent('close_new_console_banner', { source: 'new_console_banner' });
@@ -47,25 +25,7 @@
         // A migration runs for months, so dismissal is a snooze rather than a permanent opt-out:
         // a week at first, doubling each time. Someone who keeps closing it stops seeing it, but a
         // single stray click on the X does not remove the message for the whole rollout.
-        try {
-            await hideNotification(id, {
-                coolOffPeriod: SNOOZE_COOL_OFF_HOURS,
-                exponentialBackoff: true
-            });
-            clearLocalSnooze(SNOOZE_FALLBACK_KEY);
-        } catch {
-            // Prefs rejected the write, so the snooze would be lost on the next load. Hold it in
-            // this browser instead, escalating on the same curve so repeated failures continue
-            // the sequence rather than restarting at a week. Cleared once a write succeeds.
-            writeLocalSnooze(
-                SNOOZE_FALLBACK_KEY,
-                nextLocalSnooze(
-                    readLocalSnooze(SNOOZE_FALLBACK_KEY),
-                    SNOOZE_COOL_OFF_HOURS,
-                    Date.now()
-                )
-            );
-        }
+        hideNotification(id, { coolOffPeriod: 24 * 7, exponentialBackoff: true });
     }
 </script>
 
diff --git a/src/lib/helpers/localSnooze.test.ts b/src/lib/helpers/localSnooze.test.ts
deleted file mode 100644
index f0fc110067..0000000000
--- a/src/lib/helpers/localSnooze.test.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { isLocallySnoozed, nextLocalSnooze, type LocalSnooze } from './localSnooze';
-
-const HOUR = 3600000;
-const WEEK_HOURS = 24 * 7;
-const NOW = 1_700_000_000_000;
-
-describe('nextLocalSnooze', () => {
-    it('starts at the base cool-off', () => {
-        const snooze = nextLocalSnooze(null, WEEK_HOURS, NOW);
-
-        expect(snooze.hideCount).toBe(1);
-        expect(snooze.expiry).toBe(NOW + WEEK_HOURS * HOUR);
-    });
-
-    // The point of the fallback: a run of failed preference writes has to keep escalating,
-    // otherwise the user is asked again every week forever.
-    it('doubles on each repeat instead of restarting at the base period', () => {
-        let snooze: LocalSnooze | null = null;
-        const weeks: number[] = [];
-
-        for (let i = 0; i < 4; i++) {
-            snooze = nextLocalSnooze(snooze, WEEK_HOURS, NOW);
-            weeks.push((snooze.expiry - NOW) / (WEEK_HOURS * HOUR));
-        }
-
-        expect(weeks).toEqual([1, 2, 4, 8]);
-        expect(snooze?.hideCount).toBe(4);
-    });
-
-    it('matches the account-prefs formula, coolOff * factor ** (hideCount - 1)', () => {
-        const third = nextLocalSnooze({ hideCount: 2, expiry: 0 }, WEEK_HOURS, NOW);
-
-        expect(third.expiry).toBe(NOW + WEEK_HOURS * HOUR * 2 ** 2);
-    });
-});
-
-describe('isLocallySnoozed', () => {
-    it('holds until the deadline, then releases', () => {
-        const snooze = nextLocalSnooze(null, WEEK_HOURS, NOW);
-
-        expect(isLocallySnoozed(snooze, NOW)).toBe(true);
-        expect(isLocallySnoozed(snooze, snooze.expiry - 1)).toBe(true);
-        expect(isLocallySnoozed(snooze, snooze.expiry)).toBe(false);
-    });
-
-    it('never hides the notification for a missing or corrupt value', () => {
-        expect(isLocallySnoozed(null, NOW)).toBe(false);
-        expect(isLocallySnoozed({ hideCount: 1, expiry: NaN }, NOW)).toBe(false);
-    });
-});
diff --git a/src/lib/helpers/localSnooze.ts b/src/lib/helpers/localSnooze.ts
deleted file mode 100644
index 9b1486edab..0000000000
--- a/src/lib/helpers/localSnooze.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-/**
- * Browser-local mirror of the account-prefs snooze in `notifications.ts`.
- *
- * Account prefs are the source of truth: they carry the hide count and follow the user across
- * devices. This only covers a rejected prefs write, where the dismissal would otherwise be lost
- * on the next load. It deliberately reproduces the same escalation, so intermittent failures
- * continue the sequence instead of restarting it at the base period every time.
- */
-
-const COOL_OFF_MS = 3600000;
-
-export type LocalSnooze = {
-    /** How many times this has been snoozed locally. */
-    hideCount: number;
-    /** Epoch ms after which the notification may show again. */
-    expiry: number;
-};
-
-export function nextLocalSnooze(
-    previous: LocalSnooze | null,
-    coolOffPeriodHours: number,
-    now: number,
-    backoffFactor = 2
-): LocalSnooze {
-    const hideCount = (previous?.hideCount ?? 0) + 1;
-
-    return {
-        hideCount,
-        expiry: now + coolOffPeriodHours * COOL_OFF_MS * backoffFactor ** (hideCount - 1)
-    };
-}
-
-export function isLocallySnoozed(snooze: LocalSnooze | null, now: number): boolean {
-    return !!snooze && Number.isFinite(snooze.expiry) && now < snooze.expiry;
-}
-
-export function readLocalSnooze(key: string): LocalSnooze | null {
-    try {
-        const raw = localStorage.getItem(key);
-        if (!raw) return null;
-
-        const parsed = JSON.parse(raw) as LocalSnooze;
-        return Number.isFinite(parsed?.expiry) ? parsed : null;
-    } catch {
-        // A malformed or unreadable value must not keep the notification hidden forever.
-        return null;
-    }
-}
-
-export function writeLocalSnooze(key: string, snooze: LocalSnooze) {
-    try {
-        localStorage.setItem(key, JSON.stringify(snooze));
-    } catch {
-        // Storage can be unavailable in private mode. Nothing to recover here: the notification
-        // reappears on the next load, which is the safer direction to fail.
-    }
-}
-
-export function clearLocalSnooze(key: string) {
-    try {
-        localStorage.removeItem(key);
-    } catch {
-        // See writeLocalSnooze.
-    }
-}
diff --git a/src/lib/helpers/notifications.test.ts b/src/lib/helpers/notifications.test.ts
deleted file mode 100644
index 052bfea2c1..0000000000
--- a/src/lib/helpers/notifications.test.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-
-const updatePrefs = vi.fn();
-
-vi.mock('$lib/stores/sdk', () => ({
-    sdk: { forConsole: { account: { updatePrefs: (...args: unknown[]) => updatePrefs(...args) } } }
-}));
-
-vi.mock('$lib/stores/user', () => ({
-    user: { subscribe: (run: (value: unknown) => void) => (run({ prefs: {} }), () => {}) }
-}));
-
-import { hideNotification } from './notifications';
-
-describe('hideNotification', () => {
-    beforeEach(() => {
-        updatePrefs.mockReset();
-    });
-
-    it('returns the preference write so callers can await it', async () => {
-        updatePrefs.mockResolvedValue({});
-
-        await expect(hideNotification('promo')).resolves.toBeDefined();
-        expect(updatePrefs).toHaveBeenCalledOnce();
-    });
-
-    // Without a returned promise a rejected write is unobservable, and a dismissal is silently
-    // lost on the next load. Callers need to be able to fall back.
-    it('surfaces a rejected write instead of swallowing it', async () => {
-        updatePrefs.mockRejectedValue(new Error('network'));
-
-        await expect(hideNotification('promo')).rejects.toThrow('network');
-    });
-
-    it('records the snooze that was asked for', async () => {
-        updatePrefs.mockResolvedValue({});
-
-        const before = Date.now();
-        await hideNotification('promo', { coolOffPeriod: 24 * 7 });
-
-        const written = updatePrefs.mock.calls[0][0].prefs.notificationPrefs['promo'];
-        expect(written.state).toBe('hidden');
-        expect(written.expiry).toBeGreaterThanOrEqual(before + 24 * 7 * 3600000);
-    });
-
-    it('doubles the cool-off on each dismissal when backoff is on', async () => {
-        updatePrefs.mockResolvedValue({});
-
-        const before = Date.now();
-        await hideNotification('promo', { coolOffPeriod: 24, exponentialBackoff: true });
-
-        const written = updatePrefs.mock.calls[0][0].prefs.notificationPrefs['promo'];
-        expect(written.hideCount).toBe(1);
-        expect(written.expiry).toBeGreaterThanOrEqual(before + 24 * 3600000);
-    });
-});
diff --git a/src/lib/helpers/notifications.ts b/src/lib/helpers/notifications.ts
index 2c66ef221a..7264d5303c 100644
--- a/src/lib/helpers/notifications.ts
+++ b/src/lib/helpers/notifications.ts
@@ -35,9 +35,7 @@ function updateNotificationPrefs(parsedPrefs: Record<string, NotificationPrefIte
         notificationPrefs: parsedPrefs
     };
 
-    // Returned so callers can observe a rejected write. Existing callers ignore it and keep
-    // their previous fire-and-forget behaviour.
-    return sdk.forConsole.account.updatePrefs({ prefs: newPrefs });
+    sdk.forConsole.account.updatePrefs({ prefs: newPrefs });
 }
 
 /**
@@ -75,7 +73,7 @@ export function hideNotification(id: string, options: NotificationCoolOffOptions
         expiry: expiryTime
     };
 
-    return updateNotificationPrefs(parsedBannerPrefs);
+    updateNotificationPrefs(parsedBannerPrefs);
 }
 
 /**
diff --git a/src/routes/(console)/+layout.svelte b/src/routes/(console)/+layout.svelte
index 5e133d6fec..b5b2c612ae 100644
--- a/src/routes/(console)/+layout.svelte
+++ b/src/routes/(console)/+layout.svelte
@@ -45,10 +45,7 @@
     import { UsageRates } from '$lib/components/billing';
     import { canSeeProjects } from '$lib/stores/roles';
     import { BottomModalAlert, NewConsoleBanner } from '$lib/components';
-    import {
-        NEW_CONSOLE_BANNER_ID,
-        canShowNewConsoleBanner
-    } from '$lib/components/newConsoleBanner.svelte';
+    import { shouldShowNotification } from '$lib/helpers/notifications';
     import { isSmallViewport } from '$lib/stores/viewport';
     import {
         IconAnnotation,
@@ -332,9 +329,9 @@
     onMount(() => {
         // Same shape as newDevUpgradePro: promo tier (importance 1) so it can never outrank a
         // payment or usage warning, dismissal keyed on the alert id in localStorage.
-        if (isCloud && canShowNewConsoleBanner()) {
+        if (isCloud && shouldShowNotification('newConsoleBanner')) {
             headerAlert.add({
-                id: NEW_CONSOLE_BANNER_ID,
+                id: 'newConsoleBanner',
                 component: NewConsoleBanner,
                 show: true,
                 importance: 1