Approval Mode

Approval Mode gives you control over how Frontend AI applies changes to your project. You can choose between automatic file creation or manual review of each change before it’s applied.

Switching Approval Modes

You can switch between Agent and Manual approval modes:

1. Open the chat panel
2. Access the settings or options menu
3. Toggle between Agent and Manual approval modes
4. The selected mode will be used for subsequent prompts

Agent Approval Mode

In Agent approval mode, files are created and modified automatically from your prompts.

How It Works

• AI processes your prompt
• Generates all necessary file changes
• Applies changes automatically to your project
• Files are created, updated, or deleted without manual intervention
• Changes take effect immediately

When to Use Agent Mode

Agent mode is ideal when:

• You trust the AI to make changes directly
• You want maximum development speed
• You’re working on rapid prototyping
• You plan to review changes after completion using Version History
• You’re making straightforward changes with clear requirements

Benefits

• Fastest workflow: Changes happen immediately
• Uninterrupted flow: No need to review each file
• Efficient iteration: Quickly test ideas and approaches
• Streamlined development: Perfect for experienced users who know what to expect

Manual Approval Mode

In Manual mode, you have the opportunity to approve or reject each file change before completing the task.

How It Works

• AI processes your prompt
• Generates proposed file changes
• Presents each change for your review
• You approve or reject each individual change
• Only approved changes are applied to your project

When to Use Manual Mode

Manual mode is ideal when:

• You want to review changes before they’re applied
• You’re making critical or sensitive modifications
• You want to learn what the AI is changing
• You’re working on an unfamiliar part of the codebase
• You need precise control over which changes are accepted

Benefits

• Full control: Review every change before it’s applied
• Educational: See exactly what the AI is modifying
• Selective application: Accept some changes while rejecting others
• Risk mitigation: Prevent unwanted modifications
• Transparency: Understand the AI’s approach to solving your request

Reviewing Changes in Manual Mode

When a file change is presented for approval, you can:

Approve

Accept the change and apply it to your project:

• File will be created or modified as proposed
• Change becomes part of your project
• AI continues to the next proposed change

Reject

Decline the change and keep the file as-is:

• File remains unchanged
• Proposed modification is discarded
• AI continues to the next proposed change

Review Multiple Changes

For prompts that affect multiple files:

• Each file change is presented individually
• Review changes in sequence
• Make approve/reject decisions for each one
• Mix and match: approve some, reject others

Combining with Version History

Both approval modes work seamlessly with Version History:

Agent Mode + Version History

• Let AI apply changes automatically
• Review the results
• Use Version History to revert if needed
• Fast iteration with safety net

Manual Mode + Version History

• Review each change before applying
• Additional safety through selective approval
• Version History provides backup if needed
• Maximum control at every step

Best Practices

When to Use Agent Mode

• Routine development tasks
• Well-understood changes
• Rapid prototyping phases
• When you’re comfortable reverting via Version History
• Experienced with Frontend AI’s behavior

When to Use Manual Mode

• Critical production changes
• Unfamiliar code sections
• Learning new patterns or techniques
• First time using a particular AI feature
• When precision is more important than speed

Switching Modes Flexibly

Don’t stick to one mode—switch based on the task:

• Use Agent mode for UI tweaks and styling
• Switch to Manual mode for database schema changes
• Use Agent mode for adding new pages
• Switch to Manual mode for refactoring core logic

Tips for Effective Use

In Agent Mode

• Write clear, specific prompts to minimize unwanted changes
• Review results after completion
• Keep Version History in mind as your safety net
• Use for tasks where you understand the expected outcome

In Manual Mode

• Take time to read each change carefully
• Understand why the AI made each modification
• Reject changes that don’t align with your intent
• Use as a learning opportunity to improve future prompts

Approval Mode gives you the flexibility to work at your preferred pace—whether that’s maximum speed with Agent mode or careful control with Manual mode. Choose the mode that best fits each specific task.