@opensumi/ide-ai-native 2.26.9-next-1695201123.0

package/lib/browser/code-widget/ai-code-widget.js

@@ -0,0 +1,164 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AiCodeWidget = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const react_dom_1 = tslib_1.__importDefault(require("react-dom"));
+const di_1 = require("@opensumi/di");
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const ide_core_browser_2 = require("@opensumi/ide-core-browser");
+const ide_editor_1 = require("@opensumi/ide-editor");
+const ide_editor_2 = require("@opensumi/ide-editor");
+const index_1 = require("@opensumi/ide-editor/lib/browser/index");
+const monaco_api_1 = require("@opensumi/ide-monaco/lib/browser/monaco-api");
+const zoneWidget_1 = require("@opensumi/monaco-editor-core/esm/vs/editor/contrib/zoneWidget/browser/zoneWidget");
+const diffEditorOptions = {
+    scrollBeyondLastLine: false,
+    scrollbar: {
+        verticalScrollbarSize: 14,
+        horizontal: 'auto',
+        useShadows: true,
+        verticalHasArrows: false,
+        horizontalHasArrows: false,
+        alwaysConsumeMouseWheel: false,
+    },
+    fixedOverflowWidgets: true,
+    readOnly: true,
+    minimap: {
+        enabled: false,
+    },
+    enableSplitViewResizing: true,
+    renderOverviewRuler: true,
+    ignoreTrimWhitespace: false,
+    renderSideBySide: true,
+    lineNumbers: 'on',
+    glyphMargin: false,
+};
+const CodeContentProvider = react_1.default.memo(((props) => {
+    const { dto, onMaxLincCount } = props;
+    const documentModelService = (0, ide_core_browser_1.useInjectable)(index_1.IEditorDocumentModelService);
+    const editorCollectionService = (0, ide_core_browser_1.useInjectable)(ide_editor_1.EditorCollectionService);
+    const editorRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (!dto) {
+            return;
+        }
+        let codeEditor;
+        const random = Math.random() * 10;
+        const originUri = ide_core_browser_1.URI.parse(`AI://origin${random}`);
+        Promise.all([
+            documentModelService.createModelReference(originUri),
+        ]).then((data) => {
+            const [original] = data;
+            if (!original) {
+                return;
+            }
+            const { answerValue } = dto;
+            codeEditor = editorCollectionService.createCodeEditor(editorRef.current, Object.assign(Object.assign({}, (0, ide_editor_2.getSimpleEditorOptions)()), diffEditorOptions));
+            const originalModel = original.instance.getMonacoModel();
+            originalModel.setMode('java');
+            originalModel.setValue(answerValue);
+            codeEditor.monacoEditor.setModel(originalModel);
+            codeEditor.monacoEditor.updateOptions({ readOnly: true });
+            if (onMaxLincCount) {
+                const { monacoEditor } = codeEditor;
+                const contentHeight = monacoEditor.getContentHeight();
+                const lineCount = contentHeight / monacoEditor.getOption(monaco_api_1.monaco.editor.EditorOption.lineHeight);
+                onMaxLincCount(lineCount);
+            }
+        });
+        return () => {
+            if (codeEditor) {
+                codeEditor.dispose();
+            }
+        };
+    }, [dto]);
+    return react_1.default.createElement("div", { ref: editorRef, style: { height: 'inherit', width: '100%', border: '1px solid #6666' } });
+}));
+const styles = {
+    height: '100%',
+    display: 'flex',
+    alignItems: 'center',
+    flexDirection: 'column',
+    backgroundColor: 'rgba(38, 79, 120, 0.25)',
+};
+let AiCodeWidget = class AiCodeWidget extends zoneWidget_1.ZoneWidget {
+    applyClass() { }
+    applyStyle() { }
+    _fillContainer(container) {
+        this.setCssClass('ai_code-widget');
+        react_dom_1.default.render(react_1.default.createElement(ide_core_browser_2.ConfigProvider, { value: this.configContext },
+            react_1.default.createElement("div", { style: styles },
+                this.headUri &&
+                    react_1.default.createElement("div", { className: 'ai_code_head', style: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            width: '100%',
+                            whiteSpace: 'nowrap',
+                            padding: '3px 16px',
+                        } },
+                        react_1.default.createElement("span", { style: {
+                                color: 'white',
+                                marginRight: '10px',
+                            } }, this.headUri.displayName),
+                        react_1.default.createElement("span", null, this.headUri.codeUri.fsPath.replace(this.configContext.workspaceDir, ''))),
+                react_1.default.createElement(CodeContentProvider, { dto: { answerValue: this.answerValue }, onMaxLincCount: (n) => {
+                        if (n) {
+                            this._relayout(n);
+                        }
+                    } }))), container);
+    }
+    constructor(editor, answerValue, headUri) {
+        // @ts-ignore
+        super(editor, {
+            showArrow: false,
+            showFrame: false,
+            arrowColor: undefined,
+            frameColor: undefined,
+            // 这里有个小坑，如果不开启这个配置，那么在调用 show 函数的时候会自动对焦并滚动到对应 range，导致在编辑 result 视图中代码时光标总是滚动在最后一个 widget 上
+            keepEditorSelection: true,
+        });
+        this.answerValue = answerValue;
+        this.headUri = ide_core_browser_1.URI.parse(headUri);
+    }
+    // 覆写 revealLine 函数，使其在 show 的时候编辑器不会定位到对应位置
+    revealLine(lineNumber, isLastLine) {
+        // not implement
+    }
+    getRecordLine() {
+        return this.recordLine;
+    }
+    setContainerStyle(style) {
+        var _a;
+        const keys = Object.keys(style);
+        for (const key of keys) {
+            if (Object.prototype.hasOwnProperty.call((_a = this.container) === null || _a === void 0 ? void 0 : _a.style, key)) {
+                this.container.style[key] = style[key];
+            }
+        }
+    }
+    addClassName(type) {
+        this.setCssClass(type);
+        return this;
+    }
+    showByLine(line, lineNumber = 20) {
+        this.recordLine = line;
+        super.hide();
+        super.show({
+            startLineNumber: line,
+            startColumn: 0,
+            endLineNumber: line,
+            endColumn: Number.MAX_SAFE_INTEGER,
+        }, lineNumber);
+    }
+};
+tslib_1.__decorate([
+    (0, di_1.Autowired)(ide_core_browser_1.AppConfig),
+    tslib_1.__metadata("design:type", Object)
+], AiCodeWidget.prototype, "configContext", void 0);
+AiCodeWidget = tslib_1.__decorate([
+    (0, di_1.Injectable)({ multiple: true }),
+    tslib_1.__metadata("design:paramtypes", [Object, String, String])
+], AiCodeWidget);
+exports.AiCodeWidget = AiCodeWidget;
+//# sourceMappingURL=ai-code-widget.js.map

