From a606617c1d89c64a808a3d851fee51dfa669a49b Mon Sep 17 00:00:00 2001
From: saravanakumardb1 <saravanakumardb1@users.noreply.github.com>
Date: Sat, 21 Mar 2026 20:30:49 -0700
Subject: [PATCH] feat(web): wire feature flag checks into Dashboard UI

Gate Focus Mode and Routines nav links behind focus_mode_enabled
and routines_enabled flags. Fix inverted routines_disabled check
to use the actual seeded flag key routines_enabled.
---
 web/src/components/Dashboard.tsx | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/web/src/components/Dashboard.tsx b/web/src/components/Dashboard.tsx
index ea8a822..017345f 100644
--- a/web/src/components/Dashboard.tsx
+++ b/web/src/components/Dashboard.tsx
@@ -163,16 +163,18 @@ export function Dashboard() {
             >
               {theme === 'dark' ? <Sun size={18} /> : <Moon size={18} />}
             </button>
-            <Link
-              href="/focus"
-              className="p-2 rounded-lg transition-colors"
-              style={{ color: 'var(--cm-text-tertiary)' }}
-              title="Focus Mode"
-              aria-label="Focus Mode"
-            >
-              <Eye size={18} />
-            </Link>
-            {isFlagEnabled('routines_disabled') ? null : (
+            {isFlagEnabled('focus_mode_enabled') ? (
+              <Link
+                href="/focus"
+                className="p-2 rounded-lg transition-colors"
+                style={{ color: 'var(--cm-text-tertiary)' }}
+                title="Focus Mode"
+                aria-label="Focus Mode"
+              >
+                <Eye size={18} />
+              </Link>
+            ) : null}
+            {isFlagEnabled('routines_enabled') ? (
               <Link
                 href="/routines"
                 className="p-2 rounded-lg transition-colors"
@@ -181,7 +183,7 @@ export function Dashboard() {
               >
                 <ListChecks size={18} />
               </Link>
-            )}
+            ) : null}
             <Link
               href="/history"
               className="p-2 rounded-lg transition-colors"