@atlaskit/editor-plugin-synced-block 8.2.6 → 8.2.8

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-synced-block
 
+## 8.2.8
+
+### Patch Changes
+
+- [`27f53bba7e425`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/27f53bba7e425) -
+  EDITOR-6930: Refactor decorations prop to map status decorations in apply() instead of rebuilding
+  via doc.descendants() every transaction. Behind editor_synced_block_perf experiment.
+- Updated dependencies
+
+## 8.2.7
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 8.2.6
 
 ### Patch Changes

package/dist/cjs/pm-plugins/main.js

@@ -99,9 +99,7 @@ var showExtensionInSyncBlockWarningIfNeeded = function showExtensionInSyncBlockW
         var tr = _ref2.tr;
         return tr.setMeta(syncedBlockPluginKey, {
           activeFlag: {
-            id: (0, _experiments.editorExperiment)('platform_synced_block_patch_6', true, {
-              exposure: true
-            }) ? _types.FLAG_ID.EXTENSION_IN_SYNC_BLOCK : _types.FLAG_ID.INLINE_EXTENSION_IN_SYNC_BLOCK
+            id: _types.FLAG_ID.EXTENSION_IN_SYNC_BLOCK
           }
         });
       });
@@ -206,6 +204,48 @@ var filterTransactionOffline = function filterTransactionOffline(_ref4) {
   return true;
 };
 
