@difizen/libro-ai-native 0.2.41-next.1 → 0.2.41-next.3

package/es/ai-native-code-block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ai-native-code-block.d.ts","sourceRoot":"","sources":["../src/ai-native-code-block.tsx"],"names":[],"mappings":"AAQA,OAAO,cAAc,CAAC;AAItB,eAAO,MAAM,eAAe,UAAW,GAAG,4CAiDzC,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,GAAG,4CAyEzC,CAAC"}
+{"version":3,"file":"ai-native-code-block.d.ts","sourceRoot":"","sources":["../src/ai-native-code-block.tsx"],"names":[],"mappings":"AASA,OAAO,cAAc,CAAC;AAItB,eAAO,MAAM,eAAe,UAAW,GAAG,4CAiDzC,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,GAAG,4CAyEzC,CAAC"}

package/es/ai-native-code-block.js

@@ -11,6 +11,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { CopyOutlined } from '@ant-design/icons';
 import { LibroCodeCellView } from '@difizen/libro-jupyter';
 import { useInject, ViewInstance } from '@difizen/mana-app';
+import { l10n } from '@difizen/mana-l10n';
 import { Button, message } from 'antd';
 import copy from 'copy-to-clipboard';
 import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
@@ -48,7 +49,7 @@ export var CodeBlockInCell = function CodeBlockInCell(props) {
       }), /*#__PURE__*/_jsx(CopyOutlined, {
         onClick: function onClick() {
           copy(children);
-          message.success('代码已复制');
+          message.success(l10n.t('代码已复制'));
         },
         className: "chat-msg-md-code-copy"
       }), /*#__PURE__*/_jsx(SyntaxHighlighter, {
@@ -64,7 +65,7 @@ export var CodeBlockInCell = function CodeBlockInCell(props) {
           onClick: function onClick() {
             return replace(children);
           },
-          children: "\u66FF\u6362\u4EE3\u7801"
+          children: l10n.t('替换代码')
         })
       })]
     });
@@ -141,7 +142,7 @@ export var CodeBlockInChat = function CodeBlockInChat(props) {
       }), /*#__PURE__*/_jsx(CopyOutlined, {
         onClick: function onClick() {
           copy(children);
-          message.success('代码已复制');
+          message.success(l10n.t('代码已复制'));
         },
         className: "chat-msg-md-code-copy"
       }), /*#__PURE__*/_jsx(SyntaxHighlighter, {
@@ -157,14 +158,14 @@ export var CodeBlockInChat = function CodeBlockInChat(props) {
           onClick: function onClick() {
             return insertCell(children);
           },
-          children: "\u63D2\u5165 Cell"
+          children: l10n.t('插入 Cell')
         }), /*#__PURE__*/_jsx(Button, {
           color: "primary",
           variant: "outlined",
           onClick: function onClick() {
             return replace(children);
           },
-          children: "\u66FF\u6362 Cell"
+          children: l10n.t('替换 Cell')
         })]
       })]
     });

package/es/ai-native-command-contribution.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ai-native-command-contribution.d.ts","sourceRoot":"","sources":["../src/ai-native-command-contribution.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAKjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAa,mBAAmB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAG1E,qBACa,gCACX,YAAW,mBAAmB,EAAE,mBAAmB;IAErB,SAAS,CAAC,QAAQ,CAAC,YAAY,EAAE,oBAAoB,CAAC;IAEpF,2BAA2B,EAAE,2BAA2B,CAAC;IAC/B,gBAAgB,EAAE,gBAAgB,CAAC;IAC/B,oBAAoB,EAAE,oBAAoB,CAAC;IACpD,WAAW,EAAE,WAAW,CAAC;IAE9C,oBAAoB,CAAC,QAAQ,EAAE,eAAe,GAAG,IAAI;IAgBrD,gBAAgB,CAAC,OAAO,EAAE,eAAe,GAAG,IAAI;CAyJjD"}
+{"version":3,"file":"ai-native-command-contribution.d.ts","sourceRoot":"","sources":["../src/ai-native-command-contribution.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAKjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAa,mBAAmB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAI1E,qBACa,gCACX,YAAW,mBAAmB,EAAE,mBAAmB;IAErB,SAAS,CAAC,QAAQ,CAAC,YAAY,EAAE,oBAAoB,CAAC;IAEpF,2BAA2B,EAAE,2BAA2B,CAAC;IAC/B,gBAAgB,EAAE,gBAAgB,CAAC;IAC/B,oBAAoB,EAAE,oBAAoB,CAAC;IACpD,WAAW,EAAE,WAAW,CAAC;IAE9C,oBAAoB,CAAC,QAAQ,EAAE,eAAe,GAAG,IAAI;IAuBrD,gBAAgB,CAAC,OAAO,EAAE,eAAe,GAAG,IAAI;CA+LjD"}

package/es/ai-native-command-contribution.js

@@ -11,15 +11,19 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }
 function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'transform-class-properties is enabled and runs after the decorators transform.'); }
+import { CommentOutlined } from '@ant-design/icons';
 import { LibroCommandRegister, LibroSlotManager, LibroSlotView, LibroToolbarArea, LibroCellView, LibroView } from '@difizen/libro-jupyter';
 import { inject } from '@difizen/mana-app';
 import { CommandContribution } from '@difizen/mana-app';
 import { singleton, ToolbarContribution, ViewManager } from '@difizen/mana-app';
+import { l10n } from '@difizen/mana-l10n';
 import { AINativeCommands } from "./ai-native-command.js";
 import { LibroAINativeService } from "./ai-native-service.js";
 import { AIToolbarSelector } from "./ai-side-toolbar-selector.js";
 import { LibroAIChatSlotContribution } from "./chat-slot-contribution.js";
 import { AIIcon } from "./icon.js";
