Add support for extra request body in chatbot config

Introduces 'enableExtraBody' and 'extraBody' fields to chatbot configuration, allowing users to specify additional request parameters. Updates UI to toggle and edit extra body, ensures correct merging in request logic, and adds related localization strings.

Author: aiqlcom

src/main/assets/config/llm.json

@@ -31,6 +31,8 @@
     "stream": true,
     "reasoningEffort": null,
     "enableThinking": null,
+    "enableExtraBody": false,
+    "extraBody": {},
     "authorization": true,
     "mcp": true
   },

src/renderer/components/common/ConfigJsonCard.vue

@@ -1,6 +1,10 @@
 <script setup lang="ts">
 import { ref, computed, watch } from 'vue'
 
+defineOptions({
+  inheritAttrs: false
+})
+
 const emit = defineEmits(['update:modelValue', 'onError', 'focus', 'blur'])
 
 type JSONValue = string | number | boolean | null | JSONValue[] | { [key: string]: JSONValue }
@@ -64,6 +68,7 @@ watch(
         variant="solo"
         outlined
         auto-grow
+        v-bind="$attrs"
         :error-messages="jsonError"
         :hide-details="!Boolean(jsonError ?? '')"
         @focus="handleFocus"

src/renderer/components/pages/SettingPage.vue

@@ -6,6 +6,8 @@ import { useLayoutStore } from '@/renderer/store/layout'
 import { v4 as uuidv4 } from 'uuid'
 import { getApiToken, listenStdioProgress, removeListenStdioProgress } from '@/renderer/utils'
 import LogoAvatar from '@/renderer/components/common/LogoAvatar.vue'
+import ConfigJsonCard from '@/renderer/components/common/ConfigJsonCard.vue'
+
 import type { ChatbotConfig } from '@/types/llm'
 
 const layoutStore = useLayoutStore()
@@ -25,8 +27,7 @@ interface Emits {
   (_e: 'batch:token', _apiCli: string, _apiKey: string): void
 }
 
-// const props =
-defineProps<Props>()
+const props = defineProps<Props>()
 const emit = defineEmits<Emits>()
 const handleUpdate = <K extends keyof ChatbotConfig>(key: K, value: ChatbotConfig[K]) => {
   emit('update:config', { [key]: value } as Partial<ChatbotConfig>)
@@ -45,6 +46,21 @@ watch(apiDialog, (_val) => {
   stderr.value.length = 0
 })
 
+watch(
+  () => props.config.enableExtraBody,
+  async (val) => {
+    if (val) {
+      domExtraBody.value?.scrollIntoView({
+        behavior: 'smooth',
+        block: 'center'
+      })
+    }
+  },
+  { flush: 'post' }
+)
+
+const domExtraBody = ref<HTMLElement | null>(null)
+
 const handleGetApiToken = async (cli: string): Promise<void> => {
   const handleProgress = (_event: Event, progress: string) => {
     stdout.value.push(progress)
@@ -344,15 +360,33 @@ const validateNumberRange = (min: number, max: number) => {
         <v-btn-toggle
           class="mt-0"
           color="secondary"
+          v-tooltip:top="$t('setting.enable-thinking-tip')"
           :model-value="config.enableThinking"
           variant="plain"
           @update:model-value="(v) => handleUpdate('enableThinking', v)"
         >
           <v-btn v-for="level in ENABLE_THINKING" :key="level">{{ level }}</v-btn>
         </v-btn-toggle>
       </v-field>
+      <v-switch
+        min-width="200px"
+        class="ml-4"
+        :label="$t('setting.enable-extra-body')"
+        color="secondary"
+        base-color="primary"
+        hide-details
+        inset
+        :model-value="config.enableExtraBody"
+        @update:model-value="(v) => handleUpdate('enableExtraBody', Boolean(v))"
+      ></v-switch>
     </v-card-text>
   </v-card>
+  <div ref="domExtraBody">
+    <v-card v-if="config.enableExtraBody" class="mx-auto mt-4" :title="$t('setting.extra-body')">
+      <v-divider></v-divider>
+      <ConfigJsonCard v-model="config.extraBody" clearable rows="1"> </ConfigJsonCard>
+    </v-card>
+  </div>
 </template>
 <style scoped>
 .cursor-pointer {

src/renderer/composables/chatCompletions.ts

@@ -166,21 +166,32 @@ export const createCompletion = async (
       }
     }
 
+    const extraBody = chatbotConfig.enableExtraBody ? chatbotConfig.extraBody : {}
+
     const body: ChatRequestBody = {
       model: chatbotConfig.model,
-      stream: chatbotConfig.stream
+      stream: chatbotConfig.stream,
+      ...extraBody
     }
 
+    console.log(body)
+
     if (typeof chatbotConfig.reasoningEffort === 'number') {
       body['reasoning_effort'] = REASONING_EFFORT[chatbotConfig.reasoningEffort]
     }
 
     if (typeof chatbotConfig.enableThinking === 'number') {
       if (ENABLE_THINKING[chatbotConfig.enableThinking] === 'true') {
-        body['chat_template_kwargs'] = { enable_thinking: true }
+        body['chat_template_kwargs'] = {
+          enable_thinking: true,
+          thinking: true
+        }
         body['enable_thinking'] = true
       } else if (ENABLE_THINKING[chatbotConfig.enableThinking] === 'false') {
-        body['chat_template_kwargs'] = { enable_thinking: false }
+        body['chat_template_kwargs'] = {
+          enable_thinking: false,
+          thinking: false
+        }
         body['enable_thinking'] = false
       }
     }

src/renderer/locales/en.json

@@ -124,6 +124,9 @@
     "temperature": "Temperature",
     "topP": "Top P",
     "enable-thinking": "Enable Thinking",
+    "enable-thinking-tip": "Will override thinking/enable_thinking in extra body",
+    "enable-extra-body": "Enable Extra Body",
+    "extra-body": "Extra Body",
     "reasoning-effort": "Reasoning Effort",
     "auth-header": "Auth Header",
     "auth-prefix": "Auth Prefix",

src/renderer/locales/zh.json

@@ -124,6 +124,9 @@
     "temperature": "温度",
     "topP": "核采样",
     "enable-thinking": "思考模式",
+    "enable-thinking-tip": "会覆盖额外消息体中的 thinking/enable_thinking 字段",
+    "enable-extra-body": "额外消息体",
+    "extra-body": "额外消息体",
     "reasoning-effort": "推理负荷",
     "auth-header": "鉴权头",
     "auth-prefix": "鉴权前缀",

src/renderer/types/index.ts

@@ -31,6 +31,8 @@ export const CHATBOT_DEFAULTS = {
   stream: true,
   reasoningEffort: undefined,
   enableThinking: undefined,
+  enableExtraBody: false,
+  extraBody: {},
   authorization: true,
   mcp: true
 }

src/types/llm.d.ts

@@ -34,6 +34,8 @@ export interface ChatbotConfig {
   stream: boolean
   reasoningEffort?: number
   enableThinking?: number
+  enableExtraBody: boolean
+  extraBody: object
   authorization: boolean
   mcp: boolean
 }