@atlaskit/editor-plugin-show-diff 24.0.0 → 24.0.2

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

@@ -1,4 +1,5 @@
 import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { resolveBaseNodeName } from '../utils/baseNodeName';
 import { isDiffDecoration, isDiffDecorationSpec } from './decorationKeys';
 
 /**
@@ -32,7 +33,10 @@ const leadsReplacement = widget => fg('confluence_ncs_step_diffing_version_histo
  * block keeps the tag — one tag per block. Only when the block fully covers `inner`; a wider
  * inline/widget range that merely overlaps the block is a separate change (EDITOR-9473).
  */
-const isSameBlockChange = (inner, block) => inner.spec.attributionKey === block.spec.attributionKey && block.from <= inner.from && inner.to <= block.to;
+const isSameBlockChange = (inner, block) => inner.spec.attributionKey === block.spec.attributionKey && (inner.spec.decorationType === 'widget' ?
+// Deleted content is zero-width and sits at the start of what replaced it, so a widget at the
+// block's edge is beside the block rather than within it and keeps its own tag.
+block.from < inner.from && inner.to < block.to : block.from <= inner.from && inner.to <= block.to);
 
 /**
  * Whether `outer` is the box `inner` sits in, for one contributor. Nested blocks they inserted read
@@ -50,6 +54,21 @@ const byLeadingPosition = (a, b) => {
   return a.decoration.from - b.decoration.from || ((_a$decoration$spec$si = a.decoration.spec.side) !== null && _a$decoration$spec$si !== void 0 ? _a$decoration$spec$si : 0) - ((_b$decoration$spec$si = b.decoration.spec.side) !== null && _b$decoration$spec$si !== void 0 ? _b$decoration$spec$si : 0) || a.decoration.to - a.decoration.from - (b.decoration.to - b.decoration.from);
 };
 
+/** Select the first layout column only when the inline layout range starts immediately before it. */
+const navigationLeader = members => {
+  const ordered = [...members].sort(byLeadingPosition);
+  const layoutColumn = fg('confluence_ncs_step_diffing_version_history') ? ordered.find(({
+    decoration
+  }) => {
+    var _decoration$spec$node;
+    return decoration.spec.decorationType === 'block' && resolveBaseNodeName((_decoration$spec$node = decoration.spec.nodeName) !== null && _decoration$spec$node !== void 0 ? _decoration$spec$node : '') === 'layoutColumn';
+  }) : undefined;
+  const startsWholeLayout = layoutColumn !== undefined && members.some(({
+    decoration
+  }) => decoration.spec.decorationType === 'inline' && decoration.from === layoutColumn.decoration.from - 1);
+  return startsWholeLayout ? layoutColumn : ordered[0];
+};
+
 /** The targets a navigation range wholly covers, leader first. */
 const containedBy = (targets, {
   from,
@@ -224,7 +243,8 @@ export const extractContributorTags = (decorations, contributors, activeIndexPos
       byStopAndContributor.set(key, [...((_byStopAndContributor = byStopAndContributor.get(key)) !== null && _byStopAndContributor !== void 0 ? _byStopAndContributor : []), target]);
     }
     for (const members of byStopAndContributor.values()) {
-      const [leader, ...trailing] = [...members].sort(byLeadingPosition);
+      const leader = navigationLeader(members);
+      const trailing = members.filter(target => target !== leader);
       trailing.forEach(target => fold(leader, target));
     }
   }

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

@@ -0,0 +1,11 @@
+// prosemirror-view does not type `Decoration.type`; a widget's `type.toDOM` is the node passed to
+// `Decoration.widget()` (an element or a factory — the `WidgetConstructor` union).
+
+// The element a widget renders, or undefined if it renders via a factory.
+export const getWidgetElement = decoration => {
+  var _type;
+  const {
+    toDOM
+  } = (_type = decoration.type) !== null && _type !== void 0 ? _type : {};
+  return toDOM instanceof HTMLElement ? toDOM : undefined;
+};

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

@@ -4,6 +4,7 @@ import { getBaseNodeTypeName } from '@atlaskit/editor-common/utils/node-type-uti
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { resolveBaseNodeName } from '../../utils/baseNodeName';
 import { getAtomicInlineChangedAttrs } from '../createInlineChangedDecoration';
 import { applyRevealToElement } from '../revealStyles';
 import { isInlineAttrChangeNodeName } from './getAttrChangeRanges';
@@ -341,6 +342,15 @@ const createBlockNodeContentWrapper = ({
   // should not also get the inline content style (borderBottom underline) on their container.
   const shouldSkipContentStyle = isInserted && nodeStyle !== undefined;
   const contentStyle = shouldSkipContentStyle ? '' : getChangedContentStyle(colorScheme, isActive, isInserted, hideAddedDiffsUnderline);
+  const isEmptyDeletedLayoutColumn = !isInserted && resolveBaseNodeName(targetNode.type.name) === 'layoutColumn' && targetNode.textContent.length === 0 && fg('confluence_ncs_step_diffing_version_history');
+  if (isEmptyDeletedLayoutColumn && nodeView instanceof HTMLElement) {
+    var _nodeView$querySelect;
+    // Give an empty deleted column height so its diff box doesn't collapse
+    const placeholderTarget = (_nodeView$querySelect = nodeView.querySelector('[data-layout-content]')) !== null && _nodeView$querySelect !== void 0 ? _nodeView$querySelect : nodeView;
+    appendStyleToElement(placeholderTarget, convertToInlineCss({
+      minHeight: "var(--ds-space-300, 24px)"
+    }));
+  }
 
   // A `breakout` node renders wider than the editor column while the wrapper divs
   // stay at column width, so paint the outline on the node element that spans that width.

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

@@ -1,18 +1,7 @@
 import { isDiffDecorationSpec } from './decorations/decorationKeys';
+import { getWidgetElement } from './decorations/utils/getWidgetElement';
 import { showDiffPluginKey } from './main';
 
-// prosemirror-view does not type `Decoration.type`; a widget's `type.toDOM` is the node passed to
-// `Decoration.widget()` (an element or a factory — the `WidgetConstructor` union).
-
-// The element a deleted-content widget renders, or undefined if it renders via a factory.
-const getWidgetElement = decoration => {
-  var _type;
-  const {
-    toDOM
-  } = (_type = decoration.type) !== null && _type !== void 0 ? _type : {};
-  return toDOM instanceof HTMLElement ? toDOM : undefined;
-};
-
 /**
  * The rendered deleted-content widgets in `editorState`, optionally restricted to `[from, to]`,
  * ordered by position. Deleted content is rendered as widget decorations rather than document

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

@@ -8,6 +8,7 @@ import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { getActiveDiffAnnouncement } from '../ui/DiffNavigation/announceActiveDiff';
 import { calculateDiffDecorations } from './calculateDiff/calculateDiffDecorations';
 import { isDiffDecoration, isDiffDecorationSpec } from './decorations/decorationKeys';
+import { getWidgetElement } from './decorations/utils/getWidgetElement';
 import { enforceCustomStepRegisters } from './enforceCustomStepRegisters';
 import { getDefaultDiffType } from './getDefaultDiffType';
 import { getScrollableDecorations } from './getScrollableDecorations';
@@ -305,6 +306,31 @@ export const createPlugin = (config, getIntl, api, onEditorView) => {
       };
     },
     props: {
+      handleDOMEvents: {
+        // Bypass ProseMirror's copy handler without preventing native browser copy
+        // when the selection is completely contained within an inverted diff widget
+        copy: view => {
+          if (!fg('platform_editor_ai_show_diff_patch_2')) {
+            return false;
+          }
+          const pluginState = showDiffPluginKey.getState(view.state);
+          if (!(pluginState !== null && pluginState !== void 0 && pluginState.isDisplayingChanges) || !pluginState.isInverted) {
+            return false;
+          }
+          const selection = view.dom.ownerDocument.getSelection();
+          if (!selection || selection.isCollapsed || selection.rangeCount !== 1) {
+            return false;
+          }
+          const range = selection.getRangeAt(0);
+          return pluginState.decorations.find().filter(isDiffDecoration).some(decoration => {
+            if (decoration.spec.decorationType !== 'widget') {
+              return false;
+            }
+            const dom = getWidgetElement(decoration);
+            return Boolean(dom && view.dom.contains(dom) && dom.contains(range.startContainer) && dom.contains(range.endContainer));
+          });
+        }
+      },
       decorations: state => {
         const pluginState = showDiffPluginKey.getState(state);
         return pluginState === null || pluginState === void 0 ? void 0 : pluginState.decorations;

package/dist/es2019/pm-plugins/utils/taggableBlockNodes.js

@@ -10,7 +10,7 @@ import { resolveBaseNodeName } from './baseNodeName';
  *
  * Base names only — match with the predicates below, never against `type.name` directly.
  */
-const TAGGABLE_BLOCK_NODES = new Set(['blockCard', 'blockquote', 'bodiedExtension', 'codeBlock', 'decisionList', 'embedCard', 'expand', 'extension', 'media', 'multiBodiedExtension', 'panel', 'rule', 'taskList']);
+const TAGGABLE_BLOCK_NODES = new Set(['blockCard', 'blockquote', 'bodiedExtension', 'codeBlock', 'decisionList', 'embedCard', 'expand', 'extension', 'layoutColumn', 'media', 'multiBodiedExtension', 'panel', 'rule', 'taskList']);
 
 /**
  * Whether this node hosts a contributor tag of its own. Navigation grouping does not consult this:

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

@@ -3,7 +3,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
-import { findParentNodeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
@@ -27,13 +26,6 @@ var UNSTYLED_NODES = ['mediaSingle', 'mediaGroup', 'table',
 'heading', 'hardBreak', 'decisionList', 'taskList', 'bulletList', 'orderedList', 'layoutSection'];
 var CELL_NODES = ['tableCell', 'tableHeader'];
 
-/** Panels, rules and media can also sit in a table cell, which is out of scope for block tags. */
-var isInsideTable = function isInsideTable(doc, pos) {
-  return findParentNodeClosestToPos(doc.resolve(pos), function (node) {
-    return node.type.name === 'table';
-  }) !== undefined;
-};
-
 /**
  * Whether this block can host a contributor tag of its own.
  *
@@ -49,7 +41,7 @@ var canTagBlock = function canTagBlock(_ref) {
     return false;
   }
   var nodeType = (_doc$nodeAt = doc.nodeAt(from)) === null || _doc$nodeAt === void 0 ? void 0 : _doc$nodeAt.type;
-  return nodeType !== undefined && isTaggableBlockNode(nodeType) && !isInsideTable(doc, from);
+  return nodeType !== undefined && isTaggableBlockNode(nodeType);
 };
 
 /** Positioning context for the cell overlay widget decorations. */

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

@@ -4,6 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { ContributorTagController } from '../../ui/ContributorTag/contributorTagController';
+import { resolveBaseNodeName } from '../utils/baseNodeName';
 import { buildCharsByOffset, isWhitespaceChar } from '../utils/charsByOffset';
 import { clampAnchorPosIntoCell, createAnchorNameSpan } from './createAnchorDecorationWidgets';
 import { AnchorTypeKey, buildAnchorDecorationKey, buildAnchorDecorationSpec, buildContributorTagDecorationSpec } from './decorationKeys';
@@ -213,6 +214,16 @@ export var resolveHoistedCodeBlockAnchor = function resolveHoistedCodeBlockAncho
   };
 };
 
+/** Find the position before a layout for a tag anchored to one of its columns. */
+var resolveLayoutSectionStart = function resolveLayoutSectionStart(doc, pos) {
+  var _doc$nodeAt$type$name, _doc$nodeAt;
+  if (resolveBaseNodeName((_doc$nodeAt$type$name = (_doc$nodeAt = doc.nodeAt(pos)) === null || _doc$nodeAt === void 0 ? void 0 : _doc$nodeAt.type.name) !== null && _doc$nodeAt$type$name !== void 0 ? _doc$nodeAt$type$name : '') !== 'layoutColumn') {
+    return undefined;
+  }
+  var $pos = doc.resolve(pos);
+  return resolveBaseNodeName($pos.parent.type.name) === 'layoutSection' ? $pos.before($pos.depth) : undefined;
+};
+
 /**
  * The contributor tag widget for one diff range, placed on the first visible character the range
  * highlights — or, with `anchorAtRangeStart`, at `from` itself. A host inside a code block is
@@ -225,7 +236,7 @@ export var resolveHoistedCodeBlockAnchor = function resolveHoistedCodeBlockAncho
  * element ProseMirror drew it into — see `mountContributorTag`.
  */
 export var createContributorTagWidget = function createContributorTagWidget(_ref4) {
-  var _hoisted$codeBlockSta, _ref5, _hoisted$anchorName;
+  var _ref5, _hoisted$anchorName, _hoisted$codeBlockSta;
   var _ref4$anchorAtRangeSt = _ref4.anchorAtRangeStart,
     anchorAtRangeStart = _ref4$anchorAtRangeSt === void 0 ? false : _ref4$anchorAtRangeSt,
     anchorName = _ref4.anchorName,
@@ -245,8 +256,6 @@ export var createContributorTagWidget = function createContributorTagWidget(_ref
   // A change inside a code block is hoisted out of it, anchored to its own marker; anything else
   // keeps its own anchor.
   var hoisted = resolveHoistedCodeBlockAnchor(doc, anchorPos, diffId);
-  // Keep the host out of the table row's grid (EDITOR-8442).
-  var hostPos = clampAnchorPosIntoCell(doc, (_hoisted$codeBlockSta = hoisted === null || hoisted === void 0 ? void 0 : hoisted.codeBlockStart) !== null && _hoisted$codeBlockSta !== void 0 ? _hoisted$codeBlockSta : anchorPos, 1);
 
   // Inline diffs pass no anchorName. Give them their own point anchor instead of the
   // `position: relative` fallback, which drifts left once the range wraps a line (EDITOR-9286).
@@ -256,6 +265,10 @@ export var createContributorTagWidget = function createContributorTagWidget(_ref
   });
   var effectiveAnchorName = (_ref5 = (_hoisted$anchorName = hoisted === null || hoisted === void 0 ? void 0 : hoisted.anchorName) !== null && _hoisted$anchorName !== void 0 ? _hoisted$anchorName : anchorName) !== null && _ref5 !== void 0 ? _ref5 : ownAnchorName;
   var tagAnchorName = effectiveAnchorName && supportsAnchorPositioning() ? effectiveAnchorName : undefined;
+  var layoutSectionStart = tagAnchorName ? resolveLayoutSectionStart(doc, anchorPos) : undefined;
+  // Keep the host out of the table row's grid (EDITOR-8442). Layout-column tags are hoisted before
+  // their layout so the advanced layout widget-flattening rule cannot put them behind nearby text.
+  var hostPos = layoutSectionStart !== null && layoutSectionStart !== void 0 ? layoutSectionStart : clampAnchorPosIntoCell(doc, (_hoisted$codeBlockSta = hoisted === null || hoisted === void 0 ? void 0 : hoisted.codeBlockStart) !== null && _hoisted$codeBlockSta !== void 0 ? _hoisted$codeBlockSta : anchorPos, 1);
   var decorations = [];
   if (hoisted) {
     decorations.push(hoisted.marker);

package/dist/esm/pm-plugins/decorations/createNodeChangedDecorationWidget.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 { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { resolveBaseNodeName } from '../utils/baseNodeName';
 import { countEmptyTextBlockOnlySlice } from '../utils/emptyTextBlocks';
 import { isEmptyParagraphSlice } from '../utils/isEmptyParagraphSlice';
 import { clampAnchorPosIntoCell, createAnchorNameSpan, createLeftAnchorWidget } from './createAnchorDecorationWidgets';
@@ -118,7 +119,7 @@ var createTableCellContentWidgets = function createTableCellContentWidgets(_ref)
  * that is not in the current document.
  */
 export var createNodeChangedDecorationWidget = function createNodeChangedDecorationWidget(_ref2) {
-  var _$safeInsertPos$nodeB, _slice$content$firstC, _newDoc$firstChild, _slice$content$firstC2;
+  var _$safeInsertPos$nodeB, _slice$content$firstC, _newDoc$firstChild, _hoistedCodeBlockAnch, _slice$content$firstC2;
   var attributionKey = _ref2.attributionKey,
     change = _ref2.change,
     doc = _ref2.doc,
@@ -274,6 +275,7 @@ export var createNodeChangedDecorationWidget = function createNodeChangedDecorat
   // Match the rendering predicate above: an empty paragraph has no widget to tag, while whitespace
   // text in a rendered widget remains eligible.
   var canTagWidget = showContributorTags && !shouldSkipDeletedEmptyParagraphDecoration;
+  var contributorTagAnchorName;
   var decorations = [];
   var replacementNode = newDoc.nodeAt(change.fromB);
   var firstReplacedNode = slice.content.firstChild;
@@ -374,6 +376,14 @@ export var createNodeChangedDecorationWidget = function createNodeChangedDecorat
     var $sourcePos = fg('platform_editor_ai_show_diff_patch_2') ? getSourcePos(doc, $changeFromA, slice.openStart, index) : null;
     var nodeView = serializer.tryCreateNodeView(node, 0, $sourcePos !== null && $sourcePos !== void 0 ? $sourcePos : undefined, isInserted, colorScheme);
     if (nodeView) {
+      if (canTagWidget && contributorTagAnchorName === undefined && resolveBaseNodeName(node.type.name) === 'layoutColumn' && nodeView instanceof HTMLElement && fg('confluence_ncs_step_diffing_version_history')) {
+        // The deleted column is rendered inside this widget; anchor to its box.
+        contributorTagAnchorName = buildAnchorDecorationKey({
+          diffId: diffId,
+          anchorType: AnchorTypeKey.tag
+        });
+        nodeView.style.setProperty('anchor-name', "--".concat(contributorTagAnchorName));
+      }
       if (node.isInline) {
         var wrapper = createContentWrapper(colorScheme, isActive, isInserted, reveal);
         wrapper.append(nodeView);
@@ -421,7 +431,7 @@ export var createNodeChangedDecorationWidget = function createNodeChangedDecorat
   if (hoistedCodeBlockAnchor) {
     decorations.push(hoistedCodeBlockAnchor.marker);
   }
-  var contributorTagAnchorName = hoistedCodeBlockAnchor === null || hoistedCodeBlockAnchor === void 0 ? void 0 : hoistedCodeBlockAnchor.anchorName;
+  contributorTagAnchorName = (_hoistedCodeBlockAnch = hoistedCodeBlockAnchor === null || hoistedCodeBlockAnchor === void 0 ? void 0 : hoistedCodeBlockAnchor.anchorName) !== null && _hoistedCodeBlockAnch !== void 0 ? _hoistedCodeBlockAnch : contributorTagAnchorName;
   if (!isInserted && deletedColumns !== null && deletedColumns !== void 0 && deletedColumns.length) {
     var table = dom.querySelector('table');
     var firstRow = table === null || table === void 0 ? void 0 : table.rows[0];
@@ -641,12 +651,14 @@ export var createNodeChangedDecorationWidget = function createNodeChangedDecorat
       if (fg('platform_editor_ai_show_diff_patch_1')) {
         defaultSpacer.style.setProperty('scroll-margin-top', scrollMarginTopValue);
       }
-      decorations.push(Decoration.widget(safeInsertPos, defaultSpacer, _objectSpread({}, buildDiffDecorationSpec({
+      decorations.push(Decoration.widget(safeInsertPos, defaultSpacer,
+      // Spacing only: a diff spec would make it an untagged navigation stop.
+      showContributorTags ? {} : buildDiffDecorationSpec({
         colorScheme: colorScheme,
         decorationType: 'widget',
         diffId: crypto.randomUUID(),
         isInserted: isInserted
-      }))));
+      })));
     }
   }
   return decorations;

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

@@ -2,6 +2,7 @@ import _typeof from "@babel/runtime/helpers/typeof";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 /**
  * Decoration families produced by the show-diff plugin.
  * Each family owns its own key space and spec shape.
@@ -72,7 +73,7 @@ export var buildDiffDecorationSpec = function buildDiffDecorationSpec(_ref3) {
     leftAnchorId = _ref3.leftAnchorId,
     nodeName = _ref3.nodeName,
     side = _ref3.side;
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
     decorationFamily: DecorationFamily.diff,
     decorationType: decorationType,
     diffId: diffId,
@@ -95,6 +96,13 @@ export var buildDiffDecorationSpec = function buildDiffDecorationSpec(_ref3) {
     nodeName: nodeName
   } : {}), side !== undefined ? {
     side: side
+  } : {}), decorationType === 'widget' && fg('platform_editor_ai_show_diff_patch_2') ? {
+    // Widget content is outside the document. Keep its native DOM selection
+    // and let the browser handle events within it.
+    ignoreSelection: true,
+    stopEvent: function stopEvent() {
+      return true;
+    }
   } : {});
 };
 export function buildAnchorDecorationSpec(_ref4) {

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

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _toArray from "@babel/runtime/helpers/toArray";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["connectedToKey"];
@@ -9,6 +8,7 @@ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { resolveBaseNodeName } from '../utils/baseNodeName';
 import { isDiffDecoration, isDiffDecorationSpec } from './decorationKeys';
 
 /**
@@ -48,7 +48,10 @@ var leadsReplacement = function leadsReplacement(widget) {
  * inline/widget range that merely overlaps the block is a separate change (EDITOR-9473).
  */
 var isSameBlockChange = function isSameBlockChange(inner, block) {
-  return inner.spec.attributionKey === block.spec.attributionKey && block.from <= inner.from && inner.to <= block.to;
+  return inner.spec.attributionKey === block.spec.attributionKey && (inner.spec.decorationType === 'widget' ?
+  // Deleted content is zero-width and sits at the start of what replaced it, so a widget at the
+  // block's edge is beside the block rather than within it and keeps its own tag.
+  block.from < inner.from && inner.to < block.to : block.from <= inner.from && inner.to <= block.to);
 };
 
 /**
@@ -69,12 +72,27 @@ var byLeadingPosition = function byLeadingPosition(a, b) {
   return a.decoration.from - b.decoration.from || ((_a$decoration$spec$si = a.decoration.spec.side) !== null && _a$decoration$spec$si !== void 0 ? _a$decoration$spec$si : 0) - ((_b$decoration$spec$si = b.decoration.spec.side) !== null && _b$decoration$spec$si !== void 0 ? _b$decoration$spec$si : 0) || a.decoration.to - a.decoration.from - (b.decoration.to - b.decoration.from);
 };
 
-/** The targets a navigation range wholly covers, leader first. */
-var containedBy = function containedBy(targets, _ref2) {
-  var from = _ref2.from,
-    to = _ref2.to;
-  return targets.filter(function (_ref3) {
+/** Select the first layout column only when the inline layout range starts immediately before it. */
+var navigationLeader = function navigationLeader(members) {
+  var ordered = _toConsumableArray(members).sort(byLeadingPosition);
+  var layoutColumn = fg('confluence_ncs_step_diffing_version_history') ? ordered.find(function (_ref2) {
+    var _decoration$spec$node;
+    var decoration = _ref2.decoration;
+    return decoration.spec.decorationType === 'block' && resolveBaseNodeName((_decoration$spec$node = decoration.spec.nodeName) !== null && _decoration$spec$node !== void 0 ? _decoration$spec$node : '') === 'layoutColumn';
+  }) : undefined;
+  var startsWholeLayout = layoutColumn !== undefined && members.some(function (_ref3) {
     var decoration = _ref3.decoration;
+    return decoration.spec.decorationType === 'inline' && decoration.from === layoutColumn.decoration.from - 1;
+  });
+  return startsWholeLayout ? layoutColumn : ordered[0];
+};
+
+/** The targets a navigation range wholly covers, leader first. */
+var containedBy = function containedBy(targets, _ref4) {
+  var from = _ref4.from,
+    to = _ref4.to;
+  return targets.filter(function (_ref5) {
+    var decoration = _ref5.decoration;
     return from <= decoration.from && decoration.to <= to;
   }).sort(byLeadingPosition);
 };
@@ -148,16 +166,16 @@ export var extractContributorTags = function extractContributorTags(decorations,
   } finally {
     _iterator.f();
   }
-  var inlineTargets = targets.filter(function (_ref4) {
-    var decoration = _ref4.decoration;
+  var inlineTargets = targets.filter(function (_ref6) {
+    var decoration = _ref6.decoration;
     return decoration.spec.decorationType === 'inline';
   });
-  var blockTargets = targets.filter(function (_ref5) {
-    var decoration = _ref5.decoration;
+  var blockTargets = targets.filter(function (_ref7) {
+    var decoration = _ref7.decoration;
     return decoration.spec.decorationType === 'block';
   });
-  var widgetTargets = targets.filter(function (_ref6) {
-    var decoration = _ref6.decoration;
+  var widgetTargets = targets.filter(function (_ref8) {
+    var decoration = _ref8.decoration;
     return decoration.spec.decorationType === 'widget';
   });
   var linkedDiffIds = new Map();
@@ -185,8 +203,8 @@ export var extractContributorTags = function extractContributorTags(decorations,
       }
 
       // A block outranks both other kinds, so it is tried first.
-      var block = blockTargets.find(function (_ref7) {
-        var decoration = _ref7.decoration;
+      var block = blockTargets.find(function (_ref9) {
+        var decoration = _ref9.decoration;
         return isSameBlockChange(target.decoration, decoration);
       });
       if (block) {
@@ -195,8 +213,8 @@ export var extractContributorTags = function extractContributorTags(decorations,
       }
       if (decorationType === 'inline') {
         // The deleted half renders in front of this one, so that half captions the change.
-        var leadingWidget = widgetTargets.find(function (_ref8) {
-          var decoration = _ref8.decoration;
+        var leadingWidget = widgetTargets.find(function (_ref0) {
+          var decoration = _ref0.decoration;
           return leadsReplacement(decoration) && isSameChange(decoration, target.decoration);
         });
         if (leadingWidget) {
@@ -209,8 +227,8 @@ export var extractContributorTags = function extractContributorTags(decorations,
       if (leadsReplacement(target.decoration)) {
         return 0; // continue
       }
-      var host = inlineTargets.find(function (_ref9) {
-        var decoration = _ref9.decoration;
+      var host = inlineTargets.find(function (_ref1) {
+        var decoration = _ref1.decoration;
         return isSameChange(target.decoration, decoration);
       });
       if (host) {
@@ -314,10 +332,10 @@ export var extractContributorTags = function extractContributorTags(decorations,
     try {
       var _loop2 = function _loop2() {
         var members = _step6.value;
-        var _sort = _toConsumableArray(members).sort(byLeadingPosition),
-          _sort2 = _toArray(_sort),
-          leader = _sort2[0],
-          trailing = _arrayLikeToArray(_sort2).slice(1);
+        var leader = navigationLeader(members);
+        var trailing = members.filter(function (target) {
+          return target !== leader;
+        });
         trailing.forEach(function (target) {
           return fold(leader, target);
         });

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

@@ -0,0 +1,10 @@
+// prosemirror-view does not type `Decoration.type`; a widget's `type.toDOM` is the node passed to
+// `Decoration.widget()` (an element or a factory — the `WidgetConstructor` union).
+
+// The element a widget renders, or undefined if it renders via a factory.
+export var getWidgetElement = function getWidgetElement(decoration) {
+  var _type;
+  var _ref = (_type = decoration.type) !== null && _type !== void 0 ? _type : {},
+    toDOM = _ref.toDOM;
+  return toDOM instanceof HTMLElement ? toDOM : undefined;
+};

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

@@ -5,6 +5,7 @@ import { getBaseNodeTypeName } from '@atlaskit/editor-common/utils/node-type-uti
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { resolveBaseNodeName } from '../../utils/baseNodeName';
 import { getAtomicInlineChangedAttrs } from '../createInlineChangedDecoration';
 import { applyRevealToElement } from '../revealStyles';
 import { isInlineAttrChangeNodeName } from './getAttrChangeRanges';
@@ -346,6 +347,15 @@ var createBlockNodeContentWrapper = function createBlockNodeContentWrapper(_ref9
   // should not also get the inline content style (borderBottom underline) on their container.
   var shouldSkipContentStyle = isInserted && nodeStyle !== undefined;
   var contentStyle = shouldSkipContentStyle ? '' : getChangedContentStyle(colorScheme, isActive, isInserted, hideAddedDiffsUnderline);
+  var isEmptyDeletedLayoutColumn = !isInserted && resolveBaseNodeName(targetNode.type.name) === 'layoutColumn' && targetNode.textContent.length === 0 && fg('confluence_ncs_step_diffing_version_history');
+  if (isEmptyDeletedLayoutColumn && nodeView instanceof HTMLElement) {
+    var _nodeView$querySelect;
+    // Give an empty deleted column height so its diff box doesn't collapse
+    var placeholderTarget = (_nodeView$querySelect = nodeView.querySelector('[data-layout-content]')) !== null && _nodeView$querySelect !== void 0 ? _nodeView$querySelect : nodeView;
+    appendStyleToElement(placeholderTarget, convertToInlineCss({
+      minHeight: "var(--ds-space-300, 24px)"
+    }));
+  }
 
   // A `breakout` node renders wider than the editor column while the wrapper divs
   // stay at column width, so paint the outline on the node element that spans that width.

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

@@ -1,17 +1,7 @@
 import { isDiffDecorationSpec } from './decorations/decorationKeys';
+import { getWidgetElement } from './decorations/utils/getWidgetElement';
 import { showDiffPluginKey } from './main';
 
-// prosemirror-view does not type `Decoration.type`; a widget's `type.toDOM` is the node passed to
-// `Decoration.widget()` (an element or a factory — the `WidgetConstructor` union).
-
-// The element a deleted-content widget renders, or undefined if it renders via a factory.
-var getWidgetElement = function getWidgetElement(decoration) {
-  var _type;
-  var _ref = (_type = decoration.type) !== null && _type !== void 0 ? _type : {},
-    toDOM = _ref.toDOM;
-  return toDOM instanceof HTMLElement ? toDOM : undefined;
-};
-
 /**
  * The rendered deleted-content widgets in `editorState`, optionally restricted to `[from, to]`,
  * ordered by position. Deleted content is rendered as widget decorations rather than document

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

@@ -11,6 +11,7 @@ import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { getActiveDiffAnnouncement } from '../ui/DiffNavigation/announceActiveDiff';
 import { calculateDiffDecorations } from './calculateDiff/calculateDiffDecorations';
 import { isDiffDecoration, isDiffDecorationSpec } from './decorations/decorationKeys';
+import { getWidgetElement } from './decorations/utils/getWidgetElement';
 import { enforceCustomStepRegisters } from './enforceCustomStepRegisters';
 import { getDefaultDiffType } from './getDefaultDiffType';
 import { getScrollableDecorations } from './getScrollableDecorations';
@@ -299,6 +300,31 @@ export var createPlugin = function createPlugin(config, getIntl, api, onEditorVi
       };
     },
     props: {
+      handleDOMEvents: {
+        // Bypass ProseMirror's copy handler without preventing native browser copy
+        // when the selection is completely contained within an inverted diff widget
+        copy: function copy(view) {
+          if (!fg('platform_editor_ai_show_diff_patch_2')) {
+            return false;
+          }
+          var pluginState = showDiffPluginKey.getState(view.state);
+          if (!(pluginState !== null && pluginState !== void 0 && pluginState.isDisplayingChanges) || !pluginState.isInverted) {
+            return false;
+          }
+          var selection = view.dom.ownerDocument.getSelection();
+          if (!selection || selection.isCollapsed || selection.rangeCount !== 1) {
+            return false;
+          }
+          var range = selection.getRangeAt(0);
+          return pluginState.decorations.find().filter(isDiffDecoration).some(function (decoration) {
+            if (decoration.spec.decorationType !== 'widget') {
+              return false;
+            }
+            var dom = getWidgetElement(decoration);
+            return Boolean(dom && view.dom.contains(dom) && dom.contains(range.startContainer) && dom.contains(range.endContainer));
+          });
+        }
+      },
       decorations: function decorations(state) {
         var pluginState = showDiffPluginKey.getState(state);
         return pluginState === null || pluginState === void 0 ? void 0 : pluginState.decorations;

package/dist/esm/pm-plugins/utils/taggableBlockNodes.js

@@ -10,7 +10,7 @@ import { resolveBaseNodeName } from './baseNodeName';
  *
  * Base names only — match with the predicates below, never against `type.name` directly.
  */
-var TAGGABLE_BLOCK_NODES = new Set(['blockCard', 'blockquote', 'bodiedExtension', 'codeBlock', 'decisionList', 'embedCard', 'expand', 'extension', 'media', 'multiBodiedExtension', 'panel', 'rule', 'taskList']);
+var TAGGABLE_BLOCK_NODES = new Set(['blockCard', 'blockquote', 'bodiedExtension', 'codeBlock', 'decisionList', 'embedCard', 'expand', 'extension', 'layoutColumn', 'media', 'multiBodiedExtension', 'panel', 'rule', 'taskList']);
 
 /**
  * Whether this node hosts a contributor tag of its own. Navigation grouping does not consult this:

package/dist/types/pm-plugins/decorations/decorationKeys.d.ts

@@ -30,6 +30,7 @@ export type DiffDecorationSpec = BaseDecorationSpec<typeof DecorationFamily.diff
     colorScheme?: ColorScheme;
     decorationType: DiffDescriptor['type'];
     diffId: string;
+    ignoreSelection?: boolean;
     /**
      * The change currently stepped to. Needed on the spec because `activeIndex` indexes the filtered,
      * re-sorted scrollable decorations, not `diffDescriptors`.
@@ -50,6 +51,7 @@ export type DiffDecorationSpec = BaseDecorationSpec<typeof DecorationFamily.diff
      * consumed by `scrollToDiff`; never present on a decoration in the plugin's `DecorationSet`.
      */
     scrollTarget?: Decoration;
+    stopEvent?: (event: Event) => boolean;
 };
 export declare const AnchorTypeKey: {
     readonly from: 'from';

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

@@ -0,0 +1,2 @@
+import type { Decoration } from '@atlaskit/editor-prosemirror/view';
+export declare const getWidgetElement: (decoration: Decoration) => HTMLElement | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-show-diff",
-	"version": "24.0.0",
+	"version": "24.0.2",
 	"description": "ShowDiff plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -39,7 +39,7 @@
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/primitives": "^22.5.0",
-		"@atlaskit/tmp-editor-statsig": "^227.0.0",
+		"@atlaskit/tmp-editor-statsig": "^228.0.0",
 		"@atlaskit/tokens": "^20.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
@@ -71,7 +71,7 @@
 		"react-intl": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^130.0.0",
+		"@atlaskit/editor-common": "^130.1.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"