@atlaskit/editor-common 107.22.1 → 107.23.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-common
 
+## 107.23.1
+
+### Patch Changes
+
+- [#200948](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/200948)
+  [`8dd9a944113d5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8dd9a944113d5) -
+  Introduced throttling for portals
+- Updated dependencies
+
+## 107.23.0
+
+### Minor Changes
+
+- [#200753](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/200753)
+  [`6188d265cbfbf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6188d265cbfbf) -
+  [EDITOR-1301] Update discard modal text
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 107.22.1
 
 ### Patch Changes

package/dist/cjs/ai-messages/ai-experience-application.js

@@ -28,6 +28,11 @@ var aiExperienceApplicationMessages = exports.aiExperienceApplicationMessages =
     defaultMessage: 'Do you want to discard your response?',
     description: 'Message to confirm if the user wants to discard the generated response from Atlassian Intelligence.'
   },
+  discardStreamingInDocumenntMessageResponse: {
+    id: 'fabric.editor.ai.experience.discardStreamingInDocumenntMessageResponse',
+    defaultMessage: 'Delete response?',
+    description: 'Message to confirm if the user wants to discard the generated response from Atlassian Intelligence in the document.'
+  },
   loadingTitle: {
     id: 'fabric.editor.ai.experience.loadingTitle',
     defaultMessage: 'Generating',

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "107.22.0";
+var packageVersion = "107.23.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/portal/PortalManager.js

@@ -9,11 +9,14 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _throttle = _interopRequireDefault(require("lodash/throttle"));
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 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) { (0, _defineProperty2.default)(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; }
 var DEFAULT_INITIAL_BUCKETS = 50;
 var DEFAULT_MAX_BUCKET_CAPACITY = 50;
 var DEFAULT_SCALE_RATIO = 0.5;
+var DEFAULT_THROTTLE_DELAY = 16; // ~60fps for smooth updates
 
 /**
  * Creates an empty bucket object with a specified capacity. Each bucket is designed
@@ -38,7 +41,7 @@ function createEmptyBucket(capacity) {
  * across "buckets" and updating these buckets as necessary to balance load and performance.
  *
  * @class PortalManager
- * @typedef {Object} PortalManager
+ * @typedef {object} PortalManager
  *
  * @property {number} maxBucketCapacity - The maximum capacity of each bucket before a new bucket is created.
  * @property {number} scaleRatio - The ratio to determine the number of new buckets to add when scaling up.
@@ -47,19 +50,24 @@ function createEmptyBucket(capacity) {
  * @property {Map<React.Key, number>} portalToBucketMap - A map of React portal keys to their corresponding bucket indices.
  * @property {PortalRendererUpdater|null} portalRendererUpdater - A function to trigger updates to the rendering of portals.
  * @property {number} scaleCapacityThreshold - The threshold at which the buckets are scaled up to accommodate more portals.
+ * @property {Map<number, ReturnType<typeof throttle>>} throttledBucketUpdaters - A map of bucket IDs to their throttled update functions.
+ * @property {number} throttleDelay - The delay in milliseconds for throttling bucket updates.
  *
  * @param {number} [initialBuckets=DEFAULT_INITIAL_BUCKETS] - The initial number of buckets to create.
  * @param {number} [maxBucketCapacity=DEFAULT_MAX_BUCKET_CAPACITY] - The maximum number of portals a single bucket can hold.
  * @param {number} [scaleRatio=DEFAULT_SCALE_RATIO] - The ratio used to calculate the number of new buckets to add when scaling.
+ * @param {number} [throttleDelay=DEFAULT_THROTTLE_DELAY] - The delay in milliseconds for throttling updates.
  */
 var PortalManager = exports.PortalManager = /*#__PURE__*/function () {
   function PortalManager() {
     var initialBuckets = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_INITIAL_BUCKETS;
     var maxBucketCapacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_MAX_BUCKET_CAPACITY;
     var scaleRatio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_SCALE_RATIO;
+    var throttleDelay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : DEFAULT_THROTTLE_DELAY;
     (0, _classCallCheck2.default)(this, PortalManager);
     this.maxBucketCapacity = maxBucketCapacity;
     this.scaleRatio = scaleRatio;
+    this.throttleDelay = throttleDelay;
 
     // Initialise buckets array by creating an array of length `initialBuckets` containing empty buckets
     this.buckets = Array.from({
@@ -75,6 +83,7 @@ var PortalManager = exports.PortalManager = /*#__PURE__*/function () {
     }));
     this.portalRendererUpdater = null;
     this.scaleCapacityThreshold = maxBucketCapacity / 2;
+    this.throttledBucketUpdaters = new Map();
   }
   return (0, _createClass2.default)(PortalManager, [{
     key: "getCurrentBucket",
@@ -112,6 +121,21 @@ var PortalManager = exports.PortalManager = /*#__PURE__*/function () {
       }
       (_this$portalRendererU = this.portalRendererUpdater) === null || _this$portalRendererU === void 0 || _this$portalRendererU.call(this, this.buckets);
     }
+  }, {
+    key: "getOrCreateThrottledUpdater",
+    value: function getOrCreateThrottledUpdater(id) {
+      var _this = this;
+      if (!this.throttledBucketUpdaters.has(id)) {
+        var throttledUpdater = (0, _throttle.default)(function () {
+          var _this$buckets$id, _this$buckets$id$upda;
+          (_this$buckets$id = _this.buckets[id]) === null || _this$buckets$id === void 0 || (_this$buckets$id$upda = _this$buckets$id.updater) === null || _this$buckets$id$upda === void 0 || _this$buckets$id$upda.call(_this$buckets$id, function () {
+            return _objectSpread({}, _this.buckets[id].portals);
+          });
+        }, this.throttleDelay);
+        this.throttledBucketUpdaters.set(id, throttledUpdater);
+      }
+      return this.throttledBucketUpdaters.get(id);
+    }
   }, {
     key: "getBuckets",
     value: function getBuckets() {
@@ -120,35 +144,52 @@ var PortalManager = exports.PortalManager = /*#__PURE__*/function () {
   }, {
     key: "registerBucket",
     value: function registerBucket(id, updater) {
-      var _this$buckets$id$upda,
-        _this$buckets$id,
-        _this = this;
+      var _this$buckets$id$upda2,
+        _this$buckets$id2,
+        _this2 = this;
       this.buckets[id].updater = updater;
-      (_this$buckets$id$upda = (_this$buckets$id = this.buckets[id]).updater) === null || _this$buckets$id$upda === void 0 || _this$buckets$id$upda.call(_this$buckets$id, function () {
-        return _objectSpread({}, _this.buckets[id].portals);
+      (_this$buckets$id$upda2 = (_this$buckets$id2 = this.buckets[id]).updater) === null || _this$buckets$id$upda2 === void 0 || _this$buckets$id$upda2.call(_this$buckets$id2, function () {
+        return _objectSpread({}, _this2.buckets[id].portals);
       });
     }
   }, {
     key: "unregisterBucket",
     value: function unregisterBucket(id) {
       this.buckets[id].updater = null;
+      // Clean up throttled updater when bucket is unregistered
+      if (this.throttledBucketUpdaters.has(id)) {
+        var _this$throttledBucket;
+        (_this$throttledBucket = this.throttledBucketUpdaters.get(id)) === null || _this$throttledBucket === void 0 || _this$throttledBucket.cancel();
+        this.throttledBucketUpdaters.delete(id);
+      }
     }
   }, {
     key: "updateBuckets",
     value: function updateBuckets(id) {
-      var _this$buckets$id$upda2,
-        _this$buckets$id2,
-        _this2 = this;
-      (_this$buckets$id$upda2 = (_this$buckets$id2 = this.buckets[id]).updater) === null || _this$buckets$id$upda2 === void 0 || _this$buckets$id$upda2.call(_this$buckets$id2, function () {
-        // new object is required to trigger react updates
-        return _objectSpread({}, _this2.buckets[id].portals);
-      });
+      var _this3 = this;
+      var immediate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      if (immediate || !(0, _expValEquals.expValEquals)('platform_editor_debounce_portal_provider', 'isEnabled', true)) {
+        var _this$buckets$id$upda3, _this$buckets$id3;
+        // Cancel any pending throttled update and update immediately
+        if (this.throttledBucketUpdaters.has(id)) {
+          var _this$throttledBucket2;
+          (_this$throttledBucket2 = this.throttledBucketUpdaters.get(id)) === null || _this$throttledBucket2 === void 0 || _this$throttledBucket2.cancel();
+        }
+        (_this$buckets$id$upda3 = (_this$buckets$id3 = this.buckets[id]).updater) === null || _this$buckets$id$upda3 === void 0 || _this$buckets$id$upda3.call(_this$buckets$id3, function () {
+          return _objectSpread({}, _this3.buckets[id].portals);
+        });
+      } else {
+        var _this$getOrCreateThro;
+        // Use throttled update for smooth, regular updates
+        (_this$getOrCreateThro = this.getOrCreateThrottledUpdater(id)) === null || _this$getOrCreateThro === void 0 || _this$getOrCreateThro();
+      }
     }
   }, {
     key: "registerPortal",
     value: function registerPortal(key, portal) {
       var _this$portalToBucketM,
-        _this3 = this;
+        _this4 = this;
+      var immediate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       this.createBucket();
       // @ts-ignore - TS2538 TypeScript 5.9.2 upgrade
       this.buckets[this.getCurrentBucket()].capacity -= 1;
@@ -160,32 +201,32 @@ var PortalManager = exports.PortalManager = /*#__PURE__*/function () {
         // @ts-ignore - TS2538 TypeScript 5.9.2 upgrade
         this.buckets[id].portals[key] = portal;
         // @ts-ignore - TS2345 TypeScript 5.9.2 upgrade
-        this.updateBuckets(id);
+        this.updateBuckets(id, immediate);
       }
 
       //returns a function to unregister the portal
       return function () {
         // @ts-ignore - TS2538 TypeScript 5.9.2 upgrade
-        delete _this3.buckets[id].portals[key];
-        _this3.portalToBucketMap.delete(key);
+        delete _this4.buckets[id].portals[key];
+        _this4.portalToBucketMap.delete(key);
         // @ts-ignore - TS2538 TypeScript 5.9.2 upgrade
-        _this3.buckets[id].capacity += 1;
+        _this4.buckets[id].capacity += 1;
         // @ts-ignore - TS2538 TypeScript 5.9.2 upgrade
-        if (_this3.buckets[id].capacity > _this3.scaleCapacityThreshold) {
+        if (_this4.buckets[id].capacity > _this4.scaleCapacityThreshold) {
           // @ts-ignore - TS2345 TypeScript 5.9.2 upgrade
-          _this3.availableBuckets.add(id);
+          _this4.availableBuckets.add(id);
         }
         // @ts-ignore - TS2345 TypeScript 5.9.2 upgrade
-        _this3.updateBuckets(id);
+        _this4.updateBuckets(id, immediate);
       };
     }
   }, {
     key: "registerPortalRenderer",
     value: function registerPortalRenderer(updater) {
-      var _this4 = this;
+      var _this5 = this;
       if (!this.portalRendererUpdater) {
         updater(function () {
-          return _this4.buckets;
+          return _this5.buckets;
         });
       }
       this.portalRendererUpdater = updater;
@@ -203,12 +244,18 @@ var PortalManager = exports.PortalManager = /*#__PURE__*/function () {
   }, {
     key: "destroy",
     value: function destroy() {
-      var _this5 = this;
+      var _this6 = this;
+      // Cancel all pending throttled updates
+      this.throttledBucketUpdaters.forEach(function (updater) {
+        updater.cancel();
+      });
+      this.throttledBucketUpdaters.clear();
+
       // Iterate through each bucket and clear its portals and unset the updater function
       this.buckets.forEach(function (bucket, id) {
         bucket.portals = {}; // Clearing all portals from the bucket
         bucket.updater = null; // Unsetting the bucket's updater function
-        _this5.availableBuckets.add(id); // Mark all buckets as available
+        _this6.availableBuckets.add(id); // Mark all buckets as available
       });
       this.portalToBucketMap.clear();
       this.portalRendererUpdater = null;

package/dist/cjs/portal/common.js

@@ -80,15 +80,16 @@ var getPortalProviderAPI = exports.getPortalProviderAPI = function getPortalProv
   var portalsMap = new Map();
   return {
     render: function render(children, container, key, onBeforeReactDomRender) {
+      var immediate = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
       if (typeof onBeforeReactDomRender === 'function') {
         var portal = /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement(PortalRenderWrapper, {
           getChildren: children,
           onBeforeRender: onBeforeReactDomRender
         }), container, key);
-        portalsMap.set(key, portalManager.registerPortal(key, portal));
+        portalsMap.set(key, portalManager.registerPortal(key, portal, immediate));
       } else {
         var _portal = /*#__PURE__*/(0, _reactDom.createPortal)(children(), container, key);
-        portalsMap.set(key, portalManager.registerPortal(key, _portal));
+        portalsMap.set(key, portalManager.registerPortal(key, _portal, immediate));
       }
     },
     remove: function remove(key) {

package/dist/cjs/react-node-view/index.js

@@ -35,7 +35,7 @@ var ReactNodeView = exports.default = /*#__PURE__*/function () {
   function ReactNodeView(_node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps,
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  reactComponent, viewShouldUpdate) {
+  reactComponent, viewShouldUpdate, shouldRenderImmediatelyInPortal) {
     var _this = this;
     (0, _classCallCheck2.default)(this, ReactNodeView);
     // Ignored via go/ees005
@@ -61,6 +61,7 @@ var ReactNodeView = exports.default = /*#__PURE__*/function () {
     this._viewShouldUpdate = viewShouldUpdate;
     this.eventDispatcher = eventDispatcher;
     this.key = (0, _generateUniqueNodeKey.generateUniqueNodeKey)();
+    this.shouldRenderImmediatelyInPortal = shouldRenderImmediatelyInPortal || false;
   }
 
   /**
@@ -131,10 +132,10 @@ var ReactNodeView = exports.default = /*#__PURE__*/function () {
           dispatchAnalyticsEvent: _this3.dispatchAnalyticsEvent
         }, component());
       };
-
+      this.portalProviderAPI.render(componentWithErrorBoundary,
       // Ignored via go/ees005
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      this.portalProviderAPI.render(componentWithErrorBoundary, this.domRef, this.key);
+      this.domRef, this.key, undefined, this.shouldRenderImmediatelyInPortal);
     }
   }, {
     key: "createDomRef",

package/dist/cjs/selection-based-node-view/SelectionBasedNodeView.js

@@ -41,10 +41,10 @@ var SelectionBasedNodeView = exports.SelectionBasedNodeView = /*#__PURE__*/funct
   function SelectionBasedNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps,
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  reactComponent, viewShouldUpdate) {
+  reactComponent, viewShouldUpdate, shouldRenderImmediatelyInPortal) {
     var _this;
     (0, _classCallCheck2.default)(this, SelectionBasedNodeView);
-    _this = _callSuper(this, SelectionBasedNodeView, [node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate]);
+    _this = _callSuper(this, SelectionBasedNodeView, [node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate, shouldRenderImmediatelyInPortal]);
     (0, _defineProperty2.default)(_this, "isSelectedNode", false);
     (0, _defineProperty2.default)(_this, "isNodeInsideSelection", function (from, to, pos, posEnd) {
       var _this$getPositionsWit = _this.getPositionsWithDefault(pos, posEnd);

package/dist/cjs/toolbar/keys.js

@@ -253,8 +253,8 @@ var ALIGN_RIGHT_MENU_ITEM = exports.ALIGN_RIGHT_MENU_ITEM = {
 };
 
 /*
-* Lists and indentation group
-*/
+ * Lists and indentation group
+ */
 var LISTS_INDENTATION_GROUP = exports.LISTS_INDENTATION_GROUP = {
   key: 'lists-indentation-group',
   type: 'group'

package/dist/cjs/ui/DropList/index.js

@@ -23,7 +23,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.22.0";
+var packageVersion = "107.23.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/es2019/ai-messages/ai-experience-application.js

@@ -21,6 +21,11 @@ export const aiExperienceApplicationMessages = defineMessages({
     defaultMessage: 'Do you want to discard your response?',
     description: 'Message to confirm if the user wants to discard the generated response from Atlassian Intelligence.'
   },
+  discardStreamingInDocumenntMessageResponse: {
+    id: 'fabric.editor.ai.experience.discardStreamingInDocumenntMessageResponse',
+    defaultMessage: 'Delete response?',
+    description: 'Message to confirm if the user wants to discard the generated response from Atlassian Intelligence in the document.'
+  },
   loadingTitle: {
     id: 'fabric.editor.ai.experience.loadingTitle',
     defaultMessage: 'Generating',

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "107.22.0";
+const packageVersion = "107.23.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/portal/PortalManager.js

@@ -1,6 +1,9 @@
+import throttle from 'lodash/throttle';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 const DEFAULT_INITIAL_BUCKETS = 50;
 const DEFAULT_MAX_BUCKET_CAPACITY = 50;
 const DEFAULT_SCALE_RATIO = 0.5;
+const DEFAULT_THROTTLE_DELAY = 16; // ~60fps for smooth updates
 
 /**
  * Creates an empty bucket object with a specified capacity. Each bucket is designed
@@ -25,7 +28,7 @@ function createEmptyBucket(capacity) {
  * across "buckets" and updating these buckets as necessary to balance load and performance.
  *
  * @class PortalManager
- * @typedef {Object} PortalManager
+ * @typedef {object} PortalManager
  *
  * @property {number} maxBucketCapacity - The maximum capacity of each bucket before a new bucket is created.
  * @property {number} scaleRatio - The ratio to determine the number of new buckets to add when scaling up.
@@ -34,15 +37,19 @@ function createEmptyBucket(capacity) {
  * @property {Map<React.Key, number>} portalToBucketMap - A map of React portal keys to their corresponding bucket indices.
  * @property {PortalRendererUpdater|null} portalRendererUpdater - A function to trigger updates to the rendering of portals.
  * @property {number} scaleCapacityThreshold - The threshold at which the buckets are scaled up to accommodate more portals.
+ * @property {Map<number, ReturnType<typeof throttle>>} throttledBucketUpdaters - A map of bucket IDs to their throttled update functions.
+ * @property {number} throttleDelay - The delay in milliseconds for throttling bucket updates.
  *
  * @param {number} [initialBuckets=DEFAULT_INITIAL_BUCKETS] - The initial number of buckets to create.
  * @param {number} [maxBucketCapacity=DEFAULT_MAX_BUCKET_CAPACITY] - The maximum number of portals a single bucket can hold.
  * @param {number} [scaleRatio=DEFAULT_SCALE_RATIO] - The ratio used to calculate the number of new buckets to add when scaling.
+ * @param {number} [throttleDelay=DEFAULT_THROTTLE_DELAY] - The delay in milliseconds for throttling updates.
  */
 export class PortalManager {
-  constructor(initialBuckets = DEFAULT_INITIAL_BUCKETS, maxBucketCapacity = DEFAULT_MAX_BUCKET_CAPACITY, scaleRatio = DEFAULT_SCALE_RATIO) {
+  constructor(initialBuckets = DEFAULT_INITIAL_BUCKETS, maxBucketCapacity = DEFAULT_MAX_BUCKET_CAPACITY, scaleRatio = DEFAULT_SCALE_RATIO, throttleDelay = DEFAULT_THROTTLE_DELAY) {
     this.maxBucketCapacity = maxBucketCapacity;
     this.scaleRatio = scaleRatio;
+    this.throttleDelay = throttleDelay;
 
     // Initialise buckets array by creating an array of length `initialBuckets` containing empty buckets
     this.buckets = Array.from({
@@ -54,6 +61,7 @@ export class PortalManager {
     }, (_, i) => i));
     this.portalRendererUpdater = null;
     this.scaleCapacityThreshold = maxBucketCapacity / 2;
+    this.throttledBucketUpdaters = new Map();
   }
   getCurrentBucket() {
     return this.availableBuckets.values().next().value;
@@ -87,29 +95,55 @@ export class PortalManager {
     }
     (_this$portalRendererU = this.portalRendererUpdater) === null || _this$portalRendererU === void 0 ? void 0 : _this$portalRendererU.call(this, this.buckets);
   }
+  getOrCreateThrottledUpdater(id) {
+    if (!this.throttledBucketUpdaters.has(id)) {
+      const throttledUpdater = throttle(() => {
+        var _this$buckets$id, _this$buckets$id$upda;
+        (_this$buckets$id = this.buckets[id]) === null || _this$buckets$id === void 0 ? void 0 : (_this$buckets$id$upda = _this$buckets$id.updater) === null || _this$buckets$id$upda === void 0 ? void 0 : _this$buckets$id$upda.call(_this$buckets$id, () => ({
+          ...this.buckets[id].portals
+        }));
+      }, this.throttleDelay);
+      this.throttledBucketUpdaters.set(id, throttledUpdater);
+    }
+    return this.throttledBucketUpdaters.get(id);
+  }
   getBuckets() {
     return this.buckets;
   }
   registerBucket(id, updater) {
-    var _this$buckets$id$upda, _this$buckets$id;
+    var _this$buckets$id$upda2, _this$buckets$id2;
     this.buckets[id].updater = updater;
-    (_this$buckets$id$upda = (_this$buckets$id = this.buckets[id]).updater) === null || _this$buckets$id$upda === void 0 ? void 0 : _this$buckets$id$upda.call(_this$buckets$id, () => ({
+    (_this$buckets$id$upda2 = (_this$buckets$id2 = this.buckets[id]).updater) === null || _this$buckets$id$upda2 === void 0 ? void 0 : _this$buckets$id$upda2.call(_this$buckets$id2, () => ({
       ...this.buckets[id].portals
     }));
   }
   unregisterBucket(id) {
     this.buckets[id].updater = null;
+    // Clean up throttled updater when bucket is unregistered
+    if (this.throttledBucketUpdaters.has(id)) {
+      var _this$throttledBucket;
+      (_this$throttledBucket = this.throttledBucketUpdaters.get(id)) === null || _this$throttledBucket === void 0 ? void 0 : _this$throttledBucket.cancel();
+      this.throttledBucketUpdaters.delete(id);
+    }
   }
-  updateBuckets(id) {
-    var _this$buckets$id$upda2, _this$buckets$id2;
-    (_this$buckets$id$upda2 = (_this$buckets$id2 = this.buckets[id]).updater) === null || _this$buckets$id$upda2 === void 0 ? void 0 : _this$buckets$id$upda2.call(_this$buckets$id2, () => {
-      // new object is required to trigger react updates
-      return {
+  updateBuckets(id, immediate = false) {
+    if (immediate || !expValEquals('platform_editor_debounce_portal_provider', 'isEnabled', true)) {
+      var _this$buckets$id$upda3, _this$buckets$id3;
+      // Cancel any pending throttled update and update immediately
+      if (this.throttledBucketUpdaters.has(id)) {
+        var _this$throttledBucket2;
+        (_this$throttledBucket2 = this.throttledBucketUpdaters.get(id)) === null || _this$throttledBucket2 === void 0 ? void 0 : _this$throttledBucket2.cancel();
+      }
+      (_this$buckets$id$upda3 = (_this$buckets$id3 = this.buckets[id]).updater) === null || _this$buckets$id$upda3 === void 0 ? void 0 : _this$buckets$id$upda3.call(_this$buckets$id3, () => ({
         ...this.buckets[id].portals
-      };
-    });
+      }));
+    } else {
+      var _this$getOrCreateThro;
+      // Use throttled update for smooth, regular updates
+      (_this$getOrCreateThro = this.getOrCreateThrottledUpdater(id)) === null || _this$getOrCreateThro === void 0 ? void 0 : _this$getOrCreateThro();
+    }
   }
-  registerPortal(key, portal) {
+  registerPortal(key, portal, immediate = false) {
     var _this$portalToBucketM;
     this.createBucket();
     // @ts-ignore - TS2538 TypeScript 5.9.2 upgrade
@@ -122,7 +156,7 @@ export class PortalManager {
       // @ts-ignore - TS2538 TypeScript 5.9.2 upgrade
       this.buckets[id].portals[key] = portal;
       // @ts-ignore - TS2345 TypeScript 5.9.2 upgrade
-      this.updateBuckets(id);
+      this.updateBuckets(id, immediate);
     }
 
     //returns a function to unregister the portal
@@ -138,7 +172,7 @@ export class PortalManager {
         this.availableBuckets.add(id);
       }
       // @ts-ignore - TS2345 TypeScript 5.9.2 upgrade
-      this.updateBuckets(id);
+      this.updateBuckets(id, immediate);
     };
   }
   registerPortalRenderer(updater) {
@@ -156,6 +190,12 @@ export class PortalManager {
    * unregistering all buckets, and resetting internal state.
    */
   destroy() {
+    // Cancel all pending throttled updates
+    this.throttledBucketUpdaters.forEach(updater => {
+      updater.cancel();
+    });
+    this.throttledBucketUpdaters.clear();
+
     // Iterate through each bucket and clear its portals and unset the updater function
     this.buckets.forEach((bucket, id) => {
       bucket.portals = {}; // Clearing all portals from the bucket

package/dist/es2019/portal/common.js

@@ -61,16 +61,16 @@ PortalRenderWrapper.displayName = 'PortalRenderWrapper';
 export const getPortalProviderAPI = portalManager => {
   const portalsMap = new Map();
   return {
-    render: (children, container, key, onBeforeReactDomRender) => {
+    render: (children, container, key, onBeforeReactDomRender, immediate = false) => {
       if (typeof onBeforeReactDomRender === 'function') {
         const portal = /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(PortalRenderWrapper, {
           getChildren: children,
           onBeforeRender: onBeforeReactDomRender
         }), container, key);
-        portalsMap.set(key, portalManager.registerPortal(key, portal));
+        portalsMap.set(key, portalManager.registerPortal(key, portal, immediate));
       } else {
         const portal = /*#__PURE__*/createPortal(children(), container, key);
-        portalsMap.set(key, portalManager.registerPortal(key, portal));
+        portalsMap.set(key, portalManager.registerPortal(key, portal, immediate));
       }
     },
     remove: key => {

package/dist/es2019/react-node-view/index.js

@@ -15,7 +15,7 @@ export default class ReactNodeView {
   constructor(_node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps,
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  reactComponent, viewShouldUpdate) {
+  reactComponent, viewShouldUpdate, shouldRenderImmediatelyInPortal) {
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     _defineProperty(this, "decorations", []);
@@ -37,6 +37,7 @@ export default class ReactNodeView {
     this._viewShouldUpdate = viewShouldUpdate;
     this.eventDispatcher = eventDispatcher;
     this.key = generateUniqueNodeKey();
+    this.shouldRenderImmediatelyInPortal = shouldRenderImmediatelyInPortal || false;
   }
 
   /**
@@ -101,10 +102,10 @@ export default class ReactNodeView {
         dispatchAnalyticsEvent: this.dispatchAnalyticsEvent
       }, component());
     };
-
+    this.portalProviderAPI.render(componentWithErrorBoundary,
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    this.portalProviderAPI.render(componentWithErrorBoundary, this.domRef, this.key);
+    this.domRef, this.key, undefined, this.shouldRenderImmediatelyInPortal);
   }
   createDomRef() {
     if (!this.node.isInline) {

package/dist/es2019/selection-based-node-view/SelectionBasedNodeView.js

@@ -29,8 +29,8 @@ export class SelectionBasedNodeView extends ReactNodeView {
   constructor(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps,
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  reactComponent, viewShouldUpdate) {
-    super(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate);
+  reactComponent, viewShouldUpdate, shouldRenderImmediatelyInPortal) {
+    super(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate, shouldRenderImmediatelyInPortal);
     _defineProperty(this, "isSelectedNode", false);
     _defineProperty(this, "isNodeInsideSelection", (from, to, pos, posEnd) => {
       ({

package/dist/es2019/toolbar/keys.js

@@ -247,8 +247,8 @@ export const ALIGN_RIGHT_MENU_ITEM = {
 };
 
 /*
-* Lists and indentation group
-*/
+ * Lists and indentation group
+ */
 export const LISTS_INDENTATION_GROUP = {
   key: 'lists-indentation-group',
   type: 'group'

package/dist/es2019/ui/DropList/index.js

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "107.22.0";
+const packageVersion = "107.23.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/esm/ai-messages/ai-experience-application.js

@@ -21,6 +21,11 @@ export var aiExperienceApplicationMessages = defineMessages({
     defaultMessage: 'Do you want to discard your response?',
     description: 'Message to confirm if the user wants to discard the generated response from Atlassian Intelligence.'
   },
+  discardStreamingInDocumenntMessageResponse: {
+    id: 'fabric.editor.ai.experience.discardStreamingInDocumenntMessageResponse',
+    defaultMessage: 'Delete response?',
+    description: 'Message to confirm if the user wants to discard the generated response from Atlassian Intelligence in the document.'
+  },
   loadingTitle: {
     id: 'fabric.editor.ai.experience.loadingTitle',
     defaultMessage: 'Generating',

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "107.22.0";
+var packageVersion = "107.23.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/portal/PortalManager.js

@@ -4,9 +4,12 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 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; }
+import throttle from 'lodash/throttle';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var DEFAULT_INITIAL_BUCKETS = 50;
 var DEFAULT_MAX_BUCKET_CAPACITY = 50;
 var DEFAULT_SCALE_RATIO = 0.5;
+var DEFAULT_THROTTLE_DELAY = 16; // ~60fps for smooth updates
 
 /**
  * Creates an empty bucket object with a specified capacity. Each bucket is designed
@@ -31,7 +34,7 @@ function createEmptyBucket(capacity) {
  * across "buckets" and updating these buckets as necessary to balance load and performance.
  *
  * @class PortalManager
- * @typedef {Object} PortalManager
+ * @typedef {object} PortalManager
  *
  * @property {number} maxBucketCapacity - The maximum capacity of each bucket before a new bucket is created.
  * @property {number} scaleRatio - The ratio to determine the number of new buckets to add when scaling up.
@@ -40,19 +43,24 @@ function createEmptyBucket(capacity) {
  * @property {Map<React.Key, number>} portalToBucketMap - A map of React portal keys to their corresponding bucket indices.
  * @property {PortalRendererUpdater|null} portalRendererUpdater - A function to trigger updates to the rendering of portals.
  * @property {number} scaleCapacityThreshold - The threshold at which the buckets are scaled up to accommodate more portals.
+ * @property {Map<number, ReturnType<typeof throttle>>} throttledBucketUpdaters - A map of bucket IDs to their throttled update functions.
+ * @property {number} throttleDelay - The delay in milliseconds for throttling bucket updates.
  *
  * @param {number} [initialBuckets=DEFAULT_INITIAL_BUCKETS] - The initial number of buckets to create.
  * @param {number} [maxBucketCapacity=DEFAULT_MAX_BUCKET_CAPACITY] - The maximum number of portals a single bucket can hold.
  * @param {number} [scaleRatio=DEFAULT_SCALE_RATIO] - The ratio used to calculate the number of new buckets to add when scaling.
+ * @param {number} [throttleDelay=DEFAULT_THROTTLE_DELAY] - The delay in milliseconds for throttling updates.
  */
 export var PortalManager = /*#__PURE__*/function () {
   function PortalManager() {
     var initialBuckets = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_INITIAL_BUCKETS;
     var maxBucketCapacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_MAX_BUCKET_CAPACITY;
     var scaleRatio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_SCALE_RATIO;
+    var throttleDelay = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : DEFAULT_THROTTLE_DELAY;
     _classCallCheck(this, PortalManager);
     this.maxBucketCapacity = maxBucketCapacity;
     this.scaleRatio = scaleRatio;
+    this.throttleDelay = throttleDelay;
 
     // Initialise buckets array by creating an array of length `initialBuckets` containing empty buckets
     this.buckets = Array.from({
@@ -68,6 +76,7 @@ export var PortalManager = /*#__PURE__*/function () {
     }));
     this.portalRendererUpdater = null;
     this.scaleCapacityThreshold = maxBucketCapacity / 2;
+    this.throttledBucketUpdaters = new Map();
   }
   return _createClass(PortalManager, [{
     key: "getCurrentBucket",
@@ -105,6 +114,21 @@ export var PortalManager = /*#__PURE__*/function () {
       }
       (_this$portalRendererU = this.portalRendererUpdater) === null || _this$portalRendererU === void 0 || _this$portalRendererU.call(this, this.buckets);
     }
+  }, {
+    key: "getOrCreateThrottledUpdater",
+    value: function getOrCreateThrottledUpdater(id) {
+      var _this = this;
+      if (!this.throttledBucketUpdaters.has(id)) {
+        var throttledUpdater = throttle(function () {
+          var _this$buckets$id, _this$buckets$id$upda;
+          (_this$buckets$id = _this.buckets[id]) === null || _this$buckets$id === void 0 || (_this$buckets$id$upda = _this$buckets$id.updater) === null || _this$buckets$id$upda === void 0 || _this$buckets$id$upda.call(_this$buckets$id, function () {
+            return _objectSpread({}, _this.buckets[id].portals);
+          });
+        }, this.throttleDelay);
+        this.throttledBucketUpdaters.set(id, throttledUpdater);
+      }
+      return this.throttledBucketUpdaters.get(id);
+    }
   }, {
     key: "getBuckets",
     value: function getBuckets() {
@@ -113,35 +137,52 @@ export var PortalManager = /*#__PURE__*/function () {
   }, {
     key: "registerBucket",
     value: function registerBucket(id, updater) {
-      var _this$buckets$id$upda,
-        _this$buckets$id,
-        _this = this;
+      var _this$buckets$id$upda2,
+        _this$buckets$id2,
+        _this2 = this;
       this.buckets[id].updater = updater;
-      (_this$buckets$id$upda = (_this$buckets$id = this.buckets[id]).updater) === null || _this$buckets$id$upda === void 0 || _this$buckets$id$upda.call(_this$buckets$id, function () {
-        return _objectSpread({}, _this.buckets[id].portals);
+      (_this$buckets$id$upda2 = (_this$buckets$id2 = this.buckets[id]).updater) === null || _this$buckets$id$upda2 === void 0 || _this$buckets$id$upda2.call(_this$buckets$id2, function () {
+        return _objectSpread({}, _this2.buckets[id].portals);
       });
     }
   }, {
     key: "unregisterBucket",
     value: function unregisterBucket(id) {
       this.buckets[id].updater = null;
+      // Clean up throttled updater when bucket is unregistered
+      if (this.throttledBucketUpdaters.has(id)) {
+        var _this$throttledBucket;
+        (_this$throttledBucket = this.throttledBucketUpdaters.get(id)) === null || _this$throttledBucket === void 0 || _this$throttledBucket.cancel();
+        this.throttledBucketUpdaters.delete(id);
+      }
     }
   }, {
     key: "updateBuckets",
     value: function updateBuckets(id) {
-      var _this$buckets$id$upda2,
-        _this$buckets$id2,
-        _this2 = this;
-      (_this$buckets$id$upda2 = (_this$buckets$id2 = this.buckets[id]).updater) === null || _this$buckets$id$upda2 === void 0 || _this$buckets$id$upda2.call(_this$buckets$id2, function () {
-        // new object is required to trigger react updates
-        return _objectSpread({}, _this2.buckets[id].portals);
-      });
+      var _this3 = this;
+      var immediate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      if (immediate || !expValEquals('platform_editor_debounce_portal_provider', 'isEnabled', true)) {
+        var _this$buckets$id$upda3, _this$buckets$id3;
+        // Cancel any pending throttled update and update immediately
+        if (this.throttledBucketUpdaters.has(id)) {
+          var _this$throttledBucket2;
+          (_this$throttledBucket2 = this.throttledBucketUpdaters.get(id)) === null || _this$throttledBucket2 === void 0 || _this$throttledBucket2.cancel();
+        }
+        (_this$buckets$id$upda3 = (_this$buckets$id3 = this.buckets[id]).updater) === null || _this$buckets$id$upda3 === void 0 || _this$buckets$id$upda3.call(_this$buckets$id3, function () {
+          return _objectSpread({}, _this3.buckets[id].portals);
+        });
+      } else {
+        var _this$getOrCreateThro;
+        // Use throttled update for smooth, regular updates
+        (_this$getOrCreateThro = this.getOrCreateThrottledUpdater(id)) === null || _this$getOrCreateThro === void 0 || _this$getOrCreateThro();
+      }
     }
   }, {
     key: "registerPortal",
     value: function registerPortal(key, portal) {
       var _this$portalToBucketM,
-        _this3 = this;
+        _this4 = this;
+      var immediate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       this.createBucket();
       // @ts-ignore - TS2538 TypeScript 5.9.2 upgrade
       this.buckets[this.getCurrentBucket()].capacity -= 1;
@@ -153,32 +194,32 @@ export var PortalManager = /*#__PURE__*/function () {
         // @ts-ignore - TS2538 TypeScript 5.9.2 upgrade
         this.buckets[id].portals[key] = portal;
         // @ts-ignore - TS2345 TypeScript 5.9.2 upgrade
-        this.updateBuckets(id);
+        this.updateBuckets(id, immediate);
       }
 
       //returns a function to unregister the portal
       return function () {
         // @ts-ignore - TS2538 TypeScript 5.9.2 upgrade
-        delete _this3.buckets[id].portals[key];
-        _this3.portalToBucketMap.delete(key);
+        delete _this4.buckets[id].portals[key];
+        _this4.portalToBucketMap.delete(key);
         // @ts-ignore - TS2538 TypeScript 5.9.2 upgrade
-        _this3.buckets[id].capacity += 1;
+        _this4.buckets[id].capacity += 1;
         // @ts-ignore - TS2538 TypeScript 5.9.2 upgrade
-        if (_this3.buckets[id].capacity > _this3.scaleCapacityThreshold) {
+        if (_this4.buckets[id].capacity > _this4.scaleCapacityThreshold) {
           // @ts-ignore - TS2345 TypeScript 5.9.2 upgrade
-          _this3.availableBuckets.add(id);
+          _this4.availableBuckets.add(id);
         }
         // @ts-ignore - TS2345 TypeScript 5.9.2 upgrade
-        _this3.updateBuckets(id);
+        _this4.updateBuckets(id, immediate);
       };
     }
   }, {
     key: "registerPortalRenderer",
     value: function registerPortalRenderer(updater) {
-      var _this4 = this;
+      var _this5 = this;
       if (!this.portalRendererUpdater) {
         updater(function () {
-          return _this4.buckets;
+          return _this5.buckets;
         });
       }
       this.portalRendererUpdater = updater;
@@ -196,12 +237,18 @@ export var PortalManager = /*#__PURE__*/function () {
   }, {
     key: "destroy",
     value: function destroy() {
-      var _this5 = this;
+      var _this6 = this;
+      // Cancel all pending throttled updates
+      this.throttledBucketUpdaters.forEach(function (updater) {
+        updater.cancel();
+      });
+      this.throttledBucketUpdaters.clear();
+
       // Iterate through each bucket and clear its portals and unset the updater function
       this.buckets.forEach(function (bucket, id) {
         bucket.portals = {}; // Clearing all portals from the bucket
         bucket.updater = null; // Unsetting the bucket's updater function
-        _this5.availableBuckets.add(id); // Mark all buckets as available
+        _this6.availableBuckets.add(id); // Mark all buckets as available
       });
       this.portalToBucketMap.clear();
       this.portalRendererUpdater = null;

package/dist/esm/portal/common.js

@@ -69,15 +69,16 @@ export var getPortalProviderAPI = function getPortalProviderAPI(portalManager) {
   var portalsMap = new Map();
   return {
     render: function render(children, container, key, onBeforeReactDomRender) {
+      var immediate = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
       if (typeof onBeforeReactDomRender === 'function') {
         var portal = /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(PortalRenderWrapper, {
           getChildren: children,
           onBeforeRender: onBeforeReactDomRender
         }), container, key);
-        portalsMap.set(key, portalManager.registerPortal(key, portal));
+        portalsMap.set(key, portalManager.registerPortal(key, portal, immediate));
       } else {
         var _portal = /*#__PURE__*/createPortal(children(), container, key);
-        portalsMap.set(key, portalManager.registerPortal(key, _portal));
+        portalsMap.set(key, portalManager.registerPortal(key, _portal, immediate));
       }
     },
     remove: function remove(key) {

package/dist/esm/react-node-view/index.js

@@ -17,7 +17,7 @@ var ReactNodeView = /*#__PURE__*/function () {
   function ReactNodeView(_node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps,
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  reactComponent, viewShouldUpdate) {
+  reactComponent, viewShouldUpdate, shouldRenderImmediatelyInPortal) {
     var _this = this;
     _classCallCheck(this, ReactNodeView);
     // Ignored via go/ees005
@@ -43,6 +43,7 @@ var ReactNodeView = /*#__PURE__*/function () {
     this._viewShouldUpdate = viewShouldUpdate;
     this.eventDispatcher = eventDispatcher;
     this.key = generateUniqueNodeKey();
+    this.shouldRenderImmediatelyInPortal = shouldRenderImmediatelyInPortal || false;
   }
 
   /**
@@ -113,10 +114,10 @@ var ReactNodeView = /*#__PURE__*/function () {
           dispatchAnalyticsEvent: _this3.dispatchAnalyticsEvent
         }, component());
       };
-
+      this.portalProviderAPI.render(componentWithErrorBoundary,
       // Ignored via go/ees005
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      this.portalProviderAPI.render(componentWithErrorBoundary, this.domRef, this.key);
+      this.domRef, this.key, undefined, this.shouldRenderImmediatelyInPortal);
     }
   }, {
     key: "createDomRef",

package/dist/esm/selection-based-node-view/SelectionBasedNodeView.js

@@ -36,10 +36,10 @@ export var SelectionBasedNodeView = /*#__PURE__*/function (_ReactNodeView) {
   function SelectionBasedNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps,
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  reactComponent, viewShouldUpdate) {
+  reactComponent, viewShouldUpdate, shouldRenderImmediatelyInPortal) {
     var _this;
     _classCallCheck(this, SelectionBasedNodeView);
-    _this = _callSuper(this, SelectionBasedNodeView, [node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate]);
+    _this = _callSuper(this, SelectionBasedNodeView, [node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate, shouldRenderImmediatelyInPortal]);
     _defineProperty(_this, "isSelectedNode", false);
     _defineProperty(_this, "isNodeInsideSelection", function (from, to, pos, posEnd) {
       var _this$getPositionsWit = _this.getPositionsWithDefault(pos, posEnd);

package/dist/esm/toolbar/keys.js

@@ -247,8 +247,8 @@ export var ALIGN_RIGHT_MENU_ITEM = {
 };
 
 /*
-* Lists and indentation group
-*/
+ * Lists and indentation group
+ */
 export var LISTS_INDENTATION_GROUP = {
   key: 'lists-indentation-group',
   type: 'group'

package/dist/esm/ui/DropList/index.js

@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.22.0";
+var packageVersion = "107.23.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/types/ai-messages/ai-experience-application.d.ts

@@ -19,6 +19,11 @@ export declare const aiExperienceApplicationMessages: {
         defaultMessage: string;
         description: string;
     };
+    discardStreamingInDocumenntMessageResponse: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     loadingTitle: {
         id: string;
         defaultMessage: string;

package/dist/types/portal/PortalManager.d.ts

@@ -11,7 +11,7 @@ type PortalBucketType = {
  * across "buckets" and updating these buckets as necessary to balance load and performance.
  *
  * @class PortalManager
- * @typedef {Object} PortalManager
+ * @typedef {object} PortalManager
  *
  * @property {number} maxBucketCapacity - The maximum capacity of each bucket before a new bucket is created.
  * @property {number} scaleRatio - The ratio to determine the number of new buckets to add when scaling up.
@@ -20,10 +20,13 @@ type PortalBucketType = {
  * @property {Map<React.Key, number>} portalToBucketMap - A map of React portal keys to their corresponding bucket indices.
  * @property {PortalRendererUpdater|null} portalRendererUpdater - A function to trigger updates to the rendering of portals.
  * @property {number} scaleCapacityThreshold - The threshold at which the buckets are scaled up to accommodate more portals.
+ * @property {Map<number, ReturnType<typeof throttle>>} throttledBucketUpdaters - A map of bucket IDs to their throttled update functions.
+ * @property {number} throttleDelay - The delay in milliseconds for throttling bucket updates.
  *
  * @param {number} [initialBuckets=DEFAULT_INITIAL_BUCKETS] - The initial number of buckets to create.
  * @param {number} [maxBucketCapacity=DEFAULT_MAX_BUCKET_CAPACITY] - The maximum number of portals a single bucket can hold.
  * @param {number} [scaleRatio=DEFAULT_SCALE_RATIO] - The ratio used to calculate the number of new buckets to add when scaling.
+ * @param {number} [throttleDelay=DEFAULT_THROTTLE_DELAY] - The delay in milliseconds for throttling updates.
  */
 export declare class PortalManager {
     private maxBucketCapacity;
@@ -33,14 +36,17 @@ export declare class PortalManager {
     private portalToBucketMap;
     private portalRendererUpdater;
     private scaleCapacityThreshold;
-    constructor(initialBuckets?: number, maxBucketCapacity?: number, scaleRatio?: number);
+    private throttledBucketUpdaters;
+    private throttleDelay;
+    constructor(initialBuckets?: number, maxBucketCapacity?: number, scaleRatio?: number, throttleDelay?: number);
     private getCurrentBucket;
     private createBucket;
+    private getOrCreateThrottledUpdater;
     getBuckets(): PortalBucketType[];
     registerBucket(id: number, updater: PortalsBucketUpdater): void;
     unregisterBucket(id: number): void;
-    updateBuckets(id: number): void;
-    registerPortal(key: string | number, portal: React.ReactPortal): () => void;
+    updateBuckets(id: number, immediate?: boolean): void;
+    registerPortal(key: string | number, portal: React.ReactPortal, immediate?: boolean): () => void;
     registerPortalRenderer(updater: PortalRendererUpdater): void;
     unregisterPortalRenderer(): void;
     /**

package/dist/types/portal/common.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type PortalManager } from './PortalManager';
-type RenderFn = (children: () => React.ReactChild | JSX.Element | null, container: HTMLElement, key: string, onBeforeReactDomRender?: () => void) => void;
+type RenderFn = (children: () => React.ReactChild | JSX.Element | null, container: HTMLElement, key: string, onBeforeReactDomRender?: () => void, immediate?: boolean) => void;
 type RemoveFn = (key: string) => void;
 type DestoryFn = () => void;
 export interface PortalProviderAPI {

package/dist/types/react-node-view/index.d.ts

@@ -21,7 +21,8 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
     contentDOM: HTMLElement | null | undefined;
     node: PMNode;
     key: string;
-    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps?: P, reactComponent?: React.ComponentType<React.PropsWithChildren<any>>, viewShouldUpdate?: shouldUpdate);
+    shouldRenderImmediatelyInPortal: boolean;
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps?: P, reactComponent?: React.ComponentType<React.PropsWithChildren<any>>, viewShouldUpdate?: shouldUpdate, shouldRenderImmediatelyInPortal?: boolean);
     /**
      * This method exists to move initialization logic out of the constructor,
      * so object can be initialized properly before calling render first time.

package/dist/types/selection-based-node-view/SelectionBasedNodeView.d.ts

@@ -31,7 +31,7 @@ export declare class SelectionBasedNodeView<P = ReactComponentProps> extends Rea
     protected isSelectedNode: boolean;
     pos: number | undefined;
     posEnd: number | undefined;
-    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps: P, reactComponent?: React.ComponentType<React.PropsWithChildren<any>>, viewShouldUpdate?: shouldUpdate);
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps: P, reactComponent?: React.ComponentType<React.PropsWithChildren<any>>, viewShouldUpdate?: shouldUpdate, shouldRenderImmediatelyInPortal?: boolean);
     /**
      * Update current node's start and end positions.
      *

package/dist/types-ts4.5/ai-messages/ai-experience-application.d.ts

@@ -19,6 +19,11 @@ export declare const aiExperienceApplicationMessages: {
         defaultMessage: string;
         description: string;
     };
+    discardStreamingInDocumenntMessageResponse: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     loadingTitle: {
         id: string;
         defaultMessage: string;

package/dist/types-ts4.5/portal/PortalManager.d.ts

@@ -11,7 +11,7 @@ type PortalBucketType = {
  * across "buckets" and updating these buckets as necessary to balance load and performance.
  *
  * @class PortalManager
- * @typedef {Object} PortalManager
+ * @typedef {object} PortalManager
  *
  * @property {number} maxBucketCapacity - The maximum capacity of each bucket before a new bucket is created.
  * @property {number} scaleRatio - The ratio to determine the number of new buckets to add when scaling up.
@@ -20,10 +20,13 @@ type PortalBucketType = {
  * @property {Map<React.Key, number>} portalToBucketMap - A map of React portal keys to their corresponding bucket indices.
  * @property {PortalRendererUpdater|null} portalRendererUpdater - A function to trigger updates to the rendering of portals.
  * @property {number} scaleCapacityThreshold - The threshold at which the buckets are scaled up to accommodate more portals.
+ * @property {Map<number, ReturnType<typeof throttle>>} throttledBucketUpdaters - A map of bucket IDs to their throttled update functions.
+ * @property {number} throttleDelay - The delay in milliseconds for throttling bucket updates.
  *
  * @param {number} [initialBuckets=DEFAULT_INITIAL_BUCKETS] - The initial number of buckets to create.
  * @param {number} [maxBucketCapacity=DEFAULT_MAX_BUCKET_CAPACITY] - The maximum number of portals a single bucket can hold.
  * @param {number} [scaleRatio=DEFAULT_SCALE_RATIO] - The ratio used to calculate the number of new buckets to add when scaling.
+ * @param {number} [throttleDelay=DEFAULT_THROTTLE_DELAY] - The delay in milliseconds for throttling updates.
  */
 export declare class PortalManager {
     private maxBucketCapacity;
@@ -33,14 +36,17 @@ export declare class PortalManager {
     private portalToBucketMap;
     private portalRendererUpdater;
     private scaleCapacityThreshold;
-    constructor(initialBuckets?: number, maxBucketCapacity?: number, scaleRatio?: number);
+    private throttledBucketUpdaters;
+    private throttleDelay;
+    constructor(initialBuckets?: number, maxBucketCapacity?: number, scaleRatio?: number, throttleDelay?: number);
     private getCurrentBucket;
     private createBucket;
+    private getOrCreateThrottledUpdater;
     getBuckets(): PortalBucketType[];
     registerBucket(id: number, updater: PortalsBucketUpdater): void;
     unregisterBucket(id: number): void;
-    updateBuckets(id: number): void;
-    registerPortal(key: string | number, portal: React.ReactPortal): () => void;
+    updateBuckets(id: number, immediate?: boolean): void;
+    registerPortal(key: string | number, portal: React.ReactPortal, immediate?: boolean): () => void;
     registerPortalRenderer(updater: PortalRendererUpdater): void;
     unregisterPortalRenderer(): void;
     /**

package/dist/types-ts4.5/portal/common.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type PortalManager } from './PortalManager';
-type RenderFn = (children: () => React.ReactChild | JSX.Element | null, container: HTMLElement, key: string, onBeforeReactDomRender?: () => void) => void;
+type RenderFn = (children: () => React.ReactChild | JSX.Element | null, container: HTMLElement, key: string, onBeforeReactDomRender?: () => void, immediate?: boolean) => void;
 type RemoveFn = (key: string) => void;
 type DestoryFn = () => void;
 export interface PortalProviderAPI {

package/dist/types-ts4.5/react-node-view/index.d.ts

@@ -21,7 +21,8 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
     contentDOM: HTMLElement | null | undefined;
     node: PMNode;
     key: string;
-    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps?: P, reactComponent?: React.ComponentType<React.PropsWithChildren<any>>, viewShouldUpdate?: shouldUpdate);
+    shouldRenderImmediatelyInPortal: boolean;
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps?: P, reactComponent?: React.ComponentType<React.PropsWithChildren<any>>, viewShouldUpdate?: shouldUpdate, shouldRenderImmediatelyInPortal?: boolean);
     /**
      * This method exists to move initialization logic out of the constructor,
      * so object can be initialized properly before calling render first time.

package/dist/types-ts4.5/selection-based-node-view/SelectionBasedNodeView.d.ts

@@ -31,7 +31,7 @@ export declare class SelectionBasedNodeView<P = ReactComponentProps> extends Rea
     protected isSelectedNode: boolean;
     pos: number | undefined;
     posEnd: number | undefined;
-    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps: P, reactComponent?: React.ComponentType<React.PropsWithChildren<any>>, viewShouldUpdate?: shouldUpdate);
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps: P, reactComponent?: React.ComponentType<React.PropsWithChildren<any>>, viewShouldUpdate?: shouldUpdate, shouldRenderImmediatelyInPortal?: boolean);
     /**
      * Update current node's start and end positions.
      *

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "107.22.1",
+	"version": "107.23.1",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -144,7 +144,7 @@
 		"@atlaskit/editor-toolbar": "^0.2.0",
 		"@atlaskit/editor-toolbar-model": "^0.1.0",
 		"@atlaskit/emoji": "^69.3.0",
-		"@atlaskit/icon": "^27.11.0",
+		"@atlaskit/icon": "^27.12.0",
 		"@atlaskit/icon-object": "^7.2.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-datasource": "^4.19.0",
@@ -164,17 +164,17 @@
 		"@atlaskit/platform-feature-flags-react": "^0.2.0",
 		"@atlaskit/popper": "^7.1.0",
 		"@atlaskit/primitives": "^14.11.0",
-		"@atlaskit/profilecard": "^24.3.0",
+		"@atlaskit/profilecard": "^24.5.0",
 		"@atlaskit/react-ufo": "^4.2.0",
 		"@atlaskit/section-message": "^8.5.0",
-		"@atlaskit/smart-card": "^40.9.0",
+		"@atlaskit/smart-card": "^40.10.0",
 		"@atlaskit/smart-user-picker": "^8.1.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^9.27.0",
+		"@atlaskit/tmp-editor-statsig": "^9.28.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -214,7 +214,7 @@
 	"devDependencies": {
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/media-core": "^37.0.0",
-		"@atlaskit/media-test-helpers": "^37.0.0",
+		"@atlaskit/media-test-helpers": "^38.0.0",
 		"@atlaskit/util-data-test": "^18.1.0",
 		"@atlaskit/visual-regression": "workspace:^",
 		"@testing-library/dom": "^10.1.0",