From 1bf2c2afce26403a9a7414c7dd266476222d49d3 Mon Sep 17 00:00:00 2001
From: xintaofei <itpkcn@gmail.com>
Date: Tue, 21 Apr 2026 22:23:23 +0800
Subject: [PATCH] refactor(tabs): drop sidebar count and terminal-tab folder
 badge, show folder in tab tooltip

---
 src/components/layout/sidebar.tsx            | 14 +-------------
 src/components/terminal/terminal-tab-bar.tsx |  9 +--------
 2 files changed, 2 insertions(+), 21 deletions(-)

diff --git a/src/components/layout/sidebar.tsx b/src/components/layout/sidebar.tsx
index 730462e..b4ad180 100644
--- a/src/components/layout/sidebar.tsx
+++ b/src/components/layout/sidebar.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import { useCallback, useEffect, useMemo, useRef, useState } from "react"
+import { useCallback, useEffect, useRef, useState } from "react"
 import {
   ChevronsDownUp,
   ChevronsUpDown,
@@ -9,7 +9,6 @@ import {
 } from "lucide-react"
 import { useTranslations } from "next-intl"
 import { useSidebarContext } from "@/contexts/sidebar-context"
-import { useAppWorkspace } from "@/contexts/app-workspace-context"
 import {
   SidebarConversationList,
   type SidebarConversationListHandle,
@@ -36,20 +35,12 @@ import {
 export function Sidebar() {
   const t = useTranslations("Folder.sidebar")
   const { isOpen, toggle } = useSidebarContext()
-  const { conversations } = useAppWorkspace()
   const isMobile = useIsMobile()
   const listRef = useRef<SidebarConversationListHandle>(null)
 
   const [showCompleted, setShowCompleted] = useState(false)
   const [allExpanded, setAllExpanded] = useState(true)
 
-  const visibleCount = useMemo(() => {
-    if (showCompleted) return conversations.length
-    return conversations.filter(
-      (c) => c.status !== "completed" && c.status !== "cancelled"
-    ).length
-  }, [conversations, showCompleted])
-
   useEffect(() => {
     // Hydrate from localStorage after mount to keep SSR/CSR markup consistent.
     // eslint-disable-next-line react-hooks/set-state-in-effect
@@ -81,9 +72,6 @@ export function Sidebar() {
             <h2 className="truncate text-[0.875rem] font-bold tracking-[-0.00625rem] text-sidebar-foreground">
               {t("title")}
             </h2>
-            <span className="shrink-0 text-[0.75rem] tabular-nums text-muted-foreground/70">
-              {t("conversationCountUnit", { count: visibleCount })}
-            </span>
           </div>
           <div className="flex items-center gap-0.5">
             <Button
diff --git a/src/components/terminal/terminal-tab-bar.tsx b/src/components/terminal/terminal-tab-bar.tsx
index a93904d..1811760 100644
--- a/src/components/terminal/terminal-tab-bar.tsx
+++ b/src/components/terminal/terminal-tab-bar.tsx
@@ -17,7 +17,6 @@ import {
   ContextMenuSeparator,
   ContextMenuTrigger,
 } from "@/components/ui/context-menu"
-import { FolderBadge } from "@/components/ui/folder-badge"
 import {
   Tooltip,
   TooltipContent,
@@ -80,14 +79,8 @@ export function TerminalTabBar() {
                   : "text-muted-foreground hover:text-foreground hover:bg-muted"
               }`}
               onClick={() => switchTerminal(tab.id)}
+              title={`${folderIndex.get(tab.folderId) ?? String(tab.folderId)}  —  ${tab.title}`}
             >
-              <FolderBadge
-                folderId={tab.folderId}
-                folderName={
-                  folderIndex.get(tab.folderId) ?? String(tab.folderId)
-                }
-                size="sm"
-              />
               {editingId === tab.id ? (
                 <input
                   ref={inputRef}