From 2420c302c74a8b9ac312abcf0834595a382cc9cf Mon Sep 17 00:00:00 2001
From: Array <array@posthog.com>
Date: Wed, 8 Apr 2026 14:52:46 +0000
Subject: [PATCH] feat(code): add hover tooltips to Pin and Archive sidebar
 buttons

Replace bare `title` attributes on the Pin and Archive task hover
toolbar buttons with the project's `<Tooltip>` component, matching the
pattern used by all other icon buttons in the sidebar.

Generated-By: PostHog Code
Task-Id: 73860bb0-fe96-439a-bd55-c442a1887aea
---
 .../sidebar/components/items/TaskItem.tsx     | 74 ++++++++++---------
 1 file changed, 38 insertions(+), 36 deletions(-)

diff --git a/apps/code/src/renderer/features/sidebar/components/items/TaskItem.tsx b/apps/code/src/renderer/features/sidebar/components/items/TaskItem.tsx
index ca1e88037..11477222d 100644
--- a/apps/code/src/renderer/features/sidebar/components/items/TaskItem.tsx
+++ b/apps/code/src/renderer/features/sidebar/components/items/TaskItem.tsx
@@ -78,48 +78,50 @@ function TaskHoverToolbar({
   return (
     <span className="hidden shrink-0 items-center gap-0.5 group-hover:flex">
       {onTogglePin && (
-        // biome-ignore lint/a11y/useSemanticElements: Cannot use button inside parent button (SidebarItem)
-        <span
-          role="button"
-          tabIndex={0}
-          className="flex h-5 w-5 cursor-pointer items-center justify-center rounded text-gray-10 transition-colors hover:bg-gray-4 hover:text-gray-12"
-          onClick={(e) => {
-            e.stopPropagation();
-            onTogglePin();
-          }}
-          onKeyDown={(e) => {
-            if (e.key === "Enter" || e.key === " ") {
-              e.preventDefault();
+        <Tooltip content={isPinned ? "Unpin task" : "Pin task"} side="top">
+          {/* biome-ignore lint/a11y/useSemanticElements: Cannot use button inside parent button (SidebarItem) */}
+          <span
+            role="button"
+            tabIndex={0}
+            className="flex h-5 w-5 cursor-pointer items-center justify-center rounded text-gray-10 transition-colors hover:bg-gray-4 hover:text-gray-12"
+            onClick={(e) => {
               e.stopPropagation();
               onTogglePin();
-            }
-          }}
-          title={isPinned ? "Unpin task" : "Pin task"}
-        >
-          <PushPin size={12} weight={isPinned ? "fill" : "regular"} />
-        </span>
+            }}
+            onKeyDown={(e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                e.stopPropagation();
+                onTogglePin();
+              }
+            }}
+          >
+            <PushPin size={12} weight={isPinned ? "fill" : "regular"} />
+          </span>
+        </Tooltip>
       )}
       {onArchive && (
-        // biome-ignore lint/a11y/useSemanticElements: Cannot use button inside parent button (SidebarItem)
-        <span
-          role="button"
-          tabIndex={0}
-          className="flex h-5 w-5 cursor-pointer items-center justify-center rounded text-gray-10 transition-colors hover:bg-gray-4 hover:text-gray-12"
-          onClick={(e) => {
-            e.stopPropagation();
-            onArchive();
-          }}
-          onKeyDown={(e) => {
-            if (e.key === "Enter" || e.key === " ") {
-              e.preventDefault();
+        <Tooltip content="Archive task" side="top">
+          {/* biome-ignore lint/a11y/useSemanticElements: Cannot use button inside parent button (SidebarItem) */}
+          <span
+            role="button"
+            tabIndex={0}
+            className="flex h-5 w-5 cursor-pointer items-center justify-center rounded text-gray-10 transition-colors hover:bg-gray-4 hover:text-gray-12"
+            onClick={(e) => {
               e.stopPropagation();
               onArchive();
-            }
-          }}
-          title="Archive task"
-        >
-          <Archive size={12} />
-        </span>
+            }}
+            onKeyDown={(e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                e.stopPropagation();
+                onArchive();
+              }
+            }}
+          >
+            <Archive size={12} />
+          </span>
+        </Tooltip>
       )}
     </span>
   );