@atlaskit/editor-plugin-show-diff 13.1.4 → 13.1.6

package/CHANGELOG.md

@@ -1,5 +1,44 @@
 # @atlaskit/editor-plugin-show-diff
 
+## 13.1.6
+
+### Patch Changes
+
+- [`72bb78136922f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/72bb78136922f) -
+  [CCI-18917] Render node attribute-only changes (e.g. a panel type change note → warning) in the AI
+  Review Moment as a before/after diff.
+
+  A container's own attribute change touches no inner child, so the smart-diff classifier's
+  child-density check previously dropped it and nothing rendered. The smart-diff token encoder now
+  folds the container's diffable attributes into its node-start token (normalising node variants
+  such as `panel_c1` → `panel`), the classifier promotes the whole container to a node-level change,
+  and the decoration builder renders the new node plus the original node as a "deleted" widget so
+  the reviewer sees the before/after. Gated to the smart node-level AIFC Review Moment path.
+
+- [`4747ee2b7b275`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4747ee2b7b275) -
+  Only inspect logical top and bottom rows when assigning table edge attributes under
+  platform_editor_table_diff_rounded_corners.
+- Updated dependencies
+
+## 13.1.5
+
+### Patch Changes
+
+- [`fd3620d4e137b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fd3620d4e137b) -
+  [CCI-18915] Surface and render formatting-only (mark) agent edits in the AI Review Moment.
+
+  Mark-only agent steps (`AddMarkStep`/`RemoveMarkStep` — e.g. making text bold, italic, or a link)
+  have an empty `StepMap`, so the agent review-segment and shimmer builders — which derived their
+  changed ranges purely from `StepMap` geometry — never produced a range for them. As a result a
+  formatting-only agent edit opened no Review Moment and showed no shimmer. Both builders now detect
+  mark steps and derive their range from `step.from`/`step.to`.
+
+  The smart-diff token encoder additionally folds each character's marks (type + attrs) into its
+  token, so once the moment opens the change renders as a real diff (e.g. a bold-only edit, or a
+  link whose `href` changes) instead of an empty one.
+
+- Updated dependencies
+
 ## 13.1.4
 
 ### Patch Changes

