From 8380bfc7d40827c0e78f24e7ab1a0a7c72baa065 Mon Sep 17 00:00:00 2001
From: RockChinQ <rockchinq@gmail.com>
Date: Wed, 26 Aug 2026 00:22:22 +0800
Subject: [PATCH] refactor(pipelines): soften chat session selection

---
 .../components/debug-dialog/DebugDialog.tsx        | 14 ++++++++++++--
 web/tests/e2e/processor-detail-workbench.spec.ts   |  6 ++++++
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/web/src/app/home/pipelines/components/debug-dialog/DebugDialog.tsx b/web/src/app/home/pipelines/components/debug-dialog/DebugDialog.tsx
index 1d8d5aa03..9f5a4b1fa 100644
--- a/web/src/app/home/pipelines/components/debug-dialog/DebugDialog.tsx
+++ b/web/src/app/home/pipelines/components/debug-dialog/DebugDialog.tsx
@@ -861,9 +861,14 @@ export default function DebugDialog({
         </span>
         <Button
           type="button"
-          variant={sessionType === 'person' ? 'secondary' : 'ghost'}
+          variant="ghost"
           size="sm"
           aria-pressed={sessionType === 'person'}
+          className={cn(
+            'shadow-none',
+            sessionType === 'person' &&
+              'bg-primary/15 text-primary hover:bg-primary/20 hover:text-primary',
+          )}
           onClick={() => setSessionType('person')}
         >
           <User className="size-4" />
@@ -871,9 +876,14 @@ export default function DebugDialog({
         </Button>
         <Button
           type="button"
-          variant={sessionType === 'group' ? 'secondary' : 'ghost'}
+          variant="ghost"
           size="sm"
           aria-pressed={sessionType === 'group'}
+          className={cn(
+            'shadow-none',
+            sessionType === 'group' &&
+              'bg-primary/15 text-primary hover:bg-primary/20 hover:text-primary',
+          )}
           onClick={() => setSessionType('group')}
         >
           <Users className="size-4" />
diff --git a/web/tests/e2e/processor-detail-workbench.spec.ts b/web/tests/e2e/processor-detail-workbench.spec.ts
index f8ec619aa..f5d61158b 100644
--- a/web/tests/e2e/processor-detail-workbench.spec.ts
+++ b/web/tests/e2e/processor-detail-workbench.spec.ts
@@ -265,8 +265,14 @@ test.describe('processor detail workbench', () => {
       name: 'Group Chat',
     });
     await expect(privateChatButton).toHaveAttribute('aria-pressed', 'true');
+    await expect(privateChatButton).toHaveClass(/bg-primary\/15/);
+    await expect(privateChatButton).toHaveClass(/text-primary/);
+    await expect(groupChatButton).not.toHaveClass(/bg-primary\/15/);
     await groupChatButton.click();
     await expect(groupChatButton).toHaveAttribute('aria-pressed', 'true');
+    await expect(groupChatButton).toHaveClass(/bg-primary\/15/);
+    await expect(groupChatButton).toHaveClass(/text-primary/);
+    await expect(privateChatButton).not.toHaveClass(/bg-primary\/15/);
     await privateChatButton.click();
 
     const composer = debugPanel.locator('[data-debug-composer="true"]');