From a95e3265f6b596f2cec47b594c7ff967004c2fd9 Mon Sep 17 00:00:00 2001
From: Yif <877193178@qq.com>
Date: Mon, 10 Aug 2026 21:41:32 +0800
Subject: [PATCH] fix(web): polish preset chrome and subagent menu after review

---
 .../ui-agent-preset/src/client/AgentPresetLabel.module.css  | 2 +-
 .../client/ui-agent-preset/src/client/AgentPresetLabel.tsx  | 2 +-
 .../src/client/AgentPresetSection.module.css                | 6 ++++++
 .../src/client/skeleton/ConversationRoot.module.css         | 1 +
 .../client/ui-settings/src/client/SettingsRoot.module.css   | 2 +-
 .../ui-subagent/src/client/SubagentCatalogAction.module.css | 1 -
 6 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/client/ui-agent-preset/src/client/AgentPresetLabel.module.css b/packages/client/ui-agent-preset/src/client/AgentPresetLabel.module.css
index 5468f0d592..6d2cdd814b 100644
--- a/packages/client/ui-agent-preset/src/client/AgentPresetLabel.module.css
+++ b/packages/client/ui-agent-preset/src/client/AgentPresetLabel.module.css
@@ -5,7 +5,7 @@
   align-items: center;
   gap: 4px;
   max-width: 180px;
-  padding: 0 8px;
+  padding: 0 2px 0 0;
   height: 22px;
   border-radius: 6px;
   background: var(--dsw-alias-fill-tsp-secondary);
diff --git a/packages/client/ui-agent-preset/src/client/AgentPresetLabel.tsx b/packages/client/ui-agent-preset/src/client/AgentPresetLabel.tsx
index fb4b56490c..3e98310cca 100644
--- a/packages/client/ui-agent-preset/src/client/AgentPresetLabel.tsx
+++ b/packages/client/ui-agent-preset/src/client/AgentPresetLabel.tsx
@@ -57,7 +57,7 @@ export function AgentPresetLabel({
   const text = option === undefined ? undefined : presetDisplayText(option, t)
   return (
     <span className={css.label} title={text?.description ?? t('headerHint')}>
-      <IconAgentPresetOutline16 className={css.icon} />
+      <IconAgentPresetOutline16 size={14} className={css.icon} />
       {text?.name ?? preset}
     </span>
   )
diff --git a/packages/client/ui-agent-preset/src/client/AgentPresetSection.module.css b/packages/client/ui-agent-preset/src/client/AgentPresetSection.module.css
index 79dca43f7b..0438e23b17 100644
--- a/packages/client/ui-agent-preset/src/client/AgentPresetSection.module.css
+++ b/packages/client/ui-agent-preset/src/client/AgentPresetSection.module.css
@@ -26,6 +26,12 @@
   gap: 10px;
 }
 
+/* Group-to-group breathing room: the section's 12px gap plus 20px reads the
+   two rosters as separate blocks (32px total). */
+.group + .group {
+  margin-top: 20px;
+}
+
 .groupHead {
   margin: 0;
   font-size: 12px;
diff --git a/packages/client/ui-conversation/src/client/skeleton/ConversationRoot.module.css b/packages/client/ui-conversation/src/client/skeleton/ConversationRoot.module.css
index ca15f77c4d..040e656bd8 100644
--- a/packages/client/ui-conversation/src/client/skeleton/ConversationRoot.module.css
+++ b/packages/client/ui-conversation/src/client/skeleton/ConversationRoot.module.css
@@ -292,6 +292,7 @@
 .heroWorkspaceRow {
   display: flex;
   align-items: center;
+  gap: 2px;
   min-width: 0;
   /* figma drew px 8; nudged +12 so the chip's folder glyph lines up closer to
      the card's inner controls below. */
diff --git a/packages/client/ui-settings/src/client/SettingsRoot.module.css b/packages/client/ui-settings/src/client/SettingsRoot.module.css
index 04e8c98cd6..f1bd87e9af 100644
--- a/packages/client/ui-settings/src/client/SettingsRoot.module.css
+++ b/packages/client/ui-settings/src/client/SettingsRoot.module.css
@@ -73,7 +73,7 @@
   z-index: 1;
   display: flex;
   width: 800px;
-  height: min(824px, calc(100vh - 48px));
+  height: min(800px, calc(100vh - 48px));
   max-width: calc(100vw - 48px);
   border-radius: 24px;
   overflow: hidden;
diff --git a/packages/client/ui-subagent/src/client/SubagentCatalogAction.module.css b/packages/client/ui-subagent/src/client/SubagentCatalogAction.module.css
index fc3ddfea46..75f0040cf6 100644
--- a/packages/client/ui-subagent/src/client/SubagentCatalogAction.module.css
+++ b/packages/client/ui-subagent/src/client/SubagentCatalogAction.module.css
@@ -54,7 +54,6 @@
   max-height: min(560px, calc(100vh - 140px));
   padding: 4px;
   overflow: auto;
-  border: 1px solid var(--dsw-alias-border-l2);
   border-radius: 12px;
   background: var(--dsw-specific-menu);
   --dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2);