feat: Enhance HotkeyInput with editing state notification and update onboarding hotkey initialization

- Add onEditingChange callback to HotkeyInput to notify parent when edit mode changes
- Remove setTimeout in handleSave for immediate UI feedback
- Initialize onboarding hotkey with user's current settings instead of default
- Disable Continue button in onboarding when hotkey is being edited
- Disable minimize/maximize window controls in Tauri config (close-only)

Author: moinulmoin

src-tauri/tauri.conf.json

@@ -20,7 +20,9 @@
         "center": true,
         "visible": true,
         "skipTaskbar": true,
-        "alwaysOnTop": true
+        "alwaysOnTop": true,
+        "minimizable": false,
+        "maximizable": false
       }
     ],
     "security": {

src/components/HotkeyInput.tsx

@@ -18,13 +18,15 @@ interface HotkeyInputProps {
   placeholder?: string;
   validationRules?: KeyValidationRules;
   label?: string; // e.g., "Recording Hotkey", "Custom Hotkey"
+  onEditingChange?: (isEditing: boolean) => void; // Notify parent when edit mode changes
 }
 
 export const HotkeyInput = React.memo(function HotkeyInput({ 
   value, 
   onChange, 
   placeholder,
-  validationRules = ValidationPresets.standard()
+  validationRules = ValidationPresets.standard(),
+  onEditingChange
 }: HotkeyInputProps) {
   const [mode, setMode] = useState<"display" | "edit">("display");
   const [keys, setKeys] = useState<Set<string>>(new Set());
@@ -209,16 +211,14 @@ export const HotkeyInput = React.memo(function HotkeyInput({
 
       onChange(normalizedShortcut);
       setSaveStatus("success");
-
-      setTimeout(() => {
-        setMode("display");
-        setSaveStatus("idle");
-        setPendingHotkey("");
-        setKeys(new Set());
-        setCurrentKeysDisplay("");
-      }, 1500);
+      setMode("display");
+      setSaveStatus("idle");
+      setPendingHotkey("");
+      setKeys(new Set());
+      setCurrentKeysDisplay("");
+      onEditingChange?.(false); // Notify parent that editing is done
     }
-  }, [pendingHotkey, validationError, onChange]);
+  }, [pendingHotkey, validationError, onChange, onEditingChange]);
 
   const handleCancel = useCallback(() => {
     setPendingHotkey("");
@@ -227,7 +227,8 @@ export const HotkeyInput = React.memo(function HotkeyInput({
     setSaveStatus("idle");
     setValidationError("");
     setCurrentKeysDisplay("");
-  }, []);
+    onEditingChange?.(false); // Notify parent that editing is cancelled
+  }, [onEditingChange]);
 
   const handleEdit = useCallback(() => {
     setPendingHotkey("");
@@ -236,7 +237,8 @@ export const HotkeyInput = React.memo(function HotkeyInput({
     setValidationError("");
     setCurrentKeysDisplay("");
     setKeys(new Set());
-  }, []);
+    onEditingChange?.(true); // Notify parent that editing has started
+  }, [onEditingChange]);
 
   // Reset save status after showing success
   useEffect(() => {

src/components/onboarding/OnboardingDesktop.tsx

@@ -33,7 +33,7 @@ export const OnboardingDesktop = function OnboardingDesktop({
   onComplete,
   modelManagement
 }: OnboardingDesktopProps) {
-  const { updateSettings } = useSettings();
+  const { settings, updateSettings } = useSettings();
   const {
     hasPermission: hasMicPermission,
     checkPermission: checkMicPermission,
@@ -46,9 +46,10 @@ export const OnboardingDesktop = function OnboardingDesktop({
   } = useAccessibilityPermission();
 
   const [currentStep, setCurrentStep] = useState<Step>("welcome");
-  const [hotkey, setHotkey] = useState("CommandOrControl+Shift+Space");
+  const [hotkey, setHotkey] = useState(settings?.hotkey || "CommandOrControl+Shift+Space");
   const [isRequesting, setIsRequesting] = useState<string | null>(null);
   const [checkingPermissions, setCheckingPermissions] = useState<Set<string>>(new Set());
+  const [isEditingHotkey, setIsEditingHotkey] = useState(false);
 
   // Convert hook states to onboarding format
   const permissions = {
@@ -501,7 +502,11 @@ export const OnboardingDesktop = function OnboardingDesktop({
                       <Keyboard className="h-4 w-4 text-primary" />
                       Recording Hotkey
                     </label>
-                    <HotkeyInput value={hotkey} onChange={setHotkey} />
+                    <HotkeyInput 
+                      value={hotkey} 
+                      onChange={setHotkey} 
+                      onEditingChange={setIsEditingHotkey}
+                    />
                   </div>
 
                   {/* <Card className="p-4 bg-border-primary/20"> */}
@@ -519,7 +524,11 @@ export const OnboardingDesktop = function OnboardingDesktop({
                     <ChevronLeft className="mr-1 h-4 w-4" />
                     Back
                   </Button>
-                  <Button onClick={handleNext} size="sm">
+                  <Button 
+                    onClick={handleNext} 
+                    size="sm" 
+                    disabled={isEditingHotkey}
+                  >
                     Continue
                     <ChevronRight className="ml-1 h-4 w-4" />
                   </Button>