Add ChatGPT provider with OAuth authentication and specialized API handling

- create a new provider 'ChatGPT'
- handle 'ChatGPT' provider authentication flow
- in `CodeWebChat/apps/editor/src/views/settings/backend/message-handlers/handle-edit-model-provider-key.ts`, handle 'ChatGPT' authentication flow
- configuration upsert of "ChatGPT" provider should show static list of models: 'gpt-5.2', 'gpt-5.3-codex', 'gpt-5.3-codex-spark'. Hide "Advanced". Supported reasoning efforts: low, medium, high, extra high.
- in chatGPT in `CodeWebChat/apps/editor/src/views/utils/config-editing.ts`, remove duplicated descriptions
- in case of ChatGPT provider, `CodeWebChat/apps/editor/src/utils/make-api-request.ts`should send requests differently (refer to `Roo-Code-main/src/api/providers/openai-codex.ts`)
- in `CodeWebChat/apps/editor/src/utils/make-api-request.ts`, when sending with ChatGPT, the logged request body is invalid [Pasted text]
- `CodeWebChat/apps/editor/src/utils/apply-reasoning-effort.ts`is missing else for generic setting
- in case of ChatGPT, convert "extra high" reasoning effort to 'xhigh'

Author: robertpiosik

apps/editor/src/commands/generate-commit-message-command/utils/get-commit-message-config.ts

@@ -1,7 +1,6 @@
 import * as vscode from 'vscode'
 import {
   ModelProvidersManager,
-  ReasoningEffort,
   get_tool_config_id,
   ToolConfig
 } from '@/services/model-providers-manager'
@@ -16,7 +15,7 @@ export interface CommitMessageConfig {
   provider_name: string
   model: string
   temperature?: number
-  reasoning_effort?: ReasoningEffort
+  reasoning_effort?: string
 }
 
 export const get_commit_message_config = async (

apps/editor/src/services/model-providers-manager.ts

@@ -17,14 +17,12 @@ export type CustomProvider = {
 
 export type Provider = BuiltInProvider | CustomProvider
 
-export type ReasoningEffort = 'none' | 'minimal' | 'low' | 'medium' | 'high'
-
 export type ToolConfig = {
   provider_type: string
   provider_name: string
   model: string
   temperature?: number
-  reasoning_effort?: ReasoningEffort
+  reasoning_effort?: string
   system_instructions_override?: string
   is_pinned?: boolean
 }
@@ -162,7 +160,7 @@ export class ModelProvidersManager {
         providerName: string
         model: string
         temperature?: number
-        reasoningEffort?: ReasoningEffort
+        reasoningEffort?: string
         systemInstructionsOverride?: string
         isPinned?: boolean
       }[]
@@ -244,7 +242,7 @@ export class ModelProvidersManager {
         providerName: string
         model: string
         temperature?: number
-        reasoningEffort?: ReasoningEffort
+        reasoningEffort?: string
         systemInstructionsOverride?: string
         isDefault?: boolean
         isPinned?: boolean

apps/editor/src/utils/apply-reasoning-effort.ts

@@ -22,5 +22,16 @@ export const apply_reasoning_effort = (params: {
         }
       }
     }
+  } else if (params.provider.name == 'ChatGPT') {
+    if (params.reasoning_effort) {
+      params.body.reasoning_effort =
+        params.reasoning_effort == 'extra high'
+          ? 'xhigh'
+          : params.reasoning_effort
+    }
+  } else {
+    if (params.reasoning_effort) {
+      params.body.reasoning_effort = params.reasoning_effort
+    }
   }
 }

apps/editor/src/utils/intelligent-update-utils.ts

@@ -2,7 +2,6 @@ import * as vscode from 'vscode'
 import axios, { CancelToken } from 'axios'
 import {
   ModelProvidersManager,
-  ReasoningEffort,
   ToolConfig,
   get_tool_config_id
 } from '@/services/model-providers-manager'
