From 13a83840cecdfa9f4ddcf67e05fdd1e2805b71f6 Mon Sep 17 00:00:00 2001
From: Jonas Pacheco <jonaspachecoometas@github.com>
Date: Fri, 27 Mar 2026 17:33:32 -0300
Subject: [PATCH] feat: add MiroFlow to navbar next to Insights

---
 client/src/components/Browser/BrowserFrame.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/client/src/components/Browser/BrowserFrame.tsx b/client/src/components/Browser/BrowserFrame.tsx
index ad323af..14fe874 100644
--- a/client/src/components/Browser/BrowserFrame.tsx
+++ b/client/src/components/Browser/BrowserFrame.tsx
@@ -91,7 +91,17 @@ function CompactNavigationBar() {
           </div>
           <span className="hidden md:inline">Insights</span>
         </div>
-        <div 
+        <div
+          className="flex items-center gap-1 hover:bg-muted px-2 py-1.5 rounded cursor-pointer transition-colors flex-shrink-0"
+          onClick={() => navigateTo("/scientist", "MiroFlow")}
+          data-testid="bookmark-miroflow"
+        >
+          <div className="w-4 h-4 bg-gradient-to-br from-violet-600 to-violet-800 rounded-sm flex items-center justify-center">
+            <Beaker className="w-2.5 h-2.5 text-white" />
+          </div>
+          <span className="hidden md:inline">MiroFlow</span>
+        </div>
+        <div
           className="flex items-center gap-1 hover:bg-muted px-2 py-1.5 rounded cursor-pointer transition-colors flex-shrink-0"
           onClick={() => navigateTo("/compass", "Compass")}
           data-testid="bookmark-compass"