@opensumi/ide-ai-native 2.26.9-rc-1695091570.0

package/lib/browser/override/ai-editor-tab.service.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { EditorTabService } from '@opensumi/ide-editor/lib/browser/editor.tab.service';
+export declare class AiEditorTabService extends EditorTabService {
+    renderEditorTab(component: ReactNode, isCurrent: boolean): ReactNode;
+}
+//# sourceMappingURL=ai-editor-tab.service.d.ts.map

package/lib/browser/override/ai-editor-tab.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-editor-tab.service.d.ts","sourceRoot":"","sources":["../../../src/browser/override/ai-editor-tab.service.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AAKvF,qBACa,kBAAmB,SAAQ,gBAAgB;IAC7C,eAAe,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS;CAY9E"}

package/lib/browser/override/ai-editor-tab.service.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AiEditorTabService = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const di_1 = require("@opensumi/di");
+const editor_tab_service_1 = require("@opensumi/ide-editor/lib/browser/editor.tab.service");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const styles = tslib_1.__importStar(require("./override.module.less"));
+let AiEditorTabService = class AiEditorTabService extends editor_tab_service_1.EditorTabService {
+    renderEditorTab(component, isCurrent) {
+        return (react_1.default.createElement("div", { className: (0, classnames_1.default)({
+                [styles.ai_editor_tab_block_container]: true,
+                [styles.active]: isCurrent
+            }) }, component));
+    }
+};
+AiEditorTabService = tslib_1.__decorate([
+    (0, di_1.Injectable)()
+], AiEditorTabService);
+exports.AiEditorTabService = AiEditorTabService;
+//# sourceMappingURL=ai-editor-tab.service.js.map

package/lib/browser/override/ai-editor-tab.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-editor-tab.service.js","sourceRoot":"","sources":["../../../src/browser/override/ai-editor-tab.service.tsx"],"names":[],"mappings":";;;;AAAA,0DAAyC;AACzC,qCAA0C;AAC1C,4FAAuF;AAEvF,oEAA6B;AAC7B,uEAAiD;AAG1C,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,qCAAgB;IAC7C,eAAe,CAAC,SAAoB,EAAE,SAAkB;QAC/D,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAG,EACjB;gBACE,CAAC,MAAM,CAAC,6BAA6B,CAAC,EAAE,IAAI;gBAC5C,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS;aAC3B,CACF,IACE,SAAS,CACN,CACP,CAAA;IACH,CAAC;CACF,CAAA;AAbY,kBAAkB;IAD9B,IAAA,eAAU,GAAE;GACA,kBAAkB,CAa9B;AAbY,gDAAkB"}

package/lib/browser/override/ai-marker.service.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { MarkerService } from '@opensumi/ide-markers/lib/browser/markers-service';
+import { MarkerGroupNode, MarkerNode } from '@opensumi/ide-markers/lib/browser/tree/tree-node.defined';
+export declare class AiMarkerService extends MarkerService {
+    private readonly editorService;
+    private aiChatService;
+    private readonly fileSystem;
+    private handleAiIcon;
+    renderMarkerNodeIcon(component: ReactNode, node: MarkerGroupNode | MarkerNode): ReactNode;
+}
+//# sourceMappingURL=ai-marker.service.d.ts.map

package/lib/browser/override/ai-marker.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-marker.service.d.ts","sourceRoot":"","sources":["../../../src/browser/override/ai-marker.service.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,mDAAmD,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,0DAA0D,CAAC;AAYvG,qBACa,eAAgB,SAAQ,aAAa;IAGhD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA6B;IAG3D,OAAO,CAAC,aAAa,CAAgB;IAGrC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAqB;YAElC,YAAY;IAiBjB,oBAAoB,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,GAAG,UAAU,GAAG,SAAS;CAUnG"}

