@difizen/libro-core 0.3.17 → 0.3.18

package/es/libro-view.d.ts

@@ -1,4 +1,5 @@
 import type { IModelContentChange } from '@difizen/libro-code-editor';
+import type { MultilineString } from '@difizen/libro-common';
 import { BaseView, ViewManager, Deferred, DisposableCollection, Emitter, ConfigurationService } from '@difizen/mana-app';
 import type { FC, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { CellService } from './cell/index.js';
@@ -61,12 +62,21 @@ export declare class LibroView extends BaseView implements NotebookView {
     get onRunCell(): import("@difizen/mana-app").Event<CellView>;
     cellScrollEmitter: Emitter<void>;
     get onCellScroll(): import("@difizen/mana-app").Event<void>;
+    outputRenderTabEmitter: Emitter<{
+        mimeType: string;
+        data: MultilineString | null;
+    }>;
+    get onOutputRenderTab(): import("@difizen/mana-app").Event<{
+        mimeType: string;
+        data: MultilineString | null;
+    }>;
     protected initializedDefer: Deferred<void>;
     get initialized(): Promise<void>;
     constructor(options: NotebookOption, collapseServiceFactory: CollapseServiceFactory, notebookService: NotebookService, virtualizedManagerHelper: VirtualizedManagerHelper);
     initView(): void;
     initialize(): Promise<void>;
     view: ForwardRefExoticComponent<RefAttributes<HTMLDivElement>>;
+    addLargeFileWarning: () => void;
     onViewMount: () => void;
     onViewUnmount: () => void;
     getCellViewByOption(option: CellOptions): Promise<CellView>;

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

@@ -1 +1 @@
-{"version":3,"file":"libro-view.d.ts","sourceRoot":"","sources":["../src/libro-view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAMtE,OAAO,EAKL,QAAQ,EAIR,WAAW,EAEX,QAAQ,EAER,oBAAoB,EACpB,OAAO,EAIP,oBAAoB,EAErB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,EAAE,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI1E,OAAO,EACL,WAAW,EAIZ,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG7D,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAyB,MAAM,qBAAqB,CAAC;AAC7E,OAAO,KAAK,EACV,WAAW,EACX,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,cAAc,EACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAOlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAiB,MAAM,iBAAiB,CAAC;AAElE,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC;IACvB,KAAK,EAAE,SAAS,EAAE,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,8CA4IhC,CAAC;AAEH,eAAO,MAAM,WAAW,0DAkFtB,CAAC;AAEH,qBAEa,SAAU,SAAQ,QAAS,YAAW,YAAY;IAC7D,UAAmB,SAAS,uBAA8B;IAE1D,KAAK,EAAE,aAAa,CAAC;IACrB,YAAY,EAAE,EAAE,CAAC,GAAG,CAAC,CAAmB;IACxC,aAAa,EAAE,EAAE,CAAC,GAAG,CAAC,CAIpB;IACF,gBAAgB,EAAE,EAAE,CAAC,eAAe,CAAC,CAAoB;IACzD,aAAa,EAAE,KAAK,CAAC,mBAAmB,CACtC,yBAAyB,CAAC,YAAY,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CACxE,CAAqB;IACtB,SAAS,CAAC,mBAAmB,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAiB;IACjE,IAAI,YAAY,gDAEf;IACD,SAAS,CAAC,mBAAmB,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAiB;IACjE,IAAI,YAAY,gDAEf;IAED,aAAa,EAAE,OAAO,CAAiB;IACvC,IAAI,MAAM,2CAET;IAED,gBAAgB,EAAE,OAAO,CAAiB;IAC1C,IAAI,SAAS,2CAEZ;IAEoB,WAAW,EAAE,WAAW,CAAC;IACxB,YAAY,EAAE,YAAY,CAAC;IACvB,gBAAgB,EAAE,gBAAgB,CAAC;IACpC,UAAU,EAAE,eAAe,CAAC;IAC3B,gBAAgB,EAAE,gBAAgB,CAAC;IACxC,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IAC1B,SAAS,CAAC,oBAAoB,EAAE,oBAAoB,CAAC;IAEnF,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IACjD,SAAS,CAAC,wBAAwB,EAAE,wBAAwB,CAAC;IAC7D,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC3C,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC3C,UAAU,UAAS;IAEnB,SAAS,EAAE,aAAa,CAAC;IAGzB,gBAAgB,UAAS;IAGzB,aAAa,UAAS;IAEtB,IAAI,QAAQ,YAEX;IAGD,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,OAAO,EAAE,cAAc,CAAC;IAExB,aAAa,EAAE,OAAO,CAAC,OAAO,CAAC,CAAiB;IAChD,IAAI,MAAM,+CAET;IACD,2BAA2B,EAAE,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAiB;IAC5E,IAAI,oBAAoB,6DAEvB;IAED,cAAc,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAiB;IAClD,IAAI,SAAS,gDAEZ;IAED,iBAAiB,gBAAuB;IACxC,IAAI,YAAY,4CAEf;IAED,SAAS,CAAC,gBAAgB,iBAAwB;IAElD,IAAI,WAAW,kBAEd;gBAGqB,OAAO,EAAE,cAAc,EACX,sBAAsB,EAAE,sBAAsB,EACrD,eAAe,EAAE,eAAe,EAEzD,wBAAwB,EAAE,wBAAwB;IAkBpD,QAAQ;IAcF,UAAU;IA8CP,IAAI,2DAAe;IAEnB,WAAW,aA4BlB;IAEO,aAAa,aAIpB;IAEI,mBAAmB,CAAC,MAAM,EAAE,WAAW;IAkB7C,KAAK,aAKH;IAEF,WAAW,YAAmB,WAAW,EAAE,aAAa,MAAM,KAAG,QAAQ,IAAI,CAAC,CAS5E;IAEF,UAAU,UAAW,QAAQ,UAG3B;IAEF,OAAO,WAAkB,WAAW,aAAa,MAAM,mBAWrD;IAEF,YAAY,WAAkB,WAAW,aAAa,MAAM,mBAW1D;IAEF,IAAI,UAAU,IAAI,QAAQ,GAAG,SAAS,CAErC;IAED,IAAI,eAAe,IAAI,MAAM,CAE5B;IAED,aAAa,SAAU,QAAQ,YAS7B;IAEF,UAAU,SAAU,QAAQ,UAyD1B;IAEF,cAAc,CAAC,IAAI,EAAE,QAAQ;IAS7B,QAAQ,UAAiB,QAAQ,EAAE,kCAoBjC;IAEF,UAAU,sBAER;IAEF,WAAW,SAAgB,QAAQ,mBAGjC;IAEF,WAAW,SAAgB,QAAQ,mBAGjC;IAEF,OAAO,SAAgB,QAAQ,mBAO7B;IAEF,oBAAoB,SAAgB,QAAQ,mBAkD1C;IAEF,qBAAqB,SAAgB,QAAQ,mBAmB3C;IAEF,UAAU,SAAU,QAAQ,UAsB1B;IAEF,YAAY,SAAU,QAAQ,UAqB5B;IAEF,sBAAsB,CAAC,IAAI,EAAE,QAAQ;IAYrC,kBAAkB,CAAC,IAAI,EAAE,QAAQ;IAOjC,QAAQ,SAAU,QAAQ,UAgBxB;IAEF,OAAO,SAAU,QAAQ,UAkBvB;IAEF,SAAS,SAAgB,QAAQ,mBA0B/B;IAEF,cAAc,SAAgB,QAAQ,mBA0BpC;IAEF,UAAU,SAAgB,QAAQ,QAAQ,MAAM,mBAmC9C;IAEF,YAAY,SAAU,QAAQ,UAmB5B;IAEF,eAAe,aAUb;IAEF,YAAY,SAAU,QAAQ,UAQ5B;IAEF,kBAAkB,SAAU,QAAQ,UAQlC;IAEF,WAAW,SAAU,QAAQ,UAY3B;IAEF,iBAAiB,SAAU,QAAQ,UAYjC;IAEF,cAAc,aAMZ;IAEF,eAAe,aAIb;IAEF,YAAY,SAAU,QAAQ,UAQ5B;IAEF,eAAe,aAIb;IAEF,eAAe,SAAU,QAAQ,UAY/B;IAEF,kBAAkB,aAMhB;IAEF;;OAEG;IACH,UAAU,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO;IAYnC,oBAAoB,aAYlB;IAEF,oBAAoB,aAOlB;IAEF,oBAAoB,aAYlB;IAEF,uBAAuB,aAOrB;IAEF;;;;;;;;;;;;;OAaG;IACH,2BAA2B,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAqChD;;;;;;;;;OASG;IACH,sBAAsB,IAClB;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAChC;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,MAAM,EAAE,IAAI,CAAA;KAAE;IAsBhC,qBAAqB,SAAU,QAAQ,UAYrC;IAEF,sBAAsB,SAAU,QAAQ,UAatC;IAEF,yBAAyB,aAOvB;IAEF,wBAAwB,aAOtB;IAEF,QAAQ,UAAS;IAER,OAAO;IAShB,gBAAgB,cAAe,OAAO,UAUpC;IAEF,aAAa,aAIX;IAEF,cAAc,SAAU,QAAQ,UAO9B;IAEF,YAAY,SAAU,QAAQ,UAO5B;IAEF,cAAc,SAAgB,QAAQ,mBA+BpC;IAEF,cAAc,SAAgB,QAAQ,mBA8BpC;IAEF,UAAU,SAAgB,QAAQ,mBAgChC;IACF,aAAa,aAEX;IAEF,SAAS,SAAgB,QAAQ,mBA0C/B;IACF,kBAAkB,aAKhB;IAEF,gBAAgB,aAId;IAEF;;OAEG;IACH,iBAAiB,SAAgB,QAAQ,SAAS,MAAM,mBAqEtD;IAEF,YAAY,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO;IAI9C,IAAI;CAYL"}
+{"version":3,"file":"libro-view.d.ts","sourceRoot":"","sources":["../src/libro-view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAM7D,OAAO,EAKL,QAAQ,EAIR,WAAW,EAEX,QAAQ,EAER,oBAAoB,EACpB,OAAO,EAIP,oBAAoB,EAErB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,EAAE,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI1E,OAAO,EACL,WAAW,EAIZ,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG7D,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,EAAE,eAAe,EAAyB,MAAM,qBAAqB,CAAC;AAC7E,OAAO,KAAK,EACV,WAAW,EACX,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,cAAc,EACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAOlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAiB,MAAM,iBAAiB,CAAC;AAElE,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,GAAG,KAAK,CAAC;IACvB,KAAK,EAAE,SAAS,EAAE,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,8CA4IhC,CAAC;AAEH,eAAO,MAAM,WAAW,0DAkFtB,CAAC;AAEH,qBAEa,SAAU,SAAQ,QAAS,YAAW,YAAY;IAC7D,UAAmB,SAAS,uBAA8B;IAE1D,KAAK,EAAE,aAAa,CAAC;IACrB,YAAY,EAAE,EAAE,CAAC,GAAG,CAAC,CAAmB;IACxC,aAAa,EAAE,EAAE,CAAC,GAAG,CAAC,CAIpB;IACF,gBAAgB,EAAE,EAAE,CAAC,eAAe,CAAC,CAAoB;IACzD,aAAa,EAAE,KAAK,CAAC,mBAAmB,CACtC,yBAAyB,CAAC,YAAY,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CACxE,CAAqB;IACtB,SAAS,CAAC,mBAAmB,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAiB;IACjE,IAAI,YAAY,gDAEf;IACD,SAAS,CAAC,mBAAmB,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAiB;IACjE,IAAI,YAAY,gDAEf;IAED,aAAa,EAAE,OAAO,CAAiB;IACvC,IAAI,MAAM,2CAET;IAED,gBAAgB,EAAE,OAAO,CAAiB;IAC1C,IAAI,SAAS,2CAEZ;IAEoB,WAAW,EAAE,WAAW,CAAC;IACxB,YAAY,EAAE,YAAY,CAAC;IACvB,gBAAgB,EAAE,gBAAgB,CAAC;IACpC,UAAU,EAAE,eAAe,CAAC;IAC3B,gBAAgB,EAAE,gBAAgB,CAAC;IACxC,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IAC1B,SAAS,CAAC,oBAAoB,EAAE,oBAAoB,CAAC;IAEnF,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IACjD,SAAS,CAAC,wBAAwB,EAAE,wBAAwB,CAAC;IAC7D,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC3C,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC3C,UAAU,UAAS;IAEnB,SAAS,EAAE,aAAa,CAAC;IAGzB,gBAAgB,UAAS;IAGzB,aAAa,UAAS;IAEtB,IAAI,QAAQ,YAEX;IAGD,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,OAAO,EAAE,cAAc,CAAC;IAExB,aAAa,EAAE,OAAO,CAAC,OAAO,CAAC,CAAiB;IAChD,IAAI,MAAM,+CAET;IACD,2BAA2B,EAAE,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAiB;IAC5E,IAAI,oBAAoB,6DAEvB;IAED,cAAc,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAiB;IAClD,IAAI,SAAS,gDAEZ;IAED,iBAAiB,gBAAuB;IACxC,IAAI,YAAY,4CAEf;IAED,sBAAsB;kBACV,MAAM;cACV,eAAe,GAAG,IAAI;OACzB;IACL,IAAI,iBAAiB;;;OAEpB;IAED,SAAS,CAAC,gBAAgB,iBAAwB;IAElD,IAAI,WAAW,kBAEd;gBAGqB,OAAO,EAAE,cAAc,EACX,sBAAsB,EAAE,sBAAsB,EACrD,eAAe,EAAE,eAAe,EAEzD,wBAAwB,EAAE,wBAAwB;IAkBpD,QAAQ;IAcF,UAAU;IAoDP,IAAI,2DAAe;IAE5B,mBAAmB,aAwCjB;IAEO,WAAW,aAsBlB;IAEO,aAAa,aAIpB;IAEI,mBAAmB,CAAC,MAAM,EAAE,WAAW;IAkB7C,KAAK,aAKH;IAEF,WAAW,YAAmB,WAAW,EAAE,aAAa,MAAM,KAAG,QAAQ,IAAI,CAAC,CAS5E;IAEF,UAAU,UAAW,QAAQ,UAG3B;IAEF,OAAO,WAAkB,WAAW,aAAa,MAAM,mBAWrD;IAEF,YAAY,WAAkB,WAAW,aAAa,MAAM,mBAW1D;IAEF,IAAI,UAAU,IAAI,QAAQ,GAAG,SAAS,CAErC;IAED,IAAI,eAAe,IAAI,MAAM,CAE5B;IAED,aAAa,SAAU,QAAQ,YAS7B;IAEF,UAAU,SAAU,QAAQ,UAyD1B;IAEF,cAAc,CAAC,IAAI,EAAE,QAAQ;IAS7B,QAAQ,UAAiB,QAAQ,EAAE,kCAoBjC;IAEF,UAAU,sBAER;IAEF,WAAW,SAAgB,QAAQ,mBAGjC;IAEF,WAAW,SAAgB,QAAQ,mBAGjC;IAEF,OAAO,SAAgB,QAAQ,mBAO7B;IAEF,oBAAoB,SAAgB,QAAQ,mBAkD1C;IAEF,qBAAqB,SAAgB,QAAQ,mBAmB3C;IAEF,UAAU,SAAU,QAAQ,UAsB1B;IAEF,YAAY,SAAU,QAAQ,UAqB5B;IAEF,sBAAsB,CAAC,IAAI,EAAE,QAAQ;IAYrC,kBAAkB,CAAC,IAAI,EAAE,QAAQ;IAOjC,QAAQ,SAAU,QAAQ,UAgBxB;IAEF,OAAO,SAAU,QAAQ,UAkBvB;IAEF,SAAS,SAAgB,QAAQ,mBA0B/B;IAEF,cAAc,SAAgB,QAAQ,mBA0BpC;IAEF,UAAU,SAAgB,QAAQ,QAAQ,MAAM,mBAmC9C;IAEF,YAAY,SAAU,QAAQ,UAmB5B;IAEF,eAAe,aAUb;IAEF,YAAY,SAAU,QAAQ,UAQ5B;IAEF,kBAAkB,SAAU,QAAQ,UAQlC;IAEF,WAAW,SAAU,QAAQ,UAY3B;IAEF,iBAAiB,SAAU,QAAQ,UAYjC;IAEF,cAAc,aAMZ;IAEF,eAAe,aAIb;IAEF,YAAY,SAAU,QAAQ,UAQ5B;IAEF,eAAe,aAIb;IAEF,eAAe,SAAU,QAAQ,UAY/B;IAEF,kBAAkB,aAMhB;IAEF;;OAEG;IACH,UAAU,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO;IAYnC,oBAAoB,aAYlB;IAEF,oBAAoB,aAOlB;IAEF,oBAAoB,aAYlB;IAEF,uBAAuB,aAOrB;IAEF;;;;;;;;;;;;;OAaG;IACH,2BAA2B,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAqChD;;;;;;;;;OASG;IACH,sBAAsB,IAClB;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAChC;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,MAAM,EAAE,IAAI,CAAA;KAAE;IAsBhC,qBAAqB,SAAU,QAAQ,UAYrC;IAEF,sBAAsB,SAAU,QAAQ,UAatC;IAEF,yBAAyB,aAOvB;IAEF,wBAAwB,aAOtB;IAEF,QAAQ,UAAS;IAER,OAAO;IAShB,gBAAgB,cAAe,OAAO,UAUpC;IAEF,aAAa,aAIX;IAEF,cAAc,SAAU,QAAQ,UAO9B;IAEF,YAAY,SAAU,QAAQ,UAO5B;IAEF,cAAc,SAAgB,QAAQ,mBA+BpC;IAEF,cAAc,SAAgB,QAAQ,mBA8BpC;IAEF,UAAU,SAAgB,QAAQ,mBAgChC;IACF,aAAa,aAEX;IAEF,SAAS,SAAgB,QAAQ,mBA0C/B;IACF,kBAAkB,aAKhB;IAEF,gBAAgB,aAId;IAEF;;OAEG;IACH,iBAAiB,SAAgB,QAAQ,SAAS,MAAM,mBAqEtD;IAEF,YAAY,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO;IAI9C,IAAI;CAYL"}

package/es/libro-view.js

@@ -33,8 +33,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { ToTopOutlined } from '@ant-design/icons';
 import { concatMultilineString, copy2clipboard, readFromClipboard } from '@difizen/libro-common';
 import { equals, useInject, inject, transient, BaseView, Slot, view, ViewInstance, ViewManager, ViewOption, Deferred, Disposable, DisposableCollection, Emitter, getOrigin, prop, watch, ConfigurationService, useConfigurationValue } from '@difizen/mana-app';
-import { l10n } from '@difizen/mana-l10n';
-import { FloatButton, Button, Spin, message } from 'antd';
+import { FloatButton, Button, Spin } from 'antd';
 import { forwardRef, memo, useCallback, useEffect, useRef } from 'react';
 import { v4 } from 'uuid';
 import { CellService, EditorCellView, ExecutableCellModel, ExecutableCellView } from "./cell/index.js";
@@ -263,8 +262,40 @@ export var LibroView = (_dec = transient(), _dec2 = view(notebookViewFactoryId),
     _this.onCellContentChangedEmitter = new Emitter();
     _this.runCellEmitter = new Emitter();
     _this.cellScrollEmitter = new Emitter();
+    _this.outputRenderTabEmitter = new Emitter();
     _this.initializedDefer = new Deferred();
     _this.view = LibroRender;
+    _this.addLargeFileWarning = function () {
+      var skipWarning = localStorage.getItem('largefile' + "".concat(_this.options.modelId || _this.options.id)) === 'true';
+      if (!skipWarning) {
+        var _warningBox$querySele;
+        var warningBox = document.createElement('div');
+        warningBox.style.position = 'fixed';
+        warningBox.style.top = '20px';
+        warningBox.style.left = '50%';
+        warningBox.style.display = 'flex';
+        warningBox.style.alignItems = 'center';
+        warningBox.style.color = '#000000E0';
+        warningBox.style.transform = 'translateX(-50%)';
+        warningBox.style.fontSize = '14px';
+        warningBox.style.background = '#ffffff';
+        warningBox.style.padding = '9px 12px';
+        warningBox.style.zIndex = '9999';
+        warningBox.style.borderRadius = '8px';
+        warningBox.style.boxShadow = '0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05)';
+        warningBox.innerHTML = "\n                <svg style=\"display: inline-block; margin-right: 8px\" viewBox=\"64 64 896 896\" focusable=\"false\" data-icon=\"exclamation-circle\" width=\"1em\" height=\"1em\" fill=\"#faad14\" aria-hidden=\"true\" data-macaca-recorder-select-tag=\"true\"><path d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z\"></path></svg>\n                <span style =\"line-height: 32px\">\u5373\u5C06\u6253\u5F00\u7684\u6587\u4EF6(\u5185\u5BB9\u8FC7\u5927 / cell \u8FC7\u591A)\uFF0C\u53EF\u80FD\u4F1A\u5BFC\u81F4\u64CD\u4F5C\u5361\u987F\uFF0C\u8BF7\u8010\u5FC3\u7B49\u5F85\uFF5E</span>\n                <a style=\"margin-left: 8px; color: #1677ff;\">\u6211\u77E5\u9053\u4E86</a>\n                ";
+        (_warningBox$querySele = warningBox.querySelector('a')) === null || _warningBox$querySele === void 0 || _warningBox$querySele.addEventListener('click', function () {
+          // 将用户偏好保存到 localStorage
+          localStorage.setItem('largefile' + "".concat(_this.options.modelId || _this.options.id), 'true');
+          document.body.removeChild(warningBox);
+        });
+        document.body.appendChild(warningBox);
+        // 可选：自动移除提示框
+        setTimeout(function () {
+          document.body.removeChild(warningBox);
+        }, 2000);
+      }
+    };
     _this.onViewMount = function () {
       _this.libroService.active = _assertThisInitialized(_this);
       _this.libroSlotManager.setup(_assertThisInitialized(_this));
@@ -273,13 +304,8 @@ export var LibroView = (_dec = transient(), _dec2 = view(notebookViewFactoryId),
           id: _this.options.modelId || _this.options.id
         });
       }
-      if (_this.model.cells.length > 30 || (_this.options['fileSize'] || 0) / (1024 * 1024) >= 5) {
-        message.warning( /*#__PURE__*/_jsxs("div", {
-          children: [l10n.t('即将打开的文件(内容过大 / cell 过多)，可能会导致操作卡顿，请耐心等待～'), /*#__PURE__*/_jsx(Button, {
-            type: "link",
-            children: l10n.t('我知道了')
-          })]
-        }));
+      if (_this.model.isInitialized && (_this.model.cells.length > 30 || (_this.model.options['fileSize'] || 0) / (1024 * 1024) >= 5)) {
+        _this.addLargeFileWarning();
       }
       // this.libroService.libroPerformanceStatistics.setRenderEnd(new Date());
 
@@ -1780,6 +1806,11 @@ export var LibroView = (_dec = transient(), _dec2 = view(notebookViewFactoryId),
     get: function get() {
       return this.cellScrollEmitter.event;
     }
+  }, {
+    key: "onOutputRenderTab",
+    get: function get() {
+      return this.outputRenderTabEmitter.event;
+    }
   }, {
     key: "initialized",
     get: function get() {
@@ -1814,6 +1845,9 @@ export var LibroView = (_dec = transient(), _dec2 = view(notebookViewFactoryId),
               return this.model.initialize();
             case 3:
               options = _context22.sent;
+              if (options.length > 30 || (this.model.options['fileSize'] || 0) / (1024 * 1024) >= 5) {
+                this.addLargeFileWarning();
+              }
               this.configurationService.get(AutoInsertWhenNoCell).then(function (value) {
                 var isAutoInsertWhenNoCell = value;
                 if (isAutoInsertWhenNoCell && options.length === 0) {
@@ -1830,9 +1864,9 @@ export var LibroView = (_dec = transient(), _dec2 = view(notebookViewFactoryId),
               }).catch(function (e) {
                 //
               });
-              _context22.next = 7;
+              _context22.next = 8;
               return this.insertCells(options);
-            case 7:
+            case 8:
               // 第一次insert不需要历史
               setTimeout(function () {
                 _this2.model.sharedModel.clearUndoHistory();
@@ -1854,7 +1888,7 @@ export var LibroView = (_dec = transient(), _dec2 = view(notebookViewFactoryId),
                 }));
                 _this2.initializedDefer.resolve();
               }, 0);
-            case 8:
+            case 9:
             case "end":
               return _context22.stop();
           }

package/es/output/output-area.d.ts

@@ -15,6 +15,8 @@ export declare class LibroOutputArea extends BaseView implements BaseOutputArea
     get length(): number;
     protected clearNext: boolean;
     protected lastStream: string;
+    protected lastDisplayStream: string[];
+    protected isFirstLastOverHeight: boolean;
     protected lastName?: 'stdout' | 'stderr';
     /**
      * @internal
@@ -25,7 +27,7 @@ export declare class LibroOutputArea extends BaseView implements BaseOutputArea
     protected doCreateOutput(options: IOutput): Promise<BaseOutputView>;
     add: (output: IOutput) => Promise<number>;
     protected remove(model: BaseOutputView): void;
-    set: (index: number, output: IOutput) => Promise<void>;
+    set: (index: number, output: IOutput, shouldReplace?: boolean) => Promise<void>;
     clear(wait?: boolean | undefined): void;
     fromJSON: (values: IOutput[]) => Promise<void>;
     toJSON: () => IOutput[];

package/es/output/output-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"output-area.d.ts","sourceRoot":"","sources":["../../src/output/output-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAIL,QAAQ,EAKT,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,OAAO,EAAoC,MAAM,mBAAmB,CAAC;AAK9E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,EACV,cAAc,EACd,cAAc,EACd,iBAAiB,EAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAuC1D,qBAEa,eAAgB,SAAQ,QAAS,YAAW,cAAc;IAC5D,IAAI,EAAE,aAAa,CAAyB;IAErD,cAAc,EAAE,YAAY,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAC1D,IAAI,EAAE,QAAQ,CAAC;IAEf,OAAO,EAAE,cAAc,EAAE,CAAM;gBAIC,MAAM,EAAE,iBAAiB;IAIzD,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE/B,IAAI,MAAM,WAET;IAED,SAAS,CAAC,SAAS,UAAS;IAC5B,SAAS,CAAC,UAAU,SAAM;IAE1B,SAAS,CAAC,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAEzC;;OAEG;IACH,eAAe,gBAAuB;IAEtC,IAAI,QAAQ,4CAEX;IAED,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc;IAMlC,SAAS,CAAC,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,cAAc,CAAC;IASnE,GAAG,WAAkB,OAAO,KAAG,QAAQ,MAAM,CAAC,CA4C5C;IAEF,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,cAAc;IAMtC,GAAG,UAAiB,MAAM,UAAU,OAAO,mBASzC;IACF,KAAK,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS;IAUhC,QAAQ,WAAkB,OAAO,EAAE,mBAQjC;IACF,MAAM,QAAO,OAAO,EAAE,CAEpB;IAEF,aAAa,CAAC,IAAI,EAAE,QAAQ;IAI5B,SAAS,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,GAAG,kBAAkB;IAS5D;;;;;OAKG;IAEH,SAAS,CAAC,aAAa,CAAC,OAAO,EAAE;QAC/B,MAAM,EAAE,OAAO,CAAC;QAChB,SAAS,EAAE,cAAc,CAAC;KAC3B,GAAG,OAAO;CAGZ;AAoCD,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE3D;AAED;;GAEG;AAEH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAK1D;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,CAQtD"}
+{"version":3,"file":"output-area.d.ts","sourceRoot":"","sources":["../../src/output/output-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAc,MAAM,uBAAuB,CAAC;AAIjE,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAIL,QAAQ,EAKT,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,OAAO,EAAoC,MAAM,mBAAmB,CAAC;AAI9E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,EACV,cAAc,EACd,cAAc,EACd,iBAAiB,EAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAsC1D,qBAEa,eAAgB,SAAQ,QAAS,YAAW,cAAc;IAC5D,IAAI,EAAE,aAAa,CAAyB;IAErD,cAAc,EAAE,YAAY,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAC1D,IAAI,EAAE,QAAQ,CAAC;IAEf,OAAO,EAAE,cAAc,EAAE,CAAM;gBAEC,MAAM,EAAE,iBAAiB;IAIzD,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAE/B,IAAI,MAAM,WAET;IAED,SAAS,CAAC,SAAS,UAAS;IAC5B,SAAS,CAAC,UAAU,SAAM;IAC1B,SAAS,CAAC,iBAAiB,EAAE,MAAM,EAAE,CAAM;IAC3C,SAAS,CAAC,qBAAqB,UAAQ;IAEvC,SAAS,CAAC,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAEzC;;OAEG;IACH,eAAe,gBAAuB;IAEtC,IAAI,QAAQ,4CAEX;IAED,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc;IAMlC,SAAS,CAAC,cAAc,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,cAAc,CAAC;IASnE,GAAG,WAAkB,OAAO,KAAG,QAAQ,MAAM,CAAC,CA0E5C;IAEF,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,cAAc;IAMtC,GAAG,UAAiB,MAAM,UAAU,OAAO,kBAAkB,OAAO,mBAkBlE;IACF,KAAK,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS;IAYhC,QAAQ,WAAkB,OAAO,EAAE,mBAQjC;IACF,MAAM,QAAO,OAAO,EAAE,CAEpB;IAEF,aAAa,CAAC,IAAI,EAAE,QAAQ;IAI5B,SAAS,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,GAAG,kBAAkB;IAS5D;;;;;OAKG;IAEH,SAAS,CAAC,aAAa,CAAC,OAAO,EAAE;QAC/B,MAAM,EAAE,OAAO,CAAC;QAChB,SAAS,EAAE,cAAc,CAAC;KAC3B,GAAG,OAAO;CAGZ;AAoCD,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE3D;AAoBD;;GAEG;AAEH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAK1D;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,CAQtD"}

package/es/output/output-area.js

@@ -1,13 +1,10 @@
 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, _class, _class2, _descriptor, _descriptor2;
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-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 _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 }); }
@@ -28,18 +25,18 @@ function _initializerWarningHelper(descriptor, context) { throw new Error('Decor
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 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; }
+import { concatMultilineString } from '@difizen/libro-common';
+import { getBundleOptions } from '@difizen/libro-common';
 import { isError, isStream } from '@difizen/libro-common';
 import { ViewOption, getOrigin, ViewRender, BaseView, Priority, useInject, view, ViewInstance } from '@difizen/mana-app';
 import { Emitter, prop, contrib, inject, transient } from '@difizen/mana-app';
 import { useEffect, forwardRef } from 'react';
-import { v4 } from 'uuid';
 import { ExecutableCellView } from "../cell/index.js";
 import { OutputContribution } from "./output-protocol.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var LibroOutputAreaRender = /*#__PURE__*/forwardRef(function LibroOutputAreaRender(props, ref) {
   var outputArea = useInject(ViewInstance);
-
   // const cellModel = outputArea.cell.model;
   // const executing = ExecutableCellModel.is(cellModel) && cellModel.executing;
 
@@ -84,8 +81,6 @@ var LibroOutputAreaRender = /*#__PURE__*/forwardRef(function LibroOutputAreaRend
 export var LibroOutputArea = (_dec = transient(), _dec2 = view('libro-output-area'), _dec3 = contrib(OutputContribution), _dec4 = prop(), _dec(_class = _dec2(_class = (_class2 = /*#__PURE__*/function (_BaseView) {
   _inherits(LibroOutputArea, _BaseView);
   var _super = _createSuper(LibroOutputArea);
-  // lastOutputContainerHeight?: number;
-
   function LibroOutputArea(option) {
     var _this;
     _classCallCheck(this, LibroOutputArea);
@@ -97,6 +92,8 @@ export var LibroOutputArea = (_dec = transient(), _dec2 = view('libro-output-are
     _this.disposed = void 0;
     _this.clearNext = false;
     _this.lastStream = '';
+    _this.lastDisplayStream = [];
+    _this.isFirstLastOverHeight = true;
     _this.lastName = void 0;
     /**
      * @internal
@@ -104,7 +101,7 @@ export var LibroOutputArea = (_dec = transient(), _dec2 = view('libro-output-are
     _this.onUpdateEmitter = new Emitter();
     _this.add = /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(output) {
-        var index, outputModel, model;
+        var _outputModel$containe, normalizeOutput, index, _outputModel, containerRec, text, split_text, outputModel, normalizedOutput, model;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -117,38 +114,66 @@ export var LibroOutputArea = (_dec = transient(), _dec2 = view('libro-output-are
                 output: output,
                 lastModel: _this.outputs[_this.length - 1]
               }))) {
-                _context.next = 8;
+                _context.next = 12;
                 break;
               }
               // In order to get a list change event, we add the previous
               // text to the current item and replace the previous item.
               // This also replaces the metadata of the last item.
-              _this.lastStream += normalize(output.text);
+              normalizeOutput = normalize(output.text);
+              _this.lastStream += normalizeOutput;
               _this.lastStream = removeOverwrittenChars(_this.lastStream);
               output.text = _this.lastStream;
               index = _this.length - 1;
-              _this.set(index, output);
+              _outputModel = _this.outputs[index];
+              containerRec = (_outputModel$containe = _outputModel.container) === null || _outputModel$containe === void 0 || (_outputModel$containe = _outputModel$containe.current) === null || _outputModel$containe === void 0 ? void 0 : _outputModel$containe.getBoundingClientRect();
+              if (((containerRec === null || containerRec === void 0 ? void 0 : containerRec.height) || 0) > 240) {
+                if (_this.isFirstLastOverHeight) {
+                  _this.lastDisplayStream = [concatMultilineString(_this.lastStream)];
+                  _this.lastDisplayStream.push('\n...\n');
+                  _this.isFirstLastOverHeight = false;
+                } else {
+                  _this.lastDisplayStream = [].concat(_toConsumableArray(_this.lastDisplayStream), _toConsumableArray(splitWithNewline(normalizeOutput)));
+                }
+                output['is_over_height'] = true;
+                output['display_text'] = _this.lastDisplayStream;
+              }
+              _this.set(index, output, true);
               return _context.abrupt("return", _this.length);
-            case 8:
+            case 12:
+              _this.isFirstLastOverHeight = true;
               if (isStream(output)) {
-                output.text = removeOverwrittenChars(normalize(output.text));
+                text = removeOverwrittenChars(normalize(output.text));
+                output.text = text;
+                split_text = splitWithNewline(text);
+                if (_this.isFirstLastOverHeight && split_text.length > 15) {
+                  _this.lastDisplayStream = [concatMultilineString(split_text.slice(0, 15))];
+                  _this.lastDisplayStream.push('\n...\n');
+                  _this.lastDisplayStream = [].concat(_toConsumableArray(_this.lastDisplayStream), _toConsumableArray(split_text.slice(15)));
+                  _this.isFirstLastOverHeight = false;
+                  output['is_over_height'] = true;
+                  output['display_text'] = _this.lastDisplayStream;
+                }
               }
               outputModel = _this.doCreateOutput(output); // Update the stream information.
               if (isStream(output)) {
-                _this.lastStream = normalize(output.text);
+                normalizedOutput = normalize(output.text);
+                _this.lastStream = normalizedOutput;
                 _this.lastName = output.name;
               } else {
                 _this.lastStream = '';
+                _this.lastDisplayStream = [];
+                _this.isFirstLastOverHeight = true;
               }
-              _context.next = 13;
+              _context.next = 18;
               return outputModel;
-            case 13:
+            case 18:
               model = _context.sent;
               model.onDisposed(function () {
                 _this.remove(model);
               });
               return _context.abrupt("return", _this.outputs.push(model));
-            case 16:
+            case 21:
             case "end":
               return _context.stop();
           }
@@ -159,29 +184,42 @@ export var LibroOutputArea = (_dec = transient(), _dec2 = view('libro-output-are
       };
     }();
     _this.set = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(index, output) {
-        var outputModel, current, model;
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(index, output, shouldReplace) {
+        var outputModel, _getBundleOptions, data, _outputModel2, current, model;
         return _regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              outputModel = _this.doCreateOutput(output);
+              if (!shouldReplace) {
+                _context2.next = 8;
+                break;
+              }
+              outputModel = _this.outputs[index];
+              _getBundleOptions = getBundleOptions(output), data = _getBundleOptions.data;
+              outputModel.raw = output;
+              outputModel.data = data;
+              outputModel.onUpdateEmitter.fire();
+              // outputModel.data
+              _context2.next = 16;
+              break;
+            case 8:
+              _outputModel2 = _this.doCreateOutput(output);
               current = _this.outputs[index];
               current.dispose();
-              _context2.next = 5;
-              return outputModel;
-            case 5:
+              _context2.next = 13;
+              return _outputModel2;
+            case 13:
               model = _context2.sent;
               model.onDisposed(function () {
                 _this.remove(model);
               });
               _this.outputs[index] = model;
-            case 8:
+            case 16:
             case "end":
               return _context2.stop();
           }
         }, _callee2);
       }));
-      return function (_x2, _x3) {
+      return function (_x2, _x3, _x4) {
         return _ref2.apply(this, arguments);
       };
     }();
@@ -229,7 +267,7 @@ export var LibroOutputArea = (_dec = transient(), _dec2 = view('libro-output-are
           }
         }, _callee3, null, [[3, 13, 16, 19]]);
       }));
-      return function (_x4) {
+      return function (_x5) {
         return _ref3.apply(this, arguments);
       };
     }();
@@ -265,9 +303,7 @@ export var LibroOutputArea = (_dec = transient(), _dec2 = view('libro-output-are
     value: function doCreateOutput(options) {
       var provider = this.findProvider(options);
       return provider.factory({
-        output: _objectSpread({
-          _librOutputId: v4()
-        }, options),
+        output: options,
         trusted: this.cell.model.trusted,
         cell: this.cell
       });
@@ -285,6 +321,8 @@ export var LibroOutputArea = (_dec = transient(), _dec2 = view('libro-output-are
     key: "clear",
     value: function clear(wait) {
       this.lastStream = '';
+      this.lastDisplayStream = [];
+      this.isFirstLastOverHeight = true;
       if (wait) {
         this.clearNext = true;
         return;
@@ -375,6 +413,21 @@ function fixCarriageReturn(txt) {
 export function removeOverwrittenChars(text) {
   return fixCarriageReturn(fixBackspace(text));
 }
+function splitWithNewline(input) {
+  var parts = input.split(/(\n)/);
+  var result = [];
+  for (var i = 0; i < parts.length; i += 2) {
+    var text = parts[i];
+    var newline = parts[i + 1] || '';
+    var combined = text + newline;
+
+    // 仅保留非空项
+    if (text || newline) {
+      result.push(combined);
+    }
+  }
+  return result;
+}
 
 /**
  * Normalize an output.

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

@@ -1,5 +1,5 @@
 import type { IOutput, JSONObject, PartialJSONObject } from '@difizen/libro-common';
-import { BaseView } from '@difizen/mana-app';
+import { BaseView, Emitter } from '@difizen/mana-app';
 import type { FC } from 'react';
 import type { CellView } from '../libro-protocol.js';
 import type { IOutputOptions } from './output-protocol.js';
@@ -10,6 +10,8 @@ export declare class LibroOutputView extends BaseView implements BaseOutputView
     raw: IOutput;
     allowClear: boolean;
     data: JSONObject;
+    onUpdateEmitter: Emitter<void>;
+    get onUpdate(): import("@difizen/mana-app").Event<void>;
     metadata: PartialJSONObject;
     type: string;
     trusted: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"output-model.d.ts","sourceRoot":"","sources":["../../src/output/output-model.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACpF,OAAO,EAAE,QAAQ,EAA0B,MAAM,mBAAmB,CAAC;AAErE,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAS5E,qBAEa,eAAgB,SAAQ,QAAS,YAAW,cAAc;IAC5D,EAAE,SAAQ;IAGnB,IAAI,EAAE,QAAQ,CAAC;IAGf,GAAG,EAAE,OAAO,CAAC;IAGb,UAAU,UAAQ;IAGlB,IAAI,EAAE,UAAU,CAAC;IAEjB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;gBACe,OAAO,EAAE,cAAc;IAUvD,MAAM,EAAE,EAAE,CAAC;QAAE,MAAM,EAAE,cAAc,CAAA;KAAE,CAAC,CAA0B;IAEvD,OAAO;IAGhB,MAAM;IAGN,OAAO,CAAC,OAAO,EAAE,eAAe,GAAG,IAAI;CAQxC;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,wBAAkB,CAAC"}
+{"version":3,"file":"output-model.d.ts","sourceRoot":"","sources":["../../src/output/output-model.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACpF,OAAO,EAAE,QAAQ,EAAE,OAAO,EAA0B,MAAM,mBAAmB,CAAC;AAE9E,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAS5E,qBAEa,eAAgB,SAAQ,QAAS,YAAW,cAAc;IAC5D,EAAE,SAAQ;IAGnB,IAAI,EAAE,QAAQ,CAAC;IAGf,GAAG,EAAE,OAAO,CAAC;IAGb,UAAU,UAAQ;IAGlB,IAAI,EAAE,UAAU,CAAC;IAEjB,eAAe,gBAAuB;IAEtC,IAAI,QAAQ,4CAEX;IAGD,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;gBACe,OAAO,EAAE,cAAc;IAavD,MAAM,EAAE,EAAE,CAAC;QAAE,MAAM,EAAE,cAAc,CAAA;KAAE,CAAC,CAA0B;IAEvD,OAAO;IAGhB,MAAM;IAGN,OAAO,CAAC,OAAO,EAAE,eAAe,GAAG,IAAI;CAQxC;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,wBAAkB,CAAC"}

package/es/output/output-model.js

@@ -17,7 +17,7 @@ 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.'); }
-import { BaseView, prop, view, ViewOption } from '@difizen/mana-app';
+import { BaseView, Emitter, prop, view, ViewOption } from '@difizen/mana-app';
 import { inject, transient } from '@difizen/mana-app';
 import { v4 } from 'uuid';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -40,6 +40,7 @@ export var LibroOutputView = (_dec = transient(), _dec2 = view('libro-output-mod
     _initializerDefineProperty(_this, "raw", _descriptor, _assertThisInitialized(_this));
     _initializerDefineProperty(_this, "allowClear", _descriptor2, _assertThisInitialized(_this));
     _initializerDefineProperty(_this, "data", _descriptor3, _assertThisInitialized(_this));
+    _this.onUpdateEmitter = new Emitter();
     _initializerDefineProperty(_this, "metadata", _descriptor4, _assertThisInitialized(_this));
     _this.type = void 0;
     _this.trusted = void 0;
@@ -50,10 +51,19 @@ export var LibroOutputView = (_dec = transient(), _dec2 = view('libro-output-mod
     _this.type = 'libro-default-output';
     _this.data = {};
     _this.metadata = {};
+    _this.onUpdate(function () {
+      var _this$cell$parent$mod, _this$cell$parent$mod2;
+      (_this$cell$parent$mod = (_this$cell$parent$mod2 = _this.cell.parent.model).onChange) === null || _this$cell$parent$mod === void 0 || _this$cell$parent$mod.call(_this$cell$parent$mod2);
+    });
     return _this;
   }
   LibroOutputView = inject(ViewOption)(LibroOutputView, undefined, 0) || LibroOutputView;
   _createClass(LibroOutputView, [{
+    key: "onUpdate",
+    get: function get() {
+      return this.onUpdateEmitter.event;
+    }
+  }, {
     key: "dispose",
     value: function dispose() {
       _get(_getPrototypeOf(LibroOutputView.prototype), "dispose", this).call(this);

package/es/output/output-protocol.d.ts

@@ -1,5 +1,5 @@
 import type { IOutput, ReadonlyPartialJSONObject, JSONObject } from '@difizen/libro-common';
-import type { Event } from '@difizen/mana-app';
+import type { Emitter, Event } from '@difizen/mana-app';
 import type { View } from '@difizen/mana-app';
 import { Syringe } from '@difizen/mana-app';
 import type { CellView } from '../libro-protocol.js';
@@ -75,7 +75,11 @@ export interface BaseOutputView extends View {
     /**
      * The data associated with the model.
      */
-    readonly data: JSONObject;
+    data: JSONObject;
+    onUpdateEmitter: Emitter<void>;
+    onUpdate: Event<void>;
+    isLargeOutputDisplay?: boolean;
+    isTabRender?: boolean;
     /**
      * The metadata associated with the model.
      *

package/es/output/output-protocol.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"output-protocol.d.ts","sourceRoot":"","sources":["../../src/output/output-protocol.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"output-protocol.d.ts","sourceRoot":"","sources":["../../src/output/output-protocol.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@difizen/libro-core",
-  "version": "0.3.17",
+  "version": "0.3.18",
   "description": "",
   "keywords": [
     "libro",
@@ -34,10 +34,10 @@
   ],
   "dependencies": {
     "@ant-design/icons": "^5.1.0",
-    "@difizen/libro-code-editor": "^0.3.17",
-    "@difizen/libro-common": "^0.3.17",
-    "@difizen/libro-shared-model": "^0.3.17",
-    "@difizen/libro-virtualized": "^0.3.17",
+    "@difizen/libro-code-editor": "^0.3.18",
+    "@difizen/libro-common": "^0.3.18",
+    "@difizen/libro-shared-model": "^0.3.18",
+    "@difizen/libro-virtualized": "^0.3.18",
     "@difizen/mana-app": "latest",
     "@difizen/mana-l10n": "latest",
     "@difizen/mana-react": "latest",

package/src/libro-view.tsx

@@ -1,5 +1,6 @@
 import { ToTopOutlined } from '@ant-design/icons';
 import type { IModelContentChange } from '@difizen/libro-code-editor';
+import type { MultilineString } from '@difizen/libro-common';
 import {
   concatMultilineString,
   copy2clipboard,
@@ -386,6 +387,14 @@ export class LibroView extends BaseView implements NotebookView {
     return this.cellScrollEmitter.event;
   }
 
+  outputRenderTabEmitter = new Emitter<{
+    mimeType: string;
+    data: MultilineString | null;
+  }>();
+  get onOutputRenderTab() {
+    return this.outputRenderTabEmitter.event;
+  }
+
   protected initializedDefer = new Deferred<void>();
 
   get initialized() {
@@ -432,6 +441,12 @@ export class LibroView extends BaseView implements NotebookView {
   async initialize() {
     this.model.isInitialized = false;
     const options = await this.model.initialize();
+    if (
+      options.length > 30 ||
+      (this.model.options['fileSize'] || 0) / (1024 * 1024) >= 5
+    ) {
+      this.addLargeFileWarning();
+    }
     this.configurationService
       .get(AutoInsertWhenNoCell)
       .then((value) => {
@@ -477,6 +492,48 @@ export class LibroView extends BaseView implements NotebookView {
 
   override view = LibroRender;
 
+  addLargeFileWarning = () => {
+    const skipWarning =
+      localStorage.getItem(
+        'largefile' + `${this.options.modelId || this.options.id}`,
+      ) === 'true';
+    if (!skipWarning) {
+      const warningBox = document.createElement('div');
+      warningBox.style.position = 'fixed';
+      warningBox.style.top = '20px';
+      warningBox.style.left = '50%';
+      warningBox.style.display = 'flex';
+      warningBox.style.alignItems = 'center';
+      warningBox.style.color = '#000000E0';
+      warningBox.style.transform = 'translateX(-50%)';
+      warningBox.style.fontSize = '14px';
+      warningBox.style.background = '#ffffff';
+      warningBox.style.padding = '9px 12px';
+      warningBox.style.zIndex = '9999';
+      warningBox.style.borderRadius = '8px';
+      warningBox.style.boxShadow =
+        '0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05)';
+      warningBox.innerHTML = `
+                <svg style="display: inline-block; margin-right: 8px" viewBox="64 64 896 896" focusable="false" data-icon="exclamation-circle" width="1em" height="1em" fill="#faad14" aria-hidden="true" data-macaca-recorder-select-tag="true"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"></path></svg>
+                <span style ="line-height: 32px">即将打开的文件(内容过大 / cell 过多)，可能会导致操作卡顿，请耐心等待～</span>
+                <a style="margin-left: 8px; color: #1677ff;">我知道了</a>
+                `;
+      warningBox.querySelector('a')?.addEventListener('click', () => {
+        // 将用户偏好保存到 localStorage
+        localStorage.setItem(
+          'largefile' + `${this.options.modelId || this.options.id}`,
+          'true',
+        );
+        document.body.removeChild(warningBox);
+      });
+      document.body.appendChild(warningBox);
+      // 可选：自动移除提示框
+      setTimeout(() => {
+        document.body.removeChild(warningBox);
+      }, 2000);
+    }
+  };
+
   override onViewMount = () => {
     this.libroService.active = this;
     this.libroSlotManager.setup(this);
@@ -487,17 +544,11 @@ export class LibroView extends BaseView implements NotebookView {
       });
     }
     if (
-      this.model.cells.length > 30 ||
-      (this.options['fileSize'] || 0) / (1024 * 1024) >= 5
+      this.model.isInitialized &&
+      (this.model.cells.length > 30 ||
+        (this.model.options['fileSize'] || 0) / (1024 * 1024) >= 5)
     ) {
-      message.warning(
-        <div>
-          {l10n.t(
-            '即将打开的文件(内容过大 / cell 过多)，可能会导致操作卡顿，请耐心等待～',
-          )}
-          <Button type="link">{l10n.t('我知道了')}</Button>
-        </div>,
-      );
+      this.addLargeFileWarning();
     }
     // this.libroService.libroPerformanceStatistics.setRenderEnd(new Date());
 

package/src/output/output-area.tsx

@@ -1,4 +1,6 @@
-import type { IOutput } from '@difizen/libro-common';
+import type { IOutput, JSONObject } from '@difizen/libro-common';
+import { concatMultilineString } from '@difizen/libro-common';
+import { getBundleOptions } from '@difizen/libro-common';
 import { isError, isStream } from '@difizen/libro-common';
 import type { ViewComponent, Contribution } from '@difizen/mana-app';
 import {
@@ -13,7 +15,6 @@ import {
 } from '@difizen/mana-app';
 import { Emitter, prop, contrib, inject, transient } from '@difizen/mana-app';
 import { useEffect, forwardRef } from 'react';
-import { v4 } from 'uuid';
 
 import { ExecutableCellView } from '../cell/index.js';
 import type { CellView } from '../libro-protocol.js';
@@ -28,7 +29,6 @@ import { OutputContribution } from './output-protocol.js';
 const LibroOutputAreaRender = forwardRef<HTMLDivElement>(
   function LibroOutputAreaRender(props, ref) {
     const outputArea = useInject<LibroOutputArea>(ViewInstance);
-
     // const cellModel = outputArea.cell.model;
     // const executing = ExecutableCellModel.is(cellModel) && cellModel.executing;
 
@@ -72,8 +72,6 @@ export class LibroOutputArea extends BaseView implements BaseOutputArea {
   @prop()
   outputs: BaseOutputView[] = [];
 
-  // lastOutputContainerHeight?: number;
-
   constructor(@inject(ViewOption) option: IOutputAreaOption) {
     super();
     this.cell = option.cell;
@@ -86,6 +84,8 @@ export class LibroOutputArea extends BaseView implements BaseOutputArea {
 
   protected clearNext = false;
   protected lastStream = '';
+  protected lastDisplayStream: string[] = [];
+  protected isFirstLastOverHeight = true;
 
   protected lastName?: 'stdout' | 'stderr';
 
@@ -108,7 +108,7 @@ export class LibroOutputArea extends BaseView implements BaseOutputArea {
     const provider = this.findProvider(options);
 
     return provider.factory({
-      output: { _librOutputId: v4(), ...options },
+      output: options,
       trusted: this.cell.model.trusted,
       cell: this.cell,
     });
@@ -131,26 +131,56 @@ export class LibroOutputArea extends BaseView implements BaseOutputArea {
       // In order to get a list change event, we add the previous
       // text to the current item and replace the previous item.
       // This also replaces the metadata of the last item.
-      this.lastStream += normalize(output.text);
+      const normalizeOutput = normalize(output.text);
+      this.lastStream += normalizeOutput;
       this.lastStream = removeOverwrittenChars(this.lastStream);
       output.text = this.lastStream;
       const index = this.length - 1;
-      this.set(index, output);
+      const outputModel = this.outputs[index];
+      const containerRec = outputModel.container?.current?.getBoundingClientRect();
+
+      if ((containerRec?.height || 0) > 240) {
+        if (this.isFirstLastOverHeight) {
+          this.lastDisplayStream = [concatMultilineString(this.lastStream)];
+          this.lastDisplayStream.push('\n...\n');
+          this.isFirstLastOverHeight = false;
+        } else {
+          this.lastDisplayStream = [
+            ...this.lastDisplayStream,
+            ...splitWithNewline(normalizeOutput), //考虑有可能一次性输出多个带换行符的内容
+          ];
+        }
+        output['is_over_height'] = true;
+        output['display_text'] = this.lastDisplayStream;
+      }
+      this.set(index, output, true);
       return this.length;
     }
-
+    this.isFirstLastOverHeight = true;
     if (isStream(output)) {
-      output.text = removeOverwrittenChars(normalize(output.text));
+      const text = removeOverwrittenChars(normalize(output.text));
+      output.text = text;
+      const split_text = splitWithNewline(text);
+      if (this.isFirstLastOverHeight && split_text.length > 15) {
+        this.lastDisplayStream = [concatMultilineString(split_text.slice(0, 15))];
+        this.lastDisplayStream.push('\n...\n');
+        this.lastDisplayStream = [...this.lastDisplayStream, ...split_text.slice(15)];
+        this.isFirstLastOverHeight = false;
+        output['is_over_height'] = true;
+        output['display_text'] = this.lastDisplayStream;
+      }
     }
-
     const outputModel = this.doCreateOutput(output);
 
     // Update the stream information.
     if (isStream(output)) {
-      this.lastStream = normalize(output.text);
+      const normalizedOutput = normalize(output.text);
+      this.lastStream = normalizedOutput;
       this.lastName = output.name;
     } else {
       this.lastStream = '';
+      this.lastDisplayStream = [];
+      this.isFirstLastOverHeight = true;
     }
     const model = await outputModel;
     model.onDisposed(() => {
@@ -165,18 +195,29 @@ export class LibroOutputArea extends BaseView implements BaseOutputArea {
     this.outputs = outputs;
   }
 
-  set = async (index: number, output: IOutput) => {
-    const outputModel = this.doCreateOutput(output);
-    const current = this.outputs[index];
-    current.dispose();
-    const model = await outputModel;
-    model.onDisposed(() => {
-      this.remove(model);
-    });
-    this.outputs[index] = model;
+  set = async (index: number, output: IOutput, shouldReplace?: boolean) => {
+    if (shouldReplace) {
+      const outputModel = this.outputs[index];
+      const { data } = getBundleOptions(output);
+      outputModel.raw = output;
+      outputModel.data = data as JSONObject;
+      outputModel.onUpdateEmitter.fire();
+      // outputModel.data
+    } else {
+      const outputModel = this.doCreateOutput(output);
+      const current = this.outputs[index];
+      current.dispose();
+      const model = await outputModel;
+      model.onDisposed(() => {
+        this.remove(model);
+      });
+      this.outputs[index] = model;
+    }
   };
   clear(wait?: boolean | undefined) {
     this.lastStream = '';
+    this.lastDisplayStream = [];
+    this.isFirstLastOverHeight = true;
     if (wait) {
       this.clearNext = true;
       return;
@@ -264,6 +305,24 @@ export function removeOverwrittenChars(text: string): string {
   return fixCarriageReturn(fixBackspace(text));
 }
 
+function splitWithNewline(input: string): string[] {
+  const parts = input.split(/(\n)/);
+  const result: string[] = [];
+
+  for (let i = 0; i < parts.length; i += 2) {
+    const text = parts[i];
+    const newline = parts[i + 1] || '';
+    const combined = text + newline;
+
+    // 仅保留非空项
+    if (text || newline) {
+      result.push(combined);
+    }
+  }
+
+  return result;
+}
+
 /**
  * Normalize an output.
  */

package/src/output/output-model.tsx

@@ -1,5 +1,5 @@
 import type { IOutput, JSONObject, PartialJSONObject } from '@difizen/libro-common';
-import { BaseView, prop, view, ViewOption } from '@difizen/mana-app';
+import { BaseView, Emitter, prop, view, ViewOption } from '@difizen/mana-app';
 import { inject, transient } from '@difizen/mana-app';
 import type { FC } from 'react';
 import { v4 } from 'uuid';
@@ -32,6 +32,13 @@ export class LibroOutputView extends BaseView implements BaseOutputView {
 
   @prop()
   data: JSONObject;
+
+  onUpdateEmitter = new Emitter<void>();
+
+  get onUpdate() {
+    return this.onUpdateEmitter.event;
+  }
+
   @prop()
   metadata: PartialJSONObject;
   type: string;
@@ -44,6 +51,9 @@ export class LibroOutputView extends BaseView implements BaseOutputView {
     this.type = 'libro-default-output';
     this.data = {};
     this.metadata = {};
+    this.onUpdate(() => {
+      this.cell.parent.model.onChange?.();
+    });
   }
 
   render: FC<{ output: BaseOutputView }> = LibroOutputModelRender;

package/src/output/output-protocol.ts

@@ -3,7 +3,7 @@ import type {
   ReadonlyPartialJSONObject,
   JSONObject,
 } from '@difizen/libro-common';
-import type { Event } from '@difizen/mana-app';
+import type { Emitter, Event } from '@difizen/mana-app';
 import type { View } from '@difizen/mana-app';
 import { Syringe } from '@difizen/mana-app';
 
@@ -100,7 +100,15 @@ export interface BaseOutputView extends View {
   /**
    * The data associated with the model.
    */
-  readonly data: JSONObject;
+  data: JSONObject;
+
+  onUpdateEmitter: Emitter<void>;
+
+  onUpdate: Event<void>;
+
+  isLargeOutputDisplay?: boolean;
+
+  isTabRender?: boolean;
 
   /**
    * The metadata associated with the model.