feat: add hint for navigating back to history using comma key

Author: mberrishdev

src/renderer/pages/Settings.css

@@ -75,6 +75,12 @@ body.opaque .settings {
   letter-spacing: -0.02em;
 }
 
+.settings-hint {
+  margin-left: auto;
+  font-size: 0.75rem;
+  color: rgba(255, 255, 255, 0.5);
+}
+
 .back-btn {
   background: rgba(255, 255, 255, 0.08);
   border: 1px solid rgba(255, 255, 255, 0.12);

src/renderer/pages/Settings.tsx

@@ -92,6 +92,22 @@ export default function Settings({
     }
   }, [isRecordingShortcut, handleKeyDown]);
 
+  // Handle comma key to go back to history
+  useEffect(() => {
+    const handleGlobalKeyDown = (e: KeyboardEvent) => {
+      // Don't handle if recording shortcut or editing API key
+      if (isRecordingShortcut || isEditingApiKey) return;
+      
+      if (e.key === ",") {
+        e.preventDefault();
+        window.electronAPI.navigate("history");
+      }
+    };
+
+    window.addEventListener("keydown", handleGlobalKeyDown);
+    return () => window.removeEventListener("keydown", handleGlobalKeyDown);
+  }, [isRecordingShortcut, isEditingApiKey]);
+
   const handleTransparencyChange = (value: boolean) => {
     onTransparencyChange(value);
     window.electronAPI.setTransparency(value);
@@ -172,6 +188,7 @@ export default function Settings({
       <div className="settings">
         <header className="settings-header">
           <h1>Settings</h1>
+          <p className="settings-hint">Press , to go back</p>
         </header>
         <main className="settings-content">
           <div className="setting-group">