add default api endpoint

src/app.tsx

@@ -66,14 +66,14 @@ export const newChatStore = (
   model = "gpt-3.5-turbo-1106",
   temperature = 0.7,
   dev = false,
-  whisper_api = "",
+  whisper_api = "https://api.openai.com/v1/audio/transcriptions",
   whisper_key = "",
-  tts_api = "",
+  tts_api = "https://api.openai.com/v1/audio/speech",
   tts_key = "",
   tts_speed = 1.0,
   tts_speed_enabled = false,
   toolsString = "",
-  image_gen_api = "",
+  image_gen_api = "https://api.openai.com/v1/images/generations",
   image_gen_key = ""
 ): ChatStore => {
   return {

src/settings.tsx

@@ -502,13 +502,13 @@ export default (props: {
             {...props}
           />
           <Input
-            field="image_gen_api"
+            field="image_gen_key"
-            help="DALL image gen key, eg. https://api.openai.com/v1/images/generations"
+            help="image generation service api key"
             {...props}
           />
           <Input
-            field="image_gen_key"
+            field="image_gen_api"
-            help="image generation service api key"
+            help="DALL image gen key, eg. https://api.openai.com/v1/images/generations"
             {...props}
           />
 
@@ -526,8 +526,8 @@ export default (props: {
               {Tr("Reset")}
             </button>
           </div>
-
           <div className="flex justify-evenly flex-wrap">
+            {props.chatStore.apiEndpoint && props.chatStore.apiKey && (
               <SetAPIsTemplate
                 label="Chat API"
                 endpoint={props.chatStore.apiEndpoint}
@@ -535,6 +535,8 @@ export default (props: {
                 tmps={props.templateAPIs}
                 setTmps={props.setTemplateAPIs}
               />
+            )}
+
             {props.chatStore.whisper_api && props.chatStore.whisper_key && (
               <SetAPIsTemplate
                 label="Whisper API"