@atlaskit/editor-plugin-show-diff 16.0.2 → 16.0.4

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

@@ -1,3 +1,4 @@
+import _toArray from "@babel/runtime/helpers/toArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
@@ -50,12 +51,48 @@ var isSameBlockChange = function isSameBlockChange(inner, block) {
   return inner.spec.attributionKey === block.spec.attributionKey && (block.from <= inner.from && inner.to <= block.to || inner.from <= block.from && block.to <= inner.to);
 };
 
+/**
+ * Which of two changes in the same range leads, and so is the one a tag captions. Position first,
+ * then `side`, since deleted content shares its `from` with the content that replaced it and paints
+ * above; then the narrower range, so a change nested in another captions itself.
+ */
+var byLeadingPosition = function byLeadingPosition(a, b) {
+  var _a$decoration$spec$si, _b$decoration$spec$si;
+  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) {
+    var decoration = _ref3.decoration;
+    return from <= decoration.from && decoration.to <= to;
+  }).sort(byLeadingPosition);
+};
+
+/**
+ * The one tag a navigation step reveals. `spec.isActive` is no use here: it covers everything the
+ * group's union range touches, so several tags revealed over each other (EDITOR-8971). Hence
+ * containment, and the leading change of what it covers.
+ */
+var resolveActiveTarget = function resolveActiveTarget(surviving, activeIndexPos) {
+  return containedBy(surviving, activeIndexPos)[0];
+};
+
 /**
  * One model per diff decoration whose attribution resolves to a supplied contributor; anything
  * unattributed, untaggable or unresolved is skipped. A replacement's two decorations are collapsed
  * into a single tag, on whichever half renders first — see `isSameChange` and `leadsReplacement`.
+ *
+ * `activeIndexPos`, when given, reveals exactly one of the tags — see `resolveActiveTarget`.
+ * Absent, each tag keeps the active state its own decoration was drawn with.
+ *
+ * `stops`, when given, is the navigation stop list the step buttons walk
+ * (`getScrollableDecorations`). One contributor cannot hold two tags in one stop, since only the
+ * leading one would ever be reachable. Absent, every decoration keeps its own tag.
  */