package/lib/browser/override/ai-marker.service.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AiMarkerService = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const di_1 = require("@opensumi/di");
+const markers_service_1 = require("@opensumi/ide-markers/lib/browser/markers-service");
+const tree_node_defined_1 = require("@opensumi/ide-markers/lib/browser/tree/tree-node.defined");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const styles = tslib_1.__importStar(require("./override.module.less"));
+const ide_components_1 = require("@opensumi/ide-components");
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const ai_chat_service_1 = require("../ai-chat.service");
+const workbench_editor_service_1 = require("@opensumi/ide-editor/lib/browser/workbench-editor.service");
+const ide_editor_1 = require("@opensumi/ide-editor");
+const ide_file_service_1 = require("@opensumi/ide-file-service");
+let AiMarkerService = class AiMarkerService extends markers_service_1.MarkerService {
+    async handleAiIcon(node) {
+        try {
+            const resource = node.marker.resource;
+            const message = node.marker.message;
+            const { content } = await this.fileSystem.readFile(resource.toString());
+            const messageWithPrompt = `代码内容是 \`\`\`\n${content.toString()}\n\`\`\`。此时有个异常问题是 "${message}", 你需要解释这个异常问题并给出修复建议`;
+            this.aiChatService.launchChatMessage({
+                message: `/explain ${node.marker.message}`,
+                prompt: messageWithPrompt,
+            });
+        }
+        catch (error) {
+            throw Error('read file error', error);
+        }
+    }
+    renderMarkerNodeIcon(component, node) {
+        return (react_1.default.createElement("div", { className: (0, classnames_1.default)(!(tree_node_defined_1.MarkerGroupNode.is(node)) && styles.ai_marker_node_icon_container) },
+            !tree_node_defined_1.MarkerGroupNode.is(node) && react_1.default.createElement(ide_components_1.Icon, { tooltip: 'AI \u667A\u80FD\u95EE\u9898\u8BCA\u65AD', onClick: () => this.handleAiIcon(node), className: (0, classnames_1.default)((0, ide_core_browser_1.getExternalIcon)('lightbulb'), styles.ai_icon) }),
+            component));
+    }
+};
+tslib_1.__decorate([
+    (0, di_1.Autowired)(ide_editor_1.WorkbenchEditorService),
+    tslib_1.__metadata("design:type", workbench_editor_service_1.WorkbenchEditorServiceImpl)
+], AiMarkerService.prototype, "editorService", void 0);
+tslib_1.__decorate([
+    (0, di_1.Autowired)(),
+    tslib_1.__metadata("design:type", ai_chat_service_1.AiChatService)
+], AiMarkerService.prototype, "aiChatService", void 0);
+tslib_1.__decorate([
+    (0, di_1.Autowired)(ide_file_service_1.IFileServiceClient),
+    tslib_1.__metadata("design:type", Object)
+], AiMarkerService.prototype, "fileSystem", void 0);
+AiMarkerService = tslib_1.__decorate([
+    (0, di_1.Injectable)()
+], AiMarkerService);
+exports.AiMarkerService = AiMarkerService;
+//# sourceMappingURL=ai-marker.service.js.map

package/lib/browser/override/ai-marker.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-marker.service.js","sourceRoot":"","sources":["../../../src/browser/override/ai-marker.service.tsx"],"names":[],"mappings":";;;;AAAA,0DAAyC;AACzC,qCAAqD;AACrD,uFAAkF;AAClF,gGAAuG;AAEvG,oEAA6B;AAE7B,uEAAiD;AACjD,6DAAgD;AAChD,iEAA6D;AAC7D,wDAAmD;AACnD,wGAAuG;AACvG,qDAA8D;AAC9D,iEAAgE;AAGzD,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,+BAAa;IAWxC,KAAK,CAAC,YAAY,CAAC,IAAgB;QACzC,IAAI;YACF,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;YACtC,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;YACpC,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;YAExE,MAAM,iBAAiB,GAAG,iBAAiB,OAAO,CAAC,QAAQ,EAAE,uBAAuB,OAAO,uBAAuB,CAAC;YAEnH,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC;gBACnC,OAAO,EAAE,YAAY,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;gBAC1C,MAAM,EAAE,iBAAiB;aAC1B,CAAC,CAAC;SACJ;QAAC,OAAO,KAAK,EAAE;YACd,MAAM,KAAK,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAA;SACtC;IACH,CAAC;IAEQ,oBAAoB,CAAC,SAAoB,EAAE,IAAkC;QACpF,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAG,EAAC,CAAC,CAAC,mCAAe,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,MAAM,CAAC,6BAA6B,CAAC;YAEpF,CAAC,mCAAe,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,8BAAC,qBAAI,IAAC,OAAO,EAAC,yCAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAA,oBAAG,EAAC,IAAA,kCAAe,EAAC,WAAW,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,GAAI;YAEhK,SAAS,CACN,CACP,CAAA;IACH,CAAC;CACF,CAAA;AApCC;IAAC,IAAA,cAAS,EAAC,mCAAsB,CAAC;sCACF,qDAA0B;sDAAC;AAE3D;IAAC,IAAA,cAAS,GAAE;sCACW,+BAAa;sDAAC;AAErC;IAAC,IAAA,cAAS,EAAC,qCAAkB,CAAC;;mDACkB;AATrC,eAAe;IAD3B,IAAA,eAAU,GAAE;GACA,eAAe,CAsC3B;AAtCY,0CAAe"}

