From 9d6a5364bb872992b6fe81bc30be5f02aabfa384 Mon Sep 17 00:00:00 2001
From: wren <porlong@qq.com>
Date: Tue, 24 Mar 2026 20:16:59 +0800
Subject: [PATCH] fix(ui): use inline tailwind for field chips instead of
 scoped CSS class

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 app/components/rules/new/ExtractionSettings.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/rules/new/ExtractionSettings.tsx b/app/components/rules/new/ExtractionSettings.tsx
index 4454fc8..c8a3305 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={`tag-button ${multiEntityEnabled && isMulti ? 'tag-multi-entity' : ''}`}
+                      className={`inline-flex items-center px-3 py-1 rounded-full text-xs font-medium border cursor-pointer transition-all duration-200 ${multiEntityEnabled && isMulti ? 'bg-[#00684a] border-[#00684a] text-white hover:bg-[#005a3f]' : 'bg-gray-100 text-gray-700 border-gray-200 hover:bg-[rgba(0,104,74,0.1)] hover:border-[#00684a] hover:text-[#00684a]'}`}
                       onClick={() => multiEntityEnabled && toggleLLMFieldMultiEntity(index)}
                       title={multiEntityEnabled ? (isMulti ? '点击关闭多实体展开' : '点击开启多实体展开') : name}
                     >