@opensumi/ide-ai-native 3.7.2-next-1740450374.0 → 3.8.1-next-1740452092.0

package/src/browser/contrib/intelligent-completions/intelligent-completions.controller.ts

@@ -16,7 +16,7 @@ import {
   IntelligentCompletionsRegistryToken,
   runWhenIdle,
 } from '@opensumi/ide-core-common';
-import { Emitter, ICodeEditor, ICursorPositionChangedEvent, IRange, ITextModel, Range } from '@opensumi/ide-monaco';
+import { Emitter, ICodeEditor, ICursorPositionChangedEvent, ITextModel } from '@opensumi/ide-monaco';
 import {
   IObservable,
   ISettableObservable,
@@ -30,7 +30,6 @@ import {
   observableValue,
   transaction,
 } from '@opensumi/ide-monaco/lib/common/observable';
-import { empty } from '@opensumi/ide-utils/lib/strings';
 import { EditorContextKeys } from '@opensumi/monaco-editor-core/esm/vs/editor/common/editorContextKeys';
 import { inlineSuggestCommitId } from '@opensumi/monaco-editor-core/esm/vs/editor/contrib/inlineCompletions/browser/controller/commandIds';
 import { InlineCompletionContextKeys } from '@opensumi/monaco-editor-core/esm/vs/editor/contrib/inlineCompletions/browser/controller/inlineCompletionContextKeys';
@@ -42,23 +41,15 @@ import {
 import { ContextKeyExpr } from '@opensumi/monaco-editor-core/esm/vs/platform/contextkey/common/contextkey';
 
 import { AINativeContextKey } from '../../ai-core.contextkeys';
-import { REWRITE_DECORATION_INLINE_ADD, RewriteWidget } from '../../widget/rewrite/rewrite-widget';
 import { BaseAIMonacoEditorController } from '../base';
 
-import { AdditionsDeletionsDecorationModel } from './decoration/additions-deletions.decoration';
-import { MultiLineDecorationModel } from './decoration/multi-line.decoration';
-import {
-  IMultiLineDiffChangeResult,
-  computeMultiLineDiffChanges,
-  mergeMultiLineDiffChanges,
-  wordChangesToLineChangesMap,
-} from './diff-computer';
 import { IntelligentCompletionsRegistry } from './intelligent-completions.feature.registry';
 import { CodeEditsSourceCollection } from './source/base';
 import { LineChangeCodeEditsSource } from './source/line-change.source';
 import { LintErrorCodeEditsSource } from './source/lint-error.source';
 import { TriggerCodeEditsSource } from './source/trigger.source';
 import { TypingCodeEditsSource } from './source/typing.source';
+import { CodeEditsPreviewer } from './view/code-edits-previewer';
 
 import { CodeEditsResultValue, VALID_TIME } from './index';
 
@@ -90,20 +81,18 @@ export class IntelligentCompletionsController extends BaseAIMonacoEditorControll
   }
 
   private codeEditsResult: ISettableObservable<CodeEditsResultValue | undefined>;
-  private multiLineDecorationModel: MultiLineDecorationModel;
-  private additionsDeletionsDecorationModel: AdditionsDeletionsDecorationModel;
+  private multiLineEditsIsVisibleObs: IObservable<boolean>;
+
   private codeEditsSourceCollection: CodeEditsSourceCollection;
   private aiNativeContextKey: AINativeContextKey;
-  private rewriteWidget: RewriteWidget | null;
-  private multiLineEditsIsVisibleObs: IObservable<boolean>;
+  private codeEditsPreviewer: CodeEditsPreviewer;
 
   public mount(): IDisposable {
     this.handlerAlwaysVisiblePreference();
 
     this.codeEditsResult = observableValue<CodeEditsResultValue | undefined>(this, undefined);
-    this.multiLineDecorationModel = new MultiLineDecorationModel(this.monacoEditor);
-    this.additionsDeletionsDecorationModel = new AdditionsDeletionsDecorationModel(this.monacoEditor);
     this.aiNativeContextKey = this.injector.get(AINativeContextKey, [this.monacoEditor.contextKeyService]);
+    this.codeEditsPreviewer = this.injector.get(CodeEditsPreviewer, [this.monacoEditor, this.aiNativeContextKey]);
     this.codeEditsSourceCollection = this.injector.get(CodeEditsSourceCollection, [
       [LintErrorCodeEditsSource, LineChangeCodeEditsSource, TypingCodeEditsSource, TriggerCodeEditsSource],
       this.monacoEditor,
@@ -214,125 +203,10 @@ export class IntelligentCompletionsController extends BaseAIMonacoEditorControll
     );
   }
 
-  private destroyRewriteWidget() {
-    if (this.rewriteWidget) {
-      this.rewriteWidget.dispose();
-      this.rewriteWidget = null;
-    }
-  }
-
-  private applyInlineDecorations(completionModel: CodeEditsResultValue) {
-    const { items } = completionModel;
-    const { range, insertText } = items[0];
-
-    // code edits 必须提供 range
-    if (!range) {
-      return;
-    }
-
-    const position = this.monacoEditor.getPosition()!;
-    const model = this.monacoEditor.getModel();
-    const insertTextString = insertText.toString();
-    const originalContent = model?.getValueInRange(range);
-    const eol = this.model.getEOL();
-
-    const changes = computeMultiLineDiffChanges(
-      originalContent!,
-      insertTextString,
-      this.monacoEditor,
-      range.startLineNumber,
-      eol,
-    );
-
-    if (!changes) {
-      return;
-    }
-
-    const { singleLineCharChanges, charChanges, wordChanges, isOnlyAddingToEachWord } = changes;
-
-    // 限制 changes 数量，超过这个数量直接显示智能重写
-    const maxCharChanges = 20;
-    const maxWordChanges = 20;
-
-    if (
-      range &&
-      isOnlyAddingToEachWord &&
-      charChanges.length <= maxCharChanges &&
-      wordChanges.length <= maxWordChanges
-    ) {
-      const modificationsResult = this.multiLineDecorationModel.applyInlineDecorations(
-        this.monacoEditor,
-        mergeMultiLineDiffChanges(singleLineCharChanges, eol),
-        range.startLineNumber,
-        position,
-      );
-
-      this.aiNativeContextKey.multiLineEditsIsVisible.reset();
-      this.multiLineDecorationModel.clearDecorations();
-
-      if (!modificationsResult) {
-        this.renderRewriteWidget(wordChanges, model, range, insertTextString);
-      } else if (modificationsResult && modificationsResult.inlineMods) {
-        this.aiNativeContextKey.multiLineEditsIsVisible.set(true);
-        this.multiLineDecorationModel.updateLineModificationDecorations(modificationsResult.inlineMods);
-      }
-    } else {
-      this.additionsDeletionsDecorationModel.updateDeletionsDecoration(wordChanges, range, eol);
-      this.renderRewriteWidget(wordChanges, model, range, insertTextString);
-    }
-  }
-
-  private async renderRewriteWidget(
-    wordChanges: IMultiLineDiffChangeResult[],
-    model: ITextModel | null,
-    range: IRange,
-    insertTextString: string,
-  ) {
-    this.destroyRewriteWidget();
-
-    const cursorPosition = this.monacoEditor.getPosition();
-    if (!cursorPosition) {
-      return;
-    }
-
-    this.rewriteWidget = this.injector.get(RewriteWidget, [this.monacoEditor]);
-
-    const startOffset = this.model.getOffsetAt({ lineNumber: range.startLineNumber, column: range.startColumn });
-    const endOffset = this.model.getOffsetAt({ lineNumber: range.endLineNumber, column: range.endColumn });
-    const allText = this.model.getValue();
-    // 这里是为了能在 rewrite widget 的 editor 当中完整的复用代码高亮与语法检测的能力
-    const newVirtualContent = allText.substring(0, startOffset) + insertTextString + allText.substring(endOffset);
-
-    const lineChangesMap = wordChangesToLineChangesMap(wordChanges, range, model);
-
-    await this.rewriteWidget.defered.promise;
-
-    this.aiNativeContextKey.multiLineEditsIsVisible.set(true);
-
-    const allLineChanges = Object.values(lineChangesMap).map((lineChanges) => ({
-      changes: lineChanges
-        .map((change) => change.filter((item) => item.value.trim() !== empty))
-        .filter((change) => change.length > 0),
-    }));
-
-    this.rewriteWidget.setInsertText(insertTextString);
-    this.rewriteWidget.show({ position: cursorPosition });
-    this.rewriteWidget.setEditArea(range);
-
-    if (allLineChanges.every(({ changes }) => changes.every((change) => change.every(({ removed }) => removed)))) {
-      // 处理全是删除的情况
-      this.rewriteWidget.renderTextLineThrough(allLineChanges);
-    } else {
-      this.rewriteWidget.renderVirtualEditor(newVirtualContent, wordChanges);
-    }
-  }
-
   public hide() {
     this.cancelToken();
     this.aiNativeContextKey.multiLineEditsIsVisible.reset();
-    this.multiLineDecorationModel.clearDecorations();
-    this.additionsDeletionsDecorationModel.clearDeletionsDecorations();
-    this.destroyRewriteWidget();
+    this.codeEditsPreviewer.hide();
   }
 
   private readonly reportData = derived(this, (reader) => {
@@ -382,6 +256,7 @@ export class IntelligentCompletionsController extends BaseAIMonacoEditorControll
         report?.('isValid', false);
       }
 
+      this.codeEditsPreviewer.discard();
       this.hide();
       return isValid;
     },
@@ -391,27 +266,7 @@ export class IntelligentCompletionsController extends BaseAIMonacoEditorControll
     const report = this.reportData.read(reader);
     report?.('isReceive');
 
-    this.multiLineDecorationModel.accept();
-
-    if (this.rewriteWidget) {
-      this.rewriteWidget.accept();
-
-      const virtualEditor = this.rewriteWidget.getVirtualEditor();
-      // 采纳完之后将 virtualEditor 的 decorations 重新映射在 editor 上
-      if (virtualEditor) {
-        const editArea = this.rewriteWidget.getEditArea();
-        const decorations = virtualEditor.getDecorationsInRange(Range.lift(editArea));
-        const preAddedDecorations = decorations?.filter(
-          (decoration) => decoration.options.description === REWRITE_DECORATION_INLINE_ADD,
-        );
-        if (preAddedDecorations) {
-          this.additionsDeletionsDecorationModel.updateAdditionsDecoration(
-            preAddedDecorations.map((decoration) => decoration.range),
-          );
-        }
-      }
-    }
-
+    this.codeEditsPreviewer.accept();
     this.hide();
   });
 
