fix(web): polish preset chrome and subagent menu after review

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);

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>
   )

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;