fix: windows 上快捷键全改成用 Ctrl，避免按 Alt 导致页面失焦问题

Author: ooboqoo

src/renderer/src/coder/AppStatusBar.tsx

@@ -79,14 +79,14 @@ export function AppStatusBar() {
           <div className="flex items-center space-x-2 pointer-events-none opacity-50 text-sm gap-1">
             <span>
               <ShortcutRenderer
-                shortcut="Shift+Alt+Enter"
+                shortcut={shortcuts.appendScreenshot.key}
                 className="inline-block scale-75 text-xs border border-current bg-transparent py-0 px-1 ml-1"
               />
               追加截图
             </span>
             <span>
               <ShortcutRenderer
-                shortcut="Alt+Enter"
+                shortcut={shortcuts.takeScreenshot.key}
                 className="inline-block scale-75 text-xs border border-current bg-transparent py-0 px-1"
               />
               新开对话

src/renderer/src/help/FAQ.tsx

@@ -1,5 +1,6 @@
 import { BookOpen } from 'lucide-react'
 import ShortcutRenderer from '@/components/ShortcutRenderer'
+import { platformAlt } from '@/lib/utils/env'
 import { HelpSection } from './components'
 
 const faqs = [
@@ -8,7 +9,7 @@ const faqs = [
     answer: (
       <span>
         按下
-        <ShortcutRenderer shortcut="Alt+Enter" className="text-xs mx-1" />
+        <ShortcutRenderer shortcut={`${platformAlt}+Enter`} className="text-xs mx-1" />
         快捷键即可截取当前屏幕的截图。截图会自动显示在应用中。
       </span>
     )
@@ -18,7 +19,7 @@ const faqs = [
     answer: (
       <span>
         按下
-        <ShortcutRenderer shortcut="Alt+Shift+Enter" className="text-xs mx-1" />
+        <ShortcutRenderer shortcut={`${platformAlt}+Shift+Enter`} className="text-xs mx-1" />
         快捷键即可在当前对话中追加截图并生成解题建议。
       </span>
     )
@@ -45,7 +46,8 @@ const faqs = [
     answer: (
       <span>
         本工具提供了开关，可以开启或关闭鼠标穿透。开启鼠标穿透时，窗口对鼠标隐身，你需要通过快捷键来操作窗口。切换「鼠标穿透」开关的快捷键是{' '}
-        <ShortcutRenderer shortcut="Alt+M" className="text-xs" /> 。窗口右下角会显示当前状态。
+        <ShortcutRenderer shortcut={`${platformAlt}+M`} className="text-xs" />{' '}
+        。窗口右下角会显示当前状态。
       </span>
     )
   }

src/renderer/src/help/index.tsx

@@ -10,6 +10,7 @@ import {
 } from 'lucide-react'
 import { Button } from '@/components/ui/button'
 import ShortcutRenderer from '@/components/ShortcutRenderer'
+import { platformAlt } from '@/lib/utils/env'
 import { HelpSection } from './components'
 import { Shortcuts } from './Shortcuts'
 import { FAQ } from './FAQ'
@@ -75,7 +76,7 @@ export default function HelpPage() {
             <h3 className="font-semibold mb-2">1. 截取屏幕截图</h3>
             <p className="text-sm text-gray-700">
               当您需要分析某个问题时，按下快捷键{' '}
-              <ShortcutRenderer shortcut="Alt+Enter" className="text-xs mx-1" />
+              <ShortcutRenderer shortcut={`${platformAlt}+Enter`} className="text-xs mx-1" />
               截取当前屏幕。截图会立即显示在应用中。
             </p>
           </div>

src/renderer/src/lib/store/shortcuts.ts

@@ -1,5 +1,6 @@
 import { create } from 'zustand'
 import { persist } from 'zustand/middleware'
+import { isMac, platformAlt } from '../utils/env'
 
 export type Shortcut = {
   action: string
@@ -37,23 +38,27 @@ function isPersistedShortcutsState(value: unknown): value is PersistedShortcutsS
 const defaultShortcuts: Record<string, Omit<Shortcut, 'defaultKey'>> = {
   hideOrShowMainWindow: {
     action: 'hideOrShowMainWindow',
-    key: 'Alt+H',
+    key: `${platformAlt}+H`,
     category: 'Window Management'
   },
   ignoreOrEnableMouse: {
     action: 'ignoreOrEnableMouse',
-    key: 'Alt+M',
+    key: `${platformAlt}+M`,
     category: 'Window Management'
   },
-  takeScreenshot: { action: 'takeScreenshot', key: 'Alt+Enter', category: 'Screenshot & AI' },
+  takeScreenshot: {
+    action: 'takeScreenshot',
+    key: `${platformAlt}+Enter`,
+    category: 'Screenshot & AI'
+  },
   appendScreenshot: {
     action: 'appendScreenshot',
-    key: 'Alt+Shift+Enter',
+    key: `${platformAlt}+Shift+Enter`,
     category: 'Screenshot & AI'
   },
   stopSolutionStream: {
     action: 'stopSolutionStream',
-    key: 'Alt+.',
+    key: `${platformAlt}+.`,
     category: 'Screenshot & AI'
   },
   pageUp: { action: 'pageUp', key: 'CommandOrControl+J', category: 'Navigation' },
@@ -113,8 +118,8 @@ export const useShortcutsStore = create<ShortcutsStore>()(
     }),
     {
       name: 'interview-coder-shortcuts',
-      version: 2,
-      migrate: (state: unknown) => {
+      version: 3,
+      migrate: (state: unknown, version: number) => {
         if (!isPersistedShortcutsState(state) || !state.shortcuts) return state as ShortcutsStore
         // Merge in any new default shortcuts that are missing
         const defaults = Object.fromEntries(
@@ -123,13 +128,26 @@ export const useShortcutsStore = create<ShortcutsStore>()(
             { ...shortcut, defaultKey: shortcut.key }
           ])
         )
-        return {
+        const merged = {
           ...state,
           shortcuts: {
             ...defaults,
             ...state.shortcuts
           }
         } as ShortcutsStore
+
+        // v2→v3: On Windows, migrate Alt shortcuts to CommandOrControl (Ctrl)
+        if (version < 3 && !isMac) {
+          for (const [action, shortcut] of Object.entries(merged.shortcuts)) {
+            merged.shortcuts[action] = {
+              ...shortcut,
+              key: shortcut.key.replace(/\bAlt\b/g, 'CommandOrControl'),
+              defaultKey: shortcut.defaultKey.replace(/\bAlt\b/g, 'CommandOrControl')
+            }
+          }
+        }
+
+        return merged
       }
     }
   )

src/renderer/src/lib/utils/env.ts

@@ -1 +1,4 @@
 export const isMac = navigator.userAgent.includes('Mac')
+
+/** Alt on macOS, CommandOrControl (i.e. Ctrl) on Windows/Linux */
+export const platformAlt = isMac ? 'Alt' : 'CommandOrControl'