feat: add OpenAI models and logo integration

Author: viasky657

src/utilities/modelSelection.ts

@@ -6,22 +6,78 @@ export namespace MockModelSelection {
   export const fastModel: string = 'ClaudeSonnet';
 
   export const models: LanguageModels = {
-    // Gpt4: {
-    //   name: 'GPT-4',
-    //   contextLength: 8192,
-    //   temperature: 0.2,
-    //   provider: {
-    //     type: 'codestory',
-    //   },
-    // },
-    // DeepSeekCoder33BInstruct: {
-    //   name: 'DeepSeek Coder 33B Instruct',
-    //   contextLength: 16384,
-    //   temperature: 0.2,
-    //   provider: {
-    //     type: 'codestory',
-    //   },
-    // },
+   // 'gpt-4': {
+   //   name: 'GPT-4',
+   //   contextLength: 8192,
+  //    temperature: 0.2,
+    //  provider: {
+   //     type: 'codestory',
+   //   },
+   // },
+  //  'DeepSeekCoder33BInstruct': {
+   //   name: 'DeepSeek Coder 33B Instruct',
+   //   contextLength: 16384,
+   //   temperature: 0.2,
+   //   provider: {
+    //    type: 'codestory',
+    //  },
+    //},
+    'gpt-4': {
+      name: 'GPT-4',
+      contextLength: 8192,
+      temperature: 0.2,
+      provider: {
+        type: 'openai',
+      },
+    },
+    'gpt-4-turbo-preview': {
+      name: 'GPT-4 Turbo',
+      contextLength: 128000,
+      temperature: 0.2,
+      provider: {
+        type: 'openai',
+      },
+    },
+    'gpt-3.5-turbo': {
+      name: 'GPT-3.5 Turbo',
+      contextLength: 16385,
+      temperature: 0.2,
+      provider: {
+        type: 'openai',
+      },
+    },
+    'gpt-4o': {
+      name: 'GPT-4o',
+      contextLength: 128000,
+      temperature: 0.2,
+      provider: {
+        type: 'openai',
+      },
+    },
+    'gpt-4o-mini': {
+      name: 'GPT-4o Mini',
+      contextLength: 16385,
+      temperature: 0.2,
+      provider: {
+        type: 'openai',
+      },
+    },
+    'o1-preview': {
+      name: 'O1 Preview',
+      contextLength: 128000,
+      temperature: 0.2,
+      provider: {
+        type: 'openai',
+      },
+    },
+    'o1-mini': {
+      name: 'O1 Mini',
+      contextLength: 16385,
+      temperature: 0.2,
+      provider: {
+        type: 'openai',
+      },
+    },
     ClaudeSonnet: {
       name: 'Claude Sonnet',
       contextLength: 200000,
@@ -38,18 +94,61 @@ export namespace MockModelSelection {
         type: 'anthropic',
       },
     },
+    'anthropic.claude-3-sonnet-20240229-v1:0': {
+      name: 'Claude 3 Sonnet (Bedrock)',
+      contextLength: 200000,
+      temperature: 0.2,
+      provider: {
+        type: 'aws-bedrock',
+      },
+    },
+    'anthropic.claude-3-haiku-20240307-v1:0': {
+      name: 'Claude 3 Haiku (Bedrock)',
+      contextLength: 200000,
+      temperature: 0.2,
+      provider: {
+        type: 'aws-bedrock',
+      },
+    },
+    'anthropic.claude-v2:1': {
+      name: 'Claude 2 (Bedrock)',
+      contextLength: 100000,
+      temperature: 0.2,
+      provider: {
+        type: 'aws-bedrock',
+      },
+    },
+    'amazon.titan-text-express-v1': {
+      name: 'Titan Text Express',
+      contextLength: 8000,
+      temperature: 0.2,
+      provider: {
+        type: 'aws-bedrock',
+      },
+    },
+    'meta.llama2-70b-chat-v1': {
+      name: 'Llama 2 70B',
+      contextLength: 4096,
+      temperature: 0.2,
+      provider: {
+        type: 'aws-bedrock',
+      },
+    },
   };
 
   export const providers: ModelProviders = {
-    //"codestory": {
-    //    name: "CodeStory"
+    //codestory: {
+    //  name: "CodeStory"
     //},
-    //"ollama": {
-    //    name: "Ollama"
-    //}
+    openai: {
+      name: 'OpenAI',
+    },
     anthropic: {
       name: 'Anthropic',
     },
+    'aws-bedrock': {
+      name: 'AWS Bedrock',
+    },
     'open-router': {
       name: 'Open Router',
     },

src/webviews/components/preset.tsx

@@ -1,19 +1,19 @@
 import { Provider, ProviderType } from '../../model';
 import AnthropicLogo from '../assets/providers-logos/anthropic.svg';
-// import AWSBedrockLogo from '../assets/providers-logos/aws-bedrock.svg';
+import AWSBedrockLogo from '../assets/providers-logos/aws-bedrock.svg';
 // import GeminiLogo from '../assets/providers-logos/gemini.svg';
 // import OllamaLogo from '../assets/providers-logos/ollama.svg';
-// import OpenAILogo from '../assets/providers-logos/openai.svg';
+import OpenAILogo from '../assets/providers-logos/openai.svg';
 import OpenRouterLogo from '../assets/providers-logos/open-router.svg';
 import { cn } from 'utils/cn';
 
 const logoMap = new Map<string, React.FunctionComponent<React.SVGProps<SVGSVGElement>>>();
 logoMap.set(Provider.Anthropic, AnthropicLogo);
-// logoMap.set(Provider.OpenAI, OpenAILogo);
+logoMap.set(Provider.OpenAI, OpenAILogo);
 logoMap.set(Provider.OpenRouter, OpenRouterLogo);
 // logoMap.set(Provider.GoogleGemini, GeminiLogo);
-// logoMap.set(Provider.AWSBedrock, AWSBedrockLogo);
-// logoMap.set(Provider.OpenAICompatible, OpenAILogo);
+logoMap.set(Provider.AWSBedrock, AWSBedrockLogo);
+logoMap.set(Provider.OpenAICompatible, OpenAILogo);
 // logoMap.set(Provider.Ollama, OllamaLogo);
 
 export type PresetLogoProps = React.SVGProps<SVGSVGElement> & {