streaming, markdown, model selecting, and lots more

app/composables/useKeyboardShortcuts.ts

@@ -1,23 +1,35 @@
 export const useKeyboardShortcuts = () => {
-  const { toggle: toggleSidebar } = useSidebar();
+    const { toggle: toggleSidebar } = useSidebar();
+    const { toggle: openSettings, open: isSettingsOpen } = useSettings();
 
-  const handleKeyDown = (event: KeyboardEvent) => {
-    // Ctrl+[ to collapse sidebar
-    if (event.ctrlKey && event.key === '[') {
-      event.preventDefault();
-      toggleSidebar();
-    }
-  };
+    const handleKeyDown = (event: KeyboardEvent) => {
+        // Ctrl+[ to collapse sidebar
+        if (event.ctrlKey && event.key === '[') {
+            event.preventDefault();
+            toggleSidebar();
+            return;
+        }
 
-  onMounted(() => {
-    document.addEventListener('keydown', handleKeyDown);
-  });
+        if (event.ctrlKey && event.key === ',') {
+            event.preventDefault();
+            if (isSettingsOpen.value) {
+                return;
+            }
 
-  onUnmounted(() => {
-    document.removeEventListener('keydown', handleKeyDown);
-  });
+            openSettings();
+            return;
+        }
+    };
 
-  return {
-    handleKeyDown
-  };
-};
+    onMounted(() => {
+        document.addEventListener('keydown', handleKeyDown);
+    });
+
+    onUnmounted(() => {
+        document.removeEventListener('keydown', handleKeyDown);
+    });
+
+    return {
+        handleKeyDown,
+    };
+};