Track and display API configuration and chatbot URL in chat response history and preview UI

- when working with API requests, [Fragment] should display provider, model and reasoning effort, when possible.
- to `apps/editor/src/commands/apply-chat-response-command/utils/preview-handler.ts` add missing api provider/model/reasoning effort handling
- rename url/preview_url to chatbot_url
- move api provider/model/reasoning effort from header_slot (leave chatbot_url there) to `packages/ui/src/components/editor/panel/ResponsePreview/ResponsePreview.tsx`. In there display it below the list of items.
- display them [Fragment] in separate lines
- rename .footer to .configuration
- place api_provider, api_model, api_reasoning_effort in a configuration object (optoinal). Inside the object, only api_reasoning_effort is optional.

Author: robertpiosik

apps/editor/package.json

@@ -1,7 +1,7 @@
 {
   "name": "gemini-coder",
   "displayName": "Code Web Chat",
-  "description": "The fastest way to code with AI (CWC)",
+  "description": "Fast and safe way to code with AI (CWC)",
   "version": "1.869.0",
   "scripts": {
     "build": "npx vsce package --no-dependencies",

apps/editor/src/commands/apply-chat-response-command/apply-chat-response-command.ts

@@ -91,7 +91,8 @@ export const apply_chat_response_command = (params: {
           response: chat_response,
           raw_instructions: args?.raw_instructions,
           created_at: Date.now(),
-          url: args?.url
+          chatbot_url: args?.chatbot_url,
+          api_configuration: args?.api_configuration
         }
 
         history.push(new_item)
@@ -303,7 +304,8 @@ export const apply_chat_response_command = (params: {
                   lines_added: total_lines_added,
                   lines_removed: total_lines_removed,
                   files: files_for_history,
-                  url: args?.url
+                  chatbot_url: args?.chatbot_url,
+                  api_configuration: args?.api_configuration
                 }
 
                 history.push(new_item)
@@ -327,7 +329,8 @@ export const apply_chat_response_command = (params: {
             original_editor_state: args?.original_editor_state,
             raw_instructions: args?.raw_instructions,
             created_at: created_at_for_preview,
-            url: args?.url
+            chatbot_url: args?.chatbot_url,
+            api_configuration: args?.api_configuration
           })
 
           if (changes_accepted) {

apps/editor/src/commands/apply-chat-response-command/response-processor.ts

@@ -2,6 +2,7 @@ import * as vscode from 'vscode'
 import * as fs from 'fs'
 import * as path from 'path'
 import { OriginalFileState } from './types/original-file-state'
+import { ApiConfiguration } from '@shared/types/response-history-item'
 import { handle_restore_preview } from './handlers/restore-preview-handler'
 import {
   parse_response,
@@ -45,7 +46,8 @@ export type CommandArgs = {
   }
   files_with_content?: FileInPreview[]
   created_at?: number
-  url?: string
+  chatbot_url?: string
+  api_configuration?: ApiConfiguration
 }
 
 export const process_chat_response = async (

apps/editor/src/commands/apply-chat-response-command/utils/preview-handler.ts

@@ -1,6 +1,7 @@
 import * as vscode from 'vscode'
 import { Logger } from '@shared/utils/logger'
 import { OriginalFileState } from '../types/original-file-state'
+import { ApiConfiguration } from '@shared/types/response-history-item'
 import { undo_files } from './file-operations'
 import { preview } from './preview'
 import { PanelProvider } from '@/views/panel/backend/panel-provider'
@@ -20,7 +21,8 @@ export const preview_handler = async (params: {
   }
   raw_instructions?: string
   created_at?: number
-  url?: string
+  chatbot_url?: string
+  api_configuration?: ApiConfiguration
 }): Promise<boolean> => {
   let resolve_cleanup_promise: () => void
   ongoing_preview_cleanup_promise = new Promise((resolve) => {
@@ -35,7 +37,8 @@ export const preview_handler = async (params: {
       chat_response: params.chat_response,
       context: params.context,
       created_at: params.created_at,
-      url: params.url
+      chatbot_url: params.chatbot_url,
+      api_configuration: params.api_configuration
     })
 
     if (preview_result === null || preview_result.accepted_files.length == 0) {

apps/editor/src/commands/apply-chat-response-command/utils/preview/preview.ts

@@ -2,6 +2,7 @@ import * as vscode from 'vscode'
 import { dictionary } from '@shared/constants/dictionary'
 import { PanelProvider } from '@/views/panel/backend/panel-provider'
 import { OriginalFileState } from '@/commands/apply-chat-response-command/types/original-file-state'
+import { ApiConfiguration } from '@shared/types/response-history-item'
 import { setup_workspace_listeners } from './workspace-listener'
 import { prepare_files_from_original_states } from './file-preparer'
 import { parse_response } from '../clipboard-parser/clipboard-parser'
@@ -25,7 +26,8 @@ export const preview = async (params: {
   chat_response: string
   context: vscode.ExtensionContext
   created_at?: number
-  url?: string
+  chatbot_url?: string
+  api_configuration?: ApiConfiguration
 }): Promise<{
   accepted_files: PreviewableFile[]
   rejected_states: OriginalFileState[]
@@ -137,7 +139,8 @@ export const preview = async (params: {
         raw_instructions: params.raw_instructions,
         created_at: params.created_at,
         fix_all_automatically,
-        url: params.url
+        chatbot_url: params.chatbot_url,
+        api_configuration: params.api_configuration
       })
     }
 

apps/editor/src/commands/checkpoints-command/actions/restore-checkpoint.ts

@@ -534,7 +534,9 @@ export const restore_checkpoint = async (params: {
           response: item_to_preview.response,
           raw_instructions: item_to_preview.raw_instructions,
           files_with_content: item_to_preview.files,
-          created_at: item_to_preview.created_at
+          created_at: item_to_preview.created_at,
+          chatbot_url: item_to_preview.chatbot_url,
+          api_configuration: item_to_preview.api_configuration
         })
       }
     }

apps/editor/src/services/websocket-manager.ts

@@ -159,7 +159,7 @@ export class WebSocketManager {
           vscode.commands.executeCommand('codeWebChat.applyChatResponse', {
             raw_instructions: message.raw_instructions,
             edit_format: message.edit_format,
-            url: message.url
+            chatbot_url: message.chatbot_url
           })
         }
       } catch (error) {

apps/editor/src/views/panel/backend/message-handlers/handle-apply-response-from-history.ts

@@ -9,6 +9,7 @@ export const handle_apply_response_from_history = async (
     raw_instructions: message.raw_instructions,
     files_with_content: message.files,
     created_at: message.created_at,
-    url: message.url
+    chatbot_url: message.chatbot_url,
+    api_configuration: message.api_configuration
   })
 }

apps/editor/src/views/panel/backend/message-handlers/handle-code-at-cursor.ts

@@ -462,6 +462,11 @@ export const handle_code_at_cursor = async (
                     line: position.line,
                     character: position.character
                   }
+                },
+                api_configuration: {
+                  provider: code_completions_config.provider_name,
+                  model: code_completions_config.model,
+                  reasoning_effort: code_completions_config.reasoning_effort
                 }
               }
             )

apps/editor/src/views/panel/backend/message-handlers/handle-edit-context.ts

@@ -541,7 +541,12 @@ export const handle_edit_context = async (
             vscode.commands.executeCommand('codeWebChat.applyChatResponse', {
               response: result.response,
               raw_instructions: instructions,
-              edit_format
+              edit_format,
+              api_configuration: {
+                provider: edit_context_config.provider_name,
+                model: edit_context_config.model,
+                reasoning_effort: edit_context_config.reasoning_effort
+              }
             })
             return true
           }