From 39167eb1a586ee9e060d6ec3314617e14e0259c0 Mon Sep 17 00:00:00 2001
From: delltrak <78751023+delltrak@users.noreply.github.com>
Date: Sat, 15 Aug 2026 09:27:01 -0300
Subject: [PATCH] fix(web): describe what Ultracode does in the Reasoning
 picker (#6092)

---
 .../src/provider/Layers/ClaudeProvider.ts     | 18 ++++++++++---
 apps/server/src/provider/providerSnapshot.ts  | 18 ++++++++-----
 apps/web/src/components/chat/TraitsPicker.tsx | 25 ++++++++++++-------
 3 files changed, 43 insertions(+), 18 deletions(-)

diff --git a/apps/server/src/provider/Layers/ClaudeProvider.ts b/apps/server/src/provider/Layers/ClaudeProvider.ts
index 977f7d42d8102a786e0fc3c725c03900d500ab5c..b08b5db68ee01fbef7bd5b13762500114b50f3b4 100644
--- a/apps/server/src/provider/Layers/ClaudeProvider.ts
+++ b/apps/server/src/provider/Layers/ClaudeProvider.ts
@@ -78,7 +78,11 @@ const CLAUDE_MODEL_CATALOG: ReadonlyArray<ServerProviderModel> = [
             { value: "high", label: "High", isDefault: true },
             { value: "xhigh", label: "Extra High" },
             { value: "max", label: "Max" },
-            { value: "ultracode", label: "Ultracode" },
+            {
+              value: "ultracode",
+              label: "Ultracode",
+              description: "xhigh effort plus multi-agent workflow orchestration",
+            },
             { value: "ultrathink", label: "Ultrathink" },
           ],
           promptInjectedValues: ["ultrathink"],
@@ -109,7 +113,11 @@ const CLAUDE_MODEL_CATALOG: ReadonlyArray<ServerProviderModel> = [
             { value: "high", label: "High", isDefault: true },
             { value: "xhigh", label: "Extra High" },
             { value: "max", label: "Max" },
-            { value: "ultracode", label: "Ultracode" },
+            {
+              value: "ultracode",
+              label: "Ultracode",
+              description: "xhigh effort plus multi-agent workflow orchestration",
+            },
             { value: "ultrathink", label: "Ultrathink" },
           ],
           promptInjectedValues: ["ultrathink"],
@@ -145,7 +153,11 @@ const CLAUDE_MODEL_CATALOG: ReadonlyArray<ServerProviderModel> = [
             { value: "high", label: "High", isDefault: true },
             { value: "xhigh", label: "Extra High" },
             { value: "max", label: "Max" },
-            { value: "ultracode", label: "Ultracode" },
+            {
+              value: "ultracode",
+              label: "Ultracode",
+              description: "xhigh effort plus multi-agent workflow orchestration",
+            },
             { value: "ultrathink", label: "Ultrathink" },
           ],
           promptInjectedValues: ["ultrathink"],
diff --git a/apps/server/src/provider/providerSnapshot.ts b/apps/server/src/provider/providerSnapshot.ts
index e741a7a2c1d099cfe5d9833fac468f87bd77c6e6..03b4cf4a3b6e53c3b5274deefdc800fb0afa8350 100644
--- a/apps/server/src/provider/providerSnapshot.ts
+++ b/apps/server/src/provider/providerSnapshot.ts
@@ -168,16 +168,22 @@ export function buildSelectOptionDescriptor(input: {
   readonly id: string;
   readonly label: string;
   readonly options:
-    | ReadonlyArray<{ value: string; label: string; isDefault?: boolean | undefined }>
+    | ReadonlyArray<{
+        value: string;
+        label: string;
+        description?: string | undefined;
+        isDefault?: boolean | undefined;
+      }>
     | undefined;
   readonly description?: string;
   readonly promptInjectedValues?: ReadonlyArray<string>;
 }) {
-  const options = (input.options ?? []).map((option) =>
-    option.isDefault
-      ? { id: option.value, label: option.label, isDefault: true }
-      : { id: option.value, label: option.label },
-  );
+  const options = (input.options ?? []).map((option) => ({
+    id: option.value,
+    label: option.label,
+    ...(option.description ? { description: option.description } : {}),
+    ...(option.isDefault ? { isDefault: true } : {}),
+  }));
   const currentValue = options.find((option) => option.isDefault)?.id;
   return {
     id: input.id,
diff --git a/apps/web/src/components/chat/TraitsPicker.tsx b/apps/web/src/components/chat/TraitsPicker.tsx
index 8462757700e794da45c9214a2aeb61339d415a6c..924fbddeab703290a74034cdb19fe69c36a17638 100644
--- a/apps/web/src/components/chat/TraitsPicker.tsx
+++ b/apps/web/src/components/chat/TraitsPicker.tsx
@@ -328,16 +328,23 @@ export const TraitsMenuContent = memo(function TraitsMenuContentImpl({
                     closeOnClick
                     disabled={ultrathinkInBodyText && descriptor.id === primarySelectDescriptor?.id}
                   >
-                    <span className="flex w-full min-w-0 items-center justify-between gap-3">
-                      <span className="min-w-0 truncate">
-                        {option.label}
-                        {option.isDefault ? (
-                          <>
-                            {" "}
-                            <DefaultBadge />
-                          </>
-                        ) : null}
+                    <span className="flex w-full min-w-0 flex-col">
+                      <span className="flex w-full min-w-0 items-center justify-between gap-3">
+                        <span className="min-w-0 truncate">
+                          {option.label}
+                          {option.isDefault ? (
+                            <>
+                              {" "}
+                              <DefaultBadge />
+                            </>
+                          ) : null}
+                        </span>
                       </span>
+                      {option.description ? (
+                        <span className="max-w-56 text-pretty text-muted-foreground/80 text-xs">
+                          {option.description}
+                        </span>
+                      ) : null}
                     </span>
                   </MenuRadioItem>
                 ))}
-- 
2.54.0