From c0e161af069ec501a44d72c4e59d38d3cf85706d Mon Sep 17 00:00:00 2001
From: ss <69873514+sandersonstabo@users.noreply.github.com>
Date: Sat, 18 Jul 2026 13:21:50 +0200
Subject: [PATCH] [fix/feat:ui] Show default option badge (#3232)

Co-authored-by: Julius Marminge <julius0216@outlook.com>
---
 apps/web/src/components/chat/TraitsPicker.tsx | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/components/chat/TraitsPicker.tsx b/apps/web/src/components/chat/TraitsPicker.tsx
index 5a32a780289631cfda0015eb7c9312db8b9d7494..91e14f20a91fd0ee16d1c21a24a43c692778a43b 100644
--- a/apps/web/src/components/chat/TraitsPicker.tsx
+++ b/apps/web/src/components/chat/TraitsPicker.tsx
@@ -30,6 +30,7 @@ import {
 import { useComposerDraftStore, DraftId } from "../../composerDraftStore";
 import { getProviderModelCapabilities } from "../../providerModels";
 import { cn } from "~/lib/utils";
+import { Badge } from "../ui/badge";
 
 type ProviderOptions = ReadonlyArray<ProviderOptionSelection>;
 
@@ -46,6 +47,17 @@ type TraitsPersistence =
 
 const ULTRATHINK_PROMPT_PREFIX = "Ultrathink:\n";
 
+function DefaultBadge() {
+  return (
+    <Badge
+      variant="outline"
+      className="inline-flex h-4 w-fit min-w-0 items-center justify-center gap-0 border-border/70 bg-muted/60 px-1.5 py-0 font-semibold text-[10px] text-muted-foreground leading-none sm:h-4"
+    >
+      Default
+    </Badge>
+  );
+}
+
 function replaceDescriptorCurrentValue(
   descriptors: ReadonlyArray<ProviderOptionDescriptor>,
   descriptorId: string,
@@ -313,7 +325,12 @@ export const TraitsMenuContent = memo(function TraitsMenuContentImpl({
                   disabled={ultrathinkInBodyText && descriptor.id === primarySelectDescriptor?.id}
                 >
                   {option.label}
-                  {option.isDefault ? " (default)" : ""}
+                  {option.isDefault ? (
+                    <>
+                      {" "}
+                      <DefaultBadge />
+                    </>
+                  ) : null}
                 </MenuRadioItem>
               ))}
             </MenuRadioGroup>
-- 
2.54.0