/*
Copyright (C) 2023-2026 QuantumNous
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see .
For commercial licensing, please contact support@quantumnous.com
*/
import { useEffect, useRef } from 'react'
import * as z from 'zod'
import { useForm } from 'react-hook-form'
import { zodResolver } from '@hookform/resolvers/zod'
import { useTranslation } from 'react-i18next'
import { toast } from 'sonner'
import {
Form,
FormControl,
FormDescription,
FormField,
FormItem,
FormLabel,
FormMessage,
} from '@/components/ui/form'
import { Input } from '@/components/ui/input'
import { Switch } from '@/components/ui/switch'
import { Textarea } from '@/components/ui/textarea'
import {
SettingsForm,
SettingsSwitchContent,
SettingsControlGroup,
SettingsSwitchItem,
} from '../components/settings-form-layout'
import { SettingsPageFormActions } from '../components/settings-page-context'
import { SettingsSection } from '../components/settings-section'
import { useUpdateOption } from '../hooks/use-update-option'
import {
formatJsonForTextarea,
normalizeJsonString,
validateJsonString,
} from './utils'
const schema = z.object({
claude: z.object({
model_headers_settings: z.string().superRefine((value, ctx) => {
const result = validateJsonString(value)
if (!result.valid) {
ctx.addIssue({
code: z.ZodIssueCode.custom,
message: result.message || 'Invalid JSON',
})
}
}),
default_max_tokens: z.string().superRefine((value, ctx) => {
const result = validateJsonString(value)
if (!result.valid) {
ctx.addIssue({
code: z.ZodIssueCode.custom,
message: result.message || 'Invalid JSON',
})
}
}),
thinking_adapter_enabled: z.boolean(),
thinking_adapter_budget_tokens_percentage: z.coerce
.number()
.min(0.1, { message: 'Must be at least 0.1' })
.max(1, { message: 'Must be 1 or less' }),
}),
})
type ClaudeSettingsFormValues = z.output
type ClaudeSettingsFormInput = z.input
type FlatClaudeSettings = {
'claude.model_headers_settings': string
'claude.default_max_tokens': string
'claude.thinking_adapter_enabled': boolean
'claude.thinking_adapter_budget_tokens_percentage': number
}
type ClaudeSettingsCardProps = {
defaultValues: ClaudeSettingsFormInput
}
export function ClaudeSettingsCard({ defaultValues }: ClaudeSettingsCardProps) {
const { t } = useTranslation()
const updateOption = useUpdateOption()
const normalizedDefaultsRef = useRef({
'claude.model_headers_settings': normalizeJsonString(
defaultValues.claude.model_headers_settings
),
'claude.default_max_tokens': normalizeJsonString(
defaultValues.claude.default_max_tokens
),
'claude.thinking_adapter_enabled':
defaultValues.claude.thinking_adapter_enabled,
'claude.thinking_adapter_budget_tokens_percentage': Number(
defaultValues.claude.thinking_adapter_budget_tokens_percentage
),
})
const buildFormDefaults = (
values: ClaudeSettingsFormInput
): ClaudeSettingsFormInput => ({
claude: {
model_headers_settings: formatJsonForTextarea(
values.claude.model_headers_settings
),
default_max_tokens: formatJsonForTextarea(
values.claude.default_max_tokens
),
thinking_adapter_enabled: values.claude.thinking_adapter_enabled,
thinking_adapter_budget_tokens_percentage:
values.claude.thinking_adapter_budget_tokens_percentage,
},
})
const form = useForm<
ClaudeSettingsFormInput,
unknown,
ClaudeSettingsFormValues
>({
resolver: zodResolver(schema),
defaultValues: buildFormDefaults(defaultValues),
})
useEffect(() => {
normalizedDefaultsRef.current = {
'claude.model_headers_settings': normalizeJsonString(
defaultValues.claude.model_headers_settings
),
'claude.default_max_tokens': normalizeJsonString(
defaultValues.claude.default_max_tokens
),
'claude.thinking_adapter_enabled':
defaultValues.claude.thinking_adapter_enabled,
'claude.thinking_adapter_budget_tokens_percentage': Number(
defaultValues.claude.thinking_adapter_budget_tokens_percentage
),
}
form.reset(buildFormDefaults(defaultValues))
}, [defaultValues, form])
const onSubmit = async (values: ClaudeSettingsFormValues) => {
const normalized: FlatClaudeSettings = {
'claude.model_headers_settings': normalizeJsonString(
values.claude.model_headers_settings
),
'claude.default_max_tokens': normalizeJsonString(
values.claude.default_max_tokens
),
'claude.thinking_adapter_enabled': values.claude.thinking_adapter_enabled,
'claude.thinking_adapter_budget_tokens_percentage':
values.claude.thinking_adapter_budget_tokens_percentage,
}
const updates = (
Object.keys(normalized) as Array
).filter((key) => normalized[key] !== normalizedDefaultsRef.current[key])
if (updates.length === 0) {
toast.info(t('No changes to save'))
return
}
for (const key of updates) {
await updateOption.mutateAsync({ key, value: normalized[key] })
}
}
return (
)
}