From 5dd0a182217c1c4d5c2c346f53d53c6a0d526134 Mon Sep 17 00:00:00 2001
From: saravanakumardb1 <saravanakumardb1@users.noreply.github.com>
Date: Sun, 19 Apr 2026 00:56:12 -0700
Subject: [PATCH] fix(web): add Agent Inbox + Day Planner links to Dashboard
 navbar with feature flag gates

---
 web/src/components/Dashboard.tsx | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/web/src/components/Dashboard.tsx b/web/src/components/Dashboard.tsx
index 55c3930..ff8069e 100644
--- a/web/src/components/Dashboard.tsx
+++ b/web/src/components/Dashboard.tsx
@@ -11,7 +11,7 @@ import { CreateTimerModal } from './CreateTimerModal';
 import { AlarmOverlay } from './AlarmOverlay';
 import { requestNotificationPermission } from '@/lib/notifications';
 import { formatTime, formatDate } from '@/lib/format';
-import { Plus, Clock, Bell, Keyboard, Sun, Moon, Settings, Eye, BarChart3, ListChecks, Cloud, CloudOff, Loader2 } from 'lucide-react';
+import { Plus, Clock, Bell, Keyboard, Sun, Moon, Settings, Eye, BarChart3, ListChecks, Cloud, CloudOff, Loader2, Bot, CalendarDays } from 'lucide-react';
 import { useSync } from '@/lib/use-sync';
 import { isEnabled as isFlagEnabled } from '@/lib/feature-flags';
 import { BUILT_IN_CATEGORIES, matchesCategory } from '@/lib/categories';
@@ -185,6 +185,28 @@ export function Dashboard() {
                 <ListChecks size={18} />
               </Link>
             ) : null}
+            {isFlagEnabled('agent_inbox.enabled') ? (
+              <Link
+                href="/inbox"
+                className="p-2 rounded-lg transition-colors"
+                style={{ color: 'var(--cm-text-tertiary)' }}
+                title="Agent Inbox"
+                aria-label="Agent Inbox"
+              >
+                <Bot size={18} />
+              </Link>
+            ) : null}
+            {isFlagEnabled('day_planner.enabled') ? (
+              <Link
+                href="/planner"
+                className="p-2 rounded-lg transition-colors"
+                style={{ color: 'var(--cm-text-tertiary)' }}
+                title="Day Planner"
+                aria-label="Day Planner"
+              >
+                <CalendarDays size={18} />
+              </Link>
+            ) : null}
             <Link
               href="/history"
               className="p-2 rounded-lg transition-colors"