@difizen/libro-ai-native 0.2.41-next.5 → 0.2.42

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":"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"}
+{"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;CAmMjD"}

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

@@ -232,7 +232,7 @@ export var LibroAINativeCommandContribution = (_dec = singleton({
       this.libroCommand.registerLibroCommand(command, AINativeCommands['Explain'], {
         execute: function () {
           var _execute4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(cell, libro) {
-            var libroAINativeForCellView;
+            var libroAINativeForCellView, code;
             return _regeneratorRuntime().wrap(function _callee4$(_context4) {
               while (1) switch (_context4.prev = _context4.next) {
                 case 0:
@@ -248,11 +248,12 @@ export var LibroAINativeCommandContribution = (_dec = singleton({
                   libroAINativeForCellView = _context4.sent;
                   libroAINativeForCellView.showAI = true;
                   addCellAIClassname(cell);
+                  code = l10n.getLang() === 'en-US' ? "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");
                   libroAINativeForCellView.chatStream({
-                    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")
+                    content: code
                   });
                   // this.libroService.active?.enterEditMode();
-                case 8:
+                case 9:
                 case "end":
                   return _context4.stop();
               }
@@ -273,7 +274,7 @@ export var LibroAINativeCommandContribution = (_dec = singleton({
       this.libroCommand.registerLibroCommand(command, AINativeCommands['Optimize'], {
         execute: function () {
           var _execute5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(cell, libro) {
-            var libroAINativeForCellView;
+            var libroAINativeForCellView, code;
             return _regeneratorRuntime().wrap(function _callee5$(_context5) {
               while (1) switch (_context5.prev = _context5.next) {
                 case 0:
@@ -288,12 +289,13 @@ export var LibroAINativeCommandContribution = (_dec = singleton({
                 case 4:
                   libroAINativeForCellView = _context5.sent;
                   libroAINativeForCellView.showAI = true;
+                  code = l10n.getLang() === 'en-US' ? "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");
                   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")
+                    content: code
                   });
                   // this.libroService.active?.enterEditMode();
-                case 8:
+                case 9:
                 case "end":
                   return _context5.stop();
               }

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;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"}
+{"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;AAW9D,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,mBA+DtC;CACH"}

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

@@ -91,7 +91,7 @@ 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, language, 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, error, _yield$reader$read, value, done, data, event;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -99,7 +99,7 @@ export var LibroAINativeForCellView = (_dec = transient(), _dec2 = view('libro-a
               url = "/libro/api/chatstream";
               msg = {
                 chat_key: chat_key,
-                prompt: content,
+                prompt: encodeURIComponent(content),
                 language: language
               };
               _context.next = 5;
@@ -113,7 +113,7 @@ export var LibroAINativeForCellView = (_dec = transient(), _dec2 = view('libro-a
             case 5:
               res = _context.sent;
               if (!(res.status === 200)) {
-                _context.next = 33;
+                _context.next = 36;
                 break;
               }
               if (typeof res.data === 'string') {
@@ -131,49 +131,57 @@ export var LibroAINativeForCellView = (_dec = transient(), _dec2 = view('libro-a
               });
               _this.libroAIChatMessageItemModel = msgItem;
               alreayDone = false;
-              _context.prev = 11;
-            case 12:
+              error = {
+                data: '',
+                type: 'event'
+              };
+              _context.prev = 12;
+            case 13:
               if (alreayDone) {
-                _context.next = 27;
+                _context.next = 29;
                 break;
               }
-              _context.next = 15;
+              _context.next = 16;
               return reader.read();
-            case 15:
+            case 16:
               _yield$reader$read = _context.sent;
               value = _yield$reader$read.value;
               done = _yield$reader$read.done;
+              if (value) {
+                error = value;
+              }
               if (!done) {
-                _context.next = 22;
+                _context.next = 24;
                 break;
               }
               alreayDone = true;
               msgItem.handleEventData({
                 type: 'done'
               });
-              return _context.abrupt("break", 27);
-            case 22:
+              return _context.abrupt("break", 29);
+            case 24:
               data = JSON.parse(value.data);
               event = ChatEvent.format(value.event || 'chunk', data);
               msgItem.handleEventData(event);
-              _context.next = 12;
-              break;
-            case 27:
-              _context.next = 32;
+              _context.next = 13;
               break;
             case 29:
-              _context.prev = 29;
-              _context.t0 = _context["catch"](11);
+              _context.next = 35;
+              break;
+            case 31:
+              _context.prev = 31;
+              _context.t0 = _context["catch"](12);
+              console.error('libro-ai-error:' + error.data);
               msgItem.handleEventData({
                 type: 'error'
               });
-            case 32:
+            case 35:
               return _context.abrupt("return");
-            case 33:
+            case 36:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[11, 29]]);
+        }, _callee, null, [[12, 31]]);
       }));
       return function (_x) {
         return _ref.apply(this, arguments);

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;AAOhC,OAAO,cAAc,CAAC;AAmFtB,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;AAsFtB,qBAEa,kBAAmB,SAAQ,gBAAgB;IAC7C,IAAI,2FAA4B;IACjC,QAAQ,UAAS;CAC1B"}

package/es/error-output-model.js

@@ -54,7 +54,7 @@ var AIErrorOutputModelRender = /*#__PURE__*/forwardRef(function ErrorOutputModel
   };
   var handleFixWithAI = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var libroAINativeForCellView;
+      var libroAINativeForCellView, code;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -64,12 +64,13 @@ var AIErrorOutputModelRender = /*#__PURE__*/forwardRef(function ErrorOutputModel
             libroAINativeForCellView = _context.sent;
             addCellAIClassname(output.cell);
             libroAINativeForCellView.showAI = true;
+            code = l10n.getLang() === 'en-US' ? "Code is:\n".concat(output.cell.model.value, "\nError trackback is:\n").concat(concatMultilineString(source.traceback)) : "\u4EE3\u7801\u4E3A:\n".concat(output.cell.model.value, "\n\u62A5\u9519\u4E3A:\n").concat(concatMultilineString(source.traceback));
             libroAINativeForCellView.chatStream({
               chat_key: 'LLM:debug',
-              content: "\u4EE3\u7801\u4E3A:\n".concat(output.cell.model.value, "\n\u62A5\u9519\u4E3A:\n").concat(concatMultilineString(source.traceback)),
+              content: code,
               language: l10n.getLang()
             });
-          case 6:
+          case 7:
           case "end":
             return _context.stop();
         }

package/es/index.less

@@ -179,7 +179,7 @@
 }
 
 .libro-ai-native-for-cell-cancel-btn {
-  width: 78px;
+  width: 92px;
 
   &.@{ant-prefix}-btn-variant-outlined {
     border-color: var(--mana-libro-ai-native-color);
@@ -265,7 +265,7 @@
 
 .libro-ai-native-for-cell-container {
   display: flex;
-  padding-top: 18px;
+  padding: 18px 0;
   justify-content: space-between;
 }
 

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,CAkB5B;IACO,UAAU,WACT,kCAAkC,0BAClB,gBAAgB,KAAK,IAAI,yBAC1B,UAAU,KAAK,IAAI,mBA0D1C;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;AAKzD,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,mBAgE1C;CACH"}

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

@@ -39,7 +39,7 @@ export var LibroAINativeChatService = (_dec = singleton(), _dec(_class = /*#__PU
               content = option.content, system_prompt = option.system_prompt;
               _context.next = 3;
               return _this.fetcher.post("/libro/api/chat", {
-                prompt: content,
+                prompt: encodeURIComponent(content),
                 system_prompt: system_prompt
               });
             case 3:
@@ -73,14 +73,14 @@ export var LibroAINativeChatService = (_dec = singleton(), _dec(_class = /*#__PU
     }();
     _this.chatStream = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(option, messgeCallback, eventCallback) {
-        var 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, error, _yield$reader$read, value, done, data, _event;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               content = option.content, system_prompt = option.system_prompt;
               url = "/libro/api/chatstream";
               msg = {
-                prompt: content,
+                prompt: encodeURIComponent(content),
                 system_prompt: system_prompt
               };
               _context2.next = 5;
@@ -94,7 +94,7 @@ export var LibroAINativeChatService = (_dec = singleton(), _dec(_class = /*#__PU
             case 5:
               res = _context2.sent;
               if (!(res.status === 200)) {
-                _context2.next = 32;
+                _context2.next = 35;
                 break;
               }
               if (typeof res.data === 'string') {
@@ -111,49 +111,58 @@ export var LibroAINativeChatService = (_dec = singleton(), _dec(_class = /*#__PU
                 content: ''
               });
               alreayDone = false;
-              _context2.prev = 10;
-            case 11:
+              error = {
+                data: '',
+                type: 'event'
+              };
+              _context2.prev = 11;
+            case 12:
               if (alreayDone) {
-                _context2.next = 26;
+                _context2.next = 28;
                 break;
               }
-              _context2.next = 14;
+              _context2.next = 15;
               return reader.read();
-            case 14:
+            case 15:
               _yield$reader$read = _context2.sent;
               value = _yield$reader$read.value;
               done = _yield$reader$read.done;
               if (!done) {
-                _context2.next = 21;
+                _context2.next = 22;
                 break;
               }
               alreayDone = true;
               eventCallback({
                 type: 'done'
               });
-              return _context2.abrupt("break", 26);
-            case 21:
+              return _context2.abrupt("break", 28);
+            case 22:
+              if (value) {
+                error = value;
+              }
               data = JSON.parse(value.data);
               _event = ChatEvent.format(value.event || 'chunk', data);
               eventCallback(_event);
-              _context2.next = 11;
-              break;
-            case 26:
-              _context2.next = 31;
+              _context2.next = 12;
               break;
             case 28:
-              _context2.prev = 28;
-              _context2.t0 = _context2["catch"](10);
+              _context2.next = 34;
+              break;
+            case 30:
+              _context2.prev = 30;
+              _context2.t0 = _context2["catch"](11);
+              console.error('libro-ai-error:' + error.data);
               eventCallback({
-                type: 'error'
+                type: 'error',
+                message: error.data
               });
-            case 31:
+            case 34:
               return _context2.abrupt("return");
-            case 32:
+            case 35:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, null, [[10, 28]]);
+        }, _callee2, null, [[11, 30]]);
       }));
       return function (_x2, _x3, _x4) {
         return _ref2.apply(this, arguments);

package/package.json

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

package/src/error-output-model.tsx

@@ -49,10 +49,13 @@ const AIErrorOutputModelRender = forwardRef<HTMLDivElement>(
         );
       addCellAIClassname(output.cell);
       libroAINativeForCellView.showAI = true;
-
+      const code =
+        l10n.getLang() === 'en-US'
+          ? `Code is:\n${output.cell.model.value}\nError trackback is:\n${concatMultilineString(source.traceback)}`
+          : `代码为:\n${output.cell.model.value}\n报错为:\n${concatMultilineString(source.traceback)}`;
       libroAINativeForCellView.chatStream({
         chat_key: 'LLM:debug',
-        content: `代码为:\n${output.cell.model.value}\n报错为:\n${concatMultilineString(source.traceback)}`,
+        content: code,
         language: l10n.getLang(),
       });
     };

package/src/index.less

@@ -179,7 +179,7 @@
 }
 
 .libro-ai-native-for-cell-cancel-btn {
-  width: 78px;
+  width: 92px;
 
   &.@{ant-prefix}-btn-variant-outlined {
     border-color: var(--mana-libro-ai-native-color);