From 689ac28c15439ddda34bc40cf0e38fce050bc00c Mon Sep 17 00:00:00 2001
From: Charles Vien <charles.v@posthog.com>
Date: Mon, 13 Apr 2026 00:42:48 -0700
Subject: [PATCH] Replace task item icons with clearer state indicators

---
 .../sidebar/components/items/TaskItem.tsx     | 60 +++++--------------
 1 file changed, 15 insertions(+), 45 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 17291dcc1..572852549 100644
--- a/apps/code/src/renderer/features/sidebar/components/items/TaskItem.tsx
+++ b/apps/code/src/renderer/features/sidebar/components/items/TaskItem.tsx
@@ -3,16 +3,14 @@ import { Tooltip } from "@components/ui/Tooltip";
 import type { WorkspaceMode } from "@main/services/workspace/schemas";
 import {
   Archive,
-  ArrowsClockwise,
-  ArrowsSplit,
-  BellRinging,
+  ChatCircle,
+  Circle,
   Cloud as CloudIcon,
-  Laptop as LaptopIcon,
+  HandPalm,
   Pause,
   PushPin,
 } from "@phosphor-icons/react";
 import { isTerminalStatus, type TaskRunStatus } from "@shared/types";
-import { selectIsFocusedOnWorktree, useFocusStore } from "@stores/focusStore";
 import { formatRelativeTimeShort } from "@utils/time";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { SidebarItem } from "../SidebarItem";
@@ -156,7 +154,6 @@ export function TaskItem({
   label,
   isActive,
   workspaceMode,
-  worktreePath,
   isSuspended = false,
   isGenerating,
   isUnread,
@@ -173,62 +170,35 @@ export function TaskItem({
   onEditSubmit,
   onEditCancel,
 }: TaskItemProps) {
-  const isFocused = useFocusStore(
-    selectIsFocusedOnWorktree(worktreePath ?? ""),
-  );
-
-  const isWorktreeTask = workspaceMode === "worktree";
   const isCloudTask = workspaceMode === "cloud";
-
   const isTerminalCloud = isCloudTask && isTerminalStatus(taskRunStatus);
 
-  const icon = isSuspended ? (
-    <Tooltip content="Suspended" side="right">
+  const icon = needsPermission ? (
+    <Tooltip content="Needs permission" side="right">
       <span className="flex items-center justify-center">
-        <Pause size={ICON_SIZE} className="text-gray-9" />
+        <HandPalm size={ICON_SIZE} className="text-blue-11" />
       </span>
     </Tooltip>
-  ) : needsPermission ? (
-    <BellRinging size={ICON_SIZE} className="text-blue-11" />
   ) : isTerminalCloud ? (
     <CloudStatusIcon taskRunStatus={taskRunStatus} />
   ) : isGenerating ? (
     <DotsCircleSpinner size={ICON_SIZE} className="text-accent-11" />
   ) : isCloudTask ? (
     <CloudStatusIcon taskRunStatus={taskRunStatus} />
+  ) : isSuspended ? (
+    <Tooltip content="Suspended" side="right">
+      <span className="flex items-center justify-center">
+        <Pause size={ICON_SIZE} className="text-gray-9" />
+      </span>
+    </Tooltip>
   ) : isUnread ? (
-    <span className="flex items-center justify-center text-[8px] text-green-11">
-      ■
+    <span className="flex items-center justify-center">
+      <Circle size={8} weight="fill" className="text-green-11" />
     </span>
   ) : isPinned ? (
     <PushPin size={ICON_SIZE} className="text-accent-11" />
-  ) : isWorktreeTask ? (
-    isFocused ? (
-      <Tooltip content="Worktree (syncing)" side="right">
-        <span className="flex items-center justify-center">
-          <ArrowsClockwise
-            size={ICON_SIZE}
-            weight="duotone"
-            className="animate-sync-rotate text-blue-11"
-          />
-        </span>
-      </Tooltip>
-    ) : (
-      <Tooltip content="Worktree" side="right">
-        <span className="flex items-center justify-center">
-          <ArrowsSplit
-            size={ICON_SIZE}
-            style={{ transform: "rotate(270deg)" }}
-          />
-        </span>
-      </Tooltip>
-    )
   ) : (
-    <Tooltip content="Local" side="right">
-      <span className="flex items-center justify-center">
-        <LaptopIcon size={ICON_SIZE} />
-      </span>
-    </Tooltip>
+    <ChatCircle size={ICON_SIZE} className="text-gray-10" />
   );
 
   const timestampNode = timestamp ? (