Fix model selector to use controlled value

Gerome-Elassaad · Gerome-Elassaad · commit 9c927a003292 · 2025-10-02T08:07:26.000+10:00
- Change defaultValue to value for proper reactivity
- Model selection now updates when languageModel changes
diff --git a/components/chat-picker.tsx b/components/chat-picker.tsx
@@ -73,7 +73,7 @@ export function ChatPicker({
       <div className="flex flex-col">
         <Select
           name="languageModel"
-          defaultValue={languageModel.model}
+          value={languageModel.model}
           onValueChange={(e) => onLanguageModelChange({ model: e })}
         >
           <SelectTrigger className="whitespace-nowrap border-none shadow-none focus:ring-0 px-0 py-0 h-6 text-xs bg-transparent">

Original file line number	Diff line number	Diff line change
`@@ -73,7 +73,7 @@ export function ChatPicker({`
`73`	`73`	`<div className="flex flex-col">`
`74`	`74`	`<Select`
`75`	`75`	`name="languageModel"`
`76`		`- defaultValue={languageModel.model}`
	`76`	`+ value={languageModel.model}`
`77`	`77`	`onValueChange={(e) => onLanguageModelChange({ model: e })}`
`78`	`78`	`>`
`79`	`79`	`<SelectTrigger className="whitespace-nowrap border-none shadow-none focus:ring-0 px-0 py-0 h-6 text-xs bg-transparent">`