+/**
+ * Build the status decoration set for sync-block nodes. This performs a full
+ * `doc.descendants()` walk so it must only be called when a status signal
+ * actually changes (offline, view-mode, dragging, pending-creation). Between
+ * status changes the caller should use `decorationSet.map(tr.mapping, tr.doc)`
+ * instead (see EDITOR-6930).
+ */
+var buildStatusDecorations = function buildStatusDecorations(doc, syncBlockStore, isOffline, isViewMode, isDragging) {
+  // Fast path: when all status flags are off and no creations are in flight,
+  // no node can produce a decoration — skip the full doc traversal.
+  if (!isOffline && !isViewMode && !isDragging && !syncBlockStore.sourceManager.hasPendingCreations()) {
+    return _view.DecorationSet.empty;
+  }
+  var offlineDecorations = [];
+  var viewModeDecorations = [];
+  var loadingDecorations = [];
+  var dragDecorations = [];
+  doc.descendants(function (node, pos) {
+    if (node.type.name === 'bodiedSyncBlock' && isOffline) {
+      offlineDecorations.push(_view.Decoration.node(pos, pos + node.nodeSize, {
+        class: _syncBlock.SyncBlockStateCssClassName.disabledClassName
+      }));
+    }
+    if (syncBlockStore.isSyncBlock(node) && isViewMode) {
+      viewModeDecorations.push(_view.Decoration.node(pos, pos + node.nodeSize, {
+        class: _syncBlock.SyncBlockStateCssClassName.viewModeClassName
+      }));
+    }
+    if (node.type.name === 'bodiedSyncBlock' && syncBlockStore.sourceManager.isPendingCreation(node.attrs.resourceId)) {
+      loadingDecorations.push(_view.Decoration.node(pos, pos + node.nodeSize, {
+        class: _syncBlock.SyncBlockStateCssClassName.creationLoadingClassName
+      }));
+    }
+    if (isDragging && syncBlockStore.isSyncBlock(node)) {
+      dragDecorations.push(_view.Decoration.node(pos, pos + node.nodeSize, {
+        class: _syncBlock.SyncBlockStateCssClassName.draggingClassName
+      }));
+    }
+  });
+  return _view.DecorationSet.create(doc, [].concat(offlineDecorations, viewModeDecorations, loadingDecorations, dragDecorations));
+};
+
 /**
  * Encapsulates mutable state that persists across transactions in the
  * synced block plugin. Replaces module-level closure variables so state
@@ -282,6 +322,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
     key: syncedBlockPluginKey,
     state: {
       init: function init(_, instance) {
+        var _api$connectivity2, _api$editorViewMode, _api$userIntent;
         // When `editor_synced_block_perf` is ON and the document has no
         // synced blocks, we skip the eager fetch + cache walks. They will be
         // re-run lazily by `apply` the first time a synced block enters the
@@ -306,13 +347,28 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
             }
           }
         }
+
+        // Read initial shared-state signals for status decorations
+        var initIsOffline = (0, _editorPluginConnectivity.isOfflineMode)(api === null || api === void 0 || (_api$connectivity2 = api.connectivity) === null || _api$connectivity2 === void 0 || (_api$connectivity2 = _api$connectivity2.sharedState.currentState()) === null || _api$connectivity2 === void 0 ? void 0 : _api$connectivity2.mode);
+        var initIsViewMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'view';
+        var initIsDragging = (api === null || api === void 0 || (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 || (_api$userIntent = _api$userIntent.sharedState.currentState()) === null || _api$userIntent === void 0 ? void 0 : _api$userIntent.currentUserIntent) === 'dragging';
+
+        // Build initial status decoration set (EDITOR-6930).
+        // When the perf gate is ON and the doc has synced blocks we do a
+        // single traversal here; afterwards `apply()` will map or rebuild
+        // only when a status signal changes.
+        var initStatusDecorationSet = (0, _expValEquals.expValEquals)('editor_synced_block_perf', 'isEnabled', true) && docHasSyncedBlocks ? buildStatusDecorations(instance.doc, syncBlockStore, initIsOffline, initIsViewMode, initIsDragging) : _view.DecorationSet.empty;
         return {
           selectionDecorationSet: (0, _selectionDecorations.calculateDecorations)(instance.doc, instance.selection, instance.schema),
           activeFlag: false,
           syncBlockStore: syncBlockStore,
           retryCreationPosMap: new Map(),
           hasSyncedBlocks: docHasSyncedBlocks,
-          hasUnsavedBodiedSyncBlockChanges: syncBlockStore.sourceManager.hasUnsavedChanges()
+          hasUnsavedBodiedSyncBlockChanges: syncBlockStore.sourceManager.hasUnsavedChanges(),
+          statusDecorationSet: initStatusDecorationSet,
+          prevIsOffline: initIsOffline,
+          prevIsViewMode: initIsViewMode,
+          prevIsDragging: initIsDragging
         };
       },
       apply: function apply(tr, currentPluginState, oldEditorState) {
@@ -322,7 +378,11 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
           selectionDecorationSet = currentPluginState.selectionDecorationSet,
           bodiedSyncBlockDeletionStatus = currentPluginState.bodiedSyncBlockDeletionStatus,
           retryCreationPosMap = currentPluginState.retryCreationPosMap,
-          prevHasSyncedBlocks = currentPluginState.hasSyncedBlocks;
+          prevHasSyncedBlocks = currentPluginState.hasSyncedBlocks,
+          prevStatusDecorationSet = currentPluginState.statusDecorationSet,
+          prevOffline = currentPluginState.prevIsOffline,
+          prevViewMode = currentPluginState.prevIsViewMode,
+          prevDragging = currentPluginState.prevIsDragging;
 
         // Lazy-init bookkeeping: once a synced block enters the document we
         // flip `hasSyncedBlocks` to `true` for the lifetime of this editor
@@ -347,6 +407,41 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
             newDecorationSet = (0, _selectionDecorations.calculateDecorations)(tr.doc, tr.selection, tr.doc.type.schema);
           }
         }
+
+        // --- Status decoration set (EDITOR-6930) ---
+        // When the perf gate is ON we maintain `statusDecorationSet` in
+        // plugin state so the `decorations` prop becomes an O(1) lookup.
+        var nextStatusDecorationSet = prevStatusDecorationSet;
+        var nextIsOffline = prevOffline;
+        var nextIsViewMode = prevViewMode;
+        var nextIsDragging = prevDragging;
+        if ((0, _expValEquals.expValEquals)('editor_synced_block_perf', 'isEnabled', true)) {
+          if (!nextHasSyncedBlocks) {
+            // No synced blocks → keep empty status decorations
+            nextStatusDecorationSet = _view.DecorationSet.empty;
+          } else {
+            var _api$connectivity3, _api$editorViewMode2, _api$userIntent2;
+            // Read current shared-state signals
+            nextIsOffline = (0, _editorPluginConnectivity.isOfflineMode)(api === null || api === void 0 || (_api$connectivity3 = api.connectivity) === null || _api$connectivity3 === void 0 || (_api$connectivity3 = _api$connectivity3.sharedState.currentState()) === null || _api$connectivity3 === void 0 ? void 0 : _api$connectivity3.mode);
+            nextIsViewMode = (api === null || api === void 0 || (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 || (_api$editorViewMode2 = _api$editorViewMode2.sharedState.currentState()) === null || _api$editorViewMode2 === void 0 ? void 0 : _api$editorViewMode2.mode) === 'view';
+            nextIsDragging = (api === null || api === void 0 || (_api$userIntent2 = api.userIntent) === null || _api$userIntent2 === void 0 || (_api$userIntent2 = _api$userIntent2.sharedState.currentState()) === null || _api$userIntent2 === void 0 ? void 0 : _api$userIntent2.currentUserIntent) === 'dragging';
+
+            // Determine whether we need a full rebuild or a cheap map
+            var hasSyncedBlocksJustFlipped = nextHasSyncedBlocks && !prevHasSyncedBlocks;
+            var statusSignalChanged = nextIsOffline !== prevOffline || nextIsViewMode !== prevViewMode || nextIsDragging !== prevDragging;
+            // Meta-driven status changes (e.g. pending creation
+            // completed, retry creation pos updated)
+            var hasMetaStatusChange = !!(meta !== null && meta !== void 0 && meta.retryCreationPos) || !!(meta !== null && meta !== void 0 && meta.activeFlag);
+            if (hasSyncedBlocksJustFlipped || statusSignalChanged || hasMetaStatusChange) {
+              // Full rebuild — a status signal changed
+              nextStatusDecorationSet = buildStatusDecorations(tr.doc, syncBlockStore, nextIsOffline, nextIsViewMode, nextIsDragging);
+            } else if (tr.docChanged) {
+              // Cheap map — positions shifted but status unchanged
+              nextStatusDecorationSet = prevStatusDecorationSet.map(tr.mapping, tr.doc);
+            }
+            // else: nothing changed, keep same reference
+          }
+        }
         var newPosEntry = meta === null || meta === void 0 ? void 0 : meta.retryCreationPos;
         var newRetryCreationPosMap = mapRetryCreationPosMap(retryCreationPosMap, newPosEntry, tr.mapping.map.bind(tr.mapping));
         return {
@@ -356,7 +451,11 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
           retryCreationPosMap: newRetryCreationPosMap,
           hasSyncedBlocks: nextHasSyncedBlocks,
           bodiedSyncBlockDeletionStatus: (_meta$bodiedSyncBlock = meta === null || meta === void 0 ? void 0 : meta.bodiedSyncBlockDeletionStatus) !== null && _meta$bodiedSyncBlock !== void 0 ? _meta$bodiedSyncBlock : bodiedSyncBlockDeletionStatus,
-          hasUnsavedBodiedSyncBlockChanges: syncBlockStore.sourceManager.hasUnsavedChanges()
+          hasUnsavedBodiedSyncBlockChanges: syncBlockStore.sourceManager.hasUnsavedChanges(),
+          statusDecorationSet: nextStatusDecorationSet,
+          prevIsOffline: nextIsOffline,
+          prevIsViewMode: nextIsViewMode,
+          prevIsDragging: nextIsDragging
         };
       }
     },
@@ -395,57 +494,81 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
         })
       },
       decorations: function decorations(state) {
-        var _currentPluginState$s, _api$connectivity2, _api$editorViewMode, _api$userIntent, _api$focus;
         var currentPluginState = syncedBlockPluginKey.getState(state);
-        var selectionDecorationSet = (_currentPluginState$s = currentPluginState === null || currentPluginState === void 0 ? void 0 : currentPluginState.selectionDecorationSet) !== null && _currentPluginState$s !== void 0 ? _currentPluginState$s : _view.DecorationSet.empty;
-        var syncBlockStore = currentPluginState === null || currentPluginState === void 0 ? void 0 : currentPluginState.syncBlockStore;
-        var doc = state.doc;
-
-        // Lazy-init: when no synced block exists in the doc, skip the
-        // `descendants` walk and the 4 shared-state reads below. The
-        // selection decoration set is the only thing that can be
-        // non-empty in this state.
-        if (currentPluginState && !currentPluginState.hasSyncedBlocks && (0, _expValEquals.expValEquals)('editor_synced_block_perf', 'isEnabled', true)) {
-          return selectionDecorationSet;
+        if (!currentPluginState) {
+          return _view.DecorationSet.empty;
         }
-        var isOffline = (0, _editorPluginConnectivity.isOfflineMode)(api === null || api === void 0 || (_api$connectivity2 = api.connectivity) === null || _api$connectivity2 === void 0 || (_api$connectivity2 = _api$connectivity2.sharedState.currentState()) === null || _api$connectivity2 === void 0 ? void 0 : _api$connectivity2.mode);
-        var isViewMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'view';
-        var isDragging = (api === null || api === void 0 || (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 || (_api$userIntent = _api$userIntent.sharedState.currentState()) === null || _api$userIntent === void 0 ? void 0 : _api$userIntent.currentUserIntent) === 'dragging';
-        var offlineDecorations = [];
-        var viewModeDecorations = [];
-        var loadingDecorations = [];
-        var dragDecorations = [];
-        state.doc.descendants(function (node, pos) {
-          if (node.type.name === 'bodiedSyncBlock' && isOffline) {
-            offlineDecorations.push(_view.Decoration.node(pos, pos + node.nodeSize, {
-              class: _syncBlock.SyncBlockStateCssClassName.disabledClassName
-            }));
-          }
-          if (syncBlockStore.isSyncBlock(node) && isViewMode) {
-            viewModeDecorations.push(_view.Decoration.node(pos, pos + node.nodeSize, {
-              class: _syncBlock.SyncBlockStateCssClassName.viewModeClassName
-            }));
-          }
-          if (node.type.name === 'bodiedSyncBlock' && syncBlockStore.sourceManager.isPendingCreation(node.attrs.resourceId)) {
-            loadingDecorations.push(_view.Decoration.node(pos, pos + node.nodeSize, {
-              class: _syncBlock.SyncBlockStateCssClassName.creationLoadingClassName
-            }));
+        var selectionDecorationSet = currentPluginState.selectionDecorationSet,
+          statusDecorationSet = currentPluginState.statusDecorationSet,
+          docHasSyncedBlocks = currentPluginState.hasSyncedBlocks;
+
+        // When the perf gate is ON, both `selectionDecorationSet` and
+        // `statusDecorationSet` are maintained in plugin state by
+        // `apply()`. The `decorations` prop is now an O(1) merge of
+        // the two cached sets — no `doc.descendants()` walk, no
+        // shared-state reads.
+        if ((0, _expValEquals.expValEquals)('editor_synced_block_perf', 'isEnabled', true)) {
+          var _api$focus$sharedStat, _api$focus;
+          if (!docHasSyncedBlocks) {
+            return selectionDecorationSet;
           }
 
-          // Show sync block border while the user is dragging
-          if (isDragging && syncBlockStore.isSyncBlock(node)) {
-            dragDecorations.push(_view.Decoration.node(pos, pos + node.nodeSize, {
-              class: _syncBlock.SyncBlockStateCssClassName.draggingClassName
-            }));
+          // Focus state is read live here (single cheap read) because
+          // it only gates whether selection decorations are included —
+          // it does not affect the status decoration set and can change
+          // within the same transaction cycle.
+          var hasFocus = (_api$focus$sharedStat = api === null || api === void 0 || (_api$focus = api.focus) === null || _api$focus === void 0 || (_api$focus = _api$focus.sharedState) === null || _api$focus === void 0 || (_api$focus = _api$focus.currentState()) === null || _api$focus === void 0 ? void 0 : _api$focus.hasFocus) !== null && _api$focus$sharedStat !== void 0 ? _api$focus$sharedStat : true;
+
+          // Merge selection + status decorations.
+          // When the editor is unfocused,
+          // omit selection decorations (matches old behaviour).
+          var statusDecorations = statusDecorationSet.find();
+          if (statusDecorations.length === 0) {
+            return hasFocus ? selectionDecorationSet : _view.DecorationSet.empty;
+          } else {
+            return hasFocus ? selectionDecorationSet.add(state.doc, statusDecorations) : statusDecorationSet;
           }
-        });
-        if (api !== null && api !== void 0 && (_api$focus = api.focus) !== null && _api$focus !== void 0 && (_api$focus = _api$focus.sharedState) !== null && _api$focus !== void 0 && (_api$focus = _api$focus.currentState()) !== null && _api$focus !== void 0 && _api$focus.hasFocus || !(0, _experiments.editorExperiment)('platform_synced_block_patch_6', true, {
-          exposure: true
-        })) {
-          // Don't show decorations if the editor is not focused
-          return selectionDecorationSet.add(doc, offlineDecorations).add(doc, viewModeDecorations).add(doc, loadingDecorations).add(doc, dragDecorations);
         } else {
-          return _view.DecorationSet.empty.add(doc, offlineDecorations).add(doc, viewModeDecorations).add(doc, loadingDecorations).add(doc, dragDecorations);
+          var _api$connectivity4, _api$editorViewMode3, _api$userIntent3, _api$focus2;
+          // --- Legacy path (perf gate OFF) ---
+          // Full `doc.descendants()` walk every transaction. Preserved
+          // for safe rollback.
+          var _syncBlockStore = currentPluginState.syncBlockStore;
+          var doc = state.doc;
+          var isOffline = (0, _editorPluginConnectivity.isOfflineMode)(api === null || api === void 0 || (_api$connectivity4 = api.connectivity) === null || _api$connectivity4 === void 0 || (_api$connectivity4 = _api$connectivity4.sharedState.currentState()) === null || _api$connectivity4 === void 0 ? void 0 : _api$connectivity4.mode);
+          var isViewMode = (api === null || api === void 0 || (_api$editorViewMode3 = api.editorViewMode) === null || _api$editorViewMode3 === void 0 || (_api$editorViewMode3 = _api$editorViewMode3.sharedState.currentState()) === null || _api$editorViewMode3 === void 0 ? void 0 : _api$editorViewMode3.mode) === 'view';
+          var isDragging = (api === null || api === void 0 || (_api$userIntent3 = api.userIntent) === null || _api$userIntent3 === void 0 || (_api$userIntent3 = _api$userIntent3.sharedState.currentState()) === null || _api$userIntent3 === void 0 ? void 0 : _api$userIntent3.currentUserIntent) === 'dragging';
+          var offlineDecorations = [];
+          var viewModeDecorations = [];
+          var loadingDecorations = [];
+          var dragDecorations = [];
+          state.doc.descendants(function (node, pos) {
+            if (node.type.name === 'bodiedSyncBlock' && isOffline) {
+              offlineDecorations.push(_view.Decoration.node(pos, pos + node.nodeSize, {
+                class: _syncBlock.SyncBlockStateCssClassName.disabledClassName
+              }));
+            }
+            if (_syncBlockStore.isSyncBlock(node) && isViewMode) {
+              viewModeDecorations.push(_view.Decoration.node(pos, pos + node.nodeSize, {
+                class: _syncBlock.SyncBlockStateCssClassName.viewModeClassName
+              }));
+            }
+            if (node.type.name === 'bodiedSyncBlock' && _syncBlockStore.sourceManager.isPendingCreation(node.attrs.resourceId)) {
+              loadingDecorations.push(_view.Decoration.node(pos, pos + node.nodeSize, {
+                class: _syncBlock.SyncBlockStateCssClassName.creationLoadingClassName
+              }));
+            }
+            if (isDragging && _syncBlockStore.isSyncBlock(node)) {
+              dragDecorations.push(_view.Decoration.node(pos, pos + node.nodeSize, {
+                class: _syncBlock.SyncBlockStateCssClassName.draggingClassName
+              }));
+            }
+          });
+          if (api !== null && api !== void 0 && (_api$focus2 = api.focus) !== null && _api$focus2 !== void 0 && (_api$focus2 = _api$focus2.sharedState) !== null && _api$focus2 !== void 0 && (_api$focus2 = _api$focus2.currentState()) !== null && _api$focus2 !== void 0 && _api$focus2.hasFocus) {
+            return selectionDecorationSet.add(doc, offlineDecorations).add(doc, viewModeDecorations).add(doc, loadingDecorations).add(doc, dragDecorations);
+          } else {
+            return _view.DecorationSet.empty.add(doc, offlineDecorations).add(doc, viewModeDecorations).add(doc, loadingDecorations).add(doc, dragDecorations);
+          }
         }
       },
       handleClickOn: (0, _selection.createSelectionClickHandler)(['bodiedSyncBlock'], function (target) {
@@ -503,7 +626,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
       }
     },
     filterTransaction: function filterTransaction(tr, state) {
-      var _api$editorViewMode2, _api$connectivity3;
+      var _api$editorViewMode4, _api$connectivity5;
       // Lazy-init: when no synced block currently exists in the doc and the
       // transaction does not insert one, all downstream filter logic is a
       // no-op. Avoid both the shared-state reads and the `trackSyncBlocks`
@@ -514,11 +637,11 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
           return true;
         }
       }
-      var viewMode = api === null || api === void 0 || (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 || (_api$editorViewMode2 = _api$editorViewMode2.sharedState.currentState()) === null || _api$editorViewMode2 === void 0 ? void 0 : _api$editorViewMode2.mode;
+      var viewMode = api === null || api === void 0 || (_api$editorViewMode4 = api.editorViewMode) === null || _api$editorViewMode4 === void 0 || (_api$editorViewMode4 = _api$editorViewMode4.sharedState.currentState()) === null || _api$editorViewMode4 === void 0 ? void 0 : _api$editorViewMode4.mode;
       if (viewMode === 'view' && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_8')) {
         return true;
       }
-      var isOffline = (0, _editorPluginConnectivity.isOfflineMode)(api === null || api === void 0 || (_api$connectivity3 = api.connectivity) === null || _api$connectivity3 === void 0 || (_api$connectivity3 = _api$connectivity3.sharedState.currentState()) === null || _api$connectivity3 === void 0 ? void 0 : _api$connectivity3.mode);
+      var isOffline = (0, _editorPluginConnectivity.isOfflineMode)(api === null || api === void 0 || (_api$connectivity5 = api.connectivity) === null || _api$connectivity5 === void 0 || (_api$connectivity5 = _api$connectivity5.sharedState.currentState()) === null || _api$connectivity5 === void 0 ? void 0 : _api$connectivity5.mode);
       var isConfirmedSyncBlockDeletion = Boolean(tr.getMeta('isConfirmedSyncBlockDeletion'));
 
       // Track newly added reference sync blocks before processing the transaction
@@ -593,7 +716,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
       });
     },
     appendTransaction: function appendTransaction(trs, oldState, newState) {
-      var _api$editorViewMode3;
+      var _api$editorViewMode5;
       // Lazy-init: when neither the previous nor the new state contains a
       // synced block (and none of the dispatched transactions inserts one),
       // skip all downstream work. This is the hot path on the ~99.97% of
@@ -606,7 +729,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
           return null;
         }
       }
-      var viewMode = api === null || api === void 0 || (_api$editorViewMode3 = api.editorViewMode) === null || _api$editorViewMode3 === void 0 || (_api$editorViewMode3 = _api$editorViewMode3.sharedState.currentState()) === null || _api$editorViewMode3 === void 0 ? void 0 : _api$editorViewMode3.mode;
+      var viewMode = api === null || api === void 0 || (_api$editorViewMode5 = api.editorViewMode) === null || _api$editorViewMode5 === void 0 || (_api$editorViewMode5 = _api$editorViewMode5.sharedState.currentState()) === null || _api$editorViewMode5 === void 0 ? void 0 : _api$editorViewMode5.mode;
       if (viewMode === 'view' && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_8')) {
         return null;
       }

package/dist/es2019/pm-plugins/main.js

@@ -74,9 +74,7 @@ const showExtensionInSyncBlockWarningIfNeeded = (tr, state, api, extensionFlagSh
         tr
       }) => tr.setMeta(syncedBlockPluginKey, {
         activeFlag: {
-          id: editorExperiment('platform_synced_block_patch_6', true, {
-            exposure: true
-          }) ? FLAG_ID.EXTENSION_IN_SYNC_BLOCK : FLAG_ID.INLINE_EXTENSION_IN_SYNC_BLOCK
+          id: FLAG_ID.EXTENSION_IN_SYNC_BLOCK
         }
       }));
     });
@@ -183,6 +181,48 @@ const filterTransactionOffline = ({
   return true;
 };
 
+/**
+ * Build the status decoration set for sync-block nodes. This performs a full
+ * `doc.descendants()` walk so it must only be called when a status signal
+ * actually changes (offline, view-mode, dragging, pending-creation). Between
+ * status changes the caller should use `decorationSet.map(tr.mapping, tr.doc)`
+ * instead (see EDITOR-6930).
+ */
+const buildStatusDecorations = (doc, syncBlockStore, isOffline, isViewMode, isDragging) => {
+  // Fast path: when all status flags are off and no creations are in flight,
+  // no node can produce a decoration — skip the full doc traversal.
+  if (!isOffline && !isViewMode && !isDragging && !syncBlockStore.sourceManager.hasPendingCreations()) {
+    return DecorationSet.empty;
+  }
+  const offlineDecorations = [];
+  const viewModeDecorations = [];
+  const loadingDecorations = [];
+  const dragDecorations = [];
+  doc.descendants((node, pos) => {
+    if (node.type.name === 'bodiedSyncBlock' && isOffline) {
+      offlineDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
+        class: SyncBlockStateCssClassName.disabledClassName
+      }));
+    }
+    if (syncBlockStore.isSyncBlock(node) && isViewMode) {
+      viewModeDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
+        class: SyncBlockStateCssClassName.viewModeClassName
+      }));
+    }
+    if (node.type.name === 'bodiedSyncBlock' && syncBlockStore.sourceManager.isPendingCreation(node.attrs.resourceId)) {
+      loadingDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
+        class: SyncBlockStateCssClassName.creationLoadingClassName
+      }));
+    }
+    if (isDragging && syncBlockStore.isSyncBlock(node)) {
+      dragDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
+        class: SyncBlockStateCssClassName.draggingClassName
+      }));
+    }
+  });
+  return DecorationSet.create(doc, [...offlineDecorations, ...viewModeDecorations, ...loadingDecorations, ...dragDecorations]);
+};
+
 /**
  * Encapsulates mutable state that persists across transactions in the
  * synced block plugin. Replaces module-level closure variables so state
@@ -249,6 +289,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
     key: syncedBlockPluginKey,
     state: {
       init(_, instance) {
+        var _api$connectivity2, _api$connectivity2$sh, _api$editorViewMode, _api$editorViewMode$s, _api$userIntent, _api$userIntent$share;
         // When `editor_synced_block_perf` is ON and the document has no
         // synced blocks, we skip the eager fetch + cache walks. They will be
         // re-run lazily by `apply` the first time a synced block enters the
@@ -273,13 +314,28 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
             }
           }
         }
+
+        // Read initial shared-state signals for status decorations
+        const initIsOffline = isOfflineMode(api === null || api === void 0 ? void 0 : (_api$connectivity2 = api.connectivity) === null || _api$connectivity2 === void 0 ? void 0 : (_api$connectivity2$sh = _api$connectivity2.sharedState.currentState()) === null || _api$connectivity2$sh === void 0 ? void 0 : _api$connectivity2$sh.mode);
+        const initIsViewMode = (api === null || api === void 0 ? void 0 : (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 ? void 0 : (_api$editorViewMode$s = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode$s === void 0 ? void 0 : _api$editorViewMode$s.mode) === 'view';
+        const initIsDragging = (api === null || api === void 0 ? void 0 : (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 ? void 0 : (_api$userIntent$share = _api$userIntent.sharedState.currentState()) === null || _api$userIntent$share === void 0 ? void 0 : _api$userIntent$share.currentUserIntent) === 'dragging';
+
+        // Build initial status decoration set (EDITOR-6930).
+        // When the perf gate is ON and the doc has synced blocks we do a
+        // single traversal here; afterwards `apply()` will map or rebuild
+        // only when a status signal changes.
+        const initStatusDecorationSet = expValEquals('editor_synced_block_perf', 'isEnabled', true) && docHasSyncedBlocks ? buildStatusDecorations(instance.doc, syncBlockStore, initIsOffline, initIsViewMode, initIsDragging) : DecorationSet.empty;
         return {
           selectionDecorationSet: calculateDecorations(instance.doc, instance.selection, instance.schema),
           activeFlag: false,
           syncBlockStore: syncBlockStore,
           retryCreationPosMap: new Map(),
           hasSyncedBlocks: docHasSyncedBlocks,
-          hasUnsavedBodiedSyncBlockChanges: syncBlockStore.sourceManager.hasUnsavedChanges()
+          hasUnsavedBodiedSyncBlockChanges: syncBlockStore.sourceManager.hasUnsavedChanges(),
+          statusDecorationSet: initStatusDecorationSet,
+          prevIsOffline: initIsOffline,
+          prevIsViewMode: initIsViewMode,
+          prevIsDragging: initIsDragging
         };
       },
       apply: (tr, currentPluginState, oldEditorState) => {
@@ -290,7 +346,11 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
           selectionDecorationSet,
           bodiedSyncBlockDeletionStatus,
           retryCreationPosMap,
-          hasSyncedBlocks: prevHasSyncedBlocks
+          hasSyncedBlocks: prevHasSyncedBlocks,
+          statusDecorationSet: prevStatusDecorationSet,
+          prevIsOffline: prevOffline,
+          prevIsViewMode: prevViewMode,
+          prevIsDragging: prevDragging
         } = currentPluginState;
 
         // Lazy-init bookkeeping: once a synced block enters the document we
@@ -316,6 +376,41 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
             newDecorationSet = calculateDecorations(tr.doc, tr.selection, tr.doc.type.schema);
           }
         }
+
+        // --- Status decoration set (EDITOR-6930) ---
+        // When the perf gate is ON we maintain `statusDecorationSet` in
+        // plugin state so the `decorations` prop becomes an O(1) lookup.
+        let nextStatusDecorationSet = prevStatusDecorationSet;
+        let nextIsOffline = prevOffline;
+        let nextIsViewMode = prevViewMode;
+        let nextIsDragging = prevDragging;
+        if (expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+          if (!nextHasSyncedBlocks) {
+            // No synced blocks → keep empty status decorations
+            nextStatusDecorationSet = DecorationSet.empty;
+          } else {
+            var _api$connectivity3, _api$connectivity3$sh, _api$editorViewMode2, _api$editorViewMode2$, _api$userIntent2, _api$userIntent2$shar;
+            // Read current shared-state signals
+            nextIsOffline = isOfflineMode(api === null || api === void 0 ? void 0 : (_api$connectivity3 = api.connectivity) === null || _api$connectivity3 === void 0 ? void 0 : (_api$connectivity3$sh = _api$connectivity3.sharedState.currentState()) === null || _api$connectivity3$sh === void 0 ? void 0 : _api$connectivity3$sh.mode);
+            nextIsViewMode = (api === null || api === void 0 ? void 0 : (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 ? void 0 : (_api$editorViewMode2$ = _api$editorViewMode2.sharedState.currentState()) === null || _api$editorViewMode2$ === void 0 ? void 0 : _api$editorViewMode2$.mode) === 'view';
+            nextIsDragging = (api === null || api === void 0 ? void 0 : (_api$userIntent2 = api.userIntent) === null || _api$userIntent2 === void 0 ? void 0 : (_api$userIntent2$shar = _api$userIntent2.sharedState.currentState()) === null || _api$userIntent2$shar === void 0 ? void 0 : _api$userIntent2$shar.currentUserIntent) === 'dragging';
+
+            // Determine whether we need a full rebuild or a cheap map
+            const hasSyncedBlocksJustFlipped = nextHasSyncedBlocks && !prevHasSyncedBlocks;
+            const statusSignalChanged = nextIsOffline !== prevOffline || nextIsViewMode !== prevViewMode || nextIsDragging !== prevDragging;
+            // Meta-driven status changes (e.g. pending creation
+            // completed, retry creation pos updated)
+            const hasMetaStatusChange = !!(meta !== null && meta !== void 0 && meta.retryCreationPos) || !!(meta !== null && meta !== void 0 && meta.activeFlag);
+            if (hasSyncedBlocksJustFlipped || statusSignalChanged || hasMetaStatusChange) {
+              // Full rebuild — a status signal changed
+              nextStatusDecorationSet = buildStatusDecorations(tr.doc, syncBlockStore, nextIsOffline, nextIsViewMode, nextIsDragging);
+            } else if (tr.docChanged) {
+              // Cheap map — positions shifted but status unchanged
+              nextStatusDecorationSet = prevStatusDecorationSet.map(tr.mapping, tr.doc);
+            }
+            // else: nothing changed, keep same reference
+          }
+        }
         const newPosEntry = meta === null || meta === void 0 ? void 0 : meta.retryCreationPos;
         const newRetryCreationPosMap = mapRetryCreationPosMap(retryCreationPosMap, newPosEntry, tr.mapping.map.bind(tr.mapping));
         return {
@@ -325,7 +420,11 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
           retryCreationPosMap: newRetryCreationPosMap,
           hasSyncedBlocks: nextHasSyncedBlocks,
           bodiedSyncBlockDeletionStatus: (_meta$bodiedSyncBlock = meta === null || meta === void 0 ? void 0 : meta.bodiedSyncBlockDeletionStatus) !== null && _meta$bodiedSyncBlock !== void 0 ? _meta$bodiedSyncBlock : bodiedSyncBlockDeletionStatus,
-          hasUnsavedBodiedSyncBlockChanges: syncBlockStore.sourceManager.hasUnsavedChanges()
+          hasUnsavedBodiedSyncBlockChanges: syncBlockStore.sourceManager.hasUnsavedChanges(),
+          statusDecorationSet: nextStatusDecorationSet,
+          prevIsOffline: nextIsOffline,
+          prevIsViewMode: nextIsViewMode,
+          prevIsDragging: nextIsDragging
         };
       }
     },
@@ -361,59 +460,85 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
         })
       },
       decorations: state => {
-        var _currentPluginState$s, _api$connectivity2, _api$connectivity2$sh, _api$editorViewMode, _api$editorViewMode$s, _api$userIntent, _api$userIntent$share, _api$focus, _api$focus$sharedStat, _api$focus$sharedStat2;
         const currentPluginState = syncedBlockPluginKey.getState(state);
-        const selectionDecorationSet = (_currentPluginState$s = currentPluginState === null || currentPluginState === void 0 ? void 0 : currentPluginState.selectionDecorationSet) !== null && _currentPluginState$s !== void 0 ? _currentPluginState$s : DecorationSet.empty;
-        const syncBlockStore = currentPluginState === null || currentPluginState === void 0 ? void 0 : currentPluginState.syncBlockStore;
+        if (!currentPluginState) {
+          return DecorationSet.empty;
+        }
         const {
-          doc
-        } = state;
+          selectionDecorationSet,
+          statusDecorationSet,
+          hasSyncedBlocks: docHasSyncedBlocks
+        } = currentPluginState;
 
-        // Lazy-init: when no synced block exists in the doc, skip the
-        // `descendants` walk and the 4 shared-state reads below. The
-        // selection decoration set is the only thing that can be
-        // non-empty in this state.
-        if (currentPluginState && !currentPluginState.hasSyncedBlocks && expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
-          return selectionDecorationSet;
-        }
-        const isOffline = isOfflineMode(api === null || api === void 0 ? void 0 : (_api$connectivity2 = api.connectivity) === null || _api$connectivity2 === void 0 ? void 0 : (_api$connectivity2$sh = _api$connectivity2.sharedState.currentState()) === null || _api$connectivity2$sh === void 0 ? void 0 : _api$connectivity2$sh.mode);
-        const isViewMode = (api === null || api === void 0 ? void 0 : (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 ? void 0 : (_api$editorViewMode$s = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode$s === void 0 ? void 0 : _api$editorViewMode$s.mode) === 'view';
-        const isDragging = (api === null || api === void 0 ? void 0 : (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 ? void 0 : (_api$userIntent$share = _api$userIntent.sharedState.currentState()) === null || _api$userIntent$share === void 0 ? void 0 : _api$userIntent$share.currentUserIntent) === 'dragging';
-        const offlineDecorations = [];
-        const viewModeDecorations = [];
-        const loadingDecorations = [];
-        const dragDecorations = [];
-        state.doc.descendants((node, pos) => {
-          if (node.type.name === 'bodiedSyncBlock' && isOffline) {
-            offlineDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
-              class: SyncBlockStateCssClassName.disabledClassName
-            }));
-          }
-          if (syncBlockStore.isSyncBlock(node) && isViewMode) {
-            viewModeDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
-              class: SyncBlockStateCssClassName.viewModeClassName
-            }));
-          }
-          if (node.type.name === 'bodiedSyncBlock' && syncBlockStore.sourceManager.isPendingCreation(node.attrs.resourceId)) {
-            loadingDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
-              class: SyncBlockStateCssClassName.creationLoadingClassName
-            }));
+        // When the perf gate is ON, both `selectionDecorationSet` and
+        // `statusDecorationSet` are maintained in plugin state by
+        // `apply()`. The `decorations` prop is now an O(1) merge of
+        // the two cached sets — no `doc.descendants()` walk, no
+        // shared-state reads.
+        if (expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+          var _api$focus$sharedStat, _api$focus, _api$focus$sharedStat2, _api$focus$sharedStat3;
+          if (!docHasSyncedBlocks) {
+            return selectionDecorationSet;
           }
 
-          // Show sync block border while the user is dragging
-          if (isDragging && syncBlockStore.isSyncBlock(node)) {
-            dragDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
-              class: SyncBlockStateCssClassName.draggingClassName
-            }));
+          // Focus state is read live here (single cheap read) because
+          // it only gates whether selection decorations are included —
+          // it does not affect the status decoration set and can change
+          // within the same transaction cycle.
+          const hasFocus = (_api$focus$sharedStat = api === null || api === void 0 ? void 0 : (_api$focus = api.focus) === null || _api$focus === void 0 ? void 0 : (_api$focus$sharedStat2 = _api$focus.sharedState) === null || _api$focus$sharedStat2 === void 0 ? void 0 : (_api$focus$sharedStat3 = _api$focus$sharedStat2.currentState()) === null || _api$focus$sharedStat3 === void 0 ? void 0 : _api$focus$sharedStat3.hasFocus) !== null && _api$focus$sharedStat !== void 0 ? _api$focus$sharedStat : true;
+
+          // Merge selection + status decorations.
+          // When the editor is unfocused,
+          // omit selection decorations (matches old behaviour).
+          const statusDecorations = statusDecorationSet.find();
+          if (statusDecorations.length === 0) {
+            return hasFocus ? selectionDecorationSet : DecorationSet.empty;
+          } else {
+            return hasFocus ? selectionDecorationSet.add(state.doc, statusDecorations) : statusDecorationSet;
           }
-        });
-        if (api !== null && api !== void 0 && (_api$focus = api.focus) !== null && _api$focus !== void 0 && (_api$focus$sharedStat = _api$focus.sharedState) !== null && _api$focus$sharedStat !== void 0 && (_api$focus$sharedStat2 = _api$focus$sharedStat.currentState()) !== null && _api$focus$sharedStat2 !== void 0 && _api$focus$sharedStat2.hasFocus || !editorExperiment('platform_synced_block_patch_6', true, {
-          exposure: true
-        })) {
-          // Don't show decorations if the editor is not focused
-          return selectionDecorationSet.add(doc, offlineDecorations).add(doc, viewModeDecorations).add(doc, loadingDecorations).add(doc, dragDecorations);
         } else {
-          return DecorationSet.empty.add(doc, offlineDecorations).add(doc, viewModeDecorations).add(doc, loadingDecorations).add(doc, dragDecorations);
+          var _api$connectivity4, _api$connectivity4$sh, _api$editorViewMode3, _api$editorViewMode3$, _api$userIntent3, _api$userIntent3$shar, _api$focus2, _api$focus2$sharedSta, _api$focus2$sharedSta2;
+          // --- Legacy path (perf gate OFF) ---
+          // Full `doc.descendants()` walk every transaction. Preserved
+          // for safe rollback.
+          const syncBlockStore = currentPluginState.syncBlockStore;
+          const {
+            doc
+          } = state;
+          const isOffline = isOfflineMode(api === null || api === void 0 ? void 0 : (_api$connectivity4 = api.connectivity) === null || _api$connectivity4 === void 0 ? void 0 : (_api$connectivity4$sh = _api$connectivity4.sharedState.currentState()) === null || _api$connectivity4$sh === void 0 ? void 0 : _api$connectivity4$sh.mode);
+          const isViewMode = (api === null || api === void 0 ? void 0 : (_api$editorViewMode3 = api.editorViewMode) === null || _api$editorViewMode3 === void 0 ? void 0 : (_api$editorViewMode3$ = _api$editorViewMode3.sharedState.currentState()) === null || _api$editorViewMode3$ === void 0 ? void 0 : _api$editorViewMode3$.mode) === 'view';
+          const isDragging = (api === null || api === void 0 ? void 0 : (_api$userIntent3 = api.userIntent) === null || _api$userIntent3 === void 0 ? void 0 : (_api$userIntent3$shar = _api$userIntent3.sharedState.currentState()) === null || _api$userIntent3$shar === void 0 ? void 0 : _api$userIntent3$shar.currentUserIntent) === 'dragging';
+          const offlineDecorations = [];
+          const viewModeDecorations = [];
+          const loadingDecorations = [];
+          const dragDecorations = [];
+          state.doc.descendants((node, pos) => {
+            if (node.type.name === 'bodiedSyncBlock' && isOffline) {
+              offlineDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
+                class: SyncBlockStateCssClassName.disabledClassName
+              }));
+            }
+            if (syncBlockStore.isSyncBlock(node) && isViewMode) {
+              viewModeDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
+                class: SyncBlockStateCssClassName.viewModeClassName
+              }));
+            }
+            if (node.type.name === 'bodiedSyncBlock' && syncBlockStore.sourceManager.isPendingCreation(node.attrs.resourceId)) {
+              loadingDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
+                class: SyncBlockStateCssClassName.creationLoadingClassName
+              }));
+            }
+            if (isDragging && syncBlockStore.isSyncBlock(node)) {
+              dragDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
+                class: SyncBlockStateCssClassName.draggingClassName
+              }));
+            }
+          });
+          if (api !== null && api !== void 0 && (_api$focus2 = api.focus) !== null && _api$focus2 !== void 0 && (_api$focus2$sharedSta = _api$focus2.sharedState) !== null && _api$focus2$sharedSta !== void 0 && (_api$focus2$sharedSta2 = _api$focus2$sharedSta.currentState()) !== null && _api$focus2$sharedSta2 !== void 0 && _api$focus2$sharedSta2.hasFocus) {
+            return selectionDecorationSet.add(doc, offlineDecorations).add(doc, viewModeDecorations).add(doc, loadingDecorations).add(doc, dragDecorations);
+          } else {
+            return DecorationSet.empty.add(doc, offlineDecorations).add(doc, viewModeDecorations).add(doc, loadingDecorations).add(doc, dragDecorations);
+          }
         }
       },
       handleClickOn: createSelectionClickHandler(['bodiedSyncBlock'], target => !!target.closest(`.${BodiedSyncBlockSharedCssClassName.prefix}`), {
@@ -473,7 +598,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
       }
     },
     filterTransaction: (tr, state) => {
-      var _api$editorViewMode2, _api$editorViewMode2$, _api$connectivity3, _api$connectivity3$sh;
+      var _api$editorViewMode4, _api$editorViewMode4$, _api$connectivity5, _api$connectivity5$sh;
       // Lazy-init: when no synced block currently exists in the doc and the
       // transaction does not insert one, all downstream filter logic is a
       // no-op. Avoid both the shared-state reads and the `trackSyncBlocks`
@@ -484,11 +609,11 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
           return true;
         }
       }
-      const viewMode = api === null || api === void 0 ? void 0 : (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 ? void 0 : (_api$editorViewMode2$ = _api$editorViewMode2.sharedState.currentState()) === null || _api$editorViewMode2$ === void 0 ? void 0 : _api$editorViewMode2$.mode;
+      const viewMode = api === null || api === void 0 ? void 0 : (_api$editorViewMode4 = api.editorViewMode) === null || _api$editorViewMode4 === void 0 ? void 0 : (_api$editorViewMode4$ = _api$editorViewMode4.sharedState.currentState()) === null || _api$editorViewMode4$ === void 0 ? void 0 : _api$editorViewMode4$.mode;
       if (viewMode === 'view' && fg('platform_synced_block_patch_8')) {
         return true;
       }
-      const isOffline = isOfflineMode(api === null || api === void 0 ? void 0 : (_api$connectivity3 = api.connectivity) === null || _api$connectivity3 === void 0 ? void 0 : (_api$connectivity3$sh = _api$connectivity3.sharedState.currentState()) === null || _api$connectivity3$sh === void 0 ? void 0 : _api$connectivity3$sh.mode);
+      const isOffline = isOfflineMode(api === null || api === void 0 ? void 0 : (_api$connectivity5 = api.connectivity) === null || _api$connectivity5 === void 0 ? void 0 : (_api$connectivity5$sh = _api$connectivity5.sharedState.currentState()) === null || _api$connectivity5$sh === void 0 ? void 0 : _api$connectivity5$sh.mode);
       const isConfirmedSyncBlockDeletion = Boolean(tr.getMeta('isConfirmedSyncBlockDeletion'));
 
       // Track newly added reference sync blocks before processing the transaction
@@ -556,7 +681,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
       });
     },
     appendTransaction: (trs, oldState, newState) => {
-      var _api$editorViewMode3, _api$editorViewMode3$;
+      var _api$editorViewMode5, _api$editorViewMode5$;
       // Lazy-init: when neither the previous nor the new state contains a
       // synced block (and none of the dispatched transactions inserts one),
       // skip all downstream work. This is the hot path on the ~99.97% of
@@ -569,7 +694,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
           return null;
         }
       }
-      const viewMode = api === null || api === void 0 ? void 0 : (_api$editorViewMode3 = api.editorViewMode) === null || _api$editorViewMode3 === void 0 ? void 0 : (_api$editorViewMode3$ = _api$editorViewMode3.sharedState.currentState()) === null || _api$editorViewMode3$ === void 0 ? void 0 : _api$editorViewMode3$.mode;
+      const viewMode = api === null || api === void 0 ? void 0 : (_api$editorViewMode5 = api.editorViewMode) === null || _api$editorViewMode5 === void 0 ? void 0 : (_api$editorViewMode5$ = _api$editorViewMode5.sharedState.currentState()) === null || _api$editorViewMode5$ === void 0 ? void 0 : _api$editorViewMode5$.mode;
       if (viewMode === 'view' && fg('platform_synced_block_patch_8')) {
         return null;
       }

package/dist/esm/pm-plugins/main.js

@@ -92,9 +92,7 @@ var showExtensionInSyncBlockWarningIfNeeded = function showExtensionInSyncBlockW
         var tr = _ref2.tr;
         return tr.setMeta(syncedBlockPluginKey, {
           activeFlag: {
-            id: editorExperiment('platform_synced_block_patch_6', true, {
-              exposure: true
-            }) ? FLAG_ID.EXTENSION_IN_SYNC_BLOCK : FLAG_ID.INLINE_EXTENSION_IN_SYNC_BLOCK
+            id: FLAG_ID.EXTENSION_IN_SYNC_BLOCK
           }
         });
       });
@@ -199,6 +197,48 @@ var filterTransactionOffline = function filterTransactionOffline(_ref4) {
   return true;
 };
 
+/**
+ * Build the status decoration set for sync-block nodes. This performs a full
+ * `doc.descendants()` walk so it must only be called when a status signal
+ * actually changes (offline, view-mode, dragging, pending-creation). Between
+ * status changes the caller should use `decorationSet.map(tr.mapping, tr.doc)`
+ * instead (see EDITOR-6930).
+ */
+var buildStatusDecorations = function buildStatusDecorations(doc, syncBlockStore, isOffline, isViewMode, isDragging) {
+  // Fast path: when all status flags are off and no creations are in flight,
+  // no node can produce a decoration — skip the full doc traversal.
+  if (!isOffline && !isViewMode && !isDragging && !syncBlockStore.sourceManager.hasPendingCreations()) {
+    return DecorationSet.empty;
+  }
+  var offlineDecorations = [];
+  var viewModeDecorations = [];
+  var loadingDecorations = [];
+  var dragDecorations = [];
+  doc.descendants(function (node, pos) {
+    if (node.type.name === 'bodiedSyncBlock' && isOffline) {
+      offlineDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
+        class: SyncBlockStateCssClassName.disabledClassName
+      }));
+    }
+    if (syncBlockStore.isSyncBlock(node) && isViewMode) {
+      viewModeDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
+        class: SyncBlockStateCssClassName.viewModeClassName
+      }));
+    }
+    if (node.type.name === 'bodiedSyncBlock' && syncBlockStore.sourceManager.isPendingCreation(node.attrs.resourceId)) {
+      loadingDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
+        class: SyncBlockStateCssClassName.creationLoadingClassName
+      }));
+    }
+    if (isDragging && syncBlockStore.isSyncBlock(node)) {
+      dragDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
+        class: SyncBlockStateCssClassName.draggingClassName
+      }));
+    }
+  });
+  return DecorationSet.create(doc, [].concat(offlineDecorations, viewModeDecorations, loadingDecorations, dragDecorations));
+};
+
 /**
  * Encapsulates mutable state that persists across transactions in the
  * synced block plugin. Replaces module-level closure variables so state
@@ -275,6 +315,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
     key: syncedBlockPluginKey,
     state: {
       init: function init(_, instance) {
+        var _api$connectivity2, _api$editorViewMode, _api$userIntent;
         // When `editor_synced_block_perf` is ON and the document has no
         // synced blocks, we skip the eager fetch + cache walks. They will be
         // re-run lazily by `apply` the first time a synced block enters the
@@ -299,13 +340,28 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
             }
           }
         }
+
+        // Read initial shared-state signals for status decorations
+        var initIsOffline = isOfflineMode(api === null || api === void 0 || (_api$connectivity2 = api.connectivity) === null || _api$connectivity2 === void 0 || (_api$connectivity2 = _api$connectivity2.sharedState.currentState()) === null || _api$connectivity2 === void 0 ? void 0 : _api$connectivity2.mode);
+        var initIsViewMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'view';
+        var initIsDragging = (api === null || api === void 0 || (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 || (_api$userIntent = _api$userIntent.sharedState.currentState()) === null || _api$userIntent === void 0 ? void 0 : _api$userIntent.currentUserIntent) === 'dragging';
+
+        // Build initial status decoration set (EDITOR-6930).
+        // When the perf gate is ON and the doc has synced blocks we do a
+        // single traversal here; afterwards `apply()` will map or rebuild
+        // only when a status signal changes.
+        var initStatusDecorationSet = expValEquals('editor_synced_block_perf', 'isEnabled', true) && docHasSyncedBlocks ? buildStatusDecorations(instance.doc, syncBlockStore, initIsOffline, initIsViewMode, initIsDragging) : DecorationSet.empty;
         return {
           selectionDecorationSet: calculateDecorations(instance.doc, instance.selection, instance.schema),
           activeFlag: false,
           syncBlockStore: syncBlockStore,
           retryCreationPosMap: new Map(),
           hasSyncedBlocks: docHasSyncedBlocks,
-          hasUnsavedBodiedSyncBlockChanges: syncBlockStore.sourceManager.hasUnsavedChanges()
+          hasUnsavedBodiedSyncBlockChanges: syncBlockStore.sourceManager.hasUnsavedChanges(),
+          statusDecorationSet: initStatusDecorationSet,
+          prevIsOffline: initIsOffline,
+          prevIsViewMode: initIsViewMode,
+          prevIsDragging: initIsDragging
         };
       },
       apply: function apply(tr, currentPluginState, oldEditorState) {
@@ -315,7 +371,11 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           selectionDecorationSet = currentPluginState.selectionDecorationSet,
           bodiedSyncBlockDeletionStatus = currentPluginState.bodiedSyncBlockDeletionStatus,
           retryCreationPosMap = currentPluginState.retryCreationPosMap,
-          prevHasSyncedBlocks = currentPluginState.hasSyncedBlocks;
+          prevHasSyncedBlocks = currentPluginState.hasSyncedBlocks,
+          prevStatusDecorationSet = currentPluginState.statusDecorationSet,
+          prevOffline = currentPluginState.prevIsOffline,
+          prevViewMode = currentPluginState.prevIsViewMode,
+          prevDragging = currentPluginState.prevIsDragging;
 
         // Lazy-init bookkeeping: once a synced block enters the document we
         // flip `hasSyncedBlocks` to `true` for the lifetime of this editor
@@ -340,6 +400,41 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
             newDecorationSet = calculateDecorations(tr.doc, tr.selection, tr.doc.type.schema);
           }
         }
+
+        // --- Status decoration set (EDITOR-6930) ---
+        // When the perf gate is ON we maintain `statusDecorationSet` in
+        // plugin state so the `decorations` prop becomes an O(1) lookup.
+        var nextStatusDecorationSet = prevStatusDecorationSet;
+        var nextIsOffline = prevOffline;
+        var nextIsViewMode = prevViewMode;
+        var nextIsDragging = prevDragging;
+        if (expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+          if (!nextHasSyncedBlocks) {
+            // No synced blocks → keep empty status decorations
+            nextStatusDecorationSet = DecorationSet.empty;
+          } else {
+            var _api$connectivity3, _api$editorViewMode2, _api$userIntent2;
+            // Read current shared-state signals
+            nextIsOffline = isOfflineMode(api === null || api === void 0 || (_api$connectivity3 = api.connectivity) === null || _api$connectivity3 === void 0 || (_api$connectivity3 = _api$connectivity3.sharedState.currentState()) === null || _api$connectivity3 === void 0 ? void 0 : _api$connectivity3.mode);
+            nextIsViewMode = (api === null || api === void 0 || (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 || (_api$editorViewMode2 = _api$editorViewMode2.sharedState.currentState()) === null || _api$editorViewMode2 === void 0 ? void 0 : _api$editorViewMode2.mode) === 'view';
+            nextIsDragging = (api === null || api === void 0 || (_api$userIntent2 = api.userIntent) === null || _api$userIntent2 === void 0 || (_api$userIntent2 = _api$userIntent2.sharedState.currentState()) === null || _api$userIntent2 === void 0 ? void 0 : _api$userIntent2.currentUserIntent) === 'dragging';
+
+            // Determine whether we need a full rebuild or a cheap map
+            var hasSyncedBlocksJustFlipped = nextHasSyncedBlocks && !prevHasSyncedBlocks;
+            var statusSignalChanged = nextIsOffline !== prevOffline || nextIsViewMode !== prevViewMode || nextIsDragging !== prevDragging;
+            // Meta-driven status changes (e.g. pending creation
+            // completed, retry creation pos updated)
+            var hasMetaStatusChange = !!(meta !== null && meta !== void 0 && meta.retryCreationPos) || !!(meta !== null && meta !== void 0 && meta.activeFlag);
+            if (hasSyncedBlocksJustFlipped || statusSignalChanged || hasMetaStatusChange) {
+              // Full rebuild — a status signal changed
+              nextStatusDecorationSet = buildStatusDecorations(tr.doc, syncBlockStore, nextIsOffline, nextIsViewMode, nextIsDragging);
+            } else if (tr.docChanged) {
+              // Cheap map — positions shifted but status unchanged
+              nextStatusDecorationSet = prevStatusDecorationSet.map(tr.mapping, tr.doc);
+            }
+            // else: nothing changed, keep same reference
+          }
+        }
         var newPosEntry = meta === null || meta === void 0 ? void 0 : meta.retryCreationPos;
         var newRetryCreationPosMap = mapRetryCreationPosMap(retryCreationPosMap, newPosEntry, tr.mapping.map.bind(tr.mapping));
         return {
@@ -349,7 +444,11 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           retryCreationPosMap: newRetryCreationPosMap,
           hasSyncedBlocks: nextHasSyncedBlocks,
           bodiedSyncBlockDeletionStatus: (_meta$bodiedSyncBlock = meta === null || meta === void 0 ? void 0 : meta.bodiedSyncBlockDeletionStatus) !== null && _meta$bodiedSyncBlock !== void 0 ? _meta$bodiedSyncBlock : bodiedSyncBlockDeletionStatus,
-          hasUnsavedBodiedSyncBlockChanges: syncBlockStore.sourceManager.hasUnsavedChanges()
+          hasUnsavedBodiedSyncBlockChanges: syncBlockStore.sourceManager.hasUnsavedChanges(),
+          statusDecorationSet: nextStatusDecorationSet,
+          prevIsOffline: nextIsOffline,
+          prevIsViewMode: nextIsViewMode,
+          prevIsDragging: nextIsDragging
         };
       }
     },
@@ -388,57 +487,81 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
         })
       },
       decorations: function decorations(state) {
-        var _currentPluginState$s, _api$connectivity2, _api$editorViewMode, _api$userIntent, _api$focus;
         var currentPluginState = syncedBlockPluginKey.getState(state);
-        var selectionDecorationSet = (_currentPluginState$s = currentPluginState === null || currentPluginState === void 0 ? void 0 : currentPluginState.selectionDecorationSet) !== null && _currentPluginState$s !== void 0 ? _currentPluginState$s : DecorationSet.empty;
-        var syncBlockStore = currentPluginState === null || currentPluginState === void 0 ? void 0 : currentPluginState.syncBlockStore;
-        var doc = state.doc;
-
-        // Lazy-init: when no synced block exists in the doc, skip the
-        // `descendants` walk and the 4 shared-state reads below. The
-        // selection decoration set is the only thing that can be
-        // non-empty in this state.
-        if (currentPluginState && !currentPluginState.hasSyncedBlocks && expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
-          return selectionDecorationSet;
+        if (!currentPluginState) {
+          return DecorationSet.empty;
         }
-        var isOffline = isOfflineMode(api === null || api === void 0 || (_api$connectivity2 = api.connectivity) === null || _api$connectivity2 === void 0 || (_api$connectivity2 = _api$connectivity2.sharedState.currentState()) === null || _api$connectivity2 === void 0 ? void 0 : _api$connectivity2.mode);
-        var isViewMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 || (_api$editorViewMode = _api$editorViewMode.sharedState.currentState()) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.mode) === 'view';
-        var isDragging = (api === null || api === void 0 || (_api$userIntent = api.userIntent) === null || _api$userIntent === void 0 || (_api$userIntent = _api$userIntent.sharedState.currentState()) === null || _api$userIntent === void 0 ? void 0 : _api$userIntent.currentUserIntent) === 'dragging';
-        var offlineDecorations = [];
-        var viewModeDecorations = [];
-        var loadingDecorations = [];
-        var dragDecorations = [];
-        state.doc.descendants(function (node, pos) {
-          if (node.type.name === 'bodiedSyncBlock' && isOffline) {
-            offlineDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
-              class: SyncBlockStateCssClassName.disabledClassName
-            }));
-          }
-          if (syncBlockStore.isSyncBlock(node) && isViewMode) {
-            viewModeDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
-              class: SyncBlockStateCssClassName.viewModeClassName
-            }));
-          }
-          if (node.type.name === 'bodiedSyncBlock' && syncBlockStore.sourceManager.isPendingCreation(node.attrs.resourceId)) {
-            loadingDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
-              class: SyncBlockStateCssClassName.creationLoadingClassName
-            }));
+        var selectionDecorationSet = currentPluginState.selectionDecorationSet,
+          statusDecorationSet = currentPluginState.statusDecorationSet,
+          docHasSyncedBlocks = currentPluginState.hasSyncedBlocks;
+
+        // When the perf gate is ON, both `selectionDecorationSet` and
+        // `statusDecorationSet` are maintained in plugin state by
+        // `apply()`. The `decorations` prop is now an O(1) merge of
+        // the two cached sets — no `doc.descendants()` walk, no
+        // shared-state reads.
+        if (expValEquals('editor_synced_block_perf', 'isEnabled', true)) {
+          var _api$focus$sharedStat, _api$focus;
+          if (!docHasSyncedBlocks) {
+            return selectionDecorationSet;
           }
 
-          // Show sync block border while the user is dragging
-          if (isDragging && syncBlockStore.isSyncBlock(node)) {
-            dragDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
-              class: SyncBlockStateCssClassName.draggingClassName
-            }));
+          // Focus state is read live here (single cheap read) because
+          // it only gates whether selection decorations are included —
+          // it does not affect the status decoration set and can change
+          // within the same transaction cycle.
+          var hasFocus = (_api$focus$sharedStat = api === null || api === void 0 || (_api$focus = api.focus) === null || _api$focus === void 0 || (_api$focus = _api$focus.sharedState) === null || _api$focus === void 0 || (_api$focus = _api$focus.currentState()) === null || _api$focus === void 0 ? void 0 : _api$focus.hasFocus) !== null && _api$focus$sharedStat !== void 0 ? _api$focus$sharedStat : true;
+
+          // Merge selection + status decorations.
+          // When the editor is unfocused,
+          // omit selection decorations (matches old behaviour).
+          var statusDecorations = statusDecorationSet.find();
+          if (statusDecorations.length === 0) {
+            return hasFocus ? selectionDecorationSet : DecorationSet.empty;
+          } else {
+            return hasFocus ? selectionDecorationSet.add(state.doc, statusDecorations) : statusDecorationSet;
           }
-        });
-        if (api !== null && api !== void 0 && (_api$focus = api.focus) !== null && _api$focus !== void 0 && (_api$focus = _api$focus.sharedState) !== null && _api$focus !== void 0 && (_api$focus = _api$focus.currentState()) !== null && _api$focus !== void 0 && _api$focus.hasFocus || !editorExperiment('platform_synced_block_patch_6', true, {
-          exposure: true
-        })) {
-          // Don't show decorations if the editor is not focused
-          return selectionDecorationSet.add(doc, offlineDecorations).add(doc, viewModeDecorations).add(doc, loadingDecorations).add(doc, dragDecorations);
         } else {
-          return DecorationSet.empty.add(doc, offlineDecorations).add(doc, viewModeDecorations).add(doc, loadingDecorations).add(doc, dragDecorations);
+          var _api$connectivity4, _api$editorViewMode3, _api$userIntent3, _api$focus2;
+          // --- Legacy path (perf gate OFF) ---
+          // Full `doc.descendants()` walk every transaction. Preserved
+          // for safe rollback.
+          var _syncBlockStore = currentPluginState.syncBlockStore;
+          var doc = state.doc;
+          var isOffline = isOfflineMode(api === null || api === void 0 || (_api$connectivity4 = api.connectivity) === null || _api$connectivity4 === void 0 || (_api$connectivity4 = _api$connectivity4.sharedState.currentState()) === null || _api$connectivity4 === void 0 ? void 0 : _api$connectivity4.mode);
+          var isViewMode = (api === null || api === void 0 || (_api$editorViewMode3 = api.editorViewMode) === null || _api$editorViewMode3 === void 0 || (_api$editorViewMode3 = _api$editorViewMode3.sharedState.currentState()) === null || _api$editorViewMode3 === void 0 ? void 0 : _api$editorViewMode3.mode) === 'view';
+          var isDragging = (api === null || api === void 0 || (_api$userIntent3 = api.userIntent) === null || _api$userIntent3 === void 0 || (_api$userIntent3 = _api$userIntent3.sharedState.currentState()) === null || _api$userIntent3 === void 0 ? void 0 : _api$userIntent3.currentUserIntent) === 'dragging';
+          var offlineDecorations = [];
+          var viewModeDecorations = [];
+          var loadingDecorations = [];
+          var dragDecorations = [];
+          state.doc.descendants(function (node, pos) {
+            if (node.type.name === 'bodiedSyncBlock' && isOffline) {
+              offlineDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
+                class: SyncBlockStateCssClassName.disabledClassName
+              }));
+            }
+            if (_syncBlockStore.isSyncBlock(node) && isViewMode) {
+              viewModeDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
+                class: SyncBlockStateCssClassName.viewModeClassName
+              }));
+            }
+            if (node.type.name === 'bodiedSyncBlock' && _syncBlockStore.sourceManager.isPendingCreation(node.attrs.resourceId)) {
+              loadingDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
+                class: SyncBlockStateCssClassName.creationLoadingClassName
+              }));
+            }
+            if (isDragging && _syncBlockStore.isSyncBlock(node)) {
+              dragDecorations.push(Decoration.node(pos, pos + node.nodeSize, {
+                class: SyncBlockStateCssClassName.draggingClassName
+              }));
+            }
+          });
+          if (api !== null && api !== void 0 && (_api$focus2 = api.focus) !== null && _api$focus2 !== void 0 && (_api$focus2 = _api$focus2.sharedState) !== null && _api$focus2 !== void 0 && (_api$focus2 = _api$focus2.currentState()) !== null && _api$focus2 !== void 0 && _api$focus2.hasFocus) {
+            return selectionDecorationSet.add(doc, offlineDecorations).add(doc, viewModeDecorations).add(doc, loadingDecorations).add(doc, dragDecorations);
+          } else {
+            return DecorationSet.empty.add(doc, offlineDecorations).add(doc, viewModeDecorations).add(doc, loadingDecorations).add(doc, dragDecorations);
+          }
         }
       },
       handleClickOn: createSelectionClickHandler(['bodiedSyncBlock'], function (target) {
@@ -496,7 +619,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
       }
     },
     filterTransaction: function filterTransaction(tr, state) {
-      var _api$editorViewMode2, _api$connectivity3;
+      var _api$editorViewMode4, _api$connectivity5;
       // Lazy-init: when no synced block currently exists in the doc and the
       // transaction does not insert one, all downstream filter logic is a
       // no-op. Avoid both the shared-state reads and the `trackSyncBlocks`
@@ -507,11 +630,11 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           return true;
         }
       }
-      var viewMode = api === null || api === void 0 || (_api$editorViewMode2 = api.editorViewMode) === null || _api$editorViewMode2 === void 0 || (_api$editorViewMode2 = _api$editorViewMode2.sharedState.currentState()) === null || _api$editorViewMode2 === void 0 ? void 0 : _api$editorViewMode2.mode;
+      var viewMode = api === null || api === void 0 || (_api$editorViewMode4 = api.editorViewMode) === null || _api$editorViewMode4 === void 0 || (_api$editorViewMode4 = _api$editorViewMode4.sharedState.currentState()) === null || _api$editorViewMode4 === void 0 ? void 0 : _api$editorViewMode4.mode;
       if (viewMode === 'view' && fg('platform_synced_block_patch_8')) {
         return true;
       }
-      var isOffline = isOfflineMode(api === null || api === void 0 || (_api$connectivity3 = api.connectivity) === null || _api$connectivity3 === void 0 || (_api$connectivity3 = _api$connectivity3.sharedState.currentState()) === null || _api$connectivity3 === void 0 ? void 0 : _api$connectivity3.mode);
+      var isOffline = isOfflineMode(api === null || api === void 0 || (_api$connectivity5 = api.connectivity) === null || _api$connectivity5 === void 0 || (_api$connectivity5 = _api$connectivity5.sharedState.currentState()) === null || _api$connectivity5 === void 0 ? void 0 : _api$connectivity5.mode);
       var isConfirmedSyncBlockDeletion = Boolean(tr.getMeta('isConfirmedSyncBlockDeletion'));
 
       // Track newly added reference sync blocks before processing the transaction
@@ -586,7 +709,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
       });
     },
     appendTransaction: function appendTransaction(trs, oldState, newState) {
-      var _api$editorViewMode3;
+      var _api$editorViewMode5;
       // Lazy-init: when neither the previous nor the new state contains a
       // synced block (and none of the dispatched transactions inserts one),
       // skip all downstream work. This is the hot path on the ~99.97% of
@@ -599,7 +722,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           return null;
         }
       }
-      var viewMode = api === null || api === void 0 || (_api$editorViewMode3 = api.editorViewMode) === null || _api$editorViewMode3 === void 0 || (_api$editorViewMode3 = _api$editorViewMode3.sharedState.currentState()) === null || _api$editorViewMode3 === void 0 ? void 0 : _api$editorViewMode3.mode;
+      var viewMode = api === null || api === void 0 || (_api$editorViewMode5 = api.editorViewMode) === null || _api$editorViewMode5 === void 0 || (_api$editorViewMode5 = _api$editorViewMode5.sharedState.currentState()) === null || _api$editorViewMode5 === void 0 ? void 0 : _api$editorViewMode5.mode;
       if (viewMode === 'view' && fg('platform_synced_block_patch_8')) {
         return null;
       }

package/dist/types/pm-plugins/main.d.ts

@@ -21,8 +21,25 @@ type SyncedBlockPluginState = {
      */
     hasSyncedBlocks: boolean;
     hasUnsavedBodiedSyncBlockChanges?: boolean;