+import { addCellAIClassname } from "./utils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var LibroAINativeCommandContribution = (_dec = singleton({
   contrib: [CommandContribution, ToolbarContribution]
 }), _dec2 = inject(LibroCommandRegister), _dec3 = inject(LibroAIChatSlotContribution), _dec4 = inject(LibroSlotManager), _dec5 = inject(LibroAINativeService), _dec6 = inject(ViewManager), _dec(_class = (_class2 = /*#__PURE__*/function () {
@@ -39,8 +43,7 @@ export var LibroAINativeCommandContribution = (_dec = singleton({
         command: AINativeCommands['AISideToolbarSelect'].id,
         icon: AIToolbarSelector,
         showLabelInline: true,
-        group: ['group2'],
-        order: 'a'
+        order: 'b'
       });
       registry.registerItem({
         id: AINativeCommands['Chat'].id,
@@ -48,6 +51,14 @@ export var LibroAINativeCommandContribution = (_dec = singleton({
         icon: AIIcon,
         order: 'a'
       });
+      registry.registerItem({
+        id: AINativeCommands['CellChat'].id,
+        command: AINativeCommands['CellChat'].id,
+        icon: /*#__PURE__*/_jsx(CommentOutlined, {
+          className: "libro-ai-native-cell-chat-icon"
+        }),
+        order: 'a'
+      });
     }
   }, {
     key: "registerCommands",
@@ -95,14 +106,18 @@ export var LibroAINativeCommandContribution = (_dec = singleton({
                   }
                   return _context2.abrupt("return");
                 case 2:
-                  libro.model.libroViewClass = 'ai-cell-chat';
+                  addCellAIClassname(cell);
                   chatView = _this.libroAINativeService.chatViewMap.get(libro.id);
                   showChat = _this.libroAINativeService.showChatMap.get(libro.id);
                   if (!chatView) {
-                    _context2.next = 11;
+                    _context2.next = 12;
                     break;
                   }
-                  chatView.chatView.isCellChat = true;
+                  chatView.setAINativeChatView({
+                    id: cell.id,
+                    isCellChat: true,
+                    cell: cell
+                  });
                   if (!showChat) {
                     _context2.next = 9;
                     break;
@@ -110,14 +125,15 @@ export var LibroAINativeCommandContribution = (_dec = singleton({
                   return _context2.abrupt("return");
                 case 9:
                   _this.libroAINativeService.showChatMap.set(libro.id, !showChat);
+                  _this.libroAINativeService.cellAIChatMap.set(cell.id, !showChat);
                   _this.libroSlotManager.slotViewManager.addView(chatView, _this.libroSlotManager.getSlotName(libro, _this.libroAIChatSlotContribution.slot), {
                     reveal: true,
                     order: 'a'
                   });
-                case 11:
+                case 12:
                   //优化交互，用于控制点击按钮后菜单消失
                   _this.libroAINativeService.showSideToolbar = false;
-                case 12:
+                case 13:
                 case "end":
                   return _context2.stop();
               }
@@ -133,6 +149,12 @@ export var LibroAINativeCommandContribution = (_dec = singleton({
             return false;
           }
           return true;
+        },
+        isVisible: function isVisible(cell, libro, path) {
+          if (!cell || !libro || !(libro instanceof LibroView)) {
+            return false;
+          }
+          return path === LibroToolbarArea.CellRight;
         }
       });
       this.libroCommand.registerLibroCommand(command, AINativeCommands['Chat'], {
@@ -159,10 +181,16 @@ export var LibroAINativeCommandContribution = (_dec = singleton({
                     _context3.next = 9;
                     break;
                   }
-                  chatView.chatView.isCellChat = false;
+                  chatView.setAINativeChatView({
+                    id: libro.id,
+                    isCellChat: false
+                  });
                   return _context3.abrupt("return");
                 case 9:
-                  chatView.chatView.isCellChat = false;
+                  chatView.setAINativeChatView({
+                    id: libro.id,
+                    isCellChat: false
+                  });
                   _this.libroAINativeService.showChatMap.set(libro.id, !showChat);
                   if (showChat) {
                     slotview = _this.libroSlotManager.slotViewManager.getSlotView(_this.libroSlotManager.getSlotName(libro, 'right'));
@@ -219,10 +247,9 @@ export var LibroAINativeCommandContribution = (_dec = singleton({
                 case 4:
                   libroAINativeForCellView = _context4.sent;
                   libroAINativeForCellView.showAI = true;
-                  libro.model.libroViewClass = 'ai-cell-chat';
+                  addCellAIClassname(cell);
                   libroAINativeForCellView.chatStream({
-                    chat_key: 'LLM:gpt4',
-                    content: "\u5E2E\u5FD9\u89E3\u91CA\u4E00\u4E0B\u8FD9\u6BB5\u4EE3\u7801\uFF1A".concat(cell.model.value)
+                    content: l10n.getLang() ? "Could you please explain this piece of code?\uFF1A".concat(cell.model.value, "\uFF0CProvide the reasons and the results of the optimization.") : "\u5E2E\u5FD9\u4F18\u5316\u4E00\u4E0B\u8FD9\u6BB5\u4EE3\u7801\uFF1A".concat(cell.model.value, "\uFF0C\u7ED9\u51FA\u539F\u56E0\u4EE5\u53CA\u4F18\u5316\u7ED3\u679C")
                   });
                   // this.libroService.active?.enterEditMode();
                 case 8:
@@ -243,18 +270,36 @@ export var LibroAINativeCommandContribution = (_dec = singleton({
           return true;
         }
       });
-      this.libroCommand.registerLibroCommand(command, AINativeCommands['CellChat'], {
+      this.libroCommand.registerLibroCommand(command, AINativeCommands['Optimize'], {
         execute: function () {
-          var _execute5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+          var _execute5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(cell, libro) {
+            var libroAINativeForCellView;
             return _regeneratorRuntime().wrap(function _callee5$(_context5) {
               while (1) switch (_context5.prev = _context5.next) {
                 case 0:
+                  if (!(!cell || !(cell instanceof LibroCellView) || !libro || !(libro instanceof LibroView))) {
+                    _context5.next = 2;
+                    break;
+                  }
+                  return _context5.abrupt("return");
+                case 2:
+                  _context5.next = 4;
+                  return _this.libroAINativeService.getOrCreateLibroAINativeForCellView(cell.id, cell);
+                case 4:
+                  libroAINativeForCellView = _context5.sent;
+                  libroAINativeForCellView.showAI = true;
+                  addCellAIClassname(cell);
+                  libroAINativeForCellView.chatStream({
+                    content: l10n.getLang() ? "Please help optimize this piece of code: ".concat(cell.model.value, ",provide reasons and the optimized result.") : "\u5E2E\u5FD9\u4F18\u5316\u4E00\u4E0B\u8FD9\u6BB5\u4EE3\u7801\uFF1A".concat(cell.model.value, "\uFF0C\u7ED9\u51FA\u539F\u56E0\u4EE5\u53CA\u4F18\u5316\u7ED3\u679C")
+                  });
+                  // this.libroService.active?.enterEditMode();
+                case 8:
                 case "end":
                   return _context5.stop();
               }
             }, _callee5);
           }));
-          function execute() {
+          function execute(_x7, _x8) {
             return _execute5.apply(this, arguments);
           }
           return execute;

package/es/ai-native-command.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ai-native-command.d.ts","sourceRoot":"","sources":["../src/ai-native-command.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEjD,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAgB3E,CAAC"}
+{"version":3,"file":"ai-native-command.d.ts","sourceRoot":"","sources":["../src/ai-native-command.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEjD,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAoB3E,CAAC"}

package/es/ai-native-command.js

@@ -13,5 +13,9 @@ export var AINativeCommands = {
   },
   AISideToolbarSelect: {
     id: 'ai-native:side-toolbat-select'
+  },
+  Optimize: {
+    id: 'ai-native:optimize',
+    label: 'Optimize'
   }
 };

package/es/ai-native-for-cell-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ai-native-for-cell-view.d.ts","sourceRoot":"","sources":["../src/ai-native-for-cell-view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAMvD,OAAO,EAAE,QAAQ,EAAmB,MAAM,mBAAmB,CAAC;AAQ9D,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAC3E,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAGhE,wBAAgB,0BAA0B,mDAkCzC;AAED,qBAEa,wBAAyB,SAAQ,QAAQ;IAC3C,IAAI,EAAE,aAAa,CAA8B;IACzC,OAAO,EAAE,OAAO,CAAC;IAClC,IAAI,EAAE,QAAQ,CAAC;IAEf,6BAA6B,EAAE,aAAa,CAAC,OAAO,2BAA2B,CAAC,CAAC;IAEjF,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;IAG1D,MAAM,UAAS;gBACiB,OAAO,EAAE,0BAA0B;IAKnE,UAAU,WAAkB,YAAY,mBAmDtC;CACH"}
+{"version":3,"file":"ai-native-for-cell-view.d.ts","sourceRoot":"","sources":["../src/ai-native-for-cell-view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAMvD,OAAO,EAAE,QAAQ,EAAmB,MAAM,mBAAmB,CAAC;AAU9D,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAC3E,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAGhE,wBAAgB,0BAA0B,mDA+CzC;AAED,qBAEa,wBAAyB,SAAQ,QAAQ;IAC3C,IAAI,EAAE,aAAa,CAA8B;IACzC,OAAO,EAAE,OAAO,CAAC;IAClC,IAAI,EAAE,QAAQ,CAAC;IAEf,6BAA6B,EAAE,aAAa,CAAC,OAAO,2BAA2B,CAAC,CAAC;IAEjF,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;IAG1D,MAAM,UAAS;gBACiB,OAAO,EAAE,0BAA0B;IAKnE,UAAU,WAAkB,YAAY,mBA0DtC;CACH"}

package/es/ai-native-for-cell-view.js

@@ -30,26 +30,32 @@ import { useObserve } from '@difizen/mana-app';
 import { useInject, ViewInstance } from '@difizen/mana-app';
 import { inject } from '@difizen/mana-app';
 import { BaseView, transient, view } from '@difizen/mana-app';
+import { l10n } from '@difizen/mana-l10n';
 import { Button } from 'antd';
 import { EventSourceParserStream } from 'eventsource-parser/stream';
 import breaks from 'remark-breaks';
 import remarkGfm from 'remark-gfm';
 import { CodeBlockInCell } from "./ai-native-code-block.js";
+import { LibroAINativeService } from "./ai-native-service.js";
 import { AILoadding } from "./icon.js";
 import { LibroAIChatMessageItemModel } from "./libro-ai-msg-item-model.js";
-import { stringToReadableStream } from "./utils.js";
+import { cancelCellAIClassname, stringToReadableStream } from "./utils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export function LibroAINativeForCellRender() {
   var LLMRender = ChatComponents.Markdown;
   var instance = useInject(ViewInstance);
+  var libroAINativeService = useInject(LibroAINativeService);
   var msgItem = useObserve(instance.libroAIChatMessageItemModel);
   if (!instance.showAI) {
     return null;
   }
   return /*#__PURE__*/_jsxs("div", {
     className: "libro-ai-native-for-cell-container",
-    children: [/*#__PURE__*/_jsx(LLMRender, {
+    children: [(msgItem === null || msgItem === void 0 ? void 0 : msgItem.state) === AnswerState.FAIL ? /*#__PURE__*/_jsx("div", {
+      className: "libro-ai-native-for-cell-error",
+      children: l10n.t('请求报错～')
+    }) : /*#__PURE__*/_jsx(LLMRender, {
       type: "message",
       components: {
         code: CodeBlockInCell
@@ -59,13 +65,15 @@ export function LibroAINativeForCellRender() {
     }), /*#__PURE__*/_jsx(Button, {
       color: "default",
       variant: "outlined",
-      className: "libro-ai-native-for-cell-cancel-btn",
+      className: "libro-ai-native-for-cell-cancel-btn ".concat((msgItem === null || msgItem === void 0 ? void 0 : msgItem.state) === AnswerState.FAIL ? 'error' : ''),
       onClick: function onClick() {
         instance.showAI = false;
-        instance.cell.parent.model.libroViewClass = instance.cell.parent.model.libroViewClass.replace('ai-cell-chat', '');
+        if (!libroAINativeService.cellAIChatMap.get(instance.cell.id)) {
+          cancelCellAIClassname(instance.cell);
+        }
       },
-      icon: (msgItem === null || msgItem === void 0 ? void 0 : msgItem.state) === AnswerState.SUCCESS ? /*#__PURE__*/_jsx(CloseOutlined, {}) : /*#__PURE__*/_jsx(AILoadding, {}),
-      children: "\u53D6\u6D88"
+      icon: (msgItem === null || msgItem === void 0 ? void 0 : msgItem.state) === AnswerState.SUCCESS || (msgItem === null || msgItem === void 0 ? void 0 : msgItem.state) === AnswerState.FAIL ? /*#__PURE__*/_jsx(CloseOutlined, {}) : /*#__PURE__*/_jsx(AILoadding, {}),
+      children: l10n.t('取消')
     })]
   });
 }
@@ -83,15 +91,16 @@ export var LibroAINativeForCellView = (_dec = transient(), _dec2 = view('libro-a
     _initializerDefineProperty(_this, "showAI", _descriptor4, _assertThisInitialized(_this));
     _this.chatStream = /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(option) {
-        var chat_key, content, url, msg, res, reader, stream, msgItem, alreayDone, _yield$reader$read, value, done, data, event;
+        var chat_key, content, language, url, msg, res, reader, stream, msgItem, alreayDone, _yield$reader$read, value, done, data, event;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              chat_key = option.chat_key, content = option.content;
+              chat_key = option.chat_key, content = option.content, language = option.language;
               url = "/libro/api/chatstream";
               msg = {
                 chat_key: chat_key,
-                prompt: content
+                prompt: content,
+                language: language
               };
               _context.next = 5;
               return _this.fetcher.post(url, msg, {
@@ -104,7 +113,7 @@ export var LibroAINativeForCellView = (_dec = transient(), _dec2 = view('libro-a
             case 5:
               res = _context.sent;
               if (!(res.status === 200)) {
-                _context.next = 27;
+                _context.next = 33;
                 break;
               }
               if (typeof res.data === 'string') {
@@ -116,45 +125,55 @@ export var LibroAINativeForCellView = (_dec = transient(), _dec2 = view('libro-a
               msgItem = _this.libroAiChatMessageItemFactory({
                 sender: {
                   type: 'AI',
-                  id: chat_key
+                  id: 'libro'
                 },
                 content: ''
               });
               _this.libroAIChatMessageItemModel = msgItem;
               alreayDone = false;
-            case 11:
+              _context.prev = 11;
+            case 12:
               if (alreayDone) {
-                _context.next = 26;
+                _context.next = 27;
                 break;
               }
-              _context.next = 14;
+              _context.next = 15;
               return reader.read();
-            case 14:
+            case 15:
               _yield$reader$read = _context.sent;
               value = _yield$reader$read.value;
               done = _yield$reader$read.done;
               if (!done) {
-                _context.next = 21;
+                _context.next = 22;
                 break;
               }
               alreayDone = true;
               msgItem.handleEventData({
                 type: 'done'
               });
-              return _context.abrupt("break", 26);
-            case 21:
+              return _context.abrupt("break", 27);
+            case 22:
               data = JSON.parse(value.data);
               event = ChatEvent.format(value.event || 'chunk', data);
               msgItem.handleEventData(event);
-              _context.next = 11;
+              _context.next = 12;
               break;
-            case 26:
-              return _context.abrupt("return");
             case 27:
+              _context.next = 32;
+              break;
+            case 29:
+              _context.prev = 29;
+              _context.t0 = _context["catch"](11);
+              msgItem.handleEventData({
+                type: 'error'
+              });
+            case 32:
+              return _context.abrupt("return");
+            case 33:
             case "end":
               return _context.stop();
           }
-        }, _callee);
+        }, _callee, null, [[11, 29]]);
       }));
       return function (_x) {
         return _ref.apply(this, arguments);

package/es/ai-native-service.d.ts

@@ -2,12 +2,15 @@ import type { CellView } from '@difizen/libro-jupyter';
 import { ViewManager } from '@difizen/mana-app';
 import { LibroAINativeForCellView } from './ai-native-for-cell-view.js';
 import type { LibroChatView } from './chat-view.js';
+import type { LibroAiNativeChatView } from './libro-ai-native-chat-view.js';
 export declare class LibroAINativeService {
     showSideToolbar: boolean;
     chatViewMap: Map<string, LibroChatView>;
     showChatMap: Map<string, boolean>;
+    cellAIChatMap: Map<string, boolean>;
     viewManager: ViewManager;
     libroAINativeForCellViewMap: Map<string, LibroAINativeForCellView>;
+    libroAINativeChatViewMap: Map<string, LibroAiNativeChatView>;
     getOrCreateLibroAINativeForCellView(id: string, cell: CellView): Promise<LibroAINativeForCellView>;
 }
 //# sourceMappingURL=ai-native-service.d.ts.map

package/es/ai-native-service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ai-native-service.d.ts","sourceRoot":"","sources":["../src/ai-native-service.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAsC,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEpF,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,qBACa,oBAAoB;IAE/B,eAAe,UAAS;IAExB,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAa;IAEpD,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAa;IAE9C,WAAW,EAAE,WAAW,CAAC;IAEzB,2BAA2B,EAAE,GAAG,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAa;IAEzE,mCAAmC,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ;CAarE"}
+{"version":3,"file":"ai-native-service.d.ts","sourceRoot":"","sources":["../src/ai-native-service.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAsC,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEpF,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE5E,qBACa,oBAAoB;IAE/B,eAAe,UAAS;IAExB,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAa;IAGpD,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAa;IAE9C,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAa;IAEhD,WAAW,EAAE,WAAW,CAAC;IAEzB,2BAA2B,EAAE,GAAG,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAa;IAE/E,wBAAwB,EAAE,GAAG,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAa;IAEnE,mCAAmC,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ;CAarE"}

package/es/ai-native-service.js

@@ -18,9 +18,12 @@ export var LibroAINativeService = (_dec = singleton(), _dec2 = prop(), _dec3 = i
     _classCallCheck(this, LibroAINativeService);
     _initializerDefineProperty(this, "showSideToolbar", _descriptor, this);
     this.chatViewMap = new Map();
+    //用于控制是否显示当前 libro 层级的 chat 面板
     this.showChatMap = new Map();
+    this.cellAIChatMap = new Map();
     _initializerDefineProperty(this, "viewManager", _descriptor2, this);
     this.libroAINativeForCellViewMap = new Map();
+    this.libroAINativeChatViewMap = new Map();
   }
   _createClass(LibroAINativeService, [{
     key: "getOrCreateLibroAINativeForCellView",

package/es/ai-side-toolbar-selector.js

@@ -9,20 +9,20 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 export var AIToolbarSelector = function AIToolbarSelector() {
   var items = [{
-    id: AINativeCommands['CellChat'].id,
+    id: AINativeCommands['Explain'].id,
     label: /*#__PURE__*/_jsx(_Fragment, {
       children: /*#__PURE__*/_jsx("span", {
         className: "libro-menu-item-label",
-        children: l10n.t('AI 对话')
+        children: l10n.t('代码解释')
       })
     }),
     group: 'ai'
   }, {
-    id: AINativeCommands['Explain'].id,
+    id: AINativeCommands['Optimize'].id,
     label: /*#__PURE__*/_jsx(_Fragment, {
       children: /*#__PURE__*/_jsx("span", {
         className: "libro-menu-item-label",
-        children: l10n.t('代码解释')
+        children: l10n.t('代码优化')
       })
     }),
     group: 'ai'

package/es/chat-slot-contribution.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-slot-contribution.d.ts","sourceRoot":"","sources":["../src/chat-slot-contribution.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,yBAAyB,EACzB,SAAS,EACV,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,8BAA8B,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,qBACa,2BAA4B,YAAW,8BAA8B;IAC3D,WAAW,EAAE,WAAW,CAAC;IAChB,oBAAoB,EAAE,oBAAoB,CAAC;IAEzE,SAAgB,IAAI,EAAE,SAAS,CAAW;IAE1C,OAAO,EAAE,yBAAyB,CAYhC;IACF,cAAc;;;MAGZ;CACH"}
+{"version":3,"file":"chat-slot-contribution.d.ts","sourceRoot":"","sources":["../src/chat-slot-contribution.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,yBAAyB,EACzB,SAAS,EACV,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,8BAA8B,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAG9D,qBACa,2BAA4B,YAAW,8BAA8B;IAC3D,WAAW,EAAE,WAAW,CAAC;IAChB,oBAAoB,EAAE,oBAAoB,CAAC;IAEzE,SAAgB,IAAI,EAAE,SAAS,CAAW;IAE1C,OAAO,EAAE,yBAAyB,CAWhC;IACF,cAAc;;;MAGZ;CACH"}

package/es/chat-slot-contribution.js

@@ -37,14 +37,13 @@ export var LibroAIChatSlotContribution = (_dec = singleton({
           case 2:
             view = _context.sent;
             view.parent = libro;
-            view.chatView.libro = libro;
             _this.libroAINativeService.chatViewMap.set(libro.id, view);
             _this.libroAINativeService.showChatMap.set(libro.id, false);
             view.onDisposed(function () {
               _this.libroAINativeService.chatViewMap.delete(libro.id);
             });
             return _context.abrupt("return", view);
-          case 9:
+          case 8:
           case "end":
             return _context.stop();
         }

package/es/chat-view.d.ts

@@ -1,15 +1,18 @@
 import type { DisplayView, LibroView } from '@difizen/libro-jupyter';
 import type { ConfigurationService } from '@difizen/mana-app';
 import { BaseView, ViewManager } from '@difizen/mana-app';
+import { LibroAINativeService } from './ai-native-service.js';
 import { LibroAiNativeChatView } from './libro-ai-native-chat-view.js';
+import type { AiNativeChatViewOption } from './protocol.js';
 export declare const ChatRender: () => import("react/jsx-runtime").JSX.Element;
 export declare class LibroChatView extends BaseView implements DisplayView {
     parent: LibroView | undefined;
     protected configurationService: ConfigurationService;
     viewManager: ViewManager;
+    libroAINativeService: LibroAINativeService;
     view: () => import("react/jsx-runtime").JSX.Element;
     chatView: LibroAiNativeChatView;
     isDisplay: boolean;
-    constructor(viewManager: ViewManager);
+    setAINativeChatView(option: AiNativeChatViewOption): Promise<void>;
 }
 //# sourceMappingURL=chat-view.d.ts.map

package/es/chat-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-view.d.ts","sourceRoot":"","sources":["../src/chat-view.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EACL,QAAQ,EAKR,WAAW,EAIZ,MAAM,mBAAmB,CAAC;AAI3B,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,eAAO,MAAM,UAAU,+CAoDtB,CAAC;AAEF,qBAEa,aAAc,SAAQ,QAAS,YAAW,WAAW;IAChE,MAAM,EAAE,SAAS,GAAG,SAAS,CAAa;IAC1C,SAAS,CAAC,oBAAoB,EAAE,oBAAoB,CAAC;IAChC,WAAW,EAAE,WAAW,CAAC;IAErC,IAAI,gDAAc;IAG3B,QAAQ,EAAE,qBAAqB,CAAC;IAGhC,SAAS,UAAQ;gBAEgB,WAAW,EAAE,WAAW;CAe1D"}
+{"version":3,"file":"chat-view.d.ts","sourceRoot":"","sources":["../src/chat-view.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EACL,QAAQ,EAKR,WAAW,EAIZ,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAG5D,eAAO,MAAM,UAAU,+CA6DtB,CAAC;AAEF,qBAEa,aAAc,SAAQ,QAAS,YAAW,WAAW;IAChE,MAAM,EAAE,SAAS,GAAG,SAAS,CAAa;IAC1C,SAAS,CAAC,oBAAoB,EAAE,oBAAoB,CAAC;IAChC,WAAW,EAAE,WAAW,CAAC;IAChB,oBAAoB,EAAE,oBAAoB,CAAC;IAEhE,IAAI,gDAAc;IAG3B,QAAQ,EAAE,qBAAqB,CAAC;IAGhC,SAAS,UAAQ;IAEX,mBAAmB,CAAC,MAAM,EAAE,sBAAsB;CAmCzD"}

package/es/chat-view.js

@@ -1,11 +1,11 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _dec, _dec2, _dec3, _dec4, _dec5, _class, _class2, _descriptor, _descriptor2, _descriptor3;
+var _dec, _dec2, _dec3, _dec4, _dec5, _dec6, _class, _class2, _descriptor, _descriptor2, _descriptor3, _descriptor4;
 function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -15,15 +15,20 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }
 function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'transform-class-properties is enabled and runs after the decorators transform.'); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 import { CloseOutlined } from '@ant-design/icons';
 import { LibroContextKey, LibroSlotManager, LibroSlotView } from '@difizen/libro-jupyter';
 import { BaseView, prop, transient, view, inject, ViewManager, useInject, ViewInstance, ViewRender } from '@difizen/mana-app';
 import { useRef } from 'react';
 import { LibroAINativeService } from "./ai-native-service.js";
 import { LibroAiNativeChatView } from "./libro-ai-native-chat-view.js";
+import { cancelCellAIClassname } from "./utils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ChatRender = function ChatRender() {
+  var _libroChatView$chatVi;
   var containRef = useRef(null);
   var libroChatView = useInject(ViewInstance);
   var libroSlotManager = useInject(LibroSlotManager);
@@ -47,20 +52,43 @@ export var ChatRender = function ChatRender() {
         className: "chat-right-toolbar",
         children: [/*#__PURE__*/_jsx("div", {
           className: "chat-type",
-          children: libroChatView.chatView.isCellChat ? 'Focused Cell' : 'General Chat'
+          children: (_libroChatView$chatVi = libroChatView.chatView) !== null && _libroChatView$chatVi !== void 0 && _libroChatView$chatVi.isCellChat ? 'Focused Cell' : 'General Chat'
         }), /*#__PURE__*/_jsx("div", {
           children: /*#__PURE__*/_jsx(CloseOutlined, {
             className: "chat-close-icon",
-            onClick: function onClick() {
-              if (libroChatView.parent) {
-                libroChatView.parent.model.libroViewClass = libroChatView.parent.model.libroViewClass.replace('ai-cell-chat', '');
-                libroAINativeService.showChatMap.set(libroChatView.parent.id, false);
-                var slotview = libroSlotManager.slotViewManager.getSlotView(libroSlotManager.getSlotName(libroChatView.parent, 'right'));
-                if (slotview instanceof LibroSlotView) {
-                  slotview.revertActive();
+            onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+              var _libroChatView$chatVi2, libroAINativeForCellView, slotview;
+              return _regeneratorRuntime().wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    if (!libroChatView.parent) {
+                      _context.next = 9;
+                      break;
+                    }
+                    if (!((_libroChatView$chatVi2 = libroChatView.chatView) !== null && _libroChatView$chatVi2 !== void 0 && _libroChatView$chatVi2.cell)) {
+                      _context.next = 6;
+                      break;
+                    }
+                    _context.next = 4;
+                    return libroAINativeService.getOrCreateLibroAINativeForCellView(libroChatView.chatView.cell.id, libroChatView.chatView.cell);
+                  case 4:
+                    libroAINativeForCellView = _context.sent;
+                    if (!libroAINativeForCellView.showAI) {
+                      cancelCellAIClassname(libroChatView.chatView.cell);
+                      libroAINativeService.cellAIChatMap.set(libroChatView.chatView.cell.id, false);
+                    }
+                  case 6:
+                    libroAINativeService.showChatMap.set(libroChatView.parent.id, false);
+                    slotview = libroSlotManager.slotViewManager.getSlotView(libroSlotManager.getSlotName(libroChatView.parent, 'right'));
+                    if (slotview instanceof LibroSlotView) {
+                      slotview.revertActive();
+                    }
+                  case 9:
+                  case "end":
+                    return _context.stop();
                 }
-              }
-            }
+              }, _callee);
+            }))
           })
         })]
       })]
@@ -69,42 +97,93 @@ export var ChatRender = function ChatRender() {
     })]
   });
 };
-export var LibroChatView = (_dec = transient(), _dec2 = view('libro-chat-view'), _dec3 = inject(ViewManager), _dec4 = prop(), _dec5 = prop(), _dec(_class = _dec2(_class = (_class2 = /*#__PURE__*/function (_BaseView) {
+export var LibroChatView = (_dec = transient(), _dec2 = view('libro-chat-view'), _dec3 = inject(ViewManager), _dec4 = inject(LibroAINativeService), _dec5 = prop(), _dec6 = prop(), _dec(_class = _dec2(_class = (_class2 = /*#__PURE__*/function (_BaseView) {
   _inherits(LibroChatView, _BaseView);
   var _super = _createSuper(LibroChatView);
-  function LibroChatView(viewManager) {
+  function LibroChatView() {
     var _this;
     _classCallCheck(this, LibroChatView);
-    _this = _super.call(this);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
     _this.parent = undefined;
     _initializerDefineProperty(_this, "viewManager", _descriptor, _assertThisInitialized(_this));
+    _initializerDefineProperty(_this, "libroAINativeService", _descriptor2, _assertThisInitialized(_this));
     _this.view = ChatRender;
-    _initializerDefineProperty(_this, "chatView", _descriptor2, _assertThisInitialized(_this));
-    _initializerDefineProperty(_this, "isDisplay", _descriptor3, _assertThisInitialized(_this));
-    viewManager.getOrCreateView(LibroAiNativeChatView, {
-      id: _this.id,
-      chat_key: 'LLM:chatgpt'
-    }).then(function (chatView) {
-      _this.chatView = chatView;
-      return;
-    }).catch(function () {
-      //
-    });
+    _initializerDefineProperty(_this, "chatView", _descriptor3, _assertThisInitialized(_this));
+    _initializerDefineProperty(_this, "isDisplay", _descriptor4, _assertThisInitialized(_this));
     return _this;
   }
-  LibroChatView = inject(ViewManager)(LibroChatView, undefined, 0) || LibroChatView;
-  return _createClass(LibroChatView);
+  _createClass(LibroChatView, [{
+    key: "setAINativeChatView",
+    value: function () {
+      var _setAINativeChatView = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(option) {
+        var _this$chatView,
+          _this2 = this;
+        var _this$chatView2, _option$cell, libroAINativeForCellView;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!((_this$chatView = this.chatView) !== null && _this$chatView !== void 0 && _this$chatView.cell)) {
+                _context2.next = 7;
+                break;
+              }
+              if (!(((_this$chatView2 = this.chatView) === null || _this$chatView2 === void 0 ? void 0 : _this$chatView2.cell.id) === ((_option$cell = option.cell) === null || _option$cell === void 0 ? void 0 : _option$cell.id))) {
+                _context2.next = 3;
+                break;
+              }
+              return _context2.abrupt("return");
+            case 3:
+              _context2.next = 5;
+              return this.libroAINativeService.getOrCreateLibroAINativeForCellView(this.chatView.cell.id, this.chatView.cell);
+            case 5:
+              libroAINativeForCellView = _context2.sent;
+              if (this.libroAINativeService.cellAIChatMap.get(this.chatView.cell.id) && !libroAINativeForCellView.showAI) {
+                cancelCellAIClassname(this.chatView.cell);
+                this.libroAINativeService.cellAIChatMap.set(this.chatView.cell.id, false);
+              }
+            case 7:
+              this.viewManager.getOrCreateView(LibroAiNativeChatView, option).then(function (chatView) {
+                chatView.libro = _this2.parent;
+                if (option.isCellChat && option.cell) {
+                  chatView.cell = option.cell;
+                  _this2.libroAINativeService.cellAIChatMap.set(option.cell.id, true);
+                }
+                _this2.chatView = chatView;
+                return;
+              }).catch(function () {
+                //
+              });
+            case 8:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this);
+      }));
+      function setAINativeChatView(_x) {
+        return _setAINativeChatView.apply(this, arguments);
+      }
+      return setAINativeChatView;
+    }()
+  }]);
+  return LibroChatView;
 }(BaseView), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "viewManager", [_dec3], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, "chatView", [_dec4], {
+}), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, "libroAINativeService", [_dec4], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor3 = _applyDecoratedDescriptor(_class2.prototype, "chatView", [_dec5], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor3 = _applyDecoratedDescriptor(_class2.prototype, "isDisplay", [_dec5], {
+}), _descriptor4 = _applyDecoratedDescriptor(_class2.prototype, "isDisplay", [_dec6], {
   configurable: true,
   enumerable: true,
   writable: true,

package/es/error-output-model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-output-model.d.ts","sourceRoot":"","sources":["../src/error-output-model.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,gBAAgB,EAIjB,MAAM,wBAAwB,CAAC;AAMhC,OAAO,cAAc,CAAC;AAkFtB,qBAEa,kBAAmB,SAAQ,gBAAgB;IAC7C,IAAI,2FAA4B;IACjC,QAAQ,UAAS;CAC1B"}
+{"version":3,"file":"error-output-model.d.ts","sourceRoot":"","sources":["../src/error-output-model.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,gBAAgB,EAIjB,MAAM,wBAAwB,CAAC;AAOhC,OAAO,cAAc,CAAC;AAmFtB,qBAEa,kBAAmB,SAAQ,gBAAgB;IAC7C,IAAI,2FAA4B;IACjC,QAAQ,UAAS;CAC1B"}

package/es/error-output-model.js

@@ -22,11 +22,13 @@ import { concatMultilineString } from '@difizen/libro-jupyter';
 import { ErrorOutputModel, defaultSanitizer, RenderMimeRegistry, renderText } from '@difizen/libro-jupyter';
 import { prop, transient } from '@difizen/mana-app';
 import { getOrigin, useInject, view, ViewInstance } from '@difizen/mana-app';
+import { l10n } from '@difizen/mana-l10n';
 import { Button } from 'antd';
 import { forwardRef, createRef, useEffect } from 'react';
 import "./index.less";
 import { LibroAINativeService } from "./ai-native-service.js";
 import { AIIcon } from "./icon.js";
+import { addCellAIClassname } from "./utils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var AIErrorOutputModelRender = /*#__PURE__*/forwardRef(function ErrorOutputModelRender(_props, ref) {
@@ -56,15 +58,16 @@ var AIErrorOutputModelRender = /*#__PURE__*/forwardRef(function ErrorOutputModel
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            output.cell.parent.model.libroViewClass = 'ai-cell-chat';
-            _context.next = 3;
+            _context.next = 2;
             return libroAINativeService.getOrCreateLibroAINativeForCellView(output.cell.id, getOrigin(output.cell));
-          case 3:
+          case 2:
             libroAINativeForCellView = _context.sent;
+            addCellAIClassname(output.cell);
             libroAINativeForCellView.showAI = true;
             libroAINativeForCellView.chatStream({
-              chat_key: 'LLM:debug-gpt4',
-              content: "\u4EE3\u7801\u4E3A:\n".concat(output.cell.model.value, "\n\u62A5\u9519\u4E3A:\n").concat(concatMultilineString(source.traceback))
+              chat_key: 'LLM:debug',
+              content: "\u4EE3\u7801\u4E3A:\n".concat(output.cell.model.value, "\n\u62A5\u9519\u4E3A:\n").concat(concatMultilineString(source.traceback)),
+              language: l10n.getLang()
             });
           case 6:
           case "end":

package/es/index.less

@@ -46,9 +46,13 @@
   }
 }
 
-.libro-view-content-right {
-  height: calc(100% - 46px);
+.libro-ai-native-cell-chat-icon {
+  svg {
+    color: var(--mana-libro-ai-native-color);
+  }
+}
 
+.libro-view-content-right {
   .libro-slot-container {
     height: 100%;
   }
@@ -70,7 +74,8 @@
   border: 1px solid var(--mana-libro-ai-native-color);
   box-shadow: var(--mana-libro-ai-native-box-shadow) 0 0 0 2px;
   border-radius: 6px;
-  height: 100%;
+  margin: 16px 0;
+  height: calc(100% - 32px);
   width: 460px;
 
   .chat {
@@ -86,11 +91,21 @@
   cursor: pointer;
 }
 
+.chat-input-upload {
+  display: none;
+}
+
+.chat-input-iconBottom {
+  align-items: center;
+  justify-content: center;
+}
+
 .chat-input-searchInput:focus-within {
   border-color: var(--mana-libro-ai-native-color);
 }
 
 .chat-input-sendButton {
+  margin: unset;
   background-color: var(--mana-libro-ai-native-color);
 }
 
@@ -107,36 +122,39 @@
   }
 }
 
-.ai-cell-chat {
-  .libro-dnd-cell {
-    &.active {
+.libro-dnd-cell:has(.ai-cell-focus) {
+  &.active {
+    border: 1px solid var(--mana-libro-ai-native-color);
+    box-shadow: var(--mana-libro-ai-native-box-shadow) 0 0 0 2px;
+
+    .libro-cell-input-collapser,
+    .libro-cell-output-collapser,
+    .libro-cell-collapser {
+      background: var(--mana-libro-ai-native-color);
+      opacity: 1;
+    }
+
+    &.error {
       border: 1px solid var(--mana-libro-ai-native-color);
       box-shadow: var(--mana-libro-ai-native-box-shadow) 0 0 0 2px;
+    }
+  }
 
-      .libro-cell-input-collapser,
-      .libro-cell-output-collapser,
-      .libro-cell-collapser {
-        background: var(--mana-libro-ai-native-color);
-        opacity: 1;
-      }
+  &.error {
+    border: 1px solid var(--mana-libro-ai-native-color);
+    box-shadow: var(--mana-libro-ai-native-box-shadow) 0 0 0 2px;
 
-      &.error {
-        border: 1px solid var(--mana-libro-ai-native-color) !important;
-        box-shadow: var(--mana-libro-ai-native-box-shadow) 0 0 0 2px;
-
-        .libro-cell-input-collapser,
-        .libro-cell-output-collapser,
-        .libro-cell-collapser {
-          background: var(--mana-libro-ai-native-color);
-          opacity: 1;
-        }
-      }
+    .libro-cell-input-collapser,
+    .libro-cell-output-collapser,
+    .libro-cell-collapser {
+      background: var(--mana-libro-ai-native-color);
+      opacity: 1;
     }
+  }
 
-    &.active.command-mode {
-      border: 1px solid var(--mana-libro-ai-native-color);
-      box-shadow: unset;
-    }
+  &.active.command-mode {
+    border: 1px solid var(--mana-libro-ai-native-color);
+    box-shadow: unset;
   }
 }
 
@@ -170,6 +188,16 @@
     &:hover {
       border-color: var(--mana-libro-ai-native-color) !important;
       color: var(--mana-libro-ai-native-color) !important;
+
+      &.error {
+        border-color: var(--mana-libro-error-color) !important;
+        color: var(--mana-libro-error-color) !important;
+      }
+    }
+
+    &.error {
+      border-color: var(--mana-libro-error-color);
+      color: var(--mana-libro-error-color);
     }
   }
 }
@@ -237,6 +265,7 @@
 
 .libro-ai-native-for-cell-container {
   display: flex;
+  padding-top: 18px;
   justify-content: space-between;
 }
 
@@ -295,3 +324,7 @@
     color: var(--mana-libro-editor-class-color);
   }
 }
+
+.libro-ai-native-for-cell-error {
+  color: var(--mana-libro-error-color);
+}

package/es/libro-ai-msg-item-model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"libro-ai-msg-item-model.d.ts","sourceRoot":"","sources":["../src/libro-ai-msg-item-model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAa,MAAM,sBAAsB,CAAC;AAC9D,OAAO,KAAK,EACV,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,cAAc,EACd,cAAc,EACd,eAAe,EACf,gBAAgB,EACjB,MAAM,sBAAsB,CAAC;AAI9B,qBACa,2BAA2B;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,kBAAkB,CAAC;IAG3B,KAAK,EAAE,WAAW,CAAC;IAGnB,SAAS,CAAC,QAAQ,SAAM;IACxB,IAAI,OAAO,IAAI,MAAM,CAEpB;IACD,IAAI,OAAO,CAAC,CAAC,EAHE,MAGF,EAEZ;IAED,MAAM,EAAE,gBAAgB,CAAC;IAGzB,KAAK,CAAC,EAAE,YAAY,CAAC;gBAEkB,MAAM,EAAE,gBAAgB;IAQ/D,eAAe,CAAC,CAAC,EAAE,UAAU;IAY7B,WAAW,CAAC,CAAC,EAAE,cAAc;IAI7B,YAAY,CAAC,CAAC,EAAE,eAAe;IAK/B,WAAW,CAAC,CAAC,EAAE,cAAc;CAG9B"}
+{"version":3,"file":"libro-ai-msg-item-model.d.ts","sourceRoot":"","sources":["../src/libro-ai-msg-item-model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAa,MAAM,sBAAsB,CAAC;AAC9D,OAAO,KAAK,EACV,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,cAAc,EACd,cAAc,EACd,eAAe,EACf,gBAAgB,EACjB,MAAM,sBAAsB,CAAC;AAI9B,qBACa,2BAA2B;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,kBAAkB,CAAC;IAG3B,KAAK,EAAE,WAAW,CAAC;IAGnB,SAAS,CAAC,QAAQ,SAAM;IACxB,IAAI,OAAO,IAAI,MAAM,CAEpB;IACD,IAAI,OAAO,CAAC,CAAC,EAHE,MAGF,EAEZ;IAED,MAAM,EAAE,gBAAgB,CAAC;IAGzB,KAAK,CAAC,EAAE,YAAY,CAAC;gBAEkB,MAAM,EAAE,gBAAgB;IAQ/D,eAAe,CAAC,CAAC,EAAE,UAAU;IAY7B,WAAW,CAAC,CAAC,EAAE,cAAc;IAI7B,YAAY,CAAC,CAAC,EAAE,eAAe;IAK/B,WAAW,CAAC,CAAC,EAAE,cAAc;CAI9B"}

package/es/libro-ai-msg-item-model.js

@@ -62,6 +62,7 @@ export var LibroAIChatMessageItemModel = (_dec = autoFactory(), _dec2 = prop(),
       this.error = {
         message: e.message
       };
+      this.state = AnswerState.FAIL;
     }
   }]);
   return LibroAIChatMessageItemModel;

package/es/libro-ai-native-chat-service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"libro-ai-native-chat-service.d.ts","sourceRoot":"","sources":["../src/libro-ai-native-chat-service.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAEzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAIzD,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,eAAe,CAAC;AAGxE,qBACa,wBAAyB,SAAQ,gBAAgB;IACnD,IAAI,WACH,kCAAkC,KACzC,QAAQ,gBAAgB,EAAE,CAAC,CAmB5B;IACO,UAAU,WACT,kCAAkC,0BAClB,gBAAgB,KAAK,IAAI,yBAC1B,UAAU,KAAK,IAAI,mBAqD1C;CACH"}
+{"version":3,"file":"libro-ai-native-chat-service.d.ts","sourceRoot":"","sources":["../src/libro-ai-native-chat-service.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAEzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAIzD,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,eAAe,CAAC;AAGxE,qBACa,wBAAyB,SAAQ,gBAAgB;IACnD,IAAI,WACH,kCAAkC,KACzC,QAAQ,gBAAgB,EAAE,CAAC,CAkB5B;IACO,UAAU,WACT,kCAAkC,0BAClB,gBAAgB,KAAK,IAAI,yBAC1B,UAAU,KAAK,IAAI,mBA0D1C;CACH"}

package/es/libro-ai-native-chat-service.js

@@ -32,14 +32,13 @@ export var LibroAINativeChatService = (_dec = singleton(), _dec(_class = /*#__PU
     _this = _super.call.apply(_super, [this].concat(args));
     _this.chat = /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(option) {
-        var chat_key, content, system_prompt, res;
+        var content, system_prompt, res;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              chat_key = option.chat_key, content = option.content, system_prompt = option.system_prompt;
+              content = option.content, system_prompt = option.system_prompt;
               _context.next = 3;
               return _this.fetcher.post("/libro/api/chat", {
-                chat_key: chat_key,
                 prompt: content,
                 system_prompt: system_prompt
               });
@@ -56,7 +55,7 @@ export var LibroAINativeChatService = (_dec = singleton(), _dec(_class = /*#__PU
               return _context.abrupt("return", [{
                 sender: {
                   type: 'AI',
-                  id: chat_key
+                  id: 'libro'
                 },
                 content: res.data.output
               }]);
@@ -74,14 +73,13 @@ export var LibroAINativeChatService = (_dec = singleton(), _dec(_class = /*#__PU
     }();
     _this.chatStream = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(option, messgeCallback, eventCallback) {
-        var chat_key, content, system_prompt, url, msg, res, reader, stream, alreayDone, _yield$reader$read, value, done, data, _event;
+        var content, system_prompt, url, msg, res, reader, stream, alreayDone, _yield$reader$read, value, done, data, _event;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              chat_key = option.chat_key, content = option.content, system_prompt = option.system_prompt;
+              content = option.content, system_prompt = option.system_prompt;
               url = "/libro/api/chatstream";
               msg = {
-                chat_key: chat_key,
                 prompt: content,
                 system_prompt: system_prompt
               };
@@ -96,7 +94,7 @@ export var LibroAINativeChatService = (_dec = singleton(), _dec(_class = /*#__PU
             case 5:
               res = _context2.sent;
               if (!(res.status === 200)) {
-                _context2.next = 26;
+                _context2.next = 32;
                 break;
               }
               if (typeof res.data === 'string') {
@@ -108,44 +106,54 @@ export var LibroAINativeChatService = (_dec = singleton(), _dec(_class = /*#__PU
               messgeCallback({
                 sender: {
                   type: 'AI',
-                  id: chat_key
+                  id: 'libro'
                 },
                 content: ''
               });
               alreayDone = false;
-            case 10:
+              _context2.prev = 10;
+            case 11:
               if (alreayDone) {
-                _context2.next = 25;
+                _context2.next = 26;
                 break;
               }
-              _context2.next = 13;
+              _context2.next = 14;
               return reader.read();
-            case 13:
+            case 14:
               _yield$reader$read = _context2.sent;
               value = _yield$reader$read.value;
               done = _yield$reader$read.done;
               if (!done) {
-                _context2.next = 20;
+                _context2.next = 21;
                 break;
               }
               alreayDone = true;
               eventCallback({
                 type: 'done'
               });
-              return _context2.abrupt("break", 25);
-            case 20:
+              return _context2.abrupt("break", 26);
+            case 21:
               data = JSON.parse(value.data);
               _event = ChatEvent.format(value.event || 'chunk', data);
               eventCallback(_event);
-              _context2.next = 10;
+              _context2.next = 11;
               break;
-            case 25:
-              return _context2.abrupt("return");
             case 26:
+              _context2.next = 31;
+              break;
+            case 28:
+              _context2.prev = 28;
+              _context2.t0 = _context2["catch"](10);
+              eventCallback({
+                type: 'error'
+              });
+            case 31:
+              return _context2.abrupt("return");
+            case 32:
             case "end":
               return _context2.stop();
           }
-        }, _callee2);
+        }, _callee2, null, [[10, 28]]);
       }));
       return function (_x2, _x3, _x4) {
         return _ref2.apply(this, arguments);

package/es/libro-ai-native-chat-view.d.ts

@@ -1,12 +1,15 @@
-import type { LibroView } from '@difizen/libro-jupyter';
+import type { CellView, LibroView } from '@difizen/libro-jupyter';
 import { ChatView } from '@difizen/magent-chat';
 import breaks from 'remark-breaks';
 import remarkGfm from 'remark-gfm';
 import './index.less';
+import type { AiNativeChatViewOption } from './protocol.js';
 import { ImageModal } from './utils.js';
 export declare class LibroAiNativeChatView extends ChatView {
     isCellChat: boolean;
     libro?: LibroView;
+    cell?: CellView;
+    constructor(option: AiNativeChatViewOption);
     getMarkdownProps(): {
         components: {
             code: (props: any) => import("react/jsx-runtime").JSX.Element;

package/es/libro-ai-native-chat-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"libro-ai-native-chat-view.d.ts","sourceRoot":"","sources":["../src/libro-ai-native-chat-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,MAAM,MAAM,eAAe,CAAC;AACnC,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAKxC,qBAEa,qBAAsB,SAAQ,QAAQ;IAEjD,UAAU,UAAS;IAEnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAET,gBAAgB;;;;;;;cAON,eAAe,CAAC,UAAU,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;CAiBtD"}
+{"version":3,"file":"libro-ai-native-chat-view.d.ts","sourceRoot":"","sources":["../src/libro-ai-native-chat-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,MAAM,MAAM,eAAe,CAAC;AACnC,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAIxC,qBAEa,qBAAsB,SAAQ,QAAQ;IAEjD,UAAU,UAAS;IAEnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,IAAI,CAAC,EAAE,QAAQ,CAAC;gBAEgB,MAAM,EAAE,sBAAsB;IAMrD,gBAAgB;;;;;;;cAON,eAAe,CAAC,UAAU,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;CAiBtD"}

package/es/libro-ai-native-chat-view.js

@@ -19,28 +19,26 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }
 function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'transform-class-properties is enabled and runs after the decorators transform.'); }
 import { ChatView } from '@difizen/magent-chat';
-import { prop, transient, view } from '@difizen/mana-app';
+import { inject, prop, transient, view, ViewOption } from '@difizen/mana-app';
 import breaks from 'remark-breaks';
 import remarkGfm from 'remark-gfm';
 import { CodeBlockInChat } from "./ai-native-code-block.js";
 import "./index.less";
 import { ImageModal } from "./utils.js";
-// import { ImageModal } from './utils.js';
-
 var viewId = 'magent-chat';
 export var LibroAiNativeChatView = (_dec = transient(), _dec2 = view(viewId), _dec3 = prop(), _dec(_class = _dec2(_class = (_class2 = /*#__PURE__*/function (_ChatView) {
   _inherits(LibroAiNativeChatView, _ChatView);
   var _super = _createSuper(LibroAiNativeChatView);
-  function LibroAiNativeChatView() {
+  function LibroAiNativeChatView(option) {
     var _this;
     _classCallCheck(this, LibroAiNativeChatView);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _super.call(this, option);
     _initializerDefineProperty(_this, "isCellChat", _descriptor, _assertThisInitialized(_this));
+    _this.option = option;
+    _this.isCellChat = option.isCellChat;
     return _this;
   }
+  LibroAiNativeChatView = inject(ViewOption)(LibroAiNativeChatView, undefined, 0) || LibroAiNativeChatView;
   _createClass(LibroAiNativeChatView, [{
     key: "getMarkdownProps",
     value: function getMarkdownProps() {
@@ -56,7 +54,7 @@ export var LibroAiNativeChatView = (_dec = transient(), _dec2 = view(viewId), _d
     key: "toMessageOption",
     value: function toMessageOption(msgContent) {
       if (this.isCellChat) {
-        var _this$libro;
+        var _this$cell;
         return _objectSpread(_objectSpread({
           stream: true
         }, this.option), {}, {
@@ -64,7 +62,7 @@ export var LibroAiNativeChatView = (_dec = transient(), _dec2 = view(viewId), _d
             type: 'HUMAN'
           },
           input: msgContent,
-          system_prompt: "\u6709\u5982\u4E0B\u7684\u4EE3\u7801\u4F5C\u4E3A\u5BF9\u8BDD\u7684\u4E0A\u4E0B\u6587\uFF1A".concat((_this$libro = this.libro) === null || _this$libro === void 0 || (_this$libro = _this$libro.activeCell) === null || _this$libro === void 0 ? void 0 : _this$libro.model.value)
+          system_prompt: "\u6709\u5982\u4E0B\u7684\u4EE3\u7801\u4F5C\u4E3A\u5BF9\u8BDD\u7684\u4E0A\u4E0B\u6587\uFF1A".concat((_this$cell = this.cell) === null || _this$cell === void 0 ? void 0 : _this$cell.model.value)
         });
       }
       return _objectSpread(_objectSpread({

package/es/protocol.d.ts

@@ -1,10 +1,16 @@
 import type { CellView } from '@difizen/libro-jupyter';
-import type { IChatMessageItem } from '@difizen/magent-chat';
+import type { ChatViewOption, IChatMessageItem } from '@difizen/magent-chat';
 export interface IAINativeForCellViewOption {
     cell: CellView;
     [key: string]: any;
 }
 export interface LibroAINativeChatMessageItemOption extends IChatMessageItem {
-    chat_key: string;
+    chat_key?: string;
+}
+export interface AiNativeChatViewOption extends ChatViewOption {
+    id: string;
+    chat_key?: string;
+    isCellChat: boolean;
+    cell?: CellView;
 }
 //# sourceMappingURL=protocol.d.ts.map

package/es/protocol.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"protocol.d.ts","sourceRoot":"","sources":["../src/protocol.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,QAAQ,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,kCAAmC,SAAQ,gBAAgB;IAC1E,QAAQ,EAAE,MAAM,CAAC;CAClB"}
+{"version":3,"file":"protocol.d.ts","sourceRoot":"","sources":["../src/protocol.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7E,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,QAAQ,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,kCAAmC,SAAQ,gBAAgB;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,sBAAuB,SAAQ,cAAc;IAC5D,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB"}

package/es/utils.d.ts

@@ -0,0 +1,6 @@
+import type { CellView } from '@difizen/libro-jupyter';
+export declare function stringToReadableStream(inputString: string): ReadableStream<any>;
+export declare function addCellAIClassname(cell: CellView): void;
+export declare function cancelCellAIClassname(cell: CellView): void;
+export declare function ImageModal({ src, alt }: any): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=utils.d.ts.map

package/es/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAKvD,wBAAgB,sBAAsB,CAAC,WAAW,EAAE,MAAM,uBAgBzD;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,QAAQ,QAMhD;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,QAAQ,QAInD;AAED,wBAAgB,UAAU,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,GAAG,2CA6E3C"}

package/es/utils.js

@@ -25,6 +25,21 @@ export function stringToReadableStream(inputString) {
   });
   return readableStream;
 }
+export function addCellAIClassname(cell) {
+  var _cell$className;
+  if ((_cell$className = cell.className) !== null && _cell$className !== void 0 && _cell$className.includes('ai-cell-focus')) {
+    return;
+  } else {
+    cell.className = cell.className + ' ai-cell-focus';
+  }
+}
+export function cancelCellAIClassname(cell) {
+  var _cell$className2;
+  if ((_cell$className2 = cell.className) !== null && _cell$className2 !== void 0 && _cell$className2.includes(' ai-cell-focus')) {
+    var _cell$className3;
+    cell.className = (_cell$className3 = cell.className) === null || _cell$className3 === void 0 ? void 0 : _cell$className3.replace(' ai-cell-focus', '');
+  }
+}
 export function ImageModal(_ref) {
   var src = _ref.src,
     alt = _ref.alt;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@difizen/libro-ai-native",
-  "version": "0.2.41-next.1",
+  "version": "0.2.41-next.3",
   "description": "",
   "keywords": [
     "libro",
@@ -32,7 +32,7 @@
     "src"
   ],
   "dependencies": {
-    "@difizen/libro-jupyter": "^0.2.41-next.1",
+    "@difizen/libro-jupyter": "0.2.41-next.3",
     "@ant-design/icons": "^5.4.0",
     "react-zoom-pan-pinch": "^3.6.1",
     "@difizen/mana-app": "latest",