package/lib/browser/code-widget/ai-code-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-code-widget.js","sourceRoot":"","sources":["../../../src/browser/code-widget/ai-code-widget.tsx"],"names":[],"mappings":"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"}

package/lib/browser/components/AIImprove.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const AIImprove: (props: {
+    onClick?: ((title: string) => void) | undefined;
+    lists?: {
+        title: string;
+        iconClass: string;
+    }[] | undefined;
+}) => React.JSX.Element;
+//# sourceMappingURL=AIImprove.d.ts.map

package/lib/browser/components/AIImprove.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIImprove.d.ts","sourceRoot":"","sources":["../../../src/browser/components/AIImprove.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAKpD,eAAO,MAAM,SAAS;uBAA+B,MAAM,KAAK,IAAI;;eAAmB,MAAM;mBAAa,MAAM;;uBAuC/G,CAAC"}

package/lib/browser/components/AIImprove.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AIImprove = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const index_1 = require("@opensumi/ide-core-browser/lib/components/index");
+const AIImprove = (props) => {
+    const { onClick, lists } = props;
+    const handleClick = (0, react_1.useCallback)((title) => {
+        if (onClick) {
+            onClick(title);
+        }
+    }, [onClick]);
+    const useLists = (0, react_1.useMemo)(() => {
+        if (lists && lists.length > 0) {
+            return lists;
+        }
+        return [
+            { title: '采纳', iconClass: (0, ide_core_browser_1.getExternalIcon)('git-pull-request') },
+            { title: '|', iconClass: '' },
+            { title: '丢弃', iconClass: (0, ide_core_browser_1.getExternalIcon)('clear-all') },
+            { title: '|', iconClass: '' },
+            { title: '优化', iconClass: (0, ide_core_browser_1.getExternalIcon)('wand') },
+            { title: '|', iconClass: '' },
+            { title: '更多指令', iconClass: (0, ide_core_browser_1.getIcon)('more') },
+        ];
+    }, [lists]);
+    return (react_1.default.createElement("ul", { style: { display: 'flex', alignItems: 'center', paddingLeft: '0', margin: '6px 0 6px 0' } }, useLists.map(({ title, iconClass }) => (react_1.default.createElement("li", { style: { marginRight: '6px', display: 'flex', alignItems: 'center', cursor: 'pointer' } },
+        iconClass && react_1.default.createElement(index_1.Icon, { className: iconClass, style: { marginRight: '6px' } }),
+        react_1.default.createElement("span", { onClick: () => handleClick(title) }, title))))));
+};
+exports.AIImprove = AIImprove;
+//# sourceMappingURL=AIImprove.js.map

