From f025a497b8a3ce368e21e3a800eb5031f8c38436 Mon Sep 17 00:00:00 2001
From: lzt404 <2596933790@qq.com>
Date: Mon, 5 Oct 2026 00:23:25 +0800
Subject: [PATCH] fix(ui): align agent auth selection styling with home
 protocol tabs

- Use a subtle accent background instead of an outlined selected state
- Keep selection styling consistent across light, dark, and hover states
---
 src/styles/feature-pages.css   | 10 ++++++----
 src/styles/workspace-white.css | 11 ++++++++++-
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/styles/feature-pages.css b/src/styles/feature-pages.css
index 5982304..6c2d210 100644
--- a/src/styles/feature-pages.css
+++ b/src/styles/feature-pages.css
@@ -3243,11 +3243,13 @@
   background: var(--theme-e8e5dc);
   color: var(--theme-2d2a26);
 }
-.agent-auth-segmented-button.active {
-  background: var(--theme-fffdf8);
-  color: var(--theme-2d2a26);
+.agent-auth-segmented-button.active,
+.agent-auth-segmented-button.active:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--ui-accent) 10%, var(--bg-card));
+  color: var(--ui-accent);
+  border-color: transparent;
   font-weight: var(--font-weight-semibold);
-  box-shadow: 0 1px 3px rgba(45, 42, 38, 0.12);
+  box-shadow: none;
 }
 .agent-auth-segmented-button:disabled {
   cursor: not-allowed;
diff --git a/src/styles/workspace-white.css b/src/styles/workspace-white.css
index fbbdd4c..3f82648 100644
--- a/src/styles/workspace-white.css
+++ b/src/styles/workspace-white.css
@@ -63,7 +63,7 @@
 }
 
 :root:not([data-theme='dark']) .workspace :is(
-  .agent-list-items button.active, .agent-auth-segmented-button.active,
+  .agent-list-items button.active,
   .routing-segmented button.active, .plugin-tabs button.active,
   .usage-analysis-metric button[aria-pressed='true']
 ) {
@@ -93,6 +93,15 @@
   color: var(--ui-accent-strong);
 }
 
+/* Match the home protocol selection, including while hovered. */
+:root:not([data-theme='dark']) .workspace .agent-auth-segmented-button.active,
+:root:not([data-theme='dark']) .workspace .agent-auth-segmented-button.active:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--ui-accent) 10%, var(--bg-card));
+  border-color: transparent;
+  color: var(--ui-accent);
+  box-shadow: none;
+}
+
 /* Do not let local subpage palettes bring the neutral fills back. */
 :root:not([data-theme='dark']) .workspace .usage-tab-panel {
   --usage-page-soft: #fff;