import { useState, useEffect } from 'react'; import { Switch } from '../../ui/switch'; import { Input } from '../../ui/input'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../ui/card'; import { AlertCircle } from 'lucide-react'; import { ExternalGoosedConfig, defaultSettings } from '../../../utils/settings'; import { WEB_PROTOCOLS } from '../../../utils/urlSecurity'; import { defineMessages, useIntl } from '../../../i18n'; const i18n = defineMessages({ title: { id: 'externalBackendSection.title', defaultMessage: 'Goose Server', }, description: { id: 'externalBackendSection.description', defaultMessage: 'By default goose launches a server for you, use this to connect to an external goose server', }, useExternalServer: { id: 'externalBackendSection.useExternalServer', defaultMessage: 'Use external server', }, useExternalServerDescription: { id: 'externalBackendSection.useExternalServerDescription', defaultMessage: 'Connect to a goose server running elsewhere (requires app restart)', }, serverUrl: { id: 'externalBackendSection.serverUrl', defaultMessage: 'Server URL', }, secretKey: { id: 'externalBackendSection.secretKey', defaultMessage: 'Secret Key', }, secretKeyPlaceholder: { id: 'externalBackendSection.secretKeyPlaceholder', defaultMessage: "Enter the server's secret key", }, secretKeyHelp: { id: 'externalBackendSection.secretKeyHelp', defaultMessage: 'The secret key configured on the goosed server (GOOSE_SERVER__SECRET_KEY)', }, certFingerprint: { id: 'externalBackendSection.certFingerprint', defaultMessage: 'Certificate Fingerprint (optional)', }, certFingerprintPlaceholder: { id: 'externalBackendSection.certFingerprintPlaceholder', defaultMessage: 'AA:BB:CC:... or sha256/base64', }, certFingerprintHelp: { id: 'externalBackendSection.certFingerprintHelp', defaultMessage: 'Pin a specific TLS certificate fingerprint. If omitted, the certificate is trusted on first use (TOFU).', }, restartNote: { id: 'externalBackendSection.restartNote', defaultMessage: 'Changes require restarting Goose to take effect. New chat windows will connect to the external server.', }, urlProtocolError: { id: 'externalBackendSection.urlProtocolError', defaultMessage: 'URL must use http or https protocol', }, urlFormatError: { id: 'externalBackendSection.urlFormatError', defaultMessage: 'Invalid URL format', }, }); export default function ExternalBackendSection() { const intl = useIntl(); const [config, setConfig] = useState(defaultSettings.externalGoosed); const [isSaving, setIsSaving] = useState(false); const [urlError, setUrlError] = useState(null); useEffect(() => { const loadSettings = async () => { const externalGoosed = await window.electron.getSetting('externalGoosed'); setConfig(externalGoosed); }; loadSettings(); }, []); const validateUrl = (value: string): boolean => { if (!value) { setUrlError(null); return true; } try { const parsed = new URL(value); if (!WEB_PROTOCOLS.includes(parsed.protocol)) { setUrlError(intl.formatMessage(i18n.urlProtocolError)); return false; } setUrlError(null); return true; } catch { setUrlError(intl.formatMessage(i18n.urlFormatError)); return false; } }; const saveConfig = async (newConfig: ExternalGoosedConfig): Promise => { setIsSaving(true); try { await window.electron.setSetting('externalGoosed', newConfig); } catch (error) { console.error('Failed to save external backend settings:', error); } finally { setIsSaving(false); } }; const updateField = ( field: K, value: ExternalGoosedConfig[K] ) => { const newConfig = { ...config, [field]: value }; setConfig(newConfig); return newConfig; }; const handleUrlChange = (value: string) => { updateField('url', value); validateUrl(value); }; const handleUrlBlur = async () => { if (validateUrl(config.url)) { await saveConfig(config); } }; return (

{intl.formatMessage(i18n.title)} {intl.formatMessage(i18n.description)}

{intl.formatMessage(i18n.useExternalServer)}

{intl.formatMessage(i18n.useExternalServerDescription)}

saveConfig(updateField('enabled', checked))} disabled={isSaving} variant="mono" />

{config.enabled && ( <>

{intl.formatMessage(i18n.serverUrl)} handleUrlChange(e.target.value)} onBlur={handleUrlBlur} disabled={isSaving} className={urlError ? 'border-red-500' : ''} /> {urlError && (

{urlError}

)}

{intl.formatMessage(i18n.secretKey)} updateField('secret', e.target.value)} onBlur={() => saveConfig(config)} disabled={isSaving} />

{intl.formatMessage(i18n.secretKeyHelp)}

{intl.formatMessage(i18n.certFingerprint)} updateField('certFingerprint', e.target.value)} onBlur={() => saveConfig(config)} disabled={isSaving} className="font-mono text-xs" />

{intl.formatMessage(i18n.certFingerprintHelp)}

Note: {intl.formatMessage(i18n.restartNote)}

)}

); }