import React, { useEffect, useState } from 'react'; import { Card } from '../../ui/card'; import { Button } from '../../ui/button'; import { GooseMode, ModeSelectionItem } from './ModeSelectionItem'; import { defineMessages, useIntl } from '../../../i18n'; const i18n = defineMessages({ title: { id: 'configureApproveMode.title', defaultMessage: 'Configure approve mode', }, description: { id: 'configureApproveMode.description', defaultMessage: 'Approve requests can either be given to all tool requests or determine which actions may need integration', }, manualApproval: { id: 'configureApproveMode.manualApproval', defaultMessage: 'Manual approval', }, manualApprovalDescription: { id: 'configureApproveMode.manualApprovalDescription', defaultMessage: 'All tools, extensions and file modifications will require human approval', }, smartApproval: { id: 'configureApproveMode.smartApproval', defaultMessage: 'Smart approval', }, smartApprovalDescription: { id: 'configureApproveMode.smartApprovalDescription', defaultMessage: 'Intelligently determine which actions need approval based on risk level', }, saving: { id: 'configureApproveMode.saving', defaultMessage: 'Saving...', }, save: { id: 'configureApproveMode.save', defaultMessage: 'Save', }, cancel: { id: 'configureApproveMode.cancel', defaultMessage: 'Cancel', }, }); interface ConfigureApproveModeProps { onClose: () => void; handleModeChange: (newMode: string) => void; currentMode: string | null; } export function ConfigureApproveMode({ onClose, handleModeChange, currentMode, }: ConfigureApproveModeProps) { const intl = useIntl(); const approveModes: GooseMode[] = [ { key: 'approve', labelDescriptor: i18n.manualApproval, descriptionDescriptor: i18n.manualApprovalDescription, }, { key: 'smart_approve', labelDescriptor: i18n.smartApproval, descriptionDescriptor: i18n.smartApprovalDescription, }, ]; const [isSubmitting, setIsSubmitting] = useState(false); const [approveMode, setApproveMode] = useState(currentMode); useEffect(() => { setApproveMode(currentMode); }, [currentMode]); const handleModeSubmit = async (e: React.FormEvent) => { e.preventDefault(); setIsSubmitting(true); try { handleModeChange(approveMode || ''); onClose(); } catch (error) { console.error('Error configuring goose mode:', error); } finally { setIsSubmitting(false); } }; return (

{/* Header */}

{intl.formatMessage(i18n.title)}

{intl.formatMessage(i18n.description)}

{approveModes.map((mode) => ( { setApproveMode(newMode); }} /> ))}

{/* Actions */}

); }