Function ImageGenSettings

frontend/components/autofigure/ImageGenSettings.tsx:21–244

({
    isOpen,
    onClose,
    config,
    onSave,
}: ImageGenSettingsProps)

}

export default function ImageGenSettings({
    isOpen,
    onClose,
    config,
    onSave,
}: ImageGenSettingsProps) {
    const [localConfig, setLocalConfig] = useState<ImageGenConfig>(config)

    // Sync with parent config when modal opens
    useEffect(() => {
        if (isOpen) {
            setLocalConfig(config)
        }
    }, [isOpen, config])

    if (!isOpen) return null

    const handleSave = () => {
        onSave(localConfig)
    }

    const handleBackdropClick = (e: React.MouseEvent) => {
        if (e.target === e.currentTarget) {
            onClose()
        }
    }

    const handleProviderChange = (provider: LLMProvider) => {
        // Get default base URL based on provider
        let defaultBaseUrl = 'https://api.bianxie.ai/v1/chat/completions'
        if (provider === 'openrouter') {
            defaultBaseUrl = 'https://openrouter.ai/api/v1'
        } else if (provider === 'gemini') {
            defaultBaseUrl = 'https://generativelanguage.googleapis.com/v1beta'
        }

        setLocalConfig(prev => ({
            ...prev,
            provider,
            baseUrl: defaultBaseUrl,
        }))
    }

    const getPlaceholders = () => {
        if (localConfig.provider === 'openrouter') {
            return {
                apiKey: 'Enter your OpenRouter API key',
                model: 'e.g., google/gemini-3.1-flash-image-preview',
                baseUrl: 'https://openrouter.ai/api/v1',
            }
        }
        if (localConfig.provider === 'gemini') {
            return {
                apiKey: 'Enter your Google AI API key',
                model: 'e.g., gemini-3.1-flash-image-preview',
                baseUrl: 'https://generativelanguage.googleapis.com/v1beta',
            }
        }