@@ -217,7 +216,7 @@ export const process_file = async (params: {
   provider: any
   model: string
   temperature?: number
-  reasoning_effort?: ReasoningEffort
+  reasoning_effort?: string
   file_path: string
   file_content: string
   instruction: string

apps/editor/src/utils/make-api-request.ts

@@ -33,7 +33,32 @@ const process_stream_chunk = (
           if (!json_string || json_string == DONE_TOKEN) continue
 
           const json_data = JSON.parse(json_string)
-          const content = json_data.choices?.[0]?.delta?.content
+          let content = json_data.choices?.[0]?.delta?.content
+
+          // Special handling for ChatGPT provider
+          if (content === undefined && json_data.type) {
+            if (
+              [
+                'response.text.delta',
+                'response.output_text.delta',
+                'response.reasoning.delta',
+                'response.reasoning_text.delta'
+              ].includes(json_data.type)
+            ) {
+              content = json_data.delta
+            } else if (json_data.type === 'response.content_part.added') {
+              content =
+                typeof json_data.part?.text === 'string'
+                  ? json_data.part.text
+                  : json_data.part?.text?.value
+            } else if (
+              json_data.type === 'response.output_item.added' &&
+              json_data.item?.type === 'text'
+            ) {
+              content = json_data.item?.text
+            }
+          }
+
           if (typeof content == 'string') {
             new_content += content
           }
@@ -76,12 +101,6 @@ export const make_api_request = async (params: {
   on_thinking_chunk?: ThinkingStreamCallback
   rethrow_error?: boolean
 }): Promise<{ response: string; thoughts?: string } | null> => {
-  Logger.info({
-    function_name: 'make_api_request',
-    message: 'API Request Body',
-    data: params.body
-  })
-
   let stream_start_time = 0
   let last_on_chunk_time = 0
   let total_tokens = 0
@@ -120,7 +139,79 @@ export const make_api_request = async (params: {
   }
 
   try {
-    const request_body = { ...params.body, stream: true }
+    const is_chatgpt = params.endpoint_url.includes('chatgpt.com/backend-api')
+    const request_url = is_chatgpt
+      ? params.endpoint_url + '/responses'
+      : params.endpoint_url + '/chat/completions'
+
+    let request_body: any = { ...params.body, stream: true }
+
+    if (is_chatgpt) {
+      const system_message = params.body.messages?.find(
+        (m: any) => m.role === 'system'
+      )
+      const other_messages =
+        params.body.messages?.filter((m: any) => m.role !== 'system') || []
+
+      const formatted_input = other_messages.map((m: any) => {
+        if (m.role == 'user') {
+          const content = []
+          if (typeof m.content == 'string') {
+            content.push({ type: 'input_text', text: m.content })
+          } else if (Array.isArray(m.content)) {
+            for (const block of m.content) {
+              if (block.type == 'text') {
+                content.push({ type: 'input_text', text: block.text })
+              } else if (block.type == 'image_url') {
+                content.push({
+                  type: 'input_image',
+                  image_url: block.image_url.url
+                })
+              }
+            }
+          }
+          return { role: 'user', content }
+        } else if (m.role == 'assistant') {
+          const content = []
+          if (typeof m.content == 'string') {
+            content.push({ type: 'output_text', text: m.content })
+          } else if (Array.isArray(m.content)) {
+            for (const block of m.content) {
+              if (block.type == 'text') {
+                content.push({ type: 'output_text', text: block.text })
+              }
+            }
+          }
+          return { role: 'assistant', content }
+        }
+        return m
+      })
+
+      request_body = {
+        model: params.body.model,
+        input: formatted_input,
+        stream: true,
+        store: false
+      }
+      if (system_message) {
+        request_body.instructions = system_message.content
+      }
+      if (params.body.temperature !== undefined) {
+        request_body.temperature = params.body.temperature
+      }
+      if (params.body.reasoning_effort) {
+        request_body.reasoning = {
+          effort: params.body.reasoning_effort,
+          summary: 'auto'
+        }
+      }
+    }
+
+    Logger.info({
+      function_name: 'make_api_request',
+      message: 'API Request Body',
+      data: request_body
+    })
 
     let buffer = ''
     let full_response = ''
@@ -233,22 +324,28 @@ export const make_api_request = async (params: {
       }
     }
 
+    const headers: Record<string, string> = {
+      ...(params.api_key
+        ? { ['Authorization']: `Bearer ${params.api_key}` }
+        : {}),
+      ['Content-Type']: 'application/json',
+      ...(params.endpoint_url == 'https://openrouter.ai/api/v1'
+        ? {
+            'HTTP-Referer': 'https://codeweb.chat/',
+            'X-Title': 'Code Web Chat'
+          }
+        : {})
+    }
+
+    if (is_chatgpt) {
+      headers['originator'] = 'code-web-chat'
+    }
+
     const response: AxiosResponse<NodeJS.ReadableStream> = await axios.post(
-      params.endpoint_url + '/chat/completions',
+      request_url,
       request_body,
       {
-        headers: {
-          ...(params.api_key
-            ? { ['Authorization']: `Bearer ${params.api_key}` }
-            : {}),
-          ['Content-Type']: 'application/json',
-          ...(params.endpoint_url == 'https://openrouter.ai/api/v1'
-            ? {
-                'HTTP-Referer': 'https://codeweb.chat/',
-                'X-Title': 'Code Web Chat'
-              }
-            : {})
-        },
+        headers,
         cancelToken: params.cancellation_token,
         responseType: 'stream'
       }
@@ -289,7 +386,32 @@ export const make_api_request = async (params: {
               const json_string = trimmed_line.slice(DATA_PREFIX.length).trim()
               if (json_string && json_string !== DONE_TOKEN) {
                 const json_data = JSON.parse(json_string)
-                const content = json_data.choices?.[0]?.delta?.content
+                let content = json_data.choices?.[0]?.delta?.content
+
+                // Special handling for ChatGPT provider
+                if (content === undefined && json_data.type) {
+                  if (
+                    [
+                      'response.text.delta',
+                      'response.output_text.delta',
+                      'response.reasoning.delta',
+                      'response.reasoning_text.delta'
+                    ].includes(json_data.type)
+                  ) {
+                    content = json_data.delta
+                  } else if (json_data.type === 'response.content_part.added') {
+                    content =
+                      typeof json_data.part?.text === 'string'
+                        ? json_data.part.text
+                        : json_data.part?.text?.value
+                  } else if (
+                    json_data.type === 'response.output_item.added' &&
+                    json_data.item?.type === 'text'
+                  ) {
+                    content = json_data.item?.text
+                  }
+                }
+
                 if (typeof content == 'string') {
                   process_content(content)
                 }

apps/editor/src/views/settings/backend/message-handlers/handle-edit-model-provider-key.ts

@@ -7,6 +7,7 @@ import {
 import { dictionary } from '@shared/constants/dictionary'
 import { ChangeModelProviderKeyMessage } from '@/views/settings/types/messages'
 import { handle_get_model_providers } from './handle-get-model-providers'
+import { authenticate_chatgpt } from '../../../utils/upsert-model-provider'
 
 export const handle_change_model_provider_key = async (
   provider: SettingsProvider,
@@ -26,14 +27,35 @@ export const handle_change_model_provider_key = async (
     return
   }
 
-  const new_api_key = await vscode.window.showInputBox({
-    title: `API Key for ${provider_name}`,
-    prompt: 'Enter your API key.',
-    password: true,
-    placeHolder: provider_to_update.api_key
-      ? `...${provider_to_update.api_key.slice(-4)}`
-      : ''
-  })
+  let new_api_key: string | undefined
+
+  if (
+    provider_to_update.name == 'ChatGPT' &&
+    provider_to_update.type == 'built-in'
+  ) {
+    try {
+      new_api_key = await authenticate_chatgpt()
+      vscode.window.showInformationMessage('Authenticated successfully!', {
+        modal: true,
+        detail: 'Your ChatGPT session has been refreshed.'
+      })
+    } catch (error) {
+      vscode.window.showErrorMessage(
+        `ChatGPT authentication failed: ${error instanceof Error ? error.message : String(error)}`,
+        { modal: true }
+      )
+      return
+    }
+  } else {
+    new_api_key = await vscode.window.showInputBox({
+      title: `API Key for ${provider_name}`,
+      prompt: 'Enter your API key.',
+      password: true,
+      placeHolder: provider_to_update.api_key
+        ? `...${provider_to_update.api_key.slice(-4)}`
+        : ''
+    })
+  }
 
   if (new_api_key === undefined) {
     return