package/lib/browser/components/AIImprove.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIImprove.js","sourceRoot":"","sources":["../../../src/browser/components/AIImprove.tsx"],"names":[],"mappings":";;;;AAAA,uDAAoD;AAEpD,iEAAsE;AACtE,2EAAuE;AAEhE,MAAM,SAAS,GAAG,CAAC,KAA4F,EAAE,EAAE;IACxH,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAEjC,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,KAAK,EAAE,EAAE;QACR,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,KAAK,CAAC,CAAC;SAChB;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC5B,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAC7B,OAAO,KAAK,CAAC;SACd;QACD,OAAO;YACL,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,IAAA,kCAAe,EAAC,kBAAkB,CAAC,EAAE;YAC/D,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,EAAC;YAC5B,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAG,IAAA,kCAAe,EAAC,WAAW,CAAC,EAAC;YACxD,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,EAAC;YAC5B,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,IAAA,kCAAe,EAAC,MAAM,CAAC,EAAC;YAClD,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,EAAC;YAC5B,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,IAAA,0BAAO,EAAC,MAAM,CAAC,EAAC;SAC7C,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,sCAAI,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,IAC1F,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACtC,sCAAI,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE;QACxF,SAAS,IAAI,8BAAC,YAAI,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAC,WAAW,EAAE,KAAK,EAAC,GAAS;QAC9E,wCAAM,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,IACpC,KAAK,CACD,CACJ,CACN,CAAC,CACC,CACN,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,SAAS,aAuCpB"}

package/lib/browser/components/AIInput.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const AiInput: ({ onValueChange }: {
+    onValueChange: any;
+}) => React.JSX.Element;
+//# sourceMappingURL=AIInput.d.ts.map

package/lib/browser/components/AIInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIInput.d.ts","sourceRoot":"","sources":["../../../src/browser/components/AIInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAOrD,eAAO,MAAM,OAAO;;uBAsBnB,CAAC"}

package/lib/browser/components/AIInput.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AiInput = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const index_1 = require("@opensumi/ide-core-browser/lib/components/index");
+const styles = tslib_1.__importStar(require("./components.module.less"));
+const AiInput = ({ onValueChange }) => {
+    const [value, setValue] = (0, react_1.useState)();
+    const handleChange = (newValue) => {
+        setValue(newValue);
+    };
+    const emitterValueChange = (0, react_1.useCallback)(() => {
+        if (onValueChange) {
+            onValueChange(value);
+        }
+    }, [value]);
+    return (react_1.default.createElement(index_1.Input, { className: styles.ai_native_input_container, placeholder: '可以问我任何问题，或键入主题 "/"', value: value, onValueChange: handleChange, addonAfter: react_1.default.createElement(index_1.Icon, { className: (0, ide_core_browser_1.getIcon)('right'), onClick: () => emitterValueChange() }) }));
+};
+exports.AiInput = AiInput;
+//# sourceMappingURL=AIInput.js.map

