From 942d3be05962af0bb035f50d47dc22469db12c11 Mon Sep 17 00:00:00 2001
From: Danila Poyarkov <dev@dannote.net>
Date: Wed, 4 Mar 2026 10:38:53 +0300
Subject: [PATCH] Add auto-save toggle to File menu
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Checkbox item in File > Auto-save to local file. Enabled by default.
When disabled, the 3s debounced auto-save to the opened .fig file
is skipped — user can still save manually with ⌘S.
---
 src/components/AppMenu.vue | 25 +++++++++++++++++++++++++
 src/stores/editor.ts       |  5 ++++-
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/src/components/AppMenu.vue b/src/components/AppMenu.vue
index 89ac2307f..67d71f752 100644
--- a/src/components/AppMenu.vue
+++ b/src/components/AppMenu.vue
@@ -1,7 +1,9 @@
 <script setup lang="ts">
 import {
+  MenubarCheckboxItem,
   MenubarContent,
   MenubarItem,
+  MenubarItemIndicator,
   MenubarMenu,
   MenubarPortal,
   MenubarRoot,
@@ -50,6 +52,8 @@ interface MenuItem {
   action?: () => void
   separator?: boolean
   disabled?: boolean
+  checked?: boolean
+  onCheckedChange?: (checked: boolean) => void
   sub?: MenuItem[]
 }
 
@@ -71,6 +75,16 @@ const fileMenu: MenuItem[] = [
       if (store.state.selectedIds.size > 0) store.exportSelection(1, 'PNG')
     },
     disabled: store.state.selectedIds.size === 0
+  },
+  { separator: true },
+  {
+    label: 'Auto-save to local file',
+    get checked() {
+      return store.state.autosaveEnabled
+    },
+    onCheckedChange: (v: boolean) => {
+      store.state.autosaveEnabled = v
+    }
   }
 ]
 
@@ -221,6 +235,17 @@ const topMenus = [
                     </MenubarSubContent>
                   </MenubarPortal>
                 </MenubarSub>
+                <MenubarCheckboxItem
+                  v-else-if="item.onCheckedChange"
+                  :model-value="item.checked"
+                  class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-xs text-surface outline-none select-none hover:bg-hover"
+                  @update:model-value="item.onCheckedChange?.($event as boolean)"
+                >
+                  <span class="flex-1">{{ item.label }}</span>
+                  <MenubarItemIndicator class="text-surface">
+                    <icon-lucide-check class="size-3.5" />
+                  </MenubarItemIndicator>
+                </MenubarCheckboxItem>
                 <MenubarItem
                   v-else
                   class="flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-xs outline-none select-none"
diff --git a/src/stores/editor.ts b/src/stores/editor.ts
index b2a5d9dc4..14540c5c2 100644
--- a/src/stores/editor.ts
+++ b/src/stores/editor.ts
@@ -189,7 +189,8 @@ export function createEditorStore() {
     zoom: 1,
     renderVersion: 0,
     sceneVersion: 0,
-    loading: false
+    loading: false,
+    autosaveEnabled: true
   })
 
   const AUTOSAVE_DELAY = 3000
@@ -198,10 +199,12 @@ export function createEditorStore() {
     () => state.sceneVersion,
     (version) => {
       if (version === savedVersion) return
+      if (!state.autosaveEnabled) return
       if (!fileHandle && !filePath) return
       clearTimeout(autosaveTimer)
       autosaveTimer = setTimeout(async () => {
         if (state.sceneVersion === savedVersion) return
+        if (!state.autosaveEnabled) return
         try {
           await writeFile(await buildFigFile())
         } catch {