@@ -423,16 +278,6 @@ export class IntelligentCompletionsController extends BaseAIMonacoEditorControll
   }
 
   private registerFeature(monacoEditor: ICodeEditor): void {
-    this.featureDisposable.addDispose(
-      Event.any<any>(
-        monacoEditor.onDidChangeCursorPosition,
-        monacoEditor.onDidChangeModelContent,
-        monacoEditor.onDidBlurEditorWidget,
-      )(() => {
-        this.additionsDeletionsDecorationModel.clearAdditionsDecorations();
-      }),
-    );
-
     // 监听当前光标位置的变化，如果超出 range 区域则表示弃用
     this.featureDisposable.addDispose(
       this.monacoEditor.onDidChangeCursorPosition((event: ICursorPositionChangedEvent) => {
@@ -505,7 +350,7 @@ export class IntelligentCompletionsController extends BaseAIMonacoEditorControll
         }
 
         try {
-          this.applyInlineDecorations(completionModel);
+          this.codeEditsPreviewer.render(completionModel);
         } catch (error) {
           this.logger.warn('IntelligentCompletionsController applyInlineDecorations error', error);
         }

package/src/browser/contrib/intelligent-completions/view/base.ts

@@ -0,0 +1,31 @@
+import { Injector } from '@opensumi/di';
+import { Disposable } from '@opensumi/ide-core-common';
+import { ICodeEditor } from '@opensumi/ide-monaco';
+import {
+  ObservableCodeEditor,
+  observableCodeEditor,
+} from '@opensumi/monaco-editor-core/esm/vs/editor/browser/observableCodeEditor';
+
+import { CodeEditsResultValue } from '../index';
+
+export abstract class BaseCodeEditsView extends Disposable {
+  protected editorObs: ObservableCodeEditor;
+
+  public modelId: string;
+
+  constructor(protected readonly monacoEditor: ICodeEditor, protected readonly injector: Injector) {
+    super();
+
+    this.editorObs = observableCodeEditor(this.monacoEditor);
+    this.mount();
+
+    this.addDispose({ dispose: () => this.hide() });
+  }
+
+  protected mount(): void {}
+
+  abstract render(completionModel: CodeEditsResultValue): void;
+  abstract hide(): void;
+  abstract accept(): void;
+  abstract discard(): void;
+}

package/src/browser/contrib/intelligent-completions/view/code-edits-previewer.ts

@@ -0,0 +1,69 @@
+import { Autowired, INJECTOR_TOKEN, Injectable, Injector, Optional } from '@opensumi/di';
+import { PreferenceService } from '@opensumi/ide-core-browser';
+import { AINativeSettingSectionsId, Disposable } from '@opensumi/ide-core-common';
+import { ICodeEditor } from '@opensumi/ide-monaco';
+import { IObservable, IReader, autorun, observableFromEvent } from '@opensumi/ide-monaco/lib/common/observable';
+
+import { AINativeContextKey } from '../../../ai-core.contextkeys';
+import { CodeEditsRenderType, CodeEditsResultValue } from '../index';
+
+import { BaseCodeEditsView } from './base';
+import { DefaultCodeEditsView } from './default';
+import { LegacyCodeEditsView } from './legacy';
+
+@Injectable()
+export class CodeEditsPreviewer extends Disposable {
+  @Autowired(INJECTOR_TOKEN)
+  protected readonly injector: Injector;
+
+  @Autowired(PreferenceService)
+  private readonly preferenceService: PreferenceService;
+
+  private readonly renderTypeObs: IObservable<CodeEditsRenderType>;
+  private view: BaseCodeEditsView | undefined;
+
+  constructor(
+    @Optional() protected readonly monacoEditor: ICodeEditor,
+    @Optional() protected readonly aiNativeContextKey: AINativeContextKey,
+  ) {
+    super();
+
+    this.renderTypeObs = observableFromEvent(this, this.preferenceService.onPreferenceChanged, () =>
+      this.preferenceService.getValid(AINativeSettingSectionsId.CodeEditsRenderType, CodeEditsRenderType.Default),
+    );
+
+    this.addDispose(
+      autorun((reader: IReader) => {
+        const renderType = this.renderTypeObs.read(reader);
+        if (this.view) {
+          this.view.dispose();
+          this.view = undefined;
+        }
+
+        if (renderType === CodeEditsRenderType.Default) {
+          this.view = new DefaultCodeEditsView(this.monacoEditor, this.injector);
+        } else {
+          this.view = new LegacyCodeEditsView(this.monacoEditor, this.injector);
+        }
+      }),
+    );
+  }
+
+  public render(completionModel: CodeEditsResultValue) {
+    this.view?.render(completionModel);
+    this.aiNativeContextKey.multiLineEditsIsVisible.set(true);
+  }
+
+  public hide() {
+    this.view?.hide();
+    this.aiNativeContextKey.multiLineEditsIsVisible.set(false);
+  }
+
+  public accept() {
+    this.view?.accept();
+  }
+
+  public discard() {
+    this.view?.discard();
+  }
+}

package/src/browser/contrib/intelligent-completions/view/default.ts

@@ -0,0 +1,146 @@
+import {
+  InlineCompletionContext,
+  InlineCompletionTriggerKind,
+  InlineCompletionsProvider,
+  Position,
+  Range,
+} from '@opensumi/ide-monaco';
+import {
+  IObservable,
+  asyncTransaction,
+  constObservable,
+  derived,
+  transaction,
+} from '@opensumi/ide-monaco/lib/common/observable';
+import { equalsIfDefined, itemEquals } from '@opensumi/monaco-editor-core/esm/vs/base/common/equals';
+import { LanguageFeatureRegistry } from '@opensumi/monaco-editor-core/esm/vs/editor/common/languageFeatureRegistry';
+import { InlineCompletionsController } from '@opensumi/monaco-editor-core/esm/vs/editor/contrib/inlineCompletions/browser/controller/inlineCompletionsController';
+import { InlineCompletionsModel } from '@opensumi/monaco-editor-core/esm/vs/editor/contrib/inlineCompletions/browser/model/inlineCompletionsModel';
+import {
+  InlineCompletionsSource,
+  UpToDateInlineCompletions,
+} from '@opensumi/monaco-editor-core/esm/vs/editor/contrib/inlineCompletions/browser/model/inlineCompletionsSource';
+import {
+  InlineCompletionProviderResult,
+  provideInlineCompletions,
+} from '@opensumi/monaco-editor-core/esm/vs/editor/contrib/inlineCompletions/browser/model/provideInlineCompletions';
+
+import { CodeEditsResultValue, ICodeEdit, ICodeEditsResult } from '../index';
+
+import { BaseCodeEditsView } from './base';
+
+/**
+ * copy from @opensumi/monaco-editor-core/esm/vs/editor/contrib/inlineCompletions/browser/model/provideInlineCompletions
+ */
+class UpdateRequest {
+  constructor(
+    public readonly position: Position,
+    public readonly context: InlineCompletionContext,
+    public readonly versionId: number,
+  ) {}
+
+  public satisfies(other: UpdateRequest): boolean {
+    return (
+      this.position.equals(other.position) &&
+      equalsIfDefined(this.context.selectedSuggestionInfo, other.context.selectedSuggestionInfo, itemEquals()) &&
+      (other.context.triggerKind === InlineCompletionTriggerKind.Automatic ||
+        this.context.triggerKind === InlineCompletionTriggerKind.Explicit) &&
+      this.versionId === other.versionId
+    );
+  }
+
+  public get isExplicitRequest() {
+    return this.context.triggerKind === InlineCompletionTriggerKind.Explicit;
+  }
+}
+
+export class DefaultCodeEditsView extends BaseCodeEditsView {
+  private monacoCompletionsModel: IObservable<InlineCompletionsModel | undefined> = derived(this, (reader) => {
+    const inlineCompletionsController = InlineCompletionsController.get(this.monacoEditor);
+    if (!inlineCompletionsController) {
+      return;
+    }
+
+    return inlineCompletionsController.model.read(reader);
+  });
+
+  private monacoCompletionsSource: IObservable<InlineCompletionsSource | undefined> = derived(this, (reader) => {
+    const model = this.monacoCompletionsModel.read(reader);
+    if (!model) {
+      return;
+    }
+
+    const source = model['_source'] as InlineCompletionsSource;
+    return source;
+  });
+
+  public render(completionModel: CodeEditsResultValue): void {
+    const source = this.monacoCompletionsSource.get();
+    if (!source) {
+      return;
+    }
+
+    asyncTransaction(async (tx) => {
+      const position = this.editorObs.positions.get()?.[0];
+      if (!position) {
+        return;
+      }
+
+      const model = this.editorObs.model.get();
+      if (!model) {
+        return;
+      }
+
+      const versionId = this.editorObs.versionId.get();
+      const context: InlineCompletionContext = {
+        triggerKind: InlineCompletionTriggerKind.Automatic,
+        selectedSuggestionInfo: undefined,
+        includeInlineCompletions: false,
+        includeInlineEdits: true,
+      };
+
+      const request = new UpdateRequest(position, context, versionId!);
+      const inlineEdits: InlineCompletionProviderResult = await provideInlineCompletions(
+        {
+          all: () => [
+              {
+                provideInlineCompletions: () => {},
+                provideInlineEditsForRange(model, range, context, token) {
+                  return completionModel;
+                },
+                freeInlineCompletions: () => [],
+              } as InlineCompletionsProvider<ICodeEditsResult<ICodeEdit>>,
+            ],
+        } as unknown as LanguageFeatureRegistry<InlineCompletionsProvider>,
+        Range.lift(completionModel.range),
+        model,
+        context,
+      );
+
+      const completions = new UpToDateInlineCompletions(
+        inlineEdits,
+        request,
+        model,
+        this.editorObs.versionId,
+        constObservable(1000),
+      );
+      source.inlineCompletions.set(completions, tx);
+    });
+  }
+
+  public accept(): void {
+    const model = this.monacoCompletionsModel.get();
+    model?.accept();
+  }
+
+  public discard(): void {
+    const model = this.monacoCompletionsModel.get();
+    transaction((tx) => {
+      model?.stop('explicitCancel', tx);
+    });
+  }
+
+  public hide(): void {
+    this.monacoCompletionsSource.get()?.inlineCompletions?.set(undefined, undefined);
+  }
+}

package/src/browser/contrib/intelligent-completions/view/legacy.ts

@@ -0,0 +1,182 @@
+import { IRange, ITextModel, Range } from '@opensumi/ide-monaco';
+import { Event } from '@opensumi/ide-utils';
+import { empty } from '@opensumi/ide-utils/lib/strings';
+
+import { REWRITE_DECORATION_INLINE_ADD, RewriteWidget } from '../../../widget/rewrite/rewrite-widget';
+import { AdditionsDeletionsDecorationModel } from '../decoration/additions-deletions.decoration';
+import { MultiLineDecorationModel } from '../decoration/multi-line.decoration';
+import {
+  IMultiLineDiffChangeResult,
+  computeMultiLineDiffChanges,
+  mergeMultiLineDiffChanges,
+  wordChangesToLineChangesMap,
+} from '../diff-computer';
+import { CodeEditsResultValue } from '../index';
+
+import { BaseCodeEditsView } from './base';
+
+export class LegacyCodeEditsView extends BaseCodeEditsView {
+  private get model() {
+    return this.monacoEditor.getModel()!;
+  }
+
+  private multiLineDecorationModel: MultiLineDecorationModel = new MultiLineDecorationModel(this.monacoEditor);
+  private additionsDeletionsDecorationModel: AdditionsDeletionsDecorationModel = new AdditionsDeletionsDecorationModel(
+    this.monacoEditor,
+  );
+  private rewriteWidget: RewriteWidget | null;
+
+  protected mount(): void {
+    this.addDispose(
+      Event.any<any>(
+        this.monacoEditor.onDidChangeCursorPosition,
+        this.monacoEditor.onDidChangeModelContent,
+        this.monacoEditor.onDidBlurEditorWidget,
+      )(() => {
+        this.additionsDeletionsDecorationModel.clearAdditionsDecorations();
+      }),
+    );
+  }
+
+  private destroyRewriteWidget() {
+    if (this.rewriteWidget) {
+      this.rewriteWidget.dispose();
+      this.rewriteWidget = null;
+    }
+  }
+
+  private async renderRewriteWidget(
+    wordChanges: IMultiLineDiffChangeResult[],
+    model: ITextModel | null,
+    range: IRange,
+    insertTextString: string,
+  ) {
+    this.destroyRewriteWidget();
+
+    const cursorPosition = this.monacoEditor.getPosition();
+    if (!cursorPosition) {
+      return;
+    }
+
+    this.rewriteWidget = this.injector.get(RewriteWidget, [this.monacoEditor]);
+
+    const startOffset = this.model.getOffsetAt({ lineNumber: range.startLineNumber, column: range.startColumn });
+    const endOffset = this.model.getOffsetAt({ lineNumber: range.endLineNumber, column: range.endColumn });
+    const allText = this.model.getValue();
+    // 这里是为了能在 rewrite widget 的 editor 当中完整的复用代码高亮与语法检测的能力
+    const newVirtualContent = allText.substring(0, startOffset) + insertTextString + allText.substring(endOffset);
+
+    const lineChangesMap = wordChangesToLineChangesMap(wordChanges, range, model);
+
+    await this.rewriteWidget.defered.promise;
+
+    const allLineChanges = Object.values(lineChangesMap).map((lineChanges) => ({
+      changes: lineChanges
+        .map((change) => change.filter((item) => item.value.trim() !== empty))
+        .filter((change) => change.length > 0),
+    }));
+
+    this.rewriteWidget.setInsertText(insertTextString);
+    this.rewriteWidget.show({ position: cursorPosition });
+    this.rewriteWidget.setEditArea(range);
+
+    if (allLineChanges.every(({ changes }) => changes.every((change) => change.every(({ removed }) => removed)))) {
+      // 处理全是删除的情况
+      this.rewriteWidget.renderTextLineThrough(allLineChanges);
+    } else {
+      this.rewriteWidget.renderVirtualEditor(newVirtualContent, wordChanges);
+    }
+  }
+
+  public render(completionModel: CodeEditsResultValue): void {
+    const { items } = completionModel;
+    const { range, insertText } = items[0];
+
+    // code edits 必须提供 range
+    if (!range) {
+      return;
+    }
+
+    const position = this.monacoEditor.getPosition()!;
+    const model = this.monacoEditor.getModel();
+    const insertTextString = insertText.toString();
+    const originalContent = model?.getValueInRange(range);
+    const eol = this.model.getEOL();
+
+    const changes = computeMultiLineDiffChanges(
+      originalContent!,
+      insertTextString,
+      this.monacoEditor,
+      range.startLineNumber,
+      eol,
+    );
+
+    if (!changes) {
+      return;
+    }
+
+    const { singleLineCharChanges, charChanges, wordChanges, isOnlyAddingToEachWord } = changes;
+
+    // 限制 changes 数量，超过这个数量直接显示智能重写
+    const maxCharChanges = 20;
+    const maxWordChanges = 20;
+
+    if (
+      range &&
+      isOnlyAddingToEachWord &&
+      charChanges.length <= maxCharChanges &&
+      wordChanges.length <= maxWordChanges
+    ) {
+      const modificationsResult = this.multiLineDecorationModel.applyInlineDecorations(
+        this.monacoEditor,
+        mergeMultiLineDiffChanges(singleLineCharChanges, eol),
+        range.startLineNumber,
+        position,
+      );
+
+      this.multiLineDecorationModel.clearDecorations();
+
+      if (!modificationsResult) {
+        this.renderRewriteWidget(wordChanges, model, range, insertTextString);
+      } else if (modificationsResult && modificationsResult.inlineMods) {
+        this.multiLineDecorationModel.updateLineModificationDecorations(modificationsResult.inlineMods);
+      }
+    } else {
+      this.additionsDeletionsDecorationModel.updateDeletionsDecoration(wordChanges, range, eol);
+      this.renderRewriteWidget(wordChanges, model, range, insertTextString);
+    }
+  }
+
+  public accept(): void {
+    this.multiLineDecorationModel.accept();
+
+    if (this.rewriteWidget) {
+      this.rewriteWidget.accept();
+
+      const virtualEditor = this.rewriteWidget.getVirtualEditor();
+      // 采纳完之后将 virtualEditor 的 decorations 重新映射在 editor 上
+      if (virtualEditor) {
+        const editArea = this.rewriteWidget.getEditArea();
+        const decorations = virtualEditor.getDecorationsInRange(Range.lift(editArea));
+        const preAddedDecorations = decorations?.filter(
+          (decoration) => decoration.options.description === REWRITE_DECORATION_INLINE_ADD,
+        );
+        if (preAddedDecorations) {
+          this.additionsDeletionsDecorationModel.updateAdditionsDecoration(
+            preAddedDecorations.map((decoration) => decoration.range),
+          );
+        }
+      }
+    }
+  }
+
+  public discard(): void {
+    this.hide();
+  }
+
+  public hide(): void {
+    this.multiLineDecorationModel.clearDecorations();
+    this.additionsDeletionsDecorationModel.clearDeletionsDecorations();
+    this.destroyRewriteWidget();
+  }
+}

package/src/browser/layout/layout.module.less

@@ -23,7 +23,7 @@
     .rce-mbox-text {
       line-height: 18px;
       width: inherit;
-      font-size: 14px;
+      font-size: 12px;
     }
 
     .rce-smsg {