@difizen/libro-prompt-cell 0.1.1 → 0.1.2

package/es/index.less

@@ -50,5 +50,5 @@
 .libro-prompt-output-btn {
   cursor: pointer;
   color: #1677ff;
-  margin-left: 24px;
+  margin-right: 16px;
 }

package/es/libro-llm-render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"libro-llm-render.d.ts","sourceRoot":"","sources":["../src/libro-llm-render.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAC1E,OAAO,iCAAiC,CAAC;AAEzC,OAAO,cAAc,CAAC;AAgBtB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAqCrD,CAAC;AACF,eAAO,MAAM,kBAAkB;UAtCe,MAAM;EAsCE,CAAC"}
+{"version":3,"file":"libro-llm-render.d.ts","sourceRoot":"","sources":["../src/libro-llm-render.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAC1E,OAAO,iCAAiC,CAAC;AAEzC,OAAO,cAAc,CAAC;AAiBtB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAqCrD,CAAC;AACF,eAAO,MAAM,kBAAkB;UAtCe,MAAM;EAsCE,CAAC"}

package/es/libro-llm-render.js

@@ -29,7 +29,10 @@ marked.use(markedKatex({
       language: language
     }).value;
   }
-}));
+}), {
+  headerIds: false,
+  mangle: false
+});
 export var LibroLLMRender = function LibroLLMRender(props) {
   var data = props.data;
   var renderMarkdownRef = useRef(null);
@@ -57,7 +60,8 @@ export var LibroLLMRender = function LibroLLMRender(props) {
         (_hljsElement$parentNo = hljsElement.parentNode) === null || _hljsElement$parentNo === void 0 || _hljsElement$parentNo.insertBefore(newElement, hljsElement.nextSibling);
       }
     }
