@opensumi/ide-ai-native 3.1.2-next-1718960862.0 → 3.1.2

package/src/browser/widget/inline-actions/result-items/index.tsx

@@ -1,40 +0,0 @@
-import React, { useMemo } from 'react';
-
-import { ContentWidgetContainerPanel } from '@opensumi/ide-core-browser/lib/components/ai-native/content-widget/containerPanel';
-import { AIInlineResult } from '@opensumi/ide-core-browser/lib/components/ai-native/index';
-import { localize } from '@opensumi/ide-core-common';
-
-import { EResultKind } from '../../inline-chat/inline-chat.service';
-
-export interface IInlineResultActionProps {
-  onResultClick: (k: EResultKind) => void;
-}
-
-export const InlineResultAction = ({ onResultClick }: IInlineResultActionProps) => {
-  const iconResultItems = useMemo(
-    () => [
-      {
-        icon: 'check',
-        text: localize('aiNative.inline.chat.operate.check.title'),
-        onClick: () => onResultClick(EResultKind.ACCEPT),
-      },
-      {
-        icon: 'discard',
-        text: localize('aiNative.operate.discard.title'),
-        onClick: () => onResultClick(EResultKind.DISCARD),
-      },
-      {
-        icon: 'afresh',
-        text: localize('aiNative.operate.afresh.title'),
-        onClick: () => onResultClick(EResultKind.REGENERATE),
-      },
-    ],
-    [onResultClick],
-  );
-
-  return (
-    <ContentWidgetContainerPanel style={{ transform: 'translateY(4px)' }}>
-      <AIInlineResult iconItems={iconResultItems} />
-    </ContentWidgetContainerPanel>
-  );
-};

package/src/browser/widget/inline-hint/inline-hint-line-widget.tsx

@@ -1,41 +0,0 @@
-import React, { ReactNode } from 'react';
-
-import { Autowired, Injectable } from '@opensumi/di';
-import { KeybindingRegistry } from '@opensumi/ide-core-browser';
-import { AI_INLINE_CHAT_INTERACTIVE_INPUT_VISIBLE } from '@opensumi/ide-core-browser/lib/ai-native/command';
-import { AIInlineHintLineContentWidgetId, formatLocalize } from '@opensumi/ide-core-common';
-import { ReactInlineContentWidget } from '@opensumi/ide-monaco/lib/browser/ai-native/BaseInlineContentWidget';
-import { ContentWidgetPositionPreference } from '@opensumi/ide-monaco/lib/browser/monaco-exports/editor';
-
-import styles from './inline-hint.module.less';
-
-@Injectable({ multiple: true })
-export class InlineHintLineWidget extends ReactInlineContentWidget {
-  positionPreference = [ContentWidgetPositionPreference.EXACT];
-
-  @Autowired(KeybindingRegistry)
-  private readonly keybindingRegistry: KeybindingRegistry;
-
-  override id(): string {
-    return AIInlineHintLineContentWidgetId;
-  }
-
-  private getSequenceKeyString() {
-    const keybindings = this.keybindingRegistry.getKeybindingsForCommand(AI_INLINE_CHAT_INTERACTIVE_INPUT_VISIBLE.id);
-    const resolved = keybindings[0]?.resolved;
-    if (!resolved) {
-      return '';
-    }
-    return this.keybindingRegistry.acceleratorForSequence(resolved, '+');
-  }
-
-  override renderView(): ReactNode {
-    return (
-      <div className={styles.hint_line_widget}>
-        <span className={styles.text}>
-          {formatLocalize('aiNative.inline.hint.widget.placeholder', this.getSequenceKeyString())}
-        </span>
-      </div>
-    );
-  }
-}

package/src/browser/widget/inline-hint/inline-hint.handler.ts

