Service console check providers

app/lib/hooks/useShortcuts.ts

@@ -25,26 +25,57 @@ export function useShortcuts(): void {
 
   useEffect(() => {
     const handleKeyDown = (event: KeyboardEvent): void => {
-      const { key, ctrlKey, shiftKey, altKey, metaKey } = event;
+      // Debug logging
+      console.log('Key pressed:', {
+        key: event.key,
+        code: event.code, // This gives us the physical key regardless of modifiers
+        ctrlKey: event.ctrlKey,
+        shiftKey: event.shiftKey,
+        altKey: event.altKey,
+        metaKey: event.metaKey,
+      });
 
+      /*
+       * Check for theme toggle shortcut first (Option + Command + Shift + D)
+       * Use event.code to check for the physical D key regardless of the character produced
+       */
+      if (
+        event.code === 'KeyD' &&
+        event.metaKey && // Command (Mac) or Windows key
+        event.altKey && // Option (Mac) or Alt (Windows)
+        event.shiftKey &&
+        !event.ctrlKey
+      ) {
+        event.preventDefault();
+        event.stopPropagation();
+        shortcuts.toggleTheme.action();
+
+        return;
+      }
+
+      // Handle other shortcuts
       for (const name in shortcuts) {
         const shortcut = shortcuts[name as keyof Shortcuts];
 
-        if (
-          shortcut.key.toLowerCase() === key.toLowerCase() &&
-          (shortcut.ctrlOrMetaKey
-            ? ctrlKey || metaKey
-            : (shortcut.ctrlKey === undefined || shortcut.ctrlKey === ctrlKey) &&
-              (shortcut.metaKey === undefined || shortcut.metaKey === metaKey)) &&
-          (shortcut.shiftKey === undefined || shortcut.shiftKey === shiftKey) &&
-          (shortcut.altKey === undefined || shortcut.altKey === altKey)
-        ) {
-          shortcutEventEmitter.dispatch(name as keyof Shortcuts);
+        if (name === 'toggleTheme') {
+          continue;
+        } // Skip theme toggle as it's handled above
+
+        // For other shortcuts, check both key and code
+        const keyMatches =
+          shortcut.key.toLowerCase() === event.key.toLowerCase() || `Key${shortcut.key.toUpperCase()}` === event.code;
+
+        const modifiersMatch =
+          (shortcut.ctrlKey === undefined || shortcut.ctrlKey === event.ctrlKey) &&
+          (shortcut.metaKey === undefined || shortcut.metaKey === event.metaKey) &&
+          (shortcut.shiftKey === undefined || shortcut.shiftKey === event.shiftKey) &&
+          (shortcut.altKey === undefined || shortcut.altKey === event.altKey);
+
+        if (keyMatches && modifiersMatch) {
           event.preventDefault();
           event.stopPropagation();
-
+          shortcutEventEmitter.dispatch(name as keyof Shortcuts);
           shortcut.action();
-
           break;
         }
       }

app/lib/modules/llm/providers/github.ts

@@ -1,53 +0,0 @@
-import { BaseProvider } from '~/lib/modules/llm/base-provider';
-import type { ModelInfo } from '~/lib/modules/llm/types';
-import type { IProviderSetting } from '~/types/model';
-import type { LanguageModelV1 } from 'ai';
-import { createOpenAI } from '@ai-sdk/openai';
-
-export default class GithubProvider extends BaseProvider {
-  name = 'Github';
-  getApiKeyLink = 'https://github.com/settings/personal-access-tokens';
-
-  config = {
-    apiTokenKey: 'GITHUB_API_KEY',
-  };
-
-  // find more in https://github.com/marketplace?type=models
-  staticModels: ModelInfo[] = [
-    { name: 'gpt-4o', label: 'GPT-4o', provider: 'Github', maxTokenAllowed: 8000 },
-    { name: 'o1', label: 'o1-preview', provider: 'Github', maxTokenAllowed: 100000 },
-    { name: 'o1-mini', label: 'o1-mini', provider: 'Github', maxTokenAllowed: 8000 },
-    { name: 'gpt-4o-mini', label: 'GPT-4o Mini', provider: 'Github', maxTokenAllowed: 8000 },
-    { name: 'gpt-4-turbo', label: 'GPT-4 Turbo', provider: 'Github', maxTokenAllowed: 8000 },
-    { name: 'gpt-4', label: 'GPT-4', provider: 'Github', maxTokenAllowed: 8000 },
-    { name: 'gpt-3.5-turbo', label: 'GPT-3.5 Turbo', provider: 'Github', maxTokenAllowed: 8000 },
-  ];
-
-  getModelInstance(options: {
-    model: string;
-    serverEnv: Env;
-    apiKeys?: Record<string, string>;
-    providerSettings?: Record<string, IProviderSetting>;
-  }): LanguageModelV1 {
-    const { model, serverEnv, apiKeys, providerSettings } = options;
-
-    const { apiKey } = this.getProviderBaseUrlAndKey({
-      apiKeys,
-      providerSettings: providerSettings?.[this.name],
-      serverEnv: serverEnv as any,
-      defaultBaseUrlKey: '',
-      defaultApiTokenKey: 'GITHUB_API_KEY',
-    });
-
-    if (!apiKey) {
-      throw new Error(`Missing API key for ${this.name} provider`);
-    }
-
-    const openai = createOpenAI({
-      baseURL: 'https://models.inference.ai.azure.com',
-      apiKey,
-    });
-
-    return openai(model);
-  }
-}

app/lib/modules/llm/registry.ts

@@ -15,7 +15,6 @@ import TogetherProvider from './providers/together';
 import XAIProvider from './providers/xai';
 import HyperbolicProvider from './providers/hyperbolic';
 import AmazonBedrockProvider from './providers/amazon-bedrock';
-import GithubProvider from './providers/github';
 
 export {
   AnthropicProvider,
@@ -35,5 +34,4 @@ export {
   TogetherProvider,
   LMStudioProvider,
   AmazonBedrockProvider,
-  GithubProvider,
 };

app/lib/stores/settings.ts

@@ -38,8 +38,9 @@ export const shortcutsStore = map<Shortcuts>({
   },
   toggleTheme: {
     key: 'd',
-    ctrlOrMetaKey: true,
-    altKey: true,
+    metaKey: true, // Command key on Mac, Windows key on Windows
+    altKey: true, // Option key on Mac, Alt key on Windows
+    shiftKey: true,
     action: () => toggleTheme(),
   },
   toggleChat: {

app/lib/stores/theme.ts

@@ -27,8 +27,28 @@ function initStore() {
 export function toggleTheme() {
   const currentTheme = themeStore.get();
   const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
+
+  // Update the theme store
   themeStore.set(newTheme);
-  logStore.logSystem(`Theme changed to ${newTheme} mode`);
+
+  // Update localStorage
   localStorage.setItem(kTheme, newTheme);
+
+  // Update the HTML attribute
   document.querySelector('html')?.setAttribute('data-theme', newTheme);
+
+  // Update user profile if it exists
+  try {
+    const userProfile = localStorage.getItem('bolt_user_profile');
+
+    if (userProfile) {
+      const profile = JSON.parse(userProfile);
+      profile.theme = newTheme;
+      localStorage.setItem('bolt_user_profile', JSON.stringify(profile));
+    }
+  } catch (error) {
+    console.error('Error updating user profile theme:', error);
+  }
+
+  logStore.logSystem(`Theme changed to ${newTheme} mode`);
 }