From a3b7a923d3e76c0419fdd55e474859363795a875 Mon Sep 17 00:00:00 2001
From: starksama <257340800+starksama@users.noreply.github.com>
Date: Mon, 2 Feb 2026 17:35:24 +0800
Subject: [PATCH 1/5] feat: add notifications for position history & custom
 tags

---
 src/config/notifications.ts | 34 ++++++++++++++++++++++------------
 1 file changed, 22 insertions(+), 12 deletions(-)

diff --git a/src/config/notifications.ts b/src/config/notifications.ts
index f491ebfb..bc211eb3 100644
--- a/src/config/notifications.ts
+++ b/src/config/notifications.ts
@@ -35,16 +35,26 @@ export type NotificationConfig = {
  * Personalized notifications require a conditionId that maps to useNotificationConditions.
  */
 export const NOTIFICATIONS: NotificationConfig[] = [
-  // Example global notification (uncomment to test):
-  // {
-  //   id: 'autovault-launch-2026',
-  //   message: 'AutoVault is now live! Deploy your own automated lending vault.',
-  //   type: 'info',
-  //   category: 'global',
-  //   action: {
-  //     label: 'Try AutoVault',
-  //     href: '/autovault',
-  //   },
-  //   expiresAt: new Date('2026-01-04'),
-  // },
+  {
+    id: 'position-history-chart-2026-02',
+    message: '✨ New: Position History — see how your allocations evolved over time!',
+    type: 'info',
+    category: 'global',
+    action: {
+      label: 'View Positions',
+      href: '/positions',
+    },
+    expiresAt: new Date('2026-02-16'),
+  },
+  {
+    id: 'custom-tags-2026-02',
+    message: '🏷️ New: Custom Tags — filter markets by flow thresholds in Settings → Experimental',
+    type: 'info',
+    category: 'global',
+    action: {
+      label: 'Explore Markets',
+      href: '/markets',
+    },
+    expiresAt: new Date('2026-02-16'),
+  },
 ];

From b384bd5867b48ff5bdbd47e75374b5b39fddfe1c Mon Sep 17 00:00:00 2001
From: starksama <257340800+starksama@users.noreply.github.com>
Date: Mon, 2 Feb 2026 17:36:54 +0800
Subject: [PATCH 2/5] fix: make position history description more general

---
 src/config/notifications.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/config/notifications.ts b/src/config/notifications.ts
index bc211eb3..0e4fd6e7 100644
--- a/src/config/notifications.ts
+++ b/src/config/notifications.ts
@@ -37,7 +37,7 @@ export type NotificationConfig = {
 export const NOTIFICATIONS: NotificationConfig[] = [
   {
     id: 'position-history-chart-2026-02',
-    message: '✨ New: Position History — see how your allocations evolved over time!',
+    message: '✨ New: Position History Graph — analyze any account\'s allocation changes over time',
     type: 'info',
     category: 'global',
     action: {

From 419150b4464d79cb10d029f59819fde93d005c63 Mon Sep 17 00:00:00 2001
From: starksama <257340800+starksama@users.noreply.github.com>
Date: Mon, 2 Feb 2026 17:47:40 +0800
Subject: [PATCH 3/5] fix: add z-index to close button, improve notification
 copy

---
 src/components/layout/notification-banner.tsx | 2 +-
 src/config/notifications.ts                   | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/layout/notification-banner.tsx b/src/components/layout/notification-banner.tsx
index f49b53a3..a40ce58a 100644
--- a/src/components/layout/notification-banner.tsx
+++ b/src/components/layout/notification-banner.tsx
@@ -67,7 +67,7 @@ export function NotificationBanner() {
           <button
             type="button"
             onClick={handleDismiss}
-            className="absolute right-4 p-1 text-primary-foreground/80 transition-colors hover:text-primary-foreground sm:right-6 md:right-8"
+            className="absolute right-4 z-10 p-1 text-primary-foreground/80 transition-colors hover:text-primary-foreground sm:right-6 md:right-8"
             aria-label="Dismiss notification"
           >
             <Cross2Icon className="h-5 w-5" />
diff --git a/src/config/notifications.ts b/src/config/notifications.ts
index 0e4fd6e7..ad7f78d1 100644
--- a/src/config/notifications.ts
+++ b/src/config/notifications.ts
@@ -37,7 +37,7 @@ export type NotificationConfig = {
 export const NOTIFICATIONS: NotificationConfig[] = [
   {
     id: 'position-history-chart-2026-02',
-    message: '✨ New: Position History Graph — analyze any account\'s allocation changes over time',
+    message: '💎 New feature: Position History Graph — analyze any account\'s allocation changes over time!',
     type: 'info',
     category: 'global',
     action: {
@@ -48,7 +48,7 @@ export const NOTIFICATIONS: NotificationConfig[] = [
   },
   {
     id: 'custom-tags-2026-02',
-    message: '🏷️ New: Custom Tags — filter markets by flow thresholds in Settings → Experimental',
+    message: '💎 New feature: Custom Tags — create your own tags on market flow metrics! Try it in Settings → Experimental',
     type: 'info',
     category: 'global',
     action: {

From fcb69ad00bae38aa58750622d48f1edaf4594ba1 Mon Sep 17 00:00:00 2001
From: starksama <257340800+starksama@users.noreply.github.com>
Date: Mon, 2 Feb 2026 17:49:02 +0800
Subject: [PATCH 4/5] fix: remove action buttons for cleaner look

---
 src/config/notifications.ts | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/src/config/notifications.ts b/src/config/notifications.ts
index ad7f78d1..11ac8047 100644
--- a/src/config/notifications.ts
+++ b/src/config/notifications.ts
@@ -40,10 +40,6 @@ export const NOTIFICATIONS: NotificationConfig[] = [
     message: '💎 New feature: Position History Graph — analyze any account\'s allocation changes over time!',
     type: 'info',
     category: 'global',
-    action: {
-      label: 'View Positions',
-      href: '/positions',
-    },
     expiresAt: new Date('2026-02-16'),
   },
   {
@@ -51,10 +47,6 @@ export const NOTIFICATIONS: NotificationConfig[] = [
     message: '💎 New feature: Custom Tags — create your own tags on market flow metrics! Try it in Settings → Experimental',
     type: 'info',
     category: 'global',
-    action: {
-      label: 'Explore Markets',
-      href: '/markets',
-    },
     expiresAt: new Date('2026-02-16'),
   },
 ];

From 3b50b5ae1118a2588dca8a899fb77b291c86675c Mon Sep 17 00:00:00 2001
From: antoncoding <antonassocareer@gmail.com>
Date: Mon, 2 Feb 2026 18:06:30 +0800
Subject: [PATCH 5/5] chore: fix

---
 src/components/layout/notification-banner.tsx | 10 ++++++----
 src/config/notifications.ts                   |  6 +++---
 src/features/home/home-view.tsx               |  2 +-
 src/hooks/useActiveNotifications.ts           |  6 +++---
 4 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/components/layout/notification-banner.tsx b/src/components/layout/notification-banner.tsx
index a40ce58a..50bd2fa2 100644
--- a/src/components/layout/notification-banner.tsx
+++ b/src/components/layout/notification-banner.tsx
@@ -4,6 +4,7 @@ import Link from 'next/link';
 import { Cross2Icon } from '@radix-ui/react-icons';
 import { useActiveNotifications } from '@/hooks/useActiveNotifications';
 import { useNotificationStore } from '@/stores/useNotificationStore';
+import { GridAccent } from '@/components/landing';
 
 export function NotificationBanner() {
   const { currentNotification, totalCount, isLoading } = useActiveNotifications();
@@ -21,11 +22,12 @@ export function NotificationBanner() {
   const action = currentNotification.action;
 
   return (
-    <div className="relative w-full bg-primary">
+    <div className="relative w-full bg-primary overflow-hidden">
       {/* Grid background overlay */}
-      <div
-        className="pointer-events-none absolute inset-0 bg-dot-grid opacity-30"
-        aria-hidden="true"
+      <GridAccent
+        position="top-strip"
+        variant="dots"
+        className="opacity-40"
       />
 
       {/* Content container - same height as header */}
diff --git a/src/config/notifications.ts b/src/config/notifications.ts
index 11ac8047..6312c6fa 100644
--- a/src/config/notifications.ts
+++ b/src/config/notifications.ts
@@ -36,17 +36,17 @@ export type NotificationConfig = {
  */
 export const NOTIFICATIONS: NotificationConfig[] = [
   {
-    id: 'position-history-chart-2026-02',
+    id: 'position-history-chart-2026-02-01',
     message: '💎 New feature: Position History Graph — analyze any account\'s allocation changes over time!',
     type: 'info',
     category: 'global',
-    expiresAt: new Date('2026-02-16'),
+    expiresAt: new Date('2026-02-10'),
   },
   {
     id: 'custom-tags-2026-02',
     message: '💎 New feature: Custom Tags — create your own tags on market flow metrics! Try it in Settings → Experimental',
     type: 'info',
     category: 'global',
-    expiresAt: new Date('2026-02-16'),
+    expiresAt: new Date('2026-02-10'),
   },
 ];
diff --git a/src/features/home/home-view.tsx b/src/features/home/home-view.tsx
index c3e99f88..4ae7a4fb 100644
--- a/src/features/home/home-view.tsx
+++ b/src/features/home/home-view.tsx
@@ -64,7 +64,7 @@ function HomePage() {
           />
 
           {/* Main hero content */}
-          <div className="flex-1 flex items-center">
+          <div className="flex-1 flex items-center relative z-10">
             <div className="container mx-auto px-6 sm:px-8 md:px-12 lg:px-16">
               {/* Two-column grid */}
               <div className="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center">
diff --git a/src/hooks/useActiveNotifications.ts b/src/hooks/useActiveNotifications.ts
index 51ee0815..5f41dfb0 100644
--- a/src/hooks/useActiveNotifications.ts
+++ b/src/hooks/useActiveNotifications.ts
@@ -35,7 +35,7 @@ export type ActiveNotificationsResult = {
  * ```
  */
 export const useActiveNotifications = (): ActiveNotificationsResult => {
-  const isDismissed = useNotificationStore((s) => s.isDismissed);
+  const dismissedIds = useNotificationStore((s) => s.dismissedIds);
   const conditions = useNotificationConditions();
 
   const { activeNotifications, isLoading } = useMemo(() => {
@@ -49,7 +49,7 @@ export const useActiveNotifications = (): ActiveNotificationsResult => {
       }
 
       // Check if dismissed
-      if (isDismissed(notification.id)) {
+      if (dismissedIds.includes(notification.id)) {
         return false;
       }
 
@@ -81,7 +81,7 @@ export const useActiveNotifications = (): ActiveNotificationsResult => {
       activeNotifications: active,
       isLoading: hasLoadingCondition,
     };
-  }, [isDismissed, conditions]);
+  }, [dismissedIds, conditions]);
 
   const currentNotification = activeNotifications[0] ?? null;
   const totalCount = activeNotifications.length;