package/lib/browser/components/AIInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIInput.js","sourceRoot":"","sources":["../../../src/browser/components/AIInput.tsx"],"names":[],"mappings":";;;;AAAA,uDAAqD;AAErD,iEAAqD;AACrD,2EAA8E;AAE9E,yEAAmD;AAE5C,MAAM,OAAO,GAAG,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE;IAC3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAC;IAE7C,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,EAAE;QACxC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC1C,IAAI,aAAa,EAAE;YACjB,aAAa,CAAC,KAAK,CAAC,CAAC;SACtB;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,8BAAC,aAAK,IACJ,SAAS,EAAE,MAAM,CAAC,yBAAyB,EAC3C,WAAW,EAAE,oBAAoB,EACjC,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,YAAY,EAC3B,UAAU,EAAE,8BAAC,YAAI,IAAC,SAAS,EAAE,IAAA,0BAAO,EAAC,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,EAAE,GAAI,GACtF,CACH,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,OAAO,WAsBlB"}

package/lib/browser/components/ChatEditor.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const CodeBlockWrapper: ({ text }: {
+    text: string;
+}) => React.JSX.Element;
+//# sourceMappingURL=ChatEditor.d.ts.map

package/lib/browser/components/ChatEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatEditor.d.ts","sourceRoot":"","sources":["../../../src/browser/components/ChatEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAqFvC,eAAO,MAAM,gBAAgB;UAAsB,MAAM;uBA2CxD,CAAC"}