package/lib/browser/override/global.styles.less

@@ -0,0 +1,268 @@
+@import '@opensumi/ide-core-browser/lib/style/variable.less';
+
+#ai_chat_panel {
+  height: 100%;
+}
+
+/**
+* ---------------- 覆盖 editor tab 样式 ---------------------
+*/
+div[class*='kt_editor_group___'] div[class*='kt_editor_tabs_content___'] {
+  div[class*='kt_editor_tab___'] {
+    border-right: none;
+    border-top: none;
+  }
+
+  div[class*='kt_editor_tab_current___'] {
+    background-color: transparent !important;
+  }
+}
+
+/**
+* ---------------- 覆盖 editor navigation 导航条样式 ---------------------
+*/
+div[class*='navigation_container___'] {
+  height: 28px;
+  margin-bottom: 10px;
+}
+
+div[class*='file_tree_node___'] {
+  border-radius: 4px;
+}
+
+/**
+* ---------------- 覆盖 左、右、底 tabbar 样式 ---------------------
+*/
+@bottomBarHeight: 32px;
+
+div[class*='icon_tab___'] {
+  height: 32px;
+  width: 32px;
+  border-radius: 8px;
+
+  div.activity-icon {
+    font-size: 16px;
+    width: initial;
+    height: initial;
+    color: var(--activityBar-inactiveForeground);
+
+    &.mask-mode {
+      background-color: var(--activityBar-inactiveForeground);
+      -webkit-mask-size: 16px;
+    }
+  }
+}
+
+div[class*='tab_panel___'] {
+  &::before {
+    content: none;
+  }
+}
+
+div[class*='tab_panel_hidden___'] {
+  display: none;
+}
+
+.left-slot div[class*='tab_panel___'] {
+  border-right: none;
+}
+
+li[class*='left_tab___'] {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+
+  &.active {
+    div[class*='icon_tab___'] {
+      background-color: var(--activityBar-activeBorder);
+      &::before {
+        content: none;
+      }
+    }
+  }
+}
+
+div[class*='left_tab_bar___'] {
+  border-right: none;
+  border-top: none;
+}
+
+div[class*='bar_content___'] {
+  width: 100%;
+}
+
+.bottom-slot div[class*='tab_bar___'] {
+  height: 100%;
+}
+
+li[class*='bottom_tab___'] {
+  height: 100%;
+  line-height: @bottomBarHeight;
+}
+
+div[class*='bottom_bar_container___'] {
+  width: 100%;
+  height: @bottomBarHeight;
+  min-height: @bottomBarHeight;
+}
+
+/* --------------------------------------*/
+
+div[class*='box-panel___'] {
+  background-image: url('https://mdn.alipayobjects.com/huamei_htww6h/afts/img/A*hLI-SqEx-YkAAAAAAAAAAAAADhl8AQ/original');
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+
+.rce-mbox-left-notch,
+.rce-mbox-right-notch {
+  display: none;
+}
+
+.rce-mbox {
+  background-color: #ffffff0a;
+  border-radius: 2px 12px 12px 12px;
+  box-shadow: none;
+  padding: 8px 12px;
+  min-width: initial;
+  margin: 0;
+
+  ::after {
+    content: '';
+  }
+}
+
+.rce-mbox-text {
+  font-size: 12px;
+  line-height: 18px;
+  width: inherit;
+}
+
+.rce-smsg {
+  background-color: #ffffff0a;
+  box-shadow: none;
+  border-radius: 8px;
+  max-width: initial;
+  border-radius: 2px 12px 12px 12px;
+  width: 100%;
+  flex-direction: initial;
+  justify-content: left;
+  padding: 8px 12px 12px;
+  margin: 0;
+
+  .rce-smsg-text {
+    font-size: 12px;
+    width: 100%;
+    text-align: left;
+  }
+}
+
+.rce-container-smsg {
+  width: 100%;
+}
+
+.rce-mlist {
+  color: #ffffff;
+  font-size: 12px;
+  font-weight: 300;
+}
+
+.rce-ai-msg {
+  > .rce-mbox {
+    margin-bottom: 28px;
+    width: 100%;
+  }
+
+  .rce-mbox-body {
+    display: flex;
+    align-items: flex-start;
+    position: initial;
+    width: 100%;
+
+    .rce-mbox-title {
+      position: absolute;
+      left: -40px;
+      top: 0;
+    }
+
+    .rce-avatar-container {
+      &.default {
+        height: 32px;
+        width: 32px;
+      }
+    }
+  }
+}
+
+.rce-container-mbox {
+  overflow: hidden;
+  margin: 0 16px 16px 16px;
+  min-width: initial;
+}
+
+.rce-user-msg {
+  .rce-mbox-right {
+    border-radius: 12px 12px 2px 12px;
+    background-color: #3c8dff4d;
+    margin-right: 0;
+    margin-left: 0;
+  }
+}
+
+blockquote {
+  background: var(--vscode-textBlockQuote-background);
+  border-color: var(--vscode-textBlockQuote-border);
+}
+
+.AI-Content-Widget {
+  box-shadow: 0 9px 28px 8px rgba(0, 0, 0, 0.15);
+  border-radius: 10px;
+  padding: 12px 16px;
+  background-color: rgba(23, 28, 37, 1);
+  border: 1px solid rgba(54, 57, 64, 1);
+
+  // 编辑区域的 content widget
+  .ant-select-selector {
+    background-color: #c0c7d008 !important;
+  }
+
+  .ai-shortcuts {
+    margin-bottom: 12px;
+  }
+}
+
+// ai native main
+.ai_native_panel_container {
+  margin-right: 16px;
+  width: initial;
+}
+
+.ai_native_slot_main {
+  height: 100%;
+  width: 100%;
+  background-color: #151b21;
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  border-radius: 12px;
+  overflow: hidden;
+}
+
+.ai_native_slot_resize_horizontal {
+  height: 100%;
+  margin: 0 3px;
+  position: relative;
+  &::after {
+    content: '';
+    position: absolute;
+    height: 25px;
+    width: 2px;
+    background-color: #31363b;
+    border-radius: 1px;
+    top: 50%;
+    left: 50%;
+  }
+}
+
+// ai native input
+.ai_native_input_container {
+  height: 32px;
+}

package/lib/browser/override/layout/layout-config.d.ts

@@ -0,0 +1,6 @@
+export declare const AiLayoutConfig: {
+    ai_chat: {
+        modules: string[];
+    };
+};
+//# sourceMappingURL=layout-config.d.ts.map

package/lib/browser/override/layout/layout-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-config.d.ts","sourceRoot":"","sources":["../../../../src/browser/override/layout/layout-config.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,cAAc;;;;CAY1B,CAAC"}

package/lib/browser/override/layout/layout-config.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AiLayoutConfig = void 0;
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const default_config_1 = require("@opensumi/ide-main-layout/lib/browser/default-config");
+const common_1 = require("../../../common");
+const menu_bar_contribution_1 = require("./menu-bar/menu-bar.contribution");
+exports.AiLayoutConfig = Object.assign(Object.assign(Object.assign({}, default_config_1.defaultConfig), {
+    [ide_core_browser_1.SlotLocation.top]: {
+        modules: [menu_bar_contribution_1.AiMenuBarContribution.AiMenuBarContainer],
+    },
+}), {
+    [common_1.Ai_CHAT_CONTAINER_VIEW_ID]: {
+        modules: [common_1.Ai_CHAT_CONTAINER_VIEW_ID],
+    },
+});
+//# sourceMappingURL=layout-config.js.map

package/lib/browser/override/layout/layout-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-config.js","sourceRoot":"","sources":["../../../../src/browser/override/layout/layout-config.ts"],"names":[],"mappings":";;;AAAA,iEAA0D;AAC1D,yFAAqF;AAErF,4CAA4D;AAG5D,4EAAyE;AAE5D,QAAA,cAAc,iDACtB,8BAAa,GACb;IACD,CAAC,+BAAY,CAAC,GAAG,CAAC,EAAE;QAClB,OAAO,EAAE,CAAC,6CAAqB,CAAC,kBAAkB,CAAC;KACpD;CACF,GACE;IACD,CAAC,kCAAyB,CAAC,EAAE;QAC3B,OAAO,EAAE,CAAC,kCAAyB,CAAC;KACrC;CACF,EACD"}

package/lib/browser/override/layout/layout.module.less

@@ -0,0 +1,7 @@
+:global {
+  div[class*=box-panel___] {
+    background-image: url('https://mdn.alipayobjects.com/huamei_htww6h/afts/img/A*hLI-SqEx-YkAAAAAAAAAAAAADhl8AQ/original');
+    background-repeat: no-repeat;
+    background-size: cover;
+  }
+}

package/lib/browser/override/layout/main-slot-renderer.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IChildComponentProps } from '@opensumi/ide-core-browser/lib/components';
+export declare const AiMainSlotRenderer: (props?: IChildComponentProps) => React.JSX.Element;
+//# sourceMappingURL=main-slot-renderer.d.ts.map