@@ -1,127 +0,0 @@
-import { Autowired, INJECTOR_TOKEN, Injectable, Injector } from '@opensumi/di';
-import { KeybindingRegistry, KeybindingScope } from '@opensumi/ide-core-browser';
-import { AI_INLINE_CHAT_INTERACTIVE_INPUT_VISIBLE } from '@opensumi/ide-core-browser/lib/ai-native/command';
-import { InlineHintWidgetIsVisible } from '@opensumi/ide-core-browser/lib/contextkey/ai-native';
-import { Disposable, IDisposable } from '@opensumi/ide-core-common';
-import { IEditor } from '@opensumi/ide-editor/lib/browser';
-import * as monaco from '@opensumi/ide-monaco';
-import { Position } from '@opensumi/ide-monaco';
-import { empty } from '@opensumi/ide-utils/lib/strings';
-
-import { AINativeContextKey } from '../../contextkey/ai-native.contextkey.service';
-import { AICompletionsService } from '../../contrib/inline-completions/service/ai-completions.service';
-import { InlineInputPreviewDecorationID } from '../internal.type';
-
-import { InlineHintLineWidget } from './inline-hint-line-widget';
-
-@Injectable()
-export class InlineHintHandler extends Disposable {
-  @Autowired(INJECTOR_TOKEN)
-  private readonly injector: Injector;
-
-  @Autowired(AICompletionsService)
-  private readonly inlineCompletionsService: AICompletionsService;
-
-  @Autowired(KeybindingRegistry)
-  private readonly keybindingRegistry: KeybindingRegistry;
-
-  private aiNativeContextKey: AINativeContextKey;
-
-  public registerHintLineFeature(editor: IEditor): IDisposable {
-    const { monacoEditor } = editor;
-    const hintDisposable = new Disposable();
-    this.aiNativeContextKey = this.injector.get(AINativeContextKey, [editor.monacoEditor.contextKeyService]);
-
-    let currentVisiblePosition: Position | undefined;
-
-    const hideHint = () => {
-      hintDisposable.dispose();
-    };
-
-    const showHint = (position: monaco.Position) => {
-      const model = monacoEditor.getModel();
-      if (!model) {
-        return;
-      }
-
-      if (this.inlineCompletionsService.isVisibleCompletion) {
-        return;
-      }
-
-      const content = model.getLineContent(position.lineNumber);
-      const decorations = model.getLineDecorations(position.lineNumber);
-
-      const isEmpty = content?.trim() === empty;
-      const isEmptySelection = monacoEditor.getSelection()?.isEmpty();
-      const hasPreviewDecoration = decorations.some(
-        (dec) => dec.options.description === InlineInputPreviewDecorationID,
-      );
-
-      if (isEmpty && isEmptySelection && !hasPreviewDecoration) {
-        const inlineHintLineWidget = this.injector.get(InlineHintLineWidget, [monacoEditor]);
-        inlineHintLineWidget.show({ position });
-        currentVisiblePosition = position;
-
-        this.aiNativeContextKey.inlineHintWidgetIsVisible.set(true);
-
-        hintDisposable.addDispose(
-          inlineHintLineWidget.onDispose(() => {
-            currentVisiblePosition = undefined;
-            this.aiNativeContextKey.inlineHintWidgetIsVisible.set(false);
-          }),
-        );
-
-        hintDisposable.addDispose(inlineHintLineWidget);
-      }
-    };
-
-    this.addDispose(
-      monacoEditor.onDidChangeCursorPosition((e: monaco.editor.ICursorPositionChangedEvent) => {
-        hideHint();
-        showHint(e.position);
-      }),
-    );
-
-    this.addDispose(
-      monacoEditor.onDidFocusEditorWidget(() => {
-        const currentPosition = monacoEditor.getPosition();
-
-        if (currentPosition) {
-          hideHint();
-          showHint(currentPosition);
-        }
-      }),
-    );
-
-    this.addDispose(
-      monacoEditor.onDidBlurEditorWidget(() => {
-        hideHint();
-      }),
-    );
-
-    this.addDispose(
-      this.inlineCompletionsService.onVisibleCompletion((v) => {
-        if (v) {
-          hideHint();
-        }
-      }),
-    );
-
-    this.addDispose(hintDisposable);
-
-    this.addDispose(
-      this.keybindingRegistry.registerKeybinding(
-        {
-          command: AI_INLINE_CHAT_INTERACTIVE_INPUT_VISIBLE.id,
-          keybinding: 'ctrlcmd+k',
-          args: () => currentVisiblePosition,
-          priority: 0,
-          when: `editorTextFocus && ${InlineHintWidgetIsVisible.raw}`,
-        },
-        KeybindingScope.USER,
-      ),
-    );
-
-    return this;
-  }
-}