package/lib/browser/components/ChatEditor.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CodeBlockWrapper = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const components_1 = require("@opensumi/ide-core-browser/lib/components");
+const ide_editor_1 = require("@opensumi/ide-editor");
+const ide_editor_2 = require("@opensumi/ide-editor");
+const index_1 = require("@opensumi/ide-editor/lib/browser/index");
+const textmate_service_1 = require("@opensumi/ide-editor/lib/browser/monaco-contrib/tokenizer/textmate.service");
+const styles = tslib_1.__importStar(require("./components.module.less"));
+const ChatEditor = ({ input, language }) => {
+    const ref = react_1.default.useRef(null);
+    const editorCollectionService = (0, ide_core_browser_1.useInjectable)(ide_editor_2.EditorCollectionService);
+    const documentService = (0, ide_core_browser_1.useInjectable)(index_1.IEditorDocumentModelService);
+    const textmateTokenizer = (0, ide_core_browser_1.useInjectable)(textmate_service_1.TextmateService);
+    const useUUID = (0, react_1.useMemo)(() => (0, ide_core_browser_1.uuid)(12), [ref, ref.current]);
+    const createEditor = async (container) => {
+        var _a;
+        const codeEditor = await editorCollectionService.createCodeEditor(container, Object.assign(Object.assign({}, (0, ide_editor_1.getSimpleEditorOptions)()), { readOnly: true, lineNumbers: 'off', selectOnLineNumbers: true, scrollBeyondLastLine: false, lineDecorationsWidth: 8, dragAndDrop: false, padding: { top: 8, bottom: 8 }, mouseWheelZoom: false, scrollbar: {
+                alwaysConsumeMouseWheel: false,
+            }, wordWrap: 'off', ariaLabel: 'Code block', automaticLayout: true }));
+        const docModel = await documentService.createModelReference(new ide_core_browser_1.URI(`ai/chat/editor/${useUUID}`).withScheme(ide_core_browser_1.Schemes.walkThroughSnippet));
+        const model = docModel.instance.getMonacoModel();
+        model.updateOptions({ tabSize: 2 });
+        codeEditor.monacoEditor.setModel(model);
+        (_a = codeEditor.monacoEditor.getModel()) === null || _a === void 0 ? void 0 : _a.setMode(language);
+        return codeEditor;
+    };
+    react_1.default.useEffect(() => {
+        if (ref && ref.current) {
+            textmateTokenizer.activateLanguage(language).then(async () => {
+                const codeEditor = await createEditor(ref.current);
+                if (codeEditor) {
+                    codeEditor.monacoEditor.setValue(input);
+                    requestAnimationFrame(() => {
+                        ref.current.style.height = codeEditor.monacoEditor.getContentHeight() + 2 + 'px';
+                    });
+                }
+            });
+        }
+    }, [ref.current]);
+    return (react_1.default.createElement("div", { className: styles.monaco_wrapper },
+        react_1.default.createElement("div", { className: styles.action_toolbar },
+            react_1.default.createElement(components_1.Popover, { id: `ai-chat-inser-${useUUID}`, title: '\u63D2\u5165\u4EE3\u7801' },
+                react_1.default.createElement(components_1.Icon, { className: (0, ide_core_browser_1.getIcon)('openfile') })),
+            react_1.default.createElement(components_1.Popover, { id: `ai-chat-copy-${useUUID}`, title: '\u590D\u5236\u4EE3\u7801' },
+                react_1.default.createElement(components_1.Icon, { className: (0, ide_core_browser_1.getIcon)('file-copy') }))),
+        react_1.default.createElement("div", { ref: ref, className: styles.editor })));
+};
+const CodeBlockWrapper = ({ text }) => {
+    const renderText = (content) => {
+        const regexInlineCode = /`([^`]+)`/g;
+        const regexBlockCode = /```([^`]+)```/g;
+        return content.split(regexBlockCode).map((block, index) => {
+            if (index % 2 === 0) {
+                // 文本内容
+                return block.split(regexInlineCode).map((inline, index) => {
+                    if (index % 2 === 0) {
+                        // 非代码内容
+                        return inline;
+                    }
+                    else {
+                        // 用 <span> 包裹代码行
+                        return (react_1.default.createElement("span", { className: styles.code_inline, key: index }, inline));
+                    }
+                });
+            }
+            else {
+                // 通常第一个换行前的字符就是 language，比如 ```typescript
+                const language = block.split('\n')[0] || 'plaintext';
+                // 并去掉第一个 \n 前面的字符
+                block = block.replace(/.*?\n/, '');
+                block = block.trim();
+                return (react_1.default.createElement("div", { className: styles.code_block },
+                    react_1.default.createElement(ChatEditor, { input: block, language: language })));
+            }
+        });
+    };
+    return (react_1.default.createElement("div", { className: styles.ai_chat_code_wrapper },
+        react_1.default.createElement("div", { className: styles.render_text }, renderText(text))));
+};
+exports.CodeBlockWrapper = CodeBlockWrapper;
+//# sourceMappingURL=ChatEditor.js.map

package/lib/browser/components/ChatEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatEditor.js","sourceRoot":"","sources":["../../../src/browser/components/ChatEditor.tsx"],"names":[],"mappings":"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"}

package/lib/browser/components/ChatInput.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface IChatInputProps {
+    onSend: (value: string) => void;
+}
+export declare const ChatInput: ({ onSend }: IChatInputProps) => React.JSX.Element;
+//# sourceMappingURL=ChatInput.d.ts.map

package/lib/browser/components/ChatInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../src/browser/components/ChatInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4D,MAAM,OAAO,CAAC;AA0FjF,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAGD,eAAO,MAAM,SAAS,eAAgB,eAAe,sBAsGpD,CAAC"}

package/lib/browser/components/ChatInput.js