-export var extractContributorTags = function extractContributorTags(decorations, contributors) {
+export var extractContributorTags = function extractContributorTags(decorations, contributors, activeIndexPos, stops) {
   if (!contributors) {
     return [];
   }
@@ -88,25 +125,30 @@ export var extractContributorTags = function extractContributorTags(decorations,
   } finally {
     _iterator.f();
   }
-  var inlineTargets = targets.filter(function (_ref2) {
-    var decoration = _ref2.decoration;
+  var inlineTargets = targets.filter(function (_ref4) {
+    var decoration = _ref4.decoration;
     return decoration.spec.decorationType === 'inline';
   });
-  var blockTargets = targets.filter(function (_ref3) {
-    var decoration = _ref3.decoration;
+  var blockTargets = targets.filter(function (_ref5) {
+    var decoration = _ref5.decoration;
     return decoration.spec.decorationType === 'block';
   });
-  var widgetTargets = targets.filter(function (_ref4) {
-    var decoration = _ref4.decoration;
+  var widgetTargets = targets.filter(function (_ref6) {
+    var decoration = _ref6.decoration;
     return decoration.spec.decorationType === 'widget';
   });
   var linkedDiffIds = new Map();
   var folded = new Set();
   var fold = function fold(host, target) {
-    var _linkedDiffIds$get;
+    var _linkedDiffIds$get, _linkedDiffIds$get2;
     folded.add(target);
     var hostDiffId = host.decoration.spec.diffId;
-    linkedDiffIds.set(hostDiffId, [].concat(_toConsumableArray((_linkedDiffIds$get = linkedDiffIds.get(hostDiffId)) !== null && _linkedDiffIds$get !== void 0 ? _linkedDiffIds$get : []), [target.decoration.spec.diffId]));
+    var targetDiffId = target.decoration.spec.diffId;
+    // A target that already hosts folded tags hands them up, so no hover target is orphaned when
+    // one host folds into another.
+    var inherited = (_linkedDiffIds$get = linkedDiffIds.get(targetDiffId)) !== null && _linkedDiffIds$get !== void 0 ? _linkedDiffIds$get : [];
+    linkedDiffIds.delete(targetDiffId);
+    linkedDiffIds.set(hostDiffId, [].concat(_toConsumableArray((_linkedDiffIds$get2 = linkedDiffIds.get(hostDiffId)) !== null && _linkedDiffIds$get2 !== void 0 ? _linkedDiffIds$get2 : []), [targetDiffId], _toConsumableArray(inherited)));
   };
   var _loop = function _loop() {
       var target = _targets[_i];
@@ -116,8 +158,8 @@ export var extractContributorTags = function extractContributorTags(decorations,
       }
 
       // A block outranks both other kinds, so it is tried first.
-      var block = blockTargets.find(function (_ref5) {
-        var decoration = _ref5.decoration;
+      var block = blockTargets.find(function (_ref7) {
+        var decoration = _ref7.decoration;
         return isSameBlockChange(target.decoration, decoration);
       });
       if (block) {
@@ -126,8 +168,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 (_ref6) {
-          var decoration = _ref6.decoration;
+        var leadingWidget = widgetTargets.find(function (_ref8) {
+          var decoration = _ref8.decoration;
           return leadsReplacement(decoration) && isSameChange(decoration, target.decoration);
         });
         if (leadingWidget) {
@@ -140,8 +182,8 @@ export var extractContributorTags = function extractContributorTags(decorations,
       if (leadsReplacement(target.decoration)) {
         return 0; // continue
       }
-      var host = inlineTargets.find(function (_ref7) {
-        var decoration = _ref7.decoration;
+      var host = inlineTargets.find(function (_ref9) {
+        var decoration = _ref9.decoration;
         return isSameChange(target.decoration, decoration);
       });
       if (host) {
@@ -153,14 +195,72 @@ export var extractContributorTags = function extractContributorTags(decorations,
     _ret = _loop();
     if (_ret === 0) continue;
   }
-  return targets.filter(function (target) {
+
+  // One tag per contributor per navigation stop. The folds above only catch a replacement's two
+  // halves and a block's own highlights; two of one contributor's changes that merely touch are a
+  // single stop (`groupTouchingDecorations`) yet kept a tag each, so the stop's trailing tag was
+  // drawn but could never be stepped to (EDITOR-8971). It folds into the leading tag of its
+  // contributor, staying a hover target. Contributors are kept apart: a stop spanning two of them
+  // still captions each, rather than crediting one for the other's change.
+  var _iterator2 = _createForOfIteratorHelper(stops !== null && stops !== void 0 ? stops : []),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var stop = _step2.value;
+      var byContributor = new Map();
+      var _iterator3 = _createForOfIteratorHelper(containedBy(targets.filter(function (target) {
+          return !folded.has(target);
+        }), stop)),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var _target$decoration$sp, _byContributor$get;
+          var target = _step3.value;
+          var key = (_target$decoration$sp = target.decoration.spec.attributionKey) !== null && _target$decoration$sp !== void 0 ? _target$decoration$sp : '';
+          byContributor.set(key, [].concat(_toConsumableArray((_byContributor$get = byContributor.get(key)) !== null && _byContributor$get !== void 0 ? _byContributor$get : []), [target]));
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+      var _iterator4 = _createForOfIteratorHelper(byContributor.values()),
+        _step4;
+      try {
+        var _loop2 = function _loop2() {
+          var _step4$value = _toArray(_step4.value),
+            leader = _step4$value[0],
+            trailing = _arrayLikeToArray(_step4$value).slice(1);
+          trailing.forEach(function (target) {
+            return fold(leader, target);
+          });
+        };
+        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+          _loop2();
+        }
+      } catch (err) {
+        _iterator4.e(err);
+      } finally {
+        _iterator4.f();
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  var surviving = targets.filter(function (target) {
     return !folded.has(target);
-  }).map(function (_ref8) {
-    var contributor = _ref8.contributor,
-      spec = _ref8.decoration.spec;
+  });
+  var activeTarget = activeIndexPos === undefined ? undefined : resolveActiveTarget(surviving, activeIndexPos);
+  return surviving.map(function (target) {
+    var contributor = target.contributor,
+      spec = target.decoration.spec;
     var connected = contributor.connectedToKey ? contributors[contributor.connectedToKey] : undefined;
     var connectedContributor = connected ? toTagContributor(connected) : undefined;
     var linked = linkedDiffIds.get(spec.diffId);
+    // Only the navigated tag reveals; with no active range, the decoration's own state stands.
+    var isActive = activeIndexPos === undefined ? spec.isActive : target === activeTarget;
     return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
       contributor: toTagContributor(contributor),
       diffId: spec.diffId
@@ -168,8 +268,8 @@ export var extractContributorTags = function extractContributorTags(decorations,
       connectedContributor: connectedContributor
     } : {}), spec.colorScheme ? {
       colorScheme: spec.colorScheme
-    } : {}), spec.isActive !== undefined ? {
-      isActive: spec.isActive
+    } : {}), isActive !== undefined ? {
+      isActive: isActive
     } : {}), spec.isInserted !== undefined ? {
       isInserted: spec.isInserted
     } : {}), linked ? {

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

@@ -210,25 +210,25 @@ var applyMultiContainerLikeStyles = function applyMultiContainerLikeStyles(_ref6
   var targetNodeName = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? getBaseNodeTypeName(targetNode.type) : targetNode.type.name;
   var nodeSpecificStyle = getChangedNodeStyle(targetNodeName, colorScheme, isInserted, isActive, diffType, hideAddedDiffsUnderline) || '';
   if (targetNode.type.name === 'decisionList') {
-    var nestedInsertedNodeStyle = resolveNestedInsertedNodeStyle();
+    var nestedInsertedNodeStyle = resolveNestedInsertedNodeStyle(colorScheme);
     element.querySelectorAll('li').forEach(function (listItem) {
       var currentListItemStyle = listItem.getAttribute('style') || '';
-      listItem.setAttribute('style', "".concat(currentListItemStyle).concat(nestedInsertedNodeStyle));
+      listItem.setAttribute('style', fg('platform_editor_ai_show_diff_patch_1') ? combineStyles(currentListItemStyle, nestedInsertedNodeStyle) : "".concat(currentListItemStyle).concat(nestedInsertedNodeStyle));
     });
   } else if (targetNode.type.name === 'layoutSection') {
-    var _nestedInsertedNodeStyle = resolveNestedInsertedNodeStyle();
+    var _nestedInsertedNodeStyle = resolveNestedInsertedNodeStyle(colorScheme);
     element.querySelectorAll('[data-layout-column="true"]').forEach(function (section) {
       var currentSectionStyle = section.getAttribute('style') || '';
-      section.setAttribute('style', "".concat(currentSectionStyle).concat(_nestedInsertedNodeStyle));
+      section.setAttribute('style', fg('platform_editor_ai_show_diff_patch_1') ? combineStyles(currentSectionStyle, _nestedInsertedNodeStyle) : "".concat(currentSectionStyle).concat(_nestedInsertedNodeStyle));
     });
   } else if (targetNode.type.name === 'taskList') {
-    var _nestedInsertedNodeStyle2 = resolveNestedInsertedNodeStyle();
+    var _nestedInsertedNodeStyle2 = resolveNestedInsertedNodeStyle(colorScheme);
     element.querySelectorAll('li').forEach(function (listItem) {
       var currentListItemStyle = listItem.getAttribute('style') || '';
       listItem.setAttribute('style', "".concat(currentListItemStyle).concat(_nestedInsertedNodeStyle2));
     });
   }
-  element.setAttribute('style', "".concat(currentStyle, ";").concat(nodeSpecificStyle));
+  element.setAttribute('style', fg('platform_editor_ai_show_diff_patch_1') ? combineStyles(currentStyle, nodeSpecificStyle) : "".concat(currentStyle, ";").concat(nodeSpecificStyle));
 };
 var combineStyles = function combineStyles(currentStyle, appendedStyle) {
   var separator = currentStyle && appendedStyle && !currentStyle.trimEnd().endsWith(';') ? '; ' : '';

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

@@ -14,6 +14,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * keeping the `*Next` bodies.
  */
 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 { isExtendedEnabled } from '../../isExtendedEnabled';
 import { buildAddedCellOverlayRoundedStyle, buildAddedCellOverlayStyle, buildAddedCellOverlayStyleNew, buildDeletedCellOverlayRoundedStyle, buildDeletedCellOverlayStyle, buildDeletedInlineContentStyle, buildDeletedInlineContentStyleExtended, buildDeletedLozengeActiveStyle, buildDeletedLozengeStyle, buildDeletedNodeCSSVariables, buildDeletedQuoteNodeWithLozengeStyle, buildDeletedStrikethroughLine, buildDeletedWrappedBlockOutline, buildInsertedBlockNodeStyle, buildInsertedInlineStyle, buildInsertStyleInBlockExtended, buildInsertStyleInBlockExtendedNoUnderline, buildInsertStyleNode } from '../colorSchemes/factory';
@@ -24,9 +25,7 @@ var getColorScheme = function getColorScheme(colorScheme) {
 };
 
 /**
- * Inserted content inside a multi-container or list node always uses the standard scheme, so a
- * traditional diff shows purple here. Pre-existing: these call sites predate traditional.
- * Preserved as-is; see EDITOR-8281.
+ * Preserve the historical purple nested outlines when the layout/decision diff patch is off.
  */
 var nestedContentScheme = standardScheme;
 
@@ -62,7 +61,7 @@ var getChangedNodeStyleNext = function getChangedNodeStyleNext(nodeName, colorSc
   var colors = getColorScheme(colorScheme);
   if (isExtendedEnabled(diffType) && isInserted) {
     if (isMultiContainerBlockNode(nodeName)) {
-      return hideAddedDiffsUnderline ? buildInsertStyleInBlockExtendedNoUnderline(nestedContentScheme) : buildInsertStyleInBlockExtended(nestedContentScheme);
+      return hideAddedDiffsUnderline || fg('platform_editor_ai_show_diff_patch_1') ? buildInsertStyleInBlockExtendedNoUnderline(nestedContentScheme) : buildInsertStyleInBlockExtended(nestedContentScheme);
     }
     if (isTextLikeBlockNode(nodeName)) {
       return undefined;
@@ -123,8 +122,8 @@ var resolveRemovedLozengeStyleNext = function resolveRemovedLozengeStyleNext(col
   var colors = getColorScheme(colorScheme);
   return isActive ? buildDeletedLozengeActiveStyle(colors) : buildDeletedLozengeStyle(colors);
 };
-var resolveNestedInsertedNodeStyleNext = function resolveNestedInsertedNodeStyleNext() {
-  return buildInsertStyleNode(nestedContentScheme);
+var resolveNestedInsertedNodeStyleNext = function resolveNestedInsertedNodeStyleNext(colorScheme) {
+  return buildInsertStyleNode(fg('platform_editor_ai_show_diff_patch_1') ? getColorScheme(colorScheme) : nestedContentScheme);
 };
 
 // Only 'stateful' schemes have a resting ring.
@@ -188,11 +187,10 @@ export var resolveRemovedLozengeStyle = function resolveRemovedLozengeStyle(colo
 
 /**
  * Style for inserted content nested inside a multi-container or list node — the `decisionList` and
- * `taskList` `li`s and the `layoutSection` columns. Scheme-independent: see
- * `nestedContentScheme` above.
+ * `taskList` `li`s and the `layoutSection` columns.
  */
-export var resolveNestedInsertedNodeStyle = function resolveNestedInsertedNodeStyle() {
-  return isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? resolveNestedInsertedNodeStyleNext() : resolveNestedInsertedNodeStyleLegacy();
+export var resolveNestedInsertedNodeStyle = function resolveNestedInsertedNodeStyle(colorScheme) {
+  return isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? resolveNestedInsertedNodeStyleNext(colorScheme) : resolveNestedInsertedNodeStyleLegacy();
 };
 
 /**

package/dist/esm/pm-plugins/decorations/utils/wrapBlockNodeViewStyles.legacy.js

@@ -9,6 +9,7 @@
  * `colorSchemes/standard.ts`, `colorSchemes/traditional.ts` (EDITOR-8281).
  */
 import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { isExtendedEnabled } from '../../isExtendedEnabled';
 import { deletedBlockOutline, deletedBlockOutlineActive, deletedBlockOutlineRounded, deletedBlockOutlineRoundedActive, deletedContentStyleUnbounded, deletedInlineContentStyleExtended, deletedStyleQuoteNodeWithLozenge, deletedStyleQuoteNodeWithLozengeActive, editingContentStyleInBlockExtended, editingContentStyleInBlockExtendedNoUnderline, editingStyleExtended, editingStyleExtendedNoUnderline, editingStyleActiveExtended, editingStyleActiveExtendedNoUnderline, editingStyleNode, getStandardDeletedContentStyle, getStandardDeletedContentStyleActive, getStandardDeletedContentStyleNew, addedCellOverlayStyle, addedCellOverlayRoundedStyle, deletedCellOverlayStyle, deletedCellOverlayRoundedStyle } from '../colorSchemes/standard';
@@ -105,7 +106,7 @@ export var getChangedNodeStyleLegacy = function getChangedNodeStyleLegacy(nodeNa
   var isTraditional = colorScheme === 'traditional';
   if (isExtendedEnabled(diffType) && isInserted) {
     if (isMultiContainerBlockNode(nodeName)) {
-      return hideAddedDiffsUnderline ? editingContentStyleInBlockExtendedNoUnderline : editingContentStyleInBlockExtended;
+      return hideAddedDiffsUnderline || fg('platform_editor_ai_show_diff_patch_1') ? editingContentStyleInBlockExtendedNoUnderline : editingContentStyleInBlockExtended;
     }
     if (isTextLikeBlockNode(nodeName)) {
       return undefined;

package/dist/esm/ui/ContributorTag/buildContributorTagDom.js

@@ -42,6 +42,30 @@ export var CONTRIBUTOR_TAG_REVEALED_ATTRIBUTE = 'data-revealed';
  */
 export var TAG_EXIT_FALLBACK_MS = 1200;
 
+/**
+ * The tooltip's look, inline rather than through `VANILLA_TOOLTIP_DEFAULT_CLASS`: this tooltip is
+ * hoisted out of the tag, and that class's rule is scoped under `.ProseMirror` — see
+ * `resolveTooltipContainer`. Otherwise `vanillaTooltipDefaultStyles` in editor-core, which is the
+ * look every other vanilla tooltip has; keep the two in step.
+ */
+export var CONTRIBUTOR_TAG_TOOLTIP_STYLES = {
+  boxSizing: 'border-box',
+  maxWidth: '240px',
+  backgroundColor: "var(--ds-background-neutral-bold, #292A2E)",
+  // A `popover` is given one by the UA stylesheet.
+  border: 'none',
+  borderRadius: "var(--ds-radius-small, 3px)",
+  color: "var(--ds-text-inverse, #FFFFFF)",
+  font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
+  fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
+  overflowWrap: 'break-word',
+  paddingBlock: "var(--ds-space-050, 4px)",
+  paddingInline: "var(--ds-space-075, 6px)",
+  whiteSpace: 'normal',
+  // A tooltip is never a hit target — it hangs over the document's own content.
+  pointerEvents: 'none'
+};
+
 // Positioned against the host widget its decoration renders on the change's first character:
 // `bottom: 100%` lifts the tag onto the line above, `inset-inline-start` starts it on that
 // character.

package/dist/esm/ui/ContributorTag/contributorTagController.js

@@ -6,7 +6,7 @@ import { bind, bindAll } from 'bind-event-listener';
 import { VanillaTooltip } from '@atlaskit/editor-common/vanilla-tooltip';
 import { getAccentTokens } from '../../pm-plugins/decorations/colorSchemes/factory';
 import { colorSchemeRegistry } from '../../pm-plugins/decorations/colorSchemes/schemes';
-import { buildContributorTagDom, CONTRIBUTOR_TAG_REVEALED_ATTRIBUTE, TAG_EXIT_FALLBACK_MS } from './buildContributorTagDom';
+import { buildContributorTagDom, CONTRIBUTOR_TAG_REVEALED_ATTRIBUTE, CONTRIBUTOR_TAG_TOOLTIP_STYLES, TAG_EXIT_FALLBACK_MS } from './buildContributorTagDom';
 import { contributorAvatarRenderer } from './contributorAvatarRenderer';
 import { formatContributorLabel } from './contributorLabel';
 /**
@@ -393,7 +393,7 @@ export var ContributorTagController = /*#__PURE__*/function () {
   }, {
     key: "syncTooltip",
     value: function syncTooltip() {
-      var _this$tooltip2, _this$dom$tag$querySe;
+      var _this$tooltip2;
       var content = this.dom ? this.fullLabel : undefined;
       if (content === this.tooltipContent) {
         return;
@@ -404,17 +404,39 @@ export var ContributorTagController = /*#__PURE__*/function () {
       if (!content || !this.dom) {
         return;
       }
-      this.tooltip = new VanillaTooltip(this.dom.tag, content, undefined,
-      // `ak-editor-vanilla-tooltip-default` opts into the shared `VanillaTooltip` look, defined as
-      // `vanillaTooltipDefaultStyles` in both EditorContentContainer stylesheets — keep in sync when
-      // renaming. Those styles are scoped under `.ProseMirror`, and the tag renders inside it.
-      'ak-editor-vanilla-tooltip-default');
+      this.tooltip = new VanillaTooltip(this.dom.tag, content,
+      // Generated id.
+      undefined,
+      // No class: the look is inline, because a hoisted tooltip is outside the `.ProseMirror`
+      // scope `VANILLA_TOOLTIP_DEFAULT_CLASS` is keyed on — see `CONTRIBUTOR_TAG_TOOLTIP_STYLES`.
+      '',
+      // Default delay, no `onShow`, and the default `top` placement.
+      undefined, CONTRIBUTOR_TAG_TOOLTIP_STYLES, undefined, undefined, this.resolveTooltipContainer());
       // `VanillaTooltip` sets `aria-describedby` on its trigger, which would announce the label a
       // second time — the hidden child already announces it, and names the tag with it.
       this.dom.tag.removeAttribute('aria-describedby');
-      // The popover is a child of the trigger, so its text would be a third copy of the same
-      // sentence. It stays visible for sighted users, who need the part of the name the tag clipped.
-      (_this$dom$tag$querySe = this.dom.tag.querySelector(':scope > [role="tooltip"]')) === null || _this$dom$tag$querySe === void 0 || _this$dom$tag$querySe.setAttribute('aria-hidden', 'true');
+      // Out of the tag but still in the document, so its text would otherwise be a third copy of the
+      // same sentence. It stays visible for sighted users, who need the part of the name the tag
+      // clipped.
+      this.tooltip.element.setAttribute('aria-hidden', 'true');
+    }
+
+    /**
+     * Where the tooltip is appended, rather than inside the tag.
+     *
+     * Popper and the browser only agree on a top-layer popover's origin when nothing above it is
+     * transformed, and the tag hangs under the editor's own transformed nodes — inside a wide image
+     * that is `.rich-media-item`, whose `translateX(-50%)` threw the tooltip off screen
+     * (EDITOR-8971). The content area is the nearest ancestor with none of that above it, and keeps
+     * the tooltip inside the editor it belongs to; the document body covers an appearance that has
+     * no content area.
+     */
+  }, {
+    key: "resolveTooltipContainer",
+    value: function resolveTooltipContainer() {
+      var _editorRoot$closest;
+      var editorRoot = this.options.getEditorRoot();
+      return (_editorRoot$closest = editorRoot === null || editorRoot === void 0 ? void 0 : editorRoot.closest('.ak-editor-content-area')) !== null && _editorRoot$closest !== void 0 ? _editorRoot$closest : editorRoot === null || editorRoot === void 0 ? void 0 : editorRoot.ownerDocument.body;
     }
 
     /**

package/dist/types/pm-plugins/calculateDiff/isOpenTokenOnlyChange.d.ts

@@ -0,0 +1,22 @@
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+/**
+ * Whether a change spans nothing but a block node's open token, so its deleted side carries no
+ * content.
+ *
+ * The attribute-aware token encoder folds a node's diffable attributes into its open token, so a
+ * same-type replacement — an AI suggestion rewriting a code block — is reported as two changes: one
+ * over the single position of that token, carrying the attribute change, and one for the content.
+ * Slicing the first yields the node with none of its content, which leaves the deleted-content
+ * widget nothing to draw but an empty copy of the block (EDITOR-8912). The content change is a
+ * change of its own and is decorated in place.
+ *
+ * A whole node is not matched: its range covers its close token too. Neither is an empty leaf (a
+ * `rule`, a `blockCard`), which is one position but slices closed rather than open.
+ */
+export declare const isOpenTokenOnlyChange: ({ change, originalDoc, }: {
+    change: {
+        fromA: number;
+        toA: number;
+    };
+    originalDoc: PMNode;
+}) => boolean;

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

@@ -5,5 +5,18 @@ import type { ResolvedDiffContributors } from './colorSchemes/attributions';
  * One model per diff decoration whose attribution resolves to a supplied contributor; anything
  * unattributed, untaggable or unresolved is skipped. A replacement's two decorations are collapsed
  * into a single tag, on whichever half renders first — see `isSameChange` and `leadsReplacement`.
+ *
+ * `activeIndexPos`, when given, reveals exactly one of the tags — see `resolveActiveTarget`.
+ * Absent, each tag keeps the active state its own decoration was drawn with.
+ *
+ * `stops`, when given, is the navigation stop list the step buttons walk
+ * (`getScrollableDecorations`). One contributor cannot hold two tags in one stop, since only the
+ * leading one would ever be reachable. Absent, every decoration keeps its own tag.
  */
-export declare const extractContributorTags: (decorations: DecorationSet, contributors: ResolvedDiffContributors | undefined) => ContributorTagModel[];
+export declare const extractContributorTags: (decorations: DecorationSet, contributors: ResolvedDiffContributors | undefined, activeIndexPos?: {
+    from: number;
+    to: number;
+}, stops?: ReadonlyArray<{
+    from: number;
+    to: number;
+}>) => ContributorTagModel[];

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

@@ -29,10 +29,9 @@ export declare const resolveCellOverlayStyle: (args: {
 export declare const resolveRemovedLozengeStyle: (colorScheme: ColorScheme | undefined, isActive: boolean) => string;
 /**
  * Style for inserted content nested inside a multi-container or list node — the `decisionList` and
- * `taskList` `li`s and the `layoutSection` columns. Scheme-independent: see
- * `nestedContentScheme` above.
+ * `taskList` `li`s and the `layoutSection` columns.
  */
-export declare const resolveNestedInsertedNodeStyle: () => string;
+export declare const resolveNestedInsertedNodeStyle: (colorScheme?: ColorScheme) => string;
 /**
  * Whether the colour scheme draws a resting (non-active) ring on a deleted media/embed node, which
  * is what the `show-diff-deleted-outline-new` class styles in editor-core's smartCardStyles.

package/dist/types/ui/ContributorTag/buildContributorTagDom.d.ts

@@ -34,6 +34,13 @@ export declare const CONTRIBUTOR_TAG_REVEALED_ATTRIBUTE = "data-revealed";
  * number — hence the wide margin. Raise in step with that duration.
  */
 export declare const TAG_EXIT_FALLBACK_MS = 1200;
+/**
+ * The tooltip's look, inline rather than through `VANILLA_TOOLTIP_DEFAULT_CLASS`: this tooltip is
+ * hoisted out of the tag, and that class's rule is scoped under `.ProseMirror` — see
+ * `resolveTooltipContainer`. Otherwise `vanillaTooltipDefaultStyles` in editor-core, which is the
+ * look every other vanilla tooltip has; keep the two in step.
+ */
+export declare const CONTRIBUTOR_TAG_TOOLTIP_STYLES: Readonly<Record<string, string>>;
 export type ContributorTagDom = {
     avatars: HTMLSpanElement;
     name: HTMLSpanElement;

package/dist/types/ui/ContributorTag/contributorTagController.d.ts

@@ -91,6 +91,17 @@ export declare class ContributorTagController {
      * shape of `syncVanillaDisabledTooltip` in `mentionNodeView`.
      */
     private syncTooltip;
+    /**
+     * Where the tooltip is appended, rather than inside the tag.
+     *
+     * Popper and the browser only agree on a top-layer popover's origin when nothing above it is
+     * transformed, and the tag hangs under the editor's own transformed nodes — inside a wide image
+     * that is `.rich-media-item`, whose `translateX(-50%)` threw the tooltip off screen
+     * (EDITOR-8971). The content area is the nearest ancestor with none of that above it, and keeps
+     * the tooltip inside the editor it belongs to; the document body covers an appearance that has
+     * no content area.
+     */
+    private resolveTooltipContainer;
     /**
      * Observes the highlight this tag describes, for what CSS here cannot see: its hover state. The
      * highlight is a ProseMirror decoration in a different DOM subtree, so listeners are bound

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-show-diff",
-	"version": "16.0.2",
+	"version": "16.0.4",
 	"description": "ShowDiff plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,7 +32,7 @@
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/primitives": "^22.5.0",
-		"@atlaskit/tmp-editor-statsig": "^189.0.0",
+		"@atlaskit/tmp-editor-statsig": "^191.0.0",
 		"@atlaskit/tokens": "^16.12.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
@@ -46,7 +46,7 @@
 		"@atlaskit/button": "^25.3.0",
 		"@atlaskit/css": "^1.1.0",
 		"@atlaskit/dropdown-menu": "^18.3.0",
-		"@atlaskit/editor-core": "^228.0.0",
+		"@atlaskit/editor-core": "^228.1.0",
 		"@atlaskit/editor-json-transformer": "^9.8.0",
 		"@atlaskit/editor-plugins": "^16.1.0",
 		"@atlaskit/form": "^17.2.0",
@@ -57,14 +57,14 @@
 		"@atlassian/confluence-presets": "workspace:^",
 		"@atlassian/content-reconciliation": "^0.1.3506",
 		"@atlassian/editor-ai-injected-editors": "^32.0.0",
-		"@atlassian/editor-plugin-ai": "^72.0.0",
+		"@atlassian/editor-plugin-ai": "^72.1.0",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"react": "^19.2.0",
 		"react-dom": "^19.2.0",
 		"react-intl": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^122.2.0",
+		"@atlaskit/editor-common": "^122.3.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"