自动保存能防止页面意外关闭丢代码，但当你对复杂逻辑展开大胆重构却写崩了时，自动保存往往把坏代码也保存了。GB Coder 在 IndexedDB 之上构建了轻量级快照引擎，支持随手创建具名检查点、双栏比对差异，并提供一键回滚能力。

1. 为什么本地优先开发需要超越自动保存的“里程碑”

自动保存是无差别的，任何笔误都会被忠实写入。而在进行关键样式替换或逻辑拆解前，打上一个有明确意图的快照标记，才能建立心理安全区。

2. 从项目工具栏秒级创建具名快照

按下 Ctrl+Shift+S 或点击“创建快照”，输入如“重构验证模块前”的备注。完整的工程虚拟文件系统将被序列化并附带毫秒时间戳固化在 IndexedDB 中。

3. Monaco 双栏 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. 一键非破坏性回滚安全机制

当重构验证失败，点击“恢复快照”即可将工作区文件瞬间还原至该快照时刻。在恢复前系统还会自动生成当前现场的救急备份，杜绝意外丢失。