feat(robot): Enhance model selection with code completion capabilities

Author: SonyLeo

packages/plugins/robot/src/components/header-extension/robot-setting/RobotSetting.vue

@@ -42,7 +42,7 @@
                 快速模型
                 <tiny-tooltip
                   effect="light"
-                  content="用于代码补全、话题命名等场景。建议选择轻量模型以实现更快的响应速度，例如flash类型或8b/14b模型。"
+                  content="用于代码补全、话题命名等快速响应场景。推荐选择带「代码」标签的模型以获得更好的代码补全效果。"
                   placement="top"
                 >
                   <svg-icon class="help-link" name="plugin-icon-plugin-help"></svg-icon>
@@ -51,11 +51,25 @@
               <tiny-select
                 clearable
                 v-model="state.modelSelection.quickModel"
-                :options="compactModelOptions"
                 filterable
                 placeholder="请选择"
                 @change="handleCompactModelChange"
-              ></tiny-select>
+                popper-class="model-select-popper"
+              >
+                <template v-for="item in compactModelOptions" :key="item.value">
+                  <tiny-option :label="item.label" :value="item.value">
+                    <span class="left">{{ item.label }}</span>
+                    <div>
+                      <tiny-tag v-if="item.capabilities?.codeCompletion" type="success" effect="light" size="small"
+                        >代码</tiny-tag
+                      >
+                      <tiny-tag v-if="item.capabilities?.compact" type="info" effect="light" size="small"
+                        >轻量</tiny-tag
+                      >
+                    </div>
+                  </tiny-option>
+                </template>
+              </tiny-select>
             </tiny-form-item>
 
             <div v-if="selectedDefaultModelInfo" class="model-info">