package/dist/cjs/pm-plugins/calculateDiff/attrAwareTokenEncoder.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.attrAwareTokenEncoder = void 0;
+var _nodeTypeUtils = require("@atlaskit/editor-common/utils/node-type-utils");
 var _diffableAttrs = require("../decorations/utils/diffableAttrs");
 /**
  * Attribute-aware token encoder for `prosemirror-changeset`. The default encoder
@@ -24,15 +25,38 @@ var encodeNodeWithAttrs = function encodeNodeWithAttrs(node, attrNames) {
   return "".concat(node.type.name, "|").concat(parts.join('|'));
 };
 
+// Fold a character's marks (type + attrs) into its token so a formatting-only change
+// (bold/italic/link/colour, or a link whose `href` changes) registers as a real diff.
+// The default encoder returns just the char code, so marked and unmarked text tokenise
+// identically. Marks and their attrs are sorted so the token is order-independent.
+var encodeCharacterWithMarks = function encodeCharacterWithMarks(char, marks) {
+  if (marks.length === 0) {
+    // Fast path: unmarked text keeps the numeric char code (unchanged behaviour).
+    return char;
+  }
+  var markKey = marks.map(function (mark) {
+    var _mark$attrs;
+    var attrs = (_mark$attrs = mark.attrs) !== null && _mark$attrs !== void 0 ? _mark$attrs : {};
+    var attrParts = Object.keys(attrs).sort().map(function (key) {
+      var _attrs$key;
+      return "".concat(key, "=").concat(JSON.stringify((_attrs$key = attrs[key]) !== null && _attrs$key !== void 0 ? _attrs$key : null));
+    });
+    return attrParts.length > 0 ? "".concat(mark.type.name, "(").concat(attrParts.join(','), ")") : mark.type.name;
+  }).sort().join('&');
+  return "".concat(char, "\0").concat(markKey);
+};
+
 // Like the library default, but node types with a `diffableAttrs` rule fold their
-// attrs into the open token. Chars/node-end are unchanged, hence `string | number`.
+// attrs into the open token, and text characters fold in their marks. Node-end is
+// unchanged, hence `string | number`.
 var attrAwareTokenEncoder = exports.attrAwareTokenEncoder = {
-  encodeCharacter: function encodeCharacter(char, _marks) {
-    return char;
+  encodeCharacter: function encodeCharacter(char, marks) {
+    return encodeCharacterWithMarks(char, marks);
   },
   encodeNodeStart: function encodeNodeStart(node) {
     var _node$attrs2;
-    var attrNames = (0, _diffableAttrs.getDiffableAttrNames)(node.type.name, (_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 ? _node$attrs2 : {});
+    // Normalise variants (e.g. `panel_c1` → `panel`) so `diffableAttrs` needs one entry.
+    var attrNames = (0, _diffableAttrs.getDiffableAttrNames)((0, _nodeTypeUtils.getBaseNodeTypeName)(node.type), (_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 ? _node$attrs2 : {});
     if (attrNames && attrNames.length > 0) {
       return encodeNodeWithAttrs(node, attrNames);
     }

package/dist/cjs/pm-plugins/calculateDiff/calculateDiffDecorations.js

@@ -322,7 +322,7 @@ var calculateDiffDecorationsInner = function calculateDiffDecorationsInner(_ref4
       var isSmartNodeLevel = diffType === 'smart' && (0, _platformFeatureFlags.fg)('platform_editor_ai_smart_diff') && (0, _helpers.smartChangeLevel)(change) === 'node';
       // For a large inserted table, skip the per-cell inline decorations that
       // freeze the browser on re-render. Only active in the AIFC experience.
-      var useCoarseTableDecoration = isSmartNodeLevel && (0, _expValEquals.expValEquals)('platform_editor_ai_new_aifc_editor_experience', 'isEnabled', true) && isLargeInsertedTableRange(tr.doc, change.fromB, change.toB);
+      var useCoarseTableDecoration = isSmartNodeLevel && (0, _expValEquals.expValEquals)('platform_editor_ai_new_aifc_editor_experience', 'isBackendReviewMomentEnabled', true) && isLargeInsertedTableRange(tr.doc, change.fromB, change.toB);
       // Whether the deleted-content widget will actually be rendered for this
       // change. Used to decide if indicator anchor positions should be adjusted
       // inward — when the widget is present the anchor must stay at the block
@@ -480,6 +480,34 @@ var calculateDiffDecorationsInner = function calculateDiffDecorationsInner(_ref4
         intl: intl,
         showIndicators: showIndicators
       })));
+      // If the original node position is known (e.g. a panel type change), also render
+      // the old block node as a "deleted" widget so the reviewer sees the before/after.
+      var isSmartNodeLevelAttrChange = diffType === 'smart' && (0, _platformFeatureFlags.fg)('platform_editor_ai_smart_diff') && (0, _expValEquals.expValEquals)('platform_editor_ai_new_aifc_editor_experience', 'isEnabled', true);
+      if (isSmartNodeLevelAttrChange && change.fromA !== undefined && change.toA !== undefined) {
+        var placeBelow = deletedDiffPlacement === 'bottom';
+        decorations.push.apply(decorations, (0, _toConsumableArray2.default)((0, _createNodeChangedDecorationWidget.createNodeChangedDecorationWidget)(_objectSpread(_objectSpread({
+          change: {
+            fromA: change.fromA,
+            toA: change.toA,
+            fromB: change.fromB,
+            toB: change.toB,
+            deleted: []
+          },
+          doc: originalDoc,
+          nodeViewSerializer: nodeViewSerializer,
+          colorScheme: colorScheme,
+          newDoc: tr.doc,
+          intl: intl,
+          activeIndexPos: activeIndexPos,
+          isInserted: false
+        }, (0, _isExtendedEnabled.isExtendedEnabled)(diffType) && {
+          diffType: diffType,
+          hideAddedDiffsUnderline: hideAddedDiffsUnderline,
+          placeBelow: placeBelow
+        }), {}, {
+          showIndicators: showIndicators
+        }))));
+      }
     }
   });
   var decorationSet = _view.DecorationSet.empty.add(tr.doc, decorations);

package/dist/cjs/pm-plugins/calculateDiff/smart/classifySmartChanges.js

@@ -542,6 +542,14 @@ var classifyContainer = function classifyContainer(blockA, blockB, changes, orig
   if (typeName === TABLE_TYPE) {
     return classifyTable(blockA, blockB, changes, originalDoc, newDoc, locale, thresholds);
   }
+
+  // Container's own markup changed (same type, differing attrs) — e.g. a panel type
+  // change. It touches no inner child, so the child-density check below would drop it.
+  // Promote the whole container to a before/after change. (Table cells take the
+  // `classifyChild` path, not this one.)
+  if (!blockA.node.sameMarkup(blockB.node)) {
+    return [wholeBlockChange(blockA, blockB, changes)];
+  }
   var childrenB = childRefs(blockB);
   var childrenA = childRefs(blockA);
   var changed = changedChildIndices(blockB, childrenB, changes);

package/dist/cjs/pm-plugins/decorations/createChangedRowDecorationWidgets.js

@@ -65,6 +65,7 @@ var extractChangedRows = function extractChangedRows(_ref) {
   // Find which rows were changed by analyzing the change range
   var changeStartInTable = change.fromA - tableOld.pos - 1;
   var changeEndInTable = change.toA - tableOld.pos - 1;
+  var edgeAttrsByOffset = (0, _isExtendedEnabled.isExtendedEnabled)(diffType) && (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && (0, _expValEquals.expValEquals)('platform_editor_table_diff_rounded_corners', 'isEnabled', true) ? (0, _tableCellEdgeAttrs.getTableTopAndBottomCellEdgeAttrs)(oldTableMap) : undefined;
   var currentOffset = 0;
   var rowIndex = 0;
   tableOld.node.content.forEach(function (rowNode) {
@@ -74,10 +75,10 @@ var extractChangedRows = function extractChangedRows(_ref) {
     // Check if this row overlaps with the deletion range
     var rowOverlapsChange = rowStart >= changeStartInTable && rowStart < changeEndInTable || rowEnd > changeStartInTable && rowEnd <= changeEndInTable || rowStart < changeStartInTable && rowEnd > changeEndInTable;
     if (rowOverlapsChange && rowNode.type.name === 'tableRow' && ((0, _isExtendedEnabled.isExtendedEnabled)(diffType) || !isEmptyRow(rowNode))) {
-      var cellEdgeAttrs = (0, _isExtendedEnabled.isExtendedEnabled)(diffType) && (0, _expValEquals.expValEquals)('platform_editor_table_q4_loveability', 'isEnabled', true) && (0, _expValEquals.expValEquals)('platform_editor_table_diff_rounded_corners', 'isEnabled', true) ? (0, _tableCellEdgeAttrs.getRowCellEdgeAttrs)({
+      var cellEdgeAttrs = edgeAttrsByOffset ? (0, _tableCellEdgeAttrs.getRowCellEdgeAttrs)({
+        edgeAttrsByOffset: edgeAttrsByOffset,
         rowNode: rowNode,
-        rowStart: rowStart,
-        tableMap: oldTableMap
+        rowStart: rowStart
       }) : undefined;
       var startOfRow = newTableMap.mapByRow.slice().reverse().find(function (row) {
         return row[0] + tableNew.pos < change.fromB && change.fromB < row[row.length - 1] + tableNew.pos;

package/dist/cjs/pm-plugins/decorations/utils/diffableAttrs.js

@@ -38,6 +38,11 @@ var DIFFABLE_ATTRS_BY_NODE_TYPE = exports.DIFFABLE_ATTRS_BY_NODE_TYPE = {
   media: {
     include: ['id', 'collection', 'url']
   },
+  // Panel: type/colour/icon change is formatting-only but reviewable. Keyed by base
+  // node type — the encoder normalises variants (e.g. `panel_c1`) to `panel` first.
+  panel: {
+    include: ['panelType', 'panelColor', 'panelIcon', 'panelIconId', 'panelIconText']
+  },
   // Extensions: any attribute change is meaningful except localId.
   extension: {
     exclude: ['localId']

package/dist/cjs/pm-plugins/decorations/utils/getAttrChangeRanges.js

@@ -8,6 +8,7 @@ exports.stepIsValidAttrChange = exports.getAttrChangeRanges = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _steps = require("@atlaskit/adf-schema/steps");
 var _deprecatedPlatformFeatureExperiments = require("@atlaskit/editor-common/deprecated-platform-feature-experiments");
+var _nodeTypeUtils = require("@atlaskit/editor-common/utils/node-type-utils");
 var _transform = require("@atlaskit/editor-prosemirror/transform");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _diffableAttrs = require("./diffableAttrs");
@@ -21,6 +22,7 @@ var filterUndefined = function filterUndefined(x) {
 var mediaAttrs = (0, _diffableAttrs.getRequiredIncludedDiffableAttrs)('media');
 var dateAttrs = (0, _diffableAttrs.getRequiredIncludedDiffableAttrs)('date');
 var taskItemAttrs = (0, _diffableAttrs.getRequiredIncludedDiffableAttrs)('taskItem');
+var panelAttrs = (0, _diffableAttrs.getRequiredIncludedDiffableAttrs)('panel');
 var emojiAttrs = (0, _diffableAttrs.getRequiredIncludedDiffableAttrs)('emoji');
 var mentionAttrs = (0, _diffableAttrs.getRequiredIncludedDiffableAttrs)('mention');
 var statusAttrs = (0, _diffableAttrs.getRequiredIncludedDiffableAttrs)('status');
@@ -107,6 +109,23 @@ var getAttrChangeRanges = exports.getAttrChangeRanges = function getAttrChangeRa
       };
     }
 
+    // panel node (incl. variants like panel_c1): type/colour/icon attribute change
+    // (e.g. note -> warning) — highlight the new panel and, when the original node
+    // is resolvable, expose its range (fromA/toA) so the caller can render the old
+    // panel as a "deleted" widget for a before/after comparison.
+    if (stepAttrs.some(function (v) {
+      return panelAttrs.includes(v);
+    }) && nodeAtPos && (0, _nodeTypeUtils.getBaseNodeTypeName)(nodeAtPos.type) === 'panel') {
+      var _originalNodeAtPos = originalDoc === null || originalDoc === void 0 ? void 0 : originalDoc.nodeAt(step.pos);
+      return _objectSpread({
+        fromB: step.pos,
+        toB: step.pos + nodeAtPos.nodeSize
+      }, _originalNodeAtPos && {
+        fromA: step.pos,
+        toA: step.pos + _originalNodeAtPos.nodeSize
+      });
+    }
+
     // extension nodes: highlight on any diffable attr change (exclude rule in shared map)
     if (nodeAtPos && extensionNodeNames.includes(nodeAtPos.type.name) && stepAttrs.some(function (v) {
       return (0, _diffableAttrs.isDiffableAttr)(nodeAtPos.type.name, v);

package/dist/cjs/pm-plugins/decorations/utils/tableCellEdgeAttrs.js

@@ -3,24 +3,46 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getRowCellEdgeAttrs = exports.applyTableCellEdgeAttrs = exports.applyCellEdgeAttrs = void 0;
+exports.getTableTopAndBottomCellEdgeAttrs = exports.getRowCellEdgeAttrs = exports.applyTableCellEdgeAttrs = exports.applyCellEdgeAttrs = void 0;
 var _tableMap = require("@atlaskit/editor-tables/table-map");
+var getTableTopAndBottomCellEdgeAttrs = exports.getTableTopAndBottomCellEdgeAttrs = function getTableTopAndBottomCellEdgeAttrs(tableMap) {
+  var edgeAttrsByOffset = new Map();
+  var addLogicalRow = function addLogicalRow(offsets, edge) {
+    offsets.forEach(function (offset, columnIndex) {
+      var _edgeAttrsByOffset$ge;
+      var edgeAttrs = (_edgeAttrsByOffset$ge = edgeAttrsByOffset.get(offset)) !== null && _edgeAttrsByOffset$ge !== void 0 ? _edgeAttrsByOffset$ge : {
+        reachesBottom: false,
+        reachesLeft: false,
+        reachesRight: false,
+        reachesTop: false
+      };
+      edgeAttrs.reachesBottom || (edgeAttrs.reachesBottom = edge === 'bottom');
+      edgeAttrs.reachesLeft || (edgeAttrs.reachesLeft = columnIndex === 0);
+      edgeAttrs.reachesRight || (edgeAttrs.reachesRight = columnIndex === tableMap.width - 1);
+      edgeAttrs.reachesTop || (edgeAttrs.reachesTop = edge === 'top');
+      edgeAttrsByOffset.set(offset, edgeAttrs);
+    });
+  };
+  var topRow = tableMap.mapByRow[0];
+  var bottomRow = tableMap.mapByRow[tableMap.height - 1];
+  if (topRow) {
+    addLogicalRow(topRow, 'top');
+  }
+  if (bottomRow) {
+    addLogicalRow(bottomRow, 'bottom');
+  }
+  return edgeAttrsByOffset;
+};
 var getRowCellEdgeAttrs = exports.getRowCellEdgeAttrs = function getRowCellEdgeAttrs(_ref) {
-  var rowNode = _ref.rowNode,
-    rowStart = _ref.rowStart,
-    tableMap = _ref.tableMap;
+  var edgeAttrsByOffset = _ref.edgeAttrsByOffset,
+    rowNode = _ref.rowNode,
+    rowStart = _ref.rowStart;
   var cellEdgeAttrs = [];
   rowNode.content.forEach(function (cellNode, cellOffset) {
     if (cellNode.type.name !== 'tableCell' && cellNode.type.name !== 'tableHeader') {
       return;
     }
-    var cellRect = tableMap.findCell(rowStart + 1 + cellOffset);
-    cellEdgeAttrs.push({
-      reachesBottom: cellRect.bottom >= tableMap.height,
-      reachesLeft: cellRect.left === 0,
-      reachesRight: cellRect.right >= tableMap.width,
-      reachesTop: cellRect.top === 0
-    });
+    cellEdgeAttrs.push(edgeAttrsByOffset.get(rowStart + 1 + cellOffset));
   });
   return cellEdgeAttrs;
 };
@@ -53,20 +75,25 @@ var applyTableCellEdgeAttrs = exports.applyTableCellEdgeAttrs = function applyTa
     var cells = Array.from(table.rows).flatMap(function (row) {
       return Array.from(row.cells);
     });
+    var cellsByOffset = new Map();
     var cellIndex = 0;
     tableNode.content.forEach(function (rowNode, rowStart) {
-      getRowCellEdgeAttrs({
-        rowNode: rowNode,
-        rowStart: rowStart,
-        tableMap: tableMap
-      }).forEach(function (edgeAttrs) {
-        var cell = cells[cellIndex];
-        cellIndex++;
-        if (cell) {
-          applyCellEdgeAttrs(cell, edgeAttrs);
+      rowNode.content.forEach(function (cellNode, cellOffset) {
+        if (cellNode.type.name === 'tableCell' || cellNode.type.name === 'tableHeader') {
+          var cell = cells[cellIndex];
+          cellIndex++;
+          if (cell) {
+            cellsByOffset.set(rowStart + 1 + cellOffset, cell);
+          }
         }
       });
     });
+    getTableTopAndBottomCellEdgeAttrs(tableMap).forEach(function (edgeAttrs, offset) {
+      var cell = cellsByOffset.get(offset);
+      if (cell) {
+        applyCellEdgeAttrs(cell, edgeAttrs);
+      }
+    });
   } catch (_unused) {
     // Table structure can be transient while widget DOM is being assembled.
   }

package/dist/es2019/pm-plugins/calculateDiff/attrAwareTokenEncoder.js

@@ -1,3 +1,4 @@
+import { getBaseNodeTypeName } from '@atlaskit/editor-common/utils/node-type-utils';
 import { getDiffableAttrNames } from '../decorations/utils/diffableAttrs';
 
 /**
@@ -19,13 +20,36 @@ const encodeNodeWithAttrs = (node, attrNames) => {
   return `${node.type.name}|${parts.join('|')}`;
 };
 
+// Fold a character's marks (type + attrs) into its token so a formatting-only change
+// (bold/italic/link/colour, or a link whose `href` changes) registers as a real diff.
+// The default encoder returns just the char code, so marked and unmarked text tokenise
+// identically. Marks and their attrs are sorted so the token is order-independent.
+const encodeCharacterWithMarks = (char, marks) => {
+  if (marks.length === 0) {
+    // Fast path: unmarked text keeps the numeric char code (unchanged behaviour).
+    return char;
+  }
+  const markKey = marks.map(mark => {
+    var _mark$attrs;
+    const attrs = (_mark$attrs = mark.attrs) !== null && _mark$attrs !== void 0 ? _mark$attrs : {};
+    const attrParts = Object.keys(attrs).sort().map(key => {
+      var _attrs$key;
+      return `${key}=${JSON.stringify((_attrs$key = attrs[key]) !== null && _attrs$key !== void 0 ? _attrs$key : null)}`;
+    });
+    return attrParts.length > 0 ? `${mark.type.name}(${attrParts.join(',')})` : mark.type.name;
+  }).sort().join('&');
+  return `${char}\u0000${markKey}`;
+};
+
 // Like the library default, but node types with a `diffableAttrs` rule fold their
-// attrs into the open token. Chars/node-end are unchanged, hence `string | number`.
+// attrs into the open token, and text characters fold in their marks. Node-end is
+// unchanged, hence `string | number`.
 export const attrAwareTokenEncoder = {
-  encodeCharacter: (char, _marks) => char,
+  encodeCharacter: (char, marks) => encodeCharacterWithMarks(char, marks),
   encodeNodeStart: node => {
     var _node$attrs2;
-    const attrNames = getDiffableAttrNames(node.type.name, (_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 ? _node$attrs2 : {});
+    // Normalise variants (e.g. `panel_c1` → `panel`) so `diffableAttrs` needs one entry.
+    const attrNames = getDiffableAttrNames(getBaseNodeTypeName(node.type), (_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 ? _node$attrs2 : {});
     if (attrNames && attrNames.length > 0) {
       return encodeNodeWithAttrs(node, attrNames);
     }

package/dist/es2019/pm-plugins/calculateDiff/calculateDiffDecorations.js

@@ -295,7 +295,7 @@ const calculateDiffDecorationsInner = ({
       const isSmartNodeLevel = diffType === 'smart' && fg('platform_editor_ai_smart_diff') && smartChangeLevel(change) === 'node';
       // For a large inserted table, skip the per-cell inline decorations that
       // freeze the browser on re-render. Only active in the AIFC experience.
-      const useCoarseTableDecoration = isSmartNodeLevel && expValEquals('platform_editor_ai_new_aifc_editor_experience', 'isEnabled', true) && isLargeInsertedTableRange(tr.doc, change.fromB, change.toB);
+      const useCoarseTableDecoration = isSmartNodeLevel && expValEquals('platform_editor_ai_new_aifc_editor_experience', 'isBackendReviewMomentEnabled', true) && isLargeInsertedTableRange(tr.doc, change.fromB, change.toB);
       // Whether the deleted-content widget will actually be rendered for this
       // change. Used to decide if indicator anchor positions should be adjusted
       // inward — when the widget is present the anchor must stay at the block
@@ -440,6 +440,34 @@ const calculateDiffDecorationsInner = ({
         intl,
         showIndicators
       }));
+      // If the original node position is known (e.g. a panel type change), also render
+      // the old block node as a "deleted" widget so the reviewer sees the before/after.
+      const isSmartNodeLevelAttrChange = diffType === 'smart' && fg('platform_editor_ai_smart_diff') && expValEquals('platform_editor_ai_new_aifc_editor_experience', 'isEnabled', true);
+      if (isSmartNodeLevelAttrChange && change.fromA !== undefined && change.toA !== undefined) {
+        const placeBelow = deletedDiffPlacement === 'bottom';
+        decorations.push(...createNodeChangedDecorationWidget({
+          change: {
+            fromA: change.fromA,
+            toA: change.toA,
+            fromB: change.fromB,
+            toB: change.toB,
+            deleted: []
+          },
+          doc: originalDoc,
+          nodeViewSerializer,
+          colorScheme,
+          newDoc: tr.doc,
+          intl,
+          activeIndexPos,
+          isInserted: false,
+          ...(isExtendedEnabled(diffType) && {
+            diffType,
+            hideAddedDiffsUnderline,
+            placeBelow
+          }),
+          showIndicators
+        }));
+      }
     }
   });
   const decorationSet = DecorationSet.empty.add(tr.doc, decorations);

package/dist/es2019/pm-plugins/calculateDiff/smart/classifySmartChanges.js

@@ -462,6 +462,14 @@ const classifyContainer = (blockA, blockB, changes, originalDoc, newDoc, locale,
   if (typeName === TABLE_TYPE) {
     return classifyTable(blockA, blockB, changes, originalDoc, newDoc, locale, thresholds);
   }
+
+  // Container's own markup changed (same type, differing attrs) — e.g. a panel type
+  // change. It touches no inner child, so the child-density check below would drop it.
+  // Promote the whole container to a before/after change. (Table cells take the
+  // `classifyChild` path, not this one.)
+  if (!blockA.node.sameMarkup(blockB.node)) {
+    return [wholeBlockChange(blockA, blockB, changes)];
+  }
   const childrenB = childRefs(blockB);
   const childrenA = childRefs(blockA);
   const changed = changedChildIndices(blockB, childrenB, changes);

package/dist/es2019/pm-plugins/decorations/createChangedRowDecorationWidgets.js

@@ -10,7 +10,7 @@ import { colorSchemeRegistry } from './colorSchemes/schemes';
 import { resolveCellOverlayStyleLegacy, resolveDeletedRowStyleLegacy } from './createChangedRowDecorationWidgets.styles.legacy';
 import { buildDiffDecorationSpec } from './decorationKeys';
 import { findSafeInsertPos } from './utils/findSafeInsertPos';
-import { applyCellEdgeAttrs, getRowCellEdgeAttrs } from './utils/tableCellEdgeAttrs';
+import { applyCellEdgeAttrs, getRowCellEdgeAttrs, getTableTopAndBottomCellEdgeAttrs } from './utils/tableCellEdgeAttrs';
 const DEFAULT_COLOR_SCHEME = 'standard';
 /**
  * Extracts information about deleted table rows from a change
@@ -48,6 +48,7 @@ const extractChangedRows = ({
   // Find which rows were changed by analyzing the change range
   const changeStartInTable = change.fromA - tableOld.pos - 1;
   const changeEndInTable = change.toA - tableOld.pos - 1;
+  const edgeAttrsByOffset = isExtendedEnabled(diffType) && expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && expValEquals('platform_editor_table_diff_rounded_corners', 'isEnabled', true) ? getTableTopAndBottomCellEdgeAttrs(oldTableMap) : undefined;
   let currentOffset = 0;
   let rowIndex = 0;
   tableOld.node.content.forEach(rowNode => {
@@ -57,10 +58,10 @@ const extractChangedRows = ({
     // Check if this row overlaps with the deletion range
     const rowOverlapsChange = rowStart >= changeStartInTable && rowStart < changeEndInTable || rowEnd > changeStartInTable && rowEnd <= changeEndInTable || rowStart < changeStartInTable && rowEnd > changeEndInTable;
     if (rowOverlapsChange && rowNode.type.name === 'tableRow' && (isExtendedEnabled(diffType) || !isEmptyRow(rowNode))) {
-      const cellEdgeAttrs = isExtendedEnabled(diffType) && expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && expValEquals('platform_editor_table_diff_rounded_corners', 'isEnabled', true) ? getRowCellEdgeAttrs({
+      const cellEdgeAttrs = edgeAttrsByOffset ? getRowCellEdgeAttrs({
+        edgeAttrsByOffset,
         rowNode,
-        rowStart,
-        tableMap: oldTableMap
+        rowStart
       }) : undefined;
       const startOfRow = newTableMap.mapByRow.slice().reverse().find(row => row[0] + tableNew.pos < change.fromB && change.fromB < row[row.length - 1] + tableNew.pos);
       changedRows.push({

package/dist/es2019/pm-plugins/decorations/utils/diffableAttrs.js

@@ -32,6 +32,11 @@ export const DIFFABLE_ATTRS_BY_NODE_TYPE = {
   media: {
     include: ['id', 'collection', 'url']
   },
+  // Panel: type/colour/icon change is formatting-only but reviewable. Keyed by base
+  // node type — the encoder normalises variants (e.g. `panel_c1`) to `panel` first.
+  panel: {
+    include: ['panelType', 'panelColor', 'panelIcon', 'panelIconId', 'panelIconText']
+  },
   // Extensions: any attribute change is meaningful except localId.
   extension: {
     exclude: ['localId']

package/dist/es2019/pm-plugins/decorations/utils/getAttrChangeRanges.js

@@ -1,5 +1,6 @@
 import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
 import { isExperimentEnabled } from '@atlaskit/editor-common/deprecated-platform-feature-experiments';
+import { getBaseNodeTypeName } from '@atlaskit/editor-common/utils/node-type-utils';
 import { AttrStep } from '@atlaskit/editor-prosemirror/transform';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getRequiredIncludedDiffableAttrs, isDiffableAttr } from './diffableAttrs';
@@ -9,6 +10,7 @@ const filterUndefined = x => !!x;
 const mediaAttrs = getRequiredIncludedDiffableAttrs('media');
 const dateAttrs = getRequiredIncludedDiffableAttrs('date');
 const taskItemAttrs = getRequiredIncludedDiffableAttrs('taskItem');
+const panelAttrs = getRequiredIncludedDiffableAttrs('panel');
 const emojiAttrs = getRequiredIncludedDiffableAttrs('emoji');
 const mentionAttrs = getRequiredIncludedDiffableAttrs('mention');
 const statusAttrs = getRequiredIncludedDiffableAttrs('status');
@@ -84,6 +86,22 @@ export const getAttrChangeRanges = (doc, steps, originalDoc) => {
       };
     }
 
+    // panel node (incl. variants like panel_c1): type/colour/icon attribute change
+    // (e.g. note -> warning) — highlight the new panel and, when the original node
+    // is resolvable, expose its range (fromA/toA) so the caller can render the old
+    // panel as a "deleted" widget for a before/after comparison.
+    if (stepAttrs.some(v => panelAttrs.includes(v)) && nodeAtPos && getBaseNodeTypeName(nodeAtPos.type) === 'panel') {
+      const originalNodeAtPos = originalDoc === null || originalDoc === void 0 ? void 0 : originalDoc.nodeAt(step.pos);
+      return {
+        fromB: step.pos,
+        toB: step.pos + nodeAtPos.nodeSize,
+        ...(originalNodeAtPos && {
+          fromA: step.pos,
+          toA: step.pos + originalNodeAtPos.nodeSize
+        })
+      };
+    }
+
     // extension nodes: highlight on any diffable attr change (exclude rule in shared map)
     if (nodeAtPos && extensionNodeNames.includes(nodeAtPos.type.name) && stepAttrs.some(v => isDiffableAttr(nodeAtPos.type.name, v))) {
       const isInline = nodeAtPos.type.name === 'inlineExtension';

package/dist/es2019/pm-plugins/decorations/utils/tableCellEdgeAttrs.js

@@ -1,21 +1,43 @@
 import { TableMap } from '@atlaskit/editor-tables/table-map';
+export const getTableTopAndBottomCellEdgeAttrs = tableMap => {
+  const edgeAttrsByOffset = new Map();
+  const addLogicalRow = (offsets, edge) => {
+    offsets.forEach((offset, columnIndex) => {
+      var _edgeAttrsByOffset$ge;
+      const edgeAttrs = (_edgeAttrsByOffset$ge = edgeAttrsByOffset.get(offset)) !== null && _edgeAttrsByOffset$ge !== void 0 ? _edgeAttrsByOffset$ge : {
+        reachesBottom: false,
+        reachesLeft: false,
+        reachesRight: false,
+        reachesTop: false
+      };
+      edgeAttrs.reachesBottom ||= edge === 'bottom';
+      edgeAttrs.reachesLeft ||= columnIndex === 0;
+      edgeAttrs.reachesRight ||= columnIndex === tableMap.width - 1;
+      edgeAttrs.reachesTop ||= edge === 'top';
+      edgeAttrsByOffset.set(offset, edgeAttrs);
+    });
+  };
+  const topRow = tableMap.mapByRow[0];
+  const bottomRow = tableMap.mapByRow[tableMap.height - 1];
+  if (topRow) {
+    addLogicalRow(topRow, 'top');
+  }
+  if (bottomRow) {
+    addLogicalRow(bottomRow, 'bottom');
+  }
+  return edgeAttrsByOffset;
+};
 export const getRowCellEdgeAttrs = ({
+  edgeAttrsByOffset,
   rowNode,
-  rowStart,
-  tableMap
+  rowStart
 }) => {
   const cellEdgeAttrs = [];
   rowNode.content.forEach((cellNode, cellOffset) => {
     if (cellNode.type.name !== 'tableCell' && cellNode.type.name !== 'tableHeader') {
       return;
     }
-    const cellRect = tableMap.findCell(rowStart + 1 + cellOffset);
-    cellEdgeAttrs.push({
-      reachesBottom: cellRect.bottom >= tableMap.height,
-      reachesLeft: cellRect.left === 0,
-      reachesRight: cellRect.right >= tableMap.width,
-      reachesTop: cellRect.top === 0
-    });
+    cellEdgeAttrs.push(edgeAttrsByOffset.get(rowStart + 1 + cellOffset));
   });
   return cellEdgeAttrs;
 };
@@ -47,20 +69,25 @@ export const applyTableCellEdgeAttrs = ({
     }
     const tableMap = TableMap.get(tableNode);
     const cells = Array.from(table.rows).flatMap(row => Array.from(row.cells));
+    const cellsByOffset = new Map();
     let cellIndex = 0;
     tableNode.content.forEach((rowNode, rowStart) => {
-      getRowCellEdgeAttrs({
-        rowNode,
-        rowStart,
-        tableMap
-      }).forEach(edgeAttrs => {
-        const cell = cells[cellIndex];
-        cellIndex++;
-        if (cell) {
-          applyCellEdgeAttrs(cell, edgeAttrs);
+      rowNode.content.forEach((cellNode, cellOffset) => {
+        if (cellNode.type.name === 'tableCell' || cellNode.type.name === 'tableHeader') {
+          const cell = cells[cellIndex];
+          cellIndex++;
+          if (cell) {
+            cellsByOffset.set(rowStart + 1 + cellOffset, cell);
+          }
         }
       });
     });
+    getTableTopAndBottomCellEdgeAttrs(tableMap).forEach((edgeAttrs, offset) => {
+      const cell = cellsByOffset.get(offset);
+      if (cell) {
+        applyCellEdgeAttrs(cell, edgeAttrs);
+      }
+    });
   } catch {
     // Table structure can be transient while widget DOM is being assembled.
   }

package/dist/esm/pm-plugins/calculateDiff/attrAwareTokenEncoder.js

@@ -1,3 +1,4 @@
+import { getBaseNodeTypeName } from '@atlaskit/editor-common/utils/node-type-utils';
 import { getDiffableAttrNames } from '../decorations/utils/diffableAttrs';
 
 /**
@@ -19,15 +20,38 @@ var encodeNodeWithAttrs = function encodeNodeWithAttrs(node, attrNames) {
   return "".concat(node.type.name, "|").concat(parts.join('|'));
 };
 
+// Fold a character's marks (type + attrs) into its token so a formatting-only change
+// (bold/italic/link/colour, or a link whose `href` changes) registers as a real diff.
+// The default encoder returns just the char code, so marked and unmarked text tokenise
+// identically. Marks and their attrs are sorted so the token is order-independent.
+var encodeCharacterWithMarks = function encodeCharacterWithMarks(char, marks) {
+  if (marks.length === 0) {
+    // Fast path: unmarked text keeps the numeric char code (unchanged behaviour).
+    return char;
+  }
+  var markKey = marks.map(function (mark) {
+    var _mark$attrs;
+    var attrs = (_mark$attrs = mark.attrs) !== null && _mark$attrs !== void 0 ? _mark$attrs : {};
+    var attrParts = Object.keys(attrs).sort().map(function (key) {
+      var _attrs$key;
+      return "".concat(key, "=").concat(JSON.stringify((_attrs$key = attrs[key]) !== null && _attrs$key !== void 0 ? _attrs$key : null));
+    });
+    return attrParts.length > 0 ? "".concat(mark.type.name, "(").concat(attrParts.join(','), ")") : mark.type.name;
+  }).sort().join('&');
+  return "".concat(char, "\0").concat(markKey);
+};
+
 // Like the library default, but node types with a `diffableAttrs` rule fold their
-// attrs into the open token. Chars/node-end are unchanged, hence `string | number`.
+// attrs into the open token, and text characters fold in their marks. Node-end is
+// unchanged, hence `string | number`.
 export var attrAwareTokenEncoder = {
-  encodeCharacter: function encodeCharacter(char, _marks) {
-    return char;
+  encodeCharacter: function encodeCharacter(char, marks) {
+    return encodeCharacterWithMarks(char, marks);
   },
   encodeNodeStart: function encodeNodeStart(node) {
     var _node$attrs2;
-    var attrNames = getDiffableAttrNames(node.type.name, (_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 ? _node$attrs2 : {});
+    // Normalise variants (e.g. `panel_c1` → `panel`) so `diffableAttrs` needs one entry.
+    var attrNames = getDiffableAttrNames(getBaseNodeTypeName(node.type), (_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 ? _node$attrs2 : {});
     if (attrNames && attrNames.length > 0) {
       return encodeNodeWithAttrs(node, attrNames);
     }

package/dist/esm/pm-plugins/calculateDiff/calculateDiffDecorations.js

@@ -315,7 +315,7 @@ var calculateDiffDecorationsInner = function calculateDiffDecorationsInner(_ref4
       var isSmartNodeLevel = diffType === 'smart' && fg('platform_editor_ai_smart_diff') && smartChangeLevel(change) === 'node';
       // For a large inserted table, skip the per-cell inline decorations that
       // freeze the browser on re-render. Only active in the AIFC experience.
-      var useCoarseTableDecoration = isSmartNodeLevel && expValEquals('platform_editor_ai_new_aifc_editor_experience', 'isEnabled', true) && isLargeInsertedTableRange(tr.doc, change.fromB, change.toB);
+      var useCoarseTableDecoration = isSmartNodeLevel && expValEquals('platform_editor_ai_new_aifc_editor_experience', 'isBackendReviewMomentEnabled', true) && isLargeInsertedTableRange(tr.doc, change.fromB, change.toB);
       // Whether the deleted-content widget will actually be rendered for this
       // change. Used to decide if indicator anchor positions should be adjusted
       // inward — when the widget is present the anchor must stay at the block
@@ -473,6 +473,34 @@ var calculateDiffDecorationsInner = function calculateDiffDecorationsInner(_ref4
         intl: intl,
         showIndicators: showIndicators
       })));
+      // If the original node position is known (e.g. a panel type change), also render
+      // the old block node as a "deleted" widget so the reviewer sees the before/after.
+      var isSmartNodeLevelAttrChange = diffType === 'smart' && fg('platform_editor_ai_smart_diff') && expValEquals('platform_editor_ai_new_aifc_editor_experience', 'isEnabled', true);
+      if (isSmartNodeLevelAttrChange && change.fromA !== undefined && change.toA !== undefined) {
+        var placeBelow = deletedDiffPlacement === 'bottom';
+        decorations.push.apply(decorations, _toConsumableArray(createNodeChangedDecorationWidget(_objectSpread(_objectSpread({
+          change: {
+            fromA: change.fromA,
+            toA: change.toA,
+            fromB: change.fromB,
+            toB: change.toB,
+            deleted: []
+          },
+          doc: originalDoc,
+          nodeViewSerializer: nodeViewSerializer,
+          colorScheme: colorScheme,
+          newDoc: tr.doc,
+          intl: intl,
+          activeIndexPos: activeIndexPos,
+          isInserted: false
+        }, isExtendedEnabled(diffType) && {
+          diffType: diffType,
+          hideAddedDiffsUnderline: hideAddedDiffsUnderline,
+          placeBelow: placeBelow
+        }), {}, {
+          showIndicators: showIndicators
+        }))));
+      }
     }
   });
   var decorationSet = DecorationSet.empty.add(tr.doc, decorations);

package/dist/esm/pm-plugins/calculateDiff/smart/classifySmartChanges.js

@@ -535,6 +535,14 @@ var classifyContainer = function classifyContainer(blockA, blockB, changes, orig
   if (typeName === TABLE_TYPE) {
     return classifyTable(blockA, blockB, changes, originalDoc, newDoc, locale, thresholds);
   }
+
+  // Container's own markup changed (same type, differing attrs) — e.g. a panel type
+  // change. It touches no inner child, so the child-density check below would drop it.
+  // Promote the whole container to a before/after change. (Table cells take the
+  // `classifyChild` path, not this one.)
+  if (!blockA.node.sameMarkup(blockB.node)) {
+    return [wholeBlockChange(blockA, blockB, changes)];
+  }
   var childrenB = childRefs(blockB);
   var childrenA = childRefs(blockA);
   var changed = changedChildIndices(blockB, childrenB, changes);

package/dist/esm/pm-plugins/decorations/createChangedRowDecorationWidgets.js

@@ -17,7 +17,7 @@ import { colorSchemeRegistry } from './colorSchemes/schemes';
 import { resolveCellOverlayStyleLegacy, resolveDeletedRowStyleLegacy } from './createChangedRowDecorationWidgets.styles.legacy';
 import { buildDiffDecorationSpec } from './decorationKeys';
 import { findSafeInsertPos } from './utils/findSafeInsertPos';
-import { applyCellEdgeAttrs, getRowCellEdgeAttrs } from './utils/tableCellEdgeAttrs';
+import { applyCellEdgeAttrs, getRowCellEdgeAttrs, getTableTopAndBottomCellEdgeAttrs } from './utils/tableCellEdgeAttrs';
 var DEFAULT_COLOR_SCHEME = 'standard';
 /**
  * Extracts information about deleted table rows from a change
@@ -58,6 +58,7 @@ var extractChangedRows = function extractChangedRows(_ref) {
   // Find which rows were changed by analyzing the change range
   var changeStartInTable = change.fromA - tableOld.pos - 1;
   var changeEndInTable = change.toA - tableOld.pos - 1;
+  var edgeAttrsByOffset = isExtendedEnabled(diffType) && expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && expValEquals('platform_editor_table_diff_rounded_corners', 'isEnabled', true) ? getTableTopAndBottomCellEdgeAttrs(oldTableMap) : undefined;
   var currentOffset = 0;
   var rowIndex = 0;
   tableOld.node.content.forEach(function (rowNode) {
@@ -67,10 +68,10 @@ var extractChangedRows = function extractChangedRows(_ref) {
     // Check if this row overlaps with the deletion range
     var rowOverlapsChange = rowStart >= changeStartInTable && rowStart < changeEndInTable || rowEnd > changeStartInTable && rowEnd <= changeEndInTable || rowStart < changeStartInTable && rowEnd > changeEndInTable;
     if (rowOverlapsChange && rowNode.type.name === 'tableRow' && (isExtendedEnabled(diffType) || !isEmptyRow(rowNode))) {
-      var cellEdgeAttrs = isExtendedEnabled(diffType) && expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && expValEquals('platform_editor_table_diff_rounded_corners', 'isEnabled', true) ? getRowCellEdgeAttrs({
+      var cellEdgeAttrs = edgeAttrsByOffset ? getRowCellEdgeAttrs({
+        edgeAttrsByOffset: edgeAttrsByOffset,
         rowNode: rowNode,
-        rowStart: rowStart,
-        tableMap: oldTableMap
+        rowStart: rowStart
       }) : undefined;
       var startOfRow = newTableMap.mapByRow.slice().reverse().find(function (row) {
         return row[0] + tableNew.pos < change.fromB && change.fromB < row[row.length - 1] + tableNew.pos;

package/dist/esm/pm-plugins/decorations/utils/diffableAttrs.js

@@ -32,6 +32,11 @@ export var DIFFABLE_ATTRS_BY_NODE_TYPE = {
   media: {
     include: ['id', 'collection', 'url']
   },
+  // Panel: type/colour/icon change is formatting-only but reviewable. Keyed by base
+  // node type — the encoder normalises variants (e.g. `panel_c1`) to `panel` first.
+  panel: {
+    include: ['panelType', 'panelColor', 'panelIcon', 'panelIconId', 'panelIconText']
+  },
   // Extensions: any attribute change is meaningful except localId.
   extension: {
     exclude: ['localId']

package/dist/esm/pm-plugins/decorations/utils/getAttrChangeRanges.js

@@ -3,6 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 { SetAttrsStep } from '@atlaskit/adf-schema/steps';
 import { isExperimentEnabled } from '@atlaskit/editor-common/deprecated-platform-feature-experiments';
+import { getBaseNodeTypeName } from '@atlaskit/editor-common/utils/node-type-utils';
 import { AttrStep } from '@atlaskit/editor-prosemirror/transform';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getRequiredIncludedDiffableAttrs, isDiffableAttr } from './diffableAttrs';
@@ -14,6 +15,7 @@ var filterUndefined = function filterUndefined(x) {
 var mediaAttrs = getRequiredIncludedDiffableAttrs('media');
 var dateAttrs = getRequiredIncludedDiffableAttrs('date');
 var taskItemAttrs = getRequiredIncludedDiffableAttrs('taskItem');
+var panelAttrs = getRequiredIncludedDiffableAttrs('panel');
 var emojiAttrs = getRequiredIncludedDiffableAttrs('emoji');
 var mentionAttrs = getRequiredIncludedDiffableAttrs('mention');
 var statusAttrs = getRequiredIncludedDiffableAttrs('status');
@@ -100,6 +102,23 @@ export var getAttrChangeRanges = function getAttrChangeRanges(doc, steps, origin
       };
     }
 
+    // panel node (incl. variants like panel_c1): type/colour/icon attribute change
+    // (e.g. note -> warning) — highlight the new panel and, when the original node
+    // is resolvable, expose its range (fromA/toA) so the caller can render the old
+    // panel as a "deleted" widget for a before/after comparison.
+    if (stepAttrs.some(function (v) {
+      return panelAttrs.includes(v);
+    }) && nodeAtPos && getBaseNodeTypeName(nodeAtPos.type) === 'panel') {
+      var _originalNodeAtPos = originalDoc === null || originalDoc === void 0 ? void 0 : originalDoc.nodeAt(step.pos);
+      return _objectSpread({
+        fromB: step.pos,
+        toB: step.pos + nodeAtPos.nodeSize
+      }, _originalNodeAtPos && {
+        fromA: step.pos,
+        toA: step.pos + _originalNodeAtPos.nodeSize
+      });
+    }
+
     // extension nodes: highlight on any diffable attr change (exclude rule in shared map)
     if (nodeAtPos && extensionNodeNames.includes(nodeAtPos.type.name) && stepAttrs.some(function (v) {
       return isDiffableAttr(nodeAtPos.type.name, v);

package/dist/esm/pm-plugins/decorations/utils/tableCellEdgeAttrs.js

@@ -1,20 +1,42 @@
 import { TableMap } from '@atlaskit/editor-tables/table-map';
+export var getTableTopAndBottomCellEdgeAttrs = function getTableTopAndBottomCellEdgeAttrs(tableMap) {
+  var edgeAttrsByOffset = new Map();
+  var addLogicalRow = function addLogicalRow(offsets, edge) {
+    offsets.forEach(function (offset, columnIndex) {
+      var _edgeAttrsByOffset$ge;
+      var edgeAttrs = (_edgeAttrsByOffset$ge = edgeAttrsByOffset.get(offset)) !== null && _edgeAttrsByOffset$ge !== void 0 ? _edgeAttrsByOffset$ge : {
+        reachesBottom: false,
+        reachesLeft: false,
+        reachesRight: false,
+        reachesTop: false
+      };
+      edgeAttrs.reachesBottom || (edgeAttrs.reachesBottom = edge === 'bottom');
+      edgeAttrs.reachesLeft || (edgeAttrs.reachesLeft = columnIndex === 0);
+      edgeAttrs.reachesRight || (edgeAttrs.reachesRight = columnIndex === tableMap.width - 1);
+      edgeAttrs.reachesTop || (edgeAttrs.reachesTop = edge === 'top');
+      edgeAttrsByOffset.set(offset, edgeAttrs);
+    });
+  };
+  var topRow = tableMap.mapByRow[0];
+  var bottomRow = tableMap.mapByRow[tableMap.height - 1];
+  if (topRow) {
+    addLogicalRow(topRow, 'top');
+  }
+  if (bottomRow) {
+    addLogicalRow(bottomRow, 'bottom');
+  }
+  return edgeAttrsByOffset;
+};
 export var getRowCellEdgeAttrs = function getRowCellEdgeAttrs(_ref) {
-  var rowNode = _ref.rowNode,
-    rowStart = _ref.rowStart,
-    tableMap = _ref.tableMap;
+  var edgeAttrsByOffset = _ref.edgeAttrsByOffset,
+    rowNode = _ref.rowNode,
+    rowStart = _ref.rowStart;
   var cellEdgeAttrs = [];
   rowNode.content.forEach(function (cellNode, cellOffset) {
     if (cellNode.type.name !== 'tableCell' && cellNode.type.name !== 'tableHeader') {
       return;
     }
-    var cellRect = tableMap.findCell(rowStart + 1 + cellOffset);
-    cellEdgeAttrs.push({
-      reachesBottom: cellRect.bottom >= tableMap.height,
-      reachesLeft: cellRect.left === 0,
-      reachesRight: cellRect.right >= tableMap.width,
-      reachesTop: cellRect.top === 0
-    });
+    cellEdgeAttrs.push(edgeAttrsByOffset.get(rowStart + 1 + cellOffset));
   });
   return cellEdgeAttrs;
 };
@@ -47,20 +69,25 @@ export var applyTableCellEdgeAttrs = function applyTableCellEdgeAttrs(_ref2) {
     var cells = Array.from(table.rows).flatMap(function (row) {
       return Array.from(row.cells);
     });
+    var cellsByOffset = new Map();
     var cellIndex = 0;
     tableNode.content.forEach(function (rowNode, rowStart) {
-      getRowCellEdgeAttrs({
-        rowNode: rowNode,
-        rowStart: rowStart,
-        tableMap: tableMap
-      }).forEach(function (edgeAttrs) {
-        var cell = cells[cellIndex];
-        cellIndex++;
-        if (cell) {
-          applyCellEdgeAttrs(cell, edgeAttrs);
+      rowNode.content.forEach(function (cellNode, cellOffset) {
+        if (cellNode.type.name === 'tableCell' || cellNode.type.name === 'tableHeader') {
+          var cell = cells[cellIndex];
+          cellIndex++;
+          if (cell) {
+            cellsByOffset.set(rowStart + 1 + cellOffset, cell);
+          }
         }
       });
     });
+    getTableTopAndBottomCellEdgeAttrs(tableMap).forEach(function (edgeAttrs, offset) {
+      var cell = cellsByOffset.get(offset);
+      if (cell) {
+        applyCellEdgeAttrs(cell, edgeAttrs);
+      }
+    });
   } catch (_unused) {
     // Table structure can be transient while widget DOM is being assembled.
   }

package/dist/types/pm-plugins/decorations/utils/tableCellEdgeAttrs.d.ts

@@ -6,11 +6,12 @@ export type CellEdgeAttrs = {
     reachesRight: boolean;
     reachesTop: boolean;
 };
-export declare const getRowCellEdgeAttrs: ({ rowNode, rowStart, tableMap, }: {
+export declare const getTableTopAndBottomCellEdgeAttrs: (tableMap: TableMap) => Map<number, CellEdgeAttrs>;
+export declare const getRowCellEdgeAttrs: ({ edgeAttrsByOffset, rowNode, rowStart, }: {
+    edgeAttrsByOffset: ReadonlyMap<number, CellEdgeAttrs>;
     rowNode: PMNode;
     rowStart: number;
-    tableMap: TableMap;
-}) => CellEdgeAttrs[];
+}) => Array<CellEdgeAttrs | undefined>;
 export declare const applyCellEdgeAttrs: (cell: HTMLElement, edgeAttrs?: CellEdgeAttrs) => void;
 export declare const applyTableCellEdgeAttrs: ({ element, tableNode, }: {
     element: HTMLElement;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-show-diff",
-	"version": "13.1.4",
+	"version": "13.1.6",
 	"description": "ShowDiff plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -28,8 +28,8 @@
 		"@atlaskit/editor-tables": "^3.0.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
-		"@atlaskit/tmp-editor-statsig": "^155.0.0",
-		"@atlaskit/tokens": "^16.7.0",
+		"@atlaskit/tmp-editor-statsig": "^157.0.0",
+		"@atlaskit/tokens": "^16.8.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
 		"lodash": "^4.17.21",
@@ -38,15 +38,15 @@
 	},
 	"devDependencies": {
 		"@atlaskit/adf-utils": "^20.7.0",
-		"@atlaskit/button": "^25.1.0",
+		"@atlaskit/button": "^25.2.0",
 		"@atlaskit/css": "^1.0.0",
-		"@atlaskit/dropdown-menu": "^18.1.0",
-		"@atlaskit/editor-core": "^224.2.0",
-		"@atlaskit/editor-json-transformer": "^9.4.0",
-		"@atlaskit/form": "^17.0.0",
-		"@atlaskit/primitives": "^22.3.0",
-		"@atlaskit/section-message": "^10.0.0",
-		"@atlaskit/textarea": "^10.0.0",
+		"@atlaskit/dropdown-menu": "^18.2.0",
+		"@atlaskit/editor-core": "^224.3.0",
+		"@atlaskit/editor-json-transformer": "^9.6.0",
+		"@atlaskit/form": "^17.1.0",
+		"@atlaskit/primitives": "^22.4.0",
+		"@atlaskit/section-message": "^10.1.0",
+		"@atlaskit/textarea": "^10.1.0",
 		"@atlassian/confluence-presets": "workspace:^",
 		"@atlassian/content-reconciliation": "^0.1.3506",
 		"@atlassian/structured-docs-types": "workspace:^",
@@ -54,7 +54,7 @@
 		"react-intl": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^119.10.0",
+		"@atlaskit/editor-common": "^119.13.0",
 		"react": "^18.2.0 || ^19.2.0"
 	},
 	"techstack": {