@@ -0,0 +1,126 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatInput = void 0;
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const react_1 = tslib_1.__importStar(require("react"));
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const components_1 = require("@opensumi/ide-core-browser/lib/components");
+const common_1 = require("../../common");
+const styles = tslib_1.__importStar(require("./components.module.less"));
+const Block = ({ icon, name }) => (react_1.default.createElement("div", { className: styles.block },
+    react_1.default.createElement(components_1.Icon, { className: icon }),
+    name && react_1.default.createElement("span", { className: styles.name }, name)));
+// 指令列表
+const optionsList = [
+    {
+        icon: (0, components_1.getIcon)('search'),
+        name: common_1.InstructionEnum.aiSearchKey,
+    },
+    {
+        icon: (0, ide_core_browser_1.getExternalIcon)('code'),
+        name: common_1.InstructionEnum.aiSearchCodeKey,
+    },
+    {
+        icon: (0, components_1.getIcon)('edit'),
+        name: common_1.InstructionEnum.aiExplainKey,
+    },
+    {
+        icon: (0, components_1.getIcon)('smile'),
+        name: common_1.InstructionEnum.aiSumiKey,
+    },
+];
+// 指令命令激活组件
+const InstructionOptions = ({ onClick, bottom }) => {
+    const [commonlyUsed, setCommonlyUsed] = (0, react_1.useState)([]);
+    const [options, setOptions] = (0, react_1.useState)([]);
+    (0, react_1.useEffect)(() => {
+        setOptions(optionsList);
+        setCommonlyUsed([
+            {
+                icon: (0, components_1.getIcon)('delete'),
+                name: '聊天',
+            },
+        ]);
+    }, []);
+    const handleClick = (0, react_1.useCallback)((name) => {
+        if (onClick) {
+            onClick(name || '');
+        }
+    }, [onClick]);
+    return (react_1.default.createElement("div", { className: styles.instruction_options_container, style: { bottom: bottom + 'px' } },
+        react_1.default.createElement("div", { className: styles.options },
+            react_1.default.createElement("ul", null, options.map(({ icon, name }) => (react_1.default.createElement("li", { key: name, onClick: () => handleClick(name) },
+                react_1.default.createElement(Block, { icon: icon }),
+                react_1.default.createElement("span", null, name)))))),
+        commonlyUsed.length > 0 && (react_1.default.createElement("div", { className: styles.commonly_used },
+            react_1.default.createElement("span", null, "\u5E38\u7528\u6307\u4EE4\uFF1A"),
+            commonlyUsed.map(({ icon, name }, i) => (react_1.default.createElement(Block, { key: i, icon: icon, name: name })))))));
+};
+// 指令命令激活组件
+const ChatInput = ({ onSend }) => {
+    const [value, setValue] = (0, react_1.useState)('');
+    const [isShowOptions, setIsShowOptions] = (0, react_1.useState)(false);
+    const [wrapperHeight, setWrapperHeight] = (0, react_1.useState)(40);
+    const [slashWidget, setSlashWidget] = (0, react_1.useState)('');
+    const inputRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (value.length === 1 && value.startsWith('/')) {
+            setIsShowOptions(true);
+        }
+        else {
+            setIsShowOptions(false);
+        }
+        // 自适应高度
+        if (inputRef && inputRef.current) {
+            inputRef.current.style.height = 0 + 'px';
+            const scrollHeight = inputRef.current.scrollHeight;
+            inputRef.current.style.height = Math.min(scrollHeight, 140) + 'px';
+            setWrapperHeight(scrollHeight + 20);
+        }
+        // 设置 slash widget 块
+        const regex = /\/(\w+)\s/;
+        const match = value.match(regex);
+        if (match) {
+            const keyword = match[0];
+            if (optionsList.find(({ name }) => name === keyword)) {
+                setSlashWidget(keyword);
+            }
+        }
+        else {
+            setSlashWidget('');
+        }
+    }, [inputRef, value]);
+    const handleInputChange = (0, react_1.useCallback)((value) => setValue(value), []);
+    const handleSend = (0, react_1.useCallback)(() => {
+        if (onSend) {
+            onSend(value);
+            setValue('');
+        }
+    }, [onSend, value]);
+    const acquireOptionsCheck = (0, react_1.useCallback)((value) => {
+        if (value) {
+            setValue(value);
+            setIsShowOptions(false);
+            if (inputRef && inputRef.current) {
+                inputRef.current.focus();
+            }
+        }
+    }, [inputRef]);
+    const optionsBottomPosition = (0, react_1.useMemo)(() => Math.min(181, Math.max(61, 21 + wrapperHeight)), [wrapperHeight]);
+    const handleKeyDown = (event) => {
+        if (event.key === 'Enter' && !event.nativeEvent.isComposing) {
+            if (!event.shiftKey) {
+                event.preventDefault();
+                handleSend();
+            }
+        }
+    };
+    return (react_1.default.createElement("div", { className: styles.chat_input_container },
+        isShowOptions && react_1.default.createElement(InstructionOptions, { onClick: acquireOptionsCheck, bottom: optionsBottomPosition }),
+        react_1.default.createElement(components_1.Input, { ref: inputRef, placeholder: '可以问我任何问题，或键入主题 "/"', wrapperStyle: { height: wrapperHeight + 'px' }, value: value, type: 'textarea', onKeyDown: handleKeyDown, onValueChange: handleInputChange, className: styles.input_wrapper, addonBefore: slashWidget && (react_1.default.createElement("div", { className: styles.slash_widget_block },
+                react_1.default.createElement("span", null, slashWidget))), addonAfter: react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.send_chat_btn, value.length && styles.active), onClick: () => handleSend() },
+                react_1.default.createElement(components_1.Icon, { className: (0, components_1.getIcon)('right') })) })));
+};
+exports.ChatInput = ChatInput;
+//# sourceMappingURL=ChatInput.js.map

