From b99e0f937e828504e0f93dbe35dfd6b1540e20b2 Mon Sep 17 00:00:00 2001
From: chengyongru <2755839590@qq.com>
Date: Mon, 27 Jul 2026 23:10:08 +0800
Subject: [PATCH] fix(webui): soften model selector emphasis

---
 webui/src/components/thread/ModelPresetBadge.tsx | 2 +-
 webui/src/tests/thread-composer.test.tsx         | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/webui/src/components/thread/ModelPresetBadge.tsx b/webui/src/components/thread/ModelPresetBadge.tsx
index c619b521d..317d459f7 100644
--- a/webui/src/components/thread/ModelPresetBadge.tsx
+++ b/webui/src/components/thread/ModelPresetBadge.tsx
@@ -359,7 +359,7 @@ function PresetPill({
       data-preset-offset={offset}
       title={fallbackModelName || title || undefined}
       className={cn(
-        "composer-model-badge composer-model-pill inline-flex h-full w-fit max-w-full min-w-0 shrink-0 items-center rounded-full border border-border/55 bg-card font-semibold text-foreground/58",
+        "composer-model-badge composer-model-pill inline-flex h-full w-fit max-w-full min-w-0 shrink-0 items-center rounded-full border border-border/55 bg-card font-medium text-foreground/70",
         offset === undefined && "shadow-[0_2px_8px_rgba(15,23,42,0.045)]",
         "transition-[color,background-color,border-color,transform] duration-150 ease-out group-focus-visible/model-badge:ring-2 group-focus-visible/model-badge:ring-ring/45",
         needsSetup && "border-amber-500/35 bg-amber-50/70 text-amber-900 dark:bg-amber-500/10 dark:text-amber-200",
diff --git a/webui/src/tests/thread-composer.test.tsx b/webui/src/tests/thread-composer.test.tsx
index ee15920da..b50f802ae 100644
--- a/webui/src/tests/thread-composer.test.tsx
+++ b/webui/src/tests/thread-composer.test.tsx
@@ -446,6 +446,9 @@ describe("ThreadComposer", () => {
     );
 
     expect(screen.getByText("gpt-4o")).toBeInTheDocument();
+    const modelPill = screen.getByText("gpt-4o").closest(".composer-model-pill");
+    expect(modelPill).toHaveClass("font-medium", "text-foreground/70");
+    expect(modelPill).not.toHaveClass("font-semibold");
     expect(screen.getByTestId("composer-model-logo-openai")).toBeInTheDocument();
     const input = screen.getByPlaceholderText("Type your message...");
     expect(input.className).toContain("min-h-[50px]");