From a5f71497afbb6a6cf5f44968cbc048fed5e0b0db Mon Sep 17 00:00:00 2001
From: Arjun <6592213+arkml@users.noreply.github.com>
Date: Tue, 17 Mar 2026 20:36:00 +0530
Subject: [PATCH] added tooltip

---
 apps/x/apps/renderer/src/App.tsx | 44 ++++++++++++++++++--------------
 1 file changed, 25 insertions(+), 19 deletions(-)

diff --git a/apps/x/apps/renderer/src/App.tsx b/apps/x/apps/renderer/src/App.tsx
index 34f96052..01918caa 100644
--- a/apps/x/apps/renderer/src/App.tsx
+++ b/apps/x/apps/renderer/src/App.tsx
@@ -431,25 +431,31 @@ function FixedSidebarToggle({
       >
         <SearchIcon className="size-5" />
       </button>
-      <button
-        type="button"
-        onClick={onToggleMeeting}
-        disabled={meetingState === 'connecting' || meetingState === 'stopping'}
-        className={cn(
-          "flex h-8 w-8 items-center justify-center rounded-md transition-colors disabled:opacity-50 disabled:pointer-events-none",
-          meetingState === 'recording'
-            ? "text-red-500 hover:bg-accent"
-            : "text-muted-foreground hover:bg-accent hover:text-foreground"
-        )}
-        style={{ marginLeft: TITLEBAR_BUTTON_GAP_PX }}
-        aria-label={meetingState === 'recording' ? "Stop meeting transcription" : "Start meeting transcription"}
-      >
-        {meetingState === 'recording' ? (
-          <SquareIcon className="size-4 animate-pulse" />
-        ) : (
-          <RadioIcon className="size-5" />
-        )}
-      </button>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <button
+            type="button"
+            onClick={onToggleMeeting}
+            disabled={meetingState === 'connecting' || meetingState === 'stopping'}
+            className={cn(
+              "flex h-8 w-8 items-center justify-center rounded-md transition-colors disabled:opacity-50 disabled:pointer-events-none",
+              meetingState === 'recording'
+                ? "text-red-500 hover:bg-accent"
+                : "text-muted-foreground hover:bg-accent hover:text-foreground"
+            )}
+            style={{ marginLeft: TITLEBAR_BUTTON_GAP_PX }}
+          >
+            {meetingState === 'recording' ? (
+              <SquareIcon className="size-4 animate-pulse" />
+            ) : (
+              <RadioIcon className="size-5" />
+            )}
+          </button>
+        </TooltipTrigger>
+        <TooltipContent side="bottom">
+          {meetingState === 'recording' ? 'Stop meeting notes' : 'Take new meeting notes'}
+        </TooltipContent>
+      </Tooltip>
       {/* Back / Forward navigation */}
       {isCollapsed && (
         <>