package/lib/browser/components/ChatInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInput.js","sourceRoot":"","sources":["../../../src/browser/components/ChatInput.tsx"],"names":[],"mappings":"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"}

package/lib/browser/components/ChatMoreActions.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const ChatMoreActions: ({ children }: {
+    children: any;
+}) => React.JSX.Element;
+//# sourceMappingURL=ChatMoreActions.d.ts.map

package/lib/browser/components/ChatMoreActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMoreActions.d.ts","sourceRoot":"","sources":["../../../src/browser/components/ChatMoreActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAQvC,eAAO,MAAM,eAAe;;uBAwB3B,CAAC"}

package/lib/browser/components/ChatMoreActions.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatMoreActions = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const components_1 = require("@opensumi/ide-core-browser/lib/components");
+const styles = tslib_1.__importStar(require("./components.module.less"));
+const lineVertical_1 = require("./lineVertical");
+const ChatMoreActions = ({ children }) => {
+    const useUUID = (0, react_1.useMemo)(() => (0, ide_core_browser_1.uuid)(12), []);
+    return (react_1.default.createElement("div", { className: styles.ai_chat_more_actions_container },
+        react_1.default.createElement("div", { className: styles.ai_chat_message }, children),
+        react_1.default.createElement("div", { className: styles.more_actions },
+            react_1.default.createElement("div", { className: styles.side },
+                react_1.default.createElement(components_1.Icon, { className: (0, ide_core_browser_1.getExternalIcon)('history') }),
+                react_1.default.createElement("span", null, "\u91CD\u65B0\u751F\u6210")),
+            react_1.default.createElement("div", { className: styles.side },
+                react_1.default.createElement(components_1.Popover, { id: `ai-chat-thumbsup-${useUUID}`, title: '\u8D5E' },
+                    react_1.default.createElement(components_1.Icon, { className: (0, ide_core_browser_1.getExternalIcon)('thumbsup') })),
+                react_1.default.createElement(lineVertical_1.LineVertical, null),
+                react_1.default.createElement(components_1.Popover, { id: `ai-chat-thumbsdown-${useUUID}`, title: '\u8E29' },
+                    react_1.default.createElement(components_1.Icon, { className: (0, ide_core_browser_1.getExternalIcon)('thumbsdown') }))))));
+};
+exports.ChatMoreActions = ChatMoreActions;
+//# sourceMappingURL=ChatMoreActions.js.map

