1. Почему локальной разработке нужны явные контрольные точки

Автосохранение непрерывно записывает текущее состояние, включая ошибки. Снапшоты создают гарантированно рабочие точки возврата перед началом экспериментов.

2. Создание именованных снапшотов на панели проекта

Нажмите Ctrl+Shift+S или кнопку "Сделать снапшот", указав имя, например "Перед переходом на Tailwind". Файловая структура сохраняется в IndexedDB.

3. Встроенный редактор diff в Monaco для анализа изменений

Выберите сохраненную точку в менеджере снапшотов, чтобы открыть сравнение файлов. Добавления подсвечены зеленым, а удаления — красным.

// Structure of a snapshot record stored in IndexedDB
{
  "snapshotId": "snap-1729420800000",
  "projectId": "proj-default",
  "label": "Working Form Validation State",
  "createdAt": "2026-10-20T10:40:00.000Z",
  "filesCount": 5,
  "sizeBytes": 14280,
  "fileManifest": ["index.html", "style.css", "script.js"]
}

4. Безопасный откат в один клик

Если эксперимент не удался, нажмите "Восстановить снапшот". Система предложит сохранить текущее состояние в качестве резервной копии.

5. Контроль объема хранилища в браузере

Снапшоты хранятся в IndexedDB. Панель управления отображает размер каждого снимка и позволяет в один клик удалить устаревшие контрольные точки.