fix: increase min max output tokens to 2048 to support reasoning models

- Changed minimum max output tokens from 1000 to 2048
- This ensures reasoning models always have enough tokens:
  - Thinking tokens: 1024 min to 1638 max (80% of 2048)
  - Output tokens: at least 410 tokens guaranteed (20% of 2048)
- Updated tests to reflect the new minimum value
- This solves the issue where the thinking tokens slider was unusable with low max token values

Author: MuriloFP

webview-ui/src/components/settings/ApiOptions.tsx

@@ -579,7 +579,7 @@ const ApiOptions = ({
 							value={apiConfiguration.modelMaxTokens}
 							onChange={(value) => setApiConfigurationField("modelMaxTokens", value)}
 							modelInfo={selectedModelInfo}
-							minValue={1000}
+							minValue={2048}
 							maxValue={selectedModelInfo?.maxTokens || 200000}
 						/>
 						<RateLimitSecondsControl

webview-ui/src/components/settings/MaxTokensControl.tsx

@@ -16,7 +16,7 @@ export const MaxTokensControl: React.FC<MaxTokensControlProps> = ({
 	value,
 	onChange,
 	modelInfo,
-	minValue = 1000,
+	minValue = 2048,
 	maxValue,
 	className,
 }) => {

webview-ui/src/components/settings/__tests__/MaxTokensControl.spec.tsx

@@ -111,7 +111,7 @@ describe("MaxTokensControl", () => {
 	})
 
 	test("should show validation error when value is below minimum", () => {
-		render(<MaxTokensControl {...defaultProps} value={500} minValue={1000} />)
+		render(<MaxTokensControl {...defaultProps} value={500} minValue={2048} />)
 
 		expect(screen.getByText("settings:providers.maxOutputTokens.validation.tooLow")).toBeInTheDocument()
 	})
@@ -163,7 +163,7 @@ describe("MaxTokensControl", () => {
 	})
 
 	test("should apply error styling when validation fails", () => {
-		render(<MaxTokensControl {...defaultProps} value={500} minValue={1000} />)
+		render(<MaxTokensControl {...defaultProps} value={500} minValue={2048} />)
 
 		const input = screen.getByRole("spinbutton")
 		expect(input.className).toContain("border-red-500")