package/lib/browser/override/layout/main-slot-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-slot-renderer.d.ts","sourceRoot":"","sources":["../../../../src/browser/override/layout/main-slot-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,oBAAoB,EAA+B,MAAM,2CAA2C,CAAC;AAI9G,eAAO,MAAM,kBAAkB,WAAY,oBAAoB,sBAsD9D,CAAC"}

package/lib/browser/override/layout/main-slot-renderer.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AiMainSlotRenderer = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(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 AiMainSlotRenderer = (props) => {
+    var _a, _b, _c;
+    const { colors, layout } = (0, components_1.getStorageValue)();
+    return (react_1.default.createElement(components_1.SplitPanel, { id: 'ai-native-main-horizontal-0', flex: 1, className: 'ai_native_panel_container', resizeHandleClassName: 'ai_native_slot_resize_horizontal' },
+        react_1.default.createElement(components_1.SplitPanel, { id: 'ai-native-main-horizontal-1', flex: 1, flexGrow: 1, resizeHandleClassName: 'ai_native_slot_resize_horizontal' },
+            react_1.default.createElement(ide_core_browser_1.SlotRenderer, { backgroundColor: colors.sideBarBackground, slot: 'left', isTabbar: true, defaultSize: ((_a = layout.left) === null || _a === void 0 ? void 0 : _a.currentId) ? ((_b = layout.left) === null || _b === void 0 ? void 0 : _b.size) || 310 : 49, minResize: 280, maxResize: 480 }),
+            react_1.default.createElement(components_1.SplitPanel, { id: 'main-vertical', minResize: 300, flexGrow: 1, direction: 'top-to-bottom', className: 'ai_native_slot_main', resizeHandleClassName: 'ai_native_slot_resize_horizontal' },
+                react_1.default.createElement(ide_core_browser_1.SlotRenderer, { backgroundColor: colors.editorBackground, flex: 2, flexGrow: 1, minResize: 200, slot: 'main' }),
+                react_1.default.createElement(ide_core_browser_1.SlotRenderer, { backgroundColor: colors.panelBackground, flex: 1, defaultSize: (_c = layout.bottom) === null || _c === void 0 ? void 0 : _c.size, minResize: 160, slot: 'bottom', isTabbar: true })),
+            react_1.default.createElement(ide_core_browser_1.SlotRenderer, { slot: 'right', isTabbar: true, defaultSize: 0, maxResize: 480, minResize: 280, minSize: 0 })),
+        react_1.default.createElement(ide_core_browser_1.SlotRenderer, { slot: common_1.Ai_CHAT_CONTAINER_VIEW_ID, isTabbar: true, defaultSize: 420, maxResize: 480, minResize: 280, minSize: 0 })));
+};
+exports.AiMainSlotRenderer = AiMainSlotRenderer;
+//# sourceMappingURL=main-slot-renderer.js.map

package/lib/browser/override/layout/main-slot-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-slot-renderer.js","sourceRoot":"","sources":["../../../../src/browser/override/layout/main-slot-renderer.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,iEAA0D;AAC1D,0EAA8G;AAE9G,4CAA4D;AAErD,MAAM,kBAAkB,GAAG,CAAC,KAA4B,EAAE,EAAE;;IACjE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,4BAAe,GAAE,CAAC;IAE7C,OAAO,CACL,8BAAC,uBAAU,IACT,EAAE,EAAC,6BAA6B,EAChC,IAAI,EAAE,CAAC,EACP,SAAS,EAAC,2BAA2B,EACrC,qBAAqB,EAAC,kCAAkC;QAExD,8BAAC,uBAAU,IACT,EAAE,EAAC,6BAA6B,EAChC,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,EACX,qBAAqB,EAAC,kCAAkC;YAExD,8BAAC,+BAAY,IACX,eAAe,EAAE,MAAM,CAAC,iBAAiB,EACzC,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,IAAI,EACd,WAAW,EAAE,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,SAAS,EAAC,CAAC,CAAC,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,IAAI,KAAI,GAAG,CAAC,CAAC,CAAC,EAAE,EACnE,SAAS,EAAE,GAAG,EACd,SAAS,EAAE,GAAG,GACd;YACF,8BAAC,uBAAU,IACT,EAAE,EAAC,eAAe,EAClB,SAAS,EAAE,GAAG,EACd,QAAQ,EAAE,CAAC,EACX,SAAS,EAAC,eAAe,EACzB,SAAS,EAAC,qBAAqB,EAC/B,qBAAqB,EAAC,kCAAkC;gBAExD,8BAAC,+BAAY,IAAC,eAAe,EAAE,MAAM,CAAC,gBAAgB,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAC,MAAM,GAAG;gBAC5G,8BAAC,+BAAY,IACX,eAAe,EAAE,MAAM,CAAC,eAAe,EACvC,IAAI,EAAE,CAAC,EACP,WAAW,EAAE,MAAA,MAAM,CAAC,MAAM,0CAAE,IAAI,EAChC,SAAS,EAAE,GAAG,EACd,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,GACd,CACS;YACb,8BAAC,+BAAY,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,GAAI,CAC9F;QACb,8BAAC,+BAAY,IACX,IAAI,EAAE,kCAAyB,EAC/B,QAAQ,EAAE,IAAI,EACd,WAAW,EAAE,GAAG,EAChB,SAAS,EAAE,GAAG,EACd,SAAS,EAAE,GAAG,EACd,OAAO,EAAE,CAAC,GACV,CACS,CACd,CAAC;AACJ,CAAC,CAAC;AAtDW,QAAA,kBAAkB,sBAsD7B"}

package/lib/browser/override/layout/menu-bar/menu-bar.contribution.d.ts

@@ -0,0 +1,8 @@
+import { ComponentContribution, ComponentRegistry } from '@opensumi/ide-core-browser';
+import { IMenuRegistry, MenuContribution } from '@opensumi/ide-core-browser/lib/menu/next';
+export declare class AiMenuBarContribution implements ComponentContribution, MenuContribution {
+    static AiMenuBarContainer: string;
+    registerComponent(registry: ComponentRegistry): void;
+    registerMenus(menus: IMenuRegistry): void;
+}
+//# sourceMappingURL=menu-bar.contribution.d.ts.map

package/lib/browser/override/layout/menu-bar/menu-bar.contribution.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-bar.contribution.d.ts","sourceRoot":"","sources":["../../../../../src/browser/override/layout/menu-bar/menu-bar.contribution.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAA2B,MAAM,4BAA4B,CAAC;AAC/G,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAU,MAAM,0CAA0C,CAAC;AAInG,qBAEa,qBAAsB,YAAW,qBAAqB,EAAE,gBAAgB;IACnF,MAAM,CAAC,kBAAkB,SAAgB;IAEzC,iBAAiB,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI;IAOpD,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;CAQ1C"}

package/lib/browser/override/layout/menu-bar/menu-bar.contribution.js

@@ -0,0 +1,32 @@
+"use strict";
+var AiMenuBarContribution_1;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AiMenuBarContribution = void 0;
+const tslib_1 = require("tslib");
+const di_1 = require("@opensumi/di");
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const next_1 = require("@opensumi/ide-core-browser/lib/menu/next");
+const menu_bar_view_1 = require("./menu-bar.view");
+let AiMenuBarContribution = AiMenuBarContribution_1 = class AiMenuBarContribution {
+    registerComponent(registry) {
+        registry.register(AiMenuBarContribution_1.AiMenuBarContainer, {
+            component: menu_bar_view_1.AiMenuBarView,
+            id: AiMenuBarContribution_1.AiMenuBarContainer,
+        });
+    }
+    registerMenus(menus) {
+        menus.registerMenuItems(next_1.MenuId.IconMenubarContext, [
+            {
+                command: 'main-layout.left-panel.toggle',
+                iconClass: (0, ide_core_browser_1.getExternalIcon)('layout-sidebar-left-off'),
+            },
+        ]);
+    }
+};
+AiMenuBarContribution.AiMenuBarContainer = 'ai-menubar';
+AiMenuBarContribution = AiMenuBarContribution_1 = tslib_1.__decorate([
+    (0, di_1.Injectable)(),
+    (0, ide_core_browser_1.Domain)(ide_core_browser_1.ComponentContribution, next_1.MenuContribution)
+], AiMenuBarContribution);
+exports.AiMenuBarContribution = AiMenuBarContribution;
+//# sourceMappingURL=menu-bar.contribution.js.map

package/lib/browser/override/layout/menu-bar/menu-bar.contribution.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-bar.contribution.js","sourceRoot":"","sources":["../../../../../src/browser/override/layout/menu-bar/menu-bar.contribution.tsx"],"names":[],"mappings":";;;;;AACA,qCAA0C;AAC1C,iEAA+G;AAC/G,mEAAmG;AAEnG,mDAAgD;AAIzC,IAAM,qBAAqB,6BAA3B,MAAM,qBAAqB;IAGhC,iBAAiB,CAAC,QAA2B;QAC3C,QAAQ,CAAC,QAAQ,CAAC,uBAAqB,CAAC,kBAAkB,EAAE;YAC1D,SAAS,EAAE,6BAAa;YACxB,EAAE,EAAE,uBAAqB,CAAC,kBAAkB;SAC7C,CAAC,CAAC;IACL,CAAC;IAED,aAAa,CAAC,KAAoB;QAChC,KAAK,CAAC,iBAAiB,CAAC,aAAM,CAAC,kBAAkB,EAAE;YACjD;gBACE,OAAO,EAAE,+BAA+B;gBACxC,SAAS,EAAE,IAAA,kCAAe,EAAC,yBAAyB,CAAC;aACtD;SACF,CAAC,CAAC;IACL,CAAC;;AAhBM,wCAAkB,GAAG,YAAY,CAAC;AAD9B,qBAAqB;IAFjC,IAAA,eAAU,GAAE;IACZ,IAAA,yBAAM,EAAC,wCAAqB,EAAE,uBAAgB,CAAC;GACnC,qBAAqB,CAkBjC;AAlBY,sDAAqB"}

package/lib/browser/override/layout/menu-bar/menu-bar.module.less

@@ -0,0 +1,41 @@
+.menu_bar_view {
+  display: flex;
+  background-color: var(--kt-menubar-background);
+  align-items: center;
+  width: 100%;
+
+  .container {
+    display: flex;
+    justify-content: space-between;
+    width: inherit;
+    align-items: center;
+    padding: 0 16px;
+
+    .center {
+      .run {
+        .btn {
+          background-color: rgba(4, 74, 16, 0.6);
+          border-radius: 8px;
+          color: rgba(215, 219, 222, 1);
+        }
+      }
+    }
+
+    .right {
+      display: flex;
+      align-items: center;
+
+      .input {
+        margin-right: 16px;
+        width: 240px;
+
+        .input_wrapper {
+          height: 32px;
+          background-color: #ffffff1f;
+          border-radius: 8px;
+          border: 1px solid #ffffff1f;
+        }
+      }
+    }
+  }
+}

package/lib/browser/override/layout/menu-bar/menu-bar.view.d.ts

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

package/lib/browser/override/layout/menu-bar/menu-bar.view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-bar.view.d.ts","sourceRoot":"","sources":["../../../../../src/browser/override/layout/menu-bar/menu-bar.view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,eAAO,MAAM,aAAa,yBA6EzB,CAAC"}

package/lib/browser/override/layout/menu-bar/menu-bar.view.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AiMenuBarView = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_chat_elements_1 = require("react-chat-elements");
+const ide_core_browser_1 = require("@opensumi/ide-core-browser");
+const components_1 = require("@opensumi/ide-core-browser/lib/components");
+const constants_1 = require("@opensumi/ide-core-browser/lib/layout/constants");
+const view_id_1 = require("@opensumi/ide-core-browser/lib/layout/view-id");
+const ide_core_common_1 = require("@opensumi/ide-core-common");
+const menu_bar_view_1 = require("@opensumi/ide-menu-bar/lib/browser/menu-bar.view");
+const command_1 = require("../../../../common/command");
+const styles = tslib_1.__importStar(require("./menu-bar.module.less"));
+const AiMenuBarView = () => {
+    const commandService = (0, ide_core_browser_1.useInjectable)(ide_core_common_1.CommandService);
+    const appConfig = (0, ide_core_browser_1.useInjectable)(ide_core_browser_1.AppConfig);
+    const [latestWidth, setLatestWidth] = React.useState(0);
+    const handleRun = () => {
+        commandService.executeCommand(command_1.AI_RUN_DEBUG_COMMANDS.id);
+    };
+    const handleRightPanel = () => {
+        var _a, _b;
+        /**
+         * 这里先这样处理，暂时没找到原因
+         */
+        const domID = 'ai_chat_panel';
+        const chatPanel = (_b = (_a = document.querySelector(`#${domID}`)) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement;
+        if (chatPanel) {
+            let preWidth = chatPanel.style.width;
+            preWidth = parseInt(preWidth, 10);
+            setLatestWidth(preWidth);
+            if (preWidth !== 0) {
+                chatPanel.style.width = '0px';
+            }
+            else {
+                chatPanel.style.width = latestWidth + 'px';
+            }
+        }
+    };
+    const MENUBAR_HEIGHT = React.useMemo(() => { var _a; return ((_a = appConfig.layoutViewSize) === null || _a === void 0 ? void 0 : _a.MENUBAR_HEIGHT) || constants_1.LAYOUT_VIEW_SIZE.MENUBAR_HEIGHT; }, [appConfig]);
+    // quick-open-overlay
+    return (React.createElement("div", { id: view_id_1.VIEW_CONTAINERS.MENUBAR, className: styles.menu_bar_view, style: { height: MENUBAR_HEIGHT } },
+        React.createElement("div", { className: styles.container },
+            React.createElement("div", { className: styles.left },
+                React.createElement(menu_bar_view_1.IconMenuBar, null)),
+            React.createElement("div", { className: styles.center },
+                React.createElement("div", { className: styles.run },
+                    React.createElement(components_1.Button, { size: 'large', onClick: handleRun, className: styles.btn },
+                        React.createElement(components_1.Icon, { className: (0, ide_core_browser_1.getIcon)('caret-right') }),
+                        " \u8FD0\u884C"))),
+            React.createElement("div", { className: styles.right },
+                React.createElement("div", { className: styles.input },
+                    React.createElement(components_1.Input, { className: styles.input_wrapper, width: '100%', addonBefore: React.createElement(components_1.Icon, { style: { color: '#ffffff1f' }, className: (0, ide_core_browser_1.getIcon)('search') }), placeholder: '\u8BF7\u641C\u7D22\u5E76\u9009\u62E9\u6307\u4EE4' })),
+                React.createElement("div", { className: styles.ai_switch },
+                    React.createElement("div", { style: {
+                            cursor: 'pointer',
+                        }, onClick: handleRightPanel },
+                        React.createElement(react_chat_elements_1.Avatar, { src: 'https://mdn.alipayobjects.com/huamei_htww6h/afts/img/A*6Y9PQp_rk7QAAAAAAAAAAAAADhl8AQ/original' })))))));
+};
+exports.AiMenuBarView = AiMenuBarView;
+//# sourceMappingURL=menu-bar.view.js.map

package/lib/browser/override/layout/menu-bar/menu-bar.view.js.map

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

package/lib/browser/override/layout/tabbar.view.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ComponentRegistryInfo } from '@opensumi/ide-core-browser';
+export declare const AiLeftTabbarRenderer: React.FC;
+export declare const AiLeftTabRenderer: ({ className, components, }: {
+    className: string;
+    components: ComponentRegistryInfo[];
+}) => React.JSX.Element;
+export declare const AiRightTabRenderer: ({ className, components, }: {
+    className: string;
+    components: ComponentRegistryInfo[];
+}) => React.JSX.Element;
+export declare const ChatTabPanelRenderer: React.FC;
+export declare const AiChatTabRenderer: ({ className, components, }: {
+    className: string;
+    components: ComponentRegistryInfo[];
+}) => React.JSX.Element;
+//# sourceMappingURL=tabbar.view.d.ts.map