feat: refactor AI code completion with monacopilot and FIM support

packages/common/js/completion.js

@@ -9,9 +9,7 @@
  * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
  *
  */
-import { ref } from 'vue'
-import { useCanvas, useResource, getMergeMeta, getMetaApi, META_SERVICE } from '@opentiny/tiny-engine-meta-register'
-import completion from './completion-files/context.md?raw'
+import { useCanvas, useResource } from '@opentiny/tiny-engine-meta-register'
 
 const keyWords = [
   'state',
@@ -173,135 +171,6 @@ const getRange = (position, words) => ({
   endColumn: words[words.length - 1].endColumn
 })
 
-const generateBaseReference = () => {
-  const { dataSource = [], utils = [], globalState = [] } = useResource().appSchemaState
-  const { state, methods } = useCanvas().getPageSchema()
-  const currentSchema = useCanvas().getCurrentSchema()
-  let referenceContext = completion
-  referenceContext = referenceContext.replace('$dataSource$', JSON.stringify(dataSource))
-  referenceContext = referenceContext.replace('$utils$', JSON.stringify(utils))
-  referenceContext = referenceContext.replace('$globalState$', JSON.stringify(globalState))
-  referenceContext = referenceContext.replace('$state$', JSON.stringify(state))
-  referenceContext = referenceContext.replace('$methods$', JSON.stringify(methods))
-  referenceContext = referenceContext.replace('$currentSchema$', JSON.stringify(currentSchema))
-  return referenceContext
-}
-
-const fetchAiInlineCompletion = (codeBeforeCursor, codeAfterCursor) => {
-  const { completeModel, apiKey, baseUrl } = getMetaApi(META_SERVICE.Robot).getSelectedQuickModelInfo() || {}
-  if (!completeModel || !apiKey || !baseUrl) {
-    return
-  }
-  const referenceContext = generateBaseReference()
-  return getMetaApi(META_SERVICE.Http).post(
-    '/app-center/api/chat/completions',
-    {
-      model: completeModel,
-      messages: [
-        {
-          role: 'user',
-          content: referenceContext
-            .replace('$codeBeforeCursor$', codeBeforeCursor)
-            .replace('$codeAfterCursor$', codeAfterCursor)
-        }
-      ],
-      baseUrl,
-      stream: false
-    },
-    {
-      headers: {
-        'Content-Type': 'application/json',
-        Authorization: `Bearer ${apiKey || ''}`
-      }
-    }
-  )
-}
-
-const initInlineCompletion = (monacoInstance, editorModel) => {
-  const requestAllowed = ref(true)
-  const timer = ref()
-  const inlineCompletionProvider = {
-    provideInlineCompletions(model, position, _context, _token) {
-      if (editorModel && model.id !== editorModel.id) {
-        return new Promise((resolve) => {
-          resolve({ items: [] })
-        })
-      }
-
-      if (timer.value) {
-        clearTimeout(timer.value)
-      }
-
-      const words = getWords(model, position)
-      const range = getRange(position, words)
-      const wordContent = words.map((item) => item.word).join('')
-      if (!wordContent || wordContent.lastIndexOf('}') === 0 || wordContent.length < 4) {
-        return new Promise((resolve) => {
-          resolve({ items: [] })
-        })
-      }
-      if (!requestAllowed.value) {
-        return new Promise((resolve) => {
-          resolve({
-            items: [
-              {
-                insertText: '',
-                range
-              }
-            ]
-          })
-        })
-      }
-      const codeBeforeCursor = model.getValueInRange({
-        startLineNumber: 1,
-        startColumn: 1,
-        endLineNumber: position.lineNumber,
-        endColumn: position.column
-      })
-      const codeAfterCursor = model.getValueInRange({
-        startLineNumber: position.lineNumber,
-        startColumn: position.column,
-        endLineNumber: model.getLineCount(),
-        endColumn: model.getLineMaxColumn(model.getLineCount())
-      })
-      return new Promise((resolve) => {
-        // 延迟请求800ms
-        timer.value = setTimeout(() => {
-          // 节流操作，防止接口一直被请求
-          requestAllowed.value = false
-          fetchAiInlineCompletion(codeBeforeCursor, codeAfterCursor)
-            .then((res) => {
-              let insertText = res.choices[0].message.content.trim()
-              const wordContentIndex = insertText.indexOf(wordContent)
-              if (wordContentIndex === -1) {
-                insertText = `${wordContent}${insertText}\n`
-              }
-              if (wordContentIndex > 0) {
-                insertText = insertText.slice(wordContentIndex)
-              }
-              requestAllowed.value = true
-              resolve({
-                items: [
-                  {
-                    insertText,
-                    range
-                  }
-                ]
-              })
-            })
-            .catch(() => {
-              requestAllowed.value = true
-            })
-        }, 800)
-      })
-    },
-    freeInlineCompletions() {}
-  }
-  return ['javascript', 'typescript'].map((lang) =>
-    monacoInstance.languages.registerInlineCompletionsProvider(lang, inlineCompletionProvider)
-  )
-}
-
 export const initCompletion = (monacoInstance, editorModel, conditionFn) => {
   const completionItemProvider = {
     provideCompletionItems(model, position, _context, _token) {
@@ -331,9 +200,5 @@ export const initCompletion = (monacoInstance, editorModel, conditionFn) => {
   const completions = ['javascript', 'typescript'].map((lang) => {
     return monacoInstance.languages.registerCompletionItemProvider(lang, completionItemProvider)
   })
-  const { enableAICompletion } = getMergeMeta('engine.plugins.pagecontroller')?.options || {}
-  if (enableAICompletion) {
-    return completions.concat(initInlineCompletion(monacoInstance, editorModel))
-  }
   return completions
 }

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
         }
@@ -81,23 +82,24 @@ export const DEFAULT_LLM_MODELS = [
         }
       },
       {
-        label: 'Qwen Coder编程模型（Flash）',
-        name: 'qwen3-coder-flash',
+        label: 'Qwen2.5 Coder编程模型-最快响应',
+        name: 'qwen-coder-turbo-latest',
         capabilities: {
           toolCalling: true,
           compact: true,
+          codeCompletion: true,
           jsonOutput: bailianJsonOutputExtraBody
         }
       },
       {
-        label: 'Qwen3（14b）',
-        name: 'qwen3-14b',
-        capabilities: { compact: true, toolCalling: true, jsonOutput: bailianJsonOutputExtraBody }
-      },
-      {
-        label: 'Qwen3（8b）',
-        name: 'qwen3-8b',
-        capabilities: { compact: true, toolCalling: true, jsonOutput: bailianJsonOutputExtraBody }
+        label: 'Qwen2.5 Coder编程模型（32B）',
+        name: 'qwen2.5-coder-32b-instruct',
+        capabilities: {
+          toolCalling: true,
+          compact: true,
+          codeCompletion: true,
+          jsonOutput: bailianJsonOutputExtraBody
+        }
       }
     ]
   },
@@ -120,6 +122,16 @@ export const DEFAULT_LLM_MODELS = [
           },
           jsonOutput: jsonOutputExtraBody
         }
+      },
+      {
+        label: 'Deepseek Coder编程模型',
+        name: 'deepseek-coder',
+        capabilities: {
+          toolCalling: true,
+          compact: true,
+          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
   }
 }