+    /**
+     * Cached previous values for shared-state signals. Used inside `apply()` to
+     * detect when a status change requires a full rebuild of `statusDecorationSet`
+     * instead of a cheap `map()` call. Only meaningful when
+     * `editor_synced_block_perf` is ON.
+     */
+    prevIsDragging: boolean;
+    prevIsOffline: boolean;
+    prevIsViewMode: boolean;
     retryCreationPosMap: RetryCreationPosMap;
     selectionDecorationSet: DecorationSet;
+    /**
+     * Cached decoration set for sync-block status decorations (offline overlay,
+     * view-mode class, creation-loading spinner, drag border). When the perf
+     * gate is ON this is computed in `apply()` and mapped through edits so the
+     * `decorations` prop becomes an O(1) lookup instead of a full
+     * `doc.descendants()` walk every transaction (see EDITOR-6930).
+     */
+    statusDecorationSet: DecorationSet;
     syncBlockStore: SyncBlockStoreManager;
 };
 export declare const createPlugin: (options: SyncedBlockPluginOptions | undefined, pmPluginFactoryParams: PMPluginFactoryParams, syncBlockStore: SyncBlockStoreManager, api?: ExtractInjectionAPI<SyncedBlockPlugin>) => SafePlugin<SyncedBlockPluginState>;

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -21,8 +21,25 @@ type SyncedBlockPluginState = {
      */
     hasSyncedBlocks: boolean;
     hasUnsavedBodiedSyncBlockChanges?: boolean;
+    /**
+     * Cached previous values for shared-state signals. Used inside `apply()` to
+     * detect when a status change requires a full rebuild of `statusDecorationSet`
+     * instead of a cheap `map()` call. Only meaningful when
+     * `editor_synced_block_perf` is ON.
+     */
+    prevIsDragging: boolean;
+    prevIsOffline: boolean;
+    prevIsViewMode: boolean;
     retryCreationPosMap: RetryCreationPosMap;
     selectionDecorationSet: DecorationSet;
+    /**
+     * Cached decoration set for sync-block status decorations (offline overlay,
+     * view-mode class, creation-loading spinner, drag border). When the perf
+     * gate is ON this is computed in `apply()` and mapped through edits so the
+     * `decorations` prop becomes an O(1) lookup instead of a full
+     * `doc.descendants()` walk every transaction (see EDITOR-6930).
+     */
+    statusDecorationSet: DecorationSet;
     syncBlockStore: SyncBlockStoreManager;
 };
 export declare const createPlugin: (options: SyncedBlockPluginOptions | undefined, pmPluginFactoryParams: PMPluginFactoryParams, syncBlockStore: SyncBlockStoreManager, api?: ExtractInjectionAPI<SyncedBlockPlugin>) => SafePlugin<SyncedBlockPluginState>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "8.2.6",