package/lib/browser/components/ChatMoreActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMoreActions.js","sourceRoot":"","sources":["../../../src/browser/components/ChatMoreActions.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuC;AAEvC,iEAAmE;AACnE,0EAA0E;AAE1E,yEAAmD;AACnD,iDAA8C;AAEvC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAE9C,MAAM,OAAO,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,uBAAI,EAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAE5C,OAAO,CACL,uCAAK,SAAS,EAAE,MAAM,CAAC,8BAA8B;QACnD,uCAAK,SAAS,EAAE,MAAM,CAAC,eAAe,IAAG,QAAQ,CAAO;QACxD,uCAAK,SAAS,EAAE,MAAM,CAAC,YAAY;YACjC,uCAAK,SAAS,EAAE,MAAM,CAAC,IAAI;gBACzB,8BAAC,iBAAI,IAAC,SAAS,EAAE,IAAA,kCAAe,EAAC,SAAS,CAAC,GAAI;gBAC/C,uEAAiB,CACb;YACN,uCAAK,SAAS,EAAE,MAAM,CAAC,IAAI;gBACzB,8BAAC,oBAAO,IAAC,EAAE,EAAE,oBAAoB,OAAO,EAAE,EAAE,KAAK,EAAC,QAAG;oBACnD,8BAAC,iBAAI,IAAC,SAAS,EAAE,IAAA,kCAAe,EAAC,UAAU,CAAC,GAAI,CACxC;gBACV,8BAAC,2BAAY,OAAG;gBAChB,8BAAC,oBAAO,IAAC,EAAE,EAAE,sBAAsB,OAAO,EAAE,EAAE,KAAK,EAAC,QAAG;oBACrD,8BAAC,iBAAI,IAAC,SAAS,EAAE,IAAA,kCAAe,EAAC,YAAY,CAAC,GAAI,CAC1C,CACN,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,eAAe,mBAwB1B"}

package/lib/browser/components/Thinking.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const Thinking: () => React.JSX.Element;
+//# sourceMappingURL=Thinking.d.ts.map

package/lib/browser/components/Thinking.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thinking.d.ts","sourceRoot":"","sources":["../../../src/browser/components/Thinking.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,eAAO,MAAM,QAAQ,yBAepB,CAAC"}

package/lib/browser/components/Thinking.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Thinking = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const components_1 = require("@opensumi/ide-core-browser/lib/components");
+const progress_bar_1 = require("@opensumi/ide-core-browser/lib/progress/progress-bar");
+const styles = tslib_1.__importStar(require("./components.module.less"));
+const Thinking = () => (react_1.default.createElement("div", { className: styles.thinking_container },
+    react_1.default.createElement("div", { className: styles.content },
+        react_1.default.createElement("span", null, "Thinking...")),
+    react_1.default.createElement("div", { className: styles.stop },
+        react_1.default.createElement("span", { className: styles.progress_bar },
+            react_1.default.createElement(progress_bar_1.Progress, { loading: true })),
+        react_1.default.createElement("div", { className: styles.block },
+            react_1.default.createElement(components_1.Icon, { className: (0, components_1.getIcon)('pause') }),
+            react_1.default.createElement("span", null, "\u505C\u6B62")))));
+exports.Thinking = Thinking;
+//# sourceMappingURL=Thinking.js.map

package/lib/browser/components/Thinking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thinking.js","sourceRoot":"","sources":["../../../src/browser/components/Thinking.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,0EAA0E;AAC1E,uFAAgF;AAEhF,yEAAmD;AAE5C,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,CAC5B,uCAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB;IACvC,uCAAK,SAAS,EAAE,MAAM,CAAC,OAAO;QAC5B,0DAAwB,CACpB;IACN,uCAAK,SAAS,EAAE,MAAM,CAAC,IAAI;QACzB,wCAAM,SAAS,EAAE,MAAM,CAAC,YAAY;YAClC,8BAAC,uBAAQ,IAAC,OAAO,EAAE,IAAI,GAAI,CACtB;QACP,uCAAK,SAAS,EAAE,MAAM,CAAC,KAAK;YAC1B,8BAAC,iBAAI,IAAC,SAAS,EAAE,IAAA,oBAAO,EAAC,OAAO,CAAC,GAAS;YAC1C,2DAAe,CACX,CACF,CACF,CACP,CAAC;AAfW,QAAA,QAAQ,YAenB"}