package/src/browser/widget/inline-hint/inline-hint.module.less

@@ -1,15 +0,0 @@
-.hint_line_widget {
-  width: max-content;
-  height: 100%;
-  padding-left: 12px;
-  user-select: none;
-  pointer-events: none;
-  position: absolute;
-
-  .text {
-    color: var(--input-placeholderForeground) !important;
-    opacity: 0.5;
-    user-select: none;
-    pointer-events: none;
-  }
-}

package/src/browser/widget/inline-input/inline-input-widget.tsx

@@ -1,122 +0,0 @@
-import React, { ReactNode, useCallback, useEffect, useMemo, useState } from 'react';
-
-import { Autowired, Injectable } from '@opensumi/di';
-import { AIAction, InteractiveInput } from '@opensumi/ide-core-browser/lib/components/ai-native/index';
-import { AIInlineInputChatContentWidgetId, Disposable, Event, localize } from '@opensumi/ide-core-common';
-import { ContentWidgetPositionPreference } from '@opensumi/ide-monaco/lib/browser/monaco-exports/editor';
-
-import { InlineResultAction } from '../inline-actions/result-items/index';
-import { EInlineChatStatus, EResultKind } from '../inline-chat/inline-chat.service';
-import { AIInlineContentWidget } from '../inline-chat/inline-content-widget';
-
-import styles from './inline-input.module.less';
-import { InlineInputChatService } from './inline-input.service';
-
-interface IInlineInputWidgetRenderProps {
-  onLayoutChange: (height: number) => void;
-  onClose?: () => void;
-  onInteractiveInputSend?: (value: string) => void;
-  onChatStatus: Event<EInlineChatStatus>;
-  onResultClick: (k: EResultKind) => void;
-}
-
-const InlineInputWidgetRender = (props: IInlineInputWidgetRenderProps) => {
-  const { onClose, onInteractiveInputSend, onLayoutChange, onChatStatus, onResultClick } = props;
-  const [status, setStatus] = useState<EInlineChatStatus>(EInlineChatStatus.READY);
-  const [inputValue, setInputValue] = useState<string>('');
-
-  useEffect(() => {
-    const dis = new Disposable();
-    dis.addDispose(onChatStatus((s) => setStatus(s)));
-
-    return () => {
-      dis.dispose();
-    };
-  }, [onChatStatus]);
-
-  const isLoading = useMemo(() => status === EInlineChatStatus.THINKING, [status]);
-  const isDone = useMemo(() => status === EInlineChatStatus.DONE, [status]);
-  const isError = useMemo(() => status === EInlineChatStatus.ERROR, [status]);
-
-  const handleClose = useCallback(() => {
-    onClose?.();
-  }, [onClose]);
-
-  const handleInteractiveInputSend = useCallback(
-    (value: string) => {
-      onInteractiveInputSend?.(value);
-    },
-    [onInteractiveInputSend],
-  );
-
-  const handleValueChange = useCallback((value) => {
-    setInputValue(value);
-  }, []);
-
-  if (isError) {
-    return null;
-  }
-
-  if (isDone) {
-    return <InlineResultAction onResultClick={onResultClick} />;
-  }
-
-  return (
-    <AIAction
-      loadingShowOperation
-      onClose={handleClose}
-      loading={isLoading}
-      customOperationRender={
-        <InteractiveInput
-          autoFocus
-          onHeightChange={(height) => onLayoutChange(height)}
-          size='small'
-          placeholder={localize('aiNative.inline.chat.input.placeholder.default')}
-          width={320}
-          value={inputValue}
-          onValueChange={handleValueChange}
-          disabled={isLoading}
-          onSend={handleInteractiveInputSend}
-        />
-      }
-    />
-  );
-};
-
-@Injectable({ multiple: true })
-export class InlineInputChatWidget extends AIInlineContentWidget {
-  @Autowired(InlineInputChatService)
-  private inlineInputChatService: InlineInputChatService;
-
-  positionPreference = [ContentWidgetPositionPreference.ABOVE];
-
-  override dispose(): void {
-    super.dispose();
-    this.inlineInputChatService.hide();
-  }
-
-  override id(): string {
-    return AIInlineInputChatContentWidgetId;
-  }
-
-  override renderView(): ReactNode {
-    return (
-      <div className={styles.input_wrapper}>
-        <InlineInputWidgetRender
-          onClose={() => this.dispose()}
-          onChatStatus={this.onStatusChange.bind(this)}
-          onLayoutChange={() => {
-            this.editor.layoutContentWidget(this);
-          }}
-          onInteractiveInputSend={(value) => {
-            this.launchChatStatus(EInlineChatStatus.THINKING);
-            this._onInteractiveInputValue.fire(value);
-          }}
-          onResultClick={(k: EResultKind) => {
-            this._onResultClick.fire(k);
-          }}
-        />
-      </div>
-    );
-  }
-}

