From 95351893c62f00e6b495a6849ff60f65b0ade03f Mon Sep 17 00:00:00 2001
From: wren <porlong@qq.com>
Date: Tue, 24 Mar 2026 20:04:21 +0800
Subject: [PATCH] fix(ui): compact multi-entity field chips to match tag-button
 size

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 app/components/rules/new/ExtractionSettings.tsx | 2 +-
 app/styles/pages/config-lists_new.css           | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/components/rules/new/ExtractionSettings.tsx b/app/components/rules/new/ExtractionSettings.tsx
index d6d4abd..4454fc8 100644
--- a/app/components/rules/new/ExtractionSettings.tsx
+++ b/app/components/rules/new/ExtractionSettings.tsx
@@ -724,7 +724,7 @@ export function ExtractionSettings({
                     <button
                       type="button"
                       key={`llm-field-${index}`}
-                      className={`ant-btn ${multiEntityEnabled && isMulti ? 'ant-btn-primary' : 'ant-btn-default tag-button'}`}
+                      className={`tag-button ${multiEntityEnabled && isMulti ? 'tag-multi-entity' : ''}`}
                       onClick={() => multiEntityEnabled && toggleLLMFieldMultiEntity(index)}
                       title={multiEntityEnabled ? (isMulti ? '点击关闭多实体展开' : '点击开启多实体展开') : name}
                     >
diff --git a/app/styles/pages/config-lists_new.css b/app/styles/pages/config-lists_new.css
index b6171d6..8618f66 100644
--- a/app/styles/pages/config-lists_new.css
+++ b/app/styles/pages/config-lists_new.css
@@ -95,6 +95,10 @@
   @apply bg-[rgba(0,104,74,0.15)] border-[#00684a] text-[#00684a];
 }
 
+.config-new-page .tag-button.tag-multi-entity {
+  @apply bg-[#00684a] border-[#00684a] text-white hover:bg-[#005a3f] hover:border-[#005a3f] hover:text-white;
+}
+
 /* JSON编辑器 */
 .config-new-page .json-editor {
   @apply w-full min-h-[400px] font-mono text-sm leading-relaxed