fix(agent): simplify tab running indicator (#932)

Co-authored-by: Erlich <ErlichGutu@gmail.com>

Author: Andreaseszhang

apps/electron/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proma/electron",
-  "version": "0.13.14",
+  "version": "0.13.15",
   "description": "Proma next gen ai software with general agents - Electron App",
   "main": "dist/main.cjs",
   "author": {

apps/electron/src/renderer/components/tabs/TabBarItem.tsx

@@ -15,6 +15,7 @@ import type { TabType, TabMinimapItem } from '@/atoms/tab-atoms'
 import type { SessionIndicatorStatus } from '@/atoms/agent-atoms'
 import { tabMinimapCacheAtom } from '@/atoms/tab-atoms'
 import { interfaceVariantAtom } from '@/atoms/theme'
+import { Spinner } from '@/components/ui/spinner'
 import { TabPreviewPanel } from './TabPreviewPanel'
 
 export interface TabBarItemProps {
@@ -101,15 +102,7 @@ export function TabBarItem({
   }
 
   const isScratch = type === 'scratch'
-  const indicatorColor = isScratch
-    ? undefined
-    : isStreaming !== 'idle'
-    ? isStreaming === 'completed'
-      ? 'border-green-500'
-      : isStreaming === 'blocked'
-        ? 'border-orange-500'
-        : 'border-blue-500'
-    : undefined
+  const showAgentSpinner = type === 'agent' && isStreaming === 'running'
   const previewItems = minimapCache.get(id) ?? []
   // 当前 active Tab 不显示预览面板
   const showPreview = isHovered && !isActive
@@ -151,7 +144,7 @@ export function TabBarItem({
 
   return (
     <div
-      className="relative min-w-[120px] max-w-[200px] flex-[1_0_120px] titlebar-no-drag"
+      className="relative min-w-[132px] max-w-[240px] flex-[1_0_132px] titlebar-no-drag"
       onMouseEnter={onHoverEnter}
       onMouseLeave={onHoverLeave}
     >
@@ -185,9 +178,10 @@ export function TabBarItem({
           <span className="flex-1" />
         ) : (
           <span className="flex-1 min-w-0 truncate text-left flex items-center gap-1">
+            {showAgentSpinner && <Spinner size="sm" className="mr-2 shrink-0 text-primary/70" />}
             {isAutomation && <Clock className="size-3 shrink-0 text-foreground/40" />}
             {isDelegation && !isAutomation && <GitBranch className="size-3 shrink-0 text-foreground/40" />}
-            {title}
+            <span className="min-w-0 truncate">{title}</span>
           </span>
         )}
 
@@ -216,17 +210,6 @@ export function TabBarItem({
         </span>
         )}
 
-        {/* 状态包边 */}
-        {indicatorColor && (
-          <span
-            className={cn(
-              'absolute inset-0 border-t-2 border-l-2 border-r-2 border-b-0 pointer-events-none tab-stream-indicator',
-              isClassic ? 'rounded-t-lg' : 'rounded-none',
-              indicatorColor,
-            )}
-            aria-hidden="true"
-          />
-        )}
       </button>
 
       {/* 悬浮预览面板（Portal 渲染到 body） */}

apps/electron/src/renderer/styles/globals.css

@@ -1016,28 +1016,6 @@
   background-color: hsl(var(--sidebar-control-surface-hover)) !important;
 }
 
-/* CRT 终端：Tab 流式指示器 — 保留原色，叠加 CRT 磷光质感 */
-.theme-terminal-dark .tab-stream-indicator.border-blue-500 {
-  border-color: hsl(217 91% 60%) !important;
-  box-shadow:
-    0 0 6px hsl(217 85% 55% / 0.38),
-    0 0 14px hsl(217 80% 52% / 0.20),
-    inset 0 0 5px hsl(217 85% 58% / 0.12) !important;
-}
-.theme-terminal-dark .tab-stream-indicator.border-green-500 {
-  border-color: hsl(145 80% 45%) !important;
-  box-shadow:
-    0 0 6px hsl(145 75% 42% / 0.38),
-    0 0 14px hsl(145 70% 40% / 0.20),
-    inset 0 0 5px hsl(145 78% 44% / 0.12) !important;
-}
-.theme-terminal-dark .tab-stream-indicator.border-orange-500 {
-  border-color: hsl(25 95% 53%) !important;
-  box-shadow:
-    0 0 6px hsl(25 90% 50% / 0.38),
-    0 0 14px hsl(25 85% 48% / 0.20),
-    inset 0 0 5px hsl(25 92% 52% / 0.12) !important;
-}
 
 /* ===== 输入框段落紧凑行距（仅作用于输入框内的 tiptap 编辑器） ===== */
 .rich-text-input .tiptap p {