package/src/browser/widget/inline-input/inline-input.handler.ts

@@ -1,276 +0,0 @@
-import { Autowired, INJECTOR_TOKEN, Injectable, Injector } from '@opensumi/di';
-import {
-  CancelResponse,
-  CancellationTokenSource,
-  Disposable,
-  Event,
-  IDisposable,
-  InlineChatFeatureRegistryToken,
-  ReplyResponse,
-} from '@opensumi/ide-core-common';
-import { IEditor } from '@opensumi/ide-editor/lib/browser';
-import * as monaco from '@opensumi/ide-monaco';
-import { ICodeEditor } from '@opensumi/ide-monaco';
-import { empty } from '@opensumi/ide-utils/lib/strings';
-import { EditOperation } from '@opensumi/monaco-editor-core/esm/vs/editor/common/core/editOperation';
-import { LineRange } from '@opensumi/monaco-editor-core/esm/vs/editor/common/core/lineRange';
-
-import { AINativeContextKey } from '../../contextkey/ai-native.contextkey.service';
-import { AICompletionsService } from '../../contrib/inline-completions/service/ai-completions.service';
-import { ERunStrategy } from '../../types';
-import { InlineChatController } from '../inline-chat/inline-chat-controller';
-import { InlineChatFeatureRegistry } from '../inline-chat/inline-chat.feature.registry';
-import { EInlineChatStatus, EResultKind } from '../inline-chat/inline-chat.service';
-import { InlineInputPreviewDecorationID } from '../internal.type';
-
-import { InlineInputChatWidget } from './inline-input-widget';
-import styles from './inline-input.module.less';
-import { InlineInputChatService } from './inline-input.service';
-
-@Injectable()
-export class InlineInputHandler extends Disposable {
-  @Autowired(INJECTOR_TOKEN)
-  private readonly injector: Injector;
-
-  @Autowired(AICompletionsService)
-  private readonly inlineCompletionsService: AICompletionsService;
-
-  @Autowired(InlineInputChatService)
-  private readonly inlineInputChatService: InlineInputChatService;
-
-  @Autowired(InlineChatFeatureRegistryToken)
-  private readonly inlineChatFeatureRegistry: InlineChatFeatureRegistry;
-
-  private aiNativeContextKey: AINativeContextKey;
-  private cancelIndicator = new CancellationTokenSource();
-
-  private cancelToken() {
-    this.cancelIndicator.cancel();
-    this.cancelIndicator = new CancellationTokenSource();
-  }
-
-  private async doRequestReadable(
-    value: string,
-    widget: InlineInputChatWidget,
-    monacoEditor: ICodeEditor,
-    inputDisposable: Disposable,
-    decoration: monaco.editor.IEditorDecorationsCollection,
-    hideInput: () => void,
-  ): Promise<void> {
-    const handler = this.inlineChatFeatureRegistry.getInteractiveInputHandler();
-    const model = monacoEditor.getModel();
-
-    if (!handler || !model) {
-      return;
-    }
-
-    widget.launchChatStatus(EInlineChatStatus.THINKING);
-
-    const strategy = await this.inlineChatFeatureRegistry.getInteractiveInputStrategyHandler()(monacoEditor, value);
-
-    if (strategy === ERunStrategy.EXECUTE && handler.execute) {
-      handler.execute(monacoEditor, value, this.cancelIndicator.token);
-      widget.launchChatStatus(EInlineChatStatus.DONE);
-      hideInput();
-      return;
-    }
-
-    if (strategy === ERunStrategy.PREVIEW && handler.providerPreviewStrategy) {
-      const previewResponse = await handler.providerPreviewStrategy(monacoEditor, value, this.cancelIndicator.token);
-
-      if (CancelResponse.is(previewResponse)) {
-        widget.launchChatStatus(EInlineChatStatus.READY);
-        hideInput();
-        return;
-      }
-
-      if (InlineChatController.is(previewResponse)) {
-        const controller = previewResponse as InlineChatController;
-
-        controller.deffered.resolve();
-
-        inputDisposable.addDispose([
-          controller.onData(async (data) => {
-            if (!ReplyResponse.is(data)) {
-              return;
-            }
-
-            const { message } = data;
-
-            model.pushEditOperations(
-              null,
-              [
-                // 直接用 EditOperation.insert 会有问题
-                {
-                  range: monaco.Range.fromPositions(decoration.getRange(0)!.getEndPosition()),
-                  text: message,
-                },
-              ],
-              () => null,
-            );
-          }),
-          controller.onError((error) => {
-            widget.launchChatStatus(EInlineChatStatus.ERROR);
-          }),
-          controller.onAbort(() => {
-            widget.launchChatStatus(EInlineChatStatus.READY);
-          }),
-          controller.onEnd(() => {
-            widget.launchChatStatus(EInlineChatStatus.DONE);
-          }),
-        ]);
-      }
-    }
-  }
-
-  public registerInlineInputFeature(editor: IEditor): IDisposable {
-    const { monacoEditor } = editor;
-    const inputDisposable = new Disposable();
-    this.aiNativeContextKey = this.injector.get(AINativeContextKey, [editor.monacoEditor.contextKeyService]);
-
-    const hideInput = () => {
-      inputDisposable.dispose();
-    };
-
-    this.addDispose(
-      this.inlineInputChatService.onInteractiveInputVisibleInPosition((position) => {
-        hideInput();
-
-        if (position) {
-          showInput(position);
-        }
-      }),
-    );
-
-    const showInput = (position: monaco.Position) => {
-      const model = monacoEditor.getModel();
-      if (!model) {
-        return;
-      }
-
-      if (this.inlineCompletionsService.isVisibleCompletion) {
-        return;
-      }
-
-      const content = model.getLineContent(position.lineNumber);
-      const isEmpty = content?.trim() === empty;
-      const isEmptySelection = monacoEditor.getSelection()?.isEmpty();
-
-      if (isEmpty && isEmptySelection) {
-        const inlineInputChatWidget = this.injector.get(InlineInputChatWidget, [monacoEditor]);
-
-        const collection = monacoEditor.createDecorationsCollection();
-        collection.append([
-          {
-            range: monaco.Range.fromPositions(position),
-            options: {
-              description: InlineInputPreviewDecorationID,
-              isWholeLine: true,
-              className: styles.input_decoration_readable_container,
-              inlineClassName: styles.inline_chat_inserted_range,
-            },
-          },
-        ]);
-
-        const decorationRange = collection.getRange(0)!;
-        let preLineRange: LineRange = LineRange.fromRange(decorationRange);
-
-        inlineInputChatWidget.show({ position: decorationRange.getStartPosition() });
-
-        this.aiNativeContextKey.inlineInputWidgetIsVisible.set(true);
-
-        inputDisposable.addDispose(
-          inlineInputChatWidget.onDispose(() => {
-            this.cancelToken();
-            collection.clear();
-            this.aiNativeContextKey.inlineInputWidgetIsVisible.set(false);
-          }),
-        );
-
-        inputDisposable.addDispose(
-          inlineInputChatWidget.onResultClick(async (kind: EResultKind) => {
-            const clear = () => {
-              const curPosi = collection.getRange(0)!;
-
-              model.pushStackElement();
-              model.pushEditOperations(null, [EditOperation.delete(curPosi)], () => null);
-              model.pushStackElement();
-            };
-
-            switch (kind) {
-              case EResultKind.ACCEPT:
-                hideInput();
-                break;
-              case EResultKind.DISCARD:
-                clear();
-                hideInput();
-                break;
-              case EResultKind.REGENERATE:
-                clear();
-                await this.doRequestReadable(
-                  inlineInputChatWidget.interactiveInputValue,
-                  inlineInputChatWidget,
-                  monacoEditor,
-                  inputDisposable,
-                  collection,
-                  hideInput,
-                );
-                break;
-
-              default:
-                break;
-            }
-          }),
-        );
-
-        inputDisposable.addDispose(
-          Event.debounce(
-            collection.onDidChange.bind(collection),
-            () => {},
-            16 * 3,
-          )(() => {
-            if (!collection.getRange(0)) {
-              return;
-            }
-
-            const range = collection.getRange(0)!;
-            const curLineRange = LineRange.fromRange(range);
-            if (!preLineRange.equals(curLineRange)) {
-              inlineInputChatWidget.setOptions({
-                position: range.getStartPosition(),
-              });
-
-              inlineInputChatWidget.layoutContentWidget();
-            }
-            preLineRange = curLineRange;
-          }),
-        );
-
-        inputDisposable.addDispose(
-          inlineInputChatWidget.onInteractiveInputValue(async (value) => {
-            await this.doRequestReadable(
-              value,
-              inlineInputChatWidget,
-              monacoEditor,
-              inputDisposable,
-              collection,
-              hideInput,
-            );
-          }),
-        );
-
-        inputDisposable.addDispose(inlineInputChatWidget);
-      }
-    };
-
-    this.addDispose(inputDisposable);
-
-    this.addDispose(
-      monacoEditor.onWillChangeModel(() => {
-        hideInput();
-      }),
-    );
-
-    return this;
-  }
-}

