From 18c1ed93b87798c55666bfd8eb5acd87067ee6b2 Mon Sep 17 00:00:00 2001
From: RockChinQ <rockchinq@gmail.com>
Date: Sat, 12 Sep 2026 01:23:06 +0800
Subject: [PATCH] fix(models): show reasoning icon in model selectors

---
 .../components/dynamic-form/DynamicFormItemComponent.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/web/src/app/home/components/dynamic-form/DynamicFormItemComponent.tsx b/web/src/app/home/components/dynamic-form/DynamicFormItemComponent.tsx
index db67e0579..3d966ee05 100644
--- a/web/src/app/home/components/dynamic-form/DynamicFormItemComponent.tsx
+++ b/web/src/app/home/components/dynamic-form/DynamicFormItemComponent.tsx
@@ -46,6 +46,7 @@ import {
   Eye,
   EyeOff,
   Wrench,
+  BrainCircuit,
   Trash2,
   Sparkles,
   Info,
@@ -176,6 +177,7 @@ export default function DynamicFormItemComponent({
     uuid: string;
     name: string;
     abilities?: string[];
+    reasoning_capabilities?: { supported?: boolean };
     provider?: { requester?: string };
   }) => (
     <span className="grid w-full min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-3">
@@ -187,6 +189,13 @@ export default function DynamicFormItemComponent({
         {model.abilities?.includes('func_call') && (
           <Wrench className="h-3 w-3 text-muted-foreground" />
         )}
+        {(model.reasoning_capabilities?.supported === true ||
+          model.abilities?.includes('reasoning')) && (
+          <BrainCircuit
+            className="h-3 w-3 shrink-0 text-muted-foreground"
+            aria-label={t('models.reasoningAbility')}
+          />
+        )}
       </span>
       {model.provider?.requester === LANGBOT_MODELS_PROVIDER_REQUESTER && (
         <LangBotModelMetadata