AI Editor: Saving, Previewing, and Resetting Safely

Before you start

• Look at the preview before saving.
• Use Preview if you want to check the page in a bigger view.
• Use Reset only if you are okay losing your AI Editor progress.

Quick check

• After AI changes, Save changes stays visible until you save.
• Preview opens the page in another tab.
• You understand that Reset throws away AI Editor progress.

Step-by-step

1. Ask AI to make a change and then look at the preview.
2. If the result looks good, click Save changes.
3. If you want a bigger check, click Preview and inspect the page in another tab.
4. If the change is wrong, ask AI again before saving.
5. If you want to throw away AI Editor progress, open Reset.
6. Read the warning and only continue if you are sure.
7. After Reset, AI Editor starts again from the latest template output for that site.

Visual diagrams

flowchart TD
A[AI returns fragment changes] --> B[Preview updates locally]
B --> C{Looks correct?}
C -->|Yes| D[Click Save changes]
C -->|No| E[Prompt AI again or edit manually]
E --> B
classDef blue fill:#dbeafe,stroke:#2563eb,stroke-width:2px,color:#0f172a;
classDef green fill:#dcfce7,stroke:#16a34a,stroke-width:2px,color:#052e16;
classDef orange fill:#fed7aa,stroke:#ea580c,stroke-width:2px,color:#431407;
class A,B blue;
class C orange;
class D,E green;