package/src/browser/widget/inline-input/inline-input.module.less

@@ -1,7 +0,0 @@
-.input_decoration_readable_container {
-  background-color: var(--vscode-diffEditor-insertedLineBackground, var(--vscode-diffEditor-insertedTextBackground));
-}
-
-.input_wrapper {
-  transform: translateY(-4px);
-}

package/src/browser/widget/inline-input/inline-input.service.ts

@@ -1,25 +0,0 @@
-import { Injectable } from '@opensumi/di';
-import { Emitter, Event } from '@opensumi/ide-core-common';
-import { Position } from '@opensumi/ide-monaco';
-
-@Injectable()
-export class InlineInputChatService {
-  private _interactiveInputVisible: boolean = false;
-  public get interactiveInputVisible(): boolean {
-    return this._interactiveInputVisible;
-  }
-
-  private readonly _onInteractiveInputVisibleInPosition = new Emitter<Position | undefined>();
-  public readonly onInteractiveInputVisibleInPosition: Event<Position | undefined> =
-    this._onInteractiveInputVisibleInPosition.event;
-
-  public visibleInPosition(position: Position): void {
-    this._interactiveInputVisible = true;
-    this._onInteractiveInputVisibleInPosition.fire(position);
-  }
-
-  public hide(): void {
-    this._interactiveInputVisible = false;
-    this._onInteractiveInputVisibleInPosition.fire(undefined);
-  }
-}

package/src/browser/widget/internal.type.ts

@@ -1,4 +0,0 @@
-/**
- * @internal
- */
-export const InlineInputPreviewDecorationID = 'InlineInputPreviewDecorationID';