+	"version": "8.2.8",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -54,7 +54,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/spinner": "19.1.2",
-		"@atlaskit/tmp-editor-statsig": "^76.0.0",
+		"@atlaskit/tmp-editor-statsig": "^77.1.0",
 		"@atlaskit/tokens": "13.0.3",
 		"@atlaskit/tooltip": "^22.0.0",
 		"@atlaskit/visually-hidden": "^3.1.0",
@@ -64,7 +64,7 @@
 		"date-fns": "^2.17.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.20.0",
+		"@atlaskit/editor-common": "^114.21.0",
 		"react": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},

package/afm-jira/tsconfig.json

@@ -1,120 +0,0 @@
-{
-	"extends": "../../../../tsconfig.local-consumption.json",
-	"compilerOptions": {
-		"target": "es5",
-		"outDir": "../../../../../jira/tsDist/@atlaskit__editor-plugin-synced-block/app",
-		"rootDir": "../",
-		"composite": true,
-		"noCheck": true
-	},
-	"include": [
-		"../src/**/*.ts",
-		"../src/**/*.tsx"
-	],
-	"exclude": [
-		"../src/**/__tests__/*",
-		"../src/**/*.test.*",
-		"../src/**/test.*",
-		"../src/**/examples.*",
-		"../src/**/examples/*",
-		"../src/**/examples/**/*",
-		"../src/**/*.stories.*",
-		"../src/**/stories/*",
-		"../src/**/stories/**/*"
-	],
-	"references": [
-		{
-			"path": "../../adf-schema/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/button/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/dropdown-menu/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../editor-json-transformer/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../editor-plugin-analytics/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../editor-plugin-block-menu/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../editor-plugin-connectivity/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../editor-plugin-content-format/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../editor-plugin-decorations/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../editor-plugin-floating-toolbar/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../editor-plugin-focus/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../editor-plugin-selection/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../editor-plugin-user-intent/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../editor-prosemirror/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../editor-shared-styles/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../editor-synced-block-provider/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../editor-toolbar/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/flag/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/icon/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/icon-lab/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/logo/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/lozenge/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/modal-dialog/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../platform/feature-flags/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/primitives/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/spinner/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../tmp-editor-statsig/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tokens/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/tooltip/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../../design-system/visually-hidden/afm-jira/tsconfig.json"
-		},
-		{
-			"path": "../../editor-common/afm-jira/tsconfig.json"
-		}
-	]
-}