-  }, [data, renderExtraList]);
+  }, [data]); // eslint-disable-line react-hooks/exhaustive-deps
+
   return /*#__PURE__*/_jsx("div", {
     className: "libro-llm-output-render",
     ref: renderMarkdownRef,

package/es/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAS/C,eAAO,MAAM,qBAAqB,YAuB2B,CAAC"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAU/C,eAAO,MAAM,qBAAqB,YAuB2B,CAAC"}

package/es/module.js

@@ -1,13 +1,14 @@
 import { CellOptions, LibroModule, OutputModule } from '@difizen/libro-core';
 import { LibroRenderMimeModule } from '@difizen/libro-rendermime';
 import { ManaModule } from '@difizen/mana-app';
+import { LibroPromptCellCommandContribution } from "./prompt-cell-command-contribution.js";
 import { PromptCellContribution } from "./prompt-cell-contribution.js";
 import { LibroPromptCellModel } from "./prompt-cell-model.js";
 import { LibroPromptOutputArea } from "./prompt-cell-output-area.js";
 import { LibroPromptCellModelFactory } from "./prompt-cell-protocol.js";
 import { LibroPromptCellView } from "./prompt-cell-view.js";
 import { LibroPromptOutputMimeTypeContribution } from "./prompt-output-rendermime-contribution.js";
-export var LibroPromptCellModule = ManaModule.create().register(PromptCellContribution, LibroPromptCellView, LibroPromptCellModel, LibroPromptOutputArea, LibroPromptOutputMimeTypeContribution, {
+export var LibroPromptCellModule = ManaModule.create().register(PromptCellContribution, LibroPromptCellView, LibroPromptCellModel, LibroPromptOutputArea, LibroPromptOutputMimeTypeContribution, LibroPromptCellCommandContribution, {
   token: LibroPromptCellModelFactory,
   useFactory: function useFactory(ctx) {
     return function (options) {

package/es/prompt-cell-view.d.ts

@@ -1,5 +1,5 @@
-import type { CodeEditorViewOptions, IRange } from '@difizen/libro-code-editor';
-import { CodeEditorView } from '@difizen/libro-code-editor';
+import { CodeEditorManager } from '@difizen/libro-code-editor';
+import type { CodeEditorViewOptions, IRange, CodeEditorView } from '@difizen/libro-code-editor';
 import type { IOutput } from '@difizen/libro-common';
 import type { LibroCell, CellViewOptions } from '@difizen/libro-core';
 import { CellService, LibroExecutableCellView, LibroOutputArea, LibroViewTracker } from '@difizen/libro-core';
@@ -21,6 +21,7 @@ export declare class LibroPromptCellView extends LibroExecutableCellView {
     model: LibroPromptCellModel;
     modelSelection: IModelSelectionItem[];
     viewManager: ViewManager;
+    codeEditorManager: CodeEditorManager;
     outputs: IOutput[];
     libroViewTracker: LibroViewTracker;
     editorView?: CodeEditorView;
@@ -28,12 +29,13 @@ export declare class LibroPromptCellView extends LibroExecutableCellView {
     get outputAreaReady(): Promise<LibroOutputArea>;
     protected editorViewReadyDeferred: Deferred<void>;
     get editorReady(): Promise<void>;
-    constructor(options: CellViewOptions, cellService: CellService, viewManager: ViewManager, libroViewTracker: LibroViewTracker);
+    constructor(options: CellViewOptions, cellService: CellService, viewManager: ViewManager, libroViewTracker: LibroViewTracker, codeEditorManager: CodeEditorManager);
     outputWatch(): void;
     toJSON(): LibroCell;
     onViewMount(): void;
     protected getEditorOption(): CodeEditorViewOptions;
     createEditor(): Promise<void>;
+    protected afterEditorReady(): Promise<void>;
     shouldEnterEditorMode(e: React.FocusEvent<HTMLElement>): boolean;
     blur: () => void;
     focus: (toEdit: boolean) => void;

package/es/prompt-cell-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prompt-cell-view.d.ts","sourceRoot":"","sources":["../src/prompt-cell-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,OAAO,KAAK,EAAa,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhE,OAAO,KAAK,EAEV,SAAS,EACT,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,WAAW,EACX,uBAAuB,EACvB,eAAe,EACf,gBAAgB,EACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAiB,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE3E,OAAO,EAQL,WAAW,EAIZ,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAGnE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;CACf;AAYD,eAAO,MAAM,cAAc,gCAAyB,CAAC;AA4DrD,qBAEa,mBAAoB,SAAQ,uBAAuB;IACrD,IAAI,uEAA6B;IAElC,KAAK,EAAE,oBAAoB,CAAC;IAGpC,cAAc,EAAE,mBAAmB,EAAE,CAAM;IAE3C,WAAW,EAAE,WAAW,CAAC;IAEzB,OAAO,EAAE,OAAO,EAAE,CAAC;IAEnB,gBAAgB,EAAE,gBAAgB,CAAC;IAGnC,UAAU,CAAC,EAAE,cAAc,CAAC;IAE5B,SAAS,CAAC,kBAAkB,4BAAmC;IAC/D,IAAI,eAAe,6BAElB;IAED,SAAS,CAAC,uBAAuB,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAwB;IAEzE,IAAI,WAAW,kBAEd;gBAGqB,OAAO,EAAE,eAAe,EACvB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACnB,gBAAgB,EAAE,gBAAgB;IA+BrD,WAAW;IAQX,MAAM,IAAI,SAAS;IASnB,WAAW;IAQpB,SAAS,CAAC,eAAe,IAAI,qBAAqB;IAmB5C,YAAY;IAoBT,qBAAqB,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;IAQtD,IAAI,aAGX;IAEO,KAAK,WAAY,OAAO,UAqC/B;IAEO,cAAc,aAGrB;IAEO,aAAa,QAAO,EAAE,CAE7B;IAEO,qBAAqB,cAAe,MAAM;;;MAKjD;IAEa,GAAG;IAkFlB,KAAK,YACM,cAAc,kBAAkB,CAAC,SAAS,CAAC,oBAClC,cAAc,aAAa,KAAK,GAAG,6CAUrD;IAEF,mBAAmB,aAAc,cAAc,aAAa,UAmC1D;CACH"}
+{"version":3,"file":"prompt-cell-view.d.ts","sourceRoot":"","sources":["../src/prompt-cell-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EACV,qBAAqB,EACrB,MAAM,EACN,cAAc,EACf,MAAM,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAAa,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhE,OAAO,KAAK,EAEV,SAAS,EACT,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,WAAW,EACX,uBAAuB,EACvB,eAAe,EACf,gBAAgB,EAEjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAiB,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE3E,OAAO,EAQL,WAAW,EAIZ,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAGnE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;CACf;AAYD,eAAO,MAAM,cAAc,gCAAyB,CAAC;AA8DrD,qBAEa,mBAAoB,SAAQ,uBAAuB;IACrD,IAAI,uEAA6B;IAElC,KAAK,EAAE,oBAAoB,CAAC;IAGpC,cAAc,EAAE,mBAAmB,EAAE,CAAM;IAE3C,WAAW,EAAE,WAAW,CAAC;IAEzB,iBAAiB,EAAE,iBAAiB,CAAC;IAErC,OAAO,EAAE,OAAO,EAAE,CAAC;IAEnB,gBAAgB,EAAE,gBAAgB,CAAC;IAGnC,UAAU,CAAC,EAAE,cAAc,CAAC;IAE5B,SAAS,CAAC,kBAAkB,4BAAmC;IAC/D,IAAI,eAAe,6BAElB;IAED,SAAS,CAAC,uBAAuB,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAwB;IAEzE,IAAI,WAAW,kBAEd;gBAGqB,OAAO,EAAE,eAAe,EACvB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACnB,gBAAgB,EAAE,gBAAgB,EACjC,iBAAiB,EAAE,iBAAiB;IAgCxD,WAAW;IAQX,MAAM,IAAI,SAAS;IASnB,WAAW;IAQpB,SAAS,CAAC,eAAe,IAAI,qBAAqB;IAY5C,YAAY;cAmBF,gBAAgB;IAUvB,qBAAqB,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC;IAQtD,IAAI,aAGX;IAEO,KAAK,WAAY,OAAO,UAqC/B;IAEO,cAAc,aAGrB;IAEF,aAAa,QAAO,EAAE,CAEpB;IAEF,qBAAqB,cAAe,MAAM;;;MAKxC;IAEa,GAAG;IAkFlB,KAAK,YACM,cAAc,kBAAkB,CAAC,SAAS,CAAC,oBAClC,cAAc,aAAa,KAAK,GAAG,6CAUrD;IAEF,mBAAmB,aAAc,cAAc,aAAa,UAmC1D;CACH"}

package/es/prompt-cell-view.js

@@ -29,10 +29,9 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { CodeEditorView } from '@difizen/libro-code-editor';
-import { CodeMirrorEditor, codeMirrorEditorFactory } from '@difizen/libro-codemirror';
+import { CodeEditorManager } from '@difizen/libro-code-editor';
 import { isOutput } from '@difizen/libro-common';
-import { CellService, LibroExecutableCellView, LibroOutputArea, LibroViewTracker } from '@difizen/libro-core';
+import { CellService, LibroExecutableCellView, LibroOutputArea, LibroViewTracker, EditorStatus } from '@difizen/libro-core';
 import { KernelError, LibroJupyterModel } from '@difizen/libro-jupyter';
 import { getOrigin, inject, prop, transient, useInject, view, ViewInstance, ViewManager, ViewOption, ViewRender, watch } from '@difizen/mana-app';
 import { Deferred } from '@difizen/mana-app';
@@ -70,16 +69,18 @@ var PropmtEditorViewComponent = /*#__PURE__*/React.forwardRef(function MaxPropmt
       code: PromptScript.get_models,
       store_history: false
     }, instance.handleQueryResponse).then(function () {
-      if (instance.modelSelection.length > 0) {
-        setSelectedModel(instance.modelSelection[0].label);
-        instance.model.modelType = instance.modelSelection[0].label;
+      var len = instance.modelSelection.length;
+      if (len > 0) {
+        setSelectedModel(instance.modelSelection[len - 1].label);
+        instance.model.modelType = instance.modelSelection[len - 1].label;
         return;
       }
       return;
     }).catch(function () {
       //
     });
-  }, [instance]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   var handleChange = function handleChange(value) {
     instance.model.modelType = value;
     setSelectedModel(value);
@@ -124,7 +125,7 @@ var PropmtEditorViewComponent = /*#__PURE__*/React.forwardRef(function MaxPropmt
 export var LibroPromptCellView = (_dec = transient(), _dec2 = view('prompt-editor-cell-view'), _dec3 = prop(), _dec4 = prop(), _dec(_class = _dec2(_class = (_class2 = /*#__PURE__*/function (_LibroExecutableCellV) {
   _inherits(LibroPromptCellView, _LibroExecutableCellV);
   var _super = _createSuper(LibroPromptCellView);
-  function LibroPromptCellView(options, cellService, viewManager, libroViewTracker) {
+  function LibroPromptCellView(options, cellService, viewManager, libroViewTracker, codeEditorManager) {
     var _options$cell;
     var _this;
     _classCallCheck(this, LibroPromptCellView);
@@ -132,6 +133,7 @@ export var LibroPromptCellView = (_dec = transient(), _dec2 = view('prompt-edito
     _this.view = PropmtEditorViewComponent;
     _initializerDefineProperty(_this, "modelSelection", _descriptor, _assertThisInitialized(_this));
     _this.viewManager = void 0;
+    _this.codeEditorManager = void 0;
     _this.outputs = void 0;
     _this.libroViewTracker = void 0;
     _initializerDefineProperty(_this, "editorView", _descriptor2, _assertThisInitialized(_this));
@@ -282,6 +284,7 @@ export var LibroPromptCellView = (_dec = transient(), _dec2 = view('prompt-edito
     _this.options = options;
     _this.viewManager = viewManager;
     _this.className = _this.className + ' prompt';
+    _this.codeEditorManager = codeEditorManager;
     _this.outputs = (_options$cell = options.cell) === null || _options$cell === void 0 ? void 0 : _options$cell.outputs;
     _this.libroViewTracker = libroViewTracker;
 
@@ -321,6 +324,7 @@ export var LibroPromptCellView = (_dec = transient(), _dec2 = view('prompt-edito
     });
     return _this;
   }
+  LibroPromptCellView = inject(CodeEditorManager)(LibroPromptCellView, undefined, 4) || LibroPromptCellView;
   LibroPromptCellView = inject(LibroViewTracker)(LibroPromptCellView, undefined, 3) || LibroPromptCellView;
   LibroPromptCellView = inject(ViewManager)(LibroPromptCellView, undefined, 2) || LibroPromptCellView;
   LibroPromptCellView = inject(CellService)(LibroPromptCellView, undefined, 1) || LibroPromptCellView;
@@ -367,15 +371,8 @@ export var LibroPromptCellView = (_dec = transient(), _dec2 = view('prompt-edito
   }, {
     key: "getEditorOption",
     value: function getEditorOption() {
-      var _this3 = this;
       var option = {
-        factory: function factory(editorOption) {
-          return codeMirrorEditorFactory(_objectSpread(_objectSpread({}, editorOption), {}, {
-            config: _objectSpread(_objectSpread({}, editorOption.config), {
-              readOnly: _this3.parent.model.readOnly
-            })
-          }));
-        },
+        editorHostId: this.parent.id + this.id,
         model: this.model,
         config: {
           readOnly: this.parent.model.readOnly,
@@ -388,28 +385,31 @@ export var LibroPromptCellView = (_dec = transient(), _dec2 = view('prompt-edito
     key: "createEditor",
     value: function () {
       var _createEditor = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
-        var _this4 = this;
-        var option;
+        var option, editorView;
         return _regeneratorRuntime().wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
               option = this.getEditorOption();
-              this.viewManager.getOrCreateView(CodeEditorView, option).then(function (editorView) {
-                _this4.editorView = editorView;
-                _this4.editorViewReadyDeferred.resolve();
-                watch(_this4.parent.model, 'readOnly', function () {
-                  var _this4$editorView, _this4$editorView2;
-                  (_this4$editorView = _this4.editorView) === null || _this4$editorView === void 0 || (_this4$editorView = _this4$editorView.editor) === null || _this4$editorView === void 0 || _this4$editorView.setOption('readOnly', _this4.parent.model.readOnly);
-                  if (((_this4$editorView2 = _this4.editorView) === null || _this4$editorView2 === void 0 ? void 0 : _this4$editorView2.editor) instanceof CodeMirrorEditor) {
-                    var _this4$editorView3;
-                    (_this4$editorView3 = _this4.editorView) === null || _this4$editorView3 === void 0 || _this4$editorView3.editor.setOption('placeholder', '请输入代码');
-                  }
-                });
-                return;
-              }).catch(function () {
-                //
-              });
-            case 2:
+              this.editorStatus = EditorStatus.LOADING;
+
+              // 防止虚拟滚动中编辑器被频繁创建
+              if (!this.editorView) {
+                _context5.next = 5;
+                break;
+              }
+              this.editorStatus = EditorStatus.LOADED;
+              return _context5.abrupt("return");
+            case 5:
+              _context5.next = 7;
+              return this.codeEditorManager.getOrCreateEditorView(option);
+            case 7:
+              editorView = _context5.sent;
+              this.editorView = editorView;
+              this.editorViewReadyDeferred.resolve();
+              this.editorStatus = EditorStatus.LOADED;
+              _context5.next = 13;
+              return this.afterEditorReady();
+            case 13:
             case "end":
               return _context5.stop();
           }
@@ -420,6 +420,33 @@ export var LibroPromptCellView = (_dec = transient(), _dec2 = view('prompt-edito
       }
       return createEditor;
     }()
+  }, {
+    key: "afterEditorReady",
+    value: function () {
+      var _afterEditorReady = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
+        var _this3 = this,
+          _this$editorView9;
+        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
+            case 0:
+              watch(this.parent.model, 'readOnly', function () {
+                var _this3$editorView;
+                (_this3$editorView = _this3.editorView) === null || _this3$editorView === void 0 || (_this3$editorView = _this3$editorView.editor) === null || _this3$editorView === void 0 || _this3$editorView.setOption('readOnly', getOrigin(_this3.parent.model.readOnly));
+              });
+              (_this$editorView9 = this.editorView) === null || _this$editorView9 === void 0 || _this$editorView9.onModalChange(function (val) {
+                return _this3.hasModal = val;
+              });
+            case 2:
+            case "end":
+              return _context6.stop();
+          }
+        }, _callee6, this);
+      }));
+      function afterEditorReady() {
+        return _afterEditorReady.apply(this, arguments);
+      }
+      return afterEditorReady;
+    }()
   }, {
     key: "shouldEnterEditorMode",
     value: function shouldEnterEditorMode(e) {
@@ -429,18 +456,18 @@ export var LibroPromptCellView = (_dec = transient(), _dec2 = view('prompt-edito
   }, {
     key: "run",
     value: function () {
-      var _run = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
-        var _this5 = this;
+      var _run = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+        var _this4 = this;
         var libroModel, kernelConnection, promptObj, cellContent, future, startTimeStr, msgPromise, endTimeStr;
-        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+        return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
               libroModel = this.parent.model;
               if (!(!libroModel || !(libroModel instanceof LibroJupyterModel) || !libroModel.kernelConnection || libroModel.kernelConnection.isDisposed)) {
-                _context6.next = 3;
+                _context7.next = 3;
                 break;
               }
-              return _context6.abrupt("return", false);
+              return _context7.abrupt("return", false);
             case 3:
               kernelConnection = getOrigin(libroModel.kernelConnection); // const cellContent = '%prompt ' + toBase64(this.model.value) + ',model:';
               promptObj = {
@@ -448,7 +475,7 @@ export var LibroPromptCellView = (_dec = transient(), _dec2 = view('prompt-edito
                 prompt: this.model.value
               };
               cellContent = "%%prompt \n".concat(JSON.stringify(promptObj));
-              _context6.prev = 6;
+              _context7.prev = 6;
               // Promise.resolve().then(() => {
               this.clearExecution();
               // });
@@ -465,23 +492,23 @@ export var LibroPromptCellView = (_dec = transient(), _dec2 = view('prompt-edito
 
               // Handle iopub messages
               future.onIOPub = function (msg) {
-                _this5.model.msgChangeEmitter.fire(msg);
+                _this4.model.msgChangeEmitter.fire(msg);
                 if (msg.header.msg_type === 'execute_input') {
-                  _this5.model.kernelExecuting = true;
+                  _this4.model.kernelExecuting = true;
                   startTimeStr = msg.header.date;
-                  var meta = _this5.model.metadata.execution;
+                  var meta = _this4.model.metadata.execution;
                   if (meta) {
                     meta['shell.execute_reply.started'] = startTimeStr;
                   }
                 }
                 if (msg.header.msg_type === 'error') {
-                  _this5.model.hasExecutedError = true;
+                  _this4.model.hasExecutedError = true;
                 }
               };
-              _context6.next = 15;
+              _context7.next = 15;
               return future.done;
             case 15:
-              msgPromise = _context6.sent;
+              msgPromise = _context7.sent;
               this.model.executing = false;
               this.model.kernelExecuting = false;
               this.model.hasExecutedSuccess = !this.model.hasExecutedError;
@@ -490,36 +517,36 @@ export var LibroPromptCellView = (_dec = transient(), _dec2 = view('prompt-edito
               this.model.metadata['execution']['shell.execute_reply.started'] = startTimeStr;
               this.model.metadata['execution']['shell.execute_reply.end'] = endTimeStr;
               if (msgPromise) {
-                _context6.next = 25;
+                _context7.next = 25;
                 break;
               }
-              return _context6.abrupt("return", true);
+              return _context7.abrupt("return", true);
             case 25:
               if (!(msgPromise.content.status === 'ok')) {
-                _context6.next = 29;
+                _context7.next = 29;
                 break;
               }
-              return _context6.abrupt("return", true);
+              return _context7.abrupt("return", true);
             case 29:
               throw new KernelError(msgPromise.content);
             case 30:
-              _context6.next = 37;
+              _context7.next = 37;
               break;
             case 32:
-              _context6.prev = 32;
-              _context6.t0 = _context6["catch"](6);
-              if (!_context6.t0.message.startsWith('Canceled')) {
-                _context6.next = 36;
+              _context7.prev = 32;
+              _context7.t0 = _context7["catch"](6);
+              if (!_context7.t0.message.startsWith('Canceled')) {
+                _context7.next = 36;
                 break;
               }
-              return _context6.abrupt("return", false);
+              return _context7.abrupt("return", false);
             case 36:
-              throw _context6.t0;
+              throw _context7.t0;
             case 37:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
-        }, _callee6, this, [[6, 32]]);
+        }, _callee7, this, [[6, 32]]);
       }));
       function run() {
         return _run.apply(this, arguments);

package/es/prompt-output-render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prompt-output-render.d.ts","sourceRoot":"","sources":["../src/prompt-output-render.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,KAAK,EAAE,cAAc,CAAC;CACvB,CAyDA,CAAC"}
+{"version":3,"file":"prompt-output-render.d.ts","sourceRoot":"","sources":["../src/prompt-output-render.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG7D,OAAO,KAAmB,MAAM,OAAO,CAAC;AAcxC,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC;IACxC,KAAK,EAAE,cAAc,CAAC;CACvB,CAmGA,CAAC"}

package/es/prompt-output-render.js

@@ -2,14 +2,22 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 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); }); }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { copy2clipboard } from '@difizen/libro-common';
 import { concatMultilineString } from '@difizen/libro-common';
 import { NotebookCommands } from '@difizen/libro-jupyter';
 import { CommandRegistry, useInject } from '@difizen/mana-app';
-import React from 'react';
+import React, { useState } from 'react';
 import { v4 } from 'uuid';
 import { LibroLLMRenderMemo } from "./libro-llm-render.js";
 import { getPythonCode } from "./prompt-cell-utils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var getModelOutput = function getModelOutput(data) {
   if (typeof data === 'string' || Array.isArray(data)) {
@@ -22,6 +30,10 @@ export var PromptOutputRender = function PromptOutputRender(props) {
   var model = props.model;
   var renderHTMLRef = /*#__PURE__*/React.createRef();
   var commandRegistry = useInject(CommandRegistry);
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    selection = _useState2[0],
+    setSelection = _useState2[1];
   if (!model.data['application/vnd.libro.prompt+json']) {
     return null;
   }
@@ -32,7 +44,7 @@ export var PromptOutputRender = function PromptOutputRender(props) {
   }
   var modelData = getModelOutput(data);
   var sourceArr = getPythonCode(modelData !== null && modelData !== void 0 ? modelData : '');
-  var handleOutput = /*#__PURE__*/function () {
+  var insertAndRun = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
       var libro, insertIndex;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
@@ -45,7 +57,6 @@ export var PromptOutputRender = function PromptOutputRender(props) {
             _context3.next = 4;
             return Promise.all(sourceArr.map( /*#__PURE__*/function () {
               var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(value, index) {
-                var newView;
                 return _regeneratorRuntime().wrap(function _callee$(_context) {
                   while (1) switch (_context.prev = _context.next) {
                     case 0:
@@ -59,9 +70,6 @@ export var PromptOutputRender = function PromptOutputRender(props) {
                         }
                       }, insertIndex + index + 1);
                     case 2:
-                      newView = _context.sent;
-                      return _context.abrupt("return", newView);
-                    case 4:
                     case "end":
                       return _context.stop();
                   }
@@ -96,12 +104,97 @@ export var PromptOutputRender = function PromptOutputRender(props) {
         }
       }, _callee3);
     }));
-    return function handleOutput() {
+    return function insertAndRun() {
       return _ref2.apply(this, arguments);
     };
   }();
+  var insert = /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+      var libro, insertIndex;
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            libro = model.cell.parent;
+            insertIndex = libro.model.cells.findIndex(function (c) {
+              return c.id === model.cell.id;
+            });
+            _context5.next = 4;
+            return Promise.all(sourceArr.map( /*#__PURE__*/function () {
+              var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(value, index) {
+                return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+                  while (1) switch (_context4.prev = _context4.next) {
+                    case 0:
+                      _context4.next = 2;
+                      return libro.addCell({
+                        id: v4(),
+                        cell: {
+                          cell_type: 'code',
+                          source: value,
+                          metadata: {}
+                        }
+                      }, insertIndex + index + 1);
+                    case 2:
+                    case "end":
+                      return _context4.stop();
+                  }
+                }, _callee4);
+              }));
+              return function (_x5, _x6) {
+                return _ref6.apply(this, arguments);
+              };
+            }()));
+          case 4:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }));
+    return function insert() {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+  var copy = /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            copy2clipboard(concatMultilineString(sourceArr));
+          case 1:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee6);
+    }));
+    return function copy() {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+  var copySelection = /*#__PURE__*/function () {
+    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
+          case 0:
+            copy2clipboard(selection);
+          case 1:
+          case "end":
+            return _context7.stop();
+        }
+      }, _callee7);
+    }));
+    return function copySelection() {
+      return _ref8.apply(this, arguments);
+    };
+  }();
+  var updateSelection = function updateSelection() {
+    var _document$getSelectio;
+    var tmpSelection = (_document$getSelectio = document.getSelection()) === null || _document$getSelectio === void 0 ? void 0 : _document$getSelectio.toString();
+    if (tmpSelection) {
+      setSelection(tmpSelection);
+    }
+  };
   return /*#__PURE__*/_jsxs("div", {
     className: "libro-prompt-output-render-container",
+    onMouseUp: updateSelection,
     children: [/*#__PURE__*/_jsx("div", {
       className: "prompt-output-render",
       ref: renderHTMLRef,
@@ -111,10 +204,24 @@ export var PromptOutputRender = function PromptOutputRender(props) {
           data: modelData
         })
       })
-    }), sourceArr.length > 0 && /*#__PURE__*/_jsx("span", {
-      onClick: handleOutput,
+    }), sourceArr.length > 0 && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("span", {
+        onClick: insertAndRun,
+        className: "libro-prompt-output-btn",
+        children: "\u63D2\u5165\u5E76\u8FD0\u884C"
+      }), /*#__PURE__*/_jsx("span", {
+        onClick: insert,
+        className: "libro-prompt-output-btn",
+        children: "\u63D2\u5165\u4EE3\u7801"
+      })]
+    }), /*#__PURE__*/_jsx("span", {
+      onClick: copy,
+      className: "libro-prompt-output-btn",
+      children: "\u590D\u5236\u4EE3\u7801"
+    }), /*#__PURE__*/_jsx("span", {
+      onClick: copySelection,
       className: "libro-prompt-output-btn",
-      children: "\u63D2\u5165\u5E76\u8FD0\u884C"
+      children: "\u590D\u5236\u9009\u4E2D\u5185\u5BB9"
     })]
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@difizen/libro-prompt-cell",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "",
   "keywords": [
     "libro",
@@ -32,12 +32,12 @@
     "src"
   ],
   "dependencies": {
-    "@difizen/libro-code-editor": "^0.1.1",
-    "@difizen/libro-jupyter": "^0.1.1",
-    "@difizen/libro-rendermime": "^0.1.1",
-    "@difizen/libro-codemirror": "^0.1.1",
-    "@difizen/libro-common": "^0.1.1",
-    "@difizen/libro-core": "^0.1.1",
+    "@difizen/libro-code-editor": "^0.1.2",
+    "@difizen/libro-jupyter": "^0.1.2",
+    "@difizen/libro-rendermime": "^0.1.2",
+    "@difizen/libro-codemirror": "^0.1.2",
+    "@difizen/libro-common": "^0.1.2",
+    "@difizen/libro-core": "^0.1.2",
     "@difizen/mana-app": "latest",
     "highlight.js": "^11.8.0",
     "marked": "^5.1.1",

package/src/index.less

@@ -50,5 +50,5 @@
 .libro-prompt-output-btn {
   cursor: pointer;
   color: #1677ff;
-  margin-left: 24px;
+  margin-right: 16px;
 }

package/src/libro-llm-render.tsx

@@ -20,6 +20,7 @@ marked.use(
       return hljs.highlight(code, { language }).value;
     },
   }),
+  { headerIds: false, mangle: false },
 );
 
 export const LibroLLMRender: React.FC<{ data: string }> = (props: { data: string }) => {
@@ -50,7 +51,7 @@ export const LibroLLMRender: React.FC<{ data: string }> = (props: { data: string
         hljsElement.parentNode?.insertBefore(newElement, hljsElement.nextSibling);
       }
     }
-  }, [data, renderExtraList]);
+  }, [data]); // eslint-disable-line react-hooks/exhaustive-deps
 
   return (
     <div className="libro-llm-output-render" ref={renderMarkdownRef}>

package/src/module.ts

@@ -2,6 +2,7 @@ import { CellOptions, LibroModule, OutputModule } from '@difizen/libro-core';
 import { LibroRenderMimeModule } from '@difizen/libro-rendermime';
 import { ManaModule } from '@difizen/mana-app';
 
+import { LibroPromptCellCommandContribution } from './prompt-cell-command-contribution.js';
 import { PromptCellContribution } from './prompt-cell-contribution.js';
 import { LibroPromptCellModel } from './prompt-cell-model.js';
 import { LibroPromptOutputArea } from './prompt-cell-output-area.js';
@@ -16,7 +17,7 @@ export const LibroPromptCellModule = ManaModule.create()
     LibroPromptCellModel,
     LibroPromptOutputArea,
     LibroPromptOutputMimeTypeContribution,
-
+    LibroPromptCellCommandContribution,
     {
       token: LibroPromptCellModelFactory,
       useFactory: (ctx) => {

package/src/prompt-cell-view.tsx

@@ -1,6 +1,10 @@
-import type { CodeEditorViewOptions, IRange } from '@difizen/libro-code-editor';
-import { CodeEditorView } from '@difizen/libro-code-editor';
-import { CodeMirrorEditor, codeMirrorEditorFactory } from '@difizen/libro-codemirror';
+import { CodeEditorManager } from '@difizen/libro-code-editor';
+import type {
+  CodeEditorViewOptions,
+  IRange,
+  CodeEditorView,
+} from '@difizen/libro-code-editor';
+
 import type { ICodeCell, IOutput } from '@difizen/libro-common';
 import { isOutput } from '@difizen/libro-common';
 import type {
@@ -13,6 +17,7 @@ import {
   LibroExecutableCellView,
   LibroOutputArea,
   LibroViewTracker,
+  EditorStatus,
 } from '@difizen/libro-core';
 import type { ExecutionMeta, KernelMessage } from '@difizen/libro-jupyter';
 import { KernelError, LibroJupyterModel } from '@difizen/libro-jupyter';
@@ -67,9 +72,10 @@ const PropmtEditorViewComponent = React.forwardRef<HTMLDivElement>(
           instance.handleQueryResponse,
         )
         .then(() => {
-          if (instance.modelSelection.length > 0) {
-            setSelectedModel(instance.modelSelection[0].label);
-            instance.model.modelType = instance.modelSelection[0].label;
+          const len = instance.modelSelection.length;
+          if (len > 0) {
+            setSelectedModel(instance.modelSelection[len - 1].label);
+            instance.model.modelType = instance.modelSelection[len - 1].label;
             return;
           }
           return;
@@ -77,7 +83,8 @@ const PropmtEditorViewComponent = React.forwardRef<HTMLDivElement>(
         .catch(() => {
           //
         });
-    }, [instance]);
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
 
     const handleChange = (value: string) => {
       instance.model.modelType = value;
@@ -126,6 +133,8 @@ export class LibroPromptCellView extends LibroExecutableCellView {
 
   viewManager: ViewManager;
 
+  codeEditorManager: CodeEditorManager;
+
   outputs: IOutput[];
 
   libroViewTracker: LibroViewTracker;
@@ -149,11 +158,13 @@ export class LibroPromptCellView extends LibroExecutableCellView {
     @inject(CellService) cellService: CellService,
     @inject(ViewManager) viewManager: ViewManager,
     @inject(LibroViewTracker) libroViewTracker: LibroViewTracker,
+    @inject(CodeEditorManager) codeEditorManager: CodeEditorManager,
   ) {
     super(options, cellService);
     this.options = options;
     this.viewManager = viewManager;
     this.className = this.className + ' prompt';
+    this.codeEditorManager = codeEditorManager;
 
     this.outputs = options.cell?.outputs as IOutput[];
     this.libroViewTracker = libroViewTracker;
@@ -206,14 +217,7 @@ export class LibroPromptCellView extends LibroExecutableCellView {
 
   protected getEditorOption(): CodeEditorViewOptions {
     const option: CodeEditorViewOptions = {
-      factory: (editorOption) =>
-        codeMirrorEditorFactory({
-          ...editorOption,
-          config: {
-            ...editorOption.config,
-            ...{ readOnly: this.parent.model.readOnly },
-          },
-        }),
+      editorHostId: this.parent.id + this.id,
       model: this.model,
       config: {
         readOnly: this.parent.model.readOnly,
@@ -225,22 +229,31 @@ export class LibroPromptCellView extends LibroExecutableCellView {
 
   async createEditor() {
     const option = this.getEditorOption();
-    this.viewManager
-      .getOrCreateView<CodeEditorView, CodeEditorViewOptions>(CodeEditorView, option)
-      .then((editorView) => {
-        this.editorView = editorView;
-        this.editorViewReadyDeferred.resolve();
-        watch(this.parent.model, 'readOnly', () => {
-          this.editorView?.editor?.setOption('readOnly', this.parent.model.readOnly);
-          if (this.editorView?.editor instanceof CodeMirrorEditor) {
-            this.editorView?.editor.setOption('placeholder', '请输入代码');
-          }
-        });
-        return;
-      })
-      .catch(() => {
-        //
-      });
+
+    this.editorStatus = EditorStatus.LOADING;
+
+    // 防止虚拟滚动中编辑器被频繁创建
+    if (this.editorView) {
+      this.editorStatus = EditorStatus.LOADED;
+      return;
+    }
+    const editorView = await this.codeEditorManager.getOrCreateEditorView(option);
+
+    this.editorView = editorView;
+    this.editorViewReadyDeferred.resolve();
+    this.editorStatus = EditorStatus.LOADED;
+
+    await this.afterEditorReady();
+  }
+
+  protected async afterEditorReady() {
+    watch(this.parent.model, 'readOnly', () => {
+      this.editorView?.editor?.setOption(
+        'readOnly',
+        getOrigin(this.parent.model.readOnly),
+      );
+    });
+    this.editorView?.onModalChange((val) => (this.hasModal = val));
   }
 
   override shouldEnterEditorMode(e: React.FocusEvent<HTMLElement>) {
@@ -300,11 +313,11 @@ export class LibroPromptCellView extends LibroExecutableCellView {
     this.outputArea.clear();
   };
 
-  override getSelections = (): [] => {
+  getSelections = (): [] => {
     return this.editor?.getSelections() as [];
   };
 
-  override getSelectionsOffsetAt = (selection: IRange) => {
+  getSelectionsOffsetAt = (selection: IRange) => {
     const isSelect = selection;
     const start = this.editor?.getOffsetAt(isSelect.start) ?? 0;
     const end = this.editor?.getOffsetAt(isSelect.end) ?? 0;

package/src/prompt-output-render.tsx

@@ -3,11 +3,12 @@ import type {
   MultilineString,
   PartialJSONObject,
 } from '@difizen/libro-common';
+import { copy2clipboard } from '@difizen/libro-common';
 import { concatMultilineString } from '@difizen/libro-common';
 import type { BaseOutputView } from '@difizen/libro-jupyter';
 import { NotebookCommands } from '@difizen/libro-jupyter';
 import { CommandRegistry, useInject } from '@difizen/mana-app';
-import React from 'react';
+import React, { useState } from 'react';
 import { v4 } from 'uuid';
 
 import { LibroLLMRenderMemo } from './libro-llm-render.js';
@@ -27,6 +28,7 @@ export const PromptOutputRender: React.FC<{
   const { model } = props;
   const renderHTMLRef = React.createRef<HTMLDivElement>();
   const commandRegistry = useInject(CommandRegistry);
+  const [selection, setSelection] = useState('');
 
   if (!model.data['application/vnd.libro.prompt+json']) {
     return null;
@@ -39,20 +41,19 @@ export const PromptOutputRender: React.FC<{
   }
   const modelData = getModelOutput(data);
   const sourceArr = getPythonCode(modelData ?? '');
-  const handleOutput = async () => {
+  const insertAndRun = async () => {
     const libro = model.cell.parent;
     const insertIndex = libro.model.cells.findIndex((c) => c.id === model.cell.id);
 
     await Promise.all(
       sourceArr.map(async (value, index) => {
-        const newView = await libro.addCell(
+        await libro.addCell(
           {
             id: v4(),
             cell: { cell_type: 'code', source: value, metadata: {} },
           },
           insertIndex + index + 1,
         );
-        return newView;
       }),
     );
 
@@ -66,18 +67,60 @@ export const PromptOutputRender: React.FC<{
       }),
     );
   };
+  const insert = async () => {
+    const libro = model.cell.parent;
+    const insertIndex = libro.model.cells.findIndex((c) => c.id === model.cell.id);
+    await Promise.all(
+      sourceArr.map(async (value, index) => {
+        await libro.addCell(
+          {
+            id: v4(),
+            cell: { cell_type: 'code', source: value, metadata: {} },
+          },
+          insertIndex + index + 1,
+        );
+      }),
+    );
+  };
+
+  const copy = async () => {
+    copy2clipboard(concatMultilineString(sourceArr));
+  };
+
+  const copySelection = async () => {
+    copy2clipboard(selection);
+  };
+
+  const updateSelection = () => {
+    const tmpSelection = document.getSelection()?.toString();
+    if (tmpSelection) {
+      setSelection(tmpSelection);
+    }
+  };
+
   return (
-    <div className="libro-prompt-output-render-container">
+    <div className="libro-prompt-output-render-container" onMouseUp={updateSelection}>
       <div className="prompt-output-render" ref={renderHTMLRef}>
         <div className="libro-prompt-output-llm-render">
           <LibroLLMRenderMemo data={modelData} />
         </div>
       </div>
       {sourceArr.length > 0 && (
-        <span onClick={handleOutput} className="libro-prompt-output-btn">
-          插入并运行
-        </span>
+        <>
+          <span onClick={insertAndRun} className="libro-prompt-output-btn">
+            插入并运行
+          </span>
+          <span onClick={insert} className="libro-prompt-output-btn">
+            插入代码
+          </span>
+        </>
       )}
+      <span onClick={copy} className="libro-prompt-output-btn">
+        复制代码
+      </span>
+      <span onClick={copySelection} className="libro-prompt-output-btn">
+        复制选中内容
+      </span>
     </div>
   );
 };