AI Settings

Configure AI generation settings for {site.name}.

{errors.model && (

{errors.model}

)}

setData('temperature', value)} className="mt-2" aria-invalid={!!errors.temperature} aria-describedby={errors.temperature ? 'ai-temperature-error' : undefined} /> {errors.temperature && (

{errors.temperature}

)}

setData('top_p', value)} className="mt-2" aria-invalid={!!errors.top_p} aria-describedby={errors.top_p ? 'ai-top-p-error' : undefined} /> {errors.top_p && (

{errors.top_p}

)}

setData('max_output_tokens', parseInt(e.target.value))} className="mt-1" aria-invalid={!!errors.max_output_tokens} aria-describedby={errors.max_output_tokens ? 'ai-max-tokens-error' : undefined} /> {errors.max_output_tokens && (

{errors.max_output_tokens}

)}

setData('custom_instructions_enabled', e.target.checked)} className="rounded border-input" /> Enable custom instructions

{data.custom_instructions_enabled && (

Custom instructions {data.custom_instructions.length} / 2000

setData('custom_instructions', e.target.value)}
                rows={4}
                placeholder="Add custom instructions for AI content generation..."
                className="mt-1"
                aria-invalid={!!errors.custom_instructions}
                aria-describedby={
                  errors.custom_instructions ? 'ai-custom-instructions-error' : undefined
                }
                maxLength={2000}
              />
              {errors.custom_instructions && (
                <p id="ai-custom-instructions-error" className="text-sm text-destructive mt-1">
                  {errors.custom_instructions}
                </p>
              )}
            </div>
          )}

<div className="flex gap-2 pt-2">
            <LoadingButton loading={processing}>Save Settings</LoadingButton>
            <Button type="button" variant="outline" onClick={handleReset}>
              Reset to Defaults
            </Button>
          </div>
        </form>
        <ConfirmDialog
          open={showReset}
          onOpenChange={setShowReset}
          title="Reset AI settings?"
          description="This will reset the AI model, temperature, and custom instructions to system defaults. Your existing drafts are not affected."
          confirmLabel="Reset to Defaults"
          variant="default"
          onConfirm={() => router.delete(route('sites.settings.ai.reset', site.id))}
        />
      </div>
    </>
  );
}

SiteAiSettings.layout = (page: React.ReactNode) => <DashboardLayout>{page}</DashboardLayout>;