ADD: Idle timeout setting

src/renderer/src/components/navbar/Navbar.vue

@@ -63,6 +63,17 @@
               </p>
               <MenubarShortcut>⌘R</MenubarShortcut>
             </MenubarItem>
+            <MenubarItem class="flex justify-between" @click="deviceStore.cycleIdleTimeout">
+              <p>Idle Timeout:&nbsp;</p>
+              <p>
+                {{
+                  deviceStore.settings?.idleTimeout
+                    ? `${Math.round(deviceStore.settings.idleTimeout / 1000)}s`
+                    : 'Off'
+                }}
+              </p>
+              <MenubarShortcut>⌘R</MenubarShortcut>
+            </MenubarItem>
             <MenubarSeparator />
             <MenubarItem class="flex justify-between" @click="appStore.switchPreviewDeviceModel">
               <p>Skin:&nbsp;</p>

src/renderer/src/deviceStore.ts

@@ -382,6 +382,17 @@ export const useDeviceStore = defineStore('device', {
         this.setDirtyState(true)
       }
     },
+    cycleIdleTimeout() {
+      if (this.settings!.idleTimeout === 0) {
+        this.setIdleTimeout(10)
+      } else if (this.settings!.idleTimeout === 10) {
+        this.setIdleTimeout(30)
+      } else if (this.settings!.idleTimeout === 30) {
+        this.setIdleTimeout(60)
+      } else {
+        this.setIdleTimeout(0)
+      }
+    },
     setPosition(position: number) {
       this.position = position
     },