Creator Preview with Has Changes Save Changes and Refresh
Preview not updating

Appifio Creator · Lesson X02 · Troubleshooting

Preview not updating
after AI

AI says it’s done but the iframe still looks old - a ~60-second checklist before you write another prompt.

Learning goals: Confirm you’re viewing Changes, Diff is applied, preview has reloaded - don’t confuse it with the live site.

Reading time: ~7 minutes · Previous: A03, K02 · Next: X03

UI labels: Current · Changes · Reload · Unpublished draft · Compare changes: · Apply changes · Discard · Save changes

1. Diagnosis flow

Preview still old after AI?
→ Viewing Current instead of Changes?
→ Panel Compare changes: still open / not ✓ / not Apply changes?
→ AI still streaming / spinner - wait until finished before judging
→ Click Reload (preview toolbar)
→ Badge Unpublished draft present? No → AI may not have written files
→ Just hit Discard? → draft is gone
→ Custom domain overlay? → X05/K09 first
Files tab: refresh the tab · check files landed on the draft?

2. Glossary

TermMeaningWhere you see it
ChangesPreview of the unpublished draft on the virtual diskLeft side of preview toolbar
CurrentPublished / live version on the serverNext to Changes
DiffLine compare before accepting AI file writesCompare changes:
Check draft filesConfirm files landed on the draft (refresh the Files tab if the list is stale)Files tab

3. Fix steps (exact labels)

  1. Wait until AI finishes (no typing indicator) - don’t reload mid-stream.
  2. Click Changes on the preview toolbar (not Current).
  3. Open Compare changes: → ✓ each file or Apply changesClose.
  4. Click Reload on the preview toolbar (reloads the draft iframe).
  5. Compare Changes vs Current - only Changes should differ after AI.
  6. Files tab: confirm the files AI claimed to edit exist on the draft.
  7. No Unpublished draft badge → ask AI to “list files written”; check Diff wasn’t all ✗.
  8. Custom domain blocking the iframe → X05 before concluding “preview is broken.”

4. Compare · Can / Cannot

Vite/Webflow hot-reload: sometimes caches an old build - Creator splits draft/live clearly; the usual mix-up is viewing Current. Lovable/v0: preview often auto-updates - Appifio requires Diff + deliberately selecting Changes.

Can: Reload preview, finish Diff, switch to Changes, compare with Current before Save changes.
Cannot: Force the iframe to show the draft while on Current; skip Diff then claim “AI didn’t change anything.”

5. Symptom table

SymptomFix
AI done, preview identicalChanges + finish Diff + Reload
Diff open forever, not applied✓ files or Apply changes
Draft exists but iframe blankReload; check active version (E01)
File in Files, preview unchangedIframe cache - Reload; try Canvas/Mobile
Just clicked DiscardDraft gone - Clone/Checkpoint (T10) if needed

6. Tips · Checklist

  • Golden rule: Changes → Diff done → Reload - then prompt again.
  • Compare Changes vs Current before publish - avoid saving an unreviewed draft.
  1. Always check the Changes button before reporting a preview bug?
  2. Know that Diff without Apply changes means files aren’t on the draft yet?
  3. Tried Reload after AI finished?

Appifio Creator · User guide · X02