@@ -172,8 +186,8 @@ const emit = defineEmits(['close'])
 const {
   robotSettingState,
   saveRobotSettingState,
-  getAllAvailableModels,
   getCompactModels,
+  getNonCodeCompletionModels,
   addCustomService,
   updateService,
   deleteService,
@@ -196,9 +210,9 @@ const state = reactive({
   editingService: undefined as ModelService | undefined
 })
 
-// 获取所有可用模型选项
+// 获取所有可用模型选项（排除代码补全专用模型）
 const allModelOptions = computed(() => {
-  return getAllAvailableModels().map((model) => ({
+  return getNonCodeCompletionModels().map((model) => ({
     label: model.displayLabel,
     value: model.value,
     capabilities: model.capabilities
@@ -207,10 +221,14 @@ const allModelOptions = computed(() => {
 
 // 获取快速模型选项
 const compactModelOptions = computed(() => {
-  return getCompactModels().map((model) => ({
+  const models = getCompactModels().map((model) => ({
     label: model.displayLabel,
-    value: model.value
+    value: model.value,
+    capabilities: model.capabilities,
+    serviceName: model.serviceName
   }))
+
+  return models.sort((a, b) => a.serviceName.localeCompare(b.serviceName, 'zh-CN'))
 })
 
 // 获取当前选择的默认模型信息
@@ -270,8 +288,8 @@ const addService = () => {
   state.showServiceDialog = true
 }
 
-const editService = (service: ModelService) => {
-  state.editingService = JSON.parse(JSON.stringify(service))
+const editService = (service: any) => {
+  state.editingService = JSON.parse(JSON.stringify(service)) as ModelService
   state.showServiceDialog = true
 }
 

packages/plugins/robot/src/composables/core/useConfig.ts

@@ -318,9 +318,19 @@ const getAllAvailableModels = () => {
   )
 }
 
-// 获取快速模型列表
+// 获取快速模型列表（包含 compact 或 codeCompletion 的模型）
 const getCompactModels = () => {
-  return getAllAvailableModels().filter((model) => model.capabilities?.compact)
+  return getAllAvailableModels().filter((model) => model.capabilities?.compact || model.capabilities?.codeCompletion)
+}
+
+// 获取代码补全优化模型列表
+const getCodeCompletionModels = () => {
+  return getAllAvailableModels().filter((model) => model.capabilities?.codeCompletion)
+}
+
+// 获取非代码补全模型列表（用于默认助手模型）
+const getNonCodeCompletionModels = () => {
+  return getAllAvailableModels().filter((model) => !model.capabilities?.codeCompletion)
 }
 
 const updateThinkingState = (value: boolean) => {
@@ -456,6 +466,8 @@ export default () => {
     getModelCapabilities,
     getAllAvailableModels,
     getCompactModels,
+    getCodeCompletionModels, // 代码补全模型列表
+    getNonCodeCompletionModels, // 非代码补全模型列表
     getSelectedModelInfo, // 对话模型信息
     getSelectedQuickModelInfo, // 快速模型信息
 

packages/plugins/robot/src/constants/model-config.ts

@@ -57,6 +57,7 @@ export const DEFAULT_LLM_MODELS = [
         name: 'qwen3-coder-plus',
         capabilities: {
           toolCalling: true,
+          codeCompletion: true,
           reasoning: reasoningExtraBody,
           jsonOutput: bailianJsonOutputExtraBody
         }
@@ -86,6 +87,7 @@ export const DEFAULT_LLM_MODELS = [
         capabilities: {
           toolCalling: true,
           compact: true,
+          codeCompletion: true,
           jsonOutput: bailianJsonOutputExtraBody
         }
       },
@@ -95,6 +97,7 @@ export const DEFAULT_LLM_MODELS = [
         capabilities: {
           toolCalling: true,
           compact: true,
+          codeCompletion: true,
           jsonOutput: bailianJsonOutputExtraBody
         }
       }
@@ -122,11 +125,12 @@ export const DEFAULT_LLM_MODELS = [
       },
       {
         label: 'Deepseek Coder编程模型',
-        name: 'deepseek-chat',
+        name: 'deepseek-coder',
         capabilities: {
           toolCalling: true,
           compact: true,
-          jsonOutput: bailianJsonOutputExtraBody
+          codeCompletion: true,
+          jsonOutput: jsonOutputExtraBody
         }
       }
     ]

packages/plugins/robot/src/types/setting.types.ts

@@ -30,6 +30,7 @@ export interface ModelConfig {
     vision?: boolean
     reasoning?: boolean | Capability
     compact?: boolean
+    codeCompletion?: boolean
     jsonOutput?: boolean | Capability
   }
 }

packages/plugins/script/meta.js

@@ -6,7 +6,8 @@ export default {
   width: 600,
   widthResizable: true,
   options: {
-    enableAICompletion: false // 禁用旧的 AI 补全系统，使用新的 monacopilot
+    aiCompletionEnabled: true
+    // aiCompletionTrigger: 'onIdle' // 可选：触发模式 'onIdle'(默认) | 'onTyping' | 'onDemand'
   },
   confirm: 'close' // 当点击插件栏切换或关闭前是否需要确认, 会调用插件中confirm值指定的方法，e.g. 此处指向 close方法，会调用插件的close方法执行确认逻辑
 }

packages/plugins/script/src/Main.vue

@@ -36,7 +36,7 @@ import { onBeforeUnmount, reactive, provide } from 'vue'
 import { Button } from '@opentiny/vue'
 import { registerCompletion, type CompletionRegistration, type RegisterCompletionOptions } from 'monacopilot'
 import { VueMonaco, PluginPanel } from '@opentiny/tiny-engine-common/component'
-import { useHelp, useLayout } from '@opentiny/tiny-engine-meta-register'
+import { useHelp, useLayout, getMergeMeta } from '@opentiny/tiny-engine-meta-register'
 import { initCompletion } from '@opentiny/tiny-engine-common/js/completion'
 import { initLinter } from '@opentiny/tiny-engine-common/js/linter'
 import useMethod, { saveMethod, highlightMethod, getMethodNameList, getMethods } from './js/method'
@@ -70,6 +70,7 @@ export default {
     const { PLUGIN_NAME } = useLayout()
 
     type RequestHandler = NonNullable<RegisterCompletionOptions['requestHandler']>
+    type TriggerMode = NonNullable<RegisterCompletionOptions['trigger']>
     let completion: CompletionRegistration | null = null
 
     const panelState = reactive({
@@ -120,43 +121,50 @@ export default {
       // 保留原有的 ESLint
       state.linterWorker = initLinter(editor, monacoRef.value.getMonaco(), state) as any
 
-      // 🆕 新增: 注册 AI 补全
-      try {
-        const monaco = monacoRef.value.getMonaco()
-        const editor = monacoRef.value.getEditor()
-
-        completion = registerCompletion(monaco, editor, {
-          language: 'javascript',
-          filename: 'page.js',
-          maxContextLines: 50,
-          enableCaching: true,
-          allowFollowUpCompletions: false,
-          trigger: 'onIdle',
-          triggerIf: ({ text, position }) => {
-            return shouldTriggerCompletion({
-              text,
-              position
-            })
-          },
-          requestHandler: createCompletionHandler() as RequestHandler
-        })
-
-        monaco.editor.addEditorAction({
-          id: 'monacopilot.triggerCompletion',
-          label: 'Complete Code',
-          contextMenuGroupId: 'navigation',
-          run: () => {
-            completion!.trigger()
-          }
-        })
-      } catch (error) {
-        // eslint-disable-next-line no-console
-        console.error('❌ AI 补全注册失败:', error)
+      const { aiCompletionEnabled, aiCompletionTrigger = 'onIdle' } =
+        getMergeMeta('engine.plugins.pagecontroller')?.options || {}
+
+      if (aiCompletionEnabled) {
+        try {
+          const monaco = monacoRef.value.getMonaco()
+          const editor = monacoRef.value.getEditor()
+
+          completion = registerCompletion(monaco, editor, {
+            language: 'javascript',
+            filename: 'page.js',
+            maxContextLines: 50,
+            enableCaching: true,
+            allowFollowUpCompletions: false,
+            trigger: aiCompletionTrigger as TriggerMode,
+            triggerIf: ({ text, position }) => {
+              return shouldTriggerCompletion({
+                text,
+                position
+              })
+            },
+            requestHandler: createCompletionHandler() as RequestHandler
+          })
+
+          monaco.editor.addEditorAction({
+            id: 'monacopilot.triggerCompletion',
+            label: 'Complete Code',
+            contextMenuGroupId: 'navigation',
+            run: () => {
+              completion!.trigger()
+            }
+          })
+        } catch (error) {
+          // eslint-disable-next-line no-console
+          console.error('❌ AI 补全注册失败:', error)
+        }
       }
     }
 
     onBeforeUnmount(() => {
-      completion?.deregister?.()
+      // 清理 AI 补全
+      if (completion) {
+        completion.deregister()
+      }
       ;(state.completionProvider as any)?.forEach?.((provider: any) => {
         provider?.dispose?.()
       })