From 5bf3ff54dd3a255f15e1a94f103eb65e5af67620 Mon Sep 17 00:00:00 2001
From: Kainoa <k@kainoa.me>
Date: Sun, 18 Jan 2026 20:13:00 -0800
Subject: [PATCH] feat(terminal): add scope badge to terminal selector

Display Worktree/Global badge in the terminal dropdown trigger
to clarify which context the selected terminal belongs to.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/renderer/components/TaskTerminalPanel.tsx | 35 +++++++++++++++++--
 1 file changed, 33 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/TaskTerminalPanel.tsx b/src/renderer/components/TaskTerminalPanel.tsx
index 63eb8e41..0d4caa51 100644
--- a/src/renderer/components/TaskTerminalPanel.tsx
+++ b/src/renderer/components/TaskTerminalPanel.tsx
@@ -136,6 +136,19 @@ const TaskTerminalPanelComponent: React.FC<Props> = ({
   // Get current active terminal info
   const activeTerminalId = parsed?.id ?? null;
 
+  // Get display info for the selected terminal
+  const selectedTerminalInfo = useMemo(() => {
+    if (!parsed) return null;
+    const terminals = parsed.mode === 'task' ? taskTerminals.terminals : globalTerminals.terminals;
+    const terminal = terminals.find((t) => t.id === parsed.id);
+    if (!terminal) return null;
+    return {
+      title: terminal.title,
+      scope: parsed.mode === 'task' ? 'Worktree' : 'Global',
+      isWorktree: parsed.mode === 'task',
+    };
+  }, [parsed, taskTerminals.terminals, globalTerminals.terminals]);
+
   // Total terminal count for close button visibility
   const totalTerminals = taskTerminals.terminals.length + globalTerminals.terminals.length;
 
@@ -265,8 +278,26 @@ const TaskTerminalPanelComponent: React.FC<Props> = ({
       <div className="flex items-center gap-2 border-b border-border bg-muted px-2 py-1.5 dark:bg-background">
         <Select value={selectedValue ?? undefined} onValueChange={handleSelectChange}>
           <SelectTrigger className="h-7 min-w-0 flex-1 border-none bg-transparent px-2 text-xs shadow-none">
-            <Terminal className="mr-1.5 h-3.5 w-3.5 shrink-0" />
-            <SelectValue placeholder="Select terminal" />
+            <Terminal className="h-3.5 w-3.5 shrink-0" />
+            {selectedTerminalInfo ? (
+              <>
+                <span
+                  className={cn(
+                    'ml-1 mr-3 shrink-0 rounded px-1 py-0.5 text-[9px] font-medium uppercase tracking-wide',
+                    selectedTerminalInfo.isWorktree
+                      ? 'bg-blue-500/15 text-blue-600 dark:bg-blue-400/15 dark:text-blue-400'
+                      : 'bg-zinc-500/15 text-zinc-600 dark:bg-zinc-400/15 dark:text-zinc-400'
+                  )}
+                >
+                  {selectedTerminalInfo.scope}
+                </span>
+                <span className="min-w-0 truncate">{selectedTerminalInfo.title}</span>
+              </>
+            ) : (
+              <span className="ml-1.5">
+                <SelectValue placeholder="Select terminal" />
+              </span>
+            )}
           </SelectTrigger>
           <SelectContent>
             {task && (